@import url('reset.css');
@import url('typography.css');
@import url('layout.css');
@charset "utf-8";

body { background:#fff; margin:0px; padding:0; text-align:center; }
hr { border:0; border-top:1px solid #ccc; }
.hr { border:0; border-top:1px solid #ccc; }

.home-wrapper { float:left; width:600px; margin-left:32px; text-align:left; }
.home-cell { float:left; display:inline; padding:15px; width:260px; height:330px; text-align:left; }
.home-cell img { margin-right:10px; }
.home-cell span { font-size:11px; line-height:12px; }

.pink { color:#F40380; }
.small { font-size:11px; }
.italic { font-style:italic; }

.bottom_border { border-bottom:1px solid #CCCCCC; padding-bottom:4px; }
.left_border { border-left:1px solid #CCCCCC; padding-left:4px; }
.margintop2 { margin-top:20px; }
a.subnav-selected { background:#f40380; color:#fff; padding:0 10px; }

input.update_shopping_cart { width:154px; height:24px; background:url(../images/btn-update-cart.png) no-repeat top left; border:0;  }
input.update_shopping_cart:hover { background-position:0 -24px ; cursor:pointer; }

input.empty_cart { width:90px; height:24px; background:url(../images/btn-empty-cart.png) no-repeat top left; border:0;  }
input.empty_cart:hover { background-position:bottom left; cursor:pointer; }

input.continue_shopping { width:180px; height:30px; background:url(../images/btn-continue-shopping.png) no-repeat top left; border:0;  }
input.continue_shopping:hover { background-position:bottom left; cursor:pointer; }

input.checkout_now { width:146px; height:30px; background:url(../images/btn-checkout-now.png) no-repeat top left; border:0;  }
input.checkout_now:hover { background-position:bottom left; cursor:pointer; }

table.tbl_shopping_cart { border:0; width:100%; margin:20px 0 0; border-bottom:1px solid #ccc;  }
table.tbl_shopping_cart tr.odd td {  background:#efefef; }
table.tbl_shopping_cart tr.heading td{ background:#7F2A14; color:#fff;  }
table.tbl_shopping_cart td input.qty {  border:1px solid #CCCCCC; font-size:12px; text-align:center;  width:29px;  } 
table.tbl_shopping_cart td { padding:10px; }

table.grand_total { border:0; width:100%; margin:0 0 20px; border-bottom:1px solid #ccc;  }
table.grand_total td { background:#f7f7f7; padding:10px; }
table.grand_total td ul li {
  list-style-type:disc;
  margin-left:20px;
  line-height:1.8em;
}

#header { width:960px; clear:both; background:url(../images/bg-header.jpg) no-repeat top center; height:255px;  margin:0 auto; border:0px dotted red;}

#nav { width:100%; height:28px; background:#F40380; }

#nav_content { 
  width:960px; 
  margin:0 auto; 
  
  border:0px dotted yellow; 
}
#nav_content ul { 
  float:left;
  list-style-type:none;
  margin:0;
  padding-right:4px; 
}
#nav_content ul li {
  cursor:pointer;
  display:inline;
  height:49px;
/*  margin-left:4px;
  margin-right:4px;   */
}
#nav_content ul li a { 
  color:#FFFFFF;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:6px 11px 6px;
  position:relative;
  top:7px;
  border-right:1px solid #fff;
}
#nav_content ul li a.last-child { border-right:0; }
#nav_content ul li.selected a { text-decoration:none; background:#7F2A15; }
#nav_content ul li a:hover { text-decoration:none; background:#7F2A15; }

img.txt_header { clear:both; margin:0 auto; margin-bottom:33px; }
#content { clear:both; width:960px; margin:0 auto; margin-top:25px; }
 .left { float:left; width:697px; line-height:1.4em; margin-left:33px; border:0px dotted red;  }
 .nomargin { margin:0; }
 .left img.product_img { margin-top:35px; margin-bottom:40px;  }
 .right { float:right; width:218px; margin-right:10px; border:0px dotted red;  }
 .right .note { 
  background:url("../images/bg-note.png") no-repeat scroll right top transparent;
  
  color:#CF0202;
  float:right;
  font-size:21px;
  font-weight:bold;
  height:86px;
  padding:152px 26px 0 0;
  width:181px;
  line-height:1.4em;

}
#content .right .payment_methods { 
  float:right;
  padding-right:11px;
  width:196px;
  margin-top:14px;
}

#content .no_animal_testing { 
  float:right;
  padding-right:11px;
  width:196px;
  margin-top:14px;
}

#content .shopping_cart {
  width:100%;
  text-align:left;
  background:url(../images/icn_cart_big.png) no-repeat top right; 
}
#footer { width:960px; clear:both; margin:0 auto;  font-size:12px; line-height:1.4em;  border:0px dotted red;   }
#footer .links { float:left; padding-top:35px; width:100%; font-size:11px; font-family:Lucida Grande, Arial, Helvetica, sans-serif; height:20px; text-align:center;  border-bottom:1px solid #7F2A14; }
#footer .other_txt { float:left; width:100%; padding-top:5px; padding-bottom:20px; border:0px dotted red;  }
#footer .other_txt .left { float:left; line-height:1.2em; width:200px; font-size:23px; color:#5D5C5C; letter-spacing:-1px; }
#footer .other_txt .right { float:right;line-height:1.4em;  width:500px; border:0px dotted red;  }
#footer .other_txt .right span { color:#7F2A14; }

.right .cartbox {
  width: 185px;
  float: right;
  margin-right: 11px;
  margin-bottom: 10px;
}
.right .cartbox .header {
  height: 27px;
}
.right .cartbox .body {
  width: 100%;
  padding-bottom:6px;
  padding-top:10px; 
}
.right .cartbox .footer {
  height: 6px;
}
.right .cartbox .body table td {
  padding:3px 15px;
}
#content .left .product_box .image {
  width: 262px;
  float: left;
}
#content .left .product_box .image_wide {
  width: 100%;
  float: left;
}
#content .left .product_box .to_dry { float:left; width:48%; border:0px dotted red; }
#content .left .product_box .to_oily { float:right; width:48%; border:0px dotted red; }
#content .left .product_box .description {
  float: right;
  width: 425px;
  margin-bottom: 20px;
}
#content .left .product_box .description_wide {
  float: right;
  width: 100%;
  margin-bottom: 20px;
}
#content .left .product_box .description p, #content .left .product_box .description_wide p {
  color: #555555;
  margin-bottom: 10px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-bottom-width: 1px;
  border-bottom-color: #CCC;
  padding-bottom: 10px;
}
#content .left .product_box .description p strong, #content .left .product_box .description_wide strong {
  color: #7f2a14;
}
#content .left .product_box .description .price_box, #content .left .product_box .description_wide .price_box {
  width: 100%;
}
#content .left .product_box .description .price_box .price,  #content .left .product_box .description_wide .price_box .price{
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: dotted;
  border-right-color: #ccc;
}
input.add_to_cart { width:87px; height:25px; background:url(../images/btn-addtocart-sprite.png) no-repeat top left; border:0; }
input.add_to_cart:hover { background-position:bottom left; cursor:pointer; }
#content .left .product_box .description .price_box .price h1, #content .left .product_box .description_wide .price_box .price h1  {
  font-family: "Century Gothic", Arial, Helvetica;
  font-size: 27px;
  color: #7f2a14;
  font-weight: normal;
  margin-bottom: 4px;
}
#content .left .product_box .description .price_box .desc, #content .left .product_box .description_wide .price_box .desc {
  float: left;
  padding-top: 6px;
  clear: right;
}
#content .left .product_box .description .price_box .desc h3, #content .left .product_box .description_wide  .price_box .desc h3{
  font-size: 16px;
  color: #7f2a14;
}
#content .left .product_box {
  width: 100%;
  clear: both;
}

.design { display:none; }
.footer-left { float:left; display:inline; width:450px; text-align:left; }
.big { font-size:20px; line-height:32px; text-align:left; font-weight:bold; letter-spacing:-1px; }