/* ####################################### */
/* ####### BASIC BACKGROUND SETUP ######## */
/* ####################################### */

body {	
	background-color: #520017;
	background-image: url(/images/fawsley/pantone-202/body_bg.jpg);
}

#page {
	background-image: url(/images/fawsley/pantone-202/body_top_strap_bg.gif);
}

.a-layout-horizontal div.section {
	background-image: url(/images/fawsley/pantone-202/page_bg.png);
}


/* ####################################### */
/* ############## HEADER ################# */
/* ####################################### */


/* SITE LOGO
------------------------------------------------*/

#logo {
	float: left;
	padding-left: 20px;
}

#site-logo {
	width: 123px;
	height: 87px;
}


/* SLIDESHOW
------------------------------------------------*/

#page-imagery .proto-navigation {
	position: absolute;
	left: -9999px;
}

/* ####################################### */
/* ############# NAVIGATION ############## */
/* ####################################### */

/* NAV PRIMARY
------------------------------------------------*/

#nav-primary {
	background-color: #59011A;
	background-image: url(/images/fawsley/pantone-202/nav_primary_bg.jpg);
	border-color: #98293C #98293C #98293C #98293C;
}

.active-section a:link,
.active-section a:visited {
	background-color: #59011A;
	color: #fff;
	-webkit-box-shadow: 1px 1px 0 #872434;		/* Creates a inner bevel effect */
	-moz-box-shadow: 1px 1px 0 #872434;
	box-shadow: 1px 1px 0 #872434;
}

.pri-level-1-item a:link,
.pri-level-1-item a:visited {
	color: #F8F9EC;
}

.pri-level-1-item a:hover,
.pri-level-1-item a:focus {
	background-color: #98293C;
	color: #fff;
	-webkit-box-shadow: 1px 1px 0 #98293C;		/* Creates a inner bevel effect */
	-moz-box-shadow: 1px 1px 0 #98293C;
	box-shadow: 1px 1px 0 #98293C;
}

/* Cancels the active section highlight in the drop down */
.active-section .pri-level-2-item a:link,
.active-section .pri-level-2-item a:visited {
	background-color: transparent;
	color: #fff;
	-webkit-box-shadow: 0 0 0 #7A0026;;		
	-moz-box-shadow: 0 0 0 #7A0026;
	box-shadow: 0 0 0 #7A0026;;
}

/* reinstates the hover on the drop downs */
#nav-primary li.pri-level-2-item a:hover,
#nav-primary li.pri-level-2-item a:focus {
	background-color: #711F2C;
}

/* sets the bg colour of drop downs */
.nav-primary-level-2,
.nav-primary-level-3 {
	background-color: #59011A;
}

/* NAV SUB
------------------------------------------------*/

.nav-sub-parent a:link,
.nav-sub-parent a:visited {	
	border-color:#98293C #59011A #59011A;
	background-image: url(/images/fawsley/pantone-202/nav_primary_bg.jpg);
	background-color:#59011A;
}


/* ####################################### */
/* ############### FOOTER ################ */
/* ####################################### */

.a-layout-horizontal div#footer {
	background: transparent url(/images/fawsley/pantone-202/page_bottom_bg.png) no-repeat 0 0;		/* adds bottom shadow and cancels white content bg */
}



/* NAV DIRECTORY
------------------------------------------------*/


#nav-directory h6.offScreen {
	background-image		: url(/images/fawsley/pantone-202/nav_directory_crest.gif);
}

.nav-directory-section-header a:link, .nav-directory-section-header a:visited {
	color:#7D786B;
}
 
.inner-foot-list a:link,
.inner-foot-list a:visited {
	color: #7D786B;
}


#signpost-directory a {
	background-image: url(/images/fawsley/pantone-202/property_signpost.jpg);
	margin-right: 0;
}
#sister-property-fawsley a {
	background-image: url(/images/fawsley/pantone-202/sister_properties_fawsley.jpg);
	margin-right: 0;
}

#sister-property-grayshott a {
	background-image: url(/images/fawsley/pantone-202/sister_properties_grayshott.jpg);
	margin-right: 0;
}


#sister-properties li a:link, #sister-properties li a:visited {
	color:#7D786B;
}

/* ####################################### */
/* ########## 		FOOTERS 	########## */
/* ####################################### */
/* 
#site-info-links {
	background-image		: url(/images/fawsley/pantone-202/footer_no-crest.png);
}
 */
#site-info-links a:link, 
#site-info-links a:visited, 
#site-credits a:link, 
#site-credits a:visited, 
#site-credits,
#site-copyright {
	color:#7D786B;
}

#site-credits,
#site-copyright {
	color: #A39E92;
}




/* ####################################### */
/* ########### CALL TO ACTION ############ */
/* ####################################### */

a:visited,
a:link {
	color: #872434;
}

.cta:link,
.cta:visited,
.f-submit-unit button {		/* applies to <a> only */
	background-color: #872434;
}

.cta-dark:link,
.cta-dark:visited {
	background-color: #59011A;
}

.cta-dark:hover,
.cta-dark:focus {
	background-color: #111;
}

.cta-secondary:link,
.cta-secondary:visited {
	background-color: #9D957B;
}


.tw,
.fb {
	background-position: 0 0.55em;
	background-repeat: no-repeat;
	padding-left: 25px;
	display: inline-block;
	padding-top: 0.5em;
}

.tw {
	background-image: url(/r/i/icons/socialmediaicons/twitter-16x16.png);
}

.fb {
	background-image: url(/r/i/icons/socialmediaicons/facebook-16x16.png);
}



/* ####################################### */
/* ############# SIDE PANELS ############# */
/* ####################################### */

/* SOCIAL MEDIA
------------------------------------------------*/

/*.mode-fawsley .e-post-nav-cta {
	background-color: #F7F7F7;
	border:1px solid #ECECEC;	
}

.mode-fawsley .e-post-nav-cta div {
	border:1px solid #fff;	
	padding: 10px;
}

.mode-fawsley .e-post-nav-cta .twitter-link {
	background: url(/r/i/icons/socialmediaicons/twitter-16x16.png) no-repeat 0 50%;
	padding-left: 26px;
	margin: 0;
}

.mode-fawsley .e-post-nav-cta .facebook-link {
	background: url(/r/i/icons/socialmediaicons/facebook-16x16.png) no-repeat 0 50%;
	padding-left: 26px;
	margin-bottom: 0;
}*/





/* ####################################### */
/* ########## SEASONAL PACKAGES ########## */
/* ####################################### */

/* PACKAGE LISTING
------------------------------------------------*/



.seasonal-packages .package {
	float: left;
	width: 210px;
	overflow: hidden;
	margin-right: 20px;
}

.seasonal-packages .package h3 {
	height: 60px;
	margin-bottom: 0.2em;
}

.package-row {
	overflow: hidden;
	clear: both;
	padding-bottom: 40px;
}


/*#package-3,
#package-6,
#package-9,
#package-12,
#package-15 {
	margin-right: 0;
}


#package-4,
#package-7,
#package-10,
#package-13,
#package-16 {
	clear: left;
}*/

a.package-img:link,
a.package-img:visited {
	border: 1px solid #e1e1e1;
	padding: 1px;
	margin-bottom: 0.5em;
	display: block;
}

a.package-img:hover,
a.package-img:focus {
	border-color: #638A85;
}

.package .img-link {
	display: block;
	height: 100px;
	overflow: hidden;
	background: no-repeat 50% 50%; 
}

.package img {
	vertical-align: bottom;
	position: absolute;
	top: 0;
	left: -9999px;
}



/* PACKAGE DETAIL
------------------------------------------------*/

.package-detail table {
	width: auto;
}




/* PACKAGE OVERIDES
------------------------------------------------*/

.package-19 .img-link {
	background-position: 50% -45px
}

.package-45 .img-link {
	background-position: 50% -130px
}

.package-52 .img-link {
	background-position: 50% -171px
}

.package-54 .img-link {
	background-position: 50% -155px
}

.package-53 .img-link {
	background-position: 50% -139px;
}

 






/* ####################################### */
/* ###########SPECIAL OFFERS  ############ */
/* ####################################### */



p.price-box {
background-color:#F7F7F7;
border:1px solid #ACACAC;
color:#872434;
font-size:1.1em;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

.silverstone-block {
	border-top: 1px dotted #ccc;
	padding-top: 1.5em;
}




/* ####################################### */
/* ############## OVERIDES ############### */
/* ####################################### */

#sub-copy ul li, 
#sub-copy ol li {
	background:0;
	list-style:disc inside none;
	margin-bottom:0;
	padding-left:0;
}




.videos-list .video {
	float: left;
	width: 210px;
	overflow: hidden;
	margin-right: 20px;
}

.videos-list .video h3 {
	height: 45px;
	margin-bottom: 0.2em;
}

.video-row {
	overflow: hidden;
	clear: both;
	padding-bottom: 40px;
}

a.video-img:link,
a.video-img:visited {
	border: 1px solid #e1e1e1;
	padding: 1px;
	margin-bottom: 0.5em;
	display: block;
	position: relative;
}

a.video-img:hover,
a.video-img:focus {
	border-color: #638A85;
}

.video .img-link {
	display: block;
	height: 130px;
	overflow: hidden;
	background: no-repeat 50% 50%;
}

.video img {
	vertical-align: bottom;
	position: absolute;
	top: 0;
	left: -9999px;
}

.video-overlay {
	background: url(/images/global/video-overlay.png) no-repeat;
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	display: none;
}

.video-img:hover .video-overlay {
	display: block;
}