/*---------------- HACKS --------------------*/

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers */
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {

}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* THE ALSETT CLEARING METHOD */
.clearfix:after {
	content: “.”;
	display: block; 
	height: 0;
 	clear: both;
 	visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 


/*---------------- END HACKS --------------------*/

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

body {
	background-color:#e9e9e9;
	}
#main_wrapper {
		background-color:#FFF;
		}
#wrapper {}
#header {}
#all_inner {}
#all {}




/* THREE COLUMN LAYOUT */

body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */	
	}
#bg_wrapper {
	width:1200px; /* widths of columns will scale proportionately as this width is changed */
	margin-top:0px;
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-image:url(../images/bgfade.png);
	background-repeat:repeat-y;
	background-position:center;
	}
#bg_bottom{
	width:900px; /* widths of columns will scale proportionately as this width is changed */
	height:20px;
	clear:both;
	margin-top:0px;
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-image:url(../images/footerfade.png);
	background-repeat:no-repeat;
	background-position:center;
	}
#wrapper {
	width:800px; /* widths of columns will scale proportionately as this width is changed */
	margin-top:0px;
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-color:#00519e;
	background-position:center;
	}
.header_left {
	width:650px;
	height:75px;
	float:left;
	margin:25px 0px 0px 0px;
	}	
.header_right {
	width:300px;
	height:110px;
	float:left;
	}
.navigation {
	width:800px;
	height:30px;
	float:left;
	}
.navigation_inner {
	width:756px;
	height:25px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:5px 0px 0px 48px;
	}
#copy_upper {
	float:left;
	width:670px; 
	padding: 20px 65px 0px 65px;
	margin: 0px 0px 0px 0px;
	}
#copy_upper_comp {
	float:left;
	width:690px; 
	padding: 45px 65px 0px 45px;
	margin: 0px 0px 0px 0px;
	}
#content {
	float:left;
	width:800px; 
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
	}
#content_comp {
	float:left;
	width:600px; 
	padding: 0px 0px 0px 200px;
	margin: 10px 0px 0px 0px;
	}
#content_tc {
	float:left;
	width:600px; 
	padding: 0px 0px 0px 45px;
	margin: 10px 0px 0px 0px;
	}
.content_left {
	clear:both;
	float:left;
	width:400px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
.content_left_lower {
	clear:both;
	float:left;
	width:450px;
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 0px 0px;
	}
.content_handset {
	clear:both;
	float:left;
	width:750px;
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 0px 0px;
	}
.content_left_inner {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 45px;
	}
#content_index {
	float:left;
	width:800px; 
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}
#content_iframe {
	float:left;
	width:770px; 
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 30px;
	}	
.content_right{
	float:left;
	width:350px;
	padding: 10px 40px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	}
.content_right_form{
	float:left;
	width:350px;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	}
.productSR {
	margin: 0px 0px 0px 52px;

	width:245px;
	float:left;
	}
.productSER {
	margin: 0px 0px 0px 0px;
	width:245px;
	float:left;
	}
.productTER {
	margin: 0px 0px 0px 0px;
	
	width:200px;
	float:left;
	}
.product_innerSR {
	margin: 0px 15px 0px 15px;
	}
.product_innerSER {
	margin: 5px 15px 0px 15px;
	}
.product_innerTER {
	margin: 12px 0px 0px 15px;
	}
#header_inner, #nav_inner, #content_inner, #promo_inner, .footer_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#footer {
	clear:both;
	height:190px;
	background-image:url(../images/bglower.png);
	background-repeat:no-repeat;
	}
#footerleft_col {
	}
.footerleft_upper {
	float:left;
	width:360px;
	float:left;
	padding:100px 10px 0px 20px; 
	
	}
.footerbottom {
	float:left;
	width:800px;
	clear:both;
	
	}
.footerright {
	float:left;
	width:400px;
	padding: 0px 0px 0px 0px;
	}
.footerright_inner{
	padding: 80px 0px 0px 200px; 
	}
.bull{
	color:#CCC;
	padding:0px 5px 0px 0px;
	}
.selected{
	color:#FFF;
	}
.contact_left	{
	Padding: 10px 0px 0px 185px;
}
.contact_right{
	Padding: 30px 0px 0px 10px;
}
.warranty_left	{
	Padding: 10px 0px 0px 45px;
}
	

	
/*      FORM      */

.form	{
	clear:both;
	width:355px;
	text-align:left;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#ededed;
	}
.formtext	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt; 
	margin-bottom:0.75em; /* 12pts of space */
	color:#CCC;
	}
.disclaimer	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt; 
	margin-bottom:0.75em; /* 12pts of space */
	color:#CCC;
	}

/*  LOWER NAVIGATION */
.content comp a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
.low_nav li	{
	list-style:none;
	margin:0px 0px 0px 20px;
}
.low_nav a	{
	text-decoration:none;
}
.category1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}
.spacer	{
	color:#333;
}
.low_nav a:hover{
	text-decoration:none;
	color:#333;
}
.sitemap a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#ededed;
	text-decoration:none;
}
.handset a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#ededed;
}
/*  IMAGE CLASSES */
.logo	{
	margin: 20px 0px 0px 44px;
}
.innovation	{
	margin: 10px 0px 0px 44px;
}
.agito	{
	padding: 53px 0px 0px 50px;
}
.SR{
	padding: 0px 0px 0px 0px;
}
.SER{
	padding: 0px 0px 0px 0px;
}
.TER{
	padding:0px 0px px 0px;
}
.warranty{
	margin: 20px 0px 13px 50px;
}
.button{
	margin: 20px 0px 0px 40px;
}
.swiftspin{
	border:0px;
	}
.content_left_lower a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#ededed;
	text-decoration:none;
	}
.content_left_lower a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#006;
	}
/* TOP NAVIGATION */

.menu li	{
	list-style:none;
}
.menu a:link,.menu a:visited	{
	text-decoration: none
	}
.menu A:hover {
	text-decoration: underline;
}
.selected {
	text-decoration: underline;
}
.category	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ededed;
}
.spacer	{
	color:#ededed;
}




/* TEXT COLORS & FONT SIZES */

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#ededed;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#ededed;
	font-weight:bolder;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ededed;
	}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ededed;	
	}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ededed;
	}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#310b52;
	}
h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt; 
	margin-bottom:0.75em; /* 12pts of space */
	color:#002552;
	}

table, form {
	color: #BFBFAC;
	}
a {
	color:#310b52;
	list-style:none;
	}	
#footer p {
	margin:0;
	}
a {}
a:hover {
	text-decoration:none;
	color:#FFF;
	}
.footer_inner p	{
	font-size:10px;
	}

	
	
	
/* PREVIEW PAGE */	
#preview_content {
	float:left;
	width:548px; 
	height:60px;
	padding:100px 0px 0px 150px;
	}
#preview_contentlower {
	float:left;
	width:548px; 
	height:150px;
	padding:5px 0px 0px 125px;	
	}
.preview_footerleft {
	float:left;
	width:400px;
	height:150px;
	}
td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-bottom:0.75em; /* 12pts of space */
	color:#ededed;
	text-align:center;
	}
	
	
	
	
/*     ACCORDIAN     */
#content_accordian {
	float:left;
	width:800px;
	height:600px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 45px;
	}
#basic-accordian{
	border:1px solid #EEE;
	padding:5px;
	width:600px;
	position:absolute;
	left:39%;
	top:45%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.accordion_headings{
	padding:5px;
	background:#00519e;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00285b;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00285b;
}







/*------------------PAGEFLIP------------*/


#pageflip {
	position: relative;
	background-color:#00519e;
}
#pageflip img {
	width: 100px; height: 102px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
	
}
#pageflip .msg_block {
	width: 100px; height: 100px;
	position: absolute;
	z-index: 80;
	right: 0; top: 0;
	background: url(../images/corner.png) no-repeat right top;
	text-indent: -9999px;
		background-color:#00519e;
}






/********* NAVBAR *********/

#index_copy {
	float:left;
	width:470px; 
	padding: 20px 10px 0px 65px;
	margin: 0px 0px 0px 0px;
	}
#index_buttons {
	float:left;
	width:200px; 
	padding: 60px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	}
#button_container {
	margin:0 auto;
	width: 820px;
	height:22px;
	clear:both;
}
#navMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}
#navMenu li{
	float: left;
	display: inline;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
    border: none;
}
a.nav1, a.nav1_a{
	display:block;
	margin:10px 0px 0px 0px;
	float:left;
	width:150px;
	height:24px;
	background-image:url(../images/BrochureRequest.png);
	background-repeat:no-repeat;
	text-align:center;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}


a.nav1:hover{
	width:150px;
	height:24px;	
	background-image:url(../images/BrochureRequestFlip.png);
	background-repeat:no-repeat;
}
a.nav2, a.nav2_a{
	display:block;
	margin:5px 0px 0px 0px;
	float:left;
	width:150px;
	height:24px;
	background-image:url(../images/FindDealer.png);
	background-repeat:no-repeat;
	text-align:center;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
a.nav2:hover{
	width:150px;
	height:24px;
	background-image:url(../images/FindDealerFlip.png);
	background-repeat:no-repeat;
}


a.nav3, a.nav3_a{
	display:block;
	margin:5px 0px 0px 0px;
	float:left;
	width:150px;
	height:24px;
	background-image:url(../images/BrochureRequest.png);
	background-repeat:no-repeat;
	text-align:center;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}


a.nav3:hover{
	width:150px;
	height:24px;	
	background-image:url(../images/BrochureRequestFlip.png);
	background-repeat:no-repeat;
}
a.nav4, a.nav4_a{
	display:block;
	margin:5px 0px 0px 10px;
	float:left;
	width:150px;
	height:24px;
	background-image:url(../images/FindDealer.png);
	background-repeat:no-repeat;
	text-align:center;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
a.nav4:hover{
	width:150px;
	height:24px;
	background-image:url(../images/FindDealerFlip.png);
	background-repeat:no-repeat;
}