/* Shop layout  */
#right .content { padding-top: 0px !important;}

/* 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/shop/chkStage-line.gif") repeat-x left bottom;}
#stages table, .chkBasket table { width:100%;}
.chkStage, .chkCurrentStage { display:block; padding-bottom: 15px; font-size: 1.1em; font-weight: bold; text-decoration:none;}
.chkStage, .chkStage:link { background: url("/multimedia/shop/chkStage-off.gif") no-repeat center bottom; color: #036;}
.chkStage:visited { color: #025;}
.chkCurrentStage, .chkCurrentStage:visited, .chkCurrentStage:link { background: url("/multimedia/shop/chkStage-on.gif") no-repeat center bottom; color: #360;}

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

.chkBasket { margin-bottom:15px; border: 1px solid #999;}
.chkBasket th { background: url(/multimedia/shop/chk-basket-back.gif) repeat-x left bottom; color: #333; line-height: 26px;}

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

.chkButtonGrn  { background: #690 url("/multimedia/layout/grad-grn.gif") repeat-x left center; border: 1px solid #470;}
.chkButtonGrn:hover { background: #690 url("/multimedia/layout/grad-grn.gif") repeat-x left top; border: 1px solid #580;}
.chkButtonGrn:active { background: #690 url("/multimedia/layout/grad-grn.gif") repeat-x left bottom; border: 1px solid #360;}

.chkButtonOrg  { background: #FFAF3A url("/multimedia/layout/grad-gold.gif") repeat-x left center; border: 1px solid #B1770B;}
.chkButtonOrg:hover { background: #FFAF3A url("/multimedia/layout/grad-gold.gif") repeat-x left top;}
.chkButtonOrg:active { background: #FFAF3A url("/multimedia/layout/grad-gold.gif") repeat-x left bottom;}

.chksummary div { height: 22px; padding: 2px 0 2px 0; }
.chksummary .subtitle { float: left; width: 830px; 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; }

/* 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:left; width:160px; margin-bottom:10px; padding:0;}
#prodimgcol img { border: 1px solid black;}
#proddetailcol {margin:0; margin-left: 170px; padding:0;}

.productimage {text-align: center;}
.productimagetitle { margin-bottom:10px; padding: 2px; font-size: 0.8em; color: #999; text-align: center; font-style: oblique;}

.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:#DCF6A3; border:1px solid #AACF58;}
.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 {display: none;}
.addto { margin: 0; padding: 0 0 0 15px; background: url(/multimedia/shop/addto-back.gif) no-repeat 0 0; line-height: 27px; color: #333; line-height: 27px;}
.addtobutton { width: 92px; height: 27px; float: right; margin: 0; padding: 0; border: none; background: url(/multimedia/shop/btn-addtobasket.gif) no-repeat 0 0; font-size: 0.9em; line-height: 27px;}

.itunes, .cdbaby { width: 90px; margin-top: 10px; padding: 0;}
.cdbaby { float: right; width: 90px;}

.profile { background: url('/multimedia/layout/back-profile-bot.gif') no-repeat left bottom;}
.profile h4 { margin-bottom: 10px; font-family: 'Eurostile', Verdana, Arial, sans-serif; color: #6699CC; font-weight: 700; font-size: 1.2em; text-transform: uppercase;}
.profile .propadding { margin-bottom: 10px; padding: 10px 16px 16px 15px; background: url('/multimedia/layout/back-profile-top.gif') no-repeat left top;}

.quotes { margin: 0 -25px; background: url('/multimedia/layout/quote-back.gif') no-repeat left top;}
.quotes h4 { margin-bottom: 10px; font-family: 'Eurostile', Verdana, Arial, sans-serif; color: #FFF; font-weight: 700; font-size: 1.2em; text-transform: uppercase;}
.quotes .qpadding { margin-bottom: 10px; padding: 10px 46px 16px 40px; background: url('/multimedia/layout/quote-end.gif') no-repeat right bottom;}

.albumnotes { margin-bottom: 15px; border: 1px solid #DCF6A3; background: #EEFAD2;}
.albumnotes h4 { margin: 0 0 5px -25px;  padding: 10px 10px 5px 40px;background: url('/multimedia/layout/icons/album-notes.png') no-repeat left 5px; font-family: 'Eurostile', Verdana, Arial, sans-serif; color: #FFF; font-weight: 700; font-size: 1.2em; text-transform: uppercase;}
.albumnotes h4 a {}
.albumnotes .notes-show { margin-bottom: 10px; padding: 10px 16px;}

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

/* Category Overview CSS */

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

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

.categoryoverview {margin: 0 0 15px 0; background:#FFF url('/multimedia/layout/back-profile-bot.gif') no-repeat left bottom;}
.categoryoverview h3, .categoryoverview h3 a, .categoryoverview h3 a:link, .categoryoverview h3 a:visited { color:#333;}
.categoryoverview h3 { margin: 0px; margin-bottom: 5px; padding: 0px;}

.categoryoverview .catprices { color: #226600; font-weight:normal; font-size:1.3em;}
.catpadding { margin-bottom: 10px; padding: 10px; background: url('/multimedia/layout/back-profile-top.gif') no-repeat left top;}

.categoryoverview .catimg { float: left; width:130px; background: transparent;}
.categoryoverview .catinfo { margin-left: 140px; background: transparent;}

.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: 305px; height: 130px; margin: 0 0 12px 0; background: #FFF url("/multimedia/shop/prodlistbox.gif") no-repeat left top;}
.prodlistbox .padding  { padding: 10px 10px 10px 10px;}
.prodlistbox p { margin-bottom: 10px; line-height:1.1em;}
.prodlistbox h4, .prodlistbox h4 a, .prodlistbox h4 a:link, .prodlistbox h4 a:visited { color:#333;}
.prodlistbox h4 a:hover { color:#000;}
.prodlistbox h4 { margin-bottom:5px; padding: 0px; font-size: 1.5em; font-weight: normal; line-height: 1em;}
.prodlistimg {width:105px; padding-top:9px;}
.prodlistimg img {padding-left:9px;}
.prodlisttext {width:200px; padding-top:8px;}

/* Recommended Products CSS */

.prodrecbox  { border: solid 1px #A6C9DE; background: #FCFEFF;}
.prodrecbox .padding  { padding: 10px 10px 10px 10px;}
.prodrecbox p { margin-bottom: 10px; line-height:1.1em;}
.prodrecbox h4 { margin:0px; padding: 5px 10px; font-size: 1.5em; font-weight: normal; color: #FFF; background: #24548B url(/multimedia/layout/grad-blue.gif) repeat-x left top;}
.prodrecimg {width:70px; margin-right: 10px; padding-top:9px;}
.prodrecimg img {padding:0px; border: 1px solid #FFF;}
.prodrectext {width:200px; padding-top:8px; font-size: 0.9em;}
.prodrectext strong {font-size: 1em;}
.prodrectitle {font-size: 1.4em;}
.prodrecbox hr { color: #CEE1ED; background-color: #CEE1ED; margin: auto 10px; width: auto;}

/* Shopping Cart */
#shoppingcart { width: auto;}
#shoppingcart fieldset { margin: 0px 0px 17px 0px; padding: 0px 10px 5px 10px; border: 1px solid #9BBDDE; color: #333333;}

#shoppingcart legend{ display:block; width: 180px; padding: 0px 0px 0px 20px; border: none; background: url("/multimedia/shop/legend-shop.gif") no-repeat left top; 
	font-size: 1.1em; font-weight : bold; font-family: Eurostile, Verdana, Arial, sans-serif; color:#2A6AAC; line-height: 1.9em; text-transform: uppercase;}

#shoppingcart legend .lgndwidth { display:block; width: 180px;}
#shoppingcart legend .hideshow {float:right; padding:7px 10px 0 0;}

.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:#333; background: url("/multimedia/layout/grad-gold.gif") repeat-x left center; border: 1px solid #B1770B;}
.shopbutton:hover { background: url("/multimedia/layout/grad-gold.gif") repeat-x left top; color:#000;}
.shopbutton:active { background: url("/multimedia/layout/grad-gold.gif") repeat-x left bottom;}

/* 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 { margin-bottom: 15px; padding: 10px 10px 10px 10px; background: #E6FAE6; font: normal 1em; border: 1px solid #339933; color: #333;}

/* Login CSS */
.loginTable { margin-bottom: 15px; border-collapse:collapse; border: 1px solid #989898; background: #f4f4f4;}
.loginTable th { background: #989898; color:#FFF;}
.maxLoginsExceeded { display:block; margin:10px 0; padding:3px 5px; background:#AA0000; color:#FFF; font-weight:bold;}
.loginbutton { font-size: 0.9em; color: white; font-weight: bold; background: #5689B7 url("/multimedia/layout/grad-blue.gif") repeat-x left center; border: 1px solid #1E5288;}
.loginbutton:hover { background: #5689B7 url("/multimedia/layout/grad-blue.gif") repeat-x left top; border-top: 1px solid #1362A8; border-left: 1px solid #1362A8;}
.loginbutton:active { background: #5689B7 url("/multimedia/layout/grad-blue.gif.gif") repeat-x left bottom; border: 1px solid #000;}

.forgotpassword {margin-bottom: 15px;}