﻿
/* Home page */

/* no background for home iframe window */
#noBg {background:#fff none;}
#noBg p {padding:5px 0;}
#noBg ul li {list-style:none;}

.homesectiontext {font-size:11px; display:block; margin:0px 5px 0px 10px;}

.flashIcon { background:url(../../Images/en-us/help/get_flash_player.gif) no-repeat; width:88px; height:31px; margin-top:10px; position:absolute;}
.noFlash{background:url(../../Images/en-us/home/flash_replacement_pic.gif) no-repeat; font-size: 14px;  font-weight:bold; color:#363636; background-color:#fff; height:350px; margin:0px; padding:150px 0px 0px 50px; line-height:25px;}

.watermark {background-color:#DDEDFF; color:#000;}

#homeHeader {margin:5px 0 0 10px;}
#homeHeader h4 {font-size:14px; border-bottom:1px solid #cacaca; margin-bottom:10px;}
#homeHeader p { display:inline;}

/* Home New layout */
#homeContainer {margin:10px 0 0 5px; padding:0px; clear:left; text-align:center;}

	/* Promo content */
#promoContent {float:left; text-align:left; width:790px; margin:0;}

		/* Main Promo 
#mainPromoLeft {background:url(../../Images/en-us/Home/HomeBox_left.jpg) no-repeat; width:6px; height:215px; margin:0; float:left;}
#mainPromoMid {background:url(../../Images/en-us/Home/HomeBox_mid.jpg) repeat-x; width:740px; height:215px; margin:0; float:left;}
#mainPromoMid h4 {color:#59616d; font-size:30px; margin:5px 0 0 15px;}
#mainPromoMid .promoPrice {position:absolute; margin:0 0 0 10px;}
#mainPromoMid .promoTrade {position:absolute; margin:-37px 0pt 0pt 445px;}
#mainPromoMid .promoOpenAcc {position:absolute; margin:110px 0pt 0pt 10px;}
#mainPromoMid p {float:left;}
#mainPromoMid ul {float:right; list-style:none; margin:5px 300px 0pt 0px; display:inline; font-size:14px; font-weight:bold; color:#59616d;}
#mainPromoMid ul li {padding-bottom:25px;}
#mainPromoRight {background:url(../../Images/en-us/Home/HomeBox_right.jpg) no-repeat; width:6px; height:215px; margin:0; float:left;}
#mainPromoPic {position:relative; margin:-10px 0 0 0; width:751px; height:230px;}
#mainPromoPic a {position:absolute; display:block; background:url(../../Images/en-us/Home/clear.gif) top left;}
#mainPromoPic a.mainpromoPricing {top:74px; left:0; width:425px; height:155px;}
#mainPromoPic a.mainpromoPlatform  {top:18px; left:435px; width:210px; height:210px;}
#mainPromoPic a.mainpromoChinese  {top:120px; left:690px; width:60px; height:110px;}*/
		/* Self Promo 
.selfPromo {border-left:1px solid #cacaca; width:240px; float:left; height:75px; margin:0 4px;}
.selfPromo h1 {color:#306caf; margin:0 0 0 5px; font-size:18px;}
#flashcontent a { width:740px; height:350px; background:url(../../Images/en-us/home/selfpromo.gif) top left; display:block;}*/

/*----------------- New Promo ---------------------*/
#promoContainer {border-left:1px solid #cacaca; border-right:1px solid #cacaca;  border-bottom:1px solid #cacaca; float:left; width:99%; height:384px;}
.ui-tabs-hide { display: none; }
.ui-tabs-nav {margin:0; padding:0; font: bold 12px Verdana; list-style-type:none; text-align: left; float:left;}
.ui-tabs-nav li {display:inline;}
.ui-tabs-nav a {text-decoration: none; position: relative;  border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; border-right: 1px solid #8c8c8c; color: #2d2b2b; background: white url(../../Images/en-us/Home/TabShade.jpg) top left repeat-x; width:156px; height:25px; display:block; float:left;  text-align:center;}
.ui-tabs-nav a:hover {background: white url(../../Images/en-us/Home/TabShadeHover.jpg) top left repeat-x; width:156px; height:25px; border-top: 1px solid #7b7b7c; border-bottom: 1px solid #7b7b7c; border-left: 1px solid #7b7b7c; border-right: 1px solid #c5c5c5; color:#fff; }
.ui-tabs-nav a span { padding:7px 7px 5px 7px; display:block;}
.ui-tabs-selected a {/*selected main tab style */position: relative; background: url(../../Images/en-us/Home/TabShadeSelected.jpg) top left repeat-x; border-bottom: 1px solid #fff; border-right: 1px solid #c5c5c5; color:#306caf;}
.ui-tabs-selected a:hover {background: url(../../Images/en-us/Home/TabShadeSelected.jpg) top left repeat-x; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #fff; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; color:#306caf;}
.ui-tabs-panel {border-left:1px solid #cacaca; border-right:1px solid #cacaca;  border-bottom:1px solid #cacaca; float:left; width:788px; height:394px;}

	/*-------------------- Why Sogotrade Tab Content ----------------*/
.whySogo {
	background-image:  url(../../Images/en-us/Home/ShadeBg2.jpg)	height: 394px;
}
.whySogo h1 {font-size:1px; padding:10px; margin:0;}
.whySogo span.color {color:#148cc4;}
.whySogo a.whytitle {background:url(../../Images/en-us/Home/WhyTitle.gif) top left no-repeat; width:355px; height:79px; display:block; margin:0px 0 0 38px; position:absolute;}
.whySogo a.sogovalue {background:#cacaca url(../../Images/en-us/Home/Value.jpg) top left no-repeat; width:235px; height:68px; display:block; margin:110px 0 0 10px; position:absolute;}
.whySogo a.sogovalue:hover {background:#cacaca url(../../Images/en-us/Home/Value_hover.jpg) top left no-repeat;}
.whySogo a.sogospeed {background:#cacaca url(../../Images/en-us/Home/Speed.jpg) top left no-repeat; width:235px; height:68px; display:block; margin:195px 0 0 10px; position:absolute;}
.whySogo a.sogospeed:hover {background:#cacaca url(../../Images/en-us/Home/Speed_hover.jpg) top left no-repeat;}
.whySogo a.sogoinfo {background:#cacaca url(../../Images/en-us/Home/Info.jpg) top left no-repeat; width:235px; height:68px; display:block; margin:255px 0 0 10px; position:absolute;}
.whySogo a.sogoinfo:hover {background:#cacaca url(../../Images/en-us/Home/Info_hover.jpg) top left no-repeat;}
.whySogo a.sogosupport {background:#cacaca url(../../Images/en-us/Home/Support.jpg) top left no-repeat; width:235px; height:68px; display:block; margin:305px 0 0 10px; position:absolute;}
.whySogo a.sogosupport:hover {background:#cacaca url(../../Images/en-us/Home/Support_hover.jpg) top left no-repeat;}
.whySogo a.demopic {background:#cacaca url(../../Images/en-us/Home/Why_pic2.jpg) top left no-repeat; width:370px; height:386px; display:block; margin:-11px 0 0 1px; float:right;}
.whySogo a.openAcct {background:#cacaca url(../../Images/en-us/Home/WhySG_openAcct_btn.png) top left no-repeat; width:231px; height:27px; display:block; margin:325px 0 0 480px; position:absolute;}
.whySogo a.openAcct:hover {background:#cacaca url(../../Images/en-us/Home/WhySG_openAcct_btn_hover.png) top left no-repeat;}
	/*-------------------- Compare Us Tab Content ----------------*/
.compareUs { background:#cacaca url(../../Images/en-us/Home/ShadeBg.jpg) top left repeat-x; height:394px;}
.compareUs h1 {padding: 10px 0 0 15px;font-size: 24px;margin: 0;color: #0099CC;}
.compareUs p {padding:10px 0 0 15px; font-size:12px; font-weight:bold; margin:0;}
.compareTable {margin:15px auto 0 auto; padding:0; border-top:1px solid #ababab; border-left:1px solid #ababab; border-bottom:1px solid #ababab; width:753px; font-weight:bold; font-size:14px; text-align:center; background-color:#fff;}
.compareTable thead tr {background:#cacaca url(../../Images/en-us/Home/CompareUs_table_lightblue.png) top left repeat-x; height:75px; text-align:center;}
.compareTable tr th {border-right:1px solid #ababab; width:167px; padding:0 10px; font-size:12px;}
.compareTable tr th span {width:150px; display:block; margin:0 0 0 10px;}
.compareTable tr td {border-top:1px solid #ababab; border-right:1px solid #ababab; padding:9px;}
.compareTable tr.sogo {background:#cacaca url(../../Images/en-us/Home/CompareUs_table_blue.png) top left repeat-x; height:39px; color:#fff;}
.compareTable tr.sogo td {padding:0; font-size:18px;}
.compareTable tr.sogo td img {margin:-3px 0 0 10px; position:absolute;}
.compareTable tr.sogo td.sogoName {text-align:right; padding-right:8px;}
.compareTable td.color {color:#ff0000; text-align:right; padding-right:70px;}
.compareTable td.competitors { text-align:right;}
.compareTable td.shifter { text-align:right; padding-right:71px;}
.fontgreen {color: #009933;}

	/*------------------ Special Offer Tab Content ---------------*/
.specialOffer { background:#cacaca url(../../Images/en-us/Home/ShadeBg.jpg) top left repeat-x; height:394px;}
.specialOffer img {float:left;}
.specialOffer h1 a {float:left; font-size:80px; color:#148cc4;}
.specialOffer h1 a:hover {float:left; font-size:80px;color:#f5b509;}
.specialOffer ul.offer1Text {margin:15px 0 0 15px; list-style-type:none; float:left;}
.specialOffer ul.offer1Text h4 a { list-style-type:none; font-size:30px; color:#148cc4;}
.specialOffer ul.offer1Text h4 a:hover { list-style-type:none; font-size:30px; color:#f5b509;}
.specialOffer ul.offer1Text p {color:#363636; font:normal bold 12px verdana; margin-top:10px;}
.offer1 {float:left; margin:30px 0 0 -150px; width:645px;}
.offer2 {float:left; margin:30px 0 0 -110px; width:600px;}
.offer3 {float:left; margin:30px 0 0 -202px; width:700px;}
.offer3 ul.offer1Text p {color:#363636; float:left; margin-top:10px;width:500px;}
	/*------------------ Demos Tab Content ---------------*/
.demos { background:#cacaca url(../../Images/en-us/Home/DemoShadeBg.jpg) top left repeat-x; height:394px;}
.demos h1 {padding:20px 0 0 15px; font-size:20px; margin:0; color: #0099CC;}
.demos a.demoAcct {background:#ddedff url(../../Images/en-us/Home/Demo_acct.jpg) top left no-repeat; width:184px; height:255px; display:block; float:left; margin:42px 0 0 10px;}
.demos a.demoAcct:hover {background:#ddedff url(../../Images/en-us/Home/Demo_acct_hover.jpg) top left no-repeat;}
.demos a.demoTrade {background:#ddedff url(../../Images/en-us/Home/Demo_trade.jpg) top left no-repeat; width:184px; height:255px; display:block; float:left; margin:42px 0 0 110px;}
.demos a.demoTrade:hover {background:#ddedff url(../../Images/en-us/Home/Demo_trade_hover.jpg) top left no-repeat;}
.demos a.demoFund {background:#ddedff url(../../Images/en-us/Home/Demo_Opt.jpg) top left no-repeat; width:184px; height:255px; display:block; float:left; margin:42px 0 0 100px;}
.demos a.demoFund:hover {background:#ddedff url(../../Images/en-us/Home/Demo_Opt_hover.jpg) top left no-repeat;}
/*.demos a.demoDrip {background:#ddedff url(../../Images/en-us/Home/Demo_drip.jpg) top left no-repeat; width:184px; height:255px; display:block; float:left; margin:42px 0 0 10px;}
.demos a.demoDrip:hover {background:#ddedff url(../../Images/en-us/Home/Demo_drip_hover.jpg) top left no-repeat;}*/
.demos a.moreDemos {background:#ddedff url(../../Images/en-us/Home/MoreDemo_btn.png) top left no-repeat; width:168px; height:27px; display:block; float:right; margin:5px 15px 0 0;}
.demos a.moreDemos:hover {background:#ddedff url(../../Images/en-us/Home/MoreDemo_btn_hover.png) top left no-repeat;}
	/*------------------ How We Do It Tab Content ---------------*/
.howWeDoIt { background: url(../../Images/en-us/Home/ShadeBg.jpg) top left repeat-x; height:394px;}
.howWeDoIt h1 {padding:10px 0 0 15px; font-size:24px; color: #0099CC;}
.howWeDoIt p {padding:5px 0 5px 15px; font-size:12px; font-weight:bold;}
.howWeDoIt a.resultLink {margin:90px 0 0 15px; display:block; width:180px; text-decoration:underline;}
.howWeDoIt a.benefitLink {margin:13px 0 0 15px; display:block; width:180px; text-decoration:underline;}
.howWeDoIt ul.ui-tabs-nav {margin:10px 0 0 10px; padding:0; font: bold 11px Verdana; list-style-type:none; text-align: left; float:none; width:180px;}
.howWeDoIt ul.ui-tabs-nav li {display:inline;}
.howWeDoIt ul.ui-tabs-nav a {text-decoration: none; margin:10px 0; background: #fff url(../../Images/en-us/Home/HowWeDoit_nav.png) top left no-repeat; width:180px; height:24px; display:block; text-align:left; float:none;  border:0px solid transparent;}
.howWeDoIt ul.ui-tabs-nav a:hover {background: #fff url(../../Images/en-us/Home/HowWeDoit_nav_hover.png) top left no-repeat; width:180px; height:24px;}
.howWeDoIt ul.ui-tabs-nav a span { padding:5px 0 5px 8px; display:block; color:#363636;}
.howWeDoIt li.ui-tabs-selected a {background:#deebfb url(../../Images/en-us/Home/HowWeDoit_nav_selected.png) top left no-repeat; width:181px; border:0px solid transparent; outline-style:none;}
.howWeDoIt li.ui-tabs-selected a span {border-right:1px solid #deebfb; margin-right:-1px; color:#363636;}
#top {background: url(../../Images/en-us/Home/HowWeDoit_content_top.png) bottom left no-repeat; width:588px; height:3px; float:right; margin:0 9px 0 0; }
#bottom {background: url(../../Images/en-us/Home/HowWeDoit_content_bottom.png) top left no-repeat; width:588px; height:3px; float:right; margin:0 9px 0 0; }
.howWeDoIt div.ui-tabs-panel { border-bottom:0px solid transparent; float:right; width:586px; height:296px; margin:0 9px 0 0; background:#deebfb url(../../Images/en-us/Home/HowWeDoIt_content_mid.png) top left repeat-x;}
.howWeDoIt div.ui-tabs-panel p {font-size:16px; text-align:left; margin:0 3px 0 0; font-weight:normal;}
.howWeDoIt div.ui-tabs-panel img.pic1 {margin:0 0 0 20px; float:left;}
.howWeDoIt div.ui-tabs-panel img.pic2 {margin:0 0 0 40px; float:left;}
.howWeDoIt div.ui-tabs-panel img.pic3 {margin:0 0 0 10px; float:left;}
.howWeDoIt div.ui-tabs-panel img.pic4 {margin:0 0 0 10px; float:left;}
.howWeDoIt div.ui-tabs-panel img.pic5 {margin:22px 0 0 5px; float:left;}
.howWeDoIt div#Four {height:296px; width:586px; background:#deebfb url(../../Images/en-us/Home/HowWeDoIt_clearing.jpg) top left no-repeat;}

/* To target a safari browser issue 

@media screen and (-webkit-min-device-pixel-ratio:0){

    .howWeDoIt div.ui-tabs-panel img.pic1 {margin:2px 0 0 20px;}
    .howWeDoIt div.ui-tabs-panel img.pic2 {margin:2px 0 0 40px;}
    .howWeDoIt div.ui-tabs-panel img.pic3 {margin:2px 0 0 10px;}
    .howWeDoIt div.ui-tabs-panel img.pic4 {margin:2px 0 0 10px;}
    .howWeDoIt div.ui-tabs-panel img.pic5 {margin:28px 0 0 5px;}
    .demos a.demoAcct {margin:44px 0 0 10px;}
    .demos a.demoTrade {margin:44px 0 0 10px;}
    .demos a.demoFund {margin:44px 0 0 10px;}
    .demos a.demoDrip {margin:44px 0 0 10px;}

}     */

	/*------------------ Why SogoTrade pop-up box ---------------*/
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
  /* Modal */  
  .boxy-modal-blackout { position: absolute; background-color: black; opacity: 0.7; filter: alpha(opacity=70); left: 0; top: 0; }  
  /* Border 
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../../images/en-us/home/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../../images/en-us/home/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../../images/en-us/home/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../../images/en-us/home/boxy-sw.png'); }*/
	
	/* IE6 hacks for the border 
	* html .boxy-wrapper .top-left { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/en-us/home/boxy-nw.png'); }
	* html .boxy-wrapper .top-right { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/en-us/home/boxy-ne.png'); }
	* html .boxy-wrapper .bottom-right { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/en-us/home/boxy-se.png'); }
	* html .boxy-wrapper .bottom-left { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/en-us/home/boxy-sw.png'); }
	
	.boxy-wrapper .boxytop,
	.boxy-wrapper .boxybottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 margin:0; }
	
	.boxy-wrapper .boxyleft,
	.boxy-wrapper .boxyright { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0; margin:0;}*/
	
	/* Title bar */	
	.boxy-wrapper .title-bar {background: white url(../../Images/en-us/Home/Accordion_bar.jpg) top left repeat-x; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: bold; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 12px; line-height: 1; }
		
	/* Content Region */	
	.boxy-inner { background-color: white; padding: 0; border:2px solid #639fe2;}
	.boxy-content { padding: 0; }
	
	/* Question Boxes */
    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; } 
    
		/*---------------------- Why Sogo pop up content --------------------------*/    
#innerWrapper { background:#cacaca url(../../Images/en-us/Home/ShadeBg.jpg) top left repeat-x; height:394px;}
#innerWrapper h5 {font-size:14px; font-weight:bold; margin:10px 0 0 15px;}
#innerWrapper p {margin:0 0 0 15px;}
#innerWrapper a.innerNav {padding: 1px 8px 1px 8px;border: 1px solid #306caf;font-size: 16px;font-weight: bold;margin: 10px 0 0 58px;color: #306caf;}
#innerWrapper a.innerNav:hover {color:#363636;}
#innerWrapper a.innerNavSelected {padding: 1px 8px 1px 8px;border: 1px solid #AAC8E8;font-size: 16px;font-weight: bold;color:#fff;margin: 10px 0 0 58px;background-color: #306caf;}
#innerWrapper a.innerNav_back {background: url(../../Images/en-us/Home/arrow_left.png) top left no-repeat;margin: 5px 0 0 28px;padding: 4px;position: relative;}

ul.ui-accordion { list-style-type:none; margin:15px; font-size:12px;}
.ui-accordion-container {padding:0;}
.ui-accordion-header {
	background: url(../../Images/en-us/fund/fund_bkgrnd.gif) top left repeat-x;
	height: 21px;
	color: #666666;
	text-decoration: none;
	display: block;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.ui-accordion h3 {padding:3px 0 0 10px; font-size:12px; margin:0; cursor:pointer;}
.ui-accordion-data { background-color:#F5FCFC; border-left:1px solid #F5FCFC; border-right:1px solid #F5FCFC;}
.ui-accordion-data span, .ui-accordion-data a  {display:block; padding:5px 0 5px 15px;}
.ui-accordion-data a.innerLink {display:inline; padding:0;}
.ui-accordion-data span.innerDisclaimer {font-size:10px; color:#363636; padding:3px 0 0 15px;}
.ui-tabs-hide { display: none; }





		/*---------------------- Sub Promo --------------------------*/
.subPromoBox {/*background:url(../../Images/en-us/home/promoBox_mid.jpg) repeat-y top left;*/ width:262px; margin:8px 0 ; float:left;}
.subPromoBox2 {/*background:url(../../Images/en-us/home/promoBox_mid.jpg) repeat-y top left;*/ width:259px; margin:8px 0 10px 2px ; float:left;}
.subPromoBox3 {/*background:url(../../Images/en-us/home/promoBox_mid.jpg) repeat-y top left;*/ width:262px; margin:8px 0 10px 2px ; float:left;}

.subPromoBoxTop {background:url(../../Images/en-us/home/promoBox_top.jpg) no-repeat top left; width:242px; height:5px;}
.subPromoBoxMid {text-align:left; height:180px;}
.subPromoBoxMid h3 {color:#306caf; font-size:20px; padding:1px 5px; margin:0 0 0 10px;}
.subPromoBoxMid h4 {color:#306caf; font-size:28px; padding:2px 5px; margin:0 0 0 10px;}
.subPromoBoxMid p { font-size:12px;}
.subPromoBoxMid p.limitTime {width:230px; float:left; margin:0 0 0 10px;}
.subPromoBoxMid p.dividend {width:115px; float:right; margin:0 0 0 5px;}
.subPromoBoxMid p.small { font-size:12px; font-weight:bold; padding:1px; float:left; width:230px; margin:0 0 0 10px;}
.subPromoBoxMid a { font-size:12px; padding:2px 5px; margin:0;}
.subPromoBoxMid a.more {margin:5px 10px 0 0; float:right; font-size:12px; font-weight:bold;}
.subPromoBoxMid a.more2 {margin:5px 0 0 120px; float:left; font-size:12px; font-weight:bold;}
.subPromoBoxMid a.terms {font-size:9px; float:left; color:#363636; margin:20px 0 0 50px; width:150px;}
.subPromoBoxMid a.terms:hover {text-decoration:underline;}
.subPromoBoxMid span.small { font-size:16px; font-weight:bold; padding:1px; float:left; margin:0 0 0 10px;}
.subPromoBoxMid span.big {color:#306caf; font-size:70px; font-weight:bold; float:left; margin:0 0 0 10px;}
.subPromoBoxBtm {background:url(../../Images/en-us/home/promoBox_bottom.jpg) no-repeat bottom left; width:242px; height:5px; clear:both;}

	/*----------------------- Sub Content --------------------------*/
#subContent {margin:0; float:right; width:185px;}
		/* express login and market */
.loginBox {margin:0 1px 10px 0; float:right;}
.loginBoxTop {background:url(../../Images/en-us/home/LoginBox_top.jpg) no-repeat top left; width:186px; height:24px;}
.loginBoxTop h6 {font-size:12px; font-weight:bold; color:#363636; margin:5px 0 0 5px; float:left;}
.loginBoxMid {border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; background-color:#e4e4e4; width:184px;}
.loginBoxBtm {background:url(../../Images/en-us/home/LoginBox_bottom.jpg) no-repeat top left; width:186px; height:3px; clear:both;}
.expressLoginhelp {float:right; margin:5px 10px 0 0;}
.expressLoginlock {float:left; margin:5px 0 0 8px;}
iframe.loginIframe { width:98%; margin:0; height:125px; background-color:transparent;}
*html .loginBox {margin:0 1px 0 0;}
.loginTable {margin:0; width:180px; font-size:11px;}
.loginTable tr td {text-align:left; padding:4px 0 0 5px;}
.loginTable tr td input {border:solid 1px #cacaca; width:75px;}
.loginTable tr td select {width:165px; border:solid 1px #cacaca;}
#homeContainer input.Form-ButtonExpressLogin{border:none; font: bold 11px; width: 102px; height: 22px; background:#fff url(../../Images/en-us/buttons/express_login.png) no-repeat;  cursor: pointer; text-align: left; margin:10px 0 10px 8px;}
#homeContainer input.Form-ButtonExpressLogin:hover{border:none; font: bold 11px; width: 102px; height: 22px; background:#fff url(../../Images/en-us/buttons/express_login_hover.png) no-repeat;  cursor: pointer; text-align: left; margin:10px 0 10px 8px;}        



.midBox {margin:0 1px 10px 0; float:right;}
.midBoxTop {background:url(../../Images/en-us/home/MidBox_top.jpg) no-repeat top left; width:186px; height:38px;}
.midBoxTop h6 {font-size:12px; font-weight:bold; color:#363636; margin:12px 0 0 10px; float:left;}
.midBoxTop input {margin:10px 0 0 5px; border:1px solid #CCCCCC; width: 46px; height:18px; padding:0px 1px; text-align:center; float:left;}
.midBoxTop input.goBtn{color:#363636; font-weight: bold; width: 48px; height: 22px; background:#fff url(../../Images/en-us/buttons/Form-SmallButton.gif); cursor:pointer; text-align: center; margin:8px 0 0 10px;}
.midBoxTop input.goBtn:hover {color:#306caf; font-weight: bold; width: 48px; height: 22px; background:#fff url(../../Images/en-us/buttons/Form-SmallButton2.gif); cursor:pointer; text-align: center; margin:8px 0 0 10px;}
.midBoxMid {border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; background-color:#e4e4e4; width:184px;}
.midBoxMid img {margin:15px 0 0 0;}
.midBoxMid table {margin:5px auto; width:165px; clear:left;}
.midBoxMid table tr td {padding:3px 0;}
.midBoxMid ul {list-style:none; color:#306caf; text-align:left; margin:0 0 0 10px;}
.midBoxMid ul li {color:#306caf; margin:0; text-align:left; padding:5px 2px;}
.midBoxMid a#why, a#compare, a#CareersCenter, a#demo, a#refer, a#help, a#tutorial, a#forms, a#research, a#contact, a#sitemap {color:#363636; padding:2px 3px; text-decoration:none;}
.midBoxMid a:hover#why, a:hover#compare, a:hover#demo, a:hover#refer, a:hover#help, a:hover#tutorial, a:hover#forms, a:hover#research, a:hover#contact, a:hover#CareersCenter,a:hover#sitemap {color:#fff; background-color:#306caf; padding:2px 3px;}
.midBoxBtm {background:url(../../Images/en-us/home/LoginBox_bottom.jpg) no-repeat top left; width:186px; height:3px; clear:both;}
*html .midBox {margin:0 1px 0 0;}
	/* sub Content Promo */
.subContentPromo {margin:0 0 10px 0;}

.homeChartDisclaimer {font-size:9px; padding:5px 0 0 5px;}
.disclaimer {font-size:9px; color:#363636; text-align:left; float:left; width:990px; margin-top:10px;}
.disclaimer a:link, .disclaimer a:visited {color:#666; font-size:9px; text-decoration:none;}
.disclaimer a:hover, .disclaimer a:active {color:#666; font-size:9px; text-decoration:none;}


/* About us pages styles */
#aboutNav {float:left;}
#aboutContent {float:left; width:100%;}
#aboutContent h4 {font-size:14px; color:#363636; border-bottom:1px solid #cacaca; margin:5px 0 0 10px;}
#mediacontainer {margin:10px;}
.newsLeftDiv{float:left; width:220px;}
.newsRightDiv{float:left; margin:10px 0 0 20px;}

.newsPopularBoxone{background-image:url(../../Images/Sitemap/Help_sitemap_div_bg.gif);background-position:center bottom;background-repeat:no-repeat;float:left;margin:0 0 5px 0;width:220px; padding-bottom:0px;}
.newsPopularBoxone h1{background-image:url(../../Images/Sitemap/Help_sitemap_h_bg.jpg); background-position:center top; background-repeat:no-repeat; height:54px; margin:0; padding:0; width:220px;}
.newsPopularBoxone h1 span{color:#443C40; font-size:14px; font-weight:bold; line-height:30px; padding-left:12px;}
.newsPopularBoxone ul {list-style-type:none; margin-left:16px; line-height:15px; width:188px;}
.newsPopularBoxone li { padding-bottom:0px; margin-bottom:0px;}

.newsPopularBox{background-image:url(../../Images/Sitemap/Help_sitemap_div_bg.gif);background-position:center bottom;background-repeat:no-repeat;float:left;margin:0 0 20px 0;width:220px; padding-bottom:10px;}
.newsPopularBox h1{background-image:url(../../Images/Sitemap/Help_sitemap_h_bg.jpg); background-position:center top; background-repeat:no-repeat; height:54px; margin:0; padding:0; width:220px;}
.newsPopularBox h1 span{color:#443C40; font-size:14px; font-weight:bold; line-height:30px; padding-left:12px;}
.newsPopularBox ul {list-style-type:none; margin-left:16px; line-height:16px; width:188px;}
.newsPopularBox li { background-image:url(../../Images/Sitemap/Help_sitemap_li_bg.jpg); background-position:center bottom; background-repeat:repeat-x; padding-bottom:10px; margin-bottom:10px;}
div#mediacontainer p {font-size:11px; color:#363636; font-weight:normal; margin:0px; padding:5px 0px;}
div#mediacontainer a {font-size:11px; font-weight:normal; margin:0px;  text-decoration:none;}
div#mediacontainer a:hover {font-size:11px; color:#E68B2C; font-weight:normal; margin:0px; text-decoration:none;}
.overviewpic {border:2px solid #abbbcb; position:relative; margin:5px 10px 5px 0px; float:left;}
.mediaheading {font-size:14px; color:#363636; font-weight:bold;}
.executivepic {float:left; margin:5px 10px 3px 0px; border:2px solid #abbbcb;}
.mediatitle {font-size:12px; color:#363636; font-weight:bold;}
.regulatorypic {margin:5px 10px 0px 370px;}
.regulatorytext {font-size:12px; color:#363636; font-weight:bold; margin:15px 0px; position:absolute;}
.presscontainer {height:120px; margin-bottom:20px; border-bottom:1px dotted #363636;}
.presscontainer2 {height:290px; margin-bottom:20px; border-bottom:1px dotted #363636;}
.presscontent {margin:-20px 0px 0px 120px; position:relative; padding-top:5px; width:600px;}
.morepress {position:absolute; padding:5px 0px; color:#83a7cf;}
.spacer {display:block; margin:3px;}
.accoladespic {margin:5px 10px 0px 0px;}
.accoladestext {font-size:11px; color:#363636; font-weight:bold; margin:40px 0px; position:absolute;}
.careerdivider {border-bottom:1px dotted #363636; position:relative; margin:20px 0px 5px 0px; }
.contactcontainer {height:140px; margin-bottom:15px; border-bottom:1px dotted #363636; }
.contactcontent {position:absolute; margin:-23px 0px 0px 280px; padding-top:5px; width:300px;}


/* Why SogoTrade page */
#whyContainer {margin:5px auto; padding:0; float:left;}
#whyContainer h1 {color:#363636; margin:0;}
#whyContainer h3 {font-size:16px;}
#whyContainer h4 a {font-size:14px; margin:15px 0 0 15px; display:block;}
#whyContainer a {font-size:12px;}
#whyContainer p {width:970px; font-size:12px;}
#whyContainer p.disclaimer {font-size:10px; color:#363636; margin:5px 0 0 10px;}
	/* Why SogoTrade navigation */
#whyContainer ul#topReasons {list-style:none; margin:0; padding:0; float:left; background-color:#fff; width:375px;}
#whyContainer ul#topReasons li {margin:0; padding:0; width:375px; display:inline;}
#whyContainer ul#topReasons li a {font-size:14px; margin:5px 0; padding:10px 3px; width:375px;  height:20px; background-color:#edeced; border:1px solid #c9ccd0; display:block;}
#whyContainer ul#topReasons li a:hover {padding:10px 3px; background-color:#306caf; color:#fff;}
#whyContainer ul#topReasons li a.selected {margin-left:3px; padding:10px 3px; background-color:#d6e4f4; border-right:1px solid #d6e4f4; outline-style:none;}
#whyContainer ul#topReasons li a.selected:hover {background-color:#306caf;}
	/* Reasons Container */
#reasonsContainer {border:1px solid #c9ccd0; float:right; width:605px; height:750px; margin:5px 0 0 0; background-color:#d6e4f4;}
#reasonsContainer h2 {color:#363636; padding:10px 0 5px 10px; font-size:16px; width:500px;}
#reasonsContainer p {width:580px; margin:5px auto; line-height:18px;}
#reasonsContainer p.loader {margin:50px 250px; width:135px;}
#reasonsContainer ul {list-style:square; margin:10px 0 0 20px;}
#reasonsContainer ul li {margin:5px;}
	/* reason #1 */
.priceTable {background-color:#fff; border-top:1px solid #999; border-left:1px solid #999; width:580; margin:0 10px;}
.priceTable td {padding:3px 5px; line-height:25px; font-size:12px; width:193px; border-bottom:1px solid #999; border-right:1px solid #999;}
.priceTable td.premium {background-color:#B1D3F8; text-align:center;}
.priceTable td.standard {background-color:#ececec; text-align:center;}
	/* reason #2 */
#reasonsContainer ul.marketCenter {list-style:square; margin:10px 0 0 25x; float:left;}
#reasonsContainer ul.marketCenter li {padding:3px; margin:5px; width:250px;}
	/*reason #3 */
#reasonsContainer ul.customerService {list-style:none; margin:0 0 0 25x; float:left;}
#reasonsContainer ul.customerService li {padding:3px; margin:5px;}
	/* Open button */
#whyOpenBtn { background:url(../../Images/en-us/whySS/open_account.gif) no-repeat; width:214px; height:48px; margin:25px 0 0 80px; float:left;}  
#whyOpenBtnTop { background:url(../../Images/en-us/whySS/open_account.gif) no-repeat; width:214px; height:48px; margin:10px 200px; float:left;}
#whyOpenBtnLt { background:url(../../Images/en-us/home/open_account_lt.gif) no-repeat; width:155px; height:28px; margin:20px 0 0 116px; float:left;}  

	/* Why SogoTrade navigation for IE6 Only */
*html #whyContainer ul#topReasons {width:360px;}
*html #whyContainer ul#topReasons li {width:360px;}
*html #whyContainer ul#topReasons li a {width:360px; border:1px solid #c9ccd0;}
*html #whyContainer ul#topReasons li a.selected { width:360px; border:1px solid #c9ccd0;}
*hrml #reasonsContainer {width:580px; height:750px;}
*html #reasonsContainer ul.customerService {margin:0;}

/* Advantage page */
#advantageContainerTop {background:#d6e4f4 url(../../Images/en-us/advantage/advantage_container_top.jpg) no-repeat top left; width:989px; height:187px; margin-top:10px; float:left;}
#advantageContainerTop h3 {font-size:28px; color:#306caf; margin:5px 0;}
#advantageContainerTop p {line-height:18px; font-size:12px;}
#advantageContainerTop div {float:right; width:650px; margin:0 20px 0 0;}
#advantageContainerMid {background-color:#d6e4f4; border-left:1px solid #cacaca; border-right:1px solid #cacaca; width:987px; float:left;}
#advantageInner {width:934px; height:349px; background-color:#a8caf1; float:left; margin:-55px 0 0 25px; padding:0;}
#advantageInner h3 {margin:5px 10px; width:235px; font-size:14px;}
#advantageInner p {margin:5px 10px;}
#advantageInner ul {list-style-type:square; margin:10px 0 0 20px; width:160px;}
#advantageInner ul li {margin:5px;}
.advantageChart {float:right; margin:-150px 10px 0 0; background:url(../../Images/en-us/home/advantage.gif) no-repeat; width:754px; height:234px;}
#advantageContainerMid p {font-size:12px;}
#advantageContainerMid p.disclaimer {font-size:10px; color:#363636; margin:5px 0 0 25px; width:934px;}
#advantageContainerBtm {background:#d6e4f4 url(../../Images/en-us/advantage/advantage_container_bottom.gif) no-repeat bottom left; width:989px; height:2px; float:left;}
	/* Advantage page for IE6 Only */
*html #advantageInner {margin:-55px 0 0 13px; position:relative;}
*html .advantageChart {margin:-150px 5px 0 0;}

/* promotion */
#promocontainer { background:url(../../Images/en-us/home/promo_whole.jpg) no-repeat; width:691px; height:504px; margin-left:15px; float:left; text-decoration:none;}
#promobutton { background:url(../../Images/en-us/home/promo_btn.jpg) no-repeat; width:318px; height:55px; margin:430px 0px 0px 200px; position:absolute;}
#promotitle {font-size:36px; font-weight:bold; color:#1598EA; margin:145px 0px 0px 40px; position:absolute;}
a#promocontainer ul {line-height:25px; margin:190px 0px 0px 55px; position:absolute;} 
a#promocontainer ul li { list-style-image:url(../../Images/en-us/home/Promo_arrow.gif); margin-bottom:5px; position:relative;}
.promomaintext {font-size:16px; font-weight:bold; color:#14972D;}
.promosubtext {font-size:11px; color:#363636;}
.promodisclaimer {font-size:10px; font-weight:normal; color:#666666; margin:10px 0px 0px 20px; float:left; width:690px; clear:both;}
a.promodisclaimerLink:link {font-size:10px; font-weight:normal; color:#666666;}
a.promodisclaimerLink:visited {font-size:10px; font-weight:normal; color:#666666;}
a.promodisclaimerLink:hover {font-size:10px; font-weight:normal; color:#E68B2C; text-decoration:none;}

/* SogoCompare */
.titleBk {background-color:#B1D3F7; padding:2px 0px 2px 5px;/* border-bottom:1px solid #77B3EF; */color:#363636;}
.titleBk2 {background-color:#fbd35a; padding:2px 0px;/* border-bottom:1px solid #77B3EF; */text-align:center; color:#363636; font-size:16px;}
.titleBk3 {background-color:#306caf; padding:2px 0px;/* border-bottom:1px solid #77B3EF; */text-align:center; color:#fff; font-size:16px;}

.inlineText {padding:5px 2px 5px 5px; font-size:12px; color:#000; border-bottom:1px solid #363636;}
.inlineText2 {padding:5px 2px 5px 5px; font-size:12px; color:#000; border-bottom:1px solid #363636; text-align:center;}
.inlineTextBig {padding:5px 2px 5px 5px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #363636;}
.Text2 {padding:5px 2px 5px 5px; font-size:11px; color:#363636;}
#features2 {float:left; margin:0px; width:650px;}
#features2 h1 {font-weight:bold; font-size:12px; padding:0; margin:0;}
#features2 a#sginvest {font-weight:bold; font-size:14px; padding:0; margin:0; color:#363636;}
#features2 a#sgelite {font-weight:bold; font-size:14px; padding:0; margin:0; color:#fff;}
#features2 p {margin:0; padding:0; font-size:11px;}
#orders {float:left; margin:0px; width:650px;}
#orders h1 {font-weight:bold; font-size:12px; padding:0; margin:0;}
#orders a#sginvest {font-weight:bold; font-size:14px; padding:0; margin:0; color:#363636;}
#orders a#sgelite {font-weight:bold; font-size:14px; padding:0; margin:0; color:#fff;}
#price2 {float:left; margin:0px; width:650px;}
#price2 h1 {font-weight:bold; font-size:12px; padding:0; margin:0;}
#price2 a#sginvest {font-weight:bold; font-size:14px; padding:0; margin:0; color:#363636;}
#price2 a#sgelite {font-weight:bold; font-size:14px; padding:0; margin:0; color:#fff;}
#price2 p {margin:0; padding:0; font-size:11px;}
#account {float:left; margin:0px; width:650px;}
#account h1 {font-weight:bold; font-size:12px; padding:0; margin:0;}
#account a#sginvest {font-weight:bold; font-size:14px; padding:0; margin:0; color:#363636;}
#account a#sgelite {font-weight:bold; font-size:14px; padding:0; margin:0; color:#fff;}
#account p {margin:0; padding:0; font-size:11px;}

/* ACAT and DRIP Promo Landing pages */
.promoLandingBox { width:865px; margin:15px 0 10px 0; font-size:14px; float:left;}
.promoLandingBox h4 {color:#363636; font-size:24px; margin:5px 0 0 15px; border:0; width:860px; padding:0 3px;}
.promoLandingBox h4 span {color:#306caf; font-size:48px;}
.promoLandingBox div.wrapper { background:url(../../Images/en-us/home/ACATpromo_BG.jpg); margin:5px 0 0 0px; width:874px; height:312px; padding:0px; float:left; display:inline;}
.promoLandingBox div.wrapper h4 {color:#fff; font-size:2px; margin:5px 10 0 10px; border:0px solid #cacaca;}
.promoLandingBox div.wrapper2 {background:url(../../Images/en-us/home/100promotBG.png) no-repeat; margin:5px 0 0 0px; width:868px; height:395px;padding:3px; float:left; display:inline;}
.promoLandingBox div.wrapper2 p {color:#fff; font-weight:normal;width:330px;font-size:12px;padding:150px 0 0 0px; }
.promoLandingBox div.wrapper2 h4 {color:#FFD85A; font-size:20px; width:370px; margin:3px 10px 7px 0px; border:0px solid #cacaca;}
.promoLandingBox div.dripContent {float:left; width:400px;}
.promoLandingBox div.dripPic {float:right; margin:15px -10px 0 0; width:450px;}
.promoLandingBox div.dripPic a {color:#363636;}
.promoLandingBox p {font-weight:bold; margin:22px 0 16px 20px; color:#006DAC;}
.promoLandingBox p span{ font-size:18px; font-weight:bold; color:#ff8c00;}
.promoLandingBox p.disclaimer { text-align:left; width:860px; margin:10px 0 10px 0px; color:#363636; display:inline;}
.promoLandingBox p.dripTitle {width:400px; margin-left:15px;}
.promoLandingBox ul { margin:20px 0 0px 44px; font-size:16px; width:800px; float:left; list-style:none; color:#3e3e3e;}
.promoLandingBox ul li {padding:11px 0 9px 36px; height:20px;}
.promoLandingBox ul.freeTrade { position:absolute; margin:-150px 100px 0 400px; color:#fff; font-size:12px;  font-weight:bold; width:460px; float:right; list-style:none;clear:both;}
.promoLandingBox a.form {font-size:16px; color:#306caf; padding:3px; color:#0189c4; text-decoration:underline;}
.promoLandingBox a.form:hover {color:#FF8C00; padding:3px;}
.promoLandingBox a.ACATPic {float:right; margin:5px 40px 0 0; background:url(../../Images/en-us/home/100_bill.jpg) no-repeat; width:360px; height:226px; display:block;}
.promoLandingBox a.ACATAcct {margin:18px 0 0 50px; background:url(../../Images/en-us/home/ACAT_ACCtbtn.jpg) no-repeat; width:168px; height:27px; display:block; float:left; padding-bottom:20px;}
.promoLandingBox a.ACATTfr {margin:18px 0 10px 50px; background:url(../../Images/en-us/home/ACAT_TFRbtn.jpg) no-repeat; width:235px; height:27px; display:block; float:left; padding-bottom:20px;}
.promoLandingBox a.DRIPLink {margin:10px 0 0 20px; background:url(../../Images/en-us/home/DRIP_btn.jpg) no-repeat; width:141px; height:47px; display:block; float:left; padding-bottom:20px;}

/* Refer a Friend Promo Landing page */
.referFriendLandingBox { width:860px; margin:15px 0 10px 0; float:left;}
.referFriendLandingBox div {float:left; margin:10px 0 0 0; width:860px;}
.referFriendLandingBox img.subTitle1 {margin:20px 0 5px 0;}
.referFriendLandingBox img.subTitle2 {margin:20px 0 10px 0;}
.referFriendLandingBox p.referLinks {margin:20px auto; text-align:center;}
.referFriendLandingBox p.disclaimer {font-size:9px; color:#363636; text-align:left; float:left; width:860px;}
.referLinks a.referAcct {background:url(../../Images/en-us/Home/referfriend_Openacct.gif) no-repeat; width:146px; height:31px; display:block; float:left;}
.referLinks a.referLogin {background:url(../../Images/en-us/Home/referfriend_Login.gif) no-repeat; width:47px; height:33px; display:block; float:left; margin:2px 0 0 0;}
.referLinks span {float:left; margin:5px;}
.referLinks a.referCenter {background:url(../../Images/en-us/Home/referfriend_Center.gif) no-repeat; width:179px; height:39px; display:block; float:left;}


/* recent quote */
.quoteBg {font-size:11px; background-image:url(../../Images/en-us/Home/bg_recentQuote.gif); background-repeat:repeat-x; background-color:White;}
.qtRight {font-weight:normal; text-align:right;}
.qtLeft {font-weight:normal; text-align:left;}


/* Gainskeeper promo landing page */

a img {border:none;}
#GKwrapper {width:980px;margin:0 auto;}
#GKwrapper p {background:url(../../Images/en-us/home/introbg.gif) repeat;float:left;padding: 12px 10px;margin:0; font-size:14px;line-height:18px;color:#666;}

#GKbanner {background:url(../../Images/en-us/home/GKbanner.jpg) no-repeat;height:273px;font-size:14px;line-height:18px;color:#666;font-weight:normal;}
#GKbanner p {background:url(../../Images/en-us/home/introbg.gif) repeat;float:left;padding: 12px 10px;margin:150px 0px 0px 0px;}
#GKlaunchBT{height:15px; float:left; padding: 72px 716px; margin:0px 0px 0px 0px; display:none;}

#GKbanner a img {float:right;margin-top:20px;}
#GKcontent {background: repeat-x top #F3F8FC;min-height:450px;padding-bottom:20px;color:#666;float:left; width:100%}
* html #GKcontent {height:550px;}
.GKcontent-sec {width:320px;float:left;}
*html .GKcontent-sec {width:320px;}
.GKcontent-sec h2 {margin:0px 0 7px 25px;}
.GKcontent-sec ul {margin-top:10px;list-style:none;}
.GKcontent-sec li {background:url(../../Images/en-us/home/GKbullet.gif) no-repeat left  top;padding:0 0 0 25px;margin:0 0 15px 30px;font-size:13px;list-style:none;}		
#GKfooter {background:none #F3F8FC;padding:8px 40px;  text-align:left; color:#9D9D9D; font-size:85%;width:900px}	


/* McAffe promo landing page */
#McAffepromocontainer { background:url(../../Images/en-us/McAffe/promo_grnd.jpg) no-repeat; width:761px; height:1112px; position:relative; margin:20px auto;}
.oneyeartitle {position:absolute; margin:15px 15px;}
.mcaffetitle {position:absolute; margin:70px 30px;}
.boxart {position:absolute; margin:116px 15px 0 25px;}
#activeContent {position:absolute; margin:116px 0 0 375px;} 
#activeContent h2 {margin:10px 0 0 15px; font-size:16px;}
#activeContent h2.haveacct {margin:55px 0 0 15px;}
#activeContent p {margin:5px 15px;}
#activeContent ol {margin-top:5px;}
#activeContent ol li {padding:3px 0;}
#activeContent a.open {margin:10px 15px; background: url(../../Images/en-us/McAffe/acct_btn.png) top left no-repeat; width:136px; height:34px; display:block;}
#activeContent a.open:hover { background: url(../../Images/en-us/McAffe/acct_btn_hover.png) top left no-repeat;}
#activeContent a.activate {margin:10px 0 15px 15px; background: url(../../Images/en-us/McAffe/free_btn.png) top left no-repeat; width:170px; height:34px; display:block;}
#activeContent a.activate:hover { background: url(../../Images/en-us/McAffe/free_btn_hover.png) top left no-repeat;}
#sogoContent {position:absolute; margin:450px 15px 0 25px; width:700px;}
#sogoContent p {margin:10px 15px;}
#terms {position:absolute; margin:985px 25px 0 25px; width:700px;}
#terms p {font-size:9px; text-align:justify;}

#Mcafeetabs {position:absolute; margin:670px 0 0 40px;}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background-color: #ddedff;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #fff;
background-color: #306caf;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-color: #fff;
border-bottom-color: white;
outline-width:0px;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color:#363636;
}

.tabcontent{display:none; height:260px;}
.tabcontent ul { list-style:square; margin:5px 0 0 10px;}
.tabcontent ul li {padding:5px 0;}

@media print {
.tabcontent {
display:block !important;
}
}

#contentContainer {border:1px solid gray; width:650px; margin-bottom: 1em; padding: 10px; position:absolute; margin:690px 0 0 40px;}