/* HTML
-------------------------------------------------------*/

body { margin: 0; font: 12px Arial, Helvetica, sans-serif; color: #000; }
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }

/* Structure
-------------------------------------------------------*/

#header, #pfgWhiteHeader, #pfgFrame, #footer { width: 870px; margin: 0 auto; }

#pfgFrame { }


/* Header
------------------------------------------------------- */

#header { height: 124px; display:block; position: relative; }

#logo { width: 403px; height: 55px; display: block; background: url(/images/BDSecurities_logo.gif) no-repeat; position: absolute; left: 0px; bottom: 35px; }
#logo a { width: 403px; height: 55px; display: block;  } 
#logo a span { display: none; }
 
#tagline { display: none; /*width: 253px; height: 24px; display: block; background: url(/images/tagline.gif) no-repeat; position: absolute; left: 330px; bottom: 42px;*/ }
#tagline span { display: none; }

#headerLinks { margin: 0; padding: 0; list-style: none; position: absolute; right: 0px; bottom: 35px; }
#headerLinks li { margin: 0; padding: 0; float: left; }
#headerLinks li a { float: left; }

#headerLinks .first { border-right: 2px solid #FFCC00; }

#headerLinks .my-account span,
#headerLinks .open-account span { display: none; }

#headerLinks .my-account a { width: 81px; height: 24px; display: block; }
#headerLinks .open-account a { width: 114px; height: 24px; display: block; }

#headerLinks .my-account { background: url(/images/MyAccount.gif) no-repeat; padding-right: 8px; }
#headerLinks .open-account { background: url(/images/OpenAnAccount.gif) no-repeat; margin-left: 8px; }


/* Navigation
-------------------------------------------------------*/

#navigation { width: 100%; height: 27px; background: #808080 url(/images/corner-large.gif) left top no-repeat; position: absolute; left: 0; bottom: 0; }
#navigation ul  { margin: 0 ; padding: 0; list-style:none; position: absolute; right: 0; top: 0; width:auto;}
#navigation ul li {border-right:1px solid #FFF ; display:block; float:left; position:relative; white-space:nowrap;}
#navigation ul li a {height: 27px; padding: 0 11px; background: #808080;  display:block; float: left; line-height: 26px; font-size: 11px; color: #FFF; font-weight: bold; text-transform: uppercase; text-decoration: none; position:relative;width:auto;}

#navigation ul li a:hover { color: #fff; background-color: #333; }
#navigation ul li a.daddy,
#navigation ul li ul li a.daddy { background-image: url(/images/sidenav_arrow.gif); background-repeat: no-repeat; background-position: 260px 10px; }

#navigation ul li ul { width: 270px; margin: 0; display: none; border-top: 1px solid #FFF; position: absolute; left: -1px; top: 27px; }
#navigation ul li ul li { width: 100%; border: 1px solid #FFF; border-width: 0 1px 1px 1px; }
#navigation ul li ul li a { width: 270px; padding: 0; text-indent: 15px; display: block; float:none; position: relative; }

#navigation ul li ul li ul { left: 270px; top: -1px; }

#navigation ul li:hover ul li ul,
#navigation ul li.sfhover ul li ul { display: none; }

#navigation ul li:hover ul, 
#navigation ul li ul li:hover ul,
#navigation ul li.sfhover ul, 
#navigation ul li ul li.sfhover ul { display: block; }


/* Footer
-------------------------------------------------------*/

#footer  { margin-top: 8px; padding-top: 16px; clear: both; border-top: 1px solid #EFEFEF; font-size: 11px; }
#footerLinks { margin: 0; padding: 0; list-style: none; float: left; }
#footerLinks li { padding: 0 8px; border-right: 1px solid #808080; display: inline; }
#footerLinks li a { color: #808080; text-decoration: none; font-size: 11px; }



#footer .copyright { padding: 0 8px; color: #808080; display: inline; border-right: 1px solid #808080; float: left;  }
#footer .contact { padding-left: 4px; color: #808080; display: inline; float: left;   }
#footer .contact a { color:#009cdc; text-decoration:none; font-size: 11px; }

#footerText { padding-top: 0; padding-right: 0; clear: both; color: #808080; font-style: italic; font-size: 10px; text-align:justify; }


/* Content
-------------------------------------------------------*/

#contentleft { width: 276px; float: left; }
#contentcenter { width: 586px; padding-top: 8px; float: right; }
#contentright { display: none; }

#contentLeftIntroHome { padding-top: 4px; background-color: #fff; }
#contentLeftIntro { padding-top: 4px; background-color: #808080; }

#pageHeading { width: 100%; height: 220px; display: block; background: #EFEFEF; }

#pageBody { padding-top: 8px; position: relative;}

#pageBody .date { position: absolute; right: 8px; top: 12px; font-size: 12px; }


.box-row { margin-top: 2px; border-top: 1px solid #F08B1D; }
.box-row-content { height: 1%; padding: 5px 0; } /* IE 6/7 */

.box-row-content:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /* FF /Moz */

.box-row-image { width: 170px; float: left; }
.box-row-text { width: 380px; float: right; font-size: 12px;  }

#pageBodyWebinar { padding-top: 8px; position: relative; }
#pageBodyWebinar .box-row .box-row-text-webinar h4 {font-size: 14px; margin-bottom: 0;}
#pageBodyWebinar .box-row .box-row-text-webinar p {margin-top: 0; }


/* Inside Page
-------------------------------------------------------*/

#pageHeading { width: 100%; height: auto; display: block; background: none; }

#contentLeftIntro .page-title, 
#contentLeftIntroHome .page-title { width: 90%; margin: 0 0 0 auto; display: block; font-size: 21px; color: #FFF; border-bottom: 2px solid #FFF; }

#contentcenter #pageHeading h1 { margin-top: 8px; padding-bottom: 1px; color: #F08B1D; font-size: 21px; font-weight: bold; border-bottom: 1px solid #F08B1D; text-transform: uppercase; }
#contentcenter .pageHeading h1 { margin-top: 8px; padding-bottom: 1px; color: #F08B1D; font-size: 21px; font-weight: bold; border-bottom: 1px solid #F08B1D; text-transform: uppercase; }

#contentcenter .breadCrumbMenu, .breadCrumbMenu { display:none; /*padding: 16px 26px; display: block; font-size: 10px; text-decoration: none; text-transform: uppercase; */}

#contentcenter { font-size: 12px; line-height: 1.6em; }

#contentcenter a { color: #009DDC; }
#contentcenter a:hover { color: #009DDC; text-decoration: underline; }

#contentcenter h2 { font-size: 24px; line-height: 28px; margin-top: 26px; padding-left: 26px; color: #009DDC; }
#contentcenter h3 { font-size: 21px; line-height: 24px; margin-top: 22px; padding-left: 26px; color: #009DDC; }
#contentcenter h4 { font-size: 18px; line-height: 21px; margin-top: 16px; padding-left: 26px; color: #009DDC; }
#contentcenter h5 { font-size: 14px; line-height: 18px; margin-top: 10px; padding-left: 26px; color: #009DDC; }

#contentcenter p {  margin-top: 15px; padding-left: 26px;  }

#contentcenter ul { margin: 0; padding: 16px 26px 16px 26px ; font-size: 12px; list-style: none; }
#contentcenter ul li { margin: 0; padding: 0 0 0 26px; font-size: 12px; color: #000; background: url(/images/bullet_orange.gif) 6px 6px no-repeat; }
#contentcenter dl { margin: 0; padding: 16px 26px 16px 26px ; font-size: 12px; }
#contentcenter dl dt { margin-top: 15px; padding: 0 0 0 26px; font-size: 12px; color: #000; }

#sideNav { margin: 0; padding: 12px 0 16px 26px; list-style: none; font-size: 0; }
#sideNav li { margin: 0; padding: 0; list-style: none;}
#sideNav li a { padding: 6px 10px 4px 26px; display: block; font-size: 12px; font-weight: bold; color: #FFF; text-decoration: none; }
#sideNav li a:hover { color: #fff; background: #333 url(/images/sidenav_arrow.gif) 8px 8px no-repeat; }
#sideNav li ul { margin: 0; padding: 0; list-style: none; }
#sideNav li ul li a { padding-left: 52px; font-size: 11px; }
#sideNav li ul li a:hover { background: #333 url(/images/sidenav_arrow.gif) 30px 8px no-repeat; }





/* Home Page
-------------------------------------------------------*/

.quick-links { background-color: #fff; }
.quick-links ul { margin: 0; padding: 0; list-style: none; width:280px; }
.quick-links ul li { padding: 0 5px 4px 0px; display: block; float: left;  }
.quick-links ul li a { width: 135px; height: 82px; display: block; background: #CCCC66; text-decoration: none; overflow: hidden; }
.quick-links ul li a span { width: 126px; height: 72px; margin: 4px 0 0 4px; display: block; border: 1px solid #FFF; line-height: 114px; text-indent: 10px; font-size: 16px; color: #fff; text-decoration: none; overflow: hidden; background: url(/images/qc_bg.gif) 100px 50px no-repeat; }

.quick-links { height: 1%; } /* IE 6/7 */
.quick-links ul:after { content: '.'; height: 0; display: block; visibility: hidden; clear: both; } /* FF / Moz */

.quick-links ul li a:hover { background: #fff; }
.quick-links ul li a:hover span { color: #fff; background: url(/images/qc_hover.gif) 100px 50px no-repeat; }

.quick-links ul li.one a { }
.quick-links ul li.two a { }
/*.quick-links ul li.three a { }
.quick-links ul li.four a { }*/

.quick-links ul li.one a:hover { background: #009cdc; }
.quick-links ul li.two a:hover { background: #009cdc; }
.quick-links ul li.three a:hover { background: #009cdc; }
.quick-links ul li.four a:hover { background: #009cdc; }


.homePage #pageHeading { width: 100%; height: 220px; display: block; background: #fff url(/images/Main_Image.jpg) center no-repeat;}
.homePage #pageHeading .page-heading-content { width: 100%; height: 220px; display: none; background: #EFEFEF; overflow: hidden;  }



.homePage #contentcenter #pageHeading h1 { margin: 150px 0 0 20px; padding:1em 0; display: block; font-size: 28px; color: #FFFFFF; font-weight: normal; text-transform: none; border-bottom: none; }

/*.homePage #pageHeading .one { background: #F08B1D; }
.homePage #pageHeading .two { background: #007CC2; }
.homePage #pageHeading .three { background: #896633; }
.homePage #pageHeading .four { background: #C2CD23; }
*/
.homePage #pageHeading .one { background: #fff url(/images/Main_Image.jpg) center no-repeat; }
.homePage #pageHeading .two { background: #fff url(/images/Main_Image.jpg) center no-repeat; }
/*.homePage #pageHeading .three { background: #fff url(/images/Main_Image.jpg) center no-repeat; }
.homePage #pageHeading .four { background: #fff url(/images/Main_Image.jpg) center no-repeat; }*/


/* Left Content
-------------------------------------------------------*/

#contentleft #sideContentArea li { width: 91px; }

.side-box { padding-top: 8px; display: block; clear: both; }

#tax-time { width: 100%; height: 62px; display: block; background: #c1cd23; overflow: hidden; }

#contactArea { width: 100%; height: 69px; display: block; background: #E5D7C5 url(/images/contact-area_bg.gif) no-repeat; color: #806938; font-size: 13px; overflow: hidden; padding-top: 5px;}
#contactArea h3 { display:none; }
#contactArea .left { color:White; margin-left: 10px; }
#contactArea strong { color:White;font-size: 13px; display:block; }
#contactArea .right { color:White;text-decoration: none;margin-left:10px;  }
#contactArea .right a { color:White }

#bannerArea { width: 100%; height: 92px; display: block; }
#bannerArea2 {width: 100%;  display:block;  text-align:center  }

.box-content { margin-top: 2px; padding: 16px; display: none; }
.box-content h3 { font-size: 12px; font-weight: normal; color: #FFF; text-transform: uppercase; }
.box-content p { margin-top: 8px; font-size: 12px; line-height: 1.6em; }
.box-content a, a:link, a:active, a:visited { color: #FFF; font-weight: normal; text-decoration: none; }
.box-content a:hover { text-decoration: underline; }

.blue { background: #009DDC; }

.side-bar-testimonial {margin-bottom: 10px; padding: 5px; border: 1px solid #0065a4;}
.side-bar-press-link {margin-bottom: 10px; padding: 5px; border: 1px solid #0065a4;}

/* Tabs
-------------------------------------------------------*/

.tabs,
#contentcenter .tabs { width: 100%; height: 22px; display: block; }

.tabs ul,
#contentcenter .tabs ul { margin: 0; padding: 0; list-style: none; } 

.tabs ul li,
#contentcenter .tabs ul li { width: 180px; margin: 0 1px 0 0; padding: 0; float: left; overflow: hidden; }

.tabs ul li a,
#contentcenter .tabs ul li a { width: 100%; height: 22px; padding: 0 16px 0 10px; display: block; background: #009DDC url(/images/corner-small.gif) top left no-repeat; float: left; color: #FFF; line-height: 22px; font-size: 11px; text-decoration: none; text-transform: uppercase; }

.tabs ul li a:hover,
#contentcenter .tabs ul li a:hover { background-color: #F08B1D; }

.tabs ul .first a,
#contentcenter .tabs ul .first a { padding-left: 30px; background: #8b4513 url(/images/corner-large.gif) top left no-repeat; }





/* Extras
-------------------------------------------------------*/

.hide { display: none; }
.clear { clear: both; }
.note {margin-left: 50px; margin-right: 50px; padding: 10px; color: #f08b1d; border: 1px solid #896532;}

/* Quote Window
-------------------------------------------------------*/

 a.quoteLink {
 	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #0065a4;
	text-decoration: underline;
	}
 a:hover.quoteLink {
	color: #F08B1D;
	text-decoration: none;
	}	


/* TRADERS TOOLS
-------------------------------------------------------*/
.TT_base { margin-left: 20px; }
.TT_head {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f7f7f7;
	background-color: #888888;
	}
.TT_text {
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
.r0 {
	color: #333333;
	background-color: #fff;
	}
.r1 {
	color: #333333;
	background-color: #f3f3f3;
	}
.quote_r0 {
	color: #333333;
	background-color: #ffffff;
	}
.quote_r1 {
	color: #333333;
	background-color: #dddddd;
	}