/* Author: Mannuel Ferreira colors: Beige - f9f9ed f4f5e7 - deep red: 7b0406 - b03530, Backgrounds - #F8F8EF #E1E1D9 */ #restaurant #secondary { z-index: -2; display: block; float: left; width: 820px; border-top: 1px solid #F8F8EF; border-bottom: 1px solid #d7daab; margin: 0 auto; padding-bottom: 1px; position: relative; top:-30px;} #restaurant #tertiary { float: left; clear: both; display: block; width: 820px; overflow: hidden; margin: 0 auto; position: relative; top:-30px;} a.sakkara:link, a.sakkara:visited { width: 190px; display: block; padding: 5px 15px 5px 15px; font: normal 11px Verdana, Geneva, sans-serif; color: #FFF; text-decoration: none;} a.sakkara:hover { text-decoration: underline; color: #E2C270;} #sakkara { z-index: 999999; position: relative; top: 180px; left:20px; clear: both; width: 190px; height: 30px;} body { background: #F8F8EF; line-height: 16px; } #fade { z-index:-2;} .cushycms {} a.booknow:link, a.booknow:visited { display: block; width: 111px; height:23px; text-indent:-900000px; background: url('../images/btn_booknow.png') no-repeat top left;} a.booknow:hover { display: block; width: 111px; height:23px; text-indent:-900000px; background: url('../images/btn_booknow.png') no-repeat bottom left;} a.backtobut { display: block; width: 130px; height: 25px; position: relative; top: -25px; left:124px; border: none; text-indent:-999999px; z-index:99999999;} a.backtobut:hover {background: url('../images/backtobut.png') no-repeat bottom left;} p.first { color: #7b0406 ; font-weight: bold;} p.smalltext { font-size: 10px;} .specialspopup01 p.smalltext, .specialspopup02 p.smalltext, .specialspopup03 p.smalltext { font: normal 10px Verdana, Geneva, sans-serif;} /*=Layout ----------------*/ #specialoffers a.specials { float: left; padding-top:10px;} .animalspopup, .specialspopup01, .specialspopup02, .specialspopup03, .specialspopup03 { background: #F8F8EF; padding: 20px; width: 500px;} .specialspopup01 p, .specialspopup02 p, .specialspopup03 p, .specialspopup04 p { font: bold 14px Verdana, Geneva, sans-serif; color: #333;} .specialspopup01 a,.specialspopup02 a, .specialspopup03 a, .specialspopup04 a { font: normal 12px Verdana, Geneva, sans-serif; color: #333;} .specialspopup01 h1 { display: block; text-indent: -900000px; width: 500px; height: 50px; background: url(../images/Specialoffer01.png) no-repeat;} .specialspopup02 h1 { display: block; text-indent: -900000px; width: 500px; height: 50px; background: url(../images/Specialoffer02.png) no-repeat;} .specialspopup03 h1 { display: block; text-indent: -900000px; width: 500px; height: 50px; background: url(../images/Specialoffer03.png) no-repeat;} .specialspopup04 h1 { display: block; text-indent: -900000px; width: 500px; height: 50px; background: url(../images/Specialoffer04.png) no-repeat;} a.popup { background: url('../images/icon_rmore.png') no-repeat bottom right; padding-right: 14px;} a.popup:hover { background: url('../images/icon_rmore.png') no-repeat top right; padding-right: 14px;} /*animal popups*/ .animalspopup a.img { display: block; width: 500px; height: 220px; cursor:default; padding-bottom:2px; border-bottom:1px solid #d7daab;} a#salati { display: block; width: 500px; height: 220px; cursor:default; padding-bottom:2px; border-bottom:1px solid #d7daab; background: url('../images/salati.jpg') no-repeat 0 0;} a#hamley { background: url('../images/hamley.jpg') no-repeat 0 0;} a#hoby { background: url('../images/hoby.jpg') no-repeat 0 0;} a#mujajhippos { background: url('../images/mujajhippos.jpg') no-repeat 0 0;} a#salati { background: url('../images/salati.jpg') no-repeat 0 0;} a#elephants { background: url('../images/elephants.jpg') no-repeat 0 0;} a#jackzebra { background: url('../images/jackzebra.jpg') no-repeat 0 0;} /*photogallery*/ div.img_bg { display: block; width: 130px; height:74px ; float:left; padding:0px; background: url('../images/bg_img_tn.png') no-repeat top left; } div.img_bg img { display: block; width:118px ; height:62px ; margin: 6px auto;} .animalspopup h1 { font: bold 12px Verdana, Geneva, sans-serif; color:#393931; padding: 5px 5px 5px 5px;} /*the homepage*/ #wrapper { margin: -15px auto; width: 840px; overflow: hidden;} #primary { display: block; position: relative; top: 16px ; left:0; float: left; width: 820px; margin: 0 auto; } #home #secondary { z-index: -2; display: block; float: left; width: 820px; border-bottom:none;} #secondary { z-index: -2; display: block; float: left; width: 820px; border-top: 1px solid #F8F8EF; border-bottom: 1px solid #d7daab; margin: 0 auto; padding-bottom: 1px;} #tertiary { float: left; clear: both; display: block; width: 820px; overflow: hidden; margin: 0 auto;} #header { position: relative; top:0; left:0; margin: 0 auto;} #primary h1 { text-indent: -99999px; } #home .lowerDeck { clear: both; padding: 10px 0 0 0;display: block; width:457px; height: 123px; z-index:99999999;} .lowerDeck { clear: both; padding: 40px 0 0 0;} #highlightsiframe { position: relative; top:20px!important; left: 0; display: block; clear: both;} a.glenafrichome:link, a.glenafrichome:visited {z-index:99999; margin: 0 auto; display: block; width: 105px; height: 106px; text-indent: -99999px; background: url('../images/glenafric_logo.png') no-repeat 0 0; clear: both; } #menu { display:block; height: 30px;position: relative; top: 0; left: 0px; margin: 0 0;/*align menu in the middle of section*/width: 820px; background: #f4f5e7; } ul.homelinks { position: relative; top:9px; left: 0;} ul.homelinks li { float: left; padding-left:1px;} /*Suite image gallry thumnails*/ .row_b div.img { float: left;} .row_b div.img a { display:block; width: 70px; height: 70px; background:#FFF; margin: 0 10px;} /* homepage footer layout 355px 462px*/ #home .left { position: relative; float: left; width: 355px; } #home .right { float: right; width: 460px;} /*rest of pages */ .twocolumn .left { position: relative; margin: 10px 0; float: left; width: 180px; } .twocolumn .right { margin: 10px 0; float: right; width: 570px;} .right .topDeck { z-index: 1; display: block; position: relative; top: 10px; left: 0; } .right .topDeck .leftcol { float: left; } #thelodge .right .topDeck .leftcol { float: left; width:190px;} .right .topDeck .rightcol { float: left; margin-left:60px;} .right .lowerDEck { position: relative; top: 20px; left: 0; clear: left; display: block; } .clear { padding: 10px;} .media { clear: both; margin:30px 0;} /*=Layout - the lodge - accommodation*/ #thelodge .row_a { float: none; margin: 10px auto;} #thelodge .row_b { clear: both; float: none; margin: 0px auto; padding-top:20px;} #thelodge .row_c { clear: both; float: none; margin: 0px auto; padding-top:20px; } #thelodge .row_d { clear: both; float: none; margin: 0px auto; padding-top:20px;} #thelodge .row_e { clear: both; float: none; margin: 0px auto; padding-top:20px;} #thelodge .row_f { clear: both; float: none; margin: 0px auto; padding-top:20px;} #thelodge .row_g { clear: both; float: none; margin: 0px auto; padding-top:20px;} #thelodge .row_h { clear: both; float: none; margin: 0px auto; padding-top:20px;} #thelodge .row_i { clear: both; float: none; margin: 0px auto; padding-top:20px;} .row_a .column_a { float:left;} .row_a .column_b { float:left;} .row_a .column_c { float:left;} .row_b .column_a { float:left;} .row_b .column_b { float:left;} .row_b .column_c { float:left;} .row_c .column_a { float:left;} .row_c .column_b { float:left;} .row_c .column_c { float:left;} .row_d .column_a { float:left;} .row_d .column_b { float:left;} .row_d .column_c { float:left;} .row_e .column_a { float:left;} .row_e .column_b { float:left;} .row_e .column_c { float:left;} .row_f .column_a { float:left;} .row_f .column_b { float:left;} .row_f .column_c { float:left;} .row_g .column_a { float:left;} .row_g .column_b { float:left;} .row_g .column_c { float:left;} .row_h .column_a { float:left;} .row_h .column_b { float:left;} .row_h .column_c { float:left;} .row_i .column_a { float:left;} .row_i .column_b { float:left;} .row_i .column_c { float:left;} /*=Layout - the lodge - accommodation- Header images*/ .mainsuite { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_mainsuite.png') no-repeat 0 0;} .brookersuite { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_brookersuite.png') no-repeat 0 0;} .duckroom { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_duckroom.png') no-repeat 0 0;} .owlroom { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_owlrooom.png') no-repeat 0 0;} .bushman { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_bushman.png') no-repeat 0 0;} .stableblock01 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock01.png') no-repeat 0 0;} .stableblock02 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock02.png') no-repeat 0 0;} .stableblock03 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock03.png') no-repeat 0 0;} .stableblock04 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock04.png') no-repeat 0 0;} .stableblock05 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock05.png') no-repeat 0 0;} .stableblock06 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock06.png') no-repeat 0 0;} .stableblock07 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock07.png') no-repeat 0 0;} .stableblock08 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock08.png') no-repeat 0 0;} .stableblock09 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock09.png') no-repeat 0 0;} .stableblock10 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_stableblock10.png') no-repeat 0 0;} .thetendtedcamp { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_thetendtedcamp.png') no-repeat 0 0;} .thetendtedcamp02 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_thetendtedcamp02.png') no-repeat 0 0;} .thetendtedcamp03 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_thetendtedcamp03.png') no-repeat 0 0;} .thetendtedcamp04 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_thetendtedcamp04.png') no-repeat 0 0;} .thetendtedcamp05 { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_thetendtedcamp05.png') no-repeat 0 0;} .thecottage { cursor: default; display: block; width: 160px; height:71px; background: url('../images/acc_thecottage.png') no-repeat 0 0;} a#stableblock01 { display: block; width: 70px; height:70px; background: url('../images/stabelblock01_thm.png') no-repeat 0 0;} a#stableblock02 { display: block; width: 70px; height:70px; background: url('../images/stabelblock02_thm.png') no-repeat 0 0;} a#stableblock03 { display: block; width: 70px; height:70px; background: url('../images/stabelblock03_thm.png') no-repeat 0 0;} a#stableblock04 { display: block; width: 70px; height:70px; background: url('../images/stabelblock04_thm.png') no-repeat 0 0;} a#stableblock05 { display: block; width: 70px; height:70px; background: url('../images/stabelblock05_thm.png') no-repeat 0 0;} a#stableblock06 { display: block; width: 70px; height:70px; background: url('../images/stabelblock06_thm.png') no-repeat 0 0;} a#stableblock07 { display: block; width: 70px; height:70px; background: url('../images/stabelblock07_thm.png') no-repeat 0 0; margin-top: 10px;} a#stableblock08 { display: block; width: 70px; height:70px; background: url('../images/stabelblock08_thm.png') no-repeat 0 0; margin-top: 10px;} a#mainsuite01 { display: block; width: 70px; height:70px; background: url('../images/mainsuite01_thm.png') no-repeat 0 0;} a#mainsuite02 { display: block; width: 70px; height:70px; background: url('../images/mainsuite02_thm.png') no-repeat 0 0;} a#mainsuite03 { display: block; width: 70px; height:70px; background: url('../images/mainsuite03_thm.png') no-repeat 0 0;} a#mainsuite04 { display: block; width: 70px; height:70px; background: url('../images/mainsuite04_thm.png') no-repeat 0 0;} a#mainsuite05 { display: block; width: 70px; height:70px; background: url('../images/mainsuite05_thm.png') no-repeat 0 0;} a#mainsuite06 { display: block; width: 70px; height:70px; background: url('../images/mainsuite06_thm.png') no-repeat 0 0;} a#brooker01 { display: block; width: 70px; height:70px; background: url('../images/brookersuite01_thm.png') no-repeat 0 0;} a#brooker02 { display: block; width: 70px; height:70px; background: url('../images/brookersuite02_thm.png') no-repeat 0 0;} a#brooker03 { display: block; width: 70px; height:70px; background: url('../images/brookersuite03_thm.png') no-repeat 0 0;} a#brooker04 { display: block; width: 70px; height:70px; background: url('../images/brookersuite04_thm.png') no-repeat 0 0;} a#duckroom01 { display: block; width: 70px; height:70px; background: url('../images/duckroom01_thm.png') no-repeat 0 0;} a#duckroom02 { display: block; width: 70px; height:70px; background: url('../images/duckroom02_thm.png') no-repeat 0 0;} a#duckroom03 { display: block; width: 70px; height:70px; background: url('../images/duckroom03_thm.png') no-repeat 0 0;} a#duckroom04 { display: block; width: 70px; height:70px; background: url('../images/duckroom04_thm.png') no-repeat 0 0;} a#bushman01 { display: block; width: 70px; height:70px; background: url('../images/bushman01_thm.png') no-repeat 0 0;} a#bushman02 { display: block; width: 70px; height:70px; background: url('../images/bushman02_thm.png') no-repeat 0 0;} a#bushman03 { display: block; width: 70px; height:70px; background: url('../images/bushman03_thm.png') no-repeat 0 0;} a#bushman04 { display: block; width: 70px; height:70px; background: url('../images/bushman04_thm.png') no-repeat 0 0;} a#thecottage01 { display: block; width: 70px; height:70px; background: url('../images/thecottage01_thm.png') no-repeat 0 0;} a#thecottage02 { display: block; width: 70px; height:70px; background: url('../images/thecottage02_thm.png') no-repeat 0 0;} a#thecottage03 { display: block; width: 70px; height:70px; background: url('../images/thecottage03_thm.png') no-repeat 0 0;} a#thecottage04 { display: block; width: 70px; height:70px; background: url('../images/thecottage04_thm.png') no-repeat 0 0;} a#tent0101 { display: block; width: 70px; height:70px; background: url('../images/tent0101_thm.png') no-repeat 0 0;} a#tent0102 { display: block; width: 70px; height:70px; background: url('../images/tent0102_thm.png') no-repeat 0 0;} a#tent0103 { display: block; width: 70px; height:70px; background: url('../images/tent0103_thm.png') no-repeat 0 0;} a#tent0201 { display: block; width: 70px; height:70px; background: url('../images/tent0201_thm.png') no-repeat 0 0;} a#tent0202 { display: block; width: 70px; height:70px; background: url('../images/tent0202_thm.png') no-repeat 0 0;} a#tent0203 { display: block; width: 70px; height:70px; background: url('../images/tent0203_thm.png') no-repeat 0 0;} a#tent0301 { display: block; width: 70px; height:70px; background: url('../images/tent0301_thm.png') no-repeat 0 0;} a#tent0302 { display: block; width: 70px; height:70px; background: url('../images/tent0302_thm.png') no-repeat 0 0;} a#tent0303 { display: block; width: 70px; height:70px; background: url('../images/tent0303_thm.png') no-repeat 0 0;} a#tent0401 { display: block; width: 70px; height:70px; background: url('../images/tent0401_thm.png') no-repeat 0 0;} a#tent0402 { display: block; width: 70px; height:70px; background: url('../images/tent0402_thm.png') no-repeat 0 0;} a#tent0403 { display: block; width: 70px; height:70px; background: url('../images/tent0403_thm.png') no-repeat 0 0;} a#tent0501 { display: block; width: 70px; height:70px; background: url('../images/tent0501_thm.png') no-repeat 0 0;} a#tent0502 { display: block; width: 70px; height:70px; background: url('../images/tent0502_thm.png') no-repeat 0 0;} a#tent0503 { display: block; width: 70px; height:70px; background: url('../images/tent0503_thm.png') no-repeat 0 0;} #thelodge a.link:link, #thelodge a.link:visited { font: normal 10px Verdana, Geneva, sans-serif; text-decoration: none; color: #999; text-align: left; display: block; width: 138px; padding: 5px 4px 5px 13px; background: #FFF url('../images/icon_smlarrow.png') no-repeat center right; } #thelodge a.link:hover { display: block; width: 138px; padding: 5px 4px 5px 13px; text-decoration: underline; background:#FFF url('../images/icon_smlarrow.png') no-repeat center right;color:#7b0406;} /*=Layout - the lodge - accommodation- Headings breadcrumbs*/ #functions h2.functions { text-indent:-9000px; background: url('../images/functions.gif') no-repeat 0 0; width: 300px; height: 20px;} #aboutus h2.sitemap { text-indent:-9000px; background: url('../images/sitemap.gif') no-repeat 0 0; width: 300px; height: 20px;} #thelodge h2.accommodation { text-indent:-9000px; background: url('../images/thelodgeaccommdation.gif') no-repeat 0 0; width: 300px; height: 20px;} #thelodge h2.activities { text-indent:-9000px; background: url('../images/thelodgeavtivities.gif') no-repeat 0 0; width: 300px; height: 20px;} #thelodge h2.conferences { text-indent:-9000px; background: url('../images/thelodgconferences.gif') no-repeat 0 0; width: 300px; height: 20px;} #thelodge h2.weddings { text-indent:-9000px; background: url('../images/thelodgweddings.gif') no-repeat 0 0; width: 300px; height: 20px;} #thelodge h2.contactus { text-indent:-9000px; background: url('../images/contactus.gif') no-repeat 0 0; width: 300px; height: 20px;} #thelodge h2.mainsuite { text-indent:-9000px; background: url('../images/accom_mainsuite.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.brookersuite { text-indent:-9000px; background: url('../images/accom_brookersuite.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.duckroom { text-indent:-9000px; background: url('../images/accom_duckroom.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.owlroom { text-indent:-9000px; background: url('../images/accom_owlroom.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.bushman { text-indent:-9000px; background: url('../images/accom_bushman.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock01 { text-indent:-9000px; background: url('../images/accom_stableblock01.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock02 { text-indent:-9000px; background: url('../images/accom_stableblock02.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock03 { text-indent:-9000px; background: url('../images/accom_stableblock03.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock04 { text-indent:-9000px; background: url('../images/accom_stableblock04.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock05 { text-indent:-9000px; background: url('../images/accom_stableblock05.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock06 { text-indent:-9000px; background: url('../images/accom_stableblock06.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock07 { text-indent:-9000px; background: url('../images/accom_stableblock07.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock08 { text-indent:-9000px; background: url('../images/accom_stableblock08.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock09 { text-indent:-9000px; background: url('../images/accom_stableblock09.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.stableblock10 { text-indent:-9000px; background: url('../images/accom_stableblock10.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.thetentedcamp { text-indent:-9000px; background: url('../images/acc_thetentedcamp.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.thecottage { text-indent:-9000px; background: url('../images/acc_thecottage.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.tent01 { text-indent:-9000px; background: url('../images/acc_tent01.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.tent02 { text-indent:-9000px; background: url('../images/acc_tent02.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.tent03 { text-indent:-9000px; background: url('../images/acc_tent03.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.tent04 { text-indent:-9000px; background: url('../images/acc_tent04.gif') no-repeat 0 0; width: 400px; height: 20px;} #thelodge h2.tent05 { text-indent:-9000px; background: url('../images/acc_tent05.gif') no-repeat 0 0; width: 400px; height: 20px;} #aboutus h2.meettheanimals { text-indent:-9000px; background: url('../images/meettheanimals.gif') no-repeat 0 0; width: 400px; height: 20px;} #aboutus h2.meettheteam { text-indent:-9000px; background: url('../images/meettheteam.gif') no-repeat 0 0; width: 400px; height: 20px;} #aboutus h2.gallery { text-indent:-9000px; background: url('../images/gallery.gif') no-repeat 0 0; width: 400px; height: 20px;} #aboutus h2.presspr { text-indent:-9000px; background: url('../images/ab_pressandpr.gif') no-repeat 0 0; width: 400px; height: 20px;} #restaurant h2.restuarant { text-indent:-9000px; background: url('../images/restaurantandbar.gif') no-repeat 0 0; width: 300px; height: 20px;} #specialoffers h2.specialoffers { text-indent:-9000px; background: url('../images/Specialoffers.gif') no-repeat 0 0; width: 300px; height: 20px;} #rangersreports h2.rangersreports { text-indent:-9000px; background: url('../images/rangersreports.gif') no-repeat 0 0; width: 300px; height: 20px;} #newsletter h2.newsletter { text-indent:-9000px; background: url('../images/newsletter.gif') no-repeat 0 0; width: 300px; height: 20px;} #thankyou h2.thankyou { text-indent:-9000px; background: url('../images/thankyou.gif') no-repeat 0 0; width: 300px; height: 20px;} ul.backTopBut { float: right; width: 100%;} ul.backTopBut a:link, ul.backTopBut a:visited { float: right; font: 10px Verdana, Geneva, sans-serif; text-align: left; text-decoration: none; width: 78px; height: 75px; display: block; background: transparent url('../images/btn_top.png') no-repeat top left; color: #FFF; border: none; text-indent:-90000px; } ul.backTopBut a:hover { float: right; background: transparent url('../images/btn_top.png') no-repeat bottom left; } ul.backTopBut { float: right; width: 100%;} .topDeck ul { padding: 5px 5px 10px 5px;} .topDeck ul li { font: normal 11px Verdana, Geneva, sans-serif, Corbel; color: #333; background: url('../images/icon_lists.png') no-repeat top left; padding: 0 16px; line-height:16px;} .right a:link, .right a:visited { font: normal 11px Verdana, Geneva, sans-serif; text-decoration: none; color: #333;} .right a:hover { font: normal 11px Verdana, Geneva, sans-serif; text-decoration: underline; color: #7b0406;} a.contact { margin: 0 6px; float:left; display: inline; width: 168px; height:51px ;} a.specials { float:left; display: inline; width:278px ; height:51px ;} /*=Typography ----------------*/ p { font:normal 11px Verdana, Geneva, sans-serif; color: #333; line-height: 16px; padding: 5px 5px 10px 5px;} h1 {} h2 {} h3 {font: bold 12px Verdana, Geneva, sans-serif; color:#393931; padding: 5px 5px 5px 5px; } h5 span { font: 10px Arial, Helvetica, sans-serif;} h4 {font: bold 11px Verdana, Geneva, sans-serif; color:#393931; padding: 5px 5px 5px 5px; width: 100%; border-bottom: 1px solid #d7daab;} h5 {font: bold 12px Verdana, Geneva, sans-serif; color:#393931; padding: 5px 5px 5px 5px; border-bottom: 1px solid #D7DAAB; margin-bottom: 10px ;} h6 {} p.rule { border-bottom: 1px solid #d7daab;} /*=Navigation ----------------*/ /*=Form ----------------*/ #subscribe { display: block; width: 179px; background: url('../images/bg_subscribe.png') repeat-x top left;,-moz-border-radius-topleft:5px ; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright:5px ; -webkit-border-top-right-radius:5px ; height:200px;} #subscribe h1 { background:url(../images/hedsubscribe.gif) no-repeat 0 0; width: 81px; height:12px ; text-indent:-999999px; position: relative; top: 10px; left: 10px;} #subscribe span.txt { font: normal 10px Verdana, Geneva, sans-serif; color: #FFF; position: relative; top:13px; left:10px; padding: 4px 0 4px 0;} #subscribe #tipdk-tipdk, #subscribe #name { display: block; padding: 4px; width: 140px; height: 15px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: normal 10px Verdana, Geneva, sans-serif; color: #999; position: relative; top: 5px; left: 0;} #subscribe #submit { border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#FFF; font: normal 10px Verdana, Geneva, sans-serif; background:#7C0408; padding:3px; cursor: pointer;} #subscribe form label { font-family: Verdana, Geneva, sans-serif; font-size: 11px; padding-left:4px; margin: 12px 5px; color: #666; z-index:1;} #subscribe form p { position: relative; margin: 5px 0; left:7px; } #subscribe form p label { position: absolute; top: 0; left: 0;} #subscribe form p br { display: none;} #subscribe form fieldset p input, #subscribe form fieldset p textarea { font: normal 11px Verdana, Geneva, sans-serif; color:#666; display: block; padding: 0px; width: 140px; margin: 0 0; padding: 0 0; color: #333;} #subscribe form fieldset p label { width:140px; display: block; margin: 0 0; padding: 0 0; font: normal 11px Verdana, Geneva, sans-serif; color:#666;} #subscribe a { text-decoration: none; font:normal 10px Verdana, Geneva, sans-serif; color: #666;} #subscribe a:hover { color:#7C0408; text-decoration: underline;} #login label { font: normal 10px Verdana, Geneva, sans-serif; margin: 0 0;} #loginhead { margin: 0 auto;} #login { width: 200px; height: 200px; margin: 0 30px;} #login .login { border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#FFF; font: normal 10px Verdana, Geneva, sans-serif; background:#7C0408; } .contactDetails .leftcol { float: left; margin: 0 5px;} .contactDetails .rightcol { float: left; margin: 0 40px;} .contactDetails h3 { font: bold 13px Verdana, Geneva, sans-serif; color:#393931; padding: 5px 5px 5px 5px;} .contactform .left { float: left; width: 220px;} .contactform .right { float: right; width: 220px; position: relative; right: 95px; top: 0px;} .contactform .footer { clear: both; width: 420px;} .contactform form fieldset textarea, form label { font-family: Verdana, Geneva, sans-serif; font-size: 12px; padding: 0px 26px 0px 5px; margin: 11px 4px; color: #666; height: 30px;} form p { position: relative; margin: 10px 0;} form p label { position: absolute; top: 0; left: 0; width: 142px; } form p br { display: none;} form fieldset p input, form fieldset p textarea { font: normal 11px Verdana, Geneva, sans-serif; color:#666; display: block; padding: 0px; width: 290px; margin: 10px; color: #333;} .contactform form fieldset p label { width:200px; display: block; margin: 0 0; padding: 20px; font: normal 11px Verdana, Geneva, sans-serif; color:#666;} .contactform #contact, .contactform #firstname, .contactform #email, .contactform #surname, .contactform #topic { width: 220px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #CCC; font: normal 11px Verdana, Geneva, sans-serif; color:#666; padding:6px;} .contactform #comments { width: 460px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #CCC; font: normal 11px Verdana, Geneva, sans-serif; color:#666; padding:4px;} /*JSCrollPane styles--------------------------------------------------*/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;} .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #f4f5e7; } .jScrollPaneDrag { position: absolute; background: #7b0406; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover {/*background-color: #f60;*/} a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/} a.jScrollArrowUp { background: url(../images/basic_arrow_up.gif) repeat-x 0 0;} a.jScrollArrowUp:hover {background-position: 0 -15px;} a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;} a.jScrollArrowDown:hover { background-position: 0 -15px;} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;} .orange-bar .jScrollPaneTrack { background: #f60;} .orange-bar .jScrollPaneDrag { background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;} .orange-bar .scroll-pane { background: #69f; } .holder {float: left; margin: 10px; } /*mypane------------------ = homepage blurb text alignment and styles*/ #homeTxt { margin: 10px 0;} #pane1 { width:350px; height: 186px} .scroll-pane { width: 200px; height: 200px; overflow: auto; background: #F8F8EF; float: left; } .wide { width: 400px;} .super-wide { width: 700px; } .tall { height: 400px; } #pane2 { height: 150px;} #pane3 { height: 190px;} #pane4 { height: 190px;}