/* ========== STRUCTURE ========== */ * { margin: 0; } /* So you don't unpad certain form elements in some browsers */ html, head, body, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, cite, ul, ol, li, dl, dt, dd, img, form, legend, fieldset, label, table, tr, thead, tbody, tfoot, th, td, caption, em, strong, pre, sup, sub, del, ins, code, dfn, kbd, samp, var, big, small { padding: 0; } body { padding-bottom: 2em; font-family:Georgia,Arial,Times serif; line-height:120%; font-size:.85em; } iframe { border:none} a:link , a:visited, a:active, a:hover {color:#A52315; text-decoration:none;} #map div {} .gmnoprint {} #lo2-left-nav li.map-link {padding:5px 0 7px 8px} #lo2-left-nav li.map-link a {padding:5px 0 7px 0px} h3.map { background:none; border: none; font-size: 20px; padding: 0;} ul.map li { padding:5px 0 0 0;} ul.map li input, ul.map li select { margin-top: 5px;} #news-header{color: #a52315 !IMPORTANT;font-family: Georgia, Arial, Times, serif !IMPORTANT;font-size: 25px !IMPORTANT;text-align: center;font-weight: normal; width:380px; padding:16px 0 0 0 !IMPORTANT;} #loading {position: absolute; top: 20px; left: 310px; background: url("../images/progress-running.gif") no-repeat 5px 7px #fff;padding:0 0 0 30px; line-height: 29px; width: 60px; height: 30px; font-weight: bolder; color: red;} .left {float:left;} .right {float:right;} /* ========== NAV ========== */ #lo-nav { background-color: #a52315; height: 35px; text-align: center;} #lo-nav ul {margin: 0 auto;width: 950px;font-family: Georgia, Arial, Times, serif;font-size: 16px;color: #fff;padding-top: 8px;} #lo-nav li {display: inline;padding: 9px 0 8px 0; text-align: center;} #lo-nav li:hover {background-color: #fcf4d6;} #lo-nav a {color: #fff;text-decoration: none;padding:8px 18px 7px 18px;} #lo-nav a:hover {color: #000;} #lo-home-header {background-image:url('../images/vine-bg.gif'); background-position: top left; background-repeat: no-repeat; width: 950px; margin: 0 auto; padding:5px 0 35px; height:90px;} #lo-flash-content { width: 950px; height: 251px; margin: 0 auto; clear:both; background-image: url('../images/bg-flash-placeholder.jpg'); background-repeat: no-repeat; position: relative;} #heading-home {position: absolute; top: 40px; left: 350px; width: 345px; } #heading-home h1 {text-align: left; padding-left: 30px; padding-right: 30px; } #heading-home p {color: #797979; font-size: 15px; } #home-slideshow { position: absolute; left: 680px; top: 4px; width: 235px; } #lo-content-stripe {background-color: #f7eed4;height: 295px;} #lo-content {width: 950px;margin: 0 auto; border-left:3px solid #f2e2b2; border-right: 3px solid #f2e2b2; height: 295px; background:url('../images/home-dyn-content-bkgrnd.gif') top left no-repeat; } #lo-content-main {width: 950px;margin: 0 auto;} /*#lo-banner {height: 87px;background-color: #f2e2b2;background-image: url('../images/top-left-callout.jpg');background-repeat: no-repeat;background-position: top left;}*/ #lo-banner h1 {float: left; padding-right: 10px; padding-top: 13px;} h2 {color: #b75629;font-family: Georgia, Arial, Times, serif;font-size: 35px;font-weight: normal;} #lo-banner h2 {float: right;padding: 16px 15px 5px 15px;background-color: #f7eed4;margin: 3px 20px 0 0;} .smaller {font-size: 21px;} #lo-banner p {color: #7f564b; font-family: Geneva,Georgia,Arial,Times,serif; font-size: 12px;padding: 20px 10px 0 10px;} .lo-left-col {width: 390px; display:inline-block; padding-top:30px; height:29px} .lo-left-col h2 {line-height: 22px; font-size: 22px; } #pop-out {width: 360px; float:left;margin: 0 17px 0 0;margin-top:0px; height: 205px; display:inline;} #pop-out p {font-family: Geneva,Georgia,Arial,Times,serif;font-size: 12px; padding-left: 15px; color: #201e1e;} img {border: 0;display: block;} #pop-out img {float: right;} .lo-right-col {width: 560px;float: right;} .lo-right-col h4 { color: #000;} * html .lo-right-col {width: 555px;} /* ========== FOOTER ========== */ #lo-footer {width: 950px;margin: 0 auto;clear: both;} #lo-footer ul {margin-top: 20px;padding-bottom: 10px;} #lo-footer li {display: inline;color: #666;font-family: Georgia,Arial,Times;border-left: 1px solid #bbbbbb;padding:0 4px;} #lo-footer li.first { border:none; } #lo-footer a {color: #797979;text-decoration: none;} #lo-footer p {color: #797979;font-family: ,Georgia,Arial,Times;} #lo-footer .lo-right-col p {float: right;padding: 0px 30px 0 0;} #credits { font-size: 13px;} /*input {margin-left: 5px;}*/ .lo2-footer { border-top: 1px solid #F0E8C5; margin-top:20px !important;} /*.lo2-footer input { margin-top:40px;}*/ /* ========== BLOCK LEVEL AND CORE CONTENT ELEMENTS ========== */ h1 {color: #a52315;font-family: Georgia, Arial, Times, serif;font-size: 25px;text-align: right;font-weight: normal;} p {} .topleft-pad {padding: 97px 0 0 11px; } /* ========== PRODUCTS ========== */ .lo-product { display: inline; float: left; padding: 0 20px;} #lo-product-wrapper { padding: 8px 0 0 0; width:540px; margin-left:5px;} #lo-mid-borders { border-left: 1px solid #eec15f; border-right: 1px solid #eec15f; padding: 0 30px;} /* ========== THREE-COLUMN-INNER-PAGE ========== */ .one_wide,.three_wide {float: left;display: inline;margin-left: 0;} .one_wide{width:195px;} .three_wide{width:552px;} .clear{clear:both;} #lo2-content {width: 950px; margin: 0 auto; padding-top:20px;} #lo2-left-col {margin:0;} #lo2-center-col { margin-top:40px;} #lo2-right-col {margin-left:10px; padding-top: 40px;} #lo2-right-col-blog { padding:5px 0 10px 18px; } #lo2-header {width:950px; margin: 0 auto; background-image: url('../images/nav-bottom.gif'); background-position: top center; background-repeat: no-repeat; padding:20px 0 20px 0; } #logo {height:73px; padding:15px 0 2px 1px;} #lo2-left-nav ul{ list-style-type:none;} #lo2-left-nav li {padding: 5px 0 7px 14px;} #lo2-left-nav li:hover {background-color: #f2e8db;} #lo2-left-nav li a {color:#a52315; text-decoration: none; padding: 5px 0 7px 2px; font-family: Georgia, Arial,Times, serif;font-size: 14px;} #lo2-left-nav { background-image: url('../images/block-gradient.jpg'); background-position: top center; background-repeat: repeat-x; width: 179px; border-left: 1px solid #f0e8c5; border-right: 1px solid #f0e8c5; background-color: #fcfff9; } .lo-block { background-color: #fcfff9; margin:0; width: 178px; border-left: 2px solid #f0e8c5; border-right: 2px solid #f0e8c5; background-image: url('../images/block-gradient.jpg'); background-position: top left; background-repeat: repeat-x;} .lo-block ul { list-style-type:none; padding: 10px 0 0 10px;} .lo-block ol { padding: 10px 0 0 6px;} .lo-block ol li { color:#a52315} .lo-block li { color: #959694; font-family: Georgia,Arial,Times serif; font-size: 14px; padding:5px 0px 7px 0px;} .lo-block li.on { color:black; } .lo-block a {color: #7C7C7B; text-decoration: none;} .lo-block a:hover { color:#A52315; } h3 { background-image:url('../images/block-header-gold.gif'); background-repeat: repeat-x; color: #9f1910; font-weight: normal; padding:3px 0 0 10px; font-family:Georgia,Arial,Times,serif; height:26px; font-size: 16px;} h4 , .lo-new-product-name { color: #a52315; font-family: Georgia, Arial, Times, serif; font-size: 14px; font-weight: normal; padding: 10px 0 10px 10px;} .price { font-size: 14px; font-family: Georgia, Arial, Times, serif; padding: 2px 0 0 10px; color: #4c4c4c;} #lo2-center-col {background-image:url('../images/center-col-glow-lines.gif'); background-repeat: repeat-y; width:551px; } #lo2-center-col-blog {background-image:url('../images/center-col-glow.gif'); background-repeat: repeat-y; width:551px; } #lo2-center-col-bottom {background-image:url('../images/bottom-glow.png'); background-position: bottom center; background-repeat: no-repeat; width: 551px; height: 23px; clear:both} #lo2-center-col li {display: inline; float: left; padding: 0; width:180px; } #lo2-banner { background-image: url('../images/category-banner.gif'); background-position: top center; background-repeat: no-repeat; margin-left: 1px;} #lo2-banner h2 {padding: 20px 15px 14px 25px; } #lo-blog-wrapper { padding:0 25px; } .lo2-nav-blocktop { background: url('../images/nav-block-top.gif') no-repeat top left; height: 10px; overflow:hidden; } .lo2-blocktop { background: url('../images/blocktop-gold-4.gif') no-repeat top left; height:8px; width: 185px; overflow:hidden; } .lo2-blockbottom {background-image: url('../images/block-bottom.gif'); background-position: top center; background-repeat: no-repeat; height:8px; margin:0 0 25px 0; width:182px; } .reviewed-items img {padding: 10px 0 0 5px;} #new-item img { padding:15px 0 0 17px;} #lo2-product-wrapper { padding-left: 0px;} .lo2-product { width: 175px; float: left; position:relative; height:275px;} .lo2-product img {margin:auto;} #lo2-borders { border-left: 1px solid #F0E8C5; border-right: 1px solid #F0E8C5;} .stars {float: right; margin-right: 20px; padding-top: 0px !important;} .arrow { background-image: url('../images/red-arrow.gif'); background-position: center right; background-repeat: no-repeat; margin-right: 72px;} .bar {padding: 3px 0;} #lo3-col-content {width: 950px; margin: 0 auto; padding-top:20px;} #lo2-col-content {width: 950px; margin: 0 auto; padding-top:20px;} .lo-two-wide {float:left; width:747px} .lo-two-column-top { background:url(../images/wide-column-top.gif) no-repeat; width:747px; height:16px; overflow:hidden; } .lo-two-column-bottom { background:url(../images/wide-column-bottom.gif) no-repeat; width:747px; height:20px} .lo-wide-column {background:url(../images/wide-column-background.gif) repeat-y; width:747px;} .lo-wide-column-content{padding:10px 25px} /************************************************************/ #lo-home-prod-slider {width: 560px;float: right;} #lo-home-prod-slider h4 { color: #000;} /* html .home-prod-slider {width: 555px;}*/ div.lo-footer-newsletter-join{width: 390px;float:right; padding-top:10px; } .lo-newsletter-join{ background:transparent url(../images/join.jpg) no-repeat ; height:16px; width:52px; border:none;} fieldset.lo-footer-newsletter-join {float:right} lable.lo-footer-newsletter-join { color:#797979 !important;} #search-box { float:right; position:relative} #lo-mini-search { background:url(../images/search-border2.gif) repeat-x top; width:425px; padding:18px 22px 0 0 } fieldset.lo-mini-search {width:315px; margin:auto} input.lo-mini-search-input { border: solid 1px #a52315; background:#fcf4d6; font-size:12px; padding:2px} label.lo-mini-search{ color:#666666; font-weight:normal; font-size:13px; margin:2px 0} span.lo-mini-search{} #lo-account-links { padding:0; text-align:center} #lo-account-links ul {} #lo-account-links li { display:inline; text-transform:uppercase; font-size:12px; font-stretch:expanded} #lo-account-links a:link, #lo-account-links a:visited, #lo-account-links a:active, #lo-account-links a:hover {color:#a52315; text-decoration:none;} div.lo-home-products-top{width: 560px;float: right;} div.lo-home-products-bottom{width: 560px;float: right;} div.lo-footer-links{width: 550px;} #lo-messages {} #lo-cart-info {margin-right:0;} #lo-cart-info p {color:#999; font-size:.8em; text-align:center } #lo-cart-info a:link ,#lo-cart-info a:visited, #lo-cart-info a:active, #lo-cart-info a:hover { color:#999; text-decoration:none} #lo-cart-info span { padding:0; color:#999; font-size:.9em} #lo-mini-cart{border:solid 1px #333333; z-index:500; padding:25px; position:absolute; top:10px; left:0px; background:#ffffff; width:396px } /* Product Detail */ /* .lo-price-rating{} .lo-regular-price {font-size: 22px; font-family: Georgia, Arial, Times, serif; padding: 2px 0; color: #4c4c4c;} */ div.lo-product-name { padding:10px; line-height:1.10em} a.lo-product-name:link , a.lo-product-name:visited, a.lo-product-name:active, a.lo-product-name:hover {color:#A52315; text-decoration:none; font-size:.85em} h3.lo-product-detail-name { margin-bottom:.3em; color:#A52315; font-size:1.6em; background:none; padding:0; height:auto;} .lo-prod-price-overvew{width:350px} .lo-prod-detail-price { font-size: 22px; font-family: Georgia, Arial, Times, serif; padding: 2px 0; color: #4c4c4c; width:75px; float:left} /*.lo-prod-overview{width:220px; border-left:solid 2px #c4c4c4;font-size: 22px; color: #4c4c4c;padding:9px 0 0 17px; float:left }*/ .lo-prod-overview{display:block; margin-top:10px } .lo-short-description{display:block; margin-top:10px } .lo-product-options{margin-top:10px} .lo-product-options-bottom {} .lo-required{align:left; padding-top:5px;color:#EB340A;} .lo-reg-price { font-size:16px; font-weight:bold;} .lo-grid-row {margin-bottom:10px; clear:both} .regular-price{ float:left} .lo-ratings { float:right; padding-right:15px; } div.lo-prod-list-price {float:left; padding-left:15px; font-size: 14px; font-family: Georgia, Arial, Times, serif; color: #4c4c4c; } a.lo-product-list-image:link, a.lo-product-list-image:visited, a.lo-product-list-image:active, a.lo-product-list-image:hover { color:#FFFFFF; margin:0 0 0 10px; padding:0;} #lo-related ,#lo-upsell { border-top: 2px dotted #A52315; width:100%; margin-top:10px} /*.lo-related-content{ width:100%; background:url(../images/related-background.gif) repeat-y ;}*/ .lo-related-content{ width:100%;} .lo-related-content ul {} .lo-related-content li {display: inline; float: left; padding: 0; width:110px;} .lo-related-item { padding:5px} img.lo-related-product-images { margin:auto} .lo-related-product-details { text-align:center; margin-top:5px} .lo-ingredient-box p { font-style:italic; font-size:13px} #track_hint p{ font-size:10px} /*****************Category Banners**********************/ #lo2-default { background-image: url('../images/catalog-banner.jpg'); background-position: top center; background-repeat: no-repeat; height: 129px; margin-left: 1px;} #lo2-health { background-image: url('../images/health-banner.jpg'); background-position: top center; background-repeat: no-repeat; height: 129px; margin-left: 1px;} #lo2-cooks { background-image: url('../images/cooks-banner.jpg'); background-position: top center; background-repeat: no-repeat; height: 129px; margin-left: 1px;} #lo2-news { background-image: url('../images/news-banner.jpg'); background-position: top center; background-repeat: no-repeat; height: 129px; margin-left: 1px;} .js-over-click{ display:block; cursor:pointer} #lo-one-column-top { background:url(../images/wide-column-top-red-2.gif) no-repeat; width:950px; height:40px;} #lo-one-column-content {width:916px; margin-left:1px; border-left:solid 1px #F0E8C5; border-right:solid 1px #F0E8C5; padding:15px} #lo-one-column-bottom { background:url(../images/1-column-wide-round-bottom.gif) no-repeat; width:950px; height:8px; } .lo-one-column-h3 { background:none !important; color: #fff; font-weight: normal; padding:10px 0 0 10px; font-family:Georgia,Arial,Times,serif; height:26px; font-size: 22px;} #cart-sidebar li {border-bottom: solid 1px #CCCCCC} #lo-cart-content {width:717px; margin-left:1px; border-left:solid 1px #F0E8C5; border-right:solid 1px #F0E8C5; padding:15px} th.lo-th { background:none #F0E8C5 !important} div.accordion-toggle { background:none; cursor:pointer; color:#A52315; font-weight: normal; padding:3px 0 0 10px; font-family:Georgia,Arial,Times,serif; height:26px; font-size: 16px;} div.accordion-content {overflow: hidden; padding:0 15px 0 15px} /* Checkout Styles */ address { font-style:normal; line-height:1.4em; border-bottom:solid 1px ; padding:5px; background:#CCCCCC} h4.complete {padding:10px 0 3px 2px} div.lo-checkout-top {background:url(../images/wide-round-top.gif) no-repeat top; width:747px; height:9px} div.lo-checkout-content {width:747px;} div.lo-checkout-bottom {background:url(../images/wide-round-bottom.gif) no-repeat ; width:747px; height:9px} div.lo-wide-column-content-ckeckout{padding:0 25px} h3.lo-checkout{ background:none; color:#a52315} #checkoutSteps {margin:0 1px 0 1px} #lo-cart-shipping {padding:5px } #country { width:165px} /* Login */ div.lo-login-col-1 {float:left; width:400px; margin:15px 0 0 25px; border:solid 1px #F0E8C5;} div.lo-login-col-2 {float:right; width:400px; margin:15px 25px 0 0; border:solid 1px #F0E8C5;} /* added by John for informational page styling */ #lo-sidebar-right-container { width: 179px; float: right; margin-left: 15px;} #lo-sidebar-right-container ul{ list-style-type:none;} #lo-sidebar-right-container li {padding: 5px 0 7px 0;} #lo-sidebar-right-container li:hover {background-color: #f2e8db;} #lo-sidebar-right-container li a {color:#a52315; text-decoration: none; padding: 5px 0 7px 2px; font-family: Georgia, Arial,Times, serif;font-size: 14px;} .lo-sidebar-right { background-image: url('../images/block-gradient.jpg'); background-position: top center; background-repeat: repeat-x; border-left: 1px solid #f0e8c5; border-right: 1px solid #f0e8c5; background-color: #fcfff9; padding: 10px 4px 10px 10px; } .lo-sidebar-right h4 { font-weight: bold; color: #990000; font-size: 12px; padding: 0; margin: 0; } .lo-sidebar-right p { font-size: 12px; } .floatright { float: right; width: 300px; margin-left: 10px; background-image: url('../images/block-gradient.jpg'); background-position: top center; background-repeat: repeat-x; border-left: 1px solid #f0e8c5; border-right: 1px solid #f0e8c5; background-color: #fcfff9; } h1.lo-404 { font-size:14px } /* CMS Styles */ #lo-wide-column-content-cms{padding:10px 25px} #lo-wide-column-content-cms h3 { background:none; color:#a52315; padding-left:0} .lo-new-product-image{margin:auto} /* Category Index */ .lo-category-box{float:left; width:195px; padding:20px } .lo-cat-grid-row { clear:both} /* */ #lo-random-review{} #lo-random-review p {font-style:italic;} #lo-crosssell li{ display:inline; width:150px} #lo-upsell-cart {} #lo-upsell-cart ul {display:inline; } #lo-upsell-cart li {display:inline; float:left; width:170px } #lo-toolbar {background:url(../images/center-col-toolbar.gif )repeat-y; padding:10px} #lo-product-pager{} #lo-product-pager ul { display:inline; float:none; width:200px} #lo-product-pager li { display:inline; float:none }