/*****************************************************************************\ | WINTER 2011: Changes made for the 2011 winter season have been marked | with a comment containing WINTER2011 and the previous value. \*****************************************************************************/ /************* *************CSS reset */ a { text-decoration: none; } a img { border: none; } html, body, div, span, object, iframe,h1, h2, h3, h4, p, blockquote, pre, a, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } :focus { outline: 0; } body { color: black; background: white; height: 100%; } ol, ul { list-style: none; } /*****************************************************************************\ | POST 2011-07-12 STYLE CHANGES FOR HEADER, FOOTER, PAGE | (placed near top so that backgrounds are rendered early in page load) \*****************************************************************************/ /*********************************************************\ | LAYOUT (GENERAL) \*********************************************************/ /*********************************************************\ | STYLE (GENERAL) \*********************************************************/ body { background-image: url(images/201107/background.png); background-position: center top; } #header { background-color: inherit; background-image: url(images/201107/header_bg.png); background-repeat: no-repeat; background-position: center; } #content { background-image: url(images/201107/content_bg.png); background-position: center; background-repeat: repeat-y; padding: 5px 12px 16px 12px; } #content-bg-wrap { background-image: url(images/201107/content_bg.png); //background-position: left; } #content-bg-wrap #content { background: none; } #footer { background-image: url(images/201107/content_bg.png); background-position: center; background-repeat: repeat-y; } body #page #footer #footerTxt { padding-bottom: 16px; } #page:after { content: '\00A0';/*Decimal equivalent of  */ display: block; background-image: url(images/201107/footer_bg.png); background-repeat: no-repeat; } /*************************************\ | HIDE FRONT PAGE SIDEBAR \*************************************/ .body-home #bodyRight { display: none; } /*************************************\ | LINKS \*************************************/ ul.links { list-style-type: none; padding: 0px; margin: 0px; } ul.links li { display: inline; } /*********************************************************\ | STYLE (SPECIFIC) \*********************************************************/ /*************************************\ | #logo \*************************************/ #logo { position: relative; left: 21px; top: 13px; width: 309px; height: 109px; } /*************************************\ | #mainLinks \*************************************/ #mainLinks { position: absolute; bottom: 48px; right: 35px; } #mainLinks a { /*as of July 2011, these styles shouldn't matter as these links are images*/ color: white; font-family: "ITC Legacy Serif Medium", serif; font-size: 22px; text-transform: lowercase; } #mainLinks a:hover { text-decoration: none; } ul#mainLinks li { background-image: url(images/201107/bullet.png); background-repeat: no-repeat; background-position: 0px 0px; margin-left: 18px; padding-left: 31px; padding-top: 5px; padding-bottom: 5px; } ul#mainLinks li img { margin-top: 3px; vertical-align:middle; } ul#mainLinks li.active { background-image: url(images/201107/bullet-active.png); } /*************************************\ | #topLinks \*************************************/ #topLinks { color:#FFFFFF; position:absolute; right:16px; top:14px; font-size:11px; text-align:right; line-height:16px; } body #page #header table.searchBox td.submitBG a:hover{ text-decoration: none; } /*************************************\ | FRONT WELCOME MESSAGE \*************************************/ #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell1:before { background-image: url(images/201107/welcome_top_bg.png); background-repeat: repeat-x; background-position: left; content: '\00A0'; display: block; width: 270px; } #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell1 .bodyFootCellInner { background-color: #33CCCC; /* WINTER2011: #F58229*/ padding-bottom: 1px; width: 270px; } #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell1 .bodyFootCellInner p { font-family: georgia, serif; font-size: 16px; line-height: 19px; margin: 14px; text-align: center; color: white; } #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell1:after { background-image: url(images/201107/welcome_bottom_bg.png); background-repeat: repeat-x; content: '\00A0'; display: block; width: 270px; } /*************************************\ | FRONT TABLE \*************************************/ #body.body-home #bodyInner:after{ clear: both; content: '.'; visibility: hidden; line-height: 0; display: block; } /*********************************************************\ | BLOG OVERRIDES \*********************************************************/ /** * #page #content */ body.archive #page #content, body.page-template-archives-php #page #content, body.search #page #content, body.single-post #page #content, body.blog #page #content { background-image: none; background-repeat: no-repeat; padding: 0px; } /** * #page #header */ body.archive #page #header, body.page-template-archives-php #page #header, body.search #page #header, body.single-post #page #header, body.blog #page #header { height: 140px; } /** * #page */ body.archive #page, body.page-template-archives-php #page, body.search #page, body.single-post #page, body.blog #page { margin-bottom: 0px; } /** * #page, * #footer */ body.archive #page, body.page-template-archives-php #page, body.search #page, body.single-post #page, body.blog #page, body.archive #footer, body.page-template-archives-php #footer, body.search #footer, body.single-post #footer, body.blog #footer { background-image: url(images/201107/blog_content_bg.gif); background-position: center; } /** * #page:after */ body.archive #page:after, body.page-template-archives-php #page:after, body.search #page:after, body.single-post #page:after, body.blog #page:after { content: ''; } /** * #bottomPad */ body.archive #bottomPad, body.page-template-archives-php #bottomPad, body.search #bottomPad, body.single-post #bottomPad, body.blog #bottomPad { background-image: url(images/201107/blog_footer_bg.gif); background-repeat: no-repeat; background-position: left top; height: 55px; width: 924px; margin-left: auto; margin-right: auto; } /*****************************************************************************\ | END POST 2011-07-12 STYLE CHANGES FOR HEADER, FOOTER, PAGE \*****************************************************************************/ /*********************************************************\ | MYBAREFOOT > MYACCOUNT \*********************************************************/ #profile-edit-form select { margin-left: 0px; } #profile-edit-form .form-item { width: 327px; display: inline-block; margin-bottom: 12px; vertical-align: top; } .customer-service-link { color: grey; font-size: 10px; text-transform: uppercase; } .customer-service-link:first-child:after { content: ' >>'; } /*********************************************************\ | Community/BecomeAnAmbassador/Contact form \*********************************************************/ #CommunityBecomeAnAmbassadorContactController .form-item { display: inline-block; margin-bottom: 12px; width: 327px; } #CommunityBecomeAnAmbassadorContactController #edit-captcha-wrapper, #CommunityBecomeAnAmbassadorContactController #edit-country-wrapper, #CommunityBecomeAnAmbassadorContactController #edit-message-wrapper { width: 658px; } #CommunityBecomeAnAmbassadorContactController #edit-message { width: 97.3%; } #CommunityBecomeAnAmbassadorContactController .button-wrapper { text-align: right; margin-right: 21px; } #body #bodyInner .messages ul li { margin-left: 0; } /*********************************************************\ | d6core MESSAGING OVERRIDES \*********************************************************/ #body .messages ul { background: none; border: none; padding: 0; } #body .messages.status { color: black; } /**/ /* HTML Tag Redefinition */ html, body {height: 100%; } body { padding: 0px; margin: 0px; } img {border: 0px} a { cursor:pointer} form{margin:0px; padding:0px} label{font-family:Arial !important;} button.button { background: transparent; border: none; padding: 0; } button.button.disabled, button.button.disabled span { background: #B2B2B2; } button.button1 { background: #F58229; border: 1px solid #B2B2B2; margin: 0px; padding: 0px; height: 23px; overflow: hidden;} button.button1 span { float:left; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button1 span { padding: 0px 0px; padding-left: 4px; } button.button1.disabled, button.button1.disabled span { background: #B2B2B2; } button.button-plain { border: none; background: none; vertical-align: middle; cursor: pointer;} button.button-plain span { border: none; background: none; color: #F58229; font-size: 9px; height: 21px; line-height: 21px; text-transform: uppercase; vertical-align: middle; } button.button-plain:hover span { text-decoration: underline; } /* Error messages color*/ .red{color:#CC0000; font-weight:bold; margin-bottom:12px;} label { margin-bottom:5px; } label.checkbox { margin-bottom:0px; display:inline; } /*input { border: 1px solid #CCC; }*/ select { border: 1px solid #CCC; } /* error text class optionally provided by theme */ div.ccm-error-response {color: #f00; margin-bottom: 12px} /* fix for randomizer block */ div.ccm-add-block { clear: left } .col-left { text-align: left;} .col-right { text-align: right; } .left { float: left; } .right { float: right; } .no-border{border:none;} .centered { margin-left:auto; margin-right:auto; } /* Generic Magento styles.css overrides */ .block .block-title { border: none; padding: 0; } p.smallgap { margin-bottom: 6px; } .ccm-layout-row { padding-bottom: 10px; } /* Page Structure / Navigation */ #page {width:924px; margin:auto; margin-top:18px; margin-bottom:48px; } #page #header { margin:auto; height: 150px; width: 100%; top:0px; left:0px; position: relative } #page #header #homeLink { width:255px; height:75px; left:55px; top:25px; position:absolute; } #page #header #topLinks strong {color: #fff} #page #header #topLinks #authLinks { padding-top:6px; float:right; background: url(images/nav/nav_icon_shopping_basket.png) no-repeat center right; padding-right:28px; } #page #header #topLinks a, #page #header #topLinks a:link,#page #header #topLinks a:visited { color:#eee; text-decoration:none } #page #header #topLinks a:hover { color:#fff; text-decoration:underline } #page #header #topLinks #smallTopLinks { font-size:11px; padding-top:2px; padding-right: 3px } #page #header a:hover {text-decoration: underline !important} #page #header #topLinks input#search { border:0px; width:100px; font-size:11px; padding:0px; color:#999; background: none;margin:0px; padding-left:2px; font-family: Arial, Helvetica, sans-serif} #page #header #topLinks #searchBoxWrap { float:right; background: height:15px; overflow:hidden; width:137px; position: relative; top: 6px; left: 1px; margin-left: 8px } #page #header #topLinks #searchBoxWrap table.searchBox td.leftCap { background:url(images/nav/nav_search_left_cap.png) center left; width:4px; height:17px; } #page #header #topLinks #searchBoxWrap table.searchBox td.submitBG { background: url(images/nav/nav_search_go.png) no-repeat center right; width:28px; height: 17px; } #page #header #topLinks #searchBoxWrap table.searchBox td.fieldBG {background:url(images/nav/nav_search_bg.png) repeat-x center; height: 17px; } .checkout-onepage-index #page #content { padding: 0 0 0 10px; width: 672px; } #page #content #sidebar{ float:left; width:160px; display: inline; margin-left:23px; font-size:13px; } #sidebar h2, #sidebar h2 a,#profileSidebar h2, #profileSidebar h2 a {font-family: Georgia, "Times New Roman", Times, serif; padding-top:0px; margin-top:0px; margin-bottom:10px; color:#bf0222; line-height: 100%; font-size:18px; font-weight: normal; text-decoration: none; } ul.nav { margin:0px; list-style:none; padding:0px; font-size:13px; line-height:15px; } ul.nav li { margin-bottom:6px; } ul.nav li a { text-transform:uppercase; color:#33CCCC; /*WINTER2011: #F68A37*/ text-decoration:none; } ul.nav li ul li a { color:#808080; text-decoration:none; text-transform:none !important; } ul.nav li.nav-selected ul li a { color:#808080; } ul.nav li.nav-selected ul li.nav-selected a { color:#bf0222; } ul.nav ul.nav2 li a { text-transform:none; font-size: 12px; } /* For the store sidenav, we need to have an exception */ ul.innersidebar li a { color: #33CCCC; /* WINTER2011: #f68a37; */ } ul.innersidebar li.nav-selected a {color: #bf0222} ul.nav li.nav-path-selected a.nav-path-selected, ul.nav li.nav-path-selected a.nav-path-selected, ul.nav li.nav-selected a { color:#bf0222; } #page #content #sidebar ul.nav li ul, #page #content #profileSidebar ul.nav li ul { padding-left:0px; list-style:none; margin-top:1px; text-transform:none; margin-bottom:6px; } #page #content #sidebar ul.nav li ul li, #page #content #profileSidebar ul.nav li ul li { font-size:12px; line-height:15px; margin:0px; padding-bottom:0px; } #page #content #profileSidebar ul.nav li ul li a { color:#808080 !important; text-decoration:none; text-transform:none !important; } #page #content #sidebar ul.nav li ul li.nav-selected, #page #content #profileSidebar ul.nav li ul li.nav-selected { background:url(images/nav/nav_sidebar_nav_selected_arrow.gif) center left no-repeat; padding-left:12px; } #page #content #sidebar ul.nav li ul li.nav-path-selected a, #page #content #profileSidebar ul.nav li ul li.nav-path-selected a{ color:#bf0222 !important; } #page #content #sidebar #sidebarIcons{ margin-top:16px } #page #content #sidebar .sidebarIcon{ margin-top:8px } ul.nav2 { margin-top: -5px; } ul.nav2 li { margin-bottom: 0px; margin-top: 0px; } ul.nav2 li.nav2-deselected a { color: #808080; text-decoration: none; padding: 0px; padding-left: 2px; margin-bottom: 0px;} ul.nav2 li.nav2-selected a { color: #bf0222; background:url(images/nav/nav_sidebar_nav_selected_arrow.gif) center left no-repeat; padding-left:12px; margin-bottom: 0px;} ul.nav2 li.last { margin-bottom: 12px; } .cms-home #sidebar ul.nav a, .catalogsearch-advanced-result #sidebar ul.nav a {white-space: nowrap} #upsell-product-table td {text-align: center; padding-bottom: 0px} #upsell-product-table h4.product-name, div.sidebar_product_view h4 {padding: 0px; margin: 3px 0px 0px 0px} .regular-price .price {font-weight: normal; } #page #content #body { float:right; width: 690px; } *html #page #content #body { overflow-x: hidden; } #page #content #body.noSidebar .maincontent { float: left; width: 655px; } #page #content #body.noSidebar .decorative-img { margin-left: 700px; width: 180px; } /* c5 wizard */ #wizardForm { float: left; } #wizardBody { margin-left: 32px; margin-right: 32px; position: relative; } #wizardContent { width: 661px; margin-left: 12px; } #wizardContainer { margin-left: 12px; } #wizardContainer img.u-avatar {float:left; margin-right:12px; } #wizardContainer h1 { color:#f58229; font-weight:normal; line-height:16px; font-size:19px; margin-top:0; padding-bottom:0; padding-top:0; font-family:Georgia,"Times New Roman",Times,serif; } .wizard-progress { padding-left: 4px; } .wizard-steps li.current { font-weight: bold; } .wizard-buttons { float: right; text-align:right; padding-top: 14px; margin-right:-6px; } .wizard-buttons input { margin-left: 6px; } #wizardProgressBar { float: right; margin-left: 18px; margin-right:24px; width: 161px; } #page #wizardProgressBar .opc, .checkout-onepage-index .opc .step, .checkout-onepage-index .opc li.section { border: none; } #page #wizardProgressBar .block-progress { background: transparent url(images/privacy_progress_bar_mid.png) left bottom no-repeat; color: #888; margin: 0; text-align: left; padding: 0 12px; min-height: 180px; } * html #page #wizardProgressBar .block-progress { height: 400px; } #page #wizardProgressBar .block-progress-top { background: transparent url(images/checkout_progress_bar_top.png) no-repeat top left; height: 12px; width: 161px; overflow: hidden; } #page #wizardProgressBar .block-progress-bottom { background: transparent url(images/checkout_progress_bar_bottom.png) no-repeat top left; height: 24px; width: 161px; } #page #wizardProgressBar .block-progress h2 { font-weight: normal; margin-top: 0; } #page #wizardProgressBar .block-progress dt { background-color: transparent; font-size: .875em; font-weight: normal; text-transform: uppercase; padding: 0; } #page #wizardProgressBar .block-progress address { line-height: 13px; } #page #wizardProgressBar .block-progress a.upper { font-size: 0.875em; } #wizardContainer .confirm-team { margin-left: 190px; height: 190px; } #wizardContainer .confirm-team-no-image { margin-left: 0px; height: 190px; } #ambassadorSignupMain { position: absolute; margin-left:24px; width:640px; float:left; } #termConditions { overflow-x: auto; overflow-y: no; border: 2px; border-color: #b3b3b3; border-style: solid; margin: auto; width:655px; height:240px; margin-bottom: 12px; } #page #content #body.profile { width:900px; } #page #content #body.noSidebar { width:900px; float:none; padding-left: 25px; } #page #content .body-two-column #bodyRight { padding-right: 25px; } #page #content .body-two-column #bodyHeader { padding-right: 25px; } .checkout-onepage-index #page #content #body{ width: 672px; } .col2-left-layout .sidebar { width:190px; margin-left:18px; font-size:13px; line-height:17px; } .col2-left-layout .content { float:right; width: 645px; margin-right:22px } .col2-right-layout .sidebar { font-size:13px; line-height:17px; margin-right: 13px; width:159px; } .col2-right-layout .content { float:right; margin-left: 14px; margin-right:14px; width: 672px; } /* sidebar product view */ div.sidebar_product_view div {text-align: center; line-height: 15px} div.sidebar_product_view h4 {font-size: 12px; line-height: 15px} div.sidebar_product_view div img {margin: auto} div.sidebar_product_view {text-align: center; margin-bottom: 35px; line-height: 15px} div.sidebar_product_view a {color: #333 !important} #page #content #body #bodyInner {padding-right: 23px} #body #bodyInner ol, #body #bodyInner ul { list-style-image: none; list-style-position:outside; list-style-type:disc; margin-bottom: 16px; } #body #bodyInner ol li, #body #bodyInner ul li { margin-left: 16px; } #body #bodyInner #ccm-imageSlider-wrap ul, #body #bodyInner #ccm-barefoot-discussion-sidebar ul { list-style-type: none; } #body #bodyInner #advanced-search-list { list-style-type: none; } #body #bodyInner ul.nav li { list-style-type: none; margin-left: 0; } #body #bodyInner .ccm-discussion-breadcrumb li { margin-left: 0; } #body #bodyInner #ccm-imageSlider-wrap ul li { margin: 0; } #page #body #bodyInnerLeft { width: 672px; } #page #content .body-two-column #bodyInner {padding-right: 25px !important} #page #content #body .bodyBar { background: #f58229 url(images/nav/page_bar_left_cap.gif) no-repeat center left; height:32px; padding-left:16px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; line-height:28px; } #page #content #body .bodyBar .rightCap { background:url(images/nav/page_bar_right_cap.gif) no-repeat center right; float:right; width:7px; height:32px; } #page #content #body .bodyBar .rightLinks { float: right; padding: 11px 4px 0 0; width: 200px; text-align: right; font-size: 50%; line-height: 1; } #page #content #body .bodyBar .rightLinks a { padding: 0 4px; color: #fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } #page #content #body #bodyRight { float:right; width:200px; padding-top: 2px } #page #content #body #bodyLeft { float:left; width:450px; } #page #content #body.body-three-column-wide #bodyHeader, #page #content #body #bodyHeader { margin-bottom:20px; /*background-color:#0f0;*/ } #page #content #body.body-three-column-wide #bodyRight { width:240px; /*background-color:#0ff;*/ } #page #content #body.body-three-column-wide #bodyRight img { display:block; margin-bottom:11px; } #page #content #body.body-three-column-wide #bodyLeft { width:410px; /*background-color:#ff0;*/ } #page #content #body.body-three-column-narrow #bodyHeader { margin-bottom:17px; } #page #content #body.body-three-column-narrow #bodyRight { width:182px; /*background-color:#f00;*/ } #page #content #body.body-three-column-narrow #bodyRight img{ display:block; margin-bottom:11px; } #page #content #body.body-three-column-narrow #bodyLeft { width:468px; /*background-color:#00f;*/ } /* Body Homepage */ #page div#content div.body-home { float:none !important; width:854px !important; margin:auto !important; } #page #content #body.body-home #bodyInner { padding-right:0px; } /* COMMENTED FOR 2011-07 AS #bodyRight is unused on the front page #page #content #body.body-home #bodyInner #bodyRight { position:relative; left:0px; top:0px; width:170px; height:auto; padding-bottom:115px; } #page #content #body.body-home #bodyInner #bodyRight .top { background:url(images/home/homepage_right_sidebar_top.png) no-repeat center top; width:100%; height:8px; font-size:1px; line-height:1px; } #page #content #body.body-home #bodyInner #bodyRight .middle { background:url(images/home/homepage_right_sidebar_bg.png) repeat-y center; color:#fff; padding:0px 10px; text-align:center; padding-bottom:1px; margin-bottom:0px; } #page #content #body.body-home #bodyInner #bodyRight .middle h1 { color:#fff; } #page #content #body.body-home #bodyInner #bodyRight .bottom { background:url(images/home/homepage_right_sidebar_bottom.png) no-repeat center bottom; width:100%; height:115px; position:absolute; bottom:0px; right:-9px; width:188px; } */ #page #content #body.body-home #bodyInner #bodyLeft { width:850px; } #page #content #body.body-home #bodyInner #bodyLeft a .leftArrow { width:23px; height:25px; background:url(images/home/homepage_feature_arrow_left.png) no-repeat center left; margin-right:8px; } #page #content #body.body-home #bodyInner #bodyLeft a:hover .leftArrow { background-image:url(images/home/homepage_feature_arrow_left_on.png); } #page #content #body.body-home #bodyInner #bodyLeft a .rightArrow { width:23px; height:25px; background:url(images/home/homepage_feature_arrow_right.png) no-repeat center right; margin-left:0px; } #page #content #body.body-home #bodyInner #bodyLeft a:hover .rightArrow { background-image:url(images/home/homepage_feature_arrow_right_on.png); } #page #content #body.body-home #bodyInner #bodyLeft .ccm-randomizerBlock { margin:auto } #page #content #body.body-home #bodyInner table#bodyFootCells { width:100%; border-collapse:collapse; border-spacing:0px; margin-top:16px; margin-bottom: 14px;} #page #content #body.body-home #bodyInner table#bodyFootCells td.bodyFootCell { width:33%; padding:0px; vertical-align: top; } #page #content #body.body-home #bodyInner table#bodyFootCells .bodyFootCellInner { width:274px; } #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell1 .bodyFootCellInner { float:left } #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell2 .bodyFootCellInner{ margin:auto; } #page #content #body.body-home #bodyInner table#bodyFootCells #bodyFootCell3 .bodyFootCellInner { float:right } /* Half n' Half Page Type */ #page #content #body.halfnhalf { float:none !important; width:854px !important; margin:auto !important } #page #content #body.halfnhalf #bodyInner { padding:0px !important } #page #content #body.halfnhalf #bodyInner #bodyRight { float:right; width:390px; padding:0px !important; } #page #content #body.halfnhalf #bodyInner #bodyLeft { float:left; width:441px } /* Horizontal Split Page Type */ .body-horizontal { position: relative; left: 0px; top: 0px; width: 100%; margin-right: 54px; } .bodyTop { width: 792px; margin-left: 54px; margin-right: 54px; } .bodyBottom { width: 792px; margin-left: 54px; margin-right: 54px; } /* Profile Section */ #profileWrapper #profileSidebar { float:left; width:182px; margin-left:24px; margin-right:24px; } #profileWrapper #profileSidebar .avatarWrap { text-align:center } #profileData { margin-top:16px; margin-bottom:16px; color:#808080; font-size:12px; } #profileData h1 { color:#F58229; font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:18px; margin:0px 0px 4px 0px; padding:0px } #profileData .ambassador { color:#bf0222 } #profileData a.smallLink { text-transform:uppercase; font-size:10px; line-height:12px; padding-left:4px;} #profileData .level { color:#bf0222 } .expandoBox { width:181px; } .expandoBox .top { background:url(images/profile/expando_options_box_top.png) no-repeat center top; width:100%; height:8px; } .expandoBox .mid { background:url(images/profile/expando_options_box_bg.png) no-repeat center top; width: 100%; height:auto; } .expandoBox .mid .linkWrap { padding:0px 12px 0px 8px; background:url(images/profile/expando_options_box_arrow.png) no-repeat right; margin-right:8px; } .expandoBox .mid .divider { background:url(images/profile/expando_options_box_divider.png) no-repeat center; width: 100%; height:6px; margin:1px 0px; } .expandoBox .mid .linkWrap a { color:#808080 } .expandoBox .bottom { background:url(images/profile/expando_options_box_bottom.png) no-repeat center top; width:100%; height:7px; } #profileWrapper #profileSidebar #profile-navigation-help { border-top:2px dashed #d9d9d9; padding-top:6px; margin-top:16px; } #profileWrapper #profileSidebar #profile-navigation-help h4 { color: #F58229; font-size: 10px; margin: 0; padding: 4px 0 0; text-transform: uppercase; } #profileWrapper #profileSidebar #profile-navigation-help p { color: #808080; font-size: 12px; font-weight: bold; margin: 0; padding: 0; } #profileWrapper #profileSidebar #profile-navigation-help a { color: #808080; font-size: 10px; margin: 0; padding: 2px 0; text-transform: uppercase; } #profileWrapper #profileSidebar #profile-navigation-help a.home { color:#bf0222; } #profileWrapper #profileSidebar #profile-navigation-help ul { list-style: none; margin: 0; padding: 0; } #profileWrapper #profileBody { float:left; width:640px; } #profileWrapper #profileBody #profileBodyRight { float:right; width: 182px; text-align:center } #profileWrapper #profileBody #profileBodyRight #myTeam { background:url(images/profile/my_team_box.png) no-repeat center top; height:92px; padding:4px 16px; text-align:left; margin-bottom:12px; } #profileWrapper #profileBody #profileBodyRight #myTeam .title { color:#F58229; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:21px; margin-bottom:4px; padding-top:0px; margin-top:0px } #profileWrapper #profileBody #profileBodyRight #myTeam .text { font-size:12px; line-height:16px; color:#808080; margin-bottom:4px; } #profileWrapper #profileBody #profileBodyRight #myTeam .learnMore { font-size:10px; line-height:13px; text-align:right; } #profileWrapper #profileBody #profileBodyLeft { float:left; width: 430px; } #profileWrapper #profileBody #profileBodyLeft h2 { border-top:2px dashed #d9d9d9; padding-top:6px; margin-top:16px; } #taxExemptTC { overflow-x: auto; overflow-y: no; border: 2px; border-color: #b3b3b3; border-style: solid; height:90px; width: 630px; margin-bottom: 8px; padding: 3px; } #banking-edit-form .ccm-input-text { width: 320px; } #banking-edit-form table { width:100%; } #banking-edit-form td { width:50%; } #bankingtax p { margin-bottom: 8px; } #readonly-info p { margin-bottom: 16px; } #wizard-form #uTaxID { width: 316px; } /* story inside page page type */ #page #footer { width: auto; margin-top:0px; color:#7F7F7F } #page #footer #footerTxt{ text-align:center; font-size:10px; width:900px; padding:23px 8px 32px 8px; line-height:14px; } #page #footer #footerTxt a, #page #footer #footerTxt a:visited,#page #footer #footerTxt a:link {color:#7F7F7F; text-decoration:none } #page #footer #footerTxt a:hover{ text-decoration:underline } #page #footerNav { padding-bottom:5px; text-transform:uppercase; } #page #footerNav span {margin-left: 8px; margin-right: 8px} #page #footer table.joinMailingBox { } #page #footer table.joinMailingBox td.label { text-transform:uppercase } #page #footer table.joinMailingBox td.leftCap { background:url(images/nav/nav_mailinglist_field_left_cap.gif) no-repeat center left; width:5px; height:17px; } #page #footer table.joinMailingBox td.fieldBG { background: url(images/nav/nav_mailinglist_field_bg.gif) repeat-x; height: 11px } #page #footer table.joinMailingBox td.fieldBG input { border:0px; width:100px; font-size:11px; line-height:13px; padding:0px; text-transform:none; color:#7F7F7F; height:13px; background: none; margin:0px; padding-left:4px; font-family: Arial, Helvetica} #page #footer table.joinMailingBox td.submitBG { background:url(images/nav/nav_mailinglist_field_join.gif) no-repeat center right; width:40px; height:17px; } #page #footer #footerTxt .countrySelector a, #page #footer #footerTxt .countrySelector a:link, #page #footer #footerTxt .countrySelector a:visited { color:#7F7F7F; } #page #footer #footerTxt .countrySelector a.selected, #page #footer #footerTxt .countrySelector a:hover{ color:#33CCCC; /*WINTER2011: f48227*/ } #page #bottomPad{height:16px; width:auto;} /* Page Elements */ table.twoColTable {width:100%; border-collapse:collapse; border-spacing:0px; padding: 0px } table.twoColTable tr td, table.twoColTable th { padding: 4px 16px 4px 16px !important; padding-left:16px !important; font-size:12px; line-height: 14px} table.twoColTable tr td.cost {padding-left:0px; padding-right:16px; } table.twoColTable th, table.twoColTable tr.header td { text-transform:uppercase; background:#f58229; color:#fff; font-weight:bold; font-size:10px; } table.twoColTable th a, table.twoColTable tr.header td a { color:#fff !important; } table.stepBehindTemplate tr.header td { background:none !important; font-size:12px; line-height:16px; } table.stepBehindTemplate div.title a { color:#222; } table.twoColTable tr.subheader td { text-transform:uppercase; color:#808080; font-weight: bold; font-size:10px; } table.twoColTable tr.odd td { background:#fde6d4 } .pagingNav{ margin:16px 0px 8px 0px} .pagination{ text-align:center; color:#bbb; float: right; margin:-1px -5px 0px 0px;} .pagination .pageRight{width:20%; float:right; text-align:right} .pagination .pageLeft{width:20%; float:left; text-align:left} /* MISC STYLES & SHORTCUTS */ div.code {border: 1px solid #ddd; background: #eee; padding: 10px} div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px } div.spacer2{ clear:both; font-size:0px; line-height:0px } .noTopSpace{margin-top:0px; padding-top:0px} /* customize_miscellaneous */ /* customize_miscellaneous */ /* Shared Elements for the Store */ button.button { background: transparent; border: none; padding: 0; } button.button span { background: #F58229; border: none; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } button.button.disabled, button.button.disabled span { background: #B2B2B2; } /*input { border: 1px solid #CCC; }*/ select { border: 1px solid #CCC; } a.sublink { display: block; font-size: .75em; } .more { color: #888; } .required { color: #888; } /* strong, .strong { color: #F58229; } */ .lower { text-transform: lowercase; } .upper { text-transform: uppercase; } .breadcrumbs {padding: 4px 0px 12px 1px; margin: 0px} .breadcrumbs li a { color: #BF0222; } .breadcrumbs li { color: #808080; } .breadcrumbs span.breadcrumbs-early-separator {color: #BF0222} .cart-sku, .product-format { color: #808080; text-transform: uppercase; } .viewed img { padding: 14px 0 0; } .viewed h5 { margin: 0; padding: 5px 0 0; } .viewed h5 a { color: #333; display: block; line-height: 16px; } .viewed p { color: #7F7F7F; margin: 0; } .viewed a.sublink { color: #F58229; padding-top: 5px; } /* Page Specfic Elements */ .featured-product { color: #808080; } #body #bodyInner .ccm-randomizerBlock { padding-left:1px;} /* overflow this to allow products right edge to line up */ #body #bodyInner #bodyRight .ccm-randomizerBlock { width:auto; padding-left:0;} #body #bodyInner .sidebar_product_view { float: left; margin:15px 10px 15px 0; padding: 0; width: 154px; } #body #bodyInner .sidebar_product_view .productImage { height: 108px; } .cart { width: 669px; float: left; } .cart .page-title { padding-bottom: 9px; } .cart .page-title button.continue-shopping { float: right; display: inline; position: relative; } .cart .page-title .checkout-types { float: right; width: 127px; height: 29px; display: inline; position: relative; } .cart .page-title .checkout-types li { float: right; width: 127px; display: inline;} .cart h2 { background: transparent url(images/cart_icon_shopping_basket.gif) no-repeat scroll left center; color: #BF0222; font-size: 20px; padding: 8px 0 4px 24px; text-align: left; font-weight:normal; /*width: 50%; */ margin-top: 0; } .cart .sublink { display: inline; vertical-align: middle; color: #F58229; font-size: .75em; text-transform: uppercase; padding: 0 3px; } .cart .cart-table th, .cart-table td { padding: 5px 0 9px; } .cart .totals table th, .cart .totals table td { padding: 0; } .cart .cart-table th:first-child span { padding-left: 5px; } .cart .cart-table td:first-child span { padding-left: 3px; } .cart .cart-table thead { border-top: none; } .cart .cart-table thead th { border-top: 3px solid #E6E6E6; } .cart .cart-table thead th, .cart-table tbody td { background: #FFF; border-bottom: 1px dashed #CCC; color: #b2b2b2; font-size:12px; } .cart .cart-table .cart-collaterals tbody td { border: 0; padding: 0; } .cart .cart-table tbody tr.last td { border-bottom: none; } .cart .cart-table tbody td, .cart-table tbody td a, cart-table tbody td p { color: #333; } .cart .cart-table .product-image img { padding-right: 8px; } .cart .cart-table .product-name, .cart-table .product-name a, #checkout-review-table .product-name, #checkout-review-table .product-name a { margin: 0; padding: 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .cart .cart-table .link-divider { color: #F58229; } .cart .cart-table input.qty { padding: 0; border: 1px solid #c5c5c5; text-align: center; width: 36px !important; color: #333; } .cart .cart-collaterals a.cart-more-info { color: #808080; } .cart .cart-collaterals h3.cart-inset-option { margin:0; padding:0; font-family: Arial, Helvetica; } .cart .cart-collaterals .cart-inset-options label { display: block;} .cart .cart-collaterals .cart-inset-options { color: #000; padding: 10px 0 3px; border-top: 3px solid #e6e6e6; border-bottom: 3px solid #e6e6e6; } .cart .cart-collaterals .cart-inset-options .discount, .cart .cart-collaterals .cart-inset-options .shipping, .cart .cart-collaterals .cart-inset-options .fundraising, .cart .cart-collaterals .cart-inset-options .fundraising-check, .cart .cart-collaterals .cart-inset-options .points-check { float: left; width: 49%; } .cart .cart-collaterals .cart-inset-options .fundraising-check input, .cart .cart-collaterals .cart-inset-options .points-check input { border: none; vertical-align: bottom; /*position: relative; top: 4px;*/} .cart .cart-collaterals .cart-inset-option { color: #F58229; font-weight: normal; font-size: 12px; } .cart .cart-collaterals .cart-inset-options input { border: 1px solid #B2B2B2; height: 17px; margin-right: 5px; } .cart .cart-collaterals .cart-inset-options .disabled input { background: #e6e6e6; } .cart .cart-collaterals .cart-inset-options input[type="hidden"] { border: 0;} .cart .cart-collaterals .cart-inset-options p { padding-top: 4px; } .cart .cart-collaterals .cart-inset-options .fundraising p { width: 300px; } .cart .cart-collaterals .cart-inset-options button.button { border-left: none; vertical-align: top; } .cart .cart-collaterals .cart-inset-options button.button span { vertical-align: top; } .cart .cart-collaterals .cart-inset-options a.cart-more-info { display: none; } .cart .cart-collaterals .cart-inset-options .validation-advice { float:left; clear:left; } .cart .cart-collaterals .cart-inset-options .input-text { float:left;} a.info-popup-link { position: relative; font-size: 75%; color: #808080 !important; height: 16px; } a.info-popup-link span { position: absolute; top: 20px; left: -9999px; width: 258px; padding:6px 9px 9px; font-size: 12px; color: #808080; background: #E6E6E6; } a.info-popup-link:hover { text-decoration: none; visibility:visible; } a.info-popup-link:hover span, a.info-popup-link:focus span { left: 10px; } .cart button.button.checkout { background: transparent url(images/cart_button_checkout.png); border: none; height: 29px; width: 118px; margin: 4px 0 0 9px; } .cart button.button.checkout.disabled { background-image: url(images/cart_button_checkout_disabled.png); } button.button.continue-shopping { background: transparent url(images/cart_button_continue_shopping.png); border: none; height: 29px; width: 172px; margin: 4px 0 0 9px;} .cart span.text.checkout { color: #A6021D; line-height: 28px; vertical-align: bottom; } .cart .cart-collaterals .box { margin-bottom: 10px; } .cart .cart-quicksearch input#qsearch { width:280px; } .cart .cart-quicksearch { background-color: #e6e6e6; padding:12px; position: relative; } .cart .cart-inset-options input {display:inline;} #co-shipping-method-form dl { float: left; } #co-shipping-method-form .buttons-set { clear: right; float: right; } .cart #shopping-cart-totals-table {} /* .cart #shopping-cart-totals-table td { font-weight: bold/; } */ #shopping-cart-ambassador_summary th { padding-right: 24px; text-align: right; font-weight:normal; } .cart #shopping-cart-totals-table th { font-weight:normal; text-align: right; } .cart #shopping-cart-totals-table td, #shopping-cart-ambassador_summary td { border:none; text-align: right !important; width: 58px; } .cart #shopping-cart-totals-table .total-loyaltypoints, .cart #shopping-cart-totals-table .total-giftcards { font-weight: normal; } .cart #shopping-cart-totals-table .total-discounttotal { text-transform: uppercase; } .cart #shopping-cart-totals-table tr.even, .cart #shopping-cart-totals-table tr.odd, .cart #shopping-cart-ambassador_summary tr.even, .cart #shopping-cart-ambassador_summary tr.odd { background:none;} .cart #shopping-cart-ambassador_summary td, .cart #shopping-cart-ambassador_summary th { color: #808080; font-weight:normal;} .cart #shopping-cart-ambassador_summary { margin-top: 10px;} .kickstart-product td { text-align:left; padding: 0 0 10px 0; } .kickstart-image { width:320px;overflow:hidden;margin-left:auto; margin-right:auto; padding:8px 0 8px 0; } #qsearch-wrap { margin: 32px 0 16px; } #qsearch { color: #808080; } #qsearch_autocomplete { background: #FFF; border: 1px solid #CCCCCC; width: 286px !important; z-index: 100; } #qsearch_autocomplete table { width: 100%; } #qsearch_autocomplete li.odd td { background: #FDE6D4; } #qsearch_autocomplete li.active td { background: #CCCCCC; } #qsearch_autocomplete td { border: none; padding: 0 4px 0 0; } #qsearch_autocomplete td img { padding: 4px 0 4px 4px; } .category-products .toolbar-contents { line-height: 8px; } .category-products .sorter { margin: 0; padding: 2px 0; white-space: nowrap} .category-products .ordered-page-results {color: #808080; line-height: 18px; padding-top: 1px;} .catalogsearch-result-index .page-title, .catalogsearch-advanced-index .page-title { margin: 0; padding: 0; } .catalogsearch-results-footer { border-top: 1px solid #C0C0C0; } #body #bodyInner .catalogsearch-results-footer ul li, #body #bodyInner .category-products ul li { margin-left: 4px; } .ordered-page-results li.ordered-page-results-num {padding: 0px 0px 0px 4px !important} .ordered-page-results .results-separator {margin-left: 7px; margin-right: 4px} .ordered-page-results a {color: #808080; font-weight: normal} .ordered-page-results span.current {color: #F58229; font-weight: bold} .search-summary { line-height: 8px; } .sort-by label { line-height: 20px; } .checkout-onepage-index { color: #333; } .checkout-onepage-index #bodyInnerLeft { width: 685px !important; } .checkout-onepage-index a { color: #F58229; } .checkout-onepage-index h2 { color: #F58229; padding-top: 0px !important; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size:18px; } .checkout-onepage-index h4 { color: #BF0222; padding-bottom: 4px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size:16px; } .checkout-onepage-index .bullets { list-style: disc; margin-left: 16px; } .checkout-onepage-index dt { padding-bottom: 14px; } .checkout-onepage-index .group-select .input-box { width: 329px; display: inline; overflow: hidden;} .checkout-onepage-index .group-select input.input-text, .checkout-onepage-index .group-select textarea { width: 662px; } .checkout-onepage-index .group-select .input-gap { float: left; height: 5px; width: 14px; display: inline;} .checkout-onepage-index .input.input-text, .checkout-onepage-index textarea { padding-right: 0; padding-left: 0; } .checkout-onepage-index .group-select .input-box input.input-text, .checkout-onepage-index .group-select .input-box textarea { width:321px; } .checkout-onepage-index .group-select .input-box select { width:329px; } .checkout-onepage-index .input-box label { color: #33CCCC; /* WINTER2011: #f68a37; */ } #shipping\:street2, #billing\:street2 { margin-bottom: 12px; } .input-box label { display:block; } .checkout-onepage-index #shipping-new-address-form , .checkout-onepage-index #billing-new-address-form { margin-top: 20px; } #payment_form_verisign .cvv-what-is-this { color:#808080; font-size:75%; margin: 0; } .checkout-onepage-success button.continue-shopping { margin: 20px 0; } .checkout-onepage-success .main h2 { padding: 100px 0 0; margin: 0; font-size: 17.5px; font-weight: normal; } .method-separator { padding: 1em 0 1em 20px; text-transform: uppercase; } #checkout-payment-method-load label.p_method_ccmulti { font-weight: normal; } #helpColumn { width: 161px; padding: 0; text-align: left; } #helpColumn #helpColumnAd { margin-top: 19px; } .needHelp { height: 44px; padding: 13px 14px; margin-bottom: 9px; background: url(images/checkout-needhelp-bg.gif) no-repeat; font-weight: bold; color: #818181; text-align: left; } .needHelp h4 { padding: 0; margin: 0; font-size: 10px; line-height: 1.3; color: #f58227; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .needHelp p { font-size: 10.4px; line-height: 1.3; } #page #progressbar { float:right; margin-left: 18px; margin-right: 30px; width: 161px; } #page #progressbar .opc, .checkout-onepage-index .opc .step, .checkout-onepage-index .opc li.section { border: none; } #page #progressbar .block-progress { background: transparent url(images/checkout_progress_bar_mid.jpg) left bottom no-repeat; color: #888; margin: 0; text-align: left; padding: 0 12px; min-height: 400px; } /* min-height equivalent for IE 6 */ * html #page #progressbar .block-progress { height: 400px; } #page #progressbar .block-progress-top { background: transparent url(images/checkout_progress_bar_top.png) no-repeat top left; height: 12px; width: 161px; overflow: hidden; } #page #progressbar .block-progress-bottom { background: transparent url(images/checkout_progress_bar_bottom.png) no-repeat top left; height: 24px; width: 161px; } #page #progressbar .block-progress h2 { font-weight: normal; margin-top: 0; } #page #progressbar .block-progress dt { background-color: transparent; font-size: .875em; font-weight: normal; text-transform: uppercase; padding: 0; } #page #progressbar .block-progress address { line-height: 13px; } #page #progressbar .block-progress a.upper { font-size: 0.875em; } /*.checkout-onepage-index .block-progress .block-content { padding-top: 1px; }*/ /*.checkout-onepage-index .block-progress dl { margin-top: -7px; }*/ .checkout-onepage-index .block-progress dd { background-color: transparent; color: #333; font-weight: normal; padding-bottom: 12px; } .checkout-onepage-index .block-progress .checkout-totals { width: 100%; } .checkout-onepage-index .block-progress .total-total { text-transform: uppercase; } .checkout-onepage-index .block-progress .total-subtotal { font-weight: bold; } .checkout-onepage-index .block-progress .total-shipping strong, .checkout-onepage-index .block-progress .checkout-totals td.a-right strong { font-weight: normal; } .checkout-onepage-index .block-progress .total-discount .coupon-code { display: none; } .checkout-onepage-index .block-progress .total-grand_total { text-transform: uppercase; } .checkout-onepage-index .block-progress .cc-info { margin: 0; } .checkout-onepage-index .block-progress .cc-info br { display: none; } .checkout-onepage-index .block-progress .cc-info dd { padding: 0; } .checkout-onepage-index .block-progress .cc-name, .checkout-onepage-index .block-progress dt.cc-type, .checkout-onepage-index .block-progress dt.cc-num, .checkout-onepage-index .block-progress .cc-date { display: none;} .checkout-onepage-index button.ccm-input-submit.back, .checkout-onepage-index button.ccm-input-submit.back span { background: #CCC; color: #888; } #opc-progress { color: #888; padding-bottom: 16px; margin-left:15px; background-position:15px 20px; width:670px; } #opc-progress li { float: left; text-transform: lowercase; } #opc-progress li.error { float: none; text-transform: none; } #opc-progress li span { display: none; } #opc-progress .active { display: inline; color: #F58229; } #opc-progress .inactive { display: inline; color: #b2b2b2; } #opc-progress #opc-login-top { color: #b2b2b2; } #opc-progress #opc-billing-top, #opc-progress #opc-kickstart-top { padding-left: 83px; background: url(images/checkout_progress_step1.gif) no-repeat 8px 8px; } #opc-progress #opc-shipping-top { padding-left: 83px; background: url(images/checkout_progress_step2.gif) no-repeat 8px 8px; } #opc-progress #opc-shipping_method-top { padding-left: 83px; background: url(images/checkout_progress_step3.gif) no-repeat 8px 8px; } #opc-progress #opc-payment-top { padding-left: 83px; background: url(images/checkout_progress_step4.gif) no-repeat 8px 8px; } #opc-progress #opc-review-top { padding-left: 83px; background: url(images/checkout_progress_step5.gif) no-repeat 8px 8px; } #opc-shipping_method #shipping-method-chart { display: block; margin-top: 12px; } #login-form .input-box, .checkout-onepage-index #login-form input, .checkout-onepage-index #register-form input { width: 308px; } #checkout-step-login h3 { font-size: 14px; padding: 0 0 15px; } #checkout-step-login p.right a { margin: 0 11px 0 0; overflow: visible; position: relative; } #checkout-step-login .input-box br { display: none; } #checkout-step-login .input-checkbox { height: 20px; } #checkout-step-login .input-checkbox input { width: 15px; } #checkout-step-login .input-checkbox label { display: inline; line-height: 1em; } #checkout-step-login #login-form, #checkout-step-login #register-form { line-height: 6px; } #checkout-step-login #login-form input, #checkout-step-login #register-form input { margin-top: 4px; } #checkout-step-login .buttons-set { padding-right: 12px; margin-top: 8px; } #checkout-step-shipping_method { font-size: 13px;} #checkout-step-shipping_method ul li { padding-bottom: 8px;} .s_method_hidden { display: none; } #checkout-step-payment label, #checkout-step-payment .payment-buttons-container { font-size: 13px; } #checkout-step-payment hr { background-color: #C0C0C0; border: none; height: 2px; margin-top: 16px; } #co-billing-form p.required { padding: 0; margin: 0; } #co-billing-form #billing-buttons-container { margin: 0; } #co-billing-form label, #co-shipping-form label { color: #F58229; } #co-billing-form label.black, #co-shipping-form label.black { color: #000; } #billing-address-select, #shipping-address-select { margin-top: 8px; } #checkout-step-shipping_method a.sublink { color: #F58229; display: inline; } #checkout-step-shipping_method #co-shipping-method-form .shipping-total { clear: both; } #checkout-step-shipping_method #co-shipping-method-form .shipping-total p.shipping-total-title { color: #F58229; margin: 0 0 8px; padding: 16px 0 0 20px; } #checkout-step-shipping_method #co-shipping-method-form .shipping-total p.shipping-total-amount { padding: 0 0 0 20px; } #checkout-step-shipping_method #co-shipping-method-form .buttons-set { clear: left; } #checkout-step-payment a.sublink, #checkout-step-review a.sublink { color: #888; display: inline; } #checkout-review-table .amb-summary { color: #808080; font-weight:normal;} #checkoutSteps .buttons-set { margin-right: 0; } .opc { border: none; } .opc .step { padding: 8px 0 0 } #checkout-payment-method-load li { margin-bottom: 20px; } #checkout-payment-method-load .input-box { width: 600px; } #checkout-payment-method-load p.required { margin: 0; } #checkout-step-payment { font-size: 13px; margin-top: 0; padding-top: 0; } #payment-buttons-container { margin-top: 16px; padding: 0; } #payment-buttons-container span { float: left; line-height: 24px; } #checkout-step-review p { font-size: 13px; } #checkout-payment-method-load input[type="text"] { width: 300px; border:1px solid #CCCCCC;} #checkout-step-review .address-review { color: #808080; height: 26px; line-height: 26px; margin-bottom: 8px; padding: 0 10px; } #checkout-review-load { border-bottom: 3px solid #E6E6E6; padding-bottom: 4px; margin-bottom: 11px; } #checkout-review-table { border-bottom: 3px solid #E6E6E6; margin-bottom: 8px; } #checkout-review-table thead th { padding: 4px 0 7px; } #checkout-review-table thead tr, #checkout-review-table tbody td { background: #FFF; border-bottom: 1px dashed #CCC; } #checkout-review-table tbody tr.last td { border-bottom: none; } #checkout-review-table tbody td, #checkout-review-table tbody td a, cart-table tbody td p { color: #333; } #checkout-review-table tbody td { padding: 5px 0; } #checkout-review-table tfoot th, #checkout-review-table tfoot td { color: #333333; font-weight: bold; } #checkout-review-table th, #checkout-review-table td { padding: 0; } #checkout-review-table th { color:#b2b2b2;} #checkout-review-table h4 { color: #333; } #checkout-review-table .product-name, #checkout-review-table .product-name a { margin: 0; padding: 0; font-weight:bold; } #checkout-review-table .product-image img { padding-right: 8px; } #checkout-review-table .checkout-totals { border-bottom: 2px solid #E6E6E6; border-top: 2px solid #E6E6E6; padding-bottom: 4px; } #checkout-review-table .checkout-totals strong { color: #333; } #checkout-review-table tbody a.sublink { color: #F58229; display: block; } #checkout-review-table .cart-price { text-align: right; } #review-buttons-container .benefit { color: #BF0222; float: right; padding-top: 5px; } #review-buttons-container button.button.purchase { background: transparent url(images/checkout_button_purchase.png); border: none; height: 29px; margin-left: 12px; width: 118px; } #checkout-messages { float: left; width: 284px; background: #fde6d4; padding: 12px 14px 0; } #checkout-messages p { padding-bottom: 12px; } #checkout-totals { float: right; width: 280px; } #checkout-totals .checkout-totals { width: 100%; } #checkout-totals .checkout-totals td, #checkout-totals .checkout-totals th { text-align: right; } #checkout-totals .checkout-totals .total-subtotal { font-weight: bold; } #checkout-totals .checkout-totals .total-shipping strong, #checkout-totals .checkout-totals .a-right strong { font-weight: normal; } #checkout-totals .checkout-totals th.total-grand_total { text-transform: uppercase; } #checkout-totals .checkout-totals .amb-summary { color: #808080; } .checkout-onepage-index .page-title, .checkout-onepage-failure .page-title { margin: 0; padding: 0; } .checkout-onepage-index h2, .checkout-onepage-failure h2 { color: #F58229; margin: 0; padding: 48px 0 0; } .checkout-onepage-index h3, .checkout-onepage-failure h3 { margin: 0; padding: 2px 0; } .checkout-onepage-index a.order { color: #333; } .checkout-onepage-index .buttons-set { padding: 0; } .checkout-onepage-index button.button.continue { background: transparent url(images/checkout_continue_shopping.png) no-repeat center center; border: none; float: left; height: 29px; margin-top: 16px; width: 160px; } .checkout-onepage-index .checkout-finished { background: transparent url(images/checkout_finished.jpg); height: 239px; margin: 72px 0 28px -26px; width: 900px; } .please-wait { line-height: 24px; } .products-grid {border-collapse: collapse; padding: 0px; margin-top: 7px; width: 711px;} .products-grid td { border: none; text-align: left; padding:0px 40px 29px 0px; margin:0; color: #808080;} .products-grid td table { width: auto !important;} .products-grid td.products-grid-image-holder {vertical-align: bottom !important; height: 181px; padding: 0px !important} .products-grid * {line-height: 15px} .products-grid h3.product-name { margin: 7px 0px 0px 0px; padding: 0; line-height: 14px } .products-grid .product-name a { color: #333; } .products-grid .price-box { color: #888; } .products-grid tr.even {background-color:transparent;} .products-grid .add-to-links { color: #B2B2B2; } .products-grid .add-to-links li { display: inline; } .products-grid .add-to-links li a { display: inline; } .products-grid .format-text {display: block} .products-grid p { color: #808080; margin: 0; } .special-price span {font-weight: bold !important; color: #BF0222} .old-price .price {text-decoration: none} div.col-main {padding: 0px 34px 0px 34px} div.col1-layout div.col-main {padding: 0px 23px 0px 23px} div.category-products div.price-box {display: inline;} div.category-products div.price-box p {display: inline} div.category-products span.price {font-weight: normal} div.search-summary, div.search-summary a {color:#CB344E} .product-image-product td {height: 425px; vertical-align: middle; text-align: center; } .product-image-product td #step-behind { float: right } .product-view-details {text-align: right; padding-top: 2px; padding-bottom: 2px; padding-right: 2px} .product-view-details, .product-view-details a {text-transform: uppercase; color: #808080; font-size: 10px} #product-view-details-pane {visibility: hidden; width: 258px; position: absolute; top: 0px; left: 0px; background: #e6e6e6; color: #808080} #product-view-details-pane-inner {padding: 6px 9px 9px 9px} .product-view { padding: 0; } .product-view .product-links { text-transform: uppercase; float: left; font-size: 10px; color: #808080; padding-left: 1px} .product-view .product-links a {color: #808080; text-decoration: none} .product-view .product-links a:hover {text-decoration: underline} .product-view .product-links #product-links-addthis {margin-right: 12px} .product-view .product-links .product-links-divider {margin: 0px 10px 0px 10px} .product-view .product-img-box { border-right: 2px solid #ececec; padding: 0px; text-align: center; width: 556px; padding-bottom: 0px} .product-view .product-img-box table {margin: 0px auto 0px auto} .product-view .product-shop {width: 254px; padding: 0 0px 0px 17px;} .product-view .product-shop h2 { color: #BF0222; margin:0; padding: 0; } .product-view .product-shop h3 { color: #F58229; margin:0 0 8px; padding: 0; font-size: 1.125em; line-height: 1.1 } .product-view .product-shop .description { color: #333; padding-bottom: 8px; } .product-view .product-shop .details { color: #7F7F7F; padding-bottom: 16px; } .product-info-table {margin-bottom: 8px; width:100%;} .product-view td.product-info-bottom {vertical-align: bottom !important} .product-view .product-shop .add-to-cart-buttons { clear: both; padding: 8px 0 16px; } .product-view .product-shop .add-to-box button { background: transparent url(images/button_add_to_basket.png) no-repeat center center; border: none; height: 29px; margin: 0 5px 0 0; width: 120px; } .product-view .up-sell { width: 675px; margin-top: 20px; float: left; overflow:hidden; } .product-view .reviews { width: 854px; margin-top: 26px; float: left; } .product-view .reviews #BVReviewsNone { padding:8px 0px 16px 0px;} .product-view .viewed { float: left; margin-top: 20px; margin-left: 8px; width: 171px; } .extendedReview{display:none;} .product-view .up-sell .products-grid { width:675px;} .product-view .up-sell .products-grid td { width:160px;} .product-view .up-sell .pad, .product-view .viewed .pad, .product-view .reviews .pad, .product-view .gallery .pad { background: url(images/nav/page_bar_left_cap.gif) no-repeat top left; padding: 0px; padding-left:7px; } .product-view .up-sell .pad h3, .product-view .viewed .pad h3, .product-view .reviews .pad h3, .product-view .gallery .pad h3 { background: #f58229 url(images/nav/page_bar_right_cap.gif) no-repeat center right; color: #fff; border: 0px; padding: 0px; display: block; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; line-height:30px !important; height:32px; text-transform: lowercase; font-weight: normal; padding-left: 8px; } .product-view .reviews .pad img { padding: 8px 0; /* TBD: remove when real reviews go in */ } .product-view .product-picker { float: left; width: 214px; } .product-view .product-picker .old-price { text-decoration: line-through; } .product-view .product-picker .special-price { color: red; } .product-view .product-picker select { width: 210px; } .product-view .format-hdr { padding: 0px 0px 2px 0px; color: #7F7F7F; text-transform: uppercase; font-size: 12px; font-family: Arial, Helvetica; font-weight: bold} .product-view .product-picker .format-text { color: #333; } .product-view .product-picker .price-box { color: #333; display: inline; } .product-view .product-picker .price:before { content: '('; } .product-view .product-picker .price:after { content: ')'; } .product-view .product-qty { float: left; width: 32px; } .product-view .add-to-box input { background-color: #EBEBEB; } .product-view .add-to-cart { float: left; width: 32px; } .product-view .add-to-cart label { float: none; } .product-view .add-to-cart .qty { display: block; } .product-view .add-to-cart-buttons * { float: left; } .product-view .overall-rating { padding-top: 12px; } #product-views-overlay, #giftwrap-views-overlay { background-image: url(images/prodview_overlay.png); display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 90; } #product-views,#giftwrap-views { background: #FFF; display: none; height: 472px; left: 24px; position: fixed; top: 140px; width: 780px; z-index: 100; } #product-views .view { display:none; height: 408px; left: 18px; overflow: hidden; position: absolute; top: 18px; width: 589px; text-align:center } #product-views .view .video { margin-top: 30px } #product-views .info img { padding: 8px 0 12px; } #product-views .info { right: 25px; position: absolute; text-align: left; top: 16px; width: 133px; } #product-views .info a.current { color: #F58229; } #product-views .info hr { background-color: #F58229; border: none; color: #f8229; height: 2px; margin : 16px 0 8px; } #product-views .info .media-type { color: #808080; font-size: 18px; line-height: 28px; } #product-views .info .view-info { color: #333; } #product-views .controls { bottom: 8px; height: 32px; left: 18px; position: absolute; width: 739px; font-weight: bold} #product-views .controls .col1, #product-views .controls .col2, #product-views .controls .col3, #product-views .controls .col4 { float: left; height: 32px; line-height: 32px; } #product-views .controls .col1 { text-align: left; width: 90px; } #product-views .controls .col2 { display: none; } #product-views .controls .col2 a { color: #888; } #product-views .controls .col2 a.current { color: #F58229; } #product-views .controls .col2 { text-align: center; color: #888; width: 408px; } #product-views .controls .col3 { text-align: right; width: 90px; } #product-views .controls .col4 { text-align: right; color: #888; width: 151px; } #product-views .controls .col4 a { color: #888; } #product-views table.twoColTable {width:200px; border-collapse:collapse; border-spacing:0px; padding: 0px } #product-views table.twoColTable tr td, table.twoColTable th { padding: 2px 2px 2px 2px !important; padding-left:2px !important; font-size:12px; line-height: 14px} .profile-pictures-overlay div {background-image: none} .profile-pictures-overlay {background-color: #fff;} .profile-pictures-overlay .ccm-dialog-title-bar {display: none} .profile-pictures-overlay div.ccm-dialog-content {padding-top: 15px} .profile-pictures-close {text-align: right; padding-right: 20px; padding-top: 10px; font-weight: bold} .ccm-dialog-window .profile-pictures-close a {color: #888; font-weight: bold} #mlm-header { padding: 8px 0 3px; } #mlm-header p{margin:0px; padding:10px 0 16px 0;} #mlm-header a { color: #F58229; float: right; font-size: 12px; line-height: 23px; margin: 0; padding: 2px 0; text-transform: lowercase; } #mlm-header-bread-crumb { padding-bottom: 12px; } #mlm-header-bread-crumb a, #mlm-header-bread-crumb { font: normal normal 18px Georgia; margin-bottom:10px; padding-bottom:0px; padding-top:0px; line-height: 100%; margin-top: 0px; text-decoration: none; color:#acacac; } #mlm-header-bread-crumb a { text-decoration: underline; } #mlm-team-member pagination-number a { color:#808080; font-size:10px; } #page #content #body #bodyRightAmbassador { float:right; width:181px; padding-top: 2px } #page #content #body #bodyLeftAmbassador { float:left; width:469px; margin: 0 0 21px;} #page #content #bodyLeftAmbassador h2 { color:#F58229 } tr.paging td { padding-top: 6px; } .number-per-page, .number-per-page a, .pagination a, .pagination span{color:#808080; font-size:10px; padding: 0 3px 0 3px; } .pagination a {margin:0px 1px;} .pagination-number-on {color:#F58229!important; font-size:10px;} #page #content #bodyLeftAmbassador hr{margin:10px 0 10px 0px; border-color:#b3b3b3; border-width:1px !important; } #page #content #bodyRightAmbassador h2 {font-family: Georgia, "Times New Roman", Times, serif; padding-top:0px; margin-top:0px; margin-bottom:10px; color:#F58229; line-height: 100%; font-size:18px; font-weight: normal; } #page #content #bodyRightAmbassador .ccm-page-list { } #page #content #bodyRightAmbassador .ccm-page-list .ccm-page-list-title a { color: #333;line-height: 15px; } #page #content #bodyRightAmbassador .ccm-page-list .ccm-page-list-description { color: #7B7B7B; margin-bottom: 14px; line-height: 14px; } #page #sidebar #ambassador-navigation-quickorder { margin-bottom: 10px} #page #sidebar #ambassador-navigation-help { border-top: 2px solid #ECECEC; margin-top: 10px; } #page #sidebar #ambassador-navigation-help h4 { color: #F58229; font-size: 10px; margin: 0; padding: 4px 0 0; text-transform: uppercase; } #page #sidebar #ambassador-navigation-help p { color: #808080; font-size: 12px; font-weight: bold; margin: 0; padding: 0; } #page #sidebar #ambassador-navigation-help a { color: #808080; font-size: 10px; margin: 0; padding: 2px 0; text-transform: uppercase; } #page #sidebar #ambassador-navigation-help ul { list-style: none; margin: 0; padding: 0; } .#page #content #bodyRightAmbassador h2 {font-family: Georgia, "Times New Roman", Times, serif; padding-top:0px; margin-top:0px; margin-bottom:10px; color:#F58229; line-height: 100%; font-size:18px; font-weight: normal; } #bodyLeftAmbassador .action { padding-bottom: 4px; } .body-amb-reports { padding-right: 20px; } .new_faces_and_places { width: 229px; overflow: hidden; } .new_faces_and_places.even { padding-left: 8px; } .new_faces_and_places img { margin-bottom: 8px; } table.twoColTableStats {width:100%; border-collapse:collapse; border-spacing:0px; padding: 0px } table.twoColTableStats tr { height: 24px; } table.twoColTableStats tr td { padding: 5px; line-height: 12px; } table.twoColTableStats tr td.cost {padding-left:0px; } table.twoColTableStats tr.header td { text-transform:uppercase; background:#f58229; color:#fff; font-weight:bold; font-size:10px; } table.twoColTableStats tr.subheader td { text-transform:uppercase; color:#808080; font-weight: bold; font-size:10px; } table.twoColTableStats tr.odd td { background:#fde6d4 } table.twoColTableStats tr td strong { color: #333; } #page #content #bodyRightAmbassador .sublink { font-size: 10px; } table.mlm-report { border-collapse: collapse; text-align: right; margin-bottom: 16px; } table.mlm-report tr.alt-row { background-color: #FDE6D4; } table.mlm-report tr.strong { color: #333; font-weight: bold; } table.mlm-report th { font-size: 11px; line-height: 14px; text-transform: uppercase; } table.mlm-report th { padding-right: 6px;} table.mlm-report th.col-right { padding-left: 4px; } table.mlm-report th.title { color: #F58229; font-size: 14px; text-align: left; text-transform: none; padding-bottom: 4px; } table.mlm-report th.title .details { font-size: 12px; font-weight: normal; } table.mlm-report td { padding-right: 6px; } table.mlm-report td.col-right { padding-left: 4px; } table.mlm-report td.note { color: #333; text-align: left; } table.mlm-report td.title { text-align: left; } table.mlm-report tfoot td { padding-top: 3px; } table.mlm-report tfoot tr.total { border-top: 1px solid #aaa; font-weight: bold; } #mlm-reports-personal { width: 100%; } table.ambassador-report { border-collapse: collapse; padding-top: 4px; width: 100%; } table.ambassador-report td { padding-right: 6px; } table.ambassador-report tr.alt-row { background-color: #FDE6D4; } table.ambassador-report tr.strong { color: #333; font-weight: bold; } table.ambassador-report th { font-size: 11px; text-transform: uppercase; padding-bottom: 4px; font-weight: bold; padding-right: 4px; } table.ambassador-report tfoot td { padding-top: 3px; } table.ambassador-report tfoot tr.total { border-top: 1px solid #aaa; font-weight: bold; } div.navigation .paging { position:absolute; top: 0; right: 0; } div.nav-bottom .paging { padding-top: 6px; } div.navigation { padding: 8px 0 3px 0; position: relative; } .paging { text-transform:uppercase; } .paging a { padding: 0 3px 0 3px; color: #808080; } .paging span.current { padding: 0 3px 0 3px; color: #F58229; } div.navigation .recordcount { padding-bottom: 3px; } table.mlm-team-member { border-collapse: collapse; text-align: right; width: 464px; } table.mlm-team-member tr.alt-row { background-color: #FDE6D4; } table.mlm-team-member tr.strong { color: #333; font-weight: bold; } table.mlm-team-member th { font-size: 11px; line-height: 14px; text-transform: uppercase; } table.mlm-team-member th { padding-right: 4px;} table.mlm-team-member th.col-right { padding-left: 4px; } table.mlm-team-member th.title { color: #F58229; font-size: 14px; text-align: left; text-transform: none; } table.mlm-team-member td { padding-right: 6px; } table.mlm-team-member td.col-right { padding-left: 4px; } table.mlm-team-member td.first { padding-left: 8px; } table.mlm-team-member td.note { color: #333; text-align: left; } table.mlm-team-member td.title { text-align: left; } table.mlm-team-member tfoot tr.total { border-top: 1px solid #aaa; font-weight: bold; } table.mlm-team-member { border-collapse: collapse; text-align: right; width: 100%; } table.mlm-team-member tr.alt-row { background-color: #FDE6D4; } table.mlm-team-member tr.strong { color: #333; font-weight: bold; } table.mlm-team-member th { font-size: 11px; line-height: 14px; text-transform: uppercase; } table.mlm-team-member th { padding-right: 4px;} table.mlm-team-member th.col-right { padding-left: 4px; } table.mlm-team-member th.col-left { padding-left: 0px; text-align: left;} table.mlm-team-member th.title { color: #F58229; font-size: 14px; text-align: left; text-transform: none; } table.mlm-team-member td.col-right { padding-left: 4px; text-align: right; width: 100px; } table.mlm-team-member td.col-left { padding-left: 1px; text-align: left; } table.mlm-team-member td.first { padding-left: 8px; } table.mlm-team-member td.note { color: #333; text-align: left; } table.mlm-team-member td.title { text-align: left; } table.mlm-team-member td.col-left-link { padding-left: 1px; text-align: left; font-size: 10px; } a.pagination-number { color: #808080; font-size: 10px; } .pagination-number-on { color: #f58229; font-size: 10px; } #mlm-reports-team { width: 100%; } #mlm-reports #mlm-team-member { clear: both; } #mlm-reports #mlm-reports-team #mlm-team-member { margin-top: 16px; } #mlm-reports #mlm-reports-custom-area #mlm-team-member { margin-top: 24px; } #mlm-reports #mlm-reports-custom-area #mlm-team-member { margin-bottom: 8px; width: 464px; } #mlm-reports #mlm-reports-custom-area h3 #mlm-team-member { color: #F58229; float: left; font-size: 14px; font-weight: bold; margin-right: 8px; } #mlm-reports #mlm-reports-custom-area select #mlm-team-member { float: left; } #mlm-reports #mlm-reports-custom-area #mlm-reports-custom #mlm-team-member { clear: both; margin: 8px 0 4px; text-align: left; } #mlm-reports #mlm-reports-custom-area th #mlm-team-member { vertical-align: bottom; } #mlm-reports #mlm-reports-custom-area #mlm-report-pages #mlm-team-member { float: right; } #mlm-order-history { margin-top: 16px; } #mlm-team-member { margin-top: 4px; } #mlm-header .filters { float: left; } #mlm-header .filters button { background: #F58229; border: 1px solid #B2B2B2; color: #FFF; padding: 0 4px; } #mlm-header .filter { padding-right: 4px; } #mlm-header .filter select { margin-right: 4px; } #mlm-order { width: 100%; } #mlm-order #mlm-team-member { text-align: left; } #mlm-order #mlm-team-member td { padding: 0 4px 0 0; } #mlm-order #mlm-team-member td.col-right { padding: 0; } #mlm-order #mlm-team-member td.total { border-top: 1px solid #333; } #mlm-team-member .reporting-pages a { color:#808080; font-size:10px;} #mlm-team-members { border-collapse: collapse; padding-top: 16px; width: 467px; } #mlm-team-members p { margin: 0; padding: 0; } #mlm-team-members a{font-size:12px;} #mlm-team-members a.smaller-link, #search-profiles-box a.smaller-link{font-size:10px; text-transform:uppercase;} #mlm-team-members .ambassador-name{font-size:14px; font-weight:bold;} div.ambassador-name { color: #808080; } #mlm-team-members .member-type{font-size:12px; color:#bf0229; text-transform:uppercase;} #mlm-team-members .living-barefoot-about{background-color:#fde6d4; padding:5px 5px 5px 15px;} #mlm-team-member-list { margin-bottom: 4px; } #mlm-team-members .mlm-team-member-avatar {width:48px;} #mlm-team-members .mlm-team-member-avatar img { height: 47px; width: 47px; margin-top:3px;} #mlm-team-members .mlm-team-member-info { width: 424px; } #mlm-team-members .mlm-team-member-joined, #mlm-team-members .mlm-team-member-location { color: #333; } #mlm-team-members tr.orange-row td{background-color:#fde6d4; padding:2px 0px 3px 15px;} #mlm-team-members tr.white-row td{background-color:#fff; padding:2px 0px 3px 15px;} #mlm-team-members hr { border: none; border-bottom: 2px solid #ECECEC; margin: 2px 0; } #mlm-team-manage { float: left; text-transform: lowercase; } #mlm-team-member-pages { float: right; } #mlm-team-requests { clear:both; padding-top: 16px; width: 464px; } #mlm-payments { margin-bottom: 8px; } #mlm-payment-history button { background: #F58229; border: 1px solid #B2B2B2; color: #FFF; padding: 0 4px; } #mlm-payment-pages { float: right; } #ambassador-edit-event { margin-bottom: 15px; } #ambassador-edit-event .event-picture { width: 180px; height: 180px;border: 2px solid #EAEAEA; margin-bottom: 15px; overflow: hidden; } #ambassador-list-events dt { font-weight: bold; font-size: 15px; } #ambassador-list-events dd { margin: 0; } #ambassador-list-events dd img { float: right; margin: 3px; } #ambassadorSignupGrid{margin-top:0px;} #membersInterface h1, #bodyInner h1.left { margin:-2px 0px 0 -5px;} #membersInterface .memberSearchBox { margin-bottom:32px; float:right; margin-top:4px; text-align:right } #membersInterface .memberSearchBox input.searchKeywords { width:100px} #membersInterface .memberList { clear:both } #membersInterface .memberList .member { margin-bottom:16px; } #membersInterface .memberList .member.notFirst { padding-top:16px; border-top:1px solid #ececec } #membersInterface .memberList .member .avatar { float:left; width:120px; } #membersInterface .memberList .member .memberText { float:left; width:545px; } #membersInterface .memberList .member .memberText .uName { font-weight:bold } #membersInterface .memberList .member .memberText .ambassador { color: #BF0222 } #membersInterface .memberList .member .memberText .profileLink { float:right; color:#888 } #membersInterface .memberList .member .memberText .location { color:#666 } #membersInterface .memberList .member .memberText .interests { color:#666 } #my-marketplace #sidebar { float:left; width:182px; margin-left:24px; } #my-marketplace #body { margin-right: 23px; width: 675px !important; display: inline;} #my-marketplace #bodyInner { } #my-marketplace #marketplaceimage { padding: 10px; } #my-marketplace .bodyBar { clear: both; margin-bottom: 10px; } #my-marketplace div.sidebar_product_view { width: 33%; float: left; } #my-marketplace #body h1 {font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; padding-top:0px; margin-top:0px; margin-bottom:10px; color:#bf0222; line-height: 100%; font-size:18px; font-weight: normal; text-decoration: none; } #my-marketplace #marketplaceTop {padding-bottom: 15px; } #my-marketplace #events .event { border-bottom: 1px dashed #A2A2A2; padding-left: 16px; clear: both; } #my-marketplace #events dl { width: 425px;} #my-marketplace #events .eventImage { display: block; float: right; margin-right: 30px; } #my-marketplace #events dt { font-weight: bold; font-size: 15px; } #my-marketplace #events dd { margin: 0; } #my-marketplace #events dd.eventDescription { color: #A2A2A2 } #my-marketplace #events dd.eventFundraiser { margin-top: 5px; margin-bottom: 5px; } /*Search my Team styles*/ #search-profiles-box{} #search-profiles-box-content {background:url(images/search-profiles-bg.jpg) no-repeat center top; width:151px; height:365px; padding:0px 16px 0px 13px;} #bodyRightAmbassador .team-search #search-profiles-box-content { height: 325px; } #page #content #bodyRightAmbassador #search-profiles-box-content h2{margin:0 0 10px 0; font-size:14px; color:#808080; font-family:Arial; font-weight:bold; padding-top:0px;} #search-profiles-box-content label{display:block; margin:3px 0px 0px; font-size:10px; color:#808080;} #search-profiles-box-content select, #search-profiles-box-content input{font-size:12px; display:block; } #search-profiles-box-content select{height: 19px; margin:2px 0px 6px; width:152px;} #search-profiles-box-content input{height:17px; padding:0px; margin:1px 0px 6px; width:150px;} #search-profiles-box-content submit{border:0px; } #search-profiles-box-content .submit{margin-top:13px; text-align:center; height:21px; padding-bottom:5px;} #search-profiles-box a{font-size:12px;} #search-profiles-box .search-links{margin-top:10px;} #search-profiles-box a.smaller-link{margin-left:10px; font-size:10px;} #bodyRightAmbassador #button-box{width:180px; margin-top:20px;} #bodyRightAmbassador #button-box a{font-size:12px; color:#808080; display:block; margin:0 7px; padding-top:4px;} #bodyRightAmbassador #button-box .button-top{background:url(images/top-btn.jpg); height:28px;} #bodyRightAmbassador #button-box .button-middle{background:url(images/middle-btn.jpg); height:26px;} #bodyRightAmbassador #button-box .button-bottom{background:url(images/bottom-btn.jpg); height:26px;} /**Join My Team Page**/ #ambassadorSignupLeftCol.team-switch-adjustment{width:680px; float:left; margin-left:-3px;} #ambassadorSignupLeftCol.team-switch-adjustment h1{margin-left:-6px;} #ambassadorSignupLeftCol.team-switch-adjustment p{line-height:14px;} .join-team-left-content{float:left; width:480px;} .join-team-left-content h2{margin-top:25px; width:400px;} .join-team-left-content a{font-weight:bold; color:#333;} .image-right{margin:-24px 0px 0px 20px;} /* Standard Form formatting */ div.standard-form {font-family: Arial, Helvetica, sans-serif; font-size:12px; } div.standard-form label { color: #33CCCC; /* WINTER2011: #f68a37; */ text-decoration:none; font-weight:bold; } div.standard-form .ccm-input-text, div.standard-form .ccm-input-password, div.standard-form .uak-text { width:95%; padding:2px; border:1px solid #ccc;} div.standard-form .half { width:50%; float:left; } div.standard-form .half-left { width:50%; float:left; text-align:right; } div.standard-form .half-right { width:50%; float:right; } div.standard-form .half-left label { margin-right: 6px; } div.standard-form input.input-text, div.standard-form textarea { padding:2px; } div.standard-form textarea { border:1px solid #ccc; width: 95%; height:100px; } div.standard-form input.input-text, div.standard-form select, div.standard-form textarea { background:#FFFFFF; } div.standard-form div.ccm-button { background:none;} div.standard-form .ccm-error {color: #bf0222;} div.standard-form .row2 { padding-bottom: 6px;} div.standard-form .row { margin-bottom: 12px; } div.standard-form .row label { margin-bottom: 3px; } div.standard-form fieldset { border:none; margin-left: 50px;} div.standard-form .sample-text { color:#ccc; } div.standard-form .form-buttons { margin-top: 14px; } div.standard-form .form-buttons input { margin-right: 6px; } .form-field { margin-bottom: 15px; } .form-field h2 { color: #333; } .form-field .ccm-input-text { width: 330px; } .form-field .ccm-input-textarea { width: 350px; height: 100px; } .form-field .ccm-input-date { font-size: 10px; padding: 1px 2px; width: 65px;} #submit.ccm-input-submit{display:inline-block;} .ccm-input-submit, .submit, .orange-btn, .checkout-onepage-index button { color:#fff; background-color:#f58229; text-align:center; display:inline-block; margin-right:6px; padding: 2px 8px 2px 8px; border:1px solid #8e8076; font-weight:bold; font-size:11x; -moz-border-radius: 5px; border-radius: 5px; } .ccm-input-submit, .submit, .orange-btn, .checkout-onepage-index button.right { margin-right: 0px; margin-left: 6px; } a:hover.orange-btn, a:visited.orange-btn{color:#fff; text-decoration:none;} /* profile/edit formatting */ div#profile-about-sites .ccm-input-text { width: 47%;} div textarea#uAboutMe { width: 95%; } /* profile view */ div.discussion-profile { margin-top: 6px; } div.discussion-profile .discussion-post { margin-bottom: 6px; } div.discussion-profile .discussion-post-info { color: #666; font-size:11px; } div.discussion-profile .discussion-post-body { } /* Ambassador Signup Form */ .ccm-input-date {width: 70px; } .sidebar_product_view .productPrice { color: #888888; } .sidebar_product_view .productPrice .newPrice { font-weight: bold; color: #bf0222; } .sidebar_product_view .productFormat { color: #888888; } span.product-detail-contributor { color:#f58229; } div.message { margin:4px 4px 8px 0; padding:2px 2px 2px 0; color:#62B713; font-weight:bold; } div.message a { text-decoration: underline; } div.error, div.ccm-error, ul.ccm-error { margin:4px 4px 4px 0; padding: 2px 2px 2px 0; color:#bf0222; font-weight:bold; } span.warning { color: #bf0222; } #body #bodyInner ul.ccm-error li, ul.ccm-error li { list-style:none; padding:0; margin:0; } #popupBody { background:#fff; text-align:center } #popupBody .ccm-edit-mode-disabled-item{ margin:auto ;} /* marketplace page elements */ .myFavorites .sidebar_product_view{ height: 295px; position: relative; } .myFavorites .sidebar_product_view .productImage { width: 180px; height: 198px; margin: 0 auto; position: relative;} .myFavorites .sidebar_product_view .productImage a { position: absolute; left: 0; bottom: 0; width: 180px} .myFavorites .sidebar_product_view .productImage a img { margin: 0 auto; } .myFavorites .sidebar_product_view .product-name { margin-top: 8px; } .myFavorites .sidebar_product_view .add-to-cart-buttons { position: absolute; bottom: 0; left: 0; width: 100%; height: 29px; } .myFavorites .sidebar_product_view .add-to-cart-buttons a { display: block; width: 120px; height: 29px; margin: 0 auto; background: transparent url(images/button_add_to_basket.png) no-repeat center center; text-indent: -99999px; } .myReviews #reviewExpand { height: 20px; padding-right: 15px; margin-top: -8px; text-align: right; text-transform: uppercase; font-size: 80%; } .myReviews .review { overflow: hidden; padding-top: 11px; border-top: 1px dashed #808080;} .myReviews .firstReview { padding-top: 0; border: none; } .myReviews .reviewImage { float: left; width: 100px; padding-right: 23px; } .myReviews .reviewImage a { display: block; } .myReviews .reviewImage a img { display: block; margin: 0 auto 0 auto; } .myReviews .reviewText { float: left; width: 523px; } .myReviews .reviewProduct { margin: 0; font-size: 12px; line-height: 1.1; font-weight: bold; } .myReviews .reviewProduct a { color: #000; } .myReviews .reviewTitle { color: #f58229; line-height: 1.1; margin: 0;} .myReviews .ratingContainer { display: inline-block; width: 55px; height: 10px; background: url(images/stars_sprite.gif) repeat-x; } .myReviews .ratingContainer .reviewRating { display: block; height: 10px; width: 0; background: url(images/stars_sprite.gif) repeat-x 0 -10px;} .myReviews .ratingContainer .rated_1 { width: 11px; } .myReviews .ratingContainer .rated_2 { width: 22px; } .myReviews .ratingContainer .rated_3 { width: 33px; } .myReviews .ratingContainer .rated_4 { width: 44px; } .myReviews .ratingContainer .rated_5 { width: 55px; } .myReviews .reviewImage { } .myReviews .reviewDate { color: #808080; } .myReviews .reviewCopy { margin-bottom: 14px; } .myEvents .event { padding-top: 10px; border-bottom: none !important; border-top: 1px dashed #A2A2A2;} .myEvents .firstEvent { border-top: none; } .myEvents .eventImage { margin: 0 0 10px 31px !important; } .myEvents .eventName { font-size: 12px; margin: 0; } .myEvents .eventDate, .myEvents .eventAddress { display: block; } .myEvents .eventAddress .directionsLink { font-size: 80%; line-height: 1.8;} .myEvents .eventDescription { color: #808080; margin-bottom: 13px; padding-right: 31px; } .myEvents .eventFundraiserLink { display: block; margin: 13px 0; width: 154px; line-height: 19px; text-align: center; font-weight: bold; color: #fff; background: #f58229; border: 1px solid #b2b2b2; } /* marketplace right column */ #sidebar .welcomeMessage { width: 158px; height: 139px; } #sidebar .message-1 { background: url(images/marketplace-welcome-1.gif) no-repeat; } #sidebar .message-2 { background: url(images/marketplace-welcome-2.gif) no-repeat; } #sidebar .welcomeMessage a { display: block; padding-top: 96px; text-align: center; font-size: 80%; font-weight: bold; color: #f58229; } #sidebar .avatarWrap { margin: -9px 0 9px; } #sidebar .displayName { margin: 0; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #f58229; } #sidebar .sidebarHeadline { margin: 0; font-size: 17px; color: #f58229; } #sidebar .sidebarText { margin: 0 0 10px; font-size: 12px; line-height: 1.2; color: #808080; } #sidebar .sidebarNav { position: relative; width: 158px; } #sidebar .sidebarNav ul.nav li { margin: 0; } #sidebar .sidebarNav ul.nav li a { display: block; padding-left: 9px; text-transform: none; color: #808080; height: 18px; background: url(images/mkt-sidebar-nav-bg.gif) no-repeat left top; font-size: 12px; padding-top: 6px; overflow: hidden;} #sidebar .sidebarNav ul.nav li a:hover { color: #F58229; background-position: left bottom; } #sidebar .sidebarNav .top-left { position: absolute; top: 0px; left: 0px; width: 9px; height: 9px; background: url(images/mkt-sidebar-nav-tl.gif) no-repeat left top; } #sidebar .sidebarNav .top-right { position: absolute; top: 0px; right: 1px; width: 9px; height: 9px; background: url(images/mkt-sidebar-nav-tr.gif) no-repeat left top; } #sidebar .sidebarNav .bottom { height: 2px; background: url(images/mkt-sidebar-nav-bg.gif) no-repeat left top; } /* IE 6 only */ * html #sidebar .sidebarNav .bottom { overflow: hidden; } #sidebar .sidebarNav .bottom .bottom-left { display: block; position: relative; margin-top: -7px; float: left; height: 9px; width: 9px; background: url(images/mkt-sidebar-nav-bl.gif) no-repeat left top; } #sidebar .sidebarNav .bottom .bottom-right { display: block; position: relative; margin-top: -6px; float: right; height: 9px; width: 9px; background: url(images/mkt-sidebar-nav-br.gif) no-repeat left top; } /* captcha */ .ccm-captcha-image { padding-bottom: 3px; padding-top: 3px; } /* forums */ #searchResults .pageLink{ font-size:12px; color:#999; margin:2px 0px 8px 0px; padding:0px; display:block } #searchResults .searchResult{ margin-bottom:24px; } #searchResults .searchResult h3{ margin-bottom:0px; padding-bottom:0px } #searchResults .searchResult p{margin-top:4px} #ccm-barefoot-search-wrapper{width:181px;margin-top:12px} #ccm-barefoot-search-field { background-image: url(images/discussion/background_discussion_search_box.gif); background-repeat: no-repeat; background-position: 0px 0px; height:26px; width:181px; } span.sort { color: #808080; } #ccm-barefoot-search-field *{ margin:0; padding:0; float:left; } #ccm-barefoot-search-field img#ccm-discussion-search-submit{ margin-left:8px; cursor:pointer; } #ccm-barefoot-search-field input { position:relative; color: #999999; top:6px; left:8px; width:130px; border:0; position:relative; } /* Sitemap */ #sitemap_wrapper {width:650px; padding:0px; margin:0 0 0 -1.3em; display:inline; float:left;} #sitemap_wrapper ul, #sitemap_wrapper li {list-style: none; width:150px; float:left; margin:0 1em 0 0; display:block;} #sitemap_wrapper h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#BF0222; padding-bottom:0.2em;} #sitemap_wrapper h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color: #33CCCC; /* WINTER2011: #f68a37; */ padding-top:0.2em; } #sitemap_wrapper p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808080; margin:0px;} #sitemap_wrapper p a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808080;} #sitemap_wrapper h3 a { color: #33CCCC; /* WINTER2011: #f68a37; */ } #sitemap_wrapper ul li h2 a {color:#BF0222;} #sitemap_wrapper a:link {text-decoration:none;} #sitemap_wrapper a:visited {text-decoration:none;} #sitemap_wrapper a:active {text-decoration:none;} #sitemap_wrapper a:hover {text-decoration:underline;} /* general */ .clearfloat { clear:both; } .alignleft { float:left; } .alignright { float: right; } .rssSummaryList { padding-top: 8px; } /* dashed hr */ .dashed { border-top: dashed #9a9a9a; color: #ffffff; } /** * Book Pages */ /*Videos on book pages*/ #book-page object { margin-top:10px; margin-bottom: 25px; margin-left: 121px; margin-right: 121px; } #book-page h1 { padding-top: 3px; text-transform: lowercase; } #book-page-search { float: right; padding-bottom: 10px; text-align: right; } #book-page.top-level.not-searchResults { position: relative } .not-searchResults #book-page-search-top-level { position: absolute; top: 198px; left: 504px; float: none; } #book-page .search-form { float: right; margin-right: -8px; } #book-page.top-level.not-searchResults h1{ display: none; } #book-page .sort-options { margin-top: 15px; } #book-page .sort-selected { font-weight: bold; } /** * Book Page Search Block Template (in public/blocks/search/templates) */ #barefoot-book-search-block h4 { margin-top: 32px; } /** * Book Page Clear Fix */ #book-page #searchResults:before, #book-page-header:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; } /** * Book Page Navigation */ #book-page-search form.search-form { display: inline-block; } .has-both #book-page-siblings div.book-page-nav-anchor{ width: 331px; padding-top: 18px; } #book-page-up { display: none; } #book-page-nav .is-top { border: solid 0px orange; } a.book-nav-link-black-bold { text-decoration: none; color: #000; font-weight: bold; } a.book-nav-link-black-bold:hover { text-decoration: none; color: #000; font-weight: bold; } /** * Catalog Request Form */ .Catalog-Request-Form-US #question-First-Name-wrapper, .Catalog-Request-Form-US #question-Last-Name-wrapper, .Catalog-Request-Form-US #question-Email-wrapper, .Catalog-Request-Form-US #question-Phone-wrapper, .Catalog-Request-Form-UK #question-First-Name-wrapper, .Catalog-Request-Form-UK #question-Last-Name-wrapper, .Catalog-Request-Form-UK #question-Email-wrapper, .Catalog-Request-Form-UK #question-Phone-wrapper { width: 48.7%; display: inline-block; } .Catalog-Request-Form-US #question-City-wrapper, .Catalog-Request-Form-US #question-State-wrapper, .Catalog-Request-Form-US #question-Postal-Code-wrapper, .Catalog-Request-Form-UK #question-City-wrapper, .Catalog-Request-Form-UK #question-County-wrapper, .Catalog-Request-Form-UK #question-Postal-Code-wrapper { width: 32.2%; display: inline-block; } /** * Survey Forms */ .miniSurveyView .captcha.wrapper { text-align: center; } .miniSurveyView .captcha.wrapper img { margin: auto; } .miniSurveyView .formBlockSubmitButton { text-align: right; margin-right: 5%; } .miniSurveyView .buttons { text-align: right; } /** * FAQS */ .faq-top-level h1 { text-transform: lowercase; } .faq-top-level .faq-section-list > li { /*remove the bullets from the questions, but do not effect any lists that might be in answers*/ list-style-type: none; } .faq-top-level .question a { color: #000000; font-weight: bold; } .faq-top-level .question a:hover { color: #F58229; } .faq-top-level .answer table { border-collapse: collapse; border-spacing: 0px; padding: 0px; width: 100%; } .faq-top-level .answer thead td { background-color: #F58229; color: #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; } .faq-top-level .answer td { line-height: 14px; padding: 4px 16px; } .faq-top-level .answer .odd td { background-color: #FDE6D4; } .MyaccountFormLeftRow { float: left; width: 50%; } .MyaccountFormRightRow { float: right; width: 50%; } .MyaccountFormSpacer { clear: both; padding-bottom: 10px; } .training-search-bar { padding-bottom: 10px; } .training-sublevel-header { padding-top: 3px; } .floatRight { float: right; } .floatLeft { float: left; } .clearBoth { clear: both; } /*********************************************************\ | HIDE HUBSPOT LOGGING \*********************************************************/ #hsjssp { display: none; }