html, body {margin:0; padding:0; width:100%; height:100%;}
* html body {overflow: hidden;}
BODY {background-color: #FFFFFF;
color: #000;
min-width: 750px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight:inherit;
font-style:inherit;
}
#container {margin: 0 auto; width: 100%; position: relative;}
#right {width: 210px; margin-right: -210px;}
#left {width: 240px; margin-left: -100%; left: 230px;}
#mainContent .column {position: relative; float: left;}
#center {width: 100%; overflow: hidden;}
#footer {clear: both; width:100%;}
#mainContent {padding-right: 210px;}
#mainContent {padding-left: 240px;}
#mainContent > #left {left: -240px;}

TD, DIV {
  /*font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9pt;*/
  margin: 0px;
}
IMG {
	border: 0;
}
A {color:#2b5191; border-bottom:1px dotted; text-decoration: none;}
A:hover {color: #001199; border-bottom:1px solid; text-decoration: none;}

FORM {
	display: inline;
}
H1 {color:#2b5191; margin: 0px 0 15px 0; padding: 0 ; font-size: 15pt; font-weight: normal;}
H2 {color: #2b5191;  margin: 10px 0 10px 0; padding: 0 ;font-size: 14pt; font-weight: normal;} 
H3 {color: #606060; font-size: 11pt; font-weight: bold; text-transform:uppercase; margin: 0px 0 5px 0; padding:0;} 
H4, H5 { margin: 0px 0 5px 0; padding: 0 ; color: #606060; font-size: 10pt; font-weight: bold;}

P {padding: 0px 0 10px 0; }
p.strong { padding-left: 50px; background:url(/images/_design/bg_p_01.gif) 0 2px no-repeat; color:#333; font-weight:bold;}
p.strong a{font-weight:bold;}

ul { list-style:url(/images/_design/bullet.gif); padding-left: 0px; margin-left:22px}
li { padding:  0 0 5px 0px;  margin-left:30px}

ul.needSpace { margin-left:15px}
ul.needSpace li { padding:  0 0 5px 0px;  margin-left:10px}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 7.5pt;
  font-weight:normal;
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}
TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}
input, select, checkbox, textarea{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.contentRow{padding: 10px;}
td.columnRight{padding: 10px 0 10px 0;}
td.columnLeft{padding: 10px 0 10px 0;}

#pTtl {
color:#2B5191;
font-size:18pt;
font-weight:normal;
margin:0 0 15px;
padding:0;
}

/* ................. head01 ................ */

TD.head01, .headMail {font-size: 8pt; white-space:nowrap;}
td.head01{padding: 0 5px 0 15px;}

TD.head01 a, .headMail a{font-size: 8pt; font-weight: normal; text-decoration:none;}
TD.head01, TD.head01 a, .headMail, .headMail a{color: #fff;}
.headMail, .headMail a {color: #2b5191;}
.headMail a:hover{color:#1D3661;}

TD.head01 a:hover{color:#f0f0f0;}

.rltv{position: relative; clear: both;}
.absl{position: absolute;}
div.headLogo {top:15px; left:0; padding: 0 0 15px 0;}
div.headLogo a{border: none!important;}
div.headLng {top:5px; right:0;}
div.headLng a {border: none;}
div.headSlogan {top:20px; right: 0;}
div.headSlogan H2 {text-align:right;	white-space:nowrap; color: #899db9;	font-size: 11pt;	padding:0;	margin:0;white-space: nowrap;}
div.headPhone {top:40px; right:0; color:#2B5191;font-size: 16pt;}
div.headPhone span {font-size: 9pt;}
div.headMail {top:80px; right:10px;}
div.headSearch {top:155px; right:10px;}

/* ................. hMenu ................ */
.hMenuHome, .hMenuNor, .hMenuAct{vertical-align: middle; white-space: nowrap;}
.hMenuHome{padding: 5px 0px 5px 27px; text-align:left;}

.hMenuNor, .hMenuAct {font-family:Arial, Helvetica, sans-serif;padding: 5px 15px 5px 15px; text-align:center;}
.hMenuHome a, .hMenuNor, .hMenuNor a, .hMenuAct, .hMenuAct a {font-size:10pt;	font-weight: bold;border-bottom:none; white-space: nowrap;} 
.hMenuHome a, .hMenuNor a,.hMenuHome a:hover,.hMenuNor a:hover{color:#fff; }
.hMenuAct { background:#FFCC00; color:#000; }
.hMenuAct a,.hMenuAct a:hover{color:#000; }

.hMenuNor a:hover, .hMenuAct a:hover, .hMenuHome a:hover {/*text-decoration: underline;*/}

/* ................. path ................ */
.path, .path a, .path span {font-size:8pt;}
.path{ padding: 5px 5px 5px 0px; vertical-align: middle; white-space: nowrap;}
.path a{font-weight: normal; /*text-decoration:underline;*/ color:#c8c8c8; border: none;}
.path span {color:#b0b0b0;}
.path a:hover {color:#b0b0b0;}


/* ................. pageHeading ................ */
td.pageHeading{padding: 5px 10px 5px 0; vertical-align: middle}
td.pageHeadingLogo{padding: 5px 11px 5px 0; vertical-align:top}

/* ................. menu ................ */
table.menu{background:url(/images/_design/ico_default.gif) left top no-repeat; margin-bottom: 30px;}

td.menuIcoNor, td.menuIcoAct{ text-align:center; vertical-align:top; padding: 0 5px 0 0;}
td.menuTxtNor, td.menuTxtAct{ text-align:left; vertical-align:top; padding: 10px 10px 0 0px;}
td.menuTxtAct{ padding: 25px 0 0 0px;}

td.menuTxtNor a, td.menuL1Nor a, td.menuL0Nor a {border-bottom: none;}
td.menuTxtNor a:hover, td.menuL1Nor a:hover, td.menuL0Nor a:hover {/*text-decoration: underline;*/}

td.menuL0Nor a, a.menuL0Nor {font-size: 11pt; color: #2b5191;}
td.menuL0Nor a:hover, a.menuL0Nor:hover {color: #001199;}
td.menuL0Act span, span.menuL0Act, td.menuL0Act a, a.menuL0Act  {font-size: 11pt; font-weight:bold; border-bottom:none; color: #FF7f00;}

td.menuL1Nor, td.menuL1Act{padding: 5px 0px 3px 15px; text-align:left; vertical-align:top; }
td.menuL1Nor a, td.menuL1Nor span{font-size:9pt; font-weight:normal; color: #91abc6;}
td.menuL1Nor a:hover, a.menuL1Nor:hover {color: #001199;}
td.menuL1Act{}
td.menuL1Act a, td.menuL1Act span{font-size:9pt; font-weight:bold; border-bottom:none; color: #ff7f00;}
td.menuL1Act a:hover{/*text-decoration:underline;*/}

td.menuL2Nor, td.menuL2Act{padding: 2px 5px 2px 30px; text-align:left; vertical-align:top; background-position: 34px 3px; background-repeat: no-repeat;}
td.menuL2Nor a, a.menuL2Nor, td.menuL2Nor span, span.menuL2Nor{font-size:10pt;	font-weight: normal;	border-bottom:none;	color:#91abc6;}
td.menuL2Nor a:hover, a.menuL2Nor:hover{/*text-decoration:underline;*/color: #001199;}
td.menuL2Act a, a.menuL2Act, td.menuL2Act span, span.menuL2Act{font-size:10pt;	font-weight: bold;	border-bottom:none;	color:#ff7f00;}
a.menuL2Act:hover{/*text-decoration:underline;*/}

td.menuL3Nor, td.menuL3Act{padding: 0px 5px 2px 45px; text-align:left; vertical-align:top; background-position: 43px 0px; background-repeat: no-repeat;}
td.menuL3Nor{background-image: url(/images/_design/menu_ico03.gif); }
td.menuL3Act{background-image: url(/images/_design/menu_ico03a.gif); }
a.menuL3Nor, span.menuL3Nor{font-size:10pt;	font-weight: normal;	border-bottom:none;	color:#808080;}
a.menuL3Nor:hover{color:#000; /*text-decoration:underline;*/}
a.menuL3Act, span.menuL3Act{font-size:10pt;	font-weight: bold;	border-bottom:none;	color:#000;}
a.menuL3Act:hover{color:#000; /*text-decoration:underline;*/}

td.menuL4Nor, td.menuL4Act{padding: 0px 5px 0px 60px; text-align:left; vertical-align:top; background-position: 53px 0px; background-repeat: no-repeat;}
td.menuL4Nor{background-image: url(/images/_design/menu_ico03.gif); }
td.menuL4Act{background-image: url(/images/_design/menu_ico03a.gif); }
a.menuL4Nor, span.menuL4Nor{font-size:9pt;	font-weight: normal;	border-bottom:none;	color:#808080;}
a.menuL4Nor:hover{color:#000; /*text-decoration:underline;*/}
a.menuL4Act, span.menuL4Act{font-size:9pt;	font-weight: bold;	border-bottom:none;	color:#000;}
a.menuL4Act:hover{color:#000; /*text-decoration:underline;*/}

/* ................. FOOTER ................ */

TD.footer{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #404040;
  font-weight: normal;
  padding: 2px 12px 2px 2px;
  text-align: left;
  vertical-align: top;
  white-space:nowrap;
  text-transform:none;
}
TD.footer a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #404040;
  font-weight: normal;
  border-bottom:none;
}
TD.footer a:hover {
	/*text-decoration:underline;*/
	color:#000000;
}

/* ................. Go Details ................ */
div.goDetails {text-align:right; background:url(/images/_design/go_details.gif) right 4px no-repeat;	padding: 0 15px 10px 0; margin: 0 15px 0 0;}
div.goDetails a {font-weight:bold; font-size: 8pt;}

/* ................. BoxLeft Block ................ */
.box {margin-bottom:40px; width: 100%;}

.boxContent {text-align: left; /*padding: 2px 8px 2px 8px;*/ color:#91abc6; font-size:8pt;}
.boxContent ul{margin:0 0 0 30px;}
.boxContent li{margin:0!important;}
.boxContent p{margin:0; padding:2px 0 2px 0;}
#Portfolio .boxContent a {border: none;}
.boxHead H2, .boxHead H2 a, .boxHead, .boxHead a {margin:0; padding:0; font-size:12pt;}
.boxHead {padding:2px 0 5px 0;}
.boxHead {color:#2b5191;}
#References .boxContent {font-style: italic; font-family: "Trebuchet MS"; font-size: 9pt;}
#References .RTitle strong {color:#2B5191;}
/*
#References .RTitle a, .boxBG .boxContent a {border-bottom: 1px dotted;}
#References .RTitle a:hover, .boxBG .boxContent a:hover {border-bottom: 1px solid;}
*/

.boxBG {border: 1px solid #E1E5EE; border-radius: 10px; background: #E1E5EE;}
.boxBG .boxHead {padding: 10px 0 5px 10px;}
.boxBG .boxContent {padding: 0 10px 10px 10px;}
.boxBG ul {list-style-image: none; list-style-type: none; margin: 0; padding: 0;}
.boxBG li {font-size: 8pt; margin-left: 0; padding: 0 0 3px;}

.referenceItem, .referenceItem div {font-family: "Trebuchet MS"; font-size: 110%; font-style: italic;}
div.newsListItem { margin:20px 0; }

.References {border: 1px solid #ebebeb; border-radius: 10px; padding: 10px;}
.References p.strong {background:url(/images/_design/bg_p_010.gif) 0 2px no-repeat;}

p.italic {font-style: italic; font-weight: bold; font-size: 9.2pt;}
.contactsT td {padding: 2px 10px 2px 0; vertical-align: middle; text-align: left;}

/* ................. AdvImg Block ................ */

table.advImg{
	background-color:#b2b9c4;
	background-repeat:no-repeat;
	background-position:top left;
}
td.advImg{
	text-align: left;
	padding: 2px 10px 2px 20px;
	color:#fff;
}
td.advImg h3{
	color:#fff;
	padding: 2px 0px 2px 0px;
	text-transform:uppercase;
	font-size:13pt;
}


/* ********************** content ********************** */

/* ................. portfolio list table ................ */

td.portfolioListTxt, td.portfolioListImg{
	border-bottom: 1px solid #f0f0f0;
	padding: 15px 0 15px 0;
	vertical-align:top;
}
td.portfolioListImg a{border: none;}
td.portfolioListTxt{ padding-left: 15px;}

table.portfolioDesign td.portfolioListTxt {padding: 10px 10px 10px 10px;}
table.portfolioDesign td.portfolioListImg {padding: 0px 0px 0px 0px;}
table.portfolioDesign td.portfolioListTxt h3{font-size:12px; color:#000000}
table.portfolioDesign td.portfolioListTxt p{color:#999999}

td.portfolioListImg{
	text-align: center;
}

td.portfolioListTxt h2, td.portfolioListTxt h2 a{font-size:11pt;}
td.portfolioListTxt h2{margin: 0 0 3px 0; padding: 0;}

/* ................. portfolio details table ................ */
h2.www, h2.www a{
	font-size:14pt;
	margin:0 0 10px 0;
}

td.portfolioDtls01, td.portfolioDtls02{
	padding: 0 0 7px 0;
	vertical-align:top;
	text-align:left;
}
td.portfolioDtls01{
	font-style:italic;
	color:#d0d0d0;
}
td.portfolioDtls02{
	color:#909090;
}

p.imgCaption{	
	margin: 0 0 10px 0;
	font-style:italic;
	color:#909090;
}

/* ................. product ................ */
img.productImg {
	margin: 0px 10px 10px 0px;
	/* vertical-align: top;
	text-align: left; */
}
td.productDescription{ 
	padding: 0 20px 10px 30px;
	vertical-align: top;
}

td.category {
	padding: 5px 20px 5px 20px;
	vertical-align:top;
	border-bottom: 1px solid #f0f0f0;
}
td.categoryH{
	padding: 10px 20px 2px 20px;
	vertical-align:top;
	color:#FFCC00;
}
td.categoryH h2, td.categoryH h3{
	color:#ECaa00;
	padding: 0px;
	margin: 0px;
}

td.category p{
	padding: 0px;
	margin: 1px 0 2px 0;
}

/* ................. specification table ................ */
table.specif {
	clear: both; 
	margin: 5px 0 10px 0;
	padding: 0;
	border: 1px solid #000;
}

th.specifH1, td.specifH1  {
	padding: 2px 10px 2px 15px;
	border-bottom: 1px solid #000;
	background-color: #ffcc00;
	color: #000;	
	font-size: 13pt;	
	text-align: left;
}

th.specifH2, td.specifH2 {
	padding: 2px 10px 2px 15px ; 
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #aaa; 
	color: #fff; 
	font-size: 12pt; 
	font-weight: bold; 
	text-transform:uppercase;
	text-align: left; 
	vertical-align: middle;
}
td.specifTitle, td.specifLeftTitle {
	padding: 2px 10px 2px 15px ; 
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	background-color: #eeeeee; 
	color: #000000; 
	font-size: 11pt; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: middle;
}
td.specifTitle{
	text-align:center;
}


td.specifLeft {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color:#FFF5C1;
	color: #000; 
	font-size: 11pt; 
	padding: 2px 10px 2px 15px; 
	text-align: left;
}
td.specif{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #333; 
	font-size: 11pt; 
	padding: 2px;
	text-align: center;
}

/* ................. documentation ................ */


table.doc {
	clear: both; 
	margin: 20px 0 20px 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
}
table.doc td {
	background-color: #fff;
	padding: 3px 10px 3px 15px;
	text-align: left;
	border: 0;
}

td.docTitle {
	font-size: 10pt;
	font-weight: bold;
	color: #000;	
	background-image:url(/images/_design/bg_gradient01.gif);
	background-repeat: repeat-y;	
	padding: 3px 10px 3px 15px;
	text-align: left;
	border: 0;
}

td.docItem{
	padding: 2px 2px 10px 0;
}
p.docItem {
	font-size: 8pt;
	color: #777;
	text-indent: 0px;
}
p.docItem strong{
	color: #444;
	text-indent: 0px;
}
p.docItem a{
	color: #324395;
	white-space: nowrap;
	text-indent: 0px;
}

p.docFooter {
	font-size: 8pt;
	color: #999;
	text-indent: 0px;
}



/*-------------------- mXBox  ----------------------------*/
table.mXBox{ background-color:#f9f9f9;}
td.mXBox{padding: 5px 0px 5px 15px; text-align:left; vertical-align:top; border-left: 2px solid #ccc;}
td.mXBox a{font-size:11px; font-weight:bold; /*text-decoration:underline;*/ color: #999999;}
td.mXBox a:hover{color:#666666; /*text-decoration:underline;*/}

span.foundStr{
	background-color:yellow;
	font-weight:bold;
}
.imgBig{
	margin: 0px 20px 10px 0px;
	border: 0px;
}

div.newsMore, div.newsMore a{
    text-align: right;
    font-size: 7pt;
}
/*-------------------- rentSchema  ----------------------------*/

table#rentSchema{ margin-bottom: 20px;}
table#rentSchema td {vertical-align: top;}
table#rentSchema td.line, table#rentSchema td.imgFirst, table#rentSchema td.img, table#rentSchema td.imgLast {background:url(/images/_design/rent_bg_line.gif) top left repeat-x;}

table#rentSchema td.line{vertical-align:middle; text-align:left; padding: 0 5px 15px 5px;}
table#rentSchema td.imgFirst{text-align:left;}
table#rentSchema td.img{text-align:left;}
table#rentSchema td.imgLast{text-align:right;} 
table#rentSchema td h2 {padding:0; margin:0 0 7px 0;}

table#rentSchema td.timeline{
	background:url(/images/_design/timeline_bg.gif) left bottom repeat-x;
	text-align:center;
	vertical-align: middle;
	font-size:18px;
	font-weight:normal;
	color:#65B0FC;
	padding: 0 0 20px 0;
}
table#rentSchema td.timelineBegin{background:url(/images/_design/timeline_begin.gif) right bottom no-repeat;}
table#rentSchema td.timelineEnd{background:url(/images/_design/timeline_end.gif) left bottom no-repeat;}

table#rentSchema td.rentDetails{background:url(/images/_design/bg_details.gif) 10px 12px no-repeat; padding: 15px 0 10px 60px; height: 50px; vertical-align:top; font-size:10pt;}
div.rentDetails{background:url(/images/_design/bg_details.gif) 10px 12px no-repeat; padding: 15px 0 10px 60px; height: 50px; vertical-align:top; font-size:10pt;}

/*-------------------- rentPlan  ----------------------------*/

table#rentPlan {border:0; padding: 0; margin:0}
table#rentPlan td {border:0; padding: 10px; margin:0}
table#rentPlan th {border-bottom:3px solid #f0f0f0; padding: 5px; margin:0; font-size:16pt; font-weight:normal;}
table#rentPlan td.green{
	background-color:#EBFFEA;
}
table#rentPlan td.blue{
	background-color:#F2F8FF;
}


table#rentPlan th.green{
	color:#09A400;
}
table#rentPlan th.blue{
	color:#4B92FC;
}


table#rentPlan td.first{
	color:#999; font-size:8pt;
}
table#rentPlan td.h1{
	color:#4B92FC;
	font-size:12pt;
	padding: 20px 10px 5px 10px;
	border-bottom: 1px solid #eee;
}

table#rentPlan span.price{font-size:14pt; font-weight:normal; color:#4B92FC;}

/*-------------------- rentBrief  ----------------------------*/
div.rentForm{ border: 3px solid #f0f5ff; padding: 0 10px 5px 10px;}
table.rentBrief {border:0; padding: 0; margin:0}
table.rentBrief td, table.rentBrief table td{vertical-align:top}

td.caption {background-color:#f5f9ff;font-weight:bold; font-size:9pt;vertical-align:top}
td.data{background-color:#f5f9ff;font-size:9pt;vertical-align:top}
td.required {	background-color:#e9f0ff;}

td.bullet{ vertical-align: middle; width:1%;}
td.bulletData{ vertical-align: middle; padding: 4px 0 5px 5px; width:99%;}

p.remark{color:#990000; font-size:8pt; margin: 5px 0 5px 0;}
span.remark{color:#990000; font-weight: bold;}

form.rentForm{}
form.rentForm fieldset{padding: 10px 5px 5px 5px; border: 1px solid #f0f0f0; margin: 5px 5px 10px 5px;}
form.rentForm fieldset legend{font-size:12pt; color:#3366CC;}

div.dErrorMsg, div.dInfoMsg{
	margin:20px 0;
	padding:10px 10px 10px 50px;
	font-size:14pt;
	background-repeat:no-repeat;
	background-position: 10px 50%;
}
div.dErrorMsg{
	color:#990000;
	border:1px solid Red;
	background-image:url(../images/bg_error_msg.gif);
}

div.dInfoMsg{
	border:1px solid #DFE5FB;
	background-image:url(../images/bg_info_msg.gif);
}
.noUL ul {margin: 0;}
.noUL td{width: 50%; vertical-align: top;}
.noUL strong {font-size: 8pt;}

.catsContent ul {
margin-left:0;
}
.catsContent li {
float:left;
margin-left:30px;
padding:0 0 5px 0;
width:200px;
}

.noSeoTtl { font-size:13pt; margin-top: 20px; }
div.contentBlock {border: 1px solid #E1E5EE; border-radius: 10px; padding: 10px; margin:20px 0;}
div.blockTtl { font-size:13pt; padding: 10px 0; }
div.main span { font-size:14pt; color:#FF6900;}
div.advantages { color:#555;}
div.advantages span { font-size:11pt; color:#FF6900;}
div.main ul {margin: 0;}
.kwd * {font-size: 8pt;}
.kwd ul {margin: 5px 0 0 30px;}
.kwd ul li {margin: 0;}


