@charset "utf-8";
/* CSS Document */

.centered {
	display: block;
	margin: 10px auto !important;
}

/* Border around website */
table.page-container { border: none; } 

/* Override Nav rollover */
#menu-top a:hover { color:#A7D431; }

/* Partners DIV on Homepage */
div#partners {
	height: 164px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0px;
	width: 580px;
}
div#partners img {
	float: left;
	margin: 0;
	padding: 0;
}
div#partners img:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* FAQ Article Styles */
.article {
	margin:0 auto;
	width:580px; 
}
.article h1 {
	background:none;
	border:none;
	color:#264889; 
	font-size:24px;
	line-height: 120%;
}
.article p {
	font-size:16px; 
	line-height:125%;
}
.article a {
	border-bottom:1px dotted; 
	color:#336699; 
	text-decoration:none;
}
.article a:hover {
	border-bottom:1px solid;
	color:#F00;
}
.article ol {
	font-weight:bold;
}
.article ol p {
	font-weight:normal;
}
.article ul li {
	color:#336699;
}
.article ul li p {
	color:#000;
}
.article img {
	border:none;
	display:block; 
	margin:0 auto;
}
.product-imgs {
	width:600px;
}
.product-imgs img {
	border: solid 1px #888;
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
.product-imgs p {
	color:#00529A;
	font-weight:bold;
	margin-left:5px;
}


div.info-box {
	background: #EBEFF7 url(../images/icn_info.png) top left no-repeat;
	border: solid 1px #9DAFD5;
	margin-bottom: 10px;
	min-height: 50px;
	padding: 5px 10px 10px 50px;
	width: 580px;
}

div.info-box h3.headline {
	font-weight: bold;
}

div.info-box h3.headline,
div.info-box p {
	color: #000000 !important;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.info-box a {
	font-weight: normal;
}

div.info-box a:hover { 
	font-weight: normal;
	border-bottom: 1px solid #EDB329;
}

div.phones {
	background: #FEBE10 url(../images/icn_phone.png) top left no-repeat;
	-moz-border-radius: 5px;
	height: 35px;
	margin-bottom: 10px;
	min-height: 45px;
	padding: 5px 10px 5px 45px;
	width: 580px;
}

div.phones p {
	color: #000000 !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom:2px;
	padding: 0 !important;
}


div.phones a {
	color: #000000 !important;
	font-size: 12px;
	border-bottom: solid 1px #000000;
	color: #000000 !important;	
}

div.phones a:hover {
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF !important;	
}

div.prod-imgs {
	text-align: center;
}

div.prod-imgs img {
	border: 1px solid #888888;
	margin: 0 auto 10px;
	max-width: 580px;
}

#business-partners-banner { background: #022640 url(../images/bkg-banner.png) top left repeat-x; height: 160px; margin: 10px auto; padding: 10px 12px; width: 580px; }
	#business-partners-banner .bp-btns { background: url(../images/bkg-biz-partners.png) top left repeat; border: 1px solid #FFFFFF; display: block; float: left; height: 140px; margin-right: 12px; overflow: hidden; padding: 0; width: 177px; }
	#business-partners-banner .bp-btns:last-child { margin-right: 0; }
	#business-partners-banner .bp-btns:hover { background: url(../images/bkg-biz-partners-hover.png) top left repeat; }
	#business-partners-banner .bp-btns img { height: 140px; margin: 0; padding: 0; width: 177px; }
	
#main-slider { height: 320px; margin: 0; padding: 0; }
.bxslider { margin: 0; padding: 0; }

.product-list-options h5, .product-list-price, .product-list-text { text-align:center; }
div.product-list-text { margin:2px 0; }
div.product-list-stock { color: #009900; font-size:14px; font-weight:bold; margin-top:2px; text-align:center; }
div.product-list-model { color: #000000; font-size:12px; font-weight:bold; margin-top:2x; text-align:center; }

/*-- Resources & Tools Section --*/

.resources-menu { margin: 0; padding: 0; width: 210px; }
	.resources-list { margin: 0; padding: 0; }
		.resources-list li { border-top: 1px solid #C6D2D9; list-style-type: none; padding: 4px 0; }
		/*.resources-list li:first-child { border-top: none; }*/
		.resources-list li:hover { background-color: #242D3A; }
			.resources-list a {
				background: top left no-repeat;
				color: #425063 !important;
				display: block; 
				font-size: 14px !important;
				font-weight: bold;
				height: 50px;
				margin-left: 10px;
				padding-left: 55px !important;
				text-decoration: none;
			}
			.resources-list li:hover a { color: #FFFFFF !important; }
				.resources-list a span { display: table-cell; height: 50px; vertical-align: middle; }
			
			#resources-solutions { background-image: url(../images/icns/icn-solutions.png); }	
			#resources-notifications { background-image: url(../images/icns/icn-notification.png); }	
			#resources-dvr-demo { background-image: url(../images/icns/icn-dvr-demos.png); }
			#resources-support { background-image: url(../images/icns/icn-support.png); }
			#resources-feedback { background-image: url(../images/icns/icn-feedback.png); }
			#resources-caught-on-dvr { background-image: url(../images/icns/icn-caught-on-dvr.png); }
			#resources-training { background-image: url(../images/icns/icn-training.png); }
			#resources-lens-cal { background-image: url(../images/icns/icn-calculator.png); }
			#resources-metric-con { background-image: url(../images/icns/icn-conversions.png); }
			#resources-faqs { background-image: url(../images/icns/icn-faqs.png); }
			
/*-- Footer Styles --*/

tr.page-footer {
	background-color: #262F3C;
	float: right;
	color: #FFFFFF;
	height: 200px;
	min-width: 960px;
	position: relative;
	width: 100%;
}
td.page-footer-content td { float: right; position: relative; }
td.page-footer-content {
	float: right;
	position: relative;
	width: 100%;
}

tr.page-footer .bar {
	background-color: #003366;
	height: 10px;
	width: 100%;
}

tr.page-footer #foot { background-color: #262F3C; padding: 10px 10px 20px; }

tr.page-footer #foot ul li a:hover { padding-bottom: 1px; border-bottom: solid 1px #FFFFFF; }

tr.page-footer #foot .hr { border-bottom: solid #9CAED3 1px; margin: 8px 0; width: 100%; }

tr.page-footer #foot #sitetree { float: left; }

tr.page-footer #foot #sitetree .st-menu { float: left; margin-right: 30px; }

tr.page-footer #foot #sitetree h4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px;
	margin-bottom: 4px;
	padding: 0px;
}

tr.page-footer #foot #sitetree .menu-list { margin: 0 !important; padding: 0; }

tr.page-footer #foot #sitetree .menu-list li { list-style: none; line-height: 18px; margin: 0 0 4px; }

tr.page-footer #foot #sitetree .menu-list li a { color: #939CA1 !important; font-size: 14px; font-weight:normal; }

tr.page-footer #foot #sitetree .menu-list li a:hover { border-bottom: solid 1px #FFFFFF; color : #FFFFFF !important; padding-bottom: 1px; }

/* Social Buttons styles (Header and Right Column) */
.social-links { margin: 10px; }

.social-btns { display: block; float: left; height: 50px; margin-right: 5px; padding-bottom: 0 !important; width: 50px; }
.social-btns:hover { border-bottom: none; filter: alpha(opacity=90); opacity: 0.9; zoom: 1; }
.btn-fb { background: url(../images/btns/btn_fb.png) 0 0 no-repeat; }
.btn-yt { background: url(../images/btns/btn_yt.png) 0 0 no-repeat; }

/* Social Buttons styles (Footer) */
.social-btns-sm { display: block; float: right; height: 30px; margin-left: 5px; filter: alpha(opacity=90); opacity: 0.9; padding-bottom: 0 !important; width: 30px; }
.social-btns-sm:hover { border-bottom: none; filter: alpha(opacity=100); opacity: 1.0; zoom: 1; }
.btn-fb-sm { background: url(../images/btns/btn_fb_sm.png) 0 0 no-repeat; }
.btn-yt-sm { background: url(../images/btns/btn_yt_sm.png) 0 0 no-repeat; }

/* Specs table styles */
.spec-table {
	background-color: #666666;
	border: none;
	margin: 5px auto 10px; 
	width: 100%;
}

.spec-table th {
	background-color: #CEDBFB;
	color: #000000; 
	font-weight: bold; 
	padding: 5px 10px; 
	text-align: left;
}

.spec-table td {
	background-color: #FFFFFF;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top; 
}

.spec-table td:first-child {
	background-color: #efefef;
	font-weight: bold;
	width:30%;
}

/* Article table styles */
.article-table {
	background-color: #27303D;
	border: none;
	border-collapse: separate;
	border-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 5px auto 10px; 
	width: 100%;
}

.article-table th {
	background-color: #27303D;
	color: #FFFFFF; 
	font-weight: bold; 
	padding: 5px 10px; 
	text-align: left;
}

.article-table td {
	background-color: #FFFFFF;
	color: #27303D;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top; 
}

.article-table td:first-child {
	font-weight: bold;
	width:30%;
}

.article-ul {
	padding-left: 20px;
}

/* Mobile Phone Support Banner Styles */
div.phones { background: url(../images/mobile-compatible-banner.png) top left no-repeat; height: 100px; margin: 0 auto 10px; padding: 60px 10px 5px 130px; width: 580px; }
	div.phones p { font-size: 14px; font-weight: bold; line-height: 16px; margin: 0px 0px 2px; padding: 0 !important; }
	div.phones p span { font-size: 12px; font-weight: normal; line-height: 14px; }
	div.phones a { color: #000000 !important; font-size: 12px !important; font-weight: normal !important; line-height: 14px !important; margin: 0px 0px 2px !important; padding: 0 !important; }
	div.phones a:hover { color: #FFFFFF !important; }

	
/* Catalog Download Page */
div#dllinkbox {
	margin: 0 auto;
	text-align: center;
	width: 350px;	
}

/* Mobile App Charts and Tables */

table.prime {
		background-color: #939CAL;
		border: none;
		border-collapse: collapse;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 5px auto 20px; 
		width: 100%;
	}

		table.prime th.dark, table.prime th.light {
			background-color: #303A48;
			border: solid 1px #303A48;
			color: #FFFFFF;
			font-size: 14px;
			font-weight: bold; 
			padding: 5px 10px; 
			text-align: left;
		}
		
		table.prime th.light {
			background-color: #4f6078;
			border: solid 1px #4f6078;
		}
		
			table.prime td {
				background-color: #FFFFFF;
				border: solid 1px #CCCCCC;
				padding: 5px 10px;
				text-align: center;
			}
			
			table.prime td:first-child {
				font-weight: bold;
				text-align: left;
				width:25%;
			}
			
				table.prime td:first-child span {
					color: #CC0000;
					font-weight: bold;
				}
			
			table.prime td.sub-head {
				background-color: #DDDDDD;
				font-weight: bold;
			}
			
			table.prime td.tab-footer {
				background-color: #DDDDDD;
				font-size: 11px;
				font-weight: normal;
			}
			
			table.prime td.tab-footer a {
				font-size: 11px;
				font-weight: normal;
			}
			
			table.prime td.yes {
				background-color: #009900;
				color: #FFFFFF;
			}
			
			table.prime td.no {
				background-color: #CC0000;
				color: #FFFFFF;
			}
			
/* Support Page Styles */

div#support-links {
		height:50px;
		text-align:center;
		width:100%;
	}

	a#btn-apps {
		background:url(../graphics/btns/btn-mobile-apps.png) no-repeat;
		display:inline-block;
		height:50px;
		margin:0 2px;
		vertical-align:top;
		width:140px;
	}
	
	a#btn-showmypc {
		background:url(../graphics/btns/btn-ss1.png) no-repeat;
		color:#000000;
		display:inline-block;
		font-family:tahoma,sans-serif;
		font-size:11px;
		font-weight:bold;
		height:43px;
		margin:3px 2px 0;
		padding:10px 0 0 60px;
		text-align:left;
		text-decoration:none;
		vertical-align:top;
		width:160px; 
	}
	
		a#btn-showmypc:hover {
			color:#2A388F;
		}
		
/* Additional Image Hacks */

div#add-imgs {
	margin:0 auto;
	text-align:center;
	width:580px;
}

div#add-imgs img {
	margin-bottom: 10px;
}

/* Product Resource Box (Temp) */

div#resource-box {
		border:#666666 1px solid; 
		font-weight:bold;
		margin-bottom:20px;
	}
	
		div#resource-box p {
			color:#fff !important;
			margin:0 !important;
			padding:0 !important;
		}
	
		div#resource-box div {
			background-color:#8B130F;
			border-bottom:#666666 1px solid;
			color:#FFF;
			margin:0 0 5px; 
			padding:5px 4px;
		}
		
		div#resource-box ul {
			list-style:none; 
			margin:0 0 5px 10px; 
			padding:0;
		}
		
		div#resource-box ul li {
			margin-bottom:4px;
		}
		
		div#resource-box ul li a {
			font-size:12px;
		}
		
		div#resource-box ul li:last-child {
			margin-bottom:0;
		}
		
/* Open House Page (Temp) */


div#open-house {
	background:url(../graphics/openhouse2014/px_by_Gre3g_@2X.png) top left repeat;
	color:#fff;
	margin:0 auto 20px;
	padding-bottom:4px;
	text-align:center;
	width:580px;	
}

	img.header-img {
		display:block;
		margin:0 auto;
	}

	div#open-house h4#header-text {
		color:#fff;
		font-size:24px;
		font-weight:bold;
		line-height:24px;
		margin:0 0 2px;
		padding:0;
	}
	
	div#open-house p.ohp {
		color:#fff;
		display:block;
		font-size:14px;
		margin-bottom:6px;
	}

	div#open-house div.oh-panel-left {
		float:left;
		-webkit-box-shadow: 0 8px 6px -6px black;
	   	-moz-box-shadow: 0 8px 6px -6px black;
	    box-shadow: 0 8px 6px -6px black;
		margin:5px 0px 5px 10px;
		text-align:center;
		width:275px;
	}
	
	div#open-house div.oh-panel-right {
		float:right;
		-webkit-box-shadow: 0 8px 6px -6px black;
	   	-moz-box-shadow: 0 8px 6px -6px black;
	    box-shadow: 0 8px 6px -6px black;
		margin:5px 10px 5px 0px;
		text-align:center;
		width:275px;
	}
		
		div.oh-bkg {
			height:135px;
			position:relative;
			text-align:center;
			width:275px;
		}
		
			div.oh-bkg div.bar {
				background-color:#000;
				bottom:0; left:0;
				height:28px;
				margin:0;
				opacity: 0.75; filter: alpha(opacity=75);
				position:absolute;	
				width:275px;
			}
			
			div.oh-bkg h4 {
				bottom:0;
				color:#fff;
				font-size:14px;
				font-weight:bold;
				height:16px;
				position:absolute;
				width:275px;
			}
		
		div#oh01 {
			background:url(../graphics/openhouse2014/open-house01.jpg) top center no-repeat;	
		}
		div#oh02 {
			background:url(../graphics/openhouse2014/open-house02.jpg) top center no-repeat;	
		}
		div#oh03 {
			background:url(../graphics/openhouse2014/open-house03.jpg) top center no-repeat;	
		}
		div#oh04 {
			background:url(../graphics/openhouse2014/open-house04.jpg) top center no-repeat;	
		}
		
		div.oh-sub {
			background-color:#b21f24;
			color:#fff;
			font-size:12px;
			padding:4px 0;
			text-align:center;
		}
		
/* Product Page Tab (idTabs)  */
.product-tabs { background: #FFFFFF; border: solid 1px #0F457C; overflow: hidden; margin: 0 auto; padding: 0; width: 600px; }

	.product-tabs .idTabs { float: left; margin: 0px; padding: 0; width: 600px; }
		.product-tabs .idTabs li { float:left; height: 30px; list-style:none; text-align: center; width: 25%; }
		
		.product-tabs .idTabs li a { background-color: #0F457C; display: block; color: #FFF; font-size: 14px; font-weight: 600; line-height: 30px; text-decoration: none !important; transition: background 0.4s; }
		.product-tabs .idTabs li a:hover { background: #2066a0; }
		.product-tabs .idTabs li a.selected { background: #FFFFFF; color: #0F457C; }
	
	.product-tabs div { background: #FFFFFF; border-top: none; clear: left; padding: 10px }

		.product-tabs div ul { list-style: none; margin:0; padding:0 0 10px; }
		.product-tabs div ul:last-child { padding-bottom: 0; }
		
			.product-tabs div ul li {  font-size: 12px; margin-bottom: 3px; padding-left: 1.2em; text-indent: -.7em; }
			.product-tabs div ul li:before { color: #0F457C; content: "■";  font-family:"Arial Black"; padding-right: 5px; vertical-align: middle; }
			
			.product-tabs .idTabs li,
			.product-tabs .idTabs li a,
			.product-tabs div h5.img-header,
			.table.specs  {
				font-family: 'Open Sans', sans-serif !important;
			}
			
			.product-tabs div h4 { color: #0F457C; font-size: 18px; font-weight: 600; line-height: 24px !important; margin-bottom: 0 !important; }
			.product-tabs div h5 {  border-bottom: solid 1px #C8CED0; color: #0F457C; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 400; line-height: 20px !important; margin-bottom: 10px !important; padding-bottom: 3px; }
			.product-tabs div h5.img-header { background-color: #3087C3; border: none; color: #fff; font-size: 14px; font-weight: normal; line-height: 24px !important; margin-bottom: 0px !important; padding: 0 10px; text-align: left; width: 580px; }
			
			.product-tabs div p {
				clear: none;
				display:block;
				line-height: 1.2em;
				margin-left: 0px;
			}
			
			.product-tabs div a { color: #2277BA; font-size: 12px; font-weight: 400; text-decoration: none; }
			.product-tabs div a:hover { color: #2277BA; font-size: 12px; font-weight: 400; text-decoration: underline; }

			.product-tabs div img { display: inline-block; border: solid 1px #C8CED0; border-top: none; margin: 0 auto 10px; max-width: 580px; }
			.product-tabs div img:last-child { margin-bottom: 0; }
			
			.product-tabs div #tab-banners {
				margin: 0; padding: 0;
			}
			
			.product-tabs div #tab-banners .mini-banner {
				display: inline-block;
				height: 80px;
				margin: 0;
				padding: 0 0 0 80px;
				text-decoration: none;
			}
			
			#mb-mobile { background: url(../images/icn-mb-mobile-compatible.png) 0 0 no-repeat; border-right: solid 1px #C8CED0; padding-right: 10px; width: 287px; }
			#mb-mobile-wide { background: url(../images/icn-mb-mobile-compatible.png) 0 0 no-repeat; width: 580px; }
			#mb-solutions { background: url(../images/icn-mb-apps-and-solutions.png) 0 0 no-repeat; width: 288px; }
			#mb-solutions-wide { background: url(../images/icn-mb-apps-and-solutions.png) 0 0 no-repeat; width: 580px; }
			
			.product-tabs div #tab-banners .mini-banner h6 { 
				color: #0F457C;
				font-family: 'Roboto Condensed', sans-serif;
				font-size: 18px;
				font-weight: 400;
				margin: 0;
			}
			
			.product-tabs div #tab-banners .mini-banner p {
				color: #000;
				font-size: 12px;
				line-height: 1.2em;
				margin: 0;
			}
			.product-tabs div #tab-banners .mini-banner p span { color: #2277BA; }
			.product-tabs div #tab-banners .mini-banner:hover p span { text-decoration: underline; }
			
/* Product Specs Table (2014) */
table.specs { border: solid 1px #CCC; border-collapse:collapse; color: #262E3C; font-weight: 400; margin: 0; width: 580px; }
	table.specs tr { border-bottom: solid 1px #CCC; }
	table.specs tr:first-child { border-top: solid 1px #CCC; }
		table.specs th { background-color: #2C3443; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 5px 10px; text-align: left; }
		table.specs td { padding: 5px 10px; }
		table.specs td:first-child { background-color: #f2f2f2; border-right: solid 1px #D9D9D9; color: #262E3C; font-weight: 600; width: 30%; }
		table.specs td.sub-header { background-color: #d8d9da; color: #000000; font-weight: bold; padding: 5px 10px; text-align: left; }
		
.product-tabs table:nth-child(2) { margin-top: 10px; }
		
/* Mobile Support Banner (New) */
div#mobile-support { 
	background: #E4EEF9 url(../images/icns/icn-mobile.png) left center no-repeat; 
	border: #A7CCF2 1px solid; 
	height: 80px; 
	margin: 0 auto; 
	padding: 10px 10px 10px 80px;
	width: 570px;
}

div#mobile-support h6 { color: #2277BA; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; }
	div#mobile-support p { font-size: 13px; line-height: 14px; margin: 0; padding: 0; }
	div#mobile-support p a { color: #2277BA; text-decoration: none; }
	div#mobile-support p a:hover { text-decoration: underline; }
	
a#solutions-banner { background: url(../images/banners/banner-apps-n-solutions.jpg) 0 0 no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 570px; }
	
td.prod-detail-lt { padding-right:10px; width: 245px; }
td.prod-detail-rt { padding-left:10px; text-align: center; width: 325px; }

/* Side Column Style Updates */
div.nav-menu { padding-bottom: 20px; }
.category-header { background: #252E3B url(../images/headers/bkg-col-header.png) top left repeat-x; color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 5px; padding-left: 10px; width: 100%; }
#resources-header {  margin-bottom: 0px; }


#ctl00_ctl05_pnlSearch {
	padding-top: 3px !important;
}

#ctl00_ctl05_txtSearch {
	width: 145px;
}

.search-module-text {
	color: #6a7072;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0 5px !important;
	padding: 5px !important;
	width: 135px !important;
}