/* CSS Document */



/*----->>>>> Main Reset <<<<<-----*/

* { padding:0; margin:0; }



body {

	background:url(../images/bodyBg.jpg) #670001 repeat-x top left;

	color:#660000;

	font-size:11px;

	font-family:"Trebuchet MS", UnDotum, sans;

}



h1, h2, h3, h4, h5, h6, p, ul, fieldset { margin:20px  0 }

li {margin-left: 20px}

fieldset {padding:10px}



img {border:0; }



#bottomlink a:link {

	color: #FFFFFF;

	text-decoration: none;

}

#bottomlink a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

#bottomlink a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

#bottomlink a:active {

	text-decoration: none;

	color: #FFFFFF;

}

#livehelp a:link {

	color: #FFFFFF;

	text-decoration: none;

}

#livehelp a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

#livehelp a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

#livehelp a:active {

	text-decoration: none;

	color: #FFFFFF;

}


a:link, a:active, a:visited {text-decoration:none; color:#000;}

a:hover {text-decoration:underline; color:#000;}





/*----->>>>> Globals Classes <<<<<-----*/

.bold {font-weight:bold; }

.floatLeft {float:left; }

.floatRight {float:right; }

.border {border:1px solid #F00; }



.btnLeft {background:url(../images/btnLeft.jpg) no-repeat top left; float:left; width:5px; height:18px;}

.btnMiddle {background:url(../images/btnMiddle.jpg) repeat-x top left; float:left; border:none; font-weight:bold; padding:0 5px; cursor:pointer }

.btnMiddle:hover {color:#FF143C}

.btnRight {background:url(../images/btnRight.jpg) no-repeat top left; float:left; width:5px; height:18px;}



h1, h2, h3, h4, h5, h6 {color:#000;}

h1 {font-size:32px; }

h2 {font-size:24px; }

h3 {font-size:18px; }

h4 {font-size:14px; }

h5 {font-size:12px; }

h6 {font-size:10px; }





/*----->>>>> Main All C1ontainer & LAYOUT<<<<<-----*/

#container {width:750px; margin:0 auto; border:1px solid #000; border-top:none; border-bottom:none; background-color:#FFF; }



#header {}

#leftColumn {width:254px; float:left; }

#middleColumn {width:247px; float:left; }

#rightColumn {width:248px; float:left; padding:1px 0; }

#footer {clear:both; height:65px; background-color:#FFF; border-top:1px solid #ff143c }



/*----->>>>> Header <<<<<-----*/

#headerTop {

	height:20px;

	width:750px;

	margin:0 auto; 

	padding:3px 0;

	background-color:#7f7f7f;

	border-bottom:1px solid #fa133b;

	border-left:1px solid #000000;

	border-right:1px solid #000000;

}

#headerTop form {

	margin:0;

	float:left;

}

#headerTop span {

	text-transform:capitalize;

	color:#FFFFFF;

	font-weight:bold;

}

.login {

	background:url(../images/loginFld.jpg) no-repeat top right;

	height:14px;

	width:115px;

	background-color:#c1e0ff;

	padding:2px 5px;

	color:#787878;

	text-align:center;

	font-size:10px;

	border:none;

	vertical-align:middle;

}

.loginBtn {

	background:url(../images/loginBtn.jpg) no-repeat top left;

	height:18px;

	width:28px;

	border:none;

	vertical-align:middle;

}

#headerTime {

	width:270px;

	float:right;

	vertical-align:middle;

	margin-top:3px;

	margin-right: 3px;

	text-align:right;

	font-weight:bold;

}

#headerBanner {

	width:750px;

	height:100px;

	position:absolute;

	cursor:pointer;

}

#downloadBanner {

	height:131px;

	width:250px;

	position:absolute;

	cursor:pointer;

}

#middleBanner {

	height:247px;

	width:247px;

	position:absolute;

	cursor:pointer;

}



#clock {

	font-size:11px;

	font-weight:bold;

	color:#FFF; 

	width:60px; 

}



/*----->>>>> Middle <<<<<-----*/

#middleTop {

	background:#ff143c;

	color:#000000;

	height:20px;

	padding:1px 4px;

	border-bottom:1px solid #000;

	font-weight:bold;

}

#search {

	float:right;

	width:300px;

	text-align:right;

}

#search a:hover{text-decoration:none }

#searchFld {

	background:url(../images/searchFld.jpg) no-repeat top right;

	border:none;

	height:18px;

	padding:0 5px;

	width:114px;

}



/*----->>>>> Left Column <<<<<-----*/

#leftColumn img {

	float:left;

}

#signup ul {

	list-style:none;

	height:210px;

	padding:0;

	margin:0;

}

#signup ul li {

	margin-left:45px;

}

#signup {

	width:100%;

	float:left;

}

#signup .fld {

	width:170px;

	height:23px;

	padding:2px 0 2px 10px;

	background:url(../images/signUpFld.jpg) no-repeat top right;

	border:none;

}

#signup label {

	width:100px;

	color:#999;

	font-size:11px;

	text-transform:uppercase;

	font-weight:bold;

}

#signup .btn {

	height:26px;

	width:84px;

	background:url(../images/signUpBtn.jpg) no-repeat top left;

	text-align:center;

	border:none;

	color:#797878;

	font-weight:bold;

	font-size:11px;

	margin:2px 0 0 45px;

	cursor:pointer;

}

#signup .red {

	color:red; 

	font-size:11px; 

	font-weight:bold; 

	text-transform:uppercase;

	text-align:center;

	padding:0 5px 5px 5px;

}



/*----->>>>> Middle Column <<<<<-----*/

#middleColumn ul {

	list-style:url(../images/ls.gif);

	color:#666666;

	margin:0;

	height:117px;

	width:222px;

	padding:10px 5px 0 20px;

}

#middleColumn ul li {

	margin:0;

}

#middleBottom {

	background:url(../images/midBottomBanner.jpg) top right no-repeat;

	width:335px;

	height:147px;

	float:right;

	padding:17px 0 0 160px;

	font-size:18px;

}

#middleBottom a {

	display:block;

}

#middleColumn img {

	float:left;

}

/*----->>>>> Right Column <<<<<-----*/

#rightColumn img {

	float:left;

}



/*----->>>>> Footer <<<<<-----*/

#footer a {

	color:#4381c1;

	display:block;

	float:right;

}

#bottom {

	color:#fff;

	height:25px;

	width: 750px;

	margin:0 auto;

	font-size:11px;

	padding-top:7px;

	background-color:#7f7f7f;

	border-top:1px solid #ff143c;

	border-bottom:1px solid #ff143c;

}

#copyright {

	text-align:right;

	padding-top:6px;

	padding-bottom:15px;

	width: 750px;

	margin:0 auto;

	font-size:12px;	

}

#bottom a {

	color:#fff;

}

#links {

	float:left;

}



#popup {

	height:261px;

	width:330px; 

	background:url(../images/popup.jpg) top left no-repeat #FFF; 

	position:absolute; 

	color:#FFFFFF; 

	font-size:14px;

	display:none;

}



/* Top Tabs */
.top-tab-container	  {
	padding: 0px;
	margin-left:2px;
	position:relative;
	top:-3px;
	width:390px;
}

.top-tab-container .top-tab {
	display: block;
	float:left;
	width: 96px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.top-tab-container .top-tab.on {
	color: White;
	background: Transparent url("/images/new/top_on.jpg") top left no-repeat;
}

.top-tab-container .top-tab.off {
	color: #7c7c7e;
	background: Transparent url("/images/new/top_off.jpg") top left no-repeat;
}