﻿body
{
	margin: 0px;
	padding: 0px; /*background-image: url(../../images/sub_back.gif);*/ /*background-color: #152c34;*/
	background-color: #5a7e92;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

:focus
{
	-moz-outline-style: none;
}

.clear
{
	clear: both;
	height: 0px;
	overflow: hidden;
}

object 
{ 
    outline:none; 
}



#background
{
	background-image: url(../../images/back_sub.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	border: 0px solid white;
}

#parent
{
	width: 923px;
	margin: 0 auto;
}

#logo
{
	padding: 29px 0px 0px 318px;
}

#nav
{
	border: 0px solid white;
	width: 923px;
	
}

#nav .navSitemap
{
	text-align: center;
	width: 877px;
	float: left;
	
}

#nav .bracket
{
	float: left;
}

#nav .bracketLeft
{
	/*padding: 0px 74px 0px 0px;*/
	padding: 0px 0px 0px 0px;
}

#nav .bracketRight
{
	/*padding: 0px 0px 0px 74px;*/
	padding: 0px 0px 0px 0px;
}

#content
{
	margin: 0px 0px 0px 0px;
}

#contentProducts
{
	border: 1px solid #617f96;
	margin: 13px 7px 0px 25px;
	padding: 7px 7px 7px 7px;
	width: 705px; /*height: 546px; */
	float: left;
}

*html #contentProducts
{
	margin: 13px 7px 0px 12px;
}

.subHdr
{
	padding: 11px 8px 9px 20px;
	background-color: #5a7e92;
	color: #ffffff;
	font-size: 12px;
}

#contentProducts .share
{
	width: 77px;
	float: right;
	margin: 29px 0px 0px 0px;
}

#contentProducts .productlist
{
	border: 1px solid #617f96;
	margin: 7px 0px 0px 0px;
	padding: 6px;
	height: 453px;
}

#contentProducts .productdetail
{
	border: 1px solid #617f96;
	margin: 0px 0px 0px 0px;
	padding: 6px;
}



#contentProducts .detail_prodimage
{
	float: left;
	width: 215px;
	padding: 8px 0px 0px 12px;
}

#contentProducts .detail_prodcopy
{
	float: left;
	width: 464px;
	color: #ffffff;
	font-size: 11px;
}

#contentProducts .detail_prodcopyHdr
{
	float: left;
	width: 300px;
	padding: 8px 0px 0px 0px;
}

#contentProducts .shareDetails
{
	float: right;
	width: 77px;
}

.prodlistLeft
{
	float: left;
	padding: 0px 7px 0px 0px;
	border-right: 1px solid #617f96;
}

.prodlistRight
{
	float: left;
	padding: 0px 0px 0px 7px;
}


#contentProducts .productHdr
{
	width: 325px;
	height: 24px;
	background-color: #314d5a;
	padding: 11px 0px 0px 13px;

}
#contentProducts .productsWash
{
	padding: 10px 0px 12px 17px;
}

#contentProducts .productsBarDeep
{
	padding: 40px 0px 0px 14px;
}

#contentProducts .productsBarExtra
{
	padding: 46px 0px 64px 14px;
}

#contentProducts .productsShower
{
	padding: 22px 0px 0px 10px;
}

#contentRight
{
	border: 1px solid #617f96;
	margin: 13px 0px 0px 0px;
	padding: 7px;
	width: 128px;
	float: left;
}

#contentRight .rightPromos
{
	background-color: #314d5a;
	padding: 7px 7px 20px 7px;
}

#contentRight .divider
{
	height: 1px;
	margin: 20px 0px 20px 0px;
}

#shadow
{
	width: 930px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

#footer
{
	width: 930px;
	text-align: center;
	color: #ffffff;
	font-size: 9px;
	margin: 0px 0px 25px 0px;
}

#footer a
{
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 0px 15px 0px 15px;
}




#header
{
	width: 688px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;

}

#header ul#togglelinks
{
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
}

#header ul#togglelinks li
{
	display: inline;
	list-style: none;
}

#togglelinks a.tabon
{
	width: 130px;
	display: block;
	float: left;
	padding: 14px 0px 14px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #617f96;
	background-color: #4dc4e1;
	text-align: center;
}

#togglelinks a.taboff
{
	width: 130px;
	display: block;
	float: left;
	padding: 14px 0px 14px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #617f96;
	text-align: center;
}

#togglelinks a
{
	border-top: 1px solid #617f96;
	text-decoration: none;
	color: #ffffff;
}

#togglelinks a:hover
{
	border-top: 1px solid #617f96;
	text-decoration: none;
	color: #ffffff;
	background-color: #4dc4e1;
}


#bodytext
{
	width: 675px;
	border: 1px solid #617f96;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 0px 13px 13px;
	height: 270px;
}


#comments
{
	color: #ffffff;
	font-size: 11px;
	padding: 15px 0px 0px 30px;
	width: 632px;
}

#comments a
{
	color: #4dc4e1;
}

#comments .required
{
	float: left;
	padding: 0px 0px 19px 0px;
}

#comments .back
{
	float: right;
}

#comments .table1
{
	margin: 19px 0px 5px 0px;
}
#comments .table2
{
	margin: 0px 0px 19px 0px;
}

#comments .tdfirst
{
	width: 55px;
	float: left;
}

#comments input
{
	font-size: 11px;
	margin: 0px 15px 0px 5px;
}

#comments .commentsList
{
	margin: 15px 0px 10px 0px;
	height: 150px;
	overflow: auto;

}

#comments .commentsCopy
{
	padding: 0px 10px 15px 0px;

}


#ingredients
{
	color: #ffffff;
	font-size: 11px;
	padding: 27px 0px 0px 30px;
	width: 468px;
}

#wheretobuy
{
	color: #ffffff;
	font-size: 11px;
	padding: 15px 0px 0px 30px;
	width: 616px;
}


/*#wheretobuy .logos
{
	background-color: #ffffff;
	padding: 20px 20px 32px 45px;
	width: 555px;
}*/

#wheretobuy .links
{
	padding: 0px 0px 0px 0px;
	width: 555px;
}

#wheretobuy a
{
	color: #4dc5e2;
	font-size: 12px;
	display: inline-block;
	margin: 10px 49px 10px 0px;
	font-weight: bold;
}

.logos .col1
{
	float: left;
	padding: 10px 47px 0px 0px;
}
.logos .col2
{
	float: left;
	padding: 0px 46px 0px 0px;
}
.logos .col3
{
	float: left;
	padding: 0px 48px 0px 0px;
}
.logos .col4
{
	float: left;
	padding: 0px 0px 0px 0px;
}

/* HOW IT WORKS */

#contentHowItWorks
{
	border: 1px solid #617f96;
	margin: 13px 7px 0px 23px;
	padding: 7px;
	width: 711px;
	float: left;
	position: relative;
}

#contentHowItWorks .share
{
	position: absolute;
	top: 16px;
	left: 632px;
	
}

*html #contentHowItWorks
{
	margin: 13px 7px 0px 12px;
}

/* offers */

#contentOffers
{
	border: 1px solid #617f96;
	margin: 13px 7px 0px 25px;
	padding: 7px;
	width: 704px;
	float: left;
}

*html #contentOffers
{
	margin: 13px 7px 0px 12px;

}

#contentOffers .coupon
{
	border: 1px solid #617f96;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	/*height: 355px;
	background-image: url(../../images/offers_back.jpg);
	background-repeat: no-repeat;
	background-position: right;*/
	font-size: 11px;
	color: #ffffff;
	
}

#contentOffers .share
{
	width: 77px;
	float: right;
	margin: 0px 0px 23px 0px;
}


/* +TV */

#contentTv
{
	border: 1px solid #617f96;
	margin: 13px 7px 0px 25px;
	padding: 7px;
	width: 705px;
	float: left;
}

*html #contentTv
{
	margin: 13px 7px 0px 12px;
}

#contentTv .playerTv
{
	border: 1px solid #617f96;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 24px 12px;
	font-size: 11px;
	color: #ffffff;
}

#contentTv .share
{
	width: 77px;
	float: right;
	margin: 0px 0px 0px 0px;
}

#contentTv .title
{
	width: 228px;
	float: left;
	padding: 13px 0px 14px 0px;
}

.form_error
{
	color: Red;
}

/* SiteMap */

#contentSitemap
{
	border: 1px solid #617f96;
	margin: 13px 7px 0px 25px;
	padding: 7px;
	width: 705px;
	float: left;
}

*html #contentSitemap
{
	margin: 13px 7px 0px 12px;
}

#contentSitemap .sitemap
{
	border: 1px solid #617f96;
	margin: 0px 0px 0px 0px;
	padding: 27px 100px 0px 24px;
	font-size: 11px;
	color: #ffffff;
	height: 336px;
}

#contentSitemap .left
{
	float: left;
	width: 319px; 
	padding: 20px 0px 0px 0px;

	
}

#contentSitemap .right
{
	float: left;
	padding: 20px 0px 0px 0px;
		
}

#contentSitemap a 
{

	color: #4dc5e2;
	font-size: 12px;
	display: block;
	margin: 10px 0px 10px 0px;
}

#contentSitemap a.section
{

	font-weight: bold;

}

A:hover 
{
    color:#A3D869 !important;
}

.tracking 
{
    position:absolute;
    width:1px;
    height:1px;
    visibility:hidden;
}

#backToProd 
{
	
	padding: 14px 0px 0px 0px;
	float: left;
	text-align: right;
	width: 277px;

}

#backToProdTool 
{
	
	padding: 14px 0px 0px 0px;
	float: left;
	text-align: right;
	width: 410px;

}

.tracking 
{
	visibility: hidden;
}

/* +TV */

#contentCall
{
	border: 1px solid #617f96;
	margin: 13px 7px 0px 29px;
	padding: 7px;
	width: 694px;
	height: 627px;
	float: left;
	background-image: url(../../images/makethecall_back.jpg);
	background-repeat: no-repeat;
}

*html #contentCall
{
	margin: 13px 7px 0px 12px;
}

#contentCall .share
{
	width: 77px;
	float: right;
	margin: 0px 0px 0px 0px;
}

#contentCall .title
{
	width: 228px;
	float: left;
	padding: 13px 0px 14px 0px;
}

#contentCall .callForm
{
	margin: 33px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-family: Helvetica, Arial, Sans-Serif;
	color: #acacac;
	font-size: 14px;
	line-height: 32px;
	position: relative;
	width: 358px;
	
}

.smallPlayer 
{
	padding: 11px 0px 24px 0px;
}