/* CSS - New Project */ /* reset */ body, form, ul, ol, li, img, pre, fieldset {padding: 0; border: 0; margin: 0;} /* general */ strong {font-weight: bold;} em {font-style: italic;} .left {float: left;margin-right: 1em;} .right {float: right;margin-left: 1em;} .hide {display: none;} .show {display: block;} body {font-size: 100%; font-size: 12px; background: #f5f2e3 url(images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #1f1f1f;} a {color: #006699; font-weight: bold; text-decoration: none;} a:hover {text-decoration: underline;} .gallery li {width: 150px; margin-right: 17px; display: inline; list-style: none; float: left; min-height: 200px;} .detailGallery li {min-height: 450px;} .galleryLink {background: url(images/circlegreenbullet.jpg) no-repeat right 2px; padding-right: 13px;} .clear {clear: both; visibility: hidden;} /* basic */ #mainContainer {clear: both; width: 100%; background: url(images/wrapbg.jpg) no-repeat top center;} /* header */ #headerContainer {clear: both; margin: 0 auto; width: 961px; background: url(images/headerbg.jpg) repeat-x;} #headerLogo {float: left;} #headerLogo h1 {text-indent: -9999px;margin: 0; display: inline;} #headerLogo a {display: block; width: 307px; height: 64px; background: url(images/logo.jpg) no-repeat;} #headerNav {float: right; margin-top: 40px; position: relative; left: -15px;} #headerNav li {list-style: none; display: inline; background: url(images/navline.jpg) no-repeat right; float: left;padding: 0 3px;} #headerNav li a {color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;padding: 3px; float: left;padding-top: 5px;} #headerNav .active {background: url(images/leftnav.jpg) no-repeat left;padding-left: 7px;} #headerNav .active a {background: url(images/rightnav.jpg) no-repeat right;padding: 5px 10px 5px 5px;} #headerNav .lastItem {background: none;} /* body */ #bodyContainer {clear: both; min-height: 500px; width: 961px; margin: 0 auto; background: #fffdf4; } .inside #bodyContainer {background: url(images/insidebodybg.jpg) repeat-y;} #leftCol, #centerCol {float: left;} #leftCol {width: 310px;} #centerCol {width: 388px; margin-left: 20px;} .inside #centerCol {width: 686px;} .inside #centerCol h1 {color: #006600; font-size: 16px; margin-top: 24px;} .inside #centerCol h3 {color: #006600; font-size: 14px;} .inside #centerCol h4 {color: #006600; margin-bottom: 0;} .inside #centerCol strong {color: #006600;} .inside #centerCol .infoBox {font-size: 13px; font-weight: bold;} .inside #centerCol .button {background: url(images/button.jpg) right no-repeat; height: 26px; border: 0; cursor: pointer; text-align: center; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif;} #rightCol {width: 224px;float: right;} #rightCol a {background: url(images/greenbullet.jpg) no-repeat right 5px; padding-right: 10px;} .inside #rightCol .nav li {background: url(images/subnavbg.jpg) no-repeat; height: 25px; width: 219px; list-style: none; padding: 7px 0 0 5px;} .inside #rightCol .nav li a {background: none;} #rightCol .store {background: #FBF9EC;} #rightCol .store .visitProducts {background: url(images/visitthestore.jpg) no-repeat; width: 224px; height: 36px; margin: 0; text-indent: -9999px;} #rightCol .store .allProducts {background: url(images/viewallproducts.jpg) no-repeat; width: 224px; height: 36px; margin: 0; text-indent: -9999px;} #rightCol .sideContent {background: url(images/sidebarboxbg.jpg) no-repeat bottom; min-height: 52px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif;} /* footer */ #footerContainer {clear: both; background: url(images/footer.jpg) repeat-x; width: 961px; height: 97px; margin: 0 auto;} .inside #footerContainer {background: url(images/insidefooterbg.jpg) no-repeat; height: 102px;} #footerContent {font-family: Verdana, Arial, Helvetica, sans-serif;padding: 35px 0 0 15px; font-size: 11px;} #footerContent li {display: inline; list-style: none; border-right: 1px solid #000;float: left; margin-right: 5px; padding-right: 5px;} #footerContent li.last {border-right: none;} #footerContent .lastItem {border-right: none;} #footerContent a {color: #336633;} #footerContent p {margin: 4px 0;} /* ## store ## */ #promotion {padding-left: 2px;} #storeLanding {background: url(images/storelandingbg.jpg) no-repeat bottom; width: 686px;} #storeLanding #storeheading {clear: both;display: block;background:url(images/storelandheading.jpg) no-repeat; width: 686px; height: 30px;} #storeLanding #storeheading h2 {width: 171px; display: inline; float: left;text-align: center;margin: 0;padding-top: 6px; font-size: 12px; font-weight: bold;color: #006600; font-family: Verdana, Arial, Helvetica, sans-serif;} #storeLanding #storeheading h2 a {color: #006600;} #storeLanding ul {width: 686px; display: block; padding-top: 5px;} #storeLanding li {width: 131px; list-style: none; display: inline; float: left; padding: 0 20px;} #storeLanding li .withBullet {background: url(images/circlegreenbullet.jpg) no-repeat right 2px; padding-right: 15px;float: left;} #storeLanding li strong {color: #006699; font-weight: bold;} .storeNavigation {clear: both; height: 30px;} .storeNavigation li {display: inline;} .storeNavigation .return {float: left;} .storeNavigation .return a {padding-left: 10px; background: url(images/leftarrow.jpg) no-repeat 0 4px;} .storeNavigation .productPath {float: right; width: 150px; text-align: right;} .storeNavigation .productPath .previous {padding-left: 10px; background: url(images/leftarrow.jpg) no-repeat 0 4px;} .storeNavigation .productPath .next {padding-right: 10px; background: url(images/rightarrow.jpg) no-repeat right 4px;} /* magento */ .breadcrumbs {padding-left: 0!important; margin-left: 0!important; margin-top: 10px;} .breadcrumbs li {display: inline; list-style: none;} /* toolbar */ .toolbar {min-height: 65px;} .toolbar {margin-bottom: 16px; border-bottom: 1px solid #cecbbc;} .toolbar-bottom .toolbar {margin-top: 16px; margin-bottom: 0; border-top: 1px solid #cecbbc; border-bottom: none; padding-top: 16px;} #topNav {margin-top: 10px;} #createAccount {float: left;} #shoppingCart {float: right;} .pager {float: left;} .sorter {float: right;} .limiter {margin-bottom: 16px;} .pages ol {display: inline;} .pages strong, .pages li {float: left;} .pages li {padding: 0 6px; list-style: none;} .pages .next, .pages .previous {width: 16px; height: 16px; text-indent: -9999px; display: block;} .pages .next img, .pages .previous img {display: none;} .pages .next {background: url(images/i_pager-next.gif) left center no-repeat;} .pages .previous {background: url(images/i_pager-prev.gif) left center no-repeat;} .pages .next:hover {background-position: -16px center;} .pages .previous:hover {background-position: -16px center;} .amount, .view-mode, .sort-by a {display: none;} /* product listings */ .products-grid:after{width:0;height:0;font-size:0;line-height:0;display:block;visibility:hidden;clear:both;content:' '}.products-grid{display:inline-block}* html .products-grid{height:1%}.products-grid{display:block} .listing-item {width: 142px; padding: 0 14px 32px 14px; list-style: none; float: left;} .product-image {border: 1px solid #060; display: inline-block;} .product-name {font-size: 14px;} .price-box {margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #060;} .add-to-links {display: none;} /* product details */ .product-img-box {float: right; margin-left: 20px;} .input-box {display: inline;} .email-friend, .no-rating {float: right; clear: right; margin: 0 0 8px 0;} .or {display: none;} .more-views {width: 264px;} .more-views li {float: left; list-style: none; margin: 0 4px 8px 0; border: 1px solid #060;} /* shopping cart */ .checkout-types {margin-bottom: 16px;} .checkout-types li {list-style: none; margin-bottom: 8px;} .messages {margin-bottom: 16px; padding: 10px; background: #FFC; font-weight: bold;} .messages li {list-style: none;} #shopping-cart-table {width: 100%; border-collapse: collapse; border-spacing: 0} #shopping-cart-table tbody td {padding: 5px 10px; border: 1px solid #EAEAEA; vertical-align: top;} #shopping-cart-table tfoot td {padding-top: 16px; text-align: right;} .button {overflow: hidden;} .btn-remove2 {width: 16px; height: 16px; background: url(images/btn_trash.gif) no-repeat; text-indent: -9999px; display: block;} .btn-continue {margin-right: 10px;} .cart-collaterals {margin-top: 32px;} .cart-collaterals .col2-set, .totals {float: left;} .cart-collaterals .col2-set {width: 460px;} .totals {width: 226px; text-align: right;} #shopping-cart-totals-table {width: 100%; margin: 16px 0 8px auto;} #shopping-cart-totals-table tfoot {font-size: 1.25em;} .shipping {margin-top: 48px;} .shipping-form li {list-style: none; margin-bottom: 10px; clear: both;} .shipping-form label {min-width: 100px; margin-right: 10px; /*display: block; float: left; text-align: right;*/} .shipping-form .input-box {float: left;} .shipping-form .buttons-set {clear: both;} /* checkout */ #checkoutSteps > li {list-style: none; margin-bottom: 24px; clear: both;} #checkoutSteps h3 {font-size: 16px !important;} .step-title h3 {background: #efedde; color: #5C8559; padding: 5px;} .step-title h3 a {border-left: 1px solid #5C8559; color: #5C8559; font-size: 9px; font-style: italic; padding-left: 4px;} .active .step-title h3 {background: #386135; color: #FFF !important;} .active .step-title h3 a {border-color: #FFF; color: #FFF;} .step-count {background: #F5F2E3; color: #666; padding: 0 4px;} #checkout-step-login .col-1, #checkout-step-login .col-2 {float: left;} #checkout-step-login .col-1 {width: 350px; border-right: 1px solid #EAEAEA; padding-right: 20px;} #checkout-step-login .col-2 {width: 280px; padding-left: 20px;} .col2-set:after{width:0;height:0;font-size:0;line-height:0;display:block;visibility:hidden;clear:both;content:' '}.col2-set{display:inline-block}* html .col2-set{height:1%}.col2-set{display:block} .form-list {margin-left: 10px;} .form-list li {list-style: none;} .col-2 .form-list label, .col-2 .form-list .input-box {display: block;} .col-2 .form-list li {margin-bottom: 8px;} .ul {margin-left: 32px; margin-bottom: 16px;} .ul li {padding-left: 8px;} #checkoutSteps .buttons-set {text-align: right;} #shipping-zip-form .form-list {margin-bottom: 32px;} #billing-new-address-form .control, #shipping-new-address-form .control {text-align: right;} #billing-new-address-form label, #billing-new-address-form .input-box, #shipping-new-address-form label, #shipping-new-address-form .input-box {display: block;} #billing-new-address-form .field, #shipping-new-address-form .field {margin-bottom: 8px;} .sp-methods ul {margin-bottom: 16px;} .sp-methods li {list-style: none;} #payment_form_yourpay_soap li {margin-bottom: 8px;} #checkout-review-table {width: 100%;} #checkout-review-table h3.product-name {font-size: 14px !important;} #checkout-review-table tfoot {font-size: 1.25em;}