/* CSS Document */
*.* {margin:0px; padding:0px;}
body {padding:0px; margin:0px;font-family:calibri, arial; font-size:13px; color:#000;}
img {border:none;}
a {outline:none; text-decoration:none;}
a:hover {outline:none; text-decoration:none;}
ul, li, h4, p {padding:0px; margin:0px;}
input {font-family:calibri, arial;}
.clear {clear:both;}

#wrapper {width:100%; clear:both; float:none;background:url(../images/bg-header.jpg)repeat-x; ;}
#container {width:1000px; margin:0 auto;}
.toparea {width:1000px; height:108px;}
.logo {float:left; padding:10px 0 0 0;}
.topright {float:right;}
.loginbg ul {list-style-type:none; float:left;}
.loginbg ul li {float:left; display:inline; margin-left:5px; margin-top:6px;}
.loginbg ul li img:hover {opacity :0.9;}
.loginbg ul li h4 {color:#fff; font-size:18px; font-weight:normal; float:left; margin-left:5px;}
.loginbg ul li input {padding:5px 2px; background:#fff; width:115px; float:left; border:1px solid #ccc; }
.loginbg ul li input.bt {float:left; background:url(../images/ClientLogin-btn.png) repeat-x; padding:10px 5px 3px 5px; width:146px; height:25px; color:#fff; font-size:14px; cursor:pointer;}
.accountbt {float:left; margin-top:20px;}
.accountbt span { padding-left:0px;}
.topnav1 {float: left;
width: 100%;
background: url('../images/bg-menu.png') repeat-x scroll 0px 0px #D5D5D5;
height: 54px;
display: table;
box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.5);
margin-top:10px;
position: absolute;
z-index: 3000;top: 98px;}
.topnav {float: left;
width: 1000px;
background: url('../images/bg-menu.png') repeat-x scroll 0px 0px #D5D5D5;
height: 45px;
display: table;

margin-top:10px;
position: absolute;
z-index: 3000;top: 98px;}
.topnav ul {list-style-type:none; border-left:1px solid #F4F4F4;}
.topnav ul li {display:inline; font-size:18px; padding:0px 20px; height:54px; line-height:54px; float:left; border-right:1px solid #F4F4F4; color:#333333; cursor:pointer;}
.topnav ul li:hover {				}
.topnav ul li:hover a {color:#034E84;}
.topnav ul li img {margin-top:16px; float:left;}
.topnav ul li a {color:#034E84; text-decoration:none;}
.topnav ul li a:hover {color:#034E84;}
.topnav ul li.active {color:#034E84; background:#034E84}
.topnav ul li.active a {color:#034E84;}
.topnav ul li ul {display:none}
.topnav ul li:hover ul {display:block;  position:absolute;list-style:none;width:215px;}
.topnav ul li table {display:none;}
.topnav ul li:hover table {display:block; position:absolute;width:215px; margin-left:-20px; border-right:#f9f9f9; width:160px; border-left:#f9f9f9; background:#EAEAEA; }
.topnav ul li:hover table td {border-bottom:1px solid #fff; height:20px; border-radius:3px; line-height:24px;padding:5px; width:160px;font-size:14px;}
.topnav ul li table td:hover {background:url(../images/tab-blue-bg.png)repeat-x;}
.header {float:left;margin-top:55px;}

#container .content {margin:15px 0px; float:left; width:1100px;}
#container .content p {color:#333333; text-align:justify; margin:5px 5px 10px 5px;}
#container .greyboxmain {width:1000px; float:left;}
#container .greybox {float:left; width:324px;  margin-right:14px;}
#container .greyboxlast {float:left; width:324px;}
#container .tab {float:left; width:324px;}
#container .tab ul {float:left; list-style-type:none;}
#container .tab ul li {float:left; display:inline; line-height:37px; height:37px; background:url(../images/tab-grey-bg.jpg) repeat-x; color:#fff; font-size:14px; padding:0 25px; border-right:1px solid #fff; cursor:pointer;}
#container .tab ul li:hover {background:url(../images/tab-blue-bg.jpg) repeat-x;}
#container .tab ul li a {text-decoration:none; color:#fff;}
#container .tab ul li.active {background:url(../images/tab-blue-bg.jpg) repeat-x;}
#container .greybox1 {float:left; width:985px; background:#F5F5F5; border-radius: 8px; border:solid 1px #ccc;padding:10px 10px 10px 2px; margin-bottom:5px}
#container .greybox1 .micro li {display:block; background: url(../images/micro-bullet.png) no-repeat 0 4px;  padding: 0 0 0px 10px;}
#container .greybox1 .mini li {display:block; background: url(../images/mini-bullet.png) no-repeat 0 4px;  padding: 0 0 0px 10px;}
#container .greybox1 .standard li {display:block; background: url(../images/standard-bullet.png) no-repeat 0 4px;  padding: 0 0 0px 10px;}
#container .greybox1 .vip li {display:block; background: url(../images/vip-bullet.png) no-repeat 0 4px;  padding: 0 0 0px 10px;}
#container .greybox1 ul li a {text-decoration:none;}
#container .greybox1 span {text-align:right; float:right; font-weight:bolder;}
#container .greybox1 span a {color:#4D85C2; text-decoration:underline;}
#container .greybox1 td:hover{background:#FFFFFF}

#container .tab1 {float:left; width:324px; margin-left:2px;}
#container .tab1 ul {float:left; list-style-type:none;}
#container .tab1 ul li {float:left; display:inline; line-height:37px; height:37px; background:url(../images/tab-grey-bg.jpg) repeat-x; color:#fff; font-size:14px; padding:0 27px 0 28px; border-right:1px solid #fff; cursor:pointer;}
#container .tab1 ul li:hover {background:url(../images/tab-blue-bg.jpg) repeat-x;}
#container .tab1 ul li a {text-decoration:none; color:#fff;}
#container .tab1 ul li.active {background:url(../images/tab-blue-bg.jpg) repeat-x;}
#container .greybox2 {float:left; width:320px; background:#F5F5F5; border:1px solid #ccc; padding:8px 6px 10px 6px;}
#container .greybox2 p {float:left;}
#container .greybox2 ul {float:left; list-style-type:none; margin-left:20px;}
#container .greybox2 ul li {display:block; background:url(../images/arrow-black.png) no-repeat 0 4px;  padding: 0 0 5px 10px;}
#container .greybox2 ul li a {color:#000; text-decoration:none;}
#container .greybox2 span {text-align:right; float:right; font-weight:bolder;}
#container .greybox2 span a {color:#4D85C2; text-decoration:underline;}
#container .advert {float:left; margin-top:18px; margin-left:2px;}

#container .tab2 {float:left; width:324px; margin-left:4px;}
#container .tab2 ul {float:left; list-style-type:none;}
#container .tab2 ul li {float:left; display:inline; line-height:37px; height:37px; background:url(../images/tab-grey-bg.jpg) repeat-x; color:#fff; font-size:14px; padding:0 18px; border-right:1px solid #fff; cursor:pointer;}
#container .tab2 ul li:hover {background:url(../images/tab-blue-bg.jpg) repeat-x;}
#container .tab2 ul li a {text-decoration:none; color:#fff;}
#container .tab2 ul li.active {background:url(../images/tab-blue-bg.jpg) repeat-x;}
#container .greybox3 {float:left; width:320px; background:#F5F5F5; border:1px solid #ccc; padding:8px 6px 10px 6px; margin-left:4px;}
#container .greybox3 span {float:left; color:#555;}

#container .blackstrip {float:left; background:url(../images/black-strip-bg.png) no-repeat; height:54px; line-height:54px; margin-top:15px; width:970px; padding:0 15px}
#container .blackstrip ul {float:left; list-style-type:none;}
#container .blackstrip ul li {display:inline; color:#fff; font-size:16px;}
#container .blackstrip ul span {padding:0 20px; font-size:16px; color:#fff; font-family:arial;}
#container .blackstrip ul li a {color:#fff; text-decoration:none;}

#container .suplogo {float:left; margin-top:15px; width:1000px; text-align:center;}
#container .suplogo ul {list-style-type:none;}
#container .suplogo ul li {display:inline; padding:0 20px;}

#footer {float:left; width:100%; background:url(../images/footer-bg1.jpg); height:55px; border-bottom:solid #527A94 1px; text-align:center; color:#fff;}
#footer .footlink {float:left; margin:20px 0px; text-align:center; width:1000px;}
#footer .footlink ul {list-style-type:none; color:#fff;}
#footer .footlink ul li {display:inline;}
#footer .footlink ul li a {color:#fff;}
#footer .footlink ul span { padding:0 10px;}
#footer .footlink ul li a:hover {text-decoration:underline;}
#footer .social {float:left; font-size:18px; width:1000px; text-align:center;}
#footer .social ul {list-style-type:none;}
#footer .social ul li {display:inline; padding:0 5px;}
#footer .social p {color:#ccc; font-size:12px;}

ul.dot {
	list-style:none url(../images/dotbullet.png) outside;
	margin:15px 0 20px 50px;
}
ul.dot li {
	padding-left:0px;
	margin-top:15px;
	font-size:14px;
	color:#4D4D4D;
}
ul.dot li:first-child {
	margin-top:0;
}

table.info th{
	padding:5px;
	background:url(../images/table-head-bg.gif) repeat-x; 
	font-weight:bold;
	font-size:15px; 
	color:#034E84;
	border-collapse:collapse;
}

table.info td {
	border:1px solid #dcdcdc;
	text-align:center;
	padding:5px;
	border-collapse:collapse;
	background:#F8F8F8;
}

.left_text4 li {
    display: block;
    background: url('../images/arrow.jpg') no-repeat scroll left top #F8F8F8;
    border: 1px solid #EDEDED;
    margin: 0px 0px 5px;
    padding: 5px 0px 5px 32px;
}

.ABCD{
    color:#FFFFFF;
    background: url('../images/ABCD.png')no-repeat;
	height:30px;
	width:30px;
	padding:15px 0px 0px 0px;
	border:solid 1px #CCCCCC;
	font-size:24px}
	.ABCD:hover{
	 color:#000000;
	 opacity:0.7;
	}
	
.left_text4 li a {
	text-decoration:none;
	color:#333333;
}

.account ul li {
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-top: 3px;
    padding-left: 25px;
    width: 188px;
}

.account a {
	vertical-align:bottom;
	float:right;
}

.account h2 {
	width:200px;
}
/*join box starts*/
.join-box{position:relative; width:170px;   top:180px; left:1080px; border-radius:10px; }

.join-box ul li a:hover{opacity:1.0} 
.hometool {
    border-radius: 5px;
    border-top: 6px solid #003A63;
    box-shadow: 0 0 12px #CCCCCC;
    display: table-cell;
    float: left;
    height: 300px;
    margin: 10px 5px;
    padding: 5px;
    transition: all 100ms ease-in-out 0s;
    vertical-align: middle;
    width: 140px;
}
.hometool img {
    margin: 0 0 0 10px;
}
.hometool:hover {
    height: 288px;
    margin: 0 5px;
}
.hometool .toolhead {
    color: #798289;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 36px;
    line-height: 16px;
    margin: 0;
    vertical-align: top;
}
.hometool p, .hometool a {
    color: #798289;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}
#separator:before {
	border-top: 7px solid #034E84;
	content: "";
	float: left;
	margin-top: 3px;
	position: absolute;
	width: 100%;
}
#separator {
	border-top: 1px solid #034E84;
	float: left;
	margin: 0 0 30px;
	position: relative;
	width: 100%;
}
h1.first-title {
    color: #034E84;
    font-size: 20pt;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px;
}	
h2.second-title {
    color: #fff;
    font-size: 14pt;
    font-weight: normal;
    line-height: 17px;
    margin: 0 0 20px !important;
    padding: 13px 5px 0;
}

h2 {
    color: #014A7F;
    font-size: 14pt;
    font-weight: bold;
    margin: 20px 0 10px !important;
}
h2:hover{
color: #787878;
    font-size: 14pt;
    font-weight: bold;
    margin: 20px 0 10px !important;
}
#container .content p {
    color: #333;
    text-align: justify;
    margin: 5px 5px 10px;
    background: none repeat scroll 0% 0% #F8F8F8;
    padding: 10px;
    box-shadow: 0px 8px 6px -6px #DCDCDC;
}
table.colored {
	table-layout:fixed;
	width:100%;
	margin:20px 0 0 0;
	border:1px solid #dcdcdc;
}
table.colored tr td {
	border-bottom:1px dotted #ccc;
	border-right: 1px solid #ccc;
	padding:25px;
	text-align:center;
	width:190px;
	color:#808080;
	font-size:16px;
	vertical-align:middle;
}
table.colored tr td:first-child {
	text-align:left;
	border-right:1px solid #4D4D4D;
	color:#000;
	font-weight:bold;
	font-size:14px;
}
table.colored tr td:last-child {
	border-right:0;
}
table.colored tr:first-child td:nth-child(1) {
border-bottom:6px solid #B3B3B3;
color:#B3B3B3;
font-size:16px;
padding-bottom:6px;
}
table.colored tr:first-child td:nth-child(2) {
border-bottom:6px solid #4495BC;
color:#4495BC;
font-size:16px;
padding-bottom:6px;
}
table.colored tr:first-child td:nth-child(3) {
border-bottom:6px solid #196548;
color:#196548;
font-size:16px;
font-weight:normal;
padding-bottom:6px;
}
table.colored tr:first-child td:nth-child(4) {
border-bottom:6px solid #667C1D;
color:#667C1D;
font-size:16px;
padding-bottom:6px;
}
table.colored.conditions tr td {
	width:115px;
}

table.colored.conditions tr:first-child td:nth-child(5) {
border-bottom:6px solid #8C93CB;
color:#8C93CB;
font-size:16px;
font-weight:normal;
padding-bottom:6px;
}
table.colored tr td:nth-child(3) {
background-color:#F7F7F7;
}
table.colored tr:last-child td {
	border-bottom:1px solid #4D4D4D;
}


.promo_section:after {
    background: none repeat scroll 0 0 #CF6215;
    bottom: 0;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    top: 0;
    width: 2px;
}
.p-section10 {
    padding-top: 10px;
}
.promo_section {
    padding: 50px 0;
    position: relative;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
.tab-nav {
    font-size: 0;
    text-align: center;
}
.tab-nav a:hover, .tab-nav a.active {
    border-color: #FEAF3D !important;
    color: #FEAF3D  !important;
}
.tab-nav a {
    background: none repeat scroll 0 0 #fff;
    border: 3px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    color: #525252;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px 10px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}
.tab-nav img {
    margin-bottom: 5px;
}
a img {
    border: medium none;
}
img {
    vertical-align: middle;
}
.tab-nav span {
    display: block;
}
in box ends*/