/* CSS Document */

body {
margin:0;
padding:0;
background:url(../assets/backgroundImages/bodyBackground.jpg) repeat;
}
h2	{
margin:0;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
text-decoration: underline;
font-size:1.2em;
text-align:center;
font-weight:normal;
line-height:2em;
	}

#wrapper{
width:868px;
margin:10px auto 20px auto;
}

#header {
margin:0;
background:url(../assets/backgroundImages/header_alt.jpg) top left no-repeat;
width:868px;
height:173px;
}

#header h1 {
margin-left:-2000px;
}

#menuBar{
height:85px;
	position:absolute;
	z-index:5;
	width:800px;
	top:0px;
	left:0;
	text-align:right;
	margin:0;
	background:url(../assets/backgroundImages/halfCog_alt.jpg) top left no-repeat;
	overflow:hidden;
}

.container {
position:relative;

width:837px;
margin:0px 0px 0px 28px;
background: #ffffff  url(../assets/backgroundImages/denimSideShadow.jpg) 100% 0 repeat-y;
}

#footer {
text-align:right;
float:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
position:relative;
top:0px;
left:0;
margin:85px 0 0 0;
width:837px;
height:85px;
background: url(../assets/backgroundImages/footerBackground.jpg) no-repeat;
}
#footer p{
margin-right:55px;
}

/*LEFT HAND LARGE TEXT AREA WITH LINED PAPER EFFECT*/

.contentLeft{
width:480px;
background:url(../assets/backgroundImages/linedBackground.jpg) repeat;
margin:20px 20px 30px 20px;
border:#f0f0f0 1px solid;
}

.paperLeftUpper{
display:inline;/*EXPLORER 6 FLOAT BUG FIX*/
position:relative;
top:85px;
left:0;
float:left;
width:520px;
background: url(../assets/backgroundImages/linedBkgndTop.jpg) top left no-repeat;
margin:0px 0px 0px 10px;
border:#ffffff 1px solid;
}

.paperLeftLower{
width:520px;
background: url(../assets/backgroundImages/linedBkgndBtm.jpg) bottom left no-repeat;
margin:0px;
border:#ffffff 1px solid;
}
.contentLeft p {
border:#f8f8f8 1px solid;
margin:0 0 0 10px;
line-height:1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
font-size:1em;
border:#f0f0f0 1px solid;
}

.contentLeft h2 {
	margin:0;
	font-family:"Courier New", Courier, monospace;
	color:#3399CC;
	text-decoration: underline;
	font-size:1.2em;
	text-align:center;
	font-weight:normal;
	line-height:2em;
}

.contentLeft ul{
color:#3399cc;
font-family:"Courier New", Courier, monospace;
font-size:1em;
}

/*RIGHT HAND NARROW TEXT AREA WITH LINED PAPER EFFECT*/

.contentRightContainer{
z-index:4;
position:relative;
top:85px;
left:0px;
float:left;
width:250px;
background:#ffffff;
margin:0px 0px 0px 0px;
border:#ffffff 1px solid;
}

.contentRight{
width:210px;
background:url(../assets/backgroundImages/linedBackground.jpg) repeat;
margin:20px 20px 30px 20px;
border:#f0f0f0 1px solid;
}

.paperRightUpper{
width:248px;
background: url(../assets/backgroundImages/linedBkgndTSml.jpg) top left no-repeat;
margin:0px 0px 0px 0px;
border:#ffffff 1px solid;
}

.paperRightLower{

width:250px;
background: url(../assets/backgroundImages/linedBkgndBSml.jpg) bottom left no-repeat;
margin:0px;
border:#ffffff 1px solid;
}
.contentRight p {
text-align:center;
border:#f0f0f0 1px solid;
margin:0;
line-height:1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
font-size:1em;
}

.contentRight ul{
	margin:0px;
	padding:0;
	text-align:center;
	list-style:none;
}
.contentRight ul li{
	margin:10px 0px 0px 0px;
}

.contentRight li a{
display:block;
width:100%;
}

.contentRight li a:hover{
	background-image:url(../assets/graphic_items/icons_bullet.gif);
	background-repeat: no-repeat;
	background-position: 25px top;
}


.contentRight h2 {
	margin:0;
	font-family:"Courier New", Courier, monospace;
	color:#3399CC;
	text-decoration: underline;
	font-size:1.2em;
	text-align:center;
	font-weight:normal;
	line-height:2em;
}

/*PAGE WIDTH TEXT AREA WITH LINED PAPER EFFECT*/

.contentWde{
height:150px;
width:720px;
background:url(../assets/backgroundImages/linedBackground.jpg) repeat;
margin:20px 30px 30px 30px;
border:#f0f0f0 1px solid;
}
html>body .contentWde{/*THIS AND THE HEIGHT ATTRIBUTE ABOVE PREVENT THE BOX FROM COLLAPSING BELOW THE MINIMUM FOR LOOKING OK (IE6 DONT UNDERSTAND MIN-HEIGHT)*/
min-height:150px;
height:auto;
}
.paperWdeUpper{
display:inline;/*EXPLORER 6 FLOAT BUG FIX*/

position:relative;
top:85px;
left:0px;
float:left;
width:780px;
background: url(../assets/backgroundImages/linedBkgndtWde.jpg) top left no-repeat;
margin:0px 0px 0px 10px;
border:#ffffff 1px solid;
}

.paperWdeLower{
width:780px;
background: url(../assets/backgroundImages/linedBkgndBWde.jpg) bottom left no-repeat;
margin:0px;
border:#ffffff 1px solid;
}
.contentWde p {
border:#f0f0f0 1px solid;
margin:0;
line-height:1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
font-size:1em;
}

.contentWde h2 {
	margin:0;
	font-family:"Courier New", Courier, monospace;
	color:#3399CC;
	text-decoration: underline;
	font-size:1.2em;
	text-align:center;
	font-weight:normal;
	line-height:2em;
}

.manufacturerIconBox{
float:left;
width:150px;
}

.helpfullMessage{
border:#3399cc 1px solid;
margin:5px 0px 5px 5px;
text-align:center;
}

.helpfullMessage p{
margin:5px;
}

.manufacturerIconBox ul{
	margin:0;
	padding:0;
	text-align:right;
	list-style:none;
}

.manufacturerIconBox ul li{
	margin:10px 0px 0px 0px;
}

.manufacturerIconBox li a{
display:block;
width:100%;
}

.manufacturerIconBox li a:hover{
	background-image:url(../assets/graphic_items/icons_bullet.gif);
	background-repeat: no-repeat;
	background-position:left center;
}

.description{
border:#3399cc 1px solid;
clear:both;
margin:5px;
width:550px;
float:left;
}
.description p{
border:#f0f0f0 1px solid;
margin:10px;
line-height:1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
font-size:1em;
}
.applicationsBox{
float:left;
width:330px;
margin:10px 0px 0px 0px;
padding:0;
color:#3399cc;
font-family:"Courier New", Courier, monospace;
font-size:1em;
}
.applicationsBox li{
margin-left:100px;
}

/*GOOGLEMAP STYLES*/

#map{
	width:400px;
	height:300px;
	margin-left:40px;
	border:#3399cc 1px solid;
}

/*MISSCILANIOUS STYLES*/


.clearer{
clear:both;
line-height:0;
height:0;
}

.fltRt {
float:right;
margin:5px;
}

.fltLft {
float:left;
margin:5px;
}

blockquote {
font-family:"Courier New", Courier, monospace;
color:#3399cc;
font-size:1em;
line-height:1em;
margin:1em;
border:#3399cc 1px solid;
}