/*=======================================================
 CSS Document for the DRILL shop
=======================================================*/

@import url("global.css");
@import url("slimbox.css");
@import url("sifr.css");

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

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

.bg-wrap { width: 100%; height: 100%; background: url('../images/core/bg-wrap.jpg') no-repeat 50% 25px; display: block; }
#container { width: 760px; height: auto; display: block; margin: 0 auto; background: transparent; clear: both; }
.bg-wrap:after, #container:after, #header:after, #main-contents:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
#header { position: relative; z-index: 2; width: 760px; height: 95px; padding-top: 40px; }
#main-contents { width: 760px; height: auto; }
#left-contents { width: 160px; float: left; display: inline; }
#right-contents { width: 570px; height: auto; float: right; display: inline; }
#footer { width: 100%; height: 100%; background: url('../images/core/bg-footer.jpg') no-repeat 50% 0; display: block; }

/*=============================================================
	Header - logo + top navigation
=============================================================*/

#logo { position: absolute; z-index: 5; top: 40px; left: 0; width: 320px; height: 85px; display: block; }
#slogan { position: absolute; z-index: 5; top: 60px; right: 0; width: 380px; height: 35px; display: block; text-indent: -9999em; background: url('../images/core/slogan.gif') no-repeat 0 0; }

/*top navigation*/
ul#top-nav { position: absolute; z-index: 10; top: 105px; right: 0; height: 34px; display: block; }
ul#top-nav li {height: 24px; display: block; float: left; background: url('../images/core/nav-divider.gif') no-repeat right 0; }
ul#top-nav li.last-item {background: none; margin: 0; }
ul#top-nav li a { height: 19px; color: #86745a; float: left; margin-right: 2px; padding: 5px 9px 0 9px; line-height: 11px; text-decoration: none; background: url('../images/core/bg-topnav.jpg') repeat-x 0 0; }
ul#top-nav li a:hover { color: #000; text-decoration: underline; background-position: 0 -24px; }
body#home-page a#navhome, body#hallofshame-page a#navhall, body#delivery-page a#navdelivery, body#contact-page a#navcontact,
body#sitemap-page a#navsitemap { color: #000; font-weight: bold; background-position: 0 -24px!important; }

/*=============================================================
	Main body - Left Contents: main nav + quick contact + brands
=============================================================*/

/*main navigation*/
ul#main-nav { float: left; width: 160px; height: auto; margin-bottom: 20px; display: block; clear: both; }
ul#main-nav li { display: block; position: relative; float: left; clear: both; width: 160px; }
ul#main-nav li a { width: 128px; height: 20px; float: left; display: block; padding: 4px 15px 3px 17px; background: url('../images/core/bg-nav.jpg') no-repeat 0 0; color: #86745a; text-decoration: none; }
ul#main-nav li a:hover { color: #000; background-position: 0 -27px; text-decoration: underline; }
ul#main-nav li li a { font-size: 0.9em; float: left; width: 128px; height: 18px!important; padding: 2px 15px 2px 17px; text-decoration: none; background: url('../images/core/bg-subnav.jpg') no-repeat 0 0; display: block; color: #86745a; text-decoration: none; }
ul#main-nav li li a:hover { color: #d3ba69; background-position: 0 -22px!important; text-decoration: underline; }
body#diamondcoring-page a#navdiamond, body#corebarrel-equipment-page a#navcore, body#survey-equipment-page a#navsurvey, body#spill-containment-page a#navspill,
body#drilling-fluids-page a#navfluids, body#stilsons-pipe-wrenches-page a#navstilsons, body#nonslip-safety-page a#navsafety { font-weight: bold; background-position: 0 -27px!important; color: #000; font-weight: bold; text-decoration: none; }
body.firstlevel a#navdiamond { font-weight: bold; background: url('../images/core/bg-nav2.jpg') no-repeat 0 0!important; color: #000; font-weight: bold; text-decoration: none; }
body#impregnated a#navpage1, body#geo-technical a#navpage2, body#surface-set a#navpage3, body#tungsten-carbide a#navpage4, 
body#reaming-shells a#navpage5, body#casing-shoes a#navpage6, body#non-coring-bits a#navpage7 { background-position: 0 -22px!important; color: #d3ba69; font-weight: bold; text-decoration: none; }

/*quick contact*/
#quick-contact { width: 160px; height: auto; clear: both; float: left; display: block; margin-bottom: 10px; padding-bottom: 15px; background: #9b8970 url('../images/core/bg-quickcontact-btm.gif') no-repeat 0 bottom; }
#quick-contact h2 { text-transform: uppercase; color: #fff; width: 140px; height: 20px; display: block; padding: 10px 10px 2px 10px; margin-bottom: 15px; background: url('../images/core/bg-quickcontact-h2.gif') no-repeat 0 0; }
#quick-contact p { padding: 0 10px; margin-bottom: 15px; }
#quick-contact a { color: #f4c946; text-decoration: none; }
a#expand-panel:hover { font-weight: bold; background-position: 0 -20px; }
#quick-contact a:hover { color: #fff; text-decoration: none; font-weight: bold; }
a#expand-panel.active { color:#fff; font-weight: bold; background-position: 0 -20px; }
#quick-contact ul { margin: -10px 10px 0 15px; color: #fff; }
#quick-contact li a { padding-left: 5px; }
#quick-contact li a:hover { text-decoration: underline; }

/*brands*/
#brand-links { width: 150px; height: 140px; clear: both; float: left; margin: 5px 0 15px 5px; padding-top: 5px; display: block; background: url('../images/core/divider.jpg') repeat-x 0 0;  }
#brand-links p { margin: 0 auto; width: 140px;color: #838383; }
#brand-links ul { width: 147px; height: 100px; margin-top: 5px; overflow: hidden; }
#brand-links li { float: left; display: inline; margin: 0; }
#brand-links li a { display: block; float: left; height: 50px; overflow: hidden; text-indent: -9999em; }
#brand-links li a:hover { background-position: 0 -50px!important; }
a#amc { background: url('../images/core/brand1.gif') no-repeat 0 0; width: 48px; }
a#spillstation { background: url('../images/core/brand2.jpg') no-repeat 0 0; width: 52px; }
a#dimatec { background: url('../images/core/brand3.jpg') no-repeat 0 0; width: 47px; }
a#rothenberger { background: url('../images/core/brand4.jpg') no-repeat 0 0; width: 147px; }

/*=============================================================
	Main body - Right Contents: banner/flash + text
=============================================================*/

/*banner*/
#banner { width: 570px; height: 170px; display: block; clear: both; margin: 15px 0; }
.flash { height: 320px!important; }

/*contents*/
#text-contents { width: 570px; display: block; clear: both; }
.text-area { display: block; padding: 0 10px; }
.image-display { width: 146px; height: auto; border-left: 1px solid #ece8dd; padding: 10px 0 10px 25px; margin: 0 10px 10px 20px; display: inline; float: right; }
.image-display a { display: block; border: 3px solid #e2dbc4; clear: both; line-height: 0; }
.image-display a:hover { border-color: #bf7013; }
.image-display span { font-size: 1.1em; display: block; clear: both; text-align: center; margin-bottom: 10px; }
.image-display2 { width: 280px; height: auto; border-left: 1px solid #ece8dd; padding: 10px 0 10px 10px; margin: 0 10px 10px 20px; display: inline; float: right; }

/*extras*/
.contact-form { width: 200px; height: auto; border-left: 1px solid #ece8dd; padding: 10px 0 10px 25px; margin: 0 10px 10px 20px; display: inline; float: right; }

/*gallery*/
ul#gallery { display: block; float: left; margin: 0 0 15px 0; padding: 0; list-style: none; }
ul#gallery li { width: 104px; height: 104px; float: left; display: inline; margin: 0 5px 5px 0; padding: 0; }
ul#gallery li a { display: block; border: 2px solid #e2dbc4; text-decoration: none; line-height: 0; }
ul#gallery li a:hover { border-color: #bf7013; text-decoration: none; }

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

#footer ul { width: 760px; height: 65px; padding: 10px 0; display: block; margin: 0 auto 20px auto; clear: both; }
#footer li { color: #79631d; float: left; display: inline; font-size: 1em; line-height: 13px; }
#footer li#credit { width: 95px; text-align: center!important; margin-right: 10px; line-height: 10px; }
#footer li#breadcrumb { width: 310px; padding: 6px 0 0 20px; }
img.affiliates { float: left; display: inline; margin: 0 10px; }
#footer a { color: #79631d; text-decoration: none;}
#footer a:hover { color: #df8818; text-decoration: none;}
#footer strong { color:#fff; }


/*=======================================================
 End of CSS Document for the DRILL shop
=======================================================*/