/*--- product info 4 --*/
/*############# Product Detail ##################*/


/*############# kit items 1* ##################*/

#kitItems {
	margin-top: 10px;
	float: left;
	width: 100%;
}

#kitItems h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #b02c6b;
}

#kitItems table thead {
	display: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#kitItems .space {
	background: url('../images/layout/products/relatedProducts_hr.gif') top center no-repeat;
}

#kitItems h3 {
	font-size: 80%;
	color: #4f4f4f;
	padding: 0px;
	margin: 0px;
	line-height: 200%;
	position: relative;
}

#kitItems .bodyContent div.last {
	border-right: 0px;
}

#kitItems .bodyContent a.image img {
	line-height: 100px;
	vertical-align: middle;
}

#kitItems .bodyContent a.image {
	vertical-align: middle;
	width: 150px;
	display: block;
	text-align: center;
}


/*start*/
/*############# Product Container Detail ##################*/
.productContainerDetailOuter {
	float: left;
	width: 805px;
	padding: 0px;
}

#productDetail {
	float: left;
	width: 765px;
	padding: 10px;
}

#productDetail h1 {
	color: #FFFFFF;
	padding-left: 15px;
	height: 44px;
	line-height: 44px;
	font-size: 150%;
}

#productDetail h2 {
	color: #330000;
	padding: 0px;
	font-size: 110%;
	margin: 0px;
}

.productContainerDetail {
	display: block; 
	float: left;
	background: #fff url('../images/layout/productInfoBg.gif') top left no-repeat;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 785px; /* compensate for padding + margin */
}

.productContainerDetail .flashContainer {
	height: 1px;
	position: relative;
	display: block;
}

.productContainerDetail .flashContainer .flash {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}	

.productContainerDetail .productDescription {
	width: 470px;
	display: block;
}

.productContainerDetail .productDescription h3 {
	color: #8D4819;
	margin-bottom: 5px;
}

#additionalContent {
	float: left;
	position: relative;
}

/*############# Product Image ##################*/
.productContainerDetail #productImageContainer {
	padding: 10px;
	float: left;
}

.productContainerDetail #productImage {
	display: inline;
	text-align: center;
	width: 431px;
	height: 372px;
	background: url('../images/layout/productLargeImageBg.gif') top left no-repeat;
	float: left;
	padding: 10px;
	margin: 0px;
}

.productContainerDetail #mainImageContainer {
	width: 335px;
	height: 335px;/* Make image height 10 px higher than maxImageHeight */
	line-height: 335px;
	float: left;
	padding: 0px;
}

.productContainerDetail #mainImageContainer table, .productContainerDetail #mainImageContainer table td {
	width:335px;
	height:335px;
	vertical-align:middle;
}

.productContainerDetail #mainImageContainer table td img {
	vertical-align:middle;
}

.productContainerDetail #mainImageContainer .enlarge {
	line-height: 20px;
	float: left;
	width: 100%;
}

.productContainerDetail .alternateImages {
	display: block;
	float: right;
	padding-right: 0px;
	width: 69px; /* compensate for .imageContainer padding */
	text-align: center;
	color: #8BB5CF;
}

.productContainerDetail .alternateImages .imageContainer {
	margin: 0px auto;
	width: 65px;
	display: block;
	padding: 2px;
	line-height: 52px;
	overflow:hidden;
}

.productContainerDetail .alternateImages h3 {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

.productContainerDetail .alternateImages img {
	max-width:59px;
	max-height:52px;
}

/*############# Product Information container ##################*/
.productContainerDetail #productInformationContainer {
	display: block;
	width: 310px; /* total width minus (content padding[] and #productImage width[] and #productImageContainer[] and #productInformationContainer left padding[]) */
	padding: 10px 0px 0px 0px;
	float: left;
}

.productContainerDetail .productCode,
.productContainerDetail .productStockCode,
.productContainerDetail .productManufacturer {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #330000;
}

.productContainerDetail #descriptionContainer  li {
	margin: 10px;
	font-weight:bold;
}

.productContainerDetail #descriptionContainer {
	width: 100%;
	float: left;
	font-size: 100%;
}

.productContainerDetail #descriptionContainer ul,
.productContainerDetail #descriptionContainer li {
	list-style-type: none;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
}

.productContainerDetail #descriptionContainer li {
	background-image:url('../images/layout/bulletpoint.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:16px; 
	margin-bottom:1px;
	margin-top:1px;
	font-size:105%;
}

.productContainerDetail #descriptionContainer ul {
	list-style-type: none;
	margin: 0px;
	margin-top: 20px;
	padding: 05px;
}

/*############# Product Information container 2 ##################*/
/*######### Specifically built for seperate long information#############*/
.productContainerDetail2 {
	display: block; 
	float: left;
	background: #fff url('../images/layout/productInfo2Bg.gif') top left no-repeat;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 785px; /* compensate for padding + margin */
}

#productDetail .productContainerDetail2 h1 {
	height: 33px;
	line-height: 33px;
	font-size: 130%;
	padding-bottom: 10px;
}

.productContainerDetail2 .productDescription {
	width: 100%;
	display: block;
}

.productContainerDetail2 #productInformationContainerFlash {
	display: block;
	width: 365px; /* content width minus flash with, and padding + margin of productContainerDetail */
	padding: 0px 10px 20px 10px;
	float: left;
}

.productContainerDetail2 #productInformationContainerFull {
	display: block;
	width: 765px; /* content width minus (padding + margin of productContainerDetail) */
	float: left;
	padding: 0px 10px 20px 10px;
}

.productContainerDetail2 #flashMovies {
	display: block;
	width: 360px;
	padding: 10px;
	float: left;
	text-align: center;
	background: url('../images/layout/flashBg.gif') top left no-repeat;
}

.productContainerDetail2 #descriptionContainer  li {
	margin: 10px;
}

.productContainerDetail2 #descriptionContainer {
	width: 100%;
	float: left;
	font-size: 100%;
}

.productContainerDetail2 #featuresContainer {
	width:  100%;
	float: left;
	font-size: 100%;
	color: #8D4819;
}

.productContainerDetail2 #featuresContainer h3 {
	color: #8D4819;
	margin-bottom: 5px;
}

.productContainerDetail2 #purchaseContainer {
	width: 100%;
	float: left;
	font-size: 100%;
	color: #8D4819;
}

/*############# Product Container Detail - Variants 4 ##################*/

.productContainerDetail .variants {
	width: 98%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #A68A66;
	background-color: #d8bc98;
	color: #330000;
}

.productContainerDetail .variants .individualPrice .td_price span {
	font-size: 110%;
	line-height: 150%;
	padding: 0px;
	color: #FFFFFF;
	background-color: #d8bc98;
}

.productContainerDetail .variants .sel_qty {
	float:left;
}

.productContainerDetail .variants em {
	font-size: 100%;
}

.productContainerDetail .variants .individualPrice .td_price {
	width: 60%;
	padding-left: 3%;
}

.productContainerDetail .variants .td_price input,
.productContainerDetail .variants td select {
	background-color: #FFFFFF;
	color: #624300;
}

.productContainerDetail .variants input.productPrice,
.productContainerDetail .variants .productPrice {
	color: #FFFFFF;
	background-color: #d8bc98;
	font-size: 130%;
	line-height:130%;
	font-weight: bold;
	border: 0px;
	margin:0px;
}

.productContainerDetail .variants table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	float: left;
	z-index: 1;
	text-align: left;
}

.productContainerDetail .variants table td,
.productContainerDetail .variants table th {
	padding: 4px;
	margin: 0px;
}

.productContainerDetail .variants table th {
	color: #FFFFFF;
	background-color: #d8bc98;																																																											/* variant th background color */
	font-size: 100%;
	font-weight: bold;
	width: 30%;
}

.productContainerDetail .variants table td {
	color: #FFFFFF;
	background-color: #d8bc98;																																																											/* variant td background color */
	font-size: 100%;
	padding: 1px 0px 1px 0px;
}

.productContainerDetail .variants table td em {
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
}

.productContainerDetail .variants table td.productName {
	text-align: left;
	padding-left: 4px;
	color: #FFFFFF;
	font-weight: normal;
}

.productContainerDetail .variants hr {
	border: 0px;
	border-top: 1px solid #FFFFFF;
	width: 90%;
	float: left;
	margin: 2% 5%;
	text-align: center;
}

.productContainerDetail a.productBuy:link,
.productContainerDetail a.productBuy:visited,
.productContainerDetail a.productBuy {
	width: 100px;
	height: 25px;
	line-height: 25px;
	float: left;
	text-align: center;
	background-color: #A68A66;
	border: 1px solid #FFFFFF;
	display: block;
	color: #FFFFFF;
}

.productContainerDetail a.productBuy:hover {
	background-color: #745834;
	color: #FFFFFF;
	border: 1px solid #742D27;
	text-decoration: none;
}

.productInfoAdditionOptions {
	float: right;
	font-style: italic;
}

.productContainerDetail .wishList a:link,
.productContainerDetail .wishList a:visited,
.productContainerDetail .wishList a,
.productContainerDetail .emailFriend a:link,
.productContainerDetail .emailFriend a:visited,
.productContainerDetail .emailFriend a {
	width: 100px;
	height: 25px;
	line-height: 25px;
	float: left;
	text-align: center;
	display: block;
	color: #330000;
}

.productContainerDetail .wishList a:hover,
.productContainerDetail .emailFriend a:hover {
	color: #742D27;
	text-decoration: none;
}


.relatedProduct {
	width:100%;
	text-align:center;
	background: url("../images/layout/relatedProducts_hr.gif") no-repeat bottom left;
	padding:5px 0px 10px 0;

}

.relatedProduct .productTitle a {
	font-weight:bold;
	color:#330000;
}

.relatedProduct .productImage,
.relatedProduct .productImage table,
.relatedProduct .productImage table td {
	width:100%;
	text-align:center;
}

.relatedProduct .productImage table td img {
	text-align:center;
	max-height:62px;
}

.relatedProduct .price {
	color: #330000;
	height:30px;
}

.relatedProduct .price span {
	font-weight:bold;
}

.relatedProduct .buyBtn {
	height:15px;
	display:block;
	color:#624300
}