/** * 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) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /****************************************************/ /***********[ Mage_CSS_B Common Elements ]***********/ /****************************************************/ /********************** Columns */ hr { border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left; } p.wtext { color:#000000; font-family:verdana,arial; font-size:12px; text-align: left; } .header-top-container {background: url(../../greenhouse-layout/4season-greenhouse-get-growing.jpg) no-repeat 50% 0; height:223px;/*border-bottom:1px solid #FFFFFF;background: url(/skin/frontend/default/firepit/images/picnic_header_top_bg.jpg) no-repeat 50% 0 #ffffff;*/ } /* tabs and home ad layout start*/ /* get rid of those system borders being generated for A tags */ a:active { outline:none; } :focus { -moz-outline-style:none; } /* container for slides */ .images { background:#fff url(../../greenhouse-layout/slideshow/h300.png) repeat-x; border:1px solid #ccc; position:relative; height:300px; width:650px; float:left; margin:15px; cursor:pointer; /* CSS3 tweaks for modern browsers */ -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 25px #666; -webkit-box-shadow:0 0 25px #666; } /* single slide */ .images div { display:none; position:absolute; top:0; left:0; margin:7px; padding:15px 30px 15px 15px; height:256px; font-size:12px; } /* header */ .images h3 { font-size:22px; font-weight:normal; margin:0 0 20px 0; color:#456; } /* tabs (those little circles below slides) */ .slidetabs { margin-left:330px; } /* single tab */ .slidetabs a { width:8px; height:8px; float:left; margin:3px; background:url(../../greenhouse-layout/slideshow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ .slidetabs a:hover { background-position:0 -8px; } /* active state (current page state) */ .slidetabs a.current { background-position:0 -16px; } /* prev and next buttons */ .forward, .backward { float:left; margin-top:140px; background:#fff url(../../greenhouse-layout/slideshow/hori_large.png) no-repeat; display:block; width:30px; height:30px; cursor:pointer; font-size:1px; text-indent:-9999em; } /* next */ .forward { background-position: 0 -30px; clear:right; } .forward:hover { background-position:-30px -30px; } .forward:active { background-position:-60px -30px; } /* prev */ .backward:hover { background-position:-30px 0; } .backward:active { background-position:-60px 0; } /* disabled navigational button. is not needed when tabs are configured with rotate: true */ .disabled { visibility:hidden !important; } /* tabs and home ad layout END */ /* new layout START */ .hp1 { width:680px; position:relative; border: 1px solid; border-color: #dddddd; float:left; } .hp1a { width:265px; height: 165px; position:relative; border: 1px solid; border-color: #dddddd; float:right; padding-bottom:10px; } .hp2{} .hp2a{ width:265px; height: 165px; position:relative; border: 1px solid; border-color: #dddddd; float:right;} /* HOME PAGE WIDGETS ------------------------------------------------- */ .rb-homepage-widget { width: 275px; min-height: 180px; position: relative; float: left; margin-left: 15px; margin-right: 25px; margin-bottom: 20px; } .rb-homepage-widget.right { width: 280px; min-height: 180px; position: relative; float: right; margin-right: 0px; } .rb-widget-top { display: block; height: 55px; margin-bottom: 8px; } .rb-widget-bottom { display: block; border-top: 1px #dfe1e3 solid; padding-top: 8px; } .rb-widget-bottom.right { *clear:both; } img.float-left { float: left; margin-right: 5px; width: 65px; } .ico-float-left { height: 55px; float: left; margin-right: 10px; } .widget-meta { font-size: 11px; width: auto; margin-top: -5px; } .rb-homepage-widget a h5 { color: #000000; margin-bottom: 0px; } .widget-title-link a { color: #000000; } /* new layout END */ /*OSC Layout Hangover */ .BoxTitleINFO { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; height: 30px; text-align : left; padding: 5px 2px 0px 5px; border-bottom: 1px solid; border-color: #dddddd; background: url(../../greenhouse-layout/base_mini_head_compare_bg.gif) repeat-x #fff; } .BoxTitleINFO7 { margin:0; border-bottom:1px solid #b9ccdd; width: 205; padding:5px 5px; background: #697A46; color:#FFFFFF; font-weight:bold; font-size:14px; } TD.main, P.main, SPAN.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; text-align: left; color: #000000; padding-bottom:5px; } .DID { font-family: Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #666666; font-size: 11px; line-height: 1.5; padding: 0px 0px 0px 10px; } .DIDT { font-family: Georgia, Times New Roman, Times, serif; font-style: normal; font-weight: bold; color: #43905C; font-size: 12px; padding: 0px 00px 3px 5px; } TABLE.productListing { /* background: url(../../greenhouse-layout/greenhouses-list-bg.gif) 0 0 repeat; */ } .productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 11px; border-bottom: 1px solid; border-color: #CCCCCC; padding: 5px 10px 0px 0px; background: url(../../greenhouse-layout/prod-bg.gif) repeat-y; background-position:top right; } .productListing-data-price { font-family: Verdana, Arial, sans-serif; font-size: 11px; width:75px; border-bottom: 1px solid; border-color: #CCCCCC; padding: 5px 10px 0px 0px; background: url(../../greenhouse-layout/prod-bg.gif) repeat-y; background-position:top right; } TD.productListing-data2 { font-family: Verdana, Arial, sans-serif; font-size: 10px; border-bottom:1px dotted #999999; width:240px; padding: 5px 10px 15px 5px; background: url(../../greenhouse-layout/prod-bg.gif) repeat-y; background-position:top right; } TD.payment { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; padding: 5px 5px 10px 10px; } TD.paymentm { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; padding: 5px 5px 10px 10px; border-bottom:1px dotted #999999; } TD.paymenth { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; padding: 5px 5px 0px 0px; border-bottom: 1px solid; border-color: #CCCCCC; } TD.cartp { padding-top:10px; font-family: Verdana, Arial, sans-serif; font-size: 12px; line height: 1.5em; } .img-list { min-height: 190px; padding-bottom: 5px; } .info-list { float: left; width: 200px; padding: 5px 10px 0px 10px; text-align:left; color: #666666; } .info-list-mfg { float: left; width: 200px; padding: 0px 10px 0px 10px; text-align:left; color: #666666; } .Snum2 { padding: 0px 0px 5px 0px; } .experts-review { background-color:#c7cfb6; padding:10px 10px; border:3px solid #ADADAD; width: 650px;/*border-top:0*/;} TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { border-bottom:1px dotted #d9dde3; width:715px; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { border-bottom:1px dotted #d9dde3; width:715px; } .price-list {font-size:14px; font-weight:bold; color:#CC0000; } SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #990000; font-size: 14px; font-weight: bold; } .category-sad { width: 720px; min-height: 105px; padding-bottom: 20px; background: url(../../greenhouse-layout/greenhouses-cat/greenhouses-abg.jpg) no-repeat 50% 0; } .cat-box1 {width: 395; height: 205px; border:0px solid #ddd; float: left;} .cat-box2 {width: 320; height: 205px; border:0px solid #ddd; float: left;} .ghcat_header { font-size:18px; line-height:15px; position:relative; padding:10px 0px 0px 10px; } .ghcat-text { color:#000000; font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.5; padding:10px 5px 10px 15px; text-align:left; } .cat-box { float: left; width: 180px; min-height: 180px; padding: 5px 0px 0px 0px; background: url(../../greenhouse-layout/cat-bg.gif) 0 0 repeat; } .cat-sbox { height:20px; width: 175px;float: left; background: url(../../greenhouse-layout/cat-bg-btm.gif) 0 0 repeat;} .prod-box { float: left; width: 240px; min-height: 240px; padding: 5px 0px 0px 0px; background: url(../../greenhouse-layout/prod-bg.gif) repeat-y; background-position:top right; } .ghcat-text ul { list-style:disc; list-style-position: outside; padding: 15px; line-height: 1.2em;} .ghcat-text li {margin-bottom:.1em; list-style-position: outside; margin-left:3em; padding: 0;line-height: 1.2em;} .mfg-select select {width: 200px;} .prod-sbox { height:20px; width: 235px;float: left; background: url(../../greenhouse-layout/cat-bg-btm.gif) 0 0 repeat;} .price-box-pl { padding:15px 0; float: left; width: 200px;} .price-box .price {font-size:15px; font-weight:bold; color:#CC0000; } .narrow-by { } /* Main Page CSS */ #scroll { position:relative; height:400px; overflow:hidden; border:1px solid #ddd; width:700px; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } * html #scroll { height: 400px; width: 700px; } #tools { width:9999em; position:absolute; height:285px; } .tool { float:left; width:720px; height:320px; background-repeat:no-repeat; background-position:0 -15px; } .details { background-color:#fff; color:#666; float:left; font-size:20px; margin:270px 0 0 0; padding:10px 60px; width:300px; } #thumbs { background:url(/backyardPS/patio-layout/patio-home/demo-navi2.jpg) no-repeat; height:90px; position:absolute; top:330px; width:720px; left:-8px; } .t a { background:transparent url(/backyardPS/patio-layout/patio-home/demo-navi.jpg) no-repeat scroll -21px -90px; margin-left:11px; display:block; width:99px; float:left; height:90px; cursor:pointer; } .t a.active { cursor:default !important; } .navi { margin-left:105px; _margin-left:104px; } /* CSS sprite for the navigation */ #t0 { margin-left:20px; _margin-left:20px;} #t0.active { background-position:-21px 0 !important; } #t0:hover { background-position:-21px -180px; } #t0:active { background-position:-21px -270px; } #t1 { background-position:-325px -90px; } #t1:hover { background-position:-325px -180px; } #t1:active { background-position:-325px -270px; } #t1.active { background-position:-325px 0 !important; } #t2 { background-position:-435px -90px; } #t2:hover { background-position:-435px -180px; } #t2:active { background-position:-435px -270px; } #t2.active { background-position:-435px 0 !important; } #t3 { background-position:-545px -90px; } #t3:hover { background-position:-545px -180px; } #t3:active { background-position:-545px -270px; } #t3.active { background-position:-545px 0 !important; } #t4 { background-position:-655px -90px; } #t4:hover { background-position:-655px -180px; } #t4:active { background-position:-655px -270px; } #t4.active { background-position:-655px 0 !important; } #t5 { background-position:-765px -90px; } #t5:hover { background-position:-765px -180px; } #t5:active { background-position:-765px -270px; } #t5.active { background-position:-765px 0 !important; } #t6 { background-position:-875px -90px; } #t6:hover { background-position:-875px -180px; } #t6:active { background-position:-875px -270px; } #t6.active { background-position:-875px 0 !important; } #categories { float: left; margin: 7px; /*margin: 5px 0 5px 0;*/ height: auto; width: 900px; /* border-top: 2px solid #BABABA; border-bottom: 2px solid #BABABA; */ padding: 5px 0 5px 0; } .catContainer { float: left; width: 140px; margin: 14px 0 14px 0; padding: 0 0 6px 0; border-left: 1px solid #ccc; } .catContainerLeft { border-left: none; } .catImage { text-align: center; } .catSubTopic { float: left; width: 100%; text-align: center; margin: 10px 0; padding: 4px 0; background: #EDEDED; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .catSubTopicLeft { border-left: 1px solid #ccc; } .catSubTopicRight { border-right: 1px solid #ccc; } #categories .catSubTopic a { font-weight: bold; font-size: 12px; text-decoration: none; color: #333; } #categories .catSubTopic a:hover { color: #FF0000; } .catLink { float: left; width: 140px; margin: -4px 0 0; } .catLink a { font-size: 11px; } .catLink li { background-image: url(../../greenhouse-layout/cat-link-off.gif); background-position: 0 8px; background-repeat: no-repeat; padding: 0 0 0 10px; margin: 0 0 0 8px; } .catlink { font-size: 11px; } .catLink li:hover { background-image: url(../../greenhouse-layout/cat-link-on.gif); } /* testing new 4 across layout */ #categoriesB { float: left; margin: 5px 0 5px 0; height: auto; width: 900px; border-top: 2px solid #BABABA; border-bottom: 2px solid #BABABA; padding: 5px 0 5px 0; } #categoriesB a { font-weight: bold; font-size: 12px; text-decoration: none; color: #333; } #categoriesB a:hover { color: #FF0000; } .catContainerB { float: left; width: 223px; margin: 14px 0 10px 0; /*padding: 0 0 6px 0;*/ text-align: center; } .catLinkB { float: left; width: 223px; margin: 5px auto; line-height: 1.25; } #categoriesB .catImageB { height: 75px; } #categoriesB .catContainerB .catLinkB p { height: 40px; margin: 5px 0 10px 0; } #categoriesB .catLinkB .specialsOneB, #categoriesB .catLinkB .specialsTwoB, #categoriesB .catLinkB .specialsThreeB, #categoriesB .catLinkB .specialsFourB { text-decoration: underline; font-weight: normal; } .freeTag { color: #ff0000; } .subCatText { color: #888; font-weight: normal; } /* Main Page CSS ENd */ .my-cart { color: black; z-index:97; float:right; width:290px; padding-left:0px; padding-right:15px; padding-top:33px; text-align: bottom; } .shop-access .my-cart a{ font-size:12px; font-weight:bold font-style: none; } .shop-access .my-cart a:hover{ font-size:12px; font-weight:bold font-style: underline; } .textmiddle {vertical-align:middle;} .info-page-header { width: 100%; border-bottom: 1px solid #848284; } .info-page { width: 710px; padding: 20px 0px 20px 0px; } .info-page ul { list-style:disc; list-style-position: outside; padding: 15px; line-height: 1.2em;} .info-page li {margin-bottom:.1em; list-style-position: outside; margin-left:3em; padding: 0;line-height: 1.2em;} .info-page li ul, .info-page li ol { margin-left:1em; padding:0; } .info-page li li { margin-left:0; padding:0; } .product-specs{ width: 678px; padding: 20px 10px 10px 10px; border-color:#999; border-style: solid; border-width: 0px 1px 1px 1px; } * html .product-specs { width: 700px; w\idth: 700px; } .cart-box-prod { width: 700px; float: left; } .cart-box-prod .pimg{ width: 200px; float: left; } .cart-box-prod .pdesc{ width: 500px; float: left; } .cart-heading { width: 930px; color:#666666; font-size:23px; font-weight:bold; /* background: #8190A2; */ padding: 10px 5px 10px 0px; } TD.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; padding-bottom:3px; } .cartbtn { padding: 8px 15px 15px; } .Black10V {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; padding: 5px; border-bottom: 1px solid; border-color: #CCCCCC; } .bdesc { font-size: 14px; color:#4E4E50; font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:bold; padding-bottom: 5px; } .dclear { clear:both; height:1px; overflow:hidden; } /* HOME PAGE LAYOUT START */ /* NEW HOME PAGE LAYOUT START NEW*/ .product-collateral-mp { padding-left: 0px; padding-top:0px;} .product-collateral-mp .head-mp { margin-bottom:1em; border-bottom:1px solid #e5dcc3; padding-bottom:1px; font-size:1.15em; } .product-collateral-mp .collateral-box-mp { margin-bottom:2em; } .product-collateral-mp .collateral-box-mp h4{ color:#666666; } /* link inside the tab. uses a background image */ /* root element for tabs */ ul.tabs-mp { list-style:none; margin:0 !important; padding:0; border-bottom:1px solid #666; height:30px; } /* single tab */ ul.tabs-mp li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabs-mp a { background: url(../../greenhouse-layout/blue.png) no-repeat -420px 0; font-size:11px; display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; } ul.tabs-mp a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs-mp a:hover { background-position: -420px -31px; color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs-mp a.current, ul.tabs-mp a.current:hover, ul.tabs-mp li.current a { background-position: -420px -62px; cursor:default !important; color:#000 !important; } /* tab pane styling */ div.panes > div { display:none; border:1px solid #999; border-top:0; min-height:100px; font-size:14px; background-color:#fff; } .product-specs-mp{ width: 700px; height: 500px; padding: 20px 10px 10px 10px; } * html .product-specs-mp { width: 722px; w\idth: 722px; heigth: 500px; h\eigth: 500px; } .patio-furniture-ms { float:left; width:710px; height:275px; background-repeat:no-repeat; } .details-mp { background-color:#fff; color:#666; float:left; font-size:20px; margin:270px 0 0 0; padding:10px 60px; width:300px; } .patio-ms { //* background-color:#fff; background-color:rgba(255, 255, 255, 0.8); *// float:left; min-height:115px; padding:25px 0 0 25px; width:245px; color:#666666; font-size:12px; } .patio-ms ul { list-style:disc; list-style-position: outside; padding: 3px; line-height: 1.2em;} .demos li {margin-bottom:.1em; list-style-position: outside; margin-left:20px; padding: 0;line-height: 1.2em;} .patio-ms h2 { color:#065598; font-size:18px; display:block; padding:3px 0px 0px 0px; text-align: left; margin-bottom: 0px; } .patio-ms h3 { color:#065598; font-size:15px; display:block; padding:5px 0px 0px 0px; } .patio-ms a { color:#065598; font-size:13px; text-decoration:underline; } .patio-ms a hover{ color:#065598; font-size:13px; font-weight: bold; text-decoration:none; } .patio-ms p { margin:0 0 0px; /* background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px; */ padding:0px 0 1px 10px; line-height: 1.2em; } .patio-ms .shop-all { padding-top: 5px; padding-left: 60px; text-align: left; } .greenhouse-kit-msb { //* background-color:#fff; background-color:rgba(255, 255, 255, 0.8); *// float:left; min-height:115px; padding:140px 0 0 25px; width:245px; color:#666666; font-size:12px; } .greenhouse-kit-msb ul { list-style:disc; list-style-position: outside; padding: 3px; line-height: 1.2em;} .demos li {margin-bottom:.1em; list-style-position: outside; margin-left:20px; padding: 0;line-height: 1.2em;} .greenhouse-kit-msb h2 { color:#065598; font-size:18px; display:block; padding:3px 0px 0px 0px; text-align: left; margin-bottom: 0px; } .greenhouse-kit-msb h3 { color:#065598; font-size:15px; display:block; padding:5px 0px 0px 0px; } .greenhouse-kit-msb a { color:#065598; font-size:13px; text-decoration:underline; } .greenhouse-kit-msb a hover{ color:#065598; font-size:13px; font-weight: bold; text-decoration:none; } .greenhouse-kit-msb p { margin:0 0 0px; /* background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px; */ padding:0px 0 1px 10px; line-height: 1.2em; } .greenhouse-kit-msb .shop-all { padding-top: 5px; padding-left: 60px; text-align: left; } .composter-msb { //* background-color:#fff; background-color:rgba(255, 255, 255, 0.8); *// float:left; min-height:115px; padding:8px 0 0 20px; width:245px; color:#666666; font-size:12px; } .composter-msb ul { list-style:disc; list-style-position: outside; padding: 3px; line-height: 1.2em;} .composter-msb h2 { color:#065598; font-size:18px; display:block; padding:3px 0px 0px 5px; text-align: left; margin-bottom: 0px; } .composter-msb h3 { color:#065598; font-size:15px; display:block; padding:5px 0px 0px 0px; } .composter-msb a { color:#065598; font-size:13px; text-decoration:underline; } .composter-msb a hover{ color:#065598; font-size:13px; font-weight: bold; text-decoration:none; } .composter-msb p { margin:0 0 0px; /* background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px; */ padding:0px 0 1px 10px; line-height: 1.2em; } .composter-msb .shop-all { padding-top: 10px; padding-left: 10px; text-align: left; } .home-main-featbox {width: 710px; height: 195px; padding: 0px 0px 0px 0px; float:left;} .home-main-featbox h2 { max-width:100%; margin:0; padding-top:15px; padding-left:15px; color:#666666; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .patio-ad1 { margin:0 0 0px; background:transparent url(../../greenhouse-layout/greenhouse-home/greenhouses-customized.jpg) no-repeat 50% 0; padding:0px 0 0px 0px; width: 425px; height: 180px; float:left; } .home-main-featbox .patio-ad1 h2 { width: 415px; margin:0; padding-top:15px; padding-left:15px; color:#8A4237; font-size:18px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .home-main-featbox .patio-ad1 .text { width: 415px; margin:0; padding-top:40px; padding-left:15px; color:#333333; font-size:11px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .patio-ad1 .text-2 { width: 415px; margin:0; padding-top:5px; padding-left:15px; color:#666666; font-size:12px; line-height:15.0px; overflow:hidden; float:left; } .patio-ad1 .text-3 { width: 415px; margin:0; padding-top:5px; padding-left:15px; color:#013F92; font-size:12px; font-weight:bold; overflow:hidden; float:left; } .patio-ad2 { margin:0 0 0px; /* background:transparent url(../../greenhouse-layout/greenhouse-home/garden-starters-bg.jpg) no-repeat 50% 0; */ padding:0px 0 0px 0px; width: 285px; height: 180px; float:left; } .home-main-featbox .patio-ad2 h2 { width: 275px; margin:0; padding-top:0px; padding-left:15px; color:#8A4237; font-size:18px; font-weight:bold; overflow:hidden; float:left; } .home-main-featbox .patio-ad2 .text { width: 275px; margin:0; padding-top:25px; padding-left:15px; color:#333333; font-size:12px; line-height:1.5em; font-weight:bold; overflow:hidden; float:left; } .patio-ad2 .text-2 { width: 275px; margin:0; padding-top:5px; padding-left:20px; color:#666666; font-size:12px; line-height:1.5%; overflow:hidden; float:left; } .patio-ad2 .text-3 { width: 275px; margin:0; padding-top:5px; padding-left:15px; color:#013F92; font-size:11px; font-weight:bold; overflow:hidden; float:left; } .featbox-budget { margin:0 0 0px; background:transparent url(../../greenhouse-layout/greenhouse-home/greenhouse-kit-featbox-budget.jpg) no-repeat 50% 0; padding:0px 0 0px 0px; width: 235px; height: 170px; float:left; } .home-main-row2 {width: 720px; min-height: 600px; padding: 5px 0px 0px 5px; border-left: 1px solid #999; border-bottom: 0px; border-top: 0px; border-right: 0px;} .home-main-row2 .box-popular {width: 720px; height: 300px; padding-left: 10px; float:left; background: url(/backyardPS/patio-layout/patio-home/popular-300.gif) no-repeat 50% 0;} .home-main-row2 .box2 {width: 235px; height: 165px; float:left; /*background: url(../images/media/hot-deals.jpg) no-repeat 50% 0;*/} .home-main-row2 .box-featured {width: 720px; height: 300px; float:left; padding-left: 10px; background: url(/backyardPS/patio-layout/patio-home/popular-300.gif) no-repeat 50% 0;} .home-main-row2 h2 { max-width:100%; margin:0; padding-top:0px; margin-left:5px; margin-right:5px; color:#305167; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; background-color: #FFFFFF; } .home-main-featbox h2 { max-width:100%; margin:0; padding-top:15px; padding-left:15px; color:#666666; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } /* NEW HOME PAGE LAYOUT END NEW*/ .home-main-featbox .patio-ad1 h2 { max-width:100%; margin:0; padding-top:0px; padding-left:15px; color:#013F92; font-size:18px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } div.panes div.holder { padding: 5px 5px 0px 5px; border-left: 1px solid #999; border-bottom: 0px; border-top: 0px; border-right: 0px; height: 700px; font-size: 14px; background-color: #FFFFFF; } /* root element for accordion. decorated with rounded borders and gradient background image */ #accordion { background: url(/greenhouse-layout/patio-furniture-osbg.jpg) repeat-x; width: 205px; -background:#fff; } .snav_header { font-size:16px; font-weight:bold; position:relative; padding:10px 0px 5px 5px; } /* accordion header */ #accordion h2 { background:#DEDEDE url(/greenhouse-layout/patio-h30.png); margin:0; padding:5px 10px; font-size:14px; font-weight:bold; border:1px solid #fff; border-bottom:1px solid #ddd; cursor:pointer; color:#666666; } /* currently active header */ #accordion h2.current { cursor:default; color:#fff; background-color:#D29491; } /* accordion pane */ #accordion div.pane { border:1px solid #fff; border-width:0 2px; display:none; min-height:180px; padding:10px; color:#000000; font-size:12px; } /* a title inside pane */ #accordion div.pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999; } #accordion div.pane a { color:#333333; font-size:12px; line-height: 1.5em; text-decoration:underline; font-weight: bold; } #accordion div.pane a:hover{ color:#203548; font-size:12px; font-weight: bold; line-height: 1.5em; text-decoration:none; } /* NEW HOME PAGE LAYOUT END NEW*/ /* HOME PAGE LAYOUT START */ #div-1c { clear:both; } .clear {clear:both;} .home-main-ad {width: 695px; height: 280px; float:left; padding-left: 10px; padding-top: 0px; padding-bottom: 5px; background: url(../images/media/poker-player-MA.jpg) no-repeat 50% 0;} .home-main-ad-checklist {width: 250px; float:left; margin-top: 0px; line-height:1.3em; font-size:14px; padding-left: 12px;} .home-main-ad .box1 {width: 300px; height: 270px; padding-right: 5px; float:left; font:12px arial, helvetica, sans-serif; } .home-main-ad .box2 {padding-left: 8px; width: 180px; height: 75px; float:left; font:12px arial, helvetica, sans-serif; } .home-main-ad .box3 {width: 165px; height: 200px; float:left; padding-left: 5px; font:12px arial, helvetica, sans-serif; padding-top:50px;} .home-main-ad a{ color:#203548; text-decoration:underline; font-weight: bold;font-size:12px;} .home-main-ad a:hover { color:#1E7EC8; text-decoration:underline; font-weight: bold;font-size:12px;} .home-main-ad H1 {color:#000000; font-size:18px;} .home-main-nav {width: 235px; height: 280px; padding-left: 0px; padding-right: 5px; float:right;} .home-main-nav .shop {min-height: 30px; float:left; width: 235px;} .btn-text {color:#7F7F7F; font-weight: bold; font-size: 11px; float:left; padding-left:8px; line-height:1.0em; width:235px;} .btn-text a{ color:#7F7F7F; text-decoration:underline; font-size:11px; font-weight: bold;} .btn-text a:hover{ color:#7F7F7F; text-decoration:none; font-size:11px; font-weight: bold;} .hmp-text1 {text-decoration: none; color: #203548; padding: 2px 0px 2px 25px; font-size: 13px;} .hmp-text2 {text-decoration: none; color: #666666; font-size: 11px; padding: 0px 0px 0px 35px;} .hmp-text22 {text-decoration: none; color: #666666; font-size: 11px; padding: 0px 0px 0px 35px;} .hmp-text11 {text-decoration: none; color: #203548; padding: 2px 0px 2px 45px; font-size: 13px;} .hmp-text3 {text-decoration: none; color: #203548; padding: 10px 0px 0px 25px; font-size: 13px;} .hmp-text4 {text-decoration: none; color: #203548; padding: 10px 0px 0px 35px; font-size: 13px;} .home-main-promise .promise{width: 130px; height: 40px; float:left; margin-top: 10px; padding: 0px 10px 0px 5px; font-size: 15px; color:#ffffff; font-weight: bold;} .home-main-row2 .box2 {width: 235px; height: 165px; float:left; /*background: url(../images/media/hot-deals.jpg) no-repeat 50% 0;*/} .home-main-row2 .box22 {width: 115px; height: 200px; float:left;} .home-main-row2 .pname {width: 105px; text-align:center; float:left; margin-top: 5px; padding: 0px 5px 0px 5px;} .home-main-row2 .pname4 {width: 105px; text-align:center; float:left; padding: 85px 5px 0px 5px;} .home-main-row2 .price {font-size:13px; font-weight:bold; color:#CC0000;margin-right: 10px;} .home-main-row2 .prod-img {padding-left: 5px;} .pname {margin-bottom:.2em; font-size:11px; font-weight: bold;} .pname a{ color:#203548; text-decoration:underline; font-weight: bold;} .pname a:hover { color:#1E7EC8; text-decoration:underline; font-weight: bold;} .home-main-row2 .pname4 {margin-bottom:.2em; font-size:11px; font-weight: bold;} .home-main-row2 .pname4 a{ color:#203548; text-decoration:underline; font-size:11px; font-weight: bold;} .home-main-row2 .pname4 a:hover { color:#1E7EC8; text-decoration:underline; font-size:11px; font-weight: bold;} .box3 .pname {text-align:left; float:left; padding: 5px 5px 0px 5px;} .home-main-row3 {width: 230px; min-height: 300px; padding: 5px 0px 0px 5px; float:left;} .storesbox {height: 20px; background: #cccccc;} .pshq-sites-box {width: 225px; padding:0px 8px 25px 5px; float:left; border-right:1px dotted #4C7591; margin-bottom:25px;} .home-main-row3 .links {margin-bottom:.2em; font-size:13px; font-weight: bold; margin-left: 300px; padding-top: 0px;} .links a{ color:#203548; text-decoration:underline; font-weight: bold;} .links a:hover { color:#1E7EC8; text-decoration:underline; font-weight: bold;} .home-main-row3 .links2 {margin-bottom:.2em; font-size:13px; font-weight: bold; padding-left: 290px; padding-top: 25px;} .links2 a{ color:#203548; text-decoration:underline; font-weight: bold;} .links2 a:hover { color:#1E7EC8; text-decoration:underline; font-weight: bold;} .home-main-row3 h2 { max-width:100%; margin:0; padding-top:5px; padding-left:10px; color:#666666; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .featured {font-size:18px; font-weight: bold; padding-bottom: 10px; color:#99B36C;} .article-title {font-size:13px; font-weight: bold;} .home-main-row3 h3 { max-width:100%; margin:0; padding-top:2px; padding-left:5px; color:#fff; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .featured {font-size:18px; font-weight: bold; padding-bottom: 10px; color:#99B36C;} .article-title {font-size:13px; font-weight: bold;} .home-main-nav h1 { max-width:100%; margin:0; padding-top:0px; padding-left:5px; color:#930D13; font-size:18px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .home-main-row2 h2 { max-width:100%; margin:0; padding-top:0px; margin-left:15px; margin-right:5px; color:#305167; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; background-color: #FFFFFF; } .home-main-ad h1 { max-width:100%; margin:0; padding-top:3px; padding-left:10px; color:#000; font-size:18px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .home-main-nav h2 { max-width:100%; margin:0; padding-top:10px; padding-left:6px; color:#3D5360; font-size:18px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .home-main-nav h2 a{ text-decoration: none; color:#305167; } .home-main-nav h3 { max-width:100%; margin:0; padding-top:10px; padding-left:6px; color:#3D5360; font-size:18px; line-height:1.2em; font-weight:bold; overflow:hidden; float:left; } .home-main-nav h3 a{ text-decoration: none; color:#305167; } .whybuy h3 { max-width:100%; margin:0; padding-top:10px; padding-left:10px; padding-bottom:10px; color:#fff; font-size:16px; line-height:1.3em; font-weight:bold; overflow:hidden; float:left; } .whybuy .ad-text {color:#7F7F7F; font-weight: bold; font-size: 13px; float:left; padding:28px 0px 0px 55px; line-height:2.0em;} .whybuy .ad-text a{color:#203548; text-decoration: none;} .ad-textL1 {color:#7F7F7F; font-weight: bold; font-size: 12px; float:left; padding:0px 0px 5px 10px; line-height:1.0em;} .ad-text {color:#666666; font-weight: bold; font-size: 12px; float:left; padding:5px 0px 5px 25px; line-height:1.3em; width:185px;} .ad-textL3 {color:#000000; font-size: 12px; float:left; padding:8px 0px 5px 13px; line-height:1.3em; width:450px;} .ad-textL33 {color:#930D13; font-weight: bold; font-size: 12px; float:left; padding:0px 0px 5px 115px; line-height:1.3em; width:135px;} .ad-textL34 {color:#7F7F7F; font-weight: bold; font-size: 12px; float:left; margin-left:250px; padding:0px 0px 5px 5px; line-height:1.3em; width:185px;} .ad-text-Link {color:#7F7F7F; font-weight: bold; font-size: 12px; float:left; padding:5px 0px 5px 165px; width:100px;} /*PSHQ Shopping Cart Start */ .pshqnav { position:relative; margin:0 auto; height:36px; vertical-align: middle; padding: 0px 0px 0px 0px; } body.checkout-onepage-index .quick-access { width:280px; float:right; margin-top:5px; text-align:right; padding:0px 0px 0px 0px; color:#fff; } body.checkout-onepage-index .header-top { position:relative; z-index:999; width:930px; height: 104px; margin:0 auto; } .linkbox { float:left; width: 150px; text-align: left; } .linkbox ul { display:inline; } .linkbox li.last { background:none; padding-right:0; } .linkbox a, .footer .informational a:hover { color:#000; text-decoration:underline;} .linkbox a { text-decoration:none; } /*PSHQ Shopping Cart END*/ /* All */ .col2-set, .col3-set, .col4-set, .col5-set { clear:both; } /* Col2 */ .col2-set .col-1, .col2-set .col-2 { width:48.5%; } .col2-set .col-1 { float:left; } .col2-set .col-2 { float:right; } /* Col2-alt */ .col2-alt-set .col-1 { width:32%; } .col2-alt-set .col-2 { width:65%; } .col2-alt-set .col-1 { float:left; } .col2-alt-set .col-2 { float:right; } /* Col3 */ .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; } .col3-set .col-1, .col3-set .col-2 { margin-right:3%; } /* Col4 */ .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; } /* Table Columns */ table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; } .col3-set td.spacer { width:3%; } .col4-set td.spacer { width:4%; } .accent { color:#E76200; font-weight:bold; } /********************** Form */ /* Form Elements */ input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; } option, optgroup { font:12px arial, helvetica, sans-serif; } optgroup { font-weight:bold; } textarea { overflow:auto; } input.input-text, textarea { padding:2px; } .add-to-cart-box input.input-text, textarea { padding:7px; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } .qty { width:2.5em; height: 30px;} .group-select label, .form-list label, .payment-methods label { font-weight:bold; } .input-text:focus, select:focus, textarea:focus { background:#edf7fd; } .button-set { /* Container for form buttons*/ clear:both; margin-top:4em; border-top:1px solid #e4e4e4; padding-top:8px; text-align:right; } .form-button, .form-button-alt { overflow:visible; width:auto; border:0; padding:0px 0px; color:#fff; border:1px solid #ffffff; font:bold 14px arial, sans-serif !important; cursor:pointer; text-align:center; vertical-align:middle; } .form-button span, .form-button-alt span { white-space:nowrap; } .form-button-alt { border:1px solid #406a83; background-color:#618499; } a.form-button-alt { padding:2px 9px; text-decoration:none; } .form-button-alt:hover { color:#fff; text-decoration:none; } .btn-checkout { display:block; float:right; background:transparent url(/skin/frontend/default/default/images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0; font-size:15px; font-weight:bold; padding-right:8px; } .btn-checkout, .btn-checkout:hover { color:#fef5e5; text-decoration:none; } .btn-checkout span { display:block; padding:0 17px 0 25px; background:transparent url(/skin/frontend/default/default/images/btn_proceed_to_checkout_bg.gif) no-repeat; line-height:40px; } /********************** Headings */ .head, .inner-head { line-height:1.25em; text-align:right; } .head h1,.head h2, .head h3, .head h4, .head h5, .inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5{ margin:0; float:left; } /* Page heading */ .page-head { margin:0 0 25px 0; border-bottom:1px solid #ccc; } .page-head-alt { margin:0 15px 12px 15px; } .page-head, .page-head-alt { text-align:right; } .page-head h3, .page-head-alt h3 { margin:0px 0px 0px 10px; font-size:1.7em !important; font-weight:normal !important; text-transform:none !important; text-align:left; } .button-level h3 { /* heading level with buttons */ float:left; width:55%; } .page-head .link-feed {float:right; margin-top:9px; } .button-level .link-feed {float:none!important; font-size:1em!important;} /* Category list heading */ .category-head { margin-bottom:7px; } .category-head h2 { max-width:100%; margin:0; padding-top:3px; padding-right:15px; color:#0a263c; font-size:1.6em; line-height:1.3em; font-weight:normal; overflow:hidden; float:left; } .box-header {font-size:1.05em;text-align:left;background:#EEEEEE none repeat scroll 0%;font-weight:bold;padding:2px 8px;margin:10px 0px} .category-head .link-feed {float:right; margin-top:10px; position:relative; } .category-head .catdesc {float:left; padding-top:10px; min-width: 150px;} /********************* Tables */ td.label { font-weight:bold; } /* Data Table */ .data-table { border:1px solid #bebcb7; width:100%; border-right: 0px; border-left: 0px; } .data-table tr { background:#fff; } .data-table .odd { background:#f8f7f5 } .data-table .even { background:#eeeded !important; } .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; white-space:nowrap; } .data-table th.wrap { white-space:normal; } .data-table th a, .data-table th a:hover { color:#fff; } .data-table td { padding:3px 8px; } .data-table tfoot tr { background-color:#DEE5E8 !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; } .data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; } /* Bundle Products */ .data-table tbody.odd tr { background:#f8f7f5 !important; } .data-table tbody.even tr { background:#f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td h5.title { margin:0; padding:0; font-size:1em; font-weight:bold; color:#2f2f2f; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } .box-table td { padding:10px; } .box-table tfoot td { padding-top:5px; padding-bottom:5px; } .box-table select { width:100%; } .nested-data-table th, .nested-data-table td { padding-top:2px; padding-bottom:2px; } .generic-table td { padding:0 8px} .generic-table td.first { padding-left:0; white-space:nowrap; } .shipping-tracking .button-set { margin-top:0; border:none; border-top:0; padding-top:0; } /********************** Lists */ .disc { margin-bottom:10px; list-style:disc; } .disc li { margin-left:20px; } /* Bare List */ /* Unstyled list */ .bare-list { margin:5px 0; } .bare-list li { margin:3px 0; } /********************** Space Creators */ .no-display { display:none; } .content-box { min-height:250px; } /* Set minimum height for visual presentation */ .content { padding:12px 12px 12px 15px; } /* Sets default padding */ .actions { line-height:1.3em; } .separator { padding:0 3px; } .pipe { padding:0 4px; font-size:.95em; } .divider { margin:10px 0; height:1px; background: url(../../greenhouse-layout/dotted_divider.gif) repeat-x; font-size:1px; line-height:1em; overflow:hidden; } /********************** Pager */ table.pager select, table.view-by select { margin:0 3px; font-size:.95em; } table.pager select { width:200px; } table.view-by td.sort-by { text-align:right; padding-right:44px; } table.view-by select { width:120px; } table.pager { width:100%; background: url(../../greenhouse-layout/pager_bg.jpg) repeat-x 0 100% #fff; /*background: url(/skin/frontend/default/default/images/pager_bg.jpg) repeat-x 0 100% #fff; */ font-size:.95em; } table.view-by { width:100%; background-color:#F8F7F5; border-bottom:1px solid #EAEAEA; font-size:.95em; } table.pager td { width:32%; padding:4px 8px; vertical-align:middle; } table.pager td.pages { padding:4px 0; white-space:nowrap; text-align:center; } table.pager ol, table.pager li { display:inline; } table.pager li { padding:0 2px; } table.view-by td { width:33%; /*border-top:1px solid #e2e2e2; */ padding:4px 8px; vertical-align:middle; } .tbar-compare {text-align: right; width:33%; padding:4px 15px;} /************************************************************/ /********************[ Mage_CSS_C Layout]********************/ /************************************************************/ /********************** Base Layout */ /* Structure */ .wrapper {min-width:983px; background: url(../../greenhouse-layout/4-season-greenhouses-BG2.jpg) repeat-x 50% 0 #FFFFFF;} .header { } .header-top { position:relative; z-index:999; width:930px; margin:0 auto; } .header-nav { width:950px; margin:0 auto; } /* Style */ .header {} .header-top { padding:0px 10px 3px 10px; height: 155px;} /*body.category-adirondack-rockers .header-top-container{background: url(../images/adirondack-header-bg2.jpg) no-repeat 50% 0; min-height:185px;}*/ /*body.category-adirondack-swings .header-top-container {background: url(../images/adirondack-header-bg3.jpg) no-repeat 50% 0; min-height:185px;} */ .header-nav-container {height: 34px;} /* Page Layout START */ .middle-container { background: url(../../greenhouse-layout/middle.png) repeat-y 50% 0; } /*.middle {padding:10px 10px 30px 5px;} */ .middle { min-height:400px; width:949px; margin:0 auto; text-align:left; position:relative; padding:10px 0px 0px 0px; } .side-col { width:205px; margin-right:0px; } .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } .col-1-layout .col-main { float:none; margin:0; margin-left:10px; margin-right:10px;} .col-2-right-layout .col-main { float:left; width:720px; margin-left:17px; min-height: 400px;} .col-2-right-layout .col-main2 { float:left; width:950px; margin-left:0px; min-height: 350px;} .col-2-left-layout .col-main { float:right; width:720px; margin-right:10px; } .col-3-layout .col-main { width:500px; margin-left:17px; } .col-3-layout .col-left { width:195px; } .col-2-left-layout .col-left { width:205px; padding-left:0px;} /* Page Layout END */ /*body.category-adirondack-rockers .middle-container{background: url(../images/middle2.jpg) repeat-y 50% 0;}*/ /*body.category-adirondack-swings .middle-container{background: url(../images/middle3.jpg) repeat-y 50% 0;} */ .middle-pages {padding:10px 20px 40px 10px;} .middlesb { min-height:20px; width:930px; margin:0 auto; text-align:left; position:relative; padding:0px 0px; } .search-bar {padding:5px 3px 3px 20px; line-height:1.25em;} .searchb { position:relative; z-index:999; width:100%; margin:0 auto; } .rnav130 { width:120px; } /********************** Header */ /* Logo */ h1#logo { float:left; width:200px; margin:25px 0 0px 5px; } .page-popup h1#logo { display:none; } .logo span{ display:block; position:absolute; left:-1000em; } .4slogo{ background: url(../../greenhouse-layout/greenhouse-kit-trans.gif) no-repeat 0 0; float:left; width:200px; margin:25px 0 0px 5px; } /* phone - links */ .phone-links { width:330px; min-height:50px; float:left; margin-top:25px; margin-left:60px; text-align:center; padding:5px 0px 0px 15px; color:#fff; position:relative; } .phone-links .txt{color:#000000; font-weight: bold; font-size: 14px; float:left; padding-left:15px; padding-top:2px;line-height:1.0em;} .phone-links .txt2{color:#305167; font-weight: bold; font-size: 18px; float:left; padding-left:5px; padding-bottom:5px; line-height:1.0em;} .phone-links .txt3{float:left; padding-left:15px;} .phone-links p { margin-bottom:4px; } .phone-links li { display:inline; background: url(../../greenhouse-layout/shop_access_pipe.gif) no-repeat 100% .35em; padding-right:7px; padding-left:3px; float:left; } .phone-links li.first { padding-left:0; } .phone-links li.last { padding-right:0; background:none; } .phone-links a { color:#044272; font-size:12px; font-decoration: underline;} .phone-links a:hover { color:#044272; font-size:12px; font-decoration: none;} .phone-links li.last { padding-right:0; background:none; } /* Quick Access*/ .quick-access { width:315px; float:right; margin-top:0px; min-height: 100px; text-align:right; padding:3px 0px 0px 0px; color:#fff; position: relative; } .quick-access .welcome { width:300px; float:left; font-size: 15px; font-weight: bold; margin-top:0px; text-align:left; padding:0px 10px 20px 35px; color:#AF5D5D; } .header-top .welcome { float:right; font-size: 13px; font-weight: bold; margin-top:0px; text-align:right; padding:0px 0px 0px 0px; color:#ffffff; } .quick-access .special{ float:left; padding: 0px 0px 0px 30px; color:#65BB00; } .quick-access p { margin-bottom:4px; } .quick-access li { display:inline; background: url(../../greenhouse-layout/shop_access_pipe.gif) no-repeat 100% .35em; padding-right:7px; padding-left:3px; } .quick-access li.first { padding-left:0; } .quick-access li.last { padding-right:0; background:none; } .shop-access { margin-bottom:6px; } .shop-access a { color:#044272; font-size:10px; font-decoration: underline;} .shop-access a:hover { color:#044272; font-size:.95em; font-decoration: none;} .shop-access li.last { padding-right:0; background:none; } .shop-access a.top-link-checkout { color:#E26003; font-size:0.95em; } .topsale { width:235px; min-height:10px; float:left; margin-top:0px; margin-left:0px; text-align:center; padding:17px 0px 0px 115px; color:#fff; position:relative; } * html .topsale { width: 315px; w\idth: 315px; heigth: 100px; h\eigth: 100px; padding-left: 145px; p/adding-left: 145px; } .sale-link a { color:#044272; font-size:12px; font-decoration: underline; font-weight: normal;} .sale-link a:hover { color:#044272; font-size:12px; font-decoration: none; font-weight: normal;} .topsale2 { width:235px; min-height:10px; float:left; margin-top:0px; margin-left:0px; text-align:center; font-weight:bold; padding:28px 0px 0px 100px; color:#fff; position:relative; } * html .topsale2 { width: 315px; w\idth: 315px; heigth: 100px; h\eigth: 100px; padding-left: 125px; p/adding-left: 125px; } .sale-link2 a { color:#044272; font-size:12px; font-decoration: underline; font-weight: normal;} .sale-link2 a:hover { color:#044272; font-size:12px; font-decoration: none; font-weight: normal;} .language-switcher { float:right; margin-top:5px; margin-left:60px; } .language-switcher label { color:#A7C6DD; padding-right:5px; } .language-switcher .flag option { background-repeat:no-repeat; background-position:left center; padding-left:20px; margin-left:2px; } .breadcrumbs { float:left; } .breadcrumbs li {color:#7f7f7f; display:inline; line-height:18px; } .breadcrumbs a, {color:#7f7f7f; text-decoration: underline;} .breadcrumbs a:hover { color:#7f7f7f; text-decoration: none;} .breadcrumbs a:active { color:#7f7f7f; text-decoration: none;} /* Mini search */ .mini-search { position:relative; z-index:97; float:right; width:325px; padding-left:0px; padding-top:0px; } .mini-search .input-text { width:212px; margin-right:2px; } .search-autocomplete { border:1px solid #999; background:#f9f5f0; position:absolute; left:45px !important; top:22px !important; width:216px!important; } .search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; } .search-autocomplete li.odd { background:#f6f6f6; } .search-autocomplete li.selected { background:#ecf9ea; } /* Mini search .mini-search { position:absolute; top:0; right:0; width:300px; height:30px; padding:1px 20px 0 40px; background: url(/skin/frontend/default/default/images/mini_search_bg.gif) no-repeat; } .mini-search .input-text { width:212px; margin-right:4px; } .search-autocomplete { border:1px solid #5c7989; background:#f9f5f0; position:absolute; left:40px; top:22px; width:216px !important; } .search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; } .search-autocomplete li.odd { background:#fffefb; } .search-autocomplete li.selected { background:#f7e8dd; } */ /********************** START SEARCH */ .search-bar {padding:5px 3px 3px 10px; line-height:1.25em;} .searchb { position:relative; z-index:999; width:100%; margin:0 auto; } fieldset.search { border: none; width: 300px; margin: 0 auto; padding-top: 7px; padding-left: 5px; } * html .fieldset.search { p/adding-left: 0px; } .search input, .search button { border: none; float: left; } .search input.boxse { color: #974D42; font-weight: bold; font-size: 1.2em; width: 200px; height: 30px; padding: 8px 5px 0; background: #cccccc; margin-right: 5px; } .boxse:focus { background: #cccccc; outline: none; } .search input.boxse:focus { background: #cccccc; outline: none; } .search input.boxse:active { background: #616161; outline: none; } .search .btn { width: 80px; height: 30px; cursor: pointer; text-indent: -9999px; background: url(../../greenhouse-layout/search-button.gif) no-repeat top right; } .search button .btn:hover { background: url(../../greenhouse-layout/search-button-2.gif) no-repeat top right; } /********************** END SEARCH */ /********************** Sidebars */ .side-col .box { margin-bottom:0em; } .side-col .content { padding:5px 5px 10px 10px ;} .side-col .head { text-align:left; } .side-col h2, .side-col h3, .side-col h4, .side-col h5 { float:none; } .side-col h3 { font-size:1.05em; text-transform:uppercase; } .side-col h4 { color:#e65505; text-transform:uppercase; } .side-col .actions { padding:4px 0; font-size:.95em; text-align:right; } .side-col .actions a, .side-col .actions a:hover { text-decoration:underline; } .widget-btn { float:right; font-size:11px; margin:0 3px 1px 5px; } .widget-btn, .widget-btn:hover { color:#646464; font-weight:bold; } /* Base Mini */ .base-mini { border-left:1px solid #c4c1bc; border-top:1px solid #c4c1bc; background:#fff; line-height:1.3em; font-size:.95em; } .col-3-layout .col-left .base-mini { border:1px solid #c4c1bc; background:#fff; line-height:1.3em; font-size:.95em; } .base-mini .head h4 { min-height:16px; color:#666666; background-repeat:no-repeat; background-position:0 0; padding:1px 0 1px 21px; text-transform:uppercase; } .base-mini .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em; } .base-mini h5 { font-size:1em; } .base-mini .content, .base-mini ol { background:#f8f7f5; } .base-mini ol li { padding:7px 4px 7px 8px; /*position:relative;*/ } .base-mini ol li.odd { background:#f4f3f3; } .base-mini ol li.even { background:#fafafa; } .base-mini .product-images { /*position:absolute; z-index:1; left:8px;*/ float:left; width:52px; height:52px; } .base-mini .product-images a img { border:1px solid #a9a9a9; vertical-align:top; } .base-mini .product-checkbox { float:left; width:10px; } .base-mini .product-names { margin-left:18px; } .base-mini .product-details { margin:0 0 0 60px; height:50px; } .base-mini .product-details[class] { height:auto; min-height:50px; } .base-mini .regular-price { font-size:11px; } .base-mini .regular-price .price { color:#CE1414; font-size:11px;} .base-mini .special-price { font-size:11px;} .base-mini .minimal-price { font-size:11px; } .base-mini .price-box { margin:1px 0; } .base-mini .price-box .price{ color:#CC0000; font-size:12px; } .col-2-left-layout .base-mini { border-left:0px solid #c4c1bc; border-right:1px solid #c4c1bc;} /* Sidebar Blocks */ .mini-product-tags .head h4 { background-image: url(/skin/frontend/default/default/images/icon_tag_green.gif); } .mini-product-tags li { display:inline; padding-right:4px; line-height:1.5em; } .mini-product-tags li:after { display:inline!important; } .mini-product-tags .content { padding:10px; } .mini-product-tags .content a, .mini-product-tags .content a:hover { color:#1b2d3b; } .mini-newsletter h4 { background-image: url(/skin/frontend/default/default/images/icon_newspaper.gif); } .mini-newsletter .input-text { margin-bottom:3px; } .mini-newsletter { border:1px solid #c4c1bc; } .col-2-left-layout .col-left .mini-newsletter {border-left:0px solid #c4c1bc;} .fmini-newsletter { margin:8px 0; padding-top: 10px; } .fmini-newsletter label { float:left; } .fmini-newsletter .input-box { float:left; margin:0 5px; } .fmini-newsletter .input-text { width:180px; } .footer-dirt {font-size:16px; font-weight: bold;} .footer-dirt2 {padding-top: 3px; padding-bottom: 10px; width: 700px;} .mini-cart .head h4 { background-image: url(/skin/frontend/default/default/images/icon_basket.gif); } .mini-cart .subtotal { background:#fbebd9; margin-top:5px; padding:2px 0; text-align:center; } .mini-cart h5 { margin:0; background:#F4F3F3; padding:6px 8px 2px 8px; } .mini-cart .actions { border-bottom:1px solid #c2c2c2; padding-top:3px; padding-bottom:1px; } .mini-cart .actions .form-button { margin-top:3px; margin-bottom:5px; } .mini-cart {padding-bottom: 5px;} /********************** Footer */ .footer-container {/*border-top:15px solid #B6D1E2;*/ background: url(../../greenhouse-layout/greenhouse-footer-bg.jpg) repeat-x 50% 0; } .footer { height:250px; margin:0 auto; padding:7px 0px 7px 50px; width:970px; background: url(../../greenhouse-layout/greenhouse-footer-m.jpg) no-repeat scroll 50% 0; text-align:left; } .footer .store-switcher { display:inline; padding:0 10px 0 0; vertical-align:middle; } .footer .informational label { color:#fff; font-weight:bold; padding-right:3px; } .footer .informational ul { display:inline; color:#ffffff; } .footer .informational li { display:inline; background: url(../../greenhouse-layout/footer_info_separator.gif) no-repeat 100% 50%; padding-right:8px; padding-left:4px; } .footer .informational li.last { background:none; padding-right:0; } .footer .informational a, .footer .informational a:hover { color:#000; } .footer .informational a { text-decoration:none; } .informational .footer-links a {color: white; font-size: 12px; font-weight:bold;} .informational .footer-links a:hover {color: white; text-decoration:underline; font-size: 12px; font-weight:bold;} .footer .legality { padding:13px 0; color:#ecf3f6; text-align:center; } .footer .legality a, .footer .legality a:hover { color:#ecf3f6; } /************************************************************/ /****************[ Mage_CSS_D Shop Elements]*****************/ /************************************************************/ .product-shop { float:right; } .out-of-stock { height:18px; padding-top:3px;color:#D83820; font-weight:bold; } .product-shop .short-description { width:100%; overflow:hidden; margin-bottom:10px; } .short-description {position:relative; float:left; vertical-align:top;} .cattop {padding-left:5px; vertical-align:top; Arial,Helvetica,sans-serif; font-size:13px;} /************************** Prices */ /** OS Price Box **/ .SALEbox {width: 330px; height: 20px;} .Soprice {float: left} .regular-priceS {font-family: Arial,Helvetica,sans-serif; font-size:15px; color:#C7202B; font-weight:bold; } .priceSR {font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#666666; } .priceS { font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size:18px; color:#CE1414; padding-right:15px; } .price { white-space:nowrap !important; } .price-box { padding:5px 0; } .price-box .price {font-size:15px; font-weight:bold; color:#CC0000; } /* Regular price */ .regular-priceC {font-family: Arial,Helvetica,sans-serif;font-size:14px; color:#ffffff; font-weight:bold; float: right; padding-top: 3px;} .priceC {font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size:17px; color:#CE1414; padding-right:10px;} .regular-price {font-family: Arial,Helvetica,sans-serif; font-size:13px; color:#666666; font-weight:bold;} .regular-price .price { font-weight:bold; font-size:15px; color:#CE1414; } /* Old price */ .old-price { margin:0; } .old-price .price-label { white-space:nowrap; color:#666666; } .old-price .price { font-weight:bold; font-size:13px; color:#666666; text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:3px 0; } .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#CC0000; } .special-price .price { font-size:15px; font-weight:bold; color:#CC0000; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; color:#1e7ec8; } S /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; color:#2f2f2f; } .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#555; } .product-pricing-grouped li { padding:2px 0; color:#e26703; } .product-pricing-grouped li .price { font-weight:bold; } /********************** Catalog Listing */ .catalog-listing { line-height:1.35em; } .catalog-listing h5 { margin-bottom:.4em; font-size:1.05em; } .catalog-listing h5 a{ color:#203548; text-decoration:underline; } .catalog-listing h5 a:hover { color:#1E7EC8; text-decoration:underline; } .catalog-listing h3 { margin-bottom:.4em; font-size:11px; text-align: center;} .catalog-listing h3 a{ color:#203548; text-decoration:underline; font-size:11px; text-align: center;} .catalog-listing h3 a:hover { color:#1E7EC8; text-decoration:underline; font-size:11px; text-align: center; } .catalog-listing .add-to { margin:.7em 0; color:#555; line-height:1.3em; font-size:.95em; font-weight:bold; } .catalog-listing .add-to a { text-decoration:underline; color:#666666; } .catalog-listing .add-to a:hover { text-decoration:underline; color:#1E7EC8; } .catalog-listing .ratings { margin-bottom:.6em; } .catalog-listing .ratings { line-height:1.5; } .catalog-listing .ratings .rating-box { float:none; margin-bottom:3px; } .catalog-listing .ratings .pipe { display:none; } .catalog-listing .ratings a { display:block; } /* Generic Product Grid */ .generic-product-grid { width:100%; } .generic-product-grid td { border-right:1px solid #d9dde3; border-bottom:1px solid #d9dde3; padding:12px 10px; line-height:1.6em; } .generic-product-grid tr.last td { border-bottom:0; } .generic-product-grid td.last { border-right:0; } .generic-product-grid .product-image { text-align:center; } .generic-product-grid td.empty-product { border-right:0; background:#f5f6f6; } /********************** Layered Navigation */ .layered-nav {padding-bottom: 10px;} .layered-nav h3 { display:none; } .layered-nav .border-creator { border-style:none; border-color:#a0b3c3; border-width:0 1px 1px 0px; } .layered-nav h4 { margin:0; border-bottom:1px solid #b9ccdd; padding:5px 5px; background: #AC5858; color:#FFFFFF; font-weight:bold; font-size:13px; } /********************* Tool Tips */ .tool-tip { border:1px solid #7ba7c9; background:#eaf6ff; position:absolute; } .tool-tip .inline-content { padding:8px; } .tool-tip .block-content { padding:15px 20px; } .tool-tip .btn-close { display:block; position:absolute; right:6px; text-align:right; top:6px; } /************************************************************/ /******************[ Mage_CSS_E Shop Pages]******************/ /************************************************************/ /********************** Home */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:.95em; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } .recently h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .recently .product-image { border:2px solid #dcdcdc; } .recently a.product-name, .recently a.product-name:hover { color:#1d7ecf; font-size:11px; } .recently .add-to {margin-top:5px;font-size:11px; } table.recently-list {width:100%; } table.recently-list td {width:20%; } /********************** Search */ .advanced-search { margin:28px 0; border:1px solid #bbafa0; padding:22px 25px 12px 25px; background:#fbfaf6; } .advanced-search .legend { margin-top:-33px; float:left; border:1px solid #f19900; background:#F9F3E3; padding:0 8px; color:#E76200; font-weight:bold; font-size:1.1em; } .advanced-search li { margin-bottom:5px; } .advanced-search li label { width:150px; float:left; } .advanced-search .input-text { width:250px; } .advanced-search select { width:256px; padding:2px; } .advanced-search .field-row { display:inline; width:250px; } .advanced-search .range .input-text { width:70px; } .advanced-search .range select { width:90px; padding:1px; } .advanced-search-nothing-found { font-weight:bold; color:#df280a; margin-bottom:10px; } .advanced-search-found-amount { margin-bottom:10px; } .advanced-search-summary-box { padding:10px 10px 5px 10px; margin:0 0 10px; border:1px solid #E9D7C9; background-color:#FFF6F1; } .advanced-search-summary-tip { clear:both; font-weight:bold; } .advanced-search-summary-box { margin-bottom:10px; } .advanced-search-summary-box ul { list-style:none; float:left; width:50%; } /* Inline translation fix */ .advanced-search-summary-box ul li span.translate-inline { background:0 !important; } /********************** Catalog Listing */ /* List Type */ .listing-type-list .listing-item { border-top:1px solid #D9DDE3; padding:12px 10px; } .listing-type-list .product-image { float:left; width:135px; } .listing-type-list .product-shop { width:450px; } .listing-type-list .product-shop .description { margin:.5em 0 1.2em 0; } .listing-type-list .product-shop .price-box { float:left;text-align:left; white-space:nowrap; margin:3px 13px 5px 0; padding:0; } .listing-type-list .product-shop .form-button {margin:0.5em 0 0; } .listing-type-list .product-shop .product-reviews { margin:15px 0; font-size:.95em; } .listing-type-list .product-shop .product-reviews a, .listing-type-list .product-shop .product-reviews a:hover { color:#6e6969; } .listing-type-list .listing-item .rating-box { margin-bottom:6px; } /* Grid Type *\/ .listing-type-grid td { width:33%; text-align:left; } .listing-type-grid .add-to-compare { display:block; margin:5px 0; background:url(../images/icon_add_to_compare.gif) no-repeat 0 50%; padding-left:22px; color:#6e6969; font-weight:bold; } .listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-grid .actions { margin:10px 0; text-align:center; }*/ /* Grid Type */ .listing-type-grid .grid-row { border-bottom:1px dotted #d9dde3; width:715px; } .listing-type-grid li.item { float:left; width:138px; padding:12px 10px; line-height:1.6em; overflow:hidden; } .listing-type-grid .last { border-bottom:0; } .listing-type-grid .product-image { text-align:center; } .listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-grid .actions { margin:10px 0; text-align:center; } /* Rewrites for different layouts */ .col-1-layout .listing-type-grid li.item { width:280px; } .col-2-left-layout .listing-type-grid, .col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item { width:215px; } /* start featured products */ .listing-type-gridP { /* background: url(/skin/frontend/default/default/images/bkg_products-grid3.gif) 0 0 repeat;*/ } .listing-type-gridP .grid-row { border-bottom:1px dotted #d9dde3; width:715px; } .listing-type-gridP li.item { float:left; width:160px; padding:5px 0px 5px 10px; line-height:1.6em; overflow:hidden; } .listing-type-gridP .last { border-bottom:0; } .listing-type-gridP .product-image { text-align:center; } .listing-type-gridP .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-gridP .actions { margin:10px 0; text-align:center; } .listing-type-gridP .price-box .price {font-size:13px; font-weight:bold; color:#CC0000; text-align: center;} .listing-type-gridP .price-box { padding:5px 0; text-align: center; } .col-1-layout .listing-type-gridP {} .col-1-layout .listing-type-gridP li.item { width:163px; border-right:1px dotted #d9dde3;} .col-1-layout .listing-type-gridP .last { border-bottom:0; } .col-2-left-layout .listing-type-gridP, .col-2-right-layout .listing-type-gridP { background-image: url(/skin/frontend/default/default/images/bkg_products-grid2.gif); } .col-2-left-layout .listing-type-gridP li.item, .col-2-right-layout .listing-type-gridP li.item { width:163px; } /* Start Deal of the Week */ .listing-type-deal { /* background: url(/skin/frontend/default/default/images/bkg_products-grid3.gif) 0 0 repeat;*/ } .listing-type-deal .grid-row { border-bottom:1px dotted #d9dde3; width:715px;} .listing-type-deal li.item { float:left; width:163px; padding:5px 0px 5px 10px; line-height:1.6em;} .listing-type-deal .last { border-bottom:0; } .listing-type-deal .product-image { text-align:center; } .listing-type-deal .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-deal .actions { margin:10px 0; text-align:center; } .listing-type-deal .price-box .price {font-size:13px; font-weight:bold; color:#CC0000; text-align: center;} .listing-type-deal .price-box { padding:5px 0; text-align: center; } .col-1-layout .listing-type-deal {} .col-1-layout .listing-type-deal li.item { width:163px; border-right:1px dotted #4C7591; /* background: url(../images/media/hot-deal-bg.jpg) no-repeat bottom center;*/} .col-1-layout .listing-type-deal .last { border-bottom:0; } .col-2-left-layout ..listing-type-deal, .col-2-right-layout ..listing-type-deal { /* background-image: url(/skin/frontend/default/default/images/bkg_products-grid2.gif);*/} .col-2-left-layout ..listing-type-deal li.item, .col-2-right-layout ..listing-type-deal li.item { width:163px; } /********************** Product Detail */ /* Product Images */ /*.product-img-box {position:relative; float:left; width:320px; height:320px; background: url(../images/product-image-bg.jpg) no-repeat top ; padding-left: 0px;} */ .product-img-box {position:relative; float:left; width:320px; min-height: 320px; vertical-align:top; z-index:9; background: url(../../greenhouse-layout/product-image-bg.jpg) no-repeat top ;} .product-img-box .product-image-zoom { position:relative; overflow:hidden; width:300px; height:300px; z-index:9;} .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .image-zoom .btn-zoom-out { position:absolute; left:2px; top:1px; } .image-zoom .btn-zoom-in { position:absolute; right:2px; top:1px; } /*.more-views { min-height:200px; border:1px solid #ccc;} */ .product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; padding-top: 10px;} .product-img-box .more-views ul { margin-left:-9px; } .product-img-box .more-views li { float:left; margin:0 0 9px 9px; } .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .product-img-box .more-views li a img { margin:0 0 0 0; } .product-info-box { margin-top:10px; /*border:1px solid #c4c6c8;*/ margin-top:0; } .product-info-box .product-name { margin-bottom:.3em; color:#0a263c; font-size:1.5em; } .product-info-box .price-box { height: 30px; /* changed for new prod price min-width: 339px;*/ margin:10px 0; } .product-info-box .availability { margin:10px 0; padding:0; font-size:0.92em; } .add-to-cart-box { float:right; } .add-to-cart-box .qty-box { float:left;} .add-to-cart-box .qty-box label { float:left; } .add-to-cart-box .qty-box .qty { float:left; margin:0 5px;} .add-to-cart-box .form-button { float:left; /*background: url(/skin/frontend/default/firepit/images/btn-add-to-cart.jpg) 0 0 no-repeat; width:110px; height:42px; border:0; padding:0px 0px; cursor:pointer; vertical-align:middle; */ } .add-to-box { text-align:right; } .add-to-box li { display:inline; } .add-to-holder { margin:10px 0; } .add-to-holder .add-to-cart-box { float:left; } .add-to-holder .add-or { float:left; padding:0 7px; font-weight:bold; color:#666; } .add-to-holder .add-to-box { float:left; line-height:1.25em; text-align:left; } .add-to-holder .add-to-box li { display:block; } .add-to-holder .add-to-box li .pipe { display:none; } .add-to-links { margin:10px 0; } .add-to-links .add-to-cart-box { float:left; } .add-to-links .add-or { float:left; padding:0 7px; font-weight:bold; color:#666; } .add-to-links .add-to-box { float:left; line-height:1.25em; text-align:left; } .add-to-links .add-to-box li { display:inline; } .add-to-links .add-to-box li .pipe { display:inline; } .product-info-box .ratings { margin-bottom:1em; } .product-essential, .product-collateral { padding:10px; } .product-essential { padding:10px 10px 5px 0px;/* background: url(/skin/frontend/default/default/images/product_essential_bg.gif) no-repeat 100% 0 #fff;*/ } .product-essential .product-shop { width:365px;} .product-essential .pwrap { width:365px;} .product-essential .product-shop .ratings { margin-bottom:10px; } .product-pricing { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; } .product-pricing .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; } .product-pricing .price { font-weight:bold; color:#2f2f2f; } .pwrap { width:365px; float:left; } .ptop, .pbottom { float:left; width:365px; height:18px; /*url to the bottom rounded corner*/ background:transparent url(../../greenhouse-layout/prod-cart-bottom.jpg) no-repeat; } .ptop { /*url to the top rounded corner*/ background:transparent url(../../greenhouse-layout/prod-cart-top.jpg) no-repeat; } .pbox { float:left; padding:0px 20px 0px 10px; /*Your width is 200px minus 20px for your left and right padding totally to 180px*/ width:340px; /*the url to your text background*/ background:transparent url(../../greenhouse-layout/prod-cart-mid.jpg) repeat-y; } .CO-top { min-height:20px; width:100%; margin:0 auto; text-align:left; position:relative; padding:0px 0px; } .CO-bar {padding:5px 3px 0px 0px; vertical-align:middle; font-size: .95em; background:transparent url(../../greenhouse-layout/price-box-bg.jpg) no-repeat; width: 340px; height: 22px;} .CO-bar .avail { position:relative; z-index:97; float:right; height: 30px; padding-left:10px; text-align:right; font-size: 12px; } .product-options { margin:10px 0 0; padding:5px 15px 10px; background-color:#f6f6f6; border:1px solid #e4e4e4; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { color:#2f2f2f; } .product-options dt .qty-holder { float:right; margin-right:15px; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:99%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { margin-bottom:0; padding:5px 0 0; } .product-options-bottom { background-color:#fffada; padding:5px 5px; border:1px solid #e4e4e4; width: 330px;/*border-top:0*/;} .product-options-bottom .product-pricing { margin:0; padding:0 0 10px; border:0; background:0; } .product-options-bottom .product-pricing li { background:0; padding:2px 0; color:#e26703; } .product-options-bottom .product-pricing .price, .product-options-bottom .product-pricing .benefit { color:#e26703; } .product-options-bottom .price-box { float:left; margin:0; padding:0; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom .price-box { float:none; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:right; padding-top:12px; padding-right:5px;} /* Product Options */ dl.item-options dt { font-weight:bold; font-style:italic; } dl.item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; text-decoration:none !important; } .truncated a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px #1e7ec8 dotted; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ccc; border-bottom-color:#bbb; border-right-color:#bbb; background-color:#f6f6f6; } .truncated .truncated_full_value dl dt { margin-top:0; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:35px; top:10px; } .col-right .truncated .show dl { left:-240px; top:10px; } /* Product Collateral */ /*.product-collateral { background: url(/skin/frontend/default/default/images/product_collateral_bg.gif) repeat-x #ffffff; }*/ .product-collateral { padding-left: 10px; padding-top:25px;} .product-collateral .head { margin-bottom:1em; border-bottom:1px solid #e5dcc3; padding-bottom:1px; font-size:1.15em; } .product-collateral .collateral-box { margin-bottom:2em; } .product-collateral .collateral-box h4{ color:#666666; } .product-collateral .attribute-specs table { border-color:#d9DDE3; } .product-collateral .attribute-specs .label { font-weight:bold; } .product-collateral .attribute-specs .data { border-right:0; } .product-collateral .attribute-specs td { padding-top:3px; padding-bottom:3px; line-height:1.25em; } .product-collateral .up-sell .head { padding-bottom:8px; margin-bottom:0; } .product-collateral .up-sell .generic-product-grid { border:1px solid #CCCCCC; border-top:0; } .product-collateral .up-sell .generic-product-grid td { width:25%; border-color:#CCCCCC; background:#ffffff; padding-top:15px; } .product-collateral .up-sell .generic-product-grid td img { border:1px solid #E5DCC3; } .product-collateral .up-sell .generic-product-grid td.empty-product { background:#F8F7F5; } #customer-reviews { margin-bottom:15px; } #customer-reviews li { margin-bottom:25px; } #customer-reviews li p { clear:both; } .product-collateral .add-tag-box .input-box { float:left; width:302px; margin-right:8px; } .product-collateral .add-tag-box .input-box .input-text { width:300px; } .product-review-box { padding-bottom:10px; } .product-review-box table { width:456px; margin:8px 0 0; } .product-review-box td, .product-review-box th { text-align:center; } .product-review-box td.label { width:100px; text-align:left; } /* Product Detail sidebar */ .mini-related-items .head h4 { background-image: url(/skin/frontend/default/default/images/icon_clip.gif); } .mini-related-items .product-images { width:72px; } .mini-related-items .product-images a { display:block; margin-left:20px; } .mini-related-items .product-images input { float:left; /*margin-right:4px; margin-left:-6px;*/ } .mini-related-items .product-images .checkbox-container { float:left; width:15px; } .mini-related-items .product-details { margin-left:80px; padding-left:5px; } .mini-related-items ol li { padding-left:0 ; padding-right:0; } .mini-related-items {padding-bottom: 5px;} /********************** Checkout */ select.address-select { width:630px; } .shipment-methods dd { margin-bottom:13px; } .payment-methods dt { margin-bottom:5px; } .payment-methods dd { padding:5px 20px; } /* Shopping Cart */ .shopping-cart { margin-bottom:0; } .shopping-cart th, .shopping-cart td { padding-left:13px; padding-right:13px; } .shopping-cart th .tax-flag {font-size:0.9em; font-weight:normal; display:block; } .shopping-cart tr.error { background:#FDE6E0 !important; } .shopping-cart .continue-shopping { float:left; } .shopping-cart-item-message {margin-bottom:5px;font-size:95%;margin-top:6px; } td.attributes-col { line-height:1.4em; } td.attributes-col ul { margin:5px 0; font-size:.95em; } td.attributes-col dt { margin-top:.5em; } td.attributes-col dd ul { margin:0 0 5px 0; list-style:disc; } td.attributes-col dd ul li { margin-left:15px; } td.attributes-col h4.title { padding:0; margin:0; font-size:1em; color:#2f2f2f; width:100%; overflow:hidden; } td.attributes-col h4.title a { font-weight:bold; } .shopping-cart-totals { width:255px; height: 300px; float:right; margin-top:5px; border:1px solid #BEBCB7; /* border-right: 0px; */ background:#DEE5E8; text-align:right; } .shopping-cart-totals table { width:100%; margin:0 0 0 0;} .shopping-cart-totals td { padding:0 0px; text-align:right; } .shopping-cart-totals tr.last td {} .shopping-cart-totals tfoot td { padding-top:10px; font-size:1.3em; border:none!important; } .checkout-types { padding:0px 15px 0px 0px; } .shopping-cart-totals .checkout-types { padding:8px 15px 15px 15px; } .shopping-cart-totals .checkout-types li { clear:both; margin:10px 0; } /* Tax details */ .tax-total { cursor:pointer; } .tax-total td { line-height:13px; padding-top:5px !important; padding-bottom:5px !important; } .show-details .tax-collapse { background-position:0 -55px; } .show-details td { border-top:1px solid #d2d8db; } .tax-details td { font-size:0.91em; color:#626465; background-color:#dae1e4; } .tax-details-first td { border-top:1px solid #d2d8db; } cart-col2 { float:right; } .shopping-cart-collaterals { float:left; width:640px; } .shopping-cart-collaterals .box .form-button { margin-left:5px; } .shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4 { min-height:16px; color:#e26703; background-repeat:no-repeat; background-position:0 0; padding:1px 0 1px 21px; text-transform:uppercase; } .shopping-cart-collaterals .discount-codes h4 { background-image: url(/skin/frontend/default/default/images/icon_asterick.gif); padding-left:23px; } .shopping-cart-collaterals .shipping-estimate h4 { background-image: url(/skin/frontend/default/default/images/icon_lorry.gif); padding-left:23px; } .shopping-cart-collaterals .shipping-estimate .input-text { width:214px; } .shopping-cart-collaterals .shipping-estimate select { width:220px; } .shopping-cart-collaterals .upsell { width:42.5%; border:1px solid #cec3b6; border-left: 0px; padding:12px 15px; background:#fafaec; } .shopping-cart-collaterals .upsell .product-image { float:left; width:75px; border:1px solid #d0cdc9; } .shopping-cart-collaterals .upsell .product-shop { width:170px; } .shopping-cart-collaterals .upsell .product-shop h5 { font-size:1em; } .grand_total { width:auto; margin-top:15px; border:1px solid #BEBCB7; background:#DEE5E8; font-size:1.3em !important; font-weight:bold; text-align:right; } tr.grand_total td, p.grand_total { padding-top:5px; padding-bottom:5px; } /* Our Guarantee START */ .guarantee-container{ width:280px; margin-left:20px; float:left; padding-right: 25px; } .our-guarantee{ width:271px; height:300px; margin-top:5px; background:url(../../greenhouse-layout/cart-guarantee.jpg) no-repeat 50% 0; font-size:1.3em !important; font-weight:bold; text-align:left; } .guarantee-links{ width:250px; height:225px; padding-top:15px; margin-left:15px; text-align:left; } .guarantee-seal{ padding-top:10px; margin-left:5px; } .p-options{ padding-left: 40px; float: right; } /* Our Guarantee END */ /* One-Page checkout */ .one-page-checkout .group-select { margin-right:0; } .one-page-checkout .box { border:1px solid #bbb6a5; border-top:0; padding:15px 20px; background:#faf7ee; } .one-page-checkout .head a { display:none; } /* Hide Edit button in step header */ .one-page-checkout h3 { color:#999; font-size:1.05em; } .one-page-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; } .one-page-checkout h4.title { border-bottom:0; text-transform:none; } .one-page-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; } .one-page-checkout .content { padding:10px 20px; } .one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; } .one-page-checkout .allow .head { background:#d0dce1; border-left: 0px; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; } .one-page-checkout .active .head { margin-bottom:0; border:1px solid #BBAFA0; background:#F9F3E3; padding-bottom:5px; cursor:default; border-left: 0px;} .one-page-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */ .one-page-checkout .group-select { margin-top:0; border:0; background:none; padding:0; } .one-page-checkout .allow h3 { color:#a4b3b9; } .one-page-checkout .active h3 { color:#F18200; } .one-page-checkout .allow .step-count { background:#dbe6eb; } .one-page-checkout .active .step-count { color:#fff; border:1px solid #f19900; background:#F18200; } .one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; } .one-page-checkout .checkmo-mailing-address { padding-left:20px; } .one-page-checkout-progress .page-head { margin-bottom:1em; } .one-page-checkout-progress li { border:1px solid #A3AEB3; border-right: 0px; background:#eee; margin-bottom:6px; } .one-page-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none; } .one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; } .one-page-checkout-progress h4 a { text-transform:none; } .one-page-checkout-progress .content { padding:8px 13px; } #opc-login .button-set { border-top:0; } #opc-review .box { border:0; padding:0; } #opc-review .content { border:1px solid #d9dde3; border-top:0; } #opc-review .data-table { border-top:0; } .opc-please-wait { padding-right:7px; } .one-page-checkout .payment-methods dd { padding:0; } .one-page-checkout .button-set { margin-top:0; padding-top:2em; } .checkout-progress { margin:0 auto 1.5em auto; } .checkout-progress td { float:left; margin-right:3px; border-top:10px solid #999; padding:4px 20px; color:#abb5ba; font-weight:bold; } .checkout-progress td.active { border-top-color:#e96200; color:#e96200; } /* Multiple Addresses checkout */ .multi-address-checkout-description { margin-top:-15px; margin-bottom:15px; } .multi-address-checkout-box .legend { float:left; margin-top:-10px; margin-bottom:0; margin-left:15px; border:1px solid #F18200; background:#F9F3E3; color:#F18200; padding:2px 8px; } .multi-address-checkout-box .content { padding:15px 20px 20px 20px; } .multi-address-checkout-box .count-head { border-bottom:1px solid #BBAFA0; background:#F9F3E3; padding:5px 10px; } .shipment-count { background:#E26703; padding:2px 5px; color:#fff; font-size:.95em; line-height:1em; } .multi-address-checkout-box .count-head h4 { margin:0; } .multi-address-checkout-box .head h5 { color:#E26703; } .multi-address-checkout-box .head a { font-weight:normal; } .multi-address-checkout-box .checkmo-mailing-address { display:block; padding-left:20px; } .shipping-method-pointer { border:1px solid #d9d2be; padding:13px; background:#F9F3E3; position:relative; } .shipping-method-pointer .pointer { position:absolute; top:-20px; right:-40px; } .place-order-box { float:right; height:71px; overflow:hidden; } .place-order-box .grand-total { font-size:1.5em; } .place-order-box .grand-total .price { color:#e26703; font-weight:bold; } .place-order-box input { margin-left:15px; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:10em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .one-page-checkout .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 20px; } .one-page-checkout .checkout-agreements li { margin:20px 0 0; } .one-page-checkout .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .one-page-checkout .checkout-agreements .agree { padding-left:6px; } /********************** Gift Messages */ .giftmessages .gift-header { font-size:12px; font-weight:bold; color:#e87403; } .giftmessages .input-checkbox { padding-bottom:15px; } .giftmessages textarea { height:100px; } .giftmessages .input-checkbox input { margin-right:5px; } .giftmessages .input-checkbox label { font-weight:normal; color:#8e8d8b; } .one-page-checkout .box-no-padding { border:1px solid #bbb6a5; border-top:0; border-left: 0px; padding:15px 0px; background:#faf7ee; } .one-page-checkout .box-no-padding .inner-box { padding:0px 20px; } .giftmessages .gift-box { background-color:#f6f1eb; border-top:1px solid #e9e4de; border-bottom:1px solid #e9e4de; padding:22px 16px 22px 22px; } .giftmessages .gift-box .scroll-box { overflow:auto; height:260px; } .giftmessages .product-image { border:1px solid #d2d1cd; } .no-border { border-top:none; border-left:none; border-right:none; border-bottom:none; } .no-padding { padding:0 !important; } .no-margin { margin:0 !important; } .giftmessages .giftmessage-product-info { padding-left:10px; } .giftmessages .numeration { font-weight:bold; color:#8a8987; } .giftmessages .gift-box label { color:#918d8e; } .giftmessages .group-select li .input-box { float:left; width:260px; } .giftmessages .group-select li .input-text, .group-select li select, .group-select li textarea { width:495px; } .giftmessages .group-select li .input-box .input-text, .group-select li .input-box textarea { width:235px; } .giftmessages .group-select li .input-box select { width:256px; } /********************** Customer */ /* Customer Name */ .customer-name-prefix .name-prefix { width:60px !important; } .customer-name-prefix .name-prefix input { width:45px !important; } .customer-name-prefix .name-prefix select { width:51px !important; } .customer-name-prefix .name-firstname { width:215px !important; } .customer-name-prefix .name-firstname input { width:190px !important; } .customer-name-middlename .name-firstname { width:215px !important; } .customer-name-middlename .name-firstname input { width:200px !important; } .customer-name-middlename .name-middlename { width:60px !important; } .customer-name-middlename .name-middlename input { width:35px !important; } .customer-name-suffix .name-lastname { width:205px !important; } .customer-name-suffix .name-lastname input { width:190px !important; } .customer-name-suffix .name-suffix { width:50px !important; } .customer-name-suffix .name-suffix input { width:45px !important; } .customer-name-suffix .name-suffix select { width:51px !important; } .customer-name-prefix-middlename .name-prefix { width:60px !important; } .customer-name-prefix-middlename .name-prefix input { width:45px !important; } .customer-name-prefix-middlename .name-prefix select { width:51px !important; } .customer-name-prefix-middlename .name-firstname { width:215px !important; } .customer-name-prefix-middlename .name-firstname input { width:190px !important; } .customer-name-prefix-middlename .name-middlename { width:50px !important; } .customer-name-prefix-middlename .name-middlename input { width:35px !important; } .customer-name-prefix-middlename .name-lastname { width:200px !important; } .customer-name-prefix-middlename .name-lastname input { width:200px !important; } .customer-name-prefix-suffix .name-prefix { width:60px !important; } .customer-name-prefix-suffix .name-prefix input { width:45px !important; } .customer-name-prefix-suffix .name-prefix select { width:51px !important; } .customer-name-prefix-suffix .name-firstname { width:215px !important; } .customer-name-prefix-suffix .name-firstname input { width:190px !important; } .customer-name-prefix-suffix .name-lastname { width:205px !important; } .customer-name-prefix-suffix .name-lastname input { width:190px !important; } .customer-name-prefix-suffix .name-suffix { width:50px !important; } .customer-name-prefix-suffix .name-suffix input { width:45px !important; } .customer-name-prefix-suffix .name-suffix select { width:51px !important; } .customer-name-middlename-suffix .name-firstname { width:215px !important; } .customer-name-middlename-suffix .name-firstname input { width:200px !important; } .customer-name-middlename-suffix .name-middlename { width:60px !important; } .customer-name-middlename-suffix .name-middlename input { width:35px !important; } .customer-name-middlename-suffix .name-lastname { width:205px !important; } .customer-name-middlename-suffix .name-lastname input { width:190px !important; } .customer-name-middlename-suffix .name-suffix { width:50px !important; } .customer-name-middlename-suffix .name-suffix input { width:45px !important; } .customer-name-middlename-suffix .name-suffix select { width:51px !important; } .customer-name-prefix-middlename-suffix .name-prefix { width:60px !important; } .customer-name-prefix-middlename-suffix .name-prefix input { width:45px !important; } .customer-name-prefix-middlename-suffix .name-prefix select { width:51px !important; } .customer-name-prefix-middlename-suffix .name-firstname { width:155px !important; } .customer-name-prefix-middlename-suffix .name-firstname input { width:140px !important; } .customer-name-prefix-middlename-suffix .name-middlename { width:60px !important; } .customer-name-prefix-middlename-suffix .name-middlename input { width:35px !important; } .customer-name-prefix-middlename-suffix .name-lastname { width:205px !important; } .customer-name-prefix-middlename-suffix .name-lastname input { width:190px !important; } .customer-name-prefix-middlename-suffix .name-suffix { width:50px !important; } .customer-name-prefix-middlename-suffix .name-suffix input { width:45px !important; } .customer-name-prefix-middlename-suffix .name-suffix select { width:51px !important; } .customer-dob .input-box { float:left; width:60px !important; } .customer-dob input { width:50px !important; } .customer-dob label.label-dob { font-weight:normal; color:#888; font-size:10px; } /* My Account navigation */ .account-nav { border:1px solid #bbb; } .account-nav .head h3 { color:#fff; font-size:1.1em; } .account-nav ul { background:#fbfaf6; padding:4px 10px 10px 10px; } .account-nav li a, .account-nav li.on { padding:3px 0; } .account-nav li a { display:block; border-bottom:1px solid #ddd; /*background:url(../images/account_nav_link_bg.gif) no-repeat 10px 8px;*/ } .account-nav li a, .account-nav li a:hover { color:#5f5d5c; text-decoration:none; } .account-nav li a:hover { color:#ea7900; } .account-nav li.on { border-bottom:1px solid #ddd; /* background:url(../images/account_nav_on_bg.gif) no-repeat 10px 8px;*/ color:#ea7900; font-weight:bold; } .account-nav li.on a { padding:0; } .account-nav li.last, .account-nav li.last a { border-bottom:0; } /* Login */ .login-box .col-1, .login-box .col-2 { border:1px solid #bbb6a5; background:#dee5e8;} .login-box h4 { min-height:16px; border-bottom:1px solid #ddd; margin-bottom:1.2em; padding-bottom:5px; padding-left:23px; background-position:0 1px; background-repeat:no-repeat; font-size:1.05em; color:#e76200; text-transform:uppercase; } .login-box .new-users h4 { background-image: url(/skin/frontend/default/default/images/icon_page_white.gif); } .login-box .registered-users h4 { background-image: url(/skin/frontend/default/default/images/icon_page_white_text.gif); } .login-box .content { min-height:230px; } /************************************************************/ /******************[ Mage_CSS_F Overrides]*******************/ /************************************************************/ .nowrap, .nobr { white-space:nowrap !important; } /* Alignment */ .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .v-bottom { vertical-align:bottom; } .a-left { text-align:left; } .a-center { text-align:center; } .a-right { text-align:right; } .left { float:left; } .right { float:right; } .normal-weight { font-weight:normal; } .auto-width { width:auto; } /* Link highlights */ .link-cart { color:#666666 !important; font-weight:bold !important; } .link-remove { color:#646464 !important; } /* For Demo store only */ .demo-notice { margin:0; background:#d75f07; padding:5px 10px 6px 10px; color:#fff; line-height:1em; text-align:center; } .order-access {padding-bottom:8px; } .order-info {border:solid 1px #D0CBC1; background:#DEE5E8; padding:4px 8px; } .order-info span { display:block; float:left; } .order-info ul { display:inline; } .order-info li { display:inline; padding-right:7px; padding-left:3px; } /* Expiration date and cvv number validation case */ .input-box .v-fix { position:relative; float:left; } .input-box .v-fix .validation-advice { position:relative; margin-right:-12em; float:left; display:inline; width:12em; }