/** * 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,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.4;}ol, ul { list-style:disc;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;} /* =========== END RESET ================== */ /* ========== @FONT-FACE =============== */ @font-face { font-family: "Open Sans Light"; font-style: normal; font-weight: normal; src: url("/user/files/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-Light-webfont.woff") format("woff"), url("/user/files/OpenSans-Light-webfont.ttf") format("truetype"), url("/user/files/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); } @font-face { font-family: "Open Sans Light"; font-style: italic; font-weight: normal; src: url("/user/files/OpenSans-LightItalic-webfont?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-LightItalic-webfont.woff") format("woff"), url("/user/files/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("/user/files/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: normal; src: url("/user/files/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-Italic-webfont.woff") format("woff"), url("/user/files/OpenSans-Italic-webfont.ttf") format("truetype"), url("/user/files/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: normal; src: url("/user/files/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-Regular-webfont.woff") format("woff"), url("/user/files/OpenSans-Regular-webfont.ttf") format("truetype"), url("/user/files/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); } @font-face { font-family: "Open Sans Semibold"; font-style: normal; font-weight: normal; src: url("/user/files/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-Semibold-webfont.woff") format("woff"), url("/user/files/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/user/files/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg"); } @font-face { font-family: "Open Sans Bold"; font-style: normal; font-weight: normal; src: url("/user/files/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-Bold-webfont.woff") format("woff"), url("/user/files/OpenSans-Bold-webfont.ttf") format("truetype"), url("/user/files/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); } @font-face { font-family: "Open Sans ExtraBold"; font-style: normal; font-weight: normal; src: url("/user/files/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/user/files/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/user/files/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/user/files/OpenSans-ExtraBold-webfont.svg#OpenSansExtraBold") format("svg"); } /* ============== END @FONT-FACE =============== */ /* =========== DEFAULT CODE =============== */ html { padding: 0; margin: 0; } /* Controls the complete HTML Body */ body { background-attachment: scroll; background-color: #FFFFFF; color: #000000; display: block; font-family: 'Open Sans Light', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; margin: 0; overflow-x:hidden;} /* Controls the customisable centre section of the HTML Body */ #bodywrapper { background-color: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; margin-left: auto; margin-right: auto; position: relative; text-align: left; width: 1000px; } /* Site Master */ div.content { margin: 0; } div.maincontent { width: 100%; } div.maincontent .mainleft { display: inline; float: left; padding-top: 15px; } div.maincontent .maincentre { display: inline; float: left; padding: 15px 0; } div.maincontent .mainright { display: inline; float: left; padding-top: 10px; 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: #dd0c1b; text-decoration: none; font-style:italic; } /* Controls the hover colour of the links */ a:active, a:hover { text-decoration: underline; } th { vertical-align: middle; } td { vertical-align: middle; } /* Controls the characteristics of heading 1 in HTML pages, and also the stock description in stock detail page */ h1 {font-family:"Open Sans ExtraBold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; color:#000; text-transform:uppercase; margin-bottom:10px;} /* COntrols the characteristics of the product details heading */ h1 .div_ISD {} /* Controls the characteristics of heading 2 in HTML pages */ h2 { margin-top: 20px; margin-bottom: 5px; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#dd0c1b; text-transform:uppercase;} /* Controls the characteristics of heading 3 in HTML pages */ h3 { font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #000000; 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; vertical-align:middle;} /* 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 */ .formsectionvalue input, .formsectionvalue textarea{ font-family: "Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; color:#000; border:1px solid #DC0C1A; font-size:12px; padding:0 5px;} select{font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #DC0C1A; padding:0 0 0 5px; font-size:12px;} 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; } /* 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: 10px; right: 10px; z-index:201; height: 27px; */} .uppermenu ul { list-style: none; padding: 0; margin: 0; } /* Controls display of My Account and Log Out prompts. Add a color line to change the colour of items */ .uppermenu li { padding: 0; margin: 0; display: inline; /* border-left: solid 1px #000000; */} /* Controls display of the first item. */ .uppermenu li.first { border-left: none;} /* Controls display of Customer User Name. */ .uppermenu li span.login-username { padding: 0 5px; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal;} /* 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; } /* 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; } /* 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: 31px; background: #FFFFFF url(../Files/menu-bg.gif) top left repeat-x; font-size: 12px; font-weight: bold; list-style-type: none; margin: 0; padding: 0; } */ div.mainMenu ul { list-style: none; padding: 0; margin: 0; } /* 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 10px; height: 31px; } div.mainMenu li a { /* height: 31px; color: #777777; */ text-decoration: none; display: block; float: left; /* line-height: 200%; padding: 5px 15px 0 ; */} /* div.mainMenu li a:hover { color: #B22222; } */ /* div.mainMenu li a.current { height: 28px; color: #FFFFFF; background: #FFFFFF url(../Files/current-bg.gif) top left repeat-x; padding: 3px 15px 0; } */ /* search bar */ /* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */ div.bar {color:#000; height:35px; position:absolute; top:129px; width: 350px; right: 0; z-index:198;} div.bar div {height:35px; line-height:35px;} /* Controls the characteristics of the text control */ .searchtextbox { font-size: 12px; width: 180px; font-family:"Open Sans Light", Arial, Helvetica, sans-serif; height:21px; margin:0; padding:0 5px; border:1px solid #dd0c1b;} /* Controls the characteristics of the 'Go' button for the search bar */ img#ctl00_HeaderMiddle_Content_195_btnSearch { margin-top: -3px; display: inline-block; } /* Category navigation menu */ /* Controls the display characteristics of the Category List */ .categorymenu { border:2px solid #d7d7d7; border-top:none; vertical-align: top; padding: 5px 0 15px 0; } .categorymenu ul { list-style: none; margin: 0; padding: 0 0 10px 20px; } /* Controls the display characteristics of the Category List */ .categorymenulevel li a{ color: #000; font-size: 13px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal; padding-left: 0 !important; line-height:18px;} .categorymenulevel li.selected ul.categorysubmenulevel2 li a{color:#000; font-size:13px; font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; line-height:18px;} .categorymenulevel li.selected ul.categorysubmenulevel2 li a.selected, .categorymenulevel li.selected ul.categorysubmenulevel2 li a.selected:hover{font-family:"Open Sans SemiBold", Arial, Helvetica, sans-serif; font-weight:normal; color:#dd0c1b;} /* Controls the characteristics of the category List when Hovering */ .categorymenulevel a:hover, .categorymenulevel li.selected ul.categorysubmenulevel2 li a:hover { color: #dd0c1b; text-decoration: none; } .categorymenulevel li { padding-top: 5px; } /* Controls the characteristics of the category List when Mouse is clicked */ .categorymenulevel li a.selected, .categorymenulevel li a.selected:hover, .categorymenulevel li.selected a, .categorymenulevel li.selected a:hover { color: #000; font-family:"Open Sans SemiBold", Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; } /* Controls second level */ .categorysubmenulevel2 { color: #006FB1; font-size: 11px; font-weight: normal; text-decoration: none; } .categorysubmenulevel2 li a:hover { font-weight: normal; } /* Controls third level */ .categorysubmenulevel3 { color: #006FB1; font-size: 11px; font-weight: normal; text-decoration: none; } /* Controls fourth level */ .categorysubmenulevel4 { color: #006FB1; font-size: 11px; font-weight: normal; text-decoration: none; } /* Controls the characteristics of Login Page */ .logincontainer { } .loginmessage { } .logintable {border: 2px solid #D7D7D7; font-family:'Open Sans Light', Arial, Helvetica, sans-serif; font-weight:normal; } .logincellleft { width: 49%; float: left; border-right: 1px solid #D7D7D7; } .logincellright { width: 49%; float: right; } /* Controls characteristics of Login Header displayed */ .loginheader { color:#DC0C1A; background:#D7D7D7; font-family:"Open Sans ExtraBold", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; height:30px !important; line-height:30px; text-align: center; } .loginheadercell { } /* Controls the Login Box characteristics. Add a color line to change Font colour */ .loginbody { } .logincell { } .logincellinner {padding:20px;} .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 { margin-top:-20px; } .passwordrecoverymessage { } .passwordrecoverybody { } .recoverpwdtable { width: 50%; border: 2px solid #D7D7D7;} /* Controls characteristics of Password Recovery Header displayed */ .recoverpwdheader { height: 30px; line-height: 30px; background-color: #d7d7d7; color: #dd0c1b; text-align: center; font-family:"Open Sans Extrabold", Arial, Helvetica, sans-serif; fotn-weight:normal; text-transform:uppercase; margin-top:-2px;} /* Controls characteristics of Password Recovery Body displayed */ .recoverpwdbody { padding:20px;} .recoverpwdcomment { } .recoverpwdemail { margin-top:10px; } .recoverpwdtext { display: inline-block; width: 100px;} .recoverpwdvalue { display: inline-block; } .recoverpwdbutton { margin-top:5px; text-align: right; } /* 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 { text-decoration: line-through; } .currentprice { font-size: 13px; color: #dc0c1a; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} .saveamount {} .newstyle { font-weight: bold; color: #b22222; } .error { color: #b22222; font-weight: bold; } .success { color: #dd0c1b; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; display:block; width:97%; text-align:right;} .negative { color: #b22222; } /* Availibility Description */ /* Controls characteristics of Stock Availability prompt */ .availablenow { color: #04a800; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal;} /* Controls the characteristics of the Stock Availability Message */ .delayeddelivery {color: #dc0c1a; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal;} /* Controls the characteristics of the Stock Availability Message */ .outofstock { color: #eb6f00; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal;} /* 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; magin-bottom:10px;} /* Controls display of Current step */ .highlightheader { color: #dc0c1a; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; } .stylesection { padding: 10px; border-top: 1px dashed #C0C0C0; } /* This controls the 'Please Make your Selections' text in the Stock Item Display text */ .hookline { } .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 {color:#000; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; height:20px !important; line-height:20px; text-indent:20px; background:#f4f4f4; padding:1px 0;} /* Controls the display of the Body text within each Checkout Section */ div.sectiondata { padding: 3px 0 3px 20px; font-size: 100%; font-weight: normal; } /* Controls the characteristics of Register Page */ .register { margin-top: 5px; position: relative; top: -53px;} .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 {float: left; padding:30px 0 20px 20px;} /* Controls the characteristics of right section displayed */ .registercellright { float: left; padding:30px 0 20px 25px;} /* Controls the characteristics of text area*/ .registercelltext { display: inline-block !important; width: 120px !important; } /* Controls the characteristics of input control area */ .registercellvalue { display: inline-block !important; margin-bottom:5px;} /* Controls the characteristics of newsletters and loyalty program prompts */ #trNewsLetter { padding-top: 20px; padding-bottom:10px;} #trNewsLetter input { margin-right: 10px; margin-top:8px;} #trNewsLetter label {display:inline-block; margin-top:2px; vertical-align:top; margin-right:30px;} #trJoinLoyalty { padding-top: 15px; } #trJoinLoyalty::after { content: 'Get $5 loyalty points for every $100 you spend on full price items.'; display: block; padding-left: 20px;} /* Controls the characteristics of register button */ .registerbutton { padding-top: 0; padding-right: 35px; } /* 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%; } .shoppingcart_topbuttons .proceedbutton { text-align: right; } .shoppingcart_bottombuttons { width: 100%; margin-top: 30px; margin-bottom: 10px; } .shoppingcart_bottombuttons .continuebutton { float: left; } .shoppingcart_bottombuttons .proceedbutton { float: right; } /* Controls display of Section Headings in Order Detail Screen */ div.sectionheader { background: #d7d7d7; color: #dc0c1a; text-align: left; clear: both; display: block; line-height:30px; font-family:"Open Sans ExtraBold", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; padding-left:20px; padding-right:20px; margin-bottom:7px;} /* 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: 20px; padding-left:20px;} /* 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 {background:#d7d7d7; color:#dd0c1b; font-family:"Open Sans ExtraBold"; font-weight:normal; height:30px !important; line-height:30px; text-transform:uppercase; text-align:center;} 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 { background:#d7d7d7; clear:both; display:block; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; height:30px; line-height:30px; overflow:hidden; text-align:left; padding:0 20px;} /* Controls the characteristics of left content in container */ div.styleresultbar .filterby { margin-left: 0 !important; display: inline; float: left; position: relative; width: 230px; } /* Controls the characteristics of centre content in container */ div.styleresultbar .sortby { display: inline; float: left; position: relative; width: 200px;} /* Controls the characteristics of centre content in container */ div.styleresultbar .navpages { margin-right: 0 !important; display: inline; float: right; position: relative; text-align: right; max-width: 320px; } /* Category */ .productlist { list-style: none; padding: 0; margin: 0; } .productlist li { display: inline; float: left; margin: 0; padding: 0; } .productlistlastcell { *overflow: hidden; *margin-right: -3px !important; } .productlistlastrow { border-bottom: 0 none !important; } .stylesummaryimageholder > a > img {} /* Controls the Style display background and borders in styles displayed in category page */ .stylesummarybox { margin: 0; padding: 20px 0; width: 100%; border-bottom: 1px dashed #C0C0C0; position: relative; } .suggestionbox .stylesummarybox { border-bottom: none; } .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: center; } /* Controls the characteristics of the 'special' price on product listings */ .stylesummarytext .spn_P1 {} .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 { color:#DC0C1A; font-family:"Open Sans ExtraBold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; text-transform:uppercase; vertical-align:middle;} /* 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 { 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: #F7F6F3; 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 { font-weight: normal; border-top: solid 2px #D7d7d7;} /* 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: #000000; border-bottom:2px solid #d7d7d7; height:30px;} .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer { } .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner { } .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab { height: 30px; line-height:30px; margin: 0; background:#efefef; padding:0 15px; color:#DC0C1A; text-transform:uppercase; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; margin-right:5px;} .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 { background:#d7d7d7; } .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 { background:#d7d7d7;} .ajax__tab_xp-theme .ajax__tab_body {font-size: 12px; border: 2px solid #d7d7d7; border-top: 0;} /* 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: 10px 0 10px 0px; } .productsfound span { color: #DC0C1A; } /* 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%; margin: 0 0 12px 0; position:relative;} /* Controls the display characteristics of image in Product Detail */ .productdetailbox .productimagecont { display: inline; /*float: left;*/ text-align: left; vertical-align: top; position: relative; z-index: 2; } /* Controls the display characteristics of rollover message in Product Detail */ .productdetailbox .productimagecont .rollovermessage { font-size: 90%; padding-bottom: 10px; text-align: center; width:300px;} /* Controls the display characteristics of text area in Product Detail */ .productdetailbox .productdetailcont { float: left; text-align: left; vertical-align: top; z-index: 1; width:100%;} /* Controls the display characteristics of price labels in Product Detail */ .productdetailbox .productdetailcont .leftlabel { display: inline-block; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} /* 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 { height: 25px; } /* Controls the display characteristics of colour/size dropdownlist in Product Detail */ .productdetailbox .productdetailcont .productattribute { } .productdetailbox .productdetailcont .productattribute .attributelabel { display: inline-block; width: 113px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} .productdetailbox .productdetailcont .productattribute select { width: 180px; } /* Controls the display characteristics of colour/size selection in Product Detail */ .productdetailbox .productdetailcont .attributeselection { width: 100%; } .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 { font-family: verdana,tahoma,helvetica; font-size: 10pt; border: solid 1px #4498c2; padding: 10px; } /* 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: #B22222; padding-bottom: 10px; } /* 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: 350px; } /* 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 { font-weight: bold; color: #006FB1; background: url(../Files/stockavailabilitytab-instock.gif) no-repeat left top; padding-left: 20px; } /* Controls the characteristics of Out Of Stock items in stock availability tab body*/ .stockAvailability-theme .ajax__tab_body .sabody .saoutofstock { color: #000000; padding-left: 20px; } /* 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 shop by filter content.*/ .shopby_box { width: 100%; margin: 0; padding: 0; } /* Controls the common characteristics of header area in shop by filter content.*/ .shopby_box ul, .shopby_box li { margin: 0; padding: 0; /* list-style:none; */ } .shopby_header_wrapper { position: relative; } h3.shopby_header { margin: 0; line-height: 26px; height: 26px; padding: 0; position: relative; cursor: pointer; font-size: 12px; border-top: 1px solid #555; overflow: hidden; } /* Controls the characteristics of header area in shop by filter content when closed.*/ .shopby_header_default { font-weight: bold; color: #555; } /* Controls the characteristics of header area in shop by filter content when mouse over.*/ .shopby_header_hover { color: #C77405; } /* Controls the characteristics of header area in shop by filter content when opened.*/ .shopby_header_active { color: #555; } /* Controls the characteristics of header area in shop by filter content when filters are selected.*/ .shopby_header_selected { color: #B22222; } /* Controls the text and icons of header area in shop by filter content.*/ h3.shopby_header a { color: inherit !important; text-decoration: none; outline: 0 none; padding-left: 16px; } a.shopby_clear { color: #555; font-size: 9px; position: absolute; top: 7px; right: 3px; text-decoration: none; } a.shopby_clear:hover { text-decoration: underline; } .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; } /* Controls the characteristics of body area in shop by 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 shop by 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 splash popup page in shop by filter content.*/ /* 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; margin-bottom:1px;} /* seo trick for logo content. */ .logo { font-weight: bold; margin: 0; padding: 0; } /* 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 { list-style: none; padding: 0; margin: 0; 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: 80px; } .cell_price { width: 100px; text-align: right; } .cell_item { line-height:15px; } .cell_amount { width: 100px; text-align: right; } .cell_remove { width: 60px; text-align: center; } /* 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; border: 1px solid #CCCCCC; height: 30px; line-height: 30px; margin: 10px 0 0 313px; 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; padding-top: 5px; } .coupon_content .coupon_input { font-size: 90%; width: 140px; vertical-align: top; } .coupon_content .coupon_button { padding-right: 5px; } /* Controls the characteristics of watermarked textbox.*/ .enablewatermark { color: #555555; 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 .content { display: inline; position: relative; } /* 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 centre 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 ul, .looks_cont li { list-style: none outside none; padding: 0; margin: 0; } .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; top: 240px; /* you may type a specific value */ left: 0; 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; width: 333px; /* you may type a specific value */ } .looks_cont .thumbs ul { } .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; 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; border: 1px solid #B7B7B7; display: none; position: absolute; width: 242px; /* 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; float: left; min-height: 210px; /* you may type a specific value */ padding: 10px 10px 0; 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 { } /* --- Facebook Register Page --- */ #ctl00_MainCentre_container_Content_50_pnlContentContainerData { width: 800px; } #ctl00_MainCentre_container_Content_50_pnlContentContainerData #ctl00_MainCentre_container_Content_50_Content_24_pnlContentData { display: none; } #ctl00_MainCentre_container_Content_50_pnlContentContainerData .sectioncomment { margin-bottom: 20px; } .testtesttest { font-family: 'Open Sans'; font-weight: 300; } /* Controls the characteristics of lookbook cluster popup window */ #popupContent { display: none; width: 320px; min-height: 480px; } #popupContent ul, #popupContent li { list-style: none outside none; padding: 0px; margin: 0px; } /* Controls the characteristics of background when popup window is shown */ .backgroundPopup { display: none; 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 */ #popupBranchInfoPage {display:none;} .popupWindow { position: fixed; _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; } /* 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; } /* Wishlist content in shopping cart page */ .wishlistbox { margin-top: 20px; } table { border-spacing: 0; border-width: 0; } table, th, tr, td { padding: 0; } /* 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; } /* Control the characteristics of message if shopping cart is empty */ .ci_empty { padding: 10px 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; } /* Control the characteristics of expiration message in wishlist */ .s_expirationmessage { padding: 5px 0; font-size: 80%; } /* 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; } /* Control the characteristics of message if wishlist is empty */ .wl_empty { padding: 10px 0 0 10px; } .cell_changedetails { vertical-align: middle; width: 180px; } .cell_changedetails .changedetails { margin-top: 5px; } .cell_footer_price { font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; padding-top:10px;} .cell_footer_amount { font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; padding-top:10px;} /* 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; } .validsummary ul, .validsummary li { list-style: disc; } /* ================ END DEFAULT CODE ================== */ /* ================ PDNZ ADDED CODE ==================== */ .extrabold{font-family:"Open Sans ExtraBold", Arial, Helvetica, sans-serif; font-weight:normal;} .semibold{font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif; font-weight:normal;} .bold{font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;} .normal{font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} .light{font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal;} p{font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:14px; line-height:18px; margin-bottom:10px;} strong, .strong{font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal;} .clear{clear:both; height:0;} li{line-height:18px;} button, a.button{padding:0 15px; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-transform:uppercase; color:#fff; background:#dd0c1b; border:none; font-size:12px;} a.button{padding-top:5px; padding-bottom:5px;} a.button:hover{text-decoration:none;} /* --------------- Template Styles - Global Classes -------------- */ .tab{position:absolute; left:120px;} .tab60{position:absolute; left:80px;} /* -- Controls spacing between Christmas date and time on Contact page -- */ .tabxmas{position:absolute; left:210px;} /* --------------- Template Styles - Header -------------- */ /* Site header (top black bar) background */ #ctl00_HeaderTop_Content_114_Content_607_pnlContentData{background:#000; height:25px; left:-10000px; position:absolute; right:-10000px; top:0; z-index:3;} /* Site header (top black bar) text box */ #ctl00_HeaderTop_Content_114_Content_605_pnlContentData{color:#d7d7d7; font-size:12px; line-height:25px; position:absolute; left:0; top:0px; z-index:4;} /* Login menu */ .uppermenu{top:0; right:0; height:25px; line-height:25px; color:#d7d7d7; font-size:11px; z-index:3;} .uppermenu #ctl00_HeaderTop_Content_3_lvTop_imgCart{display:none;} .uppermenu li{border-left: solid 1px #d7d7d7;} .uppermenu li a{color:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:normal;} /* Main Menu */ #ctl00_HeaderTop_Content_23_pnlContentContainerData{position:absolute; top:129px; height:35px; z-index:3;} div.mainMenu{} div.mainMenu li a.current, div.mainMenu li a:hover{border-bottom:3px solid #dd0c1b;} div.mainMenu li a{color:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; line-height:35px; padding: 0 2px; margin:0 0 0 8px; height:32px;} /* Search button */ img#ctl00_HeaderTop_Content_114_Content_609_btnSearch{vertical-align:middle; margin:-2px 20px 0 5px;} /* Categories menu */ #ctl00_MainLeft_pnlContentContainerData .contentsheader{text-align:left; text-indent:20px;} /* --------------- Template Styles - Body ------------------- */ #ctl00_MainCentre_container_pnlContentContainerData, #ctl00_MainCentre_container_container_pnlContentContainerData{padding:0 0 0 20px;} /* --------------- Template Styles - Footer ----------------- */ #ctl00_FooterBottom_pnlContentContainerData{background:#000; left:-10000px; right:-10000px; position:absolute;} #ctl00_FooterBottom_Content_614_pnlContentData{font-size:11px; padding:40px 0;} #ctl00_FooterBottom_Content_614_pnlContentData ul{list-style:none;} #ctl00_FooterBottom_Content_614_pnlContentData li{line-height:10px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_left ul li{display:inline; border-right:1px solid #808080; padding:0 5px 0 2px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_left ul li.first{color:#fff; border:none; padding:0;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_left ul li.last{border:none;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_left{color:#808080; display:inline-block; vertical-align:middle; width:498px; border-right:2px solid #424242;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right{color:#fff; display:inline-block; vertical-align:middle; width:440px; text-align:left; padding:0 0 0 60px; clear:both;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_left a{color:#808080; text-decoration:none; font-style:normal;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_left a:hover{color:#fff;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right .line1{font-size:18px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right .line2{font-size:11px; display:inline-block; margin-top:2px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #likediscounts{text-align:left; margin:0 0 10px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #facebook{width:50px; height:50px; float:left;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #facebook a#facebook{width:100%; height:100%; background-image:url(../Files/facebook_footer_hover.png); display:block; text-indent:-9999px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #facebook a#facebook:hover{background-image:url(../Files/facebook_footer_hover.png);} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #youtube{width:53px; height:55px; float:left; margin-right:5px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #youtube a#youtube{width:100%; height:100%; background-image:url(../Files/youtube_footer.jpg); display:block; text-indent:-9999px;} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #youtube a#youtube:hover{background-image:url(../Files/youtube_footer_hover.jpg);} #ctl00_FooterBottom_Content_614_pnlContentData #footer_right #email{height:55px;} /* --------------- Homepage --------------- */ /* Homepage Slideshow */ #ctl00_MainCentre_container_Content_610_pnlContentData{width:1000px; height:300px; position:relative;} /* Shop Online Header */ #ctl00_MainCentre_container_Content_731_pnlContentData{width:1000px; height:50px; background:#d7d7d7; margin:20px 0 15px;} #ctl00_MainCentre_container_Content_731_pnlContentData p{font-size:24px; line-height:50px; padding:0 0 0 20px;} /* Category Thumbs */ #ctl00_MainCentre_container_Content_732_pnlContentData{width:1000px;} /* Removing padding on homepage container */ #ctl00_MainCentre_container_Content_610_pnlContentData, #ctl00_MainCentre_container_Content_731_pnlContentData, #ctl00_MainCentre_container_Content_732_pnlContentData{margin-left:-20px;} /* Category Thumbnails */ #categories_container{width:100%;} .cat_row{width:100%;} .cat_row .cat_last{margin:0;} .cat_container .cat_thumb img{border:10px solid #d7d7d7;} .cat_container:hover .cat_thumb img{border:10px solid #a8a8a8;} a.cat_container{font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; width:100%; text-align:center; line-height:30px; padding:0 0 15px 0; color:#000; text-decoration:none; font-style:normal; display:block; width:184px; float:left; margin-right:20px; cursor:pointer;} a.cat_container:hover{text-decoration:none; color:#000;} .label {text-align: center; font-size: 18px;} /* --- Brands Page --- */ .featuredbrandsrow{width:100%; clear:both; margin:0 0 20px 0;} .featuredbrandsrow .brand_thumb img{border:1px solid #d7d7d7;} .featuredbrandsrow .brand_thumb{float:left;} .featuredbrandsrow .brand_description{float:left; padding:0 0 0 20px; width:625px;} #brandsnav_container{background:#d7d7d7; height:30px; line-height:30px; padding:0 0 0 20px;} #brandsnav_container h2{display:inline; padding:0 20px 0 0;} #brandsnav_container a{font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-style:normal; padding:0 1px;} .allbrandsrow{margin:0 20px; border-bottom:1px solid #d7d7d7; padding:0 0 10px;} .allbrandsrow h2{margin-bottom:5px;} .allbrandsrow a{font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#000; display:inline-block; width:150px; padding-top:5px;} /* --- Shipping Page --- */ #ctl00_MainCentre_container_Content_622_pnlContentData li{position:relative;} .bullet_tab{position:absolute; left:180px;} /* --- Subscribed page --- */ #subscribed{width:450px; border:2px solid #d7d7d7; text-align:center; padding:0 0 15px;} /* --------------- Contact Page --------------- */ #contact_left{position:relative; float:left; padding-right:34px;} #contact_right{float:right; margin-top:20px;} .contact_social{margin-right:25px;} #map_canvas{width:450px; height:190px; margin:8px 0 0;} /* --------------- Contact Page --------------- */ #workshop_service_page{position:relative; float:left; padding-right:34px;} /* ---------------- Parts Page --------------- */ .parts_logo{margin-right:30px;} /* --------------- My Account Page ------------ */ .formsectionvalue input[style]{width:200px !important; height:21px;} .formsectionvalue input#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_billingAddress_txtPostCode[style]{width:170px !important;} .formsectionvalue select[style]{width:212px !important; padding:0 0 0 5px; border:1px solid #DC0C1A;} .formsectionvalue textarea[style]{width:200px !important; min-height:40px; padding:5px;} #ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_btnUpdate{border:0; margin:-5px 0 25px 678px;} #ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpOrder{padding:20px;} #ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile .formsectiontext{line-height:25px; padding-left:0;} #ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile .registercellvalue{margin-bottom:5px;} /* -------------- Create Account Page -------------- */ #ctl00_MainCentre_container_container_Content_26_CreateUserWizard1_CreateUserStepContainer_EmailRequired{display:none;} .validate_error, .validsummary b{font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;} /* ------ Login Page / Forgot Password page ------- */ #ctl00_MainCentre_container_container_Content_56_PasswordRecovery1_UserNameContainerID_UserName, #ctl00_MainCentre_container_container_Content_21_lgn1_Password[style], #ctl00_MainCentre_container_container_Content_21_lgn1_UserName[style]{font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #dc0c1a; color:#000; font-size:12px; padding:0 5px; height:21px; margin-bottom:5px; width:220px !important;} #ctl00_MainCentre_container_container_Content_21_lgn1_RememberMe{margin:5px 0 0 20px;} #ctl00_MainCentre_container_container_Content_56_PasswordRecovery1_UserNameContainerID_UserName[style]{width:235px !important;} .logincontainer .formsectiontext{line-height:25px; padding-left:0;} .logincontainer .registercellvalue{margin-bottom:5px;} .registercontainer .registercellleft{padding:20px 0;} .registercontainer .registercellright{padding:20px 0 20px 25px;} .registercontainer #ctl00_MainCentre_container_container_Content_26_CreateUserWizard1_CreateUserStepContainer_accountuserinformation_rdoCommunicateEmail{margin-left:20px; margin-top:0;} #ctl00_MainCentre_container_container_Content_26_CreateUserWizard1_CreateUserStepContainer_billingAddress_txtPostCode[style]{width:170px !important;} .registercontainer #trNewsLetter label{margin-top:4px;} /* ----------- Category Page ------------------ */ #ctl00_MainCentre_container_container_Content_32_StyleListResultBarTop_ddlFilter, #ctl00_MainCentre_container_container_Content_32_StyleListResultBarTop_slcSortBy, #ctl00_MainCentre_container_container_Content_8_StyleListResultBarTop_slcSortBy{margin-left:10px;} div.styleresultbar .navpages {color:#DC0C1A; font-family:"Open Sans ExtraBold", Arial, Helvetica, sans-serif; font-weight:normal;} div.styleresultbar .navpages a{color:#000; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} .spn_ISD a{color:#000; font-style:normal; text-decoration:none; font-family:"Open Sans SemiBold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px;} .spn_CP{font-family:"Open Sans SemiBold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px;} .spn_P1{font-size:14px;} .stylesummarytext .div_ISD[style]{height:35px !important;} .div_P1[style]{height:20px !important;} /* ----------- Product Detail Page ------------ */ /* Image container */ .productimagecont{width:312px; height:401px;} /* Image */ .productimagecont > .productimage_zoomed > a > img {width:300px; height:300px;} /* Main product details container */ #tblStyleDetail .productdetailcont{border:2px solid #d7d7d7; margin-top:120px; width:796px;} /* Thumbnails container */ .productimage_thumbnails{width:312px;} /* Product title */ .productdetailcont h1{position:absolute; top:30px; left:320px; font-size:22px; line-height:25px;} /* Stock Code */ .productdetailcont .stockcode{display:none;} /* Description */ .productdetailbox .productdetailcont .longdescription{padding-top:0;} /* Icon Container */ #iconcont{height:26px !important; position:absolute; top:0; left:320px; z-index:100;} /* 'Product Details' heading */ #detailsheading{font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; background:#d7d7d7; height:30px; line-height:30px; padding-left:20px; text-transform:uppercase;} /* Labels (Add using css content:before) */ .productdetailrow .leftlabel{} /* Crossed out price */ .productdetailcont #trCrossPrice{position:absolute; top:97px; left:320px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#DC0C1A; text-decoration:line-through;} .productdetailcont #trCrossPrice .leftlabel{text-decoration:line-through;} #trCrossPrice > .productdetailrow > .leftlabel{min-width:91px;} /* Save amount container */ .productdetailcont #trSaveAmount{position:absolute; top:116px; left:320px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#000;} /* Normal price, no sale */ .productdetailrow .currentprice{} /* Availability */ .productdetailcont #trAvailability{position:absolute; top:305px; left:320px;} #trAvailability .availailityrow .leftlabel{width:114px;} /* Color size selection container */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_pnlColourSize{position:absolute; top:160px; left:320px; font-size:14px; z-index:9;} /* add to cart button */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_cieAddToCartButton_btnAddToCart{position:absolute; top:450px; left:320px;} /* remove 'regular price' box from h1 in product description */ .productdetailcont h1 .div_P1{display:none;} /* actual price label */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_lblCurrentPriceTitle{position:absolute; top:80px; left:320px; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px;} /* actual price data */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_lblCurrentPrice{position:absolute; top:80px; left:420px; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#000;} /* Attribute selection - 'Enter a quantity' */ div.attributeselection .leftselection{position:absolute; left:320px; top:255px; line-height:20px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} /* Attribute selection - 'Quantity Input' */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_txtQuantity{position:absolute; top:0; left:116px; border:1px solid #dc0c1a; font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; height:20px; line-height:20px; padding:0 6px; z-index:9;} /* Attribute selection - 'Selection' */ div.attributeselection .rightselection{position:absolute; left:320px; top:290px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} /* Attribute selection - 'Selection display' */ #ctl00_MainCentre_container_container_Content_31_StyleDetail1_lblSelection{position:absolute; top:0; left: 116px; font-family:"Open Sans Light", Arial, Helvetica, sans-serif; font-weight:normal; width:200px;} /* Current Price */ #productuserdescription{padding:20px;} #productuserdetails{padding:15px 20px; line-height:15px;} /*.availablenow:after{content:" - Usually ships same day"; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;}*/ strong.semibold{font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif; font-weight:normal;} /* product icons */ .freefreighticon, .returnsicon, .loyaltyicon, .videoicon, .manualicon{text-indent:-999999px; padding-right:8px; float:left;} .freefreighticon{width:70px; height:26px; background:url(../Files/icon_free_freight.jpg) no-repeat;} .returnsicon{width:80px; height:26px; background:url(../Files/icon_returns.jpg) no-repeat;} .loyaltyicon{width:70px; height:26px; background:url(../Files/icon_loyalty_points.jpg) no-repeat;} .videoicon{width:75px; height:26px; background:url(../Files/icon_product_video.jpg) no-repeat;} .manualicon{width:95px; height:26px; background:url(../Files/icon_manual.jpg) no-repeat;} #scooter_detail_heading{position:absolute; top:0px; left:320px; color:#dd0c1b; font-size:22px; text-decoration:underline; text-transform:uppercase; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; font-weight:normal;} /* Finance Container */ #finance_cont{position:absolute; top:45px; right:0; width:142px; height:142px; background:url(../Files/scooter_finance_bubble.png) no-repeat; text-indent:-99999px;} #finance_cont{display:none;} #finance_popup{display:none;} /* Internet Explorer Layout Fix */ .productdescription, #iconcont, #trCurrentPrice, #ctl00_MainCentre_container_container_Content_31_StyleDetail1_lblCurrentPriceTitle, #trCrossPrice, #trSaveAmount, .productattributes, #trAvailability {width:480px;} /* --------- My account - order details page ------------- */ #ctl00_MainCentre_container_container_Content_37_orderDetail_lblOrderDate{display:inline-block; margin-bottom:10px;} #ctl00_MainCentre_container_container_Content_37_orderDetail_ShippingAddress_fvwOrderAddress[style], #ctl00_MainCentre_container_container_Content_37_orderDetail_BillingAddress_fvwOrderAddress[style]{margin:10px 0 20px 20px; width:auto !important;} #ctl00_MainCentre_container_container_Content_37_orderDetail_ShippingAddress_fvwOrderAddress .floatright[style]{width:120px !important;} #ctl00_MainCentre_container_container_Content_37_orderDetail_ShippingAddress_fvwOrderAddress tbody tr td div div div span[style], #ctl00_MainCentre_container_container_Content_37_orderDetail_BillingAddress_fvwOrderAddress tbody tr td div div div span[style]{font-weight:normal !important; font-family:"Open Sans Bold", Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; display:block; margin-bottom:2px;} #ctl00_MainCentre_container_container_Content_37_orderDetail_lblShippingMethod{display:block; margin-bottom:10px;} table#ctl00_MainCentre_container_container_Content_37_orderDetail_OrderItemList_gvwOrderItems[style]{width:760px !important; margin:0 20px;} .cell_footer_price div div, .cell_footer_amount div div{line-height:15px;} /* --------- Shopping Cart Page ---------- */ #divShoppingCart{margin-top:-10px;} #divShoppingCart .sectionbar{display:none;} #ctl00_MainCentre_container_container_Content_33_btnShoppingCart1{display:none;} #ctl00_MainCentre_container_container_Content_33_pnlButtons{margin-top:10px; margin-bottom:10px;} #divShoppingCart .cell_item_img[style]{float:left; width:65px !important;} #divShoppingCart .cell_item_details{float:left;} #divShoppingCart .rowstyle{border-top:1px solid #d7d7d7;} #divShoppingCart td.cell_qty, #divShoppingCart td.cell_item, #divShoppingCart td.cell_price, #divShoppingCart td.cell_amount, #divShoppingCart td.cell_remove{vertical-align:top; padding-bottom:10px; padding-top:10px; line-height:15px;} #ctl00_MainCentre_container_container_Content_33_gvwCart .div_P1{display:none;} .coupon_shoppingcart {margin: 10px 0 0 195px; width: 75%;} .coupon_content .coupon_input {width: 210px;} /* --------- Partpay Widget ---------- */ /* Float right on shopping cart */ #partPayCalculatorWidget{ padding: 0; float: right; } /*Widget CSS for Product detail page*/ .productdetailcont #partpay-widget-container{ position: absolute; top: 350px; left: 320px; font-size: 14px; margin-bottom: 10px; float: none; display: inline-block; } /* Customer Details */ .sectiondata .formsectiontext{padding:0;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_BillingAddressInput_txtPostCode[style], #ctl00_MainCentre_container_container_Content_34_wzdCheckout_ShippingAddressInput_txtPostCode[style]{width:170px !important;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_AccountUserInformation_rdoCommunicateEmail, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_AccountUserInformation_rdoCommunicateNo{margin-top:5px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnCustomerDetails[style]{width:auto !important; margin-top:-20px; margin-right:30px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_chkSameAsBilling{margin-left:-2px;} .checkoutheader a{color:grey;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnShipping1{display:none;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingMethodList{margin-top:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingMethodList div:last-child{margin-top:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_txtSpecialInstruction{margin:10px 0 0; padding:5px 5px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; color::#000; font-size:12px; width:98%;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .paymentOptionList{margin:10px 0 0;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_AddressDisplay_pnlName{margin-top:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .sectionbar{margin-top:20px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary[style]{width:760px !important; margin-top:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .rowstyle{border-top:1px solid #d7d7d7;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .rowstyle .cell_qty, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .rowstyle .cell_item, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .rowstyle .cell_price, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .rowstyle .cell_amount{vertical-align:top; padding:5px 0;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .div_P1{display:none;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .cell_footer_amount, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_orderSummary1_gvwOrderSummary .cell_footer_price{padding-bottom:20px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnShipping2[style]{width:auto !important;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .sectionbar{margin:0;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .sectiondata .sectionbar{background:none; text-indent:0;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_Paymentsummary_lblPaymentMethod{text-transform:capitalize; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_Paymentsummary_divInternetBanking{margin-bottom:20px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary .rowstyle{border-top:1px solid #d7d7d7;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary .rowstyle .cell_qty, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary .rowstyle .cell_item, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary .rowstyle .cell_price, #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary .rowstyle .cell_amount{vertical-align:top; padding-top:5px; padding-bottom:5px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary{margin-top:10px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_OrderSummary2_gvwOrderSummary .rowstyle .div_P1{display:none;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnPayment[style]{width:auto !important;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout_Paymentsummary_divInternetBanking table tbody tr td div{margin-bottom:10px; margin-top:5px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout h2{margin-top:0px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout h4{font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;} #ctl00_HeaderTop_Content_114_Content_640_pnlContentData{position:absolute; top:27px; right:0; width:650px; height:100px !important;} #ctl00_HeaderTop_Content_114_Content_608_pnlContentData{position:relative; z-index:2;} #slider2{z-index:0; height:100px !important;} table#ctl00_MainCentre_container_container_Content_34_wzdCheckout{width:100%;} .checkoutheader{margin-bottom:10px;} table#ctl00_MainCentre_container_container_Content_34_wzdCheckout .billingaddress{width:50%;} table#ctl00_MainCentre_container_container_Content_34_wzdCheckout .addresses .shippingaddress{width:50%;} table#ctl00_MainCentre_container_container_Content_34_wzdCheckout .addresses{margin-top:10px;} table#ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingaddressinput{margin-top:27px;} table#ctl00_MainCentre_container_container_Content_34_wzdCheckout .sameasbilling{padding-top:7px; padding-left:0;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .addresses .shippingaddress{margin-top:0;} /* -------------- Shipping Checkout Page --------- */ #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingcomments{margin-top:15px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingpayment{margin-top:15px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingaddress{margin-top:15px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .orderamountwithshipping{margin-top:15px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .orderamountwithshipping span.currentprice{font-family:"Open Sans Bold"; font-weight:normal; font-size:14px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingordersummary{margin-top:15px;} #ctl00_MainCentre_container_container_Content_34_wzdCheckout .shippingbuttonbottom{margin-top:15px;} /* Payment selection */ .paymentoptionlist .paymentoption-label { height:33px; display: inline-block; } /* Zip */ #divPaymentOption_12 .paymentoption-label { background: url(../files/zip-button.png) no-repeat left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; width: 150px; height: 26px; text-indent: -9999px; } #divPaymentOption_12 { padding-bottom: 10px; } /* --------------- NIVO SLIDER --------------------- */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .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 { padding: 0; display:block; text-align:right; } .nivo-controlNav a { cursor:pointer; background:url(../Files/nivo-nav.png); display:inline-block; width:18px; text-indent:-99999px; text-align:left; } .nivo-controlNav a.active { font-weight:bold; background:url(../Files/nivo-nav-active.png); } /* -------------- Alpinestars Tech-Air Page --------- */ .tech-air-container { width: 800px; } /* For mobile phones: */ [class*="col-"] { width: 100%; } @media only screen and (min-width: 768px) { /* For desktop: */ .col-lg {width: 100%;} .col-sm {width: 50%;} } } /* ================ END PDNZ ADDED CODE ================ */ /* 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%; } /* 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 .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 #777777; 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; } #latest-arrivals, #mens-gear, #ladies-gear, #casual-gear, #clearance, #accessories-tools, #scooters, #urban-lifestyle, #helmets, #intercoms, #luggage, #gift-vouchers { width: 164px; height: 164px; display: inline-block; padding-left: 5%; padding-bottom: 5%; white-space: nowrap; text-align: justify; } #alt_footer { background-color: black; //color:whitesmoke; font-size: 15px; display:none; } #alt_footer > ul { list-style-type: none; margin: 0; padding: 1%; overflow: hidden; } #alt_footer > ul > li { display: inline; text-decoration: none; } #alt_footer > ul > li > a { color:#cccccc; text-decoration: none; } .vertical:before { content: " | "; color: #cccccc; } #alt_footer li:first-child:before { content: none; } #alt_social { 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 */ /* Corrects alignment of the home page category grid */ #ctl00_MainCentre_container_Content_775_pnlContentData { margin-left: 30px; } /* 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: #dc0c1a; /* border: 2px solid #dc0c1a; */ /* 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: #d84e57; 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 { Background: #fff; color: #000; font-size: 16px; position: relative; text-align: left; text-transform: uppercase; padding: 5px 15px 5px 0px; border-bottom: 1px solid #CCC; margin-bottom: 25px; -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; padding-left: 0; } #giftCardFormWrapper .sign { padding-top: 3px; min-height:0; } #giftCardFormWrapper .formsectionvalue { width: 100%; padding-left: 0; } #giftCardAmounts { padding-left: 0px; } #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 #dc0c1a; background-color: #dc0c1a; 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; } #giftCardAmounts .giftcard-amount:last-child { border-right: 1px solid #ddd; } #giftCardFormWrapper .giftcard-amount-sign { float: left; position: relative; top: 7px; margin-right: 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: 14px !important; text-transform: none; display: block; margin: 3px 0 0 19px; } #giftCardReviewWrapper .giftcard-review-text { margin-bottom: 15px; } #giftCardReviewWrapper .giftcard-review-preview { width: 100%; } #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 */ /* Attribute grid selection begins */ ul.attributegrid-container { width: 100%; display: inline-block; background: white; } ul.attributegrid-container, ul.attributegrid-container ul, ul.attributegrid-container li { margin:0; padding:0; } ul.attributegrid-container, ul.attributegrid-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } li.attribute-multiple { display: inline-block; width: 28%; background: white; margin-bottom: 0; margin-top: 0; vertical-align: top; } li.attribute-multiple.single { width: 32.4%; } li.attribute-multiple:nth-child(3n+1) { width: 41%; } li.attribute-multiple.single:nth-child(3n+1) { width: 32.4%; } ul.attributegrid-container li:first-child { margin-left: 0; } ul.atributegrid-cart.grid-labels li, ul.atributegrid-cart.grid-inputs .title { width: 100%; vertical-align: top; padding: 6px 0px; background: #5cb0da; padding-left: 6%; color: white; text-transform: capitalize; background: -webkit-linear-gradient(#5cb0da, #75bee2 , #70bbe1); background: -o-linear-gradient(#5cb0da, #75bee2 , #70bbe1); background: -moz-linear-gradient(#5cb0da, #75bee2 , #70bbe1); background: linear-gradient(#5cb0da, #75bee2 , #70bbe1); } ul.atributegrid-cart { display: block; } ul.atributegrid-cart > li { margin-bottom: 7px; list-style-type: none; } ul.atributegrid-cart.grid-labels > li.one, ul.atributegrid-cart.grid-inputs .inner-mulitple.one { height: 69px; } ul.atributegrid-cart.grid-labels > li.two, ul.atributegrid-cart.grid-inputs .inner-mulitple.two { height: 95px; } ul.atributegrid-cart.grid-labels { display: none; } li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-labels { display: inline-block; vertical-align: top; width: 28.5%; } li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-labels { display: none; } ul.atributegrid-cart.grid-labels { margin-top: 35px; margin-right: 3%; } ul.atributegrid-cart.grid-labels .empty { display: none; } ul.atributegrid-cart.grid-inputs .title { display: inline-block; margin-bottom: 7px; } ul.atributegrid-cart.grid-inputs .inner-mulitple { display: inline-block; width: 100%; background: #f9fdff; margin-top: 0; padding: 7px 9px 0px; color: #828383; font-size: 13px; min-height: 34px; } ul.atributegrid-cart.grid-inputs .inner-mulitple input { padding: 0 6%; width: 100%; } li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs { width: 68.3%; display: inline-block; vertical-align: top; } li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs { width: 100%; } .attributegrid-quantity, .attributegrid-price { padding: 5px 0; margin: 0; } ul.atributegrid-cart.grid-labels > li { padding-top: 25%; text-align: center; min-height: 34px; } /* Attribute grid selection ends */ /* --------- Alerts ---------- */ .alert-yellow { padding: 15px; background-color: #fdfac3; color: black; margin-bottom: 10px; border: 1px solid #e0e003; border-radius: 5px; } .alert-red { padding: 15px; background-color: #fdc3c3; color: black; margin-bottom: 10px; border: 1px solid #e00303; border-radius: 5px; } .logo.show-text, a.show-text { line-height: 0; font-size: 0; color: transparent; } .relative-logo { position: relative; overflow: hidden; } .relative-logo > a { position: relative; z-index: 1; float: none !important; } .relative-logo > .logo-alt { display: block; position: absolute; left: 0; } /* Attribute1 Swatch begins */ .div_CS { position: relative; height: auto!important; } .swatch-image-wrapper { height: 35px!important; padding-top: 5px; width: 200%; text-align: left; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .swatch-image { margin-right: 5px; display: inline-block; height: 30px; width: 30px; border: 1px solid #fff; position:relative; vertical-align: top; } .swatch-image>img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .swatch-image:hover { border-color:#333; } .direction-nav .prev, .direction-nav .next { background: url(../files/look_nav.png) no-repeat left top transparent; position: absolute; top: 50%; margin-top: -16px; font: 0/0 a; text-shadow: none; color: transparent; } .direction-nav a { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display:none; opacity: 0; width: 32px; height: 32px; } .direction-nav a:focus { outline:none; } .div_CS.prev .prev:hover, .div_CS.next .next:hover { opacity: 1; } .direction-nav .prev { background-position: 0 -32px; left: 0; } .direction-nav .next { background-position: -32px -32px; right: 0; } .div_CS.prev .prev, .div_CS.next .next{ display:inherit; opacity:0.7; } /* Attribute1 Swatch ends */ .tech-air-page{} /* Promotion banner begins */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff !important; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .glyphicon-chevron-left:before { content: "\e079"; } .carousel-control .glyphicon-chevron-right:before { content: "\e080"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .carousel-inner > .item > a { display: inherit; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { width: 100%; } .carousel-control:focus, .carousel-control:active, .carousel-control:hover { background-color: transparent !important; } /* Promotion banner ends */ /* Category Offer */ .styleoffer { position: absolute; top: 0; left: 10px; z-index: 100; } .styleoffer .offer_badge { text-transform: uppercase; font-size: 11px; color: #af1d30; border-radius: 50px; border: 1px solid #af1d30; width: 50px; height: 50px; display: inline-block; letter-spacing: 0; line-height: 50px; float: left; text-align: center; font-weight: 600; text-decoration: none !important; cursor: default; } .styleoffer .offer_banner { background-color: #fff; border-top: 1px solid #af1d30; border-bottom: 1px solid #af1d30; padding: 10px 0; position: relative; width: 100%; display: none; } .styleoffer .offer_banner a { text-align: center; display: inline-block; color: #af1d30; text-transform: uppercase; text-decoration: none; cursor: text; } .styleoffer:hover > .offer_badge { display: none; } .styleoffer:hover > .offer_banner { display: block; } /* Product Detail Offer */ .productdetailcont .offer_banner { background-color: #fff; border-top: 1px solid #af1d30; border-bottom: 1px solid #af1d30; padding: 10px 0; width: 100%; display: inline-block; } .productdetailcont .offer_banner a { text-align: center; display: inline-block; color: #af1d30; text-transform: uppercase; text-decoration: none; cursor: text; }/* Credit card entry form */ .entry-form, .entry-inputs { padding-left:0; } #CreditCardEntryForm hr { margin:15px 0; } #CreditCardEntryForm .form-group { margin-bottom:20px; } #CreditCardEntryForm .registercellleft { width:100%; float:none; vertical-align:middle; } .form-details { margin-bottom:20px; } .cc-card-row { background-color:#f7f6f3; } .cc-card-row.selected, .cc-card-row:hover { background-color:#ddd; } .cc-another-card-row { background-color:transparent!important; } .cc-inner-row { display:table-cell; vertical-align:middle; } .cc-saved-card { display:table; width:100%; padding:15px; margin-bottom:0; } .cc-inner-radio { width:30px; } .cc-inner-radio > input[type="radio"] { margin-top:0; margin-bottom:0; } .cc-inner-img { width:60px; padding-right:10px; } .cc-inner-name { width:140px; text-align:right; } .cc-remove-this { color:#B22222; } .cc-inner-cell { padding:7px; } .cc-inner-cell > label { margin:0; padding:0; } .cc-inner-cell:first-child { padding-bottom:2px; } .cc-another-card > .cc-inner-row > .cc-inner-cell { padding-bottom:0; } .cc-inner-cell:last-child { padding-top:0; } .cc-card-images > div { float:left; } .cc-card-images img { max-width:100%; } .cc-what-is-this { padding:10px 0; } #popupWhatsSecurityCode, #popupWhatsSaveThisCard { width:600px; } /* Google address finder */ .addressfinder-container { position:relative; } .addressfinder-container .findertrigger { position:relative; z-index:1; } .addressfinder-container .addressfinder { position:absolute; top:1px; left:2px; z-index:0; display:inline-block; border:0; box-shadow:none; transition:unset; } .pac-container .pac-item { min-height: 38px; padding: 4px; font-size: 12px; } /* Information Tab - Size Chart */ .infotab_size_chart { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } .infotab_size_chart td, .infotab_size_chart th { border: 1px solid #ddd; padding: 8px; text-align: center; } .infotab_size_chart tr:nth-child(even){background-color: #f2f2f2;} .infotab_size_chart tr:hover {background-color: #ddd;} .infotab_size_chart th { padding-top: 12px; padding-bottom: 12px; background-color: #afadad; color: white; } /* Information Tab - Size Chart - End */ .payment-checkout-widget { margin-left: 22px; margin-bottom: 4px; color: #777; } .payment-checkout-widget > p { margin:0; } .payment-checkout-widget > p > a { text-decoration: underline; } body.partPayCalculatorBodyNoScroll .productimagecont, body.partPayCalculatorBodyNoScroll .productdetailcont { z-index: 0; } body.partPayCalculatorBodyNoScroll .productdetailbox { z-index: 1004; }