/*
Theme Name: LCDenclosure.com
Theme URI: http://www.LCDenclosure.com
Description: The default theme for LCDenclosure.com
Version: 1.0
Author: David Radford
Author URI: http://www.bigredradish.com/

	This theme was designed and built by David Radford,
	whose blog you will find at http://www.bigredradish.com/

*/
/* Import Contact Page Styling File 
@import url("css/contact-style.css");*/ 
/* ---Typography 14/21--- */
body {
	font-size: 87.5%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	/*background:#f2f2f2;*/
	background: #f0f0f0 url(images/background.gif) repeat-x 0 0; /*ea*/
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
/*h1, h2, h3, h4, h5, h6, legend {
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}*/
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
color: #666;
}
h1, h2, h3,h4, h5, h6  {
	font-family: Tahoma;
	color: #666;
}
h1 {
	margin: 0;
	font-size: 1.5714285714285714em;
	line-height: 0.9545454545454546em;
	margin-bottom: 0.9545454545454546em;
}
h2 {
	margin: 0;
	font-size: 1.4285714285714286em;
	line-height: 1.05em;
	margin-bottom: 1.05em;
	color: #ff6600;
}
h2.centerd {
	text-align: center;
	color: #666;
}
h2.extra-large {
	margin: 0;
	font-size: 1.8em; 
	line-height: /*0.9545454545454546em*/1.05em;
	margin-bottom: 0.9545454545454546em;
}
h3, span.number {
	margin: 0;
	font-size: 1.2857142857142858em;
	line-height: 1.1666666666666667em;
	margin-bottom: 1.1666666666666667em;
}
h4, h5, h6, #topNav, ul h3 {
	margin: 0;
	font-size: 1.1428571428571428em;
	line-height: 1.3125em;
	margin-bottom: 1.3125em;
}
p, ul, blockquote, pre, td, th, label, h1.alt, caption {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
p.small, dl#quick-spec, .Mod ul, .Mod dl, .Mod ol, #call, #j-box, blockquote p {
	margin: 0;
	font-size: 0.8571428571428571em;/* 12px */
	line-height: 1.75em;
	margin-bottom: 1.75em;
}
.extra-small, dl#quick-spec span, #block-footer, .post h3 span, #help-nav, #quick-contact, #microForm, #news, #news-feed, table#product-specs th, table#product-specs td, #contactForm .privacy, .territory span {
	margin: 0;
	font-size: 0.71428571428em;/* 10px */
	line-height: 2.1em;
	margin-bottom: 2.1em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

h4, p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
/* ================================================================ 
general
=================================================================== */
table {
border-collapse:collapse;
border-spacing: 0;
}
fieldset,
img {
border:0;
}
a, input {
outline: none;
}
li {
list-style:none;
}
abbr,acronym {
border-bottom: 1px dotted #ccc;
font-variant:normal;
cursor: help;
}
hr {
	color: #E5E5E5; 
	background: #E5E5E5; 
	border: 0; 
	height:1px;
	margin: 0 5px;
	clear: both;
}
.clear {
	clear: both;
}
ul.tick-list h2,
dl.tabular h2,
ul.tick-list h3,
dl.tabular h3 {
	color: #CD7E36;
	border-bottom: 1px dotted #CD7E36;
	margin-bottom: 0.8em;
}
/* ================================================================ 
structure
=================================================================== */
#eyebrow, #block-main, #block-footer {
	/*font-size:1.2em;
	border:solid #EAEAEA;
	border-width:0 10px;*/
	width:100%;
	overflow: hidden;
	background-color: #fff;
}
#eyebrow, #block-main, #block-footer {
	width:976px;
	margin:0 auto;
	text-align: left;
	position: relative;
}
#eyebrow {
	height: 51px;
	background: transparent;
	color: #fff;
}
#eyebrow .colC8 {
	margin-top: 10px;
}
#eyebrow #searchform {
	margin: 0;
}
#eyebrow #help-nav {
	list-style-type: none;
}
#eyebrow #help-nav li {
		display: inline;
		padding: 0 5px;
		border-left: 1px solid #84C007;
}
#eyebrow #help-nav li.first {
			border-left: none;
}
#eyebrow #help-nav li a:link,
#eyebrow #help-nav li a:visited {
		color: #fff;
		text-decoration: none;
}
#eyebrow #help-nav li a:hover,
#eyebrow #help-nav li a:active {
	color: #84c007;
	text-decoration: underline;
}
#block-footer {
	background-color: #333;
	color: #fff;
	padding: 0 0 14px;
	/*border-bottom: 10px solid #fff;*/
}
#block-footer li {
line-height: 1.8em;
}
#block-footer h3 {
	color: #2AA2C8;
	margin: 0 0 0.5em;
}
#block-footer a:link,
#block-footer a:visited {
	color: #fff;
	text-decoration: none;
}
#block-footer a:hover,
#block-footer a:active {
	color: #999;
	text-decoration: underline;
}
#mainContent {
	float: left;
	width:720px;
}
#sideContent {
	float: left;
	width: 240px;
}
/*#mainContent, #sideContent {
margin-top: 14px;
}*/
.colC1 {
	float: left;
	width: 66px;
	padding-left: 14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC1 .Mod {
width:66px;
}
.colC2 {
	float: left;
	width: 146px;
	padding-left: 14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC2 .Mod {
width:146px;
}
.colC3 {
	float: left;
	width: 226px;
	padding-left: 14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC3 .Mod {
width:226px;
}
.colC4 {
	float:left;
	width: 306px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC4 .Mod {
width:306px;
}
.colC5 {
	float:left;
	width: 386px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC5 .Mod {
width:386px;
}
.colC6 {
	float:left;
	width: 466px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC6 .Mod {
width:466px;
}
.colC7 {
	float:left;
	width: 546px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC7 .Mod {
width:546px;
}
.colC8 {
	float:left;
	width:626px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Fuchsia;*/
}
.colC8 .Mod {
width:626px;
}
.colC9 {
	float:left;
	width:706px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.colC9 .Mod {
width:706px;
}
.colC12 {
	float:left;
	width:960px;
	padding-left:14px;
	margin-top:14px;
	/*background-color: Aqua;*/
}
.Mod {
float:left;/*floated right to avoid double margin bug in IE6*/
position:relative;
background-color: #fff;
margin: 0 0 14px;
}
.Mod ul, .Mod p, .Mod h3 {
padding: 0 5px;
}
.Mod h2,
.Mod h3 {
margin: 0 0 7px;
padding: 5px 10px 5px 5px;/*was 5px 10px;*/
}
.Mod h2,
.Mod h3 {
	background-color: #ccc;
}
.Mod h2 a:link,
.Mod h2 a:visited,
.Mod h3 a:link,
.Mod h3 a:visited {
	color: #666;
	text-decoration: none;
}
.Mod h2 a:hover,
.Mod h2 a:active {
	color: #000;
	text-decoration: none;
}
.Mod h3 a:hover,
.Mod h3 a:active{
	text-decoration: underline;
}
.Mod .product-index-image {
float:left;
/*height: 118px;
width: 118px;*/
margin: 14px;
}
.colC9 .Mod p.more {
/*margin-top: -1.5em;*/
text-align: right;
}
.Mod p.productCode {	
	margin:0;
	float: right;
	padding: 5px 10px 0 0;
	color: #000;
	font-weight: bold;
}
/* ================================================================ 
assorted styles
=================================================================== */
.colC9 img {
	margin-bottom: 14px;
}
/*h1, h2.slant {
background: transparent url(images/h-back.png) no-repeat -320px 0;
height: 33px;
line-height:1.5em;
color: #fff;
text-indent:14px;
margin-left: -14px;
}
h2.slant {
	line-height:1.8em;
}*/
#call {
	text-align: center;
	color: #84C007;
}
#call span {
	color: #fff;
}
#swf {
display: block;
width: 340px;
margin: 10px auto;
}
#featured-vid {
padding-left: 10px;
}
/* ================================================================ 
header
=================================================================== */
#header {
background-color: #777;
}
div#topwrap {
border: 0;
padding:5px 0px;
margin: 0; 
width:100%;
overflow: hidden;
}
div#logo {
display:inline;
float:left;
margin: 0;
padding: 0 0 0 6px;
}
#header #strapline {
display:inline;
float:left;
margin:0;
padding: 0 2px;
}
#header #phone {
display:inline;
float:right;
margin: 0;
padding:0 2px;
}
#header #strapline p {
color: #38539a;
background: none;
font-family: Arial, Helvetica, sans-serif /*"Trebuchet MS",sans-serif*/;
font-size:16px;
font-weight: bold;
letter-spacing:-0.5pt;
margin:0px;
padding:26px 0px 0px 0px;
}
#header #phone p  {
color: Silver;
background: none;
font-family: Arial, Helvetica, sans-serif /*"Trebuchet MS",sans-serif*/;
font-size:16px;
font-weight: bold;
margin:0px;
padding:0px 4px 0 0px;
}
#header #phone p span {
	color: #fff;
	padding-left: 5px;
	letter-spacing:0.5pt;
}
/* ================================================================ 
top navigation
=================================================================== */
#navigation {
	padding: 32px 0 0;/*0*/
	width: auto;
	float: right;
}
#topNav {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 9px 0 0;
	clear: both;
}
ul#topNav li {
	display: inline;
	margin: 0 5px 0 0;

}
ul#topNav li a:link, 
ul#topNav li a:visited {
background-color: #5e5e5e;
color:#fff;
font-weight: bold;
letter-spacing:-0.06em;
padding:20px 4px 1px 30px;
text-decoration:none;
text-transform:uppercase;
-moz-border-radius: 0.3em;
-khtml-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
}
ul#topNav li a:hover,
ul#topNav li a:active,
ul#topNav li.thisPage a {	
	background-color: #fff;
	color: #2aa2c8/*ff6600*/;
}
/* ================================================================ 
breadcrumbs
=================================================================== */
ul#bread-crumbs {
	color: #222;
	background-color: #fff;
	margin:14px 0 14px 14px;
	list-style-type: none;
	font-size: 10px; /*change*/
		font-weight: bold;
	}
ul#bread-crumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	}
ul#bread-crumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
ul#bread-crumbs a:link,
ul#bread-crumbs a:visited {
padding: 3px;
text-decoration: none;
color: #38539a;
}
ul#bread-crumbs a:hover,
ul#bread-crumbs a:active {
text-decoration: underline;
color: #38539a;
}
/* ================================================================ 
Lists
=================================================================== */
/*----- bullet list ----*/
ul.bullet-list,
ul.tick-list {
padding-left: 2.5em;
}
.bullet-list li {
list-style-type: disc;
margin-bottom: 0.3em;
}
/*---- tick list ----*/
ul.tick-list,
dl.tabular {
background-color:#F3F3F3;
border:1px solid #CCCCCC;
padding:20px;
}
.tick-list li {
padding-left: 25px;
background: url(images/tick.png) no-repeat 0 0;
margin-bottom: 0.3em;
}
/*---- table style definition list ----*/
/*dl.tabular {
width: 360px;
overflow: hidden;
margin: 2em 0 2em 1.5em;
padding: 0;
text-align: justify;
}*/
dl.tabular {
margin: 2em 0;
overflow:hidden;
padding:10px 20px;
text-align:justify;
width:264px;
}
.tabular dt {
width: 140px;
float: left;
/*font-weight: bold;*/
color: #38539a;
margin-bottom: 0.2em;
}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.tabular dd {
float: left;
text-align: left;
width: 120px;
margin-bottom: 0.2em;
}
/*---- quotes ----*/
blockquote {
clear: both;
margin: 1em 1em 1.5em; 
/*width: 14em;
float:left;
text-align: left;*/
border: 1px solid #777;
background: #f3f3f3 url(images/quote.png) no-repeat 2px 10px;
padding: 10px 20px;
width: auto;
overflow: hidden;
}
blockquote p.author {
text-align: right;
margin-bottom: 0;
margin-top: -1.5em;
}
blockquote img {
display: block;
float: left;
padding-right: 10px;
margin-top: -1em;
}
.pullquote {
 float:right;
 width:196px;
 display:block;
 margin:0 14px 14px;
 padding:10px 10px 10px 20px;
 /*border:3px double #ccc;
 border-width:3px 0;
 color:#333;
 background-color:#f0f0f0;
 font:italic 1.3em/1.3 Georgia;*/
}
#mainContent .pullquote p {
	 padding: 0;
}
.pullquote p {
 margin:0;
 text-align:left;
}
.pullquote p.author {
 margin:0.2em 0 0;
 text-align:right;
}
/* ================================================================ 
quick contact form  & micro contact form
=================================================================== */
/*#quick-contact,
#micro-contact {
position:fixed;
top: 159px;/*was 159*/
z-index: 100;
}
body#product-one #quick-contact,
body#product-one #micro-contact {
	top: 300px;
}*/
#quick-contact {
background: #f0f0f0;
}
#micro-contact {
background: #777;
}
/*#quick-contact.Mod h2 {
color:#FFFFFF;
margin:0;
padding:5px 10px;
background:transparent url(images/lcd-q-contact-head.png) no-repeat scroll 0 0;
}*/
#microForm {
	margin-bottom: 0;
}
#quick-contact fieldset,
#micro-contact fieldset {
margin: 0;
width:214px;
padding: 6px;
border: none;
background-color: #f3f3f3;
}
#quick-contact legend,
#micro-contact legend {
display: none;
}
#quick-contact p.input-short {
	float: left;
	width: 94px;
	overflow: hidden;
	display: inline-block;
	}
#quick-contact p.input-short input {
	width: 86px;
}
#quick-contact p.privacy {
line-height: 1.2em;
}
#quick-contact.Mod p,
#micro-contact.Mod p  {
	padding: 0 5px;
}
#quick-contact input, 
#micro-contact input {
	width: 190px;
	background-color:#FFFFA0;
	border:1px solid #666666;
	padding:2px 5px;
}
#quick-contact textarea {
background-color:#FFFFA0;
width: 198px; 
height: 50px;
}
/*#quick-contact h2,#free-outline h2 {margin-bottom: 12px; color: #fff;}*/

#quick-contact input.submit,
#contactForm input.submit {
background-color: #666;
color:#fff;
font-weight:normal;
width: auto;
cursor: pointer;
padding: 5px 20px;
}
#micro-contact p input.submit {
background-color: #2A8EAD;
border: none;
color:#fff;
font-weight:bold;
width: auto;
cursor: pointer;
}
#quick-contact input.submit:hover,
#contactForm input.submit:hover {
background-color: #333;
	color: #84C007;
}
#micro-contact input.submit:hover {
background-color: #fff;
color: #2AA2C8;
}
#quick-contact p {
	margin-bottom: 5px;
}
#quick-contact p.privacy {
	font-size: 10px;
	text-align: left;
}
/* ================================================================ 
search form
=================================================================== */
#searchform {
float:left;
/*margin: 0 14px 40px 0;*/
}
#search_box {
background-color:#FFFFFF;
border:1px solid #A8A8A8;
float:left;
height:21px;
margin: 0px 5px 0 10px;
overflow:hidden;
padding:0;
position:relative;
width:180px;
}
#search_box label {
display: none;
}
#search_box input {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
color:#333333;
font-size:12px;
height:21px;
margin:0;
padding:2px 5px 0;
width:180px;
}
#searchform .submit {
background-color:#2AA2C8;
border:1px solid #84C007;
color:#fff;
cursor:pointer;
height:23px;
margin-top: 0;
width:78px;
}
#searchform .submit:hover {
background-color:#fff;
border:1px solid #84C007;
color:#84C007;
}

/*------------------------------------------------odds-----------------------------------------------------*/
#j-box {
	clear: both;
	width: 278px;
	padding: 10px;
	border: 1px solid #ccc;
	/*background: #F0F8FF;*/
	margin-bottom: 14px;
	overflow: hidden;
}
#j-box {
	margin-left: 14px;
}
#j-box p, #j-box ul {
margin-bottom: 0.5em;
}
#j-box ul li a:link,
#j-box ul li a:visited {
display: block;
	text-decoration: none;
	color: #2AA2C8;
}
#j-box ul li a:hover,
#j-box ul li a:active {
		text-decoration: underline;
		color: #ff6600;
}
#top-image.colC5 {
	margin-top: -5px;
}
/* ================================================================ 
WordPress Specific
=================================================================== */
.post {
width: auto;
overflow: hidden;
}
#mainPrimaryContent {
}
body#news #mainSecondaryContent {
padding-top: 24px;
}
/* ---------- Comments Form ---------- */
#comment-form label {
display: block;
margin-bottom: 0;
}
#comment-form input.text, 
#comment-form textarea {
border:1px solid #CCCCCC;
width: 30em;
}
p.subscribe-to-comments label {
display: inline-block;
}

.post-comments-status {
float:right;
padding-left: 1.4em;
background: url(images/speech_bubble.gif) no-repeat 0 30%;
}
.nocomments {
padding-left: 1.4em;
background: url(images/speech_bubble_closed.gif) no-repeat 0 30%;
}
.avatar {
float:left;
margin: 0 10px 0 0;
height: 32px;
width: 32px;
border: 1px solid #ccc;
background: #fff;
}
p.date {
margin-top: -2em;
color: #999;
}
.group {
border-bottom: 1px solid #999;
margin-bottom:1.5em;
}
p.comment-moderation {
padding-left: 1.6em;
background: url(images/time.png) no-repeat 0 50%;
}
p.postmetadata {
background: #E4E4E4;
}
.comment-me {
background: url(images/comments_bg.jpg) no-repeat bottom right;
}
/*.entry p {
	padding: 0 6px;
}*/
/* ---------- typography ---------- */
#mainSecondaryContent p,
#mainSecondaryContent ul,
.territory p,
.territory ul {
	margin: 0;
	font-size: 0.8571428571428571em;
	line-height: 1.75em;
	margin-bottom: 1.75em;
}
p.extra-small,
p.cite,
ul.post-meta-data,
p.postmetadata  {
margin: 0;
font-size: 0.71428571428571428571428571428571em;
line-height: 2.1em;
margin-bottom: 2.1em;
}
/* ---------- Post Title ---------- */
h2, h2 a:link, h2 a:visited, 
h3, h3 a:link, h3 a:visited {
color: #ff6600;
text-decoration: none;
}
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active {
color: #377AA6;
text-decoration: none;
}
h2 + p.post-info {
	margin-top: -1.5em;
}
form p {
	line-height: 1.2em; 
	margin-bottom: 0.8em;
	}
form h3 {
	margin-bottom: 0.5em;
}
p.post-info {
	margin: 0;
	font-size: 0.8571428571428571em;
	line-height: 1.75em;
	border-bottom: 0.083333333333333333333333333333333em solid #38539a;
	margin-bottom:1.6666666666666666666666666666667em;
}
/* ---------- Sidebar Titles ---------- */
#mainSecondaryContent h3,
#mainSecondaryContent h4,
.territory h3,
.territory h4 {
color: #000;
text-indent: 0.2em;
}
#mainSecondaryContent h3,
.territory h3 {
	margin: 0;
	font-size: 1.1428571428571428em; /* 16px */
	line-height: 1.3125em;
	border-bottom: 0.0625em solid #38539A; /* 1 div 16 = 0.0625 = 1px */
	margin-bottom: 1.25em; /* = line-height - border-bottom = 1.25 */
}
#mainSecondaryContent h4,
.territory h4 {
	margin: 0;
	font-size: 1em; /* 14px */
	line-height: 1.5em; /* 21 div 14 = 1.5 */
	border-bottom: 0.071428571428571428571428571428571em solid #00A9B3;
	margin-bottom: 1.4285714285714285714285714285714em;
}
.territory img {padding-right:5px;}
.territory span {clear:both;float:right;}

/* ---------- Links ---------- */
#mainSecondaryContent a:link,
#mainSecondaryContent a:visited {
color: #377AA6/*D36CDBF4E00*/;
text-decoration: none;
}
#mainSecondaryContent a:hover, 
#mainSecondaryContent a:active {
color: #377AA6;
text-decoration: underline;
}
/* ---------- Post Comments ---------- */
.post-comments-status a:link,
.post-comments-status a:visited { 
	text-decoration:none;
	color:#aaa;
}
.post-comments-status a:hover,
.post-comments-status a:active {
color: #ff6600;
}
/* ---------- Others ---------- */
.post-details p.time, .post-details p.comments, .post-details p.time-comments, .comment-details p.date, ul.comment-navigation, #footer p, #footer ul, .credits {
	font-size: 0.8571428571428571em; /* 12px */
	line-height: 1.75em; /* 21 div 12 = 1.75 */
	margin-bottom: 1.75em;
}
ul.post-meta-data li {
	display: inline; /*still not working*/
}
p.post-info {
	/*padding-left: 1.2em;*/
	color:#aaa;
	/*background: url(../images/10x10/calendar.gif) no-repeat 0 50%;*/
}
ul#list-post-categories li, ul#list-post-archives li, ul#list-recent-posts li, ul#list-blog-roll li, ul#list-bookmarks li {
background:transparent url(images/bullet.gif) no-repeat scroll 2% 50%;
}
.territory ul li, #mainSecondaryContent ul li, ul.post-meta-data li, ul#social-media-links li {
padding-left:20px;
}

ul#list-meta-data {
	margin-left: 5px;
}
li.rss-feed,
li.twitter,
li.newsletter {
padding-left: 20px;
}
li.rss-feed {
background:transparent url(images/feed.png) no-repeat scroll 0 50%;
}
li.twitter {
background:transparent url(images/twitter-icon.png) no-repeat scroll 0 50%;
}
li.newsletter {
background:transparent url(images/newspaper.png) no-repeat scroll 0 50%;
}
/* needed? */
/* error messages 
input.error,
input:hover,
textarea.error,
textarea:hover {
background-color: #FFFFCC;
color: #38539a;
}*/
p.mail-sent,
p.error,
p.close-window {
	padding-left: 1.8em; /* put error message in <p> in errror-wrap <div> */
}
p.mail-sent {
background: url(images/email_go.png) no-repeat 0 0;
}
p.error {
background: url(images/error.png) no-repeat 0 0;
} /* errors could also be reported as a list */

.post h3 {
margin-bottom: 0.5em;
}
.Mod .post h3 {
margin-bottom: 0;
background-color: #fff;
}
/*
#news {
	width: auto;
	overflow: hidden;
	margin-bottom: 14px;
}
#news .Mod {
	background-color: #F5F5F5;
}
*/
/*table temp*/
table {
  width: 100%;
  border: 1px solid #ccc;
}
caption {
	margin-bottom: 0;
}
col {
  /*border-right: 1px solid #ccc;*/
}
thead {
/*display: none;*/
  background: #ccc url(images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}
th {
  font-weight: normal;
  text-align: left;
}
th, td {
  padding: 0.2em 1em;
}
.odd {
 /* background-color:#edf5ff;*/
}
tr:hover {
  background-color: #EFEFEF;
  color: #fff;
}
thead tr:hover {
  background-color: transparent;
  color: inherit;
}
.price {
color:#333;
font-weight:bold;
display: block;
}
.tax-text {
color:#333;
font-size:80%;
font-weight:normal;
text-align: center;
}
#section-nav { list-style: none; margin: 0 0 1em 0;width:226px;}
#section-nav li { padding: 0; margin: 0; }
#section-nav h3 {
background-color: #2AA2C8;
color: #fff;
margin-bottom: 2px;
padding: 3px 10px;
}
#section-nav a {
text-decoration: none;
	display: block;
	line-height: 2em;
	padding: 0.1em 0.2em 0.1em 1em;
	margin-bottom: 2px;
	color: #333;
	background-color: #E8E8E8;
	border-left: 10px solid #EEE;
	}
#section-nav a:hover,
#section-nav a.this-section {
	color: #fff;
	background-color:#9daeb4;
	border-left: 10px solid #2AA2C8;
	}
/* ----------------------------------------- added ------------------------------------------------ */
#guarantee {
	width: 60px;
	float: right;
	margin: 20px;
}
/* product photos */
ul#product-photos {
display:block;
float: left;
margin: 0;
padding-bottom:10px;
width:386px;
overflow:hidden;
}
ul.inline-list li {
float: left;
}
#product-photos li {
margin-right:10px;
}
#product-photos li a:link,
#product-photos li a:visited {
float:left;
height:56px;
width:56px;
border: 1px solid #ccc;
background-color: #fff;
}
#product-photos li a:hover,
#product-photos li a:active {
border: 1px solid #666;
background-color: #38539a;
}
#product-photos img {
padding:3px;
}
#product-photos {
	margin: 0;
	font-size: 0.71428571428em;/* 10px */
	line-height: 2.1em;
	margin-bottom: 2.1em;
}
/* ================================================================ 
Tables
=================================================================== */
table {
  border-collapse: collapse;
  /*width: 100%;*/
  border: 1px solid #666;
}
caption {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em 0; /*could be margin*/
  margin-left: -1px; /* Fix FF 1px issue */
}
html:first-child caption { /* Opera only */
 margin-left: 0;
}
col {
  border-right: 1px solid #ccc;
}
col#albumCol {
  border: none;
}
/*thead {
  background: #ccc url(images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}
th {
  font-weight: normal;
  text-align: left;
}
.playlistPosHead {
  text-indent: -1000em;
}
th, td {
  padding: 0.4em 1em;
}
.odd {
  background-color: #B7FEFF;
}*/
table {
width: 100%;
border: 1px solid #ccc;
}
caption {
font-size: 14px;
margin-bottom: 0;
}
col {
  border-right: 1px solid #ccc;
}
thead {
background: #ccc url(images/bar.gif) repeat-x left center;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}
th {
font-weight: normal;
text-align: left;
}
th, td {
padding: 0.2em 1em;
}
.odd {
background-color:#edf5ff;
}
tr:hover {
background-color: #EFEFEF;
color: #333;
}
thead tr:hover {
background-color: #ccc;
color: #333;
}
h2.feature {
color:#666666;
height:353px;
margin-bottom:10px;
padding:20px 15px 0;
width:676px;
}
h2.feature#lcd {background:#fff url(images/LCD-enclosure-family.jpg) no-repeat scroll 0 0;}

/* ================================================================ 
contact form
=================================================================== */
.phone-us-now {
    -moz-border-radius: 10px;
	border-radius: 10px; 
    background: url("images/phone-icon.png") no-repeat scroll 14px 50% #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 0 1.5em 1em;
    padding: 14px 14px 14px 60px;
    text-align: center;
    width: 250px;
}
p.number {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 2.0em;
    font-weight: bold;
    line-height: 0.75em;
    margin: 0;
}
p.hours {
    color: #999999;
	font-size: 1.2em;
    font-style: italic;
    margin: 0;
}
form {
margin-bottom: 14px;
}
/* fieldset styling */
.screenReader, legend { left: -9999px; position: absolute; top: -9999px; }
#contactForm fieldset {
	padding: 10px;
	width: 430px;
	border: 1px solid #ccc;
	overflow: hidden; /*for float clearing*/
	background: #f3f3f3;
}
/* legend styling */
#contactForm legend {
font-size: 1.6666666666666667em;
display: none;
}
/* style for labels */
#contactForm textarea {
	height: 84px;
}
#contactForm label {
	display: block;
	margin: 0;
}
#contactForm input {
  width: 306px;
}
#contactForm textarea {
	width: 410px;
}
#contactForm input#submit {
width: 200px; /* alter this to fit width of text */
}
#contactForm input {
border:1px solid #BFBFBF;
padding:2px 5px;
}
#contactForm textarea {
	height: 50px;
}
#contactForm form .required {
	font-size: 0.8em;
	color: #999;
	line-height: 1.5em;
}
#contactForm #submitButton {
cursor:pointer;
display:block;
float:left;
height:33px;
margin:10px 15px 20px 0pt;
padding-right:18px;
}
#contactForm #submitButton.arrow {
background:url(../images/button-left.png) no-repeat 0 0 !important;
}
#contactForm p#submitButton input {
background:transparent url(../images/button-right.png) no-repeat scroll 100% 0% !important;
border:medium none;
color:#ccc;
cursor:pointer;
display:block;
float:left;
height:33px;
margin:0pt -30px 0pt 10px !important;
padding:9px 20px 5px 30px !important;
}
/* error messages 
form input.error,
form input:hover,
form textarea.error,
form textarea:hover {
	background-color: #FEF0DB;
}*/
/* put error message in <p> in errror-wrap <div> */
p.mail-sent,
p.error-message,
p.close-window {
	padding-left: 1.8em; 
}
p.mail-sent {
background: url(images/email_go.png) no-repeat 0 0;
}
p.error-message {
background: url(images/error.png) no-repeat 0 0;
} /* errors could also be reported as a list */
p.privacy {
	clear:both;
	text-align: center;
}
body.privacy {
	margin: 1em;
}
p.close-window {
	float: right;
}
p.close-window {
	background: url(images/cross.png) no-repeat 0 50%;
}
#google_translate_element {
padding-bottom: 10px;
}
