body
{
        background: url("images/bg-1000.jpg") no-repeat 0 0 #000;
        color: #fff;
        font: 75% Arial, Helvetica, Sans-serif;
        margin: 20px 20px 60px 20px;
        padding: 0;
}

#content table {
        margin: 0 auto 20px auto; 
        padding: 0; 
        font-size: 100%;
        border: 1px solid #333;
}
#content th {
        background: #333;
        border: 1px solid #666;
}
#content td {
        background: #000;
        border: 1px solid #333;
        padding: 3px 5px;
        text-align: center;
}


address, p {
        font-style: normal;
        margin: 0 0 20px 0; 
}

textarea, input, select {
        font: 100% Arial, Helvetica, Sans-serif;
        
}


a {
        color: #6cf;
        font-weight: bold;
        text-decoration: none;
}
a:hover {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
}

blockquote { margin: 0 0 20px 0; padding: 0 20px; text-align: center; }
blockquote p { margin: 0; text-align: center; color: #ff9; font-weight: bold; font-size: 150%; }





dl#directions {
        
}
dl#directions dd {
        text-align: right;
        color: #ff6;
        margin: 0 0 5px 0;
  
}
dl#directions dt {
        float: left; display: block; 
        color: #fff;
}


div#container {
        width: 780px; margin: 0 auto;
}

div#header {
        height: 323px;
        margin: 0 0 20px 0;
}
div#header h1 {
        background: url("images/logo.png") no-repeat 0 0;
        width: 240px;
        height: 63px;
        margin: 0 0 15px 0;
        overflow: hidden;
}
div#header h1 a {
        display: block;
        padding: 70px 0 0 0;
}
div#header div.image_right {
        float: right; 
        width: 500px;
}
div#header div.image_right p {
        margin: 0 0 5px 0;
}
div#header p img {
        border: 0;
}

div#enjoy_england { float: right; padding: 0 25px 0 0; }


div.thumbnails {
/*
        position: absolute;
        top: 260px;
        margin-left: 50%;
        left: -100px;
        z-index: 2;
*/
        width: 600px;
        overflow: hidden;
        margin: 0 0 20px auto;
        padding: 3px 0 0 0;
        text-align: center;
        background: #333;
}

div.thumbnails p {
        display: inline;
        margin: 0;
        padding: 0 5px;
}
div.thumbnails p img {
        border: 1px solid #666;
}


h2 {
        color: #6cf;
        font-size: 150%;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 10px 0;
        padding: 5px 0; 
}

div#content {
        float: right;
        width: 600px;
        background: #131313;
        margin: 0 0 20px 0;
}
div#content div.padding {
        padding: 20px;
}

div#bar_menus {
        float: right;
        width: 600px;
        background: #131313;
        margin: 0 0 20px 0;
}
div#bar_menus div.padding {
        padding: 20px;
}
div#bar_menus table {
        width: 90%;
        margin: 0 auto 20px auto;
        border: 1px solid #666;
        text-align: left;
}
#bar_menus table th {
        background: #333;
        border: 1px solid #666;
}
#bar_menus table td {
        background: #000;
        border: 1px solid #333;
        padding: 3px 5px;
}

div#bar_menus table td.title {
        text-align: left;
        width: 70%;
}
div#bar_menus table td.glass {
        text-align: right;
        width: 15%;
}
div#bar_menus table td.jug {
        text-align: right;
        width: 15%;
}


div.price_crash {
        float: right;
        width: 50%;
        text-align: center;
        margin: 0 0 20px 20px;
        padding:  20px 0;
        background: #333;
        border: 1px solid #666; 
}
div.price_crash p { margin: 0; }


div#table_d_hote {
        width: 600px; float: right; 
        margin: 0 0 20px 0; 
}

div#christmas {
        width: 600px; float: right; 
}
div#menu {
        background: #131313;
        text-align: center;
        padding: 40px 0 20px 0;
        margin: 0 0 20px 0;
}
p.stars {
        background: url("images/stars.jpg") no-repeat top center;
        padding: 20px 0 0 0;
}
div#menu div.divider {
        height: 1px;
        width: 25%;
        border-top: 1px solid #ffc;
        margin: 0 auto 20px auto;
}

div#christmas_offer {
        border: 1px solid #900;
        padding: 20px 20px 0 20px;
        margin: 0 0 20px 0;
        background: #c33;
        color: #fff; 
}
div#christmas_offer h2 {
        color: #ff6;
        font-size: 150%;
}


p.image_right { float: right; padding: 0 0 20px 10px; margin: 0; }

div#sidebar {
        float: left;
        width: 160px;
        padding: 0;
        margin: 0 0 20px 0;
        text-align: right;
}
div#sidebar ul {
        margin: 0;
        padding: 0;
}
div#sidebar ul li {
                margin: 0 0 5px 0;
                padding: 0;
                list-style-type: none;
}
div#sidebar ul li p {
        margin: 0 0 5px 0;
}
div#sidebar ul li ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
}
div#sidebar ul li ul li {
                margin: 0 0 5px 0;
                padding: 0;
                list-style-type: none;
}
div#sidebar ul li h3 {
        font-size: 100%;
        font-weight: bold;
        color: #fff;
        margin: 0;
}


form {
        margin: 0; 
}
form dl dt {
        margin: 0 0 5px 0;
}
form dl dd {
        margin: 0 0 10px 0;
}
form p {
        margin: 0;
}

div.contact_details {
        float: left;
        width: 50%;
}

div.clear {
        clear: both;
}

div#footer {
        clear: both;
        text-align: right;
}


/* -- Page Slider CSS -- */

div#menus {
        width: 600px; float: right; overflow: hidden;
        margin: 0; 
        padding: 0 0 20px 0; 
        position: relative;
}
div#menus div#runner {
        position: relative;

        width: 2400px;
        /* height: 775px;*/
}
div#menus div#runner div {
        background: #131313;
        float: left;
        width: 598px;
        /* height: 775px;*/
        text-align: center;
        padding: 0;
}
div#menus div#runner div div.padding {
        float: none;
        width: 80%;
        /*height: 700px;*/
        margin: 0 auto;
        padding:0 0 20px 0;
        text-align: left;
}
div#menus div#runner div ul {
        margin: 0 0 40px 0;
        padding: 5px 0;
        background: #232323;
}
div#menus div#runner div ul li {
        margin: 0;
        padding: 0 0 0 10px;
        list-style-type: none;
        display: inline;
        font-size: 120%;
}
div#menus div#runner div ul li.previous a:before { content: "<< "; }
div#menus div#runner div ul li.next a:after { content: " >>"; }

h3 {
        clear: both; 
        font-size: 100%;
        font-weight: bold;
        margin: 0 0 10px 0; 
}

div#menus div#runner div p span {
        display: inline;
        padding: 0 0 0 50px;
}

div#menus dl { clear: both; margin: 0 0 20px 0; padding: 0; }
div#menus dl dt { float: left; color: #ff9; width: 25%; margin: 0 0 5px 0; }
div#menus dl dd { float: left; width:70%; margin: 0 0 5px 0; }


p.inline { padding: 0 1px; margin: 0 0 20px 0; text-align: center; }
p.inline img { display: inline; border: 1px solid #ccc; text-align: center; }


dl.reasons dt { display: list-item; margin: 0 0 10px 20px;  padding: 0 0 0 5px; list-style-type: square; text-transform: uppercase; text-align: justify; }
dl.reasons dd { margin: 0 0 10px; padding: 0 0 0 40px; color: #ff9;  text-align: justify; }

dl.enquiries { width: 50%; float: left; }

.center { text-align: center; }
.justify { text-align: justify; }
.large { font-size: 200%; }

span.price { font-size: 300%; }


div.gallery { padding: 20px 20px; text-align: center; }
div.gallery p { display: inline; margin: 0; padding: 0 5px;}

.clear { clear: both; }

.location_box { padding: 20px 20px 15px 20px; border: 1px solid #666; margin: 20px; }