BODY.theLooks {
	background-image: url(../images/background.jpg);
}



BODY.theLooks div#wrapper DIV#content {
	left: 266px;
	top: 63px;
	width: 700px;
}

BODY.thelooks div#theLooksFindIt {
	margin-top: 20px;
}

body.theLooks div#wrapper div#content div#getTheLookTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 35px;

}


a:active, a:focus{ outline:none; }



div#thelooks ul#looksLinks { float: left;  width: 120px; position:relative; top: -30px;}
div#thelooks ul#looksLinks li { float: right; color: #FFF; width:19px; }
div#thelooks ul#looksLinks li.selected { background-image: url('/global/images/arrow.png'); background-repeat: no-repeat; }
div#thelooks ul#looksLinks li img { cursor: pointer; margin: 0px; position:relative; top:32px;width:18px;}
div#thelooks ul#looksLinks li img:hover { cursor: pointer; width:18px;}
div#thelooks ul#looksThumbnails { float: right; clear:right;}
div#thelooks ul { width: 580px; list-style-type: none; }
div#thelooks ul#looksThumbnails li { width: 92px; height: 97px; display: inline; float: left; padding: 2px;}
div#thelooks ul#looksThumbnails li a { display: block; padding: 1px;}

div#thelooks ul#looksThumbnails li a:hover {
	border: 1px solid #ffcc00;
	padding: 0;
	margin: 0;
}

div#thelooks ul#looksThumbnails li a.noLink:hover {
	cursor: default;
	padding: 0;
	margin: 0;

}

div#thelooks ul#looksThumbnails li a.noLink { 

border: 0;

}

div#thelooks ul#looksThumbnails li a.noLink img{ 

border: 0;

}


div#thelooks ul#looksThumbnails li a.noLink:hover { 

border: 0;

}




div#thelooks ul#looksThumbnails li a.boldOff,
div#thelooks ul#looksThumbnails li a.vibrantOff,
div#thelooks ul#looksThumbnails li a.edgyOff,
div#thelooks ul#looksThumbnails li a.multiDimensionalOff,
div#thelooks ul#looksThumbnails li a.vibrantedgyOff,
div#thelooks ul#looksThumbnails li a.boldedgyOff,
div#thelooks ul#looksThumbnails li a.boldmultiDimensionalOff {
	border: 0;
	padding: 1px;
	cursor: default;
 	background-color:#666666;
 }

div#thelooks ul#looksThumbnails li a.boldOff img,
div#thelooks ul#looksThumbnails li a.vibrantOff img,
div#thelooks ul#looksThumbnails li a.edgyOff img,
div#thelooks ul#looksThumbnails li a.multiDimensionalOff img,
div#thelooks ul#looksThumbnails li a.vibrantedgyOff img,
div#thelooks ul#looksThumbnails li a.boldedgyOff img,
div#thelooks ul#looksThumbnails li a.boldmultiDimensionalOff img {
	opacity:0.3;
	filter:alpha(opacity=20);
}


/****** *******/
div#thelooks ul#looksThumbnails li a.cosmicOff,
div#thelooks ul#looksThumbnails li a.shapeOff,
div#thelooks ul#looksThumbnails li a.colorIgniteOff {
	border: 0;
	padding: 1px;
	cursor: default;
 	background-color:#666666;
 }


div#thelooks ul#looksThumbnails li a.cosmicOff img,
div#thelooks ul#looksThumbnails li a.shapeOff img,
div#thelooks ul#looksThumbnails li a.colorIgniteOff img {
	opacity:0.3;
	filter:alpha(opacity=20);
}

div#looksSubLinks span.selected a {
	color: #00CCFF;
	text-decoration:none;
}

div#thelooks div#inspirationImg{
	position: relative;
	left: 431px;
	width: 262px;
	padding: 0 0 7px 0;
}

div#thelooks div#inspirationImg span#inspiration {
	display: block;
	color: #666666;
	font-weight: bold;
	position: absolute;
	top:-170px;
	left: 430px;
	width: 200px;
	margin-left: -9999px;
}

div#thelooks div#inspirationImg span#chooseALook{
	display: block;
	color: #ffffff;
	position: absolute;
	top:-150px;
	left: 430px;
	width: 200px;
	margin-left: -9999px;
}

div#thelooks #bottomLookText {
	height: 12px;
	width:567px;
	background-color: #000000;
	color: #ffffff;
	font-size: 11px;
	padding: 3px 2px;
	margin: 7px 0 0 0;
	position:relative; 
	float: left;
	left: 123px;
	z-index:2;
	display: none;
}

div#thelooks #lookOverlay {
	display: none;
}

div#thelooks .expandedLook {
	height: 454px;
	padding: 11px 14px;
	background-color: #fff;
	position: absolute; 
	left: 123px;
	top: 47px;
	z-index:10;
	font-size: .9em;
	color: #333;
}
div#thelooks .backButton {
	text-align: right;
	padding: 0 0 8px 0;
	display: block;
}
div#thelooks .overlayImage {
	float:left;
	padding: 0 2px 9px 0;
	clear: both;
}
#overlayVideo {
	float: left;
	padding: 0 0 9px 0;
}
div#thelooks .looksData {
	width: 0px;
	height: 0px;
	display: none;
}
div#thelooks .overlayDesc {
	color: #000;
	width: 270px;
	padding: 0 12px 0 0;
	float: left;
	clear: left;
}
div#thelooks .expandedLook p {
	font-size: .8em;
	color: #000;
	margin: .9em 0 0 0;
	text-align: left;
}
div#thelooks .overlaySecHeading {
	clear: both;	
}
div#thelooks .overlayProducts {
	width: 225px;
	float: left;
}

/*Avoiding image highlighting bug*/
div#thelooks .overlayProducts a {
	color: #000;
	font-size: .8em;
	color: #000;
	font-weight: normal;
}
div#thelooks .overlayProducts a:hover {
	text-decoration: none;	
}

div#thelooks .overlayInfo{
	height: 300px;
	float:left;
	width: 140px;
}