/** * Corganic for Magento eCommerce * * @link http://www.lotusseedsdeisgn.com * * @revision $Revision: 1 $ * @lastmodified 1.0 $Date: Jun 8th, 2009 $ /*----------------------------------------------------------------------*/ /* iPads (portrait and landscape) ----------- */ @media only screen and (min-width : 800px) and (max-width: 1280px) and (orientation : landscape) { select,textarea, input[type='text'], input[type='text'], input[type='password']{padding:10px 5px;font-size:17px;} } /*do not delete*/ /* Vishvajit's Css */ .addthis_toolbox.addthis_default_style.addthis_32x32_style { float: left; margin: 10px 0 10px 20px; } #s_method_freeshipping_freeshipping ,#s_method_flatrate_flatrate{ width: 20px !important; } #product-attribute-specs-table tr{ display: table-row; float:none; } .narrow { float: left; margin: -1px 0 0 13px; } .discount-codes { float: left; margin-right: 11px; margin-top: 10px; padding-bottom: 10px; width: 100%; } .form-list > li { float: left; width: 400px; } .form-list label { float: left; width: 100px; } @media only screen and (min-width: 800px) and (max-width: 1199px) { .retreivedemail, #wrap, #footer_wrap { width: 100% !important; } #acct-login{ width:56%; } #quick-access{ width:40%; } select,textarea, input[type='text'], input[type='text'], input[type='password']{padding:10px 5px;font-size:17px;} select { width: 100%; } } @media only screen and (min-width: 960px) { #slides {margin: 37px 85px 5px 15px !important; width: 480px !important; } } @media only screen and (min-width: 800px) and (max-width: 960px) { #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a {padding:13px 10px !important;} #slides {margin: 37px 40px 5px 15px !important; width: 480px !important; } } @media only screen and (min-width: 756px) and (max-width: 980px) { #mini-cart button { margin-top: 11px !important; right:-3px !important; } } @media only screen and (min-width: 661px) and (max-width: 755px) { #mini-search{ width:200px !important;} #mini-cart button{ margin-top: 11px !important; right:-3px !important;} #quick-access, #acct-login{ width:50% !important; } #ftr_wrap .colright{ width: 62% !important;} .gridview img{ width:100%; height:100%; } .shortdescription{ font-size:12px !important;} div.onestepcheckout-threecolumns div.onestepcheckout-column-middle{ width: 27% !important;} #cvv { background: url("../images/base_images/cvv.gif") no-repeat scroll left 0 / 100% auto rgba(0, 0, 0, 0) !important; width: 100% !important; } ul.add-to li a { font-size: 11px;} #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a{ padding:10px 0px !important; } #slides { margin: 55px 0px 5px 15px !important; width: 62% !important; } #menu li span { font-size: 14px!important; line-height: 3.2 !important; } #slides img { width: 100% !important; height:100% !important } } @media only screen and (min-width: 661px) and (max-width: 980px) { div.onestepcheckout-threecolumns div.onestepcheckout-column-right { width: 31% !important; } .searchwrap { width: 63% !important; } .cms-home #product-view .cms h2{ padding:0px !important; } #product-view .zoom2 > img { height: auto !important; width: 100% !important;} } @media only screen and (min-width: 421px) and (max-width: 660px) { #product-view .zoom2 > img { height: auto !important; width: 100% !important;} .hdr-top{ height: auto !important; overflow: visible !important; } .searchwrap { width: 100% !important; } #logo{ display: block !important; float: none !important; height: 55px; margin: 5px auto !important;} .shortdescription{ font-size:12px !important;} .gridview img{ width:100%; height:100%; } .buy-btn .buy { font-size: 10px !important; } .listing-product-name { font-size: 12px !important; } .regular-price .price{ font-size:14px !important; } #mini-search{ float: left !important; width: 200px !important; padding-right:20px; } #acct-login, #quick-access{ width:100% !important; } #loggedin, p.welcome{ text-align:center !important;} #slideshow { background-position: -48px 0 !important; margin-top:0px !important;} /*#shopping-cart dd{ padding-left:0 !important;}*/ #shopping-cart dd { margin-left: 0px; } #slides img { width: 100% !important; height:100% !important } .cms-home #product-view .cms h2{ padding:0px !important; } .logo-ftr { margin: 0 auto; text-align: center; } #quick-access ul { float: none !important; margin: 0 auto !important; text-align: center !important; width: 75% !important; } .cart-collaterals .col2-set { width: 50% !important; } .cart-collaterals .totals { width: 45% !important; } .cart-collaterals .col-2 { width: 100% !important; } .catalog-product-view .product-shop{ margin-top: 0 !important;} #mini-cart button{ top:45px !important; right: 30% !important; position: static !important; margin-top:0px !important; } #mini-newsletter { width: 100% !important; padding:0px !important; } #mini-newsletter input{ float:none !important; width:50% !important; } #mini-newsletter button{ float: none !important; margin: 0 auto !important; } #menu{ background-repeat: repeat !important; float:left; height: auto !important; width:96% !important; } #menu h2{ position: relative !important; } #menu ul { margin-left: 0 !important; } #menu li span{ font-size:16px !important; } #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a{ padding: 15px 5px !important; width: 119px !important; } #mini-newsletter{ margin: 0 auto !important; } #footer .colleft { margin-top: 15px !important; text-align: center !important; width: 100% !important; } #ftr_wrap .colright ul.sociallinks li a{ margin-left:5px !important; } #ftr_wrap .colright ul.sociallinks li.boy-img{ position: relative !important; width:60px !important; top: -19px !important; margin-left:0px !important;} #ftr_wrap .colright{ width:100% !important; } #ftr_wrap div.wide{ width: 56% !important; } #ftr_wrap .colright ul.sociallinks{ margin-right: 0 !important; width:90% !important; } .show-meta li.show-page{ float:left !important;} .catalog-product-view .product-shop{ width:100% !important; } .crosssell-wrap { width: 55% !important; } .make-shipping-estimate { width: 99% !important; } .shopping-cart-collaterals .sidebox.cross-sell { width: 99% !important; } div.onestepcheckout-threecolumns div.onestepcheckout-column-left, div.onestepcheckout-threecolumns div.onestepcheckout-column-middle, div.onestepcheckout-threecolumns div.onestepcheckout-column-right { width:100% !important; } #slides{ width:60% !important; margin: 40px 5px 5px 0px !important;} .cms-home #slides h2{ font-size: 14px !important;} .slide-image a{ font-size: 11px !important;} .cms-home #slides p, .cms-home #slides strong{ width: 100% !important; } ul.add-to li a { font-size: 11px;} #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a { padding: 15px 5px !important; width: 193px !important; } .form-list > li { float: left; width: 326px; } select { padding: 5px; } .input-text.validate-postcode { height: 31px; } .even { display: block; float: left; margin: 0 9px; } .last.odd { float: left; margin-right: 11px; } button { border-radius: 8px; margin-right: -4px !important; } .input-box { float: left; margin-bottom: 10px; width: 48%; } #remove-coupon, #coupon_code { margin: 0 10px 5px!important; width: 85%!important; } } @media only screen and (min-width: 520px) and (max-width: 640px) { #logo{ background: url("../images/base_images/icons-group.png") no-repeat scroll 0 0 / 275px auto rgba(0, 0, 0, 0) !important;} #shopping-cart { width: 44% !important; } #mini-search { float: left !important; padding-right: 16px; width: 190px !important; } .sub-total { line-height: normal !important; } #loggedin, p.welcome { padding-top: 0 !important; } #mini-newsletter { margin: -27px 0 0 !important; padding: 0 !important; width: 55% !important; } #acct-login, #quick-access { width: 100% !important; } #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a { padding: 15px 5px !important; width: 193px !important; } .form-list > li { float: left; width: 326px; } select { padding: 5px; } .input-text.validate-postcode { height: 31px; } .even { display: block; float: left; margin: 0 9px; } .last.odd { float: left; margin-right: 11px; } button { border-radius: 8px; margin-right: -4px !important; } .input-box { float: left; margin-bottom: 10px; width: 48%; } #remove-coupon, #coupon_code { margin: 0 10px 5px!important; width: 85%!important; } } @media only screen and (max-width: 580px) { #ftr_wrap .colright{ width:100% !important; } #mini-newsletter{ margin: 0 auto !important; } #footer .colleft { margin-top: 15px !important; text-align: center !important; width: 100% !important; } #ftr_wrap .colright ul.sociallinks li a{ margin-left:5px !important; } #ftr_wrap .colright ul.sociallinks li.boy-img{ position: relative !important; width:60px !important; top: -19px !important; margin-left:0px !important;} #ftr_wrap div.wide{ width: 100% !important; } #ftr_wrap .colright ul.sociallinks{ margin-right: 0 !important;} .narrow{ float:none !important;} .group-select .button-set, .button-set{ width:auto !important; } ul.add-to li a { font-size: 11px;} .catalog-product-view .product-shop{ margin-top: 0 !important;} #tab{ margin: 25px 0px 25px 0px !important;} .ui-tabs-nav li:first-child{ margin-left: 0px !important;} .ui-tabs-nav li{ min-width: 85px !important;} .ui-tabs-nav li a{ padding: 8px 0 4px !important; } .product-info-box p.short-description{ padding-bottom: 0px !important;} .product-shop p{ padding:0px !important; } .cart > form { overflow: scroll; } } @media only screen and (max-width: 420px) { #product-view .zoom2 > img { height:auto !important; width: 100% !important;} .hdr-top{ height: auto !important; overflow: visible !important; } #slideshow { height: auto !important; } #slides img { width: 100% !important; height:auto !important; } .slide-image a{ margin: 0px !important; padding: 0px !important; } #slides{ position: relative !important; margin: 302px 1px 3px !important; width: 100% !important;} #logo{ display: block !important; float: none !important; height: 55px; margin: 5px auto !important;} p#mini-cart { width:40% !important;} #product-view{ width:100% !important;} #leftcol { width: 99% !important; } .grid-listing{ width:75% !important; margin:0 auto; display:block !important; } .gridview{ display:block !important; } .gridview li { border: 1px solid #DDDDDD !important; display: block !important; float: left !important; padding: 15px !important; width: 85% !important; margin-bottom:10px; } #quick-access ul { max-width:94%; width:100% !important; } .gridview button { clear: none !important; float: right !important; margin: 3px 10px 0 0 !important; } .show-meta li.show-page{ float:left !important;} .searchwrap { width: 100% !important; } #shopping-cart { min-width: 27%; width: auto; } .narrow{ width:100% !important; } .logo-ftr { margin: 0 auto; text-align: center; } #menu{ background-repeat: repeat !important; float:left; height: auto !important; } #menu h2{ position: relative !important; } #menu ul { margin-left: 0 !important; } #menu li span{ font-size:16px !important; } #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a{ padding: 15px 5px !important; width: 119px !important; } #ftr_wrap .colright{ width:100% !important; } #mini-newsletter{ margin: 0 auto !important; } #footer .colleft { margin-top: 15px !important; text-align: center !important; width: 100% !important; } #ftr_wrap .colright ul.sociallinks li a{ margin-left:5px !important; } #ftr_wrap .colright ul.sociallinks li.boy-img{ position: relative !important; width:60px !important; top: -19px !important; margin-left:0px !important;} #ftr_wrap div.wide{ width: 100% !important; } #ftr_wrap .colright ul.sociallinks{ margin-right: 0 !important;} #shopping-cart dd{ padding-left:0 !important;} #mini-search #search{ width:60% !important } #acct-login, #quick-access{ width:100% !important; } #slideshow{ margin-top:0px !important;} #loggedin, p.welcome{ text-align:center !important;} #mini-search{ float:left !important; width:143px !important; padding-right: 5px !important;} #mini-newsletter { width: 100% !important; } #mini-newsletter input{ float:none !important; width:50% !important; } #mini-newsletter button{ float: none !important; margin: 0 auto !important; } #mini-cart button{ top:45px !important; right: 30% !important; position: static !important; margin-top:0px !important; } #shopping-cart dd{ padding-left: 53px !important; } p#mini-cart, #shopping-cart{ padding-bottom:0px !important; } .catalog-product-view .product-shop{ width:100% !important; } .group-select .button-set, .button-set{ width:auto !important; } .crosssell-wrap { width: 100% !important; } .shopping-cart-totals{ width: 100% !important; float:left !important; } .make-shipping-estimate { width: 99% !important; } .shopping-cart-collaterals .sidebox.cross-sell { width: 99% !important; } div.onestepcheckout-threecolumns div.onestepcheckout-column-left, div.onestepcheckout-threecolumns div.onestepcheckout-column-middle, div.onestepcheckout-threecolumns div.onestepcheckout-column-right { width:80% !important; } .cms-home #slides h2{ font-size: 14px !important;} .slide-image a{ font-size: 11px !important;} .cms-home #slides p, .cms-home #slides strong{ width: 100% !important; } .dashboard .button-set-alt .btn-alt{ float:left !important; } .dashboard > form { overflow: scroll !important; } .cross-sell h2, .make-shipping-estimate h2, .discount-codes h2{ font-size:12px !important; } .onestepcheckout-giftcards input#id_giftcardcode, .onestepcheckout-coupons input#id_couponcode { width: 115px !important;} #onestepcheckout-coupon-add, #onestepcheckout-giftcard-add{ padding: 5px 2px !important; } .cart-collaterals .col2-set{ width:99% !important; } .cart-collaterals .col-2 { width: 100% !important; } .cart-collaterals .totals { width: 100% !important; } .cart > form { clear: both; } .page-title .checkout-types .ptc-btn { margin: 0 !important; } } @media only screen and (min-width: 320px) and (max-width: 420px){ #quick-access li a{ width:85px !important; } } @media only screen and (max-width: 319px){ #quick-access li a{ width:59px !important; } #quick-access ul{ margin-right:-25px; } } /* General Css */ .showpage select { width: 40px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .showpage select { width: 55px !important; } } .sociallinks #facebook_footer { background: url("../images/facebook_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size: 36px; margin-top: 23px; width: 33px; } .sociallinks #twitter_footer { background: url("../images/twitter_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 26px; width: 32px; } .sociallinks #pintrest_footer { background: url("../images/Pinterest_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 26px; width: 32px; } .sociallinks #instragram_footer { background: url("../images/instragram_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 26px; width: 32px; } .sociallinks #youtube_footer { background: url("../images/youtube_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size: 32px; margin-top: 26px; width: 32px; } .sociallinks #rss_footer { background: url("../images/rss_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size: 32px; margin-top: 26px; width: 32px; } #slideshow #controls, #slideshow #nav{ display:none !important; } #onestepcheckout-form .group-select{ padding-top:0px !important; } .onestepcheckout-giftcards { clear: both; } .onestepcheckout-coupons button, .onestepcheckout-giftcards button { float: right; } .slide-image > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } .cart-collaterals .totals { float: right; width: 35%; } .cart-collaterals .col2-set { float: left; width: 62%; } .cart-collaterals .col-2 { float: right; width: 54%; } .cart-collaterals .shipping { border: 1px solid #DDDDDD; display: block; float: left; width: 100%; } .cart-collaterals .shipping > h2 { background: none repeat scroll 0 0 #EDEDED; border-bottom: 1px solid #DEDEDE; font-size: 16px; padding: 8px 5px 8px 15px; } .cart-collaterals .shipping-form { padding: 10px; } .cart-collaterals .shipping-form #shipping-zip-form { border-bottom: 1px dashed #DDDDDD; padding: 0 0 15px; } .page-title .checkout-types .ptc-btn { margin: -65px 0 0 0; } .buttons-set { float: left; } .cart-collaterals .shipping-form > form { float: left; width: 100%; } .cart-collaterals .form-list select { width: 100%; } .cart-collaterals .form-list > li { width:100%;} .cart-collaterals .form-list .input-box{ width:65%; } .advanced-search > form{ clear:both;} .advanced-search .error-msg { width: 100% !important; } .my-account .set-minheight1 address{ word-wrap: break-word; } /*CSS for new website GAPS */ .hdr-top > h1 { padding: 0; } /*CSS for new website GAPS Over */ .product-img-box #thumbnails > li { float: left; margin: 0 4px 10px 0; } .learnmore { padding-top:5px !important; } .learnmore-addtocart { background: linear-gradient(to bottom, #499BEA 0%, #3B5998 36%, #3B5998 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #3B5998; border-radius: 10px; box-shadow: 0 1px 3px #888888; color: #FFFFFF; float: right; margin: -6px 10px 0 0; padding: 3px 10px 1px; text-shadow: 1px 1px #3B5998; text-transform: uppercase; } .level0.active.level-top{ background: url("../images/base_images/menu_selected_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); } .product-shop .custom-options label { float:none !important;} .product-shop .custom-options .change-container-classname { float:left; margin: 4px 5px 0 0; } .custom-options { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin: 5px 0; padding: 5px 0 0; } .product-shop .product-options-bottom .price-as-configured { margin: 10px 11px 0 0; } .product-options-bottom .add-to { display: none; } .product-options-bottom { border-bottom: 1px solid #DDDDDD; padding: 0 0 10px; } .product-shop .product-options .input-box{ width: auto !important; } /* Vishvajit's Css Over */ @media only screen and (max-device-width : 768px) { #menu li span { font-size: 14px !important; font-weight: bold !important; line-height: 2.8 !important; } select { width: 100%; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { select, textarea, input[type='text'], input[type='text'], input[type='password']{padding:10px 5px;font-size:17px;} input[type=checkbox] {border:1px solid #555;margin-left:4px; -webkit-transform: scale(1.2,1.2);background-color:#555;} } /*do not delete*/ a img:hover {opacity:0.8;} body {text-align: center; color: #222; font: normal 100.1%/1.4em Arial, sans-serif;background: none repeat scroll 0 0 #E9EAED;} article, aside, figure, figcaption, footer, header, mark, menu, nav, section, small, time, video{display:block;} * {margin:0; padding:0;} /* Reset all elements */ img {border:none;display: block;} .clear {clear: both;height: 0;line-height: 0; } small, span.edit {font-family: Arial, "Lucida Grande", Lucida, Verdana, sans-serif; } span, small, span.edit {font-size: 13px} #acct-login ul li a:hover, #acct-login ul li a:focus{ color:#87140A!important} a {text-decoration:none;color:#87140A;cursor: pointer;} p.welcome a:hover, .cross-sell .crossell-list h3 a:hover, a:hover {color: #3b5998; } a:focus {outline: 0;} fieldset {border:none;margin: 0;padding: 0;} select.multiselect { line-height: 2em;} .input-text, input[type='text'], input[type='text'], .input-box input[type='password']{padding:5px;} input, textarea, select {border: 1px solid #ddd;box-shadow:inset 0 1px 3px #eee;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } select,multiselect, label, option, textarea{font-size: 15px} textarea {padding: 5px;margin-top: 5px;} select {background: #F9f9f9;padding:5px 1px;} option {width: 99%;border-bottom: 1px solid #ddd; background: #F9f9f9;padding: 1px 5px} label{margin-bottom:6px} em {font-style:normal;} address {font-style: normal;} h1,h3,h4,h5,h6 { font-weight: bold;} h1, h2 {font-family:"Lucida Grande", Lucida, Verdana, sans-serif; } h2.product-name a { font-size: 16px; line-height: normal; } .cms-home h1 {background: #fff!important;padding: 0!important;} h1 {font-size: 22px; padding: 30px 25px;color: #000; text-transform: uppercase; line-height: 1.4em;} .onestepcheckout-index-index h1,.contacts-index-index h1 {text-shadow: 0 0;} h2.getintouch {margin-top: 25px;padding-bottom: 15px;} .cross-sell .crossell-list h3 a, span.burgundy, .sales-order-view #my-orders-table td h3 {color: #87140A;} h2.getintouch span {font-size:22px;} h2, h3, h4, h5, h6 {font-size: 18px;} p, p span, dt, td, td span, dd, dd span, li, li span, label { font-size: 12px; line-height: 1.99em; } li {list-style: none} td p.edit { padding-top:0!important} p.back, p.edit {clear:both!important; font-size:15px!important;padding-left:0;padding-top:10px;} #acct-login ul li a, .back a, .edit a, .edit, .alert a,.buttons-set p a, .catalog-seo-sitemap-category #product-view ul> li.first a, .catalog-seo-sitemap-product #product-view .sitemap ul>li.first a {color:#3b5998 !important;} p.edit a:hover, p.edit a:focus, p.back a:hover, p.back a:focus, span a:hover, span a:focus {text-decoration: underline;color: #e9871d!important;} /* control floated elements */ .fleft {float:left;} .fright {float:right;} /* column & row wrappers - site structure ============================================== */ #container{width: 100%;text-align: center;background:#e9eaed; } #wrap{width:1000px;text-align: left;background: #fff;border-left: 1px solid #D9D9DB;border-right: 1px solid #D9D9DB; padding-bottom: 25px;position:relative;} #container, #wrap, #content-alt, #content, #footer_wrap, #footer, #hdr{margin: 0 auto;} #container, #wrap, #content, #content-alt, #footer_wrap, #footer, #hdr{clear: both;overflow: hidden} #hdr{;margin:1px 20px 0 20px } /* logo, h1 */ #menu, #hdr {position: relative;} #menu{margin:0px 20px 0 20px!important } .cms-home #menu{margin-top:0!important } #logo {background: url(../images/base_images/icons-group.png) no-repeat 0 0;height: 75px; float: left;width:226px;margin: 15px 5px 15px 5px} #logo span {text-indent: -999999em;position: absolute;} #leftcol {width: 22%;float:left;min-height: 25em;margin-top: 10px;} #rightcol {float: right;width: 26%;margin-top: 20px;} .contacts-index-index #rightcol{margin-right:15px;} .contacts-index-index .group-select {width: 65%;float:left;} /*product listing and product page*/ #content-home, #product-view {display: block;width: 79%;float:right;} #cms-view {display: block;width: 70%;float:left;} .cms-home #product-view, .cms-home #leftcol{/*margin-top: 25px;*/} #product-view {width: 76%;margin-top: 10px;padding-bottom: 10px;position: relative;min-height:25em;} .cms-home #product-view, .catalog-category-view #product-view {padding-bottom:0;border-bottom:0;/*background-color:#f9f9f9;*/} .checkout-cart-index #product-view{border: 0;} .cms-home h2.product-name {background: #fff;padding: 0;} /*.cms-corganic-best-selling-products #content-alt h1 , .cms-home #product-view .cms h2,#onestepcheckout-login-popup-contents-login h1,#onestepcheckout-login-popup-contents-forgot h1, #product-view h1, #cms-view h1, .compare-products h1 {background:#DEDEDE;padding: 7px 19px;color: #20261F!important; }*/ .cms-corganic-best-selling-products #content-alt h1, .cms-home #product-view .cms h2, #onestepcheckout-login-popup-contents-login h1, #onestepcheckout-login-popup-contents-forgot h1, #product-view h1, #cms-view h1, .compare-products h1 { border-bottom: 1px solid #D6D6D6; color: #20261F !important; margin: 0; padding: 7px 0; } .cat-bg, ..catalog-category-view #product-view .cms h2 {border:1px solid #dedede;} .catalog-category-view #product-view .pager {border-right:1px solid #dedede;border-left:1px solid #dedede} .cms-corganic-best-selling-products #content-alt {background-image:none!important;} #content {margin:0 20px;text-align: left;overflow: hidden;clear: both;} #content-alt {background:transparent url(../images/base_images/slide_bg.jpg) no-repeat left -340px;text-align: left;border-top: 1px solid #fff;margin:0 20px;} /*cms and customer area*/ /* special treatment for home page */ .cms-home #quick-access, .cms-homegaps #quick-access {/*margin-top: -307px;*/position: relative;z-index: 600;/*margin-top:6px;*/} .contacts-index-index .group-select {width: 68%} /* global elements=========================================*/ /*.checkout-cart-index #mini-cart { display:none;}*/ .hdr-top{ overflow:hidden; display:block; height:95px; } /*.hdr-top-alt {background-color:#fee;overflow:hidden;display:block;}*/ .searchwrap { float:right;width:62%} #mini-cart{} .bag {background: url(../images/base_images/icons-group.png) no-repeat -320px -131px;/*width:30px;height:33px;*/ /*padding-bottom:10px;*/margin-left:8px;/*height:38px;*/} .bag a{ padding-left:50px!important;} .bag:hover { opacity:0.9} #shopping-cart { width: 49%; display:block !important; } p#mini-cart { width:20%;padding-top:20px;padding-left:5px} p#mini-cart, #shopping-cart {float:right;position:relative; overflow:hidden;padding-bottom:25px;z-index:24;} #shopping-cart dt { padding:16px 0 20px 0;} #shopping-cart dd { color: #666666; font-size: 14px; margin-top: -26px; padding-left: 58px; } /*#shopping-cart dd{ position:absolute;left:0;margin:15px;} #mini-cart p .sub-total{}*/ /*#mini-cart p.subtotal span.price {margin-top: -5px;font-size: 15px!important;}*/ #mini-cart button {position:absolute;right:4px;top:0;margin-top: 22px;font-size:12px;margin-bottom:0;} p.subtotal {text-align: right;font-size: 13px;margin-right: 15px;margin-top: 5px!important;} #mini-cart p.subtotal span.price {font-size: 14px;width: 30%;} /*login (mini login) and welcome msg */ p.welcome{padding:10px 10px 10px 0;text-align:right; } #loggedin, p.welcome {font-size:14px;color:#553F18;text-align: right; font-style:italic;} p.welcome a{text-align: right; color: #777;font-style:normal;font-weight:bold;font-size:15px;} .c{text-align:right;clear:both;} #login { padding-left:10px;} #acct-login {text-align: right;float: left;overflow: hidden;position:relative;z-index:65;width:63%;margin-bottom:5px;} #acct-login ul li {display:inline-block;text-align:right;} #acct-login ul {text-align: right;float:right; } #acct-login ul li a {padding:4px 6px 5px 10px;font-size:14px;display: block;text-transform: capitalize;background: url(../images/base_images/icons-group.png) no-repeat 1px -88px; } #acct-login ul li.first a{background-image: none;} #acct-login ul li a:hover, #quick-access li a:hover {text-decoration: none;color:#e9871d} #loggedin, #acct-login ul {display:inline-block;} #loggedin{margin:2px 5px 10px 0; } /* Quick Access - Register | My cart | Checkout ==============================================*/ #quick-access { width:37%;float: right;overflow: hidden} #quick-access ul {float: right;text-align: right;margin-right:-1px; margin-top:5px;} #quick-access li {float: left;display: block;height:35px; } #quick-access li a {float: right;width: 99px; display: block;padding: 7px 0 2px 1px;color: #fff;font-size:14px;margin-right: 1px;background: url(../images/base_images/icons-group.png) no-repeat -101px -154px;text-align: center;text-transform: uppercase;text-shadow:1px 1px #9F7818;letter-spacing:1px;} #quick-access li.active a {color:#c4bc76;} #quick-access li a:hover, #quick-access li a:active, #quick-access li a:focus {color:#fff;background-position: 0 -154px;} /* Mini top search */ #mini-search {width:240px;float: right;margin-top:15px;border-right:1px dotted #dedede;} #mini-search legend span, #mini-search label{position: absolute;top: -999em;} #mini-search #search {border: 1px solid #999;padding: 5px;width:70%;margin:2px 5px 5px 5px;float: left;text-align:left;font-size: 13px;color:#777;} #mini-search button{margin-top:3px;width: 47px;height: 31px;border: 0;font-size:13px;background: url(../images/base_images/icons-group.png) no-repeat -319px -338px;box-shadow:0 0} #mini-search #search, #mini-search button {float:left;} /*search auto-complete*/ .ac_results {overflow: hidden; padding: 0;border:1px solid #860038;margin-left: 1px;background: #fff;z-index: 99999;} .ac_results ul {width: 100%;} .ac_results li {margin: 0px;padding: 2px 0px;cursor: default;line-height: 16px;display: block;border-bottom: 1px solid #E7E0D6;font-size: 13px;overflow: hidden;} .ac_results li:last-child {border-bottom: 0!important;} .ac_loading {background: white url(../images/base_images/opc-ajax-loader.gif) right center no-repeat;} .ac_odd {background:#fff} .ac_over {background: #f9f9f9;color:#373a3a;} .ac_product_row{position:relative;text-align: left;width: 250px;} .ac_product_row .ac_product_image{float:left;margin:5px 10px 2px 5px;width: 50px;} .ac_product_row .wrap {float: left;width: 55%;} .videos, .diet, .about, .home {height: 24px;display: block; text-indent: -3000px;background-position: 0 0;} /* cms menu */ /* footer section #4C3F2F ============================ */ #ftr_wrap {width: 100%;background: url(../images/base_images/ftr_bg.png) repeat-x left 0px #607EBE; padding-bottom: 15px;margin: 0 auto;} /*extra div so that boy image's head can go above footer*/ #footer_wrap {width:1002px;position: relative;} #ftr_wrap .colright {width:67%;float: right} #ftr_wrap .colright ul.sociallinks {float: right;margin-right: 110px;} #ftr_wrap .colright ul.sociallinks li {float: left;margin-top: -5px;} #ftr_wrap .colright ul.sociallinks li.boy-img { background: url("../images/base_images/icons-group.png") no-repeat scroll -3px -504px rgba(0, 0, 0, 0); height: 102px; margin-left: 20px; position: absolute; right: 14px; top: 0; width: 74px; z-index: 1000; } #ftr_wrap .colright ul.sociallinks li a{display:block; height:40px;position:relative;margin-left:10px;} #fb, #twitter , #videos,#rss, #contact, #sales{display:block;margin-top:23px;} #fb {width:36px;background: url(../images/base_images/icons-group.png) no-repeat -86px bottom;} #twitter {width:43px;background: url(../images/base_images/icons-group.png) no-repeat -131px bottom;} #videos {width:29px;background: url(../images/base_images/icons-group.png) no-repeat -185px bottom;} #contact {width:41px;background: url(../images/base_images/icons-group.png) no-repeat -225px bottom;display:block; height:40px;} #sales {width:43px;background: url(../images/base_images/icons-group.png) no-repeat -276px bottom;} #rss {width:38px;background: url(../images/base_images/icons-group.png) no-repeat -328px bottom;} /*hide email address*/ .reverse { unicode-bidi:bidi-override; direction:rtl; } #ftr_wrap .colright ul.sociallinks li.videos {} #ftr_wrap .colright ul.sociallinks img:hover {opacity: 0.9;} #ftr_wrap div.wide {float: right;width:62%;} .sociallinks li a:hover{opacity:0.8;} #footer p {padding: 4px 0 5px 10px;color: #fff;font-size:12px;} /*wrap footer's links and company info*/ #footer .colleft {width:31%;float: left;text-align: left; overflow: hidden;display: block;margin-left: 10px;margin-top: -1px;} .ftr-inner {overflow:hidden;clear:both;margin-right:8px;} #footer ul {float: right;} #footer li {display: inline;} #footer .ftr-inner li a {padding:0 8px 0 10px; font-size:13px;background: url(../images/base_images/icons-group.png) no-repeat left -126px;color: #fff;text-transform: capitalize;} #footer .ftr-inner li a:hover, #footer .ftr-inner li a:focus {text-shadow:1px 1px #555} #footer li.help a, #footer li.first a{background-image: none;} #footer li a:hover {color:#ddd;text-decoration: none} #footer strong {color: #e4e4e4;font-weight: normal;} #store-switcher div a:hover{color:#fff;text-shadow:1px 1px #555!important} /* mini-newsletter */ #mini-newsletter {overflow: hidden;float: right;padding: 10px 0;margin-top:30px;width:51%;} #mini-newsletter input {margin-right: 5px;float: left;padding: 4px;width:73%;margin-top:5px;background-color: #f5f5f5;border: 1px solid #B69F73;font-size: 13px} #mini-newsletter button { background: linear-gradient(to bottom, #499BEA 0%, #3B5998 36%, #3B5998 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #3B5998; box-shadow: 0 1px 3px #888888; text-shadow: 1px 1px #3B5998; text-transform: uppercase; width:74px; height: 30px;border: 0;margin: 0;float: left;margin-top: 2px;cursor:pointer;} #store-switcher div a {text-shadow:1px 1px #B09D7B; color:#fff;} #mini-newsletter button span{ position: relative !important; text-indent: 0 !important; } #store-switcher div{display:inline-block;font-size:15px;margin-left:10px} #store-switcher #active {display:none;} /* CMS pages : About, Customer Service, FAQ, 404 not found ============================================================*/ .cms-home #product-view .cms {padding: 0;} .cms-home #product-view .cms h2 { font-size: 20px; padding: 8px 19px; } /*.cms {padding: 20px;}*/ .cms-page-view .cms {padding:20px;} .cms-page-view #product-view .cms h2, .cms-page-view .cms h3, .cms-page-view .cms h5, .cms-page-view .cms h6, .cms-index-noroute .cms h4, .cms-page-view .cms h4 {padding-bottom: 10px;padding-top: 15px;} .cms ul { padding: 0px 0 5px; } .cms ul li {padding-bottom: 5px;margin-left: 20px} .cms ul.disc {margin-top: 10px;padding-left: 0;margin-bottom: 0;} .cms dt {font-weight: bold;padding: 15px 0 6px 0} .cms dl#narrow-by-list {margin: 15px 5px 15px 0;} .cms dl#narrow-by-list dt {font-weight: bold;display: block;padding:0;border: 0;} .cms dl#narrow-by-list dt a {border-bottom: 1px dashed #E0E5D1;font-weight: normal;} .cms dl#narrow-by-list dd {padding:10px;font-size:.9em;background: transparent;line-height: 1.5em;border-bottom: 0;} .cms p {padding-bottom: 15px;padding-left: 0;} /* Form lists - Contact, Shipping, Billing, Contact ********************************************* */ /* @group keyboard navigation tab access features */ #skip_nav a:hover, #skip_nav a:active, #skip_nav a:focus, #footer a:hover, #footer a:active, td a:focus, span.edit a:focus {color:#3D281A;outline: 0;} textarea:focus, multiselect:focus, input:focus, select:focus {background: #f5f5f5} /* @end */ #menu {display: block;clear: both;/*width:100%;*/position: relative;background:url(../images/base_images/menu-bg.png) repeat-x left 1px;height: 64px;} #menu h2 { display: block;background:url(../images/base_images/icons-group.png) no-repeat left -321px;width: 221px;height: 64px;position: absolute;left: 0;z-index:10;color:#f9f9f9;font-weight:normal} #menu h2 span {padding:23px 0 17px 30px;display:block;font-size:19px;text-transform:uppercase;;text-shadow:1px -1px #3b5998;} #menu ul {margin-left: 221px;} #menu ul ul {margin-left: 0;background:#3b5998;box-shadow: 1px 4px 5px #999;} .onecol #menu ul ul {box-shadow: 1px 1px 5px #ededed} .nav-1 ul.level0 {width:269px!important;} .nav-2 ul.level0 {width:180px!important;} .nav-3 ul.level0 {width:290px!important;} #menu li {float: left;} #menu li a {float: left;display: block;height: 64px;color:#fff} .level-top{;text-shadow:1px -1px #555;} #menu li span {font-size:19px;text-transform:uppercase;} #menu li li span {font-size:14px;text-transform:capitalize;} #menu li:hover {background:url(../images/base_images/menu_selected_bg.jpg); } #menu li li a{color: #fff;text-indent: 0;font-weight:normal;} #menu li li, #menu li li a {height:auto;text-shadow:1px 1px 3px #3b5998;} #menu li li a {margin:0;padding:6px 10px 6px 21px!important ;} #menu li a:hover, #menu li a:focus {color:#fff} #menu li.nav-1, #menu li.nav-2, #menu li.nav-3 {height: 61px;} #menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a {padding:13px 37px;} /*#menu ul li.nav-1 ul,#menu ul li.nav-2 ul,#menu ul li.nav-3 ul {width: auto}*/ #menu ul li.nav-1 ul, #menu ul li.nav-2 ul, #menu ul li.nav-3 ul { width: 262px !important; } .sf-menu li:hover ul,.sf-menu li.sfHover ul {position: absolute;z-index:1000;} /*** ESSENTIAL STYLES ***/ .sf-menu {line-height: 1.0;width: 100%;margin: 1px auto;} .sf-menu ul { z-index:600;position:absolute;top:-999em;} .sf-menu ul ul {left: 0;} #menu ul ul ul { margin-left: 80%;} .sf-menu ul li {width: 100%;} .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block;position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:63px;background-image: none;margin-left: 0} .sf-menu {float:left;} .sf-menu li a {line-height: 1em;} /*2nd level - disable dropdown background image*/ /*.sf-menu li li a {background-image: none;}*/ .sf-menu li li,.sf-menu li.active li {border-top: 1px solid #8b9dc3;} .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu li a:active { outline:0;text-decoration: none;} /** * Corganic Store* * @copyright Copyright 2013, Lotus Seeds Design * * @link http://www.lotusseedsdeisgn.com * */ ul.pager li a,.link-wishlist, ul.add-to li a, span a, #checkout-progress dd p.edit a, .layered-nav .actions a {color:#e9871d!important;} ul.add-to li a:hover, span.edit a:hover,.layered-nav .actions a:hover , #checkout-progress dd p.edit a:hover,ul.bare-list li a:hover,#my-orders-table td.last a,div.register a:hover,#breadcrumbs li a:hover{text-decoration: underline;} /* tame floated elements - clear block*/ #hdr, #breadcrumbs, #quick-access, ul.add-to,#tab, ul.pager, dl.choose-an-option, .listing-type-list, .listing-item, .price-set, .add-to-cart-box, .product-img-box .product-image-zoom, .product-essential, .sidebox, .sidebox li,.sidebox button, .button-set, .dashboard, .advanced-search, .acct-login,#shipping-method-buttons-container,.shopping-cart-collaterals,.discount-codes,#pollForm,#mini-poll div,.product-options-bottom{overflow: hidden;} .upsell li h5 {border: none;} .login-btn span,h1 span,p.athere, .add-to-cart-box legend,.no-display,.skipto/*,button span,span.buy*/ {position: absolute;text-indent: -9999px!important;height: 0;line-height: 0;} legend { color:#555;} legend span {white-space:normal;/*force firefox to behave*/ line-height: 1.3; display: block;} /* center the image */ .tool-tip img,.crossell img {margin: 0 auto} /* breadcrumbs **************************************** */ #breadcrumbs {background-color:#f9f9f9;padding:5px 10px; position: relative; z-index: 999;} #breadcrumbs li {display: inline;font-size: 13px;color: #747170;} #breadcrumbs li a {padding:5px 5px 0 5px;color: #747170; ;text-align: left;display: inline /*ie6 bugger needs this*/;} #breadcrumbs li.product {padding-left: 6px;display: inline;} /* Homepage **************************************** */ /*slide gallery*/ #signedin #slideshow{margin-top:-47px;} .pics { height: 314px;overflow: hidden; clear: both;} #slideshow { margin:-52px 20px 0 20px;position: relative;background: url(../images/base_images/slide_bg.jpg) no-repeat left -2px;z-index:20;} #slides {position: absolute;width:450px; height:auto; right: 0;top: 0;margin:40px 35px 5px 15px;} #slides img {width:100%; height: 100%; } .cms-home #slides h2 {background: transparent;color:#fff!important; font-family: Calibri, "open Sans", Arial; font-size: 39px;padding:25px 0 15px 0;/*text-shadow: 1px 1px 1px #ddd;*/} .cms-home #slides p, .cms-home #slides strong { color: #FFFFFF; font-family: Calibri, "open Sans", Arial; font-size: 15px; width: 352px; line-height:normal; } .slide-image a { background: none repeat scroll 0 0 #860038; border-radius: 4px; color: #FFFFFF; float: left; font-family: calibri; font-size: 16px; font-weight: bold; margin-top: 27px !important; padding: 3px 21px; text-transform: uppercase; } /*.cms-home #slides p, .cms-home #slides strong {font-size: 18px;text-shadow: 1px 1px 1px #ddd;}*/ /*slideshow nav (right column with thumb)*/ #nav { display: block;position: absolute;right: 0;bottom: 0;z-index: 300;margin-bottom: 4px;} #nav a { text-decoration: none; position: relative;font-size: 1em;margin-left: 1px; color: #fff;padding:4px 10px;background: #9E7718;opacity: 0.77;} #nav a.activeSlide { background:#860038} #nav a:focus { outline: none; } #controls { z-index: 70000; position: absolute; bottom: 0;right: 0; display: none; background:#9E7718;font-size:13px;margin-bottom: 3px;margin-right: 120px; width:auto;opacity: 0.9;} #controls span { margin: 0 5px; text-align: center;float :right;padding-right: 10px;} #controls a{color: #fff!important} /* [ Homepage ] =====================================================*/ /* Pager - toolbar.phtml **************************************** */ .show-meta {padding:5px 15px 5px 20px;} .show-meta li {display:block;float:left;width:auto;} .show_item {padding-right:5%;} .show-meta li.show-page{float:right;text-align:right;} .show_page {float:right;} .pager label, .pager select {font-size:13px!important;} /* Pager - toolbar.phtml/ pager.phtml */ .pager {border-bottom:1px solid #E7E0D6;display: block;clear: both;overflow: hidden;background: #f7f7f7;padding-bottom:4px;padding-right:7px;} ul.pager li {float: left;font-size: 13px;padding:3px 5px 0 5px;color: #777;} .pager .show_item {text-align: left;} .pager .show_page option {padding:1px ;} .pager .sort-by a, p.view-by a {text-decoration: none;color: #555;padding: 0 2px;border: none;} .pager li a:hover, .pager .sort-by a:focus, p.view-by a:focus {text-decoration: underline} .pager select, .pager option {padding: 0;} /*recent update - March 27th*/ #asc, #desc {font-size: 12px;} #desc{background-position: -9px bottom} .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .product-listing {position: relative;} p.view-by {width:120px;}p.items-total {width: 170px;} p.view-by, p.items-total {float: right;padding: 2px 5px;border-left: 1px solid #E7E0D6;text-align: center;font-size: 12px;} #pagination{float:left!important;width:180px;display: block;} #pagination #page-count{float: left;display: block;} ol#page-count li {font-size: 1em;float: left;padding: 0 5px 0 5px;margin-right: 1px;} ol#page-count li.on {font-size: 1em;text-decoration: underline;} #pager-alt{height: 25px;} #pager-alt .amount {float:left;} #pager-alt .limiter{float:right;width:30%;text-align:right;font-size:13px;} #pager-alt .limiter label{font-size:13px;} .sales-order-history #pager-alt .pager{padding:5px 10px 2px 10px} #pager-alt p.items-total, #pager-alt p.items {float: left;padding-top: 5px;border-right: 1px solid #E7E0D6;padding-left: 5px;} /* Pager - pages.phtml > Sitemap, search terms */ #pager-alt ul {float: right;width:18%;} #pager-alt li.first {margin-right: 5px;margin-top: 2px;} #pager-alt li.first a{color:#6C7E2C} /*customer logged in area*/ #pager-alt .show_page{padding-top: 3px;width:23%;float: right;} /* @group sitemap */ /* sitemap */ /*.sitemap {border: 0!important;margin: 0 10px;clear: both;} .catalog-seo-sitemap-category .level-0{font-weight: bold;display: block;width: 100%!important;margin-bottom: 1px;padding: 18px 0 3px 0px!important;clear: both;} .level-1{padding-left:25px;margin-top: 5px;padding-bottom: 5px!important;float: left!important;width:25%!important;} .level-2 {padding-left:30px;} .dashboard .bare-list li {float: none;width: 20%;margin-right: 20px;padding-bottom: 5px;} .catalog-seo-sitemap-product .bare-list li {float: left;width: 20%;margin: 5px 0} .search-terms ul.bare-list {margin: 15px;} .search-terms ul.bare-list li{line-height: 1.4em;float:left; margin-right: 10px;font-size: 110%;width: auto;}*/ /* Sitemap ========================================= */ /* Pager - pages.phtml > Sitemap, search terms */ .catalog-seo-sitemap-category #product-view ul> li.first, .catalog-seo-sitemap-product #product-view .sitemap ul>li.first {position:absolute;right:0;margin-right:15px;margin-top:8px;font-size:14px;} .catalog-seo-sitemap-category #product-view .dashboard, .catalog-seo-sitemap-product #product-view .dashboard {padding:0;border:1px solid #dedede;} .sitemap #pager-alt .pager {padding:5px;} .sitemap #pager-alt p.amount {padding-left:15px;padding-top:3px;font-size:14px;} .sitemap #pager-alt p.amount strong{font-weight:normal!important;} /*categories/product sitemap links*/ .sitemap {/*padding:15px 15px 0 10px;*/min-height:28em;margin-bottom: 15px;} .catalog-seo-sitemap-category .level-0{font-weight: bold;display: block;width: 98%!important;margin-bottom: 1px;padding: 8px 0 5px 2%!important;clear: both;} .level-1 {padding-left:20px;margin-top: 5px;padding-bottom: 10px!important;float: left!important;width:25%!important;} .level-2 {padding-left:35px;} .dashboard .bare-list {margin-top: 15px;padding: 10px 20px 10px 20px} .catalog-seo-sitemap-product .bare-list {padding-left:35px;} .catalog-seo-sitemap-product .bare-list li {float: left;width: 45%;padding-bottom:5px;margin:8px 4% 0 0} .search-terms ul.bare-list {margin: 15px;} .search-terms ul.bare-list li{line-height: 1.4em;float:left; margin-right: 10px;font-size: 110%;width: auto;} #misc-feed h2 {margin-top: 25px;} #misc-feed .bare-list li {width: 90%; padding-left: 0;padding-bottom: 10px;} /*RSS feeds*/ ul.misc-fee-list {margin: 5px 0;} ul.misc-fee-list li {padding: 2px;border-bottom:1px dashed #E0E5D1;color: #352b29;} ul.misc-fee-list li span {margin-top: 5px;padding-left: 5px;} h2#getfeeds {background: url(../images/base_images/icon-rss-big.png) no-repeat 10px 3px;padding-left: 48px;} .rss-index-index h3 {font-weight: normal;margin-top: 15px;padding-left: 0;text-transform: uppercase;} /* @end */ /* Catalog Listing **********************************************/ /*if description is entered in the categories*/ p.category-description {padding: 10px 15px;} .category-image {width: 100%;} /* Grid mode -grid type product listing */ .listing-type-grid p.product-image {display: block;padding: 10px 5px;} .product-image img { border-top:none; } .listing-type-grid .add-to-compare { display:block;margin:5px 0; color:#6e6969;font-weight:bold;} .listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; font-size: .8em} .listing-type-grid .actions { margin:10px 0;text-align:center; } p.product-specs {font-size: .9em; line-height: 1.5em;} /* button ======================================= */ .button-set p,.set2 {margin-top:20px} .x2{margin-top:-20px} .group-select .button-set, .button-set{float:right;width:30%;clear:none;} .customer-acct .button-set{float:none;width:auto;padding-left:0;} .button-set, .button-set-alt {padding: 2px 0 0 15px;clear: both;} .checkout-cart-index .button-set-alt {border:none} .button-set-alt {border-top:none;border-bottom: 1px solid #d9e0a3;} .button-set span{font-size:14px;} p.alert {font-size:14px;float:left;} .form_wrap:last-child {margin-top:15px;} button {margin-top: 4px;margin-bottom:10px;display: block;border: 0;background: url(../images/base_images/icons-group.png) no-repeat 0 -273px;color: #fafafa;height:auto;text-shadow:1px -1px #3b5998;padding:5px 15px;font-size: 14px} td button { float: left; margin: 0 auto 1px; } button:active, button:focus {outline: 0;display: block;border: 0;} .contacts-index-index .group-select button{width:80px;font-size:15px;} .group-select button {margin-right:5%;;clear:both;padding:7px 15px;} button:hover, .sidebox button:hover {text-decoration: none;background-position: right -272px;color: #f5f5f5;opacity: 0.9;} button:focus, #mini-newsletter button:focus {text-decoration: none;outline: 0;color:#fff;} .btn-alt {float: right} .sidebox .btn-alt {padding-bottom: 15px;margin-top:0;} .sidebox button {margin-left: 10px;margin-bottom: 5px;} #remember-me-box label, #remember-me-box input{display:inline-block;} #remember-me-box {padding-bottom:5px;text-align:left;clear:both;} #remember-me-box p.show{color:#666;padding-top:5px;padding-right:15%;} .place-order {margin-top: -31px;float: right;} .shipment-methods button, .shipping-estimate button {float: left;} .shipping-estimate button, .shipment-methods h6 {margin-left: 10px;} .get-quote {margin-left: 0!important;} /* @end */ /* @group Product detail- gallery view.phtml */ /* product headings */ .product-info-box p.short-description { font-size: 1.05em; font-style: normal; font-weight: bold; line-height: 0.9em; padding-bottom: 5px; } /* product-detail - product view page ======================================= */ .fb-like {margin-top:10px;margin-bottom: 8px;height: 24px;overflow:hidden} .product-img-box {float: left; display: block;width:250px;margin:32px 0px 0 0} #main_image{padding-bottom:20px;} #main_image img{width:100%} .catalog-product-view .product-shop {float:left;width:58%; margin-top: 35px; margin-left:20px;} .product-shop p {padding: 0px 0;} .product-shop p.no-stock {font-size:13px;color: #757575;text-decoration: line-through;} /* Product Images */ .product-info-box label {float: left;color:#777; font-weight:bold; } .product-info-box input{ text-align: center;margin-left: 5px; font-size: 12px;} .qty, #qty, td .qty {width:30px!important;height:30px!important} .add-to-cart-box .price-box {padding: 5px;} .add-to-cart-box {display: block;margin-bottom: 10px} .add-to-cart-box .qty-box input {padding:5px;} .add-to-cart-box .qty-box {margin: 20px 30px 0px 0;width: 105px;float: left;padding: 1px 3px 3px 0;} .add-to-cart-box .buy-btn {margin-top:24px!important;position:relative;z-index:5;float:left;height:32px;} .crossell-list .buy-btn {margin-left:0; } #product-view .add-to-cart-box .buy-btn { height: 32px; } /*increase/decrease qty*/ .btn { margin: -8px 5px 2px 5px; text-indent:99999999px; position:relative;z-index:100!important; /*cursor: pointer;*/ width: 24px; display:block; height: 22px; /*padding-left: 1px;*/ float:right; background: url(../images/base_images/icons-group.png) no-repeat;} .wrapx{ width:30px;} .inc { background-position:-93px -507px!important;font-size:0px;} /*Dave--font size 0 to hide + behind button in IE*/ .dec { background-position:-93px -536px!important;font-size:0px;} /*Dave--font size 0 to hide - behind button in IE*/ .buy-btn{padding:0 8px;} .ptc-btn {} confirmorder-btn{} .ptc-btn,.confirmorder-btn, .buy-btn { border: 1px solid #3b5998; border-bottom:1px solid #3b5998; text-transform:uppercase; box-shadow:0px 1px 3px #888; text-shadow:1px 1px #3b5998; background: rgba(73,155,234,1); background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(59,89,152,1) 36%, rgba(59,89,152,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(36%, rgba(59,89,152,1)), color-stop(100%, rgba(59,89,152,1))); background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(59,89,152,1) 36%, rgba(59,89,152,1) 100%); background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(59,89,152,1) 36%, rgba(59,89,152,1) 100%); background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(59,89,152,1) 36%, rgba(59,89,152,1) 100%); background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(59,89,152,1) 36%, rgba(59,89,152,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#3b5998', GradientType=0 ); } .ptc-btn:hover,.confirmorder-btn:hover, .ptc-btn:focus,.confirmorder-btn:focus, .buy-btn:focus, .buy-btn:hover { border: 1px solid #3b5998; text-shadow:1px 1px #3b5998; background: #3b5998; } .checkout-cart-index .dashboard button {font-size:12px;margin-right:8px;color:#f9f9f9;} /*proceed to checkout/ confirm order */ .ptc-btn, .confirmorder-btn { float: right; margin-right: 12px; margin-top: 0px; padding: 7px 20px 5px; } /*price alert, signup, send to friend */ ul.inform-customer li {display:block;padding-right: 15px;color:#312524;} ul.inform-customer li a { font-size: .85em;margin-top: 5px;color: #9c4a33;padding-left: 23px;} ul.inform-customer li.pricealert{ background:url(../images/base_images/icon-pricealert.jpg) no-repeat 0 4px; } p.instock{ background:url(../images/base_images/icon-sets.gif) no-repeat 0 -72px;padding-left: 23px;padding-bottom: 10px;} p.out-of-stock{ background:url(../images/base_images/icon-sets.gif) no-repeat 0 -100px;padding-left: 22px; text-transform: capitalize;} .listing-type-list p.out-of-stock {background-position: 0 -100px;padding-left: 23px;} .listing-type-grid p.out-of-stock {text-transform: capitalize;padding-top: 5px; background-position: 27% -102px;} /*add wishlist, add review, add compare */ ul.add-to {display: block;clear: both;margin: 5px 6px 5px 0} ul.add-to li { font-size: 13px;float:left} #leftcol .add-wishlist { font-size: 13px;} ul.add-to li.compare {margin-left: 5px;} ul.add-to li a {float:left;padding:3px 10px;margin-right: 5px;background:#2C2C2C;border-radius:3px;} .product-info-box .ratings { margin-bottom:1em;} /*tiered pricing */ .product-attributes, .product-pricing { margin:15px 15px 10px 0; border-top:1px solid #ededed} .product-pricing li {line-height:1.4em; padding:6px 0 4px 10px ; color: #4F5334;border-bottom:1px solid #ededed ; background-color:#fcfcfc;} .catalog-product-view .product-pricing li .price {font-size: 14px;font-weight: bold;} .product-info-box h4 {padding: 10px 0 2px 0; } .product-attributes select {width: 60%;} .product-collateral .data-table td {padding: 2px 5px;} /* add product tag */ fieldset.add-tags{margin: 5px 10px 0 10px;} fieldset.add-tags label {width: 70%!important;} fieldset.add-tags input {width:75%!important;float: none!important;text-align: left;margin-left: 0;display: inline;} fieldset.add-tags button {display: inline;float: none;margin-left: 5px;margin-top: 1px;} /* Upsell products */ .upsell{ overflow: hidden;margin: 25px auto 0 auto;width: 100%;border-top: 1px solid #DEDEDE} .upsell h2 {display: block;padding: 10px 15px;font-weight: bold;background: #f9f9f9;border-bottom: 2px solid #fff;font-size: 16px;} .upsell ul{text-align: center;margin-top: 10px;} .upsell li {padding: 4px 15px;width: 20%;float: left;} /*.upsell .price-box p {background: none;border-bottom: 0;font-weight: normal;}*/ .upsell h3 {font-size:15px;} .sidebox h3, .upsell h3 {padding-bottom:5px;} .upsell li img{margin: 0 auto 10px auto;} /* @group Right column, product minibox */ /************************** Prices */ .price-box { padding:0} .price { line-height: normal; white-space: nowrap; } .sub-total { line-height: normal !important; } .price-box span.label {font-size: 13px} /* Regular price color: #576e2f; */ .regular-price .price{font-weight:bold;font-size: 17px;color:#454545;} /*span.price { color: #453D2E;}*/ .catalog-product-view .product-shop .price-box {padding-top:5px} .catalog-product-view .product-shop .price {font-size:22px} .catalog-category-view .price-box span.price {font-size: 18px;} /* Old price */ .old-price { color: #555; } .old-price .price { text-decoration:line-through;font-size:13px } /* Special price */ .special-price, .price-set .special-price .price{ font-weight:bold; color: #77624a; font-size: 14px;} /*specail treatment for customer logged in =>view order page.*/ #my-orders-table td .price, td .price{font-size: 15px;} #my-orders-table td .price, #shopping-cart-table td span.price, td.subtotal span.price, #shopping-cart-table tbody td.unitprice {color: #333; font-weight: normal;letter-spacing: 0;} div.cart-price, td.cart-subtotal {color: #333; font-weight: normal!important;} .price-set .old-price .label, .price-set .old-price .price, .price-set .special-price .label, .price-set .special-price .price {display: inline;} /* Minimal price (as low as) */ .minimal-price { display:block; } .minimal-price .label { font-size:13px!important; } .minimal-price .price { font-size:13px!important; color:#312524; } a.minimal-price-link { display:block; } a.minimal-price-link .label {font-weight: normal!important;color: #666;} a.minimal-price-link .label, a.minimal-price-link .price {display: inline;color:#555!important} /* Including tax / Excluding tax */ .price-including-tax, .price-excluding-tax { display:block; color:#999; } .price-including-tax .label, .price-excluding-tax .label { font-size:13px; } .price-including-tax .price, .price-excluding-tax .price { font-size:13px; color:#485a37} /* 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; } /* 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; font-weight:bold; } /* Price range ------------------*/ /*product listing page*/ .catalog-category-view p.price-to, .upsell .price-box .price-to .price {padding-top: 0;} .catalog-category-view .price-from .price-label, .catalog-category-view .price-from .price, .catalog-category-view .price-to .price-label, .catalog-category-view .price-to .price, .upsell .price-box .price-from .price, .upsell .price-box .price-to .price, .catalog-category-view .price-box span.label, .catalog-category-view .price-box span.price {display: inline!important;float: none!important;} /*product page*/ .price-box-bundle .price-from .price, .upsell .price-box .price-from .price, .upsell .price-box .price-to .price, .price-box-bundle .price-to .price, #product-options-wrapper span.price {font-size: 14px;} /* Price as configured */ .product-options-bottom .price-box {float: left;width: 40%;} .product-options-bottom .add-to-cart-box {float:left;width: 58%;margin: 0;display: block;} .price-as-configured .label {display: inline;} .price-as-configured span.price {font-size: 18px;} .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold;} /* @end */ /* @group Right column, product minibox */ /* sideboxes ====================================*/ .sidebox {margin-bottom: 10px !important;} #bestseller h2, #leftcol .sidebox h2, .box2 h2{display: block;padding: 8px 0 8px 10px;color:#222; line-height: 1.4em;font-size:17px;text-align: left;background: #DFE3EE;text-shadow: 1px 1px #f9f9f9;} #bestseller {border:1px solid #dedede;margin-top:0} #bestseller h2{background: #dedede} #bestseller h3 {background-color:transparent;font-size:15px;padding-bottom:10px;border:0;} #bestseller .back{background-color:#ededed;padding:8px 10px;border-top:1px solid #dedede;line-height:1.4;} #bestseller img{margin:0 auto 10px auto} #bestseller img, #bestseller li {text-align:center;display:block} #bestseller li {;padding:15px 0;clear: both;border-bottom:1px solid #dedede;overflow:hidden;} .catalog-category-view #bestseller h3 {font-size:18px;margin:0;} .catalog-category-view #bestseller img {margin:10px 0;;} .catalog-category-view #bestseller h2 {border-top:1px solid #dedede;padding:10px 20px;font-size:20px;} .catalog-category-view #bestseller h2 span {font-weight:normal} .catalog-category-view #bestseller {/*border:0;*/margin-top:15px;} .catalog-category-view #bestseller li {display:table-cell;width: 22%;padding: 10px 2% 20px 2%;border-right:1px solid #dedede;;border-bottom:0;background-color:#fff;text-align:left;} .catalog-category-view #bestseller li:last-child {border-right:0!important;} #bestseller li:last-child {border-bottom:0;} /*#bestseller li button {margin:5px auto;}*/ #bestseller .price-box, #bestseller button, .grid-item button, .grid-item .price-box {float:left;} #bestseller .price-box, .grid-item .price-box {width:40%;} /*contact us page ******************************************************** */ .cms-home #leftcol .sidebox h3 {padding: 10px;} #leftcol .sidebox, .sidebox, .sidebar{overflow: hidden; display: block;background:#fff;clear: both;border: 1px solid #dedede;} .sidebar h2, .sidebar h3, .sidebar h4, #checkout-progress dt {padding: 15px;background:#DEDEDE;font-size: 18px;} .sidebar ul, .sidebox ol {padding: 15px 15px 0 15px} .sidebar p {padding: 15px 5px 0 15px} /*.contacts-index-index .group-select button {;width: 88px;height: 50px;border: none;}*/ .contacts-index-index .group-select h3 span {color:#87140A!important} .contacts-index-index .group-select h3 {margin-top: 25px;color:#7d7d7d ;padding-bottom: 15px;} .contacts-index-index .sidebar li {background: url(../images/base_images/icon_set2.png) no-repeat; padding-left: 50px;padding-bottom: 19px;margin-top: 5px;} .contacts-index-index .sidebar li.tel {background-position:0 top;} .contacts-index-index .sidebar li.email {background-position: 0 -216px;} .contacts-index-index .sidebar li.address{background-position: 0 -418px;} .contacts-index-index .sidebar li.twitter{background-position: 0 -313px;} .contacts-index-index .sidebar li.facebook{background-position: 0 -108px;} /*left/right navigation*/ /* mini-cart */ /* mini-compare-products catalog > compare > sidebar.phtml */ ul#compare-items {overflow: hidden;padding-top:6px;border-top:1px solid #dedede} ul#compare-items li {padding:8px; border-bottom:1px solid #ededed;display: block;clear: both;line-height: 1.4em;} .mini-compare-products .btn-remove {float: left;width: 18px;margin: 3px 5px 10px 0 ;} .mini-compare-products .btn-actions {background:#fafafa;text-align:right;padding:5px 10px;} .mini-compare-products span.edit {padding-right: 20px;font-weight: normal;} .mini-compare-products span.edit {font-size:14px} /* Recently View Products */ ol#recently-viewed-items, ol#recently-compared-items {padding:15px 0 0 15px;overflow: hidden;margin:0!important;} ol#recently-viewed-items li {margin: 0 10px 10px 0;display:inline-block;} ol#recently-viewed-items li a, ol#recently-compared-items li a {border: 1px solid #fff;display:inline-block;} ol#recently-viewed-items li a:hover {background:#fff;border: 1px solid #C97F14} /* Recently Compared Items */ ol#recently-compared-items li {font-size:13px;margin: 5px;border: 1px dashed #F7F7F7;color: #d5c57d;width: 80px;float: left;} /* mini-related-items */ .mini-related-items p {padding: 8px 10px 5px 10px;text-align: left;} .mini-related-items ul {margin-top: 0px!important; overflow: hidden;} .mini-related-items ul li{padding:5px 0!important;overflow: hidden;border-top: 1px solid #ededed; min-height: 7em;margin-bottom: 5px;position: relative;} .mini-related-items .product-images {width: 55px;float: left;margin:5px 0 10px 10px;} .mini-related-items ul li:first-child {border:0;} /*.mini-related-items .product-images input {margin-top: 10px!important;}*/ .mini-related-items .product-details { width: 52%;float: left;padding-left:10px;padding-right: 10px;} #leftcol .mini-related-items .product-details h3{font-size: 15px;padding-top: 0;margin-top: 0;} .mini-related-items .related-checkbox {position: absolute;right: 0;top: 0;;margin-top: 5px;margin-right: 5px;} /* mini-poll, create an account */ #mini-poll legend span{padding-bottom: 10px;} #pollForm {padding: 10px;background: url(../images/base_images/left-bg.png) repeat-y left bottom;} #mini-poll div {overflow: hidden;clear: both;padding:3px 0;border-bottom: 1px dashed #e8e8e8;} #mini-poll input {width: 5%;float:left;margin: 3px 5px 5px 3px;} #mini-poll label {float:right;width: 82%;margin-right: 0; line-height: 1.5;font-weight: normal;} #mini-poll p {text-align: left;padding: 5px 10px;} #mini-poll table {margin: 10px;width: 90%;border-left: 1px dashed #b5bf85;border-top: 1px dashed #b5bf85;} #mini-poll td {font-weight: normal;border-bottom: 1px dashed #b5bf85;border-right: 1px dashed #b5bf85;} #mini-poll td.label {border-right:0;} /* customer register page - create an account */ .acct-login div.input-box {display: block;clear: both;margin-left: 10px;} .tickbox {border: none!important;width: 15px!important;padding: 2px;margin-right: 5px;} .a-center {text-align: center;} /* registered-users ******************************************************** */ /*.box2 p {padding-top: 15px;font-size: .9em}*/ .box2 .btn {margin-bottom: 15px;} .dashboard .set-minheight2 {border-top: none;width: 100%;} /* shipping/billing/contact us forms ======================================= */ .disc { margin-bottom:10px; } .disc li { margin-left:40px;margin-right: 10px; list-style:disc;padding-bottom:6px;line-height: 1.45em} /* Form Messages ======================================= */ .validation-advice, .required { color:#e21; } .validation-advice { clear:both;text-align:left; min-height:1em; background:url(../images/base_images/icons-group.png) no-repeat -345px -72px;margin-top:5px; padding-left:25px; font-size:14px; font-weight:bold; line-height:1.25em; } .validation-failed { border:1px dashed #EB340A !important; background:#faebe7 !important;margin-bottom:5px; } label.required {font-weight:bold;} p.required { font-size:14px!important;padding-top:15px;padding-bottom:10px; color: #e21 !important; display: block; clear: both; } span.required {font-size: 1.2em!important;} /********************** Advanced Search */ .catalogsearch-advanced-result .dashboard{margin:10px 25px 0 25px;border:1px solid #dedede;padding:0;border-bottom:0;} .catalogsearch-advanced-result .pager{border-bottom:1px solid #dedede} .catalogsearch-advanced-result .adv-result {padding:15px 25px 0 25px;overflow:hidden;} .advanced-search button {float: right;margin: 0 35px 25px 0;} .advanced-search {margin:5px 20px;} .advanced-search select {width:80%;padding:8px; margin:2px 5px 8px 0px;line-height: 2.5em;} .advanced-search option {padding: 2px;} .advanced-search div.field-row input, .advanced-search div.field-row label {width:35%!important} .advanced-search ul {padding: 10px 0} .advanced-search li {float: left;width: 45%;margin-bottom: 15px;} .advanced-search li input, .advanced-search li label {display: block;} .advanced-search li:nth-child(3n+1) {clear:both;} .advanced-search li input {width: 83%;} .advanced-search li label {text-transform: capitalize;} .field-row {font-size: 13px;} .advanced-search .range .input-text {width:24%; float: none;} #advanced-search-list {padding-bottom: 15px;} #advanced-search-list li {clear: both!important;} .advanced-search-nothing-found { font-weight: bold; color: #df280a; margin-bottom: 10px; margin-left: 20px; } .advanced-search-found-amount {margin-bottom: 15px;} .advanced-search-summary-tip { clear: both;color: #474747;font-weight: bold;margin-bottom: 10px;} .advanced-search-summary-box { background-color:#ededed;padding:10px 15px;margin-bottom:20px;float:left;} .advanced-search-summary-box li span { padding-left: 10px;color: #474747} /* @end */ /* @group table data */ /********************* Tables */ .aright {border-right:1px solid #DEDEDE;text-align: right;} a-right {text-align: right!important;} table {width: 100%;color: #352b29;text-transform: capitalize;border-collapse: collapse;} table, th, td {border: 1px solid #DEDEDE} #product-list-table {border-right: 0;} td {color: #352b29;} td input {width: 20px;margin-right: 5px;} td.label { font-weight:bold; } td.a-right {text-align: right;} th, td {padding: 10px;vertical-align: top;} /* Data Table */ .data-table { width:100%; } th.product {width: 15%;} th.second {width: 35%;} th.date {width: 10%;} th.btn {width: 15%;} th.qty {width: 10%;text-align: center;} td .qty {text-align: center;} .data-table .odd { /*background:#f8f7f5;*/ } th { background:#F7F7F7;} .data-table thead tr th, .data-table tfoot td, .data-table tfoot tr.first {border-bottom:1px solid #DEDEDE} .data-table tfoot tr {border-bottom:1px solid #DEDEDE} sales-order-invoice {width: 97%;margin-left: 10px;} /* compare product table =============================================*/ .print {position:absolute;right:0;margin:22px 45px 0 0;font-size:16px;} #product_comparison {width: 98%;margin: 1%;} .compare-products {margin: 10px 25px;padding: 20px 20px 50px 20px;background: #fff;position:relative;} .compare-products h1 {margin: 0 10px;color: #222!important;text-align:left;} .compare-products .product-info {float: left;width: 45%;margin-left: 20px;padding-top: 10px;} .compare-products .product-info h2 {padding-bottom: 10px;} #product_comparison img{margin-top: 10px;margin-bottom: 10px;margin-left: 0;float: left;} #product_comparison th {text-align:left;vertical-align:top;font-size:14px!important;} #product_comparison td:first-child {width: 12%;} #product_comparison td{text-align: left;width:25%;padding: 10px 20px} #product_comparison td button {display: block;clear: both;margin-bottom: 10px;float: left;} #product_comparison td span .related-add-wishlist {padding-left: 5px;clear: both;font-size: 12px;} #product_comparison td span {clear: both;display: block;} /* get product attribute - attribute.phtml */ table#product-attribute-specs-table {width: 96%;margin-top: 10px;} table#product-attribute-specs-table td {font-size: .9em; font-weight:bold;} .data-attribute .label {font-weight: normal; width:34%;text-align: left;padding-left: 10px; line-height: 30px;} .data-attribute .data {width: 65%;padding-left: 10px;} .data-attribute .data .disc li {margin-left: 15px;} .data-attribute .data strong {font-weight:normal;} /* share with upsell, cross-sell and related products */ /* Generic Product Grid */ /*Bestseller CMS page*/ /* Grid mode - shared with all listings ========================================= */ /*.cms-corganic-best-selling-roducts #content-alt > .cms {height:1px;}*/ .bestsellering{border:1px solid #dedede;overflow:hidden;border-right:0;border-bottom:0;} /*.bestsellering .grid-item {display:block ;width:21%;padding:20px 2% 15px 2%;float:left}*/ .grid-item {display:table-cell;width: 20%;padding: 10px 2% 20px 2%;border-right:1px solid #dedede;;border-bottom:1px solid #dedede;background-color:#fff; /*width:160px\9; padding:5px 10px 20px 15px\9*/} .grid-item h2.product-name {background:fff!important; padding-bottom:10px;} .bestsellering .grid-item img {margin:5px 0 10px 0} aside .grid-item {overflow:hidden;padding:15px 2% 10px 2%;text-align:center; } aside .grid-item img{margin:5px auto;} /*.grid-item {overflow:hidden;float: left;width:21%;padding:15px 2% 10px 2%;text-align:center; }*/ .bestsellering ul.add-to li a {padding:3px 5px;display:block;text-align:center;margin:0 auto;float:none;} /*.gallery-index-index .gridview .item,*/ /* View Type: Grid */ /* Grid mode */ .grid-listing {border-collapse:collapse;display:table;border: 1px solid #DEDEDE;border-top:0;} .gridview {display:table-row;margin:0;padding:0; float:none; } .gridview li {display:table-cell;width: 22%;border-right:1px solid #dedede;;border-bottom:1px solid #dedede;background-color:#fff; /*width:160px\9; padding:5px 10px 20px 15px\9*/} .gridview li > article { padding: 10px 4% 20px; } ul.gridview li.last {border-right:0} .gridview li h2 {white-space:normal} .gridview li p {padding-bottom: 10px;padding-top: 10px;} .gridview img{margin: 0 auto;} .listing-product-name { color: #811508; font-family: arial; font-size: 16px; margin: 10px 0 0; line-height: 20px; } .shortdescription { line-height: 18px; margin: 3px 0 10px; padding: 0 !important; min-height:38px; font-size:13px; } .gridview .price-box { margin:5px 0;width:46%;text-align:left;} .gridview .availability { line-height:21px; } .gridview .price-box , .gridview button {display:block;margin:0 0 15px 0;float:left;} /*.product-info-box {padding: 10px;min-height: 40em;} .product-info-box .short-description {font-weight: normal;line-height:1.35em;text-transform: none;margin-top:15px;}*/ /*ul.gridview li.last {margin-right: 0;;} .gridview { width:97%;overflow: hidden;margin-top: 10px;padding-left: 3%;} .gridview li {float: left;width: 21%;margin-right: 3%;padding: 10px 8px 10px 0} .gridview li p {padding-bottom: 10px;padding-top: 10px;} .gridview li.last {margin-right: 1%;} .gridview.last { border-bottom:0; } .gridview.even {border-top: 1px solid #ededed;} .gridview img{ display:block; width:135px; height:135px; margin:10px 0 } .gridview .price-box { margin:5px 0; } .gridview .availability { line-height:21px; }*/ /* error Messages** ****************************** */ .success { color:#3d6611;} .error { color:#fff; } .notice {color:#e26703;} .success, .error { font-weight:bold; } /*.message {position:absolute;}*/ .error-msg span, .success-msg span, .notice-msg span, .note-msg span{font-size:17px!important; display:block; padding-left: 50px} .cms-home .success-msg {margin:0 0 0 0 !important;} .dashboard .success-msg span {padding-left:50px} .cms-home .success-msg span {padding-left: 33px} .error-msg, .success-msg, .notice-msg, .note-msg { display:block;box-shadow: 1px 2px 3px #ddd; /*margin:5px !important;*/ background: url(../images/base_images/icon-msg-set2.png) no-repeat; padding-top:16px;padding-bottom:16px; /*border-style:solid !important; border-width:1px !important;*/ /*padding:12px 8px 3px 50px !important;*/ font-size:17px !important; font-weight:bold !important;} /*.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; }*/ .error-msg {background-color:#ff3333; background-position:14px -103px!important; color:#fff; } .success-msg { /*border-color:#446423;*/background-color:#BBFABA; color:#3d6611; background-position:-120px -13px !important; } .notice-msg, .note-msg { /*border-color:#d47f00;*/ color:#333;background-color:#ffff99; background-position:-50px -64px!important;} .note-msg{padding-left:55px;} /* cart and onepage checkout ===========================================*/ .onestepcheckout-index-index h1 {padding-left:0;} .onestepcheckout-index-index h1, .checkout-cart-index h1 {text-shadow:1px 1px #fffff;padding-top:28px;padding: 30px 25px;} .checkout-cart-index #content-alt .dashboard {padding:0;min-height:30em;} table#shopping-cart-totals-table { margin-top: 15px;margin-bottom: 5px; text-align: right; } table#shoping-cart-totals-table td .price {display: block;} table#shopping-cart-totals-table td, #shopping-cart-table {padding-top: 10px;position: relative;z-index: 20;} #shopping-cart-table tfoot tr td, .cross-sell{border-bottom: 0;} #shopping-cart-table .first {width:55px;} #shopping-cart-table th {font-size:13px;} #shopping-cart-table th, #shopping-cart-table td {border:0;border-bottom:1px solid #dedede;} #shopping-cart-table td h2.product-name a {font-size:15px!important;} td img.delete {margin-top: 5px;} .shopping-cart-totals {width:37%;margin-right: 5px;float: right;margin-top: -11px;} tr.total {font-size: 1.2em;width: 45%;} .checkout-cart-index #content-alt .button-set {padding-bottom:5px;padding-top:10px;} #shopping-cart-table th.a-right {text-align:right;} .btn-remove {display: block;width: 18px;height: 18px;background: transparent url(../images/base_images/icons-group.png) no-repeat -348px -1px;padding-top:5px;text-indent: -99999px;} /*checkout types*/ .checkout-types li {clear: both;} .checkout-types li img, .checkout-types li fieldset{float: right;margin-top: 10px} /* coupon codes ===========================================*/ .shopping-cart-collaterals {width: 100%;overflow: hidden;padding-top:15px;} .cross-sell h2, .make-shipping-estimate h2, .discount-codes h2 {padding:8px 5px 8px 15px;background:#DFE3EE; font-size:16px;border-bottom:1px solid #dedede;} .discount-codes{padding-bottom:10px;} #getcode {margin-right: 20px} .discount-codes label {padding:10px;display:block;} /*make coupon code input field longer */ #remove-coupon, #coupon_code {width:60%;margin: 0 10px 5px 10px;} .customer-account-logoutsuccess .cms p, .cart-empty {padding:25px;} /*shipping-estimate and tax ===========================================*/ .make-shipping-estimate{width: 45%;float:left;padding-bottom: 15px; clear:none;} .shipping-estimate legend span { font-size:16px!important;font-weight:bold;} .shipping-estimate fieldset {margin-left:15px ;} .shipping-estimate option, .shipping-estimate select, .shipping-estimate input {width: 90%;margin-top:6px;margin-bottom:10px;margin-right:6px;} .shipping-estimate option{width: 100%;} .shipping-estimate label{padding-bottom:10px;} .shipping-estimate input {text-align: left; float: none} .shipping-estimate input, .shipping-estimate select , .shipping-estimate label {clear:both;} .shipping-estimate legend span{font-size: 15px} .shipping-estimate legend span {padding: 13px 15px 10px 0} /*proceed to checkout ===========================================*/ /** Table rates ===========================================*/ .checkout-cart-index .shipment-methods {border-top:1px solid #ddd;} .checkout-cart-index .shipment-methods dt {padding-left:0;} .shipment-methods {margin: 15px 0 0 0} .shipment-methods dt {padding: 10px 5px 3px 12px;font-weight: bold;display: block;} .shipment-methods dd { } .shipment-methods dd input {line-height: 2em;width: 15px!important;margin-top:6px;float:left;} .shipment-methods dd label {line-height: 1.5em;margin-left: 5px; text-align: left!important;width: 95%;} .shipment-methods button {margin-left:0;} /* crosssell at cart.phtml > content column ===========================================*/ .crosssell-wrap {width:62%;overflow: hidden;float: left} .cross-sell {float:left;width:49%;margin:0 20px 10px 0;overflow: hidden;} .crosssell-wrap .cross-sell .product-details {float:left;margin-left:10px;width:58%;} .cross-sell p.recommendations {display:block;padding:5px 15px;font-weight: bold;border-bottom:1px solid #F7F7F7;margin-bottom: 10px;background: #ededed;} .cross-sell .crossell-list li {padding:8px;white-space: normal; border-bottom:1px solid #dedede;} .cross-sell .crossell-list h3 {font-size:15px;} .crossell-list .price-box {margin-left:5px;} .cross-sell .crossell-list .product-image {display: block;margin: 5px auto;float:left;} /* @end */ /*share with other checkbox/radio button select*/ .formlist {margin-bottom: 10px;overflow: hidden;clear: both;margin-left: 35px} .formlist li{display: block;clear: both;margin-left: 35px;margin-bottom: 5px;} div.input-box label, div.input-box-full {display: block} /** OPC step 2/3, Billing and shipping *****************************************/ .form_wrap {padding:0 15px 15px 20px;overflow:hidden} .input-box {float: left;width: 48%;margin-bottom:15px} div.full {width: 95%} div.input-box-full {margin-bottom:10px;line-height: 1.3em;clear: both;overflow: hidden;} div.input-box-full input{width: 94%;} p.address-selection select {width: 96%;} /* form elements ===================================*/ #sales-guest-form .input-box {clear:both;} .form_wrap .narrow-width {width:60%;} /*.group-select*/.narrow-width{width:80%;} legend span.h4, .group-select legend span.h4 {font-size:18px;line-height:2em;position: relative;margin-bottom:15px;display:block; font-weight:bold;} /*.group-select legend span.h4{padding-top:25px;}*/ .group-select legend > p{padding-bottom:25px!important;} .group-select div.input-box {float: left;width: 45%;margin-right: 10px!important;} div.input-box input {width: 90%;} /*.my-account div.input-box input {width: 92%;}*/ .group-select {padding: 10px 20px;} .group-select .button-set button {margin-top:8px;} .group-select .button-set .set2{margin-top:20px;} /* @group customer login area - my dashboard */ /* customer account login area ===================================*/ /* left colum, My Account navigation */ .account-nav{overflow: hidden; display: block;background:#fff;clear: both;border: 1px solid #dedede;margin-bottom: 10px;} .account-nav li {display: block;border-bottom:1px solid #DEDEDE} .account-nav li a, .account-nav li.on { padding:6px 4px 6px 15px; font-size: .9em; font-weight: bold;} .account-nav li a { display:block; color:#252525;} .account-nav li a:hover, .account-nav li.on a:hover, .account-nav li.on { background:#DFE3EE;text-decoration:none;color: #252525} /* my dashboard ===================================*/ .my-account {padding: 0 20px 25px 20px;} .my-account h1 {margin-left: -20px!important;margin-right: -20px!important;margin-bottom:20px;} .my-account p.edit {padding-top: 25px;} .dashboard {padding:15px 15px 15px 10px;overflow: hidden;} .customer-address-index .my-account h2, .my-account h2.acct-info {margin-top: 10px;display: block; padding: 8px 18px;font-size: 18px;background: #f7f7f7; border: 1px solid #DEDEDE} .box, #product-view .my-account .box1, #product-view .my-account .box2{width: 44%; padding: 0 15px 5px 15px;margin-top: 10px;border: 1px solid #DEDEDE; background: #F7F7F7;} .box, #product-view .my-account .box1 {float: left;} #product-view .my-account .box2 {float: right; margin-right: 0!important;} .my-account .ad-orders .acct-info{ margin-top:25px} .my-account h2 {line-height: 1.4em;} .my-account h3 {/*;*/margin-bottom: 15px; color: #222;border-bottom:1px solid #DEDEDE; } .my-account h3, .my-account h4 {font-size: 16px;display: block;padding:12px 5px 10px 0; } #newsletter-sub p.no-subscribe { } /*.my-account .box1 p {padding-top: 0!important;} .my-account p, .my-account address { font-size: 16px/*;padding-bottom: 5px;}*/ #newsletter-sub p.no-subscribe {padding-top: 5px;font-size: 16px} /*.my-account address {padding-top: 0;margin-top: 0;}*/ .my-account .set-minheight, .my-account .set-minheight1 {width: 100%;margin-bottom:10px;} .my-account .set-minheight{min-height: 10em;} .my-account .set-minheight1{min-height: 15em;} .my-account address.box4 {padding: 5px 0 5px 15px;width:46%;float: left;border: none;}/* Additional Address Entries */ .customer-info dt {padding-bottom:5px;} .customer-info dd{} /*customer logged in > my dashboard page*/ .customer-address-index .my-account h2, .customer-account-index h2#acct-info {margin-top:25px;} .address-book {margin-top:15px!important;} .my-account .btn-add-new-address.fright { margin-top: -40px; } .btn-add-new-address {margin-top:13px;margin-right: 10px;} .view-all {float: right; padding: 10px 15px 0 0;} /*Edit Account Information*/ .my-account fieldset.edit-acct, .customer-address-index .edit-acct {background: #fff;border: 1px solid #DEDEDE; padding: 15px;margin-top: 20px;} .customer-address-index .set-minheight1 {margin-top: 5px;} /*customer logged in > Address Book*/ .customer-address-index .dashboard .box1 {margin-right:5px;} .sales-order-view .set-minheight1 {min-height: 14em;margin-top: 5px;} .sales-order-view #my-orders-table td h3 {border-bottom:0;font-size:14px;} #rightcol address {padding: 0px 15px;color:#2C3624;} .dashboard ul li input, .dashboard ul li select {margin-left: 0;} .link-print {background:url(../images/base_images/icon-msg-set2.png) no-repeat 2px -2px;padding-left: 25px;margin-left: 15px;position: relative;z-index: 600;} pleft10 {padding-left: 10px;} .pbtm20{ padding-bottom: 20px!important;} .mright25 {margin-right: 25px!important;} .mleft20 {margin-left: 20px!important;} .mleft10 {margin-left: 10px!important;} .mtop10 {margin-top: 10px;} .mtop15 {margin-top: 22px!important;} .ptop30 {padding-top: 55px;} .mtop30 {margin-top: 30px!important;} /* My Accound > my wishlist > wishlist table */ #wishlist-table {overflow: hidden;} #wishlist-table img {margin:0;} #wishlist-table li .product-details {float: left;width: 75%;margin-left:25px;} #wishlist-table .product-info{float: left} #wishlist-table h2 {margin:0 0 10px 0!important} #wishlist-table .product-info p {text-align: left!important;padding: 0!important;margin: 0!important} #wishlist-table li{display:block;padding:15px 0;overflow: hidden;margin-bottom:8px;position:relative; border-bottom:1px solid #ededed;} #wishlist-table .configured-price {padding-bottom:10px!important;} #wishlist-table .configured-price .price-label {display: block;} #wishlist-table textarea,#share-wishlist textarea{overflow:hidden;clear:both;display:block;margin-top: 10px;margin-bottom: 10px;width:98%;min-height:5em} #wishlist-table input {width:20px;text-align: center;margin-top:10px;margin-right: 3px;} #wishlist-table p.options-details{background-position:right 3px; } /*modified in v1.7*/ #wishlist-table .edit-actions {padding-top: 10px;position:absolute;width:20%;display: block;right:0;top:0;} #wishlist-table .edit-actions p {display: inline-block;} .buttons-set2 {text-align: right;} /*added in v1.7*/ .cart-cell {clear:both;overflow:hidden;position:relative;} .cart-cell button {float:left;margin-top:10px;margin-left:-30px} #wishlist-view-form .cart-cell .buy-btn { margin-top: 12px; } .cart-cell > .price-box {float:left;width:22%;} .add-to-cart-alt{float:left;width:120px;} p.alert-message {padding: 15px;color: #353535} .buttons-set2 button{float:right;margin-left:8px} #my-orders-table {margin-top:10px} p.edit { padding-right: 10px; padding-top: 3px;} .add-to-cart-alt .qty{margin-top:10px!important;} .qty-boxx{ width:48%;overflow:hidden;} .add-to-cart-alt .btn {margin:0px 50px 2px 5px; } /* @end */ /* My order */ dl.order-info {margin: 5px 0 15px 0 ;} dl.order-info dd {padding-top: 5px;font-weight: bold; } dl.order-info dd.date {float: right;color: #555;padding-right: 10px; } /* @group Jquery Tabs*/ #tab{margin:25px 30px 25px 0px;}.ui-tabs-hide {display: none;}ul#tabnav {display: block} /* Hide useless elements in print layouts... */ @media print {.ui-tabs-nav {display: none;}} .ui-tabs-nav {padding: 0} .ui-tabs-nav:after {display: block;clear: both;content: " ";} .ui-tabs-nav li {float: left; margin: 0 0 0 1px;min-width: 100px;}.ui-tabs-nav a, .ui-tabs-nav a span {display: block;} .ui-tabs-nav li a {;font-weight: bold;font-size:0.85em;padding:8px 15px 4px 15px; color: #555; background: #fff url(../images/base_images/v_mbg.png) repeat-x 0 top;text-align: center;text-decoration: none;white-space: nowrap;text-transform: uppercase;border-radius:5px 5px 0 0;text-shadow:1px 1px #fff; border-bottom:1px solid #fff!important; border:1px solid #dedede; } .ui-tabs-nav li:first-child {margin-left:0px;} .ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav a:focus,.ui-tabs-nav a:hover {position: relative; z-index: 2;} .ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;} .ui-tabs-nav a:hover, .ui-tabs-nav .ui-tabs-selected a , .ui-tabs-nav a:focus, .ui-tabs-nav a:active{background-position:left -40px;text-decoration: none;text-transform: uppercase;;overflow:hidden;border-bottom:1px solid #dedede!important;color:#333;}.ui-tabs-disabled { opacity: .4;}.ui-tabs-panel { padding:20px 23px;border-top:none} .ui-tabs-loading em {padding: 0 0 0 20px;background: #fff url(../images/base_images/opc-ajax-loader.gif) no-repeat 0 50%;} .ui-tabs-panel p, .ui-tabs-panel {line-height:1.5;font-size:15px;} .ui-tabs-panel {border-top:1px solid #dedede;} #product_tabs_description ul{ padding:10px 0;} #product_tabs_description ul li { list-style-type:disc;margin:0 0 5px 15px;} #product_tabs_description p { margin-bottom:20px;} /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } .attr-val-featured a {margin-right:5px!important;} .adj-nav .count {padding-left:5px;} div.narrow-by dd a {padding:0px 5px 0px 0px; display:block; float: left;} /*categories*/ span.adj-nav-category-current {font-weight: bold;} span.adj-nav-category-current,div.narrow-by a.adj-nav-pad2,div.narrow-by a.adj-nav-pad3 {padding-left: 0!important;} /*price ranges*/ div.narrow-by a.adj-nav-price-selected {font-weight: bold} /*attributes*/ div.narrow-by a.adj-nav-attribute { padding-left:15px; background:transparent url(../images/base_images/icons-group.png) no-repeat scroll -20px -438px} .catalog-category-view div.narrow-by a.adj-nav-attribute {/*background-position: -20px -438px;*/} div.narrow-by a.adj-nav-attribute-selected {padding-left:15px; background-position:-49px -13px !important; font-weight: bold; } div.narrow-by a.adj-nav-icon {padding:0px 0px 5px 0px;} div.narrow-by a.adj-nav-icon-selected {opacity:0.5} img.adj-icon{padding-right:5px} div.narrow-by a.adj-nav-disabled {color:gray; cursor:wait} div.narrow-by input.adj-nav-disabled {background-color:gray; border:1px solid gray; cursor:wait} div.narrow-by a.adj-nav-clear {float: right; cursor:pointer;} div.narrow-by a.adj-nav-clear span {position: absolute;text-indent: -55555px;} div.adj-nav-slider { position:relative; z-index:9; height:18px; margin:0 auto 5px auto; background:url(../images/base_images/icons-group.png) no-repeat -155px -409px; cursor:pointer; } div.adj-nav-slider div.handle { top:3px; width:14px; height:14px; background: transparent url(../images/base_images/icons-group.png) no-repeat -353px -46px; cursor:move; position: absolute; } #adj-nav-container, div.adj-nav {position:relative} .adj-nav-progress{width:100%;height:100%;background-color:#fff;z-index:500;opacity: 0.6;position:absolute;top:0;left:0;} .adj-nav-progress img{left:45%;top:100px;display:block;position:absolute;} #narrow-by-list .adj-clear-all {float: right;padding-right: 10px;padding-top:7px;text-align:right;font-size:13px;} .narrow-by dt{padding: 5px 15px; background: #f7f7f7;border-bottom:1px solid #E7E0D6;border-top:1px solid #E7E0D6;cursor:pointer; font-size:15px;} div.narrow-by dd li{overflow:hidden;} div.narrow-by dd a {padding: 5px 0;display:block; float: left;} div.narrow-by dd {padding-bottom: 5px;display: block;} div.narrow-by dd ol {padding: 5px 15px} div.narrow-by dd li{overflow:hidden;color: #555;} div.narrow-by dd li a{color: #3B5999; margin-top: 0;padding-top: 0;}.narrow-by dt.adj-nav-dt a.btn-remove{ background: transparent url(../images/base_images/icons-group.png) no-repeat -348px -1px!important;margin-top: 2px;width: 16px;height: 16px;} div.narrow-by dd li a:hover { color: #009DFF; } /*css3 support*/ .my-account fieldset.edit-acct, .customer-address-index .edit-acct, .my-account h2.acct-info, #acct .my-account .box1, #acct .my-account .box2, input, textarea, select, multiselect, .sidebox {-moz-border-radius: 2px;-webkit-border-radius:2px; border-radius: 2px;} #mini-search button,.ac_results {-moz-border-radius: 0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;} .ac_results,button {-moz-box-shadow: 0px 1px 2px #999;-webkit-box-shadow: 0px 1px 2px #999;box-shadow:0px 1px 2px #999} button {-moz-border-radius:8px;-webkit-border-radius:8px; margin-right: 10px !important; border-radius: 8px;} #mini-search-form > button { margin-left: 0; margin-right: 0 !important; } /*.contacts-index-index .group-select button, .ptc-btn,.confirmorder-btn,.buy-btn {-moz-box-shadow:0 0;-webkit-box-shadow:0 0;box-shadow:0 0}*/ @media only screen and (max-width:800px){ select, textarea, .input-box-full input[type='text'], .input-box input[type='text'], .input-box input[type='password']{padding:10px 5px;font-size:17px;} .narrow-width{width:95%;}.retreivedemail, #wrap, #footer_wrap{width:100%;} #leftcol {width: 27%}#product-view {width:72%;} #hdr, /*#menu, */#content,#slideshow, #content-alt {margin:1px 10px 0 10px} #menu{margin:0px 10px 0 10px!important} /* Quick Access - Register | My cart | Checkout ==============================================*/ #quick-access { width:42%} #acct-login {width:58%;background:url(../images/base_images/bg-trans.png) repeat-x;} #slideshow { margin:-52px 10px 0 10px;position: relative;} .searchwrap { float:right;width:68%} #mini-cart{} .bag {background: url(../images/base_images/icons-group.png) no-repeat -320px -131px;/*width:30px;height:33px;*/ /*padding-bottom:10px;*/margin-left:8px;/*height:38px;*/} .bag a{ padding-left:50px!important;} .bag:hover { opacity:0.9} #shopping-cart{width:48%;} .contacts-index-index #rightcol{margin-right:0;width:28%!important} .contacts-index-index .group-select {width: 65%;overflow:hidden;} group-select .form_wrap {padding-top: 0} .group-select div.input-box {float: left;width: 45%;margin-right: 10px!important;} .group-select div.input-box input {width:95%;} .group-select textarea {width:82%;min-height:12em;} .group-select button {margin-right:22%;;clear:both;padding:8px 15px;} .my-account .input-box input {width:90%;} /*#quick-access {margin-right: 9px}*/ #menu h2 { display: block;background:url(../images/base_images/icons-group.png) no-repeat left -321px;width: 200px;position: absolute;left: 0;z-index:10;} #menu ul {margin-left:200px;}#menu h2 span {padding-left:40px;font-size:19px}#menu li span {font-size:20px;line-height:1.2;}#menu li.nav-1 a, #menu li.nav-2 a, #menu li.nav-3 a {padding:10px 15px;width:152px}#menu li {text-align:center;}#menu li li {text-align:left} #menu li.nav-3 a {width:153px} /*headings*/ .catalog-product-view h1 {font-size:22px; padding: 20px 10px 20px 25px} /*product reports*/ ol#recently-viewed-items li{margin-right:0} /*product listing*/ .gridview .price-box {width:auto;} .gridview button {margin-top:5px;} .product-img-box {float: left; display: block;width:220px;margin-right:1px;} #main_image img{width:90%} .catalog-product-view .product-shop {float:left;width:51%; margin-top: 35px;padding-right:0;} /*add wishlist, add review, add compare */ ul.add-to li a {display:block;;padding:5px 10px;margin-bottom:5px;} /*.add-to-cart-box .qty-box {margin: 10px 30px 0px 0}*/ #wishlist-table li .product-details {float: left;width: 70%;margin-left:25px;} .box, #product-view .my-account .box1, #product-view .my-account .box2{ padding: 0 10px 5px 10px;} /*aside elements*/ .mini-related-items .product-details { width: 55%;float: right;padding-right: 10px;} .gridview button {clear:both;margin-top:5px;} /*cart page*/ .cross-sell {width:50%;margin-right:10px} .crosssell-wrap .cross-sell .product-details {width:52%;} /*footer section*/ #mini-newsletter {width:65%;} } @media only screen and (max-width:768px){ #menu li.nav-3 a {padding:10px 15px;} } .cms > h2 { background: none repeat scroll 0 0 #dfe3ee; display: block; font-size: 16px; padding: 10px; } @media only screen and (max-width:360px){ #quick-access ul { max-width: 99%; width: 100% !important; } #quick-access li a {padding: 7px 0 2px 8px;} .catalog-product-view .product-shop { margin-left: 0; } } @media only screen and (max-width:320px){ #quick-access ul { max-width: 99%; width: 100% !important; } .catalog-product-view .product-shop { margin-left: 0; } #quick-access li a {padding: 7px 0 2px 8px;} } /*DAVE--Responsive video. See video.phtml*/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container media, .video-container video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; border: 0 none; } /*DAVE--sign up to be notified back in stock link*/ .alert-stock, .link-stock-alert { float: left; margin-left: 45px; margin-top: 10px; font-size: 15px; } /*DAVE--sign up stock notification button block*/ .amxnotif-block { float: left; width: 450px; } /*DAVE--Product Ratings and Reviews*/ .ratings { font-size: 1px; line-height: 1.25; margin: 7px 0; } .rating-box { background: url("../images/bkg_rating.gif") repeat-x scroll 0 0 transparent; float: left; font-size: 0; height: 13px; line-height: 0; margin-right: 3px; overflow: hidden; text-indent: -999em; width: 69px; } .rating-box .rating { background: url("../images/bkg_rating.gif") repeat-x scroll 0 100% transparent; float: left; height: 13px; } div.rating-box { margin-top: 3px; } div.product-shop { float: left; width: 58%; margin-top: 35px; margin-left: 20px; } input#nickname_field.input-text.required-entry {text-align:left; width: 400px;} input#summary_field.input-text.required-entry {text-align:left; width: 400px;} textarea#review_field.required-entry {font-size: 12px; text-align:left; width: 400px; height: 200px; margin-left: 5px; } label.required {width: 100%; } small.date {margin-bottom: 20px; font-size: 12px;} table.ratings-table {font-size: 55px; } a.nobr {font-size: 12px; } /* Rating */ .no-rating { margin:0; } .ratings {font-size: 11px; line-height: 1.25; margin: 7px 0;} .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating {float: left; height: 13px; background: url(../images/bkg_rating.gif) 0 100% repeat-x;} .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size: 12px; line-height: 1.15; padding: 3px 0; border-style: hidden; background:none; } .ratings-table th { font-weight: bold; padding-right: 8px; border-style: hidden; padding-top: 7px; }