body {
	margin: 0px; 
	padding: 0px; 
}

body, td {
	font: 11px Verdana;
	color: #333333;
}

INPUT, TEXTAREA, SELECT {
	font: 11px Verdana;
	color: #333333;
	border:1px solid #ccc;
	margin:0;
	padding:0;
}

.button {
	font: 11px Verdana;
	color: #333333;
	border:1px solid #ccc;
	font-weight:bold;
	margin:0;
	padding:1px 10px 1px 10px;
}



td {vertical-align: top; }
img {border: none; margin: 0px;}
form {margin: 0px; padding: 0px;}

a, a:visited, a.links, a.links:visited {
	color: #00a4ff;
	text-decoration: none;
}

a.plus_info_text, a.plus_info_text:visited {
	display: block;
	float: right;
	margin: 5px 3px 0 0;
	color: #5fb6e6;
	font-size: 11px;
}
a.plus_info_text:hover {
	text-decoration: none;
}

#container , .blck {
	position: relative;
	margin: 25px auto 10px auto;
	width: 958px;

}



/* -------------------------------------TOP BANNER ------- */

div.blue {
	background: url(/design/blue_bgr.gif) no-repeat;
	height:120px;
	width: 958px;

}

.logo {
	position: relative;
	top: 24px;
	left: 29px;
	width:50%;
}

/* Login */

.login {
	width: 133px;
	height: 85px;
	background: url(../design/login.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 709px;
}

table.login_table {
	margin: 3px 0 0 17px;
	width: 100px;
}

table.login_table td {
	font-size: 9px;
	color: #fff;
	padding: 0px;
}
table.login_table input {
	font: 9px Verdana !important;
	padding: 0 3px;
}

table.login_table input#sbox, table.login_table input#sbox2 {
	color: #0e70a5;
	height: 10px;
	background: none; 
	border: 0px;
}

table.login_table input#sbox {width: 88px; position:relative; top:1px;}

table.login_table input#sbox2 {width: 60px; position:relative; top:1px; }

table.login_table td.small {height: 14px; }

table.login_table td.input {height: 13px !important; }

table.login_table td.ok a {
	display: block;
	cursor: hand;
	width: 27px;
	height: 15px;
}

table.login_table a, table.login_table a:visited {color: #82d1f9; }

/* online demo */

a.online_demo, a.online_demo:visited {
	display: block;
	width: 90px;
	height: 92px;
	background: url(/design/online_demo.png) no-repeat;
	// background: none; 
	// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/online_demo.png',sizingMethod='scale');
	position: absolute;
	top: 50px;
	left: 850px;
	cursor: hand;
	z-index: 50;
}

/* lang */

/* lang */
.lang_popup {
        top:13px;
        left: 930px;
        height:100px;
        position:absolute;
        background: url(/design/lang_bgr_block.gif) no-repeat;
        z-index:99;
        display:none;
}


.lang_popup a, .lang_popup a:visited 
{
        display: block;
        width: 24px;
        height: 15px;
        position: relative;
        top: 3px;
        left: 4px;
        z-index: 100;
}


a.lang, a.lang:visited {
        display: block;
        width: 24px;
        height: 15px;
        position: relative;
        top: -22px;
        left: 934px;
        z-index: 57;
}

/* Tabs */

#tabs {
	position: absolute;
	top: 83px; 
	left: 0px;
	padding:0 0 4px 30px;

}

#maintab {
	display: block;
}

.shadetabs {
	padding: 3px 0;
	margin: 0px;
	font: 12px Verdana;
	list-style-type: none;
	text-align: left;
}

.shadetabs li {
	display: inline;
	margin: 0px;
}

* > .shadetabs li {padding: 6px 0 2px 0; }

.shadetabs li a , .shadetabs li a:visited {
	text-decoration: none;
	padding: 4px 10px 10px 10px;
	color: #0e71a7;
	background: url(/design/tab_bgr.gif) right repeat-x;
}

.shadetabs li a {
	text-decoration: none;
	padding: 4px 10px 10px 10px;
	color: #0e71a7;
	background: url(/design/tab_bgr.gif) right repeat-x;
}


.shadetabs li.selected a , .shadetabs li a:hover{ /* selected main tab style */
	background-image: url(/design/tab_bgr_sel.gif);
}

.contentstyle {
	width: 948px;
	margin-bottom: 1em; 
	padding: 25px 10px 0px 0px !important;
	margin-top: 10px;

}

.bc{
	position:absolute;
	top:120px;
	left:35px;
	color:#ccc;
}

.bc A , .bc A:visited{
	color:#999;
	text-decoration:none;
}

.bc A:hover{text-decoration:underline;}



/* ------------------------------------- HOME ------- */

A.Bt , A.Bt:visited , A.Bt:hover{
	background:URL(/design/bt1.gif) no-repeat top left;
	padding:6px 0 5px 3px;
	font-size:11px;
	position:absolute;
	bottom:13px;
	right:24px;
	display:block;
	width:90px;
	text-align:center;
	height:17px;

	color:#5fb6e6;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	
	
}

A.Bt SPAN{
	background:URL(/design/bt2.gif) no-repeat top right;
	padding:3px 0 3px 3px;	
	position:absolute;
	right:-2px;
	top:0;
	display:block;
	height:21px;

}


.flashHome{
	width:435px;
	height:190px;
	float:left;

	margin-left:10px;
}

.blockHome{
	width:277px;
	height:198px;
	float:left;
	background:URL(/design/block-home.gif) no-repeat top left;
	
	position:relative;
	left:15px;
}


.blockHome A.Bt{
	bottom:20px;
	right:35px;
}

.blockHome H2{
	font-size:13px;
	padding:4px 0 0 6px;
	margin:0;
}

.blockHome H2 INPUT{
	Border:1px dashed #999;
	background:transparent;
	color:#333;
	font-size:13px;
	font-weight:bold;
}


.blockHome H3{
	font-size:11px;
	font-weight:bold;
	color:#5fb6e6;
}

.blockHome H3 IMG{
	vertical-align:middle;
}

.blockHome TABLE{
	margin:10px 5px 5px 5px;
}

.blockHome TABLE TD{padding:0 5px 5px 5px;}

.blockHome TABLE TD.tLeft{
	border-right:1px dotted #ccc;
}

.prgHome{
	width:202px;
	height:205px;
	float:left;

	position:relative;
	left:40px;
	top:-10px;

}

.chosseHome{
	width:435px;
	height:272px;
	background:URL(/design/chosse-home.gif) no-repeat top left;
	clear:both;
	float:left;
	margin-left:10px;
} 

.chosseHome H2{
	font-size:13px;
	padding:4px 0 0 6px;
	margin:0;
	color:#fff;
}

.chosseHome H2 INPUT{
	Border:1px dashed #999;
	background:transparent;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.chosseHome .margin{
	padding:10px 20px;
}

.borderDotted{
	border-bottom:1px dotted #ccc;
}

.chosseHome .margin TEXTAREA{
	width:100%;
}

.priceHome{
	width:278px;
	height:272px;
	float:left;
	
	background:URL(/design/price.gif) no-repeat top left;
	position:relative;
	left:15px;
}

.priceHome H2{
	font-size:13px;
	padding:4px 0 0 6px;
	margin:0;
	color:#fff;
}

.priceHome H2 INPUT{
	Border:1px dashed #999;
	background:transparent;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.priceHome TABLE{
	margin:25px 0 0 1px;
	border-collapse:collapse;
	width:277px;
}

.priceHome TABLE TR TD{
	background:URL(/design/tr-80.png);
	padding:5px 3px;
	vertical-align: middle;
	border:1px #5db6e6 solid;
	border-bottom:1px #5db6e6 dotted;
	border-top:1px #5db6e6 dotted;
}

.priceHome TABLE TR TD.tImg{text-align:center;}

.priceHome TABLE TR TD.tInf{font-weight:normal;color:#67ac1d;}

.priceHome TABLE TR TD.tHead{color:#1179a3;border-top:1px #5db6e6 solid;border-bottom:1px #5db6e6 solid;}

.priceHome TABLE TR TD. {border-bottom:1px #5db6e6 solid;}

.priceHome TABLE TR TD.no{
	background:none;
	width:85px;
	border-width:0 1px 1px 0;
}


.priceHome TABLE TR.moreTr TD{
	background:URL(/design/tr-95.png);
}

.priceHome TABLE TR TD{
	font-size:11px;
	font-weight:bold;
	color:#000;
}

.priceHome TABLE TR TD SPAN{
	font-size:11px;
	font-weight:bold;
	color:#ff7f00;
	display:block;
	text-align:right;
}

.priceHome TABLE TR.last TD{
	border-bottom:1px #5db6e6 solid;
}

.priceHome A.Buy , .priceHome A.Buy:visited , .priceHome A.Buy:hover{

	width:67px;
	height:17px;
	display:block;
	background:URL(/design/buy.gif) no-repeat top left;
	padding:8px 0 8px 45px;
	position:absolute;
	bottom:10px;
	right:10px;

	color:#5fb6e6;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}


.infoHome{
	width:202px;
	height:299px;
	float:left;

	background:URL(/design/pda.gif) no-repeat top left;
	position:relative;
	left:30px;
}

.infoHome H2{
	font-size:13px;
	padding:4px 0 0 6px;
	margin:0;
	color:#fff;
	position:relative;
}

.infoHome H2 INPUT{
	Border:1px dashed #999;
	background:transparent;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.infoHome H3{
	position:absolute;
	font-size:11px;
	top:110px;
	left:-10px;
	background:URL(/design/pt.png) no-repeat top left;
	height:40px;
	padding:3px 0 0 45px;
	color:#fff;
}

.infoHome H3 INPUT{
	Border:1px dashed #999;
	background:transparent;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.infoHome DIV{
	margin:145px 20px 0 10px;
	color:#fff;
}

BODY.pageForm_yuyte_{
	background:transparent;
	color:#fff;
}

/* ------------------------------------- CONTENT ------- */


.block_convallis {
	float: left;
	color: #adaeae;
	line-height: 1.5;
	width:675px;

	margin: 0px 0px 35px 30px;
}

.main_content {
	font-size: 11px;
  	color: #333333;
}

.webletList{

	margin:10px;
	position:relative;
	padding:0 0 10px 50px;
	border-bottom:1px dotted #ccc;

}

.webletList IMG{
	position:absolute;
	top:0;
	left:0;
}

.webletList A , .webletList A:visited{
	color:#7e7e7e;
	text-decoration:none;
}

.webletList A:active , .webletList A:hover{color:#333333;}

.webletList A H2{
	margin:0;
	padding:0;
	font-size:12px;
}

.webletList A:hover H2{color:#f89838;}

.webletList A SPAN{
	color:#f89838;
	display:block;
	padding:5px 0;
}


/* -------------------------------------MENU ------- */

.left_menu {
	float: left;
	width: 187px;
/*	margin-left:30px;*/
	padding-left:30px;
}

.left_menu .block {
	background: url(../design/left_menu_bgr.gif) top repeat-x !important;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;	
}

.left_menu .menu_name {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 5px 22px;
}

.left_menu a, .left_menu a:visited {
	display: block;
	font-size: 11px;
	color: #7e7e7e;
	text-decoration: none;
	font-weight: bold;
	margin: 3px 0 0 10px;
	padding: 4px 0 4px 12px;
	position:relative;
}

.left_menu a:hover {
	background: url(/design/left_menu_hover.gif) left no-repeat;
	margin-left: 10px;
}

.left_menu a.active, .left_menu a.active:hover {
	background:#5FB6E6 url(/design/left_menu_active.gif) 45px repeat-y;
	color: #e1f4fe !important;
	margin: 3px 0 3px 4px !important;
	padding: 5px 0 5px 18px !important;
}

.left_menu a.active SPAN{
	position:absolute;
	display:block;
	bottom:-5px;
	right:-30px;
	width:60px;
	height:67px;
	background:URL(/design/pin.png) no-repeat left bottom;
}

.left_menu_bottom {
	background: url(/design/left_menu_bottom.gif) top left no-repeat;
	height: 24px;
	position:relative;
	top:-3px;
}

.logoTelinWeb{
	clear:both;
	height:50px;
	background:URL(/design/logo_telinweb_s.gif) no-repeat bottom right;
	position:relative;
	bottom:-10px;
	
}


.left_Block {
	float: left;
	width: 187px;
	padding-left:30px;
}

.left_Block .block {
	background: url(../design/left_menu_bgr.gif) top repeat-x !important;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;

	padding:5px 10px;	
}

.left_Block .menu_name {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding:0 0 10px 0;
}

.left_Block .menu_name INPUT{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	background:#8FCEF1;
}

/* ------------------------------------ BOTTOM ------- */

.bottom{
	height:15px;
	clear:both;
	background:URL(/design/bottom.gif) repeat-x top center;
	padding:15px 0 0 0;
}

.bottom H5{
	background:URL(/design/title.gif) no-repeat top center;
	height:20px;
	margin:0 0 15px 0;
	padding:5px 0 0 35px;
	color:#fff;
}

.webletBot{margin:0 20px;}

.webletBot DIV{
	width:157px;
	float:left;
	margin:10px;
	position:relative;
	padding:0 0 0 50px;
}

.webletBot DIV IMG{
	position:absolute;
	top:0;
	left:0;
}

.webletBot DIV A , .webletBot A:visited {

	color:#7e7e7e;
	text-decoration:none;
}

.webletBot DIV A:active , .webletBot A:hover{color:#333333;}

.webletBot DIV A H2{
	margin:0;
	padding:0;
	font-size:12px;
}

.webletBot DIV A:hover H2{color:#f89838;}

.webletBot DIV A SPAN{
	color:#f89838;
	display:block;
	padding:5px 0;
}

.copyRight {
	text-align: right;
	padding: 50px 30px 0 0;
	font-size: 9px;
	color: #5FB6E6;
	clear:both;
	
}
.copyRight a, .copyright a:visited {
	color: #5FB6E6;
	text-decoration: none;
}
.copyRight a:hover {
	text-decoration: underline;
	color:#2197D9;
}

/* /------------------------------------ OTHER ------- */

HR.clearBoth{clear:both;margin:0;padding:0;visibility:hidden;}



/* --------------------------------------------------------- STYLE ----------- */


.green {color: #76a425; }



.blue_title {
	color: #5fb6e6;
	font-size: 12px;
	font-weight: bold;
	margin: 1px 0 10px 0;
}

.title_grey {
	font-size: 12px;
	font-weight: bold;
	color: #7e7e7e;
}
.text_orange {
	color: #f89838;
	margin: 6px 0;
}

H1 {
	font-size: 24px;
	color: #5fb6e6;
	font-weight: bold;
	margin: 1px 0 10px 0;
}
h2 {
	color: #5fb6e6;
	font-size: 16px;
	margin: 18px 0 15px 0;
	padding: 0px;
}
h3 {
	font-size: 14px;
	margin: 18px 0 15px 0;
	padding: 0px;
}
h4 {
	font-size: 12px;
	margin: 18px 0 15px 0;
	padding: 0px;
}
h5 {
	font-size: 11px;
	color: #5fb6e6;
}

.colWeblet{
	padding:20px 0 0 20px;
}




/************** Kayako support ****************/
.left_menu_kayako {
	float: left;
	width: 187px;
/*	margin-left:30px;*/
	padding-left:30px;
}

.left_menu_kayako .block {
	background: url(../design/left_menu_bgr.gif) top repeat-x !important;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;	
}

.left_menu_kayako .separator {
	border-bottom: 1px solid #c1c1c1;
	padding-top:5px;
}



.left_menu_kayako .menu_name {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 5px 22px;
}


.left_menu_kayako_bottom {
	background: url(/design/left_menu_kayako_bottom.gif) top left no-repeat;
	height: 24px;
	position:relative;
	top:-3px;
}


.block_convallis_kayako {
	float: left;
	color: #adaeae;
	line-height: 1.5;
	width:600px;

	margin: 0px 0px 35px 30px;
}



/************** Forum support ****************/
.left_menu_forum {
	float: left;
	width: 187px;
/*	margin-left:30px;*/
	padding-left:30px;
}

.left_menu_forum .block {
	background: url(../design/left_menu_bgr.gif) top repeat-x !important;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;	
}

.left_menu_forum .separator {
	border-bottom: 1px solid #c1c1c1;
	padding-top:5px;
}



.left_menu_forum .menu_name {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 5px 22px;
}


.left_menu_forum_bottom {
	background: url(/design/left_menu_bottom.gif) top left no-repeat;
	height: 24px;
	position:relative;
	top:-3px;
}


.block_convallis_forum {
	float: left;
	color: #adaeae;
	line-height: 1.5;
	width:600px;

	margin: 0px 0px 35px 30px;
}

/***** FORUM *****/


/********************** ORDER *********************/
div.blue_order {
	background: url(/design/blue_bgr2.gif) no-repeat;
	height:120px;
	width: 958px;

}