/*structure & general style
*****************************************************************/

body{margin:0; text-align:center; font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color:#666666}
.top_div{background:url(top_div_bg.gif) repeat-x bottom; height:118px; margin-bottom:10px;}
.top_div_content,.content,.footer_content {width:960px; clear:both; text-align:left; margin:0 auto;}
.top_div_content{height:86px; }
.top_div{background:url(top_div_bg.gif) repeat-x bottom; height:120px;}
.content{overflow:hidden}
.content_left{ width:540px; float:left; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif}
.content_right{ width:400px; float:right; overflow:hidden; padding-top:40px}

.footer{background:url(footer_bg.gif) repeat-x top; padding-top:40px; margin-top:15px}
.footer_content{ font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; text-align:center}
.footer_content a{color:#666666; text-decoration:none;}
.footer_content a:hover{color:#338CBB; text-decoration:underline;}

img{border:none;}
h1{background:url(h1_bg.gif) no-repeat left center; padding-left:30px; font:normal 30px/30px Arial, Helvetica, Verdana, sans-serif; margin:0 0 15px 0; color:#666666; text-transform:uppercase}
h2{background:url(h2_bg.gif) no-repeat 5px center; padding-left:30px; font:bold 16px/20px Arial, Helvetica, Verdana, sans-serif; margin:0 0 15px 0; color:#666666; }

a{color:#338CBB; }






/*accordion style
*****************************************************************/
.accordion {width: 400px;border-bottom: solid 1px #E0E0E0;float:left;margin-top:5px;}
.accordion h3 {
	background: #EFEFEF url(arrow-square.gif) no-repeat right -51px;
	padding: 3px 15px;
	margin: 0;
	font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #E0E0E0;
	border-bottom: none;
	cursor: pointer;
	color:#666666;
}


.accordion b{color:#338CBB}

.accordion h5{color:#A9122B; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px;}

.accordion h3:hover {background-color:#E0E0E0;}
.accordion h3.active {background-position: right 5px;background-color:#66A9CC;color:#FFFFFF}
.accordion div {
	background: #ffffff;
	margin: 0;
	padding: 7px;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
	display: none;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}



.newsletter_list, .magazine_list{border-bottom:1px dotted #E0E0E0; padding-bottom:8px; margin:10px 0 5px 0; overflow:hidden}
.newsletter_list#newsletter_first, .magazine_list#magazine_first{border-top:1px dotted #E0E0E0;padding-top:5px;}
.newsletter_list span, .magazine_list span {display:block; color:#338CBB; font-weight:700; margin-top:5px;}
.magazine_list img{float:left; padding-right:10px;}



/*Form style
*****************************************************************/
.form-div .label {
	width: 210px;
	float: left;
	 font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#338CBB;
}
.form-div .form-row {
	margin:10px 0;
	clear: both;
	overflow:hidden
}
.form-div .required {
	color:#CC3300;
}
.form-div label.error {
	float: right;
	color:#CC3300;
	display:block;
	width:180px;
	vertical-align: top;
	font-size:10px;
}

.form-div .label#long_question {
	width: auto;
}

input[type=text], select, textarea {
	border:1px solid #4B83A6;

	font:normal 12px/16px Arial, Helvetica, sans-serif;
	float: left;
	
}
option {
	font:normal 12px/15px Arial, Helvetica, sans-serif;
}

input[type=text] {
	width:240px;
}
input[type=text]#mobile_num {
	width:160px; margin-left:10px;
}
select {
	width: 245px;
}

select#network{
	width: 70px;
}



em {
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}
input[type=checkbox] {
	border:none;
	color:#4B83A6;
	vertical-align:middle;

}
.form-div legend {
	color:#44789D;
	font:bold 13px/17px Arial, Helvetica, sans-serif;
}
input[type=submit], input[type=button] {
	background:#505050;
	padding:3px 5px;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	cursor:pointer;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}
input[type=submit]:hover, input[type=button]:hover {
	background:#999;
	color:#333;
}

.clear{clear:both; height:15px;}