/* CSS Document */
/*********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, form, label, caption, table, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;/*outline: inherit;*/font-size: 100%;font-size:11px;font-family:arial, tahoma,sans-serif;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {border-collapse: inherit;border-spacing: 0;}
/*************************************************/
.clear{clear: both;}
.hide{display:none;}
.show{display:block!important;}
.left{float:left!important;}
.right{float:right!important;}
.no-margin{margin: 0!important;}
.no-padding{padding: 0!important;}
.no-bg {background: none!important;}
.no-border, a img {border: none!important;}
.relative{position:relative;}
.border-bottom-none{border-bottom: none!important;}
.no-1{cursor: default; text-decoration: none;}


/* ----------------------------------- */
a{text-decoration: none;color: #666666;}
a:hover{text-decoration: underline;}
.wrapper{width: 920px; margin: 0 auto;}
h1, h2 {font-size: 25px /*30px*/; line-height: 50px; color: black; }
p {font: 14px/18px Arial, sans-serif;}
/* --------------------------------------------------------------- */
body {font: 12px/16px Arial, sans-serif; color: #666666; }
header {background-image: url(/site_img/header_background.png); float: left; width: 100%; padding-top: 15px; border-bottom: 1px solid #ebebeb; }
header section.logo { padding: 0 30px 30px 30px; float: left; }
/* top menu */
.top-menu{float: right; padding: 47px 0 0 0;}
.top-menu ul li{ float: left; padding: 0 13px 0 0;}
.top-menu ul li a{font-size: 16px; color:#666666;}
.top-menu ul li a:hover{text-decoration: none;}
.top-menu ul li span{font-size: 16px; color:#666666; border-bottom: 1px dotted #666666; padding: 0 0 3px 5px;}
.top-menu ul li span:hover{border: none;}
.top-menu ul li .top-phone{font-weight: bold;}


/* navbar */
.navbar{height: 33px;  background: #d55b49;}
.navbar nav{float: right;}
.navbar ul > li{float: left;}
.navbar ul > li.active{background: #a8a8aa; border-right: 1px solid #d55b49; border-left: 1px solid #d55b49;}
.navbar ul > li.active:hover{/*border: none;*/ }
.navbar ul > li:hover{background: #a8a8aa;}
.navbar ul li a{font-size: 18px; color:#ffffff; padding: 0 17px 0 17px; display: block; height: 33px; line-height: 33px;}
.navbar ul > li a:hover{text-decoration: none;}
.navbar li li{ margin: 0 1px 0 1px; }
.navbar ul li ul {display: none;margin: 0px 0 0 -85px;overflow: hidden; position: absolute; background: #6d6c6c; z-index: 20; border: 1px solid #545454; padding: 1px 0 1px 0; }
.navbar ul > li:hover > ul {display: block;}
.navbar ul > li > ul > li { width: 290px; padding: 0 1px 0 1px; float: none; display: block; border-bottom: 1px dashed #cccccc; }
.navbar ul > li > ul > li > a{text-decoration: none; height: auto; font-size: 16px; padding: 7px 17px 7px 17px; line-height: 19px;}
.navbar ul > li > ul > li > a:hover{ text-decoration: none; }
.navbar li li:hover{ background: #cfcece; }
.navbar li li:hover > a{ color:#585858; }
.navbar ul li span{
  font-size: 18px;
  color: #ffffff;
  padding: 0 17px 0 17px;
  display: block;
  height: 33px;
  line-height: 33px;
}

/* Left Column */
.left-column{width: 280px; float:left; padding: 27px 0 40px 0;}
.left-menu{padding: 0 0 0 27px;}

.left-menu ul li{ padding: 5px 0 5px 0;}
.left-menu ul ul{display: block;overflow: hidden; padding: 5px 0 5px 27px;}
.left-menu ul li .active{color:#d55b49;}
.left-menu ul li, .left-menu  ul li a, .left-menu ul li span{line-height: 28px; font-size: 16px; -moz-text-shadow: 1px 1px 0 white; -webkit-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;}

/*.left-menu li.active > a,*/
.left-menu li.active > span{ color:#d55b49; padding-right: 13px; background: url("/site_img/nav_arrow_red.png") 100% 6px no-repeat;}
.left-menu  ul > li > a{ padding-right: 17px; background: url("/site_img/nav_arrow.png") 100% 6px no-repeat; }


.left-menu li li a{padding-right: 0; background: none;}
.left-menu  ul > li > a:hover{color:#d55b49; padding-right: 13px; background: url("/site_img/nav_arrow_red.png") 100% 6px no-repeat; }
.left-menu li.active > a{ color:#d55b49; padding-right: 13px; background: url("/site_img/nav_arrow_red.png") 100% 6px no-repeat;}
.left-menu li.active > a:hover{cursor: default; text-decoration: none;}
.left-menu li > ul > li.sactive{padding: none;}

.left-menu li > ul > li.sactive a,
.left-menu li > ul > li.sactive span{padding: 7px 12px 7px 12px; background: #f5f5f5!important; margin-left: -12px; color:#666666; display: inline-block;}

.left-menu li > ul > li.sactive a:hover{cursor: default; text-decoration: none;}
.left-menu li > ul > li > a:hover{background: none; color: #666666;}


/* Right Column */
.right-column{float:right; width: 620px; padding: 27px 0 40px 20px;}
.right-column img{max-width: 620px;}

.right-column .content, .right-column .content a, .right-column .content span, .right-column .content em, .right-column .content p, .right-column .content strong, .right-column .content li
{
  font: 14px/18px Arial, sans-serif;
}
.right-column .content strong{font-weight: bold;}

.right-column .content ul{list-style: disc inside;}
.right-column .content ol{list-style: decimal inside;}
.right-column .content em{font-style: italic;}

/* Items List preview */
.items-preview{}
.items-preview > ul > li{display: block; width: 310px; float:left; padding-bottom: 20px;}
.items-preview ul li .title-item-preview{height: 35px; background: #f5f5f5; border-right: 2px solid #ffffff; font-size:18px; line-height: 35px; padding-left: 9px;}
.items-preview ul li .title-item-preview a{font-size:18px;}
.items-preview ul li .img-item-preview{width: 185px; min-height: 95px; padding: 3px 0 0 0;}
.items-preview ul li .img-item-preview img{width: 185px; height: 95px;}
.items-preview ul li .description-item-preview{ width: 105px; float:left; vertical-align: top; font-size: 14px; color:#666666;}
.items-preview ul li .description-item-preview{}
.items-preview ul li .description-item-preview.left{padding: 15px 5px 0 3px; text-align: right;}
.items-preview ul li .description-item-preview.right{padding: 15px 5px 0 10px; text-align: left;}


.items-preview .property,
.items-preview .property strong{font-size: 13px;}

.wr{border-bottom: 1px solid #ebebeb; padding-bottom: 8px;}
.title-1{padding: 15px 0 15px 0; text-align: center;}
.slides img{border: 1px solid #e5e5e5;}

/* Footer */
.footer-wr .logo{padding: 50px 55px; float:left;}
.footer-wr{ background-image: url(/site_img/header_background.png); border-top: 1px solid #ebebeb;}
.footer-wr .wrapper{padding-bottom: 15px;}
.footer-wr .bottom-menu{padding-top: 20px; float: right;}
.bottom-menu{float:right}
.bottom-menu ul li{float:left; padding: 0 0 0 50px;}
.bottom-menu ul li a, .bottom-menu ul li span{font-size: 18px;}
.copyright{/*position: absolute; top: 56px; right:0;*/ padding: 20px 0 0 0; float:right;}
.copyright p, .copyright a{color: gray;text-align: right; font-size: 14px; line-height: 22px;vertical-align: middle;padding-bottom: 5px;  }

/* Right side baners */
.b-block{padding: 30px 0 20px 0;}
.b-block .b-item{text-align: center;}
.b-block .b-item a{font-size: 18px; line-height: 35px;}
.b-block .b-item a:hover{color:#d55b49; text-decoration: none;}
.b-block .b-separator{background: url(/site_img/pencil_separator.png) no-repeat; width: 282px; height: 26px;}

.item{}
.item h1{font-size: 28px; line-height: 32px;}
.item tr td{vertical-align: top;}
.item .item-img{}
.item .item-description{padding: 0 5px 0 20px; }
.item .item-description li, .item .item-description strong{font-size: 16px; line-height: 22px;}
.item .description-wr{padding: 30px 0 0 0;}

/* Pagination */
.pagination{padding: 10px 0 10px 0; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; margin: 5px 0 5px 0;}
.pagination a{ padding: 4px 6px 4px 6px; font-size: 14px;}
.pagination a:hover{background: #f5f5f5;}

