/* ADJUSTABLE COLOURS START */
#commTemp{					
    background-color: #FFF;						/* COLOUR A  */
}
#commTemp #commTemp-top-navigation,
#commTemp #commTemp-bottom-navigation,
#commTemp-body #featured-hero-wrapper,
#commTemp-body #highlight-wrapper,
#commTemp-body #comingsoon-wrapper,
#commTemp-body #topPicks-wrapper #topPicks-header h5,
#commTemp-body #recommended-wrapper #recommended-header h5,
#commTemp-body #recommended-wrapper #recommended-right .promo-box,
#commTemp-body #topSellers-wrapper #topSellers-header h5{					
    background-color: #41336A;						/* COLOUR A  */
}

#commTemp #mainNavWrapper{					
    background-color: #41336A;						/* COLOUR A  */
}



#commTemp #mainNavWrapper ul li a:hover,
#commTemp #mainNavWrapper #mainNav .ActiveRollover{
    background-color: #ffffff;  							/* COLOUR B */
}
#commTemp #commTemp-left li a:hover {
    background-color: #ffffff;  						
}
#commTemp #mainNavWrapper #mainNav .ActiveRollover,
#commTemp #commTemp-head h3,
#commTemp #commTemp-top-navigation a:hover,
#commTemp #commTemp-bottom-navigation a:hover{	
     color: #000000; 								/* COLOUR D */
}
#commTemp #commTemp-left #leftNav a.ActiveRollover,
#commTemp #commTemp-left li a:hover {				
    color: #F64A48;
}
#commTemp #mainNavWrapper  ul li a{					
    border-right:1px dotted #FFE423;				/* COLOUR D  */
}

#commTemp #commTemp-left li a{						
    border-bottom:1px dotted #FFE423;				/* COLOUR D  */						
}

#commTemp #mainNavWrapper ul li a,
#commTemp #commTemp-left li a,
#commTemp #commTemp-top-navigation a,
#commTemp #commTemp-bottom-navigation a{
    color: #FFE423; 										/* COLOUR C  */
}
#commTemp #mainNavWrapper ul li a:hover,
#commTemp #commTemp-left h4{				
     color:#000000;										/* COLOUR D  */ 
}
#commTemp #commTemp-top-navigation a#ActiveRollover,
#commTemp #commTemp-bottom-navigation a#ActiveRollover{
	color:#FBE34D;
}

#commTemp #mainNavWrapper #mainNav .ActiveRollover,
#commTemp #commTemp-left #leftNav a.ActiveRollover{	
     background-color:#ffffff;									/* COLOUR C  */
}

#commTemp #commTemp-head h2{
    color: #FFF; 									/* COLOUR C  */
}

#commTemp #commTemp-head h3{
    background: #FFF;									/* COLOUR C  */
}		

#commTemp #commTemp-head h2{
    background: #952C8B;								/* COLOUR D */
}

/* ADJUSTABLE COLOURS END */

/* REGION BACKGROUND IMAGES START */

/* REGION BACKGROUND IMAGES END */

#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*/


/* MAIN NAVIGATION */
#commTemp #mainNavWrapper{
    width:100%;
    float:left;
    overflow:hidden;
    position: relative;
    margin-bottom: 10px;
    padding: 0;
    height: 1%;
}
#commTemp #mainNavWrapper  ul{
    float:left;
    position: relative;
    left: 50%;
    margin: 0;
    padding: 0;
}

#commTemp #mainNavWrapper ul li{
    float:left;
    position: relative;
    right: 50%;
    margin: 0;
    padding: 0;
}

#commTemp #mainNavWrapper ul li a {
   display:block;
   padding:3px 4px;
   text-decoration:none;   
   font-size:11px;
   line-height:20px;
}
/* MAIN NAVIGATION END */



/* LEFT NAVIGATION START */
#commTemp #commTemp-left ul,
#commTemp #commTemp-left li{
    list-style: none;
    margin: 0;
    color: #fff;
    padding: 0;	
}
#commTemp #commTemp-left ul{
    margin: 0 0 0 3px;
}
#commTemp #commTemp-left li{
    display:inline;
}

#commTemp #commTemp-left li.last{
    border-bottom:0px none;

}

#commTemp #commTemp-left li a {
    padding:3px 5px;
    display: block;
    text-decoration: none;
    width: 100%:
}

/* LEFT NAVIGATION END */

#commTemp #commTemp-left h4{
    font-size: 16px;
    padding: 15px 4px 10px;
    margin:0px;
    font-weight:bold;
}

#commTemp #commTemp-head {
    overflow: hidden;
    height: 150px;
    display: block;

}
#commTemp-head.noClick{
    cursor: default;
}			
#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: 620px;
    padding: 0px;
    height: 1%;
    background-color: #FFF;
    margin: 0;
}

#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;		
}

/* TOP NAVIGATION START*/
#commTemp-bottom-navigation, 
#commTemp #commTemp-top-navigation{
    text-align: center;
    padding: 5px;
    color: #fff;
}
#commTemp #commTemp-top-navigation{
    -webkit-border-top-left-radius: 6px;  	 	/* for Safari */
    -moz-border-radius-topleft: 6px;      		/* for Firefox */
}
#commTemp #commTemp-bottom-navigation{
    margin:8px 0 0 5px;
    -webkit-border-bottom-left-radius: 6px;  	 	/* for Safari */
    -moz-border-radius-bottomleft: 6px;      		/* for Firefox */
}


#commTemp #commTemp-top-navigation a{
    text-decoration: none;		
    line-height: 20px;
}

/* TOP NAVIGATION START */

#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;
}
#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 */
}
/* FEAURED TRAILER */
#commTemp-body #featured-hero-wrapper #featured-hero-box #featured-trailer{
    padding: 0;  height:1%; 
}

#commTemp-body #featured-hero-wrapper #featured-hero-box #featured-trailer{
    width: auto; margin: 0 auto;
}
/* FEAURED TRAILER END*/
#commTemp-body #featured-hero-wrapper #featured-info{
    margin: 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; 
}

#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{
    float:right;
    margin:4px 0; 
    background-color: #FBE34D; 
    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; 
    color:#000000; 
    display:block;				
}
#commTemp-body #highlight-wrapper #highlight-header h6 a:hover {
    text-decoration:underline;		
}

#commTemp-body #highlight-wrapper #hightlights-box{
    height: 1%; 
    overflow:hidden; 
    background-color: #FFF; 
    padding: 10px 0 8px;			
    -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 .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;
}	
/* HIGHLIGHTS END */

/* COMING SOON START */
#commTemp-body  #comingsoon-wrapper{
    height: 1%; 
    margin:5px 0;
    padding:5px 5px;
    overflow: hidden;
    -webkit-border-radius: 6px; 	/* for Safari */
    -moz-border-radius: 6px;		/* for Firefox */
}
#commTemp-body #comingsoon-pack{
    -webkit-border-radius: 6px; 	/* for Safari */
    -moz-border-radius: 6px;		/* for Firefox */
    background-color: #FFF; 
    float: left; 
}
#commTemp-body #comingsoon-pack h5 a{
    padding: 8px;
    display:block;
}
#commTemp-body #comingsoon-info{
    float:left; width: 354px; padding:8px 0 0 10px ; color:#FFF;
}
#commTemp-body #comingsoon-info h5{
    font-size:14px;font-weight:bold; padding: 0 0 3px;
}
#commTemp-body #comingsoon-wrapper form {
    overflow:hidden;
}
#commTemp-body #comingsoon-wrapper form p{
    padding: 5px 0 0 0;
}
#commTemp-body #comingsoon-wrapper form p.lp-notify{
    float:left;  margin: 0;
}
#commTemp-body #comingsoon-wrapper form p.lp-notify input{
    width: 265px;
}
/* COMING SOON END */

/* TOP PICKS START */
#commTemp-body #topPicks-wrapper{
    overflow:hidden;
    height: 1%;
    background: url(images/grey-grad.jpg) repeat-x 50% 0;
    margin: 5px 0;
}
#commTemp-body #topPicks-wrapper #topPicks-header{
    overflow:hidden; height: 1%; padding: 10px 0;
}
#commTemp-body #topPicks-wrapper #topPicks-header h5,
#commTemp-body #topPicks-wrapper #topPicks-header h6{
    color: #FFF; 
    font-weight:bold; 
    float: left; 
}
#commTemp-body #topPicks-wrapper #topPicks-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 #topPicks-wrapper #topPicks-header h6{
    margin:4px 0; 
    background-color: #FBE34D; 
    font-size:12px; 
    -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 #topPicks-wrapper #topPicks-header h6 a {
    padding: 4px 10px; 
    color:#952C8B; 
    display:block;				
}
#commTemp-body #topPicks-wrapper #topPicks-header h6 a:hover {
    text-decoration:underline;		
}
#commTemp-body #topPicks-wrapper .slice{
    overflow:hidden;
    height: 1%;
    padding: 0 0 8px 0;
    background: none;
    border: none;
}

#commTemp-body #topPicks-wrapper .slice .info{
    text-align:center;
    padding: 0;
    float: left;
    display:inline;
    width: 114px;
    margin: 0;
}
#commTemp-body #topPicks-wrapper .slice .info a{
    padding: 0;
    margin: 0;
}
#commTemp-body #topPicks-wrapper .slice .info h5{
    padding: 0 4px;
}
#commTemp-body #topPicks-wrapper .slice .info h6{
    margin: 3px 0;
}
/* TOP PICKS END */

/* RECOMMENDED START */
#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: #FFF; 
    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; 
    background-color: #FBE34D; 
    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; 
    color:#952C8B; 
    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;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-pack{
    float:left; width: 68px;

}
#commTemp-body #recommended-wrapper .recommended-hero .hero-pack a{
    padding: 5px 5px 5px 0px;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-info{
    margin: 0 0 0 80px;
    padding: 0 5px;
}
#commTemp-body #recommended-wrapper .recommended-hero .hero-info 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 */
}

/* RECOMMENDED END */

/* TOP SELELRS START */
#commTemp-body #topSellers-wrapper{
    overflow:hidden;
    height: 1%;
    background: url(images/grey-grad.jpg) repeat-x 50% 0;
    margin: 5px 0;
    width: 100%;
}
#commTemp-body #topSellers-wrapper #topSellers-header{
    overflow:hidden; height: 1%; padding: 10px 0;
}
#commTemp-body #topSellers-wrapper #topSellers-header h5,
#commTemp-body #topSellers-wrapper #topSellers-header h6{
    color: #FFF; 
    font-weight:bold; 
    float: left; 
}
#commTemp-body #topSellers-wrapper #topSellers-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 #topSellers-wrapper #topSellers-header h6{
    margin:4px 0; 
    background-color: #FBE34D; 
    font-size:12px; 
    -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 #topSellers-wrapper #topSellers-header h6 a {
    padding: 4px 10px; 
    color:#952C8B; 
    display:block;				
}
#commTemp-body #topSellers-wrapper #topSellers-header h6 a:hover {
    text-decoration:underline;		
}				
#commTemp-body #topSellers-wrapper .topSellers-info{
    overflow: hidden;
    height: 1%;
    border-bottom: 1px solid #CCC;
    
}
#commTemp-body #topSellers-wrapper .topSellers-info h5 a{
    font-size: 12px;
    line-height: 14px;

}
#commTemp-body #topSellers-wrapper .topSellers-info h5,
#commTemp-body #topSellers-wrapper .topSellers-info h6{
    padding: 5px;
    
    
}
#commTemp-body #topSellers-wrapper .topSellers-info h6,
#commTemp-body #topSellers-wrapper .topSellers-info .buy{
    float: right;
}
#commTemp-body #topSellers-wrapper .topSellers-info h5{
    float: left;
}
#commTemp-body #topSellers-wrapper .topSellers-info h6{
    color:#FF6600; 
    font-size:13px;
    font-weight:bold;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
#commTemp-body #topSellers-wrapper .topSellers-info .buy{
    padding: 3px 5px 0;
    margin: 0;
    
}
/* TOP SELELRS END */
#listmenuitem{
    border:0px none !important;
}
/* START: CUSTOM NAV */
#customNav{
	margin: 0 auto;
	text-align: center;
	width: 620px;
	position:relative;
	overflow: hidden;
	height: 1%;
	padding: 0 0 8px;

}
#customNav ul{
	margin: 0 auto;
	overflow: hidden;
	height: 1%;
	
}
#customNav ul li{
	float:left;
}

#customNav ul li a{
	text-indent: -30000px;
	display: block;
	width: 155px !important;
	height: 145px;
	margin: 0;
	background-position: 50% 0px;
	background-repeat: no-repeat;
	outline: none;
	/*background-color:#FF7F00;*/
}
#customNav li a:hover{
		background-position: 50% -145px !important;
		/*background-color:#BF5F00;*/
}