/* CSS Document */

body{
	margin:0; padding:0;
	font:normal 12px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#818181;}
div, p, img, a, form, input, select, h1, h2, h3, h4, h5{
	margin:0; padding:0;}
ul, li, dl, dt, dd{
	margin:0; padding:0; list-style:none;}
a{
	outline:none;}
strong{
	font-weight:bold;}
.clear{
	font-size:0; line-height:0; clear:both;}


/*---------------------Header Start-----------------*/

#container{
	width:1003px; margin:0 auto;}
#header{
	background:url(../images/gti24x7_header_bg.jpg) no-repeat 0 0;
	width:1003px; height:138px; margin:0 auto; position:relative;}
#header a.logo{
	background:url(../images/gti24x7_logo.gif) no-repeat 0 0;
	margin:43px 0 0 15px; float:left; width:304px; height:43px}
#header h1{
	/*background:url(../images/gbhejoindia_punch_line.gif) no-repeat 0 0;*/
	position:absolute; left:339px; top:63px;
	width:394px; height:13px;}
#header p.customer1{
	background:url(../images/gti24x7_customer_info2.gif) no-repeat 0 0;
 	position:absolute; left:547px; top:19px;
	width:424px; height:71px;}
#header p.customer2{
	background:url(../images/gti24x7_method2.gif) no-repeat 0 0;
 	position:absolute; left:547px; top:19px;
	width:424px; height:71px;}
#header p.customer3{
	background:url(../images/gti24x7_confirmation2.gif) no-repeat 0 0;
 	position:absolute; left:547px; top:19px;
	width:424px; height:71px;}
#header div.paymntCartDetail{
	position:absolute;
	right:10px;
	top:108px;
	width:200px;
	color:#fff;
	text-align:right}
	
/*------------------Header End---------------*/

/*-------------Payment Option Style Start----------*/

#rightPanel{
	width:975px; margin:0 auto; padding:0 0 50px 0;}
.paymentWelTxt{
	width:620px; margin:0 0 10px 0; float:left}
.paymentTwiFcb{
	width:350px; margin:0 0 10px 0; text-align:center; float:left}
.paymentTwiFcb img{
	margin:0 10px 0 0; display:inline; border:none}
.topheading{
	margin:0 0 5px 0}
#rightPanel div.payOpt{
	border:1px dashed #BFBFBF; overflow:hidden; width:945px;
	padding:15px 14px 30px 14px; margin:-15px 0 0 0; float:left; }
#rightPanel div.payOpt h2{
	background:url(../images/gth24x7_select_bg.gif) repeat-y 0 0 #FFF;
	font:bold 11px/25px Tahoma, Arial, Helvetica, sans-serif;
	color:#b20000; margin:0 0 11px 0; padding:0 0 0 8px;}
#rightPanel div.payOpt p.selectTxt{
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#616161; background-color:#FFF; padding:0 0 30px 0;}
.rightBg{
	background:url(../images/dotted_line3.gif) repeat-y 100% 0;
	padding:0 21px 0 0;}
.middlePadd{
	background:url(../images/dotted_line3.gif) repeat-y 100% 0;
	padding:0 20px;}
.rightBgPadd{
	padding:0 0 0 21px;}
.imgMarg{
	margin:0 0 32px 0;}
#rightPanel div.payOpt div.topBg{
	background:url(../images/top_border.gif) repeat-x 0 0;
	height:11px; display:block;}
#rightPanel div.payOpt div.topBg span.leftCurve{
	background:url(../images/curve_1.gif) no-repeat 0 0;
	width:10px; height:11px; display:block; float:left;
	font-size:0; line-height:0;}
#rightPanel div.payOpt div.topBg span.rightCurve{
	background:url(../images/curve_2.gif) no-repeat 0 0;
	width:10px; height:11px; display:block; float:right;
	font-size:0; line-height:0;}
#rightPanel div.payOpt div.botmBg{
	background:url(../images/bottom_border.gif) repeat-x 0 100%;
	height:11px; display:block;}
#rightPanel div.payOpt div.botmBg span.leftCurve2{
	background:url(../images/curve_3.gif) no-repeat 0 0;
	width:10px; height:11px; display:block; float:left;
	font-size:0; line-height:0;}
#rightPanel div.payOpt div.botmBg span.rightCurve2{
	background:url(../images/curve_4.gif) no-repeat 0 0;
	width:10px; height:11px; display:block; float:right;
	font-size:0; line-height:0;}
.greyBorder{
	border-left:2px solid #D1D0D0;
	border-right:2px solid #D1D0D0;
	padding:10px 20px; color:#8F8D8B; background-color:#FFF;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	height:330px;}
.saveBtn{
	background:url(../images/save_btn.gif) no-repeat 0 0;
	margin:35px 0 25px  30px; width:159px; height:26px;
	display:block; border:none;}
.greyBorder h3{
	background:url(../images/benefits_bg.gif) repeat-y 0 0 #fff;
	color:#fff; margin:24px 0 0 0; padding:0 0 0 5px;}
.greyBorder h3 span{
	background:url(../images/arrow_3.gif) no-repeat 1px 2px;
	font:bold 12px/22px Arial, Helvetica, sans-serif;
	padding:0 0 0 18px; text-transform:uppercase;}
.greyBorder ul{
	padding:14px 0 0 18px;}
.greyBorder ul li{
	background:url(../images/arrow_2.gif) no-repeat 0 5px #FFF;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#C8424C; margin:0 0 15px 0; padding:0 0 0 14px;}
.txtPadd{
	padding:0 0 15px 0;}
	
/*-------------Payment Option Style End----------*/

/*-------------Payment Style Start----------*/

#rightPanel{
	width:975px; margin:0 auto; padding:0 0 50px 0;}
#rightPanel div.payment{
	border:1px dashed #BFBFBF; overflow:hidden; width:963px;
	padding:6px 6px 30px 6px; float:left; }
#rightPanel div.payment h4{
	font:bold 12px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:#b20000; background-color:#FFF; margin:0 auto;
	padding:5px 0 10px 0; text-align:center; text-decoration:underline;}
#rightPanel div.payment p.orderTxt{
	font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#616161; background:#FFF; float:left; width:963px;}
.paymentBtn{
	background:url(../images/make_payment.gif) no-repeat 0 0;
	margin:15px 0 20px 400px; width:147px; height:32px; border:none;
	display:block; cursor:pointer;}
#rightPanel div.payment div.billDetail{
	background-color:#fde9e9; color:#C05005; overflow:hidden;
	margin:0 0 10px 0; padding:8px 22px;}
#rightPanel div.payment div.billDetail dl.leftTxt{
	width:458px; float:left;}
#rightPanel div.payment dl.leftTxt dt{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#b20000; background:inherit; padding:0 0 7px 0;
	float:left; width:458px;}
#rightPanel div.payment dl.leftTxt dd{
	float:left; font:normal 12px/15px Arial, Helvetica, sans-serif;}
#rightPanel div.payment div.billDetail ul{
	background:url(../images/dotted_line3.gif) repeat-y 0 0;
	float:left; padding:0 0 0 22px;}
#rightPanel div.payment div.billDetail ul li{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#706C69; background-color:#fde9e9; float:none; margin:0 0 5px 0;}
#rightPanel div.payment div.billDetail ul li span{
	font-weight:bold; color:#b20000; background:inherit;
	padding:0 4px 0 0;}
#rightPanel div.payment ul.topName{
	background-color:#b20000; color:#FFF;
	overflow:hidden; height:22px;}
#rightPanel div.payment ul.topName li{
	font:bold 12px/22px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF; float:left; width:30px; text-align:center; background:inherit;}
#rightPanel div.payment ul.topName li img.removeBtn{
	float:left; width:24px; height:23px;}
#rightPanel div.payment ul.prodList{
	background:url(../images/dotted_line.gif) repeat-x 0 100% #FBFBFB;
	color:#FFF; margin:10px 0 0 0; padding:0 0 1px 0; overflow:hidden; width:770px;}
#rightPanel div.payment ul.prodList li{
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#616161; float:left; width:130px; text-align:center;
	padding:5px 0 5px 0; background-color:#FFF;}
#rightPanel div.payment ul.prodList li img.itemImg{
	float:left; margin:-5px 0 0 10px; width:40px; height:32px;}
#rightPanel div.payment ul.totalList{
	padding:7px 0 0 60px; overflow:hidden;}
#rightPanel div.payment ul.totalList li{
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#616161; float:left; width:150px; text-align:left;
	background-color:#FFF;}
.shipDetail{
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#616161; background-color:#FFF; padding:5px 15px 20px 10px;}
.shipDetail span{
	font-weight:bold; color:#b20000; background-color:#FFF;
	text-decoration:underline;}
.msgDetail{
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#441B02; background-color:#fde9e9; border-right:10px solid #FFF;
	margin:0 10px 0 0; padding:5px 10px 20px 10px;}
.msgDetailTxt{
	padding:0 0 10px 0;}
.msgDetail span.msg{
	background:url(../images/msg_img.gif) no-repeat 0 0 #fde9e9;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#b20000; cursor:pointer; width:53px; display:block;
	padding:2px 0 0 25px; height:14px;}
.msgDetail span.ins{
	background:url(../images/instruction_img.gif) no-repeat 0 0 #fde9e9;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#b20000; cursor:pointer; width:109px; display:block;
	margin:-8px 0 0 0; padding:2px 0 0 25px; height:14px;}
#rightPanel div.payment ul.subTotal{
	border-top:1px solid #b20000; border-bottom:1px solid #b20000;
	width:250px; float:right; margin:0 50px 0 0; _margin:0 25px 0 0; 
	padding:0 5px 0 5px; overflow:hidden; display:block;}
#rightPanel div.payment ul.subTotal li{
	font:bold 11px/22px Tahoma, Arial, Helvetica, sans-serif;
	color:#393838; text-align:left; float:left; width:100px;
	background:inherit;}
#rightPanel div.payment ul.subTotal li span{
	color:#b20000; background-color:#FFF;}
	
.width1{
	width:190px !important;}
.width2{
	width:60px !important;}
.width3{
	width:333px !important;}
.width4{
	width:140px !important;}
.width5{
	width:160px !important; text-align:left !important;}
.width6{
	width:150px !important; text-align:right !important;}
.width7{
	width:140px !important; text-align:right !important;
	margin:0 0 0 125px !important;}
.width8{
	width:140px !important;	padding:0 0 0 390px !important;}


/*-------------Payment Style End----------*/

/*-------------Cancel Style Start----------*/

.style8 {
	font:bold 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#c32411;}
.big_red {
	font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#c32411;}
.cancelBtn{
 	background:url(../images/btnGoto24x7.jpg) no-repeat 0 0;
 	width:97px; height:21px; border:none; cursor:pointer;}

 /*-------------Cancel Style End----------*/
 
/*-------------Footer Style Start----------*/
 
.footerBg{
  	background:url(../images/gti24x7_copyright.gif) no-repeat 50% 0 #FFF;
  	height:23px;}
 
/*-------------Footer Style End----------*/

/*-------------Top 24x7 Payment Message starts ----------*/
#topMsg{
	font:bold 12px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;	padding:5px 25px; display:block; width:950px;
	padding:0 5px; text-align:center; margin:0 auto 20px auto }
	
/*-------------Top 24x7 Payment Message ends ----------*/


.editDet{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#b20000; float:left; margin:20px 0 0 8px}
.editDet a{
	background:url(../images/edit_icon.png) no-repeat 0 0;
	color:#b20000; text-decoration:underline; padding:5px 0 5px 30px}
.editDet a:hover{
	text-decoration:none}
.paymentContrl{
	margin:20px}
.paymentContrl label{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#333; margin:0 0 5px 0; float:left}
.slectPaymentOpt{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#000; margin:0 0 5px 0; float:left}
.payBtnOpt{
	background:url(../images/make_payment.gif) no-repeat 0 0;
	margin:15px 0 20px 0; width:147px; height:32px; border:none;
	display:block; cursor:pointer}
.paymentOpt{
	border:1px dashed #333; padding:5px}
.paymentOpt h5{
	background-color:#FDE9E9;
	font:bold 12px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:#b20000; margin:0 0 8px 0; padding:2px 5px}
.paymentOpt p{
	padding:0 0 7px 10px;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#333}
.paymentInfo{
	border:1px dashed #a7333a; overflow:hidden; width:963px;
	padding:6px 6px 30px 6px; float:left;
	font-weight:bold; color:#a7333a; text-align:center }
	
	
	/*------------Billing & Shipping Start--------*/

.paddContrl{
  padding:0 20px 30px 20px}
.greyBordr{
  border-left:1px solid #817f7f;
  padding:0 0 0 10px}
.adrssPadd{
  padding:4px 15px 15px 13px}
.btnPadd{
  padding:18px 0 0 0}
.formSubHead{
 border-bottom:1px solid #840000;
 font:normal 18px/22px Arial, Helvetica, sans-serif;
 color:#840000; width:240px; margin:0 0 20px 0}
.billOpt{
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#0e0e0e; float:left; margin:10px 30px 6px 0}
.billOpt input{
 margin:1px 5px 0 0; _margin:-2px 2px 0 0; float:left}
.redAlertTxt{
 font:normal 12px/14px Arial, Helvetica, sans-serif;
 color:#840000; padding:0 0 15px 18px; float:left}
.memberAdd{
 background-color:#ece8e8;
 border:1px solid #7f7f7f;
 margin:0 16px 20px 18px; padding:5px 10px;
 font:normal 12px/15px Arial, Helvetica, sans-serif;
 color:#840000; width:300px}
.memberAddDeactive{
 background-color:#f9f9f7;
 border:1px solid #7f7f7f;
 margin:0 16px 20px 18px; padding:7px 12px;
 font:normal 13px/18px Arial, Helvetica, sans-serif;
 color:#817f7f}
.memberAddActive{
 background-color:#e8e8e8;
 border:1px solid #7f7f7f;
 margin:0 2px 20px 18px; padding:7px 12px;
 font:normal 12px/15px Arial, Helvetica, sans-serif;
 color:#840000}
.formlblTxt{
 font:normal 12px/20px Arial, Helvetica, sans-serif;
 color:#333; padding:0 5px 0 0; display:block}
.formTxtBox{
 background-color:#fef2f2;
 border:1px solid #e96161;
 width:125px; height:14px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#0e0e0e; margin:0 2px 5px 0}
.formTxtBox2{
 background-color:#fef2f2;
 border:1px solid #e96161;
 width:225px; height:14px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#0e0e0e; margin:0 2px 5px 0}
.compulTxt{
 font:bold 12px/20px Verdana, Geneva, sans-serif;
 color:#840000}
.formTxtArea{
 background-color:#fef2f2;
 border:1px solid #e96161;
 width:300px; height:60px;
 font:normal 12px Arial, Helvetica, sans-serif;
 color:#0e0e0e; margin:0 5px 10px 0}
.formTxtArea2{
 background-color:#fef2f2;
 border:1px solid #e96161;
 width:300px; height:30px;
 font:normal 12px Arial, Helvetica, sans-serif;
 color:#0e0e0e; margin:0 5px 10px 0}
.lftMarg{
 margin:0 0 10px 18px !important}
.savAddBook{
 font:normal 12px/14px Arial, Helvetica, sans-serif;
 color:#840000}
.shipOptAdd{
 font:normal 13px/18px Arial, Helvetica, sans-serif;
 color:#840000; width:150px; display:block; float:left}
.formSelectBox{
 background-color:#fef2f2;
 border:1px solid #e96161;
 width:125px !important; height:18px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#0e0e0e; margin:0 5px 3px 0}
.countryTxt{
 font:normal 12px/18px Arial, Helvetica, sans-serif;
 color:#0e0e0e; padding:0 0 10px 0; display:block}
.continueBtn{
 margin:0 40px 0 0}
.confPasstxt{
 line-height:10px !important}
.formlblTxt span{
 padding:0 5px 0 0; display:block}
.handDelTxt{
font:italic 11px/14px Arial, Helvetica, sans-serif;
color:#333;
float:left;
padding:0 0 5px 145px}	
.formSelectBox1{
	background-color:#fef2f2;
	border:1px solid #e96161;
	width:207px; height:16px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0e0e0e; margin:0 5px 3px 0}
.formTxtBox1{
	background-color:#fef2f2;
	border:1px solid #e96161;
	width:206px; height:14px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0e0e0e; margin:0 2px 5px 0}

/*------------Billing & Shipping End--------*/

/*-------------Payment Option Start---------*/
.paymentDiv{
	width:1003px}
.lftTable{
	float:left;
	margin:0 10px 0 0}
.tableBrdr{
	border:1px solid #b9b9b9;
	height:297px;
	padding:2px}
.payPalHead{
	background:#f4dde5;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#ab0602;
	padding:4px}
.marT12{
	margin-top:12px}
.cardWith{
	display:block;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#575756;
	float:left;
	width:84px}
.marLeft{
	margin-left:12px;
	float:left}
.padB31{
	padding-bottom:31px}
.transferTxt{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#575756;
	float:left}
.noMargin{
	margin:0!important}
.secureHead{
	background:#a70503;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#fff}
.securityTxt{
	padding:7px 0 0}
.securityTxt p{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#575756;
	text-align:justify;
	margin:0 0 5px}
.securityTxt a{
	color:#575756;
	font-weight:bold;
	text-decoration:none}
.securityTxt a:hover{
	text-decoration:underline}
.hiddenDiv{
	width:170px;
	padding:12px 0 21px}
.hiddenDiv select{
	border:1px solid #c2c2c3;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#575756;
	width:168px}
.radiobtn{
	float:left;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#858584;
	margin:0 11px 11px 0}

/*-------------Payment Option End---------*/