/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 100%; color: #6f6f6f; background: #fff url('../img/background.jpg') center 0 no-repeat;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* header resets */
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0; font-weight: normal;}


/**** Fonts ****/
@font-face {
    font-family: 'palatino';
    src: url('../fonts/texgyrepagella-regular-webfont.eot');
    src: url('../fonts/texgyrepagella-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyrepagella-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyrepagella-regular-webfont.svg#TeXGyrePagellaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'palatinoBold';
    src: url('../fonts/texgyrepagella-bold-webfont.eot');
    src: url('../fonts/texgyrepagella-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyrepagella-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyrepagella-bold-webfont.svg#TeXGyrePagellaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* ==========================================================================
   Afternoon Tea custom styles
   ========================================================================== */



.wrapper {width: 960px; padding: 0 10px 10px 10px; background: #fff; margin: 0 auto; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .3);}

/* Header */
header {overflow: hidden; background: #fff; padding: 10px;}
header .logo {float: left; width: 488px; height: 157px; background-image: url('../img/afternoon_tea_logo.png'); background-repeat: no-repeat; background-positon: 0 0; text-indent: -9999px; margin: 16px 0 0 0;}
header .logo2 {float: left; width: 500px; height: 137px; background-image: url('../img/afternoon_tea_logo2.png'); background-repeat: no-repeat; background-positon: 0 0; text-indent: -9999px; margin: 16px 0 0 0;}
header .header_right {float: right; width: auto; text-align: right;}
header .header_right ul {margin: 0; padding: 0; list-style: none;}
header .header_right ul li {display: inline;}
header .header_right ul li a {display: inline-block; color: #7a7a7a; text-transform: uppercase; text-decoration: none; font-size: 11px; border-left: 1px solid #7a7a7a; padding-left: 8px; margin-left: 5px;}
header .header_right ul li a:hover {color: #666;}
header .header_right ul li:first-child a {margin: 0; padding: 0; border: 0;}
header .basket {margin-top: 10px;}
header .basket a {display: inline-block; background-color: #efefef; background-image: url('../img/cart_icon.png'); background-position: 12px 6px; background-repeat: no-repeat; border-radius: 30px; padding: 9px 16px 9px 44px; border: 1px solid #ccc; color: #777c80; font-size: 14px; text-decoration: none;}
header .basket a span {color: #ff0b0b; font-family: 'palatinoBold';}
header .basket a:hover {background-color: #fff;}
header .header_search {margin-top: 12px;}
header .header_search ol {list-style: none; margin: 0; padding: 0;}
header .header_search ol li {overflow: hidden; border: 1px solid #cfcfcf; border-radius: 30px; display: inline-block; padding: 0 10px 0 30px; background: url('../img/search.png') 10px 3px no-repeat;}
header .header_search ol li label{position: absolute; left: -9999px;}
header .header_search ol li input {float: left; width: 200px; border: 0; font-size: 12px; color: #3e675f; padding: 5px 10px 5px 5px; text-align: right;}
header .header_search ol li input.submit {width: 16px; height: 17px; text-indent: -9999px; text-align: left; background-image: url('../img/search_icon.png'); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; padding: 0; margin-top: 5px;}
header .header_search ol li input.submit:hover {background-position: 0 -17px;}
header nav {clear: both; border-bottom: 1px solid #ccc;}
header nav ul {list-style: none; margin: 0; padding: 26px 0 5px 0;}
header nav ul li {display: inline;}
header nav ul li a {display: inline-block; text-transform: uppercase; text-decoration: none; font-size: 11px; border-left: 1px solid #000; padding-left: 13px; margin-left: 10px; color: #000; font-size: 13px; font-family: 'palatinoBold';}
header nav ul li a:hover {color: #666;}
header nav ul li:first-child a {margin: 0; padding: 0; border: 0;}
header nav select {display: none;}


/* Home Intro */
.home_intro {overflow: hidden; padding: 10px;}
.home_intro nav {float: left; width: 198px;}
.home_intro nav strong {font-size: 11px; color: #000; font-weight: normal; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #ccc; display: block;}
.home_intro nav ul {list-style: none; margin: 0; padding: 0;}
.home_intro nav ul li {border-bottom: 1px solid #ccc;}
.home_intro nav ul li a {color: #7a7a7a; font-size: 12px; text-transform: uppercase; display: inline-block; text-decoration: none; padding: 5px 20px 5px 0; background: url('../img/purple_arrow.png') right center no-repeat;}
.home_intro nav ul li a:hover {color: #000;}
.home_intro nav select {display: none;}
/* Home Slider */
.slider {float: left; margin-left: 20px; width: 650px; position: relative;}
.slider ul.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slider ul.rslides li {position: absolute; display: none; width: 100%; left: 0; top: 0;}
.slider ul.rslides li a{display: block;}
.slider ul.rslides li:first-child {position: relative; display: block; float: left;}
.slider ul.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}
.slider a.callbacks_nav {position: absolute; display: block; width: 50px; height: 50px; background-color: #9c92cc; background-repeat: no-repeat; bottom: 18px; border-radius: 50px; font-family: 'palatinoBold'; text-indent: -9999px; z-index: 999;}
.slider a.callbacks_nav:hover {background-color: #000;}
.slider a.prev {left: 0; background-image: url('../img/previous.png'); background-position: 15px center;}
.slider a.next {right: 0; background-image: url('../img/next.png'); background-position: 18px center;}
.slider .caption {background: #fff; clear: both; padding: 10px 70px; height: 60px; position: relative;}
.slider .caption h2 {font-size: 18px; color: #00430d; margin-right: 140px;}
.slider .caption p {font-size: 12px; color: #6f6f6f; margin-right: 140px; padding-right: 100px; margin-top: 3px;}
.slider .caption span {position: absolute; left: 450px; top: 2px; font-size: 56px; color: #70248e; line-height: .5em;}
.slider .caption span strong {display: block; font-weight: normal; font-size: 11px; margin-bottom: 1px; text-align: right;}
.slider .caption span em{font-size: 36px; font-style: normal;}
/* Slide indicator */
.slider ul.callbacks_tabs {margin: 0; padding: 1px 10px; list-style: none; position: absolute; top: 0; left: 30px; background: #fff;}
.ie7 .slider ul.callbacks_tabs {width: auto; overflow: hidden;}
.slider ul.callbacks_tabs li {display: inline-block; margin: 0 0 0 10px;}
.ie7 .slider ul.callbacks_tabs li {float: left;}
.slider ul.callbacks_tabs li:first-child {margin: 0;}
.slider ul.callbacks_tabs li a {display: block; width: 10px; height: 10px; border-radius: 50px; background: #e5cbf0; text-indent: -9999px;}
.slider ul.callbacks_tabs li.callbacks_here a {background: #a752cd;}
/* Home Social icons */
.home_intro aside {float: right; width: 52px;}
.home_intro aside iframe {margin: 10px 0 0 5px;}
.home_intro aside ul {list-style: none; margin: 10px 0 0 20px; padding: 0;}
.home_intro aside ul li a {display: block; width: 32px; height: 32px; text-indent: -9999px; margin-top: 5px; background-image: url('../img/social_icons.png'); background-position: 0 0; background-repeat: no-repeat;}
.home_intro aside ul li a:hover {background-position: -32px 0;}
.home_intro aside ul li.twitter a {background-position: 0 -37px;}
.home_intro aside ul li.twitter a:hover {background-position: -32px -37px;}
.home_intro aside ul li.google a {background-position: 0 -76px;}
.home_intro aside ul li.google a:hover {background-position: -32px -76px;}
.home_intro aside ul li.pinterest a {background-position: 0 -114px;}
.home_intro aside ul li.pinterest a:hover {background-position: -32px -114px;}
.home_intro aside ul li.youtube a {background-position: 0 -153px;}
.home_intro aside ul li.youtube a:hover {background-position: -32px -153px;}
.home_intro aside ul li:first-child a {margin-top: 0;} 

/* Add this */
.addthis_toolbox {margin-top: 10px; margin-bottom: 0; height: 24px;}
.addthis_toolbox a {display: inline-block;}
.addthis_button_email {margin-top: 2px;}
.addthis_pill_style {margin-left: 10px;}


/* Home Exclusive Offers */
.home_feature {background: #f4f2f3; padding: 10px 16px 14px 16px; overflow: hidden;}
.home_feature h2 {margin: 0; color: #676767; font-size: 18px;}
.home_feature ul {margin: 12px 0 0 0; padding: 0; list-style: none;}
.home_feature ul li {float: left; width: 222px; margin-left: 13px; background: #fff; box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .1);}
.home_feature ul li:first-child {margin: 0;}
.home_feature ul li a {display: block; padding: 15px; text-decoration: none; background: #fff; position: relative;}
.home_feature ul li a p {border-top: 1px solid #919191; border-bottom: 1px solid #919191; padding: 8px 80px 8px 0; color: #6f6f6f; font-size: 13px; line-height: 1.2em; position: relative; margin: 14px 0 0 0; height: 44px!important;}
.home_feature ul li a span.offer_price {position: absolute; top: 10px; right: 0; font-size: 28px; color: #00430d; display: block;}
.home_feature ul li a span.offer_price em {font-size: 18px; font-style: normal;}
.home_feature ul li a span.offer_price strong {font-weight: normal; display: block; font-size: 12px; margin-bottom: 6px;}
.home_feature ul li a:hover p, .home_feature ul li a:hover span.offer_price {color: #71248e;}
.home_feature ul li a span.special_offer {position: absolute; width: 62px; height: 44px; border-radius: 50px; background: #9c92cc; color: #fff; top: 108px; left: 22px; font-size: 11px; text-transform: uppercase; padding: 18px 0 0 0; line-height: 1.22em; text-align: center;}
.home_feature p.view_all {text-align: right; margin: 0; padding-top: 14px; clear: both;}
.home_feature p.view_all a {color: #71248e; background: url('../img/purple_arrow.png') right center no-repeat; padding-right: 14px; font-size: 10px; text-transform: uppercase; display: inline-block; text-decoration: none;}
.home_feature p.view_all a:hover {color: #000;}
/* Featured Venues */
.featured_venues {margin-top: 10px;}


/* Home Promo */
.home_promo {overflow: hidden; padding: 14px 10px 10px 10px; margin-top: 14px; border-top: 1px solid #ccc;}
.home_promo h3 {font-size: 18px; color: #00430d; text-transform: uppercase;}
.home_promo .new_venues {float: left; width: 210px; padding-left: 10px;}
.home_promo .new_venues ul {margin: 0; padding: 0; list-style: none;}
.home_promo .new_venues li {margin-top: 10px; line-height: .9em;}
.home_promo .new_venues li a {color: #6f6f6f; font-size: 12px; text-transform: uppercase; text-decoration: none;}
.home_promo .new_venues li.view_all a {color: #71248e; background: url('../img/purple_arrow.png') right center no-repeat; padding-right: 14px;}
.home_promo .new_venues li a:hover {color: #000;}
.home_promo .blog {float: left; width: 380px; margin-left: 10px; padding-left: 25px; border-left: 1px solid #ccc;}
.home_promo .blog h3 {color: #777;}
.home_promo .blog article h4 {font-size: 36px; line-height: 1.1em;}
.home_promo .blog article h4 a {color: #9c92cc; text-decoration: none;}
.home_promo .blog article h4 a:hover {color: #000;}
.home_promo .blog article strong {font-size: 12px; font-weight: normal; color: #777; display: block; text-transform: uppercase; margin-top: 3px;}
.home_promo .blog article div {overflow: hidden; margin-top: 10px;}
.home_promo .blog article div img {float: left; width: 70px;}
.home_promo .blog article div span {float: right; width: 294px;}
.home_promo .blog article div span p {font-size: 14px; color: #777; margin-top: 14px; line-height: 1.2em;}
.home_promo .blog article div span p a {text-transform: uppercase; color: #71248e; font-size: 12px;}
.home_promo .blog article div span p a:hover {color: #000;}
.home_promo .blog article div span p:first-child {margin-top: 0;}
.home_promo .blog article div span p.view_more a{color: #71248e; background: url('../img/purple_arrow.png') right center no-repeat; padding-right: 14px; text-transform: uppercase; text-decoration: none;}
.home_promo .blog article div span p.view_more a:hover {color: #000;}
.home_promo aside {float: right; width: 280px;}
.home_promo aside div {overflow: hidden; margin-top: 10px;}
.home_promo aside div img {float: left;}
.home_promo aside div:first-child {margin: 0;}


/* Offers - 2 col layout */

.two_col {overflow: hidden; padding: 0 10px;}
/* Refinements */
.two_col .left {float: left; width: 187px; background: #fff;}
.two_col .left aside {margin-top: 10px;}
.two_col .left aside img {width: 187px; margin-top: 10px;}
/* Refine */
.refiner {border: 1px solid #d6d6d6; padding: 14px; overflow: hidden;}
.refine h2 {text-transform: uppercase; font-size: 18px; color: #000;}
.refine h3 {text-transform: uppercase; font-size: 14px; padding: 20px 0 6px 0;}
.refine ul {list-style: none; margin: 0; padding: 0;}
.refine ul.archive_date {margin-top: 15px;}
.refine ul li {overflow: hidden;}
.refine ul li.date_title {font-size: 14px; margin-bottom: 5px;}
.refine ul li input {float: left; width: 20px; margin-top: 3px;}
.refine ul li label {float: left; width: 134px; margin-left: 3px; padding: 0; font-size: 14px; cursor: pointer;}




/* Datepicker */
.date {}
.date ul li {margin-top: 5px;}
.date ul li:first-child {margin: 0;}
.date ul li label {float: left; width: 50px; font-size: 13px; color: #000; padding-top: 3px;}
.date ul li input {float: left; width: 92px; padding: 2px 3px; font-size: 13px; margin-left: 4px; border: 1px solid #d6d6d6;}
.ui-datepicker {background: #edeaec; padding: 10px; z-index: 999!important; overflow: hidden; border: 1px solid #ccc;}
.ie7 .ui-datepicker {width: 180px;}
.ui-datepicker-prev {float: left; cursor: pointer;}
.ui-datepicker-next {float: right; cursor: pointer;}
.ui-datepicker-title {padding: 2px 0 5px 0; text-align: center; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold;}
.ui-datepicker table {border-collapse: collapse; border: 1px solid #333; margin-top: 5px;}
.ui-datepicker table td, .ui-datepicker table th {border-left: 1px solid #333; text-align: center;}
.ui-datepicker table th {background: #333; color: #fff; text-transform: uppercase; font-size: 12px; padding: 2px;}
.ui-datepicker table tr {border-top: 1px solid #333;}
.ui-datepicker table td:first-child {border: 0;}
.ui-datepicker table td {background: #fff;}
.ui-datepicker table td a {color: #7e71b9; text-decoration: none; font-size: 12px; padding: 2px;}
.ui-datepicker table td span {font-size: 12px;}
.ui-datepicker table td:hover {background: #ccc!important;}
.ui-datepicker table td:hover a {color: #000!important;}
.ui-datepicker table td.ui-datepicker-today {background: #7e71b9!important;}
.ui-datepicker table td.ui-datepicker-today a {color: #fff!important; text-decoration: none;}

/* price slider */
fieldset.price li {margin-top: 5px;}
fieldset.price li label {display: block; font-size: 13px; color: #000; float: none; padding-bottom: 4px;}
fieldset.price li select {display: block; padding: 2px 3px; font-size: 13px; border: 1px solid #d6d6d6; float: none; width: 156px;}

/* group numbers */
.group_numbers ul li label {display: block; font-size: 13px; color: #000; float: none; padding-bottom: 4px;}
.group_numbers ul li select {display: block; padding: 2px 3px; font-size: 13px; border: 1px solid #d6d6d6; float: none; width: 156px;}


.people {}
.people ul li input {width: 150px; border: 1px solid #d6d6d6; padding: 2px 3px; font-size: 13px;}
.people ul li label {position: absolute; left: -9999px;}

.submit {margin-top: 30px;}
.submit ul li input {float: none; width: 94%; padding: 4px 0; text-align: center; font-size: 14px; color: #fff; background: #70248e; border: 0; cursor: pointer; border-radius: 3px;}
.submit ul li input:hover {background: #000;}

/* left nav */
.left nav {margin-bottom: 55px;}
.left nav h2 {margin-bottom: 10px;}
.left nav strong {font-size: 11px; color: #000; font-weight: normal; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #ccc; display: block;}
.left nav ul {list-style: none; margin: 0; padding: 0;}
.left nav ul li {border-bottom: 1px solid #ccc; line-height: 1em; padding: 5px 0;}
.left nav ul li a {color: #7a7a7a; font-size: 12px; text-transform: uppercase; text-decoration: none; padding: 0 14px 0 0; background: url('../img/purple_arrow.png') right center no-repeat;}
.left nav ul li a:hover, .left nav ul li.active a {color: #000;}
.left nav select {display: none;}

/* right */
.two_col .right {width: 740px; float: right; background: #fff;}
.breadcrumbs {overflow: hidden;}
.breadcrumbs ul.crumb {list-style: none; margin: 0; padding: 0; float: left; width: auto;}
.breadcrumbs ul.crumb li {display: inline;}
.breadcrumbs ul.crumb li a {font-size: 13px; color: #180200; text-decoration: none; border-left: 1px solid #180200; padding: 0 5px 0 7px;}
.breadcrumbs ul.crumb li:first-child a {border: 0; padding-left: 0;}
.breadcrumbs ul.crumb li a:hover, .breadcrumbs ul li.active a {color: #70248e;}
.breadcrumbs aside {float: right; width: auto; margin-top: 3px;}
.breadcrumbs aside iframe {margin: 10px 0 0 5px;}
.breadcrumbs aside ul {list-style: none; margin: 0; padding: 0;}
.breadcrumbs aside ul li {float: left; width: 32px; margin: 0 0 0 8px;}
.breadcrumbs aside ul li a {display: block; width: 32px; height: 34px; text-indent: -9999px; background-image: url('../img/social_icons.png'); background-position: 0 0; background-repeat: no-repeat;}
.breadcrumbs aside ul li a:hover {background-position: -32px 0;}
.breadcrumbs aside ul li.twitter a {background-position: 0 -37px;}
.breadcrumbs aside ul li.twitter a:hover {background-position: -32px -37px;}
.breadcrumbs aside ul li.google a {background-position: 0 -76px;}
.breadcrumbs aside ul li.google a:hover {background-position: -32px -76px;}
.breadcrumbs aside ul li.pinterest a {background-position: 0 -114px;}
.breadcrumbs aside ul li.pinterest a:hover {background-position: -32px -114px;}
.breadcrumbs aside ul li.youtube a {background-position: 0 -153px;}
.breadcrumbs aside ul li.youtube a:hover {background-position: -32px -153px;}
.breadcrumbs aside ul li:first-child a {margin-top: 0;} 


/* table list */
.tab_list table {width: 100%; border-collapse: collapse; margin-top: 25px;}
.tab_list table th {text-align: left; color: #000; font-size: 16px; padding: 3px 0;}
.tab_list table tr.head {border-bottom: 1px solid #ccc;}
.tab_list table tr.row td {padding-top: 15px;}
.tab_list table td {font-size: 16px; color: #636363; padding: 3px 1%; vertical-align: top;}
.tab_list table td a {color: #7e389e; text-decoration: none;}
.tab_list table td a:hover {color: #000;}
.venue_table table td {width: 28%;}
.tab_list table td:first-child {width: 39%; padding-left: 0;}

/* Tabs */
.offers_main {position: relative; overflow: hidden;}
.offers_main h1 {color: #000; margin: 0; line-height: 1em;}
.offers_main .tabs {margin: 20px 0 0 0; padding: 0; list-style: none; float: left; width: auto; width: 740px; border-bottom: 4px solid #9c92cc; text-align: left;}
.offers_main .tabs li {display: inline-block;}
.ie7 .offers_main .tabs li {float: right; width: auto; margin-left: 5px;}
.offers_main .tabs li a {display: block; background: #e4e2f1; color: #9c92cc; text-transform: uppercase; font-size: 13px; text-decoration: none; padding: 12px 25px; border-radius: 10px 10px 0px 0px;}
.offers_main .tabs li a:hover, .offers_main .tabs li a.active {background: #9c92cc; color: #fff;}
#tab1, #tab2 {width: 586px; height: 411px; padding-top: 3px; float: left;}
.offers_main .slider {margin-left: 0; width: 586px; position: relative;}
.offers_main .slider ul.rslides li a {height: 411px;}
.offers_main .slider .caption {position: absolute; bottom: 0; left: 0; padding: 10px 75px;}
.offers_main .slider .caption h2 {margin-right: 120px; font-size: 16px;}
.offers_main .slider .caption span {left: 400px; top: 2px; font-size: 45px; line-height: .5em;}
.offers_main .slider .caption span strong {display: block; font-weight: normal; font-size: 10px; margin-bottom: 3px; text-transform: uppercase; text-align: right;}
.offers_main .slider .caption span em{font-size: 30px; font-style: normal;}
.slider a.prev {left: 10px; z-index: 500;}
.slider a.next {right: 10px; z-index: 500;}
.content_row {padding-top: 8px; clear: both;}
.content_row p {font-size: 14px; line-height: 1.4em; margin: 0;}
.content_row p a {color: #7e389e;}
.content_row p a:hover {color: #000;}
.content_row li {font-size: 14px;}
.content_row img {float: right; width: auto; margin: 20px 0 20px 20px;}
/* Ads */
.offers_main aside {float: right; width: 148px; padding-top: 3px;}
.offers_main aside div {margin-top: 5px;}
.offers_main aside div:first-child {margin: 0;}


/* Sort */
.sort {background: #edeaec; margin-top: 20px; padding: 10px;}
.sort ul {list-style: none; margin: 0; padding: 0;}
.sort li {display: inline;}
.sort span {text-transform: uppercase; font-size: 13px;}
.sort li a {font-size: 13px; color: #70248e; padding: 0 5px 0 8px; border-left: 1px solid #70248e; line-height: .6em;}
.sort li a:hover {color: #000;}
.sort li:first-child a, .sort li.high a {border: 0;}


/* results */
.results {margin-top: 20px;}
.results h2 {font-size: 12px; text-transform: uppercase;}
.results h3.group_offers {font-size: 24px; color: #000; margin-bottom: 15px;}
.results p {font-size: 18px; margin-top: 5px;}
.results ul {list-style: none; margin: 0; padding: 0;}
.results ul li {margin-top: 10px; padding-top: 10px; border-top: 1px solid #e2e0df;}
.results ul li a {display: block; text-decoration: none; border: 2px solid #fff; padding: 4px; overflow: hidden; position: relative;}
.results ul li.exclusive a, .results ul li.featured a {border: 2px solid #965eac;}
.results span.special_offer {position: absolute; text-indent: -9999px; width: 85px; height: 85px; top: 2px; left: 2px;}
.results ul li.exclusive span.special_offer {background: url('../img/exclusive_offer.png') center no-repeat;}
.results ul li.nonpaid span.special_offer {background: url('../img/exclusive_offer.png') center no-repeat;}
.results ul li.featured span.special_offer {background: url('../img/featured_offer.png') center no-repeat; top: 3px; left: 1px;}
.results ul li img {float: left; width: auto; margin: 0 10px 0 0;}
.results ul li h3 {font-size: 18px; color: #6f6f6f; padding-right: 100px; line-height: 1.2em;}
.results ul li span.para {display: block; float: left; width: 330px; margin-top: 10px; font-size: 13px; color: #777;}
.results ul li span.average {float: left; width: 110px; font-size: 44px; color: #00430d; display: block; line-height: 1em; text-align: center; margin-left: 16px; margin-top: 10px;}
.results ul li span.average em {font-size: 20px; font-style: normal;}
.results ul li span.average strong {font-weight: normal; display: block; font-size: 12px; text-transform: uppercase; line-height: 1.2em;}
.results ul li span.details {position: absolute; top: 50%; right: 4px; display: block; height: 65px; width: 100px; border-radius: 50px; background: #7e71b9; text-align: center; color: #fff; font-size: 15px; text-transform: uppercase; padding-top: 35px; margin-top: -50px;}
.results ul li a:hover span.details {background: #000;}
.results ul li a:hover h3, .results ul li a:hover span.para {color: #000;}
.results ul li.more a {text-align: center; display: block; text-transform: uppercase; padding: 20px 0 100px 0; color: #7e71b9; font-size: 14px;}
.results ul li.more a:hover {color: #000;}
.results ol {margin: 10px 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.results ol li {margin: 0 5px 0 0; padding: 5px 0; border: 0; width: 100px; color: #70248e; font-size: 10px; text-transform: uppercase; float: left;}
.results ol li.gift {background: url('../img/gift_vouchers.png') 0 center no-repeat; padding-left: 38px;}
.results ol li.special {background: url('../img/special_offers.png') 0 center no-repeat; padding-left: 48px;}

/* Blog */
.page_detail {margin-top: 10px; overflow: hidden;}
.page_detail h1 {font-size: 24px; color: #180200;}
.page_detail img {float: left; width: 119px; margin: 14px 15px 10px 0;}
.page_detail p {font-size: 14px; margin-top: 10px;}
.page_detail p a {color: #7e71b9; text-decoration: none;}
.page_detail p a:hover {color: #000;}
.page_detail ul {margin: 15px 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.page_detail ul li {float: left; width: auto; font-size: 16px; color: #271311; border-left: 1px solid #847877; margin-left: 10px; padding-left: 10px;}
.page_detail ul li:first-child {margin: 0; padding: 0;}
.page_detail ul li:first-child, .page_detail ul li.name {border: 0;}
.page_detail ul li a {display: block; color: #7e389e; text-decoration: none;}
.page_detail ul li a:hover {color: #000;}
.page_detail ul.a_to_z li {border: 0; padding: 0; margin: 0 0 0 5px; font-size: 18px;}

.blog_list {margin-top: 20px;}
.blog_list h2 {font-size: 18px; color: #000;}
.blog_list ul {list-style: none; margin: 0; padding: 0;}
.blog_list ul li {overflow: hidden; margin-top: 20px;}
.blog_list ul li img {float: left; width: 307px;}
.blog_list ul li span {float: right; width: 418px;}
.blog_list ul li h3 {font-size: 24px; line-height: 1.2em; min-height: 90px;}
.blog_list ul li h3 a {color: #b09500; text-decoration: none;}
.blog_list ul li h3 a:hover {color: #000;}
.blog_list ul li p {font-size: 14px; margin-top: 8px; border-bottom: 1px solid #cbcaca; padding-bottom: 12px;}
.blog_list ul li p.date {margin-top: 0; padding-bottom: 6px;}
.blog_list ul li p date {margin-right: 16px;}
.blog_list ul li p a {text-decoration: none; color: #7e389e;}
.blog_list ul li p a:hover {color: #000;}
.blog_list ul li.more a {text-align: center; display: block; text-transform: uppercase; padding: 20px 0 100px 0; color: #7e71b9; font-size: 14px; text-decoration: none;}
.blog_list ul li.more a:hover {color: #000;}



/* Three col layout */
.three_col {padding: 0 10px;}
.section_header {border-bottom: 4px solid #9c92cc; padding-bottom: 6px; margin-top: 10px;}
.section_header h1 {font-size: 26px; color: #180200;}
.section_header h1 span {font-size: 15px; display: block;}

.three_inner {margin-top: 10px; overflow: hidden;}
.three_inner .inner_main {float: left; width: 500px; padding-bottom: 40px;}
.three_inner .inner_main .article_intro {overflow: hidden; margin-top: 10px;}
.three_inner .inner_main h2 {font-size: 24px; color: #180200; line-height: 1.3em;}
.three_inner .inner_main .article_intro h3 {font-size: 24px; color: #fb4b4d;}
.three_inner .inner_main .article_intro img {float: left; width: 119px; margin: 10px 15px 10px 0;}
.three_inner .inner_main .article_intro p {color: #191511; font-size: 14px; margin: 0;}
.three_inner .inner_main p.intro {font-weight: bold; margin-top: 10px;}
.three_inner .inner_main p {color: #777; font-size: 14px; margin-top: 15px;}
.three_inner .inner_main p a {text-decoration: none; color: #7e389e;}
.three_inner .inner_main p a:hover {color: #000;}
.three_inner .slider {margin: 15px 0; float: none; width: 500px; border-top: 1px solid #c7c7c7; padding-top: 10px;}
.three_inner .product_slider {margin: 0; border-top: none; padding-top: 0;}
.three_inner .slider a.callbacks_nav {bottom: auto; top: -9999px; margin-top: -25px;}
.three_inner .slider:hover a.callbacks_nav {top: 50%;}
.three_inner .slider ul.callbacks_tabs {top: 10px; left: 10px;}
/* booking details */
.three_inner .booking_details {float: left; width: 300px; margin-left: 10px;}
.three_inner .booking_details .venue_details {background: #eaeaea url('../img/clock_icon.png') 10px center no-repeat; padding: 10px 10px 10px 60px; overflow: hidden; margin-bottom: 10px;}
.three_inner .booking_details .venue_details ul {list-style: none; float: left; width: 140px; padding: 0; margin: 0;}
.three_inner .booking_details .venue_details ul li {font-size: 14px; color: #000;}
.three_inner .booking_details .venue_details span {float: right; width: auto; font-size: 30px; color: #00430d; line-height: .8em;}
.three_inner .booking_details .venue_details span strong {display: block; font-size: 14px; font-weight: normal;}
.three_inner .booking_details .venue_details span em {font-size: 20px; font-style: normal;}

.three_inner .booking_details .large_price {background: #eaeaea; padding: 10px; overflow: hidden; margin-bottom: 10px;}
.three_inner .booking_details .large_price span {float: left; font-size: 52px;}
.three_inner .booking_details .large_price span strong {display: inline-block; font-size: 14px; font-weight: normal; margin-right: 10px;}
.three_inner .booking_details .large_price span em {font-size: 34px;}

.three_inner .booking_details .online_booking {text-align: center; background: #00430d url('../img/online_booking_bg.png') center bottom repeat-x; padding: 5px 10px 25px 10px; margin-bottom: 10px;}
.three_inner .booking_details .online_booking h3 {text-transform: uppercase; color: #fff; font-size: 20px;}
.three_inner .booking_details .online_booking p {font-size: 14px; color: #fff; line-height: 1.2em;}
.three_inner .booking_details .special_offers {border: 1px solid #e5e5e5; margin-top: 10px; padding: 10px 10px 30px 10px;}
.three_inner .booking_details .special_offers h3 {font-size: 18px; color: #00430d;}
.three_inner .booking_details .special_offers ul {list-style: none; margin: 8px 0 0 0; padding: 0;}
.three_inner .booking_details .special_offers li {font-size: 14px; border-top: 1px solid #919191; padding: 8px 0; color: #6f6f6f;}
.three_inner .booking_details .special_offers li span {display: block; margin-top: 10px;}
.three_inner .booking_details .special_offers li a {color: #7e389e;}
.three_inner .booking_details .special_offers li a:hover {color: #000;}
/* aside */
.three_inner aside {float: right; width: 120px;}
.three_inner aside img {width: 120px; margin-bottom: 10px;}

/* add on class if venue details not present */
.three_inner .inner_main_full {width: 800px;}
.three_inner .inner_main_full .slider {margin: 15px auto;}

/* buy now */
.three_inner .buy_now {text-align: center; margin: 25px 0;}
.three_inner .buy_now a {display: block; width: 148px; height: 138px; background: #a752cd; color: #fff; text-align: center; text-transform: uppercase; font-size: 36px; border-radius: 100px; text-decoration: none; margin: 0 auto; padding: 50px 20px 0 20px; line-height: 1em;}
.three_inner .buy_now a:hover {background: #000;}
.three_inner .buy_now p {font-size: 14px; color: #180200; margin: 15px 0;}


/* inner tabs */
.inner_tabs {margin-top: 15px;}
.inner_tabs ul {background: #353246; overflow: hidden; margin: 0; padding: 0; list-style: none; border-radius: 10px 10px 0px 0px;}
.inner_tabs ul li {float: left; width: auto;}
.inner_tabs ul li a {display: block; padding: 8px 18px; background: #353246; color: #fff; text-align: center; font-size: 14px; text-decoration: none;}
.inner_tabs ul li:first-child a {border-radius: 10px 0 0px 0px; border: none;}
.inner_tabs ul li a:hover, .inner_tabs ul li a.active {background: #9c92cc;}
.inner_tabs div {padding-right: 10px;}
.inner_tabs div p a {text-decoration: underline!important;}
.inner_tabs div ol {list-style: none; margin: 0; padding: 0;}
.inner_tabs div ol li {margin-top: 15px;}
.inner_tabs div ol li strong {display: block; color: #03440e; font-size: 14px;}
.inner_tabs div ol li p {margin-top: 0px!important;}
.inner_tabs #menu {text-align: center;}
.inner_tabs #menu h2, .inner_tabs #vouchers h2, .inner_tabs #groups h2 {font-size: 18px; color: #00430d; font-weight: normal; margin-top: 15px;}
.inner_tabs #menu p em {font-size: 24px; color: #00430d; font-style: normal;}
.inner_tabs div iframe {height: 330px; margin-top: 15px;}
.inner_tabs #vouchers li {border-bottom: 1px solid #ccc; padding-bottom: 20px; overflow: hidden;}
.inner_tabs #vouchers li h3 {font-size: 18px;}
.inner_tabs #vouchers li p {margin-top: 15px!important;}
.inner_tabs #vouchers li p strong {display: block; font-size: 14px; color: #777;}
.inner_tabs #vouchers li span {display: block; float: left; width: 360px;}
.inner_tabs #vouchers li a.buy {display: block; float: right; width: 108px; height: 83px; background: #7f73ba; border-radius: 100px; text-decoration: none; text-align: center; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 1em; padding-top: 25px;}
.inner_tabs #vouchers li a.buy:hover {background: #000;}
.inner_tabs fieldset {border-bottom: 1px solid #ccc; padding: 20px 0;}
.inner_tabs fieldset:first-child {border-top: 1px solid #ccc; margin-top: 20px;}
.inner_tabs fieldset ol {margin: 0; padding: 0; list-style: none;}
.inner_tabs fieldset ol li {margin: 10px 0 0 0; overflow: hidden;}
.inner_tabs fieldset ol li:first-child {margin-top: 0;}
.inner_tabs fieldset ol li label, .inner_tabs fieldset ol li p {display: block; float: left; width: 250px; margin: 0; font-size: 14px; color: #777; padding: 5px 10px 0 0;}
.inner_tabs fieldset ol li input {float: right; width: 240px; border-radius: 10px; background: #fff; border: 1px solid #ccc; padding: 5px; font-size: 14px; color: #333;}
.inner_tabs fieldset ol li input.short_input {width: 100px; margin-right: 140px;}
.inner_tabs fieldset ol.radio_list {float: right; width: 250px;}
.inner_tabs fieldset ol.radio_list li {display: inline; margin-top: 0;}
.inner_tabs fieldset ol.radio_list li input {float: none; width: auto; display: inline; padding: 0;}
.inner_tabs fieldset ol.radio_list li label {float: none; width: auto; display: inline; margin: 0 8px 0 2px; padding: 0;}
.inner_tabs fieldset ol.radio_block li {display: block;}
.inner_tabs fieldset ol.radio_block li label { margin: 0 0 0 2px;}


/* generic template */
.generic_wrapper {overflow: hidden; padding: 0 10px;}
.generic_content {float: left; width: 435px; margin-top: 15px;}
.generic_right {float: right; width: 490px; margin-top: 15px;}
.generic_right ul li {margin-bottom: 13px;}
.generic_right ul li:first-child, .generic_right ul li.row {margin: 0;}
.generic_content h1 {font-size: 24px; color: #180200;}
.generic_content img {float: left; width: auto; margin: 15px 15px 15px 0;}
.generic_content p {font-size: 14px; margin-top: 10px;}
.generic_content p a {color: #7e71b9; text-decoration: underline;}
.generic_content p a:hover {color: #000;}
.generic_content ul, .generic_content ol {margin-left: 0; padding-left: 20px;}
.generic_content li {font-size: 14px;}
.generic_content li a {color: #7e389e; text-decoration: underline;}
.generic_content li a:hover {color: #000;}
.generic_content img {max-width: 100%;}

.full_width {float: none; width: auto;}






/* footer */
footer {background: #efecec; margin-top: 50px; border-top: 1px solid #ccc;}
.footer_wrap {width: 960px; padding: 30px 10px 40px 10px; margin: 0 auto; position: relative; background: #efecec;}
.footer_wrap .sign_up {display: inline-block; width: 290px; vertical-align: top; position: relative;}
.ie7 .footer_wrap .sign_up {float: left;}
.footer_wrap .sign_up h4 {font-size: 48px; color: #000; line-height: .8em;}
.footer_wrap .sign_up p{font-size: 14px; color: #000; margin-top: 20px;}
.footer_wrap .sign_up p.error_message {position: absolute; top: -20px; left: 0; background: #fff; border: 1px solid red; border-radius: 10px; padding: 10px; text-align: center; color: red; font-size: 12px; width: 254px; height: 58px;}
.footer_wrap .sign_up p.error_message strong {display: block; margin-top: 10px;}
.footer_wrap .sign_up ol {list-style: none; margin: 10px 0 0 0; padding: 0;}
.footer_wrap .sign_up ol li {overflow: hidden; border: 1px solid #cfcfcf; border-radius: 30px; display: inline-block; padding: 0 10px 0 10px; background: #fff;}

.footer_wrap .sign_up ol li.error {border-color: red;}
.footer_wrap .sign_up ol li label{position: absolute; left: -9999px;}
.footer_wrap .sign_up ol li input {float: left; width: 220px; border: 0; font-size: 12px; color: #3e675f; padding: 5px 10px 5px 5px; text-align: left;}
.footer_wrap .sign_up ol li input.submit {width: 16px; height: 17px; text-indent: -9999px; text-align: left; background-image: url('../img/search_icon.png'); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; padding: 0; margin-top: 5px;}
.footer_wrap .sign_up ol li input.submit:hover {background-position: 0 -17px;}
footer span.saucer {width: 320px; height: 188px; background: url('../img/saucer.png') center no-repeat; position: absolute; top: -20px; right: 0;}


.footer_wrap .twitter {display: inline-block; width: 300px; padding-left: 25px; border-left: 1px solid #ccc; vertical-align: top; min-height: 130px; position: relative;}
.ie7 .footer_wrap .twitter {float: left;}
.footer_wrap .twitter a.follow {background: url('../img/tweet_bubble.png') right 0 no-repeat; position: absolute; display: block; top: -14px; right: -12px; width: 74px; height: 31px; font-size: 13px; color: #fff; padding: 4px 0 0 40px; text-decoration: none;}
.footer_wrap .twitter a.follow:hover {color: #000;}
.footer_wrap .twitter ul {list-style: none; margin: 0; padding: 0;}
.footer_wrap .twitter .tweet_time, .footer_wrap .twitter .tweet_avatar {position: absolute; left: -9999px;}
.footer_wrap .twitter .tweet_text {font-size: 13px; color: #000;}
.footer_wrap .twitter li {line-height: .9em;}
.footer_wrap .twitter li a{color: #e73938;}
.footer_wrap .twitter li a:hover{color: #000;}
.footer_wrap .twitter h4 {color: #e73938; font-size: 22px;}
.footer_wrap .twitter h5 {font-weight: bold; color: #000; font-size: 14px; margin-top: 5px;}

.footer_wrap nav {padding-top: 16px; clear: both;}
.footer_wrap nav ul {list-style: none; margin: 0; padding: 0;}
.footer_wrap nav ul li {display: inline;}
.footer_wrap nav ul li a {display: inline-block; text-decoration: none; font-size: 13px; border-left: 1px solid #000; padding-left: 7px; margin-left: 4px; color: #000; font-size: 12px; font-family: 'palatinoBold';}
.footer_wrap nav ul li a:hover {color: #666;}
.footer_wrap nav ul li:first-child a {margin: 0; padding: 0; border: 0;}
.footer_wrap p.copy {margin-top: 16px; font-size: 12px; color: #000;}
.footer_wrap p.copy span {display: inline-block; margin-left: 10px;}
.footer_wrap p.copy a {text-transform: uppercase; font-size: 12px; color: #777; text-decoration: none;}
.footer_wrap p.copy a:hover {color: #000;}


/* Mobile */

@media only screen and (max-width: 660px)
{
.wrapper {width: 96%; padding: 0 2%; background: #fff; margin: 0 auto; text-align: center; box-shadow: 0 0 0 0;}
header .logo {float: none; width: 280px; height: 90px; background-image: url('../img/atm_logo.png'); background-repeat: no-repeat; background-positon: 0 0; text-indent: -9999px; margin: 10px auto 0 auto;}
header .header_right {float: none; width: 100%; text-align: center;}
header .header_right ul {margin-top: 10px;}
header .header_right ul li a {font-size: 8px; padding-left: 6px; margin-left: 3px;}
header .header_right .basket {display: none;}
header nav ul {display: none;}
header nav {text-align: center;}
header nav select {display: block; width: 280px; margin: 20px auto;}
.addthis_toolbox {display: none;}

.home_intro nav {float: none; margin: 0 auto; width: 100%;}
.home_intro nav strong {padding-bottom: 0px; border-bottom: none;}
.home_intro nav ul {display: none;}
.home_intro nav select {display: block; width: 280px; margin: 5px auto;}

/* Slider */
.slider {float: none; margin: 20px auto 0 auto; width: 100%;}
.slider a.callbacks_nav {bottom: auto; top: 80px;}
.slider a.prev {left: 5px;}
.slider a.next {right: 5px;}
.slider .caption {padding: 10px; height: auto; overflow: hidden;}
.slider .caption h2 {margin-right: 0; display: block; width: 100%;}
.slider .caption p {margin-right: 0; padding-right: 0; margin-top: 3px; width: 100%;}
.slider .caption span {position: relative; left: auto; top: auto; font-size: 26px; display: block;}
.slider .caption span strong {text-align: center; margin: 10px 0 4px 0;}
.slider .caption span em{font-size: 16px; font-style: normal;}
.slider ul.callbacks_tabs {left: 10px; padding: 0 5px;}
.slider ul.callbacks_tabs li {margin: 0 0 0 5px;}
.slider ul.callbacks_tabs li a {width: 8px; height: 8px;}

.home_intro aside {display: none;}

/* Home Offers */
.home_feature ul li {float: left; width: 46%; margin: 2%; text-align: center;}
.home_feature ul li:first-child {margin: 2%;}
.home_feature ul li a {padding-bottom: 22px;}
.home_feature ul li a img {width: 100%; height: 100px;}
.home_feature ul li a p {padding: 8px 0; height: auto!important; min-height: 110px!important;}
.home_feature ul li a span.offer_price {position: relative; top: auto; right: auto; margin-top: 10px;}
.home_feature ul li a span.special_offer {position: absolute; width: 100%; height: auto; border-radius: 0; background: #9c92cc; color: #fff; top: auto; bottom: 0; left: 0; font-size: 11px; text-transform: uppercase; padding: 5px 0; line-height: 1.22em; text-align: center;}


/* Home promo */
.home_promo .new_venues {float: none; width: 100%; padding-left: 0;}
.home_promo .new_venues li.view_all a {margin-right: 0;}
.home_promo .blog {float: none; width: 100%; margin-left: 0; padding-left: 0; border-left: 0; background: #f4f2f3; margin-top: 20px; padding-top: 10px; padding-bottom: 14px;}
.home_promo .blog article div img {float: left; width: 70px;}
.home_promo .blog article div span {float: right; width: 72%; text-align: left;}
.home_promo .blog article div span p.view_more {margin-right: 0;}
.home_promo aside {float: none; width: 100%; margin-top: 20px;}
.home_promo aside div img {width: 100%;}



/* footer */
.footer_wrap {width: 90%; padding: 30px 5% 40px 5%; text-align: center;}
.footer_wrap .sign_up {display: block; width: 100%; vertical-align: top;}
.footer_wrap .sign_up ol li input {float: left; width: 220px; border: 0; font-size: 12px; color: #3e675f; padding: 5px 10px 5px 5px; text-align: left;}
.footer_wrap .sign_up p.error_message {left: 6px;}
footer span.saucer {display: none;}


.footer_wrap .twitter {display:block; width: 100%; padding-left: 0; border-left: 0; margin-top: 50px;}
.footer_wrap .twitter a.follow {top: -34px; right: 10%;}
.footer_wrap .twitter a.follow:hover {color: #000;}
.footer_wrap nav {margin-right: 0;}
.footer_wrap p.copy span {display: block; margin-left: 0; margin-top: 20px;}

.two_col .left {width: 96%; padding: 2%; overflow: hidden;}
.two_col .left aside {display: none;}

/* Refine */
.refine h3 {text-align: left;}
.refine ul li {margin-top: 6px;}
.refine ul li label {text-align: left; color: #000; width: auto;}
.date ul li label {width: 50px;}



/* refiner */
.refiner h2 {display: block; text-align: left; padding-left: 24px; background: url('../img/nav_icon.png') 0 center no-repeat; cursor: pointer; font-size: 16px;}
.refine_elements {display: none;}


/* Left nav */
.left nav {margin-bottom: 20px;}
.left nav h2 {display: block; text-align: left; background: url('../img/nav_icon.png') 14px center no-repeat; cursor: pointer; font-size: 16px; border: 1px solid #d6d6d6; padding: 14px 14px 14px 38px; margin-bottom: 0;}
.left nav ul {display: none;}
.left nav ul li {text-align: left;}


.two_col .right {width: 100%; float: none; clear: both; padding-top: 20px;}
.breadcrumbs {text-align: center;}
.breadcrumbs ul li {display: inline;}
.breadcrumbs ul.crumb {float: none; clear: both;}
.breadcrumbs aside {float: none; clear: both; margin: 15px 0 0 38px;}



/* Tabs */
.offers_main h1 {float: none; width: 100%; clear: both; font-size: 22px; margin-top: 15px;}
.offers_main .tabs {display: none;}
#tab1, #tab2 {width: 100%; float: none; clear: both; height: auto;}
#tab2 {display: none;}
.offers_main .slider {width: 100%; margin: 5px 0 0 0; padding: 0;}
.offers_main .slider ul.rslides li a {height: auto;}
.offers_main .slider .caption {position: relative; bottom: auto; left: auto; background: #eee; padding: 10px; min-height: 150px;}
.offers_main .slider .caption h2 {font-size: 14px; color: #000;}
.offers_main .slider .caption p {color: #666;}
.offers_main .slider .caption span {position: relative; left: auto; top: auto; font-size: 40px; color: #000;}
.offers_main .slider .caption span strong {font-size: 10px; text-align: center;}
.offers_main .content_row {}
/* Ads */
.offers_main aside {display: none;}
/* Sort */
.sort {text-align: center;}
.sort span {display: none;}
.sort li a {font-size: 11px; padding: 0 2px 0 5px;}


/* results */
.results span.special_offer {left: 66px;}
.results ul li.featured span.special_offer {left: 65px;}
.results ul li a {border-color: #eee;}
.results ul li img {float: none; width: auto; margin: 0;}
.results ul li h3 {padding: 0; margin: 10px 0 0 0; float: none; width: 100%;}
.results ul li span.para {float: none; width: 100%; margin-top: 10px; clear: both;}
.results ul li span.average {float: none; width: 100%; margin-left: 0; margin-top: 10px; padding: 0;}
.results ul li span.details {position: relative; top: auto; right: auto; height: auto; width: 90%; border-radius: 10px; padding: 2% 5%; margin-top: 0; clear: both;}
.results ul li.more a {border: 0;}
.results ol {margin: 10px 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.results ol li {margin: 0; padding: 5px 0; width: auto; float: none;}
.results ol li.gift {background: none; padding: 0;}
.results ol li.special {background: none; padding: 0;}

.two_col .left aside img {width: 50%; float: left;}

/* Blog */
.page_detail {margin-top: 15px;}
.page_detail img {float: none; width: 94px; margin: 10px 0;}
.blog_list ul li {overflow: hidden; margin-top: 30px;}
.blog_list ul li img {float: none; width: 100%;}
.blog_list ul li span {float: none; width: 96%; display: block; padding: 10px 2% 0 2%;}
.blog_list ul li h3 {min-height: 10px; margin: 0 0 10px 0; font-size: 18px;}

.inner_tabs div {text-align: left; padding-right: 0;}
.three_inner .inner_main {float: none; width: 100%; padding-bottom: 10px;}
.three_inner .inner_main .article_intro img {float: none; width: 119px; margin: 10px 0;}
.three_inner .booking_details {float: none; width: 100%; margin: 20px 0 0 0;}
.three_inner aside {float: none; width: 100%; margin: 20px 0 0 0; overflow: hidden;}
.three_inner aside img {width: 50%; margin-bottom: 0; float: left;}
/* 3 col slider */
.three_inner .slider {width: 100%;}
.three_inner .booking_details .venue_details ul li, .three_inner .booking_details .venue_details span, .three_inner .booking_details .special_offers li {text-align: left;}


.inner_tabs ul li {float: none; clear: both;}
.inner_tabs ul li:first-child a {border-radius: 10px 0 0px 0px; border: none;}
.inner_tabs #vouchers li span {float: none; width: 100%;}
.inner_tabs #vouchers li a.buy {display: block; float: none; margin: 10px auto 0 auto;} 

.inner_tabs fieldset ol li label, .inner_tabs fieldset ol li p {float: none; width: 100%; margin: 0; font-size: 14px; color: #777; padding: 5px 0;}
.inner_tabs fieldset ol li input {float: none; width: 95%; }
.inner_tabs fieldset ol li input.short_input {width: 95%; margin-right: 0;}
.inner_tabs fieldset ol.radio_list {float: none; width: auto;}

.tab_list table th {font-size: 14px; text-align: left;}
.tab_list table td {font-size: 14px; text-align: left;}
.tab_list table .date {display: none;}

.content_row {text-align: left;}
.content_row img {float: none; margin: 15px 0 0 0;}


.page_detail ul li.date {display: none;}

/* generic template */
.generic_content {float: none; width: 100%; margin-top: 15px;}
.generic_right {float: none; width: 100%; margin-top: 15px;}
.generic_right ul li {margin-bottom: 2%;}
.generic_right ul li:first-child, .generic_right ul li.row {margin: 2%;}
.generic_content {text-align: left;}

}

@media only screen and (max-width: 400px)
{
.slider a.callbacks_nav {top: 50px;}
}




/* Templates styling - tbd */
.templates {padding: 30px 0; margin: 0 auto; background: #fff;}
.templates h1 {text-align: center; margin-bottom: 30px; color: #000;}
.templates ul {border: 1px solid #ccc; padding: 0;}
.templates ul li {border-top: 1px solid #ccc; text-align: center;}
.templates ul li:first-child {border: 0;}
.templates ul li a {display: block; text-align: center; padding: 10px; color: #000;}
.templates ul li a:hover {color: #ccc;}