/* CSS Document */
html { height: 100%; padding-bottom: 1px; }  /* Forces vert scrollbar on all pages*/



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	body 
	{
		margin: 0 0 0 0;
		height: 100%;
		min-height: 100%;
		min-width: 958px;
		background-color: #000000; 
		width: 1024px;
		max-width:1024px;
		text-align:center;
		/*
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: hidden; */
	}

}


body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 958px;
	background-color: #e2e1e1; 
	max-width:1920px;
	text-align:center;
	overflow-x: hidden;
	font-family: 'Metrophobic', sans-serif;

}


.fbbutt
{
	width:400px;
	margin: 0;
	padding: 0;
	
}
/* ----------------- USA --------------- */

.usafollowus
{
	width: 187px;
	height: 113px;
	float: left;
	background: url(usa/images/usafollowusjg.jpg) top left no-repeat;
	padding: 190px 0 0 120px;
}

.usawestfollowus
{
	width: 257px;
	height: 231px;
	float: left;
	background: url(usawest/images/usafollowus.jpg) top left no-repeat;
	padding: 70px 0 0 80px;
}

.usawestrecenttweets
{
	width: 307px;
	height: auto;
	float: left;
	padding: 0 0 0 0;
}

.usarecenttweets
{
	width: 307px;
	height: auto;
	float: left;
	background: url(usa/images/bg-recenttweets.jpg) top left no-repeat;
	padding: 70px 0 0 0;
}

.usayoutube
{
	width: 628px;
	height: auto;
	float: left;
	border: 1px solid #ccc;	
}

.newsstory {
width: 608px;
height: auto;
float: left;
background-color: #FFF;
margin-bottom: 5px;
padding: 10px;
}

/* ----------------- AU --------------- */

.aufollowus
{
	width: 267px;
	height: 67px;
	float: left;
	background: url(au/images/usafollowus.jpg) top left no-repeat;
	padding: 250px 0 0 50px;
}

.aurecenttweets
{
	width: 307px;
	height: auto;
	float: left;
	background: url(au/images/bg-recenttweets.jpg) top left no-repeat;
	padding: 119px 0 0 0;
}


/* ----------------- SHOP --------------- */

#shopheader
{
width: 958px;
height: 122px;
float: left;
}

.shopblock
{
width: 958px;
height: 130px;
float: left;
background: url(images/shop/shop-bottom.jpg) top center no-repeat;
margin: 30px 0 30px 0; 
}

#shopfooter
{
width: 100%;
height: 390px;
position: relative;
float: left;
bottom: 0;
left: 0;
background: #000000;
z-index: 999;
}

#shopfootercontainer
{
width: 958px;
height: 360px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
}

.shopfooterlinks
{
width: 300px;
height: 360px;
float: left;
font-size: 14px;
text-align: left;
padding: 0 15px 0 0;
line-height: 25px;
color: #d2dddd;
}

.shopfooterlinks a
{
color: #d9dddd;
text-decoration: none;
word-spacing: 2px;
font-size: 14px;
}

.shopnewsletter
{
	width: 180px;
	height: 29px;
	float: left;
}

#shopscroller
{
width: 958px;
height: 316px;
float: left;
overflow:hidden;
}

.shoptitle
{
	width: 915px;
	height: auto;
	float: left;
	background-color: #FFF;
	line-height: 20px;
	margin: 20px 0 20px 0;
	padding: 20px;
}

.cattitle
{
	width: 770px;
	height: 85px;
	float: left;
	background-color: #FFF;
	line-height: 20px;
	margin: 20px 0 20px 0;
	padding: 20px;
}

.catfeefo
{
	width: 125px;
	height: 125px;
	float: right;
	margin: 20px 0 20px 0;
	
}

.cattitleblack
{
color: #000000;
font-size: 22px;
font-weight: bold;
}

#basketlink
{
	width: 200px;
	height: 50px;
	float: right;
	padding: 50px 0 0 0;
}

#basketlink a
{
	text-decoration: none;
	color: #000;
}

.productholder
{
width: 220px;
height: 350px;
float: left;
margin: 9px;
background-color: #fff;
}

.productimage
{
width: 220px;
height: 220px;
float: left;
overflow: hidden;
}

.producttext
{
width: 200px;
height: 50px;
float: left;
overflow: hidden;
padding: 10px 10px 0 10px;
}

.producttext a
{
font-size: 14px;
color: #000000;
text-decoration: none;
}

.producttext a:hover
{
	text-decoration: underline;
}

.productprice
{
width: 200px;
height: 50px;
float: left;
overflow: hidden;
padding: 10px 10px 0 10px;
font-size: 14px;
}

.productline
{
	width: 956px;
	height: 1px;
	float: left;
	background-color: #eeeeee;
	margin: 20px 0 20px 0;
}

.reviews
{
	font-size: 12px;
}

.reviews a
{
	color: #003399;
	text-decoration: none;

}

#shopdetailimage
{
	width: 400px;
	height: auto;
	float: left;
	font-size: 12px;
	text-align: center;
}

#shopdetailtext
{
	width: 500px;
	height: auto;
	float: right;
	background-color: #FFF;
	padding: 20px;
}

.shopline
{
	width: 500px;
	height: 1px;
	float: left;
	background-color: #333333;
	margin: 10px 0 30px 0;
}

.qty
{
	width: 30px;
	height: 30px;
}

.newqtyselbox
{
	width: 76px;
	height: 38px;
	font-size: 16px;
	background-color: #ededed;
	border: 1px solid #cecece;
	
}

.greentext
{
color: #009900;
margin: 20px 0 20px 0;	
}

.shopbreads
{
	width: 936px;
	height: 50px;
	float: left;
	font-size: 12px;
	padding-left: 20px;
}

.shopbreads a
{
	color: #000;
	text-decoration: none;
	margin: 0 10px 0 10px;
}

.shopsort
{
	width: 913px;
	height: 30px;
	float: left;
	font-size: 14px;
	padding: 10px;
	background-color: #FFF;
	line-height: 28px;
	margin: 0 0 0 10px;
}



.shopspacer
{
	width: 950px;
	height: 500px;
	float: left;
	
}

/* #bg_gradient { width:100%; display:block; z-index:90;  min-height:2000px;  position:absolute;	max-width:2480px;left:0; top:0
} */

#bg_gradient { width:100%; display:block; z-index:90;  min-height:1200px;  position:absolute;	max-width:2480px;left:0; top:0
}

#prevslide { width: 18px; height: 96px; display:block; position:absolute; left:0; top: 200px; background: no-repeat url(images/left.png); z-index:120;}
#nextslide { width: 18px; height: 96px; display:block; position:absolute; right:0; top: 200px; background: no-repeat url(images/right.png);  z-index:120;}

#slide_boxes { float:left; width:1005px; height: 45px; border: 1px sod #343434; margin-bottom: 5px; }
#register { float:right; width:297px; height: 70px;  border: 1px solid #b9baba; overflow:hidden;}

#images {	
min-width: 1024px;
overflow:hidden;	 
width:100%; 
height: 100%;
z-index:85;
max-width:2480px; 
left:0; 
top: 0;
left: 0;
position: absolute;
min-height: 1200px;
}

p, form, h1, h2, table
{
margin: 0;
padding: 0;
}

img
{
border: none;
}

#container
{
width: 958px;
height: auto;
z-index:100;
position: relative;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}

h1
{
font-size: 28px;
color: #fd0303;
font-weight: normal;
margin: 0;
padding: 0;
}

h2
{
font-size: 19px;
color: #fd0303;
font-weight: normal;
margin: 8px 0 5px 0;
padding: 0;
word-spacing: 0px;
line-height: 20px;
}

h3
{
font-size: 16px;
color: #fd0303;
font-weight: normal;
margin: 10px 0 10px 0;
padding: 0;
word-spacing: 0px;
}

h4
{
font-size: 16px;
color: #020200;
font-weight: normal;
margin: 0 0 0 0;
padding: 0;
}

h5
{
font-size: 20px;
color: #f81e1e;
font-weight: normal;
margin: 0 0 10px 5px;
padding: 0;
}

h6
{
font-size: 20px;
color: #f81e1e;
font-weight: normal;
margin: 0;
padding: 0;
}

.darkgrey
{
color: #020200;
margin-bottom: 25px;
font-size: 16px;
}

.darkgrey2
{
color: #020200;
font-size: 16px;
}

.subsubgrey
{
color: #636161;
font-size: 14px;
}

.subgrey
{
color: #636161;	
}

.subgrey a
{
color: #636161;	
}

.blacktext
{
color: #000000;
margin: 0 25px 0 20px;
}

.font12
{
	font-size: 12px;
}

.white
{
color: #ffffff;
font-size: 16px;
}

.black
{
color: #000000;
font-size: 16px;
}



.whiteday
{
font-size: 16px;
color: #ffffff;
}

.red
{
	color: #fd0303;
}

.subscrpt
{
	font-size:12px;
	vertical-align: text-top;
}

p
{
margin: 10px 0 15px 0;
padding: 0;
font-size: 14px;
color: #868585;
}

p a
{
color: #868585;
}

.forgottenp
{
font-size: 12px;
color: #bdbcbc;
}

#buttme
{
cursor: pointer;
margin: 0;
padding: 0;
}

.centergrey
{
text-align: center;
color: #8f8c8c;
font-size: 12px;
margin: 0 0 3px 0;
word-spacing: 1px;
}

.centered
{
text-align: center;
}

.leftgrey
{
text-align: left;
color: #ffffff;
font-size: 12px;
margin: 0 0 3px 0;
word-spacing: 1px;
padding: 10px 0 0 7px;
clear:  both;
}

.clickleftgrey
{
text-align: left;
color: #ffffff;
font-size: 12px;
margin: 0 0 3px 0;
word-spacing: 1px;
padding: 10px 0 0 7px;
clear:  both;
}

.detailsgreylg
{
text-align: left;
color: #ffffff;
font-size: 14px;
margin: 0 0 0 0;
padding: 10px 3px 0 7px;
clear:  both;
line-height: 17px;
}

.ageleftgrey
{
text-align: left;
color: #ffffff;
font-size: 12px;
margin: 0 0 3px 0;
word-spacing: 1px;
padding: 0 0 0 7px;
clear:  both;
}


#header
{
width: 958px;
height: 122px;
float: left;
background: url(images/bg-header4.png) center right no-repeat;
}

#header-home
{
width: 958px;
height: 122px;
float: left;
background: url(images/bg-header5.png) center right no-repeat;
}

#content
{
width: 956px;
float: left;
text-align:left;
margin-top: 20px;

}

#contentshows
{
width: 956px;
float: left;
text-align:left;
}

#contentother
{
width: 956px;
float: left;
text-align:left;
padding-top: 200px;
}

.bgheading
{
	width: 926px;
	height: 30px;
	float: left;
	font-size: 26px;
	color: #FFF;
	padding: 90px 0 0 25px;
	
}

.bgheading2
{
	width: 926px;
	height: 20px;
	float: left;
	font-size: 16px;
	color: #cccccc;
	padding: 0 0 90px 25px;
}


/* ------- STUDIOS ---------- */

.studiosleft
{
	width: 926px;
	height: auto;
	min-height: 800px;
	float: left;
	padding: 25px 0 0 20px;
	background-color: #FFF;
	margin-top: 5px;
}


.studiosbox
{
	width: 920px;
	height: 58px;
	float: left;
	background:  url(images/bg-studios.jpg) top left no-repeat;
	margin-bottom: 20px;
}

.studiotext
{
	width: 710px;
	height:  50px;
	float: left;
	padding: 8px 0 0 20px;
}

.studiolink
{
	width: 138px;
	height:  22px;
	float: left;
	padding: 17px 0 0 0;
}

.studioh2
{
font-size: 18px;
color: #fd0303;
font-weight: normal;
margin: 0;
padding: 0;
word-spacing: 0px;
}

/* ----------------- CALENDAR --------------- */

.showul
{
margin: 0;
padding: 10px 0 10px 0;
float: left;
list-style: none;
border-bottom: 1px solid #ccc;
width: 100%;
}

.showtext
{
width: 610px;
height: auto;
float: left;
background: #FFFFFF;
padding: 10px;
}

.showhead
{
	width: 320px;
	height: auto;
	float: left;
	padding: 5px 40px 0 10px;
}

.shownav
{
	width: 200px;
	height: auto;
	float: right;
	font-size: 17px;
	color: #666666;
	padding: 7px;
	border:  1px solid #8f9090;
	text-align: center;
	line-height: 25px;
	margin-top: 5px; 
	
}

.alleft
{
	float: left;
}

.alright
{
	float: right;
}

.shownav a
{
color: #666666;
	
}



.showdateli
{
width: 100%;
height: 28px;
float: left;
line-height: 25px;
}

.showtime
{
width: 100px;
height: 28px;
float: left;
padding-left: 15px;
line-height: 20px;
}

.showname
{
width: 320px;
height: 28px;
float: left;
line-height: 20px;
}

.showname a
{
text-decoration: none;
color: #333333;
}

.showname a:hover
{
text-decoration: underline;
}

.showbook
{
width: 160px;
height: 28px;
float: left;
text-align: right;
padding-right: 10px;
line-height: 20px;
}

.showbook a
{
color: #333333;
text-decoration: none;

}

.blink
{
text-decoration: blink;	
}

.showp
{
	padding:0 0 5px 15px;
	font-size: 20px;
	border-bottom: 2px solid #ccc;
	margin: 0;
	color: #fd0303;
}

/* ----------------- SHOP --------------- */

#shopcontent
{
width: 956px;
float: left;
text-align:left;
margin-top: 20px;
background-color: #FFF;
padding-top: 20px;

}

#shopshows
{
width: 958px;
height: auto;
float: left;
padding: 0 0 25px 0;
}

.shophead
{
	width: 235px;
	height: 30px;
	float: left;
	background-color: #999;
	padding: 5px 10px 0 5px;
	font-size: 18px;
	margin-bottom: 25px; 		
}


.shopleft
{
width: 250px;
height: auto;
float: right;
background-color: #ccc;
padding: 9px;
}


.shopright
{
width: 650px;
height: auto;
float: left;
margin-bottom: 10px;
}

.shopul
{
margin: 0;
padding: 0;
float: left;
list-style: none;
width: 100%;
}

.shopul li
{
background-color: #CCCCCC;
margin-bottom: 5px;
padding: 5px;
}

.shopul li a
{
font-size: 16px;
color: #000000;
text-decoration: none;
}

/* ----------------- DETAILS --------------- */

.butt
{
vertical-align: top;
margin: 0;
padding: 0;
}

.detleft
{
width: 630px;
height: auto;
float: left;
padding-top: 20px;
}



.detailsleft
{
width: 630px;
height: auto;
float: left;
border:1px solid #ccc;
margin-bottom: 5px;
background-color: #ffffff;
padding-bottom: 20px;
}

.detailsimage
{
width: 630px;
height: auto;
float: left;
overflow: hidden;
}

.detailtext
{
width: 585px;
height: auto;
float: left;
padding: 20px 20px 0 20px;
color: #868585;
}

.detailhead
{
width: 278px;
height: auto;
float: left;
font-size: 26px;
padding: 10px 0 10px 0;
color: #ffffff;
}

.detailsright
{
width: 308px;
height: auto;
float: right;
padding-top: 20px;
}

.details-white
{
width: 282px;
height: auto;
float: left;
padding: 7px 10px 7px 15px;
background-color: #e8e5e5;
border: 1px solid #CCC;
}


.dots
{
	width: 585px;
	height: 2px;
	float: left;
	border-bottom: 1px dotted #CCCCCC;
	margin: 5px 0 0 0; 
	
}

.merch
{
	width: 585px;
	height: auto;
	float: left;
	padding-top: 60px;	
}

.merchholder
{
	width: 563px;
	height: auto;
	float: left;
	background: #FFF;
	border: 1px solid #bcbdbd;
	padding: 10px;
	margin-bottom: 30px;
}

.detailsalsolike
{
width: 590px;
height: 160px;
float: left;
margin: 5px 0 10px 0;
padding: 20px;
}

#logoscroller
{
width: 590px;
height: 100px;
position: relative;
}

#logoscroller div.scrollableArea *
{
float: left;
padding-right: 10px;
}

.log
{
width: 138px;
height: 88px;
float: left;
}

.detailssocials
{
width: 571px;
height: 350px;
float: left;
margin: 0 0 10px 0;
padding: 20px;
background-color: #e9dadb;
}

.dsocial_fb
{
width: 280px;
height: 300px;
float: left;
background-color: #FFFFFF;
}

.dsocial_faq
{
width: 280px;
height: 300px;
float: right;
background-color: #FFFFFF;
}

/* ----------- DETAILS PAGE ---------- */

.copytext
{
	font-size: 10px;
	margin: 70px 0 40px 20px;

}
.detailtick
{
width: 273px;
height: 55px;
float: left;
background: url(images/bg-ticket4.png) top left no-repeat;
margin-bottom: 10px;
padding: 5px 0 0 10px;
}

.detailtickfully
{
width: 273px;
height: 55px;
float: left;
background: url(images/bg-ticket5.png) top left no-repeat;
margin-bottom: 10px;
padding: 5px 0 0 10px;
}

.tickradio
{
width: 30px;
height: 20px;
float: left;
padding: 5px 0 0 15px;
}

.tickdate
{
width: 235px;
height: auto;
float: left;
font-size: 16px;
text-decoration: none;
color: #fd0303;
line-height: 20px;
padding: 5px 0 0 0;
}

.tickdate a
{
font-size: 16px;
text-decoration: none;
color: #fd0303;
}

.tickdate a:hover
{
text-decoration: underline;
}


.tickbook
{
width: 273px;
height: 25px;
float: left;
font-size: 16px;
text-decoration: none;
color: #FFFFFF;
}

.tickbook2
{
width: 273px;
height: 25px;
float: left;
font-size: 16px;
text-decoration: none;
color: #000000;
}

/* ----------- BOOKING PAGE ---------- */

.bookhead
{
width: 268px;
height: 40px;
float: left;
font-size: 28px;
padding: 10px 0 10px 0;
color: #ffffff;
}

.details-grey
{
width: 282px;
height: auto;
float: left;
padding: 7px 10px 30px 15px;
background-color:  #666;
border: 1px solid #CCC;
}

.bookinfo
{
width: 228px;
height: auto;
float: left;
font-size: 20px;
text-decoration: none;
color: #fd0303;
padding: 5px 0 5px 0;
line-height: 24px;
}

.booksub
{
width: 273px;
height: 25px;
float: left;
font-size: 12px;
text-decoration: none;
color: #636161;
}

.booktick
{
width: 274px;
height: 55px;
float: left;
background: url(images/bg-ticket3.jpg) top left no-repeat;
margin-bottom: 10px;
padding: 5px 0 0 10px;
}

.seltickets
{
	width: 259px;
	height: 113px;
	float: left;
	background:  url(images/bg-ticketsrequired.jpg) top left no-repeat;
	padding: 50px 0 0 15px;
	
}

.qtybox
{
	width: 205px;
	height: 27px;
	float: left;
	margin-bottom: 10px;
	font-size: 14px;
	padding-top: 2px;
}

.promobox
{
	width: 200px;
	height: 20px;
	float: left;
	margin-bottom: 10px;
}

.requestbox
{
	width: 262px;
	height: auto;
	float: left;
	padding: 10px 0 10px 10px;
	background-color: #d3d0ce;
	border: 1px solid #a0a1a1;
	margin: 0 0 10px 0;
	font-size: 12px; 
	color: #636161;

}

.requestbox2
{
	width: 262px;
	height: auto;
	float: left;
	padding: 10px 0 15px 10px;
	background-color: #ffffff;
	border: 1px solid #a0a1a1;
	margin: 0 0 10px 0;
	font-size: 12px; 
	color: #636161;
}

.requestbox3
{
	width: 262px;
	height: auto;
	float: left;
	padding: 10px 0 15px 10px;
	background-color: #ffffff;
	border: 1px solid #a0a1a1;
	margin: 0 0 10px 0;
	font-size: 18px; 
	color: #fd0303;
}



.jtext
{
	width: 262px;
	height: auto;
	float: left;
	padding: 10px 0 10px 0;
	
}

.iagree
{
	width: 236px;
	height: 36px;
	float: left;
	background: url(images/bg-iagree.png) top left no-repeat;
	padding: 5px 0 0 10px;
	margin-top: 10px;
	
}

.greybox
{
width: 250px;
height: auto;
float: left;
padding: 10px 10px 10px 10px;
color: #fd0303;
background-color: #d1cecc;
font-size: 16px;
line-height: 22px;
}

.greybox a
{
color: #020200;
font-size: 10px;
}

.studgreybox
{
width: 250px;
height: auto;
float: left;
padding: 10px 10px 10px 10px;
color: #fd0303;
background-color: #d1cecc;
font-size: 16px;
line-height: 22px;
}

.studgreybox a
{
color: #fd0303;
text-decoration: none;
}

.detailsbox
{
width: 297px;
height: auto;
float: left;
border: 1px solid #CCCCCC;

}

.img-swap
{
}


/* ----------------- PRIORITY --------------- */

.prioleft
{
width: 555px;
height: auto;
float: left;
border:1px solid #ccc;
margin-bottom: 5px;
background: #f9f9f9;
padding: 35px;
}

.priohead
{
	color: #000;
	font-size: 26px;
	padding-bottom: 10px;
	
}

.itals
{
	font-style: italic;
}

.pributton
{
	margin: 20px 0 20px 0;
	
}

.prishows
{
	width: 306px;
	height: auto;
	float: left;
	background: #FFF;
	border: 1px solid #a5a7a7;
	margin-bottom: 25px;
}

.prilink
{
width: 304px;
height: 46px;
float: left;
line-height: 45px;
text-align: center;
word-spacing: 0px;
background: url(images/bg-prishows.jpg) top left no-repeat;
}

.prilink img
{
vertical-align: middle;
margin: 0 10px 0 0;
padding: 0;
}

.prilink a
{
text-decoration: none;
color: #fd0309;
font-size: 16px;
}

/* ----------------- SHOWS --------------- */


.homeshowbox_1
{
width: 305px;
height: 325px;
float: left;
background: url(images/bg-showstext-bott.jpg) bottom right no-repeat;
padding-bottom: 9px;
margin-bottom: 10px;
}

.homeshowbox_2
{
width: 305px;
height: 325px;
float: left;
margin-left: 20px;
background: url(images/bg-showstext-bott.jpg) bottom right no-repeat;
padding-bottom: 9px;
margin-bottom: 10px;
}

.homeshowbox_3
{
width: 305px;
height: 325px;
float: right;
background: url(images/bg-showstext-bott.jpg) bottom right no-repeat;
padding-bottom: 9px;
margin-bottom: 10px;
}

.homeshowimage-build
{
width: 305px;
height: 195px;
float: left;
overflow: hidden;
border-bottom: 1px solid #ccc;
padding-top: 14px;
}

.homeshowimage
{
width: 305px;
height: 210px;
float: left;
overflow: hidden;
border-bottom: 1px solid #ccc;
}


.hshowbox-l
{
width: 305px;
height: 324px;
float: left;
margin: 0 0 0 0;
padding: 0;
overflow: hidden;  
border: 1px solid #ccc;
background-color: #FFF;
}

.homeshowsbox
{
width: 296px;
height: 110px;
float: left;
padding: 5px;
font-size: 14px;
background: url(images/bg-showstext.jpg) top center no-repeat;
}

.homeshowsbox img
{
	padding-left: 70px;
	
}

.homeshowstext
{
width: 276px;
height: 38px;
float: left;
font-size: 12px;
color: #868585;
padding: 5px 10px 0 10px;
word-spacing: 1px;
line-height: 15px;
text-align: center;
overflow: hidden;

}

.homeshowslinkmini
{
width: 296px;
height: 15px;
float: right;
line-height: 18px;
text-align: center;
word-spacing: 0px;
font-size: 12px;
color: #808080;
}

.homeshowslinkmini a
{
text-decoration: none;
color: #808080;
font-size: 12px;
}

.homeshowslink
{
width: 296px;
height: 23px;
float: right;
line-height: 18px;
text-align: center;
word-spacing: 0px;
font-size: 18px;
}

.homeshowslink img
{
vertical-align: top;
margin: 0 10px 0 0;
padding: 0;
}

.homeshowslink a
{
text-decoration: none;
color: #000000;
font-size: 18px;
}

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.css3-blink {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}


.showsleft
{
width: 630px;
height: auto;
float: left;
padding-top: 5px;

}

.showsright
{
width: 308px;
height: auto;
float: right;
padding-top: 5px;
}

.viewshows
{
	width: 955px;
	height: 41px;
	float: left;
	padding: 0 0 10px 0;
	
}

.feefohome
{
	width: 955px;
	height: 75px;
	float: left;
	padding: 0 0 20px 0;
	text-align: center;
}

.feefohome img
{
	margin-left: auto;
	margin-right: auto;
}



.showbox-l
{
width: 627px;
height: 210px;
float: left;
margin: 0 0 25px 0;
background:  #FFF ;
border: 1px solid #999;
}



.showimage
{
width: 305px;
height: 210px;
float: left;
overflow: hidden;
border-right: 1px solid #ccc;
}


.showstext
{
width: 268px;
height: 155px;
float: left;
font-size: 12px;
color: #999999;
padding: 8px 22px 10px 22px;
word-spacing: 1px;
line-height: 15px;
}

.showstexttop
{
width: 287px;
height: auto;
float: left;
padding-bottom: 10px;
}

.showslink
{
width: 298px;
height: 20px;
float: right;
padding-top: 0;
}

.showslink a
{
text-decoration: none;
color: #000000;
font-size: 18px;
}



.showsholder
{
width: 308px;
height: auto;
float: left;
padding-bottom: 20px;
}

.showsholder-white
{
width: 290px;
height: auto;
float: left;
padding: 10px 5px 10px 5px;
background-color: #ffffff;
}

.followapplause
{
	width: 306px;
	height: 57px;
	float: left;
	background: url(images/bg-followapplause.jpg) top left no-repeat;
	padding: 30px 0 0 0;
	/* border: 1px solid #ccc; */
	margin: 20px 0 20px 0;
}

.showbanner_fb
{
width: 136px;
height: 25px;
float: right;
background: url(images/socials/facebook-long.jpg) top right no-repeat;
padding: 5px 0 0 170px;
}

.showbanner_twit
{
width: 186px;
height: 24px;
float: right;
background: url(images/socials/twitter-long.jpg) top left no-repeat;
padding: 3px 0 0 120px;
}




.headdropdown
{
width: 180px;
height: 31px;
float: right;
font-family: 'Metrophobic', sans-serif;
}

.searchbox
{
width: 145px;
height: 24px;
float: right;
background-color: #FFF;
padding-top: 2px;
}

#kwords
{
width: 130px;
height: 20px;
border: none;
}

#searchkey
{
	width: 240px;
	height: 22px;
	border: none;
	
}

.logbutt
{
width: 130px;
height: 31px;
float: right;
}

#logo
{
width: 379px;
height: 120px;
float: left;
padding: 0 0 0 0;
}

#searchtop
{
	width: 300px;
	height: 30px;
	float: left;
	padding: 20px 0 0 60px;

}

.logbox
{
	width: 170px;
	height: 25px;
	float: left;
	border: none;
	margin: 5px 0 5px 0;
}

.loginbutt
{
	margin: 3px 0 0 0;
}

#loggedin
{
	width: 430px;
	height: 26px;
	float: right;
	background-color: #cecac7;
	line-height: 8px;
}

#memberlogin
{
	width: 500px;
	height: auto;
	display: none;
	z-index: 9004; 
	background: #000;
	position: absolute;
	top: 31px;
	left: 405px;
	padding: 10px;
	border: 1px solid #666;
}

.loggedinbox
{
	width: 200px;
	height: 26px;
	float: right;
	border: none;
	background-color: #CCC;
	font-size: 12px;
}

.t1
{
	background: #8b2517 url(images/bg-username.png) top left no-repeat; 
}

.t2
{
	background: #8b2517 url(images/bg-password.png) top left no-repeat; 
}


.loghead
{
	text-align: left;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}


.logtext
{
	text-align: left;
	color: #FFF;
	font-size: 14px;
}

.rightborder
{
	border-right: 1px solid #FFF;
	
}


.social
{
width: 690px;
height: 30px;
float: left;
text-align: right;
color: #FFFFFF;
padding-right: 15px;
z-index: 2;
}

.socialbutts1
{
width: 25px;
height: 20px;
float: right;
overflow: hidden;
z-index: 2;
}

.socialbutts2
{
width: 60px;
height: 20px;
float: right;
overflow: hidden;
padding-left: 10px;
z-index: 2;
}

.socialbutts3
{
width: 100px;
height: 20px;
float: right;
overflow: hidden;
z-index: 2;
}

/* ----------------- HOME --------------- */




.clear
{
	clear: both;
}

.body, .body_bg {
	 width:100%;  z-index:85;max-width:2480px; left:0; top:0;
	min-width: 1024px;
	overflow:hidden;
	
	/* Set up proportionate scaling */
	width: 100%;
	
	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
	
	
/*-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

.boxes
{
width: 958px;
height: 44px;
float: left;
background: url(images/bg-book3.png) top left no-repeat;
display: none;
font-size: 25px;
color: #FFFFFF;
padding: 0;
margin: 0;
overflow: hidden;
line-height: 40px;
text-align: center;
}

.boxes a
{
	color: #FFF;
	text-decoration: none;
	padding-left: 25px;
}

.boxes img
{
vertical-align: top;
margin: 0;
padding: 0;
}


.abs
{
	float: left;
}

.lightgrey
{
color: #b5b4b4;
font-size: 25px;	
}

#homestrap
{
	width: 956px;
	height: 105px;
	float: left;
	background:url(images/bg-homestrap.png) top left no-repeat;
	padding-top: 30px;
	
}

#homestrap img
{
	float: right;
}

#homeshows
{
width: 958px;
height: auto;
float: left;
padding: 10px 0 25px 0;
}

.homeban
{
	width: 958px;
	height: 160px;
	float: left;
	padding: 20px 0 0 0;
}

.homebanner_1
{
width: 306px;
height: 144px;
float: left;
}

.homebanner_2
{
width: 306px;
height: 144px;
float: left;
padding-left: 20px;
}

.homebanner_3
{
width: 306px;
height: 144px;
float: right;
}



.imgborder
{
border: 1px solid #ccc;
}

#banner_followus
{
width: 958px;
height: 38px;
float: left;
background:  url(images/bg-twitterback.png) top right no-repeat;
overflow: hidden;
padding: 0 0 20px 0;
}

.joinbutt
{
	width: 323px;
	height: 38px;
	float: right;
}

.banner_fb
{
width: 134px;
height: 25px;
float: right;
background: url(images/socials/facebook-long.jpg) top left no-repeat;
padding: 5px 0 0 170px;
}

.banner_twit
{
width: 184px;
height: 24px;
float: right;
background: url(images/socials/twitter-long.jpg) top left no-repeat;
padding: 3px 0 0 120px;
}

/* ------- CALENDAR ---------- */

.calbox
{
	width: 295px;
	height: 275px;
	float: right;
	background-color: #ffffff;
	border: 1px solid #ccc;
	padding: 10px 5px 5px 5px;
	
}

.calendarHeader
{
	color: #666;
	
}

.columetwo
{
	color: #f81e1e;
	height: 25px;
	line-height: 24px;
	
}

.columetwo a
{
	color: #451913;
	display: block;
	width: 25px;
	height: 25px;
	background-color: #b3d8dd;
	text-decoration: none;
}

.columethree
{
	color: #f81e1e;
	height: 25px;
	line-height: 24px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	font-size: 14px;
	padding-left: 5px;
}

.columethree a
{
	color: #f81e1e;
	text-decoration: none;
	
}



.calendar
{
width: 298px;
height: auto;
float: left;
padding: 0;
font-size: 12px;
}

.calendar input
{
width:17px;
height:17px;
float:left;
margin: 0px 0px 0px 0px;
}

.calendar
{
text-align:center;
}

.calrow
{
width: 304px;
height: auto;
float: left;
}


/* ------- WEEKLY PLANNER ---------- */

#weeeklyplanner
{
width: 645px;
height: auto;
float: left;
padding: 0 0 0 0;
}

.weeklyshows
{
width: 604px;
height: 341px;
float: left;
background: url(images/bg-planner-left.jpg) top left no-repeat;
padding: 5px;
}

.weeklyshows img
{
margin:0 0 5px 0;
padding: 0;
float: left;
}

.weeklybox
{
	width: 197px;
	height: 175px;
	float: left;
	color: #999999;
	word-spacing: 2px;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	margin: 0 9px 0 9px;
}

.sub
{
	margin-right: 16px;
	
}
.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}



.weeklyimage
{
	width: 230px;
	height: 144px;
}

.weeklytext
{
	width: 230px;
	height: 30px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.weeklyblockleft
{
	width: 280px;
	height: 366px;
	float: left;
	padding: 10px;
	border: 1px solid #b7b8b8; 
	
}

.weeklyblock
{
	width: 317px;
	height: auto;
	float: right;
	padding: 10px;
	border: 1px solid #b7b8b8;	
}

.weeklyplan-grey
{
width: 297px;
height: 286px;
float: right;
font-size: 14px;
background: url(images/bg-tvplanner3.jpg) top left no-repeat;
padding: 80px 10px 0 10px;
}


.weeklyplan
{
width: 297px;
height: 291px;
float: right;
font-size: 14px;
background: url(images/bg-tvplanner2.jpg) top left no-repeat;
padding: 60px 10px 0 10px;
}

.weeklyplan a
{
color: #000000;
text-decoration: none;
}

.weekbutton
{
width: 134px;
height: 25px;
float: left;
}

.weekbutton_n
{
width: 120px;
height: 25px;
float: right;
}

.weeklygrad
{
	width: 285px;
	height: 30px;
	float: left;
	color: #4a4949;
	text-align: center;
	font-size: 10px;
	line-height: 28px;
	padding: 5px;
}

.weeklygrad a
{
	color: #4a4949;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.grad
{
	background: url(images/bg-weekly.png) top center no-repeat;	
}

.dayboxholder
{
	width: 317px;
	height: 50px;
	float: left;
	padding: 0;
}

.arrow
{
	width: 14px;
	height: 31px;
	float: left;
	
}

.daybox
{
width: 38px;
height: 44px;
float: left;
text-align: center;
margin: 0;
padding: 0;
line-height: 30px;
background: url(images/bg-plangrad.png) top left repeat-x;
}

.daybox_active
{
width: 37px;
height: 36px;
float: left;
background: url(images/bg-active.png) top left no-repeat;
text-align: center;
margin: 0;
padding: 0;
line-height: 30px;
}


.daybox a
{
text-decoration: none;
color: #000000;
}

.daybox_active a
{
text-decoration: none;
color: #000000;
}

.weeklydate
{
	width: 317px;
	height: 20px;
	float: left;
	text-align: center;
	line-height: 18px;
	color: #fe0303;
}

.whiteblock
{
width: 958px;
height: 130px;
float: left;
background: url(images/bg-chann2.png) top center no-repeat;
margin: 30px 0 50px 0; 
}


.bottomblock
{
width: 958px;
height: auto;
float: left;
background: url(images/bg-gradient2.jpg) top center no-repeat;
margin: 0;
padding: 50px 0 0 0;
}


.bottomleft
{
width: 666px;
height: auto;
float: left;
padding: 0 0 0 0;
}

.bottomright
{
width: 325px;
height: auto;
float: right;
padding: 0 0 0 0;
}

.socialblock
{
width: 564px;
height: 331px;
float: left;
margin: 0 0 15px 0;
background: url(images/bg-getsocial.jpg) top left no-repeat;
padding: 60px 24px 0 24px;
}

.social_fb
{
width: 290px;
height: 300px;
float: left;
background-color: #FFF;
}

.social_twit
{
width: 223px;
height: 223px;
float: right;
padding: 20px 17px 0 0;
}

.social_faq
{
width: 666px;
height: 298px;
float: left;
background-color: #bab9b9;
line-height: 25px;
border: 1px solid #d8b9b9;
margin-top: 20px;
}

.faqbox
{
width: 600px;
height: 30px;
float: left;
background:  url(images/bg-arrow.jpg) center left no-repeat;
padding-left: 20px;
line-height: 30px;
font-size: 12px;
margin-left: 15px;
}

.faqbox a
{
text-decoration: none;
color: #000000;
font-weight: bold;
}

.faqbox a:hover
{
color: #a30200;
}

.faqlinks
{
width: 604px;
height: 228px;
float: left;
padding: 5px;
}

.faqsearchbox
{
width: 450px;
height: 19px;
margin-right: 5px;
float: left;
}

.faqtext
{
	width: 150px;
	height: 20px;
	float: left;
	line-height: §8px;
	font-size: 18px;
	color: #FFF; 
}


.faqsearch
{
width: 656px;
height: 30px;
float: left;
background-color: #817c7c;
padding: 15px 0 15px 10px;
}

.homebanner_fb
{
width: 152px;
height: 24px;
float: right;
background: #0C0 url(images/socials/facebook-long.jpg) top right no-repeat;
padding: 5px 0 0 170px;
border: 1px solid #343434;
}

.homebanner_twit
{
width: 152px;
height: 26px;
float: right;
background: url(images/socials/twitter-long.jpg) top left no-repeat;
padding: 3px 0 0 170px;
border: 1px solid #b9baba;
}

.holder-300
{
	width: 300px;
	height: auto;
	float: left;
	padding-bottom: 15px;
}

.holder-325
{
	width: 325px;
	height: auto;
	float: left;
	padding-bottom: 15px;
}

.holder-dark
{
	width: 300px;
	height: auto;
	float: left;
	padding: 12px;
	background-color: #c8c6c6; 
}

.margbottom
{
	margin-bottom: 10px;
	
}

/* ----------------- FOOTER --------------- */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -390px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 390px; /* .push must be the same height as .footer */
}


#footer
{
width: 100%;
height: 390px;
position: relative;
float: left;
bottom: 0;
left: 0;
background: #FFF;
z-index: 999;
}

#footercontainer
{
width: 958px;
height: 166px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
background: url(images/bg-otherhelpfullinks2.jpg) top left no-repeat;
}

#footercontainer a:hover
{
color: #717171;
}

.footerlinks
{
width: 210px;
height: 155px;
float: left;
font-size: 14px;
text-align: left;
padding: 40px 0 0 3px;
line-height: 25px;
color: #717171;
}

.footerlinks a
{
color: #717171;
text-decoration: none;
word-spacing: 2px;
font-size: 14px;
}

.banner
{
	width: 310px;
	height: auto;
	float: right;
	background: url(images/bg-follow-footer.jpg) top left no-repeat;
	padding-top: 55px;
}



.footerfoot
{
width: 808px;
height: 23px;
float: left;
font-size: 11px;
line-height: 15px;
word-spacing: 0;
color: #717171;
background: url(images/logo-footer.png) top left no-repeat;
text-align: left;
padding: 80px 0 0 0;
margin-top: 20px;
}

.footerfoot a
{
	text-decoration: underline;
	font-size: 11px;
	color: #000000;
	
}

/* ----------------- TICKER --------------- */

#ticker {
height: 35px;
overflow-y: hidden;
position: relative;
}
#ticker ul.tweet_list {
position: absolute;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#ticker ul.tweet_list li {
height: 35px;
}

/*----------------------- SCROLLER ------------- */

#scrollerholder
{
	width: 958px;
	height: 340px;
	float: left;
	overflow: hidden;
	padding-top: 10px;
}

#scroller
{
width: 958px;
height: 316px;
position:absolute;
z-index: 2;
}

#scroller img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#scroller a {
	border:0;
	display:block;
}

.nivo-controlNav {

position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows2.png) no-repeat;
	text-indent:-9999px;
	border:0;
	position: absolute;
	top: 260px;
	filter:alpha(opacity=0); /* For IE8 and earlier */

}

.nivo-directionNav a:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */

}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* ---------------- REGISTERFORM -------------- */

#blanket {
  
}

#feedbackform {
	position:absolute;
	top: 20px;
	left:37%;
	width:265px;
	height:auto;
	margin-top: 150px;
	padding: 20px 20px 20px 20px;
	z-index: 9002; 
	background:#FFFFFF url(images/bg-registernow.jpg) 20px 20px no-repeat; -webkit-border-radius:6px; -moz-border-radius: 6px;
}

/*#feedbackform span { width:22px !important; height:22px !important; margin: -70px 0px 0px -30px; background:url(images/close-feedback.png) no-repeat top left; display:block; position:absolute; } */

/* Advanced Search */
#feedbackform label { width:265px; height:auto; margin: 0px 0px 5px 0px; float:left; font-size:14px; }
#feedbackform .drop-down { width:265px; height:auto; margin: 0px 0px 10px 0px; float:left; }
#feedbackform .feild-box { width:255px; height:auto; margin: 0px 0px 10px 0px; padding:5px; float:left; background:#E5E5E5; border:#C7C7C7 solid 1px; color:#333333; -webkit-border-radius:2px; -moz-border-radius: 2px; }
#feedbackform .smalldrop-down { width:80px; height:auto; margin: 0px 5px 10px 0px; float:left; }

#feedbackform a { color:#000000; font-size:10px; }  

#feedbackform p
{
color: #000000;
font-size: 12px;
margin: 0;
padding:0;
}

#regcheckform {
	width:600px;
	height:auto;
	padding: 10px 15px 20px 15px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	background-color: #FFF;
}
#regcheckform a { color:#000000; font-size:14px; }  

/* Advanced Search */
#regcheckform label { width:600px; height:auto; margin: 0px 0px 5px 0px; float:left; font-size:14px; }
#regcheckform .drop-down { width:265px; height:auto; margin: 0px 0px 10px 0px; float:left; }
#regcheckform .feild-box { width:255px; height:auto; margin: 0px 0px 10px 0px; padding:5px; float:left; background:#E5E5E5; border:#C7C7C7 solid 1px; color:#333333; -webkit-border-radius:2px; -moz-border-radius: 2px; }
#regcheckform .smalldrop-down { width:80px; height:auto; margin: 0px 5px 10px 0px; float:left; }

.pastbox
{
	width: 139px;
	height: 100px;
	float: left;
	overflow: hidden;
	margin: 5px;
}



/* ----------------- BASKET ---------- */

/*    NEW BASKET */

#basketheader
{
	width: 990px;
	height: 101px;
	float: left;
	background: url(images/basket/bg-basket.jpg) top left no-repeat;
}

#basketbott
{
width: 980px;
height: 100px;
float: left;
border-top: 1px solid #eeeeee;
text-align: center;
font-size: 10px;
line-height: 80px;
margin-top: 20px;
}

#basketbott a
{
color: #333333;
}

#basketsteps
{
	width: 850px;
	height: 132px;
	float: left;
	padding: 20px 0 20px 100px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
	background-color: #FFF;
}

#basketsteps img
{
	margin: 0;
	padding: 0;
	float: left;	
}


.basketname
{
	font-size: 14px;
	font-weight: bold;
	padding: 30px 90px 0 0;
}

.basketname a
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.partno
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	
}

.basketqty
{
	width: 76px;
	height: 38px;
	font-size: 16px;
	background-color: #ededed;
	border: 1px solid #cecece;
	
}

.basketprice
{
	font-size: 26px;
	font-weight: bold;
	padding: 30px 0 0 0;
}

.basketborder
{
	border-bottom: 1px solid #eeeeee;
	
}

.basketdelivery
{
	width: 460px;
	height: 38px;
	font-size: 14px;
	background-color: #ededed;
	border: 1px solid #cecece;
	
}

.basketsubtotal
{
	font-size: 14px;
}

/*    NEW CHECKOUT */

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.checkoutnew
{
	width: 430px;
	height: auto;
	border: 1px solid #cecece;
	margin: 10px 10px 0 10px;
	padding: 30px 10px 10px 10px;
	
}

.checkoutitle
{

	width: 130px;
	height: 38px;
	font-size: 14px;
	background-color: #ededed;
	border: 1px solid #cecece;
	margin: 10px 0 5px 0;	
	
}

.chkhalftextbox
{
	width: 180px;
	height: 38px;
	float: left;
	font-size: 14px;
	background-color: #ededed;
	border: 1px solid #cecece;
	margin: 5px 10px 5px 0;
	line-height: 35px;
	padding-left: 10px;
}

.chkfulltextbox
{
	width: 395px;
	height: 38px;
	float: left;
	font-size: 14px;
	background-color: #ededed;
	border: 1px solid #cecece;
	margin: 5px 10px 5px 0;	
	line-height: 35px;
	padding-left: 10px;
}

.chktarea
{
	width: 415px;
	height: 100px;
	float: left;
	font-size: 14px;
	background-color: #ededed;
	border: 1px solid #cecece;
	margin: 5px 10px 5px 0;	
}

.clear
{
	clear: both;
}

.chkbasketbox
{
	width: 430px;
	height: auto;
	float: left;
	margin: 10px 0 0 20px;
	
}

.chkconfbox
{
	width: 430px;
	height: auto;
	float: right;
	margin: 10px 15px 0 15px;
	
}

.confbox
{
	width: 300px;
	height: 300px;
	float: left;
	margin: 0 5px 0 5px;
}

.reqfield
{
	color: #F00;
	float: left;
}

.confboxend
{
	width: 810px;
	height: auto;
	float: left;
	padding: 0 75px 0 75px;
	
}

.red18
{
	color: #f6050b;
	font-size: 18px;
}

.red26
{
	color: #f6050b;
	font-size: 48px;	
}

/* ----------------- CHECKOUT --------------- */
.checkhalf
{
	width: 450px;
	height: 600px;
	float: left;
	background-color: #FFF;
	margin: 10px 0 0 5px;
	padding: 10px;
}

.checkhead
{
width: 440px;
height: 25px;
float: left;
background-color: #333333;
font-size: 14px;
padding-left: 10px;
color: #FFFFCC;
line-height: 22px;
}

.checktextboxhalf
{
	width: 200px;
	height: 20px;
	float: left;
	
}

.checktextboxfull
{
	width: 430px;
	height: 20px;
	float: left;
	
}

.strike
{
	text-decoration: line-through;
	color: #F00;
}


.scrollerleft
{
	width: 632px;
	height: 314px;
	float: left;
	border: 1px solid #979595;
}

#scrollernew
{
width: 632px;
height: 316px;
position:absolute;
z-index: 2;
}

#scrollernew img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#scrollernew a {
	border:0;
	display:block;
}

#scrollerright
{
	width: 304px;
	height: 314px;
	float: right;
	border: 1px solid #979595;
}

/* ----------------- NAV --------------- */

#nav
{
width: 956px;
height: 32px;
float: left;
background: url(images/bg-navpng.png) top left no-repeat;
text-align: center;
line-height: 33px;
font-family: 'Metrophobic', sans-serif;
font-size: 14px;
letter-spacing: 0px;
}


#nav a
{
color: #000000;
text-decoration: none;
margin: 0 40px 0 40px;
}

#nav a:hover
{
color: #ffffff;
}

/* ----------------- SHOPNAV --------------- */

#shopnav
{
width: 956px;
height: 32px;
float: left;
background: url(images/bg-navpng.png) top left no-repeat;
line-height: 33px;
font-family: 'Metrophobic', sans-serif;
font-size: 14px;
letter-spacing: 0px;
}



.main-nav{
height: 32px; 
float:left;
margin: 0;
padding: 0;
}

.main-nav li{ display:block; float:left;  font: 14px 'Metrophobic', Arial, Helvetica, sans-serif; height:32px; line-height:32px; list-style:none; }
.main-nav li:last-child{background:none;}
.main-nav li a{color:#000000; display:inline-block;  padding:0 25px 0 25px; text-decoration:none;}
.main-nav li a:hover{color:#ffffff; text-decoration:underline; background-color: #000000;; text-decoration:none;}
.main-nav li a:focus{
	color:#88b122;
}
.main-nav li.active a{
	color:#f6de17;
}

.main-nav li:hover {position:relative; z-index:200;}
.main-nav li:hover ul{left:0; top:32px; background:#fff; padding:0px !important; white-space:nowrap; width:250px; height:auto;  z-index:300; text-align:left;}
.main-nav li:hover ul li{display:block;  position:relative; float:left; width:250px; font-weight:normal; padding:0px !important; margin-left:0px !important; height:auto; margin-bottom:0px !important; z-index:280; border-bottom: 1px dotted #ced4d6; background:#000000;}
.main-nav li:hover ul li a{display:block; color: #ffffff; font:14px Arial, Helvetica, sans-serif; font-weight:normal; text-indent:5px; text-decoration:none; border:0px solid #c4c4c4;  margin:0px !important;  width:240px; padding:8px 4px; z-index:300;}

.main-nav li:hover ul li:hover a,
.main-nav li:hover ul li a:hover{background: #7f7f7f; color:#fff; border-color:#fff; text-shadow:none; }
.main-nav ul li ul li:hover a:hover{background:#43b2d4; color:#fff; border-color:#fff; text-shadow:none; }
.main-nav li:hover li:hover ul,
.main-nav li:hover li:hover li:hover ul,
.main-nav li:hover li:hover li:hover li:hover ul,
.main-nav li:hover li:hover li:hover li:hover li:hover ul{left:140px; top:0px; background:#fff; padding:0px; border:0px solid  #c4c4c4; white-space:nowrap; width:140px; z-index:400; height:auto; }

.main-nav ul, 
.main-nav li:hover ul ul,
.main-nav li:hover li:hover ul ul,
.main-nav li:hover li:hover li:hover ul ul,
.main-nav li:hover li:hover li:hover li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
.hidden {display:none;}


.button{background-color:#2b91af;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none}.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}.button:hover{background-color:#1e1e1e}.button>span{font-size:84%}.button.b-close,.button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;padding:0 6px 2px;position:absolute;right:-7px;top:-7px}.example{display:block;line-height:1.25;padding:30px 110px 15px 0}.code-undefined{color:#617a61}.code-string{color:#fa8072}.code-function{color:#ffa54f}.code-int{color:#2b91af}.code-comment{color:#7ccd60}::-moz-selection{background-color:#2b91af;color:#fff;text-shadow:none}::selection{background-color:#2b91af;color:#fff;text-shadow:none}#page h1+.button{position:absolute;top:20px;right:25px}#share{position:absolute;right:18px;top:85px;width:205px}#share>div{display:inline-block}#page li{position:relative}#page ul+a{display:block;font-size:180%;margin:25px 0;text-align:center;text-decoration:none}.header{margin:30px 0 0;background-color:#000;padding:12px 20px 10px;border-radius:20px 0 0 0;width:100%;left:-40px;position:relative}.note{color:#c0c0c0;font-size:80%}#popup,#popup2,.bMulti{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:450px;padding:25px}#popup .logo{color:#2b91af;font:bold 325% 'Petrona',sans}#popup,.bMulti{min-height:250px}#popup2 iframe{background:url('loader.gif') center center no-repeat;min-height:240px;min-width:450px}.loading{background:url('loading.gif') center center no-repeat}.bMulti p{font:500% 'Petrona',sans-serif;padding:45px 0 0;text-align:center}.bMulti a{left:175px;position:absolute;top:105px}.lt-ie9 .bModal{background-color:#000}.github{background:url('images/github.png') 0 0 no-repeat;height:149px;width:149px;opacity:.6;position:fixed;right:0;top:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}.github:hover{opacity:1}

#element_to_pop_up
{
  width: 585px;
  height: auto;
  background-color: #000000;
  display: none;
  padding: 10px;  
}

.contenta
{
  width: 585px;
  height: auto;
  float: left;
  background: #FFF;
}

.contentb
{
  width: 500px;
  height: auto;
  float: left;
}

.b-iframe
{
  width: 585px;
  height: auto;
  float: left;
}

.revtab
{
	font-size: 14px;
	margin-left: 20px;
}

.smallitals
{
	font-size: 12px;
	font-style: italic;
}

#snapchat
{
	width: 956px;
	height: 570px;
	float: left;
	background: url(images/snapchat.jpg) center bottom no-repeat;
	margin-bottom: 50px;
	
}

#banner_strapline
{
width: 958px;
height: 38px;
float: left;
background:  url(images/NEW-STRAPLINE-BOX.jpg) top right no-repeat;
overflow: hidden;
padding: 0 0 20px 0;
margin: 5px 0 0 0;
}

.hid
{
display:none;
}

.shopbutt
{
	width: 160px;
	height: 36px;
	background: url(images/shop/button-addtobasket.png) top left no-repeat;
	border: none;
}