/***************************************************************/
/***Midsummer shop style file - additional stylish for shop area *********/
/***************************************************************/

/*layout*/
#leftwide {position: absolute; left:0px; top:35px; width:240px; background:#ff9;padding:0px; color:#b00;}
#right {font-size:0.7em;text-align:right;}
#overview_info {float:right; display:block; width:240px; border:1px solid;border-color: #ffcc00; padding:10px; background:#ff9; font-size:0.9em;}
#centre3 {position: absolute; left:260px; top:50px;right:10px; padding:10px;}
#centre2 {position: absolute; left:198px; top:50px;right:120px; padding:10px;background:#f50;color:#fff}
#centre2 h1 {color:#ffc}
#buybox {display:block;width:150px; height:210px; background:url(http://midsummerenergy.co.uk/buy_solar_panels/shop_graphics/buy_box_background_210.gif) no-repeat; float:right; text-align:center;}
.box200px {background:#ff9; border:1px solid;border-color: #ffcc00;padding:5px; margin:5px;margin-bottom:10px;width: 163px}

/*make links in left and right areas without underline on hover*/
#left a:link, #right a:link {color:#006633;font-weight: bold; text-decoration:none;}
#left a:visited, #right a:visited {color:#006630;font-weight: bold;text-decoration:none;}
#left a:active, #right a:active{color:#006633;font-weight: bold;text-decoration:none;}

/*styling in centre area */
#centre2 a:link , #centre2 a:visited, #centre2 a:active{color:#fc0;}
#centre2 a:hover {color:#fc0;}
#centre2 img {padding:5px;margin:5px;}

/*lists in kit pages. Could be improved...*/
ul.kitlist {list-style:none; margin-left:0px;}
ul.kitlist li { background-image: url(graphics/dot_orange.gif);
background-repeat: no-repeat; background-position: 0 .4em;
padding-left: .9em; font-size: 0.8em;}

/*styling for shop menu*/
dl {color:#000;width: 163px;font-size:1.1em; color:#ff9900;}
dt{margin:6 0 0 10px;}
dd {margin: 0px; font-size:0.8em; color:#000; font-weight:normal;;padding: 0 2 0 2 px;}
dd a{display:block; padding: 0 3 0 3px; background:#fc0;margin:2px;list-style:none;text-decoration:none;color:#063;font-weight: bold;}
dd a em {display:none;}
dd a:hover{display:block; list-style:none;background:#f50;padding: 0 px;}
dd a:hover em {display:block;text-decoration:none; color:#063;font-size:0.8em; font-style:normal;font-weight:normal;
position:absolute;left: 100px;width:160px; z-index:200; background:#fc0;border:2px solid #f50;padding:5px;}

dl.overview_shop {width: 240px;}
dl.overview_shop dd  a{background:#ff9;clear:both;}
dl.overview_shop dd a em {display:block;text-decoration:none; color:#063;font-size:0.8em; font-style:normal;font-weight:normal;line-height:1.0em; background:#ff9;}
dl.overview_shop dd a:hover em {position:relative; left:0px;}

#overview_info td {font-size:0.8em;}

dl.infobox {width:240px;}
dl.infobox dd a {font-weight:normal;}
dl.infobox dd a:hover {color:#fff;text-decoration:none;}

/*stuff for individual boxes on 'upper' shop pages. at bottom is fix for IE - don't add anything below as won't be parsed by other browsers*/
.box1 {width: 100px; height:100px; background-color: #f50; float:left;border:none;margin:0px;}	 
.box3 {width: 60px; height:100px; background-color: #f50;float:right;border:none;margin:0px;}
.box2 {height:auto; min-height:100px; background-color: #f50;border:none;margin:5px 0px 5px 0px;} 

a.shopitem, a.shopitem:link, a.shopitem:visited, a.shopitem:hover  {font-weight: normal ;text-decoration:none;color:#fff}
span.itemtitle {font-size:1.2em; color:#fff;line-height:1em; padding:0em;margin:0em;}
span.itemsubtitle {font-size:0.6em; color:#fff; line-height:0.8em;}
div.itemtext {font-size:0.8em; color:#fff;  text-align:left; line-height:1.0em;padding:0em;margin:0em;}

.hidden em {display:none;}
.hidden a:hover{display:block; background:#ff5;}
.hidden a:hover em{display:block; font-size:0.8em;font-style:normal;font-weight:normal;}

/*IE fix*/
/*\*/
* html .box2{ height:100px;}
\**\