@charset "utf-8";
/**
 * Theme Name: LCDEnclosure
 * Theme URI: http://www.lcd-enclosure.com
 * Description: Theme for lcd-enclosure.com.
 * Author: David Radford
 * Author URI: http://www.bigredradish.com
 * Version: 2.0.2
 * Tags: threaded-comments, translation-ready, one or two-columns, fixed-width
 * License: Under licence to Armagard Ltd.
 * License URI: 
 */

/* =HTML5 RESET (for future use)
-----------------------------------------------------------------------------------------------*/

	html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}									

	article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
	img,
	object,
	embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
	html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
	ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
/*.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
/*body {font: 12px Arial, Helmet, Freesans, sans-serif; line-height:20px;}*/

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #666;}

a {color: #03f;}
/*a:hover {color: #69f;}*/

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #2AA2C8/*#fcd700*/; color: #fff; text-shadow: none;}
::selection {background: #2AA2C8/*#fcd700*/; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #2AA2C8/*#fcd700*/;} 

ins {background-color: #2AA2C8/*#fcd700*/; color: #000; text-decoration: none;}
mark {background-color: #2AA2C8/*#fcd700*/; color: #000; font-style: italic; font-weight: bold;}

/* =Wordpress-default-classes
-----------------------------------------------------------------------------------------------*/
	
	.sticky{}
	
	.gallery-caption{}
	
	.bypostauthor{}
	
	.alignleft{ float:left;margin-right:10px; }
	.alignright{ float:right;margin-left:10px; }
	.aligncenter{ display: block; margin: 0 auto; }
	
	.all-comments, .all-comments .children { list-style:none; }
.all-comments .children {margin-left: 20px; }
	.all-comments img { float:left;margin-right:10px;margin-bottom:5px; }
	.comment-body { float:right;/*width:615px;*/ }
	
	.wp-caption{}
	.wp-caption-text{}
	
	.map { height:300px; }
	
	.project-title { margin-bottom:28px; }
	
/* =default-classes
-------------------------------------------------------------- */
	
	.img-align-left{ margin:5px 10px 0 0; float:left; }
	.img-align-right{ margin:5px 0 0 10px; float:right; }
	
	.text-right{ text-align:right; }
	.text-center{ text-align:center; }
	
	.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
	.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

	.bordered{ padding:5px; border:1px solid #efefef; }
	.avatar { border: 1px solid #EFEFEF;padding: 5px; }
	
/* =TYPOGRAPHY (http://pxtoem.com/)
-----------------------------------------------------------------------------------------------*/

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */ 
	body { font-size: 75%; color: #222; /*background:#EFF1F1 url(layout/images/bg-body.jpg) repeat top left;*/ background-color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; line-height:1.5; }
	/*@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/

  /* Misc classes 
-------------------------------------------------------------- */ 
	.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
	.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
	.hide { display: none; }
	.block{ display:block; }
	.date { color: #999999; margin-bottom: 0; }
	
		/* =headings
		-------------------------------------------------------------- */
		
		h1,h2,h3,h4,h5,h6 { font-weight: 400; color:#252525; }

		/*h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }*/
		h1 { font-size: 2em; margin-bottom: 0.75em; }
		h2 { font-size: 1.7em; margin-bottom: 0.75em; }
		h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
		h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
		h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
		h6 { font-size: 1em; font-weight: bold; }
		
		h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
		
		/* =TEXT ELEMENTS
		-------------------------------------------------------------- */
		
		a{ text-decoration:none; color:#2AA2C8/*#346699*/; }
		a:hover{ text-decoration:underline;  }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
		a img{ border:none; }
		
		strong{ font-weight: bold; /*color:#252525;*/ }
		em{ font-style: italic; }
		
		p, ul, ol, pre, code, table{ margin-bottom:20px; }
		
			p.last{ margin-bottom:0; }
					
		ul{ list-style-type:circle; list-style-image:url(layout/images/bullet-blue.png); list-style-position:inside; }
		
			ul.checklist{ list-style-image:url(layout/images/checklist.png); }
			.checklist ul{ list-style-image:url(layout/images/checklist.png); }
			
			ul.info-list{   }
			.info-list ul{ list-style-image:url(layout/images/bullet-blue.png); }
		
		ol{ list-style-type:decimal; list-style-position:inside; }
		
		blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:url(layout/images/quote.png) no-repeat top left; color:#999999; }
		blockquote span{ color:#666666; }
		
			.blockquote-left{ width:250px; float:left; }
			.blockquote-right{ width:250px; float:right; }					 
					 
		pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

		/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
		hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
		/*.hr{ border-top:1px solid #efefef; margin:30px 0; }*/

/* =GRID
-------------------------------------------------------------- */
			
		/* let's clear some floats */
		.row:before, .row:after, .group:before, .group:after/*, .cta:before, .cta:after*/  { content: "\0020"; display: block; height: 0; overflow: hidden; }  
		.row:after, .group:after/*, .cta:after*/ { clear: both; }  
		.row, .group { zoom: 1; } 				
			
		.col-940{ width:940px; }
		.col-860{ width:860px; }
		.col-780{ width:780px; }
		.col-700{ width:700px; }
		.col-620{ width:620px; }
		.col-540{ width:540px; }
		.col-460{ width:460px; }
		.col-380{ width:380px; }
		.col-300{ width:300px; }
		.col-220{ width:220px; }
		.col-160{ width:160px; }
		.col-140{ width:140px; }
		.col-60{ width:60px; }
		
	/*subsids*/
		/*half 700*/
		.col-340{ width:340px; }
			
		.col-940, .col-860, .col-780, .col-700, .col-620, .col-540, .col-460, .col-380, .col-340, .col-300, .col-220, .col-160, .col-140, .col-60 { float:left; margin-right:20px; }
		
		.first { margin-left:0; /*padding-left:0;*/ } 
		.last { margin-right:0; /*padding-right:0;*/ }

/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	#wrapper{ width:940px; padding:0 40px; margin:0 auto; background-color:#ffffff;/*-moz-box-shadow:0 -10px 10px 0 #333; -webkit-box-shadow:0 -10px 10px 0 #333; box-shadow:0 -10px 10px 0 #333;*/ }		

	#header{ padding-top: 15px; }
	
		.header-widget { font-size: 1.2em;min-height:40px;overflow:hidden;text-align:right; }
		.header-widget strong { font-size: 1.2em; }
		.dropdown-container { position:relative; z-index:10; }  /* IE6 and IE7 fix for the dropdown  */	
		.slideshow-container { position: relative;z-index: 5; } /* z-index to keep menu on top of slider */
		.inner-page-title-container { position:relative; z-index:5; }
		
		.row, .slideshow-container, blockquote { border-bottom: 1px solid #EFEFEF;margin-bottom: 20px;padding-bottom: 20px; }
/*		#header-group { background-color:#e5e5e5;}
		.entry-title { background-color:#999; color: #fff; }
		#header-grp h1, #header-grp h4 { margin-bottom:0; padding-bottom:0; }  */
		h2.entry-sub-title { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; color: #2AA2C8; }

/* =LOGO
-----------------------------------------------------------------------------------------------*/
		
		a#logo{ display:block; float:left; }
		a#logo img{ display:block; margin-top: -10px; }

/* =DROPDOWN-MENU
-----------------------------------------------------------------------------------------------*/

		/* level 1 menu */
		.menu-top-menu-container { float:right;height:32px; }
		ul#dropdown-menu{  float:right; list-style:none; margin-bottom:0px;margin-top:0px;height:32px; }		  
		ul#dropdown-menu li{ float: left; }
		
		ul#dropdown-menu li a { color: #666666;display: block;font-size: 14px;font-weight: bold;padding: 7px 10px 5px;text-transform: uppercase; }		   
		ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; }
		ul#dropdown-menu li.hover a{ text-decoration:none; } /* styleing when hovering on menu item a */					 
		ul#dropdown-menu li.current > a{ /*background: none repeat scroll 0 0 #E3E3E7;*/ }					   
		ul#dropdown-menu li .sub-menu li a{ color:#252525; }							   
		ul#dropdown-menu li.last > a{ padding-right:0px; }
		
			/* level 2 menu */
			ul#dropdown-menu ul{ position:absolute; top:100%; left:21px; width:180px; list-style:none; display:none; 
								  border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; }				 
			ul#dropdown-menu ul li{ width:180px; }				
			ul#dropdown-menu ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none; 
									  font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */			  
			ul#dropdown-menu ul li a:hover{ background-color:#f5f5f5; } 
		
				/* level 3 menu */
				ul#dropdown-menu ul ul{ left:100%; top:-1px; }
				ul#dropdown-menu li:hover > ul{ visibility:visible; }
		
		.arrow{ background:url(layout/images/bg-sidenav.gif) no-repeat 165px 12px; }

/* =INNER-PAGE
-----------------------------------------------------------------------------------------------*/	

		/*.inner-page-title-container{ position:relative; height:220px; }*/
		.inner-page-title-container { border-bottom: 1px solid #E5E5E5; height: 220px; margin-bottom: 20px; padding-bottom: 20px; position: relative; }
		  .inner-page-title{ position:absolute; top:0; left:0; background:url(layout/images/bg-slider.png) repeat top left; 
							 padding:65px 25px 0 25px; width:170px; height:155px; overflow:hidden; }		
			  .inner-page-title h2{ color:#ffffff; }
			  .inner-page-title  p{ color:#999999; margin-bottom:0; }								  
			  .inner-page-title  a{ color:#F8971C; text-decoration:underline; }
		
		#content{ min-height:600px; }
		
/* =pdf
-----------------------------------------------------------------------------------------------*/
			.pdf{ background:url(layout/images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }

/* =SIDE NAV
-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ list-style-type:none; list-style-image:none; list-style-position:outside; border-top:1px solid #efefef; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav li a:hover{ }
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(layout/images/bg-sidenav.gif) no-repeat 10px 12px; }
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }
			
			.list-nav ul { list-style-type:none; list-style-image:none; list-style-position:outside; border-top:1px solid #efefef; }
			.list-nav ul li{ border-bottom:1px solid #efefef; }
			.list-nav ul li a:hover{ }
			.list-nav ul li a{ display:inline-block; padding:5px 0 5px 25px; background:#ffffff url(layout/images/bg-sidenav.gif) no-repeat 10px 12px; }
			.list-nav ul li.current a{ /*color:#000000*/color: #666666;font-weight: bold;margin-left: 10px; }
			.list-nav ul li.current a:hover{ text-decoration:none; }

/* =FOOTER
-----------------------------------------------------------------------------------------------*/
			
		#footer{ padding-bottom:30px; }
		#footer .row { padding:0; margin-bottom:0; border-bottom:none; }

			/* =footer-nav
			-----------------------------------------------------------------------------------------------*/
			
			.footer-nav-1, .footer-nav-2{  list-style-type:none; list-style-image:none; list-style-position:outside; margin-bottom:0; float:left; }
			.footer-nav-2{ margin-left:20px; }

			/* =newsletter-subscribe
			-----------------------------------------------------------------------------------------------*/
			
			#newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:15px; }
			#subscribe-email{ margin:0; padding:5px; height:15px; width:208px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
			#subscribe-email:focus{ border:1px solid #cccccc; color:#666666; }
			#newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:55px; height:25px; cursor:pointer; border: none; background-color:#e1e1e1; color:#666666; }			
			.ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
			.ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }
			
			/* =social-media
			-----------------------------------------------------------------------------------------------*/
			
			#social-media{ list-style-type:none; margin-bottom:0; }
			#social-media li{ float:left; margin-bottom:5px; }
			#social-media li img{ display:block; float:left; margin-right:5px; }
			#social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }
			
			/* =social-media
			-----------------------------------------------------------------------------------------------*/
			#social-links{ list-style-type:none; list-style-image:none; margin-bottom:0; }			
			
/* =HOME PAGE SLIDESHOW
-----------------------------------------------------------------------------------------------*/
	
	#slideshow{ position:relative; z-index:10; }
	
		#slideshow ul{ position:relative; width:940px; height:300px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }
		#slideshow ul li{ width:940px; height:300px; position:relative; }
		#slideshow ul li img{ position:absolute; top:0; left:0; z-index:20; }
											   
			#slideshow ul li .slidetext { background: url("layout/images/bg-slider.png") repeat scroll left top transparent;bottom: 0;height: 250px;
												overflow: hidden;padding: 25px 20px;position: absolute;right: 0;width: 180px;z-index: 25; }
				.slidetext h2{ color:#fff; font-size: 2em; margin-bottom: 0.5em;}
				.slidetext p{ color:#e5e5e5; margin-bottom:0; }								  
				.slidetext a{ color:#fff; text-decoration:underline; }	
									
	#slideshow-pager{ width:200px; text-align:left; z-index:35; position:absolute; left:20px; bottom:12px;  }
	.ie7 #slideshow-pager{ bottom:15px; }								  
	#slideshow-pager a{ text-align:left; background:url(layout/images/bg-pager.png) no-repeat 0 0; display:inline-block; 
							 width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
	#slideshow-pager .activeSlide{ background:url(layout/images/bg-pager.png) no-repeat 0 -64px; }
	
/* =PRODUCTS OVERVIEW
-----------------------------------------------------------------------------------------------*/
		
	#products-overview{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
	#products-overview li{ width:180px; min-height:300px; padding:19px; border:1px solid #efefef; float:left; margin:0 0 10px 20px; overflow:hidden; position:relative; }
/*#products-overview li {
    border: 1px solid #EFEFEF;
    margin: 0 0 10px;
    min-height: 100px;
    overflow: hidden;
    padding: 19px;
    position: relative;
    width: 660px;
}*/
	#products-overview li:hover{ cursor:pointer;background: #e6f5fa url(layout/images/arrow.png) 98% 95% no-repeat ;-webkit-transition:background-color .5s ease-in-out;-moz-transition:background-color .5s ease-in-out;-o-transition:background-color .5s ease-in-out;transition:background-color .5s ease-in-out; }
	#products-overview li.first{ margin-left:0;}
	/*.products-overview-overlay{ position:absolute; top:12px; right:10px; width:30px; height:30px; background:url(layout/images/bg-fade.png) no-repeat center center; }*/
	.more-products-link {float: right; margin-bottom: 0 !important;}
	.product-more-info {margin-bottom: 0 !important; font-weight: bold; }
	.product-more-info a { color: #333; }
	.product-more-info a:hover { text-decoration: none; }
			
/* =NEWS-BOX
-----------------------------------------------------------------------------------------------*/
	
	#news-box{ list-style: none outside none; margin-bottom:0; }
		#news-box li{ padding:15px 0; border-bottom:1px solid #efefef; }
		#news-box li span{ color:#999999; }
		#news-box li.first{ padding-top:5px;  }
		/*#news-box li.last{ border-bottom:none; }*/
		#news-box li:last-child { border-bottom:none; }

/* =CLIENTS
-----------------------------------------------------------------------------------------------*/
	
	.client-small.mright { margin-right:20px; }
	.client-small.mleft { margin-left:20px; }
	
	.client-small { width:58px; height:58px; border:1px solid #efefef; float:left; margin-bottom: 20px;}/*only add bottom margin if more than one row */
	.client-small .client-logo { width:58px;height:58px;border:none; }

/* =PAGINATION
-----------------------------------------------------------------------------------------------*/
		  
		  .pagination{ list-style:none; }
			  .pagination li{ display:inline; border:1px solid #efefef; margin-right:7px;  padding:4px 9px; float:left;  }
			  .pagination li a{ display:block;  }
			  .pagination li.current a{ text-decoration:underline; }
		
/* =BLOG
-----------------------------------------------------------------------------------------------*/
	
	.blog-sidebar{}
	.blog-sidebar .date{ padding-right:0; }

	.blog{}
	.blog-post{}
	
	.comment{ margin-bottom:20px; }
	.comment .who{ margin-bottom:5px; }
	
/* =SEARCH
-----------------------------------------------------------------------------------------------*/

	#search fieldset{ position:relative; border:none; margin:0; margin-top:0; padding:0; }
	#search-input{ width:208px; padding:5px; margin:0;  font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
	#search-input:focus{ border:1px solid #cccccc; color:#666666; }
	#search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
								background:url(layout/images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }

	.ie6 #search .search-submit-btn{ top:6px; }
	.ie6 #search-input, .ie7 #search-input, .ie8 #search-input{  }

/* =SHORTLINK more info http://www.last-child.com/css-attribute-selector/
------------------------------------------------------------------------------------------------*/
	.post-shortlink { font-weight:900; }
	input[rel="shortlink"] { width:300px; }

/* =BUTTONS
------------------------------------------------------------------------------------------------*/
.cta {
    float: left;
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
    font: bold 18px Helvetica, Arial, sans-serif;
    height: 50px;
    text-decoration: none;
    line-height: 50px;
	white-space: nowrap;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    z-index: 10;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333');
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	overflow: visible;
	outline: none;
}
.cta:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.cta:hover {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.cta:active {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.cta-red, .cta-green, .cta-blue, .cta-yellow {
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
}
.cta-red {
    border: solid 1px #b8473d;
    background: #f36c4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#f36c4d), to(#ef3e29));
    background: -moz-linear-gradient(top, #f36c4d, #ef3e29);
    background: -ms-linear-gradient(top, #f36c4d, #ef3e29);
    background: -o-linear-gradient(top, #f36c4d, #ef3e29);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f36c4d', EndColorStr='#ef3e29');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f36c4d', EndColorStr='#ef3e29')";
}
.cta-red:before {
    border: solid 1px #f67b5f;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-red:hover {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#fb856a), to(#f7523f));
    background: -moz-linear-gradient(top, #fb856a, #f7523f);
    background: -ms-linear-gradient(top, #fb856a, #f7523f);
    background: -o-linear-gradient(top, #fb856a, #f7523f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb856a', EndColorStr='#f7523f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb856a', EndColorStr='#f7523f')";
}
.cta-red:active {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ef3e29), to(#f36c4d));
    background: -moz-linear-gradient(top, #ef3e29, #f36c4d);
    background: -ms-linear-gradient(top, #ef3e29, #f36c4d);
    background: -o-linear-gradient(top, #ef3e29, #f36c4d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d')";
}
.cta-green {
    border: solid 1px #00922d;
    background: #00b638;
    background: -webkit-gradient(linear, left top, left bottom, from(#50de76), to(#00b638));
    background: -moz-linear-gradient(top, #50de76, #00b638);
    background: -ms-linear-gradient(top, #50de76, #00b638);
    background: -o-linear-gradient(top, #50de76, #00b638);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#50de76', EndColorStr='#00b638');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#50de76', EndColorStr='#00b638')";
}
.cta-green:before {
    border: solid 1px #78e695;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-green:hover {
    color: #fff;
    border: solid 1px #006e22;
    background: -webkit-gradient(linear, left top, left bottom, from(#5cec82), to(#00c43c));
    background: -moz-linear-gradient(top, #5cec82, #00c43c);
    background: -ms-linear-gradient(top, #5cec82, #00c43c);
    background: -o-linear-gradient(top, #5cec82, #00c43c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#5cec82', EndColorStr='#00c43c');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5cec82', EndColorStr='#00c43c')";
}
.cta-green:active {
    color: #fff;
    border: solid 1px #006e22;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b638), to(#50de76));
    background: -moz-linear-gradient(top, #00b638, #50de76);
    background: -ms-linear-gradient(top, #00b638, #50de76);
    background: -o-linear-gradient(top, #00b638, #50de76);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b638', EndColorStr='#50de76');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b638', EndColorStr='#50de76')";
}
.cta-blue {
    border: solid 1px #0870c0;
    background: #007bda;
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#007bda));
    background: -moz-linear-gradient(top, #00c6ff, #007bda);
    background: -ms-linear-gradient(top, #00c6ff, #007bda);
    background: -o-linear-gradient(top, #00c6ff, #007bda);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#007bda');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#007bda')";
}
.cta-blue:before {
    border: solid 1px #3bb4ec;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-blue:hover {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#21cdff), to(#0387ec));
    background: -moz-linear-gradient(top, #21cdff, #0387ec);
    background: -ms-linear-gradient(top, #21cdff, #0387ec);
    background: -o-linear-gradient(top, #21cdff, #0387ec);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#21cdff', EndColorStr='#0387ec');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#21cdff', EndColorStr='#0387ec')";
}
.cta-blue:active {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#007bda), to(#00c6ff));
    background: -moz-linear-gradient(top, #007bda, #00c6ff);
    background: -ms-linear-gradient(top, #007bda, #00c6ff);
    background: -o-linear-gradient(top, #007bda, #00c6ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#007bda', EndColorStr='#00c6ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#007bda', EndColorStr='#00c6ff')";
}
.cta-yellow {
    border: solid 1px #db8300;
    background: #ff9900;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff9900));
    background: -moz-linear-gradient(top, #ffcc00, #ff9900);
    background: -ms-linear-gradient(top, #ffcc00, #ff9900);
    background: -o-linear-gradient(top, #ffcc00, #ff9900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ff9900');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ff9900')";
}
.cta-yellow:before {
    border: solid 1px #ffc63b;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-yellow:hover {
    color: #fff;
    border: solid 1px #ad6800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd322), to(#ffa51f));
    background: -moz-linear-gradient(top, #ffd322, #ffa51f);
    background: -ms-linear-gradient(top, #ffd322, #ffa51f);
    background: -o-linear-gradient(top, #ffd322, #ffa51f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd322', EndColorStr='#ffa51f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd322', EndColorStr='#ffa51f')";
}
.cta-yellow:active {
    color: #fff;
    border: solid 1px #ad6800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffcc00));
    background: -moz-linear-gradient(top, #ff9900, #ffcc00);
    background: -ms-linear-gradient(top, #ff9900, #ffcc00);
    background: -o-linear-gradient(top, #ff9900, #ffcc00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ffcc00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ffcc00')";
}
.icon-download, .icon-check {
	margin-left:-5px;
	padding-left:37px;
	display:block;
	height:50px;
	background:transparent url(layout/images/cta-sprite.png) no-repeat;
}
.icon-go, .icon-more {
	margin-right:-5px;
	padding-right:40px;
	display:block;
	height:50px;
	background:transparent url(layout/images/cta-sprite.png) no-repeat;
}
.icon-download {background-position:0 -141px;}
.icon-check {background-position:0 -66px;}
.icon-more {background-position:right 10px;}
.icon-go {background-position:right -212px;}
.cta-big {
	font-size: 22px;
	height: 60px;
	line-height: 60px;
}
.cta-big .icon-download {background-position:0 -136px; height:60px;}
.cta-big .icon-check {background-position:0 -61px; height:60px;}
.cta-big .icon-more {background-position:right 15px; height:60px;}
.cta-big .icon-go {background-position:right -207px; height:60px;}
.cta-huge {
	font-size: 26px;
	height: 76px;
	line-height: 76px;
	padding: 0 26px;
}
.cta-huge .icon-download {background-position:0 -128px; height:76px;}
.cta-huge .icon-check {background-position:0 -53px; height:76px;}
.cta-huge .icon-more {background-position:right 23px; height:76px;}
.cta-huge .icon-go {background-position:right -199px; height:76px;}

.cta-subhead {
    padding: 20px 30px;
	font-size: 26px;
    line-height: 26px;
}
.cta-subhead i {
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	text-shadow: 0 0 0;
	font-weight: normal;
	font-style: normal;
	display: block;
	line-height: 26px;
	font-size: 14px;
}

/* ----------------------------------------------------------------------------------------------------------- */

/* product photos */
ul#product-photos {
list-style:none outside none;
display:block;
float: left;
margin: 0;
padding-bottom:10px;
overflow:hidden;
}
ul.inline-list li {
float: left;
}
#product-photos li {
margin-right:5px;
}
#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: #2AA2C8/*#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;
}
table {
width: 100%;
border: 1px solid #ccc;
}
caption {
font-size: 14px;
margin-bottom: 0;
}
col {
  border-right: 1px solid #ccc;
}
thead {
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}
th {
font-weight: normal;
text-align: left;
}
th, td {
padding: 0.2em 1em;
border: 1px solid #ccc;
word-wrap: normal;
word-break: keep-all;
}
table .odd {
background-color:#edf5ff;
}
tr:hover {
background-color: #EFEFEF;
color: #333;
}
thead tr:hover {
background-color: #ccc;
color: #333;
}
/* ================================================================ 
contact form
=================================================================== */
.phone-us-now {
    -moz-border-radius: 10px;
	border-radius: 10px; 
    background: url(layout/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;
}
form ol { list-style:none;}
form ol li { margin-bottom:10px; }
/* fieldset styling */
.screenReader, legend { left: -9999px; position: absolute; top: -9999px; }
#contactForm fieldset {
	padding: 20px 10px;
	width: 430px;
	border: 1px solid #ccc;
	overflow: hidden; /*for float clearing*/
	background-color: #f3f3f3;
}
/* legend styling */
#contactForm legend {
font-size: 1.6666666666666667em;
display: none;
}
/* style for labels */
#contactForm textarea {
	height: 84px;
}
#contactForm label {
    color: #555555;
    display: inline-block;
    font-weight: bold;
    margin: 0;
}
#contactForm input {
    float: right;
    width: 300px;
}
#contactForm textarea {
	    float: right;
    width: 305px;
}
#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;
}

.error {    
	color: red;
    display: block;
    margin-left: 120px;
	}
	
/*.mail-sent,
.error,*/
.error-header {
	color: red;
	padding-left: 1.8em; 
}
.mail-sent {
background: url(layout/images/email_go.png) no-repeat 0 0;
}
/*.error, */.error-header {
background: url(layout/images/error.png) no-repeat 0 0;
} /* errors could also be reported as a list */
.privacy {
	clear:both;
	text-align: center;
}
.privacy {
	margin: 1em;
}

#google_translate_element {
padding-bottom: 10px;
}
#relatedposts li {
	margin-bottom:10px;
}
.territory h3,
.territory h4 {
color: #000;
text-indent: 0.2em;
}

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

/* Compare Table
------------------------------------------------------------------- */
.compareTable {
position: relative;
z-index: 2;
border: none;
border-bottom: 2px solid #C8D6E2;
margin: 0 auto;
border-right: 1px solid #C8D6E2;
width: 100%;
}
/*
.compareTable tr:nth-child(even) {background: #CCC}
.compareTable tr:nth-child(odd) {background: #FFF}
*/
.compareTable td {
width: 16%;
padding: 10px 0;
border-bottom: 1px solid #C8D6E2;
border-right: 1px solid #C8D6E2;
vertical-align: middle;
text-align: center;
background: #F0F1F1;
color: #707070;
}
.compareTable td:hover {
background: #fff;
}
.compareTable .cat, .compareTable .title {
height: auto;
}
.compareTable .cat {
padding: 0 10px;
text-align: left;
background: #F0F1F1;
color: #326693;
border-left: 1px solid #C8D6E2;
}
.compareTable .cat:hover {
background: #fff;
}
.compareTable .title {
background: #B8CEE2;
font-size: 16px;
color: #154064;
text-shadow: 1px 1px 0 #fff;
border: 1px solid #9FB6C8;
vertical-align: middle;
text-align: center;
box-shadow: 0px 0px 10px -4px #fff;
}
.compareTable .title:hover {
background: #C8D6E2;
}
.compareTable .title.cat {
background: none !important;
border: none;
border-bottom: 1px solid #C8D6E2;
cursor: default !important;
box-shadow: none;
}
.compareTable .yes, .compareTable .no, .compareTable .partial {
height: 16px;
}
.compareTable .yes {
display:block;
background: url(layout/images/yes.png) no-repeat center center;
}
.compareTable .no {
display:block;
background: url(layout/images/no.png) no-repeat center center;
}
.compareTable .partial {
display:block;
background: url(layout/images/partial.png) no-repeat center center;
}
#PDSseries sup,
.compareTableFootnote sup { color: red; }

#spinner
{
    display: none;
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background:url(layout/images/spinner.gif) no-repeat center #666;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    text-align:center;
    padding:10px;
    /*font:normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    overflow: auto;*/
}

#searchform input[type=text],
#searchform input[type=password],
#searchform textarea{background:#fafafa;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);border:1px solid #ddd;color:#888;}

#searchform input[type=text]:focus,
#searchform textarea:focus{color:#373737;}

#searchform textarea{padding-left:3px;width:98%;}

#searchform input[type=text]{padding:3px;}

#searchform input#s{background:url(images/search.png) no-repeat 5px 6px;-moz-border-radius:2px;border-radius:2px;font-size:14px;height:22px;line-height:1.2em;padding:4px 10px 4px 28px;}

#searchform input#searchsubmit{display:none;}

#searchform #s{float:left;-webkit-transition-duration:400ms;-webkit-transition-property:width, background;-webkit-transition-timing-function:ease;-moz-transition-duration:400ms;-moz-transition-property:width, background;-moz-transition-timing-function:ease;-o-transition-duration:400ms;-o-transition-property:width, background;-o-transition-timing-function:ease;width:72px;}

#searchform #s:focus{background-color:#f9f9f9;width:186px;}

#searchform #searchsubmit{display:none;}

#searchform .assistive-text{display:none;}

ul.share {
	list-style: none;
}

.clearfix {
	overflow: hidden;
}