/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Nekretnine Lika
Primary Use:      Screen
Date:             05.05.2010.
Last Change:      06.05.2010.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/*----------- GENERAL -----------------------*/
body  { color: #686868; font-family: Arial, sans-serif; }

#container  { position: relative; width: 895px; margin: 0 auto; }
#wrapper  { padding: 45px 0 20px 0; overflow: hidden; zoom: 1; position: relative; }

a.more  { color: #990000; font-weight: bold; font-size: 11px; line-height: 12px; text-decoration: none; background: url(../images/icon-arrow-01.gif) left 4px no-repeat; padding-left: 8px; }
.noShow { display: none; }


.diary_banner { background:url(../images/BKGbanner2.jpg) no-repeat; width:180px; height:97px; display:block; position:relative; margin-bottom:15px; }
.diary_banner a { position:absolute; bottom:15px; left:11px; width:40px; font-size: 12px; font-weight: normal; }

h1.big,
#wrapper h2 { font-size: 22px; line-height: 24px; font-weight: normal; font-family: "Verdana",sans-serif; margin-bottom: 10px; color: #22394c; }
#wrapper #column-2 h2 { font-size: 18px; line-height: 20px; color: #22394c; margin: -10px 0 10px 0; }

.text { font-size: 12px; line-height: 18px; }
  .text p { margin-bottom: 15px; }
  .text a { color: #990000; }
  .text ul { margin-bottom: 15px; }
  .text ul li { padding: 0 0 5px 15px; background: url(../images/bullet-01.png) left 4px no-repeat; }
  .text h1  { font-size: 16px; line-height: 18px; color: #22394c; font-weight: bold; margin-bottom: 15px; }
  .text h1 span { display: block; font-size: 12px; font-weight: normal; }
  .detail-box .text h1  { color: #22394c; font-size: 20px; line-height: 22px; font-weight: normal; }
  #wrapper .text h2  { color: #686868; font-size: 14px !important; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
  #wrapper .text h2.big { font-size: 22px !important; color: #22394c; line-height: 24px; font-weight: normal; }
  .text h3  { color: #22394c; font-size: 12px; line-height: 14px; margin-bottom: 10px; } 

.empty-note { display: block; font-size: 12px; line-height: 14px; padding:10px 0; }

/*----------- HEADER ------------------------*/
#header { background: url(../images/BKGheadImg.jpg) bottom center no-repeat; padding-left: 4px; height: 268px; position: relative; }
  #header .logo { position:absolute; left:19px; top:23px; width:97px; height:91px; background:url(../images/logo.gif); text-indent:-9999px; overflow: hidden; zoom: 1; }

  #header .lang  { position:absolute; right:18px; top:10px; }
  #header .lang li { float:left; margin-right: 5px; }
  #header .lang li a { font-size: 11px; color:#f5742d; }
  #header .lang li a:hover,
  #header .lang .active a { color: #686868; text-decoration: none; }

  #header .top-nav { position:absolute; right: 54px; bottom: 43px; }
  #header .top-nav li  { float: left; }
  #header .top-nav li a  { font-weight: bold; color:#fff; text-decoration: none; background: url(../images/separator-01.png) no-repeat right center; padding: 0 11px; font-size: 12px; }
  #header .top-nav li a.no_bord { background: none; }
  #header .top-nav li a:hover,
  #header .top-nav .active a  { color:#d6dfe8; }
  
  #header .main-nav { margin:0 auto; position:relative; top: 231px; left:385px; z-index:1; float: left; }
  #header .main-nav li { float: left; padding-bottom: 1px; margin-right:-11px; }
  #header .main-nav li a { display: block; padding-top:15px; height: 31px; width: 112px; font-size: 12px; text-align:center; font-weight:bold; background:url(../images/navWrapperDots.png) no-repeat 4px center; color: #fff; font-size: 12px; text-decoration: none; }
  #header .main-nav li a:hover,
  #header .main-nav .active a { color:#000; background:url(../images/BKGnavWrapper-01.png) no-repeat; position:relative; z-index:1; }

/*----------- SEARCH ------------------------*/
#searchForm { position: absolute; top: 20px; left: 150px; width: 230px; font-size: 11px; color: #686868; }
  #searchForm h2  { font-size: 14px; color:#083449; font-weight: bold; margin-bottom: 3px; text-transform: uppercase; }
  #searchForm select, 
  #searchForm li input { font-size: 11px; border: 1px solid #cdcdcd; padding: 2px; color: #686868; font-family: Arial, sans-serif; }
  #searchForm select { width:180px; margin-bottom: 5px; display: none; }
  #searchForm div { width: 198px; }
  #searchForm li  { overflow: hidden; zoom: 1; margin-bottom: 5px; }
  #searchForm li input { width:51px; float: left; padding: 2px 2px; }
  #searchForm li span { float: left; padding: 4px 4px 0; }
  #searchForm li label { float: left; width: 48px; padding-top: 3px;}
  #searchForm fieldset  { margin-bottom: 5px; }
  #searchForm fieldset label  { padding: 5px 10px 0 0; float: left; }
  #searchForm fieldset label input { margin-right: 2px; }
  #searchForm button  { float: right; width: 54px; line-height: 15px; height: 18px; margin: 2px 48px 0 0; padding: 1px 0 8px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; }

  #searchForm .sel-replaced { font-size: 11px; line-height: 13px; margin-bottom: 5px; width: 151px; border: 1px solid #cdcdcd; padding: 3px 25px 2px 4px; color: #686868; display: block; background: #fff url(../images/sel-rpl-bkg.gif) 164px 2px no-repeat; cursor: pointer; }
  #searchForm .off  { opacity: 0.4; filter:alpha(opacity=40); }

/*----------- DROPDOWN REPLACEMENT ----------*/
#select-drop          { margin-top: 0; background: #fff; position: absolute; display: none; z-index: 1000; padding: 0 2px 4px 0; border: 1px solid #cdcdcd; border-top: none; }
  #select-drop .inner   { padding: 10px 0 10px 5px; overflow: hidden; zoom: 1; }
  #select-drop .col1    { margin-right: 5px; }
  #select-drop h2       { font-weight: bold; font-size: 14px; line-height: 18px; color: #686868; border-bottom: 1px dotted #838384; padding: 0 3px 4px; margin-bottom: 5px; cursor: pointer; }
  #select-drop .col2    { margin-right: 5px; }
  #select-drop .close   { float: right; cursor: pointer; }
  
  #select-drop ul                   { overflow: auto; max-height: 252px; position: relative; }
  #select-drop ul li                { font-size: 12px; font-weight: bold; color: #686868; padding: 2px 2px 4px 6px; }
  #select-drop ul li a              { color: #a4a6ac; }
  #select-drop .col1 li             { cursor: pointer; }
  #select-drop .col1 li.highlight   { background: #e9eaea; color: #1d2123; }
  #select-drop .col1 li.highlight a { color: #1d2123; }
  #select-drop .col1 li.on,
  #select-drop .col1 li:hover       { background: #b1b7b6; color: #1d2123; }
  #select-drop .col1 li.on a,
  #select-drop .col1 li:hover a     { color: #1d2123; }
  
  #select-drop .col2 ul { padding-bottom: 5px; }
  #select-drop .col2 li { *margin-bottom: -5px; }
  #select-drop .col2 input  {  margin: 1px 5px 0 0; }  

/*----------- COLUMNS -----------------------*/
#column-1 { float: left; width: 690px; }
#column-2 { float: right; width: 180px; padding-top: 10px; }

/*----------- HOME --------------------------*/
.home-box-01  { width: 359px; float: left; margin-bottom: 25px; background:url(../images/BKGhomeBox01.gif) no-repeat left bottom; }
  .home-box-01 .text { background:url(../images/BKGhomeBox01-top.gif) no-repeat left top; overflow: hidden; zoom: 1; padding: 21px 18px 0px 21px; }
  .home-box-01 .text h2 { font-size: 22px !important; line-height: 24px !important; }
  .home-box-01 .text .more { float: right; color: #990000; }
  .home-box-01 .last  { padding-bottom: 20px; }
  .home-box-01 dl { clear:right; font-size: 12px; padding: 21px 18px 18px 21px; }
  .home-box-01 dl dt { font-weight:bold; color:#900; padding:10px 0; background:url(../images/BKGdots.gif) repeat-x left bottom; }
  .home-box-01 dl dd { background:url(../images/BKGdots.gif) repeat-x left bottom; }
  .home-box-01 dl dd a { display:block; background:url(../images/icon-arrow-01.gif) no-repeat 9px center; padding:7px 0 7px 19px; font-weight:bold; color: #990000; text-decoration: none; }

.home-box-02  { float: right; width: 274px; background:url(../images/BKGhomeBox02.gif) no-repeat left bottom; padding:0 18px 16px 18px; margin: 2px 0 25px 0; }
  .home-box-02 h2  { background:url(../images/BKGhomeBox02-top.gif) no-repeat left top; padding:19px 18px 0 18px; margin:0 0 13px -18px; width:274px; }
  .home-box-02 h2 span  { display: block; font-weight: normal; font-size: 14px; color: #686868; }
  .home-box-02 .container_box  { margin-bottom: 15px; }
  .home-box-02 .container_box div { display: none; padding: 0 10px; }
  .home-box-02 .container_box div.active  { display: block; }
  .home-box-02 .big_img { display: block; position: relative; margin: 0 -10px 7px; }
  .home-box-02 .big_img img { display: block; }
  .home-box-02 .big_img .patch  { position: absolute; top: 0; left: 0; }
  .home-box-02 h3  { color: #990000; font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 5px; }
  .home-box-02 h3 a { color: #990000; text-decoration: none;  }
  .home-box-02 h3 span { color: #686868; display: block; }
  .home-box-02 p  { font-size: 12px; line-height: 15px; }
  .home-box-02 .thumb_nav  { overflow: hidden; zoom: 1; }
  .home-box-02 .thumb_nav li { float: left; margin: 0 12px 8px 0; }
  .home-box-02 .thumb_nav li img { display: block; width: 70px; height: 45px; border: 2px solid #d4cbaa; cursor: pointer; }
  .home-box-02 .thumb_nav li:hover img,
  .home-box-02 .thumb_nav li.active img  { border-color: #d4cbaa; opacity: 0.45; }

.home-box-03  { border: 1px solid #dedede; padding:17px 0 6px 17px; overflow: hidden; float: left; width: 671px; }
  .home-box-03 li { float: left; width: 155px; height: 160px; margin-right: 10px; }
  .home-box-03 .img { float: left; width: 120px; height: 90px; overflow: hidden; zoom: 1; margin-bottom: 10px; border:1px solid #dedede; }
  .home-box-03 .img img { display: block; width: 120px; }
  .home-box-03 a  { font-size:14px; font-family:"Verdana",sans-serif; color: #990000; text-decoration: none; line-height: 16px; }
  .home-box-03 a span { font-size: 12px; font-weight: bold; display: block; font-family:"Arial",sans-serif; }

.home_links { float: left;  width: 690px; }
  .home_links li { float:left; margin-top:24px; padding:0 7px; line-height:72px; }
  .home_links li a  { display: block; overflow: hidden; zoom: 1; height: 90px; }
  .home_links li img  { display: block; }
  
/*----------- REALESTATES NAVIGATION --------*/
.sub-nav  { position: relative; margin: 15px 0 -30px 0; z-index: 2; border-bottom: 1px solid #ecd5d6; padding-bottom: 15px; }
  .sub-nav li { display:inline; margin-left: 17px; }
  .sub-nav #first { background: none; margin-left: 4px; }
  .sub-nav li a { font-size: 11px; color: #990000; font-weight: bold; text-decoration: none; }
  .sub-nav li a span  { font-weight: normal; }
  .sub-nav li a:hover,
  .sub-nav .active a { color:#000; }
  
/*----------- BREADCRUMBS -------------------*/
.breadcrumbs  { overflow: hidden; zoom: 1; margin-bottom: 10px; }
  .breadcrumbs li { float:left; background:url(../images/icon-arrow.png) right 7px no-repeat; padding-right: 15px; margin-right: 7px; }
  .breadcrumbs li.last  { background: none; }
  .breadcrumbs li a { font-size: 18px; line-height: 20px; color: #22394c; }

/*----------- INNER CONTROLS ----------------*/
.innerControls  { position: absolute; top: 5px; right: 5px; }
  .innerControls li { padding: 0 !important; background: none !important; float: left; }
  .innerControls li a { display: block; text-indent: -9999px; outline: none; height: 32px; width: 32px; background: url(../images/icon-nav.gif) top left no-repeat; }
  .innerControls li.back a { background-position: 0 0; }
  .innerControls li.print a { background-position: -32px 0; }
  .innerControls li.prev a { background-position: -64px 0; }
  .innerControls li.next a { background-position: -96px 0; }
  
  .bottomPos  { top: auto !important; bottom: -10px !important; }
  
/*----------- CONTROL BOX -------------------*/
.controlBox { background: #dfdfe0 url(../images/control-bkg.gif) left top repeat-x; border: 1px solid #e3e8eb; height: 25px; padding: 2px 10px 2px; overflow: hidden; zoom: 1; }
  .controlBox h2 { float: left; color: #686868 !important; font-size: 18px !important; font-family: arial, sans-serif !important; }
  .controlBox .more { float: right; margin-top: 7px; }
  
  .pagination { float: left; padding: 5px 0 0 0; }
  .pagination li  { float: left; }
  .pagination img {  float: left; }
  .pagination a { font-size: 12px; line-height: 14px; color: #22394c; font-weight: bold; padding: 1px 3px; margin: 0 1px; float: left; }
  .pagination a.active,
  .pagination a:hover { color: #fff; background: #990000; text-decoration: none; }
  .pagination .prev a:hover,
  .pagination .next a:hover { background: none; }
  
  
  .controlBox form  { float: right; }
  .controlBox form label { float: left; font-size: 12px; line-height: 14px; font-weight: bold; margin: 5px 5px 0 0; }
  .controlBox form select { float: left; font-size: 12px; line-height: 14px; border:1px solid #cdcdcd; margin: 3px 10px 0 0; }
  .controlBox form button { float: left; width: 54px; line-height: 15px; font-size: 12px; margin: 4px 0px 0 0; padding: 1px 0 8px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor: pointer; color: #fff; font-weight: bold; text-transform: lowercase; }
  
/*----------- TABLES ------------------------*/
.table-type-1 { width: 100%; border-left: 1px solid #e3e8eb; }
  .table-type-1 td  { width: 156px; font-size: 11px; padding: 17px 0 20px 15px; border-right: 1px solid #e3e8eb; border-bottom: 1px solid #e3e8eb; }
  .table-type-1 .imgWrapper { display: block; width: 136px; height: 102px; margin-bottom: 10px; position: relative; }
  .table-type-1 .imgWrapper img { display: block; border: 1px solid #dedede; width: 136px; height: 102px; }
  .table-type-1 .imgWrapper .patch,
  .table-type-1 .imgWrapper .sold { display: block; top: 1px; left: 1px; border: none; position: absolute; width: auto; height: auto; }
  .table-type-1 h3,
  .table-type-1 h3 a  { font-size: 14px; line-height: 16px; float: none; font-weight: normal; text-decoration: none; color: #990000; }
  .table-type-1 .sub  { font-size: 12px; line-height: 14px; font-weight: bold; color: #990000; display: block; padding-bottom: 6px; margin-bottom: 5px; }
  .table-type-1 p { line-height: 18px; width: 156px; float: left; padding-bottom: 10px; position: relative; }
  .table-type-1 p span  { float: left; margin-right: 0px; font-size: 11px !important; }
  .table-type-1 p strong  { font-size: 12px; color: #2c3749; font-weight: normal; display: block; overflow: hidden; zoom: 1; }
  .table-type-1 p strong img { vertical-align: bottom; cursor: pointer; }
  .table-type-1 .more { float: right; padding-right: 10px !important; }
  
  .table-type-1 .info_popup           { position: absolute; display: none; top: 37px; z-index: 200; padding-top: 7px; width: 150px; cursor: pointer; background: url(../images/BKGinfo_box_top_small.gif) top left no-repeat; }
  .table-type-1 .info_popup .wrapper  { width: 150px !important; display: block; padding-bottom: 7px; background: url(../images/BKGinfo_box_bottom_small.gif) bottom left no-repeat; }
  .table-type-1 .wrapper span          { width: 130px !important; display: block; overflow: hidden; padding: 0px 10px; background: url(../images/BKGinfo_box_middle_small.gif) repeat-y; line-height: 12px; }
  
.detail-box .text table { width:100%; border-collapse: collapse; }
  .detail-box .text table th,
  .detail-box .text table td { border-bottom:5px solid #fff; }
  .detail-box .text table th { vertical-align: top; background: #f3f4f4; padding: 5px 10px 5px 5px; }
  .detail-box .text table td { background: #f3f4f4; padding: 5px; }
  
.table-type-2 { width: 893px; margin:0 0 0 1px; padding:0; border:1px solid #dedede; border-collapse:collapse; }
  .table-type-2 tr { padding:0; margin:0; }
  .table-type-2 tr td { padding:0; border-top:1px solid #dedede; }
  .table-type-2 .first td { border-top-width:0px; }
  .table-type-2 .file { padding:27px 10px 26px 0; line-height:1; width:443px; border-right:1px solid #dedede; background:url(../images/document_icon.png) no-repeat 18px 10px; padding-left:72px; font-size:14px; color:#083449; }
  .table-type-2 .file p { width:410px; color:#686868; font-size:12px; line-height:1.5; margin-top:10px; }
  .table-type-2 .download-link { padding-left:28px; }
  .table-type-2 .download-link a { background:url(../images/download_link_hr.png) no-repeat; width:74px; height:22px; float:left; text-indent:-9999px; overflow:hidden; margin-top:3px; margin-right:13px; }
  .table-type-2 .download-link .file-size-type { float:left; width:50px; font-size:11px; color:#686868; line-height:1.2; }


.table-type-3 { width: 688px; padding:0; border:1px solid #dedede; border-collapse:collapse; }
  .table-type-3 tr { padding:0; margin:0; }
  .table-type-3 tr td { padding: 10px; border-top:1px solid #dedede;  border-right:1px solid #dedede; }
  .table-type-3 tr th { padding: 0 10px; border-right:1px solid #dedede; }
  .table-type-3 .media-name-date { font-size:11px; color:#686868; }
  .table-type-3 .media-name-date strong { font-size:11px; font-style:italic; }
  .table-type-3 .media-text th { font-size:12px; color:#2e2e2e; font-weight:bold; }
  .table-type-3 tr.img td { padding-top: 20px; }
  .table-type-3 tr.media-name-date td,
  .table-type-3 tr.media-download td { border-top: none; }
  .table-type-3 tr.media-download td  { padding-bottom: 20px; }
  .table-type-3 .media-download a { float:left; width:74px; height:22px; text-indent:-9999px; background:url(../images/download_link_hr.png) no-repeat; overflow:hidden; margin-top:3px; margin-right:13px; }
  .table-type-3 .media-download div { float:left; color:#686868; font-size:11px; line-height: 13px !important; }

/*----------- LISTS -------------------------*/
.sideList-02  { margin-bottom: 15px; }
  .sideList-02 li a { display: block; margin-bottom: 13px; text-decoration: none; font-size:14px; color: #fff; }
  .sideList-02 .img { display: block; height: 120px; overflow: hidden; zoom: 1; }
  .sideList-02 img  { display: block; }
  .sideList-02 .block { display: block; background: #be0005 url(../images/BKGbanner.gif) no-repeat left top; padding:5px 6px 7px; }
  

.text .list-01  { margin: 0 0 15px 0; }
  .text .list-01 li { padding: 0; background: none; overflow: hidden; zoom: 1; margin-bottom: 3px; border-top: 1px solid #dcdcdd; }
  .text .list-01 span { float: left; margin-right: 5px; font-weight: bold; color: #000; }
  .text .list-01 strong { display: block; overflow: hidden; zoom: 1; font-weight: normal; }
  .text .list-01 .button { padding: 10px 0 0 0; }
  .text .list-01 .button a { float: left; width: 110px; margin-right: 10px; line-height: 15px; padding: 1px 0 8px; text-align: center; cursor: pointer; background: url(../images/bg-button-form-03.png) no-repeat left 0; cursor: pointer; color: #fff; font-weight: bold; text-transform: lowercase; text-decoration: none; }
  
  
.text .list-02  { margin: 0 0 15px 0; border-bottom: 1px solid #dcdcdd; }
  .text .list-02 li { padding: 0; background: none; overflow: hidden; zoom: 1; margin-bottom: 3px; border-top: 1px solid #dcdcdd; }
  .text .list-02 span { float: left; margin-right: 5px; font-weight: bold; color: #000; }
  .text .list-02 strong { display: block; overflow: hidden; zoom: 1; font-weight: normal; }
  
/*----------- SIDE NAVIGATION ---------------*/
.side-nav-box {}
  .side-nav-box h2 { font-size: 12px !important; line-height: 15px !important; color: #fff !important; background: #b50206; padding: 2px 0 3px 14px; margin: 0 !important; font-weight:bold !important; }
  .side-nav-box h2 span { display: block; font-weight: normal; font-size: 10px !important;}
  .side-nav-box ul { border-top: 1px solid #dedede; margin-bottom: 15px; }
  .side-nav-box li  { padding: 2px 14px 4px; border-bottom: 1px solid #dedede; }
  .side-nav-box li a  { color: #990000; font-weight: normal; font-size: 12px; line-height: 14px; text-decoration: none; background: url(../images/icon-arrow-01.gif) left center no-repeat; padding-left: 8px; }
  .side-nav-box li a:hover,
  .side-nav-box li a.active { color: #2e2e2e; }

/*----------- DETAIL ------------------------*/
.detail-box { border: 1px solid #dedede; overflow: hidden; zoom: 1; padding: 30px 0 0 0; position: relative; }  
  .detail-box .left { float: left; width: 242px; padding: 0 25px 0 22px; }
  .detail-box .left div { margin-bottom: 15px; position: relative; }
  .detail-box .left div img { display: block; border: 1px solid #dedede; width: 240px; height: 180px; }
  .detail-box .left div .patch,
  .detail-box .left div .sold { position: absolute; top: 1px; left: 1px; border: none; width: auto; height: auto; }
  .detail-box .left dl  { background: #efefef; padding: 0 0 19px 10px; overflow: hidden; zoom: 1; margin-bottom: 15px; }
  .detail-box .left dt  { font-size: 12px; color: #686868; font-weight: bold; padding: 12px 0 10px 2px; }
  .detail-box .left dd  { float: left; margin: 0 4px 5px 0; }
  .detail-box .left dd img  { display: block; width: 71px; height: 51px; }
  
  .detail-box .left .files dd { float: none; margin: 0 10px 5px 0; border-bottom: 1px solid #fff; }
  .detail-box .left .files a  { display: block; overflow: hidden; zoom: 1; padding: 0 0 0 30px; background: url(../images/ICONfile.gif) top left no-repeat; font-size: 11px; color: #686868; text-decoration: none; cursor: pointer; }
  .detail-box .left .files .video a { background: url(../images/ICONvideo.gif) top left no-repeat; }
  .detail-box .left .files .pdf a { background: url(../images/ICONpdf.gif) top left no-repeat; }
  .detail-box .left .files .doc a { background: url(../images/ICONfile.gif) top left no-repeat; }
  .detail-box .left .files .zip a { background: url(../images/ICONzip.gif) top left no-repeat; }
  .detail-box .left .files span { float: right; padding: 12px 0 12px 5px; width: 50px; text-align: right; }
  .detail-box .left .files span.title { float: left; font-weight: bold; font-size: 12px; width: 125px; text-align: left; }
  
  .detail-box .text { overflow: hidden; zoom: 1; padding: 0px 20px 50px 0; }

/*----------- GOOGLE MAP ----------------------*/
.mapBoxWrapper    { height: 205px; position: relative; margin-bottom: 15px; }

.mapBox           { width:218px; height: 163px; zoom: 1; background: #efefef; border:1px solid #eeeeee; padding: 9px 10px 31px 10px; margin-bottom:10px; position: absolute; top: 0; left: 0; }
.mapBox #gMap     { clear:left; border:1px solid #e0e0e0; width: 100%; height: 100%; overflow: hidden; zoom: 1; }
.mapBox #gMap a   { display: none; }
.mapBox .title    { float: left; margin-bottom: 6px; font-size: 12px; font-weight: bold; color: #686868; }
.mapBox a.button  { float: right; cursor: pointer; background: url(../images/ICONplus.gif) top right no-repeat; padding-right: 17px; font-size: 11px; color: #8b0304; }
.mapBox a.close   { background: url(../images/ICONminus.gif) top right no-repeat; }

#google-map { float: right; width: 438px; height: 350px; margin: 0 0 30px 20px; border: 1px solid #e0e0e0; padding: 1px; background: #fff; }
.text #google-map div  { line-height: 14px; }

/*----------- QUERY FORM ----------------------*/
#query-form { overflow: hidden; zoom: 1; margin-bottom: 15px;  }
  #query-form fieldset { overflow: hidden; zoom: 1; margin-bottom: 25px; }
  #query-form em { color: red; }
  #query-form ul  { overflow: hidden; zoom: 1; }
  #query-form li  { float: left; width: 210px; margin: 0 0 10px 0; position: relative; padding: 0; background: none; }
  #query-form li label  { display: block; line-height: 16px; }
  #query-form li .txt { display: block; width: 189px; border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; }
  #query-form li div  { float: left; }
  #query-form li div .txt,
  #query-form li .txt-01  { width: 130px; float: left; margin-right: 10px; }
  #query-form li div.small .txt { width: 29px; margin-right: 0px; }
  #query-form li select { display: block; width: 195px; padding: 1px; border: 1px solid #ccc; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; }
  #query-form li .sel-01  { width: 49px; }
  #query-form li em.note  { color: #999; font-size: 10px; line-height: 13px; display: block; }
  #query-form .textarea { clear: left; width: auto; }
  #query-form .textarea textarea  { width: 400px; height: 150px; border: 1px solid #ccc; padding: 1px 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; overflow: auto;  }
  #query-form .info-popup { display: none; }
  #query-form .captcha  { margin-bottom: 10px; }
  #query-form .captcha label  { display: block; }
  #query-form .captcha .txt  { display: block; width: 189px; border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; margin-bottom: 5px; }
  #query-form .captcha img  { display: block; }
  #query-form .submit-form  { padding-right: 25px; }
  #query-form .submit-form p  { float: left; width: 500px; }
 
  #query-form .submit-form button { float: right; width: 54px; line-height: 15px; margin: 4px 35px 0 0; padding: 1px 0 8px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; }
  
  #query-form  .error { background: #fcc0c0; }

  .icon-info  { position: absolute; cursor: pointer; top: -6px; right: 15px; display: block; }
  
  .info-popup                 { display: none; }
  .info-popup-wrapper         { display: none; position: absolute; width: 150px; z-index: 1000; padding-bottom: 9px; background: url(../images/BKGinfo_box_bottom_small.gif) bottom left no-repeat; font-size: 11px; line-height: 14px; color: #2c3749; }
  .info-popup-wrapper .bkg-1  { background: url(../images/BKGinfo_box_top_small.gif) top left no-repeat; padding-top: 9px; width: 150px; }
  .info-popup-wrapper .bkg-2  { background: url(../images/BKGinfo_box_middle_small.gif) top left repeat-y; padding: 0 7px; width: 136px; }
  .info-popup-wrapper span    { display: block; font-weight: bold; }

/*----------- QUERY POPUP ---------------------*/
#queryPopup { position:absolute; display:none; top:0; left:0; padding-top:8px; background:url(../images/queryPopupBkgTop.gif) no-repeat top left; z-index: 50; }
  #queryPopup .inner  { padding-bottom:8px; background:url(../images/queryPopupBkgBottom.gif) no-repeat bottom left; }
  #queryPopup form  { width:470px; background:url(../images/queryPopupBkgMiddle.gif) repeat-y top left; padding:15px; }
  #queryPopup fieldset  { border: none; }
  #queryPopup .title  { font-size: 16px; font-weight: bold; line-height: 18px; color: #686868; font-family: arial, sans-serif; }
  #queryPopup blockquote  { margin: 10px 0 5px 0; padding: 7px 0; overflow: hidden; zoom: 1; border-bottom: 2px solid #c6cad2; border-top: 2px solid #c6cad2; }
  #queryPopup blockquote img  { display: block; float: left; margin-right: 17px; }
  #queryPopup blockquote .text  { float: left; }
  #queryPopup blockquote h2 { font-size: 18px; font-weight: normal; line-height: 24px; color: #990000; font-family: Verdana, Arial, sans-serif; }
  #queryPopup .note { display: block; padding: 10px 0 15px 0; font-size: 12px; }
  #queryPopup fieldset.left { float: left; width: 221px; }
  #queryPopup label { display: block; float: none; margin: 10px 0 3px 0; font-size: 11px; }
  #queryPopup label.small { display: inline; float: none; margin: 0 15px 0 6px; }
  #queryPopup .radio  { margin-bottom: -3px; }
  #queryPopup .txt,
  #queryPopup textarea  { width: 194px; border: 1px solid #cdcdcd; padding: 2px; overflow: auto; font-size: 11px; line-height: 12px; color: #686868; font-family: Arial, sans-serif; }
  #queryPopup textarea  { width: 210px; height: 141px; margin-bottom: 28px; overflow: auto; }
  #queryPopup .error  { background: #fcc0c0; }
  #queryPopup button  { float: right; width: 87px; margin: 4px 35px 0 0; font-size: 12px; padding: 1px 0 8px; line-height: 15px; background: url(../images/bg-button-form-02.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; }

/*----------- VIDEO POPUP ---------------------*/
#video-popup-overlay  { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; cursor: pointer; }
#video-popup          { position: absolute; top: 0; left: 0; z-index: 1001; background: #fff; padding: 10px 10px 40px 10px; width: 480px; height: 384px; display: none; }
#video-popup .close   { position: absolute; bottom: 9px; right: 10px; cursor: pointer; }

/************************* FOOTER *************************************/
#footer_wrapper { background: #f2f2f2; border-top: 1px solid #cdcdcd; min-width: 895px; clear: both; }
#footer			{ overflow: hidden; padding: 0; width: 895px; margin: 0px auto; background: #f2f2f2; }
#footer * { font-size:11px; line-height: 14px; color:#999 !important; }
#footer div		{ width:242px; margin:18px 55px 0 0; padding:2px 55px 2px 0; float:left; border-right:1px solid #fff; }
#footer #footer-contact		{ height:120px; }
#footer div	h2	{ font-size:11px; font-family:"Arial",sans-serif; }
#footer div a		{ color:#999; text-decoration:underline; }
#footer div a:hover		{ text-decoration:none; }
#footer div .alt-01	{ float:left; margin-top:16px; }
#footer div	h2	{ font-weight:bold; margin:0 0 20px; }
#footer #branding-partners { margin:18px 0 0 -55px; padding:0; width:auto; border-right:0; overflow:hidden; }
#footer #branding-partners a { border-right:1px solid #fff; float:left; height:80px; padding:30px 32px 0; height:94px; }
#footer #branding-partners .last { border-right:0; padding:30px 0 0 32px; }
#footer #siteinfo	{ margin:13px 0 0; padding:24px 0 20px; width:100%; float:left; border-right:0; border-top:1px solid #fff; }
#footer #siteinfo #siteinfo-legal	{ float:right; }
#footer #siteinfo #siteinfo-credits	{ float:left; color:#000 !important; text-decoration:none; }
#footer #siteinfo #siteinfo-credits:hover, #footer #siteinfo #siteinfo-credits span	{ color:#f00 !important; }

/*----------- LIGHTBOX ------------------------*/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }