/************************************************************ */

CSS Resets to make browsers play fair 

*************************************************************/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
outline: 1px dotted #000;
}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}


/************************************************************

Set Up 

*************************************************************/


body {
text-align: center;
font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
font-size: 69%;
text-align: center;
background:#D6DBDF url(../img/background.jpg) top left repeat-x;
/* background:#D6DBDF url(../img/snowflakes.jpg) top left repeat; */
}

h1, h2, h3, h4, h5 {
margin: 5px 5px 15px 5px;
padding: 0;
font-weight: bold;
}

h1#finlogo {
width: 315px;
height: 90px;
background-image: url(/img/financial-logo.jpg);
}

h1#invlogo {
width: 315px;
height: 90px;
background-image: url(/img/financialinvestments-logo.jpg);
}

h1#directlogo {
width: 315px;
height: 90px;
background-image: url(/img/financialdirect-logo.jpg);
}

h1.logo span{
display: block;
width: 0;
height: 0;
overflow: hidden;
}

p {
margin: 5px 5px 15px 5px;
line-height: 1.6em;
}

p.message {
color: #CC0C00;
font-weight: bold;
font-size: 1.1em;
padding: 2px;
}

p.feedback {
border-bottom: 1px dashed #CCCCCC;
padding: 3px 0;
color: #cc0c00;
}

#rightCol label {
display: block;
padding: 8px 0 3px 0;
}

a img {
border: none;
}

ul.contentUL {
margin: 0 0 30px 30px;
padding: 0;
list-style-type: disc;
}

ul.contentUL li{
margin-bottom: 10px;
color: #CC0C00;
line-height: 1.3em;
}

ul.newsletterUL {
margin: 0 0 30px 30px;
padding: 0;
list-style-type:none;
}

ul.newsletterUL li{
margin-bottom: 10px;
position: relative;
padding: 2px;
list-style-image:url(/img/pdf1.jpg);
}

ul.newsletterUL li span{
text-align: right;
position: absolute;
top: 10px;
right: 5px;
}

span.products {
font-weight: bold;
}

.products div a,
.products div a:link,
.products div a:visited {
display: block;
border: #F6DDDD thin solid; 
color: black;
text-decoration: none;
padding: 5px;
margin-top: 10px;
text-align: right;
position: relative;
}

.products div a:hover {
border: #CC0C00 thin solid;
}

.products div a img {
float: left;
}

.products div a span {
line-height: 50px;
float: right;
}

div.new {
border: 2px solid #cc0c00;
padding: 5px;
cursor: pointer;
}

div.new span {
color: #cc0c00;
font-size: 220%;
font-style: italic;
font-weight: bold;
margin: 0;
float: left;
margin-top: 10px;
padding-right: 10px;
}

div.new img {
float: left;
}

div.new p {
float: right;
color: #666;
margin: 0;
padding: 0;
font-size: 150%;
font-style: italic;
font-weight: bold;
}

div.notice {
border: 1px solid #cc0c00;
padding: 5px;
font-weight: bold;
}

div.notice p{ 
color: #cc0c00;
}

h4 {
background-color: #F6DDDD;
font-family: Verdana, "Trebuchet MS", Arial;
font-size: 110%;
color: #CC0C00;
font-weight: normal;
margin: 15px 0px;
padding: 4px;
line-height: 1.2em;
}

h4.clickExpand {
background-color: #F6DDDD;
cursor: pointer; 
padding: 4px;
position: relative;
}

h4.clickExpand span {
position: absolute; right: 2px; 
text-align: right;

}

h3.clickExpand {
background-color: #fff;
border: 1px solid #cc0c00;
color: #cc0c00;
cursor: pointer; 
padding: 4px;
position: relative;
}

h3.clickExpand span {
position: absolute; right: 4px; 
text-align: right;

}

h5 {
font-weight: normal;
padding: 4px;

}



/*************************************************************

Form styles

**************************************************************/

#maintext form {
padding-left: 10px;
margin: 10px 0 20px 0;
}

#maintext form div {
margin-bottom: 10px;
}

#maintext form label {
display: block;
width: 10em;
float:left;
text-align: left;
line-height: 1.5em;
}

#maintext form label.details {
display: block;
width: 31em;
float:left;
text-align: left;
line-height: 1.5em;
color: #cc0c00;
}

div.errorDIV {
/*border: 1px solid #cc0c00;
background-color: #f1f1f1;
padding: 10px;*/
}

div.errorDIV input {
border: 2px solid #efb6b2;
border-top: 2px solid #710700;
border-left: 2px solid #710700;
background: #f7f7f7;
}

div.errorDIV span {
color: #cc0c00;
font-weight: bold;
}

div.errorDIV sup, 
div.errorDIV sup {
color: #cc0c00;
}

span.errorSPAN {
color: #cc0c00;
font-weight: bold;
margin-top: 5px;
padding: 5px;
}

input.errorINPUT {
border: 2px solid #efb6b2;
border-top: 2px solid #710700;
border-left: 2px solid #710700;
background: #f7f7f7;
}

p.reqKey {
color: #cc0c00;
}

p.reqKey sup,
form sup {
color: #cc0c00;
font-weight: bold;
padding: 0 6px;
}

fieldset.mailSelectFieldset {
border: none;
/* border-top: 1px solid #cc0c00; */
width: 100%;
margin: 24px 0 0 0;
padding:0;
}

fieldset.mailSelectFieldset legend {
font-size:1.1em;
font-weight: bold;
padding-bottom: 10px;
}

fieldset.mailSelectFieldset div {
margin-left: 15px;
}

fieldset.mailSelectFieldset label {
/*border: 1px solid red;*/
display: block;
float: none;
width: auto;
padding: 4px 0;
}

div.mailSelectns {
padding: 0 25px 10px 15px;
float: left;
background-color: #eee;
width: 200px;
}

div.first {
padding-left: 10px;
background-color: #fff;
}

div.mailSelectns ul {
list-style-type: none;
margin: 0;
padding: 0;
}


div.mailSelectns ul li{
margin-bottom: 10px;
}


div.label {
width: 100%;
}


div.checkboxContainer label {
float: none;
display:inline;
}


div.checkboxContainer input {
float: none;
display:inline;
}



div.checkboxContainer div {
margin-left: 20px;
}


/************************************************************

Table structure

*************************************************************/

table {
border: 1px solid #eee;
}

table thead th {
font-weight: bold;
border: 1px solid #000;
background-color: #ff8b82;
padding: 5px;
}

table tbody td {
border: 1px solid #000;
padding: 5px;
text-align: center;
}

.doclib table {
border:none;
width:100%;
}

.doclib table thead th {
border:none;
font-weight: bold;
padding: 8px;
background: #dadfe3;
color: #cc0c00;
}

.doclib table thead th.buyCol {
width:85px;
} 

.doclib table thead th.docCol {
width:85px;
}

.doclib table thead th.priceCol {
width:50px;
}

.doclib table thead th.wordCol {
width:175px;
text-align: center;
}

.doclib table thead th.pdfCol {
width:175px;
text-align: center;
}

.doclib table tbody td {
border:none;
padding: 3px;
text-align: left;
vertical-align: middle;
border-bottom: 1px dotted #CCC;
}

.doclib table tbody td a {
border:none;
padding: 5px;
vertical-align: middle;
}

.proc table {
border:none;
width:100%;
}

.proc table thead th {
border:none;
font-weight: bold;
background-color: #ff8b82;
padding: 5px;
}

.proc table thead th.lenderCol {
width:60%;
}

.proc table thead th.feeCol {
width:40%;
}

.proc table tbody td {
border:1px solid #EEE;
padding: 5px;
text-align: left;
line-height: 15px;
}

/************************************************************

Structure

*************************************************************/

div#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
width: 950px;
}

div#header {
position: relative;
height: 125px;
}

div#header img {
margin-top: 10px;
}

div#header a {
cursor: pointer;
}

div#header div {
position: absolute;
top: 5px;
right: 20px; 
text-align: right;
}

div#horizontalMenu {
background: transparent url(../img/topbar.gif) top center no-repeat;
width: 950px;
}

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

div#horizontalMenu ul li {
color: white;
float: left;
padding: 14px 10px 6px 10px;
}


div#horizontalMenu ul li.login {
color: white;
float: right;
padding: 14px 10px 6px 10px;
}


div#horizontalMenu ul li a, 
div#horizontalMenu ul li a:link, 
div#horizontalMenu ul li a:visited {
color: white;
text-decoration: none;
font-weight: bold;
}

div#horizontalMenu ul li a:hover {
border-bottom: white thin solid;
}

#leftCol {
float: left;
width: 170px;
}

#leftCol h2 {
background: transparent url(../img/h2small_bg.gif) top center no-repeat;
color: #fff;
font-size: 1em;
padding:  12px 5px 5px 5px;
margin: 5px 0 0 0;
}

.adverts {
border: 1px solid #CC0C00;
padding: 1px;
margin: 5px 0 0 0;
text-align: center;
}

.adverts h3 {
border-bottom: 1px solid #ccc;
background: #f6dddd;
padding: 8px;
margin: 0;
color: #cc0c00;
text-decoration: underline;
}

.adverts p {
background-color: #CC0C00;
color: #FFF;
margin: 0;
padding: 0 0 4px 3px;
text-align: center;
}

.adverts p.seminar {
color: #000;
margin: 0;
padding: 0 0 4px 3px;
text-align: center;
background: #eee;
font-weight: normal;
}

.adverts ul li.news a {
background-color: #FFF;
color: #cc0c00;
margin: 0;
padding: 0;
text-align: center;
line-height: 1.3em;
}

.adverts a img {
display: block;
float: left;
border: none;
padding: 0;
margin: 0;
}

.adverts a,
.adverts a:link,
.adverts a:visited {
display: block;
/*background: #cc0c00;*/
border: none;
color: white;
text-decoration: none;
padding: 0;
margin: 0;
}

.adverts a:hover {
text-decoration:underline
}

.websites {
border: 1px solid #CC0C00;
padding: 1px;
margin: 5px 0 0 0;
}

.websites p {
background-color: #CC0C00;
color: #FFF;
margin: 0;
padding: 0 0 4px 3px;
text-align: center;
}

.websites img {
background-color: #CC0C00;
display: block;
float: left;
border: none;
padding: 0;
margin: 0;
}

.websites a,
.websites a:link,
.websites a:visited {
display: block;
/*background: #cc0c00;*/
border: none;
color: white;
text-decoration: none;
padding: 0;
margin: 0;
}

.websites a:hover {
text-decoration:underline
}

#rightCol {
color: white;
float: right;
width: 200px;
}

#rightCol div#signUp {
margin: 5px 0 0 0;
background: #cc0c00 url(../img/form_bg.jpg) bottom center no-repeat;
border: 1px solid #cc0c00;
}

#rightCol div#signUp div#signUpInner{
padding: 5px 5px 30px 5px;
}

#rightCol div#signUp div#signUpInner a{
font-weight: bold;
color: #fff;
}

div#newsupdates {
margin: 5px 0 0 0;
background: #cc0c00 url(../img/ifatv_bg.jpg) bottom center no-repeat;
border: 1px solid #cc0c00;
}

div#newsupdates div#newsupdatesInner {
border: 1px solid #fff;
padding: 15px 15px 15px 10px;
}

div#newsupdates div#newsupdatesInner ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#newsupdates div#newsupdatesInner p {
background-color: #fff;
width: 135px;
margin: 5px 0 0 0;
font-size: 0.85em;
padding: 5px;
}

div#newsupdates div#newsupdatesInner a img {
border: 1px solid #FFF;
/*width: 175px;*/
}

div#newsupdates div#newsupdatesInner p a, 
div#newsupdates div#newsupdatesInner p a:link, 
div#newsupdates div#newsupdatesInner p a:visited {
color: #cc0c00;
text-decoration: none;
}

div#ifatvFeed {
margin: 5px 0 0 0;
background: #cc0c00 url(../img/ifatv_bg.jpg) bottom center no-repeat;
border: 1px solid #cc0c00;
}

div#ifatvFeed div#ifatvFeedInner {
border: 1px solid #fff;
padding: 15px 15px 15px 22px;
}

div#ifatvFeed div#ifatvFeedInner ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#ifatvFeed div#ifatvFeedInner p {
background: #FFF;
color: black;
padding: 3px 4px;
width: 112px;
margin: 5px 0 0 0;
font-size: 0.85em;
border: 1px solid #FFF;
}

div#ifatvFeed div#ifatvFeedInner a img {
border: 1px solid #FFF;
/*width: 175px;*/
}

div#ifatvFeed div#ifatvFeedInner p a, 
div#ifatvFeed div#ifatvFeedInner p a:link, 
div#ifatvFeed div#ifatvFeedInner p a:visited {
color: #cc0c00;
text-decoration: none;
}

#rightCol h2 {
background: transparent url(../img/h2right_bg.gif) top center no-repeat;
color: #FFFFFF;
font-size: 1em;
padding:  12px 5px 5px 5px;
margin: 5px 0 0 0;
position: relative;	
}

#rightCol h2 span {
position: absolute; right: 5px;
}

#maintext {
border:1px solid #CC0C00;
margin-top: 5px;
padding: 5px;
background: #FFF;
}

#maintext a,
#maintext a:link,
#maintext a:visited {
color:#CC0C00;
text-decoration:none;
font-weight:bold;
}

#disclaimer {
font-style:italic;
font-size:90%;
color:#CC0C00;
}

#heading {
font-weight:bold;	  
}

.label {
float: left;
width: 120px;
}

.webimage {
float: right;
width: 160px;
padding-left: 15px;
}

#content h2 {
background: transparent url(../img/h2_bg_content.gif) top center no-repeat;
color: #FFFFFF;
font-size: 1em;
padding: 12px 5px 5px 5px;
margin: 5px 0 0 0;
}

#content { 
float: left;
margin: 5px 0 0 10px;
width: 59%;
text-align: left;
}

.links div a,
.links div a:link,
.links div a:visited {
display: block;
border: #F6DDDD thin solid; 
color: black;
text-decoration: none;
padding: 5px;
margin-top: 10px;
text-align: right;
position: relative;
}

.links div a:hover {
border: #CC0C00 thin solid;
}

.links div a img {
float: left;
}

.links div a span {
line-height: 14px;
width: 335px;
float: right;
margin-top: 10px;
color: #666;
text-decoration: none;
font-weight: normal;
}

.doclib div a,
.doclib div a:link,
.doclib div a:visited {
display: block; 
color: black;
text-decoration: none;
text-align: left;
position: relative;
}

.doclib a:hover {
font-weight:bold;
text-decoration: underline;
}

.doclib span {

}

.doclib span img{
float: left;
}

.doclib span a {
float: right;
margin: 10px;
}

body#salestool form fieldset {
border: none; 
}

body#salestool form fieldset legend {
font-size: 1.6em;
}

body#salestool form fieldset div {
margin-bottom: 10px; 
}

body#salestool form fieldset div label {
float: left;
width: 18em;
position: relative;
}

body#salestool form fieldset div label span{
position: absolute; right: 5px;
}

body#salestool div#content div#subConTop form fieldset {
width: 32em;
}

body#salestool table{
width: 100%;
}

body#salestool table thead {
background: #cc0c00;
}

body#salestool table thead tr th {
background: #cc0c00;
color: #fff;
text-align: left;
width: 25%; 
padding: 1px 3px; 
}

body#salestool table tbody tr td  {
padding: 1px 3px;
}

body#salestool table tbody tr td span {
float: right;
margin-right: 5px;
}

body#salestool table tbody tr td span.ret {
float: left;
}

body#salestool div#clk_perc,
body#salestool div#clk_cost {
cursor: pointer;
background: #cc0c00;
border: 1px outset #cc0c00;
color: white;
padding: 3px;
}

.trBG {
background: #eee;
}

.trTotalBG {
background: #eb9e99;
}

#content div#image {
/*background: #cc0c00 center no-repeat;*/
overflow: hidden;
height: 274px;
border: 1px solid #cc0c00;
}

#content div#image div#imageInner{
border: 1px solid #fff;
padding: 1px;
}

fieldset.submitBox {
border: none;
padding-left: 19em;
}


#footer {
color: #000000;
clear: both;
font-size: .8em;
text-align: center;
padding-top: 10px;
}

#footermenu {
border-top: 1px solid #ccc;
margin: 0;
padding: 5px 0 0 0;
list-style-type: none;
}	

#footermenu li {
display: inline;
margin: 0;
padding: 0 5px;
border-left: 1px solid #CC0C00;
}	

#footermenu li a,
#footermenu li a:link, 
#footermenu li a:visited {
color: #CC0C00;
text-decoration: none;
}

#footermenu li a:hover {
text-decoration: underline;
}

#footermenu li.first {
border: none;
}

#columnA {
width:100px;
padding-right: 3px;
float: left;
}

#columnB {
width:400px;
float: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extras
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


	.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	.clearfix {
    display:inline-block;
	}
	.clearfix {
    display:block;
	}
	* html .clearfix {
    height:1px;
	}