border-color: /* Theme Name: Eminence Theme URI: http://eminence.com/ Description: Custom theme produced by KARMA Progressive Interactive Author: Chris Nowak, KARMA Progressive Interactive Version: 1.0 Tags: */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* =Spacing --------------------------------------------------------------------------------*/ ol {list-style: decimal;} ul {list-style: square;} li {margin-left: 0px;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px;} html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /*********** FONT ***********/ .bebas {font-weight: normal; font-style: normal; line-height:normal; font-family: 'BebasNeue','Tahoma', sans-serif; letter-spacing: 1px; text-transform: uppercase} @font-face { font-family: 'BebasNeue'; src: url('/font/bebasneue-webfont.eot'); src: local('☺'), url('/font/bebasneue-webfont.woff') format('woff'), url('/font/bebasneue-webfont.ttf') format('truetype'), url('/font/bebasneue-webfont.svg#webfontJPgtxp7N') format('svg'); font-weight: normal; font-style: normal; } /* =Basic HTML --------------------------------------------------------------------------------*/ body {font: 13px/1.5 Georgia, serif; color: #000} p {color: #5d5d5d; font-size: 12px; line-height: 17px} .bodycopy {font: 11px Arial; text-transform: none; color: #000; text-align: left} /* =Headings --------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;} h1 {font-size: 60px} h2 {font-size: 40px} h3 {font-size: 26px; font-weight: normal; margin-bottom: 0px;} h4 {font-size: 20px; color: #ef3b24;} h5 {font-size: 14px; } h6 {font-size: 15px} /* h2 {margin-top:1em;} h5 {font-size:1.2em;} h6 {font-size:1em; text-transform:uppercase;} */ /* anchors ----------------------------------------------- */ a { color: #000; } a:hover { color:#000; text-decoration: none; } a:focus{outline: 1px dotted invert;} /*** WORDPRESS ***/ .alignright {float:right;display:inline} .alignleft {float:left;display: inline} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .categories {} .cat-item {} .current-cat {} .current-cat-parent {} .children {} .pagenav {} .page_item {} .current_page_item {} .current_page_parent {} .current_page_ancestor {} .widget {} .widget_text {} .blogroll {} .linkcat{} .post {border-bottom: 1px dotted #ddd; margin-bottom: 20px} /*********** SHARED ***********/ .wrap {width:1024px;margin-left: auto;margin-right: auto; position: relative; z-index: 1;} a.arrow-link {padding: 6px 18px 6px 6px; background: #e63832 url(/img/right-red-arrow.jpg) right center no-repeat; color: #fff; text-decoration: none; font-size: 14px} a.arrow-link:hover {color:#fff; text-decoration: underline} a.view-all {margin-right: 30px} /*********** HEADER ***********/ #header {height: 157px;} #header #logo {width: 260px;float: left;display: inline} #header #nav {width: 760px;float: left;display: inline} #header #nav #top-row {height: 50px; position: absolute; top: 0px; right: 0px; z-index: 10000;} #header #nav #top-row #social {float: right; display: inline; width: 500px; text-align: right} #header #nav #top-row #social a {height: 20px; width: 50px; float: right; display: inline; margin-right: 4px; margin-top: 15px;color:#a8a8a8;} #header #nav #top-row #social a#youtube-nav-link {background: #fff url(/img/youtube-nav.jpg) 0 0 no-repeat} #header #nav #top-row #social a#facebook-nav-link {background: #fff url(/img/facebook-nav.jpg) 0 0 no-repeat} #header #nav #top-row #social a#twitter-nav-link {background: #fff url(/img/twitter-nav.jpg) 0 0 no-repeat} #header #nav #top-row #social a#instagram-nav-link {background: #fff url(/img/instagram-nav.jpg) 0 0 no-repeat} #header #nav #top-row #social a#adobe-nav-link {background: #fff url(/img/adobe-nav.jpg) 0 0 no-repeat; width:auto;} #header #nav #top-row #social a:hover {background-position: 0 -20px !important;color:#000;} #header #nav #top-row #social a span {display: none;} #header #nav #top-row #social a#adobe-nav-link span {display:inline-block;font-size:11px;font-family:'BebasNeue','Tahoma', sans-serif;margin:0 15px 0 25px;letter-spacing:0.5px;} #header #nav #top-row #languages {margin-left: 26px; margin-top: 10px; float: left; display: inline; } #header #nav #top-row #languages a img {margin-top: 16px; margin-left: 4px;margin-right:5px} #header #nav #main-nav {height: 42px; width: 750px; display: block; position: relative; z-index: 8000; padding-top: 50px} #header #nav #main-nav ul {float: right; display: inline; list-style-type: none;} #header #nav #main-nav ul li {float: left; display: inline; margin-left:16px;position: relative; *padding-top: 6px; } #header #nav #main-nav ul li a {color: #ef3b24; text-decoration: none; font-size: 20px; border: 1px solid #fff; /* padding: 5px 8px 0px 8px; */padding-left: 8px; padding-right: 8px;} #header #nav #main-nav ul li a:hover {color: #a62918} #header #nav #main-nav ul li#products-services-nav {width: 180px;margin-right: -6px} #header #nav #main-nav ul li#products-services-nav a#products-services-a {padding-top: 5px;} #header #nav #main-nav ul li#products-services-nav #products-services-a.hover-brackets {border: 1px solid #000} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown {position: absolute; top: 22px; left: 0px; z-index: 10000; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; width: 340px; background-color: #fff; *top: 28px; } #header #nav #main-nav ul li#products-services-nav #products-services-dropdown .col {float: left; display: inline; } #header #nav #main-nav ul li#products-services-nav #products-services-dropdown .col ul {display: block; float: none; margin-left: 8px} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown .col ul li {display: block; float: none; margin-left: 0px; margin-top: 6px} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown .col ul li a {border: none; color: #858585; font-size: 14px; padding: 0px 8px;} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown .col ul li a:hover {color: #000} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown #nav-col1 {width: 168px; height: 180px; margin-top: 10px; margin-bottom: 10px; border-right: 1px solid #ccc;} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown #nav-col2 {width: 170px; text-align: center; border-top: 1px solid #000; padding: 10px 0px 10px 0px;/* border-left: 1px solid #ccc; */} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown #nav-col2 .orange {color: #ef3b24; font-size: 18px} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown #nav-col2 a {color: #000; text-decoration: underline} #header #nav #main-nav ul li#products-services-nav #products-services-dropdown #nav-col2 a:hover {text-decoration: none} #header #nav #sub-nav {text-align: right;} #header #nav #sub-nav ul {float: right; display: inline; /* list-style-type: none; */} #header #nav #sub-nav ul li {float: left; display: inline; margin-left:20px} #header #nav #sub-nav ul li a {color: #a8a8a8; text-decoration: none; font-size: 16px; text-transform: uppercase;} #header #nav #sub-nav ul li a:hover {color: #000} #header #nav #sub-nav #search {float: right; display: inline; margin-left: 20px; position: relative} #header #nav #sub-nav #search input.box {width: 160px; background-color: #a6a6a6; color:#fff; padding:3px 3px 3px 10px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} #header #nav #sub-nav #search input.sub {position: absolute; top: 4px; right: 4px;} /*********** CONTENT AND STAGING ***********/ #content {width: 753px; padding-right:12px; float: left; display: inline} #content .onecolumn {width: 245px; float: left; display: inline; margin-left: 8px} #content .twocolumn {width: 490px; float: left; display: inline; margin-left: 10px} #content .threecolumn {width: 743px; float: left; display: inline; margin-left: 10px} #content h3 a {text-decoration: none} #content h3 a:hover {text-decoration: underline} #content h4.bebas a {color: #ef3b24; text-decoration: none} #content h4.bebas a:hover {text-decoration: underline} #content img.news-avatar {float: left; margin: 4px 10px 0 0px} #content a.more-link {color: #ef3b24;} /*********** HERO SLIDER ***********/ #hero {height: 430px;} #hero #slide_holder {height: 410px; width: 753px; overflow: hidden;position: relative; text-align: left; z-index: 1000;} #hero #slide_holder_inner {height: 384px; overflow: hidden; position: absolute; width: 753px; z-index: 2000;} #hero #slide_holder_inner div {position: absolute;} #hero ul#slide_buttons {list-style-type: none; position: absolute; top: 392px; right:0px; z-index: 5000} #hero ul#slide_buttons li {float: left; display: inline; height: 18px; width: 18px; background: #fff url(/img/slider-empty.jpg) 0 0 no-repeat; cursor: pointer; margin-left: 10px} #hero ul#slide_buttons li#button_selected {background: #fff url(/img/slider-full.jpg) 0 0 no-repeat !important;} #hero ul#slide_buttons li span {visibility: hidden} /*********** SIDEBAR ***********/ #sidebar {width: 239px; padding-left: 10px; float: left; display: inline} #sidebar .header {height: 30px} #sidebar p {padding: 10px 10px 10px 0px} #sidebar #find-a-dealer {background: #eee url(/img/sidebar-bg.jpg) 0 bottom repeat-x; padding: 0px 0px 10px 10px} #sidebar #find-a-dealer .header {background: #fff url(/img/find-a-dealer-bg.jpg) 0 0 no-repeat} #sidebar #find-a-dealer .header h4 {padding-top: 8px} #sidebar #find-a-dealer ol {margin: -26px 0 0 20px} #sidebar #find-a-dealer ol li {} #sidebar #find-a-dealer ol li p {margin-bottom: -2px} #sidebar #find-a-dealer ol li p span#or {font-family: 'Georgia', serif; text-transform: lowercase; margin-left: 10px; font-size: 14px} #sidebar #find-a-dealer form {position: relative} #sidebar #find-a-dealer form input.field {border: 1px solid #fff; color: #808080; height: 18px; width: 100px;} #sidebar #find-a-dealer form input.sub {background-color: transparent; border: none; color: #e63832; font-size: 14px;position: absolute; top: 11px; left: 82px; cursor: pointer} /* #sidebar #find-a-dealer select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px} */ #sidebar select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px; margin-bottom: 12px;} #sidebar #products-services {background: #eee url(/img/sidebar-bg.jpg) 0 bottom repeat-x; padding: 0px 0px 10px 10px} #sidebar #products-services .header {background: #eee url(/img/products-services-bg.jpg) 0 0 no-repeat} #sidebar #products-services h4 {padding-top: 8px} #sidebar #products-services ul {list-style-type: none; margin-top: 10px; font-size: 15px} #sidebar #products-services ul li {margin-bottom: 6px} #sidebar #products-services ul li a {text-decoration: none; color: #858585} #sidebar #products-services ul li a:hover {color: #000} #sidebar #products-services ul li ul {display: none; font-family: 'Georgia'; text-transform: capitalize; font-size: 12px; letter-spacing: normal} #sidebar #products-services ul li ul li {margin-left: 10px} #sidebar #products-services ul li ul li a {color: #ef3b24;} #sidebar #products-services ul li ul li a:hover {color: #000} #sidebar #sidebar-support {background: #eee url(/img/sidebar-bg.jpg) 0 bottom repeat-x; padding: 0px 0px 10px 10px} #sidebar #sidebar-support .header {background: #eee url(/img/sidebar-support-bg.jpg) 0 0 no-repeat} #sidebar #sidebar-support h4 {padding-top: 8px} #sidebar #sidebar-support ul {list-style-type: none; margin-top: 10px; font-size: 15px} #sidebar #sidebar-support ul li {margin-bottom: 6px} #sidebar #sidebar-support ul li a {text-decoration: none; color: #858585} #sidebar #sidebar-support ul li a:hover {color: #000} #sidebar #sidebar-support ul li ul {} #sidebar #sidebar-support ul li ul li {} #sidebar #sidebar-support ul li ul li a {} #sidebar #sidebar-support ul li ul li a:hover {color: #000;} #sidebar #tone-guide {} #sidebar #tone-guide {background: #fff url(/img/sidebar-tone-guide.jpg) 0 bottom repeat-x; padding: 0px -5px 0px 0px; margin-top: 15px} #sidebar #tone-guide {height:212px} #sidebar #tone-guide a {text-decoration:none; border:none } #sidebar #tone-guide img {float: right; display: inline; margin: 0px} #sidebar #tone-guide h4 {padding-top: 30px} #sidebar #tone-guide p {padding-bottom: 0px} #sidebar #tone-guide select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px} #sidebar #stay-informed {background: #eee url(/img/sidebar-bg.jpg) 0 bottom repeat-x; padding: 0px 0px 10px 10px; margin-top: 20px} #sidebar #stay-informed .header {background: #fff url(/img/find-a-dealer-bg.jpg) 0 0 no-repeat} #sidebar #stay-informed .header h4 {padding-top: 8px} #sidebar #stay-informed form {position: relative; margin-top: -24px} #sidebar #stay-informed form input.field {border: 1px solid #fff; color: #808080; height: 18px; width: 180px;} #sidebar #stay-informed form input.sub {background-color: transparent; border: none; color: #e63832; font-size: 14px;position: absolute; top: 11px; right: 46px; cursor: pointer} #sidebar #stay-informed form input.chkbox {} #sidebar #stay-informed form label {margin-right: 10px} #sidebar #stay-informed form p {padding-bottom: 0px; margin-bottom: 0px} #sidebar #artists {margin-top:20px} #sidebar #artists #artist-pics {margin-top: -20px} #sidebar #artists img {float: left; display: inline; margin: 5px; height: 68px; width: 68px;} #sidebar #artists p {margin-left: 5px} #sidebar #artists a {color: #ef3b24;} /*********** FOOTER ***********/ #footer {border-top: 2px solid #e63832; color: #fff} #footer #footer-top {height: 330px; background: #000 url(/img/footer-bg.jpg) 0 0 no-repeat} #footer #footer-top .col {width: 256px; float: left; display: inline} #footer #footer-top .col h6 {height: 50px; font-size: 20px; background: transparent url(/img/screw.png) 0 0 no-repeat; padding: 10px 0 0 46px; margin-bottom: -20px} #footer #footer-top .col h6 a {color: #fff; text-decoration: none;} #footer #footer-top .col ul {list-style-type: none; margin-bottom: 8px} #footer #footer-top .col ul li {margin: 0 0 -1px 46px;} #footer #footer-top .col ul li a {color: #fff; text-decoration: none; font-size: 12px} #footer #footer-logo {margin: 50px 0 0 44px} #footer #footer-bottom {height: 40px; background: #000} #footer #footer-bottom img {float: right; display: inline; margin: 6px 50px 0 0;} #footer #footer-bottom p {padding: 9px 0px 0px 15px; color: #aeaeae; font-size: 12px} #footer-bottom a {color: #aeaeae} /*********** MAIN PAGES ***********/ /*********** SPEAKER SUB PAGE ***********/ .speaker-sub-page {} .speaker-sub-page h1 {height: 70px; background: #fff url(/img/pro-audio-page-h1.jpg) 0 0 no-repeat; color: #e63832; padding-top: 13px; margin-top: 20px} .speaker-sub-page h1 a {color: #e63832;text-decoration: none;} .speaker-sub-page h1 a:hover {text-decoration: underline} .speaker-sub-page ul#categories {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} .speaker-sub-page ul#categories li {float: left; display: inline; margin-right: 5px; font-size: 18px; } .speaker-sub-page ul#categories li a {text-decoration: none; color: #a8a8a8;} .speaker-sub-page ul#categories li a.black {color: #000;} .speaker-sub-page ul#categories li a.black:hover {color: #000;} .speaker-sub-page ul#categories li a:hover {color: #666} .speaker-sub-page .sub-hero {height: 260px; background: #fff url(/img/pro-audio-speaker.jpg) right 0 no-repeat; overflow: hidden} .speaker-sub-page .sub-hero h2 {color: #5c5b5b; font-size: 30px; font-weight: normal; width: 280px} .speaker-sub-page .sub-hero h2 em {font-style: normal; font-size: 40px; color: #000} .speaker-sub-page .sub-hero p {width: 260px;} .speaker-sub-page div.item {border-top: 1px dashed #bbb;height: 300px;} .speaker-sub-page div.item img {float: left; display: inline; margin: 20px 40px 20px 0px} .speaker-sub-page div.item h3 {font-size: 40px; color: #ef3b24; margin-top: 50px} .speaker-sub-page div.item p {width: 680px;} .speaker-sub-page div.item p { *width:500px !important; } /** IE7 width hack because it incorrectly calculates p width **/ .speaker-sub-page div.item ul {list-style-type: none; display: block; color: #dedede} .speaker-sub-page div.item ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .speaker-sub-page div.item ul li a {text-decoration: none;} .speaker-sub-page div.item ul li a:hover {} /** Category page styles **/ .speaker-sub-page h2#sub-header {color: #e63832; margin: -25px 0 25px 0;} .speaker-sub-page #category-info {margin-top: -20px} .speaker-sub-page #category-sizes {height: 50px; display: block} .speaker-sub-page #category-sizes img {float: right; display: inline} .speaker-sub-page #category-sizes ul {list-style-type: none; display: block; color: #dedede; padding-top: 10px} .speaker-sub-page #category-sizes ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .speaker-sub-page #category-sizes ul li a {text-decoration: none;} .speaker-sub-page #category-sizes ul li a:hover {} .speaker-sub-page table {width: 100%; border-collapse: collapse} .speaker-sub-page table caption {display: none} summary {display: none} /** for xhtml parsing bug **/ .speaker-sub-page summary {display: none} /** for xhtml parsing bug **/ .speaker-sub-page table summary {display: none} .speaker-sub-page table tr {} .speaker-sub-page table tr:hover td {color: #000;} .speaker-sub-page table tr th {background-color: #e63832; color: #fff; font-size: 13px; padding: 14px; font-weight: normal} .speaker-sub-page table tr td {border-bottom: 1px solid #e2e2e2; font-size: 14px; vertical-align: middle; text-align: center; padding: 6px; color: #808080; /* We'll do this in JS - because JS is necessary for this behavior. */} .speaker-sub-page table#em-spearkers tr td {cursor: pointer;} .speaker-sub-page table tr td a {} .speaker-sub-page table tr td.model {border-bottom: 1px solid #fff !important; background-color: #e2e2e2; width: 125px; text-align: left; padding-left: 10px; color: #000;} /* .speaker-sub-page table tr:hover td.model a {text-decoration: none;} */ .speaker-sub-page table tr td img {opacity:0.95;} .speaker-sub-page table tr:hover td img {opacity:1;} /*********** PRO AUDIO ***********/ .pro-audio-page {} .pro-audio-page h1 {height: 70px; background: #fff url(/img/pro-audio-page-h1.jpg) 0 0 no-repeat; color: #e63832; padding-top: 13px; margin-top: 20px} .pro-audio-page ul#categories {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} .pro-audio-page ul#categories li {float: left; display: inline; margin-right: 10px; font-size: 18px; } .pro-audio-page ul#categories li a {text-decoration: none; color: #a8a8a8;} .pro-audio-page ul#categories li a:hover {color: #666} .pro-audio-page .sub-hero {/* height: 260px; */ /* background: #fff url(/img/pro-audio-speaker.jpg) right 0 no-repeat; */ overflow: hidden} .pro-audio-page .sub-hero img {float: right; display: inline;} .pro-audio-page .sub-hero h2 {color: #5c5b5b; font-size: 30px; font-weight: normal; width: 280px} .pro-audio-page .sub-hero h2 em {font-style: normal; font-size: 40px; color: #000} .pro-audio-page .sub-hero p {width: 260px;} .pro-audio-page div.item {border-top: 1px dashed #bbb;height: 250px;} .pro-audio-page div.item img {float: left; display: inline; margin: 20px 40px 20px 0px} .pro-audio-page div.item h3 {font-size: 40px; color: #ef3b24; margin-top: 50px} .pro-audio-page div.item h3 a {color: #ef3b24; text-decoration: underline !important;} .pro-audio-page div.item h3 a:hover {text-decoration: none !important;} .pro-audio-page div.item p {width: 680px;} .pro-audio-page div.item p { *width:500px !important; } /** IE7 width hack because it incorrectly calculates p width **/ .pro-audio-page div.item ul {list-style-type: none; display: block; color: #dedede} .pro-audio-page div.item ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .pro-audio-page div.item ul li a {text-decoration: none;} .pro-audio-page div.item ul li a:hover {} /** Category page styles **/ .pro-audio-page h2#sub-header {color: #e63832; margin: -25px 0 25px 0;} .pro-audio-page #category-info {margin-top: -20px} .pro-audio-page #category-sizes {height: 50px; display: block} .pro-audio-page #category-sizes img {float: right; display: inline} .pro-audio-page #category-sizes ul {list-style-type: none; display: block; color: #dedede; padding-top: 10px} .pro-audio-page #category-sizes ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .pro-audio-page #category-sizes ul li a {text-decoration: none;} .pro-audio-page #category-sizes ul li a:hover {} .pro-audio-page table {width: 100%; border-collapse: collapse} .pro-audio-page table caption {display: none} summary {display: none} /** for xhtml parsing bug **/ .pro-audio-page summary {display: none} /** for xhtml parsing bug **/ .pro-audio-page table summary {display: none} .pro-audio-page table tr {} .pro-audio-page table tr th {background-color: #e63832; color: #fff; font-size: 13px; padding: 14px; font-weight: normal} .pro-audio-page table tr td {border-bottom: 1px solid #e2e2e2; font-size: 18px; vertical-align: middle; text-align: center; padding: 6px; color: #808080; } .pro-audio-page table tr td a {} .pro-audio-page table tr td.model {border-bottom: 1px solid #fff !important; background-color: #e2e2e2; width: 125px; text-align: left; padding-left: 10px; color: #000;} /*********** PRO AUDIO - HF ***********/ .hf-products-page {} .hf-products-page h1 {height: 70px; background: #fff url(/img/pro-audio-page-h1.jpg) 0 0 no-repeat; color: #e63832; padding-top: 13px; margin-top: 20px} .hf-products-page h1 a {color: #ef3b24; text-decoration: none} .hf-products-page h1 a:hover {text-decoration: underline} .hf-products-page h2#sub-header {color: #e63832; margin: -25px 0 25px 0;} .hf-products-page h2#sub-header a {color: #e63832; text-decoration: none} .hf-products-page h2#sub-header a:hover {text-decoration: underline} .hf-products-page ul#categories {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 16px} .hf-products-page ul#categories li {float: left; display: inline; margin-right: 10px; font-size: 18px; } .hf-products-page ul#categories li a {text-decoration: none; color: #a8a8a8;} .hf-products-page ul#categories li a.black {color: #000;} .hf-products-page ul#categories li a.black:hover {color: #000;} .hf-products-page ul#categories li a:hover {color: #666} .hf-products-page .sub-hero {/* height: 260px; */ /* background: #fff url(/img/pro-audio-speaker.jpg) right 0 no-repeat; */ overflow: hidden} .hf-products-page .sub-hero img {float: right; display: inline;} .hf-products-page .sub-hero h2 {color: #5c5b5b; font-size: 30px; font-weight: normal; width: 280px} .hf-products-page .sub-hero h2 em {font-style: normal; font-size: 40px; color: #000} .hf-products-page .sub-hero p {width: 260px;} .hf-products-page div.item {border-top: 1px dashed #bbb;height: 250px;} .hf-products-page div.item img {float: left; display: inline; margin: 20px 40px 20px 0px} .hf-products-page div.item h3 {font-size: 40px; color: #ef3b24; margin-top: 50px} .hf-products-page div.item h3 a {color: #ef3b24; text-decoration: underline !important;} .hf-products-page div.item h3 a:hover {text-decoration: none !important;} .hf-products-page div.item p {width: 680px;} .hf-products-page div.item p { *width:500px !important; } /** IE7 width hack because it incorrectly calculates p width **/ .hf-products-page div.item ul {list-style-type: none; display: block; color: #dedede} .hf-products-page div.item ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .hf-products-page div.item ul li a {text-decoration: none;} .hf-products-page div.item ul li a:hover {} /** Category page styles **/ .hf-products-page h2#sub-header {color: #e63832; margin: -25px 0 25px 0;} .hf-products-page #category-info {margin-top: -20px} .hf-products-page #category-sizes {height: 50px; display: block} .hf-products-page #category-sizes img {float: right; display: inline} .hf-products-page #category-sizes ul {list-style-type: none; display: block; color: #dedede; padding-top: 10px} .hf-products-page #category-sizes ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .hf-products-page #category-sizes ul li a {text-decoration: none;} .hf-products-page #category-sizes ul li a:hover {} .hf-products-page table {width: 100%; border-collapse: collapse} .hf-products-page table caption {display: none} summary {display: none} /** for xhtml parsing bug **/ .hf-products-page summary {display: none} /** for xhtml parsing bug **/ .hf-products-page table summary {display: none} .hf-products-page table tr {} .hf-products-page table tr th {background-color: #e63832; color: #fff; font-size: 13px; padding: 14px; font-weight: normal} .hf-products-page table tr td {border-bottom: 1px solid #e2e2e2; font-size: 18px; vertical-align: middle; text-align: center; padding: 6px; color: #808080; } .hf-products-page table tr td a {} .hf-products-page table tr td.model {border-bottom: 1px solid #fff !important; background-color: #e2e2e2; width: 125px; text-align: left; padding-left: 0px; color: #000;} /*********** GUITAR / BASS ***********/ .guitar-bass-page {} .guitar-bass-page h1 {height: 70px; background: #fff url(/img/guitar-page-h1.jpg) 0 0 no-repeat; color: #e63832; padding-top: 2px; margin-top: 30px} .guitar-bass-page ul#categories {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} .guitar-bass-page ul#categories li {float: left; display: inline; margin-right: 10px; font-size: 18px; } .guitar-bass-page ul#categories li a {text-decoration: none; color: #a8a8a8;} .guitar-bass-page ul#categories li a:hover {color: #666} .guitar-bass-page .sub-hero {/* height: 260px; *//* background: #fff url(/img/guitar-bass-page-amp.jpg) 0 0 no-repeat; */ overflow: hidden} .guitar-bass-page .sub-hero .col {width: 370px; float: left; display: inline} .guitar-bass-page .sub-hero .col#col1 {text-align: center} .guitar-bass-page .sub-hero .col h2 {color: #5c5b5b; font-size: 30px; font-weight: normal;} .guitar-bass-page .sub-hero .col h2#tagline {font-size: 40px; color: #ef3b24; width: 300px; padding: 6px 20px 0 36px} .guitar-bass-page .sub-hero .col span {color: #000; font-size: 18px} .guitar-bass-page .sub-hero .col p {padding-left: 20px} .guitar-bass-page #excerpt {border-top: 1px dashed #bbb; padding: 10px} .guitar-bass-page #excerpt span {color: #000; font-size: 18px} .guitar-bass-page div.item {border-top: 1px dashed #bbb;height: 300px} .guitar-bass-page div.item img {float: left; display: inline; margin: 20px 40px 20px 0px} .guitar-bass-page div.item h3 {font-size: 40px; color: #ef3b24; margin-top: 50px} .guitar-bass-page div.item h3 a {color: #ef3b24; text-decoration: underline !important;} .guitar-bass-page div.item h3 a:hover {text-decoration: none !important;} .guitar-bass-page div.item p {width: 680px} .guitar-bass-page div.item ul {list-style-type: none; display: block; color: #dedede} .guitar-bass-page div.item ul li {font-size: 20px; float: left; display: inline; margin-right: 14px} .guitar-bass-page div.item ul li a {text-decoration: none;} .guitar-bass-page div.item ul li a:hover {} /*********** SPEAKER DETAIL ***********/ .speaker-detail-page {} .speaker-detail-page h1 {height: 70px; color: #e63832; padding-top: 13px; margin-top: 20px} .speaker-detail-page h1 a {color: #e63832;text-decoration: none;} .speaker-detail-page h1 a:hover {text-decoration: underline} .speaker-detail-page ul#categories {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} .speaker-detail-page ul#categories li {float: left; display: inline; margin-right: 5px; font-size: 18px; } .speaker-detail-page ul#categories li a {text-decoration: none; color: #a8a8a8;} .speaker-detail-page ul#categories li a.black {color: #000;} .speaker-detail-page ul#categories li a.black:hover {color: #000;} .speaker-detail-page ul#categories li a:hover {color: #666} .speaker-detail-page #name {} .speaker-detail-page #name a {float: right; display: inline; margin-right: 20px} .speaker-detail-page #name h3 {font-size: 40px; letter-spacing: 3px; height: 60px; background: #fff url(/img/h1-underline.jpg) 0 -26px no-repeat} .speaker-detail-page #name h3 sup {font-size: 30px; position: relative; top: 5px;} .speaker-detail-page #images {width: 320px; float: left; display: inline;} .speaker-detail-page #images #large-img {height: 320px; position: relative} .speaker-detail-page #images #large-img img {border: 1px solid #000; position: absolute; top: 0px; left: 4px} .speaker-detail-page #images #sub-img {} .speaker-detail-page #images #sub-img img {float: left; display: inline; border: 1px solid #919191; margin: 4px} .speaker-detail-page #images #sub-img img:hover {cursor: pointer} .speaker-detail-page #response-graph {padding-top: 40px} .speaker-detail-page #response-graph a {} .speaker-detail-page #response-graph a:hover {} .speaker-detail-page #response-graph a img {} .speaker-detail-page #data {width: 390px; float: left; display: inline; margin-left: 36px} .speaker-detail-page #data #soundclip-icon {margin-bottom: -8px; height: 26px; margin-right: 10px} .speaker-detail-page #data #soundclip-arrow {float: left; width: 160px} .speaker-detail-page #data #find-a-dealer {margin: 5px 20px 20px 80px} .speaker-detail-page #data table {width: 390px; border-collapse: collapse; margin-top: 20px} .speaker-detail-page #data table caption {display: none} summary {display: none} /** for xhtml parsing bug **/ .speaker-detail-page #data summary {display: none} /** for xhtml parsing bug **/ .speaker-detail-page #data table summary {display: none} .speaker-detail-page #data table tr {} .speaker-detail-page #data table tr td {font-size: 11px; color: #808080; font-family: "Arial";} .speaker-detail-page #data table tr td.orange {color: #ef3b24; font-weight: bold; padding-top: 10px} .speaker-detail-page #data table tr td.indent {padding-left: 20px} .speaker-detail-page #footnotes {width: 730px; background-color: #f3f3f3; padding: 10px; margin-bottom: 10px} .speaker-detail-page #footnotes a#show-hide-footnotes {float: right; display: inline; margin-right: 10px} .speaker-detail-page #footnotes #footnotes-copy {} .speaker-detail-page #footnotes #footnotes-copy p {font-size: 10px; margin-bottom: 5px; font-family: "Arial"} /** Category page styles **/ .speaker-detail-page h2#sub-header {color: #e63832; margin: -25px 0 25px 0;} .speaker-detail-page h2#sub-header a {color: #e63832; text-decoration: none} .speaker-detail-page h2#sub-header a:hover {text-decoration: underline} .speaker-detail-page #category-info {margin-top: -20px} /** Sound Clips **/ .speaker-detail-page #soundclips {display: block; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 14px 0; font-size: 18px; margin-top: 24px} .speaker-detail-page #soundclips ul {list-style-type: none; margin-bottom: 0px;} .speaker-detail-page #soundclips ul li {display: inline;margin-right: 18px} .speaker-detail-page #soundclips ul li.orange {color: #ef3b24;} .speaker-detail-page #soundclips ul li a {} .speaker-detail-page #soundclips ul li a:hover {} #sm2-container {position:relative;width:1px;height:1px;_overflow:hidden; /* screw IE 6, just make it display nice */} /*********** NEWS ***********/ .news {} .news h1 {} .news h1.page-title {color: #ef3b24; font-size: 40px} .news .post {padding-bottom: 10px} .news .post h2 {font-size: 26px; font-weight: normal; } .news .post h2 a {text-decoration: none} .news .post h2 a:hover {text-decoration: underline} .news .post .category { } .news .post .category p {margin-bottom: 10px;} .news .post .category p a {text-decoration: none; font-size: 20px; color: #ef3b24;} .news .post .category p a:hover {text-decoration: underline;} .news .post .news-date-time {font-weight: bold; /* font-style: italic; */ color: #5d5d5d; font-family: "Arial";} .news .push-left {margin-left: 20px} .news .push-left img {margin-bottom: 10px} .news .onecolumn h4 {color: #000; font-weight: normal} .news .onecolumn h5 {font-weight: normal; margin-bottom: 20px} .news .onecolumn h5 a {text-decoration: none; } .news .onecolumn h5 a:hover {text-decoration: underline} .news ul#category-list {list-style-type: none; margin-bottom: 30px} .news ul#category-list li {} .news ul#category-list li a {font-size: 18px; text-decoration: none; color: #ef3b24} .news ul#category-list li a:hover {} .news ol#related-posts {list-style-type: none; margin-bottom: 30px} .news ol#related-posts li {margin-top: 12px} .news ol#related-posts li a {font-size: 15px; text-decoration: none; color: #ef3b24; display: block} .news ol#related-posts li a abbr {display: none} .news ol#related-posts li a:hover {text-decoration: underline} .news ol#related-posts small {font-size: 12px; color: #5d5d5d} /*********** SUB PAGES ***********/ h1.entry-title {height: 70px; background: #fff url(/img/h1-underline.jpg) 0 0 no-repeat; color: #e63832; padding-top: 13px; margin-top: 20px} h2.entry-daughter {color: #e63832; margin: -25px 0 25px 0;} .page ul {margin-left: 40px; font-size: 12px; color: #444} /*********** MOTHER/DAUGHTER ***********/ .mother-daughter h3 {padding-bottom: 10px; color: #000;} .mother-daughter ul#other-pages {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} .mother-daughter ul#other-pages li {float: left; display: inline; margin-right: 5px; font-size: 18px; } .mother-daughter ul#other-pages li a {text-decoration: none; color: #a8a8a8;} .mother-daughter ul#other-pages li a:hover {color: #666} /*********** CUTOMER LOGIN ***********/ form#buy-eminence-login {margin-left: 40px} form#buy-eminence-login fieldset {} form#buy-eminence-login fieldset ol {list-style-type: none} form#buy-eminence-login fieldset ol li {padding-bottom: 8px} form#buy-eminence-login fieldset ol li label {float: left; display: inline; width: 80px;} form#buy-eminence-login fieldset ol li input.box {border: 1px solid #d3d3d3; padding: 4px; color: #666} form#buy-eminence-login fieldset ol li input.sub {border: 1px solid #e63832; padding: 1px 14px 1px 1px; background: #e63832 url(/img/right-red-arrow.jpg) right center no-repeat; color: #fff; font-size: 16px; cursor: pointer;} /*********** DEALER LOCATOR ***********/ table#sl_header td select {float: left; display: inline;} #map_sidebar {margin-top: 30px} .results_entry {border-bottom: 1px solid #ddd} .results_entry:hover {background-color: #efefef; cursor: pointer} .results_entry .results_row_left_column {width: 196px; text-align: left} .results_entry .results_row_left_column .location_name {font-weight: bold;} .results_entry .results_row_center_column {width: 171px; text-align: left;} .results_entry .results_row_right_column {width: 123px; text-align: right} #map_sidebar div.tone-center {background-color: #fffecc} #map_sidebar div.tone-center tr.tc {text-align: center;} #map_sidebar div.tone-center tr.tc td {padding: 8px 0; color: #e63832} .dealer-locator h2 {color: #e63832; margin: -25px 0 25px 0;} .dealer-locator select#dealer-countries {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px;} .dealer-locator select#dealer-countries.intl-select { margin: 4px 0 0 30px} table#international-dealers {width: 100%; margin-top: 50px} table#international-dealers tr {} table#international-dealers td {border-bottom: 1px solid #ddd; padding: 20px 0;} #content.dealer-locator {} #content.dealer-locator ul#categories {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} #content.dealer-locator ul#categories li {float: left; display: inline; margin-right: 10px; font-size: 18px; } #content.dealer-locator ul#categories li a {text-decoration: none; color: #a8a8a8;} #content.dealer-locator ul#categories li a.black {color: #000} #content.dealer-locator ul#categories li a:hover {color: #666} #content.dealer-locator .onecolumn {} #content.dealer-locator .onecolumn .box {padding: 10px; background-color: #eee; margin-bottom: 30px} #content.dealer-locator .onecolumn .box h3 {color: #ef3b24; font-size: 20px; margin-bottom: 14px} #content.dealer-locator .onecolumn .box ul {list-style-type: none} #content.dealer-locator .onecolumn .box ul li {margin-bottom: 16px} /*********** Loudspeaker menu ***********/ .loudspeaker-menu h2 {color: #e63832; margin: -25px 0 25px 0;} #sidebar select#loudspeaker-menu {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px;} .loudspeaker-menu select#loudspeaker-menu { margin: 4px 0 0 30px} /*********** HF menu ***********/ .hf-menu h2 {color: #e63832; margin: -25px 0 25px 0;} #sidebar select#hf-menu {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px;} .hf-menu select#hf-menu { margin: 4px 0 0 30px} /*********** FAQ-PAGE ***********/ ul#faqs {list-style-image: url(/img/orange-square-bullet.jpg); list-style-type: square;margin-left: 20px; padding-right: 20px;} ul#faqs li {margin-bottom: 10px} ul#faqs li strong {} ul#faqs li strong.question {cursor: pointer} ul#faqs li strong.question:hover {text-decoration: underline} ul#faqs li p.answer {display: none;} /*********** ARTISTS PAGE ***********/ .artists h1 {} .artists h2 {font-size: 36px; letter-spacing: 2px; margin-top: -5px} .artists #sub-hero {border-bottom: 1px dashed #ccc;} .artists #sub-hero ul {list-style-type: none; margin-left: 3px; height: 30px; padding-top: 20px} .artists #sub-hero ul li {float: left; display: inline; margin-right: 10px; color: #a8a8a8; font-size: 18px;} .artists #sub-hero ul li a {color: #ef3b24} .artists #browse {padding-top: 30px} .artists #browse ul {list-style-type: none; margin-left: 3px; height: 30px} .artists #browse ul li {float: left; display: inline; margin-right: 20px; color: #a8a8a8; font-size: 18px;} .artists #browse ul li a {color: #ef3b24} .artists .letter-section {border-bottom: 1px dashed #ccc;} .artists .letter-section .big-letter {width: 50px; height: 100px; float: left; display: inline;} .artists .letter-section .big-letter p {font-size: 60px; color: #ef3b24; margin-top: 10px} .artists .letter-section .artist-rows {margin-left: 70px;} .artists .letter-section .artist-rows .artist {float: left; display: inline; width: 33%; margin: 20px 0px 20px 0px} .artists .letter-section .artist-rows .artist p a.orange {color: #ef3b24; font-size: 14px;} /*********** ARTIST DETAIL ***********/ .artist-detail h1 {} .artist-detail h2 {font-size: 36px; letter-spacing: 3px} .artist-detail #browse {margin-top: -20px} .artist-detail #browse ul {list-style-type: none; margin-left: 3px; height: 30px} .artist-detail #browse ul li {float: left; display: inline; margin-right: 20px; color: #a8a8a8; font-size: 18px;} .artist-detail #browse ul li a {color: #ef3b24} .artist-detail #artist-photos {float: right; display: inline; margin-left: 20px; height: auto !important; height: 800px; min-height: 800px} .artist-detail #artist-photos img {margin-bottom: 25px; display: block; } .artist-detail #artist-photos p {font-size: 14px; margin-left: 5px; margin-bottom: 8px} .artist-detail #artist-photos p a {color: #ef3b24} .artist-detail #artist-info {} #uses-speaker {} #uses-speaker p {} #uses-speaker h5 {margin-left: 5px; font-weight: normal} #uses-speaker img {width: 250px} /*********** SEARCH ***********/ #content.search h1 {margin-bottom: -10px;} #content.search h2#search-results {font-size: 18px; font-weight: normal; color: #8d8d8c; padding-bottom: 20px} #content.search h2#search-results span {color: #000;} .search-item {border-bottom: 1px dashed #ccc} .search-item h2 {font-size: 26px; font-weight: normal; padding-top: 20px} .search-item img {float: left; display: inline; margin: 0px 10px 10px 0px} .search-item .category {color: #ef3b24; font-size: 16px; margin-top: -4px; padding-bottom: 3px} .search-item .category a {color: #ef3b24} .search-item .category a:hover {} /*********** TONE GUIDE ***********/ .tone-guide {} .tone-guide h1 {} .tone-guide h1.entry-title {} .tone-guide h2 {margin-top: -20px; color: #ef3b24; color: #e63832; margin: -25px 0 25px 0;} .tone-guide h3 {padding-bottom: 6px} .tone-guide ul#other-pages {list-style-type: none; display: block; color: #a8a8a8; margin-top: -20px; height: 40px} .tone-guide ul#other-pages li {float: left; display: inline; margin-right: 10px; font-size: 18px; } .tone-guide ul#other-pages li a {text-decoration: none; color: #a8a8a8;} .tone-guide ul#other-pages li a:hover {color: #666} .tone-guide #genrenav {border-top: 1px dashed #bbb; border-bottom: 1px dashed #bbb} .tone-guide #genrenav p {color: #ef3b24; font-size: 40px; float: left; display: inline; margin-top: 14px} .tone-guide #genrenav2 p {color: #000; font-size: 16px; float: left; display: inline; margin-top: 14px} /* .tone-guide #genrenav select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px; float: left; display: inline; margin: 22px 0 0 40px;} */ .tone-guide .selects {width: 460px; height: 140px; padding-left: 5px} .tone-guide select {float: left; width: 200px; margin-top: 10px; margin-right: 10px; background-color: #e63832; border: 1px solid #e63832; color: #fff; font-size: 16px} .tone-guide .tg-item {border-bottom: 1px dashed #bbb; padding-bottom: 20px} .tone-guide .tg-item:hover {/* background-color: #fafafa; cursor: pointer */} .tone-guide .tg-item img {/* float: left; display: inline; */ display: block; height: 75px; margin-top: 10px} .tone-guide .tg-item h3 {color: #ef3b24; padding-top:20px; font-size: 20px} .tone-guide .tg-item h3 a {color: #ef3b24; text-decoration: underline} .tone-guide .tg-item h3 a:hover {text-decoration: none} .tone-guide .tg-item table {width: 750px} .tone-guide .tg-item table tr {} .tone-guide .tg-item table td {font-size: 12px} .tone-guide .tg-item table td.orange {/* color: #ef3b24 */} .tone-guide .tg-item .tg-soundclips {} .tone-guide .tg-item .soundclip {height: 30px; width: 245px; float: left;} .tone-guide .tg-item .soundclip a {font-family: 'Arial', sans-serif; font-size: 10px; width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px; margin-top: 5px} .tone-guide .tg-item .soundclip a span {color: #ef3b24} .tone-guide .tg-item .soundclip a.popout {display: none; position: absolute; top: 7px; left: 45px; width: auto; padding: 5px; background: #fff; box-shadow: 1px 1px 5px #888; z-index: 5} .tone-guide .tg-item .soundclip a.popout span {margin-left: -50px;} .tone-guide .tg-item .soundclip:hover a.popout {display: block} #speaker-div {position: relative} #speaker-div #loading-screen {height: 100%;width: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: 999;} /*********** CONTACT US ***********/ .contact-page {} .contact-page .category {border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 20px} .contact-page .category h2 {color: #ef3b24; font-size: 22px} .contact-page .category .staff {width: 235px; float: left; display: inline; padding: 5px 5px 40px 0} .contact-page .category .staff img {display: block} .contact-page .category .staff span.name {display: block; color: #000; font-size: 18px} .contact-page .category .staff span.title {display: block; margin-top: -6px; color: #777; font-size: 13px; margin-bottom: 10px} .contact-page .category .staff span.phone {display: block; color: #888; font-size: 12px; } .contact-page .category .staff span.email_address {display: block; color: #888; font-size: 12px;} .contact-page .category .staff span strong {color: #000} .contact-page .category .staff span a {/* text-decoration: none; */ color: #777} .contact-page .category .staff span a:hover {text-decoration: underline} .contact-page .onecolumn {} .contact-page .onecolumn .box {padding: 10px; background-color: #eee; margin-bottom: 30px} .contact-page .onecolumn .box h3 {color: #ef3b24; font-size: 20px; margin-bottom: 14px} .contact-page .onecolumn .box ul {list-style-type: none} .contact-page .onecolumn .box ul li {margin-bottom: 16px} .contact-page .onecolumn select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px} .contact-page .onecolumn form {position: relative} .contact-page .onecolumn form input#zip {border: 1px solid #fff; color: #808080; height: 18px; width: 100px;} .contact-page .onecolumn form input.sub {background-color: transparent; border: none; color: #e63832; font-size: 14px;position: absolute; top: 38px; left: 76px; cursor: pointer} /*********** WIRING DIAGRAM ***********/ table#wiring-diagram-table {} table#wiring-diagram-table tr {} table#wiring-diagram-table tr td {padding-bottom: 14px} /*********** FAQ ***********/ .faq .onecolumn {} .faq .onecolumn .box {padding: 10px; background-color: #eee; margin-bottom: 30px} .faq .onecolumn .box h3 {color: #ef3b24; font-size: 20px; margin-bottom: 14px} .faq .onecolumn .box ul {list-style-type: none} .faq .onecolumn .box ul li {margin-bottom: 16px} .faq .onecolumn select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px} .faq .onecolumn form {position: relative} .faq .onecolumn form input#zip {border: 1px solid #fff; color: #808080; height: 18px; width: 100px;} .faq .onecolumn form input.sub {background-color: transparent; border: none; color: #e63832; font-size: 14px;position: absolute; top: 48px; left: 76px; cursor: pointer} /*********** DOWNLOADS PAGE ***********/ .downloads-page .section {border-bottom: 1px dashed #ccc; margin-bottom: 20px} .downloads-page .entry-content table {width: 100%} .downloads-page .entry-content table tr {} .downloads-page .entry-content table tr td {} .downloads-page table#downloads-ads {} .downloads-page table#downloads-ads tr {} .downloads-page table#downloads-ads tr td {vertical-align: middle} .downloads-page table#downloads-table {width: 100%; border-collapse: collapse} .downloads-page table#downloads-table caption {display: none} summary {display: none} /** for xhtml parsing bug **/ .downloads-page summary {display: none} /** for xhtml parsing bug **/ .downloads-page table#downloads-table summary {display: none} .downloads-page table#downloads-table tr {} .downloads-page table#downloads-table tr:hover td {color: #000;} .downloads-page table#downloads-table tr th {background-color: #e63832; color: #fff; font-size: 13px; padding: 14px; font-weight: normal} .downloads-page table#downloads-table tr td {border-bottom: 1px solid #e2e2e2; font-size: 16px; vertical-align: middle; text-align: center; padding: 6px; color: #808080; /* We'll do this in JS - because JS is necessary for this behavior. */} .downloads-page table#downloads-table tr td a {} .downloads-page table#downloads-table tr td.model {border-bottom: 1px solid #fff !important; background-color: #e2e2e2; width: 125px; text-align: left; padding-left: 10px; color: #000;} /* .downloads-page table tr:hover td.model a {text-decoration: none;} */ .downloads-page table#downloads-table tr td img {opacity:0.95;} .downloads-page table#downloads-table tr:hover td img {opacity:1;} .downloads-page select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px; margin: 10px 0px} /*********** PHOTO GALLERY ***********/ /* CSS Name: Default Styles Description: NextGEN Default Gallery Stylesheet Author: Alex Rabe Version: 2.10 This is a template stylesheet that can be used with NextGEN Gallery. I tested the styles with a default theme Kubrick. Modify it when your theme struggle with it, it's only a template design */ /* ----------- Album Styles Extend -------------*/ .ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-album { height: 100%; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; } /* IE6 will ignore this , again I hate IE6 */ /* See also http://www.sitepoint.com/article/browser-specific-css-hacks */ html>body .ngg-album { overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-album { overflow: hidden; border: 1px solid #cccccc; float: left; width: 245px; margin-right: 8px } .ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; } .ngg-albumtitle a {color: #858585; font-size: 15px} .ngg-thumbnail { float: left; margin-right: 12px; } .ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-thumbnail img:hover { background-color: #A9A9A9; } .ngg-description { text-align: left; } .ngg-description .gallery-counter { display: none;} /* ----------- Album Styles Compact -------------*/ .ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px; } .ngg-album-compactbox { background:transparent url(albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; } .ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; } .ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; } .ngg-album-compact p { font-size:11px; margin-top:2px; } /* ----------- Gallery style -------------*/ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-galleryoverview .desc { /* required for description */ margin:0px 10px 10px 0px; padding:5px; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; } .ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; } .ngg-gallery-thumbnail span { /* Images description */ font-size:90%; padding-left:5px; display:block; } .ngg-clear { clear: both; } /* ----------- Gallery navigation -------------*/ #right-pagination {float: right; margin-right: 30px; color: #ef3b24; font-size: 18px;} #right-pagination a {color: #ef3b24;} .ngg-navigation { clear:both !important; display:block !important; /* text-align:center; */ } .ngg-navigation span { /* font-weight:bold; */ margin:0pt 6px; } .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { /* border:1px solid #DDDDDD; */ margin-right:3px; padding:3px 7px; } /* .ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; } */ /* ----------- Image browser style -------------*/ .ngg-imagebrowser { } .ngg-imagebrowser h3 { text-align:center; } .ngg-imagebrowser img { border:1px solid #A9A9A9; margin-top: 10px; margin-bottom: 10px; width: 100%; display:block !important; padding:5px; } .ngg-imagebrowser-nav { padding:5px; margin-left:10px; } .ngg-imagebrowser-nav .back { float:left; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; } .ngg-imagebrowser-nav .next { float:right; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; } .ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; } .exif-data { margin-left: auto !important; margin-right: auto !important; } a#back-to-gallery { color: #EF3B24; text-decoration: none; text-transform: uppercase; font-size: 18px } /* ----------- Slideshow -------------*/ .slideshow { margin-left: auto; margin-right: auto; text-align:center; outline: none; } .slideshowlink { display:block !important; text-align:center; color: #858585; } .slideshowlink a {color: #858585; font-size: 16px} /* ----------- JS Slideshow -------------*/ .ngg-slideshow { overflow:hidden; position: relative; } .ngg-slideshow * { vertical-align:middle; } /* See also : http://www.brunildo.org/test/img_center.html */ .ngg-slideshow-loader{ display: table-cell; text-align: center; vertical-align:middle; } .ngg-slideshow-loader img{ background: none !important; border: 0 none !important; margin:auto !important; } /* ----------- Single picture -------------*/ .ngg-singlepic { background-color:#FFFFFF; display:block; padding:4px; } .ngg-left { float: left; margin-right:10px; } .ngg-right { float: right; margin-left:10px; } .ngg-center { margin-left: auto !important; margin-right: auto !important; } /* ----------- Sidebar widget -------------*/ .ngg-widget, .ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; text-align:left; } .ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px; } /* ----------- Related images -------------*/ .ngg-related-gallery { background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; } .ngg-related-gallery img { border: 1px solid #DDDDDD; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width: 50px; } .ngg-related-gallery img:hover { border: 1px solid #000000; } /* ----------- Gallery list -------------*/ .ngg-galleryoverview ul li:before { content: '' !important; } .ngg-gallery-list { list-style-type:none; padding: 0px !important; text-indent:0px !important; } .ngg-galleryoverview div.pic img{ width: 100%; } .ngg-gallery-list li { float:left; margin:0 2px 0px 2px !important; overflow:hidden; } .ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; } .ngg-gallery-list li.selected a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; } .ngg-gallery-list li img { height:40px; width:40px; } li.ngg-next, li.ngg-prev { height:40px; width:40px; font-size:3.5em; } li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; } /*********** 360 PLAYER CSS ***********/ /* General warning: Beta-ish. Code could be a bit cleaner. */ .ui360, /* entire UI */ .sm2-360ui { /* canvas container */ position:relative; } .ui360, .sm2-360ui { min-width:50px; /* should always be at least this. */ min-height:50px; } .sm2-360ui { width:50px; height:50px; } .ui360, .ui360 * { /* vertical-align:middle; */ } .sm2-360ui { position:relative; display:inline-block; /* firefox 3 et al */ float:left; /* IE 6+7, firefox 2 needs this, inline-block would work with fx3 and others */ *display:inline; /* clear:left; */ } .sm2-360ui.sm2_playing, .sm2-360ui.sm2_paused { /* bump on top when active */ z-index:10; } .ui360 a { /* .sm2_link class added to playable links by SM2 */ /* float:left; */ display:inline-block; position:relative; color:#000; text-decoration:none; left:0px; /* slight spacing on left UI */ top:12px; /* vertical align */ text-indent:50px; /* make room for UI at left */ } .ui360 a.sm2_link { /* SM2 has now started */ text-indent:0px; /* UI now in place. */ } .ui360 a, .ui360 a:hover, .ui360 a:focus { /* padding:2px; */ margin-left:-2px; margin-top:-2px; } .ui360 a:hover, .ui360 a:focus { /* background:#eee; */ border-radius:3px; outline:none; } .ui360 .sm2-canvas { position:absolute; left:0px; top:0px; } .ui360 .sm2-timing { position:absolute; display:block; left:0px; top:0px; width:100%; height:100%; margin:0px; font:11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace; color:#666; text-align:center; line-height:50px; } .ui360 .sm2-timing.alignTweak { text-indent:1px; /* devious center-alignment tweak for Safari (might break things for others.) */ } .ui360 .sm2-cover { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2; display:none; background-image: url(data:image/gif); /* old-skool bug: IE 9 won't catch mouse events otherwise. /smash */ } .ui360 .sm2-360btn { position:absolute; display:block; top:50%; left:50%; /* width:22px; height:22px; margin-left:-11px; margin-top:-11px; */ /* by default, cover whole space. make smaller when playing. */ width:50px; height:50px; margin-left:-25px; margin-top:-25px; border-radius: 25px; cursor:pointer; z-index:3; } .ui360 .sm2-360data { display:inline-block; font-family:helvetica; } .sm2-inline-block .ui360 .sm2-360btn, .ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { /* smaller clickable button, in center */ width:22px; height:22px; margin-left:-11px; margin-top:-11px; } .ui360 .sm2-360ui.sm2_playing .sm2-cover, .ui360 .sm2-360ui.sm2_paused .sm2-cover { display:block; } /* this could be optimized a fair bit. */ .ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background:transparent url(360-button-play.png) no-repeat; background-image: url(data:image/png); _background-image: url(360-button-play.png); background-repeat: no-repeat; } .ui360 { /* "fake" button shown before SM2 has started, non-JS/non-SM2 case etc. background image will be removed via JS, in threeSixyPlayer.init() */ background-position: 14px 50%; _background:transparent url(/img/360-button-play.gif) no-repeat 14px 50%; /* IE 6-only: special crap GIF */ } .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background-position:50% 50%; _background:transparent url(/img/360-button-play.gif) no-repeat 50% 50%; /* IE 6-only: special crap GIF */ } .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { cursor:pointer; } .ui360 .sm2-360btn-default:hover, .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover { background:transparent url(/img/360-button-play-light.png) no-repeat 50% 50%; _background:transparent url(/img/360-button-play.gif) no-repeat 50% 50%; cursor:pointer; } .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360 .sm2-360btn-playing:hover { background:transparent url(/img/360-button-pause-light.png) no-repeat 50% 50%; _background:transparent url(360-button-pause-light.gif) no-repeat 50% 50%; cursor:pointer; } .ui360 .sm2-360ui.sm2_playing .sm2-timing { visibility:visible; } .ui360 .sm2-360ui.sm2_buffering .sm2-timing { visibility:hidden; } .ui360 .sm2-360ui .sm2-timing, .ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing, .ui360 .sm2-360ui.sm2_paused .sm2-timing { visibility:hidden; } .ui360 .sm2-360ui.sm2_dragging .sm2-timing, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing { /* paused + dragging */ visibility:visible; } .ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover { /* don't let pause button show on hover when dragging (or paused and dragging) */ background:transparent; cursor:auto; } .ui360 .sm2-360ui.sm2_buffering .sm2-360btn, .ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover { background:transparent url(icon_loading_spinner.gif) no-repeat 50% 50%; opacity:0.5; visibility:visible; } /* inline list style */ .sm2-inline-list .ui360, .sm2-inline-block .ui360 { position:relative; display:inline-block; float:left; _display:inline; margin-bottom:-15px; } .sm2-inline-list .ui360 { /* inline player: minor tweak, tighten spacing */ margin-right:-2px; } .sm2-inline-block .ui360 { margin-right:8px; } .sm2-inline-list .ui360 a { display:none; } /* annotations */ ul.ui360playlist { list-style-type:none; } ul.ui360playlist, ul.ui360playlist li { margin:0px; padding:0px; } div.ui360 div.metadata { display:none; } div.ui360 a span.metadata, div.ui360 a span.metadata * { /* name of track, note etc. */ vertical-align:baseline; } /*********** Multi-column ***********/ .dfend2col { -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2; } /************** Enclosure design box **************/ .enclosure-box {width: 90%; height: 180px; background-color: #fff; background: url(/img/enclosure-box.jpg) right no-repeat; padding: 0 10px; position: relative;} .enclosure-box .left-col {float: left; width: 235px;} .enclosure-box h6 {font-family: 'BebasNeue','Tahoma', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #e63832; font-size: 28px;} /************** SHOPATRON BOX **************/ .name-soundclips {padding-top: 3px} .name-soundclips img {float: right; height: 30px; padding-right: 10px} .shopatron-box {width: 90%; height: 140px; background-color: #ddd; padding: 0 10px; position: relative;} .shopatron-box img.shopatron-box-corner-fold {position: absolute; top: 0; right: 0;} .shopatron-box .left-col {float: left; width: 205px; padding-top: 10px;} .shopatron-box .left-col .dots-background {background: transparent url(/img/shopatron-dots-background.png) left 80% repeat-x} .shopatron-box .left-col h6 {color: #000; vertical-align: bottom} .shopatron-box .left-col h6 i {font-style: normal; background-color: #ddd} .shopatron-box .left-col h6 span {float: right; text-decoration:line-through; background-color: #ddd} .shopatron-box .left-col h6.your_price {font-size: 22px; margin-bottom: 12px} .shopatron-box .left-col h6 em {float: right; font-style: normal; font-size: 22px; color: #ef3b24; background-color: #ddd} .shopatron-box .left-col p.ship_only {float: left; width: 80px; color: #000; font-family: 'Arial'; font-size: 8px; margin: 0; line-height: 14px;} .shopatron-box .left-col .shptrn_atc_button {} .shopatron-box .left-col .shptrn_atc_button button {background-color: #e63832; border: 0; color: #fff; font-weight: normal; font-style: normal; line-height:normal; font-family: 'BebasNeue','Tahoma', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; cursor: pointer} .shopatron-box .left-col .shptrn_product_option {display: none} .shopatron-box .left-col .shptrn_quantity {} .shopatron-box .left-col .shptrn_quantity label {display: none} .shopatron-box .left-col .shptrn_quantity input {display: none} .shopatron-box .left-col .shptrn_button {padding: 4px 8px; float: right;} .shopatron-box .left-col .shptrn_button img {margin: 0 0 -2px 6px} .shopatron-box .left-col img.shopatron-credit-cards {text-align: center; max-width: 100%; margin: 10px auto 0;} .shopatron-box .right-col {float: left; width:130px; padding-left: 16px; padding-top: 10px; background: transparent url(/img/shopatron-right-col-dots-background.png) 8px top repeat-y;} .shopatron-box .right-col ul {margin-left: 30px; padding: 0; list-style-image: url(/img/shopatron-green-checkmark.png);} .shopatron-box .right-col ul li {margin-bottom: 5px} .shopatron-box .right-col a {display: block; font-size: 10px; padding-left: 8px; text-decoration: underline;} /************** SHOPATRON CART QUICK **************/ .shopatron-cart-quick {background: #ffcc00 url(/img/shopatron-cart-quick-corner-fold.jpg) right top no-repeat; padding: 16px; margin-bottom: 16px; position: relative; font-family: Arial, sans-serif; height: 40px} .shopatron-cart-quick.item-count-0 {display: none} .shopatron-cart-quick img.shopatron-cart-quick-corner-fold {position: absolute; top: 0; right: 0;} .shopatron-cart-quick #shptrn_cart_items_header {display: none} .shopatron-cart-quick table {display: none} .shopatron-cart-quick .shptrn_cart_price_row {float: left; font-size: 12px; color: #000} .shopatron-cart-quick .shptrn_cart_price_row .left {display: none} .shopatron-cart-quick img.shopping-cart-icon {float: left; margin: 0px 8px 0 0;} #sidebar .shopatron-cart-quick p.item-count {margin: 0 0 6px 0; padding: 0; color: #000; font-size: 12px} button.shptrn_button {background-color: #E63832; border: 0; color: #fff; padding: 4px 6px; margin: -1px 0 0 8px} .shopatron-cart-quick .shptrn_checkout_button button {display: none} .shopatron-cart-quick .shptrn_checkout_button a.btn-link {background-color: #E63832; border: 0; color: #fff; padding: 4px 6px; margin: -1px 0 0 8px; text-decoration: none} /*************** SHOPATRON CART FULL ***************/ .shopatron-cart-full {font-family: Arial, sans-serif;} .shopatron-cart-full #shptrn_cart_items_header {display: none} .shopatron-cart-full table {vertical-align: middle; width: 100%; margin-bottom: 0} .shopatron-cart-full table tr {} .shopatron-cart-full table tr td {border: 1px solid #ccc; border-bottom: none; vertical-align: middle; padding: 10px} .shopatron-cart-full table:last-child tr td {/* border-bottom: 1px solid #ccc; */} .shopatron-cart-full table tr td.shptrn_ci_image {width: 100px; padding: 0;} .shopatron-cart-full table tr td.shptrn_ci_details {width: 30%} .shopatron-cart-full table tr td.shptrn_ci_details h3 {font-size: 16px} .shopatron-cart-full table tr td.shptrn_ci_part_num {display: none} .shopatron-cart-full table tr td.shptrn_ci_qty {text-align: center} .shopatron-cart-full table tr td.shptrn_ci_qty input {width: 20px; font-size: 12px} .shopatron-cart-full table tr td.shptrn_ci_price {width: 10%} .shopatron-cart-full table table {} .shopatron-cart-full table table tr {} .shopatron-cart-full table table tr td {border: none} .shopatron-cart-full table table:last-child tr td {border: none} .shopatron-cart-full .shptrn_cart_price_row.total {text-align: right; padding: 20px 12px; border: 1px solid #ccc} .shopatron-cart-full .shptrn_cart_price_row.total span.left {margin-right: 20px} .shopatron-cart-full .shptrn_cart_price_row.total span.right {font-size: 16px; font-weight: bold} .shopatron-cart-full .shptrn_checkout_button {text-align: right; padding: 20px 0;} .shopatron-cart-full .shptrn_checkout_button button {width:175px; height:35px; font-size: 16px; cursor: pointer} /*************** SHOPATRON TERMS ***************/ .shopatron-terms {width: 100%; margin-top:30px; margin-bottom: 10px; position: relative; font-family: Arial, sans-serif; } .shopatron-terms .infobox {width: 340px; padding: 10px; background-color: #f1f1f1; border: #dcdbdb 1px solid; display:inline-block; min-height: 200px;vertical-align: top} .shopatron-terms .infobox #shipping {margin-right: 20px; vertical-align: top} .shopatron-terms .infobox #credit {margin-left: 15px; vertical-align: top} /*************** Custom Shop Button ***************/ .custom-shop {width: 206px; height: 35px; margin-bottom: 15px;} /*************** Hardware page ***************/ #hardware.col1 {width:365px; float:left} #hardware table tr td {font-family: arial, sans-serif; font-size: small; text-align: left} #hardware.col2 {width: 365px; margin-left: 380px} #hardware.shopatron {width: 400px; margin-left: 380px} #hardware-parent.col1 {width:365px; float:left; border-color: gray} #hardware-parent.col2 {width: 365px; float:right; margin-left: 15px; border-color: gray} /*************** Apparel page ***************/ #apparel-wrap {width: 100%; padding-bottom: 25px;} #apparel-box {width: 45%; height: auto; float: left; margin: 0 10px 20px 0; border: black 1px solid; padding: 10px 10px 10px 10px; text-align: center} #apparel-detail-box {width: 50%; height: auto; float: left; margin: 0 0 20px 0; padding: 10px 10px 10px 10px; text-align: center} #apparel-shopatron {width: 40%; height: auto; float: left; margin: 0 10px 0 0;} #apparel-shopatron .shopatron-box {padding-bottom: 0px; height: 250px} #apparel-shopatron .shopatron-box .right-col {width:100%; padding-left: 0px; padding-top: 0px; background: none;} #apparel-shopatron .shopatron-box .left-col {width: 90%} #apparel-shopatron .shopatron-box .left-col img.shopatron-credit-cards {margin-bottom: 25px } #apparel-shopatron select {background-color: #e63832; border: 1px solid #e63832; color: #fff; padding: 3px; font-size: 14px; margin-bottom: 12px;} #apparel-shopatron .shopatron-box .shptrn_atc_button {float:left; margin: 10px 0 0 0; padding-left: 0} #apparel-shopatron .shopatron-box img {margin-left: 10px} #apparel-size {margin-left: 10px} /*************** Custom shop ***************/ #custom-shop {width: 100%; background: url(/img/inset_custom.jpg) right top no-repeat;} /*************** Omacro widegt ***************/ .omacro-widget {width: 100%;}