/* CSS for all front-end elements goes here */

html, body {
  height: 100%; /* Required */
}

body {
	color: #0b5188;
	font-family:"Lucida Sans", Arial, sans-serif;
	font-size:0.7em;
	background:url(/Images/Gif/mainbg.gif) center repeat-y;
	margin: 0px;
	padding: 0px;
}

a {
color: #0b5188;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.whitelink {
color: white;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.trans {
	behavior: url("/pngbehavior.htc");
}

#wrapper {
position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#content {
	margin: 0 auto;
	width:771px; 
	position: relative;
	padding: 0px 0px 30px 0px;
}

#content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#top-header {
	width: 100%;
	background-color:#FFFFFF;
	height:109px;
}

#top-headerinner {
	margin: 0 auto;
	width:771px; 
}

#navarea {
height:150px;
background:url(../Images/Gif/navarea-bg.gif) repeat-x;
width:100%; 
}

#navareainner {
	height:150px;
	border-right: 1px solid white;
	border-left: 1px solid white;
	margin: 0 auto;
	width:771px; 
}

ul {
list-style-image:url(/Images/Gif/arrowbullet.gif);
padding: 2px 0px 0px 19px;
margin:5px;
}

li {
padding-left: -3px;

}

#footer {
	background:url(/Images/Gif/footerbg.gif) repeat-x;
	position: absolute;
	height: 23px;
	bottom: 0;
	width: 100%;
	 
}

#innerfooter {
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid white;
	color: #FFF;
	padding: 5px 10px 0px 10px;
	background-color: #0b5188;
	width: 751px;
	margin: 0 auto;
	height: 18px;
}

#navbox {
	height: 125px;
	float:left;
}

#titlearea {
background:url(/Images/Gif/clouds-bg.gif) no-repeat;
float:left;
position:relative;
width: 662px;
height: 125px;
}

hr {
display: block;
clear: both;
visibility: hidden;
}

div.clearer {clear: left; line-height: 0; height: 0;}


#loginbox {
margin-top:20px;
width: 190px;
float:right;
}

.maincontentarea {
width: 667px;
margin:0 auto;
} 

label {
float: left;
width: 100px;
}


.halfcolumn-l {
text-align:justify;
width: 320px;
padding-right:20px;
float:left;
}

.halfcolumn-r {
text-align:justify;
width: 320px;
float:right;
}

.navtopblue {
	float: left;
	height: 20px;
	width: 108px;
	background-color:#0b5188;
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
	border-top: #fff solid 1px;
}

.navtopgrey {
	float: left;
	height: 20px;
	width: 661px;
	background-color:#bbbbbb;
	border-bottom: #fff solid 1px;
	border-top: #fff solid 1px;
}

.offersbox {
font-size: 110%;
	border-left: white solid 1px;
	position:relative;
	float: left;
	width: 221px;
	background-color:#ededed;
	height: 220px;
}

.dkbluestrip {
padding: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
color: #FFF;
background-color:#0b5188;
}

.offersprice {
z-index:1;
position: absolute;
bottom: 5px;
right: 5px;
behavior: url("/pngbehavior.htc");
}

.infobutton {
position: absolute;
bottom: 0px;
}

.mainimg {
z-index:2;
position: absolute;
top: -90px;
right: 100px;
behavior: url("/pngbehavior.htc");
}

.textbox {
margin:2px;
height: 12px;
font-family:"Lucida Sans", Arial, sans-serif;
font-size: 10px;
border: 1px solid #bbbbbb;
}

.textarea {
margin:2px;
font-family:"Lucida Sans", Arial, sans-serif;
font-size: 10px;
border: 1px solid #bbbbbb;
}


.subheaders {
font-family: Arial, Helvetica, sans-serif;
color: white;
font-size:125%;
font-weight:bold;
background-color:#bbbbbb;
padding:3px 3px 3px 10px;
margin-right:8px;
}

.tableclass {
text-align:left;
margin:0px;
border-collapse:collapse;
border: 1px solid #bbbbbb;
}

.ltgrey {
background-color:#f6f6f6;
}

.dkgrey {
background-color:#e1e1e1;
}

.medltgrey {
background-color:#ededed;
}

.meddkgrey {
background-color:#e7e7e7;
}