/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#666;
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(images/cc_bg.gif);
	background-repeat: repeat;
	background-position: 0 0;
}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{color:#000; text-decoration:none;}
a:hover{color:#666; text-decoration:underline;} 

/*----TOP PANEL----*/
#topPan{width:750px; height:82px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:229px; height:0px; background:#fff; color:#666; position:absolute; top:30px; left:0px;}
#topPan #ImgPan img{width:432px; height:41px;}


#topPan ul{
	width:312px;
	height:32px;
	position:absolute;
	right:0px;
	top: 41px;
}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
	width:750px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 25;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #FFFFFF;
}
#bodyPan p.toptextpadding{
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-right: 25;
	padding-bottom: 0;
	padding-left: 25;
}
#bodyPan p span{
	background:#ffffff;
	color:#009900;
	background-color: #FFFFFF;
}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----Body Middle Panel----*/
#bodyMiddlePan{
	width:750px;
	position:relative;
	margin:0 auto;
	background-color: #FFFFFF;
}
/*----Middle Left Panel----*/
#MiddleLeftPan{
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#MiddleLeftPan p{padding:0; line-height:18px;}

#MiddleLeftPan p.largegraytext{font-size:18px;}

#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{width:210px; height:50px; display:block; background:url(images/icon1.jpg) 100% 0 no-repeat  #fff; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:384px; float:left; padding:0 0 0 73px;}
#MiddleRightTopPan{width:384px; height:203px; background:url(images/image1.jpg) 0 100% no-repeat; padding:29px 0 0; margin:0 0 40px 0;}

#MiddleRightTopPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.business{width:170px; height:20px; display:block; margin:0 0 0 210px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:27px; text-transform:uppercase; text-align:right;}

#MiddleRightPan h2{width:380px; height:20px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:24px;}
#MiddleRightPan p{padding:8px 0 0;}

#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{
	color:#212121;
	margin:0 auto;
	clear:both;
	background-color: #3B3B3B;
	background-image: url(images/footerbg.gif);
	background-repeat: repeat;
	background-position: 0 0;
	width: 100%;
	bottom: 0px;
}
#footerPan{
	width:750px;
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: auto;
	position: relative;
	clear: both;
}

#footerPan ul{
	width:550px;
	height:20px;
	position:relative;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	color: #FFFFFF;
}
#footerPan li{
	float:none;
	color: #FFFFFF;
}
#footerPan ul li a{color:#FFFFE4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	width:260px;
	color:#FFFFFF;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:115px; left:126px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:36px; left:359px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:-44px; left:39px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}
.copyright {
	color: #FFFFFF;
}
.toppadding {
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.topheader {
	background: url(images/mainbg.gif) 0 0 repeat-x #fff;
	background-color: #CC3333;
	height: 86px;
}
.loginposition {
	height: 37px;
	position: absolute;
	padding: 0px;
	left: 300px;
	top: 50px;
	width: 450px;
	text-align: right;
}
.username {
	position: absolute;
	left: 15px;
	top: 47px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.password {
	position: absolute;
	left: 15px;
	top: 78px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.helpbox {
	position: absolute;
	left: 480px;
	top: 45px;
	font-weight: normal;
	width: 250px;
	font-size: 11px;
	height: 20px;
}
.helpbox a{background:#fff; color:#3333FF; text-decoration:none;}
.helpbox a:hover{background:#fff; color:#CC0000; text-decoration:underline;} 
.introtext {
	width: 400px;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20%;
}
.introtext h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.introtext li {
	background:url(images/bullet.gif) 0 6px no-repeat #fff;
	background-color: #FFFFFF;
	margin-left: 20px;
	padding-left: 20px;
}
.introtext2 {
	width: 700px;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 200%;
}
.introtext2 a {
	color: #0000FF;
}
.introtext a {
	color: #0000FF;
}
.introtext2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.introtext h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CD1414;
	font-weight: bold;
}
.introtext2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CD1414;
	font-weight: bold;
}
.introtext2 li {
	background:url(images/bullet.gif) 0 6px no-repeat #fff;
	background-color: #FFFFFF;
	padding-left: 20px;
	margin-left: 20px;
}
.registeroffer {
	top: 360px;
	text-align: center;
	position: absolute;
	width: 290px;
	height: 50px;
	left: 447px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	background-image: url(images/offerback.gif);
	background-repeat: no-repeat;
}
.registerofferreg {
	top: 340px;
	text-align: center;
	position: absolute;
	width: 200px;
	height: 259px;
	left: 520px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	background-image: url(premenu/regimg2.jpg);
	background-repeat: no-repeat;
}
.registerofferreg2 {
	top: 420px;
	text-align: center;
	position: absolute;
	width: 200px;
	height: 259px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	background-image: url(premenu/regimg2.jpg);
	background-repeat: no-repeat;
	right: -80px;
}
.memberlogin {
	position: absolute;
	left: 447px;
	top: 180px;
	width: 290px;
	height: 153px;
}
.memberlogin form{
	width:290px;
	background:url(images/formarea.jpg) 0 100% no-repeat;
	padding:0px;
	height: 142px;
}
.memberlogin form h2{
	width:290px;
	height:37px;
	color:#FFFFFF;
	background-color: #C0C0C0;
	background-image: url(images/formtop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 39px;
	font-weight: bold;
}
.memberlogin form input{
	width:165px;
	height:18px;
	margin-left: 110px;
	margin-top: 5px;
}
.memberlogin form input.paddingtop{}
.memberlogin form input.button{
	width:54px;
	height:25px;
	display:block;
	background:url(images/button.gif) 0 0 no-repeat #EBEBEB;
	border:none;
	color:#fff;
	font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin-left: 220px;
}
.registerbutton {

	width: 290px;
	position: absolute;
	top: 330px;
	left: 447px;
}
.forgotpass {
	position: absolute;
	left: 15px;
	top: 115px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
}
.forgotpass a {
	color: #0000FF;
}
.style54 {
	font-size: 9px;
	color: #000000;
}
.inputborder {
	border: thin solid #FF0000;
}
.style52 {
	color: #339900;
	font-weight: bold;
}
.style47 {font-size: 12px; font-style: normal; line-height: 18px; color: #000000; font-family: Tahoma;}
.style51 {
	color: #FF0000;
	font-size: 12px;
}
.topheader2 {
	background-color: #CC3333;
	height: 117px;
	background-image: url(images/mainbg3.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#topPan2 #ImgPan2 img {
	width:370px;
	height:35px;
}
#topPan2 #ImgPan2 {
	width:229px;
	height:0px;
	background:#fff;
	color:#666;
	position:absolute;
	top:28px;
	left:0px;
}
#topPan2 {
	width:752px;
	height:113px;
	position:relative;
	margin:0 auto;
}
.invertmenu{
	width: 752px; /*Highlight red color theme*/
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: auto;
	position: absolute;
	top: 80px;
}
.invertmenu ul{
	list-style: none;
	margin-left: 0px;
}
.invertmenu li{
	display: inline;
	padding: 0;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
.invertmenu a{
	display: block;
	color: #FFF;
	text-decoration: none; /*Padding within each menu item*/
	background-color: #AF0B1B;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/menuBack.gif);
	background-repeat: repeat-x;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #AF0B1B;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.invertmenu a:hover{
	background-color: #AF0B1B; /*Highlight red color theme*/
	color: white;
	background-image: url(../images/menuBackOver.gif);
	background-repeat: repeat-x;
}
.invertmenu .current a{ /** currently selected menu item **/
	background-color: #AF0B1B; /*Highlight red color theme*/
	padding-top: 5px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 5px; /*Set padding-bottom value to 0 */
	border-bottom-color: #AF0B1B; /*Highlight red color theme*/
	color: #FFF;
	background-image: url(../images/menuBackSelected.gif);
	border-top-color: #AF0B1B;
}
.loginb2 a{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	width: 117px;
	background-repeat: repeat;
	border: 1px double #CCC;
	position: absolute;
	top: 20px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF;
	right: 2px;
}
.phoneno  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: lowercase;
	background-repeat: repeat;
	position: absolute;
	top: 55px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	background-color: #FFF;
	right: 2px;
	color: #333;
}
.loginb3 a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	width: 117px;
	background-repeat: repeat;
	border: 1px double #CCC;
	position: absolute;
	top: 175px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF;
	right: 40px;
	background-image: url(images/loginback.png);
	color: #333;
}
.loginbclose a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	width: 34px;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	right: 25px;
	height: 34px;
}
.toppadding2 {
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
#bodyPan2 {
	width:750px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 25;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.carosel {
	height: 160px;
	width: 751px;
	overflow: hidden;
}
.introtextsm {
	width: 400px;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 150%;
}
.backtesth {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C03;
	font-weight: bold;
}
.backtest {
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 22px;
	background-image: url(images/optionsback.png);
	background-repeat: repeat-y;
}
.backtesttable {
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/optionsback.png);
	background-repeat: repeat-y;
	line-height: 22px;
}
.backtesttable tr:hover{
	background-color: #FFF;
}