/* reset default styling */ * {padding: 0; margin: 0;} img {border: none;} body {background: #121212 url(../images/media/grad_background.jpg) center 0 no-repeat; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;} a {color: #ccc; text-decoration: none;} a:hover {text-decoration: underline;} a:focus {outline: none;} .clearer {clear: both;} /* site structure */ #siteContainer {width: 980px; margin: 16px auto;} #header {height: 70px; position: relative; font-size: 1.1em;} #contentContainer {min-height: 500px; padding: 15px 20px; font-size: 1.2em;} #footer {clear: both; postition: relative; padding: 0 20px; font-size: 1.1em;} #leftSidebar {width: 250px; float: left;} #main {width: 600px; float: left;} #rightSidebar {width: 270px; float: right;} /* grid */ .row {clear: both; width: 940px;} .column250 {float: left; width: 260px;} .column250 .thumbnail {float: left; width: 130px; height: 100px; text-align: center;} .column250 .thumbnail img {margin: 7px;} .column250 .thumbnail.frame {background:url(../images/media/product_page_frame_small_ref.gif) center center no-repeat;} .column400 {float: left; width: 400px; margin: 0 8px;} /* site header elements */ #logo {position: absolute; top: 0; left: 0;} #usefulLinks {position: absolute; top: 17px; right: 10px; text-align: right;} #usefulLinks li {float: left; list-style-type: none; text-transform: uppercase; margin: 3px 0 0 12px;} #usefulLinks a {color: #999;} #usefulLinks a# {} #usefulLinks a:hover {background-position: 0 35px;} /* navigation */ #navigation {padding-bottom: 30px;} #navigation li {display: inline; list-style-type: none; text-indent: -9999px;} #navigation li a {float: left; display: block; color: #999; height: 30px; text-transform: uppercase; background: url(../images/media/main_nav.gif) left top no-repeat; color: #000; padding: 0;} #navigation li a:hover {background-image: url(../images/media/main_nav_glow.gif)} #navigation li a#fashion {width: 169px; background-position: 0 0} #navigation li a#accessories {width: 111px; background-position: -169px 0} #navigation li a#jewellery {width: 90px; background-position: -280px 0} #navigation li a#beauty {width: 130px; background-position: -370px 0} #navigation li a#living {width: 68px; background-position: -500px 0} #navigation li a#dining {width: 74px; background-position: -568px 0} #navigation li a#outdoors {width: 97px; background-position: -642px 0} #navigation li a#junior {width: 74px; background-position: -739px 0} #navigation li a#recycled {width: 87px; background-position: -813px 0} #navigation li a#seasonal {width: 80px; background-position: -900px 0} .lastLink a {padding-right: 0;} /* footer elements */ #footer {font-size: 0.909em; text-align: right; position: relative;} #footer ul {float: right; text-align: right;} #footer li {float: left; list-style-type: none; text-transform: uppercase; margin-left: 10px;} #footer a {color: #999;} /* page titles */ div.title, h1.title, h2.title {text-indent: -9999px; background-position: left top; background-repeat: no-repeat; height: 45px;} #title-searchresult {background-image: url(../images/media/title_search_results.gif);} #title-checkout {background-image: url(../images/media/title_checkout.gif);} #title-logincreate {background-image: url(../images/media/title_logincreate.gif);} #title-yourbasket {background-image: url(../images/media/title_yourbasket.gif);} .cms-home div.title {background-image: url(../images/media/header_welcome.gif);} .cms-privacy-policy div.title {background-image: url(../images/media/title_privacy_policy.gif);} .cms-store-locations div.title {background-image: url(../images/media/title_storelocations.gif);} .cms-terms-and-conditions div.title {background-image: url(../images/media/title_termsconditions.gif);} .cms-delivery div.title {background-image: url(../images/media/title_deliveryinfo.gif);} .cms-no-route div.title {background-image: url(../images/media/title_pagenotfound.gif);} /* content styles */ h1, h2, h3, h4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff3997; line-height: 1.4em;} div.hr { margin: 5px 0 0; height: 15px; background: transparent url(../images/media/horizontal_line.gif) no-repeat scroll right; } div.hr hr { display: none; } /* hr {width: 100%; height: 5px; margin: 5px 0 10px; border: 0; background: transparent url(../images/media/horizontal_line.gif) right 1px no-repeat;} */ p {margin: 0 0 1.25em; line-height: 1.4em;} a {color: #ccc; text-decoration: none;} a:hover {text-decoration: underline;} #contentContainer ul {margin: 0 0 1.25em 1.5em;} #contentContainer li {text-transform: none; line-height: 1.4em;} /*.highlight {color: #ff3997;}*/ /* categories */ #products-grid-table { width: 940px; } #products-grid-table td { width: 188px; padding-right: 0; text-align: center; } #products-grid-table td div.subCategory {height: 144px;} .category-offset0 {padding-top: 1px; background-position: 1px 1px;} .category-offset5 {padding-top: 25px; background-position: 1px 5px;} .category-offset10 {padding-top: 22px; background-position: 1px 10px;} .category-offset15 {padding-top: 15px; background-position: 1px 15px;} .category-fashion-and-handbags #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_fashion_on.gif) left top no-repeat;} .category-accessories #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_accessories_on.gif) left top no-repeat;} .category-jewellery #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_jewellery_on.gif) left top no-repeat;} .category-beauty-and-travel #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_beauty_on.gif) left top no-repeat;} .category-living #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_living_on.gif) left top no-repeat;} .category-dining #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_dining_on.gif) left top no-repeat;} .category-outdoor #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_outdoors_on.gif) left top no-repeat;} .category-junior #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_junior_on.gif) left top no-repeat;} .category-recycled #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_recycled_on.gif) left top no-repeat;} .category-seasonal #products-grid-table td div.subCategory {background: transparent url(../images/media/category_frame_seasonal_on.gif) left top no-repeat;} .subCategory img {padding-top: 14px;} .subCategory h3 {margin: 0;} /* products */ .product #mainImage {width: 400px; height: 300px; background: url(../images/media/product_page_frame_ref.gif) center top no-repeat; text-align: center; padding: 9px 0;} .product .related img {background: url(images/product_thumb_background.gif) left top no-repeat; margin: 0;} .product .related.left img {margin: 12px 0 0;} .product .related.right img {margin: 12px 0 0;} #productDetails h1 {float: left; width: 285px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 2.1em; color: #ffffff; text-transform: uppercase;} .product h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.83em; color: #ff3997; text-transform: uppercase;} #productDetails .price {float: right; padding-top: 0.35em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8em; color: #ff3997;} .product a {font-size: 1.16em; font-weight: bold; color: #535353; text-transform: uppercase;} #productAvailability {padding-top: 10px;} #productAvailability input.button {float: right;} #basketMini {width: 190px; float: right;} #basketMini table {width: 100%; font-weight: bold; margin-bottom: 10px;} #basketMini table th {color: #ff3997;} #basketMini table .totals {text-align: right;} #basketMini table td {font-weight: normal;} h3 a.back-to-category {color: #ff3997; text-transform: capitalize; margin-left: 5px;} /* forms */ fieldset {border: none;} #configureProduct select {float: right;} #configureProduct #stockLevel {clear: both; font-weight: bold;} #configureProduct #addToBasket {float: right;} /* cart */ .cart {width: 940px;} #shopping-cart-table { width: auto; } /* checkout */ .opc {position: relative;} .opc form {display: inline;} #checkoutSteps {list-style-type: none;} #checkoutSteps h3 {height: 24px;} .number {display: none;} .section {clear: both; background: transparent url(../images/media/horizontal_line.gif) right top no-repeat;} .step {min-height: 1px; background: transparent url(../images/media/horizontal_line.gif) right top no-repeat; padding: 10px 0;} .col2-set {width: auto; clear: both;} .col-1, .col-2 {width: 450px; float: left; padding-bottom: 15px;} .col2 {} #checkoutSteps .col-1, #checkoutSteps .col-2 {width: 300px;} #checkoutSteps ul {list-style-type: none; margin:0;} #checkoutSteps ul.form-list {list-style-type: none; margin-left: 0;} #checkoutSteps li {padding-top: 5px;} #checkoutSteps li.allow div.step-title {cursor: pointer;} .block-progress dt {margin-top: 10px;} .block-progress dt.complete span {color: #ff3997;} #review-buttons-container {text-align: right;} .validation-advice {color: #ff3997;} #checkout-review-table {width: 600px;} #checkout-review-table th {text-align: left;} #checkout-review-table tfoot th {text-align: right; padding-right: 10px;} /* html home page (category grid) */ #category-products h1 {margin-bottom: 15px; text-indent: -9999px; background: transparent url(../images/media/header_welcome.gif) no-repeat;} #category-products #products-grid-table {background: none;} #category-products td {vertical-align: top; background-repeat: no-repeat;} #category-products .offset0 {padding-top: 19px; background-position: 1px 1px;} #category-products .offset5 {padding-top: 23px; background-position: 1px 5px;} #category-products .offset10 {padding-top: 28px; background-position: 1px 10px;} #category-products .offset15 {padding-top: 33px; background-position: 1px 15px;} #category-products td#fashion {background-image: url(../images/media/home_page_frame_fashion.gif);} #category-products td#accessories {background-image: url(../images/media/home_page_frame_accessories.gif);} #category-products td#jewellery {background-image: url(../images/media/home_page_frame_jewellery.gif);} #category-products td#beauty {background-image: url(../images/media/home_page_frame_beauty.gif);} #category-products td#living {background-image: url(../images/media/home_page_frame_living.gif);} #category-products td#dining {background-image: url(../images/media/home_page_frame_dining.gif);} #category-products td#outdoors {background-image: url(../images/media/home_page_frame_outdoors.gif);} #category-products td#junior {background-image: url(../images/media/home_page_frame_junior.gif);} #category-products td#recycled {background-image: url(../images/media/home_page_frame_recycled.gif);} #category-products td#seasonal {background-image: url(../images/media/home_page_frame_seasonal.gif);} #products-grid-table td {padding-bottom: 15px;} /* search */ #search_form {} #search_form label {color: #999999; font-weight: normal; padding-right: 4px;} #search_form input {vertical-align: middle;} #search_form #search {background-color: #1b1b1b; color: #999999; border: 1px solid #666666; padding: 2px;} /* search results */ #search-label {float: left; color: #ff3997; text-transform: uppercase;} #products-grid-table, #categoryBottom .pages {padding-top: 10px;} #search-results #products-grid-table td {width: 172px; background: transparent url(../images/media/search_results_frame.gif) left top no-repeat; padding: 8px 16px 15px 0;} #search-results #products-grid-table td.empty {background: none;} #search-results #products-grid-table td.last {padding-right: 0;} #categoryTop .amount {display: block;} #categoryTop .limiter {display: none;} #categoryTop .pages {display: none;} #categoryTop .sorter {float: right;} #categoryBottom .amount {display: none;} #categoryBottom .limiter {display: none;} #categoryBottom .pages {display: block; text-align: center;} #categoryBottom .sorter {display: none;} .amount {text-align: center;} #contentContainer .pages ol {float: right;} #contentContainer .pages li {float: left; list-style-type: none; padding: 5px 0 20px 0; margin-left: 10px;} .pages .current {font-weight: bold; color: #FF3997;} .cart fieldset {clear: both;} .cart .buttons {text-align: right;} #contentContainer ul.messages, #contentContainer ul.messages ul {list-style-type: none; margin: 0;} .productList {width: 940px; text-align: left;} .productList col {width:auto;} .productList hr {margin: 0;} .productList th {color: #FF3997; font-weight: normal; text-transform: uppercase; text-align: left; padding: 10px 0;} .productList td {padding: 5px 5px 5px 0; } .productImage {width: 80px; height: 80px;} .productImage img {background-color: #fff;} .productDescription {width: 295px; text-transform: capitalize;} .view {width: 375px;} .buy {width: 190px;} #priceLabel {text-transform: uppercase; color: #FF3997;} .category {font-weight: normal; color: #ff3997;} .paginationLinks {text-align: right;} .paginationLinks a {font-size: 1.1em; font-weight: normal; color: #ffffff;} .paginationLinks li {display: inline; padding: 0 5px;} .paginationLinks li .current {font-weight: bold; color: #ff3997;} /* content pages */ .cms-terms-and-conditions li {margin: 10px 20px 0;} .cms-store-locations table {width: 940px;} .cms-store-locations table td {vertical-align: top; padding-right: 10px;} /* login */ #login-form .col-1 {margin-right: 25px;} #contentContainer #login-form ul.form-list {list-style-type: none; margin-left: 0;} /* My Account Specific */ .dashboard a {text-decoration: underline;} .dashboard a:hover {text-decoration: none;} #leftSidebar a {text-decoration: none;} #leftSidebar a:hover {text-decoration: underline;} .customer-name {width: 650px;} .dashboard, .customer-name, h3, h4, h5 {margin-top: 5px; margin-bottom: 5px; font-weight: lighter;} .dashboard {width: 650px;} .back-link {margin-right: 15px;} .input-box {margin-bottom: 7px;} .input-text-email {width: 250px;} #my-orders-table {width: 648px;} #my-orders-table col {width: 108px;} #my-orders-table th {width: 108px; text-align: left;} #main .col-1, #main .col-2 {width: 300px;} #contentContainer #form-validate ul {margin-left: 0;} /* Sitewide buttons */ button.button::-moz-focus-inner {padding: 0; border: 0;} /* FF Fix */ button.button { overflow: visible; width: auto; border: 0; padding: 0 0 0 8px; background: url(../images/bkg_button.gif) 0 50% no-repeat; cursor: pointer; -webkit-border-fit: lines; /* <- Safari & Google Chrome Fix */ } button.button span { float: left; padding: 0 8px 0 0; background: url(../images/bkg_button.gif) 100% 50% no-repeat; font: bold 12px/21px Arial, Helvetica, sans-serif; text-align: center; white-space: nowrap; color: #ccc; }