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

html, body {
	height:100%;
}

body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
	width: 100%;
	line-height:1.1;
}

#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 150px;
	width: 150px;
	text-decoration: none;
	z-index:5;
	clear:both;
}

#topleft a {
	border: 0;
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
	cursor:hand;
}

#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 220px;
	width: 220px;
	text-decoration: none;
	z-index:5;
	clear:both;
}

#topright a {
	border: 0;
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
	cursor:hand;
}

#distance {
	width:1px;
	height:50%;
	background-color:#000000;
	margin-bottom:-290px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:580px;
	width:994px;
	clear:left;
	background: #000000;
	z-index:1;
}

#left {
	width: 690px;
	height:560px;
	margin-right: 304px;
}

#right {
	width: 284px;
	height:560px;
	/*padding: 10px 10px 0 10px;*/
	overflow:hidden;
	float: right;
}

#bottom {
	position: absolute;
	top: 560px;
	width: 994px;
	height:20px;
	margin:0 auto;
}

#index {
	display: block;
	width: 996px;
	overflow:auto;
	height: 560px;
	border: 0;
	margin: 0;
	padding: 0;
}

#index li {
	display:none;
}

#phplist {
	width:600px;
}

/* ---------------------------------------Text------------------------------------------ */

h1, h3 {
	color: #A0A0A0;
	font-size: 16px;
}

p {
	color: #A0A0A0;
	font-size: 14px;
}

.center {
	text-align: center;
}

.small {
	font-size: 10px;
}

a {
	color: #CCCCCC;
	text-decoration: none;
}

/* -----------------------------------Navigation Bar----------------------------------- */

#navhead ul {
	display: block;
	margin:0;
	padding:0;
	border:0;
}

#navhead ul li {
	display: inline;
	margin:0;
	padding:0;
	border:0;
}

#navhead ul li a {
	float: left;
	margin:0;
	padding:0;
	border:0;
	color: #000000;
	text-decoration: none;
}

#navhead ul li.this a {
	
}

#navhead ul li a:hover {

}

#navhead ul li a:active {

}

/* -----------------------------------Image Palcement----------------------------------- */

img {  
	border-style: none;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

img.imgTopMargin {
	position:absolute;
	top: 70px;
}

img.mainlogo {
	margin-top: 0px;
}

img.logo {
	margin-top: 0px;
	margin-bottom: 14px;
	color: #000000;
	text-decoration: none;
}

img a {
	color: #000000;
	text-decoration: none;
}

.logo a {
	border: 0;
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
}

/* -----------------------------------SPECIAL OFFERINGS----------------------------------- */

#tab {
	position:absolute;
	width:258px;
	height:63px;
	top:0;
	left:240px;
	z-index:10;
	/*TEMPORARY*/
	/*display:none;*/
}

.slide-out-div {
	width: 258px;
	height: 414px;
	background:url(../images/mainsign.png) no-repeat;
	z-index:10;
	border-style:none;
	display:none;
}

#innerPullout {
	margin:18px;
	text-align:left;
}

#innerPullout a{
	text-decoration:underline;
}

.whiteText {
	color:#FFFFFF;
	font-size:12px;
}

.pinkText {
	color:#8b0094;
	color:#FF0099;
	text-align:center;
	font-size:16px;
}

.pinkTextNoCenter {
	color:#8b0094;
	color:#FF0099;
	font-size:16px;
}

.terms {
	font-size:9px;
}

input {
	margin-bottom:4px;
}

.mandatory {
	color:#FF0000;
}

.input {
	width:216px;
	margin-top:1px;
}

center {
	margin-top:-6px;
	margin-bottom:-6px;
}

/* -----------------------------------Scroll Bar style----------------------------------- */

#scroll {
	display:block;
	width:284px;
	height:456px;
	overflow:hidden;
}

.scroll-pane {
	width: 284px;
	height: 456px;
	overflow: auto;
	float: left;
}

.thumb{
	padding:0;
	border:0;
	margin:0;
	margin-bottom:6px;
}

#scroller ul {
	display:block;
	padding: 0;
	border: 0;
	margin: 0;
	color: #000000;
}

.gate-scroller .jScrollPaneTrack {
	background: #000000;
}
.gate-scroller .jScrollPaneDrag {
	background: #f5d10b;
}
.gate-scroller .scroll-pane {
	background: #000000;
}