/*

                                                  
                    ``.......`                    
               .-/+oooooooooooo+/:.               
            ./oooooo+///::://+oooooo/-`           
         `:ooooo/-.`-:/+oo++/-``-/+oooo/`         
        :oooo/.`:ohmmmmmmmmmmmmds/`./oooo/`       
      `+ooo/``+dmmmmmdysooosydmmmmds-`:oooo.      
     .oooo- +dmmmdy/.`.::::-` -+hmmmms`.+ooo-     
    `oooo``ymmmdo.`+ydmmmmmmmho. /hmmmd-`+ooo.    
    +ooo. ymmmd- +dmmmmddddmmmmms``ymmmd``oooo`   
   .ooo/ /mmmd- smmmdo-    .+dmmmh``hmmms -ooo:   
   :ooo. hmmmy :mmmm:        .dmmmo /mmmd``ooo+   
   /ooo` dmmm+ ommmd          ymmms :mmmd. ooo+   
   :ooo. dmmms /mmmm:         `/+/`  -++. `ooo+   
   .ooo/ +mmmd. ymmmdo-                   -ooo:   
    +ooo.`hmmmh.`ommmmmdhhhhhhhhhhhhhhhh.`+ooo`   
    .ooo+`.hmmmd/ .ohmmmmmmmmmmmmmmmmmd: /ooo-    
     .oooo.`smmmmdo-``-:////:::://////.`+ooo:     
      .+ooo/`-sdmmmmdhysooooooooooo/` :oooo-      
        :oooo/.`/sdmmmmmmmmmmmmdy+.`:oooo/`       
         `:oooo+:.`.:/+ossoo+:.`.:+oooo/.         
           `-/oooooo+/:::::://+ooooo+:`           
              `.:/oooooooooooooo+:-`              
                   ``.------..`                   
                                                 
                                                 
     			  	                                        
	   _  _  _ _  _  /_ _/__   _  _  _  __    
	  /_ /_// / //_///_'/ /_' /_'/ //_'//_//_/
                /                       _/ _/ 
     			  
     			     
       BUILT BY HAND IN THE UNITED KINGDOM
     					
                      by
                FOURLEAVES.CO.Uk                                        

*/

body {margin: 0; padding: 0; font-family: Helvetica, Arial, Sans-serif; background-color: #f2f2f2; font-size: 14px; line-height: 1.4em; background-image: url(images/bg.jpg); background-repeat: repeat;}

.header-bg {background: url(images/header-bg.jpg) repeat-x; height: 319px; width: 100%; position: relative;}

.logo {width: 267px; height: 41px; float: left; margin-top: 10px;}

.nav-bar {background: url(images/nav-bg.png) repeat; width: 100%; height: 63px; position: absolute; top:0; left: 0; z-index: 1000; }

.stars {margin: auto; background: url(images/stars.png) no-repeat; height: 319px; width: 1020px;}

.banner-holder {width: 940px; margin: auto; padding-top: 63px; height: 256px;}

.catchline {float: left; width: 760px; background: url(images/catch.png) no-repeat; height: 26px; margin-top: 50px;}

.quote {width: 169px; height: 56px; float: right; margin-top: 35px; z-index: 8000;}

.nav-holder {width: 940px; margin: auto; height: 63px;}

.nav {float: right; width: 600px;}

.nav ul {float: right; list-style: none; margin: 0; padding: 0; padding-top: 25px;}

.nav ul li {float: right; padding-left: 15px; padding-right: 15px;}

.nav ul li.last {padding-right: 0;}

.nav ul li a:link {color: white; text-decoration: none;}

.nav ul li a:hover {color: white; text-decoration: none; padding-bottom: 20px; border-bottom: 3px solid white;}


/* PAGE COLUMNS */

.body-wrap {width: 940px; margin: auto; height: auto; overflow: hidden; margin-top: 30px; color: #393939;}

a:link {color: #468fa6; text-decoration:none; }

a:hover {color: #000; text-decoration:none; border-bottom: 1px dotted #16404d; }

a:visited {color: #468fa6; text-decoration:none;}

.left-wrap {width: 660px; float:left; height: auto; overflow: hidden; margin-right: 55px; margin-top: 5px;}

.right-wrap {width: 225px; float:left; height: auto; overflow: hidden;}


/* MAIN PAGE STYLES */

.left-wrap h1 {font-size: 30px; padding: 0; margin: 0; color: #4194b3; text-shadow: 0 1px 0 #FFFFFF; font-weight: 300; margin-bottom: 15px; margin-top: 5px; line-height: 1.3em; }

.left-wrap h2 {font-size: 18px; padding: 0; margin: 0; font-weight: 300; line-height: 1.4em; text-align: justify;}

.left-wrap h3 a {padding: 0; margin: 0; font-size: 20px; font-weight: 300;}

.hr {width: 660px; height: 2px; background: url(images/hr.jpg) no-repeat; float: left; margin-top: 15px; margin-bottom: 15px;}

.hr-two {width: 940px; height: 2px; background: url(images/hr.jpg) repeat-x; float: left; margin-top: 15px; margin-bottom: 15px;}

.hr-three {width: 940px; height: 2px; background: url(images/hr.jpg) repeat-x; float: left;margin-bottom: 15px;}


/* IMAGE BOX */

.image-box {float: left; width: 660px; /*background: url(images/box-bottom-shadow.png) no-repeat bottom center;*/ height: auto; overflow: hidden;}

.image-box-inner {width: 660px; float: left; height: auto; overflow: hidden; margin-bottom: 19px; padding-bottom: 19px;}

.image-box-inner h4 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; padding-bottom: 19px; border-bottom: 1px dashed #dbdbdb; margin-bottom: 19px; color: #2a555b; text-shadow: 0 1px 0 #FFFFFF;}

.image-logo-wrap {width: 75px; height: 75px; float: left;}

.spacer {width: 22px; height: 75px; float: left;}


/* IMAGE BOX TWO */

.image-box-two {float: left; width: 660px; background: url(images/box-bottom-shadow.png) no-repeat bottom center; height: auto; overflow: hidden; -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}


.image-box-inner-two {background: #fff; width: 631px; float: left; padding-left: 19px; padding-right: 19px; padding-top: 19px; height: auto; overflow: hidden; margin-bottom: 19px; padding-bottom: 19px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}

.image-box-inner-two p {line-height: 1.4em; margin-top: 10px;}
	

.image-box-inner-two h4 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; padding-bottom: 19px; border-bottom: 1px dashed #dbdbdb; margin-bottom: 19px; color: #2a555b; text-shadow: 0 1px 0 #FFFFFF; margin-right: 19px;}

.image-box-inner-two h3 {padding: 0; margin: 0; font-size: 20px; font-weight: 300;}

.image-box-inner-two ul {list-style: none; margin: 0; padding: 0; margin-right: 19px;}

.image-box-inner-two ul li { display: block; height: 100%; list-style: none;}

.image-box-inner-two ul li:last-child {display: block; height: 100%; list-style: none; border-bottom: none;}

.image-box-inner-two ul li a {padding-bottom:7px; padding-top: 7px;text-decoration: none; display: block; height: 100%;}

.image-box-inner-two ul li a:hover {padding-bottom:7px; padding-top: 7px;text-decoration: none; background-color: #eef9fb; border-bottom: none; display: block; height: 100%;}

.inner-date {float: left; width: auto; background-color: #f7f7f7; color: #90acb0; font-size: 10px; text-transform: capitalize; padding: 3px; margin-right: 10px; margin-top: 4px; font-weight: bold;}


/* SECTION COLUMNS */

.column-holder {width: 660px; float: left; height: auto; overflow: hidden;}

.column {width: 210px; height: auto; float: left; margin-right: 15px; color: #16404d; font-size: 17px; text-shadow: 0 1px 0 #FFFFFF;}

.column#last {width: 210px; height: auto; float: left; margin-right:0;}

.column ul {float: left; width: 190px; height: auto; overflow: hidden; list-style: none;  margin: 0; padding: 0; padding-left: 20px; font-family: "Helvetica Neue Light","HelveticaNeue-Light",Arial,Helvetica,sans-serif; margin-top: 15px;}

.column ul li {float: left; width: 200px; height: 25px; padding-left: 10px; font-size: 14px; color: #3bbbca;}

.column a {color: #468fa6; text-decoration: none; border-bottom: none;}

.column a:hover {color: #000; text-decoration: none; border-bottom: none;}

.column ul ul {margin: 0; padding: 0; margin-left: 20px; border-left: 1px dashed #dbdbdb;}

.factory-icon {width: auto; height: 22px; background: url(images/icon-factory.jpg) no-repeat; padding-left: 30px;}

.home-icon {width: auto; height: 22px; background: url(images/icon-home.jpg) no-repeat; padding-left: 30px;}

.plug-icon {width: auto; height: 22px; background: url(images/icon-plug.jpg) no-repeat; padding-left: 30px;}


/* INFO BOX STYLES */

.info-holder {width: 225px; height: auto; overflow: hidden; margin-bottom: 20px;}

.info-header {width: 205px; height: 27px; background: url(images/info-top-bg.jpg) no-repeat; float: left; padding-top: 18px; padding-left: 20px; color: #474747; font-size: 18px; text-shadow: 0 1px 0 #FFFFFF;}

.info-box {width: 205px; float: left; height: auto; overflow: hidden; background: url(images/info-bg.jpg) repeat-y; padding-top: 10px; padding-left: 20px; padding-bottom: 5px; color: #5e5e5e; text-align: justify;}

.info-footer {width: 225px; float: left; height: 11px; background: url(images/info-bottom-bg.jpg) no-repeat;}

.textwidget {width: 205px; float: left; height: auto; overflow: hidden; background: url(images/info-bg.jpg) repeat-y; padding-top: 10px; padding-left: 20px; padding-bottom: 5px; color: #5e5e5e; text-align: justify;}

.info-holder ul {margin: 0; padding: 0; width: 205px; float: left; height: auto; overflow: hidden; background: url(images/info-bg.jpg) repeat-y; padding-top: 10px; padding-left: 20px; padding-bottom: 5px; color: #5e5e5e; list-style: none;}

.info-holder ul li a:link {padding-top:5px; padding-bottom: 5px; margin-bottom: 5px; float: left; width: 100%; border-bottom: 1px dashed #dbdbdb; text-decoration: none; color: #468fa6; }

.info-holder ul li a:hover {text-decoration: none; background-color: white; color: #000; }

.info-holder ul li a:visited {padding-top:5px; padding-bottom: 5px; margin-bottom: 5px; float: left; width: 100%; border-bottom: 1px dashed #dbdbdb; text-decoration: none; color: #468fa6; }


#dim{ position:absolute; top:0; left:0; width:100%; z-index:3000; background: url(images/dim.png) repeat ; display:none; text-align:left; }

#quoter-arrow {position: absolute; top: 150px; height: 10px; width: 10px; background: url(images/quote-arrow.png) no-repeat; left: 50%; margin-left: 380px; z-index: 2000;}

#quoter {position: absolute; top: 160px; left: 50%; width: 875px; height: auto; background: url(images/bg.jpg) repeat; padding: 30px; overflow: hidden; margin-left: -470px;
-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 0px 0px 10px #000;
	}
	
#quoter h4 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; padding-bottom: 19px; border-bottom: 1px dashed #dbdbdb; margin-bottom: 19px; color: #4194b3; text-shadow: 0 1px 0 #FFFFFF;}

#quotes p { margin: 0; padding: 0; padding-bottom: 18px; margin-bottom: 15px; border-bottom: 1px dashed #e2e2e2; float: left;}

.error {color: red; font-size: 11px; text-transform: uppercase;}

.quote-col { width: 241px; float: left; height: auto; overflow: hidden;}

.quote-col input { margin: 0; padding: 0; padding: 5px; width: 229px; float: left; height: auto; overflow: hidden; background: #fff; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 2px solid #e2e2e2;}

.quote-col-two {width: 346px; float: left; height: auto; overflow: hidden;}

.quote-col-two input { margin: 0; padding: 0; padding: 5px; width: 325px; float: left; height: auto; overflow: hidden; background: #fff; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 2px solid #e2e2e2;}

.quote-col-three {width: 225px; float: left; height: auto; overflow: hidden;}

.quote-col-three select { margin: 0; padding: 0;width:  220px;;}

.quote-col-spacer {width: 30px; height: 150px; float: left;}

.checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checklist li {
	float: left;
	margin-right: 10px;
	background: url(images/checkboxbg.gif) no-repeat 0 0;
	width: 105px;
	height: 150px;
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

.checklist li.selected {
	background-position: -105px 0;
}

.checklist li.selected .checkbox-select {
	display: none;
}

.checkbox-select {
	display: block;
	float: left;
	position: absolute;
	top: 118px;
	left: 10px;
	width: 85px;
	height: 23px;
	background: url(images/select.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.checklist li input {
	display: none;
}

a.checkbox-deselect {
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 127px;
	right: 10px;
}

.checklist li.selected a.checkbox-deselect {
	display: block;
}

.checklist li label {
	display: block;
	text-align: center;
	padding: 8px;
}

#sendit {
	padding: 0;
	margin: 0;
	float: left;
	width: 168px;
	height: 53px;
	background: none;
	border: none;
	cursor: pointer;
}

#done {font-size: 26px; text-align: center; color: green; text-shadow: 0 1px 0 #FFFFFF; }

#close {position:absolute; background: url(images/fancy_close.png) no-repeat; width: 30px; height: 30px; top: 145px; left: 50%; margin-left: 450px; z-index: 8000; cursor: pointer;}

.last-details {position: relative; margin: auto; width: 940px; height: auto; text-align: center;}

.last-details ul { margin: auto; margin: 0; padding: 0; float: left; width: 940px; height: 20px; padding-bottom: 15px; font-size: 14px; list-style-type: none; text-transform: uppercase; font-family: "Helvetica Neue Light","HelveticaNeue-Light",Arial,Helvetica,sans-serif; text-shadow: 0 1px 0 #FFFFFF;}

.last-details p {width: 800px; margin: auto; margin: 0; padding: 0; padding-bottom: 20px; font-family: "Helvetica Neue Light","HelveticaNeue-Light",Arial,Helvetica,sans-serif; text-shadow: 0 1px 0 #FFFFFF;}

.last-details ul li {width: auto; padding: 0; margin: 0; padding-right: 20px; float: left;}

.last-details ul li.last {padding: 0; margin: 0; float: left;}

.fourleaves {position: absolute; top: 0px; right: 0px; width: 20px; height: 25px;}

input {border: 1px solid #e2e2e2; background: white; padding: 5px; width: 400px;}
textarea {border: 1px solid #e2e2e2; background: white; padding: 5px; width: 400px;}
select {border: 1px solid #e2e2e2; background: white; padding: 15px; width: 300px;}

#search {margin-bottom: 20px;}

#search form{
	height: 31px;
	width:222px;
	overflow: hidden;
	background: url(images/search-box.gif) top left ;
	margin-left: 3px;
}

#search form input#s{
	margin: 5px 0 0 10px;
	border: 0;
	font-family: Helvetica, arial, sans-serif;
	background-color: transparent;
	color: #666;
	width: 155px;
	outline: none;
}

span  {font-weight: bold; font-style: italic;}