﻿/*a, p, span, h1, h2, h3, h4, h5 {font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif; }*/
.t-bg-color {transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; -webkit-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s;}

.textSubHdr { font-size: 20px;  text-transform: uppercase; color: #2e3031; line-height: 1.15em;}
.textSubHdrSmall { font-size: 15px; letter-spacing: 0.035em; text-transform: uppercase; color: #2e3031;}

/*Homepage*/
body.homepage #footer {margin-top: 0px;}
body.homepage #mainContent { padding-bottom: 0;}
body.homepage #cphMainContent_loginViewPreHeader_logHeaderLogin_LoginButton {padding: 3px 10px; }
.pipe {margin: 0px 10px;}
#logintagline {  padding: 0px 0 15px; margin: 0; color: #adadad; }
.da-slide .white {color: white; }
.homepage-pack {background: rgba(255, 255, 255, 0.8); width: 100%; bottom: 0; padding: 25px 0 15px 0; position: absolute; z-index: 2; border-top: 1px solid #dedfe0;}
.pack {margin-right: 25px; float: left; width: 290px; oveflow:hidden;}
	.pack h4, .merch-pack span {width: 260px; padding: 9px 15px 10px; color: white; text-transform: uppercase; font-size: 15px; font-weight: normal; margin: 0; background: #1f1f1f; font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif; float: left;}
	.pack .section {background: #1f1f1f; padding: 10px 0; float: left; min-height: 360px; max-height: 360px;}
	.pack a { text-decoration: none;}
		.pack .news-section a {width: 260px; padding: 10px 15px; float: left; clear: left;  transition: background 0.3s, color 0.4s; -moz-transition: background 0.3s, color 0.4s; -webkit-transition: background 0.3s, color 0.4s; -o-transition: background 0.3s, color 0.4s;}
		.pack .news-section a:hover {background: #373737;}
			.pack .news-section a img {float: left;}
			.pack .news-section a span {float: right; width: 180px; font-size: 12px; font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif;}
			.pack .news-section a span.news-head { color: #fff;}
			.pack .news-section a span.news-sub {overflow: hidden; text-overflow: ellipsis; color: #adadad; word-wrap: break-word;}
	.pack .merch-section {margin-bottom: 19px; float: left; clear: left; }
		.pack .merch-section:hover, .pack .merch-section:hover span{background: #373737; color: white;}
		.pack .merch-section img {width: 290px; height: 72px; background: #efefef; display: block;}
		
	.pack .spek-section .user{width: 260px; padding: 5px 15px; float: left; clear: left;}
		.pack .spek-section .user #loggedInFieldset {border: 1px solid #515354; height: 220px;}
		.pack .spek-section .user .failureTextDiv { background: white; padding: 5px;}
			.pack .spek-section .user fieldset legend {font-size: 14px; font-weight: normal; font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif; color: white; padding: 0px 10px;}
			.pack .spek-section .user fieldset p {font-size: 12px; margin-bottom: 20px; font-weight: normal; font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif; color: #adadad; text-indent: 5px;}
			.pack .spek-section .user #loggedInFieldset a{text-decoration: none; height: 25px; line-height: 25px; width: 239px; font-size: 12px; font-weight: normal; font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif; color: #adadad; float: left; clear: left; text-indent: 5px; transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; -webkit-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s;}
			.pack .spek-section .user #loggedInFieldset a:hover {background: #373737; color: white;}
			.pack .spek-section .user #loggedInFieldset input.btn { font-size: 12px; font-weight: bold; margin-left: 5px; padding: 3px 8px;}
			.pack .spek-section .user fieldset > span { width: 4px; height: 4px; background: #adadad; float: left; margin: 0px 5px 0 10px; position: relative; top: 10px}
			.pack .spek-section .user fieldset a:hover span {background: white;}
		.pack .spek-section .user #languageFieldset { margin-top: 20px;}
			.pack .spek-section .user #languageFieldset #pleaseLanguage { margin: 5px 0 10px; padding: 0; }
			.pack .spek-section .user #languageFieldset a { background: url("/Content/Images/Header/flags.png") no-repeat scroll 0 0 transparent; height: 30px; width: 40px; display: inline-block; overflow: hidden; text-indent: -999px; white-space: nowrap;}
			.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangEN { background-position: -173px 5px; }
			.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangFR { background-position: -30px 5px; }
			.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangDE { background-position: 4px 5px; }
			.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangIT { background-position: -66px 5px; }
			.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangES { background-position: -102px 5px; }
		.pack .spek-section .user .languageSelect3Pack { float: left; }
		.pack .spek-section .user #loginFail { color: #DC5600; line-height: 1.5em;}
		.pack .spek-section .user #loginFieldset input.btn { padding: 3px 10px;}
		.pack .spek-section .user #loginFieldEtc { margin: 5px 0; color: #666; font-size: 14px;}
			.pack .spek-section .user #loginFieldEtc a { margin: 0 5px; font-size: 11px; text-decoration: none;}
		.pack .spek-section .user .login_remember { color: #fff;}
		.pack .spek-section .user .log-options {margin: 25px 0 0 5px; color: #adadad; font-size: 11px;}
			.pack .spek-section .user .log-options a{text-decoration: none; color: #adadad; font-size: 11px;}
			.pack .spek-section .user .log-options a:hover {color: white;}
	.last {margin: 0;}

/* Search / Search Articles */
.listHeaderSub {font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; font-size: .90em; font-family: 'TeXGyreHerosRegular',Arial,Helvetica,sans-serif;}

.searchTerm  input[type="text"]{background: #f0f0f0; border: 1px solid #e8e9ed; border-right: none; width: 86px; color: #1f1f1f;}
.searchTerm  .btn {padding: 3px 8px;}


body.searchProdPage-articles{}


body.searchProdPage #mainContent {background: white url(/content/images/search/search-products-bg.jpg) top center no-repeat; background-size: 100% 243px;}

body.searchProdPage #mainContent .primaryColumn .search-select-row  {margin-bottom: 15px;}
body.searchProdPage #mainContent .primaryColumn .search-select-row label {font-size: 11px; color: #000;}
body.searchProdPage #mainContent .primaryColumn .search-select-row select{padding: 0 0 0 3px; width: 150px; font-size: 11px; color: black; background: #fafafa; border: 2px solid #d4d4d4; margin-top: 5px;}
body.searchProdPage #mainContent .primaryColumn .products-row {border-top: 1px solid #ebebeb;}

body.searchProdPage h1.textHdr {background: transparent;}

body.searchProdPage .row {min-width: 0;}
body.searchProdPage .threecol {width: 25%; margin-right: 0;}

body.searchProdPage .search-article {border-bottom: 1px solid #ebebeb; float: left; background: white; text-decoration: none;}
body.searchProdPage .search-article:hover {background: #ebebeb;}
body.searchProdPage .search-article img {float: left; padding: 20px 10px 20px 20px;}
body.searchProdPage .search-article p {float: left; width: 529px;}
body.searchProdPage .search-article .article-title {font-size: 15px; color: black; padding: 0px 0 5px 0; color: #1f1f1f; float: left;}
	body.searchProdPage .search-article .article-title:hover { text-decoration: underline; color: #000;}
body.searchProdPage .search-article .article-publish-date {font-size: 11px; text-transform: uppercase; color: #777777; padding: 0px 0 5px 0; float: left; clear: left; }
body.searchProdPage .search-article .article-desc {color: black; font-size: 12px; float: left; clear: left;}

body.searchProdPage .search-product {border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb; float: left; background: white; }
body.searchProdPage div.threecol:nth-child(4n+4) .search-product { border-right: none;}
body.searchProdPage .search-product .item{border: 3px solid #fff; height: 300px; float: left; position: relative;}
body.searchProdPage .search-product .item .product-note {position: absolute; top: 0; left: 0; padding: 5px; background: #FFF; width: 150px;}
body.searchProdPage .search-product .item .product-note span {color: #999999; margin: 0; padding: 0; font-size: 11px; line-height: 14px; float: left; clear: left;}
body.searchProdPage .search-product .item:hover {border: 3px solid #ebebeb;}
body.searchProdPage .search-product .item a {float: left; color: #1f1f1f; }
body.searchProdPage .search-product .item a img { width: 151px; height: 151px; padding: 10px;-ms-interpolation-mode:bicubic;}
body.searchProdPage .search-product .item p {padding: 5px 5px; line-height: 16px; margin-left: 3px;}
body.searchProdPage .search-product .item strong, body.searchProdPage .search-product .item span {line-height: 22px;}
body.searchProdPage .search-product .item span.retail {text-decoration: line-through;}
body.searchProdPage .search-product .item span.sales {color: #e56512; margin-left: 5px; font-weight: bold;}
body.searchProdPage .search-product .item p a{text-decoration: none; width: 151px;}
body.searchProdPage .search-product .item p a:hover{color: #000; }

body.searchProdPage .filterList {list-style-type: none; margin-bottom: 10px; float: left; padding: 0;}
body.searchProdPage .filterList li {border-bottom: 1px solid #ebebeb; padding: 5px 0; float: left; clear: left; width: 100%;}
body.searchProdPage .filterList li span{font-size: 11px; width: 125px; float: left; clear: left;}
body.searchProdPage .filterList .close-btn {background: url(/content/images/close.png) center center no-repeat; width: 14px; height: 14px; float: right; text-indent: -9999px;}
body.searchProdPage .filterList .close-btn:hover {background: url(/content/images/close-over.png) center center no-repeat; }
body.searchProdPage .radioList {margin-bottom: 25px;}
body.searchProdPage .radioList li{border-bottom: none; padding: 0;}
body.searchProdPage .radioList li span {float: none; margin-left: 5px;}
body.searchProdPage .linkList {margin-bottom: 25px;}
body.searchProdPage .linkList li{border-bottom: none; }
body.searchProdPage .linkList li span {float: none; margin-left: 5px;}
body.searchProdPage .linkList li a { color: #1f1f1f; text-decoration: none;}

body.searchProdPage #searchNav { text-align: center; font-weight: bold;}
	body.searchProdPage #searchNav span.txt-bold{ color:#e96c1a; padding: 0px 5px;}
	body.searchProdPage #searchNav a { color: #1f1f1f; text-decoration: none; padding: 0px 5px; height:20px;}

#sortBy a img{position:relative; top:5px; left:10px;}
/*Tech Pages*/
body.airwarePage { background-image: url(/content/images/Technology/airware-bg.jpg); background-position: top;}
body.astxPage { background-image: url(/content/images/Technology/as3x-bg.jpg); background-position: top;  overflow-x: auto;}
body.bnfPage { background-image: url(/content/images/Technology/bnf-bg.jpg); background-position: top;}
body.dsmtPage { background-image: url(/content/images/Technology/dsm2-bg.jpg); background-position: top;}
body.dssPage { background-image: url(/content/images/Technology/directseqspread-bg.jpg); background-position: top;}
body.dsmrPage { background-image: url(/content/images/Technology/dsmr-bg.jpg); background-position: top;}
body.dsmxPage { background-image: url(/content/images/Technology/dsmx-bg.jpg); background-position: top;}
body.mmPage { background-image: url(/content/images/Technology/modelmatch-bg.jpg); background-position: top;}
body.multilinkPage { background-image: url(/content/images/Technology/multilink-bg.jpg); background-position: top;}
body.resolutionPage { background-image: url(/content/images/Technology/resolution-bg.jpg); background-position: top;}
body.sdiPage { background-image: url(/content/images/Technology/spektrumdatainterface-bg.jpg); background-position: top;}
body.servosyncPage { background-image: url(/content/images/Technology/servosync-bg.jpg); background-position: top;}
body.smartsafePage { background-image: url(/content/images/Technology/smartsafe-bg.jpg); background-position: top;}
body.latencyPage { background-image: url(/content/images/Technology/systemlatency-bg.jpg); background-position: top;}
body.telemetryPage { background-image: url(/content/images/Technology/telemetry-bg.jpg); background-position: top;}
body.xplusPage { background-image: url(/content/images/Technology/xplus-bg.jpg); background-position: top;}


body.techPage h1.textHdr { background: none;}
	body.techPage h1.textHdr sup { line-height: 0px;}
body.techPage .inner .clearFloat { padding: 10px 0;}
body.techPage .inner p { font-size: 12px; color: #2e3031; clear: right;}
body.techPage .inner .textSubHdrSmall { margin: 0 0 10px;}
body.techPage .inner img { }
body.techPage .inner p.techInfo { float: left; margin: 0 0 35px;}

body.techPage hr { border: none; border-bottom: 1px solid #ebebeb;}

body.bnfPage ol {color: #f47d31; margin: 20px 0; padding: 0; list-style-position: inside;}
	body.bnfPage ol li { text-transform: uppercase; font-size: 14px; margin-bottom: 5px; font-weight: bold;}

body.multilinkPage .inner img { margin-left: 110px;}
/*Error Page*/
body.error #mainContent {background: white url(/content/images/error/error-bg.jpg) center -223px no-repeat; padding: 25px 0 55px;}
	body.error #mainContent .inner { padding: 10px 20px; background: url("/Content/Images/catLanding/radiosPopinBg.jpg") repeat scroll 0 0 #EBEBEB; margin: 30px 20px 0; border: 1px solid #ababab; float:right; clear: right; width: 300px; }
		body.error #mainContent .inner h2 { padding: 0 !important; margin:10px 0; color: #DC5600; font-weight: bold; }



/*Media query for pages larger than 1178px.  Mostly used for backgrounds*/
@media (min-width: 1178px) {
	html, body { background-size: cover;}
}

@media (max-width: 1177px) {
	html, body { background-size: auto;}
	.dai { background-size: auto !important;}
}
  