body#pgProductDetail div#sections {
	position: relative; 
}

body#pgProductDetail div#sections div#primary {
	width: 574px;
	margin-left: 16px;
	float: left; 
	position: relative;
}

body#pgProductDetail div#sections div#secondary {
	width: 338px;
	float: right;
	padding-right: 16px;
}

body#pgProductDetail div#sections div#secondary div#getTheLook {
	position: relative;
	z-index: 1; 
}

body#pgProductDetail div#successMessage {
	margin-left: 16px;
}

body#pgProductDetail div#errorMessage ul {
	margin-bottom: 16px;
}

/*******************************************************
* Get the look
*******************************************************/


div#getTheLook h2 {
	font-size: 1.2em;
	margin-bottom: 16px;
	font-weight: bold;
	text-transform: uppercase; 
}

div#getTheLook div.carousel div.backContainer,
div#getTheLook div.carousel div.forwardContainer {
	width: 22px;
	float: left;
	padding-top: 65px;
}

div#getTheLook div.carousel div.clip {
	width: 294px;
	float: left;
}

div#getTheLook div.carousel div.clip ul {
	margin-bottom:10px;
	position:relative;
	list-style: none;
}

div#getTheLook div.carousel div.clip ul li {
	width: 294px;
}

div#getTheLook div.carousel div.clip ul li div.product {
	float: left;
	width: 142px;
	margin-right: 9px;
}

div#getTheLook div.carousel div.clip ul li div.last {
	margin-right: 0px;
}

div#getTheLook div.carousel div.clip ul li div.product div.quicklook a {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#getTheLook div.carousel div.clip ul li div.product div.quicklook a img {
	display: block;
	margin-left: auto;
	margin-right: auto;	
}


div#getTheLook div.carousel div.backContainer a.back {
	background:transparent url(../img/global/icon_arrow01_left.gif) no-repeat;
	height:11px;
	width:6px;
	display: block;
	
}

div#getTheLook div.carousel div.backContainer a.backDisabled {
	background-image:url(../img/global/icon_arrow01_left_disabled.gif);	
}

div#getTheLook div.carousel div.forwardContainer a.forward {
	background:transparent url(../img/global/icon_arrow01_right.gif) no-repeat;
	display: block;
	height:11px;
	width:6px;
	margin-left: 16px;
}

div#getTheLook div.carousel div.forwardContainer a.forwardDisabled {
	background-image:url(../img/global/icon_arrow01_right_disabled.gif);	
}

/*******************************************************
* Product gallery overlay
*******************************************************/

div#gallery {
	overflow: hidden;
}

div#gallery div.main {
	float: left;
	width: 450px;
}

div#gallery div.list {
	float: left;
	width: 200px;
}
