*{padding:0px; margin:0px; border-spacing:none}

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
ul { list-style-type: none; margin: auto; padding: 0; }

#ad { background-image: url("images/300x600.jpg"); }

#main { position: absolute; top: 75px; left: 28px; height: 250px; }
#main .viewport { overflow: hidden; width: 238px; height: 100%; margin: 0 0px; }
#main .item { }
#main .item table { width: 100%; height: 100%; border-spacing: 0; text-align: center; }

.navigation_content { width: 280px; height: 156px; position: absolute; top: 144px; left: 10px; }

.nav { position: absolute; top: 0; left: -1px; font-size:12px}
.nav li { float: left; }
.nav li a {
	display: block;
	height: 15px;
	width:280px;
	/*background-image: url("images/nav.jpg");*/
	border-spacing:none;
	padding:5px 0 5px 0;
	background-color:#ddd;
	color:#666666;
	text-decoration:none;
	border: 1px solid #bbb;
	margin:0;
	text-align:center;
}
.nav li a:hover, .nav li a:active {
	background-color:#fff;
}
#stocks_nav_item a {background-color:#efecec; }
#stocks_nav_item.active a, #first_tab_nav_item a:hover { background-color:#49a942; }

#five_contracts_nav_item a { background-color:#efecec;}
#five_contracts_nav_item.active a, #five_contracts_nav_item a:hover { background-color:#49a942;}

#ten_contracts_nav_item a {background-color:#efecec; }
#ten_contracts_nav_item.active a, #ten_contracts_nav_item a:hover { background-color:#49a942;}

#fifty_contracts_nav_item a { background-color:#efecec; }
#fifty_contracts_nav_item.active a, #fifty_contracts_nav_item a:hover { background-color:#49a942;}

.nav_content .content { height: 156px; padding: 0 0 0 0; }
.nav_content .content .viewport { width: 100%; height: 100%; overflow: hidden; }

.nav_arrows { position: absolute; top: 10px; left: 0; width: 240px; }
.nav_arrows li { position: absolute; top: 0; }
.nav_arrows li.nav_previous { left: -25px; }
.nav_arrows li.nav_next { right: -25px; }
.nav_arrows li a {  display: block; width: 25px; height: 100px; text-indent: -999em; }
.nav_arrows li.nav_previous a { /*background-color: #000000;*/ }
.nav_arrows li.nav_next a { /*background-color: #000000;*/ }

.name {
	float:left;
	width:120px;
	height:19px;
	color:#111;
	padding-top:2px;
	padding-bottom:2px;
}
.bar {
	background-color:#C8D3C8;
	float:left;
	padding: 3px 10px;
	text-align:center;
	color:#000;
}

.options_house, .tradeMONSTER, .Schwab, .optionsXpress, .thinkorswim  {
	border-bottom: 1px solid #cccccc;
	height: 32px;
	padding: 14px 0 0 10px;
	font-size: 12px;
}

#navigation a {
	background-color:#ddd;
	color:#666666;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	border: 1px solid #bbb;
	margin:0;
}

#navigation a:hover {
	background-color:#ffffff;
}

.main-content {
	background-color: white;
	padding:110px 0 0 0;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow:  0px 2px 4px 2px rgba(0, 0, 0, .3);
box-shadow:  0px 2px 4px 2px rgba(0, 0, 0, .3);
}
