/******************************************************** ** ** Path to Purchase Styles ** ** - This is for Path to Purchase CSS Styles only ** - NO Global Styles should be included here ** - Styles are tab arranged to show inheritance ** and layout structure ** ********************************************************/ /*** Global across categories and products ***/ h1 {clear:both; padding:10px 23px 0; margin:0; font-size:22px; font-weight:normal; font-family:georgia, serif; color:#ccc; border-bottom:1px dotted #d9d6cb;} h1 b {color:#83ACDD;} #sidebar {display: none; clear:both; width:300px; margin:10px 0 10px 0px; padding:0 0 0 20px; color:#687681;} #sidebar-area {} .sml-espot {margin:10px 0 0 0;} #suggest-box {float:left; width:306px; margin: 0; padding:0;} #prod-recent-view {} #prod-related {} #sidebar h3, #suggest-box h3, #prod-related h3 {margin:0; font-size:14px; color:#444;} #sidebar ul, #suggest-box ul {padding:5px 10px; margin:0; list-style-type:none;} #sidebar li, #suggest-box li {padding:3px 0;} #sidebar a, #suggest-box a {font-size:11px; text-decoration:none;} #sidebar a:hover, #suggest-box a:hover {color:#999;} #breadcrumb { margin:0; padding:6px 20px 2px; color:#747474; height: 20px; font-size:12px;} #breadcrumb a, #breadcrumb span {float: left; font-weight: bold; display: block; text-decoration:none; padding:2px 3px; font-size:10px;} #breadcrumb a:hover {text-decoration:underline;} #breadcrumb a.last {color:#7d7d7d;} .crumbs {padding-top: 2px; white-space: nowrap; max-width: 800px; overflow: hidden;} .crumbtrail-separator { float: left; display: block; width: 6px; height: 10px; padding: 1px 5px 0; margin-top: 3px;} #suggest-box > div > div {width: 306px; padding-bottom: 8px; margin: 3px 0; background-image: url('../../images/panel-300px-btm.gif'); background-position: bottom; background-repeat: no-repeat;} #suggest-box > div > div > h3:first-child {width: 260px; height: 20px; padding: 9px 23px 0; color: white; background-image: url('../../images/panel-300px-hed.gif'); background-position: bottom; background-repeat: no-repeat;} #suggest-box > div > div > ul {width:260px; padding: 10px 23px; background-image: url('../images/panel-300px-mid.gif'); background-repeat: repeat-y;} #suggest-box > div > div > ul > li > img {float: left; width: 80px; padding: 0 10px 0 0; vertical-align:middle;} #display-area {width:100%;} .boxed {float:left; margin:0; padding:10px; width:153px; height:140px; color:#444; text-align:center; } .content-spot {margin:10px 0; padding:30px; color:#fff; background:#FF4A11;} #left-col {margin-top: 8px; position: relative; top: -172px; float: left;} /*** Product Page ***/ #product-display-body {background-color: #f1f1f1; padding-bottom: 8px;} #product-area {width:920px; clear:none; float:left; margin: 0 0 0 7px; padding: 15px 3px; background-image:url('../images/panel-920px-mid.gif'); background-repeat: repeat-y;} #product-area-top {clear: both; margin: 0 7px 0; height: 8px; width: 926px; background-image:url('../images/panel-920px-top.gif');} #product-area-btm {clear: both; margin: 0 7px; height: 8px; width: 926px; background-image:url('../images/panel-920px-btm.gif');} #product-area-suggest {width: 306px; float: right; margin-right: 7px;} #product-area-suggest .genericESpot a {display: none;} #product-area-suggest .genericESpot a:last-child {display: block; margin: 5px 2px;} #prod-left {float:left;width:200px; padding: 5px 20px 10px 20px;} #prod-image {} #prod-related {font-size:11px; padding:0 0 2px;} #prod-related h5 {display:none;} #prod-related table {padding:0 10px;} #prod-related td {padding:3px 0; margin:0; line-height:13px;} #prod-related p.first {padding:0; margin:15px 10px; font-size:9px;} #view-larger {padding: 5px 20px;} #view-larger img {float: left;} #view-larger .label {float: left; padding: 0 5px 2px;} #print-share {float: right;} #print-share ul {list-style-type: none; margin: 0;} #print-share ul li {float: left; } #print-share a {text-decoration: none;} #print-share a:hover {text-decoration: underline;} #print-share #share {margin-top: 2px; margin-left: 14px;} #print-icon {float: left; display: block; padding-top: 3px; margin-right: 3px;} #print-text {float: left; padding: 2px 0 0 5px;} #mail-icon {float: left; display: block; padding-top: 3px; margin-right: 3px;} #mail-text {float: left; padding-left: 5px; } #prod-right {float:left;width:646px;} #prod-right span.label {font-weight: bold; color: black; margin-right: 5px; } #prod-right h3 {font-size:10px; margin:0 0 10px 0; padding:0; color:#555; font-weight:normal;} #prod-name {margin:10px 0; font-weight: bold; font-size: 16px;} #prod-short-desc {margin:10px 0; font-size: 14px;} /* #prod-price {float:left; margin:20px 0; width:200px;} */ #prod-price {margin: 0 0 15px 0;} .offer-price {font-size:10px;} .offer-price span.label {display: none;} .price {font-size:14px; font-weight:bold; color:#900;} #prod-promo {float: right; margin: 15px -10px 0 15px; width: 164px; height: 54px; font-weight: bold; padding: 10px 15px 10px 115px; background-image: url('../images/promo-sticker.png'); background-repeat: no-repeat;} .prod-sale {margin:0; padding:6px 0; color:#252525; font-size:12px;} #prod-reward {font-size:10px;} #prod-reward span {font-size:12px; font-weight:bold; color:#5b7081;} #prod-promo-price {float:left; margin:20px 0 20px 10px; padding:5px; width:165px; border:1px solid #71A429; background:#EEF4E5;} #subscriptionOptionsDiv {margin-bottom: 15px; } #prod-right a#addToCartBtn {margin: 0 5px 0 1px; border-color: #e2e3de #b7b6b2 #b7b6b2 #e2e3de; border-width: 1px; border-style: solid; color: white; font-weight: bold; padding: 4px 13px 2px 33px; background-color: #3c819c; background-image: url('../images/addtocart-button-bg.gif');} #prod-right a#addToCartBtn:active {border-color: #b7b6b2 #e2e3de #e2e3de #b7b6b2;} #prod-right a span.label {color: #0076a3;} #prod-right input#quantity {width: 40px;} #pers-info {color: #757575; font-size: 9px; font-style: italic; margin-top: 17px;} #prod-links {clear:both; margin:10px 0 0 0;} #prod-links ul {list-style-type:none; padding:0; margin:0;} #prod-links a {margin:2px 0; color:#000; font-size:9px;} #prod-links a:hover {} table.prod-form {padding:0; margin:0; padding:10px; background:#fff; border:1px solid #ccc;} table.prod-form th {padding:3px; text-align:left; font-weight:normal; font-size:9px;} table.prod-form td {padding:5px;} .buy-header {padding-top:20px; font-family:Georgia, serif; font-size:18px;} #prod-details {width:616px; margin-left: 7px; background-image:url('../images/panel-610px-mid.gif'); background-repeat: repeat-y;} #prod-details .tabs {} #prod-details-btm {width: 622px; height: 8px; background-image: url('../images/panel-610px-btm.gif'); background-repeat: no-repeat;} #itemsLinkDiv {} #subscriptionOptionsDiv div.select , #catEntryOptionsDiv div.select {width: 290px; margin-top: 10px;} #subscriptionOptionsDiv div.select div.options-list ul.options li.option, #catEntryOptionsDiv div.select div.options-list ul.options li.option {white-space: nowrap;} /*** Product Page - Lead gen form***/ form#leadGenForm {font-size:11px; padding: 0 0 10px;} form#leadGenForm #leadgen-text1 {margin: 0 0 15px; font-size: 12px;} form#leadGenForm dt{font-size:11px;} form#leadGenForm dt.partNumber div.select {width: 260px;border-bottom:1px solid #E2E2E2;margin-bottom:15px} form#leadGenForm dt.lineseparator{width: 530px;border-bottom:1px solid #E2E2E2;margin:15px 0px;} form#leadGenForm dd span.error-validate-msg {padding:2px;} form#leadGenForm b {color:#252525;} form#leadGenForm dl.form .required {color: red; font-weight: bold; padding: 0 1px; } form#leadGenForm dl.form dt {width: 135px; text-align: right;} form#leadGenForm dl.form dd {} form#leadGenForm dl.form dd.bustype {position: relative;} form#leadGenForm dl.form dd select, form#leadGenForm dl.form dd input { top: -17px; left: 140px; width: 260px;} form#leadGenForm dl.form dd div.select#billCountry div.selected, form#leadGenForm dl.form dd div.select#typeOfBusiness div.selected {width: 244px;} form#leadGenForm dl.form dt.error { font-weight: bold; color: red; } form#leadGenForm dl.form dd.error div.selected, form#leadGenForm dl.form dd.error input {border: 1px solid red; background-color: #fff5f5;} form#leadGenForm dl.form dd.error span {display: block; color: red; padding-left: 140px; width: 270px; font-size: 10px; font-weight: bold;} form#leadGenForm dl.form dd span.note {display: block; color: #757575; font-size: 10px; width: 410px; padding: 3px 0;} form#leadGenForm dl.form span.note .small {display: block; font-size: 9px; text-align: right; padding: 4px 0 6px;} form#leadGenForm dl.form span.note a {font-weight: bold; } form#leadGenForm dl.form dd.bustype div.options-list {width: 250px;} form#leadGenForm dl.form dd.state {width: 119px; } form#leadGenForm dl.form dd.state input {width: 107px; } form#leadGenForm dl.form dd.state div.select {width: 119px;} form#leadGenForm dl.form dt.zip { position: relative; top: -24px; left: 193px; height: 0; padding: 0 5px; } form#leadGenForm dl.form dd.zip { padding: 0; height: 0;} form#leadGenForm dl.form dd.zip input { position: relative; top: -27px; left: 342px; width: 58px; } form#leadGenForm dl.form dd.phone {width: 119px;} form#leadGenForm dl.form dd.phone input {width: 107px;} form#leadGenForm dl.form dt.fax { position: relative; top: -24px; left: 149px; height: 0; padding: 0 5px; } form#leadGenForm dl.form dd.fax { padding: 0; height: 0;} form#leadGenForm dl.form dd.fax input { position: relative; width: 107px; top: -27px; left: 293px; } form#leadGenForm dl.form dd.agree input {width: 20px;} form#leadGenForm dl.form div.formline {clear: both;} form#leadGenForm dl.form div.formline dt {position: static; float: left; padding: 4px 0;} form#leadGenForm dl.form div.formline dd {position: static; float: left; padding: 0 5px 2px; } form#leadGenForm dl.form div.formline dd input {position: static;} form#leadGenForm dl.form div.formline .note {display: block; height: 18px; padding: 0 0 5px 0; text-align: right;} form#leadGenForm dl.form div.formline dd.company .note {display: block; height: 18px; padding: 0 0 5px 0; text-align: right; float: right;} form#leadGenForm dl.form div.formline dd.company {width: 272px; } form#leadGenForm dl.form div.formline div#billCompanyErr, form#leadGenForm dl.form div.formline div#shipCompanyErr { clear: both; padding: 0; height: 18px; } form#leadGenForm dl.form div.formline dt.zip { width: 73px; } form#leadGenForm dl.form div.formline dt.fax { width: 24px; } form#leadGenForm dl.form div.formline dd div.select { position: static; } form#leadGenForm dl.form div.formline div.options-list {position: relative;} form#leadGenForm dl.form div.formline div.error-validate-msg {width:260px; text-align: left;} form#leadGenForm dl.form div.formline .errorPlaceholder{margin-left: 135px;} form#leadGenForm dd span.error-validate-msg#state, form#leadGenForm dd span.error-validate-msg#zip, form#leadGenForm dd span.error-validate-msg#phone, form#leadGenForm dd span.error-validate-msg#fax {white-space: nowrap;} form#leadGenForm dl.supplemental-form {padding: 0 20px;} form#leadGenForm dl.supplemental-form dt {height: 0; width: 135px; } form#leadGenForm dl.supplemental-form dt.wide {height: auto; width: 400px; margin: 15px 0 5px;} form#leadGenForm dl.supplemental-form dt span.narrow { display: block; padding-top: 4px; text-align: right;} form#leadGenForm dl.supplemental-form dt.lineseparator {width: 530px;} form#leadGenForm dl.supplemental-form dd {margin-left: 140px; width: 260px;} form#leadGenForm dl.supplemental-form dd input[type=text] {width: 100%;} form#leadGenForm dl.supplemental-form dd input[type=password] {width: 100%;} form#leadGenForm dl.supplemental-form dd div.select {width: 244px; color:#252525;} #leadgen-submit {margin: 10px 0 0 160px;} /* * Please note that in this section the order is significant as styles are intended to override each * other in specific situations. */ ul.tabNavigation {list-style: none; margin: 0; padding: 0; height:43px; background:#f1f1f1 url('../images/tab-tail.gif') right bottom repeat-x;} ul.tabNavigation li {height: 43px; display: inline; float: left;} ul.tabNavigation li.inactive-before {background-position: left bottom; background-image: url('../images/tab-mid-inactive.gif')} ul.tabNavigation li.inactive-first {background-position: left bottom; background-image: url('../images/tab-end-inactive.gif')} ul.tabNavigation li.inactive-after {background-position: right bottom; background-image: url('../images/tab-mid-inactive.gif')} ul.tabNavigation li.inactive-last {background-position: right bottom; background-image: url('../images/tab-end-inactive.gif')} ul.tabNavigation li.active {background-position: left bottom; background-image: url('../images/tab-mid-active.gif')} ul.tabNavigation li.active a {background-position: right bottom; background-image: url('../images/tab-mid-active.gif')} ul.tabNavigation li.active-last {background-position: left bottom; background-image: url('../images/tab-mid-active.gif')} ul.tabNavigation li.active-first {background-position: left bottom; background-image: url('../images/tab-end-active.gif')} ul.tabNavigation li.active-last a {background-position: right bottom; background-image: url('../images/tab-end-active.gif')} ul.tabNavigation li a {height: 43px; display:block; font-weight: normal; color: #666; text-decoration: none;} ul.tabNavigation li a.selected {} ul.tabNavigation li a:hover {} ul.tabNavigation li a:focus {} ul.tabNavigation li a span {position: relative; padding: 12px 37px 10px 5px; top: 12px; left: 13px; font-weight: bold; color: #252525;} ul.tabNavigation li.active a span {padding: 12px 9px 10px 13px;left: -5px; margin-right: 2px;} ul.tabNavigation li.active-first a span {padding: 12px 10px 10px 12px;left: -3px; margin-right: 2px;} ul.tabNavigation li.inactive-before a span {left: 6px; padding: 12px 10px 10px 12px; margin-right: 2px;} ul.tabNavigation li.inactive-first a span {left: 13px; padding: 12px 10px 10px 12px; margin-right: 8px;} ul.tabNavigation li.inactive-after a span {left: -6px; padding: 12px 10px 10px 14px;} ul.tabNavigation li a.selected {margin-left: 10px;} ul.tabNavigation li.active-first a.selected {margin-left: 16px;} ul.tabNavigation li a.selected span {color: #8b2346;} div.tabs > div {padding:10px 23px;} div.tabs > div {display:inline-block} div.tabs > div h2 {margin-top: 0;} div.tabs div.inner {width:570px;} div.tabs div.hidden {display: none;} div.tabs b {font-weight: bold; } #prod-bottom {clear:both; padding: 4px 0 0 0;} .clean {border:0;} .clean th {padding:3px; background:#6da7f6; color:#fff; font-size:10px;} .clean td {padding:7px; background:#eee; color:#666; font-size:11px;} .needed {background:#6da7f6; margin:10px 0; padding:30px; color:#fff; position:relative;} #qtyError{color:red; display:none; padding-top: 5px;} /** Search Results Styles **/ #content-area-search {clear:both; padding:9px 0 0 7px; background-color: #f1f1f1; } #search-results-left {position: relative; top: -4px; float: left; width: 181px;} .search-panel {width: 181px; background-image: url('../images/filter-mid-bg.gif'); background-repeat: repeat-y;} .search-panel h2 {margin: 0; font-size: 13px; padding: 12px 23px 0; color: white; height: 20px; background-image: url('../images/filter-top-bg.gif'); } .search-panel-btm {height: 11px; background-position: bottom; background-image: url('../images/filter-btm-bg.gif'); background-repeat: repeat-y;} .search-panel .button-container {padding: 10px 23px; text-align: right; } .search-panel .message {padding: 10px 23px 0; color: red; font-weight: bold;} .search-panel .auto-correct {padding-bottom: 5px; font-weight: normal; color:red;} .search-panel .auto-correct .term {font-weight: bold;} .search-filter .keyword-label {border-top: 1px solid #e1e1e1; padding-top: 10px; padding-bottom: 10px; margin-top: 10px;} .search-filter .keyword-label:first-child {border-top: none; padding-top: 0; margin-top: 0;} .search-filter {padding-top: 15px; margin: 5px 23px 0; font-weight: bold; color: #252525; font-size: 11px; border-top: 1px solid #d6d6d6;} .search-filter:first-child {border-top: none; margin-top: 0;} .search-filter h3 {font-size: 11px; margin-top: 0; padding: 0;} .search-filter input[type=text] {width: 136px; margin-left: 13px; margin-bottom: 3px;} .search-filter ul {list-style-type: none; padding: 0 0 10px; width: 132px; margin: 0; } .search-filter ul.last {border-bottom: none; padding-bottom: 0; margin-bottom: 5px;} .search-filter ul li {color: #0076a3; text-decoration: none; cursor: pointer; badding-bottom: 0;} .search-filter ul li:hover {color: #787878;} .search-filter ul li .number {color: #707070; font-weight: normal;} .search-filter ul li.dimension-control {padding: 8px 0 0 14px; cursor: pointer; background-position: 1px 8px; background-repeat: no-repeat; background-image: url('../images/icons/see-more.gif');} .search-filter ul li.dimension-control.open {background-image: url('../images/see-less.gif');} .search-filter ul li.facet-add-more {display: none;} .search-filter select {margin-left: 10px; position: relative; top: -5px;} .facet-remove {text-decoration: none; display: block; text-align: right; height: 1px;} #newSearchTerm {width: 122px; margin: 0 23px; } #categoriesIdSearchForm {margin-bottom: 12px; width: 132px;} #categoriesIdSearchForm ul.options li {color: #252525; font-weight: normal;} #categoriesIdSearchForm ul.options li.selected, #categoriesIdSearchForm ul.options li:hover {color: white;} #search-results-right {float:left; padding-left:2px; width:588px; margin-bottom: 12px;} #search-top { width: 585px; } #results-text {font-size:16px; color:#83ACDD; font-weight:bold;} #search-sort-area {text-align:right; float: right; width: 100px;} #search-sort-area .select {font-size:10px; width: 100px; text-align: left;} #search-sort-area li {display: list-item; height: auto; float: none} .compare-nav {float: left; padding:6px 13px 8px; text-align:center;} .compare-nav span { color: #838383; padding-left: 5px;} #search-results-right #display-area #no-search-results { margin: 0 3px; padding: 10px 23px; background-color: white;} #search-results-right #display-area #no-search-results .panel-250px-whitebg {margin: 7px;} #search-results-right #display-area #no-search-results .panel-250px-whitebg:first-child {margin-left: 0;} #search-results-right #display-area h2 {font-size: 13px; color: #252525; font-weight: bold;} #search-results-right #display-area span.term {font-weight: bold;} .searchHeaderPromo { width: 920px; padding-left: 3px; padding-bottom: 10px;} .searchHeaderPromo > img { width: 920px; } #search-espots-col {margin-left: 773px; width: 150px; } #search-espots-col .genericESpot > img, #search-espots-col .genericESpot > div, #search-espots-col .genericESpot > a {margin: 0 0 10px; border: 1px solid #c7c7c7;} #search-espots-col div.searchPromoImg, #search-espots-col div.searchPromoImgContent, #search-espots-col div.searchPromoContent {background-color: white; margin-bottom: 10px;} #search-espots-col div.searchPromoContent {border-top: 1px solid #e1e1e1;} #search-espots-col div:first-child img {margin-top: 2px;} #search-espots-col div.searchPromoImgContent, #search-espots-col div.searchPromoContent {border-bottom: 1px solid #e1e1e1;} #search-espots-col {padding: 36px 0 10px;} #search-espots-col .searchPromoImg .featured-image img, #search-espots-col .searchPromoImgContent .featured-image img {width: 150px;} #search-espots-col .searchPromoImgContent .featured-image img {margin-bottom: 5px;} #search-espots-col div.name, #search-espots-col div.title {margin: 5px; font-size: 12px; font-weight: bold; border-width: 0 1px; } #search-espots-col div.description {margin: 5px; font-size: 11px; } #search-espots-col div.link {margin: 5px; font-size: 12px; } #search-type-bar {width: 585px;} #search-top .page-bar {height: 40px; background-position: bottom; width: 585px; background-image: url('../images/search-top-bg.gif');} .page-jump {float:right; padding: 0; margin: 10px 18px 0 0;} .page-jump li {list-style-type: none; display: inline-block; border: 1px solid #cecece; overflow: hidden; vertical-align: middle; min-width: 14px; height: 14px; background-color: white; font-weight: bold; text-align: center; text-decoration: none; color: #0076a3; } .page-jump li a {display:block; margin:0 auto; min-width:12px;} .page-jump li.current, .page-jump li:hover {color: white; background: #0076a3;} .page-jump li.current a, .page-jump li:hover a {color: white; background: #0076a3; text-decoration: none;} .page-jump li a.arrow {padding: 0;} .page-jump li a.arrow img {} .page-jump li a.arrow:hover img {position: relative; top: -14px;} #search-btm {clear: both; height: 47px; background-position: bottom; width: 585px; background-image: url('../images/search-btm-bg.gif');} #search-btm .page-jump { padding-top: 6px;} #search-btm .compare-nav { padding-top: 12px; } #display-area {clear: both; padding-left: 7px; background-color: #e5e5e5; width: 578px; background-image: url('../images/display-area-bg.gif');} .news#display-area {padding: 0; width: 585px;} .normal-product {overflow: hidden; float: left; color:#666; margin: 0 0 0 1px; height: 340px; width: 180px; padding: 0 5px 0 4px; border-top: 1px solid #e5e5e5;} .normal-product .featured-image {display:block; padding: 4px 4px 4px 4px; height: 180px; width:180px;} .normal-product .featured-image img {width: 180px; height: 180x;} .normal-product .compare {padding: 0 13px; display: none;} .normal-product .name { font-weight: bold; padding: 13px 6px 0;} .normal-product .description { padding: 2px 6px 13px; } .normal-product .link {padding: 2px 6px 13px; } #display-area .search-filter {clear: both; display:none;} .normal-news {margin: 0 3px; background-color: white; padding: 5px 12px; border-top: 1px solid #c3b8b8;} .normal-news:first-child {padding: 5px 12px; border-top: none;} .normal-news.even {background-color: #f5f5f5;} .modal-background{position:fixed; top: 0; left: 0; width: 100%; height:100%; background-color: rgba(0,0,0,0.5);} #comparePopOverArea{position:fixed; text-align: center; top:0; left:0; width:100%; height: 100%; display:none;} #comparePopOver-top{position: relative; z-index:99999; margin: 200px auto 0; width: 256px; height:8px; background-image:url('../images/panel-250px-top.png');} #comparePopOver{position: relative; z-index:99999; margin: 0 auto; width: 210px; height:120px; padding:23px; background-image:url('../images/panel-250px-mid.png');} #comparePopOver-btm{position: relative; z-index:99999; margin: 0 auto; width: 256px; height:8px; background-image:url('../images/panel-250px-btm.png');} #comparePopOver p:first-child {color:#8b2436; font-size: 12px; font-weight:bold} #comparePopTooFewArea{position:fixed; text-align: center; top:0; left:0; width:100%; height: 100%; display:none;} #comparePopTooFew-top{position: relative; z-index:99999; margin: 200px auto 0; width: 256px; height:8px; background-image:url('../images/panel-250px-top.png');} #comparePopTooFew{position: relative; z-index:99999; margin: 0 auto; width: 210px; height:75px; padding:23px; background-image:url('../images/panel-250px-mid.png');} #comparePopTooFew-btm{position: relative; z-index:99999; margin: 0 auto; width: 256px; height:8px; background-image:url('../images/panel-250px-btm.png');} #comparePopTooFew p:first-child {color:#8b2436; font-size: 12px; font-weight:bold} /*** Product Compare ***/ #compare-content-area {padding: 10px 7px; background-color: #f1f1f1; } #compare-content-area .crumbtrails-separator {margin-top: 0;} #compare-prod-top {height: 8px; width: 926px; background-image: url('../images/panel-920px-top.gif');} #compare-prod-btm {height: 8px; width: 926px; background-image: url('../images/panel-920px-btm.gif');} #compare-prod-mid {padding: 10px 3px; width: 920px; background-image: url('../images/panel-920px-mid.gif');} #compare-prod-mid .button-bar h1 {float: left; padding: 0 23px 0; height: 35px; float:left; color:#8B2346; display:block; margin:none; border: none; font-family:Helvetica,Arial,sans-serif; font-size:24px; font-weight:normal; } #compare-prod-mid .button-bar {padding: 0 20px 10px 0; border-bottom: 3px solid #939393; text-align: right;} #compare-prod-table {font-size: 12px;} #compare-prod-table thead th {} #compare-prod-table thead td {font-size: 14px; padding: 10px 20px 10px 0;} #compare-prod-table thead td .product-name {padding: 10px 0 0;} #compare-prod-table tbody th {width: 205px; text-align: left; padding: 10px 20px; border-top: 1px solid #e1e1e1;} #compare-prod-table tbody td {width: 205px; text-align: left; padding: 10px 20px 10px 0; border-top: 1px solid #e1e1e1;} #compare-prod-table tfoot th {border-top: 3px solid #939393;} #compare-prod-table tfoot td {border-top: 3px solid #939393;} /* No-results Search Page */ .no-results-search .try-again {border: thin solid rgb(227, 227, 227); padding: 15px; font-size: 13px; width: 300px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;} .no-results-search .search-columns {margin-top: 20px;} .no-results-search .search-columns .col-title {font-size: 12px; font-weight: bold; margin: 0 0 -5px 0;} .no-results-search .search-columns .col-1, .no-results-search .search-columns .col-2, .no-results-search .search-columns .col-3 {float:left; width:155px;} .no-results-search .search-columns ul {list-style-type: none; margin-left:-40px;} .no-results-search .search-columns li {margin-bottom:8px;} .no-results-search .search-columns .col-1, .no-results-search .search-columns .col-2 {padding-right:30px;} /* No-results Search Page */ h1 {display: none; } h3 {padding-left: 10px; } #sub-categories-display {position:relative;} #visual-area { height: 172px; } #issues-area {width: 176px; margin: 7px 0 7px 7px; border-bottom: 1px solid transparent; background-image: url('../images/left-panel-btm.png'); background-repeat: no-repeat; background-position: bottom;} #issues-area h3 { height: 19px; margin: 0; padding: 10px 13px 0; font-size: 12.5px; color: white; background-image: url("../images/left-panel-top.png"); background-repeat: no-repeat; } #issues-area .section { padding: 5px 13px 0; margin-bottom: 13px; background-image: url('../images/left-panel-mid.png'); background-repeat: repeat-y; } #issues-area .vert-spot {padding-top: 5px; font-weight: bold;} #issues-area .vert-spot a {color: #0076a3; text-decoration: none;} #issues-area .vert-spot a:hover {text-decoration: underline;} #category-area {width: 176px; padding: 0 0 8px 7px; background-image: url('../images/panel-170px-btm.png'); background-position: 7px bottom; background-repeat: no-repeat;} #category-area h3 {font-size: 12.5px; height: 19px; margin: 0; padding: 10px 13px 0; vertical-align: middle; width: 150px;} #category-area h3 span.header-text {color: white; margin: 0; } #category-area > div, #category-area > h3#catalog-request, #category-area > ul { margin: 0; padding: 10px 13px; width: 150px; list-style-type: none; background-image: url('../images/panel-170px-mid.png'); background-repeat: repeat-y; } #category-area > h3#catalog-request {padding: 10px 23px 0; } #category-area > div.catalog-link {padding: 5px 23px; } #category-area > ul > li { padding:0; margin:0; height: 34px; border-bottom: 1px solid #E6E6E6; background-position: center top; background-repeat: no-repeat;} #category-area > ul > li.covered {border-bottom: 1px solid transparent;} #category-area > ul > li:first-child { padding-top: 1px; background-position: center -1px; } #category-area > ul > li > a, #category-area .flyout-overstate > a { display: block; overflow: hidden; height: 34px; width: 150px; color:#252525; } #category-area > ul > li > a > span { display: block; width: 125px; padding-left: 10px; } #category-area .flyout-overstate > a > span { display: block; width: 115px; padding-left: 8px; } #category-area .child-category > ul {display: none;} #category-area .flyout { position: relative; height: 5px; margin: 0; padding: 0; width: 0; left: 150px; } #category-area .flyout .flyout-overstate {z-index: 1100; position: absolute; left: -155px; padding: 2px 0 0 7px; top: -36px; height: 36px; width: 160px; background-repeat: no-repeat; background-position: left top;} #category-area .flyout .flyout-overstate a:hover, #category-area .flyout .flyout-overstate a {text-decoration: none; color: #0076A3;} #category-area .flyout .flyout-container {z-index: 1000; position: absolute; left: -5px; background-repeat: no-repeat; } #category-area .flyout[pos=top] .flyout-container {position: absolute; top: -36px; } #category-area .flyout[pos=btm] .flyout-container {position: absolute; bottom: 5px; } #category-area .flyout[pos=top] .flyout-anchor {background-repeat: no-repeat; } #category-area .flyout[pos=top] .flyout-anchor {width: 5px; position: absolute; top: 5px; bottom: 0px; background-position: left bottom;} #category-area .flyout[pos=btm] .flyout-anchor {width: 5px; position: absolute; top: 0px; bottom: 5px; background-position: left top;} #category-area .flyout .flyout-anchor-fill {width: 100%; background-position: left top; background-repeat: repeat-y;} #category-area .flyout[pos=top] .flyout-anchor-fill {position: absolute; bottom: 5px; top: 0px;} #category-area .flyout[pos=btm] .flyout-anchor-fill {position: absolute; top: 5px; bottom: 0px;} #category-area .flyout .flyout-top { padding-top: 5px; margin-left: 5px; background-position: right top; background-repeat: no-repeat; } #category-area .flyout .flyout-btm { padding-bottom: 5px; background-position: right bottom; background-repeat: no-repeat; } #category-area .flyout .flyout-main { padding: 0 2px 0 18px; background-position: right center; background-repeat: repeat-y; } #category-area .flyout .flyout-main > ul { float: left; margin: 0 19px 0 0; padding: 0; min-width: 160px; max-width: 230px; list-style-type: none;} #category-area .flyout .flyout-main > ul li { display: block; height: 15px; padding: 8px 0 2px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid rgba(216,218,214,0.6); width: 100%;} #category-area .flyout .flyout-main > ul li a { padding: 0 10px;} #category-area .flyout .flyout-browse-all {height: 15px; font-size: 120%; padding: 10px 10px 5px;} #category-area .flyout {display: none;} /* background ../images for flyout */ #category-area .flyout[pos=btm] .flyout-overstate {background-image: url('../images/flyout-tab-up.png'); } #category-area .flyout[pos=top] .flyout-overstate {background-image: url('../images/flyout-tab-dn.png'); } #category-area .flyout[pos=top][cols='1'] .flyout-anchor {background-image: url('../images/flyout-1col-btm.png'); } #category-area .flyout[pos=btm][cols='1'] .flyout-anchor {background-image: url('../images/flyout-1col-top.png'); } #category-area .flyout[pos=top][cols='2'] .flyout-anchor {background-image: url('../images/flyout-2col-btm.png'); } #category-area .flyout[pos=btm][cols='2'] .flyout-anchor {background-image: url('../images/flyout-2col-top.png'); } #category-area .flyout[pos=top][cols='3'] .flyout-anchor {background-image: url('../images/flyout-3col-btm.png'); } #category-area .flyout[pos=btm][cols='3'] .flyout-anchor {background-image: url('../images/flyout-3col-top.png'); } #category-area .flyout[cols='1'] .flyout-anchor-fill, #category-area .flyout[cols='1'] .flyout-main {background-image: url('../images/flyout-1col-mid.png'); } #category-area .flyout[cols='2'] .flyout-anchor-fill, #category-area .flyout[cols='2'] .flyout-main {background-image: url('../images/flyout-2col-mid.png'); } #category-area .flyout[cols='3'] .flyout-anchor-fill, #category-area .flyout[cols='3'] .flyout-main {background-image: url('../images/flyout-3col-mid.png'); } #category-area .flyout[cols='1'] .flyout-top {background-image: url('../images/flyout-1col-top.png'); } #category-area .flyout[cols='2'] .flyout-top {background-image: url('../images/flyout-2col-top.png'); } #category-area .flyout[cols='3'] .flyout-top {background-image: url('../images/flyout-3col-top.png'); } #category-area .flyout[cols='1'] .flyout-btm {background-image: url('../images/flyout-1col-btm.png'); } #category-area .flyout[cols='2'] .flyout-btm {background-image: url('../images/flyout-2col-btm.png'); } #category-area .flyout[cols='3'] .flyout-btm {background-image: url('../images/flyout-3col-btm.png'); } /* Start Services Nav */ .services-nav { margin-top: 8px; } .services-nav #category-area .flyout .flyout-main > ul li { border-bottom: none; display:block; min-height: 80px; min-width: 235px; overflow: hidden; padding: 8px 0 2px; white-space: normal; width:100%; } .services-nav #category-area .flyout .flyout-main > ul li p a {margin-left: -10px;} .services-nav .flyout .flyout-browse-all {display:none;} /* End Services Nav */ #center-col {width: 440px; margin-left:186px; margin-bottom: 9px;} #alerts-area { margin: 0 2px 1px; padding-top: 7px; width: 436px; border-bottom: 1px solid transparent; background-image: url('../images/main-panel-btm.png'); background-repeat: no-repeat; background-position: bottom;} #alerts-area h3 { height: 20px; padding: 9px 23px 0; font-size: 13px; margin: 0; color: white; background-repeat: no-repeat; } #alerts-area .section { margin-bottom: 13px; padding: 8px 23px; background-image: url('../images/panel-430px-mid.gif'); background-repeat: repeat-y; } #alerts-area .section .vert-spot {padding: 0 0 10px;} #alerts-area .section .vert-spot .date {padding: 5px 0; color: #757575;} #alerts-area .section .vert-spot .headline {font-weight: bold; color: #252525;} #alerts-area .section .vert-spot .teaser {color: #252525;} #alerts-area .section .vert-spot .teaser a {font-weight: bold; color: #0076a3;} #alerts-area .viewall a {color: #0076a3; font-weight:bold; text-decoration: none;} #alerts-area .viewall a:hover {text-decoration: underline;} #references-area {width: 436px; margin: 4px 2px 2px; padding-bottom: 13px; background-image: url('../images/tab-panel-btm.png'); background-repeat: no-repeat; background-position: bottom;} #references-area .tabs > div {padding: 0 23px 7px; width: 400px; background-image: url('../images/tab-panel-mid.png'); background-repeat: repeat-y;} #references-area .tabs ul.tabNavigation {background-color: transparent; height:48px; background-image: url('../images/tab-tail.png'); background-repeat: no-repeat; background-position: bottom right;} #references-area .tabs ul.tabNavigation li a {font-weight: bold; height: 48px; } #references-area .tabs ul.tabNavigation li {height: 48px; background-image: url('../images/tab-right-inactive.png'); background-position: right top;} #references-area .tabs ul.tabNavigation li span {color: #363636; left: -8px; margin: 0; padding: 12px 14px 10px; } #references-area .tabs ul.tabNavigation li.active {background-image: url('../images/tab-right-active.png'); background-position: left;} #references-area .tabs ul.tabNavigation li.active a {position:relative; left: 17px; background-image: url('../images/tab-right-active.png'); background-position: right;} #references-area .tabs ul.tabNavigation li.active a span {padding: 12px 14px 10px 18px;} #references-area .tabs ul.tabNavigation li:first-child {background-image: url('../images/tab-left-inactive.png'); background-position: left;} #references-area .tabs ul.tabNavigation li:first-child a span {left: 12px; padding: 12px 18px 10px;} #references-area .tabs ul.tabNavigation li.active:first-child {height: 48px; background-image: url('../images/tab-left-active.png'); background-position: left top;} #references-area .tabs ul.tabNavigation li.active:first-child a {left: 0; margin: 0 0 0 20px; padding: 0 1px 0 0; background-image: url('../images/tab-left-active.png'); background-position: right;} #references-area .tabs ul.tabNavigation li.active:first-child a span {left: -8px; } /* tab background images */ #references-area .tabs ul.tabNavigation {background-image: url('../images/tab-tail.gif');} #references-area .tabs ul.tabNavigation li {background-image: url('../images/tab-right-inactive.gif');} #references-area .tabs ul.tabNavigation li.active {background-image: url('../images/tab-right-active.gif');} #references-area .tabs ul.tabNavigation li.active a {background-image: url('../images/tab-right-active.gif');} #references-area .tabs ul.tabNavigation li:first-child {background-image: url('../images/tab-left-inactive.gif');} #references-area .tabs ul.tabNavigation li.active:first-child {background-image: url('../images/tab-left-active.gif');} #references-area .tabs ul.tabNavigation li.active:first-child a {background-image: url('../images/tab-left-active.gif');} #faqs-pane label {display: block; padding: 5px 0;} #faqs-pane div.selected {width: 270px; } #faqs-pane div.select { width: 270px; } #faqs-pane div.select li.option { width: 250px; } #faqs-pane .faq-section {display: none; padding: 5px 0 0; } #faqs-pane .faq-section h4 {font-size: 12.5px; margin:0;} #faqs-pane .faq-section > div {position: relative; padding: 10px 0 10px;} #faqs-pane .faq-section .Q {font-weight: bold; color: #0076a3; cursor: pointer; padding: 0 16px; background-image: url('../images/expand.gif'); background-position: left 2px; background-repeat: no-repeat;} #faqs-pane .faq-section .Q:hover {text-decoration: underline;} #faqs-pane .faq-section .active .Q {background-image: url('../images/collapse.gif');} #faqs-pane .faq-section .A {display: none;} #faqs-pane .faq-section .active .A {padding: 5px 10px 0 16px; display: block;} #faqs-pane .view-all {float: right; padding: 29px 33px 0 0; color: #0076a3; font-weight: bold; font-size: 12px;} #faqs-pane .view-all:hover {text-decoration: underline;} #references-pane .vert-spot {padding-bottom: 10px;min-height: 27px;} #references-pane .vert-spot img.icon {width: 19px; height: 21px; margin: 3px;} #references-pane .vert-spot div.icon {width:1px; height:1px;} #references-pane .vert-spot .headline {margin-left: 30px; font-weight: bold;} #references-pane .vert-spot .headline a {color: #0076a3; text-decoration: none;} #references-pane .vert-spot .headline a:hover {text-decoration: underline;} #references-pane .vert-spot .posted {margin-left: 30px; color: #757575;} #references-pane .viewall {margin-left: 30px; font-weight: bold;} #references-pane .viewall a {color: #0076a3; text-decoration: none;} #references-pane .viewall a:hover {text-decoration: underline;} #promotions-area {margin-top: 9px; margin-right: 10px; float: right; width: 300px; } #promotions-area .genericESpot > a {display: block; margin-bottom: 5px;} #promotions-area .vert-spot {display: block; margin-bottom: 10px; height:133px; background-image: url('../images/promo-panel.png'); background-repeat: no-repeat;} #promotions-area .vert-spot div.espot {margin: 2px; width: 296px; height: 129px; position: relative; overflow: hidden;} #a2cBackground {display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 998;} #a2cOk {left:50%; width:380px; margin-left:-190px; display:none; position:fixed; _position:absolute; z-index:9999; border:3px solid #8B2346; background:#fff;} #a2cOk .close-area {right:15px; position:absolute; top:10px} #a2cOkTitle {margin:20px 10px 10px 10px; font-weight:bold; font-style:italic; font-size:14px;} #a2cCatName {margin:5px 10px 10px 20px; font-size:14px;} #a2cOkShop {margin:10px;} #a2cOkCart{margin:10px;} #popupCloseWin {font-weight:bold;} #popupCloseWinX {font-weight:bold; color:red;} .volume-price{background-image:url("../images/panel-180px-btm.gif");background-position:center bottom;background-repeat:no-repeat;font-weight:bold;margin:3px 0;padding-bottom:8px;width:186px;} #promo-head {} #promo-head h1 {padding: 15px 23px 0; height: 35px; float:left; color:#8B2346; display:block; margin:none; border: none; font-family:Helvetica,Arial,sans-serif; font-size:24px; font-weight:normal; } .promos-title h2 {margin: 15px 30px 5px; clear:both; color:black; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight: bold; font-size-adjust:none;} .gifts_wrapper{ width: 910px;} .promo-td{ width:33%;height:0px;} .promo-name{font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight: bold; padding:0px 5px 0px 5px;color:#8B2346;} .promo-desc{font-family:verdana,helvetica,sans-serif; font-size:11px; padding:0px 5px 0px 5px;} .promo-select{font-family:verdana,helvetica,sans-serif; font-size:12px;} #submit_div_1 {width: 870px; padding: 5px 23px 10px; text-align: right;} #submit_div_1 button {background-image: url('../images/button.gif');} #price-area {clear: right; float: right; font-size:11px;padding:0 0 2px; margin: 15px 0 0; } #price-area-top {background-image:url("../images/panel-180px-hed.gif");clear:both;height:30px;left:-7px;position:relative;top:-5px;width:187px;} #price-area > div > div > h3:first-child{text-align: center; color:white;height:20px;padding:9px 23px 0;width:140px;margin: 0; font-size:14px;background-image:url("../images/panel-180px-hed.gif");background-position:center bottom;background-repeat:no-repeat;} #price-area > div > div > div.tierPriceID{background-image:url("../images/panel-180px-mid.gif");background-repeat:repeat-y;width:186px;} #contractPriceDiv{float:right; margin-right:3px; padding: 2px 20px 2px 0; color: #8b2436;} #unitRangeDiv{float:left; font-weight: normal; margin-left:3px; padding: 2px 0 2px 20px;} div.tierPriceID > div {clear: both; height: 16px; margin: 0 3px; padding: 2px 0 3px; border-top: 1px solid #d6d6d6;} div.tierPriceID > div:first-child {border-top: 3px solid white;} div.additional-pricing-message {margin: 0 13px;} #bundleDetails div.sku {margin-bottom:15px; margin-left:15px;} #bundleDetails .skuName{color: #8b2436; font-weight:bold; } div.tabs div.inner li {margin-bottom: 18px;} div.tabs div.inner p {line-height: 18px;}