@import url('/css/reset.css');

body {
	background: url(/images/layout/back.png) left top repeat-x;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:84%;
	}
	
a, a:link, a:visited, a:hover, a:active { color: #64b94b; text-decoration: none; }
a:hover { color: #3d9b35; text-decoration: underline; }

strong { font-weight: bold; }

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

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #333; text-transform: uppercase; }

h1, h2.pr-title { 
	font-size: 225%; 
	color: #000; 
	margin-bottom: 15px; }

h2 { 
	
	font-size: 150%; 
	color: #64b94b;  
	text-transform: none; 
	line-height: 1.3;
	margin-bottom: 10px;
	}

h3 { 
	font-size: 88%; 
	margin: 0 0 7px; 
	color: #222;
	}

h4 { font-size: 84%; }
h5 { font-size: 84%; }
h6 { font-size: 84%; }

small { 
	color:#323232;
	display:block;
	font-size:90%;
	letter-spacing:0.5px;
	padding:0 0 10px;
	text-transform:uppercase;
	}

/* Spacing
----------------------------------------------------------------------------------------------------*/

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

ul li, ol li { margin-bottom: 10px; line-height: 1.1; }

li { margin-left: 30px; }

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

p { line-height: 1.3; font-size: 88%; }


/* Structure
----------------------------------------------------------------------------------------------------*/
.col-quarter { width: 160px; float: left; }
.col-thirds { width: 290px; float: left; }
.col-half	{ width: 448px; float: left; }
.col-single { width: 575px; float: left; }
.col-two-thirds { width: 740px; float: left; }
.append 	{ margin-right: 12px; }
.prepend	{ margin-left: 10px; }

.top		{ padding-top: 20px; }
.bottom		{ padding-bottom: 20px; }
.left		{ padding-left: 40px; }
.right		{ padding-right: 40px; }

	#billboard.bottom,
	.container.bottom { padding-bottom: 0; margin-bottom: 20px; }


#home { background: url(/images/layout/home-back.jpg) center 6px repeat-x; }

.wrapper 	{ width: 920px; margin: 0 auto; }


.nav { background: #333 url(/images/layout/main-nav.png) left top repeat-x; }

.nav ul { margin-bottom: 0; }
	.nav ul li {
		list-style: none;
		display: inline;
		float: left;
		margin: 0;
		}
		.nav ul li a { 
			display: block;
			color: #999;
			padding: 13px 18px 18px;
			margin: 0 5px;
			font-size: 84%;
			line-height: 1;
			font-weight: bold;
			}	
		.nav li a:hover {
			color: #64b94b;
			}
		.nav ul li.current_page_item a, .nav ul li.current_page_parent a {
			background: #fdfdfd url(/images/layout/nav-active.png) left top repeat-x;
			color: #64b94b; 
			}
			
		.nav.sub li a {
			margin: 0 5px 0 0;
			padding: 13px 24px 18px; 
			}
		.nav.sub ul li.current_page_item a, .nav.sub ul li.ui-state-active a {
			background: #ebebeb url(/images/layout/subnav-active.gif) left top repeat-x;
			}

#masthead { margin-top: 10px; }

a#logo { float: left; }
p#tagline { 
	float: right; 
	width: 205px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/layout/tagline.gif) left top no-repeat;
	margin-top: 34px;
	}



/* Billboard areas for home, products, product details
-------------------------------------------------------------------*/

/* home page */
#billboard { width: 1200px; margin: 0 auto; height: 430px; }


/* products top-level slider */

#products-viewer { width: 920px; overflow: hidden; margin: 0 auto; }

	#products-viewer ul { position: relative; clear: both; }

	#products-viewer ul li {
		float: left;
		display: inline;
		overflow: hidden;
		list-style: none;
		margin: 0;
		text-align: center;
		width: 460px;
		height: 400px;
		}
		#products-viewer ul li p {
			width: 288px;
			text-align: center;
			margin: 0 auto 2px;
			}
		#products-viewer ul li p.product-name { font-weight: normal; text-transform: uppercase; font-size: 130%; }
		#products-viewer ul li p.product-subhead { color: #000; font-size: 82%; }
		#products-viewer ul li p.description { font-size: 80%; line-height: 1; color: #999; }
		
#viewer-controls { text-align: center; margin: 0 auto 20px; width: 920px; border-bottom: 1px solid #eee; padding: 0 0 20px 0; }		

	#viewer-controls a.previous-btn,
	#viewer-controls a.previous-btn:link,
	#viewer-controls a.previous-btn:visited,
	#viewer-controls a.previous-btn:hover,
	#viewer-controls a.previous-btn:active,
	#viewer-controls a.next-btn,
	#viewer-controls a.next-btn:link,
	#viewer-controls a.next-btn:visited,
	#viewer-controls a.next-btn:hover,
	#viewer-controls a.next-btn:active {
		width: 50px;
		height: 32px;
		display: inline-block;
		background: url(/images/layout/slider-arrows.gif) 0 0 no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		margin: 0;
		}		
	
	#viewer-controls a.previous-btn:hover { background-position: 0 -42px; }
	#viewer-controls a.previous-btn:active { background-position: 0 -84px; }
		
	#viewer-controls a.next-btn,
	#viewer-controls a.next-btn:link,
	#viewer-controls a.next-btn:visited,
	#viewer-controls a.next-btn:hover,
	#viewer-controls a.next-btn:active { background-position: -50px 0; }	
	#viewer-controls a.next-btn:hover { background-position: -50px -42px; }
	#viewer-controls a.next-btn:active { background-position: -50px -84px; }
	
	
/* products detail header */
		
#product-detail-overview { 
	width: 920px; 
	height: 376px;
	background: url(/images/layout/product-detail-back.jpg) left top repeat; 
	color: #fff;
	margin: 0 auto;
	}
	.overview-content {
		float: left;
		width: 360px;
		margin: 40px 0 0 50px;
		}
		.overview-content h1 { color: #fff; }
	img.product-image-header { float: right; }
		

.breadcrumbs { background: #fff; padding: 15px; margin: 0 auto 1px; width: 890px; }
	.breadcrumbs { font-size: 85%; }
		
		.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited { 
			color: #b2b2b2; 
			font-size: 95%;
			font-weight: bold;
			background: transparent url(/images/icons/ico-right-carrot.gif) right 4px no-repeat;
			padding: 0 20px 0 0; 
			margin: 0 10px 0 0;
			}
			.breadcrumbs a:hover { color: #3d9b35; }
			.breadcrumbs, .breadcrumbs a.current,
			.breadcrumbs, .breadcrumbs a.current:visited { color: #323232; background-image: none; }


/*
.breadcrumbs { background: #fff; padding: 15px; margin: 0 auto 1px; width: 890px; }
	.breadcrumbs li { font-size: 85%; margin: 0; list-style: none; display: inline; }
		
		.breadcrumbs li a, .breadcrumbs li a:link, .breadcrumbs li a:visited { 
			color: #b2b2b2; 
			font-size: 95%;
			font-weight: bold;
			background: transparent url(/images/icons/ico-right-carrot.gif) right 4px no-repeat;
			padding: 0 18px 0 0; 
			margin: 0 0 0 6px; }
			.breadcrumbs li a:hover { color: #3d9b35; }
			.breadcrumbs li a.current { background: none; color: #323232; }
*/
	

ul.sub-links { padding-top: 20px;  }
	
ul.sub-links li { font-size: 84%; border-bottom: 1px solid #f0f0f0; list-style: none; padding: 10px 5px; margin: 0 0 0 10px; }	

ul.sub-links li.current_page_item a { font-weight: bold; color: #000; }
		
.container { padding: 0 0 20px; }
	.container.white { 
		background-color: #fff; 
		}
	.container.grey { 
		background-color: #ebebeb; 
		padding: 24px 24px 20px;
		}
		.container.white h1, 
		.container.white h2, 
		.container.white p { padding-left: 40px; padding-right: 40px; }
			.container.white h1, .container.white h2 { padding-top: 20px; }
			.container.white h2 { padding-bottom: 20px; }
		
		.container .col-half { width: 420px; }
		
.case-study { border: 1px solid #ebebeb; margin-bottom: 20px; }
	.case-study a.case-study-details {
		display: block;
		padding: 10px 10px 15px;
		background: #323232;
		color: #999;
		font-size: 84%;
		height: 110px;
		}
		.case-study a.case-study-details:hover { background: #eee; text-decoration: none; }
		.case-study a.case-study-details span { display: block; margin-bottom: 3px; line-height: 16px; }
		.case-study a.case-study-details span.case-study-title { color: #fff; font-weight: bold; }

		.case-study a.case-study-details:hover span.case-study-title { color: #64b94b; }


.partner-block { border: 1px solid #ebebeb; margin-bottom: 20px; }


.partner-block .partner-logo { width: 100%; height: 80px; text-align: center; vertical-align: middle; }
/*.partner-block img { width: 200px; height: auto; margin: 5px auto 0; } */

	.partner-block .partner-details {
		display: block;
		padding: 10px 10px 15px;
		background: #eee;
		color: #999;
		font-size: 84%;
		height: 240px;
		}
		.partner-block .partner-details .partner-blurb { display: block; margin-bottom: 3px; line-height: 16px; }
		.partner-block .partner-details p.partner-title { color: #64b94b; margin-bottom: 3px; font-weight: bold; padding: 0 !important; font-size: 95%; }


.container blockquote.wide {
	background: #eee url(/images/layout/blockquote-wide-btm.gif) left bottom no-repeat; 
	margin:0 0 20px 40px;
	padding:0 0 10px;
	width: 840px;
	}
	.container blockquote.wide h4,
	.container.white blockquote.wide h4 { 
		background: transparent url(/images/layout/blockquote-wide-top.gif) left top no-repeat; 
		padding: 18px 20px 0; 
		margin: 0 0 6px;
		color: #64B94B; 
		}		
	.container blockquote.wide p,
	.container.white blockquote.wide p  { 
		padding: 0 20px 40px; 
		width: 520px; 
		font-size: 105%; 
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times, serif; 
		line-height: 1.4;
		}
	.container blockquote.wide img { float: right; padding: 0 30px 0 0; }
	
	
.col-half h4,
blockquote h4 { text-transform: none; font-weight: bold; margin: 0 0 4px; }

.col-half blockquote {
	background: #eee url(/images/layout/blockquote-btm.gif) left bottom no-repeat; 
	}
	.col-half blockquote h4 { 
		background: transparent url(/images/layout/blockquote-top.gif) left top no-repeat; 
		padding: 18px 20px 0; 
		margin: 0 0 6px;
		}		
	.col-half blockquote p  { padding: 0 20px 40px; }

.col-thirds blockquote {
	background: #eee url(/images/layout/blockquote-narrow-btm.gif) left bottom no-repeat; 
	}
	.col-thirds blockquote h4,
	.container .col-thirds blockquote h4 { 
		background: transparent url(/images/layout/blockquote-narrow-top.gif) left top no-repeat; 
		padding: 18px 20px 0; 
		margin: 0 0 6px;
		color: #64B94B; 
		}		
	.col-thirds blockquote p,
	.container .col-thirds blockquote p { padding: 0 20px 40px; }	
	
	.col-thirds.sidebar ul li {
		color: #64B94B; 
		list-style: none;
		font-size: 90%;
		margin: 0 0 6px;
		}
		
.col-thirds.sidebar ul.thmb-list li { display: inline; margin: 0 4px 6px 0; }
	.col-thirds.sidebar ul.thmb-list li img { border: 3px solid #e5e5e5; }
	
	.col-quarter.sidebar ul li {
		color: #64B94B; 
		list-style: none;
		font-size: 90%;
		margin: 0 0 6px;
		}
	
	

ul#product-gallery li, ul#video-gallery li {
	float: left;
	list-style: none;
	margin: 0;
	width: 212px;
	height: 144px;
	text-align: center;
	}
	ul#product-gallery li a, ul#video-gallery li a { display: inline-block; border: 3px solid #fff; }
	

	
#features p { line-height: 1.4; font-size: 95%; }
#features ul li ul { padding-top: 5px; margin-bottom: 10px; }

#features .floatright ul li {  margin-bottom: 3px !important; }

#specs table { display: table; width: 100%; border: none !important; font-size: 90%; }	


#specs table tr th, #specs table tr td { padding: 5px; border-bottom: 1px solid #c2c2c2; }
#specs table tr th {color: #000; text-transform: uppercase; padding: 10px 5px; }


.col-two-thirds ul { margin-left: 30px; font-size: 88%; }

	
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer { background: #eee; padding: 30px 0; margin: 30px 0 0; }
	#footer h2 { font-size:90%; text-transform: none; font-weight: bold; margin: 0 0 4px; }
	#footer ul li { width: 120px; float: left; list-style: none; margin: 0 25px 0 0; font-weight: bold; }
		#footer ul li a, #footer ul li a:link, #footer ul li a:visited { color: #888; }
			#footer ul li.last { margin: 0; }
			
		#footer ul li ul li { float: none; list-style: none; margin: 0 0 4px; font-size: 85%; }
		#footer ul li ul li a, #footer ul li ul li a:link, #footer ul li ul li a:visited { color: #bfbfbf; }



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.floatleft  { float: left; }
.floatright { float: right; }

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after		{ clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix 			{ display: inline-block; }
* html .clearfix 	{ height: 1%; }
.clearfix			{ display: block; }

/* Products Child page
----------------------------------------------------------------------------------------------------*/
#features, #specs, #photos, #videos {
	min-height: 100px;
}


/*Press Release Styles */
.press-release-list {
	margin:0 0 20px 0;	
}

.press-release-list p {
	margin:5px 0 0 0;
}

.container.white .press-release-list h2 {
	margin:0;
	padding:0 0 0 10px;
	font-size:18px;
}


.pressDate {
	font-weight:bold;
	font-size:14px;	
}

.press-release-list .pressSubtitle {
	font-style:italic;
	margin-top:0;
}

.pressBorder {
	border-left:5px solid #64B94B;	
	margin-left:41px;
	padding-right:50px;
}

.container.white .press-release-list .pressBorder p {
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}
.container.white h2 {
padding-bottom:0;
}

h3.pagetitle {
margin-left:40px;
padding-top:10px;
}

#breadcrumb-fix {
	display:inline;	
	margin-left:-27px;
}