body{
font:11pt "Times New Roman", Times, serif;
color:#000;
background:#fff;
text-align:center;
margin:0;
padding:0;
}
form{margin:0px;}
a:link{color:#00f;}
a:visited{color:#39f;}
a:hover{
text-decoration:underline;
color:#f00;
}
a:active{color:#f00;}
h1{
font:bold 10pt arial, helvetica, sans-serif;
display:inline;
}
h2{
font:bold 10pt arial, helvetica, sans-serif;
display:inline;
}
/* Page Layout--------------------------------------------------- */
#topbar-contain{
height:100px;
background:url(nav/ramp-top-3.gif);
}
#left-top{
position:absolute;
left:0px;
top:0px;
width:184px;
height:100px;
}
#middle-top{
margin-left:184px;
margin-right:235px;
voice-family:"\"}\"";
voice-family:inherit;
margin-left:186px;
margin-right:237px;
height:100px;
}
html>body #middle-top{
margin-left:184px;
margin-right:237px;
}
#right-top{
width:235px;
float:right;
clear:right;
margin:5px 7px 0px 0px;
text-align:right;
font:bold 13px Arial, Helvetica, sans-serif;
}
#right-top-space{margin-top:10px;}
#logo{
position:absolute;
left:0px;
top:0px;
}
#link-bar{
background:url(nav/silver.gif) top;
height:30px;
width:100%;
clear:both;
}
div#wrapper{
float:right;
width:100%;
margin-left:-184px !important;
margin-left:-0px;
}
#content{
margin-left:184px;
margin-right:1px;
voice-family:"\"}\"";
voice-family:inherit;
margin-left:185px;
margin-right:2px;
}
html>body #content{
margin-left:185px;
margin-right:2px;
}
#left-bar{
float:left;
clear:left;
width:184px;
padding:5px 0 0 0;
}
#right-bar{
position:absolute;
right:0px;
top:130px;
width:1px;
}
#footer{
clear:both;
width:75%;
min-width:765px;
padding-top:5px;
margin:0px auto 10px auto;
}
#article-div{margin:0px 5px 0px 10px;}
#home-title{
background:url(nav/blue-bak.jpg);
margin-left:183px;
margin-right:1px;
voice-family:"\"}\"";
voice-family:inherit;
margin-left:183px;
margin-right:1px;
padding-bottom:3px;
border-bottom:1px solid #ddd;
}
html>body #home-title{
margin-left:183px;
margin-right:0px;
}
#left-bar-home{
float:left;
clear:left;
width:184px;
padding:5px 0 0 0;
background:url(nav/blue-bak-home-top.jpg) top center repeat-x;
}
#breadcrumbs{
margin-left:5px;
width:auto;
padding:14 0 14 0;
border-bottom:1px solid #ccc;
text-align:left;
font:8pt Arial, Helvetica, sans-serif;
background:url(nav/bread-back.jpg) top center repeat-x;
}
.spacer{padding:5px;}
/* Footer Styles----------------------------------------------- */
#footer-info-contain{
width:463px;
height:125px;
float:left;
}
#footer-info-contain ul{
list-style-type:none;
margin:5px 0px 0px 3px;
height:95px;
padding-left:3px;
border-left:1px solid #ccc;
width:145px;
}
#footer-info-contain ul li{height:17px;}
#footer-contact, #footer-information, #footer-order-tools{
float:left;
font:13px Arial, Helvetica, sans-serif;
text-align:left;
width:145px;
float:left;
}
#footer-contact{background:url(nav/nav-elements.png) -213px -259px no-repeat;}
#footer-information{background:url(nav/nav-elements.png) -211px -16px no-repeat;}
#footer-order-tools{background:url(nav/nav-elements.png) -210px -135px no-repeat;}
#footer-payment-contain{
text-align:center;
float:right;
clear:right;
width:290px;
color:#000;
border-left:1px solid #ccc;
font:13px Arial, Helvetica, sans-serif;
position:relative;
}
#accepted-payments{
text-align:left;
margin:0 0 3px 7px;
}
#bookmarking{
text-align:left;
margin:5px 0px 3px 3px;
padding-left:4px;
border-top:1px solid #ccc;
}
#bookmarking a{
color:#000;
text-decoration:none;
}
#footer-bottom-contain{
font:13px Arial, Helvetica, sans-serif;
width:99%;
border-top:1px solid #ccc;
float:left;
clear:left;
margin-top:5px;
padding:3px;
text-align:left;
}
#footer-copyright-contain{
float:left;
padding-left:5px;
margin-top:10px;
}
#footer-search-contain{
float:right;
clear:right;
width:335px;
text-align:right;
margin-top:10px;
}
.footer-search-box{
margin:0;
border:1px solid #ccc;
}
.footer-search-button{
margin-right:8px;
font:13px Arial, Helvetica, sans-serif;
}
#footer-bar{
background:url(nav/footer-bar2.jpg) bottom repeat-x;
height:35px;
width:100%;
clear:both;
}
/* Navigation Styles------------------------------------------ */
#navigation{
width:184px;
margin:0;
padding:0;
}
#navigation ul{
padding:0;
list-style-type:none;
margin:0 0 0 1px;
background-color:#fff;
}
#navigation a{
font:bold 8pt Arial, Helvetica, sans-serif;
line-height:24px;
outline:none;
color:#00f;
}
#navigation ul a:hover{
color:#f00;
text-decoration:underline;
}
#navigation a.nav, #navigation a.nav2, #navigation a.nav3{
display:block !important;
width:170px;
height:29px !important;
height:10px;
padding:0 0 0 10px;
text-decoration:none;
color:#03f;
}
#navigation a.nav3{background:url(nav/nav-elements.png) 0px -29px no-repeat;}
#navigation a.nav:hover{background:url(nav/nav-elements.png) 0px -29px no-repeat;}
#navigation a.nav2:hover{background:url(nav/nav-elements.png) 0px -0px no-repeat;}
#navigation a.nav, #navigation a.nav3{border-top:1px solid #ccc;}
#navigation a.nav2{
background: url(nav/nav-elements.png) 159px -290px no-repeat;
border-top:1px solid #ccc;
}
#navigation ul li{
postion:relative;
display:block;
width:178px;
height:22px;
}
#navigation ul li ul{
position:absolute;
left:181px;
border:1px solid #ccc;
background-color:#ffe;
visibility:hidden;
}
#navigation ul li ul a{
display:block;
height:28px;
text-decoration:none;
margin:0 0 0 5px;
font:8pt Tahoma, Geneva, sans-serif;
line-height:24px;
}
#navigation ul li ul li{
border-bottom:1px dotted #ccc;
width:184px;
}
#navigation .end{border-bottom:none;}
#navigation li.nav-section{
margin:0;
padding:5px 0 0 7px;
height:20px;
width:172px;
display:block;
background:url(nav/nav-elements.png) 0px -89px no-repeat;
}
#navigation li.nav-section a{
text-decoration:none;
font:bold italic 13px Arial, Helvetica, sans-serif;
color:#333;
}
#navigation li.nav-section img{
float:right;
margin-top:-3px;
margin-right:3px;
border:none;
}
#navigation li.nav-section-wc{
font:bold italic 13px Arial, Helvetica, sans-serif;
margin:0;
padding:5px 0 0 7px;
height:20px;
width:172px;
color:#333;
display:block;
background:url(nav/nav-elements.png) 0px -59px no-repeat;
}
#navigation li.nav-spacer{margin:20px 0 0px 0;}
#nav-bottom{border-top:2px solid #ccc;}
#fbsearch{
width:570px;
margin:0px 0 0 0px;
padding:0;
float:left;
}
#fbsearch-button{
margin:0;
padding:0;
border:none;
width:38px;
height:30px;
float:right;
background:url(nav/nav-elements.png) -47px -250px no-repeat;
color:red;
font:bold italic 14px Arial, Helvetica, sans-serif;
}
#fbsearch-button:hover{
cursor:pointer;
background:url(nav/nav-elements.png) -1px -250px no-repeat;
}
#fbsearch-field{
width:300px;
border:1px solid #999;
background:url(nav/nav-elements.png) -326px 2px no-repeat #fff;
padding:0 0 0 30px;
margin:6px 3px 5px 0;
}
#query{
width:300px;
border:1px solid #999;
background:url(nav/nav-elements.png) -326px 2px no-repeat #fff;
padding:0 0 0 30px;
margin:6px 3px 5px 0;
}
#navigation ul.nav-head{
border:1px solid #ccc;
width:179px;
margin:10px 0 10px 2px;
}
#navigation ul.nav-head2{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
width:179px;
margin:10px 0 10px 2px;
}
/* --------------text Styles----------------- */
.Verdana-9pt-W-B{
font:bold 9pt verdana, arial, helvetica, sans-serif;
color:#fff;
}
.arial-8{
font:8pt arial, helvetica, sans-serif;
color:#000;
text-align:center;
}
.arial-8-blu{
font:bold 8pt arial, helvetica, sans-serif;
color:#03f;
text-align:center;
}
.arial-9-blu{
font:bold 9pt arial, helvetica, sans-serif;
color:#03f;
text-align:center;
}
.arial-8-grey{
font:8pt arial, helvetica, sans-serif;
color:#999;
text-align:center;
}
.arial-9{
font:9pt arial, helvetica, sans-serif;
color:#999;
text-align:center;
}
.arial-9-B-no-color{font:bold 9pt arial, helvetica, sans-serif;}
.arial-9-B{
font:bold 9pt arial, helvetica, sans-serif;
color:#000;
text-align:center;
}
.arial-9-B-RED{
font:bold 9pt arial, helvetica, sans-serif;
color:#f00;
text-align:center;
}
.arial-9-B-Yel{
font:bold 9pt arial, helvetica, sans-serif;
background-color:#ff0;
text-decoration:none;
}
.arial-10{font:10pt arial, helvetica, sans-serif;}
.arial-10-B-RED-Yel{
font:bold 10pt arial, helvetica, sans-serif;
color:#f00;
background-color:#ff0;
}
.arial-12-B-Blue-White{
font:bold 10pt arial, helvetica, sans-serif;
padding:0px;
width:99%;
border-top:1px solid #ccc;
background-color:#f1f1f1;

}
.arial-10-B-RED{
font:bold 10pt arial, helvetica, sans-serif;
color:#f00;
}
.arial-10-B{font:bold 10pt arial, helvetica, sans-serif;}
.arial-10-B-I{
font:bold italic 10pt arial, helvetica, sans-serif;
text-align:center;
}
.arial-11-B{
font:bold 11pt arial, helvetica, sans-serif;
text-align:center;
}
.arial-12-B-Left{
font:bold 12pt arial, helvetica, sans-serif;
text-align:left;
}
.arial-12{font:12pt arial, helvetica, sans-serif;}
.arial-12-B{font:bold 12pt arial, helvetica, sans-serif;}
.arial-12-B-Red{
font:bold 12pt arial, helvetica, sans-serif;
color:#f00;
}
.arial-13-B{
font:bold 13pt arial, helvetica, sans-serif;
text-align:center;
}
.arial-18-Red{
font:18pt arial, helvetica, sans-serif;
text-align:center;
color:#f00;
}
.arial-16-Red{
	font:16pt Arial, Helvetica, sans-serif;
	text-align:center;
	color:#f00;
}
.times-11{
font:11pt "Times New Roman", Times, serif;
color:#000;
text-align:center;
}
.times-11-B{
font:bold 11pt "Times New Roman", Times, serif;
color:#000;
text-align:center;
}
.times-12{
font:12pt "Times New Roman", Times, serif;
color:#000;
}
/* Page Elements */
ul.article-list{
font:10pt Georgia, Arial, Helvetica, sans-serif;
list-style:decimal;
text-align:left;
}
ul.article-list li{padding-bottom:2px;}
ul.article-list a{text-decoration:none;}
ul.article-list a:hover{
text-decoration:underline;
color:#f00;
}
p.article{
font:11pt "Georgia", Times, serif;
text-align:left;
text-indent:0px;
}
a.picture-9pt{
font:9pt arial, helvetica, sans-serif;
text-decoration:none;
}
a.picture{
font:8pt arial, helvetica, sans-serif;
text-decoration:none;
}
.bullet-arial-9-B{
font:9pt arial, helvetica, sans-serif;
color:#000;
list-style:outside url(ramp-bullet.jpg);
text-align:left;
}
.bullet-black{
text-align:left;
font:12px Arial, Helvetica, sans-serif;
}
.bullet-black li{padding:2px 0px 2px 0px;}
.bullet-header{
font:bold 10pt arial, helvetica, sans-serif;
color:#f00;
text-align:left;
}
/* table elements------------------------------------------------------------ */
.GiftCard{
background-image:url(images/drc-certificates-2.jpg);
background-repeat:no-repeat;
background-position:center;
height:500px;
}
.GiftTable{
position:relative;
top:170px;
}
.f-title{background-image:url(wcImages/feabgcolor.jpg);
background-repeat:repeat-x;
background-position:center;
}
.FValue{
text-align:left;
vertical-align:top;
}
.prd-page{vertical-align:top;}
td.mainPageCat{
font:11px verdana, arial, helvetica, sans-serif;
color:#666;
text-align:left;
vertical-align:top;
margin:3px 4px;
}
td.mainPageCat img{
float:left;
border:none;
}
table{text-align:center;}
caption{
color:#f00;
font:bold 10pt verdana, arial, helvetica, sans-serif;
}
th{
text-align:center;
font:bold 9pt verdana, arial, helvetica, sans-serif;
height:15px;
}
td{
text-align:center;
font:9pt arial, helvetica, sans-serif;
}
table.WC-Cat td, table.PS-Cat td{
font:8pt arial, helvetica, sans-serif;
vertical-align:top;
color:#666;
padding:2px;
}
table.WC-Cat td{border-bottom:1px solid #09f;}
table.PS-Cat td{border-bottom:1px solid #999;}
table.WC-Cat th{
color:#000;
background:url(nav/tab-mid-blue.gif);
}
table.PS-Cat th{
color:#fff;
background:url(nav/black-table-gradient2.jpg);
}
table.PS-Prd, table.WC-Prd{
border-collapse:collapse;
background-color:#fff;
}
table.PS-Prd th{
color:#333;
background:url(nav/tab-mid-silver.gif);
}
.xramp {
color:#333;
font-weight:bold;
background:url(nav/tab-mid-silver.gif);
}
.xrampleft{background:url(nav/tab-L-crn.gif) left top;
font-weight:bold;
}
.xrampright{background:url(nav/tab-r-crn.gif) right top;
font-weight:bold;
}

table.WC-Prd th{
color:#333;
background:url(nav/tab-mid-blue.gif);
}
table.PS-Prd td, table.WC-Prd td{
color:#333;
border:1px solid #666;
margin:2px;
padding:2px;
}
table.PS-Prd th.left{background:url(nav/tab-L-crn.gif) left top;}
table.PS-Prd th.right{background:url(nav/tab-r-crn.gif) right top;}
table.PS-Prd tr.evens{background:url(nav/td-silver-back.gif);}
table.WC-Prd th.left{background:url(nav/tab-blue-L-crn.gif) left top;}
table.WC-Prd th.right{background:url(nav/tab-blue-r-crn.gif) right top;}
table.WC-Prd tr.evens{background:url(nav/td-bl-back.gif);}
table.PS-Cat td a, table.WC-Cat td a, table.F-Cat td a{
text-decoration:none;
font:9pt arial, helvetica, sans-serif;
}
table.PS-Cat td img, table.WC-Cat td img{border:none;}
table.cat-other, table.cat-other td{border:none;}
/* Library Upsale Styles-------------------------------------------------- */
#Library{
width:122px;
margin:0;
padding:0;
}
ul.Library{
list-style:none;
padding:0;
margin:0;
width:122px;
}
ul.Library li{
text-align:center;
margin:0;
padding:5px 0px;
font:bold 12pt Arial, Helvetica, sans-serif;
color:#f00;
border-top:1px solid #999;
border-right:1px solid #999;
border-bottom:none;
border-left:1px solid #999;
}
ul.Library li.wchead, ul.Library li.pshead{
font:bold 9pt Arial, Helvetica, sans-serif;
color:#000;
border:0px;
}
ul.Library li.wchead{background:url(nav/lib-top-blu.jpg) left top;}
ul.Library li.pshead{background:url(nav/lib-top-gry.jpg) left top;}
ul.Library li.foot{
background:url(nav/lib-foot.gif) left bottom;
border:0px;
border-top:1px solid #999;
}
#LandingPageLib{
width:122px;
margin:0px;
float:right;
clear:right;
}
.cat-left-land{
text-align:center;
float:left;
width:45%;
padding:4px;
}
.cat-right-land{
text-align:center;
padding:4px;
}
.cat-left-land img, .cat-right img{border-style:none;}
/* Misc Styles-------------------------------------------------- */
.cat-left{
text-align:center;
float:left;
width:50%;
padding:4px;
}
.cat-right{
text-align:center;
padding:4px;
}
.cat-left img, .cat-right img{border-style:none;}
.FormText{
font:bold 9pt arial, helvetica, sans-serif;
color:#f00;
}
.FormText-10{
font:10pt arial, helvetica, sans-serif;
background-color:#D2D2D2;
}
#home-content{
padding-left:0;
padding-right:175px;
}
#home-side{
width:150px;
margin:0px;
float:right;
clear:right;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#home-header{
background:url(nav/discount-ramps.gif) center no-repeat;
width:100%;
height:100px;
}
#home-hitch-select{
margin:6px auto 0px auto;
width:138px;
height:300px;
background:url(nav/hitch-selector.png) top right no-repeat;
padding:37px 0px 0px 0px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#36C;
}
#home-hitch-select form{
margin-top:0px;
}
/*----------Home Page Category Block Styles ------------*/
.home-cat-contain{
width:240px;
margin:0px auto;
text-align:left;
}
* html .home-cat-contain{
width:200px;
margin:0px auto;
}
.home-cat-left{
width:33%;
padding:5px;
float:right;
margin-bottom:10px;
}
.home-cat-right{
width:31%;
padding:5px;
float:right;
margin-bottom:10px;
}
.home-cat-center{
width:31%;
padding:5px;
float:right;
margin-bottom:10px;
}
.home-cat-left a, .home-cat-right a, .home-cat-center a{
font:bold 14px Arial, Helvetica, sans-serif;
text-align:left;
color:black;
text-decoration:none;
}
.home-cat-left img, .home-cat-right img, .home-cat-center img{
border:none;
float:left;
position:relative;
}
.home-cat-left ul, .home-cat-right ul, .home-cat-center ul{
position:relative;
color:gray;
width:85px;
height:84px;
font:11px Arial, Helvetica, sans-serif;
float:left;
padding:0 0 0 15px;
margin:0 0 0 1px;
text-align:left;
}
ul.cat-nav-wc{
position:relative;
color:grey;
width:85px;
height:84px;
font:11px Arial, Helvetica, sans-serif;
float:left;
margin:0 0 0 5px;
padding:0 0 0 15px;
text-align:left;
background:url(nav/nav-elements.png) 58px -323px no-repeat;
}
.home-cat-left li a, .home-cat-right li a, .home-cat-center li a{
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
color:#00f;
}
.home-cat-left li a:hover, .home-cat-right li a:hover, .home-cat-center li a:hover{
text-decoration:underline;
color:#f00;
font:11px Arial, Helvetica, sans-serif;
}
.home-cat-left li, .home-cat-right li, .home-cat-center li{
margin:0 0 2px 0;
padding:0px;
}
/*----------Min width Styles -----------------*/
.width{
width:100%;
min-width:985px;
width:expression( document.body.clientWidth < 1000 ? "985px" : "100%" );
}
/*-------------------*/
.search-wrap{display:block; width:175px; height:30px; float:left; background:url(nav/nav-elements.png) 0px -212px no-repeat; margin-right:13px;}
.search-inner{margin:7px 0 0 12px; color:red; font: italic bold 14px Arial, Helvetica, sans-serif; text-align:left;}
/*-----------------Social Networking Logo form styles --------------------*/
form#social{border-color:#ccc; margin-top:5px;}
form#social fieldset{border-color:#CCC; width:130px; margin:0px auto; padding:5px; text-align:center;}
form#social legend{font:bold 12px Arial, Helvetica, sans-serif; color:#666; text-align:left; padding:5px;}
form#social img{border:none;}
/*----------------------Browse Menu Styles --------------------------*/
a#drop-menu{
color:#fff;
font:italic bold 14px Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:180px;
height:30px;
text-align:left;
background:url(nav/nav-elements.png) 0px -166px no-repeat;
padding:6px 0 0 20px;
}
a#drop-menu:hover{background:url(nav/nav-elements.png) 0px -124px no-repeat;}
#browse{
position:absolute;
top:100px;
right:5px;
width:204px;
}
#browse-menu{
display:none;
position:absolute;
top:30px;
right:0px;
width:775px;
padding:15px 0 65px 0;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:url(nav/mega-menu.jpg) bottom right no-repeat #f2f2f2;
}
#browse-menu div{
float:right;
width:193px;
}
#browse-menu ul{
margin:5px 0 5px 5px;
padding:0;
float:left;
width:170px;
}
#browse-menu li{
list-style-type:none;
text-align:left;
height:14px;
margin:0 0 0 3px;
font:10px Arial, Helvetica, sans-serif;
}
#browse-menu li.browse-head{margin:0px;}
.browse-head a{
font:bold italic 12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}
.browse-head a:hover{color:#F00;}
.megamenu{  /* Mega Menu fix 2010 */
	display:none;
	position:absolute;
	margin-top:7px !important;
	margin-left:3px;
	right:0px;
	width:775px;
	padding:15px 0 65px 0;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url(nav/mega-menu.jpg) bottom right no-repeat #f2f2f2;
	z-index:3000;
}
.megamenu .column{
	float: left;
	width: 180px; 
	margin-right: 5px;
}
.megamenu .column ul{
	margin:5px 0 5px 5px;
	padding:0;
	float:left;
	width:170px;
}
#megamenu li.mmheaders{
	margin:0;
}
.mmheaders a{
	font:bold italic 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}
.megamenu .column ul li{
	list-style-type:none;
	text-align:left;
	height:14px;
	margin:0 0 0 3px;
	font:10px Arial, Helvetica, sans-serif;
}
.megamenu .column h3{
	background: #e0e0e0;
	font: bold 13px Arial;
	margin: 0 0 5px 0;
}
.megamenu .column ul li a{
	text-decoration: underline;
}
.megamenu .column ul li a:hover{
	color: red;
}
.anchortxtdiv{
	margin-top:6px;
	height:24px;
	color:#fff;
}
.anchorm:link{
	color:#fff;
	font:italic bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	outline:none;
	display:block;
	width:200px;
}
.anchorm:hover {
	color:#fff;
	font:italic bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
}
.anchorm:active{
	color:#fff;
}
.anchordiv:hover{
	background:url(nav/nav-elements.png) 0px -124px no-repeat;
	color:#fff;
	font:italic bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.anchordiv{
	margin-top:-30px !important;
	margin-top:-31px;
	background:url(nav/nav-elements.png) 0px -166px no-repeat;
	float:right;
	margin-right:3px;
	height:30px;
	width:200px;
	border:0px solid #000;
	text-align:left;
	text-indent:19px;
}
/*-------------payment flyout----------------*/
#payment{
color:#00f;
font-size:11px;
cursor:pointer;
float:right;
text-align:right;
}
#payment:hover{
color:#F00;
}
#close{
float:right;
width:15px;
border:1px solid #666;
color:#666;
font:12px Arial, Helvetica, sans-serif;
position:absolute;
top:39px;
right:0;
cursor:pointer;
text-align:center;
}
#payOther{
margin:4px 0 4px 0;
background-color:#FFF;
width:287px;
position:absolute;
bottom:0;
right:0;
}