/* CSS Document */


/*
===== CONTENTS =====

	last-updated: PUT DATE HERE;

	=1: Universally
	=2: Accessibility
	=3: Body
	=4: Outline Construction
	=5: Navigation

====================
*/

/*
===== =1: Universally =====
*/

* {
font-size:100%;
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}

#wrap:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

fieldset {
border: 0;
}


/*
===== =2: Accessibility =====
*/

h1 span, h2 span, #productDetails a span, a.membersLogin  span
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

/*
===== =3: Body =====
*/
body {
background: #666;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 1em;
}

#content a:link {
padding:1px;
color: #960;
background: #ffff99;
}
#content a:visited {
padding:1px;
color: #333;
background: #FFFF99;
}
#content a:hover {background:#FDBB30;}
#content a:active {background:#FDBB30;}


#wrap {
margin: auto;
width: 75em;
text-align: left;
}

#header {
padding-top:0.3em;
margin: auto;
height: 3.9em;
background: #333 url("stat/header.gif") no-repeat;
/*border: 1px solid #f90;*/
}

#header h1 a {
background: #333 url(stat/hull-fc.gif) no-repeat;
width: 8em;
height: 4.2em;
float: right;
margin-right: 1em;
}
#header p {
padding: 10px 0 0 20px;
color:#F90;
}


#bigPicture h2 a {
background: #333 url(stat/connections.jpg) no-repeat 0 0;
width:24.6em;
height: 10.2em;
margin:2.5em 0 0 48.2em;
display:block;
}

#content h2, #content h3 {
font: 18px/22px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin-bottom: 10px;
}
#content h3 {
font-weight: bold;
font-size: 13px;
margin: 20px 0 0 0;
color: #f90;
clear: both;
}

p {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
p.showing {
color: #999;
}

a.membersLogin  {
display: block;
width: 97px;
background: url(stat/members-login.gif) no-repeat;
padding-top: 18px;
height: 0;
margin:10px 0 0 20px;
overflow: hidden;
}
a.membersLogin:hover {
background: url(stat/members-login.gif) no-repeat 0 -17px;
}


#content img {
float: left;
margin: 4px 10px 0 0;
}

#content ul#error {
margin:0 0 0 40px;
list-style-type:disc;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}
#content ul#error li {
list-style-type:disc;}
#bigPicture {
height: 15em;
background: url(img/bigPicture.jpg) no-repeat;
border: 1px solid #f90;
margin: 1em 0 1em 0;
}

#contentArea {
border-right: 1px solid #f90;
float: left;
margin-bottom: 1em;
background: url(stat/column_borders.gif) repeat-y;
}

a.advert img {
width:500px;border:none;background:none;
}
a.advert:active {background:none;}
a.advert:visited {background:none;}
a.advert:hover {background:none;}
a.advert:active {background:none;}

#navColumn {
width: 20em;
float: left;
}

#navColumn img {
border: 1px solid #f90;
border-width: 0 1px 0 1px;
width: 198px;
}


#navColumn ul {
background: #9999FF;
border-bottom: 1px solid #c63;
}

#navColumn ul li {
text-align: right;
}

#navColumn ul li a, #navColumn ul li a:visited  {
width: 19.5em;
display: block;
padding-right: 0.5em;
line-height: 1.9em;
background: url(stat/navigation.gif) no-repeat;
color: #000;
}
#navColumn ul li a:hover { 
background: url(stat/navigation.gif) no-repeat 0 -19px;
}

#navColumn ul li a.active { 
background: url(stat/navigation.gif) no-repeat 0 -19px;
}


#ecs_advert {
background: #f90;
}



#content {
float: right;
width: 50em;
border-top: 1px solid #f90;
padding: 17px;
}

#footer {
clear: both;
background: #333;
border: 1px solid #f90;
height:5.2em
}
#footer p.regulatory {
float:left;
width:420px;
color:#fff;
margin:10px;}
#footer p.conditions {
float:right;
color:#fff;
margin:10px;}

#footer p {
color:#fff;
margin:10px;}

#footer a:link {color:#F90}
#footer a:visited {color:#F90}
#footer a:hover {color:#000;background:#FDBB30;}
#footer a:acitve {color:#000;background:#FDBB30;}

#page_nav {
clear:left;
text-align:center;
}

#page_nav span {
color:#ccc;
}

#page_nav a {
margin-right:5px;
padding:2px 10px;
}

p.more {
text-align:right;
}

img.even {
border:1px solid #B1C3D9;
float:left;
margin:0 10px 5px 0;
padding:4px;
}
#productDetails img.even {
width:140px;
margin:0 0 5px 0;
}

img {
float: left;
}

#productDetails dl {
float:left;
line-height:18px;
margin:0 0 20px 5px;
padding:0;
width:310px;
/*background:green;*/
}

#productDetails dt {
float:left;
font-weight: bold;
width:120px;
/*background:orange;*/
}

#productDetails dd {
padding:0 9px 0 3px;
/*background:yellow;*/
width:170px;
margin-left:120px;
}

#content a.more  {
clear:left;
background:url("stat/more.gif") no-repeat;
height:15px;
display: block;
width: 150px;}


form#genericForm {
}
form#genericForm p {
color: #000;
}


form#genericForm fieldset {
margin-top: 20px;
}
form#genericForm legend {
font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
color: #6699CC;
margin-bottom: 5px;
_margin-left: -7px;
}

form#genericForm label {
width: 150px;
clear:left;
float: left;
line-height: 22px;
margin-top: 5px;
font-weight: bold;
color: #666;
}

form#genericForm fieldset.interest label {
width: 120px;
}

form#genericForm input {
width: 200px;
padding: 3px;
margin-top: 5px;
float: left;
}

.reset {
clear: left;
}

form#genericForm input.check {
width: 15px;
height: 15px;
_vertical-align: middle; /* for IE */
margin-top: 10px; /* for FF */
}

form#genericForm span.checkBlock {
width: 200px;
display: block;
float: left;
}

form#genericForm input.submit {
width: 80px;
clear: left;
}

form#genericForm input.error, form#genericForm textarea.error, form#genericForm select.error {
background:#FFFF99;
}


form#captions input {
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
width: 200px;
padding: 3px;
}
form#captions input.submit {
margin-top: 10px;
width: 80px;
}
textarea {
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
width: 208px;
height: 60px;
}



p.caption {
	font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 4px;
	margin: 5px 0 10px 0px;
	border-left: 1px solid #333;
	background-color: #E1E1C4;
	font-style: italic;
}

form#quoteForm p {
color: #000;
}
form#quoteForm fieldset {
background: #eee;
margin:10px 0;
padding:10px;
clear: right;
}
form#quoteForm legend {
font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
color: #6699CC;
margin-bottom: 5px;
_margin-left: -7px;
}

form#quoteForm label {
width: 80px;
float: left;
line-height: 12px;
margin: 5px 5px 0 0;
font-weight: bold;
color: #666;
padding-top: 3px;
}


form#quoteForm input {
width: 125px;
padding: 3px;
margin: 5px 15px 0 0;
float: left;
}
form#quoteForm select {
margin-top: 7px;
width: 135px;
float: left;
margin: 5px 15px 0 0;
}

p {
margin-bottom:1em;
}

form#quoteForm input.check {
width: 15px;
height: 15px;
_vertical-align: middle; /* for IE */
margin-top: 10px; /* for FF */
}

form#quoteForm span.checkBlock {
width: 200px;
display: block;
float: left;
}

form#quoteForm input.submit {
width: 80px;
clear: left;
margin-left:375px;
}

dl#error {margin:0 0 5px 0;padding:5px;list-style-type:disc;background:#F8FFAF;border:1px solid #FFDE03}

dl#error dt {font-weight:bold;}
dl#error dd {margin:4px 10px;background:none;color:#000;list-style-type:disc;}

dl#error dd a:link {background:none;display:inline;padding:2px;}
dl#error dd a:visited {background:none;display:inline;padding:2px;}
dl#error dd a:hover {background:none;display:inline;padding:2px;background:#004F75;color:#fff;}
dl#error dd a:active {background:none;display:inline;padding:2px;background:#004F75;color:#fff;}