/*
 Screen style    
 Site: Greenwatt
*/
body { font-size: 75%; text-align: center; padding: 28px 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
div#top:after, .product:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrappers */
#wrapper { width: 850px; margin: 0 auto; text-align: left; }
#wrapperdoc { width: 600px; margin: 0 auto; text-align: left; }
#inner-wrapper { background: url(../images/bg/inner-wrapper.gif) repeat-y; padding: 11px 20px 10px 20px; }

/* Header */
#header { height: 88px; position: relative; }
#header .logo { position: absolute; top: 0; left: 0; width: 257px; height: 84px; }
#header .logo span { background-image: url(../images/text/logo.gif); }
#header ul { position: absolute; top: 5px; right: 20px;  }
#header .call { width: 168px; height: 34px; margin-bottom: 13px; }
#header .call span { background-image: url(../images/text/call.gif); }
#header .get-in-touch { width: 168px; height: 21px; }
#header .get-in-touch span { background-image: url(../images/text/get-in-touch.gif); }

/* Navigation */
#nav-search { background: url(../images/bg/nav.gif) bottom no-repeat; }
#nav { height: 41px; }
#nav li { float: left; }
#nav .accessibility { display: none; }
#nav a { background: #B3D777; display: block; height: 41px; line-height: 41px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; z-index: 1; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover, #nav a.current { background: #fff; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01 { width: 80px; }
#nav a#nav02 { width: 87px; }
#nav a#nav03 { width: 120px; }
#nav a#nav04 { width: 96px; }
#nav a#nav05 { width: 100px; }
#nav a#nav06 { width: 80px; }
#nav a#nav07 { width: 95px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }
#nav a#nav07 span { background-image: url(../images/nav/07.gif); }

/* Top */
div#top { margin-bottom: 20px; }

/* Top: Main picture */
#top .main-picture { position: relative; float: left; width: 553px; height: 232px; }
#top .main-picture h1 { position: absolute; display: block; top: 34px; left: 14px; z-index: 2; }
#top .main-picture p { position: absolute; display: block; top: 126px; left: 14px; z-index: 2; }
#top .main-picture .decorative { position: absolute; display: block; top: 0; left: 0; z-index: 1; }

/* Top: Buttons */
#top .buttons { float: right; width: 236px; }
#top .buttons li { margin-bottom: 7px; padding-left: 62px; background-repeat: no-repeat; min-height: 53px; }
#top .buttons li.funding { background-image: url(../images/bg/funding.gif); }
#top .buttons li.events { background-image: url(../images/bg/events.gif); }
#top .buttons li.case-studies { background-image: url(../images/bg/case-studies.gif); }
#top .buttons li.technology-hub { background-image: url(../images/bg/technology-hub.gif); margin: 0; }
#top .buttons h3 { line-height: 1.1; margin-bottom: 5px; }
#top .buttons p { font-size: 0.92em; line-height: 1.25; margin: 0; }
#top .buttons a:hover { background: #176624; color: #fff; text-decoration: none; }

/* Content */
#content { float: left; width: 539px; margin-top: 15px; }
#content a:hover { background: #176624; color: #fff; text-decoration: none;  }
#content ul { list-style: disc; margin: 0.5em 0 1.5em 27px; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap, #content ul.privacy { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content h3 { margin-bottom: 0.5em; }
#content .client { font-size: 0.92em; color: #666; margin: -5px 0 20px 0; }
#content .contact {
	font-size: 14px;
	color: #666;
	background-image: url(../images/bg/contact.jpg);
	height: 129px;
	width: 538px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	text-align: right;
}
#content .top {
	text-align: right;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	margin-top: 0px;
}
#content .top2 {
	text-align: right;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
}

/* Newsletter in content column */
.newsletter2 { margin: 30px 10px 0 25px; }
.newsletter2 input { vertical-align: middle; }
.newsletter2 .text-input { border: 1px solid #ccc; padding: 3px 4px; width: 232px; margin: 0 6px 0 0; }

/* Events */
.events th { font-weight: bold; }
.events td { padding-bottom: 15px; }
.events td.date { width: 150px; color: #666; }
.outofdate {
	color: #666;
	text-decoration: line-through;
}
.icon {
	margin-bottom: 2px;
	margin-right: 5px;
}


/* Sidebar */
#sidebar { float: right; width: 236px; }

/* Secondary navigation */
.sec-nav { margin-bottom: 19px; line-height: 1.25; background: url(../images/bg/sec-nav.gif) no-repeat; padding-top: 15px; }
.sec-nav .inner { background: url(../images/bg/sec-nav.gif) bottom no-repeat; padding: 0 1px 10px 1px; }
.sec-nav h3 { margin: 0 0 10px 20px; }
.sec-nav li { margin-bottom: 1px; }
.sec-nav a { font-size: 1.08em; color: #333; text-decoration: none; display: block; width: 184px; padding: 7px 10px 7px 40px; background: url(../images/bg/dot1.gif) 20px 50% no-repeat; }
.sec-nav a:hover, .sec-nav a.current { background: #C2DF92 url(../images/bg/dot2.gif) 20px 50% no-repeat; }
.third-nav a {
	color: #333;
	text-decoration: none;
	display: block;
	width: 184px;
	background-image: url(../images/bg/dot3.gif);
	background-repeat: no-repeat;
	background-position: 40px 50%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 50px;
}
.third-nav a:hover {
background: #C2DF92 url(../images/bg/dot4.gif) 40px 50% no-repeat;
}
/* Newsletter */
.newsletter { margin-bottom: 9px; line-height: 1.25; font-size: 0.92em; background: url(../images/bg/sidebar-box.gif) no-repeat; padding-top: 15px; }
.newsletter .inner { background: url(../images/bg/sidebar-box.gif) bottom no-repeat; padding: 0 19px 7px 16px; }
.newsletter h3 { font-size: 1.27em; line-height: 1.25; margin-bottom: 4px; }
.newsletter p { margin-bottom: 8px; }
.newsletter input { vertical-align: middle; margin: 0; }
.newsletter .text-input { border: 1px solid #ccc; padding: 3px 4px; width: 132px; margin: 0 6px 0 0; }

/* Enquiries */
.enquiries { line-height: 1.2; font-size: 0.92em; background: url(../images/bg/sidebar-box.gif) no-repeat; padding-top: 15px; }
.enquiries h3 { font-size: 1.27em; line-height: 1.25; margin-bottom: 4px; }
.enquiries p { margin: 0; }
.enquiries .inner {
	background-image: url(../images/bg/sidebar-box.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0;
	padding-right: 19px;
	padding-bottom: 10px;
	padding-left: 16px;
}
.enquiries .enquiry { background: url(../images/bg/enquiries.gif) top right no-repeat; height: 35px; margin-top: 9px; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 380px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin-left: 10px; }

/* Home Page */
.home div#top { margin-bottom: 10px; }
.home #content { width: 500px; margin: 35px 0 0 0px; }

/* Product */
.product { margin: 5px 0 29px 0; }
.product .product-img { float: left; display: block; border: 1px solid #ccc; }
.product .inner { margin-left: 153px; }
.product h2 { font-size: 1.5em; margin: 0 0 2px 0; }
.product h2 a { text-decoration: none; }
.product p { margin-bottom: 12px; }
#content .product ul { list-style: none; margin: 0; }
#content .product li { margin: 0; }
#content .product .bar li { float: left; font-weight: bold; }
#content .product .bar li.price { color: #176624; width: 85px; margin-right: 36px; }
#content .product .bar .qty label { vertical-align: middle; }
#content .product .bar .qty input { vertical-align: middle; font-size: 0.92em; border: 1px solid #ccc; width: 1em; padding: 4px 4px; text-align: center; font-weight: bold; }
#content .product .bar .add { font-size: 0.92em; float: right; padding-left: 21px; background: url(../images/bg/basket.gif) left center no-repeat; margin-right: 17px; }

/* Footer */
#footer { clear: both; background: url(../images/bg/footer.gif) no-repeat; padding: 25px 0 0 0; }
#footer a { color: #333; }
#footer a:hover { background: #333; color: #fff; text-decoration: none; }
#footer p { margin: 0; }
#footer .division { margin-top: 6px; }
#footer .division a { text-decoration: none; }

/* vCard */
#footer .vcard { float: left; width: 510px; }
#footer .vcard p { margin-bottom: 10px; }
#footer .vcard strong { color: #176624; }
#footer .vcard .tel { margin-right: 11px; }

/* Footer links */
#footer .links {
	float: right;
	width: 300px;
	font-size: 11px;
}
#footer .links ul { float: right; }
#footer .links li { float: left; margin-left: 15px; }
#footer .links li.first { margin-left: 0; }
#footer .links p { clear: both; text-align: right; }
#wrapper .search {
	float: right;
	margin: 0px;
	padding: 0px;
}

#searchbox {
	padding: 0;
	margin: 0;
	float: right;
}

#searchbox input { vertical-align: middle; }