/*

Seaforth Services styles

Colours:

Dark blue: rgb(0,47,68)
Bright blue: rgb(0,62,109)
Light blue: rgb(190,217,236)
Highlighted light blue: rgb(229,240,247)
Cyan: rgb(0,158,224)
Turquoise: rgb(51,168,193)
Red: rgb(227,22,25)
Dark grey: rgb(103,103,103)
Grey: rgb(141,140,139)
Blue grey: rgb(166,173,183)

*/

/* Setup */

@font-face {
	font-family: 'Chaparral Pro Light Italic';
	src: url('../fonts/chaparralpro-lightit-webfont.eot');
	src: local('☺'), url('../fonts/chaparralpro-lightit-webfont.woff') format('woff'), url('../fonts/ChaparralPro-LightIt.otf') format('opentype'), url('../fonts/chaparralpro-lightit-webfont.svg#webfontq54JhG3L') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Chaparral Pro Light';
	src: url('../fonts/chaparralpro-light-webfont.eot');
	src: local('☺'), url('../fonts/chaparralpro-light-webfont.woff') format('woff'), url('../fonts/ChaparralPro-Light.otf') format('opentype'), url('../fonts/chaparralpro-light-webfont.svg#webfontq54JhG3L') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background-color:rgb(200,200,200); font-family:Helvetica, Arial, sans-serif; font-size:62.5%; color:rgb(103,103,103); }

h1 { font-family:"Chaparral Pro Light", "Times New Roman", serif; font-size:4.4em; margin-bottom:0px; text-transform:lowercase; font-weight:normal; }
h2 { font-family:"Chaparral Pro Light", "Times New Roman", serif; font-size:2.5em; text-transform:lowercase; font-weight:normal; margin-bottom:10px; }
h3 { font-family:"Chaparral Pro Light", "Times New Roman", serif; font-size:2.4em; text-transform:lowercase; font-weight:normal; color:rgb(227,22,25); margin-bottom:15px; }
h4 { font-family:"Chaparral Pro Light Italic", "Times New Roman", serif; font-size:2em; text-transform:lowercase; font-weight:normal; }
h5 { font-family:Helvetica, Arial, sans-serif; font-size:1.3em; font-weight:normal; margin-bottom:10px; }
h6 { font-family:Helvetica, Arial, sans-serif; font-size:1.1em; font-weight:normal; margin-bottom:5px; background-color:rgb(141,140,139); padding:5px 0 5px 10px; color:white; }

p { font-size:1.2em; line-height:1.5em; margin-bottom:10px; }
a { color:rgb(227,22,25); text-decoration:none; }
a:hover { text-decoration:underline; }

/* Other styles */

.red { color:rgb(227,22,25); }
.intro { font-size:1.4em; color:rgb(80,80,80); }
.bottom_link { margin-top:30px; }

/* Main DIVs */

#container { width:100%; }
#main { min-width:960px; max-width:1200px; margin:0 auto 0 auto; background-color:white; }
#header { padding:50px 0 60px 0; background-color:rgb(0,47,68); position:relative; }
#pageindex #header { padding-bottom:0; }
#content { padding:40px 0 0 60px; clear:both; }
#pageindex #content { padding-right:40px; }
#text { margin-right:489px; }
#pageindex #text { margin:0; }
#text_main { margin-top:40px; }
#pageindex #text_main { margin-top:0; margin-right:400px; }
#text h1 { color:rgb(0,47,68); margin-top:20px; }

/* Extra */

#logo { position:relative; left:60px; }
#picture_homepage { float:right; width:170px; margin:0 40px 0 40px; }
#logos_homepage { float:right; width:150px; text-align:center; }
#logos_homepage h5 { color:rgb(0,62,109); font-size:1em; text-transform:lowercase; margin-bottom:25px; }
#text_logos { margin-top:30px; }
.logo { display:inline; vertical-align:middle; margin-right:10px; padding:5px; }
.logo:hover { background-color:rgb(229,240,247); }
.quote { margin:5px 0 10px 0; color:rgb(0,47,68); }
p.quoteby { font-style:italic; font-size:1.2em; margin:0; }
.boxout { background-color:rgb(229,240,247); padding:10px; margin-top:15px; margin-bottom:20px; }

/* Menu (main) */

#menu_main { position:absolute; right:50px; top:76px; }
ul li { float:left; display:block; margin-left:15px; text-transform:lowercase; color:white; font-size:1.2em; padding:0 2px 0 2px; }
ul li a { color:white; text-decoration:none; border-bottom:none; }
ul li a:hover { border-bottom:1px solid rgb(227,22,25); padding-bottom:4px; text-decoration:none; }
ul li.selected { border-bottom:1px solid rgb(227,22,25); padding-bottom:4px; }

/* Menu (secondary) */

#menu_secondary { background-color:rgb(190,217,236); padding:0 0 0 60px; height:32px; overflow:hidden; }
#menu_secondary li { color:rgb(0,47,68); padding:0; margin:0; line-height:3em; font-size:1.1em; }
#menu_secondary li a { color:rgb(0,62,109); background-color:rgb(190,217,236); padding:10px 10px 10px 10px; }
#menu_secondary li.selected a { color:rgb(0,62,109); background-color:rgb(229,240,247); padding:10px 0 10px 0; }
#menu_secondary li a:hover { background-color:rgb(229,240,247); border:0; }
#menu_secondary li.selected { color:rgb(0,47,68); padding:0 10px 0 10px; border:0; background-color:rgb(229,240,247); }
#menu_secondary .menu_section { margin-right:15px; }

/* Banner */

#banner { height:375px; clear:both; color:white; position:relative; }
#banner h1 { font-size:6em; }
#banner h4 { position:absolute; bottom:40px; width:450px; }
#banner a { color:white; }
#banner a:hover { border-bottom:1px solid white; padding-bottom:2px; text-decoration:none; }
.banner_text { padding-left:60px; padding-top:50px; }
#picture_banner { position:absolute; right:0; top:0px; }
#banner_error { padding-top:70px; }

/* Picture */

#picture { float:right; margin:0 0 20px 40px; width:424px; position:relative; overflow:hidden; }
.section_link { width:138px; float:left; margin-left:5px; cursor:pointer; }
#section_heating.section_link { margin-left:0; }
.section_link_picture { width:138px; height:291px; background-position:top left; background-repeat:no-repeat; }
#section_heating_picture { background-image:url('../images/pic_heating.jpg'); background-color:rgb(227,22,25); }
#section_heating:hover #section_heating_picture { background-image:none; margin-top:-5px; height:296px; }
#section_cooling_picture { background-image:url('../images/pic_cooling.jpg'); background-color:rgb(0,158,224); }
#section_cooling:hover #section_cooling_picture { background-image:none; margin-top:-5px; height:296px; }
#section_water_picture { background-image:url('../images/pic_water.jpg'); background-color:rgb(51,168,193); }
#section_water:hover #section_water_picture { background-image:none; margin-top:-5px; height:296px; }
#section_heating h6 { background-color:rgb(227,22,25); }
#section_cooling h6 { background-color:rgb(0,158,224); }
#section_water h6 { background-color:rgb(51,168,193); }
h6.dim { background-color:rgb(166,173,183) !important; }
.picture_lower { display:block; }
#picture_carousel { height:245px; overflow:hidden; clear:both; }
#picture_carousel_content { position:relative; }
.picture_content { float:left; width:424px; position:relative; }
.picture_content_image { width:424px; height:220px; }
.picture_caption { display:block; line-height:2.5em; background-color:rgb(166,173,183); }
.picture_caption h5 { padding-left:10px; margin:0; font-size:1em; color:white; }
.picture_caption_arrows { display:block; position:absolute; bottom:0; right:0; z-index:50; padding-right:10px; background-color:rgb(166,173,183); }
.arrow { background-repeat:no-repeat; background-position:center center; width:25px; height:25px; display:block; float:left; cursor:pointer; }
.arrow_left { background-image:url('../images/icon_arrow_left.png'); }
.arrow_right { background-image:url('../images/icon_arrow_right.png'); }
.arrow_left:hover { background-image:url('../images/icon_arrow_left_hover.png'); }
.arrow_right:hover { background-image:url('../images/icon_arrow_right_hover.png'); }

/* Products */

#products { clear:both; position:relative; overflow:hidden; margin-top:50px; height:180px; background-color:white; background-image:url('../images/bkg_gradient_lightblue.jpg'); background-position:25px left; background-repeat:repeat-x; background-image: -moz-linear-gradient(100% 100% 90deg, white, rgb(229,240,247)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(229,240,247)), to(white)); }
#products_carousel { overflow:hidden; height:149px; }
#products_carousel_content { position:relative; }
.products_header { height:32px; display:block; line-height:3em; padding:0 10px 0 10px; color:white; position:relative; background-color:rgb(0,47,68); }
.products_header_arrows { display:block; position:absolute; top:0; right:10px; }
.products_header_arrows .arrow { height:32px; }
.product { width:284px; float:left; cursor:pointer; position:relative; border-right:1px solid rgb(229,240,247); border-bottom:1px solid rgb(229,240,247); }
.product:hover { background-color:white; }
.product:hover .product_image { opacity:0.5; }
.product a { color:rgb(0,47,68); }
.product_image { float:left; width:92px; height:124px; background-repeat:no-repeat; background-position:center center; }
.product_text { padding:15px 15px 0 10px; margin-left:102px; }
.product_text.no_picture { margin-left:0; padding-left:0; }
.product_text h5 { color:rgb(0,47,68); font-size:1.1em; }
.product_selected { display:block; background-color:rgb(0,62,109); clear:left; color:white; line-height:25px; position:absolute; z-index:50; bottom:-25px; width:100%; }
.product_selected h5 { padding-left:10px; margin:0; font-size:1em; }
.product_logo { display:block; margin-bottom:15px; }
ul.product_bullets { list-style:disc; margin-left:1em; padding-left:3px; }
ul.product_bullets li { color:rgb(0,158,224); float:none; margin:0; padding:0; display:list-item; font-size:1.1em; line-height:1.1em; }
#text ul.product_bullets li { line-height:1.4em; }
.product_features { margin-top:25px; margin-bottom:25px; }
.product_features h5 { color:rgb(0,62,109); margin-bottom:15px; }
#text_main ul.product_bullets li { color:rgb(141,140,139); margin:0 0 5px 0; font-size:1.2em; }
.pdf { line-height:3em; padding-left:25px; background-image:url('../images/icon_pdf.gif'); background-repeat:no-repeat; background-position:center left; }
.url { /*line-height:3em; padding-left:25px; background-image:url('../images/icon_url.png'); background-repeat:no-repeat; background-position:center left; */ }
#logo_supplier { float:right; width:100px; text-align:right; }

/* Clients */

.list { width:100%; margin-top:25px; }
.list td { width:50%; vertical-align:top; text-align:left; }
ul.list_standard { list-style:none; }
ul.list_standard li { float:none; display:block; color:rgb(103,103,103); text-transform:none; margin:0 0 5px 0; font-size:1.3em; line-height:1.5em; }
ul.list_standard li a { color:rgb(0,47,68); }

/* Services */

.service { margin:25px 0 15px 0; height:auto; /* padding:15px; background-color:rgb(229,240,247); */ cursor:pointer; clear:left; /*overflow:auto;*/ }
.service:hover a { text-decoration:underline; }
.service h3 { font-family:Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:normal; margin-bottom:10px; }
.service h4 { font-size:1.4em; }
.service .product_text { padding-top:0; }
.service p.bottom_link { margin-top:20px; margin-bottom:0; }

/* News */

.news_item { clear:left; margin-bottom:20px; }
.news_item .news_date { float:left; font-size:1.3em; line-height:1.3em; }
.news_title { color:rgb(0,62,109); line-height:1.3em; margin-bottom:5px; }
.news_title a { color:rgb(0,62,109); }
.news_article { margin-left:120px; }

/* Contact */

.office { margin-bottom:30px; }
.contact_office { font-size:1.6em; color:rgb(0,62,109); margin-bottom:5px; }
.contact_address { margin-bottom:5px; }
.contact_details { font-size:1.4em; line-height:1.5em; }

/* Form */

.error { background-color:rgb(229,240,247); padding:10px; margin-top:15px; }
.error h5 { font-size:1.4em; color:rgb(0,47,68); }
.error ul.product_bullets { margin:15px 0 15px 30px; }
.error li { color:color:rgb(0,47,68); }
.error p { margin-bottom:0; }
.row { clear:both; margin-bottom:10px; }
form { margin-top:20px; }
label { color:rgb(70,70,70); font-size:1.2em; display:block; float:left; width:100px; padding:2px 0 1px 0; line-height:1.5em; }
select , input , textarea { line-height:1.5em; padding:2px; }
.generic { border:1px solid rgb(200,200,200); background-color:rgb(245,245,245); }
input:focus { background-color:white; }
textarea:focus { background-color:white; }
.fullWidth { width:300px; }
.mediumWidth { width:200px; }
.smallWidth { width:20px; }
input.submit { clear:both; margin-top:10px; }
optgroup { color:black; }

/* Footer */

#footer { padding:90px 40px 30px 60px; overflow:auto; clear:both; }
#pageindex #footer { padding-top:70px; padding-right:0; }
#footer_text { color:rgb(141,140,139); }
#pageindex #footer_text { margin-left:150px; }
#footer_text h3 { margin-bottom:8px; color:rgb(141,140,139); font-size:2.1em; }
#footer_logos { float:right; width:211px; }
#pageindex #footer_logos { float:left; width:150px; }
.footer_reg { display:inline; font-size:1.1em; line-height:1.3em; }
.footer_address { font-size:1.1em; line-height:1.3em; margin-bottom:5px; }
.footer_office { margin-right:15px; }
ul#footer_links { display:inline; }
ul#footer_links li { display:inline; float:none; font-size:1.1em; line-height:1.3em; margin:0 15px 0 0; }
#pageindex ul#footer_links li { margin:0 0 0 15px; }
ul#footer_links li a { color:rgb(0,62,109); }
ul#footer_links li a:hover { border:none; text-decoration:underline; }

/* Sitemap */

#sitemap { background-color:rgb(229,240,247); padding:40px 40px 40px 60px; position:relative; }
#sitemap table { width:100%; }
#sitemap table td { vertical-align:top; }
#sitemap ul { list-style:none; }
#sitemap li { float:none; display:block; font-size:1.1em; line-height:1.4em; margin-left:0; }
#sitemap li.sitemapHeading { margin-bottom:10px; font-size:1.2em; color:rgb(103,103,103); }
#sitemap li.sitemapHeading a { color:rgb(0,47,68); }
#sitemap li.sitemapHeading a:hover { color:rgb(227,22,25); }
#sitemap li a { color:rgb(141,140,139); }
#sitemap li a:hover { color:rgb(0,47,68); border:none; }