/* HTML tags : start */
html, body, p, h1, h2, h3, h4, a, img, form, table, tr, td {
        margin: 0;
        padding: 0;
        border: 0}
html {height:100%;}
body{width:100%;font-family:Arial, Helvetica, sans-serif;color:#000;font-size:12px;min-height:100%;position:relative;}
*html body{height:100%}
body{behavior:url("/j/csshover.htc");}
/* HTML tags */
h1{}

a {color: #6B6A6A;text-decoration:underline;}
a:hover{text-decoration:none;}

.header{height:260px;padding-top:26px;}

.main-content {width:980px; margin:0 auto;position:relative;overflow: hidden;padding: 0 0 70px;}

/* Menu */
.menu{background:url(/i/menu_bg.gif) no-repeat;height:46px}
.menu ul{padding:0 0 0 20px;list-style-type:none;margin:0}
.menu ul li{float:left;background:url(/i/menu_sep.gif) right no-repeat;position:relative;z-index:100} /*change from z-index:9999*/
.menu ul li.end{background:0}
.menu ul li span{display:block;padding:0 35px 0 32px;height:46px;float:left;position:relative}
.menu ul li:hover{background:url(/i/menu_act.gif) right no-repeat}
.menu ul li span a{font-size:12px;color:#fff;text-decoration:none;display:block;float:left;height:46px}
.menu ul li span a:hover{text-decoration:underline}

.menu ul li:hover div{display:block;}

.drop{background:#717171;border:1px solid #404040;position:absolute;left:0px;top:45px;padding:15px 0px;display:none}
*html .drop{background:url(/i/drop_bg.gif) top no-repeat;}
.drop ul{margin:0;padding:0;list-style-type:none}
.drop ul li{float:none;background:url(/i/drop_sep.gif) center bottom no-repeat;padding:5px 8px;white-space:nowrap}
.drop ul li:hover{background:url(/i/drop_sep.gif) center bottom no-repeat}
.drop ul li a{color:#fff;font-size:12px;text-decoration:none}
.drop ul li a:hover{color:#000}

.menu01 span a{background:url(/i/what_is.gif) center center no-repeat;width:161px}
.menu01:hover span a{background:url(/i/what_is_a.gif) center center no-repeat;width:161px}
.menu01_hov span a{background:url(/i/what_is_a.gif) center center no-repeat;width:161px}


.menu02 span a{background:url(/i/about.gif) center center no-repeat;width:72px}
.menu02:hover span a{background:url(/i/about_a.gif) center center no-repeat;width:72px}
.menu02_hov span a{background:url(/i/about_a.gif) center center no-repeat;width:72px}

.menu03 span a{background:url(/i/portfolio.gif) center center no-repeat;width:66px}
.menu03:hover span a{background:url(/i/portfolio_a.gif) center center no-repeat;width:66px}
.menu03_hov span a{background:url(/i/portfolio_a.gif) center center no-repeat;width:66px}

.menu04 span a{background:url(/i/pricing.gif) center center no-repeat;width:55px}
.menu04:hover span a{background:url(/i/pricing_a.gif) center center no-repeat;width:55px}
.menu04_hov span a{background:url(/i/pricing_a.gif) center center no-repeat;width:55px}

.menu05 span a{background:url(/i/testimonials.gif) center center no-repeat;width:99px}
.menu05:hover span a{background:url(/i/testimonials_a.gif) center center no-repeat;width:99px}
.menu05_hov span a{background:url(/i/testimonials_a.gif) center center no-repeat;width:99px}

.menu06 span a{background:url(/i/contatcs.gif) center center no-repeat;width:84px}
.menu06:hover span a{background:url(/i/contatcs_a.gif) center center no-repeat;width:84px}
.menu06_hov span a{background:url(/i/contatcs_a.gif) center center no-repeat;width:84px}

.menu01_hov  span, .menu02_hov  span, .menu03_hov  span, .menu04_hov  span, .menu05_hov  span, .menu06_hov  span {background:url(/i/menu_act.gif) right no-repeat}

/* Menu */

.content{overflow:hidden;padding:0 0 70px 0;width:100%}
.content h2{font-size:14px;font-family:Tahoma, Arial;background:url(/i/bullet.gif) 0 14px no-repeat;padding:8px 0 10px 10px;color:#414141}
.content h2 span{float:right;font-weight:normal}
.content h2 span a{color:#414141;font-size:11px;}
.content h3{font-size:14px;font-family:Tahoma, Arial;background:url(/i/bullet.gif) 0 14px no-repeat;padding:8px 0 10px 10px;color:#1b8292}
.carcass{border-collapse:collapse;width:100%}

.leftbar{width:239px;padding-right:20px;vertical-align:top}
.rightbar{width:215px;vertical-align:top;padding-left:20px}
.centerbar{vertical-align:top}

.lbox-top{background:url(/i/lbox_bot.gif) bottom no-repeat;width:236px}
.lbox-bot{background:url(/i/lbox_top.gif) top no-repeat;padding:5px 8px 8px 8px}

.news-box{font-size:12px;font-family:Arial;}
.news-box p {color:#414141;}
.news-box p span{color:#818181;font-weight:bold;display:block;padding-bottom:1px}
.news-tools{text-align:right;padding:3px 5px 10px 0}
.news-tools a{color:#414141;text-decoration:none}
.news-tools a:hover{text-decoration:underline}

.subscribe-box{margin-bottom:15px}
.subscribe-top{background:url(/i/lbox_bot.gif) bottom no-repeat;width:236px}
.subscribe-bot{background:url(/i/lbox_top.gif) top no-repeat;text-align:center;padding:10px 0}
.subscribe-box p{padding:5px 0}
.subscribe-box p input{border:1px solid #a4a4a4;width:178px;padding:2px 5px}

.banner-box{background:url(/i/banner_bg.gif) no-repeat;width:239px;height:66px;padding:1px;margin-bottom:9px}

.bbox{width:100%;margin:0 0 20px 0;}
.bbox .ml{margin:-7px 0 -7px 0;padding:15px 10px;background:url(/i/bbox_bg.gif) bottom left repeat-x;border:1px solid #e6e6e6;zoom:1}
.bbox .tl, .bbox .bl {height:7px;position:relative;font-size:1px;}
.bbox .tlc, .bbox .trc, .bbox .blc, .bbox .brc{position:relative;width:7px;height:7px;}
.bbox .tlc {float:left;background:url(/i/tl.gif) top left no-repeat;margin:0 0 -7px 0}
.bbox .trc {float:right;background:url(/i/tr.gif) top right no-repeat;margin:0 0 -7px 0 }
.bbox .blc {float:left;background:url(/i/bl.gif) bottom left no-repeat;}
.bbox .brc {float:right;background:url(/i/br.gif) bottom right no-repeat;}

.bbox00{width:100%;margin:0;}
.bbox00 .ml{margin:-7px 0 -7px 0;padding:15px 10px;background:#fff;border:1px solid #e6e6e6;zoom:1}
.bbox00 .tl, .bbox00 .bl {height:7px;position:relative;font-size:1px;}
.bbox00 .tlc, .bbox00 .trc, .bbox00 .blc, .bbox00 .brc{position:relative;width:7px;height:7px;}
.bbox00 .tlc {float:left;background:url(/i/tl.gif) top left no-repeat;margin:0 0 -7px 0}
.bbox00 .trc {float:right;background:url(/i/tr.gif) top right no-repeat;margin:0 0 -7px 0 }
.bbox00 .blc {float:left;background:url(/i/bl2.gif) bottom left no-repeat;}
.bbox00 .brc {float:right;background:url(/i/br2.gif) bottom right no-repeat;}

.w360{width:360px}

.txt-box{}
.txt-img{float:left;margin:0 20px 0 10px}
.txt-box h4{color:#414141;font-size:14px;padding-bottom:15px}
.txt-box h4 span{display:block;color:#818181;font-size:10px;font-weight:normal}
.txt-box p{padding:5px 0;line-height:16px}

.steps-box{}
.steps-box ul{margin:0;padding:0;list-style-type:none}
.steps-box ul li{color:#818181;font-size:12px;padding-bottom:5px}
.steps-box ul li span{font-weight:bold;color:#414141}

.player-box{background:url(/i/player_bg.jpg) no-repeat;width:552px;height:304px;margin:0 auto 30px auto;padding:16px 0 0 0;position:relative}
.player{width:340px;height:245px;margin:0 auto 30px auto;}

.pagebar{text-align:center}
.pagebar a{background:#313538;padding:5px;color:#fff;font-size:11px;font-family:Tahoma, Arial;text-decoration:none;margin-right:1px}
.pagebar a:hover{background:#c3c3c3;color:#313538;}
.pagebar a.act{background:#c3c3c3;color:#313538;cursor:text}

.button01{padding:10px 5px 0 0;zoom:1}
.button01 span{background:url(/i/button_right.png) right no-repeat;display:block;padding-right:10px;float:right}
.button01 span a{background:url(/i/button_left.png) left no-repeat;display:block;height:17px;line-height:15px;text-decoration:none;color:#fff;font-size:11px;padding:0 0 0 10px;float:right}

.screen-phone{background:url(/i/screen_bg.jpg) no-repeat;width:215px;height:380px;margin:30px 0 0 0;padding-top:65px}
.screen-box{width:174px;height:261px;margin:0 0 90px 21px}
.screen-txt{color:#818181;font-size:11px;font-family:Tahoma, Arial;text-align:center;padding:5px 0}

.select-box{} 
.select-box ul{margin:0;padding:0;list-style-type:none}
.select-box ul li{float:left;width:25%;}
.select-box ul li div{text-align:center}
.select-box ul li p img{vertical-align:middle;margin-right:3px}
.select-box ul li p a{color:#414141;font-size:10px;text-decoration:none}
.select-title{clear:both;background:url(/i/sep.gif) center repeat-x;text-align:center;padding:5px 0}
.select-title span{background:#fff;color:#414141;font-size:12px;font-weight:bold;padding:0 5px} 
.select-box table{width:100%;border-collapse:collapse} 
.select-box table th{background:url(/i/th_bg.gif) top repeat-x;padding:2px 10px;color:#414141;font-size:11px;font-weight:normal}
.select-box table th span{font-weight:bold} 
.select-box table td{color:#414141;font-size:10px;text-align:center;background:url(/i/sep.gif) left bottom repeat-x;padding:10px}

.feedback{padding:5px 10px}
.feedback p{padding-bottom:5px}
.feedback p label{display:block;padding-bottom:4px;color:#818181;font-size:12px}
.feedback p input.txt{width:215px;border:1px solid #a4a4a4;padding:2px 5px}
.feedback p input.send-b{color:#707070;font-size:12px}
.feedback p textarea{width:415px;border:1px solid #a4a4a4;padding:2px 5px;height:130px}

/* Content */

/* Footer */
.footer-img{position:absolute;bottom:0;right:0;z-index:2}

#footer{left:0; position:absolute;height:68px;width:100%;bottom:0;}
.footer{width:712px;margin:0 auto;background:url(/i/footer_bg.gif) left no-repeat;height:58px;padding:10px 0 0 268px}
.footer div{margin:0;padding:0 0 25px 0;list-style-type:none;width:100%}
.footer div a{color:#666666;font-size:11px;text-decoration:none;margin-right:19px;}
.footer div a:hover{text-decoration:underline}
.footer p{padding:0;color:#666666;font-size:11px;}
/* Footer */
.clear{clear:both;font-size:1px;height:1px;}


/** Elzor */
.subscribe2{width:100%}
.subscribe2 p{padding:20px 0 0 0;}
.subscribe2 p input{border:1px solid #989898;padding:5px;font-size:11px;color:#909090;width:228px}

.sub-b{float:right; margin-top: 20px;}

.box {
 width:600px; 
  background-color: #FFFFFF; 
  text-align:left;}
.box .t {background:url(/i/h.gif) repeat-x left top;}
.box .r {background:url(/i/v.gif) repeat-y top right;}
.box .b {background:url(/i/h.gif) repeat-x right bottom;}
.box .l {background:url(/i/v.gif) repeat-y left top;}
.box .tl {background:url(/i/lt.gif) no-repeat left top;}
.box .tr {background:url(/i/rt.gif) no-repeat right top;}
.box .br {background:url(/i/rb.gif) no-repeat bottom right;}
.box .bl {background:url(/i/lb.gif) no-repeat bottom left;}
.box .content {padding:10px 10px 10px 10px; width: 570px;}

.sorter_table {
  height: 360px;
}

.sorter_table th {
  font-size: 11px;
  font-family: Tahoma, Arial;
  font-weight: bold; 
  height: 20px;   
}

.sorter_table tr {
  height: 20px;      
}

label {
  font-size: 11px;
  font-family: Tahoma, Arial;
  font-weight: bold; 
  color: #716e6e; 
  width: 200px; 
}

.label {
  font-size: 11px;
  font-family: Tahoma, Arial;
  font-weight: bold; 
  color: #716e6e; 
}

dt {
  float: left;
}

.top_box {
  height: 30px;
  vertical-align: middle;
 
}

.top_box_menu {
  height: 40px;
  vertical-align: middle;
  font-size: 14px;
  font-family: Arial, Tahoma;
  font-weight: bold; 
  text-decoration: none;
  color: #0f67c8; 
  float: left;
}

.top_box_menu a {
  color: #0f67c8; 
  text-decoration: none;
}

.top_box_menu a:visited {
  color: #0f67c8; 
  text-decoration: none;
}

.login_btn {
  margin-left: 470px;
}

.item_td_name {
  font-size: 11px;
  font-family: Tahoma, Arial;
  font-weight: bold; 
  color: #716e6e; 
}

.item_td_price {
  font-size: 11px;
  font-family: Tahoma, Arial;
  font-weight: bold; 
  color: #649bc1; 
  text-align: right;
}

form.register label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
	width: 160px;
}

form.register label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	width: 300px;
} 

form.register p {
	height: 12px;
}

form.register input {
	width: 200px;
}

.mess_section {
  font-size: 11px;
  font-family: Tahoma, Arial;
  font-weight: bold; 
  color: #716e6e; 
}

.login {
  width: 170px;
}

.form_edit label{
  width: 100px;
}
.form_edit p label{
  width: 100px;
}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/i/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/i/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/i/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/*new*/
.infobox a img {padding:2px;margin:0 4px;border:1px solid #333;}

.infobox h2 a, .bbox00 a {text-decoration:none;}
.infobox h2 a:hover, .bbox00 a:hover{text-decoration:underline;}

.portf a {color: #6B6A6A; text-decoration:none;}
.portf a:hover{color: #000; text-decoration:none;}
.portf a img {border-color: #6B6A6A;}
.portf a:hover img {border-color: #000;}