@keyframes fade { 0% {opacity: 1; }
	50% {opacity: 0.2; }
	100% {opacity: 1; }
}
@-webkit-keyframes fade { 0% {opacity: 1; }
	50% {opacity: 0.2; }
	100% {opacity: 1; }
}
@-moz-keyframes fade { 0% {opacity: 1; }
	50% {opacity: 0.2; }
	100% {opacity: 1; }
}
 
body { padding:0; margin:0; background:url(images/graphic-gold-snow.gif) fixed #cc9900; color:#fff; font-family: arial; }
img { border:none; }

.tdws-christmas { font-family: 'Lilita One', cursive, "Courier New", Courier, monospace; }

#tdws-header { background:#ffffff; }

.clear-fix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clear-fix { display: block; }
* html .clear-fix { height: 1%; }

a { text-decoration:none; }

h1, h2, h3, h4, h5, ul, li { list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5 { font-family: 'Neuton', "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h1 { padding:40px 0 0 0; font-size:88px; color:#fff; line-height:66px; }
h1 span { font-size:64px; display:block; }
h2 { font-size:50px; line-height:50px; padding:60px 0; text-align:center; }
h3 { font-size:30px; margin:0 0 16px 0; text-align:center; }
h4 { font-size:20px; color:#fff; margin:0 0 16px 0; line-height:28px; font-weight:900; }
h5 { font-size:88px; color:red; }
p { font-size:18px; line-height:30px; margin:0 0 16px 0; }

	@media screen and (max-width:1000px){
		h1 { padding:20px 0; text-align:center;  }
		h2 { font-size:30px; line-height:40px; max-width:80%; text-align:center; display:block; margin:0 auto 5px auto; padding:20px 0; }
		h3 { font-size:24px; color:#fff; margin:0 0 16px 0; font-weight:900; }
		h4 { font-size:20px; color:#fff; margin:0 0 16px 0; line-height:28px; font-weight:900; }
		h5 { font-size:88px; color:red; }
		p { font-size:14px; line-height:20px; margin:0 0 16px 0; }
		h2 br { display:none; }
	}
	@media screen and (max-width:600px){		
		h1 { font-size:40px; line-height:38px; }
		h1 span { font-size:30px; display:block; }
	}
	@media screen and (max-width:600px){	
		h1 { padding:15px 0;  }
		h2 { font-size:24px; line-height:26px; max-width:90%; }
	}
		
/* header */

#tardis { position:absolute; left:50%; margin-left:200px; }
#tardis-glow { position:absolute; left:50%; top:-90px; margin-left:250px; z-index:9; animation:6s fade infinite; -webkit-animation:6s fade infinite; -moz-animation:6s fade infinite; }

	@media screen and (max-width:1000px){
		#tardis, #tardis-glow {display:none;}
	}
	
header { background:url(images/graphic-header.gif) center; height:220px; width:100%; border-bottom:10px solid #fff; }
header .wrapper { width:900px; margin:0 auto; }

	@media screen and (max-width:1000px){
		header { height:auto;border-bottom:3px solid #fff; }
		header .wrapper { width:auto; margin:0 auto; }
	}

nav { display:block !important; height: 60px; }
nav .nav { background:#fff; display:block !important; padding: 10px; border-bottom:1px solid #ccc; font-size:16px; }
nav a { display: block; float: left; width: 13.28%; margin:0 0.5%; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1)),#cc9900; height: 40px; line-height: 40px; text-align: center; color: #fff; text-decoration: none; border-radius:5px; }
nav a:hover { background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0)),#cc9900; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); }
nav a:last-child { background:#930000; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1)),#930000; }
nav a:last-child:hover { background:#930000; background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0)),#930000; }

	@media screen and (min-width:900px){
		.fixed-scroll nav .nav { position:fixed; top: 0; left: 0; right: 0; }
	}
	@media screen and (max-width:1000px){
		nav .nav { font-size:14px; }
	}
	@media screen and (max-width:899px){
		nav { height: auto; }
		nav a { width:24%; margin:0.5%; }
		nav a:nth-child(5) { clear:both; }
	}
	@media screen and (max-width:500px){
		nav a { width:48%; margin:5px 1%; height: auto; line-height: normal; padding: 5px 0;}
	}


/* framework */

section { border-bottom:10px solid #fff; }
section#christmas-image { background:url(images/xmas-image-gold.jpg?v=2) repeat-x bottom center #fff; padding:20px 0 290px 0; border: none; }
section#christmas-image h2 { padding:30px 0 10px 0; color:#cc9900; }
section#christmas-image p { font-size:20px; line-height:22px; color:#999; text-align:center; }
section#christmas-image p a { color:#999; }

	@media screen and (max-width:1000px){
		section#christmas-image { background-size:1000px; padding:20px 0 200px 0; }
		section#christmas-image h2 { padding:5px 0 0 0; line-height:30px; }
		section#christmas-image p { font-size:14px; line-height:20px; }
	}
	@media screen and (max-width:600px){		
		section { border-bottom:10px solid #fff; }
		section#christmas-image { background-size:500px; padding:10px 15px 80px 15px; }
		section#christmas-image h2 { padding:0 0 5px 0; font-size:24px; line-height:26px; }
	}

.container { padding:20px; display:block; background:#fff; text-align:center; border-bottom: 1px dotted #ccc; }
.container:last-child { border-bottom:none; }
.container p { color:#999; text-align:center; clear:both; padding:20px 0 0 0; max-width:70%;  margin:0 auto; }
.container p a { color:#cc9100; background:#efefef; padding:1px 4px; margin:0 3px; border-radius:6px; border:1px solid #ccc; display:inline-block; line-height:normal; }
.container p a:hover { color:#fff; background:#cc9100; text-decoration:none; border:1px solid #cc9100; }
.container article { font-family:Arial, Helvetica, sans-serif; width:180px; display:inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; padding:10px; }
.container article img.thumb { width:90%; border-radius:3px; padding:5px 5%; background:#fff; }
.container article strong { font-size:12px; line-height:16px; display:block; text-align:center; color:#666; font-weight:bold; margin:0 0 10px 0; min-height:32px; }
.container article span { font-size:12px; line-height:16px; text-align:center; color:#999; font-weight:bold; }
.container .Star { width:auto; height:46px; background:url(images/divider.png) repeat-x center; display:block; margin:0 0 10px 0; }
.container .Star .remove {  margin:0 auto; display:block; width:40px; height:40px; background:url(images/star.png) no-repeat center center #d1a11f; cursor:pointer; border-radius:30px; border:2px solid #cb9913; }
.container .Star .remove:hover { background:url(images/star.png) no-repeat center center #ccc;  }
.container .Star .add { margin:0 auto; display:block; width:40px; height:40px; background:url(images/star.png) no-repeat center center #ccc; cursor:pointer; border-radius:30px; border:2px solid #999; }
.container .Star .add:hover { background:url(images/star.png) no-repeat center center #d1a11f;  }
.container article .affiliates { font-size:12px; line-height:16px; }
.container article .affiliates a { color:#666; text-decoration:none; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1)),#efefef; margin:5px 0 0 0; padding: 6px 6px; display: block; border-radius: 5px; transition: 0.2s; border: 1px solid #ccc; }
.container article .affiliates a:hover { color:#666; border: 1px solid #ccc; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1)),#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); }

	@media screen and (max-width:1000px){
		.container { padding:10px; }
		.container article { margin:5px; padding:5px; width:180px;  }
		.container article img { border-radius:0; padding:0; }
	}
	@media screen and (max-width:500px){
		.container { padding:3%; }
		.container article { width:44%; display:block; padding:3%; margin:0; float:left; }
		.container article:nth-child(odd) { clear:both; }
	}

#product-information { position:absolute; background:red; width:200px; transition:1s; display:none; padding:10px; background:url(images/grad-blue.gif) center; border: 1px solid #006fbd; border-radius:5px; color:#fff; text-decoration:none;  font-size:20px; text-align:center; z-index:9; }
#product-information a.merchandise-guide-button { margin:0 auto; float:none; }

/* wish-list */

#wish-list { background:url(images/graphic-red-stars.gif) no-repeat #930000; border-bottom:10px solid #fff; }
#wish-list-items { width:auto; display:block; padding:40px 0; }
#wish-list-items ul { text-align:center; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#wish-list-items h2 { text-align:center; margin:0 0 20px 0; padding:0; }
#wish-list-items li { display:inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px;  border-radius:10px; transition:0.8s; position:relative; width:160px; }
#wish-list-items li img { width:140px; height:auto; padding:5px; border-radius:3px; background:#fff; margin:0 auto 0 auto;  }
#wish-list-items li strong { display:block; font-size:14px; line-height:20px; height:60px; text-align:center; font-weight:normal; }
#wish-list-items li span { position:absolute; width:36px; height:36px; border:2px solid #F00; background:#C00; color:#fff; display:block; opacity:0; border-radius:30px; line-height:28px; text-align:center; font-weight:bold; font-size:30px; cursor:pointer; }
#wish-list-items li:hover span { opacity:1; }
#wish-list-items li .left { top:65px; left:0px; }
#wish-list-items li .right { top:65px; right:0px; }

	@media screen and (max-width:1000px){
		#wish-list-items h2 { margin:0 auto 20px auto; }
		#wish-list-items li { width:140px; margin:5px; }
		#wish-list-items li img { width:120px; }
		#wish-list-items li strong { font-size:12px; line-height:16px; }
		#wish-list-items li .left { top:45px; }
		#wish-list-items li .right { top:45px; }
	}

#alert { width:600px; background:#000000; border-radius:6px;-moz-border-radius:6px; position:fixed; left:50%; margin-left:-300px; bottom:200px; z-index:9999999; font-size:18px; color:#FFFFFF; padding:10px 0; text-align:center; display:none; box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; }

#clear-list { display:block; padding:10px; background:url(images/grad-green.gif) center center; margin:10px auto; border: 1px solid #058c21; border-radius:5px; color:#fff; text-decoration:none; box-shadow:0px 0px 2px #00350b; text-shadow:0 -1px #003e6a; font-size:20px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; width:200px; text-align:center; cursor:pointer; }
#clear-list:hover { background:url(images/grad-green.gif) center top ; border: 1px solid #0eaf2f; box-shadow:0px 0px 4px #00350b; }
#clear-list:active { background:url(images/grad-green.gif) center bottom ; border: 1px solid #086f1e; box-shadow:0px 0px 1px #00350b; }

#affiliates { background:#fff; display:block; }
#affiliates .wrapper { padding:20px 0; text-align:center; width:100%; }
#affiliates span { display:inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px;  padding:0; border-radius:10px; transition:0.8s;}
#affiliates .bbcshop-advert img { max-width:90%; }

.past-lists img { float:left; width:30%; padding:1.5%; }

/*footer */

footer { padding:40px 0; background:#efefef; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
footer a { color:#999; text-decoration:none; transition:0.3s; }
footer a:hover { color:#333; text-decoration:underline; }
footer #TDWSfooterHomeLink { text-align:center; font-size:20px; display:block; padding:0 0 0 0; margin:0 0 0 0; }
footer #TDWSfooterHomeLink img { display:block; margin:0 auto 10px auto; padding:0; }
footer img { margin:0 auto; display:block; }
footer p { font-size:12px; line-height:18px; display:block; margin:0 auto; text-align:center; padding:20px 0; }

	@media screen and (max-width:1000px){
		footer { padding:20px 0; }
	}
	
footer .merchandise-guide-button { display:block; padding:10px; background:url(images/grad-green.gif) center center; margin:0 auto; width:400px; border: 1px solid #058c21; border-radius:5px; color:#fff; text-decoration:none; box-shadow:0px 0px 2px #00350b; text-shadow:0 -1px #003e6a; font-size:20px; transition:0.3s; }
footer .merchandise-guide-button:hover { color:#fff; text-decoration:none; background:url(images/grad-green.gif) center top ; border: 1px solid #0eaf2f; box-shadow:0px 0px 4px #00350b; }
footer .merchandise-guide-button:active { background:url(images/grad-green.gif) center bottom ; border: 1px solid #086f1e; box-shadow:0px 0px 1px #00350b; }

	@media screen and (max-width:1000px){
		footer .merchandise-guide-button { text-align:center; font-size:12px; width:auto;  }
	}