/*-------------------- General Layout Styles --------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body{background:#fff; overflow-x:hidden}
.top-runner{width:100%; min-width:1000px;}
.grey-panel-bg{/*background:#eeeff3; */min-width:1000px; padding:45px 0;}
.con-bg{background:#eeeff3; min-width:1000px; padding:0px 0;}
.b-forms-panel-bg{background:#fff url(b-forms-panel-bg7.gif) 50% 0 no-repeat; min-width:990px; padding:55px 0 200px 0;}
 
.wrapper{width:1000px; margin:0 auto;}

*:focus{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important;}

.header{height:539px; left:50%; margin-left:-500px; min-width:990px; position:absolute; width:1920px; z-index:1;}
.header-in{height:558px; left:50%; margin-left:-960px; min-width:990px; position:absolute; width:1920px; z-index:1;}
.header-abs-top{background:url(top-runner7.gif) 0 0 repeat-x; position:absolute; width:100%; min-width:990px; height:201px; left:0; top:0;}
.header-abs-menu{background:#000000; position:absolute; width:100%; min-width:990px; height:45px; left:0; top:201px;}

.m-height-home{min-height:246px;}
.m-height-in{min-height:246px;}

.h-wrapper{margin:0 auto; width:970px; position:relative;}

.top{height:147px; padding:0; position:relative;}
.logo{width:348px; height:237px; float:left; position:absolute; top:50px; left:0; z-index:100;}
/*.logo img{-webkit-filter:drop-shadow(0 0 5px #333333); -moz-filter:drop-shadow(0 0 5px #333333); -ms-filter:drop-shadow(0 0 5px #333333); -o-filter:drop-shadow(0 0 5px #333333); filter:drop-shadow(0 0 5px #333333);}*/
.t-right{position:absolute; right:0; top:0; width:640px; z-index:100;}
/*.t-links{width:196px; height:29px; float:right}*/
.t-links{width:130px; height:29px; float:right}
.social{width:7px; height:13px;; padding:8px 13px; border-left:solid 1px #e2e3e7; float:right}
.t-search{width:320px; float:right; margin:25px 0;}
.t-search h4{font-size:13px; color:#000; font-weight:500; text-transform:uppercase; letter-spacing:1px; display:inline-block; width:35%; margin:0; vertical-align:middle}
.t-search form{display:inline-block; width:60%; vertical-align:middle}
.t-search input {background:url(search-bg7.gif) 0 0 no-repeat; width:143px; height:23px; border:0; margin:0; padding:0 10px; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:23px; font-weight:300;}
.t-search input[type=submit] {background:url(icn-search7.png) 0 0 no-repeat; display:block; width:41px; height:23px; text-indent:-9999px; color:transparent; border:none; cursor:pointer}
.t-logos{}
.t-logos .img-block{margin-right:5px; display:inline-block; vertical-align:middle}
.t-logos .img-block img{margin-bottom:5px;}
.t-logos .img-block:nth-child(4){margin:0;}

.header-abs-menu .wrapper{position:relative;}
.menu{width:1000px; height:45px; position:absolute; right:0; top:0; z-index:300;}

.f-nav{background:#000; z-index:9999; position:fixed; top:0; width:100%; min-width:990px; height:45px;}

.banner{height:302px; z-index:10; padding:0}
.banner-in{height:138px; z-index:10; padding:0}

.container{margin:0; padding:30px 15px 30px 15px; background:#fff;}

.bottom{background:#eeeff3; min-width:990px; padding:0 0 65px 0;}

.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}

.f-left{float:left;}
.f-right{float:right}
.f-none{float:none}

#cmsbody{min-height:200px; overflow:hidden;}
#cmsfooter{text-align:center; padding:95px 0 0 0;}
.htmlarea p{margin:0;}

#cmsfooter td.footerDetails div.footerPhone,
#cmsfooter td.footerDetails div.footerAddress,
#cmsfooter td.footerDetails div.lastUpdated{display:none}

#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li a {background-image:url(nc-social-icons.png) !important;}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-pinterest a {background-position:-168px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-instagram a {background-position:-201px 0 !important}

.social ul.sociallinks, ul.sociallinks * {margin:0; padding: 0; list-style: none; text-align:left; font-size:11px; text-decoration: none;}
.social ul.sociallinks li{width:7px; float:left;}
.social ul.sociallinks a {display:block; width:7px; height:13px; background:url(social7.png) 0 0 no-repeat; text-indent:-9000em; float:left;}
.social a.faccebook {background-position: 0 0 !important;}
.social a:hover{opacity:0.8}

.b-social{width:122px; padding:0; margin-left:425px;}
.b-social ul.sociallinks, ul.sociallinks * {margin:0; padding: 0; list-style: none; text-align:left; font-size:11px; text-decoration: none;}
.b-social ul.sociallinks li{width:122px; float:left; margin-top:-50px;}
.b-social ul.sociallinks a {display:block; width:122px; height:108px; background:url(b-social7.png) 0 0 no-repeat; text-indent:-9000em; float:left;}
.b-social a.faccebook {background-position: 0 0 !important;}
.b-social a:hover{opacity:0.8}

/*.service-box{margin-bottom:20px;}
.service-box ul{margin:0; padding:0; list-style:none;}
.service-box ul li{display:inline-block; width:309px; margin-right:17px;}
.service-box ul li:nth-child(3n+3){margin-right:0;}
.service-box ul li img{box-shadow:3px 3px 3px #333; -webkit-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.service-box ul li img:hover{-webkit-filter:grayscale(0); filter:grayscale(0);}*/

.service-box{height:247px; padding:0px 0px 25px 0px; margin:0 auto;}
.service-box ul{margin:0; padding:0; list-style:none; position:relative}
.service-box ul li{display:inline-block; position:absolute; top:0; padding-top:100px; height:247px;}
/*start audio*/
.service-box ul li.audio-products{background:url(img-audio-products7.png) 0 0 no-repeat; left:0; width:180px; padding-left:70px; padding-right:98px;}
.service-box ul li.audio-news{background:url(img-audio-news7.png) 0 0 no-repeat; left:280px; width:165px; padding-left:150px; padding-right:98px;}
.service-box ul li.audio-dealers{background:url(img-audio-dealers7.png) 0 0 no-repeat; left:625px; width:195px; padding-left:125px; padding-right:29px;}
/*end audio*/
/*start MI*/
.service-box ul li.mi-products{background:url(img-mi-products7.png) 0 0 no-repeat; left:0; width:180px; padding-left:70px; padding-right:98px;}
.service-box ul li.mi-news{background:url(img-mi-news7.png) 0 0 no-repeat; left:280px; width:165px; padding-left:150px; padding-right:98px;}
.service-box ul li.mi-dealers{background:url(img-mi-dealers7.png) 0 0 no-repeat; left:625px; width:195px; padding-left:125px; padding-right:29px;}
/*end MI*/
/*start MT*/
.service-box ul li.mt-products{background:url(img-mt-products7.png) 0 0 no-repeat; left:0; width:180px; padding-left:70px; padding-right:98px;}
.service-box ul li.mt-news{background:url(img-mt-news7.png) 0 0 no-repeat; left:280px; width:165px; padding-left:150px; padding-right:98px;}
.service-box ul li.mt-dealers{background:url(img-mt-dealers7.png) 0 0 no-repeat; left:625px; width:195px; padding-left:125px; padding-right:29px;}
/*end MT*/
.service-box ul li a{font-family:'Oswald', Arial, Helvetica, sans-serif; color:#fff; font-size:34px; margin:0; font-weight:normal; text-transform:uppercase; line-height:1; letter-spacing:1px; text-decoration:none; text-shadow:0 0 15px #000; display:block; -webkit-filter:drop-shadow(0 0 15px #333333); -moz-filter:drop-shadow(0 0 15px #333333); -ms-filter:drop-shadow(0 0 15px #333333); -o-filter:drop-shadow(0 0 15px #333333); filter:drop-shadow(0 0 15px #333333);}
.service-box ul li a:hover{-webkit-filter:drop-shadow(0 0 15px #000); -moz-filter:drop-shadow(0 0 15px #000); -ms-filter:drop-shadow(0 0 15px #000); -o-filter:drop-shadow(0 0 15px #000); filter:drop-shadow(0 0 15px #000);}
.service-box ul li a.arrow{text-align:right; margin-top:35px}

.search-catalogue-box{float:left; width:340px;}
.search-catalogue-box h4{color:#000000;	font-size:26px; font-weight:900; line-height:1.4; text-transform:uppercase; margin:0 0 30px 0}
.search-catalogue-box input{background:none; margin:0 0 20px 0; height:37px; width:267px; line-height:37px; padding:0 20px; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; color:#000; border:solid 1px #000000;}
.search-catalogue-box input.txt-description{height:50px; padding:10px 20px; line-height:1;}
.search-catalogue-box label {display:none; clear:both; padding:0; margin:0;}
.search-catalogue-box .submit {margin:40px 0 0 0 !important; background:url(btn-submit7.png) 0 0 no-repeat !important; height:48px !important; width:192px !important; padding:0 !important; cursor:pointer; text-indent:-9999px; color:transparent; border:0 !important;}
.search-catalogue-box fieldset {border:0; padding:0; margin:0; float:left;}

.con-left .search-catalogue-box{float:none; width:230px; display:table}
.con-left .search-catalogue-box h4{font-size:20px; margin:0 0 30px 0}
.con-left .search-catalogue-box input{width:190px; line-height:37px; padding:0 20px; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; color:#000; border:solid 1px #000000;}
.con-left .search-catalogue-box input.txt-description{padding:10px 20px;}
.con-left .search-catalogue-box .submit {margin:0 !important; background:url(btn-submit7.png) 0 0 no-repeat !important; height:48px !important; width:192px !important; padding:0 !important; cursor:pointer; text-indent:-9999px; color:transparent; border:0 !important;}

.nl{float:right; width:340px;}
.nl h4{color:#000000; font-size:26px; font-weight:900; line-height:1.4; text-transform:uppercase; margin:0 0 30px 0}
.nl h5{color:#981b1e; font-size:14px; font-weight:500; line-height:1.4; text-transform:uppercase; margin:10px 0}
.nl .details input {background:none; margin:0 0 20px 0; height:37px; width:267px; line-height:37px; padding:0 20px; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; color:#000; border:solid 1px #000000;}
.nl .details label {display:none; clear:both; padding:0; margin:0;}
.nl .submit {margin:25px 0 0 0 !important; background:url(btn-subscribe7.png) 0 0 no-repeat !important; height:48px !important; width:192px !important; padding:0 !important; cursor:pointer; text-indent:-9999px; color:transparent; border:0 !important;}
.nl .details input[type='checkbox'] {margin:0 0 10px 0; width:auto !important; height:auto; margin:0 10px 0 0; display:inline-block; vertical-align:middle;}
.nl span{display:inline-block; vertical-align:middle; text-transform:uppercase}
.nl fieldset {border:0; padding:0; margin:0; float:left;}

.product-catalogue-box{margin-bottom:20px;}
.product-catalogue-box h4{color:#880102; font-size:26px; font-weight:900; line-height:1.4; text-transform:uppercase; margin:0 0 30px 0; text-align:center}
.product-catalogue-box ul{margin:0; padding:0; list-style:none;}
.product-catalogue-box ul li{display:inline-block; width:236px; margin-right:25px; margin-bottom:20px; margin-left:5px; border:solid 1px #e0e0e0; padding:5px 30px 2px 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}
.product-catalogue-box ul li:nth-child(3n+3){margin-right:0;}
.product-catalogue-box ul li:hover{border:solid 1px #333;}
.product-catalogue-box ul li h4{font-size:18px; font-weight:300; margin:10px 0; text-transform:uppercase; line-height:1}
.product-catalogue-box ul li img{text-align:center !important;}
.product-catalogue-box ul li h4 a, .product-catalogue-box ul li p a{text-decoration:none;}
.product-catalogue-box ul li h4 a:hover, .product-catalogue-box ul li p a:hover{color:#880102;}

.news-section{/*margin-bottom:30px*/}
.news-section h4{color:#000000; font-size:26px; font-weight:900; line-height:1.4; text-transform:uppercase; margin:0 0 30px 0; text-align:center}
.l-news-left{width:445px; float:left; border-right:solid 1px #cccccc; padding:0 39px 0 0}
.l-news-right{width:445px; float:right; padding:0 0 0 40px}

.l-news h1.filter-tag, .l-news .blog-tags-comments, .l-news .blog-sharing, .l-news .paginationControl, .l-news .blog-posted-line{display:none;}
.l-news .blog-listing .blog-holder{margin:20px 0; padding:0; text-align:left; border:0; clear:both; display:table}
.l-news .blog-listing .blog-holder:nth-child(3n+3){margin-right:0}
.l-news .blog-listing .blog-holder img.blog-img{border:0; padding:0;}
.l-news .blog-listing .blog-holder .blog-body {font-size:14px; color:#000000; font-weight:300; text-decoration:none; margin-bottom:10px; letter-spacing:1px}
.l-news .blog-listing .blog-holder h2{margin:0 0 10px 0 !important; text-align:left;}
.l-news .blog-listing .blog-holder h2 a{font-size:18px; color:#000 !important; font-weight:300; text-decoration:none; text-transform:uppercase; line-height:1.2; letter-spacing:0.5px}
.l-news .blog-listing .blog-holder h2 a:hover{color:#0872d5 !important;}
.l-news .blog-continue-reading a{font-size:14px; color:#0872d5; font-weight:300; text-decoration:none; letter-spacing:1px}
.l-news .blog-continue-reading a:hover{color:#000;}

.l-news-left .blog-listing .blog-holder img.blog-img{margin:0 30px 30px 0; float:left}
.l-news-left .blog-listing .blog-holder h2,
.l-news-left .blog-continue-reading,
.l-news-left .blog-listing .blog-holder .blog-body{float:right; width:64%;}

.l-news-right .blog-listing .blog-holder img.blog-img{margin:0 0 30px 30px; float:right}
.l-news-right .blog-listing .blog-holder h2,
.l-news-right .blog-continue-reading,
.l-news-right .blog-listing .blog-holder .blog-body{float:left; width:64%;}

.text-left{float:left; width:47%}
.text-right{float:right; width:47%}
ul.tick-list{margin:0; padding:0; list-style:none}
ul.tick-list li{background:url(tick1.png) 0 6px no-repeat; padding:0 0 20px 40px;}

/*splash*/
#splash-main {width:970px; margin:80px auto;}
body.splash-body {background-position:50% -115px!important;}
#splash-top {padding:0 0 81px 0; text-align:center;}
/*splash*/



.find-dealer{}
.find-dealer ul{margin:0; padding:0; list-style:none}
.find-dealer h4 {font-family:'Oswald', Arial, Helvetica, sans-serif; color:#000; text-align:center; margin-bottom:20px; font-size:26px; text-transform:uppercase;}
.find-dealer .dealer-list{clear:both; margin:0 0 30px 0; padding:0; list-style:none}
.find-dealer .dealer-list ul {clear:both; margin:0; padding:0; list-style:none}
.find-dealer .dealer-list li {border-bottom:1px solid #e0e0e0; background:none !important; padding-bottom:0; padding-left:0; line-height:1.8em;}
.find-dealer .dealer-list li a.title {background:url(icn-plus7.jpg) 98% 50% no-repeat; font-family:'Oswald', Arial, Helvetica, sans-serif; display:block; padding:15px 20px 15px 10px; font-size:18px; cursor:pointer; color:#000; font-weight:400; text-transform:uppercase}
.find-dealer .dealer-list li a.title:hover {background:url(icn-minus7.jpg) 98% 50% no-repeat;}
.find-dealer .dealer-list .dealer-detail {padding:0; line-height:1.5em; display:none; clear:both;}
.find-dealer .dealer-list .dealer-detail .title {background:#000 url(icn-minus7.png) 98% 50% no-repeat; font-family:'Oswald', Arial, Helvetica, sans-serif; display:block; padding:15px 20px 15px 10px; font-size:18px; cursor:pointer; color:#fff; font-weight:400; text-transform:uppercase; clear:both; cursor:pointer; margin-bottom:20px;}
.find-dealer .dealer-list .dealer-block{margin-bottom:20px}
.find-dealer .dealer-list .dealer-block span{display:inline-block; margin-right:4%; font-size:18px; vertical-align:top}
.find-dealer .dealer-list .dealer-block span.dealer-name{width:30%}
.find-dealer .dealer-list .dealer-block span.dealer-number{width:20%}
.find-dealer .dealer-list .dealer-block span.dealer-address{width:40%; margin-right:0;}


#cmsbody #nc-catalogue h1#nc-prod-name{text-align:center; margin:20px 0 30px 0}
#cmsbody #nc-catalogue #nc-desc-cell{padding-left:15px; position:relative; display:table-cell; height:100%}
#cmsbody #nc-catalogue #nc-product-price,
#cmsbody #nc-catalogue #nc-product-code,
#cmsbody #nc-catalogue .rrp-text{border-bottom:solid 1px #e5e5e5; padding:0 0 10px 0; margin:0 0 10px 0}

#cmsbody #nc-catalogue #nc-desc-cell span{font-size:18px; display:inline-block; text-transform:uppercase; letter-spacing:1px}
#cmsbody #nc-catalogue #nc-desc-cell .rrp-text span{font-size:14px; width:40%; line-height:1.4}
#cmsbody #nc-catalogue #nc-desc-cell span.desc-caption{font-size:18px; width:45%;}
#cmsbody #nc-catalogue #nc-desc-cell .dealer-list-block{position:absolute; bottom:10px;}
#cmsbody #nc-catalogue #nc-desc-cell .dealer-list-block a{cursor:pointer}

#cmsbody #nc-catalogue input.catalogueButton{background:#dddddd; cursor:pointer}
#cmsbody #nc-catalogue #nc-tabbed-box li a{color:#666666; font-weight:900; text-transform:uppercase}

#cmsbody #nc-catalogue #nc-tabbed-box .yui-content p{line-height:1.4; letter-spacing:1px}

#cmsbody .catalogueAll table td{padding:0}
#cmsbody .catalogueAll td.catalogueItemHeading{font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; color: #000000; font-size: 26px; font-weight: 900; line-height: 1.4; text-transform: uppercase; text-align:center; margin:20px 0 30px 0}
#cmsbody .catalogueAll .catalogueMainImageCell{width:30%; padding-top:15px;}
#cmsbody .catalogueAll .catalogueMainImageCell input.catalogueButton{background:#dddddd; cursor:pointer}
#cmsbody .catalogueAll #nc-desc-cell{padding-left:15px; position:relative; display:table-cell; height:100%}
#cmsbody .catalogueAll .catalogueItemLabel,
#cmsbody .catalogueAll .catalogueItemValue{border-bottom:solid 1px #e5e5e5; padding:15px 0 !important; margin:0 0 10px 0; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-weight:normal !important}
#cmsbody .catalogueAll #descriptionTab{padding:7px 10px; display:block; margin:20px 0}
#cmsbody .catalogueAll tr:last-child p{margin:40px 0 0 0}

#cmsbody h1.filter-tag, #cmsbody .blog-tags-comments, #cmsbody .blog-sharing, #cmsbody .paginationControl, #cmsbody .blog-posted-line{display:none;}
#cmsbody .blog-listing .blog-holder{margin:20px 40px 20px 20px; padding:0 40px 0 0; border:solid 1px #cccccc; border-width:0 1px 0 0; text-align:left; float:left; width:44%}
#cmsbody .blog-listing .blog-holder:nth-child(2n+1){border:0; padding:0; margin:20px 0 20px 0;}
#cmsbody .blog-listing .blog-holder:nth-child(2n+2){clear:both}

#cmsbody .blog-listing .blog-holder:nth-child(2n+3){margin-right:0}
#cmsbody .blog-listing .blog-holder img.blog-img{border:0; padding:0; float:left; margin-right:10px;}
#cmsbody .blog-listing .blog-holder .blog-body {font-size:14px; color:#000000; font-weight:300; text-decoration:none; margin-bottom:10px; letter-spacing:1px; float:right; width:63%}
#cmsbody .blog-listing .blog-holder .blog-continue-reading {float:right; width:63%}
#cmsbody .blog-listing .blog-holder h2{margin:0 0 10px 0 !important; text-align:left; float:right; width:63%}
#cmsbody .blog-listing .blog-holder h2 a{font-size:18px; color:#000 !important; font-weight:300; text-decoration:none; text-transform:uppercase; line-height:1.2; letter-spacing:0.5px}
#cmsbody .blog-listing .blog-holder h2 a:hover{color:#0872d5 !important;}
#cmsbody .blog-continue-reading a{font-size:14px; color:#0872d5; font-weight:300; text-decoration:none; letter-spacing:1px}
#cmsbody .blog-continue-reading a:hover{color:#000;}

.con-left{float:left; width:230px; padding-right:40px;}
.con-right{float:right; width:700px;}
.search-form input {width:170px; height:30px; border:solid 1px #000; margin:0; padding:0 10px; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:30px; font-weight:300; display:inline-block; vertical-align:middle}
.search-form input[type=submit] {background:url(icn-search-cat7.png) 0 0 no-repeat; width:21px; height:22px; margin-left:10px; padding:0 !important; text-indent:-9999px; color:transparent; border:none; cursor:pointer; display:inline-block; vertical-align:middle}


/*Tell a Friend popup*/
body.popup{min-width:1px !important;}
/*Tell a Friend popup*/

/*Ipad Fixes*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.banner, .banner img, .banner div{max-width:1480px;}
	.header{margin-left:-950px; min-width:990px; max-width:1480px}
	
	.banner-in{max-width:1480px; overflow:hidden}
	.header-in{margin-left:-950px; min-width:990px; max-width:1480px}
	/*.h-wrapper{margin-left:490px;}*/
	.f-nav .h-wrapper{margin-left:32px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.banner, .banner img, .banner div{max-width:1480px;}
	.header{margin-left:-950px; min-width:990px; max-width:1480px}
	
	.banner-in{max-width:1480px; overflow:hidden}
	.header-in{margin-left:-950px; min-width:990px; max-width:1480px}
	/*.h-wrapper{margin-left:490px;}*/
	.f-nav .h-wrapper{margin-left:32px;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
	.banner, .banner img, .banner div{max-width:1480px;}
	.header{margin-left:-950px; min-width:990px; max-width:1480px}
	
	.banner-in{max-width:1480px; overflow:hidden}
	.header-in{margin-left:-950px; min-width:990px; max-width:1480px}
	/*.h-wrapper{margin-left:490px;}*/
	.f-nav .h-wrapper{margin-left:32px;}
}
