body { background: rgb(255,255,255); text-align: center; padding: 0px; font-family: Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html { overflow-y: scroll; }

body, a, a:visited { color: rgb(116,116,116); }

h1, .h1 { font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h2, .h2 { font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h3, .h3 { font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h4, .h4 { font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h5, .h5 { font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
p { margin: 0px 0px 10px 0px; padding: 0px; }
h1, h2, h3, h4, h5, p { position: relative; left: 0px; top: 0px; }

img { border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left; }
li { padding-left: 6px; }
div { margin: 0px; padding: 0px; }
td { vertical-align: top; }
form { padding: 0px; margin: 0px; }

/* generic css */
.logo { width: 308px; height: 100px; border: none; }
.clear { clear: both; font-size: 1px; height: 1px; }
.clear img, .clear div {width: 100%; height: 1px; }
.textonly { display: none; }
.formErr { display: block; color: red; }
.formNoErr { display: block; }
.page404 { text-align: center; }
.bold { font-weight: bold; }
.btn { border: none; height: 24px; padding: 0px 8px; font-weight: normal; cursor: pointer; background: rgb(173,190,171); color: rgb(255,255,255); text-transform: lowercase; }
.txtfield, .txtarea { border: 1px solid rgb(165,172,178); padding: 4px 6px; font-family: Verdana, "Trebuchet MS", Tahoma; font-size: 100%; color: rgb(116,116,116); line-height: 1.2em; width: 285px; }
.selfield { border: 1px solid rgb(165,172,178); width: 299px; padding: 2px 6px; color: rgb(116,116,116); }
.chkbox { position: relative; top: 2px; left: 0px; }
.imgbtn { padding: 0px; border: 0px; margin: 0px; }
.accesskeys { display: none; }
.hide { display:none; }

/* bold links */
a.link { background: rgb(173,190,171); color: rgb(255,255,255); padding: 4px 12px; margin-right: 10px; text-decoration: none; }
a.link:hover { background: rgb(255,255,255); color: rgb(173,190,171); }

/* forms */
.formbox { padding: 10px; }
sup { color: red; }
.row { margin: 0px; padding: 6px 0px; line-height: 1.5em; }
.row label { float: left; width: 160px; text-align: right; padding-right: 20px; }
.submit { padding-right: 102px; border-bottom: none;  text-align: right;}
input[type=submit]:hover { background: rgb(255,255,255); color: rgb(173,190,171); }
.radbtn {margin-left:0px;}
.chooseBtn .radbtn { margin-left: 180px; }
.rqd { position: relative; top: -28px; width: 100px; }

/* contact form */
.contact .formErr { margin-left: 180px; }
.contact h3 { color: rgb(173,190,171); font-weight: 300; }

/* standard content css */
.content a { color: rgb(173,190,171); text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content li { margin-bottom: 4px; }

/* layout css */
#pageWrapper { width: 980px; margin: 20px auto 0px auto; padding: 0px; }
.page { position: relative; left: -5px; width: 938px; margin: 0px auto 0px auto; padding: 11px; background:rgb(255,255,255); }
/* dropshadows */
.left_ds { background: url(/images/shad-l.gif) repeat-y scroll left top; left:-10px; margin: 0 auto; position: relative; text-align: left; top: 0px; width: 961px; }
.right_ds { background: transparent url(/images/shad-r.gif) repeat-y scroll right top; left: 10px; position: relative; top: 0px; width: 969px; }
.bottom_ds, .top_ds { float:left; display:inline; position:relative; }
.b_ds { background: transparent url(/images/shad-bottom.jpg) repeat-x scroll 0px 0px; position:relative; z-index: 1;top: 0px; left: -1px; width:980px; height:11px; }
.t_ds { background: transparent url(/images/shad-top.jpg) repeat-x scroll 0px 0px; position:relative; top: -10px; left: -1px; width:980px; height:11px; }
*:first-child+html .t_ds { top: 0px; }
* html .t_ds { top: 3px; }
* html .b_ds { left: -6px; }
*:first-child+html .b_ds { left: -2px; }
* html .t_ds { left: -6px; }
*:first-child+html .t_ds { left: -2px; }

.header { position: relative; z-index: 100; height: 100px; padding: 0px; margin: 0px; }
.header .lcol { float: left; width: 325px; }
.header .lcol a { text-decoration: none; display: block; height: 90px; width: 315px; background: url(/images/logo.gif) no-repeat; }
.header .lcol a:hover { }
.header .rcol { float: right; width: 610px; text-align: right; }
.header .rcol .upper { padding: 20px 0px }
.header .rcol .upper a {  }
.header .rcol .lower { height: 30px; }

/* top menu */
.topmenu .menu {width:610px; height:40px; position:relative; z-index:100;}
.topmenu .menu ul {padding:0;margin:0;list-style-type:none;}
.topmenu .menu li {float:left;padding:5px 0px 0px 20px; position:relative; background: rgb(255,255,255);}
.topmenu .menu li li { background: transparent;}
.topmenu .menu a.toplink, .topmenu .menu a.toplink:visited { display:block; display: block; float: left; height: 30px; line-height: 23px; }
.topmenu .menu a, .topmenu .menu a:visited { text-decoration:none; color:rgb(116,116,116); text-transform: lowercase; }
.topmenu .menu li.sel a, .topmenu .menu li.sel a.visited { color: rgb(173,190,171); }
.topmenu .menu ul ul {visibility:hidden;position:absolute;height:0;}
.topmenu .menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.topmenu .menu ul ul a, .topmenu .menu ul ul a:visited {color:rgb(116,116,116); height:auto; line-height:1em; padding:5px 10px 5px 0px; }
.topmenu .menu a:hover, .topmenu .menu ul ul a:hover { color:rgb(149,149,149); background:transparent; }
.topmenu .menu :hover > a, .topmenu .menu ul ul :hover > a { color:rgb(149,149,149); background:transparent; }
.topmenu .menu ul li:hover ul,
.topmenu .menu ul a:hover ul{visibility:visible;}
#topmenu :hover ul.drop { left:2px; top:33px; padding:0px; white-space:nowrap; padding-top: 4px; width:120px; height:auto; background: transparent url(/images/dd-menu-bg.png); }
* html #topmenu :hover ul.drop { background: white; top: 33px; padding-top: 8px; }

/* side menu */
.sidemenu { margin-bottom: 24px; }
.sidemenu .menu { padding: 10px 0px; text-align: right; text-transform: lowercase; line-height: 1.5em; }
.sidemenu .menu a, .sidemenu .menu a:visited { text-decoration: none; }
.sidemenu .menu a:hover { color: rgb(149,149,149); }
.sidemenu .menu .item { padding: 3px 6px 0px 15px; }
.sidemenu .menu .sel a { color: rgb(173,190,171); }
.sidemenu .menu p { padding: 0px 0px 4px 20px; margin: 0px; }

/* default page styles */
.pageBody { margin: 0px 35px; padding: 14px 24px 0px 24px; background-color: rgb(230,230,255); }
.pagearea { height: 340px; }
html>body .pagearea { height: auto; min-height: 340px; }

.pagearea .lcol { }
.pagearea .rcol { }

.pageBody table { border-collapse: collapse; }
.pageBody table td { border: 1px solid rgb(149,149,149); padding: 4px 5px; margin: 0px; }
.pageBody .th { font-weight: bold; }

.pageTitle { padding: 10px; width: 480px; background: rgb(255,255,255); text-transform: lowercase; }
.pageTitle h1.title a { text-decoration: none; color: rgb(173,190,171); font-size: 28px; font-weight: normal; text-transform: lowercase; }
.pageTitle h3 { color: rgb(149,149,149); font-weight: normal; text-transform:lowercase; }

.footer { text-align: right; padding: 15px 10px; width: 940px; margin: 0px auto; }
.footer, .footer a, .footer a:visited { color: rgb(116,116,116); text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer .menu { font-size: 90%; }
.footer .menu .item { display: inline; }
.footer .menu .sep { display: none; border-right: 1px solid rgb(116,116,116); height: 16px; }
.footer .menu p { margin: 0px; padding: 0px 8px 0px 12px; text-align: center; display: inline; }
.footer .menu .last p { padding-right: 0px; }
.footer .menu .tab { margin: 0px 4px; padding: 0px; }

/* home page */
.home {  }
.pageBody .home td { border: none; padding: 0px; margin: 0px; }
.home .banner { position: relative; display: block; width: 938px; margin: 0px auto; height: 390px; overflow: hidden; }
.home .banner .hideImage { position: absolute; top: 0; left: 0; }

#slideshow a { cursor:default; }
.home .banner .module { position: absolute; right: 38px; bottom: 0px; width: 300px; padding: 10px 10px 30px 10px; background: transparent url(/images/banner-overlay-bg.png); color: rgb(255,255,255); }
* html .home .banner .module { background: rgb(40,40,40); }

.home .lcol { position: relative; float: left; width: 500px; margin-left: 40px; }
* html .home .lcol { margin-left: 20px; }
.home .lcol .contentContainer { background: rgb(255,255,255); position: relative; top: -40px; }
.home .lcol .content { padding: 10px; line-height: 1.5em; background: rgb(255,255,255); }

.home .rcol { float: right; width: 390px; padding: 20px 0px; }
.home .rcol .module { width: 300px; height: 85px; margin: 40px auto; position: relative;}
.home .rcol .module .title {
	border-bottom:1px solid #ADBEAB;
	color:#ADBEAB;
	font-size:1.6em;
	margin-bottom:10px;
	padding-bottom:3px;
	text-align:right;
	text-transform:lowercase; }
.home .rcol .module .description { 
	font-size:1em;
	line-height:1.4em;
	text-align:right; }

.home .rcol .module .more a {
	background:#ADBEAB url(/images/perfect-garden-btn.gif) no-repeat 0px 0px;
	color:#FFFFFF;
	display:block;
	float:right;
	
	height:40px;
	margin:15px -5px 0px 0px;
	outline:medium none;
	text-decoration:none;
	text-indent:-90000px;
	width:252px; }
.home .rcol .module .more a:hover { text-decoration: underline; }

.home #quoteshow { display:block;
	height:359px;
	left:0;
	position:absolute;
	top:0;
	width:935px; }
.home #quoteshow .quote { 
	bottom:0;
	zoom: 1;
	color:#FFFFFF;
	position:absolute;
	right:38px;
	width:314px;
	height: 10em;
	 background: transparent url("/images/banner-overlay-bg.png") repeat 0 0;
}
.quotetext { display: block; padding: 0px 10px; position: absolute; top: 0px; zoom: 1;}
.home #quoteshow .quote table { height: 9em; width: 100%; }
.home #quoteshow .quote table tr { height: 9em; vertical-align: middle;}
.home #quoteshow .quote table td { height: 9em; vertical-align: middle;}
.home #quoteshow .quote span { font-size: 1.3em; line-height: 1.3em;  }

.home .homeLinks { padding: 0px 10px; }

/* default page layout 2-col */
.default { }
.default .banner .pageTitle { width: 250px; text-align: right; }

.default .lcol { float: left; width: 240px; }
.default .lcol .sideTitle { border-bottom: 1px solid rgb(173,190,171); margin: 24px 0px 10px 0px; text-transform: lowercase; text-align: right; }
.default .lcol .sideTitle h2 { font-weight: normal; color: rgb(173,190,171); }

.default .rcol { float: right; width: 600px; margin-right: 40px; }
* html .default .rcol { margin-right: 20px; }
.default .rcol .contentContainer { background: rgb(255,255,255); position: relative; top: -40px; min-height: 100px; width: 100%; }
html>body .default .rcol .contentContainer { height: auto; min-height: 100px; }
/* min height for Internet Explorer */
/*\*/
* html .default .rcol .contentContainer {
  height: 100px;
}
/**/

.default .rcol .content { padding: 10px; line-height: 1.5em; background: rgb(255,255,255); }

.default .banner { position: relative; width: 938px; margin: 0px auto; height: 280px; text-align: right; }
.default .banner .lcol { float: left; width: 277px; height: 278px; border-top: 1px solid rgb(173,190,171); border-bottom: 1px solid rgb(173,190,171); border-left: 1px solid rgb(173,190,171); }
.default .banner table { border-collapse: collapse; height: 278px; }
.default .banner table td { vertical-align: middle; }
.default .banner .lcol .pageTitle h1 { margin-bottom: 0px; }
.default .banner .rcol { float: right; width: 660px; height: 280px; margin-right: 0px; overflow: hidden;}

/* configurator */
.configurator { background: rgb(255,255,255); width: 578px; margin: auto; padding-top: 10px; }
.configurator .container { border: 1px solid rgb(173,190,172); padding: 10px; }
.configurator .container .backLink { margin-bottom: 10px; color: rgb(255,255,255); }
.configurator .container .configCats { text-align: center; width: 100%; font-size: 90%; }
.configurator .container a { text-decoration: none; }
.configurator .container a:hover { color: rgb(149,149,149); }

/* range */
.range { }
.range ul#models { position: relative; z-index: 10; display: block; padding: 10px 0px 0px 0px; margin: 0px 11px; list-style:none; height: 47px; }
.range ul#models li { padding-left: 0px; display: block; float: left; position: relative; margin: 0px 10px 0px 0px; background: rgb(248,248,249); height: 42px; border-top: 1px solid rgb(248,248,249); border-right: 1px solid rgb(248,248,249); border-bottom: 4px solid rgb(255,255,255); border-left: 1px solid rgb(248,248,249); }
.range ul#models li a, .range ul#models li a:hover { display: block; float: left; width: 51px; height: 32px; padding: 5px; text-decoration: none; text-align: center; }
.range ul#models li.last { margin-right: 0px; }
.range ul#models li.bespoke a { width: 50px; }

.range ul#models li.sel { background: rgb(255,255,255); height: 47px; border-top: 1px solid rgb(173,190,171); border-right: 1px solid rgb(173,190,171); border-bottom: none; border-left: 1px solid rgb(173,190,171); }
.range ul#models li.sel a { height: 32px; background-position: 0px -42px; }

.range #slides { margin: 0px 13px 0px 11px; padding: 20px; border: 1px solid rgb(173,190,171); zoom:1; }
.range #slides .lcol { position: relative; width: 250px; float: left; text-align: center; }
.range #slides .lcol .imgHolder { margin: 20px auto; }
.range #slides .lcol .showPdf img { vertical-align: middle; margin-right: 5px; }
.range #slides .rcol { float: right; width: 260px; margin-right: 0px; margin-left: 20px; }
.range #slides .rcol .title { position: relative; width: 260px; }
.range #slides .rcol .title h3 { font-size: 140%; }
.range #slides .rcol .title h3 b { position: absolute; right: 0px; color: rgb(173,190,171); font-size: 90%; }
.range #slides .rcol .description { margin: 20px 0px 10px 0px; font-size: 95%; line-height: 1.52em; }
.range #slides .rcol table.modelSize { width: 260px; margin: 20px auto; margin-bottom: 0px; border-collapse:collapse; font-size: 90%; }
.range #slides .rcol table.modelSize td { border: 1px solid rgb(200,200,200); padding: 4px 6px;}
.range #slides .rcol table.modelSize td.blankRow { background: rgb(248,248,249); }
.range #slides .rcol table.modelSize td.center { text-align: center; }

* html .range ul#models li a { padding: 5px 4px 5px 5px; }
* html .range ul#models li a:hover { padding: 5px 4px 5px 5px; }
* html .range #slides { position: relative; top: -1px; }

/* gallery */
.gallery { }
.gallery .banner { position: relative; border: 1px solid rgb(173,190,171); text-align: center;  }
.gallery .banner .imgDescription { position:absolute;left: 0px; bottom: -1px; border-top: 1px solid rgb(173,190,171); border-right: 1px solid rgb(173,190,171); border-left: 1px solid rgb(173,190,171); margin: 0px 60px; padding: 0px 10px; height: 30px; line-height: 30px; text-align: left; background: rgb(255,255,255); }
.gallery .pagination { margin: 20px 0px; text-align: right; }
.gallery .thumbContainer { margin: 20px 0px; position: relative; border: 1px solid rgb(173,190,171); padding: 2px; height: 70px; }
.gallery .thumbContainer .lcol, .gallery .thumbContainer .rcol { position: relative; float: left; width: 39px; height: 72px;  }
.gallery .thumbContainer .lcol { margin-left: 4px; text-align: center; }
.gallery .thumbContainer .lcol img, .gallery .thumbContainer .rcol img { margin-top: 4px; }
.gallery .thumbContainer .ccol { float: left; width: 848px; }
.gallery .thumbContainer .ccol a { display: block; float: left; padding: 2px; margin-right: 8px; filter:alpha(opacity=40); /* IE's opacity*/ opacity:0.4; background: rgb(255,255,255); }
.gallery .thumbContainer .ccol a.last { margin-right: 0px; }
.gallery .thumbContainer .ccol a.active, .gallery .thumbContainer .ccol a:hover { filter:alpha(opacity=100); /* IE's opacity*/ opacity:1; }

/* faq */
.faq .listquestion a { text-decoration: none; line-height: 1.5em; color: rgb(173,190,171); }
.faq .listquestion a:hover { text-decoration: underline; }
.faq .question { width: 600px;margin-top: 20px; }
.faq .question .title { border-bottom: 1px solid rgb(173,190,171); }
.faq .question .title a { color: rgb(173,190,171); font-size: 120%; margin-left: 10px; }

/* site map */
.sitemap ul { }
.sitemap li { margin-bottom: 10px; text-transform: lowercase; }
.sitemap li a, .sitemap li a:visited { text-decoration: none; }
.sitemap li a:hover { text-decoration: underline; color: rgb(173,190,171); }
.sitemap .level1 { float: left; margin: 0px 8px; display: inline; }

/* generic login form */
.loginForm { }
.loginForm .row { }
.loginForm .warning { color: red; }

/* generic class css */
/* messages used by multiple classes on the site */
.messages { padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px; }
.pagearea .messages { margin: 0px 0px 20px 0px; }
.messages .warning { color: red; }
.messages .message { color: green; }
.messages .title { }
.messages ul { }
.messages li { }

/* account */
.account .start { }
.account .start .txtfield { width: 160px; }
.account .newuser { width: 200px; }

/* search */
.searchpage { }
.searchpage .search { margin-bottom: 20px; }
.searchpage .search .txtfield { margin-left: 0px; }
.searchpage .string { text-decoration: none; }

/* generic page */
.generic h3 { margin-bottom: 18px; }
.generic h4 { margin-bottom: 5px; }
.generic .summary { margin-bottom: 22px; }
.generic .summary a {text-decoration: none;}

/* form css */
.waitMsg { display: none; background: rgb(99, 99, 99); border: 3px solid rgb(255, 173, 99); width: 300px; text-align: center; position: absolute; top: 0px; left: 0px; }
.waitMsg p { padding: 10px 20px; font-size: 140%; color: white; }
.waitMsg .wImg { margin-bottom: 10px; }

/* sIFR Styles */
.sIFR-flash { visibility: visible !important; margin: 0px; padding: 0px; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.xsIFR-alternate { display: block; overflow: hidden; }

/* Hide Adblock Object tab: */
.sIFR-replaced > div { display: none !important; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0;   padding: 0; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }
.sIFR-hasFlash .home .pageTitle h1, .sIFR-hasFlash .home .pageTitle h1 a {
  letter-spacing: 0px;
  visibility: hidden;
  font-size: 32px;
}
.sIFR-hasFlash .default .pageTitle h1, .sIFR-hasFlash .default .pageTitle h1 a {
  letter-spacing: 0px;
  visibility: hidden;
  font-size: 32px;
  width: 240px;
  margin-bottom: 0px;
}
* html .sIFR-hasFlash .default .pageTitle h1, .sIFR-hasFlash .default .pageTitle h1 a {
  letter-spacing: 0px;
  visibility: hidden;
  font-size: 30px;
  width: 240px;
  margin-bottom: 0px;
}
.sIFR-hasFlash .pageTitle h3, .sIFR-hasFlash .pageTitle h3 a {
  letter-spacing: 0px;
  visibility: hidden;
  font-size: 19px;
}