/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */
html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }



/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */
/* Text Elements
-------------------------------------------------------- */
html { overflow-y: scroll; }
body {
	color: #262626;
	font: 400 15px/24px sans-serif;
	text-rendering: optimizelegibility;
}
p { margin: 0 0 1em; }
.summary p 	{ 
	font-size: 20px;
	color: #808080;
}

a { text-decoration: none; }
a, a:visited { color: #1a75b5; }
a:hover, a:active, a:focus 	{
	color: #1b78f1;
	text-decoration: underline;
}

blockquote  	{ margin: 0; color: #666;  }
blockquote p 	{ font-size: 1em; font-style: italic; }
strong 			{ font-weight: bold; }
em  			{ font-style: italic; }
p small 		{ font-size: 0.833em; }
area            { outline: none; }


/* Following six styles generally do not need to be edited */
sup, sub    { line-height: 0; }
dfn 		{ font-style: italic; }
del 		{ color:#666; }
pre 		{ white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Headings
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	color: #000;
	font: 700 18px/18px urbano, sans-serif;
	margin: 24px 0 12px;
}
h2, h4, h6 { text-transform: uppercase; }
h1 {
	font: 400 32px/30px urbano, sans-serif;
	margin: 0 0 .75em;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 9px;
}
h2 { margin: 27px 0 18px; }
h3 { line-height: 20px; }
h4, .h4, h5 { font-size: 14px; }
h5 { margin: 18px 0 9px; }
h6 {
	font-size: 10px;
	line-height: 1.2;
	color: #7a7c80;
}
div > h2:first-child, div > h3:first-child, div > h4:first-child { margin-top: 0; }

/* Lists
-------------------------------------------------------- */
ul, ol { margin: 0 1em 1em; }
ol {
    list-style: decimal inside none;
    margin-left: 0;
}
li ul, li ol { margin: 0 1em; padding-top: 0.75em; }
li { margin-bottom: 0.75em; }
li li { font-size: 1em;margin: 0 0 4px 10px; }
ul ol li { background: none; padding-left: 0; }
.horiz li { float: left; }
.layout { margin: 0; list-style: none; }
.layout li { padding: 0; margin: 0; }


#bottomContent { overflow: hidden; } 
#content li, #bottomContent li { margin-bottom: .2em; }
#content ul, #content ol, #bottomContent ul, #bottomContent ol { margin-left: 2em; }



/* Tables
-------------------------------------------------------- */
table { margin-bottom: 1em; width: 100%; border: 1px solid #D9D9D9; border-bottom: none; border-right: none; }
th { background: #e5e5e5; font-weight: bold; border-right: 1px solid #D9D9D9; }
th,td,caption { padding: 6px; }
td { border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;  }
tr.odd td { background: #FBFBFB; }


/* Forms
-------------------------------------------------------- */
fieldset { border: 0; }
fieldset.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
legend {}
label { 
	display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
}
input[type="password"],
input[type="text"], textarea, select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border: 1px solid #BFBFBF;
    font: 12px/1.5 arial;
    padding: 3px 3px 3px 8px;
}
input[type="password"],
input[type="text"], textarea { width: 100%; }
select {
    min-width: 33%;
    width: auto;
}
.fieldArea { margin-bottom: 20px; }
.htmlselectBooleanCheckbox { margin-bottom: 0; }
.htmlselectBooleanCheckbox > input {
    float: left;
    margin-right: 1em;
}
input.aiValueField	{ display: none; }
input.submit { cursor: pointer; border: 0; }

/* Messages and errors */
span.message {
    display: block;
    font-size: 12px;
}
span.error { color: #D00; }
#errors { 
	background: #FFF5E6 url(../images/design/form-error.gif) 10px 6px no-repeat;
	border: 1px solid #FFEBCC;
	margin: 0 0 1.5em 0;
	padding: 0.5em 10px 0.5em 50px;
}
#errors h4 	{ color: #FFB612; font: bold 0.917em arial, sans-serif; }
#errors p 	{ margin-bottom: 0.25em; color: #900; font-size: 0.917em; }
#errors ul 	{ margin: 0 0 0 15px; }
#errors li 	{ margin-bottom: 0.5em; font-size: 0.917em; color: #000;  }
.required label,
.what-fields-required .required { 
	font-weight: 700;
	color: #000;
}
.requiredMarker { color: #C00; }
.what-fields-required { font-style: italic; }

/* Updated message styling */

.messages { margin-bottom: 1.5em; }

.messages ul { margin: 0; }

.messages li {
	background: #fcf8e3;
	padding: 1em 10px;
}

.message-error li { background: #f2dede; }

.messages li:last-child { margin-bottom: 0; }

/* -------------------------------------------------------------- 
	3. Style Library
-------------------------------------------------------------- */
/* OOCSS Modules */
.mod {margin:10px;}
.mod .inner {}
.bd,.ft,.hd {overflow:hidden; *overflow:visible; zoom:1;}


/* OOCSS Media */
.media {overflow:hidden; *overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px; margin-bottom: 10px;}
.media .img img {display:block;}
.media .imgExt {float:right; margin-left: 10px;}

.grid { overflow: hidden; }
.grid .column {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shaded {
	background: url("../images/design/home-news-events-bg.gif") repeat-x scroll 0 0;
	border-top: 1px solid #E5E5E5;
	position: relative;
}
.shaded:before,
.shaded:after {
	content: '';
	position: absolute;
	top: -1px;
	width: 1px;
	height: 100%;
	background: url("../images/design/home-news-bg.gif") no-repeat scroll 0 0;
}
.shaded:after { right: 0; }
.shaded:before { left: 0; }


/* Misc
-------------------------------------------------------- */
.ir { 
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
img { 
    max-width: 100%;
    height: auto;
    width: auto;
    -ms-interpolation-mode: bicubic;
}
.last-of-row { margin-right: 0 !important; }
.last-of-col { margin-bottom: 0 !important; border-bottom: 0 !important; }
.wide { float: none; width: auto; margin: 0; }


/* Float Styles
-------------------------------------------------------- */
.float-l    { float: left; }
.float-r    { float: right; }
.clear-l    { clear: left; }
.clear-r    { clear: right; }
.clear-both { clear: both; }
img.float-l { margin: 0 1.5em 0 0; }
img.float-r { margin: 0 0 1.5em 1.5em; }
.two-column { float: left; width: 300px; margin-right: 20px; }


/* Bread Crumbs  
-------------------------------------------------------- */
.breadcrumbs { list-style: none; margin: 0 0 1.25em 0; }
.breadcrumbs .part,
.breadcrumbs .part a {
	color: #575757;
	font-size: 11px;
}
.breadcrumbs .part { }
.breadcrumbs .part a { text-decoration: underline; }
.breadcrumbs .part:last-child a { text-decoration: none; }
.breadcrumbs .part a:hover { color: #D00; }


/* Search Form Styles 
-------------------------------------------------------- */
.search-form input.query {
	background: #FFF;
	padding: 3px 4px;
	width: 14.583em;
	float: left;
	margin-right: 7px;
	font-size: 0.833em;
	outline: none;
	border: 1px solid #D9D9D9;
	box-shadow: 0 3px 5px rgba(233,232,232, 0.5) inset;
	height: 23px;
}
.search-form input[type="submit"] {
    border: 0 none;
    cursor: pointer;
    float: left;
    font: 700 10px/23px sans-serif;
    margin: 0;
    padding: 0 6px;
    height: 23px;
    -webkit-appearance: none;
}

.search-form fieldset { 
	margin: 0;
	padding: 0;
	position: relative;
}
.main-search-form {
    float: right;
    padding: 0 10px;
}


/* Button Styles
-------------------------------------------------------- */
.btn {
    font: 700 10px/1 sans-serif;
    margin: 20px 0 15px;
	display: inline-block;
	border-radius: 3px;
    text-transform: uppercase;
	text-decoration: none;
	background: #b4b4b4; 
	background: -webkit-linear-gradient(top, #b4b4b4 0%, #b1b1b1 9%, #909090 59%, #8c8c8c 72%, #8c8c8c 78%, #929292 84%, #b1b1b1 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #b4b4b4 0%, #b1b1b1 9%, #909090 59%, #8c8c8c 72%, #8c8c8c 78%, #929292 84%, #b1b1b1 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #b4b4b4 0%, #b1b1b1 9%, #909090 59%, #8c8c8c 72%, #8c8c8c 78%, #929292 84%, #b1b1b1 100%) /* W3C */;
	cursor: pointer;
}
.btn > * {
	border: none;
    background: none;
    display: block;
    margin: 0;
	padding: 8px 11px;
    text-decoration: inherit;
    /* input */
	cursor: inherit;
	font: inherit;
    height: inherit;
   	text-shadow: inherit;
    text-transform: inherit;
}
.btn,
.btn > *,
.btn > a { color: #fff;	}
.btn:hover,
.btn:hover > *,
.btn:hover > a { text-decoration: none; }
.btn:hover {
	background: #dc0000;
	background: -webkit-linear-gradient(top, rgba(220,0,0,1) 0%,rgba(214,0,0,0.72) 22%,rgba(190,0,0,0.2) 63%,rgba(184,0,0,0) 79%,rgba(176,0,0,1) 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, rgba(220,0,0,1) 0%,rgba(214,0,0,0.72) 22%,rgba(190,0,0,0.2) 63%,rgba(184,0,0,0) 79%,rgba(176,0,0,1) 100%) /* IE10+ */;
	background: linear-gradient(to bottom, rgba(220,0,0,1) 0%,rgba(214,0,0,0.72) 22%,rgba(190,0,0,0.2) 63%,rgba(184,0,0,0) 79%,rgba(176,0,0,1) 100%) /* W3C */;
	background-color: #dc0000;
}
.btn:active { background: #a00600; }

/* red */
.btn.submit, a.btn.submit, input.btn.submit {
	background: #dc0000;
	background: -webkit-linear-gradient(top, #dc0000 0%, #d60000 22%, #be0000 63%, #b00000 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #dc0000 0%, #d60000 22%, #be0000 63%, #b00000 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #dc0000 0%, #d60000 22%, #be0000 63%, #b00000 100%) /* W3C */;
}
.btn.submit:hover, a.btn.submit:hover, input.btn.submit:hover {
	background: #b00000;
	background: -webkit-linear-gradient(top, #b00000 0%, #be0000 37%, #d60000 78%, #dc0000 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #b00000 0%, #be0000 37%, #d60000 78%, #dc0000 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #b00000 0%, #be0000 37%, #d60000 78%, #dc0000 100%) /* W3C */;
}
.btn.submit:active, a.btn.submit:active, input.btn.submit:active { background: #b00000; }

/* blue */
.btn.ext, a.btn.ext, input.ext {
	background: #1b74b6; 
	background: -webkit-linear-gradient(top, #1b74b6 0%, #186eab 35%, #18659b 65%, #146197 80%, #165f92 90%, #155e91 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #1b74b6 0%, #186eab 35%, #18659b 65%, #146197 80%, #165f92 90%, #155e91 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #1b74b6 0%, #186eab 35%, #18659b 65%, #146197 80%, #165f92 90%, #155e91 100%) /* W3C */;
}
.btn.ext:hover, a.btn.ext:hover, input.ext:hover {
	background: #155e91; 
	background: -webkit-linear-gradient(top, #155e91 0%, #165f92 10%, #146197 20%, #18659b 35%, #186eab 65%, #1b74b6 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #155e91 0%, #165f92 10%, #146197 20%, #18659b 35%, #186eab 65%, #1b74b6 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #155e91 0%, #165f92 10%, #146197 20%, #18659b 35%, #186eab 65%, #1b74b6 100%) /* W3C */;
}
.btn.ext:active, a.btn.ext:active, input.ext:active { background: #155e91;  }

a.learnMore { margin-top: 0; }

.btn.search,
.btn.submit { margin: 0; }

/* Pagination Styles
-------------------------------------------------------- */
.pagination { 
    margin-bottom: 2em;
    clear: left;
    width: 100%;
    float: left;
    padding: 12px 0;
    position: relative;
}
.pagination .pageInfo { 
    color: #999;
    font-size: 0.917em;
    float: right /* CF */;
}
.pagination .pageNumInput { 
    width: 30px;
    border: 1px solid #ccc;
    background: #F2F2F2;
    font-size: 0.833em;
    color: #999;
    padding: 2px;
    margin: 0 5px;
}
.pagination .pageNumSubmit { 
    padding: 0;
    font-size: 0;
    overflow: hidden;
    margin: 0 0 0 5px;
    position: relative;
    top: -3px;
    left: 5px;
    text-indent: -9999px;
    border: none;
    height: 15px;
    width: 20px;
}
.pagination .first, .pagination .previous, .pagination .next, .pagination .last {
    float: left;
    margin:0 0.5em 0 0;
    vertical-align: middle;
    cursor: pointer;
    padding: 10px;
}
.pagination .btn:hover { color: #fff; }
.pagination .disabled { display: none; }
.pagination .paginator { float: left;margin: 0 1.25em 0 1em; }
.pagination .paginator .page { margin-right: 5px; }
.pagination .paginator .current { color: #999; }
.pagination .ellipse { float: left; margin-right: 5px; }


/* Library
-------------------------------------------------------- */
#library-list {}
#library-list ul { 
	list-style: none;
	margin: 0;
}
#library-list li { margin: 0; }
#library-list li li { margin: 0 0 0 20px; }
#library-list li a {
	padding-left: 18px;
	background: none;
    display: inline-block;
	color: #333;
}
#library-list li a:hover { color: #1A75B5; }
#library-list ul ul { padding: 0.25em 0 0 0; }
#library-list li li a { padding-left: 24px; }

/* Styles for Readme Section */
#library-list li.readme {
	padding: 1em 1.25em 0.5em 1em;
	border: 1px solid #ede4c9;
	background: #f9f0d3;
	margin: 0.5em 0;
}
#library-list li.readme p,
#library-list span.moreInfo {
	font-size: 1em;
	margin-bottom: 10px;
}
#library-list span.moreInfo {
	cursor: pointer;
	display: block;
	color: #557BA8;
}

/* Alt library style */
#aside #library-list {
    width: auto;
    height: auto;
    border: 0;
    overflow: visible;
    padding: 20px;
    background: url(../images/design/doc-library-bg.gif) 0 0 no-repeat;
}
#aside #library-list li a {
    font-size: 11px;
    line-height: 18px;
    text-decoration: none;
}
#aside #library-list li li a {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 0;
}
#aside #library-list h3 { font-size: 14px; }
#aside #library-list ul + h3:empty { margin: 0; }

/* Core Styles */
#library-list > ul > li.directory > a { background: url(../images/icons/icon-expand.png) 0 4px no-repeat; }
#library-list > ul > li.expanded > a { background: url(../images/icons/icon-contract.png) 0 4px no-repeat; }
#library-list li.collapsed a { background: url(../images/document-library-icons/directory.gif) 0 3px no-repeat; }
#library-list li.expanded a {  background: url(../images/document-library-icons/folder_open.gif) 0 0 no-repeat; }
#library-list li.file a { background: url(../images/document-library-icons/file.gif) 0 0 no-repeat;  }
#library-list li.wait a { background: url(../images/document-library-icons/spinner.gif) 0 0 no-repeat; }

/* File Extensions*/
#library-list li[class*="ext_"] a {
	background-repeat: no-repeat;
	background-position: 0 0;
}
#library-list li.ext_bat a,
#library-list li.ext_com a,
#library-list li.ext_exe a { background-image: url(../images/document-library-icons/application.gif); }
#library-list li.ext_afp a,
#library-list li.ext_afpa a,
#library-list li.ext_asp a,
#library-list li.ext_aspx a,
#library-list li.ext_c a,
#library-list li.ext_cfm a,
#library-list li.ext_cgi a,
#library-list li.ext_cpp a,
#library-list li.ext_h a,
#library-list li.ext_lasso a,
#library-list li.ext_vb a,
#library-list li.ext_xml a { background-image: url(../images/document-library-icons/code.gif); }
#library-list li.ext_css a { background-image: url(../images/document-library-icons/css.gif); }
#library-list li.ext_sql a { background-image: url(../images/document-library-icons/db.gif); }
#library-list li.ext_doc a { background-image: url(../images/document-library-icons/doc.gif); }
#library-list li.ext_dwg a { background-image: url(../images/document-library-icons/dwg.gif); }
#library-list li.ext_avi a,
#library-list li.ext_mov a,
#library-list li.ext_mp4 a,
#library-list li.ext_mpg a,
#library-list li.ext_mpeg a,
#library-list li.ext_wmv a { background-image: url(../images/document-library-icons/film.gif); }
#library-list li.ext_3gp a { background-image: url(../images/document-library-icons/film.gif);background-position: 0 1px; }
#library-list li.ext_fla a,
#library-list li.ext_swf a { background-image: url(../images/document-library-icons/flash.gif); }
#library-list li.ext_html a { background-image: url(../images/document-library-icons/html.gif); }
#library-list li.ext_jar a { background-image: url(../images/document-library-icons/java.gif); }
#library-list li.ext_rpm a { background-image: url(../images/document-library-icons/linux.gif); }
#library-list li.ext_m4p a,
#library-list li.ext_mp3 a,
#library-list li.ext_ogg a,
#library-list li.ext_wav a { background-image: url(../images/document-library-icons/music.gif); }
#library-list li.ext_bmp a,
#library-list li.ext_pcx a,
#library-list li.ext_png a,
#library-list li.ext_gif a,
#library-list li.ext_jpg a,
#library-list li.ext_jpeg a,
#library-list li.ext_tif a,
#library-list li.ext_tiff a { background-image: url(../images/document-library-icons/picture.gif); }
#library-list li.ext_htm a,
#library-list li.ext_pdf a { background-image: url(../images/document-library-icons/pdf.gif);background-position: 0 3px; }
#library-list li.ext_php a { background-image: url(../images/document-library-icons/php.gif); }
#library-list li.ext_ppt a { background-image: url(../images/document-library-icons/ppt.gif); }
#library-list li.ext_psd a { background-image: url(../images/document-library-icons/psd.gif); }
#library-list li.ext_rb a,
#library-list li.ext_rbx a,
#library-list li.ext_rhtml a,
#library-list li.ext_ruby a { background-image: url(../images/document-library-icons/ruby.gif); }
#library-list li.ext_pl a,
#library-list li.ext_py a,
#library-list li.ext_js a { background-image: url(../images/document-library-icons/script.gif); }
#library-list li.ext_log a,
#library-list li.ext_txt a { background-image: url(../images/document-library-icons/txt.gif); }
#library-list li.ext_xls a { background-image: url(../images/document-library-icons/xls.gif); }
#library-list li.ext_zip a { background-image: url(../images/document-library-icons/zip.gif); }


/* These styles are for the document library files that get displayed on the product pages */
#productDocs { margin-top: 1.5em; }
#productDocs ul { margin: 0 !important; }
#productDocs ul ul { margin-left: 12px !important; }
#productDocs  li {
	background: url(../images/icons/icon-expand.png) 0 0.5em no-repeat;
	margin-bottom: 2px;
	zoom: 1;
}
#productDocs li.readme {
	padding: 0.75em 1em 0.25em 0.75em;
	border: 1px solid #ede4c9;
	background: #f9f0d3 !important;
	margin: 0.5em 0;
}
#productDocs li.readme p, #productDocs span.moreInfo {
	font-size: 0.9em;
	margin-bottom: 10px;
}
#productDocs span.moreInfo {
	display: block;
	color: #557BA8;
}
body.jsEnabled .additionalInfo { display: none; }
#productDocs a {
	background: none;
	color: #8C8C8C;
	cursor: pointer;
	font-size: 1.22em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1;
}
#productDocs h3 { margin: 3px 0 1px 0; }
#productDocs li li a {
	color: #557BA8;
	font-size: 11px;
	font-weight: normal;
    padding-left: 1.5em;
    text-transform: capitalize;
}
#productDocs li li a:hover { color: #D00; }
            

/* Easy Clearing Styles
-------------------------------------------------------- */
/* Contain floats: h5bp.com/q */
.group { *zoom: 1; }
.group:before,
.group:after { content: "";display: table; }
.group:after { clear: both; }



/* -------------------------------------------------------------- 
	4. Main Structure 
-------------------------------------------------------------- */
body { background: url(../images/design/body-bg.gif) 0 0; }
.wrapper {
    margin: 0 auto;
    padding: 0 10px;
    width: 940px;
/*     max-width: 940px; TODO:when responsive */
}
#header-top-wrap,
#header-bottom-wrap { border-bottom: 1px solid #DFDFDF; }
#header-top-wrap { 
	background: url(../images/design/header-top-wrap-bg.gif) 0 0;
	padding: 20px 0;
}
#header-top { position: relative; }
#header-top ul { float: right; }
#header-top ul li { float: left; }
#header-top ul li a { display: block; margin-left: 20px; }
#header-top ul li img { display: block; }
#header-bottom-wrap { background: #FFF; }
#header-bottom {
    padding: 20px 0 8px;
    position: relative;
    width: 960px;
}
#main-wrap {
	background: #FFF url(../images/design/main-wrap-bg.gif) 0 0 repeat-x;
	border-bottom: 1px solid #DFDFDF;
	padding: 28px 0 60px;
}
#footer-wrap { padding: 18px 0; }



/* -------------------------------------------------------------- 
	6. Template Styles
-------------------------------------------------------------- */
/* Header
-------------------------------------------------------- */
[id^="header"] a { }
#logo {
    left: 10px;
    position: absolute;
    top: -25px;
}
#logo a { display: block; }
#main-menu { float: right; }
#main-menu li {
    border-left: 1px solid #BFBFBF;
    float: left;
    margin-bottom: 0;
    padding: 0 3px;
}
#main-menu li:first-child { border: medium none; }
#main-menu a {
	color: #575757;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px;
	font-size: .8em;
}
#main-menu a:hover {color: #eb0000;}
#main-menu a.active {
	background-color: #585858;
	color: #FFF;
}
#main-menu .btn {
    padding: 0;
    font-size: 10px;
    margin-left: 10px;
	color: #1a75b5;
	background: #ebebeb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top, #ebebeb 0%, #ddd 20%, #b7b7b7 65%, #b7b7b7 70%, #d1d1d1 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #ebebeb 0%, #ddd 20%, #b7b7b7 65%, #b7b7b7 70%, #d1d1d1 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #ebebeb 0%, #ddd 20%, #b7b7b7 65%, #b7b7b7 70%, #d1d1d1 100%) /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d1d1d1',GradientType=0 ) /* IE6-8 */;
}
#main-menu .btn.active {
    color: #FFF;
	background: #8f8f8f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzhkOGQ4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Njk2OTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top, #8f8f8f 0%, #a1a1a1 11%, #a5a5a5 21%, #a5a5a5 26%, #8d8d8d 68%, #8c8c8c 74%, #989898 95%, #969696 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(top, #8f8f8f 0%, #a1a1a1 11%, #a5a5a5 21%, #a5a5a5 26%, #8d8d8d 68%, #8c8c8c 74%, #989898 95%, #969696 100%) /* IE10+ */;
	background: linear-gradient(to bottom, #8f8f8f 0%, #a1a1a1 11%, #a5a5a5 21%, #a5a5a5 26%, #8d8d8d 68%, #8c8c8c 74%, #989898 95%, #969696 100%) /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8f8f', endColorstr='#969696',GradientType=0 ) /* IE6-8 */;
}
#main-menu .btn:hover { color: #fff; }
.IE9 #main-menu .btn.active { filter: none; }


/* Footer
-------------------------------------------------------- */
#footer a { text-decoration: underline; }

#footer-links,
#footer-address { font: 10px/16px verdana, sans-serif; }
#footer-links > *,
#footer-address > * { margin-bottom: 3px; }

#footer-links {
	float: right;
	text-align: right;
}
#footer-links strong { color: #D00; }
#footer-links ul li { float: right; }
#footer-links ul li:before {
	color: #BFBFBF;
    content: "\2022";
	display: inline-block;
	margin: 0 5px;
}
#footer-links ul li:last-child:before { display: none; }
#footer-links ul li a {
	display: inline-block;
	font-size: 11px;
}
#footer-address { color: #808080; float: left; }
#footer-address .tel { margin-bottom: 0.75em; }

#design-credit { font-size: 9px; }
#design-credit.hideDesignCredit { display: none; }


/* Main
-------------------------------------------------------- */
#local-nav {
	float: left;
	width: 220px;
	margin: 12px 20px 0 0;
}
#local-nav ul { margin: 0 0 16px; list-style: none; }
#local-nav li { margin: 0 0 10px; }
#local-nav li li { margin-bottom: 0.75em; }
#local-nav li li.last-child { margin-bottom: 0; }
#local-nav li a {
	color: #575757;
	font: 700 1em/1.2 sans-serif;
	display: block;
}
#local-nav li li a {
    color: #888;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    margin-left: 10px;
    padding: 0 10px 0 18px;
}
#local-nav li li a:before {
	color: #BFBFBF;
    content: "\2022";
	display: inline-block;
	float: left;
	margin: 0 10px 0 -18px;
}
#local-nav li li a span { overflow: hidden; }

/* active */
#local-nav li.active > a { color: #D00; }
#local-nav li li.active a { color: #000; }
#local-nav li li.active a:before { color: #f00; }
#local-nav li li.active > a span:after {
    content: url("../images/icons/red-arrow.gif");
    margin-left: 5px;
    vertical-align: middle;
}
#local-nav li a:hover {
	color: #000;
	text-decoration: none;
}

/* aside */
#aside { overflow: hidden; }
#aside img {
    display: block;
    margin-bottom: 1em;
}

/* Alt styles for content div */
.has-nav #content-wrap,
.has-sub #content-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.has-nav #content-wrap { overflow: hidden; }
.has-sub #content {
	float: left;
    width: 75%;
    margin-right: 30px;
}
.has-nav.has-sub #content { width: 476px/* 940-((202+30)*2)*/; }
.has-bread #local-nav { margin-top: 56px; }


/* Layout Styles for areas used in general template */
#mast-head { margin-bottom: 1em; }




/* Accordion
-------------------------------------------------------- */
.ui-accordion {
    overflow: hidden;
    padding-left: 30px;
    position: relative;
}
.ui-accordion-header {
    cursor: pointer;
    margin: 0;
    outline: none;
	font: 700 18px/18px urbano, sans-serif;
	text-transform: uppercase;
	display: block;
    padding: 16px 0;
    position: relative;
    border-top: 1px solid #D9D9D9;
}
.ui-accordion-header:first-child,
.ui-accordion-header.first-child { border-top: none; }
.ui-accordion-header:before {
    content: url("../images/icons/icon-expand-alt.png");
    position: absolute;
    left: -30px;
    top: 14px;
}
.ui-accordion-header:hover,
.ui-accordion-header.ui-state-active { color: #1A75B5; }
.ui-accordion-header:hover:before { content: url("../images/icons/icon-expand.png"); }
.ui-accordion-header.ui-state-active:before { content: url("../images/icons/icon-contract.png"); }
.ui-accordion-content {
	overflow: hidden;
    position: relative;
    z-index: 0;
    background: #fff;
}
.ui-accordion + .btn { margin: 20px 0 0 30px; }
.shadow {
	position: relative;
    overflow: hidden;
}
.shadow:before {
    bottom: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,1) inset;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition-duration: 500ms;
    width: 100%;
    z-index: 2;
}
.shadow img {
    margin: 0;
    max-width: inherit;
    position: absolute;
    width: 100%;
    z-index: 0;
  	transition-duration: 500ms;
}

.shadow:hover:before { box-shadow: 0 0 30px 0 rgba(0,0,0,0.55) inset; }
.shadow:hover img {
	max-width: inherit;
	width: 105%;
	-webkit-transform: translate(-2.5%, -2.5%);
	-ms-transform: translate(-2.5%, -2.5%);
	transform: translate(-2.5%, -2.5%);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
}
.IE9 .shadow:hover:before { box-shadow: 0 0 30px 0 rgba(0,0,0,0.85) inset; }
.lte9 .shadow:hover img {
	width: 100%;
	-ms-transform: none;
}

.callout { margin-bottom: 10px; }
.callout > a {
    display: block;
    position: relative;
}
.callout > a:before {
    background: rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.10) inset;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: background 300ms ease-out 0s;
    width: 100%;
}
.callout > a:hover:before {
    box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;
	background: rgba(0,0,0,0);
    transition: background 200ms ease-in-out 0s;
}
.callout img { display: block; }



/* -------------------------------------------------------------- 
	7. Page Specific Styles
-------------------------------------------------------------- */
/* Contact Us Page
-------------------------------------------------------- */

/* Layout - Main */

.contact-main {
	float: left;
	width: 75%;
	margin-right: 35px;
}

.contact-main-content {
	padding: 0 10px;
}

/* Layout - Aside */

.contact-aside { 
	overflow: hidden; 
}

.contact-aside-inner {
	padding: 1.5em 15px;
	margin-bottom: 2.5em;
    background: url(../images/design/aside-bg.gif) 0 0 no-repeat;
}

/* Form */

.contact-form {
    padding: 0 10px;
    border-bottom: 1px solid #E9E9E9;
}

.contact-form table { 
	border: 0; 
	margin: 0.5em 0 -1px 0; 
}

.contact-form td {
	padding: 0 2.5px;
	border: 0;
	display: block;
	float: left;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-form td:first-child { 
	float: right; 
}

.contact-form input { 
	position: absolute; 
}

.contact-form label {
	cursor: pointer;
    background: #e9e9e9;
    border: 0 solid #e9e9e9;
    border-width: 1px 1px 0;
    display: block;
    float: none;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-transform: none;
    width: auto;
    margin: 0;
    font: 700 18px/1 urbano, sans-serif;
    color: #333;
    text-shadow: 0 1px #fff;
}

.contact-form .submit { 
	display: none; 
}

.contact-form table input:checked + label { 
	background: #fff; 
}

.contact-finder table label:hover { 
	background: #ccc; 
}

/* Typography Styles */

.contact-map-subheader { 
	font-size: 0.667em;
	color: #808080;
	margin-left: 225px;
}

.contact-map-name { 
	color: #1A75B5;
	font-weight: normal;
}

.contact-map-change,
.contact-map-change:visited {
    color: #888;
    font-size: 11px;
    line-height: 1;
    margin-left: 10px;
    text-transform: uppercase;
}

.contact-aside-inner > h2 { 
	margin: 0 0 20px; 
}

.contact-aside-inner .vcard {
    margin: 0 0 20px;
    font: 400 12px/18px sans-serif;
}

.contact-aside-inner .vcard h4 {
    font: 700 14px/18px sans-serif;
    margin-top: 0;
    text-transform: none;
}

.contact-aside-inner .contact-methods span { 
	display: block; 
}

.contact-aside-inner .contact-methods span strong { 
	margin-right: .5ex; 
}

.contact-aside-inner .street-address { 
	display: block; 
}

.map-loader {
    background: rgba(255,255,255,0.8);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    z-index: 1100;
}

.map-loader .fa {
	font-size: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}

.map-zoom {
	background: #E7E7E7;
	position: absolute;
	padding: 2px 5px;
	left: 10px;
	z-index: 1000;
}

.map-zoom-icon {
	display: block;
	padding: 5px 7px; 
	cursor: pointer;
}

.map-zoom-icon:first-child {
	border-bottom: 2px solid #C7C7C7;
}

/* Map Styles */

.contact-map-world {
	padding-top: 1em;	
	min-height: 500px;
}

.contact-map-individual {
	visibility: hidden;
	position: relative;
	padding-top: 3.5em;
	margin-bottom: 3em;
}

.map-region {
	cursor: default;
	fill: #E8E8E8;
	stroke: #FFF;
}

.map-region-split {
	display: none;
}

.map-region-split.active {
	display: block;
}

.map-world .map-region,
.map-region.active {
	cursor: pointer;
	transition: fill 250ms ease;
	fill: #CDCCCC;
}

.map-world .map-region:hover,
.map-region.active:hover,
.map-region.selected {
	fill: #DD0000;
}

/* Contact Group */

.js .hidden-contact-group {
	display: none;
}

.contact-group {
	border: 1px solid #E2E2E2;	
	margin-bottom: 20px;
}

.contact-group-header {
	background: #EEEEEE;
	padding: 15px 10px;
	border-bottom: 1px solid #E2E2E2;
}

.contact-group-header .hd {
	margin-bottom: 0;
}

.contact-group-inner {
	padding: 25px;
	padding-bottom: 10px;
}

/* Individual Contact */

.contact-list {
    margin: 0 auto;
    overflow: hidden;
}

.contact-row { 
	margin: 0 -15px 1.25em; 
}

.contact {
    float: left;
    padding: 0 15px;
    width: 33.333%;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contact .hd {
    color: #808080;
    margin-top: 0;
}

.contact .fn {
	text-transform: none;
	font-size: 14px;
    margin-top: 0;
}

.contact .title {
    color: #888;
    font-size: 1em;
    margin-top: -16px;
}

.contact .company-name,
.contact .street-address,
.contact .extended-address,
.contact .contact-methods span { 
	display: block; 
}

.contact .street-address a {
	font-weight: 700;
	color: #000;
}

.contact .contact-methods { 
	margin-top: 1em; 
}

/* Tool Tip */

.tool-tip {
	top: 0;
	left: 0;
	position: absolute;
	display: none;
	background: #FFF;
	padding: 12px 15px;
	font-size: 1.2em;
	line-height: 1.5;
	z-index: 1300;
	box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.4);
}

.tool-tip .contact-row {
    border-top: 1px solid #CCC;
    padding: 0 0 12px;
    padding-top: 12px;
    margin: 0;
}

.tool-tip .contact-row:first-child {
	border: 0;
    padding-top: 0;
}

.tool-tip .contact {
    font-size: 10px;
    max-width: 100%;
    width: 50%;
}

.tool-tip .contact.single {
	float: none;
	width: auto;
}

.tool-tip .contact .hd {
    font-size: 13px;
    margin: 0 0 6px;
}

.tool-tip .contact-methods { margin-top: .5em; }
.tool-tip .contact-methods strong { color: #888; }
.tool-tip .viewOnMap { display: none; }
.tool-tip .contact .fn { margin: 0; }
.tool-tip .contact .title { margin: -4px 0 0 ; }

.tool-tip-close {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 10px;
	color: #D00;
}

/* IE9+ Styles */

.IE9 .map-region.active:hover {
	fill: #CDCCCC;
}

.IE9 .map-region.selected:hover {
	fill: #DD0000;
}

.IE9 .map {
	height: 500px;
	width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.map {
		height: 500px;
		width: 100%;
  	}
}

/* Media Queries */

@media screen and (max-width: 940px) {
	.tool-tip {
		position: relative;
		margin-top: -1.5em;
		margin-bottom: 30px;
		top: 0 !important;
		left: 0 !important;
	}
}

@media screen and (max-width: 760px) {
	.contact-form label span {
		display: none;
	}
	
	.contact-list .contact {
		float: none;
		width: auto;
		margin-bottom: 15px;
	}

	.map-zoom {
		left: auto;
		bottom: 5px;
		right: 0; 
		clear: right;
		padding: 10px 5px;
	}

	.map-zoom-icon {
		display: inline-block;
		font-size: 20px;
		padding: 0 10px;
	}

	.map-zoom-icon:first-child {
		border-bottom: 0;
		border-left: 2px solid #C7C7C7;
	}

	.map-zoom-in {
		float: right;
	}
}

/* About Us
-------------------------------------------------------- */
ul#news-events-links {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
ul#news-events-links li {
	list-style: none;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}
.aboutMain { overflow: hidden; }
.aboutMain #content { position: relative; }
.aboutSide {
    float: left;
    margin-right: 70px;
    width: 33%;
}

#aboutCallouts a {
	display: block;
	margin-top: 10px;
}



/* -------------------------------------------------------------- 
  	10. Updated CSS 
-------------------------------------------------------------- */
img.contentLogo { padding-left: 15px; }

.search-result {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.search-result a.search-title { font-size: 1.4em; }
.search-result p {
	padding: 4px 0 8px 0;
	margin: 0;
}


#productsMainContent {
	display: block;
	float: left;
	width: 200px;
}
#productsMainContent .summary p { font-size: 1.25em; line-height: 1.2em; width: 203px;}
#productsBoxes {
	float: right;
	display: block;
	width: 676px;
	padding-left: 14px;
	margin-left: 14px;
}
#productsBoxes .product {
	width: 203px;
	float: left;
	padding-right: 5px;
}
.product.last-of-row { padding-right: 0; }
#productsBoxes .product .product-links img {
	width: 71px;
	float: left;
	padding-right: 10px;
	display: none;
}
#content-wrap .product-area-productsPage {
	margin: 0 0 0 14px;
	padding: 0;
}

.aboutCompany {
	display: block;
	clear: both;
	border-top: 5px solid #d9d9d9;
	padding: 13px 0;
}
.aboutCompany .companyLogo {
	width: 25%;
	text-align: center;
	margin-right: 30px;
}
.aboutCompany .companyLogo a {
	display: block;
	margin-top: 10px;
	font-size: .8em;
}
.aboutCompany .companyLogo img { margin: 0 auto; }
.aboutCompany .hd { margin-top: 12px; }
.aboutSide h1 {
	padding-top: 10px;
	font-weight: bold;
}
.companyContent h2 {
	font-weight: bold;
	color: #404040;
}
h4.boardPosition {
	font-size: 1em;
	padding:0;
	margin: 0;
}
.leftCol {
	width: 45%;
	display: block;
	float: left;
	padding-right: 5%;
}
.rightCol {
	width: 45%;
	display: block;
	float: right;
	padding-left: 5%;
}
.protect { display: none; }

div.errors {
	background: #FEFAD9 url(../images/design/form-error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}

ul.productPageLinks { text-align: left !important; }

#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.canadaButton a { display: block; float: left; }
#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.usButton a { display: block; float: right; margin-right: 50px; }
#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.intLink { display: block; clear: both; float: none; padding-top: 10px; }
#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.canadaButton a,
#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.usButton a {
	padding: 4px 6px;
	text-deocration: none !important;
	color: #FFF !important;
	background: #b6b6b6 /* Old browsers */;
	background: -webkit-linear-gradient(-45deg, #b6b6b6 0%,#8b8b8b 67%,#a1a1a1 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(-45deg, #b6b6b6 0%,#8b8b8b 67%,#a1a1a1 100%) /* IE10+ */;
	background: linear-gradient(135deg, #b6b6b6 0%,#8b8b8b 67%,#a1a1a1 100%) /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b6b6', endColorstr='#a1a1a1',GradientType=1 ) /* IE6-9 fallback on horizontal gradient */;
	border-radius: 3px;
}

#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.canadaButton a:hover,
#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.usButton a:hover {
	background: #a1a1a1 /* Old browsers */;
	background: -webkit-linear-gradient(-45deg, #a1a1a1 0%,#8b8b8b 67%,#8b8b8b 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(-45deg, #a1a1a1 0%,#8b8b8b 67%,#8b8b8b 100%) /* IE10+ */;
	background: linear-gradient(135deg, #a1a1a1 0%,#8b8b8b 67%,#8b8b8b 100%) /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#8b8b8b',GradientType=1 ) /* IE6-9 fallback on horizontal gradient */;
}

/* h1.about-header { float: left; } */
h1.about-header-fr {
	float: left;
	font-size: 2em;
}
.listInfo { margin-bottom: 10px; }

/* Investor Contact Form */
form#investor-contact { margin: 0; padding: 0; }
form#investor-contact fieldset { background: #F7F7F7; border: 1px solid #DDD; margin-bottom: 1em; padding: 1em; }
form#investor-contact legend { color: #C00; font-size: 1em; display: block; -webkit-padding-start: 2px; -webkit-padding-end: 2px; border: none; }
form#investor-contact .fieldArea { clear: left; margin-bottom: 0.5em; overflow: auto; }
form#investor-contact .fieldArea span { clear: left; color: #C00; display: block; font-weight: bold; }
form#investor-contact .htmlInputText input { float: left; width: 250px; }
form#investor-contact input.protect { display: none; }
form#investor-contact .htmlselectBooleanCheckbox input { float: left; }
form#investor-contact .otherFieldArea input { width: 150px; }
form#investor-contact .address2FieldArea input { margin-left: 160px; }
form#investor-contact .fieldArea input, 
form#investor-contact .fieldArea textarea { width: auto; font-size: 1em; font-family: sans-serif; margin-right: 10px; }



/* Request Information Page
-------------------------------------------------------------- */
#requestInformation .grid.cols-2 { margin: 0 -20px; }
#requestInformation .grid.cols-2 .column {
	width: 50%;
	padding: 0 20px;
}
#requestInformation .grid.cols-3 { margin: 0 -10px; }
#requestInformation .grid.cols-3 .column {
	width: 33.333%;
	padding: 0 10px;
}
#requestInformation .stateFieldArea {
	float: left;
	margin-right: 20px;
	width: 55%;
}
#requestInformation .zipFieldArea { overflow: hidden; }
#requestInformation .contactMethodFieldArea > select { width: 66%; }
#requestInformation .checkboxes h3 { color: #808080; }
#requestInformation .htmlselectBooleanCheckbox { position: relative; }
#requestInformation .htmlselectBooleanCheckbox > input {
    left: 9px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}
#requestInformation .htmlselectBooleanCheckbox label {
    border: 1px solid #c3c3c3;
    margin: 0 0 10px;
    padding: 0 9px 0 36px;
    height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#requestInformation .fieldArea.htmlselectBooleanCheckbox span {
    display: inline-block;
    vertical-align: middle;
}
#requestInformation .fieldArea.htmlselectBooleanCheckbox > label:before {
    color: #FFF;
    content: ".";
    display: inline-block;
    height: 56px;
    line-height: 56px;
    margin-left: -36px;
    vertical-align: baseline;
    width: 36px;
}
#requestInformation .htmlselectBooleanCheckbox input:checked + label {
	color: #1a75b5;
    border-color: #1a75b5;
}

/* Portfolio Listing */
.listing {
    border-bottom: 1px solid #CCC;
    margin: 0 0 15px;
    padding: 15px 0;
    position: relative;
	overflow: hidden;
}
.listing:before,
.listing:after {
	content: '';
	background: none;
	position: absolute;
	width: 25%;
	height: 100%;
	top: 0;
	z-index: 0;
}
.listing:before {
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) /* IE10+ */;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ) /* IE6-9 fallback on horizontal gradient */;
	left: 0;
}
.listing:after {
	background: rgba(255,255,255,0);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%) /* Chrome10+,Safari5.1+ */;
	background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%) /* IE10+ */;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%) /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ) /* IE6-9 fallback on horizontal gradient */;
	right: 0;
}
.listing > * {
	position: relative;
	z-index: 1;
}
.listing .img {
    float: left;
    margin: 0 30px 10px 0;
    overflow: hidden;
    position: relative;
}
.listing .img img {
    margin: 0;
    max-width: 100%;
}
.listing .hd {
    margin-top: 12px;
    text-transform: none;
}
.listing .hd a { color: #d00; }
.listing .btn {
	font: 700 10px/1.2 sans-serif;
    margin-top: 0;
}

/* states */
.listing:hover {
	background: none;
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, #fff 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 99%);
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, #fff 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 99%);
	box-shadow: 0 -1px 0 #FFF inset;
	position: relative;
}
.IE9 .listing:hover { filter: none; }

/* alternate */
.listing.thumbnail .img {
	overflow: auto;
	width: 80px;
}

/* alternate */
.listing.effects .img {
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 200px;
}
.listing.effects .img img,
.listing.effects .img:before {
    position: absolute;
    width: 100%;
	transition: all 300ms ease-in;
}
.listing.effects .img img {
    max-width: 100%;
    z-index: 0;
}
.listing.effects .img:before {
    bottom: 0;
    box-shadow: none;
    content: "";
    height: 100%;
    left: 0;
    z-index: 2;
}
.listing.effects .img:hover img,
.listing.effects .img:hover:before { transition: all 300ms ease-out; }
.listing.effects .img:hover img {
	max-width: 105%;
	width: 105%;
	transform: translate(-2.5%, -2.5%);
}
.listing.effects .img:hover:before { box-shadow: -10px 0 30px 0 rgba(0,0,0,0.65) inset; }

.lte9 .listing,
.lte9 .listing:before,
.lte9 .listing:after { filter: none; }
.lte9 .listing.effects .img:hover img {
	max-width: 100%;
	width: 100%;
	transform: none;
}
.IE8 .listing:hover { background: none; }
.IE8 .listing.effects .img { filter: alpha(opacity=90); }
.IE8 .listing.effects .img:hover { filter: alpha(opacity=100); }

.listing.post:hover { background: none; }


/* gallery */
.gallery-template .count {
	color: #808080;
	font-family: urbano;
	font-weight: 400;
}
.gallery { padding: 28px; }
.gallery .grid { margin: 0 -14px 20px; }
.gallery .column {
    padding: 0 14px;
    width: 33%;
}
.gallery .column > img {
    display: block;
    width: 100%;
}
.gallery-item { font-family: sans-serif;	 }
.gallery-item * { display: block; }
.gallery-item a {
	text-decoration: none;
	color: #d00;
}
.gallery-item .img {
    height: 190px;
    width: 190px;
    margin-bottom: 12px;
}
.gallery-item .link {
    top: 100%;
    color: #FFF;
    font: 700 11px/1 sans-serif;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    transition: top 300ms ease 0s;
    width: 100%;
}
.gallery-item .link:before {
    background: url("../images/design/home-texture.png") repeat-x scroll 0 0;
    border-top: 1px solid #888;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}
.gallery-item .link .text {
    position: relative;
    z-index: 10;
    padding: 16px 0;
    display: block;
}
.gallery-item .link .text:after {
	content: "›";
    color: #D00;
    font-size: 15px;
    line-height: 10px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    z-index: 10;
    transition: all 300ms ease 0s;
}
.gallery-item .heading {
    font-weight: 700;
    line-height: 1.2;
    padding: 3px 0;
}
.gallery-item .sub-heading,
.gallery-item .sub-heading a {
    color: #585858;
    font-size: 12px;
    line-height: 18px;
}

/* states */
.gallery-item:hover .link { top: 77%; }
.gallery-item .heading:hover { color: #900; }

#gallery-details.js { display: none; }
.gallery-detail {
    border: 1px solid #EEE;
    margin: 20px -25px;
    padding: 0 0 5px;
    border-width: 0 1px 1px;
}
.gallery-detail a { position: relative; }
.gallery-detail .hd {
    color: #808080;
    font: 700 12px/48px arial;
    text-transform: uppercase;
	display: none;
}
.gallery-detail .bd { overflow: visible; }
.gallery-detail .bd.shaded:before,
.gallery-detail .bd.shaded:after { display: none; }
.gallery-detail .bd.shaded > * { overflow: hidden; }

.gallery-detail .bd .heading {
    line-height: 1;
    margin: 20px 20px 0;
    padding: 3px 0;
}
.gallery-detail .bd .sub-heading {
    color: #575757;
    font: 400 14px/18px sans-serif;
    margin: 6px 20px 0;
}
.gallery-detail .bd .description {
    overflow-y: auto;
    min-height: 30px;
    max-height: 288px;
    font-size: 12px;
    margin: 18px 0 60px;
    padding-right: 20px;
}
.gallery-detail .bd .description.solo {
	margin-bottom: 0;
    max-height: 348px;
}
.gallery-detail .bd .controls { margin-right: 20px; }
/* image section */
.carousel {
    float: left;
    margin: 5px 30px 0 5px;
    position: relative;
    z-index: 100;
	width: 50%;
}
.carousel .grid {
	margin: 10px 0 0;
	padding: 24px 25px;
}
.carousel .column {
    padding: 0 10px;
    width: 33%;
    vertical-align: middle;
    text-align: center;
}
.carousel .column,
.carousel .column * { display: block; }
.carousel .photo,
.carousel .photo:before {
    height: 325px;
    width: 100%;
}
.carousel .photo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
}
.carousel .photo:before {
    background: url("../images/design/ajax-loader.gif") no-repeat scroll 50% 50%;
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    margin: 0;
	opacity: 0;
	transition: opacity 500ms;
    z-index: 20;
}
.carousel .photo.loading:before {
	transition: opacity 0s;
	opacity: 1;
}
.carousel .photo .image {
    display: block;
    margin: 0 auto;
    max-width: 345px;
}

.carousel .thumb.active img {
    border: 1px solid #D00;
    padding: 1px;
    background: #fff;
    margin: -2px 0 0 -2px;
}
/* html controls only */
.gallery .controls {
	font: 700 10px/1 urbano, sans-serif;
	text-transform: uppercase;
	border-top: 1px solid;
	color: #808080;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}
.gallery .controls .btn {
	font-size: 10px;
	margin-top: 0;
	float: right;
	padding: 13px 16px/* adds to button class*/;
}
.gallery .controls .btn.prev { float: left; }
.gallery .controls .page-info { line-height: 30px; }


/* Lightbox
------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
	#colorbox{outline:0;}
		#cboxContent{ overflow:hidden; }
		.cboxIframe { background:#fff; }
		#cboxError { padding:50px; border:1px solid #ccc; }
		
		#cboxTitle, #cboxCurrent, #cboxSlideshow { position:absolute; bottom:0; }
		#cboxSlideshow { right:90px; color:#fff; }
		#cboxTitle { 
			left:0;
			color:#404040;
			width: 100%;
		}
		#cboxTitle p { margin-bottom: 0; }
		.lightbox-caption {
		    background: #FFF;
		    padding: 18px;
		    position: absolute;
		    top: 0;
		    width: 100%;
		}
		#cboxLoadedContent { 
			background:#fff;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;
		}
		#cboxLoadingOverlay { background:#000; }
		
		/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
		#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
		#cboxClose, #cboxPrevious, #cboxNext { position:absolute; }
		#cboxClose {
		    background: url("../images/icons/icon-close.png") no-repeat scroll 100% 50%;
		    color: #1A75B5;
		    font-size: 10px;
		    padding-right: 19px;
		    right: 20px;
		    text-transform: uppercase;
		    top: 16px;
		}
		#cboxPrevious, #cboxNext { bottom: 0; }
		#cboxPrevious .btn, #cboxNext .btn { margin: 0 0 22px; }
		#cboxNext { right: 20px; }
		#cboxPrevious { left: 485px }
		/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
		#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		
		#cboxCurrent {
		    border-top: 1px solid;
		    bottom: 24px;
		    color: #808080;
		    font: 400 10px/24px urbano,sans-serif;
		    overflow: hidden;
		    padding-top: 10px;
		    right: 20px;
		    text-align: center;
		    text-transform: uppercase;
		    width: 275px;
		}
		#cboxLoadedContent .controls { display: none; }
		
		#cboxLoadedContent .gallery-detail {
		    border: none;
		    margin: 0;
		    overflow: hidden;
		    padding-bottom: 0;
		}
		#cboxLoadedContent .bd.shaded { border-top-width: 1px; }
		#cboxLoadedContent .hd { display: block; }
		#cboxLoadedContent .carousel,
		#cboxLoadedContent .carousel .photo,
		#cboxLoadedContent .carousel .photo:before { width: 455px; }
		#cboxLoadedContent .carousel .photo {}
		#cboxLoadedContent .carousel .photo .image { max-width: 100%; }



/* Home Page
-------------------------------------------------------- */
#featured-area { margin-bottom: 2.333em; }

#content-area {
    margin-top: 20px;
    padding: 40px 40px 25px;
}
#content-area .content-primary {
    float: none;
    overflow: hidden;
    padding: 0 10px;
}
#content-area #callouts {
    float: right;
    overflow: hidden;
    padding: 0 0 0 45px;
    width: auto;
}
#callouts > a { display: block; }


/* Home Page
-------------------------------------------------------- */
.home #content-area .content-primary { width: 565px; }
.home h1 {
    margin-bottom: 16px;
    padding-bottom: 16px;
}
#callouts { float: left; width: 203px; }
.home .callout:first-child > a:before { background: rgba(255,255,255,.14); }
.home .callout:first-child > a:hover:before { background: rgba(255,255,255,0); }

.posts {
	margin: 0 30px;
	border-top: 1px solid #ccc;
}
.posts ul {
    overflow: hidden;
    position: relative;
}
.posts li {
    float: left;
    margin: 20px 0 0;
    padding: 0 20px;
    position: relative;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.posts li:nth-child(odd) { clear: left; }
.posts li:before {
    color: #BFBFBF;
    content: "\2022";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: -0.25em;
}
.posts .heading a {
    float: right;
    font-size: 0.75em;
    line-height: 1.5;
	color: #1A75B5;
}
.posts p {
	font-size: 0.93333em;
	line-height: 1.2;
	margin-bottom: 0;
}
.posts h5 { margin-top: 0; }

/* Three column  */
#featured-area { margin: 0 0 0 -5px; }
.featureBox {
    height: 300px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 310px;
}
.featureBox * { transition: all 300ms; }
.featureBox img {
	position: absolute;
	display: block;
	width: 100%;
	z-index: 0;
	margin: 0;
	max-width: inherit;
}
.featureBox .links {
    position: absolute;
    width: 100%;
    z-index: 1;
    text-shadow: 1px 1px #000;
    background: url("../images/design/home-texture.png") repeat-x scroll 0 0;
    border-top: 1px solid #888;
    bottom: 0;
    box-shadow: -5px 0 10px #000;
    overflow: visible;
	z-index: 2;
}
.featureBox .links a {
    color: #FFF;
    text-decoration: none;
}
.featureBox .links .hd {
    padding: 12px 30px;
    margin: 0;
}
.featureBox .links .hd span { display: block; }
.featureBox .links .hd span:after {
	content: "›";
    color: #D00;
    font-size: 1.5em;
    line-height: 10px;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    z-index: 10;
    transition: all 300ms ease 0s;
}
.featureBox .links .bd {
	overflow: hidden;
	padding: 0 30px;
}
.featureBox .links li {
	color: #b2b2b2;
	margin-left: 18px;
	border-top: 1px solid #888;
	line-height: 30px;
}
.featureBox .links li:first-child { border-top: none; }
.featureBox .links li:before {
	color: #BFBFBF;
    content: "\2022";
	display: inline-block;
	margin: 0 0 0 -18px;
	width: 18px;
}
.featureBox .links span { color: #b2b2b2; }
.featureBox .links .link {
	float: right;
	text-transform: uppercase;
	font-size: 10px;
}
.featureBox .links .heading {
	font: 700 14px/2 sans-serif;
    display: block;
    padding-top: 10px;
}
.featureBox .links .heading,
.featureBox .links .label { color: #fff; }
.featureBox .links .layout { padding-bottom: 20px; }

/* states */
.featureBox .links .hd a:hover,
.featureBox .links a span:hover,
.featureBox .links li:hover:before { color: #ffc259; }
.featureBox .links a span:hover { text-decoration: underline; }
.featureBox .links .hd a:hover,
.featureBox .links li:hover:before,
.featureBox .links a span.label:hover { text-decoration: none; }
.featureBox:hover img {
	max-width: inherit;
	width: 105%;
	transform: translateY(-2.5%) translateX(-2.5%);
	transition: all 300ms 100ms;
}


/* -------------------------------------------------------------- 
	Shame: New additions
-------------------------------------------------------------- */
.captchaComponent { margin-top: 20px; }
#recaptcha_privacy a {
	font: 400 15px/24px sans-serif;
	color: #1a75b5;
}

#news-events-links img { margin-right: 10px; }
.summary h2 { margin-top: 0; }