html, body {
    margin:0;
    font-size:100%;
    width:100%;
    height: 100%;
    background:#f0f1f1
}

html, body, td, div {
    font-family:Verdana, Helvetica, sans-serif;
}

body {
    margin:auto;
    width:769px;
}

h1, h2 {
	font-weight:normal;
	float: none;
    background: transparent;
    color: #0d6aa3;
    padding: 0; 
    font-size:1.5em;;
    margin-bottom:0.5em
}

h2 {
    font-size:1.2em;
    margin-top:2em
}

#popup h2 {
    float: none;
    background: transparent;
    color: #0d6aa3;
    padding: 0; 
    font-size:1.5em;;
    margin-bottom:0.5em
}

#article h1, #article h2,  #article h3,
#alt-content h1, #article h2,  #article h3 {
    float: none;
    background: transparent;
    color: #0d6aa3;
    padding: 0; 
    font-size:1.5em;
    margin-bottom:0.5em;
}

#article h2,  #article h3 {
    font-size:1.2em;
    margin-top:2em
}

#article p {
    margin-top:0;
    line-height:1.5em;
}

#article a {
    color:#1da8e8
}

#article a:hover {
    color:#00529b
}

h3 {
	font-weight:normal;
	clear:both;
	font-size:1.1em;
	margin-top:0;
	margin-bottom:5px;
	color: #00529b
}

table {
	border-collapse:collapse;
	margin-bottom:10px;
	width:auto;
	line-height:1.5em;
}

th {
	font-weight:normal;
	text-align:left
}

th, td {
	padding:4px 7px;
}

a {
    text-decoration:underline;
    color:#1da8e8
}

a:hover {
    text-decoration:underline;
    color:#00529b
}

img {
	border:none
}

input, textarea, select, option {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:1em
}

#container {
	background:#fff;
	font-size:0.7em;
	width:722px;
	padding:0 19px 21px 19px;
	margin:0 auto;
	min-height:50%;
}

#header {
	background:#fff url('../images/banner.jpg') right 21px no-repeat;
	min-height:169px;
	padding-top:21px;
}

#logo {
	margin-top:13px;
	margin-left:26px
}

#nav {
	float:left;
	display:inline;
	width:722px;
	padding:0;
	margin:1px 0 30px 0;
	background:#fff url('../images/navigation_bar.gif') no-repeat;
}

#nav li {
	float:left;
	padding:0;
	margin:0;
	list-style:none
}

li#n-home a {width:118px;left:0; background:transparent url('../images/homeall.gif') 0 -30px no-repeat}
li#n-aboutus a {width:119px;left:119px; background:transparent url('../images/aboutall.gif') 0 -30px no-repeat}
li#n-documentation a {width:135px;left:239px; background:transparent url('../images/documentationall.gif') 0 -30px no-repeat}
li#n-contactus a {width:118px;left:375px; background:transparent url('../images/contactall.gif') 0 -30px no-repeat}

li#n-home a:hover, li#n-aboutus a:hover, li#n-documentation a:hover, li#n-contactus a:hover {
	background-position:0 0
}

li#n-home a.active, li#n-aboutus a.active, li#n-documentation a.active, li#n-contactus a.active {background-position:0 -60px}

#nav a {
	display:block;
	float:left;
	background:transparent;
	margin-right:1px;
	text-decoration:none;
	color:#fff;
	height:30px;
	text-indent:-999em;
	overflow:hidden
}

#nav a:hover, #nav a:focus, #nav .active a {
}

#nav .active a {
	text-decoration:none
}
/*
#content {
	float:right;
	width:385px;
	padding-bottom:30px
}
*/
#content {
	background:#f4f5f5;
	padding:6px 16px 10px 16px;
	float:left;
	width:690px;
	margin-bottom:20px
}

#alt-content {
	float:right;
	width:509px;
	margin-bottom:10px
}

.index #article, .article #article {
	background:#f4f5f5;
	padding:6px 16px 10px 16px;
	float:right;
	width:477px;
	margin-bottom:20px;
	clear:none
}

.article .wide {
	width:477px;
}

#inside {
	padding:16px
}

#sidebar {
    background:#fff;
    float:left;
    width:200px
}

#tab-block {
	float:left;
	width:682px;
	padding:0 20px;
	border-bottom:2px solid #0c69a2
}

#tab-block span {
	diaply:block;
	float:left;
    font-size:1.2em;
    background:#0d6aa3 url(../img/tab_inactive.gif) right top no-repeat;
    color:#fff;
    padding:0.4em 16px;
    margin:0 1px 0 0;
    font-weight:normal
}

#bottom {
	font-family: arial, "lucida console", sans-serif;
	font-size:1em;
	float:bottom;
	clear:both;
	color:#999;
	line-height:1.5
}
#bottom a {
	color:#1da8e8
}
#bottom a:hover {
	color:#00529b
}

#site-info {
	font-family: arial, "lucida console", sans-serif;
	font-size:1em;
	clear:both;
	border-top:3px solid #efefef;
	padding-top:2px;
	padding-bottom:15px;
	background:#fff url(../images/footer.gif) left bottom no-repeat;
	color:#999;
	line-height:1.5;
}

#site-info a {
	color:#1da8e8
}
#site-info a:hover {
	color:#00529b
}

#additional {
	float:right;
	font-family: arial, "lucida console", sans-serif;
	width:200px;
}

#additional p {
	float:left;
	width:200px;
	margin:0 0 0 0 ;
	line-height:1.1
}

#additional img {
	float:right;
	margin-top:10px;
	display:inline
}

#additional p span {
	color:#1da8e8
}

#home-link {
	color:#000;
	text-decoration:underline
}

#home-link:hover {
	color:#000;
}

#website-link {
	color:#3eb5e1;
	text-decoration:underline
}

#website-link:hover {
	color:#3eb5e1;
}

/*form stuff below*/
fieldset {
	border:none;
	margin:0;
	padding:0
}

form {
	margin:0;
	width:650px;
	padding:14px 20px 20px 20px
}

form div {
	padding:3px 0;
	float:left;
	width:100%
}

div.no-label {
	padding-left:131px;
	width:auto
}

.col-1 {
	float:left;
	clear:left;
	width:320px;
	padding-right:10px
}

#quote-result .col-1 {
	width:240px
}

#quote-result .col-2 {
	width:400px
}

#quote-result .col-2 ul {
}

.col-2 {
	float:left;
	width:320px;
}

.col-1-wide {
	float:left;
	clear:left;
	width:380px;
	padding:0 11px
}

.col-2-slim {
	float:left;
	width:236px;
}

label, span.legend {
	float:left;
	width:125px;
	padding-top:3px;
	padding-right:6px
}

label.long {
    width: 225px;
}

/* span.legend imitates a label that covers multiple radios or checkboxes */
span.legend {
	display:block;
}

select {float:left}

span.question {
	font-weight:bold;
	display:block;
	float:left;
	width:100%;
	clear:both;
	padding:3px 0;
}

fieldset.inline {
	float:left;
	width:100%;
}

fieldset.inline2 {
	float:left;
	width:300px;
}

fieldset.radios label {
	width:auto;
	margin-right:10px;
	padding-top:0
}

fieldset.date input {
	float:left;
	margin-right:3px
}

fieldset.date label {
	display:none
}

fieldset.long .legend {
	width:250px
}

.lrg {
	width:240px
}

.med {
	width:170px
}

.sml {
	width:30px;
	text-align:center
}

.sml2 {
	width:40px;
	text-align:center
}

.block {
	margin-bottom:15px
}

.submit-block {
	clear:both;
	text-align:right
}

.submit-block input, .button {
	border:1px solid #00aeef;
	color:#fff;
	background:#00aeef url(../img/button.gif) repeat-x;
	font-weight:bold;
	padding:5px 20px;
	width:151px
}

#change_details {
	margin-bottom:15px
}

.submit-block input:hover, .button:hover {
	cursor:pointer;
	color:#0f69a1;
}

.submit-block input {
	margin-left:6px
}

#apply-online {
	margin-top:0.7em
}

#premium {
	color:#31b9e6;
	font-size:3em;
	float:left;
	padding-right:30px;
	margin-bottom:20px
}

#premium span {
	font-size:0.4em
}

.data {
	font-weight:bold;
	margin-bottom:15px
}

ul.data {
	margin:0 0 15px 0;
	padding:0;
}

ul.data li {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

textarea.lrg {
	height:110px
}

#validation {
    border: 1px solid #a00;
    padding: 0;
    margin-bottom: 10px;
    width: 650px; 
}

div.narrow {
    width: 370px !important;
}

#validation p{
    margin: 2px 5px;
}
#validation ul {
    margin: 4px;
}
#validation ul, #validation ul li {
    list-style-type: none;
}

#validation ul li label {
    float: none;
    width: auto;
    padding-top:0px;
    cursor: pointer;
}

#article {
    clear:both;
}

#article ul {
	margin: 0 0 0 17px;
	padding-left:0;
}

#article li {
	list-style-type:square;
	padding: 0 0 5px 5px;
	line-height:1.5;
}

#popup li {
	list-style-type:square;
	padding-left:18px;
	line-height:1.5;
}

#documents .doc-list li {
    list-style: none;
}
#documents .doc-list li span {
    margin-bottom: 3px;
}

#items-of-cover {
	font-size:0.9em;
}
.narrow {
	width:380px
}
.wide {
	width:670px
}
#items-of-cover thead th {
	font-weight: bold;
}

#items-of-cover th, #items-of-cover td{
	padding-left:0;
	vertical-align:top
}

.advert {
	float:left;
	margin-right:10px
}

#alt-content h2 {
	clear:none;
	font-weight:bold
}

#sub-nav, #sub-nav ul, #sub-nav li {
	margin:0;
	padding:0
}

#sub-nav ul {
	margin-bottom:20px
}

#sub-nav li {
	list-style:none
}

#sub-nav h2 {
	margin-top:0;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:4px
}

#sub-nav a {
	color:#1da8e8;
	text-decoration:none;
	display:block;
	width:179px;
	padding:7px 4px 7px 18px;
	border-bottom:1px solid #e4e4e4;
	background:#fff url('../images/nav_bullet.gif') -200px 5px no-repeat 
}

#sub-nav a:hover {
	color:#00529b;
	text-decoration:none;
	display:block;
	width:179px;
	padding:7px 4px 7px 18px;
	border-bottom:1px solid #e4e4e4;
	background:#e7f7fd url(../images/blue_bullet.gif) -200px 5px no-repeat;
}

#sub-nav a.pdf {
	background-position:0 5px;
	width:164px;
	padding:7px 18px 7px 18px;
}

.note {
	font-size:0.9em
}
.note a {
	text-decoration:none;
	font-weight:bold
}