/* Misc Styles */
.clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden;}
br {height: 10px; line-height: 10px;}
br.small {height: 7px; line-height: 7px;}
.flright {float: right;}
.flleft {float: left;}
hr.blue {border: 1px solid #3366CC; width: auto; height: 2px; margin: 15px 20px 5px 30px; padding: 0;}
* html hr.blue {border: 1px solid #3366CC; width: 100%; height: 2px; margin: 15px 20px 5px 20px; padding: 0;}
* + html hr.blue {border: 1px solid #3366CC; width: 100%; height: 2px; margin: 15px 20px 5px 20px; padding: 0;}
hr.blueSearch {border: 1px solid #3366CC; width: auto; height: 2px; margin: 5px 0; padding: 0;}
.center {text-align: center; margin: 0 auto; padding: 0;}

/* Link Styles */
a {color: #3366CC;}
a:visited {color: #3366CC;}
a:hover {text-decoration: none; color: #CC3333;}

/* Image Styles */
img {border: 1px solid #000000; margin: 0; padding: 0;}
img.noBorder {border: none; margin: 0; padding: 0;}
a img {border: 0; margin: 0; padding: 0;}
img.right {float: right; margin: 30px; padding: 0;}
img.left {float: left; margin: 30px; padding: 0;}
img.guide {float: right; margin: 5px 75px 0 0; padding: 0;}
img.fixed {border: 1px solid #000000; width: 480px; height: 319px; margin: 30px 0 0 85px; padding: 0;}

/* Text Styles */
h1 {background: url("/img/arrow_blue.gif") 20px 25px no-repeat;	color: #000000; font-size: 20px; font-family: Geneva, Arial, sans-serif; line-height: 24px; text-align: left; text-transform: uppercase; margin: 0; padding: 20px 20px 0 30px;}
h2.trade-shows {background: url("/img/arrow_blue.gif") 20px 25px no-repeat;	color: #000000; font-size: 20px; font-family: Geneva, Arial, sans-serif; line-height: 24px; text-align: left; text-transform: uppercase; margin: 0; padding: 20px 20px 0 30px;}
h2 {color: #000000; font-size: 17px; font-family: Geneva, Arial, sans-serif; line-height: 19px; text-align: left; margin: 0 10px; padding: 20px 20px 0 20px;}
h2.products {background: url("/img/arrow_blue.gif") 20px 16px no-repeat; color: #000000; font-size: 20px; font-family: Geneva, Arial, sans-serif; line-height: 24px; text-align: left; text-transform: uppercase; margin: 0; padding: 10px 20px 0 30px;}
h2.certs, h2.mark-sites {color: #3366CC; font-size: 18px; font-family: Geneva, Arial, sans-serif; font-weight: bold; line-height: 30px; height: 30px; text-align: left; text-transform: uppercase; margin: 0; padding: 4px 0 4px 5px;}
h3 {color: #CC3333; font-size: 14px; font-weight: bold; line-height: 17px; font-family: Geneva, Arial, sans-serif; text-align: left; margin: 0 20px 0 10px; padding: 0 20px;}
h4 {color: #000000; font-size: 14px; font-weight: bold; line-height: 20px; font-family: Geneva, Arial, sans-serif; text-align: left; margin: 0 20px -12px 10px; padding: 20px 20px 0 20px;}
p {text-align: left; margin: 0 30px; padding: 10px 0 0 0;}
p.flash {color: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 500; text-align: left; margin: 0; padding: 20px 10px 0 10px;}
p.caption {font-size: 11px; font-weight: bold; text-align: center; margin: 0 20px; padding: 5px 20px 0 20px;}
p.guide {margin: 20px 0 0 0; padding: 0;}
p.top-link a {background-image: url("/img/arrow_up_red.gif"); background-repeat: no-repeat; background-position: center left; margin: 40px 0 20px 0; padding: 0 0 0 15px;}
p.top-link a:hover  {background-image: url("/img/arrow_up_blue.gif"); background-repeat: no-repeat; background-position: center left;}
ul.bullet-list {text-align: left; margin: 0 35px; padding: 0;}
ul.bullet-list-sub1 {text-align: left; margin: 0 20px; padding: 0;}
ul.bullet-list-sub2 {text-align: left; margin: 0 20px; padding: 0;}
ul.guide {margin: 20px 0 0 20px; padding: 0;}
li.header {font-weight: bold; line-height: 15px; font-family: Geneva, Arial, sans-serif; list-style-type: none; margin: 10px 10px 0 0; padding: 0;}
li.bullet-list {list-style-type: disc; list-style-position: outside; margin: 0 10px 0 35px; padding: 0;}
li.bullet-list-number {list-style-type: decimal; list-style-position: outside; margin: 0 10px 0 35px; padding: 0;}
li.bullet-list-letter {list-style-type: lower-alpha; list-style-position: outside; margin: 0 10px 0 15px; padding: 0;}
li.terms {font-weight: normal; list-style-type: upper-alpha; margin: 0 10px 0 15px; padding: 0;}
li.terms-none {font-weight: normal; list-style-type: none; margin: 0 10px 0 15px; padding: 0;}
li.bullet-list-circle {list-style-type: circle; list-style-position: outside; margin: 0 10px 0 15px; padding: 0;}
li.bullet-list-square {list-style-type: square; list-style-position: outside; margin: 0 10px 0 15px; padding: 0;}

/* Page Blocks (news, profiles, and Technology) */					
div.profiles-block, div.guides-block {height: 275px; margin: 0 0 20px 0; padding: 0;}
div.job-posting {height: auto; margin: 0 20px 20px 20px; padding: 0;}
div.sub-guides-block {width: 650px; float: right; margin: 0 20px 20px 0; padding: 0;}
div.tech-block {min-height: 150px; margin: 0 0 20px 0; padding: 0;}
* html div.tech-block {height: 150px;}
div.guides-block {height: 425px; margin: 0 0 20px 0; padding: 0;}
div.keypad-block {height: 175px; margin: 20px 0; padding: 0;}
div.profiles-block img, div.keypad-block img {float: left; margin: 10px 20px 0 30px; padding: 0;}
div.events-block {width: 300px; margin: 0 0 0 5px; padding: 0 0 10px 0;}
div.events-block p {margin-top: 5px;}
div.news-block {width: 645px; margin: 20px 5px 0 0; padding: 0 0 10px 0;}
div.news-block img {margin: 10px 40px 0 40px; padding: 0;}
div.news-block h3, div.events-block h3 {background: url("/img/arrow.gif") center left no-repeat; color: #CC3333; font-size: 13px; font-family: Geneva, Arial, sans-serif; line-height: 11px; text-align: left; margin: 10px 20px -10px 30px; padding: 0 0 0 7px; display: block;}
div.news-block h3 a, div.events-block h3 a {color: #CC3333; margin: 0; padding: 0;}

/*** Columns ***/
#col-1 {border-right: 1px solid #000000; float: left; display: inline; width: 464px; margin: 20px 0 20px 20px; padding: 0;}
#col-2 {float: right; display: inline; width: 465px; margin: 20px 0 20px 20px; padding: 0;}

/********* Table Styles *********/
table {
	border: none;
	margin: 0;
	padding: 0;
}

table td img {
	border: none;
	margin: 0;
	padding: 0;
}

table.product td a {
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

table.product td img {
	border: none;
	margin: 0;
	padding: 0;
}

table.product td a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}

table.product td a:hover {
	color: #CC3333;
	font-weight: bold;
}

table.DFx {
	width: 778px;
	margin: 0 auto;
	padding: 0;
}

table.contact {
	margin: 20px 0 0 30px;
	padding: 0;
}

table.rfq {
	width: 731px;
	margin: 0 15px;
	padding: 0;
}

table.rfq td {
	border-bottom: 2px solid #3366CC;
	font-size: 11px;
	line-height: 15px;
	padding: 10px 0;
}

table.rfq td.label {
	color: #FFFFFF;
	background: #3366CC;
	width: 90px;
	font-weight: bold;
	vertical-align: middle;
	padding: 5px;
}

table.noBorder {
	border: none;
	width: 463px !important;
	margin: 0 auto;
}

table.noBorder td {
	border: none;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}

table.data {
	border: 1px solid #000000;
	width: 751px;
	margin: 15px 30px;
	padding: 0;
}

table.data-small {
	border: 1px solid #000000;
	width: 751px;
	margin: 15px 30px;
	padding: 0;
}

table.data td {
	border: 1px solid #000000;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 5px;
}

table.data-small td {
	border: 1px solid #000000;
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 2px;
}

table.data td.top-header {
	background: #3366CC;
	color: #FFFFFF;
	border: 1px solid #000000;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

table.data td.header {
	background: #3366CC;
	color: #FFFFFF;	
	border: 1px solid #000000;
	height: 30px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

table.data-small td.header-small {
	background: #3366CC;
	color: #FFFFFF;	
	border: 1px solid #000000;
	height: 60px;
	text-align: center;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 2px;
}

table.data td.headerRedLF {
	background: #3366CC;
	color: #FFFFFF;	
	border: 1px solid #000000;
	height: 20px;
	text-align: left;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 5px;
}

table.data td.headerRed {
	background: #FFFFFF;
	color: #CC3333;	
	border: 1px solid #000000;
	height: 30px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

table.data td.headerBlue {
	background: #FFFFFF;
	color: #3366CC;	
	border: 1px solid #000000;
	height: 30px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

table.defects {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

table.defects td img {
	border: 1px solid #000000;
	margin: 0;
	padding: 0;
}

table.defects a {
	text-decoration: none;
}
/********* END Table Styles *********/

/* Contact Styles */
ul.social-media-links {margin: 8px 0 0 30px; padding: 0;}
ul.social-media-links li {display: inline; margin: 0; padding: 0;}
.mail-list {width: 300px; text-align: center; margin: 5px 0 0 0; padding: 0;}
#Message {border: 1px solid #000; text-align: center; height: 75px; margin: 0 20px; padding: 0;}
#contactForm {margin: 0; padding: 0;}
.ErrorHeader {color: #CC3333; font-size: 14px; font-weight: bold; text-align: center; padding: 0 0 4px 0;}
.ErrorMessage {color: #000000; font-size: 12px; font-weight: bold; font-style: italic; text-align: center; padding: 2px 0;} 

/* Login Div */
.slidingDiv {background-color: #FFFFFF; border: 1px solid #000; position: relative; top: 6px; right: 59px; width: 200px; height: 170px; margin: 0; padding: 8px; z-index: 1000;}
.show_hide {display:none;}
.login-label {font-size: 11px; line-height: 14px; text-transform: none; margin: 0; padding: 0;}
#main-nav ul li.link6 .slidingDiv p {color: #0000000; font-size: 11px; line-height: 12px; text-align: left; text-transform: none; margin: 0; padding: 0 5px;}
#main-nav ul li.link6 .slidingDiv p a {color: #3366CC; font-size: 11px; line-height: 12px; text-align: left; text-transform: none; text-decoration: underline; padding: 0 0 5px 0;}
#main-nav ul li.link6 .slidingDiv p a:hover {background: none; color: #CC3333; font-size: 11px; line-height: 12px; text-transform: none; text-decoration: none;}
#icon {width: 20px !important;}

/* Social Media Toolbar */
#soical-wrapper {width: 100%; height: auto; text-align: left; margin: 0 auto; padding: 0; position: fixed; left: 0; bottom: 0;}
* html #soical-wrapper {position: absolute;}
.soical-tab  {background: url("/img/tab.png") no-repeat; height: 30px; width: 200px; margin: 0 0 0 10px; padding: 0;}
* html .soical-tab {background: url("/img/tab-ie.png") no-repeat;}
.soical-tab a {display: block; text-indent: -1000em; overflow: hidden; height: 30px; margin: 0; padding: 0;}
.soical-tab a:hover {background: url("/img/tab.png") no-repeat; background-position: 0 -31px;}
* html .soical-tab a:hover {background: url("/img/tab-ie.png") no-repeat; background-position: 0 -31px;}
.soical-toolbar-wrapper {display: none; background: #3366CC; width: 100%; height: 260px; margin: 0; padding: 0;}
.soical-toolbar {background: #3366CC; width: 1125px; height: 240px; margin: 0 auto;	padding: 0;}
.column-left {float: left; width: 590px; margin: 0 0 0 15px; padding: 0;}
.column-right {float: left; width: 455px; margin: 0; padding: 0 20px;}
h2.social {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 22px; font-weight: bold; margin: 0; padding: 0;}
h3.social {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 25px 0 0 0;}
h4.social {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: center; margin: 0; padding: 0;}
p.social {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 10px 15px 0 0; padding: 0;}
ul.social-links {margin: 8px 0 0 0; padding: 0;}
ul.social-links li {display: inline; margin: 0 10px 0 0; padding: 0;}
.close {text-align: right; height: 20px; margin: 0; padding: 0;}
.like-join-wrap {width: 575px; margin: 0; padding: 15px 0 0 0;}
.like {float: left; margin: 0; padding: 0;}
.join {float: right; text-align: center; margin: -20px 0 0 0; padding: 0;}

/* Image Slider Styles */
#slider {width: 871px; margin: 5px auto; position: relative;}
.scroll {overflow: hidden; width: 869px; margin: 0 auto; position: relative;}
.scrollContainer {position: relative;}
.scrollContainer div.panel {padding: 10px 10px 20px 10px; width: 267px; height: 305px;}
.inside {width: 265px; height: 305px; margin: 5px; padding: 0;}
.inside img {width: 265px; height: 180px; display: block; margin: 0; padding: 0;}
.inside h2 {font-size: 14px; font-family: Geneva, Arial, sans-serif; line-height: 17px; margin: 5px 5px 5px 10px; padding: 0;}
.inside p {font-size: 11px; margin: 0 10px 10px 10px; padding: 0;}
.scrollButtons {position: absolute; top: 127px; cursor: pointer;}
.scrollButtons.leftButton {left: -45px;}
.scrollButtons.rightButton {right: -45px;}
.hide {display: none;}

/* Image Gallery Styles */
div.gallery-content {display: none; float: right; width: 550px; margin: 0 30px 0 0;}
div.controls {height: 20px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative; clear: both; height: 400px;}
div.loader {position: absolute; top: 0; left: 0; background: url("/img/loader.gif") center no-repeat; width: 550px; height: 400px;}
div.slideshow {}
div.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0;}
div.slideshow a.advance-link {display: block; width: 550px; height: 400px; line-height: 400px; text-align: center; text-decoration: none;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle; border: 1px solid #000;}
div.caption-container {position: relative; clear: left; height: 75px;}
span.image-caption {font-family: Geneva, Arial, sans-serif; text-outline:none; display: block; position: absolute; top: 0; left: 0; width: 550px;}
div.caption {padding: 0 10px 10px 10px;}
div.image-title {background-color: #FFFFFF; font-weight: bold; font-size: 17px; line-height: 19px; width: 550px;}
div.image-desc {background-color: #FFFFFF; font-size: 14px; line-height: 15px; padding-top: 12px; width: 550px;}
div.gallery-navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
ul.thumbs {width: 204px; height: 435px; margin: 20px 0 0 30px; padding: 0;}
ul.thumbs li {width: 77px; float: left; list-style: none; margin: 5px 10px 5px 0; padding: 0;}
a.thumb {border: 1px solid #000; display: block; padding: 0; text-decoration: none;}
ul.thumbs li.selected a.thumb {background: #FFFFFF;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none; display: block;}
div.pagination {clear: both; margin: 0 0 0 30px;}
div.pagination a, div.pagination span.current {float: left; margin-right: 5px;}
div.pagination span.current {color: #CC3333; font-weight: bold;}