/* The general philosophy on the web site is for links to not be underlined, but to be a different color from the surrounding text. We do not change 
   the color of visited links from the default color unless it seems useful to give the user a visible clue as to what pages he has previously
   visited, for example article links on the news page and products links on the iApps product page (iApps\default page)change color when visited. */

A:link  	{color: #0C479D; text-decoration: none} /* A dark blue */
A:visited	{color: #0C479D; text-decoration: none}
A:hover 	{color: #E14A9C; text-decoration: none}	/* Purple */
A:active 	{color: #E14A9C; text-decoration: none}

h1 {
	font-weight:normal;
	font-size: 2.25em;
	}
h2 {	
	font-weight:bold;
	font-size: 2em;
	color: #1E87BB;				/* The default font color, a fairly bright blue */
	}
h2 a:link    {color: #1E87BB}
h2 a:visited {color: #1E87BB}
h2 a:hover   {color: #E14A9C}
h2 a:active  {color: #E14A9C}

h3 {
	font-weight:normal;
	font-size: 1.25em;
	}

.noborder {
	border-style: none;
	}

.centeredbody {					
	max-width: 800px;		
	margin-left: auto;
	margin-right: auto;
	padding-left: .5em;
	padding-right: .5em;
	background-color: #FFFFFF;	/* white */
	color: #555555;				/* Fairly dark gray */
	font: normal .9em "Trebuchet MS", helvetica, sans-serif; /* anything larger than .9em makes the Mobil Assist link wrap */
	}

.divbanner {
	text-align:center;
	padding-bottom:20px;
	}

.divleft {
	float: left;
	clear: left;
	width: 48%;					/* Allow for right padding */
	padding-left:  0%;
	padding-right: 2%;
	}
		
.divright {
	float: left;
	width: 47.5%;				/* Allow for left padding and border */
	padding-left:  2%;
	padding-right: 0%;
	padding-bottom: 0em;
	border-left: solid 1px #666666;   
	}
.customerquote {
	padding-left: 2em;
	color: #1E87BB;				/* The default font color, a fairly bright blue */
	}

.bottompara {
	margin-bottom: 0px;
	}
.screenshots a {				/* For three side by side screen shots */
	float: left;
	width: 33%;			
	text-align: center;
	padding-bottom:10px;
	}
		
.screenshotsdouble a {				/* For two side by side screen shots */
	float: left;
	width: 50%;			
	text-align: center;
	padding-bottom:10px;
	}
		
.screenshotssingle a {				/* For a single, full width, centered screen shot */
	float:left;
	width:100%;
	text-align: center;
	padding-bottom:10px;
	}
		
.iconlinks p {
	float: left;
	width: 20%;			
	text-align: center;
	margin: 0px;
	padding-top: .0em;
	padding-bottom:50px;
	}
.iconlinks a {
	text-decoration: none;		
	}

.icon {						
	border-style: none;
	width: 57px;
	height: 57px;
	}
	
.productlinks {
	margin:0px;
	line-height:1.5em;
	}
	
/* The following styles are used on both the Products and Support pages */
	
.productsdiv {
	clear:left;
	}

.productsdiv h2 {	
	font-weight:bold;
	font-size: 2em;
	color: #1E87BB;				/* The default font color, a fairly bright blue */
	padding-top: .3em;  
	padding-bottom: .3em;
	margin: 0px;
	}

.productslink {
	clear:left;
	float:left;
	width:20%;
	text-align: center;
	font-size:1.25em;
	margin:0px;
	padding-bottom:1em;
	}
	
.productstext {
	float:left;
	width:75%;
	margin:0px;
	padding-right:5%;
	padding-bottom:1em;
	}
	
.productsappstorelink {
	float:left;
	width:75%;
	margin:0px;
	text-align:center;
	padding-right:5%;
	padding-bottom:1em;
	}
	
.newslink {
	clear:left;
	float:left;
	width:15%;
	margin:0px;
	text-align:right;
	padding-right:2%;
	padding-bottom:.3em;
	}
	                                    	                                    
.newslink a:visited  {color: #E14A9C} /* Leave it purple so the user can see which article's he has read */
	
.newstext {
	font-weight:bold;	
	float:left;
	width:83%;
	margin:0px;
	padding-bottom:.3em;
	}

.newsdate {
	color: #1E87BB;				/* The default font color, a fairly bright blue */
	}	
.contactsleft {
	float: left;
	clear: left;
	width: 62.5%;					/* Allow for right padding and border */
	padding-left:  0%;
	padding-right: 2%;
	border-right: solid 1px #666666;   
	}
		
.contactsright {
	float: left;
	width: 33%;				/* Allow for left padding */
	padding-left:  2%;
	padding-right: 0%;
	padding-bottom: 0em;
	}

.contactsheading {
	font-weight:bold;
	color: #1E87BB;	
	float:left;
	width:32%;
	margin:0px;
	padding-bottom:1em;
	}
	                                    	                                    
.contactstext {
	float:left;
	width:68%;
	margin:0px;
	padding-bottom:1em;
	}

.footerlinks {
	clear:left;
	text-align:center;
	padding-top: 4em;
	padding-bottom: 0px;
	}	

.footer {
	clear: left;
	padding-top: 5px;
	color: #1E87BB;				/* The default font color, a fairly bright blue */
	font-size: .75em;
	font-style: italic;
	}
	
.footer a:link    {color: #1E87BB} /* Use the standard footer font color for footer links so that they don't grab the viewer's attention. */
.footer a:visited {color: #1E87BB} /* Ditto for visited */
.footer a:hover   {color: #E14A9C}
.footer a:active  {color: #E14A9C}