@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #fff url(images/background.gif) repeat-x left top;
	text-align: center;
	}

body#home {
	background: #fff url(images/background-home.gif) repeat-x left top;
	}

#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	}

ul#header {
	height: 75px;
	}
	
#home ul#header {
	height: 78px;
	}

ul#header li {
	list-style: none;
	display: inline;
	}

ul#header li a {
	float: left;
	height: 50px;
	margin: 0 1px 0 0;
	background-color: #1c3146;
	text-decoration: none;
	}
	
#home ul#header li a {
	float: left;
	height: 77px;
	margin: 0 1px 0 0;
	background-color: #1c3146;
	text-decoration: none;
	}	

ul#header li.h-logo h1 a {
	width: 200px;
	display: block;
	float: none;
	height: 50px;
	background: url(images/logo.gif) no-repeat left center !important;
	padding: 0 0 0 10px;
	font: bold 11px/12px Helvetica, Arial, sans-serif;
	color: #ba160e;
	}

#home ul#header li.h-logo h1 a {
	color: #fff;
	}
	
ul#header li.h-logo h1 a:hover {
	color: #fff;
	}

#home ul#header li.h-logo h1 a:hover {
	color: #000;
	}
	
ul#header li.h-logo h1 a span {
	overflow: hidden;
	height: 57px;
	}	
	
#home ul#header li.h-logo h1 a span {
	height: 60px;
	}

ul#header li a:hover,
#home ul#header li a:hover {
	background-color: #143f69;
	}

ul#header li a.on {
	background-color: #143f69;
	background-position: left bottom;
	}

ul#header li.h-products a { background-image: url(images/h-products.gif); width: 69px; }
ul#header li.h-support a { background-image: url(images/h-support.gif); width: 62px; }
ul#header li.h-store a { background-image: url(images/h-store.gif); width: 82px; }
ul#header li.h-about a { background-image: url(images/h-about.gif); width: 95px; }
ul#header li.h-contact a { background-image: url(images/h-contact.gif); width: 71px; }
ul#header li.h-chat a { background-image: url(images/h-chat.gif); width: 61px; }

#home ul#header li.h-products a { background-image: url(images/h-products-home.gif); }
#home ul#header li.h-support a { background-image: url(images/h-support-home.gif); }
#home ul#header li.h-store a { background-image: url(images/h-store-home.gif); }
#home ul#header li.h-about a { background-image: url(images/h-about-home.gif); }
#home ul#header li.h-contact a { background-image: url(images/h-contact-home.gif); }
#home ul#header li.h-chat a { background-image: url(images/h-chat-home.gif); }

ul#header li a span {
	text-indent: -9999em;
	display: block;
	}
	
ul#header li.h-search {
	float: left;
	background: url(images/search-label.gif) no-repeat 10px 10px;
	width: 125px;
	padding: 23px 0 0 10px;
	overflow: hidden;
	}
	
ul#header li.h-search label {
	display: none;
	}
	
ul#header li.h-search input {
	float: left;
	margin: 1px 0 0;
	font: normal 10px/11px Helvetica, Arial, sans-serif;
	}
	
ul#header li.h-search input#s {
	width: 85px;
	padding: 2px;
	border: 1px solid #333;
	margin: 0 3px 0 0;
	}

	
#masthead {
	width: 797px;
	height: 265px;
	overflow: hidden;
	margin: 0 0 2px;
	padding: 0;
	}
	
#features {
	float: left;
	width: 186px;
	padding: 10px 0 0;
	}
	
#features h3 {
	height: 29px;
	text-indent: -9999em;
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	}

#features h3.h3-features { background-image: url(images/features-h3.gif); }
#features h3.h3-links { background-image: url(images/links-h3.gif); }
#features h3.h3-social { background-image: url(images/social-h3.gif); }
	
#features ul li {
	list-style: none;
	display: inline;
	}

#features ul li a img {
	display: block;
	margin: 0 0 2px;
	}
	
/* social */

ul.social {
	height: 24px;
	padding: 4px 0 0 18px;
	}

ul.social li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.social li a {
	float: left;
	width: 24px;
	height: 24px;
	margin: 0 6px 0 0;
	text-indent: -9999em;
	}
	
ul.social li.s-twitter a { background-image: url(images/social/icon-twitter.gif); }
ul.social li.s-facebook a { background-image: url(images/social/icon-facebook.gif); }
ul.social li.s-linked a { background-image: url(images/social/icon-linked.gif); }
ul.social li.s-youtube a { background-image: url(images/social/icon-youtube.gif); }
ul.social li.s-blog a { background-image: url(images/social/icon-blogger.gif); }	

#statement {
	float: left;
	width: 566px;
	padding: 20px 0 0px 35px;
	}
	
#statement h3 {
	font: bold 20px/20px Helvetica, Arial, sans-serif;
	color: #c62b20;
	background: url(images/flag.gif) no-repeat top right;
	border-bottom: 1px solid #acabac;
	padding: 5px 0 8px;
	margin: 0 0 10px;
	}
	
#statement p {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	}
	
#statement p a {
	color: #000;
	}
	
#news {
	float: left;
	width: 350px;
	padding: 0 0 10px 35px;
	}
	
#news h3 {
	font: bold 16px/18px Helvetica, Arial, sans-serif;
	color: #c62b20;
	margin: 0 0 15px;
	border: none;
	padding: 15px 0 0;
	clear: both;
	}
	
#news ul li {
	display: block;
	list-style: none;
	border-top: 1px solid #acabac;
	padding: 0;
	clear: both;
	}
	
#news ul li img {
	float: left;
	margin: 8px 0 0;
	}
	
#news ul li h4 {
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	color: #c62b20;
	float: right;
	width: 290px;
	padding: 10px 0 5px;
	margin: 0;
	}

#news ul li h4 a {
	color: #c62b20;
	text-decoration: none
	}
	
#news ul li h4 a:hover {
	color: #666;
	text-decoration: underline;
	}
	
#news ul li p {
	font: normal 10px/12px Helvetica, Arial, sans-serif;
	float: right;
	clear: right;
	padding: 0 0 12px;
	width: 290px;
	margin: 0;
	}

#news ul li p a {
	color: #000;
	}

#news ul li p a img {
	float: none;
	margin: 0 3px;
	}

#news ul li a.more {
	display: block;
	background: url(images/arrow-onwhite.gif) no-repeat right 5px;
	padding: 4px 0 0 0;
	font: bold 11px/12px Helvetica, Arial, sans-serif;
	width: 70px;
	text-decoration: none;
	}
	
#news ul li a.more:hover {
	text-decoration: underline;
	color: #c62b20;
	}
	
#events {
	float: left;
	width: 255px;
	padding: 20px 10px 10px;
	background: #FFF;
	}
	
#events h3 {
	font: bold 20px/20px Helvetica, Arial, sans-serif;
	color: #c62b20;
	margin: 0 15px 15px;
	border: none;
	}
	
#events ul li {
	display: block;
	list-style: none;
	border-top: 1px solid #727171;
	padding: 8px 15px;
	clear: both;
	}
	
#events ul li h4 {
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	color: #c62b20;
	}

#events ul li h4 a {
	color: #c62b20;
	text-decoration: none
	}
	
#events ul li h4 a:hover {
	color: #666;
	text-decoration: underline;
	}
	
#events ul li p {
	color: #000;
	font: normal 10px/12px Helvetica, Arial, sans-serif;
	}

#events ul li p a {
	color: #000;
	}

#events ul li p a img {
	float: none;
	margin: 0 3px;
	}

#events li a.more {
	display: block;
	background: url(images/arrow-onwhite.gif) no-repeat right 5px;
	padding: 4px 0 0 0;
	font: bold 11px/12px Helvetica, Arial, sans-serif;
	width: 70px;
	text-decoration: none;
	}
	
#events ul li a.more:hover {
	text-decoration: underline;
	color: #c62b20;
	}

/* */

#homeFeatures {
	float: right;
	padding: 0 13px 0 0;
	overflow: hidden;
	width: 182px;
	}
	
#homeFeatures h3 {
	font: bold 16px/18px Helvetica, Arial, sans-serif;
	color: #c62b20;
	margin: 0 0 15px;
	padding: 15px 0 0;
	border: none;
	clear: both;
	}

#homeFeatures div {
	border: 1px solid #acabac;
	padding: 10px;
	}
	
#homeFeatures img {
	width: 160px;
	display: block;
	margin: 0 0 10px;
	}
	
#homeFeatures h4 {
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	color: #c62b20;
	padding: 0 0 5px;
	margin: 0;
	}

#homeFeatures h4 a {
	color: #c62b20;
	text-decoration: none
	}
	
#homeFeatures h4 a:hover {
	color: #666;
	text-decoration: underline;
	}
	
#homeFeatures p,
#homeFeatures ul {
	color: #000;
	font: normal 10px/12px Helvetica, Arial, sans-serif;
	}

#homeFeatures p a,
#homeFeatures ul a {
	color: #000;
	}
	
#homeFeatures li {
	margin: 0 0 3px 25px;
	}

#homeFeatures p a.more {
	display: block;
	background: url(images/arrow-onwhite.gif) no-repeat right 5px;
	padding: 4px 0 0 0;
	font: bold 11px/12px Helvetica, Arial, sans-serif;
	width: 50px;
	text-decoration: none;
	}
	
#homeFeatures p a.more:hover {
	text-decoration: underline;
	color: #c62b20;
	}

/* SUBNAV */

ul#subnav {
	float: left;
	width: 195px;
	padding: 0 2px 10px 0;
	font: normal 14px/14px Helvetica, Arial, sans-serif;
	letter-spacing: .085em;
	}

ul#subnav li {
	display: inline;
	list-style: none;
	}

ul#subnav li a {
	display: block;
	padding: 10px 0 10px 25px;
	color: #fff;
	background: #143f69;
	border-bottom: 2px solid #fff;
	text-decoration: none;
	}
	
ul#subnav li a:hover {
	background: #1c3146;
	}
	
ul#subnav li.s-chat a,
ul#subnav li.s-chat a:hover {
	background: #1c3146 url(images/s-chat.gif) no-repeat right bottom;
	}

ul#subnav li.s-cata a {
	display: block;
	padding: 0;
	color: #fff;
	background: #fff;
	border-bottom: 2px solid #fff;
	text-decoration: none;
	}
	
ul#subnav li.open {
	display: block;
	background: #51709c;
	border-bottom: 2px solid #fff;
	padding: 14px 0 10px 25px;
	
	}	
	
ul#subnav li.on a {
	background: #51709c;
	}	
	
ul#subnav li.open a {
	display: inline;
	padding: 0;
	border: none;
	background: none;
	}
	
ul#subnav li.open a:hover {
	text-decoration: underline;
	background: none;
	}

ul#subnav li.open ul {
	font: bold 10px/13px Helvetica, Arial, sans-serif;
	padding: 8px 0 0;
	letter-spacing: normal;
	}
	
ul#subnav li.open ul li {
	display: list-item;
	padding: 0 0 4px;
	}

ul#subnav li.open ul li ul {
	padding: 0;
	font: normal 10px/13px Helvetica, Arial, sans-serif;
	color: #d6dbef;
	}

ul#subnav li.open ul li ul li {
	padding: 4px 0 0 10px;
	}
	
ul#subnav li.open ul li ul li.on {
	background: url(images/arrow.gif) no-repeat 1px 5px;
	}
	
ul#subnav li.open ul li ul li a {
	color: #d6dbef;
	}

ul#subnav li.s-quote {
	height: 100px;
	display: block;
	padding: 12px;
	border: 1px solid #eee;
	margin: 10px 0;
	height: auto;
	}
	
ul#subnav li.s-quote h4 {
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #ccc;
	padding: 0 0 7px 12px;
	}
	
ul#subnav li.s-quote h4 a {
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	text-decoration: none;
	}
	
ul#subnav li.s-quote h4 a:hover {
	color: #666;
	text-decoration: underline;
	}
	
ul#subnav li.s-quote a {
	background: none;
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font: normal 12px/14px Helvetica, Arial, sans-serif;
	border: none;
	text-decoration: underline;
	color: #000;
	}

ul#subnav li.s-quote ul {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	}	

ul#subnav li.s-quote ul li {
	display: list-item;
	list-style: none;
	padding: 6px 12px;
	border-bottom: 1px solid #eee;
	}
	
ul#subnav li.s-quote p {
	padding: 6px 12px 0;
	margin: 0;
	letter-spacing: normal;
	}

ul#subnav li.s-contact {
	padding: 15px 0 0;
	}
	
ul#subnav li.s-contact a {
	background: #fff url(images/contact.gif) no-repeat 25px 9px;
	color: #000;
	margin: 15px 0 0;
	padding-left: 57px;
	}
	
/* CONTENT */
	
#content {
	float: left;
	width: 600px;
	}
	
#content h2 {
	font: bold 18px/20px Helvetica, Arial, sans-serif;
	color: #456086;
	letter-spacing: .085em;
	margin: 0 20px 10px;
	}
	
#content h3 {
	font: normal 14px/16px Helvetica, Arial, sans-serif;
	color: #456086;
	letter-spacing: .085em;
	margin: 0 15px 10px;
	border-top: 2px solid #143f69;
	padding: 8px 5px 0;
	}
	
#content h4 {
	font: bold 12px/18px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #456086;
	margin: 0 10px 10px;
	padding: 5px 10px;
	clear: both;
	}	
	
#content .slideshow {
	background: #456086;
	margin: 0 10px 10px;
	padding: 0;
	border: 10px solid #456086;
	clear: both;
	width: 560px;
	height: 420px;
	}

#content .slideshow img {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#content h5 {
	font: bold 11px/18px Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0 20px 5px;
	clear: both;
	}	

#content p,
#content ul,
#content ol,
#cotnent ul.find li ul {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	margin: 0 20px 10px;
	}	
	
#content li {
	margin: 0 20px;
	display: list-item;
	}

#content a {
	color: #000;
	}
	
#content ol.alpha {
	list-style-type: lower-alpha;
	}

#content ol ol,
#content ol ul,
#content ul ul,
#content ul ol {
	margin: 0;
	}

#content table {
	width: 570px;
	margin: 0 15px 10px;
	font: normal 11px/12px Helvetica, Arial, sans-serif;
	}

#content table th {
	font: bold 11px/12px Helvetica, Arial, sans-serif;
	color: #456086;
	padding: 5px;
	vertical-align: bottom;
	text-align: left;
	}
	
#content table td {
	padding: 5px;
	border-top: 1px solid #ccc;
	}
	
#content table tr.alt td {
	background: #eee;
	}
	


#content p#breadcrumb {
	padding: 10px 20px;
	margin: 0;
	border-bottom: 1px solid #fff;
	font: normal 10px/10px Helvetica, Arial, sans-serif;
	/* background: url(images/grad.jpg) repeat-y left top; */
	}
	
#content p#breadcrumb a {
	font-weight: bold;
	}
	
#content #intro {
	height: 175px;
	width: 590px;
	background: #d6dbef;
	overflow: hidden;
	margin: 0 0 15px 10px;
	}

#content #intro img {
	float: right;
	}
	
#content #intro h2 {
	float: left;
	padding: 12px 0 7px 10px;
	width: 170px;
	margin: 0;
	font: bold 22px/22px Helvetica, Arial, sans-serif;
	}	
	
#content #intro p {
	font: normal 10px/16px Helvetica, Arial, sans-serif;
	padding: 0 0 0 10px;
	width: 170px;
	margin: 0;
	float: left;
	}
	
#content ul#landing {
	margin: 0 0 10px 10px;
	}

#content ul#landing li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#content ul#landing li a {
	display: block;
	background: #d6dbef;
	margin: 0 0 10px;
	height: 125px;
	overflow: hidden;
	text-decoration: none;
	}
	
#content ul#landing li a img {
	float: right;
	}
	
#content ul#landing li a h3 {
	float: left;
	padding: 12px 0 7px 10px;
	width: 170px;
	margin: 0;
	border: none;
	}	
	
#content ul#landing li a p {
	font: normal 10px/18px Helvetica, Arial, sans-serif;
	padding: 0 0 0 10px;
	width: 170px;
	margin: 0;
	float: left;
	}
	
#content ul#landing li a:hover {
	background: #456086;
	}

#content ul#landing li a:hover h3,
#content ul#landing li a:hover p {
	color: #fff;
	}
	
	
#content ul#products {
	margin: 0 0 10px 15px;
	}

#content ul#products li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	
	}

#content ul#products li a {
	float: left;
	width: 260px;
	padding: 0 13px;
	text-align: center;
	height: 275px;
	text-decoration: none;
	color: #456086;
	border: 2px solid #fff;
	}

#content ul#products li ul li a {
	float: left;
	width: 90px;
	padding: 0 2px;
	text-align: center;
	height: 155px;
	text-decoration: none;
	color: #456086;
	border: 2px solid #fff;
	}

#content ul#products li ul li a h4 {
	font: 10px/12px Helvetica, Arial, sans-serif;
	border-top: 2px solid #456086;
	text-align: left;
	height: 52px;
	background: none;
	color: #456086;
	margin: 0;
	overflow: hidden;
	}
	
#content ul#products li a img {
	display: block;
	margin: 0 auto 5px;
	}

#content ul#products li a h4 {
	font: bold 10px/12px Helvetica, Arial, sans-serif;
	border-top: 2px solid #456086;
	text-align: left;
	height: 52px;
	background: none;
	color: #456086;
	margin: 0;
	overflow: hidden;
	}

#content ul#products li a h5 {
	font: bold 10px/12px Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0px;
	margin-bottom: 4px;
	background: #fff;
	}


#content ul#products li a:hover {
	border: 2px solid #d6dbef;
	text-decoration: underline;
	}
	
#content ul#colors {
	}

#content ul#colors li {
	float: left;
	width: 100px;
	list-style: none;
	margin: 0 0 0;
	height: 105px;
	font: normal 10px/12px Helvetica, Arial, sans-serif;
	}	
	
#content ul#colors li img {
	display: block;
	margin: 0 0 4px;
	}

#content input {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	padding: 3px;
	border: 1px solid #ccc;
	}

#content select {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 2px;
	}
	
#content textarea {
	border: 1px solid #ccc;
	padding: 5px;
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	width: 540px;
	height: 42px;
	}

#content input.button {
	margin: auto;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #456086;
	padding: 5px 7px;
	}

#content p.button {
	height: 22px;
	}

#content p.button a {
	margin: 0 4px 0 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #456086;
	padding: 5px 7px;
	float: left;
	text-decoration: none;
	}

#content td.button a {
	margin: 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #456086;
	padding: 5px 7px;
	display: block;
	text-decoration: none;
	}

#content div.hero {
	float: right;
	text-align: center;
	width: 274px;
	margin: 0 0 0 25px;
	clear: both;
	border-bottom: 10px solid #fff;
	}
	
#content div.hero a {
	display: block;
	background: #456086 url(images/zoom.gif) no-repeat left bottom;
	padding: 2px;
	font: normal 14px/14px Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	letter-spacing: .05em;
	text-align: left;
	}
	
#content div.hero img {
	border: 10px solid #fff;
	display:  block;
	margin: 0 auto;
	}
	
#content div.hero a span {
	display: block;
	height: 22px;
	padding: 8px 0 0 30px;
	}	

/* PROJECTS */
	
#content ul#projects {
	margin: 0 0 10px 15px;
	}

#content ul#projects li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#content ul#projects li a {
	float: left;
	width: 160px;
	padding: 10px 13px;
	text-align: center;
	height: 160px;
	text-decoration: none;
	color: #456086;
	border: 2px solid #fff;
	}
	
#content ul#projects li a img {
	display: block;
	margin: 0 auto 5px;
	}

#content ul#projects li a h4 {
	font: bold 10px/12px Helvetica, Arial, sans-serif;
	border-top: 2px solid #456086;
	text-align: left;
	height: 32px;
	background: none;
	color: #456086;
	margin: 0;
	overflow: hidden;
	}

#content ul#projects li a:hover {
	border: 2px solid #d6dbef;
	text-decoration: underline;
	}

#content a.printme {
	margin: 4px 0 0;
	float: right;
	color: #456086;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	background: url(images/print.gif) no-repeat right 1px;
	text-decoration: none;
	padding: 0 13px 2px 0;
	border-bottom: 1px dotted #456086;
	}

/* SEARCH */

form.search label {
	float: left;
	font-weight: bold;
	width: 75px;
	padding: 2px 0 0;
	}
	
form.search select.w200,
form.search input.w200 {
	width: 150px;
	}

form.search select {

	}

/* PROJECTS */
	
#content .projectHero {
	text-align: center;
	padding: 0 0 10px;
	}
	
#content .projectHero img {
	display: block;
	margin: 0 auto;
	padding: 13px;
	border: 2px solid #d6dbef;
	}		
	
#content ul#gallery {
	margin: 0 0 10px 15px;
	}

#content ul#gallery li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#content ul#gallery li a {
	float: left;
	width: 160px;
	padding: 13px;
	text-align: center;
	height: 116px;
	text-decoration: none;
	color: #456086;
	border: 2px solid #fff;
	}
	
#content ul#gallery li a img {
	display: block;
	margin: 0 auto 5px;
	}

#content ul#gallery li a:hover {
	border: 2px solid #d6dbef;
	}

#content ul.find {
	background: #d6dbef;
	margin: 0 10px;
	border-bottom: 10px solid #fff;
	padding-top: 10px;
	}

#content ul.find li h3 {
	border-bottom: 1px solid #aeb5d3;
	border-top: none;
	}

#content ul.find li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#content ul.find li.left {
	float: left;
	width: 200px;
	}
	
#content ul.find li.right {
	float: right;
	width: 378px;
	border-left: 1px dotted #456086;
	}
	
#content ul.find li.clear {
	clear: both;
	display: block;
	height: 10px; 
	overflow: hidden;
	}
	
#content ul.find li ul li {
	margin: 0 20px;
	display: list-item;
	list-style: square;
	}

#content ul#awards {
	margin: 0 0 10px;
	}
	
#content ul#awards li {
	margin: 0;
	list-style: none;
	clear: both;
	}
	
#content ul#awards li img {
	float: right;
	border: 2px solid #456086;
	margin: 0 0 10px 20px;
	}
	
#content ul#awards li h4 {
	clear: none;
	}

/* Information Forms */

#row {
	font: normal 11px/18px Helvetica, Arial, sans-serif;
	margin: 0 20px 10px;
	clear:both;
	height:20px;
}
#row label {
	float:left;
	width:80px;
}

#row .input {
	float:left;
	width:180px;
}


/* FOOTER */
	
#footer {
	clear: both;
	width: 797px;
	border-top: 10px solid #fff;
	font: normal 10px/10px Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background: #51709c;
	}
	
#footer p {
	padding: 6px 0 4px;
	}

#footer p a {
	color: #000;
	text-decoration: none;
	}
	
#footer p a:hover {
	text-decoration: underline;
	}
	
#footer p.links {
	background: #143f69;
	color: #fff;
	}

#footer p.links a {
	color: #fff;
	}
	
.print {
	display: none;
	}
	
	
/* SLIDESHOW */

.sliderwrapper {
	position: relative;
	left: 0;
	top: 0;
	float: left;
	height: 265px;
	overflow: hidden;
	}

.sliderwrapper .contentdiv{

	visibility: hidden; /*leave as is*/
	float:left;
	padding: 0;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination {
	position: relative;
	top: -30px;
	left: 0;
	text-align: right;
	float: left;
	width: 797px;
	height: 30px;
	overflow: hidden;
	}
	
.pagination ul {
	position:relative;
	float: right;
	height: 30px;
	display: block;
	}

.pagination ul li {
	display: inline;
	}
	
.pagination ul li a {
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 8px 8px 0 0;
	display: inline;
	background: url(images/arrow-ss.gif) no-repeat left bottom;
	text-align: left;
	text-indent: -9999em;
	}
	

	
.pagination ul li a.selected {
	background: url(images/arrow-ss.gif) no-repeat left top;
	}	
	
/* SUCKERFISH */	
	
#header, #header ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#header a {
	display: block;
	width: 10em;
}

#header li { /* all list items */
float: left;
}

#header li ul { /* second-level lists */
	position: absolute;
	height: auto;
	width: 140px;
	border: 1px solid #fff;
	border-bottom: none;
	clear: both;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1000;
	margin: 77px 0 0 -1px;
	*margin: 0 0 0 -1px;
	font: normal 11px/13px Helvetica, Arial, sans-serif;
}

#header li ul#inner { /* second-level lists */
	margin: 44px 0 0 -1px;
	*margin: -6px 0 0 -1px;
}

#header ul li a {
	display: block;
	width: 120px !important;
	height: auto !important;
	color: #fff;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	background: #51709c !important;
	}

#header ul li a:hover {
	background: #143f69 !important;
	}
	

#header li:hover ul, #header li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	float: none;
}

.newFlash {
	float: left;
	background: #ee3433;
	color: #fff;
	padding: 5px;
	font: bold 18px/18px Helvetica, Arial, sans-serif;
	margin: 3px 8px 0 20px;
	}
	
#content ul#landingList {
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	}
	
#content ul#landingList li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#content ul#landingList li a {
	float: left;
	width: 245px;
	height: 60px;
	margin: 0 10px 10px 0;
	padding: 10px;
	background: #d6dbef url(images/corner.gif) no-repeat right top;
	color: #000;
	text-decoration: none;
	text-align: right;
	}

#content ul#landingList li a:hover {
	background: #456086 url(images/corner.gif) no-repeat right bottom;
	color: #fff;
	}	

#content ul#landingList li.x2 a {
	width: 520px;
	background: #456086 url(images/corner.gif) no-repeat right bottom;
	color: #fff;
	}
		
#content ul#landingList li a strong {
	display: block;
	text-align: left;
	height: 48px;
	color: #456086;
	font: normal 18px/20px Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	}
		
#content ul#landingList li.x2 a strong,
#content ul#landingList li a:hover strong {
	color: #fff;
	}
	
	
	
#content ul#miniList {
	font: normal 11px/11px Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	}
	
#content ul#miniList li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#content ul#miniList li a {
	float: left;
	width: 250px;
	height: 20px;
	margin: 0 5px 5px 0;
	padding: 10px 10px 0;
	background: #d6dbef;
	color: #000;
	text-decoration: none;
	text-align: right;
	}

#content ul#miniList li a:hover {
	background: #456086;
	color: #fff;
	}	

#content ul#miniList li.x2 a {
	width: 525px;
	background: #456086;
	color: #fff;
	}
		
#content ul#miniList li a strong {
	float: left;
	width: 190px;
	text-align: left;
	color: #456086;
	font: normal 14px/11px Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	}
		
#content ul#miniList li.x2 a strong,
#content ul#miniList li a:hover strong {
	color: #fff;
	}

#content h4.expand {
	font: bold 12px/18px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #456086;
	margin: 0 10px 10px;
	padding: 0;
	clear: both;
	}
	
#content h4.expand a {
	display: block;
	color: #fff;
	background: #456086;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	}	
	
#content h4.expand a small {
	float: right;
	font: bold 12px/18px Helvetica, Arial, sans-serif;
	color: #456086;
	padding: 0 6px;
	background: #fff;
	}
	
	
#content p.expand a {
	display: block;
	background: #d6dbef;
	text-decoration: none;
	padding: 5px 10px 5px 5px;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	}
	
#content p.expand a small {
	float: right;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	}

#content .expanded {
	background: #d6dbef;
	padding: 20px 0 10px;
	margin: 0 20px 10px;
	}
	
/* NEW PRODUCT PHOTOS */

#content .productPhotos {
	float: left;
	width: 264px;
	margin: 0;
	display: inline;
	padding: 0 0 1px;
	background: /* #456086 */ #fff;
	}
	
#content .productPhotos .productHero {
	margin: 5px;
	}
	
#content .productPhotos .productHero a {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 2px solid #fff;
	width: 250px;
	height: 250px;
	margin: 0 0 5px;
	}

#content .productPhotos .productHero a img {
	display: block;
	}
	
#content .productPhotos .productHero .productOrder {
	height: 24px;
	}

#content .productPhotos .productHero p {
	float: left;
	font: normal 11px/11px Helvetica, Arial, sans-serif;
	padding: 7px 0 0 5px;
	margin: 0;
	color: #456086;
	}
	
	
	
#content .productPhotos .productHero form {
	float: right;
	width: 140px;
	padding: 0 0 0 0;
	text-align: right;
	}
	
#content .productPhotos h4 {
	margin: 0;
	padding: 5px 7px 0;
	border: none;
	border-top: 1px solid #ccc;
	background: none;
	color: #456086;
	}
	
#content .productPhotos ul {
	margin: 0;
	padding: 5px 0 0 0;
	border: none;
	}
	
#content .productPhotos ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#content .productPhotos ul li a {
	float: left;
	display: inline;
	width: 82px;
	height: 82px;
	margin: 0 0 3px 3px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
	}

#content img.heroNone {
	margin: 0 10px 0 20px;
	display: inline;
	padding: 0 0 1px;
	border-bottom: 10px solid #fff;
	float: right;
	}
	


#content .newBox {
	background: #c00;
	color: #fff;
	display: block;
	float: left;
	padding: 1px 2px;
	text-transform: uppercase;
	margin: 0 3px 0 0;
	font: bold 10px/10px Helvetica, Arial, sans-serif;
	}
	
#content .productMeta {
	/* background: #d6dbef url(images/productMeta.gif) repeat-y left top; */
	margin: 0 10px 15px 20px;
	}
	
#content .productMeta .productMedia {
	float: right;
	width: 290px;
/*	background: #d3dbef; */
	padding: 15px 0 0 4px;
	}
	
#content .productMeta .productMedia h3 {
	margin-left: 10px;
	}
	
#content .productMeta .productMedia ul {
	margin: 0 15px 15px 10px;
	}

#content .productMeta .productMedia ul li {
	list-style: none;
	margin: 0;
	display: block;
	border-top: 1px solid #456086;
	padding: 5px;
	}

#content .productMeta .productMedia ul li a {
	display: block;
	font: bold 11px/13px Helvetica, Arial, sans-serif;
	background-color: #e7eaf7;
	background-position: 5px 3px;
	background-repeat: no-repeat;
	padding: 6px 10px 6px 30px;
	margin: 0;
	text-decoration: none;
	}
	
#content .productMeta .productMedia ul li a:hover {
	background-color: #fff;
	}
	
#content .productMeta .productMedia ul.featureList li a { background-image: url(images/icons/icon-feature.gif); }
#content .productMeta .productMedia ul li.ml-video a { background-image: url(images/icons/icon-video.gif); }
#content .productMeta .productMedia ul li.ml-marketsheet a { background-image: url(images/icons/icon-market.gif); }
#content .productMeta .productMedia ul li.ml-specs a { background-image: url(images/icons/icon-specs.gif); }
#content .productMeta .productMedia ul li.ml-pr a { background-image: url(images/icons/icon-pr.gif); }
#content .productMeta .productMedia ul li.ml-gallery a { background-image: url(images/icons/icon-photo.gif); }
#content .productMeta .productMedia ul li.ml-instructions a { background-image: url(images/icons/icon-instructions.gif); }

#content .toolTip table {
	width: auto;
	margin: 0;
	}
	
#content .toolTip table td {
	padding: 0;
	border: none;
	}
	
#content .toolTip img {
	display: block;
	margin: 0;
	}
	
#content .toolTip p {
	margin: 0;
	padding: 2px 0;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
	}

/* */

form table td {
	vertical-align: top;
	}
	
form table label {
	display: block;
	font-weight: bold;
	padding: 5px 0;
	}
	
form table label.check {
	font-weight: normal;
	padding: 5px 0 0;
	}
	
form table label.inline {
	float: left;
	padding-right: 25px;
	}
	
#content form table td p.note {
	margin: 0;
	font: italic 11px/14px Helvetica, Arial, sans-serif;
	padding: 5px 0 0;
	}