#color-change { background-color: black; } @media only screen and (min-width: 768px) { #color-change { background-color: white; } } .text-black { color: black; } .italic { font-family: "Crimson Text"; font-weight: normal; font-style: italic; } h1.italic { font-size: 36px; letter-spacing: 0; font-weight: normal; text-transform: none; text-align: center; margin-top: 45px !important; color: rgba(29, 178, 200, 1);} @media only screen and (max-width: 767px) { h1.italic { font-size: 29px; } } .italic.slideshow-header { margin-top: 20px; margin-bottom: 0px;color: rgba(29, 178, 200, 1); } .icons-sprite, .icon--search .icon__foreground { background-image: url('../images/icons-sc8d2222eb6.png'); background-repeat: no-repeat; } .icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .icon__foreground { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .icon--search .icon__foreground { background-position: 0 0; height: 256px; width: 256px; } img { border: none !important; } input, textarea { outline: none; } a { color: rgba(29, 178, 200, 1); text-decoration: none; } a:hover { color: #3bb28f; text-decoration: none; } a:active { outline-style: none; } .category { /************************** * BREADCRUMBS * **************************/ /***************************** * WHOLE SUB CAT CONTAINER * *****************************/ /*Set container's background or border*/ /***************************** * HEADING * *****************************/ /* Heading background */ /* Heading text styling */ /***************************** * CATEGORY LINKS * *****************************/ /* Category links outer container (excludes heading container) */ /* Use for background and padding */ /* Category link */ /* Category link hover */ /***************************** * CATEGORY STYLES * *****************************/ /* Product Title */ /* List Price */ /* Our Price */ /* Sale Price */ /* Deal Price */ /* You Save */ /* Set Up Cost */ /* Description */ /***************************** * CENTER PROD NAME & PRICE * *****************************/ /*#content_area table.v65-productDisplay { text-align: center; }*/ /***************************** * REMOVE DIVIDER LINES * *****************************/ /*td[background$="Grid_Single_Divider_Vert.gif"], td[background$="Grid_Single_Divider_Horiz.gif"] { background: none !important; }*/ /* * * * * * FIXES * * * * * */ /* Remove padding-left from breadcrumbs */ /* Remove default Arial font family */ /* Remove default padding of table containing subcat links */ /* Remove excess spacing to left of product name in Checkboxes display mode*/ /* Override valign="bottom" in "Sort By:" container */ /* Remove excess spacing on left and right of "Sort By" container */ /* Heading */ } .category #divWaitModal + table > tbody > tr:first-child a, .category #divWaitModal + table > tbody > tr:first-child b { color: #333333; font-size: 12px; font-weight: normal; } .category .colors_backgroundneutral { background: transparent; /*Overrides default*/ } .category table.colors_backgroundlight { background: none; border-bottom: 0 solid #eeeeee; width: 100%; } .category table.colors_backgroundlight > tbody > tr > td:first-child b { color: #333333; display: block; font-size: 16px; text-transform: uppercase; font-weight: bold; padding: 1% 0; } .category table.colors_backgroundlight + table { padding: 10px 15px; } .category a.subcategory_link { font-size: 14px; display: block; font-weight: normal; } .category a.subcategory_link:hover { text-decoration: none; } .category table.v65-productDisplay .productnamecolor { font: 400 12px "Montserrat", Helvetica, Arial, sans-serif; } .category table.v65-productDisplay .product_listprice, .category table.v65-productDisplay .product_listprice b { color: #333333; font-size: 12px; font-weight: normal; } .category table.v65-productDisplay .product_productprice, .category table.v65-productDisplay .product_productprice b { color: #333333; font-size: 12px; font-weight: normal; } .category table.v65-productDisplay .product_saleprice, .category table.v65-productDisplay .product_saleprice b { color: rgba(29, 178, 200, 1); font-size: 12px; font-weight: normal; } .category table.v65-productDisplay .product_dealprice { color: rgba(29, 178, 200, 1); font-size: 12px; font-weight: normal; } .category table.v65-productDisplay .product_yousave { color: #333333; font-size: 11px; font-style: italic; font-weight: normal; } .category table.v65-productDisplay img + br + font.text.colors_text, .category table.v65-productDisplay td[valign="top"] > font.text.colors_text { color: #333333; font-size: 14px; font-weight: normal; } .category table.v65-productDisplay .v65-productPhoto img, .category img[src$="nophoto.gif"], .category img[src*="/v/vspfiles/photos/"], .category td[align="center"][colspan] img[src*="/v/vspfiles/photos/categories/"] { display: block; max-width: 100%; height: auto; margin: 0 auto 15px; } .category img[src*="/v/vspfiles/photos/categories/"] { max-width: 100%; } .category #divWaitModal + table > tbody > tr:first-child td { padding-left: 0; } .category font[face="Arial"] { font-family: inherit; } .category table.colors_backgroundlight + table td { padding: 0; } .category a.productnamecolor.colors_productname + img { display: none; } .category form#MainForm > input[name="Cat"] + table td[valign="bottom"][rowspan="2"] { vertical-align: top; padding-top: 5px; } .category form#MainForm > input[name="Cat"] + table > tbody > tr > td, .category form#MainForm > input[name="Cat"] + table td[valign="bottom"][rowspan="2"], .category form#MainForm > input[name="Cat"] + table td[align="right"] { padding-left: 0; padding-right: 0; } .category table.colors_backgroundlight > tbody > tr > td > img, .category .colors_lines_light, .category .colors_lines_light + .colors_backgroundneutral { display: none; } .category #content_area table.v65-productDisplay { table-layout: fixed; } @media (max-width: 480px) { .category { /* Product Title */ /* List Price */ /* Our Price */ /* Sale Price */ /* Deal Price */ } .category .v65-productDisplay { width: 100%; table-layout: fixed; } .category td[background*="/v/vspfiles/templates/have_hold_r/images/Grid_Divider_Vertical.gif"] { padding: 0 10px; } .category form#MainForm > input[name="Cat"] + table > tbody > tr > td, .category form#MainForm > input[name="Cat"] + table td[valign="bottom"][rowspan="2"], .category form#MainForm > input[name="Cat"] + table td[align="right"] { display: block; margin-bottom: 15px; text-align: left; } .category table.v65-productDisplay .productnamecolor { font-size: 12px; } .category table.v65-productDisplay .product_listprice, .category table.v65-productDisplay .product_listprice b { font-size: 12px; } .category table.v65-productDisplay .product_productprice, .category table.v65-productDisplay .product_productprice b { font-size: 12px; } .category table.v65-productDisplay .product_saleprice, .category table.v65-productDisplay .product_saleprice b { font-size: 12px; } .category table.v65-productDisplay .product_dealprice { font-size: 12px; } } /* ========= Deal of the Day ========== */ /* DEAL DIVIDER COLORS */ .deal, .deal-headline, .deal-saving-stock-details { border-color: #eeeeee; } #content_area .deal { max-width: none; font-family: "Montserrat", Helvetica, Arial, sans-serif; } #content_area .deal-image { float: none; margin: 0 auto; } #content_area .deal-details { margin-right: 0; padding-left: 0; } #content_area .deal-main-heading { height: auto !important; } /* DEAL HEADINGS */ #content_area .deal-main-heading, #content_area .deal-extra-heading { background-image: none !important; } #content_area .deal-main-heading:before, #content_area .deal-extra-heading:before { content: ''; display: block; padding: 20px 0 20px 25px; text-transform: uppercase; color: #eeeeee; font-weight: bold; background: #555555; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 19px; } #content_area .deal-main-heading:before { content: 'Deal of the Day'; } #content_area .deal-extra-heading:before { content: 'More Deals of the Day'; } #content_area .deal-extra-heading { height: 60px !important; margin: 0; } /* DEAL HEADLINE */ #content_area .deal-headline { font-size: 24px; color: #333333; font-family: "Montserrat", Helvetica, Arial, sans-serif; } /* DEAL PRODUCT NAME */ #content_area .deal-product-name a { text-decoration: none; font-size: 18px; color: #333333; font-family: "Montserrat", Helvetica, Arial, sans-serif; } #content_area .deal-price { margin-left: 0; } /* ARROWS and PRICE COLOR */ #content_area .deal-pricing { color: #eeeeee; font-family: "Montserrat", Helvetica, Arial, sans-serif; height: 78px; margin: 0; background-image: none !important; background-color: #555555; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* BUY-NOW and SOLD-OUT BUTTON */ #content_area .deal-buy-now, #content_area .deal-buy-now.sold-out { margin: 17px 20px 0 0; background: none; height: auto; width: auto; } #content_area .deal-buy-now a { vertical-align: middle; cursor: pointer; white-space: nowrap; height: 43px; line-height: 43px; padding: 0 16px; font-size: 18px; } /* DEAL EXPIRATION */ #content_area .deal-end { color: #d9534f; font-size: 14px; font-family: "Montserrat", Helvetica, Arial, sans-serif; } /* DEAL PRICE, SAVINGS and STOCK CAPTIONS TEXT */ #content_area .deal-regular-price-caption, #content_area .deal-savings-caption, #content_area .deal-stock-caption { color: #333333; } #content_area .deal-buy-now a { text-transform: uppercase; } #content_area .deal-buy-now a { background: rgba(29, 178, 200, 1); } #content_area .deal-buy-now a:hover { background: #58c8a7; } /* Small devices (tablets, 768px and up) */ @media only screen and (min-width: 768px) { #content_area .deal-image { float: right; } #content_area .deal-details { margin-right: 280px; } #content_area .deal-price { margin-left: 12px; } } .productdetails { /* Container for both .colors_priceboxes */ /* Select and input borders */ /* 1st Pricebox Container - Use for padding, borders, & bkg*/ /* Description Text */ /* Product Code */ /**************************** * 1st PRICEBOX - Prices * ****************************/ /* List Price*/ /* Our Price */ /* Sale Price */ /* Deal Price */ /* You Save */ /* Set Up Cost */ /************************** * 2nd PRICEBOX * **************************/ /* 2nd Pricebox Container */ /* Heading */ /* Hides original heading image */ /* Large label */ /* Label text color */ /************************************* * 2nd PRICEBOX - Label alignment * *************************************/ /* Contains everything but Qty and buttons */ /* Add spacing between table rows */ /* Targets Qty */ /* Targets Qty input */ /* Superfluous break tag */ /***************************** * 2nd PRICEBOX - Buttons * *****************************/ /* Lines up buttons in colors pricebox #2 */ /* Selects td containing "Add to Cart" and "Add to Wish List" */ /* Gives padding to Qty td */ /* "Add to Cart" button */ /* "Add to Wish List" input */ /* "Add to Registry" img */ /* On second .colors_pricebox allow a margin-bottom */ /***************************** * ALL IN ONE PRICEBOX * *****************************/ /* td containing prices, desc., prod. code, free shipping */ /* td containing Qty and Add to buttons */ /* Allows buttons to span width of .colors_pricebox */ /***************************** * DESCRIPTION BOX TABS * *****************************/ /* Tabs default/unselected */ /* Tabs selected / unselected:hover */ /*Fix spacing*/ /* USE IF SPACE TO LEFT OF FIRST TAB */ /*tr td[background$="expand_tab_left.gif"]:first-child img {display: block; width: 5px;}*/ /***************************** * DESCRIPTION BOX * *****************************/ /* Description container and text */ /* Text color */ /* Features container */ /* Hides all unused table rows not correlated with the features section text */ /*************************************** * RELATED / ACCESSORIES - Heading * ***************************************/ /* Background */ /* Text */ /******************************* * RELATED / ACCESSORIES * *******************************/ /* Row container */ /* Product title */ /* Our Price */ /* Sale Price */ /* Setup Cost */ /* Center product title and price */ /*td.v65-productDisplay-cell.v65-productName, td.v65-productDisplay-cell.v65-productAvailability { text-align: center; }*/ /************************** * REVIEWS - Heading * **************************/ /* Defaults to make room for heading */ /* Heading */ /************************* * REVIEWS * *************************/ /* "Be the first to write a review ยป" text */ /* Star rating image */ /* "Average Customer Review" text */ /* "5 of 5" text */ /* "Total Reviews" text */ /* "Write A Review" text */ /* 0 of 0 people found the following review helpful */ /* Comment Box Container */ /* Review Title */ /* Date */ /* Review Name and Location */ /* Actual review's text / "Was this Review Helpful?" */ /********************************* * RECENT HISTORY - Heading * *********************************/ /* Heading container */ /* Heading text */ /* Turn history off button - use for positioning */ /***************************** * RECENT HISTORY * *****************************/ /* Hide original history image */ /* Product image max-width - edit to your desired width */ /* Product title */ /* Product price */ /* * * * * * FIXES * * * * * */ /* Centers Multi-child Add to Cart Table */ /* Aligns "Add to Cart" button with checkboxes on Multi-child Add to Cart */ /* Removes spacing before breadcrumbs */ /* Options table */ /* Related products/accessories fixes */ /* History */ /* Override product photo float */ /* Reviews */ /*div[itemprop=aggregateRating] {padding-bottom: 10px;} div[itemprop="aggregateRating"] > table {display: block;}*/ /*#v65-product-reviews table > tbody > tr > td {vertical-align: middle !important;}*/ /* "Average customer review" whole container spacing*/ /*------- centers email me when in stock -------*/ /*------- tablet styles -------*/ /*------- mobile styles -------*/ /* #product_photo {display: none;}*/ /* share buttons */ } .productdetails td.vCSS_breadcrumb_td a, .productdetails td.vCSS_breadcrumb_td b { color: #333333; font-size: 12px; font-weight: normal; } .productdetails font.productnamecolorLARGE.colors_productname { color: #333333; display: inline-block; font-size: 20px; font-weight: bold; text-transform: uppercase; font-family: inherit; } .productdetails #v65-product-parent > tbody > tr:first-child + tr > td[align="right"] { padding-left: 15px; margin-bottom: 4%; width: 100%; } .productdetails .colors_pricebox select td, .productdetails .colors_pricebox input td { border: 1px solid #cccccc; } .productdetails span + .colors_pricebox { background: #eeeeee; /*Overrides default*/ padding: 10px 15px; } .productdetails td[background="/v/vspfiles/templates/have_hold_r/images/PBox_Border_Left.gif"] + td { padding: 15px; } .productdetails .colors_pricebox span[itemprop="description"] { color: #333333; display: block; font-size: 12px; margin-bottom: 10px; } .productdetails span.product_code_title, .productdetails span.product_code { color: #333333; font-size: 12px; font-style: normal; font-weight: normal; } .productdetails .colors_pricebox .product_listprice, .productdetails .colors_pricebox .product_listprice b { color: #333333; font-size: 15px; font-weight: normal; } .productdetails .colors_pricebox .product_productprice, .productdetails .colors_pricebox .product_productprice b { color: #333333; font-size: 15px; font-weight: normal; } .productdetails .colors_pricebox .product_saleprice, .productdetails .colors_pricebox .product_saleprice b { color: rgba(29, 178, 200, 1); font-size: 15px; font-weight: normal; } .productdetails .colors_pricebox .product_dealprice, .productdetails .colors_pricebox .product_dealprice b { color: rgba(29, 178, 200, 1); font-size: 15px; font-weight: normal; } .productdetails .colors_pricebox .product_yousave { color: #333333; font-size: 11px; font-style: normal; font-weight: normal; } .productdetails br + .colors_pricebox { background: #eeeeee; /*Overrides default*/ margin-top: 35px; /*Make same as height of heading*/ padding-bottom: 10px; position: relative; margin-bottom: 5%; } .productdetails br + .colors_pricebox > tbody > tr > td > table > tbody > tr:first-child > td:first-child:before { background: transparent; bottom: 100%; color: #333333; content: "Choose your options:"; /*Text to be displayed*/ display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #eeeeee; left: 0; line-height: 35px; /*Adjust height*/ position: absolute; text-indent: 15px; width: 100%; } .productdetails .colors_pricebox img[src$="Options_Text_Choose.gif"] { display: none; } .productdetails table#options_table font.colors_productname b { color: #333333; display: block; font-size: 14px; font-style: normal; font-weight: bold; margin-bottom: 5px; } .productdetails br + .colors_pricebox table td { color: #333333; } .productdetails #options_table { font-size: 12px; margin-left: 0; } .productdetails #options_table td { padding: 2px 0; } .productdetails #options_table script + br + table > tbody > tr:first-child > td:first-child { padding: 2px 0 0 48px; display: block; } .productdetails br + .colors_pricebox script + br + table input.v65-productdetail-cartqty { margin: 0 auto; } .productdetails br + .colors_pricebox script + br { display: none; } .productdetails br + .colors_pricebox td[width="1"] + td[valign="top"] br + table { width: 100%; } .productdetails br + .colors_pricebox td[width="1"] + td[valign="top"] br + table > tbody > tr:first-child > td { display: block; padding: 10px 0 0; /*Adds spacing between buttons and qty*/ } .productdetails br + .colors_pricebox td[width="1"] + td[valign="top"] br + table > tbody > tr:first-child > td:first-child { padding-left: 0; } .productdetails .vCSS_input_addtocart { display: block; margin: 10px auto; } .productdetails input#v65-product-wishlist-button { display: block; margin: 0 auto 10px; } .productdetails .vCSS_img_add_to_wishlist { display: block; margin: 0 auto; } .productdetails br + .colors_pricebox img.vCSS_img_add_to_wishlist { margin-bottom: 10px; } .productdetails td[background$="PBox_Border_Left.gif"] + td > table > tbody > tr > td:first-child { display: block; padding: 0 15px; } .productdetails td#v65-productdetail-action-wrapper { display: block; text-align: center; } .productdetails td#v65-productdetail-action-wrapper table, .productdetails td#v65-productdetail-action-wrapper tbody, .productdetails td#v65-productdetail-action-wrapper tr, .productdetails td#v65-productdetail-action-wrapper td { display: block; } .productdetails span#Header_ProductDetail_ProductDetails_span, .productdetails span#Header_ProductDetail_TechSpecs_span, .productdetails span#Header_ProductDetail_ExtInfo_span, .productdetails td#Header_ProductDetail_ProductDetails.vCSS_tab_unselected span#Header_ProductDetail_ProductDetails_span, .productdetails td#Header_ProductDetail_TechSpecs.vCSS_tab_unselected span#Header_ProductDetail_TechSpecs_span, .productdetails td#Header_ProductDetail_ExtInfo.vCSS_tab_unselected span#Header_ProductDetail_ExtInfo_span { background: transparent; color: #333333; border: 1px solid #eeeeee; border-bottom: 0; display: inline-block; font-size: 14px; font-weight: 400 !important; line-height: 30px; /*Control height here*/ padding: 0 15px; } .productdetails td#Header_ProductDetail_ProductDetails span#Header_ProductDetail_ProductDetails_span, .productdetails td#Header_ProductDetail_ProductDetails.vCSS_tab_selected span#Header_ProductDetail_ProductDetails_span, .productdetails td#Header_ProductDetail_TechSpecs.vCSS_tab_selected span#Header_ProductDetail_TechSpecs_span, .productdetails td#Header_ProductDetail_ExtInfo.vCSS_tab_selected span#Header_ProductDetail_ExtInfo_span { background: transparent; color: #333333; font-weight: bold !important; } .productdetails tr td[background$="expand_tab_left.gif"] img { display: none; } .productdetails tr td[background$="expand_tab_right.gif"] img { width: 7px; } .productdetails #ProductDetail_ProductDetails_div2 .colors_descriptionbox > tbody > tr:nth-child(3) > td[width="100%"], .productdetails form .colors_descriptionbox { background: #fff; border-top: 1px solid #eeeeee; padding: 10px 15px; } .productdetails form .colors_descriptionbox td { color: #333333; font-size: 13px; font-weight: normal; line-height: 1.4; padding: 5px; } .productdetails form .colors_descriptionbox td[width="1"] { padding: 0; } .productdetails #ProductDetail_ProductDetails_div2 .colors_descriptionbox > tbody > tr:nth-child(3) > td[width="100%"] { display: block; margin-top: 10px; } .productdetails #ProductDetail_ProductDetails_div2 .colors_descriptionbox > tbody > tr:not(:nth-child(3)) { display: none; } .productdetails .v65-product-related-header-cell .colors_backgroundlight, .productdetails .colors_lines_light .colors_backgroundlight { background: #fff; display: block; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; } .productdetails .colors_lines_light font.productnamecolorSMALL.colors_productname b { color: #333333; text-transform: uppercase; display: block; font-size: 15px; font-weight: normal; line-height: 35px; /*Control height here*/ text-indent: 2px; } .productdetails td.v65-product-related-details-cell, .productdetails td.colors_background_main { background: none; border: none; text-align: center; padding: 5px 15px; /*Use to align product text with heading text*/ } .productdetails .colors_lines_light a.productnamecolorsmall.colors_productname { color: #333333; text-transform: uppercase; font-size: 12px; font-weight: 600; } .productdetails .colors_lines_light .product_productprice, .productdetails .colors_lines_light .product_productprice b, .productdetails .colors_lines_light .product_productprice .smalltext { color: #333333; font-size: 12px; font-weight: normal; } .productdetails .colors_lines_light .product_saleprice, .productdetails .colors_lines_light .product_saleprice b { color: rgba(29, 178, 200, 1); font-size: 12px; font-weight: normal; } @media only screen and (max-width: 767px) { .productdetails { /* Responsive images */ /* Product title */ } .productdetails #related_products_content .v65-productPhoto img { display: block; width: 100%; height: auto; max-width: 200px; } .productdetails .colors_lines_light a.productnamecolorsmall.colors_productname { font-size: 11px; padding: 0; } } .productdetails #v65-product-reviews { margin-top: 25px; /*Adds spacing between Related and Reviews*/ padding-top: 35px; /*Make the same height as heading*/ position: relative; } .productdetails #v65-product-reviews .v65-product-reviews-cell:before { background: none; color: transparent; content: "Customer Reviews"; display: block; font-size: 15px; font-weight: normal; left: 0; line-height: 35px; position: absolute; text-indent: 2px; text-transform: uppercase; top: 0; width: 100%; color: #333333; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; } .productdetails a[href*="write+a+review"], .productdetails a[href*="ReviewNew.asp"] { color: #333333; } .productdetails a[href*="write+a+review"]:hover, .productdetails a[href*="ReviewNew.asp"]:hover { text-decoration: underline; } .productdetails table#v65-product-reviews td.v65-product-reviews-cell { display: block; margin: 50px 0 10px; /* Pushes Avg. reviews stars down so they are not covered up */ } .productdetails div[itemprop="aggregateRating"] img.vCSS_img_star_avg_rating { float: none; margin-right: 5px; vertical-align: sub; } .productdetails #v65-product-reviews table > tbody > tr > td:first-child b { color: #333333; font-size: 12px; font-weight: normal; } .productdetails #v65-product-reviews table > tbody > tr > td:first-child > span { color: #333333; font-size: 12px !important; font-weight: normal !important; white-space: nowrap; } .productdetails #v65-product-reviews table > tbody > tr > td > b { color: #333333; font-size: 12px; font-weight: normal; } .productdetails #v65-product-reviews table > tbody > tr > td > nobr a { font-size: 12px; font-weight: normal; } .productdetails br + table[width="100%"] td[width="1%"] + td[width="100%"] { color: #333333; font-size: 12px !important; font-weight: normal; padding-bottom: 5px; padding-left: 0px; } .productdetails table#product_reviews_description_box { background: transparent; border: none; padding: 10px 15px; } .productdetails table#product_reviews_description_box td[width="1px"] + td[width="100%"] > table > tbody > tr:first-child b { color: #333333; display: block; font-size: 14px; font-style: normal; font-weight: normal; padding-bottom: 5px; } .productdetails table#product_reviews_description_box td[width="1px"] + td[width="100%"] > table > tbody > tr:first-child i { color: #333333; display: block; font-size: 12px; font-style: normal; font-weight: normal; } .productdetails table#product_reviews_description_box td[width="1px"] + td[width="100%"] > table > tbody > tr:first-child + tr i { color: #333333; display: block; font-size: 12px; font-style: normal; font-weight: normal; padding-bottom: 3px; } .productdetails table#product_reviews_description_box td[width="1px"] + td[width="100%"] { color: #333333; font-size: 12px; font-weight: normal; line-height: 1.4; } .productdetails #v65-product-history-header { height: 45px; /*Make same as line-height of heading text below*/ margin-bottom: 10px; position: relative; } .productdetails #v65-product-history-header td:first-child:before { background: transparent; color: #333333; content: "Recent Items"; /*Text to be displayed*/ display: block; font-size: 15px; font-weight: normal; left: 0; line-height: 45px; /*Adjust height*/ position: absolute; text-indent: 15px; top: 0; width: 100%; } .productdetails #TurnHistoryOnOffContainer { margin-right: 10px; margin-top: 2px; } .productdetails img.vCSS_img_heading_history { display: none; } .productdetails .historyitem_image img { max-width: 100%; height: auto; } .productdetails .historyitem_productname a { color: #333333; display: block; font-size: 12px; font-weight: normal; margin-bottom: 3px; } .productdetails .historyitem_productprice b font.pricecolor.colors_productprice { color: rgba(29, 178, 200, 1); display: block; font-size: 12px; font-weight: normal; margin-bottom: 5px; } .productdetails #v65-product-history-details { table-layout: fixed; } .productdetails img[src*="OBox_Border_"], .productdetails img[src*="PBox_Border_"], .productdetails img[src*="Line_Group_"], .productdetails img[src*="DBox_Border_"] { display: none; } .productdetails td.vCSS_breadcrumb_td > b { text-indent: -4px; } .productdetails td[background] { background: none !important; } .productdetails #ProductDetail_ProductDetails_div div[style="height: 15px;"] { display: none; } .productdetails #ProductDetail_ProductDetails_div2 .colors_descriptionbox { border: none; padding: 0; background: none; } .productdetails #content_area table[bgcolor="#CCCCCC"] { margin: 0 auto; } .productdetails .Multi-Child_Background input.vCSS_input_addtocart { margin: 0; display: block; } .productdetails td.vCSS_breadcrumb_td b { display: block; margin-bottom: 10px; } .productdetails form#vCSS_mainform > img, .productdetails form#vCSS_mainform > br, .productdetails td.vCSS_breadcrumb_td > img + br, .productdetails td.vCSS_breadcrumb_td > b + br, .productdetails td.vCSS_breadcrumb_td > b + br + img { display: none; } .productdetails #altviews[style="visibility:hidden"] { display: none; } .productdetails #options_table tr > td:first-child br { display: none; } .productdetails .colors_lines_light { background: none; } .productdetails table.colors_backgroundlight { margin-bottom: -1px; } .productdetails table.colors_lines_light td.colors_backgroundlight { padding: 0; } .productdetails table.colors_backgroundlight_dark { background: none; } .productdetails #TurnHistoryOnOffContainer { position: relative; z-index: 2; } .productdetails table#v65-product-history-body { background: none; /*Software override*/ border: none; /*Software override*/ } .productdetails #product_photo { float: none; } .productdetails #v65-product-parent > tbody > tr:first-child + tr > td[align="center"] { min-width: 280px; } .productdetails #content_area > div > br + table[width="100%"] td[width="1%"], .productdetails #content_area > div > br + table[width="100%"] + table[width="100%"] td[width="1%"] { display: none; } .productdetails #v65-product-reviews table > tbody > tr > td:first-child { width: auto !important; max-width: 230px !important; padding-right: 5px; } .productdetails #v65-product-reviews table > tbody > tr > td:first-child > span { position: static !important; } .productdetails #v65-product-reviews table > tbody > tr > td:first-child > span > span { position: inherit !important; left: auto !important; } .productdetails #vCSS_mainform + br { display: none; } .productdetails table#v65-product-reviews td.v65-product-reviews-cell, .productdetails table#v65-product-reviews td.v65-product-reviews-cell td { padding: 0; } .productdetails table#v65-product-reviews td.v65-product-reviews-cell > br { display: none; } .productdetails table { border-spacing: inherit; } .productdetails table td { padding: inherit; } .productdetails #v65-product-parent tbody tr td table.colors_pricebox input + br + div { text-align: center !important; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .productdetails #v65-product-parent > tbody > tr + tr > td { display: block; clear: both; } .productdetails #vZoomArea { display: none; } .productdetails #v65-product-parent > tbody > tr:first-child + tr > td[align="right"] { padding-left: 0; } } @media only screen and (max-width: 480px) { .productdetails span#Header_ProductDetail_ProductDetails_span, .productdetails span#Header_ProductDetail_TechSpecs_span, .productdetails span#Header_ProductDetail_ExtInfo_span, .productdetails td#Header_ProductDetail_ProductDetails.vCSS_tab_unselected span#Header_ProductDetail_ProductDetails_span, .productdetails td#Header_ProductDetail_TechSpecs.vCSS_tab_unselected span#Header_ProductDetail_TechSpecs_span, .productdetails td#Header_ProductDetail_ExtInfo.vCSS_tab_unselected span#Header_ProductDetail_ExtInfo_span { font-size: 11px; padding: 0 5px; } .productdetails form .colors_descriptionbox, .productdetails form .colors_descriptionbox table { width: 100%; table-layout: fixed; /*max-width: 480px;*/ } .productdetails form .colors_descriptionbox td { font-size: 11px; } .productdetails .v65-productDisplay, .productdetails #v65-product-parent > tbody > tr:first-child + tr > td[align="right"], .productdetails .v65-productDisplay { table-layout: fixed; } .productdetails #product_photo { width: 100%; } } .productdetails #product_photo_zoom_url { display: inline-block; margin-bottom: 15px; background-color: #fff; border: 1px solid; color: white; } .productdetails #btn_vsharethis a { padding: 4px; } .productdetails #v65-product-parent > tbody > tr:first-child + tr > td[align="center"] br + br + table { width: 100%; } @media only screen and (max-width: 767px) { .thankyou #content_area table[width="450"] { width: 100% !important; } .thankyou #content_area table[width="450"] img[height="100"] { width: 100% !important; height: auto !important; min-width: 73px; } .thankyou #content_area table[width="450"] tbody > tr { display: block !important; margin-bottom: 15px; } } .onepagecheckout { /************************** * CENTER TABLE * **************************/ /************************** * PAGE HEADING * **************************/ /************************** * HEADINGS IMAGES * **************************/ /************************** * LOGIN MODAL * **************************/ /************************** * LABEL TEXT * **************************/ /************************** * INPUTS & SELECTS * **************************/ /********************************** * TABLE CHECKOUT SUM HEADING * **********************************/ /* Heading background-color */ /* Heading text */ /* "Edit" text styling */ /******************************* * TABLE CHECKOUT SUM BKG * *******************************/ /* Order summary background color */ /************************** * CART DETAILS * **************************/ /* All summary text the same? Use this and delete the next three sections */ /* Gift Card Amount */ /************************** * BORDER ABOVE TOTAL * **************************/ /************************** * TOTAL TEXT * **************************/ /************************** * OTHER TEXT * **************************/ /* Gift card text */ /* Order Comments text */ /* Textarea border and background */ } .onepagecheckout #content_area form#v65-onepage-CheckoutForm { margin: 0 auto; max-width: 1000px; width: 100%; } .onepagecheckout #content_area h2#v65-onepage-header { text-indent: 0px; color: inherit; } .onepagecheckout #content_area h2#v65-onepage-header .loginHeaderWrapper { color: #333333; text-transform: none; } .onepagecheckout #content_area h2#v65-onepage-header .loginHeaderWrapper a { color: rgba(29, 178, 200, 1); } .onepagecheckout .v65-onepage-headerShort { background: #555555; width: 100%; color: #eeeeee; font-size: 14px; text-transform: uppercase; } .onepagecheckout #simpleModal { width: 290px !important; } .onepagecheckout #simpleModal #loginModal { margin: 0; } .onepagecheckout #v65-onepage-ordercomments-value, .onepagecheckout #v65-onepage-ContentTable td, .onepagecheckout #v65-onepage-ContentTable td font { color: #333333; } .onepagecheckout #content_area table#v65-onepage-Detail td input[type="password"], .onepagecheckout #content_area table#v65-onepage-Detail td input[type="text"], .onepagecheckout #content_area table#v65-onepage-Detail td select { background: white !important; border: 1px solid #cccccc; color: #555555; border-radius: 0; text-align: left; margin-bottom: 10px; } .onepagecheckout #content_area table#v65-onepage-Detail td input[type="password"]:focus, .onepagecheckout #content_area table#v65-onepage-Detail td input[type="text"]:focus, .onepagecheckout #content_area table#v65-onepage-Detail td select:focus { border: 1px solid #cccccc; } .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-cartsummary-header { background: white; } .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-cartsummary-label { color: #333333; text-transform: uppercase; font-size: 14px; font-weight: normal; } .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-editcart { color: rgba(29, 178, 200, 1); font-size: 10px; } .onepagecheckout #content_area #table_checkout_cart0 { background: white !important; margin-top: 20px; /*Resets margin*/ } .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-ordersummary-header-row td, .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-ordersummary-items td, .onepagecheckout #content_area #table_checkout_cart0 b.v65-onepage-shippingcost-label, .onepagecheckout #content_area #table_checkout_cart0 b.v65-onepage-shippingcost-amount, .onepagecheckout #content_area #TotalsDivContainer b, .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-ShippingCostDetails .carttext { color: #333333 !important; font-weight: normal; font-size: 14px; } .onepagecheckout #content_area #v65-onepage-ordersummary-items td, .onepagecheckout #content_area #TotalsGCAmtUsedTD { font-weight: normal; font-size: 14px; } .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-ordersummary-header-row td.v65-onepage-ordersummary-header { text-transform: uppercase; color: #333333 !important; font-weight: normal !important; } .onepagecheckout #content_area #v65-onepage-ShippingCostDetails { margin-right: 0; padding-left: 0; padding-right: 15px; } .onepagecheckout #content_area #table_checkout_cart0 #v65-onepage-summary-total-line, .onepagecheckout #content_area #table_checkout_cart0 .v65-onepage-summary-total-line-cell { border-bottom: 1px solid #eeeeee; } .onepagecheckout #content_area #TotalsTotalTD { color: rgba(29, 178, 200, 1); display: block; margin-top: 10px; font-weight: normal !important; } .onepagecheckout #content_area td#v65-apply-gift-newCell a[style="color:#0000CC;font-weight:bold;"] { color: #333333 !important; font-size: 12px; font-weight: normal !important; } .onepagecheckout #content_area #v65-onepage-ordercomments-row #v65-onepage-ordercomments-value { color: #333333; text-transform: uppercase; font-size: 12px; text-indent: 0px; } .onepagecheckout #content_area #v65-onepage-ordercomments-row #v65-onepage-ordercomments-value textarea { margin-top: 5px; } .onepagecheckout #content_area textarea#v65-onepage-ordercomments-input { background: white !important; border: 1px solid #cccccc !important; } .onepagecheckout #content_area textarea#v65-onepage-ordercomments-input:focus { border: 1px solid #66afe9 !important; } .shoppingcart { /************************** * PAGE HEADING * **************************/ /************************** * BORDERS * **************************/ /* Border between cart detail rows */ /************************** * CART HEADER TEXT * **************************/ /************************** * CART DETAILS * **************************/ /************************** * ZEBRA * **************************/ /************************** * EMPTY CART * **************************/ /* Empty cart container */ /* "Click X to remove an item from your cart" text */ /* "Empty My Entire Cart" text */ /*********************************** * CART SHIPPING & GIFT OPTIONS * ***********************************/ /****************************** * CART SHIPPING DETAILS * ******************************/ /* Shipping background color */ /* "Calculate shipping" text */ /* "(optional)" text*/ /* Text color */ /************************** * TAX & TOTAL * **************************/ /* Targets tax text */ /* Targets tax price */ /* Targets "total" text */ /* Total price */ /************************** * CHECKOUT TABLE * **************************/ /* Text color and size */ /* Password and Email addres text color */ /* Forgot password text */ /***************************** * INPUT/SELECT BORDERS * *****************************/ /* * * * * * Shopping Cart Responsive * * * * * */ /* UPDATES TO SHOPPING CART */ /*-faux labels QTY-*/ } .shoppingcart h2.v65-your-cart-title { color: #333333; text-indent: 0px; } .shoppingcart #content_area #cart-top-rule, .shoppingcart #content_area .v65-divider-hr-cell { border-top: 0px solid #eeeeee; } .shoppingcart #content_area .v65-cart-details-separator td { border-top: none; } .shoppingcart #content_area #cart-header font { color: #333333 !important; line-height: 1.5em; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; display: block; } .shoppingcart #content_area font.carttext.colors_text, .shoppingcart #content_area font.carttext.colors_text b { color: #333333 !important; } .shoppingcart #content_area font.carttext.colors_text b.cart-item-name { color: #333333 !important; } .shoppingcart #content_area font.carttext.colors_text b.cart-item-name:hover { color: #333333 !important; text-decoration: underline; } .shoppingcart #content_area #v65-cart-table .v65-item-zebra { background-color: #eeeeee; } .shoppingcart #content_area #v65-cart-empty-details-cell { border-top: 1px solid #eeeeee; padding: 10px 0 0 !important; /*!important required*/ } .shoppingcart #content_area #v65-cart-empty-details-cell > span:first-child { color: #333333; font-size: 12px; } .shoppingcart #content_area #v65-cart-empty-details-cell span + span a { color: #333333 !important; } .shoppingcart #content_area #v65-cart-coupon-entry-details-div { color: #333333; } .shoppingcart #content_area #v65-cart-shipping-details-text { color: #333333; } .shoppingcart #content_area td#v65-cart-shipping-details-container { background: none; border: none; padding-right: 0; padding-left: 0; border-top: 1px solid #eeeeee; } .shoppingcart #content_area #v65-cart-shipping-details-label.v65-cart-left-label { color: #333333; text-transform: uppercase; margin-bottom: 5px; border-bottom: none; text-indent: 13px; padding-bottom: 5px; } .shoppingcart #content_area #v65-cart-shipping-details-label br { display: none; } .shoppingcart #content_area #v65-cart-shipping-details > td { padding: 0; } .shoppingcart #content_area #v65-cart-shipping-details-label.v65-cart-left-label small { color: #333333; text-transform: none; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details td, .shoppingcart #v65-cart-shipping-details-container #v65-cart-shipping-details span { color: #333333 !important; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details a span { color: #333333 !important; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details > tbody > tr > td:first-child { padding-left: 15px; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details td#v65-cart-shippingoptionsbuttoncell { padding-left: 0; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details div[align="right"] { text-align: left; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details div[align="right"] img[width="5"] { display: none; } .shoppingcart #content_area tr.v65-cart-tax-row b { color: #333333; display: block; margin-top: 10px; white-space: nowrap; } .shoppingcart #content_area td.v65-cart-tax-parent-cell b { color: #333333; display: block; margin-top: 10px; } .shoppingcart #content_area tr.v65-cart-tax-row + tr b { color: #333333; display: block; margin-top: 10px; white-space: nowrap; } .shoppingcart #content_area font.pricecolor.colors_productprice, .shoppingcart font.pricecolor.colors_productprice b { color: rgba(29, 178, 200, 1); font-weight: 700; margin-top: 10px; } .shoppingcart #content_area table#v65-cart-checkout-table tr td { color: #333333; font-size: 12px; } .shoppingcart #content_area table#v65-checkout-form-table tr td { color: #333333; font-size: 12px; } .shoppingcart #content_area table#v65-cart-checkout-table a[href="login_sendpass.asp"] { color: #333333; font-size: 10px !important; } .shoppingcart #content_area #v65-cart-coupon-entry-details-input, .shoppingcart #content_area input.v65-cart-login-input, .shoppingcart #content_area input#password, .shoppingcart #content_area input[size], .shoppingcart #content_area #v65-cart-shipping-details select, .shoppingcart #content_area #v65-cart-shipping-details input, .shoppingcart #content_area tr.v65-cart-details-row td input { border: 1px solid #eeeeee; border-radius: 0; } .shoppingcart #content_area #v65-cart-coupon-entry-details-input:focus, .shoppingcart #content_area input.v65-cart-login-input:focus, .shoppingcart #content_area input#password:focus, .shoppingcart #content_area #v65-cart-shipping-details select:focus, .shoppingcart #content_area #v65-cart-shipping-details input:focus, .shoppingcart #content_area tr.v65-cart-details-row td input:focus { border: 1px solid #eeeeee; } .shoppingcart #content_area input.btn_checkout_guest { margin: 20px 0 0 0; } @media only screen and (max-width: 767px) { .shoppingcart { /*-each item spans 100%-*/ /*-each item is centered-*/ /*-name, price, qty is stacked-*/ /*-name, price, qty is stacked-*/ /*-get rid of item, desc, labels-*/ /*-image-*/ /*-container for faux labels-*/ /*-faux labels-*/ /*-faux labels Price-*/ /*-faux labels QTY-*/ /*-faux labels TOTAL-*/ /* remove text from discount */ /*-remove cell-*/ /* Give "tax" and "total" a min-width for alignment purposes*/ /* align "tax" and "total" to the left*/ /*-coupon-*/ /*-shipping container-*/ /*-centers shipping container-*/ } .shoppingcart #content_area #v65-cart-table > tbody > tr { overflow: visible; display: block; border: 0; } .shoppingcart #content_area #v65-cart-table table { display: table; width: 100%; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-details-row td { display: block; text-align: center !important; width: 100%; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-details-row td.v65-cart-detail-productimage + td.v65-cart-details-text { text-align: left !important; } .shoppingcart #content_area #v65-cart-table #cart-header { display: none; } .shoppingcart #content_area td.v65-cart-detail-productimage img { margin-top: 15px; } .shoppingcart #content_area #v65-cart-table td input { margin: 0; } .shoppingcart #content_area #v65-cart-table td[width="135"] div, .shoppingcart #content_area #v65-cart-table td[width="70"] div { padding: 0 8px; position: relative; margin: 5px 0; } .shoppingcart #content_area #v65-cart-table td[width="70"] div:after, .shoppingcart #content_area #v65-cart-table td[width="70"] div:before, .shoppingcart #content_area #v65-cart-table td[width="135"] div:before { position: absolute; top: 0px; font-size: 14px; left: -120px; right: 0; bottom: 0; margin: auto; color: #333333; } .shoppingcart #content_area #v65-cart-table td[width="70"] div:before { content: 'Each: '; } .shoppingcart #content_area #v65-cart-table td[width="70"] div:after { content: ''; top: 32px; } .shoppingcart #content_area #v65-cart-table td[width="135"] div:before { content: 'Total: '; left: -120px; } .shoppingcart #content_area #v65-cart-table .v65-cart-giftcert-total td[width="135"] div:before { content: ''; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-giftcert-details-row { background: #eeeeee !important; } .shoppingcart #content_area .v65-cart-item-remove-cell.v65-cart-details-text, .shoppingcart #content_area #v65-cart-shipping-details-text { border-bottom: 1px solid #eeeeee; } .shoppingcart #content_area .v65-cart-tax-row > td[colspan="4"], .shoppingcart #content_area .v65-cart-total-estimate-row > td[colspan="4"] { min-width: 100px; } .shoppingcart #content_area .v65-cart-tax-row > td[colspan="4"] div, .shoppingcart #content_area .v65-cart-total-estimate-row > td[colspan="4"] div { text-align: left; } .shoppingcart #content_area .v65-cart-item-remove-cell.v65-cart-details-text .v65-cart-item-remove-link:after { content: 'Remove this item'; padding-left: 5px; } .shoppingcart #content_area td.v65-divider-hr-cell { border-top: none; } .shoppingcart #content_area #v65-cart-empty-details-cell { border-top: none; } .shoppingcart #content_area #v65-cart-coupon-entry-details-div { text-align: center !important; } .shoppingcart #content_area #v65-cart-table td input#v65-cart-coupon-entry-details-input { margin: 10px auto; } .shoppingcart #content_area #v65-cart-table #v65-cart-coupon-entry-details-button, .shoppingcart #content_area #v65-cart-table #v65-cart-empty-details-cell, .shoppingcart #content_area #v65-cart-table #v65-cart-shipping-details-text { display: block; margin: 0 auto; text-align: center; } .shoppingcart #content_area #v65-cart-shipping-details-text div { padding-right: 0 !important; white-space: normal !important; } .shoppingcart #content_area #v65-coupon-table-row td { display: block; width: 100%; clear: both; } .shoppingcart #v65-cart-shipping-details-text div { white-space: normal !important; } .shoppingcart #content_area #v65-cart-shipping-details-container { display: block; } .shoppingcart #content_area #v65-cart-shipping-details-label.v65-cart-left-label { text-indent: 5px; } .shoppingcart #content_area #v65-cart-shipping-details td { display: block; width: 100% !important; /*text-align: center;*/ } .shoppingcart #content_area select { height: 30px; line-height: 30px; } .shoppingcart #content_area #v65-cart-shipping-details select { width: 100% !important; } .shoppingcart #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details > tbody > tr > td:first-child { padding-left: 5px; padding-bottom: 0; margin-top: 10px; } .shoppingcart #content_area input.btn_checkout_guest { display: block; margin: 20px auto 0; } } @media only screen and (min-width: 768px) { .shoppingcart { /*-coupon-*/ } .shoppingcart #content_area #v65-cart-table > tbody tr, .shoppingcart #content_area #v65-cart-table > tbody > tr, .shoppingcart #content_area #v65-cart-table > tbody > tr:first-child, .shoppingcart #content_area #v65-cart-table > tbody > tr#cart-header, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-divider-hr-row, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-details-separator, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-giftcert-details-row, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-tax-row, .shoppingcart #content_area #v65-cart-table .v65-cart-details-separator, .shoppingcart #content_area #v65-cart-table .v65-cart-details-row #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row + tr, .shoppingcart #content_area #v65-cart-table > tbody > tr#v65-cart-footer-row, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row, .shoppingcart #content_area #v65-cart-table #cart-header, .shoppingcart #content_area #v65-cart-table > tbody > tr#v65-empty-cart-row { overflow: visible; display: table-row !important; border: 0; } .shoppingcart #content_area #v65-cart-table > tbody td { display: table-cell !important; width: auto !important; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-details-row td { display: table-cell; text-align: center !important; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-details-row td.v65-cart-detail-productimage + td.v65-cart-details-text { text-align: left !important; } .shoppingcart #content_area #v65-cart-checkout-parent { display: table; text-align: right; } .shoppingcart #content_area #v65-cart-shipping-details-container { display: table-cell; } .shoppingcart #content_area #v65-cart-table td[width="70"] div:after, .shoppingcart #content_area #v65-cart-table td[width="70"] div:before, .shoppingcart #content_area #v65-cart-table td[width="135"] div:before { content: ''; } .shoppingcart #content_area #v65-cart-table table[width="145"] { width: 145px; margin: 0 auto; } .shoppingcart #content_area #v65-cart-table table[width="135"] { width: 135px; } .shoppingcart #content_area #v65-cart-table table[width="75"] { width: 75px; margin: 0 auto; } .shoppingcart #content_area #v65-cart-table td[width="70"] { width: 70px; margin: 0 auto; } .shoppingcart #content_area #v65-cart-shipping-details td input[type="text"], .shoppingcart #content_area #v65-cart-shipping-details td select { width: auto; display: inline-block; } .shoppingcart #content_area #v65-cart-shipping-details td { display: table-cell; width: auto !important; text-align: left; } .shoppingcart #content_area #v65-cart-table td[width="0"] { display: table-cell !important; } .shoppingcart #content_area #v65-cart-table-container #v65-cart-table td.v65-cart-details-text { text-align: left !important; } .shoppingcart #content_area #v65-cart-table-container #v65-cart-table td[valign="middle"].v65-cart-details-text { text-align: center !important; } .shoppingcart #content_area .v65-cart-item-remove-cell.v65-cart-details-text { border: none; } .shoppingcart #content_area .v65-cart-item-remove-cell.v65-cart-details-text .v65-cart-item-remove-link:after { content: ''; padding: 0; } .shoppingcart #content_area td.v65-cart-detail-productimage img { margin-top: 0px; } .shoppingcart #content_area #v65-cart-coupon-entry-details-button { display: inline-block; } .shoppingcart #content_area #v65-coupon-table-row td { display: inline-block; width: auto; clear: both; } .shoppingcart #content_area #v65-cart-table > tbody tr.v65-cart-total-estimate-row td, .shoppingcart #content_area #v65-cart-table > tbody tr.v65-cart-tax-row td { text-align: right; } } @media (max-width: 767px) { .shoppingcart #v65-cart-show-giftoptions-cell { display: block; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row td.v65-cart-details-blank, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row td[width="0"] { display: none; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row td[width="0"], .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-tax-row td[width="0"] { background-color: #eeeeee !important; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-tax-row { border-left: 1px solid #eeeeee !important; border-right: 1px solid #eeeeee !important; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row { border-bottom: 1px solid #eeeeee !important; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-tax-row { border-top: 1px solid #eeeeee !important; } .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-total-estimate-row, .shoppingcart #content_area #v65-cart-table > tbody > tr.v65-cart-tax-row { background-color: #eeeeee !important; padding-left: 10px; } } /**************************** * CONTAINER * ****************************/ /* Use for width and positioning*/ .soft_add_wrapper { font-family: inherit; padding: 0; color: #333333; position: fixed; width: 265px; top: 15% !important; left: 0 !important; right: 0 !important; bottom: auto !important; margin: auto !important; z-index: 1100; } /* Use for background, box-shadow, border-radius */ .soft_add_content_shadow { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* Use for ie8 */ .ie8 .soft_add_wrapper { border: 1px solid #eeeeee; } .soft_add_content_area .cart_table { width: auto !important; } .soft_add_content_area { border-bottom: 1px solid #eeeeee !important; } .soft_add_wrapp .cart_table td { max-width: 65px; padding-left: 0; } /**************************** * PRODUCT DETAILS * ****************************/ /* Product details container */ .soft_add_content_area { background: none; max-height: none; padding: 10px; width: auto; } /* Row border */ .soft_add_wrapper ul.anchored-cart li { border-bottom: 1px solid #eeeeee; overflow: hidden; } /* Recently added */ .soft_add_wrapper ul.anchored-cart li.recently-added { background-color: #f5f5f5; } /* Product name */ .soft_add_wrapper ul.anchored-cart li .product-name a { color: #333333; font-size: 12px; font-weight: normal; } /* Quantity */ .soft_add_wrapper ul.anchored-cart .product-qty, .soft_add_wrapper ul.anchored-cart .product-qty .quantity_text, .soft_add_wrapper ul.anchored-cart li .product-options a { color: #333333; display: block; font-size: 12px; } /* Product price */ .soft_add_wrapper ul.anchored-cart li .product-price { color: rgba(29, 178, 200, 1); font-size: 12px; } /***************************** * SUBTOTAL * *****************************/ /* Container */ .soft_add_wrapper .soft_add_sub_total { background: none; height: 24px; padding: 4px 20px 0; } /* "Subtotal" text */ .soft_add_wrapper .sub_total { color: #333333; font-size: 12px; } /* Price */ .soft_add_wrapper span.sub_total_amount { color: rgba(29, 178, 200, 1); font-size: 20px; } /****************************** * CHECKOUT BUTTON * ******************************/ /* Buttons and container */ .soft_add_wrapper .soft_add_action_area { background: none; border-top: none; height: auto; overflow: hidden; padding: 15px 0; position: relative; } /* Checkout button */ .soft_add_wrapper .check_out { color: white; font-size: 15px; line-height: 32px; text-transform: uppercase; text-align: center; font-weight: 600; text-indent: 0; /* Solid image? Delete here to "Color" */ float: none; display: block; margin: 0 auto; position: static; height: 32px; width: 110px; background: rgba(29, 178, 200, 1); } .soft_add_wrapper .check_out:hover { text-decoration: none; opacity: .8; } /* SOFT ADD CLOSE BUTTON */ .soft_add_wrapper .close_btn, .soft_add_wrapper .close_btn:link, .soft_add_wrapper .close_btn:visited, .soft_add_wrapper .close_btn:focus, .soft_add_wrapper .close_btn:hover, .soft_add_wrapper .close_btn:active { width: 25px; height: 24px; background: url(../images/softadd/close.png) no-repeat 0 0; z-index: 200; } @media only screen and (max-width: 992px) { .cartDiv { display: none; } } /* ========== CART SUMMARY - MODULES ============ */ .cart-summary { width: auto; padding: 0 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 62px; text-align: center; display: block; border-left: 1px solid white; border-right: 1px solid white; position: relative; } .cart-summary:hover .icon-cart1, .cart-summary:hover .cart-summary__count { color: rgba(29, 178, 200, 1); } @media only screen and (max-width: 767px) { .cart-summary { padding: 0 0; } } .cart-summary:before { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; content: ''; height: 100%; margin-right: -0.25em; } .cart-summary .cart-summary__icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; max-width: 44px; } .cart-summary__icon { fill: #fff; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 20px; height: 20px; } .cart-summary__item { display: none; color: #fff; text-transform: uppercase; font-size: 13px; } .cart-summary__count:before { content: ''; } .cart-summary__count:after { content: ''; } .cart-summary__count, .cart-summary__text { color: black; margin-left: 3px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } @media only screen and (min-width: 768px) { .cart-summary__count, .cart-summary__text { display: inline-block; margin-left: 10px; } } .cart-summary .cart-summary__icon { max-width: 20px; margin-right: 3px; } @media only screen and (min-width: 768px) { .cart-summary__count, .cart-summary__text { display: inline-block; } } /********* STOREFRONT-BUTTONS **********/ #content_area td[width$="%"] > input[type="submit"], #content_area td[width$="%"] > input[type="button"], #content_area input[style$=";"]:not([type='checkbox']) { display: inline-block; margin: 10px 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 0; color: #8f8f8f; background-color: white; border-color: #d0d0d0; } /* FIX FOR SOME INPUT FIELDS */ #content_area #BillingState, #content_area input[style$=";"] { text-align: left; } /* "GO" Button - orders.asp */ input[src$="/btn_go.gif"] { margin-left: 10px; } /********** STOREFRONT-FORMS *************/ input[type="radio"], input[type="checkbox"] { margin: 0 3px; } /* Shopping Cart "Calculate Shipping" section. Appears when Country is set to UK */ #content_area table[width$="%"] input#ShipState, #content_area table[width] textarea[cols="45"], #content_area table[width] input[value=""], #content_area table[width] input[type="password"], #content_area table[width] select, #content_area table[width$="%"] input[value=""], #content_area table[width$="%"] input.v65-productdetail-cartqty, #content_area table[width$="%"] input[id^="Quantity"], #content_area table[width$="%"] input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([class*="btn"]) { min-width: 50px; height: auto; padding: 5px 12px; margin: 3px 0; min-height: 25px; font-size: 14px; line-height: 1.42857; color: #555555; text-align: left; background-color: white; background-image: none; border-radius: 0; border: 1px solid #cccccc; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #content_area table[width$="%"] input[id^="Quantity"] { text-align: center; } /* Appears when editing or deleting a credit/debit card */ input#CVV2 { width: 80px !important; text-align: left; } /* Fix zip on edit orders */ #content_area input[name="ShipPostalCode"] { width: auto !important; } /*Zip for new customers' billing address*/ tr#BillingState_Row + tr input[name="BillingPostalCode"] { width: 150px !important; } @media only screen and (max-width: 767px) { #content_area table[width="100%"] input[value=""], #content_area table[width="100%"] select, #content_area table[width="100%"] input[value=""], #content_area table[width="100%"] input[value=""] { display: block; } } /********* STOREFRONT-HEADINGS **********/ #content_area img[src*="/headings/heading_"], #content_area img[src*="images/headings/one-page-checkout_"], #content_area img[src*="images/cart/cart_tr.gif"], #content_area img[src*="images/cart/cart_tl.gif"], #content_area img[src*="images/HomePage/FeaturedProducts.gif"] { display: none; } #content_area img[src*="/headings/heading_"] + br + table:before, #content_area img[src*="/headings/heading_"] + br + form:before, #content_area img[src*="/headings/heading_"] + br + _headings table:before, #content_area img[src*="/headings/heading_"] + br + div:before, #content_area img[src*="/headings/heading_"] + br + br + table:before, #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table > tbody:before, #content_area img[src*="/headings/heading_"] + br + img + a:before, #content_area img[src*="images/HomePage/FeaturedProducts.gif"] + br + table:before { text-transform: uppercase; font-size: 25px; font-weight: 400; font-family: inherit; color: #909090; padding-bottom: 6px; margin-bottom: 13px; display: block; border-bottom: 1px solid #e0e0e0; } #content_area img[src*="/headings/heading_"] + br + form:after, #content_area img[src*="/headings/heading_"] + br + table:after, #content_area img[src*="/headings/heading_"] + br + div:after, #content_area img[src*="/headings/heading_"] + br + br + table:after, #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table > tbody:after { content: ''; height: 100px; } #content_area img[src*="/headings/heading_login.gif"] + br + form:before { /* Login Heading */ content: 'Login'; } #content_area img[src*="/headings/heading_MyAccount.gif"] + br + form:before, #content_area img[src*="/headings/heading_MyAccount.gif"] + br + img + a:before { /* My Account Heading */ content: 'My Account'; } /* My Account Go Back Link */ #content_area img[src*="/headings/heading_MyAccount.gif"] + br + img + a:before { margin-bottom: 20px; } #content_area img[src*="/headings/heading_MyAccount.gif"] + br + img[src*="/images/Bullet_GoBack.gif"] { display: none; } #content_area img[src*="/headings/heading_MyAccount.gif"] + br + form:before, #content_area img[src*="/headings/heading_MyAccount.gif"] + br + img + a form:before { /* My Account Heading */ content: 'My Account'; } #content_area img[src*="/headings/heading_affiliate.gif"] + br + table:before { content: 'Affiliate'; } #content_area img[src*="/headings/heading_help.gif"] + br + table:before, #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table > tbody:before { content: 'Help'; } #content_area img[src*="/headings/heading_EmailAFriend.gif"] + br + table:before { content: 'Email A Friend'; } #content_area img[src*="/headings/heading_aboutus.gif"] + br + table:before { content: 'About Us'; } #content_area img[src*="/headings/heading_giftcertificates.gif"] + br + table:before { content: 'Gift Certificates'; } #content_area img[src*="/headings/heading_GiftOptions.gif"] + br + table:before { content: 'Gift Options'; } #content_area img[src*="/headings/heading_history.gif"] + br + table:before { content: 'My Recent History'; } #content_area img[src*="/headings/heading_MailingList.gif"] + br + form:before { content: 'Mailing List'; } #content_area img[src*="/headings/heading_wishlist.gif"] + br + br + table:before { content: 'Wishlist'; } #content_area img[src*="/headings/heading_WriteReview.gif"] + br + div:before { content: 'Write Review'; } #content_area img[src*="images/HomePage/FeaturedProducts.gif"] + br + table:before { content: 'Featured Products'; } #content_area #v65-onepage-ContentTable .v65-onepage-headerShort { padding: 10px; width: 100%; font-size: 14px; } #content_area #billing-header .v65-onepage-headerShort:before { content: 'Billing Information'; } #content_area #v65-onepage-RegistrationHeader .v65-onepage-headerShort:before { content: 'Registration'; } #content_area #shipping-header .v65-onepage-headerShort:before { content: 'Shipping Information'; } #content_area #shipping-header .v65-onepage-headerShort:before { content: 'Shipping Information'; } #content_area #v65-checkout-payment-header .v65-onepage-headerShort:before { content: 'Payment'; } #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table { position: relative; } /* PAGE HEADINGS */ /********* STOREFRONT-GIFTCERTIFICATE **********/ /************* /GiftCert_sendvia.asp **************/ /* /GiftCert_sendvia.asp table width fix */ #content_area img[src$="/heading_giftcertificates.gif"] + br + table table[width="500"] { width: 100% !important; } /* stack td's */ #content_area img[src$="/heading_giftcertificates.gif"] + br + table table[width="500"] td { display: block; width: 100%; } /* adjusting spacing */ #content_area img[src$="/heading_giftcertificates.gif"] + br + table table[width="500"] td ul + a { display: block; background: #eeeeee; width: 95px; line-height: 35px; text-align: center; margin-bottom: 25px; } /********* /GiftCert_default.asp sendvial Email Form *********/ #content_area form[action="GiftCert_default.asp"] table[width="530"] { width: 100% !important; } #content_area form[action="GiftCert_default.asp"] table[width="530"] td.colors_backgroundneutral { display: block; width: 100%; } /* Form fixes for this page */ /* Some inputs have sizes set as an attribute */ #content_area form[action="GiftCert_default.asp"] textarea[cols="55"] { border-color: #eeeeee; margin-bottom: 10px; } @media only screen and (max-width: 767px) { #content_area form[action="GiftCert_default.asp"] textarea[cols="55"], #content_area form[action="GiftCert_default.asp"] input[size="35"] { width: 100% !important; } } /********* STOREFRONT-MAILINGLIST **********/ @media only screen and (max-width: 767px) { #content_area img[src$="/heading_MailingList.gif"] + br + form table[width] { width: 100% !important; padding: 0 !important; } #content_area img[src$="/heading_MailingList.gif"] + br + form td[width="95"] { width: 15% !important; white-space: normal; } #content_area img[src$="/heading_MailingList.gif"] + br + form td[width="282"] { width: 85% !important; display: block; position: relative; } #content_area img[src$="/heading_MailingList.gif"] + br + form td[width="282"] input { width: 100% !important; } #content_area img[src$="/heading_MailingList.gif"] + br + form td[width="282"] input[type="submit"] { white-space: normal; } } /********* STOREFRONT-HELP **********/ a[href*="help_answer.asp"] { padding: 0 10px; text-indent: 0; } #content_area img[src*="/heading_help.gif"] + br + table + table td { text-align: left; } #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table td { display: block; } #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table td[width="15"] { height: 5px; } #content_area img[src*="/headings/heading_help.gif"] + br + img + a + br + table td .productnamecolorLARGE { display: block; margin-top: 25px; } @media only screen and (max-width: 767px) { a[href*="help_answer.asp"]:after { content: ''; clear: both; display: block; } #content_area img[src*="/heading_help.gif"] + br + table + table td { padding: 0 5px; width: 100%; display: block; } #content_area img[src*="/heading_help.gif"] + br + table + table td .productnamecolorLARGE { text-transform: uppercase; display: block; margin-top: 20px; } } #content_area form[name*="form2"] table[width="500"] { margin: 10px 0; table-layout: fixed; width: 100%; } #content_area form[name*="form2"] { padding-bottom: 20px; } @media only screen and (max-width: 767px) { #content_area form[name*="form2"] table[width="500"] td { width: 100%; display: block; } } /********* STOREFRONT-WISHLIST **********/ @media only screen and (max-width: 767px) { #content_area img[src$="/heading_wishlist.gif"] + br + br + table + form .v65-productDisplay td[align="center"] { display: block !important; } } /********* STOREFRONT-DONATE **********/ @media only screen and (max-width: 767px) { /* Changed inline width */ #content_area form[action="/donate.asp"] div[style] { width: 100% !important; } /* Takes split table cell and stacks */ #content_area form[action="/donate.asp"] td[align="left"], #content_area form[action="/donate.asp"] td[align="right"] { display: block !important; width: 100% !important; } /* Change alignment */ #content_area form[action="/donate.asp"] td[align="right"] div { text-align: left !important; padding: 10px 0; } #content_area form[action="/donate.asp"] input[type="radio"] { margin: 0 5px 0 0; } /* Fix */ #content_area form[action="/donate.asp"] br { line-height: 23px; } } /********* STOREFRONT-MYACCOUNT **********/ @media only screen and (max-width: 767px) { /* Breaks tables to stack on smaller viewports - DOUBLED UP FROM HELP.CSS */ #content_area form[name*="form2"] table[width="500"] td { width: 100%; display: block; } /* MailingList_unsubscribe.asp */ #content_area a[href="myaccount.asp"] + form table[width] { width: 100% !important; } #content_area a[href="myaccount.asp"] + form table[width] td[width="91"] { width: 15%; white-space: nowrap; } #content_area a[href="myaccount.asp"] + form table[width] td[width="311"] { width: 85%; } #content_area a[href="myaccount.asp"] + form table[width] td[width="311"] input[name="emailaddress"] { width: 85%; } #content_area a[href="myaccount.asp"] + form table[width] td[width="311"] input[name="emailaddress"] { width: 85%; } /* AccountSettings.asp - Edit payment */ #AccountSettingsForm table[width] { width: 100% !important; } #AccountSettingsForm table[width] td[width="86%"], #AccountSettingsForm table[width] td { display: block !important; width: 100% !important; text-align: left; } #AccountSettingsForm img[src="/clear1x1.gif"] { display: none; } /* AccountSettings.asp - Edit payment */ #content_area form[action="MyAccount_ApplyGift.asp"] table[width] { width: 100% !important; } /* MyReviews */ #content_area form[name*="form2"] table[width="443"] { width: 100% !important; } /* Move to seperate lines */ #content_area form[name*="form2"] table[width="443"] td { display: block !important; width: 100% !important; } #content_area form[name*="form2"] table[width="443"] td.colors_backgroundneutral { text-align: right; background: #eeeeee; } /* Responsive inputs */ #content_area form[name*="form2"] table[width="443"] td input[size="25"] { width: 100%; } /* REVIEWS PAGE */ #content_area img[src$="/heading_WriteReview.gif"] + br + div + form td { display: block !important; width: 100% !important; } #content_area img[src$="/heading_WriteReview.gif"] + br + div + form table[width] { width: 100% !important; } #content_area img[src$="/heading_WriteReview.gif"] + br + div + form td input[size] { width: 85% !important; } #content_area img[src$="/heading_WriteReview.gif"] + br + div + form td textarea { width: 100% !important; } /* MODIFY REVIEWS /RevewMod.asp */ #content_area img[src$="/heading_WriteReview.gif"] + br + form td { display: block !important; width: 100% !important; } #content_area img[src$="/heading_WriteReview.gif"] + br + form table[width="500"], #content_area img[src$="/heading_WriteReview.gif"] + br + form td input[size] { width: 100% !important; } #content_area img[src$="/heading_WriteReview.gif"] + br + form textarea[name="ReviewDescription"] { width: 100% !important; } /* REVIEW CONFIRMATION */ #content_area img[src$="/heading_WriteReview.gif"] + br + #ListofErrorsDiv + br + table[width="500"] { width: 100% !important; } } /********* STOREFRONT-ORDERS **********/ #content_area form[action^="OrderDetails.asp?"] td[bgcolor="#999999"] { background: none !important; border-top: 1px solid #eeeeee !important; } @media only screen and (max-width: 767px) { /* Stack section */ #content_area form[name*="form2"] td[width$="%"] { /*display: block !important;*/ width: 100% !important; margin-bottom: 15px !important; } /* Specific for orders.asp */ #content_area form[name*="form2"] table.colors_lines_light .colors_backgroundneutral td[width$="%"] { display: block !important; } /* Full table */ #content_area form[name*="form2"] table[width="520"] { width: 100%; } /* Clean up inputs and buttons */ #content_area form[name*="form2"] table[width="520"] td[width="236"] { width: 100% !important; display: table-row; } #content_area form[name*="form2"] table[width="520"] td[width="235"] { width: 65% !important; display: block; } #content_area form[name*="form2"] table[width="520"] td[width="235"] select { white-space: normal; } #content_area form[name*="form2"] table[width="520"] td[width="43"] { width: 10% !important; display: block; } #content_area form[name*="form2"] table[width="520"] td[width="43"] input[src$="/btn_go.gif"] { margin-left: 0; margin-bottom: 15px; } /* center button and make easy to touch */ #content_area form[name*="form2"] a[href^="orderdetails.asp"] { display: block; padding: 15px 0; text-align: center; } /* OrderDetails.asp */ #content_area form[action^="OrderDetails.asp"] td { width: 100% !important; display: block !important; } /* Space for the buttons and overall layout */ #content_area form[action^="OrderDetails.asp"] a > img { display: block; margin: 20px auto; } /* Center Address */ #content_area form[action^="OrderDetails.asp"] td[width="32%"] { text-align: center; } /* Title */ #content_area form[action^="OrderDetails.asp"] font[size="3"] { display: block; text-align: center; padding: 15px 0; } /* Fix border */ #content_area form[action^="OrderDetails.asp"] td[bgcolor="#999999"] { background: none !important; border-top: 1px solid #eeeeee !important; } /* Table layout */ #content_area form[action^="OrderDetails.asp"] br + br + table td[align="right"] { color: rgba(29, 178, 200, 1); text-align: center; } } /********* STOREFRONT-LOGIN-REGISTER **********/ #content_area img[src$="btn_Continue.gif"] { display: block; margin: 0 auto; } @media only screen and (min-width: 992px) { #content_area img[src$="btn_Continue.gif"] { display: inline-block; margin: 0; } } #content_area input[src*="btn_login.gif"] { margin-top: 20px; display: block; } #content_area form[name="loginform"] tr[valign="top"] { display: block !important; } @media only screen and (min-width: 768px) { #content_area form[name="loginform"] tr[valign="top"] { display: table-row !important; } } #content_area form[name="loginform"] td { padding: 5px; } #content_area form[name="loginform"] td[width="50%"] { width: 100% !important; display: block !important; } @media only screen and (min-width: 768px) { #content_area form[name="loginform"] td[width="50%"] { width: 50% !important; display: table-cell !important; } } #content_area form[name="loginform"] td[align="right"] { text-align: left !important; } #content_area form[name="loginform"] input[type="password"] + br { display: none; } #content_area form[name="loginform"] input[type="text"], #content_area form[name="loginform"] input[type="password"] { display: block; width: 100%; margin: 10px 0; font-size: 14px; } @media only screen and (min-width: 768px) { #content_area form[name="loginform"] input[type="text"], #content_area form[name="loginform"] input[type="password"] { width: auto; } } #content_area form[name="loginform"] .colors_lines_light { border-color: transparent; } @media only screen and (min-width: 768px) { #content_area form[name="loginform"] tr[align="center"] { text-align: left; } #content_area form[name="loginform"] .colors_lines_light { border-color: #eeeeee; } } #content_area #div_articleid_61 form[action*="/Login.asp"] .colors_backgroundneutral, #content_area #div_articleid_61 td.colors_lines_light[width="52%"], #content_area #div_articleid_61 form[action*="/Login.asp"] .colors_lines_light { background: none; } #content_area #div_articleid_61 td[align="right"] { font-weight: bold; padding-right: 10px; } #content_area #div_articleid_61 form[action*="/Login.asp"] td[align="right"] { padding-right: 10px; font-weight: bold; } #content_area #div_articleid_61 form[action*="/Login.asp"], #content_area #div_articleContainer_61 + table form { padding: 10px 0; background-color: #eeeeee; margin: 15px 0; } @media only screen and (max-width: 767px) { #content_area #div_articleid_61 td[width="1%"], #content_area #div_articleContainer_61 + table td[width="1%"] { display: none; } #content_area #div_articleid_61 td, #content_area #div_articleContainer_61 + table td, #content_area #RegisterForm td { width: 100% !important; display: block; clear: both; text-align: left; white-space: normal; } #content_area #div_articleid_61 form[action*="/Login.asp"] td[align="right"], #content_area #div_articleContainer_61 + table form[action*="/Login.asp"] td[align="right"] { text-align: left; margin-left: 16px; } #content_area #div_articleid_61 form[action*="/Login.asp"] input, #content_area #div_articleContainer_61 + table input, #content_area #RegisterForm input { width: 100%; margin-left: auto; margin-right: auto; } #content_area #div_articleContainer_61 + table input, #content_area #div_articleid_61 form[action*="/Login.asp"] input { width: 90%; display: block; } #content_area #div_articleid_61 td[align="right"], #content_area #div_articleid_61 div[align="right"], #content_area #RegisterForm td[align="right"], #content_area #RegisterForm div[align="right"] { text-align: left; } } /********* STOREFRONT-FIXES **********/ /***************** STOREFRONT **************/ #sb-wrapper-inner, #vp-top-bar *, #sb-wrapper *, #qtg, #qtg *, #qet-box-container *, *[class^="redactor_"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* LEFT ALIGN FORMS */ #content_area form[name*="form2"] table[width="500"] { margin: 10px 0; text-align: left; table-layout: fixed; width: 100%; } /* fix for admin bar breaking to two lines */ #vp-top-bar { white-space: nowrap; } #sb-wrapper { margin: 0 !important; } /* FIX TABLES NOT BEING RESPONSIVE DUE TO nowrap ON td's */ #content_area table td[nowrap] { white-space: normal; } table[width="96%"] { width: 100%; } .product-card__card { height: 405px; } .product-card__image-link { text-align: center; } #content_area font[color="#FF0000"] { color: rgba(29, 178, 200, 1); } /* --- Fixes centering of some table cells --- */ #content_area #v65-cart-table .v65-product-price-table div { text-align: center !important; } /* --- Fixes cell spacing in IE9 --- */ #content_area #v65-cart-table { border-spacing: 2px; border-collapse: separate; } /* --- Gift Cert Layout --- */ #content_area .v65-cart-giftcert-total div { text-align: center; } /* Excess spacing above "Proceed to checkout" button */ #content_area tr.v65-cart-total-estimate-row + tr, #content_area br.beforeArticleBR { display: none; } #content_area #v65-cart-checkout-table .v65-cart-login-input { padding: 3px; } /* Removes borders from radio buttons on calculate shipping box */ #content_area #v65-cart-shipping-details input[type=radio] { border: none; } /* Cart shipping details - remove floats */ #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details-label, #content_area #v65-cart-shipping-details-container #v65-cart-shipping-details-wrapper { float: none; } #content_area #v65-cart-shipping-details-wrapper td { padding: 0; } /* Shopping cart details buttons */ #content_area td#v65-cart-shippingoptionsbuttoncell input { border: none; } /* Full width tables */ #content_area #v65-cart-table-container { border-collapse: collapse; } #content_area #v65-cart-table-container > tbody > tr > td, #content_area #v65-cart-table-container > tr > td { padding: 0 !important; } /* Back back backitup */ #content_area form #v65-cart-checkout-table { width: 420px !important; } /* Item description header */ #content_area #v65-cart-header-itemdescription { padding-left: 21px !important; } /* Centers table values */ #content_area .v65-cart-giftcert-total div, .v65-cart-details-row td[width="70"], .v65-cart-details-row td[width="70"] div, .v65-cart-details-row td[width="135"], .v65-cart-details-row td[width="135"] div { text-align: center !important; width: 100% !important; } /*td[width="5"] {display: none;}*/ #content_area td center input[type="text"] { text-align: center; } /* Centers buttons */ #content_area #v65-cart-update-total-cell { text-align: center; } #content_area #v65-cart-coupon-entry-details-div * { vertical-align: middle; } #content_area #btnRecalculate { margin-top: 0 !important; } /* Remove extra spacing */ #content_area table#v65-cart-moreItems, #content_area table#v65-cart-table { width: 100%; } #content_area table#v65-cart-moreItems td { padding-left: 0; padding-right: 0; } /**************** SOFT ADD FIXES *************/ /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* * FIXES, OVERRIDES, & DEFAULT FUNCTIONALITY * *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ /* Removes extra spacing when soft add initiates */ .soft_add_wrapper .cartDiv, .soft_add_wrapper .cartDiv2 { display: inline; } .soft_add_wrapper .soft_add_span { padding-left: 0; } .soft_add_wrapper .soft_add_content_area { border-bottom: none; } .soft_add_wrapper .product-remove, .soft_add_wrapper .soft_add_header, .soft_add_wrapper .continue_shopping, .soft_add_wrapper .aremove, .soft_add_wrapper .soft_add_span, .soft_add_wrapper .soft_add_header .close_btn, .soft_add_wrapper .number_of_items { display: none; } .soft_add_wrapper .soft_add_header, .soft_add_wrapper .soft_add_header .close_btn { display: block !important; padding: 0; } .soft_add_wrapper .soft_add_header .close_btn { position: absolute; top: -6px; right: -6px; } .soft_add_wrapper .soft_add_header { width: auto; height: 0; background: white; border: 0; } .soft_add_wrapper .soft_add_header_shadow { background: none; padding: 0; width: auto; } .soft_add_wrapper .soft_add_content_shadow { padding: 0; width: auto; } /* Remove superfluous border radii */ .soft_add_wrapper .soft_add_header, .soft_add_wrapper .soft_add_action_area, .soft_add_wrapper .soft_add_content_wrapper { border-radius: 0; } .soft_add_wrapper .soft_add_action_area { clear: both; } /* Soft content wrapper */ .soft_add_wrapper .soft_add_content_wrapper { background: none; border: none; padding: 0; width: auto; } /* Product row rayout */ .soft_add_wrapper .soft_add_wrapper ul.anchored-cart { list-style: none; padding: 0; margin: 0; display: table; width: 100%; } .soft_add_wrapper ul.anchored-cart li img { max-width: 55px; } .soft_add_wrapper ul.anchored-cart li { text-align: left; vertical-align: middle; display: table-row; width: auto; margin: 0; } .soft_add_wrapper ul.anchored-cart li div { font-size: 12px; width: 100%; /* Makes divs span entire length */ } .soft_add_wrapper ul.anchored-cart li .product-image { display: table-cell; padding: 10px 4px 10px 10px; } .soft_add_wrapper ul.anchored-cart li .product-detail { display: table-cell; padding: 10px 5px; vertical-align: top; line-height: 14px; } /* Product name */ .soft_add_wrapper ul.anchored-cart li .product-name { display: block; } .soft_add_wrapper ul.anchored-cart li .product-qty .quantity_text { display: inline; } .soft_add_wrapper ul.anchored-cart li .product-price { display: table-cell; padding: 8px 8px 10px 0; vertical-align: top; text-align: right; } .soft_add_wrapper ul.anchored-cart { padding: 0; border-collapse: collapse; } .soft_add_wrapper ul.anchored-cart li .product-image { width: 55px; overflow: hidden; float: left; } /***************** ONE PAGE CHECK OUT *************/ /* Override width and margin for left side container */ #content_area #v65-onepage-ContentTable { margin: 0; border-spacing: 0; } /* --- Fixes Alignment of all fields on checkout --- */ /* Container for Subtotal, Shipping, Tax */ #content_area #TotalsDivContainer { float: none; } /* Cart Summary redundant bkg colors */ #content_area #table_checkout_cart0 #v65-onepage-CartSummary, #content_area #table_checkout_cart0 #v65-onepage-ordersummary-items { background: none; } #content_area .v65-onepage-SavedLocations .v65-space { padding: 0 5px; } #content_area .v65-onepage-SavedLocations .v65-space br { display: none; } /* Shipping Information label alignment */ #content_area td#v65-onepage-ShippingParent { padding-left: 0 !important; } #content_area #v65-onepage-Shipping td.v65-onepage-shipping-label-cell div { text-align: right !important; } #content_area #v65-onepage-Shipping td.v65-onepage-shipping-label-cell { width: 105px; } #content_area #ship-to-options-table div[align="right"] { text-align: right; } /* "My Saved Billing Addresses" */ #content_area #v65-onepage-saved-billing-table font[style*="font-weight: bold;"] { display: inline-block; font-size: 12px; font-weight: normal !important; line-height: 14px !important; padding-right: 2px; text-align: right; vertical-align: top; width: 91px; } /* "My Saved Billing Addresses" select */ #content_area select[onchange*="Choose_My_Saved_Billing"] { width: 175px; } /* Credit Cart label and input alignment */ #content_area td.v65-payment-details-label-cell[width="39%"] { width: 105px; } #content_area #savedPayment, #content_area td.v65-payment-details-label-cell[width="39%"] + td[width="61%"] { width: auto; } table#v65-onepage-registration td { white-space: nowrap; } /* Heading image */ .v65-onepage-headerShort img { display: block; } /* Cart Summary redundant bkg colors */ #content_area #table_checkout_cart0 #v65-onepage-CartSummary, #content_area #table_checkout_cart0 #v65-onepage-ordersummary-items { background: none; } /* --- Gives Shipping Drop-Down Static Width and Aligns with Rest of Inputs --- */ #content_area #v65-onepage-ShippingCostHeader + tr, #content_area #v65-onepage-ShippingCostHeader + tr > td:first-child { display: block; } #content_area #v65-onepage-ShippingCostHeader + tr > td:first-child div[align="center"] { text-align: left; } #content_area #DisplayShippingSpeedChoicesTD select { padding: 6px 4px; width: 172px; margin-left: 107px; } /* * * * * * One Page Checkout Responsive * * * * * */ /*-normalize fixes */ #content_area table#v65-onepage-ContentTable input[type="radio"] { margin: 5px; } #content_area table#v65-onepage-Detail td select { margin: 10px 0; } #content_area #v65-onepage-ordersummary-items td, #content_area #v65-onepage-ShippingCostDetails td { padding: 5px 15px 5px 5px; } #content_area #table_checkout_cart0 #v65-onepage-ordersummary-items td.v65-onepage-ordersummary-itemname { padding: 5px 5px 5px 15px; } #content_area #table_checkout_cart0 #v65-onepage-ordersummary-items td.v65-onepage-ordersummary-itemtotal, #content_area #table_checkout_cart0 td[align="right"].v65-onepage-shippingcost-detail { padding: 5px 15px 5px 5px; } /*make headers to same width*/ #billing-header, #shipping-header, #v65-checkout-payment-header { width: 100%; } @media only screen and (max-width: 767px) { #content_area form#v65-onepage-CheckoutForm { width: auto; } #content_area #table_checkout_cart0 { margin: 10px 0; width: 100% !important; clear: both; } #content_area table#v65-onepage-ContentTable td { display: block; } #content_area table#v65-onepage-ContentTable, #content_area #v65-onepage-BillingParent, #content_area #v65-onepage-Billing, #content_area table#v65-onepage-Detail td input[type="text"], table#v65-onepage-Detail td input[type="password"], table#v65-onepage-Detail td input[type="text"], table#v65-onepage-Detail td select, #content_area table#v65-onepage-Detail td select, #content_area table#v65-onepage-CartSummary, #v65-onepage-shippingParent-row td { width: 100% !important; } #content_area #v65-onepage-Billing div, #content_area #ship-to-options-table div[align="right"] { text-align: left; } #content_area table#v65-onepage-ContentTable input[type="radio"] { margin: 5px; } #content_area #ship-to-options-table td { width: auto !important; } #content_area h2#v65-onepage-header .loginHeaderWrapper { display: block; margin-left: 0; } #content_area #v65-onepage-Shipping td.v65-onepage-shipping-label-cell div { text-align: left !important; } #content_area #v65-onepage-ContentTable .v65-onepage-headerShort { min-width: 0; } #content_area #CalcShippingDivContainer { width: 100%; } } #span_GiftCertificates_Editable td { padding: 10px 15px; } /************** SHOPPING CART PAGE *******************/ #content_area #v65-cart-table .v65-item-zebra { background-color: #eeeeee; } /*-hides random break */ #content_area #v65-cart-table > tbody > tr.v65-cart-details-row td[width="5"] { display: none; } #content_area #v65-cart-empty-details-cell span + span a { white-space: nowrap; } #content_area img[src*="v/vspfiles/templates/248/images/cart/cart_tr_cap.gif"], #content_area img[src*="v/vspfiles/templates/248/images/cart/cart_tl_cap.gif"] { display: none; } #content_area #v65-cart-shipping-details input[type=radio] { margin: 5px; } /* Fix "gift options tex" nowrap */ #v65-cart-shipping-details-text > div { white-space: normal !important; } /**************** PRODUCT DETAILS ****************/ /* Fix image float */ #content_area td.v65-cart-detail-productimage img { float: none; } /* fix ":" to be centered vertically */ #content_area td#v65-productdetail-action-wrapper td[valign="top"] { vertical-align: middle !important; } /* center qty input text */ #content_area table[width$="%"] input.v65-productdetail-cartqty { text-align: center; } .fb_iframe_widget { width: auto !important; } #vZoomMagnifierImage { min-width: 230px; } /* Fix z-index for vZoom image overlay */ .productdetails #vZoomArea { z-index: 10 !important; } .productdetails #vCSS_mainform[action^="/ProductDetails.asp"] #v65-product-parent > tbody > tr:first-child + tr > td[align="center"] br + br + table { width: 100%; } /* SOCIAL ICONS */ @media only screen and (max-width: 767px) { .fb_iframe_widget_fluid, #btn_vsharethis { float: none !important; display: inline-block !important; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } #_atssh { display: none !important; } } /*********** Remove unwanted images *************/ #content_area img[src*="youarehere"] { display: none; } /************* ERROR MESSAGES - MOBILE *************/ @media only screen and (max-width: 767px) { .v65-error-list-text { margin-left: 0; height: 100%; padding-top: 0; } .v65-error-list-image { left: 0; height: 47px; width: 100%; position: static; display: block; } } /********* STOREFRONT-ORDER DETAILS **********/ /************* /ChangeOrderCancelItem.asp?OrderPlaced=1 **************/ font[color="#FFFFFF"] { color: inherit; } form[action="OrderDetails.asp"] td[colspan="3"] > span:first-child:after { content: "\A "; display: block; } /********* COMPARE MODAL **************/ @media only screen and (max-width: 768px) { div[id^="VCompare"], div[id^="VCompareOverlay"] { display: none !important; } } #VCompareOverlayBox .VCompareOverlayTable { border: 0; } #VCompareOverlayXDiv { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }