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

html { margin:0; padding:0; }
body { margin:0; padding:0; background-color:#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:0 auto; background:url("banner.jpg") left top no-repeat; }
#footer { width:868px; height:90px; background:url(footer.jpg) left 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; }
#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 {height:120px; width:820px; }
.banner_item img { float:right; margin:0 0 0 20px; }

#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; }

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; }

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 */
}

.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; }