#pagetitle,
#commissionPricing h2,
#ratesCallouts h3
{
	color:#7fad49;
}

#rates #pagetitle{
	margin-left:0;
}

 #rates h5{
	font-size:26px;
	font-weight:bold;
	margin-bottom:15px;
}

#rates #pagetitle h1{
	margin:0;
	height:30px;
	font-size:26px;
}

#ohRatesInfo{
	height:100%;
	margin:1em 0 40px 0;
}

#ratesPricing{
	width:68%;
	float:left;
	height:100%;
	margin-bottom:10px;
}

#commissionPricing h2{
	font-size:28px;
	margin-bottom:10px;
}

/******************
    Rates Page Buttons - Take a Tour and Open and Account
*******************/

#ratesButtons{
	font-weight:bold;
	font-size:1.4em;
	width:410px;
	margin:20px 0 0 150px;
	height:40px;
}

* html #ratesButtons a{
	padding-bottom:10px;
}

#ratesButtons a,
#ratesButtons a:hover, 
#ratesButtons.link:hover, 
#ratesButtons.link:focus, 
#ratesButtons.hover a, 
#ratesButtons.hover .link {
	text-decoration:none;
}

#openAnAccount,
#takeATour
{
	text-transform: uppercase;
	height:45px;
	padding-top:10px;
	text-align:center;
	cursor:pointer;
}


#openAnAccount{
	background:url(/asset/img/rates/openAnAccountButton.jpg) 0 0 no-repeat;
	color:#fff;
	float:left;
	width:215px;
}

#takeATour{
	background:url(/asset/img/rates/takeATourButton.jpg) 0 0 no-repeat;
	color:#666;
	float:right;
	width:185px;
}

/****   End Buttons   ****/


/********************
	ratesCallouts
**********************/

#ratesCallouts{
	background-color: #f5f5f4;
	float:right;
	width:25%;
	padding:10px;
	clear:right;
}

#ratesCallouts h3{
	font-size:1.2em;
	font-weight:bold;
}

#ratesCallouts h4{
	color:#224970;
	font-size:1.1em;
	font-weight:bold;
}

#goToWhy{
	font-weight:bold;
	padding-right:10px;
	display:block;
	text-decoration:none;
}

#ratesCallouts span.arrow{
	background: url(/asset/img/rates/ratesArrows.jpg) 2px 2px no-repeat;
	padding-right:10px;
	text-decoration:none;
	margin-left:2px;
}


/****   end ratesCallouts   ****/


/*************************
	commissionPricing
**************************/

#discoverLowRates{
	width:65%;
	margin-bottom:40px;
}

#commissionContainerTop{

}



#commissionPricing .commissionComparisonChart td{
	align:left;
}

#commissionPricing .commissionComparisonChart{
	background-color: #fbfbfb;
	border:1px solid #e4e4e5;
	border-bottom: 2px solid #cecdcd;
	width:31%;
	padding:5px 5px 15px 5px;
	margin: 0 5px 20px 0;
	float:left;
}

#commissionPricing .commissionComparisonChart.wide,
#commissionPricing .commissionComparisonChart.extraWide
{
		width:47%;
		float:left;
		margin-right:10px;
}



/*******    alignment of bar graphs in the table cell   *******/

.commissionComparisonChart tbody tr td{
	text-align:left;
}

.commissionComparisonChart tbody tr td div{
	text-align:right;
}

.commissionComparisonChart tr th,
#commissionPricing .commissionComparisonChart.wide tr th
{
	border-bottom:2px solid #9d9f98;
	text-align:left;
}

/********    bar graph values and background   *******/

.commissionComparisonChart .pricePoints{
		background:url(/asset/img/rates/rateTick.jpg);
		background-position: 2px 19px;
		background-repeat: no-repeat;
}

.commissionComparisonChart.wide .pricePoints{
	background:url(/asset/img/rates/rateTickWide.jpg);
	background-position: 2px 21px;
	background-repeat: no-repeat;
}		

.commissionComparisonChart.extraWide .pricePoints{
	background:url(/asset/img/rates/rateTickExtraWide.jpg);
	background-position: 2px 21px;
	background-repeat: no-repeat;
}	


.commissionComparisonChart .pricePoints span{
	display:block;
	float:left;
	width:30%;
	text-align:center;
	height:100%;
	background-repeat: no-repeat;
}

.commissionComparisonChart .pricePoints span.first,
.commissionComparisonChart .pricePoints span.last
{
		text-align:left;
		width:20%;
}

.commissionComparisonChart .pricePoints span.last{
		text-align:right;
}

.commissionComparisonChart tr td{
	padding:5px;
	border-bottom:1px solid #eaeae9;
	text-align:right;
}

.commissionComparisonChart tr td div{
	padding-right:5px;
}

#commissionPricing .commissionComparisonChart .commissionType{
	color:#7fad49;
	padding-bottom:5px;
}

#commissionPricing .commissionComparisonChart .companyName{
	font-weight:bold;
	color: #888;
}

#commissionPricing .commissionComparisonChart .companyName img{
	height:21px;
	width:80px;
}

*+html#commissionPricing .commissionComparisonChart .ohCommissionPrice,
*+html#commissionPricing .commissionComparisonChart .otherCommissionPrice{
	padding:2px 6px 2px 2px;
}

* html #commissionPricing .commissionComparisonChart .ohCommissionPrice,
* html #commissionPricing .commissionComparisonChart .otherCommissionPrice{
	padding:2px 6px 2px 2px;
}


#commissionPricing .commissionComparisonChart .ohCommissionPrice,
#commissionPricing .commissionComparisonChart .otherCommissionPrice
{
	color:#fff;
	font-weight:bold;
	font-size:11px;
	padding:2px 2px 2px 2px;
}

#commissionPricing .commissionComparisonChart .ohCommissionPrice{
	background: #79ae3c url(/asset/img/rates/ohPriceGraphGradient.jpg) 0 0 repeat-x;
	min-height:12px;
}

#commissionPricing .commissionComparisonChart .otherCommissionPrice{
	background: #81847d url(/asset/img/rates/otherPriceGraphGradient.jpg) 0 0 repeat-x;
	margin-top:2px;
	min-height:12px;
}

#fees .splitbox table tr td#spreadsNStraddles{
	padding: 16px 3px 10px 3px;
}


/* ========     Compare Rates and Fees Table        =============*/

#compareRatesandFees{
	width:98%;
}

#compareRatesandFeesHead {
    border:1px solid #797c75;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background:#80837b url(/asset/img/rates/headerGradientRates.gif) repeat-x scroll 0 0;
	font-size:.9em;
	font-weight:bold;	
	padding: 6px 10px;
	color:#fff;
	text-transform:uppercase;
	height:15%;
}


#compareRatesandFeesHead tr th{
	border-right:1px solid #fff;
	padding: 0 10px;
}

#compareRatesandFeesHead tr th span{
	text-transform:none;
	font-size:10px;
}

#compareRatesandFeesHead a{
	color:#fff;
	text-decoration:none;
}

#compareRatesandFeesHead tr th span.subText{
	display: block;
}

#compareRatesandFeesHead tr th .numberOfContracts{
	
}

#compareRatesandFeesHead .lastColumn,
#compareRatesandFeesContainer #compareRatesandFeesSubheader .lastColumn,
#compareRatesandFeesContainer #compareRatesandFeesDetails .lastColumn div,
#compareRatesandFeesContainer #compareRatesandFeesDetails .noBorder
{
	border:none;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails .lastRow,
#compareRatesandFeesContainer #compareRatesandFeesDetails .lastRow td
{
 border-bottom: none;
}


#compareRatesandFees .numberOfContracts span{
	display:inline;
	padding: 0 5px;
}

#compareRatesandFeesDetails .additionalInfo span{
	display:block;
}

#compareRatesandFeesDetails td div{
	font-size:11px;
}

#compareRatesandFeesContainer  #compareRatesandFeesSubheader table.pricePerContract tr td{
	border-right:none;
	padding:0 20px 0 0;
	text-align:right;
}


#compareRatesandFeesContainer #compareRatesandFeesSubheader td span.notOffered{
	color:#69872e;
}

#compareRatesandFeesContainer  #compareRatesandFeesDetails  .comparePricePerContract{
	clear:both;
	height:16px;
	padding: 0 10px 5px 3px;
	width:285px;
}

.comparePricePerContract span{
	display:block;
	float:left;
	text-align:right;
	padding-right:8px;
}


#compareRatesandFeesContainer #compareRatesandFeesSubheader{
	padding:10px;
	height:20%;	
	background-color:#7ca137; 
	color:#fff; 
	font-weight:bold; 	
}

#compareRatesandFeesContainer #compareRatesandFeesSubheader td {
	border-right:1px solid #dedede;	
	padding:0 10px;
}

#compareRatesandFeesContainer #compareRatesandFeesSubheader td span{
	display:block;
	margin-bottom:5px;
}

#compareRatesandFeesContainer  #compareRatesandFeesSubheader  td.stockColumn{
	padding-left: 13px;
	padding-right:13px;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails{
	background-color:#fdfdfd;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	height: 65%;
	padding:10px;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails table,
#compareRatesandFeesSubheader table
{
	width:100%;
}


#compareRatesandFeesContainer #compareRatesandFeesDetails table{
border-collapse:collapse;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails tr td{
	border-bottom:1px solid #dedede;
	color:#888888;

}

#compareRatesandFeesContainer #compareRatesandFeesDetails tr td div{
	margin:5px 0;
	border-right:1px solid #dedede;
	padding: 0 10px 5px 3px;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails tr td.companyName{
	font-weight:bold;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails tr td.companyName div{
	width:118px;
}

#compareRatesandFeesContainer #compareRatesandFeesDetails tr td{
	padding: 0 5px;
	vertical-align:middle;
}

#compareRatesandFeesContainer #compareRatesandFeesSubheader .pricePerContract .optionsContracts{
	display:inline;
}

.fiveContracts{
	width:18%;
}

.tenContracts{
	width:21%;
}

.fiftyContracts{
	width:23%;
}

.oneHundredContracts{
	width:23%;
}


/*******   end commissionPricing         *****/


/******************
	Float Clearing
*******************/
* html #ratesCallouts,
* html #commissionPricing .commissionComparisonChart,
* html #compareRatesandFees,
* html #ohRatesInfo,
* html #takeATour,
* html #openAnAccount,
* html #ratesPricing,
* html #commissionPricing .commissionComparisonChart.wide,
* html #commissionPricing .commissionComparisonChart.extraWide,
* html .commissionComparisonChart .pricePoints span,
* html .comparePricePerContract span,
* html #commissionContainerTop,
* html #commissionContainerBottom
 {
	height: 1%;
	overflow: visible;
}


*+html#ratesCallouts,
*+html#commissionPricing .commissionComparisonChart,
*+html#compareRatesandFees,
*+html#ohRatesInfo,
*+html#takeATour,
*+html#openAnAccount,
*+html#ratesPricing,
*+html#commissionPricing .commissionComparisonChart.wide,
*+html#commissionPricing .commissionComparisonChart.extraWide,
*+html.commissionComparisonChart .pricePoints span,
*+html.comparePricePerContract span,
*+html#commissionContainerTop,
*+html#commissionContainerBottom
{
	min-height: 1%;
}


#ratesCallouts:after,
#commissionPricing .commissionComparisonChart:after,
#compareRatesandFees:after,
#ohRatesInfo:after,
#takeATour:after,
#openAnAccount:after,
#ratesPricing:after,
#commissionPricing .commissionComparisonChart.wide:after,
#commissionPricing .commissionComparisonChart.extraWide:after,
.commissionComparisonChart .pricePoints span:after,
.comparePricePerContract span:after,
#commissionContainerTop:after,
#commissionContainerBottom:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}