/************************************************
	Copyright
    To Be Known 2009
	CSS StyleSheet by Tavis Basing
    Last Updated: 12 Apr 2009
	http://www.2beknown.co.uk

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

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]
blue: #013668

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

/**********  [=TEMP]   **********/


.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/

* { margin: 0; padding: 0; border:0; }
body { font: 16px/1.5 Arial, Helvetica, Verdana, Sans-Serif; background-color:#120f0d; color:#FFFFFF;}
#wrap { width: 838px; text-align: center; margin: 0 auto; overflow: hidden; background-color:#FFFFFF; }
.leftbar{width:89px; background-color:#013668; float:left; height:479px;}
h2 {color:#99CA3B; font-size: 12px; font-weight: bold; }
h3 {color:#99CA3B; font-size:15px;font-weight:bold; margin:20px 0 15px; letter-spacing:0.3em; text-transform:uppercase;}
h4 {color:#99CA3B; font-size:14px;font-weight:bold;line-height:1.8;}
img { border: none; }
.clear { clear:both; margin-bottom:0px; }
.clearlist { clear:both; margin-bottom:10px; margin-top:10px; }
a { text-decoration: none; color:#FFFFFF; }
a:hover {color:#99CA3B;}
.greenbo{color:#99CA3B;}
.aboutBox {float: left; width: 460px; margin-bottom:7px;}
.aboutBoxbtm{float: left; width: 430px; padding-bottom:15px; }
.aboutleft {float: left; font-size:12px;margin-right:20px;text-align:right;width:140px; }
.aboutright {float: left; width: 290px;  text-align: left;  }
div.form{ list-style: none; font-size: 12px; padding-top:0px; float:left; width:437px;}
.aboutright textarea {padding:5px 5px; margin-top: 2px;background: url(../graphics/contact_form_box_big.jpg) no-repeat; height:91px; width:248px;overflow:hidden;}
.aboutright input.textfield {padding:5px 5px; width: 179px;border:none; background: url(../graphics/contact_form_box.jpg) no-repeat; height:19px; width:248px;}
.aboutBox input{border:1px solid #1A3966; }
.radiobtn{margin-right:5px;}
.shortdropdown { width: 183px;  font-size:11px; border:1px solid #1A3966;}
.longdropdown { width: 180px; font-size: 11px; border:1px solid #1A3966;}
.validationMsg {  }
.errorMsg { color: Red; font-size:10px;}
.mL {display:none;}
.margimg{margin-bottom:5px;}

/**********  [=HEADER]   **********/
img.whichlgo {margin-left:0px !important; margin-top:2px;}
#header { width:838px; height: 290px; float:left; margin:0 0 0px 0; background-color:#120f0d; }
		.datetime { font-family: Arial; margin: 0px 10px 0px 10px; float: right; width: 530px; }
    .left { float: left; width:250px;  }
    .right { float: right;padding-right:40px; width:210px; }	
	.headertext{font-family:Verdana;width: 450px; font-size:12pt; color:Black;padding-left:140px; padding-top:30px;float:left; }
    .printhead{color:White; font-size:9px; font-weight:bold; }
    .headtxt{width:100px; float:right;}
    .headtxt a{color:White;}
    .headtxt a:hover{}
    .logo {width:838px; height:60px; padding:10px 0px;background-color:#0B0706;}
    .logo input{float:right; width:155px;}
    .logobox{width:600px; float:left; height:60px;}
    .sendbox {width:155px; float:right; height:60px;margin-top:10px;}
    .logo a {background: url(../graphics/Merton_Kitchens_logo.jpg) no-repeat 0px 0px; width:328px; height:60px; display:block;float:left;}
    .litTopBanner{ height:152px; width:838px;}/*background: url(../graphics/flash_box.jpg) no-repeat 0px 0px; */
    .linkfull{width:100% !important; height:100% !important; }
    .bannertop { cursor:pointer; margin:20px 40px 10px 0; float: right; font-size:9pt;line-height:1.3em; font-family:Arial;  background: url(../graphics/getaquote_btn.jpg) no-repeat 0px 0px;height:64px; width:221px; text-align:left; }
    .bannertxt{color:#E7CAD7; padding:15px 0px 0px 18px;}
    .bigquote{color:White; font-size:13pt;}
    .bannertxt:hover{color:#FFFDF5;}
    .bigquote:hover{color:#FFFDF5;}
    .logotxt{color:#00519E; font-family:Arial; font-size:11pt; font-weight:bold; margin-right:104px;}
    .logoemail a{color:#00519E; font-family:Arial; font-size:11pt; font-weight:bold; margin-right:57px;}
    .addthis{margin-top:5px;}
    .bluline{height:1px; background-color:#00519E; width:490px;}
    .navibartxt{font-family:Arial; color:#A1A2A4; font-size:13px;}
    .navibartxt a{padding-left:15px;}
        
    .navi ul li img {width: auto; float:left; height:auto;}
    .navi {  display: block; margin:5px 0px 0px 0px; clear:both; height:52px;margin-left:0px; width:838px;   }
    .navi ul { list-style: none; height: 39px; }
    .navi ul li { display: inline; }
    .navi ul li a { width: 166px; height: 39px;  display:block; float:left; padding:13px 0px 0px 0px; margin: 0px 2px 0px 0px;background: url(../graphics/Tab_normal.jpg) repeat-x; background-position:top;}
    .navi ul li a { font-size: 14px; letter-spacing:0.3em; font-weight:bold; color: #ffffff; text-decoration: none;line-height:1.6em;}  
    .navi ul li a.on {  font-weight:bold; text-decoration: none; background: url(../graphics/pointer_live.jpg) no-repeat; background-position:bottom; color: #ffffff; background-color:#CFE293; }
	.navi ul li a:hover { background: url(../graphics/pointer_live.jpg) no-repeat; background-position:bottom; color: #ffffff; background-color:#CFE293; }
    .navi ul li a.last {width:166px;margin: 0px 0px 0px 0px;}
    .navi ul li a.laston {font-weight:bold; text-decoration: none; background: url(../graphics/pointer_live.jpg) no-repeat; background-position:bottom; color: #ffffff; background-color:#CFE293;width:166px;margin: 0px 0px 0px 0px; }
    .navi ul li a.first {}
    .texttopleft a span{ visibility:hidden;}
    .texttopleft a:hover span{visibility:visible; color:#FFFFFF; font-weight:bold;}
    
    
       
/**********  [=HOME]   **********/
	.boldnblue{font-size:15px; color:#1A3966;font-style:italic;font-weight:bold; height:260px;}
	.boldnblue p{margin:12px 0px;}
	.abouttext{float:left;margin:0 70px 30px;width:760px; }
	.abouttext ul{ font-weight:bold; font-size:13px; margin:20px 0px 20px 18px;}
	.abouttext li{padding-left:15px;}
	hr.solid{color:#FBB033;border-bottom:1px solid;}
	.bigtxt{font-size:15px;}
	.btmmain{background-color:#1A3966; width:836px; height:32px;font-size:13px; font-weight:bold; padding-top:10px; margin:0 auto 10px; color:#FFFFFF; clear:both; text-align:center;}
	.btmmain a{color:#FBB033; text-decoration:none;font-size:15px;}
	.homeMiddle { text-align: left; line-height:1.6em; width:838px; height:459px; background: url(../graphics/main_image_merton.jpg) no-repeat; background-color:#120f0d; font-size:11px; padding: 0px 0px 0px 0px; overflow:hidden;}

    .maintop{width:838px; height:155px; float:left; }
    .texttopleft{float:left;height:30px;margin-left:43px;margin-top:126px;width:200px;}
    .textconT{height:40px;padding:10px 0 10px 30px;width:120px; background: url(../graphics/contact_box.jpg) no-repeat; background-position:left; font-size:14px;}
    .texttopright{width:490px; float:right; padding:10px; height:95px;margin:26px 50px 0 0;}
    .mainlr{width:225px; height:280px;margin-left:9px;padding-top:20px; float:left; }
    .mainfr{width:596px; height:301px; float:left;}
    .mainfrbtns{float:right;margin-right:0px;margin-top:255px;text-align:right;width:635px;overflow:hidden;}
    .backbtnR{float:right; margin-right:30px;}
    .mainfrbtns a{margin-right:25px;}
    .mainfrbtns input{margin-right:8px;}
    .mainlr a{color:#FFFFFF; text-decoration:none; margin:0px 0px 10px 10px; font-size:14px; display:block;}
    .mainlr a:hover{color:#99CA3B;margin:0px 0px 9px 10px;font-size:14px;}
    
    .ImgJubi{height:23px;padding:3px 0px 3px 115px;width:127px; background: url(../graphics/jubille_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .ImgJubi:hover{background: url(../graphics/jubille_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 4px 115px;}
    .imgFrano{height:23px;padding:3px 0px 3px 115px;width:127px; background: url(../graphics/Franke_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .imgFrano:hover{background: url(../graphics/Franke_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 4px 115px;}
    .imgBoscho{height:23px;padding:3px 0px 3px 115px;width:127px; background: url(../graphics/bosch_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .imgBoscho:hover{background: url(../graphics/bosch_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 4px 115px;}
    .imgStoveo{height:23px;padding:3px 0px 2px 115px;width:127px; background: url(../graphics/ultima_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .imgStoveo:hover{background: url(../graphics/ultima_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 3px 115px;}
    .imgBlano{height:23px;padding:3px 0px 3px 115px;width:127px; background: url(../graphics/blanco_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .imgBlano:hover{background: url(../graphics/blanco_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 4px 115px;}
    .imgBurro{height:23px;padding:3px 0px 3px 115px;width:127px; background: url(../graphics/burbidge_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .imgBurro:hover{background: url(../graphics/burbidge_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 3px 115px;}
    .imgNeffo{height:23px;padding:3px 0px 3px 115px;width:127px; background: url(../graphics/neff_logo.jpg) no-repeat; background-position:left;font-size:10px; }
    .imgNeffo:hover{background: url(../graphics/neff_logo_live.jpg) no-repeat; background-position:left;font-size:10px;height:23px;padding:3px 0px 3px 115px;}
    
    .mainlr a span{visibility:hidden; }
    .mainlr a:hover span {visibility:visible; margin-top:2px; display:block;}
    
    .mainlr input{margin:0px 0px 0px 0px;}
    .mainleft{width:838px; height:496px;background: url(../graphics/services_main_image.jpg) no-repeat; background-position:top left; float:left; }
    .mainleftm{width:838px; height:496px;background: url(../graphics/materials_main_image.jpg) no-repeat; background-position:top left; float:left; }
    .mainrightm{width:383px;margin-top:15px; margin-left:449px; min-height:459px;  }
    .mainrightm p{width:390px; padding-top:15px;margin-left:-23px;}
    .mainright{margin-left:461px;margin-top:15px;height:auto;width:371px; }
    .mainright p{width:390px; padding-top:15px;margin-left:-35px;}
	.mainrightm a{color:#99CA3B;}
	.mainright a{color:#99CA3B;}
    .mainfr ul{ font-size:9px; padding:0px 0px 10px 15px; margin-left:10px; list-style-image:  url(../graphics/blue_arrow_bpoint.jpg)}
    .mainframe{background:url(../graphics/main-image_gallery.jpg) no-repeat;background-color:#120f0d; overflow:hidden; width:838px; height:459px; margin:0px 0px;}
    .mainframe img{margin-left:30px;}
     .mainframeC{background:url(../graphics/contact_main_image.jpg) no-repeat;background-color:#120f0d; overflow:hidden; width:838px; height:459px; margin:0px 0px;}
    .mainframeC img{margin-left:30px;}
    .mainframeS{background:url(../graphics/sitemap_main_image.jpg) no-repeat;background-color:#120f0d; padding:20px 30px;overflow:hidden; width:838px; height:459px; margin:0px 0px;}
   
    .topcontgal{width:800px; height:106px;margin-bottom:20px; background: url(../graphics/gallery_text_gal.jpg) no-repeat; background-position:left; float:left; margin-top:19px;margin-left:13px;}
    .topcont{width:800px; height:87px;background: url(../graphics/contact_us_text.jpg) no-repeat; background-position:left; float:left; margin-left:12px;
margin-top:13px;}
    .topleftM{float:left;margin:110px 0 0 0px;padding:0 0px 0px 50px;height:auto; width:298px;min-height:300px; font-size:13px;}
    .topleftM p{margin-top:15px;}
    .toprightM{padding:120px 25px 15px 0px;width:410px;float:left; margin:15px 0 0px 0px;height:auto;}
    .toprightM ul {margin-left:15px;}
    .toprightM a{color:#FBB033;}
    .topleft {float:left; margin:15px 0 0px 32px;padding:0 0px 0px;height:auto; font-size:10pt; width:431px;}
    .topleft a{cursor:pointer;}
	.topleft a:hover{}
        
    .address{font-size:10px;width:179px; text-align:left;}
    .leftadd{width:55px; float:left;}
    .rightadd{width:94px; float:left; padding-bottom:10px;}
    .midadd{width:20px; float:left;}
    .rightadd a{}  
    .spacer{height:15px;}

/**********  [=Special Offers]   **********/
      
.mainoffer{background:transparent url(../graphics/offers_box.jpg) no-repeat 0px 0px; width:838px; height:366px; padding-top:90px;} 
.mainoffer p{margin:30px 0 15px 150px;}
.mainoffer input{width:140px;margin-top:308px;}
.offerleft{width:600px; float:left; height:366px;}
.offerright{width:200px; float:left; height:366px;}
  
/**********  [=Gallery]   **********/
  
 .mainboxg{clear:both;height:290px;margin:133px 0 30px 88px;width:750px;}
 .boxlg{width:203px; height:253px; margin-top:10px; margin-right:25px; float:left;} 
 .gallerybox{margin:130px 51px;clear:both;height:270px;padding-top:30px;} 
 .backbtn{float:left; text-align:right; width:710px; font-size:12px; margin-top:20px; cursor:pointer;} 


/**********  [=CONTACT]   **********/

companyContactDetails { text-align:center;  width: 161px;}
address { font:11px/1.3 Arial, Helvetica, Verdana, Sans-Serif; margin:20px 15px;}
address span { display: block; text-align: left; width: 160px; }
address span.officename { font-size: 12px; color: #A60531; font-weight: 200; }
address span.mapLink a { text-decoration: underline; }
.button{float:right; background: url(../graphics/contact_form_tab.jpg) no-repeat; width:94px; height:26px; padding:3px 0px 0px 7px; font-size:13px; font-weight:bold;margin-right:25px;
margin-top:10px;}
.button:hover { background: url(../graphics/contact_form_tab_live.jpg) no-repeat; }
.aboutBoxbtm a{color:#0B0706;}
.aboutBoxbtm a:hover{color:#333333; text-decoration:none;}
.chbxStyle{padding-right:5px; width:182px;}
.chbxStyle label{padding-left:5px;}
.gmap{margin-left:202px; margin-top:22px; color:#013668;  }
.gmap a{color:#013668;}
.imgBox img{margin-left:0px;}

/**********  [=FOOTER]   **********/

#footer { overflow:hidden; height:20px; display: block; padding: 10px 0px 0 0px; margin: 0 auto; width: 838px; background-color:#120f0d; border-top:solid 2px #99CA3B;}
#footer p.copyright { color: #1A3966; font-size: 9px; padding:0px 0px 0px; font-weight:bold;}
#footer p.copyright2 { color: #FFFFFF; font-size: 9px; padding:0px 0px 0px; font-weight:bold;text-align:center;}
#footer p.copyright2 a { color: #FFFFFF; padding: 0px 5px 0px 5px; }
#footer p.copyright2 a:hover { text-decoration: underline; }
.leftf { float: left; margin-top:0px; padding-bottom:0px; }
.rightf {padding-bottom:0px;float: right; }