/* -------------------------------------------
project:	Herbal projects
date:		2007/12/18
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; color: #666; font: 68.75%/130% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, button, form dd label.radio-label, .f-error { font-size: 0.92em;  }
textarea, input, option { padding: 2px 5px; }


/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
input,label {  }
input {  }
label { font-weight: normal;  }
.f-error { display: block; width: 100%; background: #FFFCD9; margin: 4px 0 0 0; padding: 2px 7px; color: #FF0707; }

img { border: none; }
.img.fr { padding: 0 0 10px 10px; margin: 0; }
.img.fl { padding: 0 10px 10px 0; margin: 0; }

strong { }
em { padding: 1px 2px; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px;   }
 dt { clear: left; float: left; padding: 0 10px; width: 170px; margin: 0 0 4px;  }
 dd { float: left; width: 300px; margin: 0 0 4px;  }

p { line-height: 18px; margin: 0 0 18px; }
p.marked { color: #f90; font-weight: bold; font-size: 0.83em; }

a { padding: 0; color: #5E8C9B; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

.clear { clear: both; }
.fr, .right { float: right; }
.fl, .left { float: left; }
.h { display: none; }

ul { padding: 0; margin: 0 0 10px;  }
ul li { padding: 0 0 1px 0px; margin: 0 0 1px 15px; }

ol { padding-left: 20px; margin-left: 0; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; padding: 0; font-size: 1.57em; font-weight: bold; color: #5E8C9B; }
h2 { font-size: 1.29em; }
h3 { font-size: 1.0em; margin: 0 0 10px; }
h4 { font-size: 0.86em; }
h5 { font-size: 0.800em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.center { text-align: center; }

/* LAYOUT
------------------------------------------- */
body {  }
.wrapper { display: block; width: 940px; height: 1%; overflow: hidden; margin: 0 auto; padding: 0;  border-bottom: 2px solid #D5DAB7; }

 
 #top { float: left; width: 760px; height: 111px; position: relative; padding: 0; margin: 0; background: url(../images/top-bg.jpg) 0 0 no-repeat; }
 
 #sidebar-b { float: right; width: 146px; padding: 0 19px 20px 15px; overflow: hidden; border-top: 6px solid #819800; }
 
 #container { float: left; width: 760px; }
  #sidebar-a { float: left; width: 180px; overflow: hidden; margin: 0 6px 0 0; padding: 0 0 20px 0; }
  #content { float: left; width: 568px; padding: 0; } 

 #footer { display: block; width: 940px; margin: 15px auto; }

body.personal .wrapper, body.personal #footer, body.personal #content { display: block; width: 760px; background: transparent; }

/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 9659px; top: 0; z-index: 10001; width: 200px; padding: 2px 0; background: #A32F31; color: #000; font-size: 1.4em; text-align: center; }
 
/* NAVIGATION
------------------------------------------- */

/* NAV */


/* Foot-nav */
#nav-foot { padding: 0; margin: 0; list-style: none; }
#nav-foot li { float: left; padding: 0; margin: 0; background: url(../images/nav-foot-sep.gif) 0 50% no-repeat;  }
#nav-foot li a { display: block; padding: 0 5px; margin: 0; }
#nav-foot li a:hover, #nav-foot li a:focus, #nav-foot li a:active { text-decoration: underline; }
#nav-foot li.first { background: transparent; }
#nav-foot li.first a { padding-left: 0; }

/* TOP 
-------------------------------------------- */

h1.logo { position: absolute; top: 38px; left: 20px; padding: 0; margin: 0; }
h1.logo a { display: block; width: 160px; height: 65px; overflow: hidden; background: url(../images/logo.jpg) 0 0 no-repeat; text-indent: -1001em; }

#top .customer-support { position: absolute; display: block; right: 20px; top: 10px; text-align: right; }
#top .customer-support p {  }
#top .customer-support .info { color: #fff; font-weight: bold; margin: 0 0 30px; }
#top .customer-support .phone { color: #E8541F; font-size: 2.73em; font-weight: bold; margin: 0 0 10px; }
#top .customer-support .international-numbers { color: #5E8C9B; text-decoration: none; }
#top .customer-support .international-numbers:hover { text-decoration: underline; } 

/* FOOTER
-------------------------------------------- */
#footer {  }
 #footer a.logo { float: left; width: 96px; height: 29px; overflow: hidden; text-indent: -1001em; background:  0 0 no-repeat; border-right: 1px solid #d5d5d5; }
 #footer .foot-info { float: left; width: auto; padding: 0 0 0 12px; color: #48525C; }
 #footer #nav-foot { display: block; }
 #footer .copyright { clear: left; display: block; }
 #footer a { color: #48525C; text-decoration: none; }
 #footer a:hover { text-decoration: underline; }
/* SIDEBAR 
-------------------------------------------- */

/* Sidebar-a */
#sidebar-a a { color: #48525C; text-decoration: none; }
#sidebar-a a:hover { text-decoration: underline; }
#sidebar-a h2, #sidebar-a h3 { color: #fff; font-size: 1em; }
#sidebar-a h2.marked { background: #E8541F url(../images/h2-marked-bg.gif) 100% 100% no-repeat; }
#sidebar-a h2.marked-2 { background: #E8541F url(../images/h2-marked-2-bg.gif) 100% 100% no-repeat; }
#sidebar-a h2.marked-3 { background: #9EA96B url(../images/h3-marked-bg.gif) 100% 100% no-repeat; }
#sidebar-a h3.marked { background: #9EA96B url(../images/h3-marked-bg.gif) 100% 100% no-repeat; }
#sidebar-a h2.marked, #sidebar-a h2.marked-2, #sidebar-a h2.marked-3, #sidebar-a h3.marked { padding: 5px 16px 6px 20px; margin: 0; }
#sidebar-a h3.marked a, #sidebar-a h3.marked a:visited {color: #fff;}

#sidebar-a .customer-service { display: block; width: 100%; height: 1%; color: #fff; padding: 0 0 16px 0; background: #586164 url(../images/customer-service-bg-bottom.gif) 100% 100% no-repeat;  }
#sidebar-a .customer-service .wrapper-a { overflow: hidden; width: auto; height: 1%; padding: 16px 16px 0 20px; background: url(../images/customer-service-bg-top.gif) 0 0 no-repeat;  }
#sidebar-a .customer-service h2 { padding: 0 0 3px; border-bottom: 1px solid #50595C; margin: 0 0 4px; }
#sidebar-a .customer-service ul { padding: 0; margin: 0 0 10px; list-style: none; }
#sidebar-a .customer-service ul li { background: url(../images/icon-leaf-white.gif) 0 3px no-repeat; padding: 0 0 0 15px; margin: 0 0 2px; }
#sidebar-a .customer-service ul li a { color: #fff; }
#sidebar-a .customer-service ul li a:hover {}
				
#sidebar-a .our-products {}
#sidebar-a .our-products ul { padding: 0; margin: 0; }
#sidebar-a .our-products ul li { padding: 0; margin: 0; list-style: none; }
#sidebar-a .our-products ul li h3.marked { margin: 0 0 3px; }
#sidebar-a .our-products ul li ul { padding: 3px 16px 3px 29px; margin: 0 0 4px; }
#sidebar-a .our-products ul li ul li { padding-left: 15px; background: url(../images/icon-leaf-red.gif) 0 3px no-repeat; }
#sidebar-a .our-products ul li ul li a {}
#sidebar-a .our-products ul li ul li a:hover {}
							
#sidebar-a .payment-methods {}
#sidebar-a .payment-methods h2 { }
#sidebar-a .payment-methods img { display: block; padding: 5px 0 9px 0; width: 139px; height: 55px; margin: 0 auto; }

#sidebar-a .business-pportunities { background: #E9EECB; padding: 0 0 8px; }
#sidebar-a .business-pportunities h2 { margin: 0 0 5px; }
#sidebar-a .business-pportunities ul { padding: 0; margin: 0; list-style: none; }
#sidebar-a .business-pportunities ul li { padding: 0 16px 0 29px; margin: 0 0 4px; }
#sidebar-a .business-pportunities ul li a {}
#sidebar-a .business-pportunities ul li a:hover {}

h3.marked a, h3.marked a:visited {color: #fff;}

/* Sidebar-b */
#sidebar-b { z-index: 10; }
form#language-form { display: block; width: 100%; height: 1%; margin: 6px 0; }
form#language-form fieldset { padding:0; margin: 0;}
form#language-form label { display: none; } 
form#language-form select { font-size: 1em; color: #609ABB; border: 1px solid #d4d4d4; width: 100%; padding: 0; margin: 0; }
form#language-form select { font-size: 1em; }
form#language-form #langlist {}
form#language-form #lang-layer { display: none; }
form#language-form #lang-layer span {}
form#language-form #lang-layer img {}
form#language-form input#submit-lang-btn {}

#sidebar-b .promo-box { z-index: 10; display: block; margin: 0 0 10px; }
#sidebar-b .promo-box a {}
#sidebar-b .promo-box a img { display: block; width: auto; margin: 0 auto;}

#sidebar-b .testimonials { display: block; width: 100%; padding-top: 9px; }
#sidebar-b .testimonials h3 { font-size: 1.27em; color: #5E8C9B; }
#sidebar-b .testimonials ul { display: block; padding: 0; margin: 0; }
#sidebar-b .testimonials ul li { display: block; width: 100%; height: 1%; overflow: hidden; padding: 0; margin: 0 0 10px 0; list-style: none; font-size: 1.09em; color: #737272; background: url(../images/grey-dash-sep.gif) 0 100% repeat-x; }
#sidebar-b .testimonials ul li.last { background: transparent; }
#sidebar-b .testimonials ul li cite { font-style: normal; }
#sidebar-b .testimonials ul li .author { text-align: right; font-style: italic; margin: 0 0 10px; }


/* OTHER
------------------------------------------- */

#main-banner { float: left; margin: 0 0 9px 0; width: 568px; height: 173px; }

ul.breadcrump { float: left; padding: 0 0 3px; margin: 0 0 5px; width: 568px; height: 1%; border-bottom: 1px solid #D3D5D7; list-style: none;  }
ul.breadcrump li { float: left; background: url(../images/arrow-grey-right.gif) 0 50% no-repeat; padding: 0 3px 0 6px; margin: 0; color: #A6ADB0; }
ul.breadcrump li.first { padding-left: 0; background: transparent; }
ul.breadcrump li a { color: #5E8C9B;  }

a.see-more {  padding: 0 5px 0 0; background: url(../images/arrow-blue.gif) 100% 6px no-repeat; text-decoration: none; color: #5e8c9b; cursor: pointer; }
a.see-more:hover { text-decoration: underline;  }

p.price { padding: 0; margin: 2px 0; color: #737272; }
p.price span { color: #e8541f; font-weight: bold;  }

/* buttons */
a.button.details, a.details { display: block; width: 57px; height: 22px; padding: 0; margin: 0; overflow: hidden; background: url(../images/button-details-bg.gif) 0 0 no-repeat; text-indent: -1001em; }
a.button.place-order { float: right; width: 111px; height: 38px; margin: 10px 0 0 0; overflow: hidden; background: url(../images/button-place-order.gif) 0 50% no-repeat; text-indent: -1001em;  }
a.button.add-to-cart { clear: right; float: right; width: 109px; height: 38px; overflow: hidden; background: url(../images/button-add-to-cart.gif) 0 0 no-repeat; text-indent: -1001em; }
a.button.add-to-cart.ver-1 { background: url(../images/button-add-to-cart-blue.gif) 0 0 no-repeat; }
a.button.continue-shopping { float: left; width: 138px; height: 38px; padding: 0; overflow: hidden; background: url(../images/button-continue-shopping.gif) 0 50% no-repeat; text-indent: -1001em; }


/* headlines */
h2.top-ver-1, h2.top-ver-2 { display: block; padding: 0; font-weight: normal; color: #fff; margin: 0; }
h2.top-ver-1 .wrap-a, h2.top-ver-2 .wrap-a { display: block; padding: 0 7px;  }
h2.top-ver-1 .wrap-a .ico, h2.top-ver-2 .wrap-a .ico { display: block; width: auto; height: 25px; padding: 13px 0 0 28px; }
h2.top-ver-1.special, h2.top-ver-2.special { font-weight: bold; font-size: 1.64em; }
h2.top-ver-1.special-1, h2.top-ver-2.special-1 { font-size: 1.45em; font-weight: bold; }
h2.top-ver-1.special-1 span.inactive, h2.top-ver-2.special-1 span.inactive { color: #b9d6e0; }

h2.top-ver-1 { background: #9EA96B 100% 0 no-repeat; }

h2.top-ver-1 .wrap-a .ico {  }

.ico a, .ico a:visited {color: #fff;}

h2.top-ver-2 { background: #5e8c9b url(../images/top-ver-2-bg-right.gif) 100% 0 no-repeat; }
h2.top-ver-2 .wrap-a { background: url(../images/top-ver-2-bg-left.gif) 0 0 no-repeat; }
h2.top-ver-2 .wrap-a .ico { }

h2.top-ver-1.womens-department .wrap-a .ico { background: url(../images/icon-women-v1.gif) 0 50% no-repeat; }

h2.top-ver-1.general-health .wrap-a .ico { background: url(../images/icon-health-v1.gif) 0 50% no-repeat; }
h2.top-ver-1.weight-loss-and-diet .wrap-a .ico { background: url(../images/icon-downarrow-v1.gif) 0 50% no-repeat; }
h2.top-ver-1.special-offers .wrap-a .ico { background: url(../images/icon-women-v1.gif) 0 50% no-repeat; }
h2.top-ver-1.ico-leaf .wrap-a .ico { background: url(../images/icon-leaf-white.gif) 10px 50% no-repeat; }
h2.top-ver-1.ico-pages .wrap-a .ico { background: url(../images/icon-pages-v1.gif) 0 50% no-repeat; }

h2.top-ver-2.ico-down .wrap-a .ico { background: url(../images/icon-down-v2.gif) 0 50% no-repeat; }

h2.top-ver-2.customers-favourites .wrap-a .ico { background: url(../images/icon-finger-v2.gif) 0 50% no-repeat; }
h2.top-ver-2.browse-products .wrap-a .ico { background: url(../images/icon-down-v2.gif) 0 50% no-repeat; }


h2.top-ver-2.short { width: 382px; float: left; background: #5e8c9b url(../images/top-ver-2-short-bg-right.gif) 100% 0 no-repeat; }


/* BOXES 
----------------------------------- */

.box {}
.box div.wrap-a { display: block; height: 1%; border: 1px solid #d3d5d7; overflow: hidden; }
.box div.wrap-a div.wrap-b { display: block; height: 1%; padding: 10px 0 0 12px; overflow: hidden; border: 3px solid #f7f7f7; border-right: 0; border-bottom: 0; }

.box-half { width: 281px; }
.box-half div.wrap-a { width: 279px; }
.box-half div.wrap-a div.wrap-b { width: 265px; }
.box-half a.see-more { float: right; margin: 0 10px 10px 0;  }

.box-full { clear: both; width: 100%; margin: 0 0 10px; }
.box-full div.wrap-a { width: 566px; }
.box-full div.wrap-a div.wrap-b { display: block; width: 535px; height: 1%; padding-bottom: 20px; padding-right: 15px; }

.box-full-long { clear: both; width: 100%; margin: 0 0 10px; }
.box-full-long div.wrap-a { width: 100%; padding: 0; }
.box-full-long div.wrap-a div.wrap-b { display: block; width: 100%; height: 1%; padding: 0; border: 0; }

.box.box-full-long div.wrap-a { border: 0; }
.box.box-full-long.shopping-cart div.wrap-a { border: 0; padding: 1px 0 0; }

div.shopping-cart wrap-a { border: 0; }
.shopping-cart .wrap-a { display: block; clear: both; }

/* Box full */
.box-full p.promo-image { margin-top: 10px;  }
.box-full p.promo-image.right { float: right; }

.box-full div.title {}
.box-full div.title.title-ver-1 {}
.box-full div.title.title-ver-1 h3 { padding: 10px 0 0 0; float: left; color: #737272; font-size: 1.64em; line-height: 1em; }
.box-full div.title.title-ver-1 h3 span { color: #E8541F; font-size: 1.33em; display: block; margin: 0 0 5px; }
.box-full div.title.title-ver-1 h3 span {}

.box-full div.title.title-ver-2 { }
.box-full div.title.title-ver-2 h3 { padding: 10px 0 0 0; float: left; color: #737272; font-size: 1.64em; line-height: 1em; }
.box-full div.title.title-ver-2 h3 span { color: #9EA96B; font-size: 1.33em; display: block; margin: 0 0 5px; }
.box-full div.title.title-ver-2 h3 span abbr { color: #A9A9A9; font-size: 0.75em; text-decoration: line-through; border: 0;  }

.box-full div.title.title-ver-1 p.price-image { float: left; margin: 0; }
.box-full div.title.title-ver-2 p.price-image { float: left; margin: 0; }

.box-full.product-desc div.wrap-a div.wrap-b { padding-top: 25px;  }
.box-full.product-desc p.promo-image { float: left; margin: 0 10px 10px; }
.box-full.product-desc div.desc { float: left; clear: none; width: auto; }
.box-full.product-desc div.desc img.promo-image.left {float: left; margin-right: 15px;}
.box-full.product-desc div.desc p { margin: 0 0 10px; }
.box-full.product-desc ul.product-links { display: block; padding: 5px 0; margin: 0; width: 100%; height: 1%; overflow: hidden; list-style: none; background: #F0F2E7; }
.box-full.product-desc ul.product-links li { float: left; padding: 0 7px; margin: 0; border-left: 1px solid #D7DCC0; }
.box-full.product-desc ul.product-links li.first { border: 0; }
.box-full.product-desc ul.product-links li a { float: left; padding: 5px 8px 5px 28px;  }
.box-full.product-desc ul.product-links li a.works { background: url(../images/icon-works.gif) 0 50% no-repeat; }
.box-full.product-desc ul.product-links li a.ingridients { background: url(../images/icon-ingridients.gif) 0 50% no-repeat; }
.box-full.product-desc ul.product-links li a.questions { background: url(../images/icon-questions.gif) 0 50% no-repeat; }

/* Box specials */
.box-special-1 { overflow: hidden; display: block; width: 146px; height: 1%; padding: 0 0 7px; background: url(../images/box-special-1-bg-bottom.gif) 0 100% no-repeat; }
.box-special-1 .wrap-a { display: block; width: 100%; height: 1%; ovreflow: hidden; padding-top: 9px; background: url(../images/box-special-1-bg-top.gif) 0 0 no-repeat; }
.box-special-1 .wrap-b { display: block; width: 127px; min-height: 65px; overflow: hidden; padding: 0 6px 0 13px; background: url(../images/box-special-1-bg.gif) 0 0 repeat-y; }
.box-special-1 a.left, .box-special-1 a.right { width: 45%; color: #fff !important; cursor: pointer; }
.box-special-1 a.left:hover, .box-special-1 a.right:hover { text-decoration: none !important; }
.box-special-1 a.left { float: left; }
.box-special-1 a.right { float: right; }
.box-special-1 span.main { display: block; color: #FFF600; font-weight: bold; }

.box-special-2 { overflow: hidden; display: block; width: 144px; padding-bottom: 7px; background: url(../images/box-special-2-bg-bottom.gif) 0 100% no-repeat; }
.box-special-2 .wrap-a { display: block; width: 100%;  ovreflow: hidden; padding-top: 9px; background: url(../images/box-special-2-bg-top.gif) 0 0 no-repeat; }
.box-special-2 .wrap-b { display: block; width: 120px; min-height: 65px; padding: 1px 7px 7px 16px; background: url(../images/box-special-2-bg.gif) 0 0 repeat-y; }
.box-special-2 h3 { font-size: 1.27em; margin: 0 0 10px; }

.box-special-2 ul { display: block; padding: 0; margin: 0; list-style: none; }
.box-special-2 ul li { display: block; padding: 0; margin: 9px 0; }
.box-special-2 ul li.first { margin-top: 0; }
.box-special-2 ul li a { }

.box-special-2 div.product { display: block; padding: 15px 10px 0 10px; border-top: 1px solid #D3D5D7; }
.box-special-2 div.product h4 { display: block; padding: 0 0 0 15px; margin: 0 0 5px; font-weight: bold; font-size: 1em; background: url(../images/icon-leaf-red.gif) 0 50% no-repeat;  }
.box-special-2 div.product p.img { display: block; width: 100px;  overflow: hidden; margin: 0 0 5px; }
.box-special-2 div.product p.img img { display: block; margin: 0 auto; }
.box-special-2 div.product p.price {}
.box-special-2 div.product p.price span {}
.box-special-2 div.product a.details {}

.box.box-v1 {}
.box.box-v1 .wrap-a {  }
.box.box-v1 .wrap-a .wrap-b { width: 539px; border: 0; background: #F2F8FB; color: #434343; }

 div.desc-spec { clear: left; float: left; width: 300px; font-size: 1em; }
 div.desc-spec h4 {  font-size: 1em; margin: 0 0 2px; }
 div.desc-spec h4 a { text-decoration: underline; }
 div.desc-spec p { margin: 0; }

/* ULs */

ul.departments { display: block; padding: 0; margin: 0; list-style: none; }
ul.departments li { float: left; width: 281px; padding: 0; margin: 0 0 0px 0px; }
ul.departments li.new-row { margin-left: 0; }

ul.products-ver-1, ul.products-ver-2, ul.products-ver-3, ul.products-ver-4 { display: block; height: 1%; padding: 0; margin: 0; list-style: none; }
ul.products-ver-1 li, ul.products-ver-2 li, ul.products-ver-3 li { }
ul.products-ver-1 li p.img img, ul.products-ver-2 li p.img img, ul.products-ver-3 li p.img img { display: block; width: auto; margin: 0 auto; }

ul.products-ver-1 { width: 264px; }
ul.products-ver-1 li { display: block; padding: 0; margin: 0 0 9px; }
ul.products-ver-1 li p.img { float: left; width: 68px; min-height: 75px; padding: 0; margin: 0 12px 0 0; border: 1px solid #d3d5d7; }
ul.products-ver-1 li p.img img {  }
ul.products-ver-1 li .cont { float: left; width: 172px; min-height: 77px; border: 0; background: url(../images/grey-dash-sep-2.gif) 0 100% repeat-x; }
ul.products-ver-1 li .cont h3 { display: block; padding: 0 0 0 15px; margin: 0 0 2px; font-weight: bold; color: #5e8c9b; background: url(../images/icon-leaf-green.gif) 0 50% no-repeat; }
ul.products-ver-1 li .cont p { margin: 0; }

ul.products-ver-2 { width: 100%; }
ul.products-ver-2 li { float: left; width: auto; min-height: 174px; margin: 5px 11px 5px 0; padding: 2px 0 2px 15px; background: url(../images/grey-dash-sep-2-vert.gif) 0 0 repeat-y;  }
ul.products-ver-2 li.first { background: transparent; }
ul.products-ver-2 li.separator { display: block; width: 100%; min-height: 1px; overflow: hidden; background: url(../images/grey-dash-sep-2.gif) 0 0 repeat-x; }
ul.products-ver-2 li h3 { display: block; padding: 0 0 0 15px; margin: 0 0 2px; font-weight: bold; color: #5e8c9b; background: url(../images/icon-leaf-red.gif) 0 50% no-repeat; }
ul.products-ver-2 li p.img { display: block; width: auto; height: 111px; padding: 5px 0; margin: 0;  }
ul.products-ver-2 li p.img img {width: auto; }
ul.products-ver-2 li a.details {}

ul.products-ver-3 { width: 100%; }
ul.products-ver-3 li { float: left; width: 238px; height: 1%;  }
ul.products-ver-3 li.first { padding-right: 32px; margin-left: 0; background: url(../images/grey-dash-sep-2-vert.gif) 100% 0 repeat-y; }
ul.products-ver-3 li p.img { float: left; width: 73px; height: 111px; overflow: hidden; }
ul.products-ver-3 li p.img img {height: 111px; }
ul.products-ver-3 li div.cont { float: left; width: 164px; height: 1%; }
ul.products-ver-3 li .cont h3 { display: block; padding: 2px 0 2px 20px; margin: 0 0 4px; font-size: 1.18em;  font-weight: bold; color: #E8541F; background: url(../images/icon-enter-v3.gif) 0 50% no-repeat; }
ul.products-ver-3 li .cont h3 a { color: #E8541F; }
ul.products-ver-3 li .cont p { padding-left: 20px; }
ul.products-ver-3 li .cont a.take-advantage { display: block; width: 139px; height: 38px; margin-left: 20px; overflow: hidden; background: url(../images/button-take-advantage.gif) 0 0 no-repeat; text-indent: -1001em; }

ul.products-ver-4 { width: 100%; }
ul.products-ver-4 li { clear: left; display: block; width: 100%; height: 1%; overflow: hidden; padding: 10px 0; margin: 0; background: url(../images/grey-dash-sep-2.gif) 0 100% repeat-x; }
ul.products-ver-4 li.last { background: transparent; }
ul.products-ver-4 li.first { padding-top: 0; }

ul.options-policies { float: left; padding: 4px 7px 5px 3px; margin: 0; width: 368px; height: 29px; overflow: hidden; background: #6f787b url(../images/ul-options-pilicies-bg-right.gif) 100% 0 no-repeat; }
ul.options-policies li.opt { float: left; padding: 0 0 0 15px; margin: 0; list-style: none; width: 164px; }
ul.options-policies li.opt.first { width: 164px; background: url(../images/options-polices-sep.gif) 100% 50% no-repeat;  }
ul.options-policies li.opt a { color: #fff; font-weight: normal; }
ul.options-policies li.opt a span { font-size: 1.09em; color: #fff600; font-weight: bold; }

/* table chart */
table.tbl-cart { clear: both; border: 0; border-collapse: collapse; width: 759px; margin: 1px 0 3px 1px;  }
table.tbl-cart tr {}
table.tbl-cart th, table.tbl-cart td { border: 0; vertical-align: top;  }
table.tbl-cart th { color: #fff; padding: 12px; }
table.tbl-cart td { padding: 10px;  border-right: 1px solid #d3d5d7; border-bottom: 1px solid #d3d5d7; }

table.tbl-cart thead {}
table.tbl-cart th { text-align: left; background: #9ea96b; border: 1px solid #9ea96b; border-bottom: 1px solid #d3d5d7; }
table.tbl-cart th.price, table.tbl-cart th.quality { padding-left: 25px; }
table.tbl-cart th.products {  width: 358px; }
table.tbl-cart th.price {  width: 100px; }
table.tbl-cart td.price, table.tbl-cart td.quality { padding-left: 25px; }

table.tbl-cart tbody tr { border: 1px solid #d3d5d7;  }
table.tbl-cart tbody tr td.first { border-left: 1px solid #d3d5d7;  }
table.tbl-cart tbody tr.even td { background: #f8f8f8; }

table.tbl-cart td h3 { float: left;  width: 250px; font-size: 1.64em; color: #48525c; padding: 7px 0 0 0; }
a.cart-remove {float: left;}
table.tbl-cart td p { margin: 0; line-height: 1.43em; }
table.tbl-cart td p.title { font-size: 1.09em; font-weight: bold; color: #48525c; margin: 0; }
table.tbl-cart td p.save { padding: 5px 25px; background: url(../images/badge-save.jpg) 0 50% no-repeat; }
table.tbl-cart td p.price { font-weight: bold; font-size: 1.09em; color: #e8541f; }

table.tbl-cart p.product-image { float: left; margin: 0 10px 0 0; }
table.tbl-cart p.product-image img { padding: 0; width: auto; display: block; }

/* shipping bar */
div.shipping-bar { padding: 10px 20px; background: #9ea96b; color: #fff; text-align: right; }
div.shipping-bar p { font-size: 1.64em; font-weight: normal; margin: 0 0 1px; }
div.shipping-bar p span { font-size: 0.67em; }
div.shipping-bar p.info { font-size: 1.09em; font-weight: normal; }
div.shipping-bar p.info a { color: #fff; text-decoration: underline; }
div.shipping-bar p.info a:hover { text-decoration: none; }

div.cart-total { padding: 10px 20px; background: #848f52; color: #fff; text-align: right; }
div.cart-total p { font-weight: bold; font-size: 1.64em; margin: 0; }
div.cart-total p span.price { color: #fff600; }

ul.options-nav { display: block; padding: 0; margin: 10px 0 0 0; list-style: none; }
ul.options-nav li { float: left; padding: 0; margin: 0; }
ul.options-nav li.back { float: left; }
ul.options-nav li.pay-option { float: right; width: 109px; height: 1%; padding: 0 0 0 3px; }
ul.options-nav li.pay-creditcard { width: 154px; margin: 0; padding: 0 0 0 3px; }

ul.options-nav li.pay-creditcard a { margin: 0; float: right; width: 154px; height: 38px; overflow: hidden; background: url(../images/button-pay-credit-card.gif) 0 50% no-repeat; text-indent: -1001em; }
ul.options-nav img.credit-cards { float: right; margin-right: 20px; } 
ul.options-nav li.pay-checkout a { float: right; width: 109px; height: 38px; overflow: hidden; background: url(../images/button-pay-checkout.gif) 0 50% no-repeat; text-indent: -1001em; }
ul.options-nav li.pay-paypal a { float: right; width: 109px; height: 38px; overflow: hidden; background: url(../images/button-pay-paypal.gif) 0 50% no-repeat; text-indent: -1001em; }

/* order- form */
#billing_same_address { display: block; width: 100%; overflow: hidden; padding: 0; margin: 0;  }
.shopping {}
 .shopping h2 { margin-bottom: 6px; }
 .shopping form { display: block; width: auto; height: 1%; overflow: hidden; padding: 0; margin: 0; }
  .shopping form fieldset { padding: 0; margin: 0; overflow: hidden; }
   .shopping form fieldset.box-shipping, .shopping form fieldset.box-billing { float: left; width: 377px; height: 1%; overflow: hidden; }
   .shopping form fieldset.box-shipping { margin-right: 6px; }
  .shopping form h3 { color: #fff; font-weight: normal; font-size: 1.27em; background: #9ea96b; margin: 0; padding: 13px; }
  .shopping form div.cont { border: 1px solid #d3d5d7; padding: 10px 18px; min-height: 635px; width: 339px; overflow: hidden; }

 .shopping form input.text {}
 .shopping form input.text-l { width: 210px; }
 .shopping form input.text-m { width: 145px; }
 .shopping form input.text-s { width: 85px; }
 .shopping form input.text-sm { width: 110px; }
 .shopping form select {}
  .shopping form select option {}
 .shopping form input.submit { float: right; width: 94px; height: 38px; margin: 10px 0 0 0; overflow: hidden; background: url(../images/button-continue.gif) 0 0 no-repeat; border: 0; text-indent: -1001em; }

 .shopping form div.row { display: block; width: 100%; min-height: 20px; overflow: hidden; padding: 2px 0; margin: 3px 0; }
  .shopping form label { float: left; width: 95px; font-weight: bold; font-size: 1.09em; padding: 2px 0 0 0; }
  .shopping form div.value { float: right; width: 230px; margin: 0 0 5px; }
  .shopping form span.info { clear: right; font-size: 1em;  }

.shopping .credit-card { display: block; width: 319px; height: 1%; padding: 10px 0 10px 20px;  border-top: 1px solid #d3d5d7; }
 .shopping .credit-card h4 { font-size: 1.24em; color: #4c4c4c; margin: 0 0 10px; }
 .shopping .credit-card fieldset { display: block; width: 289px; padding: 26px 0 0 28px; margin: 0; background: #f9f9f9; border: 1px solid #d3d5d7;  }
  .shopping .credit-card input.text-m { width: 130px; }
  .shopping .credit-card a.help { display: block; margin: 10px 0 20px 0; }
  
 .shopping .credit-card div.row { display: block; width: 100%; min-height: 20px; overflow: hidden; padding: 2px 0; margin: 3px 0; }
  .shopping .credit-card label { float: left; width: 110px; font-weight: bold; font-size: 1.09em; padding: 2px 0 0 0; }
  .shopping .credit-card div.value { float: left; width: 130px; margin: 0 0 5px; }

/* report */
.report { display: block; height: 1%; overflow: hidden; padding: 25px 20px 0 20px; border: 1px solid #d3d5d7; border-bottom: 0; font-size: 1.09em; }
.report h3 { color: #E8541F; font-size: 1.64em; }
.report h4 { color: #E8541F; font-size: 1.17em; margin: 0 0 8px; }
.report .title { border-bottom: 3px solid #d3d5d7; margin: 0 0 10px; }
.report .title h3 { margin: 0 0 2px; }
.report .title .info { margin: 0 0 10px; }
.report .col-a { float: left; width: 220px; height: 1%; overflow: hidden; margin: 0 10px 0 0; }
.report .col-b { float: left; width: 280px; height: 1%; overflow: hidden; padding: 0 0 0 0; }
.report .col-c { float: right; width: 195px; height: 1%; overflow: hidden; margin: 0; }

.report .bill-to, .report .payment-method, .report .ship-to, .report .shipping-method, .report .order-summary { display: block; width: 100%; height: 1%; overflow: hidden; }

.report .bill-to { margin: 0 0 30px; }
.report .payment-method {}
.report .ship-to {}
.report .shipping-method {}
.report .shipping-method select#f-shipping-method { font-size: 0.82em; }
.report .shipping-method select#f-shipping-method option {}

.report .order-summary { width: 193px; border: 1px solid #B2B2B2; padding: 0; margin: 0; }
.report .order-summary h4 { padding: 5px 10px; background: #5E8C9B; font-size: 1.27em; color: #fff; }
.report .order-summary dl { display: block; width: auto; height: 1%; overflow: hidden; padding: 5px; margin: 0 0 10px; }
.report .order-summary dl dt { clear: both; float: left; padding: 0; margin: 0; width: 120px; line-height: 1em; overflow: hidden; }
.report .order-summary dl dd { float: right; width: 55px; line-height: 1em; overflow: hidden; text-align:right;  }
.report .order-summary .total { display: block; margin: 5px 5px 0 5px; padding: 10px 0 10px 0; height: 1%;  overflow: hidden; color: #48525C; font-size: 1.47em; border-top: 1px solid #48525C; }
.report .order-summary .total .label { clear: both; float: left; }
.report .order-summary .total .price { float: right; }

/* Thank you */
.report.thank-you { font-size: 1.18em; border-bottom: 1px solid #d3d5d7; }
.report.thank-you h3 { font-size: 1.38em; margin: 0 0 10px; padding: 0 0 8px; border-bottom: 3px solid #d3d5d7;  }
.report.thank-you p {}
.report.thank-you h4 { margin: 0 0 5px; font-size: 1em; font-weight: bold; color: #48525C; }
.report.thank-you ul.common-questions { display: block; padding: 0; margin: 0; list-style: none; }
.report.thank-you ul.common-questions li { display: block; padding: 0; margin: 0; }
.report.thank-you ul.common-questions li h5 { margin: 0 0 2px; font-size: 1em; color: #5E8C9B; fot-weight: bold; }
.report.thank-you ul.common-questions li p {}