/*======================================== LAYOUT.CSS ========================================*/ body { width: 1002px; margin: auto; } /*============================== CONTENT STYLES ==============================*/ /*=========== IMAGES ==========*/ .image-left {float: left; clear: left; margin: 0 10px 10px 0;} .image-inline {display:block;} .image-right {float:right; clear: right; margin: 0 0 10px 10px;} /*======= TABLE STYLES ======*/ caption {margin: 5px 0;padding: 0 3px 5px 0;} table {margin: 0 0 10px 0;} th, td {padding: 10px;} table {width: 100%;} /*========== FORM STYLES ==========*/ #content form .description-text {margin: 5px 10px;} #content form .description-text p {padding: 0;} #content form p {padding: 5px 10px 2px 10px;} #content form h1, #content form h2 {padding: 5px 10px; margin: 0;} #content .row, #content .submit-row {padding: 5px 10px 5px 10px; margin: 0; clear: both;} #content .row p {padding-left: 0;} #content .row-title {margin-bottom: 0.5em;} #content label {padding: 0; margin: 0 0 0.5em 0; display: block;} #content form .row input, #content form .row select, #content form .row textarea {margin: 0 10px 0 0; width: 50%;} #content form .question-checkbox input, #content form .question-radio input {width: auto;} #content form .question-checkbox label, #content form .question-radio label {padding-left: 25px; position: relative; margin-left: -5px;} #content form .question-checkbox input, #content form .question-radio input {position: absolute; top: 3px; left: 5px;} #content .info {clear: both; padding-left: 0; padding-right: 0;} #content .submit-row {position: relative; width:100%; min-height: 3.5em; padding: 0.5em 0 10px 10px;} #content .submit-button {position: absolute;width: 33%; margin-left: 33%;} #main-wrap .submit-button .submit {width: 100%; font-size: 1.5em; padding: 3px 10px;} form .row .acceptable-entry {margin-bottom: 0.25em; margin-left: 3px;} form .tandc_row .acceptable-entry {margin-left: 0;} /*====== FORM STYLES FOR OVER 1024 ======*/ .switch-four #content .question-text label, .switch-four #content .question-select label, .switch-four #content .question-textarea label, .switch-five #content .question-text label, .switch-five #content .question-select label, .switch-five #content .question-textarea label {float: left; width: 33%; padding-right: 5px;} .switch-four #content form .question-text input, .switch-four #content form .question-select select, .switch-four #content form .question-textarea textarea, .switch-four #content form .row-title, .switch-five #content form .question-text input, .switch-five #content form .question-select select, .switch-five #content form .question-textarea textarea, .switch-five #content form .row-title {width: 33%;} .switch-four #content form .row-title, .switch-five #content form .row-title {float: left; padding-top: 0;} .switch-four #content form .question-radio, .switch-five #content form .question-radio {padding-top: 10px;} .switch-four #content form .question-checkbox label, .switch-four #content form .question-radio label, .switch-five #content form .question-checkbox label, .switch-five #content form .question-radio label {margin-left: 10%;} .switch-four #content form .info, .switch-five #content form .info {width: 33%; margin-left: 33%; padding-left: 5px;} /*========== ROUNDED CORNERS ==========*/ #outer-wrap .rounded {position: relative;} #outer-wrap .sw, #outer-wrap .se, #outer-wrap .ne, #outer-wrap .nw { position: absolute; margin: 0; font-size: 1px; overflow: hidden; padding: 0; background-repeat: no-repeat; height: 5px; width: 5px; } /*=== CORNERS FOR STANDARD BOXES ===*/ #outer-wrap .ne, #outer-wrap .submit-button .ne {right: 0;top: 0; margin-top: 0; margin-right: 0;} #outer-wrap .nw, #outer-wrap .submit-button .nw {left: 0;top: 0; margin-top: 0; margin-left: 0;} #outer-wrap .se, #outer-wrap .submit-button .se {right: 0;bottom: 0; margin-bottom: 0; margin-right: 0;} #outer-wrap .sw, #outer-wrap .submit-button .sw{left: 0;bottom: 0; margin-bottom: 0; margin-left: 0;} /*=== CORNERS FOR BOXES WITH A 1PX BORDER ===*/ /*=== NORTH WEST CORNERS ===*/ #content form .nw, #content blockquote .nw, #navigation .nw, #outer-wrap #featured-reviews .stars .nw, #inner-hot-stuff .nw, #outer-wrap #related .nw, #main-menu .nw {left: -1px; top: -1px;} /*=== NORTH EAST CORNERS ===*/ #content form .ne, #content blockquote .ne, #navigation .ne, #featured-reviews .special-review .box .ne, #outer-wrap #featured-reviews .stars .ne, #inner-hot-stuff .ne, #outer-wrap #related .ne, #main-menu .ne {right: -1px; top: -1px;} /*=== SOUTH EAST CORNERS ===*/ #content form .se, #content blockquote .se, #navigation .se, #featured-reviews .special-review .box .se, #outer-wrap #featured-reviews .stars .se, #inner-hot-stuff .se, #outer-wrap #related .se {right: -1px; bottom: -1px;} /*=== SOUTH WEST CORNERS ===*/ #content form .sw, #navigation .sw, #featured-reviews .special-review .box .sw, #inner-hot-stuff .sw, #outer-wrap #related .sw {left: -1px; bottom: -1px;} /*=== CORNERS WITH DIFFERENT HEIGHTS/WIDTHS ===*/ #content blockquote .sw {left: -1px; bottom: -17px; width: 31px; height: 21px;} #featured-reviews .special-review .box .nw {height:34px; width: 46px; top: -12px; left: -1px;} #featured-reviews .special-review .box .stars .nw {height:5px; width: 5px;} #outer-wrap #featured-reviews .stars .sw {left: -1px; bottom: -17px; width: 31px; height: 21px;} /*============================== SITE WIDE PAGE ELEMENTS ==============================*/ /*========== MAIN LAYOUT ==========*/ #outer-wrap {position: relative; padding: 1px; min-width: 750px; max-width: 1400px;} #header {position: absolute; top: 0; width: 99.9%;} #user-details, #main-menu, #search-area {padding: 0 20px;} #footer {padding: 0 20px;} /*============================== TEMPLATE LAYOUTS ==============================*/ /*============= STANDARD SET-UP ===============*/ .block {margin-bottom: 15px;} #main-wrap {margin-top: 17em;} /*=========================== LAYOUT SWITCH FOR HEADER AREA =============================*/ .switch-four #main-wrap, .switch-five #main-wrap {margin-top: 14.5em;} #main-wrap-one {padding: 0;position: relative;} #wrap-one {margin: 0; padding: 15px 20px 1px 20px;} #main-wrap-two {margin: 0; padding: 15px 20px;} #wrap-two {float: right; width: 100%; margin: 0; padding: 0;} #wrap-three {width: 100%; padding: 0;} #wrap-four {margin: 0;} #content {padding: 0; margin: 0;} #main-wrap-three {padding: 0;} /*================= VERTICAL SKY ADVERT ==================*/ #wrap-advert {padding: 15px 20px;} /*============= SPONSORED-LINKS ===============*/ #content #sponsored-links {margin-top: 20px; padding: 20px 0; clear: both;} #main-wrap-three #sponsored-links {padding: 20px;} #wrap-product-details #sub-wrap-three ul {padding: 0;} #sponsored-links h4 {margin-bottom: -5px;} #sponsored-links ul, #content #sponsored-links li, #wrap-product-details #sub-wrap-three li {padding-left: 0;} .placeholder-advert {clear: both;} .placeholder-advert img {margin-bottom: 10px;} #placeholder-three .placeholder-advert img {margin-bottom: 20px; margin-right: 10px;} /*=============================== LAYOUT SWITCH FOR SPONSORED LINKS =================================*/ .switch-four #content #placeholder-one, .switch-five #content #placeholder-one, #main-wrap-three #placeholder-one {float: left; width: 100%; margin: 0 -320px 0 0;} .switch-four #content #placeholder-two, .switch-five #content #placeholder-two, #main-wrap-three #placeholder-two {margin-right: 320px; padding-bottom: 10px;} .switch-four #content #placeholder-three, .switch-five #content #placeholder-three, #main-wrap-three #placeholder-three {float: right; width: 300px;} .switch-four #placeholder-three .placeholder-advert img, .switch-five #placeholder-three .placeholder-advert img {margin-right: 0;} /*======= WEB LINKS =========*/ #content #web-links {padding: 20px 20px 0 0;} #main-wrap-three #web-links {padding: 20px;} #web-links h4 {margin-bottom: -5px;} #web-links ul, #content #web-links li {padding-left: 0;} /*=========================================================== LAYOUT SWITCH - MOVES ADVERT FROM BOTTOM OF PAGE TO TOP RIGHT =============================================================*/ /*.switch-five #wrap-advert {position: absolute; right: 0; top: 0;} .switch-five #inner-wrap-one, .switch-five #inner-main-wrap-two {margin-right: 180px;}*/ /*======== LAYOUT ONE ==========*/ /*.layout-one #wrap-three {float: left; margin: 0 -320px 0 0;} .layout-one #wrap-four {float: right; width: 300px;} .layout-one #content {margin-right: 320px;}*/ /*======== LAYOUT TWO =========*/ .layout-two #wrap-three {float: right; margin-left: -320px;} .layout-two #wrap-four {float: left; width: 300px;} .layout-two #content {margin-left: 320px;} .layout-two .switch-five #content {margin-right: 0;} /*======================== LAYOUT SWITCH - LAYOUT TWO ==========================*/ .layout-two .switch-five #main-wrap-three #sponsored-links, .layout-two .switch-five #main-wrap-three #web-links {padding-right: 200px;} /*========== LAYOUT THREE ============*/ .layout-three #wrap-three {float: left; margin: 0 -320px 0 0;} .layout-three #wrap-four {float: right; width: 300px;} .layout-three #content {margin-right: 320px;} /*========================== LAYOUT SWITCH - LAYOUT THREE ============================*/ .layout-three .switch-five #sub-wrap-one {float: left; width: 100%; margin: 0 -250px 0 0; padding: 0;} .layout-three .switch-five #sub-wrap-two {margin: 0 250px 0 0;} .layout-three .switch-five #sub-wrap-three {float: right; width: 230px;} /*========= LAYOUT FOUR ===========*/ .layout-four #wrap-three {margin: 0;} /*========= LAYOUT FIVE ===========*/ .layout-five #sponsored-links {padding-right: 20px;} .layout-five .switch-five #main-wrap-three #sponsored-links, .layout-five .switch-five #main-wrap-three #web-links {padding-right: 200px;} /*======== LAYOUT SIX ==========*/ .layout-six #wrap-three {float: left; margin: 0 -320px 0 0;} .layout-six #wrap-four {float: right; width: 300px;} .layout-six #content {margin-right: 320px;} .layout-six #wrap-four .placeholder-advert {width: 300px;} .layout-six #wrap-four .placeholder-advert img {margin-bottom: 20px;} /* LAYOUT SEVEN --------------------------*/ .layout-seven #product-page-container {padding: 15px 20px;} .layout-seven #wrap-one {padding: 0; float: right; margin: 0 0 0 -280px; width: 100%; position: static;} .layout-seven #content {margin: 0 0 0 280px;} .layout-seven #wrap-four {float: left; width: 260px; margin: 0;} /* LAYOUT SWITCH - LAYOUT SEVEN --------------------------*/ .layout-seven .switch-five #content {margin-right: 180px;} /*================ LAYOUT CONTENT ONE ==================*/ .layout-content-one #main-wrap-one {padding: 20px; position: relative;} .layout-content-one #wrap-one {float: right; width: 100%; margin: 0 0 0 -218px; padding: 0;} .layout-content-one #wrap-two {width: 100%; float: left; margin: 0 -180px 0 0;} .layout-content-one #content {margin: 0 0 0 218px; padding: 0 0 0 20px; position: relative;} .layout-content-one #wrap-three {float:left; width: 218px;} .layout-content-one #navigation {margin: 0;} .layout-content-one #wrap-advert {clear: both; padding: 20px 0 0 0; border-top: none;} /*================================ SWITCH LAYOUT - LAYOUT CONTENT ONE ==================================*/ .layout-content-one .switch-five #content {margin-right: 180px;} .layout-content-one .switch-five #wrap-advert {padding: 20px;} /*================ LAYOUT CONTENT TWO ==================*/ .layout-content-two #main-wrap-one {padding: 20px 20px 40px 20px; position: relative;} .layout-content-two #wrap-one {float: right; width: 100%; margin: 0 0 0 -300px; padding: 0; position: relative;} .layout-content-two #wrap-two {width: 100%; float: left; margin: 0 -180px 0 0;} .layout-content-two #content {margin: 0 0 0 300px; padding: 0 0 0 20px; position: relative;} .layout-content-two #wrap-three {float:left; width: 300px;} .layout-content-two #wrap-benefits {margin: 0;} .layout-content-two #corners {width: 300px; height: 5px; position: absolute; bottom: 0; left: 0;} .layout-content-two #wrap-advert {clear: both; padding: 20px 0 0 0; border-top: none;} /*================================ SWITCH LAYOUT - LAYOUT CONTENT TWO ==================================*/ .layout-content-two .switch-five #content {margin-right: 180px;} .layout-content-two .switch-five #wrap-advert {padding: 20px;} /*=========== USER-DETAILS ============*/ #user-details {padding: 0;} #inner-user-details {padding: 0 10px; margin: 0;} #user-details form {float: right; margin: 0; padding: 0;} #user-details .row, #user-details .submit-button {float: left; margin: 0 10px 0 5px; padding: 3px 0;} #user-details .submit-button {margin: 5px 0 4px 0; padding: 0;} #user-details .submit-button .submit {height: 1.6em; margin: 0; padding-top: 0; padding-bottom: 0;} #user-details #sign-up {padding: 6px 10px 4px 10px;} /*======= LOGGED IN ========*/ #user-details .logged-in {float: right; padding-right: 5px;} #user-details .logged-in .row {margin-right: 5px; padding: 5px 0;} #user-details .logged-in .logout {padding-left: 10px;} /*========================= LAYOUT SWITCH: USER DETAILS ===========================*/ body:nth-of-type(1) .switch-five #user-details-wrap {padding-right: 90px;} body:nth-of-type(1) .switch-five #user-details {padding-right: 90px;} /*======== SUB-HEADER ==========*/ #logo {float: left; margin: 9px 0 3px 20px;} #logo img { margin-bottom: 8px; } /*========= SEARCH-AREA ===========*/ #search-area {padding-top:11px; padding-bottom: 1px;} /*=============== INNER-SEARCH-AREA =================*/ #inner-search-area {position: relative; float: right; width: 350px;} #inner-search-area h2 {padding: 0.38em 10px 0 10px;} #inner-search-area form {position: relative;} #inner-search-area .row {padding: 0 7em 0 10px;} #inner-search-area .row input {float: left; width: 100%; height: auto; padding: 3px 1px;} /*=== SEARCH BUTTON ===*/ #inner-search-area .submit-button {position: absolute; top: 0; right: 0;} #inner-search-area .submit-button .submit {width: 5em; font-size: 1.25em; font-weight: bold; padding: 1px 0px;} .submit-button input.submit {height: 100%;} /*=== REVIEWS, WEB, FORUMS RADIO BUTTONS ===*/ #search-options {clear: both;} #search-options {width: 100%; padding: 3px 0 5px 0 !important;} #search-options label {padding: 0 10px;} #search-options label input {margin: 0 8px 0 0; position: relative; top: 1px;} .post-buttons li { display: inline; } /*======= MAIN-MENU =========*/ #main-menu {padding-top: 4px; position: relative; z-index: 2500;} /*====================== DROPDOWN NAVIGATION MENU ========================*/ #top-nav, #top-nav ul, #top-nav li, #top-nav a, #top-nav strong, #top-nav .non-link { margin: 0; padding: 0; list-style: none; display:block; line-height:1.5em; } /*======= TOP LEVEL =========*/ #top-nav li {margin: 0; float:left; padding: 0 4px 0 6px;} #top-nav li a, #top-nav li .non-link {padding:5px 10px;} #top-nav #current-tab strong, #top-nav #current-tab a {padding:4px 9px 5px 9px;} #top-nav #current-tab span {height: 6px; width: 6px;} /*================== FIRST LEVEL DROPDOWN ====================*/ #top-nav ul {background-color: #fff;} #top-nav ul { width:16.7em; position:absolute; margin:0 0 0 -5000px; font-size:95%; font-weight:normal; z-index:200; padding: 5px 0; border: 1px #ABC4E3 solid; border-top: none; } #top-nav ul li {width: 16.7em; margin: 0; padding: 0; background-image: none;} #outer-wrap #top-nav li ul a { display: block; margin: 0 5px; padding: 4px 5px; text-align:left; color: #369; border-bottom:1px solid #ABC4E3; background: none; } /*============ HOVER POSITION ==============*/ #top-nav li:hover ul, #top-nav li.sfhover ul, #top-nav li.sffocusparent ul {margin-left: 0;} /*========== HOVER STYLES ============*/ /* top nav when dropdown is displayed */ #top-nav li:hover a, #top-nav li.sfhover a:link, #top-nav li.sfhover a:visited, #top-nav li a:hover, #top-nav li.sffocusparent a:link, #top-nav li.sffocusparent a:visited, #top-nav li:hover .non-link, #top-nav li.sffocusparent .non-link {background-color: #fff !important; color: #900290; background-image: none !important; border: 1px #ABC4E3 solid; border-bottom: none; padding:4px 9px 5px 9px;} /* drop down */ #top-nav li:hover li a, #top-nav li:active li a, #top-nav li.sfhover li a:link, #top-nav li.sfhover li a:visited, #top-nav li.sffocusparent li a:link, #top-nav li.sffocusparent li a:visited, #top-nav #current-tab ul li a {color: #369; border: none; border-bottom: 1px #ABC4E3 solid;} #main-menu #top-nav ul li:hover a, #main-menu #top-nav ul li a:focus, #main-menu ul ul li a.sffocus, #main-menu #top-nav:hover ul li:hover a:focus, #main-menu #top-nav ul li a:active, #top-nav:hover ul li a:focus, ul.sfhover ul li a.sffocus, #top-nav:hover ul li a:active {background: #900290 !important; color:#fff !important;} /*=== TABS ====*/ .tabs {padding: 0 4px;} .tabs ul, .layout-seven #content .tabs ul {margin: 0; padding: 0;} .tabs li {float: left; margin-right: 1px; margin-bottom: 2px;} .tabs li a, .tabs li strong {display: block; padding: 10px;} .tabs li strong {padding-bottom: 11px; margin-bottom: -2px;} .tabs li a {padding-bottom: 9px;} /*======== BREADCRUMB ==========*/ #breadcrumb {padding: 5px 30px;} #breadcrumb ol li {float: left; padding: 0 5px 0 0;} #breadcrumb ol li a, #breadcrumb ol li strong {display: block; padding: 0 10px 0 0; } /*======== NAVIGATION ==========*/ #navigation h2 {padding: 5px 10px;} #navigation li a, #navigation li strong {display: block; padding: 5px 10px;} /*=== LEVEL 2 ===*/ #navigation ul ul a, #navigation ul ul strong {padding-left: 25px;} /*=== LEVEL 3 ===*/ #navigation ul ul ul a, #navigation ul ul ul strong {padding-left: 40px;} /*==== LEVEL 4 ==== */ #navigation ul ul ul ul a, #navigation ul ul ul ul strong {padding-left: 55px;} /*==== LEVEL 5 ====*/ #navigation ul ul ul ul ul a, #navigation ul ul ul ul ul strong {padding-left: 70px;} /*===== RELATED =======*/ #related h3 {padding: 5px 10px; clear: both;} #related h4 {padding-left: 10px; padding-left:10px;} #related ol {padding: 0 0 0 30px; margin: 5px 0 10px 0;} #related ol li {padding:1px;} #related ul {padding: 0 0 0 6px; margin: 5px 0 7px 0;} #related ul li {padding-left: 10px; padding-right: 8px;} /*============== RELATED PRODUCTS ===============*/ #related-products ul.price { float:right !important; padding: 6px; } #related-products ul.price span {display: block !important; text-align: right !important; width: 100% !important; float:none !important; } #related-products h4 {margin: 6px 4px 4px 10px; padding-left: 0 !important; } #related-products br { line-height: 4px; margin: 0; padding: 0; } #outer-wrap.switch-one #related-products img, #outer-wrap.switch-two #related-products img, #outer-wrap.switch-three #related-products img, #outer-wrap.switch-four #related-products img { width: 80px; height: 80px; } /* #related h3, #related h4, #related li { padding-right: 4px; } */ /* RELATED PRODUCTS - REVISED PRODUCT PAGE ---------------------------*/ #wrap-four #related-products h4 {padding-left: 100px;} #outer-wrap #wrap-four #related-products .related-product-details {margin: 5px 0 0 0;} #related #related-products img {margin-top: 5px; float: left;} /*==== FOOTER ======*/ #footer {padding-top: 20px; padding-bottom: 20px;} #footer .col-1 { width: 100%; text-align: center; } #footer li {display: inline;} #footer .col-1 li {width: 45%;} #footer .col-2 li, #footer .rss {padding: 0 0 0 25px;} /*============================== HOME PAGE ==============================*/ /*=================== HOME PAGE MAIN LAYOUT =====================*/ .home #main-wrap {margin-top: 30em;} .home .switch-two #main-wrap {margin-top: 30em;} .home .switch-three #main-wrap {margin-top: 28em;} .home .switch-four #main-wrap, .home .switch-five #main-wrap {margin-top: 26.1em;} .home #wrap-one {padding: 0 20px;} .home #popular-review-categories, .home #all-categories {padding: 0 30px;} /*==================================== LAYOUT SWITCH: HOME PAGE USER DETAILS ======================================*/ .home .switch-five #user-details {padding-right: 0;} /*================== HOME PAGE SUB HEADER ====================*/ .home #sub-header {height: 98px;} .home #strapline {float: right; margin: 46px 20px 45px 0;} /*================================= LAYOUT SWITCH: HOME PAGE SUB HEADER ==================================*/ .home .switch-five #sub-header {padding-right: 0;} /*=================== HOME PAGE SEARCH AREA =====================*/ .home #search-area {padding-top: 1.54em; padding-bottom: 1.54em;} /*======================== HOME PAGE INNER-SEARCH-AREA ============================*/ .home #inner-search-area {float: none; width: auto; margin: 0 10px 0 0;} .home #inner-search-area .row {padding: 0 10em 0.77em 10px;} .home #inner-search-area .submit-button {right: 10px;} /*====================== HOME PAGE MARKETING COPY =======================*/ .home #marketing-copy {margin: 1.5em 0 0 10px;} /*============== FEATURED REVIEWS ================*/ #featured-reviews {padding: 0 20px 20px 20px;} /*=== BOXES =====*/ #featured-reviews li {width: 50%; float: left;} #featured-reviews .review-one .box, #featured-reviews .review-three .box, #featured-reviews .review-five .box {margin-right: 10px;} #featured-reviews .review-two .box, #featured-reviews .review-four .box, #featured-reviews .review-six .box {margin-left: 10px;} #featured-reviews .review-three, #featured-reviews .review-five {clear: left;} #featured-reviews .box {margin: 1.54em 0 0 0;} #featured-reviews h3 {padding: 5px 10px;} /*=============== ADVERTISEMENT BOX =================*/ #featured-reviews .advertisement .inner-box {height: 250px;} #featured-reviews .advertisement h3 {padding: 9px 5px 8px 5px;} .home #featured-reviews .advertisement .inner-box { padding:10px; } /*============================= SWITCH LAYOUT - FEATURED REVIEW ===============================*/ /*==================== SWITCH LAYOUT - BOXES =====================*/ #outer-wrap .switch-one .review-three, #outer-wrap .switch-one .review-five {clear: none;} #outer-wrap .switch-one .review-four {clear: left; float: left;} #outer-wrap .switch-one .review-five {float: left;} #outer-wrap .switch-one .review-six {float: left;} #outer-wrap .switch-one .review-one .box, #outer-wrap .switch-one .review-two .box, #outer-wrap .switch-one .review-four .box, #outer-wrap .switch-one .review-five .box {margin-right: 10px;} #outer-wrap .switch-one .review-two .box, #outer-wrap .switch-one .review-three .box, #outer-wrap .switch-one .review-five .box, #outer-wrap .switch-one .review-six .box {margin-left: 10px;} #outer-wrap .switch-one .review-four .box {margin-left: 0;} #outer-wrap .switch-one .review-three .box {margin-right: 0;} #outer-wrap .switch-one .position-1 .review-two, #outer-wrap .switch-one .position-1 .review-three, #outer-wrap .switch-one .position-1 .review-five, #outer-wrap .switch-one .position-1 .review-six, #outer-wrap .switch-one .position-2 .review-one, #outer-wrap .switch-one .position-2 .review-three, #outer-wrap .switch-one .position-2 .review-four, #outer-wrap .switch-one .position-2 .review-six, #outer-wrap .switch-one .position-3 .review-one, #outer-wrap .switch-one .position-3 .review-two, #outer-wrap .switch-one .position-3 .review-four, #outer-wrap .switch-one .position-3 .review-five, #outer-wrap .switch-one .position-4 .review-two, #outer-wrap .switch-one .position-4 .review-three, #outer-wrap .switch-one .position-4 .review-five, #outer-wrap .switch-one .position-4 .review-six, #outer-wrap .switch-one .position-5 .review-one, #outer-wrap .switch-one .position-5 .review-three, #outer-wrap .switch-one .position-5 .review-four, #outer-wrap .switch-one .position-5 .review-six, #outer-wrap .switch-one .position-6 .review-one, #outer-wrap .switch-one .position-6 .review-two, #outer-wrap .switch-one .position-6 .review-four, #outer-wrap .switch-one .position-6 .review-five {width: 32%;} /*================================= ADVERTISEMENT BOX - 3X2 GRID LAYOUT ===================================*/ #outer-wrap .switch-one .position-1 .review-one, #outer-wrap .switch-one .position-1 .review-four, #outer-wrap .switch-one .position-2 .review-two, #outer-wrap .switch-one .position-2 .review-five, #outer-wrap .switch-one .position-3 .review-three, #outer-wrap .switch-one .position-3 .review-six, #outer-wrap .switch-one .position-4 .review-one, #outer-wrap .switch-one .position-4 .review-four, #outer-wrap .switch-one .position-5 .review-two, #outer-wrap .switch-one .position-5 .review-five, #outer-wrap .switch-one .position-6 .review-three, #outer-wrap .switch-one .position-6 .review-six {width: 36%;} /*======================================= SWITCH LAYOUT - FEATURED REVIEWS CONTENT =======================================*/ /*=========================================== SPECIAL REVIEW - REVIEW OF THE DAY/WEEK/MONTH =============================================*/ #featured-reviews .special-review .box h3 {padding-left: 45px;} /*============ PRODUCT-RATING ==============*/ #featured-reviews .product-rating {position: relative; min-height: 100px; padding-bottom: 5px;} #featured-reviews .product-rating img {position: absolute; left: 10px;} /*=========== STAR RATINGS ============*/ #featured-reviews .rating {margin: 0 0 0 120px;} #featured-reviews .rating strong {display: block;} #featured-reviews .rating img {position: static;} #featured-reviews .stars {margin: 10px 10px 20px 0; padding: 10px;} /*==== QUOTES ======*/ #featured-reviews blockquote {clear: left; margin: 10px;} #featured-reviews blockquote p img {margin: 0 0 0.3em 0;} /*================= READ X'S FULL REVIEW ====================*/ #featured-reviews .box ul {padding: 5px 10px;} #featured-reviews .box li {padding: 0 0 0 15px; margin: 0 0 5px 0; float: none; width: auto;} /*=========================== PROMOTION SPACE AND HOT STUFF ============================*/ .home #wrap-one {padding: 20px; margin-left: 0; float: none; width: auto;} .home #wrap-two {width: 100%; float: left; margin-right: -50%;} /*============= PROMOTION SPACE ===============*/ .home #promotion-space {margin-left: 10px; margin-right: 50%;} .home #inner-promotion-space {margin-right: 10px;} /*======= HOT STUFF ========*/ .home #hot-stuff {width: 50%; float: right;} #inner-hot-stuff {margin-left: 10px;} #hot-stuff h2 {padding: 0 0 0 10px;} #hot-stuff h3 {padding: 5px 10px;} #hot-stuff ol {padding: 0 0 0 30px; margin: 5px 0 7px 0;} #hot-stuff ul {padding: 0 0 0 10px; margin: 5px 0 7px 0;} /*=========================================== SWITCH LAYOUT - PROMOTION SPACE AND HOT STUFF ============================================*/ #outer-wrap .switch-one .position-1 #hot-stuff, #outer-wrap .switch-one .position-2 #hot-stuff, #outer-wrap .switch-one .position-4 #hot-stuff, #outer-wrap .switch-one .position-5 #hot-stuff {width: 32%;} #outer-wrap .switch-one .position-1 #promotion-space, #outer-wrap .switch-one .position-2 #promotion-space, #outer-wrap .switch-one .position-4 #promotion-space, #outer-wrap .switch-one .position-5 #promotion-space {margin-right: 32%;} #outer-wrap .switch-one .position-1 #wrap-two, #outer-wrap .switch-one .position-2 #wrap-two, #outer-wrap .switch-one .position-4 #wrap-two, #outer-wrap .switch-one .position-5 #wrap-two {margin-right: -32%;} #outer-wrap .switch-one .position-3 #hot-stuff, #outer-wrap .switch-one .position-6 #hot-stuff {width: 36%;} #outer-wrap .switch-one .position-3 #promotion-space, #outer-wrap .switch-one .position-6 #promotion-space {margin-right: 36%;} #outer-wrap .switch-one .position-3 #wrap-two, #outer-wrap .switch-one .position-6 #wrap-two {margin-right: -36%;} /*======================= POPULAR REVIEW CATEGORIES ========================*/ .home #popular-review-categories {padding-top: 20px; padding-bottom: 20px;} .home #popular-review-categories ul {margin-top: 20px;} .home #popular-review-categories li {float: left; margin: 0 10px 10px 0;} .home #popular-review-categories li a {display: block; padding: 5px;} /*============ ALL CATEGORIES =============*/ .home #all-categories {padding-top: 20px; padding-bottom: 20px;} .home #all-categories h2 {margin-bottom: 10px;} /*=== 3 COLUMNS ===*/ #all-categories .col-1, #all-categories .col-2, #all-categories .col-3 {width: 33%; float: left;} #all-categories .col-1 ul {margin-right: 10px;} #all-categories .col-2 ul {margin: 0 10px;} #all-categories .col-3 ul {margin-left: 10px;} #all-categories ul li ul, #wrap-filters ul li ul {float: none; width: auto; padding-bottom: 10px;} #all-categories ul li ul li, #wrap-filters ul li ul li {line-height: 1.5em; } .show-hide .icon { width: 29%; height: 2.5em; text-indent: -999em; display: block; position: absolute; padding-right: 5px; } /*======================================= LOGIN/REGISTER PAGE ========================================*/ /*========== SIGN UP FORM ============*/ .layout-content-two .description-text p strong {display: block;} /*========== BENEFITS BOX ============*/ #wrap-benefits h2, #wrap-benefits h3 {padding: 5px 10px;} #wrap-benefits p {padding: 5px 2px; margin-left: 10px; margin-right: 10px;} #wrap-benefits ul {margin: 10px;} #wrap-benefits li {padding: 0 0 0 20px; margin-bottom: 5px;} /*======= NEXT STEP =========*/ #next-step {padding: 1px;} #next-step h2 {padding: 5px 10px 0 10px;} /*================ SECURE INFORMATION =================*/ #wrap-secure {clear: both; padding: 10px;} #wrap-secure p {padding-left: 20px; margin-left: 250px;} /*===================================================== COMMON PAGE ELEMENTS ======================================================*/ #main-wrap-two #content h2 {padding: 5px 10px;} /*============================= PRODUCT PAGE - PRODUCT AREA ===============================*/ #wrap-products {padding: 0;margin-bottom: 0;} #wrap-products h1, #wrap-products h2 {padding-left: 10px; padding-right: 7em; position: relative;} #wrap-products h2 {padding-top: 0.25em; padding-bottom: 0.1em;} #wrap-products .nw, #wrap-products .ne {z-index: 2;}/* to make sure top corners show */ #wrap-products h2 span {position: absolute; right: 10px; top: 0; padding: 0;} #wrap-products .se, #wrap-products .sw {display: none;} #wrap-products #watch-this-item {position: absolute; right: 10px; top: 6px; z-index: 2;} #wrap-products .col-1 {position: relative;} /*==================== AVERAGE PRODUCT RATING ======================*/ #average-rating {margin: 10px 10px 0 10px;position: relative; padding: 4px;} #average-rating img {margin-bottom: 4px;} #average-rating .nw, #average-rating .ne, #average-rating .se, #average-rating .sw {display: block;} #average-rating .nw {height:19px; width: 32px; top: -15px;} #average-rating .ne {top: -1px;} #average-rating .se, #average-rating .sw {bottom: -1px;} #average-rating .se, #average-rating .ne {right: -1px;} #average-rating .sw, #average-rating .nw {left: -1px;} #average-rating-product {margin-bottom: 10px;} #member-recommendation {margin-top: 5px; min-height:32px; width: 17em; margin: 20px auto 0 auto;} #member-recommendation img {float: left; margin-right: 5px; margin-top: -10px;} #bestPrice {width:200px; clear:left; text-align:left; font-weight: bold; color:#333385; padding-top:4px;} #bestPrice a{font-weight: bold;} /*==================================== LAYOUT SWITCH - AVERAGE PRODUCT RATING ======================================*/ .switch-four #average-rating img, .switch-five #average-rating img {float: left; margin-bottom: 0;} .switch-four #inner-average-rating, .switch-five #inner-average-rating {min-height: 130px; margin-left:180px; padding:0 10px;} .switch-four #inner-average-rating #average-rating-score, .switch-five #inner-average-rating #average-rating-score {margin-bottom: 15px;} .switch-four #inner-average-rating img, .switch-five #inner-average-rating img {float: none;} .switch-four #inner-average-rating #average-rating-product, .switch-five #inner-average-rating #average-rating-product {margin-bottom: 10px;} .switch-four #member-recommendation, .switch-five #member-recommendation {width: auto; margin: 10px 0 0 0;} .switch-four #member-recommendation img, .switch-five #member-recommendation img {margin-top: 0;} #be-the-first-one{padding-top:35px;} /*============ COMPARE PRICES ==============*/ #compare-prices ul {margin: 10px 0 0 0;} #compare-prices .number {position: absolute; top: 10px; left: 5px;} #compare-prices li {position: relative; margin: 5px; padding-bottom: 5px; } #compare-prices .linkified-box {padding: 10px 5px 5px 5px;} #compare-prices .product-type {margin-left: 130px; margin-right: 6em; min-height: 40px;} #compare-prices li img {position: absolute; left: 25px; top: 10px;} #wrap-products #compare-prices .se, #wrap-products #compare-prices .sw {display: block;} /*============================ LAYOUT SWITCH - COMPARE PRICES =============================*/ .switch-four #compare-prices .product, .switch-five #compare-prices .product {float: left; width: 70%;} .switch-four #compare-prices .price, .switch-five #compare-prices .price {float: right; width: 25%; line-height: 1.2em;} /*======= GO BUTTON ========*/ #compare-prices .go-button {position: absolute; right: 5px; top: 10px; padding: 0; margin: 0;} #compare-prices .go-button a {display: block; padding: 5px 10px;} /*========= RATE IT NOW ==========*/ #product-rating {clear: both; padding: 0 0 10px 0; width: 50%;} #inner-product-rating {width: 49%; float: left;} #inner-product-rating h3 {float: left; padding: 0 0 0 10px;} #product-rating p {clear: both; font-size: 0.85em; padding-left: 10px; padding-right: 10px;} #product-rating .submit-button {margin: 0 10px 0 0; padding: 0; float: right; width: 47%;} #outer-wrap #product-rating .submit-button a {display: block; padding: 10px;height: auto; width: auto;} #product-rating .submit-button .se, #product-rating .submit-button .sw {display: block; bottom: -1px;} #product-rating .submit-button .nw, #product-rating .submit-button .ne {top: -1px;} #product-rating .submit-button .se, #product-rating .submit-button .ne {right: -1px;} #product-rating .submit-button .sw, #product-rating .submit-button .nw {left: -1px;} /*========= STAR RATING ==========*/ #product-rating .rating { margin: 0.25em 0 0 10px; padding: 0; width: 95px; height: 15px; position: relative; float: left;} #product-rating .rating li {padding: 0; margin: 0; float: left;} #product-rating .rating li a { position:absolute; left:0; top:0; width:15px; height:15px; margin: 0; } #product-rating .rating li.one a {left:0;} #product-rating .rating li.two a {left:20px;} #product-rating .rating li.three a {left:40px;} #product-rating .rating li.four a {left:60px;} #product-rating .rating li.five a {left:80px;} #product-rating .rating li a:hover, #product-rating .rating li a:focus, #product-rating .rating li a:active { height:15px; overflow:hidden; left:0; } /*====================================================== NARROW YOUR SEARCH, EXPAND YOUR SEARCH AND RELATED NAMES ========================================================*/ #wrap-search {margin-bottom: 15px;} #wrap-search h2, #wrap-search h3, #wrap-search h4 {padding: 0.25em 10px;} #wrap-search ul {margin: 10px 0;} #wrap-search li {margin-bottom: 2px; padding: 0 0 0 10px;} #wrap-search .col-1 {width: 50%;} #wrap-search .col-1 .col-1, #wrap-search .col-1 .col-2 {width: 50%;} #wrap-search .col-2 {float: left; width: 25%;} #wrap-search .col-3 {float: left; width: 25%;} /*============================================================================== NARROW YOUR SEARCH, EXPAND YOUR SEARCH AND RELATED NAMES IN COMPARE PRICES SPACE ================================================================================*/ #wrap-products .col-2 #wrap-search {margin-bottom: 0;} #wrap-search .one-column .col-1 {width: 100%;} #wrap-search .one-column .col-1 .col-1, #wrap-search .one-column .col-1 .col-2 {width: 50%;} #wrap-search .two-column .col-1, #wrap-search .two-column .col-2 {width: 50%;} #wrap-products .col-2 #wrap-search .col-1 {float: none; width: auto;} #wrap-products .col-2 #wrap-search .col-2 {width: 50%;} #wrap-products .col-2 #wrap-search .col-3 {width: 50%; float: right;} #wrap-products .col-2 #wrap-search .col-1 .col-1 {float: left; width: 50%;} #wrap-products .col-2 #wrap-search .col-1 .col-2 {float: right; width: 50%; clear: none;} #wrap-products .col-2 #wrap-search .col-2 {clear: both;} #wrap-products .col-2 #wrap-search .col-1 h2 {padding-top: 0.4em; padding-bottom: 0.4em;} #outer-wrap .no-price-comparison .sw, #outer-wrap .no-price-comparison .se {display: block;} #outer-wrap .no-price-comparison {margin-bottom: 15px;} #outer-wrap .no-price-comparison #wrap-search .se, #outer-wrap .no-price-comparison #wrap-search .sw {display: none;} /*========== REVIEWS WRAP ============*/ #reviews-wrap .reviews {padding: 0; margin: 0;} #reviews-wrap .reviews ul {padding: 5px 20px; margin: 0;} #reviews-wrap .reviews li {padding: 0; margin: 0;} .reviews .block {clear: both;} #reviews-wrap .reviews .nw {height:18px; width: 33px; top: -13px; left: 0;} #reviews-wrap .reviews .ne {right: 0; top: 0;} #reviews-wrap .reviews .se {right: 0; bottom: 0;} #reviews-wrap .reviews .sw {left: 0; bottom: 0;} #reviews-wrap .reviews .user {width: 56%; float: left; padding:4px 0 0 10px; margin: 0 0 15px 0;} #reviews-wrap .reviews .reviewer-rating {float: right; width:40%; padding:0; margin:0 0 15px 0;} .reviews .user-review {padding: 15px 20px 10px 20px;} #content .reviews .user-review p {padding-left: 0; padding-right: 0;} .reviews .on-average {padding-bottom: 10px;} /*======== PAGINATION ==========*/ #content .pagination {margin: 0 0 20px 0; clear: both; padding: 10px 10px 0 10px;} #content .pagination p {padding: 0; margin: 0 0 5px 0;} #content .inner-pagination ul {padding: 0; margin: 0;} #content .inner-pagination li {padding: 0; margin: 0 5px 10px 0; float: left;} #content .inner-pagination li a, #content .inner-pagination strong, #content .inner-pagination .dots span, #content .inner-pagination .not-active span {display: block; padding: 0.15em 0.7em;} #content .inner-pagination .dots span {padding-left: 0; padding-right: 0;} #content .inner-pagination .not-active {padding: 0.15em 0.7em;} #content .inner-pagination .not-active strong {padding: 0;} #content .pagination .nw, #content .pagination .ne {top:0;} #content .pagination .sw, #content .pagination .se {bottom:0;} #content .pagination .sw, #content .pagination .nw {left:0;} #content .pagination .ne, #content .pagination .se {right:0;} #content .pagination .not-active .nw, #content .pagination .not-active .ne {top:-1px;} #content .pagination .not-active .sw, #content .pagination .not-active .se {bottom:-1px;} #content .pagination .not-active .sw, #content .pagination .not-active .nw {left:-1px;} #content .pagination .not-active .ne, #content .pagination .not-active .se {right:-1px;} #wrap-reviews .pagination {margin-top: 30px; padding:0;} #wrap-reviews .pagination p {padding-left: 10px;} /*======================== SWITCH LAYOUT - PAGINATION ==========================*/ .switch-four #content .inner-pagination ul, .switch-five #content .inner-pagination ul {float: left;} .switch-four #content .pagination p, .switch-five #content .pagination p {float: left; width: auto; padding-top: 0.3em} .switch-four #content .inner-pagination, .switch-five #content .inner-pagination {float: right; width: auto;} .switch-four #content .inner-pagination p, .switch-five #content .inner-pagination p {float: left; width: auto; padding-right: 5px;} .switch-four #content .inner-pagination li, .switch-five #content .inner-pagination li {margin: 0 0 10px 5px;} /*========= WRAP SUBMIT ===========*/ #wrap-submit {margin-bottom: 40px;} #wrap-submit .submit-button {margin-left: 0;} #content #wrap-submit .submit-button a {display: block; margin: 0; padding: 10px 0; height: auto;} #wrap-submit .submit-button .se, #wrap-submit .submit-button .sw {bottom: -1px;} #wrap-submit .submit-button .nw, #wrap-submit .submit-button .ne {top: -1px;} #wrap-submit .submit-button .se, #wrap-submit .submit-button .ne {right: -1px;} #wrap-submit .submit-button .sw, #wrap-submit .submit-button .nw {left: -1px;} /*============================= SOCIAL BOOKMARKS ===============================*/ #outer-wrap #social-bookmarks {padding: 0; margin: 0;} #outer-wrap #social-bookmarks .bookmarks-one {padding: 10px;} #outer-wrap #social-bookmarks .bookmarks-two {padding: 0;} #outer-wrap #social-bookmarks ul {margin: 0; padding: 0;} #outer-wrap #social-bookmarks li {margin: 0 0 5px 0; padding: 0 0 0 25px; float: left; width: 21%;} #wrap-awaiting-reviews #social-bookmarks h3, #wrap-confirmation #social-bookmarks h3 {padding-left: 0;} /*===== SORT BY ======*/ #wrap-sort {padding: 0 10px; margin: 10px 0 0 0;} #wrap-sort form {padding: 5px 10px;} #wrap-sort .row {padding-left: 0; padding-bottom: 0; width: auto; clear: none;} #content #wrap-sort form label {float: left; padding: 0 5px 0 0; margin-bottom: 0;} #content #wrap-sort .checkbox-row input {width: auto; margin: 0;} #content #wrap-sort .submit-button {width: auto; float: left; margin: 0 0 5px 0; padding: 0;} /*================================= SORT BY ON PRODUCT PAGE REVIEWS TAB ===================================*/ #wrap-reviews #wrap-sort {padding: 0;} #wrap-reviews #wrap-sort .row {padding-left: 10px; padding-right: 10px;} #wrap-reviews #wrap-sort .submit-button {margin: 10px 0 10px 10px;} #wrap-reviews #wrap-sort h3 {padding-left: 10px; padding-right: 10px; margin-bottom: 0;} #wrap-reviews #wrap-sort .nw {top: 0; left: 0;} #wrap-reviews #wrap-sort .ne {top: 0; right: 0;} #wrap-reviews #wrap-sort .se {bottom: 0; right: 0;} #wrap-reviews #wrap-sort .sw {bottom: 0; left: 0;} /*===================== SWITCH LAYOUT - SORT BY =======================*/ .switch-four #content #wrap-sort, .switch-five #content #wrap-sort {padding-bottom: 5px;} .switch-four #content #wrap-sort .row, .switch-five #content #wrap-sort .row {float: left; width: auto; padding: 8px 0 0 0;} .switch-four #content #wrap-sort .row label, .switch-five #content #wrap-sort .row label {float: left; padding-right: 5px; margin-bottom: 0;} .switch-four #content #wrap-sort .submit-button, .switch-five #content #wrap-sort .submit-button {float: left; width: auto; margin: 5px 0 0 0;} .switch-four #content #wrap-sort select, .switch-five #content #wrap-sort select {float: left; width: auto;} .switch-four #content #wrap-sort .checkbox-row, .switch-five #content #wrap-sort .checkbox-row {margin-right: 10px;} /*================================================= SWITCH LAYOUT - SORT BY ON PRODUCT PAGE REVIEWS TAB ==================================================*/ .switch-four #wrap-reviews #wrap-sort .row, .switch-five #wrap-reviews #wrap-sort .row {padding-left: 10px;} /*============== MEMBER COMMENTS (FULL REVIEW AND FORUM PAGES) ================*/ #wrap-comments {padding: 10px 15px;} #wrap-comments h2 {padding-left: 0; padding-right: 0;} #content #wrap-comments ul {padding: 0;} #content #wrap-comments li {padding: 0;} #wrap-comments .member-comment {margin-top: 20px; padding: 10px;} #content #wrap-comments .nw {height:19px; width: 32px; top: -14px; left: 0;} #content #wrap-comments .ne {top: -1px; right: 0;} #content #wrap-comments .se {right: 0; bottom: 0;} #content #wrap-comments .sw {left: 0; bottom: 0;} /*=============================================== PRODUCT PAGE OVERVIEW ===================================================*/ /*=========================================== REVIEWS OVERVIEW (SUMMARY AND AVERAGE RATINGS) =============================================*/ #reviews-overview .col-1, #reviews-overview .col-2 {float: none; width: 100%;} #reviews-overview li .col-1 {float:left;} #reviews-overview li .col-2 {float: right;} #reviews-overview .inner-col-1, #reviews-overview .inner-col-2 {padding: 10px;} #reviews-overview .inner-col-1 ul {padding-left:0px; } #reviews-overview .inner-col-1 ul li {margin-left:5px;background: url(/renata-b/renata_layout/arrow-purple.gif) no-repeat 0 0.5em;} #reviews-overview .inner-col-1 li {list-style-type:none;padding-left:10px;margin-left:5px;background: url(/renata-b/renata_layout/arrow-purple.gif) no-repeat 0 0.5em;} #reviews-overview .inner-col-2 ul {padding: 0;} #reviews-overview .inner-col-2 li {padding: 4px 0 4px 0; position: relative;} #outer-wrap #content .no-summary .col-2 {float: none; width: 100%;} #reviews-overview .inner-col-2 li img {padding-left:5px;position:relative;top:0px;} span.attribute_ratings_row{ position:absolute; right:0px;} #reviews-overview li .col-1, #reviews-overview li .col-2 {width: 50%;} /*============================ SWITCH LAYOUT REVIEWS OVERVIEW ==============================*/ .switch-four #reviews-overview .col-1, .switch-five #reviews-overview .col-1 {float: left; width: 50%;} .switch-four #reviews-overview .col-2, .switch-five #reviews-overview .col-2 {float: right;width: 50%;} /*=============================================== PRODUCT PAGE FULL REVIEW ===================================================*/ /*==================== FULL REVIEW PAGINATION ======================*/ #wrap-full-review .full-review-pagination {padding: 0 10px 10px 10px;} #wrap-full-review .full-review-pagination p {width: auto;} #wrap-full-review .full-review-pagination ul {margin: 0; padding: 0; width: 300px;} #wrap-full-review .full-review-pagination li {padding: 0; margin: 0 5px 5px 0; display: inline;} /*==================================== SWITCH LAYOUT - FULL REVIEW PAGINATION =====================================*/ .switch-four #wrap-full-review .full-review-pagination p, .switch-five #wrap-full-review .full-review-pagination p {float: left; width: auto;} .switch-four #wrap-full-review .full-review-pagination ul, .switch-five #wrap-full-review .full-review-pagination ul {margin: 0; padding: 0; float: right; width:300px;} .switch-fo #wrap-full-review .full-review-pagination li, .switch-five #wrap-full-review .full-review-pagination li {padding: 0; margin: 0 0 5px 5px; display: inline;} /*================= OVERALL STAR RATING ===================*/ #wrap-overall-rating {padding: 10px;} #wrap-overall-rating img {margin-top: -5px;} #inner-wrap-overall-rating {clear: both; padding-bottom: 20px; margin: 0 20px;} #content #wrap-overall-rating h3 {float: left; margin-right: 10px; margin-left: 20px;} #wrap-overall-rating ul {padding: 0; margin: 20px 0 0 0;} #wrap-overall-rating .col-2 ul {margin-top: 0;} #inner-wrap-overall-rating .col-1, #inner-wrap-overall-rating .col-2 {float: none; width: 100%;} #inner-wrap-overall-rating .col-1 .col-1, #inner-wrap-overall-rating .col-1 .col-2, #inner-wrap-overall-rating .col-2 .col-1, #inner-wrap-overall-rating .col-2 .col-2 {width: 50%;} #inner-wrap-overall-rating .col-1 .col-1, #inner-wrap-overall-rating .col-2 .col-1 {float: left;} #inner-wrap-overall-rating .col-2 .col-2, #inner-wrap-overall-rating .col-1 .col-2 {float: right;} #outer-wrap #wrap-overall-rating li {padding: 4px 0 2px 0; position: relative;} #outer-wrap #wrap-overall-rating li img {position: absolute; right: 0; top: 7px; margin-top: 0;} /*============================ SWITCH LAYOUT - OVERALL STAR RATING ==============================*/ .switch-four #inner-wrap-overall-rating .col-1, .switch-five #inner-wrap-overall-rating .col-1, .switch-four #inner-wrap-overall-rating .col-2, .switch-five #inner-wrap-overall-rating .col-2 {width: 50%;} .switch-four #inner-wrap-overall-rating .col-1, .switch-five #inner-wrap-overall-rating .col-1 {float: left;} .switch-four #inner-wrap-overall-rating .col-2, .switch-five #inner-wrap-overall-rating .col-2 {float: right;} .switch-four #wrap-overall-rating .col-1 ul, .switch-five #wrap-overall-rating .col-1 ul {margin-right: 10px;} .switch-four #wrap-overall-rating .col-2 ul, .switch-five #wrap-overall-rating .col-2 ul {margin-left: 10px; margin-top: 20px;} /*============= HELPFUL REVIEWS ===============*/ #wrap-helpful-reviews {padding: 10px;} /*===================== FULL REVIEW WRAP SUBMIT =======================*/ #wrap-full-review #wrap-submit {padding: 0 15px;margin-bottom: 10px;} #wrap-full-review #wrap-submit .submit-button {width: auto; display: inline-block; margin: 0 10px 10px 0;} #wrap-full-review #wrap-submit .submit-button a {padding: 10px; width: auto;} /*================ REPORT THIS REVIEW ==================*/ #wrap-report {clear: both; margin: 10px 15px; padding: 10px 0 20px 0;} #wrap-report ol {margin-left: 20px;} #wrap-report .col-1, #wrap-report .col-2 {float: none; width: auto;} /*================================ SWITCH LAYOUT - REPORT THIS REVIEW ==================================*/ .switch-four #wrap-report .col-1, .switch-five #wrap-report .col-1, .switch-four #wrap-report .col-2, .switch-five #wrap-report .col-2 {width: 50%;} .switch-four #wrap-report .col-1, .switch-five #wrap-report .col-1 {float: left;} .switch-four #wrap-report .col-2, .switch-five #wrap-report .col-2 {float: right; padding-top: 4px;} /*=============================================== PRODUCT PAGE DETAILS =================================================*/ #wrap-product-details h2 {padding: 5px 10px;} #wrap-product-details #wrap-summary {padding-bottom: 5px;} #wrap-product-details .block p {padding-left: 10px; padding-right: 10px;} #wrap-product-details .block dl {padding: 0 10px;} /*=================================== SWITCH LAYOUT - PRODUCT PAGE DETAILS ====================================*/ .switch-four #wrap-product-details .block dt, .switch-five #wrap-product-details .block dt {float: left; clear: left; width: 45%; padding-right: 10px;} .switch-four #wrap-product-details .block dd, .switch-five #wrap-product-details .block dd {width: 45%; float:left; padding-left: 10px;} /*=============================================== CATEGORY VERDICT VARIATION ===================================================*/ /*============= PRODUCT DETAILS ===============*/ #product-details {margin-bottom: 0;} #product-details h1 {padding-left: 10px; padding-right: 10px;} #product-details .se, #product-details .sw {display: none;} #product-details p {margin-bottom: 0.5em;} #product-details #sub-wrap-one {float: left; width: 100%; margin: 0 -320px 0 0;} #inner-product-details {margin: 0; padding: 10px;} #product-details #wrap-sponsored-links {float: right; width: 300px; padding: 10px;} /*=============== VERDICT VARIATION =================*/ #wrap-verdict-variation #verdict-summary {padding: 10px;} #wrap-verdict-variation #verdict-summary .col-1, #wrap-verdict-variation #verdict-summary .col-2 {float: none; width: auto;} #wrap-verdict-variation #verdict-summary .submit-button {width: auto; margin: 0 10px 10px 0; float: left;} #wrap-verdict-variation #verdict-summary .submit-button a {display: block; width: auto; height: auto; padding: 10px;} #wrap-verdict-variation #verdict-summary .submit-button .ne, #wrap-verdict-variation #verdict-summary .submit-button .nw {top: -1px;} #wrap-verdict-variation #verdict-summary .submit-button .se, #wrap-verdict-variation #verdict-summary .submit-button .sw {bottom: -1px;} #wrap-verdict-variation #verdict-summary .submit-button .ne, #wrap-verdict-variation #verdict-summary .submit-button .se {right: -1px;} #wrap-verdict-variation #verdict-summary .submit-button .nw, #wrap-verdict-variation #verdict-summary .submit-button .sw {left: -1px;} #verdict-variation-products {clear: both;} /*=============================== SWITCH LAYOUT - VERDICT VARIATION =================================*/ .switch-four #wrap-verdict-variation #verdict-summary .col-1, .switch-five #wrap-verdict-variation #verdict-summary .col-1 {float: left; width: 60%;} .switch-four #wrap-verdict-variation #verdict-summary .col-2, .switch-five #wrap-verdict-variation #verdict-summary .col-2 {width: 39%; float: right;} .switch-four #wrap-verdict-variation #verdict-summary .submit-button, .switch-five #wrap-verdict-variation #verdict-summary .submit-button {margin-right: 0; float: right; clear: right;} /*======================== VERDICT VARIATION PRODUCTS ==========================*/ #verdict-variation-products ul {padding: 0;} #wrap-verdict-variation #verdict-variation-products li {padding: 10px; position: relative; padding-top: 0px; } #wrap-verdict-variation #verdict-variation-products .number {position: absolute; top: 0; left: 0; padding: 5px 10px;} #wrap-verdict-variation #verdict-variation-products h3 {margin: 15px 0 0px 0px;} #content .number .ne {top: -1px; right: -1px;} #content .number .se {bottom: -16px; right: -1px; height: 20px; width: 32px;} /*=============================================== PRODUCT PAGE PRICES ===================================================*/ /*============ COMPARE PRICES ==============*/ #wrap-compare-prices #inner-compare-prices {margin: 20px 0;} #wrap-compare-prices #inner-compare-prices ul {margin: 10px 0 0 0; padding: 0;} #wrap-compare-prices #inner-compare-prices .number {position: absolute; top: 15px; left: 10px;} #wrap-compare-prices #inner-compare-prices h2 {margin-top: 50px;} #content #wrap-compare-prices #inner-compare-prices li {position: relative; padding: 5px; margin: 0;} #wrap-compare-prices #inner-compare-prices .product-type {margin-left: 130px; margin-right: 5.5em; min-height: 40px;} #wrap-compare-prices #inner-compare-prices li img {position: absolute; left: 30px; top: 10px;} #wrap-compare-prices #inner-compare-prices .price span {display: block;} #wrap-products #wrap-compare-prices .se, #wrap-products #wrap-compare-prices .sw {display: block;} /*============================ LAYOUT SWITCH - COMPARE PRICES ==============================*/ .switch-four #wrap-compare-prices #inner-compare-prices .product, .switch-five #wrap-compare-prices #inner-compare-prices .product {float: left; width: 70%;} .switch-four #wrap-compare-prices #inner-compare-prices .price, .switch-five #wrap-compare-prices #inner-compare-prices .price {float: right; width: 25%; line-height: 1.2em;} /*======= GO BUTTON ========*/ #wrap-compare-prices #inner-compare-prices .go-button {position: absolute; right: 10px; top: 10px; padding: 0; margin: 0;} #wrap-compare-prices #inner-compare-prices .go-button a {display: block; padding: 5px 10px;} /*=============================================== LISTING PAGE - REVIEWS / AWAITING REVIEWS ===================================================*/ #wrap-awaiting-reviews h3, #wrap-awaiting-reviews p {padding-left: 10px; padding-right: 10px;} /*==================== INNER AWAITING REVIEWS ======================*/ #wrap-awaiting-reviews #inner-awaiting-reviews {margin-bottom: 10px;} #wrap-awaiting-reviews #inner-awaiting-reviews h3 {float:left;} #wrap-awaiting-reviews #inner-awaiting-reviews p {clear: left;} #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button {margin: 0 10px 10px 10px; width: auto; float: right;} #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button a {display: block; padding: 3px 10px; height: auto; width: auto; } #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .nw, #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .ne {top: -1px;} #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .se, #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .sw {bottom: -1px;} #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .se, #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .ne {right: -1px;} #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .sw, #wrap-awaiting-reviews #inner-awaiting-reviews .submit-button .nw {left: -1px;} /*============================= WRAP FILTER - SHOW HIDE FILTERS ===============================*/ #wrap-awaiting-reviews #wrap-filters ul {padding: 0; clear: both;} #wrap-awaiting-reviews #wrap-filters li {float: left; width: 30%;} #wrap-awaiting-reviews #wrap-filters ul ul li {float: none; width: auto; padding-left: 0;} /*=== RELATED COLUMN WRAP FILTERS ===*/ #related #wrap-filters ul {padding: 0;} #related #wrap-filters li {clear: both;} /*=========== REVIEWS TABLE =============*/ #wrap-awaiting-reviews th {padding-bottom: 2px;} #wrap-awaiting-reviews td {padding: 5px 10px;} #wrap-awaiting-reviews #table-awaiting-reviews .table-image {width: 10%;} #wrap-awaiting-reviews #table-awaiting-reviews .table-name {width: 65%;} #wrap-awaiting-reviews #table-awaiting-reviews .table-reviews {width: 25%;} #wrap-awaiting-reviews #table-reviews .table-image {width: 10%;} #wrap-awaiting-reviews #table-reviews .table-name {width: 40%;} #wrap-awaiting-reviews #table-reviews .table-reviews {width: 10%;} #wrap-awaiting-reviews #table-reviews .table-best-price {width: 15%;} #wrap-awaiting-reviews #table-reviews .table-rating {width: 25%;} #wrap-awaiting-reviews #table-sub-category-brand .table-image {width: 10%;} #wrap-awaiting-reviews #table-sub-category-brand .table-name {width: 35%;} #wrap-awaiting-reviews #table-sub-category-brand .table-category {width: 22%;} #wrap-awaiting-reviews #table-sub-category-brand .table-reviews {width: 8%;} #wrap-awaiting-reviews #table-sub-category-brand .table-rating {width: 25%;} #wrap-awaiting-reviews #table-reviews td img, #wrap-awaiting-reviews #table-sub-category-brand td img {display: block; margin: 0 auto;} #wrap-awaiting-reviews #wrap-table {overflow: auto;} /*=========== WRAP SUBMIT =============*/ #wrap-awaiting-reviews #wrap-submit {padding: 0 10px; margin: 0;} #content #wrap-awaiting-reviews #wrap-submit .submit-button {width: auto; display: inline-block; margin: 0 10px 10px 0;} #wrap-awaiting-reviews #wrap-submit .submit-button a {padding: 3px 10px; width: auto;} /*=============================================== ASK A QUESTION/ WRITE A REVIEW ===================================================*/ #content #wrap-ask-a-question form {padding: 0;} #content #wrap-ask-a-question .ne, #content #wrap-write-a-review .ne {top: -1px; right: -1px;} #content #wrap-ask-a-question .nw, #content #wrap-write-a-review .nw {top: -1px; left: -1px;} #content #wrap-ask-a-question .sw, #content #wrap-write-a-review .sw {left: -1px; bottom: -1px;} #content #wrap-ask-a-question .se, #content #wrap-write-a-review .se {right: -1px; bottom: -1px;} #wrap-ask-a-question h2, #wrap-write-a-review h2 {padding:3px 10px 4px 10px; margin-bottom: 0;} #wrap-ask-a-question .row, #wrap-write-a-review .row {position: relative; padding: 0 0 0 0;} #wrap-ask-a-question .number, #wrap-write-a-review .number {padding: 5px 10px; width: 40%; margin: 0;} #wrap-write-a-review .number h3 {padding: 0; margin: 0;} #content #wrap-ask-a-question .number .se, #content #wrap-write-a-review .number .se {bottom: -16px;} /*==================== TOPIC OF YOUR QUESTION ======================*/ #wrap-ask-a-question #wrap-question {padding-top: 0; padding-bottom: 50px;} #wrap-ask-a-question #wrap-question .col-2 {width: 55%; float: right;} #wrap-ask-a-question #wrap-question .col-2 li {display: inline; padding: 0;} #content #wrap-ask-a-question #wrap-question .inner-row {margin-top: 40px;clear: both;} #content #wrap-question ul {padding: 0 10px; margin:10px 0; float: right;} #content #wrap-question li {margin: 0 5px 5px 0;} /*==================== YOUR QUESTION DETAILS ======================*/ #content #wrap-question-details {padding-bottom: 30px;} #wrap-question-details .inner-row {margin: 30px 30px 5px 30px;} #wrap-question-details #wrap-smileys {margin: 10px 0 0 0;} #wrap-question-details #wrap-smileys ul {padding: 0;} #wrap-question-details #wrap-smileys li {padding: 0; float: left; margin: 0 5px 5px 0;} #wrap-question-details .inner-row label {} #wrap-question-details .inner-row label .required {padding-right: 10px;} #content #wrap-question-details textarea, #content #wrap-write-a-review textarea {width: 99.3%; margin: 0; padding: 0;} #content #wrap-question-details .error {margin-left: 5px; text-align: left;} /*================ QUESTION CONTROLS =================*/ #content #wrap-question-details #question-controls ul {float: right; margin: 0 3px 10px 0; padding: 0;} #content #wrap-question-details #question-controls li {padding: 0; margin: 0 0 0 5px; float: left;} #wrap-question-details #question-controls .submit-button a {margin: 0; padding: 10px; height: auto; width: auto; display: block;} #content #wrap-question-details #question-controls .ne, #content #wrap-question-details #question-controls .nw {top: 0;} #content #wrap-question-details #question-controls .se, #content #wrap-question-details #question-controls .sw {bottom: 0;} #content #wrap-question-details #question-controls .se, #content #wrap-question-details #question-controls .ne {right: 0;} #content #wrap-question-details #question-controls .sw, #content #wrap-question-details #question-controls .nw {left: 0;} /*==================== REVIEW CENTRE ACCOUNT ======================*/ #wrap-review-centre-account .col-1, #wrap-review-centre-account .col-2 {float: none; width: auto; margin: 20px 0;} #wrap-review-centre-account .col-1 p, #wrap-review-centre-account .col-2 p {padding-left: 10px; padding-right: 10px;} #content #wrap-review-centre-account .submit {margin: 0; width: auto; height: auto; padding: 10px; display: block;} #wrap-review-centre-account h4 {clear: both; padding: 5px 10px;} #wrap-review-centre-account .row {margin-bottom: 0; padding: 5px 10px;} #wrap-review-centre-account #login-form .submit-row, #wrap-review-centre-account #sign-up-form .submit-row {padding-left: 5px;} #wrap-review-centre-account #login-form .submit-button, #wrap-review-centre-account #sign-up-form .submit-button {margin-left: 5px; float: left; width: auto;} #wrap-review-centre-account #login-form p, #wrap-review-centre-account #sign-up-form p {padding-left: 10px; padding-right: 10px;} #content #wrap-review-centre-account .ne {top: 0; right: 0;} #content #wrap-review-centre-account .nw {top: 0; left: 0;} #content #wrap-review-centre-account .se {bottom: 0; right: 0;} #content #wrap-review-centre-account .sw {bottom: 0; left: 0;} #next-step h5 {padding: 5px 10px;} #wrap-review-centre-account #login-form .error, #wrap-review-centre-account #sign-up-form .error {margin-left: 0; padding-left: 0;} .switch-four #wrap-review-centre-account #sign-up-form .error, .switch-five #wrap-review-centre-account #sign-up-form .error, .switch-four #wrap-review-centre-account #login-form .error, .switch-five #wrap-review-centre-account #login-form .error {margin-left: 33%; padding-left: 5px;} /*=================================== SWITCH LAYOUT - REVIEW CENTRE ACCOUNT ======================================*/ .switch-four #wrap-review-centre-account .col-1, .switch-five #wrap-review-centre-account .col-1 {float: left; width: 48%;} .switch-four #wrap-review-centre-account .col-2, .switch-five #wrap-review-centre-account .col-2 {float: right; width: 48%;} .switch-four #content #wrap-review-centre-account .submit-row .submit-button, .switch-five #content #wrap-review-centre-account .submit-row .submit-button {display: inline-block;/*margin-left: 33%;*/} /*=========== SUBMIT BUTTON =============*/ #wrap-ask-a-question .submit-button, #wrap-write-a-review .submit-button {margin: 0 10px 10px 10px; width: auto;} #wrap-ask-a-question .submit-button input, #wrap-write-a-review .submit-button input {margin: 0; width: auto;} /*===== RELATED =======*/ .layout-two #related p {padding: 10px;} /*======================== RATINGS FOR WRITE A REVIEW ==========================*/ #wrap-write-a-review #wrap-ratings{border-top:1px solid #A533A4;} #wrap-write-a-review #wrap-ratings .number {margin-bottom: 30px;} #wrap-write-a-review #wrap-ratings .row {margin: 0 0 5px 0;} #wrap-write-a-review #wrap-ratings .sub-row {width: 80%; margin: 0 auto; padding: 5px 0;} #wrap-write-a-review #wrap-ratings h4 {float: left; margin-left: 10px; width: 33%;} #wrap-write-a-review #wrap-ratings .inner-row {clear: both; width: 80%; margin: 0 auto;} #wrap-write-a-review #wrap-ratings .inner-row h4 {width: auto;} #wrap-write-a-review #wrap-ratings .inner-row label {width: auto; margin: 0 10px; float: left;} #wrap-write-a-review #wrap-ratings .inner-row input {margin: 0 3px 0 0; width: auto;} #wrap-write-a-review #wrap-ratings p {padding-left: 10px; padding-right: 10px;} #wrap-write-a-review #wrap-ratings p .required {float: none; padding: 0; margin: 0;} #wrap-write-a-review #wrap-ratings .required {float: left; padding-top: 5px; margin: 0 0 0 -15px;} #wrap-write-a-review .sub-row p {padding:0 0 0 10px; float: left;} /* STAR RATINGS WITHOUT JAVASCRIPT ----------------------------------*/ #content #wrap-ratings .sub-row label {float: left;padding-right: 5px; margin-right: 5px;} #content #wrap-ratings .sub-row input {width: auto; margin: 0 5px 0 0;} /*============================ STAR RATING FOR WRITE A REVIEW =============================*/ #wrap-ratings .star-rating { margin: 0.25em 0 0 10px; padding: 0; width: 95px; height: 15px; position: relative; float: left;} #wrap-ratings .star-rating li {padding: 0; margin: 0; float: left;} #wrap-ratings .star-rating li a { position:absolute; left:0; top:0; width:15px; height:15px; margin: 0; } #wrap-ratings .star-rating li.star-1 a {left:0;} #wrap-ratings .star-rating li.star-2 a {left:20px;} #wrap-ratings .star-rating li.star-3 a {left:40px;} #wrap-ratings .star-rating li.star-4 a {left:60px;} #wrap-ratings .star-rating li.star-5 a {left:80px;} #wrap-ratings .star-rating li a:hover, #wrap-ratings .star-rating li a:focus, #wrap-ratings .star-rating li a:active { height:15px; overflow:hidden; left:0; } /*=== LARGE STARS ===*/ #wrap-write-a-review #wrap-ratings #star-rating-overall .star-rating { margin: -5px 0 0 10px; padding: 0; position: relative; float: left; width: 170px; height: 30px; } #wrap-write-a-review #wrap-ratings #star-rating-overall li {padding: 0; margin: 0; float: left;} #wrap-write-a-review #wrap-ratings #star-rating-overall li a { position: absolute; top: 0; margin: 0; left: 0; width:30px; height:30px; } #wrap-write-a-review #wrap-ratings #star-rating-overall li.star-1 a {left:0;} #wrap-write-a-review #wrap-ratings #star-rating-overall li.star-2 a {left:35px;} #wrap-write-a-review #wrap-ratings #star-rating-overall li.star-3 a {left:70px;} #wrap-write-a-review #wrap-ratings #star-rating-overall li.star-4 a {left:105px;} #wrap-write-a-review #wrap-ratings #star-rating-overall li.star-5 a {left:140px;} #wrap-write-a-review #wrap-ratings #star-rating-overall li a:hover, #wrap-write-a-review #wrap-ratings #star-rating-overall li a:focus, #wrap-write-a-review #wrap-ratings #star-rating-overall li a:active {height:30px; overflow:hidden; left:0;} /*=============================================== WRITE A REVIEW CONFIRMATION ===================================================*/ #wrap-confirmation h3, #wrap-confirmation h4 {margin-left: 0; padding: 5px 10px;} #wrap-confirmation p {padding-left: 10px; padding-right: 10px;} #wrap-confirmation h3 {padding-top: 0;} #wrap-confirmation .date {margin-bottom: 0;} #wrap-confirmation h4 {margin-top: 10px; margin-bottom: 10px;} #wrap-confirmation #wrap-overall-rating {padding-bottom: 2px;} #wrap-confirmation #wrap-overall-rating h3 {padding: 0;} #wrap-confirmation #wrap-overall-rating p {padding-left: 0; padding-right: 0;} /*=============== TELL YOUR FRIENDS ================*/ #tell-your-friends h4 {float: none;} #inner-tell-your-friends {padding: 15px; margin: 10px;} /* REVIEW IDENTIFICATION -------------------------*/ #wrap-write-a-review #new-item .question-text {padding: 0 10px;} #wrap-write-a-review #new-item {border: 1px #A533A4 solid; border-width: 1px 0;} #wrap-write-a-review #new-item .sub-row {width: 80%; margin: 0 auto 20px auto;} #wrap-write-a-review #new-item .number {margin-bottom: 25px;} #wrap-write-a-review #new-item .sub-row label {width: 33%; text-align: left; float: left;} #wrap-write-a-review #new-item .sub-row input {width: 33%;} #wrap-write-a-review #new-item label .required {float: left; margin-left: -25px; padding-top: 5px; font-size: 1.5em;} #content .error-row p.error {float: none; margin: 0 0 5px 10%; padding: 5px 0 0 0; color: #cc0000;} #outer-wrap #content .error-row h4 {font-weight: bold;} #outer-wrap #content .error-row .required {color: #cc0000;} /*=============================================== SUB CATEGORY BRAND PAGE ===================================================*/ #wrap-sub-category-brand #wrap-awaiting-reviews {padding-bottom: 10px;} #wrap-sub-category-brand #reviews-wrap h2 {padding-left: 0; float: left;} #wrap-sub-category-brand #reviews-wrap ul {margin-top: 0; clear: both;} #content #wrap-sub-category-brand #reviews-wrap #wrap-submit {margin-bottom: 20px;} #wrap-sub-category-brand #reviews-wrap .submit-button {float: right;} /*======================================== SWITCH LAYOUT - SUB CATEGORY BRAND REVIEWS ==========================================*/ /*.switch-four #wrap-sub-category-brand #reviews-wrap h2, .switch-five #wrap-sub-category-brand #reviews-wrap h2 {float: left; width: 25%;} .switch-four #wrap-sub-category-brand #reviews-wrap #wrap-submit, .switch-five #wrap-sub-category-brand #reviews-wrap #wrap-submit {float: right; width: 70%;} .switch-four #wrap-sub-category-brand #reviews-wrap #wrap-submit .submit-button, .switch-five #wrap-sub-category-brand #reviews-wrap #wrap-submit .submit-button {float: right;} */ /*=============================================== SEARCH RESULTS PAGES ===================================================*/ #wrap-search-results h1 {padding: 0 10px;} #content-search-results #wrap-sort {margin-top: 0;} #content #content-search-results h2 {margin-bottom: 0; padding-bottom: 0; padding-top: 0;} #content-search-results .pagination {margin-bottom: 0;} #outer-wrap #wrap-search-results .web-search-results .nw, #wrap-search-results .web-search-results .ne {display: block; top: 1px;} /*=================== SEARCH RESULTS TABLE ====================*/ #table-search-results {margin: 2px 0 0 0;} #table-search-results td, #table-search-results th {padding: 5px 10px;} #table-search-results img {display: block;} #table-search-results .price, #table-search-results .go-to-store {display: block;} #table-search-results .table-image {width: 10%;} #table-search-results .table-name {width: 35%;} #table-search-results .table-rating {width: 25%;} #table-search-results .table-reviews {width: 7%;} #table-search-results .table-best-price {width: 23%;} #wrap-table {overflow: auto;} #content-search-results #wrap-comments {padding-left: 0; padding-right: 0;} #content-search-results #wrap-comments .block {margin-left: 15px; margin-right: 15px;} #content-search-results #wrap-comments .user {padding-bottom: 5px;} .search-results-template #main-wrap {margin-top: 15em;} .search-results-template .switch-four #main-wrap, .search-results-template .switch-five #main-wrap {margin-top: 12.5em;} /* REVISED PRODUCT PAGE LAYOUT ---------------------------*/ /* TABS --------*/ /* .layout-seven .tabs {margin-top: 15px; padding: 0;} */ .layout-seven #content .tabs li {padding-left: 0; margin-right: 1px; margin-bottom: 0;} .layout-seven .tabs li {float: left; margin-right: 1px; margin-bottom: 0;} .layout-seven .tabs li a, .layout-seven .tabs li strong {display: block; padding: 10px;} .layout-seven .tabs li strong {padding-bottom: 11px; margin-bottom: -2px;} .layout-seven.tabs li a {padding-bottom: 9px;} #product-page-content-wrap {padding: 15px 10px;} #product-page-content-wrap #reviews-overview h2 {padding: 5px 10px;} #product-page-content-wrap .reviews li {margin-bottom: 30px;} #product-page-content-wrap .reviews ul li {margin-bottom: 0;} #product-page-container #wrap-products .col-1 {width: 67%;} #product-page-container #wrap-products .col-2 {width: 33%;} #product-page-container #wrap-products .se, #product-page-container #wrap-products .sw {display: block;} /* COMPARE PRICES ---------------------------*/ #product-page-content-wrap #compare-prices h2 {margin-bottom: 0; padding: 5px 10px; position: relative;} #product-page-content-wrap #compare-prices h2 span {position: absolute; right: 10px; top: 6px;} #content #product-page-content-wrap #compare-prices ul {margin: 0; padding: 5px 10px 10px 10px;} #content #product-page-content-wrap #compare-prices li {padding: 5px 0; margin: 0;} #content #product-page-content-wrap #reviews-wrap .user {padding-left: 0;} /* RATE IT NOW ---------------------------*/ #product-page-container #product-rating {clear: both; padding: 30px 0 10px 0; width: auto;} #product-page-container #inner-product-rating {width:90%; float: none; margin: 0 auto;} #product-page-container #inner-product-rating h3 {float: left; padding: 0 5px 0 0;} #product-page-container #product-rating p {clear: both; font-size: 0.85em; padding: 0;} #product-page-container #product-rating .rating {margin-left: 0;} #product-page-container #product-rating .submit-button {margin: 15px auto 0 auto; padding: 0; float: none; width: 90%;} /*=============== Average Star Rating ================*/ #wrap-awaiting-reviews #table-reviews td div.star_rating_container_small{width:100px;} #wrap-awaiting-reviews #table-reviews td div.star_rating_container_small img { display:inline; padding-right:5px; } .star_rating_container_small { padding-left: 3px; width:100px; margin:auto;} /*================== Forgotten password ===================*/ #return-to-review { float: left; position: absolute; width: 100%; } /*========= BEAT THAT QUOTE BTN ==========*/ #btq .submit-button {margin: 0 10px 0 0; padding: 0; float: right; width: 47%;} #outer-wrap #btq .submit-button a {display: block; padding: 10px;height: auto; width: auto;} #btq .submit-button .se, #btq .submit-button .sw {display: block; bottom: -1px;} #btq .submit-button .nw, #btq .submit-button .ne {top: -1px;} #btq .submit-button .se, #btq .submit-button .ne {right: -1px;} #btq .submit-button .sw, #btq .submit-button .nw {left: -1px;} /* BEAT THAT QUOTE BUTTON --------------------------*/ #product-page-container #btq .submit-button {margin: 15px auto 0 auto; padding: 0; float: none; width: 90%;}