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 {
padding:5px;
border:1px solid #ffeb08;
background:#fff8af;
text-align:center;
margin-bottom:10px;
font-size:85%;
width:804px;
}

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

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

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

h1{
display:none;
}

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

#header_info p{
text-align:right;
}

#header_info a{
color:#f48b00;
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:102px;
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 78px;
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;
}

h2.standard_page{
margin:0 0 0 120px;
padding:0 0 0 20px;
}

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{
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:#cda158;
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 #805604;
padding:3px 0;
font-size:11px;
}

.date{
color:#835406;
}

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

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

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

ul.cocktails li{
text-align:center;
margin:0;
color:#835406;
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:#f48b00;
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:152px;
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:152px;
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 #9b6f26;
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 #9b6f26;
width:25px;
font-size:100%;
text-align:center;
}

p.hire_back a{
margin-left:20px;
color:#f48b00;
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:#f48b00;
border-bottom:1px dotted;
}

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

.qty{
color:#9b6f26;
}

.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 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:#f48b00;
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;
float:right;
}

#adverts{
margin-top:10px;
}

#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;
}