/* Layout */
	#masthead {}
	#wrapper { width: 96em; margin: 0 auto;}
		#container { }
			#header {}
			#body {}
				#left { width: 18em; float: left; overflow: hidden;  }
				#main { width: 75em; float: right; padding: 0 1.5em; overflow: hidden; }
			#footer {} 

			

/* Design */

	#wrapper {}
		#container {}
			#body { background: #050031 url('../assets/leftBg.png') top left repeat-y; }
				#left { background: #270F54; }
					#navMain { margin: 10px 0 30px 10px!important; padding: 0!important; background: #1E0945 url('../assets/navMainBg.png') top left repeat-y; }
						#navMain li { display: block; font-size: 1.4em; margin: 0!important; padding: 0!important; border-bottom: 1px solid #6e6680; }
						#navMain li a { display: block; line-height: 1.5em; padding: 0.5em 1em!important; margin: 0!important; color: #FFF; }
						#navMain li a:hover { color: #68c1ff; }




/* Content */
	.cols2 {}
		.cols2 #content { width: 57.5em; float: left; }
		.cols2 #contextual { width: 16em; float: right; padding: 0 0 1em 1.4em; border-left: 1px solid #6A5B8E; }
	.page-title { font-size: 2.0em;}
	/* Events */
		/* List Page */
			.eventsList { }
			.eventsList .title { font-size: 2.2em; color: #68C1FF; font-weight: normal; line-height: 1.5em; }
			/* Items */
				.eventsList .item  { border: 1px solid #270F54; margin-bottom: 1.5em; position: relative; }
				.eventsList .item .copy { padding: 10px; position: absolute; bottom: 0;background: #000;
					  /* for IE */
					  filter:alpha(opacity=60);
					  /* CSS3 standard */
					  opacity:0.6;
				}
				.eventsList .item .copy a { color: #FFF; }
			/* Lead Item */
				.eventsList .itemLead { width: 558px; }
				.eventsList .itemLead .placeholder { display: block; width: 558px; height: 300px; }
				.eventsList .itemLead .copy { padding: 10px 108px 10px 10px; position: absolute; bottom: 0; width: 440px; }
				.eventsList .itemLead .copy a { color: #FFF; }
				.eventsList .itemLead .copy .headline { font-size: 1.6em; line-height: 1.5em; color: #6A5B8E; font-weight: bold; }
				.eventsList .itemLead .more {-moz-border-radius: 8px;-webkit-border-radius: 8px; display: inline-block; padding: 10px; background:url("../images/ui-btn-bg.jpg") repeat-x scroll 0 2px #FFD001; position: absolute; bottom: 10px; right: 10px; color: #270F54; font-weight: bold; font-size: 1.4em; }
			/* Default Item */
				.eventsList .itemDefault { float: left; width: 273px; margin-right: 10px; }
				.eventsList .itemDefault .headline { font-size: 1.4em; line-height: 1.3em; }
				.eventsList .itemDefault .copy { width: 273px; }
				.eventsList .itemDefault .placeholder { display: block; width: 100%; height: 200px; }
		/* Selected Page */	
			.selected { }
			.selected .headline { font-size: 2.2em; color: #68C1FF; font-weight: normal; line-height: 1.5em; margin-bottom: 10px; }
			.selected img { display: block; width: 558px; height: 300px; margin-bottom: 1em; border: 1px solid #6A5B8E; }
			.selected .copy { font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em; }
			/* Events */
				.selected .copyDates { margin-bottom: 5em; }
				.selected .copyDates .title { font-size: 1.6em; color: #68C1FF; font-weight: normal; line-height: 1.5em; margin-bottom: 0.5em; }
				.selected .copyDates table { width: 558px; background: #FFF; color: #050031; border: 1px solid #6A5B8E;  }
				.selected .copyDates table tr { border-bottom: 1px solid #6A5B8E; }
				.selected .copyDates table th { background: #9C88FB; }
					.selected .copyDates table th.headAction { width: 92px; }
					.selected .copyDates table th.headTickets { width: 92px; }
				.selected .copyDates table th,
				.selected .copyDates table td { text-align: left; padding: 0.3em; border-left: 1px solid #6A5B8E; }

/* Boxes */
	.newsBox .title { font-size: 2.2em; color: #68C1FF; font-weight: normal; line-height: 1.5em; }
	.newsBox .item { background: transparent; margin-bottom: 10px; padding-bottom: 10px; color: #fff; border-bottom: 1px dotted #6A5B8E; }
        .newsBox .item a { color:#ffcc00!important;}
	.newsBox .item .headline { font-size: 1.3em; font-weight:normal; color: #ffcc00; line-height: 1.5em; margin-bottom: 0.3em; }
	.newsBox .item .headline a { color: #ffcc00; }
	.newsBox .teaser { line-height: 1.5em; margin-bottom: 0.3em; }
	.newsBox .item a.more { float: right; color: #050031; font-size: 1.3em; }

	#primary_banner_image { margin: 0 0 1em 0; }

	.introBox {}
	.introBox .title { font-size: 2.0em; color: #FFCC00; font-weight: normal; line-height: 1.5em; }
	.introBox .title a{color: #ffcc00;}
	.introBox .copy p { font-size: 1.3em; line-height: 1.5em; }

	.bookingForm { padding: 10px 6px; margin-bottom: 3em; background: #771144; color: #eee; }
	.bookingForm .title { font-size: 2em; color: #eee; font-weight: normal; }
	.bookingForm .sub-title { font-size: 1.4em; color: #ffcc00; font-weight: normal; }
	.bookingForm p { margin-bottom: 1em; }
	.bookingForm label { display: inline-block; width: 120px; margin-right: 10px; text-align: right; }
	.bookingForm input,
	.bookingForm select { border: 1px solid #999; }
	.bookingForm .legend { font-size:1em !important;margin-bottom:30px !important;text-align:left; }
	.bookingForm .required { color: #FF0000; border: none; }
	.bookingForm .button {-moz-border-radius: 6px;-webkit-border-radius: 6px; float: right; padding: 5px 10px;  background:url('../images/ui-btn-bg.jpg') repeat-x scroll 0 2px #FFD001; color: #270F54; font-weight: bold; border: none; }
		.bookingForm .partyDetails { width: 49%; float: left; }
		.bookingForm .contactDetails { width: 49%; float: left; }
		.bookingForm .privacyDetails { clear: both; }
		.bookingForm .privacyDetails label { width: auto; }
                .formError{color:red; float:right; font-size:0.8em;text-align:right;margin-right:74px;width:100%;}
                .lbl{display:inline-block; width:180px;}
                fieldset{margin-bottom: 30px!important;}
                fieldset h2, .profile h2{font-size: 1.8em; font-weight: normal; color:#68C1FF;}

                .profile{color:#eee;margin-bottom:30px;display:inline-block;}
                .profile dd{display: inline-block; width: 60%; float: left; margin: 0 0 0.5em 0.5em;}
                .profile dt{color:#ffcc00; display: inline-block; width: 30%; float: left;}

	.mapBox { position: relative; padding-right: 175px; background: url('../assets/map.png') right 35px no-repeat; min-height: 400px; }
	.mapBox .title { font-size: 2.2em; color: #68C1FF; font-weight: normal; }
	.mapBox .title a { color: #68C1FF; }
	.mapBox .region { display: block; margin: 0 10px 10px 0; clear: both; margin-bottom: 1em; }
	.mapBox .sub-title { font-size: 1.4em; color: #68C1FF; font-weight: normal; }
	.mapBox li { display: block!important; width: 49%!important; float: left!important; margin:0 !important;}
	.mapBox li a { color: #FFF!important; background: url('../assets/bullet.png') center right no-repeat!important; padding-right: 10px!important; }
	.mapBox li a span { display: block; position: absolute; background: url('../assets/mapPin.png') top left no-repeat; height: 26px; width: 11px;}
	.mapBox li a:hover span { background: url('../assets/mapPinHover.png') top left no-repeat; z-index: 400; }
		.mapBox .Barnsley a span { top: 210px; right: 92px; }
		.mapBox .Macclesfield a span { top: 226px; right: 105px; }
		.mapBox .Warrington a span { top: 218px; right: 115px; }
		.mapBox .Wigan a span { top: 206px; right: 109px;  }
		.mapBox .Basildon a span { top: 290px; right: 35px;  }
		.mapBox .Chelmsford a span { top: 285px; right: 32px;  }
		.mapBox .Luton a span { top: 285px; right: 62px;  }
		.mapBox .Maidstone a span { top: 305px; right: 31px;  }
		.mapBox .Stevenage a span { top: 290px; right:56px;  }
		.mapBox .Sutton a span { top: 305px; right: 50px;  }
		.mapBox .Watford a span { top: 290px; right: 60px;  }
		.mapBox .Windsor a span { top: 297px; right: 60px;  }
		.mapBox .Burton a span { top: 243px; right: 103px;  }
		.mapBox .Hanley a span { top: 270px; right: 110px;  }
		.mapBox .Northampton a span { top: 268px; right: 78px;  }
		.mapBox .Stratford a span { top: 276px; right: 93px;  }
		.mapBox .Walsall a span { top: 248px; right: 91px;  }
		.mapBox .Fareham a span { top: 323px; right: 73px;  }
		.mapBox .Kings a span { top: 250px; right: 39px;  }
		.mapBox .Norwich a span { top: 253px; right: 17px;  }
		.mapBox .Yeovil a span { top: 315px; right: 111px; }
		.mapBox .Wrexham a span { top: 232px; right: 125px; }
        .mapBox .Halifax a span { top: 203px; right: 99px; }

	.highlightBox {}
	.highlightBox .title { font-size: 2.2em; color: #68C1FF; font-weight: normal; }
	.highlightBox .title a { color: #68C1FF; }
	.highlightBox .copy { background: #714aaa; padding: 10px; margin: 0 0 15px 0; color: #eee; }
	
	.highlightChild { clear: both; margin-bottom: 0.5em; }
	.highlightChild .title { font-size: 1.8em; color: #FFCC00; font-weight: normal; }
	.highlightChild .title a { color: #ffcc00; }
	.highlightChild .copy { color: #eee; padding: 0;}
	
	
	.signpostBox { margin: 0 15px 0 0; background: #FFF; padding: 10px; padding-bottom: 200px; margin-bottom: -200px; }
	.signpostBox .title { font-size: 2em; color: #270F54; font-weight: normal; }
	.signpostBox .title a { color: #270F54; }
	.signpostBox .copy p { color: #333;  }
	

/*=== Carousel ===*/
        #carousel_container{
            position:relative;
            margin-bottom:20px;
            overflow:hidden;
			width:750px;
        }

        #carousel_inner{
            /*float:left;  important for inline positioning */
            width:750px; /* important (this width = width of list item(including margin) * items shown */
            overflow: hidden;  /* important (hide the items outside the div) */
            /* non-important styling bellow */
            background: #F0F0F0;
        }


        #carousel_ul{
            position:relative;
            left:-750px; /* important (this should be negative number of list items width(including margin) */
            list-style-type: none; /* removing the default styling for unordered list items */
            margin: 0px!important;
            padding: 0px!important;
            width:9999px; /* important */
            /* non-important styling bellow */
            padding-bottom:10px;
            height:250px;
        }


        #carousel_ul li{
            float: left; /* important for inline positioning of the list items */
            width:740px;  /* fixed width, important */
            /* just styling bellow*/
            padding:0px!important;
            height:240px;
            background: #000000;
            margin:5px!important;
        }

        #carousel_ul li img{
            .margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
            /* styling */
            cursor:pointer;
            cursor: hand;
            border:0px;
        }
        #left_scroll,#right_scroll{
            height:30px;
            width:30px;
            background: transparent;
        }
        #right_scroll{
            float:right;
            margin-right: 5px;
        }
        #left_scroll{
            float:left;
            margin-left: 5px;
        }
        #left_scroll img, #right_scroll img{
            /*styling*/
            cursor: pointer;
            cursor: hand;
        }
        .carousel_nav{
            width:750px;
            top:215px;
            position:absolute;
        }
/* NYE page */
        /* img, div { behavior: url(http://www.chicagosbars.co.uk/images/iepngfix.htc) } */
        #nyeEventContainer { background:url('../images/nye2011bg.jpg') top left no-repeat transparent; width:670px; height:1250px; color:#fff; }
        #nyeHeaderType { background:url('../images/headerType.png') top left no-repeat transparent; width:670px; height:483px; }
        #nyeMainCopy { font-size:20px; font-family:Helvetica, Arial, sans-serif; letter-spacing:-1px; font-weight:bold; width:570px; margin:-20px auto 0; }
        #nyeBuyTicketsContainer { margin:35px auto; width:578px; height:78px; }