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

Project:          Boriva
Primary Use:      Screen
Version:          1.0
Date:             25.11.2009.
Last Change:      21.01.2010.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/*----------- GENERAL -----------------------*/
body  { background: #000 url(../images/body-bkg.jpg) top center repeat-x; font-family: Arial, sans-serif; }
#container  { width: 960px; margin: 0px auto; overflow: hidden; zoom: 1; padding-top: 28px; background: url(../images/town-bkg.gif) right 42px no-repeat; }
.home { background: url(../images/town-bkg-home.gif) right 15px no-repeat !important; }

h1.noShow { display: none; }
.top-wrapper  { overflow: hidden; zoom: 1; margin-bottom: 11px; }
.wrapper  { background: #fff; margin: 0 15px 20px 0; padding: 0 0 15px 15px; overflow: hidden; zoom: 1; }

img.sold { display: block; position: absolute; z-index: 1; top: 0; left: 0; -ms-interpolation-mode: bicubic; }

.empty-note { font-size: 10px; color: #000; line-height: 10px; }

/*----------- HEADER ------------------------*/
#top-nav  { padding: 0 20px 10px 13px; overflow: hidden; zoom: 1; }
  .lang { float: right; }
  .lang li  { float: left; padding-left: 4px; }
  .lang a { display: block; background: #fff; padding: 2px 3px; color: #818181; font-size: 10px; text-decoration: none; }
  
  .top-nav  { float: left; padding-top: 25px; }
  .top-nav li  { float: left; }
  .top-nav li,
  .top-nav a  { font-size: 11px; font-weight: bold; color: #ccc; text-decoration: none; text-transform: uppercase; }
  .top-nav a  { margin: 0 5px; }
  .top-nav .active a,
  .top-nav a:hover  { color: #fff; }

#header { width: 579px; float: left; margin-bottom: 18px; }
  #header p { height: 202px; padding: 137px 230px 0 19px; font-size: 10px; line-height: 14px; color: #fff; }
  
  .hr #header p { background: url(../images/header-home-bkg-hr.jpg) no-repeat; }
  .en #header p { background: url(../images/header-home-bkg-en.jpg) no-repeat; }

/*----------- SEARCH FORM &  MAIN NAV -------*/
#searchForm { width: 261px; float: right; margin: 0px 15px 0 0; position: relative; color: #666066; font-size: 10px; }
  #searchForm div { background: #fff; overflow: hidden; zoom: 1; padding-bottom:5px; }
  #searchForm .top { padding:4px 18px 3px 8px;  margin-bottom: 2px; }
  #searchForm h2  { float: left; font-size: 12px; color: #8b008d; font-weight: normal; text-transform: uppercase; line-height: 21px; }
/*#searchForm button  { width:84px; height: 21px; line-height: 21px; float: right; background:url(../images/button-01.gif) 0 0 no-repeat; text-transform: uppercase; text-align: center; padding-left: 16px; font-size: 10px; color: #fff; cursor: pointer; }
*/#searchForm button  { width:84px; height:21px; line-height:21px; background:url('../images/button-01.gif') 0 0 no-repeat; text-transform: uppercase; text-align: center; padding-left: 16px; font-size: 10px; color: #fff; cursor: pointer; margin:1px 0 0 23px; }
  #searchForm fieldset  { float: left; padding:9px 0 0 0; }
  #searchForm select  { display: none; }
  #searchForm li  { overflow:hidden; zoom:1; margin-bottom:6px; vertical-align:top; }
  #searchForm ul label  { float: left; width: 42px; line-height: 17px; margin: 0px; padding: 0; }
  #searchForm ul span  { float: left; padding: 0 3px; line-height: 17px; }
  #searchForm ul input { border: 1px solid #d7d8da; width: 28px; float: left; padding: 1px 2px; }
  
  #searchForm .lbl { float: left; margin-top: 5px; padding:4px 7px 0 1px; }
  #searchForm label  { float: left; margin-top: 5px; padding-left: 8px; }
  #searchForm .lbl input { display: none; }
  #searchForm .checkRpl { width: 16px; height: 17px; background: url(../images/check-replacement.gif); float: left; margin: -5px 5px 0 0; position: relative; cursor: pointer; }
  #searchForm .active { background-position: left -17px; }
  
  .home #searchForm { margin: -33px 15px 0 16px; float: left; }
  
.main-nav { float: left; width: 276px; position: relative; background: url(../images/main-nav-bkg.gif) top left repeat-y; }
  .main-nav li  { float: left; margin-right: 6px; width: 132px; zoom: 1; }
  .main-nav li a  { font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; padding: 5px 7px; display: block; background: #333; zoom: 1; }
  
  .main-nav ul li { float: none; margin: 0; width: auto; zoom: 1; }
  .main-nav ul li.bkg { background: url(../images/main-nav-bkg-2.gif); }
  .main-nav ul li a { font-size: 10px; zoom: 1; text-transform: lowercase; font-weight: normal; padding: 0px 5px 1px 21px; line-height: 16px; background: url('../images/main-nav-bkg-icon.gif') 4px 2px no-repeat; }
  .main-nav ul li.bkg a { background: url(../images/main-nav-bkg-icon-2.gif) 4px 1px no-repeat; }
  
  .home .main-nav { margin-top: -15px; }

/*----------- SELECT REPLACEMENT ------------*/
#searchForm .sel-replaced { display: block; background: url(../images/sel-replaced-bkg.gif) top right no-repeat; border: 1px solid #d7d8da; padding: 3px 15px 2px 5px; width: 79px; margin: 0 7px 6px 6px; cursor: pointer; }
  #searchForm .off  { opacity: 0.4; *background: #ccc url(../images/sel-replaced-bkg.gif) top right no-repeat; }
  
#select-drop          { margin-top: 0; background: #fff; position: absolute; display: none; z-index: 1000; padding: 0 2px 4px 0; border: 1px solid #d7d8da; }
  #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: #000; 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 { width: 369px; float: left; }
#column-1 .head-banner  { width: 369px; height: 340px; margin-bottom: 25px; float: left; text-indent: -9999px; }

.hr #column-1 .head-banner  { background: url(../images/head-banner-bkg-hr.jpg); }
.en #column-1 .head-banner  { background: url(../images/head-banner-bkg-en.jpg); }

#column-2 { float: right; width: 570px; padding-top: 54px; }

.home #column-1 { width: 546px; padding: 0 17px 0 16px; }
.home #column-2 { width: 367px; padding-top: 0; }
.home #column-2 h2  { margin: 10px 0; font-size: 11px; line-height: 14px; font-weight: bold; color: #fff; text-transform: uppercase; }

/*----------- QUERY BANNER ------------------*/
.query-banner { background: #1f1f1f url(../images/query-banner-bkg.gif) top left repeat-x; float: right; border: 1px solid #666; width: 312px; margin: 0 0 18px 8px; padding: 11px 4px 15px 18px; position: relative;}
	.query-banner a { color:#808080; text-decoration:none; }
	.query-banner a.bf { position:relative; height:12px;padding-left:22px;}
	.query-banner a.bf span.bf1 { position:absolute; left:0px; top: -4px; background: url('../images/bf-01.png') no-repeat;width: 19px;height:20px; }
	.query-banner a.bf span.bf2 { position:absolute; left:0px; top: -4px; background: url('../images/bf-02.png') no-repeat;width: 15px;height:16px; }
	
	.query-banner a:hover { color:#999; }
  .query-banner .img  { position: absolute; top: -10px; left: -8px; display: block; width: 23px; height: 22px; -ms-interpolation-mode: bicubic; background: url(../images/query-banner-graphics.gif); text-indent: -9999px; }
  .query-banner h2  { font-size: 12px !important; line-height: 14px; font-weight: bold; margin: 0 0 5px 0 !important; color: #ccc !important; text-transform: uppercase; }
  .query-banner div { color: #fff; font-size: 10px; line-height: 12px; margin-right: 110px; }
  .query-banner.zaba div p { padding-bottom:10px; }
  .query-banner .send { width: 86px; height: 15px; padding: 16px 0 0 5px; position: absolute; bottom: 13px; right: 4px; background: url(../images/button-02.gif); font-size: 10px; color: #ccc; text-decoration: none; }
	
	.query-banner.zaba { padding: 11px 4px 5px 18px; }
	.query-banner.zaba img { margin-bottom:5px; }
	.query-banner.zaba a { color: #e6bad5; }
	.query-banner.zaba a:hover { color:#d8d8d8; }
	.query-banner.zaba div { margin-right: 0; width:310px;}
	.en .query-banner.zaba { display:none; }

.home .query-banner { float: none; }

/*----------- CONTACT BANNER ------------------*/
.contact-banner { color: #fff; font-size: 10px; line-height: 12px; margin: 0 0 18px 8px; width: 210px; padding-left: 60px; float: right; }
  .contact-banner h2 { color: #b10074 !important; font-size: 12px !important; margin: 0 0 0 -60px !important; line-height: 14px; font-weight: bold; text-transform: uppercase; }

  .home .contact-banner { float: none; }

/*----------- LISTS -------------------------*/
.list-01  { width: 261px; float: right; margin-bottom: 16px; }
  .list-01 li { overflow: hidden; zoom: 1; font-size: 10px; color: #fff; padding-bottom: 18px; line-height: 12px; }
  .list-01 li .img  { float: left; margin-right: 15px; }
  .list-01 li .img img  { display: block; }
  .list-01 li h2,
  .list-01 li h2 a  { font-size: 12px; line-height: 14px; color: #b10074; font-weight: bold; text-decoration: none; }
  .list-01 li h2  { margin: 2px 0 10px 0; }
  .list-01 li p { margin-bottom: 8px; }
  .list-01 li .more { float: right; text-indent: -9999px; background: url(../images/arrow-01.gif); width: 5px; height: 9px; line-height: 9px; margin-right: 13px; overflow: hidden; zoom: 1; }

  .home .list-01  { float: left; margin-bottom: 0; }

.list-02  { width: 262px; float: right; margin-bottom: 34px; }
  .list-02 h2 { font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff; }
  .list-02 ul { width: 280px; margin-right: -18px; }
  .list-02 li { height: 203px; overflow: hidden; zoom: 1; padding: 18px 0 10px 0; border-bottom: 1px solid #fff; font-size: 10px; color: #fff; line-height: 12px; float: left; width: 122px; margin-right: 18px; position: relative; }
  .list-02 li .sold { top: 18px; }
  .list-02 li p { overflow: hidden; zoom: 1; height: 50px; }
  .list-02 li .img  { display: block; margin-bottom: 8px; width: 122px; }
  .list-02 li .img img  { display: block; width: 122px; -ms-interpolation-mode: bicubic; }
  .list-02 li h3  { margin-bottom: 3px; font-weight: normal; }
  .list-02 li h3 a  { color: #fff; text-transform: uppercase; text-decoration: none; }
  
  .home .list-02  { width: 270px; margin-bottom: 0; }
  .home .list-02 div  { height: 319px; }
  .home .list-02 ul { width: auto; margin-right: 0; }
  .home .list-02 h2 { width: 236px; }
  .home .list-02 li { width: 236px; height: auto; float: none; margin-right: 0; }
  .home .list-02 li p { height: auto; }
  
.list-03  { margin-bottom: 15px; padding-top: 5px; list-style: none; }
  .text .list-03  { list-style: none; margin-left: 0; }
  .list-03 li { margin-bottom: 5px; }
  .list-03 a { font-size: 12px; color: #000; line-height: 14px; text-decoration: none; padding-left: 10px; background: url(../images/arrow-03.gif) left 2px no-repeat; }
  
.list-04  { float: left; width: 120px; padding-left: 10px; }
  .list-04 li { background: #eceeed; padding: 2px 4px; text-align: right; margin-bottom: 5px; }
  .list-04 li.marg  { margin-bottom: 25px; }
  .list-04 a  { font-size: 12px; line-height: 14px; color: #b10074; text-decoration: none; }
  .list-04 a.active { color: #000; }

/*----------- PAGINATION ----------------------*/
.pagination { float: right; padding: 7px 12px 0 0; }
  .pagination li { float: left; }
  .pagination a { float: left; font-size: 12px; color: #000; margin: 0 4px; }
  .pagination .button a { color: #b10074; }
  .pagination a.active  { font-weight: bold; }

/*----------- TABLES --------------------------*/
.table-01 {}
    .table-01 td  { background: #fff; width: 166px; border-right: 12px solid #000; border-bottom: 12px solid #000; }
    .table-01 div { padding: 8px; color: #666; font-size: 10px; line-height: 12px; }
    .table-01 h3  { font-size: 12px; line-height: 14px; font-weight: bold; color: #990099; }
    .table-01 h3 a  { color: #990099; text-decoration: none; background: url(../images/arrow-01.gif) right 4px no-repeat; display: block; }
    .table-01 h3 span { font-size: 10px; font-weight: normal; color: #666; }  

    .home .table-01 { margin-bottom: 4px; }

.table-02 { width: 100%; clear: both; position: relative; z-index: 1; }
  .table-02 th    { padding: 0 0 16px 10px; }
  .table-02 th h2 { background: #eee url(../images/table-02-h2-bkg.gif) bottom left repeat-x; padding: 5px 10px 4px 10px; width: 230px;  }
  .table-02 th h2 a  { font-size: 12px; color: #000; line-height: 14px; text-decoration: none; }
  
  .table-02 td  { width: 125px; padding: 0 8px 15px 0; }
  .table-02 .imgWrapper { width: 120px; height: 90px; display: block; margin-bottom: 5px; position: relative; }
  .table-02 .imgWrapper img { width: 120px; height: 90px; display: block; -ms-interpolation-mode: bicubic; }
  .table-02 h3  { line-height: 14px; }
  .table-02 h3 a,
  .table-02 .sub  { font-size: 12px; font-weight: bold; color: #000; line-height: 14px; text-decoration: none; }
  .table-02 .sub  { display: block; margin-bottom: 7px; }
  .table-02 p { font-size: 10px; color: #000; line-height: 12px; }
  .table-02 p .bkg  { font-weight: bold; color: #990099; font-size: 11px; }

.table-03 { width: 100%; }
  .table-03 th  { color: #b10074; }
  .table-03 th,
  .table-03 td  { background: #eee; border-bottom: 8px solid #fff; padding: 2px 4px; }
  .table-03 .bkg th,
  .table-03 .bkg td { background: #ccc; }
  
.table-04 { width: 100%; }
  .table-04 th  { color: #b10074; }
  .table-04 th,
  .table-04 td  { background: #eee; padding: 4px 4px; }


/*----------- DETAIL ------------------------*/
.breadcrumbs,
.breadcrumbsSmall  { background: #eee url(../images/table-02-h2-bkg.gif) bottom left repeat-x; display: block; margin: 0 20px 25px 10px; padding: 5px 10px 4px 10px; font-size: 12px; color: #000; line-height: 14px; text-decoration: none; }
.breadcrumbsSmall  { width: 230px;  }
.text .breadcrumbs h1,
.text .breadcrumbsSmall h1  { font-weight: normal; margin-bottom: 0; }

.col-right { float: right; width: 234px; padding-right: 25px; position: relative; z-index: 2; }
  .col-right .info { list-style: none; margin: 0 0 20px 0; list-style: none; }
  .col-right .info li { margin-bottom: 3px; }
  .col-right .info span { color: #b10074; font-weight: bold; }
  .col-right .info .button  { padding: 10px 0 2px 0; }
  .col-right .info .button a { color: #b10074;  font-weight: bold; font-size: 12px; display: block; }
  .col-right .info em { font-style: normal; }
  .col-right .box { border: 1px solid #ccc; padding: 10px 15px; margin-bottom: 15px; }

.col-left { float: left; width: 255px; padding-left: 10px; position: relative; }
  .col-left h1  { font-size: 14px; font-weight: bold; color: #000; line-height: 16px; margin-bottom: 13px; }
  .col-left div { margin-bottom: 10px; position: relative; }
  .col-left div img { display: block; height: 180px; width: 240px; }
  .col-left div img.sold  { width: auto; height: auto; }
  
  .col-left dl  { overflow: hidden; *zoom: 1; margin-bottom: 10px; }
  .col-left dl dt { display: none; }
  .col-left dl dd  { float: left; margin: 0 14px 13px 0; }
  .col-left dl img  { display: block; height: 51px; width: 71px; }
  
  .col-left dl.files  { margin: 0; }
  .col-left dl.files dd { float: none; margin: 0 0 4px 0; font-size: 10px; line-height: 12px; color: #000; text-decoration: none; padding: 4px 0 3px 20px; background: url(../images/file-icon.gif) left 2px no-repeat; }
  .col-left dl.files .video { background-image: url(../images/video-icon.gif); }
  .col-left dl.files .pdf { background-image: url(../images/pdf-icon.gif); }
  .col-left dl.files .doc { background-image: url(../images/doc-icon.gif); } 
  .col-left dl.files dd a { color: #b10074; margin-right: 10px; text-decoration: underline; cursor: pointer; }
  .col-left dl.files dd a:hover { color: #000; }
  

.flashEl  { width: 510px; margin: 0 0 15px 10px; }
#myFlashContent { margin: 0 0 15px 10px; display: block; }

.rpl-box  { position: relative; z-index: 3; padding: 0 20px 0 15px; }
.rpl-box div  { float: right; position: relative; }

.js h2.rpl-drop { margin: 0 0 3px 0; padding: 1px 2px; cursor: pointer; background: #dedede url(../images/sel-replaced-bkg-2.gif) top right no-repeat; width: 166px; }
.js ul.rpl-drop {  background: #eee url(../images/table-02-h2-bkg.gif) bottom left repeat-x; padding: 5px 10px; width: 150px; display: none; position: absolute; z-index: 2; }


.project-intro  { height: 390px; width: 510px; position: relative; margin: 0 0 50px 10px; }
.project-intro h1 { position: absolute; top: 15px; right: 30px; z-index: 1; font-size: 12px; color: #000; font-weight: normal; line-height: 14px; }
.project-intro div  { position: absolute; top: 130px; left: 170px; z-index: 1; }
.project-intro div span { display: block; background: url(../images/intro-project-icon-01.gif) top left no-repeat; padding: 5px 0 0 15px;  font-size: 12px; color: #000; font-weight: normal; line-height: 14px; }
.project-intro div .list-03 { padding-left: 30px; }
.project-intro div .list-03 a { background-image: url(../images/arrow-01.gif); text-decoration: underline; }
.project-intro .bkg { position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0.4; filter: alpha(opacity=40); display: block; }

.broj-pregleda { font-size:10px; padding:0 0 10px; text-align:right; }
  
.col-right.text .single-detail h3 { color:#000; font:bold 14px/16px arial; margin-bottom:3px; }
.col-right.text .single-detail ul { border:none; width:100%; margin:0; padding:0 0 10px 0; color:#2c3749; list-style:none; }
.col-right.text .single-detail ul li{ border:none; color:#2c3749; background:#eceef0; line-height:16px; margin-bottom:6px; padding:2px 0 1px 8px; color:#b10074; }
.col-right.text .single-detail ul li div.a { /*width:182px;*/ float:left; padding:0 4px 0px 0px; color:#b10074; }
.col-right.text .single-detail ul li div.b { /*width:172px;*/ float:left; padding:0 4px 0px 0px; color:#000; }
.cb { clear:both; height:0px; }

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

.mapBox           { width:220px; height: 163px; zoom: 1; background: #fff; border:1px solid #ccc; padding: 5px 11px 25px 9px; margin:6px 0 10px; position: absolute; z-index: 4; 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 a.button  { float: right; cursor: pointer; background: url(../images/ICONplus.gif) top right no-repeat; padding-bottom: 5px; font-size: 10px; color: #b10074; }


/*----------- QUERY FORM --------------------*/
.query-form { background: #666; }

#query-form { padding: 0 30px 0 10px; color: #fff; }
  #query-form fieldset  { float: left; width: 251px;  }
  #query-form fieldset img  { display: block; margin-bottom: 18px; }
  #query-form fieldset div  { padding-left: 70px; }
  
  #query-form ul  { width: 225px; float: right; margin: 0; list-style: none; font-size: 10px; line-height: 12px; }
  #query-form li  { margin-bottom: 7px; }
  #query-form label { display: none; }
  #query-form ul .txt { color: #000; border: 1px solid #ccc; background: #eee; font-size: 10px; padding: 3px 7px; width: 209px; }
  #query-form ul textarea { color: #000; border: 1px solid #ccc; background: #eee; font-size: 10px; font-family: arial, sans-serif; padding: 3px 7px; width: 209px; height: 137px; overflow: auto; }
  #query-form ul .file  { width: 100%; overflow: hidden; zoom: 1; margin-bottom: 6px; }
  #query-form ul select { width: 225px;  padding: 4px 7px; background: #eee; font-size: 10px; color: #000; border: 1px solid #ccc; text-transform: uppercase; }
  #query-form .captcha label { display: block; font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 3px;  }
  #query-form .captcha .txt { display: block; margin-bottom: 5px; }
  #query-form ul .error { background: #8b008d; color: #fff; border: 2px solid red; padding: 2px 6px; }
  
  #query-form ul .file label { display: block !important; float: left; width: 42px; line-height: 21px; padding-left: 8px; text-transform: uppercase; }
  #query-form ul .file-clone  { color: #000; border: 1px solid #ccc; background: #eee; font-size: 10px; padding: 3px 7px; width: 96px; float: left; }
  #query-form ul .file-button  { background: url(../images/button-04.gif); text-align: right; position: relative; float: right; width: 55px; height: 21px; overflow: hidden; zoom: 1; }
  
  #query-form ul .file-button input { float: right; height: 21px; position: absolute; right: 0; }
  
  #query-form .sel-replaced { display: block; color: #000; line-height: 13px; text-transform: uppercase; background: #eee url(../images/sel-replaced-bkg-2.gif) top right no-repeat; border: 1px solid #ccc; padding: 3px 7px; width: 209px; cursor: pointer; }
  
  #query-form button  { background:#ae0072 url(../images/button-bkg-03.gif) bottom left repeat-x; border: 1px solid #ccc; width: 60px; height: 19px; text-transform: uppercase; font-size: 10px; line-height: 19px; color: #fff; float: right; cursor: pointer; }

/*----------- CONTROL BUTTONS ---------------*/
.control-buttons  { overflow: hidden; *zoom: 1; padding: 0 0 20px 0; position: relative; z-index: 1; }
  .control-buttons a  { font-size: 10px; color: #000; line-height: 12px; text-decoration: none; }
  .control-buttons ul { position: absolute; z-index: 1; bottom: 0; right: 0;  margin: 0 !important; list-style: none !important; text-align: right; }
  .control-buttons li { display: inline; }
  .control-buttons li.prev a  { padding: 0 5px 0 10px; background: url(../images/arrow-02.gif) left 2px no-repeat; }
  .control-buttons li.next a  { padding: 0 10px 0 5px; background: url(../images/arrow-03.gif) right 2px no-repeat; }
  .control-buttons .print { margin: 20px 5px 15px 0; float: left; background: url(../images/icon-print.gif) 5px center no-repeat; padding: 6px 13px 6px 35px; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; }
  .control-buttons .send-query { margin: 20px 0 15px 0; float: left; background: url(../images/icon-query.gif) 5px center no-repeat; padding: 6px 13px 6px 35px; cursor: pointer; border-right: 1px solid #b2b2b2; }

/*----------- TEXT --------------------------*/
.text { font-size: 12px; color: #000; line-height: 14px; }
  .text h1  { font-size: 14px; font-weight: bold; color: #000; line-height: 16px; margin-bottom: 13px; }
  .text h2  { font-size: 14px; font-weight: bold; color: #000; line-height: 16px; margin-bottom: 3px; }
  .text h3  { font-size: 12px; color: #b10074; line-height: 14px; }
  .text p  { margin-bottom: 18px; }
  .text a { color: #000; }
  .text ul  { list-style: disc; margin: 0 0 18px 25px; }
  
  .standalone { padding: 0 15px 0 0px; width: 360px; float: right; }
  .standalone .male,
  .standalone .female { margin-left: -20px; padding: 2px 0 2px 20px; font-size: 12px; display: block; }
  .standalone .male { background: url(../images/icon-m.gif) top left no-repeat; }
  .standalone .female { background: url(../images/icon-f.gif) top left no-repeat; }
  
  .offer { padding: 0 30px 0 150px; }
  
  .page-img { padding: 0 0 30px 10px; font-size: 18px; text-transform: uppercase; }
  .page-img img { margin-right: 20px; vertical-align: bottom; }
  
  .img-container  { overflow: hidden; zoom: 1; margin-bottom: 8px; }
  .img-container img  { float: left; margin-bottom: 5px; }
  .img-container .big { margin: 0 6px 0 0; }
  
/*----------- FOOTER ------------------------*/
#footer { background: url(../images/footer-bkg.jpg) bottom center repeat-x; height: 114px; }
#footer div { width: 960px; margin: 0px auto; font-size: 10px; color: #fff; text-align: right; padding: 35px 20px 0 0; position:relative; }
#footer .copyright { float:right; }
#footer .sign { float:left; text-align:left; padding:0; width:auto; }
#footer .sign a { color:#fff; }
#footer .share { height: 16px; position: absolute; right: 180px; top: -3px; width: 110px; }
#footer .fb-button { background: url("../images/button_fb.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF; cursor: pointer; display: block; font: normal 10px/14px arial,sans-serif; height: 16px; padding-left: 7px; text-align: left; text-decoration: none; width: 103px; }

/*----------- 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: 18px; font-weight: normal; line-height: 22px; color: #b10074; 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: 20px; font-weight: normal; line-height: 24px; color: #b10074; 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; margin: 0 30px 0 -15px;  color: #fff; font-weight: bold; height: 21px; cursor: pointer; background: #eee; border: 1px solid #ccc; }
  #queryPopup button span { color: #333; text-transform: uppercase; font-size: 12px; line-height: 21px; }

/*----------- 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; }

/*----------- 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; }

/*----------- SCROLL PANE -------------------*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #3a393c; }
.jScrollPaneDrag { position: absolute; background: #96969a; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url(../images/scrollUp.gif) 1px top no-repeat; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(../images/scrollDown.gif) 1px bottom no-repeat; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }


/*FLOATING BANNER HOME*/
.floating-banner {width:579px; height:339px; z-index:100; position:absolute; top:200px; left:50%; margin-left:-289px;}
.hr .floating-banner {background:url('../images/floating-ng2012-hr.png') 0px 0px no-repeat;}
.en .floating-banner {background:url('../images/floating-ng2012-en.png') 0px 0px no-repeat;}

.floating-banner a {width:15px; height:15px; display:block; background:url('../images/close-popup.gif') 0px 0px no-repeat; position:absolute; top:5px; right:5px; z-index:101;}