/* CSS Document */

body {
margin:0;
padding:0;
background:url(../assets/backgroundImages/bodyBackground.jpg) repeat;
}

img {
border-style:none;
}

em {
color:#FF0000;
}

p {
font-size:0.9em;
}

h2	{
margin:0;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
text-decoration: underline;
font-size:0.9em;
text-align:center;
font-weight:normal;
line-height:2em;
}
	
a:link{
color:#3399CC;
background:#FFFF99;
}
a:visited{
color:#3399CC;
background:#FFFF99;
}
a:hover{
color:#3399CC;
background:#ffff33;
}

#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{
	position:absolute;
	z-index:5;
	width:800px;
	top:0;
	left:0;
	text-align:right;
	margin:0;
	background:url(../assets/backgroundImages/halfCog_alt.jpg) top left no-repeat;
	overflow:hidden;
}

.menuBar2{
height:85px;
	position:absolute;
	width:800px;
	top:0px;
	left:0px;
	text-align:right;
	margin:0;
	background:url(../assets/backgroundImages/halfCog_alt.jpg) top left no-repeat;
}

.menuBar3 {
z-index:5;
position:relative;
width:800px;
margin:0;
padding:0;
text-align:left;
background:url(../assets/backgroundImages/halfCog_alt.jpg) top left no-repeat;
height:85px;
}

.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:#98aeb8;
font-family:Arial, Helvetica, sans-serif;

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;
}

#footer a:link{
text-decoration:none;
color:#98aeb8;
}
#footer a:visited{
text-decoration:none;
color:#98aeb8;
}
#footer a:hover{
text-decoration:none;
color:#98aeb8;
background:transparent;
}

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

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

.paperLeftUpper{
display:inline;/*EXPLORER 6 FLOAT BUG FIX*/
position:relative;
top:0px;
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;

border:#f0f0f0 1px solid;
}

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

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

}

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

.contentRightContainer{

position:relative;
top:0px;
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:70px 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;

}

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

.contentRight li a{
width:210px;
display:block;
width:100%;
}
.contentRight li a:link {
background:transparent;
}
.contentRight li a:visited {
background:transparent;
}
.contentRight li a:hover {
	background:transparent url(../assets/graphic_items/icons_bullet.gif) top left no-repeat;
}


.contentRight h2 {
	margin:0;
	font-family:"Courier New", Courier, monospace;
	color:#3399CC;
	text-decoration: underline;
	
	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:70px 30px 30px 30px;
}
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:0px;
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;

}

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

.contentWde h3{
text-decoration:underline;
margin:10px 0px 10px 0px;
line-height:1.1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;

text-align:center;
font-weight:normal;
}
.newsList{
width:450px;
float:left;
clear:left;
margin:5px;
color:#3399CC;
font-family:"Courier New", Courier, monospace;

}
.newsList ul li{
list-style-image:url(../assets/images/tick.gif);
}
.news {
margin:5px;
color:#3399CC;
font-family:"Courier New", Courier, monospace;
}
.news p{

}
.manufacturerIconBox{
float:left;
width:140px;
display:inline;
margin:0 0 0 -10px;
padding:0;
}

div > .manufacturerIconBox{ /*first child selector hack to solve wierd left margin problem in ie6 ????*/
margin:0 0 0 5px;
width:150px;
}

.helpfullMessage{
border:#3399cc 1px solid;
margin:5px 0px 5px 5px;
text-align:center;
font-size:0.8em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;
}
#helpfullCont{
width:300px;
margin:0px 210px 0px 210px;
}


.helpfullMessage p{
margin:5px;
}

.messageSent{
border:#3399cc 1px solid;
margin:5px;
text-align:right;
}

.messageSent p{
margin:5px;

}

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

.manufacturerIconBox ul li{
	margin:10px 0px 0px -15px;
	padding:0;
	list-style:none;
}

.manufacturerIconBox ul li a{
display:block;
width:100%;
margin:0;
padding:0;
}

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

.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;

}
.applicationsBox{
float:left;
width:330px;
margin:10px 0px 0px 0px;
padding:0;
color:#3399cc;
font-family:"Courier New", Courier, monospace;

}

.applicationsBox2{/*ONLY FOR TEMP INDEX PAGE DELETE AFTER*/
float:left;
text-align:center;
width:300px;
margin:0px;
padding:0;
color:#3399cc;
font-family:"Courier New", Courier, monospace;

}

.applicationsBox li{
margin-left:100px;
}

.componentsBox{
float:left;
width:200px;
margin:10px 0px 0px 0px;
padding:0;
color:#3399cc;
font-family:"Courier New", Courier, monospace;

}
.componentsBox li{
margin-left:40px;
}
.detailBoxContainer{
width:300px;
float:left;
}

/*LIST ITEMS FOR LEGEND ON CLUTCH SELECTION PAGE*/
#legendBlue{
padding-left:35px;
background:transparent url(../assets/images/clutchSelection/legend_b.gif) no-repeat;
}
#legendRed{
padding-left:35px;
background:transparent url(../assets/images/clutchSelection/legend_r.gif) no-repeat;
}
#legendYellow{
padding-left:35px;
background:transparent url(../assets/images/clutchSelection/legend_y.gif) no-repeat;
}
#legendPink{
padding-left:35px;
background:transparent url(../assets/images/clutchSelection/legend_p.gif) no-repeat;
}
#legendGreen{
padding-left:35px;
background:transparent url(../assets/images/clutchSelection/legend_g.gif) no-repeat;
}
/*END*/

.legend ul{
font-family:"Courier New", Courier, monospace;
color:#3399CC;
list-style:none;
line-height:32px;
margin-left:310px;
}

.linksBox{
display:inline;/*EXPLORER 6 FLOAT BUG FIX*/
border:#3399cc 1px solid;
margin:5px 0px 0px 44px;
width:290px;
float:left;
}

.detailBox{
border:#3399cc 1px solid;
margin:5px 0px 0px 5px;
width:290px;
}

.masterBox{
position:relative;
top:0px;
left:0px;
border:#3399cc 1px solid;
margin:5px 0px 0px 305px;
width:400px;
}

.detailBox p{
margin:10px;
line-height:1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;

}

.linksBox p{
margin:10px;
line-height:1em;
font-family:"Courier New", Courier, monospace;
color:#3399CC;

}

/*GOOGLEMAP STYLES*/

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

#map a:link{
background-color:transparent;
}
#map a:visited{
background-color:transparent;
}
#map a:hover{
background-color:transparent;
}
/*MISSCILANIOUS STYLES*/
.catalogues{
width:710px;
margin:10px 5px;
}

.mfwbst{
display:inline;/*EXPLORER 6 FLOAT BUG FIX*/
position:relative;
top:5px;
left:0px;
float:left;
width:780px;
margin:0px 5px 0px 5px;

}
.productPics{
margin:5px;
float:left;
width:552px;
display:inline;
}

.clearer{
clear:both;
line-height:0;
height:0;
}
#fltThmb {
float:right;
margin:5px;
}
#fltThmb img {
margin:5px;
}
.fltRt {
float:right;
margin:5px;
}

.fltLft {
float:left;
margin:5px;
}
.fltLftAlt {
float:left;
margin:5px 0;
}
blockquote {
font-family:"Courier New", Courier, monospace;
color:#3399cc;

line-height:1em;
margin:1em;
border:#3399cc 1px solid;
}

#footnote{
font-family:"Courier New", Courier, monospace;
color:#3399CC;
margin:10px;
}

.clearBth{
clear:both;
}
.clearRt{
clear:right;
}
.clearLft{
clear:left;
}
#links{
position:absolute;
left:-2000px;
}
/*MOUSE PAGE*/

#mouseBox{
width:480px;
margin:0;
float:left;
}
#mouseClRt{
width:220px;
margin:20px 5px;
float:left;
}
#mouseRoid{
margin:30px 0px;
}

.paging li {
display:inline;
padding-left:50px;
}