#color-container { width:670px; padding-left:21px; position:relative; }
	
#colour-intro { float:left; width:305px; font-size:9px; color:#939598; line-height:normal; letter-spacing:-0.5px; margin:0; padding:0; }
#effect-intro { float:right; text-align:right; width:365px; font-size:9px; color:#939598; line-height:normal; letter-spacing:-0.5px; margin:0; padding:0; }
	
#content-container { clear:both; padding:15px 0; margin:0; position:relative; }

#loader { height:414px; width:670px; font-size:10px; line-height:16px; position:absolute; z-index:1001; background:#fff; top:0px; left:0px; }
#loader div { margin:0 auto; padding:190px 0 0 0; display:block; width:85px; display:none; }
#loader img { padding-right:5px; width:16px; height:16px; }
	
#colours { padding:5px 0 0 25px; float:left; width:168px; height:379px; background:url(/Products/images/colours-left-column-bg.gif) no-repeat top left; padding-right:30px; position:relative; }
#colours ul { margin:0; padding:0 0 9px 0px; clear:both; width:153px; border-bottom:1px solid #ECECEC; float:left; }
#colours ul li { margin:0; padding:0; display:inline; float:left; height:20px; width:28px; position:relative; overflow:hidden; cursor:pointer; }
#colours ul li img, #effects ul li img { height:16px; width:24px; position:absolute; top:2px; left:2px; }
#colours h2 { clear:both; font-weight:normal; font-size:11px; color:#939598; padding:3px 0 0 3px; width:150px; margin:0; border-top:1px solid #B3B2B2; }
#colours-bottles { position:relative; float:left; width:111px; height:379px; background:url(/Products/images/colours/bottle-bg.jpg) no-repeat right bottom; }
#colours-bottles img { position:absolute; top:169px; left:-1px }
#colours-bottles img#allure-label { top:79px; left:25px; display:none; }

#allure-text { position:absolute; top:492px; left:247px; font-size:10px; color:#000; letter-spacing:-1px; }
#allure-text span { color:#E00052; }
#allure-text-mask { position:absolute; top:492px; left:247px; height:20px; width:300px; background-color:#fff; }
	
#effects-bottles { position:relative; float:left; width:111px; height:379px; background:url(/Products/images/colours/effects-bottle-bg.jpg) no-repeat left bottom; }
#effects-bottles img { position:absolute; top:169px; left:0px }
	
#effects { padding:5px 0 0 25px; float:right; width:170px; height:244px; background:url(/Products/images/colours-right-column-bg.gif) no-repeat top left; position:relative; }
#effects h2 { clear:both; font-weight:normal; font-size:11px; color:#939598; padding:3px 0 0 3px; width:147px; margin:0; border-top:1px solid #B3B2B2; }
#effects ul { margin:0; padding:0px 0 9px 50px; clear:both; width:100px; border-bottom:1px solid #ECECEC; float:left; }
#effects ul#pearls { background:url(/Products/images/colours/pearls.gif) no-repeat 5px 5px; }
#effects ul#shimmers { background:url(/Products/images/colours/shimmers.gif) no-repeat 5px 5px; }
#effects ul#sparkles { background:url(/Products/images/colours/sparkles.gif) no-repeat 5px 5px; border:0; }
#effects ul li { margin:0; padding:0; display:inline; float:left; height:20px; width:30px; position:relative; overflow:hidden; cursor:pointer; }
	
.name { position:absolute; top:342px; left:12px; height:37px; width:85px; font-size:11px; color:#000; letter-spacing:-1px; line-height:1; }
.name div { position:relative; top:8px; }


/* Color Effects Page */
#color-effect-container { position:relative; }
#text-column { width:242px; padding-left:5px; height:463px; float:left; position:relative; }
#text-column #intro-header { padding:92px 0 5px 18px; position:relative; }
#content-area #text-column p { font-size:10px; padding:0 0 10px 20px; margin:0 -10px 0 0; line-height:1em; position:relative;  }
#content-area #text-column p.footnote {  padding:80px 10px 10px 27px; margin:0; text-indent:-7px; }
#text-column a { color:#9F1618; text-decoration:underline; }
#text-column a:hover { color:#9F1618; text-decoration:none; }
.swatches { width:101px;height:425px; float:left; padding-right:12px; position:relative; }
.swatches ul { margin:0 auto; padding:0; width:28px; }
.swatches ul li { margin:0; padding:0; display:block; height:22px; width:28px; position:relative; overflow:hidden; cursor:pointer; }
.swatches ul li img { height:16px; width:24px; position:absolute; top:3px; left:2px; opacity:0.40;filter:alpha(opacity=40) }
.swatches ul li#color-502-562 img, .swatches ul li#effect-502-562 img { opacity:1;filter:alpha(opacity=100) }
#content-area #colour-column div.click-intro { padding:0 0 17px 0; margin:-4px -49px 0 0; color:#111112; width:150px; line-height:normal;position:relative; }

.name-container { background:url(/Products/images/colours/name-container.gif) no-repeat top left; height:37px; width:85px; padding:0 19px 0 7px; position:absolute; bottom:0; left:0; font-size:11px; color:#000; letter-spacing:-1px; line-height:1; }
.name-container div { position:relative; top:8px; }

#allure-text2 { position:absolute; top:502px; left:317px; font-size:10px; color:#000; letter-spacing:-1px; display:none; }
#allure-text2 span { color:#E00052; }

#fingernail { position:relative; background:url(/Products/images/colours/fingernails/finger-bg.jpg) no-repeat left bottom; height:478px; width:220px; float:left; }
#fingernail img { position:absolute; top:15px; left:36px }
#fingernail img#fingerloader { display:none; position:absolute; top:180px; left:97px; z-index:200; height:16px; width:16px; padding:2px; background:url(/Products/images/colours/loader-bg.gif) no-repeat left top; }
#fingernail img#allure-label2 { top:76px; left:1px; display:none; z-index:1000; }

#effect-column { padding:0 0 0 12px; }
#content-area #effect-column div.click-intro { padding:0 0 17px 0; margin:-4px 0 0 -49px; text-align:right; color:#111112; width:150px; line-height:normal; position:relative; }
#effect-column .name-container { left:12px; }

#nav-container { clear:both; position:relative; float:left; width:720px; top:-38px; margin:0 0 -61px 0; z-index:200; }
#color-effect-container #loader { width:720px; height:550px; top:55px; }
#content-area { z-index:2; }
#content-area-bottom { position:relative; z-index:1; }

#magazines-wrapper { position:absolute; left:50px; top:35px; display:none; z-index:10000; }
#magazines { width:75px; height:96px; overflow:hidden; }
#magazines a { display:block; width:75px; height:96px; }
#as-seen { position:absolute; top:0; left:-35px; width:30px; font-size:10px; text-align:right; line-height:normal; }
#rotator-nav { position:absolute; top:0; left:0; }
#rotator-nav li#navprev { position:absolute; top:45px; left:-11px; z-index:1000; background:url(/Global/images/small-red-arrow-left.gif) no-repeat 0 0; height:10px; width:12px; text-indent:-9999px; outline:none; cursor:pointer; }
#rotator-nav li#navnext { position:absolute; top:45px; left:76px; z-index:1000; background:url(/Global/images/small-red-arrow.gif) no-repeat 0 0; height:10px; width:12px; text-indent:-9999px; outline:none; cursor:pointer; }