/*DYNAPAR

	WSOL
	VERSION 1.0
	Author: Stephanie Finken
	Contact: sfinken@wsol.com

	CONTENTS ----------

	   1. RESET
	   2. GENERAL
	   3. LAYOUT
	   4. SECTION STYLES
			4.1 	Toolbar
			4.2 	Languages
			4.3 	Masthead
			4.4		Branding
			4.5 	Horizontal Nav
			4.6 	Search
			4.7 	Section Banner
			4.8		Feature
			4.9		Promos
			4.10		Call To Actions
			4.11	Side Nav
			4.12	SideContent1 Pod
			4.13	MainContent
			4.14	SideContent2 Pod
			4.15	Upcoming Events
			4.16	Calendar
			4.17	Footer
					-  Contact Info
					-  Footer Nav
					-  Copyright
			4.18	Other Widgets
					- accordion
					- tabswitcher
					-social media bar
			4.19 	Pods
			4.20	Custom Buttons
	  5. FORM ELEMENTS
	  6. HOME PAGE ELEMENTS
	  7. CUSTOM ELEMENTS




    -------------------

    COLORS -----------
    -------------------

*/



/* 1. =RESET CSS
-------------------------------------------------------------------------------- */

@import url(reset.css); /* RESET CSS */


/* 2. =GENERAL FORMATTING
-------------------------------------------------------------------------------- */

body {
	background-color: #f7f7f7;
	color: #333;
	font-family: Helvetica, Arial, Geneva, Sans-serif;
	font-size: 14px;
	text-align: center; }

p { }

#mainContent p {  }
#mainContent p.callout {  }
#mainContent p.caption, #mainContent p .caption {  }

.left { float: left; }
.right { float: right; }
.pad { padding: 1em; }
.clear { clear:both; }

/* clear nested floats. Apply this class to the last element before the area that needs to clear. */
.clearfix:after, #container:after, .section:after, .pod:after, ul.productPager:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, #container, .section, .pod, ul.productPager {display:inline-block;}
* html .clearfix, * html #container, * html .section, * html .pod, * ul.productPager {height:1%;}
.clearfix, #container, .section, .pod, ul.productPager {display:block;}

.section { clear: both; }

.inner { width: 906px; margin: 0 auto;}

.main { width: 660px; float: left;}

.related {
	width: 200px;
	padding:5px 10px 10px;
	}

.column {
	width: 45%;
	float: left;
	margin-right: 5%;
	}

h1+p, h1+ul, h2+p, h2+ul, h3+p, h3+ul { margin: 0; }

#mainContent h2+ul{margin:20px;}

.errorMessage {
	display: block;
    border:solid 1px #FFCC00;
    padding:15px;
    background-color:#FFFFCC;
    color:#C60000;
    margin:5px;
    font-size:12px;
	}

.dateStamp { font-size: 10px; color: #666; margin: 18px 0; }
strong{font-weight:bold;}
ul { list-style-type: disc;}
ol { list-style-type: decimal;}

ol ol { list-style-type: lower-alpha; }
ul ul { list-style-type: circle; }

ul, ol { margin-left: 20px; }
ul ul, ol ol, ul ol, ol ul { margin-left: 24px; }


/* default horizontal nav list */

ul.hList, ul.hlist { margin: 0; padding: 0; list-style-type: none;}
ul.hList li, ul.hlist li { margin: 0; padding: 0; list-style-type: none; float: left;}
ul.hList a, ul.hlist a { float: left; display: block; text-decoration: none;}

/* default vertical list */
ul.vList { margin: 0; padding: 0; list-style-type: none;}
ul.vList li { margin: 0; padding: 0; list-style-type: none; display: block;}
/* = DEFAULT SITE LINKS ------------------------ */

a:link { color: #cc0000;}
a:visited {color: #cc0000;}
a:hover { color:#C90}
a:active { color: #c90;}
a:visited:hover {color: #c90;}

h1, h2, h3, #horizontalNav, .interstateregular {
  font-family: Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;

}



/* 3. =LAYOUT AND STRUCTURE
================================================================== */
#wrapper {
	margin: 0 auto;
	background-color:#f7f7f7;
	}

#container {
	padding: 0;
	text-align: left;
	}

#masthead {
	position: relative;
	clear: both;
	text-align: left;
	background-color:#eee;
	border-bottom:3px solid #ddd;
	}

#contentWrapper {
	width: 907px;
	padding: 0px 0px 10px 0px;
	margin: 0 auto;


	}

#mainContent {
	color: #333;
	line-height: 1.6;
	}

.home #mainContent {
	width: 903px;
	padding: 0px 2px;
}

.fullWidth #mainContent {
	/*float:left;*/
	width: 902px;

	}

.threeColumn #mainContent {
	float: left;
	width: 437px;
	margin-right: 10px;
	}

.sideColumnLeft #mainContent {
	float: left;
	width:673px;
	}

.sideColumnRight #mainContent {
	float: left;
	width: 673px;
	margin-right: 10px;
	}

#sideContent1 {
	float: left;
	width: 221px;
	margin-right: 10px;
	background:#fff;
	margin-top:10px;
	clear:left;
	}

#sideContent2 {
	float: left;
	width: 221px;
	line-height: 1.6;
	}

#relatedContent {

}

#footer {
	margin: 10px auto 0;
	padding: 10px;
	color: #666;
	clear: both;
	}

/* 4. =SECTION STYLES
================================================================================= */

/* 4.1 =Toolbar
-------------------------------------------------------------------------------- */
#toolbar {
	float:left;
	/*width:558px;*/
	width: 588px;
	margin-top:8px;
}

#toolbar .inner{
	width:auto;
}

#toolbar .hList {
	float: left;
	background:none;
	margin:5px 0;
}

#toolbar ul li{
	padding:0 7px;
	border-left:1px solid #C00;
}

#toolbar ul li:first-child{
	border:none;
}

#toolbar ul li.help{
	border-left:none;
	background:url(/core/images/ui/help-logo.jpg) no-repeat left;
	padding-left:20px;
}

#toolbar a{
	display: block;
	color:#C00;
}

#toolbar a:hover{
	text-decoration:underline;
	color:#7D0101;
}

/* 4.2 =Languages
-------------------------------------------------------------------------------- */
#languages {
	text-align: right;
}

.flag {
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block; *display: inline; *zoom: 1;
	height: 24px;
	overflow: hidden;
	text-indent: 110%;
	white-space: nowrap;
	width: 24px;
}

	#toolbar .flag {
		display: inline-block;
	}

.flag-china {
	background-image: url("/core/images/ui/flag-china.png");
}

.flag-japanese {
	background-image: url("/core/images/ui/flag_japanese.gif");
}

.flag-brazil {
	background-image: url("/core/images/ui/flag_brazil.gif");
}


/* 4.3 =Masthead
-------------------------------------------------------------------------------- */
#masthead img {
	margin: 0;
	padding: 0;
	display: block;
}

#masthead .inner {
	position: relative;
	padding:10px 0 15px 0;
}

#masthead h1 {
	color: #000;
	margin: 0;
}

#masthead h2 {
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	color: #666;
	text-indent: -9999px;
}


#masthead .login {
	clear: both;
	padding-right: 10px;
	color: #6f6f6f;
}

#tagline {
}

/* 4.4 =Branding
-------------------------------------------------------------------------------- */
#masthead h1#logo {
 	float: left;
	/*margin-right:59px;*/
  margin-right: 29px;
}

a#logo {
	display: block;
}

#logo img{
	display: block;
	width: 285px;

}

/* 4.5 =Horizontal Nav
-------------------------------------------------------------------------------- */
#horizontalNav {
}

#horizontalNav ul{
}

/* 4.6 =Search
-------------------------------------------------------------------------------- */
#masthead .search {
	text-align: right;
	width: 224px;
	color: #333;
	margin: 0;
	float: right;
}

input.searchField {
	border:none;
	height:22px;
	padding:0 0 0 10px;
	width:135px;
	background:url(/core/images/ui/searchbar.gif) no-repeat;
	float:left;
	color:#888;
	/*float: left;*/
}

input.searchBtn{
	background:url(/core/images/ui/searchBtn.gif) no-repeat;
	border:none;
	width:26px;
	height:22px;
	text-indent:-9999px;
	float:left;
	font-size: 0;
	display:inline-block;
	line-height: 0;
}

#masthead .search span {
	float: left;
	line-height:24px;
	padding-right:6px;
}

.searchLabel {
	line-height: 27px;
	float: left;
}

/* 4.7 =Section Banner
-------------------------------------------------------------------------------- */
#sectionBranding {
	/*width:673px;*/
	width: 900px;
	float:left;
	clear:right;
}
	#sectionBranding img {
		width: 100%;
		height: 140px;
	}


/* 4.8 =Feature
-------------------------------------------------------------------------------- */

.imageRotate{
	margin-bottom:5px;
	background:url(/core/images/ui/rotate-white-bg.jpg) no-repeat;
	/*background:url(/core/images/ui/rotate-white-bg-618.png) no-repeat;*/
	height:279px;
	padding-top:2px;
	width:900px;
}

.rotateItem{width:900px;}

.imageRotate h1{
	line-height:30px;
	font-size:24px;
	margin-bottom:15px;
}

.imageRotate .rotateText p{
	font-size:14px;
	height:42px;
	line-height:16px;
}

.imageRotate .rotateText{
	float:left;
	width:362px;
	padding:20px 20px;
	height:235px;
	}

.rotateText .grayBox{
	background:url(/core/images/ui/graybox-bg.jpg) no-repeat;
	width:342px;
	height:110px;
	padding:4px 10px;
}

.rotateText .grayBox h5{
	color:#c00;
	margin:1px 0 0;
}

.imageRotate .rotateText .grayBox p{
	width:220px;
	float:left;
	font-size:13px;
	line-height:16px;
}

.rotateText .grayBox img{
	float:right;
	margin-right:3px;
}

.imageRotate img { float:left; padding-top:2px; }

.imageRotate a img {
  float: none;
}

#mainContent .feature{}
#mainContent .feature .product{width:200px; float:left; margin:15px 10px 5px 0;}
#mainContent .feature .product img{width:135px; }
#mainContent .feature .product a{display: block; height: 175px;}
#mainContent .feature .product h3{}
#mainContent .feature .product .readMore{color:#cc0000;}


ul.productPager {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

ul.productPager li {

	float: left;
	text-align: center;
	padding: 2px;
}

ul.productPager li a:link, ul.productPager li a:visited {
	background: #eee;
	display: block;
	width: 15px;
	height: 22px;
	float: left;
	padding: 4px;
	border: 1px solid #ccc;

}

ul.productPager li a:hover, ul.productPager li a:active  {
	background: #fff;
	color: #cc0000;
	border: 1px solid #ccc;
}

ul.productPager li a.activeSlide:link, ul.productPager li a.activeSlide:visited,
ul.productPager li a.activeSlide:hover, ul.productPager li a.activeSlide:active {
	font-weight: bolder;
	border: 1px solid #cc0000;
	background: #fff;
}

/* 4.9 =Promos
-------------------------------------------------------------------------------- */
/* 4.10 =Call To Actions
-------------------------------------------------------------------------------- */
/* 4.11 =Side Navigation
-------------------------------------------------------------------------------- */
/* 4.12 =sideContent1
-------------------------------------------------------------------------------- */
#sideContent1 .leftcolumn-topcap{
	background:url(/core/images/ui/leftColumn-topCap.jpg) no-repeat top;
	height:10px;

}

#sideContent1{
	background:url(/core/images/ui/leftcolumn-bottom.jpg) no-repeat bottom;
	padding:0 0 15px;
}

#sideContent1 .large-image img{width:204px; padding-left:5px;}


.related hr{color:#999; border:0; background-color:#999; height:1px; margin-bottom:14px;}

#sideContent1 ul.sideNav a.current{
	background:url(/core/images/ui/redLink-bg.gif) no-repeat;
	padding:7px;
	color:#fff;
}

#sideContent1 ul.sideNav a.current:hover{
	color:#f9c40c;
}

#sideContent1 h3, #sideContent1 h4{margin:2px 10px;}

#sideContent1 h4{color:#222; font-size:17px;}

#sideContent1 h5{
	margin:0 10px;
	font-weight:bold;
	font-size:14px;
}

#sideContent1 h5 a.help{
	text-indent:-9999px;
	height:14px;
	width:16px;
	display:inline-block;
	background:url(/core/images/ui/help-logo-white.gif) no-repeat;
	margin:0 0 2px 2px;
}

#sideContent1 .relatedLinks{
	margin:0 10px 15px;
}

#sideContent1 .relatedLinks a{
	font-weight:bold;
	font-size:14px;
	color:#333;
	text-decoration:none;
	line-height:27px;
	display:block;
}

#sideContent1 .relatedLinks a:hover{
	color:#c00;
}

#sideContent1 p,
#sideContent1 a.large-text{

	display:block;
}

#sideContent1 p{margin:8px 12px;}

#sideContent1 a.large-text{text-decoration:none; font-weight:bold;}

#sideContent1 .newsletter{
	margin:25px 25px 15px;
}

#sideContent1 .newsletter img{
	float:left;
	padding-right:5px;
}

#sideContent1 .newsletter a{
	color:#333;
	text-decoration:none;
	font-size:16px;
	line-height:22px;
}


/* 4.13 =mainContent
-------------------------------------------------------------------------------- */
p, ul, ol {
	font-size: 13px;

}

p {
	font-size: 13px;
	line-height: 1.4em;
	margin: .8em 0;
}

#mainContent .mainContentPod{
	background:url(/core/images/ui/mainContent-middle-bg.jpg) repeat-y;
	width:673px;
	margin:10px 0 0;
}

.threeColumn #mainContent .mainContentPod{
	width:437px;
	background:url(/core/images/ui/3col-middle.jpg) repeat-y;
	margin-top:8px;
}

.threeColumn #mainContent .mainContentPod .inner{width:407px; padding:10px 15px;}

.threeColumn #mainContent .mainContentPod .mainContent-topcap{
	background:url(/core/images/ui/3col-topcap.jpg) no-repeat center top;
	height:8px;
}

.threeColumn #mainContent .mainContentPod .mainContent-bottomCap{
	background:url(/core/images/ui/3col-bottom.jpg) no-repeat center bottom;
	height:8px;
}


.sideColumnRight #mainContent .mainContentPod .mainContent-topcap,
.sideColumnLeft #mainContent .mainContentPod .mainContent-topcap{
	background:url(/core/images/ui/mainContent-topCap.jpg) no-repeat center top;
	height:12px;
}

.sideColumnRight #mainContent .mainContentPod .mainContent-bottomCap,
.sideColumnLeft #mainContent .mainContentPod .mainContent-bottomCap{
	background:url(/core/images/ui/mainContent-bottom.jpg) no-repeat center bottom;
	height:12px;
}

.sideColumnRight #mainContent .mainContentPod .inner,
.sideColumnLeft #mainContent .mainContentPod .inner{
	padding:10px 15px;
	width:633px;
}
.fullWidth #mainContent .mainContentPod .inner{
	padding:10px 15px;
	width:872px;
}

.fullWidth #mainContent .mainContentPod{
	background:url(/core/images/ui/fullWidth-pod-bg.jpg) repeat-y;
	width:902px;
}

.fullWidth #mainContent .mainContentPod .mainContent-topcap{
	background:url(/core/images/ui/fullWidth-pod-topcap.jpg) no-repeat center top;
	height:11px;
}

.fullWidth #mainContent .mainContentPod .mainContent-bottomCap{
	background:url(/core/images/ui/fullWidth-pod-bottomcap.jpg) no-repeat center top;
	height:12px;
}

#mainContent .mainContentPod .mainContentPod,
.threeColumn #mainContent .mainContentPod .mainContentPod,
.threeColumn #mainContent .mainContentPod .mainContentPod .inner,
.threeColumn #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.threeColumn #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap,
.sideColumnRight #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.sideColumnLeft #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.sideColumnRight #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap,
.sideColumnLeft #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap,
.sideColumnRight #mainContent .mainContentPod .mainContentPod .inner,
.sideColumnLeft #mainContent .mainContentPod .mainContentPod .inner,
.fullWidth #mainContent .mainContentPod .mainContentPod .inner,
.fullWidth #mainContent .mainContentPod .mainContentPod,
.fullWidth #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.fullWidth #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap {
	background: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.threeColumn #mainContent .mainContentPod .mainContentPod .mainContent-topcap, 
.threeColumn #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap,
.sideColumnRight #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.sideColumnLeft #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.sideColumnRight #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap,
.sideColumnLeft #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap,
.fullWidth #mainContent .mainContentPod .mainContentPod .mainContent-topcap,
.fullWidth #mainContent .mainContentPod .mainContentPod .mainContent-bottomCap {
  height: 0;
}

/* Product List */

#mainContent .productList{}

.mainContentPod .brandsList{}

#mainContent .mainContentPod .productList .item,
#mainContent .mainContentPod .brandList .brand,
#mainContent .mainContentPod .application{
	padding-bottom:20px;
	display:block;
}

#mainContent .mainContentPod .brandList .brand{
	margin-bottom:10px;

}

#mainContent .mainContentPod .item img{
	float:left;
	padding: 0 8px 0 0;
	width:125px;
}


#mainContent .mainContentPod .item a{display:block; margin:8px 0 5px;}

#mainContent .mainContentPod .brand img{
	width:200px;
	padding:0 10px;
	float:left;
}

#mainContent .mainContentPod .application img{
	width:240px;
	float:left;
	padding:0 10px 0 0;
}

#mainContent .mainContentPod .application .left{
	width:320px;
}


#mainContent .mainContentPod .productList .item h4{
	font-size:14px;
	color:#C00;
	margin:0;
	padding:0;
}

#mainContent .mainContentPod .productList .item p,
#mainContent .mainContentPod .brandList .brand p{
	color:#666;
}

#mainContent .mainContentPod .brandList .brand p{
	padding:5px 0 5px 15px;
	float:left;
	width:380px;
	border-left:1px #aaa solid;
}


#mainContent .mainContentPod .productList .item a{
	display:block;
	color:#C00;
	text-decoration:none;
}

/* Product Detail */

#mainContent .productDetail{
	width:454px;
	float:left;
	margin:10px 0 0 0;
	background:url(/core/images/ui/prodDetail-middle-bg.gif) repeat-y;
}

#mainContent .productDetail .productImageLarge {
	width: 135px;
}


#mainContent #LeadGenMessage
{
	width:407px;
	background: #fff;
	padding: 12px;
	clear: both;
	border-left: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	border-top:2px solid #E8E8E8;
	-moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
  	-webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4 */
    	border-radius: 5px 5px 5px 5px;
    	margin: 10px 0 0 0;
}

#mainContent #LeadGenMessage h3
{
	margin-top:0;
}

#mainContent #LeadGenMessage div.message
{
	float:left;
	margin-left:15px;
}

#mainContent .productDetail .inner{
	width:414px;
	padding:8px 20px;
}

#mainContent .productDetail .topcap{
	background:url(/core/images/ui/prodDetail-topcap-bg.gif) no-repeat center top;
	height:7px;
}

#mainContent .productDetail .bottomCap{
	background:url(/core/images/ui/prodDetail-bottomcap-bg.gif) no-repeat center top;
	height:7px;
}

#mainContent .productDetail h2{
	border:none;
	margin:5px 0;
	font-size:22px;
}

#mainContent .productDetail h3{
	font-size:18px;
	color:#cc0000;
}

#mainContent .productDetail .left{
	width:170px;
}

#mainContent .productDetail .features{
	float:left;
	width:235px;
}

.productDetail .industryGroup{margin-bottom:5px;}

#mainContent .productDetail .small{width:80px; margin-right:12px}
#mainContent .productDetail .small img{width:80px; margin:0 auto;}
#mainContent .productDetail .small h5{margin:0; font-size:12px; color:#333; text-align:center;}

#mainContent .productDetail ul{ font-size:13px;}

#mainContent span[style]{
	line-height:16px !important;
}

#mainContent .productDetail .images{
	width:200px;
	float:left;
	padding-left:10px;
}

#mainContent .datasheetBtn,
#mainContent .redBtn{ padding:12px 2px 8px 45px; margin-top:8px; width:95px; display:inline-block; color:#fff; text-transform:uppercase; text-decoration:none; font-size:12px;}

#mainContent .datasheetBtn { background:url(/core/images/ui/datasheet-bg.gif) no-repeat;}


#mainContent a.redBtn, #mainContent input.redBtn  { background:url(/core/images/ui/configurebtn-wide.gif) no-repeat 0 7px; width:102px; padding:12px; border: none; text-align: center;}
#mainContent a.redBtn:hover, #mainContent input.redBtn:hover {color:#eee;}
#mainContent a.redBtn:active {padding-top:11px;}

.productbody{width:210px; padding:0 4px;}
.productbody ul li{padding:3px 0; line-height:15px; font-size:12px;}

table.specs th{font-weight:bold;}
table.specs th, table.specs td{padding:3px 15px 2px 0;}
table.tableoutline td{padding:0 3px; color:#333;}
table.tableoutline td.subhead{color:#CC0000;}
table.tableoutline td.column3_other td{display:block;}

table.cartTable .alignRight{float:none; display:table-cell;}
select.maxwidth{width:400px;}

/* Downloads */

.download li{
	list-style-type:none;
	float:left;
	width:145px;/*125px;*/
	margin-right:20px;
	padding:5px 0 20px;
	overflow:hidden;
}

.download li img{
	display:block;
	height: 120px;
	margin:auto;
}

.download li a{
	font-size:13px;
	text-align:center;
	display:block;
}




/* 4.14 =sideContent2
-------------------------------------------------------------------------------- */
#sideContent2 p {
	font-size: 12px;
	color: #555;
}

#sideContent2 .pod li { font-size: 12px; list-style-type: square; color: #999;}

#sideContent2 .rightcolumn-topcap{
	background:url(/core/images/ui/leftColumn-topCap.jpg) no-repeat top;
	height:10px;

}

#sideContent2{
	background:url(/core/images/ui/leftcolumn-bottom.jpg) no-repeat bottom;
	margin-top:10px;
}

#sideContent2 .inner{
	padding:0 10px;
	width:198px
}

/* 4.15 =upcomingEvents
-------------------------------------------------------------------------------- */
.events .event {
}

.events .date {
}

.events .title {
}

/* 4.16 =Calendar
-------------------------------------------------------------------------------- */

/* 4.17 =Footer
-------------------------------------------------------------------------------- */
#footer .inner{
	border-top:1px solid #ccc;
	padding-top:10px;
}

.copyright {
	float:left;
	text-align: left;
	/*padding: 5px 0;*/
	font-size: 12px;
	line-height: 1.5;
}

.footerNav {
	/* width: 330px; */
  width: 360px;
	float: right;
}

.footerNav ul.hList {
	clear: both;
	overflow: hidden;
}

.footerNav ul li{
	border-left:1px solid #c00;
	padding:0 8px;
}

.footerNav ul li:first-child{
	border-left:none;
}

.footerNav ul a {
	color: #c00;
}

.footerNav ul.hList a {
	padding-top: 4px;
}

.footerNav ul.hList a:hover{text-decoration:underline; color:#7d0101;}

.footerNav .social {
  float: right;
}

.social .hlist {
	text-align: right;
	clear: both;
	margin-top: 20px;
	padding-right: 20px;
}

.social .hlist li {
  display: block;
  border: none;
  float: left;
  margin-right: 10px;
}

.social .hlist li a {
	display: inline-block; 
}

.social img {
	width: 36px;
	display: inline-block;
}

/* 4.18 =widgets
-------------------------------------------------------------------------------- */
/* =Log In ---------------------*/

#accountSignIn {
    margin: 14px 0 0 140px;
	}

.login .label {
    width: 120px;
    text-align: right;
    float: left;
    margin-right: 18px;
    font-weight: normal;
    color: #666;
	}

.login input{margin:3px 0;}

.login .cmErrorMessage {
    color: #660000;
    font-style: italic;
    color: #ff3300;
    margin: 4px 0;
    height: 24px;
    text-align: center;
    width: 380px;
	}

#ctl00_pageContent_login1_loggedIn {
    text-align: center;
	}


.loginInputs {
    margin: 8px 0;
	}

.loginInputs p.clear {
    padding: 0;
    height: 4px;
	}

.loginInputs input {
    float: left;}


.login a {
}

a.btn-login { display: block; margin: 1em 0; width: 182px; height: 37px; overflow: hidden; }

/* =Shopping Cart --------------*/

.shoppingCart{
	background:url(/core/images/ui/shoppingcart-bg.jpg) no-repeat;
	height:120px;
	color:#cc0000;
	float:left;
	width:199px;
	padding:10px;
	margin-right:12px;
}

.shoppingCart h5{
	font-size:20px;
	margin:5px 0 6px;
}

.shoppingCart p{margin:.5em 0;}


/* =Accordion Panel ------------*/
.readMore {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
}


/* =TabSwitcher -----------------*/
.tabSwitcher { padding-top: 0; margin-top: 10px; width:435px;}

div.tabs { position: relative;}
div.tabContainer div { color: #666; }
div.tabContainer {
	background: #fff;
	padding: 12px;
	clear: both;
	border-left: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	-moz-border-radius: 0px 0px 6px 6px; /* FF1+ */
  	-webkit-border-radius: 0px 0px 5px 5px; /* Saf3-4 */
    border-radius: 0px 0px 5px 5px

}

.tabs ul.tabNavigation  { float: left; position: relative; margin-left:0;}
.tabs ul.tabNavigation li { float: left; margin: 0; padding: 0;  list-style-type:none}

.tabs ul.tabNavigation a { display: block; font-size:11px; width:96px; background: #555; padding: 3px 4px 0 4px; float: left; margin-right: 2px; line-height: 32px; text-align: center; border-bottom: none; text-decoration:none; text-transform:uppercase;}

.tabs ul.tabNavigation a:link,
.tabs ul.tabNavigation a:visited { color: #fff;}

.tabs ul.tabNavigation a:hover,
.tabs ul.tabNavigation a:active { color: #fff;}

.tabs ul.tabNavigation a.selected:link,
.tabs ul.tabNavigation a.selected:visited,
.tabs ul.tabNavigation a.selected:hover,
.tabs ul.tabNavigation a.selected:active  { color: #333; background:#fff; border:2px #e5e5e5 solid; border-bottom: none; }

.tabContainer table th{font-weight:bold; color:#222; padding-top:10px;}
.tabContainer table td{padding-right:5px; color:#555}
.tabContainer table td.leftColumn{width:165px;}
/* =TabSwitcher -----------------*/

/* 4.19 =pods
-------------------------------------------------------------------------------- */
.pod img {
}

.pod {

}

#sideContent2 .pod {
}

#sideContent2 .pod h3 { }
#sideContent2 .pod-inner p:first-child { }
#sideContent2 .pod-inner { }

#relatedContent .pod { background:#fff; line-height:16px; padding:0 15px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#relatedContent > * > .pod{ min-height: 342px;}
#relatedContent .pod p{ font-size:14px;}
#relatedContent .pod h3 { }

#relatedContent .p1 { width:360px; float:left; margin-right:8px; border:2px solid #dedede; }
#relatedContent .p2 { width:225px; float:left; margin-right:8px; border:2px solid #dedede;}
#relatedContent .p3 { width:200px; float:left; border:2px solid #dedede;}

#relatedContent .p1 p img{
	float:left;
	padding:0 5px 5px 0;
}

#relatedContent .p2 li{
	padding:5px 0; font-size:13px; line-height:18px;
}

#relatedContent .p2 li a{display:block;}

#relatedContent .p3 img{
	margin:0 0 0 0;	/* BDH 12-27-2011 remove padding to bring images closer together, current images have padding built in */
}

#relatedContent .p3 a.large-text{
        display:block;
        margin-top:5px;
}

#relatedContent .p3 strong{
        display:block;
        margin:0 0 3px 7px;
}

.p3 .pod-inner { }

#relatedContent ul { list-style-type: none; margin: 0; padding: 0 0 0 0; }
#relatedContent li { list-style-type: none; margin: 0; padding: 0 0 0 0;}
#relatedContent ul a { }




/* 5. =FORM ELEMENTS
================================================================================= */

ul.leadgenerator
{
  list-style-type: none;
  margin-left:20px;
}

div.bordertop
{
  border-top: 1px solid #CCC;
  width:100%;
  padding:15px 0 10px 0;
}

ul.leadgenerator li
{
  padding-bottom:10px;
}

.leadgenerator td
{
  color: #333;
  padding:3px 5px 0 0;
}

.leadgenerator a.redBtn
{
  padding-left:0px;
  text-align:center;
}

.leadgenerator li input[type=text]
{
  display:block;
  width:250px;
}

.leadgenerator li input.othertext
{
  display:inline;
  width:150px;
}

.leadgenerator textarea
{
  width:97%;
}

.leadgenerator .Error
{
  font-style:italic;
  font-size:0.8em;
  color:red;
  display:inline;
}


/* 6. =HOME PAGE ELEMENTS
================================================================================= */

#mainContent .redBar{
	background:url(/core/images/ui/redBar.png) no-repeat center top;
	height:50px;
}

#mainContent .redBar ul{
	float:right;
	width:500px;
	margin-top:3px;
}

#mainContent .redBar ul li{
	padding-left:45px;
}

#mainContent .redBar ul li a,
#mainContent .redBar ul li a img{
	border:none;
}

#mainContent .redBar ul li a img { 
	padding-top: 5px;
}

#mainContent .redBar .quickLinks{
	color:#fff;
	float:left;
	margin:0;
	height: 50px;
	padding: 0;
	background:url(/core/images/ui/yellowBar.png) no-repeat left top;
	width: 394px;
	text-align: center;
}

#mainContent .redBar .quickLinks:hover{
	background:url(/core/images/ui/yellowBar.png) no-repeat left bottom;
}

#mainContent .redBar .quickLinks a:link, #mainContent .redBar .quickLinks a:visited{
	text-decoration:underline;
	display:block;
	color:#fff;
	padding: 0;
	background:url(/core/images/ui/yellow-arrow.png) no-repeat 5px bottom;
	transition: background 0.5s ease;
	height: 50px;
	text-decoration: none;
	line-height: 1.1;
	width: 390px;
	
}

#mainContent .redBar .quickLinks a:hover{
	background:url(/core/images/ui/yellow-arrow.png) no-repeat 20px bottom;
}

.redBar .quickLinks strong {
	display:block;
	font-size: 16px;
	color: #000;
	font-weight: bold; 
	text-shadow: 1px 1px 1px rgba(255,255,255,.3);
	padding-top: 8px;
}

.redBar .quickLinks em {
	display:block;
	font-size: 14px; 
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}


/* 7. =CUSTOM ELEMENTS
================================================================================= */

.breadCrumbs, .currentlyviewing{
	margin:15px 5px 5px;
	color:#cc0000;
}

.currentlyviewing{margin:0 0 20px;}

.breadCrumbs a{
	text-decoration:none;
	padding:0 3px;
}

.currentlyviewing a.removefilter{
	text-indent:-9999px;
	display:inline-block;
	background:url(/core/images/ui/remove-x.gif) no-repeat right -4px;
	padding-right:15px;}

/*product quicklinks*/

#mainContent .linklist{}
#mainContent .linklist h2{margin:7px 0 5px 0;}
#mainContent .linklist .left{width:200px; margin:5px 10px 5px 0;}
#mainContent .linklist .left h5, #mainContent .quicklinks h5{font-weight:bold; font-size:13px}
#mainContent .linklist .left ul, #mainContent .quicklinks ul{margin:0;}
#mainContent .linklist .left ul li, #mainContent .quicklinks ul li{list-style-type:none;}
#mainContent .linklist .left a, #mainContent .quicklinks a{padding-right:3px; text-decoration:none}

/*#mainContent .quicklinks ul li { display: block; float: left; width: 50%; }*/


/*recommend*/

.recommend{margin:10px 0;}
.recommend .left{
	width:185px;
	margin-right:25px;
}

.recommend .left img{height:124px;}


.accessories .item .left{
	width:400px;
}

.newproducts
{
  margin-top:20px;
}
.newproducts .black
{
  color:black;
}
.newproducts .left
{
  width:400px;
}
.newproducts img
{
  float:left;
  padding:0 8px 0 0;
  max-width:200px;
}
.newproducts a.more, #LeadGenMessage a.more
{
  display:block;
  margin-top:5px;
  font-size:16px;
  font-weight:bold;
  color:#00ADEE;
  font-style:italic;
}


table.industryLinks td{
	padding:8px 6px;
	color:#333;
	vertical-align:top;
}


.mainContentListingTitle{
	font-size:16px;
}

.mainContentListingTeaser{
	font-size:13px;
	width:630px;
}

.pager{
	margin:15px 0 5px;
	font-size:13px
}

.pageNums a{
	padding:2px;

}

.pageNums .current{
	color:#555;
}

.productConfig .configurator span{
	width:160px;
	display:inline-block;
	padding:6px 5px 6px 0;
	text-align:right;
}

.productConfig .configurator select{
	margin:5px 0;
}

.productConfig .name{width:auto; text-align:left;}


#mainContent .mainContentPod .microcolumn
{
	width:31%;
	margin:0px 10px 20px 10px;
}

#mainContent .mainContentPod .microcolumn ul
{
	display:block;
	margin-top: 1.5em;
}

#mainContent .mainContentPod .microcolumn img
{
	display:block;
	margin-top: 1.5em;
}

/* = MEDIA BLOCKS ------------------------ */

.media { margin: 1em;}
.media, .bd { overflow: hidden; _overflow: visible; zoom: 1;}
.media .img { float: left; margin-right:  1em;}
.media .img img{ display: block;}
.media .imgRight { float: right; margin-left:  1em;}

.pipe  { padding: 0 1em; color: #ccc; font-weight: normal;}

/* =Video Gallery -----------------*/
ul.videoGallery {
	margin: 1em 0;
}
ul.videoGallery > li {
	border-bottom: 1px dotted rgb(193, 193, 193);
	margin: 0;
	padding: 1em 0;
}
ul.videoGallery li .img {
	max-width: 20%;
}
ul.videoGallery li .img img {
	max-width: 100%;
}

ul.videoGallery .summary > li a {
	display: inline;
	float: none;
}

.videoGallery h3, .videoGallery .bd :first-child {
	margin-top: 0;
}

/* =Video Detail -----------------*/

.videoDetail {
  padding-bottom: 1em;
}

.authorDetail {
  border-top: 1px dotted #C1C1C1;
}
.authorDetail .image {
  float: left;
  margin-right: 1em;
}
#BCLbodyContent {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 20px;
}
#BCLcontainingBlock {
  width: 100%;
}
.BCLvideoWrapper {
  position: relative;
  padding-top: 1px;
  padding-bottom: 56.25%;
  height: 0;
}
* html .BCLvideoWrapper {
  margin-bottom: 45px;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.BCLvideoWrapper div,
.BCLvideoWrapper embed,
.BCLvideoWrapper object,
.BrightcoveExperience {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.vid-right-column { float: right; width: 42%; margin: 10px 0 0 0; }
.vid-right-column a {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.vid-desc { margin: 15px auto; }
.vid-left-column { width: 57%; float: left; }
.vidContentPod {
    width: 673px;
    margin: 10px 0 0;
    background: url(/core/images/ui/mainContent-middle-bg.jpg) repeat-y;
}
.vidContentPod .mainContent-topcap {
    background: url(/core/images/ui/mainContent-topCap.jpg) no-repeat center top;
    height: 12px;
}
.vidContentPod .mainContent-bottomCap {
    background: url(/core/images/ui/mainContent-bottom.jpg) no-repeat center bottom;
    height: 12px;
}
.vidContentPod .inner {
    padding: 10px 15px;
    width: 633px;
}
.SideColumnRight {
    float: right;
    width: 221px;
    background: #fff;
    margin-top: 10px;
}
.SideColumnRight .rightcolumn-topcap {
    background: url(/core/images/ui/leftColumn-topCap.jpg) no-repeat top;
    height: 10px;
}
.SideColumnRight {
    background: url(/core/images/ui/leftcolumn-bottom.jpg) no-repeat bottom;
        padding: 0 0 15px;
}
.thumb img { width: 127px; }
ul.prdlist li { width: 215px; text-align: center; }
ul.prdlist li a { float: none; }
.message { display: table-cell; }
.hubspot { text-align: center; }
.extraHtmlProduct
{
	text-align:center;
}
.product_page_links
{
	text-align:center;
}
.product_page_links_space
{
	margin-top:10px
}
.phone_number_top_right
{
	text-align:right;
	font-weight: bold;
	font-size: 16px;
	color:darkred;
	
}

.document-links {
	margin-bottom: 10px;
}

.document-links ul {
	width: 40%;
	float: left;
}


/* Hide Ektron Search Stuff */
.ektronSearch div.searchWrapper div.searchResults h4 span.dateTime,
.ektronSearch div.searchWrapper div.searchResults .resultPreviewDetails {
	display: none;
}


/* Product Landing Page */
.landing-page .imageRotate,
.landing-page .imageRotate .rotateItem {
	width: 618px;
}

.landing-page .imageRotate .rotateItem img {
	max-width: 206px;
}

.landing-page .left-hero-image {
  float: left;
  width: 618px;
}

.landing-page .left-hero-image img {
  max-width: 618px;
}

.landing-page .imageRotate {
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

.landing-page h4 {
  font-size: 20px;
  margin-top: 0;
}

.landing-page .body-text {
  /*background: #909090;*/
  border: 3px solid #FFFFFF;
  box-shadow: 0px 4px 4px 3px #CCC;
  /*color: #FFFFFF;*/
	margin: 1em 0;
  padding: 1em;

  background: #f9f9f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to right,  #f9f9f9 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 */

}

  .landing-page .body-text p {
    /* font-size: 1.125em; */
  }

.landing-page .products {
	margin-left: -2%;
}

.landing-page .products .product {
	/* background: #CCCCCC; */
  background: #FFFFFF;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 4px 4px 3px #CCC;
	box-sizing: border-box;
  /* color: #FFFFFF; */
	/* border: 1px solid #000; */
	float: left;
	margin-left: 2%;
	width: 23%;
}

.landing-page .products .product h4 {
	/*background: #909090;*/
	/* color: #FFF; */
	margin: 0;
	padding: 0.25em 0;
	text-align: center;

	background: #f9f9f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to right,  #f9f9f9 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 */

}

.landing-page .products .product .img {
  background: #FFFFFF;
  /* border: 3px solid #000000; */
  display: block;
  text-align: center;
}

.landing-page .products .product .bd {
	padding: 0 1em;
}


.alignCenter {
	text-align: center;
}

.table-cell-borders td {
	border: solid 1px #c0c0c0;
}

.landing-page .product a,
.landing-page .product a.img:hover {
  text-decoration: none;
}

.landing-page .product a:hover {
  text-decoration: underline;
  color: #cc0000;
}

.landing-page .pod .button {
	display: block;
	border: none;
	background: #cc0000;
	color: #fff !important;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	padding: 6px 16px 6px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	text-align: center;
	background: #cc0000;
	background: -webkit-linear-gradient(#cc0000, #760900);
	background: -o-linear-gradient(#cc0000, #760900);
	background: -moz-linear-gradient(#cc0000, #760900);
	background: linear-gradient(#cc0000, #760900);
}

.landing-page .pod .button:hover {
	background: #c90;
	background: -webkit-linear-gradient(#f7b614, #f89d1e);
	background: -o-linear-gradient(#f7b614, #f89d1e);
	background: -moz-linear-gradient(#f7b614, #f89d1e);
	background: linear-gradient(#f7b614, #f89d1e);
	color: #fff;
}