@charset "UTF-8";
/* CSS Document */


body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, input, table {
	margin: 0;
	padding: 0;
	}
	
.SpryHiddenRegion {
		visibility:hidden;
	}
	
a 	{
	outline: none;
	}
	
li {	
	list-style-image: url(../images/bullet.gif);
	}
	
img {
	border: none;
}

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/body-bg.jpg) 0 0 repeat-x;
	text-align: center;
	font-size: 62.5%;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	}

	
#wrapper1 {
	position: relative;
	width: 958px;
	/*background-color: #fff;*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index: 80;
	}
	
#header {
	position: relative;
	text-align: right;
	/*border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom: 8px;*/
	background-color: #fff;
	}
	
* html #header {
	height: 1%;
}
	
#search {
	height: 40px;
	}
	
#search form {
	padding: 10px 10px 0 0;
	margin: 0;
	}
	
#search input.textarea {
	border-top: 1px solid #8e8e8e;
	border-right: none;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	padding: 0;
	margin: 0;
	color: #666;
	width: 140px;
	height: 17px;
	}
	
#search input.textarea2 {
	border-top: 1px solid #8e8e8e;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	padding: 0;
	margin: 0;
	color: #666;
	width: 140px;
	height: 17px;
	}
	
#search input.go {
	/*border-top: 1px solid #8e8e8e;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #e3e3e3;
	border-left: none;*/
	border: none;
	padding: 0;
	margin: 0 5px -5px -5px;
	}

	
#logo {
	text-align: left;
	}
	
#logo h1 {
	margin: 0;
	padding: 0;
	background: url(../images/logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	height: 72px;
	}
	
#logo a {
	display: block;
	width: 440px;
	text-align: left;
	cursor: pointer;
}
	
/* -- styles for login nav section -- */	
	
#login {
	position: absolute;
	top: 45px;
	right: 0;
	height: 27px;
	overflow: hidden;
	background-image: url(../images/login.gif);
}

#login span {
	color: #369;
	font-weight: bold;
	float: left;
	font-size:10px;
	margin-top: 3px;
}
	
#login ul {
	margin: 0;
	padding: 0 0 0 95px;
}


#login li {
        display: inline;
	margin: 0;
	padding: 0;
}
	

#login li a {
        float: left;
        height: 0pt;
        overflow: hidden;
        padding-top: 54px;
}
	

#login li a {
        background-image: url(../images/login.gif);
        background-repeat: no-repeat;
	left: 0;
}
	
#login li#express a { width: 60px; background-position: -95px 0pt; }
#login li#express a:hover { background-position: -95px -27px; }
	
#login li#corporate a { width: 70px; background-position: -155px 0px; }
#login li#corporate a:hover { background-position: -155px -27px; }
	
#login li#enterprise a { width: 75px; background-position: -225px 0pt; }
#login li#enterprise a:hover { background-position: -225px -27px; }

/* -- end login section nav -- */
		
	
	
#flashcontent {
	height: 370px;
	/*background: url(../images/flash-fpo.jpg) center 0 no-repeat;*/
	}
	
#flashNav {
	height: 224px;
	/*background: url(../images/flash-nav.jpg) center 0 no-repeat;*/
	}
	
#flashMovie {
	border: 1px solid #d5d5d5;
	margin: 0 auto;
	width: 358px;
	/*background: url(../images/flash-nav.jpg) center 0 no-repeat;*/
	}
	
	
	
/* -- begin secondaryNav styles -- */

#secondaryNav {
}

#secondaryNav ul {
	margin: 8px 0 0 8px;
	padding: 0;
	/*width: 144px;*/
}

#secondaryNav li {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #eee;
}

#secondaryNav li a:link, #secondaryNav li a:visited {
	/*font-size: 1.2em;*/
	color: #369;
	text-decoration: none;
}

 #secondaryNav li a:hover {
	color: #036;
	text-decoration: underline;
	}

	
/* -- end secondaryNav styles -- */



/* -- inline list for the news section ajax rollovers -- */	

    
    #benefitsNav ul {
        margin: 0;
        padding: 0;
		width: 100%;
    }


    #benefitsNav li {
        display: inline;
		margin: 0 0 0 -8px;
		padding: 0;
    }

    #benefitsNav li a {
        float: left;
        height: 0pt;
        overflow: hidden;
        padding-top: 20px;
    }

   #benefitsNav li a {
        background-image: url(../images/tabs.jpg);
        background-repeat: no-repeat;
		left: 0;
    }

  #benefitsNav li#application a { width: 86px; background-position: 0px 0px; }
    #benefitsNav li#application a:hover { background-position: 0px -20px; }
       
    #benefitsNav li#on-demand a { width: 120px; background-position: -86px 0pt; }
   #benefitsNav li#on-demand a:hover { background-position: -86px -20px; } 
	
	
#benefitsContent {
	margin: 30px 0 0 0;
	width: 216px;
	}
		
#benefitsContent li {
	margin: 0 0 6px 0;
	clear: both;
	}
	
#benefitsNav li#application a.selectedApplication {
	background-position: 0px -20px;
}

#benefitsNav li#on-demand a.selectedOnDemand {
	background-position: -86px -20px;
}

	
/* -- end inline list for the news section ajax rollovers -- */



	

/* -- stlyes for body content and copy -- */

#content_home {
	padding: 4px 0 0 0;
	background: url(../images/content-bg.gif) 0 0 no-repeat;
	color: #333;
	height: 1%;
	}
	
#content {
	padding: 4px 0 0 0;
	background: url(../images/lvl2-bg.gif) 0 0 repeat-y;
	color: #333;
	}
	
#contentMovie {
	padding: 4px 0 0 0;
	background: url(../images/movie-bg.gif) 0 0 repeat-y;
	color: #333;
	}
	
#content a:link, #content a:visited {
	color: #666;
	}
	
/* -- homepage col1 popup box -- */

#popupText {
position:relative;
margin: 0;
padding: 0;
list-style:none;
width: 220px;
}

#popupText dd {
background: transparent url(../images/bullet-home.gif) 0 0 no-repeat;
margin: 0;
padding: 0 0 0 10px;
width: 100px;
height: 20px;
}

#popupText a {
display: block;
text-decoration:none;
text-align: left;
color: #369;
font-size: 12px;
}

#popupText a:hover {
color: #f90;
border-bottom: 1px solid #fff;
}
#popupText a span {display: none;}
#popupText a:hover span {
display: block;
position: absolute;
left: 80px;
top: 0;
padding-left: 8px;
color: #369;
width: 130px;
text-align: left;
border-left: 1px solid #fff;
background-color: #eee;
font-size: 12px;
line-height: 16px;
}
#popupText dt {
position:absolute;
left:30px;
top:20px;
}

/* -- end styles for homepage col1 popup box -- */


	
.col {
	position: relative;
	width: 222px;
	float: left;
	margin-right: 2px; 
	padding: 0 8px 4px 8px;
	}
	
.col2 {
	width: 576px;
	float: left;
	margin-right: 2px; 
	padding-left: 12px;
	min-height: 400px;
	}
	
.col3 {
	width: 114px;
	float: left;
	margin: 0; 
	padding-left: 4px;
	}
	
.col3 {
	margin: 0;
	width: 110px;
	float: right;
	padding: 8px 0 0 8px;
	
    }
	
.col4 {
	width: 235px;
	float: left;
	margin: 0;
	padding-left: 0; 
	}
	
.col h1, .col2 h1, .col3 h1, .col4 h1, .movieMod h1 {
	color: #369;
	font-size: 1.3em;
	}
	
.col h1 {
	margin: 8px 0 12px 0;
	font-weight: normal;
	}
	
.col4 h1 {
	margin: 8px 0 4px 8px;
	font-weight: normal;
	}
	
.col h1.what { background: url(../images/what-we-do.gif) 0 0 no-repeat; text-indent: -9999px; height: 20px; }
.col h1.benefits { background: url(../images/benefits.gif) 0 0 no-repeat; text-indent: -9999px; height: 20px; }
.col h1.news { background: url(../images/news.gif) 0 0 no-repeat; text-indent: -9999px; height: 20px; }
.col4 h1.industry { background: url(../images/col-highlights.gif) 0 0 no-repeat; text-indent: -9999px; height: 20px; }	
	
.col h2 {
	color: #e18803;
	font-size: 1.3em;
	margin-top: 10px;
	font-weight: normal;
	line-height: 1.3em;
	}
	
.col2 h1 {
	color: #666;
	font-size: 1.1em;
	margin-top: 10px;
	font-weight: normal;
	line-height: 1em;
	}

.col2 h2 {
	color: #e18803;
	font-size: 1.5em;
	margin-top: 15px;
	font-weight: normal;
	line-height: 1.3em;
	}
	
.col2 h3 {
	color: #369;
	font-size: 1.3em;
	margin-top: 5px;
	line-height: 1.3em;
	}
	
#content .col2 h3 a:link, #content .col2 h3 a:visited {
	color: #369;
	margin-top: 5px;
	line-height: 1.3em;
	text-decoration: none;
	}
	
.col p, .col2 p, .movieMod p, .col2 label {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	}

.col p.ul {
	padding: 0;
	}
	
.col a:link, .col a:visited {
	color: #369;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.2em;
	}
	
.col a:hover {
	color: #f90;
	}
	
.date {
	font-size: .9em;
	}

	
.col2 p.intro {
	/*font-size: 1.2em;
	color: #369;*/
	line-height: 1.4em;
	margin: 22px 0 0 0;
	}
	
.col ul, .col2 ul, .col ol, .col2 ol {
	margin: 0 8px;
	padding: 0 0 4px 8px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
}

.col2 ul li ul{
	font-size: 1em;
	line-height: 1.4em;
	color: #666;
	margin: 5px 0 0 0;
	padding: 0 0 0 8px;
}

.col ul li ul li {
	margin: 0;
	}

.col2 ul ul ul{
	font-size: 1em;
	line-height: 1em;
	color: #666;
}

.col li {
	margin: 0 0 6px 0;
	}

.col2 li {
	list-style-type: disc;
	margin: 0 0 8px 8px;	
}

.bulletHeader {
	color: #369;
	font-weight: bold;
	}
	
.col3 p {
	margin: 0;
	padding: 0 0 6px 0;
	line-height: 1.4em;
	}
	
.col3 a:link, .col3 a:visited {
	color: #333;
	text-decoration: none;
	font-size: 1.1em;
	}

.col3 img.pdf {
	float: right;
	margin-right: 8px;
	}
	
#highlights {
	text-align: center;
}
	
a.arrowLink:link, a.arrowLink:visited {
	text-decoration:none;
	color: #369;
	font-size: 12px;
	margin: 10px;
	padding: 0 0 0 10px;
	line-height: 1.5em;
	background: transparent url(../images/bullet-home.gif) 0 0 no-repeat;
}

a.arrowLink:hover {
	color: #f90;
}
	
	
/* -- styles for forms -- */

label.error {
	padding: 0 5px;
	color: #c00;
	font-size: 11px;
}
	
	

.clearer, #clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
	}	
	
#footer { 
	width: 958px;
	background: url(../images/footer-bg.gif) 0 0 no-repeat;
	font-size: 10px;
	margin: 0 auto;
	padding: 8px 0 4px 0;
	text-align: left;
	color: #999;
	}
	
	
#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: none;
	}

#footer a:hover {
	color: #f90;
	}
	
#contact {
	float: right;
	}
	
	
.clear {
	clear: both;
	}
	
.buynow a:link, .buynow a:visited {
	background-color: #eee;
	border: 1px solid #ccc;
	font-weight: normal;
	font-size: 10px;
	padding: 3px;
	margin-left: 5px;
	text-decoration: none;
	}
	
.buynow a:hover {
	background-color: #f90;
	border: 1px solid #ccc;
	color: #fff;
	}
	
/* -- begin styles for the movie page -- */

#colWrapper {
	margin: 15px 0 0 248px;
}

.colSet {
	position: relative;
	width: 710px;
	float: left;
	margin: 0 0 10px 0; 
	padding: 0;
	}
	
.movieMod {
	width: 220px;
	margin-right: 12px;
	padding-right:4px;
	float: left;
}
	
.moviePic {
	float: right;
	margin: 0 0 10px 5px;
}

.moviePic2 {
	float: right;
	margin: 10px;
}

.quote {
	clear: right;
	padding: 10px 0 0 0;
}

.partnerSection {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}

.partnerSection img.impPartner {
	float: right;
	margin: 0 0 40px 20px;
}

.partnerLogos {
	border-top: 1px solid #ccc;
}

.chartName {
	text-align: center;
}

.answer {
	text-align: right;
}

#register, #questions {
	width: 200px;
	border: 5px solid #eee;
	float: right;
	padding: 10px;
}

#register img {
	margin: 0 0 0 40px;
}

img {
	border: none;
}
	
#zebra input {
	margin: 5px;
	text-align: right;
}

#zebra p, #zebra label {
	margin: 0 5px;	
}

.alt {
	background-color: #eee;
}	
	
	
	
	
