/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* elements */
html { 
font-size: 62.5%; 
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

body { min-width: 1100px; }

h1 { font-size: 2.4em; margin: 0 0 .75em; }
h2 { font-size: 1.7em; margin: 0 0 .25em; }
h3 { font-size: 1.7em; margin: 0 0 .25em; }
h4 { font-size: 1.3em; margin: 0 0 .25em; }
p { font-size: 1.2em; line-height: 1.2em;  margin: .5em .25em 1.2em; }
em { font-size: 1.2em; }

hr { 
display: block; 
background: #ddd; 
color: #ddd; 
width: 100%; 
height: 1px;
margin: 1em 0;
border: none;
clear: both;
}

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

table { margin: 0; width: 100%; }

caption {
text-align: left;
padding: .5em;
margin: 2em 0 0;
background: #069;
font-size: 14px !important;
font-weight: 700 !important;
color: #fff;
}

thead th { background: #ccc; color: #666; padding: .5em; margin: 0 !important; }

tbody    { border: 1px solid #ddd; border-width: 1px 0 0 1px; margin: 0; }
	tbody tr:hover { background: #d9ecf3; }
		tbody td { border: 1px solid #ddd; border-width: 0 1px 1px 0; padding: .5em; }

tfoot    { font-size: .96em; }
	tfoot td { padding: .5em; }
	
	table input       { border: 2px solid #bbb; }
	table input:hover { border: 2px solid #999; }
	table input:focus { border: 2px solid #069; }

abbr, acronym {
text-transform: uppercase;
cursor: help;
border-bottom: 1px solid #999;
}


/* !links */
a, a:link { color: #7ad; }
a:visited { color: #69c; }
a:hover   { color: #8be; }
a:active  { color: #9cf; }

/* generic styles */
.main {  }
#container {
background: #fff url(../images/bg-main-div.gif) repeat-x;
padding: 20px;
overflow: auto;
}

.blueBox {
background: #004c7f url(../images/bg-header.png) repeat-x;
color: #ccc;
padding: 2%;
border-top: 2px solid #7ad;
overflow: auto;
}
	.blueBox strong,
	.blueBox h1,
	.blueBox h2,
	.blueBox h3,
	.blueBox h4,
	.blueBox h5,
	.blueBox h6 { color: #fff; }

.greyBox {
background: #d8d8d8 url(../images/bg-greybox.png) repeat-x;
color: #444;
padding: 2%;
border-bottom: 1px solid #bbb;
overflow: auto;
}
	.greyBox strong,
	.greyBox h1,
	.greyBox h2,
	.greyBox h3,
	.greyBox h4,
	.greyBox h5,
	.greyBox h6 { color: #000; }

/* buttons */
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('../images/bg-button-a.gif') no-repeat scroll top right;
color: #444 !important;
font-weight: 700;
display: block;
float: right;
font: 12px;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}

a.button span {
background: transparent url('../images/bg-button-span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
} 
a.button:active {
background-position: bottom right;
color: #000 !important;
outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}

a.blueButton { background: transparent url('../images/bg-button-blue-a.gif') no-repeat scroll top right; color: #eee !important; }
a.blueButton span { background: transparent url('../images/bg-button-blue-span.gif') no-repeat; }
a.blueButton:active { color: #fff !important; }

/* featured content flexible links */
.flexLink {
display: block;
width: 100%;
position: relative;
margin-bottom: 20px;
}
	.flexLink span {
	position: absolute;
	text-indent: -999em;
	}

/* !header */
#header { background: #004c7f url(../images/bg-header.png) repeat-x; min-height: 110px; overflow: auto; width: 100%; }

	#header-info { overflow: auto; padding: 0 0 10px; }

/* START: Top Links */
		#top-links {
		float: right;
		list-style-type: none;
		margin:0;
		overflow: auto;
		padding:0;
		}
			#top-links li.cap {
			background: url(../images/nav-slant-left-flipped.gif) right bottom no-repeat;
			font-size: 12px;
			font-weight: bold;
			padding:9px 4px 8px 4px;
			width: 3em;
			}
			#top-links li{
			display:block;
			float: left;
			margin:0;
			padding:0;
			}
				#top-links a {
				background:url(../images/nav-tab-left-flipped.png) no-repeat left -271px;
				color: #d2d5df;
				float:left;
				margin:0;
				padding:0 0 0 9px;
				text-decoration: none;
				}
					#top-links a span {
					background:url(../images/nav-tab-right-flipped.png) no-repeat right -271px;
					display:block;
					float:left;
					font-size: 12px;
					font-weight: bold;
					padding: 9px 14px 8px 5px;
					}
				#top-links a:hover { background-position: 0 -171px; color: #fff; cursor: pointer; }
					#top-links a:hover span { background-position: 100% -171px; }
				#top-links #current a { background-position: 0 -71px; font-weight: 700; }
					#top-links #current a span { background-position: 100% -71px; color: #069; }
/* END: Top Links */
	
		#header-left { float: left; width: 30%; }
			#header-logo { padding: 2px; margin: 10px; float: left; }
			#dealer-info { margin: 30px 0 0; }
				#dealer-info dt { color: #fff; text-transform: uppercase; font-size: 18px; }
				#dealer-info dd { color: #6cf; font-size: 12px; padding: 2px 0 0; }
		
		#header-right { float: right; }
			#header-right table { width: auto; margin: 30px 10px 0 0; float: right; }
				#header-right table * { border: none; }
				#header-right table *:hover { background: none transparent; }
				#header-right thead tr td { color: #fff; text-transform: uppercase; font-size: 18px; margin: 0; text-align: right; background: none transparent; padding: 0; }
				#header-right th { color: #fff; font-size: 12px; padding: 2px 10px 0 0; text-transform: uppercase; }
				#header-right td { color: #6cf; font-size: 12px; padding: 2px 0 0; text-align: right; }

	#header-nav { clear: both; }
	#header-nav ul{
	list-style-type: none;
	margin:0;
	padding:0;
	overflow: auto;
	}
	#app-links {
	float: left;
	}
	#ext-links {
	float: right;
	}
		#app-links li.cap, #ext-links li.cap {
		width: 3em;
		padding:8px 4px 7px 4px;
		font-weight: bold;
		font-size: 12px;
		}
		#app-links li.cap { background: url(../images/nav-slant-right.gif) left top no-repeat; }
		#ext-links li.cap { background: url(../images/nav-slant-left.gif) right top no-repeat; }

		#header-nav li{
		display:block;
		float: left;
		margin:0;
		padding:0;
		}
			#header-nav a {
			float:left;
			background:url(../images/nav-tab-left.png) no-repeat left top;
			margin:0;
			padding:0 0 0 9px;
			text-decoration: none;
			color: #d2d5df;
			}
				#header-nav a span {
				float:left;
				display:block;
				background:url(../images/nav-tab-right.png) no-repeat right top;
				padding: 9px 14px 8px 5px;
				font-size: 12px;
				font-weight: bold;
				}
			#header-nav a:hover { background-position: 0 -100px; color: #fff; cursor: pointer; }
				#header-nav a:hover span { background-position: 100% -100px; }
			#header-nav #current a { background-position: 0 -200px; font-weight: 700; }
				#header-nav #current a span { background-position: 100% -200px; color: #069; }
				
/* footer */
#footer {
background: #004c7f url(../images/bg-footer.png) left bottom repeat-x;
border-top: 1px solid #69c;
overflow: auto;
width: 96%;
color: #ddd;
padding: 2%;
font-size: 1.2em;
}

#footer-content {
	
}

#fti {
}

/* home page */
#main-content {
width: 62%;
margin-right: 2%;
float: left;
}

/* Regular Pages */

#page {
	width: 96%;
   background: #fff url(../images/bg-main-div.gif) repeat-x;
   padding: 20px;
	margin: 0 auto;
   overflow: auto;
}

div.columnize-content {
	overflow: hidden;
   width: 62%;
}

div.columnize-content-full {
	overflow: hidden;
	width: 90%;
}

div.columnize-sidebar {
	overflow: hidden;
   width: 35%;
}

div.fr {
	float: right;
}

div.fl {
	float: left;
}

div.spc {
	margin-bottom: 30px;
}

div.lister {
	width: 31%;
	margin-left: 2%;
}

div.lister-full {
	width: 15%;
	margin-left: 2%;
}

#top-banner {
	margin: 0 0 20px;
	max-height: 400px;
	min-width: 540px;
	overflow: hidden;
}

#who-we-are {
width: 44%;
float: left;
margin: 0 3.5% 20px 0;
}

#what-we-sell {
width: 44%;
float: left;
margin: 0 0 20px;
}

#marshall-dealers,
#dealer-login {
clear: both;
margin-bottom: 20px;
}

#featured-content h3 { color: #004c7f; font-style: italic; font-size: 1.8em; border-bottom: 1px solid #004c7f; padding-bottom: 10px;  margin: 10px 0; }

#featured-content {
float: left;
width: 35%;
margin: 4em 0 20px;
padding: 0;
}

#side-banner {
	max-height: 500px;
	min-width: 450px;
	overflow: hidden;
}

#genform { margin: 0; width: 400px; }
#genform label, #genform input { display: block; float: left; margin-bottom: 5px; }
#genform label { text-align: right; padding-right: 15px; width: 100px; font-size: 0.9em; }
#genform li { display: block; margin: 5px 0; clear: left; float: left; width: 300px; }
#genform .submit { float: right; clear: both; margin-left: 180px; }

ol {
	list-style: decimal !important;
	list-style-type: decimal !important;
}

/* Block Specific */
#catalogs-block1 {
	text-align: center;
}

#catalogs-block1 img {
margin: 20px;
}


/* Page Specific ::UPDATES:: */

#updates {
	
}

#updates-block {
	background: #f0f0f0;
	overflow: auto;
	padding: 15px;
	border: 2px solid #004c7f;
}

#updates-col1 {
	width: 200px;
	min-height: 280px;
	height: 100%;
	background: #f0f0f0;
	padding: 10px;
	float: left;
}

.updates-col2n3 {
	float: left;
	border: 1px solid #c0c0c0;
	padding: 10px;
	background: #fff;
	overflow:  scroll;
}

.updates-col2 {
	width: 200px;
	float: left;
	padding: 5px;
	border: 1px solid #c0c0c0;
}

.updates-col3 {
	margin: 0 0 0 5px;
	padding: 10px;
	width: 600px;
	float: left;
	height: 260px;
	background: #fff;
}

.updates-col3 h1,h2,h3 {
	font-size: 1.7em;
	padding-top: 15px;
}

.updates-col3 p {
	padding-left: 10px;
	font-weight: bold;
	margin: 0;
	color: #666;
}

#updates-col1 h2 {
	margin: 15px 0;
	padding: 0 0 5px 0;
	display: block;
}