/******************************************/ /* King's Conference Centre - main style.css /******************************************/ @import url("typo.css"); @import url("reset.css"); @import url("prettyPhoto.css"); /**************UTILITIES CLASSES*******************/ .clear { clear: both; } .wspace { margin-left: 4px; } .left { float: left; } .right { float: right; } /**************GENERAL CONFIGURATIONS*******************/ * { border-style: none; list-style: none; padding: 0; } body { background: url(../images/bck.jpg) repeat-x #975c1e; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 16px; } html { font-size:100.01%; } /*img, div, span { behavior: url(../iepngfix.htc); } /*IE6 PNG transparency fix*/ /**************STYLES AND LINKS*******************/ A:link { text-decoration: none; color: #a37442; } A:visited { text-decoration: none; color: #a37442; } A:active { text-decoration: none; color: #a37442; } A:hover { text-decoration: none; color: #d4b024; } /**************STRUCTURE*******************/ .topright { position: absolute; right: 0; top: 0; width: 115px; height: 115px; } #wrap { background: url(../images/palme_bck.png) no-repeat top center; } #container { width: 960px; height: 1160px; } /*HEADER*/ #header { height: 226px; background: url(../images/header.jpg) no-repeat; padding-top: 18px; } #logo { background: url(../images/logo.png) no-repeat; width: 175px; height: 165px; } #logo h1 { text-indent: -9999px; } #contact-lang { border-bottom: 1px solid #886035; height: 26px; width: 960px; } #contact { float: left; padding-left: 3px; } #lang { float: right; padding-right: 3px; } #lang ul li { float: left; margin-left: 15px; } #lang .flag { float: left; margin-left: 6px; } #navigation ul { width:960px; margin: 9px 0 0 50px; } #navigation li { float: left; margin-right: 28px; font-weight: bold; outline: none; } #navigation li a { color: #bf8a52; font-family: Arial, Tahoma, Helvetica, sans-serif, Verdana; font-weight: bold; font-size: 0.70em; outline: none; } #navigation li a:hover { color: #d4b024; font-weight: bold; outline: none; } #navigation li.active a { color: #d4b024; } #navigation .accselected { background: url(../images/accselected.png) no-repeat; width: 90px; height: 22px; outline: none; } .confselected { background: url(../images/confselected.png) no-repeat; width: 74px; height: 22px; outline: none; } .resselected { background: url(../images/resselected.png) no-repeat; width: 144px; height: 22px; outline: none; } .fitselected { background: url(../images/fitselected.png) no-repeat; width: 134px; height: 22px; outline: none; } .busselected { background: url(../images/busselected.png) no-repeat; width: 95px; height: 22px; outline: none; } .burselected { background: url(../images/burselected.png) no-repeat; width: 47px; height: 22px; outline: none; } .aboselected { background: url(../images/aboselected.png) no-repeat; width: 57px; height: 22px; outline: none; } .homeselected { background: url(../images/homeselectedw.png) no-repeat; width: 32px; height: 22px; outline: none; } /*TOPIMAGES*/ #topimages { margin: 7px 8px 7px 7px; position: relative; width: 945px; height: 291px; } #topimages ul { margin-left: 456px; } #topimages ul li { float: left; margin-left: 1px; height: 293px; } #tagline { width: 488px; position: absolute; right: 0px; top: 241px; float: left; } .slideshow { position:relative; height: 293px; float: left; margin-left: 1px; } .slideshow IMG { position:absolute; top:0; left:0; z-index:8; } .slideshow IMG.active { z-index:10; } .slideshow IMG.last-active { z-index:9; } /*BLOCKS*/ #blocks { margin: 0 8px 0 8px; height: 219px; float: left; } #orangeblock { background: url(../images/orangeblock.jpg) no-repeat; float: left; margin-right: 1px; width: 587px; height: 219px; padding: 22px 40px 22px 21px; } #greenblock { background: url(../images/greenblock.jpg) no-repeat; float: left; width: 295px; height: 219px; } #greenblock #title { padding: 8px 8px 0 39px; float: left; width: 213px; } #greenblock #form { float: left; width: 218px; padding: 14px 0 0 29px; position: relative; } label { margin: 0 5px 4px 0; float: right; } input { outline: none; margin-bottom: 4px; float: right; width: 171px; height: 14px; background: url(../images/inputbck.png) no-repeat; padding: 2px 0 0 2px; font-size: 0.65em; } .binp { width: 124px; margin-right: 1px; text-align: center; } .sinp { width: 44px; background: url(../images/inputbcksmall.png) no-repeat; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.688em; } .cinp { width: 22px; background: url(../images/checkinput.png) no-repeat; text-align: center; } .submit { background: url(../images/submit.jpg) no-repeat; width: 206px; height: 32px; margin-top: 6px; outline: none; } #bform ul li { margin-right: 10px; float: left; } #bform input { float: left; height: 16px; } .sinpr { width: 46px; height: 16px; background: url(../images/inputbcksmall.png) no-repeat; float: left; margin: 3px 0 0 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.688em; } #bform .cinp { margin: 3px 0 0 15px; height: 16px; } #bform .sinp { margin: 3px 0 0 17px; height: 16px; } #bform { margin-left: 12px; width: 232px; float: left; } .cal { position: absolute; top: 97px; right: -30px; } .cal2 { position: absolute; top: 77px; right: -30px; } option { font-size: 0.95em; padding-bottom: 4px; background: #fff; } select { font-size: 0.95em; text-align: center; background: #fff; } span.checkbox { width: 24px; height: 16px; margin: 3px 0 0 13px; padding: 0 5px 0 0; background: url(../images/checkinput.png) no-repeat; display: block; clear: left; } /*MAIN CONTENT*/ #main { background: #f6f1e4; margin: 16px 8px 0 8px; width: 944px; height: 149px; float: left; } #main .img { float: left; margin-right: 9px; background: url(../images/imgbackground.jpg) no-repeat; width: 225px; height: 147px; padding: 2px 2px 2px 1px; } #main img { margin: 3px 0 0 4px; width: 216px; height: 134px; } #main .text { margin: 15px 63px 0 0; } #main .stext { width: 430px; margin: 45px 0; float: left; } #main #description { float: left; } #main .textdesc { width: 274px; margin: 0 0 20px 27px; } #main ul { float: left; width: 150px; height: 76px; } #main ul li { margin: 9px 0 10px 40px; float: left; } .marg { padding-left: 10px; } #main #prices { width: 311px; height: 76px; background: url(../images/prices.jpg) no-repeat; float: left; margin: 42px 0 0 76px; } #main #download { float: left; margin: 40px 0 0 110px; } #download IMG { width: 54px; height: 52px; } #main .longtextdesc { width: 349px; margin: 0 0 20px 27px; } #error { color: #fff; font-size:10px; display:none; background: #b65a5a; } .needsfilled { color: #fff; background: #c64a4a; } /*BOTTOM GALLERY*/ .gallery { float: left; margin: 16px 0 0 6px; } .gallery ul { margin: 16px 0 0 0; height: 130px; } .gallery ul li { background: url(../images/frame.png) no-repeat; width: 139px; height: 85px; margin-right: 7px; float: left; padding: 3px 7px 9px 6px; overflow: hidden; } .gallery ul li IMG { width: 139px; height: 85px; } .gallerynav { float: left; width: 130px; margin: 10px 0 0 408px; background: #f0e8d3; } .gallerynav .arrowleft { float: left; margin-right: 7px; } .gallerynav .arrowright { float: left; margin-left: 11px; } .gallerynav .square { float: left; margin-left: 4px; } .gallerynav li a.current { background: url(../images/selectedsquare.png) no-repeat; } /*FOOTER*/ #footer { margin-top: 30px; float: left; width: 944px; } .stripViewer .panelContainer .panel ul { text-align: left; } .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ position: relative; width: 100%; float: left; } /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 460px; background: #fff; overflow: scroll} .csw .loading { margin: 200px 0 300px 0; text-align: center } .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; /*border: 5px solid #000; /* this is the border. should have the same value for the links */ /* Also specified in .stripViewer .panelContainer .panel below */ height: 130px; clear: both; width: 960px; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; width: 100%; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 85px; position: relative; width: 960px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; margin-top: 10px; } .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 5px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav li.tab1 a { background: url(../images/emptysquare.png) no-repeat; width: 16px; height: 9px; } .stripNav li.tab2 a { background: url(../images/emptysquare.png) no-repeat; width: 16px; height: 9px; } .stripNav li.tab3 a { background: url(../images/emptysquare.png) no-repeat; width: 16px; height: 9px; } .stripNav li.tab4 a { background: url(../images/emptysquare.png) no-repeat; width: 16px; height: 9px; } .stripNav li.tab5 a { background: url(../images/emptysquare.png) no-repeat; width: 16px; height: 9px; } .stripNav li a { display: block; height: 9px; text-indent: -9999px; } .stripNav li a:hover, .stripNav li a:active, .stripNav li a:focus { /* Restore focus styling that we removed when we removed outlines */ background-position: top center; outline: none; } .stripNav li a.current { background: url(../images/selectedsquare.png) no-repeat; width: 16px; height: 9px; outline: none; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 140px; text-indent: -9000em; outline: none; } .stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; outline: none; } .stripNavL { left: 442px; } .stripNavR { right: 447px; } .stripNavL { background: url(../images/arrowleft.png) no-repeat; width: 6px; height: 9px; } .stripNavR { background: url(../images/arrowright.png) no-repeat; width: 6px; height: 9px; }