/** * General */ img { behavior: url('iepngfix.htc'); border: none; } /* IE png alpha-transparency fix */ html,body { margin:0; padding:0; background-color: #fff; font-family:arial,sans-serif; color:#666; } form { margin: 0px; padding: 0px; } table { margin: 0px; padding: 0px; } a { color: #686868; outline: none; } a:link, a:active, a:visited { text-decoration: none; font-size:1em; } a:hover { color: #A8C52F; text-decoration: underline; } .float-fix { clear: left; height: 1px; } /** * Layouts */ #outer-container { text-align: center; padding: 5px 0px 5px 0px; } #container { width: 660px; margin:0 auto; } #header { padding-top: 10px; text-align: left; } #header #logo { margin: 0px 0px 0px 0px; } #footer { font-size: .80em; text-align: left; color: #686868; } #footer a:link { color: #686868;text-decoration: underline; text-decoration: none; } #footer a:active { color: #686868;text-decoration: underline; text-decoration: none; } #footer a:visited { color: #686868;text-decoration: underline; text-decoration: none; } #footer a:hover { background-color: #A8C52F; color: #fff; text-decoration: underline; } #top-tabs { padding-left: 5px; text-align: left; height: 23px; position: relative; top: 1px !important; top: 4px; } #content { text-align: left; padding: 10px; margin: 0px 0px 7px 0px; border: solid 1px #ccc; } #content h1 { margin: 5px 0px 5px 5px; font-size: 1.25em; } #content .info-content { margin: 50px 0px 0px 200px; } #content .info-content h1 {font-size: 1.25em; margin: 0px; padding: 0px; color: #A8C42F; } #content .info-content p { margin: 10px 0px 10px 0px; width: 450px; } #wholesaler { font-size: .80em; float: left; } .green { color: #A8C52F; } .black { color: #000; } #loading-image, #TB_load { height: 75px; width: 251px; background: transparent url(../images/loading-bg.png) top left no-repeat; position: absolute; text-align: center; filter:alpha(opacity=75); -moz-opacity: .75; opacity: .75; } #loading-image { z-index: 99999; } #loading-image img, #TB_load img { margin-top: 20px; } #processing-image { margin: 10px auto 25px auto; height: 75px; width: 251px; background: transparent url(../images/loading-bg.png) top left no-repeat; text-align: center; filter:alpha(opacity=75); -moz-opacity: .75; opacity: .75; } #processing-image img { margin-top: 20px; } /** * Alerts */ #alerts-error { width: auto; font-size: .90em; border: solid 1px #FFD200; background-color: #FFF8A7; margin-bottom: 10px; cursor: pointer; } #alerts-error li { line-height: 1.5em;list-style: none; } #alerts-error div { padding: 5px; } #alerts-success, #payment-alert { width: auto; font-size: .90em; border: solid 1px #7DB000; background-color: #E5FFA5; margin-bottom: 10px; cursor: pointer; } #payment-alert { cursor: default; } #payment-alert { margin-top: 10px; } #alerts-success li, #payment-alert li { line-height: 1.5em;list-style: none; } #alerts-success div, #payment-alert div { padding: 5px; } .close-icon { float: right; margin: 2px 2px 0px 0px; cursor: pointer; } /** * Navbar */ #navbar { clear:left; text-align: left; padding: 3px 0px 3px 0px; color: #686868; height:36px; clear:both;} #navbar a { color: #686868; text-decoration: none; } #navbar a:link { color: #686868; text-decoration: none; } #navbar a:active { color: #686868; text-decoration: none; } #navbar a:visited { color: #686868; text-decoration: none; } #navbar a:hover { color: #A8C52F; text-decoration: none; } /** * Forms */ .textbox { border: solid 1px #BDBDBD; padding: 1px; } .textbox-focus { border: inset 1px; padding: 1px; } .field-container { clear: left; } .field-container div{ float: left; } /** * Dialogs */ .dialog-title { text-align: left; padding: 3px; border-bottom: solid 1px #BDBEBD; background-color: #eee; } #policy-container { background-color: #fff; } #policy-content { text-align: left; padding: 10px; height: 400px; font-size: .90em; overflow-y: scroll; } /** * Products */ #products-content { } #products-content em { font-size: .90em; font-weight: normal; } #products-content a:link, #products-content a:active, #products-content a:visited { color: #A8C52F; } #products-content a:hover { color: #A8C52F; text-decoration: underline; } #products-content h1 { margin: 10px 0px 0px 0px; } #products-content h2 { font-size: .90em; margin: 10px 0px 5px 0px; } #products-content textarea { width: 300px; height: 100px; } #product-left #product-info h1 { color: #A8C52F; text-align: left; } #product-left #product-info { float: right; text-align: left; } #product-left #product-info select { width: 100px; } #product-info .caption { width: 200px; } #product-left #image-expander { float: right; } #product-right { width: 225px; text-align: center; padding-top: 0px; } #product-right img { border: solid 1px #ccc; margin-bottom: 10px; } #color-options { margin: 10px 0px 10px 0px; } .product-short { float: left; text-align: center; margin: 8px 4px 0px 0px; } .product-thumb { width: 120px; } .productButton { cursor: pointer; padding: 3px; font-weight: bold; } #how-to-wear h1 { font-size: 1.0em; margin: 0px; } #how-to-wear .left { width: 100px; float: left; } #how-to-wear .right { width: 225px; float: left; } #how-to-wear .right p { font-size: .90em; width: 150px; margin: 0px; } #tab-sizing a, #tab-sizing a:link, #tab-sizing a:active, #tab-sizing a:visited { color: #A8C52F; text-decoration: underline; } #tab-sizing a:hover { color: #686868; text-decoration: none; } #product-main-container { width: 225px; text-align: center; } #drag-text, #enlarge-text { width: 225px; text-align: center; } /** * Cart */ #header a:link, #header a:active, #header a:visited { color: #686868;text-decoration: underline; text-decoration: none; } #header a:hover { color: #A8C52F; text-decoration: none; } #checkout { float: right; } #cart-container { background-color: #fff; border: solid 4px #666; padding: 0px; } #cart-title { padding: 3px; border-bottom: solid 1px #BDBEBD; background-color: #eee; } #cart-contents { height: 400px; padding: 5px; overflow-y: auto; } #cart-buttons { padding: 3px; border-top: solid 1px #BDBEBD; background-color: #eee; height: 20px; } #cart-header td { border-top: solid 1px #BDBEBD;} #cart-table { border-left: solid 1px #BDBEBD; border-right: solid 1px #BDBEBD; border-bottom: solid 1px #BDBEBD; } .lineItemRow { font-size: 1em; color: #000; } .lineItemRow td { padding: 3px; border-bottom: solid 1px #BDBEBD; } .lineItemRow td img { border:solid 1px #000;} .lineItemRow1 { background-color: #fff; } .lineItemRow2 { background-color: #F6F5F5; } .totalsRow { color: #000; } .totalsRow1 { background-color: #F6F5F5; } .totalsRow2 { background-color: #fff; } .discount-row { background-color: #E5FFA5; } .totalsRow td { font-size: 1em; padding: 5px; } #checkoutCartContents { width: 100%; } #shipping-method-choose { padding: 1px 3px 1px 3px; background-color: #FFF8A7; border: solid 1px #FFD200; } #shipping-method-calculating{ padding: 1px 3px 1px 3px; background-color: #E5FFA5; border: solid 1px #7DB000; } #shipping-method-select { margin: 0px 0px 1px 0px; } #shipping-method-choose span, #shipping-method-calculating span { font-size: .90em; } #copy-information { float: right; font-size: .85em; cursor: pointer; padding: 10px 10px 0px 0px; } #promotional-code { float: left; color: #666666; font-weight: bold;margin-top: 4px; } #promotional-code span { font-weight: normal; font-size: .90em; } /** * Breadcrumb */ #breadcrumb { clear: left; padding-left: 25px; text-align: left; color: #686868; font-size: .9em; } #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { color: #686868; text-decoration: none; } #breadcrumb a:hover { color: #A8C52F; text-decoration: none; } /** * Homepage */ #homepage-table div { font-size: .80em; text-align: center; padding-top: 10px; } #homepage-table td { padding-top: 20px; } #homepage-table a, #homepage-table a:link, #homepage-table a:visited, #homepage-table a:active { color: #686868; text-decoration: none; } #homepage-table a:hover { color: #A8C52F; text-decoration: none; } #tub-slide { background: transparent url(../images/homepage/tub-slide-bg.jpg) top right no-repeat; height: 515px; } #sling-slide { background: transparent url(../images/homepage/sling-slide-bg.jpg) top right no-repeat; height: 515px; } #booti-slide { background: transparent url(../images/homepage/booti-slide-bg.jpg) top right no-repeat; height: 515px; } #homepage-buttons { z-index: 100; position: absolute; margin: 315px 0px 0px 0px; font-size: .70em; height: 120px; width: 658px;} #homepage-bar { position: relative; width: 100%} #homepage-bar-over { z-index: -1; height: 120px; width: 658px; background-color: #FFFFFF; filter:alpha(opacity=55); opacity: 0.55; position: absolute; top: 0px; left: 0px;} #homepage-buttons img { margin-right: 35px; filter:alpha(opacity=100); opacity: 1.0;} .slide-caption { color: #959595; width: 350px; padding: 80px 0px 0px 15px; font-size: 1.05em; } #content .slide-caption h1 { font-size: 2.0em; color: #A8C52F; font-weight: normal; } #content .slide-caption a, #content .slide-caption a:link, #content .slide-caption a:visited, #content .slide-caption a:active { color: #959595; text-decoration: underline; } #content .slide-caption a:hover { color: #A8C52F; text-decoration: underline; } /** * Admin */ .editDiv h2 { font-size: .80em; padding-top: 5px; padding-bottom: 3px; margin: 0px; font-weight: normal; } #admin-content { background-color: #F4F4F4; border: solid 1px #BDBEBD; padding: 10px; } #admin-content em { font-size: .90em; font-weight: normal; } #admin-content a:link, #admin-content a:active, #admin-content a:visited { color: #A8C52F; } #admin-content a:hover { color: #A8C52F; text-decoration: underline; } #admin-content h2 { font-size: .90em; margin: 10px 0px 5px 0px; } #admin-content textarea { width: 300px; height: 100px; } #admin-content #form-buttons { padding-top: 15px; } .admin-table { border: solid 1px #A8C52F; } .listingHeader { background: #A8C52F; color: #fff; font-size: 0.90em; font-weight: bold; padding: 3px } .listingHeader td { padding: 3px; } .listingRow1 { background-color: #fff; } .listingRow2 { background-color: #F1FACA; } .listingRow td { padding: 5px; font-size: 0.90em; } .listing-image { border: solid 2px #686868; } .listingRow-hover { background-color: #FFF8A8; } #expand-password { cursor: pointer; margin: 10px 0px 0px 0px; } #expand-password a, #expand-password a:link, #expand-password a:active, #expand-password a:visited { color: #686868; } #expand-password a:hover { color: #5FD04D; text-decoration: none; } #login-remember { margin: 10px 0px 0px 2px; } /** * Store Locator */ #state-listings { float: left; width: 150px; } #state-listings ul { font-size: .80em; margin: 0px; padding: 0px; } #state-listings li { padding-left: 10px; list-style: none; } #state-listings a, #state-listings a:link, #state-listings a:active, #state-listings a:visited { color: #686868; text-decoration: none; } #state-listings a:hover { color: #A8C52F; text-decoration: underline; } #store-listings { margin-left: 200px; } #store-listings-content { font-size: .80em; padding-left: 10px; } li.selected-state { list-style: disc; margin-left: 10px; } div.selected-state { padding-left: 10px; } .store-listing { padding-bottom: 10px; } #store-right { float: right; width: 150px; font-size: .80em; } /** * FAQ */ #faq-content li { font-size: .80em; list-style-image: url(../images/help.png);} #faq-content li h1 { font-size:1.0em; } /** * Friends */ #friends-content { padding-top: 50px; } #friends-right { font-size: .80em; width: 200px; float: right; } #friends-right a, #friends-right a:link, #friends-right a:visited, #friends-right a:active { color: #686868; text-decoration: underline; } #friends-right a:hover { color: #A8C52F; } #friends-left { width: 350px; float: right; padding-right: 25px; } /** * Wholesale */ #wholesale-content { padding-top: 50px; } #wholesale-right { font-size: .80em; width: 200px; float: right; } #wholesale-right a, #wholesale-right a:link, #wholesale-right a:visited, #wholesale-right a:active { color: #686868; text-decoration: underline; } #wholesale-right a:hover { color: #A8C52F; } #wholesale-left { width: 300px; float: right; padding-right: 25px; } #wholesale-left p { margin: 0px 0px 25px 0px; } #wholesale-left label { font-size: .80em; } /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ .jqmWindow { display: none; position: absolute; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 4px solid #666; z-index: 100; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (