/*
ClairolPro - main stylesheet.

FIXME Review this boilerplate as appropiate.

This stylesheet uses 1 non-validating property:
overflow: -moz-scrollbars-vertical;

Hacks used: (shown with x instead of * when they are comment-based hacks)
* html {...} --- Star html, only IE sees this selector
/x \x/ --- Escaped Comment End, hiddes everything, until the next comment, to IE Mac 
head:first-child+body --- The Owen hack. Hide the rule from Opera 5 and 6.

Also used:
- A "safari" class is assigned via JS to the body to prevent hover effect on the submenu.

*/


/* Clear default browser styles */
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li,input,button,select,textarea { font-size: 100%; 	}
ul,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
a img, :link img, :visited img, fieldset { border: none; }
table {border-collapse: collapse; }
input,button,select,textarea {font-family: inherit;}
input, select { vertical-align: middle; }


/* Utility classes */
.clearBoth { /* For clearing floats */
clear: both; 
height: 0px; 
margin: 0; 
padding: 0; 
font-size: 0px;
line-height: 0px; 
}

.hiddenContent { /* For alternate content for screen readers */
position: absolute;
left: 0px;
top: -2000px;
width: 1px;
height: 1px;
overflow: hidden;	
}

hr {
display: none;
}	



/* G E N E R A L
********************/	

body {
font: 76%/1.31em Arial, Helvetica, sans-serif;
color: #7A3201;	
text-align: center;
padding: 0 0 20px 0;
background: #ffffff;
} 



/* Default link styles */

a:link, a:visited { 
color: #3F2610; 
text-decoration: none;
}	

a:hover { 
color: #3F2610;
text-decoration: underline;
}

#container {
position: relative;
font-size: 92%;
text-align: left;
width: 970px;
margin: 0 auto;
}

#header {
background-color: #3F2610;
/* The following 3 rules put the submenus above #mainContent */
position: relative;
z-index: 2;
height: 1%;
}

#logo {
margin: 6px 0 2px 8px;
width: 149px;
height: 37px;
float: left;
}

#toolsMenu {
color: #fff;
width: 500px;
float: right;
text-align: right;
margin: 6px 8px 0 0;	
text-transform: uppercase;
}

#toolsMenu a:link , #toolsMenu a:visited, #toolsMenu a:hover,
#mainMenu a:link , #mainMenu a:visited, #mainMenu a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#toolsMenu a:hover, 
#mainMenu a:hover {
text-decoration: underline;
}

#toolsMenu li {
font-size: 86%;
display: inline;
list-style: none; 
margin: 0 5px 0 10px;
}
* html #toolsMenu li {
height: 1%;
}




/* M A I N   M E N U
******************************/
#mainMenu {
font-size: 102%;
margin-top: 5px;
background: #EAAD5F url(../img/bg_main_menu.jpg) top left repeat-x;
text-align: center;
}

/* This fixes IE's some IE over-height issues */	
* html #mainMenu,
* html #mainMenu li { height: 1%; } /* IE6 only */
#mainMenu ul{ height: 1%; }
#mainMenu li ul { height: auto; }	

#mainMenu li {
float: left;
list-style: none; 
border-left: 1px solid #FFFFFF;
line-height: 1.31em;
text-transform: uppercase;
color: #fff;
position: relative; /* Used by submenus to inherit position. */
}


#mainMenu li.firstInList {
border-left: none;
}

#mainMenu li a {
display: block;
width: 120px;
}

#mainMenu li.firstInList a {
width: 123px;
}


/* S U B   M E N U 
Based on "sons of suckerfish" CSS drop downs */	
#mainMenu li ul { 
background: #eaad5f; /* IE 5.x - nevermind the fact that we're using PNG sitewide :( */
position: absolute;
width: 200px;
left: -999em; 
}
#mainMe\nu li ul { 
background: none; /* All but IE 5.x */
}	

/* Normal submenus are centered */
#mainMenu li:hover ul, 
#mainMenu li.sfhover ul { 
left: -40px; /* Width of (mainMenu li ul) minus (mainMenu li a) */
text-align: center;
}

/* The first item's submenu sticks to the left */
#mainMenu li.firstInList:hover ul, 
#mainMenu li.sfhoverFirstInList ul {
left: 0;
text-align: left;
}

/* The last item's submenu sticks to the right */
#mainMenu li.lastInList:hover ul, 
#mainMenu li.sfhoverLastInList ul {
left: auto;
right: 0px;
text-align: right;
}



/*
Support for PNG aplha in IE:
IE 5.0 can't do PNG opacity at all
IE 5.5 can but won't allow clicking on links over it.
So we're hiding from them with the escaped selector hack (#mainMe\nu)

For IE 6, clicking on the link requires position:static on the element 
with background (LI), and position:relative on a child element (A).
see http://www.quirksmode.org/bugreports/archives/2007/03/IE_no_hyperlink_above_element_using_AlphaImageLoad.html
*/

#mainMenu li li {
background: #eaad5f;
float: none;
text-transform: none;
border: none;
line-height: 1.81em;
}
#mainMe\nu li li { 
background: url(../img/bg_sub_menu.png);
/* For IE7. Hidden from IE Mac. Doesn't bother Gecko or Webkit. \*/
height: 1%; 
/* End hide */
}

/* FOR IE6*/
* html #header #mainMe\nu li li {	
height: auto;
position: static;
zoom: 1;
}

#header #mainMe\nu li li a {
position: relative; 
height: 1%;
}	

#header #mainMenu li li a {
width: auto;
font-weight: normal;
padding: 0 10px;
background: none; /* Safari needs it, see .safari below */
}

#mainMenu li li.firstInList {	
padding-top: 7px;
}
#mainMenu li li.lastInList {	
padding-bottom: 10px;
}


/* Menu and submenu rollovers */	
#mainMenu a:hover {
color: #000000;
text-decoration: none;
}

#header #mainMenu li li a:hover {
background: #faeee0;
}			

.safari .pageHome #header #mainMenu li li a:hover { 
/*  Since hovering links over Flash object breaks safari, 
this class is assigned via JS to simply disable it */	
color: #fff;
text-decoration: none;
background: none;	
}


/* Support for sfHoverFixPulldowns() 
A workaround for overlaying suckerfish menus over html SELECT elements. */
* html #mainMenu iframe {
position: absolute; 
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}






#mainContent {
border-bottom: 6px solid #3f2610;
height: 600px;
}


#mainContenta {
border-bottom: 6px solid #3f2610;
height: 474px;
overflow:hidden;
}

div#mainContent.home {
border: none !important;

}	


h1, h2, dt {
color: #3f2610;
background: none;
padding-left: 0px;
font-size: 192%;
font-weight: normal;
line-height: 0.91em;
}

h1 {
margin-bottom: 25px;
}

h1.inverted {
color: #FFFFFF;
font-size: 206%;
background-color: #7A3201;
font-weight: normal;
padding: 5px;
margin-bottom: 25px;
text-transform: uppercase;
}

/*H O M E*/


.home {
background: #fffaf2 url(../img/bg_home.jpg) top left no-repeat;
min-height: 368px;
}

/* Hide from IE Mac \*/	
* html .home {
height: 367px;
}
/* End hiding from IE Mac */



#mainLeft img {
display: block;
}

#mainLeft {
width: 493px;
float: left;
}

#mainLeft.updatedHome {
width:970px;
height:368px;
background: #fffaf2 url(../img/mainBackground.jpg) top left no-repeat;
}

#mainLeft #mainContentRightProduct{
left:796px;
position:absolute;
top:150px;
}

#mainLeft #mainContentRightProduct2{
left:830px;
position:absolute;
top:106px;
}

#mainLeft #mainContentContainer{
color:#2A2A2A;
font-size:14px;
left:452px;
position:absolute;
top:180px;
width:515px;
}

#mainLeft #mainContentContainer #mainContentLearnMore{
display:block;
height:62px;
margin-left:195px;
width:172px;
}

#mainLeft #mainContentContainer #starComment{
display: block;
margin-left: 80px;
margin-top: 84px;
width: 275px;
height: 15px;
text-align: right;
font-size: 80%;
color: #803020;
}

#mainLeft #mainContentContainer div.firstDiv{	
width:350px;
color:#d70508;
font-size:15px;
}

#mainLeft #mainContentContainer div.firstDiv img{
display:inline;
margin:0;
padding:0;
align:center;
}

#mainLeft #mainContentContainer p{
color:#2A2A2A;
display:block;
font-size:14px;
font-weight:normal;
margin-left:44px;
}

#mainLeft #mainContentContainer div.secondDiv{	
float:left;
margin-right:50px;
width:360px;
}

#mainLeft #mainContentContainer div.secondDiv a{
outline:none;
}	

#mainLeft #mainContentContainer div.secondDiv p a{
text-decoration:underline
}

#mainLeft #mainContentContainer div.secondDiv p{
font-size:10px;
}


#mainLeft #mainContentContainer div.secondDiv img{
display:inline;
}

#mainRight {
position: relative;
width: 477px;
float: right;
}

#mainRight img {
border: 0;
margin: 0;
padding: 0;
}

#mainRight .clPro {
position: absolute;
top: 39px;
left: 130px;
}

#mainRight .introducing {
position: absolute;
top: 162px;
left: 141px;
}

#mainRight .pack {
position: absolute;
top: 126px; 
left: 282px;
}

#mainRight .order {
position: absolute;
top: 278px;
left: 84px;
}

#bar {
background-color: #fffaf2;
border-bottom: 6px solid #3f2610;
min-height: 93px; /* FOR IE7, FF */
}


#customizedBar{
background: url(../img/promo_bg.jpg) no-repeat;
height:104px;
}

#customizedBar 	.barModule p, #customizedBar 	.barModule h4 ,#customizedBar 	.barModule a , #customizedBar 	.barModule div{
color:#e2d2bc;
line-height:1.3em;
}

#customizedBar 	.barModule{
margin:0px;
float:left;
}

#customizedBar h4{
font-size:110%;
margin:0 0 5px 0;
}

div#customizedBar ul.homeCustomized {
margin:0;
padding:0;

}
div#customizedBar ul.homeCustomized li {
list-style: none;
background:none;
border-bottom:1px solid #78492d;
margin:2px 20px 0  0;
padding:0 0 2px 0;
line-height:1em;
}

div#customizedBar ul.homeCustomized li.lastItem{
border-bottom:0;
}

* html #bar { /* FOR IE6 */
height: 93px;
}

.barModule {
width: 240px;
float: left;
margin: 0 0 0 2px;
}

.barModule h4 {
margin: 9px 0 0 8px;
text-transform: uppercase;
}

.barModule p, .barModule ul {
margin: 2px 0 0 8px;
font-size: 86%;
}

.barModule ul li {
list-style: none;
padding-left: 8px;
background: url(../img/bullet_bar.gif) 0px 7px no-repeat;
}

.barModule b {
font-weight: normal;
text-transform: uppercase;
color: #e5ab38;
}

.barModule img {
display: block;
}

.barModule a:link, .barModule a:hover, .barModule a:visited {
color: #7A3201;
text-decoration: none;
}

.barModule a:hover {
text-decoration: underline;
}

/* P R O D U C T D E T A I L */

.productDetail { 
position: relative;
margin-bottom: 50px;
background: #bf9b69 url(../img/spoffers_btm_bg.jpg) top left no-repeat;
height: 474px;
}

.productDetailGray { 
position: relative;
margin-bottom: 50px;
background: #bf9b69 url(../img/bg_main_gradient.jpg) top left no-repeat;
min-height: 474px;
}

/* Hide from IE Mac \*/	
* html .productDetail {
height: 474px;
}
/* End hiding from IE Mac */


#titleContent {
background:transparent url(../img/bg_line_title.gif) no-repeat scroll right bottom;
height:12px;
left:295px;
margin-bottom:10px;
padding:14px 0 0 18px;
position:relative;
width:648px;
}
#titleContent2 {
	background:transparent url(../img/bg_line_title.gif) no-repeat scroll right bottom;
	height:12px;
	left:230px;
	margin-bottom:10px;
	padding:14px 0 0 238px;
	position:relative;
	width:458px;
}
#title {
left:-286px;
position:absolute;
top:10px;
}
#title2 {
	left:-220px;
	position:absolute;
	top:10px;
}
#mainInfo {
border-right:1px solid #000000;
float:left;
position:relative;
top:25px;
width:420px;
padding-left:20px;
}

#mainInfoa {
border-right:1px solid #000000;
float:left;
position:relative;
top:25px;
width:420px;
padding-left:20px;
height:350px;
}

#mainContent.productDetail #mainInfo{
min-height:400px;
}

#info {
margin-top:20px;
width:390px;
}

.productDetail h2 { 
margin-bottom: 5px;
}

#info ul {
font-size: 86%;
margin: 40px 0px 0px 32px;
font-weight: bold;
}

#info ul li {
line-height: 1.91em;
text-transform: uppercase;
}

#info ul li.firstInList {
padding-right:54px;
}

#info p {
line-height: 1.31em;
font-size: 96%;
margin: 18px 0px 0px 20px;
width: 238px;
}

#info p.disclaimer {
	font-size: 80%;
}

#promotionBanner {
width: 248px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin: 18px 0px 5px 20px;
}

#promotionBanner img {
margin: 11px 0px 11px 0px;
}

#product {
position: absolute;
top: 70px;
left: 230px;
}

#productTag {
position: absolute;
top: 20px;
left: 9px;
}

#productTag h4 {
font-size: 202%;
line-height: 1.1em;
margin-top: -3px;
}

#productTag p {
font-size: 106%;
font-weight: bold;
}

#additionalInfo {
float: right;
margin-top:30px;
position:relative;
right:30px;
width:500px;
top:10px;
}

.pillar_bull {
position: relative;
}

.pillars {
position: relative;
}

/*#additionalInfo	h3 {
font-size: 186%;
font-weight: normal;
color: #3f2610;
margin-bottom: 8px;
}*/

#additionalInfoTop {
margin-bottom: 20px;
}

#additionalInfoTopImg {
float: left;
width: 152px;
margin-right: 20px;
position: relative;
top: -40px;
}

#additionalInfoTopText {
float: left;
width: 210px;
}

#additionalInfoTopText ul, #additionalInfoTopText p {
font-size: 86%;
margin-left: 0px;
list-style: none;
line-height: 1.61em;
}

#additionalInfoTopText ul li {
background: url(../img/bullet_additionalInfoTop.gif) 0px 7px no-repeat;
padding-left: 4px;
}

#additionalInfoMiddle {
margin-bottom: 22px;
height: 9.81em;
}

#additionalInfoMiddleImg {
float: left;
width: 117px;
margin-right:10px;
}

#additionalInfoMiddleText {
float: left;
width: 250px;
}

#additionalInfoMiddleText p, #additionalInfoMiddleText ul {
font-size: 86%;
line-height: 1.61em;
}

#additionalInfoBottom {
width: 230px;
/*margin-bottom:15px;*/
}

.learnMore {
font-size: 96%;
text-align: right;
}

.learnMore a:link , .learnMore a:visited, .learnMore a:hover {
text-decoration: none;
font-weight: bold;
}

.learnMore a:hover {
text-decoration: underline;
}


.barModule .learnMore {
margin-left: 10px;
text-align: left;
}	

.mediaLinks, #info ul.mediaLinks {
font-size: 18px;
font-weight: normal;
color: #3f2610;
}


#info ul.mediaLinks li {
line-height: 1.21em;
}

.mediaLinks li a:link, .mediaLinks li a:visited {
text-decoration: none;
}

.mediaLinks li a:hover {
text-decoration: underline;
}

.mediaLinks li {
list-style: none;
line-height: 1.21em;
padding-left: 30px;
background: url(../img/bullet_generic.gif) 0px 2px no-repeat;
padding-bottom: 10px;
}

.mediaLinks .video {	
background-image: url(../img/bullet_videos.gif);
}

.sendAFriend {	display: none !important; }

.mediaLinks .swatches {
background-image: url(../img/bullet_swatches.gif);
}

.mediaLinks .soy {
background-image: url(../img/bullet_soy.png);
}

.mediaLinks .swatches ul {
width: 210px;
list-style-type:square;
}
.mediaLinks .swatches ul li{
font-size:66%;
background-image: url(../img/bullet_generic_small.gif);
padding:0px 0px 0px 10px;
margin:0 0 0 4px;
}

/* Users without JavaScript don't see this link. */ 
#printThis {
display: none;
}

#productModel {
position: absolute;
bottom: 0px;
right: 0px;
}

#productModel img {
display: block;
}


/* T E C H N I Q U E S 
***********************/

.techniques { /*FIX para hacerlo generico*/
position: relative;
background: #bf9b69 url(../img/bg_main_gradient.jpg) top left no-repeat;
min-height: 640px;
}

/* Hide from IE Mac \*/	
* html .techniques {
height: 640px;
}
/* End hiding from IE Mac */

#mainContent.techniques #titleContent {
margin-bottom: 25px;
}

#breadcrumb {
color: #3F2610;
font-size: 82%;
position: absolute;
top: 10px;	
right: 10px;
text-transform: uppercase;
}

#breadcrumb a:link, #breadcrumb a:visited {
text-decoration: none;
}

#breadcrumb a:hover {
text-decoration:underline;
}

h3 {
text-transform: uppercase;
color: #3F2610;
font-size: 100%;
font-weight: bold;
margin-bottom: 3px;
}	

#mainContent.techniques #additionalInfo {
float: left;
width: 270px;
margin-left: 18px;
display: inline;
}

#smallPics {
background: url(../img/line242.gif) bottom left no-repeat;
padding-bottom: 27px;
margin-bottom: 20px;
}

#smallPics h3 {
min-height: 32px;
}
* html #smallPics h3 {
height: 32px;
}	

#smallPics img {
border: 1px solid #7A3201;
}

.onePic #smallPics .picture {
text-align: center;
width: 100%;
}

.twoPics #smallPics .picture {
float: left;
width: 109px;
}

#smallPics .firstInList {
margin-right: 23px;
}

#mainContent.techniques .imgHolder .image{
float:left;
}

#mainContent.techniques .imgHolder .image p{
padding-left:5px;
}

#mainContent.techniques .imgHolder img{
border:5px solid #7A3201;
margin:5px 0px 5px 5px;
}

#mainContent.techniques .mainLinks {
background: url(../img/line242.gif) bottom left no-repeat;
padding-bottom: 10px;
padding-left: 8px;
}

#mainContent.techniques .moreLinks {
padding-left: 8px;
margin-top: 20px;
}

#mainContent.techniques .mainLinks li, #mainContent.techniques .moreLinks li {
margin-bottom: 8px;
}

#mainContent.techniques #mainInfo {
float: left;
border: none;
margin-left: 36px;
}

#mainContent.bigPicture #mainInfo {
width: 350px;
}		

#mainContent.techniques #mainInfo .topInfo {
background: url(../img/line317.gif) bottom left no-repeat;
padding-bottom: 9px;
margin-bottom: 27px;
}


.techniques #mainInfo li, 
.info ul li,
#mainInfo.bigPicture .steps li {
list-style: none;
background-position: 0px 3px;
background-repeat: no-repeat;
padding-left: 23px;
margin-left: -23px;
margin-bottom: 16px;
}

* html .techniques #mainInfo li, 
* html .info ul li,
* html #mainInfo.bigPicture .steps li {
position: relative;
}


.faq #mainInfo li, #mainInfo.bigPicture li {
margin-bottom: 0;
list-style: square;
padding-left: 0px;	
margin-left: 14px;	
}
.faq #mainInfo ol, .faq #mainInfo ul {	
margin-bottom: 16px;
}

li.item1 { background-image: url(../img/step1.png); }
li.item2 { background-image: url(../img/step2.png);	}
li.item3 { background-image: url(../img/step3.png);	}
li.item4 { background-image: url(../img/step4.png);	}
li.item5 { background-image: url(../img/step5.png); }
li.item6 { background-image: url(../img/step6.png); }
li.item7 { background-image: url(../img/step7.png); }
li.item8 { background-image: url(../img/step8.png); }

li.item1, li.item2, li.item3, li.item4, li.item5, li.item6, li.item7, li.item8 {
min-height: 48px;
}
/* Hide from IE Mac \*/
* html li.item1, * html li.item2, * html li.item3, * html li.item4, * html li.item5, * html li.item6, * html li.item7, , * html li.item8 {
height: 48px;
}
/* End hiding from IE Mac */

.techniques #mainInfo ol li ul li{
list-style:square;
padding-left:0px;
margin-left:10px;
}

p.notes {
color: #936333;
}

#mainContent.smallPicture #mainInfo {
width: 627px;
}		


#mainInfo p {
margin-bottom: 16px;
}
#mainInfo li p {
margin-bottom: 10px;
}	

#mainInfo li ul, #mainInfo li ol {
margin-bottom: 10px;
}
#mainContent #mainInfo li li {
margin-bottom: 0; 
}

#mainContent #mainInfo li li li {
margin-left: 0; 
}

#mainInfo table {
margin-bottom: 10px;
}

#mainInfo th {
text-transform: uppercase;
}	



/* N E W S
*********************/

.news {
min-height: 455px;
}

/* Hide from IE Mac \*/
* html .news {
height: 455px;
}
/* End hiding from IE Mac */

#mainContent.news #mainInfo.bigPicture {
width: 370px;
}

#mainContent.news #mainInfo.bigPicture h1 {
color: #3f2610;
background: none;
padding-left: 0px;
margin-bottom: 20px;
}

#pagination {
display: none; /* Hidden. I don't think we're using this. FIXME delete from markup after launch. */
color: #3f2610;
font-weight: bold;
position: absolute;
top: 30px;
right: 270px;
z-index:10;
}

#pagination a:link, #pagination a:visited, #pagination a:hover  {
text-decoration: none;
color: #3f2610;
}

#pagination a:hover  {
text-decoration: underline;
}

#mainContent.news #mainInfo.bigPicture .topInfo {
background: none;
}

#mainContent.news #additionalInfo {
width: 205px;
display: inline;
}

#mainContent.news .learnMore, #mainContent.careers .learnMore {
display: block;
text-align: left;
margin: -10px 0px 10px 0px;

}	

/* C A R E E R S
*********************/

.careers {
min-height: 455px;
}

/* Hide from IE Mac \*/
* html .careers {
height: 455px;
}
/* End hiding from IE Mac */

#mainContent.careers #titleContent {
margin-bottom: 40px;
}

#mainContent.careers #mainInfo.bigPicture {
width: 420px;
}

#mainContent.careers #mainInfo.bigPicture h1 {
color: #3f2610;
background: none;
padding-left: 0px;
margin-bottom: 20px;
}

#mainContent.careers #mainInfo.bigPicture .topInfo {
background: none;
}

#mainContent.careers #additionalInfo {
width: 205px;
margin-left: 30px;
}

#mainContent.careers #additionalInfo #contacinfo {
padding-bottom: 10px;
background: url(../img/line242.gif) bottom left no-repeat;
}

#mainContent.careers #additionalInfo h1 {
color: #3f2610;
background: none;
font-size: 192%;
padding-left: 0px;
margin-bottom: 15px;
}

#mainContent.careers #additionalInfo #contacinfo p {
margin-bottom: 12px;
}

#mainContent.careers #additionalInfo #contacinfo .address {
color: #3f2610;
font-weight: bold;
}


#mainContent.careers .learnMore {
display: block;
text-align: left;
margin: -10px 0px 10px 0px;
}	

/* E D U C A T I O N
*********************/

#educationLeft, #educationRight {
display: inline;
float: left;
width: 292px; /*ESTE A 272*/
margin: 0px 5px 0px 18px;
}

#educationLeft.narrow, #educationRight.narrow {
width: 272px;
}


#mainContent #educationLeft p, #mainContent #educationRight p {
margin-bottom: 20px;
}

#pageIllustration {
float: left;
width: 340px;
vertical-align: middle;
}

.subTitleHeader {
margin-left: 18px;
width: 560px;
}

.texinformation {
float: left;
width:600px;
}

.wide{
width:100%;
}


#mainContent .texinformation p, #mainContent .texinformation #educationLeft p, #mainContent .texinformation #educationRight p {
margin-bottom: 35px;	
}


.salon #educationLeft, .about #educationLeft {
width: 198px;
}

.salon #educationRight, .about #educationRight {
width: 310px;
}

.illustrativeLeft, .illustrativeRight {
float: left;
}

.salon .illustrativeLeft {
width: 116px;
}

.salon .illustrativeRight {
width: 176px;
margin: 0px 0px 18px 18px;
}

.about .illustrativeLeft {
width: 150px;
}

.about .illustrativeRight {
width: 137px;
margin: 0px 0px 18px 18px;
}

.illustrativeLeft img, .illustrativeRight img {
border: 1px solid #000;	
}
.about .illustrativeLeft img, .about .illustrativeRight img {
border: none;}

.salon .textInformation, .careers .textInformation{
width:600px;
float: left;	
}

.faq .textInformation{
width:100%;
float: none;
}

/* P R O D U C T  P O R T A L
******************************/

.productPortal {
min-height: 472px;
}

/* Hide from IE Mac \*/	
* html .productPortal {
height: 472px;
}
/* End hiding from IE Mac */

.productPortal h1 {
margin-left: 18px;
}

#mainContent.productPortal .learnMore {
display: block;
text-align: left;
margin: -18px 0px 10px 0px;
}

#firstBlock, #secondBlock {
display: inline;
float: left;
width: 330px;
margin: 0px 5px 0px 18px;
}

#mainContent #firstBlock p, #mainContent #secondBlock p {
margin-bottom: 20px;
}

#bigProductImg {
bottom: -49px;
position: absolute;
right: 50px;
}

.jsEnabled #bigProductImg {
right: 0px;	
}	


/* S P E C I A L O F F E R S
*********************/

.specialOffers {
position: relative;
min-height: 480px;
}

/* Hide from IE Mac \*/
* html .specialOffers {
position: relative;
height: 480px;
}
/* End hiding from IE Mac */

.specialOffers #mainInfo {
width: 525px;
}

.specialOffers h2 {
margin-top: 30px;
}

.specialOffers #mainInfo h2 {
padding-left: 20px;
}

.specialOffers #model {
position: absolute;
bottom: 0px;
left: 300px;
}

.specialOffers #model img {
display: block;
}

.specialOffers #promotionBanner {
border: none;
margin-top: 0px;
margin-bottom: 0px;
}

.specialOffers #info p {
line-height: 1.31em;
font-size: 100%;
margin: 10px 0px 0px 20px;
width: 275px;
}

.specialOffers #additionalInfo {
width: 425px;
}

.specialOffers #additionalInfo h2 {
margin-bottom: 20px;
}

.specialOffers #additionalInfoTop {
margin-bottom: 15px;
}

.specialOffers #additionalInfoTopText {
margin-left: 0px;
width: 400px;
}

.specialOffers #additionalInfoMiddle {
margin-bottom: 10px;
height: auto;
}

.specialOffers #additionalInfoTopText ul li {
background: none;
padding-left: 0px;
}

.specialOffers .additionalInfoMiddleTextBox {
float: left;
width: 212px;
}

.specialOffers .additionalInfoMiddleTextBox p {
margin-bottom: 5px;
}

.specialOffers #additionalInfoBottom {
width: 100%;
text-align: center;
margin-bottom: 10px;
}

/* S P E C I A L O F F E R S M A I N P A G E
*********************/

.special #mainInfo {
float:none;
border:none;
width: 100%;

}

.special #mainInfo #info
{
	width: 100%;
	background-color: #CCC;
	background-image: url(/img/special_offers/lower_bg.jpg);
	/*background-position: center 480px;*/
	background-repeat: repeat-y;
}

.special .wide {
position:relative;
}

.specialOffers #wideContainer1
{
	background-image: url(../img/feature_bg.jpg);
	width: 970px;
	height: 332px;
	background-repeat: no-repeat;
}

.specialOffers #wideContainer2
{
	background-image: url(/img/special_offers/g2g_bg.jpg);
	background-repeat: no-repeat;
	width: 970px;
	height: 479px;
	position: relative;
}
.specialOffers #wideContainer2 h2
{
	position: absolute;
	top: 59px;
	left: 370px;
	padding: 0;
	margin:0;
}
.specialOffers #wideContainer2 h3
{
	position: absolute;
	top: 159px;
	left: 410px;
	padding: 0;
	margin:0;
}
.specialOffers #wideContainer2 p
{
	position: absolute;
	top: 180px;
	left: 416px;
	width: 470px;
	margin: 10px 0 0 0;
	color: #2a2a2a;
	font-size: 1.2em;
}

.specialOffers #wideContainer2 p a
{
	text-align: center;
	display: block;
}

.specialOffers #wideContainer3
{
	width: 530px;
	height: 247px;
	margin:0;
	padding: 20px 207px 0px 207px;
	position: relative;
	border-bottom: 1px solid #A18868;
	margin:0 13px;
}
.specialOffers #wideContainer3 .product
{
	float:right;
	margin: 0 0 0 18px;
}
.specialOffers #wideContainer3 h2
{
	padding: 10px 0 10px 0;
	margin:0;
}
.specialOffers #wideContainer3 p
{
	color: #2a2a2a;
	font-size: 1.2em;
	width: 418px;
	padding: 0 0 0 4px;
	margin:0;
}
.specialOffers #wideContainer3 a
{
	text-align: right;
	display: block;
	padding: 15px 0 20px 0;
}
.specialOffers #wideContainer3 p.disclaimer
{
	color: #916238;
	font-size: .9em;
	text-align: right;
}



.special #mainInfo .wide .prizeTab{
position:absolute;
top:96px;left:520px;
background-image: url(../img/prize_tab.jpg);
height:26px;
width:171px;
z-index:100;
}

.special .wide .prizeTab div{
margin:5px 0px 5px 0px;
padding:0;
text-align:center;
color:#fff;
font-weight:bold;
font-size:13px;
}

#offerContainer{
margin:0px;
}

#offerContainer .offerText{
width:350px;
font-size:10px;
line-height:1.1em;
color:#1d181c;
}

#offerContainer .offerText span{
color:#d60000;
font-size:11px;
font-weight:bold;
}


#offerContainer #contestLinksInfoContainer{
width:700px;
}

#offerContainer #contestLinksInfoContainer .rulesSpecialInfo{
float:left;width:220px;margin-left:20px;
}

#offerContainer #contestLinksInfoContainer .rulesSpecialInfo a{
color:#7A3201;
text-decoration:underline;
}

#offerContainer .captionText{
font-size:9px;margin:0 15px 0 0;
color:#1d181c;
}

.add5MarginTop{
margin-top:5px;
}

#offersImages{
position:absolute;
top:65px;
left:20px;
}

h2.font13Size{
font-size:17px;
font-weight:bold;
margin-bottom:0px;
}

.special #info .narrow .narrowCopy ul.adjustLineHeight li{
line-height: 1.21em;
font-size:135%
}

.special #mainInfo .narrowCopy p.adjustLink{
margin-top:10px;
}

.special #mainInfo .narrowCopy p.adjustLink a{
text-decoration:underline;
}

.special .wide .promotionBanner {
float: left;
width: 169px;
margin-left:20px;
}

.special .wide .wideCopy {
float: left;
width: 550px;
}

.special #info .wideCopy p	{
width: 100%;
} 

.special .wide .model {
position: absolute;
bottom:0px;
right:45px;
}

#modelContainer{
top:200px;
left:340px;
background-color:none;
width:350px;
height:90px;
}

.special #mainInfo .specialConditions{
position:absolute; 
top:300px;
left:45px;
font-size:.9em;
color:#fff;
}

#detailLink{
margin-top:5px;
margin-left:400px;
}

#detailLink a{
color:#d60000;
text-decoration:underline;
}

.special #mainInfo p.learnMore{
margin-top: 30px;
width: 180px;
}

.special #info ul.mediaLinks{
margin: 15px 0px 0px 20px;
}

.special #info ul.mediaLinks li{
text-transform: none;
}

.special .narrow {

}

.special #mainInfo #info .narrowCopy ul, .special #mainInfo #info .narrow h2, .special #mainInfo #info .narrow p{
margin-left:13px;
padding-left:0px;
}

.special #mainInfo #info .narrow h2{
margin-top:20px;
}

.special .narrow .left, .special .narrow .right {
width: 470px;
float: left;
margin: 20px 0px 20px 0px;
}

.special .narrow .left{
border-right:1px solid #A18868;
}

.special .narrowCopy {
width: 210px;
float: left;
}

.special #info .narrowCopy ul.narrowUl li{
list-style-type: none;
margin-left:0px;
padding-left:0px;
font-size: 222%;
font-weight: normal;
text-transform: none;
color: #3F2610;
line-height: 1.41em;
}

.special #info .narrowCopy ul.narrowUl{
margin: 16px 0px 0px 20px;

}

.special .narrowImg {
width: 246px;
float: left;
}

.special .left .narrowCopy {
width: 180px;
float: left;
}

.special .left .narrowImg {
width: 275px;
float: left;
}


/* S W A T C H O F F E R S
*********************/	
.swatch #mainInfo, .swatch #mainInfo #info {
border:none;
width: 100%;
float:none;
}
.swatch #mainInfo #info {
margin-bottom:5px;
}

.swatch #mainInfo .offer{
width: 321px;
float:left;
}

#mainInfo .offer ol{
margin:0px 10px 10px 20px;
list-style-position:inside;
}

.swatch #mainInfo .offer.middleInList {
border-left: 1px solid #9E8360;
border-right: 1px solid #9E8360;
}

#mainInfo .offer h2{
margin: 0px 0px 8px 0px;
}

#mainInfo .offer p{
margin:0px 10px 0px 20px;
}


#mainInfo .learnMore {
text-align:left;
margin:20px 0px 15px 0px;
}

#mainInfo #offerTitle {
margin:20px 10px 0px 20px;
}

#mainInfo #offerTitle h1{
font-weight:bold;
}

.offerImg{
margin:0px 0px 0px 25px;
}

/* S O Y C O M P L E X
*********************/	

.soyComplex #mainInfo {
width: 460px;
}

.soyComplex #model {
position: absolute;
bottom: 0px;
left: 22px;
}

.soyComplex #info{
margin: 18px 0px 0px 20px;
min-height: 400px;
}


/* Hide from IE Mac \*/
* html .soyComplex #info {
height: 400px;
}
/* End hiding from IE Mac */

.soyComplex #info h3{
width:400px;
}

.soyComplex #info ul.tagline{
margin: 0px 0px 0px 5px;
width:390px;
font-size: 102%;
font-weight:normal;
}

.soyComplex #info ul.tagline li{
text-transform:none;
margin-left:20px;
line-height:1.21em;

}

.soyComplex #info .legend{
width: 230px;
font-size:132%;
font-weight:bold;
margin: 50px 0px 0px 195px;
}

.soyComplex #info ul.mediaLinks{
position:absolute;
bottom: 208px;
left: 172px;
z-index:1;
text-transform:none;
width:200px;
}
.soyComplex #info ul.mediaLinks li{
text-transform:none;
}

.soyComplex #info .learnMore{
font-size:162%;
position:absolute;
bottom: 152px;
left: 172px;
z-index:1;
width:350px;
}



.soyComplex #info .learnMore a{
font-weight: normal;
}

.soyComplex #additionalInfo{
width: 478px;
}

.soyComplex #additionalInfo #taglineImg{
margin: 13px 0px 20px 0px;
}

.soyComplex #additionalInfo ul{
margin: 0px 10px 20px 20px;
}

.soyComplex #additionalInfoBottom{
text-align:left;
}

.soyComplex #additionalInfoBottom ul.mediaLinks{
margin-left:0px;
}

.soyComplex #additionalInfoBottom ul.mediaLinks li{
margin-left: 0px;
margin-right:8px;
}

/* T O N A L P I L L A R D
*********************/

.tonalPillar {
min-height: 480px;
}

/* Hide from IE Mac \*/
* html .tonalPillar {
height: 480px;
}
/* End hiding from IE Mac */


.tonalPillar #info ul.mediaLinks{
/*bottom: 80px;
left: 150px;*/
position: relative;
margin: 80px 0px 0px 0px;
width:300px;
bottom: 0px;
}

.tonalPillar #info p{
margin-left:0px;
width:420px;
}

.tonalPillar #infoTable{
position:absolute;
bottom:5px;
text-align:left;
}

.tonalPillar #infoTable table{
width:447px;
}

.tonalPillar #infoTable table th{
text-align:left;
}

.tonalPillar #infoTable th{
text-transform:uppercase;
}

.tonalPillar #model{
bottom:-50px;
}


/* G O R E D
*********************/
#mainContent.spa{
background:url(../img/bg_go_red2.jpg) bottom left no-repeat;
}
#mainContent.spaTech{
background:url(../img/bg_go_red.jpg) bottom left no-repeat;
}

#mainContent.spaEntry{
background: #D5B89B url(../img/bg_go_red3.jpg) bottom left no-repeat;
}

.spa {
position: relative;
min-height: 460px;
}

/* Hide from IE Mac \*/
* html .spa {
height: 460px;
}
/* End hiding from IE Mac */

.spaTech {
min-height: 531px;
}

/* Hide from IE Mac \*/
* html .spaTech {
height: 531px;
}
/* End hiding from IE Mac */


.spaEntry {
min-height: 453px;
}

/* Hide from IE Mac \*/
* html .spaEntry {
height: 453px;
}
/* End hiding from IE Mac */


.spa #mainInfo {
width: 320px;
border:none;
}

.spaTech #mainInfo {
width: 220px;
}

.spaEntry #mainInfo {
width: 220px;
}

.spa #mainInfo .goRedLogo{
margin:20px 0px 0px 20px;
}

.spa #additionalInfo {
width: 610px;
margin-right:10px;
}

.spaTech #additionalInfo {
width: 640px;
margin-right:10px;
}

.spaEntry #additionalInfo {
width: 460px;
margin-right:10px;
}


.spa #additionalInfo h2 {
margin-bottom: 20px;
}

.spa #additionalInfoTop {
margin-bottom: 15px;
margin-top: 20px;
}

.spaTech #additionalInfoTop p, .spaTech #additionalInfoTop ul, .spaTech #additionalInfoTop h3{
margin-left:60px;
}

.spaTech #additionalInfoTop ul{
margin-left:80px;
margin-top:0px;
}

.spa #additionalInfoTop p, .spaTech #additionalInfoTop ul{
margin-bottom:15px;
line-height:1.11em;
color:#3F2610;
}

.spa #additionalInfoTop p.hilite{
text-transform:uppercase;
font-weight:bold;
}

.spa #additionalInfoTop p .redHilite{
text-transform:uppercase;
font-weight:bold;
color:#ED1C24;
}

.spa #additionalInfoTop p.submisionButtons{
height:38px;
line-height:38px;
vertical-align:top;
}

.spa #additionalInfoTop p.submisionButtons img{
vertical-align:top;
}


.spa #additionalInfoTop p a:link{
color:#ED1C24;
text-decoration:underline;
font-weight:bold;
}

.spa #additionalInfoTopText {
margin-left: 0px;
width: 400px;
}

.spa #additionalInfoTopText ul li {
background: none;
padding-left: 0px;
}

.spa #additionalInfoBottom {
width: 100%;
text-align: left;
margin-bottom: 10px;

}

.spa #additionalInfoBottom p{
border-top: 1px solid #ED1C24;
margin-left:25px;
padding:14px 0px 14px 0px;
color:#7A6251;
line-height:0.91em;
}

.spaTech #additionalInfoBottom p{
margin-left:60px;
}

.spaEntry p.tagline{
margin:15px 0px 80px 0px !important;
}

.spaEntry p.submitButton{
text-align:center;
margin-bottom: 115px !important;
}

.spaEntry #additionalInfoBottom p{
margin-left:0px;
padding:20px 0px 0px 0px;;
border:none;}



/* W H A T S H O T
*********************/
.whatsHot #mainInfo, .whatsHot #additionalInfo {
float: none;
border: none;
width: 938px;
margin-left: 18px;
}

#mainContent.whatsHot #mainInfo {
border-bottom: 1px solid #000000;
margin-bottom: 25px;
min-height:100px;
}

.whatsHot #additionalInfo {
margin-bottom: 25px;
}

.whatsHot #additionalInfo p, .whatsHot #additionalInfo ul {
margin-bottom: 8px;
}

.whatsHot #additionalInfo .hotTextModule {
width: 175px;
float: left;
margin-right: 12px;
}

.whatsHot #additionalInfo .hotTextModule p, .whatsHot #additionalInfo .hotTextModule ul li {
line-height: 1.21em;	
}

.whatsHot #additionalInfo .hotTextModule ul {
list-style: none;
}

.whatsHot #mainInfo {
margin-top: 25px; 
text-align: center;
}

.whatsHot #mainInfo .hotTextImgModule {
float: left;
text-align: center;
margin: 0px 35px 25px 0px;
width: 230px;

}


.whatsHot #mainInfo .hotTextImgModule.wide {
width: 350px;
}

.whatsHot #mainInfo .hotModuleImg {
margin: 6px 0px 8px 0px;
}


/* T E C H N I Q U E S L A N D S C A P E
*********************/

#mainContent.landscapeTechniques #mainInfo {
margin: 0px 0px 20px 18px;
border-bottom: 1px solid #000000;
position: relative;
}

#mainContent.landscapeTechniques #mainInfo, #mainContent.landscapeTechniques #additionalInfo {
float: none !important;
width: 936px !important;
margin-left: 18px;
display: block;
height: 380px;
}

#mainContent.landscapeTechniques #additionalInfo {
border: none;
}

.landscapeTechniques #mainInfo .techPicture, .landscapeTechniques #mainInfo .techInfo {
float: left;
}

.landscapeTechniques #mainInfo .techPicture {
width: 305px;
margin-bottom: 25px;
}

.landscapeTechniques #mainInfo .narrow {
width: 470px;
margin-left: 15px;
}

.landscapeTechniques #mainInfo .wide {
width: 545px;
margin-left: 15px;
}

.landscapeTechniques #mainInfo .techInfo h1 {
margin-bottom: 10px;
}

.landscapeTechniques #mainInfo .techInfo h2 {
margin-bottom: 5px;
}

.landscapeTechniques #mainInfo .productImg {
width: 138px;
position: absolute;
bottom: -20px;
right: 0px;
}

.landscapeTechniques #mainInfo .techInfo ul.mediaLinks {
background: none;
margin: 5px 0px 0px 0px;
padding-bottom: 0px;
}

.landscapeTechniques #mainInfo .techInfo ul.mediaLinks .book {
margin-top: -6px;
line-height: 2.31em;
}

.landscapeTechniques #mainInfo .techInfo ul.mediaLinks .video {
line-height: 0.91em;
background-position: 0px 0px ;
}

.landscapeTechniques #mainInfo .techInfo ul.inline {
margin-bottom: 15px;
}

ul.inline li {
display: inline;
margin: 0px 20px 0px 0px;
}

#thumbnailsStrip {
margin-top: 28px;
}

#thumbnailsStrip a:link, #thumbnailsStrip a:visited, #thumbnailsStrip a:hover {
text-decoration: none;
color:#FFFFFF;
}

#thumbnailsStrip a:hover {
text-decoration: underline;
}

#thumbnailsStrip .thumbnail {
float: left;
width: 187px;
margin-bottom: 28px;
}

#thumbnailsStrip .thumbnail img {
display: block;
}

#thumbnailsStrip .thumbnail h4 {
color: #FFFFFF;
background-color: #7A3201;
text-transform: uppercase;
font-weight: bold;
font-size: 86%;
padding: 1px;
padding-left: 3px;
}

.informationTable {
border-bottom: 1px solid #75421c;
margin-bottom: 25px;
padding-bottom: 28px;
}

.plain {
border-bottom: none;
padding-bottom: 0px;
}

.informationTable table {
margin: 22px 0px 0px 0px; 
/*width: 935px; FIX chequear si no se desarma la tabla de product portal en IE o Safari*/
}

.informationTable td {
text-transform: uppercase;
text-align: center;
width: 310px;
border-left: 1px solid #ae814f;
border-top: 1px solid #ae814f;
color: #3f2610;
font-weight: bold;
height: 28px;
vertical-align: top;
}

.plain table td{
vertical-align:middle;
}

#mainInfo .bottles td {
text-align: left;
vertical-align: top; 
display: none;
}


.informationTable td span.hilite {
color: #765b3d;
}


.informationTable td.firstInList {
border-left: none;
}

.informationTable tr.firstInList td {
border-top: none;
}

.informationTable select {
font-family: Arial, Helvetica, sans-serif;
color: #3F2610;
width: 230px;
}	

#thumbnailsStrip .informationTable a:link, #thumbnailsStrip .informationTable a:visited {
color: #3F2610;
}	

.landscapeTechniques #mainInfo .techInfo ul.alone {
margin-top: 48px;
}

/* P R O D U C T S P E C I F I C
*********************************/	

.specific {
min-height: 238px;
}


* html .specific {
height: 238px;
}


#mainBanner, #mainText , #additionalBanners, .specific .mediaLinks {
position: absolute;
}

#mainBanner {
width: 258px;
margin-top: 15px;
left: 0px;
}

#mainText {
width: 450px;
top: 30px;
left: 275px;
}

#additionalBanners {
width: 205px;
top: 10px;
right: 0px;
text-align: right;
}

.specific .mediaLinks {
top: 165px;
right: 0px;
}
#mainInfo.specific .mediaLinks li {
margin-left: 0;
background-position: left center;
padding: 15px 0 15px 28px;
line-height: 3em;
}

#mainInfo.featured .mediaLinks li {
margin-left: 0;
padding-left: 28px;	
line-height: 1.8em;
}	


.promo { 
position: relative;
min-height:200px;
}
* html .promo {
height: 1%;
}

.promo h2, .promo h3, .promo p {
color: #7A3201;
}

.promo h1 {
margin-bottom: 20px;
}

.promo h2 {
margin-bottom: 30px;
font-size: 246%;
}

.promo h3 {
text-transform: none;
font-size: 116%;
}

.promo p {
margin-bottom: 5px;
width: 140px;
}

.bottles {
border-bottom: 0px;
margin-bottom: 0px;
}

.bottles table tr td {
padding: 18px 0px 0px 18px;
}

.bottles table tr.firstInList td {
padding: 0px 0px 0px 18px;
}

.bottles table tr.firstInList td.firstInList {
padding: 0px 0px 0px 0px;
}

.bottles td.firstInList {
padding: 18px 0px 0px 0px;
}	

div.text {
float: left;
text-align: left;
width: 190px;
text-transform: none;
font-weight: normal;
}

.bot { 
position: absolute;
width: 139px;
top: -7px;
right: 0px;
text-align: center;
height: 235px;
}

.bot img {
margin: 0 auto;
vertical-align: middle;
}

/* B E A U T Y S C I E N C E
****************************/

#mainContent.beauty ul.mediaLinks {
background: none;	
}

#mainContent.beauty #bigProductImg {
height: 295px;
position: absolute;
top: 76px;
right: 22px;
}


/* C L A I R O L E V E N T C A L E N D A R 
********************************************/

#mainContent.eventCalendar {
min-height: 530px;
}	
* html #mainContent.eventCalendar {
height: 530px;
}

.plainList {
color: #3F2610;
font-weight: bold;
margin: 0px 0px 15px 10px;
list-style: none;
}

.plainList li {
margin-bottom: 3px;
}

.plainList li a:link, .plainList li a:visited {
text-decoration: none;
}

.plainList li a:hover {
text-decoration: underline;
}

.plainList li.listTitle {
margin-top: 14px;
}

/* F A Q
*********************/


#mainContent.faq #additionalInfo .plainList {
background: transparent url(../img/line242.gif) no-repeat left bottom;
padding-bottom: 15px;
}

#mainContent.faq #additionalInfo, #mainContent.eventCalendar #additionalInfo {
width: 223px;	
}

#mainContent.faq #mainInfo {
width: 690px;
margin-left: 20px;
}

#mainContent.faq #mainInfo .topInfo h3 {
text-transform: none;
}


ul.topInfo ul li {
margin: 0px;
padding: 0px;
line-height: 0.81em;
}

.faq .subTitleHeader {
width: 910px;
}

.faq  #educationLeft, .faq  #educationRight {
width: 265px;
margin: 0px;
}

.faq  #educationLeft.plain, .faq  #educationRight.plain {
width: 300px;
margin: 0px;
}

.faq  #educationRight.plain {
margin-left:25px;
}
.faq h4 {
text-transform:uppercase;
}

#problemsSolutions  #educationLeft, #problemsSolutions  #educationRight, #faqsList .bigLinks {
margin-top: 25px;
}

#faqContent {
margin: -15px 0px 0px 18px;
}

#faqsList, #problemsSolutions {
float: left;
}

#faqsList {
width: 370px;
}

#problemsSolutions {
width: 540px;
margin-left: 15px;
}

#mainInfo p.problemTitle {
margin: 2em 0 0 0;
}



/* P R E S S
*********************/

.hCopy {
margin: -15px 0px 15px 0px;
}


/* C O L O R G E N I U S E S
*********************/

.info {
position: relative;
}

.info {
margin-bottom: 30px;
}

.info h2 {
margin-bottom: 15px;
}

.genioText {
margin: 0px;
padding: 0px;
}

.genioText p {
width: 540px;
margin-bottom: 15px;
}

.info .picture {
position: absolute;
top: 0px;
right: 20px;
}



/**/

dl {
position: relative;
}

dl {
margin-bottom: 30px;
}

dt {
margin-bottom: 15px;
}

dd {
margin: 0px;
padding: 0px;
}

dd p {
width: 540px;
margin-bottom: 15px;
}

dd.picture {
position: absolute;
top: 0px;
right: 20px;
}

.genius {
float: left;
text-align: center;
width: 88px;
margin: 0px 6px 0px 0px;
color: #703301;
font-weight: bold;
height: 185px;
}

.genius img {
border: none;
}

.genius p {
margin-top: 6px;
white-space:nowrap;
}

.genius a:link, .genius a:visited, .genius a:hover {
color: #703301;
text-decoration: none;
}

.genius a:hover{
text-decoration: underline;
}

.geniusText {
float: left;
width: 274px;
margin-right: 8px;
}

.geniusText h2 {
margin-bottom: 18px;
}

#faqContent hr {
display: block;
background-color: none;
height: 1px;
border:none;
border-top: 1px solid #75421C;
width: 99%;
margin-bottom: 22px;
margin-left: 0px;
padding-left: 0px;
}

#faqContent.inGenius{
margin-top:0px;
}

/* S A L O N B U S I N E S S
****************************/

ul.bigLinks {
list-style: none;
float: left;
width: 329px;
margin: 15px 15px 0px 0px;
}
#mainInfo ul.bigLinksNarrow {
width: 300px;
}

.faq #mainInfo ul.bigLinks li, ul.bigLinks li {
margin-bottom: 15px;
font-size: 162%;
font-weight: normal;
list-style : none;
margin-left: 0px;
}

.faq #mainInfo .bigLinks a:link, .bigLinks a:link , .faq #mainInfo .bigLinks a:visited, .bigLinks a:visited {
text-decoration: none;	
}

.faq #mainInfo .bigLinks a:hover, .bigLinks a:hover  {
text-decoration: underline;	
}

.disc {
margin-top:15px;
}

#mainInfo .faqTable, #mainInfo .faqTable td, #mainInfo .faqTable th {
border:none;
}


/* S T O R E   L O C A T O R
***************************/

#storeloc {
margin: 0px 18px 40px 17px;
}

#storeloc #sidebar {
float: left;
width: 190px;
}

#storeloc #map {
float: left;
width: 740px;
margin-top: 20px;
padding: 0;
}	

#storeloc #combo {
margin-top: 25px;
}

#storeloc #combo select{
text-align: left;
width: 175px;
position: relative;
z-index: 1;
}

#storeloc #zip {
height: 15px;
padding: 1px 0 0 3px;
}

/* RESULTS */

#storelocRes {
margin: 0px 18px 40px 17px;
min-height: 600px;
}

* html #storelocRes {
height: 600px;
}

#storelocRes #colSidebar {
float: left;
width: 214px;
}

#storelocRes #colText {
float: left;
width: 620px;
margin-left: 42px;
padding: 0;
}	

#smallmap {
margin-top: 45px;
}

#location {
width: 630px;
}

#location h1 {
width: 280px;
float: left;
margin-bottom: 3px;
}

#pages {
width: 320px; 
float: right;
text-align: right;
}
#pages p {
font-weight: bold;
margin: 0px;
padding: 0px;
}

#pages a:link, #pages a:visited {
text-decoration: none;
font-weight: normal;
}

#result {
border-top: 2px solid #7A3201;
margin-bottom:25px;
}

#result p{
margin-top:3px;
color: #7A3201;
text-align:center;
text-transform:uppercase;
}

.storeAddresses {
margin-bottom: 18px;
width: 640px;
}

.storeAddress {
float: left;
width: 145px;
margin-right: 15px;
}

#content .storeAddress p {
line-height: 1.21em;
margin-top: 0;
margin-bottom: 0;
}

.storeAddress h2 {
line-height: 1.1em;
text-transform: none;
font-weight: bold;
font-size: 116%;
margin-bottom:1px;
}

.storeAddress p.time {
font-style: italic;
}

storeAddress p.date {
font-size: 86%;
}

#backMap {
display: block; 
width: 100%; 
text-align: center;
margin-top: 5px;
}
#storelocRes #disclaimer {
font-size:96%;
bottom: 20px;
right: 70px;
position:absolute;
text-align: right;
width: 300px;	
}



/* F O O T E R
*********************/
#footer {
border-top:1px solid #B7B7B7;
color:#808080;
width: 970px;
margin:85px 0 0;
padding:5px 0 0;
position:absolute;
text-align:center;
top:500px;
}

#footer li {
display: inline;
list-style: none;
margin: 0 20px;
font-size: 92%;
color: #808080;
}

#footer a {
color: #808080;
font-weight: normal; 
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #808080;
}


.home #footer{margin:0;}
#newTechniqueFooter #footer{margin-top:20px;}

#trademarkCaption{
margin-top:10px;color: #808080;
}

/* IE Mac only: */
/*\*//*/
#productModel, #bigProductImg {top: 50px;}
.productDetail #productModel {top: 240px;}
.specialOffers #model {top: 97px;}
.landscapeTechniques #mainInfo .productImg {top: 0px;}
ul.bigLinks {margin: 15px 8px 0px 0px; display:inline; width:330px;}
.trueColor #productModel {top: 240px;}
/*\*//*/
/* End hiding from IE Mac */	


.prefooter {
	font-size: 86%;
	color: #808080;
	padding: 5px 0 0 18px;
}
.postfooter {
	font-size: 86%;
	color: #808080;
	padding: 10px 0 0 0;
	text-align: center;
}




/* Special offers link images 
*********************/
#offerPremiumCreme {
background: url(../img/bullet_book.gif) -6px -4px no-repeat;
}
#mainInfo.specific #offerPremiumCreme {
padding-left: 38px;
}	



/* B L O G
*********************/


/* COLUMN LAYOUT */
/* */
#threeColBox {
margin: 0 18px 40px 17px;
width: 930px;
}

#threeColBox #twoColBox {
width: 657px;
float: right;
}	

#threeColBox #colSidebar {
float: left;
width: 251px;
margin-right: 3px;
}

#threeColBox #colText {
float: left;
width: 450px;
}

#blogMenu { 
float: right;
width: 180px;
margin-top: 30px;
}



/* CLAIROLBLOG SIDEBAR */	

#colSidebar  h2.smaller {
font-size: 166%;
font-weight: normal;
text-transform: none;
margin-top: 20px;
}

#colSidebar #mainImg {
margin: 0px 0px 30px 0px;
}	




/* TEXT COLUMN */	

#threeColBox #colText h1 {
font-size: 176%;
margin-bottom: 15px;
font-weight: normal;
}

#threeColBox #colText h3 {
margin-top: 0px;
}

#threeColBox #colText p {
margin-bottom: 15px;
}

#threeColBox #colText ul, #threeColBox #colText ol {
margin-left: 30px;
margin-bottom: 15px;
}

#threeColBox #colText img {
float: right;
border: 1px solid #c27b13;
clear: right;
}

#threeColBox #colText img.noStyle {border: none; float: none; margin-top:10px;}	

#threeColBox #colText p.date {
text-align: right;
font-size: 122%;
border-bottom: 1px solid #75421C;
padding-bottom: 6px;
margin-bottom: 10px;
}



/* BLOG NAVIGATION */


#blogMenu h3 {
margin-bottom: 6px;
}	

/* L E G A L*/
#legal {
padding: 20px 30px 20px 30px;
}

#legal ol li, #legal ul li {
margin-bottom: 5px;
list-style-position: inside;
}

#legal ol li ul {
margin-left: 10px;
list-style-type: disc;
}

#legal h2 {
margin-bottom: 15px;
}

#legal .winners {
margin-left: 10px;
}

#copyRight {
font-size: 92%;
}

.fullwidth {
text-align: center;
}

/* C O L O R T H E O R Y*/

.techniques #mainInfo ul.colorTheory li p {
margin-bottom: 0px;
}

.techniques #mainInfo ul.colorTheory li {
margin-bottom: 0px;
list-style-type: square;
padding-left: 0px;
}

.techniques #mainInfo ul.colorTheory {
margin: 0px 0px 10px 35px;
}

.ct {
margin: 0px 0px 0px 15px;
}

.titlePigment {
margin-top: 10px;
}

.titlePigmentLeft {
width: 240px;
float: left;
}

.titlePigmentRight {
width: 240px;
float: right;
}

.pigment {
width: 520px;
margin-bottom: 15px;
}

.leftPigment {
width: 240px;
float: left;
}

.rightPigment {
width: 240px;
float: right;
}

.pigmentImg {
float: left;
width: 80px;
}

.pigmentTxt {
float: left;
margin: 20px 10px 0px 10px;
width: 105px;
}

.rightPigment .pigmentTxt {
text-align: right;
}


/**** TRUE COLOR PAGE STYLE*****/
#mainContent.trueColor{
position: relative;
margin-bottom: 50px;
background:#bf9b69 url(../img/main_bg.jpg) bottom left no-repeat;
min-height: 508px;
}

#mainContent.trueColor #mainInfo{
min-height:508px;
}

/* Hide from IE Mac \*/	
* html .trueColor {
position: relative;
height: 508px;
background:#bf9b69 url(../img/main_bg.jpg) bottom left no-repeat;
margin-bottom: 50px;
}
/* End hiding from IE Mac */


.trueColor h2 { 
margin-bottom: 5px;
}

#tcContentContainer{
position:absolute;
top:120px;
left:30px;
background-color:#e4e8eb;
width:640px;
}

#tcContentContainer div.tcMainContent{
margin:20px 20px 5px 20px;
}

#tcContentContainer  .tcTextContainer{
width:495px;
font-size:10px;
line-height:1.1em;
margin-top:5px;
margin-bottom:5px;
color:#1d181c;
}

#tcContentContainer  .tcTextContainer a{ 
color:#1d181c;
text-decoration:underline;
}

#tcContentContainer div.redBG{
background:url(../img/red_inset_bg.jpg) repeat-x;
margin:20px 0 0 0;
padding:0;
width:620px;

}

/*Special Hack for IE 6*/	
* html #tcContentContainer div.redBG
{
width: /**/600px;
}



#mainContent div.tcPackage{
position:absolute;
top:260px;
left:514px;
}

#tcContentContainer div.redBG .redBGText{
padding:30px 10px 10px 10px;
color:#fff;
width:440px;
margin-left:20px;
}

#tcContentContainer div.redBG h2{
font-size:13px;
font-weight:bold;
color:#fff;
}

#tcContentContainer div.redBG ol{
padding-left:20px;
}
#tcContentContainer div.redBG ol li{
line-height:1.1em;
margin-bottom:2px;
font-size:10px;
}

#tcContentContainer div.redBG .tcSubmitBtn{
margin-top:0px;
margin-left:380px;
padding-bottom:20px;
}

#tcContentContainer div.tcSiteCrumbs{
margin:0 0 5px 20px;
}

#tcContentContainer div.tcSiteCrumbs a{
color:#1d181c;
font-size:10px;
}

#mainContent .prizeTab{
position:absolute;
top:94px;left:499px;
background-image: url(../img/prize_tab.jpg);
height:26px;
width:171px;
}

#mainContent .prizeTab div{
margin:5px 0px 5px 0px;
text-align:center;
color:#fff;
font-weight:bold;
font-size:13px;
}

#mainContent .specialConditions{
position:absolute; 
top:490px;
left:50px;
font-size:.9em;
color:#fff;
}

/****END TRUE COLOR PAGE STYLE*****/

.redTextColor{
color:#d60000;
}

#customizedBar .boldFont{
font-size:11px;
font-weight:bold
}

#customizedBar .underLineText{
text-decoration:underline;
}

#customizedBar .boldenText{
font-size:11px;
font-weight:bold
}

#customizedBar .packageImageContainer{	
position:absolute;
left:170px;top:440px;
}

#customizedBar .packageTextContainer{	
width:160px;
position:relative; 
z-index:1;
}

#customizedBar .packageImageContainer a{
outline:none;
}

#customizedBar .packageTextContainer p{
margin:5px 2px 0 0;;
}

#customizedBar .barModule1{
	width: 247px;
	padding:0;
	margin:0;
}
#customizedBar .barModule1 .div1 {
	float: right;
	padding:29px 13px 0 0 ;
	position: relative;
}
/*True Color Winner homepage promo content edits*/
#customizedBar .barModule1 .div1 img {
	display:inline;
}
span.barModule1_info {
	display:block;
	padding-top:12px;
	padding-left:65px;
}
span.barModule1_info img {
	padding-top: 4px;
}
.barModule1_arrow {
	margin-top:-5px;
	vertical-align: text-top;
	margin-left:8px;
}
/*end ofTrue Color Winner homepage promo content edits*/

#customizedBar .barModule1 .div1 p {
	padding:0;
	margin:0;
	position: absolute;
	top: 20px;
	left: -20px;
}


#customizedBar .barModule2{
width: 232px;
padding: 15px 0 0 9px;
}


#customizedBar .barModule3{
	padding:0;
	margin:0;
}
#customizedBar .barModule3 .div1{
	float: right;
	padding:0 9px 0 0;
	position: relative;
}
#customizedBar .barModule3 .div1 p {
	width: 130px;
	padding:0;
	margin:0;
	position: absolute;
	top: 65px;
	left: 60px;
}
#customizedBar .barModule3 .div1 img.arrow{
	display: inline;
	vertical-align: text-top;
}


#customizedBar .barModule4{
width:220px;
padding:5px 0 0 10px;
margin:0;
}

#customizedBar .barModule4 div.float1{
float:left;
margin-top:10px;
}

#customizedBar .barModule4 div.float1 img.addBottom{
margin-bottom:5px;
}

#customizedBar .barModule4 div.float2{
float:left;
}

.homeFooter{
margin:0!important;

}


#storeImageLinksContainer {
margin-top:60px;
}

#storeImageLinksContainer h4		{
font-size:1.6em;
}



#kaleidoVideos{
margin:10px 0 10px 0;
}


#kaleidoVideos .floatLeft, .floatLeft{
float:left;
}

#kaleidoVideos .linkContainer{
margin:10px 0 0 10px;
}

#kaleidoVideos a{		 	
color:#6A4D9D;
}

#kaleidoVideos .clearBoth{		 	
margin-bottom:5px;
}
.addIE7Height{
*margin-top:100px;
}

/*Special Hack for IE 6*/	
* html .addIE7Height{
margin-top:0px;
}

#mainInfo.copperBling ol li p {
width:200px;
}


#mainContent.newColorTechnique, .newColorTechnique{
border:0 ! important;
}

#mainContent.newColorTechnique {
line-height:1.3em;
}

#mainContainer{
height:650px;
}

#mainContent .highLightBox	{
position:absolute;
top:220px;
left:400px;
width:550px;
}

#mainContent .highLightBox span{
font-weight:bold;	
}

#mainContent #bottomContainer{
margin:21px 0 0 20px;
}

#mainContent #bottomContainer #divLeft{
float:left;
width:350px;
position:relative;
}

#mainContent #bottomContainer #divRight{
position:relative;
float:left;
width:510px;
margin-left:56px;
}

#divLeft #divImage{
float:left;
margin-right:10px;
}

#divLeft #divBioText{
float:left;
width:240px;
}

#divLeft #divBioText span{
font-size:18px;
}

#mainContent #bottomContainer #divRight div{
float:left;
width:242px;
}

#mainContent #bottomContainer #divRight p{
margin-top:10px;
}

#mainContent #bottomContainer #divRight span,#divLeft #divBioText span {
font-weight:bold;
}

#stepsLeft{
width:270px;
float:left;
margin-right:10px;

}

#mainContent #mainContainer .stepImageHolder{
float:left;
margin-right:10px;
padding:0;
vertical-align: center;


}

.stepContainer{
margin-top:12px;
}

.stepContainer p{
float:left;
width:185px;
vertical-align:top;
}

.stepContainer p.largeWidth{
width:240px;
}

#stepsRight{
width:260px;
float:left;
}

#stepsRight .stepContainer p{
width:240px;
margin:0;
padding:0;
}

#stepsRight .stepContainer p.shortWidth{
width:175px;
}

.stepContainer span{
margin-right:10px;
vertical-align:top;
font-weight:bold;
font-size:13px;
}

#stepsRight .stepContainer span{
margin:0 10px 0 0;
}

.boldText{
font-weight:bold;
}

#stepsRight .optionalText{
margin:0 0 0 15px;
*margin-top:-10px;
} 
#stepsRight .optionalText span{
font-weight:bold;
}

.stepContainer .imgSlides img{
margin:5px 0 0 18px;
padding:0;
}

.stepContainer .stepNumbering{
float:left;
margin-right:10px;
vertical-align:top;
font-weight:bold;
font-size:13px;
vertical-align:top;
}

#printVersion{
margin-top:15px;
}

#printVersion a{
color:#b62f06;
text-decoration:underline;
margin-left:10px;
}

#mainContent.newColorTechnique .colorPrintRed{
color:#b62f06;
}

#mainContent.newColorTechnique .colorPrintBlonde{
color:#995c19;
}

#mainContent.newColorTechnique .colorPrintBrunette{
color:#5837oe;
}

#mainContent #mainContainer #topContainer{
position:absolute;top:300px;left:400px;width:540px;
}

/* Hide from IE Mac \*/
* html #mainContent #mainContainer #topContainer {
top:280px;
}

#bottomContainer #divRight .rightMargin{
margin-right:23px;
}

#stepsRight #printVersionBlonde{
margin-top:170px;
}

/* Hide from IE Mac \*/
* html #stepsRight #printVersionBlonde {
margin-top:220px;
}

#stepsRight #printVersionBlonde a{
color:#995c19;
text-decoration:underline;
margin-left:10px;
}

#stepsRight #printVersionBrunette{
margin-top:290px;
}

/* Hide from IE Mac \*/
* html #stepsRight #printVersionBrunette {
margin-top:230px;
}

#stepsRight #printVersionBrunette a{
color:#5837oe;
text-decoration:underline;
margin-left:10px;
}

/*****RULES Page****/

#mainContent.goRedRules #mainContainer{
background:#cbab7c url(../img/grfw/rules_bkgd.jpg) top left no-repeat ! important;
height:1820px;
}

#mainContent.goRedRules .rulesTitle{
margin:30px 0 0 90px;
float:left;
}

#mainContent .returnContestLink{
float:right;
margin:60px 20px 0 0;
}

#mainContent .returnContestLink a{
text-decoration:underline ! important;
color:#fff;
}

#mainContent #rulesText{
margin:30px 0 0 100px;
}

#mainContent #rulesText h1, #mainContent #rulesText h2 {
margin:0;
padding:0;
}

#mainContent #rulesText h2{
font-weight:normal;
}

#mainContent #rulesText p{
margin:10px 20px 0 0;
}

#mainContent #rulesText p span{
font-weight:bold;
}

/***FWD TO A FRIEND **************/

body #mainContent.fwdFriend{
border:none ! important; 
}

#mainContent.fwdFriend #mainContainer{
background:#fff url(../img/grfw/common_bkgd.jpg) top left no-repeat;
width:970px;
border:0;
height: 644px;
}

#mainContent.gtgFwdFriend #mainContainer{
background:#fff url(../img/grfw/gradient_bg.jpg) top left no-repeat;
width:970px;
border:0;
height: 644px;
}

div.stfFormContainer{
	height: 563px;
}

.gtgHeaderContainer{
background:#fff url(../img/gtg/header_bar.jpg) top left no-repeat;
width:970px;
height:81px;
border:0
}




#mainContent.fwdFriend #formLeftDiv{
float:left;
padding:0;
margin:30px 30px 0 100px;
width:250px;
}


/* Hide from IE Mac \*/
* html #mainContent.fwdFriend #mainContainer #formLeftDiv {
margin:30px 30px 0 50px ! important;
}


#mainContent.fwdFriend #formRightDiv{
float:left;
margin:30px 0 0 60px;
width:430px;
}

#mainContent.fwdFriend #dividerContainer{
float:left;
margin-top:30px;
background:#fff url(../img/grfw/forward_div.png) top left repeat-x;
height:250px;
width:2px;
}

#mainContent.fwdFriend input{
width:200px;
border:1px solid #dbd6d4;
margin-bottom:5px;
}

#mainContent.fwdFriend label{
font-weight:bold;
}

#mainContent.fwdFriend .error{
color:red;
font-weight:bold;
}

.fwdFriendFloatRight{
float:left;
margin-left:20px;
}

#fwdFriendCaption{
position:absolute;
margin-left:100px;
width:380px;
font-size:9px;
}

#fwdFriendCaption a{
text-decoration:underline;
color: #7A3201;	
}

#mainContent.fwdFriend #fwdFriendCaption{
top:580px;
}


#mainContent.fwdPreviewFriend #fwdFriendCaption{
top:830px;
}

#fwdFriendSubmitBtn{
float:right;
margin-top:20px;
}

#titleContainer{
float:left;
margin:30px 0 0 100px;
}


#mainContent.fwdPreviewFriend{
border:0;
}

#mainContent.fwdPreviewFriend #mainContainer{
background:#fff url(../img/grfw/fwdpreview_bkgd.jpg) top left repeat-x;
height:860px;
}

#mainContent.gtgPreviewFriend #mainContainer{
background-image: url(/img/gtg/rules_bg.jpg);
background-repeat: no-repeat;
background-color: #C2BFBA;
height:990px;
}


#mainContent.fwdPreviewFriend #mainContainer #previewEmailTop{
background:transparent url(../img/grfw/fwdpreview_email_top.png) top left no-repeat;
height:116px;
width:664px;
}

#mainContent.fwdPreviewFriend #mainContainer #previewEmailTop div{
padding:20px;
}

#mainContent.fwdPreviewFriend #mainContainer #previewEmailTop p{
margin-bottom:10px;
}

#mainContent.fwdPreviewFriend #mainContainer #previewEmailTop span{
font-weight:bold;
}

#fwdConfirm{
margin:30px 0 0 110px;width:664px;
}

#fwdConfirm a{
text-decoration:underline;
}

#fwdFormContainer{
margin:30px 0 0 100px;
width:664px;
}

#mainContent.fwdFriend #mainContainer #errorContainer{
padding:30px 0 0 440px;
}

/******Main Form***********/

#mainContent.goRedForm {
border:0 ! important;
}

#mainContent.goRedForm #mainContainer{
background:#fff url(../img/grfw/img_background.jpg) top left repeat-x;
width:970px;
height:473px;
}

/*********--------Winner Styles--------------***********/
#grfw_r1{
	width:970px;
	float: left;
	margin-top:35px;
}

#grfw_r1_c1{
	margin-top:15px;
	margin-left:33px;
	float: left;
}

#grfw_r1_c2{
	width:267px;
	margin-top:0;
	margin-left:30px;
	float: left;
}
	#txt_header_congratulations{
		margin-left:17px;
	}
	.r1_c2_img_spacing{
		margin-top:54px;
	}
	#grfw_logos{
		margin-top:37px;
		margin-left:46px;
		width:152px;
	}

#grfw_r1_c3{
	margin-top:37px;
	/*margin-left:39px;*/
	float: left;
}

#grfw_r2{
	width:970px;
	float: left;
	clear: left;
}
	#grfw_r2 p{
		color:#6f6f6f;
	}
#grfw_r2_c1{
	float:left;
}	
	#grfw_r2_c1 p{
		width:212px;
		margin-left:113px;
		margin-top:31px;
	}
#grfw_r2_c2{
	float:left;
}
	#grfw_r2_c2 p{
		width:240px;
		margin-left:323px;
	}
/**--------End of Winner Styles--------------***********/

#mainContent.goRedForm  #mainContainer.studentForm{
background:#fff url(../img/grfw/student/hub_bkgd.jpg) top left no-repeat;
}

#mainContent.goRedForm  #mainContainer.studentForm .captionText{
font-size:9px;
margin-left:20px;
color: #808080;
}

#mainContent.gtgForm #mainContainer{
background:#fff url(../img/gtg/GTG_bg.jpg) top left repeat-x;
width:970px;
height:471px;
}

#mainContent.goRedForm  #mainContainer.studentForm #mainContent.gtgForm .redHorizontolRule{
margin:2px 10px 2px 10px;
border-bottom:2px solid red;
}



#submissionProcess .txtContainer{
float:left;
width:250px;
margin-bottom:2px;
}

#submissionProcess ul{
color:#D60C08;
margin-left:20px;
font-weight:bold;
}

#submissionProcess .imgContainer{
float:left;
margin:0 10px 2px 0;
width:30px;
}

#submissionProcess p{
margin:10px 0 2px 10px;
}

#submissionProcess span{
font-weight:bold;
color:#D60C08;
} 

#mainContent.gtgForm #submissionProcess{
left:585px;
position:absolute;
top:200px;
}
#mainContent.gtgForm #submissionProcess p {
	text-align:center;
	padding: 4px 0 8px 0;
} 
#mainContent.gtgForm #submissionProcess p span {
	color:#2c2b26;
	font-weight: normal;
	font-size: 1.1em;
} 
#mainContent.gtgForm #submissionProcess .imgContainer{
margin:0 0 2px 0;
}
#mainContent.gtgForm #submissionProcess .txtContainer{
float:left;
width:290px;
margin-bottom:2px;
font-size: 1.1em;
color:#2c2b26;
}
#mainContent.gtgForm #submissionProcess .txtContainer span {
	color:#d4582d;
	font-weight: bold;
	font-size: 1.4em;
} 


#mainContent.gtgForm #formContainer{
color:#503214;
}

#mainContent.gtgForm #formContainer label{
color:#ddad6d;
}
#mainContent.gtgForm #formContainer div.required{
color:#ddad6d;
font-size: .9em;
padding: 5px 0 0 0;
}

#mainContent.goRedForm #formContainer .largeTextBox{
width:368px;
}

#mainContent.gtgForm #formContainer .largeTextBox{
width:368px;
}

#mainContent.goRedForm #formContainer .shortTextBox{
width:50px;
}

#mainContent.gtgForm #formContainer .shortTextBox{
width:50px;
}

.addMarginRight{
margin-right:10px;
}

#formContainer input.medium{
width:171px;
}

#mainContent.goRedForm #form1Container .medium-short{
width:90px;
}

#mainContent.gtgForm #form1Container .medium-short{
width:90px;
}

#mainContent label.error{
font-weight:bold;
color:red;
}

#mainContent.goRedForm #formContainer {
position:absolute;
left:520px;
top:58px;
}

#mainContent.gtgForm #formContainer {
position:absolute;
left:520px;
top:58px;
}


#mainContent.goRedForm #mainContent.gtgForm #bottomPopPanel{
position:relative;
left:520px;
top:380px;
}

#mainContent.goRedForm  #bottomContainer{
background:transparent url(../img/grfw/GRFW_entrypanel_btm.png) top left no-repeat;
width:449px;
height:390px;
margin:0;
}

#mainContent.gtgForm  #bottomContainer{
background:transparent url(../img/gtg/GTG_entrypanel_btm.png) top left no-repeat;
width:449px;
height:390px;
margin:0;
}

/******Login Form*********/
#mainContent.goRedForm #mainContent.gtgForm #bottomContainer #loginForm .submitBtn{
margin:10px 0 0 60px;

}

#mainContent.goRedForm #mainContent.gtgForm #bottomContainer #loginForm #txtMsgContainer{
margin-top:30px;
font-weight:bold;
text-align:left;
}

#mainContent.gtgForm #mainContent.gtgForm  #bottomContainer #loginForm #txtMsgContainer a{
text-decoration:underline;
color:#D60C08;
}

#mainContent #loginFormContainer #txtMsgContainer{
font-size:bold;
margin-top:40px;
}

/******Login Form*********/

#mainContent.goRedForm #bottomContainer #form1Container{
margin:0 0 0 40px;
width:370px;
}

#mainContent.gtgForm #bottomContainer #form1Container{
margin:0 0 0 40px;
width:370px;
}

#mainContent.goRedForm #bottomContainer #txtMsgContainer{
margin-top:10px;
text-align:center;
}

#mainContent.gtgForm #bottomContainer #txtMsgContainer
{
	color: #602e13;
	font-size: 1.1em;
	margin-top: 20px;
	padding-top: 7px;
	text-align: center;
	border-top: 1px #ffdc99 solid;
}

#mainContent.gtgForm #loginForm {
	color:#DDAD6D;
	font-size: 1.1em;
}
#mainContent.gtgForm #loginForm a{
	color:#602e13;
	text-decoration:underline;
}

#mainContent.goRedForm #bottomContainer #txtMsgContainer a{
text-decoration:underline;
font-size: 1em;
}

#mainContent.gtgForm #bottomContainer #txtMsgContainer a{
	color: #602e13;
	text-decoration:underline;
}

#mainContent.goRedForm #bottomContainer #form2Container{
margin:0 0 0 40px;
}

#mainContent.gtgForm #bottomContainer #form2Container{
margin:0 30px 0 30px;
}

#mainContent.goRedForm #bottomContainer #form2Container .cbTechnique{
float:left;
margin:10px 20px 0 10px;
}

#mainContent.gtgForm #bottomContainer #form2Container .cbTechnique{
float:left;
margin:10px 20px 0 10px;
}

#mainContent.goRedForm #bottomContainer #form2Container .cbTechnique input{
margin:0 10px 0 0;
}

#mainContent.gtgForm #bottomContainer #form2Container .cbTechnique input{
margin:0 10px 0 0;
}

#mainContent.goRedForm #mainContainer  #bottomContainer #form2Container div.fileUploadContainer{
margin:0;padding:0;
}

#mainContent.gtgForm #mainContainer  #bottomContainer #form2Container div.fileUploadContainer{
	margin:0;
	padding:0 0 10px 10px;
	border-style: solid;
	border-color: #FFDC99;
	border-width: 1px 0 1px 0;
}
#mainContent.gtgForm #mainContainer  #bottomContainer #form2Container label {
	margin:0;
	padding:10px 0 0 0;
	display: block;
	width: 230px;
}
#mainContent.gtgForm #mainContainer div.fileUploadContainer input {
	height:18px;
}

#mainContent.goRedForm #bottomContainer #form2Container .fileUploadContainer .div2{
float:left; 
margin:0px 0px 0px 10px;
padding:0px;
}

#mainContent.gtgForm #bottomContainer #form2Container .fileUploadContainer .div2{
float:left; 
margin:0;
padding:0;
width: 100%;
}


#footerContainer #footer{
margin:0;
}

#formPrivacyLink{
margin:50px 10px 10px 0;
float:left;
width:350px;
}

#mainContent.goRedForm #bottomContainer #form2Container .fileUploadContainer .div2 #imgErrorTypes{
float:right;
width:130px;margin-right:20px;margin-left:10px;
}

#mainContent.gtgForm #bottomContainer #form2Container .fileUploadContainer .div2 #imgErrorTypes
{
	float: right;
	width: 88px;
	padding: 23px 0 0 0;
	margin: 0;
	font-size: .9em;
	line-height: 1.2em;
}

.userErrorsBox{
position:absolute;
top:30px;height:429px;
width:286px;left:-272px;
background:transparent url(../img/grfw/error_panel.png) top left no-repeat;
}

#mainContent.goRedForm #mainContainer #formContainer #bottomContainer #formErrorContainer UL{
list-style-image: url(../img/grfw/error_arrow.gif);
padding-left:20px;
list-style-type: none;
font-weight:bold;
color:#c20300;
}

#mainContent.gtgForm #mainContainer #formContainer #bottomContainer #formErrorContainer UL{
list-style-image: url(../img/grfw/error_arrow.gif);
padding-left:20px;
list-style-type: none;
font-weight:bold;
color:#c20300;
}

#mainContent.goRedForm #mainContainer  #formContainer #bottomContainer #formErrorContainer h3{
color:#c20300;
}

#mainContent.gtgForm #mainContainer  #formContainer #bottomContainer #formErrorContainer h3{
color:#c20300;
}

#mainContent.goRedForm #mainContainer  #formContainer #bottomContainer #formErrorContainer div{
margin:80px 40px 40px 40px;;
}

#mainContent.gtgForm #mainContainer  #formContainer #bottomContainer #formErrorContainer div{
margin:80px 40px 40px 40px;;
}

#mainContent.goRedForm #mainContainer  #formContainer #bottomContainer #formErrorContainer UL li{
margin:2px;
}

#mainContent.gtgForm #mainContainer  #formContainer #bottomContainer #formErrorContainer UL li{
margin:2px;
}

.div2 span.error{
color:red;
font-weight:bold;
}

body #mainContent.grfwThanksForm{
border:none ! important; 
}

#mainContent.grfwThanksForm #mainContainer{
background:#fff url(../img/grfw/common_bkgd.jpg) top left no-repeat;
width:970px;
height:650px;
border:0;
}

#mainContent.grfwThanksForm #grfwThanksContent{
margin:50px 0 0 120px;
width:250px;
}

#mainContent.grfwThanksForm #grfwThanksContent p{
margin-bottom:10px;
}

#mainContent.grfwThanksForm #grfwThanksContent p a{
color:#d60000;
text-decoration:underline;
}

#mainContent.grfwThanksForm #grfwThanksContent h4 a{
text-decoration:underline;
}

#contestTrademarkCaption{
margin:10px 0 0 250px;
color: #808080;
width:500px;
}

#contestTrademarkCaption p{
margin-bottom:10px;
}

#contestTrademarkCaption span{
font-weight:bold;
}

#contestTrademarkCaption a{
color: #808080;
text-decoration:underline;
}

#sliderLinkContainer .arrowContainer{
padding:27px 0 0 218px;
}

#sliderLinkContainer .headingContainer{
margin:5px 0 0 10px;
}

#mainContent.goRedForm #mainContainer .rulesPrizeContainer{
position:absolute;top:380px;left:360px;
}

#mainContent.gtgForm #mainContainer .rulesPrizeContainer{
	text-align: right;
	font-size: .75em;
	font-weight: bold;
}

#mainContent.gtgForm #mainContainer .rulesPrizeContainer a {
	color:#d4582d;
	text-decoration: underline;
}

#mainContent.goRedForm #mainContainer .hubTextContainer{
position:absolute;top:290px;left:275px;
margin-right:10px;
width:250px;
color:#fff;
}

#mainContent.gtgForm #mainContainer .hubTextContainer{
	color:#333333;
	font-size:1.5em;
	top:270px;
	left:216px;
	margin-right:10px;
	position:absolute;
	width:300px;
	line-height: 1.25em;
}

#mainContent.gtgForm #mainContainer .hubTextContainer b{
	font-weight:700;	
}

#mainContent.goRedForm #mainContainer .logoContainer{
position:absolute;top:480px;left:360px;
}

#mainContent.goRedForm #mainContainer .sliderTopPanelContainer{
background:transparent url(../img/grfw/GRFW_entrypanel_top.png) top left no-repeat;height:90px;width:440px;
}

#mainContent.gtgForm #mainContainer .sliderTopPanelContainer{
background:transparent url(../img/gtg/GTG_entrypanel_top.png) top left no-repeat;height:88px;width:450px;
}

#mainContent.goRedForm #mainContainer .retailValueCaption{ 
float:right;font-size:9px;margin:5px 15px 0 0;
}

.commentContainer .div1{
width:240px;float:left;margin:0 10px 10px 10px;
}

#txtAreaComments
{
	width: 240px;
	overflow: auto;
}

.commentContainer .div2{
width:80px;float:left;margin:10px 15px 10px 0;
}

#mainContent.gtgForm div.commentContainer {
	padding: 6px 0 0 0;
	margin:0;
}
#mainContent.gtgForm div.commentContainer .div1 {
	width:283px;
	margin:0 10px;
}
#mainContent.gtgForm div.commentContainer p {
	margin:0 10px;
}
#mainContent.gtgForm #mainContainer  #bottomContainer #form2Container div.commentContainer label {
	padding:3px 0 0 0;
	width:100%;
	display: block;
}
#mainContent.gtgForm div.commentContainer #txtAreaComments {
	width:100%;
	height: 60px;
}
#mainContent.gtgForm div.commentContainer .div2 {
	margin: 0;
}
#mainContent.gtgForm #bottomContainer #txtMsgContainer
{
	margin-top: 10px;
}
#mainContent.gtgForm #mainContainer #bottomContainer #form2Container div.commentContainer div#agree label
{
	display: inline;
}
#mainContent.gtgForm #mainContainer #bottomContainer #form2Container div.commentContainer div#agree a
{
	text-decoration: underline;
	color: #DDAD6D;
}


#mainContent.goRedForm #mainContainer button{
border:0;
background-color:transparent;
cursor:pointer;
}

#mainContent.gtgForm #mainContainer button{
border:0;
background-color:transparent;
cursor:pointer;
}


/* Hide from IE Mac \*/
* html  #mainContent.goRedForm #mainContainer button {
position:relative;
z-index:1
} 

* html  #mainContent.gtgForm #mainContainer button {
position:relative;
z-index:1
} 


/* Hide from IE Mac \*/
* html  #txtAreaComments {
position:relative;
z-index:1
}

#footerContainer a, #contestTrademarkCaption p a{
position:relative;
z-index:100;
}


#mainInfo p#mainInfoText
{
display:block;
margin-left:20px;
margin-top:35px;
width:500px;
}

#mainInfo #mainProductImage
{
display:block;
margin-left:20px;
margin-top:0px;
height:333px;
width: 158px;
}

#mainInfo div#mainProductInfo
{
display:block;
margin-left:230px;
margin-top:-310px;
width:320px;
}

#mainInfo div#mainProductInfo span
{
display:block;
margin-bottom: 10px;
font-weight: bold;
font-size: 80%;
}

#productTagUpdated {
left:130px;
position:absolute;
top:-8px;
font-size:110%;
width: 150px;
}

#productTagUpdated h4{
font-size:110%;
}

#gtgRules {
	height: auto;
}
#gtgThanks #headerContainer,
#gtgRules #headerContainer {
	background-image: url(/img/gtg/rules_header.jpg);
	background-repeat: no-repeat;
	width:824px;
	height:81px;
	padding: 0 12px 0 134px;
	position: relative;
}

#gtgThanks #headerContainer h2,
#gtgRules #headerContainer h2 {
	padding: 37px 0 0 0;
	display: inline;
	float: left;
}
#gtgThanks #headerContainer a,
#gtgRules #headerContainer a
{
	color: #FFF;
	text-decoration: underline;
	float: right;
	padding: 54px 0 0 0;
}
#gtgThanks #mainContainer,
#gtgRules #mainContainer
{
	background-image: url(/img/gtg/rules_bg.jpg);
	background-repeat: no-repeat;
	background-color: #C2BFBA;
	padding: 50px 130px 20px 144px;
	width: auto;
	height: auto;
	color: #332e2a;
	border-bottom: 6px solid #3f2610;
}
#gtgThanks #mainContainer {
	height: 493px;
	margin:0;
}
#gtgThanks #mainContainer p {
	width: 300px;
	font-size: 1.1em;
	padding: 0 0 1.3em 5px;
}

#gtgRules #mainContainer h3,
#gtgRules #mainContainer h4,
#gtgRules #mainContainer h5
{
	color: #332e2a;
	text-transform: uppercase;
	line-height: .9em;
}

#gtgRules #mainContainer h3
{
	font-size: 2.1em;
}
#gtgRules #mainContainer h4
{
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 0 1.6em 0;
}
#gtgRules #mainContainer ol {
	padding: 0 0 0 20px;
}
#gtgRules #mainContainer li {
	padding: 0 0 1em 0;
}
#gtgRules #mainContainer h5
{
	font-weight: normal;
	font-size: 1.1em;
	display: inline;
}


.gtgFwdFriend div.stfFormContainer {
	background-image: url(/img/gtg/rules_bg.jpg);
	background-repeat: no-repeat;
	background-color: #C2BFBA;
}

#mainContent.gtgFwdFriend .returnContestLink,
#mainContent.gtgPreviewFriend .returnContestLink,
#mainContent.gtgFwdFriend .returnContestLink {
	float:right;
	margin:55px 10px 0 0;
}

#mainContent.gtgFwdFriend #titleContainer,
#mainContent.gtgPreviewFriend #titleContainer,
#mainContent.gtgFwdFriend #titleContainer {
float:left;
margin:38px 0 0 95px;
}

.gtgPreviewFriend #fwdFormContainer {
margin:30px 0 0 145px;
}

#mainContent.gtgFwdFriend #mainContainer,
#mainContent.gtgPreviewFriend #mainContainer,
#mainContent.gtgFwdFriend #mainContainer {
	border-bottom: 6px solid #3f2610;
}

.left_colmain {
position: relative;
}

.left_content {
position: relative;
}

.demi_txt {
position: relative;
}

.main_prod_links {
padding-top: 10px;
}

.prod_image {
position:relative;
top:-40px;
width:400px;
}

.header_creme {
position:relative;
top: 40px;
width:380px;
}

.right_promos {
border-left:1px solid #000000;
height:375px;
left:330px;
position:relative;
top:-55px;
width:400px;
}

.video_header {
color:#3F2610;
font-size:192%;
font-weight:normal;
line-height:0.91em;
}

.right_top_promo {
height:120px;
left:620px;
padding-bottom:20px;
position:relative;
top:-40px;
}

.video_img {
float:left;
padding-top: 10px;
}

.txt_content {
padding-top: 10px;
margin-left: 130px;
width: 300px;
color:#7A3201;
display: block;
font-weight: normal;
}

.results {
float:right;
position:relative;
width:315px;
top: -30px;
}

.soy {
position: relative; 
left:50px; 
top:10px;
}

.swatchbook {
color:#3F2610;
font-size:12pt;
left:620px;
position:relative;
top:30px;
width:300px;
}

.swatch_img {
left:10px;
position:relative;
top:40px;
}

.not_bold {
font-weight: normal;
}

.header_txt1 {
position:relative;
color: #FFCC99;
margin-left: 20px;
}

.soy_head {
font-size:12pt;
font-weight:bold;
position:relative;
top:-30px;
}

.bottom_content {
position: relative;
}

.swatch_link {
font-size:12pt;
font-weight:bold;
left:20px;
position:relative;
top:-50px;
}

.left_info {
position: relative;
}

.right_info {
left:290px;
position:relative;
top:-265px;
}

.two_col {
position:relative;
}

.two_col2 {
position:relative;
top: 10px;
}

.desc {
font-size:7pt;
left:100px;
line-height:1.3em;
position:relative;
top:-40px;
}

.head_font {
font-size:8pt;
font-weight:bold;
position:relative;
left: -80px;
}
.right_info2 {
left:320px;
position:relative;
top:-475px;
}

.head_font2 {
font-size:8pt;
font-weight:bold;
left:-70px;
position:relative;
}

.desc2 {
left:80px;
line-height:1.3em;
position:relative;
top:-50px;
}

.left_info2 {
position:relative;
top:70px;
width:200px;
}

#mainInfo2 {
border-right:1px solid #000000;
float:left;
height:520px;
padding-left:20px;
width:550px;
}

.bottom_content2 {
top:70px;
position:relative;
}

.swatch_link2 {
display:block;
font-size:12pt;
font-weight:bold;
height:100px;
left:130px;
position:relative;
top:-40px;
}

.image_right {
left: 240px;
position:absolute;
top:60px;
}

.right_info2 {
left:580px;
width: 390px;
position:absolute;
top:50px;
}

#footer2 {
left:200px;
position:relative;
top:-550px;
}

.pillar_bull2 {
position:relative;
top:30px;
width:300px;
}

.info_bull {
position: relative;
top:10px;
}

.volume {
left:120px;
line-height:1em;
position:relative;
top:-41px;
}
.levels{
left:20px;
line-height:1em;
position:relative;
top:15px;
}
.right_info3 {
left:270px;
position:relative;
top: -260px;
}

.fine_print {
font-size:7pt;
left:120px;
position:relative;
top:-45px;
}

.info_bull2 {
position: relative;
top:-40px;
}

.volume2 {
left:120px;
line-height:1em;
position:relative;
top:-63px;
}
.levels2{
left:20px;
line-height:1em;
position:relative;
top:-30px;
}

.fine_print2 {
font-size:7pt;
left:20px;
position:relative;
top:-55px;
}

.fine_print3 {
font-size:7pt;
position:relative;
top:50px;
}

#footer3 {
position:relative;
}

#footer4 {
position:relative;
float:none ! important;
}

.dev_head2 {
position: relative;
color:#3F2610;
font-size:192%;
font-weight:normal;
line-height:0.91em;
padding-bottom: 15px;
}

.table2 {
position: relative;
}