/** FOR HOME ONLY */
#l_content {
	border: 0px solid #000;
	float: left;
	/*width: 174px;*/
	width: 185px;
	padding: 0; 
}
/* USE IN ALL PAGE EXCEPT HOME */
#r_content {
	border: 0px solid #000;
	float: right;
	padding: 0;
	width: 700px;
}
#l_content h5 {
	border-bottom: 1px solid #67bacb;
	text-indent: -99999em;
}
.testimonials_h3 {
	background: url(../images/h_testimonials_front.gif) 0 0 no-repeat;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	padding: 5px 10px;
}

#l_content ul.testi-ul li {
	border: 0px solid #000;
	float: left;
	margin: 0;
	/*width: 155px;*/
	padding: 5px 0px;
	background: url(../images/dotted-hr.gif) left bottom repeat-x;
}
#l_content ul li.testi-ul-last{
	background: none;
}
#l_content ul.testi-ul img {
	border: 1px solid #CCC;
	float: left;
}
#l_content ul.testi-ul li p {
	border: 0px solid #CCC;
	
	font-size: 11px;
	/*
	float: left;
	width: 85px;*/
	margin-left: 5px ;
	background: url(../images/q-open.gif) 0 0 no-repeat;
	padding: 1px 5px 0px 12px;
	font-style: italic;
	margin-left: 5px;

}
#l_content ul.testi-ul div {
	float: left;
	border: 0px solid #000;
	width: 88px;
	background: url(../images/q-open.gif) 0 0 no-repeat;
	padding: 1px 0px 0px 12px;
	font-style: italic;
	margin-left: 5px;
}
#l_content ul.testi-ul li .testilink{
	display: block;
	font-weight: bold;
	font-style: normal;
	background: url(../images/q-close.gif) top right no-repeat;
}

.bottomLinkdiv {
	margin: 0;
	border-top: 1px dotted #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0px 5px 10px;
	border-right: 1px solid #d6d6d6;
	text-align: center;
}

.bottomLinkdiv a {
	display: block;
	background: url(../img/btn-circles.png) 0 -200px;
	padding: 0px 0 0px 5px;
	font-weight: bold;
	outline: none;
}

.btntellus {
	border: 0px;
}
.newsletter {
	border: 0px solid #000;
	background: url(../images/i_newsletter.gif) bottom left no-repeat;
	width: 200px;
	height: 278px;
}
.newsletter .boxform {
	/*position: absolute;
	left: 23px;
	*/
	padding: 170px 0 0 30px;
	border: none;

}

#nl_firstname, #nl_emailaddress {
	border: 1px solid #999;
	color: #999;
	font-size: 12px;
	margin-top: 5px;
	height: 15px;
	width: 130px;
	padding-left: 3px;
	display: block;
}

.newsletter .boxform button{
	border:none;
	cursor:pointer;	
	background: url(../images/btn-0-submit.gif) top left no-repeat;
	width: 70px;
	height: 19px;
	
	margin: 8px 10px 0px 30px;
}
.newsletter .boxform button:hover{
	background-position: bottom left;
}

/**************************/
#bottom-box {
	border: 0px solid #000;
	padding: 5px 3px;
}
#bottom-box .boxL{
	border: 0px solid #000;
	padding: 0;
	width: 340px;
	height: 229px;
	float: left;
	
}

#bottom-box .boxR{
	border: 0px solid #000;
	padding: 0;
	width: 340px;
	height: 229px;
	
	float: right;
}
/**********************************************************/
/*				SEARCH TOP BOX STYLE 					 */
/*********************************************************/
#headerTopdiv {
	border: 0px solid #000;
	float: right;
	width: 300px;
}
.reglink a{
	color: #4e6780;
	text-decoration: none;
	background: url(../img/btn-arrow.png) 0 0 no-repeat;
	
	display:block;
	height: 18px;
	float: right; /*left;*/
	padding: 0px 25px 0px 25px;
	border: 0px solid #000;
	margin-top: 45px;
}
.reglink a:hover {
	color:#102942;
	background-position: -300px 0;
}
.userNameLog {
	border: 0px solid #000;
	
	margin-top: 22px;
	font-weight: bold;
	float: right;
	padding-bottom: 5px;
	padding-right: 5px;
}

.searchTopdiv {
	/*margin-top: 25px;*/
	border: 0px solid #000;
	float: right;
}
fieldset.search {
	border: none;
	width: 185px;
	height: 22px;
	margin: 0 auto;
	border: 0px solid #000;
	
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #546970;
	font-size: 12px;
	
	width: 148px;
	height: 19px;
	padding: 3px 0px 0px 10px;
	background: url(../images/search-box.gif) no-repeat left -22px;
	border: 0px solid #000;
	
}
.search input.box:focus {
	width: 148px;
	height: 19px;
	background: url(../images/search-box.gif) no-repeat left -44px;
	outline: none;
}
.search button.btn {
	width: 23px;
	height: 21px;
	
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/search-box.gif) no-repeat top right;
}
.search button.btn:hover {
	background: url(../images/search-box.gif) no-repeat -44px right;
}
/***************************************/

/* =Homepage Elements
   img path: ../../../
-----------------------------------------------------*/

/* =Main
-----------------------------------------------------*/
.p5 { padding: 0 5px;}
.p15 { 
	border: 0px solid #000;
	padding: 5px 15px;
}
.p20 { 
	border: 0px solid #000;
	padding: 5px 20px;
}
.clear { 
	height: 10px;
	clear: both;
}

/** FOR HOME ONLY */
#leftContent {
	border: 0px solid #000;
	float: left;
	width: 680px;
	padding: 0; 
}
/* USE IN ALL PAGE EXCEPT HOME */
#rightContent {
	border: 0px solid #000;
	float: right;
	padding: 0;
	width: 685px;
}
#main #primaryContent {
	border: 0px solid #000;
	background-color: #fff;
	padding: 5px;
	float: left;
	width: 675px;
}

/** FOR HOME ONLY */
#main #primaryleftContent {
	width: 460px;
	border: 0px solid #000;
	background-color: #fff;
	padding: 5px 0 10px 10px;
	float: left;
	margin-left: 10px;
}
/*********************************/

#main #primaryContent .blockContent {
	overflow: visible;
	padding: 3px 10px;

}
#main #secondaryContent {
	border: 0px solid #000;
	/*width: 195px;*/
	float: left;
}

#leftNavContent {
	/*position: absolute;*/
	background: #eee;
	padding: 5px;
	width: 185px;
	border: 0px solid #000;
	float: left;
}
.blockContentwrap {
	padding: 10px 10px;
	border: 0px solid #000;
}

#leftNavContent .blockContent {
	overflow: visible;
	padding: 3px 0 0 1px;
	border: 0px solid #000;

}
#leftNavContent h3{
	border-bottom: 2px solid #67bacb;
	font-weight: bold;
	padding: 5px 0 5px 15px;
}

#leftNavContent p {
	margin-bottom: 12px;
	width: 155px;
	border: 0px solid #000;
	padding: 0 0 0 10px;
}
/****************************************/
/*			BUTTON SEARCH FIND			*/
/****************************************/
#filterSet {
	border: 0px solid #000;
	padding: 5px 0;
	float: right;
}
#filterSet button.btnStoriesFind{
	text-indent: -99999em;
	background: url(../img/btn-w-5.0.png) 0 0 no-repeat;
	height: 22px;
	width:74px;
	border: 0;	
	float: left;
	margin: 0 2px 0 0;
}

#filterSet button.btnStoriesFind:hover{
	background-position: -300px 0;
}

/* =Primary Content left - Not logged in
-----------------------------------------------------*/
#primaryleftContent h1 {
	/*border: 0px solid #000;
	text-indent: -99999em;
	margin-top: 7px;
	padding: 5px 0 10px;*/
}

#main .notLoggedIn #primaryContent .blockTop {
	height: 45px;
	background: url(../img/homepage/block_lefttop.gif) 0 0 no-repeat; 
}

#main .notLoggedIn #primaryContent .blockTopRight {
	padding-top: 45px;
	background: url(../img/homepage/block_righttop.gif) right 0 no-repeat;   
}

#main .notLoggedIn #primaryContent .blockContent div {
	margin: 0 1px;
	padding: 6px 0 0 0;
	background: url(../img/homepage/primary_notloggedin.jpg) 0 0 no-repeat;
	height: 454px;
	min-height: 454px;
	position: relative;
}

#main .notLoggedIn #primaryContent .blockContent a.ordernow {
	display: block;
	position: absolute;
	background: url(../img/homepage/sticker_ordernow2.png) 0 0 no-repeat;
	width: 95px;
	height: 95px;
	text-indent: -99999em;
	top: -65px;
	left: 2px;
}

#main .notLoggedIn #primaryContent .blockContent a.orderSystem {
	display: block;
	position: absolute;
	height: 420px;
	width: 384px;
	top: 10px;
	left: 0px;
	text-indent: -99999em;
}

#main .notLoggedIn #primaryContent .blockContent div h2 {
	background: url(../img/homepage/title_acnetreatment.5.png) right top no-repeat;
	text-indent: -99999em;
	height: 30px;
	width: 134px;
	right: 14px;
	top: -37px;
	position: absolute;
}

#main .notLoggedIn #primaryContent .blockContent div h3 {
	border: 0;
	padding: 0;
	margin: 0;
	background: url(../img/homepage/title_clearskinyoudeserve.png) 0 0 no-repeat;
	width: 232px;
	height: 53px;
	text-indent: -99999em;
	position: absolute;
	left: 21px;
	top: 302px;
}

#main .notLoggedIn #primaryContent .blockContent div h4 {
	background: url(../img/homepage/content_clearskin.png) 0 0 no-repeat;
	width: 294px;
	height: 41px;
	text-indent: -99999em;
	position: absolute;
	left: 21px;
	top: 364px;
}


#main .notLoggedIn #primaryContent .blockContent a.bottomLink {
	position: absolute; 
	top: 425px;
	left: 21px;
	width: 344px;
}


/* =Primary Content - Logged in
-----------------------------------------------------*/

#main .loggedIn #primaryContent .blockContent {
	position: relative;
	height: 578px;
	min-height: 578px;
}

#main .loggedIn #primaryContent .scroller {
	position: relative;
	width: 375px;
	height: 390px;
	top: 1px;
	left: 6px;
	margin-bottom: 10px;
}

#main .loggedIn #primaryContent .scrollerFrame {
	position: absolute;
	height: 4px;
	width: 4px;
	background-image: url(../img/homepage/scroller_frame.png);
}

#main .loggedIn #primaryContent .scrollerFrame.tl {
	top: 0;
	left: 0;
	background-position: 0 0;
}

#main .loggedIn #primaryContent .scrollerFrame.tr {
	top: 0;
	right: 0;
	background-position: 0 -100px;
}

#main .loggedIn #primaryContent .scrollerFrame.bl {
	bottom: 0;
	left: 0;
	background-position: 0 -200px;
}

#main .loggedIn #primaryContent .scrollerFrame.br {
	bottom: 0;
	right: 0;
	background-position: 0 -300px;
}

#main .loggedIn #primaryContent .scrollerContain{
	width: 375px;
	height:390px;
	position: absolute;
	overflow: hidden;
}

#main .loggedIn #primaryContent .scrollerContent {
	width: 10005px;	
	position: absolute;
}

#main .loggedIn #primaryContent .scrollerContent .scrollerItem {
	height: 390px;
	float: left;
	position: relative;
}

#main .loggedIn #primaryContent .scrollerContent .scrollerItem a {


}

#main .loggedIn #primaryContent .scroller div.previousInactive,
#main .loggedIn #primaryContent .scroller div.nextInactive {
	background: url(../img/homepage/btn_homearrow_inactive.png) 0 0 no-repeat;
	height: 27px;
	width: 27px;
	position: absolute;
	top: 205px;
	z-index: 3;
}

#main .loggedIn #primaryContent .scroller div.previousInactive {
	left: 17px;
}

#main .loggedIn #primaryContent .scroller div.nextInactive  {
	right: 17px;
	background-position: 0 -100px;
}


#main .loggedIn #primaryContent .scroller a.previous,
#main .loggedIn #primaryContent .scroller a.next,
#main .loggedIn #primaryContent .scroller a.previous_nojs,
#main .loggedIn #primaryContent .scroller a.next_nojs {
	position: absolute;
	display: block;
	background: url(../img/homepage/btn_homearrow.png) 0 0 no-repeat;
	height: 27px;
	width: 27px;
	text-indent: -99999em;
	top: 205px;
	z-index: 4;
}

#main .loggedIn #primaryContent .scroller a.previous,
#main .loggedIn #primaryContent .scroller a.previous_nojs {
	background-position: 0 0;
	left: 17px;
	visibility: hidden;
}

#main .loggedIn #primaryContent .scroller a.previous_nojs{
	visibility: visible;
}
#main .loggedIn #primaryContent .scroller a.previous:hover,
#main .loggedIn #primaryContent .scroller a.previous_nojs:hover {
	background-position: -300px 0;
}

#main .loggedIn #primaryContent .scroller a.next,
#main .loggedIn #primaryContent .scroller a.next_nojs {
	background-position: 0 -100px;
	right: 17px;
}

#main .loggedIn #primaryContent .scroller a.next:hover,
#main .loggedIn #primaryContent .scroller a.next_nojs:hover {
	background-position: -300px -100px;
}

#main .loggedIn #primaryContent .scroller div.previousInactive,
#main .loggedIn #primaryContent .scroller div.nextInactive,
#main .loggedIn #primaryContent .scroller a.previous,
#main .loggedIn #primaryContent .scroller a.next{
	display:none;/*For no-js*/
}

#main .loggedIn #primaryContent .blockContent h3 {	
	border: 0;
	padding: 0;
	margin: 0;
	background: url(../img/homepage/title_shopthecatalog.png) 0 0 no-repeat;
	width: 317px;
	height: 24px;
	text-indent: -99999em;
	position: absolute; 
	top: 55px;
	left: 32px;	
}

#main .loggedIn #primaryContent .blockContent h4 {
	padding-top: 10px;
	background: url(../img/homepage/title_greatoffers.png) left bottom no-repeat;
	height: 10px;
	margin: 10px;
	text-indent: -99999em;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections {
	padding: 0 10px;
	position: absolute;
	bottom: 10px;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li {
	float: left;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li a {
	display: block;
	background: url(../img/homepage/btn_catalog.png) 0 0 no-repeat;
	text-indent: -99999em;
	width: 87px;
	height: 60px;
	margin: 0 5px 0 0;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnKits a {
	margin-bottom: 5px;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnSolvers a {
	background-position: 0 -100px;
	margin-bottom: 5px;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnControl a {
	background-position: 0 -200px;	
	margin-bottom: 5px;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnBody a {
	background-position: 0 -300px;	
	margin: 0 0 5px 0;
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnMoisture a {
	background-position: 0 -400px;	
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnMakeup a {
	background-position: 0 -500px;	
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnSun a {
	background-position: 0 -600px;	
}

#main .loggedIn #primaryContent .blockContent ul.catalogSections li.btnSpecial a {
	background-position: 0 -700px;	
	margin: 0;
}

/* =Secondary Content - Not Logged in
-----------------------------------------------------*/

/*#main .notLoggedIn #secondaryContent {
	padding: 0;
	width: 195px;
	position: absolute;
	top: 20px;
	left: 0;
}
*/
#main .notLoggedIn #secondaryContent #randomCeleb {
	height: 520px;
	position: relative;
	overflow: hidden;
	/*background: url(../img/homepage/celeb_julianneHough.jpg);*/
	border: 0px solid #000;
}

#main .notLoggedIn #secondaryContent #randomCeleb a.slide {
	position: absolute;
	left: -99999em;
}
 #main .notLoggedIn #secondaryContent #randomCeleb img { 
	position:absolute; 
	left:0; 
	top:0;
}
#main .notLoggedIn #secondaryContent .block {
	/*position: absolute;*/
	top: 371px;
	left: 5px;
	width: 185px;
	height: 145px;
	z-index: 30;
}
#main .notLoggedIn #secondaryContent .blockContent {
	padding: 5px 7px 5px 9px;
	background: none;
	/*position: absolute;*/
	top: 371px;
	left: 5px;
	font-size: 0.95em;
	line-height: 1.25em;
	overflow: hidden;
	z-index: 35;
	background:transparent url(../img/block_right.gif) repeat-y scroll right 0;
	
}
/*	REAL STORIES HOME SECTION */
#main .notLoggedIn #secondaryContent .block2 {
	width: 195px;
	background: url(../img/block_left.gif) 0 0 repeat-y #fff; 

}
#main .notLoggedIn #secondaryContent .blockContent2 {
	background:transparent url(../img/block_right.gif) repeat-y scroll right 0;
	padding: 10px 0 0;
	overflow: hidden;
	border: 0px solid #000;
}
.blockContent2 h4 {
	border: 0px solid #000;
	text-indent: -99999em;
	margin-top: 0 !important;
	width: 185px;
 }
.hs_testi {
	background: url(../img/hs_testimonials.gif) center center no-repeat;
	height: 15px;
	width: 94px;
}
.realstories {
	background: url(../img/realstories.png) center center no-repeat;
	height: 15px;
	width: 76px; 
}
.slidebox {
	border: 0px solid #000;
	padding: 10px 0;
}
.bottomLinkdiv-stories{
	border-top: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	width: 175px;
	margin: 3px 10px;
}

/*Real Stories module*/

.notLoggedIn #realStoriesHome .blockContent{
		position: relative;
		overflow: visible;
		padding-left: 20px !Important;
		padding-right: 20px !Important;
}

.notLoggedIn #realStoriesHome .blockContent .bottomLink{
	position: absolute;
	bottom: 0px;
	width: 244px;
}


.notLoggedIn #realStoriesHome.blockContent {
	width: 169px;
	padding: 0;
}

.notLoggedIn #realStoriesHome p {
	line-height: 1.1em;
	padding: 5px 0;
}

.notLoggedIn #realStoriesHome .scroller {
	position: relative;
	height: 105px;
	width: 175px;
	margin-left: -4px;
}

.notLoggedIn #realStoriesHome .scroller div.previousInactive,
.notLoggedIn #realStoriesHome .scroller div.nextInactive {
	background: url(../img/homepage/btn_homearrow_realstories.png) -300px 0 no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 39px;
}

.notLoggedIn #realStoriesHome .scroller div.previousInactive {
	left: 0px;
}

.notLoggedIn #realStoriesHome .scroller div.nextInactive  {
	right: 0px;
	background-position: -300px -100px;
}

.notLoggedIn #realStoriesHome .scroller a.previous,
.notLoggedIn #realStoriesHome .scroller a.next {
	display: block;
	height: 18px;
	width: 18px;
	text-indent: -99999em;	
	background-image: url(../img/homepage/btn_homearrow_realstories.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 39px;
	z-index: 5;
}

.notLoggedIn #realStoriesHome .scroller a.previous {
	background-position: 0 0;
	left: 0px;
	visibility: hidden;
}

.notLoggedIn #realStoriesHome .scroller a.previous:hover {
	background-position: -150px 0;
}

.notLoggedIn #realStoriesHome .scroller a.next {
	background-position: 0 -100px;
	right: 0px;
}

.notLoggedIn #realStoriesHome .scroller a.next:hover {
	background-position: -150px -100px;
}

.notLoggedIn #realStoriesHome .scrollerContain{
	width: 136px;
	height: 105px;
	position: absolute;
	left: 19px;
	top:  5px;
	overflow: hidden;
}

.notLoggedIn #realStoriesHome .scrollerContent {
	width: 10000px;	
	position: absolute;
}

.notLoggedIn #realStoriesHome .scrollerContent .scrollerItem {
	width: 136px;
	text-align: center;
	float: left;
}

.notLoggedIn #realStoriesHome .scrollerContent .scrollerItem img {
	margin: 0 0 3px 0;
}

.notLoggedIn #realStoriesHome .scrollerContent .scrollerItem a {
	color: #666;
}

/* =Secondary Content - Logged in
-----------------------------------------------------*/

#main .loggedIn #secondaryContent #welcome .blockContent {
/*	height: 379px;*/
	height: 368px;
	min-height: 368px;
	overflow: hidden;
}

#main .loggedIn #secondaryContent #welcome .contain {
	padding: 4px 6px 3px 7px;
}

#main .loggedIn #secondaryContent #welcome .contain h3 {
	background: url(../img/homepage/title_welcome.png) 0 0 no-repeat;
	width: 123px;
	height: 33px;
	text-indent: -99999em;
	margin-bottom: 8px;
}

#main .loggedIn #secondaryContent #welcome .contain h5 {
	background: url(../img/homepage/title_hello.png) left center no-repeat;
	padding-left: 40px;
	font-weight: bold;
	margin-bottom: 5px;
}

#main .loggedIn #secondaryContent #welcome .contain p {
	line-height: 1.3em;
}

#main .loggedIn #secondaryContent ul.nav_myAccount {
	padding-bottom: 0px;
	margin-bottom: 0;
	position: relative;
	z-index: 15;
}

#main .loggedIn #secondaryContent ul.nav_myAccount li{
	display: inline;
}

#main .loggedIn #secondaryContent ul.nav_myAccount li a {
	display: block;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 0.95em;
	padding: 2px 10px;
	cursor: pointer;
}

#main .loggedIn #secondaryContent ul.nav_myAccount li.last a {
	border-bottom: 0;
}

#main .loggedIn #secondaryContent h4 {
	background: url(../img/homepage/title_myaccount.png) 0 0 no-repeat;
	height: 22px;
	text-indent: -99999em;
}

#main .loggedIn #secondaryContent .productPromo.block {
	margin-top: 5px;
	margin-bottom: 0;
}


#main .loggedIn #secondaryContent .productPromo .blockContent {
	position: relative;
	overflow: visible;
	padding-bottom: 10px;
	text-align: center;
	height: 179px;
}

* html #main .loggedIn #secondaryContent .productPromo .blockContent {
	padding-bottom: 4px;
	
}

#main .loggedIn #secondaryContent .productPromo .blockContent .dotwack {
		position: absolute;
		top: -12px;
		left: -5px;
}

#main .loggedIn #secondaryContent .productPromo img {
	margin: 2px auto 6px auto;
}

* html #main .loggedIn #secondaryContent .productPromo img {
	margin-bottom: 4px;
}

#main .loggedIn #secondaryContent .productPromo h5 {
	background: url(../img/homepage/title_promo_minisystem.png) 0 0 no-repeat;
	height: 14px;
	text-align: left;
	text-indent: -99999em;
	margin: 0 9px;
}

#main .loggedIn #secondaryContent .productPromo p {
	margin: 0 8px 1px 8px;
	text-align: left;
}

#main .loggedIn #secondaryContent .productPromo p a {
	font-size: 0.95em;
}

#main .loggedIn #secondaryContent .productPromo a.btnAddCart  {
		margin: 7px auto 0;
}

.productPromo a.btnAddCart {
	background: url(../img/interface/btn-w-0.0.png) 0 -100px no-repeat;
	height: 22px;
	width: 104px;
	display: block;
	text-indent: -99999em;
}

.productPromo a.btnAddCart:hover {
	background-position: -300px -100px;
}

/* =Tertiary Content 
-----------------------------------------------------*/

#main #tertiaryContent {
	border: 0px solid #000;
	
/* OLD STYLE 
	margin: 0 0 0 600px;
	width: 295px;
	overflow:hidden;
*/
	float: right;
	margin: 0;
	width: 210px;
	overflow:hidden;
}

#tertiaryContent .blockGrey {
	
	border: 0px solid #000;
	padding: 0 0 0 10px;
	margin-left: 0px !important;
	
	height: 249px;
	background: url(../img/smallboxbg.png) no-repeat;
}

#tertiaryContent h5 {
	height: 10px;
	text-indent: -99999px;
	margin: 5px 0 10px 0;
}
#tertiaryContent .blockGrey-holder {
	padding: 15px 0 0 10px;
}

#tertiaryContent .productPromo .blockContent {
	position: relative;
	overflow: visible;
	height: 125px;
	min-height: 137px;
}

#tertiaryContent .productPromo .blockContent .dotwack {
	position: absolute;
	top: -10px;
	left: -5px;
}

#tertiaryContent .productPromo h5 {
	background: url(../img/homepage/title_promo_greentea.png) center 0 no-repeat;
	height: 29px;
	width: 81px;
	text-indent: -99999em;
	margin: 7px 0 5px 0;
}

#tertiaryContent .productPromo .blockContent a {
	font-size: 0.95em;
}

#tertiaryContent .productPromo .blockContent p {
	line-height: 1.3em;
	margin-bottom: 4px;
}

#tertiaryContent .productPromo .blockContent .back{
	background: url(../img/homepage/back_water.jpg) right 5px no-repeat;
	margin-left: 120px;
}

#tertiaryContent .productPromo .blockContent .productImg {
	float: left;
	margin: 10px 0 0 12px;
	display: inline;
	width: 92px;
}

#tertiaryContent .productPromo .blockContent .productImg div.save {
	background: url(../img/homepage/title_promo_savings.png) center 0 no-repeat;
	text-indent: -99999em;
	height: 9px;
	margin: 10px 0 0 0;
	
}

#tertiaryContent .productPromo .blockContent a.btnAddCart {
	position: absolute;
	bottom: 10px; 
	left: 133px;
}

/*Tips box*/

#tertiaryContent #tips .blockContent {
	height: 272px;
	min-height: 256px;
	overflow: hidden;
	padding-left: 20px;
	position: relative;
}

#tertiaryContent #tips h5 {
	background: url(../img/homepage/title_tipsforusing.png) 0 0 no-repeat;
	text-indent: -99999em;
	height: 10px;
	padding: 0;
	overflow: hidden;
}

#tertiaryContent #tips ul {
	margin: 5px 0 0 0;
}

#tertiaryContent #tips ul li {
	float: left;
	font-size: 0.95em;
	width: 122px;
	display: inline;
}

#tertiaryContent #tips ul li a {
	display: block;
	background: url(../img/btn-circles.png) 0 -200px;
	padding: 1px 0 1px 23px;
	font-weight: bold;
}

#tertiaryContent #tips .bottomLink {
	position: absolute; 
	bottom: 0;
	width: 240px;
}

/*Tell Us box*/

#tertiaryContent #tellus.block {
	background: url(../img/homepage/back_tellus.jpg) left bottom no-repeat;
}

#tertiaryContent #tellus .blockContent {
	background: url(../img/homepage/back_tellus_right.png) right bottom no-repeat;
	padding: 0 0 0 108px;
	height: 134px;
	position: relative;
}

#tertiaryContent #tellus p {
	line-height: 1.25em;
}

#tertiaryContent #tellus h5 {
	background: url(../img/homepage/title_howitsgoing.png) 0 0 no-repeat;
	height: 29px;
	width: 103px;
	text-indent: -99999em;
	margin-top: 8px;
}

#tertiaryContent #tellus a.btnStart {
	background: url(../img/btn-w-0.0.png) 0 -300px no-repeat;
	height: 22px;
	width: 74px;
	display: block;
	text-indent: -99999em;
	position: absolute;
	right: 50px;
	
	
}

#tertiaryContent #tellus a.btnStart:hover {
	background-position: -300px -300px;
}

/* =Lightbox
-----------------------------------------------------*/

#userDetailsOverlay {
	display: none;
}

#userDetailsFade {
	top: 0;
	left: 0;
	position: absolute;
	height: 800px;
	background-image: url(../img/white-fade.png);
	opacity: 0.79;
	width: 100%;
	z-index: 4999;
}

#userDetails {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -215px;
	margin-left: -310px;
	width: 621px;
	height: 355px;
	z-index: 5000;
	background-image: url(../img/homepage/bg_frame_userdetails.jpg);
	padding-top: 84px;
}

#userDetails .bottom {
	position: absolute;
	bottom: 0px;
	height: 14px;
	background: url(../img/homepage/bg_frame_userdetails.jpg) bottom left;
	width: 621px;
}

#userDetails h3 {
	background:transparent url(../img/titles_8-75.png) no-repeat scroll 0 -1650px;
	height:53px;
	margin:0 0 55px 34px;
	text-indent:-99999px;
	overflow: hidden;
}
	

#userDetails .new{
	display:block;
	position:absolute;
	background: url(../kitcustomize/templates/kitphase1/img/logo_new_green.gif) no-repeat;
	height:41px;
	width:41px;	
	left:32px;
	top:32px;
	z-index:1;
	text-indent:-999em;
}

#userDetails p {
	color: #67bacb;
	font-weight: bold;
	font-size: 12px;
	margin:0 20px 0 34px;
	border-bottom: 1px solid #67bacb;
	padding-bottom:2px;
}

#userDetails form div {
	border-bottom:1px solid #CCCCCC;
	height:25px;
	padding-top:09px;
	margin:0 20px 0 34px;
	font-size: 11px;
}


#userDetails div h4 {
	font-weight:bold;
	float: left;
	width: 200px;
}

#userDetails div select {
	border:1px solid #C3C3C3;
	color:#666666;
}

#userDetails .submit {
	padding: 0 0 0 163px;
	border: none;
}

#userDetails a.save:hover {
	background-position:-300px 0;
}

#userDetails a.save {
	display: block;
	background: #FFFFFF url(../img/btn-w-13.png) no-repeat scroll 0 0;
	height: 22px;
	margin:12px 10px 18px 0px;
	width:125px;
	text-indent: -9999px;
	float: left;
}

#userDetails a.cancel:hover {
	background-position:-300px -100px;
}

#userDetails a.cancel {
	display: block;
	background: #FFFFFF url(../img/btn-w-13.png) no-repeat scroll 0 -100px;
	height: 22px;
	margin:12px 0 18px 0;
	width: 80px;
	text-indent: -9999px;
	float: left;
}

#userDetails a.close:hover {
	background-position:-300px -200px;
}

#userDetails a.close {
	display: block;
	background: #FFFFFF url(../img/btn-w-13.png) no-repeat scroll 0 -200px;
	height: 22px;
	margin:10px 0 18px 30px;
	width: 80px;
	text-indent: -9999px;
	float: left;
}

#userDetails .notice {
	display: none;
}

/**************************************************************************************************************/
.errFld {
	background: #fffcd1;
	border: 1px solid #c3c3c3;
}
.errMsg {
/*	display: none;*/
	font-size: 10px;
	color: #FF0033;
	font-weight: normal;
}


/*******************************************************
	USER BOX MENU
*******************************************************/

.userinformation {
	border: 0px solid #000;
	padding: 10px 10px 1px 10px;
	display: block;
	line-height: 13px;
}
.userlog {
	float: left;
	border: 0px solid #000;
	width: 100px;
	margin-top: 10px;
}
.uname {
	font-size: 13px;
	font-weight: bold;
}
.ulink { 
	margin: 0;
	border: 0px solid #000;
}

.userinformation img { 
	float: left;
	padding: 2px;
	margin-right: 10px;
	clear: both;
	width: 46px;
	border: 1px solid #e2e2e2;
}

.user_menu { 
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #e2e2e2;
	margin-top: 8px;
}

#mdiv {
	float: left;
	border: 0px solid #000;
}

.mycart {
	padding: 3px 0px 5px 25px;
	background: top left url(../images/i_cart.gif) no-repeat;
}
.editprofile2 {
	padding: 3px 0px 5px 25px;
	background: top left url(../images/editprofile.gif) no-repeat;
}
.changepswd {
	padding: 3px 0px 5px 25px;
	background: top left url(../images/i_pswrd.png) no-repeat;
}
.editprofile {
	background: top left url(../images/editprofile.gif) no-repeat;
}

/*  SNS LINKS */

#snsLink {
	border: 0px solid #000;
	/*background: top left url(../images/i_sns.gif) no-repeat;*/
	width: 700px;
	float: left;
	padding: 5px 0px 0px 0px;
}
#snsLink div {
	/*float: left;
	border: 0px solid #000;
	padding: 0px 30px 0px 0px;
	cursor: pointer;*/
}
.connectToUs {

	background: url(../images/connect.gif) 0 0 no-repeat;
	padding: 10px 0 10px 0;
	height: 20px;
	border-bottom: 3px solid #67bacb;
	/*border-left: 1px solid #d6d6d6;*/
	border-right: 1px solid #d6d6d6;
}

.sns_fb , .sns_youtube, .sns_twitter {
	border-right: 1px dashed #CCC;
	float: left;
	width: 180px;
	padding: 5px 20px;
	height: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sns_fb p {
		padding-top: 10px;
}
.sns_fb a{ 
	background: url(../images/sns_fb.gif) no-repeat scroll 0px -45px;
	width: 158px;
	height: 46px;
}
.sns_youtube  a{ 
	background: url(../images/sns_youtube.gif) no-repeat scroll 0px -47px;
	width: 111px;
	height: 47px;
}
.sns_youtube  img{ 
	margin-top: 5px;
	border: 1px solid #CCC;
	padding: 3px;
}

.sns_twitter a{ 
	background: url(../images/sns_twitter.gif) no-repeat scroll 0px -85px;
	width: 85px;
	height: 85px;
}
.sns_fb a:hover, .sns_youtube a:hover, .sns_twitter a:hover { 
	background-position: 0px 0px;
}
.sns_fb a, .sns_youtube a, .sns_twitter a{ 
	margin-top: 10px;
	display: block;
	outline: none;
	border: none;
}

.blockContent h5.sidebarTitleBrowse {
	background: transparent url(../img/headers_sidebar-100.png) no-repeat scroll 10px -795px;
	height: 15px;
	margin-bottom: 10px;
	border: 0px solid #000;
}
.activenav {
	border-right: 1px solid #adadad;
	border-left: 1px solid #d6d6d6;
	background-color: #c4e1e2!important;
}

.myProactivEx {
        border-top: 1px solid #d0d0d0;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
}
.myProactivEx a{ 
	display: block;
	height: 31px;
	background: url(../img/i_proactivexperience.gif) no-repeat scroll 0px 0px;
	text-indent: -9999px;
}
.myProactivEx a:hover {
	background: url(../img/i_proactivexperience.gif) no-repeat scroll 0px -31px;
}

.acceptPolicy {
	padding: 0 5px;
	width: 98%;
	height: 200px;
	border: 1px solid #EEE;
	overflow: scroll;
}

.t_Promos {
	border: 0px solid #000;
	float: left;
	font-size: 10px;
	padding-bottom: 15px;
}
.t_Promos  ul {
	list-style: none;
	border: 0px solid #000;
	padding-left: 15px;
	margin: 0px;
}

.t_Promos  li {
	padding-left: 15px;
        background: center left url(../img/green_bullet.gif) no-repeat;
}


.ssl-id {
	border: 0px solid #000;
	float: right;
	padding-top: 20px;
}

.emailtoOrder {
	border: 0px solid #000;
	padding: 15px 10px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: top left url(../images/dotted-hr.gif) repeat-x;
}
.emailtoOrder-2 {
	border: 0px solid #000;
	padding: 15px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: top left url(../images/dotted-hr.gif) repeat-x;
}