* {margin:0px; padding:0px;}
a, input {outline: none; text-decoration: none;}

ul,li{list-style-type: none; zoom: 1;}
h1, h2, h3, h4 {font-weight: normal}
body {background: transparent  url('../../img/0127_metal.JPG') repeat; font-family: Arial, helvetica; font-size:10px}
.clearer {clear:both;}
a img {border:none;}
a:hover {text-decoration:underline;}
h4 a, h3 a {text-decoration: none; color: inherit; }
.ie h4 a, .ie h3 a {color: #ffffff;}
.header, .mainWrap, .footer {width: 998px; margin: 0 auto; position: relative}
.header{padding: 41px 0 0 0; background: transparent  url('../../img/headerbg.jpg') no-repeat 0 0; height:130px; }
.logo {background: transparent  url('../../img/logo.png') no-repeat 0 0; width:185px; height:117px;overflow:hidden;}
.ie6 .logo {background-image:  url('../../img/logo.gif')}
.logo a {padding: 117px 0 0 185px; display:block}
.banner728 {width:728px; height: 90px; position:absolute; top:29px; left:240px; overflow:hidden; /*Privremeno*/
background-color: black; color: #C2B0A3; font-family: arial; font-size:9px
/*Privremeno*/
}
.clear {clear: both;}
.breadcrumb {position:absolute; top: 147px; left: 57px;font-family: tahoma; font-size: 10px; color:#ffffff; text-transform: uppercase}
.breadcrumb a{color:#ffffff;}
.breadcrumb a.active{color:#FF4506;}
.topnav {position:absolute; right:0; bottom:0; }
.topnav ul { background: transparent  url('../../img/topnav-L.png') no-repeat 0 0; height:30px; float:right ;padding-left:15px;}
.ie6 .topnav ul {float:right; margin-right:280px; }
.topnav li {list-style-type: none; display: inline; float:left; background:  url('../../img/topnav-bg.png') repeat-x; height:30px; padding:10px 20px 0 0;}
.topnav li a {color:#ECCEC4; text-decoration: none; font-family: tahoma; font-size: 9px; text-transform: uppercase; float :left;}
.ie6 .topnav ul {background-image:  url('../../img/topnav-L.gif')}
.ie6 .topnav li {background-image:  url('../../img/topnav-bg.gif')}
.search {width:280px; height:30px; background: transparent  url('../../img/search-bg.png') no-repeat 0 0; float:right; position:relative}
.ie6 .search {background-image:  url('../../img/search-bg.gif')}
.search input {font-family:Arial,helvetica; font-size:14px;background-color: transparent; border:none; color:#C2B0A3; position: absolute; left: 18px; top:11px; width:175px}
.search a {text-transform: uppercase; color:#C2B0A3; text-decoration:none;cursor:pointer; position: absolute; left:204px; top:7px; padding:4px; }

.mainWrap {margin-top:-5px;}
.main {background:  transparent url('../../img/main-bg.png') repeat-y center center; zoom:1;  }



.cap {width:998px; height:10px; background: transparent url('../../img/main-cap.png') no-repeat 0 0 }
.ie6 .main {background-image:  url('../../img/main-bg.GIF')}
.ie6 .cap {background-image: url('../../img/main-cap.gif')}
.sock{ background: transparent url('../../img/main-sock.png') no-repeat 0 0; height:5px; width:998px; }
.ie6 .sock {height:0px; padding-top:10px; overflow:hidden; background: transparent  url('../../img/main-sock.gif') no-repeat}

.leftPane {width:161px; position:absolute; top:4px; left:4px;}
.navBG {background:  url('../../img/left-bg.png') repeat-x; width:151px;}
.prcmoljak {width:10px; height:10px;float:right}
.nav {width:161px;padding:10px 0 54px 0; }
.nav li {list-style-type:none; }
.nav li a {padding-left:16px;text-decoration:none; color: #ffffff; text-transform:uppercase; display:block; line-height:32px}
.nav  li a:hover, .leftPane ul  li a.active {background: transparent  url('../../img/left-nav-act-bg2.png') no-repeat 0 0 }
.nav  li ul li a { width: 124px; display: block;  background: transparent  url('../../img/child-li-bg.gif') no-repeat 15px 15px; padding-left: 25px; line-height: 17px;}

.nav  li ul li ul {background: none;}
.ie6 .leftPane .nav li a:hover, .ie6 .leftPane ul li a.active {background-image:  url('../../img/left-nav-act-bg2.gif')}
.ie6 .leftPane .navBG {height:296px;}
.ie6 .leftPane .nav {position: absolute; }

.mainTop {left:160px; position:absolute; top:4px; width:529px; height: 192px; background-color: #F9EEE6; font-size:11px; line-height:150%; padding-right: 0px;}
.mainTop p {width:520px; height: 130px;  font-size:11px; line-height:150%; padding-right: 10px;}
.mainTop .slika {float:left;margin-right:15px}
.mainTop .foofle {width: 121px; height:192px; background-color:#ffffff; float:right; zoom:1; margin-left:11px}
.mainTop h3 a, .wide h3 {font-size:11px; font-weight: bold; color: #C03000; text-transform: uppercase; margin-top: 14px; display:block}
.ie .mainTop h3 a, .ie .wide h3 a{color: #C03000!important}
.mainTop h4 a {margin-top: 15px; font-weight: bold; color: #40230E; font-size: 11px; text-transform: uppercase; display:block}

.t_group .card { margin-bottom: 4px; }
.travel_box {  float: left; width:530px; height: 192px; background-color: #F9EEE6; font-size:11px; line-height:150%; padding-right: 0px; margin-bottom: 4px;}
.travel_box p {width:520px;   font-size:11px; line-height:150%; padding-right: 10px;}
.travel_box h3 a { font: bold 12px arial; color: #333; margin-bottom: 5px; }
.travel_box .slika {float:left;margin-right:15px}
.travel_box .foofle {width: 101px; height:167px; background-color:#ffffff; float:right; zoom:1; margin-left:11px; padding: 15px 10px 10px 10px; }
.travel_box .foofle h3{ font: bold 11px arial; color: #371F0F; text-transform: uppercase; margin-bottom: 10px;}
.travel_box .foofle ul li a{ font: bold 11px arial; color: #371F0F; background: url(../../img/child-li-bg.gif) no-repeat 0px 5px; padding-left: 7px;
margin-bottom: 6px; display: block;}
.travel_box h3 a, .wide h3 {font-size:11px; font-weight: bold; color: #C03000; text-transform: uppercase; margin-top: 14px; display:block; margin-bottom: 10px;}
.ie .travel_box h3 a, .ie .wide h3 a{color: #C03000!important}
.travel_box p h4 a {margin-top: 15px; font-weight: bold; color: #40230E; font-size: 11px; text-transform: uppercase; display:block}
.t_small {height: 144px; background: #fff;}
.Player {
/*Privremeno*/
	 /*Privremeno*/
 height:192px; width: 300px; overflow: hidden; position: absolute; right: 4px; top:4px}
 .PlayerBaner {

 overflow: hidden; position: absolute; right: 4px; top:4px
 }

.mainLeft {width: 225px; padding: 186px 0 0 160px; font-size:11px; float: left;}
.mainLeft { *padding-top:191px}
.mainLeft { _padding-top:188px}
.search_results {  float: left; width:500px;  background-color: #F9EEE6; font-size:11px; line-height:150%; padding:0px  15px 15px 15px;  margin-bottom: 4px;}
.search_results p {  font-size:11px; line-height:150%; padding-right: 10px;}
.search_results h3 a{ font-size:11px; font-weight: bold; color: #C03000; text-transform: uppercase; margin-top: 14px; display:block; margin-bottom: 10px;}


.mainLeft .article {height: 116px; background-color:#ffffff; margin-top: 5px; overflow:hidden; line-height: 150%; padding-right:8px;}
.article h3 {width:100px; height:20px; color: #ffffff; background-repeat: repeat-x; text-transform:uppercase;font: bold 11px arial; padding:5px 0 0 11px;margin-right:11px;float:left}
.mainLeft h4 a {font:bold 11px arial; color:#41240F; margin: 13px 0 5px 0; display:block}
.ie .mainLeft h4 a{margin-top:-16px; zoom:1}
.mainLeft .slika {float:left; margin-right: 11px;}

.cat1 {background-image:  url('../../img/cat1.png')}
.cat2 {background-image:  url('../../img/cat2.png')}
.cat3 {background-image:  url('../../img/cat3.png')}
.cat4 {background-image:  url('../../img/cat4.png')}
.cat5 {background-image:  url('../../img/cat5.png')}
.cat6 {background-image:  url('../../img/cat6.png')}

.mainCenter {width:306px; position:absolute; left:390px; top:201px; }
.centralBanner {width:300px; height:237px; background-color:black; overflow:hidden; margin-bottom:1px;}
.upright {height:237px; width:147px; float:left; margin: 4px 6px 5px 0; background: none; position:relative; }
.upright.cat2 .imageBlock div {background-color: #99CC66;}
.upright h4 {font-size:11px; color:#ffffff; font-weight:bold;margin-left: 10px;margin-top:17px}
.upright span {display:block; margin-left:10px; margin-top:11px; width: 125px; font-size:11px;line-height:150%; color: white;opacity: .74; -ms-filter: "alpha(opacity=74)"; filter: alpha(opacity=74);}

.textBlock {left:0; top: 77px; position:absolute; width:147px; height: 146px; padding-top: 14px} 
.textBlock h3 {padding-bottom:9px; padding-left:10px; text-transform: uppercase; color:#ffffff; font-weight:bold; font-size:11px;}
.cat1 .textBlock {background-color: rgba(193,80,104,.55)}
.cat2 .textBlock {background-color: rgba(142,191,78,.55)}

.ie .cat1 .textBlock{
    background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8CC15068,endColorstr=#8CC15068 ); zoom: 1; }
.ie .cat2 .textBlock{
    background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C8EBF4E,endColorstr=#8C8EBF4E ); zoom: 1; }

.wide {background-color:white;width:300px; height:116px; clear:left; margin-bottom: 5px; overflow:hidden;}
.wide h3, .wide h4, .wide span {margin-left:11px}
.wide img {float:right; margin:0}
.wide span {display:block; width:139px; line-height:150%; }
.wide span, .wide h4 a {color:#40230E !important; font-size:11px;}
.wide h3 {margin-top:0px; padding-top: 14px;}
.wide h4 {margin: 7px 0 5px 11px; font-weight: bold;  margin-right: 5px; }

.mainRight {width: 300px;  float: right; margin: 190px 4px 0px 0px;}
.mainRight .article {width:300px; height: 237px; position:relative; overflow:hidden; margin-bottom:5px;}
.mainRight .wrapper {position:absolute;height:100%; width:109px; top:0; left:0; padding:16px 11px 16px 13px;color: #ffffff;}
.cat1 .wrapper {background-color: rgba(255,69,6,.8); }
.cat2 .wrapper {background-color: rgba(89,145,200,.8); }
.cat3 .wrapper {background-color: rgba(103,119,50,.8); }
.ie .cat1 .wrapper {    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFF4506,endColorstr=#CCFF4506);}
.ie .cat2 .wrapper {    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC5991C8,endColorstr=#CC5991C8);}
.ie .cat3 .wrapper {    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC677732,endColorstr=#CC677732);}


.mainRight .wrapper h4 {margin-top:12px; padding-bottom:9px; font-size:12px }
.mainRight .wrapper h3 {padding:0; font-size:11px; float: none;}
.mainRight .wrapper span {width:110px; line-height:150%}


.intermezzo {width:998px; margin: -118px auto 0 auto; display:block; background: transparent url('../../img/intermezzo-bg.jpg') no-repeat 0 0; height: 186px }
.footer {margin-top: -42px; position: relative; }
.footer h3 {background: transparent  url('../../img/marketing-bg.png'); height: 37px; width:978px; margin-left: 4px; padding: 12px 0 0 12px; color: #ffffff; font-size: 11px; text-transform: uppercase}
.footer .wrapper { position: absolute; top: 34px; width:995px; left: 4px; overflow: hidden;}
.footer .article {float: left; margin-right:5px; width:194px; position: relative} 
.footer h4 {background-color: rgba(180,45,0,.80); position: absolute; bottom: 0; left:0}
.ie .footer h4 {
    background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCB42D00,endColorstr=#CCB42D00); zoom: 1; } 
.footer h4 a {display: block; width: 185px; height:31px; padding: 17px 0 0 9px; color: #ffffff; text-decoration:none; font-size:11px}
.kontrole {background: #371F0F  url('../../img/controls-bg.jpg') no-repeat top center; height:50px; width: 990px; position:absolute; top: 155px;left:4px}
.kontrole ul {margin: 0 auto; width:150px; padding:16px;}
.kontrole li {float: left; list-style-type: none; margin-right: 5px; }
.kontrole li img {vertical-align:middle;cursor:pointer;}
.kontrole li.active {background: transparent  url('../../img/active.png') no-repeat 7px 7px; }


.footer .logo {background: transparent  url('../../img/footer-logo') no repeat 0 0; width:243px; height: 56px; margin-right: 5px; float:right; margin-top: 35px;}
.footer .copyright { padding: 30px 0px 20px 0px; float: right; width: 250px;}
.footer .copyright a.powered {
	background: url(../../img/corvus_cms_logo.gif) top left;
	width: 98px;
	height: 62px;
	float: right;
	margin-left: 30px;
	}
.footer .copyright img {
	float: left;
	}	
.footer .copyright a.powered:hover {
	background-position :bottom left;
	}	


/*Novost*/
.child {margin: 10px 0 5px 0;}
.nav .child li a { display: block;  width: 100px; background: transparent url('../../img/child-li-bg.gif') no-repeat 10px 15px;  padding-left:20px;}
.nav .child li a:hover, .nav .child li.active a {color:#FF4506}
.contentPane {width:530px; margin-left:160px; float:left;}

.search_top {width:500px;  float:left; background: rgba(164, 43, 2, 0.81); height: 26px; margin-bottom: 4px; padding: 13px 15px 0px 15px;}
.search_top p {font:12px arial;  color: #fff; float: left;}
.search_top p.right {float: right;}
.search_top p span {font: bold italic 12px arial;  color: #fff;}

.ie6 .contentPane {float: none;}
.ie6 .rightPane {margin: 0; position: absolute; top: 8px; right: 4px; }
.imgWrap {position:relative}
.ie6 .imgWrap {zoom:1}
.contentPane h4 {background-color: rgba(164,43,2,.81); height:31px;  bottom: 0; left:0; width:517px; color:#ffffff; font-size: 17px; font-weight: bold; overflow: hidden; padding: 13px 0 0 13px; }
.ie .contentPane h4  {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CEA42B02,endColorstr=#CEA42B02); zoom: 1; } 
.contentPane .article {background: #F9EEE6; padding: 20px 20px 18px 13px; color: #40230E; font-size:11px; line-height:150%}
.contentPane .article p {margin-bottom: 1em}
.contentPane .article .trailer_box {
	background: url(../../img/trailer_box.gif) no-repeat 0px 15px;
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 4px;
	position: relative;
}
.contentPane .article .trailer_box p.format {
	float: right; 
	font: bold 9px tahoma;
	color: #371F0F;
	margin: 0px 10px 10px 0px;
}
.contentPane .article .trailer_box a.link {
	font: 10px tahoma;
	color: #371F0F;
	padding: 10px 0px 0px 10px;
	text-decoration: none;
	display: block;
}

.contentPane .article .trailer_box div.watch {
	background: url(../../img/watch_btn.png) no-repeat top left;
	width: 102px;
	height: 25px;
	font: bold 11px arial;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
	position :absolute;
	bottom: 29px;
	left: 4px;
	padding: 12px 0px 0px 10px;
}
.contentPane .article .trailer_box div.watch:hover {
	background-position: bottom left;
}

.article  ul.paging
    {
        margin-top:10px;
    }
   .article ul.paging li a
    {
        border:1px solid #40230E;
        cursor:pointer;
    }

.SendToFriend
{
    margin-top:10px; 
    height:200px; 
    width:100%;
   
}
.sendTO
{
    
    padding-top:5px;
    
}
.sendTO label
{
    width:100px;
    margin-left:20px;
    display:block;
    float:left;
    padding-top:8px;
  
}
.sendTO input
{
    color:#40230E;
    font :11px Arial,helvetica;
    width:240px;
    margin:4px;
    height:20px;
    padding:0px 4px 0px 4px;
      border: 0px;
    font: 11px arial;
    color: #333;
    padding: 5px 5px 0px 5px;
}
.sendTO textarea
{
    color:#40230E;
    font :11px Arial,helvetica;
    width:240px;
    margin:4px;
  padding:0px 4px 0px 4px;
    border: 0px;
    font: 11px arial;
    color: #333;
    padding: 5px 5px 0px 5px;
   
}
.sendTO a.btnSendA
{
    float:right;
    color:#40230E ;
    font:bold 10px tahoma ;
    margin:10px 123px 0px 0px;
    padding-left:17px;
    text-decoration:none;
    text-transform:uppercase;
}
.sendTO a.btnSendA:hover
{
    color: #C03000;
}

.rightPane {float: right; width:300px; margin-right:4px; }
.rightPane, .contentPane{margin-top: -6px }
.misc {
	background: transparent url('../../img/dotted-bg-1.png') repeat-x 0 0;
	width: 100%;
	float :left;
	padding: 20px 0px 0px 0px;
	margin-top:10px;
	overflow: hidden;
	}
ul.misc  li {
float: left;
list-style: none;
}
ul.misc li a.mailme {
 background: url(../../img/mail_icon.gif) no-repeat 0px 2px;
 font: bold 10px tahoma;
 color: #40230E;
 text-transform: uppercase;
 text-decoration: none;
 margin-right: 30px;
 float: left;
 padding-left: 17px;
}
ul.misc li a.printme {
 background: url(../../img/print_icon.gif) no-repeat 0px 2px;
 font: bold 10px tahoma;
 color: #40230E;
 text-transform: uppercase;
 text-decoration: none;
 margin-right: 30px;
 float: left;
 padding-left: 15px;
}
ul.misc li a:hover {
 color: #C03000;
}



/* R A D N O */
.rightPane{X-background-color: rgba(255,0,0,.25); }
.rightPane .conn_article  {
	padding: 20px;
	margin-bottom: 4px;
	background: #fff;
   }
.rightPane .conn_article h2 {
	font: bold 12px arial;
	color: #C03000;
	text-transform: uppercase;
	margin-bottom: 20px;
   }
 .rightPane .conn_article ul li  {
	background: url(../../img/conn_art_sep.gif) repeat-x bottom left;
	padding: 0px 0px 10px 0px;
	margin-bottom: 15px;
   }  
.rightPane .conn_article ul li a {
	font: bold 11px arial;
	color: #40230E;
	text-transform: uppercase;
	margin-bottom: 5px;
	background: url(../../img/li_conn_art.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
	display: block;
   }
.rightPane .conn_article ul li p {
	font: 11px arial;
	color: #40230E;
	padding: 0px 10px 0px 10px;
   }    
/*.ie .footer {

    background-color:ff0000; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ff0000,endColorstr=#40ff0000); zoom: 1; } 
  #ie #footer .wrapper{

    background-color:ff0000; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4000ff00,endColorstr=#4000ff00); zoom: 1; } 
.footer .wrapper {background-color: rgba(0,255,0,.25);}
*/
XX-#mainWrap {height:300px; overflow:hidden;}
.m_group {width: 529px; padding-top: 190px;}
.t_group {width: 529px; padding-top: 0px; margin-top: -6px; z-index: 80; }
.t_group .travel_top {position: relative; z-index: 0;}
.t_group img{position: relative;  z-index:1}
.t_group h2 { 
    background: url(../../img/travel_h2_bg.png) repeat;
	height: 24px;
	font: bold 11px arial;
	color: #fff;
	padding: 11px 0px 0px 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 50;
	width: 521px;
	text-transform: uppercase;
	  }
.m_group .group_box {
	width: 173px;
	height: 238px;
	float:left;
	margin-right: 5px;
	position: relative;
	margin-bottom: 4px;
	}
.m_group .box_last {
	margin-right: 0px;
	}
.m_group .group_box img {
	position: absolute;
	top: 0px;
	left: 0px;
	}
.m_group .group_box .group_box_txt {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 153px;
	height: 117px;
	background-color:rgba(214, 56, 3, 0.8);
	padding: 10px;
	}
.m_group .group_box .group_box_txt h2 a {
	font: bold 11px arial;
	color: #fff;
	margin: 6px 0px 20px 0px;
	text-transform: uppercase;
	display: block;
	}
.m_group .group_box .group_box_txt h3 a{
	font: bold 11px arial;
	color: #fff;
	margin: 0px 0px 5px 0px;
	display: block;
}
.m_group .group_box .group_box_txt p {
	font: 11px arial;
	color: #FCD2C2;
	line-height: 14px;
}
.m_group .group_box_small  {
	float: left;
	background: #F9EEE6;
	width: 101px;
	margin-right: 5px;
	height: 142px;
}
.m_group .s_last  {
	margin-right: 0px;
	}
.m_group .group_box_small  img {
	margin-bottom: 10px;
}
.m_group .group_box_small  h2 a {
	font: bold 11px arial;
	color: #C03000;
	margin: 0px 10px 3px 10px;
	display: block;
}
.m_group .group_box_small  h3 a {
	font:  10px arial;
	color: #3330;
	margin: 0px 10px 3px 10px;
	display: block;
}
.mainRight .banner_300 {
 margin-bottom: 4px;
 display: block;
}
.m_group  .group_box_big {
	background: #F9EEE6;
	width: 257px;
	height: 147px;
	margin: 0px 4px 4px 0px;
	float: left;
	padding: 0px 5px 0px 0px 
}
.m_group  .big_last {
   margin-right: 0px;
}
.m_group  .group_box_big img {
  float: left;
  margin-right: 5px;
}
.m_group  .group_box_big h2 a {
	font: bold 11px arial;
	color: #AA2D02;
	margin: 10px 0px 3px 0px;
	display: block;
}
.m_group  .group_box_big p {
	font: 11px arial;
	color: #40230E;
	line-height: 15px;
}
.m_group   ul.paging   {
	float: right;
	padding: 0px 0px 4px 0px;
	}
.m_group  ul.paging  li  {
	float: left;
	display: inline;
	}
.m_group  ul.paging  li a {
	font: 10px tahoma;
	color: #fff;
	float: left;
	padding: 4px 7px 4px 7px;
	background: #F9EEE6;
	margin: 0px 1px 0px 0px;
	color: #333;
	cursor:pointer;
}
.m_group  ul.paging  li a:hover,
.m_group  ul.paging  li a.active {
	font: 10px tahoma;
	color: #fff;
	background: #C03000;
	text-decoration: none;
}
  ul.paging   {
	float: right;
	padding: 0px 0px 4px 0px;
	}
  ul.paging  li  {
	float: left;
	display: inline;
	}
  ul.paging  li a {
	font: 10px tahoma;
	color: #fff;
	float: left;
	padding: 4px 7px 4px 7px;
	background: #F9EEE6;
	margin: 0px 1px 0px 0px;
	color: #333;
}
  ul.paging  li a:hover,
  ul.paging  li a.active {
	font: 10px tahoma;
	color: #fff;
	background: #C03000;
	text-decoration: none;
}
.t_group .subnav { 
    background: #716055;
	padding: 5px 5px 10px 5px;
	overflow: hidden;
	width: 521px;
	margin-bottom: 5px;
}
.t_group .subnav ul li  { 
 font: 11px arial;
 color: #fff;
 background: url(../../img/sub_left.png) no-repeat top left;
 height: 24px;
 padding-left: 7px;
 float: left;
 margin: 5px 5px 0px 0px;
 }
.t_group .subnav ul li a { 
 float: left;
 background: url(../../img/sub_right.png) no-repeat top right;
 height: 19px;
 padding: 5px 15px 0px 8px;
 font: 11px arial;
 color: #fff;
 white-space: nowrap;
 }
.t_group .subnav ul li:hover,
.t_group .subnav ul li.active { 
 background-position: bottom left;
 text-decoration: none;
 } 
.t_group .subnav ul li:hover a,
.t_group .subnav ul li.active a { 
 background-position: bottom right;
 text-decoration: none;
 }
.rightPane .conn_article  img.gall {
	float: left;
	margin: 0px 4px 4px 0px;
	cursor:pointer;
	}
.rightPane .conn_article ul.gal_pag li  {
	float: left;
	display: inline;
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	} 	
.rightPane .conn_article ul.gal_pag li a {
	font: 11px arial;
	color: #333;
	float: left;
	width: 30px;
	height: 31px;
	padding-top: 6px;
	text-align: center;
	background: none;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	} 
.rightPane .conn_article ul.gal_pag li a:hover  {
	color: #BF3000;
	text-decoration: none;
	}
.rightPane .conn_article ul.gal_pag li.active a {
	background: url(../../img/gal_pag_active.jpg) no-repeat top left;
	color: #BF3000;
	}		
 
 
/***** GALLERY MODAL *****/
.modalBackground { background-color: #000; opacity:.70; filter: alpha(opacity=70);}
.modalElement {
padding: 10px;
background: transparent url(../../img/modalContentBg.png) repeat left top;
}
.modalElement .closeBtn {
position: absolute;
top: 15px;
right: 15px;
z-index: 150;
}
.modalElement .galleryDescription 
{
 
background: #fff ;
border: 1px solid #fff;
border-top: none;
padding: 7px 0px;
height: 43px;
}
.modalElement .galleryDescription h2 
{
text-align: left;
font: 11px arial;
color: #2E3135;
margin: 0 130px 3px 7px;
}
.modalElement .galleryDescription p 
{
text-align: left;
font: 12px Tahoma;
color:#2E3135;
margin: 0 130px 0px 7px;
}
.modalElement .galleryNavigation {
position: absolute;
right: 23px;
bottom: 21px;
z-index: 200;
height: 31px;
zoom: 1;
}
.modalElement .galleryNavigation .counterModal {
height: 23px;
width: 40px;
text-align: center;
font: 11px Tahoma;
color: #2E3135;
float: left;
padding-top: 5px;
text-align: center;
}
.modalElement .galleryNavigation .galleryLeft {
display: block;
width: 23px;
height: 33px;
text-indent: -999em;
float: left;
}
.modalElement .galleryNavigation .galleryRight {
display: block;
width: 33px;
height: 33px;
text-indent: -999em;
float: left;
}
.gal_pag {padding-top: 15px;}
.modalElement .galleryNavigation .galleryLeft {
background: transparent url(../../img/galleryLeft.gif) no-repeat left 0px;
}
.modalElement .galleryNavigation .galleryRight {
background: transparent url(../../img/galleryRight.gif) no-repeat left 0px;
}
.modalElement .galleryNavigation .galleryLeft:hover,
.modalElement galleryNavigation. .galleryRight:hover {
background-position: left bottom;
}
.modalElement .galleryLeftDisabled {
display: block;
width: 33px;
height: 33px;
text-indent: -999em;
background: transparent url(../../img/galleryLeftDisabled.gif) no-repeat left top;
cursor: default;
float: left;
}
.modalElement .galleryRightDisabled {
display: block;
width: 33px;
height: 33px;
text-indent: -999em;
background: transparent url(../../img/galleryRightDisabled.gif) no-repeat left top;
cursor: default;
float: left;
}  
	
	  
.preloaderBox
  {
position: absolute;
left: 158px;
top: 2px;
z-index: 2000;
text-align: center;
width: 530px;
min-height: 40px;
background: transparent url(../../img/opacityPromo.png) repeat left top;
  } 
  
  
  .sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#13a;*/
}
.sf-menu li {
	/*background:		#BDD2FF;*/
}
.sf-menu li li {
	/*background:		#AABDE6;*/
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#774522;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	#774522 !important;
	padding: 15px 15px 15px 0px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	margin-left: 155px;
	box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 5px 5px 5px #000;

}
.sf-shadow ul ul{
	margin-left: 10px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-vertical, .sf-vertical li {
	
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	
	top:	0 !important;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0 !important; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0 !important; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0 !important; /* arrow hovers for modern browsers*/
}