/* SRS - screen.css | April 2006 | coded: jaymiblu@lycos.co.uk */

/* GENERAL */
 
* {
margin: 0;
padding: 0;
}
html {
min-width: 640px;
}
body {
margin: 0;
padding: 0;
background: white;
font: 75%/140% Arial, Helvetica, sans-serif;
color: black;
}
hr {
display: none;
}
h1,h4 {
display: none;
}
img {
border: none;
}
.noborder {
border: none;
}
.floatleft {
	float: left;
	margin-right: 6px;
}
.floatright {
	float: right;
}
.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
clear: right;
}

/* LAYOUT */

#header {
width: 100%;
height: 60px;
background: url(images/common/srs_logo.png) no-repeat right bottom;
}
#outer_wrap {}
#wrap {}
#container {
width: 100%;
float: left;
margin-right: -200px;
}
#content {
margin-right: 30px;
}
#main {
	margin-left: 186px;
	background: url(images/common/menuline.png) no-repeat left top;
	z-index: 1;
	display: block;
}
#menu {
	width: 186px;
	float: left;
	z-index: 6;
	display: block;
	height: 550px;
}
#right {
width: 30px;
float: right;
}
#mainfooter {
	background: url(images/common/navline_bl.png) no-repeat 26px top;
	height: 26px;
	width: 100%;
	display: block;
	margin-top: 0px;
	clear: both;
}
#footer {
	width: 100%;
	color: #000099;
	clear: both;
	display: block;
	padding-top: 30px;
	padding-bottom: 60px;

}

/* MENU */

#b-1 {
background: url(images/common/home.png) no-repeat left top;
display: block;
height: 54px;
width: 186px;
}
#b-2 {
background: url(images/common/products.png) no-repeat left top;
display: block;
height: 38px;
width: 186px;
}
#b-3 {
background: url(images/common/quality.png) no-repeat left top;
display: block;
height: 39px;
width: 186px;
}
#b-4 {
background: url(images/common/technical.png) no-repeat left top;
display: block;
height: 37px;
width: 186px;
}
#b-5 {
background: url(images/common/links.png) no-repeat left top;
display: block;
height: 37px;
width: 186px;
}
#b-6 {
background: url(images/common/intouch.png) no-repeat left top;
display: block;
height: 40px;
width: 186px;
}
#b-1:hover, #b-1.over {
background: url(images/common/home_s.png) no-repeat left top;
display: block;
height: 54px;
width: 186px;
}
#b-2:hover, #b-2.over {
background: url(images/common/products_s.png) no-repeat left top;
display: block;
height: 38px;
width: 186px;
}
#b-3:hover, #b-3.over {
background: url(images/common/quality_s.png) no-repeat left top;
display: block;
height: 39px;
width: 186px;
}
#b-4:hover, #b-4.over {
background: url(images/common/technical_s.png) no-repeat left top;
display: block;
height: 37px;
width: 186px;
}
#b-5:hover, #b-5.over {
background: url(images/common/links_s.png) no-repeat left top;
display: block;
height: 37px;
width: 186px;
}
#b-6:hover, #b-6.over {
background: url(images/common/intouch_s.png) no-repeat left top;
display: block;
height: 40px;
width: 186px;
}
#home #b-1 {
background: url(images/common/home_s.png) no-repeat left top;
display: block;
height: 54px;
width: 186px;
}
#products #b-2 {
background: url(images/common/products_s.png) no-repeat left top;
display: block;
height: 38px;
width: 186px;
}
#technical #b-4 {
background: url(images/common/technical_s.png) no-repeat left top;
display: block;
height: 37px;
width: 186px;
}
#links #b-5 {
background: url(images/common/links_s.png) no-repeat left top;
display: block;
height: 37px;
width: 186px;
}
#in-touch #b-6 {
background: url(images/common/intouch_s.png) no-repeat left top;
display: block;
height: 40px;
width: 186px;
}
#dealersupport {
background: url(images/common/dealer_support_login.png) no-repeat left top;
display: block;
height: 113px;
width: 186px;
margin-top: 25px;
}
#wheretobuy {
background: url(images/common/where_to_buy.gif) no-repeat left top;
display: block;
height: 67px;
width: 173px;
margin-top: 10px;
}
#dealersupport:hover, #dealersupport.over {
background: url(images/common/dealer_support_login_s.png) no-repeat left top;
}


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 186px;
	background: #fff;
	border-top: 1px solid #FF9933;
	}
	
#menu ul li {
	position: relative;
	text-indent: -9999px;
	}
#menu ul li ul li {
	position: relative;
	text-indent: 0px;
}
	
#menu li ul {
	position: absolute;
	left: 186px;
	top: 6px;
	display: none;
	background: #fff;
	border: 1px solid #FF9933;
	width: 175px;
	}
#menu li ul li ul {
	position: absolute;
	left: 175px;
	top: 0px;
	display: none;
	background: #fff;
	border: 1px solid #FF9933;
	width: 175px;
	}

/* Styles for Menu Items */
#menu ul li ul li a {
	display: block;
	text-decoration: none;
	color: #000099;
	background: #fff;
	padding: 3px 6px 3px 8px;
	}
#menu ul li ul li a:hover, #menu ul li ul li a.over {
	padding: 3px 6px 3px 8px;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #FF9933;
}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav1 li:hover ul, #nav1 li.over ul { display: block; } /* The magic */
#nav1 li:hover ul li ul, #nav1 li.over ul li ul { display: none; } /* The magic */
#menu #nav2 li:hover ul, #menu #nav2 li.over ul { display: block; } /* The magic */
#menu #nav3 li:hover ul, #menu #nav3 li.over ul { display: block; } /* The magic */
#menu #nav4 li:hover ul, #menu #nav4 li.over ul { display: block; } /* The magic */

/* CONTENT */

#flag {
background: url(images/common/british_flag.png) no-repeat;
display: block;
height: 42px;
width: 24px;
position: absolute;
left: 18px;
top: 20px;
}
#language {
display: block;
position: absolute;
left: 48px;
top: 20px;
width: 170px;
}

h2 {
	font-size: 135%;
	color: #FF9933;
	padding-top: 12px;
	padding-bottom: 6px;
}
p {
	padding-top: 9px;
	padding-bottom: 6px;
	font-size: 100%;
	color: #000000;
	display: block;
}
#main a {
	color: #FF9933;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #FF9933;
	margin-right: 2px;
	margin-left: 2px;
}
#main a:hover {
	color: #000099;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #000099;
	margin-right: 2px;
	margin-left: 2px;
}
#contact a {
	color: #FF9933;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #FF9933;
	margin-right: 2px;
	margin-left: 2px;
}
#contact a:hover {
	color: #000099;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #000099;
	margin-right: 2px;
	margin-left: 2px;
}
#main p span {
	color: #000099;
}
#maininner {
	padding-top: 15px;
	padding-left: 50px;
}
#main ol {
	list-style: url(images/common/bullet.png) none inside;
}
#main ol li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#bsi {
	height: 120px;
	float: left;
	width: 235px;
}
#contact img {
	margin-bottom: 3px;
}
#contact {
	float: left;
	font-size: 95%;
	line-height: 90%;
	color: #000099;
}
#main em {
	font-weight: bold;
	color: #FF9933;
}
.floatleftpadded {
	float: left;
	margin-right: 20px;
}
#productslist img {
	padding-top: 6px;
	float: left;
	margin-right: 4px;
	padding-right: 8px;
	}
#productslist li {
	width: 47%;
	display: block;
}
#productslist ol {
	list-style: url(none) none;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#productslist ol li a {
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#clicksetlink a{
	border: none;
}
#slideshow {
	display: block;
	height: 388px;
	width: 290px;
	float: right;
	margin-left: 12px;
}
#productslistwrap {
	display: inline;
}
h3 {
	font-size: 110%;
	color: #000099;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}
#productslist ol li a:hover {
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000099;
}
#contact span {
	font-size: 90%;
	color: #000099;
}
#subheader {
	height: 33px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#subheader a {
	border: none;
}
#subheader a:hover {
	border: none;
}
.padright {
	margin-right: 8px;
	border: none;
}
#powderslinks {
	width: 100%;
	display: block;
	padding-top: 10px;
}
#powderslinks a {
	border: none;
	display: inline;
	margin-right: 10px;
}
#powderslinks a:hover {
	border: none;
	margin-right: 10px;
}
#productslist {
	display: block;
}
table {
}
td {
	padding: 4px 15px;
	background: #ECE9FF;
	border: 1px solid #FFFFFF;
	text-align: left;
	margin: 8px;
}
caption {
	background: #FF9933 url(images/common/table_tl.gif) no-repeat left top;
	padding: 4px 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.table-br {
	padding: 4px 15px;
	background: #ECE9FF url(images/common/table_br.gif) no-repeat right bottom;
	border: 1px solid #FFFFFF;
	text-align: left;
	margin: 8px;
}
#clicksetlink a:hover {
	border: none;
}
#quality #b-3 {
background: url(images/common/quality_s.png) no-repeat left top;
display: block;
height: 39px;
width: 186px;
}
.inline {
	display: inline;
	position: relative;
}
#pdf a{
	border: none;
}
#pdf a:hover{
	border: none;
}
#hints td {
	background: #fff;
	padding: 2px 6px 4px 0px;
	border-bottom: 1px dotted #FF9933;
}
.hints_centreline {
	border-left: 1px dotted #FF9933;
}
#hints strong {
	color: #000099;
	font-size: 110%;
}
#hints a {
	border: none;
}
#hints a:hover {
	border: none;
}
tr:hover td {
	background: #FFECE0;
}
#hints tr:hover td {
	border-bottom: 1px dotted #000099;
}
#hints_header {
	font-size: 150%;
	font-weight: bold;
	color: #FF9933;
	padding-top: 15px;
	padding-left: 32px;
	padding-bottom: 10px;
	background: url(technical/images/hints_icon.png) no-repeat left 8px;
	display: block;
}
#technical blockquote {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px dotted #000099;
	border-bottom: 1px dotted #000099;
	color: #000099;
	background: #F1F1F1;
}
#technical blockquote a {
	border: none;
}
#technical blockquote a:hover {
	border: none;
}
#hintslist p {
	border-top: 1px dotted #FF9933;
	display: block;
}
.hintpic td {
	background: #fff;
	margin: 0px;
	padding: 0px;
}
.hintpic th {
	padding: 1px 6px;
	font-size: 90%;
	color: #000099;
	background: #ffd6ad url(images/common/table_tl2.gif) no-repeat left top;
}
.hintpic {
	margin-bottom: 12px;
}
.whitetd {
	background: #fff;
}
.tinttd {
	background: #FFE1CD;
}
.tinttd2 {
	background: #CCC0ED;
}
.notdhover:hover td {
	background: #fff;
}
#ps_list {
	
	clear: right;
}
#ps_list td {
	padding: 8px;
	background: #fff;
	text-align: center;
	border: none;
}
#ps_list strong {
	font-size: 110%;
	color: #000099;
	margin-top: 6px;
	display: block;
}
#ps_list a {
	border: none;
}
#ps_list tr:hover td {
	border: none;
}
form blockquote {
	margin-left: 20px;
}
.formerror {
	color: #FF0000;
	display: inline;
}
#worldwidedistributors h2 {
	font-size: 135%;
	color: #FF9933;
	margin: 0px;
	padding: 5px 0px 10px;
}
#worldwidedistributors h3 {
	color: #000099;
	line-height: 125%;
	margin: 0px;
	padding: 0px;
}
#worldwidedistributors h3 a:link {
	text-decoration: none;
	color: #000099;
	border: none;
	padding-left: 24px;
}
#datasheet_header {
	font-size: 125%;
	font-weight: bold;
	color: #FF9933;
	padding-top: 15px;
	padding-left: 32px;
	padding-bottom: 10px;
	background: url(technical/images/datasheets_icon.png) no-repeat left 14px;
	display: block;
	line-height: 140%;
}
#datasheet_list li {
	list-style: disc inside;
	padding-left: 18px;
}
#adminmsg {
	font-size: 200%;
	text-align: center;
	padding: 60px;
	color: #FF9933;
}
