/* CSS Document */
body {
font-size:11px;    
font-family:Arial, Helvetica, sans-serif;
}

.clearem {
clear: both;
}

p {
margin: 0;
font-size: 12px;
color: #9E632B;
}

a {
color: #9E632B;
text-decoration: underline;
} 

img a {
border:none;
text-decoration: none;
}

a img {
text-decoration: none;
}

#border_deco_btm {
width:739px;
border-top:dashed 1px #b0b0b0;
margin-top: 5px;
padding-bottom:5px;
height: 15px;
}

#maingraphic {
position: relative;
padding:0 0 0 6px;
margin: 0;
}

/************** left nav styles *****************/

#leftnav {
position: relative;
float:left;
display:inline; 
float: left; 
width: 185px;
padding: 0;
margin-top: 9px;
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #DA8C41;
}
html>body #leftnav {
width: 185px;
height: auto;
}

/* IE box model hack \
* html #leftnav {
width: 185px; 
height: auto;
top: -50px;
}*/
/* Closing comment after the hack - don't remove */

#leftnav ul {
list-style: none;
margin-left: 0px;
padding: 0px;
border: none;
margin-bottom: 0px;
margin-top:0px;
}

#leftnav li{
margin: 0px;
}

#leftnav ul li { 
margin: 0px;
padding: 0px;
background-repeat: repeat-y;
}

#leftnav li a {
display: block;
padding: 2px 5px 2px 25px;
background-color: #F2E6C0;
margin: 0px;
color: #DA8C41;
text-decoration: none;
width: 100%;
text-transform:uppercase;
background-image: url(/Softsoap/US/EN/NutraOil/Common/Nav/bkgrd_leftnav.gif);
background-repeat: repeat-y;
background-position: 0 0;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #fff;
}

html>body #leftnav li a {
width: auto;
height: auto;	
}

#leftnav ul li a:hover {
background-color: #F2E6C0;
color: #DA8C41;
font-weight: bold;
}

#leftnav ul li a.main {
font-weight:900;
background-color:#F2E6C0;
color:#DA8C41;
background-image: url(/Softsoap/US/EN/NutraOil/Common/Nav/bkgrd_subnav.gif);
background-repeat: no-repeat;
border-bottom-style: none;
}

/************** subnav styles *****************/

#leftnav ul li a.sub {
background-image:  url(/Softsoap/US/EN/NutraOil/Common/Nav/bkgrd_subnav_02.gif);
color: #DA8C41;
background-repeat: repeat-y;
border-style: none;
margin: 0px;
text-transform:none;	
}

#leftnav ul li a.subon {
background-image:  url(/Softsoap/US/EN/NutraOil/Common/Nav/bkgrd_subnav_02.gif);
color: #DA8C41;
background-repeat: repeat-y;
font-weight: bold;
border-style: none;
text-transform:none;	
}

#leftnav ul li a.sub:hover{
color:#DA8C41;
background-repeat: repeat-y;
font-weight: bold;
border-style: none;
text-transform:none;	
}

/*************** copy styles ******************/
/*There is a copy section on most pages except the Home page, Articles, 
and FAQ pages. It contains text and an image on the right side.*/

#copy {
background-position:top right;
background-repeat:no-repeat;
border-bottom: solid #FFFFFF 3px;
}

#copy p {
margin-right: 200px;
margin-left: 6px;
}

/*************** FAQ styles ******************/
.faq {
padding-right: 15px;
margin-bottom:10px;
font-size: 11px;

}

.faq p.question{
font-weight: bold;

}

.faq p.answer{
font-style: italic;
}

/************** Cashmere HomePage styles *****************/
#content {
background-image:url(/Softsoap/US/EN/NutraOil/bkgrd_nutraoil.gif);
background-repeat:repeat-x;
background-position: top;
margin-top: 6px;
}	

#HPContent {
background-image: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_flashHomepage.jpg); 
background-repeat:no-repeat; 
width:739px; 
height:527px;
margin: 6px 0 0 0; /*was margin: 0:*/
}

/* HomePage Pods */
.rowOneLft td {
display: block;	
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_articles_off.jpg);
background-repeat:no-repeat;
width: 254px;	
height: 40px;
}

.rowOneLft a { 
width: 179px;	
height: 40px;
padding-top:25px; 
padding-left:75px;        
display:block; 
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_articles_off.jpg);
background-repeat:no-repeat;
background-position: left center;
background-color: #FFC9D3;
font-size: 10px;
}

/* IE box model hack \*/
* html .rowOneLft a {
width: 254px;
height:61px; 
}
/* Closing comment after the hack - don't remove */


.rowOneLft a:hover { 
background-color: #FFE6EC;
background-image:url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_articles_on.jpg);
background-repeat:no-repeat;
}

.rowOneRgt td {
display:block;
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_viewColl_off.jpg);
background-repeat:no-repeat;
width: 254px;	
height: 40px;	
}

.rowOneRgt a { 
display:block; 
width: 179px;
height: 40px; 
padding-top:25px; 
padding-left:75px;
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_viewColl_off.jpg);
background-repeat:no-repeat;
background-position: left center;	
background-color: #FFC9D3;
font-size: 10px;
}

/* IE box model hack \*/
* html .rowOneRgt a {
width: 254px;
height:61px; 
}
/* Closing comment after the hack - don't remove */


.rowOneRgt a:hover { 
background-color: #FFE6EC;
background-image:url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_viewColl_on.jpg);
background-repeat:no-repeat;
}

.row2Lft td{
display: block;	
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_softnessQuiz_off.jpg);
background-repeat:no-repeat;
width: 254px;	
height: 40px;	
}

.row2Lft a { 
width: 179px;	
height: 40px;
padding-top:25px; 
padding-left:75px;        
display:block; 
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_softnessQuiz_off.jpg);
background-repeat:no-repeat;
background-position: left center;	
background-color: #FFC9D3;
font-size: 10px;
}

/* IE box model hack \*/
* html .row2Lft a {
width: 254px;
height:61px; 
}
/* Closing comment after the hack - don't remove */

.row2Lft a:hover { 
background-color: #FFE6EC;
background-image:url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_softnessQuiz_on.jpg);
background-repeat:no-repeat;
}

.row2Rgt td{
display: block;	
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_ExploreSS_off.jpg);
background-repeat:no-repeat;
width: 254px;	
height: 40px;	
}

.row2Rgt a { 
width: 179px;	
height: 40px;
padding-top:25px; 
padding-left:75px;        
display:block; 
background: url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_ExploreSS_off.jpg);
background-repeat:no-repeat;
background-position: left center;	
background-color: #FFC9D3;
font-size: 10px;
}

/* IE box model hack \*/
* html .row2Rgt a {
width: 254px;
height:61px; 
}
/* Closing comment after the hack - don't remove */


.row2Rgt a:hover { 
background-color: #FFE6EC;
background-image:url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_ExploreSS_on.jpg);
background-repeat:no-repeat;
}

.podHolder {
margin: 0;
padding: 0;
}

/* IE box model hack \*/
* html .podHolder {
padding-top: 0;
margin-top: 0;
}
/* Closing comment after the hack - don't remove */


#leftPod {
float:left;
margin: 5px 0 0 0;
padding:0;
}

/* IE box model hack \*/
* html #leftPod {
padding: 0;
margin: 0; 
}
/* Closing comment after the hack - don't remove */


#rightPod {
width: 508px;
float:right;
position:relative;
padding-right: 20px;
margin-top: 20px;
}

.rgt_arrow {
padding-right: 3px;
}

/************** content area styles *****************/
/* On every page with a left nav, there is a content area. 
This CSS pushes the content to the right of the left nav. */

.content {
position: relative;
float:left;
padding: 10px 0 0 5px;
margin:0;
background-color:#FFFFFF !important;
display: inline;
}

.content p {
margin-top:5px;
margin-bottom:10px;
}

html>body .content {
height: auto;
width: 527px; 
margin: 0;
}

/* IE box model hack \*/
* html body .content {
height: auto;
}
/* Closing comment after the hack - don't remove */


/*.content_horiz_deco {
width:100%; 
border-top:dashed 1px #b0b0b0;
padding-bottom:0;
margin-top: 5px;
}*/

.content_horiz_deco {
width:527px; 
border-bottom:dashed 1px #b0b0b0;
padding: 0 0 5px 0; 
margin:0;
}


/************** Cashmere Product variant styles *****************/

.variant {
padding:0;
margin:0 0 10px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.variant p a {
font-size: 11px;
margin: 0 50px 0 125px;
}

.variant_Pos {
background-repeat:no-repeat; 
background-position:bottom;
width:406px; 
height:240px;
float:left;
color: #DA8C41;	
}

.variant_Pos p {
margin-left:185px;
margin-right: 10px;
margin-top:15px;
}

.variant_FeaturePos {
background-repeat:no-repeat; 
width:121px; 
height:240px;
float:right;
}

html>body .variant {
height: auto;
width: 527px;
}

/* IE box model hack \*/
* html .variant {
width: 527px; 
}
/* Closing comment after the hack - don't remove */

.variant_Pos .buyNow {
position: absolute;
bottom: 10px;
padding: 0;
padding-left: 115px;
}

.variant_Pos .saveNow {
position: absolute;
bottom: 8px;
padding: 0;
margin-left: -135px;
}
/*
.variant_Pos .saveNow {
position: absolute;
bottom: 10px;
padding: 0;
padding-left: 115px;
}
*/

.variant_Pos ul {
margin: 0 0 0 10px;
padding: 0 5px 10px 195px;
color: #DA8C41;
list-style-type: square;
}

.variant_Pos ul li {
padding: 0 0 0 15px;
list-style-position: outside;
list-style-type:none;
background-repeat:no-repeat; 
background-image: url(/Softsoap/US/EN/NutraOil/Common/Images/bullet.gif);
background-position: 5px 3px;
margin-bottom:.85em;
}

/* IE box model hack \*/
html body .variant_Pos ul {
padding: 0 10px 10px 175px;
}
/* Closing comment after the hack - don't remove */

/************** Article Index styles *****************/
.article_section {
padding:0;
margin:0 0 10px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.5em;
width: 527px; 
}

.article_header {
margin: 0 0 0 7px;
padding: 0;
}

/************** Article Index Page styles ****************/
#Articles {
background-color:#F8F1DF;
}

#Articles_lft {
width: 450px;
float:left;
margin: 0 13px 5px 7px; 
}

/*#Articles ul li{
list-style-image: url(/Softsoap/US/EN/NutraOil/Common/Images/bullet.gif);
}*/

#Articles ul li{
padding: 0 0 0 15px;
list-style-position: outside;
list-style-type:none;
background-repeat:no-repeat; 
background-image: url(/Softsoap/US/EN/NutraOil/Common/Images/bullet.gif);
background-position: 5px 5px;
}

#article {
padding-top: 20px;
}

#article p{ 
font-size: 12px;
}

#article ul li {
margin-left: 10px;
padding: 0 0 0 10px;
list-style-position: outside;
list-style-type:none;
background-repeat:no-repeat; 
background-image: url(/Softsoap/US/EN/NutraOil/Common/Images/bullet.gif);
background-position: 5px 5px;
font-size: 12px;
color: #9E632B;
}	 

#article p.title { 
font-weight:bold;
font-size: 14px;
}
/*** Cross-Sell section ***/
#Product_xSell {
padding: 0;
width: 527px;
height: 140px;
padding: 0;
margin: 0;
}

#Product_xSell p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
margin-left: 10px;
margin-top:0;
padding: 0;
color: #B5646D;
}

#see_diff {
display: none;	 
}

#see_diff p {
margin-right: 3px; 
}

#view_comm {
width: 250px;
height:215px;
padding: 0;
margin: 15px 0 0 110px; 	 	 
}

/*** Cashmere Commercial Pop-up ***/

#cmmrcl {
background-image:url(/Softsoap/US/EN/NutraOil/HomePage/bkgrd_commercial.gif);
background-repeat: repeat-x;
background-position: 0 0;
}