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

*{ padding:0px; margin:0px; }
body { background:#fff; font:11px Tahoma, Helvetica, sans-serif; }
hr { width:100%; border:0; color:#888; background-color:#888; height:1px; }
p { padding-bottom:10px; line-height:18px; }

img { border-style:none; margin:0px; padding:0px; }
.page-title { display:block; margin-top:15px; margin-bottom:25px; }
.text-box-h { float:right; width:460px; height:270px; border-left:1px solid #929292; padding-left:20px; padding-right:20px; }
.text-box-r { float:right; width:460px; height:430px; border-left:1px solid #929292; padding-left:20px; padding-right:20px; margin-top:20px; }
.text-box-l { float:left; width:170px; border-right:1px solid #929292; padding-right:20px; }
.text-box-l strong { color:#ff9600; }

/* Main Divs */
div#container { position:relative; margin:0 auto; width:900px; }
div#content-area { position:relative; top:10px; margin:0 auto; width:920px; background:#fff; clear:both; }
div#footer { text-align:center; color:#888; height:45px; margin:40px auto;   }
#footer hr { width:80%; margin-left:0px; margin-bottom:15px; }
#link-tabs { margin:0 auto; margin-bottom:100px; width:720px; }
#link-tabs a { margin-right:20px; }

/* Main Navigation Menu */
div#menu-container { width:900px; height:46px; display:block; }
ul#nav li { list-style:none; overflow:hidden; float:left; }
ul#nav li a { display:block; height:46px; width:150px; }
ul#nav li a:hover { background-position:0 -46px; }
a#home { background:url(../images/menu-home.png) no-repeat; }
a#products { background:url(../images/menu-products.png) no-repeat; }
a#repair { background:url(../images/menu-repair.png) no-repeat; }
a#about { background:url(../images/menu-aboutus.png) no-repeat; }
a#contact { background:url(../images/menu-contactus.png) no-repeat; }
a#links { background:url(../images/menu-links.png) no-repeat; }

body#home a#home { background-position:0 -46px; }
body#products a#products { background-position:0 -46px; }
body#repair a#repair { background-position:0 -46px; }
body#about a#about { background-position:0 -46px; }
body#contact a#contact { background-position:0 -46px; }
body#links a#links { background-position:0 -46px; }

/* Sliding Panels */
div#product-list { float:right; width:707px; }
div.prod_wrapper { padding:0px; width:405px; overflow:auto; }
ul.prod_list { width:405px; }
ul.prod_list li { list-style:none; }
ul.prod_list li a { display:block; width:405px; height:68px; margin-bottom:8px; }

/* Brand Tabs */
ul.navigation { list-style:none; float:left; width:230px; margin-left:0px; }
ul.navigation li { margin-bottom:7px; margin-left:1px; }
div#arrow-box { float:left; width:36px; height:600px; background-color:#fff; }

/* Contact & Repair Forms */
div#details { float:left; width:212px; height:269px; border:1px solid #ff9600; padding:6px; background:url(../images/contact-detail-box.png) center center no-repeat; }
div#details p { color:#929292; margin-left:55px; margin-top:50px; font-size:13px; line-height:16px; padding-bottom:0px; }
div#details a { display:block; margin-top:4px; color:#999; text-decoration:none; font-size:10px; }
div#details a:hover { color:green; text-decoration:none; }
div#contactform { float:right; width:660px; }
div#contactform hr { margin-top:13px; margin-bottom:13px; color:#d7d7d7; background-color:#d7d7d7; float:left; }
body#contact img#thankyou { margin:90px 0px 188px 130px; }
body#repair img#thankyou { margin:20px 0px; margin-left:130px; }
#frmcontact fieldset { border:none; width:300px; float:left; padding-left:15px; }
#frmcontact label { width:270px; }
#frmcontact label.error { text-align:left; width:300px; color:red; margin-bottom:10px; font-size:10px; width:180px; display:block; }
#frmcontact input { border:1px solid #929292; font-size:18px; padding:5px; background-color:#eaeaea; color:#929292; margin-bottom:8px; }
#frmcontact input.clear { border:none; background-color:#fff; height:16px; color:#00f; margin-bottom:0px; }
#frmcontact textarea { border:1px solid #929292; font-size:18px; padding:5px; background-color:#eaeaea; color:#929292; }
#frmcontact #cspam { display:block; margin-right:100px; } 
#frmcontact .submit { background:url(../images/contact-send.png); width:74px; height:29px; float:right; }
#frmcontact em { padding-left:5px; vertical-align:top; }
#frmcontact p { padding:10px 8px; }
input, textarea { font-size:11px; font-family: Helvetica, Arial, Verdana, sans-serif; }

/* Staff Box */
#rdm-staff { width:900px; height:230px; background-color:#eaeaea; margin-top:0px; padding-top:10px;  }
#rdm-staff img { margin-left:12px; margin-top:5px; padding:5px; border:1px solid #929292; background-color:#fff }
div#meetteam { padding-left:10px; border:none; background-color:#fff; display:block; height:36px; width:261px; background:url(../images/contact-meettheteam.png) no-repeat; }
#rdm-staff table { float:left; width:300px; clear:right; }
#rdm-staff td { padding-right:6px;}
#rdm-staff strong { color:#ff9600; font-size:14px; font-weight:normal;  }
#rdm-staff a { color:#999; text-decoration:none; }
#rdm-staff a:hover { color:green; text-decoration:none; }

/* Slider */
#slider { float:left; width:405px; margin-left:15px; }
.scroll { overflow:auto; position:relative; /* IE Fix */ clear:left; }
.scrollContainer div.panel { float:left; padding-left:27px; padding:0px; width:405px; } /* change to 560px if not using JS to remove rh.scroll */

.boxgrid{ width:36px; height:67px; float:left; overflow: hidden; position: relative; margin-bottom:9px; }
.boxgrid img{ position:absolute; left:-36px; border:0; height:67px; }