﻿body
{
	background-color:#E5E5E5;
	font-family:arial;
	font-size:65%;
	margin:6px 0 0 0 ;
}

p
{
	font-family:verdana;
	font-size:105%;
	line-height:1.5em;
}

#container
{
	width:770px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999;
	background-color:#FFF;

}

#header_menu
{
	width:750px;
	background-color:#5C5C5C;
	height:40px;
	margin:10px;
}
#header_menu ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#header_menu ul li
{
	float:left;
	display:block;
	line-height:30px;
	padding:5px 0 5px 10px;
	text-transform:uppercase;
	font-size:90%;
}
#header_menu ul li a
{
	color:#FFF;
	text-decoration:none;
}
#header_menu ul li span
{
	padding-right:10px;
	border-right:1px solid #FFF;
}

#header_menu ul #search span {float:right; border:none;padding-top:3px;}


#logo
{
	margin:0 auto 10px auto;
	width:750px;
	height:150px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#logo h1
{
	margin:0;
	padding:0;
	background-image:url(../i/thenecgroup.gif);
	width:199px;
	height:48px;
	background-repeat:no-repeat;
	float:left;
	margin-left:4px;
	display:inline;
}
#logo h1 span
{
	display:none;
}
#logo img
{
	float:left;
	margin-left:4px;
	display:inline;
}
#logo span#page
{
	float:left;
	width:190px;
	line-height:33px;
	margin-left:10px;
	padding-bottom:15px;
}
#logo span#page span
{
	padding:3px 6px;
	background-color:#5C5C5C;
	font-size:105%;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}
#logo div
{
	float:left;
	width:347px;
}
#logo p
{
	margin:0;
	padding:0;
	float:right;
	font-size:95%;
	font-weight:bold;
}
#logo a
{
	float:right;
	display:block;
	clear:right;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}

#sub_header
{
	clear:both;
	width:750px;
	background-color:#949494;
	border-top:10px solid #FFF;
	margin:0 10px;
}
#sub_header ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#sub_header ul li
{
	float:left;
}
#sub_header ul li.vinyl
{
	background-color:#333;
}
#sub_header ul li.dvd
{
	background-color:#474747;
}
#sub_header ul li.cd
{
	background-color:#5C5C5C;
}
#sub_header ul li.games
{
	background-color:#707070;
}
#sub_header ul li.pc
{
	background-color:#858585;
}
#sub_header ul li a
{
	display:block;
	line-height:25px;
	font-size:110%;
	color:#FFF;
	text-decoration:none;
	padding:0 10px;
}

#body
{
clear:both;
	padding:0 10px 10px 10px;
	background:url(../i/circles.gif) no-repeat right bottom;
}

#body #menu
{
	float:left;
	width:134px;
	padding-top:10px;
	padding-bottom:20px;
	height: 400px;
}

#menu ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li
{
	margin:0;
	padding:0;
	clear:both;
}
#menu ul li a
{
	display:block;
	background-color:#CCC;
	padding:2px 4px;
	float:left;
	color:#333;
	margin:1px 0;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:110%;
}
#menu ul li.home a
{
	background-color:#333;
	color:#FFF;
}
#menu ul li.buyaticket a
{
	width:95px;
	height:24px;
	background:#FFF url(../i/buttons/buyaticket.gif) no-repeat;
	padding:0;
	margin-bottom:5px;
}
#menu ul li.whatson a
{
	width:95px;
	height:24px;
	background:#FFF url(../i/buttons/whatson.gif) no-repeat;
	padding:0;
	margin-bottom:15px;
}
#menu ul li.button span
{
	display:none;
}



/* -------------------- Home Page Layout ------------------*/

/* Featured Products
************************************************************/
#featured {
	float:left;  
	width:500px;  
	margin-top:2px; 
}

.product {
	float:left; 
	width:125px; 
	height:180px; 
	text-align:center; 
}

.product img { 
	width:100px; 
	height:100px;
}

.product .title {
	height:50px; 
	text-align:center;
}

.product .title h3 {
	font-size:120%;
	padding: 5px 0 2px 0;
	margin: 0;
	}

.product .title h4 {
	font-size:110%;
	font-weight:normal;
	padding: 0;
	margin: 0;
	}

.product .price {
	margin-bottom:2px; 
	font-weight:bold;
	color:#0066FF;}

.product .buynow {
	text-align:centre; 
	height:30px; 
}

/* Product Listing
*****************************************************/

#product_list {
	float:left; 
	width:500px; 
	margin-top:20px; 
} 

.productlist {
	padding:10px; 
	width:460px; 
	border-top: dashed 1px #999999;
	clear:both;
}

.productlist img {
	float:left;
	margin-right:10px;  
	width:60px; 
	height:60px;
	padding: 0 0 10px 0;
}
	
.productlist .left_col { 
	float:left; 
	width:101px; 
	font-size:10px; 
}

.productlist .left_col .artist { 
	width:100px; 
	font-size:10px; 
}

.productlist .left_col .title {  
	width:100px; 
	font-weight:bold; 
}

.productlist .price {
	width:80px; 
	height:20px;
	float: right; 
	text-align:right; 
	font-weight:bold; 
	color:#0066FF;
}

.productlist .buynow {
	width:80px; 
	height:20px;
	float: right; 
	text-align:right; 
	font-weight:bold; 
	color:#0066FF; 
	padding: 25px 0 0 0;
}

.productlist .info p{
	width:200px; 
	padding: 0 0 10px 5px !important;
	margin: 0; 
	float:left; 
	color:#666666;
	font-size:9px;
	min-height: 50px;
}

/*.productlist  div { width:300px; text-align:left; font-size:110%;}*/
/*.productlist img {margin-right:10px;  float:left; width:60px; height:60px;}
.productlist .left_col .artist { width:100px; font-size:10px; }
.productlist .left_col .title {  width:100px; font-weight:bold; }
.productlist .price {width:80px; height:20px;float: right; text-align:right; font-weight:bold; color:#0066FF;}
.productlist .buynow {width:80px; height:20px;float: right; text-align:right; font-weight:bold; color:#0066FF; padding: 25px 0 0 0;}

.productlist .info_header {width:200px; font-weight:bold; padding: 0 0 0 5px; }

.productlist .info {width:200px; padding: 0 0 0 5px; float:left; color:#666666;}*/


/* -------------------- End Home Page Layout ------------------*/


#links ul {margin:0; padding:0; list-style-type:none;text-align:center;}
#links li {display:inline; padding: 5px; }
#links {margin: 10px; height:20px; text-align:center;}

#sub_footer {margin: 10px; height:20px; text-align:right; clear:both;}
#sub_footer img {padding-left:10px;}

#footer {background-color:#5C5C5C; margin: 10px; height:40px; }