/******************************************************************************************/ /* begin global styles */ /******************************************************************************************/ /* W2M imports CONTENT SLIDER */ @import "/App_Themes/Hitchcock/anythingslider.css"; @import "/App_Themes/Hitchcock/fonts/fonts.css"; @import "/App_Themes/Hitchcock/megamenu.css"; /* force a vertical scrollbar in firefox, prevents horizontal page shifting */ html { min-height: 100%; margin-bottom:1px; } body { padding: 0; margin: 0; background:#FFFFFF url(images/mainBodyBg.png) repeat top left; font-size: 14px; color:#666666; font-family: 'open_sansregular'; } td, p, form { text-decoration:none; margin:0; } p { margin: 0 0 1em 0; } p.topMargin { margin: 1em 0; } ul { list-style-type:none; margin:0; padding:0; } h2 { font-size:1.2em; font-weight:bold; } table caption { font-size:1.2em; font-weight:bold; } h3 { font-size:1em; font-weight:bold; } h2, h3 { margin: 0; } .hidethis { display:none; } /* price display */ .priceDisplay { font-weight:bold; color: #444444; } span[itemprop="offers"] { font-weight:bold; color: #444444; } /* links */ a { color: #3e8dd3; text-decoration: none; } a:hover { color:#666666; text-decoration: none; } a.highlight { font-weight:bold; color:#003718; padding:5px 0px; margin-top:5px; text-decoration:none; } a.link { text-decoration:underline; } a.linked, .linked:link, .linked:visited { text-decoration: underline; } .linked:hover { color:#CAB999; } /* input elements */ input { vertical-align:middle; } input[type="radio"], input[type="checkbox"] { margin: 0px 5px 3px 9px; } input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:3px; } input.textBox { background-color:#FFFFFF; border:1px solid #b3b3b3; padding: 2px; width:190px; height:16px; margin:0 3px 0 15px; } /* updown control images */ .quantityUpDown #Up { background: url(images/up.gif) center no-repeat; display:block; width:12px; height:12px; } .quantityUpDown #Down { background: url(images/down.gif) center no-repeat; display:block; width:12px; height:12px; } /* buttons */ .button { background-color:#3e8dd3; font-size: 14px; color: #ffffff; text-transform:uppercase; cursor:pointer; padding:0px 20px; height:36px; line-height:36px; white-space: nowrap; border-radius:5px; border:none; outline:none; } .buttonSmallRed { background-color: #871414; font-size: 10px; color: #ffffff; text-transform: uppercase; cursor: pointer; padding: 0px 20px; height: 26px; line-height: 26px; white-space: nowrap; border-radius: 3px; border: none; outline: none; } .buttonSmallBlue { background-color: #3e8dd3; font-size: 10px; color: #ffffff; text-transform: uppercase; cursor: pointer; padding: 0px 20px; height: 26px; line-height: 26px; white-space: nowrap; border-radius: 3px; border: none; outline: none; } .button:hover { color: #666666 !important; } a.button { display:inline-block; text-decoration:none; } .button:active { position: relative; top: 1px; } /* Text styles used to provide status information */ .goodCondition { font-weight: bold; color: #008000; padding-bottom: 3px; } .warnCondition { font-weight: bold; color: #FFA500; padding-bottom: 3px; } .errorCondition { font-weight: bold; color: #FF0000; padding: 3px; } .requiredField { color: #FF0000; padding-bottom: 3px; margin-left:3px; } p.success { font-weight:bold; color: #008000; } p.error { font-weight:bold; color: #FF0000; } /* misc general styles */ .contentArea { padding:5px 10px 5px 10px; } .borderedArea { border:solid 1px #3E8DD3; } .noTopPadding { padding-top:0; } .noBottomPadding { padding-bottom:0; } .noRightPadding { padding-right:0; } .noLeftPadding { padding-left:0; } .noTopBottomPadding { padding-top:0; padding-bottom:0; } .noLeftRightPadding { padding-left:0; padding-right:0; } div.noResultsPanel { padding:10px; text-align:center; } p.highlight { color:#DB0B0B; padding-top:5px; margin-top:5px; text-decoration:none; } .visiblePanel { display:block; } .hiddenPanel { display:none; } span.label { font-weight:bold; } .fieldHeader { font-weight:bold; } .noteText { } span.msrp { text-decoration:line-through; } .textContent { padding-bottom:20px; } span.message { padding-left:5px; } div.message { display:block; margin-bottom:1em; } .clear { clear:both; } .addthis_toolbox .ig-b- { display: inline-block; } .addthis_toolbox .ig-b- img { visibility: hidden; } .addthis_toolbox .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .addthis_toolbox .ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .addthis_toolbox .ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite- target="_blank" rel="noopener noreferrer" href="mailto:16@2x.png">16@2x.png); background-size: 60px 178px; } } div.socialMediaLinksDialog .ig-b- { display: inline-block; } div.socialMediaLinksDialog .ig-b- img { visibility: hidden; } div.socialMediaLinksDialog .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } div.socialMediaLinksDialog .ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { div.socialMediaLinksDialog .ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite- target="_blank" rel="noopener noreferrer" href="mailto:24@2x.png">24@2x.png); background-size: 160px 178px; } } /******************************************************************************************/ /* end global styles */ /******************************************************************************************/ /******************************************************************************************/ /* begin common page layout and container styles */ /******************************************************************************************/ /* high level containers */ #outerPageContainer { margin:0; width:100%; } #innerPageContainer { background: none; margin: 0 auto; min-width: 1300px; width: 100%; } .w2mMainContain { margin: 0 auto; width: 960px; background:#ffffff; padding-top:20px; } #mainColumn, #leftColumn, #rightColumn, .column_1, .column_2, .column_3 { display: inline; float: left; margin-left: 0; margin-right: 0; } div.clear { clear:both; } #header { clear: both; display: block; margin: 0; width: 100%; } #header div.zone { } #footer { clear: both; display: block; margin: 0 auto; width: 100%; } #leftColumn { width: 240px; background:#ffffff; } .w2mEH { padding-bottom: 32767px; margin-bottom: -32767px; } .w2mOverflow { overflow:hidden; } #leftColumn div.zone { padding:0 10px 0 10px; } #rightColumn { width: 240px; background:#ffffff; } #rightColumn div.zone { /*padding:0 10px 0 10px;*/ padding:0 10px 0 10px; } #mainColumn { width:460px; } #mainColumn.leftSidebarLayout { width: 700px; background:#ffffff; padding-right:20px; } #mainColumn.rightSidebarLayout { width: 700px; padding: 0px 10px; background:#ffffff; } #mainColumn.threeColumnLayout { width: 440px; background:#ffffff; } #mainColumn.oneColumnLayout { width:960px; padding-left: 0px; background:#ffffff; } #mainColumn.oneColumnLayoutHome { margin:0; width:100%; } #mainColumn.oneColumnLayout div.zone { padding:10px; } #mainColumn div.zone { padding:0 10px 0 0px; } div.zone { } /* column gutters */ .column_2, .column_3 { margin-left:20px; } /* standard styling for three columns at page top */ /* 20px zone padding + 40px gutter + (300*3) = 960 */ .thirdsColumn { width: 300px; } .thirdsColumn .widget { min-height:200px; } /* standard styling for pages split in two columns */ /* 20px zone padding + 20px gutter + (460*2) = 960 */ .halfColumn { width: 460px; } /* standard styling for pages split into main section with sidebar */ /* 20px zone padding + 20px gutter + 600 + 320 = 960 */ .mainColumn { width: 600px; } .sidebarColumn { width: 320px; } /* make sure column sections are cleared */ .section { clear:both; } /******************************************************************************************/ /* end common page layout and container styles */ /******************************************************************************************/ /******************************************************************************************/ /* begin header, footer, and sidebar styling */ /******************************************************************************************/ /* header area styling */ #storeHeader .topNav { background: url(images/headerRow1Bg.jpg) repeat-x scroll 0 0 rgba(0, 0, 0, 0); height:48px; } #storeHeader .topNav .content { margin: 0 auto; width: 960px; } #storeHeader .topNav .content .social { display: inline-block; margin-left: 10px; margin-top: 10px; width: 210px; } #storeHeader .topNav .content .social img { float:left; margin-right:16px; } #storeHeader .topNav .content .social img a { border:none; outline:none; } #storeHeader .topNav .content .customerInfoArea { display: inline; float: right; margin-right: 10px; margin-top: 10px; text-align: right; width: 725px; position:relative; } #storeHeader .topNav .content .customerInfoArea .adminLink { display:inline-block; margin-left:28px; position:relative; top:-4px; } #storeHeader .topNav .content .customerInfoArea .adminLink a.admin { font-family: 'open_sansregular'; font-size:13.5px; color:#ffffff; text-transform:uppercase; } #storeHeader .topNav .content .customerInfoArea .adminLink .admin a:hover { } #storeHeader .topNav .content .customerInfoArea .contact { display:inline; } #storeHeader .topNav .content .customerInfoArea .contact a { font-family: 'open_sansregular'; font-size:13.5px; color:#ffffff; text-transform:uppercase; } /*Begin Email Pop Up*/ .email_pop {/*display:none;*/ } .email_pop .spacer {/*height:40px; display:block;*/ display:none; } .emailPop a { padding:4px 2px; font-size:10px; } .emailPop, .soldout { display:inline-block; position: relative; } .emailPop a { color:#cc0000; } .emailPop a:visited { color:#cc0000; } .emailPop span { display:none; width:0; height:0; position:absolute; text-align:left; } .emailPop:hover span, .emailPop span:hover { display:block; /*height:60px;*/ height:auto; width:350px; background:#ffffff; /*box-shadow: 0 0 4px #888888;*/ border:1px solid #a3a3a3; position: absolute; padding: 16px 8px; top: 15px; left:3px; z-index:1000; color:#000000; } .email_pop .outerBorder { border: 5px solid #006a44; height:auto; width:auto; padding:10px; box-shadow: 0 0 4px #888888; background:#ffffff; z-index:210; position:absolute; left:600px; top:45px; } h3.popUpEmailTitle { color:#006a44; text-transform:uppercase; font-family: 'bebas_neueregular'; font-size:26pt; text-align:center; } table.popContent { width:250px; margin:0 auto; } table.popContent td.icon { vertical-align:top; } table.popContent td.popText { vertical-align:top; font-size:10.5pt; color:#666666; } img.emailIcon { display: inline; float: left; margin-right: 15px; } .emailPop + span p { font-size:10.5pt; color:#666666; } .emailPop + span p a:link { font-size:10.5pt; color:#666666; } /*End Email Pop Up*/ /*Begin Phone Pop Up*/ /*.phonePop {display:none; }*/ .phonePop .spacer {/*height:40px; display:block;*/ display:none; } .phonePop .outerBorder { border: 5px solid #006a44; height:auto; width:auto; padding:10px; box-shadow: 0 0 4px #888888; background:#ffffff; z-index:215; position:absolute; left:600px; top:45px; } .phonePop a { padding:4px 2px; font-size:10px; } /*.phonePop, .soldout { }*/ .phonePop a { color:#cc0000; } .phonePop a:visited { color:#cc0000; } .phonePop span { display:none; width:0; height:0; position:absolute; text-align:left; } .phonePop:hover span, .phonePop span:hover { display:block; /*height:60px;*/ height:auto; width:350px; background:#ffffff; /*box-shadow: 0 0 4px #888888;*/ border:1px solid #a3a3a3; position: absolute; padding: 16px 8px; top: 15px; left:3px; z-index:1000; color:#000000; } .phonePop:hover span.outerBorder, .phonePop span:hover span.outerBorder { border: 5px solid #006a44; height:auto; position:relative; top:0; left:0; width:auto; padding:10px; box-shadow: 0 0 4px #888888; } h3.popUpPhoneTitle { color:#006a44; text-transform:uppercase; font-family: 'bebas_neueregular'; font-size:26pt; text-align:center; } table.popContent { width:300px; margin:0 auto; } table.popContent td.icon { vertical-align:top; } table.popContent td.popText { vertical-align:top; font-size:10.5pt; color:#666666; } table.popContent td.popText a { font-size:10.5pt; /*color:#666666;*/ color:#046a38; font-weight:bold; } img.phoneIcon { display: inline; float: left; margin-right: 15px; } .phonePop + span p { font-size:10.5pt; color:#666666; } .phonePop + span p a:link { font-size:10.5pt; color:#666666; } /*End Phone Pop Up*/ #storeHeader .topNav .content .customerInfoArea .contact .emailPop span a.emailPopLink { color:#3e8dd3; text-transform:none; } #storeHeader .topNav .content .customerInfoArea .contact .phonePop span a.phonePopLink { color:#3e8dd3; text-transform:none; } #storeHeader .topNav .content .customerInfoArea .contact a:hover { } #storeHeader .topNav .content .customerInfoArea .contact img.email { margin-right:34px; cursor:pointer; } #storeHeader .topNav .content .customerInfoArea .contact img.phone { cursor:pointer; } #storeHeader .topNav .content .customerInfoArea .custService { display:inline-block; margin:4px 0px 0px 39px; vertical-align:top; } #storeHeader .topNav .content .customerInfoArea .custService a { font-family: 'open_sansregular'; font-size:13.5px; color:#ffffff; text-transform:uppercase; } #storeHeader .topNav .content .customerInfoArea .custService a:hover { } #storeHeader .topNav .content .customerInfoArea .custService .loginPos { display:inline-block; margin-right:28px; } #storeHeader .topNav .content .customerInfoArea .custService a.login { } #storeHeader .topNav .content .customerInfoArea .custService a.account { margin-right:28px; } #storeHeader .topNav .content .customerInfoArea .custService img.arrow { margin-right: 9px; vertical-align: bottom; margin-bottom: 2px; } #storeHeader .topNav .content .customerInfoArea .basket { display: inline-block; /*margin: 4px 0 0 33px;*/ margin: 4px 0 0 39px; vertical-align: top; } #storeHeader .topNav .content .customerInfoArea a.cart { font-family: 'open_sansregular'; font-size:13.5px; color:#ffffff; text-transform:uppercase; } #storeHeader .topNav .content .customerInfoArea a.cart:hover { } #storeHeader .topNav .content .customerInfoArea a.cart .textspacer { margin-right:10px; } #storeHeader .topNav .content .customerInfoArea .basket img { margin-right:11px; vertical-align:middle } #storeHeader { color: #FFFFFF; font-size: 11px; height: 275px; margin: 0 auto; background:#ffffff; } #storeHeader .topNav .content .customerInfoArea .basket .divider { background:url(images/headerCartDivider.jpg) no-repeat top left; width:2px; } #storeHeader .topNav .content .customerInfoArea .basket .divider .dividerspacer { width:12px; display:inline-block; } #storeHeader .topNav .content .customerInfoArea .basket .divider img { margin:0px 10px; } #storeHeader .row2 { width:960px; margin:0 auto; height:124px; } #storeHeader .row2 .storeLogo { width:250px; float:left; margin:16px 0px 0px 0px; padding: 0; } /*#storeHeader .row2 .logo { margin:16px 0px 0px 0px; padding: 0; width:250px; }*/ #storeHeader .row2 .logo img { margin: 0; } #storeHeader .row2 .search { width:300px; float:left; margin:10px 0px 0px 85px; } #storeHeader .row2 .search .specialists { color: #006A44; font-family: 'open_sanssemibold_italic'; font-size: 16px; margin-top: 50px; text-align: center; vertical-align: bottom; } #storeHeader .row2 .search input.searchPhrase { background: #FFFFFF; border: 1px solid #E7E6E6; color: #999999; height: 30.5px; margin: 0; width: 223px; float:left; padding-right:14px; text-align:right; font-size:14px; } #storeHeader .row2 .search .button { background:url(images/headerSearchGlass.jpg) no-repeat top left; width:50px; height:35px; border-radius:0; } #storeHeader .row2 .search .button:hover { cursor:pointer; } #storeHeader .row2 .logo2 { width:258px; float:right; } #storeHeader .row2 .logo2 img { margin-top:26px; } #storeHeader .row3 { height:47px; border-top:1px solid #e5e5e5; } #storeHeader .row3 .content { width:960px; margin:0 auto; } #storeHeader .row3 ul#navigationr3 { } #storeHeader .row3 li { background:#ffffff; color: #999999; display:block; float:left; line-height:46px; text-align:center; font-family: 'open_sanssemibold'; font-size:13px; text-transform:uppercase; height:46px; } #storeHeader .row3 li a { padding: 0 14px; color: #999999; } #storeHeader .row3 li a:hover { background: url(images/headerR3navbg.jpg) repeat-x top left; height:46px; line-height:46px; display:block; } #storeHeader .row4 { background: url(images/headerMegaMainBg.png) repeat-x; height: 59px; position:relative; z-index:200; } #storeHeader .row4 .content { width:960px; margin:0 auto; } #storeHeader .row4 .content .megamenuTitle { color: #FFFFFF; float: left; font-family: 'open_sansbold'; font-size: 16px; margin-right: 24px; position: relative; text-align: right; text-transform: uppercase; top: 12px; width: 140px; } /*#storeHeader a { color:#555555; }*/ #storeHeader .row5 .content { width:960px; margin:0 auto; } #headerTop { display:block; } #headerTop .column_1, #headerTop .column_2 { margin:0; } #headerTop .column_1 { width:550px; } #headerTop .column_2 { width:400px; } #headerTop .search { padding:10px 0 0 0; text-align:right; width:400px; } #headerTop .shortcuts { width:auto; } #headerTop .shortcuts a { border: 1px solid #65AEDB; border-radius: 2px 2px 2px 2px; color: #005b90; display: block; float: right; height: 20px; margin: 8px 2px 8px 0px; padding: 8px 3px 0; text-align: center; text-decoration: none; text-transform: capitalize; width: 67px; } #headerTop .shortcuts a:hover { font-weight:bold; background-color: #e4e4e4; } #headerNavigation { display:block; clear:both; } #headerNavigation .navigation { border: 1px solid #000; border-top:none; border-left:none; border-right:none; background-color: #005b90; width:100%; text-align:left; } #headerNavigation .content { margin:0 auto; } #headerNavigation a:hover { background-color:#e4e4e4; color: #000; } #headerNavigation a { background-color:#005b90; font-weight: bold; width: auto; padding: 6px 20px; text-transform: uppercase; text-decoration: none; text-align: center; line-height:28px; letter-spacing: 1px; color:#fff; } #headerBottom { display:block; clear:both; } /* standard page header */ div.pageHeader, #pageHeader { position:relative; margin-bottom:5px; margin-top:4px; padding:2px 0px; } div.pageHeader h1, #pageHeader h1 { color:#000; font-size:1.5em; font-weight:bold; line-height:1.5em; margin:0; } div.pageHeader div.links, #pageHeader div.links { right:10px; top:4px; position:absolute; } #checkout_receiptPage div.pageHeader div.links, #pageHeader div.links { right:10px; top:-10px; position:absolute; } /* breadcrumbs */ .breadCrumbs { /*background-color: #F8F8F8;*/ color: #999999; margin: 0; font-size:11px; /*padding: 6px;*/ } .breadCrumbs a { color:#888888; } /* footer area styles */ #footer { } #footer .content { } #footer #storeFooter { } #footer #storeFooter .w2mGreen { background:#006a44; height:62px; } #footer #storeFooter .w2mGreen .copyright { text-transform:uppercase; color:#cccccc; font-size:11px; text-align:center; position:relative; top:35px; } #footer #storeFooter .container { width:960px; margin:0 auto; position:relative; left:0px; background:#ffffff; } #footer #storeFooter .grayBg { background: url(images/footerGrayBg.jpg) repeat top left; /*height:85px;*/ height:100px; position:relative; top:20px; } #footer #storeFooter .grayBg .left { float:left; width:720px; margin-left:50px; color:#cccccc; margin-top:20px; } #footer #storeFooter .grayBg .left a { color:#cccccc; font-size:12px; display:inline; text-transform:uppercase; } #footer #storeFooter .grayBg .right { width:140px; float:left; text-align:right; margin-right:50px; color:#cccccc; font-size:12px; text-transform:uppercase; margin-top:20px; } .mobileLinkPanel { display:block; padding:10px; } .mobileLinkPanel a { color:#efefef; } /* widget styling */ div.widget { margin:0 0 10px 0px; border:1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:auto; padding:0px; } div.widget .header { /*margin: 0px 0 0; padding: 3px 10px 4px;*/ color:#006a44; font-family: 'bebas_neueregular'; font-size:24px; text-align:center; } div.widget .header h2 { text-transform:uppercase; } div.widget .content { padding:10px; } div.widget .content a { color:#666666; text-decoration:none; } div.widget .content .actions a { color:#ffffff; } div.widget .content a:hover { text-decoration:underline; } div.widget .content .options { margin-bottom:1em; padding:0 5px 0 5px; } div.widget .content p instruction { padding:0 5px 0 5px; font-weight:bold; } div.recentlyViewedWidget .header h2 { margin-top:10px; } div.orderNotesWidget .content a.button { color:#ffffff; } div.orderNotesWidget .content a.button:hover { text-decoration:none; cursor:pointer; } div.registerWidget .content a.button { color:#ffffff; } div.registerWidget .header { background:url(images/shortTitleBg.png) no-repeat top left; height:61px; position:relative; left:-12px; } div.registerWidget .header h2 { font-size:36px; color:#ffffff; font-family: 'bebas_neueregular'; text-transform:uppercase; text-align:right; width:320px; margin-top:3px; } div.emailListWidget {/* margin:0;*/ border:1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:190px; padding:12px; } div.emailListWidget .header { color:#006a44; font-family: 'bebas_neueregular'; font-size:24px; text-align:center; } div.emailListWidget .content { padding:0; } div.emailListWidget .content .info { font-size:13px; display:block; } div.emailListWidget .content input.signupBox { border:1px solid #c4c4c4; width:190px; height:24px; text-align:left; text-indent:10px; } div.emailListWidget .content .jcHideThis { display: none; } div.emailListWidget .content .signupL { width:194px; margin-top:16px; } div.emailListWidget .content .signupR { width:94px; margin:16px auto 0; } #rightColumn div.emailListWidget { border: 1px solid #cdcdcd; border-radius: 5px; height: auto; padding: 12px; } #rightColumn div.emailListWidget .header h2 { font-size: 1em; } /*Footer Newsletter Sign Up*/ div.footer_newsletter div.emailListWidget { border: none; border-radius: 0; display: inline-block; float: right; height: auto; margin: 15px 40px 0 0; padding: 0; } div.footer_newsletter div.emailListWidget .header { display:none; } div.footer_newsletter div.emailListWidget .content .info { display:none; } div.footer_newsletter div.emailListWidget .content .signupL { width:220px; margin: 0 18px 0px 0px; float:left; } div.footer_newsletter div.emailListWidget .content .signupL input { width:216px; margin: 0; height:24px; color:#999999; padding-right: 20px; text-align: right; width: 196px; } div.footer_newsletter div.emailListWidget .content .signupR { width:102px; margin:0 auto; float:left; } div.footer_newsletter div.emailListWidget .content .signupR .button { border-radius: 5px; height: 28px; font-family: 'open_sansbold'; line-height: 28px; background:#418cd0; } div.footer_newsletter .messagesR { position:relative; } div.footer_newsletter .messagesR .goodCondition { color: #008000; font-weight: normal; padding-bottom: 3px; position: absolute; top: -45px; background: url(images/mainBodyBg.png) repeat scroll left top #ffffff; width: 320px; padding: 5px; border:1px solid #006a44; } div.footer_newsletter .requiredField { color: #FF0000; padding-bottom: 3px; margin-left:3px; } div.footer_newsletter .validationSummary { margin-bottom: 0; position: absolute; top: -60px; background: url(images/mainBodyBg.png) repeat scroll left top #ffffff; width: 320px; padding: 5px; border:1px solid #006a44; } div.footer_newsletter .validationSummary ul { list-style-type:none; margin-left:0; } div.footer_newsletter .validationSummary ul li { color:#f00; } /*END Footer Page Newsletter Sign Up*/ /*Home Page Newsletter Sign Up*/ div.newsletterSubscribe div.emailListWidget { margin:0; border:none; border-radius: 0px; height:70px; padding:0; } div.newsletterSubscribe div.emailListWidget .header { display:none; } div.newsletterSubscribe div.emailListWidget .content .info { display:none; } div.newsletterSubscribe div.emailListWidget .content .signupL { width:220px; margin: 20px 18px 0px 0px; float:left; } div.newsletterSubscribe div.emailListWidget .content .signupL input { width:216px; margin: 0; height:24px; color:#999999; padding-right: 20px; text-align: right; width: 196px; } div.newsletterSubscribe div.emailListWidget .content .signupR { width:102px; margin:20px auto 0; float:left; } div.newsletterSubscribe div.emailListWidget .content .signupR .button { border-radius:5px; height: 28px; font-family: 'open_sansbold'; line-height: 28px; background:#418cd0; } div.newsletterSubscribe .messagesR { position:relative; } div.newsletterSubscribe .messagesR .goodCondition { color: #008000; font-weight: normal; padding-bottom: 3px; position: absolute; top: -45px; background: url(images/mainBodyBg.png) repeat scroll left top #ffffff; width: 320px; padding: 5px; border:1px solid #006a44; } div.newsletterSubscribe .requiredField { color: #FF0000; padding-bottom: 3px; margin-left:3px; } div.newsletterSubscribe .validationSummary { margin-bottom: 0; position: absolute; top: -60px; background: url(images/mainBodyBg.png) repeat scroll left top #ffffff; width: 320px; padding: 5px; border:1px solid #006a44; } div.newsletterSubscribe .validationSummary ul { list-style-type:none; margin-left:0; } div.newsletterSubscribe .validationSummary ul li { color:#f00; } /*END Home Page Newsletter Sign Up*/ /*Product Page Newsletter Sign Up*/ #rightColumn div.emailListWidget .messagesR { position:relative; } #rightColumn div.emailListWidget .messagesR .goodCondition { background: url(images/mainBodyBg.png) repeat scroll left top #ffffff; border: 1px solid #006a44; color: #008000; font-weight: normal; padding: 5px 5px 12px; position: absolute; top: -50px; width: 185px; } #rightColumn div.emailListWidget .requiredField { color: #ff0000; margin-left: 5px; padding-top: 0; position: relative; top: -35px; z-index: 1; } #rightColumn div.emailListWidget .validationSummary { margin-bottom: 0; position: absolute; top: -155px; background: url(images/mainBodyBg.png) repeat scroll left top #ffffff; width: 185px; padding: 5px; border:1px solid #006a44; } #rightColumn div.emailListWidget .validationSummary ul { list-style-type:none; margin-left:10px; } #rightColumn div.emailListWidget .validationSummary ul li { color:#f00; } /*END Product Page Newsletter Sign Up*/ div.loginWidget .header { background:url(images/shortTitleBg.png) no-repeat top left; height:61px; position:relative; left:-12px; } div.loginWidget .header h2 { color: #ffffff; font-family: "bebas_neueregular"; font-size: 36px; height: 52px; line-height: 52px; margin-top: 3px; text-align: left; text-indent: 15px; text-transform: uppercase; width: 320px; } div.registerDialog .header { background:url(images/shortTitleBgR.png) no-repeat top right; height:61px; position:relative; left:32px; } div.registerDialog .header h2 { font-size:36px; color:#ffffff; font-family: 'bebas_neueregular'; text-transform:uppercase; text-align:right; width:320px; margin-top:3px; height: 52px; line-height: 52px; } div.featuredProductsGrid { margin:30px 0 0 0; background:#ffffff; padding:0; border:none; } div.featuredProductsGrid .header { background:url(images/homeFeaturedTitle.png) no-repeat top left; height:61px; position:relative; left:-12px; } div.featuredProductsGrid .header h2 { font-size:36px; color:#ffffff; font-family: 'bebas_neueregular'; text-transform:uppercase; text-align:right; width:320px; margin-top:3px; padding-top:5px; } div.featuredProductsGrid div.productItemDisplay div.thumbnailArea div.thumbnailWrapper .thumbnail img { } div.featuredProductsGrid div.productItemDisplay div.detailsArea div.details div.price span.label { display:none; } div.featuredProductsGrid .itemListing .itemContainer { height: 270px; margin: 3px; } div.miniBasket { border:1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0; } #leftColumn div.miniBasket { margin:15px 0px; } div.miniBasket .header { margin: 0px 0 0; padding: 3px 10px 4px; } div.miniBasket .header h2 { text-transform:uppercase; color:#006a44; font-family: 'bebas_neueregular'; font-size:24px; text-align:center; margin-top:10px; } div.miniBasket .content { padding: 9px; } div.miniBasket .content a { color:#666666; font-size:13px; } div.miniBasket .content .button:hover { color:#ffffff !important; } div.basketShippingEstimateWidget { border:1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #rightColumn div.basketShippingEstimateWidget { margin:15px 0px; } div.basketShippingEstimateWidget .header { margin: 0px 0 0; padding: 3px 10px 4px; } div.basketShippingEstimateWidget .header h2 { text-transform:uppercase; color:#006a44; font-family: 'bebas_neueregular'; font-size:24px; text-align:center; margin-top:10px; } div.basketShippingEstimateWidget .content { padding: 9px; } div.basketShippingEstimateWidget table.compact td.center { text-align:center; } div.basketShippingEstimateWidget table.compact label { color:#999999; font-size:13px; } div.basketShippingEstimateWidget table.compact .button:hover { color:#ffffff !important; } div.basketShippingEstimateWidget .content p { font-size:13px; margin-bottom:0; } table.widget { border-collapse:collapse; border:solid 1px #3E8DD3; margin-bottom:1em; width:100%; } table.widget td { padding:0px; vertical-align:top; } table.widget caption { border:solid 1px #3E8DD3; border-bottom:none; padding:6px; text-align:left; text-transform:uppercase; } /* custom styles for specific widgets */ .simpleCategoryListWidget .content { padding: 0; } .simpleCategoryListWidget ul { margin:0; padding:0; list-style-type:none; } .simpleCategoryListWidget li { margin:0; border-bottom:1px dashed #65AEDB; } .simpleCategoryListWidget li:last-child { border-bottom:none; } .simpleCategoryListWidget li a { display:block; padding:8px; color:#005b90; background-color:#F5F5F5; font-weight:bold; } .simpleCategoryListWidget li a:hover { color:#005b90; background-color:white; } .categorySearchwidget .criteriaPanel { margin-bottom: .5em } .categorySearchwidget .criteriaPanel h3 { margin-bottom: .5em; color:#333 } .categorySearchSidebarWidget .content { line-height:2em; } /* hover popup styling */ div.hoverPanel { border:solid 1px #3E8DD3; } div.hoverPanel .header { border-bottom:solid 1px #3E8DD3; padding:6px; } div.hoverPanel .content { padding:6px; } #CVVHoverLookupPanel { z-index:999999 !important; width:315px; } /******************************************************************************************/ /* end header, footer, and sidebar styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin style for notifications */ /******************************************************************************************/ .ui-notify-container { margin:10px; } .ui-notify { width:350px; position:fixed; top:10px; right:10px; } .ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px } .ui-notify-message h1 { font-size:14px; margin:0; padding:0 } .ui-notify-message p { margin:3px 0; padding:0; line-height:18px } .ui-notify-message:last-child { margin-bottom:0 } .ui-notify-message-style { background:#000; background:rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; } .ui-notify-message-style h1 { color:#fff; font-weight:bold } .ui-notify-message-style p { color:#fff } .ui-notify-message-style li { color:#fff } .ui-notify-close { color:#fff; text-decoration:underline } .ui-notify-click { cursor:pointer } .ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px } .ui-notify-cross:hover { color:#ffffab } .ui-notify-cross:active { position:relative; top:1px } /******************************************************************************************/ /* end style for notifications */ /******************************************************************************************/ /******************************************************************************************/ /* begin user interaction and form styling */ /******************************************************************************************/ /* shows a tabstrip menu */ div.tabstrip { padding:0px; border-bottom:1px solid #3E8DD3; } div.tabstrip ul { margin:10px 0 0 0; padding:0px; } div.tabstrip ul li { display:inline; padding:0px; margin:0px; } div.tabstrip ul li a { display:inline-block; margin:0px; padding:4px 10px; text-decoration:none; color:#666666; border:1px solid #3E8DD3; border-bottom: none; border-radius: 6px 6px 0px 0px; font-size:1.1em; font-weight:bold; } div.tabstrip ul li a:hover { background:#3E8DD3; color:#fff; } div.tabstrip ul li.active a { background:#3E8DD3; color:#fff; } div.tabpane { border:1px solid #3E8DD3; border-top:none; padding:8px; margin-bottom:1em; } /* contains a dialog for interacting with the user */ .dialogSection .header { height:29px; line-height:24px; padding: 0 0 0 10px; margin:0 1px 0 0; } .dialogSection .header h2 { color:#005b95; height: 29px; border-right: solid 1px #3E8DD3; padding-right: 0; width: 100%; margin:0; text-transform: uppercase; font-size:12px; float:left; line-height:29px; } .dialogSection .header a { float:right; text-decoration:underline; color:#444444; } .dialogSection .header a:hover { float:right; text-decoration:underline; color:#8C0901; } .dialogSection .content { border-top:10px solid #e1f2f9; margin-top:0; background: #FFFFFF; min-height: 200px; } .dialogSection .content table th.rowheader { background-color:White; } .dialogSection .nofooter { margin-right:0; } .dialogSection .footer { height:24px; line-height:24px; margin:0; color:#8C0901; margin-top:8px; } /* default styling for generic input forms */ table.inputForm { text-align: left; width: 100%; } table.inputForm input[type="text"], table.inputForm input[type="password"] { border:solid 1px #3E8DD3; color: #444444; padding: 2px; } table.inputForm select { border:solid 1px #3E8DD3; color: #444444; padding: 2px } table.inputForm th { padding-left: 25px; text-align:left; } table.inputForm td { padding: 5px; margin: 0; } table.inputForm .rowHeader { color: #444444; padding:10px 5px 10px 10px; text-align:right; } table.inputForm .rowHeader a { border:1px solid #650101; width:100%; color: #444444; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; } table.inputForm .rowHeader * { font-weight: bold; font-size: 12px; } table.compact { width:100%; margin:0; } table.compact th { color: #444444; padding:5px 5px 5px 5px; text-align:right; } table.compact td { padding: 10px 0 10px 0; } table.compactleft { width:100%; margin:0 } table.compactleft th { color: #444444; padding:5px 5px 2px 5px; text-align:left; } table.compactleft td { padding: 2px 0 10px 5px; } /* styling for search forms */ .searchPanel { border: solid 1px #A0D9ED; margin-bottom:10px; } .searchPanel table.inputForm th, .searchPanel table.inputForm td { padding: 10px 5px 5px 5px; } /* styling for validation summary lists */ .validationSummary { margin-bottom:6px; } .validationSummary ul { margin-left:25px; list-style-type:disc; } .validationSummary ul li { color:#f00; } /******************************************************************************************/ /* end user interaction and form styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin category display styling */ /******************************************************************************************/ /* category page */ #categoryPage div.subCategories { background-color:#F5F5F5; padding: 5px 5px 10px; } #categoryPage div.subCategories a { display:inline-block; padding:5px 10px; font-size: 1.1em; font-weight: bold; background-color: #FFFFFF; border-radius:5px; margin-left:2px; margin-top:5px; } #categoryPage div.subCategories a:hover { background-color:#E0F5F8; } /* category details display */ .categoryDetailsListing div.itemContainer { height:150px; margin:10px; } .categoryDetailsListing div.itemContainer div.itemDisplay { padding:10px; } .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea { float:left; height:130px; display:table; } .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea div.thumbnailWrapper { display:table-cell; vertical-align:middle; } .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea { overflow: hidden; padding:10px; } .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .itemName { font-weight:bold; font-size:115%; padding-bottom:10px; } .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .summary { } /* category details display page */ .categoryGridListing4 itemListing div.itemContainer { height:auto; } .categoryGridListing4 itemListing div.itemContainer div.productItemDisplay div.detailsArea { height:auto; margin-bottom: 10px; vertical-align:middle; } #categoryGridPage4 .nodeSummaryLink { text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer; } /* style for grid of catalog items */ /******************************************************************************************/ /* begin W2M category display rules */ /******************************************************************************************/ /*Begin Parent Categories EX: Men's By Category*/ #categoryGridPage4 .itemListing .tableNode { /*height: 220px;*/ text-align: center; padding-bottom:40px; vertical-align:bottom; } #categoryGridPage4 .itemListing .itemContainer { /*height: 220px*/; margin: 3px; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #categoryGridPage4 .itemListing .itemContainerNoBorder {/* height: 220px;*/ margin: 3px; border:none; border-radius: 0px; position:relative; z-index:2; } #categoryGridPage4 div.categoryItemDisplay div.thumbnailArea { display: table; height: 190px; margin: 0 auto; } #categoryGridPage4 div.categoryItemDisplay div.thumbnailArea div.thumbnailWrapper { display: table-cell; vertical-align: middle; padding-top:5px; } #categoryGridPage4 div.categoryItemDisplay div.detailsArea { height:30px; text-align: center; } #categoryGridPage4 .searchSortHeader { display: none; } /*End Parent Categories EX: Men's By Category*/ /*Begin Sub Categories EX: Men's By Category/Work Footwear*/ #categoryGridPage4 .categoryDescription { margin:25px 0px; } .w2mSubCat .pageHeaderBgR { position: absolute; height:55px; } .w2mSubCat .pageHeaderBgA { background: url(images/pageTitleBg.png) no-repeat top right; height: 55px; /*left: -21px;*/ left:-2px; position: absolute; width: 728px; } .w2mSubCat div.pageHeader { margin-bottom: 5px; margin-top: 4px; padding: 2px 0; } .w2mSubCat div.pageHeader h1 { color: #006a44; font-size: 28px; font-weight: normal; line-height: 35px; margin: 0; font-family: 'bebas_neueregular'; text-align:right; margin-right:20px; } .clearSubcat { clear:both; height:50px; } /*End Sub Categories EX: Men's By Category/Work Footwear*/ /******************************************************************************************/ /* end W2M category display rules */ /******************************************************************************************/ .itemListingContainer { position:relative; z-index:1; } .itemListing { } .itemListing .tableNode {/* height:300px;*/ text-align:center; } .itemListing .itemContainer { /*height:290px;*/ margin:3px 3px; } /* style for product item within the grid */ div.productItemDisplay { } div.productItemDisplay div.thumbnailArea { height:130px; display:table; margin:0 auto; } div.productItemDisplay div.thumbnailArea div.thumbnailWrapper { display:table-cell; vertical-align:middle; } SubCatLastChild div.productItemDisplay div.detailsAreaSubCatContain { } /*Note: changes as a test to offer client a visual. 6/25/14 jc: Design deviation based on feedback from Thomas Bright via email dated 6/23/14 @ 10:31am. Added a border and border radius rule. */ #categoryGridPage4.lastchild .itemListing .itemContainerNoBorder { /*height: 360px;*/ margin: 3px; /*border:none; border-radius: 0px;*//* border:1px solid #cccccc;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #categoryGridPage4.lastchild .itemListing .itemContainerNoBorder div.productItemDisplay div.actionsArea { height: auto; position:static; } #categoryGridPage4.lastchild .itemListing .itemContainerNoBorder div.productItemDisplay {/*height: 360px;*/ position:relative; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild {/* text-align:left; */ text-align:center;/*height:100px;*/ /*height:140px;*/ height:auto; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild div.manufacturer a { color:#333333; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .itemName { margin-bottom:5px; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .itemName a { color:#333333; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .itemName a:hover { } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .summary { color:#333333; margin-bottom:5px; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .price { margin-bottom:5px; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .price .label { display:none; } div.productItemDisplay div.detailsAreaSubCatContain div.detailsSubCatLastChild .price .value { color:#006a44; font-family: 'open_sansbold'; font-size:18px; } div.productItemDisplay div.detailsArea { height: auto; text-align: center; margin-bottom: 20px; } div.productItemDisplay div.detailsArea div.details { } div.productItemDisplay div.detailsArea div.details div.itemName { font-weight:normal; } div.productItemDisplay div.detailsArea div.details div.itemName a { color:#333333; text-decoration:none; } div.productItemDisplay div.detailsArea div.details div.manufacturer { font-weight:normal; } div.productItemDisplay div.detailsArea div.details div.manufacturer a { color:#333333; text-decoration:none; } div.productItemDisplay div.detailsArea div.details div.sku { } div.productItemDisplay div.detailsArea div.details div.rating { } div.productItemDisplay div.detailsArea div.details div.price { color: #006a44; font-weight: normal; font-size:18px; font-family: 'open_sanssemibold'; } div.productItemDisplay div.detailsArea div.details div.summary { max-height:70px; margin:5px 0; overflow: auto; } div.productItemDisplay div.actionsArea { position:relative; height:42px; } div.productItemDisplay div.actionsArea div.actions { bottom: 0; /*position: absolute;*/ position:relative; width: 100%; margin-bottom:10px; } div.productItemDisplay div.actionsArea div.actions.leftalign { text-align:left; } div.productItemDisplay div.actionsArea div.actions.centeralign { text-align:center; } /* style for webpage item within the grid */ div.webpageItemDisplay { } div.webpageItemDisplay div.thumbnailArea { height:130px; display:table; margin:0 auto; } div.webpageItemDisplay div.thumbnailArea div.thumbnailWrapper { display:table-cell; vertical-align:middle; } div.webpageItemDisplay div.detailsArea { height:85px; text-align: center; } div.webpageItemDisplay div.detailsArea div.details { } div.webpageItemDisplay div.detailsArea div.details div.itemName { color:#000; font-weight:bold; font-size: 1.2em; } div.webpageItemDisplay div.detailsArea div.details div.itemName a { color:#000; text-decoration:none; } div.webpageItemDisplay div.detailsArea div.details div.summary { height:60px; margin:5px 0; overflow:hidden; } /* style for category item within the grid */ div.categoryItemDisplay { } div.categoryItemDisplay div.thumbnailArea { height:130px; display:table; margin:0 auto; } div.categoryItemDisplay div.thumbnailArea div.thumbnailWrapper { display:table-cell; vertical-align:middle; } div.categoryItemDisplay div.detailsArea { height:85px; text-align: center; } div.categoryItemDisplay div.detailsArea div.details { } div.categoryItemDisplay div.detailsArea div.details div.itemName { color:#000; font-weight:bold; font-size: 1.2em; } div.categoryItemDisplay div.detailsArea div.details div.itemName a { color:#000; text-decoration:none; } div.categoryItemDisplay div.detailsArea div.details div.summary { height:60px; margin:5px 0; overflow:hidden; } /* style for link item within the grid */ div.linkItemDisplay { } div.linkItemDisplay div.thumbnailArea { height:130px; display:table; margin:0 auto; } div.linkItemDisplay div.thumbnailArea div.thumbnailWrapper { display:table-cell; vertical-align:middle; } div.linkItemDisplay div.detailsArea { height:85px; text-align: center; } div.linkItemDisplay div.detailsArea div.details { } div.linkItemDisplay div.detailsArea div.details div.itemName { color:#000; font-weight:bold; font-size: 1.2em; } div.linkItemDisplay div.detailsArea div.details div.itemName a { color:#000; text-decoration:none; } div.linkItemDisplay div.detailsArea div.details div.summary { height:60px; margin:5px 0; overflow:hidden; } /* style for sort control of catalog grid */ .searchSortHeader { border-top:1px dotted #005B95; color:#005B95; margin:5px 0; padding: 10px 0 0; display:none; } .searchSortHeader span { font-size:12px; font-weight: bold; } .searchSortHeader .sorting { border: 1px solid #65AEDB; color: #222222; padding: 1px; font-size: 1em; } .searchSortHeader .fieldHeader { font-size:12px; } .searchSortHeader .sortPanel { float:left; } .searchSortHeader .pageSizePanel { float:left; margin-left:10px; } /******************************************************************************************/ /* end category display styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin catalog item display styling */ /******************************************************************************************/ /* styling for product page */ div.productRowDisplay { border: 1px solid #65aedb; } div.productRowDisplay h1 { color:#005b90; text-align:center; font-size:1.5em; font-weight:bold; line-height:1.5em; margin:0px; letter-spacing: 1px; } div.productDisplay { overflow:hidden; margin-bottom:6px; } div.productDisplay .breadCrumbs { margin-bottom:10px; } div.productDisplay h1 { color:#005b90; text-align:left; font-size:17px; font-weight:normal; color:#006a44; font-family: 'open_sanssemibold'; text-transform:uppercase; } div.productDisplay div.simpleProduct div.productImageArea { float:left; vertical-align:top; text-align:center; max-width:440px; padding:0px; } div.productDisplay div.simpleProduct div.productImageArea img { max-width:440px; } div.mainImage img.productImage:hover { cursor:pointer; } div.productDisplay div.simpleProduct div.productDetails { float:right; vertical-align:top; padding: 0px 0px 0px 20px; width:220px; } div.productDisplay div.optionProduct div.productDetails { vertical-align:top; padding: 5px; } div.productDisplay .simpleProduct { margin-top:30px; } /* buy product dialog */ table.buyProductForm { padding:10px 5px 5px 5px; } table.buyProductForm .w2mSpacer { width:50px; } table.buyProductForm td .w2mLabelWidth { width:60px; } table.buyProductForm td .adjustFitPermission { font-size:11px; margin:2px 0px 12px 0px; } table.buyProductForm td .notAllSizes { font-family: 'open_sanslight_italic'; font-size:11px; margin-bottom:12px; } table.buyProductForm td .buyProdDivider { display:inline; } table.buyProductForm td .buyProdDivider .hrdivide { height:1px; background:#cdcdcd; width:100%; margin:15px 0px; } table.buyProductForm td .prodPageAddToCart { margin: 0px 0px 20px 60px; } table.buyProductForm td .socMed { margin: 0px 0px 60px 60px; } table.buyProductForm .w2mQuantitySpacer { margin-top:5px; padding:0; } table.buyProductForm td .titleCol { width:50px; font-size:14px; color:#999999; font-weight:normal; padding: 0px 10px 10px 0px; } table.buyProductForm td .qty { padding-bottom:0; } table.buyProductForm td span.qtyPos { position:relative; top:-10px; } table.buyProductForm td .optionsSpacer { padding-bottom:10px; } table.buyProductForm td .optionsSpacer select { max-width:110px; } table.buyProductForm td .fitterMessage { padding:0 10px; background-color:#FFFFCC; border:1px solid #cc0000; color:#cc0000; font-weight:bold; display:table-cell; text-align:center; } table.buyProductForm td .topLabel { font-size:13px; font-weight:normal; text-align:left; display:inline; } table.buyProductForm td .w2msku { color:#006a44; font-family: 'open_sanssemibold'; font-size:14px; font-weight:normal; } table.buyProductForm td .w2mOurPrice { color:#006a44; font-family: 'open_sanssemibold'; font-size:14px; font-weight:normal; } table.buyProductForm td.top { vertical-align:top; } table.buyProductForm td.top div.pageHeader, #pageHeader { margin-bottom: 0px; margin-top: 0px; padding: 0; } table.buyProductForm td, table.buyProductForm th { padding:0; vertical-align:middle; } table.buyProductForm .rowHeader { font-weight: bold; border-width: 0; padding:0; /*border-right: solid 1px #e4e4e4;*/ text-align: right; } table.buyProductForm .subscriptionRow th.rowHeader { vertical-align:top; padding-top:13px; } table.buyProductForm .subscriptionRow td, blockquote { margin: 1em 22px; } table.buyProductForm .priceLabel th.rowHeader { width:58px; } table.buyProductForm .subscriptionRow th.rowHeader { vertical-align:top; padding-top:13px; } table.buyProductForm td.w2mlogos { vertical-align:top; } table.buyProductForm td.w2mlogos table { vertical-align:top; } table.buyProductForm table.logoImages td { vertical-align:top; padding:0; } table.buyProductForm table.logoImages td img { max-width:50px; margin-bottom:10px; } table.buyProductForm table.logoImages { margin-right:10px; } span.inventoryDetails { display:block; width:200px; } .optionPicker td { border: outset 2px #999; } .optionPicker td.selected { border: inset 2px #999; } /* style for displaying the hidden price popup */ .pricePopup { background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:300px; position:absolute; left:50%; margin-left:-150px; z-index:99; } .pricePopup .header { background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold; } .pricePopup span.fieldHeader { display:block; float:left; width:135px; text-align:right; margin-right:6px; } .pricePopup span.fieldValue { display:block; float:left; } /* style for displaying product ratings */ div.aggregateRating { display: inline; } div.aggregateRating .ratingText { display:inline; } /* style for product reviews */ .productReviewContent { white-space: pre-line; text-align: justify; padding: 10px; } .ratingStar00, .ratingStar01, .ratingStar02, .ratingStar03, .ratingStar04, .ratingStar05, .ratingStar06, .ratingStar07, .ratingStar08, .ratingStar09, .ratingStar10 { background-position:0 0; background-repeat: no-repeat; width: 50px; height:9px; display:inline-block; } .ratingStar00 { background-image:url(images/ratings/rate_00.gif); } .ratingStar01 { background-image:url(images/ratings/rate_01.gif); } .ratingStar02 { background-image:url(images/ratings/rate_02.gif); } .ratingStar03 { background-image:url(images/ratings/rate_03.gif); } .ratingStar04 { background-image:url(images/ratings/rate_04.gif); } .ratingStar05 { background-image:url(images/ratings/rate_05.gif); } .ratingStar06 { background-image:url(images/ratings/rate_06.gif); } .ratingStar07 { background-image:url(images/ratings/rate_07.gif); } .ratingStar08 { background-image:url(images/ratings/rate_08.gif); } .ratingStar09 { background-image:url(images/ratings/rate_09.gif); } .ratingStar10 { background-image:url(images/ratings/rate_10.gif); } .ratingStarNone { } /* product images page styles */ #productImages img { border:0 } #productImages div.progress-bar { border:1px solid #fff; background-color:#000 } #productImages div.missing-thumbnail { background:#333 url('images/redx.gif') center center no-repeat; cursor:pointer; border:1px solid #bbb } #productImages div.error-message { color:#bbb; font-size:1.2em; margin-top:-0.6em; position:relative; text-align:center } #productImages div.caption { background-color:#000; color:#fff } #productImages div.caption a { color:#fff } #productImages body, #productImages html { background-color:#333; margin:0; padding:0; } #productImages #gallery { margin:20px auto; height:520px; width:750px; position:relative; color:#aaa; padding:20px; overflow:hidden; border:1px solid #888; background-color:#000 } /* styling for display of webpage objects */ #webpagePage { padding:0px; } /******************************************************************************************/ /* begin W2M category display rules */ /******************************************************************************************/ .w2mProductCatHeader { display:block; height:55px; } .w2mProductCatHeader .pageHeaderBgR { position: absolute; height:55px; } .w2mProductCatHeader .pageHeaderBgA { background: url(images/pageTitleBgProduct.png) no-repeat top left; height: 55px; left: -23px; position: absolute; width: 728px; } .w2mProductCatHeader div.pageHeader { margin-bottom: 5px; margin-top: 4px; padding: 2px 0; } .w2mProductCatHeader div.pageHeader h1 { color: #006a44; font-size: 28px; font-weight: normal; line-height: 18px; margin:9px 0 0 20px; font-family: 'bebas_neueregular'; text-align:left; } .w2mProductRelated { display:block; height:55px; } .w2mProductRelated .pageHeaderBgR { position: absolute; height:55px; } .w2mProductRelated .pageHeaderBgA { background: url(images/prodPageRelatedTitleBg.png) no-repeat top left; height: 55px; left: -23px; position: absolute; width: 728px; } .w2mProductRelated div.pageHeader { margin-bottom: 5px; margin-top: 4px; padding: 2px 0; } .w2mProductRelated div.pageHeader h1 { color: #ffffff; font-size: 28px; font-weight: normal; line-height: 18px; margin:9px 0 0 20px; font-family: 'bebas_neueregular'; text-align:left; text-transform:uppercase; } div.relatedProductsWidget { border:none; margin: 0; padding: 0; } div.relatedProductsWidget .itemListing .itemContainer { margin: 3px; } div.relatedProductsWidget .itemListing .tableNode { text-align: center; width: 33%; float:left; } div.moreCategoryItems .itemListing .tableNode { /*height: 220px;*/ text-align: center; padding-bottom:40px; vertical-align:bottom; } div.moreCategoryItems .itemListing .itemContainerNoBorder {/* height: 220px;*/ margin: 3px; border:none; border-radius: 0px; position:relative; z-index:2; } div.moreCategoryItems .itemListing .itemContainerNoBorder div.productItemDisplay {/*height: 360px;*/ position:relative; } div.moreCategoryItems .itemListing .tableNode { text-align: center; } div.moreCategoryItems div.productItemDisplay div.actionsArea { height: auto; position: static; } div.moreCategoryItems div.productItemDisplay div.detailsArea { height: auto; margin-bottom: 20px; text-align: center; } div.moreCategoryItems .ui-tabs .ui-tabs-panel { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-width: 0; display: block; padding: 1em 10px; } div.moreCategoryItems div.productItemDisplay div.detailsArea div.details div.price span.label { display:none; } div.moreCategoryItems .itemListing .itemContainer { height: auto; margin: 3px; width: auto; } div.moreCategoryItems div.productItemDisplay div.detailsArea div.details div.itemName { font-weight: normal; } /******************************************************************************************/ /* end W2M category display rules */ /******************************************************************************************/ /******************************************************************************************/ /* end catalog item display styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin basket display styling */ /******************************************************************************************/ /* basket styling */ #basketPage div.basketContainer div.actions { margin-top:10px; margin-bottom:10px; text-align:center; } #basketPage div.basketContainer div.actions span.checkout .button { background-color:#005b90; color:#fff; border:1px solid #005b90; } #basketPage div.basketContainer div.actions span.checkout .button:hover { background-color:#dedede; color:#3E8DD3 !important; border:1px solid #3E8DD3; } #basketPage div.warnings { padding-left:20px; } #basketPage div.emptyBasketPanel { background-color:white; padding-top: 20px; margin: 20px 35px 20px 35px; height: 50px; text-align:center; } #basketPage div.emptyBasketPanel span.message { font-size: 18px; font-weight: normal; color: #666666; } /* display of the basket items */ table.basket { border:0; border-collapse:collapse; width:100%; } table.basket th, table.basket td { border:1px solid #ccc; padding:4px 8px; text-align:center; vertical-align:top; } table.basket td a { color: #333333; } table.basket td a:hover { color: #3E8DD3; } table.basket th.thumbnail { border-right:none; text-align:left; width:60px; } table.basket td.thumbnail { border-right:none; text-align:center; width:60px; } table.basket th.item { border-left:none; text-align:left; } table.basket td.item { border-left:none; text-align:left; } table.basket td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; } table.basket td.item div.itemDetail { margin-bottom:1em; } table.basket td.item div.itemActions a { margin-right:8px; text-transform:lowercase } table.basket th.quantity { text-align:center; width:60px; } table.basket td.quantity { text-align:center; width:60px; } table.basket td.footerSubtotalLabel { text-align:right; } /* mini basket styles */ .miniBasket .price { color:#006a44; font-family: 'open_sanssemibold'; font-size:14px; font-weight:normal; } .miniBasket .label { color:#666666; font-weight:normal; margin-right:5px; text-transform:uppercase; } .miniBasket .value { font-weight: bold; font-size:1.1em; } /*.miniBasket .basketItemBox { border-bottom:1px solid #cdcdcd; margin-bottom:0.5em; padding-bottom:0.5em; }*/ .miniBasket .basketItemBox { border-bottom: 1px solid #cdcdcd; margin-bottom: 0.5em; padding-bottom: 0.5em; display: inline-block; width: 100%; } .miniBasket .basketItemBox .iconBox { border: 1px solid #CDCDCD; display: block; float: left; padding:20px 0; margin-right: 8px; overflow: hidden; text-align: center; width: 80px; } .miniBasket .basketItemBox .iconBox a img { vertical-align:middle; } .miniBasket .basketItemBox .titleBox { float:left; width:110px; display:block; /*height:92px;*/ min-height:120px; position:relative; } .miniBasket .basketItemBox .miniBaskPriceContain { float:left; width:110px; display:block; /*position:absolute; bottom:0;*/ } .miniBasket .basketItemBox .actions .miniBasketBtnSpacer { } .miniBasket .basketItemBox .actions .button { background-color: #999999; height: 28px; line-height: 28px; padding: 0 7px; } .miniBasket .basketItemBox .actions .button:hover { color:#ffffff !important; cursor:pointer; } .miniBasket .basketItemBox .noIcon { padding-left:5px; } .miniBasket .basketItemBox .actions { padding:1em 0; border-bottom:1px solid #cdcdcd; } .miniBasket .basketItemBox .actions input.quantity { width:20px; margin-right:3px; } .miniBasket .subTotalsBox { border-bottom:1px solid #cdcdcd; margin-bottom:1em; padding-bottom:0.5em; } .miniBasket .subTotalsBox .miniBasket .label { color:#666666; font-weight:normal; margin-right:5px; text-transform:uppercase; font-size:14px; font-family: 'open_sanssemibold'; } .miniBasket .subTotalsBox .miniBasket .price { color:#006a44; font-family: 'open_sanssemibold'; font-size:16px; font-weight:normal; } .miniBasket .checkoutButtonsBox .standardCheckout, .miniBasket .checkoutButtonsBox .alternateCheckouts { text-align:center; } .miniBasket .checkoutButtonsBox .alternateCheckouts>div { padding-top:6px; } .miniBasket .noResultsPanel { padding:5px; font-style:italic; } .miniBasketItemDetail .subscriptions .lineBlock { display:block; font-size:10px; } .miniBasketItemDetail .subTitle { padding: 0; text-indent:0; margin:0 7px; clear:both; } .miniBasketItemDetail .subTitle li { color:#788A95; list-style-type:none; margin:4px 0 0 10px; } .miniBasketItemDetail table.subTitle { margin:0; } .miniBasketItemDetail .title { color:#3f2a4b; font-weight: normal; float:left; text-align:left; position:relative; } .miniBasketItemDetail .title a { color:#444444; } .miniBasketItemDetail .title a:hover { color:#005c92; } /******************************************************************************************/ /* end basket display styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin product display tab styling */ /******************************************************************************************/ div.tabs div.widget, .ui-tabs div.widget { border:none; } div.tabs div.widget div.innerSection div.header, .ui-tabs div.widget div.innerSection div.header { display:none; } .tabs .ajax__tab_header { border-bottom: solid 1px #65aedb; } .tabs .ajax__tab_panel { border-color: #65aedb #65aedb #65aedb #65aedb; border-style: none solid solid solid; border-width: medium 1px 1px 1px; } .tabs .ajax__tab_outer { margin-top:8px; margin-right:5px; margin-bottom:-1px; } .tabs .ajax__tab_inner { padding-left:3px; border:#65aedb solid 1px; border-radius: 5px 5px 0px 0px; background-color:#FFF; font-weight:bold; padding: 3px 10px; } .tabs .ajax__tab_tab { height:15px; padding:0px; margin:0; outline:none; } .tabs .ajax__tab_hover .ajax__tab_outer { outline:none; } .tabs .ajax__tab_hover .ajax__tab_inner { background-color:#005b90; outline:none; } .tabs .ajax__tab_hover .ajax__tab_inner a { color:#FFFFFF; outline:none; } .tabs .ajax__tab_hover .ajax__tab_tab { outline:none; } .tabs .ajax__tab_active .ajax__tab_outer { outline:none; } .tabs .ajax__tab_active .ajax__tab_inner { background-color:#005b90; } .tabs .ajax__tab_active .ajax__tab_inner a { color:#FFFFFF; outline:none; } .tabs .ajax__tab_active .ajax__tab_tab { outline:none; } .tabs .ajax__tab_body { outline:none; } /******************************************************************************************/ /* end product display tab styling /******************************************************************************************/ /******************************************************************************************/ /* begin checkout display styling */ /******************************************************************************************/ /* checkout progress indicator in page header */ #checkoutPage { /*margin-top:25px;*/ margin-top:45px; } div.checkoutProgress { background-color:#3E8DD3; font-size:12px; font-weight:bold; padding:8px 2px; text-transform:uppercase; color:#fff; display:block; clear:both; position:relative; margin:10px; } div.checkoutProgress span { padding:3px 6px; } div.checkoutProgress span.on span { background-color:#fff; border: solid 1px #3E8DD3; border-radius:5px 5px 5px 5px; color: #3f294d; } div.checkoutProgress span.off span a { color:#666666; font-weight:normal; } /* address validation */ div.validAddressContainer { padding:5px; background-color:#FF803F; } div.validAddressContainer p { font-weight:bold; } div.validAddresses { } /* position edit link for address items */ #checkoutPage div.billingAddress { margin-left:10px; } #checkoutPage div.billingAddress span.editLink, #checkoutPage div.shippingAddress span.editLink { margin-left:10px; } #checkoutPage span.editLink a { text-decoration:none; } #checkoutPage span.editLink a:hover { text-decoration:underline; } /* styling for specific checkout widgets */ #checkoutPage div.basketTotalSummaryWidget .message { font-style:italic; } #checkoutPage div.basketNonShippableItemsWidget div.content { padding:0 } #checkoutPage .orderSummaryWidget div.content div { margin-bottom:1em; } /* assign layout settings for shipment listings */ #checkoutPage table.shipmentWidget td.address { width: 200px; padding:8px; } #checkoutPage table.shipmentWidget td.address div { margin-bottom:1em; } #checkoutPage table.shipmentWidget td.address span.links { margin-right:20px; float:right; } #checkoutPage table.shipmentWidget td.items { padding-top:8px; } #checkoutPage table.shipmentWidget td.method { width:280px; border-left:1px solid #3E8DD3; background-color:#efefef; } #checkoutPage table.shipmentWidget td.method h3 { border-bottom:1px solid #ccc; margin:0; padding:12px 8px 4px 8px; } #checkoutPage table.shipmentWidget td.method select { margin: 15px 8px; } #checkoutPage table.shipmentWidget td.method p { margin: 4px 8px; } /* add top padding because there is no page header */ #checkout_startPage { padding-top:1em; } /* add frame to billing address to be consistent with other checkout pages */ #checkout_billPage .column_1 div.section { /*border:1px solid #65AEDB;*/ margin-bottom:1em; } #checkout_billPage .inputForm th.rowHeader { width:25%; } #checkout_billPage .inputForm td { min-width:150px; } #checkoutPage .w2mDobKeycode { padding-left:0; } #checkoutPage .w2mDobKeycode .cushion { margin-right:5px; } #checkoutPage .margin { padding-bottom:10px; } /* frame the order terms and conditions */ #checkout_payPage .orderTerms { height: 60px; overflow: auto; border: 1px solid #666; padding: 8px; } /* handle option sections on receipt page */ #checkoutPage .balanceDueSection, #checkoutPage .orderInvalidSection { margin-bottom:1em; } #checkout_receiptPage div.billingAddress span.editLink { margin-left:0; } /* checkout hover help images */ .cvvAmex { background-image:url(images/PaymentInstruments/cvv_amex.gif); background-repeat:no-repeat; border:0; height:169px; width:249px; } .cvvVisa { background-image:url(images/PaymentInstruments/cvv_visa.gif); background-repeat:no-repeat; border:0; height:169px; width:249px; } .checkHelp { background-image:url(images/PaymentInstruments/checkhelp.jpg); background-repeat:no-repeat; border:0; height:181px; width:250px; } #checkout_payPage .sidebarColumn { width: 250px; } #checkout_payPage .mainColumn { width: 655px; } /*Enter Measurements Step*/ .coEmLabelCap { font-size: 16px; color:#006a44; font-weight:600; } .coEmLabel { } .coEmInst { } table.coEmTable { padding:20px; width:550px; } table.coEmTable td.coEmInst { width: 300px; font-weight: bold; margin-top:10px; margin-bottom:10px; } table.coEmTable td.coEmInst .instText { } table.kmp { font-weight:500; margin:10px; border-radius:20px; background-color:#F5F3F3; border-width:1px; border-radius:20px; border-color:#000000; } table.kmp td.curShSz { padding:10px; width:200px; vertical-align:top; } table.kmp td.curShSz .coEmLabel { color:#006a44; font-weight:600; margin-bottom:5px; } table.kmp td.curShSz .size { margin-right: 5px; } table.kmp td.curShSz .width { margin:0 5px; } table.kmp td.curShSz .fit { margin:0 5px; } table.lf { border-right:solid 1px; width:100%; } table.lf td.lfLabel { text-align:center; width:100%; } table.lfSelect { width:100%; } table.lfSelect td.labelL { padding:10px; vertical-align:top; } table.lfSelect td.labelL .labelL { margin-right: 5px; } table.lfSelect td.labelL .labelR { margin-left: 5px; } table.lfSelect td.lengthL { padding:10px; width:200px; vertical-align:top; } table.lfSelect td.lengthL span.labelL { margin-right: 15px } table.lfSelect td.lengthL span.labelR { margin-left: 5px; } table.rfTable { width:100% } table.rfTable td.rfLabel { text-align:center; width:100%; } table.rfSelect { width:100%; } table.rfSelect td.labelR { padding:10px; vertical-align:top; } table.rfSelect td.labelR span.labelR { margin-right: 5px; } table.rfSelect td.labelR span.labelRR { margin-left: 5px; } table.rfSelect td.lengthR { padding:10px; width:200px; vertical-align:top; } table.rfSelect td.lengthR span.labelR { margin-right: 15px; } table.rfSelect td.lengthR span.labelRR { margin-left: 5px; } table.rfTable { } table.kmp td.attributes { } table.kmp td.attributes span.attLabel { color: #006a44; font-weight: 600; margin-bottom: 5px; } table.kmp td.coEmComments { padding:10px; width:200px; vertical-align:top; } table.kmp td.coEmComments .label { color: #006a44; font-weight: 600; margin-bottom: 5px; margin-right:5px; } div.horzBorder { } div.vertBorder { } /*Enter Measurements Content Slider Placeholder*/ .cartEnterMeasurements { display: block; width: 240px; } /* used where order items are displayed during checkout */ table.itemList { border:0; border-collapse:collapse; width:100%; } table.itemList th, table.itemList td { padding:4px 8px; text-align:center; vertical-align:middle; } table.itemList th { border-bottom:1px solid #ccc; } table.itemList td { padding-bottom:10px; padding-top:10px; } table.itemList td a { color: #416573; } table.itemList td a:hover { color: #788F03; } table.itemList th.thumbnail { border-right:none; text-align:left; width:60px; } table.itemList td.thumbnail { text-align:center; width:60px; } table.itemList th.item { border-left:none; text-align:left; } table.itemList td.item { text-align:left; } table.itemList td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; } table.itemList th.quantity { width:60px; } table.itemList td.quantity { width:60px; } table.itemList th.sku { width:80px; } table.itemList td.sku { width:80px; } table.itemList th.price { width:70px; } table.itemList td.price { width:70px; } table.itemList th.total { width:70px; } table.itemList td.total { width:70px; } table.itemList th.shipTo { text-align:left; border:1px solid #3E8DD3; } table.itemList td.shipTo { text-align:left; background-color:#efefef; border:1px solid #3E8DD3; } table.itemList th.giftOption { text-align:left; width:300px; } table.itemList td.giftOption { text-align:left; width:300px; } table.itemList td.giftOption div.message { margin-top:10px; } table.itemList td.giftOption div.message textarea { height:60px; width:95%; } table.itemList th.paymentDate { width:100px; } table.itemList td.paymentDate { width:100px; } table.itemList th.paymentAmount { width:100px; } table.itemList td.paymentAmount { width:100px; } table.itemList th.paymentStatus { width:100px; } table.itemList td.paymentStatus { width:100px; } table.itemList th.paymentMethod { text-align:left; } table.itemList td.paymentMethod { text-align:left; } table.itemList th.noteDate { width:140px; } table.itemList td.noteDate { width:140px; } table.itemList th.noteAuthor { width:140px; } table.itemList td.noteAuthor { width:140px; } table.itemList th.noteText { text-align:left; } table.itemList td.noteText { text-align:left; } table.itemList th.digitalGood { text-align:left; width:300px; } table.itemList td.digitalGood { text-align:left; width:300px; } table.itemList th.download { width:80px; } table.itemList td.download { width:80px; } table.itemList th.remainingDownloads { width:80px; } table.itemList td.remainingDownloads { width:80px; } table.itemList th.serialKey { text-align:left; } table.itemList td.serialKey { text-align:left; } table.itemList th.giftCertificate { text-align:left; } table.itemList td.giftCertificate { text-align:left; } table.itemList th.giftCertificateStatus { width:150px; } table.itemList td.giftCertificateStatus { width:150px; } table.itemList th.giftCertificateExpiration { width:150px; } table.itemList td.giftCertificateExpiration { width:150px; } table.itemList th.subscription { text-align:left; } table.itemList td.subscription { text-align:left; } table.itemList th.subscriptionStatus { width:150px; } table.itemList td.subscriptionStatus { width:150px; } table.itemList th.subscriptionExpiration { width:150px; } table.itemList td.subscriptionExpiration { width:150px; } /* styles for the address book table */ .addressBook .entries { margin-left: 10px; } .addressBook .entry { border:1px solid #65AEDB; vertical-align:top; margin:5px; background-color:#fff; border-radius:10px; padding:10px; overflow:hidden; display:inline-block; width:256px; /* W2M jjs edited, height:175px;*/ height:200px; position:relative; } .addressBook .address { padding-left:20px; } .addressBook .entry h2 { margin:0 0 0.5em 0; font-size:1.2em; font-weight:bold; display:inline-block; } .addressBook .caption .links { float:right; } .addressBook .entry .buttons { position:absolute; bottom:10px; } .addressBook .addEntry { background-color:#efefef; } .addressBook .addEntry .buttons { position:absolute; } /* basket and order summary sidebar */ table.orderTotalSummary { width:100%; margin-bottom:1em; } table.orderTotalSummary th { text-align:right; font-weight:bold; white-space:nowrap; border-bottom:0; } table.orderTotalSummary td { text-align:right; width:80px; border-bottom:0; } table.orderTotalSummary td.item { width:60%; text-align:left; } table.orderTotalSummary th.sku { text-align:center; width:80px; } table.orderTotalSummary td.sku { text-align:center; } table.orderTotalSummary th.quantity { text-align:center; width:60px; } table.orderTotalSummary td.quantity { text-align:center; width:60px; } table.orderTotalSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; } table.orderTotalSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%; } table.orderTotalSummary tr.importantRow { font-weight:bold; } table.orderTotalSummary tr.actionsRow td { text-align:center; width:100%; } /* payment form */ .paymentFormContainer .paymentMethodList { display:table-cell; vertical-align:top; border-right: 0px dotted #ccc; white-space:nowrap; } .paymentFormContainer .paymentForm { display:table-cell; background-color:#efefef; border: 1px solid #3E8DD3; border-radius: 5px; width: 100%; padding:10px 0px; vertical-align:middle; } .paymentFormContainer table.inputForm th { /*width:120px;*/ text-align:right; padding:5px; white-space:nowrap; } .paymentFormContainer table.inputForm td { /*white-space:nowrap;*/ } .applyCouponPanel { padding:6px 6px 12px 6px; margin-bottom:1em; border-bottom: 1px dotted #ccc; } .applyCouponPanel label { margin-right:4px; } .applyCouponPanel p { display:block; margin-top:1em; } .cvvHelpHoverPanel .helpSection { display:inline-block; width:280px; margin:10px; vertical-align:top; } .cvvHelpHoverPanel .helpSection h3 { margin-bottom:0.5em; } .cvvHelpHoverPanel .helpSection p { text-align:justify; } /* one page checkout */ .opcOverlay { opacity:0.5; filter: alpha(opacity=50); /* for IE8 and below */ background-color:#ccc; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:900; } .aboveOpcOverlay { z-index:901; position: relative; background-color:White; } div.addressLink { padding:0px 5px 10px 5px; } div.addressText { font-size: 1.2em; font-weight:bold; line-height:18px; padding:5px 5px 4px 5px; } .left { float:left; } .right { float:right; } div.opcInputForm { } div.opcInputForm span.label { display:block; padding:3px; } div.opcInputForm .small { padding:2px; width:90px; } div.opcInputForm .large { width:200px; } #checkout_onePage div.itemDetail ul { list-style-type:disc; padding-left:25px; text-align:left; margin:5px 0 5px 0; } #checkout_onePage table.itemList th.price, #checkout_onePage table.itemList td.price { text-align:right; } #checkout_onePage table.itemList td.rowHeader { text-align:right; font-weight:bold; padding-top:5px; padding-bottom:5px; } #checkout_onePage table.itemList td.subTotals { padding-top:5px; padding-bottom:5px; } #checkout_onePage table.itemList tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%; padding:0; } #checkout_onePage div.emailList p { padding:5px 5px 5px 25px; font-style:italic; } table.basketSummary { width:100%; margin-bottom:1em; } table.basketSummary tr.evenRow { background-color:#FFFFFF; } table.basketSummary tr.oddRow { background-color:#F8F8F8; } table.basketSummary tr.simpleRow { border-bottom: 0; } table.basketSummary tr.importantRow { border-bottom: 0; } table.basketSummary tr.headerRow { border-bottom: 0; } table.basketSummary th { text-align:right; font-weight:bold; white-space:nowrap; border-bottom:0; } table.basketSummary td { text-align:right; width:80px; border-bottom: 0; } table.basketSummary td.item { width:60%; text-align:left; } table.basketSummary th.sku { text-align:center; width:80px; } table.basketSummary td.sku { text-align:center; } table.basketSummary th.quantity { text-align:center; width:60px; } table.basketSummary td.quantity { text-align:center; width:60px; } table.basketSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%; } table.basketSummary tr.importantRow { font-weight:bold; } table.basketSummary tr.actionsRow td { text-align:center; width:100%; } table.basketSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:25px; line-height:25px; padding-right:25px; font-weight:normal; } /******************************************************************************************/ /* end checkout display styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin my account area styling */ /******************************************************************************************/ /* account area styles */ /* This is used on my account page only. Should follow some more general structure/styling. */ ul.columns { margin: 0 0 0 30px; padding: 0; list-style: none; } ul.columns li { margin: 2px; background-image: url(images/bullet1.gif); background-position: 0 3px; background-repeat: no-repeat; text-indent:20px; height: 20px; } .orderHistoryDialog .content { border:solid 1px #3E8DD3; padding: 5px 10px; line-height: 25px; } .orderHistoryDialog .content .bullet { background-color:#AAAAAA; padding-left:18px; } /* wishlist styling */ #account_wishlistPage .actions { text-align:center; margin-top:10px; margin-bottom:10px; } #wishlistPage div.emptyWishlistPanel { background-color:white; padding-top: 20px; padding-left: 60px; margin: 20px 35px 35px 35px; height: 50px; text-align:center; } #wishlistPage div.emptyWishlistPanel span.message { font-size: 18px; font-weight: normal; color: #666666; } /* serial keys page */ #account_serialKeyPage div.content { width:100%; overflow:scroll; } #accountPage div.tabpane { position:relative; } #accountPage div.tabpane p { padding: 10px 0 0 0; } #accountPage div.tabpane .ui-notify { position:absolute; } .wishlistPasswordWidget { position:relative; } .wishlistPasswordWidget .ui-notify { position:absolute; } /* styles for paged list of data */ table.pagedList { width:100%; border-collapse:collapse; } table.pagedList tr.oddRow { background-color:#fff; } table.pagedList tr.oddRow td { color: #000000; padding: 10px; } table.pagedList tr.evenRow { background-color:#f5f5f5; } table.pagedList tr.evenRow td { color: #000000; padding: 10px; } table.pagedList tr.empty td { font-size:1.1em; font-style:italic; padding:10px; text-align:center; } table.pagedList td { border:solid 1px #e4e4e4; padding:4px; text-align:center } table.pagedList th { padding: 7px 4px; font-weight:bold; background-color:#e4e4e4; margin:0; border: solid 1px #e4e4e4; } table.pagedList th a { color: #005b90; text-decoration:underline; } table.pagedList th a:hover { color: #005b90; text-decoration:underline; } table.pagedList td a { color: #005b90; } table.pagedList td a.button { color: #ffffff; } table.pagedList td a:hover { color: #e5a704; text-decoration:none; } table.pagedList th.thumbnail { border-right:none; text-align:center; width:60px; } table.pagedList td.thumbnail { border-right:none; text-align:center; width:60px; } table.pagedList th.itemName { border-left:none; } table.pagedList td.itemName { border-left:none; text-align:left; } table.pagedList th.quantity { width:60px; } table.pagedList td.quantity { width:60px; } table.pagedList th.sku { width:80px; } table.pagedList td.sku { width:80px; text-align:left; } table.pagedList th.price { width:70px; } table.pagedList td.price { width:70px; } table.pagedList th.manufacturer { width:100px; } table.pagedList td.manufacturer { width:100px; } table.pagedList th.categories { width:120px; } table.pagedList td.categories { width:120px; } table.pagedList th.actions { width:100px; } table.pagedList td.actions { width:100px; } table.pagedList th.orderItems { text-align:left; } table.pagedList td.orderItems { text-align:left; } table.pagedList tr.paging td { border: 0px; padding:0px; text-align:center } /* styles for paging of catalog grids */ div.pagingPanel { margin:0; } div.pagingPanel, .paging table { text-align: left; padding: 10px; margin: 10px 0px 0px 0px; position:relative; top:10px; } .paging table { margin-bottom : 10px; } div.pagingPanel span, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a { padding: 3px 5px; border: 1px solid #cccccc; font-weight: bold; font-size: 12px; margin: 3px 0 3px 1px; background-color: #006a44; color: #FFF; } div.pagingPanel a, table.pagedList tr.paging a { background-color:#4a947a; color: #ffffff; text-decoration:none; } div.pagingPanel a:hover, table.pagedList tr.paging a:hover { background-color: #006a44; color: #FFF; border:1px solid #cccccc; } /******************************************************************************************/ /* end my account area styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin ajax related styling */ /******************************************************************************************/ /* popup dialog related styles */ .popupOuterWrapper { overflow:hidden; width:1px; height:1px; } /* prevents the screen from dynamically resizing when the popup shows */ .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#ffffff; border-width:2px; border-style:solid; border-color:005b90; width:500px; } .modalPopup .header, .modalPopupHeader { cursor:move; background-color:#005b90; border:solid 1px 000; color:#fff; padding:6px; font-weight:bold; font-size:1.1em; } .modalPopup .modalPopupContent { padding:8px; } .addAddressPopup { width:500px; } .editAddressPopup { width:500px; } .shipEstimatePopup { width:450px; } /* ajax progress styling */ #ajaxProgressOuter { border: 0; padding: 0; margin: 0; position:fixed; width:100%; height:100%; left: 0; top:0; bottom:0; background-color: #444444; opacity: .65; filter: alpha(opacity=65); z-index: 1000; } #ajaxProgressInner { padding: 0; background: #FFFFFF url(images/processing.gif) no-repeat 50%; position: absolute; left:48%; top:25%; margin-left:-100px; width:200px; height:200px; border: solid 2px #444444; opacity: 1; filter: alpha(opacity=100); z-index: 1001; } /* Main Product Image */ div.mainImageArea { height:300px; display:table; margin:10px auto; position: relative; } div.mainImageArea div.mainImageWrapper { display:table-cell; vertical-align:middle; top: 50%; } div.mainImageArea div.mainImageWrapper div.mainImage { position: relative; top: -50% } /* product image thumbnails */ /*.additionalImages { position: relative; margin: auto; width: 350px; } .additionalImages img.thumbnail { max-width:70px; height:auto; } div.thumbnailsList { } div.thumbnailsList ul { list-style:none; } div.thumbnailsList ul li { display:inline; } div.thumbnailImage { margin:2px; border: 1px solid #ccc; text-align: center; display:inline-block; height:70px; width:70px; vertical-align:top;} div.thumbnailImage img, div.thumbnailsList a img { border:none; }*/ .additionalImages { position: relative; margin: auto; width: 350px; } .additionalImages .thumbnailsList { } .additionalImages img.thumbnail { display: inline; max-width: 70px; vertical-align: middle; } div.thumbnailsList ul { list-style:none; } div.thumbnailsList ul li { display:inline-block; vertical-align:top; } div.thumbnailsList ul li a { border: 1px solid #ccc; display: table-cell; height: 85px; margin-right: 5px; vertical-align: middle; } div.thumbnailImage { display: inline; margin: 2px; text-align: center; width: 70px; } div.thumbnailImage img, div.thumbnailsList a img { border:none; } .socialMediaLinksDialog .fb_edge_comment_widget { display:none; } /******************************************************************************************/ /* end ajax related styling */ /******************************************************************************************/ /******************************************************************************************/ /* begin admin panel related styling */ /******************************************************************************************/ #adminPanel { padding:10px 15px 10px 15px; background-color:#FFF; border-top:1px solid #000; } #adminPanel .rowHeader { font-weight:bold; } #adminPanel div.editItemPanel { padding: 0 0 10px; } #adminPanel div.displayPagePanel { } /******************************************************************************************/ /* end admin panel styling */ /******************************************************************************************/ /******************************************************************************************/ /* Amazon payment page */ /******************************************************************************************/ #checkout_amazon div.section { margin-bottom:1em; border:1px solid #636363; border-radius:5px; background-color:#E1E1E1; } #checkout_amazon div.section .header { padding-left: 10px; background:url(images/amazon-header-bg.gif) top left repeat-x #E1E1E1; border-radius: 5px; } #checkout_amazon div.section .header h2 { font: bold 12px/29px arial, sans-serif; display: inline-block; letter-spacing: 0.5pt; margin: 0; } #checkout_amazon div.section .content { margin:0px 3px 3px 3px; border:1px solid #636363; padding: 10px 10px 10px 10px; background-color:White; } #checkout_amazon .sidebarColumn { width: 420px; } #checkout_amazon .mainColumn { width: 520px; } /******************************************************************************************/ /* End Amazon payment page */ /******************************************************************************************/ /******************************************************************************************/ /* W2M Home Page */ /******************************************************************************************/ .homeContent960 { width:960px; margin:0 auto; background:#ffffff; padding-top:20px; } .homeContent960signup { width:960px; margin:0 auto; } .homeContentFullWidth { width:100%; background: url(images/footerSignUpBg.jpg) repeat-x bottom left; height:70px; min-width:1300px; } .homeSliderLeft { float: left; height: 304px; width: 602px; margin-left:50px; } .homeSliderLeft .frame { background: #F6F6F6; border: 1px solid #E1E1E1; outline: 1px solid #F5F5F5; padding: 10px; } .homeSliderLeft .shadow { background: url(images/homeSliderBottomShadow.png) no-repeat bottom center; height:24px; width:602px; } .homeSliderRight { width:240px; float:right; margin-right:50px; } .homeArticle { background: #FFFFFF; padding-top: 40px; width: 960px; height:280px; } .homeArticle .shoe { background: none repeat scroll 0 0 #FFFFFF; float: left; width: 505px; padding-left: 25px; } .homeArticle .shoe img {/*margin-left:60px;*/ } .homeArticle .articleText { background: #FFFFFF; color: #666666; float: right; font-family: 'open_sansregular'; font-size: 14px; line-height:24px; padding: 0 65px 0 0; width: 360px; } .homeArticle .articleText h2 { font-family: 'bebas_neueregular'; font-size:42px; text-transform:uppercase; color:#006a44; margin:5px 0px 20px 0px; } .homeArticle .articleText .homereadmore { width:120px; margin-top:20px; } .homeArticle .articleText .homereadmore a { color:#ffffff; } .homeSubscribe { width:960px; } .homeSubscribe .offersText { width:510px; float:left; color:#ffffff; font-size:18px; margin-right:40px; text-align:right; height:70px; line-height:70px; font-family: 'open_sansbold'; } .homeSubscribe .newsletterSubscribe { width:410px; float:left; } .featuredProducts { } /******************************************************************************************/ /* End W2M Home Page */ /******************************************************************************************/ /******************************************************************************************/ /* W2M Login Page */ /******************************************************************************************/ #loginPage { background:#ffffff; /*height:615px;*/ margin-bottom: -10px; } #loginPage:before { display: table; background: #ffffff; content: ""; clear: both; } #loginPage:after { display: table; background: #ffffff; content: ""; clear: both; } #loginPage .pageHeader { } #loginPage .section .content p { } #loginPage .pageHeader { margin-left:10px; } /******************************************************************************************/ /* End W2M Login Page */ /******************************************************************************************/ /******************************************************************************************/ /* W2M Tree Navigation */ /******************************************************************************************/ div.dynNav { border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 0 30px 5px; margin-bottom:30px; } div.dynNav .title { text-align:center; margin-bottom:24px; } div.dynNav .title h2 { color:#006a44; text-transform:uppercase; font-family: 'bebas_neueregular'; font-size:28px; } .ParentNode { } .LeafNode { } .SelectedNode { } .HoverNode { } .Level1Node { } .Level1Node a { color:#666666; font-size:14px; text-transform:uppercase; } .Level1Node a:hover { } .Level2Node { } .Level2Node a { color:#666666; font-size:14px; text-transform:uppercase; } .Level2Node a:hover { } .Level3Node { } .Level3Node a { color:#666666; font-size:14px; text-transform:uppercase; } .Level3Node a:hover { } .Level4Node { } .Level4Node a { color:#666666; font-size:14px; text-transform:uppercase; } .Level4Node a:hover { } /******************************************************************************************/ /* END W2M Tree Navigation */ /******************************************************************************************/ /******************************************************************************************/ /* W2M Customer Banner */ /******************************************************************************************/ div#banner-container { border:1px solid grey; min-height:50px; background-color:#fdfd96; color:black; font-size:14px; } div#banner-container:after { clear: left; } div#banner-content { width:50%; margin: 10px auto; } #banner-container .row { clear: left; overflow:hidden; } #banner-container .col { display:inline-block; float:left; } #banner-container div.header { font-weight:bold; margin: 0 5px; } /******************************************************************************************/ /* W2M Contact Forms */ /******************************************************************************************/ div.Anothertest { } div.Anothertest input[type=text] { margin-left:10px; } div.W2M_nucti_link {color:#3e8dd3;} div.W2M_nucti_link div#W2M_nucti { display: none; } div.W2M_nucti_link:hover div#W2M_nucti { display: block; color:#666666; } div.W2M_nucti_link a {color:#046a38; font-weight:bold;} div.W2M_nucti_link2 {color:#3e8dd3; max-width:400px;} div.W2M_nucti_link2 div#W2M_nucti2 { display: none; max-width:400px; } div.W2M_nucti_link2:hover div#W2M_nucti2 { display: block; color:#666666; max-width:400px; white-space:normal; } div.W2M_nucti_link2 a {color:#046a38; font-weight:bold;} div.W2M_nucti_link3 {color:#3e8dd3; max-width:400px;} div.W2M_nucti_link3 div#W2M_nucti3 { display: none; max-width:400px; } div.W2M_nucti_link3:hover div#W2M_nucti3 { display: block; color:#666666; max-width:400px; white-space:normal; } div.W2M_nucti_link3 a {color:#046a38; font-weight:bold;} #webpagePage ul {list-style-type:disc; list-style-position:inside;} div.W2M_nucti_linkRD {/*color:#3e8dd3;*/ max-width:400px; } div.W2M_nucti_linkRD div#W2M_nuctiRD { display: none; max-width:400px; } div.W2M_nucti_linkRD:hover div#W2M_nuctiRD { display: block; color:#666666; max-width:400px; white-space:normal; } div.W2M_nucti_linkRD:hover div#W2M_nuctiRD .rdheader {} div.W2M_nucti_linkRD:hover div#W2M_nuctiRD .rdheader h2 {font-size: 36px; color: #666666; font-family: 'open_sansregular'; text-transform: none; text-align: left; width: auto; font-size: 1.2em; font-weight: bold; margin-top: 0; height: auto; line-height: normal;} div.W2M_nucti_linkRD a {color:#046a38; font-weight:bold;}