/* -------------------------------------------------------------- 
  	GENERAL CROSS-BROWSER RESET 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

/* -------------------------------------------------------------- 
  	TYPOGRAPHIC DEFAULTS 
-------------------------------------------------------------- */
    
body {
	margin: 0;
	padding-bottom: 2em;
	color: #000000;
	font: 62.5% Helvetica, arial, sans-serif;
	text-align: center;
	background: #E8E8E8 url() 0 0 no-repeat;
}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #999999;
    font-family: helvetica, arial, san-serif;
    font-weight: bold;
	margin: 0 0 0.5em 0;
}  

h1, .home-page h2 { 
	color: #DD0000;
	font-size: 2em;
	text-transform: capitalize;
}

h2 { 
	color: #575757;
	font-size: 1.667em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.167em;
	font-weight: normal;
	text-transform: uppercase;
}

h5 { 
	font-size: 1em; 
	text-transform: uppercase;
}

h6 { 
	font-size: 1em;
	text-transform: capitalize; 
}

h1 a, h1 a:link { color: blue; }
h2 a, h2 a:link, h2 a:visited { color: #999999; text-decoration: none; }
h3 a, h3 a:link { color: blue; }
h4 a, h4 a:link { color: blue; }
h5 a, h5 a:link { color: blue; }
h6 a, h6 a:link { color: blue; }

h1 a:hover { color: blue; }
h2 a:hover {text-decoration: underline; }
h3 a:hover { color: blue; }
h4 a:hover { color: blue; }
h5 a:hover { color: blue; }
h6 a:hover { color: blue; }

/* Text Elements
-------------------------------------------------------------- */

p { 
	margin: 0 0 1.5em; 
	line-height: 1.5;
}

.summary {
	clear: both;
}

	.summary p { 
		color: #999999; 
		font-size: 1.583em; 
		font-style: italic; 
		margin-bottom: 0.75em;
	}
	
a { text-decoration: underline; }
a,a:link { color: #336699; }
a:visited { color: #666699; }
a:hover,a:active,a:focus { color: #DD0000; }

blockquote  { margin: 1em 1em 1em 0; color: #666; font-style: italic; }
strong { font-weight: bold; }
em  { font-style: italic; }
address { font-style: normal; margin-bottom: 1em; }
	address span { font-weight: bold; margin-right: 3px; }
cite { font-style: italic; }
small { font-size: 0.833em; }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn { font-style: italic; }
del { color:#666; }
pre { white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* HRs with background images
-------------------------------------------------------------- */
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%;}
th          { font-weight: bold; border-bottom: solid 1px #E3E3E3; }
thead th 		{ background: #EEEEEE;}
th,td,caption { padding: 4px 10px 4px 5px; }
	.last {  border-bottom: solid 2px #E3E3E3;}
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* -------------------------------------------------------------- 
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
----------------------------------------------------------- */

#wrapper {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 1.2em; /* this, along with body font size of 62.5% renders type approximately 12px in size across all browsers */
	margin: 20px auto;	
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 960px;
}

	#wrapperInner {
		padding: 15px;
		padding-bottom: 0;
	}

#header {
	min-height: 62px;
	height: auto !important;
	height: 62px;
	padding-top: 10px;
	position: relative;
}

	body.home-page #header { z-index: 200; }
	
#contentMain {
	margin: 0 auto;
	width: 930px;
	padding: 20px 0 2em 0;	
}

	body.home-page #contentMain {
		padding: 0; /* Homepage has flash area so does not need padding */
		
	}
	
#footer {
	background: #f1f1f1;
	border-top: 1px solid #CCCCCC;
	clear: left;
	margin: 0 -15px;
}
	
	#footerInner {
		padding: 2em 20px;
	}
	
	#footerInner p {
		color: #666666;
		font-size: 0.833em;
		margin-bottom: 0;
		display: inline-block;
	}
	
		#footerInner p a {
			color: #666666;
			text-decoration: none;
		}
		
			#footerInner p a:hover {
				color: #DD0000;
			}
		
		.footerLinks { float: left; }
		.copyright { float: right; }
		.plauditCredit { clear: left; }
		.plauditCredit a, .plauditCredit a:hover, .plauditCredit a:visited { color: #999999 !important; }
		
/* -------------------------------------------------------------- 
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
----------------------------------------------------------- */
    
#logo {
	width: 251px;
	height: 97px;
	display: block;
	background: url(../images/design/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

	body.home-page #logo { z-index: 1000; }

	#logo a {
		display: block;
		height: 97px;
		text-indent: -9999px;
		width: 251px;
	}

.madeInUSA {
	background: url(../images/icons/american-flag.gif) 0 50% no-repeat;
	color: #666666;
	font-size: 0.917em;
	padding-left: 26px;	
	position: absolute;
	left: 285px;
	top: 0;
}

.contactPhone {
	color: #999999;
	font-size: 1.083em;
	line-height: 1;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-transform: uppercase;
}

	.contactPhone span {
		color: #DD0000;
		font-size: 1.75em;
	}

#breadCrumbs {
	margin-bottom: 0.5em;	
	font-size: 0.833em;	
}

	#breadCrumbs a,
	#breadCrumbs a:visited	 { color: #DD0000; }
	#breadCrumbs a:hover { color: #336699; }
	#breadCrumbs span { color: #999999; }
	
/* Search Form Styling */

#searchArea {
	background: url(../images/design/search-area-bg.gif) 0 50% repeat-x;
	float: left;
	margin-bottom: 1.5em;
	width: 930px;
}

	#searchForm {
		background: #FFFFFF;
		float: right;
		padding-left: 20px;
	}
	
		body.home-page #searchForm {
			float: none;
			margin-bottom: 0;		
			padding: 0;
		}
		
		body.home-page #searchArea {
			width: auto;
		}
		
		#searchForm input.query {
			border: 1px solid #C0CCDA;
			color: #6EA9D4;
			font-size: .833em;
			font-style: italic;
			float: left;
			height: 17px;
			padding: 2px 5px 1px 5px;
			width: 157px;
		}
		
			body.home-page #searchForm input.query {
				margin-right: 5px;
			}
		
		#searchForm input.submit {
			background: #FFFFFF;
			float: left;
			padding-left: 5px;
		}
		
			body.home-page #searchForm input.submit {
				padding: 0;
			}

/* Search Results Styling */

#searchResults {
	clear: left;
}

	.results-intro {
		margin-bottom: 1em;
	}
	
	#search-results-form {
		border-top: 1px solid #CCCCCC;
		padding-top: 1.25em;
	}
	
	
	.search-result {
		border-bottom: 1px dashed #E3E3E3;
		margin-bottom: 1em;
		padding-bottom: 1.5em;
	}
	
		.search-result p {
			margin-bottom: 0.5em;
		}
		
	.highlight {
		font-weight: bold;
	}
	
	.scroller {
		width: auto;
	}
		
		.scroller td {
			padding: 0;
		}
		
	.paginator {
		margin-bottom: 0;
	}
	
		.paginator td {
			text-align: center;
			width: auto;
			padding: 0 2px;
		}
			.paginator td a {
				background: #DD0000;
				display: block;
				color: #FFFFFF !important;
				padding: 5px 10px;
				text-decoration: none;
			}
			
			.paginator td a:hover {
				background: #F34E32;
			}
			
			.paginator td.selected a {
				font-weight: bold;
			}
			
/* -------------------------------------------------------------- 
	ENTRY PAGE ELEMENT STYLES
	Styles for elements specific to the entry page
----------------------------------------------------------- */
#entryColumnMain, #entryColumnLeft, #entryColumnRight { 
	float: left; 
	margin-right: 30px;
	display: inline;
}

	#entryColumnLeft {
		position: relative;
		top: -30px;
		width: 225px;
		z-index: 100;
	}

		#entryColumnLeft h3,
		#entryColumnRight h3 {
			background: #eeeeee url(../images/design/header-box-bg.gif) 0 0 repeat-x;
			border-bottom: 1px solid #e3e3e3;
			clear: left;
			margin-bottom: 0;
			padding: 0.25em 0 0.25em 10px;
		}
		
			#entryColumnLeft h3 a,
			#entryColumnRight h3 a {
				color: #000000;
				text-decoration: none;
				text-transform: capitalize;
			}
			
		ul.newsList {
			background: #f6f6f6;
			list-style: none;
			margin: 0 0 1em 0;
			padding: 10px 10px 0.25em 10px;
		}
		
			ul.newsList li {
				float: left;
				margin-bottom: 0.75em;
				width: 100%;
			}
			
				ul.newsList li span {
					float: left;
					margin-right: 10px;
					width: 4em;
				}
			
				ul.newsList li a {
					float: left;
					width: 11.667em;
				}
				
					ul.newsList li a.button {
						float: left;
						width: auto;
					}
				
	#animation {
		height: 255px;
		margin-bottom: 1.5em;
		width: 930px;
		position: relative;
		z-index: 100;
	}
	
	body.jsEnabled #animation { height: 340px; }
	
		
	#entryColumnMain {
		width: 420px;	
	}

	#entryColumnRight {
		margin-right: 0;
		width: 225px;
	}
	
		#entryColumnRight ul.newsList li p {
			margin-bottom: 0;
		}
	
		#entryColumnRight ul.newsList li a {
			color: #336699;
			float: none;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
		
			#entryColumnRight ul.newsList li a:hover {
				color: #DD0000;
			}
				
		.usedEquipment h4 {
			color: #333333;
			display: inline; /* fix IE double margin bug */
			float: left;
			font-weight: bold;
			margin: 5px 0 0 8px;
		}
		
/* -------------------------------------------------------------- 
	INNER PAGE ELEMENT STYLES
	Shared styles for elements specific to the inner pages
----------------------------------------------------------- */
#innerColumnMain,
#innerColumnLeft,
#innerColumnRight {  float: left; }

	#innerColumnLeft {
		margin-right: 30px;
		width: 225px;
	}

	#innerColumnMain {
		margin-right: 30px;
		width: 420px;
	}

	#innerColumnRight {
		width: 225px;
	}


		#innerColumnRight img {
			margin: 0 0 1em;
		}
		
		#innerColumnRight p img { margin-bottom: 0; }
		
		#innerColumnRight .productInfo {
			background: #F5F5F5;
			margin: 0 0 1em;
			padding: 10px 20px 1em;
		}
	
			#innerColumnRight .productInfo p {
				margin-bottom: 1em;
			}
	
			#innerColumnRight .productInfo li {
				margin-bottom: 0.75em;
			}
		
		#innerColumnRight .moreInfo {
			
		}
		
			#innerColumnRight .moreInfo img {
				float: right;
			}
			
			#innerColumnRight .moreInfo a.button {
				clear: left;
				float: left;
				position: relative;
			}
				#innerColumnRight .moreInfo .findARep a.button {
					float: right;
					position: relative;
				}
			
			#innerColumnRight .moreInfo p {
				color: #404040;
				float: left;
				font-size: 0.917em;
				line-height: 1.25;
				margin-bottom: 0.5em;
				text-transform: uppercase;
				width: 115px !important;
			}
			
			#innerColumnRight .additionalCallout {
				clear: left;
				float: left;
				position: relative;
				margin-top:10px;
			}


/* Inner Page List Style - Specific Styles
-------------------------------------------------------------- */
body.inner-list #innerColumnMain {
	margin-right: 0;
	width: 675px;	
}

	#listPageTop {
		border-bottom: 1px dashed #D9D9D9;
		float: left;
		margin-bottom: 1.5em;
		padding-bottom: 0.75em;
	}
	
		#listPageTop p {
			color: #999999; 
			font-size: 1.583em; 
			font-style: italic; 
			line-height: 1.25;
			margin-bottom: 0.75em;
		}
		
.pageList {
	border-bottom: 1px dashed #D9D9D9;
	clear: both;
	float: left;
	margin-bottom: 1.5em;
	padding: 0 0 1.5em 181px;
	/* IE Special Styles */
}

	.pageList img {
		border: 1px solid #999999;
		float: left;
		margin-left: -181px;
	}

	.pageList a.button {
		float: none;
	}
	
.testimonials {
	text-align: left;
	margin-bottom: 1em;
}

.fullSpecs {
	font-size: 0.833em;
	width: 615px;
	overflow: auto;
	text-align: left;	
}

.fullSpecs .contentLeft,
.fullSpecs .contentRight { float: left; }

.fullSpecs .contentLeft { width: 300px; margin-right: 15px; }
.fullSpecs .contentRight { width: 300px; }
.fullSpecs .contentBottom { clear: left; }

/* Inner Page Contact Style - Specific Styles
-------------------------------------------------------------- */
body.inner-contact #innerColumnMain {
	margin: 0 45px 0 0;
	padding-left: 30px;
	width: 615px;
}

body.inner-contact #innerColumnSub {
	margin: 0;
	margin-right: 15px;
	width: 240px;
}

body.inner-contact .bidSpecs {
	background: #F5F5F5;
	margin: 0 0 1em;
	padding: 10px 10px 1em;
}

body.inner-contact .contactInfo {
	padding-left: 10px;
}


/* Inner Page Two Columns
-------------------------------------------------------------- */
body.inner-two-column #contentMain {
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 2.5em;
	padding-bottom: 0;	
}

body.inner-two-column #innerColumnMain { 
	border-right: 1px dashed #D9D9D9;
	padding: 0 20px 2.5em 0;	
	width: 429px; 
}
body.inner-two-column #innerColumnSub { 
	float: left; 
	padding-left: 50px;
	width: 400px; 
}

/* Inner Page New Item - Specific Styles
-------------------------------------------------------------- */
body.inner-news #innerColumnMain {
	width: 675px;
	margin-right: 15px;
}

body.inner-news #innerColumnRight {
	width: 240px;	
}

.news-item {
	border-bottom: 1px dashed #D9D9D9;
	margin-bottom: 1.5em;
	padding:0 0 1.5em 0;	
}

/* Inner Page List Gallery Style - Specific Styles
-------------------------------------------------------------- */
body.inner-list-gallery #innerColumnMain {
	margin-right: 0;
	width: 675px;	
}

body.inner-list-gallery #productArea { background: none; }

	body.inner-list-gallery #productArea .productInfo {
		padding: 0;
		width: 440px;	
	}


/* Inner Page Equipment Categories - Specific Styles
-------------------------------------------------------------- */
body.inner-one-column #innerColumnMain {
	margin-right: 0;
	width: 675px;
} 

#topImage {
	float: left;
	height: 238px;
	margin-right: 16px;
	padding-top: 19px;
	position: relative;
	overflow: hidden;
	top: -15px;	
	width: 534px;
}

	#topImage a {
		background: url(../images/design/btn-sprite.gif) -125px 0 no-repeat;
		display: block;
		height: 19px;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		top: 0;
		width: 112px;
	}
	
		#topImage a:hover {
			background-position: -125px -20px;
		}
		
#productArea {
	background: url(../images/design/dashed-bg.gif) 174px -350px repeat-y;
	border-top: 1px solid #D9D9D9;	
	border-bottom: 1px solid #D9D9D9;	
}

	#productArea .product {
		border-bottom: 1px dashed #D9D9D9;
		padding: 1em 0;
	}
	
	#productArea .productLast {
		border-bottom: none;
	}
	
		#productArea .productMedia,
		#productArea .productInfo,
		#productArea .productSpecs {
			float: left;
			margin-right: 20px;	
		}
		
			.productMedia {
				margin-right: 18px;
			}
				.multipleSpecs {margin-bottom: 15px;}
				
				#productArea .productMedia { width: 127px; }
				
				.productMedia a {
					color: #DD2200;
					font-size: 1.083em;
					margin-bottom: 0.5em;
					margin-right: 3px;
					padding: 0 0 2px 20px;
					text-decoration: none;
				}
					
					#productArea .productMedia a { display: block; }
					
					.productMedia a:hover { text-decoration: underline; }
					
					.productMedia a.productLiterature { background: url(../images/icons/product-literature.gif) 0 -16px no-repeat; }
					.productMedia a.productLiterature:hover { background-position: 0 1px; }
					
					.productMedia a.productVideo { background: url(../images/icons/product-video.gif) 0 -16px no-repeat;}
					.productMedia a.productVideo:hover { background-position: 0 1px; }
					
					.productMedia a.moreSpecs { background: url(../images/icons/more-info.gif) 0 -16px no-repeat; }
					.productMedia a.moreSpecs:hover { background-position: 0 1px; }
							
				#productArea img {
					border: 1px solid #999999;
					margin-bottom: 0.5em;
				}
				
				#productArea a.image {
					padding: 0;
				}
				
		#productArea .productInfo {
			padding-right: 19px;
			width: 317px;
		}
		
			#productArea .productInfo li {
				margin-bottom: 1em;
			}

			#productArea .productInfo h2 {
				line-height: 1;
			}
	
				#productArea .productInfo h2 a {
					color: #999999;
					text-decoration: none;
				}
				
					#productArea .productInfo h2 a:hover {
						text-decoration: underline;
					}
				
		#productArea .productSpecs {
			margin-right: 0;
			width: 163px;
		}
		
			#productArea .productSpecs ul {
				margin: 0;
			}
			
				#productArea .productSpecs li {
					color: #999999;
					font-weight: bold;
					list-style: none;
				}
				
				#productArea .productSpecs li span {
					color: #000000;
					font-size: 0.917em;
					font-weight: normal;
				}
				
					#productArea .productSpecs li.moreSpecs {
						margin-top: 0.5em;
						padding-bottom: 2px; /* Added so IE will not chop off the bottom of the icon */	
					}
					
						
			
/* Inner Page Indvidual equipment - Specific Styles
-------------------------------------------------------------- */
#productMedia {
	background: #F5F5F5 repeat scroll 0 0;
	margin: 15px 0 15px 0;	
	padding: 15px 0 15px 35px;
	width: 190px;
}

#productMedia a {
	color: #DD2200;
	display: block;
	font-size: 1.083em;
	margin-bottom: 0.5em;
	padding: 0 0 2px 20px;
	text-decoration: none;
}
		
	#productMedia a:hover {
		text-decoration: underline;
	}
		
#productMedia a.productLiterature {
	background: url(../images/icons/product-literature.gif) 0 -16px no-repeat;
}
				
	#productMedia a.productLiterature:hover {
		background-position: 0 1px;
	}
					
#productMedia a.productVideo {
	background: url(../images/icons/product-video.gif) 0 -16px no-repeat;
}
				
	#productMedia a.productVideo:hover {
		background-position: 0 1px;
	}
						
							
/* Inner Page "Perfect in One Pass" Template - Specific Styles
-------------------------------------------------------------- */
body.inner-special #innerColumnLeft,
body.inner-special #innerColumnMain, 
body.inner-special #innerColumnRight { 
	margin-left: 10px; 
	position: relative; 
	width: 280px;
	padding-bottom: 1.5em; 
} 

body.inner-special #searchArea {
	margin-bottom: 0;	
}

body.inner-special #perfectContent {
	background: url(../images/design/dashed-bg.gif) 0 -10px repeat-y;
	border-bottom: 1px solid #D9D9D9;
	margin-top: -5px;
}

	body.inner-special h2 {
		color: #DD0000;
		font-size: 1.167em;
		text-transform: uppercase;		
	}
                       
body.jsEnabled .extraContent {
	display: none;	
}

body.jsEnabled .viewMore {
	display: block;	
}

/* Inner Sales Rep Page - Specific Styles
-------------------------------------------------------------- */
body.inner-sales-rep #contentTop { 
	border-bottom: 1px solid #D9D9D9;
	clear: both;	
	padding-bottom: 1em;
}

body.inner-sales-rep #contentTop .summary { float: left; width: 500px; }
body.inner-sales-rep #contentTop a.contactUs { float: right; width: 225px;}
body.inner-sales-rep #contentMain { padding-bottom: 0; }

#salesRepArea { background: url(../images/design/single-dashed-bg.gif) 470px 0 repeat-y; }

#salesRepSelect,
#salesRepInfo {
	float: left;
	padding: 2em 0;
}

#salesRepSelect {
	float: left;
	width: 448px;
	margin-right: 46px; /* Alt Style in ie.css */
}

	#salesRepSelect #repListing {
		min-height: 400px;
	}
	
#salesRepInfo {
	float: left;
	width: 436px;
	overflow: hidden;
}

#internationalListing { 
	padding-top: 1.5em; 
}
	#internationalListing ul { list-style: none; margin: 0; }
	#internationalListing li { margin-bottom: 0.5em; }
	
body.jsEnabled #internationalListing { display: none; }

#repInfo {
	margin: 1.5em 0 2em 0;
	padding: 0;	
}

	#repInfo h3 { margin-bottom: 0; }
	
	
	.rep {
		padding-left: 130px;	
		float: left;
	}
	
	.rep p { margin-bottom: 1em; }
	.rep .repContactInfo { margin-bottom: 1em; }
	.rep .repContactInfo p { font-weight: bold; margin-bottom: 0; }
	.rep .repContactInfo p span { font-weight: normal; }
	.rep img { border: 1px solid #E5E5E5; margin-left: -130px; float: left; }
	
/* -------------------------------------------------------------- 
	NAVIGATION
----------------------------------------------------------- */

#mainMenu {
	background: #E4E5E8 url(../images/design/navigation-bg.jpg) 0 0 repeat-x;
	list-style: none;
	margin: 0;
	position: absolute;
	right: 0px;
	top: 27px;
}

	#mainMenu li {
		display: block;
		float: left;
		padding-right: 1px;
		background: url(../images/design/navigation-separator.gif) 99% 50% no-repeat;
	}
	
		#mainMenu li.last-child {
			background: none;
		}
			
			#mainMenu li.active a {
				background: #e43525 url(../images/design/navigation-hover-bg.jpg) 0 0 repeat-x;
				color: #FFFFFF;
				margin-left: -4px; /* NOTE IE Style in use */
			}
			
				#mainMenu li.active a:hover {
					color: #FFFFFF;
				}
			
		
		#mainMenu a {
			color: #666666;
			display: block;
			font-size: 1.083em;
			padding: 1em 20px;
			text-decoration: none;
			text-transform: capitalize;
		}
		
		#mainMenu a:hover {
			color: #DD0000;
		}

/* Local Navigation
-------------------------------------------------------------- */

	#localNav h3,
	#localNav h3 {
		background: #eeeeee url(../images/design/header-box-bg.gif) 0 0 repeat-x;
		border-bottom: 1px solid #e3e3e3;
		clear: left;
		margin-bottom: 0;
		padding: 0.25em 0 0.25em 10px;
	}
	
		#localNav h3 a,
		#localNav h3 a {
			color: #000000;
			text-decoration: none;
			text-transform: capitalize;
		}

/* Localnav Tier 1 */

#localNav ul {
	background: #F6F6F6;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 10px 20px 1em 20px;
}

	#localNav li {
		padding: 0.5em 10px 0.5em 10px;
	}

		#localNav li.active {
			background: #EBEBEB;
			border: 1px solid #E5E5E5;
		}
		
		#localNav li a {
			color: #336699;
			font-family: Helvetica, arial, san-serif;
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
	
			#localNav li a:hover { color: #DD0000; }

			#localNav li.active a { color: #000000; }

			/* Localnav Tier 2 */
			
			#localNav li ul {
				background: #EBEBEB;
				list-style: disc;
				margin: 0;
				padding: 10px 10px 0 1.5em;
			}
				
				#localNav li ul li {
					border: 0;
					color: #336699;
					margin-bottom: 0.75em;
					padding: 0;
				}
				
					#localNav li ul li.last-child { margin-bottom: 0.5em; }
					
					#localNav li ul li.active { border: 0; }
					
					#localNav li.active ul li a {
						color: #336699;
						font-family: Helvetica, arial, san-serif;
						font-size: 1em;
						font-weight: normal;
						text-decoration: underline;
						text-transform: none;
					}

						#localNav li.active ul li a:hover {
							color: #DD0000;
						}

						#localNav li.active ul li a.active,
						#localNav li.active ul li a.active:hover {
							color: #000000;
							font-weight: bold;
							text-decoration: none;
						}

/* -------------------------------------------------------------- 
	TYPOGRAPHY
	Set any special typography here that isn't set in the typographic defaults section
----------------------------------------------------------- */

body.inner-one-column .summary {
	border-top: 1px solid #D9D9D9;
	margin-bottom: 1em;
	padding-top: 0.5em;
}

	body.inner-one-column .summary p {
		line-height: 1.2;
	}
	
	body.inner-one-column h1 {
		margin-bottom: 0.25em;
		width: 534px;
	}
	
/* -------------------------------------------------------------- 
	IMAGE ELEMENTS
----------------------------------------------------------- */	
	
a.button, .button {
	background: #E03322 url(../images/design/button-bg.jpg) 0 0 repeat-x;
	border: 1px solid #A41100;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: .833em;
	font-weight: bold;
	float: right;
	padding: 4px 8px;
	text-transform: capitalize !important;
	text-decoration: none;
	width: auto;
}

	a.button:hover, .button:hover {
		background: #f34e32 url(../images/design/button-hover-bg.jpg) 0 0 repeat-x;
	}

	.newsList a.button {
		float: right !important;	
	}
	
/* Callouts */

.contactUs {
	background: url(../images/callout/contact-us.jpg) 0 -58px no-repeat;
	display: block;
	height: 58px;
	text-indent: -9999px;
	width: 225px;
}

	.contactUs:hover {
		background-position: 0 0;
	}

.advantages {
	background: url(../images/callout/advantages.jpg) 0 0 no-repeat;
	display: block;
	height: 51px;
	text-indent: -9999px;
	width: 266px;
}

	.advantages:hover {
		background-position: 0 -55px;
	}
	
.partsServices {
	background: url(../images/callout/parts-services.jpg) 0 0 no-repeat;
	display: block;
	height: 58px;
	text-indent: -9999px;
	width: 225px;
}

	.partsServices:hover {
		background-position: 0 -58px;
	}
	
.financing {
	background: url(../images/callout/financing.jpg) 0 0 no-repeat;
	margin-top: 15px;
	display: block;
	height: 58px;
	text-indent: -9999px;
	width: 225px;
}

	.financing:hover {
		background-position: 0 -58px;
	}
	
.callOut {
	background: #E4E5E8 url(../images/design/callout-bg.jpg) 0 0 repeat-x;
	padding: 11px 0 0 0;
	position: relative;
	margin-bottom: 1em;
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

	.callOut img {
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.callOut a.button {
		margin-right: 10px;
	}
	
	/* Specific Callout Button Styles */

	.findARep img {
		left: 20px;
		top: -3px;
	}
	
	.contactUs img {
		top: -10px;
	}

.viewMore {
	background: url(../images/icons/expand-button.gif) 0 0 no-repeat;
	bottom: 15px;
	cursor: pointer;
	display: none;
	height: 9px;
	position: absolute;
	right: 0;
	width: 9px;
}

/* Media Gallery Styles */

.verticalGallery {	
	width: 125px;
	padding: 20px 0;
	position: relative;
	top: -15px;
	float: left;
}
	
		.verticalGallery .galleryInner {
			height: 218px;
			position: relative;
			overflow: hidden;
			width: 125px;
		}
		
		.verticalGallery .galleryItems {
			position: absolute;
			height: 9999em;
		}
		
			.verticalGallery .galleryItems a {
				display: block;
				width: 125px;
				height: 69px;
			}
			
			.verticalGallery .galleryItems div {
				margin-bottom: 5px;
			}
		
		
	/* Gallery Style for List template with gallery */
	
.horizontalGallery {
	float: left;
	padding: 0 19px;
	position: relative;
}
	
	#innerColumnRight .horizontalGallery {
		float: none;
		margin-bottom: 1em;
	}
	
	.horizontalGallery .galleryInner {
		height: 129px;
		overflow: hidden;
		position: relative;
		width: 161px;
	}
	
	#innerColumnRight .galleryInner { width: 187px; }
	
	.horizontalGallery .galleryItems {
		position: absolute;
		width: 9999em;
	}
	
			.horizontalGallery .galleryItems div {
				float: left;
				height: 129px;
				margin-right: 10px;
			}
			          
			.horizontalGallery .galleryItems a {
				display: block;
				width: 159px;
				height: 127px;
			}
			
			#innerColumnRight .galleryItems a {
				width: 187px;
				height: 129px;
			}
			
	.horizontalGallery .galleryItems img {
		margin-bottom: 0 !important;
	}
	
	/* Gallery Image Styles */
	
	.galleryUp,
	.galleryDown,
	.galleryLeft,
	.galleryRight {
		background: url(../images/design/btn-sprite.gif) 0 0 no-repeat;
		cursor: pointer;
		display: block;
		position: absolute;
	}
	
	.galleryUp, .galleryDown { height: 14px; width: 125px; } 
	.galleryLeft, .galleryRight { height: 129px; width: 14px; }  
	 	
	 		.galleryUp   { top: 0; }       
		    .galleryUp:hover   { background-position: 0 -15px; }     
			.galleryDown { bottom: 0; background-position: 0 -30px; }
		    	.galleryDown:hover   { background-position: 0 -45px; }   
	 		 .galleryLeft   { left: 0; top: 0; background-position: -238px 0; }       
		    	.galleryLeft:hover   { background-position: -253px 0; }     
			.galleryRight { right: 0; top: 0; background-position: -268px 0; }
		    	.galleryRight:hover   { background-position: -283px 0; }  

.financeContact {
	border-top: 1px dashed #D9D9D9;
	padding-top: 1.5em;
}
	.financeContact .contactUs {
		margin-left: 100px;
	}
	
/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
	fieldset {
		margin: 0;
		padding: 0;
	}
		
		legend {
			font-weight: bold;
		}
	
		.fieldArea {
			margin-bottom: 0.833em;
		}
		
		label {
			float: left;
			width: 115px;
		}
			
			.htmlSelectManyCheckbox label {
				width: auto;
			}
			
		span.message {
			display: block;
			font-size: 0.833em;
		}
		
		span.error {
			color: #DD0000;
		}
		
		.protect { display: none; }
		
div.errors {
	background: #FEFAD9 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	display: block;
	margin: 0 0 2em 0;
}

div.errorsInner {
	background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
	padding: 1em 0 1em 80px;
}

/* Contact Form Styles */

form#contact {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	padding-bottom: 1em;
}
	
	form#contact .button {
		border: 1px solid #A41100;
		float: none;
		margin-left: 272px;
	}
	
	#contactInfo {
		background: url(../images/design/dashed-bg.gif) -1px 0 repeat-y;
		border-bottom: 1px dashed #999999;
		padding: 1.5em 0;
	}
	
		#contactInfo label,
		#additionalInfo .commentsFieldArea label {
			color: #999999;
			font-size: 1.167em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#contactInfo input,
		#contactInfo textarea, 
		#contactInfo select {
			width: 155px;
		}
		
		#personalInfo,
		#locationInfo {
			float: left;
			width: 292px;
		}
		
			#personalInfo {
				padding-right: 15px;
				margin-right: 15px;
			}
		
		#literatureSelection {
			border-bottom: 1px dashed #999999;
			padding: 1.5em 0;
		}
		
			#literatureSelection table {
				border-top: 0;
				margin-bottom: 0;
			}
			
			#literatureSelection table td {
				border-bottom: 0;
			}
			
		#additionalInfo {
			border-bottom: 1px dashed #999999;
			margin-bottom: 1em;
			padding: 1.5em 0;
		}
			
			#additionalInfo .commentsFieldArea,
			#additionalInfo .extraInfoFieldArea {
				float: left;
			}
			
				#additionalInfo .commentsFieldArea {
					margin-bottom: 0;
					margin-right: 20px;
					width: 348px
				}
				
					#additionalInfo .commentsFieldArea textarea {
						height: 50px;
						margin-top: 1em;
						width: 350px
					}
				
				#additionalInfo .extraInfoFieldArea {
					width: 247px;
					padding-top: 2em;
				}
				
/* -------------------------------------------------------------- 
	FINANCING CALCULATOR STYLES
----------------------------------------------------------- */
#monthlyPayment {
	background: #E9EEF4 url(../images/design/monthly-payment-bg.gif) 0 100% repeat-x;
	border: 1px solid #CCCCCC;
	margin-bottom: 1.5em;
	padding-left: 10px;
	width: 268px;
	min-height: 42px; /* Alt style ie6.css */
}
	
	#monthlyPayment p {
		font-family: 'Trebuchet MS', sans-serif;
		font-size: 2em;
		line-height: 42px;
		margin-bottom: 0;
	}
	
#financingCalculator {
	background: #F5F5F5 url(../images/design/calculator-bg.gif) 0 100% repeat-x;
	border: 1px solid #D9D9D9;
	padding: 1em 15px;
	width: 280px;	
}

	#financingCalculator h2 {
		color: #999999;
		font-size: 1.167em;
		font-weight: bold;
		text-transform: uppercase;	
	}

#financingInfo {
	border-top: 1px dashed #D9D9D9;
	border-bottom: 1px dashed #D9D9D9;
	color: #999999;
	margin-bottom: 1.5em;	
	padding: 1.5em 0 1em 0;
}

	
	#financingInfo label {
		color: #999999;	
		float: left;
		font-size: 1.167em;
		font-weight: bold;
		text-transform: uppercase;
		width: 107px;
		margin-right: 10px;
		text-align: right;
	}
	
	#financingInfo input {
		border: 1px solid #CCCCCC;
		padding: 2px;
		float: left;
		width: 112px;
		margin-right: 3px;	
	}

#financingCalculator input.submit {
	border: 0;
	background: url(../images/design/btn-sprite.gif) -126px -90px no-repeat;
	cursor: pointer;
	display: block;
	margin-left: 100px;	
	outline: none;
	height: 24px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 76px;
}

#financingCalculator input.submit:hover {
	background-position: -126px -115px;
}

/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear {clear: both;}
.first { margin-left:0; padding-left:0; }
.last  { margin-right:0; padding-right:0; }
.top   { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

img.floatLeft { margin: 0 1.5em 0.5em 0; }
img.floatRight { margin: 0 0 0.5em 1.5em; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */ 
.clearFix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}