a:hover, a:active, a:focus, label, input  {outline: none}
:focus { -moz-outline-style: none;}

#advisorContainer {	
	background: url(images/bg_wide.png);	
	height: 610px;	
	position: relative;
	width: 770px;
}
#advisorContainer h2 {
	display:block;
}
html>body #advisorContainer {overflow:hidden;}
#learnHowPanel, #tabbedContent, #emailFriendForm {display: none}

#noJS, #loading, #tabs, #intro {
	margin: 10px 0;
	padding: 15px;
}
#advisorContainer form {margin: 0; padding:0}
/* Header */
#logo {
	margin:0;
	padding: 13px 0 0 19px;
}

#guaranteed  {	
	background: url("/glowAdvisor/images/guaranteed.png") repeat scroll 0 0 transparent;
    display: block;
    height: 126px;
    left: 600px;
    margin: 0;
    position: absolute;
    text-indent: -9999px;
    top: 6px;
    width: 125px;
}

#glowAdvisor_h  {
	background: url(images/glowAdvisor_h.png);
	height: 55px;
	left: 204px;	
	margin:0;
	position:absolute;
	text-indent: -9999px;
	top:46px;
	width: 332px;
}

#logo img {display: block}
img#printLogo, img#mainProdImgPrint, img#subProd1ImgPrint, img#subProd2ImgPrint {display: none;}
#closeBtn {
	background: url(../images/spacer.gif);
	display: block;
	height: 18px;
	position: absolute;	
	right:22px;
	text-indent: -9999px;
	top: 15px;
	width: 18px;
	z-index: 100;
}
* html #closeBtn {right:22px;}
#closeBtn:hover{
	background: url(images/closeBtn_roll.gif);
}
/* intro */
#intro {	
	background: url(images/intro_bg.jpg) 1px 0 no-repeat; 
	height: 443px;
	width:715px !important;
}
#intro div {	
	margin: 179px 0 0 50px;
	overflow:hidden;
	width:658px;
}
html>/**/body #intro div {margin-top: 164px;}
#intro p {	
	float: left;
	height: 59px;	
	margin: 0;
	width: 286px;
}
#intro p#learnToGlowIntroLink {	
	margin-left: 25px;
}
#intro p a {
	background: url(images/introBtns.jpg) no-repeat left center;
	display: block;
	height: 100%;
	position: relative;
	text-indent: -9999px;
	width: 100%;
	z-index: 90;
}
p#learnToGlowIntroLink a {background: url(images/introBtns.jpg) no-repeat right center;}
p#findProdIntroExpanded, p#learnToGlowIntroExpanded {
	background: url(images/introBtns_roll.png) no-repeat left center;	
	display: none;
	height: 186px;
	left: 73px;
	position: absolute;	
	text-indent: -9999px;
	top: 290px;	
	width: 305px;
	z-index: 80;
}
p#learnToGlowIntroExpanded {
	background: url(images/introBtns_roll.png) no-repeat right center;	
	left: 389px;
}
#intro p a:hover {background: none;}
.noLink {cursor: default;}
/* tabs */

#results, #questions, #tabs {		
	overflow:hidden;
}
#tabs, #productForYouPanel1, #learnHowPanel, #intro {
	/*width:738px;*/
	margin-left:20px;
	width:728px;
}
#tabs {
	background: url(images/tabsQuestions.gif) top left no-repeat;
	height: 44px;
	margin:10px 0 0 21px;
	padding:0;
}
#tabs.video {
	background: url(images/tabsVideo.gif) left no-repeat;
}
#tabs a {
	background: url(images/learnToGlow_link.gif) 61px 15px no-repeat;
	float: left;
	font-weight: bold;
	height:100%;
	text-align: center;
	text-decoration: none;	
	text-indent: -9999px;
	width: 364px;
}
#tabs.video a {background: url(images/findProduct_link.gif) 62px 15px no-repeat;}
#tabs a:hover, #tabs a.on {background: none;}
 #tabs a.on{cursor: default;}
.tabContent {
	position:relative;
}
.panel {
	display:none;
	height: 404px;
	padding: 30px 11px 0 91px;
	width:430px;
}
#productForYouPanel1 .show {
	display:block;
}

/* Question 1 - swatches */
.swatches {
	background: url(images/swatches.gif);
	overflow:hidden;
	margin-top: 10px;
	padding-left: 13px;
	width: 542px;
}
#swatches2 {background: url(images/swatches.gif) 0 -96px;}
.swatches label {
	color: #5e3007;
	float: left;
	font-weight: bold;
	font-style:italic;
	height: 16px;
	padding-top: 56px;
	text-align: center;
	width: 180px;
}
.swatches label input {position: absolute; top: -99999px}
.swatches label span {
	background: url(images/swatchRoll.png) 0 -275px no-repeat;
	display: block;
	height: 54px;
	left:98px;
	position:absolute;
	top: 113px;
	visibility:hidden;	
	width: 194px;
}
#s2LblOver, #s5LblOver {
	left:278px;	
}
#s3LblOver, #s6LblOver {
	left:457px;
}
#s4LblOver, #s5LblOver, #s6LblOver {
	top: 195px;
}
* html .swatches label span {
	background: url(images/swatchRoll.gif) 0 -275px no-repeat;
}

#s2LblOver {background-position: 0 0;}
#s3LblOver {background-position: 0 -55px;}
#s4LblOver {background-position: - 165px;}
#s5LblOver {background-position: 0 -110px;}
#s6LblOver {background-position: 0 -220px;}

.swatches label.over span {z-index: 99;}
.swatches label.over span, .swatches label.on span {visibility: visible;}
#advisorContainer .swatches label.on span {
	background: none;
	border: 2px solid #0c3556;
	height: 36px;
	margin: 7px 0 0 6px;
	width: 177px;	
}
.swatches label.on span#s2LblOver,
.swatches label.on span#s5LblOver {
	margin-left: 5px;
	width: 178px;
}
/* Questions */
#page2 label,#page3 label, #page4 label {
	color: #8f4d13;	
	font-size: 20px;	
	float:left;
}
#page2 label {
	float: left;
	margin-right: 30px;
}
#page3 label{display:inline-block;margin-top:5px;clear:both;width:400px;}
label#q2Lbl, label#q4Lbl {
	clear: both;
	float: none;
}
#page4 div label {
	line-height:25px;
	width:375px;
}
#page4 div label, #page4 input {float: left;}
#page4 input {margin: 8px 10px 0 0}
#page4 div {
	clear: both;
	overflow: hidden;
	padding-bottom: 10px;
	width: 430px;
}
#page2 {
  background: url(images/page2_bg.png) right 5px no-repeat;
  width:627px;
}
* html #page2 {background: url(images/page2_bg.png) right 4px no-repeat}
#page3 {
	background: url(images/page3_bg.png) right bottom no-repeat;
	width:627px;
	
}
#page4 {
	background: url(images/page4_bg.jpg) 0px -12px no-repeat;
	padding:18px 11px 12px 316px;
	margin-left:-20px;
	width:400px;
}
* html #page4 {
	background: url(images/page3_bg.jpg)  0 -13px no-repeat;
}
#q1Lbl, #q2Lbl, #q3Lbl, #q4Lbl {
	background: url(images/ques.gif) 0 0 no-repeat;
	display: block;
	height:52px;
	margin-bottom: 25px;
	text-indent: -9999px;	
	width:559px;
}
#q1Lbl{margin:0 0 0 10px;}
label#q2Lbl {
	background: url(images/ques.gif) 0 -52px no-repeat;
	height:82px;
	width:291px;
}
label#q3Lbl {
	background: url(images/ques.gif) 0 -134px no-repeat;
	height: 104px;
    width: 341px;
}
label#q4Lbl {
	background: url(images/ques.gif)  0 -245px no-repeat;
	height:112px;
	margin-bottom:15px;
	width:351px;
}
.group {
	height:25px;
	overflow: hidden;
	padding: 0px 0 55px 0;
	width: 350px;
}

/* Results*/
#loading, #results{display: none}
#results {
	background: url(images/results_bg.jpg) 1px 0 no-repeat;
	height: 434px;
	padding: 0 25px 0 75px;
	width: 630px;	
}
#results h2{
	background: url(images/weRecommend_h.gif) left no-repeat;
	height: 18px;	
	margin: 0 0 24px 0;
	text-indent: -9999px;
}
#subProds h2{
	background: url(images/youMayAlsoLike_h.gif) left no-repeat;
	margin-bottom: 12px;
}
#content1Intro {
	color:#5e3007;
	font-size: 16px;
	margin:0;
	padding: 20px 0;
}
#content1Intro strong{font-style: italic;}
.pName {
	display: block;
	font-weight:bold;
	padding-bottom: 5px;
	text-decoration: none;
}
.pGroup {
	clear: both;
	overflow: hidden;
	position: relative;
}
.pGroup img,  .pDesc, .subProdText {float: left}
.pDesc {	
	margin: 10px 0;
	width: 210px;
}
.pDesc, .pDesc div {
	color: #a76700;
	font-size: 13px;
}
.subProdText {width: 165px}
#mainProdLinks {
	clear: both;
	padding-top: 10px;
}
#mainProd, #subProds {
	float: left;
	width: 325px;
}
#subProds {
	margin-left: 50px;
	width: 225px;
}
.pName span, .shortDesc, #subProd1 .buyNowLink, #subProd2 .buyNowLink {
	display: block;
	line-height: 1.2;
}
#mainProdName {padding-top: 3px}
html>/**/body #mainProdName {padding-top: 0;}
* html #mainProdName {padding-top: 6px;}
#mainProd .pName {font-size: 18px;}
#subProds .brandName {font-size: 15px;padding-bottom: 4px}
html>/**/body #subProds .brandName  {padding-bottom: 0px}
.brandName {color: #a76701;}	
#mainProdName, #subProd1Name, #subProd2Name, .skinToneRange, .shortDesc {color: #5e3007}
.skinToneRange {font-style: italic;}
.shortDesc {
	font-style: italic;
	font-weight:bold;
	margin-bottom: 8px;
} 
#subProd2Desc {margin-top: 12px}
.vidLink {
	background: url(images/arrow.gif) right no-repeat;
	color:#5e3007;
	font-size: 11px;
	margin: 5px 0 0 15px;
	padding: 0 10px 0 2px;
	text-decoration:none;
}
.vidLink:hover {color: #a76700}
#mainProdLinks .btn, .vidLink {float: left;}
#results .disclaimer {font-size: 9px;}
/* Video tab */

#videoPlayer {
	background: url(images/vid_bg.png) no-repeat;
	height: 273px;
	margin: 14px 0 0 132px;
	padding:12px 0 0 10px;
	width: 454px;
}
#noFlashAdvisor {
	color: #fff;
	margin: 40px auto;
	width: 260px;	
}
#placeHolderImage{}
#signUp, #videoPlayer {display: inline; float: left;}
#signUp {
	background: url(images/envelope.png) top left no-repeat;
	color: #5f3209;
	font-size: 11px;
	text-decoration: none;
	padding: 70px 0 0 10px;
	margin-top: 60px;
	width: 105px;
}
#signUp span {
	color: #103e5a;
}
#signUp sup {vertical-align: baseline; position: relative; top: -3px}
#learnHowPanel h2 {
	background: url(images/selectProduct_h.gif) 0 0 no-repeat;
	clear: both;
	font-size: 9px;
	height: 19px;
	line-height: 1;
	margin: 0 0 3px 109px;
	text-indent: -9999px;
	width: 551px;
}
#vidProducts, #vidProducts li {
	list-style: none;
	margin:0;
	padding:0;	
}
#vidProducts {margin-left: 20px;}
#vidProducts li {float: left;}
#vidProducts li img {cursor: pointer}
/* Controls */
#error {
	color: red;
	font-size: 13px;
	font-weight:bold;
	height: 15px;
	margin-left: 90px;
	position: relative;
	top: 15px;
}
#error.page3 {margin-left: 295px}
#req, #emailReq {
	color: #5e3007;
	font-size: 9px;
	left: 585px;
	top:3px;
	position:absolute;
	text-transform:uppercase;
}
#emailReq {
	left: 293px;
	top:90px;
}
html>/**/body #emailReq {top:79px;}
#controls, #resultsLinks {
	bottom: 0;
	position:absolute;
	width: 100%;
	z-index: 90;	
}
#advisorContainer .resultsControls {bottom: -15px;}
* html #advisorContainer .resultsControls {bottom: 0;}
#advisorContainer .resultsControls #pgNums, #advisorContainer .resultsControls #nextBtn, #resultsLinks {display:none}
#advisorContainer .resultsControls #resultsLinks {display: block;} 
#resultsLinks li, #resultsLinks {
	list-style: none;
	margin: 0;
	padding:0
}
#resultsLinks {
	bottom: 37px;
	left: 182px
}
#resultsLinks li {
	float: left;
	margin-left: 30px;
}
#resultsLinks li a {
	color:#5e3007;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;	
}
#resultsLinks li a:hover {color:#a76700}
.btn {	
	background: url(../images/spacer.gif);
	clear: both;
	height: 25px;	
	margin:0;
	width: 80px;
}
#mainProdLinks .btn {width: 85px; }
.subProdText .btn {	
	height: 21px;	
	width: 75px;
}
#controls .btn {
	bottom: 36px;
	position: absolute;
}
#controls #backBtn {bottom: 32px; left: 104px}
#nextBtn {right: 84px}
.btn a {
	background: url(images/btns.png) top left no-repeat;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 21px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;	
	width: 100%;
}
.btn a:hover{background: url(images/btns.png) 0 -26px no-repeat;}

#mainProdLinks .btn a {background: url(images/btns.png) 0 -52px no-repeat; }
#mainProdLinks .btn a:hover {background: url(images/btns.png)  0 -78px no-repeat;}

.subProdText .btn a {
	background: url(images/btns.gif) 0 -104px no-repeat;
	font-size: 12px;
	height: 18px;
	padding-top: 3px;
}
.subProdText .btn a:hover {background: url(images/btns.png) 0 -126px no-repeat;}

* html .btn {background: url(images/btns.gif) top left no-repeat;}
* html .btn a {	background: none;}
* html .btn a:hover {	background: url(images/btns.gif) 0 -26px no-repeat;}
* html #mainProdLinks .btn {	background: url(images/btns.gif) 0 -78px no-repeat;}
* html .subProdText .btn {background: url(images/btns.gif) 0 -126px no-repeat;}
* html #mainProdLinks .btn a {background: url(images/btns.gif) 0 -52px no-repeat;}

#pgNums {
	bottom:34px;
	position:absolute;
	left: 320px;
}
#pgNums p {
	height: 31px;
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
	width: 31px;
}
#p1 {background: url(images/pNum.gif) 7px 0 no-repeat;}
#p2 {background: url(images/pNum.gif) -54px 0 no-repeat;}
#p3 {background: url(images/pNum.gif) -115px 0 no-repeat;}
#p4 {background: url(images/pNum.gif) -175px 0 no-repeat;}
#p1.on {background: url(images/pNum.gif) -22px 0 no-repeat;}
#p2.on {background: url(images/pNum.gif) -85px 0 no-repeat;}
#p3.on {background: url(images/pNum.gif) -145px 0 no-repeat;}
#p4.on {background: url(images/pNum.gif) -205px 0 no-repeat;}
/* Email a friend form */
#emailOverlay {	
	background: url(../images/spacer.gif);
	display: none;
	height: 595px;	
	left: 0;
	position: absolute;	
	top: 0;
	width: 100%;
	z-index: 99;
}
#emailFriendForm {	
	background: url(images/emailFriend_bg.png) no-repeat;	
	height: 387px;
	left: 167px;
	position: absolute;	
	top: 160px;
	width: 455px;
	z-index: 101;
}
#emailFriendForm .preSubmit, #emailFriendForm .postSubmit{	
	height: 387px;
	margin:0;
	padding:0;
	width: 455px;
	overflow: auto;
}
#emailFriendForm .postSubmit {display: none}
#emailFriendForm p#emailError {
	color:red;
	height: 15px;
	font-size:11px;
	margin:5px 0 5px 55px;
}
#emailFriendForm div {
	clear: both;
	margin: 0 auto 6px auto;
	overflow: hidden;	
	width: 343px;
}
#emailFriendForm div.newGroup {margin-top:26px;}
#emailCloseBtn {
	background: none;
	height: 20px;
	position:absolute;
	right: 25px;
	text-indent: -9999px;
	top: 25px;
	width: 20px;
}
#emailCloseBtn a {
	background: url(images/emailCloseBtn.gif) no-repeat;
	display:block;
	height: 20px;
	width: 20px;
}
#emailCloseBtn a:hover {background: url(images/emailCloseBtn_roll.gif) no-repeat;}
#emailFriendForm p, #emailFriendForm label, #emailFriendForm h3, #emailFriendForm h4 {color: #5e3007;}
#emailFriendForm p.intro {	
	font-size: 15px;
	margin: 12px 0 0 55px;
	width: 270px;
}
#emailFriendForm h3 {
	margin: 30px 0 0 55px;
	font-size: 16px;
	text-transform:uppercase;	
}
.postSubmit #emailFriendForm h3  {margin-top: 80px}
#emailFriendForm h4 {
	font-size: 13px;
	margin: 12px 0 0 55px;
}
#emailFriendForm label, #emailFriendForm input {	
	float: left;	
}
#emailFriendForm label {
	font-size: 13px;
	width: 143px;
}
#emailFriendForm input {
	border: 1px solid #92541c;
	height: 20px;
	padding: 3px 0 0;
	width: 198px;
}
#emailFriendForm .btn {
	margin: 16px 0 0 320px;
}
.pGroup shape, .pGroup fill {display:none;}