/* ============================== GLOBAL TAGS =============================== */

	body {
		width: 904px;
		margin: 0 auto;
		background: #FFF;
		color: #666;
		font-family: "Arial", sans-serif;
		font-size: 0.8em; /* designers think everyone has good eyes */
	}

	body.plain {
		width: 680px;
		margin: 2em auto;
	}

	a:hover {
		text-decoration: underline;
	}

	div.middle div.box a:hover,
	div.middle div.intro a:hover {
		text-decoration: none;
	}

/* ================================ CLASSES ================================= */

	.printOnly {
		display: none;
	}

	.help {
		cursor: help;
	}

	.withLinkOnHeader {
		position: relative;
	}

	.linkOnHeader {
		position: absolute;
		top: 10px;
		right: 25px;
		color: #FFF;
		font-weight: bold;
	}

	object.youtube {
		width: 400px; /* Value will need adjustment */
		height: 300px; /* Value will need adjustment */
	}

	.video {
		display: block;
		text-align: center;
		font-family: monospace;
	}

	a.vidDl {
		display: block;
		text-align: center;
		font-size: 0.8em;
		margin-bottom: 4px;
	}

	.error {
		color: #F60;
		font-weight: bold;
	}

	pre.debug {
		background: #000;
		color: #FFF;
		padding: 0.5em;
		font: 1.5em monospace;
		overflow: auto;
	}

/* ========================== GENERIC PAGE CONTENT ========================== */

	div#wrapper {
		border-left:  1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
	}

	div#topBar,
	div#content {
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 10px;
	}

	body.plain div#wrapper,
	body.plain div#content {
		border: 0 none;
	}

	div#content {
		padding: 0 0 1.5em 0;
	}

/* ============================= USER FEEDBACK ============================== */

	form#feedbackForm {
		margin: 0;
	}

	div.feedback {
		background-image: url(/_images/feedback.png);
		background-position: 20px 8px;
		background-repeat: no-repeat;
		padding: 6px 5px 6px 48px;
		font-size: 0.85em;
		font-weight: bold;
	}

	div.feedback:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	div#feedbackModal {
		display: none;
		position: fixed;
		top: 17%;
		left: 50%;
		margin-left: -331px;
		width: 662px;
	}

	div#feedbackModal div.jqmClose {
		width: 14px;
		height: 15px;
		background-image: url(/_images/close.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 10px;
		right: 20px;
		cursor: pointer;
	}

	.jqmOverlay {
		background-color: #000;
	}

	div#feedbackModal div.feedbackTop {
		height: 30px;
		background-image: url(/_images/feedbackTop.png);
	}

	div#feedbackModal div.feedbackTop h3 {
		margin: 0;
		padding: 0.75em 1.25em;
		cursor: move;
	}

	div#feedbackModal div.feedbackMid {
		background-image: url(/_images/feedbackMid.png);
		background-repeat: repeat-y;
		padding: 0 20px;
	}

	div#feedbackModal div.feedbackBot {
		height: 42px;
		background-image: url(/_images/feedbackBot.png);
	}

	div#feedbackModal form fieldset {
		width: 313px;
		height: 268px;
		display: inline;
		position: relative;
		top: 15px;
		border: 0;
		margin: 0;
		padding: 0;
	}

	div#feedbackModal form fieldset:first-child {
		width: 305px;
	}

	div#feedbackModal form fieldset label {
		font-weight: bold;
	}

	div#feedbackModal form fieldset ul li label {
		font-weight: normal;
	}

	div#feedbackModal form fieldset span.optional {
		font-size: 0.85em;
		color: #BBB;
		margin-left: 0.5em;
	}

	div#feedbackModal form fieldset textarea,
	div#feedbackModal form fieldset input[type=text] {
		width: 290px;
		margin: 5px 0 8px;
		border: 2px solid #CCC;
		font-family: "Verdana", sans-serif;
		font-size: 1.1em;
	}

	div#feedbackModal form fieldset textarea {
		height: 140px;
		resize: none;
	}

	div#feedbackModal form fieldset input[type=submit] {
		border: 0;
		background-color: transparent;
		background-image: url(/_images/o1.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 313px;
		height: 30px;
		color: #F60;
		font-weight: bold;
		font-size: 0.8em;
		text-transform: uppercase;
		padding-bottom: 0.5em;
	}

	div#feedbackModal form fieldset object.recaptcha {
		width: 100%;
	}

/* ============================= HOME SLIDESHOW ============================= */

#thumbnail-menu { clear: both; margin: 20px auto; width: 775px; } 
#thumbnail-menu ol { list-style: none;  margin: 0; padding: 0; } 
#thumbnail-menu li { width: 20%;  float: left; text-align: center; margin-bottom: 20px; } 
#thumbnail-menu img { width: 145px; height: 88px; float: left; padding: 0 5px 7px; }
#thumbnail-menu h2 {
     color: #999;
     font-size: 2em;
     font-weight:normal;
     margin-bottom: 15px;
     margin-left: -40px;
}
.superscript {
     font-size: small;
     vertical-align: top;
}

	div#homeSlideshow {
		position: relative;
		top: -38px;
		height: 245px;
		z-index: 1;
	}

	div#homeSlideshowCtrlWrapper {
		position: absolute;
		top: 342px;
		height: 68px;
		width: 900px;
		background-image: url(/_images/homeSlideshowBot.png);
		background-position: 0 30px;
		background-repeat: no-repeat;
		margin: 0 0 -100px 0;
		padding: 30px 0 0 0;
		z-index: 1;
	}

	body.draftPage div#homeSlideshowCtrlWrapper {
		top: 372px;
	}

	div#homeSlideshowCtrlLeft,
	div#homeSlideshowCtrlRight {
		background-position: 0 0;
		background-repeat: no-repeat;
		width: 50px;
		height: 51px;
		float: right;
		position: relative;
		top: -29px;
	}

	div#homeSlideshowCtrlLeft {
		background-image: url(/_images/slideCtrlLeft.png);
	}

	div#homeSlideshowCtrlRight {
		background-image: url(/_images/slideCtrlRight.png);
	}

	ul#homeSlideshowCtrl {
		background-image: url(/_images/slideCtrlMid.png);
		background-position: 0 0;
		background-repeat: repeat-x;
		position: relative;
		top: -42px;
		height: 51px;
		max-width: 800px;
		float: right;
		padding-top: 30px;
		padding-left: 0;
	}

	ul#homeSlideshowCtrl li {
		list-style: none;
		border-color: #83A251;
		padding-left: 0.9em;
		margin-left: 0.9em;
		padding-top: 3px;
	}

	ul#homeSlideshowCtrl li a {
		font-size: 0.85em;
		font-weight: bold;
		color: #FFF;
	}

	ul#homeSlideshowCtrl li a.activeSlide {
		color: #333;
	}

	li.slideCtrlGo {
		padding-bottom: 5px;
	}

	li.slideCtrlGo span {
		background-image: url(/_images/slideCtrl.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		width: 15px;
		height: 14px;
		float: right;
		position: relative;
		top: -13px;
	}

/* ================================= BOXES ================================== */

	/* -------------------------- COLLAPSIBLE BOX --------------------------- */

		div.expanded.collapsible h4 {
			background-image: url(/_images/dirD1.png);
		}

		div.collapsed.collapsible h4 {
			background-image: url(/_images/dirU0.png);
		}

	/* --------------------------- MINIATURE BOX ---------------------------- */

		div.boxMi object.youtube {
			width: 144px;
			height: 120px;
		}

/* =============================== PAGINATION =============================== */

	div.paginator {
		margin-top: 20px;
		padding: 8px 16px 0;
		background-image: url(/_images/o0.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 35px;
	}

	div.paginator a {
		text-transform: uppercase;
		font-size: 0.85em;
		font-weight: bold;
		padding-top: 2px;
	}

/* ================================ TOP BAR ================================= */

	div#topBar {
		position: relative;
		height: 115px;
		border-top: 16px solid #5E5D62;
		background-image: url(/_images/u0.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		z-index: 2;
	}

	body.mcp0001.mcp10 div#topBar {
		background-image: url(/_images/homeSlideshowTop.png);
		padding-bottom: 25px;
	}

	div#topBar h1 a { /* Logo */
		float: left;
		position: relative;
		top: -12px;
		left: 9px;
		display: block;
		background-image: url(/_images/logo.png);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		width: 180px;
		height: 41px;
		overflow: hidden;
		text-indent: -100em;
		padding: 5px;
		margin: 0;
	}

	div#topBar span.tel {
		font-family: "Verdana", sans-serif;
		font-weight: bold;
		font-size: 0.85em;
		position: absolute;
		top: 6px;
		left: 462px;
	}

	/* ------------------------------ SEARCH -------------------------------- */

		form.searchForm {
			float: right;
			margin: 13px 5px 0 0;
		}

		div#topBar form.searchForm label span {
			display: none;
		}

		form.searchForm input[type=text],
		div.emailAPage input[type=text],
		div.formBox input[type=text] {
			width: 325px;
			border-top: 2px solid #DBDBDB;
			border-left: 2px solid #E2E2E2;
			border-right: 2px solid #E2E2E2;
			border-bottom: 2px solid #E5E5E5;
			background-color: #FAFAFA;
			background-image: url(/_images/gradient0.png);
			background-position: 0 0;
			background-repeat: repeat-x;
		}

		form.searchForm input[type=submit],
		div.emailAPage input[type=submit],
		div.formBox input[type=submit] {
			border: 0;
			background-color: #FFF;
			background-image: url(/_images/btn.png);
			background-repeat: no-repeat;
			background-position: 5px 3px;
			width: 93px;
			height: 31px;
			color: #F60;
			font-weight: bold;
			font-size: 0.8em;
		}

		body.mcp0001.mcp1006 div.middle form.searchForm {
			float: none;
			background-image: url(/_images/u2.png);
			background-repeat: no-repeat;
			background-position: 0 bottom;
			height: 3.5em;
			padding-left: 18px;
		}

	/* ----------------------------- SUPER NAV ------------------------------ */

		div#topBar ul.superNav {
			position: absolute;
			top: 6px;
			right: 42px;
			margin: 0;
			font-family: "Verdana", sans-serif;
			font-size: 0.8em;
			font-weight: bold;
		}

		div#topBar ul.superNav li {
			padding-top: 6px;
		}

	/* ------------------------------ MAIN NAV ------------------------------ */

		ol.mainNav,
		ol.mainNav ol {
			padding: 0;
			margin: 0;
			list-style: none;
			clear: both;
			background: #C1E583;
		}

		ol.mainNav {
			margin-left: 13px;
		}

		ol.mainNav li {
			float: left;
			position: relative;
			width: 10em;
			padding: 0;
			margin: 0;
		}

		ol.mainNav li ol {
			display: none;
			position: absolute;
			top: 1em;
			left: 0;
			z-index: 3;
		}

		ol.mainNav li > ol {
			top: auto;
			left: auto;
			border: 2px solid #BFBFC0;
		}

		ol.mainNav li:hover ol {
			display: block;
		}

		ol.mainNav li,
		ol.mainNav a {
			background: #999;
			border: 0;
			color: #FFF;
			display: block;
			width: 168px;
			height: 24px;
		}

		ol.mainNav > ol:first-child li,
		ol.mainNav > ol:first-child a,
		ol.mainNav > ol:nth-child(5) li,
		ol.mainNav > ol:nth-child(5) a, {
			width: 170px;
		}

		ol.mainNav li:hover,
		ol.mainNav a:hover {
			background: #808285;
		}

		ol.mainNav > li > a {
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 0.1em;
			line-height: 1.7em;
		}

		ol.mainNav > li > a {
			overflow: hidden;
			border-left: 2px solid #C1E583;
			white-space: pre;
		}

		ol.mainNav > li:first-child > a {
			border-left: 0;
		}

		ol.mainNav ol li {
			width: 168px;
			height: 20px;
			border-left: 0;
		}

		ol.mainNav ol li a {
			width: 160px;
			height: 17px;
		}

		ol.mainNav ol li a {
			font-size: 0.85em;
			letter-spacing: 0.025em;
			padding: 3px 0 0 8px;
			font-weight: bold;
		}

		ol.mainNav a:hover {
			text-decoration: none;
		}

		ol.mainNav ol a:hover {
			background: #84CC08;
			color: #FFF;
		}

	/* ------------------------------ SUB NAV ------------------------------- */

		ul.subNav {
			float: right;
			margin: 6px 30px 3px 0;
			font-family: "Verdana", sans-serif;
			font-size: 0.8em;
			font-weight: bold;
		}

		ul.subNav li {
			margin-left: 3em;
			padding-left: 3em;
			border-left-color: #DDD;
		}

		ul.subNav a {
			color: #666;
		}

		ul.subNav a.rssHelp {
			margin-left: 1em;
		}

		li.addthisLI span {
			cursor: pointer;
			background-image: url(/_images/addthis.png);
			background-repeat: no-repeat;
			background-position: right 0;
			padding-right: 24px;
			padding-bottom: 2px;
		}

		li.addthisLI span:hover {
			text-decoration: underline;
		}

		#addthis {
			position: absolute;
			top: -1000px; /* Repositioned to 105px by JS */
			right: 0;
			width: 370px;
			height: 260px;
		}

/* ============================== BREADCRUMBS =============================== */

	ol.breadcrumbs {
		clear: both;
		list-style-type: disc;
		font-size: 0.8em;
		margin: 0;
		padding: 0 0 10px 35px;
	}

	ol.breadcrumbs li {
		float: left;
		margin-left: 1.5em;
		text-indent: -0.5em;
	}

	ol.breadcrumbs li:first-child {
		list-style: none;
		margin-left: 0;
	}

	ol.breadcrumbs a {
		color: #888;
	}

	ol.breadcrumbs strong {
		cursor: default;
	}

/* ============================ SALESFORCE FORMS ============================ */

	div.formBox div.salesForceForm label {
		clear: left;
		width: 150px;
		padding-right: 0.5em;
	}

/* ================================== MISC ================================== */

	div.emailAPage h4 {
		margin: 1em;
	}

	div.formBox div.liner {
		padding: 1em;
	}

	div.emailAPage label,
	div.formBox label,
	div.formBox div.radio {
		margin-top: 1em;
	}

	div.formBox div.radio {
		margin-bottom: 1em;
	}

	div.emailAPage input[type=text],
	div.formBox input[type=text],
	div.formBox select {
		display: block;
		width: 200px;
		margin-bottom: 1em;
	}

	div.emailAPage input[type=submit],
	div.formBox input[type=submit] {
		float: right;
		clear: left;
		margin: 1em 58px 0;
	}

	div.formBox textarea {
		display: block;
		width: 300px;
		margin-bottom: 1em;
		border-top: 2px solid #DBDBDB;
		border-right: 2px solid #E2E2E2;
		border-bottom: 2px solid #DBDBDB;
		border-left: 2px solid #E5E5E5;
		background-color: #FAFAFA;
		background-image: url(/_images/gradient0.png);
		background-repeat: repeat-x;
		background-position: 0 0;
	}

/* ============================= PRODUCTS ============================= */

#content .liner div#first a,
#content .liner div#first img {
	display: block;
	margin: 0 auto;
	text-align: center;
}
#content .liner div.third #third0 .product_title a,
#content .liner div.third #third1 .product_title a,
#content .liner div.third #third2 .product_title a,
#content .liner div.third #third3 .product_title a,
#content .liner div.third #third4 .product_title a,
#content .liner div.third #third5 .product_title a,
#content .liner div#second #second1 .product_title a,
#content .liner div#second #second2 .product_title a,
#content .liner div#second #second3 .product_title a {
	display: inline;
}

#content .liner div.third img,
#content .liner div#second img {
	border-right: #dcdcdc 2px solid;
	border-bottom: #dcdcdc 2px solid;
	display: block;
	margin: 0 auto;
}

#content .liner div#first .gradient_line,
#content .liner div#second .gradient_line,
#content .liner div.third .gradient_line {
	height: 7px;
	width: 100%;
	background: url(/_images/gradient1.png) repeat-x bottom left;
}

#content .liner div#first .gradient_line {
	margin-bottom: 20px;
}

#content .liner div#second .product_title,
#content .liner div.third .product_title {
	display: block;
	text-align: center;
	border-right: #dcdcdc 2px solid;	
}

#content .liner div#second .product_title span.arrow_img,
#content .liner div.third .product_title span.arrow_img{
	display: inline-block;
	margin-left: 2px;
	line-height: 11px;
	height: 11px;
	width: 9px;
	background: url(/_images/second_title_arrow.png) no-repeat top left;	
}

#content .liner div#second #second1,
#content .liner div#second #second2,
#content .liner div#second #second3,
#content .liner div.third #third0,
#content .liner div.third #third1,
#content .liner div.third #third2,
#content .liner div.third #third3,
#content .liner div.third #third4,
#content .liner div.third #third5 {
	float: left;
	width: 161px;
}

#content .liner div.third #third3 {
	clear:both;
}

#content .liner div#second:after,
#content .liner div.third:after {
	clear: both;
}

#content .liner div#first .product_title,
#content .liner div#second .product_title,
#content .liner div.third .product_title {
	margin: 20px 0 0;
}

#content .liner ul li {
	margin-bottom: 0;
}