/* POSITIONING TAGS */

.html, body
{ padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; height:100%;
font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal; color: #000000;
background-image:url(img/left.gif);
background-position: 0px 0px;
background-repeat: repeat-y;}

#Header{ position:absolute; top:0px; left:0px; width: 100%; background-image:url(img/header_back.gif); height:60px; background-repeat:repeat-x;}
#Header h1{font-family: Arial, Helvetica, sans-serif; font-size:35px; font-weight: bold; color:#FFFFFF; margin:0; padding:10px; border:0;}
#Header p {
position: absolute;
color: #fff;
top: 20px;
left: 480px;
font-weight: bold;
font-size: 1.3em;
}

#MenuBack{position:absolute;top:60px;left:0px;background-color:#CCCCCC; height:100%;width:168px; }
#MenuBack p {margin-top:2px; margin-left:2px;}
#MenuBack a {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	color:#FFFFFF; padding-left:20px; height:18px; text-decoration: none; background-image: url(img/tinymenu.gif); display:block; width:140px; margin-left:2px; padding-top:3px}
#MenuBack a:hover {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color:#FFFFFF;	padding-left:20px; padding-top:3px; text-decoration: underline;}

#MenuBack ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#ContentBox{	position:absolute;	left: 186px; top: 65px;	width: 80%; margin-right:2%; 

}

#ContentBox img {
float: left;
margin-top: 10px;
margin-right: 20px;
clear:left;
}

#ContentBox .manufacture img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}


#ContentBox .manufacture img.nofloat {
float: none;
margin-top: 10px;
margin-bottom: 10px;
}

#ContentBox a:hover {
color:#fff;
background-color: #003399;
}

#ContentBox .right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}


#ContentBox2{	position:absolute;	left: 201px;	top: 85px;	width: 60%;	height: 374px;}

#Footer{
	position:absolute;
	top:935px;
	left: 1px;
	background-color: #003399;
	overflow:hidden;
}

#OfferBlock{ position:absolute;	left: -2px;	top: 450px; width: 165px;	height: 160px}

#iso { position:absolute;	left: -2px;	top: 550px; width: 165px;	height: 160px}

#iso img {
display: block;
margin-right: auto;
margin-left: auto;
}

#OfferBlock p {
margin-top: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold;  

}

#OfferBlock a {
color: blue; text-decoration:none; 
display: block;
background-image:url(img/offer_yellow_new.gif);
width: 168px;
height: 70px;
padding-top:15px;
}

#OfferBlock a:hover {
text-decoration:none; background-color:transparent; 
background-image:url(img/offer_yellow_new_down.gif);
}

#LinkBox{ float:right;	width: 210px; margin: 0 0 20px 20px;}

#LinkBox p {
color:#003399;
margin-top: 1px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
#LinkBox h2 {
margin-top: 8px;
font-size: 0.9em;
}

.bottom {
margin-top: 100px;
}

#LinkBox p a {
background-image:url(img/top_button.gif); line-height: 1.3em; height: 30px; background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 0.9em; color: #000099; padding:1px; padding-left:2px; text-decoration:none; display:block;
font-size: 1.1em;
font-weight: bold;
padding-top: 10px;
margin-top: 0px;
margin-bottom:-3px;
font-variant: small-caps;
}

#LinkBox p a:hover {
background-image:url(img/top_button_down.gif); line-height: 1.3em; height:30px; background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 0.9em; color: #000099; padding:1px; padding-left:5px; text-decoration:none; display:block;
font-size: 1.1em;
font-weight: bold;
padding-top: 10px;
margin-top: 0px;
margin-bottom:-3px;
background-color:#fff;
}

#LinkBox h2 a {
background-image:url(img/button_back.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 1.1em; color: yellow; background-color:#000066; padding:1px; padding-left:5px; text-decoration:none; display:block; border: 3px double #000033;
}
#LinkBox h2 a:hover {color: yellow; background-color:#000066; text-decoration:none; background-image:url(img/button_back_rotate.jpg); background-position: bottom left;}

.left{
width: 248px;
float: left;
}

.right {
width: 248px;
float: right;
}

.left img {
margin: 1em;
}

.right img {
margin: 1em;
}

.clear {
clear:both;
}

.limit {
width: 700px;
margin-bottom: 20px;
}

hr{height:0;border:0;border-top:1px solid #000099;}




/* TEXT STYLES */
h1 {font-size: 18px; font-weight: bold;	color:#000099; }
h2 {font-size: 16px; font-weight: bold;	color:#000099; padding:0; margin-top:-0.1em;margin-bottom:-0.1em;}
h3 {font-size: 12px; font-weight: bold;	color:#000099; }



.productheader {font-family: Arial, Helvetica, sans-serif;	font-size: 16px; font-weight: bold;	color: #101059;	text-decoration: none;}
.graypagenumber {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #999999;	text-decoration: none;}
.blacksmalltext {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal;	color: #000000;	text-decoration: none;}
.whiteboldtext {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;}
.blacktinytext {font-family: Arial, Helvetica, sans-serif;  font-size: 11px;  font-weight: normal; color: #041C5A; text-decoration: none; }
.blacktinytext:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal;  color: #ffffff; text-decoration: none;}