/* CSS Document - Dexplore - Dave Saunders */

/* body styles */
body{padding:0; margin:5px 0 0 0; font-family: lucida sans, lucida grande, arial, helvetica, serif; font-size:75%; color:#222; background:url(../images/bg.jpg) repeat-x; background-position:0 0; background-color:#fff; }
h1,h2,h3,h4,h5,h6{font-size:100%; display:block; font-weight:bold; color:#FB2300;}
h1{display:block; font-size:160%; margin:0 0 20px 0; padding:0 0 6px 0; border-bottom:2px solid #FB2300;}
h2{display:block; font-size:125%; margin:15px 0 3px 0;}
h3{display:block; font-size:105%; margin-top:10px;}
a{color:#FB2300; text-decoration:none;} a:hover{text-decoration:underline;}

/* misc styles */
.skiplinks{display:none;}fieldset{border:0; width:200px;}input{font-size:100%; font-family: lucida sans, lucida grande, arial, helvetica, serif;}textarea{font-family: lucida sans, lucida grande, arial, helvetica, serif; font-size:100%; width:250px; height:140px;}form{margin:0; padding:0; border:0;}table{font-size:100%;}
hr{height:1px; border:0; line-height:1px; clear:both; color:#fff; background-color:#fff;}label{display:block; float:left;} p{line-height:1.1em;}caption{font-weight:bold; text-align:left; padding-bottom:4px;}.divclear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}

#container{margin:auto; display:block; width:928px; padding:0 0 0 0;}

#header{padding:15px 0 0 15px; background:url(../images/bg_container.png) no-repeat; background-position:0 0; min-height:109px;}
#header #logo{display:block; background-color:#fff; width:226px; height:108px; padding:12px 5px 10px 5px;}
#header #logo a{text-indent:-5000px; display:block; background:url(../images/rs_logo.gif) no-repeat 0 0; padding:0; width:226px; height:108px; text-decoration:none;}
#header #inner{background:url(../images/bg_header1.jpg) no-repeat; background-position: 348px 0;}
	body#company #header #inner{background:url(../images/bg_header2.jpg) no-repeat; background-position: 348px 0;}
	body#products #header #inner{background:url(../images/bg_header3.jpg) no-repeat; background-position: 348px 0;}
	body#catalogues #header #inner{background:url(../images/bg_header4.jpg) no-repeat; background-position: 348px 0;}
	body#design #header #inner{background:url(../images/bg_header9.jpg) no-repeat; background-position: 348px 0;}
	body#showcase #header #inner{background:url(../images/bg_header6.jpg) no-repeat; background-position: 348px 0;}
	body#newsletter #header #inner{background:url(../images/bg_header7.jpg) no-repeat; background-position: 348px 0;}
	body#contact #header #inner{background:url(../images/bg_header8.jpg) no-repeat; background-position: 348px 0;}
	body#other #header #inner{background:url(../images/bg_header5.jpg) no-repeat; background-position: 348px 0;}
	
#middle{clear:both; padding:0 14px 0 14px;  background:url(../images/bg_mid.png) repeat-y; background-position:0 0; }
#midInner{background:url(../images/bg_right.jpg) no-repeat; background-position:198px bottom; min-height:400px; border-bottom:1px solid #fff;}

	body#home #midInner{background:url(../images/bg_right_home.jpg) no-repeat; background-position:0 bottom; min-height:400px; border-bottom:1px solid #fff;}



/* mainnav styles */
#mainnav{display:block; background-color:#243450; margin:0; font-size:117%; font-weight:normal; padding:0; list-style-type: none; border-bottom:1px solid #fff; border-top:1px solid #fff; height:1%;}
#mainnav li{padding:0; margin:0; float:left;}
#mainnav li a{display:block; float:left; padding:5px 24px 6px 24px; color:#fff; background:url(../images/bg_nav_off.gif) no-repeat; background-position:right bottom; background-color:#243450;}
#mainnav li a:hover{background-color:#141430; text-decoration:none; background-position:right bottom; }
#mainnav li.active a{background:url(../images/bg_nav_on.gif) repeat-x!important; color:#243450; margin-left:-1px; padding-left:25px; text-decoration:none; background-position:left bottom; }
#mainnav li.last a{background-image:none;}
#mainnav li.last a:hover{;text-decoration:none; background-position:left bottom;}
	body#home #mainnav li.active a{margin-left:0px!important; padding-left:24px;}
#mainnav li.first a:hover{margin-left:0!important}
	* html #mainnav li a{font-weight:bold; display:block; float:left; padding:5px 23px 6px 23px; color:#fff; background:url(../images/bg_nav_off.gif) no-repeat; background-position:right bottom; background-color:#243450;}

/* left styles */
#left{display:block; width:196px; float:left; margin:0 0 0 1px; padding:0; }
	body#home #left{width:330px; margin-right:0; padding:20px;}
#left p{padding:10px 0 0 0; margin:0; font-size:90%;}
#left ul{margin:0; padding:15px 0 0 15px; list-style-type: circle;}
#left ul li{margin-bottom:4px;}
#left a{color:#333; font-weight:bold;}
#left ul li a{font-weight:normal;}
#left ul li.active a{font-weight:bold;}
#left ul li.active ul{list-style-type: none; font-size:90%; margin:5px 0 10px 0;; padding:0;} 
#left ul li.active ul li a{font-weight:normal;}
#left .header{font-weight:bold; font-size:115%; border-bottom:2px solid #666; color:#666; padding:10px 0 6px 0;}
#left .panel{padding:8px 20px 16px 20px;}
#left .startpan{background-color:#DBE1EC; padding-top:16px;}
#left .midpan{background-color:#CDD9E6;}
#left .endpan{background-color:#CDD9E6;}
#left form{margin:0; padding:0;}
#left label{display:none;}
#left input{max-width:120px; padding:1px; margin:0; font-size:90%;}
	* html #left input{padding:0;}
/* right styles */
#right{display:block; width:655px; padding:20px 0 10px 24px; float:left;}
	body#home #right{width:480px;}
#right .intro{font-size:110%; font-weight:bold; color:#444; margin-bottom:20px;}
#right p{margin-bottom:12px; line-height:1.1em;}
#right .ifr{float:right; margin:0 0 5px 20px;}
#right #map{float:right;}
#right ul{margin:8px 0 8px 20px; list-style-type: circle;}
#right ul li{margin-bottom:3px;}
#right #map{margin:0 0 10px 15px;}
#right #map h3, #right #map h2{color:#333;}

#right #prodNav ul{list-style-type: none; margin:0 0 0 -9px; padding:0;}
#right #prodNav ul li{float:left; margin:0; padding:0;}
#right #prodNav ul li a{display:block; float:left; padding:12px; width:70px; height:70px; background: url(../images/bg_prodnav.gif) no-repeat;}
#right #prodNav ul li a img{display:block; width:74px; height:74px;}
#right #prodNav{}

/* footer styles */
#footer{clear:both; display:block; background:url(../images/bg_footer.jpg) no-repeat 0 0; min-height:100px; color:#fff; padding:13px 35px 0 47px; font-size:95%;}
#footer a{color:#fff;}
#footer ul{list-style-type: circle; margin-top:1px; padding-top:0;}
#footer p{float:right; text-align: right; margin:0; padding:0; line-height:1.45em;}
#footer ul li{margin-bottom:7px;}

* html #footer{height:100px;}
* html #footer ul{list-style-type: circle; margin-top:7px; display:block; padding-top:0;}
/* misc styles */
.dn{display:none;}
table{display:block; font-size:100%; font-family: "Trebuchet MS",verdana; font-size:100%;  margin:0 0 10px 0;}
table.last{border:0;}
table tr td{padding:5px 5px 5px 0;}
table tr th{padding:5px; color:#008fd4;}
table label{display:block; font-weight:bold; padding:2px; margin:0;float:none; vertical-align: middle!important;}
table input{float:none; padding:2px; margin:0; vertical-align: middle;}
table select{float:none; padding:0 0; margin:0; vertical-align: middle; font-size:100%;}
table select option{float:none; padding:2px; margin:0; vertical-align: middle; font-size:100%;}
table textarea{vertical-align:middle;}




.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
a{outline:none;}