/*****************************************************
    template config 
*****************************************************/
    html, body, div, h1, h2, h3, h4, p, label, ul, li, img {
    margin:0;
    padding:0;
    font: 12px Tahoma, 'Trebuchet MS';
    color: #000;
    }

    img { border: 0; }
    A:hover {  color: #000000; text-decoration: none; }  
    A:link { color: #000000; text-decoration: none; }  
    A:visited { color: #000000; text-decoration: none; }     
    A:active { color: #000000; text-decoration: none; } 

    ul {
    list-style: none;
    }
    
    strong {
    color: #79A922;
    font-size:13px;
    }
    
    #container {
    margin: 0;
    padding:0;
    width:100%;
    }
    
    #wrapper {
    width:980px;
    margin: 0 auto;
    padding:0;
    }
    
    .rede {
    color: #cc0000;
    }
/*****************************************************
    Header
*****************************************************/

    #header {
    height:346px;
    background: url(../image/header_bg.jpg) repeat-x;
    }
    
    #header br {
    clear: both;
    }
    
    #header a {
    color: #708F23;
    }
    
    #header a:hover {
    color: #7FAA1D;
    }

    #header ul {
    width:980px;
    margin:0 auto;
    }

    #header li.link {
    float:left;
    font-size:14px;
    padding-left:30px;
    line-height:75px;
    }

    #header li.logo {
    float:left;
    }
    
    #header .toptext {
    border:0px solid #000;
    width: 980px;
    margin: 0 auto;
    height:268px;   
    }

    #header .toptext h1 {
    font-size:45px;  
    margin:40px 0px 10px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: #0f5739 1px 1px 5px;
    }

    #header .toptext p  {
    font-size: 14px;
    color: #fff;
    width:640px;
    line-height: 20px;
    text-shadow: #0f5739 1px 1px 5px;
    }
    
    #header .toptext img {
    float: right;
    margin-top:-267px;
    }
    
    #header .sub {
    margin-top:10px;
    background: url(../image/sub.png) no-repeat;
    width:600px;
    height:80px;
    font-size:11px;
    padding:17px 0px 0px 20px;
    color: #FFC12F; 
    line-height: 20px;   
    }
    
    #header .sub input {
    border-bottom : 1px dotted #749F09;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    background: transparent;
    color: #688F08; 
    width:135px;
    }

    #header .sub input.submit {
    background: url(../image/header_button.png) no-repeat;
    height: 30px;
    width: 130px;
    border:0;
    }
      
/*****************************************************
    Content
*****************************************************/

    #wrapper_content {
    float:left;
    width:640px;
    background: url(../image/content_bg.png) 320px 0px no-repeat;
    padding-bottom: 30px;
    }
    
    
    #wrapper_content h2 {
    font-size:32px;
    color: #669515;
    padding:20px 0px 10px 0px;
    }

    #wrapper_content h3 {
    font-size: 20px;
    color: #669515;
    padding:20px 0px 10px 0px;
    }

    #wrapper_content h4 {
    font-size: 20px;
    color: #cc0000;
    padding:20px 0px 10px 0px;
    }

    #wrapper_content p {
    line-height: 20px;
    color:#666;
    width:610px;
    }
    
    #wrapper_content .error {
    background:#eeeeee;
    padding:0px 25px 25px 20px;
    }

    #wrapper_content .error p {
    color: #BF5353;
    }
    
    
/*****************************************************
    SideBar
*****************************************************/    
    
    #sidebar {
    float:right;
    width:325px;
    } 
    
    #sidebar .product {
    background: url(../image/sidebar_bg.png) no-repeat scroll 0 0 transparent;
    width:315px;
    height:170px;   
    } 

    #sidebar .product img {
    float:left;
    padding:50px 0px 0px 15px;
    }

    #sidebar .product ul {
    padding:40px 10px 0px 120px;
    }

    #sidebar .product li.text {
    line-height:20px;
    color: #999999;
    font-size:11px;    
    }
    
    #sidebar .product li.button {
    line-height:35px;
    background: url(../image/sidebar_button.png) no-repeat;
    width:174px;
    height:35px;
    cursor: pointer;    
    }
    
    #sidebar .product li.button:hover {
    background: url(../image/sidebar_buttona.png) no-repeat;    
    }
    
    #sidebar .product span {
    font-size:12px;
    color: #7FAA1D;   
    }
    
    #sidebar .product p {
    color: #999999;
    font-size:10px;
    padding-bottom:0;
    padding-left:55px;
    padding-right:0;
    padding-top:4px;
    width:100%;
    }
    
    #sidebar .section {
    width:315px;
    margin-left:5px;
    margin-top: 10px;   
    padding-bottom: 20px;
    }
    
    #sidebar .section h2 {
    color: #669515;
    font-size: 16px;
    padding: 0px 0px 10px 0px;
    }
    
    #sidebar .section li {
    padding: 2px 0px 4px 0px;
    font-size:11px;
    line-height: 16px;
    border-bottom: 1px dotted #98BF53;
    color: #333;
    }

    #sidebar .section p {
    line-height: 20px;
    color:#666;
    }
    
/*****************************************************
    Footer
*****************************************************/

    #footer {
    height:250px;
    background: url(../image/footer_bg.jpg) repeat-x;
    margin-top:0px;
    }
    
    #footer ul.main {
    width:980px; 
    margin: 0 auto;
    padding-top:20px;
    }

    #footer ul.main li.links {
    float:left;
    width:200px;
    padding-left:20px;
    }

    #footer ul.main li.accept {
    float:left;
    width:300px;
    padding-left:20px;
    color: #fff;
    }

    #footer ul.main li.text {
    float:left;
    width:380px;
    padding-left:20px;
    line-height:20px;
    color: #3B5F06;
    }

    #footer ul.main li.left {
    float: left;
    }

    #footer ul.main li.links ul li {
    background: url(../image/plus.png) left no-repeat;
    text-indent:25px;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    }
    
    #footer ul.main li.links ul li a {
    color: #fff;
    }

    #footer ul.main li.links ul li a:hover {
    color: #A9CF67;
    }
    
/*****************************************************
    Page : Contact.html
*****************************************************/ 
    
    .contact_pic {
    float:left;padding: 30px 0px 100px 0px;
    }

    #contact {
    padding: 30px 0px 0px 80px;
    }

    #contact .label {
    width:120px;
    padding: 8px 0px;
    }

    #contact input, #contact textarea, #contact select, #aff input {
    border:1px solid;
    border-color: #999 #999 #ccc #ccc ;
    width:200px;
    background: #fff;
    }
    
    .send_bt {
    text-align:center;
    text-indent:15px;
    float:right;
    line-height:30px;
    width: 130px;
    background: url(../image/contact_button.png) no-repeat;
    height: 30px;
    }

    .send_bt a {
    color: #fff;
    font-size:11px;
    }
    
/*****************************************************
    Page : Affiliate.html
*****************************************************/
    
    #aff {
    width:610px;
    border:1px solid #ccc;
    color:#999;
    }

    #aff ul {
    padding:10px 0px 40px 0px;
    }

    #aff  li {
    float:left;
    line-height:30px;
    }

    #aff input {
    width:120px;
    }

    .aff_levels {
    margin-top:10px;
    width:96%; 
    padding:5px;
    }

    .aff_levels .title {
    background: #eee;
    padding:5px;
    text-align: center;
    color:#79A922; 
    border: 1px solid #ccc;
    }

    .aff_levels .field {
    border: 1px solid #ccc;
    padding:5px;
    text-align: center;
    }

    .aff_levels .field span {
    font-weight: bold;
    color:#cc0000;
    }
    
/*****************************************************
    Page : faq.html
*****************************************************/
    
    #faq {
    width:610px;
    }

    #faq li.title {
    background: url(../image/faq.png) top left no-repeat; 
    color:#79A922;
    font-size:13px;
    padding-left:30px;
    }

    #faq li {
    color: #666;
    padding-bottom:15px; 
    line-height:16px; 
    }
    
/*****************************************************
    Page : products.html
*****************************************************/

    #product_table {
    border:1px solid #ccc;
    }

    #product_table .title {
    padding:5px;
    border-bottom:1px solid #ddd;
    font-weight: bold;
    background: #eee;
    font-size:11px;
    color: #79A922;
    }

    #product_table .small {
    width: 80px;
    }

    #product_table .med {
    width: 120px;
    }

    #product_table .big {
    width: 200px;
    }

    #product_table .field {
    border-bottom:1px solid #ddd;
    padding:16px 5px;
    font-size:11px;
    color: #000;
    }
    
    #product_table .total {
    text-align:right;
    padding:16px 15px;
    font-weight: normal;
    font-size:16px;
    color:#333;
    }
    
    #product_table .total span {
    color: #cc0000;
    }

    .product_pic {
    float:left;
    padding-top:50px;
    padding-right: 20px;
    padding-bottom:20px; 
    }
    
    #product_usage {
    width:590px;
    margin-top:20px;
    }

    #product_usage li.title {
    font-size:11px;
    padding:15px 0px 2px 0px;
    color: #79A922;
    }
    
    #product_usage li.text {
    color: #666666;
    }
    
    #product_form {
    padding: 20px 0px 0px 20px;
    }

    #product_form .label {
    width:120px;
    padding: 8px 0px;
    }

    #product_form input, #product_form textarea, #product_form select {
    border:1px solid;
    border-color: #999 #999 #ccc #ccc ;
    width:160px;
    background: #fff;
    }
    

    
    
    
    
.tabs {
height:31px;
margin-bottom:0;
width:100%;
}
.tabs a {
background:url("../image/tab_3.png") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
color:#000000;
display:block;
float:left;
font-size:13px;
font-weight:bold;
margin-right:2px;
padding:6px 15px 7px;
position:relative;
text-decoration:none;
top:1px;
z-index:1;
}
.tabs a.selected {
background:url("../image/tab_3.png") repeat-x scroll 0 0 #FFFFFF;
border-bottom:0 none;
padding-bottom:8px;
z-index:3;
}

.tab_page {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
display:block;
margin-bottom:10px;
padding:10px;
z-index:2;
}
.content {
background:#F7F7F7;
border:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:3px;
padding:10px;
}
.heading  {
border-bottom:1px solid #DDDDDD;
margin-bottom:10px;
padding-bottom:3px;
}
#content h1, .heading {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
text-transform:uppercase;
padding:20px 0;
border-bottom:1px solid #79A11C;
}
.pagination .results {
float:right;
}
.pagination .links, .pagination .results {
padding:7px;
}



.box {
background:url("../image/box_top.png") no-repeat scroll 0 0 transparent;
margin-bottom:10px;
}
.box .top {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:8px 0 5px 7px;
text-transform:uppercase;
}
.box .bottom {
background:url("../image/box_bottom.png") no-repeat scroll 0 0 transparent;
height:5px;
}


.button {
background:url("../image/button_left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:inline-block;
margin-right:5px;
padding-left:8px;
text-decoration:none;
}
.button span {
background:url("../image/button_right.png") no-repeat scroll right top transparent;
color:#FFFFFF;
display:block;
padding:4px 12px 5px 5px;
}
a, a:visited {
cursor:pointer;
}

.box .middle {
background:none repeat scroll 0 0 #FFFFFF;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
padding:10px;
}

#column_right {
margin-left:10px;
}
#column_left {
margin-left:10px;
}


.error {
color:#FF0000;
display:block;
}





.switcher {
    float: right;    
    margin-top: 3px;
    margin-left: 10px;
}
.switcher a {
    text-decoration: none;
    display: block;
}
.switcher .selected {
    background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
    border: 1px solid #CCCCCC;
    background: url('../image/arrow_down.png') 116px center no-repeat;
    color: #666666;
    padding: 2px 5px 2px 5px;
    width: 121px;
}
.switcher .selected a:hover {
    background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {    
    position: absolute;
    z-index: 3;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    display: none;
    width: 131px;
}
.switcher .option a {
    color: #000;
    padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
    background: #FFC;
}
.switcher img {
    position: relative;
    top: 1px;
}


.warning {
    padding: 5px 0px;
    margin-bottom: 10px;
    background: #FFDFE0;
    border: 1px solid #FF9999;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
}
.wait {
    padding: 5px 0px;
    margin-bottom: 10px;
    background: #FBFAEA;
    border: 1px solid #EFEBAA;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
}
.required {
    color: #FF0000;
    font-weight: bold;
}

.cart {
border:1px solid #EEEEEE;
border-collapse:collapse;
margin-bottom:10px;
width:100%;
}
.cart th {
background:none repeat scroll 0 0 #EEEEEE;
font-weight:normal;
padding:5px;
}