﻿
/**********ABOVE THIS LINE - TO BE SORTED**********/


/*** General Stuff ***/
#mainContent a {
	color: #877C67;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

h1, h2, h3, h4 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	color: #877c67;
}
h1 {
	font-size: 22px;
	color: #877c67;
	padding-top: 10px;
	text-align: center;
	padding: 20px 0px 0px 0px;
	margin: 0px 2px 0px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 18px;
	color: #877c67;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	clear: both;
	font-weight: normal;
}

h2 a {
	color: #877c67;
}

h2 a:hover {
	color: #4f6c98
}

h3 {
	font-size: 12px;
}

p {
	margin: 0px;
	padding-right: 10%;
	padding-bottom: 20px;
	padding-left: 10%;
	font-size: 14px;
	line-height: 1.5em;
}

a img {
	border-width: 0px;
}

.sallyALC {
	font-family: arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-transform: none;
	font-weight: bold;
}

#header p span { /* styles the top rotating message */
	font-weight: bold;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
	padding-left: .3em;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: .1em;
}

#graphContainer h3 {
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-style: italic;
}

.graphBox p {
	padding: 0px 0px 5px 0px;
}

#homeLink {
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	float: right;
	text-decoration: none;
	color: #c5b79c;
}

#homeLink:hover {
	border-bottom: 1px #c5b79c dotted;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
}

#mainContent {
	background-position: 0px -15px;
	clear: both;
	background-repeat: repeat-x;
	min-height: 400px; /* This and #tanBg min-height should be the same */;
	background-image: url('../images/long-blue-gradient.jpg');
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-color: #c5b79c;
	border-bottom-color: #c5b79c;
	border-left-color: #c5b79c;
}

#tanBg {
	background-image: url('../images/long-tan-gradient.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	min-height: 400px;
	overflow: hidden;
}
#aLogoBg {
	/* Holds the A logo background image (Keep an eye out for a way to do this better) */
	background-position: right bottom;
	background-image: url('../images/a.png');
	overflow: hidden;
	background-repeat: no-repeat;
	min-height: 400px; /* This and #mainContent min-height should be the same */
}

#headerLogo {
	border-width: 0px;
	padding-bottom: 5px;
	text-align: left;
	float: left;
}
#headerLine {
	/* The gradient bar above the tabs */
	padding: 0px 0px 10px 0px;
	margin: 0px;
	height: 20px;
	background-image: url('../images/header-footer-line.png');
	background-repeat: no-repeat;
	position: relative;
	bottom: -11px;
	width: 780px;
	-moz-border-radius-topright: 10px; /* Fun stuff just because I can! */;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	clear: both;
}

.firstP { /* Applied to the first paragraphs on pages where the copy might bump into the Next/Prev/Back links.  Clears the links and displays normally */
	clear: both;
}






/*** Front Page Stuff ***/

#frontPageMain p {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 1.6em;
}
#frontPageMain {
	margin: 0px;
	padding: 0px;
	background-position: 500px bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

#frontVideo {
	padding: 400px 35px 10px 35px;
	margin-right: auto;
	margin-left: auto;
	width: 320px;
	margin-bottom: 10px;
	float: right;
}

#frontPage { /* Front page content wrapper that holds the image of Sally */
	background-image: url('../images/front-page-sally-swoosh.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}





/*** News Page Stuff ***/

.newsLinksBox {
	width: 126px;
	float: left;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	height: 110px;
}
#newsLinks {
	text-align: center;
	overflow: hidden;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}
.newsLinksBox span {
	font-size: .7em;
}
.newsLinksBox img {
	padding-bottom: 2px;
}





/*** Before and After Pages Stuff ***/

#baImages span {
	/* Negative margin to correct the +20 left margin on #baImages, so text is correctly centered */
	margin-left: -20px;
}

#baImages {
	/* Left padding is to correct the center offset so the images apear to be correctly centered */
	text-align: center;
	padding-top: 20px;
	padding-left: 20px;
}

#photoCredits {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: x-small;
	text-align: center;
}
.enlarge {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #877c67;
	font-size: 12px;
}





/*** Tab Stuff ***/

#tabs {
	padding: 3px 0px 0px 0px;
	margin: 0px auto 10px auto;
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	background-image: url('../images/double-height-navbar.jpg');
	background-repeat: repeat-x;
	clear: both;
	text-align: center;
	width: auto;
}
#tabs li {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	display: inline;
}
/*#lastTab a {
	border-right-width: 0px !important;
	padding-right: 0px;
	padding-left: 0px;
}*/
#tabs a {
	padding: 10px 8px 10px 8px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #C0C0C0;
	color: #000000;
	margin-left: -4px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #C0C0C0;
}
#tabs #activeTab {
	background: url('../images/white-pixel.png') repeat;
}

#tabs a:hover {
	background: url('../images/white-pixel.png') repeat;
}





/*** Breadcrumb Subnav Menu Stuff and manual Next/Prev links ***/

#subNav {
	border: 2px solid #c5b79c;
	background-position: left bottom;
	padding: 4px 5px 5px 5px;
	margin: 0px;
	clear: left;
	font-size: 11px;
	color: #877c67;
	list-style-type: none;
	font-weight: bold;
	background-image: url('../images/1px-dotted-bg.png'); /* IE dotted border fix */;
	background-repeat: repeat-x;
	border-bottom: 0;
/* Takes out the bottom border */	-moz-border-radius-topright: 10px; /* Fun stuff just because I can! */;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

#subNav li {
	padding: 2px 3px 2px 0px;
	display: inline;
}

.activeBA {
	background-color: #c5b79c;
}

#subNav li a {
	border: 1px solid #877c67;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	color: #877c67;
	margin-right: 1px;
	margin-left: 1px;
}

#subNav li a:hover {
	background-color: #4f6c98;
	color: #ffffff;
}

#fillerCornerLeft {
	width: 120px;
	float: left;
	padding-right: 5px;
	height: 68px;
	padding-top: 10px;
}

#fillerCornerRight {
	width: 120px;
	float: right;
	padding-right: 5px;
	height: 68px;
	padding-top: 10px;
}

#arrows {
		font-size: 20px;
}
#next {
	width: 120px;
	float: right;
	text-align: right;
	font-size: 16px;
	padding-right: 5px;
	height: 68px;
	padding-top: 10px;
}

#next a, #previous a {
	text-decoration: none;
	color: #a29680;
}

#next a:hover, #previous a:hover {
	border-bottom: 1px #a29680 dotted;
}

#next:hover {
	background-image: url('../images/page-curl-3.jpg');
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

#previous {
	width: 120px;
	float: left;
	font-size: 16px;
	height: 68px;
	padding-top: 10px;
	padding-left: 5px;
}

#previous:hover {
	background-image: url('../images/page-curl-3-prev.jpg');
	background-repeat: no-repeat;
	background-position: -5px 0px;
}





/*** Border/Drop-shadow Stuff ***/

.borderBg280x194 {
	background-image: url('../images/280-194-dropshadow.png');
	background-repeat: no-repeat;
	width: 354px;
	height: 268px;
	margin-right: auto;
	margin-left: auto;
}

.borderBg280x194 img {
	border-width: 0px;
	position: relative;
	top: 26px;
	left: -11px;
}

.borderBg260x350 {
	background-image: url('../images/260-350-dropshadow.png');
	background-repeat: no-repeat;
	width: 344px;
	height: 424px;
	margin-right: auto;
	margin-left: auto;
}

.borderBg260x350 img {
	border-width: 0px;
	position: relative;
	top: 26px;
	left: -16px;
}

 .borderBg190x228 {
	background-image: url('../images/190-228-dropshadow.png');
	background-repeat: no-repeat;
	width: 264px;
	height: 302px;
	margin-right: auto;
	margin-left: auto;
}

.borderBg190x228 img {
	border-width: 0px;
	position: relative;
	top: 26px;
	left: -11px;
}

.borderBg257x207 {
	background-image: url('../images/257-207-dropshadow.png');
	background-repeat: no-repeat;
	width: 332px;
	height: 281px;
	margin-right: auto;
	margin-left: auto;
}

.borderBg257x207 img {
	border-width: 0px;
	position: relative;
	top: 26px;
	left: -11px;
}

.borderBg263x309 {
	background-image: url('../images/263-309-dropshadow.png');
	background-repeat: no-repeat;
	width: 337px;
	height: 385px;
	margin-right: auto;
	margin-left: auto;
}

.borderBg263x309 img {
	border-width: 0px;
	position: relative;
	top: 27px;
	left: -11px;
}

.borderBg260x260 {
	background-image: url('../images/260-260-dropshadow.png');
	background-repeat: no-repeat;
	width: 334px;
	height: 335px;
	margin-right: auto;
	margin-left: auto;
}
.borderBg260x260 img {
	border-width: 0px;
	position: relative;
	top: 26px;
	left: -11px;
}

.borderBg280x93 {
	background-image: url('../images/280-93-dropshadow.png');
	background-repeat: no-repeat;
	width: 354px;
	height: 168px;
	margin-right: auto;
	margin-left: auto;
}
.borderBg280x93 img {
	border-width: 0px;
	position: relative;
	top: 27px;
	left: -11px;
}

.borderBg267x234 {
	background-image: url('../images/267-234-dropshadow.png');
	background-repeat: no-repeat;
	width: 342px;
	height: 309px;
	margin-right: auto;
	margin-left: auto;
}
.borderBg267x234 img {
	border-width: 0px;
	position: relative;
	top: 27px;
	left: -11px;
}

.borderBg280x315 {
	background-image: url('../images/280-315-dropshadow.png');
	background-repeat: no-repeat;
	width: 354px;
	height: 390px;
	margin-right: auto;
	margin-left: auto;
}
.borderBg280x315 img {
	border-width: 0px;
	position: relative;
	top: 26px;
	left: -11px;
}

.borderBg180x170 {
	background-image: url('../images/180-170-dropshadow.png');
	background-repeat: no-repeat;
	width: 254px;
	height: 244px;
	margin-right: auto;
	margin-left: auto;
}
.borderBg180x170 img {
	border-width: 0px;
	position: relative;
	top: 24px;
	left: -8px;
}


#imageTable {
	margin-right: auto;
	margin-left: auto;
	clear: both;
}





/*** Various Page Images Stuff ***/

.diagram {
	/* Generic styling for large images on the tabs */
	float: right;
	border: 1px solid #c5b79c;
	margin: 10px 10% 10px 20px;
	clear: both;
}

.celluliteSmDiagramLeft {
	border: 2px solid #c5b79c;
	float: left;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
}

.celluliteParagraph { /* This counts with the various image stuff because this goes directly with the paragraphs on the cellulite tab with images floated left and right */
	text-align: left;
	padding-top: 40px;
	padding-bottom: 20px;
}

#quoteImage {  /* The Image on various News pages with news clipping images */
	text-align: center;
}

#quoteImage img {
	border: 2px solid #d4c9b5;
	margin-bottom: 20px;
}

#skinRejuvDiagram img {
	border: 1px solid #c5b79c;
}

#skinTighteningDiagram img {
	border: 1px solid #c5b79c;
}

.bcImages img {
	border: 1px solid #c5b79c;
}

.bodyContouringDiagram {
	padding-bottom: 20px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}





/*** AmeriPure Pages Stuff ***/

/*#ameriPureBox img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}*/

#colOne {
	float: left;
	width: 380px;
}
#colTwo {
	float: right;
	width: 380px;
}
.firstLetter {
	font-size: 30px;
	float: left;
	padding-right: 1px;
}

#footer { /* The footer on the AmeriPure pages */
	text-align: right;
	padding-bottom: 5px;
	padding-top: 10px;
	clear: both;
}
#footer img {
	display: inline;
	padding: 0px 5px 0px 0px;
	vertical-align: bottom;
}
#footer span {
	font-size: 12px;
	vertical-align: bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}

h2.productH2 { /* The H2 tags that are on the AmeriPure pages */
	clear: none;
	font-style: italic;
	padding-top: 0px;
}

.productImage img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 20px;
}
.productImage {
	float: right;
	vertical-align: text-bottom;
	padding-right: 10px;
	padding-left: 10px;
}
.productBox {
	width: 49%;
	float: left;
	padding-bottom: 20px;
	min-height: 150px;
}
#products {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	clear: both;
}
#products p {
	font-size: 14px;
}
#products h3 {
	margin: 0px;
	font-size: 14px;
	color: #4f6c98;
	padding-left: 20px;
}

#customerQuote { /* Customer quote on the AmeriPure pages */
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 85%;
	clear: both;
}

.quote { /* Inlarges the actual left and right quote marks on the AmeriPure customer quotes */
	font-size: 18px;
}

.productBoxLarge {
	float: right;
	margin-top: 15%;
}
.productImgLarge {
	float: right;
	margin-top: 10%;
}
.standalonePrice {
	width: 40%;
	float: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#tables { /* Holds all of the pricing tables on ameripure_05.aspx */
	overflow: hidden;
	margin-top: 20px;
}

#productTables table {
	width: 33%;
}
.productBox p {
	padding: 0px 20px 20px 20px;
	margin: 0px;
	line-height: 1.2em;
}
.productTables th {
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}
.productTables table {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.standalonePrice table {
	font-size: 14px;
}
.productTables .price {
	text-align: right;
}
.productTables .total {
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-width: 0px;
}
.productTables .lastProduct {
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000000;
}
.productTables tr {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
}
.productTables td {
	padding-top: 2px;
	padding-bottom: 2px;
}
.standalonePrice td {
	background-image: url('../images/white-pixel.png');
	padding-right: 5px;
	padding-left: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.productTables #pithyTruism {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	text-align: center;
	padding-top: 100px;
	padding-left: 20px;
	font-style: italic;
}
.standingOrder {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
}
#standingOrderDetails {
	border: 1px solid #000000;
	padding: 10px;
	width: 55%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFFFFF;
}
#standingOrderDetails p {
	text-align: center;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
}
#standingOrderDetails ul {
	font-size: 14px;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}
#standingOrderDetails ul li {
	padding-bottom: 5px;
}
.beforeDiscount {
	font-style: italic;
}

#recChart table {
	border-collapse: collapse;
}
#recChart td {
	border: 1px solid #666666;
	padding: 5px;
	width: 25%;
	vertical-align: middle;
	line-height: 1em;
	background-image: url('../images/white-pixel.png');
}
#recChart .checked {
	padding: 0px;
	width: 15%;
	font-size: 26px;
	text-align: center;
}
#recChart th {
	vertical-align: middle;
}

#ameriPureBox .groupProducts {
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-bottom: 10px;
	text-align: center;
}
#colOne p {
	padding-right: 10px;
	padding-left: 50px;
}
#colTwo p {
	padding-left: 10px;
	padding-right: 50px;
}





/*** LHR Page Stuff  ***/

.lhrDiagramBox img {
	padding-left: 5px;
	background-color: #FFFFFF;
}
.hairRemovalDiagram tr td img {
	/* Removes extra padding on the second set of images that the first set needs */
	border: 1px solid #c5b79c;
	padding: 0px;
}
.lhrDiagramBox {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	text-align: center;
	padding-bottom: 20px;
}
.lhrDiagramBox table {
	border-collapse: collapse;
}
.lhrDiagramBox td {
	width: 33%;
}
.lhrDiagramBox p {
	text-align: left;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	font-size: 12px;
}
.hairRemovalDiagram tr td p { /* Centers the text in the second set of diagram pictures on the LHR tab */
	text-align: center;
}
.lhrDiagramBox th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #877c67;
	padding-bottom: 10px;
}





/*** Body Contouring Page Stuff ***/

.bodyContouringDiagram table {
	border-collapse: collapse;
}
.bodyContouringDiagram table .bcImages {
	vertical-align: bottom !important;
}
.bodyContouringDiagram ul {
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 20px;
}
.bodyContouringDiagram p {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
.bodyContouringDiagram ul li {
	padding-bottom: 5px;
}
.bodyContouringDiagram .bcDiagramText {
	vertical-align: top;
}




/*** Cellulite Removal Page Stuff ***/


.celluliteDiagram table .image {
	text-align: center;
}
.celluliteDiagram img {
	margin: 5px;
	border: 1px solid #c5b79c;
}
.celluliteDiagram p {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
.celluliteDiagram {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}






/*** Skin Tightening Page Stuff ***/

#skinTighteningDiagram {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#skinTighteningDiagram table {
	border-collapse: collapse;
}
#skinTighteningDiagram table td {
	width: 33%;
	vertical-align: top;
}
#skinTighteningDiagram p {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}







/*** Skin Rejuv Page Stuff ***/

#skinRejuvDiagram {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	text-align: center;
}
#skinRejuvDiagram table p {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	font-size: 12px;
}
#skinRejuvDiagram table {
	border-collapse: collapse;
}





/*** Tesimonials Page Stuff ***/

.testimonial p span {
	font-size: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.testimonial p {
	padding-bottom: 0px;
	padding-top: 10px;
	font-family: Georgia;
}

.name p {
	padding: 0px 0px 15px 0px;
}

.name {
	text-align: right;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #c5b79c;
	margin-right: 10%;
	margin-bottom: 10px;
	margin-left: 10%;
	font-family: Georgia, "Times New Roman", Times, serif;
}





/**** Brand Ads Page Stuff ***/

#brandAds {
	text-align: center;
}
#brandAds img {
	vertical-align: top;
	border: 2px solid #c5b79c;
	margin-top: 10px;
	margin-bottom: 20px;
}
#brandAds div {
	float: left;
	width: 33%;
}
#brandAds .brandAdsRow {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	clear: left;
	padding-bottom: 20px;
}
#brandAds div a {
	text-decoration: none;
	color: #000000;
}






/*** Survey Pages Stuff ***/

.graphBox {
	width: 49%;
	float: left;
	padding-top: 5px;
	padding-bottom: 15px;
}

.shavingTable {
	font-size: 14px;
	text-align: center;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	background-color: #d4d7e8;
}
.shavingTable td {
	border: 1px solid #FFFFFF;
	width: 12%;
	height: 2.5em;
	empty-cells: hide;
	border-spacing: 0px;
	/*background-color: #FFFFFF;*/
}
.shavingTable th {
	border: 1px solid #FFFFFF;
	background-color: #4f6c98;
	color: #FFFFFF;
}
.shavingTable .odd {
	background-color: #d4d7e8;
	background-image: url('../images/white-pixel.png');
}
.surveyList {
	font-size: 14px;
	padding-right: 20px;
}

.surveyList li {
	padding-bottom: 5px;
}

.surveyList ul li {
	list-style-type:none;
}
#graphContainer {
	width: 98%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	clear: both;
}
.surveygraph {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: left;
	margin-bottom: 15px;
}
#graphContainer table {
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
#graphContainer table td {
	vertical-align: top;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#graphContainer .question {
	font-size: 16px;
	color: #877c67;
}
.graphBox span {
	font-weight: bold;
	color: #333333;
}
#graphContainer table {
	font-size: xx-small;
}
#graphContainer table td {
	padding: 0px;
	margin: 0px;
}

		/* Body Survey Graphs */

#bodyGraph01, #bodyGraph02, #bodyGraph03, #bodyGraph04, #bodyGraph05, #bodyGraph06 {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#bodyGraph01 {
	width: 364px;
	height: 237px;
}
#bodyGraph02 {
	width: 360px;
	height: 234px;
}
#bodyGraph03 {
	width: 318px;
	height: 221px;
}
#bodyGraph04 {
	width: 354px;
	height: 257px;
}
#bodyGraph05 {
	width: 509px;
	height: 277px;
}
#bodyGraph06 {
	width: 365px;
	height: 248px;
}

	/* Age Survey Graphs */

#ageGraph01, #ageGraph02, #ageGraph03, #ageGraph04, #ageGraph05, #ageGraph06 {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#ageGraph01 {
	width: 364px;
	height: 225px;
}
#ageGraph02 {
	width: 336px;
	height: 245px;
}
#ageGraph03 {
	width: 364px;
	height: 289px;
}
#ageGraph04 {
	width: 359px;
	height: 249px;
}
#ageGraph05 {
	width: 524px;
	height: 290px;
}
#ageGraph06 {
	width: 567px;
	height: 317px;
}

	/* Stress Survey Graphs */

#stressGraph01, #stressGraph02, #stressGraph03, #stressGraph04, #stressGraph05, #stressGraph06 {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#stressGraph01 {
	width: 336px;
	height: 232px;
}
#stressGraph02 {
	width: 322px;
	height: 231px;
}
#stressGraph03 {
	width: 346px;
	height: 267px;
}
#stressGraph04 {
	width: 356px;
	height: 260px;
}
#stressGraph05 {
	width: 354px;
	height: 258px;
}
#stressGraph06 {
	width: 356px;
	height: 268px;
}

	/*  Shaving Survey Graphs */

#shavingGraph01, #shavingGraph02, #shavingGraph03, #shavingGraph04, #shavingGraph05, #shavingGraph06, #shavingGraph07, #shavingGraph08, #shavingGraph09, #shavingGraph10, #shavingGraph11, #shavingGraph12, #shavingGraph13, #shavingGraph14, #shavingGraph15, #shavingGraph16 {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#shavingGraph01 {
	width: 284px;
	height: 334px;
}
#shavingGraph02 {
	width: 358px;
	height: 297px;
}
#shavingGraph03 {
	width: 457px;
	height: 267px;
}
#shavingGraph04 {
	width: 535px;
	height: 233px;
}
#shavingGraph05 {
	width: 248px;
	height: 214px;
}
#shavingGraph06 {
	width: 328px;
	height: 227px;
}
#shavingGraph07 {
	width: 376px;
	height: 191px;
}
#shavingGraph08 {
	width: 484px;
	height: 245px;
}
#shavingGraph09 {
	width: 312px;
	height: 207px;
}
#shavingGraph10 {
	width: 305px;
	height: 201px;
}
#shavingGraph11 {
	width: 456px;
	height: 232px;
}
#shavingGraph12 {
	width: 300px;
	height: 169px;
}
#shavingGraph13 {
	width: 280px;
	height: 185px;
}
#shavingGraph14 {
	width: 333px;
	height: 203px;
}
#shavingGraph15 {
	width: 448px;
	height: 218px;
}
#shavingGraph16 {
	width: 50px;
	height: 50px;
}
















/**********BELOW THIS LINE - TO BE SORTED**********/





.mainTabQuote {
	font-style: italic;
}
#frontPageBanner {
	background-image: url('../images/front-page-sally-swoosh.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	height: 250px;
	background-color: #d6e0ea;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d6e0ea;
}
#header p {
	padding: 30px 0px 0px 0px;
	text-align: center;
}
#frontColumn {
	margin-right: 400px;
	text-align: center;
}
.productName {
	font-size: 14px;
	color: #4f6c98;
	font-weight: bold;
}
.highlighted {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}
#recChart {
	font-size: 12px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	clear: both;
}
.standalonePrice .price {
	text-align: right;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;
}
.standalonePrice th {
	padding-left: 5px;
}
#subHeader {
	text-align: center;
	font-style: italic;
}
.reg {
	font-size: small;
	vertical-align: super;
}
.injectableAvailable {
	font-style: italic;
	padding-top: 20px;
}
.injectableAvailable span {
	font-style: normal;
}
