@charset "UTF-8";
/* CSS Document */



/*
Z-INDEX TRACKING

#bg_image: 1
#scrollable: 2
#navBar: 3
#outerContainer: 4
#tier2Container: 5
#logos: 6

#overlay: 99
#errorBox: 100


*/




/* GLOBAL - TOP LEVEL ------------------------------- */

.clear { clear: both; margin: 0; padding: 0; }
.hidden {display: none; }
.dottedLine { background: url(../images/dottedlinedot.gif) repeat-x; height: 1px;}

html, body { margin: 0; padding: 0; width: 100%; height: 100%; background: #000; }
body {font: 12px Arial, Helvetica, sans-serif; color: #CBC9C9; }

h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 { text-indent: -9999px; height: 24px; }
h2 { font-size: 12px;}

a{outline:0!important}
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #FFDE00; }

img { border: 0; }

hr { color: #fff; opacity: .30; moz-opacity: .30;}




/* GLOBAL - LAYOUT / CONTAINERS -------------------- */

#bg_image { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; }
/*#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }*/


#overlay { 
	position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background:#000; display: none;
	opacity: .70; moz-opacity: .70; 
	filter: alpha(opacity=50);
}
#errorBox { position: absolute; width: 400px; height: 150px; top: 0; left: 0; z-index: 100; background: #fff; border: 2px solid #FC0; text-align: center; padding: 25px; display: none; }
#errorMsg {padding: 10px 0; color: #333; font-size: 16px;}


#navBar {position: fixed; top: 0; left: 0; z-index: 3; width: 100%; height:45px; background: url(../images/75black.png); }


#outerContainer { width: 472px; position: absolute; top: 0; left: 0; z-index: 4;}
#innerContainerTop { width: 472px; height: 14px; background: url(../images/contentbox_top.png) no-repeat; }
#innerContainerBody { width: 472px; background:url(../images/75black.png); }
#innerContainerBottom { width: 472px; height: 14px; background: url(../images/contentbox_bottom.png) no-repeat; }
#contentContainer { margin: 0 25px; padding: 10px 0; }


#tier2Container { width: 100%; position: absolute; top: 80px; left: 0; z-index: 5; }
#tier2Position { width: 680px; margin: 0 auto; }
#tier2BG { width: 605px; background:url(../images/75black.png); padding: 25px; padding-bottom: 10px; }
#tier2Top { width: 655px; height: 14px; background: url(../images/tier2bgtop.png) no-repeat; }
#tier2Bottom { width: 655px; height: 14px; background: url(../images/tier2bgbottom.png) no-repeat; }

.scrollbox { height: 270px; }

#intro {}
#step1 { display:none;}
#step2 { display:none;}
#step3 { display:none;}
#step4 { display:none;}



#logos { width: 408px; height: 103px; position: absolute; bottom: 0; right: 0; z-index: 6; background: url(../images/logo.png); }







/* NAVIGATION ------------------------------------ */

#nav { 
	height: 45px;
	margin-right: 10px;
	text-align:center;
	width: 680px;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
}
#nav li a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}




#navHome a { background: url(../images/nav_home_d.gif) no-repeat; width:79px; height:45px;}
#navAbout a { background: url(../images/nav_01_d.gif) no-repeat; width:192px; height:45px;}
#navWin a { background: url(../images/nav_02_d.gif) no-repeat; width:169px; height:45px;}
#navDownloads a { background: url(../images/nav_03_d.gif) no-repeat; width:125px; height:45px;}
#navShare a { background: url(../images/nav_04_d.gif) no-repeat; width:114px; height:45px;}



#navHome a:hover { background: url(../images/nav_home_o.gif) no-repeat;}
#navAbout a:hover { background: url(../images/nav_01_o.gif) no-repeat;}
#navWin a:hover { background: url(../images/nav_02_o.gif) no-repeat;}
#navDownloads a:hover { background: url(../images/nav_03_o.gif) no-repeat;}
#navShare a:hover { background: url(../images/nav_04_o.gif) no-repeat;}




/* the current page
#home #navHome a { background: url(../images/nav_01_o.gif) no-repeat; width:51px; height:21px; cursor: default;}
#about #navAbout a { background: url(../images/nav_02_o.gif) no-repeat; width:118px; height:21px;}
#channels #navChannels a { background: url(../images/nav_03_o.gif) no-repeat; width:120px; height:21px;}
#advertising #navAdvertising a { background: url(../images/nav_04_o.gif) no-repeat; width:170px; height:21px;}
#rates #navRates a { background: url(../images/nav_05_o.gif) no-repeat; width:69px; height:21px;}
#research #navResearch a { background: url(../images/nav_06_o.gif) no-repeat; width:92px; height:21px;}
#showcase #navShowcase a { background: url(../images/nav_07_o.gif) no-repeat; width:96px; height:21px;}
#newsletter #navNewsletter a { background: url(../images/nav_08_o.gif) no-repeat; width:106px; height:21px;}
#enquire #navContact a { background: url(../images/nav_09_o.gif) no-repeat; width:119px; height:21px;}
 */






/* ELEMENTS ------------------------------------ */

.arrowBullet {float: left; margin-right: 15px;}
.categoryHeading {float: left; text-transform: uppercase;}

.activityItems {margin-top: 5px;}

.activityHeading { font-size: 10px; text-transform: uppercase; font-weight: bold; margin-top:4px; color: #FFDE00; }
.activityDescription { margin-top: 2px; margin-bottom: 7px;}

#ai1, #ai2, #ai3, #ai4, #ai5, #ai6, #ai7, #ai8, #ai9, #ai10 { display:none;}


.friendField, .signupField { background: #fff; border:0; opacity: .50; moz-opacity: .50; filter: alpha(opacity=50); width: 190px; padding: 3px 6px; }
/*.friendField:focus, .signupField:focus { background: #ffff00; }*/

.signupSelect { background: #fff; border:0; opacity: .50; moz-opacity: .50; width: 200px; padding: 3px 6px; filter: alpha(opacity=50); }

.daySelect { background: #fff; border:0; opacity: .50; moz-opacity: .50; width: 55px; padding: 3px 6px; filter: alpha(opacity=50); }
.monthSelect { background: #fff; border:0; opacity: .50; moz-opacity: .50; width: 70px; padding: 3px 6px; filter: alpha(opacity=50); }
.yearSelect { background: #fff; border:0; opacity: .50; moz-opacity: .50; width: 70px; padding: 3px 6px; filter: alpha(opacity=50); }


.downloadHeading { color: #FFDE00; font-weight: bold; }
.downloadDescription a { color: #FFDE00; }
.downloadDescription a:hover { text-decoration: underline; }