/*------------------
[Layout Stylesheet of all website pages]
Project:	Tranz
Version:	1.0
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. GLOBAL LAYOUT
5. COMMON SITE HEADER
6. COMMON SITE MIDDLE
7. COMMON SITE FOOTER 
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
img, div, a {
behavior: url(iepngfix.htc)
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, textarea, blockquote, th, td {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
img
{
border:none;
outline:none;
}
/*---------------------------------------------------------------------------------
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
fieldset, img {
	border:0;
	padding:0px;
	margin:0px;
	text-align: center;
}
a {
outline:none;
padding:0;
margin:0;
border:0;
color:#006594;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
input {
outline:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:#cfd9b9;
border:none;
}
select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6b675b;
background:#cfd9b9;
border:none;
}
h1 {
font-size:23px;
font-weight:bold;
color:#000000;
margin-bottom:10px;
border-bottom:1px solid #e9e9e9;
padding-bottom:8px;
}
h2 {
font-size:18px;
font-weight:bold;
color:#006699;
margin-bottom:10px;
}
h3 {
font-size:13px;
font-weight:normal;
}
h4 {
font-size:11px;
font-weight:normal;
}
p {
line-height:18px;
}
/*---------------------------------------------------------------------------------
3. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/
html, body {
height: 101%;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
line-height:18px;
padding:0px;
margin:0px;
background:#e3ecf1 url(../images/bg_header.jpg) repeat-x top left;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.inblock {
display:inline-block;
}
.imgborder {
border:1px solid #c0c591;
background-color:#FFFFFF;
padding:1px;
}
.imgfleft {
float:left;
margin:0px 10px 10px 0px;
}
.imgfright {
float:right;
margin:0px 0px 10px 10px;
}
.clear {
clear:both;
}
.jusify {
text-align:left;
}
.alright {
text-align:right;
}
.mtop16
{
margin-top:16px;
}
.mtop22
{
margin-top:22px;
}
.whitetext
{
color:#FFFFFF;
}

/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
#page_outer
{
width:100%;
overflow:hidden;
}
#header_outer
{
width:100%;
overflow:hidden;
}
#header_inner
{
width:960px;
height:637px;
margin:0 auto;
background:url(../images/bg_banner.jpg) no-repeat top left;
}
#header_innerpage
{
width:960px;
height:97px;
margin:0 auto;
}
#middle_outer
{
width:100%;
overflow:hidden;
background:url(../images/bg_middle.jpg) repeat-x top left #fafafa;
border-bottom:1px solid #7abfe1;
}
#middle_inner
{
width:960px;
overflow:hidden;
margin:0 auto;
padding:75px 0px 60px 0px;
}
#middle_innerpage
{
width:960px;
overflow:hidden;
margin:0 auto;
padding:2px 0 71px;
}
#footer_outer
{
width:100%;
padding-top:14px;
overflow:hidden;
}
#footer_inner
{
width:902px;
height:69px;
background:url(../images/bg_footer.png) no-repeat top left;
padding:30px 28px 0px 30px;
margin:0 auto;
color:#99ccff;
}
/*---------------------------------------------------------------------------------
5. COMMON SITE HEADER
---------------------------------------------------------------------------------*/
.headertop
{
width:948px;
height:65px;
padding:16px 6px;
}
.logo
{
width:201px;
height:52px;
display:block;
float:left;
background:url(../images/logo.png) no-repeat top left;
margin-top:5px;
}
.topnav
{
width:418px;
height:64px;
float:right;
}
.bannerouter
{
width:960px;
height:540px;
position:relative;
}
.banner_left
{
width:353px;
padding-top:390px;
background:url(../images/bg_bannerleft.png) no-repeat top left;
float:left;
}
.banner_center
{
width:578px;
height:408px;
background:url(../images/bg_mobile.png) no-repeat top left;
float:right;
padding:113px 0px 0px 29px;
}
.banner_right
{
width:416px;
height:512px;
background:url(../images/bg_bannerright.png) no-repeat top left;
position:absolute;
left: 541px;
top: -1px;
}

.content_outer
{
width:960px;
overflow:hidden;
}
.home_left
{
width:650px;
overflow:hidden;
float:left;
}
*html .home_left
{
width:647px;
overflow:hidden;
float:left;
}
.home_right
{
width:310px;
overflow:hidden;
}
.home_left .home_left_left
{
width:323px;
float:left;
}
.home_left .home_left_right
{
width:323px;
float:right;
}
.home_tutsouter
{
width:323px;
overflow:hidden;
float:left;
margin-bottom:30px;
}
.home_tutsouter img
{
float:left;
margin-right:13px;
}
.home_tutsouter .contentdiv
{
width:205px;
overflow:hidden;
}
.home_video
{
width:310px;
overflow:hidden;
margin-bottom:15px;
}
.twitter
{
background:url(../images/icn_twitter.jpg) no-repeat top left;
margin-left:100px;
margin-top:50px;
width:74px;
height:47px;
padding:16px 43px 0px 60px;
line-height:14px;
font-size:14px;
float:left;
}
.facebook
{
margin-left:100px;
width:74px;
height:47px;
padding:16px 43px 0px 60px;
line-height:14px;
font-size:14px;
float:left;
}
.middleleft
{
width:230px;
overflow:hidden;
float:left;
}
.middleright
{
width:715px;
overflow:hidden;
float:right;
}
.inner_content_outer
{
width:715px;
overflow:hidden;
}
.curve_sml_outer
{
width:230px;
overflow:hidden;
}
.curve_sml_outer .sml_top
{
background:url(../images/curve_sml_top.png) no-repeat bottom left;
width:230px;
height:25px;
}
.curve_sml_outer .sml_middle
{
background:#e6f5fb;
width:230px;
overflow:hidden;
padding:0px 10px;
}
.curve_sml_outer .sml_bottom
{
background:url(../images/curve_sml_bottom.png) no-repeat top left;
width:230px;
height:19px;
}
.curve_lge_outer
{
width:714px;
overflow:hidden;
}
.curve_lge_outer .lge_top
{
background:url(../images/curve_lge_top.png) no-repeat bottom left;
width:714px;
height:25px;
}
.curve_lge_outer .lge_middle
{
background:#f3f3f3;
width:688px;
overflow:hidden;
padding:0px 13px;
}
.curve_lge_outer .lge_bottom
{
background:url(../images/curve_lge_bottom.png) no-repeat top left;
width:714px;
height:20px;
}
.curve_ful_outer
{
width:960px;
overflow:hidden;
clear:both;
margin:5px 0px;
}
.curve_ful_outer .ful_top
{
background:url(../images/curve_full_top.png) no-repeat bottom left;
width:960px;
height:20px;
}
.curve_ful_outer .ful_middle
{
background:#f3f3f3;
width:934px;
overflow:hidden;
padding:0px 13px;
}
.curve_ful_outer .ful_bottom
{
background:url(../images/curve_full_bottom.png) no-repeat top left;
width:960px;
height:20px;
}
.leftnav
{
width:auto;
overflow:hidden;
}
.leftnav ul
{
padding:0px;
margin:0px;
}
.leftnav ul li
{
padding:0px;
margin:0px;
list-style:none;
}
.leftnav ul li a
{
font-size:18px;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 12px;
height:30px;
display:block;
}
html>body .leftnav ul li a
{
font-size:18px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 12px;
height:30px;
display:block;
}
.leftnav ul li a:hover, .leftnav ul li a.selected
{
background:url(../images/curve_nav_hover.png) no-repeat top left;
text-decoration:none;
color:#FFFFFF;
}
/*---------------------------------------------------------------------------------
5. COMMON SITE FOOTER
---------------------------------------------------------------------------------*/
#footer_inner a
{
color:#FFFFFF;
}
#footer_inner .bluelink
{
color:#000066;
text-decoration:underline;
}
#footer_inner .bluelink:hover
{
text-decoration:none;
}
#footer_inner .white14link
{
font-size:14px;
padding-right:12px;
}


/*---------------------------------------------------------------------------------
5. left menu side clouds section 
---------------------------------------------------------------------------------*/
.left_clouds_menu{
	float:left;
	width:362px;
	height:369px;
	background:url(../images/side_menu_bg.png) no-repeat;
	}
.left_clouds_menu ul{
	padding:39px 0 0 43px;
	list-style-type:none;
	display:block;
	margin:0;
	}
.left_clouds_menu ul li{
	display:block;
	margin:0;
	padding:0;
	}
.left_clouds_menu ul li a{
	display:inline-block;
	margin:0;
	padding:0;
	line-height:33px;
	font-size:20px;
	color:#006594;
	}
.left_clouds_menu ul li a.selected{
	background:url(../images/hover_img.gif) no-repeat center left;
	color:#000;
	text-decoration:none;
	}
.left_clouds_menu ul li a span{
	padding-left:50px;
	}
.left_clouds_menu ul li a:hover{
	/*background:url(../images/hover_img.gif) no-repeat center left;*/
	color:#000;
	text-decoration:none;
	}

/* ----------------------- right content sections ------------------------------------- */
.right_cont_area{
	padding:39px 0 0;
	width:588px;
	float:right;
	}
h2.about_tranz{
	width:199;
	height:27px;
	display:block;
	margin: 0 17px 15px 32px;
	}

.right_cont_area p{
	display:block;
	clear:both;
	line-height:22px;
	font-size:12px;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 28px 0 32px;
	}
.trad_mark{
	width:100%;
	height:214px;
	}
	
.inner_trad{
	width:960px;
	margin:0 auto;
	}
h2.simple_head{
	padding: 10px 32px;
	margin:0 !important;
	}
/* ----------------- form area conatainer -------------- */
.form_area_container{
	margin:16px 0 0 110px;
	padding:0;
	width:312px;
	}
.form_area input{
	font-size:13px;
	}
.form_area_container p{
	padding:0 !important;
	margin:0 0 10px !important;
	display:block;
	text-align: center;
	}
.form_area h2.simple_head{
	padding:0 !important;
	margin:0 0 10px !important;
	display:block;
	}
.form_area h2.about_tranz{
	margin:80px 17px 0 104px;
	display:inline-block;
	}
*html .form_area h2.about_tranz{	
	display:inline;
	}
.form_area{
	width:540px;
	height:363px;
	padding:0;
	background:url(../images/form_bg.png) no-repeat;
	}
*html .form_area {
	display:inline-block;
	}
.txt_field{
	width:400px;
	height:30px;
	background:url(../images/text_field.jpg) no-repeat;
	margin-bottom:10px;
	}
.select_box{
	background:#fff;
	border:1px solid #0778ad !important ;
	font-size:13px;
	margin:0;
	padding:3px;
	width:310px;
	}
input.txt_filed_area{
	padding:3px;
	width:302px;
	display:block;
	border:1px solid #0778ad;
	background:#fff !important;
	}

input.simple_txt_field{
	display:block;
	width:104px;
	background:#fff;
	float:left;
	margin-right:7px;
	padding:3px;
	border:1px solid #0778ad;
	}
*html input.simple_txt_field{
	display:table;
	}

input.txt_filed_area_medim{
	padding:3px;
	width:183px;
	padding:3px;
	border:1px solid #0778ad;
	background:#fff !important;
	display:block;
	float:left;
		}
		
textarea.styled {
	display:block;
	background:#fff;
	float:left;
	margin-right:7px;
	padding:3px;
	border:1px solid #0778ad;
}
*html a.down_btn{
	display:block;
	}
a.down_btn{
	display:inline-block;
	width:180px;
	height:38px;
	background:url(../images/download_btn.jpg) no-repeat top left;
	border:none;
	margin-top:12px;
	margin-left:45px;
	cursor:pointer;
	text-indent:-99999px;
	}
a.down_btn:hover{
	background:url(../images/download_btn.jpg) no-repeat bottom left;
	}
.arro_mar_box{
	width:73px;
	position:absolute;
	left:-15px;
	}
*html .arro_mar_box{
	left:-15px;
	}
.mb_wap_dow{
	display:block;
	margin-top:109px;
	}
.dw_to_pc{
	display:block;
	margin:45px 0 0;
	}
.dw_to_mb{
	display:block;
	margin-top:76px;
	}
*html a.get_it_btn{display:block;}
a.get_it_btn{
	display:inline-block;
	width:140px;
	height:37px;
	background:url(../images/dw_btn.jpg) no-repeat top left;
	text-indent:-999999px;
	margin-left:-11px;
	}
a.get_it_btn:hover{
	background:url(../images/dw_btn.jpg) no-repeat bottom left;
	}
*html .dow_btn_cont{
	display:inline;
	}
.dow_btn_cont{	
	display:block;
	float:left;
	width:337px;
	height:228px;
	background:url(../images/conitinue_box.png) no-repeat;
	text-align:center;
	margin:31px 60px 0;
	padding-top:57px;
	color:#006493;
	font-size:14px;
	}
.dow_btn_cont p{
	font-size:22px;
	color:#006493;
	font-weight:bold;
	margin:16px 0;
	}

.form_outer{
	position:relative;
	width:540px;
	}
p.mob_numer{
	display:block;
	clear:both;
	font-size:18px;
	color:#000;
	font-weight:bold;
	padding:10px 32px;
	}

/* Added by Amjith */
.answers {
	display:none;
}