@CHARSET "UTF-8"; .amfinder-vertical, .amfinder-horizontal { border: 1px solid #C4C1BC; background: #F8F7F5; padding: 8px; } .amfinder-vertical .dropdown-title, .amfinder-horizontal .dropdown-title { font-size: 12px; font-weight: bold; } .amfinder-vertical .dropdown-element { padding-bottom: 4px; } div.amshopby-column { float:left; width:83px; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd {color: #aaa;font: normal 0.875em/26px proximanova-semibold;} /*div.block-layered-nav dd a {padding:0px 5px 0px 22px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/checkbox-filter.png") no-repeat left 4px;display:block; float: left;text-decoration: none;color: #1d1d1d;line-height: 26px}*/ div.block-layered-nav dd a {padding:4px 5px 4px 0px;display:block; float: left;text-decoration: none;color: #1d1d1d;line-height: 18px} div.block-layered-nav dd a img {float:left;} div.block-layered-nav dd .number {line-height: 25px} div.block-layered-nav dd a .price {color: #1d1d1d} div.block-layered-nav .price {font: normal 1em/18px proximanova-semibold;} div.block-layered-nav dd a.amshopby-attr {} div.block-layered-nav dd a.amshopby-attr-selected , /*div.block-layered-nav dd a:hover {color: #da0024;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/checkbox-filter-active.png") no-repeat left 4px;}*/ div.block-layered-nav dd a:hover {color: #aaa;} div.block-layered-nav dd a:hover .price {color: #aaa} div.block-layered-nav dd a.color-filter {width: 20px;height: 20px;text-indent: -9999em;padding: 2px;margin: 0 15px 14px 0;background: none} div.block-layered-nav dd a.color-filter img {width: 19px;height: 19px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 1px solid gray} div.block-layered-nav dd a.color-filter:hover {padding: 0;border: 2px solid #ffff00;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} div.block-layered-nav dd.last {margin: 0} div.block-layered-nav dd li.list-color a.-selected {padding: 0;border: 2px solid #ffff00;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd li.form-price {text-align: left} div.block-layered-nav dd li.form-price button {margin: 10px 0 0 0;font-size: 1em} div.block-layered-nav dd li.form-price input.input-text {width: 50px} div.block-layered-nav dd li.list-color {overflow: hidden} div.block-layered-nav dd li.list-color div {width: 170px;float: left} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav dt { cursor:pointer; padding-left:15px; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav dt.amshopby-collapsed {background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-collapsed.gif) center left no-repeat} div.block-layered-nav div.amshopby-slider { position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-slider-bg.gif) no-repeat 50% 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('http://www.scosche.com/skin/frontend/enterprise/scosche/images/amshopby-overlay.gif') 50% 50% no-repeat; } @media screen and (color) and (max-width: 768px) { div.block-layered-nav dd li {display: inline-block;zoom:1;*display: inline;width: auto;vertical-align: top;padding: 0 25px 0 0} div.block-layered-nav dd li.list-color , div.block-layered-nav dd li.form-price {padding: 10px 0;width: 100%} div.block-layered-nav dd li.form-price button {margin: 0 0 0 10px} div.block-layered-nav dd li.list-color div {width: 100%;float: none;display: block} div.block-layered-nav dd a.color-filter {height: 33px;width: 33px;margin: 0 22px 6px 0;padding: 4px} div.block-layered-nav dd a.color-filter img {-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;height: 32px;width: 32px;border: 1px solid gray} div.block-layered-nav dd li.list-color a.-selected , div.block-layered-nav dd a.color-filter:hover {padding: 2px;border: 2px solid #ffff00; -webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;} } @media screen and (color) and (max-width: 600px) { #narrow-by-list dt {line-height: 30px} div.block-layered-nav dd li {display: inline-block;zoom:1;*display: inline;width: 47%;vertical-align: top;padding: 0 2% 6px 0} } @font-face { font-family: 'proxima_novabold'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_bold-webfont.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_bold-webfont.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_bold-webfont.ttf') format('truetype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_bold-webfont.svg#proxima_novabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novaextrabold'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_extrabold-webfont.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_extrabold-webfont.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_extrabold-webfont.ttf') format('truetype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_extrabold-webfont.svg#proxima_novaextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novasemibold'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_semibold-webfont.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_semibold-webfont.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_semibold-webfont.ttf') format('truetype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/proxima_nova_semibold-webfont.svg#proxima_novasemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdCnBold'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-bdcn-webfont.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-bdcn-webfont.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdMedCnBold'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-hvcn-webfont.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-hvcn-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-hvcn-webfont.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneueltstd-hvcn-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTCom67MediumCondensed'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helvetica-neue-lt-com-67-medium-condensed.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helvetica-neue-lt-com-67-medium-condensed.eot') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helvetica-neue-lt-com-67-medium-condensed.woff2') format('woff2'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helvetica-neue-lt-com-67-medium-condensed.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helvetica-neue-lt-com-67-medium-condensed.ttf') format('truetype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helvetica-neue-lt-com-67-medium-condensed.svg#HelveticaNeueLTCom67MediumCondensed') format('svg'); } @font-face { font-family: 'HelveticaNeueCyrRoman'; src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneue-roman.eot'); src: url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneue-roman.eot') format('embedded-opentype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneue-roman.woff2') format('woff2'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneue-roman.woff') format('woff'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneue-roman.ttf') format('truetype'), url('http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/css/helveticaneue-roman.svg#HelveticaNeueCyrRoman') format('svg'); } body{margin:0px; padding:0px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;} ul,li{list-style:none;} p,ul, ol,li,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal;} a,img{border:none; text-decoration:none; color:#007f51;} a:hover{color:#565656; outline:none; text-decoration:none;} a:active{outline: none; outline:none; text-decoration:none;} a:focus{-moz-outline-style: none; outline:none;} p{margin:0 0 17px 0; line-height:20px;} /*common style*/ .clear{clear:both;} .left{float:left !important;} .right{float:right !important;} .inline{display:inline-block;} .relative{position:relative;} .no-back{background:none !important;} .no-bordr{border:none !important;} .no-margn{margin:0px !important;} .no-pad{padding:0px !important;} .v-align{vertical-align:middle;} input[type="text"] {border:1px solid #7f7f7f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:5px; font-size:13px; height:19px; line-height:19px;} h1{font-size:26px; color:#8ccd2b; font-weight:bold; margin-bottom:40px;} h2{font-size:16px; color:#8ccd2b; font-weight:bold; margin-bottom:20px;} h3{font-size:18px; color:#8ccd2b; font-weight:bold;} /*------------commen css End here--------------*/ #main-container {width:100%; float:left;} #top-wrapper {float:left;width:100%;} #middle-wrapper {width:100%; float:left;} #footer-wrapper {width:100%; float:left;} .fixed-wrapper{width:960px; margin:0 auto;} .float-left-full {width:100%;} .scosche-top {background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/scosche-bg.gif) repeat-x; min-height:121px; float:left; width:100%; text-align:center;} .scosche-logo {margin:31px 0 0 0;} .walmart-logo-block {float:left; width:100%; min-height:115px;} .walmat-logo {float:left; margin:16px 0 0 0;} .walmart-right-text {float:right; font-size:34px; color:#000; font-family: 'proxima_novasemibold'; margin:47px 10px 0 0;} .what-fits-block {float:left; width:100%; background:#0b5ead; min-height:139px;} span.what-fits-text {float:left; width:206px; font-family: 'proxima_novaextrabold'; font-size:33px; color:#fff; text-transform:uppercase; margin:26px 20px 0 0; line-height:35px;} .fits-vicle-list {float:left; width:733px; margin:67px 0 0 0;} .select-content{ float:left;} .btn-show-res-div {display:inline-block; margin:-3px 0 0 0; float:left;} button.btn-show-result:disabled {opacity: 0.8;background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/btn-show-result.png) no-repeat;cursor:not-allowed;} .btn-show-result {background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/btn-show-result.png) no-repeat; width:141px; height:31px; cursor:pointer; border:none;} .btn-show-result:hover {background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/btn-show-result.png) no-repeat 0 -33px;} .btn-show-res-div span {display:block; margin-top:9px;} .midd-videocont-row {float:left; width:100%; padding:20px 0 0 10px; box-sizing:border-box;} .midd-video-left {float:left; width:700px; position:relative;} .video-overlay-text { position: absolute; width: 96%; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/video-overlay-bg.png) repeat; min-height:92px; font-size:38px; color:#fff; font-family: 'proxima_novasemibold'; padding: 10px 2% 0 2%; line-height: 40px; max-width: 96%; z-index: 5; } .midd-video-right {float:right; width:220px; margin-right:20px;} .day-still-fit {float:left; width:220px; height:206px; background:#dddedf; text-align:center; font-size:62px; color:#000; font-family: 'proxima_novasemibold'; line-height:70px; position:relative;} .day-still-fit span {position:absolute; bottom:10px; left:10px;} .guarntee-logo {float:left; margin-top:15px;} .midd-row-adv {float:left; width:100%; padding:16px 0 20px 10px; overflow:hidden; box-sizing:border-box;} .adv-left-section {float:left; width:220px;} .adv-220 {float:left;} .adv-110 {float:left; margin:15px 0 0 0;} .midd-row-adv-right {float:right; margin-right:20px;} .select-menu ul {margin:0; padding:0;} .select-menu ul li {margin:0; padding:0; float:left;} .select-menu ul li div.selector{ /*width:136px;*/ background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/select-menuli-bg-h.png) no-repeat; font-size: 14px; font-family: 'HelveticaNeueLTStdCnBold', sans-serif; text-transform: uppercase; text-align: center; margin-right: 5px; float: left; line-height: 25px; color: #027dc3; overflow: hidden; height: 26px; width: 142px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .select-menu ul li div.disabled {width:142px; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/select-menuli-bg.png) no-repeat; font-size:14px; font-family: 'HelveticaNeueLTStdCnBold'; text-transform:uppercase; text-align:center; float:left; height:26px;opacity: 0.8;color: gray;} .amfinder-buttons {display: block !important;} .fits-vicle-list select { /*float: left;*/ position: absolute; /*relative;*/ /*top: -25px;*/ width: 142px; /*137px;*/ height:26px; top: 0; left: 0; } .fits-vicle-list select option {text-align:left;} .shopby-reset {text-decoration:underline; font-size:13px; font-family: 'proxima_novaextrabold'; color:#fff; border:none; background:none; cursor:pointer;} .shopby-reset:hover {color:#fdbb2d; text-decoration:underline;} /*------------- style add 12/06/2014 ------------------------*/ .footer{ border-top:solid 1px #bdbec0; margin:20px auto 30px auto; height:1px; width:960px; clear:both;} .search-result{ font-size:29px; color:#febb2f; clear:both; float:left;font-family: 'proxima_novaextrabold';text-transform: uppercase; max-width:436px;margin-top:5px; line-height:37px;} .vehical-speakbg{ height:auto; margin-top:0px;} .vehical-speakbg .left{ float:left; width:620px;} .vehical-speakbg .left .heading{ font-family: 'proxima_novaextrabold'; font-size:28px; color:#000; padding-left:40px;} .vehical-speakbg .table{ display:table; width:100%;} .vehical-speakbg .table-cell{ display:table-cell; width:33%;} .vehical-speakbg .table-cell .tableH{ background:#0b5ead; color:#fff; font-size:21px; font-family: 'proxima_novaextrabold'; padding:6px 5px 6px 40px; margin-bottom:10px;} .vehical-speakbg .table-cell .tableT{ border-right:solid 1px #0b5ead; padding:4px 5px 4px 40px; font-size:16px;} .vehical-speakbg .table-text{padding:5px 5px 5px 50px;} .table .table-cell:last-child .tableT{ border-right:none;} .vehical-speakbg .right-1{ float:left; width:300px; height:auto; margin-top:35px; margin-left:25px;} .zoom-imgbg{ float:left; width:136px; height:176px; background:#999;} .viewpage{ float:right; width:140px; } .viewpage .heading{ font-family: 'proxima_novabold'; font-size:18px;} .viewpage input[type="text"]{ width:130px; border:solid 1px #808285; height:14px; -webkit-box-shadow: inset 2px 2px 2px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: inset 2px 2px 2px 0px rgba(50, 50, 50, 0.5); box-shadow: inset 2px 2px 2px 0px rgba(50, 50, 50, 0.5);} .download{ background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/download.png) no-repeat; border:none; width:141px; height:31px; margin-top:10px; cursor:pointer;} .download:hover{ background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/download.png) no-repeat 0 -33px;} .productrowbg{ width:100%; height:auto; margin-top:20px;} .productrowbg .product-heading{ border-top:solid 1px #bcbec0; width:100%;} .productrowbg .headingbg{ float:left; width:auto;} .productrowbg .left-img{ float:left; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/heading-left-img.png) no-repeat; width:20px; height:35px;} .productrowbg .center-img{ float:left;background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/heading-center-img.png) repeat-x; width:auto; height:35px;font-family: 'proxima_novaextrabold'; font-size:28px; color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);} .productrowbg .right-img{float:left; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/heading-right-img.png) no-repeat; width:20px; height:35px;} .info-icon{ float:left; width:21px; height:21px; margin-left:20px; margin-top:6px;} .info-icon a{ background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/info-icon.png) no-repeat; height:21px; width:21px; float:left;} .info-icon a:hover{ background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/info-icon_hover.png) no-repeat;} .productrowbg .productbg{ float:left; width:30%; height:auto; margin-top:20px; margin-top:20px;} .productbg .product-imgbg{width:210px; height:143px; border-bottom:solid 2px #027dc3; margin:auto;} .product-imgbg img{ max-height:142px;} .product-contaienr{ float:left; width:100%;} .product-contaienr .productbg:first-child{ margin-left:1%; margin-right:2%;} .product-contaienr .productbg:nth-child(2){ margin-left:2%; margin-right:2%;} .productbg .productcode{ color:#000;width:210px; height:auto; font-size:18px; font-family: 'HelveticaNeueLTCom67MediumCondensed'; margin:auto; margin-top:4px;} .productbg .product-detail{ overflow:hidden;color:#000;font-size:14px; color:000; width:210px; margin:auto; margin-top:5px; line-height:20px; height:60px;font-family: 'HelveticaNeueCyrRoman';} .url-btnbg{ width:210px; margin:auto; margin-top:10px;} .url-button{ background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/urlbutton.png) no-repeat; width:160px; height:36px; border:none; cursor:pointer;float: left;} .url-button:hover{background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/urlbutton.png) no-repeat 0 -39px; width:160px; height:36px; border:none; cursor:pointer;} .info-icon{ position:relative;} .info-icon a{ position:relative; z-index:2;} .tooltip{ position:absolute; width:565px; height:auto; background:#febe3a; top:-6px; left:-10px; padding:10px 10px 5px 35px; display:none; -webkit-box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.4); box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.4); } .tooltip .row{ width:100%; clear:both; padding-bottom:15px;} .tooltip .heading{ font-size:16px; color:#0b5ead; font-family: 'proxima_novaextrabold';} .tooltip .paragraph{font-size:16px; color:#0b5ead; font-family: 'proxima_novasemibold';} .toolactive {background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/info-icon_hover.png) no-repeat !important;cursor: default;} /*------------ style for new changes 30th July 2014-------------*/ .midd-video-left1{ float:left;margin-right: 20px;width: 220px;} .midd-video-right1{ float:left; max-width:700px; width:100%; position: relative; } .midd-video-right1 iframe{ max-width:100%; position: relative; z-index: 2; } .midd-video-right1 img, video{ max-width:100%;} .slider-bg{ width:100%; height:530px; background:#ddd; max-width:940px;} .bottom-advertisement{ padding-top:18px;} .bottom-product-bg{min-height:100px; width:100%; float:left;} .bottom-product-bg .inner{ height:300px; width:300px; border:solid 1px #bdbec1; background:#FFF; float:left; margin:17px 0 0 17px; position:relative;} .bottom-product-bg .inner:first-child{ margin-left:0;} .bottom-product-bg .inner .titlebg{ background:#000; color:#fff; width:100%; height:60px; position:relative; z-index:1;} .titlebg1{ font-size:28px; font-family: 'proxima_novaextrabold'; line-height:60px; text-align:center;} .titlebg2 .left{ float:left; margin-left:20px; margin:10px 0 0 22px;} .titlebg2 .left-1{ float:left;font-family: 'proxima_novaextrabold'; font-size:24px; margin-left:14px; line-height:22px; padding-top:8px;} .titlebg3{font-family: 'proxima_novabold';font-size:24px; text-align:center; line-height:22px; padding-top:10px; background:none; position:relative; z-index:1; color:#fff;} .inner3 img{ position:absolute; top:0; left:0;} .product-descripiob{text-align:center; padding-top:8px; height:232px; position:relative;} .product-descripiob .left-detail{ float:left; width:170px; text-align:left; margin-left:10px; margin-top:10px;} .product-descripiob .left-detail h4{ font-size:24px; font-family: 'proxima_novabold'; line-height:24px;} .product-descripiob .left-detail h5{ font-size:21px; font-family: 'proxima_novabold'; line-height:20px;} .product-descripiob .left-detail p{ font-size:16px; color:#231f20; line-height:18px;} .product-descripiob .right-img{ position:absolute; right:10px;} .powre-product{ margin-top:10px;} /*------------ new changes search result page -------------*/ .vehical-speakbg .left-new{ float:left;height:auto; margin-top:15px; margin-left:25px;margin-bottom:15px;} .left-new .zoom-imgbg{ width:100px; height:130px; background:none;} .left-new .zoom-imgbg img{ max-width:100%;} .viewpage-1{ float:left; width:300px; margin-left:20px;} .viewpage-1 .heading{ margin-bottom:15px;font-family: 'proxima_novasemibold';font-size:16px;} .viewpage-1 input[type="text"]{ width:86%;} /*---------- style for header cheanges -----------*/ .new-header-bg{ float:left; width:100%; position:relative;padding:45px 0 30px 0;} .new-logo{ float:left; width:560px;} .new-logo img{ max-width:100%;} .new-powered{ float:right; position:absolute; bottom:10px; right:10px;} .new-powered img{ max-width:100%;} .downloadchage{border-top:solid 1px #bdbec0; margin-top:20px} /*----------- style for verson2 changes ----------*/ .bottom-advertisement{ height:282px;} .bottom-advertisement .left-add{ float:left; width:470px;} .bottom-advertisement .left-add img{ max-width:100%;} .bottom-video{ float:left; width:470px; height:282px;} .bottom-video img, .bottom-video video{ max-width:100%;} /*------------------ STYLE F0R FOOTER ---------------*/ .footer{ border-top:solid 1px #bdbec0; margin:20px auto 30px auto; width:960px; clear:both; padding-top:15px; font-family: 'proxima_novabold';} .copyright{ font-size:11px; float:left; color:#bcbec0;font-family: 'proxima_novabold'; margin-top:2px;} .footer-menu{ float:left; width:auto;} .footer-menu ul{ float:left;} .footer-menu ul li{ display:inline; font-size:12px; margin-left:15px;} .footer-menu ul li a{color:#231f20;} .footer-menu ul li a:hover{color:#423f40;} .phone-icon{ background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/telephone-icon.png) no-repeat left 2px; padding-left:12px;} .live-chat-bg{ float:right; width:auto; font-family: 'proxima_novasemibold'; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/chat-icon.png) no-repeat left top; height:25px; padding-left:35px; letter-spacing:-1px; font-size:12px;} .live-chat-bg a{ color:#000; line-height:23px;} .available{ color:#00a651;} .menucopy-bg{ float:left;} .return-footer{ position:static !important; float:left; margin:10px 0;} /*-------------------Added by harita-------------------*/ .center-img p { color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 3px; text-shadow: none; display:block; margin-top: 0px; } /*-------changes for header and walmart finder design changes on oct 9th,2014------------*/ .new-header-bg{ float:left; width:100%; position:relative;padding:40px 0 5px 0;} .what-fits-block {float:left; width:100%; background:#0b5ead; min-height:200px;} span.what-fits-text {float:left; width:206px; font-family: 'proxima_novaextrabold'; font-size:33px; color:#fff; text-transform:uppercase; margin:55px 20px 0 0; line-height:35px;} .fits-vicle-list {float:left; width:733px; margin:90px 0 0 0;} .header-text{ float:left;bottom:10px; right:10px;/*margin-top:40px;*/margin-left:30px;} .header-search-text{float:right;right:0px;margin-top:5px;margin-left:30px;position:absolute;/* width:260px;*/} .header-text h1{color:#154680;margin-bottom:0px !important;} .header-search-text h1{ font-size:28px; line-height:30px; color:#154680;font-family: 'proxima_novasemibold';font-weight:normal;text-transform:uppercase;} .landing-page{ padding-top:20px;} .tech-support{color: #000000;display: block;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: normal;line-height: 20px;margin-bottom: 3px;margin-top: 0;text-shadow: none;padding-left:16px;} .magestore-bannerslider-standard .flex-viewport{max-height:529px;} @media(max-width:979px){ .cms-page-view .std {padding: 4px 0px 10px 0px;} .midd-videocont-row{ padding-left:0;} .midd-row-adv{ padding-left:0;} .flexslider{ margin-bottom:20px !important;} .footer{ padding:10px 10px; box-sizing:border-box;} .bottom-advertisement .left-add{ width:50%;} .bottom-advertisement .left-add img{ width:100%;} .bottom-advertisement{ height:auto;} .bottom-video{ width:50%; height:auto;} .bottom-video iframe{ width:100%; height:233px;} .new-header-bg .header-search-text h1{font-size:19px;} .bottom-advertisement{ background:#000; float:left; width:100%;} } @media (min-width: 800px) and (max-width: 979px){ .bottom-product-bg .inner:nth-child(2){ margin-left:4% !important;} } @media (min-width: 768px) and (max-width: 979px) { .bottom-product-bg .inner{ width:236px; height:262px;} .titlebg2 .left-1{ font-size:18px;} .product-descripiob .left-detail h4{ font-size:16px; line-height:16px;} .product-descripiob .left-detail h5{ font-size:15px;} .product-descripiob .left-detail p {font-size: 14px;line-height: 14px;} .titlebg1{ font-size:20px;} .titlebg3{ font-size:18px; line-height:20px;} .product-descripiob .right-img img{ max-width:130px;} .product-descripiob img.powre-product{ max-width:230px;} .inner.inner3 a img{ max-width:100%;} .bottom-product-bg .inner:last-child{ float:right;} } @media(max-width:768px){ .bottom-video iframe{ width:100%; height:224px;} } @media(max-width:767px){ .cms-page-view .std{ padding:0px !important;} .bottom-advertisement .left-add{ width:100%;text-align:center;} .bottom-advertisement .left-add img{ width:100%;} .bottom-video{ width:100%; text-align:center;} .bottom-video iframe{ height:225px !important; width:100%;} } /*.return-link{top:10px;left:5px;position:absolute;background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/return-btn.png) no-repeat left 10px; padding-left:12px;color:#027DC3 !important;font-size:22px;}*/ .return-link { background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/return-btn.png") no-repeat scroll left top transparent; color: #FFFFFF !important; font-size: 17px; height: 35px; right: 0px; line-height: 32px; padding-left: 18px; position: absolute; top: 10px; width: 194px; } .return-walmart-link{background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/white-arrow.png) no-repeat left 10px;padding-left:12px;font-size:22px;color:#FFFFFF !important;} a.return-walmart-link:hover{color:#FFF;} .scosche-block{background:#000;} .country-img{float:left;width:31%;margin:16px 4%;} .country-content{float:left;width:58%;color:#fff;margin-top:16px;margin-right:2%;} .country-content p{font-size:12px;margin-bottom:6px;text-align:left;line-height:12px;font-family:'proxima_novabold';} p.country-header{font-weight:bold;margin-bottom:2px;} /******** - Foooter live chat ------- ****/ .footer-livechat{ float:right; font-family: 'proxima_novasemibold'; height:25px; letter-spacing:-1px; font-size:12px;margin-top:-5px;text-transform:uppercase;} .footer-livechat img { float: left; margin-right: 4px; } .footer-livechat span{color:#000;} .footer-livechat span.status{color:#007f51;} .footer-livechat .livechat {line-height: 18px;} /** Added on 16th Oct,2014 *****/ .return-link-bottom{background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/walmart/images/arrow.png) no-repeat left 10px;padding-left:12px;margin-left:25px;font-size:22px;} .speaker-support{width:220px; height:auto; font-size:13px; font-family: 'Arial,Helvetica,sans-serif';color:#000000;line-height: 20px;margin: 4px auto auto;} .new-logo{ float:left; width:536px;} .header-search-text{float:right;right:35px;margin-top:0px;margin-left:30px;position:absolute;/* width:260px;*/} .header-search-text h1{ margin: 10px 0 0; font-size:28px; line-height:30px; color:#154680;font-family: 'proxima_novasemibold';font-weight:normal;text-transform:uppercase;} /** * MageWorx * * NOTICE OF LICENSE * * This source file is subject to the MageWorx EULA that is bundled with * this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.mageworx.com/LICENSE-1.0.html * * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@mageworx.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade the extension * to newer versions in the future. If you wish to customize the extension * for your needs please refer to http://www.mageworx.com/ for more information * or send an email to sales@mageworx.com * * @category skin_default * @package MageWorx_Downloads * @copyright Copyright (c) 2009 MageWorx (http://www.mageworx.com/) * @license http://www.mageworx.com/LICENSE-1.0.html */ /** * Downloads extension * * @category skin_default * @package MageWorx_Downloads * @author MageWorx Dev Team */ .downloads-links-block { margin-top: 4px; margin-bottom: 7px; padding: 7px; } .downloads-links-block .head { padding-bottom: 4px; } .downloads-links-block table { padding-left: 5px; } .downloads-links-block td { padding-right: 5px; } .downloads-links-block span { padding-left: 5px; color: #EF5E2C; font-style: italic; } #downloads_video_overlay { cursor: pointer; opacity: 0.8; display: block; position: fixed; bottom:0; right: 0; background: #000000; width: 100%; height: 100%; z-index: 1000; } #downloads_video_popup { z-index: 1001; width: 600px; height: auto; position: fixed; } #downloads_video_popup .popup-cont { background: #ffffff; border-radius: 8px; padding: 13px 0; } #downloads_video_popup .spinner { display: none; background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/mageworx/downloads/spinner.gif) no-repeat center center; height: 70px; } #downloads_video_popup .spin { display: block !important; } #downloads_video_popup .close-button { background: transparent url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/mageworx/downloads/close-button.png) 0 0 no-repeat; position: absolute; width: 32px; height: 32px; cursor: pointer; position: absolute; top: -15px; left: 585px; } #magestore-bannerslider-popup{ padding: 2px; position: fixed; z-index: 19990; background: #fff; border: 2px; } #magestore-bannerslider-popup-close{ cursor: pointer; height: 22px; width:22px; position: absolute; right: 0px; top: -25px; z-index: 19999; background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/magestore/bannerslider/image/close-tiny.png) no-repeat center; } #bg_fade { background-color: #000000; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 1000; opacity: 0.7; } /*! normalize.css v1.0.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 16px 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 16px 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 16px; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -8px; } sub { bottom: -4px; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 16px 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 6px 10px 12px; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } .video embed, .video object, .video iframe { width: 100%; height: auto; } img { max-width: 100%; height: auto; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } button.button:disabled { opacity: 0.8; color: #999; } button.button , .link-stock-alert a { font-size: 0.75em; letter-spacing: 0.06em ; color: #ffffff;text-transform: uppercase;color: #fff;font-family: "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular; padding: 6px 20px 5px 20px; background: #1b1b1b; background: -moz-linear-gradient( top, #1b1b1b 0%, #333333); background: -webkit-gradient( linear, left top, left bottom, from(#1b1b1b), to(#333333)); -moz-border-radius: 5px; -webkit-border-radius: 56px; border-radius: 5px; border: 1px solid #616161; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(111,111,111,1); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(111,111,111,1); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(111,111,111,1); text-shadow: 1px 1px 1px rgba(000,000,000,0.7), 0px 0px 0px rgba(255,255,255,0); } button.button.showOtherDevices { padding: 6px 10px 5px; } button.btn-proceed-checkout { padding: 8px 0;width: 172px;font-size: 0.875em; } button.button:enabled:hover , .link-stock-alert a:hover { color: #1b1b1b; background: #f5f5f5; background: -moz-linear-gradient( top, #f5f5f5 0%, #eaeaea); background: -webkit-gradient( linear, left top, left bottom, from(#f5f5f5), to(#eaeaea)); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d2d2d2; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(255,255,255,1); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(255,255,255,1); text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } button.btn-gray { color: #1b1b1b; padding: 6px 15px 5px 15px; background:#fafafa; background: -moz-linear-gradient( top, #ffffff 0%, #f2f2f2); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d2d2d2; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(111,111,111,0); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(111,111,111,0); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(111,111,111,0); text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } button.btn-gray:hover { color: #fff; background: #1b1b1b; background: -moz-linear-gradient( top, #1b1b1b 0%, #333333); background: -webkit-gradient( linear, left top, left bottom, from(#1b1b1b), to(#333333)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #616161; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(111,111,111,1); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(111,111,111,1); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(111,111,111,1); text-shadow: 1px 1px 1px rgba(000,000,000,0.7), 0px 0px 0px rgba(255,255,255,0); } .shadow-box {-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;} /* Global Title */ .box-title {display: block;} .box-title h2, .box-title h1 {display: block;font: normal 0.813em/18px proximanova-bold;text-transform: uppercase;color: #aaa;} .page-title, .page-header {display: block;padding: 0;margin: 0 0 18px 0} .page-title h1, .page-title h2, .page-header h1, .page-header h2 { font:normal 1.563em/30px proximanova-semibold; color:#8d8d8d; } .cms-title h1, .cms-title h2 {padding: 30px} h1.form-title, h2.form-title , .form-title {font: normal 0.8125em/0.8125em proximanova-bold;text-transform: uppercase;color: #aaa;margin: 0 0 22px 0} .form-title span.required {float: right;text-transform: capitalize;font-size: 11px;line-height: 11px} /* Global Messages */ .messages , ul.messages, ol.messages{padding: 0 10px ; overflow:hidden; text-align:left; margin:10px 0;font-size: 0.875em !important;} .body-category .messages , .body-category ul.messages, .body-category ol.messages , .my-account .messages , .my-account ul.messages, .my-account ol.messages {padding: 0} .messages li { margin:8px 0; padding:0; word-wrap:break-word;font-family: proximanova-semibold;font-weight: normal !important; display: block } .messages ul { padding:15px;list-style: none;margin: 0} .messages ul li { margin:0;text-align: center} .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; margin:10px 0; } /* Error Message */ .messages li.error-msg { border-color:#e29898; background-color:#fff; color:#606060; } .messages li.error-msg a, .messages li.error-msg span { color:#606060;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-error-mes.png") no-repeat left center;padding: 4px 0 0 28px;line-height: 18px } .messages li.error-msg ul { /* background-image:url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/bkg_msg-error.gif); */ } p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#606060; } /* Success Message */ .messages li.success-msg { border-color:#a3ca9a ; background-color:#fff; color:#606060; } .messages li.success-msg a, .messages li.success-msg span { color:#606060;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-add-success.png") no-repeat left center;padding: 2px 0 0 26px;line-height: 16px} .messages li.success-msg ul { /* background-image:url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/bkg_msg-success.gif); */ } /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#e29898; background-color:#fff; color:#606060; } .messages li.note-msg a, .messages li.notice-msg a , .messages li.note-msg span, .messages li.notice-msg span { color:#606060;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-error-mes.png") no-repeat left center;padding: 4px 0 0 28px;line-height: 18px } .messages li.note-msg ul, .messages li.notice-msg ul { } .messages li span , .messages li a {display: inline-block;vertical-align: top;} .messages li a.mes-btn-continue {background: none;padding: 0;color: #2d2d2d} .messages li a.mes-btn-continue:hover {color: #aaa} #messages_product_view {float: left;width: 100%} /* Form Validation */ .validation-advice { clear:both; font-size:11px !important; padding:3px 0 0 !important; color:#d91a00 !important; font-weight: normal;font-family: proximanova-semibold;} .product-options .validation-error .options-list, .validation-failed { border:1px solid #f47d4e !important; background:#fff7f5 !important; } input.input-text.validation-failed, textarea.validation-failed { background:#fff7f5; } span.validation-passed/* , div.validation-passed */{padding-right:20px; } span.validation-error, div.validation-error { padding-right:20px; } .required em {color:#b8001b; margin-right:4px;font-family: arial } p.required, span.required { margin:0; padding:0; text-align:right;color:#2d2d2d;font: normal 0.6875em/0.6875em proximanova-semibold; } .form-list .validation-advice { width:auto} /* Pager */ .pager {float: right} .pager .amount { float:left; margin:0;display: none } .pager .limiter { float:right;display: none } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages {float: right } .pager .pages strong {display: none;} .pager .pages ol , .pager .pages ul {float: left;padding: 0 4px 0 14px;list-style: none;margin: 0} .pager .pages li { float: left;font: normal bold 0.688em/28px arial;color: #a3a3a3} .pager .pages li a {color: #1b1b1b;text-decoration: none;float: left;padding: 0 7px;} .pager .pages li a:hover {color: #aaa;text-decoration: underline} .pager .pages li a img {float: left;margin: 10px 0 0 0;} .pager .pages .current {padding:0 7px;} /* Sorter */ .sorter { } .sorter .view-mode { float:right; margin:0; } .sorter .sort-by { float:right;margin: 0 5px 0 0 } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .sort-by div.selector span , .sorter .sort-by div.selector select option {text-transform: capitalize} .sorter .link-feed {} /* Toolbar */ .toolbar {float: left} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {float: left;width: 100%;padding: 0 0 10px 0} .toolbar-bottom .toolbar {width: auto;min-width: 100%;} /********** < Product Prices */ .price { white-space:nowrap !important;font: normal 0.75em/22px proximanova-semibold;color: #606060 } .old-price .price {text-decoration: line-through;color: #aaa} .special-price .price {color: #b60000} /* Form Elements */ input,select,textarea,button { font:12px/16px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2d2d2d; } input.input-text,select,textarea { background:#fff; border:1px solid #d2d2d2; } input.input-text,textarea { padding: 0 4px; } input.input-text {height: 29px;line-height: 29px} select option { padding-right:10px; } textarea { overflow:auto; } /* FORM LIST =================================== */ ul.form-list, ol.form-list , .form-list ul, .form-list ol {list-style: none;margin: 0;padding: 0} .form-list label.required {float: left;width: 110px;color: #2d2d2d;font: normal 0.875em/31px proximanova-semibold; } .form-list .input-box {float: left} .form-list li {padding: 0 0 8px 0} .form-list li .field {padding: 8px 0 0 0} .f-left {float: left} .f-right {float: right} .v-fix, .f-fix {float: left;width: 100%} /* HEADER =================================== */ .logo {float: left;padding: 0;margin: 0;line-height: inherit;font-size: inherit} a.logo {margin: 23px 0 0 0} .right-head {float: right;padding: 0;position: relative} .head-search {list-style: none;float: left;margin: 0;padding: 0;position: relative} .head-search ul li {float: left;} .head-search .quick-access {float: left;position: absolute;right: -13px;top:0;width: 378px;height: 29px;background: #fff;} .head-search .quick-access input.input-text {float: left;width: 315px;border: none;height: 29px; padding: 0 12px;margin:0;color: #2d2d2d;font: normal 16px/29px "pragmatica-web-condensed",pragmatica-cond-light,ProximaNova-Regular; } .head-search .quick-access button {float: right;width: 33px;height: 29px;border: none;cursor: pointer;outline: none;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-search.jpg") no-repeat right center;padding: 0;text-indent: -9999em;} .head-link {float: left;} .head-link ul {margin: 0;padding: 0;list-style: none;} .head-link ul li {float: left;padding-left: 27px;} .right-head a {float: left;padding: 0 20px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-bg.png") no-repeat;font: normal 12px/29px proximanova-bold;color: #b6b5b5;text-transform: uppercase;text-decoration: none; } .right-head a.search-form {background-position: right -1px} .right-head a.search-form:hover {background-position: right -146px; color: #fff;} .right-head a.myaccount {background-position: right -30px} .right-head a.myaccount:hover {background-position: right -59px} .right-head a.a-cart {background-position: right -88px} .right-head a.a-cart:hover {background-position: right -117px} .right-head a:hover {color: #fff} .right-head a:visited {color: #b6b5b5;} .header .topcart {float: left;position: absolute;right: -6px;top: 43px;border: 1px solid #d2d2d2 !important;background: #fff;width: 213px;} .header .topcart .block-subtitle {display: block;background: #f7f7f7;color: #2d2d2d;font: normal 0.875em/24px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-transform: uppercase;padding: 0 10px;margin: 0; } .header .topcart .cart-empty {display: block;padding: 20px 10px;color: #606060;margin: 0} .header .topcart .arr-cart {float: left;width: 19px;height: 11px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arr-cart-header.png") no-repeat;text-indent: -999em;position: absolute;right: 30px;top: -11px;} .header .topcart .close-btn {float: left;width: 14px;height: 14px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-close-14.png") no-repeat;text-indent: -999em;position: absolute;right: 8px;top: 4px;} .header .topcart .close-btn:hover {background-position: left bottom} .header .topcart ol.mini-products-list , .header .topcart ul.mini-products-list {list-style: none;padding: 0 5px 0 6px;margin: 0;float: left;width: 202px; } .header .topcart li.item {float: left;width: 100%;padding: 4px 0 8px 0;border-bottom: 1px solid #e8e8e8} .header .topcart .actions {float: left;width: 195px;padding: 6px 8px 6px 10px;background: #f7f7f7;color: #2d2d2d;font: normal 1em/24px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-transform: uppercase;} .header .topcart a {float: none;margin: 0;padding: 0;background: none;width: auto} .header .topcart .actions a {float: left;margin: 9px 0;font: normal 0.688em/12px proximanova-regular;color: #606060;text-transform: none;} .header .topcart .product-image {float: left;width: 40px;padding: 0 0 0 4px;margin: 4px 0 0 0} .header .topcart .product-details {float: right;width: 139px;padding: 0 5px 0 0} .header .topcart .product-name {display: block;padding: 0;margin: 0 0 3px 0} .header .topcart .product-name a {font: normal 0.813em/13px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;color: #1b1b1b;text-transform: none} .header .topcart .product-name label {display: none /*font: normal 0.688em/12px proximanova-regular;display: block;padding: 2px 0 0 0;color: #606060;height: auto;max-height: 36px;overflow: hidden*/} .header .topcart .product-details table {width: 100%} .header .topcart .product-details table th, .header .topcart .product-details table td {font: normal 0.688em/12px proximanova-regular;padding: 3px 5px;text-align: left;float: left;color: #606060;} .header .topcart .product-details table th {padding: 3px 0;} .header .topcart .product-details table .price {font: normal 10px/12px proximanova-bold} .header .topcart a.details {display: none} .header .topcart a.btn-remove {float: left;text-transform: none;color: #1b1b1b;font: normal 0.625em/0.625em proximanova-bold;margin: 3px 0 0 0} .header .topcart .subtotal {float: left;width: 100%;padding: 6px 0;margin: 0;text-align: center;font: normal 0.875em/16px proximanova-bold;color: #303030} .header .topcart .subtotal .price {font: normal 1em/16px proximanova-bold;color: #303030} .header .topcart button.button {float: right;width: 81px;height: 29px;padding: 6px 0 5px 0;text-align: center;font-size: 0.75em !important;} .header .topcart a:hover {color: #aaa} .header .welcome-msg {text-align: right;color: #fff;font: normal 0.75em/0.75em proximanova-regular;display: block;padding: 9px 0 2px 0;margin: 0} .header .welcome-msg span {color: #535353;padding: 0 4px} .header .welcome-msg a {color: #b5b5b5;text-decoration: none} .header .welcome-msg a:hover {color: #fff} /* MENU =================================== */ .menu {float: left;width: 100%;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/border-menu.png") no-repeat center top;position: relative;z-index: 109} .menu .default {width: 940px;padding: 0 10px;margin: 0 auto} .menu .default ul {list-style: none;float: left;width: 100%;padding: 0;margin: 0} .menu .default li.tech {float: left;width: 50%;border-top:5px solid #ffdd00;padding-top: 11px } .menu .default li.audio {float: left;width: 50%;border-top:5px solid #e31937;padding-top: 11px} .menu .default li a {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat;font: normal 16px/28px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-transform: uppercase;color: #2d2d2d;text-decoration: none;outline: none;} .menu .default li.tech a {float: left;padding: 0 18px 0 0;background-position: right -1px;} .menu .default li.audio a {float: right;padding: 0 0 0 18px;background-position: left -31px} #bg-menu-select {float: left;width: 100%;padding: 0 0 5px 0} .cms-index-index #bg-menu-select {padding: 0 0 19px 0} .tech-select , .audio-select {float: left;width: 100%;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-menu.png") repeat;margin:5px 0 0 0;position: relative;z-index: 110} .menu .tech-select .default, .menu .audio-select .default {position: relative;margin: -5px auto 0 auto;} /* .menu .current-store-tech .default li.tech {width: 777px;} .menu .current-store-tech .default li.audio {width: 163px;} .menu .current-store-audio .default li.tech {width: 163px;} .menu .current-store-audio .default li.audio {width: 777px;} */ .menu .tech-select .default li.tech {width: 777px;} .menu .tech-select .default li.audio {width: 163px;} .menu .audio-select .default li.tech {width: 163px;} .menu .audio-select .default li.audio {width: 777px;} .menu .tech-select .default li.tech a {background-position: right -60px;outline: none;} .menu .tech-select .default li.audio a {background-position: left -121px;color: #c6c6c6;outline: none;} .menu .audio-select .default li.tech a {background-position: right -91px;color: #c6c6c6} .menu .audio-select .default li.audio a {background-position: left -60px} .menu .nav-menu {width: 960px;margin: 0 auto;} .menu .nav-menu .nav-content {float: left;width: 100%;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top;padding: 26px 0 11px 0} .menu .nav-menu ul {list-style: none;padding: 0;margin: 0;} .menu .nav-tech li {float: left;} .menu .nav-tech li.devices {float: left;width: 450px;padding: 0 0 0 10px;border-right: 1px solid #e8e8e8;height: auto;min-height: 150px} .menu .nav-tech li.category {float: left;width: 321px;padding: 0;border-right: 1px solid #e8e8e8;border-left: 1px solid #fff;height: auto;min-height: 130px} .menu .nav-tech li.feature-pro {float: left;width: 140px;padding: 0 10px 0 25px;border-left: 1px solid #fff;height: auto;min-height: 130px} .menu .nav-tech li.devices ul {float: left;width: 100%;margin: 13px 0 0 0;} .menu .nav-tech li.devices li a {height: 93px;position: relative;float: left;padding-bottom: 2px;text-decoration: none !important;} .menu .nav-tech li.devices li a span {float: left;width: 100%;position: absolute;bottom: 7px;left: 0;color: #1b1b1b;font: normal 0.813em/12px proximanova-semibold;text-align: center;text-decoration: none !important;} .menu .nav-tech li.devices li.thumb-device-1 a {width: 56px;margin: 0 0 0 4px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/device/iphone-device-h66.png") no-repeat center top;} .menu .nav-tech li.devices li.thumb-device-2 a {width: 64px;margin: 0 14px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/device/ipad-device-h66.png") no-repeat center top;} .menu .nav-tech li.devices li.thumb-device-3 a {width: 34px;margin: 0 20px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/device/ipod-device-h66.png") no-repeat center top;} .menu .nav-tech li.devices li.thumb-device-4 a {width: 45px;margin: 0 24px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/device/smartphone-device-h66.png") no-repeat center top;} .menu .nav-tech li.devices li.thumb-device-5 a {width: 58px;margin: 0 22px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/device/tablet-device-h66.png") no-repeat center top;} .menu .nav-tech li.devices li.thumb-device-6 a {width: 87px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/device/other-device-h66.png") no-repeat center top;} .menu .nav-tech li.devices li a:hover {padding-bottom: 0;border-bottom: 2px solid #ffdd00;background-position: center -334px !important;} .menu .nav-tech li.devices li a:hover span {bottom: 5px;} .menu .nav-tech li.category .text-title, .menu .nav-tech li.feature-pro .text-title {display: block;padding: 6px 0 0 30px;margin: 0 0 12px 0;} .menu .nav-tech li.feature-pro .text-title {padding: 6px 0 0 0} .menu .nav-tech li.feature-pro .featured-product-wrapper {float: left;width: 100%;} .menu .nav-tech li.feature-pro .featured-product-wrapper a {float: left;width: 100%;text-align: center;font: normal 10px/10px proximanova-semibold;color: #1b1b1b;text-decoration: none;padding-bottom: 2px} .menu .nav-tech li.feature-pro .featured-product-wrapper a span {display: block;text-align: left;padding: 6px 0} .menu .nav-tech li.feature-pro .featured-product-wrapper a img {width: 130px;height: auto !important;} .menu .nav-tech li.feature-pro .featured-product-wrapper a:hover {border-bottom: 2px solid #ffdd00;padding-bottom: 0} .menu .nav-tech li.category .text-title{padding: 6px 0 0 29px;margin: 0 0 2px 0} .menu .nav-tech li.category ul {padding:0;float: left;} .menu .nav-tech li.category ul.left-cat-nav {margin: 0 5px 0 27px;width: 150px} .menu .nav-tech li.category ul.right-cat-nav {width: 139px} .menu .nav-tech li.category li {float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;padding: 8px 0 0 0;width: 100%;} .menu .nav-tech li.category li a {color: #1b1b1b;font: normal 0.75em/16px proximanova-semibold;padding: 0;text-decoration: none;line-height: 1em;padding: 0 2px} .menu .nav-tech li.category li a:hover {background: #ffdd00} .menu .nav-content li.nav-audio-vehicle {float: left;width: 580px;border-right: 1px solid #e8e8e8;height: auto;min-height: 118px;padding-left: 10px} .menu .nav-content li.nav-audio-category {float: left;width: 335px;padding: 0 0 0 33px;border-left: 1px solid #fff;height: auto;min-height: 118px} .menu .nav-content li.nav-audio-vehicle .text-title {display: block;padding: 6px 0 0 0} .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {float: left;width: 100%;margin: 0;padding: 0;border: none;background: none;position: relative} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {float: left;width: 100%;margin: 10px 0 15px 0;border: none;table-layout: fixed;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {float: left;width: 126px;padding: 0 14px 0 0;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 124px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {float: left;width: 126px;padding: 0 0 0 19px;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 124px} .menu .nav-content .amfinder-buttons {display: block !important;} .menu .nav-content li.nav-audio-vehicle .find-vehicle {float: right;padding: 0 35px 0 0} .menu .nav-content li.nav-audio-vehicle .find-vehicle .shopby-reset {color: #1b1b1b;font: normal 0.75em/30px proximanova-semibold;margin: 0 12px;text-decoration: none;background: none;border: none;} .menu .nav-content li.nav-audio-vehicle .find-vehicle span , .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button {float: right} .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button:enabled:hover , .audio-store-style .products-grid li.item button.button:hover , .audio-store-style div.block-layered-nav dd li.form-price button.button:hover { color: #fff; background: #e31937; background: -moz-linear-gradient( top, #e31937 0%, #d11733); background: -webkit-gradient( linear, left top, left bottom, from(#e31937), to(#d11733)); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cc1631; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(231,056,082,1); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(231,056,082,1); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 2px rgba(231,056,082,1); text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } .menu .nav-content li.nav-audio-category .text-title {margin-bottom: 8px;display: block;padding: 6px 5px 0 2px} .menu .nav-content li.nav-audio-category ul {float: left;} .menu .nav-content li.nav-audio-category ul.left-cat-nav {margin: 0 20px 0 0;width: 160px} .menu .nav-content li.nav-audio-category ul.right-cat-nav {width: 145px} .menu .nav-content li.nav-audio-category li {float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;padding: 8px 0 0 0;width: 100%;} .menu .nav-content li.nav-audio-category li a {color: #1b1b1b;font: normal 0.75em/1em proximanova-semibold;padding: 0 2px;text-decoration: none;} .menu .nav-content li.nav-audio-category li a:hover {color: #fff;background: #e31937;} .menu .bot-menu {float: left;width: 100%;position: absolute;left: 0;bottom: -5px;z-index: 111;height: 5px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/top-hide-box.png") repeat-x center top;} .wrapper-select-store {float: left;width: 100%;position: fixed;left: 0;top: 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-hide-box.png") repeat;height: auto;min-height: 500px;z-index: 100} .text-title {font:normal 0.813em/0.813em proximanova-bold;color: #aaa;text-transform: uppercase;display: block;} .text-title span {text-shadow: 1px 1px 0px #ffffff;filter: dropshadow(color=#ffffff, offx=1, offy=1);} .clear-btn {display: none} /* BANNER HOME =================================== */ .banner-home {float: left;width: 460px;position: relative;margin: 0 0 0 10px;display: inline} .banner-home img {float: left;width: 100%} .banner-home .banner-info {float: left;width: 100%;position: absolute;left: 0;top: 62px;text-align: center;color: #fff;display: none} .banner-home .title-banner {display: block;font: normal 56px/56px universe-light,proximanova-regular;} .banner-home .select-device {font: normal 16px/16px proximanova-semibold;padding: 0 18px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat;} .banner-left .select-device {background-position: right -157px} .banner-right .select-device {background-position: right -186px} .special-box {float: left;width: 100%;height:155px;margin: 10px 0 0 10px;padding-bottom: 8px;display: inline} .special-box .promotion-img {float: left;width: 230px;position: relative} .special-box .promotion-img .bg-white-pro {float: left;width: 228px;height:130px;border: 1px solid #d2d2d2;margin: 6px 0 0 0;background: #fff;position: relative;} .special-box .promotion-img img {float: left;width: auto; max-width: 100%; position: absolute;left: 0;top: 0;z-index: 2;} .special-box .promotion-img a span {display: none} /* .special-box .promotion-img a span {float: left;position: absolute;z-index: 3;font: normal 24px/24px universe-light;color: #1b1b1b;text-align: center} .special-box .promotion-img a span em {font: normal normal 14px/16px avenir-medium;color: #a09f9f;display: block;padding-top: 2px} .special-box .pro-img-01 a span {right: 0;top:30px;width: 100%} .special-box .pro-img-02 a span {right: 0;top:42px;width: 50%} .special-box .pro-img-03 a span {right: 0;top:54px;width: 71.92982%} .special-box .pro-img-04 a span {left: 0;top:45px;width: 46.49122%} */ .special-box .pro-img-02 .bg-white-pro , .special-box .pro-img-04 .bg-white-pro {width: 229px;margin: 6px 0 0 -1px} /*.special-box .pro-img-04 img {left: 10px;}*/ /* FOOTER =================================== */ .footer-container ul {list-style: none;padding: 0;margin: 0} .footer button.button {font-size: 0.75em;} .footer-links-bottom .copyright {float: left;color: #b6b5b5;padding: 0 15px 0 10px;font: normal 0.75em/18px proximanova-semibold;} .footer-links-bottom .link-foot-bottom ul {font: normal 0.75em/18px proximanova-semibold;} .footer-links-bottom .link-foot-bottom li {float: left;padding-right: 15px} .footer-links-bottom .link-foot-bottom li a {color: #1b1b1b;text-decoration: none} .footer-links-bottom .link-foot-bottom li a:hover {color: #a0a0a0} .footer h2 {font:normal 0.813em/0.813em proximanova-bold;color: #aaa;text-transform: uppercase} .footer h2 span {text-shadow: 1px 1px 0px #ffffff;filter: dropshadow(color=#ffffff, offx=1, offy=1);} .footer-links-top li {display: block} .footer-links-top li a {color: #1b1b1b;text-decoration: none;font: normal 0.75em/18px proximanova-semibold;} .footer-links-top li a:hover {color: #a0a0a0} .footer-links-top h2 {margin: 6px 0 14px 0} .footer-links-top button.button {margin: 8px 0 0 0;padding: 3px 20px;} .footer-container .newsletter {float: left;width: 100%;border-bottom: 1px solid #e6e6e6;padding: 0 0 22px 0;position: relative} .footer-container .social-links {float: left;width: 100%;border-top: 1px solid #fff;padding: 28px 0 0 0} .footer-container .social-links li {float: left} .footer-container .social-links a {float: left;width: 79px;height: 27px;margin: 0 12px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/social-share.png") no-repeat} .footer-container .social-links a span {display: none} .footer-container .social-links a.l-google {background-position: -701px top} .footer-container .social-links a.l-google:hover {background-position: -701px bottom} .footer-container .social-links a.l-facebook {background-position: left top} .footer-container .social-links a.l-facebook:hover {background-position: left bottom} .footer-container .social-links a.l-twitter {background-position: -100px top} .footer-container .social-links a.l-twitter:hover {background-position: -100px bottom} .footer-container .social-links a.l-youtube {background-position: -200px top} .footer-container .social-links a.l-youtube:hover {background-position: -200px bottom} .footer-container .social-links a.l-instagram {background-position: -300px top} .footer-container .social-links a.l-instagram:hover {background-position: -300px bottom} .footer-links-site-01 {float: left;width: 156px;padding: 0 15px 0 10px;border-right: 1px solid #e6e6e6;height: auto;min-height: 160px;} .footer-links-site-02 {float: left;width: 158px;padding: 0 15px 0 66px;border-right: 1px solid #e6e6e6;border-left: 1px solid #fff;height: auto;min-height: 160px;} .footer-livechat {float: right;padding: 0 10px 0 0;text-align: right} .footer-livechat a {font: normal 0.813em/20px "pragmatica-web-condensed",pragmatica-cond-light;color: #1b1b1b;text-decoration: none;text-transform: uppercase} .footer-livechat a img {vertical-align: middle;margin: 0 10px 0 0} .footer-livechat a .status {color: #8c4343} .footer-livechat a .online {color: #3e8c7e} .footer-livechat a span {display:-moz-inline-stack;display:inline-block;vertical-align:middle;cursor: pointer} .footer .form-subscribe input.input-text {width: 200px;height: 27px;border: 1px solid #d2d2d2;padding: 0 10px;font: normal 1em/27px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;color: #bbb;margin: 0 6px} .footer .form-subscribe label {font:normal 0.813em/0.813em proximanova-bold;color: #aaa;text-transform: uppercase} .footer .form-subscribe label span {text-shadow: 1px 1px 0px #ffffff;filter: dropshadow(color=#ffffff, offx=1, offy=1);} .footer .form-subscribe .validation-advice {position: absolute;float: left;width: 350px;left: 156px;top: 28px} .btn-blog-320 {display: none} /* BREADCRUMBS =================================== */ .breadcrumbs {width: 960px;margin: 0 auto;font-family: proximanova-regular;font-size: 12px;color: #2d2d2d;font-style: italic;position: relative} .breadcrumbs ul {list-style: none;display: block; margin: 0 0 18px 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center bottom;padding: 0 10px 11px 10px} .catalog-product-view .breadcrumbs ul {background-position: center top;padding: 11px 10px 0 10px;margin: 0 0 5px 0} .breadcrumbs ul li {display:-moz-inline-stack;display:inline-block;vertical-align:top;line-height: 27px;} .breadcrumbs a {color: #2d2d2d;text-decoration: none;} .breadcrumbs a:hover {text-decoration: underline} .breadcrumbs b, .breadcrumbs strong {font-weight: normal;color: #a3a3a3} .breadcrumAcc ul li {line-height: 22px} .cms-index-index .breadcrumbs {display: none} /* PRODUCT DETAILS =================================== */ .top-details {float: left;width: 100%;background: #fff;padding: 18px 0;-webkit-box-shadow:0px 2px 5px 2px #e0e0e0;box-shadow:0px 2px 5px 2px #e0e0e0;} .bottom-details {float: left;width: 100%;padding: 19px 0 0 0} .center-details {width: 960px;margin: 0 auto;} .product-view .product-col-left {float: left;width: 510px;padding: 0 0 0 10px;position: relative;z-index: 3;display: block !important;} .product-view .product-col-right {float: right;width: 380px;padding: 0 10px 0 0;position: relative;z-index: 1} .top-details .product-col-right {padding: 18px 10px 18px 0} .bottom-details .product-col-left {z-index: 2} .product-view .product-name h2,.product-view .product-name h1 { font: normal 30px/30px "pragmatica-web-condensed",pragmatica-cond-light, universe-light;font-weight: normal;text-align: center;margin: 0 0 20px 0;color: #2d2d2d} .top-details .product-col-left .product-name h1 {font: normal 1.125em/20px proximanova-regular;color: #aaa;text-align: left} .product-name-seo {display: none;padding: 20px 0 0 0} .product-name-seo h1 {display: block;text-align: center;font: normal 1.125em/20px proximanova-regular;color: #aaa} .product-view .product-essential .product-img-box {float: left;width: 100%;position: relative;text-align: center} .product-view .product-essential .product-img-box .product-image img {width: auto;max-width:100%;height: auto;max-height: 399px} .product-view .MagicToolboxContainer p {display: none} .product-view .MagicToolboxContainer p.img-big {float: left;width: 100%;display: block;text-align: center;/*height: 399px;*/margin: 0;padding: 0} .product-view .MagicZoomBigImageCont {border: 1px solid #d2d2d2;-webkit-box-shadow:0px 2px 3px 2px #e0e0e0;box-shadow:0px 2px 3px 2px #e0e0e0;} .product-view .MagicToolboxContainer .button-zoom {display: none} .product-view .MagicToolboxContainer .more-views {float: left;padding: 0;margin: 0;position: absolute;left: -6px;bottom: -116px;height: 76px !important;} .product-view .MagicToolboxContainer .more-views ul {float: left;width: 525px;list-style: none;padding: 0;margin: 0;height: 86px;overflow: hidden} .product-view .MagicToolboxContainer .more-views ul li {float: left;width: 76px;height: 76px;margin: 0 5px 10px 6px;border: 1px solid #d2d2d2;text-align: center;background: #fff;overflow: hidden;-webkit-box-shadow:0px 1px 3px 1px #e0e0e0;box-shadow:0px 1px 3px 1px #e0e0e0;} .product-view .MagicToolboxContainer .more-views ul li a {display: block;height: 74px !important;width: 100% !important;overflow: hidden} .product-view .MagicToolboxContainer .more-views ul li img {width: 100% !important;float: left;height: auto !important;margin: 0 !important;padding: 0 !important} .product-view .MagicToolboxContainer2 {float: left;position: relative;width: 100%;margin: 1px 0 0 0} div.MagicToolboxSelectorsContainer ul {width: 520px;float: left} .product-view .short-description {font: normal 1.125em/20px proximanova-regular;height: auto;max-height: 40px;overflow: hidden; color: #aaa;text-align: center;margin: 0 0 20px 0} .product-view .product-shop .price-box {text-align: center} .product-view .product-shop .price-box p {margin-bottom: 20px} .product-view .product-shop .price-box .price-label {display: none} .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .regular-price, .product-view .product-shop .price-box .special-price {display:-moz-inline-stack;display:inline-block;vertical-align:top;padding: 0 2px} .product-view .product-shop .price-box .old-price .price {text-decoration: line-through} .product-view .product-shop .price-box .price {font: normal normal 1em/1em proximanova-semibold ;color: #aaa } .product-view .product-shop .price-box .special-price .price {color: #b60000} .product-view .product-col-right .product-sku {display: none} .product-view .product-shop .out-of-stock {text-align: center;font: normal normal 1em/1em proximanova-semibold ;color: #aaa;text-transform: uppercase;margin: 12px 0 10px 0;padding: 0} .product-view .product-shop .preorder {font: normal normal 0.875em/1.3em proximanova-semibold;text-align: center;margin-bottom: 20px} .products-grid li.item .product-shop .availability {bottom: 17px;color: #aaa;float: left;font: normal 0.75em/0.75em proximanova-bold;left: 0;margin: 0;position: absolute;text-align: center;text-transform: uppercase;width: 100%;} .link-stock-alert {float: left;width: 100%;overflow: hidden; padding: 0;margin: 0} .link-stock-alert label {float: left;position: relative;left: 50%} .link-stock-alert label span {float: left;position: relative;right: 50%} .link-stock-alert a {float: left; color: #fff;text-align: center;text-decoration: none;padding: 11px 45px 10px 45px;font-size: 1em;} .product-view #review-short {display: block;text-align: center;} .product-view #review-short span.amount {display: block;font: normal 0.75em/0.75em proximanova-regular;color: #1b1b1b;padding: 6px 0 20px 0;cursor: pointer } .product-view .rating-box, .product-view .rating-box .rating {display:-moz-inline-stack;display:inline-block;vertical-align:middle;width: 80px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/rate-yellow.png") no-repeat left top;line-height: 15px;text-align: left} .product-view .rating-box .rating {width: auto;background-position: left -29px;height: 15px;} .review-popup {width: 320px;padding: 0 25px 0 0} .review-popup .rating-type {margin: 10px 0 0 0} .review-popup input.input-text , .review-popup textarea {width: 200px} .review-popup button.button {margin: 5px 0 0 110px} .product-view #product-options-wrapper , .product-view #product-options-wrapper dl, .product-view #product-options-wrapper dt, .product-view #product-options-wrapper dd {border: none;margin: 0;padding: 0;text-align: center;display: block} .product-view #product-options-wrapper {padding-bottom: 10px} .product-view #product-options-wrapper dt , .product-view #product-options-wrapper .input-box {display: none} .product-view #product-options-wrapper dt {display: none} .product-view #product-options-wrapper .colorswatch .size, .product-view #product-options-wrapper .colorswatch .size div {margin: 0 !important;padding: 0 !important;float: none !important;} .product-view #product-options-wrapper .colorswatch .size ul {width: 100%} .product-view #product-options-wrapper .colorswatch .size ul li {float: none;display:-moz-inline-stack;display:inline-block;vertical-align:middle;margin: 0 6px 10px 6px;width: 28px;height: 28px;text-align: center;outline: none} .product-view #product-options-wrapper .colorswatch .size ul li img {width: 22px;height: 22px;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;margin: 3px 0 0 0} .product-view #product-options-wrapper .colorswatch .size ul li a {outline: none} .product-view #product-options-wrapper .colorswatch .size ul li a.active img, .product-view #product-options-wrapper .colorswatch .size ul li img:hover {border: 3px solid #ffdd00;margin: 0;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;} .product-view .part-number {color: #ccc;display: block;font: normal 0.85em/0.85em proximanova-semibold;padding: 0 0 20px;text-align: center;} .product-view .add-to-cart label, .product-view .add-to-cart .qty , .product-view .product-options-bottom .price-box, .product-view .product-options-bottom .required , .product-view .add-to-box .or , .product-view .no-display{display: none} .product-view .add-to-cart {text-align: center} .product-view .add-to-cart button.button {padding: 0;line-height: 41px;width: 260px;font-size: 1em} .product-view .add-to-links {list-style: none;display: block;padding: 12px 0 0 0} .product-view .add-to-links li {display:-moz-inline-stack;display:inline-block;vertical-align:middle;width: 49%;} .product-view .add-to-links li.save-wishlist {text-align: right} .product-view .add-to-links li.add-compare {text-align: left} .product-view .add-to-links li a {display:-moz-inline-stack;display:inline-block;vertical-align:middle;padding: 0 0 0 25px;color: #1b1b1b;font: normal 0.688em/16px "pragmatica-web-condensed",pragmatica-cond-light,universe-light;text-transform: uppercase;text-decoration: none} .product-view .add-to-links li a.link-wishlist {margin-right: 10px} .product-view .add-to-links li a.link-compare {margin-left: 10px} .product-view .product-addthis {float: left;width: 100%;overflow: hidden} .product-view .product-addthis .addthis-box {float: left;position: relative;left: 50%;} .product-view .product-addthis .addthis-content {float: left;position: relative;right: 50%;} .product-view .product-addthis .addthis-content .addthis_toolbox {float: left} .product-view .product-addthis .addthis-content .addthis_toolbox a {float: left;margin: 0 5px 0 0;color: #2d2d2d;font: normal 12px/20px ProximaNova-Semibold;;text-decoration: none} .product-view .product-addthis .addthis-content .addthis_toolbox a img {height: 20px;vertical-align: middle} .product-view .product-addthis .addthis-content .addthis_toolbox a.addthis_button_email {margin: 0 10px 0 0;min-width: 60px} .product-view .product-addthis .addthis-content .addthis_toolbox a.addthis_button_email img {margin: 0 2px 0 0;float: left} .product-view .product-addthis .addthis-content .addthis_toolbox a.addthis_button_email span {float: left;line-height: 20px;margin-bottom: 0;padding: 0 0 0 2px} .product-view .product-addthis .addthis-content .fb-like, .product-view .product-addthis .addthis-content .fb-like span , .product-view .product-addthis .addthis-content .addthisTT , .product-view .product-addthis .addthis-content .addthisFB{float: left;width: 85px !important;} .product-view .accordion-tabs {float: left;width: 100%;margin: 20px 0 0 0;padding: 0 0 20px 0;list-style: none} .product-view .accordion-tabs li.section {float: left;width: 100%;} .product-view .accordion-tabs .section-title {display: block;border-bottom: 1px solid #d5d5d5;font: normal 0.813em/37px proximanova-bold;text-transform: uppercase;color: #aaa;text-align: center;cursor: pointer;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/collapse-close.png") no-repeat 344px center;} .product-view .accordion-tabs li.active .section-title {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/collapse-open.png") no-repeat 344px center;} .product-view .accordion-tabs .section-content {padding: 20px 0;border-bottom: 1px solid #d5d5d5;font: normal 0.875em/18px proximanova-regular;color: #2d2d2d} .product-view .accordion-tabs .section-content ul {list-style: disc;display: block;margin: 0;padding: 0 0 0 30px} .product-view .accordion-tabs .section-content .video {width: 100%;margin: 10px 0 0 0} .product-view .accordion-tabs .section-content a{ color:#2D2D2D } .product-view .accordion-tabs .section-content a:hover{ color:#A0A0A0 } .product-video {display: block; float: right;} .product-video br {display: none} .product-video center {float: left;width: 147px;height: 84px;border: 1px solid #d2d2d2;margin: 0 0 10px 15px;position: relative} .product-video center img {float: left;width: 147px;height: 84px;margin: 0 !important;} .product-video center span.video-icon {float: left;position: absolute;left: 43px;top: 15px;width: 55px;height: 55px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/play-video-icon.png") no-repeat;text-indent: -9999px} .product-video center span.video-icon:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .instruction-content {float: left;width: 100%;overflow: hidden;} .instruction-content .ifixit-guide-small {width: 370px;} .instruction-content .ifixit-guide-small .ifixit-pane {width: auto;} .instruction-content .ifixit-guide-small #ifixit-parts-link {width: 346px;} .instruction-content .ifixit-guide-small .ifixit-stepText {height: auto;} /* .product-view .accordion-tabs .section-content .video {float: right;width: 150px;height: 85px;padding: 0 0 10px 10px} .product-view .accordion-tabs .section-content .video iframe {float: right;width: 150px;height: 85px} */ .product-view .product-related {float: left;width: 100%;margin: 26px 0 0 0;} .product-view .box-related .box-title h2 {margin: 0} .product-view .box-related .related-content {float: left;width: 100%;} .product-view .box-related .related-content .box-content {float: left;width: 530px;list-style: none;padding: 0 0 20px 0;margin: 0} .product-view .box-related .related-content .box-content li {float: left;width: 159px;height: 263px;position: relative;margin: 14px 14px 0 0;background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 0px 1px 3px 1px #e0e0e0;box-shadow: 0px 1px 3px 1px #e0e0e0;} .product-view .box-related .related-content .box-content .product-image {display: block;text-align: center;overflow: hidden} .product-view .box-related .related-content .box-content .product-image img {float: left;width: 100%} .product-view .box-related .related-content .box-content .product-desc {float: left;width: 100%;background: #fff;border-top: 2px solid #ffde01;position: absolute;z-index: 1;left: 0;bottom: 0;height: auto;min-height: 81px;padding: 0 0 22px 0} .product-view .box-related .related-content .box-content h4 {display: block;padding: 10px 10px 2px 10px;margin: 0;font: normal 1em/1em "pragmatica-web-condensed",pragmatica-cond-light,universe-light;height: auto;max-height: 48px;overflow: hidden} .product-view .box-related .related-content .box-content h4 a {color: #2d2d2d;text-decoration: none} .product-view .box-related .related-content .box-content h4 a:hover {color: #aaa} .product-view .box-related .related-content .box-content .desc {display: block;padding: 0 10px;margin: 0;font: normal 0.688em/14px proximanova-regular;color: #606060;height: auto;max-height: 28px;overflow: hidden} .product-view .box-related .related-content .box-content .price-box {float: left;position: absolute;z-index: 2;left: 10px;bottom: 5px;} .product-view .box-related .related-content .box-content .price-box .price-label {display: none} .product-view .box-related .related-content .box-content .price-box .old-price, .product-view .box-related .related-content .box-content .price-box .regular-price, .product-view .box-related .related-content .box-content .price-box .special-price {float: left;padding: 0 5px 0 0;margin: 0;} .product-view .accordion-tabs .section-content .review-box-container ul {display: block;list-style: none;margin: 0;padding: 0} .review-box-container ul.box-content {display: block;list-style: none;margin: 0;padding: 0} .review-box-container .title {display: block;font: normal 16px/20px "pragmatica-web-condensed",pragmatica-cond-light, universe-light;color: #2d2d2d} .review-box-container .name , .review-box-container .datetime {display: block;font: normal 11px/15px proximanova-regular;color: #606060;padding: 0 0 4px 0} .review-box-container p {display: block;font: normal 14px/18px proximanova-regular;color: #2d2d2d;margin: 0;padding: 8px 0} .review-box-container .datetime {padding: 0} .review-box-container h4 {float: left;margin: 18px 0 0 0} .review-box-container h4 a {float: left;padding: 0 0 0 19px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/write-review.png") no-repeat left center;color: #414141;font: normal 11px/13px universe-cond, universe-light;text-transform: uppercase;text-decoration: none} .media-600 {display: block;padding: 0 5px;height: 400px;margin: 10px 0;overflow: hidden} .product-shop .carousel {min-width: 100%;margin: 0;padding: 0;} .product-shop .carousel-item {width: 460px;padding: 0 50px} .product-shop .carousel img {max-width: 100%;} .slag {float: left;width: 100%;} /* LISTING =================================== */ .body-category .page-title {display: none} .body-category .col-main .page-title {display: block} .none-product {display: block;padding: 21px 0} .body-category .menu .bot-menu {} .body-category .breadcrumbs ul {padding: 5px 10px 11px 10px} .topmenu-style-cat {float: left;width: 100%;display: none;padding: 0; z-index: 1 !important;position: relative} .body-category .topmenu-style-cat {display: block} .body-category #bg-menu-select {padding: 0 0 13px 0} .topmenu-style-cat .menu {background: none} .topmenu-style-cat .menu .nav-menu {width: 100%;float: left;margin: 0;} .topmenu-style-cat .menu .nav-menu .nav-content {width: 100%;margin: 0;padding: 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-menu.png") repeat #F4F4F4} .topmenu-style-cat .menu .nav-menu li.category , .topmenu-style-cat .menu .nav-tech li.feature-pro , .topmenu-style-cat .menu .nav-menu li.nav-audio-category , .topmenu-style-cat .menu .nav-menu li.devices .text-title , .topmenu-style-cat .menu .nav-menu li.nav-audio-vehicle .text-title {display: none !important;} .topmenu-style-cat .menu .nav-menu li.devices , .topmenu-style-cat .menu .nav-menu li.category , .topmenu-style-cat .menu .nav-menu li.devide-option , .topmenu-style-cat .menu .nav-menu li.nav-audio-vehicle , .topmenu-style-cat .menu .nav-menu li.nav-audio-category {float: left;width: 100%;padding: 0;margin: 0;min-height: 0} .topmenu-style-cat .menu .nav-menu li.devices , .topmenu-style-cat .menu .nav-menu li.nav-audio-vehicle , .topmenu-style-cat .menu .nav-menu li.devide-option {background: #e4e4e4;-webkit-box-shadow:inset 0px 0px 5px 1px rgba(0,0,0,0.1);box-shadow:inset 0px 0px 5px 1px rgba(0,0,0,0.1);} .topmenu-style-cat .menu .nav-menu li .center-top-menu {width: 960px;margin: 0 auto;position: relative} .topmenu-style-cat .menu .text-cat-topmn , .topmenu-style-cat .menu li.nav-audio-vehicle .text-cat-topmn {margin: 0 10px 0 0;color: #2D2D2D;float: left;font: 1.15em/26px proximanova-regular;padding: 45px 0 0 0;text-align: center;width: 150px;text-transform: capitalize;display: block !important;} .topmenu-style-cat .menu li.nav-audio-vehicle .text-cat-topmn {padding: 20px 0} .topmenu-style-cat .menu li.devide-option h4 {float: left;width: 100px;padding: 45px 0 0 0;font: normal 1.15em/1.25em proximanova-regular;color: #2d2d2d;text-align: center} .topmenu-style-cat .menu li.devide-option .sort-device {width: 668px;padding: 0 0 0 12px;float: left} .topmenu-style-cat .menu li.devide-option .sort-device li {float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;height: auto;min-height: 92px;width: 65px;padding: 13px 7px 0 7px;text-align: center;} .topmenu-style-cat .menu li.devide-option .sort-device li a {float: left;width: 100%;height: auto;min-height: 92px;position: relative;font: normal 0.813em/12px proximanova-semibold;color: #2d2d2d;text-decoration: none} .topmenu-style-cat .menu li.devide-option .sort-device li a img {margin: 1px 0 0 0;height: auto;max-height: 46px} .topmenu-style-cat .menu li.devide-option .sort-device li a:hover {border-bottom: 1px solid #ffdd00;background-position: center -334px !important;} /* .topmenu-style-cat .menu li.devide-option .sort-device li a:hover span {} */ /* .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a label {float: left;width: 100%;position: absolute;left: 0;bottom: 0;height: 50px;overflow: hidden;padding-bottom: 2px} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a label img {width: 80%;margin: 0} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a label span {height: auto;max-height: 24px;line-height: 12px;float: left;width: 100%;text-align: center;position: absolute;left: 0;bottom: 10px} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a:hover img, .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li.active a img {border: 1px solid #ffdd00;margin: 0} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a:hover label img, .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li.active a label img {border: none} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a:hover label, .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li.active a label {border-bottom: 2px solid #ffdd00;padding-bottom: 0} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a:hover label span , .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li.active a label span {bottom: 8px} */ .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a {outline: none} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a span {line-height: 12px;float: left;width: 100%;text-align: center;padding: 70px 0 10px 0} .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li a:hover span, .topmenu-style-cat .menu .nav-content li.devide-option .sort-device li.active a span {border-bottom: 2px solid #ffdd00;padding-bottom: 8px} .topmenu-style-cat .menu .nav-content .choose-otherdevice {float: right;margin: 38px 0} .topmenu-style-cat .menu .nav-content .choose-otherdevice label {padding: 0 12px;font: normal 0.75em/28px proximanova-regular} .topmenu-style-cat .menu .nav-menu li.devices li a {margin: 10px 0 0 10px !important;height: 100px !important;padding-bottom: 3px !important;} .topmenu-style-cat .menu .nav-menu li.devices li.thumb-device-2 a {margin: 10px 0 0 0 !important;} .topmenu-style-cat .menu .nav-menu li.devices li a span {bottom: 9px !important;} .topmenu-style-cat .menu .nav-menu li.devices li a:hover {border-bottom: 3px solid #ffdd00 !important;padding-bottom: 0 !important;} .topmenu-style-cat .menu .nav-menu li.devices li a:hover span {bottom: 6px !important;} .topmenu-style-cat .menu .nav-menu li.devices ul {width: 790px;padding: 0;margin: 0} .topmenu-style-cat .menu .nav-menu li.devices li a span {font-family:proximanova-semibold} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {float: left;width: 790px;margin: 42px 0 0 0;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {width: 585px;margin: 0;padding: 0} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle {padding: 0;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button {padding: 6px 0 5px 0;width: 130px} .btn-showHide600 {display: none;float: left;position: absolute;right: 8px;top: 12px;padding: 0 14px 0 0;color: #1b1b1b;font: normal 11px/15px proximanova-regular;text-transform: uppercase;text-decoration: none;cursor: pointer;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat right -8px} .btn-showHide600:hover {color: #aaa} .btn-showHide600 span {float: left;padding: 0 3px 0 0} .btn-showHide600 em {display: none;} .openHindBlock {background-position: right -67px;} .openHindBlock span {display: none;} .openHindBlock em {display: block;float: left;font-style: normal;padding: 0 3px 0 0} .title-category {display: block;font: normal 0.8125em/11px proximanova-bold;text-transform: uppercase;color: #aaa;padding: 13px 10px} .category-bottom {display: none;border-bottom: 1px solid #e5e5e5} .category-bottom .center-cb {width: 600px;margin: 0 auto;position: relative} .category-bottom .btn-showHide600 {top: 12px;} .category-bottom .hidden600 {position: relative;overflow: hidden;} .category-bottom ul {display: block;list-style: none;padding: 0;margin: 0;position: relative;margin: 0 0 -1px 0;border-top: 1px solid #e5e5e5;} .category-bottom ul li {display: block;padding: 0;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #fff;} .category-bottom ul li a {display: block;font: normal 1em/35px proximanova-semibold;padding: 0 25px 0 10px;text-decoration: none;color: #1B1B1B;} .category-bottom ul li a:hover {color: #a0a0a0} .category-bottom ul.catTech2 li {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 581px -217px} .category-bottom ul.catAudio2 li {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 581px -267px} .finter-title {display: none} .finter-title {float: left;width: 100%;} .finter-title span {display: block;padding: 0 10px;font: normal 0.8125em/36px proximanova-bold;text-transform: uppercase;color: #aaa} .filter-center .btn-showHide600 {top: 11px;} .nav-product-fil {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;padding:14px 0 10px 0;margin: 14px 0 0 0} .sub-title {float: left;padding: 0;margin: 14px 0 0 0;width: 100%;position: relative;height: auto;min-height: 18px} .sub-title h1, .sub-title h2 {display: block;font:normal 1.375em/22px "pragmatica-web-condensed",pragmatica-cond-light,universe-light;margin: 0; color:#2d2d2d;text-transform: uppercase;padding: 0 320px 0 10px;border-left:5px solid #ffdd00; } .audio-store-style .sub-title h1, .audio-store-style .sub-title h2 {border-left:5px solid #e41937;} a.see-all-product {float: left;position: absolute;right: 10px;top: 14px;z-index: 3; color: #1b1b1b;padding: 0 16px 0 0;text-transform: none;font: normal 0.875em/22px proximanova-regular;text-decoration: none;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat right -4px;} a.see-all-product img {display: none} a.see-all-product:hover {color: #aaa} .ground-product {float: left;width: 100%;position: relative} .search-results .ground-product {margin: 10px 0;} .category-view {float: left;width: 100%;padding: 0 0 10px 0} .category-view .page-header {margin: 0} .category-view .page-header h2,.category-view .page-header h1 {margin: 0 0 2px 0;} .category-products {float: left;width: 100%;position: relative;z-index: 1} .category-products .toolbar {position: absolute;right: 0;top: 11px;width: auto;min-width: 320px;z-index: 5;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-menu.png") repeat #F4F4F4} .col-main-device .toolbar, .col-main-device .toolbar-bottom {display: block !important;} .col-main-device .search-results .toolbar, .col-main-device .search-results .toolbar-bottom {display: block !important;} .body-category h1.seo-title {font: normal 1.563em/30px proximanova-semibold;color: #8D8D8D;margin: 0 0 10px 0} .results-view .recommendations {display: block;font: normal 0.875em/1em proximanova-semibold;} .results-view .recommendations a {color: #1d1d1d} .results-view .recommendations a:hover {color: #ff0035} .products-grid {float: left;width: 100%;margin: 0;padding: 0 0 22px 0;list-style: none} .products-grid li.item {float: left;width: 183px;height: 298px;position: relative;z-index: 1; margin: 20px 10px 0 0;background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 0px 1px 3px 1px #e0e0e0;box-shadow: 0px 1px 3px 1px #e0e0e0;} .products-grid li.item:hover {z-index: 2} .products-grid li.item .product-image {display: block;text-align: center;overflow: hidden} .products-grid li.item .product-image img {width: auto;width: 100%;height: auto;max-height: 185px} .products-grid li.item .product-shop {float: left;width: 100%;background: #fff;border-top: 2px solid #ffde01;position: absolute;z-index: 1;left: 0;bottom: 0;height: auto;min-height: 95px;padding: 0 0 40px 0} .products-grid li.item .product-shop .product-name {display: block;padding: 0 10px;margin: 10px 0 5px 0;font: normal 1em/1em "pragmatica-web-condensed",pragmatica-cond-light,universe-light;height: 1.05em;overflow: hidden} .products-grid li.item .product-shop .product-name a {color: #2d2d2d;text-decoration: none} .products-grid li.item .product-shop .product-name a:hover {color: #aaa} .products-grid li.item .product-shop .desc {display: block;padding: 0 10px;margin: 0 0 8px 0;height: auto;height: 42px;overflow: hidden;font: normal 0.688em/14px proximanova-regular;color: #606060;} .products-grid li.item .product-shop .desc a {display: none} .products-grid li.item .product-shop .ratings {display: none} .products-grid li.item .product-shop .add-to-links {list-style: none;float: right;padding: 0 10px 0 0;margin: 0} .products-grid li.item .product-shop .add-to-links li {float: left;} .products-grid li.item .product-shop .add-to-links li a {float: left;width: 16px;height: 16px;margin-left: 10px;display: inline} .products-grid li.item .product-shop .price-box {float: left;padding: 0 0 0 10px;margin: -4px 0 3px 0} .products-grid li.item .product-shop .price-box .price-label {display: none} .products-grid li.item .product-shop .price-box .old-price, .products-grid li.item .product-shop .price-box .regular-price, .products-grid li.item .product-shop .price-box .special-price {float: left;padding: 0 5px 0 0;margin: 0;} .products-grid li.item .product-shop .price-box .old-price .price {color: #606060} .products-grid li.item.car-audio .product-shop {border-color: #e31937} .products-grid li.item.consumer-tech .product-shop {border-color: #ffde01} .audio-store-style li.item .product-shop {border-color: #e31937} .add-to-links a.link-wishlist {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-add-wishlist.png") no-repeat left top;position: relative;z-index: 10} .add-to-links a.link-compare {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-add-compare.png") no-repeat left top;position: relative;z-index: 10} .add-to-links li a label {display: none;float: left;border: 1px solid #bdbdbd;background: #fff;padding: 1px;position: absolute;z-index: 11;right: -36px;bottom: 23px;width: auto;max-width: 95px;} .add-to-links li a label span {float: left;font: normal 0.625em/0.625em "pragmatica-web-condensed",pragmatica-cond-light, universe-light;color: #1b1b1b;text-transform: uppercase; padding: 10px;white-space: nowrap;background: #e7e7e7 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-tooltip-wishlist.png") repeat-x center top} .add-to-links li a label em {float: left;width: 100%;height: 7px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arr-add-wishlist.png") no-repeat center;position: absolute;left: 0;bottom: -6px} .add-to-links li a:hover label {display: block} .add-to-links a:hover {background-position: left bottom} .add-to-links a.link-compare label {right: -38px} .products-grid li.item button.button {float: left;position: absolute;left: 9px;bottom: 8px;width: 165px;padding: 6px 0 5px 0;} .products-grid li.item button.button:hover, .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice button.button:hover, div.block-layered-nav dd li.form-price button:hover { color: #1b1b1b; background:#fcda00; background: -moz-linear-gradient( top, #ffe330 0%, #e7c800); background: -webkit-gradient( linear, left top, left bottom, from(#ffe330), to(#e7c800)); border: 1px solid #dcbf00; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(231,056,082,0); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(231,056,082,0); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(231,056,082,0); text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); } .block-layered-nav , .block-layered-nav .block-content , #narrow-by-list {float: left;width: 100%;margin: 0} .block-layered-nav .block-title , .block-layered-nav .block-subtitle{display: none;} .block-layered-nav {margin: 33px 0 0 0} .block-layered-nav .actions {float: none;display: block/*position: absolute;right: 0;top: 18px*/} .block-layered-nav .actions a {/*font: normal 0.688em/0.688em proximanova-semibold;*/color: #1d1d1d;float: none;display: inline-block;margin: 10px 0 0 0} .block-layered-nav .show-all-cat a {font-size: 0.825em;line-height: 12px;margin: 12px 0 0 0} .block-layered-nav .actions a:hover {color: #aaa} #narrow-by-list dt {display: block;padding: 5px 0 0 0;margin: 8px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;font: normal 0.8125em/35px proximanova-bold;color: #aaa;text-transform: uppercase} #narrow-by-list dd {display: block;} #narrow-by-list ol, #narrow-by-list ul {display: block;list-style: none;margin: 0;padding: 0} .body-category .sidebar .block-compare {display: block} .sidebar .block-compare {display: none;} .sidebar .block-compare {float: left;width: 100%;position: relative;padding-bottom: 15px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center bottom;} .sidebar .block-compare ul, .sidebar .block-compare ol {list-style: none;padding: 0;display: block} .sidebar .block-compare li.item {float: left;width: 138px;background: #fff;border: 1px solid #dcdcdc;padding: 5px 0;margin: 8px 0 0 0;height: auto;min-height: 29px;position: relative} .sidebar .block-compare li.item img {float: left;width: 29px;position: absolute;left: 5px;top: 5px;height: auto;max-height: 29px} .sidebar .block-compare li.item p.product-name {display: block;margin: 0;padding: 0 15px 0 47px;line-height: 12px} .sidebar .block-compare li.item .product-name a {font: normal 0.688em/0.75em proximanova-semibold;color: #1b1b1b;text-decoration: none;} .sidebar .block-compare li.item .product-name a:hover {color: #aaa} .sidebar .block-compare li.item .btn-remove {float: left;width: 11px;height: 11px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-remove.png") no-repeat;text-indent: -9999em;position: absolute;right: 3px;top: 50%;margin: -6px 0 0 0} .sidebar .block-compare .block-title strong {display: block;padding: 12px 0 0 0;margin: 18px 0 8px 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;font: normal 0.8125em/14px proximanova-bold;color: #aaa;text-transform: uppercase} .sidebar .block-compare .block-title strong span {display: block;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/grid-compare.png") no-repeat right center} .sidebar .block-compare .actions button.button {background: none;border: none;float: left;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;color: #1d1d1d;padding: 0;margin: 16px 0 0 0;text-transform: capitalize;font: normal 0.688em/0.688em proximanova-semibold} .sidebar .block-compare .actions button.button:hover {color: #da0024} .body-category .sidebar .block-compare .empty {font: normal 0.75em/14px proximanova-semibold;color: #2d2d2d} .vehicle-guide { float: left;width: 100%;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;padding: 14px 0 0 0;margin: 0} .vehicle-guide img {display: none} .vehicle-guide a {display: block;padding: 4px 0 0 62px;height: auto;min-height: 43px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/vehicle-guide.png") no-repeat left center;color: #1d1d1d;font: normal 0.875em/16px proximanova-semibold;text-decoration: none} .vehicle-guide a:hover {color: #ff0035} .page-wrapper { background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-menu.png") repeat #F4F4F4} .block-list-compare {display: block;padding: 0 10px} .catalog-product-compare-index .page-title {text-align: center;padding: 30px 0;margin: 0} .catalog-product-compare-index .page-title .link-print {display: inline-block;padding: 2px 0 0 22px;font: normal 0.9em/22px proximanova-semibold;color: #1d1d1d;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/print-compare.png") no-repeat left center;text-decoration: none} .compare-table {width: 100%;border: none;border-spacing: 0;border-collapse: collapse;} .compare-table tr th {background: #f2f2f2;vertical-align: top; border: 1px solid #DCDCDC;border-top:none;text-align: left;font: normal 0.875em/1.25em proximanova-bold;text-transform: uppercase;color: #8D8D8D;padding: 10px 8px} .compare-table tr td {background: #fff;vertical-align: top; border: 1px solid #DCDCDC;border-top:none;padding: 10px;font: normal 0.875em/18px proximanova-semibold;color: #2d2d2d} .compare-table tr th.top-compare , .compare-table tr td.top-compare {border-bottom: none;border-top: 1px solid #DCDCDC;} .compare-table tr td .product-image {display: block;text-align: center;margin: 0 0 12px 0} .compare-table tr td .product-image img {height: auto;max-height: 150px} .compare-table tr td .product-name a {color: #1d1d1d;text-decoration: none;font: normal 21px/21px proximanova-regular} .compare-table tr td .product-name a:hover {color: #ff0035} .compare-table .regular-price {margin: 0 0 10px 0;display: block} .compare-table tr td .price {font-size: 1em} .compare-table tr td button.button {padding: 11px 0 10px 0;width: 100%;font-size: 16px} .compare-table tr td .add-to-links {padding: 0;list-style: none} .compare-table tr td .add-to-links li a {text-decoration: none;padding: 0 0 0 22px;color: #1d1d1d;line-height: 20px;float: none;display: inline-block;margin: 10px 0 0 0} .compare-table tr td .add-to-links li a:hover {color: #ff0035;background-position: left -34px} .compare-table .btn-remove {float: right;width: 14px;height: 14px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-close-14.png") no-repeat;text-indent: -9999px;text-decoration: none} .compare-table .btn-remove:hover {background-position: left bottom} .block-list-compare .buttons-set {float: none;display: block;padding: 20px 0 30px 110px} .block-list-compare .buttons-set button.button {padding: 11px 50px 10px 50px;font-size: 1em} /* CONTACT =================================== */ .contacts-index-index .breadcrumbs {display: none} .contact-block .page-title {padding: 9px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top} .contact-content {background: #fff;border: 1px solid #d2d2d2;padding: 50px 90px;margin: 0 0 95px 0} .contact-content h2 {font: normal 1.5em/1.5em "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-transform: uppercase} .contact-content label.required, .contact-content label {float: left;width: 150px;padding: 0 0 0 50px;font: normal 0.875em/31px proximanova-semibold;} .contact-content .form-list li {padding: 0} .contact-content .form-list li .field {padding: 6px 0} .contact-content .form-list input.input-text {width: 350px} .contact-content .form-list textarea {width: 350px;height: 120px;padding: 4px} .contact-content button.button {float: left;margin: 20px 0 0 200px;display: inline} .contact-content p.required {float: left;margin: 25px 0 0 50px;display: inline} /* THANK YOU =================================== */ .checkout-onepage-success .breadcrumbs {display: none} .checkout-onepage-success iframe {display: none} .order-success-block .page-title {padding: 9px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top;margin: 0} .order-success-block .page-title h1 {padding: 30px;margin: 0} .order-success-content {background: #fff;border: 1px solid #d2d2d2;padding: 50px 90px;margin: 0 0 95px 0} .order-success-content h2.sub-title {font: normal 1.25em/1.25em "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-transform: uppercase;margin: 0 0 15px 0; color: #000;} .order-success-content p {font: normal 0.875em/20px proximanova-semibold} .order-success-content button.button {float: left;margin: 20px 0 0 0;display: inline;padding: 11px 0 10px;width: 304px;font-size: 1em !important;} /* ACCOUNT =================================== */ .customer-account-create .breadcrumbs , .customer-account-login .breadcrumbs, .customer-account-forgotpassword .breadcrumbs {display: none} /*.customer-account-create .page-title , .customer-account-login .page-title , .forgot-block .page-title {padding: 9px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top} */ .customer-account-create .page-title , .customer-account-login .page-title , .forgot-block .page-title , .customer-account-create .page-title h1 , .customer-account-login .page-title h1 , .forgot-block .page-title h1 , .customer-account-create .page-title h2 , .customer-account-login .page-title h2 , .forgot-block .page-title h1 {margin-bottom: 0} .account-login , .account-create , .forgot-block {float: left;width: 940px;padding: 0 10px} .account-login .col2-set {background: #fff;border: 1px solid #d2d2d2;padding: 100px 0;float: none;margin: 0 0 95px 0} .account-login p {font: normal 0.875em/18px proximanova-semibold;color: #2d2d2d;margin: 0 0 18px 0} .account-login .col2-set .new-users {width: 42%;} .account-login .col2-set .new-users .content {padding: 0 0 0 100px;width: 270px} .account-login .col2-set .registered-users {width: 58%;} .account-login .col2-set .registered-users .content {padding: 0 0 5px 52px;border-left: 1px solid #e8e8e8;position: relative;} .account-login p.text {font: normal 0.875em/18px proximanova-semibold;} .account-login span.required {margin: 0 122px 0 0;} .account-login .form-list li {padding: 0 0 19px 0} .account-login .form-list li.last {padding: 0 0 8px 0} .account-login .form-list input.input-text {width: 263px} .buttons-set {float: left;width: 100%;} .forgot-pass {display: block;padding: 0 0 30px 110px} .forgot-pass a {color: #1b1b1b;font: normal 0.6875em/0.6875em proximanova-semibold;text-decoration: none;} .forgot-pass a:hover {color: #b8001b;text-decoration: underline} .account-login .forgot-pass a {color: #b8001b} .account-login .forgot-pass a:hover {color: #1b1b1b} .account-create #form-validate {background: #fff;border: 1px solid #d2d2d2;padding: 26px 28px 50px 28px;float: none;margin: 0 0 80px 0} .account-create .form-left {float: left;padding: 0 45px 0 22px;width: 356px;border-right: 1px solid #e8e8e8;} .account-create .form-left .field {padding: 0} .account-create .form-right {float: left;padding: 0 0 0 47px;width: 408px;} .account-create .form-right label.required {width: 138px} .account-create .form-right span.required {margin: 0 25px 0 0} .account-create .form-right .field {padding: 0 0 19px 0} .account-create .form-right .form-list li {padding: 0} .account-create .form-list li {padding-bottom: 19px} .account-create .form-list li.control {padding: 0} .account-create .form-list input.input-text {width: 236px} .account-create .validation-advice {width: 235px} .account-create button.button {margin: 38px 0 0 0} .account-create .subscribed-text {font: normal 0.875em/19px proximanova-regular;color: #2d2d2d} .account-create .text h2 {font: normal 24px/24px "pragmatica-web-condensed",pragmatica-cond-light,arial, universe-light;text-transform: uppercase;margin: 0 0 14px 0} .account-create .text p {font: normal 0.875em/18px proximanova-semibold;margin: 0 0 45px 0} .account-create p.text2 {font: normal 0.875em/18px proximanova-semibold;margin: 0 0 20px 0} .account-login button.button, .account-create button.button {font-size: 0.75em;padding: 6px 0 5px 0;width: 165px} .form-forgot-pass {background: #fff;border: 1px solid #d2d2d2;padding: 95px 100px;float: none;margin: 0 0 95px 0;color: #2D2D2D} .form-forgot-pass label.required {float: left;width: 150px} .form-forgot-pass input.input-text {float: left;width: 310px} .form-forgot-pass p {font: normal 0.875em/18px proximanova-semibold;margin: 0 0 20px 0} .form-forgot-pass .buttons-set {display: block;padding: 0 0 0 150px;float: none;width: auto} .form-forgot-pass .back-link {margin: 10px 0 20px 0} .form-forgot-pass .back-link a {color: #2d2d2d} .form-forgot-pass .back-link a:hover {color: #ff0035} .form-forgot-pass p.required {float: left;width: 100%;text-align: left;padding: 30px 0 0 0;margin: 0} /* DASHBOARD =================================== */ .block-account {display: block;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;margin: 42px 0 0 0} .block-account .block-title strong {font: normal 0.8125em/0.8125em proximanova-bold;color: #aaa;text-transform: uppercase;padding: 16px 0 10px 0;display: block} .block-account .block-content ul {display: block;list-style: none;padding: 0;margin: 0} .block-account .block-content ul li a {font: normal 0.875em/26px proximanova-semibold;color: #2d2d2d;text-decoration: none} .block-account .block-content ul li a:hover , .block-account .block-content ul li.current {color: #aaa;} .block-account .block-content ul li.current strong {font: normal 0.875em/26px proximanova-semibold} .my-account {padding: 0 13px 21px 0} .my-account .title-module, .my-account .legend , .my-account .sub-title , .order-details .table-caption {font: normal 1.375em/22px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular !important;color: #2d2d2d;text-transform: uppercase} .my-account .sub-title {margin: 0 0 16px 0;float: none;display: block} .my-account .box-head {float: left;width: 100%;position: relative} .view-all-content {float: left;position: absolute;right: 3px;top: 9px;z-index: 19;color: #1a1a1a;padding: 0 16px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat right -9px;font: normal 0.875em/0.875em proximanova-semibold} .view-all-content:hover {color: #ff0035} .my-account .review-table th {border-bottom: none;text-align: left;padding: 9px 10px;font: normal 0.813em/16px proximanova-semibold} .my-account .review-table td {border-top: none;padding: 9px 10px 8px 10px;color: #606060;font: normal 0.875em/18px proximanova-regular} .my-account .review-table em {font-style: normal} .my-account .review-table a {font-size: 0.75em} .my-account .review-table button.button {padding: 6px 12px 5px 12px} .my-account .product-review-table {border: 1px solid #D2D2D2} .my-account .product-review-table .product-name {margin: 0} .my-account .product-review-table .product-name a {font: normal 14px/20px proximanova-semibold;} .my-account .hinden600 {display: none} .box-recent {float: left;width: 100%;padding: 0 0 30px 0} .dashboard .reviews {display: none} .my-account .col2-set {position: relative} .my-account .col2-set .view-all-content {top: -33px} .my-account .col2-set .col-1 {float: left;width: 48.2%} .my-account .col2-set .col-2 {float: right;width: 48.2%} .my-account .info-box {background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;margin-bottom: 30px} .my-account .info-box .box-title {display: block;background: #f7f7f7;padding: 12px 10px;color: #1a1a1a;font: normal 0.8125em/0.8125em proximanova-bold;text-transform: uppercase;color: #aaa ;margin: 0} .my-account .box-title .separator {display: none} .my-account .info-box a {float: right;margin:-20px 20px; font: normal 0.75em/0.75em proximanova-semibold;color: #1a1a1a} .my-account .info-box a.btn-change-pass {position: inherit;float: none;left: inherit;top: inherit;font-size: 12px;display: inline-block;margin: 22px 0 0 0} .my-account .info-box .box-content {display: block;padding: 21px 20px 28px 20px;font: normal 0.85em/20px proximanova-regular;color: #606060;height: auto;min-height: 100px;margin: 0;} .my-account .form-list {float: none;padding: 25px 30px 25px 130px; background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;margin: 0 0 38px 0;} .my-account .form-list li {float: left;width: 100%;padding: 0} .my-account .form-list li .field {padding: 0} .my-account .form-list label.required {width: auto} .my-account .form-list input.input-text {width: 340px} .my-account input.qty {width: 20px;text-align: center} .my-account .form-list .input-box {float: right;width: 350px;padding: 0; margin: 0 100px 10px 0} .my-account .form-list div.selector {width: 348px} .my-account .form-list input#region {margin: 10px 0 0 0;} .my-account .form-list label {font: normal 0.875em/29px proximanova-semibold;color: #2D2D2D} .my-account .form-list .control label {font: normal 0.875em/18px proximanova-semibold;color: #2D2D2D} .my-account .form-list .control p {display: block;padding: 0 0 0 160px;margin: 10px 0 0 0} .my-account .form-list .control p strong {font: normal 0.875em/18px proximanova-semibold} .my-account .buttons-set .back-link {float: right;margin: 0;padding: 10px 0} .my-account .buttons-set .back-link a {font: normal 0.875em/0.875em proximanova-semibold;} .my-account .buttons-set button.button {float: left;padding: 8px 25px;font-size: 0.875em} .my-account p.required {float: left;width: 100%;text-align: left;margin: 0;padding: 15px 0;font: normal 0.875em/0.875em proximanova-semibold;} .my-account .btn-remove {width: 14px;height: 14px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-close-14.png") no-repeat;text-indent: -999em;display:-moz-inline-stack;display:inline-block;vertical-align:top;} .my-account .btn-remove:hover {background-position: left bottom} .addresses-list ol {list-style: none;padding: 0;margin: 0;float: left;width: 100% } .my-account .email-noti-set .input-box {float: left;width: auto;margin: 0 4px 10px 0} .my-account .email-noti-set .control label {float: none;width: auto;line-height: 21px} .my-wishlist .buttons-set {padding: 38px 0 0 0} .my-wishlist .buttons-set button.button {float: left;margin: 0 10px 0 0} .my-wishlist .review-table textarea {width: 100%;padding: 0;height: 80px} .my-wishlist .review-table p {margin: 0;line-height: 13px} .my-wishlist .product-image {width: 50px;float: left} .my-wishlist .product-image img {width: auto;max-width: 100%} .my-wishlist .product-desc {float: left;width: 200px;padding: 0 0 0 15px} .my-wishlist .product-desc a {font-size: 14px} .my-wishlist .product-desc .product-name {margin: 0 0 8px 0;line-height: 18px;display: block;font: normal 0.85em/0.875em proximanova-semibold} .my-wishlist button.button {margin: 10px 0} .my-wishlist .review-table .old-price , .my-wishlist .review-table .special-price {display:-moz-inline-stack;display:inline-block;vertical-align: top;padding: 0 5px 0 0} .my-wishlist .review-table .special-price .price {color: #ae0f0f} .account-balance {display: block;background: #fff;font: normal 0.85em/18px proximanova-semibold;color: #606060;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;margin-bottom: 38px;padding: 20px 30px} .account-balance h2.sub-title {font-size: 22px !important;} .account-balance .price {font-size: 0.85em !important;} .balance-history {font: normal 0.85em/18px proximanova-semibold;color: #606060;} .my-rewards .box {float: left;width: 100%} .my-rewards .balance-history p {padding: 20px} .order-details{float: left;width: 100%;} .order-page .order-date{float: left;width: 100%;font: normal 0.875em/18px proximanova-semibold} .order-page .order-info {font: normal 0.875em/18px proximanova-semibold;background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;padding: 20px; margin: 0 0 38px 0;} .order-page .order-info strong {font-weight: normal} .order-page .page-title a {font: normal 0.875em/18px proximanova-semibold} .order-details .review-table h3.product-name {margin: 0;font: normal 16px/18px proximanova-semibold;color: #2d2d2d} .order-details .review-table strong {font-weight: normal;font-size: 12px} .no-order {display: block;font: normal 0.85em/16px proximanova-semibold;color: #606060} .my-account .order-details .review-table tfoot tr td {border: none;border-left: 1px solid #d2d2d2;padding: 8px 10px 0 10px} .my-account .order-details .review-table tfoot tr td.last {border-right: 1px solid #d2d2d2;border-left: none} .my-account .order-details .review-table tfoot tr.grand_total td {border-bottom: 1px solid #d2d2d2;} .my-account .order-details .review-table tfoot tr.grand_total td p {border: none !important;margin: 0 !important;padding: 0 0 10px 0 !important;} .my-account .order-details .review-table tfoot tr.grand_total .price {font-family: proximanova-semibold} .return-block .form-list {} .return-block .form-list .input-box {font: normal 0.875em/18px proximanova-semibold;margin: 0 80px 10px 0} .return-block .form-list span.input-box {padding: 5px 0 0 0;color: #606060} .return-block .form-list textarea {width: 340px;height: 100px} .return-block .back-link {display: none} .return-block a.btnAddItem {float: right;font: normal 0.85em/18px proximanova-semibold;color: #1d1d1d;text-decoration: underline;margin-bottom: 38px;outline: none} .return-block .buttons-set {text-align: center} .return-block .buttons-set button.button {float: none;padding: 6px 48px 5px 48px} .return-block p.btn-remove {display: block;text-align: right;background: none;width: 100%;margin: 30px 0 5px 0} .return-block p.btn-remove img {display: none} .return-block p.btn-remove a {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-close-14.png") no-repeat 0 0;display: inline-block;height: 14px;text-indent: -999em;vertical-align: top;width: 14px;} .return-block p.btn-remove a:hover {background-position: left bottom} .cmt-return {display: block;padding: 0 0 10px 0;font: normal 0.85em.16px proximanova-semibolds} #rma_comment {float: left;width: 100%;padding: 30px 0 0 0} #rma_comment .note-list {padding: 0 40px;font: normal 0.85em/18px proximanova-semibold;margin: 0 0 30px 0} #rma_comment .box-content2 {min-height: 0;padding-top: 0} #rma_comment button.button {font-size: 12px} #rma_comment b, #rma_comment strong {font-weight: normal} .my-account a {color: #1b1b1b;text-decoration: none} .my-account a:hover {color: #aaa} .giftcardaccount button.button {margin: 0 10px 0 0} /* ERROR =================================== */ .error-page {background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;margin: 30px 0;padding: 30px;font: normal 14px/22px proximanova-semibold;color: #2d2d2d} .error-page .sub-title {float: none;display: block; margin: 0 0 20px 0;padding: 0;font: normal 20px/22px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-transform: uppercase;color: #2d2d2d} .error-page li {padding: 4px 0} .error-page a {color: #2d2d2d} .error-page a:hover {color: #ff0035} /* SHOPPING CART =================================== */ .cart-empty-page {padding: 0 10px} .cart-empty-page .page-title {padding: 30px 20px;margin: 0} .cart-empty-page .page-title h1 {margin: 0} .cart-empty-page .cart-empty {display: block;padding: 30px 20px;background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;margin-bottom: 30px;font: normal 0.875em/18px proximanova-semibold;} .cart-empty-page a {color: #000} .cart-empty-page a:hover {color: #aaa} .cart-empty-page button.button {margin: 10px 0 0 0;font-size: 12px} .checkout-cart-index .breadcrumbs {display: none;} .cart-list {float: left;width: 100%;padding: 30px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top} .cart-list .page-title {float: left;padding: 0 0 23px 0;width: 100%;margin: 0;} .cart-list .page-title h1 {float: left;padding: 0 0 0 4.16666%;margin: 0;font: normal 1.5em/1.5em "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;color: #2d2d2d;text-transform: uppercase} .cart-list .page-title ul {float: right;padding: 0 36px 0 0;margin: 0;list-style: none;} .cart-list .page-title ul li {float: left} .cart-list .form-cart {float: left;width: 940px;padding: 0 10px} .cart-list .cart-table {width: 100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #d2d2d2;} .cart-list .cart-table tr th {background: #fff;font: normal 0.813em/14px proximanova-bold;color: #aaa;text-transform: uppercase;padding: 20px 0 0 0;margin: 0} .cart-list .cart-table tr td {vertical-align: middle;background: #fff url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-bot-cart-line.jpg") no-repeat center bottom;padding: 18px 0} .cart-list .cart-table tr th.cart-img {text-align: center;width: 134px;padding: 20px 27px 0 27px} .cart-list .cart-table tr td.cart-img {text-align: center;width: 134px;padding: 18px 27px;vertical-align: top} .cart-list .cart-table tr th.cart-name , .cart-list .cart-table tr td.cart-name {text-align: left;width: 325px;vertical-align: top;} .cart-list .cart-table .product-name a {font: normal 1.25em/24px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;color: #2d2d2d;text-decoration: none} .cart-list .cart-table .product-name a:hover {color: #ff0035} .cart-list .cart-table tr td.cart-name p {font: normal 0.875em/0.875em proximanova-regular;color: #606060;margin: 0;padding: 2px 0 10px 0;display: block;height: auto;max-height: 24px;overflow: hidden} .cart-list .cart-table td.td-qty .f-fix {display: none} .cart-list .cart-table td.td-qty .f-fix .total-320 {display: block;padding: 8px 0} .cart-list .cart-table .price {font: normal 0.875em/0.875em proximanova-bold;color: #606060} .cart-list .cart-table input.qty {width: 20px;text-align: center;font: normal 0.875em/28px proximanova-bold;color: #606060;height: 28px} .cart-list .cart-table th.cart-price {width: 20%} .cart-list .cart-table th.cart-action {width: 5%} .cart-list .cart-table th.cart-total {text-align: right;padding: 20px 26px 0 0} .cart-list .cart-table td.cart-total {text-align: right;padding: 18px 26px 18px 0} .cart-list .btn-remove {width: 14px;height: 14px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-close-14.png") no-repeat;text-indent: -999em;display:-moz-inline-stack;display:inline-block;vertical-align:top;} .cart-list .btn-remove:hover {background-position: left bottom} .cart-list .cart-table tfoot tr td {background: #f7f7f7;padding: 15px 26px 14px 26px} .cart-list .cart-table .btn-continue {float: left} .cart-list .cart-table .btn-update {float: right} .cart-list .cart-collaterals {float: left;width: 100%;padding: 30px 0 0 0} .cart-list .col2-set {width: 652px;border-right:1px solid #e4e4e4;} .cart-list .totals {width: 220px;padding: 0 36px 0 50px; float: right;border-left:1px solid #fff;height: auto;min-height: 222px} .cart-list fieldset {border: none;margin: 0;padding: 0;float: left;width: 100%;} .cart-list fieldset p {font: normal 0.75em/1em proximanova-semibold;color: #2d2d2d;display: block;margin: 0;padding: 0 0 16px 0} .cart-list .discount {float: left;width: 274px;padding: 0 20px 0 36px;border-right:1px solid #e4e4e4;height: auto;min-height: 222px} .cart-list .discount input.input-text {width: 263px} .cart-list .discount button.btn-gray {float: left;margin: 21px 12px 0 0;float: left} .cart-list .shipping {float: left;width: 272px;padding: 0 24px;border-left:1px solid #fff;height: auto;min-height: 222px} .cart-list .shipping div.selector {width: 216px;} .cart-list .shipping label {display: none} .cart-list .shipping .form-list li {padding: 0 0 15px 0;} .cart-list .shipping button.btn-gray {float: left;margin: 6px 0 0 0} .cart-list .shipping input.input-text {width: 104px;color: #9c9c9c;font: normal 1em/29px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-indent: 3px} .cart-list .shipping input.other-address {width: 208px;margin: 15px 0 0 0} .cart-list .shipping .sp-methods {padding: 10px 0 0 0} .cart-list .shipping .sp-methods label {display:inline;font: normal 12px/16px proximanova-semibold} .cart-list .shipping .sp-methods label .price {font: normal 12px/16px proximanova-semibold;padding: 0 0 0 5px} .cart-list .shipping .sp-methods dt {color: #aaa;display: block;font: 0.813em/0.813em proximanova-bold;margin: 0;padding: 0 0 16px;text-transform: uppercase} .cart-list .shipping .sp-methods ul, .cart-list .shipping .sp-methods ol {list-style: none;padding: 0} .cart-list .shipping .sp-methods dd li {padding: 4px 0} .cart-list .totals table {width: 100%;border: none;border-collapse: collapse;border-spacing: 0;} .cart-list .totals table td, .cart-list .totals table th {width: 50%;font: normal 0.875em/18px proximanova-regular;color: #303030;padding: 0 0 9px 0} .cart-list .totals table td.a-right {text-align: right;} .cart-list .totals table td.first-total , .cart-list .totals table th.first-total {text-align: left;} .cart-list .totals table td .price {display: block;text-align: right;font: normal 0.875em/18px proximanova-regular;color: #303030} .cart-list .totals tfoot tr td {border-top: 1px solid #c3c3c3;padding: 0;text-align: left} .cart-list .totals tfoot tr strong {font: normal 16px/1em proximanova-bold;padding: 18px 0 28px 0;display: block} .cart-list .totals tfoot tr strong .price {font: normal 16px/1em proximanova-bold;text-align: right} .cart-list .totals .checkout-types {float: left;width: 100%;padding: 0;margin: 0;list-style: none} .cart-list .totals .checkout-types li {float: left;width: 100%;padding: 0 0 20px 0;text-align: right} .cart-list .totals .checkout-types button.button {float: right} .cart-list .totals .checkout-types a {color: #2d2d2d;text-decoration: none;font: normal 0.75em/1em proximanova-semibold;} .cart-list .totals .checkout-types a:hover {color: #ff0035;} .paypal-logo {float: right;margin: 0} .paypal-logo a {float: left} .paypal-logo .paypal-or {float: left;line-height: 26px;padding: 0 10px} .cart-list .crosssell {float: left;width: 100%;padding: 15px 0 0 0} .cart-list .crosssell .text-title {margin: 0 ;padding: 0 36px} .cart-list .crosssell .products-grid li.item , .cart-list .crosssell .products-grid li.item:hover{margin: 27px 12px 20px 36px;display: inline;overflow: hidden} table tr th.a-right , table tr td.a-right {text-align: right} table tr th.a-left , table tr td.a-left {text-align: left} table tr th.a-center , table tr td.a-center {text-align: center} /* CHECKOUT =================================== */ .checkout-onepage-index .breadcrumbs {display: none} .checkoutPage {float: left;width: 940px;padding: 29px 10px 30px 10px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top} .checkout-onepage-index .checkoutPage {background: none;} .checkoutPage ul li, .checkoutPage ol li, .checkoutPage ul , .checkoutPage ol {list-style: none} .checkoutContent {background: #fff;border: 1px solid #d2d2d2;padding: 0;margin:0} .block-step-checkout {padding: 0 0 0 100px;} #checkoutSteps {padding: 0;margin: 0} #checkoutSteps li.section {list-style: none;float: left;width: 100%;position: relative} /*#checkoutSteps .form-list .validation-advice {max-width: 250px;height:50px;}*/ #checkoutSteps .form-list .validation-advice {width: auto;max-width: 250px} #checkoutSteps fieldset {margin: 0;padding: 0;border: none;float: left;width: 100%} #checkoutSteps div.step {float: left;width: 100%;padding: 26px 0} .step-title {float: left;width: 100%;border-top: 1px solid #fff;} .step-title .title-on {float: left;width: 100%;display: inline} .step-title h2 {float: left;width: 100%;padding: 10px 0;color: #b0b0b0;font-size: 1em;text-transform: uppercase;margin: 0;background: #f7f7f7 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status.png") no-repeat 902px center;border-bottom: 1px solid #e5e5e5;} .step-title h2 label {float: left;font: normal 1.5em/1.5em "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;} .step-title h2 label span {padding: 0 6px 0 26px} .step-title h2 a {float: right;margin: 0 25px 0 0;padding: 0 20px 0 0;display: inline;color: #b0b0b0;text-decoration: none;font: normal 1.5em/1.5em "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status.png") no-repeat right center} .step-title h2 a:hover {color: #2d2d2d;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status-hl.png") no-repeat right center} #checkoutSteps .active .step-title .title-on {width: 94.456%;margin: 0 0 0 2.77%} #checkoutSteps .active .step-title h2 {padding: 8px 0 3px 0;color: #2d2d2d;background: #fff url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-open-status.png") no-repeat right center;} #checkoutSteps .active .step-title h2 label span {padding: 0 6px 0 0} #checkoutSteps .active .step-title h2 a {display: none} #checkout-step-login {float: left;width: 100%;padding: 34px 0} #checkout-step-login .col-2 {float: left;width: 380px;padding: 0 40px 0 130px;border-right: 1px solid #e8e8e8;} #checkout-step-login .col-1 {float: right;width: 310px;padding: 0 36px;} #checkout-step-login p {font: normal 0.875em/18px proximanova-semibold;} #checkout-step-login .col-2 .form-list li {padding: 9px 0 10px 0} #checkout-step-login .col-2 input.input-text {width: 258px} #checkout-step-login .forgot-pass a {color: #b8001b} #checkout-step-login .forgot-pass a:hover {color: #1b1b1b} #checkout-step-login button.button {padding: 6px 0 5px 0;width: 165px;margin: 10px 0 0 0} #checkoutSteps button.button {padding: 6px 0 5px 0;width: 165px;margin: 10px 0 0 0;font-size: 11px} #checkout-step-shipping_method {font: normal 0.875em/22px proximanova-semibold;} #checkout-step-shipping_method h3 , #checkout-step-shipping_method h4 , #checkout-step-shipping_method dt {font: normal 1.15em/26px proximanova-regular;text-transform: uppercase;margin: 16px 0 10px 0} #checkout-step-shipping_method ul, #checkout-step-shipping_method ol {list-style: none;padding: 0} .add-gift-message {display: none;} #allow-gift-options-for-items-container li.gift-item {float: left;margin: 10px 10px 0 0;background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 0px 1px 3px 1px #e0e0e0;box-shadow: 0px 1px 3px 1px #e0e0e0;height: 248px;position: relative;width: 148px;z-index: 1;text-align: center} #allow-gift-options-for-items-container li.gift-item .number {display: block;padding: 10px 0;margin: 0;font-size: 0.75em} #allow-gift-options-for-items-container li.gift-item .product-image {margin-bottom: 5px} #allow-gift-options-for-items-container li.gift-item img {height: 148px;width:100%} #allow-gift-options-for-items-container li.gift-item h5 {font: normal 20px/22px "pragmatica-web-condensed",pragmatica-cond-light, proximanova-regular;height: auto;max-height: 44px;overflow: hidden;color: #2d2d2d;margin: 0;padding: 0 5px} #allow-gift-options-for-items-container ol, #allow-gift-options-for-items-container ul {list-style: none;float: left;width: 100%;padding: 15px 0} #checkout-step-payment {font: normal 0.875em/22px proximanova-semibold;} #checkout-step-payment .note {display: block;padding: 0 0 0 300px} #opc-payment .buttons-set {padding: 10px 0 0 0} #checkout-step-payment a {color: #1b1b1b} #checkout-step-payment a:hover {color: #b8001b} .checkout-onepage-payment-additional-giftcardaccount {float: left;width: 100%} #checkout-review-table-wrapper {display: block;padding: 0 26px} .review-table {border-collapse: collapse;border-spacing: 0;width: 100%;border: none;} .review-table tr th {background: #f7f7f7;border: 1px solid #d2d2d2;padding: 10px;font: normal 0.8125em/16px proximanova-semibold;color: #aaa;text-transform: uppercase;} .review-table tr td {background: #fff;border: 1px solid #d2d2d2;padding: 10px;vertical-align: middle;font-family: proximanova-regular;font-weight: normal;color: #606060;} .review-table .price , .review-table tr td.td-qty {font-size: 0.875em;color: #606060;font-family: proximanova-regular;} .review-table tr td.name {width: 60%} .review-table tr td.name .img-p {float: left;width: 90px;padding: 0 15px;text-align: center;line-height: 18px;height: auto;max-height: 54px;overflow: hidden} .review-table tr td.name .product-checkout {float: left;width: 350px} .review-table tr td.name h3 {font:normal 1.25em/20px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;margin: 0 0 5px 0;color: #2d2d2d} .review-table tr td.name p {color: #606060;margin: 0} .review-table tr td strong , .review-table tr td strong .price {color: #2d2d2d;font-family: proximanova-bold;font-weight: normal;font-size: 18px} #checkout-review-submit {float: left;width: 100%} #checkout-review-submit p.f-left {float: none;display: block;padding: 20px 26px;text-align: right;font: normal 0.875em/0.875em proximanova-semibold;} #checkout-review-submit p.f-left a {color: #1d1d1d} #checkout-review-submit p.f-left a:hover {color: #aaa} #checkout-review-submit button.button {float: right;margin: 0 26px 0 0} #checkout-step-review .review-table tfoot tr td {border: none;border-left: 1px solid #D2D2D2;border-right: none;padding: 5px 0 5px 10px} #checkout-step-review .review-table tfoot tr td.last {border: none;border-right: 1px solid #D2D2D2;border-left: none;padding: 5px 10px} #checkout-step-review .review-table tfoot tr.last td {border-bottom: 1px solid #D2D2D2;padding: 10px;padding: 0;vertical-align: top} #checkout-step-review .review-table tfoot tr.last td strong {float: right;border-top: 1px solid #D2D2D2;margin: -1px 0 0 0;padding: 13px 0 0 20px} #checkout-step-review .review-table tfoot tr.last td.last {border-top: 1px solid #D2D2D2;padding: 10px 10px 10px 20px} #checkout-step-review .review-table tfoot tr.last td.last strong {border: none;margin: 0;padding: 0} #checkout-payment-method-load dt label img {vertical-align: middle} .newletter-cart {float: left;padding: 20px 0 0 26px;position: absolute;left: 0;bottom: 78px} .newletter-cart .buttons-set {width: auto} .newletter-cart label {font: normal 0.85em.21px proximanova-semibold} .qty-checkout {display: none} .checkoutPage .form-style div.selector {float: right} ul.form-style , ol.form-style , ul.form-style ul, ol.form-style ul , ul.form-style ol, ol.form-style ol {list-style: none;margin: 0;padding: 0;} ul.form-style , ol.form-style {float: left;width: 600px} .form-style li.control label {font: normal 0.875em/18px proximanova-regular;color: #2d2d2d} .form-style .f-fix {width: 100%;float: left} .form-style label {font: normal 0.875em/18px proximanova-semibold} .form-style div.selector {width: 298px;} .form-style .address-bar div.selector {width: 598px;} .form-style input.input-text {width: 290px} .form-style input.input-other {margin: 8px 0 0 0} .form-style label.required , .form-style label.required2 {float: left;width: 274px;padding: 0 26px 0 0;text-align: right;color: #2D2D2D;font: normal 14px/27px proximanova-semibold;} .form-style li .name-lastname {padding: 0} .form-style li .field {padding: 0;float: left;width: 100%} .form-style li .line8 {padding-bottom: 8px} .form-style li .line10 {padding-bottom: 10px} .form-style .validation-advice {max-width: 290px} p.required2 {padding: 0 0 15px 300px;text-align: left} .space-label {padding: 0 0 0 300px} .please-wait {position: absolute;left: 50%;bottom: 2px;margin: 0 0 0 -60px} .backLink a {font: normal 0.875em/18px proximanova-semibold;color: #2d2d2d;text-decoration: none} .backLink a:hover {color: #ff0035} li#paypal_direct_cc_type_exp_div {padding: 0} li#paypal_direct_cc_type_exp_div .input-box {width: 300px} #payment_form_paypal_direct .v-fix {padding: 0 0 8px 0} .month-select , .year-select {float: left;width: 150px} .month-select div.selector , .year-select div.selector {width: 143px;} .year-select div.selector {float: right} .month-select .validation-advice, .year-select .validation-advice {max-width: 140px} .paypal-express-review .breadcrumbs {display: none} .paypal-express-review .page-title {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top;padding: 30px 10px 12px 10px;margin: 0} .paypal-review-order {float: left;width: 940px;padding: 0 10px} .paypal-review-order .legend , .paypal-review-order .box-title h3 {color: #2D2D2D;font: normal 1.375em/22px "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular !important;text-transform: uppercase;} .paypal-review-order .legend a {color: #2D2D2D;font: normal 13px/22px proximanova-semibold;text-transform: capitalize;text-decoration: none} .paypal-review-order .legend a:hover {color: #aaa} .paypal-review-order .legend .separator {padding: 0 10px} .paypal-review-order .sub-title {margin: 0 0 20px 0;font: normal 0.875em/0.875em proximanova-semibold;} .paypal-review-order fieldset {width: 100%;border: none;margin: 0;padding: 0} .paypal-review-order .info-set {float: left;width: 100%;margin: 0;padding: 0} .paypal-review-order .col2-set .col-1 , .paypal-review-order .col2-set .col-2 {width: 100%;margin: 0 0 30px 0;padding: 0} .review-paypal-block {padding: 20px 0 20px 100px;background: #fff;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;} .review-paypal-block .form-list .input-box {float: right} .review-paypal-block .form-list li.control .field {float: none;display: block;padding: 0 0 0 300px;width: auto} .review-paypal-block .form-list li.control .input-box {float: left;} .review-paypal-block .form-list li.control label {line-height: 22px} .review-paypal-block .form-list li .field2 {padding: 0 0 8px 0;} .review-paypal-block .form-list li ul li {padding: 8px 0 0 0} .paypal-review-order .buttons-set-order {padding: 20px 0;text-align: right} .paypal-review-order .buttons-set-order button.button {margin: 0 3px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter: alpha(opacity=100) !important;-moz-opacity:1 !important;-khtml-opacity: 1 !important;opacity: 1 !important;} .paypal-review-order .review-table tfoot tr td {border: none;border-left: 1px solid #d2d2d2;padding: 5px 10px} .paypal-review-order .review-table tfoot tr td.last {border-right: 1px solid #d2d2d2;border-left: none} .paypal-review-order .review-table tfoot tr.grand_total td , .paypal-review-order .review-table tfoot tr.last td {border-bottom: 1px solid #d2d2d2;} .paypal-review-order .review-table tfoot tr.grand_total td p {border: none !important;margin: 0 !important;padding: 0 0 10px 0 !important;} .paypal-review-order .review-table tfoot tr.grand_total .price {font-family: proximanova-semibold} .paypal-shipping-method .review-paypal-block .form-list li {padding: 0} .paypal-shipping-method .review-paypal-block .form-list li .selector {float: right} /* CMS =================================== */ .cms-page-view .breadcrumbs, .is-blog .breadcrumbs {display: none} .cms-page-view .page-title {padding: 33px 0px 0px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top} .cms-page-view .page-title h1, .is-blog .page-title h1 {margin-bottom: 12px} /* .cms-content {font: normal 0.875em/18px proximanova-semibold;color: #2d2d2d;padding: 4px 40px 10px 40px;} .cms-content p , .cms-content dl {line-height: 18px;margin: 12px 0;} .cms-page-view .disc {padding: 0 0 0 14px;} .cms-page-view .disc li {padding: 3px 0} .cms-content a {color: #1b1b1b;font: normal 1em/18px proximanova-semibold;text-decoration: none} .cms-content a:hover {color: #aaaaaa} .cms-content img {width: 100%;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;} .cms-content div.first.column {width: 430px !important;} .cms-content div.last.column {width: 430px !important;float: right !important;} */ .cms-page-view .std, .is-blog .main {font: normal 0.875em/18px proximanova-semibold !important;color: #2d2d2d;padding: 4px 10px 10px 10px;} .cms-page-view .std p , .cms-page-view .std dl, .is-blog .main p, .is-blog .main dl {line-height: 18px;margin: 12px 0;} .cms-page-view .std span, .is-blog .main span {font: normal 1em/18px proximanova-semibold !important;} .cms-page-view .std b, .cms-page-view .std strong, .is-blog .main b, .is-blog .main strong {font: normal 1.125em/18px proximanova-semibold !important;} .cms-page-view .std .disc, .is-blog .main .disc {padding: 0 0 0 14px;} .cms-page-view .std .disc li, .is-blog .main .disc li {padding: 3px 0} .cms-page-view .std a, .is-blog .main a {color: #2d2d2d !important;font: normal 1em/18px proximanova-semibold !important;text-decoration: underline !important;} .cms-page-view .std a:hover, .is-blog .main a:hover {color: #aaaaaa !important;} .cms-page-view .std img, .is-blog .main img { max-width: 100%;border: 1px solid #d2d2d2;-webkit-box-shadow: 1px 1px 2px 0px #cccccc;box-shadow: 1px 1px 2px 0px #cccccc;} .cms-page-view .std div.first.column {width: 430px !important;} .cms-page-view .std div.last.column {width: 430px !important;float: right !important;} .send-friend {padding: 0 30px 21px 30px} .send-friend .buttons-set .back-link {width: 100%;text-align: center;padding: 0 0 10px 0} .my-account .form-list .input-box {margin: 0 200px 10px 0} .send-friend .buttons-set {text-align: center} .send-friend .buttons-set button.button {margin: 10px 5px 0 5px;float: none} .send-friend textarea {width: 340px} .send-friend .additional-row p {display: block;padding: 20px 0 0 0;margin: 0;text-align: right} .send-friend .additional-row a {text-align: left} /* OTHER =================================== */ .product-view .accordion-tabs .section-content:after, .account-login .col2-set:after, .account-login .col2-set .content:after, .form-list li:after, .account-create #form-validate:after, .fieldset:after, .form-list li .field:after, .form-title:after, .cms-content:after, .form-forgot-pass:after, .contact-content:after, .checkoutContent:after, .block-step-checkout:after, .order-success-content:after, .space-label:after, .my-account .info-box:after, .my-account:after, .account-balance:after, .order-page .order-info:after, .my-account .form-list:after, .error-page:after, ul.messages:after, ol.messages:after, .cart-empty-page:after, .review-paypal-block:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*.m-video-thumb { padding: 0 20px; }*/ #search_autocomplete { display: none! important; } .product-newsletter {text-align: center; float: none; display: inline-block;margin: 20px 0 0 0;vertical-align: top; } .product-newsletter label { margin: 0 5px;} .holder .jp-hidden {display: none !important; filter: alpha(opacity=0);} /**Added by HB 12-01-2015**/ .cms-page-view .tech_b2b-store-style .page-title{background:none;} .block-account .block-content ul li.dealer-account a{color:red;} /**Added by HB 12-01-2015**/ body{width:100%;*zoom:1;} body:before,body:after{content:"";display:table;} body:after{clear:both;} body:before,body:after{content:"";display:table;} body:after{clear:both;} body{margin:0 auto;background: #fff} .wrapper {float: left;width: 100%;margin:0 auto;background: #f4f4f4 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-menu.png") repeat;} .header-container {float: left;width: 100%;background: #1b1b1b url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-head.png") repeat-x left top;color: #b6b5b5;position: relative;z-index: 222} .header {float: left;width: 100%;height: 70px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-head-center.png") no-repeat center top;} .header-main {width: 940px;margin: 0 auto;padding: 0 10px} .main-container {width: 960px;margin: 0 auto;} .catalog-product-view .main-container {width: 100%;margin: 0 auto} .main, .footer-container, .col2-set {float: left;width: 100%;} .col2-set .col, .col2-set .col-1 , .col2-set .col-2 {display:inline;float: left;width: 50%;} .footer-container {margin: 7px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-footer.png") no-repeat center top;padding: 40px 0 0 0;} .footer , .footer-bottom-center {width: 960px;margin: 0 auto} .footer-links-bottom {float: left;width: 100%;background: #fff;padding: 20px 0 12px 0;margin: 15px 0 0 0} .right-footer {float: right;width:460px;padding: 0 10px 0 66px;border-left: 1px solid #fff;height: auto;min-height: 160px;} .footer-links-top {float: left; width:423px;} .col2-left-layout .col-main {float: right;width: 780px} .col2-left-layout .col-left {float: left;width: 140px;margin-left: 10px;display: inline} .col2-left-layout .myacc-content {float: right;width: 786px} .col2-right-layout .col-main {float: left;width: 70%} .col2-right-layout .col-right {float: left;width: 25%;margin-left: 1em;display: inline} .show768, .show600, .show320{display:none} .show768, .show600, .show320, .show960{text-align:center} @media screen and (color) and (max-width: 959px) { .show768 {display:block} .show600,.show320,.show960{display:none} .header-main , .menu .default {width: 740px;padding: 0 14px;} .col2-left-layout .col-main {width: 575px} .col2-left-layout .col-left {margin-left: 14px;} .menu .tech-select .default li.tech {width: 580px;} .menu .tech-select .default li.audio {width: 160px;} .menu .audio-select .default li.tech {width: 160px;} .menu .audio-select .default li.audio {width: 580px;} .menu .nav-menu {width: 740px} .menu .nav-menu .nav-content {padding-bottom: 0} .cms-index-index #bg-menu-select {padding-bottom: 15px} .menu .nav-tech li.devices {width: 264px;padding: 0;min-height: 200px} .menu .nav-tech li.category {width: 325px;padding: 0;min-height: 200px} .menu .nav-tech li.feature-pro {width: 135px;padding: 0 0 0 12px;min-height: 200px} .menu .nav-tech li.devices .text-title {margin: 6px 0 7px 0} .menu .nav-tech li.devices ul {margin: 0} .menu .nav-tech li.devices li a {height:86px;} .menu .nav-tech li.devices li.thumb-device-1 a {width: 56px;margin: 0 19px 0 5px;} .menu .nav-tech li.devices li.thumb-device-2 a {width: 64px;margin: 0 44px 0 0;} .menu .nav-tech li.devices li.thumb-device-3 a {width: 34px;margin: 0;} .menu .nav-tech li.devices li.thumb-device-4 a {width: 50px;height: 100px;margin: 0 22px 0 8px;} .menu .nav-tech li.devices li.thumb-device-5 a {width: 64px;height: 100px;margin: 0 21px 0 0;} .menu .nav-tech li.devices li.thumb-device-6 a {width: 80px;height: 100px;} .menu .nav-tech li.devices li.thumb-device-5 a span {bottom: 15px} .menu .nav-tech li.devices li.thumb-device-5 a:hover span {bottom: 13px} .menu .nav-tech li.category .text-title {padding: 6px 0 0 18px;margin: 0 0 3px 0} .menu .nav-tech li.category ul.left-cat-nav {margin: 0 20px 0 18px;width: 150px} .menu .nav-tech li.category ul.right-cat-nav {width: 130px} .menu .nav-tech li.category li {} .menu .nav-tech li.category li a {font-size: 0.875em;line-height: 19px;} .menu .nav-tech li.feature-pro .featured-product-wrapper a , .menu .nav-tech li.devices li a span {font-size: 0.875em;line-height: 14px;} .menu .nav-tech li.feature-pro .featured-product-wrapper a span {text-align: center} .menu .nav-content li.nav-audio-vehicle {width: 391px;padding: 0} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {float: left;width: 100%;margin: 11px 0 0 0;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {float: left;padding: 0 19px 12px 0;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {padding: 0 15px 12px 0} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 163px} .menu .nav-content li.nav-audio-vehicle .find-vehicle {float: left;padding:0;position: absolute;right: 35px;top: 50px;} .menu .nav-content li.nav-audio-vehicle .find-vehicle span , .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button {float: right} .menu .nav-content li.nav-audio-vehicle .find-vehicle .shopby-reset {line-height: 26px;} .menu .nav-content li.nav-audio-vehicle .find-vehicle .clear-btn {clear: both;display: block} .menu .nav-content li.nav-audio-category {width: 309px;padding: 0 0 0 38px} .menu .nav-content li.nav-audio-category ul.left-cat-nav , .menu .nav-content li.nav-audio-category ul.right-cat-nav {width: 144px} .menu .nav-content li.nav-audio-category li {width: 135px;padding: 8px 10px 0 0} .menu .nav-content li.nav-audio-category li a {font-size: 0.875em;line-height: 19px;} .menu .nav-audio .nav-content {padding-top: 34px} .menu .nav-content li.nav-audio-category .text-title {margin-bottom: 9px} .main-container {float: none;width: 768px;margin: 0 auto} .banner-home {width: 360px;margin: 0 0 0 14px} .banner-right {float: right;margin: 0 14px 0 0} .banner-home .banner-info {top: 54px;} .banner-home .title-banner {font-size: 42px;line-height: 42px} .banner-home .select-device {font-size:13px;} .special-box .promotion-img {width: 180px} .special-box .promotion-img .bg-white-pro {width: 178px;height: 100px} .special-box {height: 130px;width: 360px;margin-top: 12px} .special-box-01 {padding-left: 4px} .special-box .pro-img-02 .bg-white-pro, .special-box .pro-img-04 .bg-white-pro{width: 179px;} .footer-container {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-footer-02.png") no-repeat center top;} .footer, .footer-bottom-center {width: 768px;} .right-footer {width:380px;padding: 0 12px 0 37px;min-height: 187px} .footer .form-subscribe label {display: block;margin-bottom: 16px;padding: 6px 0 0 0} .footer .form-subscribe input.input-text {margin: 0 6px 0 0} .footer .form-subscribe .validation-advice {width: 350px;left: 0;top: 58px} .footer-container .newsletter {padding: 0 0 16px 0} .footer-container .social-links {overflow: hidden;padding: 15px 0 0 0} .footer-container .social-links ul {width: 420px} .footer-links-top {width: 338px;} .footer-links-top h2 {margin: 5px 0 10px} .footer-links-top li a {line-height: 26px;font-size: 0.813em} .footer-links-top button.button {margin: 4px 0 0 0} .footer-links-site-01 {width: 132px;padding: 0 15px 0 15px;min-height: 187px} .footer-links-site-02 {width: 132px;padding: 0 15px 0 26px;min-height: 187px} /* LISTING =================================== */ .topmenu-style-cat .menu .nav-menu li .center-top-menu {width: 768px;} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option h4 {margin-left: 15px} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option .sort-device {width: 430px;} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice {width: 170px;text-align: center;margin: 20px 0 0} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice label {display: block;} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice button.button {float: none;font-size: 0.7em} .topmenu-style-cat .menu .nav-menu li.devices ul {width: 600px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {width: 610px;padding: 0 0 0 32px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {width: 129px;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 127px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {width: 600px;margin: 25px 0 0 0;overflow: hidden} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle {width: 593px;position: inherit} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .clear-btn {display: none !important;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button , .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle button.shopby-reset{float: right} .category-view {width: 585px;} .sub-title h1, .sub-title h2 {padding: 0 220px 0 10px} .compare-table tr td .product-image img {max-width: 135px} /* DETAIL =================================== */ .breadcrumbs {width: 768px} .catalog-product-view .breadcrumbs ul {padding: 0 13px;background: none} .center-details {width: 768px} .product-view .product-col-right {padding: 15px 15px 0 0} .top-details .product-col-right {padding: 18px 14px 18px 0;width: 360px} .product-view .product-col-left {float: left;width: 380px;padding: 0 0 0 14px;} .bottom-details .product-col-left {width: 350px;} .product-view div.MagicToolboxContainer , .product-view .MagicToolboxContainer p.img-big {height: 400px;float: none;text-align: center;width: auto;max-width: 100%} .product-view .MagicToolboxContainer p.img-big img {height: auto;max-height: 400px;display: inline-block;float: none} .product-view .box-related .related-content .box-content {width: 350px;height: 558px;overflow: hidden;padding: 0} .product-view .MagicToolboxContainer .more-views {bottom: -116px;height: 62px !important;left: -7px} .product-view .MagicToolboxContainer .more-views ul {width: 342px;height: 62px} .product-view .MagicToolboxContainer .more-views ul li {width: 50px;height: 50px;margin: 0 0 10px 7px;} .product-view .MagicToolboxContainer .more-views ul li a {display: block;height: 48px !important;width: 48px !important;} .product-view .MagicZoomPup {/*height: 330px !important;*/} .product-view .box-related {margin: 13px 0 0 0;padding-bottom: 20px} .product-view div.MagicToolboxSelectorsContainer ul {width: 100%;float: left} .product-view div.MagicToolboxSelectorsContainer ul li {width: 48px;height: 48px;margin: 0 7px 7px 0;} .product-view div.MagicToolboxSelectorsContainer ul li a {float: left; height: 48px !important;width: 48px !important;} /* CONTACT =================================== */ .contact-content label.required, .contact-content label {float: left;width: 150px;padding: 0 0 0 30px;font: normal 0.875em/31px proximanova-semibold;} .contact-content button.button {float: left;margin: 20px 0 0 180px;display: inline} /* ACCOUNT =================================== */ .account-login , .account-create , .forgot-block {width: 100%;padding: 0} .account-login .col2-set .new-users .content {padding: 0 30px 0 50px;width: auto} .account-login .form-list input.input-text {width: 225px} .account-login span.required {margin: 0 50px 0 0} .account-create .form-left {padding: 0 40px 0 0;width: 315px;} .account-create .form-right {padding: 0 0 0 40px;width: 314px;} .account-create .form-list input.input-text, .account-create .form-left .validation-advice {width: 195px} .account-create .form-right .form-list input.input-text, .account-create .form-right .validation-advice {width: 166px} .my-account .form-list {padding: 25px 30px 25px 60px} .my-account .form-list .input-box {width: 280px; margin: 0 40px 10px 0} .my-account .form-list input.input-text {width: 270px} .my-account .form-list div.selector {width: 278px} .my-account .form-list .control p {padding: 0 0 0 144px} .my-account .email-noti-set .input-box {float: left;width: auto;margin: 0 4px 10px 0} .my-account .email-noti-set .control label {float: none;width: auto;line-height: 21px} .addresses-list .info-box a {position: inherit;float: none;display: block; margin: 8px 0 0 0} .my-wishlist .product-desc {width: 130px} .return-block .form-list textarea {width: 270px;} .return-block label.required3 {width: 100px;float: left;line-height: 18px} /* SHOPPING CART =================================== */ .cart-list .form-cart {width: 740px;padding: 0 14px} .cart-list .page-title ul {padding: 0 36px 0 0;} .cart-list .cart-table tr td.cart-img {padding: 18px 10px} .cart-list .cart-table tr th.cart-name, .cart-list .cart-table tr td.cart-name {width: 270px} .cart-list .cart-table th.cart-price {width: auto} .cart-list .cart-table tfoot tr td {padding: 15px 21px 14px 20px} .cart-list .col2-set {width: 506px} .cart-list .totals {width: 174px;} .cart-list .totals .checkout-types a {font-size: 0.7em} .cart-list .discount {width: 200px;} .cart-list .discount input.input-text {width: 190px} .cart-list .discount button.cancel-btn {margin: 12px 0 0 0} .cart-list .shipping {width: 200px;} .cart-list .shipping div.selector {width: 197px;} .cart-list .shipping input.other-address {width: 189px;} .cart-list .crosssell .products-grid li.item , .cart-list .crosssell .products-grid li.item:hover{margin: 27px 34px 20px 36px;} .cart-list .cart-table th.cart-total {padding: 20px 22px 0 0} .cart-list .cart-table td.cart-total {padding: 18px 22px 18px 0} /* CHECKOUT =================================== */ .checkoutPage {width: 740px;padding: 29px 14px 30px 14px;} .step-title h2 {background: #f7f7f7 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status.png") no-repeat 707px center;} .step-title h2 a {margin: 0 20px 0 0} #checkout-step-login .col-2 {width: 300px;padding: 0 40px 0 56px;} #checkout-step-login .col-1 {width: 265px;} #checkout-step-login .col-2 input.input-text {width: 178px} #checkout-step-login .form-list .validation-advice {width: auto;max-width: 170px} .block-step-checkout {padding: 0 0 0 66px;} .paypal-express-review .page-title {padding: 30px 14px 12px 14px;} .paypal-review-order {width: 740px;padding: 0 14px} .review-paypal-block {padding: 20px 0;} .paypal-review-order .review-table tr td.name .product-checkout {width: 280px} /* CMS PAGE =================================== */ .cms-page-view .page-title {padding: 23px 34px 0 34px;margin-bottom: 12px} .cms-page-view .page-title h1 {margin-bottom: 0} /* .cms-content {padding: 4px 34px 10px 34px;} .cms-content div.first.column {width: 340px !important;} .cms-content div.last.column {width: 340px !important;float: right !important;} .cms-page-view .std {padding: 4px 34px 10px 34px;} */ .cms-page-view .std div.first.column {width: 340px !important;} .cms-page-view .std div.last.column {width: 340px !important;float: right !important;} .my-account .form-list .input-box {margin: 0 150px 10px 0} .send-friend textarea {width: 270px} } @media screen and (color) and (max-width: 767px) { .col2-right-layout .col-main {float: none;width: 99%} .col2-right-layout .col-right {float: none;width: 99%;margin-left: 0;display: block} .show600{display:block} .show320,.show768,.show960{display:none} .header-main {width: 560px;padding: 0 20px;} .menu .default {width: 580px;padding: 0 10px;} .header {background: none;padding: 4px 0 3px 0} button.button {font-size: 1em !important;} .menu .nav-menu {width: 580px;margin: 0 auto;padding: 0 10px} .menu .tech-select {margin-top: 0 !important;border-top: 5px solid #ffdd00 !important;} .menu .audio-select {margin-top: 0 !important;border-top: 5px solid #e31937 !important;} .menu .tech-select .default li.tech, .menu .tech-select .default li.audio {width: 50%;border-top: 5px solid #ffdd00} .menu .audio-select .default li.tech, .menu .audio-select .default li.audio {width: 50%;border-top: 5px solid #e31937} .menu .nav-tech li.devices {width: 260px;padding: 0;min-height: 200px} .menu .nav-tech li.category {width: 319px;padding: 0;min-height: 200px;border: none} .menu .nav-tech li.devices .text-title {margin: 6px 0 7px 0;} .menu .nav-tech li.category .text-title {padding: 6px 0 0 19px;} .menu .nav-tech li.category ul.left-cat-nav {margin: 0 20px 0 19px;width: 145px} .menu .nav-tech li.category ul.right-cat-nav {width: 135px} .menu .nav-tech li.devices li a span {font-size: 0.875em;line-height: 14px;} .menu .nav-tech li.category li {width: 100%;padding: 10px 0 0 0} .menu .nav-tech li.category li a {font-size: 1em;line-height: 21px;} .menu .nav-tech li.feature-pro {width: 100%;padding: 0;min-height: inherit;border: none;border-top: 1px solid #E8E8E8;margin-top: 14px;overflow: hidden} .menu .nav-tech li.feature-pro .text-title {text-align: center;border-top: 1px solid #fff;padding: 12px 0 4px 0;} .menu .nav-tech li.feature-pro .featured-product-wrapper {float: left;width: auto;position: relative;left: 50%} .menu .nav-tech li.feature-pro .featured-product-wrapper a {float: left;width: auto;position: relative;right: 50%;font-size: 1em;line-height: 16px;padding-bottom: 5px} .menu .nav-tech li.feature-pro .featured-product-wrapper a img {float: left;width: 130px;height: auto} .menu .nav-tech li.feature-pro .featured-product-wrapper a span {float: left;width: 120px;padding: 20px 20px 0 20px} .menu .nav-tech li.feature-pro .featured-product-wrapper a:hover {padding-bottom: 3px} .menu .nav-content li.nav-audio-vehicle {width: 100%;padding: 0;border: none} .menu .nav-content li.nav-audio-vehicle form {float: left;border: none;overflow: hidden;width: 100%} .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {width: 620px;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {float: left;width: 100%;margin: 4px 0 0 0;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {padding: 0 25px 12px 0;} .menu .nav-content li.nav-audio-vehicle .find-vehicle {float: left;padding: 4px 40px 20px 0;position: inherit} .menu .nav-content li.nav-audio-vehicle .find-vehicle .clear-btn {clear: inherit;display: none} .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button {float: left;font-size: 1em} .menu .nav-content li.nav-audio-category {width: 100%;padding: 0;border: none;min-height: inherit;overflow: hidden} .menu .nav-content li.nav-audio-category ul.left-cat-nav , .menu .nav-content li.nav-audio-category ul.right-cat-nav {width: 100%;margin: 0;padding: 0} .menu .nav-content li.nav-audio-category ul.right-cat-nav {padding: 0 0 2px 0;width: 620px} .menu .nav-content li.nav-audio-category li {width: auto;padding: 3px 40px 3px 0;float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;} .menu .nav-content li.nav-audio-category li a {font-size: 1em;line-height: 20px} .menu .nav-audio .nav-content {padding-top: 17px;} .menu .nav-content li.nav-audio-category .text-title {margin-bottom: 9px} .cms-index-index #bg-menu-select {padding-bottom: 10px;} .menu .nav-menu li .text-title {font-size: 0.938em;line-height: 0.938em} .menu .nav-menu .nav-content {margin: 6px 0 0 0} .header .topcart {top: 46px;} .main-container {float: none;width: 600px;margin: 0 auto} .col2-set .col {width: 100%} .banner-home {width: 580px;margin: 0 0 0 10px} .banner-right {float: left} .special-box {height: 190px;width: 580px;margin-top: 5px} .special-box .promotion-img {width: 290px} .special-box .promotion-img .bg-white-pro {width: 288px;height: 162px;margin-top: 10px;} .special-box-01 {padding-left: 0} .special-box .pro-img-02 .bg-white-pro, .special-box .pro-img-04 .bg-white-pro{width: 289px;} .special-box .promotion-img img {width: 100%} .footer-container {background: transparent;padding: 30px 0 0 0;} .footer, .footer-bottom-center {width: 600px;} .right-footer {width:580px;padding: 0 10px 15px 10px;margin: 0;display: inline;height: auto;min-height: 0;border: none;border-bottom: 1px solid #E6E6E6;float: left;} .footer .form-subscribe label {display: block;margin-bottom: 16px;padding: 0 0 5px 0} .footer .form-subscribe input.input-text {margin: 0 16px 0 0;} .footer .form-subscribe .validation-advice {width: 350px;left: 0;top: 64px} .footer-container .newsletter {padding: 0 0 16px 0;float: right;width: 330px;border: none;} .footer-container .social-links {overflow: hidden;padding: 0 0 0 10px;width: 228px;float: left;border: none} .footer-container .social-links ul {width: 100%} .footer-container .social-links ul li {padding: 5px 20px 5px 0} .footer-container .social-links a {width: 72px;height: 25px;margin: 0 5px 0 0;} .footer-container .social-links a.l-facebook, .footer-container .social-links a.l-facebook:hover {background-position: -388px bottom} .footer-container .social-links a.l-twitter, .footer-container .social-links a.l-twitter:hover {background-position: -465px bottom} .footer-container .social-links a.l-youtube, .footer-container .social-links a.l-youtube:hover {background-position: -543px bottom} .footer-container .social-links a.l-instagram, .footer-container .social-links a.l-instagram:hover {background-position: -620px bottom} .footer-links-top {width: 580px;padding: 14px 10px 40px 10px;margin: 0;display: inline; position: relative;border-top: 1px solid #fff} .footer-links-top h2 {margin: 5px 0 10px} .footer-links-top li {display:-moz-inline-stack;display:inline-block;vertical-align:top;padding: 0 35px 0 0;} .footer-links-top li a {line-height: 26px;font-size: 0.875em} .footer-links-top button.button {float: left;position: absolute; bottom: 5px;left: 50%;margin: 0 0 0 -62px;font-size: 1em;padding: 7px 27px;font-size: 1em} .footer-links-site {width: 560px;padding: 6px 10px 8px 10px;min-height: inherit;border: none;min-height: 0;} .footer-links-site-02 ul {overflow: hidden} .footer-links-site-02 ul {width: 600px} .footer-livechat {display: none} .footer-links-bottom .copyright , .footer-links-bottom .link-foot-bottom , .footer-links-bottom .link-foot-bottom ul , .footer-links-bottom .link-foot-bottom li {float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;} .footer-bottom-center {text-align: center} /* LISTING =================================== */ .category-layout .breadcrumbs {display: none} .topmenu-style-cat .menu .nav-menu {padding: 0;} .topmenu-style-cat .menu .nav-menu li .center-top-menu {width: 600px;} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option {position: relative} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option h4 {margin: 0;padding: 0 10px;float: none;display: block;width: auto;text-align: left;font-size: 16px;line-height: 38px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-top-cat-600.png") no-repeat center top;} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option .sort-device {padding: 0;width: 430px} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option .sort-device li {padding: 13px 10px 0} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice {margin: 35px 0 0 0} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice label {display: none} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice button.button {font-size: 0.688em !important;float: right;margin: 0 10px 0 0} .topmenu-style-cat .menu .nav-menu li.devices , .topmenu-style-cat .menu .nav-menu li.nav-audio-vehicle , .topmenu-style-cat .menu .nav-menu li.devide-option {background: #e4e4e4 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center -5px;} .topmenu-style-cat .menu .nav-menu li.devices .text-cat-topmn , .topmenu-style-cat .menu .nav-menu li.nav-audio-vehicle .text-cat-topmn {margin: 0;float: none;display: block;width: auto;padding:0 10px;text-align: left;font-size: 16px;line-height: 38px;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {width: 640px;padding: 0} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle {width: 594px;float: left} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {width: 133px;padding: 0 9px 12px 9px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 131px} .topmenu-style-cat .menu .nav-menu li.devices {width: 100%;position: relative} .topmenu-style-cat .menu .nav-menu li.devices ul {width: 100%;padding: 0} .topmenu-style-cat .menu .nav-menu li.devices .hidden600 {display: block} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {margin: 5px 0 0 0;padding: 0 0 15px 0} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal button.button {font-size: 0.8125em !important;} .body-category .hidden600 {display: none;float: left;width: 100%;} .body-category .category-bottom {display: block;float: left;width: 100%} .body-category .btn-showHide600 {display: block;} .category-layout {float: left;width: 100%;border-top: 1px solid #fff} .category-layout .col-left {width: 100%;padding: 0;margin: 0;position: relative;border-bottom: 1px solid #e5e5e5} .category-layout .col-main {width: 100%;padding: 15px 0 0 0;margin: 0;border-top: 1px solid #fff} .category-layout .col-left .finter-title {display: block} .category-layout .col-left .filter-center {margin: 0 auto;width: 600px;position: relative} .block-layered-nav {margin: 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;padding: 2px 0 10px 0} #narrow-by-list dt {margin: 0;background: none;padding: 0 10px;} #narrow-by-list dd {margin: 0;padding: 0 10px} .category-layout .block-compare {display: none} .block-layered-nav .actions a {margin: 0;} .category-layout .category-view {width: 600px;float: none;margin: 0 auto;} .category-products .toolbar {position: inherit;width: 100%;left: 0;right: inherit;top: 0;margin: 0;padding: 5px 0} .category-products .toolbar .sorter , .toolbar .sorter {float: left;margin: 0 0 0 26px} .toolbar .pager {margin: 0 16px 0 0} .pager .pages li {font: normal 0.875em/28px arial} .toolbar-bottom {padding: 5px 0 15px 0} .sub-title , .category-view .page-header, .device-ground .category-view .page-header {display: none} .products-grid {padding: 0 0 12px 0;} .products-grid li.item {width: 146px;height: 200px; margin: 20px 26px 10px 26px;} .products-grid li.item .product-shop {min-height: 63px;padding: 0 0 10px 0} .products-grid li.item .product-shop .product-name {padding: 0 5px;margin: 10px 0 2px 0; font: normal 1.25em/1.25em "pragmatica-web-condensed",pragmatica-cond-light,universe-light;height: 1.3em;text-align: center} .products-grid li.item .product-shop .desc , .products-grid li.item .product-shop .add-to-links , .products-grid li.item .product-shop button.button {display: none} .products-grid li.item .product-image img {width: 100%;height: auto;max-height: 146px} .products-grid li.item .product-shop .price-box {float: none;padding: 0;display: block;text-align: center;margin: -4px 0 0 0} .products-grid li.item .product-shop .price-box .old-price, .products-grid li.item .product-shop .price-box .regular-price, .products-grid li.item .product-shop .price-box .special-price {float: none;padding: 0 2px 0 0;margin: 0;display: inline-block;zoom:1;*display: inline;vertical-align: top} .products-grid li.item .product-shop .availability {font: normal 0.6em/0.6em proximanova-bold;bottom: 9px} .device-ground {float: left;width: 148px;padding: 10px 26px 0 26px;text-align: center} .device-ground .products-grid {padding: 0;margin: 0;width: 100%;height: 202px;overflow: hidden;-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);} .device-ground .products-grid li.item {margin: 0;padding: 0} a.see-all-product {position: inherit;left: 0;top:0;float: none;font-size: 0.85em;background-position: right -8px;line-height: 14px;height: 28px;overflow: hidden;margin: 8px 0;display: inline-block;zoom:1;*display: inline;vertical-align: top} .body-category .footer-container {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-600.png") no-repeat center top;margin: 10px 0 0 0} .none-product {padding: 21px 10px} .vehicle-guide a {padding: 14px 0 0 80px;min-height: 33px;font: normal 1em/20px proximanova-semibold;background-position: 12px center;} .sidebar .block-compare {background:none;padding: 0 0 20px 0} .sidebar .block-compare li.item {width: 281px;display: inline-block;margin: 10px 0 0 12px;min-height: 49px} .sidebar .block-compare li.item img {width: 49px;max-height: 49px;} .sidebar .block-compare li.item p.product-name {padding: 0 15px 0 67px;height: 48px;overflow: hidden} .sidebar .block-compare li.item .product-name a {font: normal 0.875em/16px proximanova-semibold;} .sidebar .block-compare li.item .btn-remove {top: 25px} .sidebar .block-compare .block-title {display: block;padding: 0 12px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-top-sidebar.jpg") repeat-x center top;} .sidebar .block-compare .block-title strong {background: none} .sidebar .block-compare .actions button.button {margin: 16px 0 0 12px;} .body-category .sidebar .block-compare .empty {padding: 0 13px;font-size: 0.85em;margin: 0} .block-list-compare {overflow: scroll;padding: 0} .body-category .messages , .body-category ul.messages, .body-category ol.messages {padding: 0 10px} /* DETAIL =================================== */ .center-details {width: 600px} .breadcrumbs {width: 600px;} .catalog-product-view .breadcrumbs ul {padding: 0 10px;} .top-details .product-col-left {display: none !important;} .top-details .product-col-right {padding: 0 15px;width: 570px} .bottom-details .product-col-left {width: 161px;padding: 0 0 0 18px} .bottom-details .product-col-right {padding: 0 21px 0 0} .bottom-details {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-600.png") no-repeat center bottom;padding: 19px 0 22px 0} .media-600 {display: block !important;} .product-view .short-description {max-height: 100%} .product-view .box-related {margin: 0} .product-view .box-related .related-content .box-content {width: 173px;height: 558px} .catalog-product-view .footer-container {padding: 14px 0 0 0;} .product-view .MagicToolboxContainer2 {display: none} .product-name-seo {display: block} /* CONTACT =================================== */ .contact-block .cms-title h1, .contact-block .cms-title h2 {padding: 20px 0;text-align: center;margin: 0} .contact-content {margin: 0 0 30px 0;padding: 30px 90px} .contact-content h2 {text-align: center} .contact-content label.required, .contact-content label {width: 100%;padding: 0;} .contact-content .form-list input.input-text {width: 405px} .contact-content .form-list textarea {width: 405px;} .contact-content .form-list li .field {padding: 2px 0} .contact-content .buttons-set {padding: 20px 0 0 0;text-align: center} .contact-content button.button {float: none;margin: 0;padding: 11px 0 10px 0;width: 200px} .contact-content p.required {margin: 25px 0 0 0;} /* ACCOUNT =================================== */ .customer-account-login .cms-title h1, .customer-account-login .cms-title h2 , .customer-account-create .cms-title h1, .customer-account-create .cms-title h2 , .forgot-block .cms-title h1, .forgot-block .cms-title h2 {padding: 28px 0 13px 0;text-align: center;margin: 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center 4px} .customer-account-create .cms-title h1, .customer-account-create .cms-title h2 {padding: 27px 0 11px 0} .customer-account-login .page-title , .customer-account-create .page-title , .forgot-block .page-title {margin: 0} .account-login .col2-set {padding: 0;margin: 0 0 30px 0;border-left: none;border-right: none;} .account-login .col2-set .new-users {width: 540px;border-bottom: 1px solid #e8e8e8;margin: 0 0 0 29px;display: inline} .account-login .col2-set .registered-users {width: 540px;border-top: 1px solid #fff;margin: 0 0 0 29px;display: inline} .account-login .col2-set .new-users .content , .account-login .col2-set .registered-users .content {padding: 0 15% 30px 15%;width: 70%;border:none;} .account-login .col2-set h1.form-title, .account-login .col2-set h2.form-title {margin: 30px 0;padding: 0;text-align: center;position: relative} .account-login .col2-set .registered-users span.required {position: absolute;right: 0;top: 0;margin: 0} .account-login .col2-set .buttons-set {display: block;text-align: center} .account-login .col2-set .buttons-set button.button {float: none;padding: 11px 0 10px 0;width: 380px} .account-login .form-list input.input-text {width: 258px} .account-login .forgot-pass {text-align: left} .account-login .forgot-pass a {color: #1b1b1b} .account-login .forgot-pass a:hover {color: #b8001b} .account-create #form-validate {margin: 0 0 30px;border-left: none;border-right: none;} .account-create .form-left {padding: 0 5% 20px 5%;width: 90%;border: none;border-bottom: 1px solid #e8e8e8} .account-create .form-right {padding: 20px 5% 0 5%;width: 90%;border: none} .account-create .form-list input.input-text, .account-create .form-left .validation-advice {width: 325px} .account-create .form-right .form-list input.input-text, .account-create .form-right .validation-advice {width: 304px} .account-create .form-left label.required, .account-create .form-right label.required {width: 150px} .account-create button.button {padding: 11px 30px 10px 30px;float: left;margin: 0 0 0 150px} .form-forgot-pass {margin: 0 0 30px 0;border-left: none;border-right: none;padding: 40px 100px} .form-forgot-pass label.required {float: left;width: 120px} .form-forgot-pass input.input-text {float: left;width: 265px} .form-forgot-pass .buttons-set {display: block;padding: 0 0 0 120px} .form-forgot-pass .buttons-set button.button {padding: 11px 30px 10px 30px} /* DASHBOARD =================================== */ .myacc-sidebar , .myacc-content {width: 100% !important;margin: 0 !important;padding: 0 !important} .block-account {margin: 0;background-position: center bottom;padding: 0;position: relative;background: none;border-bottom: 1px solid #fff} .block-account .block-title strong {padding: 13px 0 11px 11px;border-bottom: 1px solid #e5e5e5;} .block-account .btn-showHide600 {display: block;top: 8px} .block-account .hidden600 {display: none} .block-account .block-content ul {border: none} .block-account .block-content ul li {display: block;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #fff;padding: 0 11px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 582px 1px} .block-account .block-content ul li a , .block-account .block-content ul li.current strong {font: normal 1em/34px proximanova-semibold} .my-account {padding: 20px 11px 0 11px} .my-account .title-module , .my-account .legend, .my-account .sub-title{display: block} .box-recent {display: none} .my-account .buttons-set button.button, .my-account button.button {padding: 11px 0 10px 0;width: 284px;margin: 0;} .my-account .form-list .control p {padding: 0 0 0 166px} .giftcardaccount .buttons-set {text-align: center} .giftcardaccount .buttons-set button.button {padding: 11px 0 10px 0;width: 224px;margin: 0 10px 0 0;float: none} .account-balance {padding: 20px;margin: 0 0 20px 0} .my-account .review-table th.name-pro-wl {width: 70%} .my-account .review-table th.add-cart-wl {width: 30%} .my-account .review-table button.button {padding: 6px 12px 5px 12px;width: auto;font-size: 0.75em !important;margin: 5px 0} .my-account .my-wishlist .buttons-set button.button {padding: 8px 20px;width: auto;font-size: 0.75em !important;margin: 0 10px 0 0} .my-account .hinden600 {display: block;padding: 5px 0 0 0;margin: 0} .my-wishlist .product-image {width: 80px} .my-wishlist .product-desc {width: 275px} .my-account .pager {width: 100%;overflow: hidden;padding: 10px 0} .my-account .pager .pages {float: left;position: relative;left: 50%} .my-account .pager .pages ol {float: left;position: relative;right: 50%;padding: 0} .breadcrumAcc {display: none} .myacc-bg-top {float: left;width: 100%;padding: 9px 0 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/shadow-divider.png") no-repeat center top;margin: 3px 0 0 0} .return-block .form-list textarea {width: 270px;} .return-block label.required3 {width: auto;float: left;line-height: 29px} #rma_comment button.button {font-size: 16px} /* SHOPPING CART =================================== */ .cart-empty-page .page-title {padding: 20px;} .cart-empty-page button.button {padding: 11px 50px 10px 50px;} .checkout-cart-index .footer-container {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-600.png") no-repeat center top;padding: 30px 0 0 0} .cart-list .form-cart {width: 580px;padding: 0 10px} .cart-list .cart-table tr th.cart-img, .cart-list .cart-table tr td.cart-img{width: 80px} .cart-list .cart-table tr th.cart-name, .cart-list .cart-table tr td.cart-name{width: 300px} .cart-list .cart-table tr th.cart-qty span {display: none} .cart-list .cart-table td.td-qty .f-fix {display: block} .cart-list .page-title ul {padding: 0 32px 0 0} .cart-list button.button.btn-proceed-checkout {width: 200px} .cart-list .col2-set {width: 100%;padding: 15px 0;border: none;border-bottom: 1px solid #fff} .cart-list .totals {width: 536px;padding: 10px 32px 0 32px;border: none;min-height: 0;border-top: 1px solid #E4E4E4} .cart-list .totals .checkout-types li {float: right;width: 100%} .cart-list .totals .checkout-types li a {float: right;margin: 0;font-size: 0.85em} .cart-list .discount , .cart-list .shipping {width: 235px;padding: 0 32px;min-height: 235px} .cart-list .col2-set .button.btn-gray {padding: 11px 0 10px 0;font-size: 0.75em !important;width: 145px} .cart-list .cart-table .btn-continue, .cart-list .cart-table .btn-update {padding: 11px 30px 10px 30px;font-size: 0.75em !important;} .cart-list .discount input.input-text {width: 225px;} .cart-list .shipping div.selector {width: 233px;} .cart-list .shipping input.other-address {width: 225px;} .cart-list .crosssell .products-grid li.item , .cart-list .crosssell .products-grid li.item:hover{margin: 15px 8px 20px 36px;} /* CHECKOUT =================================== */ .checkoutPage {width: 580px;padding: 0 10px 10px 10px;background: none;margin: 5px 0 0 0} .step-title h2 {background: #f7f7f7 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status.png") no-repeat 550px center;} .step-title h2 a {margin: 0 17px 0 0} #checkout-step-login .col-2 {width: 82%;padding: 25px 9% 0 9%;border: none;} #checkout-step-login .col-1 {width: 82%;padding: 0 9%;} #checkout-step-login .col-2 input.input-text {width: 350px} #checkout-step-login .col-1 .buttons-set {border-bottom: 1px solid #e5e5e5;padding: 0 0 25px 0} #checkout-step-login .forgot-pass a {color: #1b1b1b} #checkout-step-login .forgot-pass a:hover {color: #b8001b} #checkout-step-login button.button {padding: 11px 0 10px 0;width: 300px} #checkout-step-login .form-list .validation-advice {width: auto;max-width: 290px} .block-step-checkout {padding: 0 52px;} #checkoutSteps button.button {padding: 11px 0 10px 0;width: 100%;margin: 10px 0 0 0;float: left} #checkout-step-payment .note {display: block;padding: 12px 0 0 0} #checkout-step-payment .space-label {margin: 18px 0} .review-table tr td.name {width: 55%} .review-table tr td.name .img-p {float: left;width: 50px;padding: 0 10px;text-align: center} .review-table tr td.name .product-checkout {float: left;width: 180px} #checkout-review-submit button.button {float: right;margin: 0 26px 0 0;width: 524px} #checkout-step-shipping_method h3, #checkout-step-shipping_method h4, #checkout-step-shipping_method dt {margin: 16px 0 6px 0;line-height: 1em} #checkout-step-shipping_method button.button {margin: 20px 0 0 0} .newletter-cart {bottom: 89px} ul.form-style , ol.form-style {float: left;width: 472px} .form-style div.selector , .form-style .address-bar div.selector {width: 470px;} .form-style .address-bar {padding-bottom: 20px !important;} .form-style input.input-text {width: 460px;} .form-style label.required , .form-style label.required2 {width: 100%;padding: 0;text-align: left;line-height: 32px} .checkoutPage .form-style .month-select div.selector, .checkoutPage .form-style .year-select div.selector {float: left} li#paypal_direct_cc_type_exp_div .input-box {width: 100%} li#paypal_direct_cc_type_cvv_div {padding: 0 0 20px 0} .form-style li {padding: 0 0 10px 0} .add-field .required2 {display: none} .form-style li.control {padding: 6px 0 !important;} p.required2 {padding: 0;text-align: right} .space-label {padding: 0} .backLink {display: none} .month-select , .year-select {float: left;width: 235px} .month-select div.selector , .year-select div.selector {width: 225px;} .year-select div.selector {float: right} .month-select .validation-advice, .year-select .validation-advice {max-width: 218px} #allow-gift-options-for-items-container ol, #allow-gift-options-for-items-container ul {padding: 0 0 15px 0} #allow-gift-options-for-items-container li.gift-item {height: 235px;width: 135px;margin: 20px 10px 0 10px} #allow-gift-options-for-items-container li.gift-item img {height: 135px;} .paypal-express-review .page-title {padding: 30px 10px 2px 10px;} .paypal-review-order {width: 580px;padding: 0 10px} .paypal-review-order .sub-title {display: block} .review-paypal-block {padding: 10px 0 10px 50px;} .review-paypal-block .form-list li.control .field {padding: 10px 0 0 0;} .paypal-review-order .review-table tr td.name .product-checkout {width: 200px} .paypal-review-order .buttons-set-order button.button {padding: 11px 30px 10px 30px} /* THANK YOU =================================== */ .order-success-block .page-title h1 {padding: 20px 0;text-align: center} .order-success-content {background: #fff;border: 1px solid #d2d2d2;padding: 50px 90px;margin: 0 0 30px 0} .order-success-content .sub-title {display: block} /* CMS PAGE =================================== */ .cms-page-view .footer-container {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-600.png") no-repeat center top;margin: 10px 0 0 0} .cms-page-view .page-title {padding: 26px 50px 0 50px;margin-bottom: 1px} .cms-page-view .page-title h1, .cms-page-view .page-title h2 {text-align: center} /* .cms-content {padding: 4px 50px 10px 50px;} .cms-content div.first.column {width: 100% !important;} .cms-content div.last.column {width: 100% !important;} */ .cms-page-view .std {padding: 4px 50px 10px 50px;} .cms-page-view .std div.first.column {width: 100% !important;} .cms-page-view .std div.last.column {width: 100% !important;} .my-account .form-list .input-box {margin: 0 30px 10px 0} .send-friend .buttons-set button.button {margin: 10px 10px 0 10px;float: none} } @media screen and (color) and (max-width: 599px) { .show320{display:block} .show600,.show768,.show960{display:none} .logo {width: 164px;} a.logo {margin: 16px 0 0 0} button.button {font-size: 1em !important;} .header-main {width: 287px;padding: 0 19px 0 14px;position: relative} .header {background: none;height: 53px} .head-search {position: inherit} .head-search .quick-access {right: -100px;top: 0;width: 320px} .head-search .quick-access input.input-text {width: 255px} .menu .default {width: 300px;padding: 0 10px;} .right-head {padding: 12px 0 0 0} .right-head a {text-indent: -9999em;padding: 0;width: 20px} .head-link ul li {padding-left: 20px;} .header .welcome-msg {display: none} .header .topcart {right: -9px;top: 56px;} .header .topcart .arr-cart {right: 5px;} .header .topcart a {text-indent:0;} .menu .nav-menu {width: 320px;padding: 0} .menu .tech-select {margin-top: 0 !important;border-top: 5px solid #ffdd00 !important;} .menu .audio-select {margin-top: 0 !important;border-top: 5px solid #e31937 !important;} .menu .tech-select .default li.tech, .menu .tech-select .default li.audio {width: 50%;border-top: 5px solid #ffdd00} .menu .audio-select .default li.tech, .menu .audio-select .default li.audio {width: 50%;border-top: 5px solid #e31937} .menu .nav-menu .nav-content {margin: 8px 0 0 0} .menu .nav-audio .nav-content {padding: 18px 0 0 0;} .menu .nav-tech li.devices .text-title {text-align: center;margin: 0 0 5px 0;} .menu .nav-tech li.devices {width: 100%;padding: 0 0 12px 0;min-height: inherit;border: none} .menu .nav-tech li.devices li.thumb-device-1 a {width: 56px;margin: 0 45px 0 25px;} .menu .nav-tech li.devices li.thumb-device-2 a {width: 64px;margin: 0 55px 0 0;} .menu .nav-tech li.devices li.thumb-device-3 a {width: 34px;margin: 0;} .menu .nav-tech li.devices li.thumb-device-4 a {width: 50px;height: 100px;margin: 0 49px 0 27px;} .menu .nav-tech li.devices li.thumb-device-5 a {width: 64px;height: 100px;margin: 0 32px 0 0;} .menu .nav-tech li.devices li.thumb-device-6 a {width: 80px;height: 100px;} .menu .nav-tech li.category {width: 100%;padding: 0;min-height: inherit;border: none} .menu .nav-tech li.category .text-title {text-align: center;margin: 0 0 12px 0} .menu .nav-tech li.category ul.left-cat-nav , .menu .nav-tech li.category ul.right-cat-nav {float: left;width: 100%;border-top: 1px solid #e5e5e5;padding: 0;margin: 0} .menu .nav-tech li.category ul.right-cat-nav {border-bottom: 1px solid #fff;border-top: none} .menu .nav-tech li.category li {float: left;width: 100%;padding:0;margin: 0;border-top:1px solid #fff;border-bottom:1px solid #e5e5e5; } .menu .nav-tech li.category li a {display: block;font-size: 1em;padding: 0 22px 0 12px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 301px -219px} .menu .nav-tech li.category li a:hover {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 301px -219px;color: #a0a0a0} .menu .nav-tech li.category li a span {display: block;height: 34px;line-height: 34px;overflow: hidden} .menu .nav-tech li.feature-pro {width: 100%;padding: 0 0 25px 0;min-height: inherit;border: none;margin: 0} .menu .nav-tech li.feature-pro .text-title {text-align: center;padding: 24px 0 0;border: none} .menu .nav-tech li.feature-pro .featured-product-wrapper {left: 0} .menu .nav-tech li.feature-pro .featured-product-wrapper a {right: 0;} .menu .nav-tech li.feature-pro .featured-product-wrapper a img {float: left;width: 130px;display: inline;margin: 0 0 0 20px} .menu .nav-tech li.feature-pro .featured-product-wrapper a span {float: right;width: 110px;max-width: 110px;display: inline;margin: 0 10px 0 0;text-align: center;padding: 18px 20px 0 20px} .menu .nav-content li.nav-audio-vehicle {width: 100%;border: none;min-height: inherit} .menu .nav-content li.nav-audio-vehicle .text-title {text-align: center;padding: 6px 0 12px 0} .menu .nav-content li.nav-audio-vehicle form {overflow: inherit;} .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {width: auto;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {width: 100%;margin: 0} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {width: 304px;padding: 0 7px 10px 9px;} .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 302px} .menu .nav-content li.nav-audio-vehicle .find-vehicle {padding: 0 7px 0 9px;width: 304px;text-align: center} .menu .nav-content li.nav-audio-vehicle .find-vehicle button.button {padding: 11px 0 10px 0;width: 100%;font-size: 1.125em; text-align: center;float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;} .menu .nav-content li.nav-audio-vehicle .find-vehicle span {display:-moz-inline-stack;display:inline-block;vertical-align:top;float: none;position: inherit;margin: 5px 0} .menu .nav-content li.nav-audio-vehicle .find-vehicle span .shopby-reset {color: #2d2d2d} .menu .nav-content li.nav-audio-vehicle .find-vehicle .clear-btn {clear: both;display: block} .menu .nav-content li.nav-audio-vehicle .find-vehicle .shopby-reset {line-height: 36px} .menu .nav-content li.nav-audio-category {width: 100%;padding: 0 0 10px 0;border: none} .menu .nav-content li.nav-audio-category .text-title {text-align: center;margin-bottom: 13px} .menu .nav-content li.nav-audio-category ul.left-cat-nav , .menu .nav-content li.nav-audio-category ul.right-cat-nav {float: left;width: 100%;border-top: 1px solid #e5e5e5;padding: 0;margin: 0} .menu .nav-content li.nav-audio-category ul.right-cat-nav {border-bottom: 1px solid #fff;border-top: none} .menu .nav-content li.nav-audio-category li {float: left;width: 100%;padding:0;margin: 0;border-top:1px solid #fff;border-bottom:1px solid #e5e5e5; } .menu .nav-content li.nav-audio-category li a {display: block;font-size: 1em;padding: 0 22px 0 12px;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 301px -269px} .menu .nav-content li.nav-audio-category li a:hover {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 301px -269px;color: #a0a0a0} .menu .nav-content li.nav-audio-category li a span {display: block;height: 34px;line-height: 34px;overflow: hidden} .cms-index-index #bg-menu-select {padding-bottom: 15px;} .menu .nav-menu li .text-title {font-size: 0.8125em;line-height: 0.8125em} .menu .nav-menu .nav-content {margin: 8px 0 0 0} .main-container {width: 320px;} .col2-set .col {width: 100%;padding-bottom: 9px} .banner-home {width: 100%;border-left:none;border-right:none;margin: 0} .banner-home .banner-info {top: 44px} .banner-home .title-banner {font-size: 38px;line-height: 38px} .banner-home .select-device {font-size: 12px} .special-box {display: none} .footer-container {padding: 0;background: none} .footer, .footer-bottom-center {width: 304px;padding: 0 7px 0 9px;position: relative} .right-footer {padding: 0;width: 100%;border: none;position: relative;min-height: 140px;margin: 0} .footer-container .newsletter {border: none;padding: 65px 0 16px 0;width: 100%;} .footer-container .social-links {position: absolute;left:0;top:3px;border: none;padding: 0;width: 100%;overflow: hidden} .footer-container .social-links ul {width: 320px} .footer-container .social-links ul li {padding: 0;} .footer-container .social-links a.l-youtube, .footer-container .social-links a.l-youtube:hover {display: none;} .footer-container .footer .social-links h2 {margin-bottom: 6px} .footer .form-subscribe label {margin-bottom: 1px} .footer .form-subscribe input.input-text {width: 200px;margin: 0;} .footer .form-subscribe button {float: right} .footer .form-subscribe .validation-advice {width: 290px;left: 0;top: 114px} .footer-links-top {width: 100%;position: relative;padding: 2px 0 46px 0;border: none} .footer-links-top .vertical-line-center {float: left;width: 100%;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/vertical-line.png") repeat-y center} .footer-links-site-01 {width: 133px;padding: 0 19px 0 0;min-height: 26px;border:none } .footer-links-site-01 button.button {display: none} .footer-links-site-02 {width: 133px;padding: 0 0 0 19px;min-height: 26px;border:none;overflow: inherit} .footer-links-site-02 ul {width: 100%} .footer-links-site h2 {cursor: pointer;margin: 5px 0 2px 0} .footer-links-site h2.expand-nav {text-align: left;padding: 0 0 0 33px} .footer-links-site h2.expand-nav span {display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom: 1;*display: inline;padding: 0 16px 0 0;background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat right -321px;} .footer-links-site ul {float: left;width: 100%;height: auto;min-height: 216px;display: none} .footer-links-top li {display: block;padding: 0} .footer-links-top li a {line-height: 36px;font-size: 0.875em} .btn-blog-320 {display: block} .footer-links-top button.button {float: left;position: absolute; bottom: 3px;left: 50%;margin: 0 0 0 -62px;font-size: 1em;padding: 7px 27px} .footer-livechat {display: none} .footer-links-bottom {padding: 23px 0 55px 0;position: relative} .footer-links-bottom .copyright {width: 100%;margin: 0;padding: 0;position: absolute;left: 0;bottom: -34px;text-align: center} .footer-links-bottom .link-foot-bottom ul {float: left;width: 100%;text-align: center} .footer-links-bottom .link-foot-bottom ul li {float: none;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom: 1;*display: inline;padding: 0 7px} /* LISTING =================================== */ .topmenu-style-cat .menu .nav-menu li .center-top-menu {width: 320px;} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option {position: relative;background: #e4e4e4 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-top-cat-600.png") no-repeat center top} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option h4 {margin: 0;padding: 0 7px 0 9px;background: none} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option .sort-device {width: 100%} .topmenu-style-cat .menu .nav-menu .nav-content li.devide-option .sort-device li {padding: 2px 10px 13px 10px;width: 80px;} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice {margin: 0 auto;width: 304px;padding: 0 7px 22px 9px} .topmenu-style-cat .menu .nav-menu .nav-content .choose-otherdevice button.button , .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal button.button {font-size: 1.125em !important;float: none;padding: 11px 0 10px;text-align: center;width: 100%;margin: 0;display: block} .topmenu-style-cat .menu .nav-menu li.devices .text-cat-topmn , .topmenu-style-cat .menu .nav-menu li.nav-audio-vehicle .text-cat-topmn {padding: 0 7px 0 9px;} .topmenu-style-cat .menu .nav-menu li.devices {width: 100%;position: relative} .topmenu-style-cat .menu .nav-menu li.devices ul {width: 100%;padding: 0} .topmenu-style-cat .menu .nav-menu li.devices li.thumb-device-1 {width: 115px} .topmenu-style-cat .menu .nav-menu li.devices li.thumb-device-2 {width: 135px} .topmenu-style-cat .menu .nav-menu li.devices li.thumb-device-4 {width: 115px} .topmenu-style-cat .menu .nav-menu li.devices li.thumb-device-5 {width: 112px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal {margin: 5px 0 0 0;padding: 0 0 5px 0;width: 100%;text-align: center} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .amfinder-horizontal button.shopby-reset {float: none;margin: 0 auto;} .topmenu-style-cat .menu .nav-content .amfinder-buttons {float: left;padding: 0 7px 0 9px;width: 304px} .topmenu-style-cat .menu li.devide-option .sort-device li a , .topmenu-style-cat .menu .nav-menu li.devices li a span {font-size: 14px !important;line-height: 14px;line-height: 14px;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {padding: 0;width: 100%;} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .text-cat-topmn {line-height: 22px ;padding: 9px 7px 9px 9px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .text-cat-topmn span {display: block;padding: 0 100px 0 0;display: block} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle {width: 304px;padding: 0 7px 0 9px} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle .find-vehicle {width: 100%;float: none} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle {width: 100%;padding: 0 0 9px 0} .topmenu-style-cat .menu .nav-content li.nav-audio-vehicle ul.select-vehicle li.option-vehicle div.selector {width: 302px} .topmenu-style-cat .menu .nav-menu li.devices li.thumb-device-2 a {margin: 0 45px 0 10px !important} .category-bottom .center-cb {width: 320px;} .category-bottom ul.catTech2 li {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 302px -217px} .category-bottom ul.catAudio2 li {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 302px -267px} .category-layout {float: left;width: 100%;border-top: 1px solid #fff} .category-layout .col-left {width: 100%;padding: 0;margin: 0;position: relative;border-bottom: 1px solid #e5e5e5} .category-layout .col-main {width: 100%;padding: 15px 0 0 0;margin: 0;border-top: 1px solid #fff} .category-layout .col-left .finter-title {display: block} .category-layout .col-left .filter-center {width: 320px;margin: 0 auto;position: relative} .title-category {padding: 13px 7px 13px 9px} .finter-title span , #narrow-by-list dt , #narrow-by-list dd {padding: 0 7px 0 9px} .category-layout .category-view {width: 320px;float: none;margin: 0 auto;} .category-products .toolbar {position: inherit;width: 100%;left: 0;right: inherit;top: 0;margin: 0;padding: 5px 0 0 0} .category-products .toolbar .sorter {float: left;margin: 0 0 15px 20px} .toolbar .sorter {float: left;margin: 0 0 0 20px} /* .toolbar .pager {display: none}*/ .category-view div.selector {width: 282px;} .pager .pages li {font: normal 0.875em/28px arial} .toolbar-bottom {display: none;padding: 15px 0} .ground-product {width: 312px;padding: 0 0 0 5px} .products-grid {padding: 16px 0;} .products-grid li.item {width: 146px;height: 200px; margin: 8px 4px 0 4px;} .products-grid li.item .product-shop .price-box {float: none;padding: 0;display: block;text-align: center} .products-grid li.item .product-shop .price-box .old-price, .products-grid li.item .product-shop .price-box .regular-price, .products-grid li.item .product-shop .price-box .special-price {float: none;padding: 0 2px 0 0;margin: 0;display: inline-block;zoom:1;*display: inline;vertical-align: top} .device-ground {float: left;width: 148px;padding: 10px 0 0 9px;text-align: center;margin: 0 0 0 -1px} .body-category .footer-container {padding: 18px 0 0 0} .sidebar .block-compare {background:none;padding: 0 0 20px 0} .sidebar .block-compare li.item {width: 297px;margin: 10px 0 0 10px;} .review-popup {width: 220px;padding: 0} .review-popup input.input-text , .review-popup textarea {width: 210px} .review-popup button.button {margin: 14px 0 0 0;padding: 11px 0 10px 0;width: 220px} .review-popup .form-list {padding: 15px 0 0 0} .review-popup .form-list li {padding: 0} /* CONTACT =================================== */ .contact-content {padding: 25px 17px 25px 19px;border-left: none;border-right: none} .contact-content .form-list input.input-text {width: 274px} .contact-content .form-list textarea {width: 274px;} .contact-content button.button {width: 284px} /* ACCOUNT =================================== */ .account-login .col2-set {margin: 0 0 30px 0} .account-login .col2-set {padding: 0;border-left: none;border-right: none} .account-login .col2-set .new-users {width: 304px;padding: 0 7px 0 9px; border-bottom: 1px solid #e8e8e8;margin: 0} .account-login .col2-set .registered-users {width: 304px;padding: 5px 7px 0 9px;border-top: 1px solid #fff;margin: 0} .account-login .col2-set .new-users .content , .account-login .col2-set .registered-users .content {padding: 0 0 30px 0;width: 100%;border:none;} .account-login .col2-set h1.form-title, .account-login .col2-set h2.form-title {margin: 24px 0 20px 0;} .account-login .col2-set .registered-users span.required {right: 8px;margin: 0} .account-login p {margin: 0 0 10px 0;padding: 0 5px 0 10px} .account-login .col2-set .buttons-set button.button {float: none;padding: 11px 0 10px 0;width: 304px} .account-login .form-list {width: 294px;padding: 0 0 0 10px} .account-login .form-list li {padding: 0 0 3px 0} .account-login .form-list input.input-text {width: 275px} .account-login .form-list label.required {line-height: 28px} .forgot-pass {padding: 0 0 20px 10px;text-align: left} .forgot-pass a {font: normal 0.875em/0.875em proximanova-semibold;} .account-create #form-validate {margin: 0 0 30px;padding: 20px 7px 20px 9px;border-left: none;border-right: none;} .account-create .text h2 {font: normal 1.5em/1.5em "pragmatica-web-condensed",pragmatica-cond-light,proximanova-regular;text-align: center;padding: 0;margin: 0 0 9px 0} .account-create .text p {padding: 0 5px 25px 10px;margin: 0 0 21px 0;border-bottom: 1px solid #e8e8e8} .account-create .form-left {padding: 0 0 20px 0;width: 100%;border: none;border-bottom: 1px solid #e8e8e8} .account-create .form-right {padding: 22px 0 0 0;width: 100%;border: none} .account-create .form-title {text-align: center;position: relative;margin: 0 0 20px 0} .account-create .form-title span.required {position: absolute;right: 8px;top: 0} .account-create .form-right span.required {display: none} .account-create .form-list {width: 283px;float: left;padding: 0 10px 0 11px} .account-create .form-list li , .account-create .form-right .field {padding: 0 0 3px 0} .account-create .form-list li.control {padding: 20px 0 0 0} .account-create .form-list label.required {line-height: 28px} .account-create .form-list input.input-text, .account-create .form-left .validation-advice , .account-create .form-right .form-list input.input-text, .account-create .form-right .validation-advice {width: 273px} .account-create .form-left label.required, .account-create .form-right label.required {width: 100%} .account-create p.text2 {margin: 4px 0 10px 0;padding: 0 0 0 12px} .account-create button.button {padding: 11px 0 10px 0;float: left;margin: 28px 0 12px 0;width: 100%} .form-forgot-pass {margin: 0 0 30px 0;padding: 25px 17px 30px 19px;border-left: none;border-right: none} .form-forgot-pass label.required {float: left;width: 100%} .form-forgot-pass input.input-text {float: left;width: 274px} .form-forgot-pass .buttons-set {display: block;padding: 0} .form-forgot-pass .buttons-set button.button {padding: 11px 0 10px 0;width: 284px} .account-login .col2-set , .account-create #form-validate , .forgot-block .form-forgot-pass {margin: 0 0 10px 0} /* DASHBOARD =================================== */ .myacc-sidebar, .myacc-content {width: 100% !important;} .view-all-content {display: none} .block-account .block-content ul li {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arrow-menu.png") no-repeat 302px 1px} .my-account {padding: 15px 0 10px 0} .my-account .page-title {margin: 0;text-align: center} .my-account .page-title h1 {margin: 0} .my-account .page-title button.button {float: left;} .my-account .title-module , .my-account .legend, .my-account .sub-title{text-align: center;margin: 20px 0;display: block;padding: 0;float: none} .my-account .col2-set {border-bottom: 1px solid #D2D2D2;border-top: 1px solid #D2D2D2;padding: 0} .my-account .col2-set .col-1 , .my-account .col2-set .col-2 {width: 100%} .my-account .info-box {float: left;width: 100%;border: none;margin: 0} .my-account .info-box .box-content {text-align: center;min-height: 0;padding: 16px 20px 25px} .my-account .info-box a {right: 20px} .my-account .form-list {padding: 20px 17px 20px 19px;border-right: none;border-left: none;margin: 0} .my-account .form-list .input-box {width: 284px; margin: 0 0 10px 0} .my-account .form-list input.input-text {width: 274px} .my-account .form-list div.selector {width: 282px} .my-account .form-list .control p {padding: 0} .my-account .form-list label {line-height: 14px;padding: 0 0 8px 0;float: left} .my-account .addresses-list {border: none} .addresses-list ol {border-bottom: 1px solid #D2D2D2;border-top: 1px solid #D2D2D2} .addresses-additional ol {padding: 10px 0} .addresses-additional ol li {padding: 10px 17px} .my-account .buttons-set button.button, .my-account button.button {margin: 0 0 0 19px;} .my-account .buttons-set {padding: 20px 0 0 0} .my-account .buttons-set .back-link {width: 100%;text-align: center;padding: 0 0 10px 0} .my-account p.required {text-align: center} .giftcardaccount .buttons-set button.button {width: 304px;margin: 0 0 10px 9px;float: left} .account-balance {padding: 0 19px 20px 17px;} .my-rewards .info-box a {position: inherit;display: block;margin: 10px 0 0 0;float: none;text-align: left} .my-rewards .box {float: left;width: 100%} .my-rewards .balance-history p {padding: 20px 17px 20px 19px} .my-account .my-rewards .form-list li.control .input-box {width: 30px;float: left} .my-account .my-rewards .form-list li.control label {float: none;line-height: 22px} .my-account .review-table th.name-pro-wl {width: 66%} .my-account .review-table th.add-cart-wl {width: 34%} .my-account .my-wishlist .buttons-set button.button {padding: 11px 0 10px 0;width: 294px;font-size: 1em !important;margin: 10px 0 0 13px} .my-wishlist .product-image {width: 50px} .my-wishlist .product-desc {width: 120px} .order-page .order-info { margin: 20px 0;} .order-page .col2-set {margin-bottom: 20px} .order-details .table-caption {text-align: center} .order-page .page-title a {font: normal 0.875em/18px proximanova-semibold} .order-details .review-table th, .order-details .review-table td {padding: 9px 5px} .return-block .form-list label {line-height: 18px;padding: 8px 0} .return-block .form-list span.input-box {padding: 0;width: 160px;margin: 8px 0 10px 0;line-height: 18px} .return-block a.btnAddItem {float: none;display: block;margin-bottom: 20px;text-align: center;font-size: 1em} .return-block .buttons-set button.button {float: left;padding: 11px 0 10px 0;width: 304px;margin: 0 0 10px 9px} .return-block .form-list textarea {width: 270px;} .return-block label.required3 {width: 100px;float: left;line-height: 18px} .return-block .page-title h1 {margin-bottom: 18px} #rma_comment {padding:0} #rma_comment button.button {margin: 0} .view-rd {overflow-x: scroll} .my-account .titlerd {margin-bottom: 12px} /* DETAIL =================================== */ .top-details {padding: 20px 0 10px 0} .center-details {width: 320px} .breadcrumbs {width: 320px} .top-details .product-col-right, .bottom-details .product-col-right {padding: 0 7px 0 9px !important;width: 304px;margin: 0 !important;} .bottom-details .product-col-left {display: none !important;} .bottom-details {background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/divider-600.png") no-repeat center bottom;padding: 25px 0 14px 0} .media-600 {display: block;padding: 0;height: 280px;} .product-view .accordion-tabs li.active .section-title , .product-view .accordion-tabs li .section-title {background-position: 278px center;} .product-view .add-to-links li.add-compare {display: none} .product-view .add-to-links li.save-wishlist {width: 100%;text-align: center} .product-view .add-to-links li.save-wishlist a.link-wishlist {margin: 0} .catalog-product-view .footer-container {padding: 2px 0 0 0} .product-view .add-to-links {padding: 8px 0 0 0} .product-view .accordion-tabs {margin: 4px 0 0 0} .product-video center {float: left;width:302px;height: 174px;margin: 0 0 16px 0;} .product-video center img , .product-video center span.video-icon {display: none} .product-video center object , .product-video center embed {width: 100%;border: none;padding: 0;margin: 0;width: 100%;height: 174px} /* SHOPPING CART =================================== */ .cart-empty-page {padding: 0;text-align: center} .cart-empty-page .page-title {padding: 20px 0;text-align: center} .cart-empty-page .cart-empty {border-left: none;border-right: none} .cart-empty-page button.button {padding: 11px 0px 10px 0px;width: 100%} .cart-list .form-cart {width: 320px;padding: 0} .cart-list .page-title {float: left;width: 304px;padding: 0 7px 23px 9px} .cart-list .page-title h1 , .cart-list .page-title ul {padding: 0;float: none;display: block;text-align: center;width: 100%} .cart-list .page-title ul li {float: none;display: block;text-align: center;} .cart-list .page-title h1 {padding: 0 0 10px 0} .cart-list .page-title ul button.button.btn-proceed-checkout {float: none;padding: 11px 0 10px 0;width: 100%} .cart-list .cart-table {border-left: none;border-right: none} .cart-list .shadow-box {-webkit-box-shadow: 0px 2px 2px 0px #cccccc;box-shadow: 0px 2px 2px 0px #cccccc;} .cart-list .cart-table tr th {display: none;visibility: visible} .cart-list .cart-table tr th span {display: none} .cart-list .cart-table tr td.cart-img{width: 80px;padding: 10px 15px 10px 15px} .cart-list .cart-table tr td.cart-name{width: 184px;padding: 10px 0} .cart-list .cart-table tr td.td-qty {width: 10px;vertical-align: bottom} .cart-list .block-name {display: block;padding: 0 0 76px 0} .cart-list .cart-table tr td.td-qty .qty-price-600 {position: relative;width: 10px} .qty-price-600 .position-fix {float: left;position: absolute;width: 198px;left: -194px;text-align: left;bottom: 0} .qty-price-600 .total-320 {float: left;padding: 8px 0 0 0} .qty-price-600 .btn-remove {float: right;margin: 10px 8px 0 0} .paypal-logo {float: none;margin: 0;display: block} .paypal-logo a {float: none} .paypal-logo .paypal-or {float: none;line-height: 18px;padding: 0 10px;display: block} .cart-list .page-title .paypal-logo .paypal-or {padding: 0 10px 10px 10px} .cart-list .cart-collaterals {padding: 0} .cart-list .cart-table tfoot tr td {padding: 10px 7px 10px 9px} .cart-list .cart-table .btn-continue , .cart-list .cart-table .btn-update {padding: 11px 0 10px 0;width: 147px;font-size: 0.75em !important;} .cart-list .cart-collaterals {width:304px;padding: 0 7px 0 9px;} .cart-list .col2-set {width:100%;padding: 0;border: none} .cart-list .totals {width: 283px;padding: 30px 10px 10px 11px;border-top: 1px solid #fff;border-bottom: 1px solid #E4E4E4} .cart-list .totals .checkout-types li {float: right;width: 49%} .cart-list .totals .checkout-types li a {float: right;margin: 9px 0 0 0} .cart-list .discount , .cart-list .shipping {width: 283px;padding: 20px 10px 20px 11px;min-height: 0;text-align: center} .cart-list .discount {border: none;border-bottom: 1px solid #E4E4E4} .cart-list .shipping {border: none;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #fff} .cart-list fieldset p {text-align: left} .cart-list .col2-set .button.btn-gray {float: none;padding: 11px 0 10px 0;font-size: 0.75em !important;margin: 10px 0 0 0;width: 145px} .cart-list .shipping .form-list li {padding: 0 0 10px 0} .cart-list .col2-set .shipping .button.btn-gray {margin: 0} .cart-list .shipping .form-list li {text-align: left} .cart-list fieldset p {font: normal 0.875em/18px proximanova-semibold} .cart-list .discount input.input-text {float: left;width: 273px} .cart-list .shipping input.input-text {float: left;width: 155px} .cart-list .shipping input.other-address {width: 273px;margin: 10px 0 0 0} .cart-list .totals tfoot tr strong {font: normal 18px/1em proximanova-bold;padding: 15px 0 28px 0;} .cart-list .totals tfoot tr strong .price {font: normal 18px/1em proximanova-bold;} .cart-list .totals .checkout-types li {width: 100%;padding: 0 0 10px 0;text-align: center} .cart-list .totals .checkout-types li button.btn-proceed-checkout {width: 100%;padding: 11px 0 10px 0;} .cart-list .totals .checkout-types li a {float: none;font-size: 0.875em} .cart-list .cart-collaterals .col-1 {float: left;width: 100%;} .cart-list .crosssell {padding: 18px 0 0 0;position: relative ;width: 312px;margin: 0 0 0 -9px} .cart-list .crosssell .products-grid {padding: 12px 0} .cart-list .crosssell .text-title {text-align: center} .cart-list .crosssell .products-grid li.item , .cart-list .crosssell .products-grid li.item:hover{margin: 8px 0 0 8px;} .cart-list .shipping .sp-methods dd li {text-align: left} .cart-list .shipping .sp-methods label , .cart-list .shipping .sp-methods label .price {font: normal 13px/18px proximanova-semibold;} /* CHECKOUT =================================== */ .checkoutPage {width: 100%;padding: 0 0 10px 0;background: none} .checkoutContent {border-left: none;border-right: none;} .step-title h2 {background: #f7f7f7 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status.png") no-repeat 295px center;} .step-title h2:hover {background: #f7f7f7 url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-close-status-hl.png") no-repeat 295px center;} .step-title h2 label span {padding: 0 6px 0 12px} .step-title h2 a {display: none} #checkoutSteps .active .step-title .title-on {width: 303px;padding: 0 7px 0 10px;margin: 0} #checkoutSteps .active .step-title h2 {background: #fff url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/step-open-status.png") no-repeat 285px center;} #checkoutSteps #checkout-step-login {float: left;width: 100%;padding: 0} #checkout-step-login p {padding: 0 5px 0 10px} #checkout-step-login .col-1 {width: 304px;padding: 20px 7px 0 9px;} #checkout-step-login .col-1 .buttons-set {border-bottom: 1px solid #e5e5e5;padding: 0 0 20px 0} #checkout-step-login .col-2 {width: 304px;padding: 20px 7px 20px 9px;} #checkout-step-login .col-2 input.input-text {width: 294px} #checkout-step-login .col-2 .form-list li {padding: 0 2px} #checkout-step-login .col-2 .buttons-set {padding: 10px 0 0 0} #checkout-step-login button.button {padding: 11px 0 10px 0;width: 304px} .checkoutPage .form-title {float: left;width: 100%;margin: 0;padding: 0 0 22px 0;position: relative;text-align: center} .checkoutPage .form-title span.required {position: absolute;right: 8px;top: 0} .block-step-checkout {padding: 0 17px 0 20px;} #checkout-review-table-wrapper {padding: 0} #checkout-step-payment .note {display: block;padding: 12px 0 0 0} #checkout-step-payment .space-label {margin: 10px 0} #checkout-step-payment p.required2, #checkout-step-payment .backLink {display: none} #checkout-step-payment button.button {margin: 0} .review-table tr td.name {width: auto} .review-table tr td.name .img-p {display: none} .review-table tr td.name .product-checkout {float: left;width: 100px} .review-table tr td.name h3 {font-size: 1.25em} .review-table tr th , .review-table tr td {padding: 10px 5px;border: none;border-bottom: 1px solid #D2D2D2} .review-table tr th {border-top: 1px solid #D2D2D2;} .review-table tr td, .review-table tr td.td-qty{font-size: 0.875em} .review-table tr td strong , .review-table tr td strong .price {font-size: 16px} #checkout-review-submit button.button {float: right;margin: 0 17px 0 0;width: 283px} #checkout-review-submit p.f-left {padding: 10px 20px} .newletter-cart {bottom: 80px;padding: 0 0 0 20px} #checkout-step-review .review-table tfoot tr td {border-left: none !important;border-right: none !important;} ul.form-style , ol.form-style {float: left;width: 283px} .form-style div.selector , .form-style .address-bar div.selector {width: 281px;} .form-style input.input-text {width: 273px;} .month-select , .year-select {float: left;width: 141px} .month-select div.selector , .year-select div.selector {width: 133px;} .year-select div.selector {float: right} .month-select .validation-advice, .year-select .validation-advice {max-width: 130px} #allow-gift-options-for-items-container ol, #allow-gift-options-for-items-container ul {padding: 15px 0} #allow-gift-options-for-items-container li.gift-item {height: 230px;width: 128px;margin: 10px 5px 0 5px} #allow-gift-options-for-items-container li.gift-item img {height: 128px;} #checkoutSteps .form-list .validation-advice {max-width: 280px} .hide320 {display: none} .paypal-express-review .page-title {padding: 20px 10px 2px 10px;text-align: center} .paypal-review-order {width: 100%;padding: 0} .paypal-review-order .sub-title {text-align: center} .paypal-review-order .legend, .paypal-review-order .box-title h3 {text-align: center} .review-paypal-block {padding: 10px 0 10px 19px;border-left:none;border-right:none;} .paypal-review-order .col2-set .col-1 , .paypal-review-order .col2-set .col-2 {margin: 0 0 20px 0;} .paypal-review-order .legend .separator {display: none} .paypal-review-order .legend a {display: block;padding: 8px 0 0 0} .review-paypal-block .form-list li.control .field {padding: 10px 0 0 0;} .paypal-review-order .review-table tr td.name .product-checkout {width: auto;float: none} .paypal-review-order .review-table tfoot tr td {border-left: none !important;border-right: none !important;} .paypal-review-order .buttons-set-order button.button {padding: 11px 0 10px 0;width: 304px;float: left;margin: 0 0 10px 9px} /* ERROR =================================== */ .error-page {padding: 20px 19px 20px 17px;border-right: none;border-left: none} .error-page .sub-title {line-height: 26px} /* THANK YOU =================================== */ .order-success-content {background: #fff;border-left: none;border-right: none;padding: 20px 17px 20px 19px;margin: 0 0 30px 0} .order-success-content button.button {width: 284px} /* CMS PAGE =================================== */ .cms-page-view .footer-container {padding: 18px 0 0 0} .cms-page-view .page-title {padding: 23px 20px 0 20px} /* .cms-content {padding: 0 20px 10px 20px;} */ .cms-page-view .std {padding: 0 20px 10px 20px;} .send-friend .buttons-set button.button {margin: 5px 0;} .send-friend textarea {width: 274px} } @media screen and (color) and (min-width: 769px) { .blockShow {display: block !important;} } @media only screen and (min-width:1381px){} @media only tv and (min-width:1218px){} @media only tv and (min-width:1827px){} @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){} /* Font face ================================================================================ */ @font-face { font-family: 'ProximaNova-Bold'; src: url('/fonts/ProximaNova-Bold.eot'); src: url('/fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Bold.woff') format('woff'), url('/fonts/ProximaNova-Bold.ttf') format('truetype'), url('/fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'ProximaNova-Regular'; src: url('/fonts/ProximaNova-Regular.eot'); src: url('/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Regular.woff') format('woff'), url('/fonts/ProximaNova-Regular.ttf') format('truetype'), url('/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'ProximaNova-Semibold'; src: url('/fonts/ProximaNova-Semibold.eot'); src: url('/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Semibold.woff') format('woff'), url('/fonts/ProximaNova-Semibold.ttf') format('truetype'), url('/fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'avenir-medium'; src: url('/fonts/AvenirLTStd-Medium.eot'); src: url('/fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/AvenirLTStd-Medium.woff') format('woff'), url('/fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('/fonts/AvenirLTStd-Medium.svg#avenir-medium') format('svg'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'universe-light'; src: url('/fonts/universltstd-lightcn.eot'); src: url('/fonts/universltstd-lightcn.eot?#iefix') format('embedded-opentype'), url('/fonts/universltstd-lightcn.woff') format('woff'), url('/fonts/universltstd-lightcn.ttf') format('truetype'), url('/fonts/universltstd-lightcn.svg#universe-light') format('svg'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'pragmatica-cond-light'; src: url('/fonts/pragmaticacondc-webfont.eot'); src: url('/fonts/pragmaticacondc-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/pragmaticacondc-webfont.woff') format('woff'), url('/fonts/pragmaticacondc-webfont.ttf') format('truetype'), url('/fonts/pragmaticacondc-webfont.svg#pragmatica-cond-light') format('svg'); font-weight: normal !important; font-style: normal; } .font-proxima-regular {font-family:ProximaNova-Regular; font-weight:normal !important;font-style:normal;} .font-proxima-bold {font-family:ProximaNova-Bold; font-weight:normal !important;font-style:normal;} .font-proxima-semibold {font-family:ProximaNova-Semibold;font-weight:normal !important;font-style:normal;} .hidden{display:none !important;visibility:hidden;} .inline-block{display:-moz-inline-stack;display:inline-block;vertical-align:top;} body{font-family:"pragmatica-web-condensed",pragmatica-cond-light,ProximaNova-Regular,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:100.01%;overflow-x: hidden;} button,input,select,textarea{font-family:ProximaNova-Regular,"Helvetica Neue",Arial,Helvetica,sans-serif;} h1,h2,h3,h4,h5,h6{font-weight:bold;} h1{font-size:36px;line-height:36px;margin:0 0 18px;} h2{font-size:30px; line-height:30px; margin:0 0 16px;} h3{font-size:24px;line-height:24px;margin:0 0 14px;} h4{font-size:18px;line-height:18px;margin:0 0 12px;} h5{font-size:16px;line-height:16px;margin:0 0 10px;} h6{font-size:14px;line-height:14px;margin:0 0 8px;} small{font-size:12px;margin:0 0 10px;} p,ul,ol{font-size:100%;line-height:16px;margin:0 0 10px;} pre,code,kbd,samp{font-family:"Courier New",Courier,monospace;font-size:12px;line-height:16px;} form,button,input,select,textarea,label{font-size:100%;line-height:16px;} dl dd{margin:0 0 15px} dt{margin-bottom:15px;} a,a:visited{color:#0066cc;outline: none;} a:hover{color:#004c99;} ::selection{background:#ff0099;color:#ffffff;} ::-moz-selection{background:#ff0099;color:#ffffff;} @media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}} /* Magic Zoom Plus v2.0.8 DEMO Copyright 2010 Magic Toolbox You must buy a license to use this tool. Go to www.magictoolbox.com/magiczoomplus/ */ .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; } /* Style of zoomed window */ .MagicZoomBigImageCont { border: 1px solid #999; background: #fff; left: 380px !important; /*height: 400px !important;*/ /*width: 400px !important;*/ } .MagicZoomBigImageCont img { max-height: 2000px !important; max-width: 2000px !important; } /* Style of header, activated with "title" attribute in tag */ .MagicZoomHeader { font-size: 8pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important; } /* Style of small square under mouse */ .MagicZoomPup { background: #fff; cursor: move; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)" !important; filter: alpha(opacity=25) !important; -moz-opacity:0.25 !important; -khtml-opacity: 0.25 !important; opacity: 0.25 !important; border: 1px solid #2d2d2d; } /* Style of message box while image is loading */ .MagicZoomLoading { border: 1px solid #ccc; background: #fff url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; color: #444; } /* Style of the small image link */ .MagicZoomPlus { cursor: url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/graphics/zoomin.cur), pointer; outline: 0 !important; } /* Style of the small image */ .MagicZoomPlus img { border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto; /*max-height: 399px;*/ } /* Style of the span inside the small image link */ .MagicZoomPlus span { display: none !important; } /* Style of hotspots */ .MagicHotspots { display: none; visibility: hidden; } .MagicHotspots a { border: 1px solid #ccc; } .MagicHotspots a:hover { border: 1px solid red; } /* Style of the small image link */ .MagicThumb, .MagicThumb:hover { cursor: url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/graphics/zoomin.cur), pointer; outline: 0 !important; } /* Style of the small image when the large image is expanded */ .MagicThumb-expanded-thumbnail { cursor: default; } /* Style of the span inside the small image link */ .MagicThumb span { display: none !important; } /* Style of the small image */ .MagicThumb img { border: 0; outline: 0; } /* Style of the expanded image */ .MagicThumb-expanded { cursor: url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/graphics/zoomout.cur), pointer; background: transparent; border: 1px solid #ccc; outline: 0; padding: 0; /*width: 400px !important; /*IE8 and below */ } /* Style of the caption for the expanded image */ .MagicThumb-caption { color: #333; font: normal 10pt Verdana, Helvetica; background: #ccc; text-align: left; padding: 8px; border: 0 !important; outline: 0 !important; } /* Style of the close/next/previous buttons */ .MagicThumb-buttons { background: transparent url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/graphics/buttons1.png) no-repeat 0 0; display: block; } .MagicThumb-buttons a { width: 22px; height: 22px; margin: 0px 1px !important; background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-x1.png) no-repeat right top!important ; } .MagicThumb-buttons a[rel="previous"] {background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-room-pre.png) no-repeat right top!important; } .MagicThumb-buttons a[rel="next"] {background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/icon-room-next.png) no-repeat right top!important } /* Style of the loading message box */ .MagicThumb-loader { font: normal 12pt sans-serif; border: 1px solid #000; background: #fff url(http://www.scosche.com/skin/frontend/enterprise/scosche/css/graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; } /* Style of the small images which swap the main image */ .MagicThumb-swap { } /* Style to hide caption on page. Only needed for #id method. */ .MagicThumb-external-caption { display: none; } /* Contaner with main image and selectors container */ div.MagicToolboxContainer { text-align: center; display: block; /*height: 399px;*/ } /* Main image styles */ div.MagicToolboxContainer a { margin: 0 auto; } /* Container with selectors*/ div.MagicToolboxSelectorsContainer { float:right; position:relative; width: 100%; } div.MagicToolboxSelectorsContainer ul { list-style: none;padding: 0; margin: 0; } div.MagicToolboxSelectorsContainer ul li { display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin: 0 10px 10px 0;background: #fff;border: 1px solid #d7d7d7;width: 74px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1); text-align: center; } /* Selectors styles */ div.MagicToolboxSelectorsContainer a { display: inline-block;text-align: center;overflow: hidden;height: 74px; } div.MagicToolboxSelectorsContainer a img{ width: auto; max-width: 74px; height: auto; max-height: 74px; } @media screen and (color) and (max-width: 959px) { div.MagicToolboxSelectorsContainer a img{ max-width: 48px; max-height: 48px; } } #supportedBrowser{ clear: both; padding-top: 12px; } #supportedBrowser #openModal{ background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-view360.png) no-repeat; width: 122px; height: 28px; border: none; } #supportedBrowser #openModal:hover{ background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-view360.png) no-repeat left -28px; } #supportedBrowser #openModal:active{ background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/btn-view360.png) no-repeat left -56px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:18px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* Uniform Theme: Uniform Default Version: 1.6 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://pixelmatrixdesign.com/uniform/ --- Generated by Uniform Theme Generator: http://pixelmatrixdesign.com/uniform/themer.html */ /* Global Declaration */ div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } div.selector, div.selector span { background-image: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/selectbox.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button *{ margin: 0; padding: 0; } /* INPUT & TEXTAREA */ input.text, input.email, input.password, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; padding: 3px; color: #777; background: url('http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-input-focus.png') repeat-x 0px 0px; background: url('http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-input.png') repeat-x 0px 0px; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0; } input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #999; background: url('http://www.scosche.com/skin/frontend/enterprise/scosche/images/bg-input-focus.png') repeat-x 0px 0px; } /* SPRITES */ /* Select */ .body-category .col-main div.selector, div.selector { background-position: left -371px; line-height: 28px; } .menu div.selector {background-position: left top} .body-category .col-main div.selector span , div.selector span { background-position: right -371px; line-height: 28px; height: auto;min-height: 28px; } .menu div.selector span {background-position: right top} div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 0px;width: 100%; } /* div.selector:active, div.selector.active { background-position: left top; } div.selector:active span, div.selector.active span { background-position: right top; } */ .body-category .col-main div.selector.focus, .body-category .col-main div.selector.hover, .body-category .col-main div.selector:hover, div.selector.focus, div.selector.hover, div.selector:hover { background-position: left top; } .body-category .col-main div.selector.focus span, .body-category .col-main div.selector.hover span, .body-category .col-main div.selector:hover span, div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right top; } .body-category .col-main div.selector.focus:active, .body-category .col-main div.selector.focus.active, .body-category .col-main div.selector:hover:active, .body-category .col-main div.selector.active:hover, div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover{ background-position: left top; } .body-category .col-main div.selector.focus:active span, .body-category .col-main div.selector:hover:active span, .body-category .col-main div.selector.active:hover span, .body-category .col-main div.selector.focus.active span, div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right top; } .body-category .tech-store-style .col-main div.selector.focus, .body-category .tech-store-style .col-main div.selector.hover, .body-category .tech-store-style .col-main .selector:hover{ background-position: left -644px; } .body-category .tech-store-style .col-main div.selector.focus span, .body-category .tech-store-style .col-main div.selector.hover span, .body-category .tech-store-style .col-main div.selector:hover span { background-position: right -644px; } .body-category .tech-store-style .col-main div.selector.focus:active, .body-category .tech-store-style .col-main div.selector.focus.active, .body-category .tech-store-style .col-main div.selector:hover:active, .body-category .tech-store-style .col-main div.selector.active:hover{ background-position: left -644px; } .body-category .tech-store-style .col-main div.selector.focus:active span, .body-category .tech-store-style .col-main div.selector:hover:active span, .body-category .tech-store-style .col-main div.selector.active:hover span, .body-category .tech-store-style .col-main div.selector.focus.active span{ background-position: right -644px; } .body-category .col-main div.selector.disabled , div.selector.disabled { background-position: left -371px; } .body-category .col-main div.selector.disabled span , div.selector.disabled span { background-position: right -371px; } /* Checkbox */ div.checker { width: 19px; height: 19px; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } div.button { background-position: 0px -523px; } div.button span { background-position: right -643px; } div.button.focus, div.button:focus, div.button:hover, div.button.hover { background-position: 0px -553px; } div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span { background-position: right -673px; } div.button.active, div.button:active { background-position: 0px -583px; } div.button.active span, div.button:active span { background-position: right -703px; color: #555; } div.button.disabled, div.button:disabled { background-position: 0px -613px; } div.button.disabled span, div.button:disabled span { background-position: right -733px; color: #bbb; cursor: default; } /* PRESENTATION */ /* Button */ div.button { height: 30px; } div.button span { margin-left: 13px; height: 22px; padding-top: 8px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left: 2px; padding-right: 15px; } /* Select */ div.selector { width: 124px; height: auto; padding-left: 2px; } div.selector select { font-family: arial;"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;text-transform: uppercase; border: none; width: 100% !important; } div.selector span { padding: 0px 24px 0px 10px; cursor: pointer; font-family: arial;"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;text-transform: uppercase; color: #1b1b1b;display: block; } div.selector.disabled span { color: #a7a7a7; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader { width: 190px; cursor: pointer; } div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px; } div.uploader input { width: 190px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector, .checker, .button, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } /* Button */ div.button a, div.button button, div.button input { position: absolute; } div.button { cursor: pointer; position: relative; } div.button span { display: -moz-inline-box; display: inline-block; line-height: 1; text-align: center; } /* Select */ div.selector { position: relative; overflow: hidden; } div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0); height: 27px; border: none; background: none; } /* Checker */ div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; } div.checker input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; } /* Radio */ div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } /* SELECT FORM LIST */ @media screen and (color) and (max-width: 600px) { div.selector { background-position: left -540px; line-height: 40px !important; width: 302px; } .cart-list .shipping div.selector {width: 281px} .menu div.selector {background-position: left -170px;} div.selector span { background-position: right -540px; line-height: 40px; height: auto;min-height: 40px; padding: 0 16px 0 14px; font-size: 0.875em;color: #2d2d2d; } .cart-list .shipping div.selector span {padding: 0 16px 0 8px;} .menu div.selector span {background-position: right -170px;} div.selector.disabled { background-position: left -540px; } div.selector.disabled span{ background-position: right -540px; color: #2d2d2d; } .cart-list .shipping div.selector.disabled span {color: #2d2d2d} div.selector select { font-family: arial;"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;text-transform: uppercase; border: none; height: 40px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: left -170px; } div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -170px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: left -170px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -170px; } } .carousel { margin: 10px auto; max-width: 400px; font-family: sans-serif; position: relative; } .carousel-item img { width: auto; max-width: 100%; height: auto; max-height: 400px; display: inline-block; float: none; } @media screen and (color) and (max-width: 599px) { .carousel-item img { max-height: 280px; } } .carousel-nav { position: absolute; top: 185px; z-index: 4; width: 100%; } .carousel-nav a { background: url("http://www.scosche.com/skin/frontend/enterprise/scosche/images/arr-slide-2.png") no-repeat; position: absolute; top: 0; width: 11px;height: 25px;text-indent: -9999em; } .carousel-nav a.prev { left: 0; background-position: left top; } .carousel-nav a.next { right: 0; background-position: right top; } .carousel-nav a.prev:hover {background-position: left bottom} .carousel-nav a.next:hover {background-position: right bottom} .carousel-nav, .carousel-nav a {outline: none} .carousel-nav-paginated .carousel-active-page a { background: #333; color: #fff; opacity: .8; } @media screen and (color) and (max-width: 600px) { .carousel-nav { top: 132px; } } /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow-x: hidden !important; overflow-y: auto !important; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('http://www.scosche.com/skin/frontend/enterprise/scosche/images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://www.scosche.com/skin/frontend/enterprise/scosche/css/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(http://www.scosche.com/skin/frontend/enterprise/scosche/images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }