﻿/* 
All graphics, images and code Copyright (c) 2008 Quotit Corporation. All rights reserved.
***************************************************/

/*
UNIVERSAL SETTINGS 
***************************************************/

* {
	margin: 0;
	padding: 0;
	font: normal 12px Tahoma, Helvetica, Arial, sans-serif;
}

html {
    overflow: -moz-scrollbars-vertical;
}

a {
	color: #3f82c0;
	font-size: 12px;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #e8520c;
	text-decoration: none;
}


a.headerlink {
	font: normal 24px Tahoma, Helvetica, Geneva, sans-serif;
	color: #3f82c0;
	margin: 75px 3px 0 0;
}

a.headerlink:hover {
	color: #e8520c;
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

img {
	border: none;
}


#calltoaction {
	float: right;
	margin: 2px 6px 0 0;
}

h1 {
	font: normal 24px Tahoma, Helvetica, Arial, sans-serif;
	color: #3f82c0;
	float: right;
	margin: 59px 10px 0 0;
}

h2 {
	font: bold 14px Tahoma, Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #5d5d5d;
}

h3 {
	font: normal 32px Tahoma, Helvetica, Arial, sans-serif;
	color: #e8520c;
}

em {
	font-style: italic;
}

/*
SITE FRAMEWORK
***************************************************/

body {
	padding: 0;
	margin-bottom: 50px;
	text-align: center;
	background: #fff url(../images/bodybg.gif) repeat-x;
}
	
#wrap {
	width: 905px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

ol {
	margin: 0 0 0 20px;
}

/*
Site Wide Navigation. This sits at the top of the page in the gray bar
***************************************************/

#navigation {
	height: 38px;
	float: left;
}

#navigation ul {
	margin: 10px 0;
	list-style: none;
	float: left;
}

#navigation li {
	display: inline;
	margin: 0 0 0 15px;
}

#navigation li.firstnaventry {
	margin: 0;
}

#navigation li.navlogin a{
	font: bold 12px Tahoma, Helvetica, Geneva, sans-serif;
	padding: 0 0 2px 20px;
	color: #e8520c;
	background: url(../images/bullet-login.gif)
top left no-repeat;
}

#navigation li.navlogin a:hover {
	color: #e8520c;
}

#navigation li a {
	font: bold 12px Tahoma, Helvetica, Geneva, sans-serif;
}

/*
Header and Sub-Navigation Styles
***************************************************/
#header {
	width: 905px;
	height: 90px;
	float: left;
}

#logocontainer {
	width: 150px;
	float: left;
}

#subnavigation {
	width: 905px;
	float: left;
}

.quotitlogo {
	position: absolute;
	margin: 10px 0 0 -27px;
	z-index: 10;
}

/*
Universal Site Framework Styles
***************************************************/

hr {
	width: 530px;
	height: 2px;
	border: 0;
	background: #d6d6d6;
}

#indexcontent {
	width: 905px;
	float: left;
}

#contentcap {
	width: 905px;
	height: 8px;
	padding: 0;
	margin: 0;
	background: url(../images/contentcap.gif) top no-repeat;
	float: left;
}

#contentbody {
	width: 905px;
	background: url(../images/contentbg.gif) repeat-y;
	float: left;
	margin: -5px 0 -14px 0;
	clear: both;
}

#contentfooter {
	width: 905px;
	height: 15px;
	background: url(../images/contentfooter.gif) bottom no-repeat;
	float: left;
}

#contentfooterorange {
	width: 905px;
	height: 20px;
	background: url(../images/contentfooter-orange.gif) bottom no-repeat;
	float: left;
}

/* 
Page: Index
***************************************************/

.quotitkiosk {
	width: 905px;
	height: 350px;
	float: left;
	margin-bottom: 10px;
}

.kiosksidemenu {
	width: 170px;
	margin: 0 0 0 15px;
	display: inline;
	float: left;
}

.kiosksidemenu ul {
	width: 170px;
	margin-top: 75px;
	padding: 0;
	list-style: none;
	float: left;
}

.kiosksidemenu li {
	margin: 0 20px 35px 0;
}

.kiosksidemenu li a {
	font: normal 14px Tahoma, Helvetica, Geneva, sans-serif;
}

.sidemenuicon {
	float: right;
	margin: 1px 0 0 5px;
}

.kioskcontent {
	width: 345px;
	margin: 30px 0 0 10px;
	float: left;
}

.kioskcontent p {
	line-height: 140%;
	margin: 0 0 0 5px;
}

.kioskcontent h2 {
	font: bold 12px Tahoma, Helvetica, Geneva, sans-serif;
	margin-left: 4px;
	color: #5d5d5d;
	border: none;
}

#onethirdsboxrow {
	width: 905px;
	float: left;
	margin-top: 5px;
}

.firstonethirdsbox {
	width: 290px;
	height: 200px;
	background: #f5f5f5;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 0 10px 3px;
	display: inline;
}

.firstonethirdsbox p {
	margin-left: 10px;
}

span.profilename {
	margin-left: 10px;
	display: inline;
	color: #5d5d5d;
	font-weight: bold;
	font-size: 12px;
}

.onethirdsbox {
	width: 290px;
	height: 200px;
	background: #f5f5f5;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 0 10px 11px;
	display: inline;
}

.onethirdsbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.onethirdsbox li {
	margin: 0 3px 5px 3px;
	padding: 0;
	border-bottom: 1px solid #ddd;
	float: left;
}

.productupdatesbox {
	width: 290px;
	height: 200px;
	background: #f5f5f5;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 0 10px 11px;
	display: inline;
}

.productupdatesbox ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

.productupdatesbox li {
	margin: 0 3px 0 0;
	padding: 5px 0 7px 0;
	border-bottom: 1px solid #ddd;
	float: left;
}

.productupdatesbox p {
	margin-left: 10px;
}

.productupdatesbox a {
	float: right;
	margin: 15px 20px 0 0;
}

.onethirdsbox li.last {
	border-bottom: none;
}

.newsitem {
	width: 280px;
	float: left;
}

.newsdate {
	width: 58px;
	height: 69px;
	margin: 0 13px 5px 5px;
	padding: 0;
	text-align: center;
	float: left;
	background: url(../images/newscalendar.gif) 3% 50% no-repeat;
	display: inline;
}

.newsmonth {
	font: bold 11px Tahoma, Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 11px 5px 7px 17px;
	float: left;
}

.newsdatenumbers {
	font: bold 22px Tahoma, Helvetica, Arial, sans-serif;
	color: #000;
	padding-top: 5px;
	text-align: center;
	clear: both;
}

.newsblurb p {
	margin-right: 3px;
}


.onethirdsheadline {
	font: bold 12px Tahoma, Helvetica, Geneva, sans-serif;
	margin: 6px 0 0 10px;
	display: inline;
	color: #000;
	float: left;
} 

.profilephoto {
	float: right;
	margin: 0 7px 0 3px;
	display: inline;
}

.italic {
	font
}

.errornotification {
	float: left;
	padding-top: 9px;
	padding-left: 5px;
	color: #FF0000;
}

/* 
PAGE BACKGROUND IMAGE BIBLE
***************************************************/

#pagecontent {
	width: 897px;
	margin-left: 3px;
	background: #fff url(../images/pagebg-products.jpg) no-repeat;
	float: left;
	display: inline;
}

#generalpagecontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-genericbluebg.jpg) no-repeat;
	float: left;
	display: inline;
}

#carrierlistcontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-carriers.jpg) no-repeat;
	float: left;
	display: inline;
}

#contactcontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-contact.jpg) no-repeat;
	float: left;
	display: inline;
}

#techspecscontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-techspecs.jpg) no-repeat;
	float: left;
	display: inline;
}

#aboutcontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-about.jpg) no-repeat;
	float: left;
	display: inline;
}

#about-qualitypolicy {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-aboutqualitypolicy.jpg) no-repeat;
	float: left;
	display: inline;
}

#about-iso {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-iso.jpg) no-repeat;
	float: left;
	display: inline;
}


#about-sitecredits {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-aboutcsr.jpg) no-repeat;
	float: left;
	display: inline;
}

#websitescontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-websites.jpg) no-repeat;
	float: left;
	display: inline;
}

#product-iprocontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-ipro.jpg) no-repeat;
	float: left;
	display: inline;
}

#product-eprocontent {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-epro.jpg) no-repeat;
	float: left;
	display: inline;
}

#product-outlookipro{
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-outlookipro.jpg) no-repeat;
	float: left;
	display: inline;
}

#product-outlookiproheader{
	width: 897px;
	height: 75px;
	margin-left: 4px;
	background: #eb6c00;
	border-bottom: 1px solid #c15900;
	float: left;
	display: inline;
}

#product-outlook {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-outlook.jpg) no-repeat;
	float: left;
	display: inline;
}

#products-new {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-productsnew.jpg) no-repeat;
	float: left;
	display: inline;
}

#betatesting {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-betatest.jpg) no-repeat;
	float: left;
	display: inline;
}

#eprolayouts {
	width: 897px;
	margin-left: 4px;
	background: url(../images/pagebg-betatest.jpg) no-repeat;
	float: left;
	display: inline;
}

#newspageheader {
	width: 883px;
	height: 60px;
	background: url(../images/newspageheaderbg.gif) no-repeat;
	margin: 15px 0 0 11px;
	padding: 0;
	display: inline;
	float: left;
}

.newsType2 {
	background: url(../images/newspageheaderbg2.gif) no-repeat !important;
}

.newsType4 {
	background: url(../images/newspageheaderbg4.gif) no-repeat !important;
}

/*
Page: Quotit for Microsoft Outlook BETA TEST
For background image controls, refer to BG bible
***************************************************/
#betadownload {
	width: 897px;
	margin-left: 4px;
	float: left;
	display: inline;
}

iframe {
	border: 0;
}

#betatestheader {
	width: 897px;
	float: left;
	margin-bottom: 20px;
}

#betacolumnleft {
	width: 250px;
	float: left;
	margin-left: 20px;
	padding: 0 10px 0 2px;
	display: inline;
}

#betacolumnleft p {
	font-size: 12px;
	color: #707070;
}

#betacolumnleft ul {
	width: 240px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#betacolumnleft li {
	margin-top: 5px;
	padding: 0 0 5px 20px;
	background: url(../images/bullet-login.gif) top left no-repeat;
}

#betacolumnright {
	width: 565px;
	float: left;
	padding-left: 20px;
	display: inline;
}

#betacolumnright p, #betacolumnright li {
	line-height: 140%;
}

#betacolumnright ul {
	width: 545px;
	margin: 10px 0 10px 0;
	list-style: none;
	float: left;
}

#betacolumnright li {
	margin: 0 0 10px 0;
}

.betatest {
	margin: 24px 0 0 22px;
}

label.radiolabel {
	margin: 10px 5px 0 0;
	padding: 0 0 10px 0;
	float: left;
	text-align: left;
}

.betaradio {
	margin: 0 5px 0 0;
	padding-top: 5px;
	border: 0;
}

li.betatestli {
	font: normal 11px Tahoma, Helvetica, Arial;
	
}

.bugreportradio {
	margin: 5px 3px 0 0;
	padding-top: 5px;
	border: 0;
}	

.featurerequestradio {
	margin: 5px 3px 0 5px;
	padding-top: 5px;
	border: 0;
}	

form.betabugfeature {
	width: 550px;
	margin: 0;
	float: left;
	position: relative;
	display: inline;
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ddd;
}

.hidden {
	display: none;
}

form.betatest {
	width: 550px;
	margin: 0;
	float: left;
	position: relative;
	display: inline;
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ddd;
}

.betatestlabels {
	width: 550px;
	margin: 2px 0 2px 0;
	padding-bottom: 2px;
	float: left;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.betatestlabelslast{
	margin: 2px 0 2px 0;
	padding-bottom: 5px;
	padding-top: 5px;
	float: left;
	text-align: left;
}

span.betaformtitle {
	font: bold 13px Helvetica, Arial, Geneva, san-serif;
	float: left;
	margin: 3px 30px 0 0;
	color: #275670;
	text-align: left;
}

input.betaInput {
	width: 230px;
	height: 20px;
	margin: 0;
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
}

select.betaInputdropdown{
	width: 170px;
	height: 20px;
	margin: 0;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
}

label.betabugfeaturemessage {
	width: 310px;
	display: block;
	float: left;
	text-align: left;
}

textarea.betabugfeaturemessage  {
	width: 535px;
}

/*
Page: Quotit for Microsoft Outlook Landing Page
***************************************************/

#outlookipro-contenthouse {
	width: 897px;
	margin-top: 567px;
	background: #fff;
}

#outlookipro-content {
	width: 787px;
	margin: 0 auto;
}

#outlookipro-leftcol {
	width: 370px;
	float: left;
	margin-bottom: 20px;
}

#outlookipro-leftcol ul, #outlookipro-rightcol ul {
	margin: 0;
	list-style: none;
}

#outlookipro-leftcol li, #outlookipro-rightcol li {
	margin: 0 0 10px 0;
	padding-left: 22px;
	list-style: none;
	background: url(../images/bullet-login.gif) left center no-repeat;
}

#outlookipro-rightcol {
	width: 370px;
	float: left;
	margin: 0 0 20px 35px;
	display: inline;
}

#outlookipro-footer {
	width: 897px;
	height: 100px;
	background: #fe7501 url(../images/pagebg-outlookiprobottom.jpg) top left no-repeat;
	clear: both;
}

.outlookiproheadline {
	font: normal 18px Tahoma, Helvetica, Arial, san-serif;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

.outlookiprocontentfooter {
	width: 787px;
	padding: 15px 0 15px 0;
	border-top: 1px solid #000;
	float: left;
}

/*
Page: Products Home
***************************************************/

#productleft {
	width: 405px;
	float: left;
	padding-top: 5px;
	margin-left: 30px;
	display: inline;
}

#productright {
	width: 405px;
	float: left;
	padding-top: 5px;
	margin-left: 31px;
	display: inline;
}

.productcopy {
	width: 377px;
	height: 140px;
	float: left;
	margin-left: 14px;
	display: inline;
	border-top: 1px solid #5f5f5f;
}

.productcopy p {
	line-height: 140%;
	color: #2e2e2e;
}

.productfeatures {
	width: 377px;
	float: left;
	margin-left: 14px;
	display: inline;
}

.productfeature {
	height: 60px;
	padding-top: 15px;
	border-bottom: 1px solid #aaa;
	color: #2e2e2e;
}

#productextrafeatures {
	width: 815px;
	height: 78px;
	margin: 20px 0 20px 44px;
	float: left;
	display: inline;
	background: url(../images/productsextrafeaturesbg.gif) bottom no-repeat;
}

#productextrafeatures ul {
	width: 405px;
	margin: 0 0 20px 0;
	list-style: none;
	float: left;
}

#productextrafeatures li {
	margin: 10px;
	padding-left: 20px;
	background: url(../images/bullet-tick.gif) no-repeat;
}

#productextrafeatures h2 {
	border: none;
}

#productsspacer {
	margin-top: 370px;
}


#contentspacer {
	margin-top: 420px;
	float: left;
}

/*
Page: iPro Product Page
***************************************************/


#ipro-introparagraph {
	width: 400px;
	margin: 30px 0 30px 30px;
	display: inline;
	float: left;
}

#ipro-introparagraph p {
	line-height: 140%;
}

#outlookipro-introparagraph p {
	line-height: 140%;
}

#iprocontent {
	width: 840px;
	margin: 0 0 0 30px;
	display: inline;
	float: left;
}

#iprocontent ul.featuresleft{
	width: 410px;
	margin: 10px 0 10px 10px;
	padding: 0;
	float: left;
	list-style: none;
	display: inline;
}

#iprocontent ul.featuresright{
	width: 410px;	
	margin: 10px 0 10px 10px;
	padding: 0;
	float: left;
	list-style: none;
	display: inline;
}

#iprocontent li {
	margin: 5px 0 13px 0;
	padding: 0 0 0 25px;
	font-size: 11px;
	background: url(../images/bullet-tick.gif) no-repeat 0 50%;
	list-style-position: outside;
}

.product-iproheader {
	margin: 0;
}

.iproheaderimage {
	width: 840px;
	margin: 0;
	border-bottom: 1px solid #5d5d5d;
	display: inline;
	float: left;
}

#notificationform {
	margin: 0 0 0 20px;
}

/* 
Page: ePro
***************************************************/

#eprocontent {
	width: 855px;
	margin: 20px 0 0 22px;
	padding-bottom: 50px;
	display: inline;
	float: left;
}








































.eproheaderimage {
	width: 840px;
	margin: 0;
	border-bottom: 1px solid #5d5d5d;
	display: inline;
	float: left;
}

.eprosubtitles {
	margin: 10px 0 0 0;
	padding-bottom: 2px;
	display: block;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

/* 
Page: About Us
***************************************************/

#topcontentrow {
	margin-top: 275px;
	width: 900px;
}

.leftsidebar {
	width: 285px;
	margin: 0 0 0 20px;
	float: left;
	display: inline;
}

.leftsidebar ul {
	width: 280px;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

.leftsidebar li {
	margin: 5px 0;
	padding: 3px 0 5px 12px;
	background: url(../images/bullet-login.gif) center left no-repeat;
}

.leftsidebar li.whitelibg {
	background: url(../images/whitelinebg.png) repeat-x;
}

.leftsidebar li a {
	width: 100%;
	display: block;
	color: #000;
	margin-left: 5px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

.leftsidebar li a.selected {
	color: #e8520c;
}

.leftsidebar li a:hover {
	color: #e8520c;
}

.primarycontent {
	width: 550px;
	margin: 0 0 0 20px;
	float: left;
	display: inline;
}

.primarycontent p {
	line-height: 140%;
}

.primarycontent ul {
	margin: 0 0 10px 0;
	list-style: none;
	float: left;
}

.primarycontent li {
	margin: 10px;
	padding-left: 20px;
	background: url(../images/bullet-tick.gif) left center no-repeat;
}

.contentrow {
	width: 895px;
	margin: 0;
	padding: 10px 0 15px 0;
	float: left;
	display: inline;
}

.contentrow ul {
	margin-left: 40px;
}

.firstcontentrow {
	width: 895px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
}

.lastcontentrow {
	border: none;
}

/*
Page: News & all supporting news pages (ie., articles, etc)
***************************************************/









#newscolumnleft {
	width: 260px;
	float: left;
	margin-left: 30px;
	padding: 0 10px 0 2px;
	display: inline;
}

#newscolumnleft p {
	font-size: 12px;
	color: #707070;
}

#newscolumnleft ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#newscolumnleft li {
	margin: 0;
	padding: 3px 0 5px 20px;
	background: url(../images/bullet-login.gif) center left no-repeat;
}

#newscolumnright {
	width: 535px;
	border-left: 1px solid #e4e4e4;
	margin: 0 10px 0 11px;
	padding-right: 15px;
	padding-left: 20px;
	float: left;
	display: inline;
}

	#newscolumnright h5 {
	font-size: 20px;
	font-weight: normal;
	color: #3f82c0;
	margin: 20px 0 0 0;
	}


	#newscolumnright p {
		line-height: 140%;
	}
	
	#newscolumnright p.description {
		color: gray;
	}

	
	#newscolumnright ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#newscolumnright li {
		margin: 10px;
	}
	
	#newscolumnright ul.bulletList {
		margin: 10px 0;	
		list-style: disc;
	}
	
	#newscolumnright ul.bulletList li {
		margin: 5px 0 5px 25px;
	}	
	
	#newscolumnright li.newslist {
		margin: 10px;
		padding-left: 20px;
		background: url(../images/bullet-tick.gif) no-repeat;
	}

.newstoolbar {
	width: 540px;
	height: 22px;
	padding-top: 3px;
	margin: 0;
	background: url(../images/newsitemtoolbar.gif) no-repeat;
}

.newstoolbar ul{
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
	float: left;
}

.newstoolbar li.first{
	display: inline;
	margin: 0;
	font-size: 12px;
}

.readmore {
	float: right;
	margin-right: 10px;
}

.readmore a {
	font-size: 12px;
}

.newstoolbar li.readmore a {
	color: #000;
	font-weight: bold;
}

.newstoolbar li.readmore a:hover {
	color: #e8520c;
}

.newstoolbar li {
	display: inline;
	margin: 0 0 0 20px;
	font-size: 12px;
}

.newstoolbar li a {
	font-size: 12px;
}

.productUpdates .monthName {
	margin-bottom: 15px;
}

.productUpdates .monthName .largeorangeheadline {
	color: #797979;
}

.productUpdates .news {
	margin-bottom: 15px;
}

.productUpdates .news .newsTitle a {
	color: #424242;
}

.productUpdates .news {
	color: #a9a9a9;
}

.newsContent {
	color: #000;
}

.productUpdates .readMore {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
}

.productUpdates .nolink {
	padding: 0;
	height: 0px;
	font-size: 0;
}

.productUpdates .news .newsContent  p {
	margin: 0;
}

.profilesOfSuccess td {
	vertical-align: top;
}

.profilesOfSuccess .largeorangeheadline {
	color: #999;
}

.profilesOfSuccess .picture {
	width: 130px;
	height: 130px;
	border: 1px solid #ccc;
}

.profilesOfSuccessLine {
	height: 1px;
	margin: 20px 0;
	padding: 0;
	font-size: 0;
	background-color: #e9e9e9;
}

/* 
Page: Contact
***************************************************/

form.contact {
	width: 550px;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
	display: inline;
}

input.contactInput {
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
}

input.useremail {
	width: 300px;
	height: 20px;
	margin: 8px 0 0 0; 
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	background: fff;
	float: left;
}

input.zipcode {
	width: 100px;
	height: 20px;
	margin-top: 5px;
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	background: fff;
	float: left;
}

textarea {
	width: 300px;
	height: 100px;
	margin: 8px 0 0 0;
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	display: inline;
}

textarea.outlookipro {
	width: 300px;
	height: 100px;
	margin: 8px 0 10px 10px;
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	display: inline;
}

select {
	width: 107px;
	height: 20px;
	margin-top: 5px;
	float: left;
}

select.outlookiproselect {
	margin: 0 0 10px 10px;
}

input.contactInput, textarea.contactMessage, input.zipcode {
	font: bold 14px Arial, Helvetica, Geneva, san-serif;
}

input.contactInput:focus, textarea.contactMessage:focus {
	background: #fff;
}

.radiobutton {
	margin-right: 5px;
	background: 0;
	border: 0;
}

label {
	width: 225px;
	display: block;
	float: left;
}

label.outlookipro {
	width: 310px;
	display: block;
	float: left;
	text-align: left;
}

label.notifyoutlook {
	width: 70px;
	display: block;
	float: left;
	text-align: left;
}

.contactlabels {
	margin: 2px 0 2px 0;
	float: left;
}

.betatestsubmitbutton {
	width: 156px;
	height: 24px;
	margin: 10px 0 10px 190px;
	padding: 0;
	float: left;
	border: 0;
}
	
.contactsubmitbutton {
	margin: 10px 0 10px 190px;
	padding: 0;
	float: left;
	border: 0;
}

span.contactformtitle {
	font: bold 14px Arial, Helvetica, Geneva, san-serif;
	float: left;
	margin: 3px 30px 0 0;
	color: #275670;
}

span.orangetitle {
	font: bold 14px Arial, Helvetica, Geneva, san-serif;
	float: left;
	margin: 3px 30px 0 0;
	color: #fe7602;
}

.generalblue {
	font: bold 12px Arial, Helvetica, Geneva, san-serif;
	color: #275670;
}

.agency {
	width: 195px;
	height: 209px;
	margin: -5px 0 0 0;
}

/*
Page: Carriers
***************************************************/

iframe {
	background: #fff;
}

#carrierlogoscroller {
	width: 255px;
	margin: 20px 0 0 40px;
	padding-top: 40px;
	padding-left: 1px;
	position: absolute;
	overflow: hidden;
	z-index: 101;
}

#flashcarriercontainer {
	width: 899px;
	height: 500px;
	position: absolute;
	margin-top: -15px;
	z-index: 1;
	text-align: right;
}

h2.scrollerstatetitle {
	margin: 20px 0 3px 0;
	padding-bottom: 10px;
	font: bold 18px Arial, Helvetica, Geneva, san-serif;
	color: #a5a5a5;
	background: #fff url(../images/scrollerstatetitlebg.gif) bottom no-repeat;
	border: none;
}

/* 
Page: Website Templates
***************************************************/

#flashcontainer {
	width: 899px;
	height: 600px;
	position: absolute;
	margin-top: -15px;
	z-index: 1;
}

#websitecontent {
	margin-top: 475px;
	z-index: 21;
	display: block;
}
	
/*
Image Controls and Classes. EVERYTHING relating to the 
positioning and general styling of images MUST go here. 
No exceptions.
***************************************************/

#productoptions {
	float: right;
	width: 200px;
	height: 77px;
	margin: -33px 12px 0 0;
}

.testdrive {
	float: right;
	position: absolute;
	margin: 110px 0 0 230px;
}

.productsdemo {	
	float: right;
	margin: 5px 13px 15px 0;
}

.productbullet {
	float: left;
	margin-right: 10px;
}

.loginbullet {
	position: absolute;
	margin: 0;
}

.callusnote {
	width: 226px;
	height: 203px;
	position: absolute;
	margin: 75px 0 0 760px;
	z-index: 100;
}

/*
Misc Spans
***************************************************/

.largeheadline {
	font: normal 24px Calibri, Tahoma, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

.largeorangeheadline {
	font: normal 18px Tahoma, Helvetica, Arial, sans-serif;
	color: #e8520c;


}

.largetext {
	font-size: 16px;
}

strong {
	font-weight: bold;
}

.microtext {
	font: normal 11px Tahoma, Helvetica, Arial, sans-serif;
	color: #e8520c;
}

.extra-margin-bottom-65 {margin-bottom: 65px;}

/* 
Outlook form 
***************************************************/

form {
	width: 350px;
	margin-bottom: 20px;
}

label {
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
	float: left;
	width: 180px;
}

.bold {
	font-weight: bold;
}

select {
	width: 208px;
	margin: 5px 0 0 0;
	border: 1px solid #c0c0c0;
	font: 12px normal Tahoma, Arial, Garamond;
}

.checkbox {
	margin: 0 5px 0 5px;
	border: 0;
}

.iprocheckbox {
	margin: 5px 5px 0 10px;
}

.textfield {
	margin: 0 0 0 10px;
}

.field-name, .field-phone, .field-state, .field-zip, .field-email, .field-website {
	margin: 5px 0 5px 0;
	padding: 0;
	float: left;
}

#emailaddress, #websiteurl, #zipcode, #phonenumber, #username, #stateselect{
	width: 200px;
}

input {
	border: 1px solid #c0c0c0;
	padding: 3px;
}

.submitbutton {
	margin-left: 80px;
	border: 0;
}

#eprolayoutsLeft {
	width: 250px;
	float: left;
	margin-left: 20px;
	padding: 0 10px 0 2px;
	display: inline;
}

#eprolayoutsLeft ul.eprolayoutsmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-bottom: 20px;
}

#eprolayoutsLeft ul.eprolayoutsmenu li {
	display: block;
	width: 230px;
	height: 22px;
	margin-top: 5px;
	padding: 0 0 0 20px;
	background: url(../images/bullet-login.gif) top left no-repeat;
}

#eprolayoutsLeft ul.eprolayoutsmenu li.activeEproLayout {
	display: block;
	width: 230px;
	height: 22px;
	margin-top: 1px;
	padding: 5px 0 0 20px;
	background: url(../images/activeEproLayout.gif) top left no-repeat;
}

#eprolayoutsRight {
	width: 577px;
	float: left;
	display: inline;
	margin-left: 15px;
}

#eprolayoutsRight p, #eprolayoutsRight li {
	line-height: 140%;
}

#eprolayoutsRight ul {
	width: 545px;
	margin: 10px 0 10px 0;
	list-style: none;
	float: left;
}

#eprolayoutsRight li {
	margin: 0 0 10px 0;
}

/* 
FOOTERS AND CLEARS 
***************************************************/

.generalclear {
	clear: both;
}

.clearall {
	clear: both;
}

#bodyfooter {
	width: 905px;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both;
}

#footer {
	width: 905px;
	text-align: left;
	clear: both;
	padding-top: 25px;
	margin: 0 auto;
}

#footer p {
	font-size: 11px;
	margin-left: 20px;
	color: #5d5d5d;
}

#footer a {
	font-size: 11px;
}

#footerinfo {
	float: left;
}

#hackersafebadge {
	float: right;
	margin-right: 20px;
}

