/* Shop layout  */

#shopleft { width: 250px; margin-right: 660px;}
#shopleft .content { padding: 0;}

#shopright { float:right; width: 245px; margin-left: 15px;}
#shopright .content { padding: 0;}

#shopmiddle { float: right; width: 390px; margin-left: 10px;}

* html #shopmiddle {height:1%;}
* html #shopleft {height:1%;}
* html #shopright {height:1%;}

/* Checkout CSS */
#chkLeft {
	float: left; 
	width: 199px; 
	padding-left: 10px;
	padding-top: 20px;
}

#chkLeft p { font-size: 10pt;}

#chkRight {
	float: left; 
	width: 600px; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
	border-left: 1px solid #999;
	border-top: 0px #e4e4e4 solid;
	padding-bottom: 50px;
}

#checkoutRight .tag {	width: 500px; padding: 15px 10px 15px 10px;}

#stages { margin: 0 10px; background: url("/multimedia/layout/shop/chkStage-line.gif") repeat-x left bottom;}
#stages table, .chkBasket table { width:892px;}
.chkStage, .chkCurrentStage { display:block; padding-bottom: 15px; font-weight: bold; text-decoration:none;}
.chkStage, .chkStage:link { background: url("/multimedia/layout/shop/chkStage-off.gif") no-repeat center bottom; color: #999;}
.chkStage:visited { color: #666;}
.chkCurrentStage, .chkCurrentStage:visited, .chkCurrentStage:link { background: url("/multimedia/layout/shop/chkStage-on.gif") no-repeat center bottom; color: #333;}

.checkoutStage {padding: 10px; width: auto; }

.chkBasket { margin-bottom:15px; border: 1px solid #999;}
.chkBasket th { background: #999; color: #FFF;}

.chkButton, .chkButtonGrn, .chkButtonOrg { font-size: 0.9em; font-weight: bold; color:#FFF;}
.chkButton  { background: url("/multimedia/layout/shop/button_grad_lgry.gif") repeat-x left center; border: 1px solid #666;}
.chkButton:hover { background: url("/multimedia/layout/shop/button_grad_lgry.gif") repeat-x left top; border: 1px solid #555;}
.chkButton:active { background: url("/multimedia/layout/shop/button_grad_lgry.gif") repeat-x left bottom; border: 1px solid #444;}

.chkButtonGrn  { background: #78DE78 url("/multimedia/layout/shop/button_grad_grn.gif") repeat-x left center; border: 1px solid #228822;}
.chkButtonGrn:hover { background: url("/multimedia/layout/shop/button_grad_grn.gif") repeat-x left top; border: 1px solid #117711;}
.chkButtonGrn:active { background: url("/multimedia/layout/shop/button_grad_grn.gif") repeat-x left bottom; border: 1px solid #006600;}

.chkButtonOrg  { background: #FFAF3A url("/multimedia/layout/shop/button_grad_org.gif") repeat-x left center; border: 1px solid #EB7500;}
.chkButtonOrg:hover { background: url("/multimedia/layout/shop/button_grad_org.gif") repeat-x left top; border: 1px solid #CC6F00;}
.chkButtonOrg:active { background: url("/multimedia/layout/shop/button_grad_org.gif") repeat-x left bottom; border: 1px solid #BF5C00;}

.chkImagePanel { background-color: #f0f0f0; border: 1px solid #aaa; padding: 2px; margin-bottom: 10px; }
.chkImagePanel .artworkHeading { padding: 3px; font-weight: bold; color: white; background-color: #999; }
.chkImagePanel .instructions label { font-weight: bold; color: Black; }
.chkImagePanel .radupload { width: 100%; }
.chkImagePanel textarea { width: 99%; }
.chkImagePanel .instructions { margin-right:3px;}
* html .chkImagePanel .instructions { margin-right:9px;}
.chkImagePanel .artworkHeading a {	
	padding-left: 20px;
	background: url(/multimedia/layout/icons/indesign16x16.gif) no-repeat left top ;
	color: #FFF;
	text-decoration:none;
}
.chkImagePanel .artworkHeading a:hover { text-decoration:underline;}

.chksummary div { height: 22px; padding: 2px 0 2px 0; }
.chksummary .subtitle { float: left; width: 806px; text-align: right; font-weight: bold;}
.chksummary .subtitle select {margin: 0;}
.chksummary .value { float: left; width: 82px; text-align: right;}
.summary { clear:both;}

.tblAddress, .tblAddress td { text-align: left; }

#pnlProceedArtwork div { margin-bottom: 10px; text-align: right; }

/* Shop CSS */
* html #prodimgcol { height:1%;}
* html #proddetailcol {height:1%;}
* html .pricebox {height:1%;}
* html .latesttech {height:1%;}
* html .pricebox .content select { width: 90%; }
/*
#prodimgcol {float:right; width:255px; margin-bottom:50px; padding:0;}
#proddetailcol {margin:0; margin-right: 255px; padding:0;}
*/

.productimage {text-align: center;}
.productimagetitle { margin-bottom:10px; padding: 2px; font-size: 0.9em; text-align: center;}

.productlist, .productlistalt {background: #FFF; border-bottom: 1px solid #666; margin-bottom: 10px; padding-bottom: 10px;}
.productlistalt {background: #F4F4F4;}

.pricebox {width:auto; margin: 0 0 15px 0px; background:#F8F8F8; border:1px solid #CCC;}
.pricebox .pbcontent { padding:9px 10px;}
* html .pricebox .pbcontent { width:100%}
.pricebox .pbcontent p { margin-bottom:10px;}
.pricebox .pbcontent select { font-size:0.9em; width: 100%; }
.pricebox #prodDetail_txtQuantity { font-size:0.9em;}
.pricebox .price, .pricebox .blacktext { font-size: 1.2em;}

.quantity-table { margin-bottom:10px; background:#FFF; border: 1px solid #5D92C0;}
.quantity-table th {background:#DDD url("/multimedia/layout/button_grad_blue.gif") repeat-x 0 0; color:#FFF;}
.quantity-table td { color:#333333;}
.quantity-table td, .quantity-table th {padding: 2px 3px;}
.pricebox .quantity-table td, .pricebox .quantity-table th {font-size: 0.9em;}

.unavailable { color:#C30;}
.available { color:#339933;}
.price { color:#069; font-size: 1.15em;}
.rrp { font-size: 1.15em; padding-left: 43px; text-decoration: line-through; }

#breadcrumb { margin-bottom: 10px; padding: 0px 5px; background: #E6F0F5; line-height: 2em; font-size:0.9em;}
#breadcrumb a { padding-right: 10px; color:#5087A3; text-decoration:none;}
#breadcrumb a:hover { text-decoration:underline;}

/* Category Overview CSS */

#catmiddle { width: 660px;}
#catright { float:right; width: 245px;}

* html #catmiddle {height:1%;}
* html #catright {height:1%;}
* html .promotions {height:1%;}

.categoryoverview { position:relative; float: left; width: 205px; height:220px; margin: 0 15px 15px 0; display: inline; text-align:center; background:#FFF url("/multimedia/layout/shop/cat-overview-back.gif") no-repeat left top;}
.categoryoverview h3, .categoryoverview h3 a, .categoryoverview h3 a:link, .categoryoverview h3 a:visited { color:#333;}
.categoryoverview h3 { margin: 0px; margin-bottom: 20px; padding: 4px 0px 0px 0px;}

.categoryoverview .catprices { position: absolute; top:20px; left: 1px; width:203px; background: transparent;}
/* .categoryoverview .catprices { position: absolute; top:130px; left: 1px; width:203px; background: transparent url("/multimedia/layout/shop/catprice-back-lg.png") no-repeat left center;} 
.categoryoverview .catprices .catpadding { padding: 5px; color: #FFF; font-weight:bold; font-size:1.1em} */
.categoryoverview .catprices .catpadding { padding: 5px; color: #226600; font-weight:normal; font-size:1em}


.categoryoverview .catbuttons { text-align:center;}
.categoryoverview .catbuttons img { vertical-align: middle; padding:5px;}

.promotions { margin-bottom: 15px; padding: 5px; border: 1px solid #5D92C0; background: #FFF url("/multimedia/layout/box_back_promo.jpg") no-repeat left center;}
.promotions h4 { margin: -5px; margin-bottom: 10px; padding: 3px 5px; background: #007ABC url("/multimedia/layout/button_grad_blue.gif") repeat-x 0 0; font-size:1.1em; color: #FFF;}

.promotions p  { color:#333; font-size: 1em;}
.promotions h4 a, .promotions h4 a, .promotions h4 a:link, .promotions h4 a:visited  {color: #FFF; text-decoration: none;}
.promotions h4 a:hover  {color: #FFF; text-decoration: underline;}

.promotions .promophoto  { float:left; width: 65px}
.promotions .promotext  { float:right; width:165px;}

.news-ind { padding: 5px 10px; margin-bottom:10px; background: url("/multimedia/layout/shop/button_grad_org.gif") repeat-x left top; border: 1px solid #F60;}
.news-ind a, .news-ind a:link, .news-ind a:visited { color:#000; font-weight:normal; }
.news-ind h3 {color:#FFF; }
.news-ind h3 a, .news-ind h3 a:link, .news-ind h3 a:visited {color: #FFF; font-weight: 700;}
.news-ind h3 a:hover {color: #FFF; text-decoration: underline;}
.news-ind p { font-size: 0.9em;}

.tick { margin: 0px; padding-left: 25px; list-style-position: outside; list-style-image: url(/multimedia/layout/icons/tick.gif);}
.tick li { vertical-align: top; padding-bottom: 5px;}

/* Category Product List CSS */

.prodlistbox { float: left; display: inline; width: 310px; height: 135px; margin: 0 15px 15px 0; background: url("/multimedia/layout/box_back_white_310.gif") no-repeat left top;}
.prodlistbox .padding  { padding: 10px 10px 10px 10px;}
.prodlistbox p { margin-bottom: 10px; line-height:1.1em;}
.prodlistbox h3, .prodlistbox h3 a, .prodlistbox h3 a:link, .prodlistbox h3 a:visited { color:#333;}
.prodlistbox h3 a:hover { color:#000;}
.prodlistbox h3 { margin:0; padding-left: 10px; line-height: 1.7em;}

/* Recommended Products CSS */
.prodrecbox, .prodrecbox .padding  { width: 100%;}
.prodrecbox  { margin-bottom: 15px; border: solid 1px #CCC; background: #FFF url(/multimedia/layout/shop/prodrecbox-back.gif) repeat-x left bottom;}
.prodrecbox .padding  { padding: 7px 7px 8px 7px;}
.prodrecbox p { margin-bottom: 10px; line-height:1.1em;}
.prodrecbox h4 { margin: 0px; padding: 0px; font-size: 1.4em; font-weight: bold; color: #656565;}
.prodrecimg {width:auto; margin: 7px 0px; padding:0px; text-align: center;}
.prodrecimg img { padding:2px; background: #FFF; border: 1px solid #EEE;}
.prodrectext {width:auto; padding: 0px; text-align: center;}
.prodrectitle {font-size: 1.0em; text-decoration: none !important;}
.prodrecbox hr { color: #CEE1ED; background-color: #CEE1ED; margin: auto 10px; width: auto;}

/* Shopping Cart */
#shoppingcart { width: auto;}

#shoppingcart fieldset { padding: 0px 10px 5px 10px; border: 1px solid #339933; background: url("/multimedia/layout/gradient150.gif") repeat-x 0 0; margin: 0px 0px 17px 0px;color: #333;}
#shoppingcart legend {display:block; width: 180px; line-height: 1.55em; padding: 0px 0px 0px 20px; border: none; background: url("/multimedia/layout/legend_shop.gif") no-repeat left center;color:#FFF;font-size: 1.1em;font-weight : bold;}
#shoppingcart legend .lgndwidth {display:block;width: 180px;}

.shoppingcartcontent { margin-top: 5px; padding: 0px; font-size: 0.95em;}
#shoppingcart hr{ color: #FFF; background-color: #FFF;}

.shopbutton { font-size: 0.8em; font-weight: bold; color:#FFF; background: url("/multimedia/layout/button_grad_grey.gif") repeat-x left center; border: 1px solid #4A4A4A;}
.shopbutton:hover { background: url("/multimedia/layout/button_grad_grey.gif") repeat-x left top; border: 1px solid #3A3A3A;}
.shopbutton:active { background: url("/multimedia/layout/button_grad_grey.gif") repeat-x left bottom; border: 1px solid #222;}

/* Category Filter */
#shopsubcatfilter { margin-bottom: 1em; padding: 5px; border: 1px solid #CCC; background: #e8e8e8; font-family:Arial, Helvetica, sans-serif;}
.subcatfilter { list-style:none; margin:0; padding:0; }
.subcatitem { display: -moz-inline-box;  display: inline-block; width: 140px; font-size: 0.9em;}
* html li.subcatitem { display: inline;}
.subcatmanufacturers { text-align: right; font-size: 0.9em;}

/* Bespoke CSS */
.notonline { padding: 10px; background: #E6FAE6; font: normal 1em; margin-bottom: 15px; border: 1px solid #339933; color: #333;}

.artwork {	padding: 10px; font: normal 1em; margin-bottom: 15px; background: #FEE; border: 1px solid #F99;color: #000;}
.artwork .template, .artwork .guideline {padding: 5px 0 8px 30px; display:block; min-height: 24px;}
.artwork .template { background: url(/multimedia/layout/icons/indesign24x25.gif) no-repeat 0em 0.3em;}
.artwork .guideline { background: url(/multimedia/layout/icons/pdf24x25.gif) no-repeat 0em 0.3em;}

.artwork a { color: #AA0000; text-decoration:none; display: block; }
.artwork a:hover { color: #CC0000; text-decoration:underline; display: block; }

.colourswatches p { padding-left: 18px; background: url("/multimedia/layout/icons/colour-swatches.gif") no-repeat left center;}

.lightinglink {padding: 0px 0px 5px 20px; font-size: 0.9em; background: url(/multimedia/layout/icons/lightbulb-s.gif)  no-repeat left top;}
.lightinglink a { text-decoration:none;}

.graphics {padding: 0px 0px 5px 20px; font-size: 0.9em; background: url(/multimedia/layout/icons/graphics.gif)  no-repeat left top;}
.graphics a { text-decoration:none;}

.qdelivery {}