/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */

body { background:#222; padding:15px; font-size:70%; font-family::Arial, Helvetica, sans-serif; color:#fbfcfd; }

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both; height:1px; }
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 1.5em 0}
.left {float:left}
.right {float:right;}

a { color:#fff; text-decoration:underline  }
a:hover { color:#ddd }
a img {  padding:0; border:none}
a:hover img {}
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }

h1, h2, h3, h4 {font-family:;}
h1 {color:#fff; font-size:28px; line-height:1.4em; margin:0.5em 0 0.7em 0; border-bottom:1px solid #db1c23; padding:0 0 5px 0; letter-spacing:0.05em; font-weight:normal; text-transform:uppercase} 
h2 {color:#fff; font-size:24px; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0;  padding:1px 0; text-transform:uppercase;}
h3 {color:#fff; font-size:1.4em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0; border-left:4px solid #db1c23; padding:0 0 0px 7px;}
h4 {color:#db1c23; font-size:1.2em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0; border-bottom:1px solid #74352b; padding:0 0 3px 0}

img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { margin-right:10px; margin-bottom:10px; border:1px solid #555; padding:4px;}
img.clsbordermiddle { margin-right:10px; margin-left:10px; border:1px solid #555; padding:4px;}
img.clsborderright { margin-left:10px; margin-bottom:10px; border:1px solid #555; padding:4px;}

.notes { font-size:0.8em; color:#ddd; margin:1.5em 0;}
.shout { margin:1.5em 0; padding: 20px;  background:#111;
border:1px solid #222; }
.shout img.clsright { margin: 0; }
.shout2 {color: #fff; font-size: 1.2em; letter-spacing: 1px; margin:1.5em 0; padding:2px; font-weight:bold;background:#74352b}

.submit {background: #ddd; border: 0; cursor: pointer; color: white; padding:2px;}
.reset {background: #ccc; border: 0; cursor: pointer; color: white}
.quote {border: 1px solid #db1c23; border-left:3px solid #db1c23; border-bottom:3px solid #db1c23; padding:5px; color:#fff; margin:1.5em 0;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { margin:1.5em 0; color:#db1c23; }
.custom2 { margin:1.5em 0; letter-spacing:2px;}

.border {border:1px solid #555; padding:4px; }
.noborder {border:0;}

/*Structural & Custom Styles */
#jump {display:none;}

#container {background:url(black_trans.png); width:947px; position:relative; top:0; z-index:2; margin:0 auto; padding:0 0 10px 0; overflow:hidden; font-size:1.2em}

#background{position:absolute; z-index:1; width:100%; height:100%;}
#gradient { width:100%; overflow:hidden; background:url(gradient.png) repeat-x;}



.pageframe {padding:0  10px 0 10px; float:left; width:957px}

#pagebanners {float:right; width:242px; margin:10px 30px 0 10px;display:block;}
#pagebanners img {border:1px solid #74352b; margin:0 0 15px 0;}
#pagebanners #mojitos-small {border:1px solid #66932b;}

#pagecontent {margin:15px 0; width:670px; float:left;}

#pageframe1 #pagebanners, #pageframe7 #pagebanners {display:none;}
#pageframe1 #pagecontent, #pageframe7 #pagecontent {width:100%;}

#homepageflash {float:left; width:570px; height:310px; float:left; margin-bottom:9px;}

#homemojitos, #homesignup, #homeparty {width:343px; height:148px; float:left; margin:0 0 0 10px; padding:0; display:block;border:1px solid #74352b; }

#homemojitos {margin:1px 0 10px 10px; border:1px solid #66932b}

form#homesignup {padding:3px 10px 0 10px; width:324px; float:left; display:block; background:url("win_tab.jpg") no-repeat; height:144px; border:1px solid #74352b;}
form#homesignup p {margin:0; font-size:0.9em;}
form#homesignup h2 {margin:0; font-size:28px}
form#homesignup .inputsurround {overflow:hidden; padding:8px 0 0 0; }
form#homesignup label {float:left; width:100px;}
form#homesignup input, form#winatab textarea {float:right; width:200px; clear:right}
form#homesignup input.submit { background:none; border: 0; cursor: pointer; color: white; padding:0 2px 2px 2px; width:68px; margin:0 0; height:22px; clear:both; text-indent:-9999px;}

#homeparty {padding:3px 10px 0 10px; width:324px; display:block; background:url("having_party_new.jpg") no-repeat; height:144px; border:1px solid #74352b; text-decoration:none;}
#homeparty h2 {margin:0 0 73px 0; font-size:28px}
#homeparty p {margin:0; padding:0; line-height:1.2;}


#homewelcome { width:548px; height:128px; padding:10px; overflow:auto; float:left; border:1px solid #74352b; position:relative;}
#homewelcome h1 {border:none; text-transform:uppercase; margin:0 0 8px 0;}
#homewelcome p {padding:0; margin:0;}



#header { width:960px; overflow:hidden; margin:15px 0 15px 0; height:75px;}
#header h2 {width:282px; height:61px; background:#000; border:none;   float:left; margin:12px 5px 10px 10px;}
#sitelogo {width:282px; height:61px; background:#000; border:none;   float:left; margin:12px 5px 10px 10px}
#header a {text-decoration:none;} 
#header #rightinfo {float:right; padding-right:2px;text-align:right; margin:0 10px 0 0}
#header #rightinfo #address {  margin-top:20px;  text-align:right;}




#nav {float:right; margin:10px 13px 5px 0 ; list-style:none; background:#000; padding:0; font-family:tahoma, sans-serif; font-size:1.4em; font-weight:bold; text-transform:uppercase}
#nav li { float:left; padding:0; margin:0}
#nav li a {display:block; margin:3px 0px 5px 13px; color:#fff; float:left; text-decoration:none; background:none;  padding:0 0 0px 0;}
#nav li a:hover, #nav li a#active {color:#c4191f;  }





ul, ol { margin:1.5em 0 1.5em 25px;}
li {margin:0 0 0.5em 0;}

table, td, th {border:1px solid #74352b; padding:5px;}
table {padding:0;}
th {text-transform:uppercase; font-weight:bold;}

form {margin: 0 20px; padding:0 10px 0 0; width:370px; float:left; display:block;}
form .inputsurround {overflow:hidden; padding:10px 0 0 0; }
form label {float:left; width:100px;}
form input, form textarea {float:right; width:260px; clear:right}
form .submit {background: #74352b; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}

#contact-left {float: left; margin: 0 30px 0 15px; width: 410px}
#googlemap {float:left; padding:10px; border:1px solid #74352b; margin:6px 0px;}

.contactaddress {float:left; width:145px; padding:0 0 0 30px; display:block;}



#footer {padding:10px 20px 0 20px; clear:both; color:#fff; font-size:0.8em;}
#footer strong {color:#1D2951;}

.lightbox a {margin:10px; display:block; float:left;}
.lightbox a img {border:1px solid #74352B;}
.lightbox a:hover img {border:1px solid #db1c23;}

#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(http://server17.sitewizard.co.uk/sites/fiftyfivebarnew/template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://server17.sitewizard.co.uk/sites/fiftyfivebarnew/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server17.sitewizard.co.uk/sites/fiftyfivebarnew/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

.inputsurround #form_submit { background: url(submit.gif); line-height: 0; font-size: 0; overflow: none; text-indent: -9999px; width: 62px; height: 23px; border: 0; cursor: pointer; }