@charset "utf-8";
/* //////////////////////////////////////////// */
/* /// Tangent-One CSS Document /////////////// */
/* /// Marstons /////////////////////////////// */
/* ////London 2009 //////////////////////////// */
/* ////andrew.nartey@tangentone.co.uk ///////// */
/* //////////////////////////////////////////// */

/* //////////////////////// */	
/* ///// MARSTONS TAVERNS / */
/* //////////////////////// */

/*RECURRING THEME*/

.wrapper {
	margin:0 auto;
	width:977px;
}

.clear {
	clear:both;
}

body {
	margin: 0;
	background:#e5e3db url(../images/bg.png) no-repeat scroll center top;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size:13px;
}

img {
	border: 0px;
}

br {
	height: 1px;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 24px;
	color: #947f50;
	margin: 20px 0px;
	font-weight:normal;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	padding:5px 5px;
}

fieldset {
	border:0;
	padding:0;
}

legend {
	margin:0;
	padding:0;
	font-size: 19px;
	font-weight: normal;
}

label {
	font-size: 12px;
	font-weight: bold;
}

.signupflash {margin-left:44px;}


div.discover_search input {
	font-size:12px;
	width:200px;
	margin-bottom: 5px;
	margin-top:5px;
}

div.search input {
	font-size:12px;
	width:200px;
	margin-bottom: 5px;
	margin-top:5px;
}

select {
	font-size:12px;
	width:195px;
}

legend {
	display:none;
}

div.discover_search form {
	padding-left: 6px !important;
    margin-top:6px;
}

div.local button,
div.discover_search button {
	margin-left:2px;
    background:transparent url(../images/submit.jpg) no-repeat scroll left top;
    font-size:16px;
    margin:10px 0 4px 0;
}

div.search form {
	padding-left: 0px !important;
}


div.box_center h3 {
	color: #917f4f;
    font-size:18px;
}

button {
	background: url(../images/submit.png) no-repeat left top;
	border: 0px;
	width: 93px;
	height: 24px;
	padding-bottom:2px;
	margin: 10px 0px;
}

button a:active {
	color: #4d3e19;
	text-decoration: none;
}

button a:link {
	color: #4d3e19;
	text-decoration: none;
}

button a:visited {
	color: #4d3e19;
	text-decoration: none;
}

button:hover {
	color: #c4112f;
	text-decoration: none;
}


/*Main Navigation Links*/

#head a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#head a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#head a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#head a:hover {
	color: #c4a352;
	text-decoration: none;
}

/*Footer Navigation Links*/

#footer a:active {
	color: #9F812F;
	text-decoration: none;
}

#footer a:link {
	color: #9F812F;
	text-decoration: none;
}

#footer a:visited {
	color: #9F812F;
	text-decoration: none;
}

#footer a:hover {
	color: #9F812F;
	text-decoration: underline;
}

/*HEADER STYLES APPLY*/
#head {
	overflow:hidden;
	margin:0 0 0 5px;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {float:left;}

#nav a {
	background:#000;
	color:#FFF;
	display:block;
	float:left;
	font-size:1.25em;
	height:30px;
	line-height:30px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#nav span {
	background:url(../images/main-nav.png);
	position:absolute;
	top:0; left:0;
	height:30px;
	cursor:pointer;
}

#nav .home a {width:91px;}
#nav .home span {
	width:91px;
	background-position:0 0;
}
#nav .home span:hover {background-position:0 -30px;}

#nav .pub-search a {width:91px;}
#nav .pub-search span {
	width:91px;
	background-position:-91px 0;
}
#nav .pub-search span:hover {background-position:-91px -30px;}

#nav .home span:hover {background-position:0 -30px;}

#nav .pub-search a {width:136px;}
#nav .pub-search span {
	width:136px;
	background-position:-91px 0;
}
#nav .pub-search span:hover {background-position:-91px -30px;}

#nav .home span:hover {background-position:0 -30px;}

#nav .offers-link a {width:86px;}
#nav .offers-link span {
	width:86px;
	background-position:-227px 0;
}
#nav .offers-link span:hover {background-position:-227px -30px;}

#nav .about-us a {width:117px;}
#nav .about-us span {
	width:117px;
	background-position:-313px 0;
}
#nav .about-us span:hover {background-position:-313px -30px;}

#nav .news a {width:82px;}
#nav .news span {
	width:82px;
	background-position:-430px 0;
}
#nav .news span:hover {background-position:-430px -30px;}

#nav .work-with-us a {width:158px;}
#nav .work-with-us span {
	width:158px;
	background-position:-512px 0;
}
#nav .work-with-us span:hover {background-position:-512px -30px;}

#nav .gift-vouchers a {width:157px;}
#nav .gift-vouchers span {
	width:157px;
	background-position:-670px 0;
}
#nav .gift-vouchers span:hover {background-position:-670px -30px;}

#nav .contact-us a {width:145px;}
#nav .contact-us span {
	width:145px;
	background-position:-827px 0;
}
#nav .contact-us span:hover {background-position:-827px -30px;}

.banner_images {margin:10px 0 10px 50px;}

.banner_ad {margin-left: 45px;}

/*HEADER STYLES END*/


/*FOOTER REGION APPLYS*/
#footer {
	border-top:1px solid #969696;
	margin:0 5px 0 10px;
}

#footer ul {
	color:#FFFFFF;
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 5px 0px;
	font-szie: 13px;
	text-align: center;
}

#footer li {
	color:#9F812F;
	display:inline;
	font-size:12px;
	margin:0 8px 0 1px;
}

#footer p {
	font-size: 11px;
	text-align: center;
	margin: 0;
}

/*FOOTER REGION ENDS*/

/*CONTENT REGION APPLYS*/
#content_region {
	margin:0 5px 40px 10px;
	min-height:440px;
}

.left_content {
    min-height: 380px;
    width:708px;
    float: left;
    margin: 12.5px 10px 0 8px;
}
/*.left_content.copy_wrapper {
width:702px;
}*/

.left_content ul {list-style:none;}

.left_content li {list-style:none;}

.left_content a:active {color:#947f50; text-decoration:none;}
.left_content a:link {color:#947f50;}
.left_content a:visited {color:#947f50; text-decoration:none;}
.left_content a:hover {color:#c21330;}

.left_content p {font-size:14px;}

p.intro {font-size:17px !important;}

p.no_wrap {
width:500px;
font-size:13px;
}

.left_content {border-right:1 solid #9b9b9b;}

.left_content_narrow {
    float: left;
    width:224px;
}

.right_content {
	min-height: 380px;
	width:231px;
	float: right;
	margin: 12.5px 0;
}

.middle_content {
	float: right;
    width:470px;
}

.right_content a:active {
	font-size: 13px;
	color: #ffffff;
}

.right_content a:link {
	font-size: 13px;
	color: #ffffff;
}

.right_content a:visited {
	font-size: 13px;
	color: #ffffff;
}

.right_content a:hover {

	font-size: 13px;
	color: #c41130;
	text-decoration: underline;
}

.deals {
	background: #c3a75e;
	border: 1px solid #c3a75e;
	width:224px;
	overflow:hidden;
}

.offers {
	background: #000000;
	padding: 5px;
	width: 216px;
	margin-bottom:3px;
	/*border: 1px solid #c3a75e;*/
}

.banner_ads {
	border: 1px solid #bfbfbf;
	overflow:hidden;
	width:224px;
}

.offers h3{
	color: #ffffff;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.offers p{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.sat_nav {
	background: #000000;
	padding: 5px;
	width: 217px;
	/*border: 1px solid #c3a75e;*/
}

.sat_nav p{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.search {
	background: #DDD4C0;
	min-height: 369px;
	width: 201px;
	float:left;
	border: 2px solid #D1C5A9;
	margin: 0 10px 0px 0px;
	padding: 0px 16px 6px 4px;
}

/*Autocomeplete Style Begins*/
div.autocomplete {
	background-color:white;
	border:1px solid #CCCCCC;
	margin:0;
	max-height:300px;
	overflow:auto;
	padding:0;
	position:absolute;
	text-align:left;
	/*width:400px;*/
	z-index:100;
	font-size:1.2em;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.autocomplete ul li.selected {
	background-color:#EAF2FB;
}
div.autocomplete .match {
	background-color:#FFE866;
}
div.autocomplete ul li {
    cursor:pointer;
    display:block;
    list-style-type:none;
    margin:0;
    padding:2px;
    color: #000000;
}
div.autocomplete .pubUrl {
    display:none;
}
div.autocomplete .pubLocation {
    font-size:9px;
    color:#7D7D7D;
}
/*Autocomeplete Style Ends*/

.swc_SearchBox  {
	margin-left: 0px !important;
	background-image: none !important;
	background-color: #FFFFFF !important;
	width: 198px !important;
}

.match {
	color: #FF0000;
}

/*.query {
	display:none !important;
}*/

.map {
	height: 377px;
	width: 463px;
	float:left;
	border: 1px solid #CBBD9E;
}

/*CONTENT REGION ENDS*/

/*SEARCH RESULTS REGION BEGINS*/

div.searchResults {margin:30px 0px 0px 3px;}

div.result {padding:0px 10px 0px 10px; text-align:left;}

.resultImages {float:left; width:155px;height:100px;padding:20px 15px 20px;clear:both;position:relative;}

.resultDescriptions {padding:5px;margin-left:150px;position:relative;}

.resultDescriptions button {
width:120px;
background: url(../images/submit_long.png) no-repeat left top;
height:26px;
}

.pubName a {font-size:18px;text-decoration:none;font-weight:normal;color:#730000;}
p.distance {font-size:10px;color: #cccccc;}

.odd {background: #dedbd4;}


.pagination {
	text-align:center;
}

.pagination li {
	display:inline;
	padding:4px;
	font-size:12px;
}

.pagination a:active{
	color: #0f0f0f;
	background: #beb7a4;
	text-decoration: none;
	padding:2px;
	font-weight: bold;
}

.pagination a:link{
	color: #0f0f0f;
	text-decoration: none;
	padding:2px;
}


.pagination a:visited{
	color: #0f0f0f;
	text-decoration: none;
	padding:2px;
}

.pagination li a:hover{
	color: #0f0f0f;
	background: #beb7a4;
	text-decoration: none;
	font-weight: bold;
}


div.pagination img a:hover {
	background: none;
	text-decoration: none;
}

/*.pagination_left {
 	height:20px;
	line-height:20px;
	float:right;
}

.pagination_center {
	height:20px;
	line-height:20px;
	float:right;
	padding-right: 40px;
}

.pagination_right {
	height:20px;
	line-height:20px;
	float:right;
	clear:right;
}*/


/*SEARCH RESULTS REGION ENDS*/

/*INDEX PAGE SPECIFIC STYLES BEGIN*/

.hero_shot {
	background: url(../images/hero.jpg) center no-repeat;
	width: 463px;
	height: 300px;
	border: 1px solid #CBBD9E;
	margin: 0px 0px 18px;
	overflow:hidden;
}

.discover_search {
	background: #000000;
	color: #ffffff;
	width: 224px;
	padding: padding:0 2px 10px;
	/*margin: 0 10px 0px 0px;
	padding: 7px 1px;*/
}

.advanced_search a {
	color: #a0812e;
	font-size: 13px;
}

.gold {
	background:#C3A75E;
	border: 1px solid #C3A75E;
	color:#000000;
	min-height:110px;
	width:224px;
	overflow:hidden;
}

.brands {
	background:#C3A75E none repeat scroll 0 0;
	border:1px solid #C3A75E;
	color:#000000;
	min-height:110px;
	width:224px;
	overflow:hidden;
}

.brands p {
	font-size: 12px;
	padding: 5px;
}

.brands h3 {
	color: #000000;
}

.left_column {
	float: left;
	width: 230px;
	margin-right: 10px;
}

.middle_column {
	float:left;
	width:464px;
}

div.discover_search legend {
	color:#ffffff;
}

.lm_container {
	width: 463px;
	height: 268px;
}

.lm_container_left {
	width: 225px;
	height: 268px;
	float: left;
	margin: 0px 9px 0px 0px;
}

.lm_container_right {
	width: 229px;
	height: 268px;
	float:left;
}

.wrapper .sat_nav_i {
	background: #e3d6b6;
	padding: 5px;
	border: 1px solid #c3a75e;
	font-size:13px;
}

.wrapper .sat_nav_i p{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	font-size:12px;
}

.wrapper .sat_nav_i a{
	color: #9f812f;
}

.white {
    background: #edeae5;
    padding: 5px;
    border: 1px solid #bfbfbf;
}

img.white {
    background: #edeae5;
    border: 1px solid #bfbfbf;
	padding:0px;
}


.white p {
    text-align:right;
    font-size:13px;
}

.white a:link {
    color:#9F812F;
    font-size:13px;
    text-decoration:underline;
}

.white a:active {
    color:#9F812F;
    font-size:13px;
    text-decoration:underline;
}

.white a:visited {
    color:#9F812F;
    font-size:13px;
    text-decoration:underline;
}

.white a:hover {
    color:#c41130;
    font-size:13px;
    text-decoration:underline;
}

.careers {
padding:5px 12px 5px 5px;
}

.careers h3 {
padding:5px 0;
}

.weather {
	background: #edeae5;
	padding: 5px 0px 5px 5px;
	border: 1px solid #bfbfbf;
	margin: 0px 0px 18px;
	font-size:13px;
	width:221px;
}

.weather h3 {
padding:5px 0;
}

.weather button{
	font-weight:bold;
	color: #4D3E19;
	background: url(../images/go.png) no-repeat left top;
	border: 0px;
	width: 40px;
	height: 24px;
	padding-bottom:2px;
	margin-top: 10px;
    float:left;
}

.weather input{
	width: 165px;
}


.weather a:link {
	color:#9F812F;
	font-size:13px;
	text-decoration:underline;
}

.weather a:active {
	color:#9F812F;
	font-size:13px;
	text-decoration:underline;
}

.weather a:visited {
	color:#9F812F;
	font-size:13px;
	text-decoration:underline;
}

.weather a:hover {
	color:#9F812F;
	font-size:13px;
	text-decoration:none;
}

/*INDEX PAGE SPECIFIC STYLES END*/

/*GALLERY BEGINS*/

#gallery {
	height:230px;
	margin:10px 10px 0;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:195px;
}
#gallery .gallery_slider {
	position:absolute;
	white-space:nowrap;
	zoom:1;
	left:0;
}

#gallery a.next,#gallery a.prev {
	background:transparent url(../images/taverns_gallery-btns.gif) no-repeat scroll 5px -46px;
	cursor:pointer;
	height:23px;
	position:absolute;
	width:25px;
}
#gallery img {
	width: 200px;
	vertical-align:top;
}
#gallery img:hover {
	opacity:1;
}
#gallery a:hover {
	background-color:#000000;
	opacity:0.8;
}
#gallery a.prev {
	background-position:2px center;
	left:0;
	bottom:0;
}
#gallery a.next {
	background-position:-28px center;
	right:0;
	bottom:0;
}

/*GALLERY ENDS*/

div.slide-show ul {
	padding: 0px;
}

div.slide-show a {
	color: #9F812F;
}

div.slide-show h3 {
	padding:0em;
}

.spaced_vertically {
    margin-top: 22px;
}

/*News items*/

div.snippet p {font-size:12px;}
div.news h4 {font-size:18px; font-weight: normal;}
div.news ul li {
margin:0;
}
div.news .item {overflow:auto;padding:5px;margin-bottom:10px; background-color:#dedbd5;}
.newsdate {font-size:12px;color:#444243;}
.image-frame {float:left; clear:both; padding-right:10px;overflow:auto;}

div.snippet a:active {color:#c21330;}
div.snippet a:link {color:#c21330;}
div.snippet a:visited {color:#c21330;}
div.snippet a:hover {color:#947F50;}

/** mini offers carousel **/
#carousel {
	background:#000;
	width:195px; height:289px;
	padding:10px 15px;
	position:relative;
	overflow:hidden;
}

#carousel h3 {
	color:#FFF;
	font-size:18px;
	padding:0;
	margin:0 0 10px;
}

#carousel ul {
	list-style:none;
	margin:0; padding:0;
	width:195px; height:212px;
	overflow:hidden;
	margin:0 0 33px;
}

.js-enabled #carousel ul {
	width:9999px; height:auto;
	margin:0;
}

#carousel ul li {
	float:left;
	width:195px; height:212px;
	margin:0;
	background:#FFF;
}

.js-enabled #carousel .js-mask {
	width:195px; height:212px;
	overflow:hidden;
	position:relative;
	margin:0 0 33px;
}

.js-enabled #carousel ul {
	position:absolute;
	top:0; left:0;
}

.js-enabled #carousel ol {
	list-style:none;
	margin:0;
}

.js-enabled #carousel ol li {
	float:left;
	marign:0;
}	

.js-enabled #carousel ol .active {
	color:red;
}

.js-enabled #carousel .next, .js-enabled #carousel .prev {
	position:absolute;
	bottom:29px;
	background:url(../images/taverns_gallery-btns.gif) no-repeat;
	display:block;
	width:25px; height:23px;
	text-indent:-9999px;
	outline:0;
	cursor:pointer;
}

.js-enabled #carousel .next {
	right:15px;
	background-position:right 0;
}

.js-enabled #carousel .prev {left:15px;}

#carousel p {margin:0;}