/*CSS for shop overview pages*/

#items h2 {font-size: 1.7em; font-weight:normal;}
#items h3 {font-size: 1.3em; font-weight:bold;}
#items h4 {font-size: 1em;}
#items a{color:#222; font-weight:normal; text-decoration:none;}
#items a:visited{font-weight:normal; text-decoration:none;}
#overview p{font-size:1.4em;}

div.info {width:90%; padding:2%; margin: 10px 4% 10px 2%; background-color:#e2e0de; color:#222; text-align:left;}

/* block in which to place each group for sale */
.singleitem, .multipleitem {display:block; min-height:104px; margin-top:65px; margin-bottom:20px; position:relative; cursor:pointer; cursor:hand;}

/* position each item within the block */
img.mainimg {position:absolute; left:95px; top:0px; border:2px solid #660000; height:100px; width:100px;}

h3.price {position:absolute; right:60px; top:-29px; margin:0px; padding:6px 3px 2px 2px; background-color:#660000; color:#ff9900; text-align:center; width:60px; height:22px;font-variant:small-caps;}

h3.subtitle {display:block; position:absolute; left:197px; right:60px; top:0px; margin:0px; padding: 4px 0px 0px 5px; border-bottom: 2px solid #660000; height:20px;}

.shortdesc {position:absolute; top:0px; left:197px; right:60px; border:2px solid #660000; border-left:0; min-height:70px; padding:30px 5px 0px 5px; font-size:1.3em;}

.comment {position: absolute; bottom:-20px; right:60px; text-align:center; height:16px; padding:2px 5px 2px 5px; margin:0px; color:#fff; background:#660000;font-size:1.0em; font-variant:small-caps;}


/* additional style for when there is more than one item in a group */
.multipleitemtitles {position:absolute; top:0px; left:0px; width:100px; border-top:2px solid #660000;}
.multipleitemtitles h4 {display:block; width:90px; font-size:0.9em; margin:0px; padding:4px 3px 0px 0px; background:#fff; color:#660000; font-size:0.9em; text-align:right;}

.multipleitem h3.group, 
.singleitem h2 {display:block; position:absolute; top:-26px; left:95px; width:100px; height:23px; border:2px solid #660000; color:#ff9900; background-color: #660000; padding:0px; padding-top:2px; margin:0px; text-align:center;}

.multipleitem .modelcount {position:absolute; top:-16px; height:17px; left:0px; width:90px; text-align:right; color:#660000; font-size:0.5em;padding-right:5px; font-size:1em;}

img.tellmemore {display:none;}