/* Last edited: 26 April 2011 - LD Website: http://www.savilerowco.com Author: Snow Valley */ /* GLOBAL */ body {font-family:Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; } #container {width:960px;} a { color:#C37752; text-decoration:none; outline:none;} a:hover { text-decoration:underline; } *.reveal, *.button, *.submit, *[type="submit"], *[type="button"] {cursor:pointer;} p, h1, h2, h3, h4, h5 { margin: 1.2em 0 0.8em 0; } h1 { font-size: 1.8em; } h2 { font-size: 1.273em; color: #000;} h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-weight: bold; } img {display:block;} li img { overflow:hidden;} blockquote { margin: 1em; padding: 1em; font-size: 1.167em; border-left: 3px solid #ccc; background-color: #F2F2F2; } table .quantity .textfield {width:1em; padding:.25em; text-align:center;} table {border-collapse:collapse; } .no-sidebar #content{ float: none; width: auto; } .was-price span { text-decoration: line-through; } /*form elements*/ .textfield { border:1px solid #ccc; } select { border: 1px solid #ccc; padding: 1px; } input.button { font-family: Arial, Helvetica, sans-serif; } .formrow { margin-bottom:.5em;} .formrow.left {float:left;} .formrow.right {float:left; margin-left:2em;} .formrow label {display:block;} .formrow select {font-size:1.1em;} .checkbox { vertical-align:middle;} .required { color:#C37752; } .quantity-box { margin:12px 0 0 4px; width: 2.5em; height: 1.273em; padding: 2px; border: 1px solid #ccc; } textarea { font-size: 1em; font-family: Arial, Helvetica, Sans-Serif; } /* DEFAULT LAYOUT (Default.Master) */ /* header ----------------------------------------------- */ #container #header {position:relative; z-index:10; background-color:#666; margin-top:10px; height:150px;} #container #header h1 {margin:0; height:120px; width:360px;} #container #header a img {display:inline; margin:0 0 0 51px;} #container #header h1 a img {margin:0 0 0 1px;} #container #header #utility-links { position: absolute; right: 1px; top:0; color: #fff; } #container #header #currency ul, #container #header #your-account, #container #header #help, #container #header #currency, #container #header #currency h3, #container #header #currency li, #container #header #basket, #container #header #basket h3, #container #header #basket p { float: left; } #container #header #your-account { margin-top: 10px; width: 68px; font-size: 1em; color:#fff; } #container #header #help { margin: 10px 0 0 12px; font-size: 1em; color:#fff; width: 25px; outline: none; font-size: 1em; } #container #header #currency { margin-top: 10px; } #container #header #currency h3 { margin: 0 5px 0 20px; font-size: 1em; color:#fff; width: 50px; } #container #header #currency ul { margin: 0 7px 0 0; } #container #header #currency li { margin: 0 0 0 4px } #container #header #currency li a { opacity: 0.45; } #container #header #currency li a:hover { opacity: 1; } #container #header #basket h3 { margin:0 0.5em 0 0; width: 73px; } #container #header #basket h3 a { display: block; font-size: 0.7em; color:#fff; margin:10px 0 0 26px;} #container #header #basket p { margin: 0; padding-top: 3px; } #container #header #basket p a {position:relative; top:4px; right:10px; top:5px;} #container #header #orderline {position:absolute; right:1px; top:39px; margin:0;} #container #header #logged-in {position:absolute; right:10px; top:103px; text-align:right;} #container #header #logged-in p {display:inline;margin-right:1em;} #container #header #logout {text-align:left; outline: none; color:#ffffff; } /*chat*/ #container #header #whosonlink {float:right; position:relative; top:-60px; right:10px;} #container #header #whosonlink a {display:block; background:url("/assets/savilerow/images/whosonlink.jpg") no-repeat 0 0 transparent; width:212px; height:39px;} #container #header #whosonlink a img {display:none;} /*mcafee secure logo*/ #container #footer .mcafee-wrap {float:right;} /* primary navigation ----------------------------------- */ #container #header #navigation { position: absolute; width:100%; z-index: 20; padding-top: 5px; background: #666; height:23px; bottom:0; border-top:1px solid #FFFFFF;} #container #header #navigation #toplevelnav {padding-left:20px;} #container #header #navigation ul li a.toplevel {color:#fff; height:28px; display:inline-block; font-weight:bold;} #container #header #navigation ul li a.toplevel:hover {text-decoration:none;} #container #header #navigation .submenu ul li a {font-size:0.8em;} #container #header #navigation ul #toplevelnav{margin-top:5px;} #container #header #navigation li.toplevel {float:left;margin-right:15px; font-size:1.2em; display:inline;} /* primary navigation sub-menus ------------------------- */ #container #header #navigation div.submenu { visibility: hidden; position: absolute; top: 28px; z-index: 30; margin-left: 6px; background: transparent url(../images/nav/dropshadow.png) right bottom no-repeat; } #container #header #navigation div.submenu ul { margin-bottom: 8px; position: relative; left: -8px; width: 150px; background-color: #DCDCDC; border: 2px solid #fff; border-top: 0; padding-top:8px; } #container #header #navigation div.submenu li { } #container #header #navigation div.submenu a { display: block; padding: 0.5em 10px 0.5em 14px; text-decoration: none; color: #665E5E;} #container #header #navigation div.submenu a:hover { background-color: #F6F6F6; color: #000; } /*#container #header #navigation li.men div.submenu a { border-left: 4px solid #A78C61; } #container #header #navigation li.men div.submenu a:hover { border-color: #DF9C44 } #container #header #navigation li.women div.submenu a { border-left: 4px solid #B97AC3; } #container #header #navigation li.women div.submenu a:hover { border-color: #D93ACA }*/ /* search ---------------------------------------------- */ #container #header #search { position: absolute; z-index: 30; bottom: 5px; right: 10px; } #container #header #search input { float: left; } #container #header #search input.textfield { margin-right: 5px; padding: 2px; width: 189px; } #container #header #search .button {border:1px solid #b9b9b9 !important; border-width:1px !important;} /* sidebar and secondary nav ---------------------------- */ #container #sidebar { float: left; width: 170px; } #container #sidebar h3 a { color:#666; text-decoration:none; font-size:1.2em;} #container #secondary-nav { margin-bottom: 1em; font-family: Arial, Helvetica, sans-serif; } #container #secondary-nav ul { margin-bottom: 0; } #container #secondary-nav li { float: left; width: 100%; padding: 2px 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #container #secondary-nav li img { display: block; } #container #secondary-nav li.new-grouping { padding: 10px 0 2px 0; } #container #secondary-nav ul li { background: url(../images/common/dottedline-horizontal.gif) left top repeat-x; text-indent: 16px; } #container #secondary-nav li a { display: block; color:#666; font-size: 1.091em; } #container #secondary-nav ul li a, #container #secondary-nav ul li.current {color:#666; display:block;} #container #sidebar #newsletter-signup { padding:5px 0 5px; margin-bottom:10px; border-bottom:1px solid #333333; border-top:1px solid #333333; padding:5px 0 15px;} #container #sidebar #newsletter-signup h3 {font-size:1.1em; color:#333333; margin:0;} #container #sidebar #newsletter-signup p { margin: 0.5em 0; } #container #sidebar #newsletter-signup input.textfield { float: left; margin-right: 5px; padding: 2px; width: 116px;} #container #sidebar #newsletter-signup.over input.textfield { border: 1px solid #aaa; } #container #sidebar #catalogues { margin: 5px 0; } #container #sidebar #catalogues a {display:block; height:16px; width:170px; color:#333333} #container #sidebar #recommend-friend { margin-bottom: 28px } #container #sidebar #recommend-friend a {display:block; height:16px; width:170px; color:#333333;} #recently-viewed { border: 1px solid #D6D6D6; padding-top:10px;} #recently-viewed h3 {color:#333; margin:0 0 10px 20px; font-size:1.1em;} #recently-viewed a img { padding: 8px; background-color: #fff; border: 1px solid #EAEAEA; } #recently-viewed li { margin: 0 10px 10px 10px; border: 1px solid #fff; } #recently-viewed li a {margin:8px 0 1em 8px; display:block;} #recently-viewed li img { width:89px; height:89px; background:#fff;} #recently-viewed li:hover { border: 1px solid #D6D6D6; background-color: #F6F6F6; } #recently-viewed li:hover img { border-color: #EAEAEA; background-color: transparent;background:#fff; } #recently-viewed p { margin: 2px 0 8px 0; padding: 0 8px; font-weight: bold; color: #8C8C8C; text-transform:capitalize; } #recently-viewed p a { margin:0; display: block; color: #4D4D4D; } #recently-viewed.compact ul li { text-align: left; padding: 2px; } #recently-viewed.compact a img { float: left; margin: 0 5px 5px 0; padding: 2px; border: 1px solid #E1E1E1; } #recently-viewed.compact h4 { margin: 0 0 0 52px; font-size: 1em; } #recently-viewed.compact h4 a { color: #665E5E; } #recently-viewed.compact ul li p { margin: 0 0 0 52px; text-align: left; padding: 0; } #recently-viewed.compact ul li p a { text-transform: none; text-align: left; font-weight: normal; color:#C37752; } #recently-viewed.compact ul li strong { display: block; color: #000; font-size: 1.091em; } /* content area ----------------------------------------- */ #content { float: right; width: 780px; margin-top: 10px; min-height:30em;} .text-content ul li, .description ul li, #product-info .size-select .description ul li, .arrow-link { padding-left: 12px; margin-bottom: 0.5em; background:transparent url(../images/common/square-grey.gif) no-repeat scroll 0 0.35em; } /*Product Page*/ #product-info {width:440px; float:right; } #product-info .product-header{background:#666666; padding:0 0 10px 5px; margin-top:10px; height:51px; position:relative;} /*New Hemmed product template*/ #product-info .hemmed-select {width:50%; padding:0 0 2em 0; float:left;} #product-info div.hemmed-select p.size-guide {float:right; text-align:right; width:33%; margin:0;} .inner-content, .account-form { min-height: 30em; } /* category list */ #content #category-list { background: url(../images/common/dottedline-vertical.gif) left top repeat-y; } #content #category-list ul { background: url(../images/common/dottedline-vertical.gif) right top repeat-y; } #content #category-list ul li { float: left; padding: 0 10px 10px 10px; background: url(../images/common/dottedline-vertical.gif) right top repeat-y; } #content #category-list ul li img, #content #category-list ul li a { display: block; } #content #category-list ul li a:hover { opacity: .85; } /* product list */ #product-list { margin-right: -20px; padding-left:2px; } #product-list a img { padding: 9px; background-color: #fff; border: 1px solid #EAEAEA; width:160px; height:160px; display:block;} #product-list li { float: left; margin: 0 17px 10px 0; width: 180px; height: 25.5em; border: 1px solid #fff; } #product-list li:hover {border: 1px solid #D6D6D6; background-color: #F6F6F6; } #product-list li:hover img {padding: 0; margin: 9px; background-color: transparent; } #product-list p { margin: 2px 0 8px 0; padding: 0 8px; font-size: 1.273em; color: #979797; } #product-list p a { display: block; font-weight: bold; color: #4D4D4D; } #product-list p .price { font-weight: bold;/* color: #67493A;*/ } /*New Hemmed product list*/ #content #trouser-selection {height:44px; background-color:#C37752; margin-bottom:1em;} #content #trouser-selection * {margin-left:1.25em;} #content #trouser-selection * * {margin-left:auto;} #content #trouser-selection h2 {width:310px; height:15px; margin:0; padding:14px 0 0 17px; float:left; color:#fff; background: transparent url(/assets/savilerow/images/content/title-find_hemmed_trousers.gif) scroll no-repeat 17px 14px; text-indent:-9999em;} #content #trouser-selection label {text-indent:-9999em; position:absolute; display:block;} #content #trouser-selection select {margin-top:11px;} #content #trouser-selection input {margin-bottom:-5px;} /* search results */ h2 em.search-term { font-style: normal; letter-spacing: 0; color: #aaa; } #also-found { padding: 0 0 1em 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #also-found ul h3 { margin: 0; font-size: 1em; } /* paging */ .paging { position:relative; padding: 8px 10px; margin-bottom: 10px; background: url(../images/nav/bg.gif) left bottom repeat-x; color: #3E3E3E; } .paging p, .paging ul, .paging ul li, .paging ul li a, .paging .paging-controls .previous, .paging .paging-controls .next { float: left; } .paging p { margin: 0 1em 0 0; } .paging img { display: block; margin-top: 3px; } .paging ul li a { color: #A43F02; } .paging ul li { margin: 0 1em; position: relative; } .paging fieldset { float: left; margin-right: 1em; } .paging fieldset input { border: 1px solid #ccc; background-color: #fff; font-family: Arial, Helvetica, sans-serif; color: #C47856; } .paging .paging-controls { float: right; } .paging .paging-controls ul li { margin: 0 0.25em; padding: 2px 4px; } .paging .paging-controls ul li a, .paging .paging-controls ul li .current { display: block; } .paging .paging-controls ul li a:hover { text-decoration: none; background-color: #C37752; color: #fff; } .view-options { visibility: hidden; } .paging-options { visibility: hidden; position: absolute; top: -3px; left:0; margin-left: -1px;color: #665E5E; } .paging-options p.hide-options { float: none; margin: 0; } .paging-options div.container { clear: both; margin: 34px 0 0 5px; background: transparent url(../images/nav/dropshadow.png) right bottom no-repeat; } .paging-options div.panel, #paging-options-bottom div.panel { position: relative; width: 190px; left: -8px; top: -8px; padding: 0 10px 10px 10px; border: 2px solid #fff; border-top: 1px solid #E8E8E8; background: #E8E8E8; } .paging-options div.panel div { clear: both; padding: 0.75em 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } .paging-options div.panel div p { float: left; padding: 2px 0; } .paging-options div.panel div ul { float: right; } .paging-options div.panel div ul li { margin-right: 0; text-align: right; } .paging-options div.panel div ul li.current { background-color: #F9F9F9;padding: 2px 4px; } .paging-options div.panel div ul li a { padding: 2px 4px; } .paging-options div.panel div ul li a:hover { text-decoration: none;background-color: #fff; } .paging-options div.panel div.sort-options ul li a { display: block; padding: 2px 4px; } .paging-options div.panel div.sort-options ul * { float: none; } .paging-options div.panel div.sort-options ul li { margin: 0 0 0.75em 0; } /* footer ----------------------------------------------- */ #container #footer { clear:both; padding: 2em 0 5em 0; background: transparent url(../images/common/footer-logo.gif) center bottom no-repeat; text-align: center; color: #B2AEAE; } #container #footer ul { padding: 2em 0; width: 100%; background: transparent url(../images/nav/border.gif) center top no-repeat; } #container #footer li { display: inline; padding: 0 1.5em; } #container #footer a { font-weight: bold; color: #aaa; } #container .footer2 { width: 500px; margin: 1.8em auto; font-size: 91.667%; color: #aaa; text-align: center; } /* homepage specific */ #container.home #content { float: none; width: auto; } .home #content #home-feature { position: relative; z-index: 0; overflow: hidden; background-color: #D4D4D4; height :450px; } /* sign-up areas ---------------------------------------- */ .home #newsletter-signup, .cms #newsletter-signup, .trends #newsletter-signup, .home #newsletter-signup input, .cms #newsletter-signup input, .trends #newsletter-signup input, .home #catalogues, .cms #catalogues, .trends #catalogues, .home #recommend-friend, .cms #recommend-friend , .trends #recommend-friend, .home #accepted-payment, .cms #accepted-payment, .trends #accepted-payment { float: left; } .home #newsletter-signup, .cms #newsletter-signup, .trends #newsletter-signup { width: 313px; height: 72px; background: url(../images/common/newsletter-large.gif) no-repeat; } .home #newsletter-signup fieldset, .cms #newsletter-signup fieldset, .trends #newsletter-signup fieldset { margin: 40px 0 0 20px; } .home #newsletter-signup input.textfield, .cms #newsletter-signup input.textfield, .trends #newsletter-signup input.textfield { margin-right: 5px; padding: 2px; width: 217px;} .home #catalogues, .cms #catalogues, .trends #catalogues { margin: 0 4px 0 9px; } .home #catalogues a, .cms #catalogues a, .trends #catalogues a { display: block; width: 320px; height: 72px; background: url(../images/common/offers_request.jpg) left top no-repeat; text-indent: -9999px; outline: none; } .home .promo-button {float: left; margin:0 4px 0 9px;} .home #accepted-payment p , .cms #accepted-payment p , .trends #accepted-payment p, .home #recommend-friend a, .cms #recommend-friend a, .trends #recommend-friend a { display: block; width: 313px; height: 72px; background: url(../images/common/offers_friend.jpg) left top no-repeat; text-indent: -9999px; outline: none; } .home #accepted-payment p, .cms #accepted-payment p, .trends #accepted-payment p {background: url(../images/common/acceptcards.jpg) left top no-repeat; margin:8px 0 0;} .home #newsletter-signup.over, .home #catalogues a:hover, .home #recommend-friend a:hover, .cms #newsletter-signup.over, .cms #catalogues a:hover, .cms #recommend-friend a:hover , .trends #newsletter-signup.over, .trends #catalogues a:hover, .trends #recommend-friend a:hover { background-position: left bottom; } .home #newsletter-signup.over input.textfield, .cms #newsletter-signup.over input.textfield, .trends #newsletter-signup.over input.textfield { border: 1px solid #aaa; } /* Specific product styles */ .bundle-product #product-info p.productId {display:none;} .shirt-product .mono-personalisation {border-top: 1px solid #7A7A7A; margin-left:5px;} /* product page specific */ div.sub-product-content {float:left; width:330px; margin:10px 0 0 10px;} div.sub-product-content ul.buttons li {margin-right:6px;} #product-images { border:1px solid #D8D8D8; padding:10px; width:298px; background:#F4F4F2;} #product-images img { width:298px; height:298px;} #product-images p { margin: 2px 0 6px 0; padding: 4px; background: url(../images/nav/bg.gif) left center repeat-x; } #product-images p img { margin-right: 3px; width:12px; height:12px;} #product-images ul {width:300px;overflow:hidden;} #product-images ul li {float: left;} #product-images ul li img {border: 1px solid #D8D8D8; width:42px; height:42px; } #product-info h1 { color:#FFFFFF; float:left; font-size:1.5em; font-weight:500; margin:0.3em 0.3em 0.1em; } #product-info p.productId {position:absolute; right:10px; bottom:0; color:#fff; } #product-info p.price { margin: 0.75em 0 0 0; clear: both;} #product-info p.price strong { color:#fff; font-size:1.3em; font-weight:bold; margin:0 0.3em 0 0.3em;} #product-info p.price .was-price {color:#fff; font-size:1.1em} #product-info p.price-inline {font-size:1.1em;} #product-info p.price-inline strong {color: #666; margin-right:0.4em; color:#333333;} #product-info .size-select h2 { background-color: #666; color:#fff; font-size:1.1em; padding: 4px 0 4px 5px; margin-bottom:10px;} #product-info div.description {margin-left:10px;} #product-info div.description, #product-info div.colour-select, #product-info div.size-select, #product-info div.user-action, #content #reviews ul li, #content #reviews ul { padding: 1em 0 0 0; } #product-info .description a {color:#333333; text-decoration:underline;} .size-select .size-guide-key-wrapper {width:255px; border-bottom:1px solid #666666;} .size-select ul.size-guide-key {float:right; margin-top:-10px;} .shirt-product .size-select ul.size-guide-key, .bundle-product .size-select ul.size-guide-key {margin-top:10px;} #product-info div.size-select ul li {margin-left:1em; margin-right:0;} #product-info div.size-select ul.size-guide-key li div{ height:18px; width:18px; margin:0 2px 0 0;padding:0; float:left;} #product-info div.size-select ul.size-guide-key li div.no-stock {width:13px; margin:0 auto;} #product-info div.size-select ul.size-guide-key li .in-stock img {margin-top:-3px;} #product-info div.size-select ul.size-guide-key li .low-stock img {margin-top:-3px;} #product-info div.size-select ul.size-guide-key li .no-stock img {margin-top:3px} #product-info div.size-select ul.sleeve-size {float:left;} #product-info div.size-select ul.sleeve-size li.current {font-weight:bold; text-decoration:underline;} #product-info div.size-select p.sleeve-size-price {float:right; margin:0;font-weight:bold;} .size-select ul.size-guide-key li img {float:left;} .size-select ul.size-tabs{width:350px;} #product-info .select-length {width:100%;} #product-info .select-length label {float:right; padding:13px 0 0 8px;} #product-info .select-length p {float:right;} #product-info .select-length p.message {clear:right;width:400px;} #product-info div.colour-select.hemmed {width:50%; float:left;} #product-images ul.swatches li img {height:29px; width:29px;} #content #reviews .alert ul, #content #reviews .alert ul li { background: transparent; padding: 0.5em 0.5em 0.5em 0; } #product-info div.user-action-bundle, #product-info div.user-action { margin: 1em 0em 1.5em 0em } #product-info div.user-action-bundle, #product-info div.user-action { padding: 0em 0em 1.5em 0em; float:right;} #product-info div.user-action-bundle p, #product-info div.user-action p, #product-info div.user-action-bundle p { float:left; margin: 0; text-align: left; } #product-info div.user-action-bundle p.add-to-basket, #product-info div.user-action p.add-to-basket { float: right; line-height: 1.636em; text-align: right; margin-top:10px;} #product-info div.user-action-bundle p.adding, #product-info div.user-action p.adding { float: right; line-height: 1.636em; text-align: right; background:transparent url(../images/common/ajax-loader.gif) no-repeat 0 0; padding-left:25px; font-weight:bold; display:none;} #product-info div.user-action-bundle .quantity, #product-info div.user-action .quantity { width:192px; } #product-info div.description p, #product-info div.colour-select h3 { margin-left:10px; } #product-info div.description.no-features p { float: none; width: auto; } #product-info div.description p { float: right; width: 48%; border-left:1px solid #e4e4e2; padding:0 0 0.5em 10px; margin:0;} #product-info div.description ul { float: left; width: 47%; margin: 0 10px 0.75em 0; } .jacket-product #product-info div.description p, .bundle-product #product-info div.description p , .standard-product #product-info div.description p { float: none; width: 100%; border-left:none; padding:0; margin:0 0 10px 0;} .jacket-product #product-info div.description ul, .bundle-product #product-info div.description ul, .standard-product #product-info div.description ul {float: none; width: 100%; margin: 0 0 10px 0;} p.size-guide a {margin-left: 40px;} .bundle-product p.size-guide a {position:static; margin:0;} .shirt-product p.size-guide a {position:static; margin:0;} .shirt-product #product-info div.size-select p.size-guide a {margin:0;} .sub-product-content div.colour-select h3 {margin:1.0em 0 0.4em; font-size:1.2em;} .sub-product-content div.colour-select li { float: left; margin: 0 6px 6px 0; padding: 0; background-image: none; border:1px solid #D8D8D8; } .sub-product-content div.colour-select li img { height: 30px; width: 30px; border:none !important; } #product-info div.size-select p.size-guide { text-align: right;} #product-info div.size-select p.size-guide a {color:#665E5E; text-decoration:underline; float:left; margin-top:-10px;} #product-info div.size-select table { clear: both; margin-bottom: 1em; margin:0 0 5px 10px; width:97%;} #product-info div.size-select tfoot { display: none; } #product-info div.size-select thead th { padding: 6px 6px; text-align: center; } #product-info div.size-select tr { background-color: #E7E8ED; } #product-info div.size-select tr.odd { background-color: #F2F2F2; } #product-info div.size-select tr.hidden { display: none; } #product-info div.size-select th { padding: 2px 11px 2px 0; background-color: #fff; text-align: right; font-weight: normal; } #product-info div.size-select td { padding: 3px; border-bottom: 2px solid #fff; text-align: center; } #product-info div.size-select td a { display: block; width: 14px; height: 14px; margin: 0 auto; background: url(../images/common/sizeselect-bg.gif) center no-repeat; } #product-info div.size-select td a img { margin-top: 2px; } #product-info div.size-select td a.current { background: url(../images/common/sizeselect-current.gif) center no-repeat; } #product-info div.size-select ul li { float: left; padding: 0; background: none; } #product-info div.size-select .description ul li {float:none; background:transparent url(../images/common/square-grey.gif) no-repeat scroll 0 0.35em;margin-bottom:0.5em;padding-left:12px;} #product-info div.size-select ul li img { margin-right: 3px; } #product-info div.size-select p#selection { position: relative; clear: both; margin-top: 1em; padding-right: 130px; font-size: 1.091em; color: #969696; } #product-info div.size-select p#selection strong { font-weight: normal; color: #000; } #product-info div.size-select p#selection a { position: absolute; right: 0; } #product-info div.size-select .size-select-inner {margin-left:5px;} #product-info .size-select .size-selector-wrapper {background:#fff; border:solid 1px #333; margin-top:10px;} #product-info .size-select .size-selector-wrapper-tabs {background:#fff; border-left:solid 1px #7a7a7a; border-bottom:solid 1px #7a7a7a; border-right:solid 1px #7a7a7a;} .size-select ul li a {color:#333} .bundle-product #product-info div.size-select table {width:240px;} .bundle-product #product-info div.size-select{background:#fff;} .bundle-product .product-id-bundle {float:right; margin-top:-17px;} .bundle-product #product-info div.size-select .col .size-guide {float:left;} .bundle-product .bundle-desc {margin-bottom:0.2em; font-size:1.1em;} .bundle-product #product-info div.size-select p.size-guide a {margin-top:-5px;} #product-info div.tab-bar { clear: both; padding-right: 62px; } #product-info div.tab-bar p { position: absolute; top: 0; right: 4px; margin: 0.75em 0.5em 0 0; font-weight: bold; font-size:1.091em; } #product-info div.user-action p { float:left; margin: 0; text-align: left; } #product-info div.user-action p.add-to-basket { float: right; line-height: 1.636em; text-align: right; } #product-info div.user-action p.adding { float: right; line-height: 1.636em; text-align: right; background:transparent url(../images/common/ajax-loader.gif) no-repeat 0 0; padding-left:25px; font-weight:bold; display:none;} #product-info div.user-action input#quantity { margin: 0 15px 0 6px; width: 1.273em; height: 1.273em; padding: 2px; border: 1px solid #ccc; } /*Monogramming*/ #reveal-mono {width:170px; height:26px; background:url(../images/common/btn-monogramming.png) 0 0; border:none; cursor:pointer; padding:0;} #reveal-mono.close {width:170px; height:26px; background:url(../images/common/btn-monogramming.png) 0 -26px; cursor:pointer;} .mono-controls {border-left:2px solid #9f9f9f; border-right:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; background:#e1e1e1 url(../images/common/monogramming-top-bg.gif) top right no-repeat; height:32px; padding:10px; } .mono-controls input {margin-right:3px;} /*Cross Sells*/ div.related-items, div.similar-items {padding:6px 0 2em 0; width:330px; float:left; margin:10px 0 0 0;} div.related-items h3, #content #reviews h2 { color:#333333; font-size:1.1em; margin:0; margin-left:10px; font-weight:bold;} div.similar-items h3 { color:#333; font-size:1.1em; margin-left:3px;} div.related-items h3 {/*background-image: url(../images/common/title-completethelook.gif);*/ font-size:1.2em; text-transform:capitalize;} div.related-items ul, div.similar-items ul { margin-right:-6px;} div.related-items ul li , div.similar-items ul li {border:1px solid #FFFFFF; float:left; margin-right:14px; min-height:210px; padding:5px; width:141px; } div.related-items a img, div.similar-items a img {margin: 0 5px 5px -1px; padding: 3px; border: 1px solid #E1E1E1; width:135px; height:135px; } div.related-items h4, div.similar-items h4 { margin: 0; font-size: 1em; min-height:3em; } div.related-items h4 a, div.similar-items h4 a {color: #665E5E; } div.related-items ul li p, div.similar-items ul li p { margin: 0; } div.related-items ul li p a, div.similar-items ul li p a {float:right; } div.related-items ul li strong, div.similar-items ul li strong { /*color: #000;*/ font-size: 1.091em; } div.related-items li:hover, div.similar-items li:hover {border: 1px solid #D6D6D6; background-color: #F6F6F6; } /*product page reviews specific*/ #content #reviews {float:right; padding-bottom:1.364em; width:50%; width:440px; margin-top:20px;} #content #reviews dl {padding-bottom:1em;} #content #reviews dt {color:#000; float:left;padding-top:2px;} #content #reviews dd {float:right;} #content #reviews ul {padding-bottom:0; background-position: left bottom;} #content #reviews li h4, #content #reviews li p.report {color:#000;} #content #reviews li h4 { margin:0; padding-bottom:0.5em;} #content #reviews li h4 img {float:left; margin-right:10px; margin-top:-1px;} #content #reviews li p.name {font-weight:bold; margin-top:0;} #content #reviews li p.report {margin: 0.8em 0; } #content #reviews input.submit, #content #reviews input.reveal { border:none 0px; margin-top:1.664em; width:121px; height:18px; background:#665E5E no-repeat 0 0 scroll url(../Images/common/btn-addreview.gif); text-indent:-999px;} #content #reviews .reviews-inner {margin:10px 0 0 10px;} #content #reviews .reviews-inner .response {padding:1em 0;} #content #reviews .reviews-inner .response em {display:block; margin-left:26px; color:#665E5E;} #content #reviews .reviews-inner .response img {float:left; margin-top:2px;} /* bundled product page specific */ .bundle-product #product-info .sub-product p.message {width:255px;} .bundle-product #product-info .sub-product-img {float:left; width:160px; margin-left:10px;} .bundle-product #product-info div.size-select .sub-product .col {float:left; position:relative; width:255px;} #product-info div.size-select .col { position: relative; float: left; margin:0 5px 0 10px; } #product-info div.size-select .col h2 { float: none; width: 425px; } #product-info div.size-select .col .size-guide { float: none; width: auto; text-align: left; } #product-info div.size-select .size-guide ul {padding:0 0 0 6px; border-bottom:1px solid #000;} #product-info div.size-select input#quantity1, #product-info div.size-select input#quantity2, #product-info div.size-select input#quantity3 { width: 1.273em; height: 1.273em; padding: 2px; border: 1px solid #ccc; } #product-info div.size-select img.product-image { border: 1px solid #E5E5E5; } /*#product-info div.size-select .col div { padding: 6px; height: 150px; width: 190px; background-color: #F4F4F4; }*/ /*#product-info div.size-select .col th { background-color: #F4F4F4; }*/ #product-info div.size-select .col td { border-bottom: 2px solid #F4F4F4; } #product-info div.size-select .description { clear: both; margin: 0 0 1em 0; background-position: left bottom; padding:0; } #product-info div.col p.price { font-size: 1.091em; font-weight: bold; color: #000; } #product-info div.user-action p.sub-total { float: right; margin-left:10px; font-size: 1.091em; font-weight: bold; color: #000; } .delivery-options {border-top:1px solid #7A7A7A; border-bottom:1px solid #7A7A7A; width:100%; float:left;} .delivery-options p {margin:4px 0; padding:4px 0;} .delivery-options p a {color:#333; margin-left:10px; font-size:1.1em; font-weight:bold;} /*Product Review Page*/ #content.spread {float:left; width:100%;} #content.spread #reviews {margin:0; width:100%;} #content.spread #reviews h1 { background: left top no-repeat scroll url(../images/common/title-customerreviews_large.gif); text-indent:-9999px; margin:0.6em 0;} #content.spread #reviews h2 {margin:0;} #content.spread #reviews ul {margin-bottom:-2em; background-image:none;} #content.spread #reviews ul, #content.spread #reviews li {width:100%;overflow:hidden;} #content.spread #reviews li.last { background-image:none;} #content.spread #reviews li h4 img {float:left; margin-right:2.95em;} #content.spread #reviews li p {margin-left:11.3em!important; width:34.364em;} #content.spread a#back.button {margin-top:1.664em; float:left; display:block;} /* CMS content areas */ .cms #content { float: none; width: auto; position: relative; background: url(../images/common/dottedline-horizontal.gif) 0px 40px repeat-x; } .cms #content h2 { margin: 0 0 0.5em 0; padding: 0.5em 0; font-weight: normal; font-size: 1.636em; color: #C37752; } .cms #content h3 { letter-spacing: -1px; color: #000; } .cms #content h3.heading { margin-left: 20px; } /* .cms #content h4, .cms #content h5 { color: #000; } */ .cms #content p.customer-care { position: absolute; top: 0; right: 1px; margin: 0; } .cms #content #main img { margin: 0 1em 0.5em 1em; padding: 4px; border: 1px solid #ccc; } .cms #content #main img.left { float: left; margin-left: 0; } .cms #content #main img.right { float: right; margin-right: 0; } .cms #content #main img.noborder { border: none; } .cms #content p { line-height: 1.5em; } .cms #cms-content { padding: 0 0 1em 0; } .cms #main { float: left; width: 740px; padding: 0 10px 0 20px; background: url(../images/common/dottedline-vertical.gif) right top repeat-y; } .cms #sidebar2 { float: right; padding: 0 20px 0 10px; width: 140px; } .cms #sidebar2 h3 { margin-top: 0; } .cms #sidebar2 ul li { margin: 2px 0; padding: 4px 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } .cms #sidebar2 ul li a { display: block; } .cms .tab-bar li.your-account { position: absolute; right: 4px; } .cms table { clear: both; margin: 1em 0; width: 100%; } .cms thead tr { background-color: #ccc; } .cms thead th { text-align: left; font-weight: bold; } .cms tfoot tr { background-color: transparent; } .cms tr { background-color: #E7E8ED; } .cms tr.odd, .cms tr.alt { background-color: #F2F2F2; } .cms th { padding: 0.25em; border-bottom: 2px solid #fff; text-align: left; font-weight: normal; vertical-align: top; } .cms td { padding: 0.25em; border-bottom: 2px solid #fff; text-align: left; vertical-align: top; } .cms ol { margin:1em 0pt 1em 2em; } .cms ol li { list-style-type:decimal; margin-bottom:0.15em; } .cms #content h2.orders-and-returns { text-indent: -9999px; background: url(../images/common/title-ordersandreturns.gif) 0px 12px no-repeat; } .cms .landing { background: none !important; } .cms .landing #main { width: auto; float: none; padding: 0; background: none !important; } /* tab navigation bar ----------------------------------- */ #content div.tab-bar { clear: both; position: relative; margin: 1em 0 0 0; padding: 4px 2px 0 6px; background: #F6F6F6 url(../images/common/tabbar-bg.gif) left bottom repeat-x !important;} #content div.tab-bar ul li { float: left; margin: 0 2px 0 0; padding: 0 0 0 7px; background: #FCFCFC url(../images/common/tab-left.gif) left top no-repeat; } #content div.tab-bar ul li a { float: left; display: block; padding: 6px 7px 7px 0; background: #FCFCFC url(../images/common/tab-right.gif) right top no-repeat; color: #B1ADAD; } #content div.tab-bar ul li.current { background: #fff url(../images/common/tab-left-current.gif) left top no-repeat; } #content div.tab-bar ul li.current a { background: #FCFCFC url(../images/common/tab-right-current.gif) right top no-repeat; color: #665E5E; } #content div.tab-bar ul li.current { margin-bottom: 0; } #content div.tab-bar ul li.current a { padding-bottom: 8px; } #content div.tab-bar ul li:hover a, #content div.tab-bar ul li a:hover { text-decoration: none; color: #665E5E ; } /* TROLLEY AND CHECKOUT PATH */ #checkout { } #checkout h2 { margin-top: 0; padding: 12px 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #checkout h3 { clear:left; } #checkout p { margin-bottom:1em;} #checkout #trolley { float: right; width: 40%; } #checkout #trolley h4 { margin:1.25em 0 .75em 0;} #checkout #trolley .inner { margin-left:1em;} #checkout #trolley .sub-total {font-size:1.1em; margin-top:1em; padding:0 .5em; text-align: right; } #checkout #trolley .sub-total dt { margin-right: 1em; } #checkout #trolley .sub-total dt, #checkout #trolley .sub-total dd { display: inline; } #checkout #trolley .total { font-size:1.3em; margin-top: 1em;padding:0 .5em;} #checkout #trolley .total dt {float:left; font-weight:bold; } #checkout #trolley .total dd {float:right; text-align: right; font-weight:bold;} #checkout #trolley .code-entry label {padding-right:.25em; } #checkout #trolley .code-entry p {float:right; font-size:1.2em; margin-top:-2em;} #checkout #trolley .offer-code p {float:left;margin:5px 4px 0 0;} #checkout #trolley #options { margin-bottom:1.5em;} #checkout #trolley #options .formrow { margin-bottom:.25em;} #checkout #trolley #options label { display:inline;} #checkout #trolley #options .checkbox {float:left;} #checkout table { width: 100%; } #checkout table td { padding: 1em 8px; } #checkout table th.quantity { width: 8em; } #checkout table .quantity { text-align:right; } #checkout table .quantity ul { float: right; } #checkout table .quantity ul li { clear: both; width: 8em; text-align: center } #checkout table .price { text-align:right; width: 8em; } #checkout thead tr { background: #E7E8ED none; } #checkout thead th { padding: 1em 8px; } #checkout tr { background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #checkout #trolley table td h3 {border:none; clear:none; margin:0; padding:0; color:#96A410; font-size:1.1em;} #checkout #trolley table td .pic {float:left; border:1px solid #E1E1E1; margin:0 12px 5px 0pt; padding:2px; display:block; } #checkout #trolley table td p { margin:0;} #checkout #trolley table td li {float:left; margin-right:1em;} #checkout #trolley table th.item {width:30em;} #checkout #trolley table td label { font-size:1em; padding-right:.25em;} #checkout #trolley table td .button { margin-right:.1em;} #checkout #trolley table td ul.delivery-prices { margin-bottom:-1em; position:relative;} #checkout #trolley table td ul.delivery-prices li {float:none; margin:0 0 .25em 0;} #checkout #checkout-path { float:right;width:60%; background: url(../images/common/dottedline-vertical.gif) right top repeat-y; } #checkout #checkout-path .panel { margin-bottom:1.5em;} #checkout #checkout-path .button { margin-top:.25em; padding: 2px 10px; } #checkout #checkout-path .formrow.right { float: right; text-align: left; } #checkout #checkout-path h4 { margin:1em 0 .5em 0;} #checkout #checkout-path fieldset { padding: 0.5em 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #checkout #checkout-path #delivery-options h3 { margin-bottom:0;} #checkout #checkout-path #delivery-options li { padding:0; margin:0;} #checkout #checkout-path #delivery-options li input { vertical-align:middle; margin-left:-5px;} #checkout #checkout-path .instruction {padding-bottom:.5em;} #checkout #checkout-path #sign-in h3 { clear:both;} #checkout #checkout-path .step { margin-right: 1em; } #checkout #checkout-path .step .formrow .textfield {width:13.15em; padding:.15em;} #checkout #checkout-path .step .buttons {clear:both;width:100%; padding-top:.5em; } #checkout #checkout-path .step .buttons li.link {float:left;} #checkout #checkout-path .step .buttons li { float:right;} #checkout #checkout-path #payment select.type {width:14.5em;} #checkout #checkout-path #payment .card {width:14em;} #checkout #checkout-path #payment .issue .textfield {width:1.5em;} #checkout #checkout-path #payment .security .textfield {width:3em;} /*CONFIRM PAGE*/ #checkout #trolley table .qty {text-align:center;} #checkout ul.options li { font-size:1.1em; list-style-type:none; background:url(/assets/majestic/images/bullet-features.gif) no-repeat 0 3px; padding-left:12px; margin-bottom:.15em;} #checkout ul.options li a {border:none;} #checkout #checkout-path address { font-size:1.1em;} #checkout #checkout-path dl address { font-size:1em;} #checkout #checkout-path dl dt.card-detail { display:inline; padding-right:.25em;} #checkout #checkout-path dl dd.card-detail { display:inline;} #checkout #checkout-path dl dt { margin-top:.5em;} #checkout li.web-loyalty {margin-top: 20px; float:left; outline:none; padding:5px; border:none 2px #000;} /*ORDER DETAIL PAGE*/ dl.detail { margin-top:1em;} #checkout #checkout-path dl.detail dt {float:left;clear:left; margin:0;} dl.detail dd {margin-left:12em;text-align:left;} /*STOCK MATRIX RADIOS*/ .instock, .instock-default, .lowstock, .lowstock-default, .nostock, .nostock-default { margin: 0 auto 0 auto !important; padding:0 !important; width: 16px !important; height: 16px !important; border:none !important; } .instock { background:url(../images/common/in-stock-selected.png) no-repeat; cursor:pointer;} .instock-default {background:url(../images/common/in-stock.png) no-repeat; cursor:pointer;} .lowstock {background: url(../images/common/low-stock-selected.png) no-repeat; cursor:pointer;} .lowstock-default { background: url(../images/common/low-stock.png) no-repeat; cursor:pointer;} .nostock { background: url(../images/common/sizeselect-nostock.gif) no-repeat 4px 4px;} .nostock-default { background: url(../images/common/sizeselect-nostock.gif) no-repeat 4px 4px;} /*Validation alerts*/ .alert {margin:1em 0; clear:both; display:block; padding:0.8em 1em 0em 1em; background:#F9F1EE; border:1px solid #ccc;} .alert h3 { margin:0 !important; text-transform:none !important; border:none !important; padding-bottom:3px; background:url(../images/common/error-icon.gif) no-repeat 0 0px; font-size:1.1em !important; text-indent:1.8em;} .alert ul { margin:.5em 0em 1em 2em !important; padding:0 !important;} .alert ul li { list-style-type:disc !important; float:none !important; clear:both; } /*Basket alerts*/ .added-to-basket {display:block; min-height:21.25em; position:fixed; z-index:99999; bottom:0; width:450px; margin-left:505px; height:auto; background:#fff; text-align:center; color:#665E5E; border:2px solid #D6D6D6;} .added-to-basket .inner {position: relative; padding: 12px 12px 40px 25px; margin: 0 auto; text-align: left;} .added-to-basket .inner h3 {font-size: 1.6em; font-weight: normal; color:#C37752; margin:0.2em 0 0.6em; background: transparent url(../images/common/title-added_to_basket.gif) 0 3px no-repeat scroll; text-indent:-9999px} .added-to-basket .inner p {font-size:1.2em; margin:0.5em 0; margin-left:11em; } .added-to-basket .inner p.item {float:none;/*margin-left:11em;*/} .added-to-basket .inner p.variant {clear:right;} .added-to-basket .inner p a {/*color:#C47856!important;*/ text-decoration:underline;} .added-to-basket .inner p.close {width:13em; float:left; display:inline; font-size:1.4em;} .added-to-basket .inner p.checkout {width:13em; float:right; display:inline;} .added-to-basket .inner p.checkout a {background: transparent url(../images/common/title-to_checkout.gif) 0 3px no-repeat scroll; display:block;} .added-to-basket .inner p.checkout a span { text-indent:-9999px; display:block;} .added-to-basket .inner p.close a {position: absolute; right: 20px; top: 17px; display: block; width: 80px; height: 17px; padding-right: 20px; background: url(../images/common/icon-close.png) right center no-repeat; color: #665E5E!important; text-align: right; font-weight: normal; font-size:0.8em; } .added-to-basket .inner img {float:left; padding-right:10px; padding-bottom:25px; width:135px; height:135px;position:absolute; top:4.5em;} /*Help instructions*/ .help-text {float:right;width:44%;} .help-text .inner { border:1px solid #ccc; padding:0.8em 0.8em 0em 30px; background:#F9F1EE url(../images/common/help-icon.gif) no-repeat 8px 9px;} .help-text p { margin:0 0 1em 0;} .required { color:#cc0000;} /*Address finder*/ #address-details li {clear:both; list-style:none; margin-bottom:.15em;} .linkbutton {padding:0; padding-bottom:1px; margin:0;text-align:left; text-indent:-.25em; color:#C37752; border:none; background:none; font-family:Arial, Helvetica, sans-serif;cursor:pointer;text-decoration:none;} .linkbutton:hover { border-bottom:1px solid #C37752; padding-bottom:0;} #address-details .manual { margin-bottom:1em;} #address-details .manual .linkbutton {width:18.5em;} #address-details .manual2 .linkbutton {width:12.85em;} #address-details p { margin:1em 0; clear:both;} /*ACCOUNT SUMMARY PAGE*/ #account-summary dl {margin-bottom:.5em;} #account-summary h2 { margin-top: 0; padding: 12px 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #account-summary #personal-details {width:40%;float:left; margin-bottom: 1.25em; } #account-summary #personal-details dt {display:block;float:left;clear:left;margin-right:.25em; font-weight:bold;} #account-summary #personal-details dd {margin-left:5em;text-align:left;} #account-summary #personal-details p {clear:both;} #account-summary #addresses {width:60%;float:left; position:relative;} #account-summary #addresses h3 {float:left; margin-bottom:1em; width:100%;} #account-summary #addresses p { position:absolute; right:0; top:8px;} #account-summary #addresses p.no-address { position:relative; top:1.25em;} #account-summary #addresses ul {margin-top:1.25em; clear:both;} #account-summary #addresses li.address {clear:both; padding:.5em; background-color: #E7E8ED; position:relative; } #account-summary #addresses li.address dt strong { display:block;} #account-summary #addresses li.address.alt { background-color:#F2F2F2;} #account-summary #addresses li.address ul {clear:both; margin:0;} #account-summary #addresses li.address ul li {float:left; margin-right:1em; } #account-summary #addresses li.address ul li a { margin-top:1px; display:block;} #account-summary #addresses li.address ul li.billing{top:.5em; position:absolute; margin-right:0; right:.25em;} #account-summary #addresses li.address ul li.delivery{top:2em;position:absolute; margin-right:0; right:.25em;} #account-summary #addresses li.address ul li input {vertical-align:middle;float:left;} #account-summary #addresses li.address ul li label {width:6.75em; display:block; float:left;} #account-summary #addresses dl dd {float:left; margin-right:.25em;} #account-summary #order-history {clear:both; padding-top:2em;} #account-summary #order-history h3 em, #review-history h3 em { font-style:normal;font-weight:normal; color:#49423F; } #account-summary #order-history td.options {width:7em;} #account-summary #order-history table, #review-history table { clear: both; margin:0 0 1em 0; width: 100%;} #account-summary #order-historythead tr, #review-historythead tr { background-color: #ccc; } #account-summary #order-history thead th, #review-history thead th { text-align: left; font-weight: bold; } #account-summary #order-history tfoot tr, #review-history tfoot tr { background-color: transparent; } #account-summary #order-history tr, #review-history tr { background-color: #E7E8ED; } #account-summary #order-history tr.alt, #review-history tr.alt { background-color: #F2F2F2; } #account-summary #order-history th, #review-history th { padding:.5em 0.25em; border-bottom: 2px solid #fff; text-align: left; font-weight: normal; vertical-align: top; } #account-summary #order-history td, #review-history td { padding:.5em 0.25em; border-bottom: 2px solid #fff; text-align: left; vertical-align: top; } #review-history td span.waiting { color: #5363b4; } #review-history td span.approved { color: #3A871B; } #review-history td span.rejected { color: #e60000; } /* Tabbed interface */ #account-summary ul.sv-tabs { clear: left; display: block; } #account-summary ul.sv-tabs li { background: #F2F2F2; font-size: 1.4em; border: 1px solid #d6d6d6; margin-left: 6px; float: left; margin-bottom: -1px; } #account-summary ul.sv-tabs li.selected { background: #fff; border-bottom-color: #fff; position: relative;} #account-summary ul.sv-tabs li a { display: block; padding: 0.33em 12px; } #account-summary #order-history, #account-summary #review-history { border: 1px solid #d6d6d6; clear: left; padding: 0 12px 12px 12px; } /*ACCOUNT FORM LAYOUTS*/ .account-form .formrow { margin-bottom:.75em;} .account-form h2 { margin-top: 0; padding: 12px 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } .account-form .formrow.question select {width:18.5em;} .account-form .buttons {width:100%;} .account-form .buttons li {float:right; margin-left:1em;} .account-form .textfield {width:19.5em;padding:.25em;} .account-form fieldset {float:left; width:56%; } .account-form #personal-details { margin-bottom:1.5em; padding-top:.25em; } .account-form #login-details { margin-bottom:1.5em;} .account-form #address-details .found-addresses {clear:both; padding:1em 0 0 0;} .account-form #address-details .found-addresses p { margin-bottom:1em;} .account-form #address-details .found-addresses ul { margin:0 0 1em 0;} .account-form #address-details .found-addresses ul li { margin-bottom:.25em;} .account-form textarea { width: 19.5em; padding: 0.25em; border:1px solid #ccc; } /*SIGN IN (Your account)*/ .account-form #returning-customer {width:30%; display:inline; margin-right:20%; float:left;} .account-form #returning-customer .buttons {clear:both; padding-top:.25em;} .account-form #returning-customer .buttons li.link { float:left; margin-left:0; padding-top:.25em;} .account-form #returning-customer .formrow.left {float:none;} .account-form #returning-customer .formrow.right {float:none; margin-left:0;} .account-form #new-customer {width:50%; float:left;} /*SEARCH RESULTS*/ #search-results h2 { margin-top: 0; padding: 12px 0; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } #search-results .listing{ margin-right: -20px; text-align: center; } #search-results .listing a img { padding: 9px; background-color: #fff; border: 1px solid #EAEAEA; } #search-results .listing li { float: left; margin: 0 12px 10px 0; width: 180px; height: 23.5em; border: 1px solid #fff; } #search-results .listing li:hover { border: 1px solid #C37851; background-color: #F6F6F6; } #search-results .listing li:hover img { border-color: #EAEAEA; padding: 0; margin: 9px; background-color: transparent; } #search-results .listing p { margin: 2px 0 8px 0; padding: 0 8px; font-size: 1.273em; color: #979797; } #search-results .listing p a { display: block; font-weight: bold; color: #4D4D4D; } #search-results .listing p .price { font-weight: bold; color: #67493A; } /* Trends page */ .trends #main-feature { border-top: 3px solid #C37851; background-color: #EFEFEF; } .trends #main { float: left; } .trends #main img { display: block; } .trends #sidebar2 { float: right; padding: 12px 8px; width: 276px; } .trends #sidebar2 h3 { margin: 0; padding-bottom: 6px; background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } .trends #sidebar2 .description h4 { margin-bottom: 0.5em; font-size: 1em; color: #212121; } .trends #sidebar2 .description p { margin: 0.75em 0; } .trends #sidebar2 .description { background: url(../images/common/dottedline-horizontal.gif) left bottom repeat-x; } .trends #sidebar2 .description p.price { font-size: 1.091em; font-weight: bold; } .trends #sidebar2 .description p.price span.price { font-size: 1.25em; color: #212121; } .trends p.title-bar { clear: both; position: relative; margin: 0; padding-left: 18px; background-color: #4D4D4D; } .trends p.title-bar a { position: absolute; right: 0; top: 0; } /* gender customisations */ #container.women a, .women #recently-viewed.compact ul li p a { color:#B160B5; } #container.women .delivery-options p a {color:#333;} #container.women .was-price { color:#B160B5; } #container.women #product-info div.size-select tr { background-color: #E7E8ED; } #container.women #sidebar #recently-viewed h3{font-size:1.1em; margin:0 0 10px 20px; padding:0;} /*#container.women #header { border-top: 10px solid #9E6A91; }*/ #container.women #recently-viewed li:hover { border:1px solid #D6D6D6; background-color: #F9F1EE; } #container.women #recently-viewed li:hover img { border-color: #EAEAEA; } #container.women #product-list li:hover { border: 1px solid #D6D6D6; background-color: #F9F1EE; } #container.women #product-list li:hover img { border-color: #EAEAEA; } #container.women #product-info div.related-items li:hover, #container.women #product-info div.similar-items li:hover { border: 1px solid #B160B5; background-color: #F9F1EE; } #container.women #product-info div.size-select .col div, #container.women #product-info div.size-select .col th { background-color: #F9F1EE; } #container.women #product-info div.size-select tr { background-color: #E2DCDE; } #container.women #product-info div.size-select tr.odd { background-color: #EDE6E3; } #container.women #product-info div.size-select .col td { border-bottom: 2px solid #F9F1EE; } #container.women.trends #main-feature { border-top: 3px solid #9B46A8; background-color: #F1ECE6; } #container.women #product-info a {color:#333;} /* contact page */ .account-form .content { float: left; width: 47%; } .account-form .form-entry { float:right; width: 47%; }