/*=======================================================
 CSS Document for Caps Australia Pty Ltd
=======================================================*/

@import url("global.css");

/*extras*/
@import url("thickbox.css");
@import url("confirm.css");
@import url("tabs.css");

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }
.space { margin-top: 20px; }

/* --------------------------------------------------------------------------------------------------
Main Layout + Structure
--------------------------------------------------------------------------------------------------*/

#container { width: 980px; height: auto; margin: 0 auto; background: url('../images/core/bg-container.gif') repeat-y 0 0; clear: both; display: block; }

/*-- Header Section  --*/

#header { width: 980px; height: 72px; background: #000 url('../images/core/bg-header.gif') repeat-x 0 bottom; float: left; clear: both; }
#sub-header { width: 963px; height: 77px; float: left; clear: both; display: inline-block; }

/*navigation*/
ul#nav { list-style: none; width: 800px; height: 26px; float: left; display: inline-block; clear: both; padding: 12px 0 0 10px;overflow:hidden; }
ul#nav li { float: left; display: block; margin-right: 3px; }
ul#nav a { height: 26px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -26px; }
.navhome a { width: 55px; background: url('../images/nav/home.gif') no-repeat 0 0; }
.navabout a { width: 82px; background: url('../images/nav/about.gif') no-repeat 0 0; }
.navbrands a { width: 105px; background: url('../images/nav/brands.gif') no-repeat 0 0; }
.navparts a { width: 58px; background: url('../images/nav/parts.gif') no-repeat 0 0; }
.navsolutions a { width: 134px; background: url('../images/nav/solutions.gif') no-repeat 0 0; }
.navservice a { width: 64px; background: url('../images/nav/service.gif') no-repeat 0 0; }
.navnews a { width: 58px; background: url('../images/nav/news.gif') no-repeat 0 0; }
.navemployment a { width: 90px; background: url('../images/nav/employment.gif') no-repeat 0 0; }
.navcontact a { width: 63px; background: url('../images/nav/contact.gif') no-repeat 0 0; }
.navtechnical a { width: 105px; background: url('../images/nav/technicalinfo.gif') no-repeat 0 0;}
/*on hover*/
#home .navhome a, #about-us .navabout a, #brands .navbrands a, #parts .navparts a, #engineered-solutions .navsolutions a, #service .navservice a, 
#news .navnews a, #employment .navemployment a, #contact .navcontact a { background-position: 0 -26px; }

/*webcall*/
#webcall { float: right; display: block; width: 195px; height: 35px; margin: 0; top: 9px; padding-right: 17px; position: relative; z-index: 100; }

/*logo*/
#logo { width: 170px; height: 100px; float: left; display: block; clear: both; }

/*cart*/
#cart { width: 650px; height: 22px; float: left; display:block; text-align: right; margin: 0 25px 0 0; padding: 10px 15px 0 10px; }
#cart img { float: left; display: inline; }
#cart h5 { float: right; width: 155px; margin: 8px 0 0 0; text-align: right; color: #fff; }

/*search*/
#search { padding: 10px 15px 0 0; display: block; float: right;}
#search img, #search input { float: left; display: block; }
input.searchbox { width: 140px; height: 16px; font-size: 11px;}
input.searchnow { background: url('../images/core/search-off.gif') no-repeat 0 0; width: 65px; height: 24px; text-indent: -999em; display: block; text-indent: -9999em; margin: 0; padding: 0; border: none; cursor: pointer; }
input.searchnow:hover, input.searchnow.searchnowhover { background: url('../images/core/search-on.gif') no-repeat 0 0; }


/*-- Main body Section  --*/

#mainpage { width: 980px; height: auto; float: left; display: inline; clear: both; position: relative; }

/*--left--*/
.left-contents { width: 170px; height: auto; margin: 0; padding: 0; background-color: #1b1b1c; float: left; display: inline;}
.left-contents p { padding: 0 10px 0 20px; color: #fff; }

/*product catalogue*/
img.catalogue-title { border-bottom: 1px solid #292825; float: left; display: block; }
ul#catalogue-nav { list-style: none; float: left; width: 170px; height: auto; display: block; padding: 0; margin: 0; border-bottom: 1px solid #292825; clear: both; }
ul#catalogue-nav li { position: relative; z-index: 50; float: left;  display: block; font-size: 12px; line-height: 12px; border-bottom: 1px solid #292825;}
ul#catalogue-nav li.top { width: 140px; display: block; height: 12px; padding: 6px 10px 6px 20px; background-color: #000; font-weight: bold; color: #dd0023; }
ul#catalogue-nav li.top a { width: 140px; display: block; height: 12px; background-color: #000; font-weight: bold; color: #dd0023; padding: 0px; padding: 6px 10px 6px 20px; }
ul#catalogue-nav li.top a:hover { background-color: #0b842b; color: #fff;  text-decoration: none; }
ul#catalogue-nav li ul { clear: both; float: left; width: 200px; height: auto; background-color: #38383a; position: absolute; z-index: 50; left: -9999em; top: 100%; margin: 0 0 0 170px; padding: 0; }
ul#catalogue-nav li a { width: 140px; height: auto; padding: 6px 10px 6px 20px; color: #fff; display: block; text-decoration: none; }
ul#catalogue-nav li a:hover { background-color: #0b842b; color: #fff;  text-decoration: none; }
ul#catalogue-nav li ul { clear: both; float: left; width: 200px; height: auto; background-color: #38383a; position: absolute; z-index: 50; left: -9999em; top: 100%; margin: 0 0 0 170px; padding: 0; }
ul#catalogue-nav li ul li a { width: 170px; height: auto; background-color: #38383a; padding: 6px 15px; color: #fff; display: block; text-decoration: none; }
ul#catalogue-nav li ul li a:hover { background-color: #dd0023; color: #fff;  text-decoration: none; }
ul#catalogue-nav li.top-lev-link a { width: 140px; height: auto; padding: 6px 10px 6px 20px; color: #dd0023; display: block; background-color: #000; font-weight: bold; }
ul#catalogue-nav li.top-lev-link a:hover { background-color: #0b842b; color: #fff;  text-decoration: none; }
/*on hover*/
ul#catalogue-nav li:hover ul, ul#catalogue-nav li.nav-hover ul { left: 0; top: 0; }
ul#catalogue-nav li.nav-hover.onsection { background-color: #0b842b; color: #fff; }

/*mailing-list*/
#mailing-list { width: 138px; height: 100px; padding: 35px 12px 25px 20px; background: #000 url('../images/core/bg-mailing.gif') no-repeat 0 0; float: left; border-bottom: 1px solid #292825; }
#mailing-list h5 { color: #c5c7cc; margin-bottom: 10px; }
#mailing-list p { margin: 0; padding: 0; float: left; }
input.mailing { float: left; width: 96px; border: none; height: 14px; font-size: 11px; }
span.mailing { padding-left: 5px; float: left; width: 101px; border: none; height: 18px; font-size: 11px; display: block; background: #FFF; color: #000; border-top: 1px solid #000; margin-bottom: 5px; }
input.mailing-checkboxes { width: 16px; border: none; height: 14px; font-size: 11px; }
input.go { float: left; border: none; background: url('../images/core/go-off.gif') no-repeat 0 0; width: 27px; height: 22px; display: block; text-indent: -999em; padding: 0; cursor: pointer; margin-left: 2px;overflow:hidden; }
input.go:hover, input.go.gohover { background: url('../images/core/go-on.gif') no-repeat 0 0; }


/*--right--*/
.right-contents { width: 810px; height: auto; float: right; display:inline; background: url('../images/core/bg-text.gif') no-repeat 0 0; margin: 0; padding: 0;  }
.contents { width: 740px; min-height: 550px; height: auto; padding: 20px 34px 0 34px; margin: 0; float: left; display: inline; clear: both; }
ul.listing-box li h3 { margin-top: -2px; }

/*banner*/
.banner { width: 810px; height: 150px; background: url('../images/core/bg-banner.jpg') no-repeat 0 0; display: block; float: left; clear: both; }
#flash { float: left; width: 650px; height: 120px; display: block; }

/*login*/
#login { width: 103px; height: 123px; display: inline; float: right; padding: 30px 20px 5px 20px; background:#1c1c1d url('../images/core/bg-login.gif') no-repeat 0 bottom; }
#login h5 { margin: 0; }
#login h5 a { color: #fff; margin: 0; }
input.loginbox { float: left; width: 93px; border: none; height: 14px; font-size: 11px; margin: 0 0 4px 0; }
input.loginnow { float: left; border: none; background: url('../images/core/login-off.gif') no-repeat 0 0; width: 103px; height: 20px; display: block; text-indent: -999em; cursor: pointer; }
input.loginnow:hover, input.loginnow.loginnowhover { background: url('../images/core/login-on.gif') no-repeat 0 0!important; }
a.logoutnow, input.logoutnow { float: left; border: none; background: url('../images/core/logout-off.gif') no-repeat 0 0; width: 103px; height: 22px; display: block; text-indent: -999em; cursor: pointer;overflow:hidden; }
a.logoutnow:hover, input.logoutnow:hover, input.logoutnow.logoutnowhover { background: url('../images/core/logout-on.gif') no-repeat 0 0!important; }
.log { color:#FFCC00; margin-bottom:6px; height: 35px; overflow: hidden; }
.logname { color:#FFCC00; margin-bottom:6px; height: 20px; overflow: hidden; }
a.logoutnow-white { float: left; border: none; background: url('../images/core/logout-white-off.gif') no-repeat 0 0; width: 103px; height: 22px; display: block; text-indent: -999em; cursor: pointer;overflow:hidden; }
a.logoutnow-white:hover { background: url('../images/core/logout-white-on.gif') no-repeat 0 0; }

/*featured products input buttons*/
input.add { float: left; border: none; background: url('../images/core/addcart-off.gif') no-repeat 0 0; width: 91px; padding: 0; height: 22px; display: block; text-indent: -999em; cursor: pointer;  }
input.add:hover, input.add.addhover { background: url('../images/core/addcart-on.gif') no-repeat 0 0; }
input.more, a.more { float: left; border: none; background: url('../images/core/more-off.gif') no-repeat 0 0; padding: 0; width: 91px; height: 22px; display: block; text-indent: -999em; cursor: pointer; margin: 0 5px 5px 0;overflow:hidden; }
input.more:hover, input.more.morehover, a.more:hover { background: url('../images/core/more-on.gif') no-repeat 0 0; }
input.enquire { float: left; border: none; background: url('../images/core/enquire-off.gif') no-repeat 0 0; padding: 0; width: 91px; height: 22px; display: block; text-indent: -999em; cursor: pointer; margin: 0 5px 5px 0;overflow:hidden; }
input.enquire:hover, input.enquire.enquirehover { background: url('../images/core/enquire-on.gif') no-repeat 0 0;  }
div.link-buttons { width: 92px; display: block; margin: 0 auto; }

/*news - in global.css - shared with print*/
/*affiliates - in global.css - shared with print*/
/*featured products - in global.css shared with print*/
/*table-liked divs - in global.css - shared with print*/
/*product listings and details - in global.css - shared with print*/
/*members login - in global.css - shared with print*/

/*contact* - accordion style*/
ul#addresses, ul#categories { list-style: none; width: 320px; height: auto; padding: 0; margin: 0;float:left;}
ul#addresses p, ul#categories p, ul#addresses h4, ul#categories h4 { margin-bottom: 10px; }
ul#addresses li, ul#categories li { display: block; font-size: 10px; width: 320px; margin: 0; padding: 0; }
ul#addresses li a img, ul#categories li a img { vertical-align: middle; }
ul#addresses li a.firstlevel, ul#categories li a.firstlevel { font-size: 12px; font-weight: bold; background: url('../images/core/bg-heading.gif') repeat-x 0 0; padding: 0 10px; width: 300px; height: 20px; cursor: pointer; display: block; text-decoration: none; color: #fff; }
ul#addresses li a.firstlevel:hover, ul#categories li a.firstlevel:hover { background: url('../images/core/bg-heading1.gif') repeat-x 0 0; color: #fff; }
ul#addresses li a.selected, ul#categories li a.selected { font-weight: bold; background: url('../images/core/bg-heading1.gif') repeat-x 0 0; color: #fff; text-decoration: none; }
ul#addresses li a.current, ul#categories li a.current { background: url('../images/core/heading2.gif') repeat-x 0 0; color: #fff; text-decoration: none; }
ul#addresses ul, ul#categories ul { display: block; padding: 0; margin: 0; height: auto; width: 320px; background-color: #e8f9ec; }
ul#addresses li li, ul#categories li li {  display: block; padding: 10px 0 0 25px; margin: 0; height: auto; width: 295px; background-color: #e8f9ec;}
ul#addresses li li a, ul#categories li li a {color: #dd0023; text-decoration: none; }
ul#addresses li li a:hover, ul#categories li li a:hover { color: #0b842b; text-decoration: underline; }
ul#addresses li li li, ul#categories li li li { margin: 0 0 5px 0; padding: 0; }
ul#categories li ul li ul { width: 295px;}

/*-- Footer Section --*/

#footer { width: 940px; height: 26px; padding: 12px 20px; border-bottom: 5px solid #000; float: left; display: block; clear: both; background-color: #ce0021; }
#footer h5 { color: #fff; margin: 0; line-height: 16px; }
span.black { color: #000; }
#footer a { color: #fff; text-decoration: none;}
#footer a:hover { color: #fff; text-decoration: underline;}
.wflogo { float: right; }
.flash-flv { position: relative; z-index: 5; float: left; margin: 0 20px 10px 0;}
.pdf-container {padding:20px 0 0 0;}

/*-- About Us Videos --*/
#video-container{width: 300px;}
#details{width:280px; float: right; margin-top: 34px;}

.images{
	display: block;
	width:  730px;
}
.images img{
	border: 1px solid #333 !important;
	display: inline;
	list-style: none;
	padding: 0 !important;
	margin: 5px;
}

/*=======================================================
 End of CSS Document for Caps Australia Pty Ltd
=======================================================*/