/*******************************************************
* GLOBAL ELEMENTS
********************************************************/

body {
	margin:0px 0px 20px 0px;
	background-color:#B3B9BE;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#363230;
	text-align:center;
}
#container {
	width:910px;	
	margin:auto;
	text-align:left;
	background-image:url(../images/bg-module.png);
	background-repeat:repeat-y;
}
#leftcol {
	float:left;
	width:609px;
	overflow:hidden;
	z-index:2;
}
#rightcol {
	float:left;
	width:300px;
	z-index:1;
}
.clear {
	clear:both;
}
.clear[class] {
	height:1px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
#readmore {
	background-color:#F8F5EB;
	padding:8px 15px 15px 15px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.formhead {
	background-color:#E0DDCC;
	color:#666666;
	padding-left:5px;
}
#loginbutton {
	width:140px;
	float:left;
	margin-right:3px;
}



/********************************************************
* HEADER AND NAVIGATION BAR
********************************************************/

#header {
	width:910px;
	height:186px;
	background-image:url(../images/bg-header.png);
	background-repeat:repeat-x;
}
#logo {
	float:left;
	width:209px;
	height:186px;
}
#waves {
	float:left;
	width:326px;
	height:176px;
	background-image:url(../images/header-center.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-top:10px;
}
#topright {
	float:right;
	width:298px;
	height:176px;
	background-image:url(../images/header-right.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-top:10px;
}
#topright2 {
	float:right;
	width:298px;
	height:176px;
	background-image:url(../images/header-right2.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-top:10px;
}
.cartpad {
	padding-top:15px;
}
#cart {
	width:294px;
	background-color:#89C2DA;
	color:#FFFFFF;
	font-size:10px;
}
.navflag{
	margin-left:7px;
}




/********************************************************
* BLUE HEADER
********************************************************/

.dirheader {
	height:40px;
	background-color:#94D0E7;
	background-image:url(../images/heading-blue_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.dirstruct {
	padding-left:10px;
	width:560px;
	height:40px;
	overflow:hidden;
}
.dirstruct span {
	float:left;
	padding-top:13px;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:capitalize;
}
.dirstruct img {
	float:left;
	margin-left:4px;
	margin-right:4px;
}



/********************************************************
* GLOBAL MODULE ELEMENTS
********************************************************/

.mod-small {
	padding-left:9px;
	padding-right:11px;
	background-image:url(../images/bg-module-small.png);
	background-repeat:repeat-y;
}
.mod-medium {
	padding-left:11px;
	padding-right:9px;
	background-image:url(../images/bg-module-medium.png);
	background-repeat:repeat-y;
}
.mod-large {
	padding-left:11px;
	padding-right:11px;
	background-image:url(../images/bg-module-large.png);
	background-repeat:repeat-y;
}
.mod-player {
	background-image:url(../images/bg-module-small.png);
	background-repeat:repeat-y;
	padding-left:2px;
	z-index:1;
}
.mod-footer {
	width:888px;
	padding-left:11px;
	padding-right:11px;
}
.heading-blue {
	height:22px;
	background-color:#94D0E7;
	background-image:url(../images/heading-blue_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.heading-blue-square {
	height:22px;
	background-color:#94D0E7;
}
.heading-grey {
	height:22px;
	background-color:#534E4D;
	background-image:url(../images/heading-grey_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.row-light {
	height:20px;
	background-color:#E0DDCC;
	color:#666666;
	padding-left:1px;
}
.row-dark {
	height:20px;
	background-color:#B7B6A8;
	color:#FFFFFF;
	padding-left:1px;
}
.rightpad {
	margin-right:8px;
}
.toppad {
	margin-top:8px;
}
.footerlinks {
	width:50%;
	float:left;
}
.content {	
	background-color:#F0EBD9;
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-x;
	background-position:top;
}
.content2 {	
	background-color:#F0EBD9;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-x;
	background-position:top;
}
.content3 {	
	background-color:#F0EBD9;
	padding-left:8px;
	padding-right:8px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-x;
	background-position:top
}
.content4 {	
	background-color:#F0EBD9;
}
.content5 {	
	background-color:#F0EBD9;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:8px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.content6 {	
	background-color:#F0EBD9;
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:8px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.content-bottom {
	background-color:#F0EBD9;
	background-image:url(../images/bg-content-bottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:8px;
}
.content-top {
	background-color:#FFFFFF;
	background-image:url(../images/bg-content-bottom.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:8px;
}
.worldpay {
	margin-top:10px;
	margin-bottom:5px;
}
.divider {
	clear:both;
	height:15px;
	border-bottom:1px solid #cccccc;
	margin-bottom:12px;
}
.copyright {
	text-align:center;
	margin-bottom:5px;
	color:#666666;
}
.tracktypes {
	text-align:center;
	margin-bottom:10px;
}
.trackspec {
	text-transform:capitalize;
}




/********************************************************
* FORM STYLES
********************************************************/

form,select,input {
	margin:0;
}
.searchbox {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#F0EBD9;
	border:1px solid #CCCCCC;
}
.trackspec select {
	font-size:9px;
}
.searchform {
	margin-top:10px;
	margin-right:15px;
	margin-left:5px;	
}
.searchtext {
	font-size:10px;
	width:160px;
	color:#aaaaaa;
}
.searchform select {
	width:82px;
	font-size:10px;
	margin-left:8px;
	margin-right:8px;
}




/********************************************************
* TEXT STYLES
********************************************************/

a:link					{ color:#6883B3; text-decoration:none; }
a:visited				{ color:#6883B3; text-decoration:none; }
a:active				{ color:#6883B3; text-decoration:none; }
a:hover					{ color:#6883B3; text-decoration:underline; }

.trackcell a:link		{ color:#363230; text-decoration:none; }
.trackcell a:visited	{ color:#363230; text-decoration:none; }
.trackcell a:active		{ color:#363230; text-decoration:none; }
.trackcell a:hover		{ color:#363230; text-decoration:underline; }

.trackcell strong a:link		{ color:#6883B3; text-decoration:none; }
.trackcell strong a:visited		{ color:#6883B3; text-decoration:none; }
.trackcell strong a:active		{ color:#6883B3; text-decoration:none; }
.trackcell strong a:hover		{ color:#6883B3; text-decoration:underline; }

.top10link a:link		{ color:#363230; text-decoration:none; }
.top10link a:visited	{ color:#363230; text-decoration:none; }
.top10link a:active		{ color:#363230; text-decoration:none; }
.top10link a:hover		{ color:#363230; text-decoration:underline; }

.footerlinks a:link		{ color:#363230; font-weight:bold; text-decoration:none; }
.footerlinks a:visited	{ color:#363230; font-weight:bold; text-decoration:none; }
.footerlinks a:active	{ color:#363230; font-weight:bold; text-decoration:none; }
.footerlinks a:hover	{ color:#363230; font-weight:bold; text-decoration:underline; }

.dirstruct a:link		{ color:#FFFFFF; font-weight:bold; text-decoration:none; }
.dirstruct a:visited	{ color:#FFFFFF; font-weight:bold; text-decoration:none; }
.dirstruct a:active		{ color:#FFFFFF; font-weight:bold; text-decoration:none; }
.dirstruct a:hover		{ color:#FFFFFF; font-weight:bold; text-decoration:underline; }

.genrelinks a:link		{ color:#666666; text-decoration:none; }
.genrelinks a:visited	{ color:#666666; text-decoration:none; }
.genrelinks a:active	{ color:#666666; text-decoration:none; }
.genrelinks a:hover		{ color:#666666; text-decoration:underline; }

.footerhead		{ display:block; margin-bottom:5px; }
.bodytext		{ font-size:10px; }




/********************************************************
* HOME PAGES
********************************************************/

.topten {
	padding-left:8px;
	padding-right:8px;
	padding-top:7px;
	padding-bottom:5px;
	background-color:#F0EBD9;
	font-size:9px;
	height:25px;
}
.toptenalt {
	padding-left:8px;
	padding-right:8px;
	padding-top:7px;
	padding-bottom:5px;
	background-color:#FCF9EF;
	font-size:9px;
	height:25px;
}
.toptenend {
	padding-left:8px;
	padding-right:8px;
	padding-top:7px;
	background-color:#F0EBD9;
	font-size:9px;
	height:25px;
}
.toptenimg {
	margin-top:3px;
}
.toptenpos {
	width:30px;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
}
.scrolldivide{
	margin-top:15px;
	margin-bottom:15px;
}




/********************************************************
* CONTENT BOXES
********************************************************/

.contentbox {
	background-color:#F8F5EB;
	padding:15px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	line-height:14px;
	font-size:10px;
}
.contentbox2 {
	background-color:#F8F5EB;
	padding:15px;
	border:1px solid #CCCCCC;
	line-height:14px;
	font-size:10px;
}
.contentbox3 {
	background-color:#F8F5EB;
	padding:10px;
	border:1px solid #CCCCCC;
	line-height:14px;
	font-size:10px;
}




/********************************************************
* FORMS
********************************************************/

.signuplabel {
	float:left;
	width:150px;
	padding-top:2px;
}
.textbox{
	margin-bottom:5px;
	width:300px;
}
.selectbox{
	margin-bottom:5px;
}




/********************************************************
* DROP DOWN MENU
********************************************************/

.navbar {
	position:absolute;
	width:598px;
	height:20px;
	z-index:99999;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;		
}
.navhead {
	float: left;
	width: 99px;
}
#nav li ul {
	position: absolute;
	width: 152px;
	left: -999em;	
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-color:#F0EBD9;
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-x;
	background-position:top;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
.navitems {
	border-top:5px solid #FFFFFF;
}
.navitems li {
	padding-left:8px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
	color:#333333;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-weight:bold;
}
.navitems li:hover, .navitems li.sfhover {
	background-color:#94D0E7;
	color:#FFFFFF;
	cursor:pointer;
}
.navbottom {
	border-bottom:1px solid #CCCCCC;
	padding:0;
	margin:0;
}