/* 
Theme Name: Q-Deck Style Sheet
Theme URL: http://www.qualitydecking.co.uk/media/cbs_style.css 
*/

/* Base Elements *******************************************/

body{background-color:#F4F5F4;color:#7C7C7C;background-image: url(images/structure/index_header.gif);background-repeat:repeat-x;font-family:arial,sans-serif; font-size:62.5%;font-weight:normal; font-style:normal; color:#222222; text-align:center; margin:0px; padding: 0px;}
img{border:0px;}
h1{font-family:verdana, arial,century gothic,sans serif;font-size:1.6em;padding:0px;margin:6px 0px 7px 0px;color:#69875C}
h2{font-family:verdana, arial,sans serif;font-size:1.1em;padding:0px;margin:0px 0px 0px 0px;color:#597957;}
h3{font-family:verdana, arial, sans serif;font-size:1em;padding:0px;margin:0px 0px 0px 0px;color:#315430;}
h4{font-family:arial,sans serif;font-size:1.2em;padding:0px;margin:0px 0px 0px 0px;color:#000000;}
h5{font-family:arial,sans serif;font-size:1.1em;padding:0px;margin:0px 0px 0px 0px;color:#000000;color:#69875C;font-weight:normal;}
p{ margin:0px 0px 8px 0px; padding:0px; text-align:justify}
li{list-style-image:url(images/bullet.gif);padding:0px;}
li:hover{list-style-image:url(images/bullet_over.gif);padding:0px;}

th { color:#333333}

/* Structure Presentation *******************************************/

#container{width:963px;border-top:0px;margin:auto;padding:0px;border:10px solid #FFFFFF;font-size:1.1em;line-height:1.7em}
#header{width:963px;height:110px;background-image:url(images/structure/header2.jpg);background-repeat:no-repeat;font-size:0px;line-height:0px;}
#menuArea{width:961px;height:22px;background-image:url(images/structure/menu.gif);background-repeat:repeat-x;padding:0px;margin:0px;border:1px solid #ADAEAD;background-color:#FFFFFF;z-index:100;}
#content{width:963px;text-align:left;margin:0px;padding:10px 0px 5px 0px;overflow:hidden;background-color:#FFFFFF;clear:both; z-index:1;}
#contentLeftCol{margin:0px 20px 0px 5px;padding:0px;width:722px;float:left;overflow:hidden;}
#contentLeftColO{margin:0px 20px 0px 5px;padding:0px;width:940px;float:left;overflow:hidden;}
#contentLeftprod{margin:0px 20px 0px 5px;padding:0px;width:722px;float:left;overflow:hidden;}

#videoContentLeft{margin:0px 20px 0px 5px;padding:0px;width:207px;float:left;overflow:hidden; border:0px solid #000000; line-height:1.2em}
#videoContentMid{margin:0px 20px 0px 5px;padding:0px;width:485px;float:left;overflow:hidden; border:0px solid #000000; z-index:1;}
/*#videoContentRight{margin:0px 20px 0px 5px;padding:0px;width:122px;float:left;overflow:hidden; border:1px solid #000000}*/

#contentLeftColgal{
	margin:0px;
	padding:0px;
	width:722px;
	float:left;
	overflow:hidden;
	background-color:#E9EEE5;
	background-attachment: scroll;
	background-image: url(images/gallery/gallerybot.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contentLeftColgalinside{
	margin:0px;
	padding:0px;
	width:963px;
	float:left;
	overflow:hidden;
	background-color:#E9EEE5;
	background-attachment: scroll;
	background-image: url(images/gallery/gallerybotinside.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contentRightCol{float:left;overflow:hidden; width:211px; text-align:right}
#footer{width:963px;height:20px;margin:0px;padding:0px;}
#footerLeft{width:5px;height:20px;background-image:url(images/structure/footer_left.gif);background-repeat:no-repeat;float:left;}
#footerMiddle{width:943px;height:20px;background-image:url(images/structure/footer_middle.gif);background-repeat:repeat-x;float:left;text-align:left;padding-left:10px;}
#footerRight{width:5px;height:20px;background-image:url(images/structure/footer_right.gif);background-repeat:no-repeat;float:right;}

/* Menu *******************************************/

#menu{margin:0px 0px 0px 0px;padding:0px;}
#menuArea li{float:left;position:relative;text-align:left;list-style:none;margin:0px;margin-left:40px;padding:0px;}
#menuArea li a {display:block;padding:2px;margin:0px;}
#menuArea li ul {display:none;position:absolute;top:21px;left:-4px;background-color:#FFFFFF;border:1px solid #BBBBBB;border-top:0px;margin:0xp;padding:0px;}
#menuArea li li {width:100%;text-align:left;background-color:#FFFFFF;border-top:1px solid #F4F4F4;margin:0px;padding:0px;}
#menuArea li li a {display:block;padding:3px;margin:0px;}
#menuArea li li a:hover {display:block;padding:3px;margin:0px;background-color:#F4F4F4;}
#menuArea li:hover ul, #menuArea li.over ul{display:block;margin:0px;padding:0px;}

#menuProducts ul{width:115px;}
#menuWhyQ ul{width:70px;}
#menuWhereBuy ul{width:140px;}
#menuGallery ul{width:95px;}
#menuInstall ul{width:90px;}
#menuContactUs ul{width:140px;}

/* Common Elements *******************************************/

.red{color:#FF0000;}
.rightCTA{margin:0px 0px 5px 10px; float:right}

/* hrefs *******************************************/

a:link, a:active, a:visited { color:black; text-decoration:none;}
a:hover { color:black; text-decoration:underline;}

a.pdf
{
color:#000000;
text-decoration:none;
}

a.pdf:hover
{
color:#F08C17;
text-decoration:none;
}

#menu a:active, #menu a:link, #menu a:visited{color:#032803;text-decoration:none;font-size:11px;}
#menu a:hover{color:#FFFFFF;text-decoration:none;}

#menu li li a:active, #menu li li a:link, #menu li li a:visited{color:#032803;text-decoration:none;font-size:11px;}
#menu li li a:hover{color:#032803;text-decoration:underline;}

a#menuSelected:active, a#menuSelected:link, a#menuSelected:visited{color:#032803;text-decoration:none;font-size:11px;font-weight:bold;}
a#menuSelected:hover{color:#032803;text-decoration:none;}

.ordinary:link { color: #000000; text-decoration: none; line-height:1.4em; }
.ordinary:active { color: #000000; text-decoration: none; line-height:1.4em; }
.ordinary:visited { color: #000000; text-decoration: none; line-height:1.4em; }
.ordinary:hover { color: #000000; text-decoration: underline; line-height:1.4em; }

.header:link { color: #597957; text-decoration: none; line-height:1.4em; font-size:1.1em }
.header:active { color: #597957; text-decoration: none; line-height:1.4em; font-size:1.1em }
.header:visited { color: #597957; text-decoration: none; line-height:1.4em; font-size:1.1em }
.header:hover { color: #597957; text-decoration: underline; line-height:1.4em; font-size:1.1em }


/* Individual Page Elements *******************************************/

/* Index */

#indexContentLeftCol{padding:0px;float:left;overflow:hidden; width:602px; margin:0px 3px 0px 0px}
#indexContentRightCol{float:left;overflow:hidden; padding:0px 0px 0px 0px;}

#qualityTimberDecking{background-color:#FFFFFF;padding:10px;margin:0px 10px 10px 0px;width:575px;text-align:justify;}
.rowItems{float:left;margin:0px 4px 8px 0px;}
#guarantee{float:left;margin:0px 0px 0px 0px;padding:10px;background-image:url(images/guarantee.gif);background-repeat:no-repeat;width:281px;height:117px;}
#guarantee h3{margin-top:28px;}
#guarantee p{margin-right:20px;}

.rightMenu{margin:0px 0px 7px 0px;width:339px;height:80px;padding:7px;background-image:url(images/right_col_backing.gif);background-repeat:no-repeat;}
.rightMenu img{float:right;}
.rightText{float:left;width:180px;}
.rightText p{clear:both;line-height:1.4em; text-align:left}
.rightText h2{margin:0px;padding:0px;}
.rightText img{float:left;margin-top:5px;}

FORM {font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; margin:0px; padding:0px;}
#contactform {padding:10px;}
#contactform FORM {font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; margin:0px; padding:0px; color:#3F5F32;}
#contactform INPUT {color:#000000;font-family:verdana,arial,helvetica,sans-serif;}
#contactform TEXTAREA {color:#000000;font-family:verdana,arial,helvetica,sans-serif; font-size:95%;}
#contactform .submit {color:#333333;}
#contactform .contacttxt {float:left; width:180px; padding:7px 10px 5px 1px; margin:0px;}
#contactform .contactinp {float:left; width:420px; padding:7px 0px 5px 1px; margin:0px;}
#contactform .contactacross {float:left; width:550px; padding:7px 10px 5px 1px; margin:0px;}

.gallerythumb { float:left; margin-right:5px; margin-bottom:36px; margin-left:5px; text-align:center }
.gallerymini { float:left; margin-right:5px; margin-bottom:12px; margin-left:5px; text-align:center }
.gallerylinks { margin-right:20px }
#gallerynav { width:700px; text-align:right; margin-bottom:5px }
#gallerycontent { padding:0px 20px 20px 20px; margin-left:20px }

.important { color:#FF0000}
.highlightbg { background-color:#FFCC99}
.cellbackground{background-color:#ffffff}
th {background-color:#B4BEB4}

.clear {clear:both;}
.left {float:left; padding-right:10px}

#detailstable {border:1px solid #333300}

.imagetd {
	text-align:right;
	border-bottom: 5px solid #ffffff;
	border-top: 1px solid #E6ECD4;
	border-left: 1px solid #E6ECD4;
}
.producttext {
	padding: 2px 10px 2px 10px;
	border-bottom: 5px solid #ffffff;
	background-attachment: scroll;
	background-image: url(images/fadebg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}