/*
Client: Skirmish Paintball Games
Author: Gary Hartley, 9xb
Author URI: http://www.9xb.com/
*/

/*	Structure
		Reset
		1. DEFAULT STYLES
		2. TEMPLATE ELEMENTS
		3. FORM ELEMENTS
		4. HEADING ELEMENTS
		5. HEADER STYLES
		6. CONTENT STYLES
		7. SIDEBAR STYLES
		8. FOOTER STYLES
		9. TABLE STYLES
*/

/* Global reset
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; }
	table td { padding:0 10px 0 0; }
	
/* 1. DEFAULT STYLES
-------------------------------------------------------------------*/
	
	html, body 			{ font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#fff; }	
	body 				{ margin:0; text-align:center; background:#000; }
	a					{ color:#d77c00; text-decoration:none; }
	a:hover				{ text-decoration:underline; }
	p					{ margin:0 0 .8em 0;}
	.hidden				{ text-indent:-3000em; font-size:0; overflow:hidden; }
	.floatL				{ float:left; }
	.floatR				{ float:right; }
	.italic 			{ font-style:italic; } /* Italisise */
	.upper 				{ text-transform:uppercase; } /* Uppercase */
	.center 			{ text-align:center; } /* Text align center */
	.clear 				{ clear:both; } /* Clear any element */
	.hideText			{ text-indent:-3000em; overflow:hidden; text-align:left; } /* hide text only */
	.clearfix:after 	{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Block unfloated Parent */
	
	.bold 				{ font-weight:bold; }
	.imageright 		{ float: right; padding:0 0 20px 20px; }
	.imageleft  		{ float: right; padding:0 20px 20px 0; }
	.videopannel		{ margin:auto auto; text-align:center; }

/* 2. TEMPLATE ELEMENTS
-------------------------------------------------------------------*/
	#headerwrap			{ float:left; width:100%; background:url(../images/paintball-image-skirmish.jpg) no-repeat top center; }
	#wraptop			{ width:1000px; margin:0 auto; height:215px; position:relative; text-align:left; }
	#headerwrapHP		{ float:left; width:100%; background:url(../images/paintball-image.jpg) no-repeat top center; }
	#wraptopHP			{ width:1000px; margin:0 auto; position:relative; text-align:left; height:540px; }
	#outerwrap			{ float:left; clear:both; width:100%; background:url(../images/gradient.png) repeat-x top center; position:relative; z-index:100; }
	#wrap				{ width:1000px; clear:both; margin:0 auto; padding:15px 0; position:relative; text-align:left; }
	#contentwrap		{ clear:both; margin:0 0 20px 0; float:left; width:1000px; }
	.booking			{ border-bottom:5px solid #d77c00; }
	
	#content			{ width:755px; float:right; margin:0; padding:15px 25px; position:relative; background:#010101; border-top:1px solid #222; }
	#nonavcontent		{ width:755px; float:left; margin:0; padding:15px 25px; position:relative; background:#010101; border-top:1px solid #222; }
	
	#sidebar			{ width:195px; float:left; margin:0; position:relative; }
	
	#footerwrap			{ float:left; clear:both; width:100%; background:url(../images/footer.png) repeat-x top center #1b1b1b; }
	#fin				{ width:1000px; clear:both; margin:0 auto; padding:15px 0; position:relative; text-align:left; }
	.pad				{ padding:20px; }
	.wrapper			{ clear:both; }
	
/* 3. FORM ELEMENTS
-------------------------------------------------------------------*/	
/* 3.1 Form generic styles */
	form					{  }
	form ol					{ list-style:none; margin:0 0 20px 0; padding:0; }
	form label				{ clear:both; display:block; margin:0; padding:0; font-weight:bold; }
	form input,
	form select,
	form textarea			{ font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#181818; padding:2px; }
	.req					{ font-weight:bold; color:#d77c00; }
	
	.btnsubmit		        { width:143px; height:33px; background:url(../images/btn-send.png) no-repeat 0 0; border:0; padding:0; margin:0 0 20px 0; cursor:pointer; }
	.btnsubmit:hover	    { width:143px; height:33px; background:url(../images/btn-send.png) no-repeat 0 -34px; }
	
	form .btnsubmit			{ clear:both; }
	.error					{ font-weight:bold; color:#d77c00; }
	.error ol				{ font-weight:bold; color:#d77c00; list-style-type:square; margin:5px 0 15px 15px; }
	

/* 3.2 Step 2 of booking form */
	.personalDetails		{ float:left; background:#181818; padding:15px; width:725px; }
	.personalDetails li		{ width:230px; float:left; margin:0 10px 5px 0; }
	.personalDetails input	{ width:220px }
	
/* 3.3 Step 3 of booking form */
	.bookingDetails			{ float:left; background:#181818; padding:15px; width:725px; }
	.bookingDetails label 	{ clear:none; display:inline; margin:0 20px 0 0; padding:0; font-weight:bold; float:left; }
	.bookingDetails li		{ margin:0 10px 10px 0; clear:both; }
	.bookingDetails input	{ width:220px; float:left; margin:0 10px 0 0; }
	.bookingDetails a		{ float:left; }

	.bookingDetails .playlabel { width:220px; float:left; }
	.bookingDetails .duration { float:left; }
	.bookingDetails .duration input { width:auto; }
	
	
	.book-now-button		{ width:267px; height:62px; background:url(../images/book-now-button.png) no-repeat 0 0; border:0; padding:0; margin:0 0 20px 0; }
	.book-now-button:hover	{ width:267px; height:62px; background:url(../images/book-now-button.png) no-repeat 0 -62px; }

	
/* 4. HEADING ELEMENTS
-------------------------------------------------------------------*/
	
	h1, h2, h3, h4 		{ font-size:30px; line-height:1.4em; }
	h1 					{ margin:0 0 0.7em 0;}
	h2 					{ font-size:24px; }
	h3 					{ font-size:18px; }
	
/* 5. HEADER STYLES
-------------------------------------------------------------------*/
/* 5.1 Logo */
	#logo				{ position:absolute; top:10px; left:0; width:179px; height:129px; text-indent:-3000em; overflow:hidden; }
	#logo a				{ font-size:1px; float:left; display:block; width:179px; height:129px; background:no-repeat 0 0; }
	#logo a:hover,
	#logo a.active		{ background:no-repeat 0 -129px; }
	
	.logoCoventry		{ background:url(../images/skirmish-coventry-logo.png); }
	.logoLeicester		{ background:url(../images/skirmish-leicester-logo.png); }
	.logoNottingham		{ background:url(../images/skirmish-nottingham-logo.png); }
	.logoSheffield		{ background:url(../images/skirmish-sheffield-logo.png); }
	
	
/* 5.2 Book Button */	
	.bookbutton				{ position:absolute; top:20px; right:0; width:143px; height:33px; text-indent:-3000em; overflow:hidden; }
	.bookbutton a			{ font-size:1px; float:left; display:block; width:143px; height:33px; background:url(../images/book-button.png) no-repeat 0 0; }
	.bookbutton a:hover,
	.bookbutton a.active	{ background:url(../images/book-button.png) no-repeat 0 -33px; }
	
/* 5.3 Top Nav */	
	#topnav					{ position:absolute; top:28px; right:165px; padding:0; margin:0; list-style:none; width:645px;  }
	#topnav li				{ float:left; margin:0 0 0 20px; font-size:14px; font-weight:bold; }
	#topnav a				{ color:#fff; }
	#topnav a:hover			{ text-decoration:none; color:#d77c00; }
	
/* 5.4 USPs */
	.usps					{ position:absolute; top:187px; left:50px; }
	
/* 5.5 NAV */
	#nav					{ position:absolute; bottom:0; left:0; padding:0; margin:0; list-style:none; width:1000px; height:61px; background:url(../images/bg-nav.png) repeat-x 0 0; 
							  overflow:hidden; }
	#nav li					{ float:left; margin:0; font-size:16px; line-height:0.9em; font-weight:bold; width:142px; border-left:1px solid #000; text-align:center; }
	#nav li.first			{ border-left:none; }
	#nav a					{ color:#fff; width:142px; height:44px; padding:17px 0 0 0; display:block; z-index:200; position:relative; }
	#nav a span				{ color:#d77c00; font-size:10px; }
	#nav a:hover			{ text-decoration:none; /*background:url(../images/bg-nav-active.png) repeat-x 0 0;*/ }

	#nav li.booknow			{ background:url(../images/bg-nav-book.png) repeat-x 0 0; z-index:300; position:relative; }
	#nav li.booknow a		{ color:#fff; width:142px; height:44px; padding:17px 0 0 0; display:block; text-shadow:#8b3c00 0 -1px 1px;  }
	#nav li.booknow a span	{ color:#111; font-size:10px; }
	#nav li.booknow a:hover	{ text-decoration:none; background:url(../images/bg-nav-book-active.png) repeat-x 0 0; }

	#nav li.back 			{ background:url(../images/bg-nav-active-full.png) no-repeat center; width:142px; height:61px; z-index:100; bottom:0; position:absolute; }

/* 5.6 heading */
	.experience				{ position:absolute; top:94px; left:389px; }
	#topnav .phonenumber	{ margin:-3px 20px 0 0; color:#66b500; background:url(../images/phone.png) 0 0 no-repeat #000; height:23px; padding:0 0 0 27px; font-size:150%;  }
	#topnav .phonenumber span { padding:3px 0 0 0; display:block; }

/* 6. CONTENT STYLES
-------------------------------------------------------------------*/

/* 6.1 Homepage Gallery */
	.galleryAdvanced		{ float:left; clear:both; width:100%; background:url(../images/bg-full.png) no-repeat bottom left; padding:0 0 10px 0; margin:0 0 25px 0; }
	.gAInner				{ float:left; width:960px; background:url(../images/bg-full.png) no-repeat top left; padding:20px 20px 10px 20px; }
	.gAPad					{ background:#2e2e2e; padding:6px; }

	.galleries				{ float:left; width:250px; height:300px; background:#333; overflow:hidden; padding:0; margin:0; list-style:none; }
	.galleries li			{ float:left; width:250px; border-top:1px solid #222; }
	.galleries li a			{ float:left; width:240px; padding:8px 5px; background:#333; color:#fff; font-size:10px; text-shadow:none; line-height:normal; }
	.galleries li a img		{ float:left; margin:0 10px 0 0; }
	.galleries li a strong	{ color:#66b500; font-weight:bold; font-size:14px; }
	.galleries li a:hover	{ text-decoration:none; background:#555; }
	
	.hpImgGallery				{ float:left; width:688px; padding:5px; margin:0; background:#222; position:relative; }
	.featureImg				{ float:left; width:545px; height:288px; border:1px solid #333; overflow:hidden; text-align:center; position:relative; }
	.featureImg img			{ margin:0; padding:0; }
	.featureImg .caption	{ position:absolute; bottom:0; width:545px; padding:10px 15px; background:url(../images/background70.png); background-repeat:repeat; text-align:left; line-height:normal; color:#fff; font-size:11px; text-shadow:none; 0; }
	.featureImg .caption strong	{ color:#66b500; font-weight:bold; font-size:14px; }

	/*.thumbImgs				{ float:right; width:175px; height:288px; overflow:hidden; padding:0; margin:0; list-style:none; }*/
	
	
	/*.thumbImgs				{ float:right; width:137px; padding:0; margin:0; list-style:none; }*/
	.thumbImgs				{ position:absolute; right:5px; top:5px; width:137px; padding:0; margin:0; list-style:none; }

	.thumbImgs li			{ float:left; margin:0 0 5px 0; padding:0; height:91px; overflow:hidden; }
	.thumbImgs li a			{ float:left; margin:0; padding:0; filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	.thumbImgs li a:hover	{ filter: alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
	.thumbImgs li a img		{ float:left; margin:0; padding:0; }

/* 6.2 Footer 2 columns */
	.halfLeft,
	.halfRight				{ float:left; padding:0 20px; width:460px; color:#818181; font-size:1.1em; }
	.halfRight				{ float:right; }
	.halfLeft h2,
	.halfRight h2			{ color:#fff; margin:0 0 20px 0; }
	.halfLeft p,
	.halfRight p			{ margin:0 0 10px 0; }
	.date					{ color:#c9c9c9; font-size:11px; font-style:italic; }
	
/* 6.3 Tabbed content */
	.tabbedContent			{  }
	
	.tabs					{ float:left; list-style:none; padding:0; margin:0; }
	.tabs li				{ float:left; margin:0; padding:0; }
	.tabs li a				{ float:left; margin:0; padding:10px 15px; font-weight:bold; display:block; }
	.tabs li a:hover,
	.tabs li a.active, .ui-tabs-selected       { background:#181818; color:#fff; }
	
	.tabcontent				{ float:left; padding:15px; margin:0; width:725px; clear:both; background:#181818; }
	
	.imggallery				{ list-style:none; padding:0; margin:0; float:left; }
	.imggallery li			{ float:left; width:175px; height:175px; margin:0 5px 5px 0; overflow:hidden; }
	.imggallery li a		{ float:left; margin:0 -5px -5px 0; text-align:center; width:175px; height:175px; background:url(../images/dots2.png) 0 0;filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	.imggallery li a:hover	{ background:url(../images/dots2.png) 0 0; filter: alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
	.imggallery li a img	{  }
	
/* 7. SIDEBAR STYLES
-------------------------------------------------------------------*/
/* 7.1 Subnav */
	#subnav					{ float:left; width:195px; list-style:none; padding:0; margin:0; }
	#subnav li				{ float:left; width:195px; margin:0 0 -1px 0; }
	#subnav li a			{ float:left; display:block; padding:10px 20px; width:155px; color:#ccc; font-weight:bold; background:url(../images/arrow.png) no-repeat 175px 10px; }
	#subnav li a:hover,
	#subnav li a.active		{ text-decoration:none; background:url(../images/arrow-active.png) no-repeat 175px 9px #010101; color:#fff; font-style:italic; padding:9px 20px; border-top:1px solid #222; border-bottom:1px solid #222; }
	
	#subnav ul			{ margin:0; padding:0; list-style-type:none; }
	#subnav ul li a			{ padding:10px 20px 10px 30px; width:145px; }
	#subnav ul li a:hover,
	#subnav ul li a.active	{ padding:9px 20px 9px 30px; }
	
/* 8. FOOTER STYLES
-------------------------------------------------------------------*/
/* 8.1 General */
	.share-title				{ float:left; font-size:16px; margin:40px 10px 30px 0; }
	.social-icons				{ float:left; list-style:none; margin:40px 0 30px 0; padding:0; }
	.social-icons li			{ float:left; margin:0 5px 0 0; padding:0; }
	.social-icons li a			{ float:left; text-indent:-3000em; overflow:hidden; text-align:left; width:22px; height:24px; background:url(../images/social-icons.png) no-repeat 0 2px; }
	.social-icons li a:hover	{ background-position: 0 0; }
	
	.social-icons li.twitter a	{ background-position: 0 2px; }
	.social-icons li.twitter a:hover { background-position: 0 0; }
	.social-icons li.facebook a	{ background-position: -31px 2px; }
	.social-icons li.facebook a:hover { background-position: -31px 0; }
	.social-icons li.email a	{ background-position: -63px 2px; }
	.social-icons li.email a:hover { background-position: -63px 0; }
	.social-icons li.rss a	{ background-position: -95px 2px; }
	.social-icons li.rss a:hover { background-position: -95px 0; }
	
	.social-icons li.youtube a	{ background-position: -126px 2px; }
	.social-icons li.youtube a:hover { background-position: -126px 0; }

/* 8.2 Repeat Nav */	
	#footernav					{ padding:20px 0; margin:0; list-style:none; }
	#footernav li				{ padding:0 0 0 15px; float:left; margin:0 0 0 15px; font-size:14px; font-weight:bold; background:url(../images/divider.gif) no-repeat left center; }
	#footernav li.first			{ padding:0; margin:0; background:none; }
	#footernav a				{ color:#fff; }
	#footernav a:hover			{ text-decoration:none; color:#d77c00; }
	
/* 8.3 Footer */	
	.copyright					{ float:left; padding:0 20px; margin:0; font-weight:bold; }
	
	.ternav						{ float:right; margin:0; padding:0 25px 0 0; list-style:none; }
	.ternav li					{ padding:0 0 0 15px; float:left; margin:0 0 0 15px; font-weight:bold;  }
	.ternav li.first			{ padding:0; margin:0; background:none; }
	.ternav a					{ color:#fff; }
	.ternav a:hover				{ text-decoration:none; color:#d77c00; }
	
/* 9. TABLE ELEMENTS
-------------------------------------------------------------------*/
	.dataTable					{ width:100%; margin:0 0 20px 0; }
	.dataTable thead th			{ vertical-align:bottom; padding:37px 10px 5px 10px; font-weight:bold; text-transform:uppercase; text-align:center; }
	.dataTable thead .package	{ text-align:left; }
	.dataTable thead .ammo		{ background:url(../images/icon-ammo.png) no-repeat top center; }
	.dataTable thead .games		{ background:url(../images/icon-scope.png) no-repeat top center; }
	.dataTable thead .lunch		{ background:url(../images/icon-food.png) no-repeat top center; }
	.dataTable thead .price		{ background:url(../images/icon-pound.png) no-repeat top center; }
	
	.dataTable tbody .optionrow .radioinput, 
	.dataTable tbody .optionrow .radiolabel { float:left; clear:none; }
	.dataTable tbody .optionrow .radiolabel { margin:0 0 0 10px; cursor:pointer; }
	
	.dataTable tbody .optionrow th,
	.dataTable tbody .optionrow td { height:61px; vertical-align:center; padding:0 15px; font-weight:bold; text-transform:uppercase; text-align:center; background:url(../images/optionrow.png) repeat-x 0 0; border-right:2px solid #000; border-bottom:2px solid #000; }
	.dataTable tbody .optionrow .blank { padding:0; font-weight:bold; text-transform:uppercase; text-align:left; border-right:0; background:none; width:97px; }
	.dataTable tbody .optionrow th { text-align:left; }
	.dataTable tbody .optionrow .liteGrad { background:url(../images/hide-show.png) repeat-x 0 0; }
	.dataTable tbody .details td { padding:0; font-weight:bold; text-align:left; border-right:0; background:none; }
	.dataTable tbody .morerow td { padding:8px 15px; font-weight:bold; background:url(../images/thingrad.png) repeat-x 0 0 #181818; }
	.dataTable tbody .morerow .right { text-align:right; }
	
	.hide-show					{ background:url(../images/arrow-down.png) no-repeat right center; padding:3px 18px 3px 3px; color:#fff; text-transform:capitalize; font-weight:normal; }
	.book-now					{ background:url(../images/book-now.png) no-repeat 0 0; width:97px; height:61px; text-indent:-3000em; display:block; overflow:hidden; }
	.book-now:hover				{ background-position: 0 -61px; width:97px; height:61px; text-indent:-3000em; display:block; overflow:hidden; }

	.furtherDetails				{ background:#181818; padding:15px; }
	.furtherDetails ul			{ list-style-image:url(../images/bullet.png);}
	
	.step1,
	.step2,
	.step3						{ height:29px; padding:4px 10px 0 100px; font-size:16px; color:#fff; margin:0 0 20px 0; clear:both; }
	
	.step1						{ background:url(../images/step1.png) no-repeat; }
	.step2						{ background:url(../images/step2.png) no-repeat; }
	.step3						{ background:url(../images/step3.png) no-repeat; }
	
/* 10. NEWS
-------------------------------------------------------------------*/	

/* 10.1 index */

.indexnewswrapper                { clear:both; margin:0 0 10px 0; }
.newsindeximg                    { float:left; margin:0 10px 0 0; }
.pagination						 { list-style-type:none; margin:0; padding:0; }
.pagination li					 { display:inline; padding:2px; margin:2px; }	

/* 10.2 article page */
.newsinnerimg                    { float:right; margin:0 0 0 10px; }


/* 11. LOCATION
-------------------------------------------------------------------*/	

#map 							 { display:block; width:754px; height:500px; }


/*tabs*/

.ui-tabs-hide { display: none !important; }

/*accordion*/

.noshow 	  { display:none; }

/* 12. HOMAPGE SCROLLER
-------------------------------------------------------------------*/

/*ul#easyscrollnav { position:absolute; top:308px; left:590px; list-style-type:none; margin:0; display:block; width:70px; }
ul#easyscrollnav li { float:left; }*/

ul.homepagescroll { position:absolute; top:308px; left:590px; list-style-type:none; margin:0; display:block; width:70px; }
ul.homepagescroll li { float:left; }

ul.galleryscroll { position:absolute; top:554px; left:635px; list-style-type:none; margin:0; display:block; width:70px; }
ul.galleryscroll li { float:left; }


#btnUp			{ background:url(../images/up-arrow.png) no-repeat; text-indent:-3000em; width:24px; height:15px; display:block; cursor:pointer; margin:0 10px 0 0;  }
#btnDown		{ background:url(../images/down-arrow.png) no-repeat; text-indent:-3000em; width:24px; height:15px; display:block; cursor:pointer; }


/* 14. GAME ZONES
-------------------------------------------------------------------*/

#mainzoneimage				{ background:url(../images/dots2.png) 0 0;  width:552px; height:359px; float:left; margin:0 5px 10px 0; overflow:hidden; }

.gamezonegallery			{ list-style:none; padding:0; margin:0; float:left; width:137px; }
.gamezonegallery li			{ float:left; width:137px; height:88px; margin:0 5px 5px 0; cursor:pointer; overflow:hidden; }
.gamezonegallery li a		{ float:left; margin:0 -5px -5px 0; text-align:center; width:137px; height:88px; background:url(../images/dots2.png) 0 0;filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.gamezonegallery li a:hover	{ background:url(../images/dots2.png) 0 0; filter: alpha(opacity=99); -moz-opacity:.99; opacity:.99; }

/* 15. CUSTOM TEMPLATES
-------------------------------------------------------------------*/

.left_column     { float: left; width: 45%; padding: 10px; }
.right_column    { float: right; width: 45%; padding: 10px; }

.left_media     { float: left; padding: 10px; }
.right_media    { float: right; padding: 10px; }

/* 16. FAQs
-------------------------------------------------------------------*/

.backtotop 		{ float:right; clear:both; margin:5px 0 5px 0; width:100%; text-align:right; }
.faqlist dt     { font-weight:bold; margin:0 0 5px 0; font-size:120%; }