/* reset and clearfix */
body,div,object,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
fieldset,img,object {border:0;}
object{display:block;}
address,caption,cite,code,dfn,em,strong,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.wrapper .b, b { font-weight: normal; }
/*clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* General */
/***********/

html { background: url(bg.jpg) repeat-x #FFFFFF; }

body {
	font-family: Tahoma, Arial, sans-serif;
	background: url("header.jpg") no-repeat scroll center top transparent;
    font-size: 12px;
    color: #505556; }

.wrapper {
    left: 7px;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    width: 950px; }

.main { 
    padding-right: 20px;
    background: #fff; }

/* headers */

h2, h3, h4, .header b {
    color: #b55c5f;
    font-size: 22px;
    margin-bottom: 20px;
    display: block; }

    h3,
    .header b { border-bottom: 2px solid #b55c5f; padding-bottom: 2px;  }
    h4        { font-size: 13px; font-weight: bold; padding-left: 0; margin-bottom: 10px; }

/* links */

a {color: #1ea6a8; text-decoration: underline;}
a:hover {color: #b75c5d;}

/* paragraphes */

p { margin-bottom: 20px; line-height: 16px; }

/* lists */

.main_content ul, ol { margin-bottom: 20px; }
.main_content ul li, .main_content ol li {
    background: url("bullet.gif") no-repeat scroll left center transparent;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-left: 17px; }

/* top bar */
/***********/

.top_bar { height: 50px; }
    div.top_bar          { background: url("top_bar.gif") repeat-x} /* IE6 */
    div[class="top_bar"] { background: url("top_bar.png") repeat-x} /* everyone else */

    .top_bar .inner { width: 950px; margin: 0 auto; padding-top: 8px; }

    /* shopping cart */

    #view_shoppingcart_counter {
        background: url("cart.gif") no-repeat scroll 13px 0 transparent;
        float: right;
        padding-bottom: 2px;
        padding-left: 55px;
        width: 194px; }

        #view_shoppingcart_counter strong {
            color: #b55c5f;
            font-size: 18px;
            font-weight: normal;
            padding-right: 15px; }


    /* phone banner */

    .phone_banner { float: right; padding-left: 50px; }

    /* live chat */

    .live_person { float: right; }

/* Main Header */
/***************/

.main_header { height: 297px; position: relative; }

/* logo */

.main_header h1 {
    margin-left: 23px;
    padding-top: 25px;
    position: relative;
    width: 480px; }

        .main_header h1 a {
            display: block;
            height: 75px;
            overflow: hidden;
            text-indent: -5000px;
            width: 480px; }

/* navigation */

.navigation {
    height: 38px;
    overflow: hidden;
    position: absolute;
    top: 256px;
    width: 950px; }

    .navigation li { float:left; display:inline; padding-left: 0; background: url(menu_sep.gif) no-repeat center right; }
    .navigation li.last { background: none; }

        .navigation a {
            color:#ffffff;
            padding-top:9px;
            display:block;
            text-align:center;
            height:23px;
            text-decoration:none;
            margin-right: 2px;}

        .navigation a:hover { background: url(menu_hover.gif) repeat-x; color: #fff; }

/* flash */

    object#flash_header {
        left: 24px;
        position: absolute;
        top: 107px;}

        #flash_header img { left: 229px; position: absolute; top: 155px; }

/* Left Column */
/***************/

.left_layout { width: 227px; float: left; }

    /* products menu */

    #products_menu h2 {
        display: block;
        text-indent: -99999px;
        width: 240px;
        height: 58px;
        position: relative;
        left: -13px;
        background: url(products_header.gif) no-repeat; }

    #products_menu ul { margin-left: 20px; margin-top: 10px; }
    #products_menu ul li {
        list-style: none;
        margin-bottom: 13px;
        padding-left: 17px;
        background: url(bullet.gif) no-repeat left center; }
    
    #products_menu ul li a {
        color: #757b7c;
        font-weight: bold;
        text-decoration: none; }
    #products_menu ul li a:hover { color: #b55c5f }

    /* banners */

    .banner {
        width: 147px;
        height: 123px;
        display: block;
        margin: 30px auto;
        background: url(banners.gif) no-repeat; }

    .days_30 { background-position: 0 -152px }
    .days_30 a { display: block; height: 123px; width: 147px;}

/* Main Content */
/****************/

.main_content {
    width: 692px;
    float: right;
    padding-top: 20px; }

    /*** home page ***/

        /* top banner */

        .banner_1 {
            background: url("banner_1.jpg") no-repeat scroll 0 0 transparent;
            font-size: 14px;
            height: 168px;
            padding-left: 20px;
            padding-top: 94px;
            width: 671px;
            margin-bottom: 15px; }

            .banner_1 h2 { position: absolute; top: -99999px; }
            .banner_1 p  { width: 300px; }
            .banner_1 a  {
                display: block;
                height: 50px;
                margin-left: 62px;
                position: relative;
                text-align: center;
                text-decoration: none;
                top: 6px;
                color: #fff;
                width: 145px;
                font-size: 15px; }
            .banner_1 a strong { display: block; font-weight: normal; font-size: 23px; }

        /* product boxes */

        ul.product_boxes { list-style: none; margin-bottom: 0; }
        ul.product_boxes li {
            background: url(boxes.jpg) no-repeat;
            width: 221px;
            height: 262px;
            float: left;
            margin-right: 14px;
            margin-bottom: 0;
            padding-left: 0;}
        ul.product_boxes h3 {
            color: #925656;
            font-size: 14px;
            margin-bottom: 124px;
            padding-left: 15px;
            padding-top: 15px;
            border: none;}
        ul.product_boxes p {
            padding-left: 13px;
            width: 200px;
            font-size: 11px;
            margin-bottom: 13px;
            line-height: 13px; }
        ul.product_boxes a {
            width: 150px;
            height: 28px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            display: block;
            margin: 0 auto;
            font-size: 17px;
            font-weight: normal; }
         ul.product_boxes p a { display: inline; color: #149799; text-decoration: none; font-size: 11px; }
         ul.product_boxes li.b { background-position: -235px 0 }
         ul.product_boxes li.last { background-position: -470px 0; margin-right: 0; }

         /* category boxes */

        ul.category_boxes { list-style: none; margin-top: 15px; margin-bottom: 0; }
        ul.category_boxes li {
            background: url(boxes_2.jpg) no-repeat;
            width: 221px;
            height: 262px;
            float: left;
            margin-right: 14px;
            margin-bottom: 0;
            padding-left: 0;
			display:block;
			position:relative;}
        ul.category_boxes h3 {
            position: absolute;
            top: -9999px; }
		ul.category_boxes a {
			bottom: 12px;
			color: #FFFFFF;
			display: inline-block;
			font-size: 17px;
			font-weight: normal;
			height: 28px;
			left: 5px;
			margin-left: 33px;
			position: absolute;
			text-decoration: none;
			text-indent: 21px;
			width: 150px;}
		
		
			
         ul.category_boxes li.b { background-position: -235px 0 }
         ul.category_boxes li.last { background-position: -470px 0; margin-right: 0; }

     /*** contact ***/

    .contact dl { padding: 10px 0 0 10px; }

        .contact dl dd { display: block; margin-bottom: 8px; }

        .contact .security {
            display: block;
            margin-bottom: 3px;}

        .contact dl dt {
            font-size:13px;
            padding:3px 0;}

        .contact select,
        .contact input,
        .contact textarea {
            width: 300px;
            padding: 3px 0;
            border: 1px solid #c5c5c5;}

            .contact select { padding: 0; }

            .contact #security_code { margin-top: 6px; }

        .contact .btn, .status_btn {
            background: url(button.gif) no-repeat;
            border: none;
            width: 106px;
            height: 21px;
            color: #fff;
            display: block;
            margin-top: 10px;
            text-decoration: none !important; }

            .contact .btn:hover { cursor: pointer; background-position: 0 -21px; color: #fff; }

/* ----- */
.product_info { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; }
.wrapper .product_info h2 { border-bottom: 2px solid #B55C5F; padding-bottom: 2px; margin-bottom: 8px; padding-left: 10px; }
.product_info .info { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; line-height: 11pt; padding: 10px 10px 0 10px; }
.product_info h3 { font-size: 12px; border-bottom: none; margin-bottom: 2px; padding-left: 0; padding-bottom: 6px; position: relative; }
.product-width-table .product_info .bubble-popup { position: absolute; right: 0; top: 0; }
.product-width-table .product_info .bubble-popup a { text-decoration: none; }
.product_info p { margin: 0; line-height: 11pt; padding-bottom: 16pt; padding-left: 10pt;}

.products_table { width: 100%; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 8pt; }
.products_table th { text-align: center; color: #FFFFFF; background: url(product_table.gif) repeat-x; padding: 8px 3px; white-space:nowrap; }
.products_table th.th_qnty { width: 80px; }
.products_table th.th_qnty_herbal { text-align: left; width: 200px;  }
.products_table th.th_price { width: 100px; }

.products_table .td_price strong { color: #b55c5f; }
.out-of-stock td.td_price strong{color:#ADB2B5 !important;}

.products_table tr.r1 { }
.products_table tr.r2 { background-color: #ffffff; }
.products_table td { padding: 8px 3px; border-bottom: 1px solid #A7D0CA; }
.products_table td.td_qnty { text-align: center; padding-right: 20px; }
.products_table td.td_qnty_herbal { text-align: left; }
.products_table td.td_price { text-align: center; }
.products_table td.td_price_pp { text-align: left; padding-left: 40px; }
.products_table .save { padding-left: 10px; color: #b55c5f; }
.products_table .note_cell p {padding-bottom:0px; text-align:left;}

.info-table .product_logo { position: absolute; right: 9px; top: 352px; }

.product-width-table {width:100%;}

.products_pack_table { width: 100%; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 8pt; }
.products_pack_table th { text-align: left; color: #FFFFFF; background-color: #025b6c; padding: 3px 8px; white-space:nowrap; }
.products_pack_table td { padding: 3px 8px; border-bottom: 1px solid #DFE0CB; }

.info-table { margin-bottom: 25px; }

.orange_button {
    background: url(button.gif) no-repeat;
    border: none;
    width: 106px;
    height: 21px;
    color: #fff;
    padding-bottom: 4px;
    margin: 0 8px; }

    .orange_button:hover { cursor: pointer; background-position: 0 -21px; }

.product-width-table .products_table,
.product-width-table .products_table td { border-color: #a7d0ca; border-style: solid;}

.product-width-table .products_table {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;}

.product-width-table .products_table td {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0; }

.product-width-table .products_table .first_item_row { border-right: none; }

/***/

.popup-back { background-position: 0 -300px; overflow:hidden;}
.popup_body { background: none; margin-top: 0 !important;overflow:hidden;}
.popup{
	font-family:Verdana;
	font-size:11px;
	margin:0;}
.popup h1{
	font-size:13px; 
	font-weight: bold; 
	color: #fff; 
	background: url("product_table.gif") repeat-x scroll 0 0 #23ABAD;
	text-align: center;
	padding: 5px 8px; 
	letter-spacing: 2px;
	margin:0;}
.popup p.popup_content{
	padding-left:20px;
	padding-right:20px;
	margin-top:25px;
	margin-bottom:0;}
.popup h2{
	font-size:13px;
	padding-left:20px;
	margin-top:15px;
	margin-bottom:8px;
    font-weight: bold; }
.popup ol.refaund_policy{
	padding-left:20px;
	margin:0px;
	line-height: normal;}
.popup li{
	margin-left:25px;
	margin-top:0;
	padding:0;
	color: #333;
    background: url("bullet.gif") no-repeat scroll left center transparent;
    list-style: none outside none;
    padding-left: 17px; }
.popup p.popup_footer{
	font-weight: bold; 
	color: #fff; 
	background: url("product_table.gif") repeat-x scroll 0 0 #23ABAD;;
	text-align: center;
	padding: 5px 8px; 
	letter-spacing: 1px;
	margin-top:50px;
	margin-bottom:0;
	font-size:10px;}

img.baloon_header {position: relative; top: 4px; left: 0; margin: 0}
img.baloon_footer {position: relative; top: -5px; left: 0; margin: 0}
span.pic {cursor: pointer;} 

/* footer */
/**********/

.footer { background: url(footer_bg.gif) repeat-x; padding-bottom: 10px; }
.footer .inner {
    width: 950px;
    margin: 0 auto;
    padding-top: 10px;
    background: url(footer_inner.jpg) no-repeat 404px 3px; }

.footer_menu { width: 135px; float: left; height: 150px; border-right: 1px solid #C5C9BE; }
.footer_menu li { margin-bottom: 8px; }
.footer_menu a {
    color: #757b7c;
    text-decoration: none; }
.companyDetails { float: left; border-right: 1px solid #C5C9BE; }

    /* shipping and payments */

    .ship_pay { float: left; padding-left: 20px;}
    .ship_pay #footerShipping,
    .ship_pay #footerPayments {
        width:553px;
        height:76px;}
    .ship_pay #footerShipping {
        padding:2px 0;
        margin-bottom: 10px;}
    .ship_pay h2 {
        font-size:18px;
        color:#b55c5f;
        margin-bottom: 10px;
        padding-left: 0;}
    .ship_pay ul li {
        float:left;
        display:block;
        margin-right:3px; }

/*Order status design*/
.main_content .helpBox ul li { background: none; padding-left: 0; }
.header b { margin-bottom: 10px }
.order_s_header{
	width:100%;
	background-color: white;
	padding-bottom:15px;
	padding-right:10px;}
.orderHeader { background-color: white;	}
.subTitle {	color: #5498B0; }
.coupon .title { background-color:#C9E7E7; color:#0A5C6A;}
.coupon td{	background-color: white; }
.coupon a {	color:#3e509d; font-size:12px; font-weight:bold;}
.orderStatus { background: url(product_table.gif) repeat-x #48BEB2; color: white;}
.prodName{ color: #025B6C; }
a.prodName:active{ color: #5498B0; }
.orderHeads { color: #B55C5F; }
.orderBody { color:#000000;	background-color: white; }
.helpHead {
    background:#53ACBC url(top-menu-back.jpg) repeat center center;
	color:#ffffff;
	margin:0px;}
.helpTitle{	font-size:12px;	font-weight:bold; color:#025B6C;}
.helpNote{ color: #5498B0; font-weight: bold; }
.order_status_body { background-color: white; }
.status_btn { position: relative; left: -95px }

/* Search Autocomplete Suggestion Box*/

	div#search-autocomplete  {
        border: 1px solid #a5a5a5;
        background: #f1f1f1;
        font-size: 11px;}

    div#search-autocomplete h3 { font-size: 10px; }
	#search-autocomplete div.triangle { background: url(/resources/autocompleter/template_40/images/header.gif) no-repeat -35px 0;
                                        z-index: 30000;}

	#search-autocomplete ul.suggestion-list { width: 237px; }
    #search-autocomplete ul.suggestion-list li { border-bottom: 1px solid #E7E7E7; }
			#search-autocomplete ul.suggestion-list li.ac_over { background-color: #e7e5e5;  }
    #search-autocomplete ul.suggestion-list  a { color: #0E99B8; }
        #search-autocomplete ul.suggestion-list li.ac_over a { color: #0E99B8; }

/* End Search Autocomplete Suggestion Box*/