/*--------------------------------------------- [Main CSS Stylesheet] Project: imperial d.d. Primary Use: Screen Version: 1.1 Date: 10.11.2008. Last Change: 27.11.2008. Author: Dimedia ---------------------------------------------*/ @import "reset.css"; @import "calendar.css"; /* TYPO */ body { font-family: arial, sans-serif; font-size: 12px; color: #333; line-height: 16px;} a { color: #4da272; text-decoration: none; font-weight: bold; } abbr { border-bottom: 1px dotted #333; font-weight: bold; } .more { font-size: 11px; font-weight: bold; color: #4da272; text-decoration: none; } strong { font-weight: bold; } button { color: #3a4f66; font-size: 13px; font-weight: bold; } /* header */ .mainNav a { font-size: 12px; color: #3a4f66; font-weight: bold; text-decoration: none; } .mainNav li:hover a, .mainNav li.over a { color: #fff; } .mainNav li dt { color: #c4cbd1; font-size: 16px; font-weight: bold; font-style: italic; } .mainNav li dl a:hover, .mainNav li dl a.on { color: #3caeae; } .lang label, .lang a { font-size: 12px; color: #719998; text-decoration: none; } /* sidebar */ #findAccomo .txt, #findAccomo select, #findAccomo .select { color: #7c7c7c; font-family: arial, sans-serif; font-size: 12px; } #findAccomo label { color: #fff; font-size: 11px; } #sidebar dd a { color: #fff; text-decoration: none; } #sidebar #sideBox3 dd a { color: #3a4f66; font-weight: normal; } #callCenterBox { width:177px; height:141px; padding:39px 0 0 7px; margin-bottom:13px; background:url(../images/BKGcall_center_box.jpg) no-repeat; } #callCenterBox a, #callCenterBox span { color:#3a4f66; font-weight:normal; } #callCenterBox span { display:block; width:100px; margin-bottom:6px; font-weight:bold; } #converter span { color: #3a4f66; font-size: 11px; font-weight: bold; } #converter label, #converter .txt { color: #686868; font-weight: bold; } #converter select { color: #686868; font-weight: bold; font-size: 11px; } #weather dt { color: #3a4f66; font-size: 11px; font-weight: bold; } #weather dd { color: #666; font-size: 11px; } #weather dd span { color: #3a4f66; font-size: 10px; } #weather dd span b { font-size: 15px; } #weather .forecast dd { line-height: 11px; } #weather a { font-size: 11px; font-weight: normal; text-decoration: underline; } /* content */ h2, #secondCol dt, #innerSidebar dt { font-size: 16px; font-weight: bold; color: #135128; } #innerContent h1 { font-size: 18px; color: #135128; font-weight: normal; } #innerContent h2, #innerContent .text h2 { font-size: 18px; color: #135128; font-weight: normal; } #innerContent .text h3 { font-weight: bold; font-size: 14px; color: #135128; } #innerContent .mainText h2 { font-weight: bold; font-size: 14px; } #innerContent .mainText h3 { font-weight: bold; font-size: 14px; } #innerContent .text { line-height: 18px; } .accordion h3 { color: #135128; } .accordion div h3, .accordion h3.active { color: #333; } #innerContent .date { font-size: 10px; color: #999; } #innerContent .listType1 .text h2, #innerContent .listType1 .text h3 { font-weight: bold; font-size: 12px; } #secondCol ul h3, #secondCol ul h3 a { color: #d89309; font-size: 13px; font-weight: bold; } #secondCol dd a { font-size: 11px; font-weight: bold; color: #4da272; line-height: 12px; text-decoration: none; } #subheaderCamp li a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; } #subheaderCamp .bigtext h1 { font-size: 24px; color: #fff; font-weight: bold; line-height: 26px; } #subheaderCamp .bigtext a { color: #333; } #subheaderCamp .textSwitch { font-size: 11px; color: #333; line-height: 14px; } #subheaderCamp .textSwitch strong { font-size: 13px; color: #d89309; display: inline; } /*subheader home*/ #subheaderCamp.home { background:none;} #main-banner {width:785px; height:345px; overflow:hidden; position:relative; background:#fff;} #main-banner .img-wrapper {width:785px; height:313px; overflow:hidden;position:relative;} #main-banner .img-wrapper > div {overflow:hidden; position:absolute;top:0;left:0;} #main-banner .banner-bullets { width:745px; padding:0 20px; height:32px; line-height:32px; background:#196432;} #main-banner .play-pause {width:16px; height:15px; display:block; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1000; background:url('../images/play-pause.png') 0px 0px no-repeat;} #main-banner .play-pause.paused { background-position:0px -15px;} .banner-bullets a { width:12px; height:12px; margin-top:10px; display:block; position:relative; z-index:1100; background:url('../images/pager.png') 0px 0px no-repeat; text-decoration:none; float:left; margin-left:8px; text-decoration:none; border:none; outline:none; text-indent:-999em; cursor:pointer;} .banner-bullets a.active, .banner-bullets .activeSlide { background-position:0px -12px;} .imgViewer span { font-size: 11px; color: #686868; } .subText { line-height: 18px; } .subText h3 { font-weight: bold; font-size: 14px; color: #333; } #innerSidebar .block li { color: #333; line-height: 16px; } #innerSidebar .block li h3, #innerSidebar .block li h3 a { color: #d89309; font-size: 13px; font-weight: bold; } #innerSidebar dd a { font-size: 11px; font-weight: bold; color: #4da272; text-decoration: none; line-height: 14px; } #innerSidebar .userBlock h3 { font-size: 18px; color: #333; font-weight: normal; } #innerSidebar .userBlock li { color: #333; line-height: 16px; } #innerSidebar .userBlock li h3, #innerSidebar .userBlock li h3 a { color: #d89309; font-size: 13px; font-weight: bold; } .type1 th { font-weight: bold; } #innerSidebar .nav a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; } .archiveSelect { font-size: 11px; font-weight: bold; color: #555; } .paging span { font-weight: bold; color: #3a4f66; } .paging a { text-decoration: underline; color: #3a4f66; } .paging a:hover, .paging a.on { color: #fff; text-decoration: none; } .download p, .download p a { color: #d89309; font-weight: bold; } .download .button { color: #000; font-size: 11px; font-family: "Trebuchet MS", arial, sans-serif; font-weight: normal; } .download .note { color: #333; font-size: 10px; } /* footer */ #footer { font-size: 10px; color: #999; } #footer .sign { color: black; text-decoration: none; } #footer .sign span, #footer .sign:hover { color: red; } /* CONTENT */ #container { width: 983px; margin: 0px auto; } button { cursor: pointer; border: 1px solid #9fbdc0; padding: 0 10px; background: #b2d6ef url(../images/BKGbutton.gif) top left repeat-x; } /* header */ #header { float: left; padding-bottom: 5px; width: 983px; } #logo { margin: 5px 0 0 403px; display: block; position:absolute;} .mainNav { clear: left; /*padding-top: 8px;*/padding-top:83px; float: left; width: 785px;} .mainNav li { float: left; margin-right: 1px; } .mainNav li.last { margin: 0; } .mainNav li a { /*width: 130px;*/width: 156px;text-align: center; background: #ede7cc; height: 22px; padding-top: 7px; display: block; } .mainNav li.last a { /*width: 196px;*/ } .mainNav li a.on { background: #dcd1a3; } .mainNav li:hover a, .mainNav li.over a { background: #196432; } .mainNav li:hover div, .mainNav li.over div { display: block; } .mainNav li div { display: none; position: absolute; z-index: 100; } .mainNav li dl { width: 207px; background: #196432; padding: 0 17px 22px 15px; border-top: 2px solid #fff;} .mainNav li dl dt, .mainNav li dl dd { border-bottom: 1px solid #758494; } .mainNav li dl dt { padding: 25px 15px 5px 15px; } .mainNav li dl dd { padding: 4px 15px 3px 15px; } .mainNav li dl a { width: auto; text-align: left; background: none; height: auto; padding: 0; display: inline; } /* .lang { width: 184px; background: #dfece6; height: 29px; float: right; margin-top: 8px; position: relative; z-index: 100; } .lang label { display: block; float: left; padding: 6px 9px 0 6px; } .lang li { float: left; padding: 6px 5px 0 0; } */ .lang { width: 184px; background: #196432; height: 22px; padding-top: 7px; float: right; margin-top: 8px; position: relative; z-index: 100; clear: right; } .lang a { margin: 0 0 0 6px; } .lang a img { border: 1px solid #196432; } .lang a:hover img, .lang a.on img { border: 1px solid #b6d3bf; } /*top nav*/ .topNav a { font-size: 11px; text-decoration: none; } .topNav a:hover, .topNav a.on { color: #3a4f66; } .topNav { padding-top: 35px; float: left; height: 40px; width: 380px; } #header .xx { float: right !important; width: auto; } .topNav li { float: left; padding: 0 4px 0 6px; background: url(../images/BORDERtopNav.gif) left 4px no-repeat; } .topNav li.first { background: none; padding-left: 6px; } .topNav li.last { padding-right: 2px; } /* content */ #content { width: 785px; float: left; margin-bottom: 5px; } .more { display: block; padding-left: 10px; background: url(../images/BKGmore.gif) left 5px no-repeat; } #subheaderCamp { margin-bottom: 14px; width: 785px; /*height: 268px;*/ overflow:hidden; background: #b6d3bf url(../images/BKGsubheader2.jpg) top left no-repeat; position: relative; } .subHeaderBlank { background: none !important; } #mapMarker { display: block; position: absolute; left: 0; top: 0; } /* .position0 { margin: 150px 0 0 117px; } */ .position1 { margin: 150px 0 0 125px; } .position2 { margin: 60px 0 0 75px; } /* .position3 { margin: 70px 0 0 75px; } .position4 { margin: 80px 0 0 75px; } .position5 { margin: 90px 0 0 75px; } .position6 { margin: 110px 0 0 75px; } .position7 { margin: 120px 0 0 75px; } */ #subheaderCamp .list { width: 185px; padding: 10px 0 0 198px; float: left; } #subheaderCamp .list li { padding-bottom: 1px; } #subheaderCamp .list li a { padding: 2px 8px; background: #4da272; display: block; } #subheaderCamp .list li a:hover, #subheaderCamp .list li a.on { background: #196432; } #subheaderCamp .imgWrapper { width: 375px; height: 252px; padding: 8px 8px 0 0; float: right; position: relative; } #subheaderCamp .imgWrapper img { display: none; } #subheaderCamp .imgWrapper img.visible { display: block; } #subheaderCamp .textSwitch { float: left; clear: left; width: 185px; padding: 10px 0 0 198px; } #subheaderCamp .textSwitch .text { display: none; } #subheaderCamp .textSwitch .visible { display: block; background: url(../images/BKGtrans.png); padding: 10px 14px; } #subheaderCamp .textSwitch .text strong { display: block; } #subheaderCamp .textSwitch .text p { margin: 0; } #subheaderCamp .bigtext { padding: 25px 20px 0 282px; height: 207px; overflow: auto; } #subheaderCamp .bigtext h1 { margin-bottom: 15px; } #subheaderCamp .bigtext blockquote { margin-bottom: 25px; } #subheaderCamp .innerNav { position: absolute; left: 0; bottom: 0; } #subheaderCamp .innerNav li { float: left; margin-right: 1px; } #subheaderCamp .innerNav li.last { margin-right: 0px; } #subheaderCamp .innerNav a { display: block; width: 130px; background: url(../images/BKGtrans2.png); text-align: center; padding: 5px 0; } #subheaderCamp .innerNav a:hover, #subheaderCamp .innerNav a.on { background: #3a4f66; } #firstCol { float: left; width: 396px; } #firstCol .block { /*border-bottom: 1px solid #dedede; margin-bottom: 16px;*/ } #firstCol ul { overflow: hidden; padding: 13px 0; margin-bottom: 11px; background: url(../images/FAUXfirstCol.gif) repeat-y; } #firstCol li { width: 170px; float: left; padding: 0 13px 0 15px; } #firstCol li h2 { margin-bottom: 8px; } #firstCol li img { display: block; margin-bottom: 10px; } #firstCol li .more { float: right; margin-top: 4px; } /*firstCol home*/ #firstCol.home {} #firstCol.home .block .wide { background:none; padding-top:0; } #firstCol.home .block .wide li { width:367px; padding:12px 0 0 0px;margin-bottom:12px;border-top: 1px solid #dedede;} #firstCol.home .block .wide li.item_4 {padding-bottom:12px; border-bottom: 1px solid #dedede;} #firstCol.home .block .wide li .for-border { width:364px; padding: 12px 0px 0 15px;overflow:hidden; border-left:1px solid #dedede;} #firstCol.home .block .wide li img {float:left; margin:0 20px 15px 0;} .block.in-right-col {clear:both;border-top:16px solid #fff; border-bottom:40px solid #fff;background:#eff5f2; } .block.in-right-col h2 { margin-left:0 !important;} .block.in-right-col ul {border-top:0 !important;} .block.in-right-col ul li { border-bottom:0 !important;} .block.in-right-col ul li img {float:right !important; margin:0 0 15px 20px;} #secondCol { background: #f4f1e0; float: right; width: 384px; padding-top: 10px; } #secondCol h2 { margin: 0 0 7px 17px; } #secondCol ul { margin: 0 16px; border-top: 1px solid #fff; } #secondCol ul li { border-bottom: 1px solid #fff; padding: 12px 2px; overflow: hidden; } #secondCol ul img { display: block; float: left; margin-right: 12px; } #secondCol ul div { overflow: hidden; } #secondCol ul h3 { margin-top: -2px; } #secondCol .more { float: right; } #secondCol .link { display: block; padding: 6px 16px; float: right; border:none !important;} #secondCol dl { background: #fff; clear: both; } #secondCol dt { padding: 12px 0 7px 17px; border-bottom: 1px solid #dedede; } #secondCol dd { padding: 8px 17px; border-bottom: 1px solid #dedede; } #secondCol dd a { display: block; padding-left: 13px; background: url(../images/BKGmore.gif) left 3px no-repeat; } .home-banner {width:384px;overflow:hidden; border-top: 16px solid #FFFFFF;} #innerContent { width: 582px; float: left; } #innerContent h1 { margin-bottom: 15px; padding-top: 7px; } #innerContent h2 { margin-bottom: 10px; padding-top: 7px; } #innerContent .text h2 { padding-top: 0px; } #innerContent h3 { margin-bottom: 10px; } .text { padding-bottom: 20px; } .textNowrap { overflow: hidden; } .text p { margin-bottom: 15px; } .text ul { margin: 5px 0 15px 20px; overflow: hidden; } .text ul li { background: url(../images/BKGlist.gif) left 4px no-repeat; padding-left: 12px; } .text ol { margin: 0 0 15px 35px; } .text .more { float: left; clear: left; } .imgViewer { float: left; width: 282px; margin-bottom: 15px; } .imgViewer img { display: block; margin-bottom: 5px; } .imgViewer span { display: block; margin-bottom: 5px; } .imgViewer ul { width: 282px; overflow: hidden; } .imgViewer li { float: left; margin-right: 8px; } .imgViewer li a.on img { opacity: 0.5; } .imgViewer li img { border: 2px solid #ededed; margin: 0; } .download { background: #f4f1e0; padding: 10px 10px 0 10px; float: left; margin-top: 30px; width: 259px; } .download div { margin-bottom: 10px; float: left; } .download p { float: left; width: 140px; } .download .button { background: blue; display: block; float: right; background: url(../images/dlButtonLeft.gif) top left no-repeat; } .download .button span { display: block; padding: 4px 7px 3px 30px; margin: 0 !important; background: url(../images/dlButtonRight.gif) top right no-repeat; } .download .note { display: block; clear: right; float: right; padding-right: 8px; margin: 0 !important; width: 60px; } .subText { margin: 20px 22px 0 0; border-right: 1px solid #dedede; } .subText h3 { margin-bottom: 10px; } .imgLeft { float: left; margin: 0 25px 15px 0; } .archiveSelect { display: block; float: right; border: 1px solid #cecdd1; margin-top: 5px; padding: 1px 1px 1px 5px; width: 170px; } .listType1 { border-bottom: 1px solid #dedede; margin-bottom: 30px; } .listType1 li { border-top: 1px solid #dedede; padding: 10px 10px 10px 0; overflow: hidden; } .listType1 .date { display: block; margin: -5px 0 5px 2px; } .listType1 .text h2, .listType1 .text h3 { margin-bottom: 2px !important; } .listType1 .text { overflow: hidden; padding: 0; } .listType1 .text p { margin-bottom: 10px; } .listType1 .download { float: left; margin: 0 25px 15px 0; width: auto; padding-bottom: 0; width: 115px; } .listType1 .download img { display: block; margin-bottom: 10px; } .listType1 .download .button { float: left; margin-bottom: 3px; } .listType1 .download .note { float: left; clear: left; text-align: left; padding-bottom: 8px; } .paging { background: #dce7ee; padding: 2px 0 3px 0 !important; text-align: center; border: none !important; } .paging a { vertical-align: middle; padding: 0 5px; margin: 0 2px; } .paging a.on, .paging a:hover { background: #3a4f66; } .paging .button { padding: 0; margin: 0 10px; } .paging img { margin: 0 0 -4px 0; } .paging span { vertical-align: bottom; background: url(../images/smlArrow.gif) 1px top no-repeat; margin: 0 3px; } .listType2 li { overflow: hidden; padding-bottom: 10px; } .listType2 li li { padding-bottom: 0px; } #googleMap { margin-bottom: 35px; } .accordion { margin: 0 0 30px 0 !important; border-top: 1px solid #dedede; } .accordion li { background: none !important; padding: 0 !important; border-bottom: 1px solid #dedede; } .accordion h3 { margin: 0 !important; background: url(../images/BKGaccordionOFF.gif) 2px 7px no-repeat; padding: 6px 0 6px 24px; cursor: pointer; } .accordion h3.active { background: url(../images/BKGaccordionON.gif) 2px 7px no-repeat; } .accordion div { padding: 0 24px 10px 24px; } .accordion div li { background: url(../images/BKGlist.gif) left 6px no-repeat !important; padding-left: 12px !important; border-bottom: none; } .formType1 dd { overflow: hidden; margin-bottom: 5px; } .formType1 dd.marg { margin-bottom: 25px; } .formType1 label { display: block; float: left; width: 180px; } .formType1 .txt { display: block; border: 1px solid #3a4f66; float: left; padding: 1px 2px; width: 180px; } .formType1 textarea { display: block; border: 1px solid #3a4f66; float: left; padding: 1px 2px; width: 250px; height: 100px; } .formType1 select { display: block; border: 1px solid #3a4f66; float: left; padding: 1px 2px; width: 180px; } .formType1 button { margin-left: 180px; } /* inner sidebar */ #innerSidebar { width: 184px; float: right; } #innerSidebar .block { padding: 0 1px; background: #f4f1e0; overflow: hidden; margin-bottom: 15px; } #innerSidebar .block h2 { padding: 9px 0 7px 17px; border-bottom: 1px solid #fff; } #innerSidebar .block li { border-bottom: 1px solid #fff; padding: 11px 0 10px 0; overflow: hidden; } #innerSidebar .block img { display: block; margin: 0px auto 8px auto; } #innerSidebar .block li div { padding: 0 14px 0 19px; } #innerSidebar .block li .more { float: right; margin-top: 7px; } #innerSidebar .block .link { display: block; padding: 4px 14px 4px 0; float: right; } #innerSidebar dl { background: #f4f1e0; margin-bottom: 15px; } #innerSidebar dt { padding: 9px 0 7px 17px; border-bottom: 1px solid #fff; } #innerSidebar dd { padding: 6px 17px; border-bottom: 1px solid #fff; overflow: hidden; } #innerSidebar dd a { display: block; padding-left: 13px; background: url(../images/BKGmore.gif) left 3px no-repeat; } #innerSidebar dd.link { padding: 5px 17px; } #innerSidebar dd.link a { float: right; } #innerSidebar .userBlock { padding: 0 1px; background: #f4f1e0; overflow: hidden; margin-bottom: 15px; } #innerSidebar .userBlock h3 { padding: 9px 0 7px 17px; border-bottom: 1px solid #fff; } #innerSidebar .userBlock ol li { border-bottom: 1px solid #fff; padding: 11px 14px 10px 19px; overflow: hidden; } #innerSidebar .userBlock ul { padding: 11px 14px 10px 19px; } #innerSidebar .userBlock ul li { background: url(../images/BKGlist.gif) left 4px no-repeat; padding-left: 12px; } #innerSidebar .userBlock img { display: block; margin: 0px auto 8px auto; } #innerSidebar .userBlock p { padding: 11px 14px 10px 19px; } #innerSidebar .nav { margin-bottom: 60px; } #innerSidebar .nav li { padding-bottom: 1px; } #innerSidebar .nav li a { display: block; background: #4DA272; padding: 5px 11px; } #innerSidebar .nav li a.on, #innerSidebar .nav li a:hover { background: #196432; } #innerSidebar .banner { display: block; margin-bottom: 13px; } #innerSidebar .banner img { display: block; } /*innerContent wide*/ #innerContent.wide {width:785px;} #innerContent.wide li {margin-left:0px;} #innerContent.wide .imgViewer {width:auto;} #innerContent.wide .listType2 {clear:both;} #innerContent.wide .listType2 > li ul, #innerContent.wide .widelist-in-detail { width:785px; } #innerContent.wide .listType2 > li ul > li, #innerContent.wide .widelist-in-detail li { width:191px; float:left; margin-left:7px; margin-right:0px; margin-bottom:7px;} #innerContent.wide .listType2 > li ul > li.first, #innerContent.wide .listType2 > li ul > li:first-child, #innerContent.wide .widelist-in-detail li.first, #innerContent.wide .widelist-in-detail li:first-child { margin-left:0px;} #innerContent.wide .listType2 > li ul > li img, #innerContent.wide .widelist-in-detail li img { float:left;width:191px; border:none;} #innerContent.wide .listType2 > li ul > li a.on img { opacity:1;} #innerContent.wide .text { line-height: 18px;} #innerContent.wide .text ul { width:auto !important;} #innerContent.wide .listType2 .text ul li { float:none; margin-left:0; width:auto;} /* tables */ .gallery { border-top: 1px solid #dedede; margin-bottom: 30px; } .gallery td { vertical-align: middle; text-align: center; width: 145px; height: 110px; border-bottom: 1px solid #dedede; padding: 10px 0; } .gallery img { border: 1px solid #dedede; } .type1 { width: 100%; margin-bottom: 30px; } .type1 .left { text-align: left; vertical-align: middle; } .type1 th, .type1 td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 4px 10px; } .type1 thead th, .type1 td { text-align: center; } .type1 thead th, .type1 thead td { background: #bacfde; } .type1 tbody th { background: #dce7ee; } .type1 tbody td { background: #f4f1e0; } .type2 { width: 100%; margin-bottom: 30px; border-top: 1px solid #dedede; } .type2 td { border-bottom: 1px solid #dedede; padding: 4px 5px; vertical-align: bottom; } /* sidebar */ #sidebar { width: 184px; float: right; margin-bottom: 8px; } #findAccomo { background: #196432; padding: 17px 0 0 10px; position: relative; height: 251px; margin-bottom: 13px; } #findAccomo span { background: url(../images/title/pronadiSmjestaj2.jpg) top left no-repeat; height: 22px; display: block; text-indent: -9999px; } #findAccomo select { border: 1px solid #9fbdc0; width: 138px; margin: 10px 0 2px 0; } #findAccomo label { display: block; margin-top: 5px; } #findAccomo label.small { float: left; clear: left; margin-top: 7px; width: 120px; } #findAccomo .txt { display: block; border: 1px solid #9fbdc0; width: 132px; padding: 1px 23px 1px 3px; background: #fff url(../images/BKGdate.gif) top right no-repeat; } #findAccomo .txt.small { width: 20px; background-image: none; padding: 1px 3px; float: left; margin-top: 7px; } #findAccomo button { display: block; position: absolute; bottom: 8px; right: 14px; } #sidebar dl { height: 206px; margin-bottom: 13px; padding: 16px 0 0 9px; } #sidebar dt { text-indent: -9000px; margin-bottom: 6px; height: 22px; } #sideBox1 { background: url(../images/BKGsideBox1.jpg); } #sideBox1 dt { background: url(../images/title/rabIokolica.jpg) no-repeat; } #sideBox2 { background: url(../images/BKGsideBox2.jpg); } #sideBox2 dt { background: url(../images/title/autoKampovi.jpg) no-repeat; } #sideBox3 { background: url(../images/BKGsideBox3.jpg); } #sideBox3 dt { background: url(../images/title/imperial-rab.jpg) no-repeat; width: 117px; } #sidebar dd a { background: url(../images/BKGsidebarDd.gif) 3px 4px no-repeat; padding-left: 12px; } #sidebar #sideBox3 dd a { background: url(../images/BKGsidebarDd2.gif) 3px 4px no-repeat; padding-left: 12px; } #newsletter-subscription-box { background:#eff5f2; padding:0px 14px 18px; font-size:11px; margin-bottom:15px; } #newsletter-subscription-box h3 { font-weight:bold; color:#3a4f66; line-height:16px; padding:10px 0 10px 0; } #newsletter-subscription-box p.success { font-style:italic; padding-bottom:10px; } #newsletter-subscription-box p.error { font-style:italic; padding-bottom:10px; color:#cc0000; } #newsletter-subscription-box input.email { font-style:italic; color:#999; border:1px solid #b2bdcd; width:125px; height:18px; line-height:18px; vertical-align:top; } #newsletter-subscription-box button { width:22px; height:20px; border:1px solid #9fbdc0; vertical-align:top; background:url('../images/button-submit-bkg.png') center center no-repeat; margin-left:2px; } #weather { background: #eff5f2; padding: 7px 10px 5px 10px; margin-bottom: 14px; } #weather dl { height: auto; margin: 0; padding: 0; background: #fff; overflow: hidden; } #weather dt { text-indent: 0; margin: 0; height: auto; padding: 2px 4px 3px 10px; } #weather dd.first { border: none !important; } #weather .today { padding: 0 2px; margin-bottom: 7px; } #weather .today dd { padding: 1px 4px 1px 8px; border-top: 1px solid #eff5f2; overflow: hidden; } #weather .today div { float: left; width: 55px; } #weather .today img { display: block; } #weather .today span { float: left; display: block; width: 32px; padding-top: 5px; } #weather .today span b { display: block; margin-bottom: -7px; } #weather .forecast { padding-bottom: 6px; margin-bottom: 2px; } #weather .forecast dd { float: left; width: 38px; border-left: 1px solid #eff5f2; text-align: center; padding: 3px 0; } #weather .forecast dd.first { padding-left: 5px; } #weather .forecast dd img { margin: 0 auto 5px auto; display: block; } #converter { background: #eff5f2; padding: 13px 0 14px 13px; margin-bottom: 13px; } #converter span { display: block; margin-bottom: 8px; } #converter fieldset { margin-bottom: 5px; } #converter .txt { border: 1px solid #b2bdcd; width: 101px; margin: 0 3px 0 0; padding: 1px 2px; } #converter label { padding-left: 10px; } #converter select { border: 1px solid #7f9db9; } #converter option { padding: 0 2px 0 0; } /* sup footer */ #sup_footer { clear: both; overflow: hidden; zoom: 1; } #sup_footer div { background: #dbe6ee; overflow: hidden; zoom: 1; padding-right: 10px; } #sup_footer div a { float: left; } #sup_footer div img { display: block; } #sup_footer a.rss-button { float:right; margin:13px 0 0 10px; line-height: 14px; padding:0 0 0 20px; background: url(../images/rss-icon.gif) top left no-repeat; font-size:11px; font-family: arial, sans-serif; color:#3ca2a2; cursor: pointer; font-weight: normal; } #sup_footer ul { float: left; padding: 25px 5px 15px 2px; width: 180px; } #sup_footer ul.big { width: 190px; } #sup_footer ul li, #sup_footer ul li a { color:#3ca2a2; font-size:11px;line-height:13px;font-weight:normal;} #sup_footer ul .title, #sup_footer ul .title a {font-weight:bold;color:#7c7c7c;} #sup_footer ul.bold-links li a {font-weight:bold;} #sup_footer .big-banner { float: right; margin-top: 10px; } /* footer */ #footer { clear: both; border-top: 1px solid #dedede; padding: 5px 0 10px 0; } #footer p { float: right; } /* BOOKING iFRAME */ #ibookingWrapper { display: none; position: absolute; left:50%; margin-left: -410px; top:25px; width: 820px; z-index:1001; background:#fff; padding:0px 5px 5px 5px;} #ibookingWrapper a.close { cursor: pointer; text-align: right; float: right; background: url("../images/lightbox-btn-close.gif") no-repeat scroll right 9px transparent; padding: 7px 15px 4px 0; color: #656565; font-size: 11px; } #ibooking { width: 820px; height: 400px; background:#fff; } #backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1000;} /* JAVASCRIPT STYLES */ /* navigation dropdown shadow */ .mainNav .wrap1 { background: url(../images/BKGdropBottomRight.png); width: 8px; height: 8px; left: 239px; bottom: -8px; z-index: 9999; line-height: 0; font-size: 0; } .mainNav .wrap2 { background: url(../images/BKGdropTopRight.png) top left no-repeat; padding-right: 8px; margin: 0 0 0 0; position: static; } .mainNav .wrap3 { background: url(../images/BKGdropBottomLeft.png); width: 12px; height: 8px; left: 0px; bottom: -8px; line-height: 0; font-size: 0; } .mainNav .wrap4 { background: url(../images/BKGdropBottomCenter.png) repeat-x; width: 227px; height: 8px; left: 12px; bottom: -8px; line-height: 0; font-size: 0; } /* select box styles */ div.select { cursor: pointer; margin: 10px 0 2px 0; } div.select div { background: #fff url(../images/select-bg.gif) top right no-repeat; border: 1px solid #9fbdc0; padding-right: 20px; } div.select div p { padding: 1px 3px; } div.select ul { background-color: #fff; } div.select li { border: 1px solid #9fbdc0; border-top: none; padding: 3px 0 1px 3px; cursor: pointer; } div.select li.active { background-color: #9fbdc0; color: #fff; } /* language select */ #jsLangSelect { background: #196432; width: 105px; position: absolute; z-index: 100; top: 7px; right: 7px; } #jsLangSelect li.title { float: none; padding: 0; background: url(../images/BKGlang2.gif) top right no-repeat; color: #fff; cursor: pointer; } #jsLangSelect li.title span { display: block; padding: 0 15px 0 3px; } #jsLangSelect li ul { display: none; position: absolute; background: #196432; z-index: 1000; width: 105px; padding: 5px 0; } #jsLangSelect li ul li { display: block; float: none; padding: 0 3px; } #jsLangSelect li ul li a { color: #fff; } /* RSS BUTTON */ a.rss-button { float:right; margin-right:10px; line-height: 14px; padding:0 0 0 20px; background: url(../images/rss-icon.gif) top left no-repeat; font-size:11px; font-family: arial, sans-serif; color:#3ca2a2; cursor: pointer; font-weight: normal; } /* SHARE TOOLBAR */ #sup_footer a.dimedia-toolbar-button { width: 54px; float:right; margin-top:13px; line-height: 14px; padding:0 0 0 4px; background: url(../images/toolbar/button.png); font-size:10px; font-family: arial, sans-serif; text-transform: uppercase; color:#3ca2a2; cursor: pointer; } #dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-top-ie.png); position: absolute; z-index:100; } #dimedia-toolbar .bottom-bkg { zoom:1; padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-bottom-ie.png); } #dimedia-toolbar .middle-bkg { zoom:1; background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; padding: 1px 0; } #dimedia-toolbar ul { margin: -11px 0 -13px 9px; position: relative; padding: 0; list-style: none; overflow: hidden; zoom: 1; } #dimedia-toolbar ul li { float: left; margin: 0 5px 4px 0; background: #fff; } #dimedia-toolbar ul a, #dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; } #dimedia-toolbar ul a { opacity: 0.6; } #dimedia-toolbar ul a:hover { opacity: 1; }