@charset "UTF-8";
/* CSS Document */

/* CORE */

body {margin:0px; padding:0px; background: #000000 url(../images/bg-span.jpg) repeat-x 0 0; font-family: arial, helvetica, sans-serif; font-size:13px; line-height:18px;}
.bgImg {background: url(../images/bg-biggin.jpg) no-repeat center 0; width:100%;}

.boxWelcome .Content h2 span {font-size:34px; font-weight: lighter; text-transform:uppercase; margin-bottom:0px;}
h1 {font-size:16px; font-weight: lighter; margin-top:0px;}
.threecol2 h2 span {font-size:26px; line-height:29px; font-weight: lighter; margin-top:0px; width:100%; display:block; padding-bottom:8px; border-bottom:1px dotted #cccccc;}
h2 {font-size:16px; margin-top:0px;}
h2 span {font-size:16px; margin-top:0px; font-weight:lighter;}
h3, h4, h5, h6 {font-size:15px; margin-top:0px;}
p {font-size:13px; line-height:18px; margin-top:0px; margin-bottom:10px;}
ol, ul {color:#000000; padding:0px 0px 0px 18px; font-size:13px;}
ol li, ul li {color:#000000; font-size:13px;}

hr {color:#ffffff; border:1px dotted #cccccc; margin:8px 0 15px 0;}

table, tr, td {font-size:13px; line-height:18px;}

a {color:#2f78ae;}

.clear {clear:both;}

.crumb {padding:15px 20px;}
ul.breadcrumb { list-style:none; padding:0; margin:0; font-size:12px;}
ul.breadcrumb li { padding:0; margin:0; display:inline; color:#000000; }

/* TOP NAVIGATION */
#menu {list-style:none; color:#ffffff; margin:0px; float:right; padding-top:3px;}
#menu li {float:left; padding:0 10px; border-left:1px #ffffff solid; color:#ffffff;}
#menu li.first {border:0px;}
#menu li a {color:#ffffff; text-decoration:none;}


#navTop {height:27px; background: #2f7ea5; width:100%; padding-top:5px;}
	#navTop .container p a, #navTop .container p {color:#ffffff; text-decoration:none; font-size:11px;}
	#navTop .container p {float:right;}
.container {width:993px; margin:0 auto;}

.search {float:right; margin-left:20px;}
	.search input {background:#ffffff url(../images/white-search_02.png) no-repeat top right; color:#143443; border:0px; height:19px; padding:3px 5px 0px 0px; margin:0px; float:left;}
	.search input.btnSub {background:#ffffff url(../images/white-search_01.png) no-repeat top left; color:#143443; border:0px; height:22px; width:22px; padding:0px; margin:0px; cursor:pointer;}
	

/* MAIN */
#logo {height:166px;}
#main {width:993px; background: #9b9b9b; margin: 0 auto;}
.col1 {float:left; width:727px;}
	.col1a {float:left; width:723px;}
		.col1a ul {float:left; width:220px; margin-top:0px;}
.col2 {float:left; width:266px;}
	.col2a {float:left; width:198px;}

/* NAV */
#navMain {background: #254a5d url(../images/nav-span.jpg) repeat-x 0 0; height:51px; width:100%;}
	.navMainul {list-style:none; margin:0px; padding:0px; height:51px; background: url(../images/nav-tr.jpg) no-repeat top right;}
	.navMainul li {width:100px; height:51px; float:left; font-size:16px; color:#fff; text-shadow: #000 1px 1px; border-right:1px #182d36 solid; border-left:1px #44697b solid; letter-spacing:-1px;}
	.navMainul li a {color:#ffffff; text-decoration:none; display:block; height:51px;}
	.navMainul li a:hover { text-decoration:underline; }
	* html .navMainul li a {display:auto; height:auto; width:auto;}
	.navMainul li.navleft:hover {background:url(../images/nav-tl-active.jpg) no-repeat top left;}
	
	.navMainul li.navright:hover {background:url(../images/nav-tr-active.jpg) no-repeat top right;}
	
	.navMainul li:hover {background:url(../images/nav-span-active.jpg) repeat-x 0 0;}
	
	li.navleft {background: url(../images/nav-tl.jpg) no-repeat 0 0; border-left:none !important;}
	li.navright {border-right:none !important; padding-right:13px !important;}
	
	.navMainul li.nav-1 {background: url(../images/nav-fixed_01.jpg) no-repeat 0 0; width:124px; border-left:none !important;}
		.navMainul li.nav-1:hover {background: url(../images/nav-fixedover_01.jpg) no-repeat 0 0; width:124px; border-left:none !important;}
		.navMainul li.nav-1.active {background: url(../images/nav-fixedover_01.jpg) no-repeat 0 0; width:124px; border-left:none !important;}
	.navMainul li.nav-2 {background: url(../images/nav-fixed_02.jpg) no-repeat 0 0; width:169px;}
		.navMainul li.nav-2:hover {background: url(../images/nav-fixedover_02.jpg) no-repeat 0 0; width:169px;}
		.navMainul li.nav-2.active {background: url(../images/nav-fixedover_02.jpg) no-repeat 0 0; width:169px;}
	.navMainul li.nav-3 {background: url(../images/nav-fixed_03.jpg) no-repeat 0 0; width:163px;}
		.navMainul li.nav-3:hover {background: url(../images/nav-fixedover_03.jpg) no-repeat 0 0;}
		.navMainul li.nav-3.active {background: url(../images/nav-fixedover_03.jpg) no-repeat 0 0;}
	.navMainul li.nav-4 {background: url(../images/nav-fixed_04.jpg) no-repeat 0 0; width:150px;}
		.navMainul li.nav-4:hover {background: url(../images/nav-fixedover_04.jpg) no-repeat 0 0; width:150px;}
		.navMainul li.nav-4.active {background: url(../images/nav-fixedover_04.jpg) no-repeat 0 0; width:150px;}
	.navMainul li.nav-5 {background: url(../images/nav-fixed_05.jpg) no-repeat 0 0; width:168px;}
		.navMainul li.nav-5:hover {background: url(../images/nav-fixedover_05.jpg) no-repeat 0 0; width:168px;}
		.navMainul li.nav-5.active {background: url(../images/nav-fixedover_05.jpg) no-repeat 0 0; width:168px;}
	.navMainul li.nav-6 {background: url(../images/nav-fixed_06.jpg) no-repeat 0 0; width:209px; border-right:none !important;}
		.navMainul li.nav-6:hover {background: url(../images/nav-fixedover_06.jpg) no-repeat 0 0; width:209px; border-right:none !important;}
		.navMainul li.nav-6.active {background: url(../images/nav-fixedover_06.jpg) no-repeat 0 0; width:209px; border-right:none !important;}
	
/* HOVER MENU */
ul.actions {background:#011e2d !important; border:1px #011e2d solid; list-style:none; padding:10px 5px; display:none;}
ul.actions li {height:auto; float:none; border:none; padding:2px; letter-spacing:0px; text-shadow:none; color:#ffffff; width:auto !important;}
ul.actions li h3 {margin-bottom:3px; color:#40d1f0;}
ul.actions li a {color:#ffffff; font-size:12px; height:auto;}
	ul.actions li:hover {background:none;}
	
.hover-menu {z-index:450;}

/* BACK UP
ul.actions {background:#011e2d !important; width:200px; border:1px #011e2d solid; list-style:none; padding:10px 5px; position:relative !important; left:0px!important;}
ul.actions li {height:auto; float:none; border:none; padding:2px; letter-spacing:0px; text-shadow:none; color:#ffffff; width:auto !important;}
ul.actions li h3 {margin-bottom:3px; color:#40d1f0;}
ul.actions li a {color:#ffffff; font-size:12px; height:auto;}
	ul.actions li:hover {background:none;}
	
.hover-menu {} */
	
/* SEC NAV */
.secNav {list-style:none; font-size:14px; margin:0px; padding:0px;}
	.secNav li {border-bottom: dotted #cccccc 1px;}
	.secNav li h3 {margin-bottom:0px;}
	
	.secNav li a {display:block; padding:7px 0 7px 4px; text-decoration:none;}
	.secNav li a:hover, .secNav li.active a {background-color:#283d47; width:100%; padding:6px 0 6px 4px; margin:1px 0;color:#ffffff;}
	.secNav li.active li a { background:#fff; color:#2F78AE; }
	
.slInt ul {list-style:none;} .slInt ul li {border:none !important; padding:5px 0;}

/* TOP FEATURE BOX */
#featureTop {height:299px; overflow:hidden; background: #bababb url(../images/box-bg-top.jpg) no-repeat 0 0;}
#Topint {background: url(../images/box-bg-top.jpg) no-repeat 0 0; padding-top:10px;}

/* SMALL GALLERY */
.smallGal {padding-left:7px; padding-top:7px;}
	.smallGal ul {list-style:none; padding:0px; margin:0px;}
	.smallGal ul li {list-style:none; margin-top:3px;}
.smallGal img {margin-left:4px; margin-top:5px;}

/* MAIN GALLERY */
.gallery {clear:both; margin:0px; padding:0px; list-style:none; width:450px;}
	/* .gallery li {padding:10px; border:1px solid #cccccc; width:120px; min-height: 115px; display: -moz-inline-stack; display: inline-block; vertical-align: top;zoom: 1; *display: inline;  _height: 115px;} */
	.gallery li {float:left; padding:10px; height:70px; overflow:hidden;}
	.image img {border:1px #cccccc solid;}

/* BOOKING */
#booking {list-style:none; padding:0px; margin:0px;}
#booking_list_counter a {color:#ffffff; margin:0 5px;}

/* BUTTON */

.btnBak input {background: url(../images/videoBTN.png) no-repeat 0 0; width:360px; height:36px; border:none; cursor:pointer; font-size:13px;}
.btnBakRight {background: url(../images/btn_bluer.png) no-repeat top right; width:360px; height:36px;}
.btnBak {background:none; width:360px; height:36px;}

.videoBTN2 {height:104px; width:189px; border:none; background: url(../UserFiles/images/biggin-hill-vid.png) no-repeat 0 0; margin-left:5px; cursor:pointer;}
	* html .videoBTN2 {margin-left:0px;}

/* MAIN BOXES */
#mainBoxes {background: #999999 url(../images/box-bg-span.jpg) repeat-x 0 0;}

	.Content {padding:0 10px;}
	
	/* BLUE TOP IN SEPEARTE STYLESEHHETS */
	.blueTopExp {background: url(../images/header-inttile2.gif) repeat 0 0;}	
		
	.whiteBot {width:100%; height:7px;}
			.whiteBL { background: url(../images/white-bl.jpg) no-repeat 0 0; height:7px; width:7px; float:left;}
			.whiteBR {background: url(../images/white-br.jpg) no-repeat 0 0; height:7px; width:7px; float:right;}
			
	.greyTop {width:100%; height:7px;}
			.greyTL { background: url(../images/boxgrey_tl.jpg) no-repeat 0 0; height:7px; width:7px; float:left;}
			.greyTR {background: url(../images/boxgrey_tr.jpg) no-repeat 0 0; height:7px; width:7px; float:right;}
	
	.greyBot {width:100%; height:7px;}
			.greyBL { background: url(../images/boxgrey_bl.jpg) no-repeat 0 0; height:7px; width:7px; float:left;}
			.greyBR {background: url(../images/boxgrey_br.jpg) no-repeat 0 0; height:7px; width:7px; float:right;}
	
	.whiteTop {width:100%; height:7px;}
			.whiteTL { background: url(../images/white-tl.jpg) no-repeat 0 0; height:7px; width:7px; float:left;}
			.whiteTR {background: url(../images/white-tr.jpg) no-repeat 0 0; height:7px; width:7px; float:right;}
			
	.whiteTopInt {width:100%; height:7px;}
			.whiteTLInt { background: url(../images/white-tlInt.jpg) no-repeat 0 0; height:7px; width:7px; float:left;}
			.whiteTRInt {background: url(../images/white-trInt.jpg) no-repeat 0 0; height:7px; width:7px; float:right;}
			
	.boxWelcome, .boxWeather, .boxContent, .boxNews, .boxInfo {margin-left:10px; margin-bottom:10px; background:#fff; float:left;}
	
	.boxWelcome {width:461px; min-height:217px; _height:217px;}
		.boxWelcome .Content {min-height:169px; _height:169px; padding:17px 24px;}
		
    .boxWeather {width:246px; min-height:217px; _height:217px;}
		.boxWeather h2 {padding-left:0px;}
			* html .boxWeather #wrap {height: 228px !important;}
		.boxWeather .Content {min-height:169px; _height:169px; padding:0px;}
		.gradient1 {background: #b9b9b9 url(../images/box-bg1.jpg) repeat-x 0 0; width:100%; height:71px;}
		.weatherUL {padding-top:5px; margin-left:10px;}
		.weatherUL p {font-size:11px; line-height:16px; text-transform:uppercase;}
		
		.warning {margin:10px; padding:5px; border: #bdbdbd solid 1px; height:94px; overflow:hidden;}
			.warning ul {color: #000; list-style:none; background: url(../images/warning.jpg) no-repeat 0 0; margin:3px;}
    
	.boxContent {width:461px; min-height:307px; _height:307px;}
    	.boxContent .Content {min-height:362px; _height:362px; padding:17px 24px 10px 24px;}
		
		.boxContent .ContentSmaller {min-height:270px; _height:270px; padding:17px 24px 1px 24px;}
		
	.boxNews {width:246px; min-height:289px; _height:289px;}
		* html .boxNews .Content {height:355px !important;}
		.boxNews .Content {min-height:355px; _height:355px; padding-left:0px;}
		.boxNews .Content .Content2 {padding:10px 24px 1px 24px;}
		
		.boxNews .ContentSmaller {min-height:279px; _height:299px; padding-left:0px;}
		.boxNews .ContentSmaller .Content2 {padding:10px 24px 1px 24px;}
			
		.boxNews ul { list-style:none; padding:0; margin:0; }
		
    .boxInfo {width:246px; min-height:534px; _height:534px;}
		.boxInfo .Content {min-height:476px; _height:476px; padding:0px;}
		.gradient2 {background: #b9b9b9 url(../images/box-bg2.jpg) repeat-x 0 0; width:100%; min-height:222px;}
		.gradient2 .small-sky {background: url(../images/small-skyline.png) no-repeat left bottom; width:100%; min-height:222px;padding-bottom:10px;}
		.gradient2 .distance {list-style:none; background: url(../images/travel-icons.png) no-repeat 0 -5px; margin-left:10px;}
		.gradient2 .distance li {list-style:none; height:21px; color:#000; font-weight:bold; padding-left:20px; margin:15px 0;}
		
		.otherIco {list-style:none; background: url(../images/icons-featured.png) no-repeat 0 -5px; margin-left:10px; margin-right:10px;}
		.otherIco li {list-style:none; color:#000; font-weight:bold; padding-left:20px; margin:3px 0px 4px 0px; color:#3572a0;}
		.otherIco li span {color:#000000; font-weight:lighter;}

/* BOX INTERNAL */
.boxInt {width:973px; margin:0 0 10px 10px; background:#ffffff;}
#mainBoxesInt {background: #999999 url(../images/box-bg-span.jpg) repeat-x 0 299px;}

	.threecol1 {padding:0 14px 0 17px; width:197px; float:left;}
	.threecol2 {padding:0 13px 0 12px; width:480px; float:left;}
	.threecol3 {padding:0 10px 0 13px; width:210px; float:left;}
	.threecol2 img {border: 1px #cccccc solid;}

.boxG {width:100%; background:#ebe8e8;}

.contentPad {padding:10px;}
	.contentPad p {font-size:11px;}

/* NEWS */
#newsList ul {list-style:none; color:#000000; padding:0px;}
#newsList ul li {border-bottom: 1px dotted #CCCCCC; padding-top:15px;}
#newsList ul li img {border:1px #cccccc solid;}
#newsList ul li h3 {margin-bottom:3px;}

/* VACANCY MODULE */
.vacancyView .date {font-size:12px;}
.vacancyView h3 {margin-bottom:3px;}

.tableHead {color:#ffffff;}
.tableHead a {color:#ffffff;}

/* JCARO CONTROL */
.jcarousel-control {float:right; position:relative; top:255px; margin-right:40px; z-index:100;}
.jcarousel-control a {display:block; height:24px; width:24px; padding-left:7px; padding-top:3px; margin-right:5px; background: url(../images/caro.png) no-repeat 0 0; color:#ffffff; float:left; text-decoration:none;}

/* FOOTER */
.quickLinks {width:973px; background:#fff; margin-left:10px;}
	.quickLinks .col1a {margin:0px 0px 0px 24px;}
	.quickLinks .col2a {margin:0px;}
#footer {width:993px; height:117px; background: url(../images/main-bottom.jpg) no-repeat 0 0; margin-bottom:10px;}
#footerLinks {margin-bottom:10px;}
#footerLinks p {font-size:10px; color:#ffffff;}
#footerLinks p a {font-size:10px; color:#ffffff; text-decoration:none;}
ul.footerMenu { margin:0 auto; padding:0 0 20px 0; width:300px; }
ul.footerMenu li { padding:0px 10px 3px 10px; margin:0; list-style:none; float:left; border-left: solid 1px #fff; height:12px; line-height:12px; }
ul.footerMenu li.first { border:0; }
ul.footerMenu li a { font-size:10px; color:#ffffff; text-decoration:none; }

/* INNERFADE ADDITION */
#portfolio {list-style:none; padding:0px; margin:0px;}
	#portfolio li {height:279px; margin: 10px 10px 0 10px;}
#slide_nav {list-style:none; z-index:200; position:relative; top:-15px; left:700px; width:250px;height:50px;}
#slide_nav li {height:24px; width:17px; padding-left:9px; padding-top:4px; margin-right:5px; background: url(../images/caro.png) no-repeat 0 0; color:#ffffff; text-decoration:none; display:inline-block; float:right;}
#slide_nav li:hover {background: url(../images/caro-over.png) no-repeat 0 0; cursor:pointer;}
#slide_nav li#button_selected {background: url(../images/caro-over.png) no-repeat 0 0;}
#portfolio-desc {list-style:none; padding:110px 0px 0px 30px; width:600px; color:#ffffff;}
#portfolio-desc li h2 {color:#ffffff;}

.featureTop {width:973px; height:47px; background: url(../images/featurehover.png) no-repeat 0 0; position:absolute; bottom:0px; left:0px;}

/* INNERFADE WEATHER */
#portfoliowet {list-style:none; padding:0px; margin:0px;}
	#portfoliowet li {width:100%;}
#portfolio-descwet {list-style:none; padding:0px; margin:0px;}

#controller span {display: none;}
.jFlowSelected {display:block !important;}
.jFlowPrev, .jFlowNext {margin-top:5px; cursor:pointer;}

/* GOOGLE MAP */
#map_canvas {border: 1px solid #cccccc;}

/* ADDITIONAL */
.blueLink {color:#2f78ae; cursor:pointer;}
.tblBord td {background:#ebe8e8;}
.noBord {border:none !important;}

/* local feature
--------------------*/
.localFeature { background:url(../images/icons-local.png) no-repeat 0px 0px; padding:0 0 0 28px;}
	.localFeature ul {}
	.localFeature ul li { line-height:22px}
	.localFeature ul li a { text-decoration:none;}
	.localFeature ul li a:hover { text-decoration:underline;}

/* feature fix
--------------------*/
.blueTop h2 { margin:0px!important; padding-bottom:10px; padding-right:10px;}