/* Custom CSS Document for BathAndBodyNet
   Upgrade 5/18/09
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*

/* From root styles.css
-----------------------------------------------------*/

.GeneralPage
{
background-color: ; /* Background Color */
margin-bottom: 0px; /* Margins */
margin-left: 0px; /* Margins */
margin-right: 0px; /* Margins */
margin-top: 0px; /* Margins */
}

.GeneralTable
{
background-color: ; /* Background Color */
}

.TopBanner
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: 0; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: 0; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBanner
{
font-family: Verdana; /* Font Face */
font-size: 9pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}
.TopSubBannerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 9pt; /* Font Size */
	color: #E7E3D7; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	text-align: center; /* Align Text */
}

.LeftColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #C6BFA5; /* Background color */
	background-image: none; /* Background Image */
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.LeftColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.RightColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #C6BFA5; /* Background color */
	background-image: none; /* Background Image */
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.RightColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.Footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C6BFA5; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #d2f1fd; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.FooterText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C6BFA5; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.Instructions
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.ErrorMessages
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}

.Messages
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}

.Headings
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 10pt; /* Font Size */
	color: Black; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}

.Inputs
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
}

.Content
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */

}

.AlternatingContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}

.ContentTableHeader
{
font-family: Verdana; /* Font Face */
font-size: 10pt; /* Heading Font Size */
color: ; /* Heading Font Color */
font-weight: Bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTable
{
background-color: ;
}

.ContentTableHorizontal
{
background-color: ;
}

/*From custom.css
-------------------------------------------------------------------*/

/* Global Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1 {font:bold 15px/30px verdana; color:#3DB97A; }
h1.home {font:bold 15px/30px verdana; color:#3DB97A; border-bottom:2px solid #3DB97A; }
h2 {font:bold 17px verdana; }
h3 {font:bold 14px verdana;}
.clear {clear:both;}
.right {float:right}
.left {float:left;}

/* Styles.css Extensions 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageTable { background:url(images/layout/BodyBG.gif) repeat-x top;}
#PageSubTable { width:750px; background:url(images/layout/PageSub_Tile.gif) repeat-x top;}
#ContentCell { width:auto;}
#Instruction1_InstructCell {padding:0;}
.Content {font:11px verdana; color:#666; text-decoration:none;}
.Content a:link, .Content a:visited {color: #000; text-decoration: underline;}
.Content a:hover, .Content a:active {color: #000; text-decoration: none;}
.ContentTableHeader, .ContentTable, ContentTableHorizontal {background:#D2F1FD; color:#646465;}

/* TopBanner Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TopBannerCell { height:1px; background:transparent; }

/* TopSubBanner Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TopSubBannerCell { background:transparent; padding:16px 0 0 0;}
#TopSubBanner1_SimpleSearch1_Panel1 {margin: 0; padding:5px 0 0 0; float:none; width:auto; font:11px verdana; color:#000;}
#TopSubBanner1_SimpleSearch1_Panel1 input { width:180px; border:1px solid #CECDCD; height:18px; padding:1px;}
#TopSubBanner1_SimpleSearch1_Panel1 a { color:#000; text-decoration:none;}
#TopSubBanner1_SimpleSearch1_Panel1 a:hover { text-decoration:underline;}
#TopSubBanner1_SimpleSearch1_Panel1 a.advanced { padding:0; margin:15px 0 0 0; height:auto; display:block; width:auto;}
.bn_top {font:11px verdana; color:#666; height:77px}
.bn_topnav {width:400px; display:inline; float:right; font:11px verdana; color:#666; margin:0; padding:5px; text-align:right; }
.bn_topnav a {background:url(images/layout/BN_Arrow.gif) no-repeat 0 50%; padding:5px 10px; width:auto; height:auto; color:#000; text-decoration:none;}
.bn_topnav a:hover { text-decoration:underline;}
.bn_top img { margin:0; padding:0; width:auto; float:left;}
.bn_btm { padding:0 0 0 180px; height:59px; background:url(images/layout/BN_BtmRt.gif) no-repeat bottom right;}

/* LeftColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#LeftColumnCell {width:18%; vertical-align:top; background:#D2F1FD url(images/layout/LC_Bot_Swirl.gif) no-repeat bottom right;}
#LeftColumnNav1_custommenu, #LeftColumnNav1_custommenu td {height:100%; vertical-align:top;}
#LeftColumnNav1_CMenubar2_dlMenu {}
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 0; padding: 0; float:none;}
.lc_nav { font:11px verdana; color:#666; margin:0; padding:0; list-style:none; width:180px;  }
.lc_nav ul { margin:0; padding:0; padding:0; list-style:none; font:11px verdana; }
.lc_nav li { margin:0; padding:0; float:left; height:auto; width:180px;}
.lc_nav li a { padding:0; margin:10px 0 0 0; display:block; width:180px; height:auto; color:#646465; font-weight:bold; text-decoration:none; text-indent:15px; background:url(images/layout/LC_Arrow.gif) no-repeat 5px 50%; }
.lc_nav li a:hover { text-decoration:none;}
.lc_nav ul li a { text-indent:20px; background:none; font-weight:normal; margin:0;}
.lc_nav ul li a:hover {text-decoration:underline;}

/* RightColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#RightColumnCell {display:none;}

/* Footer Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#FooterCell { font:11px verdana; color:#666;}
.ft_wrap { font:11px verdana; color:#666;}
.ft_wrap a {color:#666; text-decoration:none; padding:5px 10px;}
.ft_wrap a:hover { text-decoration:underline;}

/* Default Page Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.df_feat { width:100%; border: 1px solid #D2F1FD;}
.df_feat h2 { font:bold 11px verdana; background:#D2F1FD url(images/layout/DF_Feat_Swirl.gif) no-repeat right; padding:10px 15px;}
.df_prodwrap { width:30%; float:left; margin:3px; font:11px verdana; color:#000; text-align:center;}
.df_prodwrap p {margin:0; padding:0; text-align:center;}

/* Search & Cart Control Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#cartwrap {margin: 0; padding:30px 0 0 0; float:right; width:400px; font:11px verdana; color:#666;}
#cartwrap a.checkout { background:url(images/layout/BN_CheckTab.gif) no-repeat; width:auto; display:block; float:right; height:auto; padding:3px 19px; margin:0; font:bold 13px verdana; color:#646465; text-decoration:none;}
#cartwrap .innercart { width:auto; float:left; padding-top:5px;}

.semadd h1 {font:bold 18px/32px verdana; color:#3DB97A; border-bottom:2px solid #3DB97A; text-align: left}
.semadd h2 {font-weight: bold; font-size: 14px; color: #3DB97A; text-align: left}
.semadd img {float:left}
.semadd {padding-left: 3px}


/*NEW STYLES ADDED WITH UPGRADE 5/18/09
-----------------------------------------------------------------*/

/* Global styles
--------------------------------------------------------*/
body {margin: 0; padding: 0;}
#PageTable {width: 100%;}
#PageSubTable {margin:0 auto;}
#Form2 {margin: 0; padding: 0;}
#ContentCell {padding: 8px;}
input {border: 1px solid #7f9db9;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {background: #9ad495; border-top: 2px dotted #7fbb7a; border-bottom: 2px dotted #7fbb7a; padding: 7px; color: #fff; font-weight: bold; }
#BreadCrumbs1_BreadCrumbs1 a {color: #fff;}
#BreadCrumbs1_BreadCrumbs1 a:hover {}

/* Buttons */
td.button img {margin-top: 5px;}

/* Body Copy Type Styles
--------------------------------------------------------*/
#ContentCell h1.Headings {font-size: 14px; color: #666;}
#ContentCell h2.SubHeadings {color: #000;  font-weight:bold; margin: 0;}
.SubHeadings {text-align: left; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {}
#LeftColumnNav1_custommenu {width: 180px; float: left;}
#LeftColumnNav1_custommenu td {}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding: 0;}

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 0; } /* Product Name */
#ProductDetail11_trProductName h1 {color: #000; font-size: 10pt;}
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {padding:10px;} /* Description */
#ProductDetail11_trPrice .content {font-weight: bold;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {} /* Main Table*/
#ProductDetail21_Table1 td {vertical-align: top;}

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {} /* Info Table*/
#ProductDetail21_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:0 10px 0 10px;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {padding:10px;} /* Description */
#ProductDetail21_trPrice .content {padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */

/*Credit card table*/
#Table6 td {padding-left: 5px; }

/*Customer Sign-in */
table.col2 {width: 100%;}

/*Recommended Items*/
#apSampleTest .ContentTableHeader .Content {background: #D2F1FD ;}

/*3 column detail page*/
td.col-3 {vertical-align: top;}
#ProductDetail11_Table3 {border: 1px solid #D2F1FD; }
#ProductDetail11_trQty td {padding-top: 12px; padding-left: 5px;}
#ProductDetail11_trAddToCart td {padding-top: 12px; padding-left: 5px;}
#ProductDetail11_trManufacturer td {padding-top: 12px;}
#ProductDetail11_trOptions td {padding-left: 3px;}