/* CSS Document */

/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background:url(http://smartwebng.com/images/bg.gif) repeat left top;
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#ffffff;
}
p, h1, h2, h3, h4, h5, h6, form, input{
	margin:0px;
	padding:0px;
}
ul, li{
	margin:0px;
	padding:0px;
	list-style:none;
}
a{
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border:0px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}

/*----General CSS---*/
#wrapper{
	width:815px;
	height:auto;
	overflow:hidden;
	margin:auto;
	background:#222222;
}
#header{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/headerbg.gif) no-repeat right top;
}
#container{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 0px;
}
#footer{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#181818;
	font-size:11px;
	padding:15px 0px 30px 0px;
}
#footer a{
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
.headertop{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:15px;
}
.logo{
	width:185px;
	height:46px;
	margin-left:30px;
}
.logo h1 a{
	width:185px;
	height:46px;
	background:url(http://smartwebng.com/images/logo.gif) no-repeat left top;
	display:block;
	text-indent:-999em;
}
.flashcontainer{
	width:100%;/*
	height:auto;
	overflow:hidden;
	margin:auto;
	text-align:center;*/
}
.containercontent{
	width:800px;
	height:auto;
	overflow:hidden;
	margin:auto;
}


.srcdiv{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding:10px 0px;
}
.inputbox{
	width:172px;
	height:17px;
	border:1px solid #3e5a65;
	font-size:11px;
	padding:3px 0px 0px 5px;
}
.select{
	border:1px solid #3e5a65;
	font-size:11px;
	height:20px;
}
.headright{
	width:200px;
	height:auto;
	overflow:hidden;
}
.livechat a{
	background:url(http://smartwebng.com/images/chat.gif) no-repeat left top;
	padding:0px 30px 10px 40px;
	font-weight:bold;
}
hr{
	color:#dbdbdb;
}
ul.boxarrow{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.boxarrow li{
	margin:0px;
	padding:0px;
	display:block;
}
ul.boxarrow li a{
	margin:0px;
	padding:0px 0px 10px 15px;
	background:url(http://smartwebng.com/images/arrow.gif) no-repeat left 2px;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
ul.boxarrow li a:hover{
	text-decoration:underline;
}

/*---padding---*/
.pT5{
	padding-top:5px;
}
.pB5{
	padding-bottom:5px;
}
.pL5{
	padding-left:5px;
}
.pR5{
	padding-right:5px;
}
.pT10{
	padding-top:10px;
}
.pB10{
	padding-bottom:10px;
}
.pL10{
	padding-left:10px;
}
.pR10{
	padding-right:10px;
}
.pT15{
	padding-top:15px;
}
.pB15{
	padding-bottom:15px;
}
.pL15{
	padding-left:15px;
}
.pR15{
	padding-right:15px;
}
.pL25{
	padding-left:25px;
}
.pR25{
	padding-right:25px;
}
/*--Margin--*/
.mL5{
	margin-left:10px;
}
.mL10{
	margin-left:10px;
}
.mT10{
	margin-top:10px;
}

/*--fonts---*/
.colorgrey{
	color:#8b8c8b;
}
.colorblk{
	color:#353535;
}
.colororange{
	color:#ff6101;
}
.txtcenter{
	text-align:center;
}
.txtright{
	text-align:right;
}
.font12{
	font-size:12px;
}
.font11{
	font-size:11px;
}
.font9{
	font-size:9px;
}
/*---Width---*/
.wdthpercent100{
	width:100%;
}
.wdthpercent50{
	width:50%;
}
.wdthpercent48{
	width:48%;
}
.wdth385{
	width:385px;
}

/*----Navigation----*/
.nav{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:right;
	padding:20px 0px 10px 0px;
}
.nav ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}
.nav ul li a{
	margin:0px 5px;
	padding:7px;
}

/*--Round Box----*/
.round{
	width:100%;
	height:auto;
	overflow:hidden;
}
.roundT{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundT.gif) repeat-x top left;
}
.roundTL{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundTL.gif) no-repeat top left;
}
.roundTR{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundTR.gif) no-repeat top right;
}
.roundL{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundL.gif) repeat-y top left;
}
.roundR{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundR.gif) repeat-y top right;
}
.roundB{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundB.gif) repeat-x bottom left;
}
.roundBL{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundBL.gif) no-repeat bottom left;
}
.roundBR{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(http://smartwebng.com/images/roundBR.gif) no-repeat bottom right;
}
.roundcont{
	width:95%;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding:5px 0px 20px 0px;
	color:#353535;
}
h4.email{
	background:url(http://smartwebng.com/images/email.gif) no-repeat left top;
	font-size:15px;
	padding:5px 0px 30px 65px;
	color:#577d00;
}
h4.phone{
	background:url(http://smartwebng.com/images/phone.gif) no-repeat left top;
	font-size:15px;
	padding:5px 0px 30px 65px;
	color:#577d00;
}
h4.livechat{
	background:url(http://smartwebng.com/images/livechat.gif) no-repeat left top;
	font-size:15px;
	padding:5px 0px 30px 65px;
	color:#577d00;
}
h4.offices{
	background:url(http://smartwebng.com/images/offices.gif) no-repeat left top;
	font-size:15px;
	padding:5px 0px 30px 65px;
	color:#577d00;
}
h3.pagetitle{
	font-size:22px;
	font-family:"Trebuchet MS", Arial;
	color:#02404b;
	padding:5px 0px 10px 10px;
}
.inputcntc{
	width:255px;
	border:1px solid #555555;
}
.txtareabox{
	width:255px;
	border:1px solid #555555;
}


/*---Inner page left Nav--*/
.innernav{
	width:200px;
	height:auto;
	overflow:hidden;
}
.innernav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.innernav ul li{
	margin:0px;
	padding:13px 10px;
	list-style:none;
	display:block;
	background:url(http://smartwebng.com/images/innernavbg.gif) repeat-x left top;
	border-bottom:1px solid #ffffff;
}
.innernav ul li a{
	margin:0px;
	padding:10px 0px 10px 20px;
	color:#ffffff;
	text-decoration:none;
}
.innernav ul li a:hover{
	color:#fff;
	background:url(http://smartwebng.com/images/greenarrow.gif) no-repeat left 12px;
	text-decoration:none;
}
/*--------August 1--------*/
#maintable {
        width: 585px;
        margin:0px auto;
        padding:0px;
		border:1px solid #000;
}
tr.dblue th {
	background-color:#344211;
	color:#FFFFFF;
	height:35px;
	text-align:left;
	font-size:12px;
	padding:0 6px ;
	}

tr.one {
	color:#000;
	background-color: #CCCCCC;
	text-align:center;
}

tr.two {
	color:#000;
	background-color:#E6E6E6;
	text-align:center;
}
.rollover3{
        height: 12px;
        width: 12px;
        background: url(http://smartwebng.com/images/q.png) top center no-repeat;
        display: block;
		margin-left:7px;
}

.rollover3:hover{
        background-position: bottom left;
}
td.feature {
	margin: 3px;
	padding: 5px;
	width:28%;
	height: 15px;
	text-align:center;
	font-size:13px;
	}

td.plans {
	text-align:center;
	color:#000;
	margin: 3px;
	width: 20%;
}

td.select_bg {
	background-color:#dfebc3;
	width:20%;
}
.products-table{
	font-size:11px;
}
.products-table h3 {
	background: #EEF0F4;
	padding-left:5px;
	color:#111111;
	font-family:trebuchet ms,arial,Verdana,sans-serif;
	font-size:14px;
	margin:0 0 4px;
	padding:0
}

.products-table td {
	border: 1px solid #EEF0F4;
	border-bottom: 3px solid #EEF0F4;
	cursor: hand;
}

.products-table ul {
	text-align: left;
}
.products-table li {
	text-align: left;
}
.products-table a {
	text-align: left;
	color:#006699;
	text-decoration:none;
}
.products-table a:hover{
	color:#006699;
	text-decoration:underline;
}
.products-table p {
	text-align: right;
	padding: 5px 14px;
}
.products-table ul {
	 margin: 5px 5px 5px 0;
	 padding: 0;
	 font-family: verdana;
	 color: #000;
	 font-size: 12px;
   }
   
.products-table li {
	margin: 1px 0 0 0;
	padding: 1px 0 2px 14px;
	background: url(http://smartwebng.com/images/bullet_Li.gif) no-repeat 3px 6px;
	list-style-type: none;
	line-height: 17px;
	font-family: verdana;
	font-size: 11px;
	color: #222;
	text-align: justify;
	}
/*Added by Gurjeet Saini on 9th November 2009*/
.ewallet a{
	background:#222222;
	padding:0px 10px 0px 40px;
	font-weight:bold;
}
.admin a{
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#5F7AAD;
	font-weight:bold;
	text-decoration:none;
}
.admin a:hover{
	text-decoration:underline;
	font-size:13px;
}