/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* @FONT-FACE */ @font-face { font-family: 'ComfortaaBold'; src: url('../files/Comfortaa_Bold-webfont.eot'); src: url('../files/Comfortaa_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../files/Comfortaa_Bold-webfont.woff') format('woff'), url('../files/Comfortaa_Bold-webfont.ttf') format('truetype'), url('../files/Comfortaa_Bold-webfont.svg#ComfortaaBold') format('svg'); font-weight: normal; font-style: normal; } /* Controls the complete HTML Body */ body { background: fixed #FFFFFF url(../Files/bg.jpg) -330px 178px repeat-x; color: #000000; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; } /* Controls the customisable centre section of the HTML Body */ #bodywrapper { background-color: #FFFFFF; margin-left: auto; margin-right: auto; position: relative; text-align: left; width: 960px; } /* Site Master */ div.content { margin: 0; padding:0 9px;} div.maincontent { width: 100%; margin-top:29px;} div.maincontent .mainleft { float: left; margin-right:27px;} div.maincontent .maincentre[style] { float: left; padding: 0; width:780px !important;} div.maincontent .mainright { float: left; overflow: hidden; *margin-right: -1px; } div.footer { padding-top: 30px; margin-bottom: 20px; text-align: center; } /* basic selectors */ .space8 { padding: 8px } .space20 { padding: 20px } /* Controls the colour of the used links, when revisiting the pages during a session */ a:link, a:visited { color: #1ebe1e; text-decoration: none; } /* Controls the hover colour of the links */ a:active, a:hover { text-decoration: underline; } ul, li { list-style: none; padding: 0; margin: 0; } table { border-spacing: 0; border-width: 0; } table, th, tr, td { padding: 0 } th, td { vertical-align: top } /* Controls the characteristics of heading 1 in HTML pages, and also the stock description in stock detail page */ h1 { font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #003271; margin-top: 10px; margin-bottom: 10px; } /* Controls the characteristics of heading 2 in HTML pages */ h2 { font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #1ebe1e; margin-top: 10px; margin-bottom: 10px; } /* Controls the characteristics of heading 3 in HTML pages */ h3 { font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #003271; margin-top: 5px; margin-bottom: 5px; } /* Controls the characteristics of heading 4 in HTML pages */ h4 { font: bold 100% Verdana, Arial, Helvetica, sans-serif; color: #003271; } img { border: 0 } /* Controls the characteristics of a lines drawn in the HTML pages */ hr { color: #C0C0C0; height: 1px; } hr.light { color: #C0C0C0; height: 1px; border-style: dashed; } form { margin: 0; padding: 0; } /* Controls the font of details keyed in. Add a color line here if you don't want to use the standard defined in the body wrapper */ input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif } fieldset { border: 1px solid #DFDFDF; padding: 10px 10px 10px; margin-top: 4px; } legend { font-weight: bold } fieldset div { padding-top: 5px } .wordwrap { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ vertical-align: top; ; } .hidden { display: none } .validsummary ul, .validsummary li {} /* top cart/login menu */ /* Controls the positioning of the Login Menu. Add color line if you want to change the colour */ .uppermenu { position: absolute; top: 1px; right: 46px; z-index:201; height: 27px; color:#1ebe1e; font-weight:bold; font-size:12px; text-align:right;} /* Controls display of My Account and Log Out prompts. Add a color line to change the colour of items */ .uppermenu li { display: inline; } /* Controls display of the first item. */ .uppermenu li.first { border-left: none; visibility:hidden;} /* Controls display of Customer User Name. */ .uppermenu li span.username { padding: 0 5px } /* Controls how the Visited options are displayed. Add a Color line to change the Colour when the mouse is clicked */ .uppermenu li a:link, .uppermenu li a:visited { padding: 0 5px; text-decoration: none; color:#1ebe1e;} /* Controls the Hover over a Prompt. Add a Color line to change the Colour when the mouse is over a prompt */ .uppermenu li a:active, .uppermenu li a:hover { text-decoration: underline } /* Controls the formatting of the cart link */ .uppermenu li#trg_slidingcart{border:none;} /* Controls the position of the cart icon */ #ctl00_HeaderTop_Content_3_lvTop_imgCart{position:relative; top:12px;} /* Controls the 'Free Deliver' callout on banner */ #ctl00_HeaderTop_Content_105_Content_158_pnlContentData{color:#f0592a; font-size:19px;} /* Controls the position etc of the FAQ and Facebook buttons in banner */ #faq_banner_link{position:absolute; top:-14px; right:354px;} #facebook_banner_link{position:absolute; top:-14px; right:298px;} /* free shipping callout*/ /* Controls the positioning and styling of the FREE SHIPPING callout */ div#ctl00_HeaderTop_Content_105_Content_158_pnlContentData{position:absolute; left:23px; top:139px; width:100%;} /* header toolbar menu */ /* Controls the characteristics of the Main Menu. The file menu-bg.gif is the Menu background Bar */ div.mainMenu { width: 100%; height: 30px; background: #1ebe1e; font-size: 14px; font-weight: bold; } /* Controls the Size and Colours of Main Menu items and when mouse hovers over them. current-bg.gif controls the Background when the mouse is clicked on a menu item */ div.mainMenu li { display: block; float: left; margin: 0 0 0 15px; height: 30px; } div.mainMenu li a { height: 30px; color: #fff; text-decoration: none; display: block; float: left; line-height: 30px; padding: 0 15px 0 0; } div.mainMenu li a:hover { text-decoration:underline; } div.mainMenu li a.current { text-decoration:underline; } /* search bar */ /* Controls the main container holding the search bar */ #ctl00_HeaderBottom_pnlContentContainerData{width:400px; position:absolute; right:9px; top:174px;} /* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */ div.bar { height: 30px; font-size: 14px; color: #fff; font-weight: bold; vertical-align: middle; z-index:198;} div.bar div {height:30px; text-align:right; padding-top:8px;} div.bar div input {display:inline-block; height:18px; position:relative; right:3px; top:-1px; margin-left:5px;} div.bar div a {} div.bar div a img {display:none;} /* Controls the characteristics of the text control */ .searchtextbox { font-size: 12px; width: 180px; } /* Category navigation menu */ /* Controls the placement of the category box */ #ctl00_MainLeft_Content_10_pnlContentData{position:relative; top:-11px;} /* Controls the display characteristics of the Category List */ .categorymenu { vertical-align: top; padding: 0 0 4px 15px; } .categorymenu ul { padding: 0; } /* Controls the display characteristics of the Category List */ .categorymenulevel { color: #006FB1; font-size: 13px; font-weight: bold; padding-left: 0 !important; text-transform:uppercase;} .categorymenulevel li a { color:#000; text-decoration:none; line-height:16px;} /* Controls the characteristics of the category List when Hovering */ .categorymenulevel a:hover { color: #1ebe1e; font-weight: bold; text-decoration: none; } .categorymenulevel li { padding-top: 5px } /* Controls the characteristics of the category List when Mouse is clicked */ .categorymenulevel li a.selected { color: #1ebe1e; font-weight: bold; text-decoration: none; } /* Controls second level */ .categorysubmenulevel2 { color: #000; font-size: 12px; font-weight: normal; text-decoration: none; text-transform:none;} .categorysubmenulevel2 li a{line-height:12px;} .categorysubmenulevel2 li a:hover{font-weight:normal;} .categorysubmenulevel2 li.selected a:hover{font-weight:bold;} /* Controls third level */ .categorysubmenulevel3 { color: #000; font-size: 12px; font-weight: normal; text-decoration: none; text-transform:none; margin-left:8px; margin-bottom:3px;} .categorysubmenulevel3 li a{line-height:12px;} .categorysubmenulevel3 li a:hover{font-weight:normal;} .categorysubmenulevel3 li.selected a:hover{font-weight:bold;} /* Controls fourth level */ .categorysubmenulevel4 { color: #000; font-size: 12px; font-weight: normal; text-decoration: none; text-transform:none;} .categorysubmenulevel4 li a{line-height:12px;} .categorysubmenulevel4 li a:hover{font-weight:normal;} .categorysubmenulevel4 li.selected a:hover{font-weight:bold;} /* Controls the characteristics of Login Page */ .logincontainer { } .loginmessage { } .logintable {width: 690px; border: 1px solid #DFDFDF; font-family: Verdana, Arial, Helvetica, sans-serif; } .logincellleft { width: 340px; float: left; border-right: 1px solid #DFDFDF; } .logincellright { width: 349px; float: right; } /* Controls characteristics of Login Header displayed */ .loginheader { height: 26px; line-height: 26px; background-color: #1ebe1e; font-weight: bold; color: #FFFFFF; vertical-align: middle; text-align: center; font-size:13px;} .loginheadercell { } /* Controls the Login Box characteristics. Add a color line to change Font colour */ .loginbody { border-top: 1px solid #DFDFDF } .logincell { height: 135px } .logincellinner { margin: 5px } .logincelltext { display: inline-block !important; width: 100px !important; } /* Controls the New Customer display characteristics. Add a color line to change Colour */ .logincreatecell { height: 135px; line-height: 135px; vertical-align: middle; text-align: center; } .loginrememberme { } .loginbutton { padding-right: 15px; text-align: right; } .loginforgotpwd { } /* Controls characteristics of Password Recovery Page */ .passwordrecoverycontainer { } .passwordrecoverymessage { } .passwordrecoverybody { } .recoverpwdtable { width: 350px; border: 1px solid #DFDFDF; font-family: Verdana, Arial, Helvetica, sans-serif; } /* Controls characteristics of Password Recovery Header displayed */ .recoverpwdheader { height: 26px; line-height: 26px; background-color: #1ebe1e; font-weight: bold; color: #FFFFFF; vertical-align: middle; text-align: center; font-size:13px;} /* Controls characteristics of Password Recovery Body displayed */ .recoverpwdbody { background-color: #FFFFFF; color: #333333; border-top: 1px solid #DFDFDF; text-align: left; padding:10px;} .recoverpwdcomment { padding: 10px 0 0 10px } .recoverpwdemail { padding: 10px 0 0 10px } .recoverpwdtext { display: inline-block; width: 100px; vertical-align: top; } .recoverpwdvalue { display: inline-block; width: 235px; } .recoverpwdbutton { text-align: right; padding: 10px 15px; } /* Prices Style */ /* Controls display of Selling Prices, Amount saved, and New Product text in the Product View Panel. Add a color line to change the colour of prices */ .internetprice { font-size: 13px; text-decoration: line-through; } .currentprice { font-weight: bold; font-size: 13px; color: #000; } .saveamount { font-size: 13px; color: #b22222; } .newstyle { font-weight: bold; color: #b22222; } .error { color: #f00; font-weight: bold; } .success { color: #002E6C; font-weight: bold; } .negative { color: #b22222 } /* Availibility Description */ /* Controls characteristics of Stock Availability prompt */ .availablenow { color: #000000; font-weight:bold; } /* Controls the characteristics of the Stock Availability Message */ .delayeddelivery { color: #b22222 } /* Controls the characteristics of the Stock Availability Message */ .outofstock { font-weight: bold; color: #b22222; } /* Controls the display of Checkout Page */ .checkoutcontainer { } .checkoutmessage { } .checkoutbody { } /* Controls the display of Checkout Header background */ .checkoutheader { font-size: small; color: Gray; text-align: left; margin-bottom:10px;} /* Controls display of Current step */ .highlightheader { color: #5A5A5A; font-weight: bold; } .stylesection { padding: 10px; border-top: 1px dashed #C0C0C0; } /* This controls the 'Please Make your Selections' text in the Stock Item Display text */ .hookline { font-style: italic; font-weight:bold;} .loadingbox { position: absolute; top: 40%; left: 40%; border: 1px solid lightsteelblue; height: 50px; width: 250px; text-align: center; padding-top: 20px; } /* Controls display of Checkout Section Headings */ div.sectionbar {background:#1ebe1e; color:#fff; font-size:13px; font-weight:bold; height:26px; line-height:26px; padding-left:10px; text-transform:uppercase; vertical-align:middle; margin-bottom:10px;} /* Controls the display of the Body text within each Checkout Section */ div.sectiondata { padding: 3px 0 10px 20px; color: #000; font-size: 100%; font-weight: normal; } /* Controls the characteristics of Register Page */ .register { margin-top: 5px } .registermessage { } .registerbody { } /* Controls the display of the 'required fields comment' in Register New Customer section */ .registercomment { color: #003271; padding: 3px 0 3px 20px; font-size: 110%; } /* Controls the characteristics of left section displayed */ .registercellleft { width: 50%; float: left; } /* Controls the characteristics of right section displayed */ .registercellright { width: 50%; float: left; } /* Controls the characteristics of text area*/ .registercelltext { display: inline-block !important; width: 135px !important; } /* Controls the characteristics of input control area */ .registercellvalue { display: inline-block !important; width: 210px !important; } /* Controls the characteristics of newsletters and loyalty program prompts */ #trNewsLetter { padding-top: 5px } #trNewsLetter input { margin-left: 15px } #trJoinLoyalty { padding-top: 5px } /* Controls the characteristics of register button */ .registerbutton { padding-top: 15px; padding-right: 95px; } /* Controls the characteristics of complete register step */ .registercomplete { text-align: center; margin-top: 20px; } .registercomplete .completemessage { } .registercomplete .continuebutton { margin-top: 20px } /* Shopping Cart */ /* Controls the characteristics of Shopping Cart Screen */ .shoppingcart_topbuttons { width: 100%; margin-bottom:10px;} .shoppingcart_topbuttons .proceedbutton { text-align: right } .shoppingcart_bottombuttons { width: 100%; margin-top: 50px; margin-bottom: 10px; clear:both;} .shoppingcart_bottombuttons .continuebutton { float: left } .shoppingcart_bottombuttons .proceedbutton { float: right } /* Controls display of Section Headings in Order Detail Screen */ div.sectionheader { font-weight: bold; color: #1ebe1e; text-align: left; clear: both; display: block; font-size:17px; text-transform:uppercase; margin-top:10px;} /* Controls the characteristics of the text displayed for International Customers in the shipping section */ div.lightnotice { font-weight: normal; margin-top: 10px; margin-bottom: 10px; padding-top: 2px; } /* Controls the characteristics of the International Customers Header displayed in the shipping section */ div.notice { font-weight: bold; margin-top: 10px; margin-bottom: 10px; padding-top: 2px; } /* Controls display of text in the My Details screen wherever it is displayed */ .formsectiontext { width: 150px; text-align: left; line-height: 25px; } /* Controls the display of input keyed in the My Details screen */ .formsectionvalue { text-align: left; padding-left: 2px; } /* Contents */ /* Controls display of the inside of the containers for Promotions, Suggestions, Category List */ div.contents { margin-bottom: 15px; clear: both; } /* Controls display of the Header of the containers for Promotions, Suggestions, Category List */ div.contentsheader { font-size:13px; padding-left:15px; text-transform:uppercase; font-weight: bold; } div.contentsheader a { text-decoration: none } /* Controls background Color and borders for Promotions, Suggestions, Category List */ div.contentsdata { color: #000000; border-color: #002E6C; border-width: 1px; border-style: solid; padding: 0; } /* Style list filter/page bar */ /* Controls the display characteristics of the Filter By Panel */ div.styleresultbar { border: 1px solid #DFDFDF; margin-top: 4px; padding: 4px; overflow: hidden; text-align: left; clear: both; display: block; } /* Controls the characteristics of left content in container */ div.styleresultbar .filterby { margin-left: 0 !important; display: inline; float: left; position: relative; width: 200px; } /* Controls the characteristics of centre content in container */ div.styleresultbar .sortby { display: inline; float: left; position: relative; width: 220px; } /* Controls the characteristics of centre content in container */ div.styleresultbar .navpages { margin-top: 3px; margin-right: 0; display: inline; float: right; position: relative; text-align: right; } /* Category */ .productlist li { float: left;} .productlistlastcell { *overflow: hidden; *margin-right: -3px !important; } .productlistlastrow { border-bottom: 0 none !important } /* Controls the Style display background and borders in styles displayed in category page */ .stylesummarybox { margin: 0; padding: 5px 0; width: 100%; position: relative; } .stylesummaryimageholder { text-align: center } .stylesummaryimageholder img { vertical-align: middle } .lazy-image { background:transparent url(../files/loader.gif) no-repeat center center; min-height:30px; } .load-next-page { background:transparent url(../files/loader.gif) no-repeat center center; display:block; height:50px; width:100%; max-width:100%; clear:both; float:none; } .stylesummarytext { padding-top: 4px; text-align: left; } .stylesummarytext .textrow { overflow: hidden; text-overflow: ellipsis; } span.spn_CP .defaultpriceprefix { font-size: 90% !important; font-weight: normal !important; } /* Promotion text */ /* Controls the display characteristics of the Promotions Panel */ .promotionbox { font-size: 12px; border: 1px solid #DFDFDF; overflow: hidden; clear: both; } .promotionbox ul li { border-bottom: 0 none } .promotionimageholder { padding-top: 5px; text-align: center; } .promotionimageholder img { vertical-align: middle } .promotiontextholder { padding-top: 4px; text-align: center; } /* Suggestion text */ /* Controls the Text characteristics in the Suggestion Panel */ .suggestionbox { font-size: 12px; text-align: center; border: 1px solid #DFDFDF; overflow: hidden; clear: both; } /* Minicart text */ /* Controls the Text characteristics in the Minicart Panel */ .minicartbox { font-size: 90%; color: #000000; text-align: center; border: 1px solid #DFDFDF; } .minicartbox .productdetails { text-align: left; padding-top: 10px; width: 100%; } .minicartbox .productdetails .minicartcellleft { width: 30% } .minicartbox .productdetails .minicartcellright { width: 65% } /* Controls the display of the Minicart Empty Message */ .minicartbox .cartempty { font-size: 12px; color: #7F7F7F; padding: 5px 0; } /* Controls the display of the Minicart Subtotals */ .minicartbox .subtotal { font-size: 12px; font-weight: bold; padding-bottom: 5px; } /* Controls the display of the asterisk for Required Fields. Add a color line to change the colour */ .sign { display: inline-block; width: 10px; } /* table view */ /* Controls display of the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */ .gridviewtable { border: outset 1px #DFDFDF; border-collapse: collapse; } /* Controls display of the Header in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */ .headerstyle { background-color: #1ebe1e; font-weight: bold; color: #FFFFFF; vertical-align: middle; line-height:23px; height:23px;} /* Controls display of the Individual Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */ .rowstyle { background-color: #F7F6F3; font-weight: normal; color: #333333; } /* Controls display of the Alternating Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */ .alternatingrowstyle { background-color: #E3E3E3; font-weight: normal; color: #333333; } .selectedrowstyle { background-color: #666666; font-weight: bold; color: #FFFFFF; } /* Controls display of the Totalling area in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */ .footerstyle { background-color: #F7F6F3; font-weight: normal; color: #333333; border-top: solid 2px #1ebe1e; height:27px; line-height:23px;} /* Controls the display of the Page Number Footer in the My Orders Page */ .pagerstyle { color: #FFFFFF; background-color: #284775; font-size: x-small; text-align: right; } /* Controls the characteristics of the Page Number displayed */ .pagerstyle select { font-size: x-small } /* Administrator content popup menu */ /*Administrator content popup menu*/ /* Administrator - tab container */ .ajax__tab_xp-theme .ajax__tab_header { color: #1ebe1e; font-family:ComfortaaBold, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 25px;} .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer { padding-right: 4px;} .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner { padding-left: 3px;} .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab { padding: 4px; margin: 0;} .ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {} .ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner { } .ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {text-decoration:underline;} .ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {} .ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {} .ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {text-decoration:underline;} .ajax__tab_xp-theme .ajax__tab_body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding: 20px 8px; } /* Administrator - editing contents */ /* Controls the display of the Box exterior for Product Details that pop up when Add to Cart is clicked */ div.addToCartPopupLayer { visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 25; opacity: 0; position: absolute; width: 220px; height: 80px; background: #5D7B9D; z-index: 1000; vertical-align: top; } /* Controls the inside area of the pop up when Add to Cart is clicked */ div.addToCartPopupLayer .innerlayer { height: 70px; margin: 5px 0; background: #F0EEE8; color: #5D7B9D; } /* Controls the display of the product image inside the pop up when Add to Cart is clicked */ div.addToCartPopupLayer .innerlayer .popupimage { width: 60px; height: 65px; float: left; padding-top: 5px; text-align: center; vertical-align: top; } /* Controls the display of the text inside the pop up when Add to Cart is clicked */ div.addToCartPopupLayer .innerlayer .popupbody { width: 155px; float: right; height: 50px; padding-left: 5px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } /* Controls the display of the Checkout and Close links in the pop up when Add to Cart is clicked */ div.addToCartPopupLayer .innerlayer .popupclose { width: 155px; float: left; font-weight: bold; text-align: center; font-size: 13px; } /* Controls the display of the Site Path */ .sitemappath { font-weight: bold; padding-bottom: 5px; } /* Controls the characteristics of the Text displayed for products found in the search */ .productsfound { font-weight: bold; margin: 0 0 15px; } .productsfound span { color: #1ebe1e; } /* Controls the characteristics of the Text displayed where no products are found in the search */ .productsnotfound { font-weight: bold; margin: 10px 0 10px 10px; } .productsnotfound span { color: #b22222 } /* Information Tabs Container - Product Detail */ /* Controls Display characteristics of the Information Tabs */ .ajax__tab_pd-theme { padding-top: 10px } .ajax__tab_pd-theme .ajax__tab_header { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: url(../Files/tab-line.gif) repeat-x bottom; } .ajax__tab_pd-theme .ajax__tab_header .ajax__tab_outer { padding-right: 4px; background: url(../Files/tab-right.gif) no-repeat right; height: 21px; } .ajax__tab_pd-theme .ajax__tab_header .ajax__tab_inner { padding-left: 3px; background: url(../Files/tab-left.gif) no-repeat; } .ajax__tab_pd-theme .ajax__tab_header .ajax__tab_tab { height: 13px; padding: 4px; margin: 0; background: url(../Files/tab.gif) repeat-x; } .ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_outer { background: url(../Files/tab-hover-right.gif) no-repeat right } .ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_inner { background: url(../Files/tab-hover-left.gif) no-repeat } .ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_tab { background: url(../Files/tab-hover.gif) repeat-x } .ajax__tab_pd-theme .ajax__tab_active .ajax__tab_outer { background: url(../Files/tab-active-right.gif) no-repeat right } .ajax__tab_pd-theme .ajax__tab_active .ajax__tab_inner { background: url(../Files/tab-active-left.gif) no-repeat } .ajax__tab_pd-theme .ajax__tab_active .ajax__tab_tab { background: url(../Files/tab-active.gif) repeat-x } .ajax__tab_pd-theme .ajax__tab_body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; border: 1px solid #DFDFDF; border-top: 0; padding: 8px; background-color: #FFFFFF; width: 380px; overflow: auto; } /* Controls the Display Characteristics of the Cover Colour if the Minimum Order Pop Up is triggered */ .minimum_order_popup_background { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /* Controls the display characteristics of the Minimum Order Pop Up Panel */ .minimum_order_popup_cont { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #000000; border: 2px solid #5D7B9D; text-align: left; padding: 10px; width: 300px; z-index: 10001; } /* Controls the display characteristics of the Continue Shopping Button */ .minimum_order_popup_button { padding-top: 10px; text-align: right; } /* Controls the display characteristics of Product Detail */ .productdetailbox { background-color: #FFFFFF; width: 100%; } /* Controls the display characteristics of image in Product Detail */ .productdetailbox .productimagecont { float: left; text-align: left; vertical-align: top; position: relative; width: 367px; z-index: 2; margin-right:40px;} /* Controls the display characteristics of rollover message in Product Detail */ .productdetailbox .productimagecont .rollovermessage { font-size: 90%; padding-bottom: 10px; text-align: left; } /* Controls the display characteristics of text area in Product Detail */ .productdetailbox .productdetailcont { float: left; text-align: left; vertical-align: top; overflow: hidden; width: 373px; z-index: 1; } /* Controls the display characteristics of price labels in Product Detail */ .productdetailbox .productdetailcont .leftlabel { display: inline-block; width: 90px; } /* Controls the display characteristics of common row in Product Detail */ .productdetailbox .productdetailcont .productdetailrow { padding-top: 5px; text-align: left; } /* Controls the display characteristics of availability row in Product Detail */ .productdetailbox .productdetailcont .availailityrow { height: 30px } /* Controls the display characteristics of selection message in Product Detail */ .productdetailbox .productdetailcont .selectionmessage { margin-bottom:13px;} /* Controls the display characteristics of colour/size dropdownlist in Product Detail */ .productdetailbox .productdetailcont .productattribute { } .productdetailbox .productdetailcont .productattribute .attributelabel { display: inline-block; width: 150px; } .productdetailbox .productdetailcont .productattribute select { width: 150px } /* Controls the display characteristics of colour/size thumbnails in Product Detail */ .colouroptions { padding-top: 10px } .colouroptions .item { cursor: pointer; float: left; height: 50px; width: 50px; } .colouroptions .item.active { background: url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF } .colouroptions img { background-repeat: no-repeat; background-position: center center; background-color: #CCC; height: 40px; margin: 4px 0 0 4px; width: 40px; } .sizeoptions { padding-top: 10px } .sizeoptions .sizeset { display: none } .sizeoptions .item { background: url(../Files/attribute2-option.gif) no-repeat scroll left top #FFFFFF; color: #000000; cursor: pointer; float: left; font-size: 12px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; width: 50px; } .sizeoptions .item.active { background: url(../Files/attribute2-active.gif) no-repeat scroll left top #FFFFFF; color: #FFFFFF; } .sizeoptions .item.disabled { background-image: url(../Files/attribute2-disabled.gif); color: #AAAAAA; cursor: default; } /* Controls the display characteristics of colour/size selection in Product Detail */ .productdetailbox .productdetailcont .attributeselection { width: 100%; clear: both; } .productdetailbox .productdetailcont .attributeselection .leftselection { display: inline-block; width: 150px; } /* Controls the display characteristics of quantity input control in Product Detail */ .productdetailbox .productdetailcont .attributeselection .leftselection input { width: 50px } /* Controls the display characteristics of selected colour/size description in Product Detail */ .productdetailbox .productdetailcont .attributeselection .rightselection { width: 150px } /* Controls the display characteristics of Recently Viewed Items content */ .recentlyvieweditemsbox { background-color: #FFFFFF } /* Controls the display characteristics of Featured Products content */ .featureditemsbox { background-color: #FFFFFF } /* Controls the display characteristics of Items You May Also Like content */ .itemsyoumayalsolikebox { background-color: #FFFFFF } /* Controls the display characteristics of Top Sellers content */ .topsellersbox { background-color: #FFFFFF } /* Controls the display characteristics of Most Viewed Items content */ .mostvieweditemsbox { background-color: #FFFFFF } /* Controls the display characteristics of Contact Form content */ .contactformbox { background-color: #FFFFFF; width: 100%; } .contactformcelltext { display: inline-block !important } .contactformcellvalue { display: inline-block !important } .contactformbox .messagesign { padding: 4px 4px 0 4px } .contactformbox textarea { width: 510px; margin-top: 2px; } #txtCustomerEmailAddress { display:none !important; } .contactformbox .submit { margin: 10px 25px 0 0; text-align: right; } /* Controls stock availability tab container */ .stockAvailabilityCont { padding: 10px 0 5px 0 } /* Controls the characteristics of stock availability tab header */ .stockAvailability-theme .ajax__tab_header { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } /* Controls the boundaries of stock availability tab (next 3 items) */ .stockAvailability-theme .ajax__tab_active .ajax__tab_outer, .stockAvailability-theme .ajax__tab_header .ajax__tab_outer, .stockAvailability-theme .ajax__tab_hover .ajax__tab_outer { margin-right: 4px } .stockAvailability-theme .ajax__tab_active .ajax__tab_inner, .stockAvailability-theme .ajax__tab_header .ajax__tab_inner, .stockAvailability-theme .ajax__tab_hover .ajax__tab_inner { margin-left: 3px; /* offset the width of the left image */ } .stockAvailability-theme .ajax__tab_active .ajax__tab_tab, .stockAvailability-theme .ajax__tab_hover .ajax__tab_tab, .stockAvailability-theme .ajax__tab_header .ajax__tab_tab { margin-right: 0; padding: 5px 8px; } /* Controls the line or header background images of stock availability tab (next 6 items) */ .stockAvailability-theme .ajax__tab_outer { background: url(../Files/stockavailabilitytab-left.gif) no-repeat 0 0 } .stockAvailability-theme .ajax__tab_inner { background: url(../Files/stockavailabilitytab-right.gif) no-repeat 100% 0 } .stockAvailability-theme .ajax__tab_hover .ajax__tab_outer { background: url(../Files/stockavailabilitytab-left.gif) no-repeat 0 -150px } .stockAvailability-theme .ajax__tab_hover .ajax__tab_inner { background: url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -150px } .stockAvailability-theme .ajax__tab_active .ajax__tab_outer { background: url(../Files/stockavailabilitytab-left.gif) no-repeat 0 -300px } .stockAvailability-theme .ajax__tab_active .ajax__tab_inner { background: url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -300px } /* Controls the border line and the characteristics of stock availability tab body */ .stockAvailability-theme .ajax__tab_body {} /* Controls the characteristics of Branch and Availability titles in stock availability tab body*/ .stockAvailability-theme .ajax__tab_body .saheader { font-weight: bold; text-align: left; color: #1ebe1e; padding-bottom: 10px; font-size:14px; } /* Controls the characteristics of Branch and Availability items in stock availability tab body*/ .stockAvailability-theme .ajax__tab_body .sabody { padding-bottom: 10px } .stockAvailability-theme .ajax__tab_body .sabody .saleftcell { display: inline-block; width: 125px; font-weight:bold; } /* Controls the characteristics of Branch Hyper Link items in stock availability tab body*/ .stockAvailability-theme .ajax__tab_body .sabody a { font-weight: bold; color: #006FB1; text-decoration: underline; } /* Controls the characteristics of In Stock items in stock availability tab body*/ .stockAvailability-theme .ajax__tab_body .sabody .sainstock { color: #000;} /* Controls the characteristics of Out Of Stock items in stock availability tab body*/ .stockAvailability-theme .ajax__tab_body .sabody .saoutofstock { color: #000000;} /* Controls branch information popup page in stock availability. */ /* Controls background colour and transpancy rate of outside branch information popup page in stock availability.*/ .popupBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } /* Controls border and background colour of branch information popup page in stock availability.*/ .popupScreen { background-color: #FFFFFF; border: 1px solid #E3E3E3; text-align: left; width: 700px; } /* Controls the characteristics of title area in branch information popup page in stock availability.*/ .popupScreen .popupTitle { color: #000000; background-color: #FFFFFF; font-weight: bold; } /* Controls the characteristics of body area in branch information popup page in stock availability.*/ .popupScreen .popupBody { margin: 0 10px 10px; color: #000000; overflow: hidden; } /* Controls the characteristics of shopby filter content.*/ .shopby_box { width: 100%; margin: 0; padding: 0; } /* Controls the common characteristics of header area in shopby filter content.*/ .shopby_header_wrapper { position: relative } h3.shopby_header { margin: 0; padding: 0; line-height: 26px; height: 26px; position: relative; cursor: pointer; font-size: 12px; border-top: 1px solid #555; overflow: hidden; } /* Controls the characteristics of header area in shopby filter content when collapsed.*/ .shopby_header_default { font-weight: bold; color: #555; } /* Controls the characteristics of header area in shopby filter content when mouse over.*/ .shopby_header_hover { color: #C77405 } /* Controls the characteristics of header area in shopby filter content when expanded.*/ .shopby_header_active { color: #777 } /* Controls the characteristics of header area in shopby filter content when filters are selected.*/ .shopby_header_selected { color: #B22222 } /* Controls the text and icons of header area in shopby filter content.*/ h3.shopby_header a { color: inherit !important; text-decoration: none; outline: 0 none; padding-left: 16px; } .shopby_header_icon_exp { background: url(../Files/shopby_header_arrow_exp.png) no-repeat 0 0 } .shopby_header_icon_col { background: url(../Files/shopby_header_arrow_col.png) no-repeat 0 0 } a.shopby_clear { color: #555; font-size: 9px; position: absolute; top: 7px; right: 3px; text-decoration: none; } a.shopby_clear:hover { text-decoration: underline } /* Controls the characteristics of body area in shopby filter content.*/ .shopby_body { width: 100%; margin-top: -2px; overflow: auto; padding: 2px; position: relative; border: 1px solid #DDDDDD; font-size: 11px; display: block; } /* Controls the text of body area in shopby filter content.*/ .shopby_body li { clear: both; float: left; margin: 1px 0; } .shopby_body li.multi { clear: none; float: left; margin: 1px 0 0; } .shopby_body li .enabled { color: #555 !important; cursor: pointer; } .shopby_body li .disabled { color: #B2B2B2 !important; cursor: default; } .shopby_body li .disabled:hover { text-decoration: none } .shopby_body li .enabled:hover { text-decoration: underline } .shopby_body li input { width: 10px; height: 10px; } /* Controls the characteristics of background when shopby filters are clicked */ .shopby_backgroundPopup { position: absolute !important; background: #FFF !important; opacity: 0.7 !important; } /* Controls the characteristics of refine shop by filter content.*/ .refineshopby_box { width: 160px; margin: 0; padding: 0; word-wrap: break-word; overflow: hidden; } /* Controls the characteristics of body area in refine shop by filter content.*/ .refineshopby_body { padding: 5px; border: 1px solid #DDDDDD; border-top: 0 none; font-size: 11px; } /* Controls the text of body area in refine shop by filter content.*/ .refineshopby_body a { color: #777 !important; text-decoration: none; } .refineshopby_body a:hover { color: #777 !important; text-decoration: underline; } /* Controls the characteristics of find postcode image.*/ .findpostcode { cursor: pointer; width: 28px; vertical-align: middle; text-align: left; } /* seo trick for logo content. */ h1.logo { font-weight: bold; margin: 0; padding: 0; height:178px;} /* colour and size selection in category page */ .coloursizeselection { height: 46px; /* do not remove */ } .coloursizeselection .colourselection, .coloursizeselection .attr3selection { height: 23px } .coloursizeselection .colourselection select, .coloursizeselection .attr3selection select { width: 150px } .coloursizeselection .sizeselection, .quantityinput { height: 23px } .coloursizeselection .sizeselection select, .quantityinput input { width: 150px -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /* Controls the characteristics of currency selector content.*/ .currencyselector { position: absolute; top: 50px; right: 0; text-align: right; color: #000000; z-index:200; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; } .currencyselector a:link, .currencyselector a:visited, .currencyselector a:active, .currencyselector a:hover { position: relative; top: 0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; } .currencyselector img { position: relative; top: 2px; border: 0; margin-right: 4px; } .currencyselector ul { position: relative; z-index:200; background-color: #FFFFFF; } .currencyselector li { float: right; position: relative; margin-right: 10px; } .currencyselector span { display: block; padding: 5px; white-space: nowrap; } .currencyselector li ul { position: absolute; left: -9999px; float: right; border: 1px solid #CCCCCC; } .currencyselector li:hover ul { left: auto; right: 0; top: 23px; } .currencyselector li li { display: block; float: none; text-align: left; background-color: #FFFFFF; color: #000000; line-height: 0; margin-right: 0; } .currencyselector a { display: block; padding: 5px 10px 5px; white-space: nowrap; font: 11px Arial, Helvetica, sans-serif; } .currencyselector a:hover { background-color: #CCCCCC } .currencyselector a img { top: 2px; vertical-align: top; } /* Controls the characteristics of grid cells in shopping cart.*/ /* Stock Items */ .cell_qty { width: 60px; padding:10px 0 0 5px; } .cell_item{padding:10px 0 0 3px;} .cell_price { width: 100px; text-align: right; padding:10px 0 0;} .cell_item_img { float: left; position: relative; overflow: hidden; } .cell_item_details { float: left; position: relative; overflow: hidden; width: 337px; } .cell_amount { width: 100px; text-align: right; padding:10px 5px 0;} .cell_remove { width: 60px; text-align: center; padding:10px 0 0; } .cell_code{padding:10px 0 0;} /* Subtotal */ .cell_footer_price { width: 150px; text-align: right; } .cell_footer_amount { width: 100px; text-align: right; } /* Coupon items */ .couponrowstyle { background-color: #F4E7BF; font-weight: normal; color: #333333; height: 36px; min-height: 36px; } .cell_coupon_qty { width: 60px; vertical-align: middle; } .cell_coupon_item { padding-left: 51px; font-size: 120%; vertical-align: middle; } .cell_coupon_amount { width: 100px; text-align: right; vertical-align: middle; } .cell_coupon_remove { width: 60px; text-align: center; vertical-align: middle; } /* Controls the characteristics of coupon content in shopping cart.*/ .coupon_shoppingcart { background-color: #F7F6F3; color: #5A5A5A; height: 30px; line-height: 30px; margin: 10px 0 0; float:right; width:485px;} .coupon_shoppingcart .coupon_prompt { float: left; position: relative; padding: 0 0 0 5px; } /* Controls the characteristics of coupon content.*/ .coupon { background-color: #F7F6F3; color: #5A5A5A; border: 1px solid #CCCCCC; height: 30px; line-height: 30px; width: 225px; } .coupon .coupon_prompt { display: none } .coupon_content { float: right; position: relative; text-align: right; } .coupon_content .coupon_input { font-size: 90%; width: 140px; vertical-align: top; margin-top: 6px; } .coupon_content .coupon_button { padding: 6px 5px 0 0 } /* Controls the characteristics of watermarked textbox.*/ .enablewatermark { color: #C0C0C0; font-style: italic; } .disablewatermark { color: #000000; font-style: normal; } /* Controls the characteristics of custom content container */ .contentcont { width: 100%; clear: both; } /* Controls the characteristics of left content in container */ .contentcont .leftcontent { margin-left: 0 !important; float: left; } /* Controls the characteristics of centre content in container */ .contentcont .centrecontent { float: left } /* Controls the characteristics of right content in container */ .contentcont .rightcontent { margin-right: 0 !important; float: right; } .floatleft { float: left; position: relative; } .floatright { float: right; position: relative; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfloat { clear: both; display: block; } .clearfix { display: inline-block } * html .clearfix { height: 1% } .clearfix { display: block } /* Controls the characteristics of lookbook page */ .looks_cont { width: 100% } .looks_cont .enlarge { float: left } .enlarge img { position: absolute; top: 0; left: 0; } .enlarge .iactive { z-index: 10 } .enlarge .ideactive { z-index: 9 } /* Controls the characteristics of cluster navigation arrow images in lookbook page */ .looknav { position: absolute; nowhitespace: afterproperty; top: 240px; /* you may type a specific value */ left: 0; nowhitespace: afterproperty; text-align: center; width: 320px; /* you may type a specific value */ z-index: 100; ; } .enlarge .looknav .prev, .enlarge .looknav .next { background: url(../files/look_nav.png) no-repeat scroll left top transparent; height: 34px; position: absolute; top: 0; width: 34px; } .enlarge .looknav .prev { background-position: 0 -34px !important; left: 0; } .enlarge .looknav .prev:hover { background-position: 0 0 !important; left: 0; } .enlarge .looknav .next { background-position: -34px -34px !important; right: 0; } .enlarge .looknav .next:hover { background-position: -34px 0 !important; right: 0; } /* Controls the characteristics of thumbnail images in lookbook page */ .looks_cont .thumbs { float: left; nowhitespace: afterproperty; width: 333px; /* you may type a specific value */ } .looks_cont .thumbs li { float: left; display: inline; padding-left: 3px; } .looks_cont .thumbs .nextrow { padding-left: 3px } .looks_cont .thumbs .selected { opacity: 1 } .looks_cont .thumbs .unselected { opacity: 0.5 } .looks_cont .thumbs .look_img { cursor: pointer; nowhitespace: afterproperty; width: 80px; /* you may type a specific value */ height: 120px; /* you may type a specific value */ ; } .looks_cont .thumbs .look_img .thumbhover { -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; } /* Controls the characteristics of lookbook products in lookbook page */ .looks_cont .look_b { clear: both; padding-top: 5px; } .looks_cont .look_b .lookitems { float: left } .lookitem { font-size: 11px } .lookitem .name { display: inline-block; width: 250px; } .lookitem .price1, .lookitem .price2, .lookitem .price3, .lookitem .price4, .lookitem .price5 { } /* Controls the characteristics of lookbook pagination in lookbook page */ .looks_cont .look_b .lookpage { float: right; padding-right: 75px; } .looks_cont .look_b .lookpage .prev { } .looks_cont .look_b .lookpage .page { } .looks_cont .look_b .lookpage .currPage { font-weight: bold } .looks_cont .look_b .lookpage .next { } /* Controls the characteristics of sliding cart content*/ #slidingcart_container { background: none repeat scroll 0 0 #FFF; nowhitespace: afterproperty; border: 1px solid #B7B7B7; display: none; position: absolute; width: 232px; /* you may type a specific value */ right: 0; top: 25px; z-index: 210; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; ; } #slidingcart_empty { text-align: center; min-height: 40px; } #slidingcart_empty p { padding-top: 14px } #slidingcart_container a { padding: 0 } #slidingcart_container li.first { background: none repeat scroll 0 0 transparent } /* Controls the characteristics of subtotal section */ #slidingcart_header { padding: 10px 10px 0; border-bottom: 1px solid #B7B7B7; } #slidingcart_header .slidingcart_headers_title { text-align: left; height: 40px; } #slidingcart_header .slidingcart_headers_title p.subtotal_info { color: #000; float: left; margin-top: 6px; font-size: 13px; font-weight: bold; } #slidingcart_header .slidingcart_headers_title p.subtotal_info .title { } #slidingcart_header .slidingcart_headers_title p.subtotal_info .value { padding-left: 5px } #slidingcart_header .slidingcart_headers_title a.checkout_link { float: right; margin-top: 6px; } #slidingcart_container img:hover { opacity: 0.8 } /* Controls the characteristics of paging section */ #slidingcart_pagination { padding: 10px 10px 0; border-bottom: 1px solid #B7B7B7; height: 26px; } #slidingcart_pagination .index { float: left } #slidingcart_pagination .prev_next { float: right } #slidingcart_pagination a { margin-left: 10px } #slidingcart_pagination a.prev { background: url(../Files/slidingcart_nav_prev.png) no-repeat scroll left 4px transparent; padding-left: 10px; } #slidingcart_pagination a.next { background: url(../Files/slidingcart_nav_next.png) no-repeat scroll right 4px transparent; padding-right: 10px; } #slidingcart_pagination a.enable { } #slidingcart_pagination a.disable { opacity: 0 } /* Controls the characteristics of item details section */ #cart_details { margin: 10px 0 } #cart_details ul.cart_items { overflow: hidden } #cart_details ul.cart_items li.active { display: block !important } #cart_details ul.cart_items li.first { clear: left !important; margin-left: 10px; } #cart_details ul.cart_items li.last { margin-right: 10px } #cart_details ul.cart_items li:hover { background-color: #ECEDE9 } #cart_details ul.cart_items li.selected { background-color: #CCC } #cart_details ul.cart_items li.item { display: none; nowhitespace: afterproperty; float: left; min-height: 210px; /* you may type a specific value */ padding: 10px 10px 0; nowhitespace: afterproperty; position: relative; text-align: left; width: 100px; /* you may type a specific value */ border: none; ; } /* Controls the characteristics of item image */ #cart_details ul.cart_items li.item .thumb { text-align: center } /* Controls the characteristics of item decription */ #cart_details ul.cart_items li.item .detail { } #cart_details ul.cart_items li.item .detail .desc { } #cart_details ul.cart_items li.item .detail .attr1 { } #cart_details ul.cart_items li.item .detail .attr2 { } #cart_details ul.cart_items li.item .detail .qty { } #cart_details ul.cart_items li.item .detail .price { } #cart_details ul.cart_items li.item .detail span.title { } #cart_details ul.cart_items li.item .detail span.value { padding-left: 5px } /* Controls the characteristics of remove link */ #cart_details ul.cart_items li.item p { color: #000000; margin-bottom: 0; } #cart_details ul.cart_items li.item a.remove { background: url(../Files/slidingcart_remove.png) no-repeat; width: 13px; height: 13px; display: inline; z-index: 300; position: absolute; top: 0; right: 0; cursor: pointer; } #slidingcart_processing { min-height: 60px } #slidingcart_processing img { position: absolute; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; z-index: 400; } /* Controls the characteristics of footer section */ #slidingcart_footer { border-top: 1px solid #B7B7B7; padding: 10px; } #slidingcart_footer .links { overflow: hidden } #slidingcart_footer .links a.shoppingcart_link { float: left } #slidingcart_footer .links a.checkout_link { float: right } .guestcheckoutcontainer .logincell { height: 100% !important; min-height: 100% !important; border-right: 0; } .guestcheckoutcontainer .logincreatecell { height: 100% !important; min-height: 100% !important; line-height: 25px; text-align: left; border-left: 1px solid #DFDFDF; } .guestcheckoutcontainer .guestcheckoutbutton, .guestcheckoutcontainer .registercheckoutbutton { text-align: right } .guestcheckoutcontainer .logincellright .formsectiontext, .guestcheckoutcontainer .logincellright .sameasshippingaddress { padding-left: 10px } .guestcheckoutcontainer .guestcheckoutaddress { } /* Controls the characteristics of lookbook cluster popup window */ #popupContent { display: none; width: 320px; min-height: 480px; } /* Controls the characteristics of background when popup window is shown */ .backgroundPopup { display: none; nowhitespace: afterproperty; position: fixed; _position: absolute; /* hack for internet explorer 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000000; opacity: 0.3; z-index:298; ; } /* Controls the characteristics of popup window */ .popupWindow { position: fixed; nowhitespace: afterproperty; _position: absolute; /* hack for internet explorer 6*/ background: #FFFFFF; border: 2px solid #7E7A7A; z-index:299; padding: 10px; font-size: 13px; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; ; } #popupBranchInfoPage {display: none;} /* Controls the characteristics of popup window close button */ .popupClose { background: url(../Files/x_closebox.png) no-repeat; width: 30px; height: 30px; display: inline; z-index: 300; position: absolute; top: -15px; right: -16px; } .popupClose:hover { opacity: 0.8 } /* Controls the characteristics of image when popup window is loading */ #popupLoading { position: absolute; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; z-index: 400; } /* Cart item table in shopping cart page if wishlist is enabled */ .ci_table { width: 100%; border-collapse: collapse; } .ci_table .cell_remove { width: 120px } .ci_table .cell_remove .remove { padding-top: 8px } .ci_empty { padding: 10px 0 0 0; } /* Control the characteristics of attribute 1 in shopping cart page */ .s_attribute1, .s_attribute3 { padding-top: 5px } /* Control the characteristics of availability message in shopping cart page */ .s_availability { padding-top: 5px } /* Wishlist content in shopping cart page */ .wishlistbox { margin-top: 20px } /* Wishlist table in shopping cart page if wishlist is enabled */ .wl_table { width: 100%; border-collapse: collapse; } .wl_table .headerstyle { height: 23px } .wl_table .rowstyle { border-bottom: 1px solid #CCC } .wl_table .cell_remove { width: 120px } .wl_table .cell_remove .remove { padding-top: 8px } .wl_empty { padding: 10px 0 0 10px } /* Control the characteristics of expiration message in wishlist */ .s_expirationmessage { padding: 5px 0; font-size: 80%; } .cell_changedetails { vertical-align: middle } .cell_changedetails .changedetails { margin-top: 5px } .cell_footer_price { font-weight: bold } .cell_footer_amount { font-weight: bold } /* Controls the characteristics of add to wishlist button in product detail page */ a.wl_btnaddtowishlist, a.wl_btnaddtogiftregistry { text-decoration: underline } /* Controls the characteristics of update details button in shopping cart page */ a.wl_btnupdatedetails { display: block; width: 105px; height: 20px; background: url(../Files/button-updatdetails.gif) no-repeat center left; margin: 3px 0; } /* Controls the characteristics of add all to cart button in shopping cart page */ a.wl_btnaddalltocart { float: left; display: block; width: 128px; height: 24px; background: url(../Files/button-addalltocart.gif) no-repeat center left; margin: 3px 0; } /* Controls the characteristics of email a friend button in shopping cart page */ a.wl_btnemailafriend { float: left; display: block; width: 123px; height: 24px; background: url(../Files/button-emailafriend.gif) no-repeat center left; margin: 3px 0 0 6px; } /* Controls the characteristics of Item added to wishlist notification popup container in product detail page */ #popupItemAddedtoWishlistContent { display: none; width: 300px; padding: 0; font-size: 13px; min-height: 100px; } /* Controls the characteristics of notification when item is added to wishlist in product detail page */ .wishlist_notification { text-align: center } .wn_header { padding: 5px; background: #ccc; min-height: 10px; } .wn_body { } .wn_msg { padding-top: 10px } .wn_link { vertical-align: middle } /* Controls the characteristics of add to wishlist link button in category page */ .addtowishlist { display: none; background: url(../Files/wishlist.png) no-repeat; width: 24px; height: 24px; z-index:99; position: absolute; top: 10px; right: 10px; cursor: pointer; } .addtowishlist a:hover { display: inline; background: url(../Files/wishlist-hover.png) no-repeat; } /* Controls the characteristics of popup message when mouse over wishlist link button in category page */ div.popupLabel { background: #888; color: #FFF; font-size: 90%; right: 0; width: 45px; position: absolute; top: 40px; padding: 3px 5px 5px; outline: none; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /* Controls the characteristics of Email a friend popup window container in shopping cart page */ #popupEmailaFriendContent { display: none; width: 338px; padding: 0; min-height: 316px; height: 316px; } /* Controls the characteristics of Email a friend popup window in shopping cart page */ .email_friend { height: auto !important; padding: 20px; color: #5A5A5A; } .email_friend h3 { text-align: center; color: #5A5A5A; } .email_friend p { font-size: 11px; margin: 8px 0 0; text-align: center; } .email_friend .email_form { padding-top: 20px; overflow: hidden; } .email_friend label { float: left; font-size: 10px; margin: 10px 0 0; } .email_friend .email_form input[type="text"], .email_friend .email_form textarea { border: 1px solid #999; float: left; font-size: 10px; line-height: 1.2em; margin: 10px 0 0; padding: 8px 5px; width: 278px; -moz-box-shadow: 3px 3px 0 #cfcfcf; -webkit-box-shadow: 3px 3px 0 #cfcfcf; box-shadow: 3px 3px 0 #cfcfcf; } .email_friend .email_form input[type="text"] { font-size: 10px; height: 16px; } .email_friend .email_form textarea { clear: left; font-size: 10px; height: 60px; resize: none; } .email_friend .email_form input[type="checkbox"] { clear: left; float: left; margin: 10px 10px 0 0; } .email_friend .email_form .wl_btnsend { float: right; margin: 10px 10px 0 0; width: 72px; height: 24px; background: url(../Files/button-send.gif) no-repeat center left; } .email_friend .email_form .email_message { margin-top: 10px } .email_friend .email_form .email_copytome { clear: both; float: left; width: 100%; margin-top: 10px; } .email_friend .email_form .email_recipient_invalid, .email_friend .email_failed { background: #CCC; clear: both; float: left; font-size: 10px; width: 278px; margin: 10px 0 5px; padding: 8px; } .email_friend .email_success p { font-weight: bold; margin: 100px 0 10px; } .email_friend .email_success .email_sentto { color: #494949; font-weight: normal; display: block; margin: 5px 0 25px; } .email_friend .email_success .email_send_more { display: block; margin: 85px auto 0; font-weight: normal; text-decoration: none; } .email_friend .email_success .email_send_more span { text-decoration: underline; font-weight: normal; } /* Controls the characteristics of %%WISHLISTITEMS%% tag in Email a friend email template */ .emailafriend_email { border-spacing: 0; border-width: 0; text-align: center; border-collapse: collapse; } .emailafriend_email .colourselection, .emailafriend_email .sizeselection, .emailafriend_email .attr3selection { margin-top: 5px } .emailafriend_email .addtocartbutton_cont { margin-top: 20px } /* Controls the characteristics of GiftWrap contents in Checkout Blocks */ .giftwrap_block { position: relative; clear: both; } .giftwrap_window { position: relative; width: 788px; } .giftwrap_wrapper { position: relative; width: 720px; overflow: hidden; margin: 0 auto; } .giftwrap_wrapper ul { position: relative; overflow: hidden; top: 0; left: 0; } .giftwrap_wrapper ul, .giftwrap_wrapper li { margin: 0; padding: 0; list-style: none; } .giftwrap_wrapper li { margin: 10px; width: 100px; float: left; } .giftwrap_prev, .giftwrap_next { background: url(../files/look_nav.png) no-repeat scroll left top transparent; height: 34px; width: 34px; position: absolute; top: 64px; } .giftwrap_prev { background-position: 0 0; left: 0; } .giftwrap_prev:hover { background-position: 0 -34px } .giftwrap_prev.disabled { background-position: 0 -34px; opacity: 0.15; cursor: default; } .giftwrap_next { background-position: -34px 0; right: 0; } .giftwrap_next:hover { background-position: -34px -34px } .giftwrap_next.disabled { background-position: -34px -34px; opacity: 0.15; cursor: default; } .giftwrap_item_image a:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=1.05, M12=-0, M21=0, M22=1.05)"; } .giftwrap_item_image a { display:block; } .giftwrap_item_attributes { color: #003271 } .giftwrap_item_desctiption { clear:both; height:26px; line-height:13px; overflow:hidden; } .giftwrap_item_desctiption h3 { font-weight: normal; font-size: 90%; color: #003271; margin: 0; } .giftwrap_item_button, .giftwrap_item_price { float: left } .giftwrap_item_price { margin-top: 2px } .giftwrap_item_price span { font-size: 90% } /* --------------- PDNZ ADDED CODE ----------------- */ /* Removing 'More' link from featured products header on home page */ #ctl00_MainCentre_container_Content_160_pnlContentData .sectionheader a{display:none;} /* Positioning of Featured Styles on home page */ #ctl00_MainCentre_container_Content_160_pnlContentData{margin-top:10px;} ctl00_MainCentre_container_Content_160_lblStyleType{margin-top:-10px;} /* Removing the dashed bottom border on the homepage featured styles */ #ctl00_MainCentre_container_Content_160_pnlContentData div .clearfix .productlist li{border:none;} /* Catergory page thumbnail details */ /* Brand */ .spn_U1 a{font-size:14px; color:#000; text-decoration:none;} /* Price */ .spn_CP a{font-size:14px; color:#000; text-decoration:none;} /* Short Description */ .spn_ISD a{color:#000; text-decoration:none;} /* Stock Description */ .spn_SD a{color:#000; text-decoration:none;} .div_U1[style]{height:18px !important;} .div_ISD[style]{height:16px !important;} .div_SD[style]{height:13px !important;} /* Footer Brands Container */ #ctl00_FooterTop_pnlContentContainerData{margin-top:40px;} /* Footer COntainer */ #ctl00_FooterMiddle_Content_161_pnlContentData{margin:10px 0 30px;} /* Footer text */ .footer_top_text a{color:#1ebe1e; text-transform:uppercase; font-size:14px; font-weight:bold; text-decoration:none;} .footer_top_text a:hover{text-decoration:underline;} .footer_bottom_text a, .footer_bottom_text{color:#1ebe1e; font-weight:bold; font-size:11px; line-height:17px; text-decoration:none;} .footer_bottom_text a:hover{text-decoration:underline;} /* Content Pages */ .content_page_left_col{margin-right:40px; width:367px; float:left; position:relative;} .content_page_right_col{float:left; width:373px; position:relative;} h1.content_heading{margin:0; color:#1ebe1e; font-weight:normal; font-size:55px; text-transform:lowercase; margin-bottom:20px; font-family:ComfortaaBold, Verdana, Geneva, sans-serif; line-height:50px;} p{margin-bottom:10px; font-size:14px; line-height:16px;} ol.content_page_ol, ol.content_page_ol li{list-style-type:decimal;} ol.content_page_ol{margin-bottom:25px;} ol.content_page_ol li{color:#1ebe1e; font-size:11px; font-weight:bold; margin-left:20px; margin-bottom:-10px;} ol.content_page_ol li p{font-size:11px; color:#000; font-weight:normal;} .content_page_right_col .image_cont{margin-bottom:15px;} .content_page_right_col .image_cont img{margin:0 15px 0 0; vertical-align:top;} /* Category Pages */ .category_buttons{font-family:ComfortaaBold, Verdana, Geneva, sans-serif; font-size:40px; display:inline-block; margin-top:20px; color:#1ebe1e;} .category_button_container a{display:block; color:#f0592a; font-size:18px; padding-top:5px;} /* Product Details */ /* Hiding the stock code */ .stockcode{display:none;} .productdetailcont{font-size:14px; line-height:16px;} /* Spacing between the selections section */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_pnlColourSize{margin:15px 0;} /* Hiding the Stock Availability tab */ .stockAvailability-theme .ajax__tab_header {display:none;} /* Removing text from 'Forgot your password' page */ .passwordrecoverycontainer h2{display:none;} /* Create account page */ .sectioncomment{margin-bottom:10px;} /* Shopping cart pages */ #ctl00_MainCentre_container_container_Content_33_btnShoppingCart1{margin-bottom:10px;} .headerstyle .cell_qty{padding-left:10px; padding-top:0;} .headerstyle .cell_item{padding-top:0;} .headerstyle .cell_price{padding-top:0;} .headerstyle .cell_amount{padding-top:0;} .headerstyle .cell_code{padding-top:0;} div.sectionbar div.sectiondata span{color:#fff !important;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnShipping1{margin-bottom:10px;} .shippingMethodList{margin-bottom:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_txtSpecialInstruction{margin-bottom:10px; width:96%; height:90px !important;} .paymentOptionList{margin-bottom:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary{margin-left:-10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary_ctl04_lblOrderSummarySubTotal, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary_ctl04_lblOrderSummaryFreight, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary_ctl04_lblOrderSummaryShippingCouponAmount, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary_ctl04_lblOrderSummaryDiscount, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary_ctl04_lblOrderSummaryTotal, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary_ctl04_lblOrderSummaryTax{display:inline-block; padding-right:5px;} #ctl00_MainCentre_container_container_Content_37_orderDetail_OrderItemList_gvwOrderItems tbody .rowstyle td div a img, #ctl00_MainCentre_container_container_Content_37_orderDetail_OrderItemList_gvwOrderItems tbody .alternatingrowstyle td div a img{padding:5px 0 0;} .cell_footer_amount div div{padding-right:5px;} #ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpOrder_myOrders_gvwOrderList .rowstyle, #ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpOrder_myOrders_gvwOrderList .alternatingrowstyle{line-height:23px;} .sameasbilling{display:inline;} .orderamountwithshipping{margin-top:10px;} /* Email templates - removing background */ .no_background{background:none !important;} /* --------------- NIVO SLIDER --------------------- */ .nivoSlider {position:relative; width:100%; height:auto; overflow: hidden; background:url(../files/loading.gif) no-repeat 50% 50%;} .nivoSlider img {position:absolute; top:0px; left:0px;} .nivo-main-image {display: block !important; position: relative !important; width: 100% !important;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block; position:absolute; z-index:5; height:100%;top:0;} .nivo-box {display:block; position:absolute; z-index:5; overflow:hidden;} .nivo-box img { display:block; } /* Caption styles */ .nivo-caption {position:absolute; left:60px; top:45px; background:url(../Files/nivo-caption-bg.png); color:#fff; width:310px; height:210px; z-index:8; overflow: hidden; display: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */} .nivo-caption p {padding:5px; margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute; top:0; z-index:9; cursor:pointer; width:30px; height:100%; text-indent:-99999px;} .nivo-prevNav {left:0px; background:url(../Files/nivo-prev.png);} .nivo-prevNav:hover { background:url(../Files/nivo-prev-hover.png);} .nivo-nextNav {right:0px; background:url(../Files/nivo-next.png);} .nivo-nextNav:hover {background:url(../Files/nivo-next-hover.png);} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {text-align:center; padding: 15px 0; display:none;} .nivo-controlNav a {cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} /* Gift Registry */ .giftregistry .gr_col { float:left; margin-left:10px; } .giftregistry .gr_create { margin-left:0; } h1.heading { font-size:24px; padding-bottom:12px; } .giftregistry a { display:block; width:300px; height:375px; position:relative; background-size:100% auto; } .giftregistry .gr_create a { background:url(/user/files/registry-create.jpg) no-repeat left top; } .giftregistry .gr_view a { background:url(/user/files/registry-view.jpg) no-repeat left top; } .giftregistry .gr_find a { background:url(/user/files/registry-find.jpg) no-repeat left top; } .giftregistry a span { position:absolute; top:30px; left:0; width:100%; padding:5px; font-size:24px; color:#777; background:#FFF; background:rgba(255, 255, 255, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#FFFFFF')"; } .registrydetails { margin-left:10px; } .cr_tabheading { list-style: none; height: 40px; margin-bottom: 10px; padding-left: 15px; background: url(../Files/mainmenu-bar.jpg); } .cr_tabheading li { float: left; padding: 10px 25px 5px 0; font-size: 18px; } .cr_tabheading li.on a { color: white; font-weight: bold; } .registrydetails .cr_cellleft { margin-left:15px; } .cr_eventwrap, .cr_coregistrantswrap, .cr_registrationwrap, .cr_deliveryaddresswrap { margin-top:20px; } .registrydetails .cr_day { width:78px !important; } .registrydetails .cr_month { width:150px !important; } .registrydetails .cr_year { width:97px !important; } .registrydetails select { width:333px; padding:2px; } .registrydetails input[type=text], .registrydetails textarea { width:325px; padding:2px; } .registrydetails textarea { width:327px; padding:2px; } .registrydetails .postcodeinput { width:294px !important; } .registrydetails .cr_eventmessage span { vertical-align:top; } .registrydetails .cr_status, .registryitems .ri_status, .registrydetails .cr_buttons { margin: 10px 0 0 10px; } .registryitems .ri_buttons, .registrysearch .ri_buttons { text-align:right; margin:10px 0; } .cell_qtyrequested, .cell_qtypurchased, .registryitems .cell_price, .registryitems .cell_remove { width:80px !important; } .registryitems .cell_remove .remove { padding-top:0 !important; } .registryitems .rowstyle td { padding: 5px 0; } .registrysearch .searchregistryfield { margin-top:10px; } .registrysearch .searchname { font-size:12px; width:250px; padding:4px; display: inline-block; float: left; } a.btnsearchregistry { background: url(../files/button-go.gif) no-repeat scroll 0 0 transparent; display: block; float: left; width:50px; height:22px; margin: 3px 5px; border:1px solid #CCC; font: 0/0 a; text-shadow: none; color: transparent; } .registrymatches .rs_table tr, .registrysearch .wl_table .headerstyle { height:34px !important; } .registrymatches .rs_table th, .registrymatches .rs_table td, .registrysearch .wl_table .headerstyle th { vertical-align:middle !important; } .registrymatches .rs_table .cell_registrantname { padding-left:5px; } .registrymatches .rs_table .cell_registrantname, .registrymatches .rs_table .cell_coregistrantname { width:180px; } .registrymatches .rs_table .cell_eventdate { width:100px; } .registrymatches .rs_table .cell_viewlink { width:80px; text-align:center; } .registrysearch .cr_eventhtmlmessage { background: #F6F6F6; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; text-align: center; } .registrysearch .cell_item_details { width:285px !important; } .registrysearch .cell_remove { width:60px !important; } .registrysearch .ddlqty { width:40px; } .myaccount.registrydetails .itempurchasers .itempurchaserswrap { margin-left:50px; } .myaccount.registrydetails .cell_item_details { width:280px !important; } .myaccount.registrydetails .cr_itemsummaries { margin-top:10px; } .myaccount.registrydetails .cr_expired { color:#FF0000; font-weight:bold; } .registrysearchresultswrap .searchresultheader { font-size:110%; font-weight:bold; color:#003271; display:block; margin:20px 0 5px; } .packingslip .fieldname { width:120px !important; } .checkoutbody .shippingmethodlist .shippingbranchselection { margin: 5px; display: none; } .checkoutbody .shippingmethodlist .shippingbranchselection span { font-weight: bold; padding:0 10px 0 30px; } .checkoutbody .shippingmethodlist .shippingbranchselection select { width: 50%; padding:3px 5px; } .shipping-branch-wrap { margin: 5px; } .shipping-branch-wrap .shipping-branch-name { font-weight: bold; } /* Quick View Begins */ .div_QV { position: absolute; left: 0; top: 50%; width: 100%; background-color: rgba(255,255,255, 0.4); text-transform: uppercase; text-align: center; font-weight: bold; padding: 3px; 0; cursor: pointer; z-index: 3; display: none; } .div_QV:hover span { text-decoration:underline; } #popupProductDetailContent { display:none; width:758px; min-height: 421px; height:auto; font-size: 12px; } #popupProductDetailContent .popupDetails { height: 100%; } #popProductDetailMessage { display:none; } #popProductDetailMessage div { margin-bottom: 10px; padding: 8px 35px 8px 14px; } #popProductDetailMessage .success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } #popProductDetailMessage .error { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; } #popupProductDetailContent .fulldetails { bottom: 10px; left: 25px; position: absolute; text-decoration: underline; } #popupProductDetailContent h1.productdescription { margin-top:0 !important; } #popupProductDetailContent .productimage_thumbnails { width: 70px; float: left; height: 252px; top: 25px; position: absolute; overflow-y: hidden; } #popupProductDetailContent .productimage_thumbnails_inner { position: relative; height: 9999px; } #popupProductDetailContent .productimage_zoomed { float: right; margin-right: 20px; position: relative; } #popupProductDetailContent .StyleColourCont { display: block; clear: both; width: 70px !important; padding-right: 0 !important; padding-bottom: 10px !important; } #popupProductDetailContent .StyleColourImage { width: 68px; height: 74px; } #popupProductDetailContent .StyleColourImageCaption { display: none !important; } #popupProductDetailContent .productimage_thumbnails_scrolltop, #popupProductDetailContent .productimage_thumbnails_scrollbottom { width: 70px; height: 20px; background: url(../files/productdetail-slidearrows.png) no-repeat; } #popupProductDetailContent .productimage_thumbnails_scrolltop { position: absolute; top: 0; left: 0; background-position: 0 0; } #popupProductDetailContent .productimage_thumbnails_scrolltop:hover { cursor: pointer; background-position: 0 -20px; } #popupProductDetailContent .productimage_thumbnails_scrolltop.disabled { cursor: default; background-position: 0px -40px; } #popupProductDetailContent .productimage_thumbnails_scrollbottom { position: absolute; bottom: 0; left: 0; background-position: -70px 0; } #popupProductDetailContent .productimage_thumbnails_scrollbottom:hover { cursor: pointer; background-position: -70px -20px; } #popupProductDetailContent .productimage_thumbnails_scrollbottom.disabled { cursor: default; background-position: -70px -40px; } #popupProductDetailContent .productdetailbox .productimagecont { width: 53% !important; } #popupProductDetailContent .productdetailbox .productdetailcont { width: 47% !important; } /* Quick View Ends */ /* Personalised Fields on Product Begins */ .personalised-fields-options { margin-bottom:5px; font-size:90%; } .personalised-fields-options .personalised-fields-options-head:before { content: ""; float: left; width:4px; height:8px; background: url("/user/files/slidingcart_nav_next.png") no-repeat; margin-top:3px; padding-right:4px; } .personalised-fields-options .personalised-fields-options-head { color: #002E6C; cursor: pointer; } .personalised-fields-options .personalised-fields-options-body { display: none; line-height: 20px; padding-left: 12px; } .personalised-fields-options .personalised-fields-options-body .field-item-name { font-weight:bold; } .personalised-fields-options.open .personalised-fields-options-body { display: block; } .personalised-fields-options .personalised-fields-options-head:hover { text-decoration: underline; } .personalised-fields-options.open .personalised-fields-options-head:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width:8px; margin-top:6px; padding-right:0; } /* Personalised Fields on Product Ends */ /* Category Top Menu Begins */ .mainMenu { margin-left: auto; margin-right: auto; position: relative; z-index:198; text-align: left; } .mainMenuTop h3 { border-bottom: 3px solid #B0AFAF; height: 25px; margin: 7px 0 14px; font-size: 12px; color: #2e2e2e; width: 150px; } .mainMenuTop .dropHeader { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #E8E8E8; position: absolute; top: -7px; left: 25px; } .mainMenuTop li { border: medium none; display: block; float: left; position: relative; text-align: center; } .mainMenuTop li .subHead { font-size: 12px; } .mainMenuTop li a { font-size: 12px; display: block; outline: 0; text-decoration: none; color: #2e2e2e; } .mainMenuTop .lvl1 { display: inline-block; zoom: 1; *display: inline; vertical-align:top; margin-left: 5px; margin-right: 5px; width: 150px; } .mainMenuTop .lvl1 li a { height:150% !important; clear:both; float:none; } .mainMenuTop .lvl2 li a { line-height:100% !important; padding:5px 0; } .mainMenuTop .lvl2 li:hover { z-index:199; } .mainMenuTop li div a { padding: 2px 0; } .mainMenuTop li:hover div a { font-size: 12px; color: #2e2e2e; } .mainMenuTop li:hover div a:hover { text-decoration: underline; } .mainMenuTop li a .drop { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; right: 0; top: 15px; display:none; } .mainMenuTop li a:hover .drop { border-top: 5px solid #B22222; } .mainMenuTop li a.current .drop { border-top: 5px solid transparent; } .mainMenuTop li .expn { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #2e2e2e; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .mainMenuTop li ul { list-style: none; padding: 0; margin: 0; font-weight:normal; } .mainMenuTop li ul li { font-size: 12px; line-height: 15px; margin: 0; padding: 0; position: relative; text-align: left; background-color: transparent; height:100%; width:100%; } .mainMenuTop .col1, .mainMenuTop .col2, .mainMenuTop .col3, .mainMenuTop .col4, .mainMenuTop .col5, .mainMenuTop .col6, .mainMenuTop .col7, .mainMenuTop .col8, .mainMenuTop .col9 { background-color: #E8E8E8; border-top: medium none; box-shadow: 5px 5px 10px 0 #2e2e2e; float: left; left: -999em; margin: 8px auto 4px; padding: 10px 5px; position: absolute; text-align: left; width: 655px; z-index:198; display:none; } .mainMenuTop .hasSub:hover .dropdownColumns { left: -1px; top: 22px; } .mainMenuTop .lvl2 li:hover .popupColumns.lvl3 , .mainMenuTop .lvl2 li:hover + li .popupColumns.lvl3 { left: -40px; top: auto; } .mainMenuTop .popupColumns { background-color: #D8D8D8; border-top: medium none; box-shadow: 5px 5px 10px 0 #2e2e2e; float: left; left: -999em; margin: -20px 0 0 120px; padding: 10px 5px; position: absolute; text-align: left; z-index: 199; width: 150px; } .subPic1, .subPic2, .subPic3, .subPic4, .subPic5, .subPic6, .subPic7, .subPic8, .subPic9, .subPic10 { display:none; } /* Category Top Menu Ends */ /* Pack & Collective item selection in product detail page begins */ .attr3options .items-heading { background: #fafafa; border: 1px solid #E6E6E6; height: 36px; } .attr3options .items-heading .item-image { width: 50px; } .attr3options .items-heading .item-value { width: 50px; text-align: center; } .attr3options .items-heading .item-unitprice { width: 80px; text-align: right; } .attr3options .items-heading .item-price{ width: 80px; text-align: right; } .attr3options .items-heading .item-qty { width: 114px; text-align: center; } .attr3options .items-heading > div { text-transform: uppercase; font-weight: bold; font-size: 11px; float: left; color: #666; line-height: 36px; height: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .attr3options .item.active { background: #DFF0D8; } .attr3options .item.disabled { background: #F0EEE8; } .attr3options .item { border-top: none; background: #FAFAFA; border: 1px solid #E6E6E6; overflow: hidden; position: relative; } .attr3options .item > div { height: 68px; line-height: 68px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .attr3options .item .item-image { width: 50px; } .attr3options .item .item-image-wrap { cursor: pointer; margin: 10px 0 0 1px; height: 48px; width: 48px; } .attr3options .item.active .item-image-wrap { background: url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF; } .attr3options .item .item-image-wrap img { background-repeat: no-repeat; background-position: center center; background-color: #CCC; background-size: 100%; height: 40px; margin: 4px 0 0 4px; width: 40px; } .attr3options .item .item-value { width: 50px; font-weight: bold; text-align: center; } .attr3options .item .item-unitprice { width: 80px; text-align: right; } .attr3options .item .item-price { width: 80px; text-align: right; } .attr3options .item .item-qty { width: 114px; text-align: center; position: relative; } .attr3options .item input.inputitemqty { height: 20px; width: 32px; text-align: center; padding: 3px 4px; } .attr3options .item .item-qty-buttons { position: absolute; top: 19px; right: 7px; padding: 0 29px; width: 42px; line-height: normal; } .attr3options .item .item-qty-buttons button { background: transparent url(../files/minusplus.png) no-repeat 0 0; height: 30px; width: 30px; border: 0; outline: 0; top: 0; position: absolute; cursor: pointer; } .attr3options .item .item-qty-buttons .item-qty-minus { left: 1px; background-position: 0 -30px; } .attr3options .item .item-qty-buttons .item-qty-plus { right: 1px; background-position: -30px -30px; } .attr3options .item .item-qty-minus:hover { background-position: 0 0; } .attr3options .item .item-qty-plus:hover { background-position: -30px 0; } .attr3options .item .item-qty-status { position: absolute; bottom: 0; right: 0; left: 0; line-height: normal; color:#B22222; font-size:90%; } .attr3options .items-totals { margin: 10px 0; } .attr3options .items-totals > div { float: left; height: 30px; line-height: 30px; text-align: right; } .attr3options .items-totals .item-total-title { width: 130px; font-size: 16px; font-weight: bold; } .attr3options .items-totals .item-total-amount { width: 130px; font-size: 16px; font-weight: bold; } .attr3options .items-totals .item-total-qty { width: 104px; color: #999; font-size: 12px; } #popupProductDetailContent .attr3options { font-size:90%; } #popupProductDetailContent .attr3options .items-heading .item-value { width: 40px; } #popupProductDetailContent .attr3options .items-heading .item-price { width: 70px; } #popupProductDetailContent .attr3options .item .item-value { width: 40px; } #popupProductDetailContent .attr3options .item .item-price { width: 70px; } #popupProductDetailContent .attr3options .items-totals .item-total-title { width: 110px; } /* Pack & Collective item selection in product detail page ends */ /* Gift Card Begins */ body.EPGIFTCARD .maincontent { background-image: url(../files/giftcard-bg.jpg); background-attachment: fixed; background-size: cover; background-position:center center; } .giftcard { position: relative; margin-top: 50px; margin-bottom: 50px; } .giftcard-landing { padding-left: 5%; padding-right: 5%; } .giftcard-landing .giftcard-type { padding-left: 0; padding-right: 0; width:50%; float:left; } .giftcard-landing .giftcard-type > a { display: block; position: relative; max-width: 360px; max-height: 480px; margin: 4%; text-align: center; border: 2px solid #888; width:100%; color:#555; text-decoration: none !important; background-color: rgba(255, 255, 255, 0.6); -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } .giftcard-landing .giftcard-single { width:100% !important; } .giftcard-landing .giftcard-single > a { margin: auto !important; float: none !important; } .giftcard-landing .giftcard-type > a:focus, .giftcard-landing .giftcard-type > a:hover { background-color: rgba(255, 255, 255, 0.9); } .giftcard-type > a:hover{ border: 2px solid #000 !important; } .giftcard-landing .giftcard-type-left > a { float:right; } .giftcard-landing .giftcard-type > a > span.top { display: block; font-size: 3rem; margin-top: 10%; } .giftcard-landing .giftcard-type > a > span.middle { display: block; font-size: 3rem; margin-top: 10%; line-height: 50px; text-transform: uppercase; } .giftcard-landing .giftcard-type > a > span.middle:hover { text-decoration: none !important; } .giftcard-landing .giftcard-type > a > span.bottom { border: 2px solid #fbad18; border-radius: 4px; display: inline-block; font-size: 0.8rem; margin-bottom: 10%; margin-top: 20%; padding: 2% 5%; font-weight: 600; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; text-transform: uppercase; } .giftcard-landing .giftcard-type > a:hover > span.bottom { background-color: #fbad18; color: #fff; } /* Gift card balance popup */ .giftcard-balance { display: block; text-align: center; color: #555; text-decoration: none !important; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; margin: 2% 6% 0; padding:15px 0; text-transform:uppercase; } .giftcard-balance > h3 { color: #000; margin:0 0 15px; } .giftcard-balance > button { color: inherit; border: 2px solid #fbad18; border-radius: 4px; display: inline-block; padding: 2% 5%; font-weight: 600; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; text-transform: uppercase; } .giftcard-balance > button:hover { background-color: #fbad18; color: #fff; } #popupContent.giftcard-balance-popup { width:360px !important; padding: 15px; min-height: 200px; } #giftcardBalance { color: #555; } .popupWindow .popup-title { color: #555; padding: 0 0 5px; margin: 0 0 15px; line-height: 20px; text-transform: uppercase; border-bottom: 3px solid #555; } #giftcardBalance p { padding:15px 0 0; } #giftcardBalance .input_box { margin: 15px 0 0; position: relative; display: block; } #giftcardBalance .col-xs-7 { width: 60%; display: block; float: left; } #giftcardBalance .col-xs-4 { width: 30%; display: block; float: left; margin-left: 7%; } .inputvalidator { margin:5px 0 0; } .inputvalidator .message { font-weight:bold; } #giftcardBalance .button_box { margin:30px 0 0; width:100%; } #giftcardBalance .button_box > button { background-color: #fbad18; color: #fff; width:100%; border: 2px solid #fbad18; border-radius: 4px; display: inline-block; font-size: 0.8rem; padding: 2% 5%; font-weight: 600; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; text-transform: uppercase; } /* Gift card selection page */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } .btn-reverse { background-color: #fff; border: 2px solid #fbad18; border-radius: 4px; display: inline-block; font-size: 1.4rem; padding: 2% 5%; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } .btn-reverse:hover { background-color: #fbad18; color: #fff; } #giftCardSelection { position: relative; max-width: 1199px; margin: 0 auto; } #giftCardSelection .inline-container > *, #giftCardSelection .form-control { font-size: 14px; } #giftCardSelection .giftcard-images { clear: left; float: left; position: relative; padding-right:30px; width:50%; } #giftCardSelection .giftcard-header { color: #fff; font-size: 16px; position: relative; text-align: left; text-transform: uppercase; padding: 5px 15px; margin-bottom: 10px; -webkit-font-smoothing: antialiased; } #giftCardImageWrapper, #giftCardReviewWrapper { position: relative; margin-bottom: 30px; } #giftCardImageWrapper .giftcard-image-container { overflow: hidden; } #giftCardImageWrapper .giftcard-image { position: relative; width: 48.9%; float: left; margin-bottom:10px; } #giftCardImageWrapper .giftcard-image-container div:nth-child(odd) { padding-left:0; padding-right:5px; } #giftCardImageWrapper .giftcard-image-container div:nth-child(even) { padding-left:5px; padding-right:0; } #giftCardImageWrapper .giftcard-image-container a.giftcard-image-button { display:block; width:100%; height:100%; } #giftCardImageWrapper .giftcard-image-container a.giftcard-image-button.selected:after { content:""; position:absolute; top:0; bottom:0; left:0; right:5px; border: 6px solid #006FB1; } #giftCardImageWrapper .giftcard-image-container div:nth-child(even) a.giftcard-image-button.selected:after { left:5px; right:0; } #giftCardImageWrapper .giftcard-image-container a.giftcard-image-button img { width:100%; } #giftCardSelection .giftcard-fields { float: right; position: relative; width:46.9%; } #giftCardFormWrapper .giftcard-form-container { position: relative; overflow: hidden; padding: 0 0 15px 0; background-color: #fff; margin: 0 auto; zoom: 1; } #giftCardFormWrapper > div > div, #giftCardReviewWrapper > div > div { padding-left: 0; padding-right: 0; margin-bottom: 30px; float: left; width: 100%; } #giftCardFormWrapper .formsectiontext { width: auto; min-height:0; padding-top:0; line-height: normal; font-size: 14px; display: inline-block; padding-bottom:5px; } #giftCardFormWrapper .sign { padding-top: 3px; min-height:0; } #giftCardFormWrapper .formsectionvalue { width: 100%; padding-left: 0; } #giftCardAmounts .giftcard-amount { width: 32.9%; line-height: 34px; background-color: #fff; text-align: center; color: #777; display: block; float: left; cursor: pointer; border: 1px solid #ddd; } #giftCardAmounts .giftcard-amount.selected { border: 1px solid #fbad18; background-color: #fbad18; color: #fff; } #giftCardAmounts .giftcard-amount:not(:nth-child(3n)) { border-right: 1px solid transparent; } #giftCardAmounts .giftcard-amount:nth-child(n+4) { border-top: 1px solid transparent; } #giftCardFormWrapper .giftcard-amount-sign { float: left; position: relative; top: 10px; } #giftCardFormWrapper .form-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } #txtGiftCardCustomAmount { width: 60px !important; text-align: right; } #giftCardSelection .form-control, #giftcardBalance .form-control { padding: 7px; border: 1px solid #ddd; width:96%; } #giftCardSelection input.form-control, #giftcardBalance input.form-control { height:18px; } #giftCardSelection .input-group-addon:last-child { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #giftCardSelection .input-group-addon { padding: 9px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } #giftCardSelection .input-group-addon, #giftCardSelection .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } #giftCardSelection .input-group .form-control, #giftCardSelection .input-group-addon, .input-group-btn { display: table-cell; } #giftCardSelection .input-group .form-control { position: relative; z-index: 2; float: left; width: 88%; margin-bottom: 0; } #giftCardFormWrapper .info-block { font-size: 9px !important; text-transform: none; display: block; margin: 3px 0 0 35px; } #giftCardReviewWrapper .giftcard-review-text { margin-bottom: 15px; } #giftCardReviewWrapper .giftcard-review-preview { width:50%; } #giftCardReviewWrapper .giftcard-review-preview > button { width:100%; font-size:14px; } #giftCardReviewWrapper .checkbox { margin: 0; } #giftCardReviewWrapper .checkbox a { text-decoration: underline; } #giftCardReviewWrapper .giftcard-terms-agreetext { padding-left: 30px; font-size: 12px; } #giftCardReviewWrapper .checkbox input[type="checkbox"] { height: 20px; width: 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; vertical-align: middle; padding:0; margin: 0 8px 0 -30px; border: 1px solid #000; background: -webkit-linear-gradient(#FFF, #FFF); -webkit-appearance: none; -webkit-transition: box-shadow 200ms; } #giftCardReviewWrapper .checkbox input[type="checkbox"]:checked:after { content: "\f00c"; font-family: 'FontAwesome'; font-size: 17px; } #giftCardReviewWrapper input.btn { font-size: 1.4rem; width: 100%; } #giftCardReviewWrapper .inputvalidator { float: left; position: relative; margin-bottom:0; } #popupContent.giftcard-preview { width: 642px; min-height: 377px; height:377px; } /* Gift Card in Shopping Cart & Checkout */ .ci_table .cell_remove .cell_footer_giftcardremove .remove { padding-top:0 !important; } .giftcard_content .input_box { display: inline-flex; justify-content: space-between; } .giftcard_content .input_box .giftcardnumber_input { width:72%; text-transform:uppercase; margin-right:8px; } .giftcard_content .input_box .giftcardpin_input { width:28%; text-transform:uppercase; } .giftcard_content .button_box { display: inline-block; width: auto; margin-bottom: 0; } .coupon_checkout, .giftcard_checkout { height:auto !important; line-height:normal !important; width:100%; padding-left: 7px; } .giftcard_checkout { background-color:#F7F6F3; color:#5A5A5A; border: 1px solid #ddd; position:relative; } .giftcard_checkout .giftcard_prompt { width: 100%; padding-top:7px; } .giftcard_checkout .giftcard_content { position: relative; width: 100%; } .coupon_checkout .coupon_content, .giftcard_checkout .giftcard_content { float: left; text-align: left; } .coupon_checkout .notice, .giftcard_checkout .notice { margin-top:0; } /* Gift Card Ends */