/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0; text-align:center; font-size:100%; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; background: url(../img/bg/pattern.gif) repeat top left #fff; color: #666}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
img { border: none;}

a {	color: #999; text-decoration: none;}
a:hover{ color: #91191c; text-decoration:none;}

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
select.s170 { width:178px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.s25pc { width:25%;}
.s30pc { width:30%;}
.s35pc { width:35%;}
.s40pc { width:40%;}
.s50pc { width:50%;}
.s60pc { width:60%;}
.s65pc { width:65%;}
.s70pc { width:70%;}
.s100pc { width:100%;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:760px; margin:0 auto; font-size: 0.7em; text-align: left;} 
body.holding #backgroundImage {background: url(http://www.wunderbar.ie/img/holding-bg.gif) repeat-x 0 0} 

/*.................................................. HEADER ................................................*/
#header { padding: 10px 0 10px 15px; width:745px; background: url(../img/bg/header.gif) repeat-y top left ; display:block; clear:both; }
#header div.r {padding: 0 16px 0 0; text-align:right;  width: 60%;}
#header div.r img{margin: 0 0 10px 0; }
#header div.r a {outline: none; }
#header ul {float: right; clear: both}
#header ul li {display: inline; float:left; }
#header ul li.on a {color: #91191c}
#header span {margin: 0 3px; color: #f3c100}
#headerClose {background: url(../img/bg/header-bottom.gif) no-repeat top left; height: 12px; width: 760px;    }

/*.................................................. MAIN NAVIGATION ................................................*/

/* all lists */
#mainmenu {padding: 0 0 0 5px; width: 760px; z-index: 100;   }
#mainmenu ul {	padding: 0;	margin: 0; clear: both; font-size: 1.0em;border-bottom: 1px solid #fff; float: left; }

/* first-level lists */
#mainmenu li {	float: left}
#mainmenu li:hover, #mainmenu li.hover {position:static; }
#mainmenu li a {padding: 4px 0 5px 10px; text-align:left;	text-decoration:none;	display: block;	color:#fff; background: #1f1f1f}
#mainmenu li a:hover {	text-decoration:none;	color: #f3c100; background: #f3c100;}
#mainmenu li.on a {	color:#000;}
#mainmenu li.on a:hover {	color:#000;}
#mainmenu li.on ul li a {color: #fff; }


/*home*/
#mainmenu li#m01 {width: 57px; }
#mainmenu li#m01 a {background:url(../img/bg/menu.gif) no-repeat 0 0px ; }
#mainmenu li.on#m01 a {background:url(../img/bg/menu.gif) no-repeat 0 -23px ;}

/*homebars*/
#mainmenu li#m02 {width: 83px; }
#mainmenu li#m02 a {background:url(../img/bg/menu.gif) no-repeat -57px 0px ; }
#mainmenu li.on#m02 a {background:url(../img/bg/menu.gif) no-repeat -57px -23px ; }

/*coolers*/
#mainmenu li#m03 {width: 75px}
#mainmenu li#m03 a {background:url(../img/bg/menu.gif) no-repeat -140px 0px ; }
#mainmenu li.on#m03 a {background:url(../img/bg/menu.gif) no-repeat -140px -23px ; }

/*taps*/
#mainmenu li#m04 {width: 53px; }
#mainmenu li#m04 a {background:url(../img/bg/menu.gif) no-repeat -215px 0px ; }
#mainmenu li.on#m04 a {background:url(../img/bg/menu.gif) no-repeat -215px -23px ; }

/*beer range */
#mainmenu li#m05 {width: 86px;  }
#mainmenu li#m05 a {background:url(../img/bg/menu.gif) no-repeat -268px 0px ; }
#mainmenu li.on#m05 a {padding: 4px 0 5px 9px; background:url(../img/bg/menu.gif) no-repeat -268px -23px ; }

/*haus brau*/
#mainmenu li#m06 {width: 85px; }
#mainmenu li#m06 a {background:url(../img/bg/menu.gif) no-repeat -354px 0px ;  }
#mainmenu li.on#m06 a {background:url(../img/bg/menu.gif) no-repeat -354px -23px ;  }

/*equipment and cleaning*/
#mainmenu li#m07 {width: 150px; }
#mainmenu li#m07 a { background:url(../img/bg/menu.gif) no-repeat -440px 0px ; }
#mainmenu li.on#m07 a {background:url(../img/bg/menu.gif) no-repeat -440px -23px ; }

/*bar supplies*/
#mainmenu li#m08 {width: 88px}
#mainmenu li#m08 a {background:url(../img/bg/menu.gif) no-repeat -590px 0px ; }
#mainmenu li.on#m08 a {background:url(../img/bg/menu.gif) no-repeat -590px -23px ; }

/*rentals*/
#mainmenu li#m09 {width:72px; }
#mainmenu li#m09 a {padding-left: 17px; background:url(../img/bg/menu.gif) no-repeat -678px 0px ; }
#mainmenu li.on#m09 a {background:url(../img/bg/menu.gif) no-repeat -678px -23px ; }


/* second-level lists */
#mainmenu ul li ul {border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; left: -999em;text-align:left; width: 120px;	position: absolute; }
#mainmenu ul li ul li {margin: 0px;text-indent:0px; font-size: 1.0em;  display: block; }
#mainmenu ul#prmm li ul li a {padding-left: 17px; color: #eef7f0;  display: block;	text-align: left; background:url(../img/icons/bullet-quicklinks.gif) no-repeat 10px 8px #000}

/*this is to get a background colour for the drop down menu lists*/
#mainmenu ul#prmm li ul li a:hover {color: #f3c100; }
#mainmenu ul#prmm li ul li.on a {background: url(../img/icons/bullet-quicklinks.gif) no-repeat 8px 8px #a9282b; }
#mainmenu ul#prmm li ul li.on a:hover {color: #ccc;  }

#mainmenu ul#prmm li.on ul li a {background: url(../img/icons/bullet-quicklinks.gif) no-repeat 8px 8px #f3c100;color: #000 }
#mainmenu ul#prmm li.on ul li a:hover {color: #fff; background: url(../img/icons/bullet-quicklinks.gif) no-repeat 8px 8px #1f1f1f; }
#mainmenu ul#prmm li.on ul li.on a {background: url(../img/icons/bullet-quicklinks.gif) no-repeat 8px 8px #a9282b; color: #fff }

#mainmenu ul li#m02 ul {width: 76px; }
#mainmenu ul li#m02 ul li, #mainmenu ul li#m02 ul li a {width: 59px}

#mainmenu ul li#m03 ul {width: 135px;  }
#mainmenu ul li#m03 ul li, #mainmenu ul li#m03 ul li a {width: 118px; }

#mainmenu ul li#m04 ul {width: 92px;}
#mainmenu ul li#m04 ul li, #mainmenu ul li#m04 ul li a {width: 75px}

#mainmenu ul li#m07 ul {width: 161px}
#mainmenu ul li#m07 ul li, #mainmenu ul li#m07 ul li a {width: 144px}

#mainmenu ul li#m08 ul {width: 119px}
#mainmenu ul li#m08 ul li, #mainmenu ul li#m08 ul li a {width: 102px}

#mainmenu ul#prmm li#m09 ul {width: 70px}
#mainmenu ul#prmm li#m09 ul li a {padding-right: 0px; width: 53px; }

#mainmenu li:hover ul ul, #mainmenu li.sfhover ul ul {	left: -999em;}
#mainmenu li:hover ul,
#mainmenu li li:hover ul,
#mainmenu li.sfhover ul,
#mainmenu li li.sfhover ul { 	left: auto;}

/*........................ MAIN this wraps the left and right columns........................*/
#main { background:url(../img/bg/main.gif) repeat-y top left ; float: left;width: 760px; }
#mainWrap {margin: 8px 0 0 0; float: left; background:url(../img/bg/mainWrap.gif) repeat-y top right ; }
/*.................................................. LEFTCOL ...............................................*/
#leftCol {padding: 0px 0 0 16px; float: left; width: 123px; }
#leftCol h1 {font-size: 1.0em;}
#quicklinks {padding: 0px 0 8px 0px; background:url(../img/bg/quicklinks-bottom.png) no-repeat bottom left;  }
#quicklinks h1 {padding: 3px 5px 4px 20px; background: url(../img/bg/h1-quicklinks.gif) no-repeat top left ; }
#quicklinks ul {margin: 0px 0 5px 0px; padding: 0 0 0 2px; width: 100%; float: left;background: url(../img/bg/quicklinks-top.gif) no-repeat top left;}
#quicklinks ul li {margin: 0 0 0 8px; line-height: 1.3em;}
#quicklinks ul li.heading {margin: 2px 0 0 0}
#quicklinks ul li a {color: #91191c; font-weight: bold; }
#quicklinks ul li a:hover {color: #999}
#quicklinks ul li.sub {padding: 0 0 0 8px; background: url(../img/icons/bullet-quicklinks.gif) no-repeat 0 4px; }
#quicklinks ul li.sub a {color: #6b6a6a; font-weight: normal;}
#quicklinks ul li.sub a:hover {color: #91191c;}

#openingHours {padding: 5px 0px 0px 0px ; width: 117px; background: url(../img/bg/opening-hours3.gif) no-repeat top left  ; height: 84px; text-align:center; }
#openingHours h1 {color: #fff}
#openingHours p {color: #fff}

/*.................................................. RIGHTCOL ...............................................*/
#rightCol {margin: 0px 0 0 0; padding: 8px 0 0 0; float: left;width: 611px;  background: url(../img/bg/rightcol.gif) no-repeat top left #fff; }
#rightColWrap {padding: 0 0px 10px 0; background:url(../img/bg/rightcolwrap.gif) repeat-y top left ; float: left; width: 611px;   }
#rightColWrap.home{padding: 0 0px 0px 0; }

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {padding: 0 8px 0 0; float: right;   }

/*.................................................. CONTENT ...............................................*/
#bcrumb {margin: 0 0 10px 0; font-size: 1.0em; text-align:right; border-bottom: 1px solid #f3c100}
#bcrumb a {color: #135584}
#bcrumb a:hover{color: #999}

#content {margin:0px 0px 0px 10px; width: 585px;  }
#content.narrow {width: 394px; }
#content h1 {margin:2px 5px 10px 0; color:#91191c; font-size:1.3em;}
#content h2 {margin:10px 5px 5px 0; color:#5e5e5e/*91191c*/; font-size:1.0em; }
#content h3 {margin:10px 5px 0px 0;color:#006C86; font-size:1.0em; }
#rightCol p {margin:5px 0 5px 0; line-height: 1.3em;}
#content p.top {text-align: right; }
#content p.top a {padding: 0 0 0 12px; background: url(../img/icons/bullet-up.gif) no-repeat 0 4px; }
#content p.print a {padding: 2px 0 1px 20px; background: url(../img/icons/printer.gif) no-repeat 0 0px; }
#content p.openingPara {height: 83px;}
#content p.visitShowroom {height: 18px;}
#content p.note {font-size: 0.9em;}
#content p.link a {padding: 0 8px 0 0; background: url(../img/icons/arrow-right.gif) no-repeat right 4px; }
#content img.marginRight {margin: 4px 10px 5px 0; }
#content a {color: #194c91}
#content a:hover {color: #91191c}
#content a.readmore {margin-top: 3px;}
#content a.readmore2 {margin: 3px 0 0 60px;}
#content img.l {padding: 3px; margin: 0 10px 10px 0 ; border: 1px solid #fbd957; }
#content img.r {padding: 3px; margin: 0 0 10px 10px ; border: 1px solid #fbd957; }
#content img.r.noBorder {border: 0px}
#content p.vat {margin-top: 10px; padding-top: 3px; text-align: right; font-size: 0.8em; border-top: 1px solid #f3c100; }
#content ul.address {margin: 0px; }
#content ul.address li {padding: 0 0 0 18px; margin: 0px;  }
#content ul.address li.tel {background:url(../img/icons/tel.gif) no-repeat 0 2px}
#content ul.address li.email {background:url(../img/icons/email.gif) no-repeat 0 2px}
#content p.address1 { margin: 0 10px 0 0; float: left;}

#rightCol.homepage #content {width: 592px; }
div.introText {padding: 0 0 0 7px; float: left; width: 265px;  }
div#flash {z-index: 0; float: left;  }

/*PANELS*/
.panel {padding: 8px 0 0 8px; width: 186px; height: 110px; background:url(../img/bg/panel.gif) no-repeat top left;}
#content .panel { float:left; }
.panel.beer {padding-right: 6px; background:url(../img/bg/panel-beer.gif) no-repeat top left;}
.panel.cooler {background:url(../img/bg/panel-cooler.gif) no-repeat top left;}
.panel.newCooler {background:url(../img/bg/panel-new-coolers.gif) no-repeat top left;}
.panel.wine {background:url(../img/bg/panel-wine.gif) no-repeat top left;}
.panel.ice {background:url(../img/bg/panel-ice.gif) no-repeat top left;}
.panel.homebars {background:url(../img/bg/panel-homebars.gif) no-repeat top left;}
.panel.homebarsWide {margin: 0px; background:url(../img/bg/homebar-wide.gif) no-repeat top left; width: 257px}
.panel.hausbrau {background:url(../img/bg/panel-hausbrau.gif) no-repeat top left ; width: 387px; }
.panel.hausbrauNarrow {padding-right: 5px;background:url(../img/bg/panel-hausbrau-narrow.png) no-repeat top left ; width: 186px; }
.panel.vintage {background:url(../img/bg/panel-vintage-ads.png) no-repeat top left ; width: 186px; }
#homepage .panel h2, #content .panel h2, #thirdCol .panel h2 {margin:0px 5px 0px 0;color:#91191c; font-size:1.0em; }
a.linkTo {padding: 0 15px 3px 0; background: url(../img/icons/arrow.gif) no-repeat right 2px; color: #194c91}
a:hover.linkTo {padding: 0 15px 3px 0; background: url(../img/icons/arrow.gif) no-repeat right 2px; color: #91191c}

#homepage {padding: 2px 0 0 10px; clear: both;}
#homepage p.visitShowroom {margin: 0; padding: 12px 12px 0 0; clear: both; background:url(../img/new.gif) no-repeat 0 0 ; height: 34px; text-align: right; }
#homepage p.visitShowroom a {background:  none; color:#fff}
#homepage p.visitShowroom a:hover {color: #d1d0d0}
#homepage .panel {float: left; }
#homepage .panel.hausbrau {margin-right: 0px;}
#homepage .panel.ice {margin-right: 6px;}
#homepage .panel.wine {margin-right: 5px;}

/*product display*/
table.product {padding: 8px 0 5px 0; margin: 0; background: url(../img/bg/panel-product-display.gif) no-repeat top left; width: 579px;  height: auto; }
#content table.product td {padding: 0 0 0 7px; text-align: left; vertical-align:top}
#content table.product td.image {width: 85px;  }
#content table.product h2 {margin:5px 5px 5px 5px; font-size: 1.2em;  }
#content table.product h3 {margin:0 0 0 0px; }
#content table.product img {margin: 0 8px 8px 0; float: left; border: 1px solid #dfdfdf; padding: 3px; }
#content table.product p {margin-right:20px}
#content table.product ul {margin: 0px 20px 0 0; background:none; }
#content table.product ul li {padding: 0 0 0 10px; margin: 0 0 3px 0; background:url(../img/icons/bullet-orange.gif) no-repeat 0 4px; width: auto;}
#content table.product a.order img {margin-right: 20px; float: right; border: 0px;}

#content table.specs {margin: 10px 8px 10px 0px; width: 58%; float: left; border-collapse: collapse}
#content table.specs th {padding: 3px 5px ; background: #d8e6ea; color: #006c86;   border: 1px solid #d8e6ea;}
#content table.specs td {padding: 3px 5px ; color: #006c86; border: 1px solid #d8e6ea;  background:#fff;}

#content table.prices {margin: 10px 0 0 0px; width: 38%;  }
#content table.prices.wide {width: 80%}
#content table.prices td {padding: 3px 5px ;  background: #fff;  border: 1px solid #eee; }
#content table.prices th {padding: 3px 5px; background: #91191c; color: #fff;  }
#content table.prices th h3 {color: #fff;  }
#content table.prices td.price span { font-weight: bold; font-size: 1.5em; color: #91191c; }
#content table.prices tr.plain td {background: none; border-left: 0px; border-right: 0px; border-bottom: 0px;}

div.productFooter {margin: 0 0 10px 0;background: url(../img/bg/panel-product-close.gif) no-repeat bottom left; width: 100%; clear: both;  height: 12px; }

/*Small Panels*/
#content ul.panelSmall {margin: 0 5px 8px 0; background: #e6e6e6; float: left; width: 110px; height: 152px;}
#content ul.panelSmall li {margin: 0px; padding:0px; background:  none; }
#content ul.panelSmall li h2 {margin: 5px 0 0 0; padding:0px; height: 30px;}
#content ul.panelSmall li.title {text-align: center;}
#content ul.panelSmall li.image {margin: 0 0 8px 0; text-align: center; height: 85px; }
#content ul.panelSmall li img {border: 1px solid #ccc}
#content ul.panelSmall li.price {margin: 8px; padding-top: 2px; color: #91191c; font-size: 1.2em; text-align:center; border-top: 1px solid #ccc; }
#content ul.panelSmall li.price span {font-weight: bold;color: #373737 ; font-size: 0.8em;}

/*Vintage Advertising Panels*/
#content ul.vintage {margin: 10px 5px 8px 0; background: #e6e6e6; float: left;  height: auto;}
#content ul.vintage.plain {background: none; }
#content ul.vintage li {margin: 0px; padding:0 8px; background:  none; }
#content ul.vintage li h2 {margin: 5px 0 0 0; padding:0 0 8px 0; text-align:center }
#content ul.vintage li.image {margin: 0 0 8px 0; text-align: center;  }
#content ul.vintage li.text {width: 80px; height: 159px}
#content p.vintageRight {padding-left: 10px; width: 120px; float:left; }
/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}
ol li {line-height: 1.3em;}

#content ul {margin: 10px 0 10px 10px; }
#content ul li {padding: 0 0 0 13px; margin: 0 0 5px 0; line-height: 1.3em; background: url(../img/icons/bullet.gif) no-repeat 0 3px}

/*FAQS*/
#content ul.faq {margin-left: 0px;}
#content ul.faq li.question {background: none; font-weight: bold; }
#content ul.faq li.answer {margin: 0 0 5px 0; background: none; }

/*Downloads*/
#content ul.download li.pdf {padding: 0 0 3px 20px; background: url(/img/icons/adobe-reader.png) no-repeat 0 0}
#content ul.download li.desc {margin-left: 8px;  background:none; }

/*block quotes*/
blockquote {margin: 10px 10px 10px 0; padding: 10px 10px 10px 40px;  background: #fff;  color: #2C537E; }
blockquote p{margin:5px 0 0 0; padding: 0; font-size: 1.0em; color:#2C537E;}
blockquote cite {color: #aaa;}

/*Location map*/
#map {margin: 0 0 0px 0; z-index: 0; width: 99%; height:500px; border:1px solid #ccc; }

/*Bar Gallery*/
#content ul.gallery {padding: 9px 9px 9px 9px ; margin: 10px 0px 0 10px; float: left; background: url(../img/bg/bar-gallery.gif) no-repeat 0 0 ;  }
#content ul.gallery li { margin: 0; padding: 0px; background:  none; }
#content ul.gallery li.title {text-align: center}
#content ul.gallery img {border: 1px solid #fff; }
#content p.viewGallery {margin: 10px 0 15px 0; text-align: right; }
#content p.viewGallery a {padding: 0 22px 2px 0; background: url(../img/bg/photo-go.gif) no-repeat top right}
#content div#barGallery {text-align: center;}
#content div#barGallery img.picture {padding: 3px;border: 1px solid #ccc; }
#content ul.controls {text-align: center;}
#content ul.controls li {display: inline; background: none; padding: 0px;}
/*************************** TABLES ***************************************/
table {margin: 5px 0 10px 0; border-collapse: collapse}
table td {text-align: left; vertical-align: top; }
#content table {width: 99%;}
#content th {padding: 2px 3px; vertical-align: top; text-align: left; }
#content th.number {text-align: right; }
#content td {padding: 2px 3px; vertical-align: top; text-align: left;}
#content td.number {text-align: right; }
#content table.narrow {width: 60%}

#content table.data th {padding: 3px 5px 4px 5px; vertical-align: top; text-align: left; background: #4e4e4e; color: #fff;   border: 1px solid #e6e4e4;}
#content table.data th.number, #content table.data td.number {text-align: right; }
#content table.data td {padding: 3px 5px 4px 5px; border: 1px solid #e6e4e4; vertical-align: top; text-align: left;}
#content table.data tr.alt td {background: #e6e4e4;}
/*************************** FORMS ***************************************/
form.inputform fieldset {border: 0px}
form.inputform input {padding: 2px 3px; font-size: 1.0em;}
form.inputform select {padding: 2px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 3px; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  font-size: 1.0em;}
form.inputform tr.action td {text-align: center; }
form.inputform input.submit { padding: 4px 0px 3px 0; background: url(../img/bg/input_submit.gif) no-repeat 0 0; color: #fff; font-weight:bold; border: 0px; width: 55px; }
form.inputform input.clearForm { padding: 4px 0px 3px 0; background: url(../img/bg/input_clearform.gif) no-repeat 0 0; color: #fff; font-weight:bold; border: 0px; width: 77px; }
form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 2px 3px; }
.mand {color: #a7272a;}

/*.................................................. FOOTER ...............................................*/
#footer {padding: 8px 16px 8px 16px; height:20px; clear:both;  color: #666; background:url(../img/bg/footer.gif) no-repeat bottom left; width: 728px;}
#footer ul li {display: inline; float: left; }
#footer ul li a {color: #91191c }
#footer span {margin: 0 3px; color: #bbb; }
#footer p.l {margin: 0 10px 0 0 }

#credits {padding: 0 16px 0 16px; color: #999 ; }
#credits a {color: #91191c}
#credits a:hover {color: #999}
#credits ul li {display: inline; float:left; }