@charset "utf-8";
/**
 * 
 *  browser reset.*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;white-space:normal;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{height:13px;width:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure,form{margin:0;}p,pre,dl,menu,ol,ul{margin:1em 0;}
html{padding:0px; margin:0px}
body{background:url(../images/background.jpg) #00002B top left no-repeat;
	/*font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:16px;*/
	color:#ffffff;}


h5{font-size:10px;color:#fff; font-weight: 500; }
.page-headline{margin-bottom:22px; font-family: "museo-sans",sans-serif;font-size:24px; font-style: normal;font-weight: 700;text-align:center;color:#FFCD0A;}
.page-headline-name{margin-bottom:22px; font-family: "museo-sans",sans-serif;font-style: normal;font-weight: 700;text-align:left;color:#FFCD0A;}
.page-headline-white{font-family: "museo-sans",sans-serif;font-style: normal;font-weight: 700;text-align:left;color:#FFFFFF;}
.news-headline{margin-bottom:22px; font-family: "museo-sans",sans-serif;font-size:20px; font-style: normal;font-weight: 700;text-align:center;color:#FFCD0A;}
.sub-heading, .sub-heading-center{margin-bottom:5px; font-family: "museo-sans",sans-serif;font-style: normal;font-weight: 700;text-align:left;color:#FFCD0A;}
.sub-heading-center{text-align:center;}
.content-container a:link, .content-container-full-width a:link {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 700; font-size:16px; color:#FFCD0A; text-decoration:none}
.content-container a:visited, .content-container-full-width a:visited  {color:#FFCD0A; text-decoration:none} 
.content-container a:hover, .content-container-full-width a:hover  {color:#FFFFFF; text-decoration:none} 
.content-container a:active, .content-container-full-width a:active  {color:#FFCD0A; text-decoration:none} 

.clearfix:before,
.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}

.header{
	width:960px; 
	height:220px;
	margin:0 auto;  
	margin-top:20px;
	position:relative;
	border:1px solid transparent
}

.TT{width:271px; height:208px; background:url(../images/ChocolateTT.png); z-index:100; position:absolute;}

.online-tickets a{
	background:url(../images/header_book_buttons.png) no-repeat -12px -9px;
	width:186px;
	height:130px;
	float:right;
	margin-right:20px;
	z-index:100; position:relative;
}

.online-tickets a:hover {
    border: none;
    background:url(../images/header_book_buttons.png) no-repeat -12px -139px;
	width:186px;
	height:130px;
	float:right;
	z-index:100; position:relative;
}

.phone-tickets{
	background:url(../images/header_book_buttons.png) no-repeat -222px -9px;
	width:186px;
	height:130px;
	float:right;
	margin: 0 150px 0 0;
}

.theatre-info{
	background:url(../images/header_theatre_info.png) no-repeat;
    float: right;
    height: 45px;
    margin: 20px 20px 0 0;
    width: 445px;
}

.home-promo{width:320px; float:right;}

.main-menu{width:768px; height:28px; margin-top:75px; margin-left:210px; position:absolute; z-index:100;}
.main-container{width:960px; margin:0 auto; margin-top:10px;}
.content-container{width:580px; border:2px solid #fff; float:right; margin-top:20px; margin-right:20px; text-align:left; padding:20px;z-index:100; position:relative;}
.content-container-full-width{width:895px; border:2px solid #fff; margin-top:20px; margin-right:20px; text-align:left; padding:20px;z-index:100; position:relative;}
.main-container-home{width:960px; height:350px; margin:0 auto; margin-top:10px;}
/**
 *
 *	Main Menu Buttons
 * 
 */	

/*-- about button --*/
#about, #tickets, #planYourVisit, #gallery, #education, #shop {
	width: 85px;
	height: 28px;
	text-indent:-9999px; 
	display:inline;
}
	
#about a, #tickets a, #planYourVisit a, #gallery a, #education a, #shop a {
	margin:0;
  	padding:0;
  	width: 85px;
	height: 28px;
  	background:url(../images/main_menu.png) no-repeat -85px 0px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
}

#about a:hover {background-position: -85px -40px;}

#aboutSelected, #ticketsSelected, #planYourVisitSelected, #gallerySelected, #educationSelected, #shopSelected {
	margin:0;
  	padding:0;
  	width: 85px;
	height: 28px;
  	background:url(../images/main_menu.png) no-repeat -85px -40px;
	float:left;
  	text-indent:-9999px;
  	display:inline;
}
/*-- tickets button --*/

#tickets a {width:106px; background-position:-170px 0px;}
#tickets a:hover {background-position:-170px -40px;}
#ticketsSelected{width:106px; background-position:-170px -40px;}

/*-- plan your journey button --*/

#planYourVisit a {width:204px; background-position:-276px 0px;}
#planYourVisit a:hover {background-position:-276px -40px;}
#planYourVisitSelected{width:204px; background-position:-276px -40px;}

/*-- gallery button --*/

#gallery a {width:112px; background-position:-480px 0px;}
#gallery a:hover {background-position:-480px -40px;}
#gallerySelected{width:112px; background-position:-480px -40px;}

/*-- education button --*/

#education a {width:148px; background-position:-592px 0px;}
#education a:hover {background-position:-592px -40px;}
#educationSelected{width:148px; background-position:-592px -40px;}

/*-- shop button --*/

#shop a {width:73px; background-position:-740px 0px;}
#shop a:hover {background-position:-740px -40px;}
#shopSelected{width:73px; background-position:-740px -40px;}


/*-- home tv --*/
.complete-tv{height:480px; width:960px; margin:20px auto; position:relative;}
.tv-container{position:absolute; top:0; left:0; width:638px; height:480px; overflow:hidden;}
.tv-contents{position:absolute; top:70px; left:50px; z-index:10; width:500px; height:380px; overflow:hidden; margin-left:50px; z-index:50;width:400px;}
#video{width:800px; height:380px;}
#tv-background{width:538px; height:380px; position:relative; top:50px; left:50px; background-color:#000;}
.tv-shell{position:absolute; top:0; left:0; z-index:12; width:638px; height:480px; background:url(../images/tv-shell-1.png) no-repeat; overflow:hidden}
.tv-buttons{width:40px; height:auto; position:absolute; top:65px; right:28px; z-index:14;}
.internal, .external{width:40px; height:40px; border:none; cursor:pointer; color:white;}

/** Sub Menu Buttons **/

#sub-nav {width:300px; height:500px;margin-top:20px; position:absolute; z-index:20}

/** about section **/

/** partners **/
.partners-logos-top{width:415px; margin:0 auto;}
.partners-logos-bottom{width:365px; margin:0 auto; margin-top:20px}
.partners-logos{display:inline; margin-right:20px}
.partners-logos-last{display:inline;}

/** cast & creative **/
.cast-creative-img{float:left; margin-right:30px; border:2px solid #FFF; width:150px; height:200px}


#about-sub-nav-about, #about-sub-nav-synopsis, #about-sub-nav-castcreative, #about-sub-nav-news, #about-sub-nav-partners, #about-sub-nav-auditions{
	width: 300px;
	height: 49px;
	text-indent:-9999px; 
	display:inline;
}
	
#about-sub-nav-about a, #about-sub-nav-synopsis a, #about-sub-nav-castcreative a, #about-sub-nav-news a, #about-sub-nav-partners a, #about-sub-nav-auditions a {
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_about.png) no-repeat 0px 0px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

#about-sub-nav-about a:hover {background-position: -310px 0px;}

#about-sub-nav-aboutSelected, #about-sub-nav-synopsisSelected, #about-sub-nav-castcreativeSelected, #about-sub-nav-newsSelected, #about-sub-nav-partnersSelected, #about-sub-nav-auditionsSelected{
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_about.png) no-repeat -310px 0px;;
	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

.cast-creative-no-link{font-family: "museo",sans-serif; font-style: normal; font-weight: 700; font-size:16px; color:#ffcd0a; text-decoration:none}


/** synopsis **/
	
#about-sub-nav-synopsis a {background-position:0px -50px;}
#about-sub-nav-synopsis a:hover {background-position: -310px -50px;}
#about-sub-nav-synopsisSelected{background-position: -310px -50px;;}

/** cast & creative **/

#about-sub-nav-castcreative a {background-position: 0px -100px;}
#about-sub-nav-castcreative a:hover {background-position: -310px -100px;}
#about-sub-nav-castcreativeSelected{background-position: -310px -100px;;}

/** news **/

#about-sub-nav-news a {background-position: 0px -150px;}
#about-sub-nav-news a:hover {background-position: -310px -150px;}
#about-sub-nav-newsSelected{background-position: -310px -150px;;}

/** partners **/

#about-sub-nav-partners a {background-position: 0px -200px;}
#about-sub-nav-partners a:hover {background-position: -310px -200px;}
#about-sub-nav-partnersSelected{background-position: -310px -200px;}

/** auditions **/

#about-sub-nav-auditions a {background-position: 0px -250px;}
#about-sub-nav-auditions a:hover {background-position: -310px -250px;}
#about-sub-nav-auditionsSelected{background-position: -310px -250px;}

/********************/

/********************/
/* tickets section */
#tickets-sub-nav-book, #tickets-sub-nav-times, #tickets-sub-nav-groups, #tickets-sub-nav-schools{
	width: 300px;
	height: 49px;
	text-indent:-9999px; 
	display:inline;
}
	
#tickets-sub-nav-book a, #tickets-sub-nav-times a, #tickets-sub-nav-groups a, #tickets-sub-nav-schools a {
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_tickets.png) no-repeat 0px 0px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

#tickets-sub-nav-book a:hover {background-position: -310px 0px;}

#tickets-sub-nav-bookSelected, #tickets-sub-nav-timesSelected, #tickets-sub-nav-groupsSelected, #tickets-sub-nav-schoolsSelected{
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_tickets.png) no-repeat -310px 0px;;
	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

#tickets-sub-nav-times a {background-position:0px -50px;}
#tickets-sub-nav-times a:hover {background-position: -310px -50px;}
#tickets-sub-nav-timesSelected{background-position:-310px -50px;}

#tickets-sub-nav-groups a {background-position:0px -100px;}
#tickets-sub-nav-groups a:hover {background-position: -310px -100px;}
#tickets-sub-nav-groupsSelected{background-position:-310px -100px;}

#tickets-sub-nav-schools a {background-position:0px -150px;}
#tickets-sub-nav-schools a:hover {background-position: -310px -150px;}
#tickets-sub-nav-schoolsSelected{background-position:-310px -150px;}

.book-tickets-online{
	width: 213px;
	height: 149px;
	margin:0 auto;
}
.book-tickets-online a{
	margin:0;
  	padding:0;
  	width: 213px;
	height: 149px;
  	background:url(../images/book_buttons.png) no-repeat 0px 0px;
	float:left;
  	text-indent:-9999px;
  	display:inline;
}
.book-tickets-online a:hover{
	margin:0;
  	padding:0;
  	width: 213px;
	height: 149px;
  	background:url(../images/book_buttons.png) no-repeat 0px -149px;
	float:left;
  	text-indent:-9999px;
  	display:inline;
}
.book-tickets-phone {
	margin:0 auto;
  	padding:0;
  	width: 213px;
	height: 149px;
  	background:url(../images/book_buttons.png) no-repeat -213px 0px;
}

.book-tickets-online-groups{
	width: 213px;
	height: 149px;
	margin:0 auto;
}
.book-tickets-online-groups a{
	margin:0;
  	padding:0;
  	width: 213px;
	height: 149px;
  	background:url(../images/book_buttons.png) no-repeat 0px 0px;
	float:left;
  	text-indent:-9999px;
  	display:inline;
}
.book-tickets-online-groups a:hover{
	margin:0;
  	padding:0;
  	width: 213px;
	height: 149px;
  	background:url(../images/book_buttons.png) no-repeat 0px -149px;
	float:left;
  	text-indent:-9999px;
  	display:inline;
}

/********************/
/* plan your visit section */

#plan-sub-nav-plan{
	width: 300px;
	height: 49px;
	text-indent:-9999px; 
	display:inline;
}
	
#plan-sub-nav-plan a {
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_plan.png) no-repeat 0px 0px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

#plan-sub-nav-plan a:hover {background-position: -310px 0px;}

#plan-sub-nav-planSelected{
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_plan.png) no-repeat -310px 0px;;
	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}


/********************/
/* education section */

#education-sub-nav-education, #education-sub-nav-competition{
	width: 300px;
	height: 49px;
	text-indent:-9999px; 
	display:inline;
}
	
#education-sub-nav-education a, #education-sub-nav-competition a {
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_education.png) no-repeat 0px 0px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

#education-sub-nav-education a:hover, #education-sub-nav-competition a:hover {background-position: -310px 0px;}

#education-sub-nav-educationSelected, #education-sub-nav-competitionSelected{
	margin:0;
  	padding:0;
  	width: 300px;
	height: 49px;
  	background:url(../images/sub_nav_buttons_education.png) no-repeat -310px 0px;;
	float:left;
  	text-indent:-9999px;
  	display:inline;
	margin-bottom:8px
}

#education-sub-nav-competition a{background-position:0px -50px;}
#education-sub-nav-competition a:hover{background-position:-310px -50px;}
#education-sub-nav-competitionSelected{background-position:-310px -50px;}

.education-puffin-penguin{float:right; background:url(../images/puffin-penguin.png); width:69px; height:48px}

.education-booking-panel{width:275px; height:auto; border:2px solid #fff; margin-top:140px; padding:10px; text-align:center}

.educationSeeLogo {
	width:250px;
	height:58px;
	background:#FFF;
	border:2px solid #FFCD0A;
	border-radius:10px;
	margin:auto;
	cursor:pointer;
}

.inspire-p2s-resource{width:515px; height:80px; margin:0 auto; margin-bottom:30px;}
.inspire-p2s-resource a {
	margin:0;
  	padding:0;
  	width: 515px;
	height: 90px;
  	background:url(../images/education_buttons.png) no-repeat -3px -165px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
}
	
.inspire-p2s-resource a:hover{width:515px; background:url(../images/education_buttons.png) no-repeat -3px -255px}

/*-- competition --*/


.competition-roald-dahl{width:550px; margin-bottom:10px; margin-left:20px; height:80px;}
.competition-roald-dahl-logo-rdd{width:75px;float:left; margin-right:80px}
.competition-roald-dahl-text-rdd{width:375px; float:left; margin-top:10px}
.competition-roald-dahl-logo-pvl{width:129px;float:left; margin-right:25px}
.competition-roald-dahl-text-pvl{width:390px; float:left; margin-top:10px}

.download-p2s-resource{width:320px; height:80px; margin:0 auto; margin-bottom:30px;}
.download-p2s-resource a {
	margin:0;
  	padding:0;
  	width: 320px;
	height: 80px;
  	background:url(../images/education_buttons.png) no-repeat 0px 0px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;
}
	
.download-p2s-resource a:hover{width:320px; background:url(../images/education_buttons.png) no-repeat -320px 0px}

.enter-comp{width:320px; height:80px; margin:0 auto; margin-bottom:20px;}
.enter-comp a {
	margin:0;
  	padding:0;
  	width: 320px;
	height: 80px;
  	background:url(../images/education_buttons.png) no-repeat 0px -85px;
  	float:left;
  	text-indent:-9999px;
  	display:inline;}

.enter-comp a:hover{width:320px;background:url(../images/education_buttons.png) no-repeat -320px -85px}

.enter {
    border: none;
    width: 64px;
    height: 32px;
    background: url(../images/buttons.png) no-repeat 0px -40px;
}

.enter:hover {
        background-position: -64px -40px;
}


/*-- sights & sounds section --*/
.tv{height:650px;}
.sights-tv-container{position:absolute; top:80px; left:70px; width:800px; height:600px; overflow:hidden; margin:0 auto}

.sights-tv-container{position:absolute; top:70px; left:50px; z-index:10; width:800px; height:600px; overflow:hidden;}
.sights-tv-contents{}
#sights-video{width:800px; height:600px;}
.sights-tv-shell{position:absolute; top:0; left:0; z-index:12; width:800px; height:600px; background:url(../images/tv-shell.png) no-repeat; overflow:hidden}
/*.tv-buttons{width:40px; height:auto; position:absolute; top:65px; right:28px; z-index:14;}
.internal, .external{width:40px; height:40px; border:none; cursor:pointer; color:white;}*/

/*-- footer --*/

.footer-full-width{width:100%; height:440px; /*background-color:#7D7A81;*/ background:url(../images/footer-wide.png) repeat-x; /*margin-top:-200px;*/ margin-top:20px; }
.footer-factory{width:960px; height:440px; margin:0 auto; background:url(../images/footer.png) no-repeat; color:#FFF; font-size:10px; position:relative }
.left{width:300px; margin-top:130px; float:left; text-align:center}
.newsletter{width:380px; margin-top:130px; margin-left:0px; margin-bottom:20px; float:left; text-align:center}
.right{width:220px; margin-top:130px; float:right;text-align:center;}


/*-- plan your journey factory --*/

.home-plan-journey{width:290px; height:130px; float:right; position:relative; top:20px; text-align:center; right:15px;}
.map{width:109px; height:84px; margin:0px 0px 0px 15px; background:url(../images/home_map_thumb.png) no-repeat; float:left}

.social{width:290px; height:130px; float:right; position:relative; top:30px; text-align:center; right:15px;}
.facebook{width:64px; height:64px;background:url(../images/Facebook.png) no-repeat; margin-top:22px; margin-left:5px; float:left}
.twitter{width:64px; height:64px;background:url(../images/Twitter.png) no-repeat; margin-top:1px; margin-left:40px; float:left}
.youtube{width:64px; height:64px;background:url(../images/Youtube.png) no-repeat; margin-top:-30px; margin-left:40px; float:left}

.button {
    border: none;
    width: 64px;
    height: 32px;
    background: url(../images/buttons.png) no-repeat top left;
}

.button:hover {
        background-position: -64px 0;
}


.footer-links{width:415px; margin:10px auto;}
.footer-legal{width:295px; height:25px; margin:0px auto;}

.footer a:link{color:#ffcc0a; font-size:10px; text-decoration:none}
.footer a:visited{color:#ffcc0a; font-size:10px; text-decoration:none}
.footer a:hover{color:#fff; font-size:10px; text-decoration:none}
.footer a:active{color:#fff; font-size:10px; text-decoration:none}


/* CSS3 border radius for various elements. yea - CSS isn't perfect */
/*.rounded, #sheet input, .error {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
}
 
/* validation error message */
/*.error {
  background-color:#fff;
  padding:4px;
  -webkit-box-shadow: #000 0 0 12px;
  -moz-box-shadow: #000 0 0 12px;


}
 
/* nested arrow inside error message. It's 100% CSS. No images. */
/*.error em {
  border:10px solid;
  border-color:#FFCC0A transparent transparent;
  bottom:-17px;
  display:block;
  height:0;
  left:10px;
  position:absolute;
  width:0;
}
 
/* input field that caused validation error 
.invalid {
  background-color:rgba(255, 204, 10, 0.898) !important;
}*/


































/*****************************************************************************/
/***                       Header twinkling animation                       **/


@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}

@-o-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}

#Twinkling	{ 
	position: relative; 
	width: 676px; 
	height: 676px; 
	margin: 100px 0 0 200px; 
}
#TT { 
	width: 271px; 
	height: 208px; 
	text-indent: -3000px; 
	background: url(../images/ChocolateTT.png) 0 0 no-repeat; 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 2; 
}
#medium-rotating {
	background: url(../images/medium.png) 0 0 no-repeat; 
	position: absolute; 
	top: -260px; 
	left: -200px;
	width: 676px; 
	height: 676px; 
	
	/* webkit chrome, safari, mobile */
	-webkit-animation-name: spin; 
	-webkit-animation-duration: 40000ms; /* 40 seconds */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	
	/* mozilla ff */
	-moz-animation-name: spin; 
	-moz-animation-duration: 40000ms; /* 40 seconds */
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
	
	/* microsoft ie */
	-ms-animation-name: spin; 
	-ms-animation-duration: 40000ms; /* 40 seconds */
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
	
	/* microsoft ie */
	-o-animation-name: spin; 
	-o-animation-duration: 40000ms; /* 40 seconds */
	-o-animation-iteration-count: infinite; 
	-o-animation-timing-function: linear;

}

@-webkit-keyframes fadePing {
	0%   { opacity: 0.1; }
	10%  { opacity: 0.8; }
	100% { opacity: 0; }

}
@-moz-keyframes fadePing {
	0%   { opacity: 0.1; }
	10%  { opacity: 0.8; }
	100% { opacity: 0; }
}
@-o-keyframes fadePing {
	0%   { opacity: 0.1; }
	10%  { opacity: 0.8; }
	100% { opacity: 0; }
}
#ping{
	width:70px; height:80px;
	position: relative;
	z-index:10; 
	background: url(../images/ping.png) 0 0 no-repeat;
	top: 110px; 
	left: 15px;
	-webkit-animation-name: fadePing;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	-moz-animation-name: fadePing;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
	-ms-animation-name: fadePing;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
	-o-animation-name: fadePing;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite; 
	-o-animation-timing-function: linear;
}
@-webkit-keyframes fadeLarge {
	0%   { opacity: 0.1; }
	50%  { opacity: 1; }
	100% { opacity: 0.1; }
}
@-moz-keyframes fadeLarge {
	0%   { opacity: 0.1; }
	50%  { opacity: 1; }
	100% { opacity: 0.1; }
}
@-o-keyframes fadeLarge {
	0%   { opacity: 0.1; }
	50%  { opacity: 1; }
	100% { opacity: 0.1; }
}
#large{
	width:676px; height:676px;
	position: relative;
	z-index:1; 
	background: url(../images/large.png) 0 0 no-repeat;
	top: -340px; 
	left: -210px;
	-webkit-animation-name: fadeLarge;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	-moz-animation-name: fadeLarge;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
	-ms-animation-name: fadeLarge;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
	-o-animation-name: fadeLarge;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite; 
	-o-animation-timing-function: linear;
}

/*****************************************************************************/

.purchase-complete table {
background-color: #fff;
width: 100%;
}

.purchase-complete table th {
  background-color: #a12f79 !important;
  color: #fff !important;
}

.purchase-complete table tr td {
  color: #000;
  font-size: 14px;
  border: 1px solid #989898;
padding: 10px 5px;
font-weight:normal;
}