/*
Patio Living css
Last update: 2 Aug 2007
Copyright 2007 In Web Pty Ltd www.inweb.com.au
********************************************************************/

html, body, div, h1, h2, h3, h4, h5, h6, h8 ul, ol, li, blockquote { 
padding: 0; margin: 0;
}

body {
font: 62.5% Verdana, Arial, sans-serif; color: #444 ;
background: #f8f8f8 url(../img/site/bodytop-bg.jpg) repeat-x ;
}

/* Containers
********************************************************************/

#layout { 
width: 789px;
margin: 0 auto;
background: #fff url(../img/site/page-bg.jpg) repeat-y;
}
	
#wrapper {
width: 765px;
margin: 0 auto;
overflow: hidden;
}

#top, #top-home {
background: #fff url(../img/site/top-bg.jpg) no-repeat;
height: 245px;
position: relative;
}

#top-home { 
height: 245px;
}

#left { 
float: left;
width: 310px;
}

#right {
float: right;
width: 425px;
}

.wide-left {
float: left;
width: 365px;
}
.wide-right {
float: right;
width: 375px;
}


#contact-wrap {
float: left;
width: 765px;
}



#footer { 
margin: 0 auto;
width: 789px;
clear: both;
background: url(../img/site/footer-bg.jpg) no-repeat top left;}

/* Top
********************************************************************/
#top h1, #top-home h2,
#top h2, #top-home h1,
#top h3, #top-home h3,
#gallery {
position : absolute;
margin: 0 ; padding: 0;
}

#top h1, #top-home h2 {
width: 500px;
left: 32px;
top: 175px;
}

#top h2, #top-home h1 {
width: 500px;
left: 32px;
top: 205px;
}

#top h3, #top-home h3 {
left: 477px;
top: 2px;
width: 300px;
height: 98px;
background: url(../img/site/logo-top.jpg) no-repeat top;
text-indent: -20000px; 
}

#gallery {
width: 135px;
left: 620px;
top: 174px;
text-align: right;
}

/* Main content
********************************************************************/

#home-left-content {
margin: 20px 0 30px 0;
padding-left: 30px;
}

#home-right-content {
float: left;
margin: 20px 0 30px 0;
padding-right: 33px;
}

#left-content {
margin: 20px 0 20px 0;
padding: 0 0 0 28px;
}

#right-content {
float: left;
margin: 20px 0 20px 0;
}

.full-width {
margin: 20px 0 20px 0;
padding: 0 30px 0 28px;
}

.info-box {
width: 260px;
margin: 13px 0 13px 0px;
padding: 8px 10px 6px 10px;
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
background: #f8f8f8 url(../img/site/info-bg.jpg) repeat-x;
}

.diy-box, .diy-box-right {
width: 240px ;
margin: 13px 0 13px 0px;
padding: 8px 5px 6px 30px;
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
background: #f8f8f8 url(../img/site/diy-bg.gif) no-repeat;
}

.diy-box-right {
width: 360px;
margin: 13px 0 20px 9px;
}

.quotebox-left {
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
}

.quotebox-right {
margin: 10px 28px 10px 9px;
padding: 0 0 10px 0;
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
}

#sp-wrap {
margin: 15px 5px 15px 0;
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
text-align: left;
}

.sp-box {
float: left;
margin: 0;
padding: 5px 0 0 0;
width: 130px; 
}

.sp-box-r {
float: left;
margin: 0;
padding: 5px 0px 0 15px;
width: 130px; 
}

.tick ul {
list-style: none;
}

.tick li {
background: url(../img/site/tick.gif) no-repeat 0 2px;
line-height: 1.8em;
padding-left: 25px;
font-size: 1.1em;
list-style: none;
}

/*#bottom {
background: url(../img/site/footer-bg.jpg) no-repeat left bottom;
height: 35px;
}*/

.contact-detail, .contact-detail-dealer {
margin: 0 0 0px 0; padding: 0;
list-style: none ;
font-size: 1.1em ;
}

.contact-detail li, .contact-detail-dealer li { 
line-height: 1.8em;
border-bottom: #ccc 1px dotted;
}
 
.contact-detail-dealer {
padding-left: 11px;
width: 330px;
}

#footer-content {
padding: 35px 0;
text-align: center;
font-size: 1em;
color: #666;
}

.sitemap ul, #bookmarks ul {
list-style: none;
}

.sitemap li, .sitemap ol {
line-height: 1.8em;
}

.sitemap ol {
margin: 0;
padding-left: 20px;
}

.featured, .featured-top {
margin-top: 20px;
clear: left;
}

.featured-top { border: none;}

.featured img, .featured-top img {
float: left;
border: #ccc 1px solid;
padding: 3px;
margin: 0 20px 15px 0;
}

.product-wrapper {
padding-left: 30px;
}

.product {
width: 160px;
float: left;
padding-right: 20px;
padding-bottom: 20px;
}

.product img {
border: #ccc 1px solid;
padding: 3px;
margin: 0;
}
/* Contact block
********************************************************************/

#contact-block {
margin: 0 20px;
padding: 10px 20px 15px 20px;
background: url(../img/site/contactblock-bg.jpg) repeat-x;
/*overflow: hidden;*/
}

#contact-block ul {
float: left;
margin: 0; padding: 0;
list-style: none ;
font-size: 1.1em ;
}

#contact-block li { 
line-height: 1.4em;
}

ul#cw { width: 180px ;} 
ul#hb { width: 145px ; margin-left: 10px ;}
ul#brochure { width: 160px ; }
ul#quote { width: 160px; margin-left: 25px; }
#contact-block span { color: #000;}

#contact-block h5 {
font-size: 1.5em; font-weight: bold; color: #666; 
margin: .3em 0 .5em 0;
padding: 0 0 .3em 0;
border-bottom: #ccc 1px solid; 
}

/* Images, gallery and slideshows
********************************************************************/

/* Small right images
**************************/

#img-right { 
padding: 0px 0 0 0;
clear: both;
}

.right-block ul {
list-style: none;
}

.right-block li {
float: left;
width: 207px;
height: 146px;
margin: 0;
background: url(../img/site/img-bg.gif) no-repeat;
list-style: none;
}

.right-block img {
margin: 10px 0 0 12px ;
}

/* Large right images
**************************/

#img-right-lg { 
padding: 0;
}

.right-block-lj ul {
list-style: none;
}

.right-block-lg li {
float: left;
width: 415px;
height: 255px;
margin: 0;
background: url(../img/site/show-bg.gif) no-repeat;
}

.right-block-lg img {
margin: 10px 0 0 12px ;
}

/* Slideshows
**************************/

#home-ssbg {
height: 320px;
margin-left: 14px;
background: url(../img/site/splash-bg.gif) no-repeat;
}

#home-slideshow {
position: relative;
top: 10px;
left: 12px;
}

#content-ssbg {
height: 255px;
background: url(../img/site/show-bg.gif) no-repeat;
width: 415px;
}

#content-slideshow {
position: relative;
top: 10px;
left: 10px;
}

#gallery-box {
height: 480px;
margin: 20px 0 0 14px;
background: url(../img/site/gallery-bg.gif) no-repeat;
}

#gallery-slideshow {
position: relative;
top: 10px;
left: 12px;
}

.right{ /* gallery instructions */
float: right;
margin: 10px 35px 0 0;
}

.book a img { margin-bottom: -2px; vertical-align: sub; border: none;}

/* Link styles
********************************************************************/

#wrapper a:link, #wrapper a:hover, #wrapper a:active, #wrapper a:visited {
color: #0099ff; text-decoration: none;
border-bottom: #dcdcdc 1px solid ;
}

#footer-content a:link, #footer-content a:hover, #footer-content a:active {
color: #666; text-decoration: none;
border-bottom: #c7c7c7 1px solid;
}


#footer-content a:visited {
color: #666; text-decoration: none;
border-bottom: #e3e3e3 1px dotted;
}

#wrapper a:hover, #footer-content a:hover, #gallery a:hover { background: #f1f1f1; }


a img { margin-bottom: -2px; vertical-align: sub; border: none; }
abbr.mail { border-bottom-style:none; }


#gallery a:link, #gallery a:active, #gallery a:visited {
color: #999; text-decoration: none;
}

/* Typography
********************************************************************/

h1, h2, h3, h4, h5, h8, #menu, em { font-family: "Trebuchet MS", "Lucida Grande", Arial ; line-height: normal ; }
h1, #top-home h2 { font-size: 25px ; color: #bcc924; font-weight: bold ;}
h2, #top-home h1 { font-size: 18px ; color: #333; font-weight: normal;}
h3 { font-size: 1.6em ; color: #333; font-weight: normal ; margin: 0 0 .3em 0;  }
h4 { font-size: 1.3em ; color: #0099ff;  }
h8 { font-size: 1.8em ; color: #fefefe;  font-weight: bold ;}
p { font-size: 1.1em ; line-height: 1.4em ; margin: 0 0 .9em 0; }
e { font-size: 1.em ; line-height: 1.1em ; margin: 0 0 .9em 0; }
.diy-box p { font-size: 1.1em ;}
#right-content p { padding: 0 30px 0 10px; }
#right-content h3 { padding-left: 10px ;}
.product h4 { font-size: 1.25em; padding: .5em 0 .5em 0;}







blockquote, cite {
font-family: Georgia, "Times New Roman", Times, serif; 
font-style: italic;
font-size: 1.3em;
line-height: 1.4em;
margin: 0;
}

blockquote {
color: #666;
padding: 10px 10px 0 10px;
margin: 0;
}

cite { 
color: #b8d191;
padding: 0 0 0 10px;
}

#contact-block em {
font-style: normal;
font-weight: bold;
font-size: 1.1em ;
color: #0099ff;
}

#home-left-content, #home-right-content, 
#left-content, #right-content {
text-align: justify;
}

ul li {list-style:none;text-decoration: none;}





/* Menus
********************************************************************/

/*#menu dt, dl, dd {
list-style-type: none;
margin: 0 2px 0 0;
padding: 0;
}

#menu {
position: absolute;
left: 32px;
top: 103px;
width: 740px;
}

#menu dl { float: left; }
#menu li { display: inline; }

#menu dt {
background : #abdb6c;
border: #ffffcc 1px solid;
padding: 4px 8px 4px 8px;
font-size: 13px;
color: #333;
}

#menu a {
text-decoration: none;
color: #000;
}

#smenu1, #smenu2, #smenu3, #smenu4,
#smenu5, #smenu6, #smenu7 {
position: absolute;
left: 0;
top: 2.7em;
font-size: 13px;
color: #b8d191;
width: 730px;
background: none;
margin: 0;
padding: 0;
}

#menu dt a:hover { color: #fff ; }
#menu dt a#current { color: #fff; }
#menu li a:hover { color: #fff; }

#menu li a {
background: #d9eeb5;
padding: 4px 8px 5px 8px;
margin: 0 -3px 0 0 ;
border: none;
}*/


#menu-main {
position: absolute;
left: 32px;
bottom: 105px;
}

#menu-main ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu-main li {
list-style-type: none;
float: left;
background : #bcc924;
border: #ffffcc 1px solid;
padding: 4px 6px 4px 6px;
font-size: 13px;
letter-spacing: -1px;
margin: 0 2px 0 0;
}

#menu-main li a { color: #333; text-decoration: none;}
#menu-main a:hover, #menu-main a:focus { color: #fff ;}
#menu-main a#current { color: #fff;}

####NEW CSSMENU####

#menu-main, #menu-main ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
#menu-main a {
	display: block;
	width:auto;
}
 
#menu-main li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}
 
#menu-main li ul { /* second-level lists */
	position: absolute;
	width: 120px;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#menu-main li:hover ul, #menu-main li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	padding-top:5px;

}
#menu-main li ul li{ /* second-level list items */
	width: 150px;
	margin-bottom:0px;
	border-top:none;
}

/*####SUB MENU####*/


#menu-sub {
position: absolute;
left: 32px;
top: 140px;
}

#menu-sub ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu-sub li {
list-style: none;
display: inline;
padding-right: 4px;
font-size: 1.2em;
margin: 0;
background: url(../img/site/sub-bg.gif) no-repeat 0 50%;
}




#menu-sub li a { color: #333; text-decoration: none; padding-left: 12px;}
#menu-sub a:hover, #menu-sub a:focus, #menu-sub a#current-s { color: #0099ff;}


/* Float clearing
********************************************************************/

.clearit {
font-size: 0;
line-height: 0;
height: 0;
clear: both;
}


/* Form
********************************************************************/
	
.form {
	color: #666666;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.formfield {
	color: #666666;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:180px;
	border:1px solid #ccc;
	background-color: #Fff;
}

.formwrapper {
	background-color:#bcc924;
	border:1px solid #bcc924;
	padding:0px;
	width:310px;
	
	}

.testimonialsMB {

}
.testimonialsMB h3  {
padding-top:10px;
}
.testimonialsMB h7  {
  padding: 0 0 16px 0;
  font-size: 15px;
  font-weight: normal;
  color:#aaa;
  font-style: italic;
  margin-bottom:20px;
}