@charset "UTF-8";

body, div, fieldset, form, h1, h2, h3, h4, img, label, ol, p, ul {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	color: #231f20;
	text-decoration: none;
}

a img {
	border: none;
	/* display: block; */
}

a:hover {
	text-decoration: underline;
}

body {
	background-color: #fff;
	color: #231f20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.5em;
}

fieldset {
	margin-bottom: 0.5em;
}

form {
	margin-bottom: 2em;
}

h1 {
	font-weight: normal;
	font-size: 1em;
}

h2 {
	color: #9d2d33;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

h3 {
	color: #231f20;
	font-size: 1em;
	margin-bottom: 0.25em;
}

h3 span {
	font-weight: normal;
}

img.icon {
	margin-right: 0.5em;
}

input, select {
	font-size: 0.9em;
	padding: 1px;
}

input.radio {
	margin-bottom: 0;
	padding: 0 1em 0 0;
}

p {
	margin-bottom: 1.5em;
}

table {
	background-color: #fff;
	margin-bottom: 1.5em;
}

table.breadcrumbs {
	margin-bottom: 0;
}

ul {
	list-style-type: none;
}

.active {
	font-weight: bold;
}

.alert {
	color: #9d2d33;
}

#contentWrapper {
	float: left;
	margin: 24px 0 0 6px; 
	padding: 0;
	width: 916px;
}

#copyright {
	/*background: #fff url(../images/logo_sm.gif) no-repeat 138px 0;
	height: 31px;
	line-height: 25px;
	margin-top: 2em;*/
	text-align: center;
	/*text-indent: 85px;*/
}

.clearFloat {
	clear: both;
	display: none;
}

.featureList li {
	font-size: 1.2em;
	font-weight: bold;
	height: 120px;
	margin-bottom: 1em;
	padding: 1px;
	width: 145px;
}

.featureList li.firstTime {
	background: #fff url(../images/firstTimeBG.jpg) no-repeat 0 0;
}

.featureList li.becomeMember {
	background: #fff url(../images/becomeMemberBG.jpg) no-repeat 0 0;
}

.featureList li.videoTips {
	background: #fff url(../images/videoTipsBG.jpg) no-repeat 0 0;
}

.featureList li a {
	background: transparent url(../images/ui/b_play_gray.gif) no-repeat 10px 77px;
	color: #6d6e71;
	display: block;
	height: 118px;
	width: 143px;
}

.featureList li.noIcon a {
	background: none;
	display: block;
	height: auto;
	width: auto;;
}

.featureList li a span {
	cursor: hand;
	display: block;
	width: 69px;
	height: 80px;
	padding: 14px;
}

#footer {
	clear: left;
	margin-left: 0px;
	padding-top: 2em;
	/*width: 518px;*/
}

#footer b {
	color: #9d2d33;
}

#footer h2 {
	margin: 1em 0;
	text-align: center;
	text-transform: uppercase;
}

#footer h2 span {
	color: #413c3c;
}

#footer p {
	margin-top: 0;
}

.goBtn {
	display: block;
	margin: 0.5em 0 0 9.5em;
}

#header {
	margin: 39px 0 13px 0;
	background: transparent url(../images/mainHeaderBG.gif) no-repeat 0 0;
	height: 80px;
	width: 900px;
}

#header h1 {
	float: left;
	position: relative;
	top: 0;
	text-indent: -5000px;
}

#header h1 a {
	display: block;
	height: 65px;
	width: 220px;
}

.imgLeft {
	float: left;
	padding: 0.25em 1em 0.25em 0;
}

.imgRight {
	float: right;
	padding: 0.25em 0 0.25em 1em;
}

#leftContent {
	background: #fff url(../images/leftColBG.gif) repeat-y 0 0;
	float: left;
	width: 207px; /* Width of left column */
	margin-left: -916px; /*Set left margin to -(contentWrapper width) */
	margin-top: 24px;
}

#leftContent h2 {
	margin-top: 1.5em;
	text-transform: capitalize;
}

#leftContent .inner {
	margin: 0 24px 24px 24px;
}

#leftContent li {
	margin: 0.5em 0;
}

#leftContent li a {
	display: block;
}

#leftContent li.level0 {
	font-size: 1em;
	margin-left: 0;
}

#leftContent li.level1 {
	font-size: 0.9em;
	margin-left: 1em;
}

#leftContent li.level2 {
	font-size: 0.8em;
	margin-left: 2em;
}

#leftContent li.level3 {
	dfont-size: 0.8em;
	margin-left: 3em;
}

#leftContent li.level4 {
	dfont-size: 0.8em;
	margin-left: 4em;
}

#leftContent p {
	/* font-size: 0.9em; */
	margin: 0 1em;
}

#leftContent .leftColFeatures h3 {
	color: #000;
	font-size: 0.9em;
	height: 26px;
	margin: 1.5em 0 0.5em 0;
	width: 159px;
}

#leftContent .leftColFeatures h3 a {
	cursor: hand;
	display: block;
	width: 159px;
	height: 26px;
	text-decoration: none;
}

#leftContent .leftColFeatures h3 a:hover {
	text-decoration: underline;
}

#leftContent .leftColFeatures h3 span {
	display: block;
	width: 159px;
	height: 26px;
	font-weight: bold;
	padding: 0.5em 0 0 0.7em;
}

#leftContent .leftColFeatures h3.info {
	background: #fff url(../images/blank_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures h3.swatches {
	background: #fff url(../images/swatches_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures h3.videos {
	background: #fff url(../images/videos_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures h3.requestCatalog {
	background: #fff url(../images/requestCatalog_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures h3.styleGuides {
	background: #fff url(../images/styleGuides_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures h3.medHairLoss {
	background: #fff url(../images/medHairLoss_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures h3.testimonials {
	background: #fff url(../images/testimonials_hdr.gif) no-repeat 0 0;
}

#leftContent .leftColFeatures li {
	margin: 0.25em 0;
}

#leftContent .leftColFeatures p a {
	text-decoration: underline;
}

#leftContent .leftColFeatures p a:hover {
	text-decoration: none;
}

#leftContent .leftColFeatures ul {
	/* font-size: 0.9em; */
	list-style-type: circle;
	margin-left: 2em;
}

#leftContent #leftColBottom {
	background: #fff url(../images/leftColBottom.gif) no-repeat 0 0;
	height: 4px;
	width: 207px;
}

#leftContent #leftColTop {
	background: #fff url(../images/leftColTop.gif) no-repeat 0 0;
	height: 4px;
	width: 207px;
}

#mainContent {
	color: #666;
	margin-left: 235px; /*Set left margin to leftContentWidth + 45*/
	width: 664px;
}

#mainContent fieldset {
	clear: left;
}

#mainContent h3 {
	margin-top: 1em;
}

#mainContent form label {
	display: block;
	float: left;
	padding: 0.2em 0.4em 0 0;
	text-align: right;
	width: 9em;
}

#mainContent form label.bold { /* added to simplify asp coding */
	font-weight: bold;
}

#mainContent form label.long {
	width: 12em;
}

#mainContent form label.xlong {
	width: 15em;
}

#mainContent form label.short{
	width: 8em;
}

#mainContent form p {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#mainContent form fieldset p {
	margin-bottom: 1em;
	margin-top: 0;
	padding-left: 11em;
}

#mainContent form fieldset p.long {
	padding-left: 14em;
}

#mainContent.fullWidth, #mainContent.catalog {
	margin-left: 61px;
	width: 916px;
}

#mainContent.catalog table {
	margin-bottom: 0;
}

#mainContent input.submit {
	margin-top: 1em;
}

#mainContent strong {
	color: #9d2d33;
}

#mainContent #promoContent {
	margin-top: 0;
	/*border-bottom: 1px solid #000;*/
	margin-bottom: 1.5em;
	padding-bottom: 7px;
}



#mainContent #middleCol {
	float: left;
	width: 489px; /* 488px; had to make 1px bigger to accomodate 3 columns of images (3 x 163 = 489) */
}

#mainContent #middleCol.fullWidth {
	width: 664px; /* 488px; had to make 1px bigger to accomodate 3 columns of images (3 x 163 = 489) */
}

#mainContent #middleCol a {
	text-decoration: underline;
}

#mainContent #middleCol a:hover {
	text-decoration: none;
}

/*
#mainContent #middleCol div {
	margin-bottom: 2em;
}
*/

#mainContent #middleCol h2 {
	background: #fff url(../images/mainH2BG.gif) no-repeat 0 0;
	clear: left;
	height: 28px;
	margin-bottom: 0.3em;
	padding: 6px 0 0 22px;
}

#mainContent #middleCol h2.twoLines {
	background: #fff url(../images/mainH2BG_2lines.gif) no-repeat 0 0;
	height: 44px;
}

#mainContent #middleCol .copy {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: left;
	margin-bottom: 2em;
	padding: 0.5em 0 1em 0;
}

#mainContent #middleCol p a {
	color: #666;
	/* font-weight: bold; */
}

#mainContent #middleCol li {
	margin: 1em 0 1em 1em; 
}

#mainContent #middleCol ul {
	list-style-type: circle;
	margin: 1em 0 2em 1em;
}

#mainContent #middleCol ul.vidThumbs {
	list-style-type: none;
	margin: 0;
}

#mainContent #middleCol ul.vidThumbs li {
	display: block;
	float: left;
	margin: 0;
	padding: 1.5em 29px;
	text-align: center;
	width: 185px;
}
/*
#mainContent #middleCol ul.productList3Cols img, #mainContent #middleCol ul.productList4Cols img {
	display: block;
}
*/
#mainContent #middleCol ul.productList3Cols img.productLogo, #mainContent #middleCol ul.productList4Cols img.productLogo {
	margin: 1em auto 2em auto;
	text-align: center;
}

#mainContent #middleCol ul.productList3Cols li span, #mainContent #middleCol ul.productList4Cols li span {
	cursor: hand;
	display: block;
	margin: 0.5em 0 2em 0;
	text-align: center;
	text-decoration: underline;
}

#mainContent #middleCol ul.productList3Cols li:hover span, #mainContent #middleCol ul.productList4Cols li:hover span {
	text-decoration: none;
}

#mainContent #middleCol ul.productList3Cols li {
	display: block;
	float: left;
	width: 163px;
}

#mainContent #middleCol ul.productList4Cols li {
	display: block;
	float: left;
	width: 122px;
}

#mainContent #rightCol {
	float: left;
	padding-left: 29px; /* 30px; had to shave off a px when #middleCol was widened */
	width: 146px;
}

#mainContent #rightCol .rightColFeatures {
	margin-top: 4em;
}

#mainContent #rightCol ul#swatchList li a {
	background: transparent url(../images/ui/b_play_white.png) no-repeat 11px 41px;
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	width: 145px;
	height: 70px;
	margin-bottom: 7px;
}

#mainContent #rightCol ul#swatchList li a span {
	cursor: hand;
	display: block;
	height: 20px;
	position: relative;
	top: 49px;
	left: 48px;
	width: 95px;
}

#mainContent #rightCol ul#swatchList li.blondAsh {
	background: #fff url(../images/swatches/blondAsh.jpg) no-repeat 0 0;
}

#mainContent #rightCol ul#swatchList li.brunettes {
	background: #fff url(../images/swatches/brunettes.jpg) no-repeat 0 0;
}

#mainContent #rightCol ul#swatchList li.black {
	background: #fff url(../images/swatches/black.jpg) no-repeat 0 0;
}

#mainContent #rightCol ul#swatchList li.redsAuburn {
	background: #fff url(../images/swatches/redsAuburn.jpg) no-repeat 0 0;
}

#mainContent #rightCol ul#swatchList li.blondes {
	background: #fff url(../images/swatches/blondes.jpg) no-repeat 0 0;
}

#mainContent #rightCol ul#swatchList li.gray {
	background: #fff url(../images/swatches/gray.jpg) no-repeat 0 0;
}

#mainContent .shopButton {
	margin: 1em 0 0 0.5em;
}

#nav1 {
	background: #fff url(../images/ui/i_cart.gif) no-repeat bottom right;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;/* 1.1em; */
	position: relative;
	top: 25px;
	text-transform: uppercase;
}

#main-nav {
	background: #fff url(../images/bg-top-nav.gif) no-repeat;
	width: 900px;
	height: 48px;
	padding: 0;
}

#nav2 {
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	margin: 15px 0 0 0;
}

#nav1 ul {
	margin-top: 32px;
}

#nav1 li, #nav2 li {
	border-left: 1px solid #999;
	display: inline;
}

#nav1 li {
	padding: 0 0.4em 0 0.6em;
}

#nav2 li {
	padding: 0 0.9em 0 1.1em;
}

#nav1 li.first, #nav2 li.first {
	border-left: none;
}

#nav1 li a {
	color: #a29490;
}

#nav1 li.shoppingCart {
	/* background: #fff url(../images/ui/i_cart.gif) no-repeat 145px 1px; */
	padding-right: 22px;
}

#nav1 li.shoppingCart a {
	color: #9d2d33;
}

#nav2 li a {
	color: #fff;
	font-size: 1.1em;
}

.orderTable {
	border: 1px solid #ccc;
	/* border-bottom: none; */
}

.orderTable td, .orderTable th {
	padding-left: 0.5em;
	text-align: left;
}

#phoneNumber {
	color: #fe0000;
	position: relative;
	top: 32px;
	margin-left: 230px;
	width: 8em;
}

.productAddCart img.icon {
	margin-left: 0.5em;
}

.productAddCart table {
	background-color: #ccc;
}

.productTable img {
	border: 1px solid #ccc;
}

#promoBar {
	background: #fff url(../images/bg-promo.gif) no-repeat;
	clear: both;
	color: #fff;
	font-size: 18px;
	height: 51px;
	width: 900px;
}

#promoBar a {
	color: #fff;
	/*padding-left: 3em;*/
}

#promoBar p {
	margin: 0;
	position: relative;
	top: 14px;
	/* left: 144px */
	padding-right: 270px;
	text-align: right;
}

#searchBar {
	float: right;
	margin: 9px 25px 0 0;
}

#searchBar form {
	margin: 0;
}

#searchBar input {
	margin-left: 2px;
}

#searchBar input.searchBtn {
	position: relative;
	top: 4px;
	left: 4px;
	margin: 0;
	height: 16px;
	width: 16px;
}

#searchBar label {
	color: #EFED83;
	font-size: 1em;
	font-weight: bold;
	margin-right: 0.4em;
	text-transform: uppercase;
}

#styleFinder select {
	height: 2em;
	width: 13em;
}

.small {
	font-size: 0.9em;
}

.title {
	/* font-style: italic; */
	font-weight: bold;
}

.toggleBtns {
	position: relative;
	top: 2px;
	left: 0.5em;
}

.toggleBtns img {
	display: inline;
	margin: 1px;
}

.toggleContent {
	display: block; /* show by default */
	margin-top: 0.8em;
}

#leftContent h2.toggleHdr {
	display: none; /* hide by default */
	font-size: 1em;
	margin-top: 0.4em;
}

#wrapper {
	background-color: #fff;
	font-size: 1.2em;
	margin: 0px auto; /*Center container on page*/
	/*padding: 50px 56px 50px 46px;*/
	width: 900px; /*Width of main container*/
}

.bstext
{
    font-size: 10px;
    color: #00006E;
    text-align: center;
    height: 11px;
}

.productTable {
	margin-bottom: .75em;
}

#hero_image_btns {
	position: absolute;
	z-index: 25;
	top: 325px;
	left: 10px;
	cursor: default;
	/*width:120px*/
}

#hero_image_btns ul {
	padding: 8px;
	margin: 0px;
}

#hero_image_btns li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	margin-right: 2px;
}
.DefBillTitle
{
 font-size: 16px; font-weight: bold; padding-bottom: 8px;
}
ElvPtRedB { font-weight: bold; font-size: 11px; text-transform: none; color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; }