/* (c) Windmill - (r) wsuk 20110810 2235 */
/* for the Wagner Solar UK site */

body {
   background: #ffffff url(../gfx/site-background.gif) repeat-y 50% 0;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 14px;
   color: #333333;
   text-decoration: none;
   text-align: left;
}

#wrapper {
   width: 976px;
   margin: 0 auto;
   padding: 0px;
   z-index: 1;
}
#content {
   position: relative;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   margin: 0 auto;
   padding: 0px;
   z-index: 2;
}

b.title {
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   font-size: 18px;
   font-weight: bold;
   line-height: 18px;
   color: #666666;
}

b.subnote {
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #666666;
}

a {
   color: #000000;
   text-decoration: underline;
}
a:hover {
   color: #ffbb00;
   text-decoration: underline;
}

img.img_news {
   width: 264px;
   padding: 8px 0 8px 15px;
   float: right;
}

div.top {
   background: #ffffff url(../gfx/top.gif) no-repeat;
   width: 976px;
   height: 11px;
   margin: 0;
   padding: 0;
}

div.top_tab {
   background: #ffffff url(../gfx/top-tab.gif) no-repeat;
   width: 976px;
   height: 24px;
   margin: 0;
   padding: 0;
}

div.header {
   background: #ffffff url(../gfx/background.gif) repeat-y;
   width: 976px;
   height: 160px;
   margin: 0;
   padding: 0;
}

#breadcrumbs {
   width: 100%;
   padding: 3px 0 10px 32px;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #999999;
}

#breadcrumbs a {
   width: 100%;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
}

#breadcrumbs a:hover {
   width: 100%;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   text-decoration: none;
}

#main_menu {
   width: 100%;
   padding: 0 0 0 16px;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #333333;
}

#main_menu ul {
   background: #ffffff no-repeat;
   width: 82px;
   float: left;
   list-style: none;
   border: none;
   margin: 0;
   padding: 0;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 26px;
   font-weight: bold;
   text-align: center;
}

#main_menu li {
   width: 100%;
   margin: 0;
   padding: 0;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 26px;
   font-weight: bold;
}

#main_menu li a {
   display: block;
   width: 100%;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #999999;
   text-decoration: none;
}

#main_menu li a.main-menu-on {
   display: block;
   width: 100%;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   text-decoration: none;
}

#main_menu li a.logo {
   display: block;
   width: 100%;
   margin: 0 0 0 256px;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   text-decoration: none;
}

#main_menu li a:hover {
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   text-decoration: none;
}

#sub_menu {
   border-color: #999999;
   border-top-style: solid;
   border-top-width: 1px;
   width: 910px;
   height: 25px;
   margin: 0px 0 0 32px;
   padding: 2px 0 0 0;
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #333333;
}

div.submenu_left {
   float: left;
   background: #ffbb00 url(../gfx/menu/submenu-left.gif) no-repeat;
   width: 8px;
   height: 19px;
}

div.submenu_right {
   float: left;
   background: #ffbb00 url(../gfx/menu/submenu-right.gif) no-repeat;
   width: 11px;
   height: 19px;
}

div.submenu_tab {
   float: left;
   background: #ffbb00 url(../gfx/menu/submenu-tab.gif) repeat-x;
   height: 18px;
   padding: 1px 0 0 0;
}

a.submenu {
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}

a.submenu:hover {
   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}

#header_alert {
   background-color: #e0e0e0;
   border-color: #cccccc;
   border-top-style: solid;
   border-top-width: 1px;
   width: 956px;
   height: 31px;
   margin: 0 0 0 10px;

   font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #333333;
}


div.panel_content {
   margin: 0 22px 0 33px;
}

div.panel_tops_1_2_3 {
   background: #ffffff url(../gfx/panel-tops-1-2-3.gif) no-repeat;
   width: 976px;
   height: 22px;
   margin: 0;
   padding: 0;
}
div.panel_1_2_3 {
   background: #ffffff url(../gfx/panel-sides-1-2-3.gif) repeat-y;
   width: 976px;
   margin: 0;
   padding: 0;
}
div.panel_feet_1_2_3 {
   background: #ffffff url(../gfx/panel-feet-1-2-3.gif) no-repeat;
   width: 976px;
   height: 11px;
   margin: 0;
   padding: 0;
}

div.panel_tops_12_3 {
   background: #ffffff url(../gfx/panel-tops-12-3.gif) no-repeat;
   width: 976px;
   height: 22px;
   margin: 0;
   padding: 0;
}
div.panel_12_3 {
   background: #ffffff url(../gfx/panel-sides-12-3.gif) repeat-y;
   width: 976px;
   margin: 0;
   padding: 0;
}
div.panel_feet_12_3 {
   background: #ffffff url(../gfx/panel-feet-12-3.gif) no-repeat;
   width: 976px;
   height: 11px;
   margin: 0;
   padding: 0;
}

div.panel_tops_1_23 {
   background: #ffffff url(../gfx/panel-tops-1-23.gif) no-repeat;
   width: 976px;
   height: 22px;
   margin: 0;
   padding: 0;
}
div.panel_1_23 {
   background: #ffffff url(../gfx/panel-sides-1-23.gif) repeat-y;
   width: 976px;
   margin: 0;
   padding: 0;
}
div.panel_feet_1_23 {
   background: #ffffff url(../gfx/panel-feet-1-23.gif) no-repeat;
   width: 976px;
   height: 11px;
   margin: 0;
   padding: 0;
}

div.panel_one_col {
   float: left;
   width: 264px;
   margin: 0 11px 0 0;
   padding: 0 16px 0 16px;
}

div.panel_two_col {
   float: left;
   width: 571px;
   margin: 0 11px 0 0;
   padding: 0 16px 0 16px;
}

div.slideshow_tops_12_3 {
   background: #ffffff url(../gfx/slideshow-tops-12-3.gif) no-repeat;
   width: 976px;
   height: 22px;
   margin: -25px 0 0 ;
   padding: 0;
}
div.slideshow_12_3 {
   background: #ffffff url(../gfx/slideshow-sides-12-3.gif) repeat-y;
   width: 976px;
   margin: 0 0 12px 0;
   padding: 0;
}
div.slideshow_feet_12_3 {
   z-index: 5;
   position: absolute;
   top: 362px;
   background: url(../gfx/slideshow-feet-12-3.gif) no-repeat;
   width: 976px;
   height: 32px;
   margin: 0 0 0 0;
   padding: 0;
}

div.slideshow_content {
   z-index: 1;
   margin: -12px 0 12px 34px;
}

div.slideshow_two_col {
   float: left;
   width: 601px;
   margin: 12px 0 0 0;
   padding: 0 0 0 0;
}

div.slideshow_one_col {
   float: left;
   width: 250px;
   margin: 0 11px 0 0;
   padding: 16px 32px 0 32px;
}


span.newsdate {
   float: left;
   width: 84px;
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   color: #666666;
   font-size: 11px;
   font-weight: bold;
}

span.newslist {
   float: left;
   width: 180px;
   padding: 0 0 8px 0;
}
 
span.form_label {
   float: left;
   width: 85px;
}

span.form_field {
   float: left;
   width: 200px;
}

div.footer {
   background: #ffffff url(../gfx/footer.gif) no-repeat;
   width: 912px;
   height: 102px;
   margin: 0;
   padding: 28px 32px 0 32px;
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   font-size: 9px;
   font-weight: normal;
   color: #999999;
}

div.sitemap_col {
   float: left;
   width: 152px;
   padding: 0 0 5px 0;
}

a.sitemap {
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   font-size: 10px;
   line-height: 11px;
   font-weight: normal;
   color: #999999;
   text-decoration: none;
}

a.sitemap:hover {
   font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", sans-serif;
   font-size: 10px;
   line-height: 11px;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
}

div.clear {
   width: 100%;
   height: 1px;
   margin: 0 0 -1px;
   clear: both;
}

hr {
   background-color: #999999;
   color: #999999;
   width: 100%;
   height: 1px;
   border: none;
}