/* Kiwi Bus Builders - May 2009
   goodwebsites.co.nz - Erwin Raaphorst */

.contentbody { background-color:#e3e3e3; }

html{overflow-y:scroll;}
html,body,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,form,a,fieldset,input{margin:0;padding:0;border:0;}
body{background:#242b2f url(../bg/bgstripe.png) center center repeat;font:76%/1.25 arial, helvetica, sans-serif;color:#232323;text-align:center; min-width:960px;}

a{outline:none;}
p{padding:0.5em 0;}
.clear{clear:both;} 
.thanks { margin-bottom:200px; }
.hdwelcome { background:url(../img/bg_welcome.png) 0 0 no-repeat; width:436px; height:36px; margin:0 auto; }
.hdevery { background:url(../img/bg_every.png) 0 0 no-repeat; width:589px; height:34px;margin:0 auto; }
.hdwelcome, .hdevery { text-indent:-9000px;  }

/* STRUCTURE */

.wrap { 
 width:960px;
 margin:0 auto;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 position:relative; /* for positioning subnav */ 
 overflow:hidden; 
 }

#footer .wrap { position:static; }

#header { background:#242b2f url(../bg/bgheader.png) 0 0 repeat-x; height:210px; }

#logo { background:url(../img/logoblock.png) 0 0 no-repeat; height:210px; width:180px; float:left; text-indent:-9000px; }
#logo a { height:210px; width:180px; display:block; }

#container { 
 background:url(../bg/bgcontainer.png) 0 0 repeat-y;
 padding-top:15px; /* push content down for alignment with navigation */
 overflow:hidden; /* push navigation to top */
/* display:inline-block;*/ /* peekaboo IE6 hack newsbox */
 padding-bottom:40px;
 }

#bdhome #container { padding-bottom:0; }
 
#navigation { width:168px; float:left; margin-top:-15px;/* alignment with content */ padding-left:10px; display:inline-block; }

.content {
 background:transparent url(../bg/bgcontent.png) 0 0 no-repeat;
 width:680px;
 margin-left:197px; /* ie6 3px */
 padding:40px 40px 10px;
 overflow:hidden;
 }
 
#contpos { margin-top:17px; } /* for positioning without content navigation */

#footer{background:url(../bg/bgfooter3.png) 0 0 repeat-x; color:#e3e3e3; font-size:0.9em; border-top:1px solid gray; padding:0 5px 10px;}

.long { padding-bottom:200px; }

/* NEWSBOX and NEWS */

#newsbox { background:#dfdfdf url(../bg/bgnewsbox.png) 0 0 repeat-x; border:1px solid #307727; width:679px; margin:0 0 0 218px; padding:10px 20px; overflow:hidden; margin:0 0 30px 218px; clear:both; }
#newsbox p { background:transparent url(../img/arrow.png) no-repeat 0 0.4em; padding:0 0 7px 17px; margin:5px 50px 0 0; width:270px; font-size:0.9em; float:left; }
#newsinfo, .date { font-size:0.9em; color:#666; }
#newsinfo { border-left:1px solid #666; padding:0 0 0 1em; margin-top:1em; line-height:1.3em; }
span.newsart { background:transparent url(../img/arrow.png) no-repeat 0 0.2em; padding-left:17px; }

#intro { padding-bottom:1.5em; }

/* LINKS */

/* standard content links */
.content a:link { color:#06c; text-decoration:none; border-bottom:1px dotted #06c; }
.content a:visited { color:#39c; text-decoration:none; border-bottom:1px dotted #39c; }
.content a:hover { color:#f5bc34; text-decoration:none; background-color:#31373b; border-bottom:1px solid #f90; }

/* heading link */
#newsbox strong a:link, #newsbox strong a:visited, .content h3 a:link, .content h3 a:visited  {
 color:#232323; text-decoration:none; border-bottom:1px dotted #232323; }
#newsbox strong a:hover, .content h3 a:hover  { color:#b1770b; background-color:transparent; border-bottom:1px solid #b1770b; }

/* read more links news */
.content a:link.more, .content a:visited.more, #newsbox a:link.boxmore, #newsbox a:visited.boxmore {
 background:transparent url(../img/bulletmore.png) no-repeat 0 3px; color:#06c; text-decoration:none; border:none; padding-left:15px; margin-left:5px; }

.content a:hover.more, #newsbox a:hover.boxmore { background-position:0 -18px; color:#b1770b; }
#newsbox a:link.boxmore, #newsbox a:visited.boxmore { background-position:0 2px; }
#newsbox a:hover.boxmore { background-position:0 -19px; }

/* set font bigger in news article */
#newsinfo a:link.more, #newsinfo a:visited.more, #newsinfo a:hover.more { font-size:1.1em; display:block; margin-top:1em; }

/* NAVIGATION */

/*sub nav*/
#subnav { background:url(../bg/bgsubnav.png) no-repeat top left; width:80px; height:26px; position:absolute; top:10px; right:15px; z-index:100; }
#subnav li { float:right; padding:4px 15px 0 0; } 
#subnav a:link, #subnav a:visited { font-size:1em; color:#e3e3e3; text-decoration:none; }
#subnav a:hover, #bdhome #subnavhome a, #bdnews #subnavnews a, #bdcontact #subnavcontact a { color:#f5bc34; }

/* main nav */
ul#nav { margin-top:17px; }
#nav li { padding:6px 0; width:93%; border-top:1px solid #317828; }
#nav li.contact { border-bottom:1px solid #317828; } 
#nav small { display:block; line-height:1em; }
#nav li a:link, #nav li a:visited { color:#232323; text-decoration:none; padding:0 12px; display:block; }
#nav li a:hover, body#bdabout li.about a, body#bdcoaches .coaches a, body#bdinterior .interior a, body#bdbuilding .building a, body#bdused .used a, body#bdshowcase .showcase a, body#bdcareer .career a { background:url(../img/navid.png) no-repeat 0 0; } 
body#bdabout li.about small, body#bdcoaches .coaches small, body#bdinterior .interior small, body#bdbuilding .building small, body#bdused .used small, body#bdshowcase .showcase small, body#bdcareer .career small { color:#b1770b; }

/* content nav */
#contentnav { margin-left:200px; }
ul#cnav {	height:50px; }
#cnav li { float:left; padding-top:10px; margin:0; }
#cnav li a { display:block; float:left; font-size:1.2em; color:#232323; height:23px; text-decoration:none; font-weight:bold; } 

.barstart a, .bar a, .barend a, .barstart a:hover, .bar a:hover, .barend a:hover { 
 background:transparent url(../bg/bgbar.png) no-repeat 0 0; padding:7px 30px 0; }

.bar a { background-position:-5px 0; }
.barend a { background-position:right 0; } 
 
.barstart a:hover { background-position:0 -30px; border-right:1px solid #9ea036; padding:7px 29px 0 30px;  }
.bar a:hover { background-position:-5px -30px; border-left:1px solid #9ea036; border-right:1px solid #9ea036; padding:7px 29px 0; }
.barend a:hover { background-position:right -30px; border-left:1px solid #9ea036; padding:7px 30px 0 29px; } 

.leftopen a:hover { border-left:none; padding:7px 29px 0 30px; }
.rightopen a:hover { border-right:none; padding:7px 30px 0 29px; }
.endleftopen a:hover { border-left:none; padding:7px 30px 0; }
.startrightopen a:hover { border-right:none; padding:7px 30px 0; }

#cnav li.current { background:url(../bg/bgtab.png) 0 0 no-repeat; height:50px; padding:0; margin:0; }
#cnav li.current a { background:#e3e3e3 url(../bg/bgtab.png) no-repeat top right; color:#f3f3f3; height:33px; padding:17px 30px 0 25px; margin-left:5px; border:none; }

/* FOOTER */

#footer a:link, #footer a:visited { color:#e3e3e3; text-decoration:none; }
ul#footnav { padding-top:10px; }
#footnav li { border-bottom:1px solid #b1770b; float:left; padding:0 5px 5px; margin:5px 0; }
#footnav a:link, #footnav a:visited { color:#e3e3e3; text-decoration:none; border-right:1px solid #b1770b; padding-right:5px; }
#footnav a:hover, #footer a:hover { color:#f5bc34; text-decoration:underline; } 

#credit { clear:both; float:left; }
#check { margin-left:21.2em; }

.footercontact { float:right; margin:-26px 10px 0 15px; display:inline-block; }
.contactsep { border-bottom:1px solid #b1770b; padding-bottom:5px; margin-bottom:5px; }

/* TEXT SETTINGS  */

/* green */
h1, h2, h3, .center, .newsboxdate { color:#317828; }

/* black */
h4, h5, .bdjobs h2, .bdjobs h3, #bdnews h3, #bdnews h2 { color:#232323; }

/* weight */
h1 { font-weight:normal; }
h2, h3, h4, .newsboxdate { font-weight:bold; } 
 
/* HEADINGS */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size:2em; padding-bottom:0.5em; font-style:italic; } /* main heading */
/*#bdhome h1 { font-size:2.4em; text-align:center; padding-bottom:1em;}*/
#bdnews .content h1 { border-bottom:1px solid #232323; } 
#bdshowcase .content h1 { border-bottom:1px solid #317828; }
h2 { font-size:1.6em; margin:0.5em 0; }
#bdnews h2 { padding:1em 0 0.2em 0; }
#bdcontact h2 { border-bottom:1px solid #317828; font-weight:normal; clear:both; }
#bdcontact h3 { font-weight:normal; }
.contactform h2 {font-weight:normal; padding-bottom:0.3em; border:none; }
h3 { font-size:1.2em; margin-top:10px; }
#newsbox h2 { font-weight:normal; font-style:italic; padding:0.3em 0 0.6em 1em; border-bottom:1px solid #317828; } /* main heading newsbox home page */
h4 { font-size:1.2em; } /* news heading */
h5 { font-size:1.4em; } /* news article heading */

/* LIST */

ol,ul{list-style-type:none;}
ul.features { width:320px; padding-bottom:1em; }
.features li { background:url(../img/bullet.png) no-repeat 0 0.4em; padding-left:1.2em; }

/* list for job - bullet2 = gray */

.list2 li { background:url(../img/bullet2.png) no-repeat 0 0.4em; padding-left:1.2em; }
.contact2 { border-left:1px solid #666; padding-left:1em; margin-bottom:2em; }
.contactlist ul { margin:2px 0 5px; }

/* IMAGES + INNERFADE */

ul#slide { height:166px; width:746px; overflow:hidden; padding:0; float:right; margin:15px 15px 0 0; display:inline; border:1px solid #000; }

.content img  {
 padding:2px;
 background:#f3f3f3;
 border:1px solid #317828; 
 float:right;
 margin:10px 0 10px 30px;
 clear:right;
 } 

.content .contactform img { margin:0; padding:0; background:none; border:none; float:none; }
.content img.thhome { float:none; margin:0 3px 20px 0; }

/* USED */

.content .usedselect img { float:left; margin:0 10px 0 0; }
.usedselect p { padding-left:100px; margin-bottom:20px; }

/* IMAGE SECTION */

.imgcontainer span { display:none; }

.imgcontainer {
 background:#242b2f url(../bg/bgimgcontainer2.png) no-repeat left bottom;
 position:relative;
 float:right;
 width:284px;
 margin:10px -5px 5px 15px;
 padding:0 0 20px;
 }/* imgcontainer styling */
 
#bdused .imgcontainer, .imgcontainertop { background:#f3f3f3 url(../bg/bgimgcontainer3.png) no-repeat left bottom; }

.imgcontainertop {
 background-position:left top; /*#f3f3f3 url(../i1.kiwibus.co.nz/bg/bgimgcontainer3.png) no-repeat left top;*/
 height:1px;
 font-size:0; /* IE6 hack */
 }

.imgcontainer a:hover span {
 display:block;
 position:absolute; 
 width:260px;
 height:50px;
 top:215px;
 left:15px;
 padding:0;
 margin:0;
 font-style:normal;
 color:#c7c7c7;
 z-index:100;
 }/* diplay thumb text */

#bdused .imgcontainer a:hover span { color:#000; }

.imgcontainer a:hover span:first-line { font-style:normal; font-size:1.1em; color:#f3f3f3; } /* styling first line thumb text */

#bdused .imgcontainer a:hover span:first-line { color:#000; }

.content .mainimage { border:1px solid #c7c7c7; margin:10px 0 50px 9px; padding:0; float:none; }
#bdshowcase .content .mainimage { margin:10px 0 0 9px; }

#bdused .mainimage { border:1px solid #fff; float:none; }

ul.thumbs { margin:5px 0 0 9px; }

.thumbs li { float:left; margin:0 8px 6px 0;}
.thumbs li.lastthumb { margin-right:0; }

.content .thumbs img { padding:0; margin:0; border:none; float:none; } /* reset content img values */
 
.imgcontainer .thumbs a:link, .imgcontainer .thumbs a:visited { border:1px solid #c7c7c7; float:left; height:60px; }
 
#bdused .thumbs a:link, #bdused .thumbs a:visited { border:1px solid #fff; }
 
.imgcontainer .thumbs a:hover { border:1px solid #f5bc34; }

/* FORMS */

/* accordion */
#accordion, #accordion2 {width:390px; display:block;}
/*#accordion {margin-bottom:40px;} */
.accordion {width:390px;}
.accordion dt {width:384px; border:1px solid #9ac1c9; padding:8px; font-size:1.2em; margin-top:5px; cursor:pointer; background:#f3f3f3 url(/img/arrow_down.gif) right center no-repeat;}
.accordion dt:hover {background-color:#fafafa;}
.accordion .open {background-image:url(../img/arrow_up.gif);}
.accordion dd {overflow:hidden; }


.CollapsiblePanelTab { margin:0; cursor:pointer; -moz-user-select:none;	-khtml-user-select:none; width:384px; border:1px solid #9ac1c9; padding:8px; font-size:1.2em; margin-top:5px; cursor:pointer; background:#f3f3f3 url(/img/arrow_down.gif) right center no-repeat;outline:none;}
.CollapsiblePanelOpen .CollapsiblePanelTab, .CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover, .CollapsiblePanelFocused .CollapsiblePanelTab { background-color:#fafafa; }

.contactform { width:390px; margin-top:10px; }
.contactform fieldset { float:left; clear:left; width:100%; border-style:none; position:relative; /* for legend positioning */ }

.contactform fieldset ol { float:left; clear:left; padding-top:10px; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }

#bdbuilding .contactform label { width:7em; text-align:right; }
label img { position:absolute; left:5.7em; top:0.5em; }  
  
.contactform .contactsubmit { float:none; width:auto; padding:0 0 1em 7em; margin:0; }

#bdbuilding .contactform .contactsubmit { padding:0 0 1em 8em; }

input, select, textarea { border:1px #317828 solid; padding:2px; }

.select { width:5em; }
.text { width:19em; }

.contactform textarea { width:21em; height:10em; border:1px #317828 solid; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }
.contactsubmit input { width:auto; padding:2px 20px; cursor:pointer;  }
.contactsubmit input:hover { background-color:#317828; color:#fff; } 
 
.bdcontact .contactsubmit { margin:0 0 20px 7em; }
 
/* REQUEST / QUOTE FORM */

select { width:10em; border:1px #317828 solid; }

legend span { /* 7px hack IE */
 color:#232323;
 font-weight:bold;
 position:absolute;
 top:-0.75em;
 left:0; 
 }

.contactform .checkbox2 label { float:none; }
.contactform .checkbox { margin-bottom:0; }

.checkbox2 { float:left; width:30%; }