/* ******************* Start of Reset Styles ******************* */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, legend, caption {margin: 0; padding: 0; border: 0;outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* ******************* End of Reset Styles ******************* */ body {font: 12px arial, verdana, Helvetica, sans-serif; color: #000;} #wrapper {width: 947px; height: 800px; margin: 0 auto;} /* Header */ #header {width: 947px; height: 102px; background: #fff url(graphics/header-bg.gif) no-repeat top left; position: relative;} #header .header-logo {float: left; width: 235px; height: 84px;} #top-nav-minilinks {float: right; width: 690px; height: 102px; text-align: right; font-weight: bold; font-size: 12px;} #top-nav-minilinks .basket-line {margin: 60px 5px 6px 0; color: #ff6601;} #top-nav-minilinks li {display: inline; background: transparent url(graphics/mini-nav-list-pipe.gif) no-repeat 1px 3px; padding: 0 5px 0 10px;} #top-nav-minilinks li.first {padding-left: 0 !important; background-image: none;} #top-nav-minilinks li.last {padding-right: 5px !important;} .livehelp span {display: none;} .livehelp {position: absolute; top: 10px; left: 515px;} /* Navigation */ #top-navigation {height: 30px; background: url(graphics/nav-bg.gif) no-repeat top left;} #top-navigation img {float: left;} #top-navigation .first {margin-left: 197px;} #top-navigation form {height: 30px;} .text-input {vertical-align: top; width: 158px; height: 17px; border: none; margin: 5px 0 0 62px; padding: 0 3px 3px 4px; font-size: 12px;} #top-navigation2 {height: 30px; background: url(graphics/nav-bg2.gif) no-repeat top left;} #top-navigation2 img {float: left;} #top-navigation2 .first {margin-right: 2px;} #top-navigation2 form {height: 30px;} #new-label{float:left; position:relative; padding-left:5px;} /* Content */ #sfnt-content {width: 614px; float: left; margin: 2px 0 0 2px;} #cp-content {width: 602px; float: left; margin: 2px 0 0 2px; padding-left: 15px; padding-top: 10px;} #store-content {width: 614px; float: left; padding: 10px 0 25px 18px;} #product-pg-content {float: right; width: 732px; padding: 10px 0 25px 18px; margin-bottom: 25px;} #acnt-pg-content {width: 947px; padding: 10px 0 25px 10px;} #sfnt-banner {width: 614px; height: 205px; background: url(graphics/sfnt-banner-bg.jpg) no-repeat top left;} #sfnt-banner .shuffle {width: 300px; height: 205px; float: right;} .sfnt-thumbnail {width: 150px; height: 160px;} #closeout-specials {height: 30px; background: url(graphics/closeout-specials-bg.gif) no-repeat left top; padding: 10px 0 0 16px;} #sheading a:link {color: #fff; font-weight: bold; font-size: 14px; margin-right: 32px; text-decoration: none; color: #fff !important;} #sheading a:visited {color: #fff; font-weight: bold; font-size: 14px; margin-right: 32px; text-decoration: none; color: #fff !important;} #sheading a:hover {color: #fff; font-weight: bold; font-size: 14px; margin-right: 32px; text-decoration: underline; color: #000 !important;} #sheading a:active {color: #fff; font-weight: bold; font-size: 14px; margin-right: 32px; text-decoration: none; color: #fff !important;} #sfnt-img-cell img {width: 125px; height: 125px;} .sfnt_feat_name {font-size: 11px; height: 32px;} #sfnt-carou-table .sfnt-carousel-thumbs {width: 125px; height: 140px;} #sfnt-carou-table .sfnt-carousel-thumbs img {max-width: 125px; max-height: 125px;} #sfnt-carou-table .sfnt-carousel-name {padding-top: 6px; height: 82px;} /* left Column */ #left-column {width: 195px; float: left;} /* Right Column */ #right-column {width: 118px; float: right; padding-bottom: 20px;} #rc-testimonials {background-color: #d9e3f1; color: #666666; font-size: 12px; padding: 15px 3px 15px 10px;} #rc-testimonials p.location {margin-bottom: 5px; font-style: italic;} /* Category Tree */ #main-category-tree {padding: 10px 5px 10px 11px; background-color: #d9e3f1; font-weight: bold;} #main-category-tree .level-1 {padding: 4px 5px 4px 0;} #main-category-tree .level-2 {font-weight: bold; font-style: normal; padding: 4px 5px 4px 12px; border-bottom: 1px solid #95adcf; margin-bottom: 4px; background-color: #b6c6de;} #main-category-tree .level-3 { font-size: 11.5px; font-style: normal; font-weight: normal; padding: 4px 5px 4px 16px;} #main-category-tree .active {padding-top: 10px; border-bottom: 1px solid #b3b3b3;} .level-1 a:link {text-decoration: none; color: #666666 !important;} .level-1 a:visited {text-decoration: none; color: #666666 !important;} .level-1 a:hover {text-decoration: none; color: #4c9beb !important;} .level-1 a:active {text-decoration: none; color: #666666 !important;} .level-2 a:link {text-decoration: none; color: #275079 !important;} .level-2 a:visited {text-decoration: none; color: #275079 !important;} .level-2 a:hover {text-decoration: none; color: #4c9beb !important;} .level-2 a:active {text-decoration: none; color: #275079 !important;} #main-category-tree .special a:link {text-decoration: none; color: #FF4900 !important;} #main-category-tree .special a:visited {text-decoration: none; color: #FF4900 !important;} #main-category-tree .special a:hover {text-decoration: none; color: #FF4900 !important;} #main-category-tree .special a:active {text-decoration: none; color: #666666 !important;} #secondary-category-tree {margin-top: 10px; padding: 0 5px 10px 0; background-color: #d9e3f1; font-weight: bold;} #secondary-category-tree .level-1 {padding: 0 5px 3px 11px;} #secondary-category-tree .level-2 { font-weight: bold; font-style: normal; padding: 0 5px 3px 23px; } #secondary-category-tree a:link {text-decoration: none !important; color: #666666;} #secondary-category-tree a:visited {text-decoration: none !important; color: #666666;} #secondary-category-tree a:hover {text-decoration: none !important; color: #4c9beb;} #secondary-category-tree a:active {text-decoration: none !important; color: #666666;} .level-2 a:link {text-decoration: none; color: #275079 !important;} .level-2 a:visited {text-decoration: none; color: #275079 !important;} .level-2 a:hover {text-decoration: none; color: #4c9beb !important;} .level-2 a:active {text-decoration: none; color: #275079 !important;} /* Category Template Formatting */ #breadcrumbs {margin-bottom: 22px; color: #000;} #breadcrumbs a:link {text-decoration: underline !important; color: #000 !important;} #breadcrumbs a:visited {text-decoration: underline !important; color: #000 !important;} #breadcrumbs a:hover {text-decoration: none !important; color: #4c9beb !important;} #breadcrumbs a:active {text-decoration: underline !important; color: #000 !important;} #cat-prod-sort {display: inline; margin-left: 5px;} #category-table td {width: 202px; padding-bottom: 25px;} #category-table p {line-height: 16px;} #category-table .subcat-name {font-weight: bold; margin: 12px 0 0 0;} #category-table .subcat-short-copy {width: 150px;} #category-table .prod-code {margin: 10px 0 0 0; font-weight: bold;} #category-table a:link {text-decoration: underline !important; color: #218be6 !important;} #category-table a:visited {text-decoration: underline !important; color: #218be6 !important;} #category-table a:hover {text-decoration: none !important; color: #4c9beb !important;} #category-table a:active {text-decoration: underline !important; color: #218be6 !important;} #category-header {margin-bottom: 28px;} #main-cat-template {margin: 0 42px 10px 0;} #main-cat-template p {line-height: 16px;} #main-cat-template .subcat-name {font-weight: bold; margin: 12px 0 0 0;} #main-cat-template .subcat-short-copy {width: 150px;} #main-cat-template .prod-code {margin: 10px 0 0 0; font-weight: bold;} #main-cat-template .catprod-top {width: 150px; height: 155px;} #main-cat-template .catprod-bot {width: 150px;} #main-cat-template a:link {text-decoration: underline !important; color: #218be6 !important;} #main-cat-template a:visited {text-decoration: underline !important; color: #218be6 !important;} #main-cat-template a:hover {text-decoration: none !important; color: #4c9beb !important;} #main-cat-template a:active {text-decoration: underline !important; color: #218be6 !important;} #ctgy-header-display p, ul {margin-bottom: 12px;} #ctgy-header-display {margin-bottom: 12px;} /* Coffee Cup Template */ #coffeecup {border-bottom: 3px solid #336699; margin-bottom: 20px; margin-top: 10px;} #coffeecup .coffeecup-group {border-right: 3px solid #336699;} #coffeecup .cup {padding: 0 5px 0 5px; text-align: center; font-size: 11px;} #coffeecup .cup p {} #coffeecup tr.toprow td.cup {} #coffeecup tr.botrow td.cup {vertical-align: middle;} #product-pg-content li {margin-top: 4px; margin-bottom: 4px;} .cupprod {padding-bottom: 5px;} .cup-template-topcell {height: 150px;} #coffeecup tr.botrow .cup-template-topcell {height: 90px;} .cup-template-bottomcell {height: 80px;} /* Product Template */ #prod-pg-left-side {width: 440px; float: left;} #prod-pg-left-side-video {width: 672px; float: left;} #prod-pg-right-side {width: 259px; float: right;} #add-to-cart {text-align: right;} #add-to-cart .qty-message {font-weight: bold; font-size: 14px;} #add-to-cart .prod-qty {width: 26px; margin-left: 4px;} #add-to-cart .button {margin: 0; padding: 0; vertical-align: bottom;} #addtocart .qty-message {font-weight: bold; font-size: 14px;} #addtocart .prod-qty {text-align: center; width: 36px; margin-left: 8px;} #addtocart .actionbutton {margin-top: 6px;} #ordering-details {background-color: #eeeeee; margin-top: 5px; padding: 3px 4px 10px 3px;} #ordering-details h4 {background-color: #808080; color: #fff; padding: 4px; margin: 8px 0;} #ordering-details .first-heading {margin-top: 0 !important;} #ordering-details .ogprice {color: #ff0000; text-decoration: line-through;} #ordering-details .clearance-price {font-weight: bold; font-size: 14px; margin-bottom: 8px;} #ordering-details p {padding: 0 3px 0 6px;} #ordering-details .inventory-message {font-weight: bold; color: #3927fe; margin-bottom: 8px;} #product-description {margin-top: 15px;} #prod-pg-left-side .short-prod-description {margin-bottom: 5px;} #product-image {border: 1px solid #d8d8d8; text-align: center; padding: 15px;} #alt-view-buttons {width: 201px; height: 28px; cursor: pointer;} #alt-view-buttons img {float: left;} #alt-prod-view-buttons {margin-top: 5px; height: 80px;} #alt-prod-view-buttons table {height: 80px;} #alt-prod-view-buttons td {width: 80px; height: 80px; border: 1px solid #d8d8d8;} #alt-prod-view-buttons img {max-width: 70px; max-height: 70px;} #ordering-details table {margin: 0 auto;} #prod-pg-related-items {margin-top: 25px;} #relprods {margin: 0 8px 15px 0;} #relprods .thumbnail {width: 230px; height: 160px;} #relprods .name {width: 215px; font-weight: bold; margin-top: 10px;} #relprods .size {width: 215px; margin: 0;} #product-icons {width: 440px; margin: 15px 0;} #product-icons img {float: left;} /* ************** Product Tabs ************** */ #maintab {margin: 20px 0 0 0 !important; height: 38px; padding: 0 !important;} /* This line controls the tab line overlap issue */ .shadetabs li {color: #5c5c5c; display: block; float: left; margin: 0; padding-left: 1px; border: 1px solid #d3d3d3; border-left: none; text-shadow: 0px -1px 0px #fff;} .shadetabs li a:link {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 20px 9px 20px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;} .shadetabs li a:hover {display: block; font-weight: bold; text-decoration: underline !important; padding: 9px 20px 9px 20px; color: #1091ff !important; background: transparent url(graphics/shade.gif) top left repeat-x;} .shadetabs li a:active {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 20px 9px 20px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;} .shadetabs li a:visited {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 20px 9px 20px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;} .shadetabs li.selected {color: #5c5c5c; border-bottom: 1px solid #fff; text-shadow: 0px -1px 0px #fff;} .shadetabs li.selected a:link {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;} .shadetabs li.selected a:hover {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: underline !important; color: #1091ff !important;} .shadetabs li.selected a:active {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;} .shadetabs li.selected a:visited {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;} .tabcontent {border: 1px solid #d3d3d3; padding: 20px 10px 12px 15px;} #default-tab {border-left: 1px solid #d3d3d3 !important;} /* ************** End Product Tabs ************** */ /* Footer */ #footer {width: 947px; height: 180px;} #footer-infocons {height: 59px; background: #fff url(graphics/footer-bg.gif) no-repeat top left;} #footer-infocons .customer-service-icon {margin: 20px 0 0 57px;} #footer-infocons .safe-shopping-icon {margin: 20px 0 0 79px;} #footer-infocons .privacy-policy-icon {margin: 20px 0 0 93px;} #footer-infocons .twitter-icon {margin: 6px 0 0 125px;} #footer-infocons .facebook-icon {margin: 6px 0 0 10px;} #footer-infocons .youtube-icon {margin: 6px 0 0 10px;} #footer-infocons .blog-icon {margin: 6px 0 0 10px;} #footer-links {width: 500px; padding-top: 4px; margin-top: 2px; font-size: 12px; line-height: 20px; float: left;} #footer-links ul {width: 485px;} #footer-links ul.relatedsites {width: 580px;} #footer-links li {display: inline; background: transparent url(graphics/footer-links-list-pipe.gif) no-repeat 1px 3px; padding: 0 5px 0 10px; color: #545454; text-decoration: underline;} #footer-links li.first {background-image: none; padding-left: 0 !important;} .tollfree {color: #000 !important; font-weight: bold;} #footer-links a:link {text-decoration: none !important; color: #545454 !important;} #footer-links a:visited {text-decoration: none !important; color: #545454 !important;} #footer-links a:hover {text-decoration: underline !important; color: #4c9beb !important;} #footer-links a:active {text-decoration: none !important; color: #545454 !important;} #email-signup {float: right; width: 359px; height: 75px; background: url(graphics/email-signup-bg.gif) no-repeat top left;} #email-signup-form {margin: 40px 0 0 8px; width: 340px; height: 23px;} #email-signup-form input {width: 232px; height: 21px; border: 1px solid #93afd1; vertical-align: top;} #email-signup-form .submit {width: 64px; height: 22px; padding: 0; margin-left: 4px;} /* Login */ #login-table h3 {font: bold 1.3em arial, verdana, Helvetica, sans-serif; } /* General Items */ .clearfix {clear: both;} .bskempty-message {margin-bottom: 175px;} a:link {text-decoration: none !important; color: #3b6c9e !important;} a:visited {text-decoration: none !important; color: #3b6c9e !important;} a:hover {text-decoration: underline !important; color: #4c9beb !important;} a:active {text-decoration: none !important; color: #3b6c9e !important;} h1 {font: bold 1.3em arial, verdana, Helvetica, sans-serif; margin-bottom: 12px;} h2 {font: bold 1.2em arial, verdana, Helvetica, sans-serif; margin-bottom: 12px;} h3 {font: normal 1em arial, verdana, Helvetica, sans-serif; margin-bottom: 12px;} h2.sfnt {font: bold 1.4em arial, verdana, Helvetica, sans-serif; margin: 14px 0 12px 0; padding: 0 0 10px 10px; color: #346697; background: url(graphics/sfnt-headings-bg.gif) no-repeat bottom left;} li {list-style: none; background: transparent url(graphics/standard-list-dots.gif) no-repeat -1px 2px; padding-left: 12px;} .acnt-pg-buttons {text-align: right; margin: 15px 12px 0 0;} .horizontal-rule {border: none; background-color: #d8d8d8; height: 1px;} /* Basket Page */ #basket-table {border: 1px solid #eceef1; padding: 4px;} #basket-table .basket-heading {background-color: #eceef1; padding: 6px; font-size: 14px; font-weight: bold; color: #234a71;} #basket-table .qty {width: 38px; border: 1px solid #93afd1; text-align: center;} #basket-table .bask-remove {width: 68px;} #basket-table .bask-itemname {width: 405px;} #basket-table .bask-itemname2 {width: 545px;} #basket-table .bask-case {width: 50px;} #basket-table .bask-size {width: 75px;} #basket-table .bask-itemprc {width: 85px;} #basket-table .bask-totalprc {width: 85px;} #basket-table .basket-charges {border-top: 1px solid #dfe1e3;} #basket-table .basket-totals {background-color: #ecf1f7; font-size: 14px;} #shipcalclink {margin: 20px 0 0 15px; float: left;} #baskcheckout {float: right; margin: 15px 12px 0 0;width:300px;} #goto-ship-calc{float:left;width:170px;margin-top:15px;} #wishlist-table {border: 1px solid #eceef1; padding: 4px; margin-bottom: 15px;} #wishlist-table td {font-size: 12px;} #wishlist-table .basket-heading {background-color: #eceef1; padding: 6px; font-weight: bold; color: #234a71;} #wishlist-table .adddelete {width: 60px; font-size: 14px !important;} #wishlist-table .dateadded {width: 85px; font-size: 14px !important;} #wishlist-table .code {width: 115px; font-size: 14px !important;} #wishlist-table .prodname {width: 332px;} #wishlist-table .qty {width: 70px; font-size: 14px !important;} #wishlist-table .price {width: 70px; font-size: 14px !important;} #wishlist-table .total {width: 70px; font-size: 14px !important;} #remprods {border: 1px solid #ECEEF1;} #remprods td {padding: 3px;} #remprods .thumbnail {height: 160px;} #remprods .name {font-weight: bold; margin-top: 10px;} #remprods .size {margin: 0;} /* Saved Baskets */ #basket-table .baskdate {width: 220px;} #basket-table .baskitemcount {width: 220px;} #basket-table .basktotal {width: 220px;} #basket-table .actions {width: 230px;} /* Reviews */ .review-label-box {background-color: #f3f8ff; border: 1px solid #d8d8d8; padding: 10px;} .posted-review {border-bottom: 1px solid #d8d8d8; padding-bottom: 12px;} /* ----------------------------------------------------------------------- */ /* Wombat Account Registration Styles */ #fields-key{ margin:16px 0;} .required{ font-weight:bold; } .bold {font-weight:bold; } .italic {font-style:italic; } .red {color:#dd0000; } .blue {color:#0000ff; } .grey {color:#999999; } .nowrap {white-space:normal; } #login-details {margin:0 0 16px 0;} .save-button, .continue-button {clear: both; text-align: right; padding: 24px 0 0 0;} .continue-button input{ padding:6px; border:2px solid #FF6600; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .continue-button input:hover{ border:2px solid #05bf12; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; opacity:.80; -webkit-transition:all .25s; /* For Safari 3.1 to 6.0 */ transition:all .25s; } .textfield, select, textarea, #tax-fields .form_row input{ border-width:1px; border-style:solid; border-color:#333333 #bbbbbb #bbbbbb #bbbbbb; padding:1px 2px; font:normal 1em Arial, Helvetica, Verdana, sans-serif; margin-bottom: 5px; } .form_row {padding-bottom: 6px;} #ship-to h2 input.checkbox, #bill-to h2 input.checkbox{margin:0 2px 0 12px;padding:0;width:13px;height:13px;overflow:hidden;} h2.fields-heading {background-color: #eceef1; color: #234a71; margin: 0 0 12px 0; padding: 4px 4px 4px 12px;} .controls{ font:normal .7em Verdana, Helvetica, Arial, sans-serif;visibility:hidden;} #ship-to, #bill-to{width:50%;float:left;} #customer-fields label, #affiliate-fields label, #shipping_fields label, #billing_fields label {float: left;width: 150px;white-space: nowrap;text-align: right; padding-top: 2px;padding-right: 5px;padding-bottom: 3px;padding-left: 0pt;clear: both;} #login-details label {float: left;width: 150px;white-space: nowrap;text-align: right; padding-top: 2px;padding-right: 5px;padding-bottom: 3px;padding-left: 0pt;clear: both;} /* Misc CSS Added 10-19-11*/ label.invc-label {padding-top:0px !important; margin-left:0px !important; padding-left:15px !important; text-align:left !important;} .tooltip { display:none; background:transparent url(graphics/black_arrow.png); font-size:12px; height:131px; width:320px; padding:25px; color:#fff;} #product-bubble-wrapper {width:257px; background-color:#fff;} span.product-bubble-qty-message {font-weight:900; color:#000;} input.product-bubble-prod-qty {width:42px;} input.product-bubble-actionbutton {margin-top:10px;z-index:101;} #product-bubble-form-wrapper {text-align:left; margin-left:10px; margin-top:10px; background-color:#fff; color:#000;z-index:101;} #product-bubble-page-wrapper {background-color:#fff; width:257px;} #tooltip {height:auto; width:277px; background:none;z-index:60;} #tooltip-wrapper {background:transparent url(graphics/product-bubble-bg.png); background-repeat:repeat-y; padding:0px 0px 10px 47px; width:317px;} img.product-bubble-border-top {position:relative; left:41px; top:13px;} img.product-bubble-border-bottom {position:relative; left:40px;} /* END Misc CSS Added 10-19-11*/ div.invalid input.textfield, div.invalid select, #tax-fields div.invalid input{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; } .error-message{ padding:4px; text-align:center; width:60%; margin:0 auto; color:#dd0000; font-weight:bold; } #chckpg-wrap {border: 1px solid #eceef1; width: 925px; padding: 4px;} #shipping-payment img {vertical-align: bottom;} #bask-coupon-redemption {float:right; margin-right:13px; margin-top:10px;} /* FAQ Manager CSS */ .faq-ask-a-question {background-color: #ffffe7; font-weight: bold; padding: 8px;} .faq-question {font-weight: bold; color: #053444;} .faq-answer {font-weight: bold; color: #1d8dc8;} .faq-horizontal-rule {border: none; background-color: #f0f0f0; height: 1px; width: 100%; margin-bottom: 30px;} #ask-a-question-table {border: 3px solid #ebdac6; padding: 10px; width: 300px; margin: 50px 0 0 125px !important;} #ask-a-question-table .heading {background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; height: 35px;} #ask-a-question-table td {padding: 5px;} #ask-a-question-table .label {width: 115px; padding-right: 6px;} #ask-a-question-table input {border: 1px solid #c9c9c9; padding: 4px 0 0 2px; width: 210px; height: 25px; font: 13px Arial,Helvetica,sans-serif; } #ask-a-question-table .submit {padding: 0; border: none; width: 72px; height: 31px;} .qanda-action1 {width: 227px; height: 221px; padding: 14px 0 0 15px; background: url(graphics/btn-qanda-action1-bg.gif) no-repeat; float: right;} .qanda-action2 {width: 492px; height: 35px; padding: 7px 0 0 6px; background: url(graphics/btn-qanda-action2-bg.gif) no-repeat;} /* Begin SearchSpring Reset Link CSS*/ #searchspring-facet-reset-link-container {text-align:right;} /* End SearchSpring Reset Link CSS*/ /*Amazon Pay: Orange border to call attention to continue button*/ #hoverdisplay:hover #amazonBenefits{ display:block; } #amazonBenefits{ display:none; border:2px solid #ff6600; background-color:#fcf1ea; width:320px; position:absolute; z-index:99; padding:20px; left:-315px; top:-70px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -4px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: -4px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: -4px 3px 5px 0px rgba(50, 50, 50, 0.75); -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */ transition: all .5s; } #amazonBenefits p{ text-align:left; } #payWithAmazonDiv{ float:right; } #amazonPayOption{ float:right; width:174px; text-align:right; text-decoration:underline; cursor:pointer; position:relative; } /*End Amazon Pay*/ .OR { margin-right:10px; float:right; font-size:20px; font-weight:bold; } #GRemail{ width:359px; height:75px; float:right; margin:0; padding:0; position:relative; } #envelopeTop{ position:relative; top:0px; z-index:1; width:100px; margin:0; padding:0; } #envelopeBottom{ position:relative; top:-7px; z-index:3; width:100px; margin:0; padding:0; } #letterImage{ margin:0; padding:0; position:relative; top:-185px; left:5px; width:100px; z-index:2; -webkit-transition: all .35s; /* For Safari 3.1 to 6.0 */ transition: all .35s; } #newsletterCTABackground:hover + #letterImage{ top:-210px; -webkit-transition: all .35s; /* For Safari 3.1 to 6.0 */ transition: all .35s; } #newsletterCTABackground:hover{ opacity:.80; } #newsletterCTABackground{ margin:0; padding:0; width:365px; height:81px; position:relative; z-index:0; top:-95px; cursor:pointer; background:url(graphics/newsletterBackground.png); } #ship-calc-goto-btn{width:160px;height:30px;background-color:#638bb5;line-height:30px;text-align:center;float:left;margin-top:15px;} #ship-calc-goto-btn a{font-family:Tahoma, Calibri, Arial !important;font-weight:bold !important;color:#ffffff!important;text-decoration:none !important;display:block !important;} #ship-calc-goto-btn a:hover{text-decoration:underline !important;} #ship-calc-goto-btn:hover{background-color:#7CA7D3;} #videos-button{position:relative;left:-20px;z-index:50;} #flag{margin:0;padding:0;height:9px;min-width:15px;max-width:15px;border:1px solid black;} .redBar{margin:0;padding:0;min-height:3px;min-width:15px;background-color:red;} .yellowBar{margin:0;padding:0;min-height:3px;min-width:15px;background-color:yellow;} .whitelink li{padding-right:3px;} .whitelink a:link {color: white !important; font-weight: bold; font-size: 12px;text-decoration: none; background-color:#F47936;padding-right:3px;} .whitelink a:visited {color: white !important; font-weight: bold; font-size: 12px;text-decoration: none; background-color:#F47936;} .whitelink a:hover {color: white !important; font-weight: bold; font-size: 12px;text-decoration: underline; background-color:#F47936;} .whitelink a:active {color: #white !important; font-weight: bold; font-size: 12px;text-decoration: none; background-color:#F47936;} /* Links on right side of pages */ .sidebar-button{ height:40px; width:125px; border:none; margin:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:10px; transition:All .25s ease; -webkit-transition:All .25s ease; -moz-transition:All .25s ease; -o-transition:All .25s ease; -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75); } .sidebar-button a{ display:block; } #green-products{ background-color:#007B13; } #green-products:hover{ background-color:#04B11F; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); } #clearance-products{ background-color:#0197FC; } #clearance-products:hover{ background-color:#3DB0FD; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); } #videos-page{ background-color:#F47936; } #videos-page:hover{ background-color:#FD9D68; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); }