#pb-template img{margin: 0;padding:0;border:0;}
#pb-template-wrapper{
	width: 620px;
	margin: 0 auto;
	background-color:#1A98C7;
}
#pb-template ul{
	width: 620px;
	margin: -2px auto 0 0;
	overflow:hidden;
	padding: 0;
	background-color: #FF28A7;
	/*padding: 0 0 0 40px;*/
}
#pb-template ul li{
	float: left;
	list-style: none;
	/*border-right: 1px dotted #BF43AD;*/
}
#pb-template ul li a{
float: left;
	color: #333333;
	/*padding: 7px 5px;*/
	/**/height:40px;
}

#pb-template ul li a#dvd{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navDVD.jpg) no-repeat top right;
	height:40px;
	width:46px;
}
#pb-template ul li a#dvd:hover, #pb-template ul li a#dvd.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navDVD.jpg) no-repeat bottom right;
}

#pb-template ul li a#bluray{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navBLURAY.jpg) no-repeat top right;
	height:40px;
	width:76px;
}

#pb-template ul li a#bluray:hover, #pb-template ul li a#bluray.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navBLURAY.jpg) no-repeat bottom right;
}

#pb-template ul li a#music{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navMUSIC.jpg) no-repeat top right;
	height:40px;
	width:64px;
}

#pb-template ul li a#music:hover, #pb-template ul li a#music.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navMUSIC.jpg) no-repeat bottom right;
}

#pb-template ul li a#download{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navDOWNLOAD.jpg) no-repeat top right;
	height:40px;
	width:107px;
}

#pb-template ul li a#download:hover, #pb-template ul li a#download.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navDOWNLOAD.jpg) no-repeat bottom right;
}
#pb-template ul li a#games{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navGAMES.jpg) no-repeat top right;
	height:40px;
	width:76px;
}

#pb-template ul li a#games:hover, #pb-template ul li a#games.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navGAMES.jpg) no-repeat bottom right;
}

#pb-template ul li a#books{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navBOOKS.jpg) no-repeat top right;
	height:40px;
	width:72px;
}

#pb-template ul li a#books:hover, #pb-template ul li a#books.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navBOOKS.jpg) no-repeat bottom right;
}

#pb-template ul li a#clothing{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navCLOTH.jpg) no-repeat top right;
	height:40px;
	width:92px;
}

#pb-template ul li a#clothing:hover, #pb-template ul li a#clothing.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navCLOTH.jpg) no-repeat bottom right;
}

#pb-template ul li a#gadgets{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navGADGETS.jpg) no-repeat top right;
	height:40px;
	width:87px;
}

#pb-template ul li a#gadgets:hover, #pb-template ul li a#gadgets.ActiveRollover{
	background:url(http://i.playserver1.com/newimages/PageBanner/80s_Mania_02_10_img/80sMania_pb_navGADGETS.jpg) no-repeat bottom right;
}

#pb-template ul li a span{
	display:none;
}

#pb-template ul li a:hover, #pb-template ul li a.ActiveRollover{
	color: #fff;
	background-color: #BF43AD;
}


/* COLOUR A  */
#commTemp-body #highlight-wrapper{
	background-color: #1A98C7;
}
/* COLOUR D */
#commTemp #mainNavWrapper{
	background-color: #000;
}
/* COLOUR E */
#commTemp-body #highlight-wrapper #highlight-header h6, #commTemp-body #highlight-wrapper #highlight-header h6:hover{
	background-color: #FF28A7;
}
#commTemp-body #highlight-wrapper #highlight-header h6 a{	
	 color: #ffffff;
}
#commTemp #commTemp-left #leftNav a.ActiveRollover,
#commTemp #commTemp-left #leftNav li a.ActiveRollover:hover {
	color: #000;
}
/* COLOUR G  */
#commTemp #commTemp-left li a{
	border-bottom:1px dotted #999;
}
/* COLOUR C  */
#commTemp #mainNavWrapper  ul li a,
#commTemp #commTemp-left li a,
#commTemp #commTemp-top-navigation a,
#commTemp #commTemp-bottom-navigation a{
	color: #000; 										
}
/* COLOUR B  */ 
#commTemp #commTemp-top-navigation a#ActiveRollover,
#commTemp #commTemp-bottom-navigation a#ActiveRollover,
#commTemp #commTemp-left h4,
#commTemp #commTemp-top-navigation a:hover,
#commTemp #commTemp-bottom-navigation a:hover{				
	 color:#2CACE3;
}
/* COLOUR F  */
#commTemp #commTemp-left #leftNav a.ActiveRollover{	
	 background:#fff;
}
#commTemp-wrapper{
	background: #000;	
}
#commTemp{
	width: 620px;
	overflow: hidden;
	margin: 0 auto;
	height: 1%;
	font-size:13px;
	padding: 0;
	background-repeat:no-repeat;
	background-position: 50% 0;
	outline: none;
	position:relative;
}
/* HERO PACKSHOTS START */
#commTemp #hero-packs{
	 position:absolute; 
	 left: 340px; 
	 top: 12px; 
	 overflow:hidden;
}
#commTemp #hero-packs a{
	background-color: #FFF; 
	margin: 0 0 0 3px; 
	display:block; 
	padding: 5px; 
	border: 3px solid #000; 
	float:left;
}
#commTemp #hero-packs.shrinkPack{
	top: 25px; 
}
#commTemp #hero-packs.shrinkPack a img{
	width: 58px;

}
/* HERO PACKSHOTS END*/
#commTemp #commTemp-left h4{
	font-size: 16px;
	padding: 15px 4px 10px;
	margin:0px;
	font-weight:bold;
}
#commTemp #commTemp-head {
	overflow: hidden;
	height: 129px;
	display: block;
}
#commTemp-head.noClick{
	cursor: default;
}		
#commTemp #commTemp-left,
#commTemp #commTemp-right{
	margin: 10px 0 0 0;
}	
#commTemp #commTemp-left {
	overflow:hidden;
	float: left;
	width: 150px;
	height: 100%; 
	padding: 0;
	-webkit-border-bottom-right-radius: 6px;   	/* for Safari */
	-moz-border-radius-bottomright: 6px;      	/* for Firefox */
}

#commTemp #commTemp-right {
	-webkit-border-top-left-radius: 6px;  	 	/* for Safari */
	-moz-border-radius-topleft: 6px;      		/* for Firefox */
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	overflow: hidden;
	float: left;
	width: 468px;
	padding: 0px;
	height: 1%;
	background-color: #FFF;
}
#commTemp #commTemp-body {
	padding: 0 0 0 5px; 
	height:1%; 
	margin: 0 auto;
	clear:both;
}
#commTemp #commTemp-body p{
	padding: 0px 0px 5px;
}
#commTemp-body h5 a{
	font-size: 11px;
	line-height: 13px;
	font-weight:bold;		
}
#commTemp #commTemp-head h2{
	font-weight:bold;
	padding: 0px 3px;
	font-size: 10px;
	line-height: 22px;
	float:left;

}
#commTemp #commTemp-head h3{
	font-weight:bold;
	padding: 3px;
	font-size: 26px;
	line-height: 32px;
	float:left;
	clear:both;
}		
/* FEAURED PRODUCT */

#commTemp-body #featured-hero-wrapper{
    color: #FFF;  
    height:1%;
    margin: 5px 0 0 0;
    padding: 0 5px 5px; 
    -webkit-border-radius: 6px; 	/* for Safari */
    -moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #featured-hero-wrapper h5{
    padding: 8px; font-size: 14px; font-weight: bold; color: #FFF;
}
#commTemp-body #featured-hero-wrapper #featured-hero-header{
    overflow:hidden; height: 1%;
}
#commTemp-body #featured-hero-wrapper #featured-hero-header h5,
#commTemp-body #featured-hero-wrapper #featured-hero-header h6{
    color: #FFF; 
    font-weight:bold; 
}
#commTemp-body #featured-hero-wrapper #featured-hero-header h5{
    float:left;
}
#commTemp-body #featured-hero-wrapper #featured-hero-header h6{
    float:right;
    margin:4px 0;  
    font-size:12px; 
    -webkit-border-radius: 6px; 	/* for Safari */				
    -moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #featured-hero-wrapper #featured-hero-header h6 a {
    padding: 4px 10px; 
    display:block;				
}
#commTemp-body #featured-hero-wrapper #featured-hero-header h6 a:hover {
    text-decoration:underline;		
}
#commTemp-body #featured-hero-wrapper #featured-hero-box{
    height: 1%; 
    overflow:hidden; 
    background-color: #FFF; 
    padding: 8px 0;		
    text-align:center; 	
    -webkit-border-radius: 6px; 	/* for Safari */
    -moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #featured-hero-wrapper #featured-info{
    margin:5px 0 0 0; overflow:hidden; height: 1%;
}
#commTemp-body #featured-hero-wrapper #featured-info .featured-pack{
    float:left; 
}
#commTemp-body #featured-hero-wrapper #featured-info .featured-pack h5{
    padding: 0 8px;
}
#commTemp-body #featured-hero-wrapper #featured-info .featured-desc{
    color: #000; padding: 3px 10px 0 ; text-align:left;
}
#commTemp-body #featured-hero-wrapper #featured-info .featured-desc h5{
    font-size: 12px;
    line-height: 14px;
}
#commTemp-body #featured-info h6{
    color:#FF6600;font-size:20px;font-weight:700 !important; margin:5px 0;
}
/* FEAURED PRODUCT END */
/* HIGHLIGHTS START */
#commTemp-body #highlight-wrapper{
	color: #FFF;  
	height:1%; 
	padding: 0 5px 5px;
	margin: 5px 0 0; 
	-webkit-border-radius: 6px; 	/* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #highlight-wrapper h5{
	padding: 8px; font-size: 14px; font-weight:bold;  color: #FFF;  
}
#commTemp-body #highlight-wrapper #highlight-header{
	overflow:hidden; height: 1%;
}
#commTemp-body #highlight-wrapper #highlight-header h5,
#commTemp-body #highlight-wrapper #highlight-header h6{
	color: #FFF; 
	font-weight:bold; 
}
#commTemp-body #highlight-wrapper #highlight-header h5{
	float:left;
}
#commTemp-body #highlight-wrapper #highlight-header h6, #commTemp-body #highlight-wrapper #highlight-header h6:hover{
	float:right;
	margin:4px 0; 
	font-size:12px; 
	-webkit-border-radius: 6px; 	/* for Safari */				
	-moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #highlight-wrapper #highlight-header h6 a {
	padding: 4px 10px; 
	display:block;				
}
#commTemp-body #highlight-wrapper #highlight-header h6:hover{	
	 color: #fff;
	 text-decoration: none;
	 background-color: #76d2e2;
}
#commTemp-body #highlight-wrapper #hightlights-box{
	height: 1%; 
	overflow:hidden; 
	background-color: #FFF; 
	padding: 8px 0;			
	-webkit-border-radius: 6px; 	/* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #highlight-wrapper #hightlights-box .highlights-packs{
	width: 33%; float:left; height:1%; text-align:center;
}
#commTemp-body #highlight-wrapper #hightlights-box.smallPack .highlights-packs h5 a img{
	width: 130px;
}
#commTemp-body #highlight-wrapper #hightlights-box .highlights-packs h5{
	padding: 0 5px;
	margin: 0;
}
#commTemp-body #highlight-wrapper #hightlights-box .highlights-packs h6{
	color:#FF6600;
	font-size:13px;
	font-weight:bold;
	margin: 5px 0;
}
#commTemp-body #recommended-wrapper{
	overflow:hidden;
	height: 1%;
	background: url(images/grey-grad.jpg) repeat-x 50% 0;
	margin: 5px 0;
	width: 100%;
}
#commTemp-body #recommended-wrapper #recommended-header{
	overflow:hidden; height: 1%; padding: 10px 0;
}
#commTemp-body #recommended-wrapper #recommended-header #right{
	float: right;
}
#commTemp-body #recommended-wrapper #recommended-header h5,
#commTemp-body #recommended-wrapper #recommended-header h6{
	color: #EB2227; 
	font-weight:bold; 
	float: left; 
}
#commTemp-body #recommended-wrapper #recommended-header h5{
	border: 1px solid #FFF; 
	padding: 8px 20px; 
	font-size:14px;
	-webkit-border-radius: 6px; 	/* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #recommended-wrapper #recommended-header h6{
	margin:4px 0; 
	font-size:12px; 
}
#commTemp-body #recommended-wrapper #recommended-header #left h6{
	-webkit-border-top-right-radius: 6px; 	/* for Safari */
	-webkit-border-bottom-right-radius: 6px; 	/* for Safari */
	-moz-border-radius-bottomright: 6px;		/* for Firefox */
	-moz-border-radius-topright: 6px;		/* for Firefox */
}
#commTemp-body #recommended-wrapper #recommended-header #right h6{
	-webkit-border-top-left-radius: 6px; 	/* for Safari */
	-webkit-border-bottom-left-radius: 6px; 	/* for Safari */
	-moz-border-radius-bottomleft: 6px;		/* for Firefox */
	-moz-border-radius-topleft: 6px;		/* for Firefox */
}
#commTemp-body #recommended-wrapper #recommended-header h6 a {
	padding: 4px 10px; 
	display:block;				
}
#commTemp-body #recommended-wrapper #recommended-header h6 a:hover {
	text-decoration:underline;		
}			
#commTemp-body #recommended-wrapper #recommended-left,
#commTemp-body #recommended-wrapper #recommended-right{
	float:left;
	padding: 5px 0;
	margin: 0 auto;
	}
#commTemp-body #recommended-wrapper #recommended-left{
	width: 219px;
	margin: 0 5px 0 0;
}
#commTemp-body #recommended-wrapper #recommended-right{
	width: 229px;
	overflow:hidden;
	text-align:center;
}
#commTemp-body #recommended-wrapper .banner-narrow{
	margin: 0 0 5px 0;
	width: 229px;
}
#commTemp-body #recommended-wrapper .banner-comp{
	width: 460px;
	clear:both;
}
#commTemp-body #recommended-wrapper .banner-comp,
#commTemp-body #recommended-wrapper .banner-narrow{
	-webkit-border-radius: 6px; 	/* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
	background-position: 50% 0;
	background-repeat: no-repeat;
	display: block;
}
#commTemp-body #recommended-wrapper .banner-comp span,
#commTemp-body #recommended-wrapper .banner-narrow span{
	visibility:hidden;
	font-size: 0;
}
#commTemp-body #recommended-wrapper .recommended-hero{
	overflow:hidden;
	height: 1%;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #CCC;
	text-align:left;
	padding: 0 0 5px 0 ;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-pack{
	float:left; width: 68px;

}
#commTemp-body #recommended-wrapper .recommended-hero .hero-pack a{
	padding: 5px;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-info{
	margin: 0 0 0 68px;
	padding: 0 5px;
}
#commTemp-body #recommended-wrapper.smallPack .recommended-hero .hero-info{
	margin: 0 0 0 90px !important;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-midPackList {
	text-align:center;
	width: auto;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-midPackList a{
	padding: 5px;
}

#commTemp-body #recommended-wrapper .recommended-hero h6{
	color:#FF6600;
	font-size:13px;
	font-weight:bold;
	margin: 3px 0;
}
#commTemp-body #recommended-wrapper .promo-box{
	padding:5px; 
	margin: 0 0 5px 0;
	-webkit-border-radius: 6px; 	/* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #recommended-wrapper .promo-box a{
	display: block; 
	overflow:hidden;
}
#commTemp-body #recommended-wrapper .promo-box img.title{
	float:left;
}
#commTemp-body #recommended-wrapper .promo-box .promo-pack{
	background-color: #FFF; 
	margin: 0 0 0 51px; 
	padding: 8px 0;
	-webkit-border-radius: 6px; 	/* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}

