/*
-------------------------------------------------
URI: http://www.utronthebeach.com/
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: LAYOUT
	2.1 main form
	2.2 container
	2.3 header
	2.4 wrapper
	2.5 content
	2.6 header content
	2.7 primary content
	2.8 secondary content
	2.9 tertiary content
	2.10 secondary and tertiary content widths
		2.10.1 fixed container size
		2.10.2 secondary content size
		2.10.3 tertiary content size
	2.11 footer
	
3: GLOBAL ELEMENTS / CONTROLS
	3.1 header elements
	3.2 primary navigation
	3.3 form block (side columns)
	3.3.1 book now form
	3.3.5 form block (main)
	3.4 links block / list
	3.4.1 error block / list
	3.5 intro block
	3.6 central column call to actions
		3.6.1 information and error reporting
		3.6.2 with grey call to actions
		3.6.3 with a table
		3.6.4 2 col large block
		3.6.5 black block with large cta
		3.6.6 side column cta
		3.6.7 dataset table
			3.6.7.1 dataset row styles
		3.6.8 Search Box
	3.7 menu block
	3.8 newsletter block
	3.9 snaps block
	3.10 tv block
	3.11 advert block
	3.12 footer elements
		3.12.1 footer row
		3.12.2 logos
		3.12.3 bookmark links
		3.12.4 address
		3.12.5 contact numbers
		3.12.6 footer navigation	
4: TEMPLATE / PAGE SPECIFIC
	
5: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin: 0; padding: 0; text-decoration: none; outline: none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td, center { text-align: left; vertical-align: top } q { quotes: "" "" } font { color: inherit !important; font: inherit !important; color: inherit !important } marquee { overflow: inherit !important; -moz-binding: none } blink { text-decoration: none } nobr { white-space: normal }
/* end of import */

html { font-size: 12px; font-family: arial, helvetica, "microsoft sans serif", sans-serif; line-height: 1.4em; color: #fdfcfc; }
body { height: 100%; text-align: center; min-width: 972px; background: #000 url(/img/bg-background-main.png) no-repeat top center; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 1.1em; font-family: monaco, "Lucida Console", courier, mono-space }
h1, h2, h3, h4, h5, h6 { font-family: "Arial Black", "Avant Garde", Avantgarde, "Century Gothic", arial, "microsoft sans serif", sans-serif; }

h1 { font-size: 24px; color: #fdfcfc; margin: 0 0 12px 0 }
h2 { color: #fdfcfc; margin: 0; font-size: 14px; }
h3 { font-size: 18px; color: #fdfcfc; padding: 30px 0 20px 0; text-transform: uppercase; line-height:20px; }
h4 { font-size: 14px; color: #fdfcfc; padding: 10px 0 12px 0; text-transform: lowercase }
h5 { font-size: 1.1em; color: #fdfcfc; margin: 12px 0 0 0 }
h6 { font-size: 1.1em; color: #fdfcfc; margin: 0 0 12px 0 }
p  { font-size: 11px; color: #d3d3d3; margin: 0 0 12px 0 }
ul { font-size: 1.1em; color: #fdfcfc; margin: 0 0 12px 0 }
table { margin: 0 0 12px 0 }
table td { color: #4e4e4e; padding: 5px }
a { color: #F61C64; text-decoration: underline }
a:hover { text-decoration: none }
a:visited { }
a:active { }
ul { margin: 0 0 12px 0; font-size: 1.1em; list-style: disc outside }
ol { margin: 0 0 12px 0; font-size: 1.1em; list-style: decimal outside }
dl { margin: 0 0 12px 0; font-size: 1.1em }
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none }
address { font-size: 1.1em; color: #000 }
textarea, input[type='text'], select, input[type='password'] { border: 1px solid #000; background: #fff; font-size: 11px; color: #000; padding: 2px }
ul#skiplinks { display: none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position: static; width: auto; height: auto }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.1 - main form */
form.main { width: 100%; height: 100% }

/* 2.2 - container */
div#container { margin: 0 auto; position: relative; text-align: left }

/* 2.3 - header */
div#header { position: relative; }

/* 2.4 - wrapper */
div#wrapper { clear: both; float: left; width: 100% }

/* 2.5 - content */
div#content { padding: 9px; background: #2a2829; }

/* 2.6 - header content */
div#header-content { position: relative }

/* 2.7 - primary content */
div#primary-content { position: relative }

/* 2.8 - secondary content */
div#secondary-content { float: left; margin-left:-100%; position: relative; padding-top: 20px; }

/* 2.9 - tertiary content */
div#tertiary-content { float: left; position: relative; padding-top: 20px; }

/* 2.10 - secondary and tertiary content widths */

	/* 2.10.1 - container width */
	div#container { width: 972px }

	/* 2.10.2 - secondary content width */
	div#primary-content { margin-left: 209px }
	div#secondary-content { width: 200px }
	
	/* 2.10.3 - tertiary content width */
	div#primary-content { margin-right: 269px }
	div.two-col div#primary-content { margin-right: 0 }
	div#tertiary-content { width: 260px; margin-left: -260px }

/* 2.11 - footer */
div#footer { clear: both; padding: 27px 0 20px 0; background: #2A2829; }

/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

	/* 3.1 - header elements */
	/* div#header h1 { margin: 70px 0 0 11px; width: 427px; height: 75px; text-indent: -3000px } */
	div#header h1 { margin: 125px 0 0 0; width: 427px; height: 0; text-indent: -3000px }
	h2.welcome { display: none }
	div#header-content div#form-block-wrapper { width: 265px; float: right; clear: both; margin: 0 }
	div#header-content img { float: left }

	/* 3.2 - primary navigation */
	div#primary-navigation { margin: 0; padding: 0; background: transparent; height: 36px; width: 100%; }
	div#primary-navigation ul { float: left; list-style-type: none; background: transparent; margin: 0; width: 100% }
	div#primary-navigation ul li { float: left; margin: 0 2px 0 0; padding: 0; }
	div#primary-navigation ul li.cta-booking { float: right; }
	div#primary-navigation ul li a { padding: 6px 18px 20px 14px; display: block; background: transparent; text-decoration: none; color: #fff; font-size: 14px; }
	div#primary-navigation ul li a.booknow { background: transparent url(/img/bg-nav-menu-loud.png) no-repeat; color: #000; margin: 0 9px 0 183px; }
	div#primary-navigation ul li a:hover { background: transparent url(/img/bg-nav-menu-item.png) no-repeat; color: #fff }
	div#primary-navigation ul li.selected a { color: #fff; background: transparent url(/img/bg-nav-menu-item.png) no-repeat; }
	div.search { height: 141px }

	/* 3.3 - form block (side columns) */
	div.form-block { background: #fde400; margin: 0 0 9px 0; padding:0 }
	div.form-block fieldset { border: 0; }
	@media screen and (-webkit-min-device-pixel-ratio:0) { div.form-block fieldset { padding: 0 0 1px 10px } } 
	/* ^^ targets only safari and google chrome */
	div.form-block fieldset legend span { display: none; }
	div.form-block fieldset ol { list-style-type: none }
	div.form-block fieldset ol li { margin: 0 0 5px 0 }
	div.form-block fieldset ol li label { display: none }
	div.form-block fieldset ol li select, div.form-block fieldset ol li input[type='text'] { width: 227px; border: 0; background: #CFCDCD; }
	div.form-block fieldset ol li input[type='text'] { width: 223px } 
	div.form-block fieldset ol li input.button { background: #000; color: #F61C64; border: 0; padding: 2px 10px; font-size: 14px; font-weight: bold; }
	/* find your group form */
	div.form-block.findgroup { height: 170px; background: #F61C64 url(/img/bg-find-your-group.png) no-repeat;  }
	div.form-block.findgroup fieldset { padding: 38px 10px 0 20px; }
	/* booking login form */
	div.form-block.login { height: 79px; background: #F61C64 url(/img/bg-booking-login.png) no-repeat; }
	div.form-block.login fieldset { padding: 38px 10px 0 20px; }
	div.form-block.login fieldset input[type='text'] { height: 17px; width: 135px; }
	/* event promoter login form */
	div.form-block.eplogin { height: 141px; background: #F61C64 url(/img/bg-booking-login.png) no-repeat; }


	/* 3.3.1 - book now form */
	div.book-now { background: #F61C64; height: 258px }
	div.book-now h2 { display: none }
	div.book-now form { padding: 32px 0 0 8px; color:#fff }
	div.book-now form input[type='submit'] { background: #000; color: #F61C64; border: 0; padding: 2px 10px; font-size: 14px; font-weight: bold; }
	div.book-now form table td { color:#fff }

	/* 3.3.5 form block (main) */
	div.cta-form table { width: 100%; }
	div.cta-form table .label { width: 150px; }
	div.cta-form table .field {  }
	div.cta-form table .help { color: #8C8C8C; width:350px }
	div.cta-form table td h3 { margin:0; border-bottom:0 }
	div.cta-form table td input[type=submit] { background: #F61C64; color: #000; border: 0 none; padding: 3px 5px; font-size: 11px }
	div.cta-form table td select { max-width:250px; }
	div.cta-form table td textarea { width: 150px; height:100px; }
	div.cta-form table td span.small { font-size: 0.9em }
	div.cta-form table td span.required { color: #33C4F3; }
	div.cta-form table td.left, div.cta-form table td.right, div.cta-form table td.blank { border: none }
	div.cta-form table td.right { text-align: right }
	div.cta-form form fieldset legend { display: none }
	div.cta-form p.tandc { text-align: center; line-height: 1.8em }
	div.cta-form .validation-failed { border: solid 2px #FF3333 }
	div.cta-form .validation-advice { color: #FF3333; font-size: 0.9em; display:inline; padding-left:2px }

	/* 3.4 - links list/block */
	div.link-block { margin: 0 0 9px 0 }
	ul.links { margin: -7px 0 0 0; padding-bottom: 20px; list-style-type: none }
	ul.links li { list-style-type: none; padding: 7px 0; border-bottom: 1px dashed #B0B2B1; }
	ul.links li.last { border-bottom: 0; }
	ul.links li a { color: #fdfcfc; text-decoration:none }
	ul.links li a:hover { color: #F61C64 }

	ul.links.navmenu, div.hotlinks ul.links { margin-top: 20px; }
	div.hotlinks ul.links.floatinginspace { margin-top: 16px; }
	ul.links.navmenu li, div.hotlinks ul.links li { border-bottom: 0 }
	ul.links.navmenu li a { font-size: 24px; text-transform: lowercase; line-height: 12px; padding-left: 10px; font-weight: bold; }
	ul.links.navmenu li a:hover { color: #F61C64 }

	div.hotlinks { margin: 8px 0 20px 0; }
	div.hotlinks h4 { border-top: 2px solid #4c4b4b; margin:0; padding: 30px 0 0 10px; font-size: 24px; text-transform: lowercase }
	div.hotlinks ul.links li { padding: 5px 0 10px 0; }
	div.hotlinks ul.links li.last { margin-bottom: 20px; }
	div.hotlinks ul.links li a { font-size: 14px; color: #fdfcfc; text-transform: lowercase; border-bottom: 1px solid #F61C64; margin-left: 10px }
	div.hotlinks ul.links li a:hover { color: #fdfcfc; border-bottom: none; }

	/* 3.4.1 - error lists */
	ol.error { list-style-position:inside }

	/* 3.5 - intro block */
	div#intro-block h2 { margin: 0; padding: 43px 20px 20px 20px; border-bottom: 0 none; font-size: 24px; line-height: 1.1em; }
	div#intro-block p { color: #d3d3d3; font-size: 13px; padding: 8px 20px 0px 20px; }
	div#intro-block p.date { font-size: 14px; font-weight: bold; color: #33c4f3; margin-top: 8px; }
	div#intro-block p.quote, div#intro-block p.quote-author { font-size: 14px; margin-top: 8px; color: #F61C64; margin-top: 8px; }

	/* 3.6 - central column call to action(s) */
	div.cta-block { margin: 18px 0 0 0 }
	div.cta-first { margin: 0 }
	div.cta-block a:hover { text-decoration: none }
	div.cta-block div.cta-row { padding: 9px }
	div.cta-block dl { width: 140px; float: left; margin: 0 18px 0 0 }
	div.cta-block dl.last { margin: 0 }
	div.cta-block dl dd h3, div.cta-block dl dd h3 a { color: #7f7f7f; text-transform: uppercase; font-size: 1em; margin: 0 0 3px 0; padding: 3px 0 0 0 }
	div.cta-block dl dd h2.no-border { border:none }
	div.cta-block dl dd p { font-size: .9em; margin: 2px 0 6px 0; color: #7f7f7f }
	div.cta-block dl dd a { color: #0385DD; font-size: .9em }
	div.cta-block table { border-collapse: collapse }
	div.cta-block table thead { display: none }
	div.cta-block table tr.alt td { background: #e0f2ff }
	div.cta-block ul { list-style-type: none }
	div.cta-block ul li { list-style-type: none; background: url(../images/icn-links-chevron.gif) left 5px no-repeat; padding: 0 0 0 14px; margin: 4px 0 0 4px }
	div.cta-block img.right { float: right; margin: 0 0 10px 10px }
	div.cta-block img.left { float: left; margin: 0 10px 10px }
	div.cta-block img.summary_image { float: left; margin: 0 15px 5px 0 }
	div.cta-block .border-top {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #E4E3E3;
		margin-top:-2px;
	}

	/* 3.6.000 - news block */
	div.cta-news { padding: 10px; background: #4c4b4b; }
	div.cta-news h2 { font-size: 24px; color: #f61c64 }
	div.cta-news ul { list-style-type: none }
	div.cta-news ul li { list-style-type: none; border-bottom: 2px solid #2a2829; padding: 8px 0 8px 1px; font-size: 11px }
	div.cta-news ul li.last { border-bottom: none }
	div.cta-news ul li a, div.cta-news ul li a:visited, div.cta-news ul li a:hover, div.cta-news ul li a:active { color: #FDFCFC; text-decoration: none; }
	div.cta-news ul li p { margin: 0; }

	/* 3.6.1 - information and error reporting */
	div.cta-block div.cta-row p.successbox { border: 1px solid #7EE47E; background-color: #D6F9D6; color: #008400; padding: 6px }
	div.cta-block div.cta-row p.errorbox { border: 1px solid #E47E7E; background-color: #F9D6D6; color: #840000; padding: 6px }
	div.cta-block div.cta-row p.errorbox a, p.errorbox a:link, p.errorbox a:visited { color: #840000; text-decoration: underline }
	div.cta-block div.cta-row p.errorbox a:hover { color: #000000; text-decoration: none }

	/* 3.6.2 - with grey call to actions */
	div.cta-grey div.cta-row { padding: 9px 0 0 0 }
	div.cta-grey dl { width: 134px; padding: 8px; background: #e4e3e3; margin: 0 13px 0 0 }
	
	/* 3.6.3 - with a table */
	div.cta-table div.cta-row { padding: 9px 0 0 0 }
	div.cta-table dl { width: 134px; margin: 0 13px 0 0 }
	div.cta-table table { border-collapse: collapse; width: 182px; margin-left: 13px; float: left }
	div.cta-table table td { width: 50%; color: #8c8c8c; font-size: 1em }
	div.cta-table .cta-col { float:left; width:281px }
	
	/* 3.6.4 - 2 col large block */
	div.cta-two-col div.cta-row { padding: 9px 0 0 0 }
	div.cta-two-col dl { width: 233px; margin: 0 10px 0 0 }
	div.two-col div.cta-two-col dl { width: 467px }
	div.cta-two-col dl dd h2 { display: none }
	div.cta-two-col dl dd > a { float: right }
	div.cta-two-col dl dd.timestamp > span { float: right; font-style:italic }
	
	/* 3.6.5 - black block with large cta */
	div.cta-black div.cta-row { background: #E4E3E3; margin: 9px 0 0 0; padding: 9px 9px 18px 9px }
	div.cta-black div.cta-row div.cta-row { margin: 0 0 9px 0; padding: 0; float: left }
	div.cta-black dl.large { width: 221px; margin: 0 !important }
	div.cta-black dl { width: 112px; margin: 0 0 18px 7px }
	div.cta-black dl dd p { color: #000 }
	div.cta-black dl.last { margin: 0 0 0 6px }
	div.two-col div.cta-black dl.large { width: 221px }
	div.two-col div.cta-black dl { width: 246px }
	
	div.cta-horizontal dl { width: auto; float: none; clear: both; margin: 9px 0 0 0 }
	div.cta-horizontal dl dt { float: left; margin: 0 6px 9px 0 }
	div.cta-horizontal dl dd h3 { margin: 0; padding: 0 }
	
	div.cta-content p.subtitle { margin-top: -12px; font-size: 0.9em }
	div.cta-content img { margin: 0 15px 9px 0 }
	div.cta-content div.video { display:inline; float:left; margin: 0 15px 9px 0 }
	div.cta-content td.label { text-align: right; background: #4C4B4B; color: #FDFCFC }
	div.cta-content ul.tabs li { float: left }
	div.cta-content span.compulsory { color: #F61C64; font-size: 12px }
	div.cta-content input.button { background: #f08600 url(../images/bg-form-block-button.gif) no-repeat bottom right; color: #fff; border: 0 none; padding: 3px 5px 2px 5px; font-size: 11px }
	div.cta-content div.cta-row { padding-left: 20px }

	div#product-summary { margin-right: 269px }
	
	div#product-cta { float: right; width: 260px }
	div#product-cta ul { list-style-type: none }
	div#product-cta ul li { float: left; background: none; margin: 9px 9px 0 0; padding: 0; height: 80px; width: 80px }
	div#product-cta ul li.last { margin: 9px 0 0 0 }
	div#product-cta div.search { height: auto }
	
	div#tab-container { border-top: 3px solid #F61C64; height: 23px; clear: both; margin-top: 10px; background: #000; width: 100%; }
	div#tab-navigation { margin: 0; }
	div#tab-navigation ul { float: left; list-style-type: none; background: transparent; margin: 0; width: 100%; }
	div#tab-navigation ul li { float: left; margin: 0 2px 0 0; padding: 0; }
	div#tab-navigation ul li a { padding: 6px 10px 20px 8px; display: block; background: transparent; text-decoration:none; color: #fff; font-size: 14px; }
	div#tab-navigation ul li a:hover { background: transparent url(/img/bg-nav-menu-item.png) no-repeat; color: #fff }
	div#tab-navigation ul li.selected a { color: #fff; background: transparent url(/img/bg-nav-menu-item.png) no-repeat; }
	div#tab-navigation ul li.last { margin: 0 }
	
	div#tab-content { border-top: none; padding: 9px; background: #000; }
	div#tab-content img { margin: 0 15px 9px 0 }
	div#tab-content h4 { text-transform: uppercase; }
	div#tab-content ul { list-style-position: inside }
	div#tab-content ul li { display: inline }
	div.tab-content ul { margin-left: 15px; list-style-type: disc !important }
	div.tab-content ul li { display: list-item !important; list-style-type: disc !important; }
	
	div#tab-content table#register tr td  { color:#fff; }

	div#tab-content p.errorbox  {  border: 1px solid #E47E7E; background-color: #F9D6D6; color: #840000; padding: 6px  }
	div#tab-content p.successbox {  border: 1px solid #7EE47E; background-color: #D6F9D6; color: #008400; padding: 6px }

	
	/* 3.6.8 Search Block */
	div.cta-search { background: url(../images/bg-form-block.gif) top left repeat-x; margin: 0 0 9px 0; padding: 10px 0 0 0 }
	div.cta-search fieldset { border: 0 none; padding: 0 0 0 10px }
	/* The following rule only targets Safari and Google Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) { div.form-block fieldset { padding: 0 0 1px 10px } } 
	div.cta-search fieldset legend { text-transform: uppercase; font-weight: bold; color: #fff; padding: 3px 20px 3px 8px; background: #8c8c8c; display: inline-block; display: -moz-inline-box; font-size: 1.2em; margin: 0 0 10px 0 }
	div.cta-search fieldset ol { list-style-type: none; float:left; width:200px; }
	div.cta-search fieldset ol li { margin: 0 0 5px 0;  }
	div.cta-searchfieldset ol li label { display: none }
	div.cta-search fieldset ol li select { width: 165px; }
	div.cta-search fieldset ol li input[type='text'] { width: 160px; }
	div.cta-search fieldset ol li input.button { background: #f08600 url(../images/bg-form-block-button.gif) no-repeat bottom right; color: #fff; border: 0 none; padding: 3px 5px; font-size: 11px }
	div.cta-search .info {
		background-color:#ffffff;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 200px;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
	}
	div.cta-search div.search-block { height: 65px }
	div.cta-search div.search-block dl { width: 100%;  }
	div.cta-search div.search-block dl dt { float: left; margin: 0 6px 9px 0 }
	div.cta-search div.search-block dl dd h3 { margin: 0; padding: 0 }
	
	/* 3.8 - newsletter block */
	div#newsletter-block { margin-bottom: 10px; background: #000; padding: 10px; }
	div#newsletter-block h2 { color: #F61C64 }
	div#newsletter-block fieldset { }
	div#newsletter-block fieldset ol { list-style-type: none; }
	div#newsletter-block fieldset ol li { float: left; margin: 0; background: #F61C64; padding: 1px 2px 2px 5px; }
	div#newsletter-block fieldset ol li label { display: none }
	div#newsletter-block fieldset ol li input { background: #F61C64; border: 0 }
	div#newsletter-block fieldset ol li input.button { background: #000; color: #F61C64; border: 0; padding: 1px; font-size: 11px; }
	div#newsletter-block fieldset ol li input[type='text'] { width: 200px }

	/* 3.9 - snaps-block */
	div#snaps-block { margin: 0 0 9px 0 }

	/* 3.10 - tv Block */
	div#tv-block { margin: 0 0 9px 0 }
	div#cta-player { margin-top: 3px }
	div#tv-block .links { margin-top: 0px } 
	/* 3.11 - advert block */
	div#advert-block { margin: 9px 0 0 0; clear: both }
	div#advert-block ul { margin: 0; list-style-type: none }
	div#advert-block ul li { margin: 0 0 9px 0 }

/* 3.12 footer elements */

	/* 3.12.1 - footer row */
	div.footer-row { padding: 9px 9px; background: #000; margin-bottom: 2px }
	div.footer-row ul li { color: #4E4E4E; }

	/* 3.12.2 - logos */
	ul.logos { list-style-type: none; margin: 0 }
	ul.logos li { float: left; margin: 0 18px 0 0 }

	/* 3.12.3 - bookmark links */
	dl#bookmark-links { margin: 0; font-size: 11px }
	dl#bookmark-links dt { float: left; padding: 0 10px 0 0; }
	dl#bookmark-links dd { float: left; padding: 0 10px 0 0; border-right: 1px solid #666 }
	dl#bookmark-links dd.last { border-right: 0 }
	dl#bookmark-links dd a { text-decoration: none; padding: 0 0 0 8px; color: #a9abab }
	dl#bookmark-links dd a.first { padding-left: 0; }
	dl#bookmark-links dd a:hover { text-decoration: underline }

	/* 3.12.4 - address */
	div.footer-row address { font-style: normal; float: left }
	div.footer-row p { margin: 0 0 5px 0; color: #5c5c5c; }
	div.footer-row address, div.footer-row p, div.footer-row strong { color: #5c5c5c; }

	/* 3.12.5 - contact numbers */
	ul#contact-numbers { list-style-type: none; margin: 9px 0 0 0; font-size: 10px; }
	ul#contact-numbers li { float: left; margin: 0 10px 0 0; color: #4E4E4E; }

	/* 3.12.6 - footer navigation */
	ul#footer-navigation { list-style-type: none; margin: 6px 0 0 0; }
	ul#footer-navigation li { float: left; margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 1px solid #666 }
	ul#footer-navigation li.last { margin: 0; padding: 0; border: 0 none }
	ul#footer-navigation li a { text-decoration: underline }
	ul#footer-navigation li.copy { clear: both; float: left; border: 0 none; padding: 0; }

	/* 3.12.7 */
	.regulate { color: #4E4E4E; margin-top:5px; }

/* -----------------------------------------------
4. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

div.content-block img { margin: 0 15px 15px 0 }
.news-footer { color: #F61C64; margin: 0 20px; border-bottom: 1px solid #E4E3E3}

ol.errors { padding-left: 20px; list-style-position: inside }
ol.errors li { list-style-type: decimal; padding: 0 0 0 14px; margin: 4px 0 0 4px; color: #F61C64 }

#drinkaware-logo { background: transparent url(/img/drinkaware.png) no-repeat; width: 204px; height: 38px; float: right; }
#outgoing-logo a { background: transparent url(/img/outgoing-logo.png) no-repeat; width: 141px; height: 19px; float: right; margin: 5px 12px 0 0; text-indent: -3000px }
#roughhill-logo a { background: transparent url(/img/roughhill-logo.png) no-repeat; width: 131px; height: 19px; float: right; margin: 5px 12px 0 0; text-indent: -3000px }

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.nb { border: 0 none!important }
.justify { text-align:justify }
.hide { display: none }