/* Layout */
body {
    font-family:Arial, Helvetica, Tahoma, Verdana;
    background: #f6f5f3 url(../images/bg.jpg) repeat-x;

}
#htop {
    background: url(../images/header-bg.jpg) no-repeat center top;
}
#bottom {
    background: url(../images/bottom-bg.png) no-repeat center bottom;
    padding-bottom: 20px;
}
#wrapper {
    position:relative;

}
a, a:active { color: #000; }
.side-box a, p.url a, .aff_links a {
    color: #23AE13;
    text-decoration: none;
    background: url(../images/arrow.gif) no-repeat right 5px;
    padding-right: 8px;
    font-style: normal;
}
.side-box a:hover, p.url a:hover, .aff_links a:hover { text-decoration: underline; }
.mr {  margin-right: 15px; }

/* Header */
#header {  }
#header .inside {
    z-index:100;
}
#header .logo {
    display: block;
    width: 799px;
    height: 78px;
    background: url(../images/logo.png) no-repeat 0px 2px;
}
/* Navigation */
#nav {
    float: left;
    z-index:10;
    margin: 6px 0 0 0;
    padding: 17px 10px 0px 10px;
}
#nav .level_1 {
    display: inline;
    list-style-type: none;
    margin: 0; padding: 0;

}
#nav li {
    text-align:left;
    float:left;
    margin: 0 12px 0 0;
}
#nav .level_2 li { float: none; }
#nav a {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    padding: 2px 4px 2px 4px;
    display: block;
}
#nav a.submenu {
    padding-right: 16px;
    background: url(../temp/menu.gif) no-repeat center right;
}
#nav a:hover, #nav li a.active, #nav li a.trail, #nav li:hover a {
    color: #fff;
    background: #27AB19;
}
#nav a.submenu:hover, #nav li.active a.submenu, #nav li.trail a.submenu, #nav li:hover a.submenu {
    background: #27AB19 url(../temp/menu-hover.gif) no-repeat center right;
}
#nav .level_2 { padding: 5px 0 0 0; list-style-type: none; position:absolute; width:15em; top:121px; left:-10000px; background: #27AB19; color:#fff; }
#nav .level_2 li { padding:0; margin:0; }
#nav .level_2 a {
    font-weight: bold;
    font-size: 12px;
    padding: 5px 6px 5px 6px;
    border-bottom: 1px dotted #fff;
}
#nav .level_2 a.last { border: 0; }
#nav .level_2 a:hover { background: #64C55A; }
#nav li:hover > .level_2 { left:auto; }

.search {
    font-size: 12px;
    float: right;
    margin: 25px 8px 0 0;
}
.search input { float: left; }
.search .text {
    height: 18px;
    width: 150px;
    border:1px solid #4F4F4F;
    color: #919191;
    font-style: italic;
}
.search .active {
    color: #000;
    font-style: normal;
}

/* Content */
#container{
    clear: both;
    background: url(../images/main-bg.png) repeat-y;
    margin-top: 7px;
    color: #221910;
}
.col-1 #container { background: url(../images/1col-bg.png) repeat; }
#main .inside {
    font-size: 12px;
    margin: 0 14px 0 14px;
}
.col-1 #main .inside { margin: 0; }

.mod_breadcrumb {
    background: #FCFCFC;
    margin: 21px 0 0 0;
    padding: 4px; 
    font-size: 11px;
}
.mod_breadcrumb a {
    color: #6E6761;
    text-decoration: none;
}
.mod_breadcrumb a:hover {
    text-decoration: underline;
}
.ce_text {
    padding: 7px 35px 7px 10px;
    clear: both;
    line-height: 160%;
}
.ce_downloads {
    padding:0 5px 0 5px;
}
.mime_icon {
    float: left;
    padding: 0 5px 0 0;
}
h1.ce_headline {
    margin: 10px;
    font-size: 22px;
    color: #26AD12;
}
h2 {
    margin: 10px;
    font-size: 16px;
}
.ce_text h1, .ce_text h2, .ce_text h3 {
    font-size: 16px;
    margin: 0 0 10px 0;
}
.ce_text h2 {
    font-size: 14px;
}
.ce_text h3 {
    font-size: 12px;
}
.ce_text p {
    margin:0; padding:5px 0 5px 0;
}
.image_container img {
    padding: 2px;
    border:1px solid #ddd;
}
.mod_article ul{
    padding: 0; margin: 0;
    list-style-type: none;
}
.mod_article li {
    background: url(../images/arrow-grey.gif) no-repeat 0px 9px;
    padding: 3px 3px 3px 10px;
}


.mod_article.list .ce_hyperlink {
    border-bottom: 1px dotted #000;
    border-right: 1px dotted #000;
    float: left;
    width: 117px;
}
.mod_article.list .ce_hyperlink.last {
    border-right: 0;
    width: 119px;
}
.mod_article.list .ce_hyperlink.last_row { border-bottom: 2px solid #000; }
.mod_article.list .image_container { text-align: center; }
.mod_article.list .image_container img { border: 0; }
.mod_article.list .caption { padding: 2px 5px 2px 5px;  height: 32px; text-align: center; }

.products_button {
    clear: both;
    text-align: left;
    padding: 15px 5px 15px 5px;
}

/* Product List */
.products_short {
    float: left;
    border-bottom: 2px solid #000;
    border-right: 1px dotted #000;
    width: 208px;
    padding: 0px 0 10px 0;
}
.products_short .image { position: relative; border-bottom: 1px dotted #000;  text-align: center; }
.products_short .zoom {
    background: url(../images/zoom.gif) no-repeat top left;
    width: 35px;
    height: 34px;
    position: absolute;
    bottom: 0;
}
.products_short .title {
    padding: 5px;
    height: 30px;
    text-align: center;
}
.products_short .price { float: left; font-weight: bold; padding: 5px; font-size: 14px; }
.products_short .buy {
    float: right;
    margin: 3px 15px 0 0;
}
.products_short a {  text-decoration: none; }
.products_short a:hover { text-decoration: underline; }
.products_short.last {
    width: 209px;
    border-right: 0;
}
/* Teaser */
.teaser {
    background: #000;
    padding: 7px 9px 7px 9px;
}
.teaser .content {
    cursor: pointer;
    background-repeat: no-repeat;
    width: auto;
    margin-right: 313px;
    position: relative;
}
.teaser .content .inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #413E35;
    font-size: 16px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.teaser .content strong {
    display: block;
    font-size: 18px;
}
.teaser .content a { color: #fff; text-decoration: none; }
.teaser .tab {
    color: #fff;
    padding: 10px;
}
.teaser .menu {
    color: #fff;
    float: right;
    width: 300px;
}
.teaser .menu strong {
    display: block;
    color: #25AC12;
    font-size: 18px;
}
.teaser .menu ul {
    list-style-type: none;
    margin: 0; padding:0;
}
.teaser .menu li {
    padding: 10px;
    border-bottom: 1px dotted #fff;
    cursor: pointer;
}
.teaser .menu li.active, .teaser .menu li.active strong {
    background: #25AC14;
    color: #000;
}
.teaser .menu li.last { border: 0; }
.teaser .content a { color: #fff; text-decoration: none;}
/* Box */
.box {
    font-size: 14px;
    float: left;
    background: #fff;
    width: 305px; height: 105px;
    border-bottom: 1px solid #000;
}
.box .headline {
    background: #000 url(../images/box.gif) no-repeat;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 15px 2px 15px;
}
.box form { margin: 0; padding: 0; text-align: center; }
.box p {  margin: 0; padding: 7px 15px 7px 15px; }
.box .text { border: 1px solid #4F4F4F; margin:1px 3px 0 15px; }
.box input { float: left; }

.side-box {
    font-size: 11px;
    border-bottom: 2px solid #000;
    margin-bottom: 12px;
}
.side-box .title {
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 25px 5px 5px;
}
.side-box p {
    margin: 0; padding: 5px;
    border-bottom: 1px dotted #000;
}
.side-box p.last { border: 0; }
.side-box quote { display: block; }
.side-box.italic p {
    font-style: italic;
}
/* Product Details */
.product_details {
    padding: 15px 20px 15px 7px;
}
.product_details .image {
    float: left;
    
    margin-right: 10px;
}
.product_details .image img {
    border: 1px solid #ACACAC;
}
.product_details .image .caption { font-size: 11px; color: #999; }
.product_details .title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}
.product_details .price {
    font-size: 22px;
    font-weight: bold;
    float: left;
}
.product_details .button {
    float: right;
}
.product_details .shipping, .product_details .list {
    float: left; margin-top: 15px;
    width: 287px;
}
.product_details .list { margin-top: 5px; }
.product_details .shipping {
    font-size: 11px;
}
.product_details .coupon {
    cursor: pointer;
    float: right;
    position: relative;
    background: url(../images/coupon.gif) no-repeat;
    width: 240px;
    height: 65px;
    margin: 7px 7px 0px 7px;
    padding: 15px;
}
.product_details .coupon .info {
    position: absolute;
    bottom: 0; right: 0;
    margin: 0 25px 11px 0;
    font-size: 11px;
    font-style: italic;
    text-align: right;
}
.product_details .coupon .value {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 3px 0 5px 0;
}
.product_details .coupon .code {
    text-align: center;
    font-weight: bold;
}

.aff_links {
    float: left;
}
.further_links {
    width:287px;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 5px;
}

.formbody .text {
    border: 1px solid #4F4F4F;
}
.formbody .submit {
    background: url(../images/button-bg-brown.gif) repeat-x;
    color: #fff;
    border: 1px solid #000;
}
.mod_search {
    padding: 7px;
}
.mod_search div.odd, .mod_search div.even {
    border-bottom: 1px dotted #000;
}
/* Footer */

#footer {
    background: url(../images/footer-bg.png) no-repeat;
    height: 38px;
}
#footer .inside {
    padding: 10px;
    font-size: 12px;
}
#footer ul {
    display: inline;
    list-style-type: none;
}
#footer li {
    color: #999;
    float: left;
    padding-right: 7px;
}
#footer a { color: #999; text-decoration: none; padding-left: 7px; }
#footer a:hover { text-decoration: underline; }