@CHARSET "ISO-8859-1";

html,body {}

div, ul {margin:0; padding:0;}

body {  margin:0; padding:0;text-align: center; min-width: 1000px; background-color: black; background-image: url(images/background.jpg); background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif; }

a:hover { color:yellow !important; }
#wrapper { text-align: left;width: 980px;  margin: auto; background-color: transparent; color: white; }
#header img { position: absolute; top: 0; margin: 10px 0 0 0; border: none; }
#header h2 { text-align: center; font-size: small; color:yellow !important;}
#main { width: 550px; text-align: left; }
h3 { color:#3884d0;}h2 { color:yellow;}
#content { position: absolute; top: 110px; width: 780px; margin: 0 10px 0px 220px; padding: 0 0px 100px 10px; }#contentdealer {  position: absolute; top: 110px; width: 960px; margin: 0 10px 0px 10px; padding: 0 0px 100px 10px; }
#content h1, #contentdealer h1 { font-size: 26px; text-align: center; }
#content h2, #contentdealer h2 { font-size: 20px !important; text-align: center; margin: 15px 0 0 0;	padding: 0; }
#content h3, #contentdealer h3  { font-size: small; text-align: center; font-weight: normal; margin: 0 0 10px 0; padding: 0; color:#3884d0 !important;}
#content ul, #contentdealer ul { margin: 0; padding: 0 0 0 10px; list-style: none; }
#content li, #contentdealer li { font-size: small; }
#content p, #contentdealer p { font-size: small; margin: 10px 0 0 0; padding: 0; text-align: left; }
#content img, #contentdealer img { border: none; margin: 20px 0 0 35px; }
#content a:link,#content a:visited { border: none; text-decoration: underline; color: lightgrey; }

#sidebar { background-color: transparent; width: 195px; }
#sidebar ul { background-color: transparent; list-style: none; }
#sidebar li { font-size: small; }
#sidebar li { font-size: small; font-weight: bold; letter-spacing: 2px;
	padding: 0 0 0 10px; background-color: transparent; border-bottom: 1px solid #3884d0; color: darkgray; }
#sidebar a:link,#sidebar a:visited { border: none; text-decoration: none; color: darkgray; }
#sidebar img { text-align: center; border: none; }
#sidebar a:hover { font-style: italic; font-weight: bold; }

/* othersidebars - this is the sidebar for diy that follows as you scroll */
#sidebar_right_diy {
	position: absolute; top: 110px; right: 0px; margin-right:70px;	width:200px;
}

#sidebar_right_diy_wrap { position:relative;}
#fixed_sidebar { position:fixed;}

/* other sidebars */

#smlogo img { text-align: center; border: none; margin: 20px 0 0 26px; }

#bedline { width: 145px; text-align: center; margin: 0 0 0 30px; }
#bedline img { border: none; }
#bedline h2 { border: none; margin: 20px 0 0 0; padding: 0; }

#uses { position: absolute; top: 110px; right: 0px; background-color: transparent; background-image: url(images/rightback.png);
	background-repeat: no-repeat; margin: 0 20px 0 0; padding: 0; text-align: center; }
#uses img { border: none; margin: 0 0 10px 0; }
#uses ul { width: 160px; background-color: transparent; margin: 10px 0 20px 0; padding: 0; list-style: none; }
#uses li { font-size: small; }
#uses h2 { font-size: small; color: darkgray; }
#uses a:link,#uses a:visited { border: none; text-decoration: none; color: darkgray; }

/* Main menu
------------------------------------------*/

#horizMenu,#horizMenu ul { list-style: none; }
#horizMenu { float: left; font-family: Arial; font-size: 12px; }
#horizMenu>li { float: left; }
#horizMenu li a { display: block; height: 2em; line-height: 2em; padding: 0 1.5em; text-decoration: none; color: #fff; }
#horizMenu ul { position: absolute; display: none; z-index: 999; }
#horizMenu ul li a { width: 80px; }
#horizMenu ul li a:link, #horizMenu ul li a:visited, #horizMenu a:active
, #horizMenu ul li a:active, #horizMenu a:link, #horizMenu  a:visited { color: #fff; }
#horizMenu li:hover ul { display: block; }
#horizMenu>li>a { color: #fff; font-weight: bold; }
#horizMenu>li:hover>a { background: #f09d28; color: #000; }

/* Submenu
------------------------------------------*/
#horizMenu ul { background: #f09d28; width: 185px; }
#horizMenu ul li a { color: #000; }
#horizMenu ul li:hover a { color: #2f8be8; background: #ffc97c;	width: 135px; }
#nav {    float: left;    width: 190px;    border-top: 1px solid #000;    border-right: 1px solid #000;    border-left: 1px solid #000;    list-style-type:none;}#nav li a {    display: block;    padding: 5px 10px;    background-color: transparent;    border-top: 1px solid #000;    border-bottom: 1px solid #000;    text-decoration: none;    color: #000;}#nav li a:hover, #nav li a.active {    background-color: transparent;    color: #fff;}#nav li ul {    display: none; // used to hide sub-menus}#nav li ul li a {    padding: 5px 10px;    background-color: transparent;    border-bottom: 1px dotted #000;}	#nav .menuopen {	background:url('/images/layout/menu-open.png') top right no-repeat; } 	#nav .inactive {	background:url('/images/layout/menu-closed.png') top right no-repeat; } 	
.crumbs { font-style: 8px; }
.crumbs { list-style-type: none; }
.crumbs li { float: left; }
.crumbs li a:hover { color: white !important; }

/* Submenu */

/* Marketing Section */
.marketingBanner {
	margin:10px 0 10px 0;
}

.sltm {font-style:20px !important; font-weight:bold; color:#3884d0;}

/* Behaviors for Buttons */
.custNow { width: 100%; height: 62px; margin: -17px 0 0 0; z-index: 1; }
.custNowLink { float: left; width: 230px; height: 128px; margin: 0 20px 0 0px; background-image: url(/images/site/box/contact_get.png); background-repeat: no-repeat; background-position: center 0px; }
.custNowLink:hover { background-position: center -128px; }
.custNowLink:active { background-position: center -128px; }


.equipNow { width: 100%; height: 62px; margin: -17px 0 0 0; z-index: 1; }
.equipNowLink { float: left; width: 148px; height:160px; margin: 0 46px 0 0px; background-image: url(/images/site/box/equipment.png); background-repeat: no-repeat; background-position: center 0px; }
.equipNowLink:hover { background-position: center -160px; }
.equipNowLink:active { background-position: center -160px; }

.jobNowLink { float: left; width: 230px; height:128px; margin: 0 46px 0 20px; background-image: url(/images/site/box/job_photos.png); background-repeat: no-repeat; background-position: center 0px; }
.jobNowLink:hover { background-position: center -128px; }
.jobNowLink:active { background-position: center -128px; }


#equipdiv { position: fixed; top: 210px; right: 0px; background-color: gray; color: white; margin: 0 20px 0 0;
	padding: 10px; border: 1px solid #000000; text-align: center; font-style: italic; visibility: hidden; width: 350px; }

#costdiv {	position: fixed;	top: 210px;	right: 0px;	background-color: white; color: red; margin: 0 20px 0 0; padding: 10px;	border: 1px solid #000000; text-align: center; font-style: italic; visibility: hidden; width: 350px;}

#warrantable { width: 100%; margin: 8px 0px 8px 0px; }
#warrantable td { border: 1px groove #FFFFFF; padding: 12px;}

a:link, a:active, a:visited { color: #FF0000; text-decoration: underline;}
a:hover { color: #FF0000; text-decoration: none;}

#StepOneHook, #StepTwoConvert {	padding: 10px;}
#StepThreeMoreInfo { padding-top: 20px;}
#StepThreeMoreInfo ul {	list-style-type: circle; font-weight: bold;}

/* begin extraneous style */
.auto-style2 {	text-align: left;}
.auto-style2 h2 { padding: 10px !important;	margin: 0px !important;	color: yellow !important;}
.style1 { display: block; line-height: normal; margin: 0; padding: 0;}
.style2 { text-align: center; display: block; line-height: normal; margin: 0; padding: 0;}
.style3 { color: white;}
.style4 { font-size: medium;}
.style5 { font-family: Arial, Helvetica, sans-serif;}
.auto-style3 { color: #FF0000;}
.auto-style4 { font-size: medium; font-weight: bold;}
.auto-style5 { font-family: Arial, Helvetica, sans-serif; font-size: medium;}
.auto-style6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: medium;}
.auto-style7 { display: block; line-height: normal;	margin: 0; padding: 0; font-size: medium;}
/* end section */

/* colors */
.altRowTextLight {color:#efee9f;}

/* advertising page */
.compareHeading { padding: 20px 0px; font-size: 48px; font-family: tahoma; color: yellow;}
.competitors { padding: 5px; overflow: hidden; padding: 0px; margin: 0px;}
.competitors div { width: 50%; float: left;	text-align: center;	padding: 0px; margin: 0px; font-size: 30px; font-weight: bold; color: silver;}
.orange { color: orange !important;}
.blue-bold { color: blue; font-siuze: 32px;	font-weight: bold;}
.compareImage {	width: 226px; padding: 5px; height: 300px; float: left;}
.tile1 { margin-left: 10px;	background: url(/images/advertising/tile1.png);	background-repeat: no-repeat; margin-left: 6px;}
.tile2 { background: url(/images/advertising/tile_green.png); background-repeat: no-repeat;	margin-left: 6px;}
.tile3 { background: url(/images/advertising/tile_blue.png); background-repeat: no-repeat;}
.dumpTruck { background: url(/images/advertising/dump_truck.png); background-repeat: no-repeat;	margin-right: 4px;}
.truckLiner { background: url(/images/advertising/truck_liner.png);	background-repeat: no-repeat; margin-right: 4px; margin-left: 4px;}
.flatbedLined {	background: url(/images/advertising/flatbed_lined.png);	background-repeat: no-repeat; margin-right: 4px;}
/* end advertising page */

/* marketing and branding */

.ContactUsPhoneEmail_sm { background: url(/images/site/box/box_contact_phone_email_sm.png); background-repeat:none; width:195px; height:53px; margin:8px 0px;}
.style3 {font-size: large;}
.style4 {font-size: x-large;}
.style5 {font-size: large;text-align: center;}
.style1 {display: block;line-height: normal;margin: 0;padding: 0;}
.redlink A:link {color: red;}
.redlink A:visited {color: red;}
.redlink A:active {color: red;}
.redlink A:hover {color: red;}
.bluetext { color: #0000FF;}
.whitetext { color: #FFFFFF;}
#content p { font-size: 12pt;}
#TopMarketing { text-align:center;}
#TopMarketing p { font-size:40px;color:red;text-align:center;width:100% ;}
#TopMarketing h1 { margin: 0px !important;padding: 0px !important;font-size:40px;}
#TopMarketing h2 { font-size: 14pt; color:#0000FF;padding:0px !important;margin:0px !important;}
.pHeading { font-face:"Arial Narrow"; font-size: 12pt; color:#ffffce;}

/* Testimonials*/
.testimonials { border: 2px solid lightgrey; margin: 10px 0px; padding:0px 10px 5px 10px; }
.testimonialText {width:100%;text-alignment:left; padding: 10px;}
.tContact {color:lightgrey;}
.tComment {	font-style:italic; font-size:.90 !important;}
.gallery img {border:4px solid #3884d0 !important;}

.bullets ul li { font-size: .85em !important;}

/* Special Tables and stuff */
.costWarrantyTable tr { border-bottom: 1px solid #ffffff; }
.costWarrantyTable tr th { font-weight: bold;  border-bottom: 1px solid #ffffff;  padding: 10px;  color: #ffffce;}
.costWarrantyTable tr td { padding-top: 10px;  padding-bottom: 10px;}
.costWarrantyTable tr.alt td { background: #333333; }
.costWarrantyTable tr.over td { background: #bcb8b8; color:#000000 !important; }
.costWarrantyTable tr.over td.noneValue { background: #bcb8b8; color:red !important; }
.costWarrantyTable tr.sl td	{ color: yellow; }
.over { background: #bcb8b8; color:#000000 !important; }
.redLink { color: #FF0000; }
.costWarrantyTable tr .noneValue p {font-weight:bold; color:red; font-size:28px !important; text-align:center; width:50px;} 
/* end Special Tables and Stuff *//* Locations Dynamic Behaviors */.dListBox {	min-height:200px;	height:200px;	overflow:auto;	width:400px !important;	}

/* Shopping Cart */
.product div { overflow:hidden !important; padding-top:40px; height:80px;}
.product { border:3px solid transparent;}
.product:hover {border-bottom:3px solid #3884d0 !important; }
.product:hover div p { font-size:26px !important; }.productImagesTop img { float:left;}.productDescription {}	.two-col { float:left; width:45%; }.three-col { float:left; width:31%;}.productDescription ul { 	list-style-image: url('/images/icons/bullet-green.png') !important;		color: rgb(239, 238, 159); }
/* :#3884d0 !important; */
.shopCartPrice {font-weight: bold!important; font-size:24px; color:#01fd25;}input.button {	cursor: pointer;	color: #FFFFFF;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background: url('/images/layout/button.png') repeat-x;	-webkit-border-radius: 7px 7px 7px 7px;	-moz-border-radius: 7px 7px 7px 7px;	-khtml-border-radius: 7px 7px 7px 7px;	border-radius: 7px 7px 7px 7px;	-webkit-box-shadow: 0px 2px 2px #DDDDDD;	-moz-box-shadow: 0px 2px 2px #DDDDDD;	box-shadow: 0px 2px 2px #DDDDDD;}

/* AJAX Styles */
.ajaxtooltip { position: absolute; display: none; width: 575px; height: 400px; left: 0; top: 0;
background: lightyellow; border: 2px solid gray; border-width: 1px 2px 2px 1px; padding: 5px; }

/* Articles */
.article-list { list-style-type:circle !important; }
.article-list li { margin-left:15px; font-size:1.03em !important; line-height:1.85em !important; }

.article-list ul li { margin-left:30px !important; font-style:italic !important;}
h1 {color:#efee9f !important;}
/* page n element behaviors */
.leftAlign { text-align:left !important; }

.leftAlign h1, .leftAlign h2 {text-align:left !important; }
.article h1 { font-size:24px !important; font-weight:bold !important; }
.article img { padding:15px; margin:5px !important; border:4px solid #3884d0 !important; vertical-align:text-top;}
.article img.colorBar { padding:0px !important; margin: 0px !important; border: 0px !important; }
.articleHighLights { overflow:hidden; border:4px solid #3884d0 !important; background-color:#555554 !important; }
.articleHighLights h2 {margin:0px !important; padding:5px 15px 0px 15px !important; }
.articleHighLights p {color: #fbb625!important; padding:0px 15px 15px 15px !important; font-weight:bold !important; font-size:18px !important; text-align:center !important; }.custNow { width: 100%; height: 261px; margin: -17px 0 0 0; z-index: 1; }.animate { float: left; width: 583px; height: 261px; background-image: url(/images/icons/pro-kit-animate.png); background-repeat: no-repeat; background-position: center 0px; }.animate:hover { background-position: center -260px;}#newhomeshoppingcart {}#switchboard { overflow:hidden;padding:0px 5px}#switchboard div {float:left; margin: 15px 10px;}#switchboard .shopTrucks { height: 250px; margin: 10px 10px; z-index: 1;  }#switchboard .shopTrucksLink { float: left; width: 360px; height: 250px; margin: 0 0px 0 0px; background-image: url(/images/shoppingcart/trucks.jpg); background-repeat: no-repeat; background-position: center 0px; }#switchboard .shopTrucksLink:hover { background-position: center -250px; }#switchboard .shopTrucksLink:active { background-position: center -250px; }#switchboard .shopBoats { height: 250px; margin: 10px 10px; z-index: 1; }#switchboard .shopBoatsLink { float: left; width: 360px; height: 250px; margin: 0 0px 0 0px; background-image: url(/images/shoppingcart/boats.jpg); background-repeat: no-repeat; background-position: center 0px; }#switchboard .shopBoatsLink:hover { background-position: center -250px; }#switchboard .shopBoatsLink:active { background-position: center -250px; }#switchboard .shopJeeps { height: 250px; margin: 10px 10px; z-index: 1; }#switchboard .shopJeepsLink { float: left; width: 360px; height: 250px; margin: 0 0px 0 0px; background-image: url(/images/shoppingcart/jeeps.jpg); background-repeat: no-repeat; background-position: center 0px; }#switchboard .shopJeepsLink:hover { background-position: center -250px; }#switchboard .shopJeepsLink:active { background-position: center -250px; }#switchboard .shopKoiPonds { height: 250px; margin: 10px 10px; z-index: 1; }#switchboard .shopKoiPondsLink { float: left; width: 360px; height: 250px; margin: 0 0px 0 0px; background-image: url(/images/shoppingcart/koiponds.jpg); background-repeat: no-repeat; background-position: center 0px; }#switchboard .shopKoiPondsLink:hover { background-position: center -250px; }#switchboard .shopKoiPondsLink:active { background-position: center -250px; }#switchboard .shopShootsBins { height: 250px; margin: 10px 10px; z-index: 1; }#switchboard .shopShootsBinsLink { float: left; width: 360px; height: 250px; margin: 0 0px 0 0px; background-image: url(/images/shoppingcart/shoots-bins.jpg); background-repeat: no-repeat; background-position: center 0px; }#switchboard .shopShootsBinsLink:hover { background-position: center -250px; }#switchboard .shopShootsBinsLink:active { background-position: center -250px; }#switchboard .shopSlipProof { height: 250px; margin: 10px 10px; z-index: 1; }#switchboard .shopSlipProofLink { float: left; width: 360px; height: 250px; margin: 0 0px 0 0px; background-image: url(/images/shoppingcart/slip-proof.jpg); background-repeat: no-repeat; background-position: center 0px; }#switchboard .shopSlipProofLink:hover { background-position: center -250px; }#switchboard .shopSlipProofLink:active { background-position: center -250px; }#productlist {}#productlist .productDetail {width:250px;height:600px;}#productlist .productImage {background-color:yellow;border:2px solid blue;}#productlist .productDesc {border:2px solid red;}#newhome a.fancyLink { width:auto; height:46px; border:2px solid #DDEAFF; padding:5px; text-decoration:none; }#newhome a.inactive { width:auto; height:46px; border:2px solid yellow; padding:5px; text-decoration:none; cursor:none;}#newhome a.inactive:hover{ width:auto; height:46px; border:2px solid yellow; padding:5px; text-decoration:none; cursor:none; color:#3884d0;}#newhome a:link,#ne0whome a:active,#newhome a:visited { color:#3884d0;}
#newhome .customcolors { width: 100%; width: 300px; height:126px; margin: 0; z-index: 1; }#newhome .customcoloranimate { float: left; width: 300px; height: 126px; margin:2px; background-image: url(/images/layout/colored-bedliner-complete.png); background-repeat: no-repeat; background-position: center 0px; }#newhome .customcoloranimate:hover { margin:0px; border:2px solid yellow;}#newhome .largelist li {font-size:14pt; color:#BD3500;}#newhome .shopBedliner { width: 100%; width: 300px; height:163px; margin: 0; z-index: 1; }#newhome .shopBedlinerAnimate { float: left; width: 300px; height:163px; margin:2px; background-image: url(/images/layout/shop-bedliners.jpg); background-repeat: no-repeat; background-position: center 0px; }#newhome .shopBedlinerAnimate:hover { margin:0px; border:2px solid yellow; center:-163px;}.pond-home-pics {	background-color:#fff;	overflow:hidden; 	height:313px; 	width:363px;	background:url('pond/images/tan-radial-grad.jpg');	border:5px solid yellow; 	float:left;	margin-right:20px;}.mix {display:none;}UL.bigList { margin-left:10px; padding:50px; }UL.bigList a, UL.bigList a:visited { color:#3884D0 !important; }UL.bigList a:hover, UL.bigList a:active,  { color:##1BFD04 !important; }#content UL.bigList LI { font-size:.96em; line-height:1.65em; list-style-image:url('/images/icons/bullet.png'); list-style-position: inside;}#content .bigText {line-height:1.65em; color:#FFDCB3;}#content .col3 {width:30%;padding:5px;}#content .col2 {width:48%;padding:5px;}#content .left {float:left;}#footerwrap {	background-color: black;	border-top:2px solid darkgrey;	width:100%;	margin:0 auto;	position:fixed;	bottom:0px;	height:85px;	text-align:left;}#footer {}#footer UL LI {list-style-type:none;}#footer UL LI A {font-size:10pt;color:darkgray;}.footer1 {float:left; width:30%; margin: 0 auto; text-align:right;padding-right:3%; padding-top:10px;}.footer2 {float:left; width:30%; margin: 0 auto;padding-left:3%; padding-top:10px;}.footer2 ul {float:left;}.footer2 .quote {padding-left:30px;float:left;width:70%; color:#DA9E5B;}.footer2 .quote span {color:#fff;}.footer2 a {color:darkgray;}.footer3 {float:left; width:33%; margin: 0 auto; padding-top:5px;}.footer3 img {width:60px; height:60px; border:1px solid yellow; padding:5px;float:left;}@media only screen and (min-device-width : 320px) and (max-device-width : 600px) {	#footerwrap { display: none; }	#footer {display:none;}	.footer {display:none;}   /* hide it elsewhere */}