@font-face {
    font-family: Insignia;
    src: url(/fonts/Insignia.otf);
}
@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-LightOblique.ttf);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-HeavyOblique.ttf);
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-Black.ttf) ;
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-Heavy.ttf);
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-MediumOblique.ttf);
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-Roman.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir/Avenir-Oblique.ttf);
    font-weight: normal;
    font-style: italic;
}
.ted-sws-eng {
	width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    box-sizing: border-box;
    border-bottom: 3px solid #d71920;
}
.navbar-ted-subsite {
	background-color: #ffffff;
	border: 2px solid #efefef;
	margin-right: 0px !important;
}

.navbar-inner-ted-subsite .nav>li>a {
	padding: 8px 29.5px !important;
	color: #2f2c2d !important;
    font-family: Insignia,sans-serif;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 16px !important;
}
.navbar-inner-ted-subsite .nav>li:last-of-type>a {
	text-transform: none;
}

.navbar-inner-ted-subsite .nav>li>a:hover {
	background: #d71920 !important;
	color: #ffffff !important;
}

.navbar-inner-ted-subsite .nav>li>a.nav-home-icon {
	padding: 3px 15px 7px 15px !important;
	background-color: #ffffff !important;
}

.ted-sub-site{
	padding: 10px 0px;
	width: 1140px;
    margin: 0px auto;
}

.ted-subheading-nav {
	padding-left: 0px;
    margin-top: 15px;
    width: 76% !important;
    margin-left: 5% !important;
}
 
.ted-sub-site .navbar-search {
	margin-left: 0;
	float: left;
}
 
.ted-sub-site input#ProductSearch {
	width: 220px !important;
	border-radius: 0px;
}
.ted-sub-site .input-append .btn:last-child {
	border-radius: 0px;
	background-color: #d71920 !important;
}
.ted-sub-site .input-append .btn .icon-search {
	background-image: url(/img/glyphicons-halflings-white.png);
}
.ted-sws-french .ted-sub-site input#ProductSearch {
	font-size: 13px;
}
.ted-logo-search .navbar-search.pull-center {
	margin-left: 0;
	margin-top: 5px;
}

.ted-logo-search {
	padding-left: 0;
    width: 19% !important;
}

.navbar-inner-ted-subsite .divider-vertical {
	height: 32px !important;
	margin: 0 !important;
	border-color: #efefef;
	border-width: 2px;
	border-left: none;
}

.ted-blurb {
	margin-bottom: -8px;
}

.ted-shipping-message-sub {
    float: right;
    width: 317px;
    color: #000;
    margin-top: 1px;
    margin-right: 3px;
    font-family: Avenir ,sans-serif;
}
.ted-sws-french .navbar-inner-ted-subsite .nav>li>a {
	padding: 8px 15.5px !important;
}
.ted-sws-french .navbar-inner-ted-subsite .nav>li>a.nav-home-icon {
    padding: 4px 15px 8px !important;
}
.ted-sws-french .ted-shipping-message-sub {
	width: 385px;
}

.navbar-ted-subsite .dropdown-menu li>a:hover, .navbar-ted-subsite .dropdown-menu li>a:focus, .navbar-ted-subsite .dropdown-submenu:hover>a {
    color: #ffffff !important;
    background: #d71920 !important;
}
.navbar-ted-subsite .dropdown-menu li>a {
	font-family: Avenir ,sans-serif;
}
.navbar .navbar-ted-subsite li.dropdown.open>.dropdown-toggle, .navbar .navbar-ted-subsite li.dropdown.active>.dropdown-toggle, .navbar .navbar-ted-subsite li.dropdown.open.active>.dropdown-toggle {
	background: #d71920 !important;
	color: #ffffff !important;
}

.buttons-ted {
	margin-top: 20px;
}
.buttons-ted .span6 {
	border: solid #dedede 1px;
	min-height:160px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.buttons-ted a:hover {
	text-decoration: none;
}
.ted-parent-cat {
	margin-top: 108px;
	width: 35%;
	font-size: 20px;
	text-transform: uppercase;
	padding:4px 8px;
	color: white;
	background-color: #000;
	margin-top: 130px;
    margin-bottom: 0;
    text-align: center;
}
.ted-side-ad {
    background-image: url(/images/pages/ted5000/TED-Pro-SIDE-AD.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    border: solid #dedede 1px;
    border-radius: 4px;
}
.ted-side-ad-fr {
	background-image: url(/images/pages/ted5000/TED-Pro-SIDE-AD-fr.jpg);
}
.ted-side-ad-cat {
    margin-top: 108px;
    width: 35%;
    font-size: 20px;
    text-transform: uppercase;
    padding: 4px 8px;
    color: white;
    background-color: #000;
    margin-top: 0px;
    margin-bottom: 0;
    text-align: center;
    position: relative;
	top: 224px;
}
.ted-side-ad-child-cat {
    background-color: #d32027;
    background-image: -moz-linear-gradient(top,#d32027,#be2027);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#d32027),to(#be2027));
    background-image: -webkit-linear-gradient(top,#d32027,#be2027);
    background-image: -o-linear-gradient(top,#d32027,#be2027);
    background-image: linear-gradient(to bottom,#d32027,#be2027);
    margin: 0;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    position: relative;
	top: 224px;
}

.ted-commercial {
	background-image: url(/images/pages/ted5000/SWS-TED-Button-Commercial.jpg);
	background-repeat: no-repeat;
}

.ted-accessories {
	background-image: url(/images/pages/ted5000/SWS-TED-Button-Accessories.jpg);
	background-repeat: no-repeat;
}

.ted-replacement-parts {
	background-image: url(/images/pages/ted5000/SWS-TED-Button-Replacement-Parts.jpg);
	background-repeat: no-repeat;
}
.ted-commercial, .ted-replacement-parts, .ted-accessories  {
    height: 290px;
    display: block;
    position: relative;
    border: 2px solid #efefef;
    background-size: 106%;
    -webkit-box-shadow: inset 0px -4px 0px 0px #d71920;
    box-shadow: inset 0px -4px 0px 0px #d71920;
    background-position: 50% 120%;
}
.commerical-ted-pro {
	background-image: url(/images/pages/ted5000/commerical-ted-pro.png);
	background-repeat: no-repeat;
}
.commerical-spyder {
	background-image: url(/images/pages/ted5000/commerical-spyder.png);
	background-repeat: no-repeat;
    background-position: 80% 10%;
}
.commerical-accessories {
	background-image: url(/images/pages/ted5000/commerical-accessories.png);
	background-repeat: no-repeat;
    background-position: 80% 40%;
}
.buttons-ted .ted-child-cat{
    font-family: Insignia,sans-serif;
    margin:0;
    color: #d71920;
    text-align: center;
    font-size: 24px;
    padding: 10px 15px 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.ted-mobile .brand {
	color: #be2027 !important;
}
.ted5000-mobile-logo {
	color: #ffffff;
    text-shadow: none;
    display: block;
    float: left;
    padding: 10px 20px 10px;
    
    font-size: 20px;
    font-weight: 200;
}
.navbar-inner.ted-mobile {
	background-color: #d32027;
	background-image: linear-gradient(to bottom,#d32027,#be2027);
    background-repeat: repeat-x;
}
 .navbar-inner.ted-mobile .btn-navbar,  .navbar-inner.ted-mobile .btn-navbar:hover, .navbar-inner.ted-mobile .btn-navbar:hover .icon-bar {
	 background-color: #dedede;
	 border-color: #fff;
	 color: black !important;
}
 .navbar .ted-mobile .nav li.dropdown.open>.dropdown-toggle, .navbar .ted-mobile .nav li.dropdown.active>.dropdown-toggle, .navbar .ted-mobile .nav li.dropdown.open.active>.dropdown-toggle {
	 background-color: #be2027;
	 color: white;
}
 .ted-mobile .nav-collapse .dropdown-menu a {
    color: black;
}
.navbar .ted-mobile .nav>li>a, .navbar .ted-mobile .nav>li>a:hover {
	 color: black;
}

.ted-sws-hero-section {
	position: relative;
}
.ted-sws-hero-section-title {
	position: absolute;
    top: 23%;
    width: 100%;
    text-align: center;
    font-family: Insignia,sans-serif;
    color: #d71920;
    font-size: 47px;
    line-height: 47px;
    font-weight: 600;
}
.itm-french-content .ted-sws-hero-section-title {
    font-size: 40px;
    line-height: 40px;
}
.bottom-buttons-ted {
    border: 2px solid #efefef;
    box-sizing: border-box;
    margin-bottom: 5px;
}



@media (max-width: 1199px) {
	
	.ted-sub-site {
	    width: 940px;
	    padding: 10px 15px;
	    box-sizing: border-box;
	}
	.ted-subheading-nav {
		margin-top: 4px;
	}
	.nav-home-icon .icon-home {
		margin-top: 1px !important;
	}
	.ted-logo-search {
		padding-left: 0px;
	}	
	.navbar-inner-ted-subsite .nav>li>a, .navbar-inner-ted-subsite .nav>li>a.nav-home-icon, .ted-sws-french .navbar-inner-ted-subsite .nav>li>a.nav-home-icon {
		padding: 8px 14.9px !important;
	}
	.ted-sws-french .navbar-inner-ted-subsite .nav>li>a {
		padding: 8px 7.5px !important;
		font-size: 14px !important;
	}
	.buttons-ted .ted-child-cat{
		font-size: 20px;
		padding: 10px 10px 10px;
	}
	.ted-parent-cat {
		font-size: 16px;
		}
	.buttons-ted  .span4 {
		background-position: right top;
		}
	.ted-blurb p{
		font-size: 12px;
	}
	.ted-shipping-message-sub {
		margin-right: 4px;
	}
	.ted-side-ad-cat, .ted-side-ad-child-cat {
		top: 167px;
	}
	.ted-side-ad .ted-side-ad-cat {
		font-size: 15px;
	}
	.ted-sws-hero-section-title {
		font-size: 37px;
		line-height: 37px;
	}
	.ted-commercial, .ted-replacement-parts, .ted-accessories {
		height: 210px;
		background-size: 100%;
		background-position: 50% 100%;
	}
	.itm-french-content .ted-sws-hero-section-title {
	    font-size: 30px;
	    line-height: 30px;
	}
}
@media (max-width: 979px) {
	/* --------------------- TED SUBSITE ----------------- */	
	.ted-sws-eng {
		border-bottom: none;
	}
	.ted-parent-cat {
		width: 105px;
	}
	.buttons-ted {
	    margin-top: 0px;
	    margin-bottom: 5px;
	}
	.bottom-buttons-ted {
		margin-bottom: 10px;
	}
	.navbar-inner.ted-mobile {
		background-image: none;
	    background-color: #ffffff !important;
	}
	.ted-mobile .span4 {
	    margin-bottom: 0px;
	    width: 80%;
	    max-width: 115px;
	    margin-left: 0px;
	}
	.ted-mobile .input-append input {
	    font-size: 12px;
	    border-radius: 0px;
	}
	.ted-mobile .span8 {
	    width: auto;
	    margin-bottom: 5px;
	    float: none;
	    overflow: hidden;
	    margin-top: 16.5px;
	}
	.navbar-inner.ted-mobile {
		background: #ffffff;
	    border-bottom: 2px solid #d71920;
	    padding-top: 7.1px;
	    padding-bottom: 7.1px;
	}
	.navbar .ted-mobile .span5 {
		width: 32%;
		margin-left: 0;
		margin-right: 10px;
		max-width: 180px;
	}
	.ted-mobile img.brand.mobile-logo {
		width: auto;
		padding: 0px 10px 5px 0;
		box-sizing: border-box;
		margin: auto;
	}
	.navbar .ted-mobile .span7 {
		width: auto;
		margin-left: 0;
		overflow: hidden;
		float: none;
		margin-bottom: 8px;
	}
	.navbar .ted-mobile .span7 p.lead {
		margin-bottom: 2px;
	}
	.navbar .ted-mobile .span7 .input-append {
		margin-top: 0px;
	}
	.navbar .ted-mobile .span7 .input-append  .appendedInputButton {
		border-radius: 0px !important;
	}
	.ted-mobile .input-append .navbar-search {
		position: relative;
		float: left;
		margin-top: 0px;
		margin-bottom: 0 !important;
		max-width: 100%;
		margin-left: 0px;
		padding-left: 0px !important;
		padding-top: 0px !important;
	}
	.ted-mobile .input-append .btn {
		margin-left: -1px;
		height: 28px;
	    font-size: 14px;
	    padding: 3px 10px;
	    border-radius: 0;
	    background-color: #d71920;
	}
	.ted-mobile button.btn.btn-default i.icon-search {
	    background-image: url(/img/glyphicons-halflings-white.png);
	    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	}
	.ted-mobile .sws-mobile-header-nav #mobile-sws-3 .nav > li > a {
		text-align: left;
		padding: 4px 0px 4px 16px !important;
		border-radius: 0px;
		background-color: #ffffff !important;
		box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	    -webkit-box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	    -moz-box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
		margin-bottom: 2px;
		color: #231f20 !important;
	}
	.ted-mobile .sws-mobile-header-nav .nav>li>a, .ted-mobile .sws-mobile-header-nav .nav>li>a:hover {
		font-size: 14px;
		font-weight: 600;
		color: #231f20 !important;
		padding: 3px;
		text-align: center;
		text-transform: uppercase;
	    font-family: Insignia,sans-serif;
	}
	.ted-mobile .sws-mobile-header-nav .nav>li>a#ted-MyTED, .ted-mobile .sws-mobile-header-nav .nav>li>a#ted-MyTED:hover {
		text-transform: capitalize;
	}
	
	.navbar-ted-subsite .nav-collapse .open > .dropdown-menu li > a, .navbar-ted-subsite .nav-collapse .open > .dropdown-menu li > a:hover, .navbar-ted-subsite .nav-collapse .open > .dropdown-menu li >strong> a, .navbar-ted-subsite .nav-collapse .open > .dropdown-menu li >strong> a:hover {
	    font-size: 13px;
	    line-height: 16px;
	    background-color: transparent !important;
	    padding: 5px 2px 5px 0px !important;
		color: #231f20 !important;
		background-image: none !important;
		font-weight: normal !important;
	}
	.navbar-ted-subsite .nav-collapse .open > .dropdown-menu li >strong> a, .navbar-ted-subsite .nav-collapse .open > .dropdown-menu li >strong> a:hover {
		font-weight: 700 !important;
		color: #231f20 !important;
	}
	.ted-mobile .nav-collapse .open>.dropdown-menu {
		margin-top: 5px;
		margin-bottom: 2px;
	}
	.ted-mobile .navbar-ted-subsite {
		width: 100%;
		background-image: none !important;
		background-repeat: no-repeat !important;
		top: 0px !important;
		left: 0px !important;
		border-radius: 0px;
		margin-bottom: 0px;
		background-color: #ffffff;
		border: none;
	}
	.ted-mobile .navbar-ted-subsite.mobile-sws-nav-rest {
		box-shadow:none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	}
	.ted-mobile #mobile-sws-3 {
		top: -28px;
	}
	.ted-mobile #SWS-mobile-first-nav {
		width: 28%;
	    box-sizing: border-box;
		border: 1px solid rgb(228 228 228);
		border-right: none;
	}
	.ted-mobile #SWS-mobile-second-nav {
		width: 28%;
		box-sizing: border-box;
		border: 1px solid rgb(228 228 228);
		border-right: none;
	}
	.ted-mobile #SWS-mobile-third-nav {
		width: 29%;
		box-sizing: border-box;
		border: 1px solid rgb(228 228 228);
	}
	.ted-mobile #SWS-mobile-hamburger-nav {
		width: 15%;
		background-color: #d71920;
	}
	.ted-mobile.ted-mobile-french #SWS-mobile-first-nav {
		width: 23%;
	}
	.ted-mobile.ted-mobile-french #SWS-mobile-second-nav {
		width: 27%;
	}
	.ted-mobile.ted-mobile-french #SWS-mobile-third-nav {
		width: 35%;
	}
	.ted-mobile .sws-mobile-header-nav .btn-navbar {
		background-color: transparent !important;
		border-width: initial !important;
		border-style: none !important;
		border-color: initial !important;
		border-image: initial !important;
		outline: none !important;
		margin-top: 1px;
		margin-right: auto;
		margin-left: auto;
		padding: 6px 0px 8px 0px;
		width: 29px;
		float: none;
	}
	.navbar .ted-mobile .btn-navbar .icon-bar, .navbar .ted-mobile .btn-navbar:hover .icon-bar {
		width: 100%;
		background-color: #ffffff !important;
		box-shadow: none;
	}
	.ted-border-left-mobile {
		box-shadow: inset 2px 0px 0px 0px #ebecec;
	}
	.ted-mobile .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li>a, .ted-mobile .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li:hover>a, .ted-mobile .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li>strong>a, .ted-mobile .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li:hover>strong>a {
		text-align: left;
		padding: 4px 0px 4px 25px;
	    line-height: 17px;
	    font-size: 13px;
		font-weight: 500;
		border-radius: 0px;
		font-weight: normal !important;
		text-transform: none !important;
		font-family: Avenir ,sans-serif;
	}
	.ted-mobile .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li>strong>a, .ted-mobile .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li:hover>strong>a {
		font-weight: 700 !important;
		color: #231f20 !important;
	}
	.ted-mobile.ted-mobile-french .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li>a, .ted-mobile.ted-mobile-french .sws-mobile-header-nav .ted-mobile-sub-nav .nav>li:hover>a {
		padding-left: 9px;
	}
	.ted-mobile .ted-mobile-sub-nav .nav {
		margin: 0px;
		padding: 2px 0px 2px 2px;
		border-top: 1px solid #ebecec;
	}
	.navbar-ted-subsite>div.ted-mobile-sub-nav.in {
		box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	    -webkit-box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	    -moz-box-shadow:0px 0px 0px 1px rgb(228 228 228) inset;
	    border-top: 3px solid white;
	} 
	.ted-mobile .sws-mobile-header-nav.accordion {
		margin-bottom: 0px;
	}
	.ted-mobile #mobile-sws-3 li.dropdown-sup {
		background-color: #ffffff;
	    box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	    -webkit-box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	    -moz-box-shadow: 0px 0px 0px 1px rgb(228 228 228) inset;
	}
	.ted-mobile #mobile-sws-3 li.dropdown-sup ul li:last-child {
		padding-bottom: 4px;
	}
}
@media (max-width:979px) and (min-width:768px) {	
	.ted-commercial, .ted-replacement-parts, .ted-accessories {
	    height: auto;
	    background-size: 100%;
	    background-position: 50% 100%;
	    position: relative;
	    padding-bottom: 72.25%;
	}
	.itm-french-content .ted-sws-hero-section-title {
	    font-size: 25px;
	    line-height: 25px;
	}
}
@media (max-width: 767px) {
	
	.navbar-inner.ted-mobile {
		margin-left: -20px;
		margin-right: -20px;
	}
	.ted-mobile-home-buttons-first-row {
		margin-top: 10px;
	}
	.row-fluid.mshow.buttons-ted {
		margin-top: 12px;
	}
	.row-fluid.mshow.ipad-view-setting.ted-mobile-homepage-button .span6 {
		float: left;
		width: 46%;
		margin: 0px 2% !important;
		text-align: center;
	}
	.ted-mobile-homepage-button {
		font-family: 'Open Sans', sans-serif;
	}	
	.ted-mobile-homepage-button .ted-mobile-button {
		border: 2px solid #efefef;
		display: inline-block;
		border-radius: 0px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	.ted-mobile-homepage-button .ted-mobile-button-image {
		transform: scale(1.2);
		position: relative;
		top: 5px;
	}
	.ted-mobile-homepage-button .ted-mobile-button-text {
		color: #d71920;
		font-size: 16px;
		margin-top: 0px;
		line-height: 20px;
		font-weight: 400;
		margin-left: 0px;
		font-family: Insignia,sans-serif;
	}
}
@media (max-width: 480px) {
	.ted-mobile-french .sws-mobile-header-nav .nav>li>a, .ted-mobile-french .sws-mobile-header-nav .nav>li>a:hover {
	    font-size: 10px;
	}
	.ted-sws-hero-section-title {
	    font-size: 27px;
	    line-height: 27px;
	}
	.itm-french-content .ted-sws-hero-section-title {
	    font-size: 20px;
	    line-height: 20px;
	}
}
@media (max-width : 365px) {
	.ted-mobile .sws-mobile-header-nav .nav>li>a, .ted-mobile .sws-mobile-header-nav .nav>li>a:hover {
	    font-size: 12px;
	}
	.ted-mobile-french .sws-mobile-header-nav .nav>li>a, .ted-mobile-french .sws-mobile-header-nav .nav>li>a:hover {
	    font-size: 9px;
	}
}
@media (max-width : 337px) {	
	.ted-mobile .sws-mobile-header-nav .nav>li>a, .ted-mobile .sws-mobile-header-nav .nav>li>a:hover {
	    font-size: 11px;
	}
	.ted-mobile-french .sws-mobile-header-nav .nav>li>a, .ted-mobile-french .sws-mobile-header-nav .nav>li>a:hover {
	    font-size: 8.5px;
	}
	.ted-sws-hero-section-title {
	    font-size: 22px;
	    line-height: 22px;
	}
	.ted-mobile-homepage-button .ted-mobile-button-text {
		font-size: 14px;
		line-height: 16px;
	}
	.itm-french-content .ted-sws-hero-section-title {
	    font-size: 18px;
	    line-height: 18px;
	}
}