/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* --------------------------- Matshop.com.au T-bone Productions --------------------------- */ /*--- Resets ---*/ * { margin: 0; padding: 0; } /*--- Elements ---*/ html, body { font-size: 100%; } body { font: 62.5%/100% "Lucida Grande", Tahoma, sans-serif; background: #003D79 url("../images/bg/bg.jpg") repeat-x; color: #000; } p, address { font-size: 1.2em; line-height: 130%; margin-bottom: 1.5em; } blockquote { padding: 0 70px; text-align: justify; } ul, ol { margin: 0 0 1.5em 3.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } li { font-size: 1.2em; line-height: 130%; margin-bottom: 0.5em; } li li, li p { font-size: 1em; } ul.arrows { list-style: none; margin-left: 1em; } ul.arrows li { background: url("../images/bg/bullet-arrow.gif") 0 50% no-repeat; padding-left: 7px; } abbr { cursor: help; } a { color: #000; text-decoration: none; border-bottom: 1px dotted #585f67; } a:hover { color: #003E9A; border-bottom: 1px solid #003E9A; } a img { border: 0; } .left { float: left; } .right { float: right; } img.right { margin: 0 0 20px 20px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; } .clear { clear: both; } .hr { height: 0px; border-bottom: 1px solid #E1E4E6; margin-bottom: 1.5em; overflow: hidden; } .hr hr { display: none; } .lrg-text { color: #505153; font-size: 130%; } .sml-text { font-size: 90%; } dt { font-size: 1.3em; line-height: 130%; margin-bottom: 1em; } dd { font-size: 1.2em; line-height: 130%; margin-bottom: 1.5em; } /*--- Layout ---*/ #container { width: 960px; margin: 0 auto; } /* Content Areas */ .content-area { background: #fff; } .payment .content-area-wrap { background: url("../images/bg/payment-methods.png") right bottom no-repeat; } .content-area-inner { padding-left: 5px; } .cms-home .content-area-inner { background: url("../images/bg/content-top.png") 0 0 no-repeat; } /* Columns */ .col1, .col2, .col3, .col-half { float: left; margin: 0 5px; display: inline; } .col1 { width: 225px;} .col2 { width: 705px; } .col3 { width: 938px; } .col-half { width: 48%; } .col-half1 { margin-right: 20px; } .box .col1 { width: 214px; } .box .col2 { width: 439px; } .box .col3 { width: 100px; } .box .col-half1 { margin-right: 10px; } .block { margin-bottom: 20px; } /** OLD THEME **/ /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } /** END OLD THEME **/ /* Boxes */ .box { margin: 10px 0; } .box-inner, .content-bgPadding, .category-products { padding: 15px; border: 1px solid #e3e4e8; border-top: 0; -moz-border-radius: 0 0 3px 3px; } .box-inner .category-products { padding: 0; border: 0; } .box h2, .box h1, .box-inner .box h2, .box-inner .box h1 { background: #EFF1F3 url("../images/bg/bg-fade-gray.png") repeat-x; padding: 10px 15px; font-size: 15px; border: 1px solid #e3e4e8; -moz-border-radius: 3px 3px 0 0; margin-bottom: 0; color:#585f67; } .box-inner h2 { border: 0; padding: 0; background: none; margin-bottom: 1em; } .box h1 span, .box h2 span, .box h3 span { color: #505153; } .box h1 a.linkage, .box h2 a.linkage { float: right; font-size: 0.8em; } .box.standout h2 { background: #003E9A url(../images/bg/bg-fade-blue.png) repeat-x; border-color: #003E9A; color: #fff; } .box.faded h3 { color: #585f67; } .box.dark .box-inner { background: #eff0f2; } .box.flush-1 { margin-bottom: 0; } .box.flush-1 .box-inner { border-bottom: 0; -moz-border-radius: 0; } .box.flush-2 { margin-top: 0; } .box.flush-2 h3 { border-top: 0; border-bottom: 0; -moz-border-radius: 0; background: #EFF1F3; } /*--- Masthead ---*/ #masthead { background: url("../images/bg/global-nav.jpg") 0 bottom no-repeat; padding: 30px 0 0 0; } #logo { border: 0; margin-left: 10px; } #nav-bar { height: 45px; clear: both; overflow: hidden; padding-top: 20px; } /*--- Utility Navigation ---*/ #utilities { list-style: none; margin: 0; padding: 100px 0 10px 0; float: right; } #utilities li { float: left; margin: 0; font-size: 1.1em; border-right: 1px solid #9599a0; padding-right: 15px; margin-right: 15px; } #utilities li.last { border: 0; margin: 0; padding: 0; } #utilities a { color: #fff; border: 0; } /*--- Global Search ---*/ #global-search { float: right; width: 229px; } #global-search .input { border: 0; font-size: 1.3em; padding: 2px; width: 168px; margin-top: 13px; float: left; } #global-search .btn-go { float: left; margin: 8px 0 0 11px; font-size: 0; line-height: 0;} /*--- Global Navigation ---*/ #global-nav { list-style: none; margin: 0; padding: 0; height: 45px; width: 705px; } #global-nav li { float: left; } #global-nav a { color: #fff; display: block; float: left; line-height: 45px; text-align: center; border: 0; font-weight: bold; padding: 0 16px; text-shadow: 1px 1px 0px #153774; } #global-nav a:hover { color: #000; } /*--- Side nav ---*/ .sidenav { list-style: none; margin-left: 1em; } .sidenav li { background: url("../images/bg/bullet-arrow.gif") 0 50% no-repeat; padding-left: 7px; } .sidenav a { color: #003E9A; border-color: #003E9A; } /*--- Breadcrumb Trail ---*/ #breadcrumbs { list-style: none; margin: 0; padding: 20px 0 10px 14px; } #breadcrumbs li { display: inline; font-size: 1.1em; padding-left: 7px; margin-right: 15px; background: url("../images/bg/bullet-arrow.gif") 0 50% no-repeat; } /*--- Footer ---*/ #footer { clear: both; margin-top: 20px; } #footer h2 { color: #fff; font-size: 1.3em; margin-bottom: 10px; text-indent: 10px; } #footer-nav { padding: 0 0 20px 0; } #footer-nav ul { list-style: none; margin: 0; padding: 0 0 0 10px; } #footer-nav li { float: left; background: url("../images/bg/bullet-footer.gif") 0 50% no-repeat; font-size: 1.1em; padding-left: 10px; width: 220px; /*width:140px;*/ margin: 0 5px 5px 0; } #footer a { color: #fff; border-bottom: 1px dotted #cccfd2; } #footer-copyright { clear: both; border-top: 1px solid #869ebc; padding-top: 20px; color: #fefeff; text-align: right; } #footer-copyright p { font-size: 1.1em; float: left; } #footer a#tbone { border: 0; } /*--- Headings ---*/ h1, h2, h3, h4 { line-height: 130%; font-weight: bold; } h2 { margin-bottom: 1em; font-size: 1.4em; } h3 { margin-bottom: 0.5em; font-size: 1.3em; } h4 { font-size: 1.3em; margin-bottom: 0.5em; } /*--- Buttons ---*/ .btn { background: url("../images/bg/button-blue.png"); height: 29px; line-height: 29px; padding-left: 15px; display: block; float: left; border: 0; overflow: hidden; } .btn b { background: url("../images/bg/button-blue.png") right 0; display: block; float: left; padding-right: 15px; color: #fff; text-shadow: -2px 1px 1px #000; height: 29px; } .btn:hover { border: 0; background-position: 0 -47px; } .btn:hover b { background-position: right -47px; color: #fff; } .btn.lrg { font-size: 1.3em; } #checkout-btn { margin-left: 44px; } .btn-go { background: url("../images/bg/btn-go.png"); width: 29px; height: 29px; text-indent: -999em; border: 0; } .btn-delete { background: url("../images/bg/btn-delete.png") 0 bottom; width: 32px; height: 32px; text-indent: -999em; border: 0; display: block; } .btn-delete:hover { border: 0; background-position: 0 0; } .a-right .btn { float: right; } .button-holder, .button-holder-lrg { height: 38px; } /*--- Homepage ---*/ #home-feature { margin-bottom: 10px; } #banner { background: url("../images/bg/home-banner.gif"); width: 719px; height: 450px; position: relative; overflow: hidden; float:left; margin-left: -5px; } #banner a.btn { position: absolute; top: 250px; left: 200px; font-weight: bold; font-size: 1.3em; padding: 0; background: url("../images/bg/btn-viewrange.png"); text-indent: -999em; width: 95px; height: 36px; } #home-feature #banner img { display: block; } #home-items { float: right; width: 240px; background: url("../images/bg/home-feature-items.jpg") right bottom no-repeat;} #home-items .item { float: right; width: 240px; height: 150px; position: relative; overflow: hidden; } #home-items .item div { position: relative; z-index: 2; padding: 10px 0 0 15px; height: 150px; } #home-items .item h3 { font-size: 1.4em; margin-bottom: 3px; } #home-items .item h3 span { position: absolute; bottom: 20px; right: 15px; z-index: 3; cursor: pointer; text-indent: -999em; padding: 0; background: url("../images/bg/btn-details.png"); width: 81px; height: 36px; } #home-items p { color: #555555; font-size: 1em; font-weight: bold; } #home-items div.price-box, #home-items p.item-price { font-size: 1.8em; background: url("../images/bg/bullet-arrow.gif") 0 50% no-repeat; padding: 0 0 0 10px; height: auto; position:relative;} #home-items p.item-price i { font-size: 10px; position: absolute; top: -15px; left: 10px; } #home-items .item img { position: absolute; bottom: 0px; right: 5px; z-index: 1; } .cms-home .col2 p { display: none; } .cms-home .col2 .box p { display: block; } /*--- Product Lineups ---*/ .medium-lineup .item { width: 204px; float: left; margin-right: 30px; } .medium-lineup .item.last { margin: 0; } .medium-lineup .item-img { background: url("../images/bg/lineup-img-holder.png") center 0 no-repeat; height: 164px; text-align: center; } .medium-lineup .item-img img { padding-top: 11px; } .medium-lineup h4 { font-size: 1.2em; margin-bottom: 3px; } .medium-lineup p { color: #818386; font-size: 1em; font-weight: bold; } .medium-lineup .item-price { font-size: 1.2em; margin: 15px 0 0 0; padding-top: 15px; border-top: 1px solid #E3E4E8; display: block; } .medium-lineup .price-box .price { line-height: 38px; font-size: 1.4em; float: left; } .medium-lineup a.btn { float: right; font-size: 1.2em; } .small-lineup .item { clear: both; } .small-lineup .item-details { overflow: hidden; float: left; width: 100px; padding-top: 7px; } .small-lineup .item-img { background: url("../images/bg/lineup-img-holder-sm.png") center 0 no-repeat; text-align: center; margin-right: 10px; float: left; width: 82px; height:82px; } .small-lineup .item-img img { padding-top: 7px; } .small-lineup h4 { font-size: 1.2em; margin-bottom: 3px; } .small-lineup p { color: #818386; font-size: 1em; font-weight: bold; margin-bottom: 10px; } .small-lineup p.item-price { color: #000; } .small-lineup p.item-price span { line-height: 38px; font-size: 1.4em; float: left; } .small-lineup a.btn { float: right; } .product-list { background: url("../images/bg/product-list-dividers.gif") 226px 0 repeat-y; } .product-list .product { display: inline; float: left; width: 200px; text-align: center; margin: 25px 12px; overflow: hidden; background: url("../images/bg/lineup-img-holder.png") center 0 no-repeat; } .product-list .product-img { margin: 11px 0 20px 0; } .product-list .product-img a { border: 0; } .product-list .price-box { font-size: 2em; color: #818386; font-weight: bold; line-height: 38px; margin: 0; position: relative; display: block; text-align: center; } .product-list .price-box .label { display: block; font-size: 12px; line-height: 1; font-weight: normal; } .product-list .btn { font-size: 1.2em; margin-left: 52px; display: inline; } .product-list .hr { clear: both; } .cms-product-range-html .product-list { font-weight: bold; } /*--- Category Page ---*/ .catalog-category-view .hr { clear: both; } .catalog-category-view .category-description { line-height: 150%; } .catalog-category-view .category-image { padding: 11px 12px; background: url("../images/bg/lineup-img-holder.png"); float: right; margin: 0 0 20px 20px; } /*--- Paging ---*/ .paging { list-style: none; margin-left: -10px; height: 24px; } .paging li { float: left; margin-left: 10px; } .paging a, .paging .on { border: 0; float: left; padding: 3px 7px; border: 1px solid #ccc; text-align: center; } .paging a img { vertical-align: middle; position: relative; top: -1px; } .paging a:hover { border: 1px solid #000; color: #000; } .paging .on { background: #fff; color: #000; border-color: #fff; font-weight: bold; padding: 3px 5px; } /*--- Product Page ---*/ .product-img-box { float: left; width: 281px; } .product-shop { float: right; width: 370px; } .product-shop .product-options { background: #F6F6F6; padding: 20px 20px 10px 20px; border: 1px solid #ddd; } #product-options-wrapper { margin-bottom: 0; border-bottom: 0; } .product-shop .add-to-cart { background: #FFF5DB; padding: 20px; border: 1px solid #ddd; position: relative; } .product-shop fieldset label { display: block; font-weight: bold; color: #000; margin-bottom: 5px;} .product-shop fieldset label i { color: #dd0000; font-style: normal; } .product-shop fieldset select { width: 100%; } .add-to-box .availability { margin-bottom: 15px; } .add-to-box .price-box { font-size: 2.2em; font-weight: bold; float: left; line-height: 95%; } .add-to-box p { margin: 0; padding-top: 5px; } .product-shop .add-to-box label { font-weight: normal; float: left; margin-right: 3px; line-height: 24px; } .add-to-box input { padding: 3px; width: 20px; float: left; } .add-to-box a.btn { float: right; margin-top: -5px; background-image: url("../images/bg/button-blue.png"); margin-left: 14px; } .add-to-box a.btn b { background-image: url("../images/bg/button-blue.png"); } .add-to-box dt { font-size: 1.2em; margin:0; } #super-product-table { margin: 1.5em 0; } .qty-add { float: right; } .product-collateral { margin-top: 20px; } .product-image-holder { background: url("../images/bg/product-img-holder.png") no-repeat; position: relative; padding: 7px; height: 279px; overflow: hidden; } .product-image { margin: 0; overflow: hidden; } .more-views ul { list-style: none; margin: 0; padding: 0; text-align: center; } .more-views li { display: inline; margin: 0 10px; } .more-views a { border: 0; } .zoom-notice { text-align: center; font-size: 1.1em; } .product-img-box .zoom { background: url(../images/bg/slider-bg.gif) no-repeat scroll 50% 50%; cursor:pointer; height:18px; margin:0 auto 13px; padding:0 28px; position:relative; z-index:9; } .product-img-box .zoom .btn-zoom-out { position:absolute; left: 7px; top:2px; } .product-img-box .zoom .btn-zoom-in { position:absolute; right: 7px; top:2px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } /*--- Forms ---*/ input { border: 1px solid #D7D7D7; padding: 3px; font-size: 1.2em; background: #fff url("../images/bg/input-fade.png") repeat-x; } h3 + table.form { margin-top: 15px; } table.form { width: 100%; font-size: 1.2em; } .form td { padding: 0 10px; } .form input { font-size: 1em; width: 308px; margin-bottom: 20px; } .form input.checkbox, .form input.radio { width: auto; } .form textarea { padding: 3px; font-size: 1em; font-family: "Lucida Grande", Tahoma, sans-serif; border: 1px solid #D7D7D7; width: 642px; height: 150px; margin-bottom: 20px; background: url("../images/bg/input-fade.png") repeat-x; } .form label { font-weight: bold; display: block; margin-bottom: 5px; } .form label i { font-style: normal; color: #FDC115; } .form label.checkbox, .form label.radio { display: inline; padding-left: 10px; } .form .buttons .btn { float: right; } .required { font-size: 0.9em; color: #FDC115; display: block; margin-bottom: 10px; } /* Forms supplied by Magento */ form fieldset { margin-bottom: 20px; } form ul { list-style: none; margin: 15px 5px 0 5px; } form ul ul { margin: 0; } form .input-box { margin-bottom: 0.5em; } form input { font-size: 1em; width: 308px; margin-bottom: 5px; } form input.checkbox, form input.radio { width: auto; } form textarea { padding: 3px; font-size: 1em; font-family: "Lucida Grande", Tahoma, sans-serif; border: 1px solid #D7D7D7; width: 642px; height: 150px; margin-bottom: 20px; background: url("../images/bg/input-fade.png") repeat-x; } form label { font-weight: bold; display: block; margin-bottom: 5px; } form label i { font-style: normal; color: #FDC115; } form label .required { display: inline; } form p.required { font-size: 1.1em; } form label.checkbox, form label.radio { display: inline; padding-left: 10px; } form p input.checkbox { margin-left: 5px; } .validation-advice { display: inline; color: red; margin-left: 20px; } .buttons-set { /*font-size: 1.2em;*/ } .buttons-set .back-link { padding-top: 10px; margin-left: 10px; float: left; line-height: 120%; } /*--- Table ---*/ .data-table { width: 100%; border-collapse: collapse; font-size: 1.2em; line-height: 130%; margin-bottom: 1.5em; } .data-table td, .data-table th { border: 1px solid #B4B4B4; padding: 10px; vertical-align: top; } .data-table th { background: #EEF0F2; text-align: left; } .data-table input { font-size: 1em; } li .data-table { font-size: 1em; } /*--- Shopping Cart ---*/ input.qty { width: 20px !important; } .cart .cart-image { background: url("../images/bg/lineup-img-holder-sm.png") 50% 6px no-repeat; text-align: center; padding: 13px; } .cart .del { width: 32px; } .shopping-options { height: 38px; margin: 15px 0; } dl.item-options { font-size: 1em; } dl.item-options dt { font-size: 1em; font-weight: bold; margin-bottom: 0; } dl.item-options dd { font-size: 1em; padding-left: 10px; } .cart-total { padding-top: 1em; float: left; } /*--- Checkout ---*/ .one-page-checkout { list-style: none; margin: 0; } .one-page-checkout .step { border: 1px solid #E3E4E8; border-top: 0; padding: 10px 15px; } .one-page-checkout .step-title { background: #EFF1F3 url("../images/bg/bg-fade-gray.png") repeat-x; border: 1px solid #E3E4E8; padding: 10px 15px; } .one-page-checkout .step-title h3 { margin-bottom: 0; } .one-page-checkout .step-title .number { float: left; font-size: 16px; line-height: 130%; padding-right: 5px; font-weight: bold; } /*.one-page-checkout td { white-space: nowrap; }*/ .one-page-checkout .section.allow .step-title { cursor: pointer; } .one-page-checkout .please-wait { float: left; padding-top: 10px; font-size: 0.9em; margin-left: 20px; } #checkout-progress dl { } #checkout-progress dt { font-size: 1.3em; line-height: 120%; font-weight: bold; margin-bottom: 10px; } #checkout-progress dt.complete { height: 3em; } #checkout-progress dt .separator { display: none; } #checkout-progress dt a { display: block; font-weight: normal; font-size: 0.9em; float: left; } #checkout-progress dd { font-size: 1.2em; margin-bottom: 1.2em; padding-bottom: 1.2em; border-bottom: 1px dotted #E3E4E8; } #checkout-progress dd address, #checkout-progress dd p { font-size: 1em; margin-bottom: 0; } /*--- Image Popup ---*/ body.page-popup { background: #fff; height: 1000px; overflow: hidden; text-align: center;} body.page-popup div { margin: 0 auto; } body.page-popup h2 { margin: 10px 0 ; } /*--- Messages ---*/ .messages { list-style: none; margin-left: 0; margin-bottom: 2.5em; } .messages ul { margin-bottom: 0; } .notice-msg { padding: 10px 10px 5px 0; border: 1px solid #AB0000; background: #FFE4E5; list-style: none; } .success-msg { padding: 10px 10px 5px 0; border: 1px solid #00BC00; background: #CEEDCF; list-style: none; } .error-msg { padding: 10px 10px 5px 0; border: 1px solid #AB0000; background: #FFE4E5; list-style: none; color:#AB0000; font-weight: bold; } /*--- Clearfix ---*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }