/* ----- Common ----- */
* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; background: #5F0700 url("/images/common/mainBckGrnd.jpg") repeat-x;}
a:link, a:visited {color: #6076A2; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
p {margin: 1em 0 1em 0; font-size: .9em; line-height: 130%; color: #333;}
h2 {margin: 0; padding: 1em 0 .5em 0; font-size: 1.55em; color: #333; font-weight: normal;}
h3 {clear: left; margin: 25px 0 10px 0; padding: 5px; font-size: 1em; background-color: #efefef; border-bottom: 1px solid #ccc; color: #333;}
h4 {clear: left; margin: 25px 0 10px 0; padding: 5px; font-size: 1em; background-color: #efefef; border-bottom: 1px solid #ccc; color: #BE1301;}
li {font-size: .9em;}
hr {height: 1px; color: #bbb;}
table {border: 0px; width: 100%;}
.left {float: left;}
.right {float: right;}
.clearBoth {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.redText {color: #BE1301; font-weight: bold;}

#divHeader {margin: 0 auto 0 auto; padding: 0; position: relative; width: 900px; height: 150px;}
h1 {float: left; text-indent: -9999px;}
h1 a {display: block; background:   url("/images/common/logo.gif") no-repeat; border: 0; width: 451px; height: 98px; overflow: hidden;}

/* -- Main nav -------------*/
#main-nav {clear: left; margin: 0 auto 0 auto; top: 133px; width: 900px; position: absolute;}
#main-nav li {float: left; text-align: center; list-style-type: none; text-transform: uppercase; font-size: .8em;}
#main-nav li a {margin: 0 30px 0 30px; padding: 10px 0 10px 0; width: 120px; color: #ede6e6; display: block; text-decoration: none;}
#main-nav li a:hover {background-color: #400000;}
body.home #main-nav li.navHome a {background-color: #400000;}
body.flatbed #main-nav li.navFlatbed a {background-color: #400000;}
body.interior #main-nav li.navInterior a {background-color: #400000;}
body.hardware #main-nav li.navHardware a {background-color: #400000;}
body.other #main-nav li.navOther a {background-color: #400000;}

/* ----- Wrappers -------------- */
#divMainContentWrapper {margin: 20px 0 0 0; padding: 0; background-color: #fff;}
#divBodyWrapper {margin: 0 auto 0 auto; padding: 20px 0 20px 0; width: 860px; background-color: #fff;}
#divBodyContent {color: #444;}
#divSubPageBodyRightColumn {float: left; margin: 0 0 0 50px; padding-bottom: 50px; width: 223px;}
#divSubPageContent {float: left; margin: 10px 0 0 0; padding-bottom: 20px; width: 580px;}
#divSubPageContentFull {margin: 10px 0 0 0; width: 745px;}

/* ----- Homepage -------------- */
#div-main-banner {margin: 0; padding: 0; width: 800px; height: 193px; background:   url("/images/homepage/main-banner.jpg") no-repeat;}
#homepage-nav {margin: 20px 0 0 0;}
#homepage-nav li {float: left; list-style-type: none;}
#super {text-indent: -9999px;}
/*#super a:link, #super a:visited {margin-right: 15px; display: block; width: 460px; height: 356px; background: url(/images/homepage/super-edge.jpg) no-repeat; overflow: hidden;}*/
#super a {margin-right: 15px; display: block; width: 460px; height: 356px; background:   url("/images/homepage/super-edge.jpg") no-repeat; overflow: hidden;}
#flatbed {text-indent: -9999px;}
#flatbed a {margin-bottom: 14px; display: block; width: 324px; height: 79px; background:   url("/images/homepage/flatbed.jpg") no-repeat; overflow: hidden;}
#interior {text-indent: -9999px;}
#interior a {margin-bottom: 14px; display: block; width: 324px; height: 79px; background:   url("/images/homepage/interior.jpg") no-repeat; overflow: hidden;}
#hardware {text-indent: -9999px;}
#hardware a {margin-bottom: 14px; display: block; width: 324px; height: 79px; background:   url("/images/homepage/hardware.jpg") no-repeat; overflow: hidden;}
#other {text-indent: -9999px;}
#other a {display: block; width: 324px; height: 79px; background:   url("/images/homepage/other.jpg") no-repeat; overflow: hidden;}

/* ----- Bill memory -------------- */
#billMemory {float: left; margin: 50px 0 0 180px; width: 100px; font-style: italic;}
#billMemory a {color: #fff;}

/* ----- Contact -------------- */
#contactUs {float: left; text-indent: -9999px;}
#contactUs a {margin: 20px 0 0 60px; display: block; width: 74px; height: 65px; background: #fff url("/images/common/contactUs.jpg") no-repeat; overflow: hidden;}

/* ----- Catalog -------------- */
#divCatalog {margin: 115px 0 0 0; padding: 0; border: 1px solid #D1D6DF; text-align: center; background: #fff url("/images/common/grad-bckgrnd.gif") bottom repeat-x;}
#divCatalog .catalogTitle {margin: 0 auto 13px auto; padding-top: 13px; width: 150px; color: #701B1B; text-align: center; font-size: 1.1em; font-weight: bold; line-height: 110%;}
#divCatalog img {margin: 0; padding: 0; border: 0;}
#divCatalog .acrobatRequired {margin: 0 0 10px 0; padding: 0 0 20px 0; font-size: .7em; color: #4F4343;}

/* ----- Product Sub Nav -------------- */
ul.product-sub-nav {margin: 0; padding: 0; width: 502px;}
ul.product-sub-nav li {margin: 0 0 5px 0; padding: 0; list-style-type: none; text-align: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em;}
ul.product-sub-nav li a:link, ul.product-sub-nav li a:visited {color: #3A110D; text-decoration: none;}
ul.product-sub-nav li a:hover, ul.product-sub-nav li a:active {text-decoration: underline;}
ul.product-sub-nav a {padding: 33px 15px 0 0; display: block; width: 487px; height: 55px;}
/* flatbed */
#superEdge a {background:   url("/images/navImages/fSuperEdgeZone.jpg") no-repeat;}
#winches a {background:   url("/images/navImages/fWinches.jpg") no-repeat;}
#specialWinches a {background:   url("/images/navImages/fSpecialAppWinch.jpg") no-repeat;}
#flatbedAccess a {background:   url("/images/navImages/fAccessories.jpg") no-repeat;} 
#quickWinch a {background:   url("/images/navImages/fQuickWinch.jpg") no-repeat;}
#winchStraps a {background:   url("/images/navImages/fWinchStraps.jpg") no-repeat;}
#ratchetStraps a {background:   url("/images/navImages/fRatchetStraps.jpg") no-repeat;}
/*  hardware */
#ratchet a {background:   url("/images/navImages/hRatchetBuckle.jpg") no-repeat;}
#cam a {background:   url("/images/navImages/hCamBuckles.jpg") no-repeat;}
#flatHooks a {background:   url("/images/navImages/hFlathooks.jpg") no-repeat;}
#rings a {background:   url("/images/navImages/hRings.jpg") no-repeat;} 
#snapHooks a {background:   url("/images/navImages/hSnapHooks.jpg") no-repeat;}
#wireHooks a {background:   url("/images/navImages/hWireHooks.jpg") no-repeat;}
#chainGrab a {background:   url("/images/navImages/hChainGrabHooks.jpg") no-repeat;}
#logisticTrackFitting a {background:   url("/images/navImages/hLogTrackFittings.jpg") no-repeat;}
/* interior */
#pressureLoadBars a {background:   url("/images/navImages/iPressureReleaseBars.jpg") no-repeat;}
#jackingLoadBars a {background:   url("/images/navImages/iJackingBars.jpg") no-repeat;}
#cargoBars a {background:   url("/images/navImages/iCargoBars.jpg") no-repeat;}
#eDeckingBeams a {background:   url("/images/navImages/iDeckingBeams.jpg") no-repeat;} 
#logisticTrack a {background:   url("/images/navImages/iLogisticTrack.jpg") no-repeat;}
#fShoringBars a {background:   url("/images/navImages/iShoringBeams.jpg") no-repeat;}
#logisticStraps a {background:   url("/images/navImages/iLogisticStraps.jpg") no-repeat;}
#interiorAccess a {background:   url("/images/navImages/iAccessories.jpg") no-repeat;}
#cargoNets a {background:   url("/images/navImages/iCargoNets.jpg") no-repeat;}
/* other */
#oneInchStraps a {background:   url("/images/navImages/oOneInchStraps.jpg") no-repeat;}
#bulkWebbing a {background:   url("/images/navImages/oBulkWebbing.jpg") no-repeat;}

/* ----- Subnav Page Titles -------------- */
#title-flatbed {width: 393px; height: 56px; text-indent: -9999px; background:   url("/images/title-flatbed.gif") no-repeat;}
#title-interior {width: 498px; height: 56px; text-indent: -9999px; background:   url("/images/title-interior.gif") no-repeat;}
#title-hardware {width: 452px; height: 56px; text-indent: -9999px; background:   url("/images/title-hardware.gif") no-repeat;}
#title-other {width: 357px; height: 56px; text-indent: -9999px; background:   url("/images/title-other.gif") no-repeat;}

/* ----- Content -------------- */
#divProductDetail img {float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #ccc;}
#divProductDetail img.imgRight{float: right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #ccc;}
#divProductDetail p.title {clear: left; font-weight: bold; margin-bottom: 0; padding: 10px 0 5px 0; }
#divProductDetail p.detail {margin: 0 0 10px 0; padding: 0;}
#divProductDetail ul {margin-left: 35px; padding: 0;}
#divProductDetail li {margin: 0; padding: 0; color: #333;}

#tblProductContent {padding: 2px; font-size: 14px;}
#tblProductContent img {padding: 5px;}
.tblMainContent {clear: left; border: 1px solid #ddd; margin: 5px 0 10px 0; padding: 0; font-size: .8em; color: #333; }
.tblMainContent td {border: 1px solid #ddd; margin: 0; padding: 5px;}


/* -- Footer ----------------------------------- */
#divFooter {clear: both; width: 100%; background: #5F0700 url("/images/common/footer-bckgrnd.gif") repeat-x;}
#div-footer-content {margin: 0 auto 0 auto; padding: 5px 0 0 0; width: 900px;}
#divFooter p {padding: 10px 0 30px 0; font-size: .75em; color: #ede6e6;}
#divFooter a {color: #ede6e6;}
#divFooterLine {background-color: #FF3333; font-size: 1px; width: 400px; margin: 5px auto 5px auto;}