/*page layout background image*/ #pagelayout{ position: relative; margin: 20px auto 0 auto; width:824px; text-align: left; background: #FFF9E9 url(../images/bg1_03.gif) left top no-repeat; } .propv {float: left; height: 600px;} .clear {clear: left;} /*------------- content ---------------*/ #main { background: #FFF9E9 url(../images/bg1_05.gif) left top repeat-y; position: relative; width: 824px; top: 10px;} #content { float: right; width: 606px; margin-bottom: 10px; padding: 0;} #flashcontent { position: relative; top: 35px;} #flashcontent h1{ padding: 0;} #textcont { padding-bottom: 40px; margin:0; background: #e0e5ba; clear: both; width:586px;} /*------------- header ---------------*/ #header { width: 204px; float: left;} #header h1 {background: url(../images/h1.gif) right bottom no-repeat; height: 169px; padding: 0;} #header h1 a {height: 169px;width: 204px; padding: 0; display: block;} #header h1 a:hover {text-decoration: none;} #header h1 a span {position: relative; top: -3000px;} #header p, #header p a {color: #B6C284; font-size: 11px; padding: 10px 0;} #header #contactbox {text-align: center; width: 188px; background: #313D13; position: relative; left: 16px; margin-top: 5px;} /*------------- menu ---------------*/ .nav { position: relative; left: 16px; margin-top: 5px; width: 188px; } .nav ul{ position: relative; left: 14px; top: 5px; width: 174px; padding: 0;} .nav li.last { background: url(../images/mb1.jpg) center top repeat-y; border-bottom: #85875f dashed 1px; margin: 2px 0 10px 0; } .nav ul li { list-style: none; background: url(../images/m1.jpg) center top repeat-y; width: 165px; padding:0; margin: 2px 0 0 0; border-top: #85875f dashed 1px; font-size: 1.1em; } .nav ul li a, .nav ul li a:visited { padding: 0 0 0 10px; color: #1a270c; font-weight: normal; display: block;text-decoration: none; line-height: 24px; } .nav ul li a:hover{ color: #6d7f1a; background: url(../images/m1ro.jpg) repeat-y center top;text-decoration: underline; } #topnav{ background: #B6C284 ;} #bottomnav{ background: #E0E5BA url(../images/navgrad.gif) 0 0 repeat-x; } #bottomnav2{ background: #E0E5BA; } /*les routiere award / sign post*/ #lesroutieraward, #signpost { width: 188px; background: #E0E5BA; color: #1a270c; position: relative; left: 16px; margin-top: 5px;} #lesroutieraward p, #signpost p {color: #1a270c;padding: 3px;} #lesroutieraward p .date, #signpost p .org {font-weight: bold;} #lesroutieraward img, #signpost img {vertical-align: middle; border-width: 0; padding: 0 5px 0 0; } /*britains finest*/ #britainsfinest { width: 188px; color: #1a270c; position: relative; left: 16px; margin-top: 5px; } #britainsfinest p {color: #1a270c;padding: 3px 0;} #britainsfinest img {vertical-align: middle; width: 180px; border-width: 0; padding: 0 0 0; } /*------------- features ---------------*/ #features {margin-bottom: 15px;} #features h3 {position: relative; left: 18px; top: 5px; padding: 5px 5px 0 24px;background: url(../images/fpeople.jpg) left top no-repeat; width: 164px; height: 144px;} #features h3 a {display: block;} #features h3 a:hover {text-decoration: none} #features h3 a span {position: relative; top: -3000px;} #features h3#nightsout {background: url(../images/nightsout.jpg) left top no-repeat;width: 186px; height:90px; padding: 0;} #features h3#nightsout a {width: 186px; height:90px;} #features h3#general {background-image: none; font-style: italic; font-weight: bold; text-align: center; height: 3.6em; padding: 0 0 0 10px; } #features h3#general a{ font-weight: bold; color: #1a270c; padding: 10px 10px; border-width: 1px 0; border-style: dashed; } #features h3#general a:hover { color: #85131f; text-decoration: underline;} /*annadavies*/ #features h3#shopping {background: url(../images/f_anna.gif) left top no-repeat;width: 186px; height:90px; padding: 0;} #features h3#shopping a {width: 186px; height:90px;} /*coedfa*/ #features h3#coedfa {background: url(../images/f_coedfa.gif) left top no-repeat;width: 186px; height:90px; padding: 0;} #features h3#coedfa a {width: 186px; height:90px;} #features h3#fpeople {background-image: url(../images/fpeople.jpg);} #features h3#fpeople a {display: block; color: white; font-size: 1.5em; font-weight: normal; font-style: italic; height:90px;} #features h3#fvalentine {background-image: url(../images/fvalentine.jpg);} #features h3#fvalentine a {display: block; padding: 75px 0 30px 0; color: #85131f; font-weight: normal; font-style: italic;} #features h3#fvalentine a:hover {text-decoration: underline;} #features h3#feaster {background-image: url(../images/feaster.jpg);} #features h3#feaster a {display: block; padding: 0 0 30px 0; color: #663333; font-style: italic;} #features h3#feaster a:hover {text-decoration: underline;} #features h3#fdewi {background-image: url(../images/fdewisant3.jpg); padding: 7px 15px 0 14px; text-align: right;} #features h3#fdewi a {display: block; padding: 0 0 30px 0; color: #1a270c; font-weight: normal; font-size: 1.0em; } #features h3#fdewi a:hover {color: #990000;} #features h3#fdewi a [lang="cy"] {color: #990000; font-weight: bold;} #features h3#fbhol {background-image: url(../images/fbhol.jpg); padding: 10px 14px 0 15px; text-align: right;} #features h3#fbhol a {display: block; padding: 0 0 30px 0; color: #fff; font-weight: normal; font-size: 1.4em; font-weight: bold; line-height: 1.6em;} #features h3#fbhol a:hover {text-decoration: underline;} /*new year feature*/ #features h3#fnewyear {background-image: url(../images/fnewyear08.jpg); padding: 10px 14px 0 15px; text-align: center;} #features h3#fnewyear a {display: block; padding: 80px 20px 0 10px; color: #fff; font-size: 1.2em; font-style: italic; font-weight: bold; line-height: 1.4em;} #features h3#fnewyear a:hover {text-decoration: underline;} /*xmas feature*/ #features h3#fxmas {background-image: url(../images/fxmas.jpg); padding: 10px 14px 0 15px; text-align: center;} #features h3#fxmas a {display: block; padding: 70px 20px 0 0; color: #fff; font-size: 1.2em; font-style: italic; font-weight: bold; line-height: 1.4em;} #features h3#fxmas a:hover {text-decoration: underline;} /*xmas voucher*/ #features h3#voucher {background-image: url(../images/fxmasvoucher.jpg); padding: 10px 14px 0 15px; text-align: center;} #features h3#voucher a {display: block; padding: 70px 20px 0 0; color: #69531a; font-size: 1.2em; font-style: italic; font-weight: bold; line-height: 1.4em;} #features h3#voucher a:hover {text-decoration: underline;} /*iphone app*/ #features #iphoneappbanner {position: relative; left: 18px; top: 5px; padding: 20px 5px 0 0;} #features #iphoneappbanner img {border-width: 0;} /*------------- footer ---------------*/ #f {clear: both; position: relative; margin: 0 auto 0px auto; width: 824px; text-align: left; background: url(../images/bg1_27.gif) left bottom no-repeat; height: 70px; } #f ul { margin: 0 auto; text-align: right; width:784px; height: 50px; background: url(../images/fnew_24.gif) left top no-repeat; padding: 0; } #f li {position: relative; top: 20px; padding: 0 4px;} #f li.last {padding-right: 12px;} #f p { background: 4B343E; text-align: center; padding: 0; position: absolute; top: 70px; width: 824px; color: #e5d3ae; height: 3.5em; } #f p a { color: #886474;} /*infomenu abs positioned - div called by nifty corners*/ #infomenu { position: absolute; top:20px; right:20px; background: #4B343E ; width:586px; text-align: right; margin: 0; padding: 0;} #infomenucont{padding: 5px; margin: 0; } #infomenu ul {padding: 0;} #infomenu ul, #f ul, #f p, .nav ul {font-size: 1.0em;} #infomenu li, #f li {display: inline; list-style: none; border-right: #E0E5BA solid 1px;} #infomenu li {position: relative; top: 0px; padding: 0 4px;} #infomenu li.last, #f li.last { list-style: none; border-right: none; } #infomenu li a, #f li a { color: #E0E5BA;} #infomenu li a:hover, #f ul li a:hover{ text-decoration: underline; color: #fff;} /* form layout for enquiry form*/ table#form {width: 75%; } table#form td {padding: 5px 5px 5px 20px;} table#form tr.row1l td:first-child {text-align: right; font-size: 1.2em;} table#form tr.row2d td{text-align: left;} .row1d td {border-bottom: #CCCBBF 1px solid; border-top: #CCCBBF 1px solid; font-weight: bold; font-size: 1.4em;} .row1l {color: #c5b6d5;} textarea, input, option {color: #333; padding:3px 0 3px 7px ;} /*google map*/ #map {text-align: center;width: 500px; height: 400px; border: #fff solid 10px; margin: 20px;}