/* ALL MEDIA TYPES */
html { font-size: 100%;}
body {
	font-family: verdana, tahoma, arial, sans-serif !important; 
	font-size: 62.5%; text-align: center;
	margin: 0; padding: 0;
	color : #1b2932 !important; background : #ffffff  !important; }
body table {font-size: 100%;}
* {font-family: verdana, tahoma, arial, sans-serif; }
a {font-family:verdana, tahoma, arial, sans-serif; color: #0064c8;}
img {border:0;}
input, textarea, select {font-size : 120%;}

.ErrorMsg {
	border: 0; line-height: 1.2em; padding: 0.5em 1em; margin: 0; display: block;
	background: #e10000 !important; color: #ffffff !important; }	
.ErrorMsg UL {margin: 0 0 0 1em;}
.WarningMsg {
	border: 0; line-height: 1.2em; 	padding: 0.5em 1em; margin: 0; display: block; 
	background: #fff3da !important; color: #000000 !important;}
.bold {font-weight: bold;}
.spacing {padding:0.5em 0 0 0;}
.sectionSpacing {margin:1.5em 0em 0.5em 0em;}
.onlyPrint {display:none;}
.onlyScreen {}
.preFormatted, pre{font-family:monospace; font-size:110%;}
.pL{padding-left: 1em;}
.pR{padding-right: 1em;}
.pT{padding-top: 1em;}
.pB{padding-bottom: 1em;}
.thinLine {	border-bottom: 1px solid #1b2932;}
.alternate {background: #dedede;}
.bgPri2{background-color:#cbcbcb}
.bgPri3{background-color:#dedede}
.bgwhite{background-color:#ffffff}
.cT{border-top: 1px solid #1b2932;}
.cR{border-right: 1px solid #1b2932;}
.cB{border-bottom: 1px solid #1b2932;}
.cL{border-left: 1px solid #1b2932;}
.redText{color: #e10000;}
.greenText{color: #006622;}
.blueText{color: #0000e1;}
/* START FONT SETUP */
.fnt1, .fnt2, .fnt3, .fnt4, .fnt9, .fnt11, .fnt12, .fnt14, .fnt15, .fnt22 {font-size: 100%;} 
.fnt5, .fnt13, .fnt17 {font-size: 120%;}
.fnt6, .fnt8, .fnt10 {font-size: 130%;}
.fnt7 {font-size: 160%;}
.fnt18, .fnt19 {font-size: 240%;} 
.fnt20 {font-size: 500%;}	
.fnt21 {font-size: 90%;}	
.fnt16 {/*?*/}
/*	overrides text-decoration */
.fnt22 {text-decoration: underline;}
/*	overrides font-weight */
.fnt8, .fnt9, .fnt16 {font-weight: bold;}
/*	overrides italic */
.fnt4, .fnt6 {font-style: italic;}				
.fnt3, .fnt10, .fnt15, .fnt16, .fnt17, .fnt22 {color: #ffffff;}
.fnt11, .fnt12, .fnt13, .fnt14 {color: #0064c8;}
/* END FONT SETUP */
/*TRACE*/
span.tracecontent {margin-top:100em; display:block;}

/*Masterpage*/
#mastHead{
	background: #333 url(/Templates/Styles/Black/top_bg.gif) 0 0 repeat-x;
	width:100%; min-height:10em; height:10em; 
	margin: 0 0 3em 0; padding:0; position: relative;}
/* opera does not like 'margin:30em auto' */
#topContent{
	height:10em; width: 97.2em; padding: 0em; 
	margin-top: 0em; margin-bottom: 0em; margin-right: auto; margin-left: auto; 
	text-align:left; overflow:hidden; background: none;}
#content {
	width: 97.2em; padding: 0em; text-align:left;
	margin-top: 0em; margin-bottom: 0em; margin-right: auto; margin-left: auto; }
#contentBlank {padding: 0em; margin: 0.5em; text-align:left;}
#menuContent, #menuContentWidthHolder {float:left; margin:0 0 0 2em; width:16em; display:inline; overflow:hidden;}
#pageContent {float:left; margin:0 0 0 2.2em; width:75em; display:inline; padding: 0em; min-height:42em; height:42em;}
#stockPageContent {width: 97.2em; min-height:42em; height:42em; margin:0 0 0 2.2em;}
div[id] #mastHead, div[id] #pageContent {height:auto;}
#bottomContent{
	float: left;  width: 93.2em; height: 1.6em; 
	margin:1.5em 0 1.5em 2em; padding-top:0.3em; display:inline; z-index:-1; 
	color:#808383; border-top: 1px solid #d1d4d6; border-bottom: 1px solid #d1d4d6;}
#MasterTemplateForm {margin:0; padding:0;}
.skip {height: 0;width: 0;overflow: hidden;position: absolute; /* for the benefit of IE5 Mac */}


/*TabStrip*/
.topLogo img {float:left;width: 22em;height:2.1em;padding: 0 0 0 2.1em;margin:3.2em 0 0 0;}

#tabTop {float:right;  height:7em; color: #ffffff; padding:0.4em 0 0 0; margin: 0em;}
#tabTop ul {padding: 0em; margin: 0em;}
#tabTop li {list-style: none; float: left;padding: 0em; margin: 0em;}
#tabTop a {text-decoration: none; white-space:nowrap; font-size:110%;padding: 0em 1em 0em 1em; color: #ffffff;}
#tabTop ul li a{
	display: block;
	padding: 0.2em 1em 0.8em 1em;
	margin-right: 1em;
}
#tabTop ul li a.logout{
	padding-left: 1.7em;
	background: url(topmenu_login.gif) 0 0 no-repeat;
}
#tabTop ul li a.mobile{
	padding-left: 1.7em;
	background: url(topmenu_mobile.gif) 0 0 no-repeat;
}

#tabTop a:hover, #tabTop a:active {color: #ffffff;}
#tabTop a.curr {color: #ffffff;}

#tabMenu {float:left;width:auto;}
#tabMenu ul {list-style:none;padding: 0em;margin: 0 0 0 20.1em;}
#tabMenu li{
	float: left;
	margin: 0em 0.1em 0em 0.1em;
	background: url(tabMenu_topRight.gif) right top no-repeat;
}
#tabMenu li.curr{border-bottom: 0.5em solid #e2e2e2;
	background: url(/Templates/Styles/Black/tabMenu_topRightCurrent.gif) top right no-repeat;}
#tabMenu li.curr a {
	color: #222222; 
	background: url(/Templates/Styles/Black/tabMenu_topLeftCurrent.gif) top left no-repeat;
	border-bottom: 0.5em solid #e2e2e2;}
	
#tabMenu a {
	color:#ffffff;
	border-bottom: 0.5em solid #575757;
	display: block;
	text-decoration:none;
	padding: 0.45em 1.5em;
	background: url(tabMenu_topLeft.gif) left top no-repeat;
}
#tabMenu a:hover, #tabMenu a:active{color:#ffffff;}
#tabMenu .curr a:hover, #tabMenu .curr a:active {color:#222222;}
#tabMenu a:hover{
	border-bottom: 0.5em solid #bdbdbd;
}

.iefixTopRight {float:right; width:2em; height:7.4em;}
.iefixTopMenuRight {float:right; width:2em; height:2.6em;}

/*LeftMenu*/
#leftMenu {border:none; padding: 0; margin: 0 0 1em 0;}
#leftMenu ul {list-style: none; margin: 0; padding: 0; border: none;}
#leftMenu li a {background-color: #e1e1e1; color: #222222; 	display: block; 
	text-decoration: none; font-size:110%; line-height:120%;width:100%;
	padding: 0.4em 0.2em 0.4em 1em;	margin:0; margin-top: 1px; border:none;}
div[id] #leftMenu li a{width: auto;}
#leftMenu li li a {background: #dedede; padding: 0.3em 0em 0.3em 1.6em; margin: 0; width:100%;font-size:100%;}
#leftMenu li li li a {padding: 0.3em 0em 0.3em 2.6em; font-size:100%; margin: 0;}
#leftMenu li a:hover, #leftMenu A.cpath:hover, #leftMenu A.current:hover, 
#leftMenu li a:active, #leftMenu A.cpath:active, #leftMenu A.current:active {
	background: #bdbdbd; color: #333;}
#leftMenu a.current {background-color: #bdbdbd; color: #1b2932; }
#leftMenu a.cpath {background-color: #dedede; color: #1b2932; }
#leftMenu ul li {vertical-align: bottom; zoom: 1;}

#leftMenuHeader{background: url(/Templates/Styles/Black/leftMenu_menuHeaderRight.gif) top right no-repeat; }
#leftMenuHeader span{color: #fff;background: url(/Templates/Styles/Black/leftMenu_menuHeaderLeft.gif) top left no-repeat; }
#leftMenuHeader{font-size:110%;height: 2.2em;font-weight:bold;}
#leftMenuHeader span{display: block;padding:0.4em 1em;}
/*.lvl2fl{float:left;cursor:hand;}
.lvl2fr {float:right;cursor:hand;font-size:130%; font-weight: bold;}*/


/* general*/
.clear{clear:both;}
.sectionTitle{font-weight:bold;margin:0;padding:0.3em 1em 0.3em 1em; display:block;}
.tableMain {border:none;}
.tableMain tr {vertical-align:top;}
.tableMain td.mc {padding-right: 1em; vertical-align:top;}
.tableMain td.mfc {padding-left: 1em; padding-right:1em; vertical-align:top;}
.dataTable {margin-bottom:1em;}
.dataTable thead, .dataTable tfoot{font-weight:bold}
.dataTable thead, .dataTable thead tr:hover, .dataGrid .header, .dataGrid .header:hover {background-color:#dedede;}
.dataTable tfoot, .dataTable tfoot tr:hover, .dataGrid .footer, .dataGrid .footer:hover {background-color:#c6c9cc;}
.dataTable tr:hover, .dataGrid tr:hover, .selRow{background-color: #bdbdbd;}
.sectionTitle{background:#c6c9cc; color: #000000;}

/*Wiz*/			
#wizStep{border-bottom:0.2em solid #b0d0a2; padding:0; margin:0; text-align:center;}
#wizStep td {border-right:0.1em solid #1b2932; border-bottom:0.1em solid #1b2932; padding:0.5em 0.2em}
#wizStep .current{background-color:#b0d0a2; border-bottom:none;padding:0.4em 0.2em 0.6em 0.2em}
#wizSubStep {padding:0; margin:0; text-align:center;}
#wizSubStep td {border-right:0.1em solid #1b2932; padding:0.4em 0.2em 0.3em 0.2em}
#wizSubStep .current{background-color:#b0d0a2; border-bottom:none;}
#wizStep .done, #wizSubStep .done{background-color:#d1d4d6; color:#767f84;}
#wizClose {border-bottom:0.1em solid #1b2932;}
#wizStep .last, #wizSubStep .last{border-right:none}

.MYPOutOfRangeCell {color: #fff;visibility:hidden}

/*Campaign*/
.campaignContainer {margin: 1em 0 0 0; vertical-align:top;}


#loginContainer{
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background: #f3f3f3;
}
#loginContainer a{
	color: #333;
	padding: .2em 0 .3em 2em;
	display: block;
}

#loginBox, #signupBox{
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	height: 1.8em;
	width: 15.8em;
	padding: .8em 0 .2em 0;
	height: 2.6em;
	
}

#loginBox{
	background: #5f5f5f url(/Templates/Styles/Black/loginBG.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}
#signupBox{
	background: #5f5f5f url(/Templates/Styles/Black/signupBG.gif) 0 0 no-repeat;
	margin-top: 10px;
}

#loginBox a.loginBtn,  #signupBox a.signupBtn{
	display: inline;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	padding: .5em 0 .5em 3.5em;
	margin-bottom: 0.5em;
	color: #fff;
}

#signupBox a.signupBtn:hover, #loginBox a.loginBtn:hover{
	text-decoration: underline;
}
#supportSkbWeb{
	border: 1px solid #dadada;
	background: #f2f2f2;
	padding: 0.8em;
	text-align: left;
	margin-top: 1em;
	
}
#phoneSkbWeb p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
}

#phoneSkbWeb{
	/*margin-bottom: 1em;*/
}

#chatSkbWeb{
	border: 1px solid #dadada;
	background: url(/Templates/Styles/Black/chat.jpg) 0 0 no-repeat;
	height: 7em;
	text-align: right;
	padding: 1em;
}

#phoneSkbWeb h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	margin: 0 0 .3em 0;
	padding: 0;
	line-height: 1em;
}
#chatSkbWeb h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin: 0 0 .3em 0;
	padding: 0;
	line-height: 1em;
}
#supportSkbWeb p{
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 100%;
}
#supportSkbWeb a{
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	color: #0064C8;
}
#chatSkbWeb img{
	float: left;
	margin-right: .2em;
}
#phoneSkbWeb img{
	float: left;
	margin-right: 1em;
}

#footerContent
{	
	margin: 1em 0 0 0;	
	color: #777;
	padding: 0.5em;
	font-size: 100%;
}

#footerContent h2{
	font-size: 120%;
	margin: 0 0 .5em 0;
}
#footerContent #news, #footerContent #contact{
	float: left;
	width: 25%
}
#footerContent #news a, #footerContent #contact a, #footerContent #news span, #footerContent #contact span{
	display: block;
	padding: .2em 0;
	color: #777;
	text-decoration: none;
}
#footerContent #news a:hover, #footerContent #contact a:hover{
	text-decoration: underline;
}
#priceList{
	width: 72em;	
	float: left;
	text-align: left;	
}

#priceList table{
	width: 90%;
}
#priceList div{
	float: left;
}
#priceList div.left{
	margin: 0 1em 0 0;
	width:23.6em; 
	border-right: 1px solid #dadada;
}

#priceList div.center{
	margin: 0 1em 0 0;
	width:23.8em; 
	border-right: 1px solid #dadada;
}

#priceList div.right{
 width: 21.7em;
}

#priceList table td{
	padding: .2em 0;
}
#priceList table td.text{
	width: 15em;
	padding: 0.2em 0;
}

#priceList table td.price{
	text-align: right;
}