/**********************************************************************

	cfe-llc.com
	version: 	1a
	owner:		james cooke
	handcoded by robots for ewebbed.co.uk

**********************************************************************/
html,body{height: 100%;overflow:hidden;}
body{font: normal 62.5%/1em Georgia,Arial, Verdana; }

h2{clear: both;line-height: 1em;font-size: 4.4em; margin: 0 0 20px 0; color: #5fa0d1;}
h2.white{color:#fff;}
h3{line-height: 1em;font-size: 3.2em; margin: 0 0 14px 0; color: #878e93;}
p{margin: 0 0 10px 0;}
a{color: #fff; text-decoration: underline;}
a:hover{color: #5fa0d1}


.clear{clear: both;}

.loading, .sending{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background:url(../images/template/black60.png) repeat transparent;z-index:1001;}
.loading img, .sending img{position:absolute; left: 50%; top: 50%; margin: -60px 0 0 -195px;}

input, textarea{font: normal 62.5%/1em Georgia, Arial, Verdana;}

#supersize{position: fixed; left: 0px; top: 0px;z-index: 0;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0; display: none;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1; }
#supersize .activeslide, #supersize .activeslide img{z-index: 2;display: block;}


#overflow{position: relative;width: 100%; height: 100%; z-index: 10; background: none; overflow: hidden; overflow-y:auto;}
#container{position: relative;clear: both; z-index: 20;}

.page{position: relative;float: left; display: inline;width: 100%;margin: 0 0 400px 0;}
#page-contact{margin-bottom: 0;}

.header{float: right; display: inline;clear: both; padding: 10px 34px 0 0; height: 145px;}
#page-home .header{padding: 20px 110px 0 0;height: 250px;}

#footer{position: fixed; bottom: 0px; left: 0px; width: 100%; height: 30px; background: /*url(../images/template/bgFooter.png) repeat-x left bottom;*/ #18639D; z-index: 1000;}
#footer p, #footer a{color: #fff; font-size: 1.3em; margin: 0 0 0 34px; padding: 10px 0 0 0;}
#footer a.ewebbed{position: absolute; right: 10px;top: 6px; text-decoration: none; font-size: 1em; text-indent: -10000em; background: url(../images/template/ewebbed.png) no-repeat left top; height: 17px; width: 200px;}
#footer a{font-size: 1em; padding: 0; margin: 0;}
#footer a:hover{text-decoration: underline; color: #fff;}

.navigation{position: relative; float: right; display: inline;width: 100%;}
.navigation ul li {height: 75px;}
.navigation ul li a{float: right; display: inline;height: 75px;cursor: pointer;}

.navigation ul li a span{display: block;height: 80px; line-height: 80px; text-indent: -4000em;}


.navigation ul li a.nav-products{width: 500px;background: url(../images/template/navigation/products.png) no-repeat right top;}
.navigation ul li a.nav-who{width: 341px;background: url(../images/template/navigation/who.png) no-repeat right top;}
.navigation ul li a.nav-contact{width: 550px;background: url(../images/template/navigation/contact.png) no-repeat right top;}

.navigation ul li a:hover, .navigation ul li.on a{background-position: right bottom;}

.sub-navigation{float: left;display: inline; padding: 80px 0 0 0;}
.sub-navigation ul{height: 62px; background: url(../images/template/navigation/subnav/subnav.png) no-repeat left top;}
.sub-navigation ul li{float: left;display: inline;height: 62px; margin: -1px 0 0 0;}
.sub-navigation ul li a{position: relative;float: left;display: inline; height: 62px; text-indent:-1000em;} 
.sub-navigation ul li a.nav-products{z-index: 100;width: 312px;background: url(../images/template/navigation/subnav/products.png) no-repeat right top;}
.sub-navigation ul li a.nav-who{z-index: 90;margin: 0 -24px 0 -30px;width: 195px;background: url(../images/template/navigation/subnav/who.png) no-repeat right top;}
.sub-navigation ul li a.nav-contact{z-index: 60;width: 323px;background: url(../images/template/navigation/subnav/contact.png) no-repeat right top;}

.sub-navigation ul li a:hover, .sub-navigation ul li a.on{background-position: left bottom;}
.sub-navigation ul li a.nav-contact:hover{z-index: 60;}


/* @group container */
.container{clear:both;}
.container, .containerB{float: right;display:inline;clear: both; width: 97%;}
.containerB{margin: 0 0 8px 0;}

.container h2{clear: both;margin: -10px 0 20px 0;}
.container p{float:left; display: inline; width: 100%;font-size: 1.4em; line-height: 1.4em;color: #acaeaf;}
.container ul{padding: 0 20px 20px 20px;}
.container ul li{color: #fff; font-size: 1.4em; line-height: 1.4em;}

.container1{background: url(../images/container/1/containerT.png) no-repeat left top;}
.container1B{height: 42px;background: url(../images/container/1/containerB.png) no-repeat left top;}
.container1 h2{margin: -12px 0 10px 0;}

.container1 .padding{float:left; display: inline;padding:20px 20px 40px 40px;}
.column-left{float: left; display: inline; width: 99%;border-right: 1px solid #5d5d5d;}
.column-right{float: left; display: inline; width: 29%; }


.container1B .column-left{border: 0px;}

.container2{margin: -8px 0 0 -40px;background: url(../images/container/2/containerT.png) no-repeat left top;}
.container2B{height: 42px;background: url(../images/container/2/containerB.png) no-repeat left top;}
.container2 .padding{float:left; display: inline;padding:40px 20px 20px 40px;}

.container1 p:last-child, .container2 p:last-child{margin: 0;}

.container3{position: relative;height: 357px; margin: 0 0px 0 10px;background: url(../images/container/3/containerT.png) no-repeat left top;}
.container3 .intro-pic{position: absolute; top: 20px;left: 9px; width: 482px; height: 314px; overflow: hidden;}
.container3 .intro-pic a{position:relative;}
span.icon-zoom{position: absolute; left: 20px; top: 260px;display: block;width: 118px; height: 47px; text-indent: -1000em;background: url(../images/icons/enlarge.png) no-repeat left top; z-index: 200;}
.container3 .intro-pic a:hover span.icon-zoom{}
.container3 .intro-pic img{position: relative; display: block;z-index: 50;}
.container3 .intro-pic #map-container{position: absolute; top: 0px;left: 0px; width: 482px; height: 314px; z-index:40;}
.container3 p{line-height: 1.3em;}


.intro-images{width: 10000px;height: 314px; }
.intro-images ul{padding: 0;}
.intro-images li{padding: 0; width: 482px; height: 314px;}
.intro-images a{float: left;display: inline; margin: 0 20px 0 0;}


.gmnoprint{z-index: 1000;}
.container3 .product-details{position: absolute; top: 46px;left: 530px; padding: 0 30px 0 0;}
.container3 .product-details h2{margin: 0 0 14px 0;}

.container3 .page-options{position: absolute; left:480px; top: 280px;}

.columns{float: left; display:inline;clear: both; width: 100%;}
.column{float: left; display:inline;}
.column-quarter{width: 22.2%; margin-right: 3%;}
.column-quarter:last-child{margin-right: 0;}

.column-left .padding{padding: 0 40px 0 0;}
.column-right .padding{padding: 0 0 0 40px;}
/* @end */


.page-content{position: relative;clear: both;float: left;display: inline; width: 100%;}


.products h3{color: #fff; font-size: 2.6em;text-align: center; margin: 0 0 15px 0;}
.products a{display:block; height: 180px; border: 4px solid #fff; margin:0 0 12px 0; text-indent: -1000em;}
.products a.product1{background: url(../images/products/drop-in-pan-chiller/1-intro.jpg) no-repeat center center;}
.products a.product2{background: url(../images/products/prep-table/1-intro.jpg) no-repeat center right;}
.products a.product3{background: url(../images/products/self-contained-units/1-intro.jpg) no-repeat right top;}
.products a.product4{background: url(../images/products/equipment-stand/1-intro.jpg) no-repeat right center;}
.products a img{display: none;}
.products a:hover{border: 4px solid #5fa0d1; }

ul.customisation{clear: both;padding: 0 0 20px 10px; float: left;display: inline; }
ul.customisation li{display:block;float: left;display: inline;width: 43%;padding: 8px 0 10px 46px; margin: 0 0 0px 0; font-size: 1.6em;background: url(../images/icons/tick.png) no-repeat left 4px; }

.page-options a{float: left; display: inline;display:block; height: 47px;color: #5face5; font-size: 2em; margin: -18px 0px 0 20px; padding-top: 24px !important;text-decoration: none;}
.page-options a:hover{text-decoration: none;color: #fff !important;}
.page-options a strong{font-weight: normal;color: #fff !important; }
.page-options a:hover strong{color: #fff !important; border-bottom: 1px solid #fff;}

.icon-share{padding: 0 0 0 50px; margin: -18px 0 0 30px;background: url(../images/icons/share.png) no-repeat left top;}
.icon-email{padding: 0 0 0 60px;background: url(../images/icons/email.png) no-repeat left 4px;}
.icon-repair{padding: 0 0 0 54px;background: url(../images/icons/repair.png) no-repeat left 4px;}
.icon-map{padding: 0 0 0 56px; margin: -18px 0 0 30px;background: url(../images/icons/map.png) no-repeat left 4px;}
.icon-brochure{height: 63px !important; margin: -18px 0 0 30px;padding: 0 0 0 66px;background: url(../images/icons/brochure.png) no-repeat left top;}
.icon-back{height: 48px;padding: 0 0 0 64px; margin: -10px 0 0 15px;background: url(../images/icons/back.png) no-repeat left 4px;}
.icon-back strong{padding: 9px 0 0 0;}
.icon-skype{display: block; height: 22px;line-height: 22px !important; padding: 0 0 0 30px;background: url(../images/icons/skype.png) no-repeat left top;}
.icon-skype img{display: none;}
.icon-linkedin{display: block; height: 22px;line-height: 22px !important; text-decoration: none;padding: 0 0 0 30px;background: url(../images/icons/linkedin.png) no-repeat left top;}
.icon-email-small{display: block;height: 22px;line-height: 22px !important; padding: 0 0 0 30px;background: url(../images/icons/email-small.png) no-repeat left top;}


/* @group contact */
.contact-form form{float: left; display: inline; padding: 20px 0 0 0;}
.contact-form form fieldset{float: left; display: inline;}
.contact-form form fieldset ul li{float: left; display: inline; width: 100%;clear: both; margin:0 0 12px 0; font-size: 1em;}
.contact-form form fieldset ul li label{float: left; display: inline;width: 210px; color: #5fa0d1; font-size: 2.8em; padding: 10px 0 0 0;}
.contact-form form fieldset ul li input{float: left; display: inline;border: 0px;width: 493px; height: 30px; padding: 8px 12px; font-size: 2.2em;background: url(../images/contact/input.png) no-repeat left top;}

.contact-form form fieldset ul li input.error, .contact-form form fieldset ul li input.error-on{background-position: left bottom;}
.contact-form form fieldset ul li input.on{background-position: left -61px;}

.contact-form form fieldset ul li div.textarea{float: left; display: inline;height: 185px; margin: 0 0 14px 0;background: url(../images/contact/textarea.png) no-repeat left top;}
.contact-form form fieldset ul li div.error, .contact-form form fieldset ul li div.error-on{background-position: left bottom;}
.contact-form form fieldset ul li div.on{background-position: left -198px;}


.contact-form form fieldset ul li textarea{float: left; display: inline;border: 0px;width: 470px; height: 159px; padding: 12px; font-size: 2.2em; background: none; overflow: auto;}
.contact-form form fieldset ul li button{float: right;display:inline;cursor: pointer;border: 0px;width: 118px; height: 47px; text-indent: -1000em; margin: -20px 24px -20px 0;background: url(../images/contact/send.png) no-repeat left top;}
.contact-form form fieldset ul li button:hover{background-position: left bottom;}

.contact-form .column-left{width: 74%;}
.contact-form .column-right{width: 25%; }
.contact-form .column-right p{clear: both;}
.contact-form .column-right .padding{padding: 0 0 0 30px;}
.contact-form .column-right a{text-decoration: none; color: #ACAEAF}
.contact-form .column-right a:hover{color: #5fa0d1}
.contact-form .padding{width: 100%; margin: 0 0px 0 0px;}
.contact-thanks img{margin: 0 0 20px 0;}
.contact-thanks p{clear: both;}

/* @end */

a.button{display: block; text-indent: -1000em; float: left; display:inline;}
a.button-products{clear: both;width: 208px;height: 44px; background: url(../images/template/button-products.png) no-repeat left top;}
a.button:hover{background-position:left bottom;}

.repair h3{font-size:2.3em;}

.no-border{border:0px !important;}

#fancy_content ul{padding: 20px;}
#fancy_content ul li{color: #666; font-size: 1.4em; line-height: 1em; margin: 0 0 6px 0;}
#fancy_content ul li li{font-size:1em; line-height: 1em;}
#fancy_content ul li a{color: #666;}




#prevBtn, #nextBtn{ display:block;width:21px;height:82px;position:absolute;left:-16px;top:130px;z-index: 1000;}	
#nextBtn{ left:492px;}														
#prevBtn a, #nextBtn a{  display:block;width:21px;height:82px;text-indent: -1000em;background:url(../images/icons/left-arrow.png) no-repeat left top;}
#nextBtn a{ background:url(../images/icons/right-arrow.png) no-repeat left top !important;}