/**Backoffice Styles**/
#profilebg{
		position: relative;
		float: left;
		margin-bottom: 15px;
		margin-left: 15px;
		height: 660px;
		width: 560px;
		border-style: none;
		background-repeat: no-repeat;
}

/***** Global Settings *****/
 
button { cursor:pointer}
.wrap {
	width:1020px;
	margin:auto;
	font-family: "Eras Medium ITC", Arial, Sans-serif;
	font-size: 22px;
	color: #666666;
}


/***** typography *****/
/*gmedina use*/
.subhead{
	font-family: "Eras Light ITC", Arial, Sans-serif;
	font-size: 29px;
	margin-left: 530px;
	color: #ccffff;}



a, a:link, a:visited, a:hover {
	color:#f2f2f2;
	cursor:pointer!important;
	text-decoration: none;
	font-family: "Futura Bk BT", Arial, sans-serif;
	font-size: 15px;
}/**edits navigation bar text***/

ul, ol {}
ul li, ol li {}

.logo_app_grey {color: #CCC;}
.logo_studio_blue {color: #669999;}

/***** header *****/
.header {
	border-top:solid 4px #33ccff;
	background-image:url(/images/blacknavbar_home.jpg);
	background-repeat:repeat-x;
	width:1020px;
	height:70px;} 


#vndtitle{
	font-family: "Futura Bk BT", Arial, sans-serif;
	font-size: 34px;
	width:250px;
	color: #33ccff;
	padding-top: 20px;
	padding-left: 25px;
}
#header-nav { float:right; display:block;}
#header-nav ul {padding:0 10px 0 0; margin:0; list-style:none;}
#header-nav ul li { float:left; display:inline;}
#header-nav ul li a { float:left; display:inline; padding:0 10px; line-height:43px; padding-top:25px; height:43px; background:#fff;
-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px ; -webkit-border-bottom-right-radius:5px; 
border-radius: 0 0 5px 5px; font-size:16px; letter-spacing:1px;}
#header-nav ul li a:hover { text-decoration:none; color:#333;}
#header-nav ul li.current a { background:#0072bc; color:#fff;}

/*** Menu ***/
.menu{
	float:right;
	width: 575px;}
.menu ul{width:575px; padding:0 5px 0 0; margin:0; list-style:none;}
	.menu li{float:left;padding:0px;}
	/*main links*/
	.menu li a{display:block;padding:0 10px; line-height:40px; padding-top:25px; height:43px; 
-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px ; -webkit-border-bottom-right-radius:5px; 
border-radius: 0 0 5px 5px; font-size:16px; letter-spacing:1px;
		}
	.menu ul li.current a { background:#33ccff; color:#fff;}
	.menu ul li.current ul li a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		text-align:left;
		background:#333333;}
		
	.menu li.current ul li:active a{
			background:#333333 url('/images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
		}		
	.menu li.current ul li:visited a{
			background:#333333 url('/images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
		}			
		
	.menu li a:hover, .menu ul li:hover a{
			background: #33ccff url("/images/hover.gif") bottom center no-repeat;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('/images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
	.menu li ul a:hover, .menu li ul li:hover a{
			background:#0072bc url('/images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
		}
		
		
	.menu p{
		clear:left;
		}
	#userhome-nav{
			margin-left: 150px;
			float: left;
			text-align: center;
			width: 725px;
			position: relative;
			height: 450px;
		}
	.navTabs{
			background-color: #f2f2f2;
			padding: 10px;
			margin: 10px 15px 10px 15px;
			float: left;
			position: relative;
			text-align: center;
			width: 100px;
			height: 96px;
		}
	.userhome-icons{
			height: 35px;
			width: 35px;
		}
		
		
		/*added by amh*/
		#userhome-nav2{
			float: left;
			text-align: center;
			width: 400px;
			position: relative;
			height: 100px;
			
		}
		.navTabs2{
	margin: 15px;
	float: left;
	position: relative;
	width: 103px;
	height: 106px;
	padding-top: 10px;
	background-image:url(../images/nav-tabs.jpg);
	background-repeat:no-repeat;
	}


/***banner***/
.banner {
	background-repeat: repeat-x;
	float: left;
	width: 1020px;
	height: 400px;
	background-image:url(/images/stickernbanner.jpg);
}		
.professional {
	background-image:url(/images/professionh1_home.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 203px;
	float: right;
	margin-top: 40px;
	margin-right: 350px;
	}
.content {
	margin-left:530px;
	margin-right:35px
}
	
/***main content***/
.maincontent {
	background-color: #FFF;
	height: 250px;
	width: 1020px;
	}
.contentbox {
	width: 224px;
	height:255px;
	padding-left:15px;
	padding-right:15px;
	float:left;
		}
.login_icon {
	background-image:url(/images/briefcase.png);
	float:right;
	height:50px;
	width:50px;
	}
.contactus_icon {
	background-image:url(/images/mail.png);
	height:67px;
	width:61px;
	float:right;
	}
.getaquote_icon {
	background-image:url(/images/calendar.png);
	height:58px;
	width:43px;
	float:right;
	}
.merchant_icon {
	background-image:url(/images/payment.png);
	height:65px;
	width:45px;
	float:right;
	background-position: top;
	}
.divider {
	height:120px;
	width:1px;
	float:left;
	background-image:url(/images/verticalgraystripe_home.jpg);
	margin-top:30px;
	}

/***typography for content***/
h1 {
	color:#666666;
	font-family:"Eras Medium ITC", Arial, Sans-serif;
	font-size:20px;
	padding-top:18px;
}
p {
	color:#666666;
	font-size:12px;
}


/***footer***/
.footer {
	background-image:url(/images/blackfooter_home.jpg);
	height: 300px;
	width:1020px;
	background-repeat: repeat-x;
	float:left;
}
.vnd {
	font-family: "Futura Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #cccccc;
	float: left;
	margin-top: 15px;
	margin-left: 20px;	
}
.terms {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 12px;
	color: #33ccff;
	margin-right: 20px;
	margin-top:15px;
	float:right;
}

/****subpage css****/
.subpageBG {
	background-image: url(../images/subpageBG.jpg);
	background-repeat: repeat-x;
	height: 505px;
	width: 1020px;
	background-color: #FFF;
}
/*---main content---*/
.columnleft {
	float: left;
	width: 170px;
	height: 505px;
	margin-left: 20px;
}
.columncenter {
	height: 505px;
	width: 238px;
	float: left;
}
.columnright {
	float: left;
	height: 505px;
	width: 503px;
}

/**--column left--**/
.sidenav {
	background-image: url(../images/sidenavbar.png);
	background-repeat: no-repeat;
	width: 162px;
	height: 122px;
	margin-top: 152px;
	font-family: "Eras Light ITC", Arial, Sans-serif;
	font-size: 22px;
	color: #0099cc;
	padding-top:20px;
	padding-left: 8px;
}
.leftarrow {
	background-image: url(../images/leftarrow.png);
	background-repeat: no-repeat;
	width: 170px;
	height: 50px;
}
.buttons {
	background-image: url(../images/sub_buttons.jpg);
	background-repeat: no-repeat;
	height: 163px;
	width: 170px;
}
/**--column center--**/
.appspic{
	background-image: url(../images/appspic.png);
	background-repeat: no-repeat;
	height: 448px;
	width: 238px;
	margin-top: 58px;
}
.iphonepic {
	background-image: url(../images/iphonepic.png);
	background-repeat: no-repeat;
	height: 448px;
	width:238px;
	margin-top: 58px;
}
.evopic{
	background-image: url(../images/evopic.png);
	background-repeat: no-repeat;
	height: 448px;
	width: 238px;
	margin-top: 58px;
}

/**--column right--**/
.bodyhead {
	background-image: url(../images/bodyheader.png);
	background-repeat: no-repeat;
	height: 63px;
	width: 493px;
	margin-top: 76px;
	font-family: "Eras Medium ITC", Arial, Sans-serif;
	font-size: 28px;
	color: #33ccff;
	padding-top: 15px;
	padding-left: 10px;
}
.bodytext {
	background-image: url(../images/sub_contentbox.png);
	background-repeat: no-repeat;
	height: 275px;
	width: 493px;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
}
	
/*----------------------*/	
#signInLeft {background-image: url(/images/signup-bg.jpg) margin-left:155px; padding-right:20px; padding-left:8px; width:272px; margin-top:20px; float: left; margin-right: 50px;
	
}
#minutes-package-wrapper{margin-left:56px;}/*added by Manu 6-3-10*/
.minutes-package {margin:0 50px 0 0; float:left; width:227px; height:239px; float:left; background-image:url(../images/buy-minutes.jpg); padding:19px 0 0 21px; color:white;}
.minutes-package h2{color: white; font-size: 18px;}
.minutes-package p{padding: 0 0 4px 0;}
.buttonStyles {border: none; margin: 27px 0 0 52px; border-style: none; }
.buttonStyles2 {border: none; margin: 10px 0 0 52px; border-style: none; }

.btnRound{
/*added by Manu 6-3-10 - This gives buttons a rounded look but are fixed*/
background:url(/images/gui/medium-button.png) no-repeat; 
cursor:pointer; 
width: 118px; 
height: 21px;
border: none;
font-weight: bold;
color: #202020;
} 
.package1 {margin:0 50px 0 56px;}

.clr {clear:both;}
