/*==================== Global ========================*/



html body {

	background-color:#3dbeff;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}
body {
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
background-attachment:fixed;
background-position:center; 

}


TD {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 12px;

}



H1 {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 21px;

	font-weight: bold;

	padding: 0;

	margin: 10px 0;

}



H2 {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 16px;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 0px;

}



H3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 14px;

	font-weight: normal;

	margin-top: 0px;

	margin-bottom: 10px;

}



P {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 12px;

}



A {

	text-decoration: none;

}



UL {

	font-family: arial, helvetica, tahoma, sans-serif;

	color: #696969;

	font-size: 11px;

}



/*==================== Email Text ========================*/



.emailtext {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

	font-weight: normal;

}



.emailtext:link {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

	font-weight: normal;

}



.emailtext:visited {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

	font-weight: normal;

}



.emailtext:hover {

	font-family: Arial, Helvetica, sans-serif;

	color: #45bce6;

	font-size: 12px;

	font-weight: normal;

}



/*==================== Extra Headings ========================*/



.browntext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #312019;

	font-size: 16px;

	font-weight: bold;

}

.redtext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #F00;

	font-size: 16px;

	font-weight: bold;

}



.orangetext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ff5400;

	font-size: 16px;

	font-weight: bold;

}



.redtext1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ff5400;

	font-size: 18px;

	font-weight: bold;

}



.redtext2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ff5400;

	font-size: 12px;

	font-weight: bold;

}



.redtext3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ff5400;

	font-size: 11px;

	font-weight: bold;

}



.browntext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #330000;

}



/*==================== Menu ========================*/



.sidemenu {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #4b3921;

}



.sidemenu:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #4b3921;

}



.sidemenu:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #4b3921;

}



.sidemenu:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #ff7200;

	text-decoration: underline;

}



/*==================== Footer ========================*/



.copyright {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	color: #846741;

}



.copyright:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	color: #846741;

}



.copyright:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	color: #846741;

}



.copyright:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	color: #FFFFFF;

}



.copyrightno {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	color: #846741;

}



.bottomspacer {

	background-image:url(../images/bottom-spacer.gif);

}



/*==================== Link Box ========================*/



.whitetext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #ffffff;

	line-height:21px;

}



.whitetext:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #ffffff;

	line-height:21px;

}



.whitetext:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #ffffff;

	line-height:21px;

}



.whitetext:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #68480c;

	line-height:21px;

	text-decoration: underline;

}



.newstext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #0573DE;

	line-height:12px;

}



.newstext:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #0573DE;

	line-height:12px;

}



.newstext:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #0573DE;

	line-height:12px;

}



.newstext:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #000000;

	line-height:12px;

}



.newstext2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	color: #0573DE;

	line-height:12px;

}



/*==================== On Screen Links ========================*/



.livelink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CC1F25;

}



.livelink:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CC1F25;

}



.livelink:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CC1F25;

}



.livelink:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: underline;

}



.bluelink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #0000ff;

}



.bluelink:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #0000ff;

}



.bluelink:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #0000ff;

}



.bluelink:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	text-decoration: underline;

}



.orangelink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #ff5400;

}



/*==================== Background Images ========================*/



.topspacer {

	background-image: url(../images/top-yellow-spacer.jpg);

	background-repeat: repeat;

 	background-position: left top;

}



.topmenuspacer {

	background-image:url(../images/product-spacer.jpg);

}



.midmenuspacer {

	background-image:url(../images/other-product-spacer.jpg);

}



.botmenuspacer {

	background-image:url(../images/further-spacer.jpg );

	background-repeat:no-repeat right;

}



.botwhitecontent {

	background-image:url(../images/bot-white-content.gif);

}



.toptancontent {

	background-image:url(../images/top-tan-content.gif);

}



.bottancontent {

	background-image:url(../images/bot-tan-content.gif);

}



.blackmenubgd {

	background-image:url(../images/drops-image.jpg);

}



.blackmenubgd2 {

	background-image:url(../images/drops-image2.jpg);

}



.bottomdot {

	background-image:url(../images/bot-dot.gif);

}



.blueline {

	background-image:url(../images/blue-line.gif);

}



.newsletterbgd {

	background-image: url(../images/newsletter-bgd.png);

	background-repeat: no-repeat;

}



/*==================== Background Colours ========================*/



.topspacerbgd {

	background-image: url(../images/top-spacer.gif);

}



.botspacerbgd {

	background-image: url(../images/bot-spacer.gif);

}



.leftspacerbgd {

	background-image: url(../images/left-spacer.gif);

}



.rightspacerbgd {

	background-image: url(../images/right-spacer.gif);

}



.contentbgd {

	background-image: url(../images/content-spacer.gif);

	background-repeat: repeat;

 	background-position: left top;

}



.contenttoprightbgd {

	background-image: url(../images/topc-right-spacer.jpg);

	background-repeat: repeat;

 	background-position: right top;

}



.newsbgd {

	background-image: url(../images/news-bgd.gif);

	background-repeat: no-repeat;

}



/*==================== Panel Colours ========================*/

.toppanel2 {

	background-color:#2e0500;

}



.toppanel {

	background-color:#675434;

}



.paleyellow {

	background-color:#fdf1cf;

}



.darkyellow {

	background-color:#ffe086;

}



.headingtext {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 14px;

	font-weight: bold;

}



.smallgreytext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #757575;

	font-size: 12px;

	font-weight: normal;

}





/*==================== FORM STYLES - DO NOT CHANGE ========================*/



form			{ margin: 0; padding: 0; }

#form_bg		{ background: url(../images/form-bg.png) no-repeat; }





/* Button Classes */



.button {

	width:116px;

	height:34px;

	background: url(../images/but-submit.png) no-repeat;

	outline: none; border: none;

	margin: 5px 0;

	cursor: pointer;

	text-align: center;

}



.buttonNL {

	width:116px;

	height:34px;

	background: url(../images/but-submit-old.png) no-repeat;

	outline: none; border: none;

	margin: 5px 0;

	cursor: pointer;

	text-align: center;

}



/*.button:hover {

	background: url(../images/but-submit_d.png) no-repeat;



}*/



.price-blink {

	font-family: "Times New Roman", Times, serif;

	font-size: 20px;

	font-weight: bold;

	color: #7D3F00;

	text-decoration: blink;

	text-align: center;

}



/*==================== Size Boxes ========================*/



.fillcolour {

	background-color:#fef1ce;

}



.fillcolour1 {

	background-color:#e5d4a8;

}



.tableborder {

	border: 1px solid #676058;

}



.smalltext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 11px;

}



/*==================== Photo Gallery ========================*/



.subheadings {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

	font-weight: bold;

}



.panelcolour {

	background-color:#8C7B64;

}.contentbgd table tr td table tr td table tr td font strong {

	text-align: center;

}

.contentbgd table tr td table tr td table tr td {



}

.contentbgd table tr td table tr td table tr td {

	

}

.Heading01 {

	font-family: Tahoma;

	font-size: 26px;

	font-weight: bold;

	color: #000;

	text-align: center;

}

.heading02 {

	font-family: arial;

	font-size: 15px;

	font-weight: bold;

	color: #FFF;

}

.heading03 {

	font-family: arial;

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

}



.redtext4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFF;

	font-size: 20px;

	font-weight: bold;

}

.form-5-step-head {

	background-color: red;

	text-align: center;

	vertical-align: middle;

	line-height: 40px;

	height: 40px;



}

.form-5-step-back {

	border: 2px dashed #FD9B00;

	background-color: #FDF6E3;
	margin-bottom:20px;
}

.form-5-step-head2 {

	background-color: #F90;

	text-align: center;

}



.dropdown{

	padding:3px;

	border: 1px solid #CCC;	

	font: 12px Arial,Helvetica,sans-serif;

	margin-bottom:3px;

}



.default-input{

	border: 1px solid #CCCCCC;	

	font: 12px Arial,Helvetica,sans-serif;

	padding:3px;

	margin-bottom:3px;

}

.formheading{

	font-size: 12px;

    font-weight: bold;

}

/* Arrow */



#toparrow{

	position:absolute;

	width:548px;

	height:63px;

	background-image:url(../images/arrow.png);

	margin-top:-58px;

	margin-left:251px;

}

.redtext {

	color: #F00;

}

.gold-head-block {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 14pt;

	font-weight: bold;

	background-color: #F2D995;

	text-align: center;

	border: thin solid #DDA000;

	padding-top: 5px;

	padding-bottom: 5px;

}

.underline {

	text-decoration: underline;

}



.highlight-yellow {

	background-color: #FFFF40;

}

.rave-review {

	background-color: #FFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding: 10px;

}

#countdownbg{

	width: 682px;

	height: 212px;

	background-image: url('/images/background.jpg');



}

#countdownleft{

	float:left;

	width: 210px;

	height: 112px;

	padding-left:60px;

	padding-top:25px;

}



#countdownright{

	float:right;

	width:400px;

	height:202px;

	padding:5px;

	position:relative;

}



#blank {

	background:url(/images/blank.png) no-repeat;

	width:400px;

	height:200px;

	padding:0;

	position:absolute;

	top:0;

	left:0;

	z-index:1000;

}



#countdowntoptext{

	padding-top:20px;

}

#countdowntimer{

	padding-left:85px;

	padding-top:5px;

	cursor:auto;

	z-index:1;

}



#countdownbottom{

	color:red;

	text-transform:uppercase;

	font-weight:bold;

	font-family:arial;

	padding-top:5px;

	padding-left:5px;

	font-size:16px;

}

#countdowntimeroverlay{

	cursor:auto;

	width:305px;

	height:80px;

	z-index:4;

	position:absolute;

}

.noclick{

	z-index:-999;

	color:#000;

}

.img1 { width: 85px; height: 70px; background: url(../images/african.jpg);}

	.img2 { width: 85px; height: 70px; background: url(../images/ashfelt.jpg);}

	.img3 { width: 85px; height: 70px; background: url(../images/bali-hut.jpg);}

	.img4 { width: 85px; height: 70px; background: url(../images/bamboo-shader.jpg);}

	.img5 { width: 85px; height: 70px; background: url(../images/canterbury.jpg);}

	.img6 { width: 85px; height: 70px; background: url(../images/carport.jpg);}

	.img7 { width: 85px; height: 70px; background: url(../images/castlereigh.jpg);}

	.img8 { width: 85px; height: 70px; background: url(../images/colorbond.jpg);}

	.img9 { width: 85px; height: 70px; background: url(../images/dalkeith.jpg);}

	.img10 { width: 85px; height: 70px; background: url(../images/federation.jpg);}

	.img11 { width: 85px; height: 70px; background: url(../images/heritage.jpg);}

	.img12 { width: 85px; height: 70px; background: url(../images/koda.jpg); }

	.img13 { width: 85px; height: 70px; background: url(../images/modern.jpg);}

	.img15 { width: 85px; height: 70px; background: url(../images/multisided.jpg);}

	.img16 { width: 85px; height: 70px; background: url(../images/patio-pergola.jpg);}

	.img17 { width: 85px; height: 70px; background: url(../images/pavilion.jpg);}

	.img18 { width: 85px; height: 70px; background: url(../images/richmond.jpg);}

	.img19 { width: 85px; height: 70px; background: url(../images/rosewood.jpg);}

	.img20 { width: 85px; height: 70px; background: url(../images/rotunda.jpg);}

	.img21 { width: 85px; height: 70px; background: url(../images/shingle.jpg);}

	.img22 { width: 85px; height: 70px; background: url(../images/somerset.jpg);}

	.img23 { width: 85px; height: 70px; background: url(../images/tiled.jpg); }

	.img24 { width: 85px; height: 70px; background: url(../images/notsure.jpg); }

	.img25 { width: 85px; height: 70px; background: url(../images/custom-built.jpg); }

	.img26 { width: 85px; height: 70px; background: url(../images/youtellme.jpg); }