/* Whitening on Wheels - GoodWebsites.co.nz - Erwin Raaphorst - 05.05.10 */

/* dev */
body { background-color:#ffc; } /* light yellow */
.wrap { background-color:#cff; } /* turqoise */
/*.header { background-color:#ff0; }*/
.content { background-color:#ccc; }
.article { background-color:#CCFFCC; } /* light green */
.sidebar { background-color:#9cf; }
.footer { background-color:#fc0; }
.main { background-color:red; } 
.container { border:1px dotted blue; }

/* 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.4 Arial, 'Helvetica Neue', Helvetica, sans-serif; }
select, input, textarea, .wrap { font-size:1em; }
body { background:#fff url(../bg/bg.png) 0 0 repeat-x; color:#031220; text-align:center; min-width:900px; /* check if needed */ }

.page { background:url(../bg/bgpage.jpg) center 578px no-repeat; }
.wrap { background:url(../bg/shadow-trans.png) 0 0 no-repeat; width:900px; padding:0 20px; margin:15px auto; text-align:left; word-spacing:0.05em;}
.footer .wrap { margin:0 auto; }
.header { padding:0 30px; overflow:hidden; }
 
.content { background:#fff url(../bg/bgcontent.png) 0 0 no-repeat; overflow:hidden;padding:30px; margin:20px 0;}

.footer { background:#424d57 url(../bg/bgfooter.png) 0 0 repeat-x; text-align:center; padding:20px 0;font-size:0.9em; overflow:hidden; color:#fff; }
p, .content ul, .content ol { margin:0 0 20px; }  p {padding-right:140px; } .nomargin { margin-bottom:5px; }

.w460 { width:460px; }
.intro {font-size:1.1em;}
 
.logo a { background:url(../img/logo.png) 0 0 no-repeat; height:125px; width:351px; text-indent:-9000px; display:block; margin:12px 0; text-decoration:none; float:left; }
.headcall { background:url(../img/callout.png) 0 0 no-repeat; height:50px; width:440px; text-indent:-9000px; float:right; margin-top:40px; }

.wowimg, .picbox { border:1px solid #fff; padding:10px; background-color:#c1d0da; margin:0 0 15px 20px; float:right; }
.picbox { margin:20px 0 40px; float:none; }

a, a:visited { color:#254488; }
a:hover { color:#fff; background-color:#254488; text-decoration:none; }

/* misc */
.end {margin-bottom:1em;} .cl { clear:both; }
.fl {float:left;display:block;} .fr {float:right;display:block;}
.em {font-style:italic;} .strong {font-weight:bold;} small {font-size:.9em;} big {font-size:1.8em;}

blockquote { border-left:4px solid #cf0; color:#666; padding:0 10px; margin-left:2px; margin-bottom:20px; }

.bdcontact .content { padding:30px 30px 625px; } 

.bullet li { background:url(../img/bullet.png) 0 .5em no-repeat; padding:0 20px 2px 1em; margin-left:2px; width:220px; }

/* headings */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;line-height:normal; margin-bottom:2px;font-weight:bold;}
h2,h3,h5,h6 {font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
h1 {}
h2.h2-1, h2 {font-size:2em;font-weight:bold;color:#254488; background:url(../bg/bgh2-1.png) 0 0 repeat; padding:5px 2px 5px 0; }
h2 { background:url(../bg/bgh2-2.png) 0 0 repeat; }
h3, h5 {font-size:1.6em; background-color:#254488; color:#fff; padding:5px 10px; } h3 { font-weight:normal; }
h4 {font-size:1.2em;}
h5 {font-size:1.1em;text-transform:uppercase; margin-bottom:5px; display:inline-block; }
h6 {font-size:1em; text-transform:uppercase;}
h1.logo { margin:0; } /* reset for logo */

.logosm { background:url(../img/logo-small.png) 0 0 no-repeat; text-indent:-9000px; display:block; height:70px; width:170px; margin-left:-20px; }

.stripe, .stripe-2 { background-color:#f0f0f0; padding:5px 15px 5px 5px; } .stripe-2 { background-color:#fff; }
.contacthd { margin-top:60px; }

/* credit */
.credit { background:url(../img/check.png) left 3px no-repeat; padding-left:17px; margin-top:3px;}
.credit a, .credit a:visited { font-family:Arial, Helvetica, sans-serif;text-decoration:none; color:#fff; font-size:0.9em;}
.credit a:hover { text-decoration:underline; background:none; }
 
/* contact form */
.contactform img.required { margin:0 3px 3px; }
.contactform { float:left; clear:both; width:570px; padding-right:270px; margin:0; border-style:none; overflow:hidden; position:relative; }
.contactform fieldset { margin-top:20px; }
.contactform ol { float:left; clear:left; list-style:none; margin:0; }
.contactform li { float:left; padding-bottom:15px; }
.contactform label { position:relative; float:left; width:70px; margin-right:12px; padding-top:4px; text-align:right; display:inline-block; text-transform:uppercase; color:#254488; }
.contactform label img { position:absolute; left:74px; top:.6em; }  
.contactform input { width:475px; }
.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 #254488; background-color:#fafafa; padding:3px; }
.contactform input:focus, .contactform textarea:focus { background-color:#fff; border:1px solid #4f5a64; }
.contactform select { padding:2px; }
.contactform .contactsubmit input.submitbttn {background:url(../img/bttn.png) 0 0 no-repeat; height:30px; width:175px; cursor:pointer; border:none;}
.contactform .contactsubmit input:hover.submitbttn { background-position:0 -30px; }
input, textarea { -moz-border-radius:3px; -webkit-border-radius:3px; }

/* contact details */
.contactdetails { position:absolute; top:95px; left:600px; width:240px;  }
.contactform .contactdetails li { float:none; padding:0 0 0 30px; color:#254488; }
.bdcontact .contactdetails { position:static; margin:60px 0 100px; }

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