/* CSS Document */
*{ margin:0; padding:0;}
body{ font: 11px Arial, Helvetica, sans-serif; color:#333;}
a{ color:#1d92f9;}
a:hover{ text-decoration:none;}
img{ border:none;}
ul{ list-style:none;}
h1{ font: italic normal 20px Arial, Helvetica, sans-serif; line-height:24px; padding: 10px 0; float:left; color:#1d92f9;}
h1 a{ color:#1d92f9;}

h2{ font: italic normal 18px Arial, Helvetica, sans-serif; line-height:34px; padding: 10px 0; float:left; color:#ff9900;}
h2 a{ color:#1d92f9;}

h3{ font: italic bold 16px Arial, Helvetica, sans-serif; line-height:16px; padding-bottom: 10px; color:#9ea0a1;}
h3 a{ color:#1d92f9;}
#main{ float:left; width: 100%; min-width: 1000px;}
*html #main{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');}
.topBlock, .contentBlock, .bottomBlock{ float:left; width: 100%;}
.leftBlock{ float:left; padding-left:2%; width: 20%;}
.rightBlock{ float:right; width: 74%;}
.bottomBlock{ padding-bottom: 30px;}
.contentBlock .rightBlock{ width:71%; padding-right: 3%;}

.logo{ display:block; width: 200px; height:59px; background: url("images/logo.gif") no-repeat; margin: 15px auto;}
.logoBox{ padding-left: 70%;}
.logoBox .logo{ position:relative; left: -140px;}
.menu{ float:left; width:100%; height:14px; padding:8px 0 8px 10px; margin: 25px 0 15px -10px; background: #1d92f9 url("images/menuL.gif") no-repeat left; position:relative; z-index:2;}
.menu li{ float:left; padding-right: 17px;}
.menu li a{ color:#fff;}
.greyBordBox{ float:right; width: 100%; margin-bottom: 30px;}
.greyBordBox .topBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord.gif") repeat-x top;}
.greyBordBox .botBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord.gif") repeat-x bottom;}
.miniGreyBordBox{ float:right; width: 85%; margin-bottom: 30px;}
.miniGreyBordBox .topBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord.gif") repeat-x top;}
.miniGreyBordBox .botBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord.gif") repeat-x bottom;}
.lt, .rt, .lb, .rb{ width: 5px; height:5px; overflow:hidden;}
.lt{float:left; background: url("images/lt.gif") no-repeat;}
.rt{float:right; background: url("images/rt.gif") no-repeat;}
.lb{float:left; background: url("images/lb.gif") no-repeat;}
.rb{float:right; background: url("images/rb.gif") no-repeat;}
.contBox{ padding: 5px 15%; border: solid #9D9D9D; border-width: 0 1px; clear:both;}
.greyBordBox ul{ padding-bottom: 20px;}
.greyBordBox li{ padding: 2px 0;}
.greyBordBox li a{ font-size:13px; padding: 1px 0; color:#ff9900}
.greyBordBox li a:hover{ background: #ff9900;}
.miniGreyBordBox .contBox{ padding: 5px 0; border: solid #9D9D9D; border-width: 0 1px; clear:both;}
.miniGreyBordBox ul{ padding: 0 0 20px 5%;}
.miniGreyBordBox li{ padding: 2px 0;}
.miniGreyBordBox li a{ font-size:13px; padding: 1px 0;color:#ff9900}
.miniGreyBordBox li a:hover{ background: #ff9900;}
.miniGreyBordBox h3{ background:#090; color:#fff; padding: 5px 5%; margin: 5px 0;}
.banner{ float:right; width: 100%; text-align:center; margin-bottom: 30px;}
.newsBox{ float:right; width: 85%; padding-left: 15%;}
.newsBox div{ padding-bottom: 15px;}
.newsBox div span{ font-size: 10px; color:#666; padding: 1px; background: #FFCC7F;}
.newsBox div a{ color:#1d92f9; line-height:14px;}
.specials{ float:right; width: 85%; background:#090 url("images/greenR.gif") no-repeat right top;}
.specials table, .specials td{ border:none; border-collapse:collapse;}
.specials td{ height:40px; padding:0 10px; font: italic bold 16px Arial, Helvetica, sans-serif; color:#fff; line-height:14px; background: url("images/greenL.gif") no-repeat;}
.specialsList{ float:right; width: 85%;}
.specialsBox{ margin-top: 10px; padding: 10px; border: 1px solid #ccc;}
.specialsBox a{font-weight: bold; font-size:14px; line-height:16px;}

.directionsBox{ float:left; width: 100%; padding-bottom: 35px; background: url("dottedLine.gif") repeat-x bottom;}
.dirPad{ padding-right: 260px;}
.dirPad div{ float:left; width: 23%; padding-right: 2%;}
.dirPad div p{display:block; height:115px; border-left: 1px solid #F2F2F2; margin-bottom: 10px;}
.dirPad div a{ font-size:14px;}
.dir1{ background: url("images/img1.jpg") -1px bottom no-repeat;}
.dir2{ background: url("images/img2.jpg") -1px bottom no-repeat;}
.dir3{ background: url("images/img3.jpg") -1px bottom no-repeat;}
.dir4{ background: url("images/img4.jpg") -1px bottom no-repeat;}
.contsBox{ float:left; width: 220px; height:136px; padding:15px 0 0 30px;  margin: 0 -5px 0 -245px; background: url("images/contBg.gif") no-repeat;}
.contsBoxWithPhoto{ float:left; width: 230px; height:156px; padding:15px 0 0 15px;  margin: 0 -5px 0 -245px; background: url("images/contBg.gif") no-repeat;}
.contsBoxWithPhoto img{ float:left;}
.contsInfo{ clear:both; padding-top: 5px;}
.contsBoxWithPhoto p{ padding: 0 0 5px 80px;}
.contsBoxWithPhoto p span{ font: italic 12px Arial, Helvetica, sans-serif; color:#063;}
.contsInfo .phones{ padding:0 0 5px 40px; background: url("images/phone.gif") 7px 0 no-repeat; color:#063; font: italic bold 20px Arial, Helvetica, sans-serif;}
.onlineOrder{ float:left; padding: 1px 0 10px 40px; background: url("images/onlineOrder.gif") no-repeat left; font-size: 14px;}
.phones{ float:left; padding-left: 41px; background: url("images/phone.gif") 7px 5px no-repeat; color:#666;}
.phones span{ font: italic bold 14px Arial, Helvetica, sans-serif; color:#360;}

.offers{ float:left; width: 100%; padding-bottom: 20px;}
.orangeCol, .greyCol{ float:left; width: 24.25%; padding-right: 1%;}
.lastCol{ padding-right: 0!important; float:right;}
.beforeLastCol{ padding-right: 0!important;}
.orangeCol .dirName{ width: 100%; background: #f90 url("images/orangeR.gif") no-repeat right;}
.greyCol .dirName{ width: 100%; background: #A7A7A7 url("images/greyR.gif") no-repeat right;}
.dirName table, .dirName td{ border:none; border-collapse:collapse;}
.dirName td{ height:40px; padding:0 10px; font: italic bold 14px Arial, Helvetica, sans-serif; color:#fff; line-height:14px;}
.orangeCol .dirName td{ background:url("images/orangeL.gif") no-repeat;}
.greyCol .dirName td{ background: url("images/greyL.gif") no-repeat;}
.offerBox{ margin-top: 10px; padding: 10px 10px 0 10px; height:180px; overflow:hidden; line-height:14px;}
.orangeCol .offerBox{ border: 1px solid #fc6;}
.greyCol .offerBox{ border: 1px solid #ccc;}
.imgBox{ padding-bottom: 5px; }
.imgBox img{ display:block; margin:0 auto;}
.offerBox a{ font-weight: normal; font-size:13px; line-height:16px; color:#828384}

.articles{ float:left; width: 100%;}
.articleBox{ float:left; width: 47%; padding:0 1% 20px 10px; }
.articleBox img{ float:left;}
.articleBox div{ padding-left: 90px;}
.articleBox div p{ font: italic bold 14px Arial, Helvetica, sans-serif; padding-bottom: 5px;}
.articleBox div a{ line-height:12px;}



 .articleBox1{ float:left; width: 97%; padding:0 1% 20px 10px; }
.articleBox1 img{ float:left;}
.articleBox1 div{ padding-left: 90px;}
.articleBox1 div p{ font: 12px Arial, Helvetica, sans-serif; padding-bottom: 5px;}
.articleBox1 div a{ line-height:12px;}



.copyrights{ padding: 33px 0 0 15%; float:left; width: 85%;}



.foreignForm{ float:left; width: 100%; padding: 10px 0; background:#fff;top: -1px; position:relative;}
.foreignForm .topBox{ float:left; width:100%; background:#f90 url("images/rt2.gif") right top no-repeat;}
.foreignForm .topBox h1{ padding-left: 10px; background: url("images/lt2.gif") no-repeat; color:#fff;}
.foreignForm .contBox{ border-color:#f90; padding: 10px; height:80px;}
.foreignForm .botBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord2.gif") repeat-x bottom;}
.foreignForm .lb{float:left; background: url("images/lb2.gif") no-repeat;}
.foreignForm .rb{float:right; background: url("images/rb2.gif") no-repeat;}
.foreignForm .contBox div{ float:left; width: 25%; padding-bottom: 10px;}
.foreignForm .contBox div p{ padding-bottom: 5px;}
.foreignForm .contBox div span{ padding-right: 5px;}
.foreignForm .contBox div select{ padding: 1px; border: 1px solid #999; width: 150px; font: 12px Arial, Helvetica, sans-serif; color:#333;}

.flatForm{ float:left; width: 100%; padding-bottom: 10px;}
.flatForm .topBox{ float:left; width:100%; background:#f90 url("images/rt2.gif") right top no-repeat;}
.flatForm .topBox h1{ padding-left: 10px; background: url("images/lt2.gif") no-repeat; color:#fff;}
.flatForm .contBox{ border-color:#f90; padding: 10px; height:90px;}
.flatForm .botBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord2.gif") repeat-x bottom;}
.flatForm .lb{float:left; background: url("images/lb2.gif") no-repeat;}
.flatForm .rb{float:right; background: url("images/rb2.gif") no-repeat;}
.flatForm .contBox div{ float:left; width: 25%; padding-bottom: 10px;}
.flatForm .contBox div p{ padding-bottom: 5px;}
.flatForm .contBox div span{ padding-right: 5px;}
.flatForm .contBox div select{ padding: 1px; border: 1px solid #999; width: 150px; font: 12px Arial, Helvetica, sans-serif; color:#333;}
.flatForm .contBox div.noPad{ padding-bottom: 0;}
.inpText1{ border: 1px solid #999; padding: 2px; width: 60px; font: 12px Arial, Helvetica, sans-serif; color:#333;}
.inpText2{ border: 1px solid #999; padding: 2px; width: 40px; font: 12px Arial, Helvetica, sans-serif; color:#333;}
#searchBut{ float:right; margin-top: 10px; padding: 1px 0; width: 120px; font: 12px Arial, Helvetica, sans-serif; color:#333; border:1px solid #919194; border-top: 1px solid #fff; background: url("images/searchBg.gif") repeat-x; cursor:pointer;}
.highway{ float:left; width: 100%; padding-bottom: 10px;}
.tablePrice{ float:left; width: 100%;}
.tableHead{ margin-bottom: 10px; background:#999 url("images/greyR2.gif") right no-repeat; font-size: 12px; line-height:12px; color:#fff;}
.tableHead table{ border: none; border-collapse:collapse; width: 100%; background:url("images/greyL2.gif") no-repeat;}
.tableHead td{ height:30px; padding-left: 10px; overflow:hidden; background: none;}
.col1{ width: 38%;}
.col2{ width: 14%;}
.col3{ width: 15%;}
.col4{ width: 11%;}
.col5{ width: 11%;}
.col6{ width: 11%;}
.flats .col1{ width: 25%;}
.flats .col2{ width: 13%;}
.flats .col3{ width: 5%;}
.flats .col4{ width: 14%;}
.flats .col5{ width: 8%;}
.flats .col6{ width: 5%;}
.flats .col7{ width: 10%;}
.flats .col8{ width: 10%;}
.flats .col9{ width: 10%;}

.tableItem{ border: 1px solid #CFCFCF; padding: 10px 0; font-size: 12px;}
.tableItem table{ border: none; border-collapse:collapse; width: 100%;}
.tableItem td{ padding-left: 10px; border-right: 1px solid #cfcfcf;}
.tableItem img{ padding-right: 10px; vertical-align:middle; float:left;}
.tableItem p{ padding-top: 25px;}
.tableItem .col6{ border-right: none;}
.flats .tableItem .col6{ border-right: 1px solid #cfcfcf;}
.flats .tableItem .col9{ border-right: none;}
.priceBox{ height:60px;}
.priceCont{ width: 38%;}
.priceBox .contBox{ font-size: 30px; color:#063; padding: 5px 0 5px 10px; border-color:#f90; line-height:30px;}
.priceBox .lb{float:left; background: url("images/lb2.gif") no-repeat;}
.priceBox .rb{float:right; background: url("images/rb2.gif") no-repeat;}
.priceBox .botBox{ float:left; width: 100%; height:5px; overflow:hidden; background: url("images/bord2.gif") repeat-x bottom;}

.formMenu{ float:left; width: 100%; padding-top: 20px;}
.formMenu li{ float:left; margin-right: 5px;}
.formMenu li a{ float:left; padding:10px; font-size: 12px; line-height:12px; height:12px; overflow:hidden;}
.formMenu li.active{ background: url("images/bord3.gif") repeat-x;}
.formMenu li div{ background: url("images/tabR.gif") right no-repeat; float:left;}
.formMenu li div div{ float:left; padding: 10px; background: url("images/tabL.gif") no-repeat; font-size: 12px; font-weight:bold; height:12px; overflow:hidden;}