/**

green: #7DB937


*/

/*--------------------------------*/
/*==========>> Fixes <<========== */
/*--------------------------------*/

/* Clearfix (http://www.positioniseverything.net/easyclearing.html) */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!-[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]->


/*----------------------------------*/
/*===========>> General <<==========*/
/*----------------------------------*/

* {
    font-size: 62.5%;
}

body {
    background: url(../../images/frontend/bg_pattern.gif) top left repeat;
    font-family: Arial, sans-serif;
    height:100%;
    line-height: 1.4;
}

#all_content {
    position:absolute;
    width: 1000px;
    height:100%;
    background: #fff url(../../images/frontend/main_bg.gif) top left repeat-y; }

#main {
    float:left;
    width: 1000px;
    background: #fff url(../../images/frontend/main_bg.gif) top left repeat-y;
}

#contents h2 {
    padding-top: 10px;
}

.clear {
    clear: left;
}

/*----------------------------------*/
/*=========>> Positioning <<========*/
/*----------------------------------*/

#logo {
    position: absolute;
    top: 0;
    left: 0;}

#logo span {
    position: absolute;
    left: -5000px;}

#navigation {
    width: 757px;
    margin: 0 20px 0 223px;
    padding: 8px 0 0 0; }
#navigation div.inner {
    height: 100%;	}
#navigation #search {
    float: left;
    width: 320px;
    clear: left; }
#search input.textbox {
    width: 320px;}
#navigation #cart {
    float: right;
    width: 370px;
    clear: both;
    margin: 10px 0px 0 0; }

#navigation #cart .cart_item {
    margin: 0 0 10px 10px;
    float: right;}
#navigation #cart .cart_item  {
    height: 40px;
    width: 32px;
}		

#customer_info_bar {
    position: absolute;
    right: 9px;
    top: 8px;
    height: 16px;
    width: 395px;
    padding: 3px 13px; }
#customer_info_bar #login {
    margin: 0 0 0 5px; }
#customer_info_bar #login_status {
    position: absolute;
    left: 0px;
    padding: 0 0 0 12px;
}
#customer_info_bar #cart_info {
    position: absolute;
    left: 170px;
    width: 235px; }
* html #customer_info_bar #cart_info {
    margin-top: 1px;
}
#customer_info_bar #cart_info a {
    position: absolute;
    right: 0px;
    padding-right: 20px;
}
#related_searches{
    position: absolute;
    left: 223px;
    width: 350px;
    margin: 50px 0 0 0;
    padding: 5px 0;}
#related_searches span {
    padding: 0 8px 0 0;}
#related_searches a {
    padding: 0 8px;}

#search input.textbox {
    padding: 0 5px;
}

#slogan h2{
    padding: 5px 0px 5px 0px;
    clear: left;
}

ul.nav_list {
    padding: 3px 0;
    float: left; }
ul.nav_list li {
    display: inline;
    padding: 0 14px 0 0;	}

#main {
    clear: right; }
#main #contents {
    margin: 0px 20px 0 223px;
}
#main #contents div.outer * div.inner {
    min-height: 0;
}
#main #contents .outer .inner {
    padding-bottom: 10px;
    position: relative;
}

#categories {
    float:left;

    margin: 17px 0 0 5px;
    left: 0px;
    padding: 12px 20px 30px 20px;
    width: 154px;
}
#categories h2 {
    padding: 30px 0 5px 0;
}
#categories li {
    padding: 5px 0;
    background-color: #39393a;
}
#categories li li a {
    padding-left: 16px;
    display: block;
}

#categories li li .icon {
    float: left;
}

.affiliate {
    padding: 20px 0 5px 0;
    font-size: 120%;
    color: #7DB937;
}

.newsletter {
    color: #7DB937;
    padding: 20px 0px 5px 5px;
    margin-top: 20px;
    float: left;
}

.newsletter .desc {
    display: inline;
    float: left;
    padding: 10px 10px 0 0;
}

.newsletter .script {
    display: inline;
    float: left;
    padding: 10px 0 0 10px;
}

.newsletter .bar {
    background: transparent url(../../images/frontend/green_bar.gif) repeat-x scroll left bottom;
}

.newsletter td {
    padding-right: 5px;
}

#footer {
    clear: right;
    margin: 10px 0 0 0;
    padding: 20px 0 5px 0; }
#footer ul {
    padding: 0;}
#footer ul li {
    padding: 0;}
#footer div#copyright {
    float: right; }
textarea {

}


/*----------------------------------*/
/*===========>> Links <<============*/
/*----------------------------------*/

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #7DB937;
}

#contents a, #contents a:link, #contents a:visited {
    text-decoration: none;
    color: #9A9977;
}
#contents a:hover, #contents a:active {
    text-decoration: none;
    color: #72715C;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    text-decoration: none;
    color: #7DB937;
}

#navigation #customer_info_bar a, #navigation #customer_info_bar a:link, #navigation #customer_info_bar a:visited {
    text-decoration: none;
    color: #9A9977;
}
#navigation #customer_info_bar a:hover, #navigation #customer_info_bar a:active {
    text-decoration: none;
    color: #72715C;
}

#categories a, #categories a:link, #categories a:visited {
    text-decoration: none;
    color: #fff;
}
#categories a:hover, #categories a:active {
    text-decoration: none;
    color: #E4FACB;
}

#categories span.current a, #categories span.current a:link,
#categories span.current a:hover, #categories span.current a:active,
#categories span.current a:visited {
    color: #7DB937;
}


/*----------------------------------*/
/*=========>> Navigation <<=========*/
/*----------------------------------*/

#navigation {
    font-size: 9pt;
    background: url(../../images/frontend/black_bar.gif) top left repeat-x;}

ul#main_nav {
    font-weight: bold;}

#customer_info_bar {
    background: url(../../images/frontend/cartinfo_bg.gif) bottom left no-repeat; }
#customer_info_bar #login {
    font-style: italic; }

#customer_info_bar span.username { position: relative; top: -5px; left: 0px; }
#customer_info_bar span.logout { position: relative; top: -1px; left: 5px; }

#search input.textbox {
    color: #7DB937;
    border: 2px inset #ccc;
    background: url(../../images/frontend/icons/search.gif) center right no-repeat; }

#related_searches {
    text-transform: lowercase; }
#related_searches span {
    font-weight: bold;}

#footer {
    font-size: 8.5pt;
    color: #7DB937;
}
/*----------------------------------*/
/*============>> Misc <<============*/
/*----------------------------------*/

#navigation #cart img {
    padding: 2px;
    border: 1px solid #BEBEAC;
}

#navigation #customer_info_bar {
    font-size: 8.5pt;
}

#slogan h2 {
    font-weight: bold;
    color: #8CC241;
    font-size: 180%;
}

#categories {
    font-size: 8.5pt;
    color: #fff;
    background: transparent url(../../images/frontend/menu_top.gif) top left no-repeat; }
#categories h2 {
    color: #8CC241;
    /* its the old style */
    /*font-weight: bold;*/
/*text-transform: uppercase;*/ }
#categories .icon, #categories ul li span.current {
    color: #7DB937;
}

#main #contents {
    font-size: 9pt;
    background: url(../../images/frontend/green_bar.gif) top left repeat-x; }
#main #contents h2 {
    font-size: 18pt; }
#main #contents div.inner {
    background: url(../../images/frontend/green_bar.gif) bottom left repeat-x; }
#contents div.button {
    text-align: center;
    margin-bottom: 30px; }
#contents div.button img {
    clear: right;
    margin: 5px auto;
}
#contents div.pagination {
    text-align: center;
}

#customer_info_bar #cart_info a {
    background: url(../../images/frontend/buttons/cart.gif) center right no-repeat;
}
#customer_info_bar #cart_info strong {
    font-weight: bold;
}

/*--------------------------------------*/
/*============>> MESSAGES <<============*/
/*--------------------------------------*/

div#application-message {
    margin: 13px 0 0px 0 !important;
    padding: 0px;
    width: 100%;
}

div#application-message div.notification {
    text-align: left;
    font-weight: bold;
    background: #def url(../../images/admin/icons/info.gif) no-repeat 5px center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 7px 5px 7px 30px;
}

div#application-message div.alert, div#application-message .error {
    text-align: left;
    font-weight: bold;
    background: #fcc;
    border-top: 1px solid #c00;
    border-bottom: 1px solid #c00;
    padding: 7px 5px;
    color: #f00;
}

div.login-error { font-weight: bold; text-align: center; }

div#application-message div.error h2 { font-size: 18px !important; color: #f00; margin-bottom: 0px;}
div#application-message div.error p { font-weight: normal; color: #f00 !important; }
div#application-message div.error ul { margin: 5px 0 0 30px; list-style-type: disc !important; }
div#application-message div.error li { list-style-type: disc !important; margin-top: 2px; font-style: italic; }

span.field-error { padding-right: 24px; background: url(../../images/admin/icons/warning.gif) no-repeat right center; }
span.checkbox-field-error { padding: 2px 1px; background: red; background-image: none; } 
span.field-error input { margin: 0px !important; padding: 0px !important; }

/*----------------------------------------*/
/*============>> CART POPUP <<============*/
/*----------------------------------------*/

div#cart_carousel {
    float: left;
    width: 336px;
    height: 46px;
    margin-bottom: 10px;
}

#prev_cart_line_item, #next_cart_line_item { border: 0px !important; padding: 0px; margin: 0px; float: left; margin-top: 16px; cursor: pointer; }

div.popup {  }

/*#navigation #cart ul.cart_line_items { float: right; background: red; }*/
#cart ul.cart_line_items li { margin: 0 5px 0px 5px; float: left; }
#cart ul.cart_line_items li img { height: 40px; width: 32px; }

#cart ul.cart_line_items_without_carousel li { margin: 0 0 0 10px; float: right; height: 46px; margin-bottom: 10px; }

div.cart_popup { position: absolute; width: 132px; height: 95px; font-size: 11px; background: url(../../images/frontend/popup/background.png) no-repeat top left; z-index: 300; }
div.cart_popup div.inner { padding: 10px 0 0 8px; }
div.cart_popup p.title { }
div.cart_popup p.price label { font-size: 10px; margin-right: 5px; font-weight: normal; }
div.cart_popup p.price { margin-top: 3px; font-weight: bold; }
div.cart_popup form { font-size: 9px; color: white; position: absolute; left: 8px; bottom: 12px; }
div.cart_popup form input { width: 14px; margin-right: 3px; }
div.cart_popup form a { color: white; font-style: italic; font-size: 9px; }
div.cart_popup form span { color: white; margin: 0 1px; }


/*--------------------------------------*/
/*============>> CHECKOUT <<============*/
/*--------------------------------------*/

div.checkout_navigation { margin: 40px 0 0 0px; }
div.checkout_navigation span { font-size: 14px; color: #d8d8be; }
div.checkout_navigation span.on { font-weight: bold; color: #7DB937; }
div.checkout_navigation span.separator { margin: 0 8px; }

div.next_step { margin: 20px 0; text-align: right; font-weight: bold; font-size: 13px; }

p.checkout_step { margin-top: 30px; }
p.checkout_instructions { margin-top: 20px; font-style: italic; font-size: 13px; }

div.selected_shipping_address { margin-top: 20px; font-size: 14px; background: url(../../images/frontend/green_bar.gif) bottom left repeat-x; padding-bottom: 20px; }
div.selected_shipping_address label { color: #7DB937; }

div.order_summary { margin: 20px 0 30px 0; background: url(../../images/frontend/green_bar.gif) bottom left repeat-x; padding-bottom: 20px; }
div.order_summary h1 { font-size: 15px; font-weight: bold; }
div.order_summary h1 span { text-transform: capitalize; }

div.order_summary table { width: 100%; margin-top: 15px; }
div.order_summary table th { font-weight: bold; font-size: 12px; color: #7DB937; }
div.order_summary table td { vertical-align: middle; color: #9A9977; }
/*div.order_summary table td a { color: #72715C !important; }*/
div.order_summary table td.image img { padding: 2px; border: 1px solid #BEBEAC; height: 40px; width: 32px; }
div.order_summary table td.title { font-weight: bold; }

div.order_summary table td.updatable_qty input { width: 14px; margin-right: 3px; }
div.order_summary table td.updatable_qty form { display: inline; }
div.order_summary table td.updatable_qty a { text-decoration: none; color: #7DB937 !important; padding-left: 20px; }
div.order_summary table td.updatable_qty .button.update { background: url(../../images/frontend/buttons/update_white.gif) bottom left no-repeat; }
div.order_summary table td.updatable_qty .button.remove { background: url(../../images/frontend/buttons/delete_white.gif) bottom left no-repeat; }

div.order_summary table th.image, div.order_summary table td.image { width: 50px; text-align: center; }
div.order_summary table th.number, div.order_summary table td.number { width: 60px; text-align: right; padding-right: 4px; }
div.order_summary table th.updatable_qty, div.order_summary table td.updatable_qty { width: 160px; text-align: center; }
div.order_summary table th.qty, div.order_summary table td.qty { width: 50px; text-align: center; }

div.order_summary p.amount { margin-top: 10px; text-align: right; font-weight: bold; position: relative; padding-right: 4px; }
div.order_summary p.amount label { position: absolute; top: 0px; right: 120px; }
div.order_summary p.total { float: right; background: #181818; width: 200px; color: white; padding: 4px; }
div.order_summary p.total label { top: 4px; }

div.order_summary div.submit_payment { margin-top: 20px; text-align: right; }

ul.shipping_accounts { margin-top: 20px; }
ul.shipping_accounts li { color: #9A9977; margin-bottom: 10px; }


#tm_footnotes_debug {
    position: absolute;
    left: 1040px;
    top: 200px;
    width: 300px;
}

/*=== Supscript ===*/
sup { font-size:9px; vertical-align: super; color:black; }