*{
    margin:0pt;
    padding:0pt;
  }

  html {
    background-color: #fff;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    color: #333;
  }
  
  html, body {
	height:100%;
	background:url('../img/bkg_pg.gif') repeat-x;
	}
  
  #wrapper{
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
	clear:both;
  }

 a{
 	outline: none;
	cursor:pointer;
	}
	
 a.readMore, .holder a{color: #ff6600; }
 
 p{margin: 5px 0;}
 
 p.sys_msg{
	margin: 3em 0;
	font-size:16px;
	color:#ff6600;
	}

.clear{
  clear: both;
  }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------- HEAD PART NEW  */
.topCenter{
	width: 1026px;	
	margin: 0 auto;
	background:url('../img/bkg_pgCenter.gif') top center no-repeat;	
	}

.top{
	width: 950px;
	height: 291px;
	margin:0 auto;		
	}

.top h1{
	width: 950px;
	height: 93px;	
	background:url('../img/top.jpg');
	}

.top h1 a{
	float:left;	
	width: 220px;
	height: 93px;	
	}
	
h1 span{display: none;}
/*-------------------------------------*/


.btnOrg_white.back_promo{clear: left;}
/* -------------------------          Head part ------------------------*/
  .head{
    width: 100%;
    height: 85px;
    margin: 0 0 10px 0;
    background: #000 url('../img/top_bkg.jpg') no-repeat right center;	 
    }
  
  .head h1{
    float: left;
    display: inline;
    width: 200px;
    height: 100%;
    background: #000  url('../img/affutd_logo_black.gif') no-repeat left bottom;
    }
  
  .head h1 a{
    width: 200px;
    height: 100%;
    display: block;
    text-decoration: none;
    }
  
   .head h1 a span{display: none;}
/*
  .strip{
    width: 100%;
    }

  .lang_bar {
    width: 100%;
    height: 20px;
    background-color: #FF8800;
    margin: 0 0 4px 0;
  }
  */

/* -------------------------          Language Bar -----------------*/
	.lang{
		width: 950px;
		margin: 0 auto;		
		}

	.lang ul{  
	    float: right;
	    display: inline;
	    margin: 5px 10px 1em 0;
	    }
  
.lang li{display: inline; float:left;}

.lang a span{display: none;}
.lang a{
    float: left;
    display: inline;
    width:16px;
    height:11px;
    margin: 0 0 0 10px;
    text-decoration: none;
    }

.lang .langTitle{ margin: 0 5px 0 0; color: #fff;}
.lang .langTitle a,
.lang li.cplLogout {display: none;}
    
.lang  a.en{ background: url('../img/flags/en_lng.gif') no-repeat bottom center;}
.lang  a.fr{ background: url('../img/flags/fr_lng.gif') no-repeat bottom center;}
.lang  a.es{ background: url('../img/flags/es_lng.gif') no-repeat bottom center;}
.lang  a.it{ background: url('../img/flags/it_lng.gif') no-repeat bottom center;}
.lang  a.de{ background: url('../img/flags/de_lng.gif') no-repeat bottom center;}
.lang  a.tr{ background: url('../img/flags/tr_lng.gif') no-repeat bottom center;}
.lang  a.ja{ background: url('../img/flags/ja_lng.gif') no-repeat bottom center;}
.lang  a.ru{ background: url('../img/flags/ru_lng.gif') no-repeat bottom center;}

    
.lang  a.act{ background-position: top center;}
  /*--------------------------------------------------------------------------------------------------------------------------------------------------------------    NEW TOP MENU  */ 
.top .nav{
	height: 28px;
	padding-left: 8px;
	background-color: #5f5f5f;
	border-top: #292929;
	}

.top .nav ul{		
		float:left;
				
		overflow: hidden;
		}
		
.top .nav li{display:inline;}
.top .nav a{
		float:left;
		display: inline;
		height: 20px;
		padding: 8px 4px 0 4px;
		font-size: 10px;
		font-weight: bold;
		text-transform:uppercase;
		text-decoration: none;
		color: #ff8d40;
		background:url('../img/nav.gif') -31px top;
		border-left: 1px solid #666564;
		border-right: 1px solid #000;		
		}
/*----------------------------------------   lang btn padding*/
.top .en a{padding: 8px 18px 0 18px;}
.top .en .signUp a{padding: 8px 31px 0}

.top .fr a{padding: 8px 14px 0}
.top .fr .signUp a{padding: 8px 25px 0}

.top .es a{padding: 8px 4px 0}
.top .es .signUp a{padding: 8px 21px 0 22px}

.top .de a{padding: 8px 3px 0}

.top .it a{padding: 8px 6px 0}
.top .it .signUp a{padding: 8px 24px 0}


.top .nav a:hover,
.top .nav a.active{
		color:#fff;
		background:url('../img/nav.gif') center top;				
		}
/*----------------------------------------   spec buttons*/		
.top .nav .home span{display: none;}

.top .nav li.home a{
			width: 30px;
			height: 28px;
			padding:0;
			background:url('../img/nav.gif') left top;
			border: none;
			}
			
.top .nav li.home a:hover{background:url('../img/nav.gif') left top;}

.top .nav li.signUp{
			float:left;
			display:inline;
			padding-left:1px;
			background:url('../img/nav.gif') 156px top;
			}
			
.top .nav li.signUp a{
			float:left;
			display: inline;
			color: #fde1c6;
			background:url('../img/nav.gif') right top;
			border: none;
			}
			
.top .nav li.signUp a:hover{color: #fde1c6; background:url('../img/nav.gif') right top}
.top .ja li a{
	padding-right:16px;
}
.top .ja li a span{
	margin-left:14px;
}

/* ----------------------------------------------- Control / CMS Editor menu */
ul.control{
    height: 25px;
	margin-bottom:30px;
	padding:0 20px;
    list-style: none;
    background: url('../img/top_control.gif') no-repeat center;
    clear: left;}

ul.control li{
	display:inline;
    float:right;
	padding:0 5px;
	border-left: 1px solid #f9a86d;
    height: 25px;
    text-align: center;}

ul.control li.contact_nav {border: none;}

ul.control p{
    float: left;
    display: inline;
    margin: 5px 5px 0 5px;
    padding: 1px 0 1px 20px;
    font-family: sans-serif,Verdana, Helvetica;
    font-size:11px;
    text-align: right;}

ul.control p.bold {font-weight: bold; padding-left: 5px;}

ul.control p.labels-management,
ul.control p.clear-cache,
ul.control p.preview,
ul.control p.logout{background-image:url('../img/afterlogin_editor_icons.gif'); background-repeat:no-repeat;}

ul.control p.clear-cache{background-position:0 -30px}
ul.control p.preview{background-position:0 -60px}
ul.control p.logout{background-position:0 -90px}
	
ul.control li.title{float:left; border-left:none;}

/* ------------------ Top offers blocks ------------------*/  	
  
  .offers{
    float:left;
    clear:left;
    width: 100%;
	  height:117px;
    margin: 10px 0 25px;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:11px;
  	color:#666;
  	overflow:hidden;
    }
    
  .offers li{
  	position:relative;
  	float:left;
  	width:140px;
  	height:117px;
  	margin:0 1px;
  	background-image:url('../img/nav_blocks.gif');
  	background-repeat:no-repeat;
  	list-style:none;
  	cursor:pointer;
  	overflow:hidden;
    }

.offers li.act{
	width:378px;
	background-color:#e1e1e1;
	}
	
#clients{background-position:0 0}

#commissions{background-position:-140px 0}

#market{background-position:-280px 0}

#news{background-position:-420px 0}

#promotions{background-position:-560px 0}

.offers a.desc{
	display:block;
	width:140px;
	line-height:16px;
	padding-top:95px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	}
	
.offers li div{
	position:absolute;
	left:140px;
	top:0;
	width:208px;
	height:87px;
	padding:15px;
	background:#e1e1e1 url('../img/nav_blocks_right.gif') no-repeat right;
	overflow:hidden;
	}
	
/*.offers li.act div{display:block}*/
	
.offers h3{
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	}

.offers li ul, .offers li ol{float:left;}
	
.offers li ul li, .offers li ol li{
	float:none;
	width:auto;
	height:auto;
	padding:0 0 0 15px;
	margin:0;
	color:#333;
	background: url('../img/org_dot.gif') no-repeat left center;
	}
	
.offers li ul li p{
	margin:0;
	color:#333;
	clear:none;
	float:none;
	width:auto;
	}
  
  /*
  ul.offers li a{
    float: left;
    display: inline;
    width: 142px;
    height: 117px;
    text-decoration: none;
	background-image: url('../img/nav_blocks.jpg');
	background-repeat:no-repeat;
    }
	
  ul.offers li a span{display: none;}  
   
  ul.offers li a.clients{background-position:0 0}
  ul.offers li a.clients:hover{background-position:0 -117px}
  
  ul.offers li a.commisions{background-position:-142px 0}
  ul.offers li a.commisions:hover{background-position:-142px -117px}
  
  ul.offers li a.market{background-position:-284px 0}
  ul.offers li a.market:hover{background-position:-284px -117px}
  
  ul.offers li a.news{background-position:-426px 0}
  ul.offers li a.news:hover{background-position:-426px -117px}
  
  ul.offers li a.promotions{background-position:-568px 0}
  ul.offers li a.promotions:hover{background-position:-568px -117px}
  
  /* ------------------ Left Part ---------------------*/

  #leftColumn{
    width: 690px;
    height: auto;
    margin: 0 20px 0 0;
    overflow: hidden;
    float: left;
   }
   
   #leftColumn a{color:#f60}
  
  #leftColumn ul,
  #leftColumn ol{padding: 10px 0 20px 0}
  
  #leftColumn ol li{
  	margin-left:35px;
	}
  
  #leftColumn ul li{
    margin-left: 15px;
    padding-left: 20px;
    background: url('../img/list_icon.gif') no-repeat 0 4px;
	list-style:none;
    }

  #topFlash{
    display: block;
    margin: 8px 0 23px 0;
    height:180px;
    width:691px;
    }
/* ------------------ Right Part ---------------------*/  
  
  #rightColumn {
    width: 240px;
    height: auto;
    float: right;
    }
   
/*----------            Blocks --------------------*/
  
  .block{
    float: left;
    overflow: hidden;
    margin: 0 0 20px 0;
    }
    
  .block .left{
    float: left;
    width: 100%;
    height: 26px;
    background: url('../img/topNav_blocks.gif') no-repeat -27px 0;
    }
  
  .block .right{
    float: right;
    height: 26px;
    background: url('../img/topNav_blocks.gif') no-repeat -887px 0;
    }
    
  .block h2{
    float: left;
    padding: 6px 0 0 15px;
    color: #fff;
    font-size: 12px;
    } 
    
  .block .info{
    float: left;
    clear: left;
    display: inline;
    padding: 15px 10px;
    margin: 0 0 0 1px;
    border-bottom: 1px solid #cac7c7;
    border-left: 1px solid #cac7c7;
    border-right: 1px solid #cac7c7;
    }
  
  .block.rCol{width: 240px;}
  .block.rCol .info{width: 217px;}

  .block.lmLarge{width: 380px; margin: 0 20px 20px 0;}
  .block.lmLarge .info{width: 357px;}
    
  .block.lmedium{width: 290px;}
  .block.lmedium .info{width: 267px;}
  
  .block.large{width: 690px;}
  .block.large .info{width: 667px;}
  
  .block.revBlock{width:535px; margin: 20px 0 0 0;}
  .block.revBlock .info{width:512px;}
  
  .revBlock ul li a{
    text-decoration: none;
    color: #333;
    }
  
  /*revenue blocks table */
  .revBlock table{
    clear: left;
    border: 1px solid #e9d3ad;
    }
  
  .revBlock table th{
    background: #F4F2F0;
    color: #666;
    }
    
  .revBlock table th, .revBlock table td{
    padding: 2px;
    font-weight: normal;
    border: 1px solid #F4F2F0;
    }
  
   
  /*--- Sertificates block ----*/
  ul.sertificate{
    margin: 0 auto;
    width: 200px;
    height: 60px;
    background: url('../img/sertificates.gif') no-repeat center;
    }
    
 ul.sertificate li{
  float: left;
  list-style-type: none;
    }
    
  ul.sertificate li a{
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 20px;
    }
  
  ul.sertificate li a span{display: none;}
  
/* -------------------------------------------------------------- Login */

	.loginInfo{
	    float: left;
		  width: 240px;
		  padding: 8px 0 0 0;
		  margin: 0 0 20px 0;
		  display: inline;
      background: #9a9ea1 url('../img/lg_top.gif') no-repeat left top;
		  }

	.loginInfo h2{
		  display: block; 
		  margin: 0 10px 5px 0;
		  padding: 0 0 0 15px;
		  color: #fff;
		  font-size: 11px; 
		  text-transform: uppercase;
		  }  

	form.login{
		  color: #fff;
		  width: 100%;
		  padding-bottom: 5px;
		  overflow: hidden;
		  margin:0;
		  }
	  
	form.login p{
		  float:left;
		  width: 100%;
		  margin: 2px 0;
      }
	  
	form.login label{
		  float: left;
		  width: 85px;
		  margin: 3px 5px 0 10px;
		  font-size: 10px;
		  text-align: right;
		  }
	
	form.login input{
		  float:left;
		  width: 120px;
		  }
  
  form.login p.checkBox{margin: 5px 0;}
  
  form.login p.checkBox input{
    width: 10px;
    height: 12px;
    margin-left: 25px;
    }
  
   form.login p.checkBox label{
    width: 130px;
    height: 12px;
    text-align: left;
    }
  
  form.login input.btnOrg{
    width: 203px;
    font-size: 12px;
    display: inline;
    margin: 4px 0 0 15px;
    }
    
  a.regs{
    display: block;
    height: 15px;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    }
    
  a.regs:hover{text-decoration: underline;}    
  .btnOrg{
    display: block;
    width: 203px;
    height: 22px;
    border: 0 none;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: transparent url('../img/orgBtn.gif') no-repeat center;
    }
  
  .btnOrg_white{
    display: block;
    width: 212px;
    height: 22px;
    border: 0 none;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: #fff url('../img/btnOrg_white.jpg') no-repeat center;
    }
	
	#leftColumn a.btnOrg_white{
		color:white;
		line-height:22px;
		}
  
  a.btnOrg{
    height:18px;
    padding-top:4px; 
    margin: 4px 0 0 15px;
    font-size: 12px;
    }
    
  a.btnOrg:hover{text-decoration: none;}
  
  a.links:hover{text-decoration: underline;}
  
  .action{
    float:left;
    width: 240px;
    height: 29px;
    background: url('../img/bkg_org_btn.gif') repeat-x center;
    }
    
  .lgBtm{
    background: url('../img/lg_btn_b.gif') no-repeat left bottom;
    height: 34px;
    width: 100%;
    display: block;
    overflow: hidden;
    }
/* ----------------- Contact block ---------------*/
  
  .phone, .fax, .mail, .fb{
    padding: 3px 0 3px 30px;
    width: 85%;
    }
    
  .phone span, .fax span, .mail span, .fb span{display: block;}
  .phone{background: url('../img/phone.gif') no-repeat left center;}
  .fax{background: url('../img/fax.gif') no-repeat left center;}
  .mail{background: url('../img/meil.gif') no-repeat left center;}
  .fb{background: url('../img/fb.gif') no-repeat left center; margin-top:10px;}
  .gray{color: #999999;}    
/* ----------------  Footer / Bottom Navigation ----------*/  
  
  #footer{
    float: left;
    width: 100%;
    margin:80px 0 10px 0;
  	overflow: hidden;
  	font-size: 11px;
	 }
	
  #footer ul{
    text-align: left;
  	height: 20px;	
    padding-top: 3px;
    border-bottom:1px solid #cecece;
  }
  
 
  #footer ul li{
  	display: inline; 
  	float: left;
  	margin-right: 5px;
  	border-right: 1px solid #022d40;
    }
  
  #footer ul li.contact{border: none; }
  
  #footer ul li.copy{
    float: right; 
    border: none;
    color:#002e3e;
    }
  
  #footer ul li a{
    color:#f25d14; 
    text-decoration:none;
    padding-right: 10px;
    }
  
  #footer ul li a:hover{text-decoration: underline;}
  
  #footer .footerNotes{
    color:#999;
    text-align: left;
    }

/* ----------------- Inner pages ------------------------------*/

  h2{
    color: #ff6600;
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 1em 0;
    font-family: Trebuchet MS;
    }
  
  h3{
    color: #ff6600;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px 0;
    /*float: left;
    width: 100%;*/
	clear:left;
    font-family: Trebuchet MS;
    }

  h4{ 
    float:left;
    clear: left;
    width: 100%;
    font-size: 12px;
    margin: 0 0 20px 0;
    }
      
  .holder{
    float: right;
    width: 535px;;
    }
  
  #leftColumn ul.page_nav{
    width: 115px;
    float: left;
    margin: 0 35px 0 0;
	padding:0;
    border-bottom: 1px solid #cac7c7;
    background: url('../img/topNav_blocks.gif') no-repeat -776px 0;
    }
    
  #leftColumn ul.page_nav li.left{
    height: 26px;
    width: 110px;
    border: 0 none;
    background: url('../img/topNav_blocks.gif') no-repeat -28px 0;
    }
    
  #leftColumn ul.page_nav li{
    background: #e1e1e1;
    border-left: 1px solid #cac7c7;
    border-right: 1px solid #cac7c7;
	list-style:none;
	margin:0;
	padding:0;
	width:113px;
	float:left;
    }
  
  #leftColumn ul.page_nav li a{	
  	display: block;
	width:98px;
    text-align: left;
    padding: 3px 0 3px 15px ;
    font-size: 11px;
    color: #666;
    text-decoration: none;
    border-top: 1px solid #fff;
    }
    
    #leftColumn ul.page_nav li.subFaq a, #leftColumn ul.page_nav li.subFaq a.act,
    #leftColumn ul.page_nav li.subFaq a:hover{padding: 3px 0 3px 25px; width:88px; background-color: #efefef;}
      
    #leftColumn ul.page_nav li a.act,
    #leftColumn ul.page_nav li a:hover{color: #555;}

 /* -----------------------------  MARKET page -----------------*/
  
  table.productSelect{
    width: 100%;
    margin: 20px 0 0 0;
    border: none;
    border-top: 1px solid #cac7c7;
    }
  
  table.productSelect th{  
    border-bottom: 1px solid #cac7c7;
    background: url('../img/mtable/mtable_bkg.gif') repeat-x top left;
    }
    
  table.productSelect th a{
    width: 25px;
    height: 25px;
    display: block;
    }
    
  table.productSelect a.flag span{display: none;} 
  table.productSelect a.en{ background: url('../img/flags/en.gif') no-repeat center;}
  table.productSelect a.fr{ background: url('../img/flags/fr.gif') no-repeat center;}
  table.productSelect a.es{ background: url('../img/flags/es.gif') no-repeat center;}
  table.productSelect a.it{ background: url('../img/flags/it.gif') no-repeat center ;}
  table.productSelect a.de{ background: url('../img/flags/de.gif') no-repeat center;}
  table.productSelect a.tr{ background: url('../img/flags/tr.gif') no-repeat center;}
  table.productSelect a.sv{ background: url('../img/flags/sv.gif') no-repeat center;}
  table.productSelect a.da{ background: url('../img/flags/da.gif') no-repeat center;}
  table.productSelect a.no{ background: url('../img/flags/no.gif') no-repeat center;}
  table.productSelect a.fi{ background: url('../img/flags/fi.gif') no-repeat center;}
  table.productSelect a.pl{ background: url('../img/flags/pl.gif') no-repeat center;}
  table.productSelect a.ru{ background: url('../img/flags/ru.gif') no-repeat center;}
  table.productSelect a.sr{ background: url('../img/flags/sr.gif') no-repeat center;}
  table.productSelect a.sk{ background: url('../img/flags/sk.gif') no-repeat center;}
  table.productSelect a.pt{ background: url('../img/flags/pt.gif') no-repeat center;}
  table.productSelect a.nl{ background: url('../img/flags/nl.gif') no-repeat center;}
  table.productSelect a.ja{ background: url('../img/flags/ja.gif') no-repeat center;}
  table.productSelect a.ro{ background: url('../img/flags/ro.gif') no-repeat center;}
  table.productSelect a.cs{ background: url('../img/flags/cs.gif') no-repeat center;}
  table.productSelect a.el{ background: url('../img/flags/el.gif') no-repeat center;}
  
  table.productSelect th.brandName{width: 165px; text-align: left;}
  
  table.productSelect tr.showTable th.brandName a,
  table.productSelect tr.hideTable th.brandName a{
    background: url('../img/mtable/mtable_plus_minus.gif') no-repeat left bottom ;
    width: auto;
    height: 20px;
    color:#6d7172;
    padding:5px 0 0 30px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    }
  table.productSelect tr.hideTable th.brandName a{
    background: url('../img/mtable/mtable_plus_minus.gif') no-repeat left top ;
    }
  
  table.productSelect tr.showTable th.brandName a:hover,
  table.productSelect tr.hideTable th.brandName a:hover,
   table.productSelect tr.hideTable th.brandName a:hover{text-decoration: underline;}
  
  table.productSelect th.brandName a:hover{text-decoration: underline;}
  table.productSelect td {border-bottom: 1px solid #edecea; height: 22px;}
  table.productSelect td.prodName{border:  none;}
  table.productSelect td span{
    background-color: #f0f0f0;
    display: block;
    margin: 2px 0;
    padding: 2px 0 2px 7px;
    font-size: 11px;
    border-bottom: 1px solid #edecea;
    }
  
  table.productSelect td a{
    border-left: 1px solid #edecea;
    height: 18px;
    padding: 0 2px;
    display: block;
    }
    
  table.productSelect td a.checked{
    background:url('../img/mtable/mtable_check.gif') no-repeat center;
    margin: 0 2px;
   }
  
/* ------------- FAQ page ------------------------*/
  
  .quest{ 
    color: #f25d14;
    border-top: 1px solid #cac7c7;
    padding: 10px 0;
    margin: 10px 0 10px 10px;
    /*float: left;
    display: inline;*/
	clear:left;
    width: 98%;
    }
  
  .ans{
    /*float: left;
    display: inline;*/
    width: 98%;
    margin: 0 0 10px 10px;
    }

/* -------- News page --------------------------*/

  h2.news{
    float: left;
    width: 100%;
    }
  
  h2.news .title{
  	display:block;
    width: 75%;
    float: left;
	margin:5px 0;
    }
  
  h2.news a{
    float: right;
	clear:right;
    display: inline;
    font-size: 11px;
    padding: 3px 30px 3px 0;
    margin: 20px 0 0 0;
    width: 20%;
    text-align: right;
    color: #666;
    text-decoration: none;
    background: url('../img/news.gif') no-repeat right center;
    }
  
  h2.news a:hover{text-decoration: underline;}
  
  /* ----------- errors ----------------*/
  
  ul.errors, .errors{
    color: #f90707;
    font-size: 11px; 
    text-align: left;
    }
    
  .errors {text-align: center; text-transform: uppercase;}
  .errors.black{color: #000;}  
  ul.errors li{
    background: url('../img/error.gif') no-repeat left center;
    padding: 0 0 0 15px;
    margin: 5px 0 0 0;
    }
  
/* --------------- successfully password changes --------------*/
  
  .passChange{
    background: url('../img/tick.png') no-repeat left center;
    clear: left;
    height: 15px;
    padding: 0 0 0 15px;
    margin: 0 0 10px 15px;
    color: #bdf3ab;
    }

/* ------------ news page and views -------------------*/

  ul.tutorial ,  .tutor_block ul{
    list-style-type: none;
    background-color: #fff;
    padding: 10px 0 20px 0;
    }
    
  ul.tutorial li ,  .tutor_block ul li{
    background: url('../img/list_icon.gif') no-repeat 0 4px;
    padding-left: 20px;
    margin-left: 15px;
    }
    
  ul.tutorial li a,  .tutor_block ul li a {
    text-decoration: none;
    color: #333;
    }
    
  .tutor_block ul li a:hover,ul.tutorial li a:hover{text-decoration: underline;}

  /* -- news pages(view lis and full view) --*/
  
 .tutor_block ul, .tutor_block ol{
    float: left;
    clear: left;
    width: 100%;
    }
  
  .tutor_block ol li{margin-left: 25px;}
  .tutor_block ul li{margin-bottom: 10px;}

  .tutor_block{
    float: left;
    width: 96%;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    }
    
 .tutor_block a{font-size: 11px; color: #FF6600;}
      
 .tutor_block.no_line{border-bottom: 0 none;} 
 
 .tutor_block h3 a{
    color: #FF6600;
    font-size: 16px;
    font-weight: bold;
    }
       
 .tutor_block.list h3{
    background: url('../img/list_icon.gif') no-repeat left;
    padding-left: 20px;
    margin-left: 5px;
    width:95%;
    } 

 .tutor_block.list h3 a:hover{color: #666;}
 /*.tutor_block.list{padding-bottom: 0; border-bottom: 1px solid #cecece;}*/
 
  ul.page_nav li a.act, ul.page_nav li a:hover {
    color:#F25D14;
  }
  
	div#overlay{
		position:absolute;
		left:0;
		top:0;
		z-index:9999;
		width:100%;
		background:#000;
		opacity:0.7;
		filter:Alpha(opacity='70');
		display:none;
		}
	
	#lpChatBtn{
		position:relative;
		display:block;
		height:32px;
		}
		
	#lpChatBtn img{
		display:block;
		position:absolute;
		top:0;
		left:-18px;
		}