html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

body {background:url(../images/body.jpg) repeat-x #d1d7cd; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#admin {background:#d1d7cd; padding:20px;}
h1 {font-size:20px; font-weight:normal; color:#262626; padding:5px 0; border-bottom:1px dotted; }
h2.black {font-size:18px; font-weight:normal; padding:5px 0; color:#262626;}
h2 {font-size:18px; font-weight:normal; }
h2 a {text-decoration:none; margin-top:15px;}
h2 a:hover {text-decoration:underline;}
#right h2 {background:#eee; margin-top:10px;}
.subheading {color:#fff; background:#262626 url(../images/h2_bg.jpg) right no-repeat; padding:5px 15px; margin:5px 0;}
h3 {font-size:16px; font-weight:bold; color:#eb1a20; margin:20px 0 12px;}
a {color:red; text-decoration:underline;}
a:hover {color:#383838;}
a:active, a:focus {outline:none;}
table {font-size:12px;}

.hidden {display:none;}
#left ul#slide {list-style:none; margin:0; padding:0; height:351px; overflow:hidden;}
#left ul#slide li {margin:0; padding:0;}

a.visitonline {display:block; height:58px; width:170px; background:url(../images/visitonline.jpg) no-repeat; text-indent:-6666px;}
a.visitonline:hover {background-position:0px -58px;}

#mmy {width:50%;}
#mmy td {width:33%;}

#admin_cp {background:#fff; width:700px; margin:0 auto; padding:20px;}
#admin_cp p {font-size:12px;}
#controlpanel {width:70%; font-size:14px;}
#controlpanel td {padding:4px; vertical-align:top; width:33%}
#controlpanel .sub {font-weight:bold;}

.fit_result {background:#EEF4EA; font-size:14px; padding:10px;}
.fit_result ul {list-style-image:url(../images/arrow.jpg); position:relative; left:15px;}

.title {font-size:16px; border-bottom:2px solid; color:#262626; padding-top:15px;}

#search_results {width:100%; margin:10px 0; border:1px solid #ccc; border-collapse:collapse;}
#search_results td {padding:4px;}
#search_results span {font-size:15px; color:#fff; padding:3px; display:block; font-weight:bold; background:#8C0404;}
.results {border-bottom:1px dashed #ccc; font-size:14px;}

#left ul, #left ol, .tabcontent ul {font-size:12px; padding:0 20px;}
#left ul, #left ol, #left li, .tabcontent li {margin:10px 0;}

ul.check {list-style-image:url(../images/check.jpg); position:relative; left:15px;}
ul.check li {padding-left:4px;}

#topbar {height:30px; width:966px; margin:0 auto; text-align:right; color:#8c8c8c;}
#topbar a {color:#fff; font-size:12px; text-decoration:none; margin:0 10px;}
#topbar a:hover {text-decoration:underline;}

#head {width:966px; margin:0 auto;}
#headtop {height:99px; width:966px; background:url(../images/headtop.jpg) no-repeat;}
#headtop h1 {font-size:26px; width:300px; float:left; margin:20px 20px; line-height:28px; letter-spacing:-1px; text-align:center; font-weight:normal;}

#headright {float:right; margin-top:10px; width:231px; text-align:center;}
#headright span {font-size:24px; color:#262626;}

#social {background:url(../images/social.jpg) no-repeat; width:231px; height:38px; text-indent:-6666px; position:relative; left:4px;}
#social a.facebook {display:block; width:38px; height:38px; position:absolute; left:154px;}
#social a.twitter {display:block; width:38px; height:38px; position:absolute; left:192px;}

#search {background:url(../images/searchbox.jpg) no-repeat; position:relative; top:5px; width:227px; height:40px;}
input {padding:0; margin:0; display:block;}
.txt {width:150px; margin:7px 0 0; color:#666; float:left; position:relative; left:16px;}
.searchbutton {background:url(../images/searchbutton.jpg) no-repeat; width:26px; height:26px; border:0; cursor:pointer; float:left; position:relative; left:20px; top:4px;}


#nav {background:url(../images/nav.jpg) no-repeat; width:966px; height:45px; text-indent:-6666px;}
#nav li {float:left; list-style:none;}

#nav a {background:url(../images/nav.jpg) left no-repeat; display:block; height:45px; }
#nav a.roofracks {background-position:0px 0px; width:129px;}
#nav a.roofracks:hover {background-position:0 -45px;}
#nav a.kayakcarriers {background-position:-129px 0px; width:127px;}
#nav a.kayakcarriers:hover {background-position:-129px -45px;}
#nav a.canoecarriers {background-position:-256px 0px; width:127px;}
#nav a.canoecarriers:hover {background-position:-256px -45px;}
#nav a.paddlesurf {background-position:-383px 0px; width:160px;}
#nav a.paddlesurf:hover {background-position:-383px -45px;}
#nav a.loadingsystems {background-position:-543px 0px; width:127px;}
#nav a.loadingsystems:hover {background-position:-543px -45px;}
#nav a.sporttrailers {background-position:-670px 0px; width:127px;}
#nav a.sporttrailers:hover {background-position:-670px -45px;}
#nav a.storage {background-position:-797px 0px; width:169px;}
#nav a.storage:hover {background-position:-797px -45px;}

#headlogo {background:url(../images/head-logo.jpg) no-repeat; width:966px; height:177px;}
#headlogo a {width:966px; height:177px; text-indent:-6666px; display:block;}

#content {background:url(../images/content.jpg) repeat-y; width:931px; margin:0 auto; padding:20px 10px 15px 25px; min-height:600px; height:auto !important; height:600px; overflow:auto;}
#left {width:659px; float:left; margin-top:1px;}
#left img {border:none;}
#left p {font-size:12px; margin:10px 0; line-height:18px;}

#left.dealers {width:906px;}
.dealers h2 {margin-top:20px;}

#whatsnew {background:url(../images/whatsnew.jpg) no-repeat; width:652px; height:241px; margin-top:10px; padding-left:6px;}
.whatsnew-featured {width:208px; float:left; margin:0 4px; text-align:center; display:inline; font-size:14px;}
.whatsnew-featured a {color:#000; text-decoration:none;}
.whatsnew-featured a:hover {text-decoration:underline; color:red;}
.block {width:208px; height:190px; display:block;}
.whatsnew-featured img {border:0; margin:0; padding:0;}
.whatsnew-featured h2 {color:#262626; font-size:21px; font-weight:normal; line-height:21px; margin:0; padding:0;}

#right {width:247px; float:right;}
#right img {border:0;}
#right li {list-style:none; font-size:12px;}

#rightnav {height:367px; width:232px; text-indent:-6666px;}
#rightnav li {list-style:none;}

#rightnav a {background:url(../images/right-nav.png) no-repeat; display:block; width:232px;}

#rightnav a.aboutmalone {height:60px; background-position:0px 0px;}
#rightnav a.aboutmalone:hover {background-position:-232px 0px;}
#rightnav a.bestrack {height:84px; background-position:0px -60px;}
#rightnav a.bestrack:hover {background-position:-232px -60px;}
#rightnav a.findadealer {height:67px; background-position:0px -144px;}
#rightnav a.findadealer:hover {background-position:-232px -144px;}
#rightnav a.lifetimewarranty {height:79px; background-position:0px -211px;}
#rightnav a.lifetimewarranty:hover {background-position:-232px -211px;}
#rightnav a.inthecommunity {height:65px; background-position:0px -290px;}
#rightnav a.inthecommunity:hover {background-position:-232px -290px;}
#rightnav a.buyspareparts {height:59px; background-position:0px -355px;}
#rightnav a.buyspareparts:hover {background-position:-232px -355px;}

#findadealer {background:url(../images/findadealer.jpg)  no-repeat; width:232px; height:86px;}
#findadealer table {width:166px; margin:0 auto;}
.findbutton {background:url(../images/findbutton.jpg) no-repeat; border:none; cursor:pointer; height:32px; margin:3px 0; width:105px;} 
#findadealer table td {padding:4px;}
.ziptxt {width:90px; color:#666;}
label {font-size:12px;}
#right .button {margin:0 auto;}

.recycle {margin:15px 6px; width:214px;}

#copyright {clear:both; padding:10px 0; font-size:14px; text-align:center; color:#262626;}

#footer {background:url(../images/footer.jpg) center no-repeat #3a3c39; height:35px; text-align:center; clear:both;}
#footer a {color:#fff; font-size:12px; text-decoration:none; margin:0 26px;}
#footer a:hover {text-decoration:underline;}

#onlinedealers {float:right;}

/* category pages */
.product {border:1px solid #eee; padding:15px; margin:30px 0; min-height:190px; height:auto !important; height:190px; background:url(../images/category-bg.jpg) top repeat-x; border-width:1px 1px 0 1px; }
.product h2 {font-size:18px; font-weight:normal; margin-bottom:15px; color:#262626; background:none; padding:0;}
span.subtitle {font-size:13px; color:red; font-weight:bold; padding:2px 4px; border-bottom:1px solid; display:block; width:305px;}
.product img {float:right; margin:10px 10px;}

/* spare parts */
.grid {float:left; width:30%; height:300px; border:1px solid #ccc; margin:4px; text-align:center; padding:8px 4px;}
.grid a.button {margin:0 auto;}
.grid span {font-size:11px; margin-top:5px; display:block;}

/* product pages */

#title {padding-bottom:20px; width:99%;}
#online {width:90%; margin:0 auto;}
#online img {border:none; margin:10px 20px;}
#prod-left {width:300px; float:left;}
#prod-left span {font-weight:bold;}
.noborder {border:none;}
#prod-right {width:595px; margin-right:15px; float:right;}

.straps {width:135px; float:left; padding:10px 0; font-size:12px; text-align:center; margin:0 5px 10px;}
a.buystraps {display:block; padding:4px 0 0 0; background:url(../images/button.jpg); position:relative; top:5px; left:20px; width:95px; height:23px; color:#fff; font-size:14px; text-align:center; text-decoration:none;}
a.buystraps:hover {background-position:0px -27px;}

.gallery {margin:0 0 10px; font-size:12px; text-align:center; padding:5px 0;}
.gallery a img {margin:6px; border:none;}

#tabs {background:url(../images/tabs.jpg) bottom repeat-x; height:28px; width:595px; text-indent:-6666px; clear:both;}
#tabs li {float:left; list-style:none;}

#tabs a {background:url(../images/product-tabs.jpg) no-repeat; height:28px; display:block;}
#tabs a.overview {background-position:0px 0px; width:100px;}
#tabs a.overview:hover {background-position:0px -28px;}
#tabs a.overview.active {background-position:0px -56px;}
#tabs a.inthebox {background-position:-100px 0px; width:101px;}
#tabs a.inthebox:hover {background-position:-100px -28px;}
#tabs a.inthebox.active {background-position:-100px -56px;}
#tabs a.detailsmanuals {background-position:-201px 0px; width:154px;}
#tabs a.detailsmanuals:hover {background-position:-201px -28px;}
#tabs a.detailsmanuals.active {background-position:-201px -56px;}
#tabs a.videodemo {background-position:-355px 0px; width:108px;}
#tabs a.videodemo:hover {background-position:-355px -28px;}
#tabs a.videodemo.active {background-position:-355px -56px;}

.tabcontent h2 {font-size:18px; border-bottom:1px dashed #ccc; color:#383838;}
.tabcontent p {font-size:12px; margin:10px 0; line-height:18px;}
.tabcontent a {color:green; text-decoration:underline;}
.tabcontent a:hover {color:#666;}

#tabinfo {clear:both;}
.ui-tabs-panel {background:url(../images/category-bg.jpg) repeat-x;}
.ui-tabs-panel h2 {font-size:18px; border-bottom:1px dashed #ccc; color:#383838; padding-bottom:2px;}
.ui-tabs-panel p {font-size:12px; margin:10px 0; line-height:18px;}
.ui-tabs-panel a {color:green; text-decoration:underline;}
.ui-tabs-panel a:hover {color:#666;}


#tabs4 embed {margin:5px auto; display:block;}
.uppercase {text-transform:uppercase;}

div.tabcontent {
border:solid #ccc;
border-width:0px 2px 2px 2px;
width:571px;
padding:10px;
min-height:300px;
height:auto !important;
height:300px;
background:url(../images/category-bg.jpg) top repeat-x;
}
div.tabcontent.inactive {
display:none;
}

#product-top {width:595px; height:65px; margin:0 0 15px;}
#product-top span {font-weight:bold;}
.product-top {width:595px; clear:both; margin:0 0 15px;}
.product-top span {font-weight:bold;}

.price {font-size:14px; float:left; padding:8px;}
a#buynow {float:right; padding:4px 0 0 0; background:url(../images/button.jpg); width:95px; height:23px; color:#fff; font-size:14px; text-align:center; text-decoration:none;}
a#buynow:hover {background-position:0px -27px;}

a.button{padding:4px 0 0 0; background:url(../images/button.jpg); width:95px; height:23px; display:block; color:#fff; font-size:14px; text-align:center; text-decoration:none;}
a.button:hover {background-position:0px -27px; color:#fff;}

a.button-lg{padding:4px 0 0 0; background:url(../images/button-lg.jpg); width:139px; height:23px; display:block; color:#fff; font-size:14px; text-align:center; text-decoration:none; float:right;}
a.button-lg:hover {background-position:0px -27px; color:#fff;}

.product a.button {float:left; margin:0 3px 0 0;}

/* Dealers Only Pages */
.portfolios {width:194px; float:left; border:1px solid #eee; margin:10px; text-align:center; height:200px; padding:0 4px; font-size:12px; line-height:18px;}
.portfolios div {height:125px; padding-bottom:5px; overflow:hidden; margin-top:25px; cursor:pointer;}
#left .portfolios a {text-decoration:none;}
.portfolios img {max-height: 120px; height: expression(this.height > 120 ? "120px" : true);border:none;}

.half {width:48%; float:left; margin-left:18px; display:inline;}
/* Button Styles */

h2.button {
    background: transparent url(/images/bg_button_a.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 18px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
	width:400px;
}

h2.button span {
    background: transparent url(/images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
} 

h2.button:active {
    background-position: bottom right;
    color: #000;
}

h2.button:active span {
    background-position: bottom left;
    padding: 9px 0 7px 18px; /* push text down 1px */
} 
#left .half ul.drop {clear:both; width:332px; padding-top:8px; font-size:13px;}

/* miscellaneous stylings */
.commentlist {list-style:none; font-size:12px;}
small {font-size:11px; color:#999;}
p.postmetadata {padding:4px; background:#eee; color:#666; font-style:italic;}
.center {text-align:center;}
.block {display:block; margin:0; padding:0;}
.red {color:red;}
.underline {text-decoration:underline;}
.form {font-size:12px;}
.form td {padding:4px;}
.clear {clear:both;}
.install {font-size:12px; text-align:center; width:208px; float:left; display:block; height:180px; margin:10px 4px; border:1px dashed #ccc; padding:20px 0;}
.install:hover {border:1px dashed red;}
.install img {margin-bottom:10px;}
#trailer {width:100%; margin:20px 0;}
#trailer td {width:25%; padding:4px; text-align:center; font-size:15px;}

#contactform, #warrantyform {width:90%;}
#contactform td, #warrantyform td {padding:4px;}
.odd {background:#EEF4EA;}
#warrantyform span, #contactform span {font-size:14px; color:#fff; padding:3px; display:block; font-weight:bold; background:#262626;}
label {cursor:pointer;}

.post {padding:10px; border:1px solid #eee; margin:10px 0;}

.totop {text-align:right; display:block; background:url(../images/totop.jpg) right no-repeat; background-position:600px 0; padding-right:15px;}