/*

HTML5 default styles.
By Christopher Boone: http://hypsometry.com/

Based on the examples in:
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-css-user-agent-style-sheet-and-presentational-hints

Notes:
I've removed all references to elements and attributes that have been deprecated in HTML5.
There are additional rendering instructions in the spec that cannot be represented in abstract CSS.
Probably not all the CSS declared here is actually supported by browsers.
I've left out all the element bindings, since I believe only Mozilla supports that CSS property, and it currently
only supports it in a proprietary way.
I've added the details element to the list of those declared to be block level, since I think it must be, per the description: http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-details-element

*/


@namespace url(http://www.w3.org/1999/xhtml);

/* custom fonts */

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/icomoon.eot');
	src: url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
        unicode-range: U+E600-U+E610;
}

/* Chrome on Windows needs a media query to smooth the font and prevent the left margin bug.  Redundant but necessary */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'icomoon';
		src: url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	};
}

.i-file, .i-phone, .i-email, .i-rarrow, .i-checkcircle, .i-checkcircle-quality, .i-xcircle, .i-xmark, .i-check, .i-starsolid, .i-exclam, 
.i-pdf, .i-pdf-list, .i-thumb-up, .i-thumb-dn, .i-linkedin, .i-twitter, .i-facebook, .i-google-plus {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
        font-size: 1.5em;
	text-transform: none;
        vertical-align: center;
	/* line-height: 1.75em; */
        padding-right: 4px;
	-webkit-font-smoothing: antialiased;
}

.i-file:before {
	content: "\e600";
}

.i-phone:before {
	content: "\e601";
}

.i-email:before {
	content: "\e602";
}

.i-rarrow:before {
	content: "\e603";
}

.i-checkcircle:before {
	content: "\e604";
}

.i-checkcircle-quality:before {
	content: "\e604";
}

.i-checkcircle-quality {
        vertical-align:center; 
        line-height: 1.5em;
        color:#22895f;
}

.i-xcircle:before {
	content: "\e605";
}

.i-xmark:before {
	content: "\e606";
}

.i-check:before {
	content: "\e607";
}

.i-starsolid:before {
	content: "\e608";
}

.i-exclam:before {
	content: "\e609";
}

.i-pdf:before {
	content: "\e60a";
}

.i-pdf {
        color: red;
        vertical-align:center; 
        line-height: 1.1em;
        font-size: 1.1em;
        padding-right: 4px;
}

.i-pdf-ul {
    list-style-type: none;
    margin-left: 2.14286em;
    padding-left: 0;
    padding-top: 5px;
}

.i-pdf-li {
    left: -2.14286em;
    /* position: absolute; */
    text-align: center;
    top: 0.142857em;
    width: 2.14286em;
}

.i-pdf-font {
    display: inline-block;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

/* .i-pdf-ul li {
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
    list-style: none outside none;
    display: list-item;
}
*/

.i-pdf-ul li:before {
	content: "\e60a";!important
}

.i-thumb-up:before {
	content: "\e60b";
}

.i-thumb-dn:before {
	content: "\e60c";
}

.i-linkedin:before {
	content: "\e60d";
}

.i-twitter:before {
	content: "\e60e";
}

.i-facebook:before {
	content: "\e60f";
}

.i-google-plus:before {
	content: "\e610";
}

#green {
       color:#22895f;
}

#blue {
       color:#005bab;
}

#orange {
       color:#cf7523;
}

[data-icon]::before {
    content: attr(data-icon);
}

/* END icomoon custom font icon styles */

/*

Display types
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#display-types

*/

*[hidden], area, base, command, datalist, head,
input[type=hidden], link, menu[type=context], meta,
param, rp, script, source, style, title,
table > form, thead > form, tbody > form, tfoot > form, tr > form {
  display: none;
}

address, article, aside, blockquote, body, details, dd, div, dl, dt,
figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr,
html, legend, menu, nav, ol, p, pre, section, ul {
  display: block;
}

table {
  display: table;
}

caption {
  display: table-caption;
}

colgroup {
  display: table-column-group;
}

col {
  display: table-column;
}

thead {
  display: table-header-group;
}

tbody {
  display: table-row-group;
}

tfoot {
  display: table-footer-group;
}

tr {
  display: table-row;
}

td, th {
  display: table-cell;
}

li {
  display: list-item;
}

ruby {
  display: ruby;
}

rt {
  display: ruby-text;
}


/*

Margins and padding
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#margins-and-padding

*/

blockquote, dl, figure, menu, ol, p, pre, ul {
  margin-top: 15px;
  margin-bottom: 15px;
}

dl dl, dl menu, dl ol, dl ul,
menu dl, menu menu, menu ol, menu ul,
ol dl, ol menu, ol ol, ol ul,
ul dl, ul menu, ul ol, ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

h2 {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}

h3 {
  margin-top: 1.00em;
  margin-bottom: 1.00em;
}

h4 {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}

h5 {
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}

h6 {
  margin-top: 2.33em;
  margin-bottom: 2.33em;
}

/* Some of the following combinations might be unnecessary or impossible. */

article h1, aside h1, nav h1, section h1 {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}

article aside h1, article nav h1, article section h1,
aside article h1, aside nav h1, aside section h1,
nav article h1, nav aside h1, nav section h1,
section article h1, section aside h1, section nav h1, section section h1 {
  margin-top: 1.00em;
  margin-bottom: 1.00em;
}

article aside nav h1, article aside section h1,
article nav aside h1, article nav section h1,
article section aside h1, article section nav h1, article section section h1,
aside article nav h1, aside article section h1,
aside nav article h1, aside nav section h1,
aside section article h1, aside section nav h1, aside section section h1,
nav article aside h1, nav article section h1,
nav aside article h1, nav aside section h1,
nav section article h1, nav section aside h1, nav section section h1,
section article aside h1, section article nav h1, section article section h1,
section aside article h1, section aside nav h1, section aside section h1,
section nav article h1, section nav aside h1, section nav section h1,
section section article h1, section section aside h1, section section nav h1, section section section h1 {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}

article aside nav section h1, article aside section nav h1, article aside section section h1,
article nav aside section h1, article nav section aside h1, article nav section section h1,
article section aside nav h1, article section nav aside h1, article section section aside h1, article section section nav h1, article section section section h1,
aside article nav section h1, aside article section nav h1, aside article section section h1,
aside nav article section h1, aside nav section article h1, aside nav section section h1,
aside section article nav h1, aside section article section h1, aside section nav article h1, aside section nav section h1,
aside section section article h1, aside section section nav h1, aside section section section h1,
nav article aside section h1, nav article section aside h1, nav article section section h1,
nav aside article section h1, nav aside section article h1, nav aside section section h1,
nav section article aside h1, nav section article section h1, nav section aside article h1, nav section aside section h1,
nav section section article h1, nav section section aside h1, nav section section section h1,
section article aside nav h1, section article aside section h1,
section article nav aside h1, section article nav section h1,
section article section aside h1, section article section nav h1, section article section section h1,
section aside article nav h1, section aside article section h1,
section aside nav article h1, section aside nav section h1,
section aside section article h1, section aside section nav h1, section aside section section h1,
section nav article aside h1, section nav article section h1,
section nav aside article h1, section nav aside section h1,
section nav section article h1, section nav section aside h1, section nav section section h1,
section section article aside h1, section section article nav h1, section section article section h1,
section section aside article h1, section section aside nav h1, section section aside section h1,
section section nav article h1, section section nav aside h1, section section nav section h1,
section section section article h1, section section section aside h1, section section section nav h1, section section section section h1 {
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}

article aside nav section section h1,
article aside section nav section h1,
article aside section section section h1,
article nav aside section h1,
article nav section aside section h1,
article nav section section section h1,
article section aside nav section h1,
article section nav aside section h1,
article section section aside section h1,
article section section nav section h1,
article section section section section h1,
aside article nav section section h1,
aside article section nav section h1,
aside article section section section h1,
aside nav article section section h1,
aside nav section article section h1,
aside nav section section section h1,
aside section article nav section h1,
aside section article section section h1,
aside section nav article section h1,
aside section nav section section h1,
aside section section article section h1,
aside section section nav section h1,
aside section section section section h1,
nav article aside section section h1,
nav article section aside section h1,
nav article section section section h1,
nav aside article section section h1,
nav aside section article section h1,
nav aside section section section h1,
nav section article aside section h1,
nav section article section section h1,
nav section aside article section h1,
nav section aside section section h1,
nav section section article section h1,
nav section section aside section h1,
nav section section section section h1,
section article aside nav section h1,
section article aside section section h1,
section article nav aside section h1,
section article nav section section h1,
section article section aside section h1,
section article section nav section h1,
section article section section section h1,
section aside article nav section h1,
section aside article section section h1,
section aside nav article section h1,
section aside nav section section h1,
section aside section article section h1,
section aside section nav section h1,
section aside section section section h1,
section nav article aside section h1,
section nav article section section h1,
section nav aside article section h1,
section nav aside section section h1,
section nav section article section h1,
section nav section aside section h1,
section nav section section section h1,
section section article aside section h1,
section section article nav section h1,
section section article section section h1,
section section aside article section h1,
section section aside nav section h1,
section section aside section section h1,
section section nav article section h1,
section section nav aside section h1,
section section nav section section h1,
section section section article section h1,
section section section aside section h1,
section section section nav section h1,
section section section section section h1 {
  margin-top: 2.33em;
  margin-bottom: 2.33em;
}

dd {
  margin-left: 40px; /* LTR-specific: use 'margin-right' for rtl elements */
}

details > dd, figure > dd {
  margin-left: 0; /* LTR-specific: use 'margin-right' for rtl elements */
}

menu, ol, ul {
  padding-left: 40px; /* LTR-specific: use 'padding-right' for rtl elements */
}

blockquote, figure {
  margin-left: 40px;
  margin-right: 40px;
}

table {
  border-spacing: 2px;
  border-collapse: separate;
}

td, th {
  padding: 1px;
}


/*

Alignment
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#alignment

*/

thead, tbody, tfoot, table > tr {
  vertical-align: middle;
}

tr, td, th {
  vertical-align: inherit;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

th {
  text-align: center;
}


/*

Fonts and colors
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#fonts-and-colors

*/

* {
  color: #4A4A4A;
  background-color: transparent;
}

body {
  color: #4A4A4A;
  background-color: #eeeeee;
  
}

address, cite, dfn, em, i, var {
  font-style: italic;
}

b, strong, th {
  font-weight: bold;
}

code, kbd, pre, samp, tt {
  font-family: monospace;
}

h1 {
  font-size: 2.00em;
  font-weight: bold;
}

h2 {
  font-size: 1.50em;
  font-weight: bold;
}

h3 {
  font-size: 1.17em;
  font-weight: bold;
}

h4 {
  font-size: 1.00em;
  font-weight: bold;
}

h5 {
  font-size: 0.83em;
  font-weight: bold;
}

h6 {
  font-size: 0.67em;
  font-weight: bold;
}

small, sub, sup {
  font-size: smaller;
}

sub, sup {
  line-height: normal;
}

:link {
  color: blue;
}

:visited {
  color: purple;
}

mark {
  background: yellow;
  color: black;
}

table, td, th {
  border-color: gray;
}

thead, tbody, tfoot, tr {
  border-color: inherit;
}

iframe {
    overflow-x: hidden;
    overflow-y: scroll;
} 

/* Some of the following combinations might be unnecessary or impossible. */

article h1, aside h1, nav h1, section h1 {
  font-size: 1.50em;
}

article aside h1, article nav h1, article section h1,
aside article h1, aside nav h1, aside section h1,
nav article h1, nav aside h1, nav section h1,
section article h1, section aside h1, section nav h1, section section h1 {
  font-size: 1.17em;
}

article aside nav h1, article aside section h1,
article nav aside h1, article nav section h1,
article section aside h1, article section nav h1, article section section h1,
aside article nav h1, aside article section h1,
aside nav article h1, aside nav section h1,
aside section article h1, aside section nav h1, aside section section h1,
nav article aside h1, nav article section h1,
nav aside article h1, nav aside section h1,
nav section article h1, nav section aside h1, nav section section h1,
section article aside h1, section article nav h1, section article section h1,
section aside article h1, section aside nav h1, section aside section h1,
section nav article h1, section nav aside h1, section nav section h1,
section section article h1, section section aside h1, section section nav h1, section section section h1 {
  font-size: 1.00em;
}

article aside nav section h1, article aside section nav h1, article aside section section h1,
article nav aside section h1, article nav section aside h1, article nav section section h1,
article section aside nav h1, article section nav aside h1, article section section aside h1, article section section nav h1, article section section section h1,
aside article nav section h1, aside article section nav h1, aside article section section h1,
aside nav article section h1, aside nav section article h1, aside nav section section h1,
aside section article nav h1, aside section article section h1, aside section nav article h1, aside section nav section h1,
aside section section article h1, aside section section nav h1, aside section section section h1,
nav article aside section h1, nav article section aside h1, nav article section section h1,
nav aside article section h1, nav aside section article h1, nav aside section section h1,
nav section article aside h1, nav section article section h1, nav section aside article h1, nav section aside section h1,
nav section section article h1, nav section section aside h1, nav section section section h1,
section article aside nav h1, section article aside section h1,
section article nav aside h1, section article nav section h1,
section article section aside h1, section article section nav h1, section article section section h1,
section aside article nav h1, section aside article section h1,
section aside nav article h1, section aside nav section h1,
section aside section article h1, section aside section nav h1, section aside section section h1,
section nav article aside h1, section nav article section h1,
section nav aside article h1, section nav aside section h1,
section nav section article h1, section nav section aside h1, section nav section section h1,
section section article aside h1, section section article nav h1, section section article section h1,
section section aside article h1, section section aside nav h1, section section aside section h1,
section section nav article h1, section section nav aside h1, section section nav section h1,
section section section article h1, section section section aside h1, section section section nav h1, section section section section h1 {
  font-size: 0.83em;
}

article aside nav section section h1,
article aside section nav section h1,
article aside section section section h1,
article nav aside section h1,
article nav section aside section h1,
article nav section section section h1,
article section aside nav section h1,
article section nav aside section h1,
article section section aside section h1,
article section section nav section h1,
article section section section section h1,
aside article nav section section h1,
aside article section nav section h1,
aside article section section section h1,
aside nav article section section h1,
aside nav section article section h1,
aside nav section section section h1,
aside section article nav section h1,
aside section article section section h1,
aside section nav article section h1,
aside section nav section section h1,
aside section section article section h1,
aside section section nav section h1,
aside section section section section h1,
nav article aside section section h1,
nav article section aside section h1,
nav article section section section h1,
nav aside article section section h1,
nav aside section article section h1,
nav aside section section section h1,
nav section article aside section h1,
nav section article section section h1,
nav section aside article section h1,
nav section aside section section h1,
nav section section article section h1,
nav section section aside section h1,
nav section section section section h1,
section article aside nav section h1,
section article aside section section h1,
section article nav aside section h1,
section article nav section section h1,
section article section aside section h1,
section article section nav section h1,
section article section section section h1,
section aside article nav section h1,
section aside article section section h1,
section aside nav article section h1,
section aside nav section section h1,
section aside section article section h1,
section aside section nav section h1,
section aside section section section h1,
section nav article aside section h1,
section nav article section section h1,
section nav aside article section h1,
section nav aside section section h1,
section nav section article section h1,
section nav section aside section h1,
section nav section section section h1,
section section article aside section h1,
section section article nav section h1,
section section article section section h1,
section section aside article section h1,
section section aside nav section h1,
section section aside section section h1,
section section nav article section h1,
section section nav aside section h1,
section section nav section section h1,
section section section article section h1,
section section section aside section h1,
section section section nav section h1,
section section section section section h1 {
  font-size: 0.67em;
}


/*

Punctuations and decorations
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#punctuation-and-decorations

*/

:link, :visited, ins {
  text-decoration: underline;
}

abbr[title] {
  text-decoration: dotted underline;
}

del {
  text-decoration: line-through;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

br, pre {
  white-space: pre;
}

ol {
  list-style-type: decimal;
}

menu, ul {
  list-style-type: disc;
}

menu dl, menu menu, menu ul,
ol dl, ol menu, ol ul,
ul dl, ul menu, ul ul {
  list-style-type: circle;
}

menu menu dl, menu menu menu, menu menu ul,
menu ol dl, menu ol menu, menu ol ul,
menu ul dl, menu ul menu, menu ul ul,
ol menu dl, ol menu menu, ol menu ul,
ol ol dl, ol ol menu, ol ol ul,
ol ul dl, ol ul menu, ol ul ul,
ul menu dl, ul menu menu, ul menu ul,
ul ol dl, ul ol menu, ul ol ul,
ul ul dl, ul ul menu, ul ul ul {
  list-style-type: square;
}

table {
  border-style: outset;
}

td, th {
  border-style: inset;
}

*[dir=ltr] {
  direction: ltr;
  unicode-bidi: embed;
}

*[dir=rtl] {
  direction: rtl;
  unicode-bidi: embed;
}

bdo[dir=ltr], bdo[dir=rtl] {
  unicode-bidi: bidi-override;
}


/*

Resetting rules for inherited properties
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#resetting-rules-for-inherited-properties

*/

table, input, select, option, optgroup, button, textarea, keygen {
  text-indent: initial;
}


/*

The hr element
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-hr-element-0

*/

hr {
  color: gray;
  border-style: inset;
  border-width: 1px;
}


/*

The fieldset element
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-fieldset-element-0

*/

fieldset {
  margin-left: 2px;
  margin-right: 2px;
  border: groove 2px ThreeDFace;
  padding: 0.35em 0.625em 0.75em;
}


/*

Replaced elements - embedded content
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#embedded-content-2

*/

iframe {
  border: 2px inset;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231;
 }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 */

::-moz-selection { background: #0083c3; color: #fff; text-shadow: none; }
::selection { background: #0083c3; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }




/* =============================================================================
   Primary styles
   Author: Lance Jonn Romanoff
   ========================================================================== */

html {
height: 100%;
}

body {
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

:link {
  color: #005bab;
}

:link, :visited, ins {
  text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a, a:visited {
color: #005bab;
text-decoration: none;
}

h1 {
color: #0083c3;
font-size: 30px;
margin: 0;
padding: 0;
}

h2 {
color: #22895F;
font-size: 16px;
margin: 0;
padding: 0;
}

#main-content #content-detail h2,
#main-content #prod-detail h2 {
    color: #22895F;
    font-size: 16px;
    margin: 15px 0 5px;
    padding: 0;
    font-weight: bold;
}

#main-content #content-detail #h2-table h2,
#main-content #prod-detail #h2-table h2 {
    padding-bottom: 5px;
}

h3 {
color: #22895F;
font-size: 14px;
margin: 0;
padding: 0;
}

#main-content #content-detail h3,
#main-content #prod-detail h3 {
color: #22895F;
font-size: 14px;
margin: 15px 0 5px;
margin: 0;
padding: 0;
}

ul, ol {
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 5px 0;
padding: 6;
}

.introducing {
font-size: 24px;
color: #676767;
}

#container {
position: relative;
min-height: 800px;
background: #ffffff;
}

* html #container {
height: 100%;
}

#banner {
    background: url("/images/banner-index-back.jpg") repeat-x scroll 0 0 transparent;
    height: 308px;
    width: 100%;
    float:left;
}

#banner .banner-message {
}

#banner .banner-message-text {
background: url(/images/message-back.png) no-repeat;
width: 380px;
min-height: 85px;
position: absolute;	
margin: 30px 0 0 35px;
padding: 30px 35px 30px 35px;
}


#banner .banner-message-text-bottom {
background: url(/images/message-back-bottom.png) no-repeat;
width: 450px;
height: 29px;
position: absolute;
left: 0;
bottom: -29px;
}

#banner .banner-message-text a {
color: #005bab;
text-decoration: none;
}

#banner .banner-message-text a:hover {
text-decoration: underline;
}

header {
width: 100%;
background: url(/images/header-back.gif);	
}

#main 
{
        float:left;
width: 100%;
background: #fff;	
}

#main-content {
}

#main-content #latest {
width: 305px;
height: 329px;
background: url(/images/latest-back.jpg) no-repeat;
float: left;
}

#main-content #latest-content {
margin: 145px 0 0 0;
padding: 0 25px 25px 25px;
}

#main-content #latest p {
font-size: 13px;
margin: 0;
padding: 0;
}

#main-content #latest a, #main-content #latest a:visited {
text-decoration: none;
}

#main-content #latest a:hover {
text-decoration: underline;
}

#main-content #latest h1 {
font-size: 13px;
color: #fff;

height: 15px;
margin: 0;
padding: 10px 20px;
text-transform: uppercase;
}

#main-content #solutions {
width: 635px;
height: 329px;
background: url(/images/solutions-back.jpg) no-repeat;
float: right;
}

#main-content #solutions h1 {
font-size: 13px;
color: #fff;
height: 15px;
margin: 0;
padding: 10px 20px;
text-transform: uppercase;
}

#main-content #solutions #solutions-content-menu {
float: left;
width: 200px;
}

#main-content #solutions #solutions-content-menu li {
padding: 0;
margin: 0;
}

#main-content #solutions #solutions-content-menu li a {
height: 17px;
margin: 0;
padding: 10px 0 10px 20px;
color: #005bab;
font-size: 14px;
text-shadow: 1px 1px 1px #fff;
text-decoration: none;
display: block;
}

#main-content #solutions #solutions-content-menu li a {
height: 15px;
margin: 0 26px 2px 0;
padding: 10px 0 10px 20px;
color: #005bab;
font-size: 14px;
text-shadow: 1px 1px 1px #fff;
text-decoration: none;
display: block;
}

#main-content #solutions #solutions-content-menu li a.on {
color: #fff;
text-shadow: none;
margin: 0 0 2px 0;
background: url(/images/solutions-arrow.png) no-repeat;
}

#main-content #solutions #solutions-content-menu li a:hover.on {
color: #fff;
text-shadow: none;
background: url(/images/solutions-arrow.png) no-repeat;
}

#main-content #solutions #solutions-content-menu li a.last {
 -moz-border-radius: 0 0 0 5px;
-webkit-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}


#main-content #solutions #solutions-content-menu li a:hover {
background-color: #e2e2e2;
text-decoration: none;
}

#main-content #solutions #solutions-content-detail {
float: right;
width: 435px;
}

#main-content #solutions #solutions-content-detail-text-and-image {
margin: 20px 20px 35px 0;

}

#main-content #solutions #solutions-content-detail-image {
height: 180px;
width: 162px;
float: left;
}

#main-content #solutions #solutions-content-detail-text {
height: 180px;
width: 230px;
float: right;
}

#main-content #solutions #product-finder {
background: url(/images/quick-finder-back.jpg) no-repeat;
font-size: 13px;
color: #575758;
text-transform: uppercase;
margin: 15px 23px 18px 0;
padding: 7px 0 0 7px;
width: 405px;
height: 32px;
}

#main-content #solutions #product-finder select {
text-transform: none;
background-color: #fff;
width: 230px;
min-width: 230px;
}

#main-content #news {
width: 960px;
height: 35px;
margin: 25px 0 30px 0;
background: url(/images/news-back.jpg) no-repeat;
}

#main-content #news h1 {
font-size: 13px;
color: #fff;
height: 15px;
margin: 0;
padding: 10px 20px;
text-transform: uppercase;
width: 100px;
float: left;
}
#main-content #news p {
margin: 9px 0 0 10px;
height: 26px;
overflow: hidden;
font-size: 13px;
font-weight: bold;
color: #005bab;
float: left;
width: 742px;
}

#main-content #news #news-nav {
width: 45px;
height: 26px;
float: right;
margin: 2px 10px 0 10px;
}

#main-content #news #news-nav li {
float: left;
}

#main-content #news #news-left a {
display: block;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
background: url(/images/news-left.gif) no-repeat;
}

#main-content #news #news-right a {
display: block;
width: 20px;
height: 20px;
background: url(/images/news-right.gif) no-repeat;
}

#main-content #news #news-left a:hover {
background: url(/images/news-left.gif) no-repeat 0 -20px;
}

#main-content #news #news-right a:hover {
background: url(/images/news-right.gif) no-repeat 0 -20px;
}

footer {
width: 100%;
min-height: 50px;
height: auto;
background: url(/images/footer-back.gif) repeat-x #eee;	
position: relative;
margin-top:1px;
font-size: 11px;
color: #666;
float:left;
} 

footer a, footer a:visited {
color: #666;
text-decoration: none;
}

footer a:hover, footer a:active {
text-decoration: underline;
}

footer #copy {
float: left;
padding: 15px 0 0 0;
}

footer nav {
float: right;
padding: 15px 0 0 0;
}

footer :link, *:visited, ins {
    text-decoration: none;
}
footer :link {
    color: #666;
}

#container-content {
padding-bottom: 4em;
}

#header-content {
width: 960px;
height: 91px;
margin: 0 auto;	
}

#header-content h1 {
text-indent:-9000px;
background: url(/images/logo.png) no-repeat;
width: 246px;
height: 91px;
float: left;
margin: 0;
padding: 0;
 }
 
#global-header-content nav {
float: right;
}

#global-header-content nav #secondary-nav {
text-align: right;
font-size: 12px;
margin: 17px 0 0 0;
width: 600px;
}

#global-content nav #secondary-nav a {
color: #666;
}

#global-header-content nav #secondary-nav input {
background-color: #fff;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 0;
border-bottom: 0;
color: #ccc;
font-size: 11px;
padding: 2px;
width: 195px;
}

ul#nav {
    width: 717px;
    height: 42px;
    margin: 14px 0 0 0;
    padding:0;
    position: relative;
    float: right;
} 

ul#nav li {
display:block;
height:42px;
margin: 0; 
padding: 0; 
list-style: none; 
position: absolute; 
top: 0;
} 


ul#nav li a {
display:block;
height:43px;
}

li#l1 {
left: 135px; 
width: 97px;
}

li#l2 {
left: 232px; 
width: 225px;
} 

li#l3 {
left: 457px; 
width: 191px;
} 

li#l4 {
left: 648px; 
width: 135px;
}

li#l5 {
left: 648px; 
width: 69px;
}
#l1 a {
    background: transparent url(/images/primary-nav.png) 0 0 no-repeat;
}

#l2 a {
    background: transparent url(/images/primary-nav.png) -97px 0 no-repeat;
}

#l3 a {
    background: transparent url(/images/primary-nav.png) -322px 0 no-repeat;
}

#l4 a {
    background: transparent url(/images/primary-nav.png) -651px 0 no-repeat;
}

#l5 a {
    background: transparent url(/images/primary-nav.png) -648px 0 no-repeat;
}

#l1 a:hover {
    background: transparent url(/images/primary-nav.png) 0 -83px no-repeat;
}

#l2 a:hover {
    background: transparent url(/images/primary-nav.png) -97px -83px no-repeat;
}

#l3 a:hover {
    background: transparent url(/images/primary-nav.png) -322px -83px no-repeat;
}

#l4 a:hover {
    background: transparent url(/images/primary-nav.png) -651px -83px no-repeat;
}

#l5 a:hover {
    background: transparent url(/images/primary-nav.png) -648px -83px no-repeat;
}

#nav #l1 > a.active, #nav #l1:hover > a.active {
    background: url(/images/primary-nav.png) no-repeat scroll 0 -42px transparent!important;
}
#nav #l2 > a.active, #nav #l2:hover > a.active {
    background: url(/images/primary-nav.png) no-repeat scroll -97px -42px transparent!important;
}
#nav #l3 > a.active, #nav #l3:hover > a.active {
    background: url(/images/primary-nav.png) no-repeat scroll -322px -42px transparent!important;
}
#nav #l4 > a.active, #nav #l4:hover > a.active {
    background: url(/images/primary-nav.png) no-repeat scroll -651px -42px transparent!important;
}
#nav #l5 > a.active, #nav #l5:hover > a.active {
    background: url(/images/primary-nav.png) no-repeat scroll -648px -42px transparent!important;
}

ul#nav li a {
    text-indent:-9000px; background-color:transparent; 
}

.dropdown-nav {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #eee;
    padding: 0 12px 0;
    margin: 0 0 0 0;
    width: 190px;
    -moz-box-shadow: 0 0 1px 1x #ccc;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
    box-shadow: 0 0 1px 1px #ccc;
    position: absolute;
    z-index: 1000000;
}

nav #secondary-nav ul{ margin:0px -8px 0 0; padding:0px; list-style:none; float:right;} 
nav #secondary-nav ul li{ margin:0px; padding:0px 7px 0px 8px; border-left:1px dotted #BBBBBB; float:left; position:relative}
nav #secondary-nav ul li:first-child{ border:0px;}
nav #secondary-nav ul li a{color: #666;}
nav #secondary-nav ul.smt-menu{ width:auto !important;z-index:100000001 !important;}
nav #secondary-nav ul.smt-menu ul{position:absolute; background-color:#EEEEEE; display:none;z-index:100000001; width:100px !important;}
nav #secondary-nav ul.smt-menu ul li{ text-align:left !Important; border:0px !important;}
*:first-child+html nav #secondary-nav ul li:first-child  {width:100px;}
*:first-child+html nav #secondary-nav ul li div{display:inline; width:100px;}
/*nav #secondary-nav ul ul{ position:absolute; background-color:#EEEEEE; display:none;z-index:100000001}
nav #secondary-nav ul ul li{ border-left:0px; white-space:nowrap;border-bottom:1px dotted #BBBBBB; padding:5px 10px;}
nav #secondary-nav ul ul li:hover{ background-color:#fff;}
nav #secondary-nav ul li:hover > ul{ display:block;font-size: 12px;}
nav #secondary-nav ul li li{float:none}
nav #secondary-nav ul li li a{display:block}
*/
li#11 .dropdown-nav { left: 0px; }
li#12 .dropdown-nav { left: 13px; }
li#13 .dropdown-nav { left: 19px; }
li#14 .dropdown-nav { left: 15px; }
li#15 .dropdown-nav { left: -156px; }

.dropdown-nav li {
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #fff;
    margin: 0;
}

ul#nav .dropdown-nav li {
    display:block;
    height:auto;
    margin: 0; 
    padding: 10px 0;
    list-style: none; 
    position: relative;
}

ul#nav .dropdown-nav li a {
    display:block;
    height:auto;
    text-indent: 0;
    background: none;
}

ul#nav .dropdown-nav li a:hover {
background: none;
}

ul#nav .dropdown-nav li.first {
padding: 10px 0;
border-top: none;
border-bottom: 1px solid #cecece;
margin: 0;
}

ul#nav .dropdown-nav li.last {
padding: 10px 0;
border-top: 1px solid #fff;
border-bottom: none;
margin: 0;
}

#banner-content {
margin: 0 auto;	
padding: 5px 0;	
}

#main-content {
width: 960px;
margin: 0 auto;
padding: 20px 0;		
}

#main-content h1 {
color: #22895f;
font-weight: bold;
font-size: 18px;
margin: 0 0 15px 0;
}

#footer-content {
width: 960px;
margin: 0 auto;	
}

.button {
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.button-container {
background: #2eb37d; /* Old browsers */
background: -moz-linear-gradient(top,  #2eb37d 0%, #20825a 100%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2eb37d), color-stop(100%,#20825a), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2eb37d 0%,#20825a 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2eb37d 0%,#20825a 100%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2eb37d 0%,#20825a 100%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(top,  #2eb37d 0%,#20825a 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb37d', endColorstr='#20825a',GradientType=0 ); /* IE6-9 */
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 12px;
font-weight: bold;
padding: 8px;
margin: 0px 0 0 0;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	
text-align: center;
}

span.button-container {
margin: 0 5px 0 0;
white-space:nowrap;
display: inline-block;
}

.button-container:hover {
text-decoration: none;
background: #36bdff; /* Old browsers */
background: -moz-linear-gradient(top,  #36bdff 0%, #018dd2 100%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36bdff), color-stop(100%,#018dd2), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #36bdff 0%,#018dd2 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #36bdff 0%,#018dd2 100%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #36bdff 0%,#018dd2 100%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(top,  #36bdff 0%,#018dd2 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36bdff', endColorstr='#018dd2',GradientType=0 ); /* IE6-9 */
}

.button-container a {
color: #fff;
}

p.list-header {
margin: 10px 0 0 0;
}































































































































/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
    
#main-content #interior-main .leftnav-container h2 a
{
    color:#ffffff;
}

.tabbed_box{margin:0;width:100%;padding-top:10px;}
.tabbed_area{background-color:#fff;border:0;}
ul.tabs{margin:5px 0 6px;padding:0;margin-left:25px}
ul.tabs li{display:inline;list-style:none outside none;background:none!important;margin:0!important;padding:0!important}
ul.tabs li:first-child{position-left:15px;padding:0}
ul.tabs li a{position:relative; top:-1px;background-color:#EEE;border:1px solid #D9D9D9; border-top:2px solid #4B8AC3;color:#0076CB;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;padding:8px 14px;text-decoration:none;text-transform:uppercase;}
ul.tabs li a:hover{position:relative; top:-1px;background-color:#EEE;border-color:#D9D9D9; border-top:2px solid #4B8AC3; text-decoration:underline;}
ul.tabs li a.active{position:relative; top:1px;background-color:#FFF;background-position:center top;border-color:#D9D9D9 #D9D9D9 #FFF;border-top:2px solid #ECA82C;border-image:none;border-style:solid;color:#282E32}

.tabbed_area .content li 
{
  background: url("/images/green-arrow-li.gif") no-repeat scroll 0 0 transparent;
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
}

.content{background-color:#FFF;display:none;margin-top:6px!important;border-top:2px solid #D9D9D9;font-family:Arial,Helvetica,sans-serif;padding: 10px 5px 10px 5px;}
.prod-tertiary-category > a
{    
    color:#22895F;
}
#footer-content .footer-nav 
{
    float:right;
}
#footer-content .footer-nav  > div {
display:inline;
}

/****************************************************************************************/
/*                                  Mega Menu CSS                                       */
/****************************************************************************************/
/*****************************************/
/* Top Navigation                         */
/*****************************************/

.top-menu
{
    height: 33px;
    list-style: none;
    margin: 0 auto;
    position: relative;
    padding: 0;
    top: -36px;
    width: 960px;
    z-index:9000000;
    visibility: hidden;
}

.top-menu *
{
    padding: 0;
    margin: 0;
    font-family: Helvetica; 
    }
    
.top-menu a, .top-menu img
{
    border: none;
    text-decoration: none;
}

.top-menu > li
{
    display: block;
    float: left;
    text-align: center;
}

.top-menu > li > a
{      
   color: #FFFFFF;
   display: block;
   font-family: Helvetica;
   font-size: 12px;
   font-weight: bold;
   padding:10px 20px 0px 20px;
   text-decoration: none;
   text-transform: uppercase;
   height: 25px;
}

.top-menu > li > a.active
{
     color: #cf7523;
     background: url('/images/supernav/tabbg-1px.png') repeat-x;
}

.top-menu > li:hover > a
{
    color: #cf7523;
    background: url('/images/supernav/tabbg-1px.png') repeat-x;
    border-left: solid 1px #0B74BB;
    padding-left: 19px;
}

.top-menu li:hover .one-column-wrapper, .top-menu li:hover .two-columns-wrapper, .top-menu li:hover .three-columns-wrapper, .top-menu li:hover .four-columns-wrapper
{
    left: 0px;
    top: auto;
    visibility:visible;
 }

/********************************************************************/
/* Columns */
/********************************************************************/
.four-columns-wrapper
{
    width: 940px;
}

.three-columns-wrapper
{
    width: 705px;
}

.two-columns-wrapper
{
    width: 468px;
}

.one-column-wrapper
{
    width: 231px;
}

.four-columns-wrapper, .three-columns-wrapper, .two-columns-wrapper, .one-column-wrapper
{
    float: left;
    position: absolute;
    text-align: left;
    padding: 10px 0px 0px 0px;
    border-left: 1px solid #0B74BB;
    border-top: none;
    border-bottom: 10px solid #0B74BB;
    border-right: 1px solid #0B74BB;
    margin-top: -2px;
    background: #EEEEEE;
    display:block;
    visibility:hidden;
    overflow: hidden;
    z-index:10000000;
}

.one-column-inner
{
    width: 234px;
}

.two-columns-inner
{
    width: 470px;
}

.three-columns-inner
{
    width: 703px;
}

.four-columns-inner
{
    width: 940px;
}

.primarynav, .one-column-inner, .two-columns-inner, .three-columns-inner, .four-columns-inner
{
    display: block;
    float: left;
}

.right-menu-container
{
    position: absolute;
    top: 0;
    left: 233px;
    padding: 0;
    margin: 0 auto;
}

.menu-list-wrapper
{
    margin-left: 10px;
    margin-right: 10px;
}
/*------------------------------------------------------------------*/
.wrapper
{
    float: left;
    position: relative;
    width: 100%;
    background: url('/images/supernav/header-back.gif');
}
/*****************************************/
/* Global Header                          */
/*****************************************/

.global-header
{
    margin: 0 auto;
    width: 960px;
    height: 97px;
    background: url('/images/supernav/header-back.gif');
}

.global-header .logo
{
    margin-top: 16px;
    float: left;
}

.global-header a
{
    border: 0;
}

.header-utility
{
    clear: right;
    float: right;
    margin-right: 20px;
    margin-top: 18px;
    height: 50px;
    width: 246px;
}

.header-utility >a 
{
     color: #666666;
    }

.global-nav-wrapper
{
    height: 33px;
    float: left;
    width: 100%;
}

.global-nav-wrapper .navbg
{
    height: 33px;
    width: 100%;
}

/*****************************************/
/* Dropdown Sub navigation                        */
/*****************************************/
.submenu-wrapper
{
    margin: 0 auto;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #DEDEDE;
}

/******************************************/
/*      Product Left Sub Navigation         */
/******************************************/

.primarynav
{
    width: 231px;
    height: 100%;
    margin: auto 0;
    background: url('/images/supernav/header-back.gif');
    position:relative;
}

.primarynav > ul
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #CECECE;
}

.primarynav > ul > li
{
    background-color: #EEEEEE;
    display: block;
    border: 0;
    text-align: left;
    vertical-align: middle;
    margin: 0px;
    width: 100%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #CECECE;
}

.primarynav > ul > li > div > a, .primarynav > ul > li > a
{
    color: #115da4;
    padding:9px 10px 9px  10px;
    height: 100%;
    display: block;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    background: none;
}

.primarynav > ul > li:hover a.hassubnav
{
    background: none;
    background: #ffffff;
    border-right: 0px;
    padding-right:22px;
    margin:0;
    color: #cf7523;
}
.primarynav > ul > li > a:hover, .primarynav > ul > li > a.hassubnav:hover 
{
    color: #cf7523;
    background: #ffffff;
    border-right: 0px;
    padding-right:22px;
    margin:0;
}

.primarynav > ul > li > div > a.hassubnav, .primarynav > ul > li > a.hassubnav
{
    margin-right: 12px;
    background: url('/images/supernav/nav-arrow.png') right no-repeat;
}

/******************************************/
/*      Product Right Menu Listing        */
/******************************************/
.menulisting-first
{
    margin-top:5px;
    list-style: none;
    width: 100%;
    color: #000000;
    height:auto;
}

.menulisting-first > li
{
    text-align: left;
    width: 100%;
    display: block;
    height:auto;
}

.menulisting-first > li > div > a, .menulisting-first > li > a
{
    padding: 7px 0 7px 0;
    font-family: Helvetica; 
    font-size: 12px;
    color: #115da4;
    font-weight: bold;
    line-height: 1.4;
    display:block;
}

.menulisting-first > li > div > a:hover, .menulisting-first > li > a:hover
{
    text-decoration: none;
    color: #cf7523;
    cursor:pointer;
}

.menulisting-second
{
    list-style: none;
    font-family: Helvetica; 
    font-size: 11px;
    width: 100%;
    text-transform: none;
}

.menulisting-second li.last
{
    border-bottom: none;
}

.menulisting-second li.first
{
   border-top: solid #CECECE 1px;
   border-bottom: none;
}

.menulisting-second > li
{
    text-align: left;
    width: 100%;
    height:auto;
    padding-top:6px;
    padding-bottom:4px;
    display: block;
    border-bottom: solid #CECECE 1px;
}

.menulisting-second > li > div > a, .menulisting-second > li > a
{
    color: #787878;
    font-family: Helvetica; /*Myriad Pro;*/
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    display:block;
    margin-left: 11px;
}

.menulisting-second > li > div > a:hover, .menulisting-second > li > a:hover
{
    text-decoration: none;
    color: #cf7523;
    cursor:pointer;
}

.menulisting-third
{
    margin-top: 5px;
    list-style: none;
    width: 100%;
    color: #000000;
}

.menulisting-third > li
{
    text-align: left;
    width: 100%;
    padding-top: 2px;
    padding-bottom:5px;
    *padding-bottom:7px;
    display: block;
}

.menulisting-third > li > div > a, .menulisting-third > li > a
{
    line-height: 1.2;
    margin-left: 21px;
    color: #115da4;
    font-weight: normal;
    font-family: Helvetica; 
    font-size: 12px;
    display: block;
}

.menulisting-first .listitem:hover
{
    display: block;
}

.menulisting-first > li > a:hover, .menulisting-second > li > a:hover
{
    text-decoration: none;
}

.menulisting-third > li > a:hover, .menulisting-third > li > div > a:hover
{
    text-decoration: none;
    color: #cf7523;
    cursor:pointer;
}

.menulisting-forth
{
    margin-top: 5px;
    margin-bottom:5px;
    list-style: none;
    width: 100%;
    color: #000000;
}

.menulisting-forth > li
{
    text-align: left;
    width: 100%;
    padding-top: 3px;
    padding-bottom:3px;
    display: block;
}

.menulisting-forth > li > div > a, .menulisting-forth > li > a
{
    line-height: 1.4;
    margin-left: 31px;
    color: #787878;
    font-weight: normal;
    font-family: Helvetica; 
    font-size: 12px;
    display: block;
}

.menulisting-forth > li > a:hover
{
    text-decoration: none;
    color: #cf7523;
    cursor:pointer;
}

/**********************************************/
/*              Hovered Item               */
/**********************************************/

.hovered-item
{
    display:none;
}

.hovered-item-image 
{
    float: left;
    margin-top:15px;
    margin-left:20px;
    vertical-align: middle;
}

.hovered-itemtext
{
    float: left;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 12px;
}

.hoveredItem-container
{
    border-top: 1px solid #CECECE;
    float:left;
    width:100%;
    display:none;
}

.hovered-itemtext > .hoverTitle
{
    margin-top: 10px;
    margin-left: 7px;
    font-size: 12px;
    font-weight:bold;
    color: #cf7523;
    width: 100%;
    vertical-align:middle;
}

.hovered-itemtext > div
{
    width: 100%;
    margin-left: 7px;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.4;
}


/**********************************************/
/*              Feature Product               */
/**********************************************/

.featured-item
{
    background: none;
}

.featured-item:hover
{
    background: none;
}

.featured-products-wrapper{
    width: 192px;
}

.featured-content
{
    text-align:center; 
    margin-top:10px;
    margin-left:20px;
}

.featured-top-bg
{
    background:url('/images/supernav/feature-bg-top.png')  no-repeat;
    width: 192px;
    height:4px;
    margin-top:1px;
}

.featured-bottom-bg
{
   background:url('/images/supernav/feature-bg-bottom.png') no-repeat;
   width: 192px;
   height:5px;
   margin-bottom:5px;
}

.featured-bg
{
    width: 192px;
    text-align:center; 
    background-color:#FFF;
    padding-top:10px;
}

.featured-bg > div {
    text-align:center;
    margin-top:20px;
    padding-bottom:15px;
    margin-left:15px;
    margin-right:15px;
}

.feature-product-title{
    margin-left:20px;
    padding-top:10px;
    font-size: 12px;
    font-weight: bold;
    color: #787878;
    font-family: Helvetica;
 }

/*************************************/
/*          Left Navigation          */
/*************************************/
#main-content #interior-main .leftnav-container{
    width: 231px; 
    float: left;
    border: 1px solid #D4D4D4;
    margin-right:25px;
}

.leftnav-first, .leftnav-second, .leftnav-third{
    width: 100%;
}

.leftnav{
    width: 231px;
    height: 100%;
    margin: auto 0;
    background: url('/images/supernav/header-back.gif');
}

.leftnav > ul{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.leftnav > ul > li{
    background-color: #EEEEEE;
    display: block;
    border: 0;
    text-align: left;
    vertical-align: middle;
    margin: 0px;
    width: 100%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #CECECE;
}

 .leftnav > ul > li > div > a, .leftnav > ul > li > a{
    color: #115da4;
    padding-left: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    height: 100%;
    display: block;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    background: none;
}

.leftnav > ul > li:hover{
    background: none;
    background: #ffffff;
    border-right: 0px;
}

.leftnav > ul > li.activelist:hover{
    background: none;
    border-right: 0px;
    color: #cf7523;
}

.leftnav > ul > li > div > a:hover, .leftnav > ul > li > a:hover{
    color: #cf7523;
    background: #ffffff;
}

.leftnav > ul > li.activelist a:hover{
    background: none;
    border-right: 0px;
}

.leftnav > h2, .leftnav .leftnavHeading{
    background: url('/images/supernav/leftnav-header.png') no-repeat;
    height: 34px;
    
}
.leftnav .leftnavHeading
{
    display:block;
    font-weight:bold;
}    
.leftnav > h2 > div >a, .leftnav > h2 > a, .leftnav .leftnavHeading a
{
    font-size: 13px;
    text-transform: uppercase;
    padding:10px 0 9px 0;
    text-align: center;
    display: block;
    color: #ffffff;
    text-decoration: none;
}

.one-column-title
{
    border:none !important;
}

a.one-column-title
{
    font-family: Helvetica; 
    font-size: 12px;
    color: #115da4;
    text-decoration:none !important;
    padding: 0px;
    display: block;
    font-weight: bold;
    line-height: 2.8;
   
    border:none !important;
}

a.one-column-title:hover
{
     color: #115da4 !important;
    }

.left-nav-outer
{
    background: #ffffff; 
    float: left; 
    display: block; 
    width: 100%;
    height: 100%;
   margin: 0 auto;
    }
    
.activelist
{
    background: #ffffff !important; 
    overflow:hidden;  
    height:100%;
    margin:0 auto !important;
    border-bottom:1px solid #c4c4c4 !important;
}

.activelist > a
{
    color: #cf7523
}

.activelist > ul > li
{
    border:0px;
}
.global-searchbox {
    float: right;
    margin-top: 12px;
    width:500px;
}
.right-panel-hide
{
    display:none;
}
.right-panel-show
{
    display:block;
}
        
/******************************************/
/*      Product Right Menu Listing        */
/******************************************/
.leftnavlisting-first
{
    margin: 0;
    list-style: none;
    width: 100%;
    color: #000000;
}

.leftnavlisting-first > li
{
    text-align: left;
    width: 100%;
    margin:0 0 0 10px;
}

.leftnavlisting-first > li > div > a, .leftnavlisting-first > li > a
{
    font-family: Helvetica; 
    font-size: 12px;
    color: #115da4;
    padding-bottom: 7px;
    padding-top: 7px;
    display: block;
    font-weight: bold;
    line-height: 1.461;
}
.leftnavlisting-second
{
    font-family: Helvetica;
    font-size: 11px;
    list-style: none outside none;
    margin-right: 11px;
    text-transform: none;
}

/*.leftnavlisting-second > li
{
    border-bottom: 1px solid #CECECE;
}
*/

/*.leftnavlisting-second > li.first
{
    border-top: 1px solid #CECECE;
}
*/

.leftnavlisting-second li.last
{
    border-bottom: none;
    display: block;
}

.leftnavlisting-second > li
{
    text-align: left;
    width: 100%;
    margin:0px;
}

.leftnavlisting-second > li > div > a, .leftnavlisting-second > li > a
{
    padding-bottom: 7px;
    padding-top: 7px;
    color: #787878;
    font-family: Helvetica; 
    font-size: 12px;
    display: block;
    font-weight: bold;
    line-height: 1.461;
    padding-left: 10px;
}

.leftnavlisting-third
{
    margin: 0;
    list-style: none;
    width: 100%;
    color: #000000;
}

.leftnavlisting-third > li
{
    text-align: left;
    width: 100%;
    margin:0;
}

/*.leftnavlisting-third > li.first
{
    border-top:1px solid #CECECE;
}
*/

.leftnavlisting-third > li > div > a, .leftnavlisting-third > li > a
{
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    line-height: 1.461;
    color: #115da4;
    font-weight: normal;
    font-family: Helvetica; 
    font-size: 12px;
    padding-left: 21px;
}

.leftnavlisting-first .listitem:hover
{
    display: block;
}

.leftnavlisting-first > li > a:hover, .leftnavlisting-second > li > a:hover,.leftnavlisting-third > li > a:hover
{
    text-decoration: none;
    color: #cf7523;
}
.leftnavlisting-first > li > div > a:hover, .leftnavlisting-second > li > div > a:hover,.leftnavlisting-third > li > div > a:hover
{
    text-decoration: none;
    color: #cf7523;
}

.selected-leftnav
{
    color: #cf7523 !important;
}

 .last-activeItem
{
   border-bottom:0px !important;
}

#menulistcolumns
{
    height:auto;
}

#menulistcolumns > li
{
    float:left;
}

.menu-list-topborder
{
    border-top:1px solid #CECECE;
}
.menu-list-bottomborder
{
    border-bottom:1px solid #CECECE;
}
.menulisting-second-list 
{
   border-top:1px solid #CECECE;
}
.menulisting-third-list
{
   border-bottom:1px solid #CECECE;
}   

.hover-one-column-width
{
    width:198px;
}
.hover-two-column-width
{
    width:270px;
}
.hover-three-column-width
{
    width:511px;
}

.default-feature-product
{
    display:block;
}
    
.hovered-feature-product
{
    display:none;
}
    
.featured-products-hover-itemwrapper
{
    display:none;
    width: 192px;
}

/*Dynamic Banners*/
.bannerwrapper {
    border-top: #f3f3f3 solid 4px;
    padding: 0px 0 0 0;
    clear: both;
    position: relative;
}

    .bannerwrapper:before {
        position: absolute;
        width: 100%;
        height: 8px;
        top: 0px;
        left: 0px;
        content: "";
        background: url(/images/top-shadow.png) repeat-x top;
        z-index:1;
    }

    .bannerwrapper:after {
        position: absolute;
        width: 100%;
        height: 13px;
        bottom: 0px;
        left: 0px;
        content: "";
        background: url(/images/bottom-rail.png) repeat-x bottom;
          z-index:1;
    }


.bannercontainer {
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}
.innerbanner .bannercontainer
{
     max-width:960px;
}


.home-banner-block {
    margin: 0px;
    padding: 0px;
    float: left;
    display: table;
    min-height: 270px;
}

.home-banner-block h2 {
    font-size: 32px;
    vertical-align: middle;
    display: table-cell;
}

.items3 .home-banner-block {
    width: 33.33%;
}

.items2 .home-banner-block {
    width: 50%;
}

.items1 .home-banner-block {
    width: 100%;
}

.innerbanner {
    position: relative;
}

    .innerbanner .banner-text {
        position: absolute;
        left: 0px;
        top: 0px;
         height: 120px;
        width: 100%;
        display: table;
        text-align: left;
    }

        .innerbanner .banner-text h2 {
            display: table-cell;
            vertical-align: middle;
            font-size: 22px;
        }

    .innerbanner .banner-text-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }

    .innerbanner .banner-block {
        position: relative;
    }

.homebanner{margin-bottom:-20px;}

/* BEGIN styles for RSS Feed */

.rss-box {
	 margin: 0;
         padding:0;
	 width: 170px;
	 background-color: #FFFFFF;
         border: 0px solid #fff;
         border-style: solid; 
         border-radius: 5px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -ms-border-radius: 5px;
}
.rss-items {
	margin-top:0px;
	padding-left:0.5em;
        padding-right:0.5em;
        padding-bottom:0;
        padding-top:0.5em;
	margin-left:0px;
	color: #000000;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: helvetica, sans-serif;
	font-size: 10px;
	background-color:#ffffff;
	color:black;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
  font-family: helvetica, sans-serif;
  font-size: 10px;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a {
	text-decoration : none;
	color: #cf7523;
	font-size: 12px;
	font-weight:light;
	font-family: helvetica, sans-serif;
	}
	
.rss-item a:visited {
	color:#cf7523;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #eeeeee;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }

/* END styles for RSS Feed */