/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#fff; background:url(/img/bg.jpg) repeat-x #000; position:relative; z-index:1;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#fff; text-decoration:underline;} 
a:hover, a:focus, a:active {color:fff; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:978px; margin:5px auto 0 auto; z-index:1;} 

/* HEADER */ 
#header {position:relative; width:100%; margin:0 auto; width:959px; height:137px; background:url(/img/bg-header.png) no-repeat;}
h1 {margin:0; position:absolute; float:left; left:-9999px;}
h2 {font-size:22px; padding:0 0 5px 0px; margin:0;}
#footer h2 {margin-top:-5px;}
.contentArea h3 {font-size:16px; padding:0 0 5px 0px; margin:0 0 0 0;}
.smallinput { float:left; background:url(/img/bg-inputsmall.png) no-repeat; width:126px; height:23px; padding:0; margin:2px 0; border:0; color:#333; text-indent:5px;}
.medinput {width:259px; height:23px; background:url(/img/bg-inputmed.png) no-repeat; padding:0; border:0;}
.largeinput {width:259px; height:24px; background:url(/img/bg-inputlarge.png) no-repeat; padding:0; border:0;}
input {text-indent:5px;}
#footer input {margin:0 0 2px 0; font-size:11px;}
#footer .smallinput {margin:0 7px 2px 0;}
#footer .submitbutton {float:right;}
.go { float:left; width:45px; height:28px; background:url(/img/gobutton.png) no-repeat; border:0; padding:0; margin:0px 0 0 4px; cursor:pointer;}
#searchBoxHolder {width:126px; float:right; margin:8px 4px 0px 0px;}
.searchbutton {width:29px; height:23px; background:url(/img/searchbutton.png) no-repeat; cursor:pointer; float:right; margin:8px 10px 0px 0px;}
#logo a {width:242px; height:137px; display:block; position:relative; z-index:100;}
#headercontact {width:100%; float:right; margin:28px 5px 5px 0px; line-height:22px; font-weight:bold; text-align:right;}
.largetext {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#fff;}
.blacktext {font-size:12px; color:#000;}
#subNav {text-align:right; margin:3px 5px 0px 0px; padding:3px 0 0 0; font-size:10px; line-height:1.4em; }
#subNav ul {float:right; margin:0px 0 0 3px; padding:0;}
#subNav li {display:inline; list-style:none; margin:0 2px; padding-right:3px; border-right:1px solid #fff;}
#subNav li.end {border:none;}
#subNav a{text-decoration:none;}
#subNav a:hover {text-decoration:underline;}

#mainNav {clear:both; width:978px; height:42px; line-height:42px; background:url(/img/bg-nav.png) no-repeat; font-size:13px; font-weight:bold; position:relative; z-index:1000;}
#mainNav a {color:#fff; text-decoration:none; /*display:block;*/}
#mainNav a:hover {color:#FDF200;}
#mainNav ul {float:left; padding:0; margin:0px 0px 0px 0px;}
#mainNav li {list-style:none; float:left; padding-left:5px; margin:0 5px; text-indent:5px; min-width: 5em;}
#mainNav li.start {background:none; text-indent:15px;}
#mainNav #pubTreeItem1642 {position:relative; left:10px;}
#mainNav li:hover, #mainNav li.sfhover { position:static;}
/* second-level lists */
#mainNav li ul { position: absolute; height:auto; background:#595D5F; width:200px; margin:-1px 0px 0px -5px; border:1px solid #000; left: -999em; font-size:11px; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#mainNav li ul a:hover {text-decoration:none; color:#fff;}
#mainNav li ul li {width:200px; height:30px; line-height:30px; text-indent:5px; margin:0px; float:none;}
#mainNav li ul li.start {text-indent:5px;}
#mainNav li ul li:hover {background:#999; width:195px;}
/* third-and-above-level lists */
#mainNav li ul ul { margin: -2.7em 0 0 12em; border-top:none;}
#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {left: -999em;}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

/* CONTAINER */ 
#container {width:100%; margin:0;}
#container a {color:#fff; text-decoration:underline;}
#container a:hover {color:#fff; text-decoration:none;}
#slideshow {float:left; width:470px; height:275px; border:1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#homecontent {width:453px; margin:0 0 10px 10px; float:left;}

#content {float:left; width:939px; margin:0 0 0 7px; background:url(/img/bg-content.png) repeat; padding:10px; position:relative; z-index:2;}
#contentStore {float:left; width:927px; margin:0 0 0 7px; background:#fff; padding:10px; color:#000; border-left:6px solid #000; border-right:6px solid #000;}
#contentStore a {color:#000;}
#contentStore a:hover {color:#000;}

#cta {font-size:16px; font-weight:bold; clear:both; position:relative; margin:10px 0px 0px -18px; width:972px; height:189px; background:url(/img/bg-cta.png) no-repeat;}
#cta-left, #cta-mid, #cta-right {padding:10px; width:273px; height:154px; float:left; margin:4px 0px 0px 23px;}
#cta-left {background:url(/img/cta-map.png) no-repeat;}
#cta-mid {background:url(/img/cta-tires.png) no-repeat; color:#171200;}
#cta-mid a, #cta-mid a:hover {color:#171200;}
#cta-right {background:url(/img/cta-trailer.png) no-repeat;}
#cta-right h2 {margin:0;}
#thumbs {width:923px; height:90px; background:url(/img/bg-thumbs.png) no-repeat; margin:0 auto; padding:8px 23px;}
#trailer-single, #trailer-tandem, #trailer-carhaulers, #trailer-equipment, #trailer-deckover, #trailer-dump, #trailer-enclosed, #trailer-new {background:url(/img/thumbs.png) no-repeat; color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; width:96px; height:25px; float:left; padding-top:70px; margin-left:5px; text-align:center;}
#thumbs a {width:96px; height:25px; display:block; float:left; margin-right:19px; text-decoration:none;}
#thumbs a:hover {text-decoration:underline;}
#trailer-tandem {background-position:-113px 0px;}
#trailer-carhaulers {background-position:-226px 0;}
#trailer-equipment {background-position:-342px 0;}
#trailer-deckover {background-position:-459px 0;}
#trailer-dump {background-position:-575px 0;}
#trailer-enclosed {background-position:-692px 0;}
#trailer-new {background-position:-810px 0;}
/* FOOTER */ 
#footer {clear:both; width:969px; height:259px; background:url(/img/bg-footer.png) no-repeat; padding:5px; margin:20px 0 0 0; font-size:11px;}
#footerLinks {float:left; width:300px; margin:10px 15px 0px 10px;  font-size:10px;}
#footerLinks ul {margin:0; padding:0;}
#footerLinks img {margin-right:5px;}
#social {margin:10px 10px 0px 10px; width:295px; float:left;}
#facebook, #twitter {width:41px; height:41px; background:url(/img/social.png) no-repeat; float:left; margin:5px 5px 0 0;}
#twitter {background-position:-41px 0;}
#facebook a, #twitter a {display:block; width:41px; height:41px;}
#contactform {width:300px; margin:10px 0px 0px 0px; float:left;  font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#footerLinks li, #footerLinks li.start {list-style:none; display:inline;}
#footerLinks a { padding:0px 3px 0px 4px;}
#footerLinks li.end {border-right:none;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

#pubMapContainer table{
	background-color:#FFFFFF;
	color:#000000;
}
#pubMapContainer a:link, #pubMapContainer a:hover, #pubMapContainer a:active, #pubMapContainer a:visited{
	color:#000066;
}
#pubListingsForm {background:#000;}
#pubListingsResults thead {background:#999;}
#catBreadcrumbs {margin:5px 0;}
.catalogProduct { padding:5px 0px; min-height:230px;}
.catalogProductLast { padding:5px 0px; min-height:230px;}
.catalogProductImage {height:150px; position:relative;}
.catalogProductInfo {text-align:center;}
.catalogProductPrice {font-size:15px; font-weight:bold; margin-top:10px;}
.catalogRow { margin-left:15px;}
.catalogRowLast { margin-left:15px;}
#catalogProductsWrapper { margin-left:15px; }
#productInfoHeader { margin-top:10px;}
#orderWrapper { background-color:#666;}
#pageChoiceWrapper {text-align:right; margin-top:4px;}
#catalogHeader{border-bottom:thin solid #000; margin-top:15px;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */