 * {
	margin: 0;
	padding: 0;
	border: 0;
	}

 body {
	background: #8f9092;
	color: #333;
	font-size:100%;
	margin:0;
	padding:0;
}

.gradient-bkg {
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
	text-align: centre;
	background: #8f9092 url(../images/bkg.gif) repeat-x;
}

.wrapper1 {	
	width:988px;
	text-align:left;
	margin-left: auto; 
	margin-right: auto;
	}

.blankleft {	
	float:left;
	}

.blankcenter2 {	
	float:center;
	text-align: center;
	}


div.hr {
  height: 15px;
  background: #fff url(../images/hrDot.gif) repeat-x scroll center;
  width:100%;
  float: left;
}

div.homeHr {
  height: 15px;
  background: #fff url(../images/hrDot.gif) repeat-x scroll center;
  width:898px;
  float: left;
}

div.hr hr {
  display: none;
}

.l-shad {	
	background: url(../images/l-shad.gif) no-repeat;
	height: 784px;
	width: 15px;
	float: left;
	}

.r-shad {	
	background: url(../images/r-shad.gif) no-repeat;
	height: 784px;
	width: 15px;
	float: right;
	}

.wrapper2 {	
	width:958px;
	text-align:left;
	float: left;
	}

.headerTop {	
	background: url(../images/h-top.gif) no-repeat;
	width:958px;
	height:9px; 	
	}

.footerCorner {	
	background: white url(../images/footerCorner.gif) 0 39px no-repeat;
	width:958px;
	height:18px;
	padding-top: 30px;
	margin-bottom: 20px;
	display:none;
	}

.whiteWrapper {	
	width:958px;
	float: left;
	text-align:left;
	background: #ffffff;
	}

.headerContact {	
	text-align:left;
	padding: 20px 15px 7px 0;
	margin-top:10px;
	float: right;
	text-align:right;
	font-size: 0.7em;
	color:#8f8f8f;
	}

.navWrapper {	
	width:206px;
	float: left;
	}

.contentWrapper {	
	width:712px;
	float: left;
	}

.gutter1 {	
	width:30px;
	height: 800px;
	float: left;
	}
.gutter2 {	
	width:20px;
	height: 500px;
	float: left;
	}

.headerImage {	
	width: 100%;
	height: 197px;
	float: left;
	}


ul.leftnav {
	line-height: 1.75em;
	text-align: right;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.75em;
	}

ul.leftnav li {
	display: inline;
	}

ul.leftnavSub {
	line-height: 1.3em;
	text-align: right;
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
	font-size: 1em;
	}

ul.leftnavSub li {
	display: inline;
	}
	

.floatRight {
	float: right;
	}

.alignRight {
	float: left;
	margin-left: 100px;
	}

.search {
	background: #e6e7e8;
	border: 1px solid #d6d8da; border-left: 0px;
	float: left;
	padding: 5px 10px 5px 20px;
	margin-top: 10px;
	}

.login1 {
	background: #e6e7e8;
	border: 1px solid #d6d8da; border-left: 0px;
	float: left;
	margin-top: 10px;
	width: 100%
	}

.login2 {
	float: left;
	padding: 5px 13px 5px 13px;
	margin:30px 0px 30px 240px;
	}

.logintitle {
	background: #285caa;
	}

.blueTitle {
	color:#285caa;
	font-size: 0.75em;
	font-weight:bold;
	}

.per100 {
	float: left;
	width: 100%;
	}

/* News */

.latestNews1 {
	padding: 6px 0 0 10px;
	float:left;
	}

.latestNews2 {
	background: #285caa;
	width:193px;
	float:left;
	font-size: 0.75em;
	}

.latestNews3 {
	padding: 13px 26px 7px 26px;
	color: white;
	float:left;
	width:141px;
	}
.latestNews3 a, .latestNews3 a:visited, .latestNews3 a:hover, .latestNews3 a:link, .latestNews3 a:active { color:#ffffff; }

.newsShad {
	float:left;
	background: url(../images/newsShad.gif) no-repeat;
	width:193px;
	height: 39px;
	}

.newsDate {
	float:left;
	background: url(../images/newsIcon.gif) 0 3px no-repeat;
	padding-left:20px;
	color: white;
	}
.newsImage {
	float: right;
	margin-left: 15px;
}

/* Footer */

.backtotop { /* Footer placement */
	float: left;
	text-align: left;
	padding-left: 9px;
	height: 30px;
	background: url(../images/backtotop.gif) 0 4px no-repeat;
	margin-bottom:30px;
	}


/* Home */

.homeRetail {
	background: url(../images/homeRetail.gif) 0 0 no-repeat;
	height: 137px;
	float: left;
	width: 715px;
	padding-top: 20px;
	}

.homeIndustrial {
	background: url(../images/homeIndustrial.gif) 0 0 no-repeat;
	height: 145px;
	float: left;
	width: 715px;
	}

.homeServices {
	background: url(../images/homeServices.gif) 0 0 no-repeat;
	height: 125px;
	float: left;
	width: 715px;
	}

.homePromo {
	padding: 25px 400px 0 15px;
	}

.homeServices .homePromo {padding: 20px 260px 0 15px;}

/* Products */

.productBrand1 {
	background: #e6e7e8;
	border: 1px solid #d6d8da; border-left: 0px;
	padding: 5px 10px 8px 10px;
	margin-top: 5px;
	float: left;
	}

.productLogo {
	float: right;
	text-align: center;
	width: 200px;
	margin: 30px 10px 10px 10px;
	vertical-align: center;
	}

.productLogo3 {
	float: right;
	text-align: right;
	width: 330px;
	margin: 20px 10px 10px 10px;
	vertical-align: center;	
	}

.productLogo2 {
	float: left;
	width: 470px;
	}

.productLogo4 {
	float: left;
	width: 340px;	
	}

.product {
	float: right;
	padding: 10px 10px 10px 50px;
	text-align: center;
	}

.clear {
	clear: both;
	}

.GoogleMap {
	float: right;
	padding: 10px 0px 10px 50px;
	text-align: center;
	}

.imgright {
	float: right;
	padding: 10px 0px 10px 20px;
	}

.quoteleft {
	float: left;
	padding: 10px 15px 10px 5px;
	}

.promo {
	float: left;
	padding: 10px 0 0 10px;
	}

.promo2 {
	float: left;
	padding: 4px 0 0 10px;
	}

.promo3 {
	float: left;
	width: 100%;
	text-align: center;
	}

.promo4 {
	float: right;
	width: 100%;
text-align: right;
	}


/* Phase 2 */

.rpim {
	float: left;
	margin: 20px 0 20px 20px;
	}

.register1 {
	float: left;
	width: 460px;
	}

.register2 {
	float: left;
	background: url(../images/vdotline.gif) repeat-y;
	height: 70px;
	width: 1px;
	margin: 0 14px 0 14px;
	}

.registerbkg {
	background: #e6e7e8;
	border: 1px solid #d6d8da; border-left: 0px;
	float: left;
	margin-top: 10px;
	width: 100%;
	}

ul.bbullet {
	line-height: 1.3em;	
	padding: 0 10px 0 10px;
	margin: 5px 20px 10px 0;
	list-style: none;
	font-size: 0.8em;		
	}

.bbullet li  {
	padding: 0 0px 0 13px;
	background: url(../images/nav-arrow.gif) no-repeat 0 4px;	
	}

.newssu {	
	float: left;
	width: 540px;
	background:white;
	padding: 10px;
	border: 1px solid #d6d8da;
	}

.margin70 {
	background:red;
	margin: 0 0 0 70px;
	}

.newsf {
	float: left;
	text-align: right;
	width: 240px;
	}

.newsf2 {
	float: left;
	width: 40px;
	margin:  0 10px 0 10px;
	}

.newsf3 {
	float: left;
	width: 200px;
	font-size:0.8em;
	}

	
.blankcenter2 {		
	float:left;
	margin: 1em auto;
	text-align: center;
	background:red;
	}

.arrow-blue-small {	
	float:left;
	background: url(../images/arrow-blue-small.gif) 0 4px no-repeat;
	height:18px;
	padding-left: 8px;
	}

.servicesleft {
	float: left;
	width: 348px;
	padding-bottom: 10px;
	}

.servicesright {
	float: right;	
	width: 348px;
	}

/* Negative Right Margin cancels out the third item's right margin */
ul#product-brands { margin: 20px -15px 20px 0; }
ul#product-brands li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #cedeef;
	padding: 5px 0;
	background: #e2edf8;
	width: 225px;
	height: 100px;
	text-align: center;
}

ul#product-brands li p {
	position: absolute;
	bottom: 5px;
	left: 20px;
	right: 20px;
}

ul#product-brands li p.two {
	position: absolute;
	bottom: 15px;
	left: 20px;
	right: 20px;
}

ul#product-brands a { display: block; }

#topControls { width:958px; height:25px; }
#topControls .inner { float:right; margin-right:6px; }
#topControls a, #topControls span { color:#A4A8AE; font-size:80%; float:left; }
#topControls .rightDiv{ padding:0px 20px 0px 0px; border-right:1px solid #4B535F; margin-right:20px; }
#topControls .twitter { margin-left:10px; width:16px; height:16px; }
#topControls .facebook { margin-left:5px; width:16px; height:16px; }
#topControls .portal { background: url(../images/new/icon-Customer-Portal.png) no-repeat 0px center; padding-left:15px; }
#topControls .login { background: url(../images/new/icon-login.png) no-repeat 0px center; padding-left:15px; }

.header { height:118px; }
.header .logo { float:left; margin-top:16px; }
.header .allAround { float:left; padding:12px 0px 16px 23px; margin:35px 0px 0px 0px; border-left:1px solid #ABABAB; }
.header .callSales { float:right; color:#88A6D1; margin-top:50px; margin-right:35px; }
.header .callSales strong { color:#275CAB; }

.topNav { width:958px; height:39px; background: url(../images/new/topNavBkg.png); }
.topNav .menu { margin-left:36px; float:left; }
.topNav .menu * { float:left; display:block; }
.topNav .menu a, .topNav .menu a:visited { color:#ffffff; padding-top:9px; font-size:90%; }
.topNav .menu a.selected { background: url(../images/new/topNavIndicator.png) no-repeat center 0px; }

.topNav .menu span { width:2px; height:16px; overflow:hidden; margin:12px 10px 0px 10px; background: url(../images/new/topNavDiv.png); }


.homeMainProducts { width:928px; float:left; }
.homeMainProducts .left { float:left; width:429px; padding:30px 30px 30px 0px; }
.homeMainProducts .right { float:left; width:403px; padding:30px 30px 30px 36px; background: url(../images/new/home-div.gif) no-repeat 0px center; }
.homeMainProducts .right img { }

.homeTweets { float:left; width:872px; }
.homeTweets .top { float:left; font-weight:bold; width:872px; height:26px; color:#234F93; background: url(../images/new/home-twitter.png) no-repeat right center; }
.homeTweets .content { float:left; padding:6px 0px 8px 26px; width:872px; background:#275CAB; overflow:hidden; }
.homeTweets .content .tweet { font-size:80%; color:#ffffff; }
.homeTweets .content .tweet a { color:#ffffff; }
.homeTweets .content .tweetBy { font-size:80%; color:#458AF3; }
.homeTweets .bottom { float:left; width:898px; padding-top:2px; }
.homeTweets .bottom a { float:right; font-size:70%; padding:0px 18px 0px 0px; background: url(../images/new/home-twitter-arrow.png) no-repeat right center; }

.home3Col { float:left; width:898px; }
.home3Col .left { width:270px; float:left; }
.home3Col .mid { width:280px; float:left; margin:0px 30px 0px 30px; }
.home3Col .right { width:270px; float:left; }
.home3Col .right .title { color:#C62F2B; font-size:70%; padding:6px 0px 0px 0px; }
.home3Col .right .link { margin:0px; padding:0px; }
.home3Col .right .link a { color:#4472B6; }

#homeScroller { background: url(../images/listenlive-bkg.gif) no-repeat; width:898px; height:50px; float:left; }
#homeScroller #scrollingArea { width:898px; height:50px; float:left; position:relative; margin:0px 0px 0px 0px; }
#homeScroller #scrollingArea .coverLeft { margin-left:50px; width:80px; height:50px; position:absolute; left:0px; z-index:10; background: url(../images/new/logo-scroll-left-cover.png) no-repeat; }
#homeScroller #scrollingArea .coverRight { width:80px; height:50px; position:absolute; right:0px; z-index:10; background: url(../images/new/logo-scroll-right-cover.png) no-repeat; }
#homeScroller #scrollingArea .viewport { width:838px; height:50px; margin-left:60px; position:absolute; z-index:2; overflow:hidden; }
#homeScroller #scrollingArea .viewport div { position:absolute; }
#homeScroller #scrollingArea .viewport div a { padding:0px 12px 0px 12px;}
#homeScroller #scrollingArea #leftContent { color:#5B5B5B; position:absolute; top:15px; font-size:80%; }

#homePromo { width:958px; height:234px; background:#000000; position:relative; }
#homePromo #mainImage { z-index:1; left:0px; top:0px; position:absolute; }
#homePromo .controls { position:absolute; top:16px; right:14px; z-index:2; }
#homePromo .controls a { display:block; float:left; width:16px; height:17px; padding-top:1px; padding-bottom: 3px; margin-right:2px; text-align:center; font-size:80%; }
#homePromo .controls .normal:hover { background:#275CAB; color:#ffffff; text-decoration:none; }
#homePromo .controls a.normal { background:#ffffff; color:#737373; }
#homePromo .controls a.selected { background:#275CAB; color:#ffffff; }

.footer { background: #5f5f5f; float: left; width:898px; padding:30px; }
.footer .left a, .footer .left a:visited, .footer .mid a, .footer .right a, .footer .right a:visited, .footer span { display:block; color:#ffffff; font-size:80%; margin:5px 0px 5px 0px; }
.footer .left { width:220px; float:left; }
.footer .mid { width:220px; float:left; }
.footer .right { width:220px; float:left; }
.footer .tel { background: url(../images/new/link-tel.gif) no-repeat 0px center; padding-left:20px; }
.footer .email { background: url(../images/new/link-email.gif) no-repeat 0px center; padding-left:20px; }
.footer .facebook { background: url(../images/new/icon-Facebook.png) no-repeat 0px center; padding-left:27px; }

.footer .twitter { background: url(../images/new/icon-Twitter.png) no-repeat 0px center; padding-left:27px; }
.footer .linkedin { background: url(../images/new/icon-linked-in.png) no-repeat 0px center; padding-left:27px; }


.copyright { float:right; clear:left; width:898px; text-align:right; font-size:70%; color:#ffffff; }

.latestNews { padding-left:13px; font-size:110%;  }
.latestNews .heading { color:#234F93; font-weight:bold; }
.latestNews .title { color:#C62F2B; padding:6px 0px 0px 0px; }
.latestNews .link { margin:0px; padding:0px; }
.latestNews .link a { color:#4472B6; }

.latestTweet { padding-left:13px; }
.latestTweet .top { margin-top:20px; height:27px; color:#285CAA; background: url(../images/new/content-twitter.gif) no-repeat right center; font-size:80%; font-weight:bold; }
.leftFollowUs { display:block; color:#285CAA; font-size:70%; text-align:right; width:153px; margin-top:-10px; float:left; margin-bottom:40px; }

.blueArrow { padding-left:14px; color:#285CAA; background: url(../images/new/blue-link-arrow.gif) no-repeat 0px center; }

#productTypes { margin-top:20px; }
#productTypes .row { clear:left; }
#productTypes .item { width:344px; float:left; margin-bottom:10px; }
#productTypes .item .title { color:#285CAA; padding-bottom:6px; margin-bottom:8px; background: url(../images/new/type-dotted-bottom.gif) no-repeat bottom center; }
#productTypes .item .typeImage { float:right; padding:24px 6px 6px 24px; }
#productTypes .item .desc { margin-bottom:7px; }
#productTypes .alt { margin-left:20px; }

#leftSearch { color: white; text-decoration: none; display: block; background: #285caa; margin-bottom: 2px; padding:4px 6px 4px 0px; border: 1px solid #d6d8da; border-left: 0px; text-align:right; font-size:80%; margin-top:7px; }
#leftSearchCombo { background:#E6E7E8; padding:9px 0px 9px 14px; border: 1px solid #d6d8da; border-left: 0px; }
#leftSearchCombo select { width:177px; height:28px; padding:4px; border:1px solid #ABADB3; }

.searchTop  { background: url('../../images/new/search.gif') no-repeat 0 0; height: 22px; width: 194px; float: right; padding-left: 5px; margin:8px 12px 0px 0px; }
.searchTop input { border: none; width: 170px; background:none; float:left; margin-top:4px; font-size: 0.7em; color: #676767 }
.searchTop a { border: none; width: 21px; height:22px; background: url('../../images/search.gif') no-repeat right 0;  float:left; display:block; }
.searchTop a:hover { text-decoration:none; }


.partNumber table { font-size: 0.8em; color:#5A5A5B; padding-bottom: 20px; text-align: left}
.partNumber table td { padding: 2px 30px 2px 0; text-align: left}
.partNumber table th{ color:black; text-align: left}
