/*CSS for shop area*/
#centre {position:absolute; top:80px; left:50px; right:50px;}
#overview {display:block; max-width:38%;float:left;font-size:0.9em; line-height:1.1em;text-align:justify;}
#overview p {padding-right:50px;}
#items {display:block; width:58%; min-width:500px;float:right;}

/*styles for h4 titles that get hovered over to change the product showing */
.activeitem {background: #8e0; color:#fff;}
.inactiveitem {background: #fff; color:#0c0;}

.pricespacer {float:right; height:50px; width:60px;}

.singleitem, .multipleitem {display:block; min-height:104px; margin-top:65px; margin-bottom:20px; background-color:#fff; position:relative; }

.singleitem h3.price , .multipleitem h3.price  {position:absolute; right:10px; top:-10px; margin:0px; padding:10px; color:#0c0; font-style:normal;text-align:right: width:40px; height:20px;z-index:100;font-size:1.0em;z-index:800;}

.singleitem img.tellmemore, .multipleitem img.tellmemore {border:1px solid #ee7700; height:2px; width:2px; position:absolute; right:0px;top:0px;}

.singleitem h3.subtitle , .multipleitem h3.subtitle {display:block; position:absolute; left:224px; right:0px; top:0px; margin:0px; padding:0px; background-color:#fff; color:#0c0; border-bottom: 1px solid #0c0;font-style:normal;text-align:left;padding-left:5px; height:20px; font-size:1.0em; font-weight:normal;}

img.mainimg {position:absolute; left:100px; top:-30px; background: url('/graphics/img-background.png'); padding:40px 10px 10px 10px; height:100px; width:100px; border:0px; z-index:200;}

.singleitem .comment, .multipleitem .comment {text-align:right; position: absolute; bottom:-20px; right:0px; height:16px; padding:2px 5px 2px 5px; margin:0px; color:#fff; background:#ee7700;font-size:1.0em; font-variant:small-caps; font-weight:normal;}

.singleitem .shortdesc, .multipleitem .shortdesc {position:absolute; top:0px; left:224px; right:0px;min-height:80px; padding-top:30px;font-size:0.8em; line-height:1.0em;padding-left:5px; padding-right:5px;padding-bottom:0px;font-weight:normal;color:#000;}

.multipleitemtitles {position:absolute; top:0px; left:0px; width:90px; border-top:0px solid #0c0; z-index:1000;}
.multipleitemtitles h4 {display:block; width:100%; font-size:0.9em; margin:0px; text-align:right; padding:0px 10px 0px 0px; font-weight:normal; font-style:normal; z-index:1000;}

.multipleitem h3.group, .singleitem h2  {display:block; position:absolute; top:-14px; left:115px; width:100px; height:25px; color:#fff; padding:0px 0px 0px 0px; font-weight:bold; font-style:normal; margin:0px; font-size:1.0em; text-align:center;z-index:500;}
.multipleitem .modelcount {position:absolute; top:-17px; height:17px; left:0px; width:95px; text-align:right; color:#0c0; font-size:0.7em;padding-right:3px;font-weight:normal;display:none;}


.clear{
  clear: both;
}