@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- RENOVATION MASTERS -
	
	author: FuelDesign Ltd www.fueldesign.co.nz

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific styles
	8 - CMS Specific style overrides

==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");

/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
body { margin:0px;padding:0px;overflow:scroll; }
body { color:#000; background:#fff url(../images/structure/bg/bg.png) repeat-x scroll 0 0; font-size:0.8em; line-height:16px; text-align:center; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-variant:normal; }
/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
.white_borders { border:1px solid #fff; }

/* links */
a:link, a:visited { color:#fff; }
/*a:hover, a:active { border-bottom: 1px solid #999; }*/
/* remove dotted outlines in FF */
a:hover, a:active, a:focus { outline-color:invert; outline-style:none; outline-width:medium; }

a:link.external, a:visited.external { background: transparent url(../images/bg/external.gif) top right no-repeat; padding-right: 12px; }

/* list types */
ul li { }
ul { }

dl dt { font-weight: bold; }
dl dd img { display: inline; }
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */

/* blockquotes */
blockquote { margin:0px; }
blockquote p { font-family: georgia, "times new roman", serif; color:#fff; font-size:1em; margin:0px; line-height:18px; }
blockquote p.quote { color:#000; margin-top:15px; }
blockquote p cite { font-size:13px; font-style:normal; display:block; font-weight:bold; }

/* strong */
strong.error { color: #F00; }

/* em */
em.required { color: #F00; font-weight: bold; font-style: normal; }

/* headers */
h1, h2, h3, h4, h5, h6 { color: #fff; }
h1 { margin-top:0px;}

h1 { /*font-size:30px;*/ font-weight:normal; letter-spacing:-1px; text-transform:uppercase; }
h2 { font-size:1.4em; line-height:20px; font-weight:normal; /*letter-spacing:-1px;*/ text-transform:uppercase; color:#fff; }

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
.thrColAbs #header { margin:0px auto; width:641px; height:137px; text-align: left; }
.thrColAbs #container { position: relative; text-align: left; color: #fff; border-bottom:6px solid #666; }
.thrColAbs #contentContainer { position: relative; margin: 0 auto; width:641px;  }
.thrColAbs #rightSideBar { float:right; width:180px; }
.thrColAbs #mainContent { width:456px; float:left; }
.thrColAbs #footer { text-align: left; }

/*
==========================================================================
4 - Header styles
==========================================================================
*/

.thrColAbs #header { position:relative; }
.thrColAbs .headerHome { height:291px !important; }
.thrColAbs .mainContentHome { width:641px !important; margin:0px auto !important; }

#header #flashContainer { position:absolute;left:10px;bottom:0px;width:450px;height:156px; }
#header #flashContainer h3 { margin:0px; display:none; }

#header #rightHeader { position:absolute;right:0px;bottom:0px;width:152px;height:176px; }
#header #rightHeader a { color:#666; }
#header #rightHeader h1 { color:#000; font-size:26px; font-weight:normal; letter-spacing:-1.0px; margin:20px 0px 0px; }
#header #rightHeader h1 a { color:#000; }
#header #rightHeader h2 { color:#666; font-size:17px; font-weight:normal; letter-spacing:-1.0px; margin:15px 0px 0px;}
#header #rightHeader h4 { color:#666; font-size:11px; font-weight:normal; letter-spacing:-0.8px; margin:5px 0px 0px;}

#btn-login { display:block;width:152px;height:38px;position:absolute;top:0px;right:0px; background:#cbcbcb url(../images/structure/img/buttons/btn-login.png) no-repeat scroll 0 0; }

a#btn-enquiries { display:block;width:152px;height:38px;position:absolute;bottom:0px;right:0px; background:transparent url(../images/structure/img/buttons/btn-enquiries.png) no-repeat scroll left 0; }
a:hover#btn-enquiries { display:block;width:152px;height:38px;position:absolute;bottom:0px;right:0px; background:transparent url(../images/structure/img/buttons/btn-enquiries.png) no-repeat scroll right 0; }

#accordian {height:0pt;margin:0px auto;overflow:hidden;position:relative;background-color:#111;}

div#quoteRequest { width:760px; margin:8px auto 0px; /*background-color:#333;*/ position:relative; padding:10px; }
div#quoteRequest #quoteRequestPadding { background:#333 url(../images/enquiries/bg-enquiries-form.gif) repeat-y scroll 45px 0px; border:1px dashed #ddd; }
div#quoteRequest h4 { margin-top:10px; }
div#quoteRequest input,div#quoteRequest textarea,div#quoteRequest select, div#quoteRequest p, div#quoteRequest form label { float: left;display:block; text-align:left; font-size:0.8em; padding:0px; width:200px; }
div#quoteRequest select { width:204px; }
div#quoteRequest img.required { float:left;padding-left:5px; }
div#quoteRequest input.button { width:56px; float:left; }
div#quoteRequest form { padding:0px;margin:0xp; }
div#quoteRequest form fieldset.step { float:left;margin-left:10px;padding:5px;width:230px; }
div#quoteRequest form .submit { width: 50px; }

/*
==========================================================================
5 - Main content styles
==========================================================================
*/

/* navigation*/
.thrColAbs #container #nav { border-top:6px solid #579f55; } /*#16932e*/ /*#c98d00*/

/* #rightSideBar styles */
.thrColAbs #rightSideBarPadding { padding: 0px 0px 15px 0px; width:153px; float:right;text-align:left; }
#rightSideBar a { font-size:13px; border-bottom:1px solid transparent; color:#fff; }
#rightSideBar a:hover,#rightSideBar a:active,#rightSideBar a:focus { border-bottom:1px solid #fff; }

/* #mainContent styles */
.thrColAbs #mainContentPadding { padding: 0px 10px 15px; }

.thrColAbs #mainContent a:hover,
.thrColAbs #mainContent a:active,
.thrColAbs #mainContent a:focus { border-bottom: 1px solid #fff; }

/*
==========================================================================
6 - Footer styles
==========================================================================
*/

#footer #footerLogoContainer { margin:0px auto; white-space:nowrap; width:654px; /*height:99px;*/ }
#footer #footerLogoContainer img { display:inline; margin:10px; }

ul#foot-nav { margin:25px auto 0px auto; width:640px; height:25px; padding:0px 0px 0px 20px; }
ul#foot-nav li { color: #999; list-style: none; float:left; font-size: 12px; padding: 0px 2px; margin-left: 0px; }
#foot-nav a { color:#c20000; font-size:13px; }
#foot-nav li.grey a { color: #999; font-size:13px; }
#foot-nav a:hover, #foot-nav a:active, #foot-nav a:focus,
#foot-nav li.grey a:hover,#foot-nav li.grey a:active, #foot-nav li.grey a:focus { color:#333; }
/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* homepage */
#img-map {}
#img-map img { display:none; border:0px none; }
a#img-map { float:right;display:block;width:250px;height:300px; background:transparent url(../images/nz-map.png) no-repeat scroll left 0; }
a:hover#img-map { background-position:right 0; }
.thrColAbs #mainContent a:hover#img-map,
.thrColAbs #mainContent a:active#img-map,
.thrColAbs #mainContent a:focus#img-map {
	border:0px none;
}

/* sitemap */
ul#sitemap, #sitemap ul { list-style-type: none; background: #FFF url(/images/structure/bg/vline.png) repeat-y scroll 20px 0px; margin: 0; padding: 0px; }
ul#sitemap { padding: 10px; }
#sitemap ul { margin-left:40px; padding:0px; }
#sitemap li { margin:0pt 0pt 0pt 10px; padding:0pt 12px; background: #fff url(/images/structure/bg/node.png) no-repeat top left; text-transform:uppercase; font-weight:bold; }
#sitemap li.noshow { background:none; }
#sitemap li ul { padding:0px;margin-left: 28px; }
#sitemap li ul li { margin: 0; padding: 0 12px; background: #fff url(/images/structure/bg/node.png) no-repeat top left; text-transform:none; font-weight:normal; }
#sitemap li.last { background: #FFF url(/images/structure/bg/lastnode.png) no-repeat; }
#sitemap a { border-bottom: none; color:#000; /*font-size:0.8em;*/line-height:1.6em; }
#sitemap a:hover { color: #000; }

/*
==========================================================================
 - CMS Specific style overrides
==========================================================================
*/ 

.pagination { color:#000; }
.pagination a { color:#fff; border-bottom:1px solid transparent; }
.pagination a:hover, .pagination a:active, .pagination a:focus { color:#fff; border-bottom:1px solid #fff; }

/* Renovation Gallery WebApp */
.RenoGalleryContainer { width:100%; }
.RenoGalleryContainer .RenoGalleryRow { position:relative; }
.RenoGalleryContainer .RenoGalleryRow h3 { margin:25px 0px 5px; }
.RenoGalleryContainer .RenoGalleryRow .left { float:left;width:49%; position:relative; }
.RenoGalleryContainer .RenoGalleryRow .right { float:right;width:49%; position:relative; }

.ImageOverlay { background:transparent url(/images/structure/bg/overlay-gallery.png) no-repeat scroll left top;display:block;width:215px;height:140px;overflow:hidden;position:absolute;top:0px;left:0px; }
.ImageOverlay a { display:block;width:215px;height:140px; }
.ImageOverlay a img { display:none; }

#flashContainer p { display:none; }
#flashContainer .ImageOverlay { background:transparent url(/images/structure/bg/overlay-white.png) no-repeat scroll left top; }

/* Our Partners */
dl.row { background:#fff; margin:2px; width:214px; height:150px; float:left; }
dl.row dt { background:#111111; color:#16932e; text-align:center; height:30px;line-height:30px; }
dl.row dd { margin-left:0px;  text-align:center; height:120px;line-height:120px; margin:10px; }
/* Our Partners Details */
.OurPartnersDetail a:link,.OurPartnersDetail a:visited { color:#16932e; }
.OurPartnersDetail a:hover, .OurPartnersDetail a:active, .OurPartnersDetail a:focus { color:#111; border-bottom:1px solid #16932e !important; }
.OurPartnersDetail dl { margin:0px; }
.OurPartnersDetail dl dt { background-color:#111;color:#16932e; text-align:left;text-indent:15px;font-size:1.6em; height:2em;line-height:2em; }
.OurPartnersDetail dl dd { background-color:#fff;color:#111; margin:0px;padding:10px; }
.OurPartnersDetail dl dd.image { text-align:center; padding-top:20px; }
.OurPartnersDetail dl dd img { display:inline; }

.system-message, .system-error-message { color: #111; background:#999 url(/images/structure/bg/tick-green.png) no-repeat scroll 29px 18px; }
.system-message, .system-error-message h2 {  }
.system-message a:link, .system-error-message a:link { color: #c20000; }

/* homepage .announcementsContainer */
.announcement-list { font-size:inherit;background:#c33; padding:5px 25px; margin:0px 50px 15px 0px; border:1px solid #e99; }
.announcement-list h2 {}
.announcement-list h2 a { color:#111; font-weight:bold; letter-spacing:0px; }
.announcement-list h2 span.date { display: none; }
.announcement-list p { margin:5px 5px 5px 0px;color:#ccc; }

.announcement-details span.date { font-size:inherit; }