/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	8. Override Styles
	9. Media Queries
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
-------------------------------------------------------------- */
	/* -------------------------------------------------------------- 
  	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;
	text-decoration: none;
}

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

/* @font-face - license below MUST be included
----------------------------------------------------------- */ /*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 */
@font-face {
	font-family: 'urbano';
	src: url('../fonts/Urbano-Regular-webfont.eot');
	src: local('☺'), url('../fonts/Urbano-Regular-webfont.woff')
		format('woff'), url('../fonts/Urbano-Regular-webfont.ttf')
		format('truetype'), url('../fonts/Urbano-Regular-webfont.svg#webfont')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'urbanobold';
	src: url('../fonts/Urbano-Bold-webfont.eot');
	src: local('☺'), url('../fonts/Urbano-Bold-webfont.woff') format('woff'),
		url('../fonts/Urbano-Bold-webfont.ttf') format('truetype'),
		url('../fonts/Urbano-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'urbanolight';
	src: url('../fonts/Urbano-Light-webfont.eot');
	src: local('☺'), url('../fonts/Urbano-Light-webfont.woff')
		format('woff'), url('../fonts/Urbano-Light-webfont.ttf')
		format('truetype'), url('../fonts/Urbano-Light-webfont.svg#webfont')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'urbanocondensed';
	src: url('../fonts/Urbano-Cond-webfont.eot');
	src: local('☺'), url('../fonts/Urbano-Cond-webfont.woff') format('woff'),
		url('../fonts/Urbano-Cond-webfont.ttf') format('truetype'),
		url('../fonts/Urbano-Cond-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'urbanolightcondensed';
	src: url('../fonts/Urbano-LightCond-webfont.eot');
	src: local('☺'), url('../fonts/Urbano-LightCond-webfont.woff')
		format('woff'), url('../fonts/Urbano-LightCond-webfont.ttf')
		format('truetype'),
		url('../fonts/Urbano-LightCond-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */
	/* Text Elements
-------------------------------------------------------- */
body {
	color: #000000;
	font: 62.5% arial, helvetica, sans-serif;
	text-rendering: optimizelegibility;
}

p {
	margin: 0 0 0.75em 0;
	line-height: 1.45;
	font-size: 1.1em;
	color: #404040;
	font-family: arial, helvetica, sans-serif;
}

.summary p {
	font-style: normal;
	color: #808080;
	font-size: 1.333em;
	margin-bottom: 0.75em;
}

a {
	text-decoration: underline;
}

a {
	color: #D00;
}

a:visited {
	color: #D00;
}

a:hover,a:active,a:focus {
	color: #557BA8;
}  /* old color: DD0000 */
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 {
	margin-bottom: 0.5em;
	color: #000000;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	line-height: 1;
}

h1 {
	font-size: 2.7em;
	font-family: "urbano", helvetica, arial, sans-serif;
}

h2 {
	font-size: 1.5em;
	font-family: helvetica, arial, helvetica, sans-serif;
}

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

h4 {
	font: bold 1.167em arial, sans-serif;
}

h5 {
	font-size: 1em;
	text-transform: uppercase;
}

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

h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited
	{
	color: #D00;
	text-decoration: none;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	text-decoration: underline;
}

/* Lists
-------------------------------------------------------- */
ul {
	margin: 0 15px 1em 15px;
}

ol {
	list-style-type: decimal;
	margin: 0 1.5em 1em 1.5em;
}

li {
	margin-bottom: 0.75em;
	line-height: 1.5;
}

li ul,li ol {
	margin: 0 1em;
	padding-top: 0.75em;
}

li li {
	font-size: 1em;
}

ul ol li {
	background: none;
	padding-left: 0;
}

.layout {
	margin: 0;
	list-style: none;
}

.layout li {
	padding: 0;
	margin: 0;
	background: none;
}

.horiz li {
	float: left;
}

/* Tables
-------------------------------------------------------- */
table {
	margin-bottom: 1em;
	width: 100%;
	border: 1px solid #D9D9D9;
	border-bottom: none;
	border-right: none;
}

th {
	background-color: #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 {
	font-weight: bold;
	display: none;
}

label {
	font: normal 0.917em arial, sans-serif;
	float: left;
	margin-right: 10px;
	width: 100px;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
}

.required label {
	font-weight: bold;
}

.fieldArea {
	margin-bottom: 0.833em;
}

.fieldArea input,.fieldArea textarea {
	width: 200px;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
}

.fieldArea textarea {
	font-family: inherit;
	height: 65px;
	overflow: auto; /* IE - Prevents scroll bars */
}

input.aiValueField {
	display: none;
}

input.submit {
	cursor: pointer;
	border: 0;
}

span.message {
	display: block;
	font-size: 0.917em;
	padding-top: 0.5em;
}

span.error {
	color: #DD0000;
}

#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: #990000;
	font-size: 0.917em;
}

#errors ul {
	margin: 0 0 0 15px;
}

#errors li {
	margin-bottom: 0.5em;
	font-size: 0.917em;
	color: #000000;
}

/* -------------------------------------------------------------- 
	3. Style Library
-------------------------------------------------------------- */
	/* 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;
}

/* 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  
-------------------------------------------------------- */
#bread-crumbs {
	list-style: none;
	margin: 0 0 1.25em 0;
}

#bread-crumbs li {
	color: #ABABAB;
	font-size: 0.833em;
	margin: 0;
	display: inline;
}

#bread-crumbs li a {
	color: #ABABAB;
}

#bread-crumbs li a:hover {
	color: #DD0000;
}

/* Search Form Styles 
-------------------------------------------------------- */
.search-form input.query {
	background: #FFF;
	-webkit-box-shadow: 0 3px 5px rgba(233, 232, 232, 0.5) inset;
	padding: 3px 4px;
	width: 14.583em;
	float: left;
	margin-right: 7px;
	font-size: 0.833em;
	outline: none;
	border: 1px solid #D9D9D9;
}

.search-form input.search {
	float: left;
	font: 0.833em helvetica, arial, sans-serif;
	border: 0;
	cursor: pointer;
}

.search-form input.search:hover {
	background: #8b8b8b;
}

.search-form fieldset {
	margin: 0;
	padding: 0;
	position: relative;
}

.main-search-form {
	float: right;
	margin-right: 5px;
}

/* Button Styles
-------------------------------------------------------- */
a.btn,input.btn {
	padding: 4px 6px;
	text-transform: uppercase;
	color: #FFF;
	background: #b6b6b6;
	background: -moz-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6),
		color-stop(67%, #8b8b8b), color-stop(100%, #a1a1a1) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* IE10+ */
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#b6b6b6', endColorstr =   '#a1a1a1', GradientType =   0 );
	/* IE6-9 */
	background: linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* W3C */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

a.btn:hover,input.btn:hover {
	background: #8b8b8b;
}

/* 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
	{
	display: block;
	height: 15px;
	width: 17px;
	text-indent: -9999px;
	float: left;
	margin-right: 8px;
}

.pagination .previous {
	background-position: -15px 0;
}

.pagination .next {
	background-position: -31px 0;
}

.pagination .last {
	background-position: -47px 0;
}

.pagination .first:hover {
	background-position: 0 -15px;
}

.pagination .previous:hover {
	background-position: -15px -15px;
}

.pagination .next:hover {
	background-position: -31px -15px;
}

.pagination .last:hover {
	background-position: -47px -15px;
}

.pagination .disabled {
	display: none;
}

.pagination .paginator {
	float: left;
}

.pagination .paginator .page {
	margin-right: 5px;
}

.pagination .paginator .current {
	color: #999;
	text-decoration: none;
}

.pagination .ellipse {
	float: left;
	margin-right: 5px;
}

#library-list {
	height: 411px;
	width: 560px;
	border: 1px solid #BCBCBC;
	overflow: scroll;
	padding: 5px 10px 8px 8px;
}

#library-list ul {
	list-style: none;
	margin: 0;
}

#library-list li {
	background: none;
	margin-bottom: 0.25em;
}

#library-list li a {
	padding-left: 18px;
	background: none;
	display: block;
	text-decoration: none;
	color: #333;
}

#library-list ul ul {
/* 	margin: 0 20px; */
	padding: 0.25em 0 0 0;
}

#library-list li li a {
	padding-left: 20px;
}

/* 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;
	text-decoration: underline;
}

/* Alt library style */
#aside #library-list {
	width: auto;
	height: auto;
	border: 0;
	overflow: visible;
	padding: 1.5em 20px;
	min-height: 200px;
	background: url(../images/design/doc-library-bg.gif) 0 0 no-repeat;
}

#aside #library-list li a {
	font-size: 0.917em;
}

/* Core Styles */
#library-list>ul>li.directory>a {
	background: url(../images/design/plus-icon.gif) 0 4px no-repeat
		!important;
}  /* Seperate Style for first level */
#library-list>ul>li.expanded>a {
	background: url(../images/design/minus-icon.gif) 0 4px no-repeat
		!important;
}  /* Seperate Style for first level */
#library-list li li.collapsed a {
	background: url(../images/document-library-icons/directory.gif) 0 -1px
		no-repeat;
}

#library-list li li.expanded a {
	background: url(../images/document-library-icons/folder_open.gif) 0 -1px
		no-repeat;
}

#library-list li li.file a {
	background: url(../images/document-library-icons/file.gif) left top
		no-repeat;
}

#library-list li li.wait a {
	background: url(../images/document-library-icons/spinner.gif) left top
		no-repeat;
}

/* File Extensions*/
#library-list li.ext_3gp a {
	background: url(../images/document-library-icons/film.gif) left 1px
		no-repeat !important;
}

#library-list li.ext_afp a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_afpa a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_asp a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_aspx a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_avi a {
	background: url(../images/document-library-icons/film.gif) left top
		no-repeat !important;
}

#library-list li.ext_bat a {
	background: url(../images/document-library-icons/application.gif) left
		top no-repeat !important;
}

#library-list li.ext_bmp a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_c a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_cfm a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_cgi a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_com a {
	background: url(../images/document-library-icons/application.gif) left
		top no-repeat !important;
}

#library-list li.ext_cpp a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_css a {
	background: url(../images/document-library-icons/css.gif) left top
		no-repeat !important;
}

#library-list li.ext_doc a {
	background: url(../images/document-library-icons/doc.gif) left top
		no-repeat !important;
}

#library-list li.ext_dwg a {
	background: url(../images/document-library-icons/dwg.gif) left top
		no-repeat !important;
}

#library-list li.ext_exe a {
	background: url(../images/document-library-icons/application.gif) left
		top no-repeat !important;
}

#library-list li.ext_gif a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_fla a {
	background: url(../images/document-library-icons/flash.gif) left top
		no-repeat !important;
}

#library-list li.ext_h a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_htm a {
	background: url(../images/document-library-icons/html.gif) left top
		no-repeat !important;
}

#library-list li.ext_html a {
	background: url(../images/document-library-icons/html.gif) left top
		no-repeat !important;
}

#library-list li.ext_jar a {
	background: url(../images/document-library-icons/java.gif) left top
		no-repeat !important;
}

#library-list li.ext_jpg a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_jpeg a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_js a {
	background: url(../images/document-library-icons/script.gif) left top
		no-repeat !important;
}

#library-list li.ext_lasso a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_log a {
	background: url(../images/document-library-icons/txt.gif) left top
		no-repeat !important;
}

#library-list li.ext_m4p a {
	background: url(../images/document-library-icons/music.gif) left top
		no-repeat !important;
}

#library-list li.ext_mov a {
	background: url(../images/document-library-icons/film.gif) left top
		no-repeat !important;
}

#library-list li.ext_mp3 a {
	background: url(../images/document-library-icons/music.gif) left top
		no-repeat !important;
}

#library-list li.ext_mp4 a {
	background: url(../images/document-library-icons/film.gif) left top
		no-repeat !important;
}

#library-list li.ext_mpg a {
	background: url(../images/document-library-icons/film.gif) left top
		no-repeat !important;
}

#library-list li.ext_mpeg a {
	background: url(../images/document-library-icons/film.gif) left top
		no-repeat !important;
}

#library-list li.ext_ogg a {
	background: url(../images/document-library-icons/music.gif) left top
		no-repeat !important;
}

#library-list li.ext_pcx a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_pdf a {
	background: url(../images/document-library-icons/pdf.gif) left 1px
		no-repeat !important;
}

#library-list li.ext_php a {
	background: url(../images/document-library-icons/php.gif) left top
		no-repeat !important;
}

#library-list li.ext_png a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_ppt a {
	background: url(../images/document-library-icons/ppt.gif) left top
		no-repeat !important;
}

#library-list li.ext_psd a {
	background: url(../images/document-library-icons/psd.gif) left top
		no-repeat !important;
}

#library-list li.ext_pl a {
	background: url(../images/document-library-icons/script.gif) left top
		no-repeat !important;
}

#library-list li.ext_py a {
	background: url(../images/document-library-icons/script.gif) left top
		no-repeat !important;
}

#library-list li.ext_rb a {
	background: url(../images/document-library-icons/ruby.gif) left top
		no-repeat !important;
}

#library-list li.ext_rbx a {
	background: url(../images/document-library-icons/ruby.gif) left top
		no-repeat !important;
}

#library-list li.ext_rhtml a {
	background: url(../images/document-library-icons/ruby.gif) left top
		no-repeat !important;
}

#library-list li.ext_rpm a {
	background: url(../images/document-library-icons/linux.gif) left top
		no-repeat !important;
}

#library-list li.ext_ruby a {
	background: url(../images/document-library-icons/ruby.gif) left top
		no-repeat !important;
}

#library-list li.ext_sql a {
	background: url(../images/document-library-icons/db.gif) left top
		no-repeat !important;
}

#library-list li.ext_swf a {
	background: url(../images/document-library-icons/flash.gif) left top
		no-repeat !important;
}

#library-list li.ext_tif a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_tiff a {
	background: url(../images/document-library-icons/picture.gif) left top
		no-repeat !important;
}

#library-list li.ext_txt a {
	background: url(../images/document-library-icons/txt.gif) left top
		no-repeat !important;
}

#library-list li.ext_vb a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_wav a {
	background: url(../images/document-library-icons/music.gif) left top
		no-repeat !important;
}

#library-list li.ext_wmv a {
	background: url(../images/document-library-icons/film.gif) left top
		no-repeat !important;
}

#library-list li.ext_xls a {
	background: url(../images/document-library-icons/xls.gif) left top
		no-repeat !important;
}

#library-list li.ext_xml a {
	background: url(../images/document-library-icons/code.gif) left top
		no-repeat !important;
}

#library-list li.ext_zip a {
	background: url(../images/document-library-icons/zip.gif) left top
		no-repeat !important;
}

/* 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 {
	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;
	text-decoration: underline;
}

body.jsEnabled .additionalInfo {
	display: none;
}

#productDocs a {
	background: none;
	color: #8C8C8C;
	cursor: pointer;
	font-size: 1.22em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	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-decoration: underline;
	text-transform: capitalize;
}

#productDocs li li a:hover {
	color: #DD0000;
}

/* Easy Clearing Styles
-------------------------------------------------------- */
.group:after,.group:before {
	content: "";
	display: block;
	overflow: hidden;
}  /* CF, IE7.css which ie6.css inherits from */
.group:after {
	clear: both;
}

/* -------------------------------------------------------------- 
	4. Main Structure 
-------------------------------------------------------------- */
body {
	background: url(../images/design/body-bg.gif) 0 0;
}

.wrapper {
	max-width: 75.5em;
	width: 905px;
	margin: 0 auto;
	font-size: 1.2em;
	/* padding: 0 2.25em; */
	padding: 0 25px;
}

#header-top-wrap {
	background: url(../images/design/header-top-wrap-bg.gif) 0 0;
	border-bottom: 1px solid #DFDFDF;
	padding: 1.25em 0;
}

#header-top {
	position: relative;
	min-height: 35px;
}

#header-top ul {
	float: right;
}

#header-top ul li {
	float: left;
	margin-right: 20px;
}

#header-top ul li a {
	display: block;
}

#header-bottom-wrap {
	background: #FFF;
	border-bottom: 1px solid #DFDFDF;
	padding: 2.917em 0 0.833em 0;
}

#header-bottom {
	position: relative;
}

#main-wrap {
	background: #FFF url(../images/design/main-wrap-bg.gif) 0 0 repeat-x;
	border-bottom: 1px solid #DFDFDF;
	padding-top: 3.917em;
	padding-bottom: 4.167em;
}

#footer-wrap {
	padding: 1.5em 0;
}

/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
-------------------------------------------------------------- */
	/* -------------------------------------------------------------- 
	6. Template Styles
-------------------------------------------------------------- */
	/* Header
-------------------------------------------------------- */
#logo { /*	background: url(../images/design/logo.png) 0 0 no-repeat;	*/
	height: 86px;
	width: 332px;
	position: absolute;
	left: 25px;
	top: -60px;
}

#logo a {
	height: 86px;
	width: 332px;
	display: block;
}

#main-menu {
	float: right;
	padding-left: 222px;
}  /*padding-left: 24.77678571429%; /* 222px / 896px */
#main-menu li {
	float: left;
	border-right: 1px solid #BFBFBF;
	margin-bottom: 0;
}

#main-menu li.last-child {
	border-right: 0;
}

#main-menu li.language-selector {
	border: 0;
}

#main-menu a {
	color: #575757;
	font-size: 1.167em;
	font-weight: bold;
	/*	padding: 0 0.833em;*/
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 2px .833em;
	margin: 0 2px;
}

#main-menu a:hover {
	color: #eb0000;
}

#main-menu a.btn {
	padding: 3px 1.25em;
	font-size: 0.833em;
	color: #FFF;
	margin-left: 10px;
}

#main-menu a.active {
	background-color: #585858;
	color: #FFF;
}

/* Footer
-------------------------------------------------------- */
#footer a {
	color: #D00;
}

/* Start - Shared Footer Styles */
#footer-links,#footer-address {
	font: normal 0.714em verdana, arial, helvetica, sans-serif;
}

/* End */
#footer-links {
	float: right;
}

#footer-links p {
	font-size: 1.4em;
	color: #3a3a3a;
	text-align: right;
	margin-bottom: 0.5em;
}

#footer-links p strong {
	color: #DD0000;
}

#footer-links ul li {
	padding-left: 15px;
	float: right;
	background: url(../images/design/grey-bullet.gif) 5px 6px no-repeat;
}

#footer-links ul li a {
	display: block;
}

#footer-address {
	color: #808080;
	float: left;
}

#footer-address p {
	margin-bottom: 0;
}

#footer-address p.tel {
	margin-bottom: 0.75em;
}

#footer-address p strong {
	font-weight: bold;
}

#design-credit {
	padding: 0;
	margin: 0;
}
#design-credit a {
	color: #AAA;
	font-size: 9px;
}

#design-credit.hideDesignCredit {
	display: none;
}

/* General Template 
-------------------------------------------------------- */
	/* Local Nav */
#local-nav {
	float: left;
	/*width: 22.32142857%; /* 202px / 906px */
	width: 202px;
	/*margin-right: 3.34821428571%; /* 30px / 906px */
	margin-right: 30px;
}

#local-nav ul {
	margin: 0;
	list-style: none;
}

#local-nav ul li {
	margin-bottom: 1.333em;
}

#local-nav ul a {
	color: #575757;
	font: bold 1em arial, helvetica sans-serif;
	text-decoration: none;
}

#local-nav ul a:hover {
	color: #000;
}

#local-nav ul ul {
	padding-top: 1.333em;
}

#local-nav ul li li {
	margin-bottom: 0.75em;
}

#local-nav ul li li a {
	padding-left: 10px;
	background: url(../images/design/light-grey-bullet.gif) 0 0.55em
		no-repeat;
}

#local-nav ul li li.last-child {
	margin-bottom: 0;
}

#local-nav ul li li a {
	color: #888888;
	font-weight: normal
}

#local-nav ul li li.active a span {
	color: #000;
	padding-right: 12px;
	background: url(../images/design/red-arrow.gif) 100% 2px no-repeat;
}

#local-nav>ul>li.active>a {
	color: #D00;
}

#aside {
	float: left;
	overflow: hidden;
	/* width: 30.133929%; /* 273px / 906px */
	width: 273px;
}

#aside img {
	display: block;
	margin-bottom: 1em;
}

#content-wrap {
	
}

/* Alt styles for content div */
.has-nav #content-wrap,.has-nav-and-sub #content-wrap,.has-sub #content-wrap
	{
	float: left;
	/*width: 73.660714%; /* 667px / 906px */
	width: 667px;
}

.has-nav-and-sub #content {
	float: left;
	/* width: 40.736607%; /* 369px / 906px */
	width: 368px;
	/* margin-right: 3.34821428571%; /* 32px / 906px */
	margin-right: 20px;
}

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

/*
.listing { 
	clear: both; 
	margin: 0; 
	padding: 0 0 0.5em 0; 
}
.listing h3 { color: #D00; }
.listing p { margin-bottom: 0.5em; }

.thumbnail { 
	padding-left: 118px;
}
.thumbnail .image { 
	float: left; 
	width: 118px;
	margin-left: -118px;
	display: inline; 
}*/ /*
#list {
	padding-top: 20px;
}

.listing h3 {
	color: #D00;
	padding-bottom: 10px;
}

.listing p {
	font-size: 1.25em;
}

.thumbnail .image {
	float: left;
	width: 86px;
	padding-right: 30px;
	position: relative;
	display: block;
}
.thumbnail .image img {
	display: table-cell;
	vertical-align: middle;
}

*/ 
.listing {
	display: table;
	position: relative;
}
.listing>div {
	display: table-cell;
	vertical-align: middle;
}

.listing .image {
	width: 86px;
	padding-right: 30px;
}
.thumbnail .listInfo {
	width: 550px;
}


a.learnMore {
	padding: 4px 6px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	color: #FFF;
	background: #b6b6b6;
	background: -moz-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6),
		color-stop(67%, #8b8b8b), color-stop(100%, #a1a1a1) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* IE10+ */
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#b6b6b6', endColorstr =   '#a1a1a1', GradientType =   0 );
	/* IE6-9 */
	background: linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* W3C */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	clear: both;
	margin: 0 0 15px 0;
}

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

#product-area {
	width: 685px;
	float: left;
	margin-right: 12px;
}

#product-area .product {
	float: left;
	width: 222px;
	height: 282px;
	margin-right: 9px;
	position: relative;
}

#product-area .product img {
	position: relative;
}

#product-area .product-links {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 12px 0;
	height: 60px;
	/*
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.6);
    */
	background: url(../images/design/product-links-bg.png) 0 0 repeat;
}

#product-area .product-links h2 {
	float: left;
	margin: 0 0 0 12px;
	font-size: 1.5em;
	line-height: 1.1em;
	width: 90px;
	text-transform: uppercase;
	color: #000000;
	font-family: helvetica, arial, sans-serif;
}

#product-area .product-links.frProdTitle h2 {
	font-size: 1.2em;
	line-height: 1.2em;
}

#product-area .product-links ul {
	float: right;
	margin-right: 12px;
}

#product-area .product-links ul li,#product-area .product-links ul a {
	text-align: right;
	font-size: 0.917em;
	color: #000000;
}

#callouts {
	float: left;
	width: 203px;
}

#callouts a,#callouts img {
	display: block;
}

#callouts img {
	margin-bottom: 15px;
}

#home-content {
	float: left;
	width: 432px;
	margin-right: 30px;
}

#home-content.wide {
	float: none;
	width: 100%;
	margin
	0;
}

#news-events {
	float: left;
	width: 443px;
	background: url(../images/design/home-news-events-bg.gif) 0 0 repeat-x;
	border-top: 1px solid #E5E5E5;
}

.posts {
	width: 45%;
	padding: 0.833em 2.5%;
	float: left;
}

.posts li {
	margin-bottom: 0.75em;
}

.posts h3 {
	font-size: 1em;
	font: normal 1em "Helvetica Neue", arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.posts h3 a {
	font-size: 0.75em;
	text-decoration: none;
	color: #D00;
	position: relative;
	top: -2px;
	padding: 20px;
}

.posts h3 a:hover {
	text-decoration: underline;
}

.posts h4 {
	font: bold 1em arial, helvetica, sans-serif;
}

.posts h4 a {
	color: #D00;
}

.posts p {
	font-size: 1em;
	margin-bottom: 0;
}

.news-posts {
	background: url(../images/design/home-news-bg.gif) 0 0 no-repeat;
}

.event-posts {
	background: url(../images/design/home-events-bg.gif) 100% 0 no-repeat;
}

/* Contact Us Page
-------------------------------------------------------- */
#contact-main {
	float: left;
	width: 664px;
	margin-right: 30px;
}

a.change-country,a.change-country:visited {
	font-size: 0.5em;
	color: #1a75b5;
	margin-left: 15px;
	text-decoration: underline;
	position: relative;
	top: -3px;
}

a.change-country:hover {
	color: #DD0000;
}

#contact-main h2 {
	font-size: 1.333em;
	color: #D00;
	padding-top: 0.75em;
	margin-bottom: 1.25em;
}

#contact-main form {
	border: 1px solid #dfdfdf;
	background: #f1f1f1;
	padding: 1em 25px 0.5em 25px;
	margin-bottom: 1.75em;
}

#contact-main form h3 {
	color: #626262;
	font-size: 1.147em;
	margin-bottom: 0.75em;
}

#contact-main form table {
	border: 0;
	margin: 0.5em;
}

#contact-main form table td {
	padding: 0;
	border: 0;
}

#contact-main form table td input {
	float: left;
	margin-right: 10px;
	/* ie8.css */
}

#contact-finder .submit {
	display: none;
}

#contact-main form table td label {
	float: left;
	width: auto;
	text-transform: none;
	font-size: 1.25em;
}

.contact-list {
	padding: 0.75em 0 0 0;
}

.contact-row {
	margin-bottom: 1.25em;
}

.contact {
	float: left;
	width: 200px;
	margin-right: 30px;
}

.contact h3 {
	color: #666666;
	font-weight: normal;
	margin-bottom: 0.25em;
}

.contact h4 {
	color: #000;
	font-size: 1.083em;
	margin-bottom: 0.25em;
}

.contact h5 {
	color: #888888;
	font-weight: normal;
	font-size: 0.917em;
	text-transform: none;
	margin-bottom: 0.75em;
}

.contact p {
	margin-bottom: 0.5em;
	color: #000;
	font-size: 0.917em;
}

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

.contact .extended-address {
	display: block;
}

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

.contact .contact-methods span strong {
	color: #898989;
}

.contacts-sub-section {
	border-top: 1px solid #D9D9D9;
	padding-top: 0.5em;
}

#contact-aside {
	float: left;
	width: 203px;
	background: url(../images/design/aside-bg.gif) 0 0 no-repeat;
}

#contact-aside-inner {
	padding: 1.5em 15px;
	margin-bottom: 2.5em;
}

#contact-aside-inner h3 {
	color: #D00;
}

#contact-aside-inner p {
	font-size: 1em;
}

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

#contact-aside-inner .contact-methods span strong {
	margin-right: 10px;
}

/* 20111013 */
#contact-aside-inner .street-address {
	display: block;
}

#contact-header small {
	font-size: 0.667em;
	color: #808080;
	margin-left: 225px;
}

.contact-map {
	position: relative;
}

.contact-map-world {
	padding-top: 1em;
	height: 440px;
	width: 900px;
}

#contact-map-cover {
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 515px;
	background: url(../images/design/contact-map-cover.png) 0 0;
}

#contact-map {
	z-index: 100;
}

#tool-tip {
	border: 1px solid #656668;
	background: #FFF;
	padding: 18px;
	padding-top: 0;
	position: absolute;
	display: none;
	font-size: 1.2em;
}

#tool-tip .contact-row {
	margin-bottom: 0;
}

#tool-tip .contact {
	padding-top: 15px;
	margin-right: 15px;
}

#tool-tip-close {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 10px;
	color: #DD0000;
}

/* -------------------------------------------------------------- 
  	8. Overide Styles
-------------------------------------------------------------- */
.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;
}

/* -------------------------------------------------------------- 
	9. Media Queries
-------------------------------------------------------------- */ /* 
@media only screen and (max-width: 480px) {
    
    #header-top ul {
        float: none;
        width: 322px;
        margin: 0 auto 0.75em;
    }

    #header-top ul li { margin-right: 10px; }
    
    #logo {
        position: static;
        bottom: auto;
    }

    .main-search-form { 
        float: none;
        width: 230px;
        margin: 0 auto;
    }

    #header-bottom-wrap {
        padding: 1.5em 0 1em 0;
    }

    #logo {
        margin: 0 auto 1.5em;
    }


    #main-menu { padding: 0; float: none; }
    #main-menu li {
        border-right: none;
        border: 1px solid #DFDFDF;
        float: none;
        text-align: center;
        margin-bottom: 0.5em;
    }
    #main-menu li.language-selector { text-align: left; padding-left: 0; }
    #main-menu li a {
        display: block;
        padding: 0.5em;
    }
    #main-menu li a.active { background: #DD0000; color: #FFF; }
    #main-menu li a.btn { display: inline; margin-left: 0; }

    #main-wrap {
        padding: 1.5em 0 1em 0;
    }
    
    #bread-crumbs { display: none; }

    #local-nav,
    #content,
    #aside { 
        float: none; 
        width: 100%;
        margin: 0;
    }

    .has-nav #content,
    .has-nav-and-sub #content { width: 100% }
    
    #local-nav ul { margin-bottom: 1.25em; }

    #local-nav ul li {
        margin-bottom: 0.5em;
    }

    #local-nav li a {
        display: block;
        padding: 0.5em;
        background: #DFDFDF;
        font-size: 1.167em;
        text-align: center;
    }

    #local-nav li.active a {
        background-color: #666;
        color: #FFF;
    }

    #local-nav li.active ul {
        padding: 0.5em 0;
        background: #DFDFDF;
        margin-bottom: 0.5em;
    }

    #local-nav li.active ul li {
        padding: 0;
        margin-bottom: 0;
    }

    #local-nav li.active ul li a {
        color: #575757;
        background-color: transparent;
    }

    #footer-address,
    #footer-links {
        float: none;
        font-size: 0.833em;
    }

    #footer-address {
        margin-bottom: 2em;
    }

    #footer-links p { 
        text-align: left;
        margin-bottom: 0.25em;
    }

    #footer-links ul {
        margin-bottom: 1.25em;
    }

    #footer-links ul li {
        float: none;
        background: none;
        padding: 0;
    }

    #footer-links ul li a {
        font-size: 1.2em;
        padding: 0;
    }
}

@media only screen and (max-width: 808px) and (min-width: 481px) {
    #header-bottom-wrap {
        padding-top: 0.833em;
        padding-bottom: 0.25em;
    }
    
    #logo {
        position: static;
        bottom: auto;
        width: 22.32142857%; /* 200px / 896px */ /*
        margin-right: 3.34821428571%; /* 30px / 896px */ /*
        height: auto;
        float: left;
        background: none;
    }
    #logo a {
        width: 100%;
        height: 100%;
    }
        
    #main-menu {
        padding-left: 0;
        width: 73.660714%; /* 660px / 896px */ /*
        float: left;
    }

    #main-menu li {
        border: 1px solid #DFDFDF;
        float: left;
        width: 48.5%;
        margin: 0 1.5% 0.5em 0;
    }

    #main-menu li a { padding: 0.5em; }
    #main-menu li a.active { background: #DD0000; color: #FFF; }
    #main-menu li.odd { margin-right: 0; }

    #main-wrap { padding-top: 1.5em; }
}

@media only screen and (max-width: 992px) and (min-width: 481px) {
    #main-menu li a {
        font-size: 0.917em;
    }
    #main-menu a.btn {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/*
@media only screen and (max-width: 1382px) {
}
*/ /*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
}
*/ /* -------------------------------------------------------------- 
  	10. Updated CSS 
-------------------------------------------------------------- */
.product-links h2 {
	font-weight: bold;
}

#product-area .product-links ul.layout li a,#productsBoxes .product .product-links ul li a
	{
	color: #1a75b5 !important;
}

#product-area .product-links ul.layout li a:hover,#productsBoxes .product .product-links ul li a:hover
	{
	color: #1b78f1 !important;
}

img.contentLogo {
	padding-left: 15px;
}

#content-wrap .productsPageProduct-area {
	
}

#content p {
	clear: both;
}

ul li {
	margin: 0 0 4px 10px;
}

.listing {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

#newsPost {
	border-top: 1px solid #ccc;
	padding-top: 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;
}

#footer a:hover {
	color: #557BA8 !important;
}

#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;
	/*	border-left: 1px solid #eeeeee;*/
}

#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;
}

.aboutSide {
	width: 320px;
	float: left;
}

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

.aboutMain {
	width: 556px;
	float: right;
	padding-left: 14px;
	/*	margin-left: 14px;*/ /*	border-left: 1px solid #eeeeee;*/
}

.aboutCompany {
	display: block;
	clear: both;
	border-top: 5px solid #d9d9d9;
	padding: 13px 0;
}

.companyLogo {
	width: 136px;
	float: left;
	text-align: center;
}

.companyLogo p a {
	display: block;
	margin-top: 10px;
	font-size: .8em;
}

.companyContent {
	width: 410px;
	float: right;
	padding-left: 10px;
}

.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-color: #FEFAD9;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}

div.errorsInner {
	padding-left: 80px;
	background: url(../images/forms/) 15px 1em no-repeat;
}

/* Request Information Form */
form#requestInformation {
	margin: 0;
	padding: 0;
}

form#requestInformation fieldset {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	margin-bottom: 1em;
	padding: 1em;
}

form#requestInformation legend {
	color: #CC0000;
	font-size: 1em;
	display: block;
	-webkit-padding-start: 2px;
	-webkit-padding-end: 2px;
	border: none;
}

form#requestInformation .fieldArea {
	clear: left;
	margin-bottom: 0.5em;
	overflow: auto;
}

form#requestInformation .fieldArea label {
	float: left;
	font-size: 1em;
	margin-right: 10px;
	width: 150px;
	text-align: left;
}

form#requestInformation .fieldArea label {
	float: left;
	font-size: 1em;
	margin-right: 10px;
	width: 150px;
	text-align: left;
}

form .required label {
	font-weight: bold;
}

form#requestInformation .fieldArea span {
	clear: left;
	color: #CC0000;
	display: block;
	font-weight: bold;
}

form#requestInformation .htmlInputText input {
	float: left;
	width: 250px;
}

form#requestInformation input.protect {
	display: none;
}

form#requestInformation .htmlselectBooleanCheckbox input {
	float: left;
}

form#requestInformation .otherFieldArea label {
	width: auto;
}

form#requestInformation .otherFieldArea input {
	width: 150px;
}

form#requestInformation .address2FieldArea input {
	margin-left: 160px;
}

form#requestInformation .fieldArea input,form#requestInformation .fieldArea textarea
	{
	width: auto;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	margin-right: 10px;
}

ul#news-events-links li {
	list-style: none;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

ul#news-events-links {
	float: right;
	padding: 5px 0;
	margin: 0;
}

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

#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;
	background: -moz-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6),
		color-stop(67%, #8b8b8b), color-stop(100%, #a1a1a1) );
	background: -webkit-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	background: -o-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	background: -ms-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#b6b6b6', endColorstr =   '#a1a1a1', GradientType =   0 );
	background: linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	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
	{
	padding: 4px 6px;
	text-deocration: none !important;
	color: #FFF !important;
	background: #b6b6b6;
	background: -moz-linear-gradient(top, #a1a1a1 0%, #8b8b8b 67%, #b6b6b6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1a1a1),
		color-stop(67%, #8b8b8b), color-stop(100%, #8b8b8b) );
	background: -webkit-linear-gradient(top, #a1a1a1 0%, #a1a1a1 67%, #8b8b8b 100%);
	background: -o-linear-gradient(top, #a1a1a1 0%, #     67%, #b6b6b6 100%);
	background: -ms-linear-gradient(top, #a1a1a1 0%, #8b8b8b 67%, #8b8b8b 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#a1a1a1', endColorstr =   '#8b8b8b', GradientType =   0 );
	background: linear-gradient(top, #a1a1a1 0%, #8b8b8b 67%, #8b8b8b 100%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.canadaButton a
	{
	display: block;
	float: left;
	text-decoration: none;
}

#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.usButton a
	{
	display: block;
	float: right;
	margin-right: 50px;
	text-decoration: none;
}

#content-wrap #productsBoxes .product .product-links ul.productPageLinks li.intLink
	{
	display: block;
	clear: both;
	float: none;
	padding-top: 10px;
}

h1.about-header {
	float: left;
}

h1.about-header-fr {
	float: left;
	font-size: 2em;
}

.listInfo {
	margin-bottom: 10px;
}

form#investor-contact {
	margin: 0;
	padding: 0;
}

form#investor-contact fieldset {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	margin-bottom: 1em;
	padding: 1em;
}

form#investor-contact legend {
	color: #CC0000;
	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 label {
	float: left;
	font-size: 1em;
	margin-right: 10px;
	width: 150px;
	text-align: left;
}

form#investor-contact .fieldArea label {
	float: left;
	font-size: 1em;
	margin-right: 10px;
	width: 150px;
	text-align: left;
}

form#investor-contact .fieldArea.htmlselectBooleanCheckbox label {
	width: 550px;
}

form#investor-contact .fieldArea span {
	clear: left;
	color: #CC0000;
	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 label {
	width: auto;
}

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: arial, helvetica, sans-serif;
	margin-right: 10px;
}

#content sup {
	font-size: .5em;
}

/* ------------------ | XERXES |-----------------------*/
.calloutArea2 {
	margin-top: 9px;
}

.calloutArea2 a {
	display: block;
	height: 115px;
	width: 203px;
	text-indent: -9999px;
	background: url(../images/callouts/diesel-exhaust-fluid.jpg) 0 0
		no-repeat;
}

.calloutArea2 a:hover {
	background-position: 0 -115px;
}

#content p span {
	font-weight: 1.1em;
	color: #D00;
	text-transform: uppercase;
	font-weight: bold;
}

#news-events:after {
	content: '';
	display: block;
	clear: both;
	float: none;
}

#main-wrap:after {
	content: '';
	display: block;
	clear: both;
	float: none;
	height: 1px;
}

#j_id41:after {
	content: '';
	display: block;
	clear: both;
	float: none;
}

#footer-wrap,#footer {
	display: block;
	clear: both;
	float: none;
}

form#newsletterForm {
	margin: 0;
	padding: 0;
	width: 558px;
}

form#newsletterForm fieldset {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	margin-bottom: 1em;
	padding: 1em;
}

form#newsletterForm legend {
	color: #CC0000;
	font-size: 1.4em;
}

form#newsletterForm .fieldArea {
	clear: left;
	margin-bottom: 0.5em;
	overflow: auto;
}

form#newsletterForm .fieldArea label {
	float: left;
	font-size: 1em;
	margin-right: 10px;
	width: 150px;
}

form#newsletterForm .required label {
	font-weight: bold;
}

form#newsletterForm .fieldArea span {
	clear: left;
	color: #CC0000;
	display: block;
	font-weight: bold;
}

form#newsletterForm .htmlInputText input {
	float: left;
	width: 250px;
}

form#newsletterForm input.protect {
	display: none;
}

form#newsletterForm div.errors {
	background-color: #FEFAD9;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}

form#newsletterForm div.errorsInner {
	padding-left: 80px;
	background: url(../images/forms/) 15px 1em no-repeat;
}

form#newsletterForm input.submit {
	padding: 4px 6px;
	text-transform: uppercase;
	color: #FFF;
	background: #b6b6b6;
	background: -moz-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6),
		color-stop(67%, #8b8b8b), color-stop(100%, #a1a1a1) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* IE10+ */
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#b6b6b6', endColorstr =   '#a1a1a1', GradientType =   0 );
	/* IE6-9 */
	background: linear-gradient(top, #b6b6b6 0%, #8b8b8b 67%, #a1a1a1 100%);
	/* W3C */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-left: 160px;
}
.contacts-sub-section, .contacts-sub-section h2 {
	outline: none;
}
.contacts-sub-section h2 {
	cursor: pointer;
	background-image: url(../images/icons/gplus.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 0 0 0 15px;
}
.contacts-sub-section h2.activeContactHead {
	background-image: url(../images/icons/gminus.gif);
}

.contacts-sub-section h2 span:hover {
	color: #557BA8;
}











/* End of CSS */