/* stylessheet created by fusebox Oct 2005 */

/* main GLOBAL elelment styles */

body	{ background-color:#EAE7E1;color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height:16px; margin:0;}

td,nobr	{ color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 11px;}

p 	{ color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 11px; }

input,textarea,option { color: #474648; font-family: Verdana, Arial, Helvetica; font-size: 11px; }

select 	{ color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 11px; border: 1px #9fa617 solid; margin-bottom:5px;}

option 	{ background-color: #ffffff; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 11px;}

form 	{ font-family: Verdana, Arial, Helvetica; font-size: 11px; }



select.sel_inputfld { 

	width: 285px;}

	

textarea.comments {

	width: 285px;

}	



input.inputfld, input.req_inputfld, input.reg_inputfld { 

	color: #474648; 

	font-family: Verdana, Arial, Helvetica; 

	font-size: 11px; 

	border: 1px #9fa617 solid;

	margin-bottom:5px;

	}



input.req_inputfld { 

	width: 280px;}



input.reg_inputfld { 

	width: 120px;}

	

/* layout styles start */

#container{ 

	width: 906px;

	margin: 0px auto;

	border: 0px solid #f0f0f0;

	text-align: left;

	vertical-align: top;

}



#containerx{

	background-color:#ffffff;

	xfloat:center;

	padding: 20px 0;

	xmargin: 0px auto;

	width:100%;

	/*      top right bottom left */

	xborder:1px solid #999;

}


	
div#main-boxadmin { 

	background: url(../../images/box_main3600.gif) 0 0 no-repeat; 

	padding: 12px 0 0px 0; 

	width: 906px; 

	xborder:1px solid #999;

    clear:both;

	}

div#main-boxadmin div.bcadmin { 

	background: #fff url(../../images/box_main3600.gif) 0 100% no-repeat; 

	padding: 0 0px 60px 15px; 

	width: 891px; /* 200px */

	margin-top:0px;

	}	
	
	div#main-boxadmin div.grid
{
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 15px;
	overflow-y: hidden;
	overflow: auto;
	width: 850px;
	padding-top: 0px;
	white-space: nowrap;
	height: 100%;
}

div#main-box { 

	background: url(../../images/box_main1200t.gif) 0 0 no-repeat; 

	padding: 12px 0 0px 0; 

	width: 906px; 

	xborder:1px solid #999;

    clear:both;

	}

div#main-box div.bc { 

	background: #fff url(../../images/box_main1200.gif) 0 100% no-repeat; 

	padding: 0 0px 60px 15px; 

	width: 891px; /* 200px */

	margin-top:0px;

	}
	


div#main-box div.grid
{
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	overflow: auto;
	width: 850px;
	padding-top: 0px;
	white-space: nowrap;
	height: 320px;
}
	

#masthead {

	display:block;

	xwidth:936px

	border: 1px #474648 solid;

	clear:both;	

}



#md_logo {

	background: url('../../images/masthd_logo.gif') no-repeat;

	display:block;

	float:left;

	width:375px;

	border: 0px #474648 solid;

	margin-bottom: 7px;

	

}



#md_login {

	float:right;

	display:block;

	width:518px;

	border: 0px #474648 solid;

	margin-bottom: 7px;

}







#pnav {

	width:906px

	clear:both;	

}



	

div#wrapper {





}





.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */









/* styles for 2nd Home pages */

#content{

	width:582px;

	float:left;

	margin:0px;

	padding: 0px 10px 0px 0px;

	/*      top right bottom left */

	xborder:1px solid #999;

	line-height:15px;

}







#left_col {

	float:left;

	width:260px;

	xborder:1px solid #9a9a9a;

	height:auto;

	padding-bottom:15px;

}



#right_col {

	width:188px;

	float:left;

	padding-top:10px;

	padding-left:10px;

	border: 0px solid #9a9a9a;

	line-height:16px;



}



#content420{

	width:410px;

	float:left;

	margin:0px 0 20px 10px;

	padding: 0px 10px 0px 10px;

	/*      top right bottom left */

	xborder:1px solid #9a9a9a;

	line-height:15px;

}







#left_col420 {

	float:left;

	margin:0px 0 20px 15px;

	width:410px;

	border-right:1px solid #9a9a9a;

	height:auto;

	padding-bottom:15px;

}







.brclear { 

     clear:both; 

     height:0; 

     margin:0;

     font-size: 1px;

     line-height: 0px;

}



#footer {

	padding: 0px 0px 10px 0px; 

	/*      top right bottom left */

	font-size:11px; 

	height:28px;

	z-index:1000;	

	clear:both;

}



#footerx {

	background: url(../../images/footerx_bkgrd.gif) 0 0 repeat; 

	padding: 0px 0px 0px 0px; 

	/*      top right bottom left */

	font-size:11px; 

	width:100%;

	height:38px;

	clear:both;

}



#footerx img{

	display:block;

	margin: 0px auto;

	

}



/* layout styles end*/









/* nav styles end */



	

/* all link rules are in this order: Link/Visited/Hover/Active */

a:link,a:visited 			{color: #474648; text-decoration: underline;}

a:hover,a:active 			{color: #474648; text-decoration: none;}



/* navigation on masthead styles */





.title 		{color: #999999; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: bold;}

.subti		{COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold;}

.intro 		{COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 13px;}



h1 			{COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14px; FONT-WEIGHT: bold;}

.header1 	{COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold;}

.phead  	{color: #990000; font-weight: bold; font-size: 13px;}









.promoCopy {COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; line-height:13px;}

.emphasis {COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold;}

.smEmphasis {COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold;}

.blueEmphasis {COLOR: #5d87a1; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; }

.blue {COLOR: #5d87a1; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; TEXT-DECORATION: none;}



.copy_home {

	margin-left:202px;

	font-size:10px;

}



.required {COLOR: #d91919; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10px;}

.quote {COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px;}

.error  { color: #990000; font-weight: bold; font-size: 13px; FONT-FAMILY: Verdana, Arial, Helvetica;}



.legal 	{COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10px;}

.footer {COLOR: #474648; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10px;}





/* ----------------------------- start #nav ----------------------------- */

div#nav  {

	display: block;

    xborder: 1px #474648 solid;

	width:906px;

    height:33px;

    xmargin-bottom:43px; /* base height is 33px diff??*/

    margin-bottom:10px;

    clear:both;

    

}



#nav ul { 

	display: block;

	border: 0px #474648 solid;

	text-align: center;

	margin:0 7px 0 7px;

	padding:0;

	clear:both;

}



#nav img { 

	border: none;



}

#nav li { 

   display: inline; 

   list-style:none; 

}



#nav li a { 

   float: left; 

   display:block; 

   margin: 0 1px; 

}



#nav li a img {  

   border:0px #000 solid; 

   vertical-align:bottom; 

/* for IE6 */}



#nav li a:hover { 

	visibility:visible; 

}



#nav li a:hover img { 

	visibility:visible; 

}



#nav li a:hover img/**/ { 

	visibility:hidden; 

/* hide from IE5.0/win */

}



/* ----------------------------- start #nav ids ----------------------------- */

#nav1_pnav_01 { background:url(../../images/pnav_01_o.gif) no-repeat ; }

#nav1_pnav_02 { background:url(../../images/pnav_02_o.gif) no-repeat ; }

#nav1_pnav_03 { background:url(../../images/pnav_03_o.gif) no-repeat ; }

#nav1_pnav_04 { background:url(../../images/pnav_04_o.gif) no-repeat ; }

#nav1_pnav_05 { background:url(../../images/pnav_05_o.gif) no-repeat ; }

#nav1_pnav_06 { background:url(../../images/pnav_06_o.gif) no-repeat ; }

/* [START] NEW UI Public pages custom CSS for 14th August Changes*/
#nav1_pnav_07 { background:url(../../images/newui_pnav_07_o.gif) no-repeat ; }

#nav1_pnav_08 { background:url(../../images/newui_pnav_08_o.gif) no-repeat ; }

#nav1_pnav_09 { background:url(../../images/newui_pnav_09_o.gif) no-repeat ; }

#nav1_pnav_10 { background:url(../../images/newui_pnav_10_o.gif) no-repeat ; }
/* [END] NEW UI Public pages custom CSS for 14th August Changes*/

/* ----------------------------- start #nav SECURE----------------------------- */



div#navs  {

    xborder: 1px #474648 solid;

	width:906px;

    height:32px;

    margin-bottom:10px;

    clear:both;

    

}



#navs ul { 

	display: block;

	border: 0px #474648 solid;

	text-align: center;

	margin:0 6px;

	padding:0;

	clear:both;

}



#navs img { 

	border: none;



}

#navs li { 

   display: inline; 

   list-style:none; 

}



#navs li a { 

   float: left; 

   display:block; 

   margin: 0 1px; 

   

}



#navs li a img {  

   border:0px #000 solid; 

   vertical-align:bottom; 

/* for IE6 */}



#navs li a:hover { 

	visibility:visible; 

}



#navs li a:hover img { 

	visibility:visible; 

}



#navs li a:hover img/**/ { 

	visibility:hidden; 

/* hide from IE5.0/win */

}



/* ----------------------------- start #nav ids ----------------------------- */

#nav1_pnavs_01 { background:url(../../images/pnavs_01_o.gif) no-repeat ; }

#nav1_pnavs_02 { background:url(../../images/pnavs_02_o.gif) no-repeat ; }

#nav1_pnavs_03 { background:url(../../images/pnavs_03_o.gif) no-repeat ; }

#nav1_pnavs_04 { background:url(../../images/pnavs_04_o.gif) no-repeat ; }

#nav1_pnavs_05 { background:url(../../images/pnavs_05_o.gif) no-repeat ; }

#nav1_pnavs_06 { background:url(../../images/pnavs_06_o.gif) no-repeat ; }

#nav1_pnavs_07 { background:url(../../images/pnavs_02_o.gif) no-repeat ; }

/* ----------------------------- end #nav ----------------------------- */









.hr_line {

	border-bottom: 1px solid #9a9a9a;

	margin: 10px 0;



}





.login {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #474648; }





/* home non-secure styles */

#home_r1 {

	xwidth: 860px; 

	height:235px;

	display:block;

	margin-bottom:10px;

	xborder: 1px #000 solid;

    clear:both;

}



#home_r1_c1 {

	display:block;

	float:left;

	xmargin-right:20px;

    width: 350px;

    height:235px;

    border: 0px #000 solid;

    

} 

#home_r1_c2 {

	display:block;

	float:left;

	margin-top:5px;

    width: 490px;

    height:235px;

    border: 0px #000 solid;

}



#home_r2 {

	width: 880px; 

	height:345px;

	display:block;

	margin-bottom:15px;

	xborder: 1px #000 solid;

    clear:both;

}



#home_promobox1 {

	background: url(../../images/01_promobox1.gif) 0 0 no-repeat; 

	display:block;

	float:left;

    width: 228px;

    height:295px;

    xborder: 1px #000 solid;

    padding: 50px 10px 0px 5px;    

} 



#home_promobox2 {

	background: url(../../images/01_promobox2.gif) 0 0 no-repeat; 

	display:block;

	float:left;

	xmargin-top:5px;

    width: 580px;

    height:295px;

    xborder: 1px #000 solid;

    padding: 50px 20px 0px 30px;

}



#home_s_r1 {

	xwidth: 860px; 

	height:398px;

	display:block;

	margin-bottom:10px;

	xborder: 1px #000 solid;

    clear:both;

}



#home_s_r1_c1 {

	display:block;

	float:left;

	xmargin-right:20px;

    width: 557px;

    height:398px;

    border: 0px #000 solid;

    

} 

#home_s_r1_c2 {

	display:block;

	float:left;

	margin-top:5px;

    width: 287px;

    height:398px;

    border: 0px #000 solid;

}



#home_s_promobox {

	background: url(../../images/01_s_promobox.gif) 0 0 no-repeat; 

	display:block;

	float:left;

    width: 824px;

    height:148px;

    margin-bottom:20px;

    xborder: 1px #000 solid;

    padding: 50px 10px 0px 30px;    

} 





#featart_r1_c1 {

	background: url(../../images/03_promobox1a.gif) 0 0 no-repeat; 

	display:block;

	float:left;

	margin-right:5px;

	margin-bottom:10px;

    width: 235px;

    height:133px;

	padding: 40px 20px 0px 12px;

    xborder: 1px #000 solid;

    

} 



#featart_r1_c2 {

	background: url(../../images/03_promobox1b.gif) 0 0 no-repeat; 

	display:block;

	float:left;

	margin-right:5px;

	margin-bottom:10px;

    width: 235px;

    height:133px;

	padding: 40px 20px 0px 12px;

    xborder: 1px #000 solid;

    

} 



#featart_r1_c3 {

	background: url(../../images/03_promobox1c.gif) 0 0 no-repeat; 

	display:block;

	float:left;

	margin-right:0px;

	margin-bottom:10px;

    width: 235px;

    height:133px;

	padding: 40px 20px 0px 15px;

    xborder: 1px #000 solid;

    

} 



#featart_promobox2 {

	background: url(../../images/03_promobox2.gif) 0 0 no-repeat; 

	display:block;

	float:left;

    width: 773px;

    height:207px;

    xborder: 1px #000 solid;

    padding: 50px 10px 0px 30px;    

} 





#email {





}





ul.indent {

	list-style:none;

	margin-left:20px;

	margin-top:0px;

	xborder: 1px #333 solid;

}



ul.indent ul {

	list-style:none;

	xmargin-left:20px;

	xmargin-top:0px;

	xborder: 1px #333 solid;

}





ul.indent_promo {

	list-style:none;

	margin-left:-25px;

	*margin-left:10px;

	margin-top:2px;

	xborder: 1px #333 solid;

	clear:both;



}





#col{

	display:block;

	float: left;

	padding: 0 15px 0px 0px; 

	width: 320px; 

	margin-top:0px;

}



div#row780ri div.col {

	float:left;

}



#row {

	float:center;

	padding: 0px 0;

	margin: 0px auto;

	width: 730px; 

	height:235px;

	display:block;

	xborder: 1px #000 solid;

    clear:both;

}



#row730w {

	padding: 0px 0;

	margin: 0px auto;

	width: 730px; 

	height:auto;

	xdisplay:block;

	xborder: 1px #000 solid;

    clear:both;

}



#row780w {

	padding: 0px 0;

	margin: 0px auto;

	width: 830px; 

	height:auto;

	xdisplay:block;

	xborder: 1px #000 solid;

    clear:both;

}



#row780ri {

	padding: 0px 0;

	margin: 0px auto;

	width: 830px; 

	height:710px;

	xdisplay:block;

	xborder: 1px #000 solid;

    clear:both;

}



img.padding {

	padding: 0px 13px 13px 0;



}



.col440{

	display:block;

	float: left;

	padding: 0 15px 0px 0px; 

	width: 435px; /* 860px */

	height: 500px;

	margin-top:0px;

	xborder:1px #000 solid;

}



.col360{

	display:block;

	float: left;

	padding: 0 15px 0px 0px; 

	width: 350px; /* 860px */

	margin-top:0px;

	xborder:1px #000 solid;

}



.arrow_bullet {

	color: #ebb673;

	font-weight:bold;

}



/* WSJMentor styles */

#sidebar {

    display: block;

    width:906px;

    height:33px;

    margin-bottom:4px;

    clear:both;

}

#sidebar ul{

	display: block;

	border: 0px #474648 solid;

	margin:0 7px 0px 7px;

	padding: 0px 0 20px 0;

	clear:both;

}



#sidebar li{

   display: inline; 

   list-style:none; 

}



#sidebar li a { 

   float: left; 

   display:block; 

   margin: 0 1px; 

   padding:5px 20px; 

   border-left: 0px #ccc solid;

   border-top: 0px #ccc solid;

   border-right: 1px #666 solid;

   border-bottom: 1px #666 solid;

   background-color:#9B9B58;

   color:#ffffff;

   font-weight:bold;

   font-size:12px;

   text-decoration:none;

}



#sidebar li a:hover { 

   float: left; 

   display:block; 

   margin: 0 1px; 

   border-left: 1px #fff solid;

   border-top: 1px #fff solid;

   border-right: 0px #666 solid;

   border-bottom: 0px #666 solid;

   background-color:#DFA662;

   color:#ffffff;

   text-decoration:underline;

}





table#dgList  {

	padding:4px;

	font-size:10px;

}



#dgList a{

	padding:2px;

}



.req_info_mmb_bene{

	background: url(../../images/00_reqinfo_mainimg_bkg.gif) 0 0 no-repeat; 

	display:block;

	float:left;

    width: 388px;

    height:320px;

    border: 0px #000 solid;

    padding: 50px 20px 0px 30px;

    line-height:14px;



}

.td1
{
	color: black;
	background-color: #E2E2CB;
}
.td3
{
	color: black;
	background-color: #D1D1AD;
}
.td2
{
	color: black;
	background-color: #C0C08F;
	font-weight: bold;
}


/* main box FIXED - added 5/19 mp */
div#main-box-fixed { padding: 12px 0 0 0; width: 906px; }
div.main-box-top { background: url(../../images/box_main1200.gif) 0 0 no-repeat; height: 12px; }
div#main-box-fixed div.bc { background: url(../../images/box_main_inner.gif) 0 0 repeat-y; padding: 0 0px 60px 15px; width: 891px; }
div.main-box-bottom { background: url(../../images/box_main1200.gif) 0 100% no-repeat; height: 38px; }
/* resources page - added 5/18 mp */
div.side { float: left; width: 165px; }
div.side ul { list-style: none; margin: 40px 0 0 0; padding: 0; }
div.side ul li { border-bottom: 1px solid #9B9B58; margin: 0; padding: 0 0 0 5px; }
div.side ul li a,div.side ul li a:link,div.side ul li a:visited { background: url(../../images/arrow.gif) 0 50% no-repeat; color: #9B9B58; display: block; line-height: 23px; padding: 0 0 0 12px; text-decoration: none; }
div.side ul li a:hover { color: #DFA662; text-decoration: none; }
div.side ul li.selected a, div.side ul li.selected a:link,div.side ul li.selected a:visited,div.side ul li.selected a:hover, div.side ul li.selected a:active { color: #DFA662; font-weight: bold; text-decoration: none; }
div.col.content { float: right; padding: 0 15px 0 0; width: 680px; }
div.resources h1.title { margin-bottom: 20px; text-indent: -9999px; }
div.resources h1.whitepapers { background: url(../../images/ti-whitepapers-153x16.gif) 0 0 no-repeat; height: 16px; width: 154px; }
div.resources h1.articles { background: url(../../images/ti-articles-101x16.gif) 0 0 no-repeat; height: 16px; width: 102px; }
div.resources h1.summaries { background: url(../../images/ti-exec-book-summaries-328x16.gif) 0 0 no-repeat; height: 16px; width: 329px; }
/* new headers added 09/15 */
div.resources h1.materials { background: url(../../images/ti-materials-121x16.gif) 0 0 no-repeat; height: 16px; width: 121px; }
div.resources h1.podcasts { background: url(../../images/ti-podcasts-113x16.gif) 0 0 no-repeat; height: 16px; width: 114px; }
div.resources h1.wsj-mgmt-blog { background: url(../../images/ti-wsj-mgmt-blog-268x16.gif) 0 0 no-repeat; height: 16px; width: 268px; }
div.resources h1.wsj-mgmt-issues { background: url(../../images/ti-management-issues-235x16.gif) 0 0 no-repeat; height: 16px; width: 235px; }
div.resources h1.wsj-qod { background: url(../../images/ti-wsj-question-day-292x19.gif) 0 0 no-repeat; height: 19px; width: 292px; }
div.resources h1.internet-marketing { background: url(../../images/ti-internet-marketing-238x16.gif) 0 0 no-repeat; height: 16px; width: 238px; }
div.resources h1.wsjarticles { background: url(../../images/ti-wsj-mgmt-articles-313x16.gif) 0 0 no-repeat; height: 16px; width: 313px; }
div.resources h1.howtoguides { background: url(../../images/ti-wsj-howto-guides-240x16.gif) 0 0 no-repeat; height: 16px; width: 240px; }
div.resources div.toc { padding: 0 0 20px 0; }
div.resources h2 { color: #9B9B58; font-size: 13px; margin: 0; padding: 15px 0 15px 0; }
div.resources div.item { padding: 0 0 15px 0; }
div.resources div.item h3 { font-size: 12px; margin: 0; padding: 0 0 5px 0; }
div.resources div.item p { margin: 0; padding: 0 0 5px 0; }
div.item p.download-link img { float: left; padding: 0 5px 0 0; }
div.item p.download-link a { line-height: 14px; }
/* media page - added 5/18 mp */
div.media h1.title { margin-bottom: 20px; text-indent: -9999px; }
div.media h1.wsjvideo { background: url(../../images/ti-wsj-video-114x16.gif) 0 0 no-repeat; height: 16px; width: 114px; }
div.media h1.webcasts { background: url(../../images/ti-webcasts-116x16.gif) 0 0 no-repeat; height: 16px; width: 116px; }
div.media h1.podcasts { background: url(../../images/ti-podcasts-113x16.gif) 0 0 no-repeat; height: 16px; width: 113px; }
div.media h1.wsjpodcasts { background: url(../../images/ti-wsjpodcasts-328x16.gif) 0 0 no-repeat; height: 16px; width: 329px; }

div.media div.toc { padding: 0 0 20px 0; }
div.media h2 { color: #9B9B58; font-size: 13px; margin: 0; padding: 15px 0 15px 0; }
div.media div.item { padding: 0 0 30px 0; }
div.media div.item h3 { font-size: 12px; margin: 0; padding: 0 0 5px 0; }
div.media div.item p { margin: 0; padding: 0 0 5px 0; }
div.media div.item div.media-container { background: #eae7e2; float: left; margin: 0 20px 0 0; padding: 5px; text-align: center; }
div.media div.item div.media-container p { padding: 3px 0 0 0; }

/* NEW INDEX PAGE STYLES = added 09/11 mp */
/* clears */
.clrfix, .bc, .download-link, .item, .section, .article { zoom:1; }
.clrfix:after, .bc:after, .download-link:after, .item:after, .section:after, .article:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.section div.article h4,
div.section div.article h5 { color:#E06B27; font-size: 12px; margin: 0; padding: 0 0 10px 0; }
div.section div.article p { margin: 0; padding: 0 0 10px 0; }
div.section div.article ul, div.section div.article ol { margin: 0 0 0 1.6em;padding-left: 0; }
div.section div.article ul { padding-left: 18px; }
div#page-title { margin: 0 15px 0 0; padding: 8px 0 35px 0; text-align: center; }
div.section { position: relative; width: 891px; zoom:1; }
div.section div.article { line-height: 1.2; margin: 0 0 0 21px; }
div.section div.article a { color: #5d87a0; font-weight: bold; }
div.section div.article.how-to { padding: 0 0 15px 0; width: 505px; }
div.section div.article.welcome { margin-left: 40px; width: 480px; }
div.section div.article.benefit { position: absolute; top: 0; left: 550px; margin: 0; width: 311px; z-index: 99999999; }
/* ARTICLE = how to */
div.section div.article.how-to img {  display: inline;float: left; }
div.section div.article.how-to h4,
div.section div.article.how-to h5,
div.section div.article.how-to p,
div.section div.article.how-to ul,
div.section div.article.how-to ol { padding-left: 182px; }
/* ARTICLE = welcome */
div.section div.article.welcome img {  display: inline;float: right; }
div.section div.article.welcome h4,
div.section div.article.welcome h5,
div.section div.article.welcome p,
div.section div.article.welcome ul,
div.section div.article.welcome ol { padding-right: 194px; }
div.section div.article.welcome p { padding-top: 35px; }
/* ARTICLE = benefit */
div.section div.article.benefit { background: url(../../images/01_box_311x800.gif) 0 100% no-repeat; padding: 0 0 26px 0; }
div.section div.article.benefit h4,
div.section div.article.benefit h5 { color: #666; }
div.section div.article.benefit h4 { background: url(../../images/01_box_311x800.gif) 0 0 no-repeat; padding: 20px 26px 10px 20px; }
div.section div.article.benefit p,
div.section div.article.benefit ul,
div.section div.article.benefit ol { padding-left: 20px; padding-right: 26px; }
div.section div.article.benefit ul,
div.section div.article.benefit ol { padding-left: 38px; }
/* full length "email page" button */
div.section div#email-page { background: url(../../images/separator.gif) 0 100% no-repeat; clear: both; display: block; margin: 0 0 0 21px; padding: 0 0 3px 0;*padding: 0 0 1px 0; text-align: right; width: 800px; }
/* INNER PAGE TEXT HEADINGS = added 09/11 mp */
div#page-headings { color: #695e4a; margin: 3px 0 30px 0; text-align: left; }
div#page-headings h1 { color: #695e4a; font-size: 20px; font-weight: normal; margin: 0 0 15px 0; text-transform: uppercase; }
div#page-headings p { color: #695e4a; font-size: 13px; font-weight: normal; margin: 0;}

/* ALT LAYOUT */
div.alt-layout div.side { width: 240px; }
div.alt-layout div.content { width: 600px; }


.searchselect	
{ 
	color: #666666; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px; border: 1px #9fa617 solid; 
	margin-bottom:0px;
}

.inputTextArea
{	color: #474648; 

	font-family: Verdana, Arial, Helvetica; 

	font-size: 11px; 

	border: 1px #9fa617 solid;

	margin-bottom:5px;
}


	/* representative login */
	div#main-boxrep-fixed { padding: 12px 0 0 0; width: 891px; }
	div.main-boxrep-top { background: url(../../images/box_main1200.gif) 0 0 no-repeat; height: 12px; }
	div#main-boxrep-fixed div.bc { background: url(../../images/box_main_inner.gif) 0 0 repeat-y; padding: 0 0px 60px 	15px; width: 891px; }
	div.main-boxrep-bottom { background: url(../../images/box_main1200.gif) 0 100% no-repeat; height: 38px; }
	

	div#main-boxrep { 

	background: url(../../images/box_main1200t.gif) 80 0 no-repeat; 

	padding: 0px 0 0px 0; 

	width: auto; 

	xborder:1px solid #999;

	clear:both;

	}

	div#main-boxrep div.bc { 

	background: #fff url(../../images/box_main1200.gif) 0 100% no-repeat; 

	padding: 0px 0px 60px 15px; 

	width: 891px; /* 200px */
	
	margin-top:0px;

	}
	/* representative login */

	/* [START] NEW UI Public pages custom CSSfor 14th August Changes*/

		.home_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #7a7a7a;
}
.smartkit_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-align:left;
	color: #474648;

}
.main_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; 
	line-height: 16px;
	letter-spacing:0.02em;
}
.main_text_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight:bold;
	line-height:16px;
	letter-spacing:0.02em;
}
.brouchure_link_style {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d87a1;
	font-weight:bold;
}
.sampleaccess_link_style {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9fa617;
	font-weight:bold;
}
.td_border {
	font-family:Verdana; 
	font-size:12px;
	letter-spacing:0.03em;
	padding-right:8px;
	text-align:right; 
	height:22px; 
	border-bottom:1px #000000 solid;
	border-right:1px #000000 solid;
}
.td_border_bottom {
	font-family:Verdana; 
	font-size:12px;
	letter-spacing:0.03em;
	padding-right:8px;
	text-align:right; 
	height:22px; 
	border-right:1px #000000 solid;
}
.td_bg_color{
				background-color:#f5eed8;
}
.td_margin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7a7a7a; 
	line-height:normal;
	letter-spacing:0.04em;
    padding : 2px 0 2px 0; 
}

/* [END] NEW UI Public pages custom CSSfor 14th August Changes*/