/*************************************/
/***Midsummer common style file*********/
/*************************************/

/*Some general things - base font and link styling, headers and paragraphs*/
body,td,a,p,.h {font-family:Trebuchet MS, Verdana, Tahoma,arial,helvetica,sans-serif;font-size:1.0em; padding: 0px; margin: 0px;}

ul, ol, li {font-family:Trebuchet MS, Verdana, Tahoma,arial,helvetica,sans-serif;font-size: 0.9em;}

 a:link{color:#006633;font-weight: bold; text-decoration:none;}
 a:visited{color:#006633;font-weight: bold;text-decoration:none;}
 a:hover{color:#ff0000;font-weight: bold;text-decoration:underline;}
 a:active{color:#063;font-weight: bold;text-decoration:none;}

h1 {font-size:1.5em; color:#ff9900;font-weight:normal;;padding-top:2px;padding-bottom:2px; margin:0px;}
h1 a:link {color:#ff9900;font-weight:normal;}
h1 a:visited{color:#ff9900;font-weight: normal;text-decoration:none;}
h1 a:hover{color:#ff0000;font-weight: normal;text-decoration:underline;}
h1 a:active{color:#660000;font-weight: normal;text-decoration:none;}

h2 {font-size:1.1em; color:#ff8800;font-weight:normal;padding-top:2px;padding-bottom:2px; margin:0px;}
p {padding-top:5px; font-size:0.9em;}
sup {vertical-align: top;}
 
/*Various layout options*/
#left {position: absolute; left:0px; top:35px; width:173px; background:#ff9;padding:0px; color:#b00;}
#two_panel_left {position: absolute; left:0px; top:35px;right:120px; padding:10px;}
#centre {position: absolute; left:198px; top:35px;right:120px; padding:10px;}
#right {position: absolute; right:10px; top:45px; width:100px;padding:5px;}
#equal_left {position: absolute; left:0px; top:35px;right:50%; padding:10px; margin:10px;}
#equal_right {position: absolute; left:50%; top:35px;right:0px;padding:10px;margin:10px}
#single_panel {padding:10px;margin:10px; margin-top:45px;}
#left_shop {position: absolute; left:0px; top:35px; width:200px; background:#fc0;padding:0px; color:#b00;}
#ccc {position: absolute; left:210px; top:35px;right:120px; padding:10px;}

/*Navbar menus*/
#navbar {background: #fedb4f; position:fixed; top:0px; left:0px; width:100%; height:35px; padding:0px; margin:0px; overflow:none;}
#navbar a#home {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_logo.png"); float:left; display:block; width:150px; height:35px;}
#navbar a#home:hover {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_logo_warped.png");}
#navbar a#navsearch {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_search.png"); float:right; display:block; width:50px; height:35px;}
#navbar a#navsearch:hover {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_search_text.png");}
#navbar a#navcontact {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_contact.png"); float:right; display:block; width:50px; height:35px;}
#navbar a#navcontact:hover {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_contact_text.png");}
#navbar a#navnews {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_news.png"); float:right; display:block; width:50px; height:35px;}
#navbar a#navnews:hover {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_news_text.png");}
#navbar a#navinfo {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_info_fade.png"); float:right; display:block; width:50px; height:35px;}
#navbar a#navinfo:hover {background: #fc0 url("http://midsummerenergy.co.uk/graphics/nav_info_fade_text.png");}
#navbar #navlocation {position:fixed; top:0px; left:200px; padding-top:8px; color:#fff;}
#navbar #left_hidden {display: none; position: absolute; left: 10px; top: 30px; border-right:1px solid #fc0; border-bottom:1px solid #fc0;}
#navbar #right_hidden {display: none; position: fixed; right: 100px; top: 30px;  border-right:1px solid #fc0; border-bottom:1px solid #fc0;}
#navbar #second_right_hidden {display: none; position: fixed; right: 50px; top: 30px;  border-right:1px solid #fc0; border-bottom:1px solid #fc0;}
#navbar ul {list-style-type:none; padding:0px; margin:0px; background: #fc0;}
#navbar span#navcurrent {float:left; padding:0px; margin:0px;}
#navbar span#navinfofade, #navbar span#navsecondright {float:right;}
#navbar span#navcurrent:hover div, #navbar span#navinfofade:hover div, #navbar span#navsecondright:hover div{display: block;}
#navbar li  {display:block; height:24px; width:150px; padding:0px; margin:-3px;}
#navbar li a {text-decoration:none; font-weight:normal; font-size:0.83em; color: #0b4; display:block; height:24px; width:150px; background: #fc0 url(http://midsummerenergy.co.uk/graphics/menuarrowbk.png) center left no-repeat; padding: 3px 0px 0px 15px; margin:0px; border-top: 1px solid #fd0;border-bottom:none;}
#navbar li a:hover {background: #fd3 url(http://midsummerenergy.co.uk/graphics/menuarrowbklight.png) center left no-repeat;}

/*Some commonly used styling*/
.box {background:#ff9; border:1px solid;border-color: #ffcc00;padding:5px; margin:0px;margin-bottom:10px;}
.block_lists {display:block; width:300px; background-color:#fc0;padding: 5 5 5 5px;margin:5px;list-style:none;text-align:center;}
.block_lists a:link {padding: 5px; text-align:center;}
.date {color:#FF9900; font-size:0.7em; text-align:right;}

#holiday {color:#f00; font-size:1.0em;}


/***********************************************************************************/
/***Midsummer shop menu style - revised Dec 09 -used to be in separate file*********/
/***********************************************************************************/

/*layout - should replace div #left in common style file*/
#shopmenu {position: absolute; left:5px; top:40px; width:175px; background:#ff9; border:1px solid #fc0;padding:5px; margin:5px;margin-bottom:10px;}

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

dl.boxlist {border:1px solid #063; width:175px;margin:10px;}
dl.boxlist dt {background:#063; color:#fff;padding-top:2px; padding-bottom:2px;}
dl.boxlist dt a{color:#fff;}

dl.boxlist dd {background:#fff; color:#063; margin:0px; border:0px; padding:0px;}
dl.boxlist dd a{background:#fff; color:#063; margin:0px; border:0px; padding:0px;}


/*styling for shop menu*/
#shopmenu dl {color:#000;width: 172px;font-size:1.05em; color:#ff9900;}
#shopmenu dt{margin:6 0 0 10px;padding-left:5px;margin-top:6px;}
#shopmenu dd {margin: 0px; font-size:0.8em; color:#000; font-weight:normal;padding: 0px;position:relative;}
#shopmenu dd a{display:block; padding:3px; padding-top: 0px; padding-bottom:0px; background:#fc0;margin:2px;list-style:none;text-decoration:none;color:#063;font-weight: normal;}
#shopmenu dd a:hover{background:#f50;}
#shopmenu dd div.onhover {display:none;}
#shopmenu dd:hover div.onhover {display:block; color:#063; font-weight:normal; position:absolute; left: 120px; top:-40px; width:200px; z-index:200; background:#ff9; border:2px solid #063; padding:5px; }
#shopmenu dd:hover div.onhover img {border:1px solid #063; padding:0px; margin:4px;float:left;}
#shopmenu dd:hover div.onhover dl { background-color:#fff}
#shopmenu dd:hover div.onhover dl dd {display:block; width:125px; margin:0px; padding:0px; background-color:#fff;margin-right:30px;}
#shopmenu dd:hover div.onhover dl dd a {display:block;background:#fff;font-weight:normal;}
#shopmenu dd:hover div.onhover dl dd a:hover{background:#fff; text-decoration:underline;}
#shopmenu dd:hover div.onhover h3 {margin-top:4px; margin-bottom:4px; padding:0px;}