/* 
  Stylesheet for www.keeslers.com - All Rights Reserved
  Styled by www.9balldesign.com - you steal, your karma
 */

/* MAIN LOWBEDS PAGE */
.trailerbox {display: block; clear: both; padding: 10px 0 0 0;}

.trailerbox h2 {display: block; width: 580px; height: 30px; margin: 0 0 5px 0;}
.trailerbox h2 span {display: none;}

.trailerbox ul {margin: 0 0 0 0; padding: 0 0 0 0;}
.trailerbox li {list-style-type: none; margin-bottom: 3px;}
.trailerbox li a {background: url(red-arrow.gif) 0 5px no-repeat; padding-left: 12px;}

.trailerbox img {float: left; margin: 4px 15px 0 0; border: 10px solid #e6e6e6;}
.trailerbox a:hover img {border: 10px solid #eb5a5a;}

.trailerbox ul.floatlist {margin: 0 25px 0 0; padding: 0 0 0 0; float: left;}

#crosscountybox {border-top: 1px solid #eb1919; border-bottom: 1px solid #eb1919; display: block; padding: 10px 0 10px 10px; background: #f1f1f1;}
.crosscountybox {border-top: 1px solid #eb1919; border-bottom: 1px solid #eb1919; display: block; padding: 10px 0 10px 10px; background: #f1f1f1; margin-top: 10px;}
#crosscountybox ul.floatlist, .crosscountybox ul.floatlist {margin: 0 25px 0 0; padding: 0 0 0 0; float: left; overflow: hidden;}
#crosscountybox li, .crosscountybox li {list-style-type: none; margin: 0 5px 0 0; padding: 0 0 0 0;}
#crosscountybox li.listbold, .crosscountybox li.listbold {font-weight: bold; font-size: 14px; margin-bottom: 10px;}

/* MAIN PAGE TITLES */
h1#maintitleenclosedtrailers {background: url(titles/enclosed-trailers.gif) no-repeat; margin-bottom: 10px;}

h2#titlecargo {background: url(titles/cargo-gray.gif) no-repeat;}
h1#titlecargored {background: url(titles/cargo-red.gif) no-repeat; margin-bottom: 10px;}
h2#titleconcession {background: url(titles/concession-gray.gif) no-repeat;}
h1#titleconcessionred {background: url(titles/concession-red.gif) no-repeat; margin-bottom: 10px;}
h2#titlelandscape {background: url(titles/landscape-gray.gif) no-repeat;}
h1#titlelandscapered {background: url(titles/landscape-red.gif) no-repeat; margin-bottom: 10px;}
h2#titleliving {background: url(titles/living-gray.gif) no-repeat;}
h1#titlelivingred {background: url(titles/living-red.gif) no-repeat; margin-bottom: 10px;}
h2#titlemotorcycle {background: url(titles/motorcycle-gray.gif) no-repeat;}
h1#titlemotorcyclered {background: url(titles/motorcycle-red.gif) no-repeat; margin-bottom: 10px;}
h2#titlerace {background: url(titles/race-gray.gif) no-repeat;}
h1#titleracered {background: url(titles/race-red.gif) no-repeat; margin-bottom: 10px;}
h2#titleatv {background: url(titles/atv-gray.gif) no-repeat;}
h1#titleatvred {background: url(titles/atv-red.gif) no-repeat; margin-bottom: 10px;}
h2#titlecamper {background: url(titles/camper-gray.gif) no-repeat;}
h1#titlecamperred {background: url(titles/camper-red.gif) no-repeat; margin-bottom: 10px;}
h2#titletrade {background: url(titles/trade-gray.gif) no-repeat;}
h1#titletradered {background: url(titles/trade-red.gif) no-repeat; margin-bottom: 10px;}

/* TRAILER GRID */
#pacegrid {}
#pacegrid span {display: block; float: left; width: 196px; border-top: 1px solid #ccc; padding-top: 8px;}

#pacegrid h2 {color: #eb1919; font-size: 14px; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0;width: 196px;}
#pacegrid img {border: 3px solid #e6e6e6; margin-bottom: 8px;}
#pacegrid a:hover img {border: 3px solid #eb5a5a;}
#pacegrid p {width: 180px;}

/* TRAILER LISTING */
#pacelisting {}
#pacelisting h1 {font-size: 16px; color: #eb1919; margin-bottom: 10px;}

/* TABBER */
#nav {clear: both; overflow: hidden;}
#nav a, #nav a:active, #nav a:visited {display:block; float:left; background:#e6e6e6; color:eb1919; text-decoration:underline; padding: 5px 0 5px 0; width: 84px; text-align: center;}
#nav a.selected, #nav a.selected:active, #nav a.selected:visited {background:#eb1919; color:#fff; text-decoration:none;}
.hiddencontent {padding:12px 0 12px 0; display:none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; overflow: hidden;}

.hiddencontent ul {width: 175px; margin: 0 17px 0 0; padding: 0 0 0 0; float: left;}
.hiddencontent li {margin: 0 0 4px 15px;}

/* CONSTRUCTION GALLERY */
#constructiongallery div {display: block; float: left; width: 196px; padding-top: 8px;}
#constructiongallery div img {margin-bottom: 5px; border: 1px solid #999;}
#constructiongallery div p {width: 180px;}

/* PHOTO GALLERY */
#pacegallery div {display: block; float: left; width: 196px; padding-top: 8px;}
#pacegallery div img {margin-bottom: 5px; border: 1px solid #999;}
#pacegallery div p {width: 180px;}

/* COLOR GALLERY */
#colorgallery span {display: block; float: left; width: 145px; text-align: center; font-weight: bold; font-size: 11px; margin-bottom: 8px;}