/** GENERAL *****************************************************************************/
html {
	height:100%;
}
body {
	background:#96938e url(images/bg_body.png) repeat-x;
	text-align:center;
	height:100%;
	color:#000;
}


/** LAYOUT ******************************************************************************/
#page {
	background:url(images/bg_page.png) repeat-y;
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:1016px;
}
* html #page {
    height:100%;
}

.hide {
	position:absolute;
	overflow:hidden;
	left:-999em;
	top:-999em;
	height:0;
	width:0;
}

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/** HEADER ******************************************************************************/
#header {
	background:url(images/bg_header.png) no-repeat 100% 0;
	text-align:left;
	margin:0 8px;
	width:1000px;
}

/* Logo */
#logo,
#logo a {
	background:url(images/logo_live-newcastle.png) no-repeat;
	text-indent:-999em;
	margin:0 0 0 62px;
	overflow:hidden;
	display:block;
	height:113px;
	width:190px;
}
#logo a {
	margin:0;
}

/* Navigation */
#navigation {
	margin:0 0 0 56px;
	list-style:none;
	overflow:hidden;
	height:29px;
}
#navigation li {
	display:inline;
	float:left;
	margin:0;
}
#navigation li a {
	background:url(images/sprite_navigation.png) no-repeat 0 0;
	padding:0 0 0 13px;
	display:inline;
	cursor:pointer;
	float:left;
	margin:0;
}
#navigation li a:hover,
#navigation li a:focus,
#navigation li.current a {
	background-position:0 -29px;
	text-decoration:none;
}
#navigation a span {
	background:url(images/sprite_navigation.png) no-repeat 100% 0;
	padding:6px 13px 0 0;
	display:inline;
	cursor:pointer;
	height:23px;
	float:left;
	color:#000;
}
#navigation li a:hover span,
#navigation li a:focus span,
#navigation li.current a span {
	background-position:100% -29px;
	text-decoration:none;
}

/** SEARCH ****************************************************************************/
#search {
	position:absolute;
	left:755px;
	top:75px;
}
* html #search {
	top:72px;
}
*:first-child+html #search {
	top:72px;
}
#search .txt {
	background:transparent;
	position:relative;
	border:none;
	width:160px;
	z-index:5;
}
#search .btn {
	background:transparent;
	vertical-align:middle;
	text-indent:-999em;
	position:relative;
	margin-left:-3px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	height:25px;
	width:25px;
	z-index:10;
}
#search ul {
	position:absolute;
	list-style:none;
	left:-7px;
	top:-47px;
	margin:0;
}
#search li {
	display:inline;
	float:left;
	margin:0;
}
#search li a {
	border-left:1px solid #6a6a6a;
	padding:0 8px;
	display:inline;
	color:#6a6a6a;
}
#search li.first a {
	border:none;
}

/** FEATURE ****************************************************************************/
#feature {
	background:url(images/img_feature.jpg) no-repeat;
	border-bottom:2px solid #faa71b;
	border-top:2px solid #faa71b;
	position:relative;
	height:178px;
}

#feature a {
	text-indent:-999em;
	position:absolute;
	overflow:hidden;
	height:100%;
	width:100%;
	left:0;
	top:0;
}

#feature_loggedin {
	background:url(images/img_feature2.jpg) no-repeat;
	border-bottom:2px solid #faa71b;
	border-top:2px solid #faa71b;
	position:relative;
	height:178px;
}

#feature_loggedin a {
	display:none;
}
/** CONTENT ****************************************************************************/
#content {
	background:url(images/bg_content.png) repeat-x;
	padding:18px 0 3em 62px;
	position:relative;
	text-align:left;
	overflow:hidden;
	margin:0 8px;
}
* html #content {
	zoom:1;
}

.column,
.column-2 {
	margin-right:18px;
	display:inline;
	width:876px;
	float:left;
	zoom:1;
}
.three-column .column {
	width:280px;
}
.three-column .column-2 {
	width:578px;
}
.two-column .column {
	width:429px;
}


.panel {
	border:2px solid #ececec;
	margin-bottom:18px;
	position:relative;	
	zoom:1;
}
.panel .content {
	position:relative;
	padding:2px 12px;
	z-index:10;
}
.panel .corner {
	background:url(images/sprite_corners.png);
	position:absolute;
	font-size:0px;
	height:10px;
	width:10px;
	z-index:5;
}
.panel .tl {
	background-position:0 0;
	left:-2px;
	top:-2px;
}
.panel .tr {
	background-position:100% 0;
	right:-2px;
	top:-2px;
}
.panel .br {
	background-position:100% 100%;
	bottom:-2px;
	right:-2px;
}
.panel .bl {
	background-position:0 100%;
	bottom:-2px;
	left:-2px;
}

.panel h2 {
	background:url(images/bg_heading2.png) 100% 0;
	border-bottom:1px dotted #cbcbcb;
	margin:0 -10px 10px;
	font-weight:normal;
	position:relative;
	font-size:18px;
	color:#f01f22;
}
.panel h2 span {
	background:url(images/bg_heading2.png) 0 0;
	padding:4px 10px 5px;
	display:-moz-inline-block;
	display:inline-block;
}
.panel h2 .flourish {
	background:url(images/img_flourish1.png) no-repeat 100% 0;
	position:absolute;
	height:45px;
	width:77px;
	right:15px;
	top:-10px;
}

#messagebox.warning {
    background:#fff2f2 url(images/bg_warning.png) no-repeat 100% 100%;
    margin:-2px -8px;
    overflow:hidden;
}
#messagebox.warning div {
    background:#fff2f2 url(images/bg_warning.png) no-repeat 0 100%;
    padding:0px 0 0px 8px;
    float:left;
    color:#333;
}

#messagebox.notify {
    background:#fff2f2 url(images/bg_notify.png) no-repeat 100% 100%;
    margin:-2px -8px;
    overflow:hidden;
}
#messagebox.notify div {
    background:#fff2f2 url(images/bg_notify.png) no-repeat 0 100%;
    padding:0px 0 0px 8px;
    float:left;
    color:#333;
}

#messagebox.success {
    background:#fff2f2 url(images/bg_success.png) no-repeat 100% 100%;
    margin:-2px -8px;
    overflow:hidden;
}
#messagebox.success div {
    background:#fff2f2 url(images/bg_success.png) no-repeat 0 100%;
    padding:0px 0 0px 8px;
    float:left;
    color:#333;
}

/** REGISTRATION ************************************************************************/
#registration {
	margin:-18px 0 18px 0;
	overflow:hidden;
	width:938px;
}

/** Register **/
#register {
	background:url(images/bg_register.png) no-repeat 0 100%;
	padding-bottom:2px;
	margin-bottom:0;
	width:280px;
}

/** Login **/
#login {
	background:url(images/bg_login.png) no-repeat 0 100%;
	padding-bottom:2px;
	margin-bottom:0;
	width:578px;
}
* html #login {
	padding-top:4px;
	padding-bottom:6px;
}
#registration .txt {
	background:#fff url(images/bg_txtfield.png) no-repeat;
	border:1px solid #831400;
	padding:3px;
	width:180px;
}
#registration .btn {
	background:transparent;
	font-size:14px;
	cursor:pointer;
	border:none;
	color:#FFF;
}
#registration .btn:hover {
	text-decoration:underline;
}
#login dt {
	padding:0 10px;
	color:#FFF;
}
*:first-child+html #login dt {
	position:relative;
	top:-3px;
}
* html #login dt {
	position:relative;
	top:-3px;
}
#register dt {
	font-weight:bold;
	display:inline;
	padding:0 10px;
	float:left;
	color:#000;
}
#registration dt,
#registration dd {
	line-height:2.4;
	font-size:14px;
	display:inline;
}
#register dd {
	padding-right:10px;
	text-align:right;
	display:block;
}
#register a {
	text-decoration:underline;
	color:#000;
}
#login a {
	text-decoration:underline;
	font-size:10px;
	color:#FFF;
}
*:first-child+html #login a {
	position:relative;
	top:-4px;
}
* html #login a {
	position:relative;
	top:-4px;
}
.product-list {
	overflow:hidden;
	width:100%;
	margin:0;
}
*:first-child+html .product-list {
	position:relative;
}
* html .product-list {
	position:relative;
}
.product-list dt {
	border-top:1px dotted #cbcbcb;
	padding:8px 0 0 88px;
	position:relative;
	font-weight:bold;
	margin-top:-12px;
	clear:left;
}
*:first-child+html .product-list dt {
	zoom:1;
}
* html .product-list dt {
	zoom:1;
}
.product-list dt span {
	position:absolute;
	font-size:16px;
	color:#faa91c;
	top:7px;
	left:0;
}
.product-list .image {
	margin:-1.2em 0 7px 3.2ex;
	display:inline;
	float:left;
	
	/*position:relative;
	zoom:10;*/
}
.product-list .description,
.product-list .link {
	padding:0 0 0 88px;
}
.product-list .link {
	margin:0 0 12px;
}
*:first-child+html .product-list .link,
*:first-child+html .product-list .image {
	margin-bottom:0;
	padding-bottom:21px;
}

* html .product-list .link,
* html .product-list .image {
	margin-bottom:0;
	padding-bottom:21px;
}

p#location span {
    display:block;
}

/* partner list */
.partner-list {
	margin:0 -22px 0 5px;
	position:relative;
	padding:6px 0 0;
	overflow:hidden;
	zoom:1;
}
.partner-list dl {
    margin:0 22px 0 0;
    padding:0 0 16px;
    display:inline;
    float:left;
}
.partner-list dt {
	border:1px dotted #ccc;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
	margin:0 0 3px;
	height:148px;
	width:148px;
}
.partner-list dt a {
	vertical-align:middle;
	line-height:145px;
    display:block;
	height:148px;
	width:148px;
}
.partner-list dt img {
	vertical-align:middle;
}
.partner-list dd {
    width:150px;
}
.partner-list dd a {
    font-weight:bold;
    font-size:1.2em;
}

/** CATEGORIES **************************************************************************/
.categories {
	margin:-5px 0 5px;
	list-style:none;
}
.categories li {
	border-bottom:1px dotted #cbcbcb;
	font-size:14px;
	margin:0 0 0 0;
}
.categories li.last {
	border:none;
}
.categories li a {
	background:url(images/ico_other.png) no-repeat 0 1px;
	padding:11px 0 13px 50px;
	display:block;
	color:#000;
	/*width:100%;*/
	zoom:1;
}
.categories li a:hover {
	text-decoration:none;
	background-position: 0 -43px;
	color:#f01f22;
}

.categories .cafe a {
	background-image:url(images/ico_cafe.png);
}
.categories .restaurant a {
	background-image:url(images/ico_restaurant.png);
}
.categories .shop a {
	background-image:url(images/ico_shop.png);
}
.categories .bar a {
	background-image:url(images/ico_bar.png);
}
.categories .bar a:hover {
	background-image:url(images/ico_bar.png);
}

.categories .nightclub a {
	background-image:url(images/ico_nightclub.png);
}

.categories .nightclub a:hover {
	background-image:url(images/ico_nightclub.png);
}

.categories .beauty a {
	background-image:url(images/ico_beauty.png);
}
.categories .entertainment a {
	background-image:url(images/ico_entertainment.png);
}
.categories .other a {
	background-image:url(images/ico_other.png);
}

/** PAGING ******************************************************************************/

.paging ul {
    list-style:none;
    margin:12px 0;
}
.paging li {
    display:inline;
    margin:0;
}
.paging li a {
    padding:0 2px;
}
.paging .prev,
.paging .next {
    padding:0 6px;
}
.paging li.disabled a {
    cursor:default;
    color:#aaa;
}
.paging li.disabled a:hover {
    text-decoration:none;
}
/** FOOTER ******************************************************************************/
#footer {
	border-top:1px solid #bebebe;
	position:absolute;
	width:1000px;
	clear:both;
	bottom:0;
	left:8px;
}
#footer ul {
	background:url(images/bg_footer.png) no-repeat;
	margin:0 0 0 62px;
	list-style:none;
	overflow:hidden;
}
#footer li {
	margin:0 8px 0 0;
	line-height:3em;
	display:inline;
	color:#6a6a6a;
	float:left;
}
#footer a {
	border-left:1px solid #6a6a6a;
	padding:0 0 0 8px;
	display:inline;
	color:#6a6a6a;
}
#footer #ayomedia {
	margin:0 62px 0 0;
	float:right;
}
#footer #ayomedia a {
	border:none;
	padding:0;
	margin:0;
}


.screen {
    filter:alpha(opacity=75);
    background:#FAA81D;
    position:fixed;
    cursor:default;
    z-index:998;
    height:100%;
    width:100%;
    opacity:.75;
    left:0;
    top:0;
}

* html .screen {
    position:absolute;
}

.notice {
    margin:-180px 0 0 -250px;
    position:fixed;
    font-size:1.1em;
    background:#fff;
    text-align:left;
    z-index:999;
    width:500px;
    left:50%;
    top:50%;
}
* html .notice {
    position:absolute;
}
.notice h3  {
    font-weight:bold;
}
.notice h2 .flourish {
    background-image:url(images/img_flourish2.png);
}

.notice .corner {
    background-image:url(images/sprite_corners_orange.png);
}