body {
	background: #000 url(../images/bg-body-blue-default.jpg) no-repeat 85px 0;
	font-family: "calibri ms", arial, helvetica, sans-serif;
	font-size: 76%;
	color: #0b4b87;
	margin: 0;
	padding: 0;
}


a {
	text-decoration: none;
	color: #f5aa2f;
	font-weight: bold;
}

a img {
	border: 0;
}

div.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

#banner {
	width: 958px;
	margin: 0 auto;
	position: relative;
	padding-top: 11px;
	padding-bottom: 10px;
}

#banner img {
	margin: 0 11px;
	clear: both;
}

#wrapper {
	width: 958px;
	margin: 0 auto;
	position: relative;
}


#tabs {
	padding-top: 0;
	padding-left: 501px;
	height: 30px;
}

#tabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tabs ul li {
	float: left;
	margin-right: 3px;
}

#tabs ul li a {
	color: #ccc;
	height: 30px;
	line-height: 30px;
	width: 141px;
	background-color: #042D4B;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

#tabs ul li a:hover {
	color: white;
}

#tabs ul li a.on {
	background-color: #ffffff;
	color: #333;
}

#offers {
	background: transparent url(../images/offers_background.png) repeat-x 0 0;
	position: relative;
	height: 252px;
}


div#wn { 
	position:absolute; 
	left: 18px;
	top: 0px; 
	width: 902px; height:252px; 
	clip:rect(0px, 902px, 252px, 0px); 
	overflow:hidden;
}

div#lyr1 { 
	position:absolute;
	visibility:hidden; 
	left:0px; top:0px; 
}

div#scroll {
	width: 2000px;
}

#offers div.offer {
	width: 180px;
	float: left;
	margin-top: 15px;
}

#offers div.offer div.hotspot {
	padding: 10px 15px;
	border: 1px solid transparent;
	background-color: transparent;
	cursor: pointer;
	height: 200px;
}

#offers div.offer div.on {
	border: 1px solid #454841;
	background-color: #2E302B;
}

#offers div.offer h2 {
	margin: 0;
	color: #0a3a76;
	font-size: 105%;
	font-weight: normal;
}

#offers div.offer div.image {
	margin: 5px 0;
}

#offers div.offer p {
	margin: 0;
	color: #494c4e;
}

#scrollbar {
	height: 36px;
	clear: both;
	background: white url(../images/scrollbar_blank.png) repeat-x 0 0;
	line-height: 36px;
	padding: 0 33px;
	color: #666;
	text-indent: -5000px;
}

#scrollbar a {
	cursor: pointer;
	color: #737373;
	text-transform: uppercase;
}

#scrollbar a:hover {
	color: white !important;
}

#scrollbar a.left {
	background: transparent url(../images/scroll_arrow_left.jpg) no-repeat 0 9px;
	padding-left: 30px;
	float: left;
	width: 100px;
}

#scrollbar a.right {
	background: transparent url(../images/scroll_arrow_right.jpg) no-repeat right 9px;
	padding-right: 30px;
	float: right;
	width: 100px;
}

#scrollbar p {
	text-align: center;
	margin: 0;
	padding: 0;
}

#mainArea {
	padding: 0 11px;
	clear: both;
	height: 1%;
}

div#content-area {
	background: transparent url(../images/content-area-background.png) no-repeat 0 bottom;
	padding-bottom: 60px;
}

#colLeft {
	width: 548px;
	float: left;
}

#content {
	padding: 10px;
	color: #444;
}

#content p,
#content li {
	line-height: 1.5em;
}

#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none !important;
}


#content h1 {
	margin-top: 0;
	font-weight: normal;
	font-size: 160%;
	color: #003366;
	padding-top: 10px;
}

#content h1 span {
	color: #1978be;
}

#content h2 {
	color: #1978be;
	font-size: 140%;
	font-weight: normal;
}

#content h2 a {
	text-decoration: underline !important;
}

#content h3 {
	font-size: 120%;
	font-weight: normal;
	color: #003366;
}

#content h3 a {
	font-weight: normal !important;
	color: #003366 !important;
	text-decoration: underline !important;
}

#content h4 {
	font-weight: bold;
	color: #003366;
}

#content table {
	width: 500px;
}

#content table th {
	background-color: #5094D0;
	color: white;
	text-align: left;
	padding: 4px;
}

#content table td {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 4px;
}

#content a.buttonlink {
	padding: 4px 6px;
	border: 1px solid #454841;
	background-color: #2E302B;
}

#content a.buttonlink:hover {
	background-color: #1E201D;
}

#content div.welcomeImage img {
	border: 1px solid #b3b3b3;
}

ul#contentNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#contentNav li {
	margin: 0;
	padding: 0;
}

ul#contentNav li a {
	padding: 0 10px;
	display: block;
	background: white url(../images/welcome_nav_matrix.png) no-repeat 0 0;
	height: 26px;
	line-height: 26px;
	color: #666;
}

ul#contentNav li a:hover {
	background-position: 0 -26px;
}

#colRight {
	width: 388px;
	float: left;
}

#colRight div.col {
	width: 194px;
	float: left;
}

#colRight h2 {
	font-size: 110%;
	margin-top: 0;
	color: #0a3a76;
}



#colRight div.image {
	padding: 20px 20px 0 20px;
}

#colRight div.products {
	padding: 20px;
	text-align: center;
}

#colRight div.product {
	border: 1px solid #a7a8a7;
	margin-bottom: 20px;
	padding: 10px 10px 10px 0;
	height: 120px;
	background-color: white;
}

#colRight div.products div.product div.circle {
	clear: both;
	float: left;
	width: 130px;
}

#colRight div.products div.product div.circle img {
	border-right: 1px solid #a7a8a7;	
}

#colRight div.products div.product div.text {
	margin-left: 140px;
	line-height: 1.25em;
	text-align: left;
	color: #666;
	font-size: 90%;
}

#colRight div.products div.product div.text strong {
	font-size: 120%;
	color: #f5aa2f;
}

#welcome {
	padding: 20px 15px 20px 0;
	color: #494c4e;
}

#news {
	padding: 20px 15px;
}

#news h3 {
	color: #b1ecfe;
	font-size: 100%;
	margin-bottom: 0;
}

#news p {
	margin-top: 0;
}

#news h3 a {
	color: #494c4e;
}

#footer {
	clear: both;
	color: #fff;
	width: 958px;
	margin: 0 auto;
	font-weight: bold;
	padding-bottom: 10px;
}

#footer p {
	margin: 0;
	padding: 0 20px;
}







div#content form div.row {
	padding: 4px;
	vertical-align: middle;
	clear: both;
}

div#content form div.striped {
	background-color: #eeeeee;
	border-bottom: 1px solid #ddd;
}

div#content form div.focus {
	background-color: #fFd;
}

div.row label {
	width: 40%;
	display: block;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	font-weight: bold;
	margin-right: 5px;
}

div.row input,
div.row textarea,
div.row select {
	width: 56%;
}


div#content form div.row div.tip {
	margin-left: 30%;
}

div#content form label.auto {
	margin-right: 1em;
	font-weight: normal;
}

div#content form .auto {
	width: auto !important;
	display: inline !important;
	float: left !important;
}

div#content form fieldset {
	border: 1px solid #ccc;
	margin: 1em 0;
	padding-left: 0;
	padding-right: 0;
}

div#content form fieldset legend {
	color: #003366;
	font-size: 120%;
	font-weight: normal;
}

div#content form fieldset div.fieldsetTopSpacer {
	height: 10px;
}


div.error {
	background: #fee url(../images/icon_error.gif) 8px 6px no-repeat;
	padding: 5px 5px 5px 28px;
	margin: 1em 0;
	border: 1px solid #f00;
	font-size: 14px;
}

div.success {
	background: #efe;
	border: 1px solid #33cc00 !important;
	padding: 5px 8px;
	margin: 1em 0;
	font-size: 14px;
}


span.highlight {
	color: #f5aa2f;
}

div.fieldError {
	color: red;
	clear: both;
	float: right;
	width: 303px;
	text-align: left;
}
span.checkboxError {
	color: red;
	padding-left: 22px;
}

