﻿/* CSS Document */
body {background: #fff; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 0}
div, table, tr, td {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 0; line-height: 1.3em;}

a {color: #1a3f85; text-decoration: underline; padding: 1px}
a:hover {text-decoration: none; background: #65bcf1; color: #fff; padding: 1px}
a:visited {color: #09245b; text-decoration: underline; padding: 1px}
a:visited:hover {color: #1a3f85; text-decoration: none; padding: 1px; background: #65bcf1; color: #fff;}
/*
a.press {color: #ff6304; text-decoration: none; padding: 1px; font-weight: bold;}
*/
h1 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #ff6304; }

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-transform: uppercase; color: #1a3f85;
    margin:30px 90px 0px 19px; background:url(./Main.img/h3.gif) no-repeat left; padding-left:25px;}
    
h3.product {font-size: 12px; font-weight: bold; color: #ff6304; text-decoration: none}
h3.product2 {font-size: 14px; font-weight: bold; color: #ff6304; text-decoration: none}

h5 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #ff6304; }

.p {padding: 10px}

/*MasterPage*/
#main {width: 100%; height: 100%}

#Top {width: 100%; height: 160px; background: url(./Main.img/TopBg.gif) repeat-x top; padding:0px; }
#TopLeft{width:597px; height:160px; background: url(./Main.img/TopLeft.gif ) no-repeat top;z-index:1; position:relative; }
#Logo{width:502px;height:159px; display:block;background: url(./Main.img/Logo.gif) no-repeat top left;margin:0px;padding:0px;z-index:5;  position:relative; cursor:pointer;}

#SpecialOffer {width:300px;height:160px;background: url(./Main.img/SpecialOffer.png) no-repeat 0 20px;float:right;margin-top:-160px;z-index:3;position:relative;cursor:pointer;
                margin-right:300px;} 

#TopRight{ width:240px; height:160px;background: url(./Main.img/TopRight.gif) no-repeat top; float:right; margin-top:-160px;z-index:5;position:relative;margin-right:0px; display:block;}

#TopMenuBg {background: url(./Main.img/TopMenuBg.gif) repeat-x; width: 100%; height:37px;}
#TopMenu {width:700px;  height:36px; float:left; margin-left:30%;}	
#TopMenu a {float:left; padding:10px 15px 4px 5px; color:#1a3f85; text-decoration:none; text-transform:uppercase; font-weight:bold;  letter-spacing:0.03em; font-size:11px; }
#TopMenu a:hover   {  color:#ff6304; background:none; }
#TopMenu a:visited {float:left; padding:10px 15px 4px 5px; color:#1a3f85; text-decoration:none; text-transform:uppercase; font-weight:bold;  letter-spacing:0.03em; font-size:11px;background: none; }
#TopMenu a:visited:hover {color:#ff6304; background:none;}
.tMenuOn a:visited:hover {color:#a5aeb6; font-size:20px;}

#Bottom {border-top: 3px solid #c0c7cd; width: 100%; background: #f1f2f4; height: 90px; max-height:90px; display:inline-block; margin-top:5px;  }

#Copyright{padding: 10px;   float:left; width:250px; min-width:250px; height:70px;}

#ButtomMenu {padding: 10px; margin-left:10px; float:left; text-align:left; min-width:300px; display:block; position:relative; }

.shadow_l {background:url(./Main.img/shadow_l.gif) top no-repeat #fff; 
           height: 30px;
           width:160px;
           float:left;
           margin-top:-1px;
       
             }
.shadow_r {background:url(./Main.img/shadow_r.gif) top no-repeat #fff; 
           height: 30px;
           width:160px;
           float:right;
           margin-top:-1px;
         }
.Link_On { font-weight: bold; color: #ff6304}
/*Pages*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*Default*/
.Welcome {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: justify; padding: 0 5px 0 0}
.DefaultPageReader a {  float:right; padding:5px 10px 10px 100%;}
.DefaultPageReader a:hover  {  float:right; padding:5px 10px 10px 100%;}
.DefaultPageReader a:visited {  float:right; padding:5px 10px 10px 100%;}
.DefaultPageReader a:visited:hover {  float:right; padding:5px 10px 10px 100%;}
.wrHr {text-align:left; Color:#ff6304; width:100%; margin-top:-27px;}
.wrPreTxt { border-bottom:1px dashed #c0c0c0;}
/*About*/
.blocktitle {color: #fff; font-weight: bold; padding: 5px}
/*Portfolio*/
.pfRamka {background-color:#b3b3b3; padding:3px 3px 3px 3px; float:left; margin:10px 10px 10px 10px;}
/*All*/

.PageContent{
	/*float:left;*/
	width:788px;/*788px*/
	overflow: hidden;
	background:url(./main.img/PageContent.png) no-repeat 0 0;
	margin-top:15px;
	margin-left:45px;
	margin-bottom:25px; 
}
.PageFrame{
	background:url(./main.img/PageFrame.gif) no-repeat 0 100%;
	padding:17px 0 14px 0;
} 

.PageBg{
 padding:0 24px 0 24px;
 width:740px; /*740px*/
 overflow:hidden;
/* min-height: 800px;*/
 background:url(./main.img/PageBg.gif);
}
 
 .PageCaption	
{
	font-size:22px;
	margin: 0px 0 0 -4px;
	padding:0 -10px 0 20px;
	min-height:48px;
	line-height:48px;
	font-weight:bold;
	color: #ff6304
}
.title {font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #ff6304} 
 
 
 /* -- FAQ STYLE  ------------------------------ */


.FAQ {
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
 
}
 
.FAQ h1 {
	color: #6D9D2E;
	font-size: 1.5em;
    border-left: 25px solid #6D9D2E;
	border-bottom: 1px solid #6D9D2E;
	padding: 0 0 2px 5px;
}

.FAQ h2 {
	color: #6D9D2E;
	font-size: 1.3em;
	margin: 1ex 0;
}

.FAQ pre {
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #aaa;
	padding: 5px;
}

/*uc_Solutions*/
.SolTh {padding: 10px;}
.SolSpacer {background:url(./main.img/SolutionsSpacer.gif)  repeat-y  top;}
.SolName{font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.SolTxt{font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; width: 90%; height:100%;}
.SolLink{font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
.SolHrYellow {text-align:left; color:#f8ab0f; width:80%;}
.SolHrGreen  {text-align:left; Color:#0576c2; width:80%;} 
.SolHrBlue   {text-align:left; Color:#65bcf1; width:80%;} 
.SolHrOrange {text-align:left; Color:#ff6304; width:80%;}

/*NewsReader*/
.news {width: 210px; height: 199px; margin:0px 0 0 0; float:right; background:url(./main.img/News_bg.gif) top left no-repeat; position: relative;}
.news h2 {margin: 0; font-size: 16px; padding: 12px 0px 0px 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #2d2d2d}
#line {position: absolute; top: 38px; left: 10px; width: 180px; height: 140px; overflow: auto;}
#rss {padding:0px 15px 0 0; position: absolute; top: 14px; left: 150px; width: 27px; height: 15px;}
#rss a {background: none}
.NewsGridBox tr { border:0px;}
.NewsBoxDate {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #2e4d8c; padding: 0px 0px 0 10px;}
.NewsBoxCaption {color: #333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 10px 0px 10px;}
.NewsGridList tr {border:1px dashed #c0c0c0;}
.NewsListCaption {color: #333; font-family:Arial, Helvetica, sans-serif; font-size: 14px; padding: 5px 10px 0px 10px; margin-top:20px;}
.NewsListCaption span { font-weight:bold; background-color:#c3c3c3; font-size: 12px; color:#394a59;  margin:0px 10px 0px 10px; padding:3px 2px 0px 2px;}


/*PARTFOLIO*/
#tabs-panel {width:100%; margin: 30px; font: 13px/1.5 "Trebuchet MS", Tahoma, Arial;}


 
#tabs-panel a {color:#13588d; font-size:120%;}
#tabs-panel a:hover {color:#ff6304;}

#tabs-panel p {padding: 7px 0; font: 13px/1.5 "Trebuchet MS", Tahoma, Arial;}
#tabs-panel h1 {font-size:20px; margin: 20px 0 30px 0; font: 13px/1.5 "Trebuchet MS", Tahoma, Arial;}
/* tabs */
* html ul.tabs {margin-bottom: 0;}
ul.tabs {height: 50px;line-height: 50px;margin:0;list-style:none;  padding:0;}
ul.tabs li {float: left;}

#t1 {height:50px; width:111px; background:url(main.img/tabs.png) 0 0 no-repeat;}
#t2 {height:50px; width:111px; background:url(main.img/tabs.png) -111px 0 no-repeat;}
#t3 {height:50px; width:111px; background:url(main.img/tabs.png) -222px 0 no-repeat;}
#t4 {height:50px; width:111px; background:url(main.img/tabs.png) -333px 0 no-repeat;}

#t1:hover { background-position: 0 -100px ;} 
#t2:hover { background-position: -111px -100px ;} 
#t3:hover { background-position: -222px -100px ;} 
#t4:hover { background-position: -333px -100px ;} 

.tab-current #t1  { background-position: 0 -50px;}
.tab-current #t2  { background-position: -111px -50px;}
.tab-current #t3  { background-position: -222px -50px;}
.tab-current #t4  { background-position: -333px -50px;}
/*
#t1 {height:52px; width:111px; background:url(main.img/tab.png) 0 -50px no-repeat;}
.tab-current #t1  { background-position: 0 0 ;}
#t1:hover { background-position: 0 -100px ;} 
/*



ul.tabs li a {
    display: block;
    padding: 0 13px 1px;
    margin-bottom: -1px;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    background: #cbcaca; 
    border: 1px solid #EFEFEF;
    border-bottom: 1px solid #F9F9F9;
    position: relative;
}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {
	color: #F70;
	padding: 0 13px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
ul.tabs li.tab-current a {
	color: #444;
	background: #EFEFEF;
	padding: 0px 13px 2px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #EFEFEF;
}*/
div.t2,
div.t3,
div.t4 {
	display: none;
}
div.t1,
div.t2,
div.t3,
div.t4 {
	border: 1px solid #DDD;
	background: #EFEFEF;
	padding: 0 12px;
}



/* end tabs */
#PreviewBox  {background:url(main.img/PreviewBox.png) 0 25px no-repeat;width:480px;}

#PreviewBox #slid-div { padding:60px 0 0 49px;}
