/* CSS Table of Contents (In Order): - Global Resets - Page Structure (Layout Divs) - Default CSS - jQuery Default CSS - Header/Footer Elements - Homepage */ /* GLOBAL RESETS/SETTINGS (Edit at your own risk!) --------------------------------------------------------------------------------------- */ /***********************************************/ /* PAGE STRUCTURE CSS */ /***********************************************/ /***********************************************/ /* PAGE ELEMENT STYLING CSS */ /***********************************************/ /* DEFAULT CSS CLASSES --------------------------------------------------------------------------------------- */ /***** Global Classes *****/ .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .img-left { float:left; margin:4px 10px 4px 0; } .img-right { float:right; margin:4px 0 4px 10px; } .nopadding { padding:0!important; } .nomargin { padding:0; } .noindent { margin-left:0; padding-left:0; } .divider { margin:0px 5px; }/* Sets divider margin in breadcrumbs and general navigation */ .odd { background-color:#E2DFCF; } .productlist .odd { background-color:#EFEEE4; } .even { background-color:#fff; } .hidden { display: none; }/* Class is used to pass in data in the html markup and is being extracted in app.hiddenData() (app.js) */ .label { } .value { width:auto; } .value_margin { margin: 0 0 5px 4px; display:block;} .reduce_margin{ margin: 2px 0 !important;} .discount { color:#8c3129; } .promotionalMessage {background-color:#cbe6b1;color:#333;font-size:1em;padding:2px 5px;line-height:14px;} .promotionalMessage .promo_callout a {white-space:nowrap;} .productresultarea .promotion {margin-bottom:-2px;} .productresultarea .promotion .label {display:none;} .productresultarea .promotion .promo_callout {display:block;background-color:#cbe6b1;color:#333;font-size:1em;padding:5px 10px;margin:5px 0 0;} .productresultarea .promotion .promo_callout a {white-space:nowrap;} .error { color:red; } .bonusitem { color:#8C3129; text-transform:uppercase;} /* generic loading container */ .loading { position: absolute;z-index:1000;display:block; margin-top:25px; padding:0px; text-align:center; width:100%; } .process { background:url(../images/indicator-small.gif) no-repeat;padding-top:4px;padding-left:20px; float:right;} #checkListHeader { clear: both; } div.status-dialog { border: 0px none; outline: 0px none; } /***** TABLE DEFAULT STYLING *****/ table { border-collapse: collapse; margin: 0px; padding: 0px; } table th { background:url(../images/global/global-sprites.png) -2px -214px no-repeat; font-weight:bold; text-align:left; white-space: nowrap; padding:5px 0 20px 5px; } table tfoot tr { border: 0px; } th.rightAlign, td.rightAlign {text-align: right;} table td { margin: 0px; padding: 0px; } tr.tablerow td { border-bottom: 1px solid #E2DFCF; } tr.last td { border-bottom: 0px; } td.imagecolumn { padding: 8px 8px 15px 0; margin: auto; vertical-align: top; width:40px;} td.detailscolumn { padding: 8px 8px 0 4px; vertical-align: top; } td.detailscolumn .name { font-weight: bold; overflow: hidden; white-space: nowrap; } td.unitpricecolumn { text-align: right; white-space: nowrap; } /***** Form Classes *****/ label { clear:left; display:inline; font-size: 1em; } label.error_message { font-size:1.0em; font-weight:normal; text-align:left; } input, select, textarea { margin:0; padding:0; } input, input[type=text], input[type="password"] { border:1px solid #CCCCCC; font-size: 1.1em; padding:1px; vertical-align:middle; z-index:-1; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { background-color: #ffffff !important; } input[type="checkbox"], input.checkbox { background:transparent; border:0; z-index:-1; } input[type="radio"] { border:0px; z-index:-1; } input[type="image"] { border:0px; z-index:-1; } input[type="submit"] { border:0px; z-index:-1; cursor:pointer; font-size:1em; padding:0; } input[type="button"] { border:0px; z-index:-1; cursor:pointer; font-size:1em; padding:0; } input.textinput, input.textinputpw { width:200px; } input.quantityinput, .quantity input { margin-bottom:4px; width: 20px; } input.error_message { border-color: red; } input.disabled { background:#e1e1e1; cursor:default; } button[type="submit"], button { cursor:pointer; font-size:1.0em; padding: 0px; } button.textbutton { background-color:transparent; border:0; color:#5781AE; font-size:1em; margin:0; padding:0; } select { border:1px solid #CCCCCC; font-size: 1.1em; z-index:-1; } select.selectbox { width:auto; } textarea, textarea.textbox { background-color: white; border:1px solid #CCCCCC; padding:1px; vertical-align:middle; z-index:-1; font-family:Arial, Helvetica, sans-serif; font-size:1em;} /* Form/Form Fields/Labels Containers */ .formfield_container {margin: 5px 0;} .formfield_row {clear:left;} * html .formfield_row {position:static;} .form_fields { margin: 15px 0px; } .form_field { margin: 0px 0px 10px 0px; } form .label {float:left; margin: 0px 3px 0px 0px; text-align: right; width: 150px; } form .value { float:left; width:auto; } .checkout_shipping .emailsignup {margin:0 0 20px;} .checkout_shipping .emailsignupCheckbox {margin:0 7px 0 20px; float:left;} .checkout_shipping .emailsignup .value { width:380px; } /* Error Handling CSS */ .error_form { background: transparent url(../images/error_form.gif) no-repeat 0 3px; color:#ff0000; /*font-size:1.2em; font-weight:bold; line-height:11pt; margin-left: 50px;*/margin:10px 0;padding:0 0 0 30px; text-align:left; } .errorform {padding:5px 10px;text-align:left;} .sign-on-container .error_form {background:none;margin:0 0 5px 0;padding:10px;border:1px solid #ff0000;} .error_label { color: red; font-style:italic; } .error_message { color: red; display:block; white-space:nowrap; } /* Actions/Buttons Handling */ .actions { margin: 15px 70px 15px 0px; text-align: right; } .actionbuttons { text-align: right; } .form_buttons { margin: 10px 0px; } /* Required Fields Handling */ .requiredcaption { margin: 5px 5px; white-space: nowrap; font-size: 10px; } .requirederror { color: red; } .requiredindicator { color: red; } .requiredmessage { color: gray; font-size:1.0em; font-weight:normal; margin-left: 3px; vertical-align:top; } .formfield_tooltip { margin: 0px 0px 0px 3px; } .formfield_tooltip a, formfield_tooltip a:hover , formfield_tooltip a:visited {font-size:0.9em; color:#999999; text-decoration:underline;} .caption { color:#999999; font-size:0.9em; } /*margin:0 0 0 10px; }*/ .logincustomers, .logincreate { margin-bottom:10px; border: 1px solid #DAD5C0; } .logincustomers h3, .logincreate h3 { background:#EFEEE4; padding:5px 0 5px 20px; border-bottom: 1px solid #DAD5C0; font-size:1.3em; } .logincustomers p, .logincreate p, .logingeneral p { text-align:left; } .logincustomers, .logincreate { min-height:275px; } /* JQUERY PLUGINS DEFAULT CSS --------------------------------------------------------------------------------------- */ /***** JCarousel Default Skinning *****/ .ui-corner-all { -moz-border-radius:0px; } .jcarousel-container { border-top: 1px solid #808080; border-bottom: 1px solid #808080; } .jcarousel-container-horizontal { padding: 20px 40px; width: 245px; } .jcarousel-container-vertical { height: 245px; padding: 40px 20px; width: 75px; } .jcarousel-clip-horizontal { height: 77px; width: 245px; } .jcarousel-clip-vertical { height: 245px; width: 77px; } .jcarousel-item { width: 75px; height: 75px; } .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-item-vertical { margin-bottom: 10px; } /* Horizontal Buttons */ .jcarousel-next-horizontal { background: transparent url(../images/carousol_next-horizontal.gif) no-repeat 0 0; cursor: pointer; height: 32px; position: absolute; right: 5px; top: 43px; width: 32px; } .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active { background-position: -96px 0; cursor: default; } .jcarousel-prev-horizontal { background: transparent url(../images/carousol_prev-horizontal.gif) no-repeat 0 0; cursor: pointer; height: 32px; left: 5px; position: absolute; top: 43px; width: 32px; } .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { background-position: -96px 0; cursor: default; } /* Vertical Buttons */ .jcarousel-next-vertical { background: transparent url(../images/carousol_next-vertical.gif) no-repeat 0 0; bottom: 5px; cursor: pointer; height: 32px; left: 43px; position: absolute; width: 32px; } .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active { background-position: 0 -96px; cursor: default; } .jcarousel-prev-vertical { background: transparent url(../images/carousol_prev-vertical.gif) no-repeat 0 0; cursor: pointer; height: 32px; left: 43px; position: absolute; top: 5px; width: 32px; } .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active { background-position: 0 -96px; cursor: default; } /***** jQuery Dialog Default Skinning *****/ .ui-dialog-titlebar-close .ui-icon { background-image:url(../images/ui-icons_256x240.png); } /***** jQuery Tabs Default Skinning *****/ .ui-tabs { background-color: transparent; border: 0px; } .ui-tabs .ui-tabs-nav { background: transparent none; border-width:0; } .ui-tabs .ui-tabs-panel { border:1px solid #AAAAAA; } @media screen and (-webkit-min-device-pixel-ratio:0) { .ui-tabs .ui-tabs-nav { line-height:17px; } } .ui-tabs .busy {position:absolute; height:20px; width:20px; left:100%; margin-left:-20px; background:url(../images/indicator-small.gif) no-repeat 0px 1px;} /* HEADER/FOOTER COMPONENTS (Logo, Search, User Info, Mini Cart, Links, Category Menu) --------------------------------------------------------------------------------------- */ /***** Header Logo *****/ h1.logo a { background: url(../images/logo.gif) no-repeat center right /* Company Logo */; display:block; height: 35px /* Sets overall height of header */; margin: 0px 0 0 -2000px /* Navigative margin hides plain text in H1 tag (Best practice for SEO optimization) */; outline:none /* Removes Link Outline */; position:relative; text-decoration:none; top:11px; width: 2195px /* width of logo is 195px, therefore to get logo to display width is set to 2000px to compensate for nagitive margin plus 195px = 2195px */; } /***** Search Bar *****/ .sitesearch { border:0; margin:0; padding:0; position:absolute; right:4px; top:19px; text-align: right; width: 300px; } .sitesearch label { color:#999999; font-size:.9em; vertical-align: bottom; text-transform:uppercase; } .sitesearch form.simplesearch input.simplesearchinput { border: 1px solid #999999; color:#666666; margin:0px; } .sitesearch button { font-size:.9em; margin:0; padding:0; } /***** HEADER Links (Store Locator, Help, Etc.) *****/ .generalnav { font-size:1.1em; margin: 0px 5px; padding:0; position:absolute; right:0px; top:0px; } .generalnav ul { margin: 0; padding: 0; list-style-type: none; z-index:-1; } .generalnav ul li { position: relative; display: inline; } .generalnav ul li a { color:#000; text-decoration:none; } .generalnav ul li a:hover { color:#006600; text-decoration:underline; } /***** User Information (Welcome Message, Login, Register, etc.) *****/ .headercustomerinfo { float:right; position: relative; top:6px; right:180px; margin: 0px 5px; padding: 0; width:auto; z-index:200; } .headercustomerinfo .welcomemessage { margin: 0px 3px 0px 0px; } .headercustomerinfo a { width:auto; } .headercustomerinfo a.username { text-decoration:none; } .headercustomerinfo .divider { margin: 0px 2px; } /***** CATEGORY DEPARTMENTS MENU BAR *****/ .categorymenu { background-color: #F3F3F3 /* Menu background color */; border-top:1px solid black; border-bottom:1px solid black; clear:both; height:20px; margin: 0; padding: 0px /* Add gaps to top and bottom of menu bar */; position:absolute; text-transform:uppercase; text-align:center; top:62px;/*width:100% This breaks minicart slidein/out*/ ; z-index:100; } .categorymenu ul { margin:0; list-style-type:none; padding:2px 0px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .categorymenu li { float:left; position:relative; } /* style the links for the top level */ .categorymenu a, .categorymenu a:visited { border-left: 0px; color: black; /* Color of Links */ display:block; min-width: 90px; padding: 1px 8px; text-decoration:none; white-space:nowrap; } .categorymenu a:hover { background-color: black; color: white; text-decoration: none; } /* style the top level hover */ .categorymenu ul ul { background-color:white; border:1px solid black; left:0; margin:0; padding:0; position:absolute; overflow-x:hidden; text-align:left; text-transform:none; top:15px; visibility:hidden; width:175px; } .categorymenu ul ul li .subcategories a { font-weight: normal; padding:2px; text-indent: 10px; } /* another hack for IE5.5 */ * html .categorymenu ul ul { top:18px; t\op:19px; } /* style the table so that it takes no ppart in the layout - required for IE to work */ .categorymenu table { border-collapse:collapse; position:absolute; top:0; left:0; } .categorymenu ul ul a, .categorymenu ul ul a:visited { color:black; height:auto; line-height:1em; padding:5px 10px; width:175px; } .categorymenu ul ul a:hover { background-color: gray; color:white; } /* yet another hack for IE5.5 */ * html .categorymenu ul ul a, * html .categorymenu ul ul a:visited { width:150px; w\idth:150px; } /* make the second level visible when hover on first level list OR link */ .categorymenu ul li:hover ul, .categorymenu ul a:hover ul { visibility:visible; } /***** COPYRIGHT *****/ .copyright { margin: 10px auto; } /***** Header Slots CSSSLOTS STYLING *****/ .header_banner { position: absolute; left: 365px; top: 3px; width: 225px; } .header_banner .header-banner-slot { border: 1px solid #e1ba93; color: #e1ba93; font-size: 1.4em; padding: 3px; } .header-bar { position: absolute; top: 82px; text-align:center; width:100%; } /* HOME PAGE --------------------------------------------------------------------------------------- */ .homepage_carousel { margin: auto; width: 173px; } .flash-homepage-error { text-align: center; } /***** Home Page Product Scroller *****/ .pt_storefront .jcarousel-container-vertical { top: 50px; border: 0; height:537px; padding: 0px 0px; width:173px; } .pt_storefront .jcarousel-list li, .pt_storefront .jcarousel-item {/* We set the width/height explicitly. No width/height causes infinite loops. */ width: 160px; height: 183px; margin: 0px auto; text-align: center; } .pt_storefront .jcarousel-clip-vertical { width: 156px; height: 507px; padding:0 0 0 8px; } .pt_storefront .jcarousel-item { width: 130px; } .pt_storefront .jcarousel-item:hover { border-color: #808080; } .pt_storefront .jcarousel-item-vertical { margin-bottom: 0px; } .pt_storefront .jcarousel-next-vertical { background: transparent url(../images/carousol_next-vertical.gif) no-repeat 70px 0; bottom:-5px; left:0px; width:173px; } .pt_storefront .jcarousel-prev-vertical { background: transparent url(../images/carousol_prev-vertical.gif) no-repeat 70px 0; left:0px; top:-33px; width:173px; } .pt_storefront .jcarousel-prev-disabled-vertical, .pt_storefront .jcarousel-prev-disabled-vertical:hover, .pt_storefront .jcarousel-prev-disabled-vertical:active { background-position:70px -96px; } .pt_storefront .jcarousel-prev-vertical:hover { background-position:70px -32px; } /* SEARCH SUGGESTION --------------------------------------------------------------------------------------- */ .suggestions { background-color: #ffffff; border: 1px solid #cccccc; padding: 0; display: none; } .suggestions div { clear: both; padding: 2px; overflow: hidden; white-space:nowrap; } .suggestions div.selected { background-color: #cccccc; color: #ffffff; } .suggestions div div.suggestionterm { float:left; overflow: hidden; font-weight:bold} .suggestions div span.hits { float: right; line-height: 1.8em; text-align: right; margin-left: 3px; } /* SEARCH RESULTS --------------------------------------------------------------------------------------- */ /* These styles create the default look for Product display with search results, cross sells and other places where multiple products are displayed. */ /***** BREADCRUMB STYLES *****/ .breadcrumb { margin:0 0 10px 0; padding-left:1px; } .breadcrumb span.divider { margin-left: 0.25em; margin-right: 0.25em; } .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover { color:#999999; cursor:pointer} .breadcrumb a.relax { text-decoration:none; } .producttile { display: inline; margin:0px auto; overflow:hidden; text-align:center; width:130px; } .pt_compare .producttile { width:auto; } .producttile .image { position:relative; height:113px; margin-left:auto; margin-right: auto; width:113px; } .producttile .image .quickview-button { display:none;background: transparent url(../images/quickview.gif) center center no-repeat; display: block; height: 17px; position: absolute; left: 0px; top: 50px; width:118px; } .producttile a.productswatchesall { color: black; } .producttile .swatches .visible { position:absolute; top: -3px; left: 25px; z-index:6666; background-color:#ffffff; border:1px solid #cccccc; padding:3px; } .producttile .swatches { height: 17px; position: relative; text-align:center; width: auto; margin: 2px auto 5px auto; } .producttile .swatches .palette { text-align:center; margin: 0 auto; } .producttile .swatches .innerpalette { margin: 0 auto; } .producttile .swatches a.swatch { margin:1px; text-decoration:none; } .producttile .swatches a.swatch img { border: 1px solid black; height: 12px; margin:0px; padding:0px; width: 12px; } .producttile .swatches a.selected img { border: 1px solid orange; } .producttile .swatches a.swatch img.hiddenthumbnail { display: none; } .producttile .name { overflow: visible; } .producttile .name a { font-weight:bold; font-size:1.1em } .producttile .name a:hover { text-decoration: none; } .producttile .pricing { display:none; } /* margin: 3px 0px; white-space: nowrap; } */ .producttile .promo { color:gray; } /***** PRODUCT TILE FOR SEARCH RESULTS *****/ .producthits { margin:0px; } .productresultarea { margin:0px; } .productlisting { margin:0 0 20px; } .productlisting .producttile { margin:0px 25px 0px 12px; } .productlisting .product-module { float:left; text-align:center; width:165px; position:relative; } .productlisting .product-module h2 a.oem { text-decoration:none; color:#333333;} .productlisting .product-module .pricing { color:#444; } .productlisting .product-module h3 { text-decoration:underline; } .productlisting .product-module a:hover h3 { text-decoration:none; } .productlisting .product-module h4 { font-size:1.1em; margin:2px 0px; } .productlisting .product-module .violator-newitem { background:url(../images/global/global-sprites.png) no-repeat scroll -0px -245px; position:absolute; width:57px; height:57px; top:0px; left:0px; } .productresultarea .productlisting .compare { padding-top:5px; } .productresultarea .productlisting .compare button.compareBtn { border:0 none; margin:0px 0px 0px 5px;} .productresultarea .productlisting .compare label { font-weight: normal; font-size: 1.1em; } /***** ARTICLES SEARCH RESULTS STYLES ex:contenthits.isml *****/ .contenthits { margin:0px 0px 0px 15px; } .contenthits h2 { border-bottom: 1px solid black; } .articles .article { width: 350px; height: 55px; margin: 3px 0px 5px 0px; overflow: hidden; float: left; } .articles .even, .articles .odd { margin-left:50px; } .articles .article .articlename a { color: black; font-size:1.1em; font-weight: bold; height: 15px; text-decoration: none; white-space: nowrap; } .articles .article .articlename a:hover { text-decoration: underline; } .articles .article .description { height: 27px; overflow: hidden; } .articles .article .articlelink a { color: black; font-weight: bold; margin-left:5px; } .articles .seemore { margin: 5px auto; text-align: center; } /***** NO HITS SEARCH RESULTS STYLES ex:nohits.isml *****/ .nohits { margin:0px;} .nohits h1 { border-bottom: 1px solid #FF0000; margin: 20px 0px 5px 0px; } .nohits .nohitsmessage {font-size: 1.6em; font-weight: bold; } .nohits .nohitsmessage .nohitssearchterm { color: red; } .nohits .nohitsmessage a { color: black; } .nohits .nohitsmessage a:hover { color: #5781AE; } .nohits .nohitsredirect { font-size:1.4em; font-weight:bold; margin-top:10px;} .nohits .noresults-help { font-size:1.0em; margin: 30px 0px 10px 0px; border:1px solid #CCC; } .nohits .noresults-help .noresults-container { padding: 10px 20px 40px; } .nohits .noresults-help ul { list-style-position:inside; padding:10px 0px 20px 20px; } .nohits .noresults-help h3 { background:#EFEEE4 none repeat scroll 0 0; border-bottom:1px solid #DAD5C0; font-size:1.3em; padding:5px 0 5px 20px;} .nohits .nohits-search { margin-bottom:40px;} .nohits .nohits-search .trynew-search { float:left; font-size:1em; font-weight:bold; padding-top:4px; } .nohits .nohits-search .nohits-searchbox { border:1px solid #CCCCCC; float:left; margin:0 10px;} .nohits .nohits-search .nohits-searchbox input.keyword { border:0 none; color:#666666; font-size:0.9em; margin:2px 0 0 4px;} .nohits .nohitsfooter .noresults-bottom { border-right: 1px dashed black; float:left; font-size:1.1em; padding: 20px 20px 20px 10px; width:45%; } .nohits .nohitsfooter .noresults-bottom p { margin: 0px 0px 10px 0px; } .nohits .nohitsfooter .noresults-bottom p a { color: black; } .nohits .nohitsfooter .noresults-bottomslot { float:right; width:49%; } /***** PAGINATION: Results Header/Footer (paging, sorting, compare) *****/ .sub_banner_container { margin:0px 5px 0px 0px; text-align:center; } .searchresultsheader { margin: 5px 0px; } .searchresultsheader label { font-weight:normal; } .searchresultsheader .sortby { display:inline; } .searchresultsheader .sortby select { width:135px; } .searchresultsheader .resultsamounts { display:inline; float:right; line-height:13pt; } .searchresultsheader .itemsperpage { display:inline; float:right; margin-left:30px; white-space:nowrap; } .searchresultsheader .itemsperpage { display:inline; float:left; line-height:13pt; } .searchresultsheader .itemsperpage fieldset { display:inline; float:left; } .searchresultsheader .items form { display:inline; float:right; margin-left: 5px; } .searchresultsheader .pagination { font-size:0.8em; margin:3px; text-align:right; } .searchresultsheader .pagination ul { list-style-type: none; } .searchresultsheader .pagination ul li { display:inline; margin: 0px 2px;} .sorthits_container {background:url(../images/global/global-sprites.png) -120px -144px no-repeat; padding:11px 0px 5px 7px; margin: 0px; height:25px; } .folderhits .sorthits_container {background:url(../images/global/global-sprites.png) -2px -144px no-repeat; padding:11px 0px 5px 7px; margin: 0px; height:1px; } .folderhits li {margin-bottom: 10px;} .folderhits ul {margin-left: 20px;} .sortby, .sortby form, .sortby fieldset { display:inline; float:left; margin:0; padding:0 0 0 5px; text-transform: none; white-space:nowrap; } .sortby select { width: 14em; margin-right: 10px; } .results_hits { display:inline; float:left; font-size:0.9em; margin-top:5px; margin-left:5px; text-align:right; width: auto; } /* html .searchresultsheader .itemsperpage { position:absolute} */ * html .nav-divider {position:absolute} /* Paging */ .pagination { float:right; margin:0; padding: 0; text-align: right; } .pagination ul { margin: 0; padding: 0; } .pagination li { list-style-type: none; display: inline; font-size:1.4em; padding: 0px; } .pagination a, .pagination a:visited { margin: 0; padding: 0; } .pagination li.currentpage { font-weight: bold; margin: 0; padding:0; background-color:#EFEEE4;} .pagination li.nextlast { margin: 0; padding:0 } .pagination li.nextlast a { background-image:url(../images/next_last.png); background-repeat:no-repeat; text-decoration: none; } .pagination li.nextlast a.page-next { background-position:-6px 5px;} .pagination li.nextlast a.page-last { background-position:-0px 5px; } .pagination li.nextlast a span { visibility:hidden; } .pagination li.firstprevious a { background-image:url(../images/first_previous.png); background-repeat:no-repeat; text-decoration: none; } .pagination li.firstprevious a.page-first { background-position:0px 5px; } .pagination li.firstprevious a.page-previous { background-position:-8px 5px; } .pagination li.firstprevious a span { visibility:hidden; } /* RESULTS REFINEMENT (Left Column Navigation) --------------------------------------------------------------------------------------- */ .search-refinements .refine_attributes { } .search-refinements .refine_attributes ul { } .search-refinements .refine_attributes ul li { list-style-type:none; margin:5px 10px; } .search-refinements .refine_attributes ul li a { } .search-refinements .refine_attributes ul li.selected a { text-decoration: none } .search-refinements .refine_attributes li { list-style-type:none; margin:5px 10px; } .search-refinements .search_category span { font-size: 1.1em; font-weight:bold; text-decoration: none; } .search-refinements .refine_attributes li a { background-image:url(../images/box-nocheck.gif); background-position:0px 0px; background-repeat:no-repeat; margin:0 0 3px; padding:1px 0px 2px 21px; text-decoration: none; } .search-refinements .refine_attributes li a:hover { background-image:url(../images/box-graycheck.gif);} .search-refinements .refine_attributes li a:active, .search-refinements .refine_attributes li.selected a { background-image:url(../images/box-bluecheck.gif); } .search-refinements .refine_attributes li.selected a:hover { background-image:url(../images/box-graycheck.gif); } * html .search-refinements .refine_attributes li {margin:1px 10px 2px 0px;background-image:url(../images/box-nocheck.gif); background-position:0px 0px; background-repeat:no-repeat;} * html .search-refinements .refine_attributes li a {display:block; position:relative; float:left; clear:left;margin:0px} .search-refinements #refinement-gender-hand .refine_attributes li a { background:none; margin:0 0 3px; padding:1px 0px 2px 0px; text-decoration: underline; } .search-refinements #refinement-gender-hand .refine_attributes li.selected a { background:none; margin:0 0 3px; padding:1px 0px 2px 0px; text-decoration: none; } .search-refinements #refinement-gender-hand .refine_attributes li a:hover { background:none; margin:0 0 3px; padding:1px 0px 2px 0px; text-decoration: none; } .search-refinements #refinement-category .refinement_category li a { background:none; margin:0 0 3px; padding:1px 0px 2px 0px; text-decoration: underline; } .search-refinements #refinement-category .refinement_category li.selected a { background:none; margin:0 0 3px; padding:1px 0px 2px 0px; text-decoration: none; } .search-refinements #refinement-category .refinement_category li a:hover { background:none; margin:0 0 3px; padding:1px 0px 2px 0px; text-decoration: none; } .search-refinements #refinement-category .refinement_category li { list-style-type:none; margin:5px 10px; background: none} * html .search-refinements #refinement-gender-hand .refine_attributes li { background: none} * html .productdetail-options .var-attr ul.refinement_category { margin-left:91px; } /* Fix for browsers that don't need the hack */ /*.search-refinements ul.refinement_category li.expandable { background: transparent url(../images/nav_arrow.gif) no-repeat 0 2px; }*/ .search-refinements #refinement-category ul.refinement_category li a.active { text-decoration:none; color:#666666; font-weight:bold; } .search-refinements ul.refinement_category li.active.expandable { background: transparent url(../images/nav_arrow_expand.gif) no-repeat 0 2px; } .search-refinements ul.refinement_category li.expandable:hover { background: transparent url(../images/nav_arrow_expand.gif) no-repeat 0 2px; } .search-refinements .scrollable {/* this is the style for the
containing a large, scrollable list of refinement values */ border: 1px solid #cccccc; height: 75px; overflow: auto; position:relative } * html .search-refinements .scrollable {/* this is the style for the
containing a large, scrollable list of refinement values */ border: 1px solid #cccccc; height: 75px; overflow: auto; width:200px; position:relative } .search-refinements .search_category span { font-size: 1.1em; font-weight:bold; text-decoration: none; } .search-refinements .search_category span a { color:black; font-size: 1.1em; font-weight:bold; padding:2px 2px 3px 0px; text-decoration: none; text-transform: uppercase; } .search-refinements .search_category a.search_categories:hover { text-decoration: underline; } .search-refinements ul.refinement_category li.top { background: none; padding: 0px; text-transform: uppercase; } .search-refinements ul.refinement_category li.top:hover { background: none; } .search-refinements .refinedclear { float:right; margin-top:-17px; } .search-refinements .resultcount { color: #999999; } .search-refinements .refine_attributes .refine-checkbox { margin:0px 0px 5px 0px; } .search-refinements .refine_attributes fieldset { padding: 0px 0px 0px 15px; } .search-refinements .refine_attributes fieldset { padding: 0px; } .search-refinements .refine_attributes .refine-checkbox label { font-size:1.1em; padding-left:2px; color:#376FA6;} /* Fix IE/Win's broken rendering of block-level anchors in lists */ /*.search-refinements .refine_attributes li a:hover { background-image: url(../images/bullet-sel.gif); } .search-refinements .refine_attributes li.selected a { background-image: url(../images/bullet-sel.gif); background-repeat: no-repeat; background-position: 0.2em 0.16em; display: inline; margin: 0px 0px 3px 0px; } .search-refinements .refine_attributes li.selected a:hover { background-image: url(../images/bullet-clear.gif); }*/ .search-refinements .refine_attributes .refined { display:inline; float:left; font-weight:bold; } .search-refinements .refine_attributes .refined a.refinedclear { display:inline; float:right; text-align:right; } .search-refinements .refine_attributes li.unselectable a { cursor: default; } /* Fix for browsers that don't need the hack */ .search-refinements .refine_attributes select { background-color: #fff; border: 1px solid #efefef; color: #000; width: 150px; } .search-refinements .refine_attributes select:focus { background-color: #fff !important; } .search-refinements .refine_attributes select option { background: url(../images/bullet-unsel.gif) no-repeat; background-position: 0.2em; font-size: 8pt; text-indent: 15px; } .search-refinements .refine_attributes select option:hover { background: url(../images/bullet-sel.gif) no-repeat 0.2em; font-size: 8pt; text-indent: 15px; } .search-refinements .refine_attributes select option.selected { background-image: url(../images/bullet-sel.gif); background-repeat: no-repeat; background-position: 0.2em; font-size: 8pt; text-indent: 15px; } .search-refinements .refine_attributes select option.selected:hover { background-image: url(../images/bullet-clear.gif); background-repeat: no-repeat; background-position: 0.2em; text-indent: 15px; font-size: 8pt; } .search-refinements .refine_attributes .resultcount { color: #999999; display:inline; } .navgroup { padding:1px 0px 15px 0px; z-index: 25; } .navgroup h3 { /*background: transparent url(../images/open_close.gif) 0px -15px no-repeat;*/ font-size:1.1em; margin-bottom:5px; } .navgroup h3.collapsed { background: transparent url(../images/open_close.gif) 0px 0px no-repeat; height: 12px; } /*.navgroup ul { list-style:none; padding: 0px 0px 0px 20px; }*/ .navgroup .resultcount { color: #999999; } /*.navgroup .multirefineNav ul li { padding: 0; margin: 0; overflow:hidden; height:18px; }*/ .navgroup .multirefineNav .refinedclear img { padding: 2px 0px 0px 3px; } /* Fix IE/Win's broken rendering of block-level anchors in lists .navgroup .multirefineNav li a { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 18px; background-image: url(../images/bullet-sel-1.gif); background-repeat: no-repeat; background-position: 0.2em 0.16em; } .navgroup .multirefineNav li a:hover { background-image: url(../images/bullet-sel-1.gif); } .navgroup .multirefineNav li.selected a { margin: 0px 0px 3px 0px; display: inline; background-image: url(../images/bullet-sel.gif); background-repeat: no-repeat; background-position: 0.2em 0.16em; } .navgroup .multirefineNav li.selected a:hover { background-image: url(../images/bullet-clear.gif); } .navgroup .multirefineNav .refined { display:inline; float:left; font-weight:bold; } .navgroup .multirefineNav .refined a.refinedclear { display:inline; float:right; text-align:right; } /* Fix for browsers that don't need the hack .navgroup .multirefineNav fieldset { padding-left: 20px; } .navgroup .multirefineNav select { width: 150px; background-color: #fff; border: 1px solid #cccccc; color: #000; } .navgroup .multirefineNav select:focus { background-color: #fff !important; } .navgroup .multirefineNav select option { background: url(../images/bullet-unsel.gif) no-repeat; background-position: 0.2em; text-indent: 12px; } .navgroup .multirefineNav select option:hover { background: url(../images/bullet-sel.gif) no-repeat 0.2em; } .navgroup .multirefineNav select option.selected { background-image: url(../images/bullet-sel.gif); background-repeat: no-repeat; background-position: 0.2em; } .navgroup .multirefineNav select option.selected:hover { background-image: url(../images/bullet-clear.gif); background-repeat: no-repeat; background-position: 0.2em; } */ /****** Refinement swatch rendering ******/ .navgroup .refine_attributes .swatches { margin: 0px 15px 0px 0px; } .navgroup .refine_attributes .swatches li { float: left; width: 25px; height: 25px; margin: 1px; padding: 0px; text-align: center; } .navgroup .refine_attributes .swatches li a { display:block; font-size:.9em; height: 25px; line-height:2.3em; overflow: hidden; padding: 0px; width: 25px; } .navgroup .refine_attributes .swatches.Size li a { background: transparent url(../images/refinement_background.gif) no-repeat 0 0; } .navgroup .refine_attributes .swatches li a:hover { background-position: 0 -50px; } .navgroup .refine_attributes .swatches li.selected a { background-position: 0 -25px; color:#fff; } .navgroup .refine_attributes .swatches li.selected a:hover { background-position: 0 -125px; } .navgroup .refine_attributes li.unselectable a { background-position: 0 -75px; color: #999; text-decoration:none; } .navgroup .refine_attributes li.unselectable a:hover { background-position: 0 -75px; } .navgroup .refine_attributes .Color li a { background-image: url(../images/refinement_color.png) !important; background-position:0 0; background-repeat:no-repeat; text-indent: -1000px; } .navgroup .refine_attributes .Color li a:hover { background-position: 0 -25px !important; } .navgroup .refine_attributes .Color li.selected a { background-position: 0 -100px !important; } .navgroup .refine_attributes .Color li.unselectable a { background-position: 0 -50px; } .navgroup .refine_attributes .Color li.unselectable a:hover { background-position: 0 -50px!important; } .navgroup .refine_attributes .Color li a#swatch-miscellaneous { background-position: 0 -75px !important; } .navgroup .refine_attributes .Color li a#swatch-miscellaneous { background-position: 0 -150px !important; } .navgroup .refine_attributes .Color li.unselectable a#swatch-miscellaneous { background-position: 0 -175px !important; } .navgroup .refine_attributes .Color li.unselectable a#swatch-miscellaneous:hover { background-position: 0 -175px !important; } .navgroup .refine_attributes .Color li.selected a#swatch-miscellaneous { background-position: 0 -125px !important; } .navgroup .refine_attributes .Color li a#swatch-black { background-color: black; } .navgroup .refine_attributes .Color li a#swatch-beige { background-color: #F5F5DC; } .navgroup .refine_attributes .Color li a#swatch-blue { background-color: blue; } .navgroup .refine_attributes .Color li a#swatch-purple { background-color: purple; } .navgroup .refine_attributes .Color li a#swatch-red { background-color: red; } .navgroup .refine_attributes .Color li a#swatch-brown { background-color: #783201; } .navgroup .refine_attributes .Color li a#swatch-green { background-color: green; } .navgroup .refine_attributes .Color li a#swatch-grey { background-color: #8f979d; } .navgroup .refine_attributes .Color li a#swatch-pink { background-color: #FE249A; } .navgroup .refine_attributes .Color li a#swatch-orange { background-color: orange; } .navgroup .refine_attributes .Color li a#swatch-white { background-color: white; } .navgroup .refine_attributes .Color li a#swatch-yellow { background-color: yellow; } /* Refinements No Results */ .noresults { color:#8f979d; font-size:2.0em; font-style:italic; margin: 50px; text-align:center; } /* CATEGORY LANDING --------------------------------------------------------------------------------------- */ /*.category_landing { font-size:1.1em; margin: 5px 10px 0px 14px; width:754px; }*/ .main_banner_container { width:754px; height:300px; padding:4px 0 0 0; margin:0px; } .main_banner_cell { float:left; text-align: center; vertical-align: top; } .bottom_banner_container { width: 754px; padding: 4px 0 0 0; margin: 0px; } .bottom_banner_cell { float: left; text-align: center; vertical-align: top; } .bottom_banner_background { width: 251px; height: 176px; background-position: top center; background-repeat: no-repeat; } .bottom_banner_text { font-size: 1.2em; color: #48433a; width: 220px; } /* COMPARE PRODUCTS --------------------------------------------------------------------------------------- */ /***** Product Compare Widget *****/ .compareitems { display:inline; float:left; margin-bottom:20px; width:510px; } .compareitems h2 { font-weight:bold; font-size:1.2em; } .compareitems button { float:left; padding:0px; } .compareitem { float:left; margin:0 auto; padding:0 3px; position:relative; width:auto; } .compareitem .compareitemremove { position:absolute; top:0px; right:0px; } .compareitem img.compareproduct { height:40px; width:40px; } .compareitemsseparator { background-color:black; float:left; height: 15px; margin:7px 5px; width:1px; } /***** Compare Page *****/ .compareshow { } .comparisonnoresults { clear:both; } table.comparisontable { margin:20px 0px; clear:both} table.comparisontable tr { text-align:center; border:1px solid #E2DFCE; } table.comparisontable th { text-align:right; background:none; padding:0px 5px; } table.comparisontable td { border:1px solid #E2DFCE; padding:3px 5px;} table.comparisontable td.product { width:192px;} table.comparisontable td .shopnow .shopNowBtn { border:0 none; } .compareshow .label { font-size:1em; font-weight:bold} .comparisontitle { font-weight:bold; font-size:2em; float:left; margin-top:5px; } .compareshow .printbutton { float:right; margin-right:1px; margin-top:2px} .compareshow .compareremovebutton { background:transparent url(../images/icon_close.gif) no-repeat center right; border:0 none; color:#000; padding:0 10px; } .compareshow .compareremovebutton span { text-decoration: underline; } table.comparisontable .product .swatches { margin-top:5px; } table.comparisontable .product .name { margin-top:5px; } table.comparisontable .product .promo { margin-top:5px; } table.comparisontable .product .review { margin-top:5px; } table.comparisontable .product .addtocart { margin-top:5px; } table.comparisontable .product .addtowishlist { margin-top:5px; } table.comparisontable .product .addtowishlist a { text-decoration:underline; } table.comparisontable .product .addtogiftregistry { margin-top:5px; } table.comparisontable td.compareremovecell {border-bottom:1px solid #fff;} table.comparisontable .comparelists { padding-top:10px; padding-left:10px; vertical-align:top; } table.comparisontable .emptyspotimage { width:126px; height:180px; margin-top:5px; margin-right:2px; margin-left:2px; } table.comparisontable .productattribute { padding-left:28px;text-align:right; vertical-align:middle; } table.comparisontable .oddattributerow { background-color:#EEEEE4; } table.comparisontable .quickview-button a { background: transparent url(../images/quickview.gif) center center no-repeat; display: block; height: 17px; position: absolute; left: 0px; top: 50px; width:118px; } .compare-container {margin:0 0 0 40px;} .compare-number {float:left;width:20px; text-align:right;} div.compare-1 {float:left; background:#8AC550;width:10px; height:5px; margin:5px;} div.compare-2 {float:left; background:#8AC550;width:20px; height:5px; margin:5px;} div.compare-3 {float:left; background:#8AC550;width:30px; height:5px; margin:5px;} div.compare-4 {float:left; background:#8AC550;width:40px; height:5px; margin:5px;} div.compare-5 {float:left; background:#8AC550;width:50px; height:5px; margin:5px;} div.compare-6 {float:left; background:#8AC550;width:60px; height:5px; margin:5px;} div.compare-7 {float:left; background:#8AC550;width:70px; height:5px; margin:5px;} div.compare-8 {float:left; background:#8AC550;width:80px; height:5px; margin:5px;} div.compare-9 {float:left; background:#8AC550;width:90px; height:5px; margin:5px;} div.compare-10 {float:left; background:#8AC550;width:100px; height:5px; margin:5px;} /* QUICKVIEW --------------------------------------------------------------------------------------- */ .quickview .bundle, .quickview .productset { height: 300px; overflow:auto; } .ui-widget.quickview { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:inherit; /*Corrects jQuery Font Magnifying*/ } /* PRODUCT DETAILS --------------------------------------------------------------------------------------- */ .productdetail .image-anchor { position:relative; min-height:380px; margin-bottom:30px; } * html .productdetail .image-anchor {height: expression( this.scrollHeight < 381 ? "380px" : "auto" )} .productdetail .image_container { position:absolute; top:0px; left:0px;} .productdetail .expandable-section { position:relative; width:540px !important} .productdetail .image_container .thumb_view { position:absolute; height:230px; width:40px; top:0px; left:0px; z-index: 50; } .productdetail .image_container .thumb_view ul { display:block} .productdetail .image_container .thumb_view ul li { list-style-type:none; padding:5px 0px;} .productdetail .image_container .thumb_view img { border:1px solid #EAEAEA; display:block; } .productdetail .image_container .productDetailToolTip {display:none;position:absolute;bottom:28px;right:0;background:#EFEEE4;border:solid 1px; float:right;padding:3px;} .productdetail .image_container li.hover img {border:1px solid #333333;display:block;cursor:pointer;} .productdetail .productdetailcolumn a {white-space:nowrap;cursor:pointer;color:#444444;} .productdetail .productdetailcolumn .print-me { float:right; margin-top:-2px} .productdetail .productdetailcolumn .print-me a { text-decoration: none} .productdetail .productdetailcolumn .print-me a span { text-decoration: underline} .productdetail .productdetailcolumn .print-me a:hover span { text-decoration: none} .productdetail .productdetail-box {background-color:#EFEEE4; border: 1px solid #E2DFCF; padding:5px 5px 10px 5px; margin-top:10px; position:relative; min-height:120px; } .productdetail #configurator.variant .productdetail-box { padding-bottom:35px; } #main.clearance .productdetail-box { padding-bottom:35px; } * html .productdetail .productdetail-box {height: expression( this.scrollHeight < 121 ? "120px" : "auto" );z-index:-1;} #main.variant .productdetail-box {min-height:120px; padding:5px 6px 80px 5px;} #main.unavailable .productdetail-box {height:240px; margin-bottom:20px} #main.nonclub .productdetail-box {min-height:50px; padding:5px 6px 80px 5px;} #main.variant .productdetail-box .bottom-bar {width:98%; margin:0px; height: 40px; bottom: 4px; left: 4px;} #main.variant .productdetail-box .bottom-bar .divider-dotted {margin:0px} #main.nonclub .productdetail-box .bottom-bar {width:98%; margin:0px; height: 40px; bottom: 4px; left:4px;} #main.nonclub .productdetail-box .bottom-bar .divider-dotted {margin:0px} * html #main.variant .productdetail-box { height: expression( this.scrollHeight < 121 ? "120px" : "auto" ); } * html #main.variant .productdetail-box .bottom-bar { width:100%; } * html #main.nonclub .productdetail-box { height: expression( this.scrollHeight < 51 ? "50px" : "auto" ); } * html #main.nonclub .productdetail-box .bottom-bar { width:100%; } .productdetail .productdetail-box h4 {margin-top:10px; margin-bottom:10px;} .productdetail .productdetail-box h3 { background:#E2DFCF; padding:5px; margin-bottom:10px; color:#8C3129; position:relative; } .productdetail .productdetail-box .opt-in .checkbox { padding-left:25px;position:relative; } .productdetail .productdetail-box .opt-in .checkbox input { height:auto;left:0;position:absolute;top:0;width:auto;z-index:auto; } .productdetail .productdetail-box .pricing { margin:0px; font-size:1.2em; } #main.variant .productdetail-box .pricing { margin:0 5px; font-size:1.6em; position:relative; font-weight:bold; letter-spacing:-0.4pt;} #main.nonclub .productdetail-box .pricing { margin:0 5px; font-size:1.6em; position:relative; font-weight:bold; letter-spacing:-0.4pt;} .productdetail .productdetail-box .callout {margin:0 0 0 93px;} .productdetail .productdetail-box .callout span.results{font-style:italic; margin:0 10px 0 0;} .productdetail .productdetail-box .leftPrice {left:5px;bottom:4px;position:absolute;} .productdetail .addtocartbar .leftPrice {float:left; margin:5px 10px; font-size:1.6em; position:relative; font-weight:bold; letter-spacing:-0.4pt;} .productdetailcolumn .product-rating {margin: 2px 0;} .productdetailcolumn h1 {margin-left:2px;} .productdetailcolumn .imix-configured {margin:4px 0 0 2px; background:url(../images/imix-icon.gif) no-repeat; height:30px; padding:0 0 0 45px; line-height:30px;} .productdetail .comingsoon { padding:0px 0px 0px 10px; width:475px;} .productdetail .comingsoon .checkbox { margin:10px 0px;} .productdetail .comingsoon .check { float:left; margin:0px 10px 20px 0px;} .productdetail .comingsoon button.submitBtn { border:0 none; margin:15px 0px; } .productdetail .comingsoon .label { width:auto; text-align:left;} .productdetail .shareBtn {position:absolute; bottom:6px; border:none} .productdetail .submitBtn {margin-left:5px; position:absolute; bottom:6px; border:none} .productdetail .bottom-bar {margin: 5px 0px; bottom: 0px; height: 25px; position: absolute; width: 98%;} .productdetail .bottom-bar .divider-dotted {margin-top: -8px;} .productdetail .bottom-bar .addtocart {position:absolute; right:2px; bottom:4px; margin-top: 2px;} .productdetail .pr-snippet-read-reviews, .productdetail .pr-snippet-write-review {float:left} .email-part { margin-top: 15px; margin-bottom: 40px; } .email-part input.email { display:block; } .email-part h4 { font-size: 1.2em; } * html .productdetail .productdetail-options {position:relative;} * html .productdetail .productdetail-options .var-attr {position:relative;} * html .productdetail .productdetail-options .var-attr * {position:relative;} .productdetail .productdetail-options .left-column { float:left; width:40%; } .productdetail .productdetail-options .right-column { float:left; width:60%; } .productdetail .productdetail-options .label { float:left; width:81px; text-align:right; margin:2px 10px 4px 0px; } #main.nonclub .productdetail-options .label { width:75px; text-align:right; margin:0px 10px 4px 0px; } .productdetail .productdetail-options .var-attr { margin:6px 0px; } #main.nonclub .productdetail-options .var-attr { margin:6px 0px; } #main.nonclub .productdetail-options .var-attr span.value { } /*#main.nonclub .productdetail-options .condition { display:none; }*/ #configurator .sets .productdetail-options div.v1267 {display:none} .productdetail .productdetail-options ul {margin-left:91px;} .productdetail .productdetail-options ul li { list-style-type:none; line-height:19px; float:left;} .productdetail .productdetail-options ul li.emptyswatch, .productdetail .productdetail-options ul li.emptyswatch a {position:static;} .productdetail .productdetail-options div.li { list-style-type:none; display:inline; line-height:19px; float:left; margin-top:-3px;} #main.nonclub .productdetail-options div.li { list-style-type:none; display:block; line-height:19px; float:left; margin-left:4px} /*.productdetail .productdetail-options ul.refinement_category li { url(../images/box-nocheck.gif); background-position:0px 1px; background-repeat:no-repeat; } *+html .productdetail .productdetail-options ul.refinement_category li { background-image:url(../images/box-nocheck.gif); background-position:0px 2px; background-repeat:no-repeat; }*/ .productdetail .productdetail-options ul.refinement_category li a { background-image:url(../images/box-nocheck.gif); background-position:0px 0px; background-repeat:no-repeat; margin:0 0 3px; padding:1px 5px 2px 18px; text-decoration: none; display:block; white-space:nowrap; line-height:14px;} .productdetail .productdetail-options ul.refinement_category li a:hover { background-image:url(../images/box-graycheck.gif); } .productdetail .productdetail-options ul.refinement_category li.unorderable a:hover { background-image:url(../images/box-nocheck.gif); cursor:default;} *+html .productdetail .productdetail-options ul.refinement_category li.unorderable a:hover { background-image:url(../images/box-nocheck.gif); cursor:default; filter:alpha(opacity=40); } .productdetail .productdetail-options ul.refinement_category li.selected a { background-image:url(../images/box-bluecheck.gif); } .productdetail .gender-hand .refine_attributes li a { background:url(../images/global/size-sprites.png) -26px -20px no-repeat; width:90px; height:19px; text-decoration:none; display:inline-block; text-align:center;margin-right:2px;} .productdetail .gender-hand .refine_attributes li { background:url(../images/global/size-sprites.png) -26px -20px no-repeat; width:90px; height:19px;} .productdetail .gender-hand .refine_attributes li.unorderable { opacity:0.4; filter: alpha(opacity=40); } *+html .productdetail .gender-hand .refine_attributes li a { line-height:19px; } .productdetail .gender-hand .refine_attributes li.selected a { background:url(../images/global/size-sprites.png) -26px -60px no-repeat; color:#fff;} .productdetail .gender-hand .refine_attributes li.selected a:hover { background:url(../images/global/size-sprites.png) -26px -60px no-repeat; color:#fff;} .productdetail .gender-hand .refine_attributes li a:hover { background:url(../images/global/size-sprites.png) -26px -40px no-repeat;} .productdetail .gender-hand .refine_attributes li.unorderable a:hover { background:url(../images/global/size-sprites.png) -26px -20px no-repeat; cursor:default; color:#444;} *+html .productdetail .gender-hand .refine_attributes li.unorderable a:hover { background:url(../images/global/size-sprites.png) -26px -20px no-repeat; cursor:default; color:#444; filter: alpha(opacity=40); margin-right:0;} .productdetail .size .refine_attributes li a { background:url(../images/global/global-sprites.png) -162px -271px no-repeat; width:39px; height:17px; text-decoration:none; display:inline-block; text-align:center;} .productdetail .size .refine_attributes li a:hover { background:url(../images/global/global-sprites.png) -207px -271px no-repeat;} .productdetail .size .refine_attributes li a:visited { background:url(../images/global/global-sprites.png) -252px -271px no-repeat; color:#fff;} .productdetail .productdetail-options a {cursor:pointer} /* // Product Detail grid header (default+by category) // // Multiple cases: // - Header widths (by variation id) for each category // - Data widths (by variation id) for each category (scroller visible) // - Data widths (by variation id) for each category (scroller hidden) // */ table.options-header a {cursor:pointer; text-decoration:none} table.options-header a:link, table.options-header a:visited {color:black} .productdetail .expandable-section .options-header { margin-left:-30px; background:#E2DFCF; border-left:1px solid #E2DFCF; width:568px} .productdetail .expanded-section table.options-header { background:#E2DFCF; margin-left:-25px; border-right:1px solid #E2DFCF; border-left:1px solid #E2DFCF; width:940px; } #configurator .wedges .expandable-section table.options-header { margin-left:-70px; width:600px } .productdetail table.options-header td.plusBtn { padding:5px 5px 5px 4px;width:22px} .productdetail table.options-header img { padding-right:5px; vertical-align:text-top; } #configurator .irons table.options-header img, #configurator .sets table.options-header img, #configurator .wedges table.options-header img {padding-right:0px;} .productdetail .expandable-section table.options-header td {width:auto} .productdetail .expanded-section { position:relative;} .productdetail .expanded-section tr { line-height:1.0em; } .productdetail .expanded-section tr.hover { background-color:#D0E0F0; cursor:pointer; } .productdetail .expanded-section tr.selected { background-color:#376FA6; color:#ffffff; } .productdetail .expanded-section tr.selected .was {font-weight:normal; } .productdetail .expanded-section tr.selected .now {color:#ffffff; } /* .productdetail td.pricings {text-align:right; padding-right:25px;} .productdetail .expanded-section td.pricings { width:112px; } .productdetail .expanded-section .productlist td.pricings { width:98px; padding-right:16px} */ .productdetail .expanded-section .scrollable {max-height:240px; overflow:scroll; overflow-x:hidden; border-bottom:1px solid #E2DFCF; background:#fff;} * html .productdetail .expanded-section .scrollable { height: expression( this.scrollHeight > 239 ? "240px" : "auto" ); } * html .productdetail .var-attr ul li a {color:#444;} .productdetail .expanded-section .scrollable table.productlist tr {height:24px;} .productdetail .expanded-section .scrollable table.productlist td { padding-bottom:2px; } /*.productdetail .expanded-section .scrollable td.pricings { padding-right:4px; text-align:right; width:112px; font-weight:normal; font-size:1.0em; float:none; font-weight:bold; }*/ .productdetail .expanded-section .scrollable .productlist td.pricings { padding-right:16px; width:98px; } .productdetail .expanded-section .scrollable table.productlist td .now { padding-right:0px; } .productdetail .expanded-section .addtocartbar { margin:0px 0px 20px 24px;} .nogh {display:none} .gh {display:inline} .nogenderhand .nogh {display:inline} .nogenderhand .gh {display:none} /* Drivers - Loft(v71), OptiFit(v1664), Shaft Material(v1566), Shaft Flex(v67), Shaft Type/Model(v54), Condition(vCondition), Price */ #configurator .drivers .expanded-section table.options-header td.v71 {width:75px;} #configurator .drivers .expanded-section table.options-header td.v1664 {width: 90px;} #configurator .drivers .expanded-section table.options-header td.v1566 {width: 100px;} #configurator .drivers .expanded-section table.options-header td.v67 {width: 110px;} #configurator .drivers .expanded-section table.options-header td.v54 {width: 205px;} #configurator .drivers .expanded-section table.options-header td.v3 {width: 90px;} #configurator .drivers .expanded-section table.options-header td.vCondition {width: 100px} #configurator .drivers .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .drivers .expanded-section table.options-header td.vGenderHand {display:none} #configurator .drivers table.productlist td.v71 {padding-left: 5px; width:76px;} #configurator .drivers table.productlist td.v1664 {width: 90px;} #configurator .drivers table.productlist td.v1566 {width: 100px;} #configurator .drivers table.productlist td.v67 {width: 110px;} #configurator .drivers table.productlist td.v54 {width: 205px;} #configurator .drivers table.productlist td.v3 {width: 90px;} #configurator .drivers table.productlist td.vCondition {width: 100px} #configurator .drivers table.productlist td.pricings {text-align:right; padding-right: 9px;width:112px;} #configurator .drivers table.productlist td.vGenderHand {display:none} /* Woods - club-loft-tour, OptiFit(v1664), Shaft Material(v1566), Shaft Flex(v67), Shaft Type/Model(v54), Condition(vCondition), Price */ #configurator .woods .expanded-section table.options-header td.v1267 {width:95px;} #configurator .woods .expanded-section table.options-header td.v1664 {width: 90px;} #configurator .woods .expanded-section table.options-header td.v1566 {width: 100px;} #configurator .woods .expanded-section table.options-header td.v67 {width: 100px;} #configurator .woods .expanded-section table.options-header td.v54 {width: 205px;} #configurator .woods .expanded-section table.options-header td.v3 {width: 90px;} #configurator .woods .expanded-section table.options-header td.vCondition {width: 90px} #configurator .woods .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .woods table.options-header td.v71 {display:none} #configurator .woods table.options-header td.club-loft-tour {display:none} #configurator .woods table.productlist td.club-loft-tour {padding-left: 5px; width:96px;} #configurator .woods table.productlist td.v1664 {width: 90px;} #configurator .woods table.productlist td.v1566 {width: 100px;} #configurator .woods table.productlist td.v67 {width: 100px;} #configurator .woods table.productlist td.v54 {width: 205px;} #configurator .woods table.productlist td.v3 {width: 90px;} #configurator .woods table.productlist td.vCondition {width: 90px} #configurator .woods table.productlist td.pricings {text-align:right; padding-right: 9px;width:112px;} #configurator .woods table.productlist td.vGenderHand {display:none} #configurator .woods table.productlist td.v71 {display:none} #configurator .woods table.productlist td.v1267 {display:none} /* Hybrids - club-loft-tour, OptiFit(v1664), Shaft Material(v1566), Shaft Flex(v67), Shaft Type/Model(v54), Condition(vCondition), Price */ #configurator .hybrids .expanded-section table.options-header td.v1267 {width:95px;} #configurator .hybrids .expanded-section table.options-header td.v1664 {width: 90px;} #configurator .hybrids .expanded-section table.options-header td.v1566 {width: 100px;} #configurator .hybrids .expanded-section table.options-header td.v67 {width: 100px;} #configurator .hybrids .expanded-section table.options-header td.v54 {width: 205px;} #configurator .hybrids .expanded-section table.options-header td.v3 {width: 90px;} #configurator .hybrids .expanded-section table.options-header td.vCondition {width: 90px} #configurator .hybrids .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .hybrids table.options-header td.v71 {display:none} #configurator .hybrids table.options-header td.club-loft-tour {display:none} #configurator .hybrids table.productlist td.club-loft-tour {padding-left: 5px; width:96px;} #configurator .hybrids table.productlist td.v1664 {width: 90px;} #configurator .hybrids table.productlist td.v1566 {width: 100px;} #configurator .hybrids table.productlist td.v67 {width: 100px;} #configurator .hybrids table.productlist td.v54 {width: 205px;} #configurator .hybrids table.productlist td.v3 {width: 90px;} #configurator .hybrids table.productlist td.vCondition {width: 90px} #configurator .hybrids table.productlist td.pricings {text-align:right; padding-right: 9px;width:112px;} #configurator .hybrids table.productlist td.vGenderHand {display:none} #configurator .hybrids table.productlist td.v71 {display:none} #configurator .hybrids table.productlist td.v1267 {display:none} /* Irons - Club(v1267), ShaftMaterial(v1566), Shaft Flex(v67), Shaft Type/Model(v54), Lie Angle(v1589), Length(v3), Condition(vCondition), Price */ #configurator .irons .expanded-section table.options-header td.v1267 {width:95px;} #configurator .irons .expanded-section table.options-header td.v1566 {width: 110px;} #configurator .irons .expanded-section table.options-header td.v67 {width: 110px;} #configurator .irons .expanded-section table.options-header td.v54 {width: 205px;} #configurator .irons .expanded-section table.options-header td.v1589 {width: 90px;} #configurator .irons .expanded-section table.options-header td.v3 {width: 70px;} #configurator .irons .expanded-section table.options-header td.vCondition {width: 90px} #configurator .irons .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .irons table.options-header td.v71 {display:none} #configurator .irons table.options-header td.v1258 {display:none} #configurator .irons table.productlist td.v1267 {padding-left: 5px; width:96px;} #configurator .irons table.productlist td.v1566 {width: 110px;} #configurator .irons table.productlist td.v67 {width: 110px;} #configurator .irons table.productlist td.v54 {width: 205px;} #configurator .irons table.productlist td.v1589 {width: 90px;} #configurator .irons table.productlist td.v3 {width: 70px;} #configurator .irons table.productlist td.vCondition {width: 90px} #configurator .irons table.productlist td.pricings {text-align:right; padding-right: 9px;width:112px;} #configurator .irons table.productlist td.vGenderHand {display:none} #configurator .irons table.productlist td.v71 {display:none} #configurator .irons table.productlist td.v1258 {display:none} /* Sets - Set Comp(v1258), ShaftMaterial(v1566), Shaft Flex(v67), Shaft Type/Model(v54), Lie Angle(v1589), Length(v3), Condition(vCondition), Price */ #configurator .sets td.v1267 {display:none;} #configurator .sets .expanded-section table.options-header td.v1258 {width:95px;} #configurator .sets .expanded-section table.options-header td.v1566 {width: 110px;} #configurator .sets .expanded-section table.options-header td.v67 {width: 110px;} #configurator .sets .expanded-section table.options-header td.v54 {width: 205px;} #configurator .sets .expanded-section table.options-header td.v1589 {width: 90px;} #configurator .sets .expanded-section table.options-header td.v3 {width: 70px;} #configurator .sets .expanded-section table.options-header td.vCondition {width: 90px} #configurator .sets .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .sets table.options-header td.v71 {display:none} #configurator .sets table.options-header td.pinehurstSubcategory {display:none} #configurator .sets table.productlist td.v1258 {padding-left: 5px; width:96px;} #configurator .sets table.productlist td.v1267 {padding-left: 5px; width:96px;} #configurator .sets table.productlist td.v1566 {width: 110px;} #configurator .sets table.productlist td.v67 {width: 110px;} #configurator .sets table.productlist td.v54 {width: 205px;} #configurator .sets table.productlist td.v1589 {width: 90px;} #configurator .sets table.productlist td.v3 {width: 70px;} #configurator .sets table.productlist td.vCondition {width: 90px} #configurator .sets table.productlist td.pricings {text-align:right; padding-right: 9px;width:112px;} #configurator .sets table.productlist td.vGenderHand {display:none} #configurator .sets table.productlist td.v71 {display:none} #configurator .sets table.productlist td.pinehurstSubcategory {display:none} /* Wedges - Club(v1267), ShaftMaterial(v1566), Shaft Flex(v67), Shaft Type/Model(v54), Lie Angle(v1589), Length(v3), Condition(vCondition), Price */ #configurator .wedges .expanded-section table.options-header td.v1267 {width:110px;} #configurator .wedges .expanded-section table.options-header td.v1566 {width: 105px;} #configurator .wedges .expanded-section table.options-header td.v67 {width: 90px;} #configurator .wedges .expanded-section table.options-header td.v54 {width: 205px;} #configurator .wedges .expanded-section table.options-header td.v1589 {width: 80px;} #configurator .wedges .expanded-section table.options-header td.v3 {width: 70px;} #configurator .wedges .expanded-section table.options-header td.vCondition {width: 80px} #configurator .wedges .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:104px;} #configurator .wedges .expanded-section table.options-header td.v71 {width:105px} #configurator .wedges .expanded-section table.options-header td.v1258 {display:none} #configurator .wedges .expandable-section table.options-header td.v1258 {display:none} #configurator .wedges table.productlist td.v1267 {padding-left: 5px; width:105px;} #configurator .wedges table.productlist td.v1566 {width: 110px;} #configurator .wedges table.productlist td.v67 {width: 90px;} #configurator .wedges table.productlist td.v54 {width: 205px;} #configurator .wedges table.productlist td.v1589 {width: 77px;} #configurator .wedges table.productlist td.v3 {width: 70px;} #configurator .wedges table.productlist td.vCondition {width: 80px} #configurator .wedges table.productlist td.pricings {text-align:right; padding-right: 9px;width:100px;} #configurator .wedges table.productlist td.vGenderHand {display:none} #configurator .wedges table.productlist td.v71 {width:100px} #configurator .wedges table.productlist td.v1258 {display:none} /* Putters - Head Type(v1656), Insert Type(v1644), Length(v3), Condition(vCondition), Price */ #configurator .putters .expanded-section table.options-header td.v1656 {width:211px;} #configurator .putters .expanded-section table.options-header td.v1644 {width: 217px;} #configurator .putters .expanded-section table.options-header td.v3 {width: 158px;} #configurator .putters .expanded-section table.options-header td.vCondition {width: 189px} #configurator .putters .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .putters table.productlist td.v1656 {padding-left: 5px; width:212px;} #configurator .putters table.productlist td.v1644 {width: 217px;}/*429*/ #configurator .putters table.productlist td.v3 {width: 158px;}/*587*/ #configurator .putters table.productlist td.vCondition {width: 189px;}/*776*/ #configurator .putters table.productlist td.pricings {text-align:right; padding-right: 9px;width:112px;}/*892*/ #configurator .putters table.productlist td.vGenderHand {display:none} /* Shafts - Shaft Flex(v67), Weight(), Torque(), Kick Point(), Length, Condition(), Price */ #configurator .shafts .expanded-section table.options-header td.v67 {width:120px;} #configurator .shafts .expanded-section table.options-header td.v1673 {width: 120px;} #configurator .shafts .expanded-section table.options-header td.v1675 {width: 120px;} #configurator .shafts .expanded-section table.options-header td.v1678 {width: 120px;} #configurator .shafts .expanded-section table.options-header td.v3 {width: 120px;} #configurator .shafts .expanded-section table.options-header td.vCondition {width: 120px} #configurator .shafts .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:118px;} #configurator .shafts table.productlist td.v67 {padding-left: 5px; width:127px;} #configurator .shafts table.productlist td.v1673 {width: 127px;} #configurator .shafts table.productlist td.v1675 {width: 127px;} #configurator .shafts table.productlist td.v1678 {width: 127px;} #configurator .shafts table.productlist td.v3 {width: 127px;} #configurator .shafts table.productlist td.vCondition {width: 120px} #configurator .shafts table.productlist td.pricings {text-align:right; padding-right: 20px;width:115px;} #configurator .shafts table.productlist td.vGenderHand {display:none} /* Heads - loft-tour, OptiFit(v1664), Condition(vCondition), Price */ #configurator .heads .expanded-section table.options-header td.v71 {width:251px;} #configurator .heads .expanded-section table.options-header td.v1664 {width: 257px;} #configurator .heads .expanded-section table.options-header td.vCondition {width: 229px} #configurator .heads .expanded-section table.options-header td.pricings {text-align:right; padding-right: 20px;width:157px;} #configurator .heads table.productlist td.v71 {padding-left: 5px; width:252px;} #configurator .heads table.productlist td.v1664 {width: 257px;} #configurator .heads table.productlist td.vCondition {width: 229px;} #configurator .heads table.productlist td.pricings {text-align:right; padding-right: 4px;width:156px;} #configurator .heads table.productlist td.vGenderHand {display:none} .productdetail .addtocartbar { min-width: 538px; background:#EFEEE4; border: 1px solid #E2DFCF; border-top:none; padding:0px; margin-bottom:20px;} .productdetail .addtocartbar .callout { float:left; background:#fff; padding:3px 0px; margin:0px 0px 10px; text-align:center; color:#8C3129; width:100% } /*.productdetail .addtocartbar .pricing { float:right; font-size:1.3em; }*/ .productdetail .addtocartbar .productlist td,.productdetail .addtocartbar .productlist .pricing { float:none; font-size:1.0em; } .productdetail .addtocartbar .addtocart .addtocartBtn { float:right; border:0 none; margin:10px;} .productdetail .addtocartbar .share button.shareBtn { float:left; border:0 none; margin:10px 5px; position:relative; bottom:0px} .productdetail .addtocartbar .pricing .was, .now { font-weight:bold; } .pt_productdetail .product_overview {margin-bottom:20px; font-size:1em; line-height:1.5em;} .pt_productdetail .product_overview p {line-height:1.4em;} .pt_productdetail .product_overview h3{margin-bottom:10px;margin-top:-27px;} * html .pt_productdetail .product_overview h3{margin-bottom:10px;margin-top:0;} .pt_productdetail .product_overview h4{margin-bottom:5px; font-size:1.1em;} .pt_productdetail .product_overview ul{margin:0 0 0 30px; font-size:1.1em;} .pt_productdetail .product_overview ul li{padding:5px 0;} .productloader { position:absolute; display:block; margin:25px 215px; padding:25px 0px; text-align:center; width:350px; } /*.productdetail { margin:0 0 0 15px; }*/ /*.productdetail .label { text-align:left; width:inherit; margin-top:2px; }*/ /*.productdetail .product_image { } .productdetail .product_image img { height: 350px; width:350px; } .productdetail .product_thumbnails { margin: 15px auto; text-align: center; } .productdetail .product_thumbnails img { border: 1px solid #8f979d; height:50px; width:50px; }*/ .productdetail .productID { float: right; } .productdetail .price { color: #e62617; font-size: 1.8em; font-weight:bold; } .productdetail .price .standardprice { border-right: 1px black solid; margin-right:5px; padding-right:5px; } .productdetail .tieredprice { color: red; margin: 8px 0 12px 0; } .productdetail .tieredprice .label { font-size: 1.2em; } .productdetail .tieredprice .tieredpricevalues { font-size: 1.1em; } .productdetail .promotion {background-color:#cbe6b1;color:#333;border:1px solid #e2dfcf;font-size:1.1em;line-height:1.1em;margin:10px 0px -11px;padding:10px 12px; text-align:center;} .productdetail .promotion a {color:#376FA6;} .productdetail .promotion .label {display:none;} .productdetail .availability {clear:both;font-size:1.2em;margin:10px 0px 0px 0px;} .productdetail .addtocartbar .addtocart .quanity .label { font-size:1.2em; text-transform: uppercase; } .productdetail .addtocartbar .addtocart .quanity { display:inline; } .productdetail .product_actions { float: right; text-align:right; } .productdetail .sendtofriend { background: transparent url(../images/email_icon.gif) no-repeat 0 3px; padding-left: 13px; } .productdetail .printpage { background:transparent url(../images/icon_print.png) no-repeat left center; padding:0 0 0 20px; float:right; text-decoration:underline; } .productdetail .unselectable a { background-position: 0 -75px; color: #999; text-decoration:none; } .productdetail .unselectable a:hover { background-position: 0 -75px; cursor:default; } .easy2-container span {display:block;border-top:1px solid #e2e0dc;margin:33px 0 10px;} .easy2-container iframe {margin-top:-33px;} /****** Attribute Rendering ******/ .attribute { } .product_information .main_attributes { line-height: 18px; } .sizeChartLink { float:right } /****** Product Variation Attribute Swatch Rendering ******/ .variation_attributes .swatches li {float:left;margin:0 1px 5px;} .variation_attributes .swatches li a { display:block; width:25px; height:19px; background-image:url(../images/global/size-sprites.png); background-repeat:no-repeat; text-align:center; font-size:0.8em; font-stretch:condensed; } .variation_attributes .swatches li.unselectable a {background-position:0px 0px;} .variation_attributes .swatches li a {background-position:0px -20px;} .variation_attributes .swatches li a:hover {background-position:0px -40px;} .variation_attributes .swatches li.selected a {background-position:0px -60px;color:#fff;} .variation_attributes { clear:both; margin: 0px 10px; } .variation_attributes .swatches { clear:both; margin: 0 0 10px 0; } .variation_attributes .swatches ul.swatches_display { padding:1px 0; list-style: none; margin: 0px 0px 0px 84px;overflow:hidden;} .variation_attributes .Color li { float: left; margin: 0px 3px; padding: 0px; text-align: center; } .variation_attributes .Color li.selected { margin-top: -1px; } .variation_attributes .Color li a { background:none; border:1px solid #ccc; height:35px; text-indent:0px; width:35px; padding:2px; } .variation_attributes .Color li a:hover { border:1px solid #333333; width:35px; height:35px; padding:2px;} .variation_attributes .Color li.selected a { background:none; width:35px; height:35px; border:2px solid #333; padding:2px; } .variation_attributes .Color li.unselectable a { background:transparent url(../images/overlay_wh.png) repeat 0 0; border:1px solid #EFEEE4; cursor:default; z-index:25; } .variation_attributes .Color li a#swatch-Miscellaneous { background-position: 0 -75px; } .variation_attributes .Color li a#swatch-Miscellaneous:hover { background-position: 0 -150px; } .variation_attributes .Color li.selected a#swatch-Miscellaneous { background-position: 0 -125px; } .variation_attributes .Color li a#swatch-Brown { background-color: #783201; } .variation_attributes .Color li #swatch-Black-Orange {background-color:black} .variation_attributes .Color .swatches_display .boxBtn .size-small {display:block;width:35px;height:35px;} .variation_attributes .Color .swatches_display .unselectable .boxBtn .size-small {opacity:0.3;filter: alpha(opacity=30);} #pdpVarAttrDiv.gift-card-cgpo .Condition {display:none} .variation_attributes .var-attr #pdpconditionvar li.unselectable a, .variation_attributes .var-attr #pdpa1671var li.unselectable a, .variation_attributes .var-attr #pdpa39var li.unselectable a, .variation_attributes .var-attr #pdpa1267var li.unselectable a, .variation_attributes .var-attr #pdpa44var li.unselectable a, .variation_attributes .var-attr #pdpconditionvar li.unselectable a:hover, .variation_attributes .var-attr #pdpa1671var li.unselectable a:hover, .variation_attributes .var-attr #pdpa39var li.unselectable a:hover, .variation_attributes .var-attr #pdpa1267var li.unselectable a:hover, .variation_attributes .var-attr #pdpa44var li.unselectable a:hover { background-position:-26px 0; } .variation_attributes .var-attr #pdpconditionvar li a, .variation_attributes .var-attr #pdpa1671var li a, .variation_attributes .var-attr #pdpa39var li a, .variation_attributes .var-attr #pdpa1267var li a, .variation_attributes .var-attr #pdpa44var li a { background:transparent url(../images/global/size-sprites.png) no-repeat scroll -26px -20px; display:block; line-height: 1.7em; font-size:0.9em; height:19px; width:90px; } .variation_attributes .var-attr #pdpconditionvar li a:hover, .variation_attributes .var-attr #pdpa1671var li a:hover, .variation_attributes .var-attr #pdpa39var li a:hover, .variation_attributes .var-attr #pdpa1267var li a:hover, .variation_attributes .var-attr #pdpa44var li a:hover { background:transparent url(../images/global/size-sprites.png) no-repeat scroll -26px -40px; display:block; line-height: 1.7em; font-size:0.9em; height:19px; width:90px; } .variation_attributes .var-attr #pdpa1670var li a, .variation_attributes .var-attr #pdpa1660var li a, .variation_attributes .var-attr #pdpa4var li a, .variation_attributes .var-attr #pdpa1509var li a { background:transparent url(../images/global/size-sprites.png) no-repeat scroll -116px -20px; display:block; line-height: 1.7em; font-size:0.9em; height:19px; width:57px; } .variation_attributes .var-attr #pdpa1670var li a:hover, .variation_attributes .var-attr #pdpa1660var li a:hover, .variation_attributes .var-attr #pdpa4var li a:hover, .variation_attributes .var-attr #pdpa1509var li a:hover { background:transparent url(../images/global/size-sprites.png) no-repeat scroll -116px -40px; display:block; line-height: 1.7em; font-size:0.9em; height:19px; width:57px; } .variation_attributes .var-attr #pdpconditionvar li, .variation_attributes .var-attr #pdpa1671var li, .variation_attributes .var-attr #pdpa39var li, .variation_attributes .var-attr #pdpa1267var li, .variation_attributes .var-attr #pdpa44var li { display:inline; text-align:center; text-decoration:none; height:19px; width:90px; } .variation_attributes .var-attr #pdpa1670var li, .variation_attributes .var-attr #pdpa1660var li, .variation_attributes .var-attr #pdpa4var li, .variation_attributes .var-attr #pdpa1509var li { display:inline; text-align:center; text-decoration:none; height:19px; width:57px; } .variation_attributes .var-attr #pdpa1670var li.selected a, .variation_attributes .var-attr #pdpa1660var li.selected a, .variation_attributes .var-attr #pdpa4var li.selected a, .variation_attributes .var-attr #pdpa1509var li.selected a { background:transparent url(../images/global/size-sprites.png) no-repeat scroll -116px -60px; color:white; } .variation_attributes .var-attr #pdpconditionvar li.selected a, .variation_attributes .var-attr #pdpa1671var li.selected a, .variation_attributes .var-attr #pdpa39var li.selected a, .variation_attributes .var-attr #pdpa1267var li.selected a, .variation_attributes .var-attr #pdpa44var li.selected a { background:transparent url(../images/global/size-sprites.png) no-repeat scroll -26px -60px; color:white; } /****** Tabs for Irons types *******/ #tabs {position:relative; right:0px; top: 10px; padding:0; z-index:1; height:26px; border:none;} #tabs li {float:left} #tabs .ui-tabs-panel {display:none} #tabs .ui-tabs-nav {padding:0} #tabs .ui-tabs-nav li a {padding: 0.35em 2em 0.4em;} #tabs .ui-tabs-nav li a:hover {background:#EFEEE4;} #tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:0px; top:1px;} /*.print-me img {position:relative;top:7px}*/ /****** Product Set Rendering ******/ .productset { border-top: 1px solid #CCCCCC; width: auto; } .productset_detail { margin-bottom: 10px; } .productset_detail .product_information { width:75%; } .productset_detail .product_images { width:20%; } .productset_detail .productname { font-size: 1.2em; padding: 0px; } .productset_detail .productname a { color:black; } .productset_detail .price { font-size: 1.1em; } .productset_detail .promotion { border-bottom:1px solid gray; border-top:1px solid gray; font-size:1em; margin:5px 0; padding:2px 7px; } .productset_detail .variation_attributes { font-size:1.1em; margin:0px; } .productset_detail .availability { font-size:1.1em; } .productset_detail .addtocartbar { margin: 0 0 24px 0; } .productset_detail .addtocartbar .price { font-size: 1.4em; } .productset_detail .addtocartbar .addtocart .quanity .label { font-size:1.1em; text-transform:uppercase; } .productset_detail .addtocartbar .addtocart { margin-top: -2px; } .productset_detail .addtocartbar .addtocart .quanity input.quantityinput { font-size:.9em; } .productset_detail .addtocartbar .addtocart button.addtocart_button { font-size:.9em; padding:0 3px; } /***** Product Next/Previous on Product Detail Page (productnav.isml) *****/ .productdetail .productnav { margin:0 0 0 10px; } .productdetail .productnavigation { text-align: center; } .productdetail .productnavigation .productprevious { background: transparent url(../images/previous.gif) no-repeat 0 3px; border-right: 1px solid #ccc; padding-left: 10px; } .productdetail .productnavigation .productnext { background: transparent url(../images/next.gif) no-repeat right 3px; padding-right: 10px; } .productdetail .productnavigation img { height:50px; width:50px; vertical-align:middle; } .productdetail .pd-right-top-links a {color:#999;float:left;} .productdetail .pd-right-top-links a:hover {color:#666;} .productdetail .pd-right-top-links .pdp-print-icon {background: transparent url(../images/global/global-sprites.png) no-repeat scroll 0px -390px; height:16px; display:block; padding-left: 17px;} .productdetail .pd-right-top-links .pdp-tech-icon {background: transparent url(../images/global/global-sprites.png) no-repeat scroll 0px -959px; height:16px; display:block; padding-left: 17px;} .productdetail .pd-right-top-links ul li {list-style-type: none; margin:0 0 0 20px; float:left;} .productdetail .pd-right-top-links ul {font-size:1em;} .pdp-condition-guide {height:20px; display:block; width:81px; background: transparent url(../images/global/global-sprites.png) no-repeat scroll 8px -438px; } a.ui-dialog-titlebar-close {position:relative;display:block;width:56px} a.ui-dialog-titlebar-close:hover {position:absolute; display:block; width:56px} /*** SHARE THIS ***/ .addthis_toolbox .custom_hover { cursor:pointer; } .addthis_toolbox .custom_hover .custom_button { text-decoration:underline; color:#999999;} .addthis_toolbox .custom_hover .pdp-share-icon { background: transparent url(../images/global/global-sprites.png) no-repeat scroll 0px -366px; height:16px; padding-left: 17px; display:block;} .addthis_toolbox .custom_hover .custom_button:hover {text-decoration:none;} .addthis_toolbox .custom_hover .custom_button .active { background-color: #eee; } .addthis_toolbox .custom_hover .custom_button img {vertical-align:middle; margin:0 5px 2px 0;} .addthis_toolbox .hover_menu { display: none; position: absolute; background: #fff; } .addthis_toolbox .custom_hover .tower { -webkit-border-radius: 0 5px 0 0; -moz-border-radius-topleft: 0; } .addthis_toolbox .hover_menu { z-index:3000; width: 136px; padding: 10px 0 10px 0; border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .addthis_toolbox .hover_menu a { width: 102px; padding: 4px 0 4px 34px; position: relative; display: block; text-decoration: none; color: blue; } .addthis_toolbox .hover_menu a:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; text-decoration: none; } .addthis_toolbox .hover_menu span { position: absolute; left: 14px; top: 4px; } .addthis_toolbox .hover_menu .more { border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 10px 0 10px; text-align: center; } .addthis_toolbox .hover_menu .more a { padding: 4px 0; margin: 0; } .addthis_toolbox .hover_menu .more span { display: none; } /* SEND TO A FRIEND --------------------------------------------------------------------------------------- */ .sendtofriend h2 { color: red; text-align: center; } .sendtofriend .emailform { padding: 8px 16px 0 16px; margin: 0 0 0 34px; } .sendtofriend form .label { width: 170px; } .sendtofriend .stfyourname a { color:black; margin: 0 0 0 5px; text-decoration:underline; } .sendtofriendmessage { text-align: center; padding: 8px 20px 20px 20px; } .sendtofriend .sendtofriendlogo { margin: 16px 0 24px 0; text-align: center; } .previewpanel .previewfield { font-size:1.1em; margin: 8px 0px 0px 100px; } .previewpanel .stfmessage { padding: 0 0 20px 0; } .stfpreviewmessage .previewmessage { color: red; font-weight: normal; text-align: center; } .sendtofriend .emailsignupcheckbox { float:left; margin: 0 4px 0 154px; } .sendtofriend .emailsignup { width:300px; float: left; } .sendtofriend .emailsignup a { text-decoration:underline; } .sendtofriend .actions { margin: 0px; padding: 0 74px 0 0; text-align:right; } .confirmationcontainer { background: transparent url(../images/background_confirmation.png) repeat 0 0; text-align: center; } .confirmationcontainer h2 { color: red; padding: 100px 0 0 0; } /* PRODUCT REVIEWS --------------------------------------------------------------------------------------- */ .reviewlogin { font-size:1.1em; margin: 0px 0px 0px 50px; width:700px; } .reviewlogin h2 { font-size:1.2em; padding:10px 0; } .reviewlogin .logincustomers { min-height:412px; } /* MINI-CART --------------------------------------------------------------------------------------- */ /*.minicart {z-index:99;} .minicart .minicarttotal {float:right;position:relative;} .minicart .minicarttotal .cartlabel {margin: 0px 5px 0px 0px;} .minicart .minicarttotal .welcomedivider {margin:0px 3px;}*/ .minicartcontent { background-color: #eeeee4; border: 1px solid #E2DFCF; color: #666666; display: block; right:-19px; margin:0px; padding: 0px; position: absolute; top:24px; width: 245px; z-index:9999999; } .minicartcontent h2 {letter-spacing:0; position: absolute; font-size:1.0em; padding: 9px 18px 9px 10px; background-color:#EEEEE4; color:#666; right: -1px; margin-top:-35px; border-top: 1px solid #e2dfcf; border-left: 1px solid #e2dfcf; border-right: 1px solid #e2dfcf; } .cartitemcount {position:relative; padding-top:1px;float:right;margin-right:-13px;font-weight:normal} .minicartcontent .minicartclose { background:transparent url(../images/icon_close.gif) no-repeat top right; cursor:pointer; float:right; padding:0 12px 0 0; white-space:nowrap; width:auto; } .minicartcontent .minicartcontainer .minicarttotal { background-color:#CCCCCC; color:#fff; clear:both; padding:1px 3px; text-align:right; } .minicartcontent .checkout_minicart .summaryproduct { border-bottom: 1px dotted #CCC; } .minicartcontent .minicarttotals { margin:0 0 4px 0; padding: 4px; background-color:#e2dfce; } .minicartcontent .minicarttotals table.ordertotalstable { width:100%; } .minicartcontent .minicarttotals tr { display:none; } .minicartcontent .minicarttotals tr.ordersubtotal { display:block; } .minicartcontent .minicarttotals td { color:#000; } .minicarttcontent .minicarttotals span.value {float:right;} .minicarttotals .ordersubtotal .label {font-weight:normal;} .minicarttotals .ordersubtotal .value { font-weight:bold; } .minicartcontent .minicartslot { background-color:#ededed; border: 1px solid #CCC; font-size:1.2em; font-weight:bold; margin:4px auto; padding:4px; text-align:center; } .minicartcontent .link2cart { margin:2px 0 0 0; float:right;} .minicartcontent .link2cart a {display:block; } /* Mini Cart Product Display */ .checkout_minicart { padding: 10px; background-color:#eeeee4} .checkout_minicart .summaryproduct { border-bottom: 1px solid #CCC; padding: 3px; background-color:#fff; height:100%;} .checkout_minicart .image { float:left; padding: 3px 7px 3px 3px; } .checkout_minicart .miniinfocontainer { float:left;overflow:hidden;width:165px} /*height:5.8em;*/ .checkout_minicart .name { color:#000; font-weight:bold; font-size:1em; text-decoration: none; } /*height: 1.3em; overflow: hidden;*/ .checkout_minicart .attributes {display:none;} /*overflow:hidden;font-size:0.8em;color:#888;}*/ .checkout_minicart .productavailibity { float:left;display:none} .checkout_minicart .attribute { font-size:1.0em; margin: 0px 3px 0px 0px; } .checkout_minicart .attribute .clear { clear:none; } .checkout_minicart .pricing { margin:3px 0px;clear:both;display: block; text-align: right; font-size:1em; color: #000;} /* MINI-CART --------------------------------------------------------------------------------------- */ /*.minicart {z-index:99;} .minicart .minicarttotal {float:right;position:relative;} .minicart .minicarttotal .cartlabel {margin: 0px 5px 0px 0px;} .minicart .minicarttotal .welcomedivider {margin:0px 3px;}*/ .microcartcontent { background-color: #eee; border: 1px solid #E2DFCF; color: #666666; display: block; right:18px; margin:0px; padding: 2px 4px; position: absolute; top:17px; width: 600px; z-index:9999999; } .microcartcontent h2 {position: absolute; font-size:1.1em;padding: 5px; background-color:#eee; color:#666; right: 0px; margin-top:-26px; border-top: 1px solid #e2dfcf; border-left: 1px solid #e2dfcf; border-right: 1px solid #e2dfcf; } .microcartcontent .microcartclose { background:transparent url(../images/icon_close.gif) no-repeat top right; cursor:pointer; float:right; padding:0 12px 0 0; white-space:nowrap; width:auto; } .microcartcontent .microcartcontainer .microcarttotal { background-color:#CCCCCC; color:#fff; clear:both; padding:1px 3px; text-align:right; } .microcartcontent .checkout_microcart .summaryproduct { border-bottom: 1px dashed #CCC; } .microcartcontent .microcarttotals { margin:0 0 4px 0; background-color:#7f7c79; } .microcartcontent .microcarttotals table.ordertotalstable { float:right; width:auto; } .microcartcontent .microcarttotals tr { display:none; } .microcartcontent .microcarttotals tr.ordersubtotal { display:block; } .microcartcontent .microcarttotals td { color:white; text-align:right; } .microcartcontent .ordersubtotal .label, .microcarttotals .ordersubtotal .value { font-weight:bold; } .microcartcontent .microcartslot { background-color:#ededed; border: 1px solid #CCC; font-size:1.2em; font-weight:bold; margin:4px auto; padding:4px; text-align:center; } .microcartcontent .link2cart { margin:2px 0 0 0; text-align: center; } .microcartcontent .link2cart a { background: transparent url(../images/button_background.gif) repeat-x center center; border: 1px solid #999; color: black; display:block; font-weight: bold; line-height: 14px; margin: 1px auto; text-decoration:none; width:90px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .microcartcontent .link2cart a:hover { border-color:black; } /* Mini Cart Product Display */ .checkout_microcart { max-height: 175px; overflow:auto; } .checkout_microcart .summaryproduct { border-bottom: 1px solid #CCC; padding: 3px 0px; } .checkout_microcart .imageexpanded { background: transparent url(../images/nav_arrow.gif) no-repeat 0 0; float:left; height: 15px; width: 15px; } .checkout_microcart .imagecollapsed { background: transparent url(../images/nav_arrow_expand.gif) no-repeat 0 0; float:left; } .checkout_microcart .imagecollapsed img { height: 50px; margin: 0px 10px; width: 50px; } .checkout_microcart .name { font-size:1.1em; height: 1.3em; overflow: hidden; text-decoration: underline; } .checkout_microcart .attributes { overflow:hidden; } .checkout_microcart .attribute { float: left; font-size:1.0em; margin: 0px 3px 0px 0px; } .checkout_microcart .attribute .clear { clear:none; } .checkout_microcart .pricing { display: block; text-align: right; } /* CART --------------------------------------------------------------------------------------- */ .ui-dialog .cart fieldset {float:none} * html #footer div {position: relative} * html #footer li {position: relative} .cart { } .cart fieldset {float:right;} #pt_orderconfirmation .cart .ordertotals .formcheckout fieldset {float:none;} .cart button {border:0; padding:0;} .cart table th {padding:5px 5px 8px 5px;} .cart .cartempty { text-align: center; height: 120px; padding: 60px 0 0 0; font-size: 1.4em; } .cart .error_message { white-space: normal; padding:0 20px 0 20px; font-size: 1.1em; } .cart .odd { background-color:#fff; } .cart table.carttable { margin: 10px 0 0; padding: 4px 0 0 0; width:100%;} tr.rowcoupon { background-color:#EFEEE4; margin: 0 0 0 0; } .pt_checkout .cart tr.tablerow {border-bottom:1px solid #eee;} .cart tr.rowbundle { border-top: 1px solid #ffffff; } .cart tr.rowbundlespacer { border-bottom: 1px dashed #898989; } .cart tr.rowbundlespacer td { padding: 0 0 20px 0; } .cart tr.rowgiftcert { border-bottom: 1px dashed #898989; } .cart tr.rowgiftcert td.detailscolumn p { color: red; } .cart .imagecolumnbundle { float:left; text-align: center; width: 60px; vertical-align: middle; } .cart .imagecolumnbundle img { width: 90%; height: 90%; } .cart tr.rowbundle .stockstate { display:none; } .cart td.detailscolumn { padding-bottom:8px; min-width:200px; max-width:275px; } .cart td.detailscolumn .name { font-weight: bold; white-space: normal; } .cart td.detailscolumn .price { font-family: Arial, Helvetica, Verdana, sans-serif; font-style:normal; } /*.cart td.detailscolumn .productoption { font-weight:bold; }*/ .cart td .promo { color:#8c3129;font-size:1.1em;} .cart td.detailscolumn .label { text-align: left; float:none; margin:0 5px 0 0; } .cart td.detailscolumn .value { text-align: left; float:none; color:#999; } .cart .titu-items td.detailscolumn .label { width: 100px; text-align: left; } .cart td.detailscolumn .attribute { font-size: 1em; } .cart td.quantitycolumn { width: 100px; vertical-align: top; padding: 8px 0 0 0; text-align:center; } .cart td.quantitycolumn button { position:relative; margin:0 0 0 5px; padding:0;; border:0; vertical-align:middle;} .cart td.quantitycolumn button.updateIconBtn {margin-bottom:4px;} .cart td.quantitycolumn .actionbuttons {display:inline;text-align:center;} .cart td.pricecolumn { width: 150px; vertical-align: top; padding: 8px 0 0 0; text-align:center; } .cart td.quantitycolumndetails { width: 105px; padding: 8px 8px 10px 4px; vertical-align: top;} .cart td.quantitycolumndetails a { white-space:nowrap; } .cart td.quantitycolumndetails button { background-color: transparent; border: 0px; color: #5781ae; font-size: 1em; margin: 0 0 0 -3px; padding: 0; } .cart td.quantitycolumndetails button.removefromcart:hover { color: #000; } .cart td.quantitycolumndetails button.removefromcart span { text-decoration: underline; } .cart td.itemtotalcolumn { padding: 8px 4px 0 0; text-align: right; vertical-align: top; width: 100px; } .cart .itemtotals { /*float:right;*/text-align:center; } .cart .itemtotals .label { float:none; text-align:right; width:auto; } .cart .itemtotals .value { float:none; text-align:right; } .cart .itemtotals .promo { margin:5px 0; background-color:#cbe6b1;color:#333;font-size:1em;padding:2px 5px;line-height:14px; } .cart .itemtotals .standardprice .value { text-decoration:line-through; } .cart .itemtotals .salesprice { color:#8C3129; } .cart .itemtotals .promoprice { color:#8C3129; } .cart .itemtotals .itemtotal { border-top:1px solid black; padding:3px 0 0; } .cart td.applycoupon { padding:8px; text-align:right; border-bottom: 1px solid #DAD5C0; } .cart td.order-summary-header { padding:8px; text-align:center; border-bottom: 1px solid #DAD5C0; } .cart table.carttable .orderdiscount { float:right; font-size:1.2em; margin:5px 4px; } .cart table.carttable .orderdiscount .label { font-weight:normal; } .cart .productlistitem { color: Green; display: block; font-weight: bold; } .cart .onorder { color: #cc9900; font-weight: bold; display: block; } .cart .stockstate { margin:5px 0 0 0; color: #c00; display: block; margin-top:5px; } .cart .notavailable { color: #c00; display: block; padding:2px; background: #ffffcc; margin-bottom:5px;} .cart .notavailable .notavailable {padding:0;margin:0;} .cart .notavailable li { list-style-type:none; } .cart .couponcode { margin: 0; } .cart .couponcode .label{line-height:2em;} .cart .couponcode button {position: relative; border:0; margin:0; padding:0; vertical-align:middle;} .cart .couponcode .label { margin: 4px 4px 0 0; width:auto; font-weight: bold; float:none; text-align:right; } .cart .couponcode input.couponinput { margin:0 3px 0 0;width:185px;} .cart .couponcode .error_message {text-align:right;padding:0 2px 0 0; width:auto;font-size:1em;font-weight:bold;} .cart .priceadjustment {color:#8c3129;width:150px;float:right;padding-bottom:8px;} .cart .priceadjustment .promo {font-size:.9em;margin-top:5px;} .cart .actions { margin: 24px 0 30px 0; } .cart .actions form {} .cart .actions form.formupdatecart { float: none; } .cart .actions button.continueshopping { background-color: transparent; border: 0px; color: #5781ae; font-size: 1.2em; margin: 6px 0 0 0; } .cart .actions button.continueshopping:hover { color: #000; } .cart .actions button.continueshopping span { text-decoration: underline; } .cart-coupon {position:relative;} .cart-coupon fieldset {float:left;} .cart-coupon .smallRedxBtn {float:left;margin:2px 5px 0 0;} .cart-coupon .attribute {width:auto;text-align:left;} .cart-coupon .attribute .value {font-weight:normal;} .cart-coupon .coupon-details {} .cart-coupon .coupon-details .label {margin:0;} .cart-coupon .coupon-details .value {float:right; color:#8C3129; width:100px; margin:0 0 0 10px; text-align:right;} .cartfooter { margin: 8px 0 0 0; } .cartfooter .ordertotals { border:1px solid #DAD5C0; } .cartfooter .ordertotals fieldset { float:none; } .cartfooter .ordertotals table.ordertotalstable {width: 100%;} .cartfooter .ordertotals span {line-height:2.5em;} .cartfooter .ordertotals .couponcode span {line-height:1.2em;} .cartfooter .ordertotals .process {background:url(../images/indicator-small.gif) no-repeat;padding-top:4px;padding-left:20px;float:right;} .cartfooter .ordertotals .label {font-weight:bold;} .cartfooter .ordertotals .actions {margin:10px 0;display:block;height:20px;} .cartfooter .ordertotals .actions fieldset {margin:0 0 0 20px;float:right;} .cartfooter .ordertotals .actions button{border:0;padding:0;} .cartfooter .ordertotals .actions button.backBtn{margin:3px 25px 0 0;} /***** Cart Login *****/ .cartlogin { padding: 8px 0 0 8px; } .cartlogin .logincustomers { border:1px solid #000000; margin-bottom:10px; width:100%; background-color:#e1e1e1; } .cartlogin .account_welcome { margin:0px; } .cartlogin h3 { font-size:1.2em; font-weight: bold; padding:3px 3px 0px; text-transform: uppercase; background-color:transparent; } .cartlogin .error_form { margin:0px; } .cartlogin .returning_customers { margin:0 12px 3px; text-align:left; } .cartlogin .returning_customers p { display:block; margin:0; } .cartlogin .returning_customers a { color:black; text-decoration:underline; } .cartlogin .returning_customers .label { font-size:1.1em; margin:0; width:auto; text-align:left; } .cartlogin .returning_customers .label .requiredindicator { display:none; } .cartlogin .returning_customers .rememberme { float: left; margin: 2px 0 4px 0; } .cartlogin .returning_customers .actionbuttons { margin: 2px 0 4px 0; text-align:left; } .cartlogin .returning_customers .forgotpassword { margin: 2px 0 4px 0; } .cartlogin .returning_customers input.textinput, .cartlogin .returning_customers input.textinputpw { width: 160px; } .cartlogin .cartnewcustomer, .cartlogin .cartguest { padding: 0 0 10px 7px; font-size: 1.1em; } /* CHECKOUT --------------------------------------------------------------------------------------- */ .pt_checkout .breadcrumb {display:none;} .checkout_info {background:url(../images/global/dotted-vert.gif) repeat-y top center; margin:10px 0;} .checkout_header {background:#EFEEE4; border:1px solid #DAD5C0; height:26px;position:relative;} .checkout_header h3 {padding:5px 0 5px 20px;} .checkout_header .loading {width:auto;margin:0;right:-7%;top:50%;margin-top:-16px;} .checkout button.checkoutbutton {background:transparent url(../images/check_out.gif) no-repeat 0 0; border: 0px; color: transparent; height: 30px; outline:none; width: 130px; } .checkout button.checkoutbutton span {visibility:hidden;} .checkout .continuecheckout {text-align:right;} .checkout .addresslist {} .checkout .selectaddress .selectaddressstar {color:black;font-size:1.2em;} .checkout .selectaddress .selectaddressmessage {color:gray;font-size:1.1em;} .checkout .emailinformation {margin:20px 0 15px;} .checkout .emailinformation .emailsignupcheckbox { float:left; margin: 10px 4px 0 20px; } .checkout .emailinformation .emailsignup {float:left; margin:10px 0; width:400px;} .checkout .ordercomments {margin:25px 0;} .checkout .billing_address, .checkout #shippingaddress-select {margin:0 -20px 20px;padding:1px 20px 10px;border-bottom:1px solid #DAD5C0;clear:left;} .checkout form .label {width:117px;} .checkout form .addressoptions .label {display:none;} .security-msg-container {line-height:20px;margin-bottom:6px;padding-left:18px;} .security-msg {line-height:14px;padding:0 0 0 20px;background:url(../images/global/global-sprites.png) -930px -23px no-repeat;color:#999;} .checkout-msg {color:#999;margin:20px 10px 10px;float:right;font-size:0.8em;line-height:20px;} /***** Checkout Login *****/ .checkoutlogin { margin: 5px 0px 0px 50px; width:700px; } .guest_continue { margin:25px 75px 0px 25px; text-align:right; } /***** Shipping *****/ .checkout .addressoptions .checkbox label { font-weight: normal;} .checkout .giftmessage label { font-weight: normal; } .checkout .gift-message textarea { height: 85px; width: 300px; } .checkout .gift-card {margin:20px 20px -1px -20px;padding:0 0 20px 20px;border-bottom:1px solid #DAD5C0;clear:left;} .checkout .giftcertform .error_message {margin:0 0 10px; white-space:normal;} .checkout .giftcard-menu-options {margin:5px 0;list-style-type:none;} .checkout .giftcard-menu-options li {float:left;padding:0 10px;border-left:1px solid #DAD5C0;list-style-type:none;} .checkout .giftcard-menu-options li.first {padding-left:0;border-left:none;} .checkout .shippingmethods label { font-weight: normal; line-height: 18pt; } .checkout .shiptomultiple {margin:5px 0 5px 12px;} .checkout .continuecheckoutbutton button {border:none; padding:0; margin:20px 0 10px; position:relative;} .checkout .continuecheckoutbutton span.submit_status {position:absolute;bottom:0;right:5px;line-height:16px;white-space:nowrap;} .checkout .continuecheckoutbutton span.progress {background:url(../images/indicator-small.gif) no-repeat 0 0;padding-left:20px;} .checkout .continuecheckout button.shiptomultiplebutton { background: transparent; border: 0px; color:#5781AE; padding: 0px; } .checkout .continuecheckout button.shiptomultiplebutton:hover { color:black; } .checkout .continuecheckout button.shiptomultiplebutton .shiptomultiplebuttontext { text-decoration: underline; text-transform:uppercase; } .checkout .shippingpromotions {font-weight:bold; background:#CBE6B1; padding:0 0 0 5px;} .checkout .shippingmethods {height:26px;} .checkout .shipping-padding {margin:0 40px 0 0;} .checkout .actionbuttons {border-top:1px solid #DAD5C0;} .checkout .continuecheckoutbutton {} .checkout .continuecheckoutbutton .button-with-status {float:right; padding-bottom:18px; position:relative;} .ordershipping .shippingmethods {display:inline;} .ordershipping .shippingmethods .value {float:none; display:inline; padding-right:0;} /***** Shipping Registered User *****/ .checkout_shipping .radioselector {margin-left:10px;} .checkout_billing .radioselector {margin-right:10px;} .checkout .radioselector .title {font-weight:bold; font-size:1.2em;} .checkout .radioselector .title .defaultindicator {font-weight:normal;} .checkout .radioselector .radioboxframe {position:relative;padding:9px; margin:5px 0; border:1px solid #fff;} .checkout .radioselector .active {border-color:#E2DFCF; background-color:#EFEEE4;} .checkout .radioselector .radioboxframe .addressform {display:none;} .checkout .radioselector .active .addressform, .checkout .radioselector .active .formfield_container {display:block;} .checkout .radioselector .radioboxframe .radio {position:absolute; top:10px; left:10px; z-index:2;} .checkout .radioselector .radioboxframe .radiobox {display:block;padding-left:20px;} * html .checkout .radioselector .radioboxframe .radio {margin-left:-12px} * html .checkout .radioselector .radioboxframe .addressform {width:100%;position:relative} /***** Multiple Shipping Addresses *****/ .checkout table.multishipaddressestable { margin-bottom:50px; width: 100%; } .checkout_multishipping td { padding:2px 4px 2px 16px; vertical-align:top; } .checkout_multishipping td.detailscolumn .name { font-weight:normal; } .checkout_multishipping td.quantitycolumn { padding-top:4px; } .checkout_multishipping td.shippingaddress select.selectbox { width:250px; } .checkout_multishipping td.shippingaddress .editaddress { text-align: right; } .checkout_multishipping td.shippingaddress .editaddress a { color: black; } .checkout_multishipping tr.rowgiftcert { border-bottom:1px dashed #898989; } .checkout_multishipping tr.rowgiftcert td { padding:2px 4px 8px 16px; } /***** Billing/Payment Methods *****/ .checkout .selectcreditcard .selectcreditcardstar { color: black; font-size:1.2em; } .checkout .selectcreditcard .selectcreditcardmessage { color: gray; font-size:1.1em; } .checkout .creditcardlist select { width:400px; } .checkout .paymentmethods { margin: 10px 0; vertical-align: middle; } .checkout .paymentmethods label { vertical-align: middle; margin-left: 10px; } .checkout .paymentmethods input { vertical-align: middle; } .checkout .paymentmethods label span.text { display: none; } .checkout .paymentform {margin:10px 0;} .checkout .paymentmethodform p{margin:10px 0; font-weight:bold;} .checkout .paymentmethodform .order_total .value{font-weight:bold; color:#8C3129; font-size:1.2em;} .checkout .paymentmethodform .card_cvn {width:100px;} .checkout .paymentmethodform .card_cvn input{float:left;width:90px;} .checkout .paymentmethodform .card_cvn .formfield_tooltip {line-height:20px;} /* Gift Cards Module */ .checkout .gift-card .title {font-weight:bold;font-size:1.1em;} .checkout .gift-card .menu-options {list-style-type:none; margin-bottom:5px;} .checkout .gift-card .menu-options li {display:inline;border-left:1px solid #666;padding-left:8px;padding-right:4px;font-size:1em;} .checkout .gift-card .menu-options li.first {border-left:none;padding-left:0;} .checkout .gift-card .menu-options a {color:#666;} .checkout .gift-card .giftcardform fieldset {margin:5px 0 10px;} .checkout .gift-card .giftcardform .textbox {width:200px;} .checkout .gift-card .giftcardform button {border:0 none;margin:0;padding:0;position:relative;vertical-align:middle;} .checkout .gift-card table {width:100%;} .checkout .gift-card .giftcardtable tr.first {border:1px solid #E2DFCF;} .checkout .gift-card .giftcardtable th {font-weight:normal; background:#EFEEE4;} .checkout .gift-card .giftcardtable th, .checkout .gift-card .giftcardtable td {padding:3px 5px; line-height:1.5em;} .checkout .gift-card .giftcardtable th.last, .checkout .gift-card .giftcardtable td.last {text-align:right;} .checkout .gift-card .giftcardtable td {border-bottom:1px dotted #666;} .checkout .gift-card .giftcardtable tr.last td {border-bottom:none;} .checkout .gift-card .giftcardtable .title {padding-right:15px;} .checkout .gift-card .giftcardtable .total {font-weight:bold; color:#8C3129; font-size:1.2em;} /* Gift Certificate */ .checkout .giftcertform .helptext {border-top:1px dashed black;} .checkout .giftcertform {overflow:hidden;} .checkout .giftcertfield .balance, .giftcertfield .redemption {color:red; font-weight:bold; margin: 0 0 0 153px; } .checkout .giftcertfield .redemption a { color:red; font-weight:normal; text-decoration: none; } .checkout .giftcertfield .redemption a span { margin: 0 0 0 3px; text-decoration:underline; } .checkout .helptext { margin: auto; width: 95%; } .checkout .helptext p { margin: 5px 0px 5px 0px; } /***** Checkout Summary *****/ .ordersummary .checkoutsummary_header h2 {padding:5px 10px;line-height:16px;font-size:1.3em;} .checkout_summary h2 { font-size: 1.3em; line-height: 30px; } .checkoutsummary_header a.order_edit { color:white; float: right;position:relative; font-size:.9em; font-weight:normal; margin: 0px 3px 0px 0px; text-transform:none; } .checkoutminisummary .checkout_ordertotals, .checkoutminisummary .minishipment, .checkoutminisummary .minibillingaddress, .checkoutminisummary .minipaymentinstrument { margin: 0px 0px 10px 0px; } .checkoutminisummary .header { border-bottom: 1px solid black; font-size: 1.1em; font-weight: bold; margin: 0px 0px 5px 0px; text-transform: uppercase; } .checkoutminisummary .header a { color: black; float:right; font-weight: normal; text-decoration: none; text-transform: none; } .checkoutminisummary .header a:hover { text-decoration: underline; } /* Checkout Summary Order Totals */ .checkout_ordertotals .ordertotals { line-height: 1.8em; } .checkout_ordertotals .ordertotals table.ordertotalstable { width:100%; } .checkout_ordertotals .ordertotals table.ordertotalstable .label { float:right; } .checkout_ordertotals .ordertotals .ordertotal .label { font-weight: bold; } .checkout_ordertotals .ordertotals .ordertotal .value { font-weight: bold; padding-right: 2px; } .checkout_ordertotals .ordertotal { background-color: #999; color: white; margin-top: 5px; padding: 0px 0px 10px 0px; } /***** Place Order *****/ .checkout_placeorder table.placeordertable { width: 100% } .checkout_placeorder table.placeordertable tr.bonusproduct { border:0px; margin-top:5px; } .checkout_placeorder table.placeordertable td { vertical-align:top; padding: 8px 0px 8px 15px; } .checkout_placeorder table.placeordertable td.imagecolumn { padding:0px; } .checkout_placeorder table.placeordertable td.imagecolumn img { height:75px; width:75px; } .checkout_placeorder table.placeordertable td.imagecolumn .bonusitem { font-weight:bold; } .checkout_placeorder table.placeordertable td.placeorderfooter { background:#CCCCCC; height:20px; } .checkout_placeorder table.placeordertable .product .name a { color:black; font-size:1.2em; font-weight:bold; } .checkout_placeorder table.placeordertable .lineitempricing div { display:inline; } .checkout_placeorder table.placeordertable .attribute { font-size:1.0em; ; } .checkout_placeorder table.placeordertable .lineitempricing .price { font-size:1.0em; } .checkout_placeorder table.placeordertable .promo { color:red; font-weight:bold; margin:0px 0px 0px 5px; } .checkout_placeorder table.placeordertable .editdetails a { color:black; } .placeorder_totals { float:right; width:250px; } .checkout_placeorder .ordertotals { line-height:1.8em; margin:5px 0px 15px; } .checkout_placeorder .ordertotals .label { width:150px; } .checkout_placeorder .ordertotals .value { width:auto; } /***** ERROR BOX FOR FORM TOPS (misc) *****/ .formstatuserror, .formerror {background:#FFFFCC;border:1px solid #cccccc; margin:0 0 10px;} .formstatuserror .errormessage, .formerror .errormessage {margin:10px;} .formstatuserror .errormessage h2, .formerror .errormessage h2 {color:#CC0000; font-size:1.1em;} .formstatuserror .errormessage p, .formerror .errormessage p {margin:0;padding:0;} .formerror {margin-top:10px;} /***** ORDER CONFIRMATION (confirmation.isml) *****/ .orderconfirmation {margin-bottom:10px;background:#FFFFCC;border:1px solid #cccccc;overflow:hidden;position:relative;z-index:auto;} .orderconfirmation .order_header { background-color:transparent; } .orderconfirmation .thankyoumessage {margin:10px 0 10px 10px;} .orderconfirmation .thankyoumessage h4 { color: #CC0000; } .orderconfirmation .thankyoumessage p {margin:0; padding:0;} .orderconfirmation .orderinfo {background:#ffffff; border:1px dashed #cccccc;margin:10px 10px 10px 0;padding:20px 10px;text-align:center;} .orderconfirmation .orderinfo .label {color:#CC0000; font-weight:bold;} .orderconfirmation .orderinfo .value {font-weight:bold;} .orderconfirmation .orderinfo .print-me {margin:5px 0;} .orderconfirmation .orderinfo .print-me img {vertical-align:middle;} /* Order Confirmation Create Account */ .pt_orderconfirmation h3 { background-color:transparent; font-size:1.8em; font-weight: bold; padding:0 0 0 8px; } .pt_orderconfirmation .createaccount { background-color:#e1e1e1; border:1px solid #000000; margin:0 0 10px 8px; padding: 8px 8px; } .pt_orderconfirmation .createaccount p { font-size:1.1em; font-weight:bold; margin:0px; } .pt_orderconfirmation .createaccount .form_field { margin:3px 0 0 0; } .pt_orderconfirmation .createaccount .firstname { display:none; } .pt_orderconfirmation .createaccount .lastname { display:none; } .pt_orderconfirmation .createaccount .caption { display:none; } .pt_orderconfirmation .createaccount .label { float:none; font-size:1.1em; text-align:left; } .pt_orderconfirmation .createaccount .actions { margin:15px 0 15px 0; } .pt_orderconfirmation .createaccount input.textinput, .pt_orderconfirmation .createaccount input.textinputpw { margin:0; width: 170px; } /***** Checkout Progress Indicator (progressindicator.isml) *****/ .checkoutprogressindicator { display: block; padding: 3px 0px 6px 0px; } .checkoutprogressindicator a { color:black; text-decoration:none; } .checkoutprogressindicator .label { font-size: 1.2em; float:none; font-weight:bold; width:auto; } .checkoutprogressindicator .value { font-size: 1.2em; float:none; } .checkoutprogressindicator .active { border: 1px solid #CCCCCC; border-bottom: 0px; display: inline; font-weight: bold; margin: 3px 6px 3px 0px; padding: 3px; text-align: center; } .checkoutprogressindicator .inactive { background: #efefef; border: 1px solid #dddddd; border-bottom: 0px; display: inline; margin: 3px 6px 3px 0px; padding: 3px; text-align: center; } /* ORDER TOTALS - Cost and Discount Details (used in Mini Cart, Cart, Checkout, Order Details) --------------------------------------------------------------------------------------- */ .ordertotals { } .ordertotals .label { float:right; font-weight:normal; margin: 0 5px 0; overflow:hidden; text-align:right; white-space: nowrap; width: auto; } .ordertotals .ordershipping .value {margin:0 0 10px;} .ordertotals .ordershippingdiscount .label, .ordertotals .ordershippingdiscount .value {margin-top:-10px;} .ordertotals .value { float:right; text-align:right; overflow:hidden; padding-right: 15px; white-space: nowrap; width:auto; } .ordertotals .ordertotal .label, .ordertotals .ordertotal .value { font-weight: bold; font-size:1.3em; line-height:2em;} .ordertotals .ordertotal .value {color:#8C3129;} .ordertotals .shippingname { color:#8f969c; } .ordertotals .ordercoupon td {background:#FFFFCC;} .ordertotals .ordercoupon .label .couponcode {font-weight:normal;} .ordertotals .ordercoupon .label, .ordertotals .ordercoupon .value {color:#8C3129;} /* OTHER PAYMENT METHODS --------------------------------------------------------------------------------------- */ /***** Bill Me Later *****/ .checkout .billmelater .bml_form { margin: auto; width: 95%; } .checkout .bml_birthday { float:left; width:65%; white-space:nowrap; } .checkout .bml_ssn { float:left; width:30%; white-space:nowrap; } .checkout .billmelater .bml_birthday .label, .bml_ssn .label { text-align:left; width:auto; } .checkout .billmelater .bml_birthday select { margin-right:2px; } .checkout .billmelater .day { width: 53px; } .checkout .billmelater .month { width: 70px; } .checkout .billmelater .year { width: 60px; } .checkout .billmelater .ssn { width: 60px; } .checkout .bml_termsandconditions { overflow: scroll; clear: both; border: 1px solid #CCCCCC; height: 440px; width: 640px; } .checkout .bml_iagree { margin: 0px 0px 25px 0px; text-align:right; } .checkout .bml_iagree input.checkinput { vertical-align: top; } /* GIFT CERTIFICATES --------------------------------------------------------------------------------------- */ .giftcertpurchase { width:754px; } .giftcert_column { float:right; width:48%; } .gift-details { margin-bottom:10px; } .giftcertpurchase .addtocartbar { background-color:#CCCCCC; margin:10px 0px; padding:5px; } .giftcertpurchase .giftcert_column ul { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; } .giftcertpurchase button { padding:0; } .giftcheckbalance, .gift-additional-details, .gift-details, .gift-certificate-purchase-information { font-size:1.2em; } .giftcertificate-amount { float:right; } .giftcertificate-amount .amountlabel { font-size: 1.2em; font-weight: bold; width:auto; } .giftcertificate-amount .amountexample { font-size: 1.2em; font-style:italic; margin-right: 2px; } .giftcertificate-amount .value { display: inline; float:none; } .giftcertificate-amount input.textinput { width: 40px; } .giftcert-purchase-form .formfield_container { text-align:right; } .giftcert-purchase-form .formfield_container .error_form { font-size:1em; } .giftcert-purchase-form textarea { width:200px; } .giftcheckbalance { margin-right: 50px; } .giftcheckbalanceform { margin-top:10px; } .giftcheckbalanceform input.textinput { font-size:1.2em; margin-top:1px; } /* USER PROFILE (My Account) - Returning Customer --------------------------------------------------------------------------------------- */ .account_nav_text { margin:15px 15px 15px 20px; } .default_selection { font-weight:bold; margin: 0px 0px 10px; } .my-account img { float:left; Margin:0px 20px 0px;} .my-account h3 { padding-top:5px; text-decoration:underline; color:#000000;} .my-account div { margin:20px 0px; } /***** Account Login (accountlogin.isml) *****/ .account_login { padding:50px 0; } .account_login p{ color: #666666; font-size:1em; } .account_login h1 { margin: 0 0 20px; } .returning_customers { margin:10px 20px; } .returning_customers .label { float: none; text-align:left; font-weight:normal; width:auto; margin:10px 0 0; } .returning_customers .value { float:none; } .returning_customers input.textinput, .returning_customers input.textinputpw { width: 200px; } .returning_customers .rememberme { margin: 10px 0; } .returning_customers .rememberme label { font-weight: normal; vertical-align: bottom; color:#666666; } .returning_customers .actionbuttons { margin:0; text-align:left; } .returning_customers .forgotpassword { margin:10px 0; } .returning_customers .forgotpassword a { font-size:0.9em; color:#999999; } .returning_customers .forgotpassword a:hover { text-decoration:underline; } .returning_customers button { position:relative; border:0; padding:0; } .create_account { margin:10px 20px 70px; } .create_account button { position:relative; border:0; padding:0; margin:10px 0 0; } .create_account .create_account_button { margin:10px 0; } .check_order { height:125px; margin:10px 0px 25px 0px; } .check_order input.textinput, .check_order input.textinputpw { width: 118px; } .check_order .check_message { margin:0px 10px 10px 10px; text-align:left; } .check_order .order_number, .check_order .billing_phone { margin:5px 75px 0px 25px; text-align:right; } .check_order .actionbuttons { margin:5px 70px 0 25px; } .password .detail {font-size:0.8em;} /***** Account Login During Checkout *****/ .checkout_login { margin:30px 0 50px; } .checkout_login p { color: #666666; font-size:1em; } .checkout_login h1 { margin: 0 0 20px; } .checkout_login .noSave {margin:0 0 10px;} .checkout_login .Save {margin:0 0 15px;} .checkoutSave {display:none; margin:0;} .checkoutSave .label {width:auto; float:none; margin:0; text-align:left;} .checkoutSave .value {width:auto; float:none; margin:0 0 10px; text-align:left;} .checkout_login .create_account_button {margin:0;} /***** Account Overview (accountoverview.isml) *****/ .account_overview { font-size:1.1em; margin: 5px 0px 0px 50px; width:700px; } .account_welcome { margin:0px 25px; } .welcome_message { font-size:1.4em; font-weight:bold; } .account_landing { margin-left:75px; } .account_landing table { width: 95%; } .account_landing td { border-bottom: 1px dashed black; padding: 10px 0px; } .account_landing h2 a { color: black; text-decoration:none; } .account_landing h2 img { padding: 3px 10px; } /***** Account Add Address (editaddress.isml) *****/ .account_editaddress {} .account_editaddress_button {position:relative; border:0; padding:0;} .account_address { float:left; margin: 20px 20px 15px 0; padding:10px 20px; width:260px; border: 1px solid #DAD5C0;} #active {background:#EFEEE4; border: 1px solid #DAD5C0;} .account_address .actions { margin: 20px 0px 5px 17px; text-align:left;} .account_address .actions button {border:0; padding:0; position:relative; margin:0 5px 0 0;} .edit_address_form .actions {margin: 20px 0px 5px 160px; text-align:left;} .edit_address_form .actions button {border:0; padding:0; position:relative;} /***** Account Add Addresses (miniaddress.isml) *****/ .miniaddress { margin: 0px 0px 0px 17px; } .miniaddress .addressname { font-weight:bold; } .miniaddress .address .location .city { display: inline; } .miniaddress .address .location .statedivider { display: inline; margin-right: 5px; } .miniaddress .address .location .state { display: inline; margin-right: 5px; } .miniaddress .address .location .zip { display: inline; } .miniaddress .address .country { margin-top: 5px; } /***** ACCOUNT PAYMENT INSTRUMENTS (paymentinstruments.isml) *****/ .account_paymentinstruments {} .credit_card { float:left; margin: 20px 20px 15px 0; padding:10px 20px; width:260px; border: 1px solid #DAD5C0; } .minicreditcard { margin: 0;} .minicreditcard .owner { overflow: hidden; white-space: nowrap; } .credit_card .actions { margin: 20px 0px 5px; text-align:left;} .credit_card .actions button {border:0; padding:0; position:relative; margin:0 5px 0 0;} .minicreditcard .expiration_date .label { display:none; } .expiration_date .expires { display:inline; } .creditcardform .month .label, .creditcardform .year .label { display:none; } .creditcardform .form_field .error_message { white-space:normal; width:200px; } .expiration_date select { display:block; } .creditcardform .year .expiration_date { width:auto; } .creditcardform .actions {margin: 20px 0px 5px 160px; text-align:left;} .creditcardform .actions button {border:0; padding:0; position:relative; margin:0 5px 0 0;} /* CREATE AN ACCOUNT --------------------------------------------------------------------------------------- */ /***** User Registration (/account/user/) *****/ .registration {margin: 0px} .registration .emailsignupcheckbox { float:left; margin: 10px 4px 0; } .registration .checkbox {position:relative;padding-left:25px;} * html .registration .checkbox {padding-left:0;} .registration .checkbox input {width:auto;height:auto;position:absolute;top:0;left:0;z-index:auto;} * html .registration .checkbox input {position:static;} .registration .emailsignup {width:400px; float: left; margin:10px 0 10px 0; } .registration .form_buttons {width: 400px; text-align:center;} .registration .form_buttons button {position:relative; border:0; padding:0;} .registration .storelocator input.textinput, .registration .storelocator input.textinputpw { width:90px; } /* RESET PASSWORD --------------------------------------------------------------------------------------- */ .passwordreset .password_message { } .passwordreset .form_field {margin:10px 0 10px;} .passwordreset .passwordsent {font-weight:bold; font-size:1.2em;} .passwordreset .label { width:50px; text-align:left;} .passwordreset select.selectbox { width:200px; } .passwordreset .actionbuttons { margin:0 20px 0 0; } .passwordreset .actionbuttons button {border:0;} /* ORDER HISTORY (/account/orderhistory/) --------------------------------------------------------------------------------------- */ .order_header .label, .order_header .value { text-align:left; width:auto; float:none; } /***** Orders *****/ .orders { margin: 0; } .orders .pagination { float: none; text-align: right; width: 100%; } .order { border: 1px solid #DAD5C0; margin:10px 0; } .order_header { background: #EFEEE4; padding:5px; border-bottom:1px solid #DAD5C0; } .order_number h2 {display:inline;} .order_number .value {font-size:1.4em; letter-spacing:-0.4pt; margin:0 0 0 5px;} .order_header button { border:0; padding:0; position:relative; margin:-1px 5px 0 0; float:right; } .order_number { display: inline; } .order_status {background: #FFFFCC; border:1px solid #DAD5C0; padding:5px; margin:10px 0; color:#376FA6;} .order_status_small {background: #FFFFCC; border:1px solid #DAD5C0; padding:5px; color:#376FA6;} .order_status h2 {display:inline;} .order_status .value {font-size:1.4em; letter-spacing:-0.4pt; margin:0 0 0 5px;} .order_date {float:right; margin:3px 15px 0px;} .order_info { padding:5px 3px 3px 5px; } .order_info table.order_infotable { width:100%; } .order_info table.order_infotable td { vertical-align: top; width:175px; } .order_info table.order_infotable td.middle { vertical-align: top; width:auto; } .order_info table.order_infotable td.last { vertical-align: top; width:75px; } .order_info .label { text-align:left; width:auto; font-weight:bold; padding:15px 0 5px; float:left;} .order_info .value { overflow: hidden; text-align:left; white-space: nowrap; width:auto; } /***** Order Details *****/ .orderdetails { margin:0;} .orderdetails .price { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; font-style: normal; display:inline; } .orderdetails .order_header { background: transparent; padding:0px; border:none; } .orderdetails .actionbuttons a { font-size: 1.2em; margin: 0px 0px 0px 10px; } .orderpayment { border: 1px solid #DAD5C0; margin:10px 0 15px; } .orderpayment h2 {background: #EFEEE4; border-bottom: 1px solid #DAD5C0; padding:5px; } .orderpaymentdetails {margin:10px 5px;} .orderpaymentdetails .label {font-weight: bold; float:none; margin:0 0 5px;} .orderpayment table.orderpaymentdetailstable { width:100%; } .orderpayment table.orderpaymentdetailstable td { padding:5px 3px 3px 5px; vertical-align: top; } .orderpayment table.orderpaymentdetailstable td.orderbilling { width:25%; } .orderpayment td.orderbilling .label { float: none; } .orderpayment td.orderbilling .miniaddress { margin:0px; } .orderpayment table.orderpaymentdetailstable td.orderpaymentinstruments { width:25%; } .orderpayment td.orderpaymentinstruments .minicreditcard { margin:0px; } .orderpayment table.orderpaymentdetailstable td.orderpaymentsummary { vertical-align: top; width:30%; } .orderpayment td.orderpaymentsummary .paymenttotal { float: none; width:auto;} .orderdetailsummary {padding:15px 0 0;} .orderdetailsummary table.ordertotalstable { float:right; text-align:right; } .orderdetailsummary table.ordertotalstable .label {font-weight: bold; padding:0 20px 0 0;} .orderdetailsummary .label { margin: 0 3px 0 0; overflow:hidden; white-space: nowrap; } .orderdetailsummary .value { overflow:hidden; white-space: nowrap; width:auto; } .orderdetailsummary .ordertotal .label, .orderdetailsummary .ordertotal .value { font-weight: bold; font-size:1.3em;} .orderdetailsummary .ordertotal td{padding-top:10px;} .orderdetailsummary .ordertotal .value {color: #8C3129;} .ordershipment { margin: 10px 5px; } .ordershipment table th {padding:5px 5px 12px 5px;} .ordershipments {} .ordershipments h2 {background: #EFEEE4; border-bottom: 1px solid #DAD5C0; padding:5px; } .ordershipment table.ordershipmenttable { width:100%; } .ordershipment table.ordershipmenttable td { border: 0px; padding:3px 5px; vertical-align: top; } .ordershipment table.ordershipmenttable td.ordertotal { padding:0; } .ordershipment table.ordershipmenttable .product {padding:0 0 15px;} .ordershipment table.ordershipmenttable .product .name a { font-weight: bold; } .ordershipment table.ordershipmenttable td.ordershipmentgiftmessageheader { padding:0px; } .ordershipment table.ordershipmenttable td.ordershipmentgiftmessage { border:0px; } .ordershipment .ordershipmentaddress { margin-bottom:10px; } .orderdetails .notfound { font-size:1.4em; height:300px; padding:60px 0 0; text-align:center; } /* TITU Shopping Cart --------------------------------------------------------------------------------------- */ .titu-cart-banner {background:url(../images/titu/titu-cart.jpg) no-repeat 10px 2px #EEEEE6;border-top:1px solid #E2DFCF;border-bottom:1px solid #E2DFCF; height:65px; text-align:right; padding:0 10px 0;} .titu-cart-banner a {font-weight:bold; background:url(../images/global/link-arrow.gif) no-repeat right; padding:0 10px 0; display:block;} .titu-cart-banner p {padding:14px 0 5px; margin:0;} .titu-additional {background:#EFEEE4; text-align:center; padding:5px;} .titu-additional a {background:url(../images/global/link-arrow.gif) no-repeat right; padding:0 10px 0;} .titu-items {margin:20px 0 0;} .tradecredit span.value{color:#8C3129;} /* CUSTOMER SERVICE --------------------------------------------------------------------------------------- */ .customerservice .arrowlistmenu {width: 650px; } .customerservice .menuheader { padding: 5px 10px; cursor: pointer; position: relative; font-weight:bold; background: #EFEEE4 url(../images/global/cs-expand.png) no-repeat right center; font-size:1.1em;} .customerservice h3.menuheader:hover { background-color:#DEDDC9;} .customerservice .openheader { background:#DCDAC7 url(../images/global/cs-contract.png) no-repeat right center;} .customerservice .description { margin-top:15px;} .customerservice .description p { padding:5px 10px 0px 15px; margin-bottom:5px;} .customerservice h1 { margin-bottom:10px;} .customerservice .top-anchors { float:left; margin-right:10px; padding:0px; width:190px; } .customerservice .vertical-dotted { float:left; height:110px;} .customerservice .description-main { float:left; width:430px; margin-left:10px; } .customerservice .top-anchors ul li { list-style-type:none; line-height:1.7em;} .customerservice .categoryitems { border:1px solid #EFEEE4; padding:10px 10px 10px 20px; } .customerservice .categoryitems ul { list-style-position:inherit; padding-left:20px; } .customerservice .arrowlistmenu .description { border:1px solid #EFEEE4;} .customerservice .closeddesc {display:none;} .customerservice .side-nav {padding-bottom:10px;} .customerservice .side-nav h5 { color:#444444; margin:10px 0px 0px 10px;} .customerservice .side-nav h5 a { font-size:12px; color:#444444;} .customerservice .side-nav ul { margin:0px 10px 15px 20px;} .customerservice .menu_list { width: 650px; margin-top:20px;} .customerservice .menu_head { padding: 5px 10px; cursor: pointer; position: relative; font-weight:bold; background: #EFEEE4; } .customerservice .menu_body { display:none; margin:0px 10px;} .customerservice .icon {background-image:none; display:block; position:relative;} .customerservice_section { float:left; margin: 25px 50px 0px 0px; width:40%; } .customerservice_section h5 { background-color: transparent; padding:2px 0 2px 0px; text-decoration: underline; } .customerservice_section ul { padding: 0px 0px 0px 20px; } .customerservice_section li a { color: black; text-decoration: none; } .customerservice_section li a:hover { text-decoration: underline; } .contactus { width: 700px; margin: 0 0 0 20px; } .contactus .messagesent { font-size:1.4em; height:300px; padding:60px 0 0; text-align:center; } .contactus .messagesent p { line-height: 24px; } .three-slot-gradient {background:url(../images/global/cs-gradient.png) repeat-x left; min-height:100px; border-bottom:#EFEEE4 1px solid; margin-bottom:10px;} .three-slot-gradient .cs-module {float:left; width:232px;} .three-slot-gradient .cs-module img.icon {float:left; margin:10px 5px 5px; width:40px;} .three-slot-gradient .cs-content {float:left; margin:10px 0px 0px 10px; width:160px;} .three-slot-gradient ul li {list-style-type:none; line-height:1.5em;} .three-slot-gradient p {font-size:1em;} .three-slot-gradient p.phone-number { font-weight:bold; font-size:1.1em;} .three-slot-gradient p.short-description {color:#999999;} .customerservice .order-number {} .customerservice .track-order h2 {font-weight:normal; font-size:1.6em; letter-spacing:normal;} .customerservice .track-order {border-bottom:#EFEEE4 1px solid; margin-bottom:20px;} .customerservice .track-order div { margin:0px; } .customerservice .track-order .label { float:none; text-align:left;} .customerservice form .value { margin-bottom:10px;} .customerservice .order-number, .my-account {float:left; padding:10px 72px;} .customerservice .vertical-dotted {height:152px;} .customerservice .my-account .nomargin {margin-bottom:0px;} .customerservice .forgotpassword a {font-size:0.9em; text-decoration:underline; color:#999999;} .customerservice .actionbuttons {text-align:left;} .customerservice .actionbuttons .signInBtn, .customerservice .actionbuttons .submitBtn {border:none; margin:10px 0px;} .customerservice .faq li {list-style-position:inside; margin:5px 0 0 5px;} .customerservice .faq h2 { font-weight:normal; font-size:1.6em; letter-spacing:normal;} .customerservice .faq p {margin:10px 0px 0px 0px;} .customerservice .faq p.answer { margin:2px 0px 0px 5px; color:#777777; line-height:1.3em;} .vertical-module-gradient {background:url(../images/global/vert-gradient.jpg) repeat-x left; border-top:#DAD5C0 1px solid;} .vertical-module-gradient .cs-module {margin:10px 10px; border-bottom:#DAD5C0 1px solid;} .vertical-module-gradient p.cta {margin-bottom:20px;} .customerservice .e-mailus h2 { font-weight:normal; font-size:1.6em; letter-spacing:normal;} .customerservice .e-mailus .label {width:75px;} .customerservice .e-mailus input.textinput {width:200px;} .customerservice .e-mailus button { padding:5px } .customerservice .e-mailus .form_buttons { text-align:right; } .customerservice .e-mailus textarea.textbox {width:375px;} .customerservice .e-mailus fieldset {margin:8px 0px;} .customerservice .e-mailus .form_buttons {margin:0 0 0 75px;} .customerservice .e-mailus .checkbox{float:left; margin:2px 10px;} .customerservice .e-mailus .copy-email {float:left; margin-top:5px;} /***** Lightbox Contact Form *****/ #QuickViewDialog .e-mailus {display:block !important;float:none !important;} #QuickViewDialog .e-mailus input {height:16px;} #QuickViewDialog .e-mailus select {height:18px;} #QuickViewDialog .e-mailus .contact_head {display:none;} #QuickViewDialog .e-mailus .form_fields {display:block;margin:0;padding-top:20px;} #QuickViewDialog .e-mailus .form_field .label {width:95px;line-height:20px;} #QuickViewDialog .e-mailus .form_field .value {float:left;} #QuickViewDialog .e-mailus .form_buttons {padding-left:97px;} #QuickViewDialog .e-mailus .contactus {width:auto;height:auto;margin:0;padding:10px;} #QuickViewDialog .e-mailus .messagesent .action-btns {margin-top:15px;overflow:hidden;} /* ERROR MESSAGES --------------------------------------------------------------------------------------- */ /***** Cookies / Javascript disabled *****/ .disabledcontainer { background-color:#efefef; padding:0; margin:-3px 0 0 0; height: 157px; } .disabledmessage { color: #b53300; font-size: 1.3em; font-weight: bold; height: 157px; padding:50px 0 0 0; margin: 0 auto; width:600px; } .disabledmessage p { padding:0 0 0 150px; } /***** Error Page Layout *****/ .oops-copy {margin: 20px 0;} .oops-copy ul {margin:20px 0 0 40px;} .oops-copy ul li {margin:5px 0;} .notfound, .generalerror { margin:0 auto; width:785px; } .errorpagemessage { background-color: #CCC; font-size: 1.4em; font-weight: bold; padding: 8px 8px 12px 8px; margin: 12px 0; } .errorpage, .errorfooter { padding: 0 24px } .errorpage .errorsearch { margin: 16px 0px 20px 10px; } .errorpage .errorfooter { border-top: 1px dashed black; } .errorpage .errorfooter .errorfooterbottom { border-right: 1px dashed black; float:left; font-size:1.1em; padding: 20px 20px 20px 10px; width:45%; } .errorpage .errorfooter .errorfooterbottom p { margin: 0px 0px 10px 0px; } .errorpage .errorfooter .errorfooterbottom p a { color: black; } .errorpage .errorfooter .errorfooterbottomslot { float:right; width:49%; } /* TOOL TIPS --------------------------------------------------------------------------------------- */ .tooltipcontainer { background-color: #efefef; border:1px solid black; color:#000; font-size:1.1em; padding:8px 4px; } .tooltipcontainer p strong { font-weight:bold; } .tooltipcontainer p { padding:0 0 8px 0; } /***** PRODUCT PROMOTIONS (Recommendations/Lasted Visited/Etc...) *****/ .productcarousel .producttile { float: none; margin:0 auto; width:160px; } .productcarousel .producttile .image .quickview-button a { display: none; } /* Product Cross Sell */ .recommendation_image {float:left;padding:0px 10px 0px 0px} .maywerecommend .jcarousel-item img { width: 75px; height: 75px; border: 1px solid #fff; } .maywerecommend .jcarousel-list li, .maywerecommend .jcarousel-item { height:75px; margin-left:5px; text-align:center; width:75px; } .maywerecommend .jcarousel-clip-horizontal { height:77px; width:270px; } .maywerecommend .jcarousel-container-horizontal { padding:20px 40px; width:268px; } .recommendation_detail { background-color:white; border:1px solid black; font-size:1.1em; overflow: hidden; width: 300px; } .recommendation_detail .recommendation_header { background-color:#CCCCCC; } .recommendation_detail .productname { font-size:1.3em; font-weight:bold; padding: 5px 3px 3px; white-space:nowrap; } .recommendation_detail .price { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:1.4em; font-weight:bold; font-style:normal; padding: 5px 3px 3px; } .recommendation_detail .price .salesprice { color:red; } .recommendation_detail .productshort_description { padding: 5px 3px 3px; } .recommendation_detail .productmainattributes { padding: 5px 3px 3px; } .recommendation_detail .customerreviews { padding: 5px 3px 3px; } /***** Last Visited *****/ .lastvisited h4 { font-size:1.2em; font-weight:normal; padding:2px 5px 2px; text-transform: uppercase; } .lastvisited ul { list-style:none; } .lastvisited .quickview-button { display:none; } /* PRICING */ .price { margin: 0px auto; } .price .standardprice { display: inline; margin: 2px 3px; text-decoration: line-through; } .price .salesprice { display: inline; } .price .discountprice .salesprice { color: #e62617; } .pricing { margin: 0px auto; } .pricing .standardprice { display: inline; margin: 2px 3px; text-decoration: line-through; } .pricing .salesprice { display: inline; color: #8c3129; margin-left: 5px;} /* PRODUCT IMAGE DISPLAY */ /* These styles create the default for Product Images */ .image .productimage a { text-decoration: none; } .image .thumbnail { display: block; } .image .thumbnail img { border: 0; height: 113px; overflow:hidden; width: 113px; } .image .thumbnail .productimage a:hover { text-decoration: none; color: #999999; }/* IE Hack for mouseover */ .image .thumbnail .productimage img a { border: 0; text-decoration: none; } .image .thumbnail .productimage a .enlarge { display:inline; color:#FFFFFF;/* Set to background color to make invisible */ margin:-2px -10px 0px 0px; text-decoration: none; } .image .thumbnail .productimage a:hover .enlarge { display:inline; color:#999999; margin:-2px -10px 0px 0px; text-decoration: none; font-size: 11px; font-family: arial, verdana, sans-serif; } /* ORDER STATUS LIGHTBOX */ .form_row {position:relative;margin:10px 0;height:25px;} .order-status-login input {position:absolute;right:0;width:78%;height:21px;border:1px solid #DAD5C0;z-index:2000;} .order-status-login label {width:22%;line-height:25px;font-size:1em;} .order-status-login p {font-size:1em;} .order-status-container button { border:0; float:right; } /* Size Chart */ .size-chart { text-align:left; margin-bottom:20px;} .size-chart caption { text-align:left; padding-bottom:10px; font-size:1.3em; letter-spacing:-0.4pt; font-weight:bold;} .size-chart th { background:none; text-transform:uppercase; font-size:1.1em; padding: 8px 10px; border-right: 1px solid #D2CEB5; border-bottom: 1px solid #D2CEB5; border-top: 1px solid #D2CEB5;} .size-chart td { font-size:1.1em; padding:8px 10px; border-right: 1px solid #D2CEB5; border-bottom: 1px solid #D2CEB5;} .size-chart th.spec-size { text-align:right; border-left: 1px solid #D2CEB5;} .size-chart tr.odd th { background-color:#E2DFCF;} /* LOGIN DROPDOWN MENU */ .sign-on-container, #header .order-status-container { margin-top: 18px; position: absolute; z-index: 100; border:1px solid #DAD5C0; background-color:#eeeee4; color:#666; width:244px} .sign-on-container {margin-left:-50px;} #header .order-status-container {margin-left:-130px;} .sign-on-container p, .sign-on-container form, #header .order-status-container p, #header .order-status-container form {margin: 12px;} .sign-on-container .textinput, .sign-on-container .twellextinputpw, #header .order-status-container .textinput {border:1px solid #cccccc;} .sign-on-container .actionbuttons {padding-top:20px;} .sign-on-container form .label, #header .order-status-container form .label {width:auto} .sign-on-container h2, #header .order-status-container h2 {position: absolute; font-size:1.1em;padding: 5px; background-color:#eeeee4; color:#666; margin-top:-25px; border-top: 1px solid #DAD5C0; border-left: 1px solid #DAD5C0; border-right: 1px solid #DAD5C0; } .sign-on-container h2 {margin-left: 40px;} #header .order-status-container h2 {margin-left: 121px;} .sign-on-container h2 a, #header .order-status-container h2 a {text-decoration:none} .sign-on-container button {padding:0;border:none;margin-left:5px;float:right} #header .order-status-container .orderStatus button {margin:10px 0 10px; border:0; float:right;} #PasswordReset {text-decoration:underline} #PasswordReset:hover {text-decoration:none;cursor:pointer} #CreateAddress {text-decoration:none;} #CreateAddress:hover {text-decoration:none;cursor:pointer;} *+html .sign-on-container {margin-left:-60px} .ui-widget-header .ui-icon {background: url(../images/global/global-sprites.png) -636px -20px no-repeat; width:56px; height:19px; } #hiddenguestcheckoutform {display:none} #hiddencreateaccount {display:none} .presentify {position:relative} .presentify .pagination{ position:absolute; left: 11px; bottom: 13px; z-index:100; font-size:9px; line-height:14px} .presentify .pagination .pageBtn {background-image:url(../images/pageBtn.jpg);display:block;width:20px;height:16px;text-align:center;margin-right:6px;background-color:#666;color:#eee;position:relative;bottom:0px;float:left} .presentify .pagination a.pause {background-image:url(../images/pauseBtn.jpg);width:50px;} .presentify .pagination a.play {background-image:url(../images/playBtn.jpg);width:50px;} .presentify .pagination a.current {background-image:url(../images/currentPageBtn.jpg); outline:1px solid #774;} .icon { background-attachment:scroll; background-color:transparent; background-image:url(../images/global/global-sprites.png); background-repeat:no-repeat; display:block; position:relative; } .certAuthIcon { background-position:-2px -540px; height:64px; width:200px; } .ninetyDayIcon { background-position:-203px -540px; height:64px; width:200px; } .tenPointIcon { background-position:-404px -540px; height:64px; width:200px; } .flatShipIcon { background-position:-605px -540px; height:64px; width:200px; } .superiorServiceIcon { background-position:-2px -660px; height:64px; width:200px; } .superiorValueIcon { background-position:-203px -660px; height:64px; width:200px; } .buyTryIcon { background-position:-605px -658px; height:64px; width:200px; } .freeHeadcoverIcon { background-position:-404px -658px; height:64px; width:200px; } .largestSelectionIcon { background-position:-607px -279px; height:64px; width:200px; } .tituIcon { background-position:-608px -347px; height:64px; width:200px; } .twelveMonthIcon { background-position:-607px -414px; height:64px; width:200px; } .customizeIcon { background-position:-408px -942px; height:64px; width:200px; } .refurbIcon { background-position:-608px -781px; height:64px; width:200px;} .superiorServiceIcon:hover { background-position: -2px -722px;} .superiorValueIcon:hover { background-position:-203px -722px;} .buyTryIcon:hover {background-position:-605px -720px;} .freeHeadcoverIcon:hover {background-position:-404px -720px;} .largestSelectionIcon:hover {background-position:-406px -279px;} .tituIcon:hover {background-position:-407px -347px;} .twelveMonthIcon:hover {background-position:-406px -414px;} .certAuthIcon:hover {background-position:-2px -600px;} .ninetyDayIcon:hover {background-position:-203px -600px;} .tenPointIcon:hover {background-position:-404px -600px;} .flatShipIcon:hover {background-position:-605px -600px;} .customizeIcon:hover {background-position:-608px -942px;} .refurbIcon:hover {background-position:-408px -781px;} .sub_banner_container { background:transparent url(../images/category/shadow.gif) no-repeat scroll center bottom; margin:0; padding:0 0 6px; text-align:left; } .visited { outline: 1px dashed purple !important; } .visited.highlighted { outline: 2px solid purple !important; position: relative; overflow: visible; } .dwpagemarkertooltip { position:absolute; left:0px; top:0px; opacity:0.7; z-index:1000; } /***** Analytics collection markup *****/ .analytics {display:none} .product-rating-pdp .pr-snippet-stars .pr-stars-small { background-image:url(../images/stars-medium.gif) !important; float:left; height:18px !important; line-height:18px !important; width:100px !important; } .product-rating-pdp .pr-snippet-stars { /*width:112px !important;*/ } div.click-box {position:relative;} .swatchimage {height:16px;width:16px} .pt_productsearchresult .swatches {display:none} .badge { top:0px;left:0px;position:absolute;width:57px;height:57px; } .is-new { background:transparent url(../images/global/global-sprites.png) no-repeat scroll 0px -245px; } /**** swatch color definition ****/ .swatchRefineLink.color_swatchblack{background-image:none;background-color:#000000;} .swatchRefineLink.color_swatchblue{background-image:none;background-color:#3300FF;} .swatchRefineLink.color_swatchbrown{background-image:none;background-color:#663300;} .swatchRefineLink.color_swatchcamouflage{background-image:none;background-color:transparent;} .swatchRefineLink.color_swatchgreen{background-image:none;background-color:#339900;} .swatchRefineLink.color_swatchnavyblue{background-image:none;background-color:#003333;} .swatchRefineLink.color_swatchorange{background-image:none;background-color:#FF6600;} .swatchRefineLink.color_swatchpink{background-image:none;background-color:#FF99CC;} .swatchRefineLink.color_swatchpurple{background-image:none;background-color:#990099;} .swatchRefineLink.color_swatchred{background-image:none;background-color:#CC0000;} .swatchRefineLink.color_swatchseephoto{background-image:none;background-color:transparent;} .swatchRefineLink.color_swatchsilvergray{background-image:none;background-color:#999999;} .swatchRefineLink.color_swatchtankhaki{background-image:none;background-color:#CC9966;} .swatchRefineLink.color_swatchwhite{background-image:none;background-color:#FFFFFF;} .swatchRefineLink.color_swatchyellowgold{background-image:none;background-color:#FFCC00;} #condition-guide .tabs li { z-index:-1; background:url(../images/global/global-sprites.png) -112px -900px no-repeat; display:block; float:left; list-style:none; width:108px; padding:3px 0px; text-align:center; margin:0 0 0 0px; cursor:pointer; margin-left:10px; height:12px;} #condition-guide .tabs li a { text-decoration:none; font-size:11px; color:#333333; } #condition-guide .tabs li.active { background:url(../images/global/global-sprites.png) no-repeat 0px -900px; cursor:default; font-weight:bold; z-index:100; height:13px; } #condition-guide .tabs li.hover { background:url(../images/global/global-sprites.png) no-repeat 0px -900px; cursor:pointer; font-weight:bold; } #condition-guide .border { z-index:1; background:url(../images/global/global-sprites.png) -0px -923px no-repeat; display:block; float:left; width:790px; height:20px; margin-top:18px; } #condition-guide .condition-pics { width:290px; float:left; } #condition-guide ul.tabs { padding:0px; margin:0; position:absolute; } #condition-guide .table_border { border-bottom: 2px solid #333333;} #condition-guide .condition-txt { width:470px; height:360px; overflow-y:auto; overflow-x:hidden; margin-top:5px; padding-right:8px;} #condition-guide table td { padding:5px; font-size:11px; } #condition-guide .clearMe { clear:both; } #condition-guide .conditionGuideH2 {text-transform:capitalize;} .ordertotalstable .firstTD { width:340px; } .side-nav .ordertotalstable .firstTD { width:190px; } .orderSummaryColumn{ text-align:center; background-color:#EFEEE4; margin: 0 0 0 0; font-size:14px; font-weight:bold;}