/* CSS Document */

* { padding:0px; margin:0px; list-style:none;}

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/backgrounds/main.gif) repeat-x #ffffff;}

img { border:0px;}

.clear { clear:both }

#advert { position:absolute; top:45px; left:auto; right:auto; margin-left:295px;}


#wrap { width:780px; margin:auto; margin-top:20px; margin-bottom:0px;}
#wrap.home { background:url(../images/backgrounds/right-home.gif) right repeat-y #FFFFFF; }
#wrap.sub { background:#FFFFFF; }

#wrap .header {}

#wrap .header h1 { background:url(../images/banner.jpg) no-repeat; width:780px; height:210px; text-indent:-99999px; font-size:0px;}
#technologies #wrap .header h1 { background:url(../images/technologies-banner.jpg) no-repeat; width:780px; height:210px; text-indent:-99999px; font-size:0px;}

#wrap .header .breadcrum { background:url(/images/backgrounds/breadcrum.gif) no-repeat; height:25px; overflow:hidden;}
#technologies #wrap .header .breadcrum { background:url(/images/backgrounds/technologies-breadcrum.gif) no-repeat; height:25px;}
#wrap .header .breadcrum p { color:#FFFFFF; margin-left:25px; padding-top:5px; padding-bottom:5px; float:left; }
#wrap .header .breadcrum a { color:#ffffff;}
#wrap .header .breadcrum p.telephone-number { float:right; width:153px; height:15px; display:block; text-indent:-99999px; margin:0px; margin-top:5px; margin-right:35px; }
#wrap .header .breadcrum p.telephone-number.renewables { background:url(/images/backgrounds/technologies-phone-number.jpg) no-repeat;  }
#wrap .header .breadcrum p.telephone-number.training { background:url(/images/backgrounds/training-phone-number.jpg) no-repeat; }

#wrap .header #js_clock { background:url(../images/backgrounds/clock.gif) repeat-x; padding:9px; border:1px solid #FFFFFF; float:left; position:absolute; top:213px; left:auto; right:auto; margin-left:600px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:132px; text-align:center;}


#wrap .content { overflow:hidden; margin-bottom:20px;}
#wrap .content .leftcol { width:155px; padding-left:10px; float:left;}
#wrap .content .leftcol ul.mainnav { background:url(/images/backgrounds/nav/background.gif); padding-top:10px; padding-bottom:10px; padding-left:10px; margin-bottom:3px; margin-top:10px;}
#wrap .content .leftcol ul.mainnav li { width:136px; padding-top:1px;}
#wrap .content .leftcol ul.mainnav li.no-link { padding:5px; color:#ffffff;}
#wrap .content .leftcol ul.mainnav li a { text-decoration:none; color:#ffffff; padding:5px; display:block; letter-spacing:-1px;}
#wrap .content .leftcol ul.mainnav li a:hover { background:url(../images/backgrounds/nav/hover.gif) bottom right no-repeat #92a3c4; color:#ffffff;}
#wrap .content .leftcol ul.mainnav li.orange-link a { color:#eec412;}
#wrap .content .leftcol ul.mainnav li.green-link a {color:#ced525;}
#wrap .content .leftcol ul.mainnav li.border-top { border-top:1px solid #ffffff; margin-top:8px; padding-top:5px;}
#wrap .content .leftcol ul.mainnav li.border-bottom { border-bottom:1px solid #ffffff; margin-bottom:8px; padding-bottom:5px; }
#wrap .content .leftcol ul.mainnav li.active a { background:url(../images/backgrounds/nav/active.gif) bottom right no-repeat #4a5970; color:#FFFFFF; display:block; padding:5px;}
#wrap .content .leftcol ul.mainnav li.active a:hover { border:none;}

#wrap .content .leftcol ul.mainnav li ul { margin-left:5px;}
#wrap .content .leftcol ul.mainnav li ul li a { color:#fed01c;}
#wrap .content .leftcol ul.mainnav li.active ul li a { color:#fed01c; background:none;}
#wrap .content .leftcol ul.mainnav li.orange-link.active ul li a { color:#ffffff; background:none;}
#wrap .content .leftcol ul.mainnav li.green-link.active ul li a { color:#ced525; background:none;}
#wrap .content .leftcol ul.mainnav li ul li a:hover { color:#fed01c; background:none; text-decoration:underline;}
#wrap .content .leftcol ul.mainnav li.orange-link ul li a:hover { color:#ffffff; background:none; text-decoration:underline;}
#wrap .content .leftcol ul.mainnav li.green-link ul li a:hover { color:#ced525; background:none; text-decoration:underline;}
#wrap .content .leftcol ul.mainnav li ul li.active a { color:#fed01c; background:none; text-decoration:underline;}
#wrap .content .leftcol ul.mainnav li.orange-link ul li.active a { color:#ffffff; background:none; text-decoration:underline;}
#wrap .content .leftcol ul.mainnav li.green-link ul li.active a { color:#ced525; background:none; text-decoration:underline;}

#wrap .content .leftcol a.diy { color:#000000; text-decoration:none; background: url(../images/backgrounds/diy.gif) no-repeat top #99cce5; display:block; padding-top:135px; text-align:center; line-height:16px; padding-bottom:5px;}
#wrap .content .leftcol a.diy .red { color:#ff0000; font-size:13px;}
#wrap .content .leftcol a.pdf { background:url(../images/backgrounds/phone.gif) no-repeat center left #64a8d2; padding:5px; padding-left:58px; padding-right:0px; display:block; margin-top:3px; color:#FFFFFF; text-decoration:none; font-size:13px; font-family: Arial, Helvetica, sans-serif;}

#wrap .content .leftcol img { margin-top:5px; margin-left:4px; float:left;}

#wrap .content .leftcol p a.technologies-link { background:url(/images/backgrounds/technologies-link.jpg) no-repeat; width:155px; height:140px; display:block; margin-top:10px; text-indent:-99999px;}

#wrap .content .center { padding-left:20px; float:left; padding-top:10px; padding-right:10px;}
#wrap .content .center.small { width:375px; }
#wrap .content .center.small p.global-training { margin-bottom:0px;}
#wrap .content .center.small p.global-training a { display:block; text-indent:-999999px; background:url(/images/backgrounds/global-training.gif) no-repeat; width:374px; height:130px;}
#wrap .content .center.small hr { margin:20px 0px; border:0px; border-top:1px solid #7185ab;}

#wrap .content .center h2 { color:#282d63; font-size:19px; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #7185ab; padding-bottom:5px;}
#wrap .content .center h3 { color:#282d63; font-size:16px; font-weight:bold; margin-bottom:3px; margin-top:15px;}
#wrap .content .center h4 { color:#282d63; font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:3px; }
#wrap .content .center h5 { color:#282d63; font-size:12px; font-weight:bold; margin-top:15px; margin-bottom:3px; }
#wrap .content .center p { line-height:18px; margin-bottom:15px;}
#wrap .content .center p.full_image { float:right; margin-left:10px; margin-top:20px;}
#wrap .content .center p strong { color:#282d63;}
#wrap .content .center a { color:black;}
#wrap .content .center ul {}
#wrap .content .center ul li { padding-left:10px; margin-bottom:6px; background:url(../images/backgrounds/bullet.gif) 0px 8px no-repeat; line-height:18px;}

#wrap .content .center ol { margin-left:20px;}
#wrap .content .center ol li { padding-bottom:6px; list-style:decimal; line-height:18px;}
#wrap .content .center .center-align { margin-left:75px;}

#wrap .content .center table { border-collapse: collapse; border-spacing: 0; margin:0px 0px 0px 0px; width:572px;}
#wrap .content .center table tr th { padding:5px; border:1px #cccccc solid; text-align:left; background:#617286; color:#ffffff;}
#wrap .content .center table tr td { padding:5px; border:1px #cccccc solid;}

#wrap .content .center iframe { border:1px solid #cccccc; margin:20px 0px;}

#wrap .content .center.large { width:572px;  }
#wrap .content .center.large h4 { color:#282d63; font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:3px; }
#wrap .content .center.large h4 a { color:#282d63; font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:3px; text-decoration:none; }
#wrap .content .center.large h4 a:hover { text-decoration:underline; }
#wrap .content .center.large p { margin-top:10px;}
#wrap .content .center.large p.date { font-size:10px; color:#999999; line-height:10px; margin-bottom:0px; margin-top:0px; }
#wrap .content .center.large .article { clear:both; overflow:hidden;}
#wrap .content .center.large .article p.image { margin-top:0px;}
#wrap .content .center.large .article .image img { float:left; margin-right:10px; margin-top:14px;}
#wrap .content .center.large .article .full_image img { float:right; margin-left:10px; margin-top:20px;}

#wrap .content .center #manage-images { display:none;}

#wrap .content .center .training-buttons { border-top:1px solid #7185ab; padding-top:8px; margin-top:10px;}
#wrap .content .center .training-buttons a { display:block; background-repeat:no-repeat; width:373px; height:85px; text-indent:-99999px; overflow:hidden;}
#wrap .content .center .training-buttons a.plumbing-courses { background-image:url(/images/buttons/plumbing-courses.jpg);}
#wrap .content .center .training-buttons a.electrical-training { background-image:url(/images/buttons/electrical-training.jpg);}
#wrap .content .center .training-buttons a.renewable-training { background-image:url(/images/buttons/renewable-training.jpg);}

#wrap .content .center .renwables-order-link { background:url(/images/backgrounds/renewales-order-background.jpg) no-repeat; width:572px; height:104px; overflow:hidden; margin-top:20px;}
#wrap .content .center .renwables-order-link h4 { display:none;}
#wrap .content .center .renwables-order-link p { display:none;}
#wrap .content .center .renwables-order-link p.order-link { display:block;}
#wrap .content .center .renwables-order-link p.order-link a { display:block; width:107px; height:20px; overflow:hidden; text-indent:-99999px; margin-left:296px; margin-top:69px;}

#wrap .content .center .training-order-link { background:url(/images/backgrounds/training-book-background.jpg) no-repeat; width:572px; height:104px; overflow:hidden; margin-top:20px;}
#wrap .content .center .training-order-link h4 { display:none;}
#wrap .content .center .training-order-link p { display:none;}
#wrap .content .center .training-order-link p.download-link { display:block; float:left; margin-top:66px; margin-left:296px;}
#wrap .content .center .training-order-link p.download-link a { display:block; width:107px; height:25px; overflow:hidden; text-indent:-99999px; }


#wrap .content .right { float:left; }

#wrap .content .right.big { width:202px; margin-top:10px; padding-right:8px;}
#wrap .content .right.big .latest-offers { margin-left:21px; border:1px solid #ffffff; overflow:hidden;}
#wrap .content .right.big .latest-offers h4 { margin:13px; background:url(/images/backgrounds/latest-offers-titles.gif) no-repeat; width:115px; height:16px; display:block; text-indent:-99999px;}
#wrap .content .right.big .latest-offers ul li { list-style:disc; color:#ced525; margin:10px 0px; margin-left:26px;}
#wrap .content .right.big .latest-offers ul li p { color:#ffffff;}
#wrap .content .right.big .latest-offers .order-link a { background:url(/images/backgrounds/latest-offers-order-button.jpg) no-repeat; width:127px; height:28px; display:block; text-indent:-99999px; margin-left:43px; overflow:hidden; }

#wrap .content .right.big .diy-kits { background:url(/images/backgrounds/diy-kits-background.jpg) no-repeat; width:182px; height:172px; margin-top:10px; margin-left:21px; overflow:hidden; }
#wrap .content .right.big .diy-kits h4 { display:none;}
#wrap .content .right.big .diy-kits .order-link a { background:url(/images/backgrounds/diy-kits-order-button.jpg) no-repeat; width:127px; height:28px; display:block; text-indent:-99999px; margin-left:45px; overflow:hidden; margin-top:144px;}

#wrap .content .right.big .latest-offers.training { margin-left:21px; border:1px solid #ffffff; overflow:hidden;}
#wrap .content .right.big .latest-offers.training h4 { margin:13px; background:url(/images/backgrounds/training-latest-offers-title.jpg) no-repeat; width:146px; height:16px; display:block; text-indent:-99999px;}
#wrap .content .right.big .latest-offers.training ul li { list-style:disc; color:#fed01c; margin:10px 0px; margin-left:26px;}
#wrap .content .right.big .latest-offers.training ul li p { color:#ffffff;}
#wrap .content .right.big .latest-offers.training .book-link a { background:url(/images/backgrounds/training-latest-offers-book-button.jpg) no-repeat; width:127px; height:28px; display:block; text-indent:-99999px; margin-left:43px; overflow:hidden; }

#wrap .content .right.big .view-training a { background:url(/images/backgrounds/view-training-facility.jpg) no-repeat; display:block; width:183px; height:173px; text-indent:-99999px; margin-top:10px; margin-left:21px; overflow:hidden;}

#wrap .content .right.big .clock { margin-left:50px; margin-top:30px;}
/*
#wrap .content .right.big .infobox { background:url(../images/backgrounds/right-info.gif) no-repeat bottom right #d3d4ce; margin-left:20px; padding-bottom:5px;}
#wrap .content .right.big .infobox h3 { color:#FFFFFF; background:url(../images/backgrounds/right-h3.gif) no-repeat bottom right #44536a; padding:3px; padding-left:24px; margin-top:20px; font-size:11px; font-weight:bold;}
#wrap .content .right.big .infobox p { color:#000000; padding:3px; padding-left:24px; margin-top:5px; line-height:18px; }
#wrap .content .right.big .infobox p strong { font-size:15px;}
#wrap .content .right.big .infobox p a { color:#000000;}
#wrap .content .right.big .promotion { background:#fff1b2; border:1px solid #000000; margin-top:20px; margin-left:20px; padding:5px; }
#wrap .content .right.big .promotion h3 { color:#ff1d16; font-size:11px; font-weight:bold;}
#wrap .content .right.big .promotion p { color:#000000; padding:3px; margin-top:5px; line-height:18px; }
#wrap .content .right.big .promotion p b { color:#ff0000; }
#wrap .content .right.big .promotion p a { color:#000000;}
#wrap .content .right.big img.phone { position:absolute; margin-left:-5px;}
#wrap .content .right.big img.why-our { position:absolute; margin-left:-3px; margin-top:5px;}
#wrap .content .right.big img.news { position:absolute; margin-left:-2px; margin-top:5px;}

#wrap .content .right.big .kyoto-countdown { margin:0px;}
#wrap .content .right.big .kyoto-countdown a { background:url(/images/backgrounds/kyoto-countdown.gif) no-repeat; margin-top:-35px; margin-left:14px; position:absolute; display:block; width:196px; height:50px; text-indent:-99999px; overflow:hidden;}

#wrap .content .right.big h3 { display:block; width:143px; height:43px; text-indent:-999999px; background:url(/images/backgrounds/where-would-you-like-to-go.gif) no-repeat; margin-top:30px; margin-left:36px;}

#wrap .content .right.big h4 { display:block; width:190px; height:28px; text-indent:-999999px; margin:20px 0px 10px 14px; }
#wrap .content .right.big h4 .icon { display:block; position:absolute; background-repeat:no-repeat; margin-left:-22px; margin-top:-10px;}
#wrap .content .right.big h4.training-courses { background:url(/images/backgrounds/traning-courses.gif) no-repeat;}
#wrap .content .right.big h4.training-courses .icon { background:url(/images/backgrounds/clip-board-icon.png); width:69px; height:115px;}
#wrap .content .right.big h4.our-technologies { background:url(/images/backgrounds/our-technologies.gif) no-repeat;}
#wrap .content .right.big h4.our-technologies .icon { background:url(/images/backgrounds/graph-icon.png); width:68px; height:115px;}
#wrap .content .right.big p { margin:0px 0px 10px 66px; color:#ffffff; font-weight:bold; line-height:150%; letter-spacing:-1px;}
#wrap .content .right.big ul { margin:0px 0px 0px 66px;}
#wrap .content .right.big ul li { color:#ffffff; margin-bottom:8px; background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; letter-spacing:-1px;}
#wrap .content .right.big ul li a { color:#ffffff; text-decoration:none;}
#wrap .content .right.big ul li a:hover { text-decoration:underline;}
#wrap .content .right.big ul.training-courses li { background-image:url(/images/backgrounds/yellow-bullet.gif);}
#wrap .content .right.big ul.our-technologies li { background-image:url(/images/backgrounds/orange-bullet.gif);}
*/


#wrap .content .right.small2 { width:108px; margin-top:10px; padding-right:5px;}
#wrap .content .right.small2 .infobox { text-align:center; margin-left:5px; margin-top:15px;}
#wrap .content .right.small2 .infobox h3 { font-size:11px;color:#ffffff;}
#wrap .content .right.small2 .infobox a { color:#ffffff; text-decoration:none;}
#wrap .content .right.small2 .infobox a:hover { text-decoration:underline;}

#wrap .footer { background:url(../images/backgrounds/footer.png) repeat-x #ffffff; clear:both; padding-top:18px; padding-bottom:0px;}
#technologies #wrap .footer { background:url(../images/backgrounds/technologies-footer.gif) repeat-x #ffffff;}
#wrap .footer ul { padding:20px 0px 0px 0px; overflow:hidden;}
#wrap .footer ul li { float:left; margin-left:20px;}
#wrap .footer p { color:#FFFFFF; text-align:center; padding-top:5px;}
#wrap .footer a { color:#ffffff;}

#wrap .content .center .form textarea { font-family:Verdana, Arial, sans-serif; font-size:11px;width:95%; padding:3px;}
#wrap .content .center .form input {font-family:Verdana, Arial, sans-serif; font-size:11px;padding:3px;}
#wrap .content .center .form table td {padding:3px;}

#wrap .content .center #flash-notice { background-color:green; margin:0px; padding:0px; font-weight:bold;color:#ffffff;padding:3px;}
#wrap .content .center #flash-notice p { margin:0px;padding:0px;} 
#wrap #errorExplanation {background:#efefef;padding:5px;}
#wrap #errorExplanation h2 { font-size:15px; font-weight:bold; color:red; }