/* ----------------------------------------------------- */
/* Database managed background images */

.artistryBg { background-image:url('../../images/products/artistry_bg.jpg'); }
.keyvisualBg { background-image:url('../../images/products/keyvisual_bg.jpg'); }
.keyvisualBg2 { background-image:url('../../images/products/keyvisual_bg2.jpg'); }
.productPolariodSmall { background-image:url('../../images/products/packshot_polariod_thumb.jpg'); }
.productPolariodLarge { background-image:url('../../images/products/packshot_polariod.jpg'); }
.artistPolariodSmall { background-image:url('../../images/products/artist_polariod_thumb.jpg'); }
.artistPolariodLarge { background-image:url('../../images/products/artist_polariod.jpg'); }

/* ----------------------------------------------------- */
/* hard coded background images */

.productsHomeBg {background-image:url('../../images/products/products_bg.jpg');}
.productsHomeUK_Bg {background-image:url('../../images/products/uk_productshome_bg.jpg');}
.productsHomeUK_Bg2 {background-image:url('../../images/products/uk_productshome_bg2.jpg');}
.eyesHomeBg {background-image:url('../../images/products/eyes_bg.jpg');} 
.eyes_nl_HomeBg {background-image:url('../../images/products/eyes_nl_bg.jpg');} 
.faceHomeBg {background-image:url('../../images/products/face_bg.jpg');} 
.lipsHomeBg {background-image:url('../../images/products/lips_bg.jpg');}
.nailsHomeBg {background-image:url('../../images/products/nails_bg.jpg');}
.eyesAllBg {background-image:url('../../images/products/eyes_all_bg.jpg');} 
.faceAllBg {background-image:url('../../images/products/face_all_bg.jpg');} 
.lipsAllBg {background-image:url('../../images/products/lipfinity.jpg');}
.nailsAllBg {background-image:url('../../images/products/nails_all_bg.jpg');}
.lipfinityBg {background-image:url('../../images/products/lipfinity_bg.jpg');}
.lipfinityBg2 {background-image:url('../../images/products/uk_lipshome_bg.jpg');}
.products_home_uk {background-image:url('../../images/products/products_home_uk.jpg');}
.face_home_uk {background-image:url('../../images/products/face_home_uk.jpg');}
.eyesProductBg {background-image:url('../../../images/products/eyes_masterpiecebg_uk.jpg');}


/* ----------------------------------------------------- */
/* products menu */

#productsSubMenu {
	position:relative;
	top:12em;
	left:3em;
}

html>body #productsSubMenu { /* hide this absolute positioning from IE */
	position:absolute;
	z-index:400;
}


.prodmenu ul {
    padding:0;
    margin-top:0;
    list-style-type:none;
}

.prodmenu ul ul {
      width:120px;
}

.prodmenu li {position:relative;}

/* style the first level links */
.prodmenu ul a, .prodmenu ul a:visited {
font-size:1.2em;
background:#fff;
color:#000;
height:auto;
padding:5px 10px;
width:129px;
display:block;
text-decoration:none;
}

* html .prodmenu ul a{width:auto;width:150px;w\idth:129px;}  /* IE5.5 hack */

/* style the first level background */
.prodmenu ul a.drop, .prodmenu ul a.drop:visited {
background:#fff;
}
/* style the first level hover */
.prodmenu ul a.drop:hover{
color:#F9DDBE;background:#000;
}
.prodmenu ul :hover > a.drop {
color:#F9DDBE;background:#000;
}

.prodmenu ul li a:hover{
color:#F9DDBE;background:#000;
}

/* style the second level background */
.prodmenu ul ul a, .prodmenu ul ul a:visited {
background:#fff;
}
/* style the second level hover */
.prodmenu ul ul a:hover {
color:#F9DDBE;background:#000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.prodmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:0px;
left:0;
width:150px;
}

/* position the second level flyout menu */
.prodmenu ul ul{
font-size:0.9em;
_font-size:0.8em;
left:148px;
_left:149px;
width:149px;
padding:0 0 0 0;
}

.prodmenu :hover > a, .prodmenu ul ul :hover > a, .prodmenu ul ul ul :hover > a {
color:#ffffff;
background:#000000;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.prodmenu table {position:absolute; top:0; left:0;}

/* keep the second level hidden when you hover on first level list OR link */
.prodmenu ul :hover  ul{
visibility:hidden;
}
/* make the second level visible when you hover over second level list OR link */
.prodmenu ul :hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on second level list OR link */
.prodmenu ul li:hover ul ul, .prodmenu ul a:hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.prodmenu ul ul li:hover ul, .prodmenu ul ul a:hover ul {
	visibility:visible;
}


/* ----------------------------------------------------- */
/* display buttons */

.productPolariodSmall {
	background-repeat:no-repeat;
	width:151px;
	height:188px;
	float:right;
}

.plusBtn {
	background-color:#666666;
	float:right;
	margin-right:7px;
	margin-top:170px;
	_margin-right:4px;
	_margin-top:168px;
}

.plusBtn a {
	display:block;
	padding: 0px 3px 0px 3px;
	font-weight:bold;
	font-size:1em;
}

.plusBtn a:hover {
	background-color:#000000;
}

#closeBtn a{
	font-size:1em;
	padding: 0px 3px 0px 3px;
	margin-right:0px;
}

#addBtn {
	margin-right:15px;
	float:left;
	margin-left:6px;
}

/*#addBtn input {
	margin-right:7px;
}*/

#addBtn a {
	padding: 0px 8px 0px 8px;
}


.closeBtn1s {
	background-color:#666666;
	float:right;
	margin-right:12px;
	margin-top:340px;
	_margin-right:6px;
	_margin-top:340px;
}

.closeBtn1s a {
	display:block;
	font-size:0.7em;
	padding: 0px 3px 0px 3px;
	margin-right:0px;
	font-weight:bold;
}

.closeBtn1s a:hover {
	background-color:#000000;
}

#buyOnlineBtn #addBtn input {
	position:absolute;
	bottom:60px;
	right:155px;
	_padding-top:2px;
}

.tellmemoreLeft {
	float:left;
	padding-left:20px;
}
.tellmemoreRight {
	float:right;
}

.artistPolariodSmall {
	background-repeat:no-repeat;
	background-color:#F6F7F9;
	width:150px;
	height:188px;
	float:right;
}

html>body .artistPolariodSmall {
	height:210px;
}

.artistPolariodSmall a {
	position:relative;
	top:0px;
	left:0px;
	color:#000000;
	display:block;
	width:140px;
	height:145px;
	margin:8px 5px 0px 5px;
}

.artistPolariodSmall p {
	color:#000000;
	margin-left:5px;
	background-color:#F6F7F9;
}

.plusBtn2 {
	float:right;
	background-color:#F6F7F9;
	margin-right:5px;
	display:inline;
}

.plusBtn2 a {
	display:block;
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	width:13px;
	height:13px;
	text-align:center;
	padding:0px;
	margin:0px 0px 5px 0px;
}

.plusBtn2 a:hover {
	background-color:#000000;
}

.artistPolariodLarge {
	background-repeat:no-repeat;
	width:290px;
	height:360px;
	float:right;
	font-size:1.2em;
}

/* ----------------------------------------------------- */
/* Pack shot polariods */

.productPolariodLarge {
	background-image:url('../../images/products/packshot_polariod.jpg');
	background-repeat:no-repeat;
	width:291px;
	height:361px;
	margin:0px;
	padding:0px;
}

.packShotPic {
	position:relative;
	top:60px;
	left:10px;
	/*background-image:url('../../images/products/packshot_polariod_thumb.jpg');
	background-repeat:no-repeat;
	background-repeat:no-repeat;*/
	width:150px;
	height:188px;
	/*padding:160px 6px 10px 6px;*/
	color:#000000;
	font-size:1.1em;
}

.packShotPic .productPolariodSmall a {
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:150px;
	height:155px;
}

.packShotPic .productPolariodSmall a:hover {
	text-decoration:underline;
	color:#000000;
}

.packShotPic .productPolariodSmall span {
	position:relative;
	top:7px;
	left:7px;
	right: 5px;
}

/* ----------------------------------------------------- */
/* menu */

/* a hack so that IE5.5 faulty box model is corrected NOTE: THESE MAY HAVE TO CHANGE FOR LONGER MENU NAMES */
* html .diagnostic a, * html .diagnostic a:visited {
width:auto;
_width:235px;
w\idth:235px;
}

/* ----------------------------------------------------- */
/* Product titles */

#rightPanelTitle {
	text-transform:uppercase;
}

.powerclaim {
	color:#FFFFFF;
	font-weight:bold;
}

/* ----------------------------------------------------- */
/* All products page */

.allProducts {
	float:left;
	width:570px;
	border-bottom:1px solid #000000;
	padding:10px 0px 8px 0px;
}
.productName {
	width: 320px;
	float:left;
}

.productName a {
	float:left;
}
.productNameAllProducts {
	width:550px;
	float:left;
}

.productNameAllProducts a {
	float:left;
}

.shadeSwatch {
	margin-left:20px;
	width:160px;
	float:left;
	display:inline;
}

.shade {
	width:20px;
	height:20px;
	float:left;
	filter: alpha(opacity=100);
	opacity:1; 
	-moz-opacity: 1;	
}

.allProducts input {
	width: 50px;
	float:left;
}

.allProducts a img {
	float:left;
}

.backTop {
font-weight:bold;
font-size:0.8em;
}
/* ----------------------------------------------------- */
/* Shade page */

#shadeBg {
	float:left;
	background-image:url('../../images/products/shade_bg.gif');
	background-repeat:repeat-y;
	background-position:1px 1px;
	display:inline;
	width:169px;
	min-height:23px;
}

#productApplicator {
	float:right;
}

#shadeBg a {
	float:left;
	overflow:hidden;
	width:21px;
	height:21px;
	margin:1px 0px 0px 1px;
	border: solid 1px white;
	text-indent:-200px;
}

#shadeBg a:hover {
	background-image:url('../../images/products/shade_roll.gif');
	background-repeat:no-repeat;
}

* html #shadeBg a:hover {
	display:inline;
}

#shadeBg a:hover span, #shadeBg a span.selected { 
    display: block; 
    position: absolute; 
    width: 110px; 
    height: 95px; 
    bottom:0.5em; 
    left:189px; 
    border: solid 1px white; 
	text-align:center;
	color:#FFFFFF;
	padding:30px 2px 0px 2px;
	text-transform:lowercase;
	text-indent:0px;
	z-index:1000;
}
#shadeBg a span.selected { 
	z-index:1;
}

/* Duo shades */

#shadeBgDuo {
	float:left;
	background-image:url('../../images/products/shade_bg.gif');
	background-repeat:repeat-y;
	background-position:1px 1px;
	display:inline;
	width:169px;
	min-height:23px;
}

#shadeBgDuo a {
	float:left;
	overflow:hidden;
	width:21px;
	height:21px;
	margin:1px 0px 0px 1px;
	border: solid 1px white;
	text-indent:-200px;
}
#shadeBgDuo a span {
display:none;
}
#shadeBgDuo a.duoShade110 {background-image:url('../../images/products/duo_shade110.gif');}
#shadeBgDuo a.duoShade125 {background-image:url('../../images/products/duo_shade125.gif');}
#shadeBgDuo a.duoShade130 {background-image:url('../../images/products/duo_shade130.gif');}
#shadeBgDuo a.duoShade140 {background-image:url('../../images/products/duo_shade140.gif');}
#shadeBgDuo a.duoShade150 {background-image:url('../../images/products/duo_shade150.gif');}
#shadeBgDuo a.duoShade160 {background-image:url('../../images/products/duo_shade160.gif');}

#shadeBgDuo a.duoShade610 {background-image:url('../../images/products/duo_shade610.gif');}

#shadeBgDuo a.duoShade526 {background-image:url('../../images/products/duo_shade526.gif');}
#shadeBgDuo a.duoShade527 {background-image:url('../../images/products/duo_shade527.gif');}
#shadeBgDuo a.duoShade528 {background-image:url('../../images/products/duo_shade528.gif');}
#shadeBgDuo a.duoShade529 {background-image:url('../../images/products/duo_shade529.gif');}
#shadeBgDuo a.duoShade530 {background-image:url('../../images/products/duo_shade530.gif');}
#shadeBgDuo a.duoShade531 {background-image:url('../../images/products/duo_shade531.gif');}
#shadeBgDuo a.duoShade532 {background-image:url('../../images/products/duo_shade532.gif');}
#shadeBgDuo a.duoShade533 {background-image:url('../../images/products/duo_shade533.gif');}
#shadeBgDuo a.duoShade535 {background-image:url('../../images/products/duo_shade535.gif');}
#shadeBgDuo a.duoShade550 {background-image:url('../../images/products/duo_shade550.gif');}
#shadeBgDuo a.duoShade590 {background-image:url('../../images/products/duo_shade590.gif');}

#shadeBgDuo a.duoShade479 {background-image:url('../../images/products/duo_shade479.gif');}
#shadeBgDuo a.duoShade480 {background-image:url('../../images/products/duo_shade480.gif');}
#shadeBgDuo a.duoShade481 {background-image:url('../../images/products/duo_shade481.gif');}
#shadeBgDuo a.duoShade482 {background-image:url('../../images/products/duo_shade482.gif');}
#shadeBgDuo a.duoShade483 {background-image:url('../../images/products/duo_shade483.gif');}
#shadeBgDuo a.duoShade484 {background-image:url('../../images/products/duo_shade484.gif');}
#shadeBgDuo a.duoShade485 {background-image:url('../../images/products/duo_shade485.gif');}
#shadeBgDuo a.duoShade486 {background-image:url('../../images/products/duo_shade486.gif');}
#shadeBgDuo a.duoShade487 {background-image:url('../../images/products/duo_shade487.gif');}
#shadeBgDuo a.duoShade488 {background-image:url('../../images/products/duo_shade488.gif');}
#shadeBgDuo a.duoShade489 {background-image:url('../../images/products/duo_shade489.gif');}
#shadeBgDuo a.duoShade490 {background-image:url('../../images/products/duo_shade490.gif');}

#shadeBgDuo a:hover.duoShade110 {background-image:url('../../images/products/duo_shade110_hover.gif');}
#shadeBgDuo a:hover.duoShade125 {background-image:url('../../images/products/duo_shade125_hover.gif');}
#shadeBgDuo a:hover.duoShade130 {background-image:url('../../images/products/duo_shade130_hover.gif');}
#shadeBgDuo a:hover.duoShade140 {background-image:url('../../images/products/duo_shade140_hover.gif');}
#shadeBgDuo a:hover.duoShade150 {background-image:url('../../images/products/duo_shade150_hover.gif');}
#shadeBgDuo a:hover.duoShade160 {background-image:url('../../images/products/duo_shade160_hover.gif');}

#shadeBgDuo a:hover.duoShade610 {background-image:url('../../images/products/duo_shade610_hover.gif');}

#shadeBgDuo a:hover.duoShade526 {background-image:url('../../images/products/duo_shade526_hover.gif');}
#shadeBgDuo a:hover.duoShade527 {background-image:url('../../images/products/duo_shade527_hover.gif');}
#shadeBgDuo a:hover.duoShade528 {background-image:url('../../images/products/duo_shade528_hover.gif');}
#shadeBgDuo a:hover.duoShade529 {background-image:url('../../images/products/duo_shade529_hover.gif');}
#shadeBgDuo a:hover.duoShade530 {background-image:url('../../images/products/duo_shade530_hover.gif');}
#shadeBgDuo a:hover.duoShade531 {background-image:url('../../images/products/duo_shade531_hover.gif');}
#shadeBgDuo a:hover.duoShade532 {background-image:url('../../images/products/duo_shade532_hover.gif');}
#shadeBgDuo a:hover.duoShade533 {background-image:url('../../images/products/duo_shade533_hover.gif');}
#shadeBgDuo a:hover.duoShade535 {background-image:url('../../images/products/duo_shade535_hover.gif');}
#shadeBgDuo a:hover.duoShade550 {background-image:url('../../images/products/duo_shade550_hover.gif');}
#shadeBgDuo a:hover.duoShade590 {background-image:url('../../images/products/duo_shade590_hover.gif');}

#shadeBgDuo a:hover.duoShade479 {background-image:url('../../images/products/duo_shade479_hover.gif');}
#shadeBgDuo a:hover.duoShade480 {background-image:url('../../images/products/duo_shade480_hover.gif');}
#shadeBgDuo a:hover.duoShade481 {background-image:url('../../images/products/duo_shade481_hover.gif');}
#shadeBgDuo a:hover.duoShade482 {background-image:url('../../images/products/duo_shade482_hover.gif');}
#shadeBgDuo a:hover.duoShade483 {background-image:url('../../images/products/duo_shade483_hover.gif');}
#shadeBgDuo a:hover.duoShade484 {background-image:url('../../images/products/duo_shade484_hover.gif');}
#shadeBgDuo a:hover.duoShade485 {background-image:url('../../images/products/duo_shade485_hover.gif');}
#shadeBgDuo a:hover.duoShade486 {background-image:url('../../images/products/duo_shade486_hover.gif');}
#shadeBgDuo a:hover.duoShade487 {background-image:url('../../images/products/duo_shade487_hover.gif');}
#shadeBgDuo a:hover.duoShade488 {background-image:url('../../images/products/duo_shade488_hover.gif');}
#shadeBgDuo a:hover.duoShade489 {background-image:url('../../images/products/duo_shade489_hover.gif');}
#shadeBgDuo a:hover.duoShade490 {background-image:url('../../images/products/duo_shade490_hover.gif');}


#shadeBgDuo a.duoShade616 {background-image:url('../../images/products/duo_shade616.gif');}
#shadeBgDuo a.duoShade617 {background-image:url('../../images/products/duo_shade617.gif');}
#shadeBgDuo a.duoShade618 {background-image:url('../../images/products/duo_shade618.gif');}
#shadeBgDuo a.duoShade619 {background-image:url('../../images/products/duo_shade619.gif');}
#shadeBgDuo a.duoShade620 {background-image:url('../../images/products/duo_shade620.gif');}
#shadeBgDuo a.duoShade621 {background-image:url('../../images/products/duo_shade621.gif');}
#shadeBgDuo a.duoShade622 {background-image:url('../../images/products/duo_shade622.gif');}
#shadeBgDuo a.duoShade623 {background-image:url('../../images/products/duo_shade623.gif');}


#shadeBgDuo a:hover.duoShade616 {background-image:url('../../images/products/duo_shade616_hover.gif');}
#shadeBgDuo a:hover.duoShade617 {background-image:url('../../images/products/duo_shade617_hover.gif');}
#shadeBgDuo a:hover.duoShade618 {background-image:url('../../images/products/duo_shade618_hover.gif');}
#shadeBgDuo a:hover.duoShade619 {background-image:url('../../images/products/duo_shade619_hover.gif');}
#shadeBgDuo a:hover.duoShade620 {background-image:url('../../images/products/duo_shade620_hover.gif');}
#shadeBgDuo a:hover.duoShade621 {background-image:url('../../images/products/duo_shade621_hover.gif');}
#shadeBgDuo a:hover.duoShade622 {background-image:url('../../images/products/duo_shade622_hover.gif');}
#shadeBgDuo a:hover.duoShade623 {background-image:url('../../images/products/duo_shade623_hover.gif');}



#shadeBgDuo a:hover span, #shadeBgDuo a span.selected { 
    display: block; 
    position: absolute; 
    width: 110px; 
    height: 95px; 
    bottom:0.5em; 
    left:189px; 
    border: solid 1px white; 
	text-align:center;
	color:#FFFFFF;
	padding:30px 2px 0px 2px;
	text-transform:lowercase;
	text-indent:0px;
	background-repeat:repeat-y;
	z-index:1000;
}
#shadeBgDuo a span.selected { 
	z-index:1;
}

#shadeBgDuo a:hover {
	background-image:url('../../images/products/shade_roll.gif');
}

* html #shadeBgDuo a:hover {
	display:inline;
}

/* eyes home page */

/*#eyesTitleImage {
	background-image:url('../../images/products/eyes_product_v2.jpg');
	background-repeat:no-repeat;
	background-position:right;
	width:305px;
	height:226px;
	margin-top:55px;
}*/

/*#eyesTitle {
	background-color:#000;
	background-image:url('../../images/products/eyes_product_v2.jpg');
	background-repeat:no-repeat;
	
	color:#fff;
	width:280px;
	height:226px;
   /* padding: 5px 0px 5px 10px;*/
	/*margin-top:22px;
	margin-left:5px;
}*/

/*#rightPanelDetailT2 .eyesHome {
	margin-left:1px;
	width:269px;
	margin-top:0px;
}

#rightPanelTitleT2 .eyesHome {
	margin-bottom:5px;
}*/

/*#rightPanelDetailT2 a {
	font-weight:bold;
	color:#FFFFFF;
}*/

/*#rightPanelTitleT2 .overSize3 {
	line-height:1.1em;
}

#rightPanelTitleT2 .overSize0 {
	line-height:0.9em;
}
*/

/* All products page - polaroid icon hover */
#scrolldiv_content {float: left;}

.polaroidIcon img {margin: 0 5px 0 0px; }
.productNameAllProducts .polaroidIcon {font-weight: bold; width:27px;  }
.productNameAllProducts .productText {font-weight: bold; width:523px; }
.polaroidStatus {visibility: hidden; z-index:1; position: absolute; top: 135px; left: 50px;}
#polaroidShow, #polaroidShow2, #polaroidShow3, #polaroidShow4, #polaroidShow5 {padding: 0;}

#itemListContainerT3 {float: left;}
.tableHeading {float: left; font-size: 90%; padding-left: 15px; }

.productFooter {
	font-size:0.9em;
}

.shadeContainer {	
	float:left;
}

.rightPodBlockBtnTitle .italics {
	line-height:1.2em;
}

.productSmall {
font-size:0.8em;
}

.blackLink {
color:#000000;
display:inline;
}

.blackLink a:hover {
text-decoration:underline;
color:#000000;
display:inline;
}

.backProducts {
float:right;
margin-left:30px;
}

/* a hack so that IE5.5 faulty box model is corrected NOTE: THESE MAY HAVE TO CHANGE FOR LONGER MENU NAMES */
* html .de_diagnostic a, * html .de_diagnostic a:visited {
width:auto;
_width:162px;
w\idth:162px;
}

/* a hack so that IE5.5 faulty box model is corrected NOTE: THESE MAY HAVE TO CHANGE FOR LONGER MENU NAMES */
* html #es .diagnostic a, * html #es .diagnostic a:visited {
width:auto;
_width:247px;
w\idth:247px;
}
.spanish_product_right a {display:inline; margin-left:10px!important; width:269px!important; }