#productTop {margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid #e5e5e5;}

#mediaWidget {float:left;margin:0;padding:0;width:240px;text-align:center;min-height:240px;}
#mediaWidget #mediaContentImage {display:block;text-align:center;vertical-align:middle;}
#mediaWidget #mediaContentImage a img {max-height:240px;max-width:240px;}
#mediaWidget #viewLarger {font-size:10px; font-weight:normal;line-height:16px;}
#mediaWidget #viewLarger a{padding-left:18px;background: url("/images/global/img/sprites/store_sprites.png") no-repeat transparent;}
#mediaWidget #viewLarger.productImage a{background-position:-296px -57px;}
#mediaWidget #viewLarger.videoClip a{background-position:-296px -76px;}

#rightCol {float:left;margin:12px 0 0 20px;padding:0;width:320px;}

#rightCol h1, #rightCol h2 {margin: 0 0 10px 0;}
#rightCol h1 {font-size:24px; font-weight:normal; padding-bottom:6px; border-bottom:1px solid #e5e5e5;}
#rightCol h2 {font-size:16px; font-weight:normal;}
#rightCol h6 {font-size:14px;margin:10px 0 0;}

#rightCol ul{margin: 0;padding: 0;}
#rightCol li{list-style: none;margin: 5px 0;}

.priceBlock {}
.priceBlock .ourPrice, .priceBlock .listPrice {display:block;}
.priceBlock .ourPrice .price {color:#b00000; font-weight:bold; font-size:22px;}
.priceBlock .ourPrice .range {}
.priceBlock .listPrice {color:#999; font-size:13px; }
.priceBlock .listPrice .label {}
.priceBlock .listPrice .price {text-decoration: line-through;}

.priceGrid {}



#rightCol .productPriceAndPromo .promo1, #rightCol .productPriceAndPromo .promo2{color:#b00000;height:27px;margin-top:2px;overflow:hidden;}
#productinfo .productPriceAndPromo .promo1, #productinfo .productPriceAndPromo .promo2{color:#b00000;height:27px;margin-top:2px;overflow:hidden;}
#rightCol .promoOnSale, #productinfo .promoOnSale {font-size:10px;font-weight:bold;color:#b00000;background: url("/images/global/img/sprites/store_sprites.png") no-repeat -296px -37px transparent;padding:0 0 2px 24px;}


.buyBox{padding:10px 0 0;}
.buyBox form{padding:6px 0 1px;margin:0;display:block;}
.buyBoxUserInputs{border-bottom:1px solid #ddd;margin:0 3px 10px;padding:0 14px 0;position:relative;}
.buyBoxUserInputs .quantityBox{position:relative;}
.buyBoxUserActions{padding:0 14px 10px 14px;margin:15px 0 0 0;position:relative;min-width:0;_height:0;}
.quantityBox{margin-bottom:10px;}
.quantityBox input{text-align:center;}

.outOfStock{padding:0 0 10px 0;text-align:center;}
.divSelectError{color:#C00;font-weight:bold;}

.divDropDown{position:relative;}
.addToCart,.addToCartBottom,.addToCartTop{margin-bottom:5px;margin-top:5px;}
.customizeButton {cursor:pointer;display:block;width:121px;height:26px;border:none;position:relative;overflow:hidden;background:url("/images/global/img/sprites/store_sprites.png") no-repeat 0 -60px transparent;text-indent: -1000em;font-size: 0;display:block;line-height: 0;}
.customizeButton:hover {background-position:0 -86px;}


.buyBox {}
.buyBox span.infopop {margin-left:4px;}
.buyBox span.infopop a {background: url("/images/global/img/sprites/store_sprites.png") no-repeat -296px -96px transparent;display: inline-block;float: none;height: 16px;position: relative;top: 3px;width: 16px;}
.buyBox span.infopop a span {position: absolute;text-indent: -9999px;}
.buyBox .boxUserInputs {padding-left:4px;}
.buyBox .boxUserInputs label {font-size:11px;font-weight:bold;}
.buyBox .boxUserInputs #divDropDown {position:relative;margin-bottom:10px;}
.buyBox .boxUserInputs #divDropDown label {display:block;font-size:11px;line-height:16px;}
.buyBox .boxUserInputs #divDropDown select {width:190px;}
#divFirstVariationDropdown {margin-bottom:10px;margin-top:8px;}
#divSecondVariationDropdown {}

.buyBox .boxUserInputs .divQty {}
.buyBox .boxUserInputs .divQty .quantityBox {}
.buyBox .boxUserInputs .divQty .quantityBox label {font-size:11px;}
.buyBox .boxUserInputs .divQty .quantityBox input {text-align:center;}
.buyBox .boxUserActions {}
.buyBox .boxUserActions .addToCart {}
.buyBox .boxUserActions .addToWishlist {}

.buyBox.productInfoBottomBuy #divDropDown label {width:200px;float:left;}
.buyBox.productInfoBottomBuy #divDropDown select {float:left;}








/* SOME OLD STUFF IS BELOW - NEED TO GO THROUGH AND CLEAN UP */

#productinfo{
clear: both;
border-bottom: 1px solid #ddd;
}
#productinfo p{
margin: 0 0 10px 0;
}
#productinfo h5{
margin: 0;
font-size:13px;
}
#productinfo h6{
margin: 0;
font-size:12px;
}
/* start the hated product info tabs */
.productinfotabs{
margin: 0 10px;
}
.productinfotabs ul{
height: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.productinfotabs li{
width: 100px;
line-height: 30px;
float: left;
margin: 0;
padding: 0;
font-weight: 900;
font-size: 10px;
}
.productinfotabs a, .productinfotabs a:link, .productinfotabs a:visited{
width: 100px;
line-height: 30px;
display: block;
text-align: center;
color: #4f5258 !important;
text-decoration: none;
}
.productinfotabs a:hover {
color: #000 !important;
}
.productinfotabs .first{ background: url(/print/store/images/productinfotabs.gif) 0px 0px;}
.productinfotabs .middle{ background: url(/print/store/images/productinfotabs.gif) -100px 0px;}
.productinfotabs .last{ background: url(/print/store/images/productinfotabs.gif) -200px 0px;}
.productinfotabs .firston{ background: url(/print/store/images/productinfotabs.gif) 0px 30px;}
.productinfotabs .middleon{ background: url(/print/store/images/productinfotabs.gif) -100px 30px;}
.productinfotabs .laston{ background: url(/print/store/images/productinfotabs.gif) -200px 30px;}
.productinfotabs .firston a{ color: #000 !important;}
.productinfotabs .middleon a{ color: #000 !important;}
.productinfotabs .laston a{ color: #000 !important;}
/* end the hated product info tabs */

.productinfotabcontent{
margin: 0 0 0 10px;
padding: 10px;
background: #e2e7ed url(/print/store/images/productinfotabcontent_bkg.gif) repeat-y;
width: 545px;
}
/* oddly enough, this rule worked in every browser i tried except IE6 so I replaced it with the rule below
.productinfotabcontent .iconwrapper + p{
clear: both;
} */
.productinfotabcontent p{
clear: both;
}
.productinfotabcontent ul{
margin: 0 0 10px 20px;
padding: 0;
}
.productinfotabcontent .iconwrapper{
margin: 0 0 10px 0;
float: left;
}
/* For some reason, the "float: left;" in the next two rules makes IE5 WIN behave */
.productinfotabcontent .iconwrapper ul{
margin: 0;
padding: 0;
display: block;
float: left;
}
.productinfotabcontent .iconwrapper li{
list-style: none;
display: block;
/*background: url(/print/store/images/detail_divider.gif) no-repeat right;*/
margin: 0 1px 10px 0;
padding: 0 10px 0 10px;
float: left;
width:170px;
}
.productinfotabcontent table{
width: 200px;
border: 1px solid #6f7277;
text-align: center;
margin: 10px 10px 10px 0;
font-size: 10px;
float: left;
}
.productinfotabcontent #mailhouse{
width: 400px;
/* float: right; */
margin: 10px 0 0 0;
}
.productinfotabcontent #mailhouse p{
color: #555;
font-size: 9px;
}
/* the following rule (including the screwed up comments) fixes the IE/WIN italics bug.
http://www.positioniseverything.net/explorer/italicbug-ie.html */

/* \*/
* html #mailhouse {
overflow: hidden;
o\verflow: visible;
width: 100%;
w\idth: auto;
he\ight: 1%;
}
/* */
.productinfotabcontent th{
background: #a6a9ae;
}
.productinfotabcontent td{
background: #c4c7cd;
}
.productinfotabcontent input.textfield {
width: 30px;
font-size: 11px;
}
.productinfotabcontentbottom{
width: 565px;
height: 10px;
background: url(/print/store/images/productinfotabcontentbottom.gif) no-repeat;
margin: 0 0 10px 10px;
padding: 0;
}

div.pricegrid {
	border:1px solid #F5F5F5;
	padding:1px;
}
table.pricegrid{
	border:2px solid #fff;
	font-size:12px;
	margin:0 0 10px 0;
	text-align:center;
}
.pricegrid th {
	background: #b00000;
	color:#fff;
	padding:2px 10px;
	font-size:11px;
}
	.pricegrid th.header {padding:8px 10px;font-size:13px;}
	.pricegrid th.qty {border:none;background:#ececec;color:#444;}
	.pricegrid th.col {background: #b00000;color:#fff;}
	.pricegrid th.colLeft {}
	.pricegrid th.colRight {border-left:none;}

.pricegrid tr.first {border-top:2px solid #fff;}
.pricegrid .col {border-left:2px solid #fff;}
.pricegrid td{
	background:none repeat-x scroll center bottom #fcfcfc;
	border-bottom:2px solid #FFFFFF;
	color:#444444;
	font-size:11px;
	font-weight:normal;
	padding:5px 12px;
	text-align:center;
}
	.pricegrid td.qty {font-weight:bold;}
	.pricegrid td.colRight {border-left:medium none;}
	.pricegrid tr.odd td {background:none repeat-x scroll center bottom #f3f3f3;}	
.pricegrid .last {border-right:none;}
#rightCol .pricegrid {width:100%;}
.price h4 {font-size:14px;margin:5px 0;text-align:center;}
#rightCol p.tabLink {margin-top:5px;margin-bottom:10px;font-size:12px;}
h5.callToOrder {text-align:center;margin:0;}