/* -------------------------------------------------------
	Copyright 2008 Trading Direct
	Author: 10 Volt Media - http://www.10voltmedia.com
	---------------------------------
	swatches:
		21313f	- dark blue
		f4f3f2	- off-white
		dfdfdf
		d5d4d4	- silver
		38383a	- charcoal
		767676	- mid gray
		a9864a	- tan 1
		412f12	- dark brown
------------------------------------------------------- */


* { margin: 0; padding: 0; }

body {
	font-size: 100%;
	background: #fff url(img/layout_header_background.png) repeat-x top left;
	font-family: "Lucida Sans", Verdana, Helvetica, Geneva, sans-serif;
	color: #38383a;
}


/* type
------------------------------------------------------- */
a { text-decoration: none; color: #21313f; border-bottom: solid 1px #a9864a; font-weight: bold; }
a:hover { color: #a9864a; border-bottom: solid 1px #21313f;}


/* structure
------------------------------------------------------- */
#page {
	margin: 0 auto;
	width: 61.25em;
}

#header {
	height: 8.875em;
	margin: 0 0 2.375em 0;
}

#header-logo { }
#header-logo * { border: none; }


/* nav menus
-----------------------------*/
#nav-alpha {
	margin: 0 0 0 0.9375em;
}

	#nav-alpha {
		list-style-type: none;
		border-right: solid 1px #dfdfdf;
		width:99%;
	}
	#nav-alpha li {
		float: left;
	}
	#nav-alpha li a {
		display: block;
		padding: 0 35px;
		border-left: solid 1px #dfdfdf;
		border-bottom: none;
		font-size: 14px;
		font-weight: normal;
		line-height: 3em;
		text-decoration: none;
		color: #21313f;	
	}
	#nav-alpha li a.current {	background: url(img/layout_nav_indicator.png) no-repeat center bottom; }	
	/* #nav-alpha li:last-child a { border-right: solid 1px #dfdfdf; } */
	#nav-alpha li a:hover { background: #21313f; color: #fff; }

#nav-beta {
	position: absolute;
	right: 0.5em;
	top: 1.875em;
	padding-right: 0.5em;
	list-style-type: none;	
}
	#nav-beta li {
		display: inline;
		margin: 0 0 0 1.75em;
		height: 24px;
		line-height: 24px;
		text-align: right;
	}
	
	#nav-beta li.icon-login {
		padding-left: 24px;
		background: url(img/icon_lock.png) no-repeat left 2px;
	}
	
	#nav-beta li.icon-blog {
		padding-left: 24px;
		background: url(img/icon_newspaper.png) no-repeat left 2px;
	}
	
	#nav-beta li.icon-help {
		padding-left: 24px;
		background: url(img/icon_help.png) no-repeat left 2px;
	}
	
	#nav-beta li a { font-size: 0.75em; color: #fff; text-decoration: none; font-weight: normal; border: none; }
	#nav-beta li a:hover { text-decoration: underline; }	
	
#nav-sub {
	/* orig:
		margin: 0 0 2em 38px; 
	*/
	margin: 0 0 2em 75px;
	width: 275px;	
	border: solid 1px #d5d4d4;
	border-top: solid 4px #a9864a;
	border-bottom: solid 4px #d5d4d4;
	background: url(img/layout_subnav_bgtile.png) repeat-x left bottom;
}

	#nav-sub ul {
		list-style-type: none;
	}
	#nav-sub ul li {}
	#nav-sub ul li a {
		display: block;
		padding: 0.6em 1em 0.6em 3em;
		border-bottom: solid 1px #dfdfdf;
		background: url(img/bullet_arrow_gray.png) no-repeat 8px center;
		font-size: 0.8em;
		font-weight: normal;		
		text-decoration: none;
		color: #21313f;
	}
	
	#nav-sub ul li a.icon-search { background: url(img/icon_search.png) no-repeat 8px center;	}
	
	#nav-sub ul li a.current { background: #21313f url(img/bullet_tan.png) no-repeat 13px center; font-weight: bold; color: #fff; }
	#nav-sub ul li:last-child a { border: none; }
	#nav-sub ul li a:hover { background: #21313f url(img/bullet_tan.png) no-repeat 13px center; color: #fff; }	
	
#phonenumber {	
	position: absolute;
	top: 70px;
	right: 0;
	width: 165px;
	height: 1.5em;
	line-height: 1.5em;
	padding-right: 1em;
	background: transparent url(img/icon_header_phone.png) no-repeat left 0.3em;
	text-align: right;
	font-weight: bold;
	font-size: 1em;
	color: #21313f;
}


/* content areas
-----------------------------*/
#col-alpha, #col-alpha-inside {
	float: left;
	width: 35.25em;
	padding: 0 0.9375em;
}

	#col-alpha p, #col-alpha-inside p {
		margin: 0 0 1.5em 0;
	}
	
	#col-alpha-inside h2 {
		margin: 0 0 1.75em 0;
		padding: 0 0 0.5em 0;		
		font-size: 1.125em;
		color: #21313f;
		border-bottom: solid 2px #a9864a;
	}
	
	#col-alpha-inside h3 {	
		margin: 3em 0 1.75em 0;
		padding: 0 0 0.5em 0;		
		font-size: 0.9em;
		color: #21313f;
		border-bottom: solid 1px #d5d4d4;
	}
	
		#col-alpha-inside h3.alt {
			margin: 5em 0 1.75em 0;
			padding: 0.25em 0.25em 0.25em 0.75em;
			font-size: 0.9em;
			color: #fff;
			background: #21313f;
			-moz-border-radius: 6px;
		}
	
	#col-alpha-inside h4 {	
		margin: 3em 0 0 0;
		padding: 0 0 0.5em 1.75em;		
		background: url(img/bullet_td_onwhite.png) no-repeat left 1px;
		font-size: 0.9em;
		color: #21313f;
	}
	
	#col-alpha-inside p {
		font-size: 0.8125em;
		line-height: 1.75em;
	}
	
	#col-alpha-inside ul, #col-alpha-inside ol {
		list-style-type: none;
		margin: 0 0 1.5em 1em;
	}

	#col-alpha-inside ul li, #col-alpha-inside ol li {
		margin: 0 0 1.75em 0;
		padding: 0 0 0 1.8em;
		line-height: 1.5em;
		background: url(img/bullet_arrow_gray.png) no-repeat left 2px;
		font-size: 0.8125em;
	}
	
	#col-alpha-inside table {
		font-size: 0.75em;
	}
	#col-alpha-inside table td {
		padding: 4px;
	}
	
	
#col-beta {
	margin: 0 0 0 39.25em;
}

#spacer {
	clear: both;
	height: 2.375em;
}

#footer {
	min-height: 14em;
	min-width: 1000px;
	background: #735A31 url(img/layout_footer_background.png) repeat-x left top;
}

	#footer-content {
		padding: 1.8em 0 0 0;
		width: 61.25em;
		min-height: 3.75em;
		background: url(img/layout_footer_logo.png) no-repeat 0.875em 1.25em;
	}
	
	#footer-content p {
		margin: 0 0 0 5em;
		line-height: 1.5em;
		font-size: 0.75em;
		color: #412f12;
	}
	#footer-content p a { text-decoration: none; color: #412f12; font-weight: bold; border: none; }
	#footer-content p a:hover { text-decoration: underline; color: #fff; }
	
	#footer-content p span { font-size: 1.5em; }
	
	#footer-disclaimers {
		margin-top: 2.5em;
		padding-bottom: 1.5em;
	}
	#footer-disclaimers p { color: #e1c28c; }
	#footer-disclaimers p a { color: #e1c28c; }	


.content-block {
	width: 34.3125em;	
	background: url(img/layout_radial_shadow.png) no-repeat center bottom;
	border-bottom: solid 1px #d5d4d4;
}

	.cb-alpha {
		margin: 0 0 2.5em 0;
		padding: 0 0 2em 0;		
	}
	
		#home-ratetable {
			font-size: 1em;
		}
			
			#home-ratetable table {
				border: none;
				width: 60%;
			}
			
			#home-ratetable table tr.title td {
				border-bottom: solid 1px #d5d4d4;
				font-weight: bold;
				color: #a9864a;
			}
			
			#home-ratetable table tr td.difference {
				font-weight: bold;
				color: #21313f;
			}
			
			#home-ratetable table tr.alt {	
				background: #e7e7e7;
			}
		
			#home-ratetable table tr.footer td {	
				padding-top: 5px;
				font-size: 0.6em;
				font-style: italic;
				color: #767676;
			}
			
			#home-ratetable table tr td {
				padding: 3px 2px;
				font-size: 0.75em;
			}
	
	
	.cb-beta {
		margin: 0 0 2.5em 0;
		padding: 0;		
	}

	.content-block h2 {
		font-size: 1.25em;
		text-transform: uppercase;
		color: #21313f;
	}
		.content-block h2 span {
			color: #a9864a;
		}
		.content-block h2.alt { font-size: 1.5em; }
		
	.content-block h3 {
		margin-bottom: 0.5em;
		font-size: 1em;
		color: #21313f;
	}		
	

	.content-block p {
		font-size: 0.8125em;
		line-height: 1.75em;
	}
	
	.content-block .large {	
		font-size: 1.5em;
		line-height: 2em;
	}	
	
	.content-block ul {
		list-style-type: none;
		margin: 0 0 0 1em;
	}

	.content-block ul li {
		margin: 0 0 1em 0;
		padding: 0 0 0 1.8em;
		background: url(img/bullet_arrow_gray.png) no-repeat left 2px;	
		font-size: 0.8125em;
	}

#quotebox {	
	/* orig:
		margin: 40px 0 0 40px;
	*/
	margin: 40px 0 0 75px;
}
#quotebox-home {	
	margin: 40px 0 0 0;
}

	#quotebox h2, #quotebox-home h2, #blogbox-home h2 {
		font-size: 1em;
		color: #21313f;	
	}
	#blogbox-home h2 a { border: none; }

	#quotebox h3, #quotebox-home h3, #blogbox-home h3 {
		font-size: 0.875em;
		color: #a9864a;
	}
	
	#quotebox .temp, #quotebox-home .temp {
		width: 250px;
		margin: 1em 0 0 0;
		padding: 50px 10px;
		border: dashed 2px #d5d4d4;		
		font-size: 0.75em;
		text-align: center;
	}


/* home page blog headlines
-------------------------------- */	
div.post-home {
	padding: 0.5em;
	border-bottom: solid 1px #ececec;
}
div.post-home:hover {
	background: #ececec;
	cursor: pointer;
	cursor: hand;
}
div.post-home:hover h4 a { color: #a9864a; border-bottom: solid 1px #21313f; }

.post-home h4 { font-size: 0.75em; }
.post-home h4 a { border-bottom: solid 1px transparent; }
.post-home h4 a:hover { border-bottom: solid 1px #21313f; }

.post-date {
	font-size: 0.6875em;
	color: #767676;
}

.icon-blog {
	padding-left: 24px;
	background: url(img/icon_newspaper.png) no-repeat left center;
}



/* form elements
-------------------------------- */	
label {
	display: block;
	margin: 0 0 0.25em 0;
	font-size: 0.875em;
}

.forminput {
	margin: 0 0 1.75em 0;
	padding: 4px;
	width: 220px;	
	border: solid 2px #d5d4d4;
	background-color: #f1f1f1;
	font-size: 1em;
	font-weight: bold;
	color: #38383a;
}
.forminput:focus {
	border-color: #a9864a;
	color: #21313f;	
}

.formtext {
	margin: 0 0 1.5em 0;
	padding: 4px;
	width: 400px;
	height: 100px;
	border: solid 2px #d5d4d4;
	background-color: #f1f1f1;
	font-family: "Lucida Sans", Verdana, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #38383a;
}
.formtext:focus {
	border-color: #a9864a;
	color: #21313f;	
}

.required {
	font-weight: bold;
	color: red;
}
	
.warning {
	padding-left: 20px;
	background: url(img/icon_error.png) no-repeat left top;
}

.error {
	padding: 8px;
	background: #fcff74;
	text-align: center;
}


/* misc
----------- */
a.button {
	display: block;
	width: 162px;
	height: 36px;	
	line-height: 36px;
	background: url(img/button_background_blue_sprite.png) no-repeat left bottom;
	border: none;
	text-align: center;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
}
a.button:hover {
	cursor: pointer;
	background: url(img/button_background_blue_sprite.png) no-repeat left top;	
}

input.button {
	display: block;
	width: 162px;
	height: 36px;	
	line-height: 36px;
	background: url(img/button_background_blue_sprite.png) no-repeat left bottom;
	border: none;
	text-align: center;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
}
input.button:hover {
	cursor: pointer;
	background: url(img/button_background_blue_sprite.png) no-repeat left top;	
}


p.disclaimer {
	color: #767676;
}

.breakoutbox {
	margin: 2em 0 0 0;
	padding: 1em;
	border: solid 1px #ececec;
	border-top: solid 4px #a9864a;
	border-bottom: solid 4px #d5d4d4;	
	background: url(img/layout_subnav_bgtile.png) repeat-x left bottom;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
br.clear { clear: both; line-height: 0; }

.indent {	margin-left: 2em !important; }

hr {
	margin: 1.5em 0;
	line-height: 0;
	border: none;
	border-top: solid 1px #a9864a;
	background: none;
}

a.pdf {
	display: block;
	margin: 0 2em;
	padding: 2px 2px 2px 38px;
	line-height: 30px;
	background: #ececec url(img/acrobat_icon25x25.gif) no-repeat 5px center;
	border: none;
	font-weight: normal;
}
a.pdf:hover {
	background-color: #21313f;
	color: #fff;
}

p.icon-mail {
	margin-bottom: 0.5em !important;
	padding-left: 24px;
	background: url(img/icon_email_open.png) no-repeat left 4px;
	font-size: 1em !important;
	font-weight: bold;
	color: #21313f;
}

p.icon-phone {
	margin-bottom: 0.5em !important;
	padding-left: 24px;
	background: url(img/icon_phone.png) no-repeat left 4px;
	font-size: 1em !important;
	font-weight: bold;
	color: #21313f;
}

p.icon-fax {
	margin-bottom: 0.5em !important;
	padding-left: 24px;
	background: url(img/icon_printer_empty.png) no-repeat left 4px;
	font-size: 1em !important;
	font-weight: bold;
	color: #21313f;
}

#mutual-fund-table {
	border: none;
	background: #d5d4d4;
}

	#mutual-fund-table td {
		padding: 4px;
		background: #fff;
	}
	#mutual-fund-table td:hover {
		background: #fffcdb;
	}
	
#table-compare {
	width: 98%;
	border: none;
	background: #d5d4d4;
}

	#table-compare tr.head td {
		padding: 10px;
		text-align: center;
		font-weight: bold;
		background: #efefef; 
	}
	
	#table-compare tr:hover td {
		background: #fffcdb;
	}
	
	#table-compare tr.head:hover td {
		background: #efefef; 
	}	

	#table-compare tr td {
		padding: 4px;
		background: #fff;
		text-align: center;
	}	
	
	#table-compare td.trading-direct {
		background: #fffcdb;
		font-weight: bold;
		font-size: 1.125em;
		color: #21313f;		
	}

/* rate calculator...
---------------------------- */
#ratecalc {
	width: 100%;
	height: 220px;
	border: solid 1px #d5d4d4;
	background: url(img/ratecalc_background_b.png) no-repeat right 40px;
}

	#ratecalc h2 {
		margin: 8px 0 0 8px;
		font-size: 15px;
		color: #21313f;
	}
	
	#ratecalc h3 {
		margin: 2px 0 0 8px;
		font-size: 13px;
		color: #a9864a;
	}

	#ratecalc-table	{
		margin: 38px 0 0 95px;
	}
	
		#ratecalc-table td {
			margin: 0 0 0 0;
			padding: 4px 0 5px 0;
			width: 140px;
			font-size: 13px;
			color: #21313f;			
		}
		
		#ratecalc-table td input {
			border: none;
			width: 90px;
			padding: 5px 2px;
			background: transparent;
			font-size: 13px;
			color: #21313f;
		}
		
		#ratecalc-table td input.underline {
			background: transparent url(img/pixel_gray.png) repeat-x left bottom;
			font-weight: bold;
		}
		
		#ratecalc-table td.savings {
			padding-top: 3px;
		}
			#ratecalc-table td.savings span {
				color: #fff; padding-left: 20px;
			}
		
		#ratecalc-table td.alt {
			padding-left: 18px;
		}
		
		#ratecalc-table input.savings {
			width: 100px;
			font-weight: bold;
			font-size: 14px;
			color: #fff;
		}
		
div.sidebar-box {
	margin: 0.5em 0 2.5em 0;
	padding-bottom: 0.5em;
	width: 275px;
	border: solid 1px #d5d4d4;
	border-top: solid 4px #a9864a;
	border-bottom: solid 4px #d5d4d4;	
	background: url(img/layout_subnav_bgtile.png) repeat-x left bottom;
}
div.sidebar-box-home {
	margin: 0.5em 0 2.5em 0;
	padding-bottom: 0.5em;
	width: 100%;
	border: solid 1px #d5d4d4;
	border-top: solid 4px #a9864a;
	border-bottom: solid 4px #d5d4d4;	
	background: url(img/layout_subnav_bgtile.png) repeat-x left bottom;
}
div.sidebar-box-home p {
	font-size: 0.75em;
}

		
/* document center
-----------------------------*/
ul.document-list {
	margin: 0;
	padding: 5px;
}

ul.document-list a {

}

ul.document-list li, dl {
	background-image: none;
	border: none;
	font-size: 13px !important;	
}

ul.document-list ol li {
	padding-left: 0 !important;
	background-image: none !important;
	font-size: 13px !important;
}

.icon-pdf {
	line-height: 25px;
	height: 25px;
	padding-left: 35px !important;
	background: url(img/icon_pdf.gif) no-repeat left top !important;
}

.icon-html {
	line-height: 25px;
	height: 25px;
	padding-left: 35px !important;
	background: url(img/icon_html.gif) no-repeat left top !important;
}

ol { margin-left: 2.5em; }
ol li { margin-bottom: 2em; }

.bd p {
	padding-left: 1em;
	font-size: 13px !important;
}

dl.accordion-menu p {
	font-size: 13px !important;
}


/* document center
-----------------------------*/
ul.glossary li {
	float: left;
	margin: 2px !important;
	padding: 0 !important;
	background-image: none !important;
}

ul.glossary li a {
	display: block;
	margin: 0 !important;		
	padding: 5px 8px;	
	border: none;
	background: #e1e1e1;	
	width: 250px;
	font-weight: normal;
	font-size: 12px;
}

ul.glossary li a:hover {	
	background: #21313f;
	color: #fff;
}

p.top {
	padding-top: 4px;
	border-top: solid 1px #eee;
	text-align: right;
}

p.top a {
	padding-left: 15px;
	background: url(img/arrow_up.png) no-repeat left top;
	border: none;
	font-weight: normal;
	color: #444;
}

/* site map
-----------------------------*/
#sitemap {
	margin-left: 125px !important;
	list-style-type: square !important;
}

#sitemap li, #sitemap ul li {
	padding-left: 0 !important;
	background: none !important;
}

/* second level */
#sitemap li ul {
	margin: 1em 0 2em 1.5em;	
}
#sitemap li ul li {
	list-style-type: circle !important;
}

#sitemap li {
	margin: 0 0 1em 0 !important;
	font-size: 12px !important;
}