html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background:#eee9e5;
font-family:helvetica,arial,verdana,sans-serif;
}

a{
outline:none;
}

#skip{
position:absolute;
margin-left:-999px;
}

#quick_search{
display:none;
}

#font_size{
display:none;
}

.message {
margin:50px 0 0 142px;
padding:5px;
border:1px solid #ffeb08;
background:#fff8af;
text-align:center;
margin-bottom:10px;
font-size:85%;
width:806px;
}

#container{
position:relative;
margin:0 auto;
width:1020px;
background:url(/img/container_bg.gif);
}

/******************
HEADER STYLING    *
******************/

#header{
background:url(/img/header_img2.jpg) 20px 0 no-repeat;
height:150px;
}

h1{
display:none;
}

#header_info{
float:right;
margin-right:30px;
margin-top:35px;
}

#header_info p{
text-align:right;
}

#header_info a{
color:#000;
text-decoration:none;
border-bottom:1px dotted;
}

#header_info a:hover{
border-bottom:1px solid;
}

span.info{
color:#9b2a2e;
}

/*****************
MENU STYLING     *
*****************/

#menu {
position:absolute;
top:160px;
left:30px;
background:url(/img/menu_bg.gif) 0 0 repeat-x;
width:925px;
font-size:13px;
font-family:arial, serif;
padding-left:35px;
}

#menu ul {
margin:0 0 0 64px;
padding:0;
list-style:none;
}

#menu ul ul {display:none;}

#menu ul li {
float:left;
position:relative;
}

#menu ul li a {
display:block;
float:left;
padding:8px 13px 8px 20px;
color:#E4DFB6;
text-decoration:none;
}

#menu ul li.first a {
border-left:0;
}

#menu ul li a:hover,
#menu ul li a.active {
color:#fff;
}

#menu ul li:hover ul {
display:block;
position:absolute;
width:100px;
left:0;
margin-top:31px;
margin-left:0px;
}

#menu ul li ul{
margin:0 0 0 -20px;
}

#menu ul li ul li {
display:block;
}

#menu ul li ul li a {
float:none;
width:100px;
background:#9b2a2c;
}

#menu ul li ul li a:hover{
background:#d9d0b1;
color:#000;
}

/****************
BANNER STYLING  *
*****************/

#banners{
margin-top:50px;
}

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

#banners ul li{
padding:0 0 10px 0;
}

#banners ul li a img{
border:1px solid #9b6f26;
}


/*****************
CONTENT STYLING  *
*****************/

#content h2{
font:normal 22px Georgia;
margin-top:10px;
width:350px;
}

#home_content h2.home_page{
margin:5px 0 0 120px;
padding:0 0 0 20px;
width:530px;
}

#content h2.standard_page {
    margin-left:140px;
}

h2.hire_heading{
padding:0 0 30px 20px;
}

#content{
min-height:965px;
overflow:auto;
margin:0 30px 10px 30px;
padding:0 0 20px 0;
background:url(/img/tipples_watermark.jpg) 140px center no-repeat;
color:#333;
}

.flash_pages{
margin:50px 0 0 120px;
padding:0 0 0 20px;
}

#flash{
border:1px solid #9b6f26;
width:817px;
height:198px;
margin:50px 0 0 0;
}

#standard_page_format{
padding:0 0 0 20px;
margin-left:120px;
}

#page{
margin:45px 0 0 0;
}

h2.page{
margin:;

}

#inner_content h2 {
width:450px;
}

#inner_content{
margin:0 0 0 120px;
padding:0 20px;
}

#inner_content img{
padding-left:19px;
}

.standard_content{
margin:0 0 0 120px;
padding:0 20px;
}


/************************
UPCOMING EVENTS STYLING *
************************/

#default_right{
float:left;
}

#right{
float:right;
}

#upcoming{
background:#9b2a2c;
width:118px;
color:#fff;
border:1px solid #9b6f26;
margin-bottom:10px;
margin-top:0;
}

#upcoming h3{
font:normal 14px Georgia, serif;
margin-top:8px;
margin-bottom:5px;
padding-left:2px;
}

ul.upcoming{
margin:0;
padding:0 5px;
list-style:none;
}

ul.upcoming li{
border-bottom:1px dotted #fff;
padding:3px 0;
font-size:11px;
}

.date{
color:#e9e9ec;
}

/************************
RANDOM COCKTAIL STYLING *
*************************/

#random_cocktail{
min-height:200px;
overflow:visible;
width:118px;
background:#9b2a2c;
border:1px solid #9b6f26;
}

ul.cocktails{
list-style:none;
padding:0;
margin:0;
}

ul.cocktails li{
text-align:center;
margin:0;
color:#fff;
line-height:1.4em;
}

ul.cocktails li strong{
color:#fff;
}

ul.cocktails li img{
width:100px;
margin-top:15px;
border:1px solid #9b6f26;
}

ul.cocktails .recipe{
width:103px;
padding-left:10px;

}


/*******************
MOBILE BAR STYLING *
*******************/

ul.mobile_bar{
list-style:none;
}

ul.mobile_bar li{
padding-bottom:15px;
}

ul.mobile_bar li a{
color:#9b2a2c;
text-decoration:none;
border-bottom:1px dotted;
}

ul.mobile_bar li a:hover{
border-bottom:1px solid;
}

ul.link_banners li a img{
border:1px solid #9b6f26;
}

.cocktail_content a{
color:#f48b00;
text-decoration:none;
border-bottom:1px dotted;
}

.cocktail_content a:hover{
border-bottom:1px solid;
}

/***********************
EQUIPMENT HIRE STYLING *
***********************/

#order{
position:absolute;
top:210px;
right:120px;
border:1px solid #9b6f26;
padding:5px 10px;
background:#d9d0b1;
}

#order a{
color:#333;
text-decoration:none;
}

#order a:hover{
border-bottom:1px solid;
}

#clear{
position:absolute;
top:210px;
right:30px;
border:1px solid #9b6f26;
padding:5px 10px;
background:#d9d0b1;
}

#clear a{
color:#333;
text-decoration:none;
}

#clear a:hover{
border-bottom:1px solid;
}

ul.products{
overflow:auto
list-style:none;
margin:0 0 0 120px;
padding:0;
}

ul.products li{
float:left;
min-height:110px;
overflow:auto;
border-bottom:1px dotted #e5e5e5;
width:370px;
padding:10px 0 5px 0;
}

.product_img{
float:left;
margin-right:20px;
margin-top:5px;
width:70px;
}

.product_img a img{
border:1px solid #9b2a2c;
margin-left:20px;
height:50px;
}

.hire_content{
margin:0 0 0 20px;
padding:0 0 0 20px;
}

.hire_content p {
margin:0;
padding:0;
}

.hire_price{
margin:0 0 0 20px;
padding:0 0 0 20px;
}

.product_content input {
border:1px solid #9b2a2c;
width:25px;
font-size:100%;
text-align:center;
}

p.hire_back a{
margin-left:20px;
color:#9b2a2c;
text-decoration:none;
border-bottom:1px dotted;
}

p.hire_back a:hover{
border-bottom:1px solid;
}

ul.equip_hire_index{
margin:0;
padding:0;
list-style:none;
}

ul.equip_hire_index li{
padding:0 0 8px 0;
}

ul.equip_hire_index li a{
text-decoration:none;
color:#9b2a2c;
border-bottom:1px dotted;
}

ul.equip_hire_index li a:hover{
border-bottom:1px solid;
}

.qty{
color:#9b2a2c;
}

.qty .status {
color:green;
}

#order_form h2{
padding:40px 0 10px 20px;
}

#order_form .form_content input{
width:350px;
padding:3px;
border:1px solid #9B6F26;
}

#order_form .form_content .input label{
color:#000;
}

#order_form .form_content textarea{
width:350px;
height:100px;
border:1px solid #9B6F26;
}

#order_form .form_content select {
border:1px solid #9B6F26;
}

#order_form .submit{
padding:10px 0 0 0;
}

#hire_equipment {
margin-left:140px;
overflow:auto;
}

#hire_equipment h2 {
margin-left:0;
padding-left:0;
margin-top:0;
}

.tabs {
margin:0 0 10px 0;
padding:0 0 0 2px;
list-style:none;
border-bottom:1px solid #9B2A2C;
height:27px;
}

.tabs li {
display:inline;
}

.tabs li a {
display:block;
float:left;
border:1px solid #9B2A2C;
padding:5px;
margin-right:2px;
text-decoration:none;
background:#9B2A2C;
color:#E4DFB6;
}

.tabs li a.active {
background:#fff;
border-bottom:1px solid #fff;
color:#333;
}

#products {
overflow:auto;
}

#products ul {
margin:0;
padding:0;
}

#products li {
margin:0;
margin:0 20px;
height:140px;
}

#products li .product_content h3 {
margin:2px 0 10px 0;
}

#products li .product_content {
margin-left:110px;
}

#products li .product_content .hire_content {
margin:0;
padding:0;
}

#products li .product_content .hire_price {
margin:0;
padding:0;
}

#products li a img {
height:auto;
width:80px;
}

/*********************
TESTIMONIAL STYLING  *
*********************/


.testimonial{
border-bottom:1px dotted #ccc;
padding:10px 0 0 0;
}

.testimonial .author {
text-align:right;
font-style:italic;
margin-bottom:10px;
padding-right:5px;
font-weight:bold;
}

.testimonial .author span {
display:block;
font-weight:normal;
font-size:10px;
}

/****************
LINKS STYLING   *
****************/

#cats{
float:right;
margin:60px 60px 0 0;
}

#links p{

}

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


ul.link li{
padding:10px 0 15px 0;
border-bottom:1px dotted #e9e9de;
width:740px;
}

#links ul li a{
color:#f48b00;
border-bottom:1px dotted;
text-decoration:none;
}

#links ul li a:hover{
border-bottom:1px solid;
}



/******************
GALLERY STYLING   *
******************/

#gallery ul{
list-style:none;
margin:0;
padding:0;
overflow:auto;
width:750px;
}

#gallery ul li{
float:left;
width:80px;
height:80px;
margin:0 7px 7px 0;
padding:5px 7px 5px 5px;
text-align:center;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
}

#gallery ul li a img{
border:1px solid #aaa;
}

#gallery ul li:hover {
background:#9B2A2C;
border-top:1px solid #9B2A2C;
border-left:1px solid #9B2A2C;
border-right:1px solid #740003;
border-bottom:1px solid #740003;
}

#gallery ul li:hover a img {
border:1px solid #740003;
}

/*****************
CONTACT STYLING  *
*****************/

.contact_content a{
color:#9b2a2c;
text-decoration:none;
border-bottom:1px dotted;
}

.contact_content a:hover{
border-bottom:1px solid;
}

form{
background:#e9e9de;
width:520px;
padding:20px 15px;
margin-bottom:15px;
border:1px solid #9B6F26;
margin-left:140px;
}

form select{
padding:4px;
}

form label{
display:block;
padding:2px;
}

#title, #enquiry_type{
border:1px solid #9B6F26;
}

#b_functionDateDay, #b_functionDateMonth, #b_functionDateYear{
border:1px solid #9B6F26;
}

form .field{
display:block;
width:470px;
padding:4px;
border:1px solid #9B6F26;
}

form textarea{
height:65px;
}

form .submit{
display:block;
padding:20px 25px;
}


/*****************
FOOTER STYLING   *
*****************/

#footer{
border-top:1px dotted #9c2c2b;
background:#ffffff;
height:75px;
margin:0 30px;
}

#footer p{
color:#888888;
padding:0;
margin:10px 0 0 0;
text-align:right
}

#footer p span img {
    margin-top:5px;
}

#footer p a {
    color:#888888;
}

#footer p a:hover {
    text-decoration:none;
}

#footer .tw_link {
    padding:0 5px 0 0;
}

#footer .tw_link,
#footer .fb_link {
float:right;
margin-top:5px;
}


#footer .fb_link a {
display:block;
text-decoration:none;
color:#ad1c1c;
}


#adverts{
margin-top:10px;
float:left;
}

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

#adverts ul li{
display:inline;
}

#adverts ul li a{
padding-left:1px;
}

#adverts ul li a img{
border:1px solid #9b6f26;
}

.error label {
color:#f00 !important;
}

.error input {
border:1px dashed #f00 !important;
background:#FED5DC !important;
color:#f00;
}

form input[type=text],
form textarea,
form select {
font:normal 11px arial, sans-serif;
background:#fff;
border:1px solid #ad1c1c;
}

form .input {
margin-bottom:5px;
}

.subtotal {
margin-top:25px;
font-size:20px;
}

.right {
float:right;
border:1px solid #ccc;
background:#eee;
width:180px;
margin-top:50px;
padding:10px;
}

.right h3 {
margin:0;
}

.right ul {
margin:5px 0 20px 0;
padding:0;
list-style:none;
}

.right ul li a {
display:block;
border-bottom:1px dotted #ccc;
padding:5px;
color:#333;
text-decoration:none;
}

.right ul li a:hover {
background:#9B2A2C;
color:#fff;
}

.posts {
margin-left:130px;
margin-right:212px;
}

.posts a {
color:#9B2A2C;
text-decoration:none;
}

.posts a:hover {
text-decoration:underline;
}

.post_info {
font-size:11px;
text-align:right;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding:5px 0;
margin-bottom:20px;
}

.post_info .blog_left {
float:left;
}

.viewing {
font-size:11px;
margin-left:130px;
}

#blog_content {
margin-top:50px;
}

#pagenums {
margin-left:130px;
font-size:11px;
}

#pagenums ul {
margin:0;
padding:0;
list-style:none;
overflow:auto;
}

#pagenums ul li {
float:left;
}

#pagenums ul li a {
display:block;
padding:3px 5px;
border:1px solid #ccc;
background:#eee;
color:#333;
text-decoration:none;
margin-right:2px;
}

#pagenums ul li a:hover {
background:#9B2A2C;
border:1px solid #ad1c1c;
color:#fff;
}

.top_links {
font-size:11px;
float:right;
}

.blog_left div {
text-align:left;
margin-bottom:3px;
}

.comment_form form {
margin:0;
width:585px;
background:#eee;
border:1px solid #ccc;
font-size:11px;
}

.comment_form form label {
display:block;
float:left;
width:80px;
}

.comment_form form .input input,
.comment_form form .input textarea {
border:1px solid #ccc;
padding:3px;
width:300px;
}

.comment_form form .input textarea {
width:480px;
}

.comment_form form .verification input {
border:1px solid #ccc;
padding:3px;
width:30px;
}

.comment_form form .submit input {
margin-left:60px;
border:1px solid #ccc;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
font-size:11px;
padding:3px 5px;
}

.comment_form form .submit input:hover {
border:1px solid #aaa;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
cursor:pointer;
}

.comments {
margin:0 0 20px 0;
padding:0;
list-style:none;
}

.comments li {
padding:10px;
background:#f1f1f1;
border-bottom:1px solid #fff;
}

.comments li.light {
background:#f7f7f2;
}

.comment_info {
font-size:11px;
margin-bottom:5px;
}