/* Temp */

div#nav li.about,
div#nav li.contact {
	display:block !important;
}

div#nav li.services
{
	display:none !important;
}

div#industries li.galleries,
div#industries li.other {
	display:block !important;
}

div.productList .galleries,
div.productList .other {
	display:block !important;
}

.missing {
	color:#fff;
	background-color:red;
	display: none;
}


/* Global Settings
-----------------------------------------------------------------*/

body {
	margin:0 auto;
	padding:0;
	width:780px;
	background-color:#fff;
	background-image:url(images/background-bar.png);
	background-repeat:repeat-x;
	background-position:top left;

	color:#333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;
}

div#layout,
div#background-line {
	font-size:0.7187em;
}

a {
	color:#448866;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

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

p {
	color: #55555;
	margin-top:0;
	margin-bottom:0.5em;
	padding-bottom:0;
	line-height: 155%;
}

ul {
	margin-top:0;
	margin-bottom:1em;
	padding-left:20px;
}

em.standout {
	text-transform:uppercase;
	font-style:normal;
	font-size:0.85em;
	letter-spacing:0.08em;
}

blockquote {
	margin:0;
	margin-bottom:2em;
	padding-left:0px;
	padding-right:0;
	font-size: 1.1em;
}

blockquote .quoteOpen,
blockquote .quoteClose {
	font-family:georgia;
	color:#999;
	font-size:4em;
}

blockquote .quoteOpen {
	float:left;
	padding-right:0.1em;
	line-height:0.85em;
}

blockquote .quoteClose {
	float:right;
	padding-left:0.1em;
	line-height:0.2em;
}

blockquote .credit {
	margin-left: 1.4em;
	margin-top:0;
	padding-top:0;
	display:block;
	font-style:italic;
	text-align:left;
	clear:both;
}



/* Structure
-----------------------------------------------------------------*/

div#layout {
	position:relative;
	z-index:15;
	width:780px;

}

body.large div#layout {
	_6:17 PM 4/8/2008width:786px;
}

div#header {
	position:relative;
}

div#banner {
	height:110px;
	background-image:url(images/background-header.png);
}

div#industries {
	position:absolute;
	top:-1px;
	right:1px;
	height:90px;

	/* .htc files are referenced relative to source file
         * and not relative to .css file
         * switch to absolute reference on web server
         */
	_behavior:url(csshover.htc);
}

div#industries,
div#industries ul {
	z-index:20;
}

div#nav {
	position:relative;
	z-index:10;
}
div#wrapper {
	position:relative;
	margin-top:-1px;
	z-index:20;
}

div#main {
	poisition:relative;
	z-index:15;
	width:510px;
}

div#sidebar {
	width:240px;
}

body.leftSidebar div#main,
body.rightSidebar div#sidebar {
	float:right;
}

body.rightSidebar div#main,
body.leftSidebar div#sidebar {
	float:left;
}

div#background-line {
	position:absolute;
	z-index:5;
	top:110px;
	left:0;
	width:100%;
}


/* Large Sidebar */

body.large div#sidebar {
	margin-top:5.8em;
}

body.large div#main {
	padding-top:6.8em;
}

body.large div#main h2 {
	position:absolute;
	top:0;
	left:0;
	width:780px;
}

body.threeColumn div#main {
	width:250px;
}

body.threeColumn div#sidebar {
	width:490px;
}

body.twoColumn div#main {
	width:420px;
}

body.twoColumn div#sidebar {
	width:330px;
}


/* ensure column borders continue if content is short */

div#wrapper {
	overflow:hidden;
}

div#main,
div#sidebar {
	padding-bottom:20000px;
	margin-bottom:-20000px;
}
	



/**
 * markup free clearing
 */

div#wrapper:after,
div#nav:after,
div.columns:after,
.item:after,
div.thumbnails:after,
div.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wrapper,
div#nav,
div.columns,
.item,
div.thumbnails,
div.group {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html div#wrapper,
* html div#nav,
* html div.columns,
* html .item,
* html div.thumbnails,
* html div.group {
	height: 1%;
}
div#wrapper,
div#nav,
div.columns,
.item,
div.thumbnails,
div.group {
	display: block;
}
/* End hide from IE-mac */





/* Structure Styles
---------------------------------------------------------------*/

/**
 * Header
 */



/* Industries drop down */

div#industries div.default,
div#industries:hover ul {
	width:20.6em;
}

div#industries div.default {
	position:absolute;
	bottom:0;
	right:0;

	border:1px solid #337755;
	background-color:#fff;
	padding:1px;
}

div#industries span.arrow {
	display:block;
	width:1.5em;
	float:right;

	background-color:#337755;
	background-image:url(images/whiteArrow.png);
	background-repeat:no-repeat;
	background-position:center center;
}

div#industries span.text {
	padding-left:1em;
}

div#industries ul,
div#industries ul li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

div#industries ul {
	position:absolute;
	top:-10000px;
	right:0;

	overflow:hidden;
	padding:1px;

	background-color:#fff;

	border-left:1px solid #99bbaa;
	border-right:1px solid #99bbaa;
	border-bottom:1px solid #99bbaa;
}

div#industries:hover ul {
	top:90px;
}

div#industries a {
	display:block;

	color:#000;
	font-weight:normal;
	text-decoration:none;
	outline-style:none;

	padding-left:1em;
	padding-right:2.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;

	_width:100%;
}

div#industries a:hover {
	background-color:#ffcc00;
}



/* Logo Eco-Lite */

a#logo {
	position:relative;
	top:34px;

	display:block;
	height:52px;
	width:231px;

	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:top left;

	text-decoration:none;
	outline-style:none;
}

a#logob {
	position:relative;
	top:34px;

	display:block;
	height:52px;
	width:231px;

	background-image: url(images/econo-lite-salesman-logo.png);
	background-repeat:no-repeat;
	background-position:top left;

	text-decoration:none;
	outline-style:none;
}

a#logo h1,
a#logo span.slogan {
	margin:0;
	padding:0;

	position:relative;
	top:-1000px;
}

a#logob h1,
a#logob span.slogan {
	margin:0;
	padding:0;

	position:relative;
	top:-1000px;
}




/* Logo Econo-Lite */

a#logo2 {
	position:relative;
	top:34px;

	display:block;
	height:52px;
	width:231px;

	background-image:url(images/logo2.png);
	background-repeat:no-repeat;
	background-position:top left;

	text-decoration:none;
	outline-style:none;
}

a#logo2 h1,
a#logo2 span.slogan {
	margin:0;
	padding:0;

	position:relative;
	top:-1000px;
}



/**
 * Navigation
 */

div#background-line {
	border-bottom:1px solid #ffdd88;
}

div#background-line span {
	display:block;
	float:left;
}

div#background-line,
div#nav {
	/* ensure background line and nav have same height */
	padding-top:1em;
	padding-bottom:1em;
}

div#background-line span,
div#nav a {
	font-size:1em;
	letter-spacing:0.13em;
}

div#nav {
	/* to cover background line and
         * ensure border lines have right angles
         */
	margin-left:0px;
	margin-right:1px;
	border-bottom:1px solid #fff;
}

div#nav ul,
div#nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

div#nav ul li {
	float:left;
}

div#nav a {
	display:block;
	float:left;

	text-transform:uppercase;

	margin-right:2em;
	_margin-right:1em;
}

div#nav li.active a {
	color:#000;
}



/**
 * Main Content
 */

div#wrapper,
body.leftSidebar div#main,
body.rightSidebar div#sidebar {
	border-left:1px solid #ffdd88;
}

body.large div#sidebar {
	border-right:1px solid #ffdd88;
}

div#main,
body.rightSidebar div#sidebar,
body.large div#main h2 {
	border-top:1px solid #ffdd88;
}

body.large div#main,
body.large div#sidebar {
	border-top:0px;
}

div.content {
	margin-bottom:2em;
}


div.content p {
	font-size: 1.1304em;
	margin-bottom:1em;
}


div.content li { 
	font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 0.5em;}

div.intro {
	font-size:1.05em;
	line-height:1.6923em;

	padding-top:1em;
}

h2, h3, h4, h5,
div.content {
	padding-left:20px;
}

h2, h3 {
	margin-bottom:0.5em;
}

h2 {
	font-family: Palatino, 'Palatino Linotype', didot, Georgia, "Times New Roman", Times, serif;
	font-size:2.1818em;
	font-weight:normal;
	line-height:1.125em;

	padding-top:1em;
	padding-bottom:0.5em;
	border-bottom:1px solid #ffdd88;
}

h3,
div#sidebar h2 {
	font-family: Georgia, Palatino, 'Palatino Linotype', didot, "Times New Roman", Times, serif;
	color:#448866;
	font-size:1.1818em;
	font-weight:bold;

	padding-top:0em;
	padding-bottom:0em;
	margin-top:1.5em;

	border:0px;

	background-image:url(images/bulletHeader.png);
	background-repeat:no-repeat;
	background-position:center left;
	
	/* Ensure background image doesn't get cropped on small font sizes */
	min-height:20px;
	height:auto !important;
	height:20px;
}


h4 {
	margin-left: -20px;
	color:#333333;
	font-size:0.9em;
	font-weight:bolder;

	padding-top:.4em;
	padding-bottom:0;

	border:0px;

	background-repeat:no-repeat;
	background-position:center left;
	
	/* Ensure background image doesn't get cropped on small font sizes */
	min-height:20px;
	height:auto !important;
	height:20px;
}
h4 strong {
	color: #000000;
}


h5 {
	margin-left: -20px;
	color:#333333;
	font-size:1em;
	font-weight:bolder;

	padding-top:.4em;
	padding-bottom:0;
	
	border:0px;

	background-repeat:no-repeat;
	background-position:center left;
	
	/* Ensure background image doesn't get cropped on small font sizes */
	min-height:20px;
	height:auto !important;
	height:20px;
}
h5 strong {
	color: #cc9900;
}

div#sidebar h2 a span.readmore {
	color:#dd9900;
	font-size:0.7692em;
	text-transform:uppercase;
	letter-spacing:0.05em;
	padding-left:0.2em;
}

div#sidebar a:hover span.readmore {
	color:#000;
}

div#sidebar {
	line-height:1.3910em;
}

img.mainImage {
	margin-top:-1px;
	width:510px;
}

body.leftSidebar im.mainImage {
	margin-left:-1px;
}





/* columns */

div.columns {
	border-top:1px solid #ffdd88;
	margin-top:5.7em;
}

body.rightSidebar div.columns {
	margin-left:-20px;
	_margin-left:-40px;
	_width:550px;
}

body.leftSidebar div.columns {
	margin-right:-40px;
	_width:530px;
}

div.column {
	float:left;
	width:245px;

	background-image:url(images/greyGradient-left.png);
	background-repeat:repeat-y;

    /* ensure columns are same height */
	padding-bottom:10000px;
	margin-bottom:-10000px;
}

.columns .column p { 
	margin-top:1em 
}

body.rightSidebar div.column {
	margin-left:20px;
}

body.leftSidebar div.column {
	margin-right:20px;
}

div.column h2 {
	position:relative;
	top:-2.5em;

	border:0;
	
	background-image:url(images/yellowHeader.png);
	background-repeat:no-repeat;
	background-position:center left;

	color:#226644;
	font-size:1.1818em;
	font-weight:bold;
	font-family:georgia;

	padding-top:0.7em;
	padding-bottom:0.7em;
}

div.column div.content {
	position:relative;
	left:20px;
	width:224px;

	padding-left:0px;

	margin-top:-3.3em;
}







/* Sidebar Product Lists */

div.productList {
	position:relative;
	top:-1px;
	left:-1px;
}

div#sidebar div.productList h2 {
	color:#fff;

	padding-left:10px;
	padding-right:10px;
	padding-top:0.5em;
	padding-bottom:0.2em;
	margin:0px;

	background-image:url(images/greenHeader.png);
	background-repeat:no-repeat;
	background-position:center left;
}

div#sidebar div.productList h2 a {
	color:#fff;
}

div#sidebar div.productList h2 a .readmore {
	color:#ffcc00;
}

div#sidebar div.productList h2 a:hover {
	color:#ffcc00;
}

div.productList div.content {
	padding:0;
}

div.productList .item {
	display:block;

	margin-top:2px;

	background-image:url(images/greyGradient-right.png);
	background-repeat:repeat-y;
	background-position:top right;

	outline:none;
}

div.productList .item:hover {
	background-image:none;
	background-color:#ffcc00;
}

div.productList .item img {
	float:left;
	width:90px;
	height:70px;
	border:0px;
}

div.productList .item .description {
	display:block;
	float:left;
	padding-top:25px;
	margin-left: -5px;

	font-size:1.1304em;
}

body#home div.productList .item .description {
	padding-top:25px;
}

div.productList .item .description span {
	display:block;

	padding-left:20px;
	padding-right:20px;
}

div.productList .serial {
	color:#000;
	font-weight:normal;
	font-family:georgia;
}

.indent {
	padding: 10px 0 0px 20px
}



/**
 * Footer
 */

div#footer {
	position:relative;
	border-top:1px solid #ffdd88;
	border-right:1px solid #ffdd88;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:2em;
}

div#footer img {
	margin-top:0.85em;
}

div#footer a.contact {
	display:block;
	position:absolute;
	z-index:30;
	top:0.6em;
	left:172px;
	_left:152px;
	width:155px;
	height:14px;
	text-decoration:none;
	background-image:url(images/blank.gif);
}


/* Section Specific Styles
----------------------------------------------------------------*/

/**
 * Home
 */

 body#home div.intro {
	padding-top:1.8em;
}

div.events div.item {
	margin-bottom:1em;
	color:#666;
}

div.events .date {
	color:#000;
}

div.events a.title {
	font-weight:normal;
}

div.events .description {
	display:block;
}



/**
 * Products
 */

body#productPage div#main h2,
body#productPage div#main h3,
body#productPage div#main div.content {
	width:395px;
}

body#productPage div#main div.content {
	margin-bottom:2em;
}

body#productPage div#main .description {
	font-size:1.1304em;
}

div.productInfo {
	margin-bottom:1.5em;
}

div.productInfo img {
	position:relative;
	left:-1px;
	width:241px;
	margin-bottom:-0.3em;
	border-bottom:2px solid #eee;
}

div.productInfo .caption {
	background-color:#eee;

	color:#555;
	line-height:1.5652em;

	padding-left:20px;
	padding-right:20px;
	padding-top:1em;
}

div.productInfo .caption p {
	margin:0;
	padding-bottom:1em;
}

div.productInfo .caption .readmore {
	display:block;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.08em;
	padding-bottom:0.6em;
	margin-top:-0.4em;
}



/**
 * Industry
 */

h2.sectionTitle {
	background-image:url(images/background-pageTitle.png);
	background-position:center center;
	background-color: #ebc100;

	padding-bottom:0.58em;
	padding-top:1.08em;
	margin-top:-0.15em;
	margin-bottom:0.5em;
}

div.thumbnails {
	margin-bottom:10px;
	margin-left:10px;
}

div.thumbnails div.group {
	overflow:hidden;
}

div.thumbnails .item {
	float:left;
	width:150px;
	margin-right:10px;
	background-color:#eee;

	padding-bottom:500px;
	margin-bottom:-500px;

	border-top:10px solid #fff;
}

div.thumbnails .item img {
	width:150px;
	display:block;
	border:0px;
}

div.thumbnails .item .readmore {
	display:block;

	margin-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;

	text-indent:-1em;
	padding-left:1em;
}
.seo {
	font-size:15px;
	padding-left: 0;
	border: none;
	background-image: none;
}


/* QI styles */

body.large div#main .seo {position: static;}

form#contact th {
	font-size: 14px;
	padding: 0 0 30px 10px;
}

form#contact td {
	font-size: 14px;
}

form#contact 						{margin:25px 0 10px 0px;overflow:auto;width:380px;}
form#contact label 					{display:block;clear:left;float:left;width:130px;}
form#contact input 					{background:#fff;margin:0 0 7px 0;border:1px solid #444;width:220px;float:right;}
form#contact textarea 				{background:#fff;height:80px;border:1px solid #444;width:215px;float:right;}
form#contact input#send				{background:#a80329;border:0;cursor:pointer;width:100px;height:30px;color:#fff;margin:10px 0 0 130px;display:inline;}
.faulty_field						{background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
label span                          {color:#ff0000;font-size:85%;}

form#contact #submit {
	margin-top: 10px;
	font-size: 14px;
	cursor: pointer;
}