/* 

Contents
- RESET
- BASE
- GLOBAL ELEMENTS / STRUCTURE
- NAVIGATIONS
- CONTENT
- FORMS

/*  RESET
------------------------------------*/
html, body, div, span,
h1, h2, h3, h4, p, a, abbr, code, em, 
img, strong, dd, dl, dt, li, ol, ul, fieldset, legend {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit; margin: 0;padding: 0;text-align: left;vertical-align: baseline;}
a img {border: 0;}
ol, ul {list-style:none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}

/*  BASE
------------------------------------*/
body {
	background: #fff url(../images/tile_body.jpg) top left repeat-x; 	
	color: #494742;
	font: normal x-small/1.5em  Arial, Helvetica, sans-serif; 
}
a {
	color: #900c;
	text-decoration: none;
}
a:link {color: #900;}
a:visited {color: #900;}
a:hover {text-decoration: underline;}
a:active {color: #c00;}
.clear {clear: both;}
strong,
.strong {font-weight: bold;}
.btn {background: #f9f9f9 url(../images/bg_button_top.gif) bottom left no-repeat;}
.none {
	background: none !important;
	border: 0 !important;
}
.left {float: left;}
.right {float: right;}
.hide {
	position: absolute;
	top: -9999px;
}
.static {display: block;}

/*- typography */
h1, h2, h3, h4, h5 {font-weight: normal;}
h1 {font-size: 2.2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
p, li {
	font-size: 1.2em; 
	line-height: 1.5;
}
em {font-style: italic;}

/*- self clearing floats */
.clearfix:after, #navUtility:after, .navBucket:after, .navFooter:after, .wrapper:after, .introInner:after, .bucketsInner:after, .btnMulti:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;line-height: 0;}
.clearfix, .navBucket, .navFooter, #navUtility, .introInner, .wrapper, .bucketsInner, .btnMulti {display: inline-block;}
html[xmlns] .introInner, html[xmlns] .wrapper, html[xmlns] .navBucket, html[xmlns] .navFooter, html[xmlns] #navUtility, html[xmlns] .bucketsInner, html[xmlns] .btnMulti,html[xmlns] .clearfix {display: block;}
* html .clearfix, * html .navFooter, * html #navUtility, * html .navBucket, * html .introInner, * html .wrapper,* html .bucketsInner,* html .btnMulti {height: 1%;}

/*  GLOBAL ELEMENTS / STRUCTURE 
------------------------------------*/
#site {
	margin: 4px auto 2em;
	width: 990px;
}
.container {
	background: url(../images/bg_container_mid.jpg) top left repeat-y;
}
.containerOuter {
	background: url(../images/bg_container_top.jpg) top left no-repeat;
}
.containerInner {
	background: url(../images/bg_container_bot.jpg) bottom left no-repeat;
	padding: 10px 10px 8px 11px;
}
#header {
	height: 153px;
	margin: 0;
	position: relative;
}
#logo {
	position:absolute;
	top:14px;
	left:10px;
}
.twoCol,
.threeCol, 
.section,
.about {margin: 15px 0 0;}
.home {margin: 1px 0 0;}
.rightWrapper {
	width: 708px;
	float: right;
}
.content {padding: 0 0 30px;}
.oneCol {
	margin: 20px auto 0;
	width: 740px;
}
.twoCol {padding: 0 15px 0 0;}
.twoCol .content {width: 685px;}
.threeCol .content {width: 445px;}
.section .content {width: 754px;}
.medium {width: 754px;}
.wide {
	margin: 0 auto;
	width: 740px;
}
.sideCol {
	float: right;
	width: 240px;
}
/*- footer */
#footer {
	margin: 1em 0 0;
	color: #a4a3a0;
	padding: 0 6px;
	position: relative;
}
#footer li,
#footer p,
#footer td {
	font-size: 1.1em;
	line-height:1.5;
}
#footer p {margin-top: 1.8em;}
.navFooter {margin: 0 0 1.3em 0;}
.navFooter li {
	background: url(../images/pipe_list.gif) right 60% no-repeat;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
.navFooter li a {color: #666;}
.disclaimers {
	border-top: 1px solid #ecedee;
	border-left: 1px solid #ecedee;
	width: 558px;
}
.disclaimers caption {
	font-size: 1.2em;
	line-height: 2;
}
.disclaimers td {
	border-bottom: 1px solid #ecedee;
	border-right: 1px solid #ecedee;
	padding: 1.8em 8px;
	vertical-align: middle;
	width: 170px;
}
.securities {
	position: absolute;
	top: 0;
	right: 0;
}
/*- global search */
.address {
	padding: 11px 12px 3px;
	position: absolute;
	right: 6px;
	top: 34px;
	width: 420px;
	z-index: 5;
	font-size:10px;
}
.address p{
	font-size:11px;
	text-align:right;
	line-height:22px;
}
/*  NAVIGATIONS
------------------------------------*/
/*- utility nav */
#navUtility {
	width: 969px;	
	position: relative;
	z-index: 15;
}
#navUtility ul {float: right;}
#navUtility li {
	float: left;
	position: relative;
}
#navUtility li a {
	display: block;
	padding: .1em .2em;
}
#navUtility li a:hover {
	cursor: pointer;
	text-decoration: none;
}
/*- main nav */
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 12px;
	background: url(../images/topnav_stretch.gif) repeat-x;
	margin-top:90px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
	line-height:15px;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #c91330 url(../images/topnav_active.gif) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
	background: #c91330;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
.mail a{	
	padding: 10px 15px;display: block;color: #CCC;text-decoration: none; font-size:11px;
	}
/*- sidenav */
.sideNav {
	float: left;
	padding: 0 0 0px 15px;
	width: 222px;
}
.sideNav h3 {
	background: #c00 url(../images/tile_sidenav.gif) repeat-x;
	color: #fff;
	font: normal 2em georgia;
	padding: .8em 11px .4em 15px;
	width:195px;
}
.sideNav ul {
	position:relative;
	border-bottom: 9px solid #c00;
	border-top: 1px solid #fff;
	display: block;
	width:220px;
	z-index:500;
}
/* style the list items */
.sideNav li {
	background: #f1f1f1;
	height: 26px;
	width:220px;
}
.sideNav li li {
	background: #fff;
	font-size: 1em;
	border-bottom: 1px solid #f5f1e7;
}
.sideNav a, 
.sideNav a:visited {
	display:block; 
	height:25px;
	line-height:25px;
	text-indent:15px;
	border-bottom: 1px solid #fff;
	font-size:12px;
}
/*  CONTENT
------------------------------------*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
	line-height: 1.3;
	margin: 0 0 1em;
	color:#000;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}
.content h1 {font-size: 2.4em; margin-top: .6em;}
.content h2 {font-size: 2em;}
.content h3 {font-size: 1.8em;}
.content h4 {font-size: 1.6em;}
.content h5 {font-size: 1.4em;}
.content p,
.content ul,
.content ol {
	line-height: 1.7;
	margin: 0 0 1.8em;
}
.content ul,
.content ol {margin:10px 0 0 44px;}
.content ul {list-style-type: disc;}
.content ol {list-style-type: decimal;}
.content li {font-size:1.3em;margin-bottom:0.3em;padding:1px 0;}
.content a:link {}
.content a:hover {text-decoration: none;}
.content a:link {color: #900;}
.content a:visited {color: #C00;}
.content a:focus {text-decoration: underline;}
.content a:hover {text-decoration: underline;}
.content a:active {color: #900;}
.sideCol p {line-height: 1.5;}
.button1 {
	background: url(../images/btn_right.gif) top right repeat;
	display: inline;
	float: left;
	font-weight: bold;
	margin: 0 0 0 4px;
}
.button1 a {
	background: url(../images/btn_left.gif) top left no-repeat;	
	color: #fff;
	display: block;
	padding: 7px 27px;
}
.button1 a:visited {color: #fff;}
.button1 a:active {color: #fff;}
#movie {
	float: left;
	margin: 0 14px 24px 0;
}
.module {
	background: #fff;
	border: 1px solid #cecdcc;
	margin: 0 0 10px;
	width: 220px;
}
.supplement p {margin: 0 0 1.5em;}
.supplementInner {
	background: #fff url(../images/tile_supplementary.gif) top left repeat-x;
	border: 3px solid #fff;
	padding: 10px 11px;
}
.supplementInner h2 {
	color: #c00;
	margin: 0 0 1.1em;
}
.supplementInner li, .supplementInner ul{
	width:190px;
}
.supplementInner span {
	display: block;
	font-size: 1.2em;
	line-height: 1.3;
}
p.apply {margin: 0 0 .8em 24px;}
/*-  hub */
p.security {
	margin: 1.5em 0 0;
	font-size: 1.1em;
}
.btn2 {
	background: url(../images/bg_button.gif) bottom left repeat;
	display: block;
	width: 216px;
	border-color:#FFFFFF #FFFFFF #D2D2D2 #D2D2D2;
	border-style:solid;
	border-width:1px;
}
.btn2 a {
	background: url(../images/bg_button.gif) top left no-repeat;
	display: block;
	padding: 13px 0px 13px 25px;
	font-size:1.3em;
	color:#333;
}
.btn2 a:hover {text-decoration: none;}
.btn {
	background: url(../images/bg_button_bot.gif) bottom left repeat;
	display: block;
	font-size:14px;
	font-weight: bold;
	margin: 0 0 0 4px;
	width: 196px;
}
.btn a {
	background: url(../images/bg_button_top.gif) top left no-repeat;
	display: block;
	padding: 10px 0px 10px 0px;
	text-align:center;
}
.btn a:hover {text-decoration: none;}
/*- news */
.top {border-bottom: 1px solid #ccc;}
.bottom {border-top: 1px solid #ccc;}
.summary { 
	clear: both;
	margin: 1.4em 0 0;
}
.summary h2 {
	font-size: 1.4em;
	margin:0 0 .2em;
}
.summary img {
	float: left;
	margin: 0 30px 20px 10px;background:url(../images/bg_landing_single.jpg) no-repeat 0 0; padding:10px; 
}
.summary ul{
	list-style-type:square!important;
	list-style:inside;
}
/*- homepage */
.promotions {
	float: left;
	padding:0;
	width: 960px;
}
#rotator {
	position: relative;
	background: #fff;
	width: 378px;
	float: left;
	border-left:1px solid #b2b2b2;
}
.inner {padding: 0;}
.offerInner {
padding:1em 12px;
}
.offer span {
display:block;
font-weight:bold;
}
.controls {
	position: relative; 

}
.controls li {float:left; padding:0px 12px;	font-size:12px;}
.controls a {
	background: url(../images/icon_rotate_off.gif) center left no-repeat;
	display: block;	
	outline: 0;

}
.controls .current {background: url(../images/icon_rotate_on.gif) center left no-repeat;}
.morelink {position:absolute; bottom:6px; right:12px; font-size:14px;padding:3px 5px; border:1px solid #000;  color:#000; background:#FFF}
.morelink a{color:#000;text-decoration:none;}
.morelink:hover{text-decoration:none; border:1px solid #FFF; cursor:pointer; color:#999}
.takeAction {width: 240px;margin: 0 0 0 4px; background:#FFF;}
.homepage .attention {
	margin: 8px auto -4px;
	width: 912px;
}
.single {width: 135px;}
.double {width: 355px;}
.triple {width: 435px;}
/*- major landings */
.major .content {
	background: url(../images/bg_landing.jpg) top left no-repeat; 
	padding: 0 0 30px 21px;
}
.intro {
	margin: 0 0 15px;
}
.introInner {
	background: url(../images/bg_intro_top.gif) top left no-repeat;
	padding: 5px 4px 10px 22px;
}
.introInner .image {
	float: left;
	width: 364px;
}
.introInner .image img {
	border-top: 3px solid #fff !important;
	border-right: 3px solid #fff !important;
	float: left;
}
.introInner h2 {
	color: #000;
	font: normal 25px "Times New Roman", Times, serif;
	margin: 10px 0 10px 20px;
	line-height: 30px;
}
.introInner p {
	line-height: 1.5;
	margin: 0 0 1.5em;
}
.introInner .inner {
	padding: 2.4em 35px 0 0;
	width: 320px;
}
.about .intro {
	background: url(../images/bg_intro_wide.gif) bottom left no-repeat;
	margin: 0 auto;
	height:285px;
	width: 953px;
}
.about .introInner {
	background: url(../images/bg_intro_top_wide.gif) top left no-repeat;
	padding: 5px 18px 18px 9px;
}
.about .introInner h2,
.about .introInner p {
	text-align: left;
	margin: 0 0 14px 5px;
}
.about .introInner h2 {margin: 20px 0 20px 8px;}
.about .introInner .inner {
	display: inline;
	padding: 10px 0 0;
	position: relative;
	width: 635px;
}
p.one {left: 120px;}
p.two {left: 260px;}
p.three {left: 360px;}
p.four {left: 480px;}
.col {
	border-right: 1px solid #cecdcc;
	display: inline;
	float: left;
}
.about .col {
	margin: 0 0 0 35px;
	padding: 8px 20px 20px 0;
	width: 260px;
}
.section .col {
	display: inline;
	margin-left: 28px;
	padding: 0 15px 0 0;
	width: 205px;
}
.about .col h4 {
	font: normal 2em "Times New Roman", Times, serif;
	margin: 0 0 .3em;
}
.about .col h5 {
	font: bold 1.2em tahoma, sans-serif;
	margin: 0 0 .2em;
}
.about .col p {
	margin: 0 0 2.2em;
}
.section .col h2 {
	font-size: 1.4em;
	line-height: 1.6;
	margin: 1.2em 0 .1em;
}
.section .col p {margin:0 0 .2em;}
/*  FORMS
------------------------------------*/
.form_home {width:280px}
.form_home li {margin:5px 0 0;padding:0 0 0 15px; list-style-position:outside; font-size:12px;}
.form_home ul {padding: 0 0 0 15px;}
.form_home .labeltxt {float:left;width:6em;margin-right:2em;}
.form_home .inputbox {width: 140px; padding:2px 0}
.radio {width:10px; border:none; background:none;}
textarea, input, select {
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #B2B2B2;
color:#000000;
}
textarea:focus, input:focus{background:#fff}
.button {
background:transparent url(../images/red-butt.gif) repeat 0 0;
border-color:#f2aeab #842522 #842522 #f2aeab;
border-style:solid;
border-width:1px;
color:#fff;
padding:0.3em 1em;font-weight:bold;
}
.submit{
background:transparent url(../images/red_button.gif) repeat 0 0;
color:#fff;
font-weight:bold;
height:33px	; width:130px;
border:none;
cursor:pointer;
text-transform:uppercase;
}
.submit:hover{ text-decoration:underline;
background:transparent url(../images/red_button.gif) repeat 0 0;}
.content h2 {
background:transparent url(../images/h3_bg_red.gif) no-repeat scroll 100% 7px;
border-bottom:1px dotted #91918D;
margin-bottom:0px!important;
padding:1.1em 0 0.3em 9px;
}
h3.trigger {
	margin:0;
	background:#EEEEEE url(../images/black_toggle.gif) no-repeat 12px 14px;
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
}
h3.trigger a {
		padding: 0 0 0 40px;
	display: block;
}
h3.trigger a:hover { 
		border-top: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        background:#DDDDDD url(../images/red_toggle.gif) no-repeat 10px center;
		}
h3.active 	{url(../images/black_toggle.gif)} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #fAfAfA;
	overflow: hidden;
	width: 685px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	border-bottom: 1px solid #d6d6d6;
}
.toggle_container img {
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
margin:10px 15px 15px 0;
padding:5px;
}
/*  FORMS
------------------------------------*/
.form input,
.form select,
.form textarea {
	font-size: 12px;
	font-family: arial, sans-serif;
	padding: 3px 2px;
}
.form input.txt {
	border: 1px solid #bbbbb9;	
	width: 166px;
}
.form select {
	border: 1px solid #bdbdbd;
	color: #9C9292;
	width: 172px;
}
.form select.half {
	border: 1px solid #bbbbb9;
	width: 80px;
}
.form textarea {
	border: 1px solid #bbbbb9;
	height: 140px;
	width: 500px;
}
.form label {
	border: 0;
	font-size: 1.2em;
	line-height: 1.4;
}
.form input.submit {
	border: 0;
	clear: left;
	margin: 18px 0 0 119px;
	cursor:pointer;
text-transform:uppercase;
}
fieldset {}
.form legend {
	font-size: 1.8em;
	padding: 0 0 1.1em;
}
.form dt,
.form dd {margin: 0 0 .6em;}
.form dt {
	clear: both;
	float: left;
	text-align: right;
	width: 110px;
}
.form dd {
	font-size: 1.2em;
	margin-left: 122px;
}
.formbox {
	background: #fff;
	border: 1px solid #cecdcc;
	margin: 0 0 20px;
	padding: 18px 18px 17px;
	position: relative;
}
input.error,
label.error {color: #c9181f;}
.form input.error {border: 1px solid #c9181f;}
.alert {
	background: #c9181f;
	color: #fff;
	padding: .5em .8em;
}
span.req {color: #c9181f;}
.required {
	font-size: 1.1em;
	position: absolute;
	right: 20px;
	top: 16px;
}