/* ------ created 03/04/12 v5 ----- */ /* ------ reset.css by Andy Clarke ----- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, section, article { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* ------ headings ----- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-size: 2em; line-height: 1.2; margin-bottom: 0.5em; } h2 { font-size: 1.8em; line-height: 1.2; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1.2; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* ------ typography ----- */ p { margin: 0 0 1.5em; } p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } a:focus, a:hover { color: #000; } a, a:link, a:visited { color: #444; text-decoration: none; } blockquote { margin: 1.5em; font-style: italic; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } address { margin: 0 0 1.5em; font-style: italic; } del { color: #666; } pre { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1.1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* ------ lists ----- */ li ul, li ol { margin: 0 1.5em; } ul, ol { margin: 0 0 1.5em 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } /* ------ tables ----- */ table { margin-bottom: 1.4em; width: 100%; } th { font-weight: bold; } th, td, caption { padding: 4px 10px 4px 5px; vertical-align: top; } tfoot { font-style: italic; } caption { background: #eee; } /* ------ forms ----- */ label { font-weight: normal; color: #000; font-size: 1.2em; } fieldset { padding: 1.4em; margin: 0px 0 1.5em 0; } legend { font-weight: 500; font-size: 1.4em; color: #000; } textarea { width: 390px; height: 250px; padding: 5px; } /* ------ jQuery styling ----- */ /* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* ------ component containers ----- */ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; /*{ffDefault}*/ /*{fsDefault}*/ } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; /*{ffDefault}*/ } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; /*{borderColorContent}*/ /*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/ /*{fcContent}*/ } .ui-widget-content a { color: #222222; /*{fcContent}*/ } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; /*{borderColorHeader}*/ /*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/ /*{fcHeader}*/ } .ui-widget-header a { color: #222222; /*{fcHeader}*/ } /* ------ interaction states ----- */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; /*{borderColorDefault}*/ /*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/ /*{fwDefault}*/ /*{fcDefault}*/ } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; /*{fcDefault}*/ } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; /*{borderColorHover}*/ /*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/ /*{fwDefault}*/ /*{fcHover}*/ } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; /*{fcHover}*/ } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; /*{borderColorActive}*/ /*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/ /*{fwDefault}*/ /*{fcActive}*/ } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; /*{fcActive}*/ } .ui-widget :active { outline: none; } /* ------ interaction cues ----- */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; /*{borderColorHighlight}*/ /*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/ /*{fcHighlight}*/ } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; /*{fcHighlight}*/ } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; /*{borderColorError}*/ /*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/ /*{fcError}*/ } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; /*{fcError}*/ } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; /*{fcError}*/ } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } /* ------ icons ----- */ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); /*{iconsContent}*/ } .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); /*{iconsContent}*/ } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); /*{iconsHeader}*/ } .ui-state-default .ui-icon { background-image: url(images/ui-icons_C3C7C7_256x240.png); /*{iconsDefault}*/ } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); /*{iconsHover}*/ } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); /*{iconsActive}*/ } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); /*{iconsHighlight}*/ } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); /*{iconsError}*/ } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* ------ misc visuals ----- */ /* ------ corner radius ----- */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; /*{cornerRadius}*/ -webkit-border-top-right-radius: 4px; /*{cornerRadius}*/ border-top-right-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; /*{cornerRadius}*/ -webkit-border-bottom-right-radius: 4px; /*{cornerRadius}*/ border-bottom-right-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; /*{cornerRadius}*/ -webkit-border-bottom-right-radius: 4px; /*{cornerRadius}*/ border-bottom-right-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; /*{cornerRadius}*/ -webkit-border-bottom-left-radius: 4px; /*{cornerRadius}*/ border-bottom-left-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /*{cornerRadius}*/ /*{cornerRadius}*/ /*{cornerRadius}*/ } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/ /*{opacityOverlay}*/ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; /*{offsetTopShadow}*/ /*{offsetLeftShadow}*/ filter: Alpha(Opacity=30); /*{thicknessShadow}*/ -moz-border-radius: 8px; /*{bgColorShadow}*/ /*{bgImgUrlShadow}*/ /*{bgShadowXPos}*/ /*{bgShadowYPos}*/ /*{bgShadowRepeat}*/ -webkit-border-radius: 8px; border-radius: 8px; /*{opacityShadow}*/ /*{cornerRadiusShadow}*/ /*{cornerRadiusShadow}*/ /*{cornerRadiusShadow}*/ } /* ------ facebox ----- */ #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; border: 3px solid rgba(0,0,0,0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.4); box-shadow: 0 0 18px rgba(0,0,0,0.4); } #facebox .content { display: table; width: 370px; padding: 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child { margin-bottom: 0; } #facebox .close { position: absolute; top: 5px; right: 5px; padding: 2px; background: #fff; } #facebox .close img { opacity: 0.3; } #facebox .close:hover img { opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #000; z-index: 99; } /* ------ lil fix ----- */ div#basketdelivery ul.majorbasketsubtotal li.freedeliveryprogressbar { float: none } /* ------ ir core styles ----- */ /* ------ body ----- */ body { text-align: center; font-family: Tahoma, "Myriad Pro", Corbel, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; line-height: 160%; background-color: #ffffff; } div.stocklistingSortOptions, ul.productsLayoutModeThumb, div.component_stockdetail .detailInfo #tabsholder, div#basketdelivery div#subtotalfreedelivery, div.listtable { float: left } div.stocklistingmodeandpagenumber, ul.contentaddressform li.value { float: right } ul.groupthumbwrapper li, ul.productsLayoutModeThumb li, ul.detailstocklisting li, div.pagebanner, div.pagefooter { width:100%;text-align: center } div#voucherandpromo, div#basketdelivery, div#basketalsobought, ul.layoutModeThumb, ul.detailstocklisting, div.pagetopnav, div.pagebottomnav,div.pagetopnavextra, div.pagebottomnavextra,div#stocklising, div#basketsubtotal, div#ordertotal, #basketcontenttable { float:left;width: 100% } #wrapper { margin: 0 auto; width: 960px; text-align: left } #header { height: 120px; margin: 0 0 50px 0; } #nav { position: absolute; top: 120px; width: 960px } a#skip-link { position: absolute; top: -30px; } ul.blocklist li { display: block; float: left; position: relative } ul.blocklistright li { display: block; float: right; position: relative } ul.inlinelist li { display: inline } ul.blocklist, ul.inlinelist, ul.blocklistright { margin: 0 } a { text-decoration: none } .article { width: 710px; float: right } .aside { float: left; width: 250px; } #footer { clear: both; width: 960px; } li.quickshopselect select { width: 200px; } ul.crumb { width:60%; float: left } ul.navPage { width: 40%; float: right; text-align: right; } div.cleardiv, #footer div.cleardiv { width: 100%; clear: both; height: 0; padding: 0; margin: 0 } div.pagebottomnav { margin: 0 0 2px 0 } ul.layoutModeThumb ul.groupthumbwrapper { width: 165px; height: 230px; margin: 3px; padding: 3px; overflow: hidden } ul.groupthumbwrapper li.groupimage { height: 150px } ul.productsLayoutModeThumb li.stockThumb { width: 165px; height: 300px; margin: 3px; padding: 3px; overflow: hidden; } ul.productsLayoutModeThumb li.productThumbImage { height:150px; z-index: 3 } ul.productsLayoutModeThumb li.discount, ul.detailstocklisting li.discount { position: absolute; text-align: left; z-index: 4; width: auto } ul.productsLayoutModeThumb li.stockThumb li.productThumbName { height: 40px; overflow: hidden; } ul.productsLayoutModeThumb input.inputitem_productqty, ul.detailstocklisting input.inputitem_productqty { width:15px; text-align: center } div.component_stockdetail .productimageholder { width: 400px; float: left; } div.component_stockdetail .detailInfo ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; width: 100%; } div.component_stockdetail .detailInfo ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; position: relative; width: 25% } div.component_stockdetail .detailInfo .qtyaddtobasket .inputitem_productqty { width:25px; text-align: center } div.component_stockdetail .detailInfo #tabsholder .tab_container { float: left; height: 300px; overflow-y: auto; width: 277px; } div.component_stockdetail .productimageholder .saveImgPrimaryImage { position:absolute; text-align: left } div.component_stockdetail .detailInfo { float: left; width: 310px; } ul.detailstocklisting li.stockThumb { width: 165px; height: 300px; margin: 3px; padding: 3px; overflow: hidden; display: block } ul.detailstocklisting li.productThumbImage { height:150px; z-index: 3 } ul.detailstocklisting li.stockThumb li.productThumbName { height: 40px; overflow: hidden; } ul.detailstocklisting .productimageholder { width: 400px; float: left; text-align: center; } .component_stockdetail #imagescontainer a.MagicThumb-swap img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } div.listtable ul.listtableheader, div.listtable ul.listtableline { width: 100%; float: left; margin: 0 } div.listtable ul.listtableheader li, div.listtable ul.listtableline li, ul.labelpairleft li { float:left;display: block } ul.labelpairleft { float:left;margin: 0 } li.basketitem { width: 325px } li.basketquantity { width: 80px } li.baskettotprice { width: 90px } li.basketprice, li.basketremove { width: 55px } li.basketExtras { width: 85px; } ul.basketline { padding-left: 6px } a.basketlinediscount { position: absolute } ul#subtotaloptions li { display: block } li.subtotaltitle, li.totaltitle { width: 460px } div#basketdelivery form { float:right; margin: 0 150px 0 0 } ul.labelpairtop, div#basketalsobought ul, div#freedelivery ul, div#voucherandpromo ul, ul.contentlist, ul.contentform, ul.contentaddressform, ul.contentaccountform { list-style-type:none;margin: 0 } div#basketprogressbar .ui-progressbar-value { height: 20px } .promocodes ul, .vouchercode ul { list-style-type: none; margin: 10px 0 10px 0; float: left } div#newregister { width:55%;float: left } div#returning { width:45%;float: right } ul.loginline, ul.registerline, ul.contentaddressform ul, ul.contentaccountform ul, ul.majorbasketsubtotal, ul.majorbaskettotal { width: 100% } div#pagevalidation_ajax { width: 100%; margin: 10px 0; text-align: center; float: left } div#pagevalidation_ajax ul { padding: 0 50px } div#myaccountdetailsactions, div#webmngmntarea, div#registerpassword li.textnote, li#registerregisterbutton { width:100%; float: left } div#webmngmntarea { text-align: center } div#myaccountaddressdetails, div#myaccountaccountdetails, div#registeraddressdetails, div#registeraccountdetials { float:left;width: 350px } div#mypurchases li.mypurchaseordertype { width: 100px } div#mypurchases li.orderlink { width: 300px } div#mypurchases li.orderstaus { width: 200px } ul#accountdob input { width: 35px } li.textbox textarea { width: 100%; height: 100px; padding: 0 } .checkoutcontainer li.textbox textarea { width: 92%; } div.trackingordersummary, div#htmlrecieptdelivery ul.labelpairleft, div#trackingbillingaddress, div#trackingdeliveryaddress, div#trackingordertracking { float:left; width: 98% } #trackingdeliveryaddress ul , #trackingbillingaddress ul { list-style: none; } div#ordersummarytable, div#orderstatus { width: 100% } li.htmlreciptitem, li.htmlrecieptdeliverylabel { width: 50% } li.orderstatusdate { width: 200px } div#ajax_image_wrap { text-align: center } .componentBorder { border: 1px #E3E3E3 solid } #addressupdatecontent .componentBorder, #myaccountdetails input[type='radio'], #myaccountdetails input[type='checkbox'], #registration ul ul#accountgender li { border: none; } /* ------ layout ------ */ #wrapper { padding: 0; } #header { margin: 0 0 40px 0; width: 100%; } #footer { width: 100%; } #logo { padding: 15px 0 0 0; float: left; margin-top: 10px; } /* ------ framework ------ */ body { font-size: small; font-style: normal; font-variant: normal; font-weight: normal; } #logo { padding: 15px 0 0 0; float: left; margin-top: 10px; } .stockthumbwrapper .productThumbImage { width: 100%; background-color: #ffffff; } div.component_stockdetail .detailInfo ul.tabs { height: 31px; } ul.crumb { margin-top: 10px; width: 50%; } #shopping_cart, .productThumbName, h1, h2, h3, h4 { line-height: 1em; } .refineblock .refineitems li { line-height: 1.3em; } ul.productsLayoutModeThumb li.productThumbImage { text-align: center; margin: 0 auto; } #header { margin: 0 0 40px 0; width: 100%; } #headerbasket { float: right; width: 300px; height: 86px; padding: 10px; } #footer { width: 100%; } #headerlinks, ul .detailstocklisting li.productqty, ul.detailstocklisting li.stockthumbprice, .text_qtyinbasket, ul.blocklist li.stockthumbaddbutton, .topselling_text, div.qtyaddtobasket a img, ul.stockthumbprice li.stockthumbprice, .stockthumbprice , ul.blocklist li.formwrap, ul.blocklist li.formwrap a.catpageaddtobasket, .stockthumbFormat4 .text_qtyinbasket { float: right; } #headerlinks li { float: right; margin: 0 2px 0 2px; padding: 8px 0 8px 0; text-align: center; width: 85px; } #headerlinks li a { color: #000000; text-transform: uppercase; } #headerlinks li:hover { padding: 10px 0 10px 0; } #headersearch input:focus, #newsformwrap input:focus { background-color: #939393; border-top: 1px #505050 solid; border-right: 1px #898989 solid; border-bottom: 1px #898989 solid; border-left: 1px #898989 solid; color: #ffffff; } #headerright { float: right; height: 120px; width: 300px; } #headersearch { float: right; height: 28px; margin: 2px 0 0 0; } #headersearch input { color: #AFAFAF; height: 20px; padding: 4px 0 4px 12px; line-height: 19px; border-radius: 4px; font-size: 1em; width: 224px; background-color: #efefef; border-top: 1px #B9B9B9 solid; border-right: 1px #D7D7D7 solid; border-bottom: 1px #D7D7D7 solid; border-left: 1px #D7D7D7 solid; } a.more-tab { color: #aaaaaa; line-height: 1.4em; margin-bottom: 0.75em; padding: 0 15px; display: block; width: 60px; } a.secureLogos { margin-top: 90px; display: block; } .productThumbImage a:active, .productThumbImage a:focus { position: static; } /*stops absolutely positioned corner image flipping down*/ .vouchercodebutton a, .promocodebutton a { margin-top: 4px; } li.promocodes ul, li.vouchercode ul { padding: 4px; border: 1px solid #dddddd; display: block; width: 98%; background-color: #f4f4f4; margin: 6px 0 0; } ul.labelpairleft, #basketheader { background-color: #f6f6f6; color: #000000; border: 1px solid #dddddd; margin-top: 2px; padding: 4px; font-size: 1em; margin-bottom: 4px; } div#pagevalidation_ajax ul.labelpairleft { border: 3px #bbbbbb solid; background-color: #ffffff; padding: 10px 80px 10px 60px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #A00202; font-size: 1.2em; } div#pagevalidation_ajax ul.labelpairleft img { margin-right: 20px; } div#pagevalidation_ajax ul.labelpairleft .validationtext { margin-top: 5px; } ul.labelpairleft .majorbaskettotal { background-color: #dddddd; } .basket h1, .basket h2 { margin-top: 20px; float: left; } .basket h2 { width: 100%; } #quickpay h2 { margin-top: 1.2em; } #basketheader li { text-transform: uppercase; } /* ------ layout ------ */ .index .article { width: 960px; margin-top: 10px; margin-bottom: 20px; } .aside { width: 245px; margin: 10px 5px 2px 0; } .article.full { width: 960px; } .aside h2 { font-size: 1.3em; color: #444444; margin: 0 0 12px; } .asidebox { margin: 0 0 8px 0; float: left; width: 190px; padding: 10px; } div.component_stockdetail .detailInfo, div.component_stockdetail .detailInfo #tabsholder .tab_container { width: 440px; padding: 10px; float: left; } div.component_stockdetail .detailInfo { float: right; margin-right: 10px; } /* So related items can still float left of the product tabs*/ .addthis_toolbox { margin-bottom: 10px; } .sortSearch, select.inputitem { width: auto; } li.quickshopselect select, .sortSearch, select.inputitem { background-color: #FBFBFB; border: 1px solid #DDDDDD; color: #585858; height: 23px; line-height: 23px; margin: 1px 0; width: 155px; } .qtyaddtobasket select.inputitem { width: 165px; } #addressupdatecontent select.inputitem , #addressupdatecontent textarea { width: 155px; } #asidesearchbox , #newsformwrap { width: 217px; height: 25px; margin: 1px 0 1px 0; float: left; } #asidesearchbox input , #newsformwrap input { border-color: #B7B7B7 #E1E1E1 #E1E1E1; border-style: solid; border-width: 1px; color: #CDCDCD; font-size: 0.9em; height: 28px; line-height: 19px; padding: 0 0 0 6px; width: 165px; } #newsformwrap input { width: 132px; border-radius: 5px; background-color: #EBEEEE; } #asidesearchbox a , #newsformwrap a { font-size: 1.2em; background-color: rgba(0, 0, 0, 0.5); padding: 4px 10px; color: #f5f5f5; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0,0,0,.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2); background-image: -moz-linear-gradient(center bottom , rgba(90, 90, 90, 0.5) 3%, rgba(100, 100, 100, 0.5) 52%, rgba(120, 120, 120, 0.5) 76%); background-image: -webkit-gradient(linear, 0 100%, 0 0%, color-stop(0.03, rgba(90, 90, 90, 0.5)), color-stop(0.52, rgba(100, 100, 100, 0.5)), color-stop(0.76, rgba(120, 120, 120, 0.5))) ; background-image: -webkit-linear-gradient(bottom, rgba(90, 90, 90, 0.5), rgba(120, 120, 120, 0.5) ); background-image: -ms-linear-gradient(bottom , rgba(90, 90, 90, 0.5), rgba(120, 120, 120, 0.5) ); background-image: -o-linear-gradient(bottom , rgba(90, 90, 90, 0.5), rgba(120, 120, 120, 0.5) ); background-image: linear-gradient(to top , rgba(90, 90, 90, 0.5), rgba(120, 120, 120, 0.5) ); } #menu_ajax ul li, ul#shopbyprice li { display: block; } #menu_ajax ul { margin: 0 15px; } #shopbyprice { margin-left: 15px; } #footer { height: 270px; text-align: left; padding-top: 25px; color: #C9E7DA; background-color: #ababab; } #footer div { height: auto; float: left; padding: 0 10px 0 10px; width: 210px; color: #FFFFFF; margin: 10px 0 10px 0; } #footer div#newsformwrap { padding: 0; } #footer div.wrap960 { float: none; } #footer h2 { margin: 2px 0 15px 0; font-size: 1.2em; color: #eeeeee; } #footer li, #footer span { display: block; width: 100%; } #footer p { margin: 0; } #footer a.hide { border-bottom: none; } #footer li a, #footer p.copyright a { color: #ffffff; line-height: 1.4em; } #footer li a:hover { color: #ffffff; text-decoration: none; } div#myaccountaccountdetails li { float: left; margin: 5px 0; } a.actionbutton { font-weight: bold; color: red; font-size: 2em; } .crumb li { margin-right: 5px; font-size: 0.9em; margin-bottom: 5px; } #asidebrowse, #asidenewsletter, .asidebox { padding: 20px; border: 1px #CCCCCC solid; } #asidebrowse { margin-top: 16px; } /* Thumbnail view formwrap in IE7 */ ul.productsLayoutModeThumb li.stockStatus { width: 140px; } ul.blocklist li.formwrap { width: 148px; } li.productqty a:link, li.productqty a:visited { margin-bottom: 6px; } /* ------ products ------ */ ul.groupthumbwrapper li, ul.productsLayoutModeThumb li, ul.detailstocklisting li, div.pagebanner, div.pagefooter { text-align: left; width: auto; } li ul.stockthumbprice, li ul.formwrapper { margin-left: 0; } ul.detailstocklisting li.stockThumb { border: 1px #EAEAEA solid; width: 163px; } ul.detailstocklisting li.stockThumb:hover { background-color: #f8f8f8; } ul.detailstocklisting li.productThumbImage { text-align: center; margin-right: 10px; } ul.detailstocklisting li.stockStatus { float: left; width: 100%; } ul.detailstocklisting li.productqty, ul.formwrapper li.productqty { float: left; width: 50%; } ul.productsLayoutModeThumb li.stockThumb { border: 1px solid #eeeeee; width: 163px; } #homepage ul.productsLayoutModeThumb li.stockThumb { margin-right: 18px; } ul.productsLayoutModeThumb li.stockThumb:hover { background-color: #EDEDED; } ul.formwrapper li.basketqty { float: right; display: block; } ul.formwrapper li.basketqty a .text_qtyinbasket { background-color: #gray; color: #555555; float: right; left: -85px; position: absolute; top: -15px; width: 100px; } .pagetopnavextra { color: #443D34; } .pagetopnav, .pagetopnavextra, .pagetitle h1, .productsCatHdr h1, div.pagebottomnav, #stocklisting h1 { margin-left: 3px; } .pagetopnavextra { margin-bottom: 10px; } /* ------ internal pages ------ */ blockquote { background-image: url("../../img/quote-left.png"); background-position: left top; background-repeat: no-repeat; color: gray; display: block; line-height: 1.5em; margin: 20px 0 40px 0; padding-top: 50px; } .productprice { font-size: 1.6em; margin: 0.8em 0; color: #645B4D; } #stockindicatorAjax { margin: 0.5em 0; } .stockStatus { list-style: none; color: #FFA419; } #footer div.wrap960, .wrap960 { width: 960px; margin: 0 auto; text-align: left; } /* ------ multilevel menu in IE7 ------ */ .menubox table { width: auto; } #menucoltopnavstyle { background-color: #777777; } #asidenewsletter p { margin: 0 15px; } ul.detailextras { position: relative; left: 10px; } ul.detailextras li { list-style: none; margin-left: 20px; } .stockthumbwrapper { background-color: #cccccc; text-align: center; } .cornerImgFormat2, .cornerImgFormat1, .cornerImgFormat3 { position: absolute; left: 0px; } div#pagevalidation_ajax { margin: 0; } #linkedproductswrapper { width: 470px; clear: left; /*Keeps related items on the left on all product pages*/ } /* ------ related products ------ */ #linkedproductswrapper ul.detailstocklisting li.stockThumb { width: 142px; height: 155px; } #linkedproductswrapper ul.detailstocklisting li.stockThumb li.productThumbName { height: auto; width: 280px; } #linkedproductswrapper ul.detailstocklisting li.productThumbImage { height: 145px; width: 100%; } /* center related items */ #linkedproductswrapper ul.detailstocklisting li.stockthumbprice { float: left; font-size: 1em; width: 100px; } ul.blocklist li.stockthumbpriceNow { clear: left; } #linkedproductswrapper ul.detailstocklisting li.stockStatus { width: 120px; } #linkedproductswrapper .productThumbImage { width: auto; } #alsoboughtwrapper, #linkedproductswrapper, #component_stockdetail_recentlyviewed { float: left; } #component_stockdetail_recentlyviewed { clear: both; } .formattedText { margin-top: 20px; } .pagebanner h1 { padding: 0 15px; color: #4C4C4C; } .pagebanner p { color: #4c4c4c; padding: 0 15px 0 15px; margin-bottom: 0.75em; line-height: 1.4em; } .about_profile { float: left; } .article .formattedText ul, .article .formattedText ol { margin-left: 20px; } .formattedText iframe { margin-bottom: 30px; } ul#customerdetails li ul li, #returning ul li, #registration ul ul li { float: left; clear: both; } ul#customerdetails input, #returning input, .salesMessage, #registration ul ul li input { border-top: 1px #8C8C8C solid; border-right: 1px #C9C9C9 solid; border-bottom: 1px #C9C9C9 solid; border-left: 1px #C9C9C9 solid; padding: 4px; margin-bottom: 5px; border: none; } .salesMessage { margin-top: 10px; } .checkoutcontainer { text-align: left; } #accountbuttons ul li { display: inline; } #accountbuttons { margin-top: 20px; } #asidetopselling li { list-style: none; clear: both; margin-bottom: 6px; float: left; } #asidetopselling li a.class2 { float: left; width: 48px; } .asidebox li .topselling_text { float: right; width: 130px; margin-left: 5px; padding-right: 5px; line-height: 1em; } ul.productsLayoutModeThumb li.stockThumb li.productThumbName { width: 100%; text-align: left; margin-top: 8px; } .productdetailwrap form { margin-bottom: 15px; } .stockthumbprice ul { margin: 0; } ul.productsLayoutModeThumb li.stockthumbprice { float: left; width: 100%; clear: both; } #contactus .formattedText iframe { margin: 2px 0; } #contactus { padding-bottom: 20px; } .tab_container ul { padding-left: 20px; } /* ------ bulleted text in product tabs ------ */ .tab_container li { margin: 0.6em 0; } #tabcurrent { border-bottom: none; background-color: #ffffff; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; } ul.detailextras { float: left; width: 180px; } .detailInfo li.basketqty { list-style-type: none; float: left; margin: 0 0 10px; } #linkedproductswrapper ul.detailstocklisting li.stockThumb { height: 142px; width: 142px; background-color: #ffffff; } /* ------- centers image and hides overflow in IE7 ------ */ #linkedproductswrapper ul.stockthumbwrapper { margin: 0; } #linkedproductswrapper h2 { margin: 1em 0 0.4em; } #component_stockdetail_recentlyviewed { width: 960px; float: none; clear: both; } /* ------ hides overflow in IE7 ------- */ #component_stockdetail_recentlyviewed #component_scrollbox ul.detailstocklisting { position: relative; height: 312px; overflow: hidden; width: 960px; } #component_stockdetail_recentlyviewed h2 { margin: 1em 0 0.4em; float: left; } .layoutModeThumb li { border: 1px solid #eeeeee; width: 169px; margin: 3px; } .layoutModeThumb li.groupimage, .layoutModeThumb li.groupname { float: none; text-align: center; border: none; } ul.productsLayoutModeThumb input.inputitem_productqty, ul.detailstocklisting input.inputitem_productqty { padding: 7px 4px; border: 1px #9F9F9F solid; } li ul, li ol { margin: 0.6em; } .stocklistingbody h2 { margin-top: 10px; margin-bottom: 0px; } #stocklisting h1 { margin-top: 20px; margin-bottom: 20px; font-size: 1.5em; } #headersearch { margin: 20px 0 0 0; } div#ajax_image_wrap { border: 1px #dddddd solid; background-color: #ffffff; margin: 0 0 5px; /*white space between main image border and additional images*/ } div.component_stockdetail .productimageholder { float: left; margin-right: 5px; width: 480px; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px #E9E9E9 solid; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border-left: 1px #EFEFEF solid; margin-bottom: -1px; background-color: #F7F7F7; overflow: hidden; position: relative; border-top: 1px #EFEFEF solid; border-right: 1px #EFEFEF solid; border-bottom: 1px #EFEFEF solid; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; } ul.tabs li a { text-decoration: none; color: #3D372F; display: block; font-size: 1em; padding: 0 10px; outline: none; } ul.tabs li a:hover { background-color: #ffffff; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; } .tab_container { border-top: 1px #E3E3E3 none; clear: both; float: left; width: 100%; background-color: rgba(255, 255, 255, 0.9); -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-right: 1px #E3E3E3 solid; border-bottom: 1px #E3E3E3 solid; border-left: 1px #E3E3E3 solid; } .tab_content { padding: 10px; font-size: 1em; } .tab_content h2 { font-weight: normal; padding-bottom: 10px; font-size: 1.4em; } .tab_content h3 a { color: #254588; } #footer div.copyright { width: 100%; clear: both; margin: 0; } #footer div#pagetimestamp { width: 300px; margin: 0; padding: 0; color: gray; } #footer { height: 282px; } /* ------ makes space for account link in footer list ------ */ #footer acronym { border-bottom: 0; } #footer div#newsformwrap { width: 230px; } #newsformwrap input { width: 150px; height: 18px; padding: 5px 0 5px 12px; } /* ------- works in IE too ------- */ #newsformwrap a { padding: 5px 10px; } #newsformwrap a:active { top: 1px; } #newsformwrap input { height: 15px; padding: 7px 0 7px 12px } /* aligns the button in IE */ .aside h2 { background-color: transparent; } .aside h2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; } .asidebox li a img { border-top: 1px #ACACAC solid; border-right: 1px #C3C3C3 solid; border-bottom: 1px #C3C3C3 solid; border-left: 1px #C3C3C3 solid; border-radius: 5px; } #stocklisting h1 { clear: both; width: 100%; } div#voucherandpromo ul { margin: 6px 0 0 ; } div#voucherandpromo ul.vandp { background-color: transparent; border: none; margin: 0; } div.component_stockdetail .detailInfo ul.tabs li { width: 20%; border-bottom: 0px; } /* ------ navigation ------ */ #nav { height: 38px; padding: 2px 0; width: 960px; top: 119px; } #nav li { padding: 0 3px 0 3px; height: 40px; } #nav li a { height: 40px; font-size: 1.2em; color: #ffffff; display: block; line-height: 38px; padding: 0 8px; } a.buttonaddtobasket, ul.navPage li a, ul.navPage li a:link, ul.navPage li a:visited, ul.navPage li, a.catpageaddtobasket, a.buttonaddtobasket, #headersearch a:link, #headersearch a:visited, .refineblock input[type="submit"], form.contact .send, .vouchercodebutton a, .promocodebutton a, #newsformwrap a, #myaccountpasswordchange a, a.actionbutton, ul.navPage li:hover, a.catpageaddtobasket:hover, a.buttonaddtobasket:hover, form.contact .send:hover, .vouchercodebutton a:hover, .promocodebutton a:hover,.stockthumbFormat4 a.catpageaddtobasketlistlayout:hover, .no-rgba a.catpageaddtobasket, .no-rgba ul.navPage li a, .no-rgba a.buttonaddtobasket, .no-rgba #headersearch a:link, .no-rgba #headersearch a:visited, .no-rgba .refineblock input[type="submit"], .no-rgba form.contact .send, .no-rgba .vouchercodebutton a, .no-rgba .promocodebutton a, .no-rgba .stockthumbFormat4 a.catpageaddtobasketlistlayout, .no-rgba a.actionbutton, .no-rgba ul.navPage li a:hover, .no-rgba a.catpageaddtobasket:hover, .no-rgba .stockthumbFormat4 a.catpageaddtobasketlistlayout:hover, .no-rgba a.buttonaddtobasket:hover, .no-rgba form.contact .send:hover, .no-rgba .vouchercodebutton a:hover, .no-rgba .promocodebutton a:hover, .no-rgba a.actionbutton:hover , #newsformwrap a:hover, #headersearch a:hover,#quickshop input[type="submit"], #taghdrsearchstr input[type="submit"] { -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; } a:buttonaddtobasket:hover { background: rgba(255,255,255,0); } a:active, a:focus, a.buttonaddtobasket:active { text-decoration: none; /* position: relative;top: 1px; */ } /* forward & back button clickable area and background */ ul.navPage li, ul.navPage li:active, ul.navPage li:hover, ul.navPage li:focus { height: 30px; width: 110px; padding: 0; background-color: #ffffff; background-image: none; top: 0; } ul.navPage li a, ul.navPage li a:link, ul.navPage li a:visited { float: left; padding: 4px 5px 6px; width: 100px; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; } li.productqty a:link, li.productqty a:visited { display: inline-block; width: 16px; text-align: center; color: #ffffff; } /* ---------- bounce only on links that are buttons ----------- */ a:active, a:focus { top: 0; } #asidesearchbox a:active, #newsformwrap a:focus, ul.navPage li a:active, ul.navPage li a:focus, ul.navPage li a:active, ul.navPage li:active, a:active.catpageaddtobasket, a:active.buttonaddtobasket, #headersearch a:active, .refineblock input[type="submit"]:active, form.contact .send:active, .vouchercodebutton a:active, .promocodebutton a:active { position: relative; top: 1px; } #headersearch a:link, #headersearch a:visited, .refineblock input[type="submit"], form.contact .send, .vouchercodebutton a, .promocodebutton a, ul.navPage li a, a.buttonaddtobasket { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .5)), color-stop(0.52, rgba(100,100,100, .5)), color-stop(0.76, rgba(120,120,120, .5)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.5) 3%, rgba(100, 100, 100, 0.5) 52%, rgba(120, 120, 120, 0.5) 76%); } a.buttonaddtobasket { -moz-transition: box-shadow 0.25s ease-in-out 0s; -webkit-transition: box-shadow 0.25s ease-in-out 0s; -o-transition: box-shadow 0.25s ease-in-out 0s; -ms-transition: box-shadow 0.25s ease-in-out 0s; transition: box-shadow 0.25s ease-in-out 0s; } #headersearch a:hover { color: #f5f5f5; } /* ------ stops text on this button alone turning blue on hover ------ */ #quickshop input[type="submit"], #taghdrsearchstr input[type="submit"], input[type="radio"], #div_giftwrapoptions input[type="radio"] { border: 0 none; } /* ------ takes off grey border from menu.css ------ */ /* ------ no-rgba fallback colour scheme ------ */ .no-rgba #asidesearchbox a, .no-rgba #newsformwrap a { background-color: #555555 } #asidetopselling a:active, #asidetopselling a:hover { background-color: transparent; } /* ------ takes off the bg color meant for the pink text links ------ */ #ajaxStockListingQuantityArea0 { clear: both; width: 100%; } ul.productsLayoutModeThumb li.stockStatus { width: 100%; } /* ------ add to basket button ------ */ a.buttonaddtobasket { font-size: 2em; float: left; padding: 8px 16px 12px 16px; color: #f5f5f5; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; margin-top: 10px; text-shadow: 2px 2px 7px rgba(0,0,0,.3); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76% ); } a.buttonaddtobasket span { display: block; padding: 5px 0px 5px 5px; text-transform: uppercase; } a.buttonaddtobasket:hover { text-decoration: none; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76% ); color: #ffffff; } #headersearch a:link, #headersearch a:visited, .refineblock input[type="submit"], form.contact .send, .vouchercodebutton a, .promocodebutton a { font-size: 1.2em; background-color: rgba(0, 0, 0, 0.5); padding: 6px 10px; color: #f5f5f5; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0,0,0,.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76% ); } .refineblock input[type="submit"] { text-transform: uppercase; } ul.navPage li { margin: 10px 0 10px 10px; font-size: 1.1em; color: #f5f5f5; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0,0,0,.3); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76% ); } .navPage li:hover, .navPage li:active { text-decoration: none; background-color: transparent; } a.catpageaddtobasket { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76%); border-radius: 8px 8px 8px 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #F5F5F5; cursor: pointer; display: inline-block; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 0.9em; outline: medium none; padding: 3px 12px 4px; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); } .no-rgba a.catpageaddtobasket, .no-rgba a.buttonaddtobasket { background-color: #555555; } /* ------ tell a friend ------ */ #div_tellafriend { float: right; width: 450px; border: 1px solid gray; } #div_tellafriend input { float: left; } #div_tellafriend { float: right; width: 438px; padding: 10px; } #div_tellafriend input { float: left; } #tellafriendyourdetails, #tellafriendfrienddetails { float: left; clear: both; margin: 7px 55px; } #div_tellafriend label { float: left; clear: left; width: 120px; text-align: right; margin-right: 5px; font-size: 1em; } #div_tellafriend input { float:left; clear: right } /* --- gift wrapping --- */ #div_giftwrapoptions { float: left; padding: 10px; width: 468px } #div_giftwrapoptions textarea { border-radius: 5px; width: 434px; height: 179px; } #tellafriendmessage { clear: left; float: left; margin: 10px 0; background-color: #Fefefe; border: 1px solid #eeeeee; padding: 4px; border-radius: 5px; color: #333; } /* ------ forms ------ */ #div_tellafriend, form.contact, #div_giftwrapoptions, #registration ul.contentform, #registration ul.contentform, #registration ul.contentaddressform, #registration ul.contentaccountform, #myaccount ul.contentaddressform, #myaccount ul.contentaccountform, div.changepwd, #addressupdatecontent div.checkoutcontainer, .article .welcome,#webmngmntarea, #myacccountcontent, #quickpay, #sagepayform, .checkoutcontainer form { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } form.contact input, form.contact textarea, #div_tellafriend input, #div_tellafriend textarea, #registration ul.contentform input, #registration ul.contentform textarea, #quickpay input, #quickpay textarea, #myaccountaddressdetails input, #myaccountaddressdetails textarea , #myaccountaccountdetails input, #myaccountaccountdetails textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .article .welcome, #webmngmntarea { margin-top: 12px; } #div_giftwrapoptions, #myacccountcontent { margin-top: 8px; } #myacccountcontent { padding: 5px 0 0; } form.contact { padding: 10px; } form.contact { width: 265px; float: left; } #div_tellafriend, form.contact, #div_giftwrapoptions, #registration ul.contentform, .article .welcome, #webmngmntarea, #quickpay { border: 1px #dedede solid; background-color: #fbfbfb; } #myacccountcontent { margin-bottom: 20px; } form.contact input, form.contact textarea, #div_tellafriend input, #div_tellafriend textarea, #div_giftwrapoptions textarea , #quickpay input, #quickpay textarea, form.contact input, form.contact textarea, #div_tellafriend input, #div_tellafriend textarea, #registration ul.contentform input, #registration ul.contentform textarea, #quickpay input, #quickpay textarea, ul#customerdetails input, #returning input, .salesMessage, #registration ul ul li input, #myaccountaddressdetails input, #myaccountaddressdetails textarea, #myaccountaccountdetails input, #myaccountaccountdetails textarea, #addressupdatecontent div.checkoutcontainer input, #addressupdatecontent div.checkoutcontainer textarea { border-top: 1px #C0C0C0 solid; border-right: 1px #D8D8D8 solid; border-bottom: 1px #D8D8D8 solid; border-left: 1px #D8D8D8 solid; background-color: #ffffff; padding: 4px; margin-bottom: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } form.contact input, form.contact textarea { width: 250px; padding: 5px; } fieldset { padding: 0; } #contactForm { float: left; width: 300px; } form.contact .send { width: 100px; float: right; margin-top: 10px; margin-right: 10px; } #quickpay { padding: 40px; margin-top: 40px; margin-bottom: 40px; } #sagepayform { background-color: #ffffff; padding: 20px; border: 1px #E7E7E7 solid; } /* ------ website management area ------ */ #adminstoredineditor { background: none repeat scroll 0 0 #FEF7DC; } #adminbody li { float: left; list-style-type: none; } #adminbody { background: none repeat scroll 0 0 #FEF7DC; bottom: 0; font-family: Verdana,Arial,"MS Sans Serif",sans-serif; height: 100%; left: 0; margin: auto; padding: 10px 0 0; right: 0; top: 0; width: 1000px; } #admincontainer { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; color: #000000; margin: 0; padding: 10px 18px 18px; text-align: center; width: 100%; } #admintabheader { clear: both; float: left; margin-top: 14px; } #adminbody .tabheader { background-image: url("images/tabbg.png"); background-position: center bottom; background-repeat: repeat-x; float: left; font-size: 10px; line-height: normal; width: 100%; } #adminbody .tabheader ul { list-style: none outside none; margin: 0; padding: 0; } #adminbody .tabheader li { display: inline; margin: 0; padding: 0; } #adminbody #tabcurrent a span { background-position: 100% -42px; } #adminbody .tab a span { background: url("images/tabrightB.gif") no-repeat scroll right top transparent; color: #666666; cursor: pointer; display: block; float: left; line-height: 150%; padding: 5px 12px 6px 6px; } #adminbody #tabcurrent a { background-position: 0 -42px; } #adminbody .tab a { background: url("images/tableftB.gif") no-repeat scroll left top transparent; float: left; margin: 0; padding: 0 0 0 4px; text-decoration: none; } #admintabbody { background-color: #FFFFFF; border-color: #AAAAAA; border-style: none solid solid; border-width: medium 1px 1px; margin: 100px 0 0; padding: 15px; } #admintitle { float: right; font-size: 1.2em; position: relative; text-align: right; } #adminhelp { float: right; position: relative; top: 0; } #adminupload { text-align: left; } #admineditor { text-align: left; } #adminuploadspacer { height: 250px; } #webmngmntarea { text-align: center; width: 100%; } .editorcolourrow { background-color: #FFFAAA; } #adminbody .checkoutcontainer { width: 900px; } #adminredirect textarea { height: 50px; width: 600px; } /* Login pages and Account area*/ div.pagesubtitle { clear: left; float: left; width: 100%; } #registration ul.contentform, #registration ul.contentaddressform, #registration ul.contentaccountform, #myaccount ul.contentaddressform, #myaccount ul.contentaccountform, div.changepwd, .checkoutcontainer form { background-color: #F6F6F6; border: 1px solid #DDDDDD; width: 230px; padding: 10px; float: left; } .checkoutcontainer ul.labelpairleft { border: none; background-color: transparent; } #registration ul.contentform ul.labelpairleft, #registration ul.contentaddressform ul.labelpairleft, #registration ul.contentaccountform ul.labelpairleft, #myaccount ul.contentaddressform ul.labelpairleft, #myaccount ul.contentaccountform ul.labelpairleft, #addressupdatecontent div.checkoutcontainer ul.labelpairleft { border: 0 none; padding: 0; } #myaccount ul.contentaddressform li.value, #addressupdatecontent div.checkoutcontainer li.value, .checkoutcontainer form li.value { clear: left; float: left; } #addressupdatecontent div.checkoutcontainer input { margin-right: 50px; } #addressupdatecontent h2 { margin: 1em 0 0.5em; font-size: 1em; } #registerpassword { margin: 10px 0 0; } #deliveryaddresslist { margin-top: 20px; } a.actionbutton { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76% ); border: 0 none; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); clear: left; color: #ffffff; cursor: pointer; display: inline-block; float: left; font-size: 1.1em; font-weight: normal; margin: 8px 0 10px; outline: medium none; padding: 4px 10px; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); width: auto; } a.actionbutton:active, .stockthumbFormat4 a.catpageaddtobasketlistlayout:active { position: relative; top: 1px; } #accountbuttons { text-align: center; } #accountbuttons ul li { margin-left: 4px; } #accountbuttons ul li#myaccountlogout { border: 0 none; } #accountbuttons li.accountbutton a, #webmngmntareainner a, #myaccountupdate a.actionbutton, #quickpaydeliverydetails a.newaddress, input#quickpaygetaddress { text-indent: 0; background-color: rgba(0, 0, 0, 0.5); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76% ); border: 0 none; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: whiteSmoke; cursor: pointer; display: inline-block; font-size: 1.2em; outline: medium none; padding: 8px 12px; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); width: auto; } #registerpassword .contentform { margin-top: 20px; } input#quickpaygetaddress { margin-top: 15px; margin-bottom: 15px; } #webmngmntareainner a { text-indent: 20px; } #accountbuttons li.accountbutton a:hover, #accountbuttons li.accountbutton a:active,#webmngmntareainner a:hover, #webmngmntareainner a:active, #quickpaydeliverydetails a.newaddress:hover, #quickpaydeliverydetails a.newaddress:active, input#quickpaygetaddress:hover { background-color: rgba(0, 0, 0, 0.8); } #webmngmntareainner { padding: 50px; } .no-rgba #webmngmntareainner a, .no-rgba #webmngmntareainner a:link, .no-rgba #webmngmntareainner a:visited { background-color: #717171; } .no-rgba #webmngmntareainner a:hover, .no-rgba #webmngmntareainner a:active { background-color: #636363; } .checkoutcontainer p { margin: 0; } #quickpaydeliverydetails .addressline { display: block; margin-top: 15px; margin-bottom: 15px; } #pcl_quickcheckout div { width: 150px; } #pcl_quickcheckout div input { width: 100%; } #webmngmntareainner b u { text-decoration: none; font-weight: normal; } .no-rgba #accountbuttons li.accountbutton a { background-color: #717171; } .no-rgba #accountbuttons li.accountbutton a:hover { background-color: #636363; } div.welcome div.pagetitle { font-size: 1.5em; margin: 0; } div.welcome div.checkoutcontainer a:hover, div.welcome div.checkoutcontainer a:active, .orderlink a:hover, .orderlink a:active { color: black; border-bottom: 1px solid #000000; background-color: #eeeeee; } div#webmngmntarea { margin: 10px 0 30px; } div#webmngmntarea a { margin: 0 10px; padding: 10px 20px 10px 5px; } .trackingordersummary li { display: block; } #myaccountpasswordchange { clear: left; margin: 15px 0; } #myaccountpasswordchange a:active, #myaccountpasswordchange a:hover { color: black; background-color: #eeeeee; } div.changepwd { margin: 10px 0; width: 175px; } div.changepwd input { margin: 1px 0 10px; } ul.deliveryaddresslist { padding-left: 40px; } div.listtable ul.listtableheader, div.listtable ul.listtableline, ul.loginline, ul.registerline, ul.contentaddressform ul, ul.contentaccountform ul, ul.majorbasketsubtotal, ul.majorbaskettotal, div.pagetopnav, div.pagebottomnav, .majorbasketdeliverytotal { width: 98%; } ul.listtableline { border-bottom: 1px solid #EEEEEE; padding-bottom: 5px; padding-top: 5px; } #deliveryaddresslist .addressline { display: block; } #deliveryaddresslist div.pagesubtitle, #adddeliveryaddress div.pagesubtitle, #confirmordersummary div.pagesubtitle { width: 100%; } .confirm img, #checkoutsteps img { margin-top: 10px; margin-bottom: 10px; } #confirmordersummarylist .label { font-size: 1.2em; margin-top: 8px; margin-bottom: 8px; } #adddeliveryaddress .contentaddressform { margin-top: 30px; } #adddeliveryaddress input,#adddeliveryaddress textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-top: 1px #A8A8A8 solid; border-right: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; border-left: 1px #C2C2C2 solid; margin-right: 8px; margin-left: 8px; padding: 3px; } .checkoutcontainer form input, #adddeliveryaddress input { margin-left: 0px; width: 96%; } .formattedText a:link, .formattedText a:visited, a.moreTab:link, a.moreTab:visited, .asidebox a:link, .asidebox a:visited, #myaccountpasswordchange a:link, #myaccountpasswordchange a:visited, a.quickcheckoutlogin:link, a.quickcheckoutlogin:visited, .logout a:link, .logout. a:visited { color: #9D9D9D; border-bottom: 1px #9D9D9D solid; margin: 0 0 1.2em; float: left; line-height: 120%; } .addressentytext { clear: left; } .formattedText a:hover, .formattedText a:active, a.moreTab:active, a.moreTab:hover, .asidebox a:active, .asidebox a:hover,#myaccountpasswordchange a:active, #myaccountpasswordchange a:hover, a.quickcheckoutlogin:hover, .logout a:hover, .logout a:active { color: black; background-color: #eeeeee; border-bottom: 1px solid #000000; } #asidetopselling a { border-bottom: none; } /* ------ basket page ------ */ ul.basketitemul { margin: 0; } li.basketimage { width: 50px; } li.basketdescription { width: 270px; } #quickpaydeliverydetails { margin-top: 8px; } /* ------ keeps long names on the same row as the image ------ */ #facebox .popup { width: 390px; } #facebox .content { width: auto; } /* ------ ensures basket popup border works in chrome and safari on XP ------ */ .popup ul, .popup ol { margin-left: 25px; width: 345px; } .popup li { margin: 0.6em 0; } /* ------ list view ------ */ ul.productsLayoutModeList li ul, ul.productsLayoutModeList li ol { margin: 0; } ul.productsLayoutModeList li ul.stockthumbwrapper { margin: 15px 0; clear: left; float: left; background-color: #ffffff; } .stockthumbFormat4 .stockthumbwrapper .productThumbImage { background-color: #FFFFFF; margin-right: 0; text-align: center; width: 150px; } .stockthumbfulltextFormat4 { float: left; margin-left: 15px; margin-top: 7px; text-align: left; width: 380px; } #homepage .stockthumbfulltextFormat4 { width: 600px; } .stockthumbFormat4 .productThumbName { float: left; margin-left: 15px; font-weight: bold; width: 620px; text-align: left; width: 390px; } .stockthumbFormat4 .stockthumbprice { width: 390px; margin-left: 16px; margin-bottom: 4px; } .stockthumbFormat4 a.catpageaddtobasketlistlayout { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .5)), color-stop(0.52, rgba(100,100,100, .5)), color-stop(0.76, rgba(120,120,120, .5)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.5) 3%, rgba(100, 100, 100, 0.5) 52%, rgba(120, 120, 120, 0.5) 76%); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 1em; outline: medium none; padding: 4px 12px 5px; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); text-transform: capitalize; float: right; } .stockthumbFormat4 a.catpageaddtobasketlistlayout:hover { color: #FFFFFF; text-decoration: none; } ul.blocklist li.stockStatusFormat4 { display: none; } .stockthumbFormat4 ul.detailstocklisting li.productqty, .stockthumbFormat4 ul.formwrapper li.productqty { display: none; } .stockthumbFormat4 li.formwrap { float: right; text-align: left; width: 125px; } .stockthumbfulltextFormat4 a, li.basketqty a { font-weight: normal; } .stockthumbFormat4 .qtycatpagelist .productqty { display: none; } .stockthumbFormat4 ul.formwrapper li.basketqty a .text_qtyinbasket { top: -25px; font-size: 0.9em; } .cornerImgFormat2, .cornerImgFormat1, .cornerImgFormat3, .cornerImgFormat4 { position: absolute; left: 0; top: 0; } .siteindex li { margin: 0 30px; padding: 2px 0; } .siteindex a { margin: 2px 50px; } .siteindex li a { margin: 0; padding: 2px 0; } .siteindex .pagetitle { margin-top: 25px; } #currency select { background-color: #efefef; width: 185px; border-color: #B9B9B9 #D7D7D7 #D7D7D7; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; } .checkoutcontainer form { margin-right: 10px; } input.delivery_add_to_basket { background-color: #D33794; color: #ffffff; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgba(90,90,90, .4)), color-stop(0.52, rgba(100,100,100, .4)), color-stop(0.76, rgba(120,120,120, .4)) ); background-image: -moz-linear-gradient( center bottom, rgba(90, 90, 90, 0.4) 3%, rgba(100, 100, 100, 0.4) 52%, rgba(120, 120, 120, 0.4) 76%); border-radius: 8px 8px 8px 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #F5F5F5; cursor: pointer; display: inline-block; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 0.9em; outline: medium none; padding: 5px 12px 6px; text-align: center; text-decoration: none; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; border: none; margin: 0 10px; } #facebox .popup { width:auto; } #reviewbody { width:445px; } .writereviewline { font-size:16px; padding:7px 0; } .writereviewline label { width:139px; display:block; float:left; line-height:150%; } .writereviewline input { width:300px; height:26px; font-size:20px; border-radius:6px; border:1px solid #AFAFAF; background:#F8F8F8; border-top:1px solid #666; border-left:1px solid #666; } #reviewbody textarea { width:430px; border-radius:6px; border:1px solid #AFAFAF; background:#F8F8F8; border-top:1px solid #666; border-left:1px solid #666; } #reviewbody h1 { border-top-left-radius:6px; border-top-right-radius:6px; background:none repeat scroll 0 0 #545476; border-radius:8px 8px 8px 8px; -moz-border-radius:8px; -webkit-border-radius:8px 8px 8px 8px; color:#FFF; font-size:1.4em; padding:7px 12px; } #writereviewline { float:right; margin-top:-8px; position:relative; margin-right:24px; } #reviewbody a.button { background-color:#D33794; color:#FFF; text-shadow:2px 2px 7px rgba(0,0,0,.3); box-shadow:0 2px 3px rgba(0,0,0,.2); float:right; margin-top:7px; font-size:1.5em; margin-right:4px; border-radius:8px; background-image:0 3% rgba(100,100,100,0.4) 52% rgba(120,120,120,0.4) 76% ); -moz-transition:box-shadow .25s ease-in-out 0; -webkit-transition:box-shadow .25s ease-in-out 0; -o-transition:box-shadow .25s ease-in-out 0; -ms-transition:box-shadow .25s ease-in-out 0; transition:box-shadow .25s ease-in-out 0; padding:10px 29px 10px 25px; } #detailratings { color:#666; font-size:1em; margin-top:10px; } #ratingstarsbak { background:url(../template/images/ratingempty.png); width:119px; height:21px; float:left; margin-right:4px; } #reviewscore { color:#444; font-size:1.4em; margin:0 6px; } div.component_stockdetail .detailInfo ul.tabs li { width:19%; } .reviewbody { float:left; width:918px; background-color:#FFF; border:1px solid #E4E4F0; border-radius:8px 8px 8px 8px; -moz-border-radius:8px; -webkit-border-radius:8px 8px 8px 8px; margin:5px 0; } .reviewbody .reviewStars { background:url(../template/images/ratingempty.png) repeat scroll 0 0 transparent; float:right; height:21px; width:119px; margin:0; } .reviewerName { font-size:1.5em; color:#444; float:left; width:700px; margin:0 0 10px; } .reviewTagLine { float:left; font-size:1.2em; padding-left:0; width:700px; color:#444; clear:both; } .reviewText { float:left; clear:both; width:700px; padding:10px 0; } .reviewhelpblock { float:right; text-align:right; width:180px; } .helpline,.helpquestion { float:right; clear:both; margin-right:0; } .helpquestion a { background:#D78CC5; color:#FFF; margin:0 5px; padding:5px 9px; } #reviewbody .validation { background:#FF9; border-radius:7px; font-size:1.3em; padding:6px; } #reviewAdmin .reviewline { width:100%; float:left; padding:3px 0; } #reviewAdmin .reviewheaderline { font-weight:700; font-size:1.2em; } #reviewAdmin .oddline { background:#FF9; } #reviewAdmin .reviewline .reviewtext { width:50%; float:left; } #reviewAdmin .reviewline .reviewactions { width:8%; float:left; } #reviewAdmin label { margin-left:40px; } #reviewAdmin form { margin-bottom:6px; padding-bottom:4px; border-bottom:1px solid #AAA; } #component_stockdetail_reviews { float:left; clear:left; width:100%; margin-top:15px; } .helpquestion a,.helpquestion a:link,.helpquestion a:visited,#reviewbody a.button,#reviewbody a.button:visited { background-color:#6c6cce; color:#fff; border-radius:8px 8px 8px 8px; -moz-border-radius:8px; -webkit-border-radius:8px 8px 8px 8px; background-image:0 color-stop(0.52,rgba(100,100,100,.5)), color-stop(0.76,rgba(120,120,120,.5)) ); text-transform:capitalize; float:right; margin:10px 0 0 10px; padding:2px 12px 4px; } .no-rgba .helpquestion a,.no-rgba .helpquestion a:link,.no-rgba .helpquestion a:visited { background-color:#64689e; } .no-rgba .helpquestion a:hover,.no-rgba .helpquestion a:active { background-color:#8e92a7; } #reviewbody a.button,#reviewbody a.button:visited,#reviewbody a.button:hover,#reviewbody a.button:active { padding:8px 20px 11px; } .helpquestion a:hover,.helpquestion a:active,#reviewbody a.button:hover,#reviewbody a.button:active { -webkit-transition:background 400ms ease-in-out; -moz-transition:background 400ms ease-in-out; -o-transition:background 400ms ease-in-out; transition:background 400ms ease-in-out; background-color:#AEAEE5; color:#FFF; } .helpquestion a:active { position:relative; top:1px; } #Reviews #detailratings { float:left; margin:0 10px 10px 0; } #Reviews a,#Reviews a:visited { color:#6C6CCE; } #Reviews a:hover,#Reviews a:active { color:#6c6cce; text-decoration:underline; } #facebox .content { background:none repeat scroll 0 0 #FFF; border-radius:8px 8px 8px 8px; -moz-border-radius:8px; -webkit-border-radius:8px 8px 8px 8px; display:table; width:445px; padding:15px; } #facebox label { color:#666; } .stockthumbFormat4 #ratingstarsbak { background:url(../template/images/ratingempty.png) repeat scroll 0 0 transparent; float:right; height:21px; margin-right:0; width:119px; position:relative; top:-15px; } #ratingstars,.reviewbody .reviewStarsInner { background:url(../template/images/ratingfull.png); height:100%; } #reviewAdmin .reviewline .reviewname,#reviewAdmin .reviewline .reviewtitle { width:20%; float:left; } /* Style of the small image link */ .MagicZoomPlus, .MagicZoomPlus:hover { display: inline-block; cursor: url(images/zoomin.cur), pointer; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr; max-width: 100%; } /* Style of the small image */ .MagicZoomPlus img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; height: auto; } .MagicZoomPlus > img { width: 100%; } .MagicZoomPlus.magic-for-ie8 > img { max-width: none !important; } .MagicZoomPlus.magic-for-ie7 > img, .MagicZoomPlus.magic-for-ie5 img { width: auto; } td > .MagicZoomPlus > img, td > .MagicZoomPlus.magic-for-ie8 > img { max-width: none; width: auto; } /* Style of the span inside the small image link */ .MagicZoomPlus span { display: none !important; } /* Style of hint box */ .MagicZoomPlusHint { background: url(images/hint.gif) no-repeat 2px 50%; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 24px; margin: 0; min-height: 24px; padding: 2px 2px 2px 20px !important; text-align: left; text-decoration: none; } /* Style to hide external title or caption on a page. Only needed for #id method */ .MagicZoomPlus-ExternalText { display: none; } /* Style of the zoomed image */ .MagicZoomBigImageCont { background: #ffffff; border: 1px solid #999; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicZoomBigImageCont img { max-width: none !important; max-height: none !important; height: auto !important; width: auto !important; } /* Style of text on the zoomed image */ .MagicZoomHeader { background: #666; color: #fff; font-size: 10pt !important; line-height: normal !important; text-align: center !important; } /* Style of square magnify area under the cursor */ .MagicZoomPup { background: #dadad1; /*border: 1px solid #aaa;*/ cursor:url(images/zoomin.cur),pointer; } /* Style of loading message and icon shown during load */ .MagicZoomLoading { background: #fff url(images/loader.gif) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } /* Style of hotspots */ .MagicHotspots { display: none; visibility: hidden; } .MagicHotspots a { border: 1px solid #ccc; display: block !important; position: absolute !important; } .MagicHotspots a:hover { border: 1px solid red; } /* Style of the small image when the large image is expanded */ .MagicThumb-expanded-thumbnail { cursor: default; } /* Style of the expanded image */ .MagicThumb-expanded { background: #ffffff; border: 1px solid #ccc; cursor: url(images/zoomout.cur), pointer; outline: 0; padding: 0; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicThumb-expanded img { background: #ffffff; } /* Style of the caption for the expanded image */ .MagicThumb-caption { background: #ccc; border: 0 !important; color: #333; font: normal 10pt Verdana, Helvetica; min-height: 18px !important; padding: 8px; outline: 0 !important; text-align: left; } /* Style of the close/next/previous buttons */ .MagicThumb-buttons { background: transparent url(images/buttons1.png) no-repeat 0 0; display: block; height: 24px; } .MagicThumb-buttons a { height: 24px; margin: 0px 1px !important; overflow: hidden; width: 24px; } /* Style of the loading message box */ .MagicThumb-loader { background: #fff url(images/loader.gif) no-repeat 2px 50%; border: 1px solid #000; font: normal 12pt sans-serif; line-height: 1.5em; margin: 0; padding: 2px 2px 2px 22px; text-align: left; text-decoration: none; } .MagicThumb-expanded > div > div > div > img { max-height: none !important; max-width: none !important; height: auto !important; width: auto !important; } .MagicThumb-background { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .magic-temporary-img img { max-height: none !important; max-width: none !important; } /* Style of shadow effect behind zoomed image */ .MagicBoxShadow { -moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; } /* Style of glow effect behind zoomed image */ .MagicBoxGlow { -moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; } body { line-height: 160%; background-color: #fff; font-weight: 300; -webkit-text-size-adjust: none; font-family: Tahoma,Helvetica,Arial,sans-serif; } li ul, li ol, ul, ol { margin: 0; } #basketalsobought, .qtyaddtobasket a > img { display: none; } input:focus, select:focus, textarea:focus { outline: 0; } ul.labelpairleft { background: none; } .stockthumbwrapper { background: none; } #quickshop input[type="submit"], #taghdrsearchstr input[type="submit"], #webmngmntarea { border: 0; } ul.navPage li, ul.navPage li:hover { width: auto; height: auto; background: none; font-size: 1em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a.buttonaddtobasket span { padding: 0; text-transform: uppercase; } #nav { padding: 0; } ul.productsLayoutModeThumb li.stockThumb:hover { background: none; } .index .article { margin: 0; } #refinecategory, #refinefurther, #quickshop, #qm0 div { margin-top: 0; } .pagetopnavextra, .pagebottomnavextra { margin-left: 0; } #wrapper ul.crumb { width: auto; } #webmngmntareainner a { text-indent: 0; } #myaccountpasswordchange u { text-decoration: none; } #newsformwrap input[type="submit"], #newsformwrap input[type="submit"]:link, #newsformwrap input[type="submit"]:visited, #newsformwrap input[type="submit"]:hover, #newsformwrap input[type="submit"]:active { background: none; font-size: 1em; border: 0; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: auto; height: auto; text-shadow: none; } #footer .signUpSent span { display: inline; width: auto; } #contactForm label { font-size: 1em; } .salesMessage { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .siteindex a { margin: 0; } .formattedText ul { margin-bottom: 20px; } #refinefurther .refinetitle, body, #quickshop .refinetitle, #headersearch input[type="text"], #taghdrsearchstr input#search, #quickshop #search, #newsformwrap input, input, select, textarea, button { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; } /*General Boxes*/ /*Border*/ #webmngmntareainner, #accountbuttons, #myaccount ul.contentaddressform, div.changepwd form, #myaccount ul.contentaccountform, #salesBlock, #salesWrap .salesMessage a, ul.productsLayoutModeThumb div.stockthumb, #refinefurther, #refinecurrent, .asidebox, #quickshop, form.contact, #registration ul.contentform, #registration ul.contentaddressform, #registration ul.contentaccountform, #addressupdatecontent div.checkoutcontainer > form, li.promocodes ul, li.vouchercode ul, div.component_stockdetail .detailInfo, #recentlyviewedbody .stockthumbFormat3, #asidetopselling li a.class2, #linkedproductswrapper .stocklistingbody, #tabsholder .tabBorder, #asidebrowse, ul.layoutModeThumb ul.groupthumbwrapper, .catBanHold, .stocklisting ul.layoutModeList ul.groupthumbwrapper, #headerbasket.miniBasketHold, .miniBasket div#basketcontenttable li.basketitem a:link, .miniBasket div#basketcontenttable li.basketitem a:visited, .basketV2 #basketheader, .basket ul.majorbasketsubtotal.labelpairleft, ul.majorbasketdeliverytotal.labelpairleft, ul.majorbaskettotal.labelpairleft, .basketExtrasHolder, .irBrandsLogosHold, ul#salesWrap2 li a, .irDetailTabCont, .irTab, .irTab:hover, .additionalImgsHold, .irGalleryMainHold, .irGalleryThumbs, .irWpPost, .unsubForm input, .unsubForm, #more-info, #map_canvas, #locations, .suggestSearch { border: 1px solid #ebebeb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*Background*/ #webmngmntareainner, #accountbuttons, #myaccount ul.contentaddressform, div.changepwd form, #myaccount ul.contentaccountform, #salesBlock, #salesWrap .salesMessage a, #refinefurther, #refinecurrent, .asidebox, #quickshop, form.contact, #registration ul.contentform, #registration ul.contentaddressform, #registration ul.contentaccountform, #addressupdatecontent div.checkoutcontainer > form, li.promocodes ul, li.vouchercode ul, div.component_stockdetail .detailInfo, #linkedproductswrapper .stocklistingbody, #asidebrowse, .basketV2 #basketheader, .basket ul.majorbasketsubtotal.labelpairleft, ul.majorbasketdeliverytotal.labelpairleft, ul.majorbaskettotal.labelpairleft, .irTab, #more-info { background: #eee; } /*Text Colour*/ body, .formattedText, #salesBlock, #refinecategory .refinetitle, #refinefurther .refinetitle, #quickshop .refinetitle, .salesMessage a, .ir-testim p, form[name="addressdetails"] .pagesubtitle h2, #addressupdatecontent h2, ul.labelpairleft, #addressupdatecontent div.checkoutcontainer > form[name="addresslookup"], div.changepwd form, div.changepwd form input.inputitem, #myaccountaddressdetails input.inputitem, #myaccountaddressdetails select.inputitem, #myaccountaccountdetails select, #myacccountcontent .message, div#myaccountaccountdetails li, #myaccountaccountdetails input, ul#accountdob input, div.listtable ul.listtableheader, #registration ul.contentaddressform, #registration ul.contentaccountform, #registration input.inputitem, #registration select.inputitem, div#registerpassword li.textnote, .irFlags span, #shopping_cart, #headersearch input[type="text"]:focus, #nav #qm0 a, #newsformwrap input:focus, .productprice, .qtyaddtobasket select.inputitem, h1, h2, h3, h4, .aside h2, ul#salesWrap2 li a:hover, #quickshop .refinehead, .aside #quickshop #search:focus, #newsformwrap input:focus, .stockStatus, .stockStatusFormat4, ul.productsLayoutModeThumb li.stockThumb li.productThumbName a, input, select, textarea, .salesMessage a, .salesMessage a:link, .salesMessage a:visited, .crumb a, .crumb a:link, .crumb a:visited, select.inputitem, ul.formwrapper li.basketqty a .text_qtyinbasket, #refinefurther .refinehead, .refineblock .refineitems li, #refinefurther .refineitems a, .pagetopnavextra, .sortSearch, div.pagetopnavextra a, div.pagebottomnavextra a, div.pagetopnavextra a:link, div.pagebottomnavextra a:link, div.pagetopnavextra a:visited, div.pagebottomnavextra a:visited, .productsLayoutModeList .productThumbName a, .productsLayoutModeList .productThumbName a:link, .productsLayoutModeList .productThumbName a:visited, #linkedproductswrapper ul.detailstocklisting li.stockThumb li.productThumbName a, #linkedproductswrapper ul.detailstocklisting li.stockThumb li.productThumbName a:link, #linkedproductswrapper ul.detailstocklisting li.stockThumb li.productThumbName a:visited, #recentlyviewedbody .productThumbName a, #recentlyviewedbody .productThumbName a:link, #recentlyviewedbody .productThumbName a:visited, .stockThumb ul.stockthumbwrapper li.basketqty a, .stockThumb ul.stockthumbwrapper li.basketqty a:link, .stockThumb ul.stockthumbwrapper li.basketqty a:visited, .basketFlip div.listtable ul.listtableline li.basketdescription, .basketFlip div.listtable ul.listtableline li.basketdescription a, .basketFlip div.listtable ul.listtableline li.basketdescription a:link, .basketFlip div.listtable ul.listtableline li.basketdescription a:visited .basketFlip div.listtable ul.listtableline li.basketdescription a:hover, .basketFlip div.listtable ul.listtableline li.basketdescription a:active, .asidebox li a.topselling_text, .asidebox li a.topselling_text:link, .asidebox li a.topselling_text:visited, .asidebox li a.topselling_text:hover, .asidebox li a.topselling_text:active, .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname a, .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname a:link, .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname a:hover, .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname a:active, #contactForm label, .stocklisting ul.layoutModeList ul.groupthumbwrapper li.groupname a, .miniBasket div.listtable li.basketdescription a:link, .miniBasket div.listtable li.basketdescription a:hover, .miniBasket div.listtable li.basketdescription a:active, .miniBasket div.listtable li.basketdescription a:visited, .productdetailwrap .stockStatus span, .basketV2 #basketheader li, .basket div.listtable ul.basketline li.basketdescription a, .basket div.listtable ul.basketline li.basketremove a:visited, .basket div.listtable ul.basketline li.basketremove a:link, .headerbasketcontents a, .headerbasketcontents a:link, .headerbasketcontents a:visited, .headerbasketcontents a:hover, .headerbasketcontents a:active, .unsubForm label { color: #575757; } /*Faded Text*/ #headersearch input[type="text"], ul#salesWrap2 li a, .aside #quickshop #search, #newsformwrap input, .stockStatus span, .stockStatusFormat4 i, #productcode { color: #999; } /*Footer Text*/ #footer, #footer h2, #footer div, #footer div#pagetimestamp { color: #9b9b9b; } /*Links*/ a, a:link, a:visited, #myaccountpasswordchange a, #footer a.footReviewLink { color: #d04177; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; background: none; border: 0; text-decoration: none; } /*Link Hover*/ a:hover, a:active, .formattedText a:hover, div.welcome div.checkoutcontainer a:active, .orderlink a:hover, .orderlink a:active, #myaccountpasswordchange a:hover, #myaccountpasswordchange a:active, a.quickcheckoutlogin:hover, .asidebox a:hover, .asidebox a:active, #footer a.footReviewLink:hover, #footer a.footReviewLink:active { color: #d04177; -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; background: none; border: 0; text-decoration: none; } /*Footer Links*/ #footer li a, #footer li a:link, #footer li a:visited, #footer a, #footer a:link, #footer a:visited, #footer li, #footer span { color: #9b9b9b; } /*Footer Links Hover*/ #footer li a:hover, #footer li a:active, #footer a:hover, #footer a:active { color: #d04177; } /*Buttons*/ #headersearch input.hdrSrch, .refineblock input[type="submit"], form.contact .send, .vouchercodebutton button, .promocodebutton button, a.catpageaddtobasket, .irMoreLink, #newsformwrap input[type="submit"].nlsSub, a.buttonaddtobasket, a.actionbutton, .stockthumbFormat4 a.catpageaddtobasketlistlayout, a.catpageaddtobasket, #quickshop input[type="submit"], #taghdrsearchstr input[type="submit"], ul.navPage li a, .stockThumb li ul.formwrapper li.productqty a, .addtobasketqty a, a.gmLink, .checkoutcontainer button#submit, div#webmngmntareainner a, #accountbuttons li.accountbutton a, div.changepwd form input[name="submit"], #myaccountupdate a.actionbutton, .productdetailwrap form[name="emailenq"] input[type="submit"], .tyPage .btn, .no-rgba a.catpageaddtobasket, .no-rgba #newsformwrap input[type="submit"].nlsSub, .no-rgba a.buttonaddtobasket, .button, .btn, .btn:link, .btn:visited, .no-rgba #webmngmntareainner a, .no-rgba #webmngmntareainner a:link, .no-rgba #webmngmntareainner a:visited, .no-rgba #accountbuttons li.accountbutton a:link, .no-rgba #accountbuttons li.accountbutton a:visited, .button:link, ul.navPage li a, ul.navPage li a:link, ul.navPage li a:visited, .mbBottom a:link, .mbBottom a:visited, a.signupBtn:visited, a.signupBtn:link, input.deliveryAddToBasket, #registration ul.contentform input.inputBtn, a.buttonbacktoshop, a.buttonbacktoshop:link, a.irTabReadMore, a.irTabReadMore:visited, a.irTabReadMore:link, .helpquestion a, .helpquestion a:link, .helpquestion a:visited, .irShare a:link, .irShare a:visited, .irShare a, .irShare:before { border: 0; background: #202020; -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-size: 1em; color: #fff; text-transform: uppercase; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; cursor: pointer; outline: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #headersearch input.hdrSrch:hover, #headersearch input.hdrSrch:active, .refineblock input[type="submit"]:hover, form.contact .send:hover, .vouchercodebutton button:hover, .promocodebutton button:hover, a.catpageaddtobasket:hover, .irMoreLink:hover, #newsformwrap input[type="submit"].nlsSub:hover, a.buttonaddtobasket:hover, a.actionbutton:hover, .stockthumbFormat4 a.catpageaddtobasketlistlayout:hover, a.catpageaddtobasket:hover, #quickshop input[type="submit"]:hover, #taghdrsearchstr input[type="submit"]:hover, ul.navPage li a:hover, .stockThumb li ul.formwrapper li.productqty a:hover, .addtobasketqty a:hover, a.gmLink:hover, .checkoutcontainer button#submit:hover, div#webmngmntareainner a:hover, #accountbuttons li.accountbutton a:hover, div.changepwd form input[name="submit"]:hover, #myaccountupdate a.actionbutton:hover, .productdetailwrap form[name="emailenq"] input[type="submit"]:hover, .tyPage .btn:hover, div.welcome div.checkoutcontainer a:hover, .button:hover, .btn:hover, .btn:active, .no-rgba #webmngmntareainner a:hover, .no-rgba #webmngmntareainner a:active, .no-rgba #accountbuttons li.accountbutton a:hover, .no-rgba #accountbuttons li.accountbutton a:active, .mbBottom a:hover, .mbBottom a:active, a.signupBtn:hover, a.signupBtn:active, input.deliveryAddToBasket:hover, input.deliveryAddToBasket:active, #registration ul.contentform input.inputBtn:hover, #registration ul.contentform input.inputBtn:active, a.buttonbacktoshop:hover, a.buttonbacktoshop:active, a.irTabReadMore:hover, a.irTabReadMore:active, .helpquestion a:active, .helpquestion a:hover, .irShare a:hover, .irShare a:active, .irShare.open:before, .irShare:hover:before { -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; color: #fff; background: #d04177; border: 0; } /*Joined search buttons*/ #headersearch input[type="text"], #taghdrsearchstr input#search, #quickshop #search, #newsformwrap input, #headersearch input[type="text"]:focus, #newsformwrap input:focus { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; border: 1px #aaa solid; border-right: 0; margin-right: -7px; } #footer div#newsformwrap > input[type="submit"], #refinefurther .refineblock form[name="searchform"] input[type="submit"], #quickshop input[type="submit"], #headersearch input.hdrSrch { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } #newsformwrap input { padding: 7px; width: 170px; } #footer div#newsformwrap > *, #headersearch form > *, #taghdrsearchstr form > *, #taghdrsearchstr input#search, #quickshop #search { vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; } #newsformwrap input, #headersearch input[type="text"], #headersearch input[type="text"]:focus, #newsformwrap input:focus { background-color: #fff; width: 70%; margin: 0; } #newsformwrap input:focus, #headersearch input[type="text"]:focus { background-color: #fff; } #headersearch { float: none; } #headersearch input.hdrSrch, #newsformwrap input[type="submit"], #newsformwrap input[type="submit"]:hover { width: 30%; } #footer div#newsformwrap { width: auto; } #newsformwrap input, #newsformwrap input:focus { border-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*Main Layout*/ .aside { width: 25%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0; } .article { width: 75%; } .stockthumbwrapper .productThumbImage img { max-width: 210px; max-height: 210px; } #homepage .stockthumbwrapper .productThumbImage img { max-width: 210px; max-height: 210px; } .formattedText { color: #9b9b9b; margin-top: 20px; padding: 0 10px 0 20px; text-transform: none; } div.stocklistingmodeandpagenumber { padding-right: 3px; } .loPage { margin-top: 10px; } .catBanHold { padding: 20px; margin-top: 7px; } .catBanHold .irMore { border: 0 none; margin-bottom: 0; padding: 0; text-align: center; } /*H Tags*/ h1 { font-size: 1.6em; } h2 { font-size: 1.1em; } h3 { font-size: 1em; } h4 { font-size: 0.8em; } h1, h2, h3, h4 { color: #202020; font-weight: bold; text-transform: uppercase; } /* Left Margin */ #refinefurther, #refinecurrent, .asidebox, #quickshop { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #asidebrowse { margin-top: 0; } /* Page Nav + Numbers */ #pagenumber { text-align: center; display: block; height: auto; text-transform: capitalize; margin: 0 0 -1px 0; } #pagenumber a { background-color: #fff; border: 1px solid #ebebeb; display: inline-block; height: auto; margin: 0 10px 0 0; padding: 3px 10px; width: auto; } a.pageNum { width: 50px; height: 25px; border: 1px #aaa solid; background-color: #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.pageNum:hover { background-color: #fff; border: 1px solid #202020; } a.pageNumActive { width: auto; border: 1px solid #202020; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; } .sortSearch { background-color: #fff; border: 1px solid #b8b8b8; padding: 5px; height: 30px; } div.pagetopnavextra, div.pagebottomnavextra { height: auto; float: none; } div.stocklistingmodeandpagenumber { height: 30px; display: table-cell; } div.stocklistingmodeandpagenumber > * { vertical-align: middle; } div.stocklistingSortOptions { float: none; display: inline-block; margin-bottom: 15px; } div.pagebottomnavextra { border-top: 0; position: relative; margin-top: 10px; min-height: 40px; } div.pagetopnavextra a.pageNum, div.pagetopnavextra a.pageNumActive { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } div.pagebottomnavextra a.pageNum, div.pagebottomnavextra a.pageNumActive { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } div.pagebottomnavextra #pagenumber a.pageNumActive { vertical-align: top; border: 1px solid #b8b8b8; } div.pagetopnavextra #pagenumber a.pageNumActive { border: 1px solid #b8b8b8; } div.pagebottomnavextra #pagenumber a:hover, div.pagebottomnavextra #pagenumber a:focus, div.pagetopnavextra #pagenumber a:hover, div.pagetopnavextra #pagenumber a:focus { border: 1px solid #d04177; } #stocklisting h1 { font-size: 2em; margin: 25px 0 20px; text-align: center; } div.pagetopnav { margin: 0 0 5px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: none; overflow: hidden; zoom: 1; } div.pagebottomnav { display: none; } .basket div.pagebottomnav { display: block; } div.pagebottomnavextra #pagenumber { padding-bottom: 45px; margin: -1px 0 0; } div.pagebottomnavextra div.stocklistingSortOptions { position: absolute; bottom: 0; left: 0; margin: 0; } div.pagebottomnavextra div.stocklistingmodeandpagenumber { position: absolute; bottom: 0; right: 0; } #wrapper .register ul.crumb, #wrapper .changeaddr ul.crumb, #wrapper .basket ul.crumb { float: left; } /* Sales Messages - Home*/ #salesWrap { margin: 10px 0 5px; text-align: left; width: 100%; } .salesMessage { display: inline-block; text-align: center; font-size: 22px; line-height: 22px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; width: 33.333333%; } .salesMessage a:hover { text-decoration: none; } #salesBlock { background-color: #ef487b; border: 0 none; color: #fff; font-size: 2.5em; font-weight: bold; height: auto; margin: 10px 0; padding: 35px 20px 30px; text-align: center; clear: left; } div.one { padding-right: 5px; } div.two { padding: 0 2.5px; } div.three { padding-left: 5px; } .salesMessage a { display: inline-block; padding: 10px 5px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Refine Menu */ #refinecurrent { display: none; visibility: hidden; } #refinecategory, #refinefurther, #quickshop { padding: 20px; margin: 0 0 10px; overflow: hidden; } #refinecategory .refinehead, #refinefurther .refinehead, #quickshop .refinehead { margin-left: 0; } #quickshop .refinehead { margin-top: 10px; } #quickshop select { margin: 1px 0 2px 15px; width: 185px; } #quickshop li, #quickshop ul { clear: left; } #quickshop * { float: none; } .refineclear { float: right; font-size: 0.85em; line-height: 100%; margin-right: 15px; } #refinecategory ul, #refinefurther ul { margin: 0; padding: 0; } #refinemenu_content li, .refinemenu_subcontent li { list-style: none outside none; } .refineblock .refineitems li { list-style-type: none; position: relative; } #refinefurther .refineitems li a { font-size: 0.9em; line-height: 170%; padding: 0 0 0 15px; } #refinefurther div.refineitems li.selected a { padding-left: 22px; line-height: 150%; font-weight: bold; } #refinefurther .refineitems li a:before { content: ""; position: absolute; left: 0; top: 2px; display: inline-block; width: 12px; height: 12px; border: 1px solid #575757; -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #refinefurther .refineCategories .refineitems li a:before { content: "+"; border: 0; line-height: 12px; } #refinefurther div.refineitems li.selected a:after { content: ""; position: absolute; left: 3px; top: 5px; display: inline-block; width: 8px; height: 8px; background: #575757; -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #refinefurther .refineitems li a:hover, #refinefurther .refineitems li a:hover:before { color: #000; border-color: #000; -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } #refinefurther .refineitems li.selected a:hover { color: #000; border-color: #000; } #refinefurther .refineitems li.selected a:hover:after { background-color: #000; -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } #quickshop #rs_currprice { display: none; } #quickshop #search, #taghdrsearchstr input#search { padding-left: 10px; width: 80%; margin: 0; } #quickshop form[name="searchform"], #taghdrsearchstr form { font-size: 0; } #quickshop form[name="searchform"] > *, #taghdrsearchstr form > *, #quickshop input[type="submit"], #taghdrsearchstr input[type="submit"] { font-size: 13px; } #quickshop input[type="submit"], #taghdrsearchstr input[type="submit"] { width: 20%; } div#quickshop select { border: 1px solid #aaa; padding: 5px; height: 30px; width: 100%; margin: 5px 0 0; } #taghdrsearchstr > div, #quickshop > div, #quickshop i > div { padding: 0 !important; } #refinefurther .refinehead { font-size: 0.9em; margin: 15px 0 0; padding: 0 0 8px !important; } #refinefurther .refinehead:first-letter { text-transform: uppercase; } /*Testimonials*/ .ir-testim { display: inline-block; text-align: left; width: 100%; } .ir-testim > span { display: none; } .ir-testim p { margin: 0; } .ir-testim .testim span { text-align: right; display: block; } .ir-testim strong { font-size: 1.2em; } .ir-testim .testimHold { display: block; position: relative; } .ir-testim .testimHold > div { position: relative; } .ir-testim h2 { margin-bottom: 20px; } .ir-testim .testim { padding: 10px 0; } .ir-testim .testim:last-of-type { border-bottom: 0; } /*Top Selling Items*/ #asidetopselling li { float: none; padding: 0 0 10px; margin: 0; position: relative; } #asidetopselling li:last-of-type { border: 0; margin: 0; } #asidetopselling li a.class2 { float: none; width: 50px; height: 50px; display: table-cell; vertical-align: middle; text-align: center; background-color: #fff; overflow: hidden; } .asidebox li a.topselling_text { float: none; width: 123px; display: inline-block; padding: 5px 0 0; vertical-align: middle; font-weight: normal; font-size: 0.9em; position: absolute; top: 0; right: 0; line-height: 1.4em; } #asidetopselling li a img.class2 { border: 0; background: none; max-width: 50px; max-height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #asidetopselling ul { margin-top: 20px; } /*Contact Us*/ form.contact .send { margin-right: 0; } form.contact input, form.contact textarea { border: 1px solid #aaa; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .formattedText a.gmLink { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.6); height: 23px; text-decoration: none; display: inline-block; font-size: 0.8em; color: #fff; border: 0; } .gmLH { text-align: right; } .gmH { display: inline-block; overflow: hidden; border: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; } .gmGh { display: inline-block; margin: 20px 0; line-height: 0; padding: 7px; border: 1px solid #aaa; background-color: #fff; } .gmGh > * { line-height: normal; } form.contact textarea { min-width: 100%; max-width: 100%; } .contactBtnHold { text-align: right; } form.contact .send { float: none; display: inline-block; } .contactMessage { padding: 10px 0 0; } .contact .error { color: #a00; } .contact input.error, .contact textarea.error { color: #fff; background-color: #a00; } .honeyCap { display: none; } .cuAlign { display: inline-block; width: 100px; padding-right: 5px; } /*Account Area*/ #addressupdatecontent a.actionbutton { float: right; margin: 10px 0 0; } #addressupdatecontent div.checkoutcontainer input, #addressupdatecontent div.checkoutcontainer select, #addressupdatecontent div.checkoutcontainer textarea { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 93%; height: 30px; padding: 5px; border: 1px solid #aaa; margin-left: 20px; background: #fff; } #addressupdatecontent div.checkoutcontainer textarea { min-height: 100px; } #addressupdatecontent div.checkoutcontainer .value { width: 100%; } .contentform .textbox textarea { max-width: 93%; width: 93%; } ul.contentaddressform ul { width: 100%; } form[name="addressdetails"] .pagesubtitle h2, #addressupdatecontent h2 { text-transform: capitalize; font-size: 1em; margin: 5px 0 2px; } #addressupdatecontent div.checkoutcontainer > form { margin: 0 0 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #addressupdatecontent div.checkoutcontainer > form[name="addresslookup"] { width: 100%; } .checkoutcontainer button#submit { margin-top: 10px; float: right; } #accountbuttons { text-align: left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; } #webmngmntareainner { padding: 10px; text-align: left; margin-top: 20px; } #webmngmntareainner b { display: none; } div#webmngmntarea, div#webmngmntarea a { margin: 0; } #accountbuttons ul li { margin: 0; padding-right: 5px; width: auto; } #accountbuttons ul li#myaccountlogout { float: right; } #accountbuttons ul li#myaccountshop { display: none; } div#myaccountaddressdetails, div#myaccountaccountdetails { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#myaccountaddressdetails { margin-bottom: 10px; } #myaccount ul.contentaddressform, #myaccount ul.contentaccountform { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #webmngmntareainner br { display: none; } .article .welcome, div#webmngmntarea { border: 0; background: none; } div.changepwd { width: 100%; text-align: center; border: 0; background: none; padding: 0; margin: 10px 0 0; } div.changepwd form { width: 175px; text-align: left; display: inline-block; float: none; padding: 10px; } div.changepwd form input.inputitem { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background: #fff; height: 30px; padding: 5px; } div.changepwd form input[name="submit"] { float: right; margin: 0; } div.changepwd b { margin-bottom: 10px; display: inline-block; } #myaccountupdate a.actionbutton { float: right; margin: 0; width: 100px; } div#myaccountdetailsactions { margin-top: 20px; } #myaccountpasswordchange { margin: 5px 0 0; } #myaccountaddressdetails input.inputitem, #myaccountaddressdetails select.inputitem, #myaccountaccountdetails select { width: 93%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background: #fff; height: 30px; padding: 5px; margin-left: 10px; } #myaccount ul.contentaddressform li.value, div#myaccountaccountdetails .value { width: 100%; } ul#accountdob input { width: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background: #fff; height: 30px; padding: 5px; margin: 5px; } ul#accountdob input[name="dob1"] { margin-left: 10px; } #myaccount ul.contentaccountform ul.labelpairleft, #myaccount ul.contentaddressform ul.labelpairleft { width: 100%; margin-bottom: 20px; } div#myaccountaccountdetails li { margin: 0; width: 100%; } #addressupdatecontent div.checkoutcontainer ul.labelpairleft { margin-bottom: 20px; } #addressupdatecontent div.checkoutcontainer form[name="addresslookup"] input { width: 93%; margin-bottom: 10px; } div.listtable ul.listtableheader, div.listtable ul.listtableline { width: 98%; border-bottom: 1px solid #aaa; margin: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; float: none; } div.listtable ul.listtableline:nth-of-type(2n+1) { background-color: #f5f5f5; } div.listtable ul.listtableheader { font-weight: bold; } #accountgender .value input { margin: 0 5px 2px 10px; vertical-align: middle; } #accountcheckbox input { margin: 0 5px 0 0; } #addressupdatecontent textarea { width: 200px; } #contactForm { float: right; width: 300px; margin-left: 25px; } form.contact { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tracking ul.crumb { display: inline-block; } div.trackingordersummary, div#trackingbillingaddress, div#trackingdeliveryaddress, div#trackingordertracking, div.listtable { float: none; width: auto; } .tracking .pagetitle h1 { margin-left: 0; } .tracking div.pagesubtitle { float: none; } div.trackingordersummary { margin-top: 30px; } div#ordersummarytable, div#orderstatus { width: auto; } div.listtable ul.listtableheader li, div#htmlrecieptdelivery ul.labelpairleft li, div.listtable ul.listtableline li { float: none; display: inline-block; } div#htmlrecieptdelivery ul.labelpairleft { float: none; margin: 20px 1%; width: auto; } div.trackingaddress, div#trackingordertracking { margin-bottom: 20px; } div.trackingaddress ul, div#orderstatus, #trackingordersummarylist, div#ordersummarytable { padding-left: 20px; } /*Register*/ #registration a.actionbutton { margin-bottom: 0; float: right; } #registration ul.contentform input.inputBtn { margin: 0; display: inline-block; float: right; width: auto; } div#newregister { width: 50%; height: auto; display: block; margin: 0; padding: 0; border: 0; background: none; float: right; padding-left: 5px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; } div#returning { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; float: none; margin-top: 20px; } #registration ul.contentform { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #registration ul.contentform .value { width: 100%; } #registration ul.contentform input { width: 93%; margin: 0 0 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background: #fff; padding: 5px; height: 30px; } #registration ul.contentform ul.labelpairleft, #returning ul li { width: 100%; } #registration form[name="accountdetails"] { width: 100%; float: none; } div#registeraddressdetails { width: 100%; float: none; } #registration ul.contentaddressform, #registration ul.contentaccountform { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } div#registeraccountdetials { float: none; width: 100%; } #registerpassword .contentform { margin: 0; } #registration .value { width: 100%; } #registration input.inputitem, #registration select.inputitem { width: 93%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background: #fff; height: 30px; padding: 5px; margin-left: 10px; } #registration #accountdob input.inputitem { width: 10%; } div.welcome div.pagetitle { display: none; } ul.navPage li { width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: none; } ul.navPage li a, ul.navPage li a:link { width: auto; } #returning ul li#registerloginbutton { margin-top: -30px; float: right; width: 100px; } #registerforgotpassword a.button { display: inline-block; } /* Text sales messages beneath navigation */ ul#salesWrap2 { padding: 0; width: 100%; color: #000; text-align: left; text-transform: uppercase; border-bottom: 2px solid #ebebeb; } ul#salesWrap2 li { list-style-type: none; font-size: 1em; color: #9B9B9B; display: inline-block; padding: 0 5px; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul#salesWrap2 li:first-of-type { padding: 0 10px 0 0; } ul#salesWrap2 li:last-of-type { padding: 0 0 0 10px; } ul#salesWrap2 li a { display: block; font-size: 1.1em; -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; text-align: center; color: #d04177; padding: 3px 0 0 0; margin: 0; border: 0 none; } ul#salesWrap2 li a:hover { background-color: transparent; -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } #nav li a { padding: 0; } /* Show More */ .irMoreLink { margin: 10px 0 0 0; padding: 0 20px; outline: 0; } .irMore > div p { padding: 5px 0; margin: 0; } .irMore { border: 1px solid #ebebeb; margin: 12px 0 0 0; padding: 25px; text-align: center; text-transform: none; } .pagebanner h1 { padding: 0; } /* Homepage banner */ .irBan { overflow: hidden; zoom: 1; display: none; position: absolute; line-height: 0; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; } .ban1 { display: block; z-index: 5; } .irBanHold { display: block; overflow: hidden; position: relative; width: 960px; height: 600px; } .irBanBar { height: 70px; background: #000; background: transparent\7; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); zoom: 1; text-align: left; padding: 18px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 40px; line-height: normal; width: 250px; right: 30px; text-align: center; } .irBanBar:nth-child(n) { -webkit-filter: none; filter: none; } .irBanBar p, .irBanBar h2 { margin: 0; padding: 0; color: #fff; } .irBanBar p { padding-left: 30px; } .irBanDots { position: absolute; bottom: 130px; right: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 25px; background: transparent; padding: 0 5px; z-index: 10; width: 300px; text-align: center; } .irBanDots:nth-child(n) { -webkit-filter: none; filter: none; } .irBanDot { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 15px; height: 15px; margin: 5px 2.5px; display: inline-block; cursor: pointer; opacity: .4; filter: alpha(opacity="40"); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.3); background-color: #ef487b; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .irBanDot:hover { opacity: 0.8; filter: alpha(opacity="80"); -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } .irBanDot.active { opacity: 1; filter: alpha(opacity="100"); } .irBanPrev, .irBanNext { position: absolute; top: 50px; height: 100px; width: 50px; z-index: 10; cursor: pointer; } .irBanPrev { left: 0; background-image: url(../images/banPrev.png); } .irBanNext { right: 0; background-image: url(../images/banNext.png); } .banFull .irBanBar { padding: 15px 1035px; } .banFull .irBanDots { right: 1030px; } .irBan a { display: block; } /*Header - Currency flags*/ .irFlags { list-style: none; margin: 5px 0 0 10px; float: none; padding: 0; display: block; height: 20px; overflow: hidden; text-align: right; } .irFlags li { display: inline-block; height: 20px; width: 32px; cursor: pointer; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity="50"); -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; background: url(../images/flags.png) top left no-repeat; } .irFlags li.flag2 { background-position: -32px 0; } .irFlags li.flag3 { background-position: -64px 0; } .irFlags span { vertical-align: top; height: 20px; display: inline-block; } .irFlags li.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity="100"); } .irFlags li:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity="80"); -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } .irFlags li:active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity="100"); -webkit-transition: 40ms ease-in-out; -moz-transition: 40ms ease-in-out; -o-transition: 40ms ease-in-out; transition: 40ms ease-in-out; } /*Header - Basket*/ .miniBasket { height: 0; overflow: hidden; } #headerbasket.miniBasketHold { overflow: hidden; float: none; text-align: right; height: auto; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 33px; z-index: 50; background: #fff; -webkit-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; -webkit-transition: 400ms ease-in; -moz-transition: 400ms ease-in; -o-transition: 400ms ease-in; transition: 400ms ease-in; background: rgba(0, 0, 0, 0) url("../images/icon-basket.png") no-repeat scroll 100% 6px; border: 0 none; padding: 0 40px 15px 15px; } #headerbasket.miniBasketHold.open { -webkit-box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.3); background-color: #fff; padding: 0 40px 15px 15px; } .miniBasket:before { content: ""; padding: 10px 0 0; display: block; } .miniBasket #basketcontenttable, .miniBasket #basketsubtotal, .miniBasket ul.majorbasketsubtotal li, .miniBasket ul.majorbasketsubtotal, .mbBottom a:link { float: none; width: auto; } .mbBottom a:link { display: block; text-align: center; } .mbAlign { width: 100px; display: inline-block; padding-left: 5px; vertical-align: top; } .miniBasket div.listtable ul.basketline { margin: 0; padding: 10px; width: auto; background: none; } .miniBasket div.listtable ul.basketline:first-of-type { border-top: 1px solid #aaa; } .miniBasket div#basketcontenttable li { display: block; width: auto; } .miniBasket #basketsubtotal { padding: 10px; } .miniBasket div#basketcontenttable li.basketitem { float: left; margin-right: 5px; } .miniBasket div#basketcontenttable li.basketitem a:link { width: 40px; height: 40px; display: table-cell; padding: 5px; vertical-align: middle; text-align: center; background: #fff; } .miniBasket div#basketcontenttable li.basketitem a img { vertical-align: middle; display: inline-block; max-width: 50px; max-height: 50px; } .miniBasket div.listtable li.basketdescription a { font-weight: bold; } .miniBasket a.mbRemove, .miniBasket a.mbRemove:visited, .miniBasket a.mbRemove:link { display: block; text-align: left; cursor: pointer; margin-top: 5px; font-size: 0.9em; color: #aaa; } .miniBasket a.mbRemove:after { content: " \2717"; color: #888; font-size: 1.2em; } .miniBasket a.mbRemove:active { margin-top: 6px; } .headerbasketcontents a, .headerbasketcontents a:link, .headerbasketcontents a:visited { cursor: pointer; } /*Header - Logo*/ #logo { float: none; margin: 0; padding: 32px 0 0; } /*Header - Search*/ #headersearch { margin: 0; height: auto; margin-top: 10px; } /*Header*/ #headerright { height: auto; float: right; width: 375px; position: relative; } #headerleft { height: auto; float: left; width: 375px; } #header { height: 185px; margin: 0 0 103px; } #nav { top: 185px; } /* Dropdown Menu */ .menubox table { margin: 0; } .menubox td { padding: 0 10px; } #qm0 div { padding: 20px 10px; -webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.2); } #qm0 .menubox a.qmlevel0 { border-bottom: 1px dotted #bbb; text-transform: capitalize; } #qm0 .menubox a.qmlevel1, #qm0 .menubox a.qmlevel2 { padding-left: 15px; text-transform: capitalize; font-size: 0.8em; } #qm0 .menubox a.qmlevel2 { padding-left: 25px; } #nav { background: none; height: auto; } #nav #qm0 a:hover, #nav #qm0 a.qmactive { background: none; text-decoration: underline; } #qm0 div { background-color: #fff; border: 1px solid #aaa; border-top: 0; } #nav #qm0 div a { -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; } #nav #qm0 div a:hover { -webkit-transition: background 100ms ease-in-out; -moz-transition: background 100ms ease-in-out; -o-transition: background 100ms ease-in-out; transition: background 100ms ease-in-out; background-color: #f0f0f0; text-decoration: none; } #qm0 > a { height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; display: inline-block; } .qmmc { border-bottom: 1px solid #aaa; } /*Footer*/ #footer div.footerDiv { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; width: 25%; display: inline-block; vertical-align: top; } a.secureLogos { margin: 30px 0 10px; text-align: center; } .socialLinks a.lnk, .tyPgLinks a.lnk { -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; width: 60px; height: 60px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; background-color: #d4d7d9; background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 0 5px 5px 0; position: relative; } .socialLinks a.lnk:hover, .tyPgLinks a.lnk:hover { -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; background-color: #d04177; } .socialLinks a.lnk:before, .tyPgLinks a.lnk:before { content: ""; width: 28px; height: 28px; left: 60%; top: 58%; margin-top: -20px; margin-left: -20px; position: absolute; background: url(../images/social.png) left top no-repeat; } #footer { background: none; margin-top: 30px; padding: 0; height: auto; } #footer div.footHold { background: #fff none repeat scroll 0 0; border-top: 0; display: block; padding-top: 40px; } #footer div.footReview { background: #ddd; padding: 20px 0; color: #444; } #footer div.footReview .wrap960 { text-align: center; color: #444; } #footer div.footReview span { display: inline-block; width: auto; color: #444; } #footer div.footReview a { cursor: pointer; display: inline-block; } #footer div.footReview .footReviewCircle { margin: -50px 50px; width: 100px; height: 100px; background: #ddd; border: 5px solid #fff; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; line-height: 100px; padding: 0; font-size: 3em; color: #444; font-weight: bold; vertical-align: middle; } #footer div.footReview .footReviewTxt { margin-right: 50px; color: #444; } #footer div.reviewStars { position: relative; top: 0; right: 0; width: 120px; height: 24px; } #footer div.reviewStars .reviewStarsInner { height: 100%; } #footer .copyright .small { float: right; } #footer div.copyright { padding: 0; font-size: 0.6em; overflow: hidden; zoom: 1; } #footer div#pagetimestamp { float: left; } #footer div { float: none; padding: 0; width: auto; margin: 0; } #footer h2 { padding-bottom: 30px; margin: 0; } .secureLogos > img { padding: 0 3px; vertical-align: top; } #footer .secureLogos .payDiv { display: inline-block; height: 30px; border-right: 1px solid #ddd; margin: 0 3px; } #footer div.signUpSent { padding-left: 8px; } #footer a.lnk-facebook:before, .tyPgLinks a.lnk-facebook:before { background-position: 0 top; } #footer a.lnk-google:before, .tyPgLinks a.lnk-google:before { background-position: -27px top; } #footer a.lnk-instagram:before, .tyPgLinks a.lnk-instagram:before { background-position: -56px top; } #footer a.lnk-linkedin:before, .tyPgLinks a.lnk-linkedin:before { background-position: -120px top; } #footer a.lnk-pinterest:before, .tyPgLinks a.lnk-pinterest:before { background-position: -112px top; } #footer a.lnk-tumblr:before, .tyPgLinks a.lnk-tumblr:before { background-position: -200px top; } #footer a.lnk-twitter:before, .tyPgLinks a.lnk-twitter:before { background-position: -167px top; } #footer a.lnk-wordpress:before, .tyPgLinks a.lnk-wordpress:before { background-position: -196px top; } #footer a.lnk-youtube:before, .tyPgLinks a.lnk-youtube:before { background-position: -320px top; } #footer a.lnk-blog:before, .tyPgLinks a.lnk-blog:before { background-position: -360px top; } #footer a.lnk-blogger:before, .tyPgLinks a.lnk-blogger:before { background-position: -400px top; } #footer a.lnk-blog2:before, .tyPgLinks a.lnk-blog2:before { background-position: -440px top; } #footer div.footerDiv2 { width: 50%; padding: 0 10px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer .newsletterDiv h2 { padding: 20px 0 10px; } #footer .small span { display: inline; } /*Checkout - Thank You*/ .tyPgLinks { margin-top: 20px; text-align: center; } .tyPage { text-align: center; } .tyPage h1 { text-align: left; } .tyPage h2 { margin: 30px 0; } /*Product Page - Right*/ div.component_stockdetail .detailInfo { padding: 0; margin: 15px 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; float: none; position: relative; background-color: #fff; border: 0; } .addthisHold { float: right; margin: 0 0 10px 10px; text-align: right; } .addthis_toolbox { margin: 0; display: inline-block; } div.addthis_toolbox a.at300b { float: none; display: inline-block; } .productprice { margin: 0; } .qtyaddtobasket { overflow: hidden; zoom: 1; padding-top: 10px; } .productdetailwrap form { margin: 0; overflow: hidden; zoom: 1; text-align: left; } ul.detailextras { width: auto; float: none; margin: 10px 0 0; left: 0; text-align: center; } a.buttonaddtobasket { padding: 5px 0; height: 30px; font-size: 1.2em; float: right; width: 57%; margin: 0; display: inline-block; text-align: center; vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .productpricediscountname { margin-bottom: 10px; } .productprice { margin: 0; font-size: 1em; } .basketSpacer { padding-top: 50px; } .productprice strong { color: #d04177; font-size: 1.5em; } .productprice .detailRRP, .productprice strike { display: block; margin-bottom: 2px; } #stockindicatorAjax { margin: 0; position: relative; } #stockindicatorAjax li:first-letter { text-transform: capitalize; } #stockindicatorAjax li { text-align: left; height: 25px; line-height: 25px; padding: 5px 0 0 0; } div#pagevalidation_ajax ul.labelpairleft .validationtext { color: #bb0000; margin-top: 5px; } div#pagevalidation_ajax ul.labelpairleft { border: 2px #bb0000 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; background: #fff; } .detailInfo #stockindicatorAjax li.basketqty { float: none; margin: 0; width: 100%; height: auto; } .detailInfo #stockindicatorAjax li.basketqty a { padding: 5px; border: 1px solid #d04177; line-height: 25px; text-align: center; height: 35px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .detailOurPriceText { display: none; } .productdetailwrap .stockStatus span { font-size: 1em; position: relative; top: 30px; } .qtyaddtobasket select.inputitem { width: 100%; margin: 0 auto 12px; padding: 5px; height: 30px; outline: 0; border: 1px solid #aaa; background: #fff; } .qtyaddtobasket .optionslist { text-align: center; } .addtobasketqty { text-align: center; margin-bottom: 10px; } .addtobasketqty > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; display: inline-block; vertical-align: top; } ul.detailextras li { margin: 0; display: inline-block; padding: 0 10px; } #div_giftwrapoptions { border: 0; background: none; padding: 10px 0 0; margin: 10px 0 0; width: 100%; border-top: 1px #ccc solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: left; } #div_giftwrapoptions textarea { width: 100%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; border: 1px solid #aaa; background: #fff; margin: 0; } #div_giftwrapoptions h3 { margin-top: 5px; font-size: 1.2em; font-weight: bold; } #div_giftwrapoptions select { width: 100%; margin: 5px 0 0; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; border: 1px solid #aaa; background: #fff; } .detailextras .extras { cursor: pointer; } .text_qtyinbasket { float: none; } .addtobasketqty > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; height: 30px; display: inline-block; vertical-align: top; padding: 0; margin: 0; font-size: 12px; } div.component_stockdetail .detailInfo .qtyaddtobasket .inputitem_productqty { border: 1px solid #aaa; margin: 0 5%; width: 50%; text-align: center; } .addtobasketqty a { height: 30px; background-color: #aaa; padding: 5px; font-size: 12px; } .addtobasketqty a:hover { background-color: #888; } .addtobasketqty a:active { background-color: #ccc; -webkit-transition: 50ms ease-in-out; -moz-transition: 50ms ease-in-out; -o-transition: 50ms ease-in-out; transition: 50ms ease-in-out; } .addtobasketqty { margin-bottom: 5px; text-align: center; font-size: 0; width: 40%; display: inline-block; vertical-align: top; } div.component_stockdetail .detailInfo .qtyaddtobasket .inputitem_productqty:nth-of-type(n) { margin: 0; border-width: 1px 0; width: 60%; } .addtobasketqty a:nth-of-type(2n+1) { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .addtobasketqty a:nth-of-type(2n+2) { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .detailquantitytext { display: none; } .detailInfo h1 { font-size: 1.8em; font-weight: bold; } .productdetailwrap form[name="emailenq"] { text-align: left; margin-bottom: 5px; } .productdetailwrap form[name="emailenq"] input[type="submit"] { width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; vertical-align: top; margin-top: 10px; } .productdetailwrap form[name="emailenq"] input[type="text"] { height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; border: 1px solid #aaa; width: 80%; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; border-right: 0; vertical-align: top; margin-top: 10px; } .discount { margin-bottom: 5px; } .prodPgRight { float: none; width: 412px; position: relative; display: inline-block; margin-left: 10px; } .detail .navPage.blocklistright li a { float: none; width: auto; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*Product Page - Left*/ .component_stockdetail #imagescontainer img.left { z-index: 11; } div.component_stockdetail .productimageholder#imagescontainer { margin: 0; width: 522px; position: relative; display: inline-block; vertical-align: top; float: none; margin-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 0; } div#ajax_image_wrap { padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; display: block; float: none; border: 1px solid #aaa; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: transparent; position: relative; z-index: 10; overflow: hidden; } div#ajax_image_wrap .productimageholder { width: 100%; margin: 0; line-height: 0; } .additionalImgsHold { padding: 10px; margin: -7px 0 10px; } .additionalImgsHold a { vertical-align: middle; } .component_stockdetail #imagescontainer img.left { left: 0; pointer-events: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='trans.gif',sizingMethod='scale'); background: url("trans.gif"); background: none !important; } .MagicBoxShadow { -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); } .MagicZoomHeader { display: none; } .MagicZoomBigImageCont { border: 0; } .MagicThumb-expanded { cursor: url(../images/zoomout.cur), pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; border: 1px solid #aaa; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); } .MagicZoomPlus, .MagicZoomPlus:hover, .MagicZoomPup { cursor: url(../images/zoomin.cur), pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .MagicThumb-buttons a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .MagicThumb-buttons { background-image: url(../images/buttons1.png); } .MagicZoomPlusHint { padding-right: 10px !important; } a#mainZoomer, a#mainZoomer:link, a#mainZoomer:visited { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; border: 0; } #magicZoomPos { position: absolute; width: 100%; } /*Product Page - Tabs*/ #tabsholder { float: none; width: 100%; position: relative; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tabsholder > * { float: none; width: 100%; padding: 0; margin: 0; position: relative; } ul.tabs li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 2px 0 0; border: 0; background: none; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible; } ul.tabs li .tab, ul.tabs li .tab#tabcurrent { border: 1px #aaa solid; background-color: #eee; width: auto; display: inline-block; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; height: 29px; } ul.tabs li .tab#tabcurrent, ul.tabs li .tab:hover { background-color: #fff; border-bottom: 0; height: 30px; } ul.tabs { z-index: 2; border: 0; } #tabsholder .tab_container { z-index: 1; border: 0; padding: 0 20px 0 0; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 300px; overflow-y: scroll; float: none; } #tabsholder .tabBorder { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; margin-top: -2px; } ul.tabs li a:hover { background: none; } ul.tabs li .tab:hover { background-color: #fff; } ul.tabs li a { padding: 0 10px; text-align: center; } /*Product Page - Extras*/ #linkedproductswrapper { width: 522px; float: left; clear: none; margin-top: 10px; } .stockStatus span { font-size: 1em; } .stocklistingwrapper .stockthumbFormat1 { height: 200px; } #linkedproductswrapper ul.detailstocklisting li.stockThumb { border: solid 1px #fff; } #recentlyviewedbody .blocklist > .stockThumb { height: auto; width: 16.66666666%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; margin: 0; padding: 0 5px 10px; } #recentlyviewedbody .stockThumb .stockthumbwrapper { height: 270px; } ul.detailstocklisting li.stockThumb:hover { background-color: transparent; } #recentlyviewedbody .stockThumb .productThumbImage a { height: 128px; } #component_stockdetail_recentlyviewed #component_scrollbox ul.detailstocklisting { height: auto; } #wrapper .detail ul.crumb { float: left; } #linkedproductswrapper .stocklistingbody { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #linkedproductswrapper h2 { margin: 0; font-weight: bold; padding-bottom: 20px; } #linkedproductswrapper ul.detailstocklisting li.stockThumb { width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 2.5% 10px; height: 215px; } #linkedproductswrapper ul.detailstocklisting li.stockThumb .stockthumbprice, #linkedproductswrapper ul.detailstocklisting li.stockThumb .formwrap { display: none; } #linkedproductswrapper ul.detailstocklisting li.stockThumb .stockthumbFormat1 { height: auto; } #linkedproductswrapper ul.detailstocklisting li.stockThumb li.productThumbName { font-size: 0.9em; font-weight: normal; height: auto; line-height: 1.4em; padding: 5px 0; text-align: center; width: 100%; } #linkedproductswrapper ul.detailstocklisting li.productThumbImage { height: 163px; } #recentlyviewedbody .stockthumbFormat3 { padding: 10px; } #recentlyviewedbody ul.detailstocklisting li.productThumbImage { height: auto; padding-bottom: 5px; } #recentlyviewedbody .stockthumbprice { width: 100%; float: none; text-align: left; } #recentlyviewedbody .productThumbName a { font-weight: normal; font-size: 0.9em; } #component_stockdetail_reviews h2, #component_stockdetail_recentlyviewed h2 { margin: 0 0 20px; padding: 20px 0 10px; border-bottom: 1px solid #ebebeb; float: none; width: 100%; font-weight: bold; } /*Basket*/ .barGrad { background: #d04177; height: 100%; } .barBord { border: 1px solid #777; height: 10px; width: 100%; overflow: hidden; } li.promocodes ul, li.vouchercode ul { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #facebox, #facebox .popup, #facebox .content { max-height: 500px; height: 500px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #facebox .content { overflow-y: auto; display: block; height: 494px; } #facebox .close { right: 20px; } li.basketitem { width: 300px; } li.basketdescription { width: 245px; } div#basketcontenttable li { vertical-align: middle; } /*Stock Thumbs*/ .stockThumb .productThumbImage a { height: auto; display: table-cell; vertical-align: middle; } .stockThumb li.productThumbImage { display: table; position: relative; } .stockThumb li ul.formwrapper li { display: block; width: 100%; float: none; position: static; margin: 0; } ul.formwrapper li.basketqty a .text_qtyinbasket, ul.stockthumbwrapper li.basketqty a .text_qtyinbasket { float: none; position: static; left: 0; top: 0; width: 100%; text-align: center; } .stockThumb li ul.formwrapper li.stockStatus, .stockThumb li ul.formwrapper li.stockStatusFormat4 { height: 25px; text-align: center; display: none; } .stockThumb li ul.formwrapper li.basketqty, .stockThumb ul.stockthumbwrapper li.basketqty { height: 25px; margin-top: -25px; background-color: #fff; position: relative; z-index: 3; text-align: center; } .stockThumb ul.stockthumbwrapper li.basketqty { margin-top: 0; width: 100%; } .stockThumb li ul.formwrapper li.stockQuantity { height: 25px; margin-top: -25px; background-color: #fff; position: relative; z-index: 2; text-align: center; display: none; } ul.productsLayoutModeThumb li.stockThumb { margin: 0; border: 0; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: auto; } ul.productsLayoutModeThumb div.stockthumb { width: 100%; overflow: hidden; zoom: 1; height: 376px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border: 1px solid #ebebeb; } ul.blocklist li.formwrap { width: 100%; position: absolute; bottom: 0; float: none; } ul.blocklist { float: none; overflow: hidden; zoom: 1; } .stockThumb .stockthumbwrapper > li { float: none; } .stockthumbwrapper { position: relative; height: 100%; } ul.productsLayoutModeThumb li.stockthumbprice { height: 45px; float: none; } ul.productsLayoutModeList .text_qtyinbasket { top: -25px; position: relative; left: 50px; } ul.blocklist li.formwrap a.catpageaddtobasket { width: 100%; float: none; } .stockThumb li ul.formwrapper li.productqty > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; height: 20px; display: inline-block; vertical-align: top; padding: 0; margin: 0; } .stockThumb li ul.formwrapper li.productqty input { border: 1px solid #aaa; margin: 0 5%; width: 50%; text-align: center; } .stockThumb li ul.formwrapper li.productqty a { height: 20px; background-color: #aaa; padding: 0; } .stockThumb li ul.formwrapper li.productqty a:hover { background-color: #888; } .stockThumb li ul.formwrapper li.productqty a:active { background-color: #ccc; -webkit-transition: 50ms ease-in-out; -moz-transition: 50ms ease-in-out; -o-transition: 50ms ease-in-out; transition: 50ms ease-in-out; } .stockThumb li ul.formwrapper li.productqty { margin-bottom: 5px; text-align: center; display: none; } .stockThumb li ul.formwrapper li.productqty input:nth-of-type(n) { margin: 0; border-width: 1px 0; width: 60%; } .stockThumb li ul.formwrapper li.productqty a:nth-of-type(2n+1) { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .stockThumb li ul.formwrapper li.productqty a:nth-of-type(2n+2) { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } /*Homepage Item Alignment*/ #homepage ul.productsLayoutModeThumb li.stockThumb { width: 20%; margin: 0; border: 0; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(5n+1) { padding-right: 10px; padding-left: 0; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(5n+2) { padding-right: 7.5px; padding-left: 2.5px; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(5n+4) { padding-right: 2.5px; padding-left: 7.5px; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(5n+5) { padding-right: 0; padding-left: 10px; } /*Category Page Item Alignment*/ ul.productsLayoutModeThumb li.stockThumb { width: 25%; margin: 0; border: 0; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+1) { padding-right: 10px; padding-left: 0; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+2) { padding-right: 6.25px; padding-left: 2.5px; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+3) { padding-right: 2.5px; padding-left: 6.25px; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+4) { padding-right: 0; padding-left: 10px; } /*Homepage 4 items per line*/ #homepage ul.productsLayoutModeThumb li.stockThumb{ width:25%; margin:0; border:0; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+1){ padding-right: 10px; padding-left: 0; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+2){ padding-right: 6.25px; padding-left: 2.5px; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+3){ padding-right: 2.5px; padding-left: 6.25px; } #homepage ul.productsLayoutModeThumb li.stockThumb:nth-of-type(4n+4){ padding-right: 0; padding-left: 10px; } /*Category Page 3 items per line*/ ul.productsLayoutModeThumb li.stockThumb{ width:33.333333%; margin:0; border:0; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(3n+1){ padding-right: 10px; padding-left: 0; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(3n+2){ padding-right: 2.5px; padding-left: 2.5px; } ul.productsLayoutModeThumb li.stockThumb:nth-of-type(3n+3){ padding-right: 0; padding-left: 10px; } ul.productsLayoutModeThumb li.stockThumb li.productThumbName { font-size: 0.9em; font-weight: normal; height: 40px; line-height: 1.4em; padding-top: 13px; text-align: center; } /*List View*/ ul.productsLayoutModeList li.stockThumb { border: 1px solid #ebebeb; float: none; margin-bottom: 10px; overflow: hidden; padding: 15px; position: static; zoom: 1; } ul.productsLayoutModeList li ul.stockthumbwrapper { float: none; margin: 0; width: 100%; text-align: left; overflow: hidden; zoom: 1; } ul.productsLayoutModeList li ul.stockthumbwrapper .stockthumbfulltextFormat4 { float: none; margin: 15px 0 20px 5px; display: inline-block; text-transform: none; width: 460px; } ul.productsLayoutModeList li ul.stockthumbwrapper li.formwrap { width: 20%; right: 0; } .stockthumbFormat4 a.catpageaddtobasketlistlayout { float: none; width: 100%; } ul.productsLayoutModeList li ul.stockthumbwrapper li.productThumbName, ul.productsLayoutModeList li ul.stockthumbwrapper li.productThumbImage { display: inline-block; vertical-align: top; float: left; } ul.productsLayoutModeList li ul.stockthumbwrapper li.productThumbName { margin: 5px 0 0 5px; font-weight: normal; width: 460px; } ul.productsLayoutModeList li ul.stockthumbwrapper li.stockthumbprice li { float: none; } ul.productsLayoutModeList li ul.stockthumbwrapper li.stockthumbprice { margin: 15px 0 0 5px; float: left; } #homepage ul.productsLayoutModeList li ul.stockthumbwrapper li.productThumbName { width: 600px; } .stockthumbFormat4 ul.formwrapper li.productqty { display: inline-block; } .component_stockdetail #imagescontainer > img, .stockthumbwrapper .productThumbImage img.discount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #homepage .stockthumbFormat4 .stockthumbwrapper .productThumbImage { width: 160px; padding-right: 10px; } #homepage .stockthumbfulltextFormat4 { width: 580px; } /*Category Thumbs*/ .stocklisting ul.blocklist.layoutModeThumb > li, .stocklisting ul.blocklist.layoutModeList > li { overflow: hidden; zoom: 1; height: 250px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 25%; margin: 0; border: 0; } .stocklisting ul.blocklist.layoutModeThumb > li:nth-of-type(4n+1), .stocklisting ul.blocklist.layoutModeList > li:nth-of-type(4n+1) { padding-right: 10px; padding-left: 0; } .stocklisting ul.blocklist.layoutModeThumb > li:nth-of-type(4n+2), .stocklisting ul.blocklist.layoutModeList > li:nth-of-type(4n+2) { padding-right: 6.25px; padding-left: 2.5px; } .stocklisting ul.blocklist.layoutModeThumb > li:nth-of-type(4n+3), .stocklisting ul.blocklist.layoutModeList > li:nth-of-type(4n+3) { padding-right: 2.5px; padding-left: 6.25px; } .stocklisting ul.blocklist.layoutModeThumb > li:nth-of-type(4n+4), .stocklisting ul.blocklist.layoutModeList > li:nth-of-type(4n+4) { padding-right: 0; padding-left: 10px; } .stocklisting ul.layoutModeThumb ul.groupthumbwrapper, .stocklisting ul.layoutModeList ul.groupthumbwrapper { float: none; margin: 0; padding: 10px; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupimage, .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname, .stocklisting ul.layoutModeList ul.groupthumbwrapper li.groupimage, .stocklisting ul.layoutModeListul.groupthumbwrapper li.groupname { margin: 0; width: 100%; height: auto; float: none; } .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupimage img, .stocklisting ul.layoutModeList ul.groupthumbwrapper li.groupimage img { max-width: 100%; max-height: 100%; } .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupimage a, .stocklisting ul.layoutModeList ul.groupthumbwrapper li.groupimage a { display: table-cell; vertical-align: middle; width: 150px; height: 150px; text-align: center; } .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname a, .stocklisting ul.layoutModeList ul.groupthumbwrapper li.groupname a { font-weight: bold; } .stocklisting ul.layoutModeThumb ul.groupthumbwrapper li.groupname, .stocklisting ul.layoutModeList ul.groupthumbwrapper li.groupname { padding-top: 10px; float: none; text-align: center; } .stocklisting ul.blocklist.layoutModeThumb, .stocklisting ul.blocklist.layoutModeList { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #aaa; } /*Error Page*/ .errorPg { text-align: left; padding-top: 10px; } /* Price Slider */ .browsePrice { margin-top: 20px; } .browseTitle { margin-bottom: 8px; } .psSlider { height: 15px; position: relative; margin-bottom: 10px; margin-right: 5px; } .psBar { background-color: #ccc; width: 100%; height: 5px; position: absolute; bottom: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .psMark { width: 3px; height: 100%; position: absolute; border: 1px solid #aaa; background: #fff; cursor: pointer; } .psMark1 { left: 0; } .psMark2 { left: 50px; } .psBarFill { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #d04177; } .psButtonHold { text-align: right; display: inline-block; vertical-align: top; } .priceInput { width: 45px; padding: 5px; border: 1px solid #b8b8b8; background: #fff; outline: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .psFormHold { text-align: center; overflow: hidden; zoom: 1; line-height: 29px; display: inline-block; width: 130px; } .psFormHold span:first-of-type { float: left; } .psFormHold span:last-of-type { float: right; } .psButtonHold { float: right; } #refinefurther #taghdrsearch ul { padding: 0; } /*Refine minimiser*/ .irRefClick { cursor: pointer; position: relative; -webkit-transition: ease-in-out 500ms; -moz-transition: ease-in-out 500ms; -o-transition: ease-in-out 500ms; transition: ease-in-out 500ms; } .irRefClick:after { content: "-"; position: absolute; right: 0; bottom: 10px; background: #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; width: 18px; height: 18px; display: inline-block; text-align: center; line-height: 17px; -webkit-transition: ease-in-out 400ms; -moz-transition: ease-in-out 400ms; -o-transition: ease-in-out 400ms; transition: ease-in-out 400ms; } .irRefClick.irRefClose:after { content: "+"; } .irRefClick:hover:after { background: #777; -webkit-transition: ease-in-out 100ms; -moz-transition: ease-in-out 100ms; -o-transition: ease-in-out 100ms; transition: ease-in-out 100ms; } #refinefurther .irRefClick:hover { color: #000; -webkit-transition: ease-in-out 100ms; -moz-transition: ease-in-out 100ms; -o-transition: ease-in-out 100ms; transition: ease-in-out 100ms; } /*Basket-V2*/ .basket h1, .basket h2 { float: none; margin: 0 0 10px; } #basketcontenttable.basketV2 { float: none; margin-top: 30px; } .basketV2 #basketheader { margin: 0; padding: 10px; width: auto; } .basketV2 #basketheader li { float: none; font-weight: bold; text-transform: capitalize; } .basketV2 li.basketitem { width: 325px; } .basketV2 li.basketitemimg { width: 50px; } .basketV2 li.basketprice { width: 70px; } .basketV2 li.basketquantity { width: 75px; } .basketV2 li.basketremove { width: 120px; } .basketV2 li.baskettotprice { width: 90px; } .basketV2 li.basketExtras { width: 50px; text-align: center; } div.basketV2.listtable ul.listtableline { border: 0; border-top: 1px solid #ddd; padding: 10px 0; margin: 0 10px; width: auto; } div.basketV2.listtable ul.listtableline:nth-of-type(2) { border-top: 0; } div.basketV2.listtable ul.listtableline:nth-of-type(n) { background: none; } div#basketsubtotal, div#basketdelivery, ul.majorbasketsubtotal.labelpairleft li, .basket ul.labelpairleft li { float: none; } .basket ul.majorbasketsubtotal.labelpairleft, ul.majorbasketdeliverytotal.labelpairleft, ul.majorbaskettotal.labelpairleft { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px; margin: 0; float: none; margin-bottom: 5px; } ul#subtotaloptions ul.majorbasketsubtotal.labelpairleft li, .basket ul.labelpairleft li { display: inline-block; } li.subtotaltitle, li.totaltitle { width: 600px; } .basket #subtotaloptions, .basket #ordertotal { padding-bottom: 30px; } div#basketdelivery div#subtotalfreedelivery, div#basketdelivery form { float: none; display: block; width: 100%; } div#basketdelivery div#subtotalfreedelivery { margin: 10px 0; } .basket .pagetitle { padding-top: 10px; } .basketExtrasHolder { padding: 10px; margin-bottom: 5px; position: relative; } .basketExtrasName { font-weight: bold; padding-right: 120px; } .basketExtrasBtn { text-align: right; position: absolute; right: 10px; bottom: 10px; } .basketExtrasHold { margin-bottom: 15px; } .basketExtrasText { padding-right: 120px; } .basketExtrasPrice { padding-left: 10px; } div#voucherandpromo { margin-top: 30px; float: none; } div#basketdelivery form { margin-bottom: 10px; } .basket ul.carriageregion select.inputitem { padding: 5px; width: 100%; border: 1px solid #aaa; background: #fff; height: 30px; } .basket div.pagebottomnav { margin: 0; width: 100%; margin-top: 5px; float: none; } .basket ul.navPage.blocklistright { width: 30%; } .basket ul.navPage li, .basket ul.navPage li:hover { width: 100%; margin: 5px 0 0; } .basket ul.navPage li a { width: 100%; } .basket ul.navPage li.buttoncheckout a { height: 50px; padding-top: 15px; font-size: 1.2em; } .promocodes ul, .vouchercode ul { float: none; } .promocodes ul input.inputitem, .vouchercode ul input.inputitem { width: 100%; padding: 5px; height: 30px; border: 1px solid #aaa; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .promocodes ul li.promocodebutton, .vouchercode ul li.vouchercodebutton { width: 35%; display: inline-block; text-align: right; } .voucherocode1input, .voucherocode2input, .promocodeinput { display: inline-block; width: 65%; } .promocodes ul li.promocodebutton button, .vouchercode ul li.vouchercodebutton button { width: 90%; } .basket div.listtable ul.basketline li { vertical-align: middle; } .basket div.listtable ul.basketline li.basketimage { width: 50px; height: 50px; border: 1px solid #ebebeb; background: #fff; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .basket div.listtable ul.basketline li.basketimage a { display: table-cell; vertical-align: middle; text-align: center; width: 40px; height: 40px; } .basket div.listtable ul.basketline li.basketimage a img { max-width: 40px; max-height: 40px; vertical-align: middle; } .basket div.listtable ul.basketline li.basketimage a img.giftwrapImg { position: absolute; top: -10px; left: -10px; max-width: none; max-height: none; } .basket div.listtable ul.basketline li.basketdescription { width: 250px; padding: 0 10px; } .basket div.listtable ul.basketline li.basketdescription a { font-weight: bold; } .basket div.listtable ul.basketline li.basketdescription a.basketlinediscount { font-weight: normal; display: block; font-size: 0.9em; } .basket div.listtable ul.basketline li.basketremove a:link, .basket div.listtable ul.basketline li.basketremove input { display: block; width: 100%; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding-left: 20px; border: 0; background: none; cursor: pointer; text-align: left; font-size: 1em; outline: 0; height: 20px; -webkit-transition: ease-in-out 500ms; -moz-transition: ease-in-out 500ms; -o-transition: ease-in-out 500ms; transition: ease-in-out 500ms; } .basket div.listtable ul.basketline li.basketremove a:link { background: url(../images/basketRemove.png) no-repeat left center; margin-bottom: 5px; } .basket div.listtable ul.basketline li.basketremove input { background: url(../images/basketUpdate.png) no-repeat left center; } .basket div.listtable ul.basketline li.basketremove a:hover, .basket div.listtable ul.basketline li.basketremove a:active, .basket div.listtable ul.basketline li.basketremove input:hover, .basket div.listtable ul.basketline li.basketremove input:active { opacity: 0.6; filter: alpha(opacity="60"); -webkit-transition: ease-in-out 100ms; -moz-transition: ease-in-out 100ms; -o-transition: ease-in-out 100ms; transition: ease-in-out 100ms; } .basket div.listtable ul.basketline li.basketquantity input.inputitem { padding: 5px; margin: 0; border: 1px solid #aaa; background: #fff; outline: 0; text-align: center; width: 30px; margin-left: 10px; position: relative; } .basket div.listtable ul.basketline li.basketExtras img { max-width: 16px; margin-top: 5px; padding: 2px; vertical-align: top; } a.basketlinediscount { position: static; } #facebox, #facebox .popup, #facebox .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; max-height: none; } #facebox .content { max-height: 500px; overflow-y: auto; display: block; height: 494px; padding: 20px; background: none; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #facebox .close { right: 5px; background: none; padding: 0; line-height: 0; } #facebox .popup { padding: 30px; background: #fff; overflow: hidden; -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.3); width: 600px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } a.buttonbacktoshop { float: none; display: inline-block; width: 30%; text-align: center; margin-top: 5px; } /*irMenu*/ #nav .topNav { background: #fff; position: relative; z-index: 30; border-bottom: 2px solid #ebebeb; border-top: 2px solid #ebebeb; white-space: nowrap; height: 45px; } #nav .topNav li { padding: 0; height: auto; list-style: none; } #nav .topNav li a { color: #202020; height: auto; padding: 2px 10px; font-size: 1.1em; font-weight: bold; } #nav .topNav > li { display: inline-block; vertical-align: top; position: relative; padding: 3px 0 0 0; } #nav .topNav li.irMenuLvl1 a { font-size: 1em; } #nav .topNav li.irMenuLvl2 a { padding-left: 25px; font-size: 0.85em; } #nav .topNav li.irMenuLvl1:nth-of-type(n) { border-top: 2px solid #ebebeb; } #nav .topNav li.irMenuLvl1:first-of-type { border: 0; margin: 0; } #nav .topNav li.irMenuLvl2 a:before { content: "-"; position: relative; left: -10px; top: 0; } #nav .topNav li li { min-width: 100px; } #nav .topNav li li a { padding-right: 25px; } #nav .topNav .irMenuCol { display: inline-block; vertical-align: top; padding-left: 20px; } #nav .topNav .irMenuCol0 { padding: 0; } #nav .topNav a, #nav .topNav a:hover { background: none; } #nav .topNav a.menu:hover { background-color: #ebebeb; } #nav .topNav > li > a:hover, #nav .topNav li.irMenuOpen > a, #nav .topNav ul { background-color: #fff; } #nav .topNav > li > a:hover, #nav .topNav li.irMenuOpen > a { text-decoration: none; color: #d04177; } .no-js #nav .topNav ul { display: none; opacity: 1; } .no-js #nav .topNav li.irMenuOpen ul { display: block; } #nav .topNav ul { position: absolute; top: 100%; left: -15px; -webkit-box-shadow: 0 6px 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 5px 1px rgba(0, 0, 0, 0.2); padding: 15px; white-space: nowrap; z-index: 30; display: none; border: 2px solid #ebebeb; border-top-width: 0; } #nav .topNav li.irMenuOpen ul { z-index: 31; } #nav .topNav .irMenu a { position: relative; line-height: 30px; } #nav .topNav .irMenuActive a { font-weight: bold; color: #d04177; } #nav .topNav a.irMenuImg { position: absolute; top: 15px; right: 15px; height: 98%; height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); background: center top no-repeat; padding: 0; } /* Brand Scroller */ .irBrandsLogosHold { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-top: 6px; } .irBrandsLogosHold img { padding: 5px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; opacity: 0.5; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .irBrandsLogosHold img:hover { opacity: 1; -webkit-transition: 100ms; -moz-transition: 100ms; -o-transition: 100ms; transition: 100ms; } .irBrandsLogosMove { position: absolute; top: 0; left: 0; line-height: 0; } .brdPrev, .brdNext { position: absolute; top: 0; width: 30px; height: 100%; cursor: pointer; opacity: 0.5; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .brdPrev:hover, .brdNext:hover { opacity: 1; -webkit-transition: 100ms; -moz-transition: 100ms; -o-transition: 100ms; transition: 100ms; } .brdPrev { left: 0; } .brdNext { right: 0; } .brdPrev .icon { background: url(../images/brdChev.png) center left no-repeat; width: 9px; height: 100%; margin: auto; } .brdNext .icon { background: url(../images/brdChev.png) center right no-repeat; width: 9px; height: 100%; margin: auto; } /*Static Tables*/ .tab_container table, .formattedText table { border-collapse: collapse; } .tab_container table td, .formattedText table td, .tab_container table th, .formattedText table th { border: 1px solid #aaa; } .formattedText table tr:nth-of-type(odd), .tab_container table tr:nth-of-type(odd) { background: #fafafa; } .tab_container table th, .formattedText table th { background: #eee; } /*Homepage - Title*/ .featTitle { border-bottom: 0 none; color: #202020; font-size: 1.9em; font-weight: bold; margin: 25px 0 16px; padding: 0; text-align: center; } /* Site Index */ .siteindex a[href$='.ir']:before { content: "- "; } .siteindex a { padding: 2px 0; padding-left: 20px; display: block; } .siteindex a.lvl2, .siteindex a.lvl1[href$='.ir'] { padding-left: 40px; } .siteindex a.lvl3, .siteindex a.lvl2[href$='.ir'] { padding-left: 60px; } .siteindex a.lvl4, .siteindex a.lvl3[href$='.ir'] { padding-left: 80px; } .siteindex a.lvl5, .siteindex a.lvl4[href$='.ir'] { padding-left: 100px; } .siteindex a.lvl6, .siteindex a.lvl5[href$='.ir'] { padding-left: 120px; } .siteindex a.lvl7, .siteindex a.lvl6[href$='.ir'] { padding-left: 140px; } .siteindex a.lvl8, .siteindex a.lvl7[href$='.ir'] { padding-left: 160px; } .siteindex a.lvl9, .siteindex a.lvl8[href$='.ir'] { padding-left: 180px; } .siteindex a[href$='.ir'] + a[href$='.irc'] { padding-top: 15px; } /* Product Page Tabs */ .irTab { display: inline-block; margin-right: 25px; padding: 5px 0; text-align: center; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; color: #202020; vertical-align: top; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; cursor: pointer; border: 0 none; background-color: #fff; } .irTab:hover { background: #fff; color: #202020; -webkit-transition: 100ms; -moz-transition: 100ms; -o-transition: 100ms; transition: 100ms; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #d04177; } .irTab.active { background: #fff; border-bottom: 2px solid #202020; padding-bottom: 6px; } .irDetailTabCont { overflow: hidden; min-height: 250px; height: 250px; margin-top: 20px; position: relative; z-index: 1; padding: 0; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; transition: 600ms; border: 0 none; text-transform: none; } .irDetailTabHold { position: relative; z-index: 2; } a.irTabReadMore:visited, a.irTabReadMore:link, a.irTabReadMore { width: 100%; text-align: center; padding: 8px 0; display: inline-block; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; height: auto; margin-top: 20px; } .irDetailTabCont br { display: none; } /* Reviews Admin */ #reviewAdmin .reviewline { width: 100%; float: left; padding: 3px 0; } #reviewAdmin .reviewheaderline { font-weight: 700; font-size: 1.2em; } #reviewAdmin .oddline { background: #FF9; } #reviewAdmin .reviewline .reviewtext { width: 50%; float: left; } #reviewAdmin .reviewline .reviewactions { width: 8%; float: left; } #reviewAdmin label { margin-left: 40px; } #reviewAdmin form { margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid #AAA; } #reviewAdmin .reviewline .reviewname, #reviewAdmin .reviewline .reviewtitle { width: 20%; float: left; } /* Reviews */ .reviewLink, .writeReviewLink { cursor: pointer; } .productdetailwrap .reviewLink { padding: 0; } #ratingstarsbak, #footer div#ratingstarsbak, .reviewbody .reviewStars, .reviewStars { background: url(../images/ratingempty.png) top left; position: relative; height: 24px; width: 119px; display: inline-block; vertical-align: bottom; float: none; } #ratingstars, #footer div#ratingstars, .reviewStarsInner, .reviewbody .reviewStarsInner { background: url(../images/ratingfull.png) top left; height: 24px; float: none; } a.reviewLink:visited, a.reviewLink:link, a.reviewLink { padding-top: 10px; color: #444; display: inline-block; } #reviewscore { font-size: 1.4em; font-weight: bold; display: inline-block; padding: 0 5px; color: inherit; } #component_stockdetail_reviews { margin: 20px 0 10px; } #component_stockdetail_reviews #detailratings { display: inline-block; padding-right: 20px; margin: 0; color: inherit; } .reviewbody { margin: 10px 0 30px; padding: 20px; background: #eee; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; border: 0; float: none; width: auto; } .reviewbody:after { content: ""; position: absolute; left: 30px; top: 100%; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent transparent #eee; } .reviewTagLine { font-size: 1.3em; display: inline-block; padding-right: 10px; margin-bottom: 15px; float: none; width: auto; color: inherit; } .reviewerName { font-weight: bold; display: inline-block; float: none; width: auto; color: inherit; font-size: 1em; } .reviewerName:before { content: "- "; } .reviewbody .reviewStars, .reviewStars { position: absolute; top: 20px; right: 20px; } .reviewhelpblock { text-align: right; padding-top: 20px; float: none; width: auto; } .helpquestion { display: inline-block; float: none; } .helpquestion a, .helpquestion a:link, .helpquestion a:visited { display: inline-block; margin: 0 4px; float: none; } .stocklistingreview { display: none; } .reviewText { float: none; width: auto; padding: 0; } .helpline { float: none; } .reviewhelpblock .reviewhelpblock { padding: 0; } .stockthumb #ratingstarsbak { display: none; } #footer #reviewscore { display: inline-block; width: auto; } .webReviews #detailratings { display: inline-block; margin-right: 10px; } .webReviews { text-align: right; } /*Review Facebox*/ #facebox .popup #reviewbody label { display: block; font-size: 1em; color: inherit; float: none; line-height: inherit; } #facebox .popup #reviewbody .writereviewline input { width: 400px; padding: 5px; margin: 5px 0 10px 20px; height: auto; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; } #writereviewstars { margin-left: 20px; } .writereviewline { padding: 0; font-size: 1em; } #reviewbody .validation { background: none; padding: 5px; font-size: 1em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .reviewBtnHold { text-align: right; } #facebox .popup #reviewbody textarea { height: 100px; width: 400px; margin-left: 20px; margin-top: 5px; padding: 5px; resize: none; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 1em; } #facebox .popup #reviewbody a.button { display: inline-block; margin-top: 30px; margin-left: 330px; } #writereviewstars img { cursor: pointer; } #reviewbody { width: auto; } #reviewbody h2 { font-weight: bold; margin-bottom: 25px; } #reviewbody form { padding-left: 20px; } /*Video*/ a.irVideoThumb { width: 75px; height: 75px; display: inline-block; background-color: #000; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; position: relative; margin-right: 2px; cursor: pointer; } a.irVideoThumb:after { content: "\25b6"; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -20px; background: #cd201f; width: 40px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .irVideo { position: absolute; background: #000; height: 100%; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 999; } /*Payment Logos*/ #footer div.paymentLogo { background-image: url(../images/payment-logos-gs.png); height: 30px; width: 50px; display: inline-block; margin: 0 3px; } #footer div.paymentLogo.sagepay { background-position: -509px top; width: 127px; } #footer div.paymentLogo.worldpay { background-position: -75px top; width: 120px; } #footer div.paymentLogo.hsbc { background-position: -215px top; width: 166px; } #footer div.paymentLogo.paypal { background-position: -396px top; width: 100px; } #footer div.paymentLogo.mastercard { background-position: -661px top; } #footer div.paymentLogo.maestro { background-position: -717px top; } #footer div.paymentLogo.visa { background-position: -773px top; } #footer div.paymentLogo.securecode { background-position: -885px top; } #footer div.paymentLogo.verified { background-position: -941px top; } #footer div.paymentLogo.amex { background-position: -829px top; } #footer div.paymentLogo.jcb { background-position: -997px top; } /* Gallery */ .irGallery { position: relative; line-height: 0; z-index: 1; } .irGalleryMainHold { position: relative; padding: 20px; text-align: center; border: 1px solid #ebebeb; } .addImgs .irGalleryMainHold { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .irGalleryArrow { position: absolute; top: 0; height: 100%; width: 20px; cursor: pointer; z-index: 998; } .irGalleryArrow.prev { left: 0; } .irGalleryArrow.next { right: 0; } .irGalleryArrow:before { content: ""; background: url(../images/brdChev.png) 0 center no-repeat; width: 9px; height: 100%; position: absolute; top: 0; } .irGalleryArrow.prev:before { left: 5px; background-position: 0 center; } .irGalleryArrow.next:before { right: 5px; background-position: -9px center; } .irGalleryThumbs { padding: 20px; border-top: 0; position: relative; overflow: hidden; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } .irGalleryThumbs a { zoom: 1; filter: alpha(opacity=60); opacity: 0.6; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; margin-right: 20px; width: 100px; height: 100px; text-align: center; vertical-align: top; display: inline-block; overflow: hidden; } .irGalleryThumbs a:hover { filter: alpha(opacity=90); opacity: 0.9; -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } .irGalleryThumbs a.galActive { filter: alpha(opacity=100); opacity: 1; } .irGalleryThumbs a:last-of-type { margin: 0; } .scroll .irGalleryThumbs .irGalleryThumbHold { position: absolute; top: 20px; left: 20px; white-space: nowrap; } .scroll .irGalleryThumbs .irGalleryArrow { height: 100%; top: 0; margin: 0; background: #fff; background: rgba(255, 255, 255, 0.7); /* box-shadow: 0 0 15px 12px rgba(255,255,255,1); */ } .scroll .irGalleryThumbs { height: 100px; } /* Essential Stock */ .essentialStockHeading { font-size: 1.5em; padding: 20px 0 10px; text-align: center; } .essentialStockHold ul.detailstocklisting li.stockThumb { background: #fff; border: 0; width: 100%; height: auto; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; padding: 15px; } .essentialStockHold ul.detailstocklisting li.productThumbImage { float: left; width: 70px; height: 70px; } .essentialStockHold ul.detailstocklisting li.productThumbImage img { max-width: 70px; max-height: 70px; } .essentialStockHold .stockthumbwrapper { height: auto; } .essentialStockHold ul.blocklist li.formwrap { position: static; right: 0; display: inline-block; width: 312px; } .essentialStockHold .stockThumb li ul.formwrapper li { display: inline-block; width: 45%; vertical-align: middle; } .essentialStockHold .stockThumb li ul.formwrapper li.stockStatus { display: none; } .essentialStockHold ul.detailstocklisting li.stockThumb li.productThumbName { font-size: 1em; text-align: left; height: auto; display: inline-block; vertical-align: top; width: 158px; } .essentialStockHold ul.detailstocklisting li.stockThumb li.productThumbName:after { display: none; } .essentialStockHold ul.detailstocklisting li.stockThumb li.stockthumbprice { font-size: 1em; display: inline-block; width: 150px; vertical-align: top; } .essentialStockHold ul.detailstocklisting li.stockThumb li.stockthumbprice li { font-size: 1.2em; } .essentialStockHold ul.blocklist li.formwrap a.catpageaddtobasket { margin: 0; width: 150px; } .essentialStockHold .stockThumb li ul.formwrapper li.stockthumbaddbutton { text-align: right; width: auto; } .essentialStockHold .stockThumb li ul.formwrapper li.productqty { margin: 0; width: 158px; text-align: left; } /*CheckoutV2*/ .pageTemp-checkoutv2 #header { margin: 0; } .checkoutv2Login, .checkoutv2Address, .checkoutv2Basket, .checkoutv2DeliveryIn, .checkoutv2Checkout, .checkoutv2IframeHold, .checkoutv2FinanceOptions, .checkoutv2Thanks { border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px; margin-bottom: 10px; background: #fff; } .checkoutv2Left, .checkoutv2Right { width: 75%; display: inline-block; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .checkoutv2Right { width: 25%; padding: 0; position: relative; } .pageTemp-checkoutv2 label { font-size: 1em; color: #575757; font-weight: normal; width: 120px; display: inline-block; } .pageTemp-checkoutv2 label.fullLabel { width: auto; } .pageTemp-checkoutv2 label span.req { color: #c00; font-weight: bold; } .pageTemp-checkoutv2 input[type='radio'] { display: inline-block; width: auto; height: auto; padding: 0; } label.radioLabel { display: inline-block; padding-left: 20px; width: 160px; } .pageTemp-checkoutv2 h2 { margin-bottom: 30px; } .checkoutLoginButtons { padding-top: 30px; text-align: right; } .checkoutLoginButtons > * { display: inline-block; } .checkoutLoginButtons button.backButton, .checkoutv2Btns button.backButton { float: left; background-color: #aaa; } .checkoutv2Login input, .checkoutv2Address input[type='text'], .checkoutv2Address input[type='password'], .checkoutv2Address input[type='email'], .checkoutv2Address select, .checkoutv2DeliveryIn textarea { display: inline-block; width: 530px; margin: 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background: #fff; padding: 5px; height: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .checkoutv2Address input.error { border-color: #c00; border-width: 2px; } .checkoutv2DeliveryIn textarea { max-width: 100%; min-width: 100%; height: 70px; } .checkoutv2Login p { margin: 0; } .pclForm { padding: 10px; border: 1px solid #aaa; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; margin: 20px 0 10px; } .pclForm .buttonHold { text-align: right; } .checkoutv2Btns { margin-top: 10px; text-align: right; clear: both; } .checkoutBtn { margin-left: 5px; padding: 5px 30px; position: relative; } .checkoutv2BasketDetails { text-align: right; padding-top: 20px; } .checkoutv2BasketDetails span { display: inline-block; width: 65px; font-weight: bold; font-size: 0.9em; } .checkoutv2BasketDiv { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ddd; } .checkoutv2BasketLineTitle { overflow: hidden; text-align: left; } .checkoutv2BasketImg { float: right; padding: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #aaa; background-color: #fff; margin-left: 10px; } .checkoutv2BasketImg span { display: table-cell; text-align: center; vertical-align: middle; width: 40px; height: 40px; } .checkoutv2BasketImg img { vertical-align: middle; } .checkoutv2BasketLine { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .checkoutv2BasketPrice.wordSpace { word-spacing: 10px; } .checkoutv2BasketPrice { text-align: right; padding-top: 10px; padding-right: 5px; } .checkoutv2BasketPrice span { width: 60px; display: inline-block; font-weight: bold; font-size: 0.9em; } .checkoutv2Basket { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .checkoutv2ValidationMsg { color: #a00; } .checkoutBtn.btnLoading:after { content: ""; width: 100%; height: 100%; position: absolute; background: url(../images/loading.gif) no-repeat center center; top: 0; right: 0; } .checkoutv2BasketDiscount { padding-top: 15px; text-align: left; } ul.checkoutv2Steps { list-style: none; margin-bottom: 15px; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; background: #fff; } ul.checkoutv2Steps li { display: inline-block; padding: 5px 80px; color: #ccc; } ul.checkoutv2Steps li.active { color: #444; font-weight: bold; } ul.checkoutv2LoginChoice { list-style: none; text-align: center; padding: 10px 0; } .checkoutv2ThanksBtns { text-align: right; } .checkoutv2ThanksBtns a.btn { display: inline-block; padding: 5px 20px; } .deliveryAreaHold { padding-top: 20px; } a.buttonbacktoshop { display: inline-block; padding: 5px 10px; background: #aaa; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; } .pageTemp-checkoutv2 #header { border-bottom: 30px solid transparent; } .pageTemp-checkoutv2 .headerCenter { margin-left: -350px; } li.promomodemessage, li.vouchermessage { color: #dd042b; } li.vouchermessage.applied, li.promomodemessage.applied { color: #73c026; } .deliveryRadioMsg { margin-bottom: 20px; font-weight: bold; color: #000; padding: 10px 20px; border: 1px solid #c00; } .deliveryRadioMsg p { margin-bottom: 5px; } .deliveryRadioMsg ul { padding-left: 30px; } .pageTemp-checkoutv2 .checkoutv2Checkout label { width: 600px; } .pageTemp-checkoutv2 #header { overflow-x: hidden; } .deliveryRadioLine { padding: 5px 10px; margin-bottom: 5px; border-bottom: 1px solid #ddd; } .deliveryRadioLine:last-of-type { border: 0; margin: 0; } .deliveryRadioLine input[name="carriageregion"] { display: none; } .deliveryRadioLine label:before { content: "\25ef"; display: inline-block; width: 30px; } .deliveryRadioLine input[name="carriageregion"]:checked + label { font-weight: bold; } .deliveryRadioLine input[name="carriageregion"]:checked + label:before { content: "\2714"; color: #73c026; } .deliveryRadioLine label { cursor: pointer; display: inline-block; width: 90%; } .pageTemp-checkoutv2 label.deliveryRadioTitle { margin-bottom: 10px; } .deliveryDatePick { display: block; padding-left: 40px; padding-top: 10px; } .checkoutv2Address .deliveryDatePick select { width: 400px; } div#basketcontenttable ul.wrapLine { border-top: 0; } div#basketcontenttable ul.wrapLine li.basketdescription a { font-weight: normal; } .giftTagMsgLine { display: block; padding-left: 20px; } div#basketcontenttable ul.wrapLine li.basketitemimg { text-align: center; color: #aaa; vertical-align: top; } div#basketcontenttable ul.wrapLine li.basketquantity { text-align: center; padding-right: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.basketV2.listtable ul.listtableline.wrapped { border-bottom: 0; } .pageTemp-checkoutv2 .blank h2 { margin: 0; } .checkoutv2FinanceOptions a.actionbutton { float: none; margin: 0; display: inline-block; width: 100%; } .financeOptBtn { text-align: right; display: inline-block; width: 18%; vertical-align: top; } .financeOpt { padding: 0 20px 20px; margin: 0 0 20px; border-bottom: 1px solid #aaa; } .financeOpt:last-of-type { border: 0; margin: 0; padding: 0 20px 0; } .financeOptTitle { font-weight: bold; margin-bottom: 10px; } .financeOptDesc { display: inline-block; width: 80%; vertical-align: top; } .checkoutv2DeliveryAdd { padding-top: 10px; } .reqMsg { margin-bottom: 10px; } /*Blog*/ .irWpPost { padding: 20px; margin: 10px 0; } .irWpPost div a[rel="nofollow"], .irWpPost div br, .irWpPost div > img[width="1"][height="1"] { display: none; } /*Alerts*/ .irAlert { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #000; background: transparent\9; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc000000',endColorstr='#cc000000'); zoom: 1; color: #fff; text-align: left; } body > .irAlert { position: fixed; z-index: 9999999; } .irAlertBtns button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: #aaa 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: 0; padding: 10px; width: 40%; margin: 0 0 0 5px; color: #444; text-shadow: 0 1px 1px #fff; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background-color: #fff; cursor: pointer; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .irAlertBtns button:hover { background-color: #eee; -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; } .irAlertBtns button:active { background-color: #fff; -webkit-transition: 10ms ease-in-out; -moz-transition: 10ms ease-in-out; -o-transition: 10ms ease-in-out; transition: 10ms ease-in-out; } .irAlertMsg { display: inline-block; width: 80%; } .irAlertBtns { display: inline-block; width: 20%; text-align: right; } .unsubForm { padding: 20px; } .unsubForm input { display: block; margin: 10px 0 10px 20px; padding: 5px; background: #fff; outline: 0; width: 90%; } .unsubForm label { font-size: 1em; } /*-------------------------*\ Store Page Slider \*-------------------------*/ #map_canvas { height: 300px; } #locations { list-style: none; display: inline-block; width: 33%; vertical-align: top; margin: 0 1% 0 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .longdesc { display: none; } #map-hold { display: inline-block; width: 66%; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #locations li { cursor: pointer; padding: 15px; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; background: #eee; } #locations h2 { font-size: 1em; font-weight: normal; margin: 0; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; } #locations li:hover { padding-left: 20px; background: #ddd; } #locations li:active, #locations li.active { padding-left: 25px; background: #D33794; color: #fff; } #locations li:active h2, #locations li.active h2 { color: #fff; } .descLine { display: inline-block; width: 33%; } #more-info-cont { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } #more-info { background: #eee; margin-top: 10px; padding: 20px; } #more-info h2 { font-weight: bold; margin-bottom: 20px; font-size: 1.2em; } #more-info h3 { font-weight: bold; } /*--------------*\ InfScroll \*--------------*/ .infScrollBtn { background-color: #d4d7d9; height: auto; margin-top: 10px; padding: 15px; text-shadow: none; width: 100%; } #pagenumber { height: auto; padding: 5px 0; } /*--------------*\ irShare \*--------------*/ .irShare { border-bottom: 5px solid #f4f4f4; border-top: 5px solid #f4f4f4; display: block; margin: 10px 0 20px; padding: 15px 0; position: relative; text-align: left; } .irShare a:link, .irShare a:visited, .irShare a { padding: 17px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; display: inline-block; height: auto; position: relative; z-index: 2; -webkit-transition: 200ms ease-out; -moz-transition: 200ms ease-out; -o-transition: 200ms ease-out; transition: 200ms ease-out; cursor: pointer; margin: 0 10px 0 0; vertical-align: top; background-color: #202020; } .irShare a:hover, .irShare a:focus, .irShare a:active { background-color: #d04177; } .irShare a:before { content: ""; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; background-image: url(../images/lnkSocial.png); } .irShare a.lnkFacebook:before { background-position: 0 0; } .irShare a.lnkGoogle:before { background-position: -16px 0; } .irShare a.lnkInstagram:before { background-position: -32px 0; } .irShare a.lnkMail:before { background-position: -48px 0; } .irShare a.lnkPinterest:before { background-position: -64px 0; } .irShare a.lnkTwitter:before { background-position: -80px 0; } /******************\ Swatches \******************/ h2.optionTitle { margin: 0 0 20px; padding: 20px 0 10px; border-bottom: 1px solid #aaa; float: none; width: 100%; font-weight: bold; } a.articleOptionImage { display: inline-block; vertical-align: top; margin: 0 10px 10px 0; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; background: #fff; text-align: center; width: 100px; } a.articleOptionImage:after { display: block; content: attr(data-title); padding: 10px; background: #aaa; color: #fff; line-height: 16px; } .component_stockdetail #imagescontainer a.articleOptionImage img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #components_option_images { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*Suggest Search*/ #headersearch { position: relative; margin-left: 65px; width: 310px; } .suggestSearch { position: absolute; top: 100%; left: 0; width: 100%; display: none; z-index: 100; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6); overflow: hidden; } #headersearch .suggestSearch a.sugSrch, #headersearch .suggestSearch a.sugSrch:link, #headersearch .suggestSearch a.sugSrch:visited, #headersearch .suggestSearch a.sugSrch:hover, #headersearch .suggestSearch a.sugSrch:active { background: none; border: 0; padding: 10px 20px; margin: 0; color: #444; border-bottom: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: left; text-shadow: none; display: block; font-size: 1em; top: 0; position: relative; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } #headersearch .suggestSearch a.sugSrch.hover, #headersearch .suggestSearch a.sugSrch.hover:link, #headersearch .suggestSearch a.sugSrch.hover:visited { background: #ccc; -webkit-transition: 50ms ease-in-out; -moz-transition: 50ms ease-in-out; -o-transition: 50ms ease-in-out; transition: 50ms ease-in-out; } #headersearch .suggestSearch a.sugSrch.hover:hover, #headersearch .suggestSearch a.sugSrch:hover { background: #ddd; -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } #headersearch .suggestSearch a.sugSrch:active { background: #eee; -webkit-transition: 50ms ease-in-out; -moz-transition: 50ms ease-in-out; -o-transition: 50ms ease-in-out; transition: 50ms ease-in-out; } #headersearch .suggestSearch a.sugSrch:last-of-type { border-bottom: 0; } .sugSrchPriceHold { position: absolute; bottom: 10px; right: 20px; } .sugSrchDesc { padding-bottom: 5px; } .sugSrchCode { color: #aaa; font-size: 0.9em; padding-bottom: 10px; } .sugSrchDisc { color: #5a5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #5a5; overflow: hidden; max-width: 120px; text-overflow: ellipsis; padding: 2px 10px; display: inline-block; white-space: nowrap; margin-right: 10px; vertical-align: bottom; font-size: 0.8em; } /****************\ ToggleAisde \****************/ .container { position: relative; } .article { float: right; } .aside { overflow: hidden; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; float: left; margin-top: 7px; } .toggleAside { margin-bottom: 10px; position: relative; } .toggleAside:before { content: "Show Menu"; } .toggleAside.open:before { content: "Hide Menu"; } .toggleAside:after { content: ""; position: absolute; right: 10px; border-style: solid; border-width: 0 5px 5px; border-color: transparent transparent #fff; top: 13px; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .toggleAside.open:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #stocklisting { position: relative; left: 0; width: 720px; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; background: #fff; } .index #stocklisting { margin-bottom: 12px; max-height: 370px; overflow: hidden; width: auto; } /****************\ HomePageTabs \****************/ .homePageTabHold { text-align: center; border-bottom: 1px solid #aaa; padding: 20px 0 0; margin-bottom: 8px; } .homePageTab { padding: 10px 40px; cursor: pointer; margin: 0 5px -1px; border: 1px solid #aaa; color: #444; background: #ddd; -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; display: inline-block; font-size: 1.2em; } .homePageTab.active, .homePageTab.active:hover { border-bottom-color: #fff; background-color: #fff; } .homePageTab:hover { background-color: #eee; border: 1px solid #aaa; color: #444; } .homeTabLoading { text-align: center; font-weight: bold; padding: 50px 0; } /**** BUG SQUISHING ****/ /* Metakey admin fixes */ #adminstoredineditor, #adminbody { background-color: transparent; } #admincontainer .checkoutcontainer form { margin: 0; background-color: transparent; background-image: none; border: 0; padding: 0; color: #000; float: none; width: auto; } #admincontainer .checkoutcontainer form input { width: auto; } #admincontainer textarea { width: 612px; height: 50px; } #admincontainer a { color: #444444; } #admincontainer a:hover, #admincontainer a:active { color: #444444; text-decoration: underline; } /*Website Management Area*/ .editorcolourrow { background-color: #ddd; } /*Safari inline button spacing*/ @font-face { font-family: 'inline-block'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAREAA8AAAAABjAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcZhKVeUdERUYAAAF0AAAAHAAAACAAMgAET1MvMgAAAZAAAABDAAAAYG8LT11jbWFwAAAB1AAAAE0AAAFawBQnGWN2dCAAAAIkAAAABAAAAAQARAURZ2FzcAAAAigAAAAIAAAACAAAABBnbHlmAAACMAAAAGEAAABoJ54Dp2hlYWQAAAKUAAAALgAAADb7cuTdaGhlYQAAAsQAAAAdAAAAJAgAB95obXR4AAAC5AAAABQAAAAUFuwARGxvY2EAAAL4AAAADAAAAAwAWACMbWF4cAAAAwQAAAAfAAAAIABJADluYW1lAAADJAAAAOMAAAHgJGtDI3Bvc3QAAAQIAAAAMQAAAEPCf+Zpd2ViZgAABDwAAAAGAAAABpymUMgAAAABAAAAAMw9os8AAAAAzOalhQAAAADM7k0keNpjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3jaY2BmY2CcwMDKwMJqzHKWgYFhFoRmOsuQxpQG5AOl4ICRAQmEeof7MTgw8D5gYEv7B1TJOotBA02NAgMjABIYCh4AeNpjYGBgZoBgGQZGBhAIAfIYwXwWBgsgzcXAwcAEhAwMvAwKDxj+/wergrEZ/3/9/1iBBaoXChjZGOACjCCdTAyogBFi5XAGAHUwCw0AAAAARAURAAEAAf//AA942mNgYnBhYGBKYQ1lYGZgZ9DbyMigb7OJnYXhrdFGNtY7NpuYmYBMho3MIGFWkPAmdjbGPzabGEHixoKKgqqKgoouTAr/VBhn/MtgDf212oXlLAMDAyMDEjBkAACuEhZiAAAAeNpjYGRgYGBkcJSTmSUez2/zlUGegwEEzrzzVUWmmVJYQ4EUBwMTiAcA8dIIFwAAeNpjYGRgYJ31/wYDAwcDCDClMDAyoAJWAFJhAuwAAAAC7ABECAAAAAgAAAAAAAAABAAAAAAAACwALAAsACwANHjaY2BkYGBgZeBgYGIAARDJyAASc2DQAwkAAAScAIMAeNqljs1OwkAUhb8RMLAxxgVL06UbSFsk/CWsCBsTQjTK2lZUAkLCnz4ivApPwWE61NitaebOd86993SAEktymHwJwzU4vuBKKuEc99w6zuPx6LjAT7p7qYmD4xs8U3S8o2zuHO/xTZc5Y76V0mchXittzAcbZrwqLaCKry+gwzMPjBiIkp3zRiWzk030Mv0XqSUrJrbv/fnHkCc5ifp1PzW5Jrbz23SjSkO1w5dSp8o8zbzLnSk5IhTV7WlSk2r989UjqUj5527yhpP7JtXTHVs3tNWnrVOzNZAT2js8As27QLYAeNpjYGIAg//pDGkM2AArAwMjEyMzAzMjC1t6TmVBhiF7aV6mgYGBC4h2BTIAv3wIjQAAAAABUMicpQAA) format("woff"); } .addtobasketqty { font-family: 'inline-block'; } /* -- Click & Collect -- */ .addressSearchHold { padding: 0 0 20px; } .checkoutv2Tabs { margin-bottom: -1px; } .checkoutv2Tab { width: 25%; cursor: pointer; background: #eee; border: 1px solid #aaa; height: 40px; line-height: 40px; margin: 0 2% 0 0; text-align: center; display: inline-block; font-size: 1.2em; } .checkoutv2Tab.active { border-bottom: 0; padding: 0 0 1px; background: #fff; } .collectionStores { display: inline-block; width: 40%; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .collectionStoresFull { width: 100%; padding: 0; } .collectionMap { display: inline-block; width: 60%; vertical-align: top; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); min-height: 400px; } .collectionStore { padding: 10px; border: 1px solid #aaa; margin: 0 0 10px; cursor: pointer; position: relative; } .collectionStore:before { position: absolute; bottom: 5px; right: 5px; width: 20px; height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ddd; color: #4BBE29; content: ""; font-size: 2em; line-height: 19px; text-indent: 1px; } .collectionStore.active { border-color: #4BBE29; } .collectionStore.active:before { content: "\2714"; } .collectionStore:last-of-type { margin: 0; } .collectionOutOfStock { opacity: 0.8; background: #eee; cursor: initial; } .collectionOutOfStock:before { display: none; } .collectionMessage { margin: 0; padding: 20px 0; } .collectionLookup { text-align: right; } .checkoutv2Address .collectionLookup input[type='text'] { width: 250px; } .collectionLookupBtnHold { display: inline-block; margin-left: 10px; } @media (min-width: 800px) { #footer li.mobOnly, .mobOnly { display: none; } } /***************************\ New Build Styles \***************************/ body { background-image: url("../images/background.png"); background-position: center top; background-repeat: repeat; color: #9b9b9b; font-family: "Montserrat",Helvetica,Arial,sans-serif; text-transform: uppercase; font-weight: 400; } #wrapper { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); padding: 0 30px; } ul.productsLayoutModeThumb li.stockthumbprice, ul.productsLayoutModeThumb li.stockthumbprice ul, ul.productsLayoutModeThumb li.stockthumbprice ul li { color: #d04177; float: none; height: 45px; text-align: center; width: 100%; } ul.productsLayoutModeThumb li.stockthumbprice ul li { font-size: 1.3em; } a.catpageaddtobasket { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div#subBannerHold { float: left; height: 380px; margin: 12px 0; width: 960px; } div.subBanner { float: left; width: 312px; margin-right: 12px; position: relative; } div.subBannerEnd { float: left; width: 312px; margin: 0; position: relative; } .formattedText h1 { color: #202020; margin-bottom: 20px; } .formattedText h2, .formattedText h3, .formattedText h4 { color: #202020; } #refinefurther, #refinecurrent, .asidebox, #quickshop, #asidebrowse { background: #fff none repeat scroll 0 0; border: 1px solid #ebebeb; margin: 0 0 10px; padding: 20px; width: 230px; } .aside h2, #footer h2, #refinecategory .refinetitle, #refinefurther .refinetitle, #quickshop .refinetitle { border-bottom: 1px solid #ebebeb; color: #202020; font-size: 1.1em; margin-bottom: 20px; padding-bottom: 10px; font-weight: bold; line-height: 1.2em; } #headermid { float: left; height: auto; width: 210px; text-align: center; } #footer div.newsletterDiv { background-color: #d4d7d9; background-image: url("../images/envelope.png"); background-position: 36px 22px; background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 45px; padding: 30px 130px 0; width: 100%; } #footer div#logos { width: 100%; text-align: center; margin: 30px 0 50px 0; } #footer div#logos img { display: inline-block; margin: 0 20px; } div#delivMsg { background: url("../images/icon-truck.png") no-repeat 0 0; float: left; padding: 0 0 0 40px; margin: 46px 0 0 0; color: #202020; } div#telMsg { background: url("../images/icon-phone.png") no-repeat 0 7px; float: left; padding: 0 0 0 40px; margin: 30px 0 0 0; color: #202020; font-size: 1.5em; line-height: 1.5em; } div#telMsg span { color: #575757; font-family: "Verveine"; font-size: 1.2em; text-transform: none; } .pagebanner p { color: #9b9b9b; } .pagebanner h1 { color: #202020; font-size: 1.1em; padding: 0; } #footer div.socialLinks { width: 960px; text-align: center; background: url("../images/followText.png") no-repeat top center #fff; padding: 45px 0 0 0; } #footer div#flowers { width: 960px; text-align: center; background: url("../images/flowersBg.png") repeat-x 0 45% #fff; position: relative; } #footer div#flowers:before { content: ""; background: url("../images/daisy.png") no-repeat left center #fff; height: 60px; width: 72px; float: left; z-index: 10; } #footer div#flowers:after { content: ""; background: url("../images/daisy.png") no-repeat right center #fff; height: 60px; width: 72px; float: right; z-index: 10; position: absolute; top: 0; right: 0; } #footer div#newsformwrap > input[type="submit"] { background-color: #ababab; } #footer div#newsformwrap > input[type="submit"]:hover, #footer div#newsformwrap > input[type="submit"]:active, #footer div#newsformwrap > input[type="submit"]:focus { background-color: #d04177; } div.currency label { color: #202020; font-size: 0.9em; font-weight: 400; } ul.detailextras a:hover, ul.detailextras a:active { color: #202020; } ul.detailstocklisting li.stockThumb li.productThumbName { height: 75px; line-height: 1.2em; overflow: hidden; text-align: center; } div#headerright div.currency { float: none; text-align: right; margin: 9px 0; } #headersearch input.hdrSrch, #headersearch input.hdrSrch:visited { background: #fff url("../images/magnify-off.png") no-repeat scroll center center; width: 10%; border: 1px solid #d4d7d9; border-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; color: transparent; } #headersearch input.hdrSrch:hover, #headersearch input.hdrSrch:focus, #headersearch input.hdrSrch:active { background: #fff url("../images/magnify-on.png") no-repeat scroll center center; width: 10%; border: 1px solid #d4d7d9; border-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; color: transparent; } #headersearch input[type="text"], #headersearch input[type="text"]:focus { background-color: #fff; border: 1px solid #d4d7d9; border-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; width: 90%; } #footer div#linksContain { background-color: #fff; margin: 0 auto; padding: 0 7px 0 15px; text-align: center; width: 410px; } #refinefurther .refineblock form[name="searchform"] input[type="submit"], #refinefurther .refineblock form[name="searchform"] input[type="submit"]:visited { background: #fff url("../images/magnify-off.png") no-repeat scroll center center; border: 1px solid #b8b8b8; border-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; color: transparent; } #refinefurther .refineblock form[name="searchform"] input[type="submit"]:hover, #refinefurther .refineblock form[name="searchform"] input[type="submit"]:focus, #refinefurther .refineblock form[name="searchform"] input[type="submit"]:active { background: #fff url("../images/magnify-on.png") no-repeat scroll center center; border: 1px solid #b8b8b8; border-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; color: transparent; } div.detailInfo .productdetailwrap .stockStatus span { top: 0; } .formattedText img { margin-bottom: 20px; } .irBanBar2 { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 35px; box-sizing: border-box; color: #fff; height: 90px; left: 30px; line-height: normal; padding: 15px; position: absolute; text-align: center; width: 252px; } .irBanBar h2, .irBanBar2 h2 { color: #fff; font-size: 2em; font-weight: normal; margin: 5px 0 7px; padding: 0; text-transform: uppercase; } .irBanBar p, .irBanBar2 p { color: #fff; text-transform: uppercase; margin: 0; padding: 0; font-size: 1.1em; } .stockthumbFormat4 .stockthumbwrapper .productThumbImage { background-color: #fff; margin-right: 10px; text-align: center; width: 210px; } div#recentlyviewedbody li.stockthumbprice ul li { color: #d04177; font-size: 1.3em; text-align: center; width: 100%; } .asidebox p, ul.vandp, div#freedelivery { text-transform: none; } #headersearch input.hdrSrch, #footer div#newsformwrap > input[type="submit"]{ -webkit-appearance: none; } /***************************\ QA Edits \***************************/ .pageTemp-checkoutv2 label.deliveryRadioTitle { width: 160px; } .article.full { float: none; } /* Metakey admin fixes */ #adminstoredineditor, #adminbody { background-color: transparent; } #admincontainer .checkoutcontainer form { margin: 0; background-color: transparent; background-image: none; border: 0; padding: 0; color: #000; float: none; width: auto; } #admincontainer .checkoutcontainer form input { width: auto; } #admincontainer textarea { width: 612px; height: 50px; } #admincontainer a { color: #444444; } #admincontainer a:hover, #admincontainer a:active { color: #444444; text-decoration: underline; } ul.productsLayoutModeThumb li.stockthumbprice ul li { height: 20px; } ul.detailstocklisting li.stockThumb li.productThumbName { height: 58px; line-height: 1.2em; overflow: hidden; text-align: center; } .irMore > div p { padding: 5px 0; margin: 0 0 1.5em; } @font-face{font-family:verveine;src:url(/template/fonts/verveine.woff2) format("woff2"),url(/template/fonts/verveine.woff) format("woff");font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:"Verveine";src:url(/template/fonts/verveine.woff2) format("woff2"),url(/template/fonts/verveine.woff) format("woff");font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:tk-verveine-n4;src:url(/template/fonts/verveine.woff2) format("woff2"),url(/template/fonts/verveine.woff) format("woff");font-style:normal;font-weight:400;font-display:swap} .no-js #nav .topNav > li:hover > ul,.no-js #nav .topNav > li:focus-within > ul,#nav .topNav > li:hover > ul,#nav .topNav > li:focus-within > ul{display:block} .irBanHold .irBan:first-child{display:block} .irBrands{height:auto!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px 0} .irBrands a{display:inline-block} .irBrands img{max-height:44px;width:auto;padding:8px 22px;opacity:.55} .irBrands img:hover{opacity:1} .container>.article,.container>.aside{padding-top:112px} .container>.article.full{padding-top:0;margin-top:0} .container>.article.full>div:first-child{padding-top:276px} .irDetailTabHold ul.tabs{display:none} .irTabCont{display:none} .irTabCont.active{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important} #tabsholder .tab_container{height:auto!important;overflow:visible!important} a.irTabReadMore{display:none!important} .irDetailTabCont{height:auto!important;overflow:visible!important} .irDetailTabHold .irTab:not(.active){display:none} .irDetailTabHold .irTab.active{cursor:default} html.rdlb-lock{overflow:hidden} .rdlb{position:fixed;inset:0;top:0;left:0;right:0;bottom:0;z-index:9999;display:none; background:rgba(32,32,32,.92);align-items:center;justify-content:center;padding:40px} .rdlb.is-open{display:flex} .rdlb-fig{margin:0;max-width:92vw;max-height:92vh;text-align:center} .rdlb-img{max-width:88vw;max-height:82vh;width:auto;height:auto;display:block;margin:0 auto; background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.5)} .rdlb-cap{color:#f2f2f2;font-size:1.1em;letter-spacing:.04em;text-transform:uppercase;padding:14px 0 0} .rdlb-close,.rdlb-prev,.rdlb-next{position:absolute;background:none;border:0;color:#fff;cursor:pointer; line-height:1;padding:10px;opacity:.75;font-family:Arial,Helvetica,sans-serif} .rdlb-close:hover,.rdlb-prev:hover,.rdlb-next:hover{opacity:1;color:#d04177} .rdlb-close{top:14px;right:20px;font-size:44px} .rdlb-prev,.rdlb-next{top:50%;transform:translateY(-50%);font-size:64px} .rdlb-prev{left:16px}.rdlb-next{right:16px} a.MagicZoomPlus{display:block}