@charset "utf-8";
/* CSS Document */

html { margin:0; padding:0; }
body { margin:0; padding:0; background:#fff; font-size:0.83em; font-family:Arial, Helvetica, Sans-serif; }
body a { text-decoration:none; font-size:small; font-weight:bold; color:#777; }
body p,
ul { text-decoration:none; font-size:small; font-weight:bold; color:#666; text-align:justify;  }
img { border:none; border-style:none; }
h1,
h2,
h3 { color:#333333; margin-top:0; }
h1 { font-size:1.5em; }
h2 { font-size:1.2em; }
h3 { font-size:1.0em; }
#container { width:868px; margin:20px auto; padding:10px 10px 10px; background:#FFF; -moz-border-radius: 20px; border-radius: 20px; }
#footer { width:868px; height:50px; background:url(footer.jpg) center top no-repeat; }
#show { float:left; margin:0 40px 20px 0; }
#article { padding:0px 0px 20px 0px; font-weight:bold; }
#article_padding { padding:20px 20px 0px 20px; }
#article_padding li { list-style:inside; }
#service_pics { float:right; width:200px; height:auto; margin:0 0 0 20px; }
#banner { height:120px; width:820px; float:left; padding:0 0 10px 0; }
.banner_item { width:820px; }
.banner_item img { float:right; margin:0 0 0 20px; }
.news_item iframe, .media_embed { text-align:center;}

#footer a { width:100px; height:50px; float:right; position:relative; }
.tyre { background:url(body_bg.gif) top left no-repeat; }
.article_padding { margin:0px 20px 50px 0px; }
.aboutus { margin:0px 20px 50px 0px; width:311px; height:500px; border:thick; border:solid; border-color:#463430; float:left; }
.floatleft { float:left; position:relative; top:0; }
.floatright { float:right; margin:0 0 20px 20px; }
.orange { color:#F47213; }
.border { border:solid; border-color:#FCDFCD; }
.polarisimg { float:right; }
.links_container { clear:both; height:auto; margin:20px 0 0; }
.links_container img { margin:0px 20px 20px 0px; clear:both; }
.clear { clear:both; height:1px; overflow:hidden; }
.highlight { background-color:#333333; color:#3C2A26; }
.highlight_notconfirmed { color:#f90; }
#commentForm { float:left; position:relative; }
.thesmallprint { color:#AAA; font-style:italic; font-size:10px; }
table.service_table { width:830px; }
table.service_table th { background:url(../images/service_tableheader.gif) repeat-x; }
table.service_table th p { color:#FF9900; font-size:1.3em; font-weight:bold; }
table.service_table td { border-top:1px solid #F90; border-bottom:1px solid #F90; background:#D1D1D3; text-align:center; }
table.service_table tr.maincell td,
table.service_table td.maincell { background:#b3b3b3; }
.maincell p { color:#555; font-weight:900; }
.news_item img { float:right; max-width:320; max-height:320px; margin:0px 20px 10px 0px; }
.news_item { margin-bottom:20px; float:left; border:#F60 1px solid; padding:20px; width:790px; clear:both; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 15px; }
.news_item hr { color:#ddd; background-color:#ddd; line-height:1px; height:1px; border:none; }

hr { color:#F60; background-color:#F60; line-height:1px; height:1px; border:none; }
br.clear { clear:both; font-size:1px; }
.clear_right { clear:right; }
a:link { text-decoration:none; outline:none; color:#F47213; }
a:visited { text-decoration:none; outline:none; color:#F47213; }
a:active { text-decoration:none; outline:none; }
a:hover { color:#cbcbcb; text-decoration:none; outline:none; }
h2 a:link { font-size:18px; }
.service_button { width:200px; height:100px; float:left; background:url(../images/gradient_button.jpg) bottom no-repeat; margin:0 0 20px 12px; }
.service_button a span,
.service_button a:visited span { padding:4px 0 0 0; font-size:16px; text-align:center; width:200px; height:30px; display:block; color:#cbcbcb; overflow:hidden; }
.service_button a:hover span,
.service_button a:active span { color:#f47213; cursor:pointer; cursor:hand; }
.smoothbox { margin:1px; }
/* DROP DOWN MENU SYSTEM */

#nav { padding:110px 0 37px 20px; background:url(banner.jpg) top left no-repeat; } /* was 172 for padding for new website */
ul.topnav { list-style: none; padding: 0 10px; margin: 0; float: left; width: 920px; font-size: 1.2em; }
ul.topnav li { z-index:10; float: left; margin: 0; padding: 0 25px 0 5px; position: relative; /*--Declare X and Y axis base--*/ }
ul.topnav li a { padding: 5px 10px; color: #ccc; display: block; text-decoration: none; float: left; }
ul.topnav li a:hover { background: url(topnav_hover.gif) no-repeat center top; color:#F47213; }
ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 27px; float: left; background:#0f0; }
ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; } /*--Hover effect for trigger--*/
ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 25px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 110px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 110px; }
html ul.topnav li ul.subnav li a { float: left; width: 80px; background: #333 no-repeat 10px center; padding-left: 20px; }

/*SLIDER*/
#s3slider { z-index:5; width: 333px; /* important to be same as image width */ height: 500px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ float:left; margin:0 20px 0 0; }
#s3sliderContent { width: 333px; /* important to be same as image width or wider */ position: absolute; /* important */ top: -13px; /* important */ margin-left: -40px; /* important */ }
#s3sliderContent li {list-style:none;}
.s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ }
.s3sliderImage span { position: absolute; /* important */ left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 333px; background-color: #000; filter: alpha(opacity=0); /* here you can set the opacity of box with text */ -moz-opacity: 0; /* here you can set the opacity of box with text */ -khtml-opacity: 0; /* here you can set the opacity of box with text */ opacity: 0; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ top: 0;/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
/* Tooltip CSS */

.tooltip { position:absolute; top:20px; left:0; z-index:20; display:none; background:#C90; padding:5px; border:#000 1px; }
/* Pop ups */
#popups { visibility:hidden; height:0; width:0; position:relative; }
fieldset { border:none; }
/* Polaris Sales */
.plSalesContainer { position:relative; height:200px; margin-bottom:20px; }
.plSalesContainer img { float:left; max-width:200px; max-height:200px; margin:0 20px 0 0; }
.plSalesItem { position:relative; height:100%; }
.plSalesItem h3 { color:#f90; margin:10px; }
.plSalesItemPrice { position:absolute; right:0; bottom:0; margin:10px 20px 10px 20px; }
.plSalesItemPrice p { font-size:14px; color:#F90; padding:0 0 0 20px; }