body, table { font-family: arial; font-size: 13px; color: #262626; }
body { margin: 0px; padding: 0px; }
input, textarea { border: 1px solid #706f6f; }
img { border: 0; }
div.main { width: 987px!important; margin: 0 auto; }
div.t { display:table; min-height:100%; overflow:hidden; position:relative; table-layout:fixed; width: 100%; }
.t-mid { display:table-row-group; }
.t-foot { display:table-footer-group; position:relative;   }
.t-head { display:table-header-group;  }
.t-row { display:table-row; }
.t-cell  { display:table-cell; vertical-align:top; }
.m-foot { float: right; margin-top:10px; }
.m-foot a { color: #262626; text-decoration: none; }
.m-foot a:hover {  text-decoration: underline; }

a { color: #006699; }

.addr { float: left; padding: 20px 25px; }
.auth { float: right; padding: 20px 30px 15px 0; }
.auth div { float: right; margin-left: 10px; }
.logo { background: url(/images/header_.jpg); height: 132px;}
.logo .text { float: left; width: 370px; height: 107px; margin-top: 30px; color: #FFFFFF; line-height: 17px; }
.logo .text a { color: #FFFFFF; }
.logo .link { float: left; margin-right: 30px; }
.date { background: url(datebg.png) no-repeat; padding: 0 6px; font-size: 11px; }
.blogs { width: 100%; }
.blogs td { width: 50%; vertical-align: top; }
#cabinet-link { display:block; float:right; border:1px solid #636363; border-bottom:none; color:#636363; font-size:11px; margin:10px 20px 0 0; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; height:19px; line-height:19px; padding:0 8px; }
#phone-box { float:right; margin:40px 27px 0 0; }
#auth-box { float:right; margin:11px 12px 0 0; color:#fff; font-size:13px; display:none; }
#auth-box input { border:1px solid #1e8b0e; height:22px; width:167px; margin-bottom:5px;}
#auth-box a { color:#fff; }

.content { float: left; width: 566px; }
.sidebar { float: right; width: 410px; 
margin-top: -55px; 
//margin-top: -60px; 
}

h1 { font-size: 22px; border-bottom: 3px solid #3da827; font-weight: normal; line-height: 40px; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 22px; border-bottom: 3px solid #3da827; font-weight: normal; line-height: 40px; margin-bottom: 10px; }
h5 { font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; color: #706f6f; }
h5 a { text-decoration: none; color: #706f6f; }

.s200 { font-size: 22px; }
.s190 { font-size: 21px; }
.s180 { font-size: 20px; }
.s170 { font-size: 19px; }
.s160 { font-size: 18px; }
.s150 { font-size: 17px; }
.s140 { font-size: 16px; }
.s130 { font-size: 15px; }
.s120 { font-size: 14px; }
.s110 { font-size: 13px; }
.s100 { font-size: 12px; }

.blog_image { float: left; margin-right: 5px; }


.ui-tabs { position: relative; padding: .2pt; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.ui-state-active { background: url(tabs_active_left.png) left top no-repeat!important; }
.ui-state-active a { background: url(tabs_active_right.png) right top no-repeat!important; }
.ui-state-default { background: url(tabs_unactive_left.png) left top no-repeat; }
.ui-state-default a { background: url(tabs_unactive_right.png) right top no-repeat; }

ul#buttons { list-style-type: none; position: absolute; margin-top: -35px; margin-left: 10px; padding: 0;}
ul#buttons li { position: relative; display: inline; float: left;  margin-left: 1px; padding: 1px 8px; background: url(banner_unactive.png); width: 9px; height: 23px; font-size: 19px; font-weight: bold; cursor: pointer; }
ul#buttons li.active { background: url(banner_active.png); color: white; }

a.st .img{width:100px;height:124px;}
a.st .img img{width:700px;height:330px; position:absolute; z-index:10px;}
a.st:hover .img{width:100px;height:124px;overflow:visible;visibility:hidden;}
a.st:hover .img img{visibility:visible;position:absolute;z-index:150;}











.jqueryslidemenu{ background: url(menubg.png) 0 0px no-repeat; height: 55px; width: 586px; padding-left: 5px; }

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 0px;
padding-top: 7px;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
text-transform: uppercase;
display: block;
text-decoration: none;
padding-right: 10px!important;
color: white;
height: 24px;
padding-top: 7px;
padding-left: 20px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

}

.jqueryslidemenu ul li a:hover{
	color: #706f6f;
	background: url(menu_active.jpg) white top right no-repeat;


}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
margin-top: 0;
margin-left: 4px; 
//margin-left: 0px; 
padding: 0;
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: url(right_corner.jpg) right bottom no-repeat;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
margin-left: -5px;
border-left: 1px solid #6d717b;
border-right: 1px solid #6d717b;
background: url(menu_arrow.jpg) white no-repeat 20px center; 
padding-left: 25px; 
padding-right: 10px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
color: #4189a8;
font: normal 12px arial;
width: 200px; /*width of sub menus*/
padding: 5px 5px 0px 5px;
margin: 0;
height: 20px;
padding-left: 5px;
text-transform: none;
background: url(menu_underline.jpg) bottom left repeat-x!important;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #ffffff;

}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
display: none;
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

