/*=======================================================
 CSS Document for Turner Engineering WA Pty Ltd
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 980px; height: auto; display: block; margin: 0 auto; background: none; clear: both; }
#popup #container { width: 500px; height: auto; padding: 10px 15px; margin: 10px auto; display: block; clear: both; background-color: #fff; }
#popup form, #popup h1, #popup p { padding: 0 15px; }

/*=============================================================
	Header - nav + logo
=============================================================*/

#header { width: 970px; height: 150px; padding: 0 10px; display: block; background: url('../images/bg-header.gif') no-repeat 0 bottom; clear: both; }
#logo { width: 260px; height: 130px; display: inline; float: left; }
#popup #logo { margin: 0 auto; width: 260px; height: 140px; display: block; float: none; }
#logo span { text-indent: -9999em; margin: 0; display: none;  }

/*navigation*/
ul#nav { list-style: none; width: 690px; height: 59px; display: inline; margin: 60px 0 0 0; overflow: hidden; float: right; }
ul#nav li { display: block; float: left; }
ul#nav a { height: 59px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -59px!important; }

a#navhome { background: url('../images/nav-home.gif') no-repeat 0 0; width: 62px; }
a#navstaffprofiles { background: url('../images/nav-staffprofiles.gif') no-repeat 0 0; width: 83px; }
a#navbrochures { background: url('../images/nav-brochures.gif') no-repeat 0 0; width: 97px; }
a#navmanuals { background: url('../images/nav-manuals.gif') no-repeat 0 0; width: 87px; }
a#navwarranty { background: url('../images/nav-warranty.gif') no-repeat 0 0; width: 96px; }
a#navspecials { background: url('../images/nav-promotions.gif') no-repeat 0 0; width: 111px; }
a#navcontact { background: url('../images/nav-contact.gif') no-repeat 0 0; width: 89px; }
a#navlinks { background: url('../images/nav-links.gif') no-repeat 0 0; width: 65px; }

body#homepage a#navhome, body#staff-profiles a#navstaffprofiles, body#brochures a#navbrochures, body#manuals a#navmanuals, body#warranty-call-out a#navwarranty, body#special-offers a#navspecials,
body#contact-us a#navcontact, body#links a#navlinks { background-position: 0 -59px!important; }

/*=============================================================
	Main body - left + right
=============================================================*/

#mainpage { width: 940px; height: auto; background: url('../images/bg-body.gif') repeat-y 0 0; float: left; display: inline-block; padding: 0 20px 15px 20px; clear: both; }
#mainpage:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
#left-contents { float: left; display: block; width: 200px; height: auto; background-color: #fff; }
#right-contents { width: 720px; height: auto; display: block; float: right; background-color: #fff; }
.btm { width: 200px; height: 20px; display: block; clear: both; float: left; background: url('../images/bg-btm.gif') no-repeat 0 0; }
.box-wrap { width: 670px; padding: 10px 15px; background-color: #f3f3f3; margin: 0 10px; clear: both; display: inline-block; float: left; }
.box-wrap form { margin-left: 15px; }
.box-wrap form label { width: 200px; }

/*----- left contents -----*/

/*catalogue*/
#catalogue { width: 200px; height: auto; display: block; float: left; background: url('../images/bg-box.gif') repeat-y 0 0; margin: 0; clear: both; }
#catalogue h2 { background: url('../images/title-catalogue.gif') no-repeat 0 0; text-indent: -9999em; margin: 0; height: 60px; }
ul#catalogue-nav { list-style: none; width: 198px; display: block; height: auto; padding: 0 1px; margin: 0; font-size: 1em;  }
ul#catalogue-nav li { width: 198px; display: block; }
ul#catalogue-nav li a.firstlevel {width: 168px; height: 57px; background: url('../images/icon-plus.gif') no-repeat 0 0; padding: 0 0 0 30px; cursor: pointer; display: block; text-decoration: none; }
ul#catalogue-nav li a.firstlevel:hover {  text-decoration: none; }

ul#catalogue-nav li a.first {width: 168px; height: 57px; background: url('../images/icon-plus.gif') no-repeat 0 0; padding: 0 0 0 30px; cursor: pointer; display: block; text-decoration: none; }
ul#catalogue-nav li a.first:hover {  text-decoration: none; }
ul#catalogue-nav li a.first.current { font-weight: bold; background: url('../images/icon-minus.gif') no-repeat 0 0; text-decoration: none; }
ul#catalogue-nav li a.first.current:hover{ background: url('../images/icon-minus.gif') no-repeat 0 0; text-decoration: underline; }

ul#catalogue-nav li a.selected { background: url('../images/icon-minus.gif') no-repeat 0 0; text-decoration: none; }
ul#catalogue-nav li a.current { font-weight: bold; background: #f8e2e3 url('../images/arrow-red.gif') no-repeat 0 8px; color: #c11517; text-decoration: none; }
ul#catalogue-nav li a.current:hover{ background: #f8e2e3 url('../images/arrow-red.gif') no-repeat 0 8px; color: #c11517; text-decoration: underline; }
ul#catalogue-nav ul { list-style: none; width: 168px; margin: 0; padding: 0 0 0 30px; background-color: #f3f3f3;}
ul#catalogue-nav li li { font-size: 1em; width: 168px; margin: 0; padding: 0; }
ul#catalogue-nav li li a { border-bottom: 1px dashed #ccc; width: 148px; color: #000; text-decoration: none; background: url('../images/arrow-black.gif') no-repeat 0 8px; padding: 5px 0 5px 20px; display: block; line-height: 14px;}
ul#catalogue-nav li li a:hover { color: #c11517; background:  url('../images/arrow-red.gif') no-repeat 0 8px; text-decoration: underline; }

/*contact*/
#contact-details { width: 200px; height: auto; background: url('../images/bg-box.gif') repeat-y 0 0; display: block; float: left; clear: both; }
#contact-details h2 { background: url('../images/title-contact.gif') no-repeat 0 0; text-indent: -9999em; margin: 0; height: 70px; }
#contact-details p { margin: 0 40px 20px 30px; font-size: 1.1em; }
#webcall { width: 147px; height: 130px; margin: 0 auto; text-align: center; display: block; margin-bottom: 15px; }

/*----- right contents -----*/
#banner { width: 720px; height: auto; display: block; float: left; margin-bottom: 10px; clear: both; }
#flash, object#falsh { width: 720px; height: 260px; display: block; float: left; margin-bottom: 10px; clear: both; }
#contents { width: 720px; height: auto; display: block; float: left; background-color: #fff; }
#contents h1, #contents h2, #contents h3, #contents h4, #contents p { padding: 0 10px; }
/*body#homepage #contents { width: 500px; display: inline; height: auto; }*/

/*news headlines*/
#news-container { background: url('../images/bg_newsheadlines.gif') no-repeat; width: 720px; height: 28px; display: block; margin-bottom: 1.1em; }
#news-container #scroll-container { width: 700px; height: 18px; color: #0f569B; padding: 6px 10px 4px 10px; font-size: 14px; font-weight: bold; }
#news-container #scroll-container strong { color: #000; font-size: 14px; }
#news-container #scroll-container a { color: #0f569B; font-size: 14px; font-weight: bold; }
#news-container #scroll-container #scroll div { width: 700px; height: 18px; margin: 0; padding: 0; text-align: left; font-size: 1.2em; overflow: hidden; }
#news-container #scroll-container #scroll div h3 { background: url('../images/title-headlines.gif') no-repeat 0 0; text-indent: -9999em; margin: 0; height: 18px;}


/*specials*/
#specials-container { width: 720px; height: auto; display: block; margin-bottom: 1em; }
#specials-container a h2 { background: url('../images/title-news.gif') no-repeat 0 0; text-indent: -9999em; margin: 0; height: 35px; overflow: hidden;}
#specials { width: 718px; height: 475px; display: block; background-color: #f7f7f7; border: 1px solid #eaeaea; }

#specials ul { list-style: none; margin: 0; width: 706px;height: 397px; padding: 10px 0 10px 12px; }
#specials ul li { float: left; padding: 0 4px 10px 4px; width: 200px; height: 200px; display: inline; margin: 5px 10px 5px 10px; background-color: #f5f5f5; border: 1px solid #e4e4e4; }
#specials ul li .img-thumb { width: 190px; height: 120px; overflow: hidden; margin: 5px auto; text-align: center; background-color: #fff; clear: both; }
#specials ul li .img-thumb a, #specials ul li .img-thumb a:hover { background: none; padding: 0; }
#specials ul li span { display: block; padding: 0 5px; line-height: 16px; }
#specials ul li a { background: url('../images/arrow-red.gif') no-repeat 0 4px; padding-left: 20px; text-decoration: none; }
#specials ul li a:hover { background: url('../images/arrow-red.gif') no-repeat 0 4px; padding-left: 20px; }

/*staff*/
ul#staff { list-style: none; width: 720px; float: left; padding: 0; clear: both; display: block; margin: 0; background-color: #fff; }
ul#staff li { background-color: #f5f5f5; display: inline; width: 310px; height: auto; overflow: hidden; padding: 10px 15px; margin: 10px; float: left; }
ul#staff li .img-staff { width: 120px; height: 120px; float: left; margin: 0 20px 5px 0; }
ul#staff li p { font-size: 1em; margin-bottom: 5px; line-height: 16px; }

/*brochure*/
h3.brochure-heading {background: #e4e4e4; display:block; border-bottom:1px solid #999; padding:0;}
h3.brochure-heading img{margin-left:265px;}
ul.brochure-listings {background: #f3f3f3; list-style: none; float: left; width: 680px; padding: 50px 20px 10px 20px; clear: both; display: block; margin: 0 0 20px 0; }
ul.brochure-listings li { font-size: 1.2em; background-color: #e4e4e4; display: inline; width: 120px; height: 245px; overflow: hidden; padding: 15px; margin: 0 10px 10px 10px; float: left; } 
ul.brochure-listings .img-pdf { width: 120px; height: 150px; overflow: hidden; margin: 0 auto 10px auto; text-align: center; }
ul.brochure-listings li p { font-size: 1em; margin-bottom: 5px; margin: 0; padding: 0;}
ul.brochure-listings li p.product-name {text-align: center;}

#bro-panasonic { background: #f3f3f3 url('../images/affiliates-panasonic.jpg') no-repeat 30px 10px; }
#bro-mitsubishi{ background: #f3f3f3 url('../images/affiliates-mit.jpg') no-repeat 30px 10px; }
#bro-fansdirect { background: #f3f3f3 url('../images/affiliates-fans.jpg') no-repeat 30px 10px; }
#bro-accentair { background: #f3f3f3 url('../images/affiliates-accent.jpg') no-repeat 30px 10px; }
#bro-denso { background: #f3f3f3 url('../images/affiliates-denso.jpg') no-repeat 30px 10px; }

/*special-offers*/
ul#special-listings { list-style: none; width: 720px; float: left; padding: 0; clear: both; display: block; margin: 0; background-color: #fff; }
ul#special-listings li { font-size: 1em; background-color: #f5f5f5; display: inline; width: 190px; height: 400px; overflow: hidden; padding: 10px 15px; margin: 10px; float: left; }
ul#special-listings li .img-specials { width: 190px; height: 120px; float: left; margin: 5px auto; text-align: center; background-color: #fff; }
ul#special-listings li p { margin-bottom: 5px; }
ul#special-listings li p.name, ul#special-listings li p.stockno, ul#special-listings li p.file { text-align: center; display: inline-block; width: 190px; padding: 0px; margin: 0px; margin-bottom: 5px; }
ul#special-listings li p.name { height: auto; }
ul#special-listings li p.stockno { height:18px; }
ul#special-listings li p.file { height: 18px; }
ul#special-listings li div.description { height: auto; overflow: hidden; margin-bottom: 10px; line-height: 16px; }
ul#special-listings li ul { width: 180px; height: 140px; overflow: hidden; padding: 0 5px; margin: 0;  }
ul#special-listings li ul li { background: url('../images/arrow-black.gif') no-repeat 0 4px; font-size: 1.1em; display: inline-block!important; overflow: auto!important; width: auto!important; height: auto!important; padding: 0 0 0 20px !important; float: none!important; margin: 0 0 5px 0!important; line-height: 14px; }
.button { margin: 10px auto 0 auto; width: 120px; }

/*breadcrumb*/
.breadcrumb { float: left; background-color: #f3f3f3; height: 30px; padding: 5px 10px; width: 680px; display: inline-block; margin: 0 0 10px 10px; }
.breadcrumb h3 { float: left; font-weight: bold; margin: 0; }
.breadcrumb p { float: right; margin: 6px 0 0 0;  }

/*Product-listings + details*/
ul#product-listings { list-style: none; width: 720px; float: left; padding: 0; clear: both; display: block; margin: 0 0 10px 0; background-color: #fff; }
ul#product-listings li { font-size: 1em; background-color: #f5f5f5; display: inline; width: 190px; height: 350px; overflow: hidden; padding: 10px 15px; margin: 0 10px 10px 10px; float: left; }
ul#product-listings li .img-thumbnail { width: 190px; height: 120px; float: left; margin: 5px auto; text-align: center; background-color: #fff; }
ul#product-listings li p { margin-bottom: 5px; line-height: 16px; text-align:left; }
ul#product-listings li p.product-name {text-align: center;}
ul#product-listings li ul { width: 180px; height: 140px; overflow: hidden; padding: 0 5px; margin: 0;  }
ul#product-listings li ul li { background: url('../images/arrow-black.gif') no-repeat 0 4px; font-size: 1.2em; display: inline-block!important; overflow: auto!important; width: auto!important; height: auto!important; padding: 0 0 0 20px !important; float: none!important; margin: 0 0 5px 0!important; line-height: 14px; }
.button { margin: 10px auto 0 auto; width: 120px; }
.thumbnails { width: 190px; height: auto; float: right; margin: 0 0 20px 20px; display: inline; padding: 10px; text-align: center; background-color: #e4e4e4; }
.thumbnails span { display: block; height: 25px; font-size: 1.2em; }
.thumbnails img { margin-bottom: 10px; display: block; clear: both; }
.thumbnails-inline { width: 630px; height: auto; padding: 10px; margin: 0 10px; float: left; background-color: #ffffff; display: inline; clear: both; }
.thumbnails-inline span { display: block; height: 25px; font-size: 1.2em; padding: 0 15px; }
.thumbnails-inline a { width: 190px; display: inline; float: left; margin: 0 auto; text-align: center; padding: 10px; }
.thumbnails-inline img { text-align: center; margin: 0 auto; }

/*links*/
ul#link-listings { list-style: none; width: 720px; float: left; padding: 0; clear: both; display: block; margin: 0; background-color: #fff; }
ul#link-listings li { background-color: #f5f5f5; display: inline; width: 310px; height: auto; overflow: hidden; padding: 10px 15px; margin: 10px; float: left; }
ul#link-listings li .img-links { width: 120px; height: 120px; float: left; margin: 0 20px 5px 0; }
ul#link-listings li p { font-size: 1em; margin-bottom: 5px; line-height: 16px; }
ul#link-listings li a, ul#link-listings li a:hover { background: url('../images/arrow-red.gif') no-repeat 0 4px; padding-left: 20px; text-decoration: none; }

/*affiliates*/
#affiliates { float: left; width: 485px; height: 70px; padding: 10px 0 10px 15px; background: url('../images/bg-affiliates.gif') no-repeat 0 0; }
#affiliates h2 { margin-bottom: 15px; }
#affiliates ul { list-style: none; height: 55px; display: inline; }
#affiliates ul li { float: left; margin-right: 20px; display: inline-block; height: 55px; }
/*affiliates*/
body#homepage #side-affiliates { display: none; }
#side-affiliates { float: left; width: 180px; height: auto; padding: 10px; margin-top: 10px; background-color: #f3f3f3; }
#side-affiliates ul { list-style: none; width: 180px; margin: 0; padding: 0;   }
#side-affiliates ul li { float: left; width: 180px; height: 35px; display: inline; clear: both; margin: 0 auto; text-align: center; } 

/*catalogue*/
body#product-catalogue ul#product-listings {text-align: center !important;}

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

#footer { width: 980px; height: 35px; display: block; padding: 25px 0 0 0; background: url('../images/bg-footer.gif') no-repeat 0 0; clear: both; }
#footer p { color: #000; margin: 0; display: inline-block; float: left; }
#footer img { float: right; }
#footer a { color: #5c5c5c; text-decoration: none;}
#footer a:hover { color: #ba0c0f; text-decoration: underline;}

/* product detail icon fixes*/
div.desc b { color: #666666 }
div.desc {font-size: 11px !important; padding: 10px; padding-top: 0px; line-height:11px ;}
div.desc p, div.desc h2, div.desc h3 { padding: 0px !important; margin: 0px ; padding-left: 0px !important; } 
div.desc p { color:#666666; font-size:110%; line-height:1.4; margin-bottom:10px; }
div.desc h2 { color: #E60000; padding: 4px 0 4px 0px !important; margin: 0.7em 0 0.2em; font-size: 17px; clear: both; display: block; } /* clears H2s */
div.desc h3 { color: #E60000;  }
div.desc span.left {display: inline-block; float: none; margin:0 10px 5px 0; padding: 0px !important;} /* keep these spans in check */
div.desc span.left br {display: none;} /* remove broken BR tag */

div.desc table span.left {float: left; display: inline;}
div.desc table tr, div.desc table table td, .dtginfo td  {padding: 4px 0px 4px 4px !important; border: none !important; }

div.desc div.clear { height: 0px !important; line-height: 0px !important; clear: both !important; }

div.desc table{color:#666666; font-size:12.1px; border: none !important; padding: 0px; margin: 0px;}
div.desc table span.right{ float:right; }

.dtginfo_light {background-color: #f4f4f4;} 
.dtginfo_dark {background-color: #e2e2e1;} 
.dtginfo td { border: none !important; } /* took "border: 1px solid #FFF; " out, live site did not ahave a border */
.dtginfo {margin-bottom: 0px; } 

tr.dtgheader th { background-color:#999; vertical-align:top; padding: 5px 2px 0px 2px !important; color: #fff; font-weight: 1.5; text-align:left; }
tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none; }  
tr.dtgheader a:hover {color: #63a4c5; text-decoration: none; }  
tr.dtgheader th.first, td.first  {padding-left: 5px !important; font-size: 11px !important; border-bottom: 0px; }


/* Member Styles */
.member-forms fieldset{margin-left:10px; border:1px solid #ccc; padding: 20px !important;}
.last-action {padding:20px; margin-left:10px; display:block; border:1px solid #ccc; font-size:12px;}
.error-title{font-weight:bold;}
/*=======================================================
 End of CSS Document for Turner Engineering WA Pty Ltd
=======================================================*/