
/* Reset
------------------------------------------- */
* { margin: 0; padding: 0; color: #666; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
a.strong { font-weight: bolder;  }
span {color: inherit;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%;}
hr {height: 0; border: none; border-top: 2px solid #202020;}

/* basic text elements */
body { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
strong, em, b, i, #logline { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, address, textarea, input { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

h1 {margin: 1.8em 0 0 0; color: #93000c; font-style: italic; font-size: 2.2em; line-height : 1em; }
h2 {margin: 1.8em 0 0 0; color: #93000c; font-style: italic; font-size: 1.8em; line-height : 1em; }
h3 {margin: 1.8em 0 0 0; color : #333; font-style: italic; font-size: 1.6em; line-height : 1em; }
    h2 a, h2 a:visited, h2 a:hover,
    h3 a, h3 a:visited, h3 a:hover { color : #93000c; text-decoration : none; }
    h2 a:hover, h3 a:hover { text-decoration : underline; }
h4 {margin: 1.8em 0 0 0; color : #666; font-style: italic; font-size : 1.4em; line-height : 1em; }
p {margin: 1em 0 1em 0; font-size: 1.25em; line-height: 1.8em; }
ul, ol {margin: 1em 0 1em 0; line-height : 2em;}
ul li {margin: 0 0 0 20px; font-size: 1.3em;}
ol li {margin: 0 0 0 20px; font-size: 1.3em;}
ul li ul li { font-size: 1em;}

blockquote { line-height : 1.8em; font-size : 1.25em; margin-left : 20px; margin-right : 20px; margin-top : 20px; font-style : italic; }
p.signature { margin : 0px; margin-left : 400px; margin-top : -10px; font-weight : bolder; }

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 105px; margin: 6px 0 5px 0; padding: 2px 0 2px 0; color: #666; font-weight: bold;}
input {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #ccc; background: #fff; font-size : 12px;}
	input.chk, input.radio {width: auto; border: none;}
textarea {width: 275px; height: 100px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #ccc; background: #fff;  font-size : 12px;}
select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
button {border: none; cursor: pointer; }
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.lead {color: #333; font-size: 1.5em; line-height: 1.5em;}
.block { display : block; }

.box { width : 980px; margin-left : -15px; margin-bottom: 10px; background : white url('/_images/design/background_boxMid.png') center center repeat-y; overflow : visible;}
	.box .boxForth {width : 25%; float : left; padding-bottom : 18px;}
	.box .boxForth .image { padding : 8px 0px; text-align : center; margin : auto; background : white; border : 1px solid #dadada; width : 220px; height: 88px; }
	.box .last { float : left; }
	.box h3 { color : #93000c; margin-left : 5px; margin-top : 5px; }
	.box p { font-size : 1.2em; padding : 0px 15px 0px 15px; margin : 0px; margin-top : 10px; line-height : 1.6em; }
	.boxTop { background : white url('/_images/design/background_boxTop.png') center center no-repeat; height : 30px; }
	.boxBottom { clear : both; background : white url('/_images/design/background_boxBottom.png') center center repeat-y; height : 50px; }
	.boxMid { margin-top : -10px; margin-bottom : -15px; overflow : hidden; margin-right : 30px; margin-left : 30px; }

.readMore, .readMore:visited, .readMore:active, .readMore:hover { float : right; margin-top : 5px; height : 32px; width : 150px; display : block; font-weight : normal; font-size : 12px; text-transform : uppercase; color : white; background : white url('/_images/design/button_readmore.png') center top no-repeat; text-decoration : none; text-align : center; line-height : 30px; cursor : pointer; }

ul.redArrow { margin-left : 0px; list-style : none;}
	ul.redArrow li { line-height : 1.8em; padding-left : 25px; margin-bottom : 5px; background : url('/_images/design/arrow_redlight.gif') 5px 7px no-repeat; }
	ul .subText { display : block; font-style : italic; margin-left : 15px; }

/* layout
------------------------------------------- */
html {background: #fff url(/_images/design/background_top.png) top repeat-x;}
	body {background: url(/_images/design/background_bottom.png) bottom repeat-x; font-size: 10px; }
	
#marginWrap { width : 970px; margin : auto; }
#paddingWrap { padding : 0px 10px 0px 10px; }

#header { height : 95px; overflow : hidden; }
	#header #logo { margin-top : 15px; }
	#header #logline { font-size : 18px; font-style : italic; float : right; color : #ccc; margin-right : 40px; margin-top : 5px; }
	#header ul#mainmenu { float : right; clear : right; margin : 0px; padding : 0px; margin-top : 17px; }
		#header ul#mainmenu li { float : left; list-style : none; margin : 0px; margin-right : 2px; }
		#header ul#mainmenu li.last { margin : 0px; }
		#header ul#mainmenu li a,
			#header ul#mainmenu li a:active,
			#header ul#mainmenu li a:visited,
			#header ul#mainmenu li a:hover { display : block; font-weight : bolder; font-size : 13px; color : #AFAFAF; background : transparent url('/_images/design/button_mainmenu.png') top left no-repeat; text-decoration : none; }
		#header ul#mainmenu li a span { display : block; color : #AFAFAF; background : transparent url('/_images/design/button_mainmenu2.png') top right no-repeat; padding : 0 18px 0 18px; line-height : 2.4em; }
		#header ul#mainmenu li a:hover { color : #6F6F6F; }
		#header ul#mainmenu li a:hover span { color : #6F6F6F; }
		#header ul#mainmenu li a.on { color : white; background : transparent url('/_images/design/button_mainmenuOn.png') top left no-repeat !important; }
		#header ul#mainmenu li a.on span { color : white; background : transparent url('/_images/design/button_mainmenuOn2.png') top right no-repeat; }
		
#sidebar { width : 330px; margin-left : 630px; position : absolute; top : 90px; }
	#sidebar ul#top-brands { width : 316px; list-style : none; overflow : hidden; margin-top : 30px; margin-bottom : 5px; margin-left : 12px; }
		#sidebar ul#top-brands li { float : left; width : 50%; text-align : center; margin : 0px; }
		#sidebar ul#top-brands li span { display : block; }
			#sidebar ul#top-brands li .left { margin-left : 20px; }
			#sidebar ul#top-brands li .right { margin-right : 20px; }
			#sidebar #sideImage { margin-left : 5px; width : 330px; background : transparent url('/_images/design/background_sideimage.png') center center no-repeat; }
			#sidebar #sideImage img { margin : 15px; }

#banner {  }
	#banner #pageTitle { margin: 0.8em 0 0em 0; color: #BE0F2E; font-style: italic; font-family: Lucida Sans, Trebuchet MS, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bolder; font-style : italic; color : white; }
	#banner #pageSubTitle { margin: 0px; width : 600px; color: #BE0F2E; font-style: italic; font-size: 1.8em; font-family: Lucida Sans, Trebuchet MS, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : normal; font-style : italic; color : #a6000d; text-align : right; }
	#banner p { margin-top : 5px; color : #787878; width : 630px; }

	
#content { margin-bottom : 30px; width : 630px; min-height : 550px;}
	#content strong { color: #333333; }
	#content .intro { margin-top : 40px; border-bottom : 3px solid #f0f0f0; padding-bottom : 25px; width : 615px;}
	#content .intro2 { margin-top : 10px; margin-bottom : 40px; }
	#content .intro .readMore { background-color : white; margin-top : 10px; position : absolute; margin-left : 485px; }
        #content .post { border-bottom : 3px solid #f0f0f0; padding-bottom : 15px; margin-bottom : 20px; }
	.fillerSpace { height: 400px; }

#features { clear : both; margin-top : 40px;}
    #features .readMore { background-color : transparent; margin-top : 10px; position : absolute; margin-left : 95px; }
    #features h3 { margin-top : 10px; margin-bottom : 15px; }
        #features h3 a, #features h3 a:visited, #features h3 a:hover { text-decoration : none; }
        #features h3 a:hover { text-decoration : underline; }
    #features .boxMid p { height : 170px; margin-bottom : 0px; }

#footer { height : 280px; clear : both; overflow : hidden; font-size : 12px; margin-top : 20px;}
	#footer a.latestNews { display : block; background : transparent url('/_images/design/button_footer.png') center top no-repeat; width : 125px; line-height : 30px; height : 35px; font-size : 15px; font-weight : bolder; text-align : center; color : white; text-decoration : none; margin-top : 6px;}
	#footer a.contactUs { float : right; display : block; background : transparent url('/_images/design/button_footer.png') center top no-repeat; width : 125px; line-height : 30px; height : 35px; font-size : 15px; font-weight : bolder; text-align : center; color : white; text-decoration : none; margin-top : 6px;}
	#footer ul.latestNews { margin-left : 0px; width : 400px; }
		#footer ul.latestNews li { color : #999; font-size : 1em; margin-bottom : 15px; padding-left : 20px; margin-left : 10px;}
		#footer ul.latestNews li a { color : white; font-weight : bolder; text-decoration : none; line-height : 2em !important; }
		#footer ul.latestNews li a:hover { text-decoration : underline; }
		#footer ul.latestNews li span.dateTime { margin-bottom : 5px; color : #999; }
	#footer .address { float : right; text-align : right; margin-top : 20px; color : #999; width : 400px;}
                #footer .address a, #footer .address a:visited, #footer .address a:hover { text-decoration : none; color : #999; }
                #footer .address a:hover { text-decoration : underline; }
		#footer .address strong { color : white; }
		
	#footer #copyright { border-top : 1px solid #444; padding-top : 10px; padding-left : 10px; margin-top : 20px; clear : both; }
		#footer #copyright ul { float : right; list-style : none; margin : 0px; }
		#footer #copyright ul li { font-size : 1em; float : left; margin : 0px; padding : 0px; margin-right : 5px;}
		#footer #copyright ul li a { color : #575757; text-decoration : none; }
		#footer #copyright ul li a:hover { text-decoration : underline; }
		#footer #copyright ul li.last { margin : 0px; }
                
    #footer .careersLink { display : block; padding-top : 10px; background: url(/_images/design/careers-icon.png) no-repeat 244px 12px; }
		#footer ul.redArrow li { background : url('/_images/design/arrow_reddark.gif') 5px 8px no-repeat; }


/* tables
------------------------------------------- */		
		
table { margin: 0px; margin-bottom : 10px; margin-top : 10px; border-collapse: collapse; border: none; color : #666; width : 100%;}
	th {padding : 0px 10px; width: 100px; height: 30px; border-right: 1px solid #fff; background: transparent url('/_images/design/background_tabletop.png') center repeat-x; color: #fff; font-size: 1.2em; font-family: Lucida Sans, Trebuchet MS, Arial, Helvetica, sans-serif; text-align: left;}
	td { background : #f3f3f3; padding : 0px 10px; line-height : 2.5em; border-right: 1px solid #fff; font-size : 1.3em; white-space : nowrap;}
	td.small { width : 50px; padding : 0px; }
	th.small { width : 50px; padding : 0px; }
	td.smaller { width : 30px; padding : 0px; }
	th.smaller { width : 30px; padding : 0px; }
	td.center { text-align: center; padding : 0px; }
	th.center { text-align: center; padding : 0px;  }
	tr.even td {background: #e5e5e5;}

table.tech-data {width: 285px; margin: 7px;}
	table.tech-data th {width: 100px; padding: 0 0 0 10px; border: none; background: transparent; color: #BE0F2E; font-size: 1.3em; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-align: left; }	
	table.tech-data td {width: 185px; padding: 7px 0; font-size: 1.3em; font-weight: normal; text-align: left; vertical-align: middle;}
	table.tech-data tr.even td, table.tech-data tr.even th {background: #efefef;}
	


#enquiry, #newsletter {width: 338px; margin: 0 auto; margin-top: 0px; margin-right : -9px; background: url(/_images/design/background_sideboxTop.png) left top no-repeat;}
	#enquiry form, #newsletter form {margin: 0; padding: 20px 0 20px 0; background: url(/_images/design/background_sideboxBottom.png) left bottom no-repeat;}
	#enquiry form fieldset, #newsletter form fieldset {width: 338px; padding: 0px 15px 17px 15px; background: url(/_images/design/background_sideboxMid.png) left top repeat-y;}
		#enquiry form fieldset p, #newsletter form fieldset p {width: 280px; margin: 0; text-align: center;}
	#enquiry legend, #newsletter legend { visibility : hidden; }
	#enquiry label, #newsletter label {  padding-left : 20px; width : 65px; font-size : 1.3em; }
	#enquiry input, #enquiry textarea, #newsletter input, #enquiry textarea { width: 200px; padding-top : 5px; padding-bottom : 5px; }
	#enquiry .readMore, #newsletter .readMore { position : absolute; margin-left : 160px; background-color : transparent; padding-bottom : 4px;  }
	#enquiry h4, #newsletter h4 { margin : -10px 0px 10px 10px; color : #93000C; font-size : 1.6em; }
	#newsletter h4 { margin-top : 10px; }
	#enquiry .hidden-field, #newsletter .hidden-field { display : none; visibility : none; }
	#enquiry .intro, #newsletter .intro { text-align : left; margin-left : 20px; font-size : 1.2em; line-height : normal; margin : 20px; width : 250px; }
        
#mapWrap { border: 1px solid #999999; padding: 4px; margin-top:15px; }
    #mapWrap #map { height: 337px; }

#stwrapper { display : none; }