/*CSS for shop item pages*/

#subtitleouter {position:relative; width:95%;}
#subtitleinner {margin:0px; padding-left: 10% 0px 0px 10px;}
#subtitleinner h2{color:#660000; font-weight:bold; font-size:24px;}

#optionsselect {position:absolute; left:32%; top:59px; width:180px; text-align:center;}
#optionsselect select{border:2px solid #fff; color:#fff; background-color:#660000; font-size:1.4em;}

#rightbits {margin-top:60px; width:95%; margin: 0px 5% 10px 0;}
#buyarea {background-color: #660000; width:100%; height:50px; text-align:right; color:#fff; padding-top:15px; border:0px solid #ff9900;}
#buyarea input, #buyarea select {color:#fff; background-color:#660000; border:2px solid #fff;}
#buyarea input.image {position:absolute; left:78%; top:182px; padding:2px; border:1px solid #fff; border-bottom:2px solid #fff; border-right:2px solid #fff; font-weight:bold; font-size:16px;}
#display_price {position:absolute; left:80%; top:130px; width:100px; text-align:right; font-size:30px; font-weight:bold; color:#660000;}
p.quantity {position:absolute; left:28%; top:188px; width:150px; font-size:2em;}

#leftbits {float:left; margin: 10px 20px 10px 20px; z-index:2000;}
#itempics #mainimg {position:relative; top:0px; left:0px; width:150px; height:150px; border:2px solid #660000;}
#itempics #smallimg {display:none;}

div#itempics:hover {position:absolute; width:450px; height:350px; background-color:#ebebeb; border:2px solid #b3212a; z-index:2000;}
#itempics:hover #mainimg {position:relative; top: 10px; left:10px; width:300px; height:300px; border:20px solid #ebebeb;}
#itempics:hover #smallimg {display:block; position:relative; bottom:315px; left:350px; width:80px; height:80px; border:10px solid #ebebeb;}

div.main_desc {margin:40px 5% 10px 20px; height:150px; font-size:1.5em;}
div.rest_desc {margin:0px 5% 10px 20px;}
div.rest_desc ul {margin-left:0px; padding-left:40px;}
div.rest_desc h2 {text-transform:uppercase;}