/* Global CSS - Overrides Common Tags */

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	background-color: #CCCCCC;

	background-image: url(/images/main_bg.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	margin: 0pt;

	padding: 0pt;

	text-align: center;

}

h1

{

	display:block;

	width:216px;

	margin: 0px;

	height:75px;

	text-indent:-9009px;

	background:transparent url(/images/XLerant_logo.jpg) no-repeat 0 0;

}

h1 a {

	display:block;

	width:100%;

	height:100%;

	outline:none;

}

.header {
	background: none; 
	height: auto; 
	width: auto; 
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #344388;
	border-bottom: 1px solid #CCCCCC;
	width: 98%; 
	margin-left: 0px; 
	margin-right: 0px; 
	text-indent:0;
}

h2 {

	margin-top: 0px;

	margin-bottom: 15px;

	font-size: 15px;

	font-weight: bold;

	color: #344388;

	border-bottom: 1px solid #CCCCCC;

	width: 98%;

}

h3 {

	margin-top: 0px;

	margin-bottom: 10px;

	font-size: 12px;

	font-weight: bold;

	color: #344388;

}

p{

	margin-top: 0px;

	margin-bottom: 10px;

}

blockquote
{
	padding: 7px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
	font-weight: bold;
	color: #000066; 
}
blockquote .top
{

}

a:link

{

	color: #e72b17;

	text-decoration: underline;

}

a:visited

{

	color: #e72b17;

}

a:hover 

{

	text-decoration: none;

}

input

{

	font-size: 11px;	

}

form

{

	margin: 0px;

}

input image

{

	margin: 0px;

	padding: 0px;

}





/* Custom */

#bodyContainer

{

	width: 100%;

	position: relative;

	vertical-align: top;

}

#pageContainer

{

	margin: 0 auto;

	width: 808px;

	padding-left: 4px;

	padding-right: 4px;



}

#headerContainer{

	margin-top: 0px;

	width: 800px;

	text-align: left;

}

#headerLogo

{

	margin-top: 0px;

	padding-left: 25px;

	padding-top: 10px;

	float: left;

}

#headerDefinition

{

	margin-top: 15px;

	padding-right: 5px;

	float: right;

}



#menuBar

{

	width: 798px;

	margin: 0 auto;

	background-image: url(/images/nav_bg.jpg);

	background-repeat: repeat-x;

	background-position: center top;

	height: 37px;

	border-right: 1px solid #FFF;

	border-left: 1px solid #FFF;

	text-align: left;

	clear: both;

}



ul#menu{

	display:block;

	float:left;

	margin:0px;

	padding:0px;

}

ul#menu li{

	display:block;

	float:left;

	margin:0px;

	padding:0px;

}

ul#menu li a{

	display:block;

	float:left;

	color:#FFFFFF;

	text-decoration:none;

	font-weight:bold;

	padding:12px 20px 0 20px;

	height:24px;

	background:transparent url("/images/divider.gif") no-repeat top right;

	}

ul#menu li a:hover{

	background:transparent url("/images/hover.gif") no-repeat top right;	

	}

#subNavContainer{

	width: 798px;

	height: 25px;

	margin-top: 5px;

	text-align: left;

}

#subNavContainer .subNav

{

	margin-left: 20px;

	background-color: #FFF;

	margin-top: 5px;

	margin-bottom: 5px;

	text-align: left;

	display: none;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	vertical-align: middle;

}



#subNavContainer a

{

	color: #e72b17;

	font-weight: bold;

	text-decoration: underline;

	padding-right: 20px;

}

#subNavContainer a:hover

{

	color: #e72b17;

	font-weight: bold;

	text-decoration: none;

}

#footerContainer

{

	width: 798px;

	margin: 0 auto;

	height: 35px;

	text-align: left;

	padding-top: 25px;

	clear: both;


}

#footerContainer .footerLeft

{

	padding-left: 10px;

	float: left;

	color: #999999;

	font-weight: normal;

	font-size: 10px;

}

#footerContainer .footerRight

{

	float: right;

	color: #999999;

	font-weight: normal;

	font-size: 10px;

	padding-right: 10px;

}

#footerContainer .footerRight a

{

	color: #999999;

	font-weight: normal;

	text-decoration: underline;

	font-size: 10px;

	padding-right: 3px;

}

#subNavContainer .footerRight a:link

{

	color: #999999;

	font-weight: normal;

	text-decoration: underline;

	font-size: 10px;

	padding-right: 3px;

}

#subNavContainer .footerRight a:visited

{

	color: #999999;

	font-weight: normal;

	font-size: 10px;

	padding-right: 3px;

}

#subNavContainer .footerRight a:hover

{

	color: #999999;

	font-weight: normal;

	text-decoration: none;

	font-size: 10px;

	padding-right: 3px;

}

#contentContainer

{

	width: 798px;

	margin: 0 auto;

	text-align: left;

	clear: both;

}

#leftSidebar

{

	float: left;

	width: 190px;

	height: 180px;

	padding-left: 15px;

	padding-right: 5px;

	padding-top: 15px;

	background: url(/images/left_sidebar_bg.jpg);

	background-repeat: no-repeat;

	background-position: top left;

}

#rightContent

{

	float: right;

	width: 510px;

	padding-left: 20px;

}

#content

{

	margin-left: 25px;

	margin-right: 25px;

	text-align: left;

	vertical-align: top;

}

#hpBottomFeatureContainer

{

	padding-left: 5px;

	padding-top: 10px;

}

#hpFeatureContainer

{

	width: 798px;

	margin: 0 auto;

	height: 275px;

	text-align: left;

	clear: both;

}

#hpFeatureContainer .hpFeatureLeft

{

	padding-left: 5px;

	width: 520px;

	float: left;

}

#hpFeatureContainer .hpFeatureRight

{

	float: right;

	width: 250px;

	padding-right: 10px;

}

/* Rotating Image Styles */

.rotatingImage

{

	border: 0px;

}

.imgLink {

	border: 0px;

}

#hpNewsContainer

{

	margin-top: 8px;

	border-top: 1px solid #CCCCCC;

	padding-top: 7px;

}

#hpSignUp

{

	margin-top: 8px;

	border-top: 1px solid #CCCCCC;

	padding-top: 7px;

}

input .emailSignUp

{

	width: 100px;

	height: 27px;

}

.reasons

{

	padding: 8px;

	font-size: 11px;

	color: #FFF;

	width: 600px;

	background: #344388;

	border: #232D5A 1px solid;

	margin-bottom: 15px;

}

.reasons h3

{

	font-size: 12px;

	color: #FFF;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 5px;	

}

.note

{

	font-size: 11px;

	color: #999999;

	font-style: italic;

}

#formContainer

{

	padding: 10px;

	background: #EEEEEE;

	border: 1px solid #CCCCCC;

	vertical-align: top;

	text-align: left;

	margin-bottom: 15px;

}

.formTitle {

	width: 100px; text-align: left; vertical-align: bottom; float: left; font-weight: bold; height: 12px; position: relative;

}

.formFields {

	width: 625px; text-align: left; float: right; vertical-align: middle; height: 12px;  position: relative;

}

.formFieldContainer { 

	clear: both; 

	background: #999999;

	margin: 0 auto;

	padding-bottom: 10px; 

}

.errorMessage {

	color: #FF0000;

}

.button

{

font-weight: bold;

font-family: inherit;

text-align: center;

color: #2b333c;

background-color: #fefefe;

background-repeat: repeat-x;

background-attachment: scroll;

background-x-position: 0%;

background-y-position: 0%;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #c4cccc;

border-right-color: #acb5b5;

border-bottom-color: #6f7777;

border-left-color: #acb5b5;

padding-top: 0.2em;

padding-right: 1.5ex;

padding-bottom: 0.2em;

padding-left: 1.5ex;

overflow-x: visible;

overflow-y: visible;

cursor: pointer;

}

.faqQuestion{

font-weight: bold;

font-size: 11px;

margin-bottom: 8px;

}

.faqAnswer{

padding: 5px;

border-right: 1px solid #999999;

border-top: 1px solid #CCCCCC;

border-bottom: 1px solid #999999;

border-left: 1px solid #CCCCCC;

background: #E8E8E8;

width: 95%;

margin-bottom: 15px;

}

.comparisonBorderRight{
	border-right: solid 1px #5F6BA7;
	border-bottom: solid 1px #5F6BA7;
}
.comparisonBorderRightEnd{
	border-bottom: solid 1px #5F6BA7;
}