/* Theme Name: PFIPress Theme URI: http://pfiwestern.com/ Description: Developed for pfiwestern.com Author: C. Michael Cooper Version: 1.0 */ /* TABLE OF CONTENTS Do a find to jump to section Global Template Styles RESET STYLES GLOBAL STYLES H1-H6 HEADER STYLES PRODUCT BROWSE STYLES BRAND PAGE STYLES ACCORDION MENU STYLES MISC STYLES LINK STYLES FORM STYLES WEBFONT STYLES Wordpress Template Styles CONTENT PAGE STYLES SITEMAP STYLES BLOG POST & ASK THE EXPERTS STYLES Interact Template Styles DEPARTMENT PAGE STYLES PRODUCT BROWSE PAGE STYLES PRODUCT DETAIL PAGE STYLES SHOPPING CART & CHECKOUT STYLES SEARCH PAGE STYLES */ @charset "utf-8"; /************************************ RESET STYLES ************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; list-style-position: inside; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /************************************ GLOBAL STYLES ************************************/ /* Default Link Handling */ a, a:link, a:visited { font-family: helvetica, arial, sans-serif; color: #b50000; text-decoration: none; } a:active, a:hover { border-bottom: 0; } label { color: #444; } .clear { clear: both; } img {} /* This is a hook for a .png transparency fix for IE6 */ .hiddenWidgetTitle { display: none; } body { font: 11px normal helvetica, arial, sans-serif; line-height: 20px; color: #444; margin: 0px; padding: 0px; background: #ccc; } /* Full Screen Photo Style */ #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; } #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; } #supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; } #admin-bar { position: relative; width: 100%; min-width: 1020px; margin: 0 auto; padding: 0; background: #444; font-family: sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #fff; } #admin-bar-wrapper { width: 982px; height: 30px; margin: 0 auto; padding: 0; } #admin-bar-wrapper div { position: relative; height: 24px; margin: 0; } .customer-service-contact { float: left; padding: 6px 10px 0 10px; border-right: 1px solid #000; border-left: 1px solid #000; } .customer-service-email { float: left; } .login-register { float: right; } .login-register a { border-left: 1px solid #000; } .my-account { float: right; } .wishlist { float: right; } .shopcart { float: right; } #admin-bar-wrapper a { display: block; height: 24px; margin: 0; padding: 6px 10px 0 10px; background: #444; border-right: 1px solid #000; border-bottom: 0; color: #fff; text-decoration: none; } #admin-bar-wrapper a:hover { background: #666; } #header { width: 940px; height: 100px; margin: 0 auto; padding: 4px 19px; background: #fff; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } #pfiLogo { float: left; width: 147px; height: 100px; margin: 0; padding: 0; } #pfiLogo a { border: 0; } #swSearch { float: right; width: 350px; margin: 20px 0 0 40px; padding: 0; } /* IE Box Model Hack */ * html #swSearch { \width: 360px; w\idth: 360px; } #searchwrap { background: none; width: 350px; height: 40px; margin: 0; background: url(images/search-bg.jpg) top left no-repeat; } #searchwrap input { vertical-align: middle; background: none; color: #999; font-family: arial, sans-serif; } #searchwrap #s { font-size: 22px; border: none; padding: 0 0 0 4px; margin: 6px 3px 0 0; width: 298px; } /* IE Box Model Hack */ * html #searchwrap #s { \width: 288px; w\idth: 288px; } #TLadd { float: right; width: 360px; height: 80px; margin: 20px 0 0 0; } /* IE Box Model Hack */ * html #swSearch { \width: 340px; w\idth: 340px; } #wrapper { position: relative; margin: 0 auto; width: 980px; z-index: 2; } #primaryNavigation { width: 940px; height: 30px; background: #b50000; margin: 0 auto; padding: 0px 20px; border-top: 2px solid #d5ad0d; border-bottom: 2px solid #d5ad0d; z-index: 1; } #primaryNavList { display: block; width: 940px; margin: 0 auto; list-style: none; } #primaryNavList a { display: block; margin: 0 auto; padding: 0 6px 0 16px; background: #b50000; color: #f3dda4; font-size: 11px; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } #primaryNavList a:hover { color: #fff; background: url(images/navstar.png) no-repeat left 2px; } #primaryNavList li { float: left; margin: 6px 0 0 0; } #breadCrumb { width: 940px; margin: 0 auto; padding: 0px 19px 10px 19px; background: #fff; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } #breadCrumb a { color: #444; text-decoration: none; border: 0px; } #breadCrumb a:hover { color: #b50000; text-decoration: none; border-bottom: 1px dotted #b50000; } #mainContentWrapper { width: 960px; margin: 0 auto; padding: 0px 9px 10px 9px; background: #fff; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; z-index: 5; } #navigation { position: relative; float: left; width: 220px; } #indexProductBrowse { margin: 10px 0 0 0; } #indexSidebar { position: relative; float: left; width: 220px; margin-left: 20px; } #indexSidebar a.ate-link { border: 0; } #indexSidebar .textwidget table a { border: 0; } #indexSidebar a { border: 0; } #rightIndexSidebar { position: relative; float: left; width: 160px; } #pageSidebar { position: relative; float: left; width: 220px; margin-left: 20px; } #navigation-3-col { position: relative; float: left; width: 170px; } ul.navigation { list-style: none; } ul.navigation li a { display: block; width: 158px; margin: 0; padding: 4px 0 0 10px; background: #f5eedf; border-right: 1px solid #8f8672; border-left: 1px solid #8f8672; border-bottom: 1px solid #8f8672; font-size: 11px; color: #444; } ul.navigation li a:hover { background: #e6dbc4; border-bottom: 1px solid #8f8672; } ul.navigation li.last a { display: block; width: 158px; margin: 0; padding: 4px 0 0 10px; background: #f5eedf; border-right: 1px solid #8f8672; border-left: 1px solid #8f8672; border-bottom: 0; font-size: 11px; } ul.navigation li.last a:hover { background: #e6dbc4; } ul.navigation li.header-first { width: 170px; margin: 0; padding: 2px 0 2px 0; background: #444; color: #fff; font-size: 12px; font-weight: 500; font-family: georgia, serif; text-indent: 10px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } ul.navigation li.header { width: 170px; margin: 0; padding: 2px 0 2px 0; background: #444; color: #fff; font-size: 12px; font-weight: 500; font-family: georgia, serif; text-indent: 10px; } #content-3-col { position: relative; float: left; width: 620px; margin: 0; padding: 0; } #content-3-col h1#catTitle { width: 600px; margin: 0; } #content-3-col .featured-product-index { width: 596px; margin: 0 0 10px 10px; padding: 0; background: #fff; border-left: 2px solid #b50000; border-right: 2px solid #b50000; border-bottom: 2px solid #b50000; } #content-3-col .featured-product-index .featured-product-headline { width: 598px; background: #b50000; } #content-3-col .featured-product-index .featured-product-headline h2 { padding: 4px 0 4px 12px; font: 20px georgia, serif; font-weight: normal; letter-spacing: 1px; color: #fff; } #content-3-col .featured-product-index .featured-product-image { float: left; width: 200px; padding: 0 0 0 10px; } #content-3-col .featured-product-index .featured-product-image img { margin: 10px 0; padding: 4px 20px; background: #fff; } #content-3-col .featured-product-index .featured-product-information { float: left; width: 360px; margin: 0 0 0 10px; padding: 10px 0 0 0; text-align: left; } #content-3-col .featured-product-index .featured-product-information h3 { margin: 30px 0 4px 0; font: 24px georgia, serif; letter-spacing: 1px; color: #b50000; } #content-3-col .featured-product-index .featured-product-information .prod-price { font: 24px serif; letter-spacing: 1px; color: #b50000; } #content-3-col .featured-product-index .featured-product-information .prod-full-price { font: 24px serif; letter-spacing: 1px; text-decoration: line-through; } #content-3-col .featured-product-index .featured-product-information .prod-save-price { font: 16px serif; letter-spacing: 1px; color: #b50000; } #content-3-col .featured-product-index .featured-product-information .bdbotd-limit-msg { margin-top: 10px; font-weight: bold; color: #b50000; } #content-3-col .content-banner { float: left; width: 600px; margin: 0 0 10px 10px; padding: 0; } #content-3-col .content-banner a { margin: 0; padding: 0; border: 0; } #content-3-col .content-banner img { margin: 0; padding: 0; } #content-3-col .campaign-wrapper { float: left; width: 600px; margin: 0 0 10px 10px; padding: 0; } #content-3-col .campaign-wrapper img { display: block; } #content-3-col img.featured-image { margin: 0 0 10px 10px; } #content-3-col a { } #content-3-col .blogcontent { padding: 0 10px; } #content-3-col .blogcontent h1 a { font-family: inherit; color: inherit; border: 0; } #content-3-col .blogcontent h2 { font-size: 14px; font-family: arial; font-weight: 600; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px dashed #e0e0e0; letter-spacing: .2em; } #content-3-col .blogcontent h3 { font-size: 12px; font-family: arial; font-weight: 600; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px dashed #e0e0e0; letter-spacing: .1em; } #content-3-col .blogcontent p { font-size: 12px; font-family: arial; line-height: 1.75; margin-bottom: 1.4em; } #content-3-col .blogcontent a { border: 0; } #content-3-col .blogcontent ul { list-style-type: square; } #content-3-col .blogcontent ul ul { list-style-type: none; padding-left: 15px; } .indexCenterCatWrapper { float: left; width: 200px; margin: 0 0 10px 0; padding: 10px 0 0 0; border-top: 1px solid #e0e0e0; } .indexCenterSubCatImg { float: left; width: 38px; height: 40px; background: #b50000; } .indexCenterSubCatListWrapper { float: left; width: 150px; margin: 0 0 0 10px; padding: 0; } .indexCenterSubCatHeader { font-size: 13px; margin: 0; padding: 0; } .indexCenterSubCatList { list-style: none; } .indexCenterSubCatList li { margin-left: 4px; font-size: 11px; } .indexCenterSubCatList li a { border: 0; } .indexCenterSubCatList li a:hover { border-bottom: 1px dotted #b50000; } #sidebar-3-col { position: relative; float: left; width: 170px; } #sidebar-3-col .sidebar-banner { margin: 0 0 10px 0; } #footer-banners { width: 940px; margin: 0 auto; padding: 10px 19px; background: #fff; border: 1px solid #e0e0e0; } .footer-banner { float: left; width: 220px; height: 100px; margin-left: 20px; } .footer-bannerF { float: left; width: 220px; height: 100px; } .footer-bannerF a, .footer-banner a { border-width: 0px; } #swSiteSwitcher { position: relative; width: 940px; height: 84px; margin: 0 auto; padding: 0 20px; background: #fff; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } #swSwitchPfi { float: left; width: 290px; height: 64px; margin: 10px 0 0 0; } #swSwitchSWS { float: left; width: 340px; height: 64px; margin: 10px 0 0 10px; } #swSwitchPfiM { float: left; width: 290px; height: 64px; margin: 10px 0 0 10px; } .swSwitchLogo { float: left; } #ssPfiDesc, #ssSWSDesc, #ssPfiMDesc { float: left; color: #484848; font-weight: normal; font-size: 12px; line-height: 1.2; } #ssPfiDesc { width: 170px; margin: 10px 0 0 0; } #ssSWSDesc { width: 200px; margin: 10px 0 0 0; } #ssPfiMDesc { width: 150px; margin: 10px 0 0 0; } #footer { position: relative; width: 100%; min-width: 1020px; background: #f9f5e7; border-bottom: 1px solid #ccb893; } #emailSignupForm { position: relative; width: 100%; height: 32px; background: #444; margin: 0 0 20px 0; padding: 10px 0 0 0; } #emailSignupFormFloater { position: relative; width: 870px; margin: 0 auto; } .emailSignupFormLeadText { font: 10px arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #fff; } .emailSignupFormEmailInput { width: 130px; height: 16px; background: #fff; border: 1px solid #444; color: #999; } .emailSignupFormEmailSubmit { width: 80px; height: 20px; background: #fff; border: 1px solid #444; color: #444; text-align: center; } #footerContent { position: relative; width: 940px; margin: 0 auto; } #footerLinkLists { position: relative; float: left; width: 700px; margin: 0; padding: 0; } #footerLinkLists h2 { font-size: 14px; font-family: arial; font-weight: 600; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px dashed #999; letter-spacing: .2em; } .footerLinksColumn { position: relative; float: left; width: 175px; margin: 0 0 10px 0; padding: 0; } .footerLinksColumn h3 { width: 159px; margin: 0 0 10px 0; padding: 0 0 0 6px; background: #444; color: #fff; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .footerLinksColumn h4 { margin: 0 0 0 6px; padding: 0; color: #000; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; } .footerLinksColumn ul li { font-size: 11px; line-height: 1.5; padding-left: 6px; } .footerLinksColumn ul li a { color: #444; border-bottom: 1px dotted #999; } .footerLinksColumn ul li a:hover { color: #b50000; border-bottom: 0; } #footerLinks { position: relative; float: left; width: 220px; margin: 0 0 0 20px; padding: 0; } .footer-ad { position: relative; float: left; width: 220px; margin: 0 0 10px 0; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .footer-ad a { border: 0; } #flBottom { position: relative; width: 700px; margin: 20px 0 0 10px; padding: 10px 0 0 0; border-top: 1px dashed #999; } #icons { float: left; margin-left: 10px; padding-top: 15px; } #icons a { border: 0; } #security-seal { width: 220px; margin: 0; padding: 0; } #siteseal { float: left; } #post-footer { position: relative; width: 100%; min-width: 1020px; background: #fff; margin: 0; padding: 0 0 50px 0; } .footer-copyright-notice { position: relative; display: block; width: 700px; margin: 0 auto; text-align: center; } /************************************ CONTENT PAGE STYLES ************************************/ #navigation { position: relative; float: left; width: 220px; } #rightContent { position: relative; float: left; width: 720px; margin: 0; padding: 0; } #category-page-header { margin: 0 0 10px 0; } #category-title { float: left; width: 350px; margin: 0 0 0 20px; padding: 0; } #category-prod-count { float: right; width: 350px; margin: 0 0 10px 0; padding: 0; text-align: right; } #category-product-count-select { float: right; text-align: right; } #category-product-count-select-title { float: right; text-align: right; } #video-wrapper { width: 700px; margin: 0 0 10px 20px; padding: 0; } #video-wrapper h2 { font-size: 14px; font-family: arial; font-weight: 600; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px dashed #e0e0e0; letter-spacing: .2em; } #the-video { width: 700px; margin: 0; padding: 0; } #the-video-information { width: 700px; margin: 0; padding: 0; } #brand-page-masthead { position: relative; width: 700px; margin: 0; padding: 0 0 0 20px; } #brand-page-logo { float: left; width: 150px; height: 150px; margin: 0 20px 10px 0; padding: 9px; border: 1px solid #e0e0e0; } #brand-page-masthead p { text-align: justify; margin: 0 0 20px 0; } #tech-notes { margin: 0 0 0 20px; } #tech-notes h2 { font-size: 14px; font-family: arial; font-weight: 600; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px dashed #e0e0e0; letter-spacing: .2em; } .tech-wrapper { margin: 0 0 10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e0e0e0; } .tech-wrapper img { float: left; } .tech-wrapper h3 { float: left; width: 534px; margin: 10px 0 0 20px; font-family: times, "times new roman", serif; font-weight: 700; } .tech-wrapper p { float: left; width: 534px; margin: 0 0 0 20px; text-align: justify; } .size-chart-table { width: 580px; margin: 0 0 20px 0; border: 1px solid #e0e0e0; } .col-2-size-chart td { width: 50% } .col-3-size-chart td { width: 33%; } .col-7-size-chart td { width: 14.25% } .col-8-size-chart td { width: 12.5%; } .size-chart-header-main { padding: 8px 0 8px 0; background: #f1f1f1; border-bottom: 1px solid #e0e0e0; color: #444; font-size: 12px; } .size-chart-table th { font-weight: bold; text-align: center; } .size-chart-table td { padding: 8px 0 8px 0; border-top: 1px solid #e0e0e0; } .size-chart-table td.center { text-align: center; } .size-chart-table td.left { text-align: left; } .size-chart-table td.right { text-align: right; } .size-chart-table td.bold { font-weight: bold; } .size-chart-table td.empty-cell { border: 0; } .size-chart-row-head { font-weight: bold; } /************************************ SITEMAP STYLES ************************************/ #sitemapContentWrapper { position: relative; float: left; width: 940px; padding: 0; } #sitemapContentWrapper .blogcontent h2 { font-size: 14px; font-family: arial; font-weight: 600; color: #444; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dashed #999; text-transform: uppercase; letter-spacing: .2em; } .sitemapLinksColumn { position: relative; float: left; width: 235px; margin: 0 0 10px 0; padding: 0; } .sitemapLinksColumn h3 { width: 219px; margin: 0 0 10px 0; padding: 0 0 0 6px; background: #444; color: #fff; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .sitemapLinksColumn li h4 { margin: 10px 0 0 0; padding: 0; color: #000; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; text-decoration: underline; } .sitemapLinksColumn li.indentList { padding-left: 20px; } .sitemapLinksColumn ul li { font-size: 11px; line-height: 1.5; padding-left: 6px; } .sitemapLinksColumn ul li a { color: #444; border-bottom: 1px dotted #999; } .sitemapLinksColumn ul li a:hover { color: #b50000; border-bottom: 0; } #sitemapFlBottom { position: relative; float: left; width: 700px; margin: 0; padding: 10px 0 0 0; border-top: 1px dashed #999; } /************************************ BLOG POST & ASK THE EXPERTS STYLES ************************************/ #ate-featured { margin: 10px auto; } .post-body { margin: 0 0 30px 0; padding: 0 0 30px 0; } .post-head-left { float: left; width: 54px; margin: 0; padding: 0; } .post-head-right { float: left; width: 490px; margin: 0 0 0 20px; padding: 10px 0 0 0; } .post-head-right h1 { width: 100%; } p.byline { float: left; margin: 0 0 10px 0; } .ate-intro { font-style: italic; } .post-cat-thumb { float: left; margin: 10px 20px; padding: 4px; background: #fff; border: 1px solid #444; } .post-head-thumb { float: left; margin: 0 10px 0 0; padding: 4px; background: #fff; border: 1px solid #444; } .post-signoff { float: left; margin: 30px 0 0 0; padding: 0; width: 420px; text-align: justify; } a.more-link { margin: 10px 0; padding: 0; font-family: georgia, times, serif; font-size: 16px; } #post-comments-wrapper { margin: 0; padding: 0 0 0 0; } #post-comments-header { width: 698px; height: 30px; margin: 0 0 10px 0; padding: 0; background: #f1f1f1; border: 1px solid #e0e0e0; font-family: Times, "Times New Roman", serif; color: #444; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ate-qanda-header { margin: 10px 0; } .comments-previous { float: left; } .comments-next { float: right; } input#author, input#email { margin: 0 0 0 2px; width: 150px; height: 16px; background: #fff; border: 1px solid #444; } textarea#comment { background: #fff; border: 1px solid #444; } ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li { border:1px solid #d5d5d5; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; } ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } ol.commentlist li div.vcard { font-weight: bold; font-size: 12px; font-family: helvetica,arial,sans-serif; } ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 12px; } ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { margin: 4px 8px 0 -56px; padding: 5px; background: #fff; border:1px solid #aaa; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; border: 0; } ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; } ol.commentlist ul.children li.odd { background:#fff; } ol.commentlist ul.children li.even { background:#f6f6f6; } ol.commentlist li div.reply a { display: block; width: 50px; margin: 0; padding:5px 0 5px 0; background:#999; color:#fff; font:10px helvetica,arial,sans-serif; text-align:center; text-decoration:none; text-transform:uppercase; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } ol.commentlist li div.reply a:hover { background: #b50000; } div.navigation .comments-previous a, div.navigation .comments-next a { display: block; margin: 0; padding: 4px 10px; background: #b50000; color: #fff; text-align: center; border: 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } #respond { margin: 20px 0 0 0; } /************************************ H1-H6 HEADER STYLES ************************************/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: times, "times new roman", serif; font-weight: normal; color: #444; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 10px; } h6 { font-size: 8px; } #catTitle { font-weight: normal; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dashed #e0e0e0; letter-spacing: .2em; } /* Apply to any header for an underline */ .underLine { margin-bottom: 15px; margin-top: 20px; padding-bottom: 5px; border-bottom-color: #aeaca9; border-bottom-style: solid; border-bottom-width: 1px; } /* Apply to span tag to apply to any text */ .redAccent { color: #b50000; } .grayAccent { color: #444; } /* Apply if you want to get rid of heading margins and padding */ .collapseSpacing { margin: 0; padding: 0; } h1.blog-post-title { float: left; margin: 0 0 4px 0; padding: 0 0 2px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #444; } h1.blog-post-title a { font-family: inherit; color: inherit; border: 0; } /************************************ PRODUCT DETAIL PAGE STYLES ************************************/ #pdp-info-wrapper { float: left; width: 750px; margin: 0; padding: 0; } #prodTitleReviewSum { float: left; width: 529px; } #prodTitle { margin: 0; padding: 0; } #reviewSumWrapper { float: left; } #reviewSumWrapper a:link { border: 0; } #reviewSumWrapper a:link:hover { border-bottom: 1px dotted #b50000; } #prodCategoryStyleNum { float: right; width: 210px; } #prodCatTitle { font-size: 14px; margin: 0; padding: 0; float: right; text-align: right; color: #444; } #prodStyleNumber { font-size: 16px; margin: 0; padding: 0; float: right; text-align: right; color: #444; } #gallery-wrapper { float: left; width: 365px; margin: 20px 0 0 0; } #mainImgCont { position: relative; width: 365px; height: 300px; } .mainImg { position: relative; width: 300px; height: 300px; margin: 0 auto; } .mainImg a { border-width: 0; } #mainImg1 { } #mainImg2, #mainImg3, #mainImg4, #mainImg5, #mainImg6, #mainImg7 { display: none; } #thumbnailCont { width: 365px; margin: 15px 0 0 0; } .thumb { float: left; width: 39px; height: 39px; margin: 0 12px 0 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; } .thumbF a, .thumb a { border-width: 0; } #gallery-hover-tooltip { width: 351px; margin: 10px 0 0 0; padding: 6px; border: 1px solid #e0e0e0; background: #f1f1f1; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.MensSizeChart { display: block; float: left; width: 113px; height: 23px; margin: 10px 0 10px 0; padding-top: 5px; border: 1px solid #e0e0e0; background: #f1f1f1; color: #444; text-transform: uppercase; text-decoration: none; text-align: center; } a.MensSizeChart:hover { background: #b50000; border: 1px solid #b50000; color: #fff; } a.BootCare { display: block; float: left; width: 113px; height: 23px; margin: 10px 0 10px 10px; padding-top: 5px; border: 1px solid #e0e0e0; background: #f1f1f1; color: #444; text-transform: uppercase; text-decoration: none; text-align: center; } a.BootCare:hover { background: #b50000; border: 1px solid #b50000; color: #fff; } a.BootFitGuide { display: block; float: left; width: 113px; height: 23px; margin: 10px 0 10px 10px; padding-top: 5px; border: 1px solid #e0e0e0; background: #f1f1f1; color: #444; text-transform: uppercase; text-decoration: none; text-align: center; } a.BootFitGuide:hover { background: #b50000; border: 1px solid #b50000; color: #fff; } #pdp-promotion-wrapper { width: 365px; background: #ccc; } #selections { float: left; width: 365px; margin: 50px 0 0 20px; padding: 0; } * html #selections { \width: 350px; w\idth: 350px; } #prod-pricing-wrapper { text-align: right; margin: 0 0 10px 0; } #prod-price { font: 18px "times new roman"; font-weight: bold; color: #b50000; text-align: right; } #prod-price-reg { font: 18px "times new roman"; font-weight: normal; color: #444; text-align: right; text-decoration: line-through; } #fullProdSave { font-size: 14px; font-weight: normal; color: #b50000; text-align: right; } .pdp-select-label { float: right; margin: 0 4px 10px 0; padding: 0; font-weight: bold; text-transform: uppercase; } .pdp-select { float: right; width: 220px; margin: 0 0 10px 0; } #qty-input { float: right; border: 1px solid #444; width: 20px; height: 18px; color: #444; font-size: 12px; text-align: right; float: right; } .qty-label { float: right; font: 14px helvetica, arial, sans-serif; font-weight: bold; float: right; margin: 6px 4px 0 0; } #add-cart-button { float: right; margin: 10px 0 0 0; } .inStockText { font-size: 11px; color: #000; font-weight: normal; text-align: right; } .addthis_toolbox { float: right; margin: 6px 0 6px 0; } .addthis_toolbox a { float: right; border: 0; } .friend-wishlist-box { float: right: width: 140px; } a#email-friend-link { float: right; margin: 0; padding: 0 0 0 18px; background: url(../images/tell-friend-envelope-off.png) 0px 4px no-repeat; color: #b50000; font-weight: bold; text-decoration: none; border: 0; } #add-to-wishlist-button { float: right; margin: 6px 0 0 0; padding: 0; color: #b50000; font-weight: bold; text-align: right; border: 0; } .product-description-text { margin-bottom: 10px; font-size: 12px; text-align: justify; } #selections ul { list-style: square; padding-left: 12px; } #pdp-video-wrapper { width: 750px; margin: 10px 0 0 0; padding: 0 0 0 0; } #pdp-product-video { float: left; width: 365px; } #pdp-video-description { float: left; width: 365px; margin: 0 0 0 20px; } #pdp-reviews-wrapper { position: relative; width: 750px; margin: 0 0 10px 0; } .pdp-review-header-wrapper { width: 748px; margin: 10px 0 10px 0; padding: 0; font: 14px helvetica, arial, sans-serif; color: #444; clear: both; } .pdp-review-header { float: left; width: 748px; } .pdp-review-header-text { font-size: 13px; font-family: arial; font-weight: normal; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 0 24px; border-bottom: 1px dashed #e0e0e0; letter-spacing: .125em; background: url(/images/comment-bubble.gif) no-repeat left top; } .pdp-add-review-link { float: right; text-align: right; } .pdp-add-review-link a { display: block; float: left; padding: 7px 6px 5px 6px; background: #e7e7e7; border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 0; font-size: 12px; color: #000; outline: 0; } .pdp-add-review-link a:hover { background: #e9e9e9; color: #b50000; text-decoration: none; } #productReviews { } #reviewsAction { } #reviewsform{ width: 748px; margin-top: 20px; } .review-form-title { display: block; width: 740px; height: 30px; margin: 0 0 10px 0; padding: 4px; color: #444; background: #f1f1f1; border: 1px solid #e0e0e0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #pdp-review-form { float: left; width: 748px; margin: 0; color: #444; font-weight: bold; } #pdp-review-form .pdp-review-form-sub1 { float: left; width: 236px; margin: 0 0 10px 0; } /* IE Box Model Hack */ * html #pdp-review-form .pdp-review-form-sub1 { \width: 220px; w\idth: 220px; } #pdp-review-form .pdp-review-form-sub1 input { width: 226px; } /* IE Box Model Hack */ * html #pdp-review-form .pdp-review-form-sub1 input { \width: 190px; w\idth: 190px; } #pdp-review-form .pdp-review-form-sub2 { float: left; width: 236px; margin: 0 0 10px 20px; } /* IE Box Model Hack */ * html #pdp-review-form .pdp-review-form-sub2 { \width: 220px; w\idth: 220px; } #pdp-review-form .pdp-review-form-sub2 input { width: 226px; } /* IE Box Model Hack */ * html #pdp-review-form .pdp-review-form-sub2 input { \width: 190px; w\idth: 190px; } #pdp-review-form .pdp-review-form-sub3 { float: left; width: 236px; margin: 0 0 10px 20px; } /* IE Box Model Hack */ * html #pdp-review-form .pdp-review-form-sub3 { \width: 220px; w\idth: 220px; } #pdp-review-form .pdp-review-form-sub3 input { width: 226px; } /* IE Box Model Hack */ * html #pdp-review-form .pdp-review-form-sub3 input { \width: 190px; w\idth: 190px; } #pdp-review-form label { margin: 0 0 10px 0; padding: 0; } #pdp-review-form input { margin: 0 0 10px 0; padding: 4px; border: 1px solid #444; } #pdp-review-form input.reviewform-radio { margin: 0 0 10px 0; border: 0; } #pdp-review-form label.reviewform-rating { margin: 0 0 0 4px; color: #444; font-weight: bold; text-transform: uppercase; } #pdp-review-form textarea { width: 740px; height: 100px; margin: 10px 0 10px 0; border: 1px solid #444; } #pdp-review-form input.terms-check { border: 0; } .review-sub-btn { width: 200px; background: #fff; font-family: helvetica, arial, sans-serif; } .review-sub-btn:hover { background: #f1f1f1; } .review-wrapper { position: relative; width: 748px; margin: 10px 0 0 0; padding: 4px 0 10px 0; border-bottom: 1px solid #e0e0e0; font: 12px arial, sans-serif; line-height: 2; } .review-wrapper img { margin: 0; } .reviewer-name { text-transform: uppercase; } .review-date { text-transform: uppercase; } .review-text { font: 12px helvetica, arial, sans-serif; line-height: 2; margin: 6px 0 0 0; } #pdp-sidebar { float: left; width: 170px; margin: 0 0 0 18px; padding: 0; } #pdp-sidebar-top { margin: 0 0 10px 0; } #pdp-sidebar-cross-sell { background: #fff; } .pdp-cross-sell-title { margin: 0 0 3px 0; } #pdp-sidebar-bottom { margin: 10px 0 0 0; } #prodScrollWrapper { width: 936px; height: 30px; margin: 10px 0 10px 0; padding: 0; background: #f1f1f1; border: 1px solid #e0e0e0; font: 14px helvetica, arial, sans-serif; color: #444; clear: both; } #prodScrollL { display: block; float: left; width: 468px; text-align: left; } /* IE Box Model Hack */ * html #prodScrollL { \width: 458px; w\idth: 458px; } #prodScrollL a { display: block; float: left; width: 462px; height: 20px; padding: 10px 4px 0 4px; background: #f1f1f1; border-bottom: 0; font-size: 12px; color: #444; outline: 0; } /* IE Box Model Hack */ * html #prodScrollL a { \width: 451px; w\idth: 451px; } #prodScrollL a:hover { background: #e9e9e9; font-weight: 600; } #prodScrollR { display: block; float: right; width: 468px; text-align: right; } /* IE Box Model Hack */ * html #prodScrollR { \width: 458px; w\idth: 458px; } #prodScrollR a { display: block; float: right; width: 461px; height: 20px; padding: 10px 4px 0 4px; background: #f1f1f1; border-left: 1px solid #e0e0e0; border-bottom: 0; font-size: 12px; color: #444; outline: 0; } /* IE Box Model Hack */ * html #prodScrollR a { \width: 451px; w\idth: 451px; } #prodScrollR a:hover { background: #e9e9e9; font-weight: 600; } /************************************ PRODUCT BROWSE STYLES ************************************/ .prodBrowseMoreLink { position: relative; float: left; clear: both; width: 940px; margin: 0; padding: 0; } .prodBrowseMoreLinkText { display: block; float: right; width: 226px; height: 12px; font: 10px Arial, Helvetica, Sans-serif; color: #fff; text-transform: uppercase; margin: 0; padding: 8px 8px 8px 24px; background: #b50000 url(images/browse-more-icon.png) no-repeat 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .prodBrowseMoreLinkText:hover { color: #fff; } .prodBrowseMoreLinkText:visited { color: #fff; } .prodBrowseMoreLinkText:active { color: #fff; } /* 940px Product Browse */ .product-browse-sub-cat-header-wrapper { width: 940px; margin: 30px 0 4px 20px; padding: 0; background: url(images/diagonals.gif) repeat-x center; text-align: center; font: 12px helvetica, arial, sans-serif; color: #444; clear: both; } .product-browse-sub-cat-header-wrapper h2 { font-size: 13px; font-weight: normal; white-space: normal; display: inline; margin-top: 10px; padding: 0 8px; background: #fff; color: #000; letter-spacing: .1em; } .product-browse-sub-cat-header-wrapper h2 a { font-size: 12px; font-family: georgia; font-weight: normal; color: #b50000; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; letter-spacing: .1em; border: 0; } .product-browse-wrapper-940 { position: relative; width: 940px; margin: 0 auto; padding: 0; } .product-browse-wrapper-940 a.product { display: block; float: left; width: 170px; height: 300px; margin: 0 0 3px 3px; padding: 6px 6px; background: #f1f1f1; border: 1px solid #e0e0e0; text-align: center; } /* IE Box Model Hack */ * html a.product { \margin: 0 0 3px 2px; m\argin: 0 0 3px 2px; } .product-browse-wrapper-940 .product:hover { background: #e9e9e9; text-decoration: none; } .product-browse-wrapper-940 .product-thumb { margin: 0 0 7px 0; padding: 4px; background: #ffffff; } .product-browse-wrapper-940 .product-brand { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; line-height: 1.2; } .product-browse-wrapper-940 .product-name { font-size: 12px; color: #444444; text-decoration: none; line-height: 1.2; } .product-browse-wrapper-940 .product-price { font: 16px times, "times new roman", serif; color: #b50000; font-weight: normal; line-height: 1.5; } .product-browse-wrapper-940 .product-reg-price { font: 16px times, "times new roman", serif; color: #444; font-weight: normal; text-decoration: line-through; } .product-browse-wrapper-940 .product-save { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #444; } /* 700px Product Browse */ .product-browse-sub-cat-header-wrapper { width: 700px; margin: 30px 0 4px 20px; padding: 0; background: url(images/diagonals.gif) repeat-x center; text-align: center; font: 12px helvetica, arial, sans-serif; color: #444; clear: both; } .product-browse-sub-cat-header-wrapper h2 { font-size: 13px; font-weight: normal; white-space: normal; display: inline; margin-top: 10px; padding: 0 8px; background: #fff; color: #000; letter-spacing: .1em; } .product-browse-sub-cat-header-wrapper h2 a { font-size: 12px; font-family: georgia; font-weight: normal; color: #b50000; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; letter-spacing: .1em; border: 0; } .product-browse-wrapper-700 { position: relative; width: 702px; margin: 0 0 0 18px; padding: 0; } a.product { display: block; float: left; width: 158px; height: 300px; margin: 0 0 3px 3px; padding: 6px 6px; background: #f1f1f1; border: 1px solid #e0e0e0; text-align: center; } /* IE Box Model Hack */ * html a.product { \margin: 0 0 3px 2px; m\argin: 0 0 3px 2px; } .product:hover { background: #e9e9e9; text-decoration: none; } .product-thumb { margin: 0 0 7px 0; padding: 4px; background: #ffffff; } .product-brand { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; line-height: 1.2; } .product-name { font-size: 12px; color: #444444; text-decoration: none; line-height: 1.2; } .product-price { font: 16px times, "times new roman", serif; color: #b50000; font-weight: normal; line-height: 1.5; } .product-reg-price { font: 16px times, "times new roman", serif; color: #444; font-weight: normal; text-decoration: line-through; } .product-save { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #444; } /* 600px Product Browse */ .product-browse-sub-cat-header-wrapper-600 { width: 600px; margin: 30px 0 0 10px; padding: 0; background: url(images/diagonals.gif) repeat-x center; text-align: center; font: 12px helvetica, arial, sans-serif; color: #444; clear: both; } .product-browse-sub-cat-header-wrapper-600 h4.prodhead { font-size: 13px; font-weight: normal; white-space: normal; display: inline; margin-top: 10px; padding: 0 8px; background: #fff; color: #000; letter-spacing: .1em; border: 0; } .product-browse-sub-cat-header-wrapper-600 h4 a { font-size: 12px; font-family: georgia; font-weight: normal; color: #b50000; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; letter-spacing: .1em; border: 0; } .product-browse-wrapper-600 { position: relative; width: 600px; margin: 8px 0 0 10px; padding: 0; } .product-browse-wrapper-600 a.product { position: relative; display: block; float: left; width: 138px; height: 300px; margin: 0 2px 2px 0; padding: 4px 4px; background: #f1f1f1; border: 1px solid #e0e0e0; text-align: center; } .product-browse-wrapper-600 a.product:hover { background: #f9f9f9; text-decoration: none; } .product-browse-wrapper-600 .product-thumb { width: 122px; height: 122px; margin: 0 0 7px 0; padding: 4px; background: #ffffff; border: 1px solid #e7e7e7; } .product-browse-wrapper-600 .product-brand { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; line-height: 1.2; } .product-browse-wrapper-600 .product-name { font-size: 11px; color: #444444; text-decoration: none; line-height: 1.2; } .product-browse-wrapper-600 .product-price { font: 16px times, "times new roman", serif; color: #b50000; font-weight: normal; line-height: 1.5; } .product-browse-wrapper-600 .product-reg-price { font: 16px times, "times new roman", serif; color: #444; font-weight: normal; text-decoration: line-through; } .product-browse-wrapper-600 .product-save { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #444; } .product-browse-wrapper-600 .yellow-flag { z-index: 100; position: absolute; top: 5px; left: 10px; display: block; width: 24px; height: 46px; background: url(images/bandana-flags.png); background-position: 2px 0; } .product-browse-wrapper-600 .blue-flag { z-index: 100; position: absolute; top: 5px; left: 10px; display: block; width: 24px; height: 46px; background: url(images/bandana-flags.png); background-position: 77px 0; } .product-browse-wrapper-600 .red-flag { z-index: 100; position: absolute; top: 5px; left: 10px; display: block; width: 24px; height: 46px; background: url(images/bandana-flags.png); background-position: 52px 0; } .product-browse-wrapper-600 .green-flag { z-index: 100; position: absolute; top: 5px; left: 10px; display: block; width: 24px; height: 46px; background: url(images/bandana-flags.png); background-position: 27px 0; } /* Product Display Page Cross-sell Product Browse */ a.cross-sell-product { display: block; float: left; width: 148px; margin: 0 1px 3px 0; padding: 14px 10px 8px 10px; background: #f1f1f1; border: 1px solid #e0e0e0; text-align: center; } a.cross-sell-product:hover { background: #e9e9e9; text-decoration: none; } .cross-sell-product-thumb { margin: 0 0 7px 0; padding: 4px; background: #ffffff; border: 1px solid #e0e0e0; } .cross-sell-product-brand { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; line-height: 1.2; } .cross-sell-product-name { font-size: 12px; color: #444444; text-decoration: none; line-height: 1.2; } .cross-sell-product-price { font: 16px times, "times new roman", serif; color: #b50000; font-weight: bold; line-height: 1.5; } .cross-sell-product-reg-price { font: 16px times, "times new roman", serif; color: #444; font-weight: normal; text-decoration: line-through; } .cross-sell-product-save { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #444; margin: 0; } .product-browse-wrapper-5 { position: relative; width: 702px; margin: 0 0 0 18px; padding: 0; } .product-browse-wrapper-5 a.product { display: block; float: left; width: 124px; height: 200px; margin: 0 0 2px 2px; padding: 6px 6px; background: #f1f1f1; border: 1px solid #e0e0e0; } .product-browse-wrapper-5 .productF:hover, .product-browse-wrapper-5 .product:hover { background: #e9e9e9; text-decoration: none; } .product-browse-wrapper-5 .product-thumb { margin: 0 0 7px 0; padding: 4px; background: #ffffff; border: 1px solid #e0e0e0; } .product-browse-wrapper-5 .product-brand { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; line-height: 1.2; } .product-browse-wrapper-5 .product-name { font-size: 12px; color: #444444; text-decoration: none; line-height: 1.2; } .product-browse-wrapper-5 .product-price { font: 16px times, "times new roman", serif; color: #b50000; font-weight: normal; line-height: 1.5; } .product-browse-wrapper-5 .product-reg-price { font: 16px times, "times new roman", serif; color: #444; font-weight: normal; text-decoration: line-through; } .product-browse-wrapper-5 .product-save { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #444; } /************************************ PRODUCT BROWSE PAGE STYLES ************************************/ #navigation { position: relative; float: left; width: 220px; } #content { position: relative; float: left; width: 720px; margin: 0; padding: 0; } #category-page-header { margin: 0 0 10px 0; } #category-title { float: left; width: 350px; margin: 0 0 0 20px; padding: 0; } #category-prod-count { float: right; width: 350px; margin: 0 0 10px 0; padding: 0; text-align: right; } #category-product-count-select { float: right; text-align: right; } #category-product-count-select-title { float: right; text-align: right; color: #444; } #video-wrapper { width: 700px; margin: 20px 0 10px 20px; padding: 0; } .cdp-video-header-text { font-size: 14px; font-family: arial; font-weight: 600; color: #444; margin: 10px 0 10px 0; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px dashed #e0e0e0; letter-spacing: .2em; } #the-video { float: left; width: 340px; margin: 0; padding: 0; } #the-video-information { float: left; width: 350px; margin: 0; padding: 0 0 0 10px; } /************************************ BRAND PAGE STYLES ************************************/ #brand-page-masthead { margin-bottom: 20px; } #brand-page-logo { float: left; margin: 0 20px; } /* Title Block Styles for Page Sections */ .header-wrapper { width: 698px; margin: 0 0 3px 20px; padding: 6px 0 6px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font: 11px helvetica, arial, sans-serif; letter-spacing: .1em; color: #444; clear: both; } .search-header-wrapper { width: 934px; margin: 0 auto 10px auto; padding: 6px 0 6px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font: 11px helvetica, arial, sans-serif; letter-spacing: .1em; color: #444; clear: both; } .header-bold { font-weight: 600; text-transform: uppercase; } .header-sorting a:link, .header-pagination a, .header-link a { font-size: 12px; font-weight: normal; text-transform: none; letter-spacing: normal; border: 0; } .header-pagination a:hover, .header-link a:hover { color: #b50000; text-decoration: none; } .header-title { float: left; width: 400px; } .header-title h2 { width: 400px; margin: 7px 0 0 10px; } .header-sorting { float: left; text-align: left; } .header-sorting a:link { color: #444; } .header-sorting a:hover { color: #b50000; } .header-pagination { float: right; text-align: left; } .header-pagination a { padding: 2px 2px 1px 2px; color: #444; } .header-pagination a:hover { padding: 2px 2px 1px 2px; } .header-pagination a.active { padding: 2px 2px 1px 2px; background: #c0c0c0; color: #000; font-weight: bold; } .header-link { float: right; text-align: right; } .header-link a { color: #b50000; outline: 0; } /************************************ SHOPPING CART & CHECKOUT STYLES ************************************/ /* Checkout Step 1 */ .shop-cart-steps { width: 918px; margin: 0 0 10px 0; padding: 6px 10px; border: 1px solid #ccc; background: #f1f1f1; color: #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .cart-step-highlight { font-weight: bold; color: #b50000; } form#summary { width: 940px; margin: 0; padding: 0; } .shop-cart-form-col { float: left; width: 305px; margin: 0 0 0 12px; } .shop-cart-form-col-first { float: left; width: 305px; margin: 0; } .shop-cart-form-col-first .custAdd, .shop-cart-form-col .custAdd { margin-left: 30px; } .title { width: 291px; margin: 0 auto 10px auto; color: #fff; font: bold 12px/16px sans-serif; padding: 4px 4px 4px 10px; background: #444 url(/images/bg_legend.gif) no-repeat; text-transform: uppercase; letter-spacing: 2px; text-align: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .title input { float: right; background: #fff; } .col1 { text-align: right; width: 100px; height: 27px; margin: 0; padding: 4px 0 0 0; float: left; margin-right: 2px; background: url(/images/bg_label.gif) no-repeat; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; } .col2 { width: 195px; height: 31px; display: block; float: left; margin: 0; background: url(/images/bg_textfield.gif) no-repeat; } .col2comment { width: 195px; height: 98px; margin: 0; display: block; float: left; background: url(/images/bg_textarea.gif) no-repeat; } .col1comment { text-align: right; width: 135px; height: 98px; float: left; display: block; margin-right: 2px; background: url(/images/bg_label_comment.gif) no-repeat; } div.row { clear: both; width: 305px; margin: 0 auto; } .submit { height: 29px; width: 330px; background: url(/images/bg_submit.gif) no-repeat; padding-top: 5px; clear: both; } .checkoutF { width: 135px; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 0; border: 1px solid #8595B2; } .select{ width: 137px; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 0; border: 1px solid #8595B2; } .textarea { border: 1px solid #8595B2; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; } .checkoutNav { position: relative; width: 924px; margin: 20px 0 10px 0; padding: 8px 8px 8px 8px; background: #444; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .checkoutNav #checkoutPrevious { float: left; width: 194px; margin: 0; padding: 6px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-family: sans-serif; font-size: 12px; text-transform: uppercase; color: #444; text-align: center; } .checkoutNav #checkoutPrevious:hover { background: #f9f9f9; } .checkoutNav #checkoutContinue { float: right; width: 194px; margin: 0; padding: 6px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-family: sans-serif; font-size: 12px; text-transform: uppercase; color: #444; text-align: center; } .checkoutNav #checkoutContinue:hover { background: #f9f9f9; } .checkoutNav a div.submit-order-btn { float: right; width: 194px; margin: 0; padding: 6px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-family: sans-serif; font-size: 12px; text-transform: uppercase; color: #444; text-align: center; } .checkoutNav a div.submit-order-btn:hover { background: #f9f9f9; } .checkoutNav a div.cont-shop-btn { float: left; width: 194px; margin: 0; padding: 6px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-family: sans-serif; font-size: 12px; text-transform: uppercase; color: #444; text-align: center; } .checkoutNav a div.cont-shop-btn:hover { background: #f9f9f9; } a div.update-qty-btn { float: right; width: 204px; margin: 0 0 10px 0; padding: 4px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-family: sans-serif; font-size: 10px; text-transform: uppercase; color: #444; text-align: center; } a div.update-qty-btn:hover { background: #f9f9f9; } #promoCodeF { float: right; margin: 0; padding: 0; } #promoCodeF label { float: left; margin: 10px 0 0 0; font-size: 16px; font-family: sans-serif; font-weight: bold; color: #666; } #promoCodeF input.checkoutF { float: left; width: 129px; padding: 6px; border: 1px solid #e0e0e0; font-size: 13px; } a.promo-code-apply-btn { float: left; margin: 4px 0 0 10px; padding: 4px 10px; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-family: sans-serif; font-size: 10px; text-transform: uppercase; color: #444; text-align: center; } a.promo-code-apply-btn:hover { background: #f9f9f9; } #totalBar { float: right; width: 204px; margin: 10px 0 0 0; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e0e0e0; } .order-subtotal { width: 184px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #e0e0e0; background: #f1f1f1; color: #444; font-size: 12px; text-align: right; text-transform: uppercase; } .order-discount { width: 184px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #e0e0e0; background: #f1f1f1; color: #444; font-size: 12px; text-align: right; text-transform: uppercase; } .order-shipping { width: 184px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #e0e0e0; background: #f1f1f1; color: #444; font-size: 12px; text-align: right; text-transform: uppercase; } .order-state-tax { width: 184px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #e0e0e0; background: #f1f1f1; color: #444; font-size: 12px; text-align: right; text-transform: uppercase; } .order-total { width: 184px; margin: 0; padding: 5px 10px; background: #f1f1f1; color: #444; font-size: 14px; font-weight: bold; text-align: right; text-transform: uppercase; } #review-prod-info-head-wrapper { width: 938px; margin: 10px 0; padding: 4px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; color: #444; } #review-prod-image-head { float: left; width: 97px; } #review-prod-name-head { float: left; width: 584px; } #review-prod-price-head { float: left; width: 80px; margin: 0 16px 0 0; text-align: right; } #review-prod-qty-head { float: left; width: 70px; margin: 0 0 0 10px; text-align: center; } #review-prod-subtotal-head { float: left; width: 72px; margin: 0; text-align: right; } #review-prod-detail-wrapper { } #review-prod-detail-wrapper .cartImg { float: left; width: 87px; margin: 0 0 0 10px; } #review-prod-detail-wrapper .cartImg img { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #review-prod-detail-wrapper .cart-item-details { float: left; width: 584px; } #review-prod-detail-wrapper .prodTR { float: left; } #review-prod-detail-wrapper .cart-item-price { float: left; width: 80px; margin: 0 16px 0 0; text-align: right; } #review-prod-detail-wrapper .cart-item-qty { float: left; width: 70px; margin: 0 0 0 10px; text-align: center; } #review-prod-detail-wrapper .cart-item-subtotal { float: left; width: 73px; margin: 0; text-align: right; } div.right { width: 930px; margin: 0 10px 0 0; padding: 0; text-align: right; } /* Shopping Cart */ #shopcart-prod-info-head-wrapper { width: 938px; margin: 10px 0; padding: 4px 0; background: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; color: #444; } #shopcart-prod-image-head { float: left; width: 97px; } #shopcart-prod-name-head { float: left; width: 512px; } #shopcart-prod-price-head { float: left; width: 80px; margin: 0 16px 0 0; text-align: right; } #shopcart-prod-qty-head { float: left; width: 70px; margin: 0 0 0 10px; text-align: center; } #shopcart-prod-subtotal-head { float: left; width: 72px; margin: 0; text-align: right; } #shopcart-prod-remove-head { float: left; width: 72px; margin: 0; text-align: right; } #shopcart-prod-detail-wrapper { } #shopcart-prod-detail-wrapper .cartImg { float: left; width: 87px; margin: 0 0 0 10px; } #shopcart-prod-detail-wrapper .cartImg img { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #shopcart-prod-detail-wrapper .cart-item-details { float: left; width: 512px; } #shopcart-prod-detail-wrapper .prodTR { float: left; } #shopcart-prod-detail-wrapper .cart-item-price { float: left; width: 80px; margin: 0 16px 0 0; text-align: right; } #shopcart-prod-detail-wrapper .cart-item-qty { float: left; width: 70px; margin: 0 0 0 10px; text-align: center; } #shopcart-prod-detail-wrapper .cart-item-subtotal { float: left; width: 73px; margin: 0; text-align: right; } #shopcart-prod-detail-wrapper .cart-item-remove { float: left; width: 72px; margin: 0; text-align: right; } /* Checkout Step 1 */ .credit-exp { width: 30px; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 0; border: 1px solid #8595B2; } .credit-civ { width: 30px; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 0; border: 1px solid #8595B2; } /* Checkout Step 2 */ #checkoutTxt { margin: 0 0 0 10px; } /* Checkout Receipt */ #receiptMessage { margin: 0 0 10px 10px; line-height: 2; } .checkout-confirmation-number { font-size: 24px; font-family: sans-serif; font-weight: bold; } /************************************ ACCORDION MENU STYLES ************************************/ #vertical_container { } #vertical_container a { border: 0; } /* Category-Level Menu Link Styles | Visual styles for accordion toggles and links that are not toggles are the same */ .accordion_toggle, .accordion_not_toggle { cursor: pointer; display: block; width: 200px; margin: 1px 0 0 0; padding: 8px 10px 8px 10px; line-height: 16px; color: #333; font-weight: normal; text-decoration: none; outline: none; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .accordion_toggle { background: #ccc url(/images/accordion-plus.png) no-repeat right center; } .accordion_not_toggle { background: #ccc; } /* Hover States for Category-Level Menu Links | Visual styles for mouse-over handling of category-level menu links */ .accordion_toggle:hover { background: #444 url(/images/accordion-plus-on.png) no-repeat right center; color: #fff; } .accordion_not_toggle:hover { background: #444; color: #fff; } /* Active State Style for Accordion Toggle Category-Level Menu Link | Assigned by Javascript function | Not visible in HTML code */ .accordion_toggle_active { cursor: pointer; display: block; width: 200px; margin: 1px 0 0 0; padding: 8px 10px 8px 10px; line-height: 16px; font-weight: normal; text-decoration: none; outline: none; font-size: 14px; background: #444 url(/images/accordion-minus-on.png) no-repeat right center; color: #fff; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } /* Hover State Style for Accordion Toggle Active Category-Level Menu Link | Assigned by Javascript function | Not visible in HTML code */ .accordion_toggle_active:hover { background: #444 url(/images/accordion-minus-on.png) no-repeat right center; } /* Link Styles for Non-Toggle Top Level Menu Links | Sets text and text decoration styles for top level menu links that do not function as accordion toggles */ .accordion_not_toggle a:link, .accordion_not_toggle a:visited { color: #ffffff; text-decoration: none; border: 0; } /* Container Style for Sub-Category | This is the container that expands and contracts to show the first level of subcategories */ .accordion_content { overflow: hidden; } /* Container Style for Sub-Sub-Category Group */ #vertical_nested_container { margin: 0 auto 10px auto; width: 220px; } /* Sub-Category Level Menu Link Styles */ .vertical_accordion_toggle { display: block; width: 188px; background: #f5eedf url(/images/accordion-plus.png) no-repeat right center; padding: 6px 10px 6px 20px; line-height: 15px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 13px; color: #000000; border-left: 1px solid #8f8672; border-right: 1px solid #8f8672; border-bottom: 1px solid #8f8672; cursor: pointer; margin: 0 0 0 0; } .vertical_accordion_not_toggle { display: block; width: 188px; background: #f5eedf; padding: 6px 10px 6px 20px; line-height: 15px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 13px; color: #000000; border-left: 1px solid #8f8672; border-right: 1px solid #8f8672; border-bottom: 1px solid #8f8672; cursor: pointer; margin: 0 0 0 0; } /* Hover State Style for Sub-Category Level Menu Links */ .vertical_accordion_toggle:hover { background: #e6dbc4 url(/images/accordion-plus.png) no-repeat right center; } .vertical_accordion_not_toggle:hover { background: #e6dbc4; } /* Active State Style for Sub-Category Accordion Style | Assigned dynamically with Javascript when toggling | Assigned directly when loading pages within Sub-Category */ .vertical_accordion_toggle_active { display: block; width: 188px; background: #d0bf96 url(/images/accordion-minus.png) no-repeat right center; padding: 6px 10px 6px 20px; line-height: 15px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 13px; color: #000000; border-left: 1px solid #8f8672; border-right: 1px solid #8f8672; border-bottom: 1px solid #8f8672; cursor: pointer; margin: 0 0 0 0; } .vertical_accordion_not_toggle_active { display: block; width: 188px; background: #d0bf96; padding: 6px 10px 6px 20px; line-height: 15px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 13px; color: #000000; border-left: 1px solid #8f8672; border-right: 1px solid #8f8672; border-bottom: 1px solid #8f8672; cursor: pointer; margin: 0 0 0 0; } /* Hover State Style for Sub-Category Accordion Style | Assigned dynamically with Javascript when toggling | Assigned directly when loading pages within Sub-Category */ .vertical_accordion_toggle_active:hover { background: #d0bf96 url(/images/accordion-minus.png) no-repeat right center; } .vertical_accordion_not_toggle_active:hover { background: #d0bf96; } /* Container Style for Sub-Sub-Category | This is the container that expands and contracts to show the second level of sub-categories */ .vertical_accordion_content { overflow: hidden; } /* List Styles for Sub-Sub-Category Link List */ .vertical_accordion_content ul { list-style: none; } .vertical_accordion_content li { display: block; width: 178px; background: #f5eedf; padding: 6px 10px 6px 30px; line-height: 14px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; font-family: "times new roman", serif; color: #000000; border-left: 1px solid #8f8672; border-right: 1px solid #8f8672; border-bottom: 1px solid #8f8672; cursor: pointer; margin: 0 0 0 0; } /* Hover Style for Sub-Sub-Category Links */ .vertical_accordion_content li:hover { background: #fafafa; } /* Active Style for Sub-Sub-Category Links | Style will be assigned when loading page corresponding to link clicked */ .vertical_accordion_content li.active, .vertical_accordion_content li.active:hover { background: #d0bf96 url(/images/accordion-arrow-down.png) no-repeat right center; } /* Link Styles for Sub-Sub-Category Link List */ .vertical_accordion_content li a, .vertical_accordion_content li a:hover { font-family: times, "times new roman", serif; text-decoration: none; color: #000; border: 0; } /************************************ MISC STYLES ************************************/ #dynamic-strides { width: 148px; margin: 10px 0 10px 0; padding: 10px; border: 1px solid #8f8672; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #dynamic-strides-header { font-size: 18px; text-align: center; line-height: 1; } #dynamic-strides img { margin: 10px 0 0 0; } #dynamic-strides p { font-size: 10px; line-height: 1.5; } #dynamic-strides-register { display: block; margin: 0; padding: 4px; background: #b50000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: arial, sans-serif; font-weight: bold; text-align: center; } #dynamic-strides-register a, #dynamic-strides-register a:link, #dynamic-strides-register a:visited, #dynamic-strides-register a:active { color: #fff; } div#show-me-contest-wrapper { float: left; width: 580px; margin: 0; padding: 0; } div#show-me-contest-wrapper ul#show-me-vip-list { margin: 0 0 0 20px; list-style: square; font-size: 12px; } div#show-me-entry-form { float: right; width: 178px; margin: 12px 0 4px 10px; padding: 10px; border: 1px solid #e0e0e0; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #show-me-entry-form label { display: block; float: left; clear: both; width: 60px; margin: 0; padding: 0; text-align: right; } #show-me-entry-form input.email, #show-me-entry-form input.first, #show-me-entry-form input.last, #show-me-entry-form input.zip, #show-me-entry-form input.phone { float: right; width: 110px; margin: 0 0 10px 0; padding: 0; background: #fff; border: 1px solid #444; } #show-me-entry-form input.submitbutton { float: right; width: 112px; margin: 0 0 10px 0; padding: 0; background: #fff; border: 1px solid #444; } .sidebar-text-widget { width: 150px; margin: 0 0 10px 0; padding: 10px; background: #b50000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; } .sidebar-text-widget a { font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; } /************************************ LINK STYLES ************************************/ /************************************ DEPARTMENT PAGE STYLES ************************************/ #dept-title { width: 600px; margin: 0 0 0 20px; padding: 0; } .bd-dept-wrapper { margin: 0 0 0 20px; } .dept-banner { margin: 0 0 0 20px; } .dept-page-video-wrapper { margin: 0 0 0 20px; } /************************************ SEARCH PAGE STYLES ************************************/ #search-title { display: block; width: 934px; margin: 0 auto 10px auto; } #search-noresult { margin: 0 0 0 10px; } /************************************ FORM STYLES ************************************/ .newsletter-signup-form { width: 580px; margin: 0; padding: 0; } .newsletter-signup-form label { float: left; font-family: rockwell, sans-serif; font-size: 1.4em; } .newsletter-signup-form label.hidden { display: none; } .newsletter-signup-form input.text-field { width: 570px; margin: 0 0 20px 0; padding: 4px; border: 1px solid #e0e0e0; font-family: rockwell, sans-serif; font-size: 1.6em; color: #666; } .newsletter-signup-form select{ width: 580px; margin: 0 0 20px 0; font-family: rockwell, sans-serif; font-size: 1.6em; } .newsletter-signup-form input.newsletter-signup-form-check { float: left; margin: 0 10px 0 0; padding: 0; } .newsletter-signup-form #sub { width: 580px; height: 30px; margin: 0; padding: 0; background: #f1f1f1; border: 1px solid #e0e0e0; font-family: rockwell, sans-serif; font-size: 1.4em; color: #666; } .newsletter-signup-form #sub:hover { background: #e0e0e0; } .customer-service-form { width: 580px; margin: 0; padding: 0; } .customer-service-form .cs-name { float: left; width: 580px; border: 0; background: #fff; font-family: rockwell, sans-serif; font-size: 1.4em; color: #444; } .customer-service-form .cs-email { float: left; width: 580px; border: 0; background: #fff; font-family: rockwell, sans-serif; font-size: 1.4em; color: #444; } .customer-service-form .cs-phone { float: left; width: 580px; border: 0; background: #fff; font-family: rockwell, sans-serif; font-size: 1.4em; color: #444; } .customer-service-form .cs-subject { float: left; width: 580px; border: 0; background: #fff; font-family: rockwell, sans-serif; font-size: 1.4em; color: #444; } .customer-service-form .cs-message { float: left; width: 580px; border: 0; background: #fff; font-family: rockwell, sans-serif; font-size: 1.4em; color: #444; } /************************************ WEBFONT STYLES ************************************/ @font-face { font-family: 'ChunkFive'; src: url(fonts/chunkfive-webfont.eot); src: url(fonts/chunkfive-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/chunkfive-webfont.woff) format('woff'), url(fonts/chunkfive-webfont.ttf) format('truetype'), url(fonts/chunkfive-webfont.svg#ChunkFiveRegular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RockwellExtraBold'; src: url(fonts/rockwellstd-extrabold-webfont.eot); src: url(fonts/rockwellstd-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/rockwellstd-extrabold-webfont.woff) format('woff'), url(fonts/rockwellstd-extrabold-webfont.ttf) format('truetype'), url(fonts/rockwellstd-extrabold-webfont.svg#RockwellExtraBold) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rockwell'; src: url(fonts/rockwellstd-webfont.eot); src: url(fonts/rockwellstd-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/rockwellstd-webfont.woff) format('woff'), url(fonts/rockwellstd-webfont.ttf) format('truetype'), url(fonts/rockwellstd-webfont.svg#Rockwell) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LeagueGothicRegular'; src: url('fonts/league_gothic-webfont.eot'); src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } .bold { font-weight: bold; }