/* TrueTrade Painters - GoodWebsites.co.nz - Erwin Raaphorst - 27 January 2010 */

/* reset */
html{overflow-y:scroll;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul,dd,dt,li,table,tbody,td,tfoot,th,thead,tr,
button,del,ins,map,object,a,abbr,acronym,big,cite,code,dfn,em,img,q,small,span,strong,sub,sup,
legend,fieldset,label,input,textarea,select{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img,fieldset{border:0;}
ol,ul,li{list-style:none;}
a{outline:none;}

body, select, input, textarea { font: 76%/1.5 Verdana, Arial, Helvetica, sans-serif; }
select, input, textarea, .wrap { font-size:1em; word-spacing:0.05em; }
body { background:#f0f0f0 url(../bg/bg.png) 0 0 repeat-x; color:#333; text-align:center; }
.page { background:url(../bg/bgpage-b.jpg) bottom center no-repeat; }
.wrap { background:url(../bg/bgwrap.png) top center repeat-y; margin:20px auto 0; width:920px; text-align:left; overflow:hidden; } 
.wrap-t { background:url(../bg/bgwrap-t.jpg) top center no-repeat; padding:250px 40px 40px; overflow:hidden; position:relative; }

.content { float:left; width:580px; }
.sidebar { background:#ededed url(../bg/bgsidebar.png) top center repeat-x; float:right; width:200px; border:1px solid #cfcfcf; padding:40px 20px; position:relative; font-size:10px; color:#9dadba; }
.footer { background:url(../bg/bgwrap-b.png) top center no-repeat; height:40px; padding:40px 0 10px; text-align:center; font-size:0.9em; overflow:hidden; color:#004b88; }

p, .content ul, .content ol { margin:0 0 1em; }
.header { clear:both; color:#fff; font-size:1.2em; margin:0 0 60px 205px; }

.box { background:#ededed url(../bg/bgbox.png) 0 0 repeat-x; border:1px solid #cfcfcf; width:530px; padding:20px; }
.box, .gal { margin-bottom:30px; }

a, a:visited { color:#c00; } a:hover { color:#006; }

.end {margin-bottom:1em;}
.bullet li { background:url(../img/bullet.png) 0 7px no-repeat; padding:0 0 .3em 1em; margin-left:2px; }
.header li { background:url(../img/bullet_yellow.png) 0 7px no-repeat; padding:0 0 0 20px; margin-left:2px; }
.thanks { padding-bottom:8em; } 

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; line-height:normal; margin-bottom:5px; }
h1 {font-size:2em; padding:20px 0 30px 20px; width:500px;color:#004b88;} h2 {font-size:1.8em;} h3 {font-size:1.6em;} .contactdetails h3 { margin-bottom:0; } h4 {font-size:1.4em;}
h5 {font-size:1.2em;} h6 {font-size:1em; text-transform:uppercase;}

.hdint, .hdext, .hdfinishes, .hdgal, .hdtesti, .hdcontact, blockquote, .hdtools, .hdthanks { background:url(../img/hd.png) 0 0 no-repeat; text-indent:-9000px; height:35px; width:220px; } .hdext {background-position:0 -40px;} .hdfinishes {background-position:0 -80px;} .hdgal {background-position:0 -120px;} .hdtesti {background-position:0 -160px;} .hdcontact {background-position:0 -200px;clear:both;} .hdthanks {background-position:0 -270px;} .hdext, .hdfinishes { margin-top:30px; }

/* for sidebar length */
.hdtools {background-position:0 -240px; margin-top:960px; width:130px; height:30px;}
/* ********** */

blockquote { background-position:-240px 0; padding-left:50px; margin-left:2px; margin-bottom:20px; text-indent:0; height:auto; width:auto; color:#004b88; } blockquote em {color:#46769d;margin-top:10px;display:block;}

/* suppliers */
.sup_mp { background:url(../img/master-painters-5-year.png) 0 0 no-repeat; height:115px; width:311px; display:block; text-indent:-9000px; position:absolute; top:430px; right:45px; }

.sup_dulux, .sup_wattyl, .sup_gb, .sup_tm, .sup_res { background:url(../bg/suppliers.jpg) 0 0 no-repeat; height:119px; width:200px; display:block; text-indent:-9000px; margin-bottom:5px; }
.sup_dulux {background-position:0 -107px;} .sup_wattyl {background-position:0 -226px;} .sup_gb {background-position:0 -345px;} .sup_tm {background-position:0 -464px;} .sup_res {background-position:0 -583px;} 
.sup_mp, .sup_dulux, .sup_wattyl, .sup_gb, .sup_tm, .sup_res {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.sup_mp:hover, .sup_dulux:hover, .sup_wattyl:hover, .sup_gb:hover, .sup_tm:hover, .sup_res:hover {opacity:.95; -moz-opacity:.95; filter:alpha(opacity=95); }

/* buttons */
.sidebar li { margin-bottom:30px; }
.sidebar .toollst li { margin-bottom:20px; }
a.ezypaint, a.acceptform, .contactform .contactsubmit input.submitbttn, a.call-out-button { background:url(../img/bttn.png) 0 0 no-repeat; width:199px; height:44px; display:block; color:#fff; font-size:1.2em; text-decoration:none; }
a.ezypaint, a.acceptform {text-indent:-9000px; }
a:hover.ezypaint {background-position:0 -44px;} a.acceptform {background-position:0 -88px;} a:hover.acceptform {background-position:0 -132px;}
a.call-out-button { padding:0 0 0 15px; line-height:27px; margin:30px 0 10px; }
/* jflow */
#myController { overflow:hidden; float:right; padding-right:10px; margin-top:-30px }
#myController span { background:url(../img/galnav.png) 0 -100px no-repeat; height:13px; width:13px; margin:3px; float:left; display:block; cursor:pointer; overflow:hidden; } #myController span:hover {background-position:0 -120px;} #myController span.jFlowSelected {background-position:0 -80px;}
#jFlowSlide{ border:1px solid #cfcfcf; border-width:1px 0; padding:2px 0; }
#myController span.jFlowPrev, #myController span.jFlowNext { background-position:0 0; display:block; width:13px; height:13px; cursor:pointer;  }
#myController span.jFlowNext { background-position:0 -40px; }
#myController span.jFlowPrev:hover { background-position:0 -20px; }
#myController span.jFlowNext:hover { background-position:0 -60px; }

#mySlides { height:321px; width:570px; overflow:hidden; }

/* gallery */
ul.gallery  { margin:0; }
.gallery li { float:left; display:block; margin:1px; }
.gallery a img, .gallery a { border:none; overflow:hidden; float:left; }
.gallery a:hover { border:2px solid #ffca00; }
.gallery a:hover img { margin:-2px; }
 
/* credit */
.credit { color:#004b88;  }
.credit a, .credit a:visited { font-family:Arial, Helvetica, sans-serif;text-decoration:none; color:#004b88; font-size:0.9em;  }
.credit a:hover { color:#006 }

/* contact form */
.contactdetails { position:absolute; top:95px; right:20px; border-left:1px solid #004b88; padding-left:15px; }
.contactform .contactdetails li { float:none; padding-bottom:3px; color:#004b88; font-style:italic; }

.bdcontact .contactdetails { position:static; margin:160px 0 10px; }

.contactform img.required { margin:0 3px 3px; }
.contactform { float:left; clear:both; width:575px; padding-right:250px; margin:10px 0 0; border-style:none; overflow:hidden; position:relative; }
.contactform fieldset { margin-top:20px; }
.contactform ol { float:left; clear:left; list-style:none; }
.contactform li { float:left; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:70px; margin-right:12px; padding-top:4px; text-align:right; display:inline-block; }
.contactform label img { position:absolute; left:74px; top:.6em; }  
.contactform input { width:191px; }
.contactform textarea { width:475px; height:10em; overflow:auto; }
.contactform fieldset.contactsubmit  { margin-top:0; }
.contactsubmit { float:none; width:auto; padding:0 0 2em 7em; margin:0; }
.contactform input, .contactform textarea { border:1px solid #004b88; background-color:#fafafa; padding:3px; }
.contactform input:focus, .contactform textarea:focus { background-color:#fff; border:1px solid #ffca00; }
.contactform select { padding:2px; }
.contactform .contactsubmit input.submitbttn, a.call-out-button { background-position:0 -176px; height:30px; width:175px; cursor:pointer; border:none; }
.contactform .contactsubmit input:hover.submitbttn, a:hover.call-out-button { background-position:0 -206px; }
.contactform fieldset fieldset label { float:none; padding:0; width:auto; }
.contactform .qi input { width:auto; margin-right:3px; border:none; background:none;}
.contactform .qi label.tw { margin:0 0.5em 0 15px; }
.contactform fieldset fieldset { float:left; margin-top:2px;  border:1px solid #bacddd;  background-color:#fafafa;width:460px; padding:5px 10px; }

/**/
.contactdetails img { margin-top:8px; }

/* FancyBox - v1.3.4  */
#fancybox-loading { position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; }
#fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('../fancybox/fancybox.png'); }
#fancybox-overlay { position:absolute; top:0; left:0; width:100%; z-index:1100; display:none; }
#fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; }
#fancybox-wrap { position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none; }
#fancybox-outer { position:relative; width:100%; height:100%; background:#fff; }
#fancybox-content { width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0px solid #fff; }
#fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101; }
#fancybox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:transparent url('../fancybox/fancybox.png') -40px 0px; cursor:pointer; z-index:1103; display:none; }
#fancybox-error { color:#444; font:normal 12px/20px Arial; padding:14px; margin:0; }
#fancybox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; }
#fancybox-frame { width:100%; height:100%; border:none; display:block; }
#fancybox-left, #fancybox-right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('../fancybox/blank.gif'); z-index:1102; display:none; }
#fancybox-left { left:0px }
#fancybox-right { right:0px }
#fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; eft:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; }
#fancybox-left-ico { background-image:url('../fancybox/fancybox.png'); background-position:-40px -30px; left:20px }
#fancybox-right-ico { background-image:url('../fancybox/fancybox.png'); background-position:-40px -60px; right:20px; left:auto; }
#fancybox-left:hover, #fancybox-right:hover { visibility:visible; /* IE6 */ }
.fancybox-bg { position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; }
#fancybox-bg-n { top:-20px; left:0; width:100%; background-image:url('../fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top:-20px; right:-20px; background-image:url('../fancybox/fancybox.png'); background-position:-40px -162px; }
#fancybox-bg-e { top:0; right:-20px; height:100%; background-image:url('../fancybox/fancybox-y.png'); background-position:-20px 0px; }
#fancybox-bg-se { bottom:-20px; right:-20px; background-image:url('../fancybox/fancybox.png'); background-position:-40px -182px; }
#fancybox-bg-s { bottom:-20px; left:0; width:100%; background-image:url('../fancybox/fancybox-x.png'); background-position:0px -20px; }
#fancybox-bg-sw { bottom:-20px; left:-20px; background-image:url('../fancybox/fancybox.png'); background-position:-40px -142px; }
#fancybox-bg-w { top:0; left:-20px; height:100%; background-image:url('../fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top:-20px; left:-20px; background-image:url('../fancybox/fancybox.png'); background-position:-40px -122px; }
#fancybox-title { font-family:Helvetica; font-size:12px; z-index:1102; }
.fancybox-title-inside { padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative; }
.fancybox-title-outside { padding-top:10px; color:#fff; }
.fancybox-title-over { position:absolute; bottom:0; left:0; color:#FFF; text-align:left; }
#fancybox-title-over { padding:10px; background-image:url('../fancybox/fancy_title_over.png'); display:block; }
.fancybox-title-float { position:absolute; left:0; bottom:-20px; height:32px; }
#fancybox-title-float-wrap { border:none; border-collapse:collapse; width:auto; }
#fancybox-title-float-wrap td { border:none; white-space:nowrap; }
#fancybox-title-float-left { padding:0 0 0 15px; background:url('../fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px 0; background:url('../fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding:0 0 0 15px; background:url('../fancybox/fancybox.png') -55px -90px no-repeat; }
/* IE6 */
.fancybox-ie6 #fancybox-close { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_over.png', sizingMethod='scale'); zoom:1; }
.fancybox-ie6 #fancybox-title-float-left { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height:expression(this.parentNode.clientHeight + "px") }
#fancybox-loading.fancybox-ie6 { position:absolute; margin-top:0; top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 :document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background:transparent !important }
.fancybox-ie #fancybox-bg-n { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_n.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-ne { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_ne.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-e { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_e.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-se { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_se.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-s { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_s.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-sw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_sw.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-w { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_w.png', sizingMethod='scale') }
.fancybox-ie #fancybox-bg-nw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_nw.png', sizingMethod='scale') }

td#fancy_title_right{height:32px;width:15px;background:transparent url('../fancybox/fancy_title_right.png') repeat-x;}