/* Theme Name: The Doublewide Theme URI: http://thedoublewide.com/ Description: The 2010 theme for The Doublewide. Author: John Hanusek Version: 1.0 Tags: /*--------------------------------------------------------------------------------------------------*/ /* RESET /*--------------------------------------------------------------------------------------------------*/ @import url(override.css); @import url(grid960_12_50_30.css); * { margin:0; padding:0; outline:0; } body { background:url(images/background.png) repeat-x #FFF; color:#000; line-height:1; } html, body, img, fieldset, abbr, acronym { border:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } em, strong, th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } /* still need cellspacing=0 in markup */ q:before, q:after { content:""; } /*--------------------------------------------------------------------------------------------------*/ /* COMMON + RESET OVERRIDE /*--------------------------------------------------------------------------------------------------*/ html, body { height:100%; } /* force full height */ body, button, input, select, table, textarea { font-family:Arial, Helvetica, sans-serif; color:#202020; font-size:15px; line-height:22px; /*-webkit-text-stroke:1px transparent;*/ /* Ordered List text thinner */ } a { color:#fd0189; text-decoration:none; } a:hover { color:#fd0189; text-decoration:underline; } a:focus, a:active { color:#fd0189; } em, i { font-style:italic; } p { margin-bottom:22px; line-height:22px; } strong, b { font-weight:bold; } .align-center { text-align:center; } .align-right { text-align:right; } .nowrap { white-space:nowrap; } .width-full { width:100%; } /*--------------------------------------------------------------------------------------------------*/ /* TYPOGRAPHY /*--------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4 { font-family:inherit; font-weight:normal; font-style:normal; } h1 { margin:30px 0; font-size:50px; line-height:60px; } h2 { margin-bottom:12px; font-size:20px; line-height:24px; } h3 { margin-bottom:10px; font-size:13px; font-weight:bold; line-height:18px; text-transform:uppercase; } h4 { margin-bottom:10px; font-size:13px; font-style:italic; line-height:20px; } /*--------------------------------------------------------------------------------------------------*/ /* LAYOUT /*--------------------------------------------------------------------------------------------------*/ body { } #wrapper { background:url(images/background-footer.png) bottom repeat-x;width:100%; border-top:5px solid #000; } #wrapper #container { width:960px; margin:0 auto; } #wrapper #container #header { position:relative; margin:0 15px; } #wrapper #container #matter { } #wrapper #container .matter { } #wrapper #container #footer { } /*--------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------*/ #header a { text-decoration:none; } #header #header-bar { height:40px; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #logo { display:block; max-width:300px; min-height:105px; overflow:hidden; } #logo h1 { float:left; margin:0; } #logo img { display:block; } /* nav & minicart */ .menu { position:absolute; z-index:3; padding:5px; background:#0CF; background:rgba(0,124,194,0.7); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 2px 5px rgba(0,0,0,0.25); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.25); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25); } .menu .liner { background:#FFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* */ #nav { position:relative; float:left; } #nav > li { position:relative; float:left; } #nav > li > a { display:block; padding:8px 20px; color:#FFF; font-size:16px; line-height:24px; } #nav > li .menu { display:none; } #nav > li:hover .menu { display:block; } #nav > li > a:hover, #nav > li:hover > a { color:#0CF; } /* brighter on black, #0AD on white */ #nav .menu { left:0; top:40px; } #nav .menu a { font-size:13px; line-height:18px; } #nav .menu.children1 { width:150px; } #nav .menu.children2 { width:290px; } #nav .menu.children3 { width:430px; } #nav .menu.children4 { width:570px; } #nav .menu.children5 { width:710px; } #nav .menu.children6 { width:850px; } #nav .menu.children7 { width:990px; } #nav .menu ul.level0 { overflow:hidden; display:block; padding:15px 5px; } #nav .menu ul.level0 a { color:#202020; } #nav .menu ul.level0 a:hover { color:#0AD; } #nav .menu ul.level0 li.level1 { float:left; width:120px; margin:0 10px; } #nav .menu ul.level0 li.level1 > a:first-child { display:block; margin-bottom:10px; font-weight:bold; text-transform:uppercase; } #nav .menu ul.level0 li.level1 ul.level1 { margin-bottom:10px; } #nav .menu ul.level0 li.level1 ul.level1 a { display:block; font-size:13px; line-height:20px; } #nav .menu ul.level0 li.level1 a.all_level1 { display:block; color:#909090; } #nav .menu ul.level0 li.level1 a.all_level1:hover { color:#0AD; } #nav .menu ul.level2 { display:none; } /* hide deeper layers */ /*#nav .menu > a.all_level0 { display:block; padding:10px 20px; border-top:1px solid #F0F0F0; font-weight:bold; text-transform:uppercase; } */ /* not used */ /* */ #search-form { float:right; margin:8px 8px 0 0; } #search-form label { display:none; } #search-form input { float:left; width:163px; height:24px; padding:0 5px 0 10px; border:0; background:url(images/sprite.png) 0 -120px no-repeat; } #search-form button { float:left; height:24px; width:24px; padding:0; border:0; background:url(images/sprite.png) -60px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #search-form button:hover { background-position:-60px -30px; } #search-form button:active { background-position:-60px -60px; } /* */ #account { position:absolute; right:0; top:0; } #account ul.links li { float:left; font-size:12px; line-height:24px; } #account ul.links li a { display:block; padding:8px; color:#202020; } #account ul.links li a:hover { color:#0AD; } #account-links { float:right; } #account-links li a { background:#F8F8F8; } #account-links li:last-child a { border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } #account-links a:hover { background:#F0F0F0; } /* */ #mini-cart { float:left; } #mini-cart ul.links li { position:relative; } #mini-cart ul.links > li a { background:#F8F8F8; } #mini-cart:hover ul.links > li a { background:#F0F0F0; } #mini-cart ul.links > li:last-child a { border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } #mini-cart .cart-count { position:relative; float:left; display:block; width:24px; height:24px; margin-right:8px; padding-top:1px; background:url(images/sprite.png) -330px 0 no-repeat; color:#202020; font-size:12px; line-height:24px; text-align:center; } #mini-cart:hover .cart-count { background-position:-330px -30px; } #mini-cart:active .cart-count { background-position:-330px -60px; } #mini-cart:hover ul.links li a { color:#0AD; } #mini-cart .menu { display:none; right:0; top:40px; width:273px; font-size:12px; } #mini-cart:hover .menu { display:block; } #mini-cart .menu ol { list-style:none; margin-bottom:0; padding:10px 10px 0; } #mini-cart .menu ol li { overflow:hidden; padding-bottom:10px; font-size:12px; line-height:18px; } #mini-cart .menu ol li * { line-height:15px; } #mini-cart .menu ol li a.product-image { float:left; } #mini-cart .menu ol li .product-details { float:left; width:181px; margin-left:10px; } #mini-cart .menu ol li .product-details a.product-name { color:#0AD; } #mini-cart .menu ol li .product-details a.product-name:hover { color:#48B; } #mini-cart .menu ol li .product-details dl dt { display:inline; } #mini-cart .menu ol li .product-details dl dd { display:inline; padding-right:10px; } #mini-cart .menu ol li .product-details .has-options { color:#909090; } #mini-cart .menu p { margin-bottom:0; } #mini-cart .menu p.empty { padding:8px 10px; font-size:13px; line-height:20px; } #mini-cart .menu .actions { overflow:hidden; padding:10px; border-top:1px solid #F0F0F0; } #mini-cart .menu .actions a.faux-button { } #mini-cart .menu .actions p.last-added { margin-bottom:10px; font-size:12px; line-height:18px; } #mini-cart .menu .summary { padding:10px; border-bottom:1px solid #F0F0F0; } #mini-cart .menu .summary p { font-size:20px; line-height:24px; } #mini-cart .menu .summary p.count { float:right; padding-left:10px; } #mini-cart .menu .summary p.subtotal { } #mini-cart .menu .summary p.subtotal .label { display:none; } /*--------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------*/ #footer p, #footer ul li { margin-bottom:0; font-size:12px; line-height:18px; } /* */ #footer-bar { height:40px; margin-bottom:30px; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #footer-bar .newsletter { float:left; margin:8px 10px; width:600px; } #footer-bar .newsletter div { float:left; } #footer-bar .newsletter br { display:none; } #footer-bar .newsletter form { float:left; } #footer-bar .newsletter form label { float:left; margin-right:10px; color:#FFF; font-size:12px; line-height:24px; } #footer-bar .newsletter form input { float:left; width:175px; height:24px; padding:0 5px 0 10px; border:0; background:url(images/sprite.png) 0 -120px no-repeat; } #footer-bar .newsletter form button { float:left; height:24px; width:24px; padding:0; border:0; background:url(images/sprite.png) -150px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #footer-bar .newsletter form button:hover { background-position:-150px -30px; } #footer-bar .newsletter form button:active { background-position:-150px -60px; } #footer-bar .newsletter form .validation-advice { float:right; width:160px; margin-top:0; margin-left:10px; } #footer-bar a.top { float:right; height:24px; padding:8px; color:#FFF; font-size:12px; line-height:24px; } #footer-bar a.top:hover { text-decoration:none; } #footer-bar a.top span { float:right; display:block; width:24px; height:24px; margin-left:5px; background:url(images/sprite.png) 0 0 no-repeat; text-indent:-9999px; } #footer-bar a.top:hover span { background-position:0 -30px; } #footer-bar a.top:active span { background-position:0 -60px; } /* */ #closer { padding-bottom:20px; } #closer h2 { margin-bottom:6px; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } #closer .footer-links { overflow:hidden; } #closer .footer-links > li { float:left; margin-left:30px; } #closer .footer-links > li:first-child { margin-left:0; } #closer .retail-address { float:left; margin-right:20px; } #closer .legal p { margin-bottom:0; text-align:right; } #closer .legal .terms a { margin-left:5px; } #closer .legal p.made-by { margin-top:18px; color:#909090; } #closer .legal p.made-by a { color:#909090; } #closer .legal p.made-by a:hover { color:#0AD; } /*--------------------------------------------------------------------------------------------------*/ /* FORMS /*--------------------------------------------------------------------------------------------------*/ button { height:28px; padding:0 8px; border:2px solid #202020; background:#0CF; font-size:12px; text-transform:capitalize; white-space:nowrap; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } button:hover { border-color:#0CF; background:#E5FAFF; cursor:pointer; } button:active { border-color:#F00; background:#FFF; } label { font-size:13px; line-height:20px; } label abbr { color:#F00; } select { max-width:300px; font-size:12px; } textarea { max-width:400px; width:200px; padding:5px; } input[type=text], input[type=password], textarea { border:3px solid #F0F0F0; background:#FFF; color:#707070; font-size:13px; } input[type=text], input[type=password] { height:24px; padding:0 5px; } input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color:#0CF; color:#202020; } form .struts li input[type=checkbox] + label, form .struts li input[type=radio] + label { width:auto; max-width:275px; padding-top:0; margin-left:10px; line-height:18px; } .validation-advice { margin-top:5px; color:#F00; font-size:13px; line-height:20px; } /* Simple Form */ .simple button { margin-top:5px; } .simple .struts li { overflow:hidden; display:block; margin-bottom:15px; } .simple .struts li input[type=radio] { margin-top:2px; } .simple .struts li label { display:block; } .simple .struts li input[type=checkbox], .simple .struts li input[type=radio] { float:left; clear:left; } .simple .struts li input[type=checkbox] + label, .simple .struts li input[type=radio] + label { float:left; } .simple .struts li input[type=password], .simple .struts li input[type=text] { width:230px; } /* Scaffold Form */ .scaffold button { margin-left:130px; } .scaffold .struts { margin-bottom:20px; } .scaffold .struts li { overflow:hidden; display:block; padding:10px 0; border-top:1px solid #F0F0F0; } .scaffold .struts li label { float:left; width:120px; padding:5px 10px 0 0; } .scaffold .struts li select { float:left; margin-top:4px; } .scaffold .struts li textarea { float:left; } .scaffold .struts li .validation-advice { float:left; clear:left; margin-left:130px; } .scaffold .struts li input[type=checkbox], .scaffold .struts li input[type=radio] { float:left; margin-left:130px; } .scaffold .struts li input[type=password], .scaffold .struts li input[type=text] { float:left; width:230px; } .scaffold h2, .scaffold h3 { margin-bottom:10px; font-size:20px; font-weight:normal; line-height:24px; text-transform:capitalize; } /* */ ul.formless-struts li { overflow:hidden; display:block; margin-bottom:15px; } ul.formless-struts li input[type=radio] { float:left; clear:left; margin-top:2px; } ul.formless-struts li input[type=radio] + label { float:left; padding-top:0; margin-left:10px; } ul.formless-struts li label { display:block; margin-bottom:5px; font-size:13px; line-height:20px; } ul.formless-struts li input[type=password], ul.formless-struts li input[type=text] { width:200px; } /*--------------------------------------------------------------------------------------------------*/ /* TABLES /*--------------------------------------------------------------------------------------------------*/ table.flex { width:100%; } table.flex thead tr { border-top:2px solid #202020; background:#F8F8F8; } table.flex thead tr th { padding:8px 10px; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; white-space:nowrap; } table.flex thead tr th.remove { text-indent:-9999px; } table.flex tbody tr { border-bottom:1px solid #F0F0F0; } table.flex tbody tr:last-child { border-bottom:0; } table.flex tbody tr td { padding:15px 10px; vertical-align:top; } table.flex tbody tr td:first-child { padding-left:0; } table.flex tbody tr td:last-child { padding-right:0; } table.flex tfoot tr { background:#F8F8F8; } table.flex tfoot tr:first-child { border-top:1px solid #D8D8D8; } table.flex tfoot tr td { padding:8px 10px; } table.flex a.product-image img { width:50px; height:50px; } table.flex a.remove { display:block; width:15px; height:15px; margin-top:2px; background:url(https://www.theskatebarn.com/wp-content/themes/thedoublewide/images/delete-large.png) no-repeat 0 0; text-indent:-9999px; } table.flex a.remove:hover { background-position:0 -15px; } table.flex a.remove:active { background-position:0 -30px; } table.flex.compact tbody tr td { padding:10px; } /* */ table.minimal { width:100%; } table.minimal thead tr { border-bottom:1px solid #F0F0F0; } table.minimal thead tr th { padding:10px; font-size:15px; font-weight:bold; white-space:nowrap; } table.minimal tbody tr { border-bottom:1px solid #F0F0F0; } table.minimal tbody tr td { padding:10px; vertical-align:top; } table.minimal tfoot tr th { padding:10px; } table.minimal tfoot tr td { padding:10px; } /* */ table.simple td { vertical-align:top; } /*--------------------------------------------------------------------------------------------------*/ /* RECYCLED CLASSES /*--------------------------------------------------------------------------------------------------*/ a.cvv-what-is-this { margin-left:10px; font-size:12px; line-height:24px; } a.faux-button { display:inline-block; height:24px; padding:0 8px; border:2px solid #202020; background:#0CF; color:#202020; font-size:12px; font-weight:normal; font-style:normal; line-height:24px; text-decoration:none; text-transform:capitalize; white-space:nowrap; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } a.faux-button:hover { border-color:#0CF; background:#E5FAFF; color:#202020; text-decoration:none; cursor:pointer; } a.faux-button:active { border-color:#F00; background:#FFF; } a.product-image img { display:block; border:5px solid #F8F8F8; } a.product-image:hover img { border-color:#0CF; } dl.billing-methods dt { overflow:hidden; margin-bottom:5px; } dl.billing-methods dt input { float:left; margin-top:3px; } dl.billing-methods dt label { float:left; margin-left:10px; font-size:13px; line-height:20px; } dl.billing-methods dd { margin:10px 0 15px 35px; } dl.item-options { margin:5px 0 0 10px; font-size:12px; line-height:18px; } dl.item-options dt { float:left; clear:left; padding-right:5px; } dl.item-options dd { float:left; max-width:75%; margin-bottom:0; } dl.item-options dd .price { padding-left:5px; } dl.item-options dd .price:before { content:"("; } dl.item-options dd .price:after { content:")"; } dl.shipping-methods { font-size:13px; line-height:20px; } dl.shipping-methods dt { margin-bottom:5px; } dl.shipping-methods dd { margin-bottom:15px; } dl.shipping-methods dd ul { margin-left:10px; } dl.shipping-methods dd ul li { overflow:hidden; margin-bottom:5px; } dl.shipping-methods dd ul li input[type=radio] { float:left; margin-top:2px; } dl.shipping-methods dd ul li input[type=radio] + label { float:left; max-width:75%; margin-left:10px; } dl.shipping-methods dd ul li input[type=radio] + label .price { padding-left:5px; color:#909090; } ol.normal { list-style:outside decimal; } ol.reviews li { padding:15px 10px; border-bottom:1px solid #F0F0F0; } ol.reviews li h3 { margin-bottom:2px; font-size:15px; font-weight:bold; text-transform:none; } ol.reviews li .rating-box { float:left; margin:1px 10px 0 0; } ol.reviews li .written { margin-bottom:10px; color:#909090; font-size:12px; line-height:18px; } ul.breadcrumbs { overflow:hidden; } ul.breadcrumbs li { float:left; padding:8px 0 8px 10px; font-size:12px; line-height:24px; } ul.breadcrumbs li span { padding-left:10px; } ul.bullet { list-style:outside disc; margin-bottom:22px; } ul.bullet li { margin-left:2em; } ul.messages { margin-bottom:30px; background:#F8F8F8; } ul.messages ul li { padding:10px; } ul.messages li.error-msg { border-left:5px solid #F00; } ul.messages li.notice-msg { border-left:5px solid #FAFF61; } ul.messages li.success-msg { border-left:5px solid #5DC46E; } ul.tags-list { overflow:hidden; } ul.tags-list li { float:left; margin:0 10px 5px 0; } ul.tags-list a { display:block; } /* */ .address-entry { margin-bottom:10px; } .callout { margin-bottom:30px; } .callout h2 { margin-bottom:0; padding:8px 10px; border-top:2px solid #202020; background:#F8F8F8; } .callout h2 span.note { display:block; font-size:12px; line-height:18px; } .callout ul.tags-list { margin:15px 10px 10px; } .callout ul.tags-list a { color:#202020; font-size:13px; line-height:20px; } .callout ul.tags-list a:hover { color:#0AD; } .callout .liner { padding-left:10px; } .catalog-no-results, .search-no-results { margin-bottom:30px; } .faq dl { margin-bottom:30px; line-height:20px; } .faq dl dt { font-weight:bold; } .faq dl dd { margin-bottom:20px; } .faq h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .gift-messages-add label { padding-left:10px; font-size:13px; line-height:20px; } .gift-messages { margin-top:15px; } .gift-messages textarea { width:400px; } .legal-content { padding-bottom:20px; } .legal-content h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .magento-notice { padding:10px; background:#F00; color:#FFF; font-size:15px; } .magento-notice p { margin-bottom:0; } .magento-notice strong { padding-right:10px; } .pager ol.pages { list-style:none; float:left; padding:8px 10px; } .pager ol.pages li { float:left; font-size:12px; } .pager ol.pages li * { display:block; width:24px; height:24px; line-height:24px; text-align:center; } .pager ol.pages li a { text-decoration:none; } .pager ol.pages li span.current { font-weight:bold; } .pager ol.pages li a.next, .pager ol.pages li a.next-jump, .pager ol.pages li a.previous, .pager ol.pages li a.previous-jump { background:url(images/sprite.png) 0 0 no-repeat; text-indent:-9999px; } .pager ol.pages li a.next, .pager ol.pages li a.next-jump { margin-left:5px; } .pager ol.pages li a.previous, .pager ol.pages li a.previous-jump { margin-right:5px; } .pager ol.pages li a.next { background-position:-240px 0; } .pager ol.pages li a.next:hover { background-position:-240px -30px; } .pager ol.pages li a.next:active { background-position:-240px -60px; } .pager ol.pages li a.next-jump { background-position:-270px 0; } .pager ol.pages li a.next-jump:hover { background-position:-270px -30px; } .pager ol.pages li a.next-jump:active { background-position:-270px -60px; } .pager ol.pages li a.previous { background-position:-210px 0; } .pager ol.pages li a.previous:hover { background-position:-210px -30px; } .pager ol.pages li a.previous:active { background-position:-210px -60px; } .pager ol.pages li a.previous-jump { background-position:-180px 0; } .pager ol.pages li a.previous-jump:hover { background-position:-180px -30px; } .pager ol.pages li a.previous-jump:active { background-position:-180px -60px; } .pager p.amount { float:right; margin-bottom:0; padding:8px 10px; font-size:12px; line-height:24px; } .pager-bar-full { height:40px; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } .pager-bar-full .limiter { float:right; padding:8px 10px; } .payment-icons { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #F0F0F0; } .payment-icons ul { overflow:hidden; } .payment-icons ul li { float:left; width:52px; height:37px; margin-right:10px; background:url(https://www.theskatebarn.com/wp-content/themes/thedoublewide/images/payment-methods.png); text-indent:-9999px; } .payment-icons ul li.visa { background-position:0 0; } .payment-icons ul li.mastercard { background-position:0 -50px; } .payment-icons ul li.discover { background-position:0 -100px; } .payment-icons ul li.amex { background-position:0 -150px; } #payment-tooltip { position:relative; margin-bottom:15px; padding:15px 70px 15px 0; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; } #payment-tooltip button { position:absolute; top:15px; right:0; } #payment-tooltip h3 { margin-bottom:5px; } #payment-tooltip h3 + p { font-size:13px; line-height:20px; } #payment-tooltip h4 { font-weight:bold; } #payment-tooltip h4 + p { font-size:12px; line-height:18px; } #payment-tooltip ul { overflow:hidden; } #payment-tooltip ul li { float:left; width:154px; margin-right:35px; } #payment-tooltip ul li h4, #payment-tooltip ul li p { margin-bottom:0; padding:0 2px; } .price-box { color:#909090; } .price-box p { margin-bottom:0; } .price-box .minimal-price { } .price-box .old-price { font-size:12px; line-height:18px; } .price-box .old-price .price-label { } .price-box .regular-price { } .price-box .special-price { } .price-box .special-price .price-label { display:none; } .product-featured { list-style:none; overflow:hidden; } .product-featured li { float:left; width:130px; padding:0 20px; } .product-featured li a { display:block; } .product-featured li a.product-image { margin-bottom:10px; } .product-featured li a.product-image img { width:126px; height:126px; } .product-featured li a.product-name { font-size:12px; line-height:15px; } .product-featured li .price-box .minimal-price { display:block; } .product-slider-list { list-style:none; overflow:hidden; } .product-slider-list li { float:left; width:210px; margin-left:30px; } .product-slider-list li:first-child { margin-left:0; } .product-slider-list li a.product-image { display:block; margin-bottom:10px; } .product-slider-list li a.product-image img { width:200px; height:200px; } .product-slider-list li .price-box { display:none; } .product-grid td { max-width:210px; padding:0 30px 30px 0; vertical-align:top; } .product-grid td:last-child { padding-right:0; } .product-grid td a.product-image { display:block; margin-bottom:10px; } .product-grid td a.product-image img { width:200px; height:200px; } .product-grid td a.product-name { } .product-grid td .price-box { float:right; margin-left:10px; text-align:right; } .product-grid td .price-box .minimal-price, .product-grid td .price-box .old-price { display:none; } .product-list { list-style:none; } .product-list li { overflow:hidden; margin-bottom:30px; } .product-list li a.product-image { float:left; } .product-list li a.product-image img { width:200px; height:200px; } .product-list li .product-details { float:left; width:465px; margin-left:15px; } .product-list li .product-details a.product-name { font-size:20px; line-height:24px; } .product-list li .product-details p.description { margin:11px 0; } .product-list li .price-box .minimal-price, .product-list li .price-box .old-price { display:none; } #product-review-view { margin-bottom:30px; } #product-review-view h2 { margin-bottom:0; } #product-review-view .written { margin-bottom:10px; color:#909090; font-size:12px; line:18px; } .rating-box { width:65px; height:13px; background:url(images/sprite.png) 0 -90px no-repeat; } .rating-box .rating { height:100%; background:url(images/sprite.png) 0 -103px no-repeat; } .ratings { } .ratings .rating-box { float:left; margin:1px 10px 0 0; } .ratings .rating-links { font-size:12px; line-height:18px; } .toolbar { height:40px; border-top:2px solid #202020; background:#F8F8F8; line-height:24px; } /* */ a.faux-button + a.faux-button, a.faux-button + button, button + button, button + a.faux-button { margin-left:5px; } a.faux-button + a.alt-action, button + a.alt-action { margin-left:10px; font-size:12px; line-height:28px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ADDRESS BOOK /*--------------------------------------------------------------------------------------------------*/ #address-book ol li { margin-bottom:30px; } #address-book .address-default { margin-bottom:30px; } #address-book .address-additional a, #address-book .address-default a { margin-right:5px; font-size:13px; line-height:20px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ADDRESS EDIT /*--------------------------------------------------------------------------------------------------*/ #edit-address-form { margin-bottom:30px; } #edit-address-form p.default-address { margin:0 0 0 130px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - DASHBOARD /*--------------------------------------------------------------------------------------------------*/ ul.dashboard-links { margin:30px 0; border-top:2px solid #202020; background:#F8F8F8; } ul.dashboard-links li.current { background:#0CF; } ul.dashboard-links li a { display:block; padding:5px 10px; color:#202020; font-size:13px; text-decoration:none; } ul.dashboard-links li a:hover { color:#0AD; background:#F0F0F0; } .dashboard { margin-bottom:20px; font-size:13px; line-height:20px; } .dashboard div.grid { padding:20px 0; border-top:1px solid #F0F0F0; } .dashboard h2 { margin-bottom:24px; } .dashboard h3 { margin-bottom:0; } .dashboard h4 { margin-bottom:0; font-size:13px; font-weight:bold; font-style:normal; line-height:20px; } .dashboard p { margin-bottom:0; line-height:20px; } #dashboard-top-bar .limiter { float:right; margin:8px 10px; } #dashboard-bottom-bar { margin-bottom:30px; } #dashboard-bottom-bar .pager .limiter, #dashboard-top-bar .pager p.amount, #dashboard-top-bar .pager ol.pages { display:none; } /* */ #dashboard-account-info dl { } #dashboard-account-info dl dt { float:left; clear:left; width:90px; font-weight:bold; } #dashboard-account-info dl dd { float:left; } #dashboard-newsletter p { margin-bottom:0; } #dashboard-order-history table, #dashboard-order-history table thead tr th { font-size:13px; line-height:20px; } #dashboard-order-history table tbody tr, #dashboard-order-history table thead tr { border-bottom:0; } #dashboard-order-history table tbody tr td, #dashboard-order-history table thead tr th { padding-top:0; padding-bottom:0; } #dashboard-order-history table tbody tr td:first-child, #dashboard-order-history table thead tr th:first-child { padding-left:0; } #dashboard-order-history table tbody tr td:last-child, #dashboard-order-history table thead tr th:last-child { padding-right:0; } #my-recent-reviews li { overflow:hidden; } #my-recent-reviews a { float:left; } #my-recent-reviews .ratings { float:left; margin:1px 10px 0 0; } #my-recent-tags ul { margin-left:10px; } #my-recent-tags ul a { color:#202020; } #my-recent-tags ul a:hover { color:#0AD; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - EDIT INFO /*--------------------------------------------------------------------------------------------------*/ #edit-account-info-form { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - FORGOT PASSWORD /*--------------------------------------------------------------------------------------------------*/ #forgot-password-form { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ORDER HISTORY /*--------------------------------------------------------------------------------------------------*/ #order-history-table tbody td { font-size:13px; line-height:28px; } #order-history-table tbody td:first-child { padding-left:10px; } #order-history-table tbody td:last-child { padding-right:10px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ORDER HISTORY VIEW /*--------------------------------------------------------------------------------------------------*/ .order-view-actions { position:absolute; right:0; top:46px; } #order-view-details { margin-top:15px; } #order-view-details p { font-size:13px; line-height:20px; } #order-view-details p.address-entry { margin-bottom:22px; } .order-payment-specifics { font-size:13px; line-height:20px; } .order-payment-specifics dt { } .order-payment-specifics dd { padding-bottom:10px; } #order-view-table { margin-bottom:30px; } #order-view-table tfoot tr:first-child th, #order-view-table tfoot tr:first-child td, #order-view-table tfoot tr:last-child th, #order-view-table tfoot tr:last-child td { padding-top:10px; } #order-view-table tfoot tr:last-child th, #order-view-table tfoot tr:last-child td { padding-bottom:10px; } #order-view-table tfoot tr th, #order-view-table tfoot tr td { padding:0 10px; text-align:right; } .gift-message-history { margin-bottom:30px; } .about-your-order { margin-bottom:20px; font-size:13px; line-height:22px; } .about-your-order dt { font-weight:bold; } .about-your-order dd { padding-bottom:10px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - REGISTER /*--------------------------------------------------------------------------------------------------*/ #register-form { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - LOG IN /*--------------------------------------------------------------------------------------------------*/ #account-log-in { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - LOGGED OUT /*--------------------------------------------------------------------------------------------------*/ #logged-out a.faux-button { margin-bottom:30px } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - REVIEWS /*--------------------------------------------------------------------------------------------------*/ #my-reviews-table a.product-name { line-height:28px; } #my-reviews-table .date { line-height:28px } #my-reviews-table .rating-box { margin-top:4px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - TAGS /*--------------------------------------------------------------------------------------------------*/ #my-tags-table a.product-name { font-size:20px; line-height:24px; } .my-tags-actions { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - WISHLIST /*--------------------------------------------------------------------------------------------------*/ #wishlist-update-form { margin-bottom:30px; } #wishlist-table tbody h2 { margin-bottom:6px; } #wishlist-table tbody div.date-added { color:#909090; font-size:12px; line-height:18px; } #wishlist-table tbody textarea { width:225px; } #wishlist-table tbody a.remove { margin-top:22px; } /*--------------------------------------------------------------------------------------------------*/ /* CART /*--------------------------------------------------------------------------------------------------*/ .cart-no-items { margin-bottom:30px; } #cart-update-form { margin-bottom:30px; } #cart-table { } #cart-table tbody td:last-child { padding-right:10px; } #cart-table tfoot td { text-align:left; } #cart-table a.product-image { float:left; } #cart-table a.remove { margin-top:22px; } #cart-table input.qty { width:35px; } #cart-table .cart-price-wrapper { padding-top:3px; } #cart-table .product-details { float:left; margin:5px 0 0 10px; } #cart-table .product-details a.product-name { padding-top:3px; } #cart-table .product-details p.item-msg { max-width:325px; margin-bottom:0; font-size:12px; line-height:18px; } #cart-table .product-details .error { color:#F00; } /* */ #cart-totals-table { width:100%; margin-bottom:30px; } #cart-totals-table tbody tr { border-bottom:1px solid #F0F0F0; font-size:13px; line-height:20px; } #cart-totals-table tbody tr:last-child { border-bottom:0; } #cart-totals-table tfoot tr { border-top:1px solid #D8D8D8; background:#F8F8F8; } #cart-totals-table tfoot td { text-transform:uppercase; } #cart-totals-table tfoot td:first-child { text-align:left; } #cart-totals-table tbody th, #cart-totals-table tbody td, #cart-totals-table tfoot th, #cart-totals-table tfoot td { padding:10px; font-size:13px; line-height:20px; } #cart-totals-table td, #cart-totals-table th { text-align:right; } #cart-totals-table tbody td:first-child, #cart-totals-table tbody th:first-child { text-align:left; font-weight:normal; } #cart-checkout-methods button { width:100%; height:48px; margin-bottom:30px; font-size:20px; } #cart-checkout-methods p { margin-bottom:10px; font-size:12px; line-height:18px; } /* */ #coupon-form { margin:5px 10px 30px; } #coupon-form button { margin-left:50px; } #coupon-form li { border-top:0; } #coupon-form li input { width:130px; } #coupon-form li label { width:40px; } #coupon-form li .validation-advice { margin-left:50px; } #coupon-form ul.struts { margin-bottom:10px; } #cart-shipping #co-shipping-method-form { margin-top:15px; } #shipping-zip-form { margin:15px 0 0 10px; } #shipping-zip-form #postcode { width:70px; } /* */ #cross-sell { overflow:hidden; margin-top:30px; } #cross-sell li { float:left; max-width:210px; padding:0 0 30px 30px; } #cross-sell li:first-child { padding-left:0; } #cross-sell li a.product-image { display:block; margin-bottom:10px; } #cross-sell li a.product-image img { width:200px; height:200px; } #cross-sell li a.product-name { float:left; width:150px; } #cross-sell li .price-box { float:right; width:50px; text-align:right; } #cross-sell li a.faux-button { margin-top:10px; } #cross-sell .price-box .minimal-price, #cross-sell .price-box .old-price { display:none; } /*--------------------------------------------------------------------------------------------------*/ /* CATALOG /*--------------------------------------------------------------------------------------------------*/ #category-landing { } .category-description { margin-bottom:30px; font-size:20px; line-height:24px; } .category-image { overflow:hidden; max-width:100%; margin:30px 0; } .category-image img { float:left; } #catalog-layered-list { } #catalog-layered-sidebar { } #catalog-no-layered-list { } #catalog-no-layered-sidebar { } /* */ #filter .filters { } #filter .active { margin:15px 10px 0; } #filter .active a { color:#202020; font-size:12px; line-height:18px; text-decoration:none; } #filter .active a:hover { color:#0AD; } #filter .active h3 { margin-bottom:5px; font-size:13px; font-weight:bold; line-height:22px; text-transform:uppercase; } #filter .active ol { margin-left:10px; padding-bottom:5px; } #filter .active ol li a { display:inline-block; padding-left:20px; background:url(https://www.theskatebarn.com/wp-content/themes/thedoublewide/images/delete-small.png) 0 2px no-repeat; } #filter .active ol li a:hover { background-position:0 -48px; } #filter .active ol li a:active { background-position:0 -98px; } #filter .active a.show-all { margin-left:10px; } #filter dl.inactive { margin:15px 10px 0; } #filter dl.inactive dt { font-size:13px; font-weight:bold; text-transform:uppercase; } #filter dl.inactive dd { margin-bottom:15px; } #filter dl.inactive dd ol { list-style:none; margin:0 0 15px 10px; } #filter dl.inactive dd ol li a { color:#202020; display:block; text-decoration:none; } #filter dl.inactive dd ol li a:hover { color:#0AD; text-decoration:none; } #filter dl.inactive dd ol li a .count { float:right; padding-left:10px; color:#909090; } #filter dl.inactive dd ol li a:hover .count { color:#202020; } /* */ #options-bar .pager, .pager-bar .limiter, .pager-bar .view-mode, .pager-bar .sort-by { display:none; } .catalog-bar { position:relative; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } #options-button { display:none; } /* no JavaScript */ .js #options-button { position:absolute; top:0; right:0; display:inline-block; height:24px; padding:8px; color:#202020; font-size:12px; line-height:24px; text-decoration:none; } .js #options-button:hover { color:#0AD; background-color:#F0F0F0; text-decoration:none; cursor:pointer; } #options-button .icon { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(images/sprite.png) -30px 0 no-repeat; text-indent:-9999px; } #options-button:hover .icon { background-position:-30px -30px; } #options-button:active .icon { background-position:-30px -60px; } #options-button.open .icon { background-position:-300px 0; } #options-button.open:hover .icon { background-position:-300px -30px; } #options-button.open:active .icon { background-position:-300px -60px; } #options-bar { height:40px; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; background:#FFF; line-height:24px; } #options-bar h2 { float:left; margin:10px 10px 0; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } .js #options-bar { display:none; } /* hide if JS */ #options-bar a.reverse { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(images/sprite.png) -120px 0 no-repeat; text-indent:-9999px; } #options-bar a.reverse:hover { background-position:-120px -30px; } #options-bar a.reverse:active { background-position:-120px -60px; } #options-bar label { font-size:12px; } #options-bar .limiter, #options-bar .view-mode, #options-bar .sort-by { float:right; margin:8px 8px 8px 16px; } .pager-bar { height:40px; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } /*--------------------------------------------------------------------------------------------------*/ /* CATALOG SEARCH /*--------------------------------------------------------------------------------------------------*/ .catalogsearch-result-index h1.searched { } #popular-searches p { padding:12px 10px 0; font-size:13px; line-height:20px; } /*--------------------------------------------------------------------------------------------------*/ /* CHECKOUT - MULTISHIP /*--------------------------------------------------------------------------------------------------*/ .multiship-progress { overflow:hidden; width:930px; margin-top:30px; border-top:2px solid #202020; background:#F8F8F8; } .multiship-progress li { float:left; width:185px; padding:5px 0; border-left:1px solid #D8D8D8; font-size:13px; text-align:center; } .multiship-progress li:first-child { border-left:0; } .multiship-progress li.active { background-color:#F0F0F0; } .multiship-actions { overflow:hidden; margin-bottom:30px; padding-top:30px; border-top:1px solid #F0F0F0; } .multiship-actions a { float:left; } .multiship-actions button { float:right; height:48px; width:150px; font-size:20px; } .multiship-actions .multiship-ajax-loading { float:right; clear:both; display:inline-block; margin-top:15px; margin-left:10px; padding:3px 0 3px 26px; background:url(https://www.theskatebarn.com/wp-content/themes/thedoublewide/images/ajax-loader.gif) 0 3px no-repeat; font-size:12px; line-height:18px; } /* addresses.phtml */ #multiship-addresses-form #add-address { float:right; } #multiship-addresses-table input.qty { width:35px; } #multiship-addresses-table select { width:450px; max-width:450px; } /* shipping.phtml */ .multiship-address-group h3 { margin:15px 0 10px; } .multiship-address-group table { font-size:13px; line-height:20px; } .multiship-address-group table th { padding-right:20px; } .multiship-address-group .address-entry { font-size:13px; line-height:20px; } /* billing.phtml */ #multishipping-billing-form #payment-tooltip { margin-bottom:0; padding-bottom:0; padding-left:10px; border-bottom:0; } #multishipping-billing-form dl.billing-methods { margin:0 10px; } #multishipping-billing-form input.cvv { width:35px; } #multishipping-billing-form .billing-address { padding:15px 10px 0; font-size:13px; line-height:20px; } #multishipping-billing-form .payment-icons { padding:15px 10px; } /* billing/select.phtml */ ul.multiship-change-billing-address li { padding:15px 0; border-top:1px solid #F0F0F0; } ul.multiship-change-billing-address p.is-default { margin-bottom:0; color:#909090; font-size:12px; line-height:18px; } /* overview.phtml */ #multiship-review-form .grand-total { float:right; margin-right:20px; font-size:20px; line-height:52px; } #multiship-review-form .grand-total .price { padding-left:10px; } #multiship-review-form h3 a, #multiship-review-form h4 a { padding-left:10px; font-size:12px; font-weight:normal; text-transform:capitalize; } #multiship-review-form table, #multiship-review-form .address-entry, #multiship-review-form .payment-method, #multiship-review-form .shipping-method { margin-bottom:0; font-size:13px; line-height:20px; } #multiship-review-billing-info h3 { margin:15px 0 10px; } #multiship-review-shipping-list { } #multiship-review-shipping-list li { margin-top:15px; padding-top:15px; border-top:1px solid #F0F0F0; } #multiship-review-shipping-list li:first-child { margin-top:0; border-top:0; } #multiship-review-shipping-list li h3 { margin-bottom:24px; margin-left:10px; font-size:20px; font-weight:normal; line-height:24px; text-transform:none; } #multiship-review-shipping-list li h4 { margin-bottom:10px; font-size:13px; font-weight:bold; line-height:20px; text-transform:uppercase; } .multiship-review-table tbody td { padding:5px 0; } .multiship-review-table tfoot strong { font-weight:normal; } .multiship-review-table tfoot tr:last-child strong { font-weight:bold; } .multiship-review-table tfoot tr:last-child td { padding-top:5px; } .multiship-review-table tfoot tr:first-child td { padding-top:5px; } .multiship-review-table thead tr th { padding-left:20px; } .multiship-review-table thead tr:last-child th { padding-bottom:5px; } .multiship-review-table thead tr th:first-child { padding-left:0; } .multiship-review-table tbody tr:first-child, .multiship-review-table tfoot tr:first-child { border-top:1px solid #F0F0F0; } .multiship-review-table tfoot td, .multiship-review-table tfoot th { text-align:right; } /* success.phtml */ .checkout-multishipping-success a.faux-button { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* CHECKOUT - ONEPAGE /*--------------------------------------------------------------------------------------------------*/ #opc-steps { list-style:none; margin-bottom:30px; } #opc-steps li .step-title h2 { margin-bottom:0; padding:10px; border-top:1px solid #D8D8D8; background:#F8F8F8; text-transform:capitalize; } #opc-steps li .step-title h2 .number { } #opc-steps li .step-content { padding:20px 10px; } #opc-steps li:first-child .step-title h2 { border-top:2px solid #202020; } #opc-steps li:last-child .step-content { padding-bottom:0; border-bottom:0; } #opc-steps select { max-width:600px; } .opc-ajax-loading { display:inline-block; margin-left:10px; padding:3px 0 3px 26px; background:url(https://www.theskatebarn.com/wp-content/themes/thedoublewide/images/ajax-loader.gif) 0 3px no-repeat; font-size:12px; line-height:18px; } #opc-progress dl { padding:15px 10px 0; font-size:12px; line-height:18px; } #opc-progress dl dt { margin-bottom:5px; font-weight:bold; } #opc-progress dl dt:last-child { margin-bottom:15px; } #opc-progress dl dd { margin:0 0 15px 10px; } #opc-progress dl dd p { margin-bottom:5px; line-height:18px; } #opc-progress dl dd table { font-size:12px; line-height:18px; } #opc-progress dl dd table tr th { padding-right:10px; } #opc-progress dl dt.complete a, #opc-progress dl dt.incomplete span { float:right; margin-left:10px; font-weight:normal; } /* */ #opc-shipping_method .gift-messages-add { margin-bottom:15px; } #opc-shipping_method .gift-messages { margin:0; } #co-payment-form input.cvv { width:35px; } #checkout-review-table { margin-bottom:15px; } #checkout-review-table tfoot td, #checkout-review-table tfoot th { font-weight:normal; } #checkout-review-table tfoot tr:first-child th, #checkout-review-table tfoot tr:first-child td, #checkout-review-table tfoot tr:last-child th, #checkout-review-table tfoot tr:last-child td { padding-top:15px; } #checkout-review-table tfoot tr th, #checkout-review-table tfoot tr td { padding:0 10px; text-align:right; } #review-buttons-container { overflow:hidden; } #review-buttons-container button { float:right; height:48px; width:150px; font-size:20px; } #review-buttons-container .opc-ajax-loading { float:right; clear:both; margin-top:15px; } /*--------------------------------------------------------------------------------------------------*/ /* CONTACT /*--------------------------------------------------------------------------------------------------*/ #contact-form { margin-bottom:30px; } #contact-form textarea { width:384px; } /*--------------------------------------------------------------------------------------------------*/ /* POPUP /*--------------------------------------------------------------------------------------------------*/ body.page-popup { background:#FFF; } body.page-popup .popup-container { margin:0 40px 20px; } /*--------------------------------------------------------------------------------------------------*/ /* POPUP - SHIPPING TRACKING /*--------------------------------------------------------------------------------------------------*/ table.shipping-tracking-table { margin-bottom:30px; border:1px solid #F0F0F0; font-size:13px; } table.shipping-tracking-table td { padding:10px; } table.shipping-tracking-table th { padding:10px; font-weight:bold; } /*--------------------------------------------------------------------------------------------------*/ /* PRINT /*--------------------------------------------------------------------------------------------------*/ body.page-print { width:6.5in; margin:20px; background:#FFF; } body.page-print #print-header-table { width:100%; padding-bottom:40px; border-bottom:1px solid #F0F0F0; } body.page-print #print-header-table h1 { margin-bottom:0; } /*--------------------------------------------------------------------------------------------------*/ /* PRINT ORDER /*--------------------------------------------------------------------------------------------------*/ body.sales-order-print h1 { margin:0 0 24px; font-size:20px; line-height:24px; } body.sales-order-print table { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* PRODUCT VIEW /*--------------------------------------------------------------------------------------------------*/ #product-header { margin-top:30px; } .catalog-product-view ul.messages { margin-top:30px; } /* */ #product-media { display:block; padding-bottom:40px; } #product-media a.primary { display:block; } #product-media a.primary img { display:block; width:360px; height:360px; } #product-media ul.more-views { overflow:hidden; } #product-media ul.more-views li { float:left; margin:15px 15px 0 0; } #product-media ul.more-views li:nth-child(5n) { margin-right:0; } #product-media ul.more-views li a.small { display:block; } #product-media ul.more-views li a.small img { width:52px; } /* */ #product-info { padding-bottom:40px; } #product-info h1 { margin:0 0 15px; font-size:30px; line-height:36px; } /* */ #product_addtocart_form { margin-bottom:30px; } #product_addtocart_form .options { margin-bottom:15px; border-bottom:1px solid #F0F0F0; } #product_addtocart_form .options .qty { overflow:hidden; margin-bottom:10px; padding-top:15px; border-top:1px solid #F0F0F0; } #product_addtocart_form .options .qty:last-child { margin-bottom:15px; } #product_addtocart_form .options .qty input { float:left; width:35px; } #product_addtocart_form .options .qty label { float:left; clear:left; width:85px; padding:5px 5px 0 0; } #product_addtocart_form .options dl { overflow:hidden; margin-bottom:5px; } #product_addtocart_form .options dl dt { float:left; clear:left; width:85px; padding-right:5px; } #product_addtocart_form .options dl dt label { } #product_addtocart_form .options dl dd { float:left; margin-bottom:10px; } #product_addtocart_form .options dl dd select { max-width:260px; } #product_addtocart_form .decision { margin-bottom:30px; } #product_addtocart_form .decision button { margin-top:15px; } #product_addtocart_form .decision .availability { display:none; } #product_addtocart_form .decision .price-box .regular-price, #product_addtocart_form .decision .price-box .special-price { color:#202020; font-size:20px; line-height:24px; } #super-product-table { font-size:13px; line-height:20px; } #super-product-table thead th { font-weight:bold; } #super-product-table tbody input { width:35px; } #super-product-table tbody td { padding-top:5px; } #super-product-table thead th, #super-product-table tbody td { padding-left:20px; } #super-product-table thead th:first-child, #super-product-table tbody td:first-child { padding-left:0; } .tier-prices { float:right; margin-left:10px; } .tier-prices ul li { font-size:12px; line-height:18px; } .tier-prices ul li strong { padding-right:5px; } .product-actions { margin-bottom:30px; padding:10px 5px 10px 10px; background:#F8F8F8; } .product-actions li { font-size:12px; line-height:18px; } .product-actions li a { display:block; padding-left:18px; background:url(https://www.theskatebarn.com/wp-content/themes/thedoublewide/images/product-actions.png) 0 2px no-repeat; } .product-actions li a:hover { background-position:0 -18px; } .product-actions li a:active { background-position:0 -38px; } /* */ .long-description { margin:15px 10px 0; } .long-description ul { list-style:disc outside; margin-left:2em; } #attributes-table { margin:15px 10px 0; } #attributes-table th { padding-right:20px; font-size:13px; font-weight:bold; text-transform:uppercase; } #tags #add-tag-form { margin-top:15px; padding-left:10px; } #tags p.hint { margin:10px 0 0 10px; color:#909090; font-size:12px; line-height:18px; } #tags ul.product-tags { margin-top:15px; padding-right:10px } #tags ul.product-tags li a { display:block; text-decoration:none; } #tags ul.product-tags li a .count { float:right; display:block; padding-left:10px; color:#909090; } #tags ul.product-tags li a:hover .count { color:#202020; } /* */ #upsell { margin-bottom:0; } #upsell h2 { margin-bottom:30px; } #related ol { margin:5px 0 10px; } #related ol li { overflow:hidden; padding:10px 0; border-bottom:1px solid #F0F0F0; } #related ol li input { float:left; margin-top:22px; } #related ol li .product { float:left; overflow:hidden; margin-left:15px; } #related ol li .product a.product-image { float:left; } #related ol li .product .product-details { float:left; margin-left:10px; } #related p.instruct { margin-bottom:10px; color:#909090; font-size:12px; line-height:18px; } #related .price-box .minimal-price, #related .price-box .old-price { display:none; } /* */ .catalog-product-view ul.breadcrumbs { display:none; } /*--------------------------------------------------------------------------------------------------*/ /* REVIEWS /*--------------------------------------------------------------------------------------------------*/ #customer-reviews ol.reviews { margin-bottom:30px; } #customer-reviews .no-reviews { margin-top:15px; padding:0 10px; } #review-form p.reviewing { overflow:hidden; margin:15px 0; font-size:13px; line-height:20px; } #review-form p.reviewing .label { float:left; width:130px; padding-left:10px; } #review-form p.reviewing strong { float:left; width:300px; padding-right:10px; } #review-form ul.struts li { padding-right:10px; padding-left:10px; } #review-form textarea { width:284px; } #review-form button { margin-left:140px; } /*--------------------------------------------------------------------------------------------------*/ /* SEND TO FRIEND /*--------------------------------------------------------------------------------------------------*/ #send-to-friend-form textarea { width:304px; } /*--------------------------------------------------------------------------------------------------*/ /* TAGS /*--------------------------------------------------------------------------------------------------*/ #popular-tags a.all-tags { margin:0 10px; font-size:13px; line-height:20px; } .tag-list-index ul.tags-list { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ABOUT /*--------------------------------------------------------------------------------------------------*/ #about-content { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ENABLE COOKIES /*--------------------------------------------------------------------------------------------------*/ #enable-cookies p:last-child { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* HOME /*--------------------------------------------------------------------------------------------------*/ /* LoopedSlider required */ #spotlight-slider { position:relative; overflow:hidden; clear:both; width:930px; margin:30px auto; } #spotlight-slider div.slider-box { position:relative; float:left; overflow:hidden; width:705px; height:345px; } #spotlight-slider div.slider-box div.slides { position:absolute; left:0; top:0; } /* for DIV slider */ #spotlight-slider div.slider-box ul.slides { list-style:none; position:absolute; left:0; top:0; margin:0; padding:0; } /* for UL slider */ #spotlight-slider .slides .slide { position:absolute; top:0; display:none; width:705px; margin:0; padding:0; } /* LoopedSlider optional */ #spotlight-slider ul.slider-pager { list-style:none; float:right; overflow:hidden; width:210px; } #spotlight-slider ul.slider-pager li { position:relative; margin-top:15px; } #spotlight-slider ul.slider-pager li:first-child { margin-top:0; } #spotlight-slider ul.slider-pager li a { display:block; width:210px; height:105px; } #spotlight-slider ul.slider-pager li .frame { position:absolute; left:0; top:0; z-index:1; display:none; width:200px; height:95px; border:5px solid #F8F8F8; border-color:rgba(0,0,0,0.15); } #spotlight-slider ul.slider-pager li.active .frame { display:block; } #spotlight-slider ul.slider-pager li:hover .frame { display:block; border-color:#0CF; cursor:pointer; } /* LoopedSlider required */ .half-slider { position:relative; overflow:hidden; clear:both; width:450px; margin:0 0 30px; } .half-slider div.slider-box { position:relative; overflow:hidden; width:450px; height:250px; margin:0 auto; } .half-slider div.slides { position:absolute; left:0; top:0; } .half-slider ul.slides { list-style:none; position:absolute; left:0; top:0; margin:0; padding:0; } .half-slider .slides .slide { position:absolute; top:0; display:none; width:450px; margin:0; padding:0; } .half-slider h2 { float:left; } .half-slider .slider-controls { float:left; overflow:hidden; margin-left:15px; } /* LoopedSlider optional */ .half-slider a.next, .half-slider a.previous { float:left; display:block; width:24px; height:24px; margin-right:5px; background:url(images/sprite.png) 0 0 no-repeat; text-indent:-9999px; } .half-slider a.next { background-position:-240px 0; } .half-slider a.next:hover { background-position:-240px -30px; } .half-slider a.next:active { background-position:-240px -60px; } .half-slider a.previous { background-position:-210px 0; } .half-slider a.previous:hover { background-position:-210px -30px; } .half-slider a.previous:active { background-position:-210px -60px; } /*--------------------------------------------------------------------------------------------------*/ /* PAGE NOT FOUND /*--------------------------------------------------------------------------------------------------*/ #page-not-found { padding-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* Blog /*--------------------------------------------------------------------------------------------------*/ #blog-content { padding-bottom:40px; } #blog-content h1 { margin:0; font-size:30px; line-height:36px; } #blog-content small {font-size:11px; color:#999;padding-bottom:15px;} #searchform { float:right; margin:8px 8px 0 0; } #searchform label { display:none; } #searchform input { float:left; width:163px; height:24px; padding:0 5px 0 10px; border:0; background:url(images/sprite.png) 0 -120px no-repeat; } #searchform #searchsubmit { float:left; height:24px; width:24px; padding:0; border:0; background:url(images/sprite.png) -60px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #searchform button { float:left; height:24px; width:24px; padding:0; border:0; background:url(images/sprite.png) -60px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #searchform button:hover { background-position:-60px -30px; } #searchform button:active { background-position:-60px -60px; } #sidebar{} #sidebar { margin-bottom:30px; } #sidebar h2 { margin-bottom:0; padding:8px 10px; border-top:2px solid #202020; background:#F8F8F8; } #sidebar h2 span.note { display:block; font-size:12px; line-height:18px; } #sidebar ul.tags-list { margin:15px 10px 10px; } #sidebar ul.tags-list a { color:#202020; font-size:13px; line-height:20px; } #sidebar ul.tags-list a:hover { color:#0AD; } #sidebar .liner { padding-left:10px; } #sidebar .Social_Widget{width:210px;float:left; margin-left:30px;} #sidebar .widget_recent_entries{width:210px;float:left;} #sidebar .widget_recent_entries ul {padding:0 0 0 15px;} #sidebar .twitter-widget{clear:both;padding:20px 0 0 0;overflow:hidden;} #sidebar .twitter-widget ul {padding:0 0 0 15px;} #sidebar .twitter-widget ul li{border-bottom:1px solid #CCC;margin:5px 0 5px 0;padding:5px 0 5px 0;} #sidebar .twitter-widget ul li .twitter-date{font-size:11px;width:120px;} #sidebar .twitter-widget ul li .twitter-text{} #footer-bar .newsletter { float:left; margin:8px 10px; } #footer-bar .newsletter form { float:left; } #footer-bar .newsletter form label { float:left; margin-right:10px; color:#FFF; font-size:12px; line-height:24px; } #footer-bar .newsletter .mc_custom_border_hdr { float:left; margin-right:10px; color:#FFF; font-size:12px; line-height:24px; } #footer-bar .newsletter #mc_signup_container {float:left;} #footer-bar .newsletter #mc_signup_container div{float:left;} #footer-bar .newsletter #mc_subheader{float:left;} #footer-bar .newsletter form .mc_var_label{display:none;} #footer-bar .newsletter form input { float:left; width:175px; height:24px; padding:0 5px 0 10px; border:0; background:url(images/sprite.png) 0 -120px no-repeat; } #footer-bar .newsletter form button { float:left; height:24px; width:24px; padding:0; border:0; background:url(images/sprite.png) -150px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #footer-bar .newsletter form .button { float:left; height:24px; width:24px; padding:0; border:0; background:url(images/sprite.png) -150px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #footer-bar .newsletter form button:hover { background-position:-150px -30px; } #footer-bar .newsletter form button:active { background-position:-150px -60px; } #footer-bar .newsletter form .validation-advice { float:right; width:160px; margin-top:0; margin-left:10px; } .hideme{display:none;} /*--------------------------------------------------------------------------------------------------*/ /* COLORS REFERENCE /*--------------------------------------------------------------------------------------------------*/ /* 202020 text F8F8F8 background F0F0F0 1px line D8D8D8 1px line emphasis 0CF button E5FAFF button:hover 0AD link 48B link:hover FFFF80 yellow */ /*--------------------------------------------------------------------------------------------------*/ /* TYPOGRAPHY REFERENCE /*--------------------------------------------------------------------------------------------------*/ /* font-size:11px; line-height:16px; font-size:12px; line-height:18px; font-size:13px; line-height:20px; font-size:15px; line-height:22px; base font-size:20px; line-height:24px; font-size:24px; line-height:36px; font-size:50px; line-height:60px; */