body {margin: 0; background: #77cfd3 url(graphics/body-bg.gif) repeat-x; font: 14px arial, verdana, sans-serif; letter-spacing: .5px; line-height: 1.3em;} #outer-wrap {} #wrap {margin: 0 auto; width: 968px;} /* General Classes for miscellaneous site items */ h1 {font-size: 1.6em; letter-spacing: 0; line-height: 1.0; color: #2f4d67; margin-top: 0; margin-bottom: 0.5em; font-family: arial,sans-serif; font-weight: normal;} h2 {font-size: 1.4em; letter-spacing: 0; line-height: 1.0; color: #2f4d67; margin-top: 0; margin-bottom: 0.5em; font-family: arial,sans-serif; font-weight: normal;} h3 {font-size: 1.2em; letter-spacing: 0; line-height: 1.0; color: #2f4d67; margin-bottom: 0.5em; font-family: arial,sans-serif;} h4 {font-size: 1.0em; letter-spacing: 0; line-height: 1.0; color: #2f4d67; margin-bottom: 0.5em; font-family: arial,sans-serif;} a:link {color: #8bb2d6; text-decoration: underline;} a:visited {color: #8bb2d6; text-decoration: underline;} a:hover {color: #349fe3; text-decoration: none;} a:active {color: #8bb2d6; text-decoration: underline;} .clearfix {clear: both; margin: 0; padding: 0;} .qty-box {width: 34px; height: 22px; border: 1px solid #aaaea5; text-align: center; padding-top: 5px;} .basket-empty-msg h2 {color: #5d622b; padding: 0; margin-top: 10px;} .basket-empty-msg {background: #fff url(graphics/basket-empty-msg.gif) no-repeat; background-position: 0px 0px; margin-bottom: 75px; padding: 8px 0 0 55px; width: 400px; height: 55px;} .basket-filled-msg {background: #fff url(graphics/basket-filled-msg.gif) no-repeat; background-position: 0px 0px; margin-bottom: 0; padding: 8px 0 0 55px; width: 400px; height: 55px;} .basket-filled-msg h2 {padding: 0; margin-top: 10px;} .basket-pg-shop-btns {margin: 15px 0 30px 0; height: 40px;} .order-complete-msg h2 {padding: 0; margin-top: 10px;} .order-complete-msg {background: #fff url(graphics/order-complete-msg.gif) no-repeat; background-position: 0px 0px; padding: 8px 0 0 55px; width: 400px; height: 55px;} .horizontal-rule {margin-top: 20px; height: 0; border: 0; border-top: 1px solid #cbcbcb !important;} .horizontal-rule-prodpg {margin: 15px 0; height: 0; border: 0; border-top: 1px dashed #cbcbcb !important;} .prodpg-msrp {text-decoration: line-through;} .content-pg-subheading {margin-bottom: -5px;} /* Header */ #header {width: 968px; height: 138px;} #header-logo {margin: 12px 0 0 9px; width: 400px; height: 101px; border: none; float: left;} #header-logo img {border: none;} #toplinks {float: right; font-size: 12px !important; padding-right: 12px; text-align: right;} #toplinks .header-phone-number {font-size: 1.3em; color: #fff; text-align: right;} #toplinks ul {padding: 0; color: #fff;} #toplinks li.first {background: none;} #toplinks li {display: inline; list-style: none; background: transparent url(graphics/list-pipe.gif) no-repeat 1px 1px; padding-left: 11px;} #toplinks a:link {color: #fff; text-decoration: none;} #toplinks a:visited {color: #fff; text-decoration: none;} #toplinks a:hover {color: #adeb8a; text-decoration: underline;} #toplinks a:active {color: #fff; text-decoration: none;} /* Top Links Test Section */ #toplinks2 {width: 530px; height: 132px; float: right; font-size: 12px !important; padding-right: 12px; text-align: right; background: transparent url(graphics/free-ship-header-icon.png) no-repeat; } #toplinks2 .shipping-link {width: 200px; height: 65px; float: left;} #toplinks2 .header-phone-number {font-size: 1.3em; color: #fff; text-align: right; width: 275px; float: right;} #toplinks2 ul {padding: 0; color: #fff;} #toplinks2 li.first {background: none;} #toplinks2 li {display: inline; list-style: none; background: transparent url(graphics/list-pipe.gif) no-repeat 1px 1px; padding-left: 11px;} #toplinks2 a:link {color: #fff; text-decoration: none;} #toplinks2 a:visited {color: #fff; text-decoration: none;} #toplinks2 a:hover {color: #adeb8a; text-decoration: underline;} #toplinks2 a:active {color: #fff; text-decoration: none;} #search {float: right; width: 255px;} #search input {border: 1px solid #276a70; border-right: 0 !important; color: #615f60; background: #dbe5e4 url(graphics/search-bg.gif) no-repeat; width: 175px; height: 20px; padding: 4px 3px 0 28px;} #search .search-btn {width: 48px; height: 26px; border: none; padding: 0 !important;} #shopping-basket {margin-top: -5px;padding: 0;} #shopping-basket a:link {color: #eaffa9; text-decoration: none; font-weight: bold;} #shopping-basket a:visited {color: #eaffa9; text-decoration: none; font-weight: bold;} #shopping-basket a:hover {color: #adeb8a; text-decoration: underline; font-weight: bold;} #shopping-basket a:active {color: #eaffa9; text-decoration: none; font-weight: bold;} /* ------------------------------------------- */ /* Nav Bar Setup */ #topnav-bg {width: 968px; height: 47px; background: transparent url(graphics/topnav-bg-shadow.gif) no-repeat; padding-top: 4px; margin-bottom: -4px;} /* ** top navs styles start here** */ ul.menu {list-style: none; margin: 0 auto; padding:0; width: 960px; height: 43px;} ul.menu * {margin: 0; padding: 0} ul.menu a {display: block; color: #416f40; text-decoration: none;} ul.menu li {position: relative; float: left; margin-right: 0;} /* First level sub */ ul.menu ul {position: absolute; top: 43px; left: 0; display: none; opacity: 0; list-style: none; width: 155px;} ul.menu ul li {position: relative; border: 1px solid #5fc655; border-top: none; width: 148px; margin: 0;} ul.menu ul li a {display: block; padding: 8px 7px 8px; background-color: #f4f9f1;} ul.menu ul li a:hover {background-color: #ecffd6;} ul.menu ul ul {left: 148px; top: -1px;} #menu .lastitem {border-bottom: none !important; margin-bottom: -3px !important;} #menu .last {background: url(graphics/nav-list-bit.gif) no-repeat !important; width: 150px; height:11px; border: none !important;} /* For second level sub if present */ ul.menu .sub {background: #f4f9f1 url(graphics/arrow.gif) 134px 11px no-repeat;} ul.menu .topline {border-top: 1px solid #5fc655;} /* Nav Rollover Images */ ul.menu .return-home {background: url(graphics/topnav-home-act.gif); width: 107px; height: 43px;} ul.menu .return-home:hover, ul.menu .menuhover1 {background: url(graphics/topnav-home-hov.gif);} ul.menu .teamuni {background: url(graphics/topnav-team-uniforms-act.gif); width: 153px; height: 43px;} ul.menu .teamuni.menuhover2 {background: url(graphics/topnav-team-uniforms-hov.gif);} ul.menu .racquets {background: url(graphics/topnav-team-racquets-act.gif); width: 109px; height: 43px;} ul.menu .racquets.menuhover2 {background: url(graphics/topnav-team-racquets-hov.gif);} ul.menu .shoes {background: url(graphics/topnav-team-shoes-act.gif); width: 83px; height: 43px;} ul.menu .shoes.menuhover2 {background: url(graphics/topnav-team-shoes-hov.gif);} ul.menu .bags {background: url(graphics/topnav-team-bags-act.gif); width: 73px; height: 43px;} ul.menu .bags.menuhover2 {background: url(graphics/topnav-team-bags-hov.gif);} ul.menu .strings {background: url(graphics/topnav-team-strings-act.gif); width: 91px; height: 43px;} ul.menu .strings.menuhover2 {background: url(graphics/topnav-team-strings-hov.gif);} ul.menu .grips {background: url(graphics/topnav-team-grips-act.gif); width: 76px; height: 43px;} ul.menu .grips.menuhover2 {background: url(graphics/topnav-team-grips-hov.gif);} ul.menu .balls {background: url(graphics/topnav-team-balls-act.gif); width: 73px; height: 43px;} ul.menu .balls.menuhover2 {background: url(graphics/topnav-team-balls-hov.gif);} ul.menu .court-equip {background: url(graphics/topnav-team-courtequip-act.gif); width: 195px; height: 43px;} ul.menu .court-equip.menuhover2 {background: url(graphics/topnav-team-courtequip-hov.gif);} /* End nav bar styles */ /* ------------------------------------------- */ /* Content Section */ #content-wrap {margin: 0 !important; padding: 30px 14px 8px 14px; background: transparent url(graphics/content-bg.png) repeat-y;} #content-wrap-sfnt {margin: 0 !important; padding: 30px 14px 8px 14px; background: transparent url(graphics/content-bg.png) repeat-y;} #content-sfnt {width: 720px; float: left;} .cat-prod-pgs {padding-top: 0 !important;} #sfnt-brand-logos {width: 940px; height: 129px; margin-top: 30px; background: #fff url(graphics/sfnt-brands-logos.gif) no-repeat;} #sfnt-banner-wrap {border: none; background: #fff url(graphics/sfnt-banner-bg.gif) no-repeat; width: 720px; height: 290px; padding: 2px;} #sfnt-banner-imgs {width: 716px; height: 276px;} /* Sfnt Popular Items */ #heading-most-pop {width: 720px; height: 42px; margin: 8px 0; background: #fff url(graphics/heading-most-popular-items.gif) no-repeat;} .sfnt-popitem-placeholder {margin-right: 4px; border: 1px solid #cbcbcb;} #sfnt-popitem-placeholder .prod-price {margin-bottom: 0;} #thumbnail {text-align: center;} #thumbnail img {border: none !important; overflow: hidden;} #sfnt-popular-items {width: 724px; margin: 5px 0 0 0;} .sfnt-popular-items {width: 175px; height: 223px; margin-right: 4px; border: 1px solid #cbcbcb; float: left;} #pop-item-prodname {height: 50px; background: url(graphics/sfnt-popitems-name-bg.gif) repeat-x top left;} #pop-item-prodname .prod-name {font-weight: bold; font-size: 12.5px; color: #1f5562; margin: 0 0 5px 0; padding: 5px 0 0 4px;} #pop-item-prodname .prod-name-link:link {text-decoration: none; color: #1f5562 !important; } #pop-item-prodname .prod-name-link:visited {text-decoration: none; color: #1f5562 !important; } #pop-item-prodname .prod-name-link:hover {text-decoration: underline; color: #0078a5 !important; } #pop-item-prodname .prod-name-link:active {text-decoration: none; color: #1f5562 !important; } #pop-item-prodname .prod-price {font-weight: bold; font-size: 12.5px; color: #4db4ca; margin: 0; padding: 0 0 0 4px;} #sfnt-popular-items .prod-details {padding: 8px 0 0 4px; background: url(graphics/sfnt-popitems-view-bg.gif) repeat-x top left; height: 20px;} #sfnt-popular-items .prod-detailslink {color: #546669 !important; font: normal 12px Arial, Helvetica, sans-serif;} #sfnt-popular-items .prod-detailslink:link {text-decoration: none !important; color: #546669 !important; } #sfnt-popular-items .prod-detailslink:visited {text-decoration: none !important; color: #546669 !important; } #sfnt-popular-items .prod-detailslink:hover {text-decoration: underline !important; color: #0078a5 !important; } #sfnt-popular-items .prod-detailslink:active {text-decoration: none !important; color: #546669 !important; } /* Right Column */ #sfnt-rc {width: 202px; float: right;} #sfnt-rc img {border: none;} #sfnt-rc .rc-icon {margin-bottom: 7px;} /* Login page */ #search-form input {border: 1px solid #aaaea5; padding: 3px; vertical-align: middle; margin-right: 4px;} #search-form .search {width: 103px; height: 31px; border: none !important;} /* Wish List */ #wishlist-table {margin-bottom: 20px;} .tellafriend-fields {border: 1px solid #aaaea5; width: 230px; padding: 3px;} .tellafriend-textarea {border: 1px solid #aaaea5; width: 370px; height: 150px; padding: 3px;} /* Login Page */ #logn-account-box {margin: 30px 40px 35px; color: #4b4b4b !important; width: 398px; height: 258px; border: 1px solid #dee6d9; background: transparent url(graphics/logn-to-acnt-heading.gif) no-repeat; float: left;} #logn-account-box label.username {float: left; width: 90px; margin: 85px 0 8px 38px; font-weight: bold;} #logn-account-box label.user-passwd {float: left; width: 73px;} #logn-account-box label.email-user-passwd {float: left;} #logn-account-box label {float: left;} #logn-account-box input.username {margin: 85px 0 8px 0;} #logn-account-box input {border: 1px solid #aaaea5; width: 218px; padding: 3px;} #logn-account-box .radio-options {width: 10px; height: 10px; float: left; margin-left: 39px; border: none !important;} #logn-account-box .login-btn {width: 215px; height: 43px; border: none; margin: 25px 0 0 135px;} #logn-account-box br {clear: left;} #logn-register-box {margin: 30px 20px 35px; width: 398px; height: 258px; border: 1px solid #dee6d9; background: transparent url(graphics/logn-register-heading.gif) no-repeat; float: left;} #logn-register-box p {color: #78886d; padding-right: 7px;} #logn-register-box .register-acnt-btn {border: none; width: 235px; height: 42px; margin: 10px 0 0 75px;} #logn-guest {text-align: center; width: 840px; margin: 10px 40px 65px; clear: both; padding: 10px;} #logn-guest h3 {margin: 0 0 5px 0;} /* Category Tree */ #cattree {float: left; width: 185px;} #cattree .heading-bar-cats {margin-bottom: 0; background: url(graphics/cattree-heading-bg.gif) repeat-y;} #cattree .heading-bar-bottom {width: 185px; height: 18px; background: url(graphics/cattree-heading-bottom.gif) no-repeat; margin: 0 0 18px 0;} #cattree h2 {font-size: 18px; letter-spacing: 0; line-height: 1.0; color: #117985; background: transparent url(graphics/cattree-heading-bar.gif) no-repeat; padding: 8px 0 0 8px; width: 185px; height: 47px; margin: 0 0 -12px 0 !important;} #cattree ul {padding: 0; margin: 0;} #cattree li {list-style: none; background: transparent url(graphics/list-cattree-arrow.gif) no-repeat 10px 12px; border-bottom: 1px solid #dee0de; padding: 9px 0 9px 23px;} #cattree li a:link {color: #384338; text-decoration: none;} #cattree li a:visited {color: #384338; text-decoration: none;} #cattree li a:hover {color: #349fe3; text-decoration: underline;} #cattree li a:active {color: #384338; text-decoration: none;} #recently-viewed-img-box {width: 155px; height: 155px; border: 1px solid #c9c9c9; overflow: hidden; background-color: #fff; text-align: center; margin: 12px 0 0 13px;} #recently-viewed-img-box img {max-width: 140px; max-height: 140px; margin-top: 20px;} .recently-view-content {font-size: 12px; padding: 0 0 1px 15px;} /* Team Ordering Category Page Layout */ #team-ordering-preview {width: 742px; float: right; margin: 10px 0 20px 0;} #team-ordering-preview img {margin-bottom: 20px;} #category-pg-layout input {border: 1px solid #c0c5be; text-align: center; width: 24px; height: 16px; } #category-pg-layout .submit {width: 106px; height: 26px; border: none !important;} #attribute-section {background-color: #eff1ee; height: 142px;} #attribute-section td {border: none !important; padding-top: 0 !important; padding-bottom: 0 !important;} .product-info-text {color: #2a5f67; padding-top: 0 !important; padding-bottom: 0 !important;} #team-ordering-preview .image-preview-left {width: 365px; height: 255px; overflow: hidden; max-width: 365px; max-height: 255px; float: left;} #team-ordering-preview .image-preview-right {width: 365px; height: 255px; overflow: hidden; max-width: 365px; max-height: 255px; float: right;} #preview-option {width: 341px; height: 56px; background: url(graphics/preview-box-bg.gif) no-repeat; color: #5a5a5a !important; font-size: 12px !important; margin: 10px 0 0 200px; padding: 25px 0 0 20px; border: 1px solid #fff;} #preview-option select {border: 1px solid #aaaea5; padding: 3px; margin-left: 8px;} #team-order-bottoms {width: 372px; float: left;} #team-order-tops {width: 372px; float: left;} #team-order {float: right;} td.teamorder-img div .zoom-view-to {position: absolute; bottom: 2px; right: 2px;} td.teamorder-img {height: 140px !important; width: 120px !important;} td.teamorder-img img {max-height: 122px; max-width: 120px;} td.teamorder-img div {height: 140px; width: 120px !important; position: relative;} #team-order-shoes {width: 744px; float: right;} /* Standard Category Page Layout */ #category-pg-layout {float: left;} #category-pg-layout h1 {font-size: 18px; letter-spacing: 0; line-height: 1.0; color: #1c535d; font-family: arial,sans-serif; font-weight: normal; background: #fff url(graphics/cat-heading-bg.gif) no-repeat; width: 737px; height: 33px; padding: 9px 0 0 8px; margin-left: 10px;} #category-pg-layout img {margin: 0 !important; text-align: center;} #category-pg-layout td {padding: 0 !important; width: 178px !important; border: 1px solid #dfdfdf; font-size: 11px;} #category-pg-layout .prodpg-name {padding: 0 0 0 4px !important;} #category-pg-layout .to-prodpg-name {padding: 5px 0 0 4px !important; margin: 0; height: 36px; line-height: 12px;} #category-pg-layout .prodpg-description {color: #4c686b; padding-left: 4px; margin: 0;} #category-pg-layout .prodpg-msrp {text-decoration: line-through; color: #617f83; padding-left: 4px;} #category-pg-layout .prodpg-price {color: #52a0b1; padding-left: 4px;} #category-pg-layout .volume-price { padding-left: 4px; margin: 0; line-height: 12px;} #category-pg-layout a:link {color: #24616c; text-decoration: none;} #category-pg-layout a:visited {color: #24616c; text-decoration: none;} #category-pg-layout a:hover {color: #349fe3; text-decoration: underline;} #category-pg-layout a:active {color: #24616c; text-decoration: none;} #product-mini-actions {background-color: #f5f6f5; color: #648589; font-size: 11px !important; margin: 0;} #product-mini-actions p {margin: 0; padding: 0;} #product-mini-actions .magnify-icon {width: 15px; height: 10px; margin-left: 3px !important;} #product-mini-actions a:link {color: #648589; text-decoration: none;} #product-mini-actions a:visited {color: #648589; text-decoration: none;} #product-mini-actions a:hover {color: #349fe3; text-decoration: none;} #product-mini-actions a:active {color: #648589; text-decoration: none;} /* Standard Category Page Layout with Subs */ #category-pg-layout-wrap {width: 745px; float: right;} #category-pg-title h1 {font-size: 18px; letter-spacing: 0; line-height: 1.0; color: #1c535d; font-family: arial,sans-serif; font-weight: normal; background: #fff url(graphics/cat-heading-bg.gif) no-repeat; width: 737px; height: 33px; padding: 9px 0 0 8px;} #category-pg-title img {margin: 0 !important; text-align: center;} #category-pg-title td {padding: 0 !important; width: 185px !important; border: 1px solid #dfdfdf;} #category-pg-layout2 {margin-left: 8px;} #category-pg-layout2 img {margin: 0 !important; text-align: center;} #category-pg-layout2 td {padding: 15px; width: 185px !important; border: 1px solid #dfdfdf;} #category-pg-layout2 .prodpg-name {padding: 0 0 0 4px !important;} #category-pg-layout2 .prodpg-description {color: #4c686b; padding-left: 4px; margin: 0;} #category-pg-layout2 .prodpg-msrp {text-decoration: line-through; color: #617f83; padding-left: 4px;} #category-pg-layout2 .prodpg-price {color: #52a0b1; padding-left: 4px;} #category-pg-layout2 a:link {color: #021214; text-decoration: underline;} #category-pg-layout2 a:visited {color: #021214; text-decoration: underline;} #category-pg-layout2 a:hover {color: #349fe3; text-decoration: none;} #category-pg-layout2 a:active {color: #021214; text-decoration: underline;} #category-pg-layout2 input {border: 1px solid #c0c5be; text-align: center; width: 28px; height: 22px; padding-top: 6px;} #category-pg-layout2 .submit {width: 106px; height: 26px; border: none !important;} /* Standard Category Prod list Template Formatting */ .cat-temp-prod-thumbs {margin: 10px 0; width: 177px; height: 120px; overflow: hidden;} .standard-prod-cells {height: 210px;} .product-name {height: 36px; margin:0; padding:6px 0 0 5px; text-align: left; font-weight: bold; text-decoration: none; line-height: 1em;} .product-price {margin:0; padding: 0 0 0 5px; text-align: left; color: #52a0b1; font-weight: bold;} .product-label-box {height: 50px; background: url(graphics/product-cell-bg.gif) repeat-x;} /* Product Page Sections */ #breadcrumbs {font: 13px arial, verdana, sans-serif; letter-spacing: .5px; color: #566669; padding: 8px 0;} #prodpg-temp {width: 740px; float: right;} #prodpg-temp-ltside {width: 340px; float: left; position: relative;} #prodpg-temp-ltside .zoom-view {width: 100px; height: 18px; position: absolute; left: 230px; top: 340px;} #prodpg-temp-ltside .alts {width: 340px; height: 89px; border: 1px solid #cacaca; background: transparent url(graphics/alt-bg.gif) repeat-x top left; margin-top: 6px;} #prodpg-temp-ltside .alts .altimg {background-color: #fff; width: 69px; height: 69px; border: 1px solid #cacaca; margin: 9px 0 0 11px; float: left; text-align: center;} #prodpg-temp-ltside .alts .altimg img {max-width: 69px; max-height: 69px; cursor: pointer;} #prodpg-image {width: 340px; height: 350px; border: 1px solid #c9c9c9; text-align: center; overflow: hidden; padding-top: 15px;} #prodpg-temp-rtside {width: 385px; float: right; color: #566669;} #prodpg-temp-rtside h1 {font-size: 18px; letter-spacing: 0; line-height: 1.0; color: #1c535d; margin-top: 0; margin-bottom: 0.5em; font-family: arial,sans-serif; font-weight: normal;} #prodpg-temp-rtside p {padding: 0; margin: 0 0 4px 0;} #prodpg-temp-rtside .prodpg-msrp {text-decoration: line-through;} #prodpg-temp-rtside .prodpg-price {color: #3796a7; font-size: 18px;} #prodpg-temp-rtside .prodpg-view-descript {font-size: 12px !important;} #prodpg-temp-rtside .prodpg-view-descript:link {color: #2e6a80 !important; text-decoration: none; font-weight: bold;} #prodpg-temp-rtside .prodpg-view-descript:visited {color: #2e6a80 !important; text-decoration: none; font-weight: bold;} #prodpg-temp-rtside .prodpg-view-descript:hover {color: #2e6a80 !important; text-decoration: underline; font-weight: bold;} #prodpg-temp-rtside .prodpg-view-descript:active {color: #2e6a80 !important; text-decoration: none; font-weight: bold;} .prodpg-attribute-labels {font-weight: bold; padding: 0; margin: 0;} #prodpg-attributes select {border: 1px solid #aaaea5; padding: 3px; margin-bottom: 3px;} #prodpg-temp-rtside .addtocart-box {background-color: #f2f2f2; width: 329px; height: 60px; padding: 18px 0 0 17px; margin-top: 5px;} #prodpg-temp-rtside .addtocart {width: 169px; height: 42px; border: none !important; vertical-align: middle; margin-left: 22px;} #additional-features-box {width: 346px; height: 65px; margin-top: 6px;} #additional-features-box p {background-color: #f2f2f2; padding: 4px 0 4px 10px;} #additional-features-box .pg-feat-addtowishlist {float: left; width: 167px; height: 27px;} #additional-features-box .pg-feat-emailfriend {float: right; width: 164px;} #additional-features-box .pg-feat-requestquote {float: left; width: 157px; margin-top: 6px;} #additional-features-box a:link {color: #2e6a80 !important; text-decoration: none;} #additional-features-box a:visited {color: #2e6a80 !important; text-decoration: none;} #additional-features-box a:hover {color: #2e6a80 !important; text-decoration: none;} #additional-features-box a:active {color: #2e6a80 !important; text-decoration: none;} #breadcrumbs a:link {color: #566669 !important; text-decoration: none;} #breadcrumbs a:visited {color: #566669 !important; text-decoration: none;} #breadcrumbs a:hover {color: #349fe3 !important; text-decoration: underline;} #breadcrumbs a:active {color: #566669 !important; text-decoration: none;} /* Related Items */ #related-items {border: 1px solid #c9c9c9; width: 715px; height: 245px; padding: 10px; margin: 0 0 33px 0 !important; background: url(graphics/shadeactive.gif) repeat-x top left; font-size: 11px; line-height: 1.3em;} #related-items p {margin: 0; padding: 5px 0 0 2px;} #related-items .relprods {width: 130px; height: 190px; float: left; margin: 15px 12px 0 0;} #related-items .relprods-image {} #related-items .image-container {text-align: center; width: 120px; height: 120px; overflow: hidden; border: 1px solid #c9c9c9; padding: 6px;} /* Customer Checkout Pages */ #customer-checkout-pages {border: 1px solid #b8cfb8;} #customer-checkout-pages .table-heading {background-color: #dfebdf; border-bottom: 1px solid #b8cfb8; padding: 6px; color: #474c47;} #customer-checkout-pages .totals {color: #787b78;} #customer-checkout-pages .table-row-border {border-top: 1px solid #dbe7db; padding-top: 8px;} #customer-checkout-pages .basket-total-row {background-color: #f3fbf3;} .customer-information-fields input {border: 1px solid #aaaea5; width: 230px; padding: 3px;} .customer-information-fields select {border: 1px solid #aaaea5; width: 215px; padding: 3px;} .customer-pg-main-btn {text-align: right; margin-bottom: 25px;} .checkoout-fonts {color: #4f554f;} #checkout-payment-selection {margin-bottom: 5px;} #checkout-payment-selection .select-labels {float: left; width: 85px; font-weight: bold; padding-top: 4px;} #checkout-payment-selection select {border: 1px solid #aaaea5; padding: 4px;} #checkout-payment-info {margin: 4px 0 6px 0;} #checkout-payment-info .payment-labels {width: 140px !important; float: left; color: #4f554f !important;} #checkout-payment-info input {border: 1px solid #aaaea5; width: 265px; padding: 3px;} #checkout-payment-info select {border: 1px solid #aaaea5; width: 122px; padding: 3px;} #checkout-invoice {height: 30px; border-bottom: 1px solid #b8cfb8; margin-bottom: 15px;} #checkout-invoice .invoice-number {float: left; margin: 0; padding: 0;} #checkout-invoice .invoice-date-time {float: right; margin: 0; padding: 0;} #user-info-box {width: 480px; height: 115px; border: 1px solid #b8cfb8; padding: 8px;} #create-account-user-info {margin-top: 4px;} #create-account-user-info .user-acnt-info {width: 200px; float: left;} #create-account-user-info input {border: 1px solid #aaaea5; width: 265px; padding: 3px;} /* Footer */ #footer {margin: 0 auto; width: 960px; height: 128px; background: transparent url(graphics/footer-bg.gif) repeat-x; color: #878d8e;} #footer .rollover {float: left; width: 233px; height: 78px; margin: 15px 0 0 21px;} #footer ul {width: 155px; list-style-type: none; padding: 0; float: left; margin: 17px 0 0 0;} #footer li {padding-bottom: 2px;} #footer .first-list {margin-left: 50px;} #footer .list-header {color: #508c97; font-weight: bold;} #footer a:link {color: #878d8e; text-decoration: none;} #footer a:visited {color: #878d8e; text-decoration: none;} #footer a:hover {color: #48b4c8; text-decoration: underline;} #footer a:active {color: #878d8e; text-decoration: none;} #footer-wrap {width: 968px; background: transparent url(graphics/content-bg.png) repeat-y;} #footer-cap {width: 968px; height: 38px; background: transparent url(graphics/footer-bg-cap.png) no-repeat; text-align: center; color: #aeafaf; font-size: 12px;} #footer-cap .footer-copyright-text {width: 900px; margin-top: 0; padding-top: 8px;} #footer-cap a:link {color: #aeafaf; text-decoration: none;} #footer-cap a:visited {color: #aeafaf; text-decoration: none;} #footer-cap a:hover {color: #879898; text-decoration: underline;} #footer-cap a:active {color: #aeafaf; text-decoration: none;} /* ************** Product Tabs ************** */ #prodpg-tabs-box {width: 740px; float: right; margin: 0 0 15px 0;} /* Style of Tab Content Container*/ .tab-container-box {border: 1px solid #c9c9c9; width: 715px; padding: 10px} .shadetabs{ padding: 0; margin-bottom: 7px; font: bold 14px arial; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } /* Spacing between tabs */ .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 7px 10px; margin-right: -5px; border: 1px solid #c9c9c9; color: #97a493; background: #fff url(graphics/shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #97a493; } .shadetabs li a:hover{ text-decoration: underline; color: #97a493; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 0; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(graphics/shadeactive.gif); border-bottom: 1px solid #fff; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }