@charset "UTF-8";

* { margin:0; padding:0; }

body { font-size:62.5%; font-family:Arial, "Helvetica", sans-serif; background-color:#e7e7e7; }
img { border:0; }
h1 { font-size:2.2em; font-weight:normal; color:#202020; }
h2 { color:#202020; font-weight:normal; font-size:1.8em; }
p { color:#8d8d8d; }
a { outline:none; }

#container { width:920px; background:url(images/bg.gif) repeat-y; margin:0 auto; margin-top:8px; }

#header { width:780px; margin:0 auto; background:url(images/header-bg2.jpg) no-repeat; height:125px; padding:11px 60px 0 60px; }

#header p { font-size:1.8em; color:#4e4e4e; font-weight:lighter; }

#logo { margin:0 auto; width:148px; height:118px; }

#book { float:left; line-height:114px; }

#tel { float:right; line-height:114px; margin-left:75px; }

/* NAV */

#nav { width:900px; margin:0 auto; background:url(images/nav-bg.gif) repeat-x; height:41px; }

#nav ul { margin:0 auto; width:480px; } 

#nav li { float:left; list-style:none; }

#nav a { text-decoration:none; color:#4e4e4e; font-size:1.2em; padding:0 25px 0 25px; display:block; line-height:41px; } 

#nav a:hover { background-color:#FFF; }

.nav1 { border-left:1px solid #FFF; border-right:1px solid #FFF; }

.nav2 { border-right:1px solid #FFF; }

/* FLASH */

#flash { margin:0 auto; width:880px; height:330px; margin-bottom:8px; }

#contact-banner { background:url(images/showroom-kitchen.jpg) no-repeat; width:880px; height:330px; margin:0 auto; margin-bottom:8px; }

#products-banner { background:url(images/showroom-kitchen2.jpg) no-repeat; width:880px; height:330px; margin:0 auto; margin-bottom:8px; }

#gallery-banner { background:url(images/showroom-kitchen3.jpg) no-repeat; width:880px; height:330px; margin:0 auto; margin-bottom:8px; }

#resources-banner { background:url(images/showroom-kitchen4.jpg) no-repeat; width:880px; height:330px; margin:0 auto; margin-bottom:8px; }

#sitemap-banner { background:url(images/showroom-kitchen5.jpg) no-repeat; width:880px; height:330px; margin:0 auto; margin-bottom:8px; }

#custom-banner { background:url(images/showroom-kitchen6.jpg) no-repeat; width:880px; height:330px; margin:0 auto; margin-bottom:8px; }

/* CALLS TO ACTION */

#callstoaction { margin:0 auto; width:880px; clear:both; overflow:hidden; margin-bottom:8px; }

#cta1 { float:left; background:url(images/calltoaction1.jpg) no-repeat; width:275px; height:137px; margin-right:9px; padding:8px 0 0 10px; overflow:hidden; cursor:pointer; }

#cta2 { float:left; background:url(images/calltoaction2.jpg) no-repeat; width:281px; height:137px; margin-right:9px; padding:8px 0 0 10px; overflow:hidden; cursor:pointer; }

#cta3 { float:left; background:url(images/calltoaction3.jpg) no-repeat; width:275px; height:137px; padding:8px 0 0 10px; overflow:hidden; cursor:pointer; }

.cta-title { color:#FFF; font-size:1.8em; }

.cta-sub { color:#4e4e4e; font-size:1.4em; line-height:178px; }

/* MAIN CONTENT */

#maincontent { width:880px; margin:0 auto; clear:both; overflow:hidden; display:inline; }

#maincontent p { font-size:1.2em; line-height:20px; }

#left-col { float:left; width:560px; margin-right:12px; padding:16px 12px 0 30px; }

#left-col p { padding:18px 0 0 0; }

.p-padding { margin-bottom:18px; }

.h1-padding { margin-bottom:12px; }
  
#left-col ul { padding-top:12px; margin-bottom:18px; }

.ul-padding-bottom { padding-bottom:48px; }

.ul-padding-bottom2 { padding-bottom:100px; }

#left-col li { list-style-position:inside; list-style-image:url(images/left-col-list.jpg); font-size:1.2em; line-height:20px; }

.guarantee { list-style-image:url(images/tick.gif); font-size:1.2em; color:#8b8b8b; line-height:20px; list-style-position:inside; margin-bottom:12px; }

.products-div { border-top:1px solid #a6aaa1; float:left; clear:both; margin-bottom:18px; padding-top:18px; width:560px; }

.next { list-style-image:url(images/left-col-list.jpg); font-size:1.2em; list-style-position:inside; line-height:20px; }

#left-col a { color:#8d8d8d; }

#left-col a:hover { text-decoration:none; }

.first { font-weight:bold; color:#a6aaa1; }

.first2 { font-weight:bold; color:#a6aaa1; border-top:1px solid #a6aaa1; margin-top:14px; }

.h2-main { padding-bottom:12px; border-bottom:1px solid #a6aaa1; }

.h2-sub { padding:12px 0 12px 0; clear:both; }

.h2-sub2 { padding-bottom:12px; clear:both; }

.sub-h2 { padding-top:18px; }

#right-col { float:left; width:256px; background:url(images/start-enq-bg.jpg) repeat-x; background-color:#000; padding:12px 14px 14px 14px; margin-bottom:8px; }

#right-col h2 { border-bottom:1px solid #FFF; padding-bottom:8px; }

#right-col iframe { padding-top:10px; }

#captureform input { font-family:Arial, Helvetica, sans-serif; }

#captureform label { font-size:1.2em; color:#FFF; line-height:18px; }

#formname { width:246px; border:1px solid #FFF; padding:4px; font-size:1.1em; margin-bottom:10px; color:#202020; }

#formphone { width:246px; border:1px solid #FFF; padding:4px; font-size:1.1em; margin-bottom:14px; color:#202020; }

.miniformstyle_btn { width:256px; background-color:#000; border:1px solid #000; padding:4px; font-weight:bold; font-size:1.2em; color:#FFF; }

.enq-p { padding:8px 0 8px 0; }

#brochure { float:left; background:url(images/brochure-bg.gif) repeat-x; width:258px; padding:12px 14px 14px 14px; background-color:#000; }

#product-logos { float:left; width:158px; padding:12px 64px 14px 64px; text-align:center; }

#product-logos img { padding-top:24px; clear:both; }

.bro-p { padding-top:8px; margin-bottom:10px; color:#FFF; }

.bro-a { text-decoration:none; color:#FFF; font-size:1.2em; }

#brochure p { color:#FFF; }

.brochure-h2 { color:#FFF; border-bottom:1px solid #FFF; padding-bottom:8px; }

.brochure-h2-2 { color:#FFF; border-bottom:1px solid #FFF; padding-bottom:8px; margin-bottom:8px; }

#formemail { width:190px; border:1px solid #000; padding:4px; font-family:Arial, Helvetica, sans-serif; }

.miniformstyle_btn2 { float:right; width:50px; border:0; background-color:#000; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; margin-bottom:12px; }

#logo-bottom { float:left; background:url(images/logo-btm.jpg) no-repeat; width:223px; height:55px; }

#logo-bottom2 { float:left; background:url(images/logo-btm.jpg) no-repeat; width:223px; height:55px; margin-top:380px; }

.product-img { float:left; width:200px; height:200px; margin-right:18px; }

.images { float:left; width:560px; clear:both; }

.images-last { margin-bottom:24px; }

.images img { width:125px; height:125px; }

.thumbs { margin-right:17px; }

.areas { font-size:0.8em; }

/* FOOTER */

#footer { clear:both; width:900px; margin:0 auto; background:url(images/footer-bg.gif) repeat-x; overflow:hidden; padding-top:6px; font-size:1.1em; }

#footer-img { float:left; width:250px; height:202px; background:url(images/footer-image.jpg) no-repeat; margin-right:30px; }

#footer ul { padding-top:50px; margin-bottom:18px; }

#footer li { float:left; list-style:none; padding:0 10px 0 10px; border-right:1px solid #4e4e4e; }

#footer a { text-decoration:none; color:#4e4e4e; }

#footer a:hover { text-decoration:underline; }

#footer p { color:#4e4e4e; float:left; line-height:22px; padding-left:9px; margin-right:60px; }

#footer-li ul { float:left; padding-top:4px; }

/* CONTACT FORM */

#contactform { padding-top:18px; }

#contactform input { border:1px solid #a6aaa1; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#4e4e4e; width:350px; float:right; margin-bottom:8px; }

#contactform textarea { border:1px solid #a6aaa1; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#4e4e4e; width:350px; float:right; margin-bottom:8px; }

#contactform label { color:#202020; font-size:1.2em; float:left; padding-top:4px; clear:both; }

.req { margin-bottom:12px; float:right; }

.top-p { padding-top:8px; }

#capt { clear:both; }

#capt input { margin-bottom:12px; }

#capt img { float:left; clear:both; }

#capt a { float:left; clear:both; text-decoration:none; color:#4e4e4e; font-size:1.1em; }

#capt a:hover { text-decoration:underline; }

#cfb { float:right; margin-bottom:18px; }

#cfb input { width:358px; font-weight:bold; background-color:#dcdcdc; }

.req { font-size:0.9em; color:#F00; float:left; line-height:14px; }

.req2 { font-size:0.9em; color:#F00; float:left; line-height:14px; }

.cpt { float:left; clear:both; }

/* LIGHTBOX STYLES */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}	

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* CUSTOM 404 */

.other-things { color:#202020; }

.search-goog { color:#8d8d8d; }

.content { margin-bottom:18px; }

#goog-wm-qt { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#4e4e4e; border:1px solid #a6aaa1; padding:3px; margin-bottom:62px; }