/* ************************************************************** Name: global.css Description: global styles load all pages Website: harveynorman.co.nz Colors: Refer to /images/psd/00 GUI_MasterBits.psd blue - link - #0181ff Orange - hover - #ff7301 Blue - #106ecb Dark - K - #373737 blue - hover - #c3ddec Red - #ff0000 Grey 1 - #dcdfe2 Grey 2 - #76787e Grey 3 - #53595d Off white - #f4f4f4 *************************************************************** -------------------------------------------------------------- * reset.css /* v1.0 | 20080212 -------------------------------------------------------------- */ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent} ol,ul{list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after,q:before,q:after{content: '';content: none} :focus {outline:0} /* remember to highlight inserts somehow! */ ins{text-decoration:none} del{text-decoration:line-through} table {border-collapse:collapse;border-spacing:0} /* END RESET */ /* load main image file hear */ .icn,.add-link,.remove-link,#narrow-by-list .filter-title{background-image:url(../images/icons/icn_hnnz.png);background-repeat:no-repeat} .nav-icn{background-image:url(../images/icons/hnnz_gif.png);background-repeat:no-repeat} /* typography -------------------------------------------------------------- */ html{font-size:100%} body{background:#fff;color:#373737;font:62.5%/1.4 Arial,Tahoma,Helvetica,sans-serif;font-weight:400} body #wrapper{font-size:1.1em} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,sans-serif;font-weight:700} h1{font-size:2.4em;line-height:1.2em;margin-bottom:.5em;font-weight:400} h2{font-size:2em;line-height:1.2em;margin-bottom:.75em;font-weight:400} h3{font-size:1.25em;line-height:1.125em;margin-bottom:1em} h4{font-size:1.2em;line-height:1.25em;margin-bottom:1.25em} h5{font-size:1em;font-weight:700;margin-bottom:1.5em} h6{font-size:1em;font-weight:700} h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0} h2 span.title{float:left} h3.instruction{background-position:-260px -499px;font-size:11px;line-height:1.5em;padding-left:18px} h3.name,h2.name{font-size:11px;font-weight:400;line-height:1.2;margin-bottom:0.5em} h1.hide,h2.hide,h3.hide,h4.hide,h5.hide,h6.hide{display:block;height:1px;line-height:1000;overflow:hidden;position:absolute} h1.no-display,h2.no-display,h3.no-display,h4.no-display,h5.no-display,h6.no-display{display:block;height:1px;line-height:1000;overflow:hidden;position:absolute} .info-instruct{background-position:-260px -499px;display:block;font-size:11px;font-weight:700;line-height:1.5em;padding-left:18px} /* Text elements */ p{margin:0 0 1.5em} p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0} p img.right{float:right;margin:1.5em 0 1.5em 1.5em} a:focus,a:hover{color:#000} a{color:#009;text-decoration:underline} blockquote{color:#666;font-style:italic;margin:1.5em} strong{font-weight:700} em,dfn{font-style:italic} dfn{font-weight:700} sup,sub{line-height:0} abbr,acronym{border-bottom:1px dotted #666} address{font-style:normal;margin:0 0 1.5em} pre{margin:1.5em 0;white-space:pre} code,tt{font:1em 'andale mono','lucida console',monospace} hr{background-color:#dcdfe2;border:none;height:1px;color:#dcdfe2} a img{display:block} hr.space{border:0 solid #fff;background-color:#fff;margin:12px 0} /* Links -------------------------------------------------------------- */ a:link,a:visited{color:#0181ff;text-decoration:none} a:hover{color:#ff7301;text-decoration:underline} a:active{color:#ff7301} a.icn{padding-left:10px} .icn-link{display:block;float:left;font-weight:700;margin-bottom:10px;padding-left:9px;text-decoration:none} /* arrow with blue txt */ a.more-info{background-position:-167px -576px;color:#979999} a.learn-more{background-position:-336px -124px} a.add-link,a.add-link:visited{background-position:0 -343px;padding:2px 0 2px 20px;text-decoration:none;color:#0181ff} a.add-link:hover{background-position:0 -370px} a.remove-link{background-position:0 -410px;padding:2px 0 0 20px} a.remove-link:hover{background-position:0 -437px} a.info-link{background-position:-234px -499px;display:block;float:right;height:16px;padding:0;position:relative;width:16px} #wish-rhs h2,#compare-rhs h2{float:left} a.info-link:hover{background-position:-234px -499px} .back-to-prev{background-position:0 -919px} .down-link{background-position:0 -862px} /* Lists -------------------------------------------------------------- */ li ul,li ol{margin:0 1.5em} ul,ol{margin:0 1.5em 1.5em 0;padding:0 0 0 3.5em} ul{list-style-type:disc} ol{list-style-type:decimal} ul ul,ol ol,ul ul,ul ol{margin-bottom:0;padding:0 0 0 .7em} ul ul li,ol ol li,ul ul li,ul ol li{padding:.1em 0 .2em} ol ol{list-style:lower-roman} li p + p{margin-top:.3em} dl{margin:0 0 1.5em} dd{margin-left:1.5em} p + ul{margin-bottom:.5em} /* Misc / helper classes -------------------------------------------------------------- */ .small,#wrapper p.small{font-size:.9em;margin-bottom:0.85em} .large{font-size:1.2em;line-height:2em;margin-bottom:1.25em} .larger{font-size:1.4em;line-height:2.4em;margin-bottom:1.25em} .hide{display:none} .a-right{display:block;text-align:right} .a-left{text-align:left} .a-center{text-align:center} .quiet{color:#666} .loud{color:#000} .btn {float:left;} .bold,.strong{font-weight:700} .italic{font-style:italic} .flt-r, .right{float:right} .flt-l, .left{float:left} .no-border{border:none} .box-pad{padding:0 7px 7px} .box-pad-full{padding:7px} .first{margin-left:0;padding-left:0} .last{margin-right:0;padding-right:0} .top{margin-top:0;padding-top:0} .bottom{margin-bottom:0;padding-bottom:0} ul.no-style{list-style:none;margin:0;padding:0} .hide,.no-display{display:none} /* Global setup - inside containers + main container -------------------------------------------------------------- */ .container,.header-inside,.inside,.footer-inside{margin:0 auto;width:963px} #wrapper{margin:0 auto;padding:0;text-align:left;width:980px;} #inside{margin:10px 0 0 10px;width:965px;background:url(../images/backgrounds/bg_ipx-rpt_rhs.png) repeat-y top right} #middle{padding:0;text-align:left;z-index:0} body.col-three-layout #middle{width:776px;float:left; position:relative } /* Main colmns */ #content{float:left;position:relative;z-index:0} /* 3 colmns */ body.col-three-layout #content{float:right;margin-left:0;width:604px} body.col-three-layout.statemode #content{float:right;margin-left:0;width:614px; z-index:0;position:relative} body.col-three-layout.catalogsearch-result-index #content{float:right;margin-left:0;width:614px} body.col-three-layout.catalogsearch-result-index #filtered-by-nav .filtered-by {margin-right:-1px} body.col-three-layout.catalogsearch-result-index h1{font-size:14px;left:10px;position:absolute;top:40px;} #inside.col-three{margin:10px} #side-inner { margin-right:-1px;width:163px; z-index:999;float:left; position:relative} .col-three-container{float:left} .to-top-holder{float:left} /* 2 colmns left/right */ body.col-left-layout #content,body.col-right-layout #content{width:776px} /* Side colmns */ #side-col-left{float:left;width:162px; z-index:99; position:relative} #side-col-right{background:url(../images/backgrounds/bg_rhs-top.png) no-repeat top center;float:right;margin-right:0;position:relative;width:180px} #side-col-left ul,#side-col-right ul{list-style:none;margin:0;padding:0} .inset{margin:5px} /* Masthead -------------------------------------------------------------- */ #masthead{background:url(../images/backgrounds/bg_ipx-masthead.png) repeat-x left top;height:50px;padding-top:20px;z-index:21;position:relative} #masthead-rhs{ float:right} #masthead ul{margin:0;padding:0;padding-left:0} /* logo */ #hn-logo{float:left;margin:0 0 0 10px} /* Call to action */ #call-to-list{ position:absolute;right:10px;top:10px} #call-to-list a{padding:6px 0;text-decoration:none;padding-left:0} #call-to-list li{display:block;float:left;list-style:none;line-height:25px} #call-to-list a,#call-to-list a:visited{color:#53595d;height:25px} #call-to-list a:hover{text-decoration:underline} #call-to-harvey{font-size:1.5em;line-height:1;margin-right:6px} #call-to-location a:link,#call-to-location a:visited{background:url(../images/icons/icn_nz-locator-link.gif) no-repeat 0 0; line-height:25px;padding-left:22px} #call-to-location a:hover{background-position:0 -25px;text-decoration:underline} .list-space{padding:0 7px} /* Main Navigation -------------------------------------------------------------- */ #main-nav{background:#eae9e6 url(../images/backgrounds/bg_ipx-main-nav.png) repeat-x bottom left;color:#fff;padding:0 0 0 10px;height:44px; z-index:99; position:relative;} /* First level list items */ #main-nav-list{list-style:none;margin:0;padding:0;position:relative;height:44px; } #main-nav-list ul{margin:0;padding:0} #main-nav-list li{display:block;float:left} #main-nav-list .item-level-0{text-align:right} #main-nav-list .item-level-0 li{text-align:left} #main-nav-list .deals-and-events{height:41px} #main-nav-list a.deals-and-events{padding-right:10px} #main-nav-list a.link-level-0:link,#main-nav-list a.link-level-0:visited{background:#eae9e6 url(../images/icons/hnnz_nav.gif) no-repeat right 5px;color:#d2d4d7;display:block;font-weight:700;font-size:11px;margin-top:3px;padding:18px 28px 8px 0;text-decoration:none;width:auto} #main-nav-list a.link-level-0:link.active{background-position:right -118px} #main-nav-list a.link-level-0:hover{color:#000} #main-nav-list a.link-level-0:hover,#main-nav-list a.link-level-0:active,#main-nav-list a.link-level-0.hover{background-position:right -57px;color:#000;text-decoration:none} #main-nav-list a.link-level-0.active,#main-nav-list a.link-level-0:link.active:hover{background-position:right -118px;color:#fff;text-decoration:none} #main-nav-list .list-level-0{background-color:#f4f4f4;border:3px solid #c3ddec;left:-9000px;margin-left:10px;padding:5px;position:absolute;width:953px;z-index:999} #main-nav-list a#mainNavHome,#main-nav-list a#mainNavHome:link,#main-nav-list a#mainNavHome:visited{background-position:right -183px;height:41px;padding:0;width:45px} #main-nav-list a#mainNavHome:hover{background-position:right -280px} #main-nav-list a#mainNavHome.active,body.cms-home-hnnz #main-nav-list a#mainNavHome{background-position:right -231px} #main-nav-list a.active.deals-and-events{background-position:right -398px} #main-nav-list a.link-level-0.deals-and-events:link,#main-nav-list a.deals-and-events:visited{background-position:right -346px;color:#000;height:24px;margin-left:0;padding:17px 28px 0 0;width:91px} #main-nav-list a.link-level-0.deals-and-events:hover{background-position:right -398px} #main-nav-list a.link-level-0.deals-and-events.active{background-position:right -398px} #main-nav-list .item-level-1{display:block;float:left;margin:0;padding:0} #main-nav-list a.link-level-1:link,#main-nav-list a.link-level-1:visited{background:-9000px -9000px;font-weight:700;display:block;padding:0 4px 8px;text-decoration:none;color:#000} #main-nav-list a.link-level-1:hover{text-decoration:underline} #main-nav-list a.link-level-2:link,#main-nav-list a.link-level-2:visited{background:-9000px -9000px;color:#000;display:block;padding:0 4px;text-decoration:none} #main-nav-list li.item-level-0:hover .list-level-0{left:0} #main-nav-list li.item-level-2{float:none;padding:0.1em 0 0.2em} #main-nav-list li.item-level-0.nav-hover .list-level-0{left:0} #main-nav-list .list-level-0 a{background-color:#000;color:#fff;display:block} #main-nav-list a.link-level-1:link,#main-nav-list a.link-level-2:link{line-height:1.5em} #main-nav-list a.link-level-2:hover{background-color:#116ecb;color:#fff;text-decoration:none} #main-nav-list .list-level-1{padding-right:10px} #main-nav-list li.computing{width:104px} #main-nav-list li.portable-electronics{width:154px} #main-nav-list li.tv-audio-and-gaming{width:152px} #main-nav-list li.home-appliances{width:139px} #main-nav-list li.furniture-and-bedding{width:153px} #main-nav-list li.services{width:93px} /* Breadcrumbs. -------------------------------------------------------------- */ #breadcrumbs{clear:both;list-style:none;margin:10px 10px 0} #breadcrumbs li{display:inline;padding-right:.3em} #breadcrumbs a:visited{color:#0181FF;text-decoration:none} #breadcrumbs a:hover{color:#FF7301;text-decoration:underline} /* Top Search panel -------------------------------------------------------------- */ #site-serch{ position:absolute; right:10px; top:45px } #search_mini_form #search {border-top:1px solid #ccc;height:15px;padding: 3px 2px 2px 2px} #search_mini_form input {vertical-align: top;margin: 0 !important;line-height: 1;outline:0 !important;} /* Content -------------------------------------------------------------- */ .content-head{background:#fff url(../images/backgrounds/bg_ipx-content-head.png) repeat-x right top;border:1px solid #DCDFE2;padding:8px 6px 5px;position:relative;border-bottom-width:0} .content-head h2{font-size:1.5em;margin:0;position:relative} .content-box{background:none;border:1px solid #DCDFE2;margin-bottom:1.2em;padding:6px;position:relative;border-top-width:0} .rnd{border:1px solid #DCDFE2;position:relative; -moz-border-radius:6px; -webkit-border-radius:6px } .content-box { -moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px } .content-head { -moz-border-radius-topleft:6px;-moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px } /* Overlays - new, bundle, bonus, exclusive, trade-save, win, plus-more */ .overlay{background:url(../images/icons/icn_hnnz.png);background-position:right top;background-repeat:no-repeat;cursor:hand;display:block;height:86px;margin:0;overflow:hidden;padding:0;position:absolute;width:132px;z-index:10} .overlay.new{background:url(../images/icons/icn_hnnz.png) no-repeat 0 0;height:44px;width:44px;right:0} .overlay.bundle{background:url(../images/icons/icn_hnnz.png) no-repeat 0 -251px;height:21px;width:53px;right:0} .overlay.bonus{background:url(../images/icons/icn_hnnz.png) no-repeat 0 -188px;height:39px;width:39px} .overlay.exclusive{background:url(../images/icons/icn_hnnz.png) no-repeat 0 -297px;height:21px;width:68px;right:0} .overlay.trade-save{background:url(../images/icons/icn_hnnz.png) no-repeat 0 -125px;height:39px;width:39px} .overlay.win{background:url(../images/icons/icn_hnnz.png) no-repeat 0 -62px;height:39px;width:39px} #content .image-box {margin-bottom:7px;position:relative} #content .list-product-lhs .image-box {margin-bottom:0} /* Global Pricing -------------------------------------------------------------- */ .price{font-size:1.4em;font-weight:700} .cashback-amount,.disclaimer-date,.price-offer,.cashback-after-text,.cashback-after-price,.special .price,.cashback .price,.cashback-before-text{color:red;margin-top:0} .price-container span,#price-container span{display:block;line-height:1.2em;margin-bottom:3px} .price-container.special,.price-container.cashback{line-height:1.2em} .price-container{margin-bottom:7px} .cashback-price, .cashback-after-price {font-size:1.4em;font-weight:700} .special-from-date, .special-to-date {font-weight:700; color:red;} /* Javascript event styling -------------------------------------------------------------- */ ul .hover,div.hover{background-color:#c3ddec} div.holder{margin:.8em} div.item.hover a:hover{color:#0181ff;text-decoration:underline} /* Info bubble */ #side-col-right .info{float:right;height:14px;padding:6px 11px 0 0;width:14px} #side-col-right .rnd { background-color:#FFF; padding:6px} #side-col-right .info-bubble{color:#373737;left:-36px;position:absolute;top:22px;width:200px;z-index:9999} #side-col-right .info-bubble .header{float:left;width:196px;height:24px;padding:0;background:url(../images/backgrounds/rhs-bubble/bubble-right-top.png) no-repeat 0 0} #side-col-right .info-bubble .middle{float:left;width:176px;padding:0 10px;background:url(../images/backgrounds/rhs-bubble/bubble-right-middle.png) repeat-y 0 0} #side-col-right .info-bubble .footer{float:left;width:196px;height:13px;background:url(../images/backgrounds/rhs-bubble/bubble-right-bottom.png) no-repeat 0 0} #side-col-right .info-bubble h4,#side-col-right .info-bubble p{margin-bottom:2px} /* forms.css -------------------------------------------------------------- */ /* Form fields */ label,textarea,input,fieldset,label,form {font-family:Arial,Tahoma,Helvetica, sans-serif;font-size:11px} label{font-weight:700} fieldset{border:none;margin:0 0 1.5em;padding:0} legend{font-weight:700} input[type=text],input[type=password],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb;margin:.5em 0} input.text,input.title{padding:.5em;width:300px} input.title{font-size:15px} textarea{padding:.5em;width:390px} input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:0.3em} form.inline{line-height:3} form.inline p{margin-bottom:0} /* Default form styling - covers most forms */ #content .form-list{list-style:none;margin:0;padding:0} #content .form-label{font-weight:700} #content .form-list label, #content .form-list .form-label{clear:both;float:left;margin-right:10px;text-align:right;width:150px} #content .form-list label, #content .form-list .form-label,#content .form-list input,#content .form-list span.text{padding:4px;margin:3px 0} #content .form-list .short{width:220px} #content .form-list .long{width:370px} #content .form-list input,.form-list span.text{width:370px;float:left} #content .form-list textarea{width:320px;float:left} #content .form-list label.error{clear:both;margin-left:10px;text-align:left} #content .form-list li{padding:3px 0 6px} #content .form-list li{clear:both} #content .form-list .detail{display:block; float:left; margin:6px 0;padding:1px 4px} #content .form-button-set,.required-holder,.form-warning{color:red;font-weight:700;padding:7px 0 0 157px} #content .form-button-set{height:40px;line-height:18px;overflow:visible} #content .form-button-set .left{margin-right:6px} #content .form-button-set .right{margin-left:6px} #content .form-button-set a{margin-top:3px} #content .required-holder{margin-bottom:.5em} #content span.required{color:red;} #content .form-list div.error{background:none;border:none;padding:0;margin:3px 0 3px 10px;padding:4px} #content .form-list textarea.error{ border:1px solid red; background:none} #content .form-list button {float:left} #content span.required{color:red} #content button.btnsend,#content input.btnsend{width:65px;height:21px;border:0 none;background:transparent url(../images/buttons/button_send.gif) 0 0 scroll no-repeat;text-indent:-99999px;cursor:pointer} #content .btnsend:hover{background-position:0 -21px} #content .form-list div.error{background:none;border:none;padding:0;margin:3px 0 3px 10px;padding:4px} #content .split-content{width:378px;float:left;margin-right:20px} #content .split-content.last{margin-right:0} #content .split-content .form-button-set{margin:0;padding:7px 0 12px 108px} #content .split-content .form-list label{width:101px} #content .split-content .required-holder{color:red;font-weight:700;padding-left:101px} #content .form-list{ z-index:22} /* send to friend form */ #content ul.sendtofriend {margin-bottom:20px;} #content ul.sendtofriend h4 {width:220px;float:left;margin:0 auto} #content button#addrecipient{height:20px; display:block; padding:0; text-indent:15px; *text-indent:0px; font-weight:700; border:0 none; background:transparent url(../images/icons/icn_hnnz.png) 0px -368px scroll no-repeat; cursor:pointer; outline:0 none} #content button#addrecipient:hover{background-position:0 -341px} /* subscribe to newsletter*/ #content .form-list ul.inline li{clear:none;float:left;margin-right:5px} #content .form-list ul,#content .form-list ul li{margin:0; padding:0; list-style:none} #content .form-list ul{float:left} #content .form-list ul label{clear:none;display:block;float:left;padding:2px 0 0;*padding-top:4px;width:auto} #content .form-list ul input.checkbox,#content .form-list ul input.radio{width:auto; margin-right:5px; padding:3px 0.5ex;float:left} #content #unsubscribe_container{background:#F4F4F4;border:1px solid #DCDFE2;padding:12px 15px;position:absolute;right:0;top:10%;z-index:999} /* Form error handling */ #content .form-list form.cmxform{width:50em} #content div.error{padding:0;display:inline;background:url(../images/icons/icn_warning-form.png) no-repeat center left;padding-left:20px;margin-left:10px;border:none;color:red} #content .form-list div.success{padding:0} #content .form-list form.cmxform label.error{margin-left:auto;width:250px} #content .form-list #warning{display:none} #content .form-warning{color:red;font-weight:700;margin-top:7px} input.error{border-color:red} #is_subscribed{text-align:left;width:20px} /* Success, notice and error boxes -------------------------------------------------------------- */ .error,.notice,.success{border:2px solid #ddd;padding:.8em} .error{background:#FBE3E4;border-color:#FBC2C4;color:red} .notice{background:#FFF6BF;border-color:#FFD324;color:#514721} .success{background:#E6EFC2;border-color:#C6D880;color:#3d6611} .error a{color:red} .notice a{color:#514721} .success a{color:#264409} /* Messages -------------------------------------------------------------- */ ul.messages{list-style:none;list-style-type:none;margin:0;overflow:hidden;padding:0;font-weight:700;margin-bottom:10px;padding:8px 12px} ul.messages li {list-style:none;list-style-type:none;} ul.messages ul{margin:0; padding:0; padding:15px 10px 15px 56px; font-size:14px; list-style:none;list-style-type:none} .error-msg{background:#fdebeb url(../images/messages/msg_error.gif) no-repeat 10px center;border:1px solid #ef3c39;color:#ef3c39} .success-msg{background:#e8f5e0 url(../images/messages/msg_success.gif) no-repeat 10px center;border:1px solid #4fa71d; color:#4fa71d} .notice-msg, .note-msg{background:#feecd6 url(../images/messages/msg_warning.gif) no-repeat 10px center;border:1px solid #f7941d;color:#f7941d} /* boxed linelst */ #promo-list { margin-bottom:12px; padding:6px} #promo-list h2{color:#006BB6;font-size:12px;font-weight:700;margin-bottom:.35em;margin-top:.35em;padding:0;text-decoration:none} .image-holder{float:left;} .image-holder img{margin:0;padding:0} #promo-list .boxed-line-list .description-holder{float:right;margin:0;margin-left:0;padding:0;width:137px} #promo-list .boxed-line-list .item.hover{background:#c3ddec} #promo-list .boxed-line-list .heading{font-size:11px;margin-bottom:4px} #promo-list .boxed-line-list{border-bottom:1px solid #DCDFE2} #promo-list .last { border-bottom:none} /* Promotions list */ #promo-list .boxed-line-list .odd{float:left;width:294px; border-right:1px solid #DCDFE2} #promo-list .boxed-line-list .even{float:right;width:295px} /* FOOTER ---------------------------------------------------- */ #footer-container{background:url(../images/backgrounds/bg_ipx-footer.png) repeat-x right 7px;clear:both;margin:20px 0 0;padding:0 10px} #footer{clear:both;z-index:21} #footer p{margin-top:.75em;text-align:center} #footer-container a:link,#footer-container a:visited{color:#53595d;text-decoration:none} #footer-container a:hover{text-decoration:underline} #footer-link-list{border-top:1px solid #DCDFE2;margin:10px auto;padding:10px 0 0;list-style-type:none;text-align:center} #footer-link-list li{display:inline} /* footer product listings */ #product-browser{list-style:none;margin:0;padding:0} #product-browser .product-list-holder{float:left;list-style:none;margin-right:12px;padding:0;width:148px} /* footer product listings */ .product-list-holder ul{list-style:none;margin:0;padding:0} .product-list-holder ul a{display:block} .product-list-holder ul ul a{border-bottom:none} .product-list-holder h3{border-bottom:4px solid #dcdfe2;font-size:11px;padding-bottom:4px} .product-list-holder.last{margin-right:0} .product-list-holder ul.product-list{list-style:none;margin:0;padding:0} /* Site map ---------------------------------------------------- */ #site-map-list{list-style:none;margin:0;padding:0} #site-map-list .product-list-holder{float:left;list-style:none;margin-right:12px;padding:0;width:182px} #site-map-list .sub-categories { margin-left:10px} #site-map-list .sub-categories a { display:block; background:url("../images/icons/icn_filter-dot.gif") no-repeat scroll left 5px transparent; padding-left:9px} #site-map-list h2 { font-size:16px;margin-bottom:7px} #site-map-list .product-list-holder ul.product-list {margin-left:10px} /* catalogues -------------------------------------------------------------- */ .col_1, .col_2 { width:378px; float:left} .catalogue_row .col_1 {margin-right:10px} .catalogue_row object {width:323px} #category-block span {font-size:18px;font-weight:bold} .catalogue_row .large {font-size:1.2em;line-height:1.4;margin-bottom:2px} .catalogue-holder { margin-bottom:6px } .catalogue-holder {min-height:165px;height:auto !important} /* Recently-viewed-items -------------------------------------------------------------- */ #footer-head{background:url(../images/backgrounds/bg_ipx-recently-btm.png) no-repeat center -4px;height:20px} #recently-viewd-items{background:url(../images/backgrounds/bg_ipx-recently-btm.png) no-repeat center bottom;margin-bottom:28px;padding-bottom:20px} #recently-viewed-list{list-style:none;margin:0 0 16px;padding:0} #recently-viewed-list li{border:none;display:block;float:left;width:192px;margin:0;padding:0} #recently-viewed-list li a{display:block;margin-right:10px} #recently-viewed-list li.item,#recently-viewed-list li.item.hover{background:none} #recently-viewed-list li.hover{background:none} #recently-viewed-list img{display:block;float:left;margin-right:10px} .related-holder{float:left;padding:6px} .related-img-holder{background-position:-297px -857px;float:left;padding:6px} #recently-viewd-items h2{font-size:12px;font-weight:700} /* compare-rhs / wishlist-rhs */ #compare-rhs { z-index:55} #wish-rhs {z-index:44} #catalogue-rhs {z-index:33} #side-col-right .content-box{padding:10px; z-index:0; background-color:#fff} #side-col-right .customer-list-rhs{border-top:1px solid #efeeee;list-style:none;margin:0;padding:0} #side-col-right .customer-list-rhs li,div.customer-action{border-bottom:1px solid #efeeee;padding:12px 18px 10px 0;position:relative} #side-col-right .customer-list-rhs li.last,div.customer-action{border:none} #side-col-right .customer-list-rhs li.first{padding-top:0} #side-col-right .customer-action a{color:#53595d;text-decoration:none} #side-col-right .customer-action a:hover{text-decoration:underline} a.remove-from-list{background-position:0 -475px;height:15px;padding:0;position:absolute;right:0;top:14px;width:13px} a.remove-from-list:hover{background-position:0 -497px} #side-col-right .expand-list,a.expand-list:visited{background-position:-153px -458px;color:#0181FF;display:block;height:21px;margin:0 auto;margin-top:12px;padding:0 0 10px;text-align:center;text-decoration:none;width:107px} #side-col-right .expand-list:hover{background-position:-153px -458px} #side-col-right .collapse-list,a.collapse-list:visited{background-position:-84px -476px;color:#0181FF;display:block;height:21px;margin:0 auto;margin-top:12px;padding:10px 0 0;text-align:center;text-decoration:none;width:107px} #side-col-right .collapse-list:hover{background-position:-84px -476px} #side-col-right .view-compare-btn{background-position:-200px 0;display:block;height:21px;margin:0 auto;width:107px} #side-col-right .view-compare-btn:hover{background-position:-200px -30px} #side-col-right .view-wishlist-btn{background-position:-200px -80px;display:block;height:21px;margin:0 auto;padding:0;width:107px} #side-col-right .view-wishlist-btn:hover{background-position:-200px -111px} #side-col-right .customer-list-rhs li.first .remove-from-list{top:0} #side-col-right .customer-action{position:relative} #side-col-right .accessible{position:absolute;height:1px;overflow:hidden;line-height:333px} #shop-access li{display:inline;margin-right:7px} /* buttons */ #wrapper button {margin:0; outline:none;} #wrapper button span {margin-top:-2px;*margin-top:0; outline:none;} #wrapper .btn {height:21px; display:block; padding:0; margin:0 2px; padding-right:15px; position:relative; text-align:center; text-decoration:none; color:#373737; font-weight:bold; font-size:1em; cursor:pointer; letter-spacing:1px; border:0 none; overflow:visible; background:transparent url("../images/buttons/btn_default_link_btn-rhs.gif") 100% 0 scroll no-repeat;} #wrapper .btn span {display:block; line-height:11px; padding:5px 0 5px 18px; border:0 none; white-space:nowrap; background:transparent url("../images/buttons/btn_default_link_btn-lhs.gif") 0 0 scroll no-repeat;} #wrapper .btn:hover,#wrapper .hover {background-position:100% -21px;} #wrapper .btn:hover span,#wrapper .hover span {background-position:0 -21px; } /* specific buttons */ #wrapper #btnCompare {width:81px; display:block; float:none; margin-left:auto; margin-right:auto;} #wrapper .sb-wishlist {width:100px; display:block; float:none; margin-left:auto; margin-right:auto;} #wrapper #btnClearFilters {float:none;} /* temp fix info bubble z-index ie issue */ #side-col-right .inset{z-index:0} #side-col-right .content-box{z-index:1} #side-col-right .content-head{z-index:22} #side-col-right .info-link{z-index:33} /* Account information -------------------------------------------------------------- */ #contact-detail .column-a { width:284px; margin-right:10px; float:left} #contact-detail .column { width:200px; margin-right:10px; float:left} #contact-detail h3 { margin-bottom:3px} /* Social Networking -------------------------------------------------------------- */ #twitter-link { background:url(../images/icons/icn_twitter.gif) no-repeat top center; border-bottom:1px solid #efeeee; display:block; height:60px; margin-bottom:6px; padding-bottom:6px} #facebook-link {background:url(../images/icons/icn_facebook.png) no-repeat top center; display:block; height:60px} .icon_twitter{width:131px;height:60px;display:block;background:transparent url(../images/icons/twitter.gif) 0 0 scroll no-repeat;text-decoration:none;text-indent:-99999px} .icon_facebook{width:131px;height:60px;display:block;background:transparent url(../images/icons/facebook.gif) 0 0 scroll no-repeat;text-decoration:none;text-indent:-99999px} /*------------------------------------------------- PAGE HTML BLOCKS -------------------------------------------------*/ #cmsBlock {max-width:776px; width:775px; margin-bottom:10px; min-height:300px; height:auto !important; height:300px; position:relative; text-align:left; font-size:11px; background:red;} #cmsBlock h4 {font-size:1em;margin:0 0 7px;padding:0} #cmsBlock ul, #cmsBlock li {margin:0; padding:0; list-style:none;} #cmsBlock ul li {margin-bottom:7px;} #cmsBlock ul li.last {margin-right:0;} #cmsBlock img {display:block} #cmsBlock .block_caption {width:263px; height:298px; margin:3px 15px 15px; padding-right:15px; position:absolute; top:0; left:469px; background:transparent url("../images/backgrounds/bg_e1e1e1.gif") 0 0 scroll repeat;} #cmsBlock .block_caption h2{font-size:1em; line-height:1.5em; padding-left:17px; margin-bottom:15px; font-weight:bold} #cmsBlock .block_caption h3{margin-top:25px; margin-bottom:0; font-size:26px; font-weight:normal; text-transform:uppercase; line-height:26px; padding-left:13px; padding-bottom:7px; border-left:4px solid #2DAAD6} #cmsBlock .block_caption p,#cmsBlock .block_caption div {margin:0; margin-bottom:7px; padding:0; padding-left:17px;} #cmsBlock .block_caption ul {padding-left:17px;} #cmsBlock .block_caption ul li {padding-left:17px; margin-bottom:7px; background:transparent url(../images/icons/bullet_check.gif) 0 0 scroll no-repeat;} table.table-grid td {padding:2px; text-align:left; border:1px solid #e1e1e1;} /*------------------------------------------------- SERVICES PAGE AND OTHER CMS PAGES -------------------------------------------------*/ #flexirent-features .col-1 {width:48.5%;} #flexirent-features ul, #flexirent-features li {margin:0; padding:0; list-style:none; background:none; position:relative;} #flexirent-features li {padding:10px; padding-left:80px; margin-bottom:5px; min-height:80px; height:auto !important; height:80px; border:1px solid #e1e1e1;} #flexirent-features h4 {margin:0;} #flexirent-features p {margin:0;} #flexirent-features img {position:absolute; top:10px; left:10px;} #flexirent-contact {width:300px; margin:0 auto; margin-bottom:10px; padding:15px;} #flexirent-terms {border:1px solid #e1e1e1; margin-bottom:10px; padding:15px;} #protection-plus table.table-grid {margin-bottom:10px;} #protection-plus table.table-grid td {text-align:center; padding:7px;} #protection-plus table.table-grid thead td {font-weight:bold; background:#eee; text-align:center;} #protection-plus table.table-grid tbody td {} #left-nav {margin-bottom:20px;} /* Clear floats -------------------------------------------------------------- */ .clr{clear:both} .clear{clear:both;height:0;font-size:.01em;line-height:0;overflow:hidden;visibility:hidden} .clearfix:after,#content dl#glossary:after {content:".";display: block;height:0;clear:both;visibility:hidden} .clearfix,#content dl#glossary {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix,* html #content dl#glossary {height: 1%;} .clearfix,#content dl#glossary {display: block;} /* End hide from IE-mac */ *+html .clearfix,*+html .#content dl#glossary {zoom:1} /* PRODUCT */ .product-code, .sku {font-size:0.9em; margin:0 0 0.85em; color:#666;}