/* THIS FILE: /LOOKS/CSS/SECTION.CSS */
.looks { margin: 20px 0px 0px 45px; }
.looks .look { float: left; }

.divider { border-top: 1px solid #E6E6E6; margin: 40px 0px 0px 62px; height: 1px; width: 570px; }

#looksPromo{border-top:1px solid #E6E6E6;margin-top:35px;padding-top:30px;width:580px}
#looksPromo #looksImg{float:left}
#looksPromo #looksCopy{width:370px;position:absolute;margin-left:-70px}
#looksPromo #looksCopy div #looksContent{margin:10px 0 0 70px;width:295px}
#looksPromo #looksCopy div #looksContent a{color:#FF6600;text-decoration:none;font-weight:bold}

#contents #leftCol #buildYourBeautyGuideTop { margin-left: 31px; background: url(/fr_ca/looks/images/looks_leftCalloutBGTop.jpg) no-repeat top; width: 290px; }
#contents #leftCol #buildYourBeautyGuideTop div { padding: 32px 0px 0px 45px; width: 215px; }
#contents #leftCol #buildYourBeautyGuideTop p { margin: 6px 0px 2px 0px; padding: 0px; }
#contents #leftCol #buildYourBeautyGuideBody {margin:20px 0 20px 75px;width:215px}
#contents #leftCol #buildYourBeautyGuideBody div{margin-bottom:10px}
#contents #leftCol #buildYourBeautyGuideBody div a{font: bold 0.95em verdana, sans-serif;color: #FF6600; text-transform: uppercase; }
#contents #leftCol #buildYourBeautyGuideBottom div { padding: 0px 0px 35px 45px; width: 215px; }

#contents #leftCol #buildYourBeautyGuideBottom { margin-left: 31px; background: url(/fr_ca/looks/images/looks_leftCalloutBGBottom.jpg) no-repeat bottom; width: 290px;height:20px; }

#rightCol{position:relative;}
#rightCol ul { list-style: none; margin: 10px 0px 0px 0px; padding: 0px; line-height: 1.3em; }
#rightCol ul li { background: url(/fr_ca/looks/images/looks_li.gif) no-repeat 0px 6px; padding: 0px 0px 13px 13px; }
#rightCol ul li a { font-weight: bold; color: #F2486F; text-decoration: none; }
#rightCol ul li a:hover { text-decoration: underline; }
						
																								
#colorMatchContainer { float: left; width: 640px; padding: 10px 6px 0px 49px; }
#colorMatchContainer #colorMatchLoading { margin-bottom: 18px; }
#colorMatchContainer .product { float: left; width: 300px; margin-right: 5px; }
#colorMatchContainer .prodImg { float: left; width: 150px; height: 110px; margin: 0px 0px 12px 0px; }
#colorMatchContainer .prodInfo { float: left; width: 140px; }
#colorMatchContainer .prodInfo .prodDisplayName { margin: 11px 0px 6px 0px; }
#colorMatchContainer .prodInfo .prodDisplayName a { color: #003399; font: bold 0.95em verdana, sans-serif; text-transform: uppercase; padding: 0px; text-decoration: none; }
#colorMatchContainer .prodInfo .prodDisplayName a:hover { text-decoration: underline; }
#colorMatchContainer .swatchInfo .swatch { float: left; width: 48px; height: 48px; margin-right: 2px; }
#colorMatchContainer .swatchInfo .swatchName { float: left; width: 87px; }

/** see other look drop down **/
div#looksDropDown { display:none; position: absolute; display:none; padding: 0px; margin: 0px; background:#ffffff; filter:alpha(opacity=90);-moz-opacity:.95;opacity:.95; border-top: 1px solid #C3C3C3;}
div#looksDropDown div { background: none; width:157px; margin: 0px; padding: 0px; }
div#looksDropDown div a { display:block; width:151px; font-size:.9em; color:#666666; text-decoration: none; font-weight: normal; display: block; padding: 2px; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3;}
div#looksDropDown div a:hover { background-color: #f0f0f0; }
/** see other look drop down **/

#calloutContainer {float: left; width: 230px; margin: 8px 0px 0px 0px; padding: 0px; }
#buttonContainer img { padding: 0px; text-align: left; cursor: pointer; }
#buttonContainer .transientOnly { display: block; }

#sl_contentsContainer #sl_contents{width:680px;height:377px; background: none;}

#colorMatchLoading .txt { font: bold 0.95em verdana, sans-serif;color: #FF6600; text-transform: uppercase; }