@charset "utf-8";
/* CSS Document */

html, body {background: transparent url(images/page_bg.gif) left top repeat;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; height:100%; width:100%; margin:0;padding:0;}

.Float_L{ float:left;}
.Float_R{ float:right;}
.clear{ clear:both;}
.space-right-10{ margin-right:10px;}
.space-bottom{ padding-bottom:10px;}
.space-top-20{ padding-top:20px;}
.space-top-10 {padding-top:10px;}
.space-top-5 {padding-top:5px;}

.space-right-10{ margin-right:10px;}

.po-relative{ position:relative;}

a{ border:none; color:#02719a; text-decoration:none;}
a:hover{text-decoration:underline;}

.text-forSale{ color:#ca1010;}
.text-forLease{ color:#af7402;}
.price-text{ font-size:20px; font-weight:bold}

h1, h2, h3, h4, h5, p{ margin:0; padding:0;}
h1{ font-size:18px; color:#5e5e5e;}
h2{ font-size:17px; color:#434343; border-bottom:1px dashed #868686; padding-bottom:5px;}
h3{ font-size:16px; color:#5e5e5e;}
h4{ font-size:12px; color:#000; text-transform:uppercase;}
h5{ font-size:12px; color:#02719a;}
p{ text-align:justify;}

.item-title-detail{font-size:17px; color:#02719a;}
.line-bottom{ border-bottom:1px solid #999;}

.wrap{ width:950px; background-color:#FFFFFF; padding:0px 10px 10px 10px; margin:0 auto;}

#nav-top{ height:84px; padding:0;}
#nav-top .NAC-logo{ margin-top:5px; float:left;}
#nav-top .bg-map{ background:transparent url(images/map.gif) left top no-repeat; width:760px; height:74px; padding-top:10px; text-align:right;}
#nav-top .bg-map .language, #nav-top .bg-map .language a{ color:#333333; text-decoration:none;}
#nav-top .bg-map .language a:hover, #nav-top .bg-map .language a.active{ color:#333333; text-decoration:underline;}
#nav-top .bg-map .hotline{ background:transparent url(images/icon-phone.gif) left top no-repeat; padding-left:30px; height:20px; margin-top:25px; padding-top:4px;}

#nav-top-menu{height:30px; color:#fff; background:transparent url(images/nav-top-menu.gif) left top repeat-x;}
#nav-top-menu ul.nav-top-menu, #nav-top-menu ul.nav-top-menu li {list-style-type:none; margin:0; padding:0; display:inline;}
#nav-top-menu ul.nav-top-menu li {float:left; padding:8px 27px 0px 27px; background:url(images/nav-top-menu-line.gif) left top repeat-y; height:22px;}
#nav-top-menu ul.nav-top-menu li.active {background:url(images/nav-top-menu.gif) left -32px repeat-x; border-left:1px solid #fff;}
#nav-top-menu .nav-top-menu a{color:#fff; text-decoration:none; font-weight:bold;}
#nav-top-menu .nav-top-menu a:hover, #nav-top-menu .nav-top-menu a.active {color:#fff; text-decoration:underline;}

#nav-top-img{margin-top:5px;}
#nav-top-img .top-img-01{ background:transparent url(images/banner-img-01.gif) left top no-repeat; height:190px;}
#nav-top-img .slogan{ padding-top:50px;}
#nav-top-img .btn-img{background-color:#bababa; padding:10px; margin-left:328px;}
#nav-top-img .btn-img a{ border:none;}
#nav-top-img .btn-img .btn-img-01{ background:transparent url(images/btn-img-01.gif) left top no-repeat;}
#nav-top-img .btn-img .btn-img-02{ background:transparent url(images/btn-img-02.gif) left top no-repeat;}
#nav-top-img .btn-img .btn-img-03{ background:transparent url(images/btn-img-03.gif) left top no-repeat;}
#nav-top-img .btn-img .btn-img-04{ background:transparent url(images/btn-img-04.gif) left top no-repeat;}
#nav-top-img .btn-img .btn-img-05{ background:transparent url(images/btn-img-05.gif) left top no-repeat;}
#nav-top-img .btn-img .btn-img-06{ background:transparent url(images/btn-img-06.gif) left top no-repeat;}
#nav-top-img .btn-img .btn-img-01, #nav-top-img .btn-img .btn-img-02, #nav-top-img .btn-img .btn-img-03, #nav-top-img .btn-img .btn-img-04, #nav-top-img .btn-img .btn-img-05, #nav-top-img .btn-img .btn-img-06{ width:85px; height:16px; padding-top:30px; text-align:right; text-transform:uppercase; float:left; border:1px solid #fff; color:#fff; text-shadow:0.1em 0.1em #333; padding-right:5px;}


/**-- CONTENT --**/
div.main-content{ background-color:#fff; padding:0px; margin:0px;}
div.main-content .main-content-left, div.main-content .main-content-right{ float:left;}
div.main-content .main-content-right{ width:300px;}
div.main-content .main-content-left{ width:640px;}

/**-- PANE BUBLE --**/
div.pane-buble{}
div.pane-buble .pane-head { background:transparent url(images/corner.gif) left -30px repeat-x;}
div.pane-buble .pane-head div{ background:transparent url(images/corner.gif) right -15px no-repeat;}
div.pane-buble .pane-head div div { background:transparent url(images/corner.gif) left 0px no-repeat; height:10px; font-size:1pt;}

div.pane-buble .pane-head-title { background:transparent url(images/pane-title.gif) left -60px repeat-x;}
div.pane-buble .pane-head-title div{ background:transparent url(images/pane-title.gif) right -30px no-repeat;}
div.pane-buble .pane-head-title div div { background:transparent url(images/pane-title.gif) left 0px no-repeat; height:28px; color:#b9b9b9; font-size:14px; font-weight:bold;}
div.pane-buble .pane-head-title div div span { color:#b9b9b9; font-size:14px; font-weight:bold; padding:6px 0px 0px 10px; display:block;}
div.pane-buble .pane-head-title div div span.item-right { color:#fff; font-size:12px; padding:6px 10px 0px 0px; display:block; text-align:right; font-weight:normal;}

div.pane-buble .pane-body {background-color:#fff; padding:0px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}

div.pane-buble .pane-foot { background:transparent url(images/corner.gif) left -75px repeat-x;}
div.pane-buble .pane-foot div { background:transparent url(images/corner.gif) left -45px no-repeat;}
div.pane-buble .pane-foot div div { line-height:0px; font-size:1pt; height:13px; background:transparent url(images/corner.gif) right -60px no-repeat;}
div.building-img{ background:transparent url(images/img-building.gif) left top no-repeat; position:absolute; width:61px; height:94px; left:0px; bottom:-8px;}

ul.pane-title,  ul.pane-title li { list-style-type:none; margin:0; padding:0px 0px 0px 0px;}
ul.pane-title li{ font-size:16px; color:#5e5e5e; font-weight:bold;}
ul.pane-title li.contact { height:38px; padding-top:12px; padding-left:38px; background:transparent url(images/icon-33x38.gif) 0px 0px no-repeat;}
ul.pane-title li.Subscribe { height:29px; padding-top:12px; padding-left:45px; background:transparent url(images/icon-39x29.gif) 0px 0px no-repeat;}

.paneLeft-content{ padding-left:58px; line-height:180%; margin:0px;}


/**--PANE DARKER--**/
div.pane-darker { }

div.pane-darker .pane-head { background:transparent url(images/corner.gif) left -184px repeat-x;}
div.pane-darker .pane-head .pane-title { background:transparent url(images/corner.gif) right -137px no-repeat;}
div.pane-darker .pane-head .pane-title div { background:transparent url(images/darker-head-left.gif) left top no-repeat; height:26px; padding:14px 15px 5px 38px; font-weight:bold; color:#ececec; text-transform:capitalize; font-size:16px;}

div.pane-darker .pane-body {background:#404040 url(images/darker-body-left.gif) left top repeat-y;}
div.pane-darker .pane-body .pane-body-right {background:transparent url(images/darker-body-right.gif) right top repeat-y;}

div.pane-darker .pane-foot { background:transparent url(images/corner.gif) left -271px repeat-x;}
div.pane-darker .pane-foot div { background:transparent url(images/corner.gif) left -231px no-repeat;}
div.pane-darker .pane-foot div div { height:18px; line-height:0px; font-size:0px; background:transparent url(images/corner.gif) right -251px no-repeat;}

div.pane-darker ul.nav{ list-style-type:none; margin:0 10px; padding:0px 10px 0px 20px;}
div.pane-darker ul.nav li { padding:8px 0px 5px 20px; background:transparent url(images/icon-arrow-11x7.gif) 0px 12px no-repeat; border-bottom:1px solid #656565; color:#fff;}
div.pane-darker ul.nav li.end { border:none;}
div.pane-darker ul.nav li a {color:#fff;}
div.pane-darker ul.nav li a:hover { color:#ff9400; text-decoration:underline;}
div.pane-darker ul.nav li.active{ color:#ff9400; font-weight:bold;}
/* SUB-MENU LEFT*/
ul.sub-menu-left{ margin:0px 10px 0px 30px; padding:0px 10px 0px 15px; list-style-type:none;}
ul.sub-menu-left li {margin:0; padding:8px 0px 0px 25px;}
ul.sub-menu-left li { height:22px; background:transparent url(images/icon-7x11.gif) 10px 10px no-repeat; border-bottom:1px solid #656565; }
ul.sub-menu-left li.end { background-image:none; padding-top:0px;}
ul.sub-menu-left li.active{ color:#ff9400;}
ul.sub-menu-left li a{ color:#fff;}
ul.sub-menu-left li a:hover { color:#ff9400; text-decoration:underline;}


/**-- PANE LEGEND --**/
div.pane-legend{}
div.pane-legend .pane-head { background:transparent url(images/corner.gif) left -377px repeat-x;}
div.pane-legend .pane-head div.r{ background:transparent url(images/corner.gif) right -352px no-repeat;}
div.pane-legend .pane-head div.r div.l{ background:transparent url(images/corner.gif) left -327px no-repeat;padding-left:18px;}
div.pane-legend .pane-head div.r div.l div.m{ background:transparent url(images/pane-legend-title.gif) left top no-repeat; height:23px;}

div.pane-legend .pane-body{background:#fff url(images/pane-legend-left.gif) left top repeat-y; padding-left:30px;}
div.pane-legend .pane-body .pane-body-right {background:transparent url(images/pane-legend-right.gif) right top repeat-y;}
.parner a img {border: 0px;}

div.pane-legend .pane-foot { background:transparent url(images/corner.gif) left -436px repeat-x;}
div.pane-legend .pane-foot div { background:transparent url(images/corner.gif) left -402px no-repeat;}
div.pane-legend .pane-foot div div { line-height:0px; font-size:1pt; height:15px; background:transparent url(images/corner.gif) right -419px no-repeat;}


.item-logo{ margin-right:140px;}

/**-- PANE GREY --**/
div.pane-grey{}
div.pane-grey .pane-head { background-color:#454545;}
div.pane-grey .pane-head div{ background:transparent url(images/corner.gif) right -465px no-repeat;}
div.pane-grey .pane-head div div { background:transparent url(images/corner.gif) left -453px no-repeat; height:10px; font-size:1pt;}

div.pane-grey .pane-body {background-color:#454545; padding:0px 10px;}
div.pane-grey .pane-body p.text-center{ text-align:center; color:#fff;}
div.pane-grey .pane-body p.text-center a{ color:#fff; text-decoration:none;}
div.pane-grey .pane-body p.text-center a:hover{text-decoration:underline;}

div.pane-grey .pane-foot { background-color:#454545;}
div.pane-grey .pane-foot div { background:transparent url(images/corner.gif) left -489px no-repeat;}
div.pane-grey .pane-foot div div { line-height:0px; font-size:1pt; height:10px; background:transparent url(images/corner.gif) right -477px no-repeat;}

/**-- PANE BUBLE GRADIENT--**/
div.pane-gradient{}
div.pane-gradient .pane-head { background:transparent url(images/corner.gif) left -561px repeat-x;}
div.pane-gradient .pane-head div{ background:transparent url(images/corner.gif) right -513px no-repeat;}
div.pane-gradient .pane-head div div { background:transparent url(images/corner.gif) left -501px no-repeat; height:10px; font-size:1pt;}

div.pane-gradient .pane-body {background:#fff url(images/pane-gradient-body.gif) left top repeat-x; padding:0px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-position:bottom;}

div.pane-gradient .pane-foot { background:transparent url(images/corner.gif) left -549px repeat-x;}
div.pane-gradient .pane-foot div { background:transparent url(images/corner.gif) left -525px no-repeat;}
div.pane-gradient .pane-foot div div { line-height:0px; font-size:1pt; height:10px; background:transparent url(images/corner.gif) right -537px no-repeat;}

/**-- PANE BUBLE color-**/
div.pane-color{}
div.pane-color .pane-head { background:transparent url(images/corner.gif) left -597px repeat-x;}
div.pane-color .pane-head div{ background:transparent url(images/corner.gif) right -585px no-repeat;}
div.pane-color .pane-head div div { background:transparent url(images/corner.gif) left -573px no-repeat; height:10px; font-size:1pt;}

div.pane-color .pane-body {background-color:#f4f6f8; padding:0px 10px; border-left:1px solid #adadad; border-right:1px solid #adadad;}

div.pane-color .pane-foot { background:transparent url(images/corner.gif) left -633px repeat-x;}
div.pane-color .pane-foot div { background:transparent url(images/corner.gif) left -609px no-repeat;}
div.pane-color .pane-foot div div { line-height:0px; font-size:1pt; height:10px; background:transparent url(images/corner.gif) right -621px no-repeat;}

/* SEARCH FORM*/

.search-form{ margin:0px; padding:0px 0px 10px 10px;}
div.fieldwrapper{ overflow:hidden; padding:5px 0px;}
div.fieldwrapper label.styled{float: left; width:85px; margin-right: 5px; text-transform:capitalize;}
div.fieldwrapper label.styled.price{ margin-top:17px;}
div.fieldwrapper .thefield, div.fieldwrapper .field-left-box{ margin:0px; float:left;}
div.fieldwrapper .thefield .field-select, div.fieldwrapper .thefield .field-input{ width:155px;}
div.fieldwrapper .thefield .field-input-short{ width:70px;}
div.fieldwrapper .field-right-box{ background-color:#FFFFFF; border:1px solid #b0b6a9; width:285px; height:90px; padding:5px; overflow:auto; float:right;}
div.fieldwrapper .field-right-box .col{ width:45%;}


/*List*/

div.list-container{ }
div.list-container .item-left, div.list-container .item-mid{ width:187px; float:left;}
div.list-container .item-mid{ margin:0px 25px;}
div.list-container img{ padding:2px; border:1px solid #b3b9ac; float:left; margin:0px 7px 10px 0px;}

div.list-container01{ border-bottom:1px dashed #d6d6d6; padding:20px 0px;}
div.list-container .item{ width:49%;}
div.list-container01 img a, div.list-container img a{ border:none;}
div.list-container01 img{padding:2px; border:1px solid #b3b9ac; float:left; margin:0px 7px 0px 0px;}

div.list-container01 .item-des{ width:500px;}
div.list-container01 .item-des01{ width:415px;}
div.list-container01 .col{ width:47%; margin-top:5px;}
div.list-container01 .row-content{ background-color:#f8f8f8; border-bottom:1px solid #FFFFFF;}
div.list-container01 .row-content .field-title-short, div.list-container01 .row-content .field-title{ background-color:#e5ebed; padding:2px 5px; float:left; font-weight:bold; text-transform:capitalize;}
div.list-container01 .row-content .field-title-short{ width:60px;}
div.list-container01 .row-content .field-title{ width:90px;}

div.list-container01 .row-content .field-des{ padding:2px 5px; float:left;}

div.list-container-detail div.row-content{ margin-bottom:8px;}
div.list-container-detail div.img-detail{ width:316px; }
div.list-container-detail div.img-detail div.img-big{ width:312px; height:227px; padding:2px; border:1px solid #b3b9ac;}
div.list-container-detail div.img-detail div.img-big a img{ border:0;}
div.list-container-detail div.img-detail div.box-img-small{ border:1px solid #b0b6a9; padding:6px; margin-top:10px; width:304px;}
div.list-container-detail div.img-detail div.box-img-small .imgsmall{ border:none; float:left;}
div.list-container-detail div.img-detail div.tool-btn{ border:1px solid #adadad; background-color:#f4f6f8; padding:6px; width:304px; margin-top:5px;}
div.list-container-detail div.detail-right-box{ width:290px;}

div.list-container-item div.colL-content{ width: 166px;}

/* BREAD CRUM */

div.breadcrum{ background-color:#FFFFFF; border:1px solid #b7b7b7; padding:5px 10px; margin-bottom:10px;}

ul.breadcrum, ul.breadcrum li{ margin:0px; padding:0px; list-style-type:none; display:inline;}
ul.breadcrum li{ background:transparent url(images/icon_7x5.gif) left 5px no-repeat; padding:0px 10px 0px 17px; color:#333;}
ul.breadcrum li.first{ background:none; padding:0px 10px 0px 0px;}
ul.breadcrum li.hide{ color:#b1b1b1;}
ul.breadcrum li a{ color:#02719a; text-decoration:none;}
ul.breadcrum li a:hover{ color:#02719a; text-decoration: underline;}

/* input */

.input-style{ background:transparent url(images/input-type.gif) left top repeat-x; border:1px solid #adadad; height:23px; width:200px;}

.inputbutton{
background:transparent url(images/btn-black.gif) left top repeat-x;
border:1px outset #000;
color:#FFFFFF;
text-transform:capitalize;
font-weight:normal;
padding:2px 7px 3px;
text-align:center;
cursor:pointer;
margin:0px;
}

.inputbutton:hover{
background:transparent url(images/btn-black.gif) left -25px repeat-x;
border:1px outset #0088b5;
padding:3px 7px 2px;
}

.btn-view{ background:transparent url(images/pane-btn.gif) left top no-repeat; width:112px; height:28px; position:absolute; right:0px; top:0px; text-align:center;}
.btn-view a{ color: #fff; text-decoration:none; display:block; padding-top:3px; text-transform:capitalize;}
.btn-view a:hover{text-decoration:underline;}

/**/

.bgcolor01{ background-color:#f2f4f6; padding:3px 0px;}
.list-detail-bg{ background:#f2f4f6 url(images/icon_5x5.gif) 5px 10px no-repeat;}
.list-detail{ background:transparent url(images/icon_5x5.gif) 5px 10px no-repeat;}

.td-pad{ padding:5px 10px; width:25%;}
.td-pad01{ padding:5px 15px;}

/* SERVICE LINES */

div.item-container{ padding:20px 10px;}
div.item-container .item{ width:45%; text-align:left;}
div.item-container .item .title{ padding-bottom:10px; font-weight:bold;}
.boder_right{ border-right:1px solid #dfdede; padding:0px 20px;}
.boder_left{ border-left:1px solid #dfdede; padding:0px 20px;}


ul.list-item, ul.list-item li{ margin:0px; padding:0px; list-style-type:none; display:list-item;}
ul.list-item li{ background:transparent url(images/icon_5x5.gif) left 7px no-repeat; padding:0px 10px 0px 17px; color:#333; line-height:20px;}
ul.list-item li.first{ background:none; padding:0px 10px 0px 0px;}
ul.list-item li.hide{ color:#b1b1b1;}
ul.list-item li a{ color:#02719a; text-decoration:none;}
ul.list-item li a:hover{ color:#02719a; text-decoration: underline;}

/*validation*/
.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.error
{
	color: red;
}
.error UL
{
}
.error UL LI
{
	font-weight: bold;
	color: red;
	list-style-type: none;
}
LABEL.error
{
	padding-left: 16px;
	/*background: url(images/unchecked.gif) no-repeat 0px 0px;*/
}
INPUT.error
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
}
SELECT.error
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	color: red;
	border-bottom: red 1px solid;
}