/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Professional Mixing Equipment | MixPro
	AUTHOR:			Josh Solecky - gocactus.com
	VERSION:		APR 25.11
	
	CONTENTS:
		
	1				RESET 	
	2				TOOLBOX 	
	3				STRUCTURE
	4				HEADER
	4.1				HEADER - NEW - June 2011
	5				NAVIGATION
	6				CONTENT
	7				FOOTER
	8				Case Studies Styles
	9				New Content Styles

-----------------------------------------------------------------
-------------------------------------------------------------- */

/* 0. Custom Font Kit */



@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('/include/TitilliumText-fontfacekit/TitilliumText22L005-webfont.eot');
    src: url('/include/TitilliumText-fontfacekit/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/TitilliumText-fontfacekit/TitilliumText22L005-webfont.woff') format('woff'),
         url('/include/TitilliumText-fontfacekit/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('/include/TitilliumText-fontfacekit/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 1. BASIC PAGE SETUP & RESET */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	}
	
html { overflow-y: scroll; }
body {
	font-family: 'Trebuchet MS','Helvetica','Arial',sans-serif;
	font-size: 12pt;
	line-height: 16pt;
	background-color: #FFFFFF;
	}

ul { list-style: none inside; }

p {
	font-size: 11pt;
	padding-bottom: 10pt;
	color: #777777;
	line-height: 16pt;
	}
	
a { outline: none; }

a:link { color: #0c3f8e; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:visited { color: #0c3f8e; text-decoration: none; }
a:active { color: #d8e3ee; text-decoration: none; }


img, a img { border: none; }

ul a { text-decoration: none; }


/* 2. TOOLBOX */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }


/* 3. MAIN STRUCTURE */

#wrapper { margin: 0; width: 6.5in; text-align: left; }

.page-wrap { margin: 0; width: 6.5in; background-color: #FFF; overflow: hidden; }

.page-wrap-foot { display: block; width: 6.5in; }

ul.list {
	color: #666666;
	list-style: outside disc;
	margin-bottom: 15px; 
	margin-left: 15px;
	}
	
ul.list li { margin-bottom: 5px; font-size: 11pt; }
ul.list li a, ul.list li a:visited, ul.list li a:link { color: #005baa; text-decoration: none; }
ul.list li a:hover { color: #343333; }


/* 4.1 HEADER - NEW */

	.newheader {
		display: block;
		position: relative;
		width: 6.5in;
		height: 109px;
		overflow: visible;
		margin-bottom: 10px;
		}
		
	.newheader .logo {
		display: block;
		width: 179px;
		height: 131px;
		position: absolute;
		left: -15px;
		top: 0px;
		background-image: url('/images/nh_logo.jpg');
		background-repeat: no-repeat;
		}
	
	.newheader .logo img { display: block; margin-top: 0px; }
		
	.newheader .tagline {
		display: block;
		position: absolute;
		top: 46px;
		left: 170px;
		color: #444444;
		font-size: 12pt;
		
		width: 5in;
		
		font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
		}
		
	.newheader .reparea {
		display: none;
		position: absolute;
		top: 15px;
		right: 15px;
		color: #81a2c3;
		}
		
		
	.newheader .bbar {
		display: none;
		position: absolute;
		width: 801px;
		height: 62px;
		right: 0px;
		bottom: 0px;
		background-image: url('/images/nh_bbback.jpg');
		background-repeat: repeat-x;
		text-decoration: none;
		overflow: hidden;
		}


/* 5. NAVIGATION */

#nav { width: 800px; height: 11px; float: right; margin-top: 28px; margin-right: 20px; }
ul#navigation { float: right; }
ul#navigation li { display: inline; margin-right: 17px; }
ul#navigation li.last { margin-right: 0; }
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited {
	color: #4d4d4d;
	text-decoration: none;
	font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
	}
ul#navigation li a:hover { color: #134685;}


/* 6. CONTENT */

.content { margin-left: 0px; padding-top: 20px; height: auto !important; min-height: 400px;  }
.content-bottom {  }

.main { width: 6.5in; }

#main {  }

h1 {
	color: #005baa;
	font-size: 18pt;
	font-weight: normal;
	
	margin-bottom: 15px;
	line-height: 28px;
	
	font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
	}
	
.regular { font-weight: 100;}

.italic { font-style: italic; }

h2 {
	color: #005baa;
	font-weight: normal;
	}

h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	color: #005baa;

	margin-bottom: 15px;
	margin-top: 20px;
	
	font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
	}

p a, p a:visited, p a:link { color: #005baa; text-decoration: none; }
p a:hover { color: #343333; }

.sidebar { width: 320px; float: right; }

.request a { width: 300px; height: 160px; background: url(/images/sidebar_request-quote_4.jpg) no-repeat; display: block; text-indent: -9999px; margin-bottom: 20px; }

.world a { width: 300px; height: 160px; background: url(/images/sidebar_world_4.jpg) no-repeat; display: block; text-indent: -9999px; margin-bottom: 20px; }

#product-nav { width: 280px; height: 252px; float: left; }
ul#product-navigation li { text-indent: -9999px;  display: block; }

ul#product-navigation li#quality { background: url(/images/product_subnav.jpg) no-repeat 0px 0px; display: block; height: 112px; width: 280px; }
ul#product-navigation li#download a:link, ul#product-navigation li#download a:visited { background: url(/images/product_subnav.jpg) no-repeat 0px -112px; display: block; height: 72px; width: 280px; }
ul#product-navigation li#request a:link, ul#product-navigation li#request a:visited { background: url(/images/product_subnav.jpg) no-repeat 0px -184px; display: block; height: 68px; width: 280px; }

ul#product-navigation li#download a:hover { background: url(/images/product_subnav.jpg) no-repeat -280px -112px; }
ul#product-navigation li#request a:hover { background: url(/images/product_subnav.jpg) no-repeat -280px -184px; }

#content ul.sections	{ background: #d7d7d7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 300px; padding: 20px 0 0 15px; float: left; margin-right: 20px; }
#content ul.sections li { color: #666666; margin-bottom: 10px; }
#content ul.sections li img { margin-top: 15px; }
#content ul.sections li.section_title { color: #005baa; margin-bottom: 10px; font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif; }

.product_left { width: 420px; padding-right: 20px; float: left; }
.product_right { width: 295px; padding-left: 20px; border-left: 1px dotted #999; float: left; }

.column1 { width: 300px; margin-right: 18px; float: left; }
.column1 h2 { font-size: 16px; color: #666666; margin-bottom: 10px; }
.column1 ul { list-style: outside disc; margin-bottom: 10px; padding-left: 1.3em; }
.column1 li { font-size: 14px; color: #666666; line-height: 18px; }
.column1.last { margin-right: 0; }

.banner img { margin-bottom: 20px; }

table.rep { width: 6.5in; margin-bottom: 30px; }
table.rep tr { margin-bottom: 15px; }
.rep td { padding: 5px; color: #000; font-size: 14px; line-height: 1.3em; }
.rep td a { color: #005baa; }
.rep td a:hover { color: #636363; }

.rep .col1 { width: 1.25in; }
.rep .col2 { width: 2.00in; }
.rep .col3 { width: 2.00in; }
.rep .col4 { width: 1.25in; }

table.quote-form { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #999999; }
.quote-form td { color: #666666; padding: 10px; }
.quote-form td.subheader { color: #005baa; }

.backtotop { float: right; }

/* 7. LEFT MENU */

#left-menu {
	display: none;
	position: relative;
	width: 130px;
	margin-right: 20px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	padding-top: 40px;
	}
	
#left-menu ul li { cursor: pointer; }

#left-menu p { margin-bottom: 0px; padding-bottom: 0px; }

.hide { display: none; }

.title {
	display: block;
	width: 146px;
	padding: 7px 6px 5px 24px;
	
	background-image: url(/images/BG_sidemenu_new.jpg);
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	color: #B8F0FF;
	
	margin-right: 0px;
	margin-top: 5px;
	
	border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     cursor: pointer;
	}
	
.title:hover {
	background-position: 0px -40px;
	}
	
#left-menu .title { margin-right: 0px; padding-right: 0px; }
	
.item { width: 140px; height: 29px; cursor: pointer; }
.last { border: none; }

.title a, .title a:link, .title a:visited {
	display: block;
	color: #4876b2;
	margin: 0;
	padding: 0;
	margin-right: 0px;
	
	font-size: 14px;
	}
	
.title a:hover { color: #4878a7; }

.menuactive, .menuactive:hover {
	background-position: 0px -80px;
	}
	
.menuactive a, .menuactive a:link, .menuactive a:visited, .menuactive:hover a, .menuactive:hover a:link, .menuactive:hover a:visited {
	color: #ffffff;
	text-shadow: 0px 1px 2px #0558b1;
	}
	
.menuactive:hover, .menuactive:hover a {
	cursor: default;
	}

.item a, .item a:link, .item a:visited {
	color: #666666;
	display: block;
	margin: 0;
	margin-left: 20px;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	
	border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	}

.item a:hover { background-color: #E9E9E9; }

.discount-bar strike { color: #013a81; }
.reasonbar { overflow: hidden; color: white; }
                 
.prod-title { float: left;}
.reason { float: right; text-align: right; }

#catpicker { margin: 0; }

#left-menu.company { width: 150px; margin-right: 0px; padding-left: 0px; float: left; }
#left-menu li { display: block; color: #4878ab; background-color: #ebf0f6; font-size: 14px; line-height: 15px; text-indent: 0; margin-left: 0; padding: 7px; list-style: outside none; margin-bottom: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; }
#left-menu li:hover { display: block; background-color: #d8e3ed; }
#left-menu li a { color: #4878ab; text-decoration: none; }
#left-menu li a:hover,#left-menu li.on a { color: #005dab; }
#left-menu li.indent { padding-left: 6px; line-height: 1.4em; font-size: 1.2em; }

#left-menu .heading {
	display: block;
	font-size: 16px;
	color: #0558b1;
	
	margin-bottom: 10px;
	
	font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
	}
	
#left-menu ul a, #left-menu, #left-menu li { color: #4878ab; text-decoration: none; }

/* 8. FOOTER */

.footer { padding-top: 20px; text-align: left; text-shadow: 0px 1px 0px #e5ebf3; font-size: 11pt; }

/* .footer { padding: 20px 0 20px 20px; margin: 20px 0 0 0; text-align: left; text-shadow: 0px 1px 0px #e5ebf3; font-size: 12px; } */

.footer h2, .footer h2 a, .footer h2 a:link, .footer h2 a:visited { color: #325c87; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; font-weight: 400; text-decoration: none; text-shadow: 0px 1px 0px #e5ebf3; font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif; }

.footer h2 { border-bottom: 1px solid #526380; }

.footer h2 a:hover { color: #343333; }

.footer li { line-height: 20px; font-size: 13px; text-indent: 0; margin-left: 0; padding-left: 0; list-style: outside none; text-shadow: 0px 1px 0px #e5ebf3; }

.footer li a, .footer li a:link, .footer li a:visited { color: #526380; text-decoration: none; }

.footer li a:hover { color: #005dab; }

.foot_company, .foot_technology, .foot_products, .foot_rebuilds, .foot_case, .foot_locator { display: none; width: 140px; margin-right: 20px; float: left; vertical-align: top; }

.foot_rebuilds { width: 300px; }

.foot_locator { width: 140px; float: left; margin-right: 0px; }

.copyright_line {
	display: block;
	position: relative;
	color: #34333;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: 1px solid #526380;
	}


/* Section Leaders */

      	.sectionleader {
      		display: block;
      		position: relative;
      		box-sizing: border-box;
      		width: 6.5in;
      		
      		padding: 10px;
      		padding-left: 0px;
      		padding-right: 0px;
      		margin-left: 0;
      		
			border-top: 1px solid #d2d2d2;
			border-bottom: 1px solid #d2d2d2;
			
			margin-bottom: 30px;
      		}
      		
      	.sectionleader .sectionimage {
      		display: block;
      		position: absolute;
      		width: 120px;
      		height: 120px;
      		
      		top: 10px;
      		right: 0px;
      		
			border-radius: 3px;
      		-moz-border-radius: 3px;
      		-webkit-border-radius: 3px;
      		}
      		
      	.sectionleader .sectiontitle {
      		display: block;
      		position: relative;
			
			padding: 10px;
			padding-top: 8px;
			padding-bottom: 6px;
			padding-left: 0px;
			margin-bottom: 0;
			
			color: #0d4d95;
			
			font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
      		font-size: 18pt;
      		}
      		
      	.sectionleader .sectioncopy {
      		display: block;
      		position: relative;
      		
      		left: 0px;
      		top: 6px;
      		
      		margin-bottom: 12px;
      		
      		width: 5.1in;
      		
      		color: #444444;
      		
      		font-size: 12pt;
      		line-height: 16pt;
      		
      		}
      		
/* New Content Styles */

		.left_column {
    		display: inline-block;
    		width: 3in;
    		margin-left: 0px;
    		vertical-align: top;
    		
    		float: left;
    		}
    		
    	.left_column_short {
    		display: inline-block;
    		width: 2.5in;
    		margin-left: 0px;
    		vertical-align: top;
    		}
    		
    	.right_column {
    		display: inline-block;
    		width: 3.3in;
    		margin-left: .2in;
    		vertical-align: top;
    		}
    		
    	.right_column_halfsize {
    		display: inline-block;
    		width: 1.6in;
    		margin-left: .2in;
    		vertical-align: top;
    	
    		}
    		
    	.right_column_large {
    		display: inline-block;
    		width: 5.6in;
    		margin-left: .1in;
    		vertical-align: top;
    		}
    		
    	.right_column_large td {
    		vertical-align: top;
    		}

		.grey_pullout {
			display: block;
			position: relative;
						
			/* min-height: 100px; */
			width: 6.5in;
			padding: 18px;
			padding-left: 0px;
			padding-right: 0px;
			
			border-top: 1px solid #d2d2d2;
			border-bottom: 1px solid #d2d2d2;
		
			}
			
		.grey_pullout .caption {
			display: inline-block;
			width: 3.2in;
			margin-left: 16px;
			
			vertical-align: top;
			}
			
		.grey-pullout .floating_image {
			display: inline-block;
			
			border-radius: 3px;
      		-moz-border-radius: 3px;
      		-webkit-border-radius: 3px;
			}
      		
      	.indtitle {
      		display: block;
      		color: #707070;
      		
      		font-size: 11pt;
      		/* font-style: italic; */
      		
      		line-height: 16pt;
      		padding-left: 5px;
      		padding-top: 15px;
      		
      		font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;
      		}
      
      /* Case Studies Styles */

h2.case_subhead { color: #444444; font-size: 24px; padding-top: 20px; }
h3.case_top { display: none; margin-top: 0px; margin-bottom: 0px; }

.floating_image {
	display: block;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	}
	
.right_column img.floating_image, .left_column img.floating_image {
	width: 100%;
	height: auto;
	margin-top: 20px;
	border-radius: 3px;
    -moz-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	}

.grey_pullout img.floating_image { width: 250px; height: auto; }
	
.case_quote {
	display: block;

	color: #005BAA;
	
	padding: 24px;
	
	font-size: 17pt;
	line-height: 22pt;
	
	font-family: 'TitilliumText22LBold','Helvetica','Arial',sans-serif;

	}

      		
      		
/* form elements */


	input {
		padding: 10px;
		font-size: 14px;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		
		border: none;
		
		background-color: #efefef;
		
		margin-top: 5px;
		
		background-image: url('/images/input_back.gif');
		background-repeat: repeat-x;
		}
		
	input.error {
		background-image: url('/images/input_back_error.gif');
		}
		
	input[type="text"] {
		width: 330px;
		}
		
	input[type="text"].small {
		width: 100px;
		}
		
	input[type="checkbox"] {
		padding: 0px;
		background-image: none;
		background-color: #ffffff;
		
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		}
		
	textarea {
		padding: 10px;
		font-size: 14px;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		
		border: none;
		
		background-color: #efefef;
		
		margin-top: 5px;

		background-image: url('/images/input_back.gif');
		background-repeat: repeat-x;
		
		width: 700px;
		}
		
	select {
		font-size: 14px;
		}
		
	.formsub {
		display: inline-block;
		width: 190px;
		padding: 10px;
		
		cursor: pointer;
		
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		
		font-size: 16px;
		color: #ffffff;
		text-shadow: 0px 2px 2px #020d4f;
		
		background-image: url('/images/submit_back.jpg');
		background-repeat: repeat-x;
		
		background-position: 0px 0px;
		}
		
	.formsub:hover {
		background-position: 0px -50px;
		}
		
	.errorarea {
		display: block;
		font-size: 16px;
		color: red;
		text-align: center;
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 10px;
		padding-bottom: 10px;		
		}
		
	.successarea {
		display: block;
		font-size: 16px;
		color: green;
		text-align: center;
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 10px;
		padding-bottom: 10px;		
		}