/**
* @author	Drew Jones - Alniro
* @version	1.0
* @media	screen
*
* @info
*
* @contents
*
* =1: product
*
* =2: productSku
*
* =3: productImageBlock
*
* =4: productActions
*
* =5: merchantisedListActions
*
* =6: averageReviewRating
*
* =7: stockStatus
*
* =8: Header Banner
*
* =9: Start TM Product Page Styles
*
* =10: Start TM Product Page Tab Styles
*/
/**
* =1: product
*/
.product {
	background: url(../scholl_images/product-shade-top.png) top center no-repeat;
	color: #003366;
	width: 100%;
	min-height: 162px;
	padding-top: 6px;
	margin-bottom: 15px;
}
.product h5 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	line-height: 1.4em;
	width: 290px;
	padding-left: 5px;
	float: left;
}
.product .shadow {
	background: url(../scholl_images/product-shade-top.png) 50% 0% no-repeat;
	height: 6px;
	width: 100%;
	line-height: 0.1em;
	font-size: 0.1em;
}
.product p { padding-left: 5px; }
.selectProduct  { height: 1.6em; }
.selectProduct input { margin-left: 5px; }
.selectProduct label {
	color:#003366;
	font-size: 0.9em;
}
.addSelected {
	height: 2.5em;
	padding-left: 5px;
	display: block;
}
.addSelected a {
	margin-top: 0.5em;
	float: left;
	color:#336699;
	font-size: 0.9em;
}
#checkall {
	height: 100%;
	float: left;
	display: none;
}
#clearall {
	height: 100%;
	float: left;
	display: none;
}

.addSelected div.add { float: right !important; }

.product h5 a { color: #336699; }
.info {
	background: url(../scholl_images/buttons/btn-func-cap-22px.png) no-repeat top left;
	height: 24px;
	width: auto;
	padding: 0 0 0 4px;
	margin: 0;
	float: left;
}
a:hover.info { text-decoration: none; }

a.info span, .info input {
	background: url(../scholl_images/buttons/btn-func-slide-22px.png) no-repeat top right;
	height: 100%;
	cursor: pointer;
	display: block;
	font-size: 1em;
	color: #fff;
	height: 18px;
	border: none;
	float: left;
	padding: 4px 11px 2px 6px;
}
.info input {
	padding: 0 11px 5px 6px;
	height: 23px;
}
#UpdateBasket a.info { margin-left: 10px; }

/**
* =2: productSku
*/
.productSku {
	background: url(../scholl_images/backgrounds/sku-product-shadow-top.png) top center no-repeat;
	padding-top: 16px;
	padding-bottom: 15px;
}
.productSku h1 {
	color: #336699;
	clear: left;
	font-size: 1.3em;
	font-weight: bold;
}
.productImage {
	float: left;
    max-height: 370px;
    max-width: 360px;
	position: relative;
}
.productImage img.primaryImage {
    display:block;
    max-height:360px;
    max-width:360px;
    z-index:5;
}
.productImage img.badgeImage {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}
.productImage p {
	padding-top: 5px;
	text-align: center;
}
.productImage p a {
	display: inline;
	padding: 5px 0 5px 15px;
	background: url(../scholl_images/icons/zoom.png) left no-repeat;
}
/** Product slot image*/
.productSlotImage {
	float: right;
	width: 104px;
	height: 78px;
	position: relative;
}
.productSlotImage img.primaryImage {
	display: block;
	position: absolute;
	top: 0;
	left: -7px;
	width: 104px;
	height: 78px;
	z-index: 5;
}
.productSlotImage img.badgeImage {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}

.productImage #mediaWrapper {
	position: absolute;
	top: -1000em;
	left: -1000em;
	width: 360px;
	height: 271px;
	z-index: 5;
}
.productDesc {
	width: 320px;
	float: right;
	color: #003366;
}
.productDesc .brandIcon { height: 75px; }
.productDesc .brandIcon div {
	float: left;
	width: 93px;
	height: 69px;
	margin-right: 7px;
	overflow: hidden;
}
.productDesc .details {
	font-size: 0.9em;
	margin: 4px 0;
}
.productDesc .details .in img, .productDesc .details .out img { padding-left: 5px; }
.promotion { color: #CC0000; }
.productThumbs {
	clear: both;
	width: 395px;
	padding-top: 10px;
}
.skuAction {
	background: url(../scholl_images/product-shade-bottom.png) bottom repeat-x;
	height: 20px;
	padding: 10px 0 0 5px;
	clear: both;
}
.skuAction div.rating {
	font-size: 0.9em;
	float: left;
	color: #003366;
}
.skuAction p {
	font-size: 0.9em;
	float: left;
	color: #003366;
	padding: 0 3px;
	line-height: 1em;
}
.skuAction p.reviewLogin { padding: 0 0 0 3px; }
.skuAction a { color: #6699CC; }
/**
* =3: productImageBlock
*/
.productImageBlock { float: right; }
.productImageBlock a {
	width: 160px;
	height: 120px;
	position: relative;
	display: block;
}
.productImageBlock img.primaryImage {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	max-width: 160px;
	max-height: 120px;
}
.productImageBlock img.badgeImage {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}

/**
* =4: productActions
*/
.productActions {
	background: url(../scholl_images/product-shade-bottom.png) bottom repeat-x;
	height: 30px;
	padding: 12px 5px 0;
	clear: both;
}
#UpdateBasket .productActions { margin-bottom: 10px; }
.addToBasket {
	float: right;
	width: 250px;
}
.addToBasket .qty {
	float: right;
	margin-right: 8px;
}
.productActions .qty {
	float: right;
	margin-right: 8px;
}

/**
* =5: merchantisedListActions
*/
.merchantisedListActions {
	background: url(../scholl_images/product-shade-bottom.png) bottom repeat-x;
	height: 28px;
	clear: both;
	padding: 5px 5px 0;
}
.merchantisedListActions .qty { float: right; }
.merchantisedListActions .qty label {
	float: left;
	font-size: 90%;
	color: #003366;
	margin-left: 4px;
	margin: 5px 4px 0 4px;
}

.merchantisedListActions div.add,
.addSelected div.add {
	background: url(../scholl_images/button-add-cap.png) no-repeat top left;
	float: left;
	display: inline;
	margin: 0 0 0 8px;
	padding: 0 0 0 4px;
}
.merchantisedListActions div.add input,
.addSelected div.add input {
	background: url(../scholl_images/button-add-slide.png) no-repeat top right;
	font-size: 1em;
	cursor: pointer;
	font-weight: bold;
	color: #FFF;
	border: none;
	padding: 2px 8px 4px 4px;
	margin: 0 4px 0 0;
	width: auto;
	overflow: visible;
}

.merchantisedListActions input.stock {
	float: left;
	margin-top: 2px;
}

/**
* =6: averageReviewRating
*/
.averageReviewRating {
	padding: 4px;
	float: left;
	font-size: 0.9em;
}
.averageReviewRating div { float: left; }
.rating {
	float: left;
	margin: 0 0 5px 2px;
	padding:0 0 0 80px;
	background: url(../scholl_images/rating-stars.png) left top no-repeat;
	line-height: 1em;
}

.star00 {background-position: 0 0;}
.star05 {background-position: 0 -11px;}
.star10 {background-position: 0 -22px;}
.star15 {background-position: 0 -33px;}
.star20 {background-position: 0 -44px;}
.star25 {background-position: 0 -55px;}
.star30 {background-position: 0 -66px;}
.star35 {background-position: 0 -77px;}
.star40 {background-position: 0 -88px;}
.star45 {background-position: 0 -99px;}
.star50 {background-position: 0 -110px;}

/**
* =7: stockStatus
*/

.stockStatus { font-size: 0.9em; }
.stockStatus p img { margin-left: 4px; }
.clearButton { clear: left; }
.stockStatus .arrows {
	float: left;
	width: 18px;
	padding: 0;
}
.stockStatus .qty li{
	float: left;
	margin-right: 10px;
	padding-top: 5px;
}
.stockStatus .qty input { font-size: 0.9em; }

/**
* =x: Colour variants
*/
.product .productActions .colourVariant { float: right;}

/**
* =x: Content Results
*/
.contentResults {
	position: relative;
	background: url(../scholl_images/product-shade-top.png) top center no-repeat;
	color: #003366;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	height: 160px;
}
.contentResults img.thumbnail {
	float: right;
	margin: 0 5px;
	width: 160px;
	height: 120px;
}
.contentResults h5 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	padding-left: 5px;
	text-transform: capitalize;
}
.contentResults p { padding-left: 5px; }
.contentResults p.author {
	font-size: 0.9em;
	color: #99ccff;
}
.contentResults .productActions {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/**
* =8: Header Banner
*/
/**
* =8.1: Shop Header
*/
.shopHeader {
	border-top: 1px solid #e6e6e6;
}

/**
* =8.2: Cat header
*/
div#catHeader {
	background: #CCC;
	width: 682px;
	height: 135px;
	border-top: 1px solid #e6e6e6;
	padding: 15px;
	margin-bottom: 15px;
}
div#catHeader h1 {
	color: #336699;
	font-weight: bold;
	font-size: 170%;
}
div#catHeader h1 img {
	display: block;
	float: right;
}
div#catHeader p {
	color: #336699;
	font-weight: bold;
	margin: 8px 0 0 0;
}


/**
* =9: Start TM Product Page Styles
*/
#ProductDetail ul { width: 100%; }
#ProductDetail ul li {
	display: block;
	clear: both;
	float: left;
	padding-bottom: 5px;
	width: 100%;
	font-size: 0.9em;
}
#ProductDetail ul li label {
	display: block;
	float: left;
	width: 125px;
	margin-top: 4px;
}
#ProductDetail ul li select {
	font-size: 1em;
	width: 120px;
	padding: 1px;
	margin-top: 2px;
	float: left;
}
#ProductDetail ul li input { font-size: 1em; }
.variantList .select, #ProductDetail .select {
	background: url(../scholl_images/buttons/grey-go-cap.png) no-repeat scroll left top;
	display:inline;
	float:left;
	margin:0 0 0 8px;
	padding:0 0 0 4px;
}

.variantList .select input, #ProductDetail .select input {
	background: url(../scholl_images/buttons/grey-go-slide.png) no-repeat scroll right top;
	border:medium none;
	color:#69c;
	cursor:pointer;
	font-size:1em;
	margin:0 4px 0 0;
	overflow:visible;
	padding:3px 8px 5px 4px;
	width:auto;
	height: 24px;
}

/**
* =10: Start TM Product Page Tab Styles
*/
div#pageTabsContainer {
	clear: both;
	background: url(../scholl_images/product-shade-top.png) no-repeat top center;
	padding: 15px 0 0 0;
}
div#pageTabsContainer ul {
	background: url(../scholl_images/backgrounds/product-page-tab-bottom-line.png) repeat-x top center;
	height: 35px;
}
div#pageTabsContainer ul li {
	float: left;
	color: #003366;
	background: url(../scholl_images/backgrounds/product-page-tab-bg.png) top center repeat-x;
	height: 28px;
	padding: 0 0 0 0;
	width: 115px;
	font-size: 90%;
	margin: 0 2px 0 0;
}
div#pageTabsContainer ul li a {
	display: block;
	float: left;
}
div#pageTabsContainer ul li a,
div#pageTabsContainer ul li a:link,
div#pageTabsContainer ul li a:active,
div#pageTabsContainer ul li a:visited {
	color: #6699CC;
	text-decoration: none;
}
div#pageTabsContainer ul li a:hover {
	color: #6699CC;
	text-decoration: underline;
}
div#pageTabsContainer ul li.activeTab { background: url(../scholl_images/backgrounds/product-page-tab-bg-on.png) top center repeat-x !important; }
span.leftActiveTabEdge,
span.rightActiveTabEdge,
span.leftTabEdge,
span.rightTabEdge {
	display: block;
	width: 2px;
	height: 29px;
}
span.leftActiveTabEdge,
span.leftTabEdge {
	float: left;
	background-position: top right;
}
span.rightActiveTabEdge,
span.rightTabEdge {
	float: right;
	background-position: top left;
}
span.leftActiveTabEdge { background: url(../scholl_images/backgrounds/product-page-active-tab-left.png); }
span.rightActiveTabEdge { background: url(../scholl_images/backgrounds/product-page-active-tab-right.png); }
span.productTabLabel {
	padding: 0 0 0 20px;
	margin: 7px 0 0 0;
	display: block;
}
span.reviewsTab { padding: 0 0 0 37px; }
span.deliveryTab { padding: 0 0 0 37px; }
span.leftTabEdge { background: url(../scholl_images/backgrounds/product-page-tab-left.png); }
span.rightTabEdge { background: url(../scholl_images/backgrounds/product-page-tab-right.png); }
div#pageTabsContentsContainer {
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	margin: -8px 0 0 0;
	padding: 5px 5px 5px 5px;
}
table#pageTabsDetailTable,
div#reviewTabContentsContainer,
div#deliveryTabContentsContainer {
	background: url(../scholl_images/product-shade-top.png) no-repeat top center;
	color: #003366;
	width: 100%;
	padding: 4px 0 0 0;
}
table#pageTabsDetailTable { margin: 27px auto 0 auto; }
table#pageTabsDetailTable th,
table#pageTabsDetailTable td {
	padding: 5px 5px 10px 5px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}
table#pageTabsDetailTable th {
	font-weight: bold;
	width: 40%;
}
table#pageTabsDetailTable td { width: 60%; }
div.pageTabsDetailTableFooter {
	background: url(../scholl_images/product-shade-bottom.png) repeat-x scroll center bottom;
	height: 29px;
}
div#pageTabsContentsContainer h5,
div#pageTabsContentsContainer p {
	padding: 0 0 10px 10px;
	font-size: 0.9em;
}
div#pageTabsContentsContainer h5 {
	font-weight: bold;
	font-size: 1.1em;
	color: #336699;
	margin: 10px 0;
}
div#pageTabsContentsContainer a { color: #6699CC; }
form#WriteReview select { font-size: 1em; }
form#WriteReview textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

div.reviewDetails {
	float: left;
	padding: 10px 0 15px;
	margin: 0;
	width: 100%;
	background: url(../scholl_images/product-shade-bottom.png) left bottom repeat-x;
}
div.reviewDetails .rating {
	float: right;
	padding-right: 5px;
}
div.reviewDetails h5,
div.reviewDetails h6,
div.reviewDetails p {
	clear: both;
	float: left;
	margin: 0 5px 0 5px !important;
	padding: 0 !important;
	width: 440px;
}
div.reviewDetails h5 {
	clear: none;
	width: auto;
}
div.reviewDetails h5,
div.reviewDetails h6 { font-size: 100% !important; }
div.reviewDetails h5 { color: #336699 !important; }
div.reviewDetails h5 span {
	color: #99CCFF;
	font-weight: normal;
	font-size: 80%;
}
div.reviewDetails h6 {
	color: #003366;
	font-weight: bold;
}
div.reviewDetails p {
	font-size: 90% !important;
	margin-top: 4px !important;
}
div.reviewDetails div span {
	font-size: 0.9em;
	margin-left: 5px;
	float: left;
}
p.reviewCallToAction1 { padding: 4px 0 7px 10px !important; }
div#addReviewDetailsContainer {
	background: url(../scholl_images/product-shade-top.png) no-repeat top center;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}
div#addReviewDetailsContainer h3 {
	color: #336699;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}
div#addReviewDetailsContainer p {
	font-size: 90%;
	color: #003366;
}
div#addReviewDetailsContainer table {
	color: #003366;
	font-size: 100%;
	margin: 10px 0 0 0;
}
div#addReviewDetailsContainer table th,
div#addReviewDetailsContainer table td {
	vertical-align: top;
	padding: 10px 5px 5px 5px;
}
div#addReviewDetailsContainer table th { width: 30%; }
div#addReviewDetailsContainer table td {
	}
div#addReviewDetailsContainer table td.smallReviewLabel {
	font-size: 90%;
	padding-top: 0;
}
div#addReviewDetailsContainer table input,
div#addReviewDetailsContainer table textarea { width: 230px; }
div#addReviewDetailsContainer table select,
	div#addReviewDetailsContainer table input,
	div#addReviewDetailsContainer table textarea {
	border: 1px solid #CCC;
	padding: 1px;
	color: #003366;
}
div#continueShopping { margin: 15px 0 0 0; }
div#continueShopping h3 {
	color: #003366;
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 10px 0;
}
div#continueShopping ul li {
	float: left;
	width: 138px;
	height: 49px;
	border: 1px solid #E6E6E6;
	margin: 0 8px 0 0;
	color: #336699;
	font-weight: bold;
	padding: 0 0 0 5px;
	background:transparent url(../scholl_images/backgrounds/left-nav-header-bg.png) repeat-x scroll left center;
}
div#continueShopping.wide {
	background:transparent url(../scholl_images/backgrounds/sku-product-shadow-top.png) no-repeat top center;
	padding-top: 15px;
}
div#continueShopping.wide ul li { width: 221px; }
div#continueShopping.wide ul li.last { margin-right: 0; }
div#continueShopping ul li a {
	display: block;
	padding-top: 15px;
	width: 100%;
	height: 34px;
	background-position: right top;
	background-repeat: no-repeat;
	color: #336699;
	text-decoration: none;
}
div#continueShopping ul li a:hover { text-decoration: underline; }
div#deliveryTabContentsContainer dl dd { padding-bottom: 10px; }
div#deliveryTabContentsContainer dl dd.last { padding-bottom: 0; }

/**
* =x: Product bundle style
*/
.productBundlePromotion { padding: 10px 0; }
.productBundlePromotion h2 {
	margin-bottom: 5px;
	padding: 5px 10px 10px;
	background: url(../scholl_images/product-shade-bottom.png) left bottom repeat-x;
	color: #cc0000;
	font-size: 1.2em;
	font-weight: bold;
}
.productBundlePromotion p { padding: 0 10px 10px; }
.productBundlePromotion p.add { padding: 0 0 0 4px; }
.productBundlePromotion .bundleProduct {
	clear: both;
	float: left;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	background: url(../scholl_images/product-shade-top.png) top center no-repeat;
}
.productBundlePromotion .bundleProduct h3 {
	padding-left: 10px;
	font-size: 1em;
	font-weight: bold;
}
.productBundlePromotion form {
	clear: both;
	float: left;
	padding-top: 10px;
	width: 100%;
	border-top: 3px solid #cc0000;
}

/**
* =x: Price range slider
*/
#priceSlider, #priceSlider #priceLink { display: none; }
#priceSlider * { border: 0 !important; }
.slider {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	width: 195px;
}
#sliderBg {
	height: 20px;
	background: url(../scholl_images/slider/slider_rptr.gif) -2px 0 repeat-x;
}
#sliderBgImg {
	position: absolute;
	margin-top: 6px;
	width: 195px;
	height: 8px;
}
#minKnob, #maxKnob {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../scholl_images/slider/slider_knob.gif) no-repeat;
	cursor: pointer;
}
#maxKnob { margin-top: -30px; }
.minLabel { float: left; }
.maxLabel { float: right !important; }
#minLabel, #maxLabel { float: none !important; }

/**
* =x: Non product page variant selection
*/
.variantTitle { padding-top: 5px; }
.variantList { padding: 5px 0 0 5px; }
.variantList li {
	clear: left;
	float: left;
	padding-bottom: 5px;
}
.variantList li label {
	float: left;
	margin-top: 4px;
	width: 90px;
}
.variantList li select {
	float: left;
	width: 120px;
}