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

RESETS

-------------------------------------------------------------- */
html {
	margin:0;
	padding:0;
	border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

body {
  line-height: 1.5;
  color:#333;
  font-family:arial, sans-serif;
  font-size:small;
}
strong { color:#111; }
ol, ul { list-style: none; }
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important; /* float:none prevents the span-x classes from breaking table-cell display */
}
table, th, td {
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q { quotes: "" ""; }
a img, img { border: none; }

.hover    { cursor: pointer; }
.hidden   { display: none; }
.full	  { width: 100%; }
.clear    { clear: both; }
.clear_l  { clear: left;}
.clear_r  { clear: right;}
.float_l, .alignleft  { float: left; }
.float_r, .alignright  { float: right; }
.alignleft{
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignright{
	margin-left: 10px;
	margin-bottom: 10px;
}
.underline{ text-decoration: underline !important; }
.bold	  { font-weight: bold; }
.italic	  { font-style: italic; }
.hr {
	width:100%;
	clear:both;
	border-top:1px solid #ddd;
	height:1px;
	overflow:hidden;
	margin:1em 0;
}

/* Remember to define your own focus styles! */
:focus { outline: 0; }
a { outline: none; }
.overlabel-wrapper { position:relative;}
label.overlabel {
	position:absolute;
	color:#999;
	left:1px;
	top:1px;
	font-size:11px;
}


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

GENERAL STYLES

-------------------------------------------------------------- */
html, body, #wrapper {
	height: 100%;
}
body > #wrapper {
	height: auto; min-height: 100%;
}
body {
	background: #fff;
}


/* Layout
-------------------------------------------------------------- */
#wrapper {
	width:1024px;
	margin:0 auto;
	padding:0 9px;
	overflow:hidden;
	background:url('../img/wrapper-bg.png') repeat-y;
}
#content{
	float:left;
}

/* Header
-------------------------------------------------------------- */
#head{
	overflow: hidden;
}


	/* Nav
	-------------------------------------------------------------- */
  #nav{

  }

	/* Sub Nav
	-------------------------------------------------------------- */




/* Footer
-------------------------------------------------------------- */
#footer {
	background:#455560;
	float:left;
	width:100%;
	margin:20px 0 0 0;
}

#footer ul.left-nav {margin:0 0 0 25px;list-style-type:none;}
#footer ul.left-nav li {float:left;text-transform:uppercase;font-size:11px;background:url('../img/footer-nav-bg.png') no-repeat left center;padding:20px 15px;}
#footer ul.left-nav li.first {background:0;}
#footer ul.left-nav li a {text-decoration:none;color:#fff;}

#footer ul.right-nav {float:right;list-style-type:none;margin:10px 10px 5px 0;}
#footer ul.right-nav li {float:left;background:url('../img/footer-nav-bg.png') no-repeat left center;padding:0 5px 0 10px;font-size:10px;}
#footer ul.right-nav li.first {background:0;}
#footer ul.right-nav li a {color:#fff;text-decoration:none;}

.copyright {float:right;margin:0 10px 0 0;font-size:9px;color:#fff;width:370px;text-align:right;}

#pets {float:right;color:#F58025;font-size:10px;margin:15px 15px 0 0;text-align:right;}
#pets a {color:#95B6CB;text-decoration:none;}
#pets .text {float:left;margin:20px 10px 0 0;}
#pets .image {float:right;}

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

   FORMS
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */
form{overflow: hidden; margin-bottom: 20px;}

/*
	A special hack is included for IE8 since it does not apply padding
	correctly on fieldsets
 */
label       { color: #888787; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; }
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

.cse .gsc-control-cse, .gsc-control-cse {background:0 !important;border:0 !important;padding:0 !important;}

.cse input.gsc-search-button, input.gsc-search-button {
	border:0 !important;
	color: #000000;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	height: 22px !important;
	min-width: 44px !important;
}
.cse input.gsc-search-button, input.gsc-search-button {
	background: url("../img/btn-search02.png") no-repeat scroll 0 0 transparent !important;
	text-indent: -1000px;
	width: 44px;
}



/* Error Styling
-------------------------------------------------------------- */
.error {}
	.error.text input, .error.select select {
		background:;
		border:;
	}
.error-message {
	float:left;
	clear:left;
	font-weight:bold;
	color:red;
	font-size:12px;
	margin-left: 25%;
}


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

TYPOGRAPHY

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

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #fff url('../img/bg.png') no-repeat center 94px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


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

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #455560; } <!-- changed color from #111 to #455560 -->

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 14px; line-height: 18px; margin-bottom: 1.25em; } <!-- changed font-size from 1.2 em to 14 px, changed line-hieght from 1.25em to 18px; -->
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/*
	These can be used to pull an image at the start of a paragraph, so
	that the text flows around it (usage: <p><img class="left">Text</p>)
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #09f; }
a           { color: #06c; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

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

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/*
	Because of the need for padding on TH and TD, the vertical rhythm
	on table cells has to be 27px, instead of the standard 18px or 36px
	of other elements.
 */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Header */
.header {float:left;width:100%;}

/* Logo */
.logo {float:left;margin:45px 0 19px 45px;}

/* Social */
.social {float:right;color:#93B4C9;font-size:11px;margin:49px 0 0 0;}
.social ul {float:right;list-style-type:none;}
.social ul li {float:left;margin:0 5px;}

/* Nav */
.nav {background:#e3e3e3 url('../img/nav-bg.jpg') no-repeat;float:left;width:100%;}
.nav ul {float:left;list-style-type:none;margin:0 0 0 35px;padding:0;}
.nav ul li {float:left;text-transform:uppercase;font-size:11px;background:url('../img/nav-list-bg.jpg') no-repeat left top;}
.nav ul li.first {background:0;}
.nav ul li a {text-decoration:none;color:#455560;display:block;padding:10px 15px 7px;}
.nav ul li a:hover {color:#F58025;font-weight:bold;background:#fff url('../img/nav-list-active.jpg') repeat-x;}

.clearone-express {float:right;margin:8px 72px 0 0;}

/* Search */
.search {float:right;margin:7px 10px 0 0;width:215px;}
.search input[type="text"] {color:#F58025;font-size:11px;background:url('../img/search-bg.jpg') no-repeat !important;padding:2px 4px;border:0;width:154px;float:left;margin:1px 0 0 0;}
.search input[type="submit"] {background:url('../img/btn-search.png') no-repeat;width:22px;height:20px;border:0;float:left;text-indent:-10000px;}

/* Sub Nav 1st Level */
.sub-nav {list-style-type:none;margin:0 25px;padding:0;width:180px}
.sub-nav li {text-transform:uppercase;font-size:11px;}
.sub-nav li a {color:#2c3a42;text-decoration:none;background:#f9f9f9;padding:5px;border-bottom:1px dotted #455560;display:block;width:100%;}
.sub-nav li.active a, .sub-nav li a:hover {color:#F58025;}

/* Sub Nav 2nd Level */
.sub-nav li ul {list-style-image:url('../img/list-icon-minus.png');margin:0;}
.sub-nav li ul li {border-bottom:0;padding:0;text-transform:none;}
.sub-nav li ul li a {background:#f3f3f3;border-bottom:1px solid white;}
.sub-nav li.active ul li a {color:#2c3a42;}
.sub-nav li.active ul li.active a {color:#F58025;background:#ececec;}
.sub-nav li ul li a:hover {color:#F58025;}

/* Sub Nav 3rd Level */
.sub-nav li ul li ul {list-style-image:url('../img/list-icon-plus.png');margin:0;}
.sub-nav li ul li ul li {border-bottom:0;padding:0;}
.sub-nav li.active ul li.active ul li a {color:#2c3a42;background:#e7f0f4;}
.sub-nav li.active ul li.active ul li.active a {color:#F58025;background:#d5e4eb;}
.sub-nav li.active ul li ul li a:hover {color:#F58025;}

/* Sub Nav 4th Level */
.sub-nav li ul li ul li ul {list-style-type:none;margin:0;}
.sub-nav li.active ul li.active ul li.active ul li {border-bottom:0;padding:0;list-style-image:none;}
.sub-nav li.active ul li.active ul li.active ul li a {color:#2c3a42;background:#ffe4d0;}
.sub-nav li.active ul li.active ul li.active ul li.active a {color:#F58025;background:#ffd4b6;}
.sub-nav li.active ul li.active ul li.active ul li a:hover {color:#F58025;}

/* 3 Column Layout */
.two-col-left {width:750px;float:left;margin:0 30px 0 0;}
.three-col-left, .four-col-left {width:200px;float:left;margin:0 30px 0 0;}
.three-col-middle {width:520px;float:left;margin:0 30px 0 0;}
.three-col-middle.border {border-right:1px dotted #455560;padding:0 25px 0 0;margin:0 20px 0 0;}
.three-col-right, .two-col-right {width:220px;float:left;}
.four-col-left-middle {width:200px;margin:0 0px 0 0;float:left;}
.four-col-right-middle {width:200px;border-right:1px dotted #455560;border-left:1px dotted #455560;padding:0 30px;margin:0 30px;float:left;min-height:400px;}
.four-col-right {width:200px;margin:0 30px 0 0;float:left;}


.breadcrumbs {margin: 8px 0 0 29px;font-size:11px;color:#94B5CA;}
.breadcrumbs a {color:#94B5CA;text-decoration:none;}
.breadcrumbs .orange {color:#f58025;}


.main-image {margin: 0 0 0 0;}
h2.content-title, h2.content-title a {color:#f89d58;font-weight:bold;font-size:14px;text-decoration:none;}   <!-- 7-19-13 changed color in this line from color:#F58025 to color:#f89d58 -->
h3.content-sub-title {color:#455560;font-size:14px;font-weight:bold;background:url('../img/subtitle-icon.png') no-repeat 0 1px;margin:0 0 10px 0;padding:0 0 0 25px;}
.main-content p {font-size:14px;line-height:18px;color:#455560;}       <!-- 7-19-13 changed line height form 14 to 18  -->
.main-content .three-col-middle ul li {color:#455560;list-style-image: url('../img/list-icon.png');margin:5px 0 5px 20px;}

/*Calc*/
.calculator {padding:20px;}

/* Search Results */
.main-content.resources-search-results .focus {font-size:10px;color:#f58025}
.main-content.resources-search-results #results {margin:0;padding:0;}
.main-content.resources-search-results ul li {margin:0 0 10px 0;list-style-image:none;list-style-type:none;}
.main-content.resources-search-results ul li a {color:#F58025;text-decoration:none;}
.main-content.resources-search-results .url {display:block;color:#99bfd4;}
.main-content.resources-search-results .url a {color:#99bfd4;text-decoration:none;}
.main-content.resources-search-results .pagination a {color:#000;text-decoration:none;display:block;padding:5px;}
.main-content.resources-search-results .pagination .previous a, .resources-search-results .pagination .next a {color:#f58025}
.main-content.resources-search-results .pagination ul {margin:10px 0;padding:0;}
.main-content.resources-search-results .pagination ul li {float:left;list-style-type:none;}
.main-content.resources-search-results .pagination ul li.current {font-weight:bold;color:orange;padding:5px;}
.main-content.resources-search-results .pagination ul li span.disabled {display:block;padding:5px;}
.main-content.resources-search-results .three-col-middle {width:750px;margin:20px 30px;}


#SearchSearchForm input[type="text"], #SearchResourcesForm input[type="text"], #SearchDisplayForm input[type="text"], #SearchLegacyForm input[type="text"] {width:116px;background: url("../img/search-bg.jpg") no-repeat scroll 0 0 transparent !important;
	border: 0 none;
	color: #F58025;
	float: left;
	font-size: 11px;
	margin: 1px 3px 0 0;
	padding: 2px 4px;}

/*   Appended for custom styling of CMS   */

	p.light { margin:0 0 .5em }

/*   End of custom styling of CMS

/* new product page */
h1.collab {
	font-size: 30px;
	margin-top: 10px;
}
h3.subhead {
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
	margin-top: 8px;
}
.text-center {
	text-align: center;
}
.product {
	background: #fff;
}
.product .inner-pad {
	padding: 10px 50px;
}
.product .controls a {
	text-transform: uppercase;
	color: #64727B;
	text-decoration: none;
	margin-right: 10px;
	border-right: 1px solid #9ebbcd;
	padding-right: 10px;
	font-weight: bold;
}
.product .controls a:last-child {
	border-right: 0;
}
.product .controls .active {
	color: #f58026;
}
.product .call-to-action {
	background: #fff;
	height: 300px;
	display: table;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.product .call-to-action .inner {
	display: table-cell;
	vertical-align: middle;
}
.product .call-to-action a {
	background: #9ebbcd;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.product .content-loop {
	background: #ededed;
	padding: 30px 0;
	float: left;
	width: 100%;
}
.product .content-loop h3 {
	font-weight: bold;
}
.product .content-loop.even {
	background: #fff;
}
.product .content-loop .left-cont, .product .content-loop .right-cont {
	width:450px;
	display: inline-block;
	float: left;
}
.product .content-loop .left-cont {
	padding-right: 20px;
}
.product .content-loop .img-cont {
	background: #d3e0e7;
	min-height: 336px;
	max-width: 336px;
}
.product .content-loop .right-cont .img-cont {
  	margin-left: 78px;
}
.product .content-loop .title-head {
	color: #f58330;
	text-transform: capitalize;
}
.product .content-loop .main-specs {
	list-style-type: none;
	width: 700px;
	margin: 0 auto;
	padding-top: 20px;
}
.product .content-loop .main-specs > li {
	border-bottom: 1px solid #A4C7DA;
	float: left;
}
.product .content-loop .main-specs > li:last-child {
	border-bottom: 0;
}
.product .content-loop .spec-table .right-tab {
	border-left: 1px solid #A4C7DA;
	min-height: 265px;
}
.product .content-loop .spec-table .left-tab, .product .content-loop .spec-table .right-tab {
	width: 340px;
	display: inline-block;
	float: left;
	padding: 10px 0;
}
.product .content-loop .spec-table h4 {
	border-bottom: 1px solid #A4C7DA;
	padding-bottom: 10px;
	padding-left: 20px;
	text-transform: uppercase;
	cursor: pointer;
}
.product .content-loop .main-resource {
	padding-top: 20px;
}
.product .content-loop .resource-box {
	width: 285px;
	display: inline-block;
	margin-right: 30px;
	cursor: pointer;
}
.product .content-loop .resource-box:last-child {
	margin-right: 0;
}
.product .content-loop .resource-bg {
	background: #d3e0e7;
	min-height: 150px;
}
.product .content-loop .resource-bg img {
	min-width: 285px;
}
.product .content-loop .resource-cont {
	background: #e8e8e9;
	padding: 15px;
}
.product .content-loop .resource-cont h1 {
	font-weight: bold;
}
.product .content-loop .resource-cont .rtype {
	color:#9dbacc;
	font-style: italic;
}
.product .content-loop .resource-cont .rdesc {
	margin-top: 15px;
}
.product .content-loop .all-resources {
    background: #9EBBCD none repeat scroll 0% 0%;
    padding: 10px 30px;
    text-align: center;
    display: block;
    margin: 30px auto;
    width: 285px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 0;
}
.product .content-loop.res {
	padding-bottom: 0;
}
.to-top {
    background: #879196;
    margin: 0px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 80px;
    height: 40px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #FFF;
    padding-top: 25px;
    text-align: center;
}
.to-top:hover, .to-top:focus {
	color: #FFF;
}
.spec-subcat {
	margin-left: 0;
}
.spec-subcat li {
	list-style-type: none;
	margin-bottom: 20px;
	cursor: pointer;
}
.spec-subcat li.active {
	color: #FF6F00;
}
.spec-ind {
    float: right;
    margin-right: 20px;
}
.spec-ind i {
	color: #F37B1E;
}