@import "ph2_normalize.css";
@import "ph2_typography.css";
@import "ph2_color.css";
@import "ph2_navSub2.css";

body {
	position: relative;
	margin: 0;
	padding: 0;
	color: #565049;
	background: #FFFFFF url(/images/elem-orgstripe4.png) repeat-x scroll left 31px;
}

body#findLocation,
body#bazaarVoice {
	background: #fff;
}

h2 {
	margin: 0 0 .5em;
}

h3 {
	margin: .3em 0;
}

h4 {
	margin: .3em 0 .8em;
}

p {
	margin: .8em 0 1em;
}

h3 + p {
	margin: .8em 0 1em;
}

blockquote {
	overflow: hidden;
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: -10px;
	padding: 0 20px 5px 28px;
}

blockquote p {
	overflow: hidden;
	margin-bottom: 0;
}

blockquote p cite {
	float: right;
}

button {
	border-width: 0px;
	border-style: none;
	padding: 0;
}

button:hover,
button:focus {
	cursor: pointer;
}

fieldset {
	padding-bottom: 2em;
}

legend {
	padding-bottom: .7em;
}

textarea {
	border-width: 1px;
	border-style: solid;
	padding: .3em;
	resize:none;
}


/* ---------- structure ---------- */

#frame { /* holds and centersactive page content */
	width: 880px;
	min-height: 460px;
	margin: 0px auto; /* centers everywhere but ie */
	overflow: hidden;
}


/* ---------- header ---------- */

	#header {
		position: relative;
		overflow: hidden;
		height: 145px;
		margin-bottom: 15px;
	}

	h1#branding {
		float: left;
		width: 202px;
		height: 38px;
		margin-top: 66px;
		margin-left: 10px;
		position: relative;
	}
	
	h1#branding a {
		display: block;
		position: absolute;
		width: 202px;
		height: 38px;
		z-index: 10;
		left: 0;
		top: 0;
	}


	/* ---------- navPrimary ---------- */
	
	ul#navPrimary {
		margin-top: 74px;
		margin-right: 0px;
		overflow: hidden;
		height: 1.6em;
		float: right;
	}
	
	ul#navPrimary li {
		float: left;
		padding-left: 1.4em;
	}
	
	ul#navPrimary li a {
		padding: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	/* ---------- free ground shipping badge ---------- */
	
	p#freeShippingBadge {
		position: absolute;
		width: 204px;
		height: 38px;
		right: 0px;
		margin-top: 7px;
	}
	
	/* ---------- product nav ---------- */

	ul#navProduct {
		overflow: hidden;
		position: absolute;
		left: 10px;
		top: 117px;
		width:100%;
		border-top:1px solid #F3A442;
		padding-top:5px;
		color:#fff;
	}
	/* ---------- shopping nav ---------- */

	ul#navShopping {
		overflow: hidden;
		position: absolute;
		right: 245px;
		top: 20px;
	}

	ul#navProduct li,
	ul#navShopping li {
		float: left;
		border-right-width: 1px;
		border-style: solid;
		padding-right: 10px;
		margin-right: 10px;
	}
	ul#navProduct li {
		padding-right: 13px;
		margin-right: 13px;
	}
	ul#navProduct li.last-child,
	ul#navShopping li.last-child {
		border: none;
		padding-right: 0;
		margin-right: 0;	
	}
	ul#navShopping li {
		display:block;
		padding-top:6px;
		margin-top:-5px;	
	}
	ul#navShopping a#topNav_whatPeopleAreSaying{
		display:block;
		padding-left:20px;
		background:url(/images/icon_header_saying_bubble.png) no-repeat;
	}
	ul#navShopping a#topNav_shoppingBag{
		padding-left:15px;
		background:url(/images/icon_header_lock_symbol.png) no-repeat;
	}

/* ---------- navSub ---------- */

ul#navSub {
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom-width: 6px;
	border-style: solid;
}

ul#navSub li a {
	display: block;
	width: 185px;
	padding: 8px 0 10px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

ul#navSub li.last a {
	border-bottom-width: 0px;
	border-style: none;
}

ul#navSub li ul {
	margin-top: -1px;
	padding-left: 25px;
	font-size: 95%;
}

ul#navSub li ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

ul#navSub li ul li {
	margin-top: 1px;
	border-style: solid;
}

ul#navSub li ul li a {
	width: 155px;
	padding: 8px 0 9px 15px;
}

/* ---------- content ---------- */

#sidebar {
	float: left;
	width: 200px;
}

#content {
	float: left;
	width: 648px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	min-height: 360px;
	overflow: hidden;
}


/* ---------- footer ---------- */

	/* pre-footer */
	
	ul#pre-footer {
		clear: both;
		position: relative;
		overflow: hidden;
		width: 860px;
		margin: 30px auto 10px;
		padding: 10px 10px 12px;
	}
	
	li#signup {
		position: relative;
		float: left;
		width: 300px;
	}
	
	li#signup input,
	li#signup button {
		position: absolute;
	}
	
	li#signup input {
		width: 200px;
		height: 16px;
		left: 0;
		top: 0;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-left: 4px;
		border-width: 1px;
		border-style: solid;
	}
	
	
	li#signup button {
		right: 0;
		top: 0;
		width: 80px;
		padding: 0;
	}
	
	li#signup label {
		position: absolute;
		left: -9999em;	
	}
	
	li#signup label.positioned {
		margin-top: 4px;
		padding-left: 4px;
		z-index: 1000;
		left: 2px;
		width: 200px;
	}
	
	li#register,
	li#customer {
		float: right;
	}
	
	li#register a,
	li#customer a {
		display: block;
		width: 130px;
		margin-left: 30px;
		padding-right: 2.4em;
		padding-left: 2em;
		position: relative;
	}
	
	li#register strong,
	li#customer strong {
		display: block;
	}
	
	/* footer */
	
	#footer {
		clear: both;
		position: relative;
		overflow: hidden;
		width: 860px;
		margin: 0 auto 35px;
		padding: 1px 10px;
	}
	
	#footer li {
		margin-bottom: 3px;
	}
	
	#footer #internal {
		float: left;
		width: 540px;
	}
	
		#footer #internal div {
			float: left;
			width: 160px;
			margin-right: 15px;
		}
		
		#footer #internal ul ul {
			margin-top: 3px;
			margin-left: 10px;
		}
	
	#footer #external {
		float: right;
		width: 300px;
	}
	
		#footer #external ul {
			float: left;
			width: 130px;
			margin-right: 15px;
			margin-bottom: 20px;
		}
		
		#footer #external li {
			background-position: left center;
			background-repeat: no-repeat;
		}
		
		#intl-us,
		#intl-uk,
		#intl-jp {
			padding-left: 23px;
		}
		
		#ext-facebook,
		#ext-twitter,
		#ext-youtube,
		#ext-stories {
			padding-left: 16px;
		}
		
		#footerCopyright {
			clear: both;
			width: 300px;
			border-top-width: 1px;
			border-style: solid;
			padding-top: 7px;
			padding-left: 3px;
		}


/* ---------- template-type classes --------- */

.bulletList,
.pdfList {
	margin: .8em 0;
}

.bulletList li,	/* generally '.bulletList' is applied to an un-ordered list element */
.pdfList li {	/* generally '.pdfList' is applied to an un-ordered or ordered list element */
	padding-left: 17px;
}

.bulletList li,
.pdfList li {
	margin-bottom: .6em;
}

.romanList li { /* applied to an outlined list */
	list-style-type: lower-roman;
	list-style-position: outside;
	margin-left: 20px;
}

.decimalList li { /* applied to an outlined list */
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 24px;
}

h4.video-intro { /* generally applied to an h4 element that sits above video content */
	padding-left: 26px;
}

.video-download { /* follows the video, generally a p element that contains a link to download the video */
	margin-top: .3em;
	margin-bottom: 0;
	width: 300px;
	height: 20px;
	position: relative;
}

.video-download a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	width: 300px;
	height: 20px;
}

.video-summary { /* p element that follows a video and summarizes the content */
	padding-bottom: .8em;
}

.specs .bar { /* individual product pages, the bar in between the specs */
	padding: 0 .6em;
}

span.required { /* the little asteriks that indicate required content */
	position: relative;
	top: .2em;
}

a.pseudoBtn { /* orange arrow in front of link contained w/i a paragraph */
	padding-left: 10px;
}

p.footnote {
	padding-top: 1em;
}

.accessibility-only {
	position: absolute;
	left: -9999em;
}

.share { /* facebook, twitter, email */
	margin-top: 2em;
}

.share li {
	display: inline;
	padding-right: 10px;
}
		
.section {
	margin-bottom: 2em;
}

.navTertiary {
	margin: .8em 0 2em;
	border-bottom-width: 8px;
	border-style: solid;
}

.navTertiary li {
	padding: 6px 12px;
	border-bottom-width: 1px;
	border-style: solid;
}

.error-message {
	color: red;
}

/* ---------- dynamically set by external.js & poupup-pub.js & localSlide.js and JS on store locator files ---------- */

.alert,
.popup span,
.hidden,
.hidden * {
	position: absolute;
	left: -9999em;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

	
/* --------------------------------------------------
	SECTION: 	HOME
	PAGE:		HOME
	URL: 		/index.php
-------------------------------------------------- */

	#home #promos { /* wraps #gallery and .gallery-nav */
		position: relative;
		width: 880px;
		height: 350px;
	}
	
	
	/*	*********************************************
		
		Gallery Styling
			
		********************************************* */
		#home ul.gallery-nav {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1000000;
			width: 54px;
			height: 26px;
			padding-top: 5px;
			padding-left: 80px;
			background-position: right -2px;
			background-repeat: no-repeat;	
		}
		
		#home ul.gallery-nav li {
			display: block;
			width: 8px;
			height: 8px;
			float: left;
			margin-right: 8px;
			overflow: hidden;
		}
		
		#home ul.gallery-nav li a {
			display: block;
			width: 8px;
			height: 8px;
			background-position: 0 0;
			background-repeat: no-repeat;	
		}
		
		#home ul.gallery-nav li a.galActive {
			background-position: 0 -8px;
		}
		
		#home .content-primary {
			position: relative;
			display: block;
			width: 880px;
			height: 350px;
		}
		
		#home .content-primary li {
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			width: 880px;
			height: 350px;
			background-position: right top;
			background-repeat: no-repeat;	
		}
	
		#home .content-primary a {
			display: block;
			width: 880px;
			height: 350px;		
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#home .content-primary #promo-1 p {
			position: absolute;
			left: 20px;
			top: 220px;
			width: 370px;
		}

		#home .content-primary #promo-1 a {
			padding-left: 20px;
			padding-top: 300px;
			width: 860px;
			height: 50px;
		}
	
		/* initially hide the 2ndary slides */
		#home #promo-2,
		#home #promo-3 {
			left: -9999em;
		}
		
		/* gallery js class adds a class of activated to the body tag when it runs, at that point bring the images back */
		#home.activated #promo-2,
		#home.activated #promo-3 {
			left: 0;
		}
				
		#home ul.content-primary li a {
			display: block;
			width: 880px;
			height: 350px;		
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#home #promo-3 #content-inner {
			position: absolute;
			left: 15px;
			top: 130px;
			width: 460px;
		}

		#home ul.content-primary li#promo-3 a {
			margin-top: -130px;
			padding-top: 200px;
			height: 150px;
		}
	
	#home ul.content-secondary {
		overflow: hidden;
		margin-top: 10px;
	}
	
	#home ul.content-secondary li {
		position: relative;
		display: block;
		float: left;
		width: 180px;
		height: 114px;
		margin-right: 7px;
		padding-top: 20px;
		padding-left: 105px;
		padding-right: 5px;
		background-position: left top;
		background-repeat: no-repeat;	
	}
	
	#home ul.content-secondary li.tile-2 p a {
		margin-left: 35px;
	}
	
	#home ul.content-secondary li.tile-3 {
		width: 190px;
		padding-right: 10px;
		padding-left: 85px;
		margin-right: 0;
	}
	
	#home .content-secondary h3,
	#home .content-secondary p {
		margin: 0 0 5px 0;
	}
	
	#home .content-secondary p a {
		padding-left: 10px;
	}
	
	#home .content-secondary p a.blockBtnActive {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 290px;
		height: 134px;
		padding: 0;
	}
	
	#home ul#pre-footer {
		margin-top: 17px;
	}
	
/* --------------------------------------------------
	SECTION: 	PRODUCT TOUR
	PAGE:		PRODUCT TOUR
	URL: 		/product-tour.php
-------------------------------------------------- */

	body#home #video {
		width: 880px;
		height: 360px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		THE SONIC STORY
	URL: 		/clarisonic/sonic-skin-care.php
-------------------------------------------------- */

	#the-sonic-story .content-primary,
	#the-sonic-story .content-secondary {
		width: 300px;
		float: left;
	}
	
	#the-sonic-story .content-primary {
		margin-right: 40px;
	}
	
	#the-sonic-story h3 {
		margin-top: .6em;
	}
	
	#the-sonic-story img.bagraphic {
		margin-top: .5em;

		padding: .8em 0 0;
		border-top-width: 1px;
		border-style: solid;
	}

	
/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		FREQUENT QUESTIONS
	URL: 		/clarisonic/frequent-questions.php
-------------------------------------------------- */

	#faq #frame h2 {
		padding-top: .3em;
	}

	#faq table {
		margin-bottom: 2em;
		border-collapse: collapse;
	}
	
	#faq thead th {
		padding: .5em 1em .5em .5em;
	}
	
	#faq tbody tr {
		border-bottom-width: 1px;
		border-bottom-style: solid; 
	}

	#faq tbody th {
		width: 200px;
		padding: .5em 1em .5em .5em;
	}
	
	#faq tbody td {
		padding: .5em 1em .5em .5em;
	}
	
	#faq tbody td p,
	#faq tbody td ul.bulletList {
		margin: 0 0 .8em;
	}
	
	body#faq #videoModal {
		width: 660px;
		height: 370px;
		padding-top: 30px;
		background: #000;
		position: absolute;
		z-index: 9000;
	}
	
	#faq .closeBtn  {
		background-position:right center;
		background-repeat:no-repeat;
		display:block;
		height:45px;
		left:-15px;
		position:absolute;
		top:-15px;
		width:45px;
		background-image:url("http://cdn.clarisonic.com/images/btn-close.png");
	}

/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		WHAT IS SONIC CLEANSING
				WHAT IS SONIC INFUSION
	URL: 		/clarisonic/what-is-sonic-cleansing.php
				/clarisonic/what-is-sonic-infusion.php
-------------------------------------------------- */
	
	body#how-to-use div.content-primary,
	body#how-to-use div.content-secondary {
		float: left;
	}

	body#how-to-use div.content-primary {
		width: 300px;
		padding-right: 40px;
	}
	
	body#how-to-use div.content-secondary {
		width: 300px;
	}
	
	body#how-to-use embed {
		position: relative;
		margin-top: -13px;
		margin-bottom: -12px;
	}
	
	body#how-to-use .infusion-steps li {
		height: 54px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 3px;
		padding-top: 10px;
		padding-left: 74px;
	}
	
	body#how-to-use .infusion-steps #step-1 {
		background: url(http://cdn.clarisonic.com/images/sonic-infusion-step-1.jpg) no-repeat left center;
	}
	
	body#how-to-use .infusion-steps #step-2 {
		background: url(http://cdn.clarisonic.com/images/sonic-infusion-step-2.jpg) no-repeat left center;
	}
	
	body#how-to-use .infusion-steps #step-3 {
		background: url(http://cdn.clarisonic.com/images/sonic-infusion-step-3.jpg) no-repeat left center;
	}


/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		MEDIA RAVES
	URL: 		/clarisonic/media-raves.php
-------------------------------------------------- */

	ul.newsrow {
		display: block;
		margin-bottom: 1em;
		padding-bottom: 25px;
		padding-left: 18px;
	}

	ul.newsrow li {
		display: inline;
		padding-right: 3px;
	}

	ul.newsrow li img {
		padding-top: 7px;
		padding-right: 7px;
	}
	
	#media-raves #content p {
		padding: 5px 20px 0 15px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		MEDIA RAVES : VIEW PUB
	URL: 		/clarisonic/viewpub.php
-------------------------------------------------- */

	body#pub {
		padding: 30px;
	}
	

/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		CUSTOMER REVIEWS
	URL: 		/clarisonic/what-is-clarisonic.php
				/uk/about/press/testimonials.php
-------------------------------------------------- */

	body#customer-reviews .navTertiary {
		width: 460px;
	}


	body#customer-reviews .video-wrapper {
		background: #dfdfdf;
		margin: 20px 0;
		padding: 15px 20px 20px;
		width: 420px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	body#customer-reviews .video-wrapper img {
		width: 420px;
	}
	
	body#customer-reviews #content h2,
	body#customer-reviews #content h3,
	body#customer-reviews #content p {
		width: 460px;
	}
	
	body#customer-reviews blockquote {
		width: 420px;
	}
	
	body#customer-reviews #content blockquote p {
		width: 400px;
	}
	
	body#customer-reviews blockquote + h3 {
		margin-top: 2em;
	}
	
	
	
/* --------------------------------------------------
	SECTION: 	WHAT IS CLARISONIC
	PAGE:		SUPER FANS
	URL: 		/clarisonic/super-fans.php
-------------------------------------------------- */

	#superfans #fan-videos {
		width: 660px;
		overflow: hidden;
		position: relative;
	}

	
		#superfans #fan-videos p img {
			position: relative;
			bottom: -4px;
			padding-right: 4px;
		}
	
	#superfans #fan-videos div {
		float: left;
		border-right: 2px solid #fff;
	}

	#superfans #content blockquote.bq1,
	#superfans #content blockquote.bq4 {
		width: 270px;
		float: left;
		padding-right: 30px;
		border-right-width: 1px;
		border-style: solid;
		clear: both;
	}
	
	#superfans #content blockquote.bq2,
	#superfans #content blockquote.bq5 {
		width: 270px;
		float: right;
	}
	
	#superfans #content blockquote.bq3 {
		clear: both;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top-width: 3px;
		border-bottom-width: 3px;
		border-style: double;
		background-position-y: 20px;
	}
	

/* --------------------------------------------------
	SECTION: 	BENEFITS
	URL: 		/benefits/*
-------------------------------------------------- */

	body.benefits p {
		margin: 0 0 .5em;
	}
	
	body.benefits .content-primary img {
		margin: .8em 0 .5em;
	}
	
	body.benefits h3 {
		margin-top: 1em;
	}
	
	body.benefits .content-primary,
	body.benefits .content-secondary {
		float: left;
	}
	
	body.benefits .content-primary {
		width: 300px;
		padding-right: 40px;
	}

	body.benefits div.content-secondary {
		width: 300px;
	}
	
	body.benefits #video img {
		margin-bottom: 12px;
	}
	
	body.benefits embed {
		position: relative;
		margin-top: -13px;
	}
	
	#chart {
		position: relative;
		width: 300px;
		height: 201px;
	}
	
	#chart li {
		position: absolute;
		left: -9999em;
	}
	
	body.benefits img.bagraphic {
		margin-top: .5em;
		padding: .8em 0;
		border-top-width: 1px;
		border-style: solid;
	}

	
/* --------------------------------------------------
	SECTION: 	BENEFITS
	PAGE:		BEFORE & AFTER
	URL: 		/benefits/before-after.php
-------------------------------------------------- */

	ul.accordion {
		margin-bottom: 1.5em;
	}

	ul.accordion img {
		margin: 1em auto 0;
	}
	
	ul.accordion h3 {
		margin: 0;
	}
	
	ul.accordion h3 a {
		display: block;
		height: 24px;
		padding-top: 8px;
		padding-left: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	ul.accordion li.expanded h3 a {
		margin-bottom: .8em;
	}

	ul.accordion li.collapsed h3 a:before {
		content: url(http://cdn.clarisonic.com/images/ba_arrover2.png);
		padding-right: 5px;
	}
	
	ul.accordion li.expanded h3 a:before {
		content: url(http://cdn.clarisonic.com/images/ba_arrdown3.png);
		padding-right: 5px;
	}

	.accordion h4 {
		position: relative;
	}
	
	.accordion h4 a {
		position: absolute;
		right: 0;
		margin-top: 3px;
		margin-left: 10px;
	}
	
	ul.accordion a.pdf { /* child of h4 */
		padding-left: 17px;
	}
	
	.accordion .wrap { /* wraps the image */
		padding-bottom: 2em;
	}
	
	#skintone_nav,
	#shaving_nav,
	#wrinkles_nav,
	#healthyskin_nav,
	#sonicInfusion_nav {
		margin-top: 10px;
		margin-right: 0;
		margin-bottom: 0;
		padding-right: 12px;
	}
	
	/* Accordion styles (dynamic) */
	
	.accordionContent { /* wraps the contents of the open accordion */
		overflow: hidden;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	li.collapsed .accordionContent {
		position: absolute;
		left: -9999px;
	}
	
	/* Fixes Safari bug that prevents expanded content from displaying.
	   See http://betech.virginia.edu/bugs/safari-stickyposition.html */
	li.collapsed .accordionContent p {
		position: relative;
	}


/* --------------------------------------------------
	SECTION: 	BENEFITS
	PAGE:		IMPROVES SKIN TEXTURE
	URL: 		/benefits/improves-skin-texture.php
-------------------------------------------------- */

	body#texture #frame h2 span {
		display: block;
	}

/* --------------------------------------------------
	SECTION: 	BENEFITS
	PAGE:		SONIC INFUSION BENEFITS
	URL: 		/benefits/sonic-infusion-benefits.php
-------------------------------------------------- */
	body#sonic-infusion.benefits embed {
		margin-top:0px;
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		ALL
	URL: 		/shop/.*
-------------------------------------------------- */

	#nav_ads img {
		margin-bottom: 1em;
	}

	body.product h4 {
		margin-top: .8em;
	}
	
	body.product h4.product-list-title {
		clear: both;
		margin-top: 1.6em;
		padding: .4em 0;
		border-style: solid;
		border-bottom-width: 1px;
	}
	
	body.product ul.product-list li {
		position: relative;
		float: left;
		width: 85px;
		padding-right: 30px;
		padding-left: 50px;
	}
	
	body.product ul.product-list li.double-wide {
		width: 240px;
	}
	
	body.product ul.product-list li.last-child {
		padding-right: 0;
	}
	
	body.product ul.product-list li img {
		position: absolute;
		left: 0;
		top: 0;	
	}
	
	body.product ul.product-list p {
		margin: .2em 0;
	}

	body.product ul.product-list p span {
		position: relative;
		top: -1px;
	}

	body.product ul.product-list li.double-wide h5,
	body.product ul.product-list li.double-wide p {
		padding-left: 7px;
	}
	
	input#qty {
		width: 30px;
		margin-left: 1px;
	}
	/* or_separtion class is for separating two forms, but could possibly be useful elsewhere  */
	body.product p.or_separation{
		border-bottom-style:solid;
		border-bottom-color:#e0e0e0;
		border-bottom-width:1px;
		text-align:center;
		margin-top:0;
	}
	body.product p.or_separation span{
		position:relative;
		top:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		background-color: #f3f3f3;
		padding:0 6px;
		}	
	body.product #error_msg{
		padding:6px 0;
	}
	
	/* TABS TO HOLD BAZAAR VOICE CONTENT */
	ul#bvNav {
		width: 100%;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		clear: both;
		padding-top: 1.5em;
	}
	
	ul#bvNav li {
		display: block;
		width: auto;
		float: left;
	}
	
	ul#bvNav li:last-child {
		float: none;
		clear: both;
	}
	
	ul#bvNav li a {
		display: block;
		padding: 7px 10px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-bottom-width: 0px;
		border-style: solid;
	}
	

/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		LANDING PAGE
	URL: 		/shop/index.php
-------------------------------------------------- */
	
	body#shop div.content-primary {
		position: relative;
		float: none;
		width: 660px;
		height: 307px;
		margin-bottom: 1em;
	}
	
	body#shop #content li {
		position: relative;
		float: left;
		width: 146px;
		margin-right: 15px;
		margin-bottom: 15px;
		height:240px;
	}
	body#shop #content img {
		width: 146px;
		height: 146px;
		padding: 5px 0;
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}
	body#shop h3.product_line_title {
		padding: .3em .5em;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		clear: both;
	}
	body#shop #content a.blockBtnActive{
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 146px;
		height: 190px;
	}

/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		VIEW ALL PRODUCTS PAGE
	URL: 		/shop/all-products.php
-------------------------------------------------- */

	body#allProducts #content li {
		position: relative;
		float: left;
		width: 146px;
		margin-right: 15px;
		margin-bottom: 15px;
		height:240px;
	}
	
	body#allProducts #content img {
		width: 146px;
		height: 146px;
		padding: 5px 0;
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}
	
	body#allProducts h3.product_line_title {
		padding: .3em .5em;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		clear: both;
	}
	
	body#allProducts #content a.blockBtnActive{
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 146px;
		height: 190px;
	}

/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		DUOS PAGE
	URL: 		/shop/duos.php
-------------------------------------------------- */
	
	body#duos #content li {
		position: relative;
		float: left;
		width: 146px;
		margin-right: 15px;
		margin-bottom: 15px;
		height:240px;
	}
	
	body#duos #content img {
		width: 146px;
		height: 146px;
		padding: 5px 0;
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}
	
	body#duos h3.product_line_title {
		padding: .3em .5em;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		clear: both;
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	body#duos #content a.blockBtnActive{
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 146px;
		height: 220px;
	}
	
	#duos .all_products {
		overflow: hidden;
	}
	
	#duos #content .footnote {
		clear: both;
		margin-top: 1em;
	}

	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		SONIC CLEANSING SYSTEMS
	URL: 		/shop/sonic-cleansing-systems.php
-------------------------------------------------- */

	body#systems #content {
		position: relative;
		width: 660px;
		padding-left: 17px;
	}
	
	body#systems #btn-comparison-chart {
		position: absolute;
		right: 0;
		margin-top: -2em;
	}
	
	body#systems #cleansing-systems-nav {
		background-position: left top;
		background-repeat: no-repeat;
		width: 660px;
		height: 95px;
		margin-top: 25px;
		overflow: hidden;
	}
	
	body#systems #cleansing-systems-nav li {
		float: left;
		width: 165px;
	}
	
	body#systems #cleansing-systems-nav li a {
		position: relative;
		float: left;
		display: block;
		width: 165px;
		padding-top: 74px;
		padding-bottom: 9px;
	}
	
	body#systems #cleansing-systems-nav a.galActive {
		cursor: pointer;
	}

	body#systems #cleansing-systems-nav a.galActive span {
		display: block;
		position: absolute;
		width: 12px;
		height: 6px;
		left: 76px;
		top: 89px;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	
	body#systems #cleansing-systems {
		position: relative;
		width: 660px;
		height: 370px;
	}
	
	body#systems #cleansing-systems li.system {
		display: block;
		position: absolute;
		width: 660px;
		height: 340px;
		padding-top: 20px;
		background-position: right top;
		background-repeat: no-repeat;
	}

	/* initially hide the 2ndary slides */
	#systems #classic,
	#systems #plus,
	#systems #pairs {
		left: -9999em;
	}
	
	/* gallery js class adds a class of activated to the body tag when it runs, at that point bring the images back */
	#systems.activated #classic,
	#systems.activated #plus,
	#systems.activated #pairs {
		left: 0;
	}

	body#systems #cleansing-systems h4 {
		margin-top: .9em;
	}
	
	body#systems #cleansing-systems p {
		width: 229px;
	}
	
	body#systems #cleansing-systems a.blockBtnActive {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 660px;
		height: 235px;
	}
	
	body#systems #cleansing-systems-uk {
		overflow: hidden;	
		display: block;
		width: 660px;
		height: 276px;
		background-position: left top;
		background-repeat: no-repeat;
		margin: 15px 0;
	}
	
	body#systems #cleansing-systems-uk li#classic {
		width: 330px;
		float: left;
	}
	
	body#systems #cleansing-systems-uk li#plus {
		width: 300px;
		margin-left: 30px;
		float: left;
	}
	
	body#systems #cleansing-systems-uk li#plus a#galleryPlus {
		float: right;
	}
	
	body#systems ul.promos {
		position: absolute;
		top: 234px;
		left: 0;
		overflow: hidden;
		margin-bottom: 15px;
		height: 124px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
	}
	
	body#systems .promos li {
		display: block;
		float: left;
		height: 124px;
		width: 325px;
	}
	
	body#systems .promos li.promo-1 {
		padding-right: 5px;
	}
	
	body#systems .promos li.promo-1 img {
		padding: 20px 5px 0 5px;
	}
	
	body#systems .promos li.promo-2 {
		padding-left: 5px;
	}
	
	body#systems .promos li.promo-2 img {
		padding: 10px 0 0 0;
	}
	
	
	body#systems .promos h3 {
		padding-top: 10px;
		margin-bottom: .5em;
	}
	
	body#systems #content .promos p {
		margin-top: 0;
		width: auto;
	}
	
	body#systems #content .promos img {
		float: right;
	}
	
	body#systems .benefits {
		float: left;
		width: 330px;
	}
	
	body#systems .multimedia {
		float: left;
		width: 300px;
		padding-left: 30px;
	}
	
	body#systems h4.video-intro {
		margin-top: 1em;
	}
	
	body#systems embed { /* adjust the position of the video when it plays */
		position: relative;
		margin-top: -13px;
		margin-bottom: -12px;
	}

	body#systems #before-after { /* set up a container for our gallery of before/after images */
		position: relative;
		width: 300px;
		height: 125px;
		margin-top: 10px;
	}
	
	body#systems #before-after li {
		position: absolute; /* each li must be absolute so it stacks exactly on top of the li that is dissapearing */
		display: block; /* each li needs to stack as a block */
		left: 0;
		top: 0;
	}
	

/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		CLASSIC SONIC CLEANSING SYSTEM 
				PLUS SONIC CLEANSING SYSTEM
				MIA SONIC CLEANSING SYSTEM
				SONIC CLEANSING SYSTEM SKIN CARE PAIRS
	URL: 		/shop/sonic-cleansing-system-classic.php
				/shop/sonic-cleansing-system-plus.php
				/shop/sonic-cleansing-system-mia.php
				/shop/skin-care-pairs.php
-------------------------------------------------- */

	body.product fieldset {
		padding-bottom: 0;
		position: relative;
	}
	
	body.product #content {
		position: relative;
		width: 660px;
		padding-left: 17px;
	}
	
	body.product .content-primary {
		float: left;
		width: 400px;
	}
	
	body.product .content-secondary {
		float: left;
		width: 235px;
		margin-left: 25px;
	}

	body.product #gallery {
		position: relative;
		display: block;
		width: 400px;
		height: 290px;
	}
	
	body#cleansing-system-pink.product #gallery {
		height: 270px;
	}
	
	body.product #gallery li {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
	}

	/* initially hide the 2ndary slides */
	body.product #gallery li#slide-2,
	body.product #gallery li#slide-3,
	body.product #gallery li#slide-4,
	body.product #gallery li#slide-5,
	body.product #gallery li#slide-6,
	body.product #gallery li#slide-7,
	body.product #gallery li#slide-8,
	body.product #gallery li#slide-9,
	body.product #gallery li#slide-10,
	body.product #gallery li#slide-11,
	body.product #gallery li#slide-12,
	body.product #gallery li#slide-13,
	body.product #gallery li#slide-14,
	body.product #gallery li#slide-15,
	body.product #gallery li#slide-16{
		left: -9999em;
	}
	
	/* gallery js class adds a class of activated to the body tag when it runs, at that point bring the images back */
	body.product.activated #gallery li#slide-2,
	body.product.activated #gallery li#slide-3,
	body.product.activated #gallery li#slide-4,
	body.product.activated #gallery li#slide-5,
	body.product.activated #gallery li#slide-6,
	body.product.activated #gallery li#slide-7,
	body.product.activated #gallery li#slide-8,
	body.product.activated #gallery li#slide-9,
	body.product.activated #gallery li#slide-10,
	body.product.activated #gallery li#slide-11,
	body.product.activated #gallery li#slide-12,
	body.product.activated #gallery li#slide-13,
	body.product.activated #gallery li#slide-14,
	body.product.activated #gallery li#slide-15,
	body.product.activated #gallery li#slide-16{
		left: 0;
	}
	
	body.product #gallery img {
		padding-top: 20px;
		border-bottom-width: 1px;
		border-style: solid;
		border-color: #ccc;
	}

	body#cleansing-system-pink.product #gallery img { /* limited edtion plus mod */
		padding-top: 0px;
	}

	body.product #gallery a img { /* enlarge button */
		border: none;
		position: absolute;
		left: 7px;
		top: -15px;
	}
	
	body#cleansing-system-pink.product #gallery a img { /* limited edtion plus mod */
		top: 7px;
	}
		
	body.product #gallery-nav {
		overflow: hidden;
		width: 400px;
		margin-bottom: 20px;
	}
	
	body.product #gallery-nav li {
		float: left;
		margin-bottom: 5px;
	}
	
	body.product #gallery-nav li a {
		display: block;
		margin-right: 5px;
		border-width: 1px;
		border-style: solid;
	}
	
	body.product #gallery-nav li a.galActive {
		opacity: 0.4;
	}
	
	body.product #beauty-mark { /* sonic cleasning system pages only */
		margin-bottom: 40px;
	}
	
	body.product #beauty-mark img { /* sonic cleasning system pages only */
		float: left;
		margin-top: -6px;
		margin-right: 10px;
	}
	
	body.product #beauty-mark h3 { /* sonic cleasning system pages only */
		margin-bottom: 0;
	}
	
	body.product #beauty-mark p { /* sonic cleasning system pages only */
		margin-top: 3px;
	}
	
	body.product .content-secondary form {
		position: relative;
		margin-top: 5px;
		padding: 7px 7px 3px 7px;
		border-top-width: 1px;
		border-bottom-width: 6px;
		border-style: solid;
	}
	/* turn off borders for this item. other css can stay. */
	body.product .content-secondary form.wrapped{
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-style: none;
	}
	
	/* duplicate style from body.product .content-secondary form (intentionally separate) */
	body.product div.form_wrapper {
		position: relative;		
		/* overflow: hidden; killing this rule, conflicts with tooltip for "Details" */
		margin-top: 5px;
		margin-bottom: 20px;
		padding: 7px 0 3px 0;
		border-top-width: 1px;
		border-bottom-width: 6px;
		border-style: solid;
	}
	
	body.product .content-secondary form h3 {
		margin-bottom: 10px;
	}
	
	body.product .content-secondary form div {
		margin-bottom: 15px;
		overflow: visible;
	}
	
	body.product .content-secondary form div p {
		padding-top: 7px;
		margin-bottom: 0;
	}
	
	body.product .content-secondary label {
		display: block;
		margin-top: 0;
		margin-bottom: 5px;
	}
		
	body.product .content-secondary button {
		width: 85px;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	body.product .content-secondary h4 {
		margin-bottom: 0;
		clear: left;
	}
	
	body.product .content-secondary ul.bulletList {
		margin: 10px 0;
	}
	
	body.product #fgwp { /* sonic cleasning system pages only :WB:: only lives on mia pages*/
		float: right;
		width: 80px;
		height: 53px;
		margin-top: 10px;
		margin-left: 5px;
	}
	
	body.product #fgwp_tall { /* sonic cleasning system pages only :WB:: lives on others: classic, pairs, plus*/
		float: right;
		width: 85px;
		height: 110px;
		margin-left: 5px;
	}

	body.product #pink-ribbon { /* skin care pairs and pink sonic cleasning system pages only */
		margin-bottom: 20px;
	}
	
	body.product #pink-ribbon img { /* skin care pairs and pink sonic cleasning system pages only */
		float: right;
		margin-top: -6px;
		margin-left: 10px;
	}

	body.product #pink-ribbon h3 { /* skin care pairs and pink sonic cleasning system pages only */
		margin-bottom: 0;
	}
	
	body.product #pink-ribbon p { /* skin care pairs and pink sonic cleasning system pages only */
		margin-top: 3px;
	}
		
	body.product .carousel {
		position: relative;
		display: block;
		width: 230px;
		height: 230px;
	}
	
	body.product .carousel li {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
	}
	
	body.product p#skinCarePairPromo {
		background: #E7F3FE;
		padding: 5px;
		margin-bottom: 1.8em;
		text-align: center;
	}

	

	/*	*********************************************
		
		Modal Window Styling
			
		********************************************* */
		
		body.product #modal {
			width: 660px; /* width can be set to whatever but is required */
			/* everything else is optional although it will affect the positioning of .closeBtn, use multiple .closeBtn styles if necessary tying each to its parent modal window */
			height: 386px; /* height needs to be preset as well, at least for now, in the future it would be nice to pull this from the image */
			padding: 10px;
		}	
	

/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		PLUS SONIC CLEANSING SYSTEM 
	URL: 		/shop/sonic-cleansing-system-plus.php
-------------------------------------------------- */

	#cleansing-system-plus #spot-therapy {
		margin-bottom: 20px;
	}
	
	#cleansing-system-plus #spot-therapy h3 {
		margin-bottom: 0;
	}
	
	#cleansing-system-plus #spot-therapy ul.bulletList {
		margin-top: 3px;
	}

	#cleansing-system-plus #spot-therapy img {
		float: right;
		padding-top: 15px;
		margin-left: 10px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		MIA SONIC CLEANSING SYSTEM 
	URL: 		/shop/sonic-cleansing-system-mia.php
-------------------------------------------------- */

	#cleansing-system-mia #mia {
		margin-bottom: 20px;
	}
	
	#cleansing-system-mia #mia h3 {
		margin-bottom: 0;
	}
	
	#cleansing-system-mia #mia p {
		margin-top: 3px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		SKIN CARE PAIRS 
	URL: 		/shop/skin-care-pairs.php
-------------------------------------------------- */
	
	body.product#cleansing-system-pairs .content-secondary {
		float: left;
		width: 240px;
		margin-left: 20px;
	}

	#cleansing-system-pairs .content-secondary select {
		margin: 8px 0 5px 0;
		width: 220px;
		overflow: visible;
	}
	
	body.product#cleansing-system-pairs .content-secondary label {
		display: inline;
	}

	#cleansing-system-pairs .content-secondary input {
		width: 160px;
		margin: 8px 7px 0 0;
	}
	
	#cleansing-system-pairs #total-row {
		overflow: hidden;
		margin-top: -10px;
	}
	
	#cleansing-system-pairs #personalizationModal {
		position: absolute;
		left: -9999em;
	}
	
	#cleansing-system-pairs.activated #personalizationModal { /* id just has to match the id of the modal window in question */
		position: absolute;
		clear: none;
		left: -9999em;
		z-index: 9999;
		width: 350px; /* width can be set to whatever but is required */
		height: 300px;
		/* everything else is optional although it will affect the positioning of .closeBtn, use multiple .closeBtn styles if necessary tying each to its parent modal window */
		margin-left: 0;
		padding: 30px 25px 25px; 
	}
	
	#cleansing-system-pairs .closeBtn { /* this gets added dynamically */
		position: absolute;
		display: block;
		left: -15px;
		top: -15px;
		width: 45px;
		height: 45px;
		background-position: right center;
		background-repeat: no-repeat;
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		SONIC CLEANSING SYSTEM COMPARISON CHART
	URL: 		/shop/sonic-cleansing-systems-comparison-chart.php
-------------------------------------------------- */
	body#comparison-chart #content {
		width: 660px;
		padding-left: 17px;
	}

	body#comparison-chart table {
		width: 660px;
		background-position: left top;
		background-repeat: no-repeat;
		margin-bottom: 15px;
	}
	
	body#comparison-chart table td,
	body#comparison-chart table th {
		width: 132px;
		vertical-align: top;
	}
	
	body#comparison-chart table tbody td,
	body#comparison-chart table tbody th {
		border-top-width: 1px;
		border-style: solid;
	}
	
	body#comparison-chart table h3,
	body#comparison-chart table p,
	body#comparison-chart table li {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	body#comparison-chart table p.find-store {
		margin-top: -10px;
	}
	
	body#comparison-chart #find-a-pro {
		padding-top: 15px;
	}
	
	body#comparison-chart tbody ul {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	body#comparison-chart tbody img	{
		padding-top: 17px;
		padding-bottom: 10px;
	}
	
	body#comparison-chart table h3 {
		padding-top: 15px;	
	}
	
	body#comparison-chart p.fine-print {
		margin-bottom: 0;
	}
	

/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		BRUSH HEADS PAGE
	URL: 		/shop/brush-heads.php
-------------------------------------------------- */

	body#brush-heads p.disclaimer {
		padding-right: 20px; /* forces word wrap */
		margin: 0 0 4px;
	}

	select#product_idmaster {
		margin-bottom: 15px;
	}
	select#continuity_product_idmaster {
		margin-bottom: 15px;
	}
	


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		CLEANSERS
	URL: 		/shop/cleansers.php
-------------------------------------------------- */

	body#cleansers #content {
		position: relative;
		width: 660px;
		padding-left: 17px;
	}
	
	body#cleansers #cleansers-nav {
		background-position: left top;
		background-repeat: no-repeat;
		width: 660px;
		height: 95px;
		margin-top: 25px;
		overflow: hidden;
	}
	
	body#cleansers #cleansers-nav li {
		float: left;
		width: 165px;
	}
	
	body#cleansers #cleansers-nav li a {
		position: relative;
		float: left;
		display: block;
		width: 165px;
		padding-top: 74px;
		padding-bottom: 9px;
	}
	
	body#cleansers #cleansers-nav a.galActive {
		cursor: pointer;
	}

	body#cleansers #cleansers-nav a.galActive span {
		display: block;
		position: absolute;
		width: 12px;
		height: 6px;
		left: 76px;
		top: 89px;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	
	body#cleansers #cleanser-gallery {
		position: relative;
		width: 660px;
		height: 250px;
		margin-bottom: 15px;
		border-bottom-width: 6px;
		border-bottom-style: solid;
	}
	
	body#cleansers #cleanser-gallery li.cleanser {
		display: block;
		position: absolute;
		width: 660px;
		height: 230px;
		padding-top: 20px;
		background-position: left top;
		background-repeat: no-repeat;
	}

	body#cleansers #cleanser-gallery h4 {
		margin-top: .9em;
	}
	
	body#cleansers #cleanser-gallery p {
		width: 234px;
	}
	
	body#cleansers #cleanser-gallery a.blockBtnActive {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 660px;
		height: 250px;
	}
	
	body#cleansers #drrobb {
		float: right;
		padding-left: 10px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		REFINING SKIN POLISH
				REFRESHING GEL CLEANSER
				GENTLE HYDRO CLEANSER
				NOURISHING CARE CLEANSER
	URL: 		/shop/refining-skin-polish.php
				/shop/refreshing-gel-cleanser.php
				/shop/gentle-hydro-cleanser.php
				/shop/nourishing-care-cleanser.php
-------------------------------------------------- */

	body#refining-skin-polish fieldset,
	body#refreshing-gel-cleanser fieldset,
	body#gentle-hydro-cleanser fieldset,
	body#nourishing-care-cleanser fieldset {
		padding-right: 5px;
		padding-bottom: 0;
	}

	body#refining-skin-polish #gallery,
	body#refreshing-gel-cleanser #gallery,
	body#gentle-hydro-cleanser #gallery,
	body#nourishing-care-cleanser #gallery {
		height: 250px;
		margin-bottom: 15px;
	}


	body#refining-skin-polish .content-secondary select,
	body#refreshing-gel-cleanser .content-secondary select,
	body#gentle-hydro-cleanser .content-secondary select,
	body#nourishing-care-cleanser .content-secondary select {
		width: 210px;
		overflow: visible;
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		DR. ROBB RENEWAL SERUM
	URL: 		/shop/renewal-serum.php
-------------------------------------------------- */

	body#daily-renewal-serum #gallery {
		height: 240px;
		margin-bottom: 15px;
	}

	body#daily-renewal-serum #gallery img {
		padding-top: 0;
	}
	
	body#daily-renewal-serum .content-primary {
		margin-bottom: 20px;
	}

	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		UNIVERSAL CHARGING CRADLE
	URL: 		/shop/universal-charging-cradle.php
-------------------------------------------------- */

	body#universal-charging-cradle #gallery {
		height: 240px;
		margin-bottom: 15px;
	}

	body#universal-charging-cradle #gallery img {
		padding-top: 0;
	}
	
	body#universal-charging-cradle .content-primary {
		margin-bottom: 20px;
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		INGREDIENT LISTS
	URL: 		/shop/gentle-hydro-cleanser-ingredients.php, 
				/shop/nourising-care-cleanser-ingredients.php
				/shop/refreshing-gel-cleanser-ingredients.php
				/shop/renewal-serum-ingredients.php
-------------------------------------------------- */

	body.ingredients {
		padding: 30px;	
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		PERSONALIZE
	URL: 		/shop/skin-care-system-personalization.php
-------------------------------------------------- */

	body#personalization p.announcement {
		margin: 15px 0;
		padding: 10px;
		border-width: 2px;
		border-style: solid;
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		CONFIRM PAYMENT
	URL: 		/shop/confirm-payment.php
-------------------------------------------------- */

	body#payment-method #content form {
		width: 450px;
		margin-top: 2em;
		overflow: hidden;
	}
	
	body#payment-method h3 {
		width: 300px;
		float: left;
	}
	
	body#payment-method form#continue div div {
		width: 150px;
		float: right;
		padding-top: 5px;
		position: relative;
	}
	
	body#payment-method form#continue button {
		position: absolute;
		right: 0;
	}
	
	body#payment-method form#cancel {
		padding-top: 15px;
		border-top-width: 1px;
		border-style: dashed;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP 
	PAGE:		SKIN CARE PAIRS PERSONALIZATION CONFRIMATION PAGE
	URL: 		/shop/confirm-skin-care-pairs-engraving.php
-------------------------------------------------- */

	body#skin-care-pairs-confirm-engraving #content {
		width: 880px;
	}

	body#skin-care-pairs-confirm-engraving #messaging {
		width: 500px;
		float: left;
	}

	body#skin-care-pairs-confirm-engraving #content form {
		width: 300px;
		float: right;
		margin-top: 2em;
	}
	
	body#skin-care-pairs-confirm-engraving #content form button {
		position: relative;
		top: 5px;
	}	
	
	body#skin-care-pairs-confirm-engraving #flashContainer {
		clear: both;
		
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		SPECIAL PROMOS
	URL: 		/shop/free-gift.php
-------------------------------------------------- */

	body.promo ol {
		list-style-type: decimal;
		padding-left: 17px;
	}

	body.promo#free-gift #overview {
		height: 210px;
		padding-bottom: 100px;
		padding-left: 20px;
	}
	
	body.promo#free-gift #content h2 {
		padding-top: 15px;
	}

	body.promo#free-gift #overview p {
		width: 260px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP / OPAL
	PAGE:		OPAL PHASE 3 SHOP PAGE
	URL: 		/opal/shop.php
-------------------------------------------------- */

	body#opal-sonic-infusion-system .content-primary .primary {
		width: 380px;
		float: right;
		margin-left: -198px;
	}
	
	body#opal-sonic-infusion-system .content-primary .sidebar {
		width: 198px;
		float: left;
		margin-top: .8em;
	}
	
	body.product#opal-sonic-infusion-system .content-secondary form {
		margin-top: 0;
		padding-right:5px;
	}
	
	body.product#opal-sonic-infusion-system .content-secondary form p {
		padding-right: 5px;
	}
	
	body.product#opal-sonic-infusion-system .content-secondary input {
		width: 140px;
	}
	
	body.product#opal-sonic-infusion-system .content-secondary input#qty {
		width: 36px;
	}
	
	body.product#opal-sonic-infusion-system .content-secondary p#engraving-limitations {
		margin-top: -8px;
	}
	
	body.product#opal-sonic-infusion-system .content-secondary button {
		width: 85px;
		margin-top: 1em;
	}
	
	body#opal-sonic-infusion-system #personalizationModal {
		position: absolute;
		left: -9999em;
	}
	
	body#opal-sonic-infusion-system.active #personalizationModal { /* id just has to match the id of the modal window in question */
		position: absolute;
		clear: none;
		left: -9999em;
		top: -9999em;
		z-index: 9000;
		width: 350px; /* width can be set to whatever but is required */
		height: 310px;
		padding: 30px 25px 25px;
	}
	
	body#opal-sonic-infusion-system #videoLink {
		overflow: hidden; 
		background-color: #e0e0e0; 
		padding: 5px;
		margin-bottom: 1em;
	}
	
	body#opal-sonic-infusion-system #videoLink img {
		float: left;
		padding-right: 10px;
		width: 80px;
		height: 44px;
	}
	
	body#opal-sonic-infusion-system #videoLink h3, 
	body#opal-sonic-infusion-system #videoLink p {
		margin: 0;
	}
		
	body.product#opal-sonic-infusion-system #videoModal {
		width: 660px;
		height: 370px;
		padding-top: 30px;
		background: #000;
		position: absolute;
		z-index: 9000;
	}

/* --------------------------------------------------
	SECTION: 	SHOP / OPAL
	PAGE:		OPAL PERSONALIZATION CONFRIMATION PAGE
	URL: 		/opal/confirm-opal-engraving.php
-------------------------------------------------- */

	body#opal-confirm-engraving #content {
		width: 880px;
		position: relative;
	}

	body#opal-confirm-engraving #messaging {
		width: 400px;
		position: absolute;
		right: 2em;
		top: 2em;
	}
	
	body#opal-confirm-engraving #content form button {
		position: relative;
		top: 5px;
	}	
	
	body#opal-confirm-engraving #flashContainer {
		clear: both;
		border-top: 1px solid #ccc;	
		border-bottom: 1px solid #ccc;
	}


/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		SONIC SAVINGS
	URL: 		/shop/sonic-savings.php
-------------------------------------------------- */
	body#sonic-savings #content{
		width:100%;
		padding-left:10px; /*overriding screen.css:232 (30px)*/
	}
	
	body#sonic-savings #steps_1234 li{
		float:left;
		width:151px;
		height:185px;
		padding:10px 50px 0 10px;
		background-repeat:no-repeat;
	}
	
	body#sonic-savings li#step_1{
	}
	
	body#sonic-savings li#step_2{
		padding-right:53px
	}
	
	body#sonic-savings li#step_3{
	}
	
	body#sonic-savings li#step_4{
	}
	
	body#sonic-savings div#sonic_savings_top{
		background-repeat:no-repeat;
		background-position:top right;
		padding-right:380px;
		background-color:#fff;
	}
	
	body#sonic-savings div#sonic_savings_top p{
		margin-bottom:0;
	}
	
	body#sonic-savings div#sonic_savings_top ul{
		margin-bottom:20px;
	}
	
	body#sonic-savings div#sonic_savings_top ul li{
		background-repeat:no-repeat;
		background-position:0 6px;
		margin-left:0px;
		padding:4px 0 4px 12px;
	}
	
	body#sonic-savings img#sonic_savings_shop_now_btn_235x95{
		margin-top:35px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		Continuity Program Confirmation Page
	URL: 		/shop/confirm-continuity-program-subscription.php
-------------------------------------------------- */

	body#continuity-subscription-confirmation #content {
		width: 100%;
		padding-left: 10px; /*overriding screen.css:232 (30px)*/
	}
	
	body#continuity-subscription-confirmation #continuity_confirmation_top {
		background-repeat: no-repeat;
		background-position: top right;
		padding-right: 340px;
		background-color:#fff;
	}
	
	body#continuity-subscription-confirmation #btn_continue {
		float: right;
		margin-right: 15px;
		margin-top: -2px;
	}
	
	body#continuity-subscription-confirmation #error_msg {
		width:360px;
	}
	
	body#continuity-subscription-confirmation div.form_wrapper {
		width:340px;
		padding-left: 10px;
	}
	
/* --------------------------------------------------
	SECTION: 	SHOP
	PAGE:		Ratings and Reviews Promo Page
	URL: 		/shop/promo-ratings-and-reviews.php
-------------------------------------------------- */

	#promo-ratings-and-reviews ol {
		list-style-type: decimal;
		margin-left: 21px;
	}
	
	#promo-ratings-and-reviews .content-primary {
		text-align: center;
		width:400px;
		float: left;
	}
	
	#promo-ratings-and-reviews .content-secondary {
		width: 220px;
		float: right;
	}
	
	#promo-ratings-and-reviews .content-primary p,
	#promo-ratings-and-reviews .content-primary ol,
	#promo-ratings-and-reviews .content-primary h4 {
		text-align: left;
	}
	
	#promo-ratings-and-reviews .content-primary img {
		margin: 1em 0 0;
	}

/* --------------------------------------------------
	SECTION: 	PROFESSIONALS
	PAGE:		PROFESSIONAL BENEFITS
	URL: 		/professionals/professional-benefits.php
-------------------------------------------------- */

	.professional-benefits .content-primary {
		width: 300px;
		padding-right: 40px;
		float: left;
	}
	
	.professional-benefits .content-secondary {
		width: 300px;
		float: left;
	}
	
	.webinar {
		position: relative;
		padding: 5px;
		margin-bottom: 1em;
		overflow: hidden;
	}
	
	.webinar #presenter_portrait, /* id deprecated, in favor of class: WB, 04/28/2010 */
	.webinar .presenter_portrait {
		float :left;
		margin-right: 5px;
		position: relative;
		top: 2px;
	}
	.webinar h3{
		padding-left:10px;
	}
	
	.webinar ul {
		clear:both;
		margin-bottom:10px;
		padding-left:10px;
	}
	
	.webinar li {
		padding: 12px 0 12px 15px;
		border-bottom: 1px solid #ccc;
		background-position: left center;
		background-repeat: no-repeat;
	}
	
	.webinar a.blockBtnActive {
		position: absolute;
		left: 0;
		top: 0;
		width: 300px;
		height: 108px;
	}


/* --------------------------------------------------
	SECTION: 	PROFESSIONALS
	PAGE:		TECHNOLOGY
	URL: 		/professionals/technology.php
-------------------------------------------------- */

	.technology .content-primary {
		position: relative;
		padding-left: 300px;
		padding-right: 30px;
		height: 320px
	}
	
	#zone1,
	#zone2 {
		position: absolute;
	}
	
	#zone1 {
		top: 145px;
	}
	
	#zone2 {
		top: 230px;
	}
		
	.technology .content-primary h2 {
		margin-bottom: .5em;
	}
	
	.technology .content-primary h3 {
		margin-bottom: 0;
	}
	
	.technology .content-primary p {
		margin-top: .3em;
	}
	
	.technology ul {
		width: 300px;
		float: left;
		margin-top: 1.5em;
	}
	
	.technology li#animation1,
	.technology li#animation2,
	.technology li#animation3,
	.technology li#animation4 {
		width: 200px;
		height: 55px;
		padding: 25px 0 0 85px; /* sets text away from image thumb */
	}
	
	.technology #video {
		float: right;
		margin-top: 20px;
		margin-right: 20px;
	}


/* --------------------------------------------------
	SECTION: 	PROFESSIONALS
	PAGE:		PROFESSIONAL USE
	URL: 		/professionals/professional-use.php
-------------------------------------------------- */

	.professional-use .content-primary {
		width: 300px;
		padding-right: 40px;
		float: left;
	}
	
	.professional-use .content-secondary {
		width: 300px;
		float: left;
	}


/* --------------------------------------------------
	SECTION: 	PROFESSIONALS
	PAGE:		RESEARCH
	URL: 		/professionals/research.php
-------------------------------------------------- */

	h3.residual-sebrum-graph {
		width: 299px;
		height: 223px;
		border-top-width: 1px;
		border-style: solid;
	}
	
	.research p.residual-sebrum-graph {
		position: absolute;
		left: -9999em;
	}
	
	.research .content-primary {
		width: 300px;
		padding-right: 40px;
		float: left;
	}
	
	.research .content-secondary {
		width: 300px;
		float: left;
	}
	
	.research ul.pdfList li {
		margin: 0 0 .3em;
	}
		

/* --------------------------------------------------
	SECTION: 	PROFESSIONALS
	PAGE:		PRO WEBINAR
	URL: 		/professionals/webinar.php
-------------------------------------------------- */

	body.proWebinar div#video {
		position: relative;
		margin-top: 1em; /* needs some visual space above */
		margin-bottom: -1em; /* and less below */
	}
	
	body.proWebinar #frame h2 strong {
		display: block;
	}


/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		COMPANY OVERVIEW
	URL: 		/about/company-overview.php
-------------------------------------------------- */

	body#company-overview #content {
		width: 400px;
		padding-right: 220px;
	}


/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		PRESS RELEASES
	URL: 		/about/press-releases.php
-------------------------------------------------- */

	#press-releases ol li {
		margin: 0;
		padding-bottom: 10px;
		border-bottom-width: 1px;
		border-style: dashed;
	}

	#press-releases ol li p {
		margin: 0;
		padding-left: 0px;
	}
	
	h2.press-kit {
		margin-top: 1em;
	}

	#press-releases .pr-photo {
		float: right;
		width: 260px;
		padding: 10px;
		margin: 10px 0 10px 20px;
	}	
	
	#press-releases .pr-photo img {
		padding-bottom: 5px;
	}

	/*	*********************************************
		
		Modal Window Styling
			
		********************************************* */
		
		body#press-releases #modal { /* id just has to match the id of the modal window in question */
			width: 425px; /* width can be set to whatever but is required */
			/* everything else is optional although it will affect the positioning of .closeBtn, use multiple .closeBtn styles if necessary tying each to its parent modal window */
			height: 640px; /* height needs to be preset as well, at least for now, in the future it would be nice to pull this from the image */
			padding: 10px;
		}
		

/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		PRESS COVERAGE
	URL: 		/about/press-coverage.php
-------------------------------------------------- */

	body#press-coverage ol.pdfList {
		width: 180px;
		float: left;
	}

	body#press-coverage ol.pdfList li {
		margin: 0 0 .3em;
	}


/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		IMAGE GALLERY
	URL: 		/about/image-gallery.php
-------------------------------------------------- */

	#imagegallery li {
		float: left;
		padding-right: 9px;
		margin-bottom: 2em;
		width: 207px;
		height: 270px;
	}
	
	#imagegallery img {
		border-width: 1px;
		border-style: solid;
	}
	
	#imagegallery p {
		margin: .3em 0;
	}


/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		CONTACT US
	URL: 		/about/contact-us.php
-------------------------------------------------- */

	dl#contact dt {
		margin-bottom: .4em;
	}
	
	dl#contact dd dt {
		margin-bottom: 0;
	}

	dl#contact dd {
		margin-bottom: 24px;
	}
	
	dl#contact dd dd,
	dl#contact dd ul {
		margin-bottom: 8px;
	}
	
	dl#contact .us-general .street-address,
	dl#contact .us-general .country-name,
	dl#contact .uk-general .tel {
		display: block;
	}
	
	dl#contact .uk-sales .fn,
	dl#contact .uk-sales .org,
	dl#contact .uk-sales .email,
	dl#contact .uk-sales .tel {
		display: block;
	}
				
	dl#contact ul.bulletList {
		margin-top: 0;
	}
	
	
/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		CAREERS
	URL: 		/about/careers.php
-------------------------------------------------- */

	#careers #content p {
		padding-right: 280px;
	}
	
	#careers .pdfList li {
		margin: 0 0 .3em;
	}		

	
/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		PINK
	URL: 		/about/pink.php
-------------------------------------------------- */

	#pink .content-primary {
		margin-right: 40px;
		padding-right: 140px;
		background-position: right top;
		background-repeat: no-repeat;
	}
	
	#pink .content-secondary img {
		padding:0 20px;
	}
	
	#pink .content-tertiary {
		clear: both;
		height: 41px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 4px;
		padding-left: 24px;
		background-repeat: repeat-x;
	}
	
	#pink .content-quad {
		width:380px;
		height:308px;
		float:left;
		margin-right:8px;
		margin-bottom:20px;
		padding-top: 10px;
	}

	#pink .content-quad h3, 
	#pink .content-quad p,
	#pink .content-quad img {
		padding-left:10px;
	}

	#pink .content-quad h3, 
	#pink .content-quad p {
		width:218px;
	}

	#pink .content-five {
		width:255px;
		float:left;
		margin-bottom:9px;
		
	}

	#pink .facebook {
		clear: both;
		height: 23px;
		padding-top: 8px;
		padding-left: 35px;
		border-width: 1px;
		border-style: solid;
		background-position: 5px center;
		background-repeat: no-repeat;
	}
	

/* --------------------------------------------------
	SECTION: 	ABOUT
	PAGE:		AFFILIATES
	URL: 		/about/affiliates.php
-------------------------------------------------- */

	#affiliates ol#steps {
		margin: 1.2em 0;
	}
	
	#affiliates ol#steps li {
		padding-left: 24px;
		margin: .5em 0;
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 17px;
	}
	
	#affiliates .info {
		float: left;
		width: 400px;
		overflow: hidden;
	}
	
	#affiliates .action {
		float: right;
		width: 200px;
		margin-top: 2em;
	}
	
	#affiliates .action .item {
		padding: 10px 10px 10px 35px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
		background-position: 10px center;
		background-repeat: no-repeat;
	}
	
	#affiliates #joinnow {
		margin-top: 15px;
		margin-left: 3px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	UTILITY
	PAGE:		SITEMAP
	URL: 		/utility/sitemap.php
-------------------------------------------------- */

	#sitemap h2 {
		padding-top: .3em;
	}

	#sitemap ul {
		margin-bottom: 1em;
	}
	
	#sitemap ul li {
		margin-bottom: .4em;
		margin-left: 1em;
	}
	
	#sitemap dt {
		margin-bottom: .5em;
		margin-left: 1em;
	}
	
	#sitemap dd {
		margin-left: 1em;
	}
	

/* --------------------------------------------------
	SECTION: 	USER INFO
	PAGE:		INDEX
	URL: 		/userInfo/index.php
-------------------------------------------------- */

	#user-info #content {
		width: 654px;
		padding-left: 226px;
	}
	
	#user-info #content h2 {
		margin-top: .3em;
		margin-bottom: .2em;
		margin-left: 15px;
	}
	
	#user-info #content li {
		padding: 7px 15px;
		overflow: hidden; /* ie -likes- needs this :) */
	}
	
	#user-info #content p {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#user-info #content ul li a span {
		position: relative;
		top: -2px;
	}
	
	#user-info #content li {
		clear: left;
	}
	
	#user-info ul#user-guides {
		overflow: hidden;
	}
	
	#user-info #user-guides li {
		clear: none;
		float: left;
		padding-left: 0px;
		padding-right: 35px;
	}
	

/* --------------------------------------------------
	SECTION: 	REGISTRATION
				MAILING LIST
				FIND A LOCATION (STORE LOCATOR)
	PAGE:		ALL
	URL:		/registration/.*
				/mailing-list/.*
				http://clarisonic.findlocation.com/.*
-------------------------------------------------- */

	body.form #frame h2 {
		padding-top: .3em;
	}
	
	body.form button#submit {
		position: relative;
		margin-top: -1.3em;
	}
	
	body.form #frame h2,
	body.form h3,
	body.form p,
	body.form ul.bulletList,
	body.form form {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	body.form #header p,
	body.form .footer p {
		padding: 0;
	}
	
	body.form h4 {
		margin: 0 0 .6em 0;
		padding: 0;
	}
	
	body.form form p {
		padding-right: 0;
		padding-left: 0;
	}
	
	body.form label {
		display: block;
	}
	
	#findLocation #frame {
		width: 700px; /* default width (above) 880px */
		margin: 0;
	}
	
	#findLocation p#promotion {
		display: none;
	}


/* --------------------------------------------------
	SECTION: 	REGISTRATION
				MAILING LIST
				MAILING LIST
				FIND A LOCATION (STORE LOCATOR)
	PAGE:		INDEX (REGISTRATION FORM)
				REGISTRATION CODE ERROR
				PERSONAL INFORMATION
				SEARCH
	URL: 		/registration/index.php
				/registration/regcode_error.php
				/mailing-list/personal-information.php
				http://clarisonic.findlocation.com/search
-------------------------------------------------- */

	body#findLocation form { 
		margin-top: 2em;
	}

	fieldset#contactInfo,
	fieldset#mailingList,
	fieldset#datePurch,
	fieldset#purchInfo,
	fieldset#skinProblems,
	fieldset#gender,
	fieldset#age,
	fieldset#mailingList,
	fieldset#registrationCode,
	fieldset#country, /* findlocation: search -- country */
	fieldset#postalCode, /* findlocation: search -- postalcode */
	fieldset#cityState, /* findlocation: search -- city/state */
	fieldset#vicinity /* findlocation: search -- vicinity */
	{
		position: relative;
		width: 470px;
	}
	
	fieldset#contactInfo label,
	fieldset#mailingList label,
	fieldset#datePurch label,
	fieldset#purchInfo label,
	fieldset#age label,
	fieldset#registrationCode label,
	fieldset#country label, /* findlocation: search -- country */
	fieldset#postalCode label, /* findlocation: search -- postalcode */
	fieldset#cityState label, /* findlocation: search -- city/state */
	fieldset#vicinity label /* findlocation: search -- vicinity */
	{
		position: relative;
		margin-bottom: .5em;
		padding-top: .6em;
		padding-right: 260px;
		padding-bottom: 1em;
		border-bottom-width: 1px;
		border-style: dashed;
	}
	
	fieldset#contactInfo input,
	fieldset#contactInfo select,
	fieldset#mailingList input,
	fieldset#datePurch select,
	fieldset#purchInfo select,
	fieldset#age select,
	fieldset#registrationCode input,
	fieldset#country select, /* findlocation: search -- country */
	fieldset#postalCode input, /* findlocation: search -- postalcode */
	fieldset#postalCode select, /* findlocation: search -- postalcode */
	fieldset#cityState input, /* findlocation: search -- city/state */
	fieldset#cityState select, /* findlocation: search -- city/state */
	fieldset#vicinity select /* findlocation: search -- vicinity */
	{
		position: absolute;
		left: 260px;
		top: 0;
	}
	
	fieldset#contactInfo select,
	fieldset#datePurch select,
	fieldset#age select {
		top: .4em;
	}
	
	fieldset#purchInfo select {
		top: .5em;
	}
	
	fieldset#contactInfo input,
	fieldset#contactInfo select#Country,
	fieldset#mailingList #foremail input,
	fieldset#datePurch input,
	fieldset#purchInfo input,
	fieldset#registrationCode input,
	fieldset#postalCode input, /* findlocation: search -- postalcode */
	fieldset#cityState input, /* findlocation: search -- city/state */
	fieldset#vicinity input, /* findlocation: search -- vicinity */
	input#firstname,
	input#lastname,
	input#address_1,
	input#address_2,
	input#city,
	input#zip,
	input#email,
	input#telephone,
	input#lot_code_1,
	input#lot_code_2,
	input#phone,
	input#biz_name,
	input#RegCode
	{
		width: 200px;
		border-width: 1px;
		border-style: solid;
		padding: .3em;
	}

	input#firstname,
	input#lastname,
	input#address_1,
	input#address_2,
	input#city,
	select#country,
	input#zip,
	input#email,
	input#telephone,
	input#lot_code_1,
	input#lot_code_2,
	input#RegCode
	input#phone,
	input#biz_name,
	{
		width: 220px;
	}
	
	input#zip {
		width: 120px;
	}
	
	fieldset#contactInfo select#country  {
		width: 210px;
	}
	
	fieldset#mailingList #forcheckbox input {
		top: .7em;
	}
	
	fieldset#skinProblems,
	fieldset#gender,
	fieldset#mailingList {
		overflow: hidden;
	}
	
	fieldset#skinProblems div {
		width: 200px;
		float: left;
	}
	
	fieldset#skinProblems div.col1 {
		padding-right: 50px;
	}
	
	fieldset#skinProblems label,
	fieldset#gender label,
	fieldset#mailingList label,
	fieldset#retailTypes label /* findlocation: search -- reatil location types */
	{
		position: relative;
		padding-top: .5em;
		padding-bottom: .5em;		
	}

	fieldset#skinProblems input,
	fieldset#gender input,
	fieldset#mailingList input,
	fieldset#retailTypes input /* findlocation: search -- reatil location types */
	{
		margin-right: .5em;
	}
	
	fieldset#age legend,
	fieldset#gender legend {
		padding-bottom: .3em;
	}
	
	fieldset#gender label {
		width: 85px;
		float: left;
	}
	
	/* find location */
	#findLocation li.vcard .fn,
	#findLocation li.vcard .street-address,
	#findLocation li.vcard .extended-address,
	#findLocation li.vcard .tel,
	#findLocation li.vcard .url
	{
		display: block;
	}
	
	#findLocation #frame li.vcard {
		margin-bottom: 1em;
	}
	
/* --------------------------------------------------
	SECTION: 	REGISTRATION
	PAGE:		INDEX
	URL: 		/registration/index.php
-------------------------------------------------- */
	
	#reg_form {
		padding-left: 1em;
		padding-bottom: 2em;
	}
	
	div.error-alert {
		width: 550px;
		padding: 10px;
		margin: 2em 0;
		border-width: 3px;
		border-style: solid;
	}
	
	.error-alert a {
		padding: 3px;
	}
	
	#reg_form fieldset {
		width: 550px;
		padding-bottom: 1em;
		margin: 1em 0;
		border-bottom-width: 1px;
		border-style: dashed;
	}
	
	#reg_form fieldset div,
	#reg_form fieldset li {
		margin: .5em 0 1em;
		position: relative;
	}
	
	#reg_form fieldset div.col1,
	#reg_form fieldset div.col2 {
		margin: 0;
	}	
	
	#reg_form label {
		display: block;
		margin-bottom: .3em;
	}
	
	#reg_form label.radio,
	#reg_form label.checkbox {
		display: inline;
		margin-right: 0;
		padding-left: .3em;
	}
	
	#reg_form label.radio {
		margin-right: 2em;
	}	
	
	#reg_form fieldset span.required {
		position: absolute;
		left: -1em;
		top: 2.1em;
		height: 10px;
	}
	
	#reg_form #which-model {
		position: absolute;
		right: 0px;
		margin-top: 1.6em;
	}
	
	#reg_form .info {
		display: block;
		width: 24px;
		height: 24px;
		position: absolute;
		left: 530px;
		margin-top: -1.6em;
		overflow: visible;
	}
	
	#reg_form #infoBox {
		margin-top: -250px;
	}
	
	#reg_form .footnote {
		margin-top: -5px;
		margin-bottom: 15px;
	}
	
	#reg_form #product_updates-label,
	#reg_form #email_updates-label {
		position: relative;
		display: block;
		margin-top: -20px;
		margin-left: 30px;
		
	}
	

/* --------------------------------------------------
	SECTION: 	REGISTRATION
	PAGE:		SELECT A BRUSH
	URL: 		/registration/selectbrush.php
-------------------------------------------------- */

	#selectBrush img#brushHeads {
		float: right;
		padding-top: 100px;
		padding-right: 30px;
	}
	
	#selectBrush form {
		width: 480px;
	}
	
	#selectBrush label {
		position: relative;
		margin-bottom: 1em;
		padding-top: 1.6em;
		padding-right: 250px;
		padding-bottom: 1em;
		border-bottom-width: 1px;
		border-style: dashed;
	}
	
	#selectBrush select {
		position: absolute;
		left: 250px;
		top: 1.6em;
	}
	
	#selectBrush button#submit {
		margin-top: 0;
	}
	
	
/* --------------------------------------------------
	SECTION: 	REGISTRATION
	PAGE:		CONFIRMATION
				FREE BRUSH CONFIRMATION
	URL: 		/registration/confirmation.php
				/registration/freebrushconfirm.php
-------------------------------------------------- */

	#confirmation #frame img {
		float: right;
		padding-left: 100px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SHARE YOUR CLARISONIC EXPERIENCE
	PAGE:		SHARE YOUR STORY
	URL: 		/experience/yourstory.php
-------------------------------------------------- */

	fieldset#clariStory textarea {
		width: 460px;
		height: 120px;
		margin-top: 10px;
	}

	fieldset#permission label {
		position: relative;
		padding-left: 25px;
	}
	
	fieldset#permission label input {
		position: absolute;
		margin-left: -25px;
	}
	
	
/* --------------------------------------------------
	SECTION: 	SPECIAL OFFER
	PAGE:		ALL
	-------------------------------------------------- */

	body.specialoffer #share li {
		display: inline;
		padding-right: 10px;
	}
	

/* --------------------------------------------------
	SECTION: 	SPECIAL OFFER
	PAGE:		PRO MIA TRIAL
	-------------------------------------------------- */

	#proLanding #frame {
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	
		
/* --------------------------------------------------
	SECTION: 	OPAL
	PAGE:		PARTIES
	URL:		/opal/parties.php
	-------------------------------------------------- */
	
	#opal_parties #content {
		width: 880px;
		background-position: right 100px;
		background-repeat: no-repeat;
		padding-left: 10px;
	}
	
	#opal_parties #content p {
		width: 500px;
	}

	#opal_parties #content ul .location,
	#opal_parties #content ul abbr,
	#opal_parties #content ul strong a {
		display: block;
	}

/* --------------------------------------------------
	SECTION: 	BazaarVoice Stories
	PAGE:		landing apge
	URL:		/stories/
	-------------------------------------------------- */

	body#bvStories #content {
		width: 880px;
		padding: 0;
	}
	
/* --------------------------------------------------
	SECTION: 	BAG
	PAGE:		ALL
	-------------------------------------------------- */

	body.cart h3 {
		margin: 1em 0 1.5em;
	}
	
	body.cart h3 p {
		display: none;
	}
	
	body.cart table {
		vertical-align: top;
	}

	body.cart th {
		padding: 0 .5em .5em;
		border-bottom-width: 1px;
		border-style: solid;
		vertical-align: top;
	}

	body.cart input[type="text"] { /* styles text inputs, other types of inputs will need to be manually overridden */
		margin-right: .5em;
		padding: .3em;
		border-width: 1px;
		border-style: solid;
	}
	
	body.cart td {
		padding: .5em;
		vertical-align: top;
	}
	
	table.cart {
		width: 842px;
	}

	table.cart td { /* cart items */
		border-bottom-width: 1px;
		border-style: solid;
	}
	
	table.cart td.cart_quantity,
	table.cart td.cart_price,
	table.cart td.cart_total {
		width: 100px;
	}

	table.totals {
		width: 850px;
		margin: 1.5em 0 2em;
	}

	table.totals td { /* cart cost totals -- has no rules, so decrease padding a bit */
		padding: 0 .5em .5em;
	}
	
	table.totals td.totals_txt {
		width: 730px;
	}

	img#securebadge { /* 256bit encyrptyion / bbb online badge */
		clear: right;
		display: block;
		margin-top: 1.5em;
		margin-left: .3em;
	}
	
	
/* --------------------------------------------------
	SECTION: 	BAG
	PAGE:		YOUR SHOPPING BAG (1st page in the process)
	-------------------------------------------------- */

	form.order table.cart, /* your shopping bag > list of products in bag */
	form.order table.totals  /* your shopping bag > subtotal, shipping, taxable ... */
	{
		width: 650px;
		margin-bottom: 1em;	
	}
	
	form.order table.totals {
		margin-bottom: 4em; /* holds space for recalc button */
	}
	
	form.order td.cart_quantity,
	form.order th.cart_price,
	form.order th.cart_total,
	form.order td.totals,
	form.order td.totals_all
	{
		width: 100px;
	}
	
	form.order div#coupon { /* enter your coupon code block in between table.cart and table.totals */
		margin-bottom: 2em;
		padding: 1.2em 1em 1em;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-style: solid;
	}
	
	form.order p input {
		border-width: 1px;
		border-style: solid;
		display: block;
		margin-top: 1em;
	}
	
	form.order input.button7 { /* recalc button */
		float: right;
		position: relative;
		margin-top: -4em;
		padding-right: 10px;
	}
	
	form.order p { /* order qty limited ... */
		padding: 1em .5em 1em;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-style: solid;
	}
	
	.cart table.zipncountry td {
		padding: 0 .5em 1em;
		vertical-align: middle;
	}
	
	.cart table.taxnship td {
		padding: 0 .5em;
	}
	
	form.order ul.bulletList { /* ground shipping not available ... */
		margin-left: .3em;
		padding-bottom: 1em;
		border-bottom-width: 1px;
		border-style: solid;
	}

	form.order ul.bulletList li {
		padding-bottom: .3em;
	}
	
	form.order input.button8 { /* continue to checkout button from shopping bag page */
		float: right;
		position: relative;
	}
	
	td.cart_op textarea.cart { /* holds custom text textarea */
		border: none;
		height: 4em;
	}
	
	body.cart table.ups_error {
		margin-bottom: 20px;
	}
	
	body.cart td.ups_error {
		padding: 8px 15px;
	}


/* --------------------------------------------------
	SECTION: 	BAG
	PAGE:		CHECKOUT (2nd page in the process)
	-------------------------------------------------- */
	
	form.billing table.cart { /* list of products in bag */
		width: 860px;
		margin-top: 1em;
		margin-bottom: 2em;
		border-bottom-width: 3px;
		border-style: solid;
	}

	
	table.addr { /* billing and shipping addresses */
		margin-bottom: 1.5em;
	}

	/* shopsite produces some nested table nastyness, want to remove the padding from the wrapper cell */
	table.cart table.addr td,
	table.cart table.ship_addr td
	{ 
		padding: 0;
		vertical-align: top;
	}
	
	/* and then add it back in to the children cells */
	table.cart table.addr td td,
	table.cart table.ship_addr td
	{ 
		padding: .5em;
	}
	
	/* form fields */
	form.billing td.addr,
	form.billing td.addr_val,
	form.billing td.payment,
	form.billing td.payment_value {
		border-bottom-width: 1px;
		border-style: dashed;
	}
	
	td.addr { /* left hand col of children tables */
		width: 250px;
	}

	table.ship_addr { /* table to the right, push it over to the right a bit and give it some space eh? */
		margin-left: 60px;
		vertical-align: top;
	}
	
	table.cart table.addr td.addr_foot { /* * indicates a required field */
		padding-top: 1em;
	}
	
	body.cart table.addr td td.ship_check { /* check if billing and shipping address are the same */
		padding: 1.5em .5em 36px 1.5em;
	}

	td.ship_check input { /* checkbox */
		margin-right: .7em;
	}
	
	form.billing p { /* add me to your e-mail list, also wraps the input checkbox */
		padding: 1em 0;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
	}
	
	form.billing p input {
		margin-right: .7em;
	}

	table.payment { /* credit card info */
		width: 450px;
		margin-bottom: 1.5em;
	}
	
	td.payment {
		width: 170px;
	}
	
	input.button162 { /* continue with checkout button */
		margin-left: 85px;
	}
	
	table.checkout_err {
		width: 860px;
		margin: 15px 10px;
	}
	
	table.checkout_err hr {
		height: 1px;
		border: none;
		margin: 1.5em 0;
	}
	
	body.cart table.checkout_err td.checkout_err:first-child {
		display: none;
	}
	
	body#bag table.checkout_err {
		width: 650px;
		margin: 15px 0px;
	}
	
	body#bag.cart table.checkout_err td {
		vertical-align: middle;
		padding: 20px 20px 10px;
	}
	
	table.checkout_err center table tbody tr td pre {
		margin-bottom: 1em;

	}

/* --------------------------------------------------
	SECTION: 	BAG
	PAGE:		CONFIRMATION (3rd page in the process)
	-------------------------------------------------- */

	form.confirmation table.cart {
		width: 850px;
	}
	
	form.confirmation table.bill_addr { /* push the 2nd table off to the right a bit */
		margin-right: 250px;
	}
	
	/* first and last name are held in 2 cells -- stupid, yes */
	table.addr td table.bill_addr td table.addr_name td.addr_name_val,
	table.addr td table.ship_addr td table.addr_name td.addr_name_val {
		padding-top: 0;
		padding-right: 3px;
		padding-bottom: 0;
		padding-left: 0;
	}
	
	input.button67 { /* place your order button */
		float: right;
		position: relative;
		margin-top: -2em;
	}
	
	body.cart table.thankyou_err {
		width: 860px;
		margin: 15px 10px;
	}
	
	body.cart table.thankyou_err td:first-child {
		display: none;
	}
	
	body.cart td.thankyou_err {
		vertical-align: middle;
		padding: 20px 20px 10px 20px;
	}


/* --------------------------------------------------
	SECTION: 	BAG
	PAGE:		THANK YOU (4th page in the process)
	-------------------------------------------------- */

	body.thankyou table.cart {
		margin-left: .5em;
	}

	body.thankyou table.cart td.cart_name {
		width: 500px;
	}


/* --------------------------------------------------
	SECTION: 	SALESPORTAL
	PAGE:		VIEW
	URL: 		/salesportal/view.php
	-------------------------------------------------- */
	body#salesportal-update #frame {
		padding-top: 120px;
		padding-bottom: 60px;
	}
	
	fieldset.freeItem {
		position: relative;
		width: 480px;
	}
	
	fieldset.freeItem label {
		position: relative;
		margin-bottom: .5em;
		padding-top: .6em;
		padding-right: 250px;
		padding-bottom: 1em;
		border-bottom-width: 1px;
		border-style: dashed;
	}
	
	fieldset.freeItem select {
		position: absolute;
		left: 250px;
		top: 0;
	}


/* --------------------------------------------------
	
	Personalization Gallery Styling
		
	-------------------------------------------------- */
	
	/* modal window */
	
	#pgMask { /* this gets added dynamically */
		position: absolute;
		z-index: 1000;
		left: 0px;
		top: 0px;
	}
	
	#pgModal {
		margin-left: 220px;
		clear: both;
	}
	
	.active #pgModal {
		position: absolute;
		clear: none;
		left: -9999em;
		z-index: 9000;
		width: 780px; /* width can be set to whatever but is required */
		/* everything else is optional although it will affect the positioning of .closeBtn, use multiple .closeBtn styles if necessary tying each to its parent modal window */
		height: 470px; /* height needs to be preset as well, at least for now, in the future it would be nice to pull this from the image */
		margin-left: 0;
		padding: 20px 30px;
	}
	
	#pgModal .closeBtn { /* this gets added dynamically */
		position: absolute;
		display: block;
		left: -15px;
		top: -15px;
		width: 45px;
		height: 45px;
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	
	/* inside the modal window */
	
	#pg {
		position: relative;
	}
	
	.active h4#chooseCat,
	.active h4#chooseMark {
		width: 200px;
		float: left;
	}

	.active #pgWordsNav {
		position: relative;
		width: 380px;
		clear: left;
	}
	
	.active #pgWordsNav li {
		width: 180px;
	}
	
	.active #pgWordsNav li li:hover,
	.active #pgWordsNav li li:focus {
		cursor: pointer;
	}
	
	#pgWordsNav ul {
		margin-left: 15px;
	}
	
	.active #pgWordsNav ul {
		position: absolute;
		left: 200px;
		top: 0;
		display: block;
		height: 380px;
		margin-left: 0;
	}
	
	#pgGallery {
		display: none;
	}
	
	.active #pgGallery {
		display: block;
		position: absolute;
		right: 0;
		top: 77px;
		width: 370px;
		height: 250px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
		background-repeat: no-repeat;
	}
	
	.active p#msg {
		position: absolute;
		top: 110px;
		left: 35px;
		width: 300px;
	}
	
	#pgDirections {
		display: none;
	}
	
	.active #pgDirections {
		position: absolute;
		right: 0;
		top: 330px;
		display: block;
		width: 370px;
		padding-bottom: 5px;
		border-bottom-width: 1px;
		border-style: solid;
	}
	
	#pgGalNav {
		display: none;
	}
	
	.active #pgGalNav {
		position: absolute;
		display: block;
		width: 260px;
		height: 120px;
		right: 50px;
		top: 355px;
	}
	
	#pgGalNav li {
		position: absolute;
	}
	
	#pgGalNav a {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background-repeat: no-repeat;
	}
	
	#pgLiMia {
		left: 0;
		top: 0;
		width: 86px;
		height: 120px;
	}
	
	#pgLiClassic {
		left: 86px; /* same width as mia */
		top: 0;
		width: 110px;
		height: 120px;
	}
	
	#pgLiPlus {
		left: 195px;
		top: 0;
	}
	
	a#pgNavMia {
		width: 86px;
		height: 82px;
		z-index: 2000;
		background: none;
	}

	a#pgNavClassic {
		width: 110px;
		height: 82px;
		z-index: 2000;
		background: none;
	}
	
	a#pgNavPlus {
		width: 65px;
		height: 82px;
		background-position: -195px 0;
		z-index: 2250;
	}
	
	a#pgNavMia.active,
	a#pgNavMia:hover,
	a#pgNavMia:focus {
		width: 86px;
		height: 120px;
		z-index: 1500;
		left: 0;
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) 0 -120px no-repeat;
	}
	
	a#pgNavClassic.active,
	a#pgNavClassic:hover,
	a#pgNavClassic:focus {
		width: 110px;
		height: 120px;
		z-index: 1500;
		left: 0;
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) -84px -120px no-repeat;
	}
	
 	a#pgNavPlus.active,
	a#pgNavPlus:hover,
	a#pgNavPlus:focus {
		background-position: -195px -120px;
	}
	
	a#pgNavMia.active,
	a#pgNavClassic.active {
		z-index: 1250;
	}
	
	#pgGalNav li#pgLiMia ul,
	#pgGalNav li#pgLiMWhite,
	#pgGalNav li#pgLiMPink {
		left: 0;
		top: 0;
		width: 84px;
		height: 120px;
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) 0 0 no-repeat;
	}

	#pgGalNav li#pgLiClassic ul,	
	#pgGalNav li#pgLiCWhite,
	#pgGalNav li#pgLiCPink,
	#pgGalNav li#pgLiCGray {
		left: 0;
		top: 0;
		width: 110px;
		height: 120px;
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) -84px 0 no-repeat;
	}
	
	#pgGalNav li#pgLiMWhite a#pgNavMWhite {
		left: 11px;
		top: 95px;
	}
	
	#pgGalNav li#pgLiMPink a#pgNavMPink {
		left: 48px;
		top: 95px;
	}

	#pgGalNav li#pgLiCWhite a#pgNavCWhite {
		left: 5px;
		top: 95px;
	}
	
	#pgGalNav li#pgLiCPink a#pgNavCPink {
		left: 43px;
		top: 95px;
	}
	
	#pgGalNav li#pgLiCGray a#pgNavCGray {
		left: 79px;
		top: 95px;
	}
	
	#pgGalNav li#pgLiMWhite a#pgNavMWhite,
	#pgGalNav li#pgLiMPink a#pgNavMPink,
	#pgGalNav li#pgLiCWhite a#pgNavCWhite,
	#pgGalNav li#pgLiCPink a#pgNavCPink,
	#pgGalNav li#pgLiCGray a#pgNavCGray {
		width: 24px;
		height: 13px;
		z-index: 2000;
		background: none;
	}
	
	#pgGalNav li#pgLiMWhite a#pgNavMWhite.active,
	#pgGalNav li#pgLiMWhite a#pgNavMWhite:hover,
	#pgGalNav li#pgLiMWhite a#pgNavMWhite:focus,
	#pgGalNav li#pgLiMPink a#pgNavMPink.active,
	#pgGalNav li#pgLiMPink a#pgNavMPink:hover,
	#pgGalNav li#pgLiMPink a#pgNavMPink:focus {
		left: 0;
		top: 0;
		width: 84px;
		height: 120px;
		z-index: 1500;
	}
	
	#pgGalNav li#pgLiCWhite a#pgNavCWhite.active,
	#pgGalNav li#pgLiCWhite a#pgNavCWhite:hover,
	#pgGalNav li#pgLiCWhite a#pgNavCWhite:focus,
	#pgGalNav li#pgLiCPink a#pgNavCPink.active,
	#pgGalNav li#pgLiCPink a#pgNavCPink:hover,
	#pgGalNav li#pgLiCPink a#pgNavCPink:focus,
	#pgGalNav li#pgLiCGray a#pgNavCGray.active,
	#pgGalNav li#pgLiCGray a#pgNavCGray:hover,
	#pgGalNav li#pgLiCGray a#pgNavCGray:focus {
		left: 0;
		top: 0;
		width: 110px;
		height: 120px;
		z-index: 1500;
	}
	
	#pgGalNav li#pgLiMWhite a#pgNavMWhite:hover,
	#pgGalNav li#pgLiMWhite a#pgNavMWhite:focus {
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) 0 -120px no-repeat;
	}
	
	#pgGalNav li#pgLiMPink a#pgNavMPink.active,	
	#pgGalNav li#pgLiMPink a#pgNavMPink:hover,
	#pgGalNav li#pgLiMPink a#pgNavMPink:focus {
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) 0 -240px no-repeat;
	}

	#pgGalNav li#pgLiCWhite a#pgNavCWhite:hover,
	#pgGalNav li#pgLiCWhite a#pgNavCWhite:focus {
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) -84px -120px no-repeat;
	}

	#pgGalNav li#pgLiCPink a#pgNavCPink.active,
	#pgGalNav li#pgLiCPink a#pgNavCPink:hover,
	#pgGalNav li#pgLiCPink a#pgNavCPink:focus {
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) -84px -240px no-repeat;
	}

	#pgGalNav li#pgLiCGray a#pgNavCGray.active,
	#pgGalNav li#pgLiCGray a#pgNavCGray:hover,
	#pgGalNav li#pgLiCGray a#pgNavCGray:focus {
		background: url(http://cdn.clarisonic.com/images/personalization-gallery/thumbs-stack3.png) -84px -360px no-repeat;
	}

	#pgGalNav li#pgLiMWhite a#pgNavMWhite.active,
	#pgGalNav li#pgLiMPink a#pgNavMPink.active,
	#pgGalNav li#pgLiCWhite a#pgNavCWhite.active,
	#pgGalNav li#pgLiCPink a#pgNavCPink.active,
	#pgGalNav li#pgLiCGray a#pgNavCGray.active {
		z-index: 1250;
	}
	
	#pgModal #disclaimer {
		position: absolute;
		left: 0;
		top: 445px;
	}


/* --------------------------------------------------
	
	Modal Window Styling
		
	-------------------------------------------------- */
	
	#mask { /* this gets added dynamically */
		position: absolute;
		z-index: 1000;
		left: 0px;
		top: 0px;
	}
	
	#modal { /* id just has to match the id of the modal window in question */
		position: absolute;
		z-index: 9000;
		/* remember to set width and height for each instance of use */
	}
	
	.closeBtn { /* this gets added dynamically */
		position: absolute;
		display: block;
		left: -15px;
		top: -15px;
		width: 45px;
		height: 45px;
		background-position: right center;
		background-repeat: no-repeat;
		z-index: 9999;
	}

/* --------------------------------------------------

	Tooltip Styles
	TODO: this should be expandable to allow a right-side popup.
	
	-------------------------------------------------- */

	.details-tooltip.unshown{
		position:absolute;
		left:-9999em;
	}

	.details-tooltip.shown{
		position:absolute;
		left:-285px;
		top:-40%;
		width:260px;
		padding:8px 16px 8px 8px;
		background:url(http://cdn.clarisonic.com/images/bgTooltipLeftOfItem_565049.png) no-repeat 100% 50%;
		z-index:9999;
		color:#fff;
	}

	ul.bulletList li{
		position:relative;
	}

/* --------------------------------------------------
	
	BazaarVoice
		
	-------------------------------------------------- */

	body.bvform #content {
		width: 880px;
		padding: 0;
	}
	
	div.bv-container {
		clear:both;
		padding-top:10px;
	}