/* 
Design by cyberdesigner
www.cyberdesigner.co.uk

*/

html { min-height:100%; margin-bottom:10px; }

body {
	margin:auto auto;
	padding: 0;
	color: #646A61;
	background: #003366;
	font: 101%  Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;  /* aligns page center in IE5.5 */
}
/* outer wrapper - holds the rest of the content -ensures that layout is centered */
#wrapper {
margin: 1px auto;
width: 763px;
text-align:left; /* re-aligns content to left IE5 */
}
/* ROUNDED TOP DIV */
#toppage {
background-image:url(images/toprounded.gif);
background-repeat:no-repeat;
padding: 0;
height: 27px;
font-size:14px;
}
/* HEADER BACKGROUND AND COMPANY NAME */
#header {
background-image: url(images/header.jpg);
background-color:#FFFFFF;
width: 763px;
height: 86px;
}
/* BACKGROUND FOR THE TOP NAV */
#topnav{
	height: 29px;
	background-image: url(images/navbar.gif);
	background-repeat: no-repeat;
}
 
/*navigation styling */
#navBar {
	margin-left: 180px;
	background-color: transparent;
	height: 29px;
	padding-top: 0;
}

#navBar ul {
	margin: 0px; 
	padding: 4px;
	list-style-type: none; 

}
#navBar li {
	display: inline;
	list-style-type: none;
padding:8px;
margin: 0px;
font-size: .80em;
font-weight: bold;
}

#navBar a {
	background: transparent;
	border: none;
	margin: 0px;
	color: #000066;
	text-decoration: none;
	padding: 0px 10px;
}

#navBar a:link, #navBar a:visited {
	color: #000066;
	text-decoration: none; 
}

#navBar a:hover {
	color: #FFFFFF;
	background-color: #000000;
	background-color: transparent;
}

#navBar a:active {
	background-color: transparent;
	color: #FFFFFF;
font-weight: bold;
}
/*End NavBar styles */

/* OUTER WRAPPER FOR CONTENT AREA */
#contenttop {
	background-image: url(images/contenttop_bg.gif);
}

#contenttopleft {
	padding-top: 7px;
	width:235px;
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	color:#000066;
}
#contenttopleft a:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000066;
	text-decoration:none;
}
#contenttopleft a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #FF9900;
	text-decoration:underline;
}
#contenttopleft a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000066;
	text-decoration:none;
}
#contenttopmiddle {
width:490px;
margin-left: 250px; 
	padding: 6px;
	font: .80em Verdana, Arial, Helvetica, sans-serif;
		
	}

.button{
float:inherit;
width:200px;
height:80px auto;
border: 1px solid #8B9DAB;
background:#C1CAD2;

}

#contentbottom {
background-image: url(images/contentbottom_bg.gif);
font: .85em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding: 0;
}
#contentbottomleft {
float: left;
width: 482px; /*507*/
padding: 10px;
font: .85em Verdana, Arial, Helvetica, sans-serif;
}

#contentbottomright { 
background:url(images/creditcards.gif);
width: 226px; 
height:40px;
padding: 0px;
background-repeat:no-repeat;
background-position:center;
}

/* FOOTER AREA */
.footbg {
background-image: url(images/footer.gif);
height: 43px;
width: 763px;
text-align: center;
vertical-align: middle;

}
.footbg p{	
padding-top: 10px;
color: white;
font-size: .8em;
}
.footbg a:link {	
color: white;
font-size: .8em; text-decoration:none;
}
.footbg a:hover {	
color: white;
font-size: .8em; text-decoration:underline;
}
.footbg a:visited {	
color: white;
font-size: .8em; text-decoration:none;
}
.divider {
	background-image: url(images/divider.gif);
	height: 1%;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/* BASIC HEADING STYLES */
H1 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em}
	
H2 {
	color:#656A88;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}	

.footer{
font: 0.70em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* BASIC LINK STYLES */
a:link {
	color: #577DA2;
	text-decoration: none;
}

a:visited {
  color: #577DA2;
  text-decoration: none;
}

a:hover { color:#FF9900;
	text-decoration: none;
}

/* CLEARER DIV USED TO CLEAR FLOATED DIVS */
.clearit {
clear: both;
font-size: 1px; /*for IE*/
height: 0;
line-height: 0px;
}
/* styles the image in the top right content area */
.imgright {
float: right; 
padding-left: 6px; 
padding-right: 0px;
padding-top: 6px;
}

/* styles the box under the image in the top left content area */
.box1 {
padding: 8px;
margin-left: 6px;
width: 224px;
}

/***** Begin laying out the contact form *****/

form {width: 450px;}

fieldset{
	padding:10px;
	border: 1px solid #577DA2;
	margin-bottom:15px;
	margin-top: 40px;
	width: 450px;
	font-size: 100%;
}

/*styles the input fields*/
input,textarea{
	border: 1px solid #577DA2;
	margin: 4px;
	padding: 2px;
}

label{
	color:#666;
	font-size: 100%;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color: #577DA2;
font-size: 130%;
font-weight: bold;
}

.submitbutton {
	border: 1px solid #8B9DAB;
	background: #C1CAD2;
	color: #666666;
	}
	
.ticker_font { font-family: 'Courier New, Verdana, Arial, Helvetica'; font-size: 12px; 
		    color: white; background-color: #8AA6C0; border: 0px; cursor: default }	
/*end of form styles */
.leftform {
	width: 200px;
	float: left;
}
.ticker_font { font-family: 'Courier New, Verdana, Arial, Helvetica'; font-size: 12px; 
		    color: white; background-color: #8AA6C0; border: 0px; cursor: default }
#Layer1 {
	position:absolute;
	width:37px;
	height:33px;
	z-index:1;
	left: 665px;
	top: 291px;
}

#SerialNumber, #modelchoice, #help , #code
{
	text-align: center;
	width: 95%;
	border: thin solid #CCCCCC;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1.5em;
	padding-left: 0.5em;
	margin-top: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-color: #EFEFEF;
}
.serial
{
	width: 1.2em;
	height:1.5em;
	color: black ;
	font-size: 0.7em;
	
}