body{
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-top:10px;
	text-align:center;
}
a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}
a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666666;
}
#mainTable {
	margin:auto;
	background-color:#a0cbed;
	width:900px;
	height:757px;
	text-align:left;
}
/*-------------------------------------------------------------------top Bar-------------------------------------------*/
#top{
	background-color:#FFFFFF;
	padding:15px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a0cbed;
	height:80px;
	margin:0;
	border:#A0CBED thin solid;
}
#top img{
	float:left;
	border:none;
	padding-top:0;
	padding-left:0;
	padding-right:15px;
}
#top a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7A9EBB;
}
#top a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666666;
}
#top .pageAt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
}
#top .pageAt a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7A9EBB;
	font-size:14px;
}
#top .pageAt a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
}
#top .pageNot{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#D2CEC2;
	font-size:14px;
}
#top .pageNot a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#D2CEC2;
	font-size:14px;
}
#top .pageNot a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
}
/*-------------------------------------------------------------------Nav Bar-------------------------------------------*/
#navBar{
	margin:0;
	height:15px;
	padding:5px;
	font-family:verdana, sans-serif;
	color:#FFFFFF;
	text-align:center;
	border-bottom: 2px solid #ffffff;
}
#navBar p{
	margin:0;
	display:inline;
}
#navBar ul{
	display:inline;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#navBar li{
	display:inline;
	margin:0;
	padding:0;
	color:#FFFFFF;
}

#at a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666666;
}
#navBar img{
	float: none;
	}
/*-------------------------------------------------------------------Main Content-------------------------------------------*/

#mainContent{
	margin:0;
	height:570px;
	padding:15px;
	text-align:left;
	background-color:#EDF4FA;
	color:#66859E;
	position:relative;
	border-bottom: 1px solid #ffffff;
}
#mainContentb{
	margin:0;
	height:650px;
	padding:15px;
	text-align:left;
	background-color:#EDF4FA;
	color:#66859E;
	position:relative;
	border-bottom: 1px solid #ffffff;
}
#mainContent a{
	text-decoration:none;
	color:#7A9EBB;
}
#mainContent a:hover{
	text-decoration:none;
	color:#000000;
}
#mainContent img{
	float:left;
	border:none;
	padding-top:0;
	padding-left:0;
	padding-right:15px;
}
#mainContent .topTxt{
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
#mainContent .mainTxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#mainContent .mainTxt p{
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#smlNav{
	text-align:left;
	padding-bottom:15px;	
}


#prodNav{
	text-align:right;
	position:absolute;
	right:15px;
	top: 573px;
}
/*-------------------------------------------------------------------portfolio New -------------------------------------------*/
#portfolio{
	margin: 0;
	height: 600px;
	padding: 0;
	background-color:#EDF4FA;
	font-size:10px;
	color:#7A9EBB;
	border-width: 1px;
	border-bottom: 1px solid #A0CBED;
	position: relative;
}
/* -------------------------------------------Main Image-------------- */
.extra {
	text-align: center; 
	text-decoration:none; 
	margin:0; 
	background-color: #EDF4FA; 
	padding: 0;
	clear: both;
	height: 600px;
	border-bottom: 1px solid #ffffff;

}
.extra a {text-decoration: none; margin:0; color: #fff;
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;}
	.extra a:hover{
	text-decoration: underline;
}
.extra em { color: #fff;
	font: normal 13pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.extra em.txt, .extra b {display:none;}
.extra .head {display:block; width:900px; height:1px;}
.extra .color2 {background:#fff;}

.extra imageDiv{
	text-align: center;
}
.extra img {border:0; text-align: center;}
.extra:hover em.leftNav{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 600px;
}
.extra:hover em.rightNav{
	display: block;
	position: absolute;
	top: 0px;
	left: 500px;
	width: 400px;
	height: 600px;
}
.extra:hover {background:#fff; position:relative;cursor:auto;}
.extra:hover b {display:block; position:absolute; top:565px; left:0; width:900px; background:#333; height:35px; opacity:0.7; }
.extra:hover em.txt {text-align:left; display:block; position:absolute; top:10px; width:500px; left:130px; height:35px; color:#fff; margin:0; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase;}
.extra:hover em.bleft {display:block; position:absolute;top:10px; left:15px text-align: left;width: 100px; }
.extra:hover em.bright {display:block; position:absolute;top:10px; left:785px; text-align: right;width: 100px;}
.extra:hover em.bmid {display:block; position:absolute;top:10px; left:370px; text-align: center;width: 160px;}
.extra:hover em.navinfo {display:block; position:absolute;top:10px; left:450px; text-align: center;width: 400px; text-align:right;}

/*-------------------------------------------------------------------portfolio content-------------------------------------------*/

#content{
	margin:0;
	height:600px;
	width:900px;
	text-align:center;
	background-color:#EDF4FA;
	color:#7A9EBB;
	font-size:10px;
	position: relative;
}
#containerPort{
	display:table;
	text-align:center;
	}
#displayed{
	#position: absolute;  
	_top: 50%;
	display: table-cell; 
	vertical-align: middle;
}
#dispExp{
	#position: relative;  
	#top: -50%;
}
#portNumbers{
	text-align:left;
	height:25px;
	width:750px;
	word-spacing:0.3em;
	background-color:#EDF4FA;
	color:#66859E;
	border-bottom:#A0CBED thin solid;
	padding-left:15px;
	padding-right:15px;
	margin: 0;
	float: none;
}
#content img{
	border:none;
	text-decoration:none;
	color:#66859E;
	padding: 0;
}
#content a{
	text-decoration:none;
	color:#66859E;
}
#content a:hover{
	text-decoration:none;
	color:#666666;
}
#portNumbers a{
	text-decoration:none;
	color:#7A9EBB;
	font-size:12px;
}
#portNumbers a:hover{
	text-decoration:none;
	color:#666666;
}

#imgNumbers{
	text-align:right;
	position:absolute;
	right:15px;
	top: 360px;
	word-spacing:.3em;
}
#numbers{
	text-align:right;
	position:absolute;
	left:0px;
	top: 575px;
	word-spacing:0.3em;
	width: 890px;
	font-size: 12px;
	height: 15px;
	background-color:#a0cbed;
	padding:5px;
	border-top: 2px solid #fff;
}
#numbers p{
	margin:0;
	display:inline;
}
#numbers ul{
	display:inline;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#numbers li{
	display:inline;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#numbers a:hover{
	text-decoration:none;
	color:#666666;
}

#numbers a{
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	}
#numbers img{
	float: none;
	padding: 0px;
}
#at a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666666;
}
#numAt a{
	text-decoration:none;
	color:#666666;
	font-size:14px;

}/*-------------------------------------------------------------------Centred Content-------------------------------------------*/

#container{
	margin:0;
	height:570px;
	padding-bottom:15px;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	text-align:center;
	background-color:#EDF4FA;
	color:#7A9EBB;
	position:relative;
	font-size:12px;
}
#container a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7A9EBB;
}
#container a:hover{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
#container img{
	border:none;
}	
#collectTopLeft{
	position: absolute;
	left: 18px;
	top: 18px;
	width: 276px;
	height: 273px;
}
#collectTopMid{
	position: absolute;
	left: 312px;
	top: 18px;
	width: 276px;
	height: 273px;
}
#collectTopRight{
	position: absolute;
	left: 606px;
	top: 18px;
	width: 276px;
	height: 273px;
}
#collectBotLeft{
	position: absolute;
	left: 18px;
	top: 309px;
	width: 276px;
	height: 273px;
}
#collectBotMid{
	position: absolute;
	left: 312px;
	top: 309px;
	width: 276px;
	height: 273px;
}
#collectBotRight{
	position: absolute;
	left: 606px;
	top: 309px;
	width: 276px;
	height: 273px;
}
	#leftcontent {
		position: absolute;
		left:26px;
		width:200px;
		height:570px;
		top:15px;
		padding: 0px;
		}

	#centerleftcontent {
		position: absolute;
		left:242px;
		width:200px;
		height:570px;
		top:15px;
		}

	#centerrightcontent {
		position: absolute;
		left:457px;
		width:200px;
		height:570px;
		top:15px;
		}

	#rightcontent {
		position: absolute;
		left:674px;
		width:200px;
		height:570px;
		top:15px;
		}

.contactContent a{
	text-decoration:none;
	color:#999999;
}
	/*-------------------------------------------------------------------login -------------------------------------------*/		

#loginContent{
	width: 900px;
	margin:0;
	height:600px;
	text-align:left;
	color:#66859E;
	border-bottom:#A0CBED thin solid;
	position:relative;
	background: #EDF4FA url(../img/login1.jpg) no-repeat 0px 0px;
}
#loginContent a{
	text-decoration:none;
	color:#7A9EBB;
}
#loginContent a:hover{
	text-decoration:none;
	color:#000000;
}
#loginContent img{
	
}
#loginContent #logLeft{
	color: white;
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 30px;
	text-transform: uppercase;
	padding-top: 45px;
}
#loginContent #logRight{
	color: white;
	float: right;
	width: 300px;
	text-align: right;
	text-transform: uppercase;
	padding-top: 45px;
	padding-right: 30px;
}
form#log label { 
	margin: 10px 0 0 0; 
	display: block;
	text-transform: uppercase;
	text-align: left;
	float: left;
	padding: 0;
}
form#log input.text, form#log textarea.text {
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	background: #fffbf7 url(../img/formfield_background.gif) no-repeat left;
	padding: 3px;
	text-transform: none;
	float: right;
}
	/*-------------------------------------------------------------------downloads and links-------------------------------------------*/		
.DLContentLeft{
	padding:20px;
	width:330px;
	float:left;
	font-size:14px;
}
.DLContentRight{
	padding:20px;
	width:330px;
	float:right;
	font-size:14px;
}
	/*-------------------------------------------------------------------Bottom Bar-------------------------------------------*/
#bottomBar{
	background-color:#FFFFFF;
	margin:0;
	padding-top:3px;
	padding-left:0px;
	padding-bottom:3px;
	text-align:center;
	height:15px;
	color:#A0CBED;
	font-size:10px;
	vertical-align: bottom;
}
#bottomBar p{
	margin:0;
	display:inline;
}
#bottomBar ul{
	display:inline;
	margin:0;
	padding:0;
	color:#a0cbed;
}
#bottomBar li{
	display:inline;
	margin:0;
	padding:0;
	color:#a0cbed;
}
#bottomBar li a{
	color:#a0cbed;
	text-decoration:none;
	font-size:10px;
}
#bottomBar li a:hover{
	color:#666666;
	text-decoration:none;
	font-size:10px;
}
#bottomBar a{
	color:#66859E;
	text-decoration:none;
	font-size:10px;
}
#bottomBar a:hover{
	color:#666666;
	text-decoration:none;
	font-size:10px;
}
#bottomBar .ad{
	text-align:right;
	font-size:10px;
}
/* -------------------------------------------Bottom links-------------- */
#copy{
	
	float: right;
	width: 600px;
	color: #66859E;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
	text-transform: uppercase;
}
#links{
	float: left;
	width: 295px;
	text-align: left;
	text-decoration: none;
	color: #66859E;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}


.bottomText {
	color: #fff;
	font-size: 8px;
	text-align: center;
}
/* -------------------------------------------Nav guide-------------- */
#navHelp{
	
	text-align:left;
	position:absolute;
	left:595px;
	top: 496px;
	width: 290px;
	font-size: 12px;
	padding:5px;
}
/*-------------------------------------------------------------------Price Comparison-------------------------------------------*/




#Pricetablebox {
	width:870px;
	overflow-x: hidden;
	display: block;
	padding: 0px;
}
#Pricetablebox a{
	text-decoration:none;
	color:#FFF;
}
#Pricetablebox a:hover{
	text-decoration:none;
	color:#666666;
}

#Pricetablebox img{
	float: right;
	border:none;
	padding-right: 50px;
}


#box-table-a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	width: 870px;
	text-align: center;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 12px;
	font-weight: normal;
	padding: 4px;
	background: #a0cbed;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
#box-table-a td
{
	font-size: 10px;
	padding: 4px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #678499;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #666;
}
.style12 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #678499; text-align:left;}
#textbox1 {
	font-style: normal;
	float: right;
	height: auto;
	width: 455px;
	margin-right: 20px;
}
#imagebox1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	float: left;
	height: auto;
	width: auto;
}