@import "visual_consistencies.css";
@import "menu.css";
@import "clearfix.css";
@import "colorbox.css";

/* DEV STYLES */

body {
	background:#fff url(../images/body_bg.gif) repeat-y;
	color:#666666;
	padding:0;
	margin:0;
	min-width:950px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* -----------------------------------
   DEFAULT TAG STYLES
----------------------------------- */

h1 { font-size:280%; font-weight:100; color:#132e54; margin-top:0;}
h2 { color:#00b3d8; font-size:100%; text-transform:uppercase; letter-spacing:1px;}
h3 { color:#142e54; font-size:100%;}
h4 { color:#2F2A28; font-size:100%; margin-bottom:-1em;}
h5 { color:#000; font-size:100%; text-transform:uppercase; letter-spacing:1px;}
p { line-height:140%;}
hr { border:none; height:1px; background-color:#ccc;}
a {
	color:#000033;
}
a:visited {
	color:#000033;
}
a:hover { color:#717074;}
a:active { color:#717074;}
code { font-size:12px !important; color:blue; clear:both;}
.orange { color:#d97b36;}
.blue {color:#00b3d8;}
a.orange { color:#d97b36; text-decoration:none;}


/* -----------------------------------
   THE PAGE HEADER
----------------------------------- */

#headerDiv { width:948px; height:137px; background:#2F2A28 url(../images/header_bg.gif) bottom repeat-x; margin:0 1px;}
body.home #headerDiv { background:#2F2A28 url(../images/home_page_banneronly.jpg) no-repeat -1px 0;}
#headerDiv  #logo { margin:81px 0 0 31px;}
#flashDiv { position:absolute; top:8px;left:265px;}
#navDiv { width:690px; margin-left:1px; height:43px; padding-left:255px;}


/* -----------------------------------
   MAIN BODY LAYOUT STYLES
----------------------------------- */

#bodyDiv { clear:both; width:948px; margin-left:1px;}
#mainContent { display:inline; float:left; width:728px;}
#subContent { display:inline; float:right; width:202px; margin:0 10px 0 8px;}
* html #subContent { overflow:hidden;}

div.twoColumns div.column1 { display:inline; float:left; width:50%;}
div.twoColumns div.column2 { display:inline; float:right; width:50%;}

#mainBox { margin:0 0 0 10px; border:solid 1px #ddd; background-color:transparent; background-repeat: repeat-y; background-position: 0 0;}
div.twoColumns { background-image:url(../images/mainbox_2col_bg.gif);}
div.threeColumns { background-image:url(../images/mainbox_bg.gif);}
#mainBox.article { background-image:url(../images/mainbox_article_bg.gif);}
#mainBox div.twoColumns div.column1 { width:240px; margin:8px 0px;}
#mainBox div.twoColumns div.column2 { width:476px;}
#mainBox.threeColumns div.twoColumns div.column2 div.twoColumns { border-top:solid 1px #ddd;}
#mainBox.threeColumns div.twoColumns div.column2 div.twoColumns div.column1 { width:236px; margin:0; padding:0;}
#mainBox.threeColumns div.twoColumns div.column2 div.twoColumns div.column2 { width:240px; overflow:hidden;}
* html div.column1,
* html div.column2 { overflow:hidden;}



/* -----------------------------------
   MAIN BODY CONTENT STYLES
----------------------------------- */

#mainBox h3 { margin-bottom:0;}
.author {
	margin:0 auto 8px auto;
	font-size:9px;
	color:#999999;
	text-transform:uppercase;
}

#mainBox ul { margin:0; padding:0; list-style:none;}
#mainBox ul li { line-height:120%;}
#mainBox ul li a { text-decoration:none;}
#mainBox ul li + li { margin-top:1em;}
#mainBox li p.popuptext { display:none; position:absolute; left:20px; padding: 5px; width:300px; margin:0; background-color:#fff; border:solid 1px #ccc; color:#f37421; font-size:11px;}

div.featuredProduct { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; background-color:#e7f5f9; padding:10px 14px 5px 14px;}
div.featuredProduct h2 { margin-top:0;}

div.flash { background-color:#fff; padding:10px 12px;}
#mainBox.article div.printTools { width:155px; position:absolute; left:560px; padding-right:14px; text-align:right; font-size:80%; color:#ccc; text-transform:uppercase;}
body.search #mainBox.article div.printTools  { display:none;}
body.search #mainBox.article { background:none;}
#mainBox.article div.printTools a { text-decoration:none;}
#mainBox.article div.printTools a:hover { text-decoration:underline;}
#mainBox.article div.section { border-top:none; margin-right:169px;}
body.search #mainBox.article div.section { border-top:none; margin-right:0px;}
#mainBox.article div.section blockquote.intro { color:#0cb3d9; font-size:120%; padding:0; margin:1.5em 0;}
#mainBox.article div.section blockquote.pullquote { position:absolute; left:560px;width:140px; margin:0; padding:0 14px; color:#132e54; font-size:110%; line-height:120%; font-weight:bold;}
#mainBox.article div.section blockquote.pullquote p { line-height:120%;}
#mainBox.article div.section img.rightAlign { margin:0 0 10px 14px; float:right;}
#mainBox.article div.section img.leftAlign { margin:0 14px 10px 0; float:left;}
#mainBox.article div.section p { line-height:160%;}
#mainBox.threeColumns div.twoColumns div.column2 div.twoColumns div.flash { background-color:#eee; margin-left:1px; padding:0; border-bottom:solid 1px #ddd;}
#mainBox.threeColumns div.twoColumns div.column2 div.twoColumns div.column1 div.flash { margin-left:0;}


#mainBox.threeColumns div.twoColumns div.column2 div.section { background-color:#fff;}
#mainBox.threeColumns div.twoColumns div.column2 div.twoColumns div.section { border-top:none; background-color:transparent;}
div.section { border-top:solid 1px #ddd; padding:10px 14px 0 14px; margin:0 0 1.5em 0; clear:both;}
#mainBox.threeColumns div.twoColumns div.column2 div.featuredProduct + div.twoColumns { border-top:none;}
div.featuredProduct + div.section { border-top:none;}
div.section:first-child { border-top:none; padding-top:0;}

#mainBox ul.arrow { margin:10px 0; padding:0; list-style:none;}
#mainBox ul.arrow li { margin:7px 0 0 0; padding:0;}
#mainBox ul.arrow li a { background:transparent url(../images/arrow_mediumgray.gif) no-repeat 0 2px; padding:0 0 0 14px; margin:0;display:block;}
#mainBox ul.arrow li a:hover { background-image: url(../images/arrow_orange.gif); color:#f37421;}


/* -----------------------------------
   VIDEO ON HOME
----------------------------------- */

#flashVideo { height:213px; width:240px;}
#videoControls { padding:8px; overflow:hidden;}
.videoThumb { width:48px; height:36px; margin-right:5px;}
.videoThumb a { display:block; width:46px; height:34px; margin:0; border:solid 1px #00b3d8; background:#fff; overflow:hidden;}
.videoThumb a:hover { border-color:#000;}
.videoThumb a img { border:none;}
.videoThumb p { width:219px; background-color:#e7f5f9; color:#999; padding:10px; font-size:11px; line-height:120%; margin:0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;}
.more { display:inline; color:#000; cursor:pointer; background:#999 url(../images/btn_more.jpg) no-repeat 0 0; height:34px; width:11px; overflow:hidden; float:right; margin:1px 0;}

* html .videoThumb { margin-right:3px;}
.more:hover { background-position:0 -36px;}
.more span { display:none;}

/* -----------------------------------
   SUB CONTENT STYLES
----------------------------------- */

ul#subNavigation { margin:0 0 1em 0; padding:0; list-style:none; width:202px;}
ul#subNavigation li { width:202px;}
ul#subNavigation li a { display:block; padding:0 7px 8px 14px; text-decoration:none; background:transparent url(../images/raquo_off.gif) no-repeat 0 4px; text-transform:lowercase; }
ul#subNavigation li a.selected,
ul#subNavigation li a:hover { color:#0cb3d9; background-image:url(../images/raquo_on.gif);}
ul#subNavigation li a.selected { font-weight:bold; text-transform:none;}

#advisorLogin { background-color:#e5e5e5; padding:14px; margin-bottom:1em; height:62px;}
#advisorLogin a { color:#f37421;}
#advisorLogin p { margin:0; padding:8px 0 0 0;}
	a#btnAdvisorLogin { width:174px; height:26px; display:block; background:#009 url(../images/btn_advisorlogin.png) no-repeat 0 0; overflow:hidden;}
	a#btnAdvisorLogin:hover { background-position:0 -26px;}
	a#btnAdvisorLogin span { margin-left:-200px;}

#contactUsDiv { margin:1em auto; background-color:#e5e5e5; padding:14px;}
#contactUsDiv h2 { margin:0; color:#036;}
#contactUsDiv p {margin:0;}
	a#btnContactUs { width:174px; height:26px; display:block; background:#009 url(../images/btn_justask.png) no-repeat 0 0; overflow:hidden; margin-top:8px;}
	a#btnContactUs:hover { background-position:0 -26px;}
	a#btnContactUs span { margin-left:-200px;}

#search { margin:1em auto; background-color:#e5e5e5; padding:14px;}
#search h2 { margin:0; color:#036;}
#search #sbi { border:solid 1px #ddd; background:#fff; font-size:11px; height:14px; width:138px; vertical-align:middle;}
#search #btnSearchGo { vertical-align:middle;}
#search form { margin-top:4px;}
	a#searchGoLink { width:26px; height:16px; display:-moz-inline-block; display:inline-block; background:#009 url(../images/btn_go.png) no-repeat 0 0; overflow:hidden;vertical-align:middle;}
	a#searchGoLink:hover { background-position:0 -16px;}
	a#searchGoLink span { margin-left:-50px;}

#blogList { background:#fff url(../images/advisorblog_bg.gif) repeat-y; width:202px; margin-top:1em; font-size:10px; color:#666;}
#blogList p { padding:0; margin:4px 0;}
#blogList div img { display:inline; float:right; margin-left:3px; margin-bottom:4px;}
#blogList strong a { color:#000; text-decoration:none;}
#blogList div { margin:4px 12px; clear:both; border-top:1px solid #ccc; padding:4px 0 4px 0;}

div.infoBox { background-color:#e7f5f9; margin:1em auto;}
div.infoBox h3 { background:blue url(../images/bluegradient_arrow_bg.gif) no-repeat 0 0; color:#fff; width:188px; height:17px; font-size:11px; line-height:11px; padding:7px 7px 0 7px; margin:0; text-transform:uppercase; cursor:pointer;}
div.infoBox h3.open { background-position:0 0;}
div.infoBox h3.closed { background-position:0 -24px;}
div.infoBox div { margin:0; padding:0 7px 5px 7px;}
* html div.infoBox div * { background-color:#e7f5f9;}

div.sideContent h2 { color:#999;}
div.sideContent h2.blue {color:#00b3d8;}



/* -----------------------------------
   BANNER AD STYLES
----------------------------------- */

div.leaderBoard { width:728px; height:90px; margin-bottom:10px;}
div.sideBanners { width:202px; margin:1.5em 0;}
div.sideBanners img+img { margin-top:10px;}



/* -----------------------------------
   FOOTER STYLES
----------------------------------- */

#disclaimer { background:#fff; margin:17px 20px 0 27px; padding:0;}

#footer { clear:both; width:684px; margin:0 0 0 10px; font-size:80%; padding:12px 17px 17px 17px;}
#footer a { margin-right:18px; text-transform:lowercase; color:#717074; text-decoration:none;}
#footer a:hover,
#footer a:active { text-decoration:underline;}

body.contactus #footer a#contactUsLink,
body.home #footer a#homeLink,
body.privacy #footer a#privacyLink,
body.legal #footer a#legalLink {color:#00b3d8;}
#footer #copyrightDiv { float:left; display:inline; width:223px; margin:0;}
#footer #linksDiv { float:left; display:inline; width:460px; margin:0;}