/* --------------------------------------------------------------------------------------------------------------------------------- LiquidShop v2.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ body { background:#F2F2F2; color:#696d71; cursor:default; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;} #wrapper { background:#fff; font-size:1.2em; margin:0 auto; text-align:left; width:960px;} /* --------------------------------------------------------------------------------------------------------------------------------- 1) RESETS & UNIVERSAL CLASSES /* --------------------------------------------------------------------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;} fieldset, img, abbr, acronym { border:0 none;} table { border-collapse:separate; border-spacing:0;} :focus { outline:0;} address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} caption, th { text-align:left;} h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after { content:"";} span.hidden, .special_message { display:none;} legend.hidden { display:none;} label.hidden { display:inline; left:-9000px; position:absolute;} .nomargin { margin:0 !important;} .fleft { float:left;} .fright { float:right;} .clear { clear:both; height:0; line-height:0; visibility:hidden;} .clearfix:after, .subheading:after, dl:after, .prodlist dd:after, .selectpop dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading, #ie7 .prodlist dd, #ie7 .selectpop dd { display:inline-block;} table { border-bottom:1px solid #b3b7bc; margin-bottom:15px;} td { border-top:1px solid #b3b7bc; padding:5px;} /* --------------------------------------------------------------------------------------------------------------------------------- 2) TYPOGRAPHY /* --------------------------------------------------------------------------------------------------------------------------------- */ a { color:#f42b5c; font-weight:normal; text-decoration:none;} a:hover { color:#f42b5c; cursor:pointer; text-decoration:underline;} a:active { text-decoration:underline;} h1, h2, h3, h4, h5, h6, p { margin:0 0 15px 0;} p, li { line-height:1.5em;} h1 { font:3em/1em Arial,Helvetica,sans-serif; margin:0 0 0.2em 2px; color:#f42b5c;} h2 { font-size:2.3em; margin-bottom:0.4em; color:#f42b5c;} h3 { font:1.6em/1.3em Arial, Helvetica, sans-serif; color:#777777; margin-bottom:0.4em;} h4 { font-size:1.4em; color:#f42b5c; margin-bottom:1em;} h5, h6 { font-size:1em; font-weight:bold;} ol, ul { margin-left:20px;} li p { margin:0;} ul { margin:0 0 15px; padding-left:1.5em;} input, select, textarea, optgroup { font:1em Arial, Helvetica, sans-serif; color:#696D71;} strong { font-weight:bold;} em { font-style:italic;} acronym { font-weight:bold;} .pageheading { color:#f42b5c; height:1%; margin:0 0 0.2em 0; position:relative; padding:0;} .pageheading span.icon{ display: none; } .pageheading .results { color:#afb2b4;} .pageheading .smaller { color:#afb2b4; display:block; font-size:0.5em; margin-top:-10px;} .pageheading a { color:#afb2b4; text-decoration:underline;} .pageheading a:hover { color:#777} .subheading { font-size:2.3em; margin-bottom:0.4em; color:#f42b5c;} .subheading span, .subheading a { color:#f42b5c; float:left;} .subheading a { float:right;} /* Notices for error, warning and success messages */ .notice { margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .notice * { margin:0 0 5px 0;} .notice.error { background:#ffeded; border:1px solid #f89090; color:#d10000; padding:4px;} .notice.error h3 { color:#d10000;} .notice.warning { background:#fffced; border:1px solid #dfd292; color:#866c13; padding:4px;} .notice.warning h3 { color:#866c13;} .notice.success { background:#f3ffed; border:1px solid #c2e1b6; color:#51713d; margin:0; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:10px 20px;} .notice.success h3 { color:#51713d;} .notice.info { background:none; border:none; font-size:1.2em;} .notice .inner { margin:0 0 10px; padding:5px 15px;} .notice dl { padding-left:15px;} .notice dt { margin:5px 0 0; width:100%;} .notice dd { display:inline;} .results/*num results eg Electronics(43)*/{ color:#afb2b4; font-size:0.9em; font-weight:normal;} a:hover .results, a.selected .results { color:#444;} .comment/*below some inputs on page forms*/{ font-size:1em; color:#afb2b4;} .smaller { font-size:0.9em ;} #cookie_message { margin:0;} /* override inline styles */ *[style*=font-family] { font-family:Arial, Helvetica, sans-serif !important;} *[style*=font-size] { font-size:inherit !important;} *[style*=line-height] { line-height:inherit !important;} *[style*=color] { color:inherit !important;} /* --------------------------------------------------------------------------------------------------------------------------------- 3) BUTTONS LOGOS ICONS /* --------------------------------------------------------------------------------------------------------------------------------- */ .icon, .logo, .button { display:block; text-indent:-9000px;} input.button, input.icon { font-size:0px; line-height:0;} /* Buttons */ #centre a.button{ border-bottom:0; } .button { background:#fff url(/images/buttons.jpg) no-repeat 0 0; border:0; cursor:pointer; font-size:1.2em; height:34px; width:170px; } .button.add { background-position:-5px -54px;} .button.addreview { background-position:-223px -54px;} /*.button.moreinfo { background-position:-5px -504px;}*/ .button.moreinfo { background-position:-433px -208px; height:31px; width:76px;} .button.addsmall { background-position:-433px -57px; height:31px; width:76px;} .button.moreinfosmall { background-position:-433px -208px; height:31px; width:76px;} .button.move { background-position:-433px -158px; float:right; height:31px; width:76px;} .button.productadd { background-position:-5px -106px; height:37px;} .button.checkout { background-position:-5px -6px; margin:10px 0;} .button.checkout_disabled { background-position:-223px -6px; margin:10px 0; cursor:default;} .button.continueshop { background-position:-5px -152px; margin:10px 0;} .button.viewbasket { background-position:-5px -202px;} .button.editbasket { background-position:-5px -352px;} .button.newcustomer { background-position:-5px -252px;} .button.returningcustomer { background-position:-5px -302px;} .button.download { background-position:-5px -352px;} .button.update { background-position:-637px -36px; height:17px; width:51px;} .button.qtyneg { background-position:-629px -11px; height:16px; width:13px;} .button.qtypos { background-position:-682px -11px; height:16px; width:13px;} .button.continue { background-position:-5px -402px; margin:0 0 10px 0;} .button.editaddress { background-position:-610px -76px; height:17px; width:78px;} .button.deleteaddress { background-position:-597px -266px; height:17px; width:91px;} .button.back { background-position:-630px -117px; height:20px; margin-top:14px; width:58px;} .button.signout { background-position:-627px -166px; height:17px; width:61px;} .button.returnshop { background-position:-598px -216px; height:17px; width:90px;} .button.vieworder { background-position:-604px -306px; height:17px; width:84px;} .button.repeatorder { background-position:-604px -346px; height:17px; width:84px;} .button.payatprotx { background-position:-5px -454px;} .button.reserve { background-position:-225px -454px;} .button.paybybacs { background-position:-225px -504px; clear:both;} .button.addaddress { background-position:-5px -552px;} input.button.remove { background:none; border:none; color:#70727a; display:inline; font-size:0.9em; height:auto; line-height:normal; text-indent:0; width:auto;} .button.change { background-position:-630px -386px; height:17px; width:58px; border:0; background-color: #fff!important;} .button.findaddress { background-position:-611px -426px; height:21px; width:83px;} #basket_add{ width: 130px; } /* Logos */ .logo.security { background:url(/images/logos.gif) no-repeat 0 -448px; height:65px; width:115px;} .logo.companylogo { background:url(/images/logos.gif) no-repeat left top; cursor:pointer; height:96px; width:213px;} .logo.liquidshop { background:url(/images/logos.gif) no-repeat left -536px; height:33px; margin:10px 0 0 0; width:137px;} /* Icons */ .icon { border:0; height:32px; width:32px; background:url(/images/icons.gif) no-repeat 0 0;} .icon.remove { background-position:-884px -4px; cursor:pointer; float:left; height:16px; width:16px;} .icon.basketbig { background-position:0 -664px; float:left; margin:-5px 10px 0 0; width:29px;} .icon.review { background-position:0 -744px; float:left; margin:-5px 10px 0 0; width:29px;} .icon.emailfriend { background-position:0 -789px; float:left; margin:-5px 10px 0 0; width:29px;} .icon.account { background-position:0 -834px; float:left; margin:-5px 10px 0 0; width:29px;} .icon.ordersuccess { background-position:-55px -742px; margin:0 10px 0 0;} .icon.orderfail { background-position:-55px -704px; margin:0 10px 0 0;} .tick { background-position:right -522px !important; border:1px solid #8F8F8F;} .cross { background-position:right -335px !important; border:1px solid #f89090 !important;} .icon.soffer { background:url(/images/pngs.png) no-repeat 0 0; height:40px; width:40px;} #ie6 .icon.soffer/*dont use pngs in IE6 even with the alphatransparency fix unless absolutely necessary*/{ background:url(/images/pngs.gif) no-repeat 0 0;} .icon.conditionnew { background-position:-432px -805px; height:18px; width:43px;} .icon.conditionused { background-position:-432px -835px; height:18px; width:43px;} .icon.conditionrefurbished { background-position:-432px -865px; height:18px; width:43px;} .icon.viewlist { background-position:-38px -667px; border-color:#939EB1; height:19px; padding:0; width:19px;} a:hover .icon.viewlist, .lselected .icon.viewlist { background-position:-63px -667px; border-color:#BEC5D5;} .icon.viewgallery { background-position:-88px -667px; border-color:#939EB1; height:19px; padding:0; width:19px;} a:hover .icon.viewgallery, .gselected .icon.viewgallery { background-position:-113px -667px; border-color:#BEC5D5;} .icon.gbp { background:url(/images/logos.gif) no-repeat right -162px; height:13px; width:32px;} .icon.eur { background:url(/images/logos.gif) no-repeat right -146px; height:13px; width:32px;} .icon.usd { background:url(/images/logos.gif) no-repeat right -178px; height:13px; width:32px;} .icon.collect { background-position:-432px -871px; width:45px; height:53px;} .icon.deliver { background-position:-493px -871px; width:45px; height:53px;} .icon.collect_dis { background-position:-432px -931px; width:45px; height:53px;} .icon.deliver_dis { background-position:-493px -931px; width:45px; height:53px;} .icon.sm_collect { background-position:-553px -931px; width:44px; height:16px;} .icon.sm_deliver { background-position:-553px -871px; width:44px; height:16px;} .icon.sm_collect_dis { background-position:-553px -960px; width:44px; height:16px;} .icon.sm_deliver_dis { background-position:-553px -900px; width:44px; height:16px;} /* Star Rating Icons */ .star { float:left; height:14px; width:80px; background:url(/images/stars.gif) no-repeat 0 0;} #ie6 .textlist .star { position:relative; left:-200px;} .star.star5 { background-position:0 0} .star.star4 { background-position:0 -14px;} .star.star3 { background-position:0 -28px;} .star.star2 { background-position:0 -41px;} .star.star1 { background-position:0 -55px;} .star.star0 { background-position:0 -68px;} #stars { margin-left:10px;} #stars input { float:left;} #stars acronym { float:right;} #stars span { display:block; height:20px; overflow:hidden; width:100%;} /* --------------------------------------------------------------------------------------------------------------------------------- 4) TEMPLATE STRUCTURE /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ #header { background:#e81c4d url("/images/miglio_h_bg.gif"); color:#dadce4; height: 123px; } #header #innerheader { height:80px; position:relative; text-align:center; width:100%;} #header h1 { cursor:pointer; left:15px; position:absolute; top:22px; z-index:1;} #header a { color:#ffa9b9;} #header a:hover { color:#fff;} #header #innerimage { height:90px; left:0; position:absolute; top:0; width:100%;} #header #search { height:24px; float: right; position:relative; padding:9px 25px 9px 10px; position:relative; top:35px; width:205px; right: 15px;} #header #search #simpleSearch { background:#fff; border:0; color:#666; height:21px; line-height:20px; padding:0 10px 0 5px; width:195px; right:0; } #ie6 #header #search #simpleSearch{ width:185px; } #header #search #searchgobutton { background:url(/images/logos.gif) no-repeat right -123px; border:none; color:#fff; cursor:pointer; font-size:1.2em; height:21px; position:absolute; right:0px; top:9px; width:30px;} #ie6 #header #search #searchgobutton, #ie7 #header #search #searchgobutton { top: 10px; } #header .notice/*searchbox errors*/{ font-size:1.2em; left:37.5%; position:absolute; text-align:center; top:2px; width:25%; z-index:2;} #header #account { position:absolute; right:0; top:2px; width:auto; text-transform:uppercase; } #header #account #accsignin{ display: none; } #header #account a, #header #infopages .sub0 a{ background: none; padding: 0 12px; border-left:1px solid #f75e83; font-size: 0.9em; } #header #account a:hover, #header #infopages .sub0 a:hover{ background:#d90f40; text-shadow:0 0 4px #330009; text-decoration:none; } #header #contact { position:absolute; right:10px; top:30px; display: none;} #header #contact h2 { margin:0;} #header #infopages { position:absolute; right:99px; top:2px; text-transform:uppercase; } #header #infopages dd{ margin:0; } #header #infopages dd:first-child a{ border-left: 0; } #header #hbanner{ position: absolute; top:5px; left: 16px; width: 250px; text-transform:uppercase; font-size: 0.9em; text-align: left; } #header #hbanner a{ letter-spacing: 0.12em; } /*EXTRA CSS -> look in css/basket for #minibasket basket styles if set to be in header*/ /*EXTRA CSS -> look in css/nav for header #nav styles*/ /* Page Layout */ /*EXTRA CSS -> look in css/columns for page layout widths*/ #content { background:#fff; display:block; position:relative; } #inner { display:block; overflow:hidden; border: 1px solid #dfdfdf; border-width: 0 1px; padding-top: 30px;} #p_checkout #inner { padding-top:45px;} #left, #right { background:#fff; position:relative;} #left { float:left; left:0px;} #left .inner { padding:0 0 0 10px;} #right { float:right; right:0px;} #right .inner { padding:0 10px 0 0;} #centre { display:block; height:1%; padding:0 20px; } #p_product #centre { padding:0 10px;} #centre .inner { overflow:hidden; } /* Footer - For a fixed width design place a width on the footer to remove the annoying horizontal scroll*/ #footer { background:#F2F2F2 url(/images/logos.gif) no-repeat 0 -365px; color:#a5a5a5; clear:both; padding-top:10px; position:relative; text-align:left; overflow:hidden; border-top: 1px solid #dfdfdf;} #footer #superfooter a { color:#a5a5a5; border-right: 1px solid #a5a5a5; border:none; display:inline; padding:0 10px; background: none;} #footer #superfooter a:hover { color:#555;} #footer h3 { font-size:1.4em; margin:0;} #footer dl { margin-bottom:10px;} #footer #directory { background:none; border:none; float:left; width:54%; margin-left:20px;} #directory dl.sitemaplist { float:left; margin-right:3px; width:48%;} #directory dl.sitemaplist a { background:none; border-bottom:1px solid #BEC5D5; float:left; margin-right:8px; padding:0; white-space:nowrap;} #directory dl.sitemaplist dt { margin-bottom:-2px;} #directory dl.sitemaplist dt a { border:none; float:none; margin-bottom:0;} #directory dl.vlist dd { float:left; margin-right:3px; width:48%;} #directory dl.vlist dd a { border:none; float:none; font-weight:bold; margin-bottom:0;} #footer #services { background:none; border:none; float:right; margin: 0 auto; width: 100%; text-align: center;} #services p { margin:-4px 0 10px 0; display: none; } #services img, #services p, #services h3{ display: none; } #services .vlist { margin:5px 0 10px;} #services .vlist dd{ display: inline; position:relative; border-right: 1px solid #a5a5a5; } #services .vlist dd a{ color:#999; text-transform: uppercase;} #services .vlist dd.first{ } #services .vlist dd.last{ border:0; } #footer #subfooter { clear:both; display:block; padding:0 0 10px; margin-top:0; position:relative;} #subfooter #copyright { position:absolute; top:-15px; right:115px; width:40px; height: 40px; overflow:hidden; } #subfooter #copyright span{ width: 100%; text-indent:-9000px; height:100%; position: absolute; top:0; left:0; display: block; background:#F2F2F2 url("/images/logos.gif") no-repeat -663px -645px; } #subfooter #copyright br{ display: none; } #subfooter .vcard { line-height:normal; text-align:center; font-size:1em;} #subfooter .vcard p { margin:0 auto; padding:0; line-height:normal; width:660px;} #subfooter .vcard #legal { font-style:italic; display:block;} #subfooter .vcard .adr{ display: none; } #subfooter .logo.liquidshop { position:absolute; right:-10px; top:-40px; width: 100px;} /* --------------------------------------------------------------------------------------------------------------------------------- 5) CENTRE COLUMN SPECIFIC STYLES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box, .rtecontent { height:1%; margin-bottom:15px; position:relative; } #ie6 .box { width:99.2%; } .rtecontent { padding:10px 0; } #ie6 .rtecontent{ width: 97%; } .box .inner { height:1%;} .box .hlist { margin:10px 5px;} .box .hlist.collist { margin:0;} #protx { display: none; } /* Rounded Box borders */ .b { display:block; width:15px; height:15px; background:url(/images/icons.gif) no-repeat 0 -896px; position:absolute; overflow:hidden;} .tl { top:-1px; left:-1px;} .tr { top:-1px; right:-1px; background-position:-15px -896px;} .bl { bottom:-1px; left:-1px; background-position:0 -911px;} .br { bottom:-1px; right:-1px; background-position:-15px -911px;} #ie6 .tr, #ie6 .br { right:-2px;} #ie6 .br, #ie6 .bl { bottom:-2px;} #ie6 .pageheading .b { height:12px;} .pageheading .bl, .pageheading .br { display:none;} .catlist .tl, .catlist .tr { display:none;} /* Columns within centre for login/address etc in checkout */ .col2 { width:49%;} .col2 div { border:1px solid #ddd; padding:20px; margin-bottom:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; background:#F1F1F1;} .col3 { width:32%;} .col3.fleft { margin-right:2%;} .col3 div { background:none; margin:0 0 15px 0; padding:5px;} .col3 #delivery_comments, .col3 #order_reference { display:block; width:98%;} .col2 .subheading, .col3 .subheading { margin:0 0 5px; padding:0; font-size:1.5em; font-weight:bold;} .col3 .subheading span.smaller { padding:0;} .col3 strong { display:block;} #ie6 .col2 div { padding: 10px 0; } /* Login Page */ #signin { padding:10px 0;} #signin form { position:relative;} #signin a { color:#444;} #signin .col { margin-top:4px; padding:0; } #signin .textlist { padding:0; border:none; background:none;} #signin .textlist .col.label { float:left; width:90px; margin:0; padding:7px 0 0;} #signin .textlist .col.input { float:left; width:70%; margin:0 0 5px;} #signin .textlist .col.input input { height:18px; width:95%;} #ie6 #signin .textlist .col.input input{ width: 170px; } #signin .textlist .notice { max-width:170px;} #signin .button { bottom:10px; position:absolute; right:20px;} #signin .col2 div { min-height:170px; position:relative} #ie6 #signin .col2 div { height:180px;} /* Breadcrumbs */ #crumbs, #crumbsbasket { background:none; border:none; margin:0; position:absolute; top:7px; left:0; height:15px; width:100%;} #crumbs { overflow:hidden; font-size:0.9em; top:5px;} #crumbs dd, #crumbs dt, #crumbsbasket dd { height:15px; line-height:15px; border:none; padding-top:0; padding-bottom:0;} #crumbs dd a, #crumbs dt, #crumbsbasket dd a, #crumbsbasket dt { padding:0; color:#898989;} #crumbs dt { padding:0 0 0 20px; font-weight:normal;} #crumbs dd a, #crumbs dd a.selected, #crumbs dd a.selected:hover { border:none; cursor:default; text-decoration:none; color:#898989; padding-left:11px; background:url(/images/icons.gif) no-repeat -10px -2px;} #crumbs dd a { text-decoration:underline;} #crumbs dd a:hover { color:#444; text-decoration:underline; cursor:pointer;} #crumbsbasket { height:30px;} #crumbsbasket dl { margin:0 10px; border-bottom:3px solid #C3C2C0;} #crumbsbasket dd { color:#70727A; display:block; float:left; text-align:center; height:20px; width:25%;} #crumbsbasket span { background:url(/images/icons.gif) no-repeat center -392px; display:block; padding-bottom:13px; font-weight:bold; color:#aaa;} #crumbsbasket .complete span { background-position:center -432px; color:#444;} #crumbsbasket .selected span { color:#444;} /* Imgholder */ .imgholder, .imgholder a { display:block; text-align:center; width:230px; } .imgholder { background:#fff; position:relative; height:130px;} .imgholder a { position:absolute; bottom:0; left:0;} .imgholder img { display:block; margin:0 auto;} .imgholder span { display:none} .caption { display:block; color:#444;} /* Vertical Lists */ .vlist { } .vlist dd a { color:#444; background:#F1F1F1 url(/images/icons.gif) no-repeat 0 2px; display:block; padding:4px 10px 4px 23px;} .vlist dd a:hover { background:#F1F1F1 url(/images/icons.gif) no-repeat 0 2px;} /* Horizontal Lists */ .hlist { } .hlist dd, .hlist dt { float:left; padding:2px 0; margin-right:5px;} .hlist dd a, .hlist dt { color:#ffa9b9; background:url(/images/icons.gif) no-repeat -6px -2px; padding-left:15px;} .hlist dt, .hlist dt a { background:none; font-weight:bold;} .hlist dt strong, .hlist dt strong a { display:block; text-transform:uppercase; width:150px;} .hlist img { margin-right:3px;} .hlist dd a:hover { background:url(/images/arrowanim.gif) no-repeat 4px 4px;} .hlist dd.selected a { font-weight:bold; text-decoration:underline;} /* Banners */ #banner { display:block; margin:0 0 10px; text-align:center;} .column .banners { background:none; border:none; margin:0; padding:0; text-align:center; width:100%;} .column .banners img { display:block;} .column .banners dd { background:none; margin:0 0 10px 0; padding:0;} /* Image Based Lists */ .imglist { padding:0; } .imglist a { text-align:center; border:1px solid #ccc; text-decoration:none; color:#2E291D; background:#fff; cursor:pointer; display:block; float:left; overflow:hidden; font-weight:normal; padding:10px; height:177px; width:143px; margin:0 10px 10px 0; text-align:center; position:relative;} .imglist a:hover { border-color:#999; text-decoration:none; -moz-box-shadow:0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.3); box-shadow:0 0 6px rgba(0,0,0,0.3);} .imglist .imgholder { display:inline;} .imglist .caption { display:block; width:143px; position:absolute; top:155px; font-weight:bold; left:10px; overflow:hidden;} .imglist a:hover .caption, .imglist .caption:hover { text-decoration:underline; color:#000;} #fbrands a { height:40px;} #p_home #inner { padding-top:0; } #p_home #banner{ margin:0; } #p_home .homepage{ padding:0; } /* Had to fix the width because it ignores any styling when trying to style for ie6 */ #fcontent .rtecontent { border:0; width:440px; border-top:1px solid #fff; background:url(/images/desert.jpg) no-repeat 0 0; height:545px; padding:20px 460px 0 60px; margin-bottom:0; -moz-text-shadow:1px 1px 0 #fff; -webkit-text-shadow:1px 1px 0 #fff; text-shadow:1px 1px 0 #fff; font-size:1.2em; color: #5c5b58l; overflow:hidden; } #fcontent p { font-size:1.2em; line-height:1.3em; color:#444; text-shadow:1px 1px 0 rgba(255,255,255,0.7);} #fcontent a { background:#F42B5C; color:#fff; font-weight:bold; padding:5px 15px; border:1px solid #CF0F42; -moz-text-shadow:1px 1px 0 #777; -webkit-text-shadow:1px 1px 0 #777; text-shadow:1px 1px 0 #777; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} #fcontent a:hover { background:#CF0F42; border-color:#CF0F42; text-decoration:none;} #fcontent h1 { text-indent:-9000px; background:url(/images/desert_logo.gif) no-repeat 0 0; width:193px; height:100px; margin-bottom:0.5em;} /* Tabs used on Product page and cat pages */ .tabs { background:none; font-size:1em; position:relative; padding:0;} .tabs dd { padding:0; margin:0;} .tabs dd a { background:#fff; border:none; display:block; color:#888; padding:4px; margin-right:10px; text-decoration:none; -moz-border-radius: 7px 7px 0 0;} .tabs dd a:hover { background:#fff; color:#000;} .tabs dd a.selected, .tabs dd a#active { background:#fff; color:#333; font-weight:bold; text-decoration:none; cursor:default;} .tabs .results { color:#999;} .tabs a:hover .results { color:#777;} /* Page chooser, view mode and sort by lists for pagination */ .sortbar { height:25px; margin:0 0 20px 0; position:relative; padding:7px 5px 2px 5px; background:#eee; border:1px solid #ddd; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;} .sortbar select { display:none; float:left; margin:0 2px 0 0; width:140px; border:1px solid #bbb; padding:1px; color:#666} .sortbar select.nomargin { display:block;} .sortbar .bl, .sortbar .br { bottom:0;} .sortlist { color:#fff; height:1%; margin:0 6px; width:auto;} .sortlist dd { float:left;} .sortlist dd a, .sortlist dt { text-decoration:none; border:1px solid #eee; background:#eee; color:#666; float:left; margin:0 2px 0 0; padding:2px 4px;} .sortlist dt { border:none; font-weight:bold; margin:0; padding:2px 4px 0 0;} .sortlist dd a:hover, .sortlist a.selected, .sortlist a.lselected, .sortlist a.gselected { border:1px solid #bbb; background:#fff; color:#555;} .sortlist a.selected, .sortlist a.lselected, .sortlist a.gselected { cursor:default;} .sortlist.perpage { float:left;} .sortlist.page { float:right;} .sortlist.page dd a { background:#fff; color:#333; border-color:#ccc;} .sortlist.page a:hover, .sortlist.page .selected { background:#F42B5C; border-color:#F42B5C; color:#fff;} .sortlist.page .disabled, .sortlist.page .disabled:hover { display:none;} .sortlist.page .separator, .sortlist.page .separator:hover { background:none; border:none; cursor:default; padding:2px 0; color:#555;} .sortlist.view { float:left; margin:0 0 0 5px;} .sortlist.view a { padding:0 4px 0 2px;} .sortlist.view strong { float:left; font-weight:normal; padding:2px 0;} .sortlist.view .icon { float:left; margin-right:2px; padding:0;} /* Input Forms for signup etc */ .textlist { clear:both; margin-bottom:10px; border:1px solid #ddd; padding:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; background:#F1F1F1;} .textlist dd, .textlist dt { overflow:hidden; position:relative; width:99%;} .textlist .subheading { margin-bottom:5px;} .textlist .hr { border-bottom:1px solid #bbb; margin:15px 0 20px;} .textlist .comment { clear:both; display:block; padding:10px 0 10px 5px; margin-top:-10px; font-style:italic;} #ie6 .textlist .comment { margin-left:210px;} .textlist .notice { border-width:0px; display:block; font-size:0.9em; margin:0 0 0 5px; max-width:200px; padding:0 1px; width:100%;} .textlist .small + acronym + .notice { width:120px;} .textlist .col { display:block; margin-bottom:5px;} .textlist .col#stars { width:110px;} #ie6 .textlist .col { padding:3px 0 3px 3px;} .textlist .col.lcol { margin-right:15px;} .textlist .col.mcol { margin-left:10px; width:62%;} .textlist .col.rcol { float:right; width:100px;} .textlist .col.rcol .button { margin-bottom:3px;} .textlist .col.label { padding:0 5px; margin:0 0 3px; font-weight:bold; color:#444;} #p_checkout .textlist .col.label { font-size:1em;} .textlist .col.input {} #ie6 .textlist .col.input { overflow:hidden;} .textlist .col.input input, .textlist .col.input select, .textlist .col.input textarea { width:600px; padding:5px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .textlist .col.input input:focus, .textlist .col.input select:focus, .textlist .col.input textarea:focus { border-color:#999; -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:1px 1px 1px rgba(0,0,0,0.3);} .textlist .col.input input.checkbox, .textlist .col.input input.button { border:none; padding:0; width:auto;} .textlist .col.input select#address { margin-bottom:2px; max-width:300px !important;} .textlist .col.input input.button.findaddress { width:77px; margin:0 5px 0 1px;} .textlist .col.input input.button.returningcustomer { width:183px;} .textlist .col.input .small { width:200px;} .textlist .col.input .large {} .textlist.largelist { border-top:1px solid #E3E7EC; margin-bottom:15px;} .textlist.largelist dd { border-bottom:1px solid #E3E7EC; padding:10px 0;} .textlist.largelist strong, .textlist.largelist .price { display:block; font-size:1.2em; font-weight:bold;} .textlist.largelist .price { text-align:right;} .textlist.largelist .rcol .fright { margin-right:10px;} #p_checkout .textlist.largelist .col:first-child { float:left;} #enqform .button.continue {} /* --------------------------------------------------------------------------------------------------------------------------------- 6) LEFT / RIGHT COLUMN SPECIFIC STYLES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Sideboxes */ .column dl { background:#fff; width:188px; margin:5px 0 10px;} #p_product .column dl { width:230px;} .column a { color:#444;} .column a:hover{ color: #E61648; } /*EXTRA CSS -> look in css/sideborder for column list borders*/ .column .title { background:#F1F1F1; border:1px solid #ddd; font-weight:bold; color:#F42B5C; display:block; font-size:1.2em; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*.column #specialcats .title, .column #cartinfopages .title{ background: #E61648; border-color: #b8183e; color: #fff; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; }*/ /*EXTRA CSS -> look in css/sidetitle for column list titles*/ .column .sub0 a { background:#fff url(/images/icons.gif) no-repeat 0 2px; border-bottom:1px dotted #ccc; padding:4px 10px 4px 21px;} .column .sub0 a:hover { background:#f5f5f5 url(/images/icons.gif) no-repeat 0 2px; } .column .sub0 a.selected { font-weight:bold; color: #E61648; } .column .sub1 a { background: url(/images/icons.gif) no-repeat 0 -134px; padding:4px 10px 4px 21px; } .column .sub1 a:hover { background:#f5f5f5 url(/images/icons.gif) no-repeat 0 -134px; } .column .sub1 a.selected { background:#f5f5f5 url(/images/icons.gif) no-repeat -1px 2px; font-weight:bold;} .column .sub1.bottom a{ border-bottom: 1px dotted #ccc; } .column .sub2 a { background:#fff url(/images/icons.gif) no-repeat 12px -134px; padding:4px 10px 4px 33px;} .column .sub2 a:hover { background:#fff url(/images/icons.gif) no-repeat 12px -134px;} .column .sub2 a.selected { background-color:#fff; font-weight:bold;} .column select { margin:10px 5px; width:158px;} .column .scrollable .scroller { display:block; max-height:230px; overflow:auto;} .column .imglist dd a { background:#fff; border-width:1px 0 0; font-weight:normal; height:30px; margin:0; padding:0; text-align:left; width:100%;} .column .imglist dd a:hover { background:#f5f5f5; text-decoration:none;} .column .imglist dd img { margin:1px 0 1px 10px;} .column#right dl { float:right;} /* Refine Results box */ /*EXTRA CSS -> look in css/filters for #refine filters */ #refine { z-index:1;} #refine input { background:#fff url(/images/icons.gif) no-repeat right -741px; border:1px solid #ABADB3; color:#444; cursor:pointer; padding:2px 18px 2px 5px; width:125px;} #refine input:hover { background:#fff url(/images/icons.gif) no-repeat right -865px;} #refine .selectpop { background:#fff; border:1px solid #999; left:0px; margin:-1px 0 0; height:expression( this.scrollHeight > 279 ? "280px" : "auto" );/*sets max-height forIE*/ max-height:280px; overflow:auto; padding:0; position:absolute; z-index:5; width:148px;} #ie6 #refine .selectpop, #ie7 #refine .selectpop { margin-top:21px;} #refine .selectpop dd { float:none; background:#fff; margin:0; padding:0;} #refine .selectpop a { background:none; border:none; color:#000; display:block; margin:0; padding:1px 0;} #refine .selectpop dd a:hover { background:#3399ff; color:#fff; text-decoration:none;} #refine .selectpop em { font-style:normal;} #refine .selectpop a:hover em { color:#fff;} #refine .selectpop dd span { display:block; padding:1px 2px;} #refine .selectpop .sub0 a, #refine .selectpop .sub0 span { border-top:1px solid #cccccc; padding-top:3px;} #refine .selectpop .sub1 a, #refine .selectpop .sub1 span { background:url(/images/icons.gif) no-repeat -5px -138px; padding-left:14px;} #refine .selectpop .sub2 a, #refine .selectpop .sub2 span { background:url(/images/icons.gif) no-repeat 9px -138px; padding-left:28px;} /* Shopping Basket */ /*EXTRA CSS -> look in css/basket for #minibasket shopping basket if set to be right_side_nav */ /* Promotion Code box */ #promotions { } #promotions dd { overflow:hidden; padding:10px 5px;} #promotions label { display:block; font-size:0.9em; margin-bottom:3px;} #promotions #voucher { margin-right:3px; width:90px;} #promotions input { float:left;} /* --------------------------------------------------------------------------------------------------------------------------------- 7) PRODUCT DISPLAY LISTS /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Elements used in both list views */ .prodlist { padding-bottom:5px;} .prodlist dd { border:1px solid #d5d5d5; position:relative;} .prodlist .product { text-align:center; } .prodlist .soffer { left:5px; position:absolute; top:5px;} .prodlist .desc { text-align:left;} .prodlist .desc h3 a { font-weight:normal; color:#444;} .prodlist .desc h3 a:hover { color:#f42b5c} .prodlist .desc p { margin:0; color:#afb2b4; line-height:normal;} .prodlist .attriblist { height:30px; overflow:hidden;} .prodlist .attriblist div { margin:0 3px 0 0; float:left;} .prodlist .attriblist .label { display:none !important;} .prodlist .cost { text-align:left; display: none; } .prodlist .cost .offertext, .prodlist .cost .offertext a { color:#000; display:block;} .prodlist .cost .offerexpiretext { display:block;} .prodlist .cost .price { font-size:1.1em; font-weight:bold;} .prodlist .cost .pricenow { color:#000;} .prodlist .cost .pricewas { font-size:1.1em; padding:0 5px; text-decoration:line-through;} .prodlist .cost .pricewas .price { font-size:1em; font-weight:normal;} .prodlist .cost .pricevat { display:block; position:relative; top:-3px;} .prodlist .cost .message /*for out of stock/has opts*/{ display:block; margin-bottom:6px; position:relative; top:-3px;} .prodlist .controls { float:right; width:75px;} .prodlist .qty { display:none;} .prodlist .more { white-space:nowrap;} .prodlist .more:hover { border-bottom:none;} /* Gallery View */ .prodlist.galleryview { } .prodlist.galleryview dd { float:left; height:280px; width:233px; margin:5px 0 0 5px;} #ie6 .prodlist.galleryview dd{ padding: 0; width: 32%; overflow:hidden; } .prodlist.galleryview dd.pos1{ margin-left:0; } #ie6 .prodlist.galleryview dd.pos1{ margin-left:0; } .prodlist.galleryview .product { margin:0;} .prodlist.galleryview .imgholder { height: 230px;} .prodlist.galleryview .icon { left:10px; position:absolute; top:110px; z-index:3;} .prodlist.galleryview .icon.scatoverlay { top:10px; width:auto;} .prodlist.galleryview .icon.brandoverlay { background:#fff; top:10px; width:auto; height:auto;} .prodlist.galleryview .icon.soffer { top:10px; display:none;} .prodlist.galleryview .icon.star { top:10px;} /*EXTRA CSS -> look in css/prodbox for galleryview % widths */ .prodlist.galleryview .desc h3 { font-size:1.0em; font-weight: normal; margin:2px 10px 5px 10px; text-align:center; } .prodlist.galleryview .desc p { display:none !important; } .prodlist.galleryview .cost { background:#fff; bottom:5px; height:50px; width: 95%; left:5px; position:absolute; text-align:center; display: none; } .prodlist.galleryview .cost .message{ width: 100%; } .prodlist.galleryview .buttons { bottom:23px; right:3px; margin:0; position:absolute;} .prodlist.galleryview .buttons * { float:left;} .prodlist .cost .message { width:130px; } /* List View */ .prodlist.listview { } .prodlist.listview dd { margin:10px 0 0 0; border:none; border-bottom:1px solid #eee; padding-bottom:10px; overflow:hidden; padding: 3px;} .prodlist.listview .icon { left:56%; position:absolute; top:5px;} .prodlist.listview .icon.scatoverlay { display:none;} .prodlist.listview .icon.brandoverlay { display:none;} .prodlist.listview .icon.soffer { display:none;} .prodlist.listview .icon.star { position:static;} .prodlist.listview .imgholder, .prodlist.listview .imgholder a { width:40px; position:static;} .prodlist.listview .imgholder { float:left; height:40px;} .prodlist.listview .desc { float:left; margin:0 4% 10px 10px; width:85%;} .prodlist.listview .desc h3 { margin:0 0 3px; font-size:1.2em; line-height:normal;} .prodlist.listview .cost { float:left; font-size:0.9em; width:18%; display: none; } .prodlist.listview .cost .message{ width: 300px; } .prodlist.listview .cost .offertext a, .prodlist.listview .cost .message { font-weight:normal; margin:0;} .prodlist.listview .button, .prodlist.listview fieldset { float:right;} #tellfriend .prodlist.listview dd { border:none;} /* Modified Gallery view - for Recommended products */ .prodlist.featured { } .prodlist.featured dd { height:342px;} .prodlist.featured .desc h3 a { font-size:1em;} .prodlist.featured .desc p { display:block; font-size:0.9em; margin:0 0 6px 0;} .prodlist.featured .cost { padding-top:2px;} /* Modified List view - used on email a friend, stock reminders */ .prodlist.viewer { margin-bottom:15px;} .prodlist.viewer dd { margin:0;} .prodlist.viewer .cost, .prodlist.viewer .button, .prodlist.viewer .more { display:none;} /* Modified List view - used on product page to show the buy this+this offers */ .prodlist.offerlist { } .prodlist.offerlist dt { background:#788498;} .prodlist.offerlist .imgholder { float:left; margin:5px;} .prodlist.offerlist .plus { float:left; font-size:1.3em; margin:15px 0 0;} .prodlist.offerlist .desc { margin:5px 0 0 10px; width:40%;} .prodlist.offerlist .desc h3 { font-size:1.2em;} .prodlist.offerlist .cost { margin:5px;} .prodlist.offerlist .cost .save { display:block; font-size:1.3em; position:relative; top:-3px;} .prodlist.offerlist .cost .price_preword { color:#555; font-size:1.4em; font-weight:bold;} .prodlist.offerlist .button { background:#E61648 url(/images/buttons.jpg) no-repeat -433px -108px; margin:5px;} /* Left/Right Column Product Lists */ .prodlist.sidelist { padding-bottom:0;} .prodlist.sidelist dd { border:none; border-top:1px dotted #cfcfcf; padding:5px 0;} .prodlist.sidelist dt + dd { border:none;} .prodlist.sidelist .imgholder { float:left; height:40px; width:40px; margin-right:5px; position:static} .prodlist.sidelist .imgholder a { width:40px; position:static;} .prodlist.sidelist .text /*used to align text next to image*/ { float:left; width:125px;} #p_product .prodlist.sidelist .text { width:175px;} .prodlist.sidelist .desc h3 { font-size:1em; margin:0;} .prodlist.sidelist .desc h3 a { border-color:#fff;} .prodlist.sidelist .desc h3 a:hover { border-color:#aaa;} .prodlist.sidelist .desc p { display:none;} .prodlist.sidelist .cost { font-size:0.8em; margin-top:3px;} .prodlist.sidelist .cost .pricenow { display:block; float:left; margin-right:3px} .prodlist.sidelist .cost .pricewas { display:block; float:left; padding:0;} .prodlist.sidelist .cost .message { display:none !important;} .prodlist.sidelist .button { display:none;} .prodlist.sidelist .soffer { display:none;} .prodlist.sidelist .offertext { display:none !important;} .prodlist.sidelist .message { display:none;} .prodlist.sidelist .star { display:none;} #relatelist { margin-bottom:0;} #relatelist .product { margin:0; padding:0;} #relatelist dd { padding:0 0 40px; width:230px; border:0; height: auto; border-bottom: 1px dotted #ccc; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} #ie6 #relatelist dd, #ie7 #relatelist dd{ width: 230px; } #ie7 #relatelist dd{ } #relatelist dd:last-child { border-bottom:none;} #relatelist dd .icon.brandoverlay { display:none; left:auto; right:19px; border:2px solid #fff; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #relatelist dd:hover .icon.brandoverlay { display:block;} #relatelist dd .star { position:absolute; top:0px; left:0px;} #relatelist dd .imgholder { height:auto; width:230px; margin:0 auto;} #relatelist dd .imgholder a { position:static; width:230px;} #relatelist .desc { display:none;} #ie6 #relatelist .desc{ display: block; } #relatelist dd:hover .desc { display:block; position:absolute; bottom:0; padding:10px 0 5px; background:#fff; z-index:5;} #relatelist .cost, #relatelist .desc { left:0; width:230px;} #relatelist .buttons { right:19px; bottom:14px; display:none;} /* --------------------------------------------------------------------------------------------------------------------------------- 8) PAGE SPECIFIC STYLES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Product Page */ #product .pageheading{ padding: 1px 8px; } #product .pageheading span { display:block; padding:0 0 0 0;} #product .box#overview { padding:0 0 10px; margin:32px 0 0; border-top:1px solid #ccc; } #ie6 #product .box#overview { padding:10px 0; } #product #brandlogo { position:absolute; top:-65px; right:10px;} #product #imagewrapper { float:left; height:1%; margin:10px 5px 0 60px; height:350px; width:350px; text-align:center;} #ie6 #product #imagewrapper { margin-left: 25px;} #product #imagewrapper #prod_img { position:relative; width:350px; text-align:center;} #ie6 #product #imagewrapper #prod_img { } #product #imagewrapper #prod_img a { margin:0 auto;} #product #imagewrapper #prod_img span { display:none;} #product #imagewrapper #prod_img a:hover { cursor:pointer; cursor:-moz-zoom-in;} #product #imagewrapper #prod_img a:hover span { background:#fff url(/images/icons.gif) no-repeat -432px -662px; border:1px solid #ccc; color:#444; display:block; left:20%; padding:5px 5px 5px 30px; position:absolute; text-align:left; text-decoration:none; top:45%; width:110px;} #product #imagewrapper #poptThumbs dd { display:inline; margin-right:1px;} #product #imagewrapper #poptThumbs img { border:2px solid #fff;} #product #imagewrapper #poptThumbs a:hover img, #product #imagewrapper #poptThumbs .optsel img { border:2px solid #b21900;} #product #imagewrapper #eimgHovers { background:#fff; padding:0 5px 0 0; position:absolute; left:10px; top:10px; width: 40px;} #product #imagewrapper #eimgHovers a { margin:0 0 5px 0; padding:1px; border:1px solid #aaa;} #product #imagewrapper #eimgHovers a:hover, #product #imagewrapper #eimgHovers a:focus, #product #imagewrapper #eimgHovers a.selected { border-color:#333;} #product #imagewrapper #eimgHovers img { display:block;} #product #summary { height:1%; margin:10px 0; width:260px; float:left; padding: 10px;} #product #summary acronym { font-weight:normal;} #product #summary #activeAjax { height:32px; position:absolute; left:610px; top:10px; width:32px;} #product #summary .offertext { color:#DC241F; display:block; font-weight:bold; font-size:1.1em;} #product #summary .offerexpiretext { color:#777; display:block;} #product #summary .cost { display:none !important;} #product #summary .cost dd { display:inline;} #product #summary .cost .pricenow .price { color:#DC241F; font-size:1.8em; font-weight:bold; margin-right:5px;} #product #summary .cost .pricenow .pre { color:#DC241F; font-size:1.4em; font-weight:bold;} #product #summary .cost .pricenow .post { color:#aaa; font-size:1em; font-weight:normal;} #product #summary .cost .pricewas { text-decoration:line-through; color:#999} #product #summary .cost .pricewas .pre { text-decoration:none;} #product #summary .cost .pricevat { display:block; position:relative; top:-3px;} #product #summary .cost #prod_rrp { color:#999;} #product #summary .message { display:block; margin:-2px 0 10px;} #product #summary #attriblist { margin:10px 0 0; position:absolute; top:0; right:4px; width:30px;} #product #summary #attriblist dd { margin:0; padding:0;} #product #summary #attriblist dd a { background:#fff; display:block; border:none; text-decoration:none; border:1px solid #ddd; margin:0 0 5px 0; padding:1px; color:#444; position:relative;} #product #summary #attriblist dd a:hover { border-color:#aaa;} #product #summary #attriblist dd a .label { position:absolute; top:-1px; right:32px; display:none; width:235px; padding:8px 5px; text-align:center; background:#fff; border:1px solid #aaa; border-bottom-width:2px; border-right-color:#fff; z-index:10;} #product #summary #attriblist dd a:hover .label { display:block;} #product #summary #attriblist dd img { margin:0; display:block;} #product #summary #product_options dd { padding-bottom:4px;} #product #summary #product_options select { width:244px; padding:2px; border:1px solid #ccc;} #product #summary #product_options .arw_holder { display:none;} #product #summary #product_options .notice { border-width:0px; display:block; font-size:0.9em; margin:0; max-width:250px; padding:0 1px; width:100%;} #product #summary #qtybox { display:none; font-size:1.4em; vertical-align:middle;} #product #summary #qtybox label { line-height:22px;} #product #summary #qtybox #qty { height:16px; line-height:16px; width:23px;} #product #summary #details { margin:0; width:230px;} #product #summary #details dt /* for out of stock notice*/{ padding-top:3px; padding-right:4px; float:left; display:none;} #product #summary #details dd /* for out of stock notice*/{ padding-top:3px; white-space:normal;} #product #summary #details dt.notice { border:0; font-weight:bold; margin:7px 0 0 4px; padding:0;} #product #summary #details dd.notice { margin:2px 0 0; padding-bottom:5px;} #product #summary #details dd.rating { position:absolute; top:-30px; left:280px; } #ie6 #product #summary #details dd.rating { width: 200px; overflow:hidden; } #product #summary #details dd.rating a:hover .star0 { background:url(/images/stars.gif) no-repeat 0 0; } #product #summary #details dd.refer { position:absolute; top:-30px; left:10px;} #product #summary #details dd.refer a { background:url(/images/icons.gif) no-repeat 0 -618px; padding-left:18px;} #product #summary #details dd.refer a:hover { background-position:0 -641px;} #product #summary #details dt.model { display:inline} #product #summary #details dd.model {} #product #summary #details dd.addthis { position:absolute; top:-30px; left:220px;} #product #summary #details dd.addthis a { background:url(/images/icons.gif) no-repeat 0 -953px; padding-left:14px;} #product #summary #details dd.addthis a:hover { background-position: 0 -973px;} #product #summary #details dd.rte a, #product #summary #details dd.pdf a { background:url(/images/icons.gif) no-repeat 0 -907px; padding-left:18px;} #product #summary #details dd.rte a:hover, #product #summary #details dd.pdf a:hover { background-position:0 -929px;} #product #summary #details dt.scat { display:none;} #product #summary #details .icon { text-align:left;} #product #summary #details a { color:#70727A; border-bottom:1px dotted #eee;} #product #summary #details a:hover { color:#000; text-decoration:none; border-color:#999;} #product #summary #details .stock { margin-top:10px; padding-bottom:2px; display:none;} #product #summary #details .instock { padding-left:18px; background:url(/images/icons.gif) no-repeat 0 -467px;} #product #summary #details .outstock { padding-left:18px; background:url(/images/icons.gif) no-repeat 2px -589px; } #product #collectopts{ display: none; } #product #summary #addtobasket { margin:10px 0 0;} #tabcontent .subheading { background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0;} #tabcontent .subheading .results { display:none;} #product #reviews { clear:none; border:none;} #product #desc_6 .subheading { background:#EDEDED; border-top:1px solid #D0D0D0;} #product #reviews h3, #product #questions h3 { border:none; margin:0;} #product #reviews h3 a b, #product #questions h3 a b { font-weight:bold;} #product #reviews dd, #product #questions dd { padding:15px 0; border-bottom:1px solid #ddd;} #product #reviews dd.hreview { background:#fff;} #product #reviews em { color:#999;} #product #reviews .description { display:block; padding-top:10px;} #product #tabcontent { border: 1px solid #ccc; padding:20px; border-width: 1px 0 0 0; margin-bottom: 10px;} #product #tabcontent #desc_1 { width:610px; padding-bottom:20px; font-size:1.2em;} #product .hlist.tabs { padding-left:20px; font-size:1.2em; background:none; bottom:-1px; position:relative; z-index:2;} #product .hlist.tabs dd { margin:0;} #product .hlist.tabs dd a { font-weight:bold; padding:4px 10px; margin-right:2px; border:1px solid #fff; border-bottom-color:#ccc;} #product .hlist.tabs dd a:hover { background:#F1F1F1; color:#F42B5C; border-color:#ddd; border-bottom-color:#ccc;} #product .hlist.tabs dd a#active { background:#fff; border-color:#ccc; border-bottom-color:#fff; color:#444;} #product .hlist.tabs dd a#active .results, #product .hlist.tabs dd a#active:hover .results { color:#aaa;} #product #reviews { clear:none; border: 0;} #product #reviews .hreview-aggregate{ background: #e5e5e5; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #product #reviews .hreview{ border-bottom-style: dotted; border-bottom-color: #ccc; } #product #reviews h3{ margin-bottom:0; font-size:1.2em; } #product #reviews h3 a { color:#E61648;} #product #reviews .prompt{ border-bottom: 1px dotted #ccc; } #product #questions { border:0; } #product #questions dd{ border-bottom-style: dotted; border-bottom-color: #ccc; } #product #questions dd h3 a { color:#E61648;} #product #questions h3{ margin-bottom:0; font-size:1.2em;} #product #questions .question { font-size:0.8em; border-bottom:0; padding-bottom:0;} #product #questions .answer { font-style:italic} /* Lightview - used on product page and for RTE created popups on info pages */ #lightbody { background:#fff; font:62.5% Arial, Helvetica, sans-serif; padding:5px; text-align:left; } #lightbody #wrapper { background:#000; } #lightbody .inner { padding-bottom:0;} #lightbody p { line-height:normal;} #lightbody strong.restrict { background:#fff url(/images/icons.gif) no-repeat -889px -335px; color:#444; font-size:1.2em; padding-left:10px;} /* Shopping basket - also used on shopping basket confirm and account previous orders */ .textlist.basket { padding:20px 10px 20px 20px;} .textlist.basket dd { background:#fff; float:left; width:220px; height:280px; margin:0 5px 5px 0; padding:0; border:1px solid #ccc; text-align:center;} .textlist.basket dt { padding:0; text-indent:0; font-size:1.2em; font-weight:bold; display:none !important;} .textlist.basket dd .col { padding:5px 0; margin:0; float:left; min-height:75px;} #ie6 .textlist.basket dd .col { height:75px;} .textlist.basket dt .col { padding:5px 0; margin:0; font-weight:normal; min-height:20px; font-weight:bold;} #ie6 .textlist.basket dt .col { height:20px;} .textlist.basket dd .col.price { border-right:none; text-align:right; width:13%;} .textlist.basket .subheading .col.price { border-right:none; text-align:right; width:13%;} .textlist.basket .blabel, .textlist.basket .total { display:block; float:left; padding:5px 0; text-align:right; width:55%;} .textlist.basket .imgholder { float:left; margin-right:10px; width:220px; height:230px; } .textlist.basket .imgholder img { max-width:220px !important;} .textlist.basket .col.item { text-align:left; width:100%; border:none; padding:0 0 10px;} .textlist.basket .col.item a { color:#444;} .textlist.basket .col.item a:hover { color:#F42B5C;} .textlist.basket .col.item a:hover b { text-decoration:underline} .textlist.basket .subheading .col.item { border-left:none;} .textlist.basket .col.unit { text-align:center; width:12%;} .textlist.basket .col.qty { text-align:center; width:15%;} .textlist.basket .col.qty strong { display:block; margin:0 auto; margin-bottom:4px; width:64px;} .textlist.basket .col .pricewas { display:block; font-weight:normal; text-decoration:line-through;} .textlist.basket .col .pricevat { display:block; font-size:0.8em; font-weight:normal;} .textlist.basket .col input.qty { font-weight:bold; text-align:center; width:25px;} #ie6 .textlist.basket .col input.qty { width:25px;} .textlist.basket .col.unit, .textlist.basket .col.qty, .textlist.basket .col.price { display:none !important;} .textlist.basket .totals { margin-left:56%; width:44%;} .textlist.basket .totals .blabel { width:65%;} #ie6 .textlist.basket .totals { width:44%;} .textlist.basket .total { float:right; padding-right:3px; width:32%;} .textlist.basket .totals#grandtotal { font-weight:bold; display:none;} .textlist.basket .totals.delivery{ display: none; } .textlist.basket .col em { display:block; font-style:normal; text-align:center;} .textlist.basket .col b { font-weight:normal; display:block; text-align:center; padding:0 10px;} .textlist.basket .button { margin:0;} .textlist.basket .button.download { margin-left:140px;} .textlist.basket .col.qty .qtyneg { float:left; margin-top:1px;} .textlist.basket .col.qty .qtypos { float:left; margin-top:1px;} .textlist.basket .col.qty input.qty { float:left; margin:0 1px;} .textlist.basket .col.qty .update { clear:both; left:5px; position:relative; top:3px;} #ie6 .textlist.basket .col.qty .update, #ie7 .textlist.basket .col.qty .update, #ie7 .textlist.basket .col.qty .remove { left:-3px; position:relative;} #ie6 .textlist.basket .col.qty .remove { left:12px; position:relative;} .textlist.basket .extrainfo { border:none; float:right; margin:15px 0 0; width:44%;} .textlist.basket .extrainfo div.notice { border-width:1px; font-size:1em; margin:0; max-width:none; padding:0 2px 5px; width:auto;} .textlist.basket .promotion .col { border:none; height:auto; min-height:20px;} #ie6 .textlist.basket dd.promotion .col { height:30px;} .textlist.basket .promotion .col.desc { width:68%;} .textlist.basket .promotion h3 { margin:0;} .textlist.basket .promotion .icon.scissors { margin:0 25px 0 0; position:relative; top:-20px;} .textlist.basket .promotion .icon.soffer { float:left; margin:0 45px;} .textlist.basket .promotion.voucher { border:3px dotted #ccc; border-width:3px 0; margin:3px 0;} .textlist.basket .promotion.offer .col.desc { width:84.5%;} #cart #minorder { margin:0 0 0 56%; font-size:1.1em; text-align:center;} #pl_manual, #pl_picker { text-decoration:underline; padding-left:5px; position:relative; top:3px; margin-bottom:5px;} #clever_address_store { position:relative;} #pl_add_loader { position:absolute; right:-25px; top:3px;} #wishlist input.checkbox { margin:2px 0;} #wishlist .foot input.checkbox { margin:5px;} /* For collect in store baskets */ #cart.cartcollect .col.item { width:100%; border:none;} #cart.cartcollect .col.delmeth { width:17%; display: none;} #cart.cartcollect .col.delmeth .collect, #cart.cartcollect .col.delmeth .collect_dis { font-size:0.9em; line-height:1em; width:55px; float:left; margin-right:10px; text-align:center;} #cart.cartcollect .col.delmeth .deliver, #cart.cartcollect .col.delmeth .deliver_dis { font-size:0.9em; line-height:1em; width:55px; float:left; text-align:center;} #cart.cartcollect .col.delmeth .icon { float:none; margin:0 5px 5px; width:45px;} #cart.cartcollect .col.unit { width:10%;} #cart.cartcollect .col.qty { width:10%;} #cart.cartcollect .col.price { width:18%;} #cart.cartcollect .totals { margin-left:60%; width:40%;} #cart.cartcollect .blabel { width:50%;} #cart.cartcollect .totals.delivery{ display: none; } #cart.cartcollect dd {} #cart #collectopts { margin-left:44%;} #cart #collectopts dt { margin:0;} #cart #collectopts .icon { height:36px; float:left; margin-right:15px;} #cart #collectopts .icon.deliver, #collectopts .icon.deliver_dis { background-position:-493px -880px; height:30px;} #cart #collectopts .col.mcol { width:90%;} #cart #collectopts .notice { color:#d10000; margin:0 0 0 60px !important; font-size:1em; width:85%; display:block; max-width:none;} /* For collect in store on product page */ #product #collectopts { margin:0 0 10px;} #product #collectopts dd { display:block; line-height:1.6em;} #product #collectopts .icon { float:left; margin-right:5px;} #product #collectopts em { font-style:normal;} /* Orders section of Account pages */ #orders.textlist .col.mcol { width:50%;} #orders.textlist .col.rcol { width:100px;} #orders.textlist .col .row { background:url(/images/icons.gif) no-repeat -10px -2px; display:block; padding-left:14px;} #orders .textlist.basket .col.qty { width:20%;} #orders .textlist.basket .col.price { width:21%;} #orders .textlist.basket .promotion .col.desc { width:76.5%;} /* Sitemap */ .sitemaplist { margin:0 0 10px 0;} .sitemaplist a { color:#444; background:url(/images/icons.gif) no-repeat -6px -2px; display:inline; margin-bottom:2px; padding-left:15px;} .sitemaplist dt { clear:both; font-weight:bold;} .sitemaplist dt a { background:none; font-weight:bold; padding:0;} .sitemaplist .sub1 a { background:#fff url(/images/icons.gif) no-repeat 5px -139px; padding-left:25px;} .sitemaplist .sub2 a { background:#fff url(/images/icons.gif) no-repeat 15px -139px; padding-left:35px;} .sitemaplist .sub3 a { background:#fff url(/images/icons.gif) no-repeat 25px -139px; padding-left:45px;} /* Page at the end of the checkout process which sends customers to Protx */ #p_redirect, #p_redirect #wrapper, #p_redirect #content, #p_redirect #centre { background:#fff; color:#333;} #p_redirect .box { width:400px; margin:70px auto 0;} #p_redirect .box.noborder { border:none; text-align:center;} #p_redirect .button.payatprotx { margin:0 auto;} #orderConfirm .button.payatprotx{ display:none;} #orderConfirm h3, #orderConfirm p { display:none;} /* slideshow for homepage */ #banner { width:718px;} #slideshow_wrapper, #slideshow_wrapper .slide { width:960px; height:465px;} #slideshow_wrapper { display:block; margin:0; text-align:center; overflow:hidden; position:relative;} #slideshow_wrapper .slide { float:left;} .slideshow_controls { position:absolute; bottom:5px; right:5px;} .slideshow_controls dd { float:left; margin-left:2px;} .slideshow_controls a { background:#fff; background:rgba(255,255,255,0.7); color:#555; text-shadow:1px 1px 0 #fff; display:block; padding:5px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .slideshow_controls a:hover { background:#aaa; background:rgba(0,0,0,0.2); text-decoration:none;} .slideshow_controls a.selected { background:#f42b5c; color:#fff; text-shadow:1px 1px 0 #8c0019; cursor:default; text-decoration:none;} #tellme + .button { display:none;} #tellme { margin:20px 0;} #signupForm .subheading, #atffc { display:none;} /* Flat Edged Tabs */ #nav { height:31px; text-align:right; padding: 2px 0 0 0; background: url(/images/miglio_nav_div.gif) no-repeat top right;} #nav dl { margin:0 auto; display:inline-block;} #nav dd { display:inline;} #nav a{ font-size: 1.25em; color:#fff; display:inline-block; text-shadow:0 0 4px #92001B; -moz-text-shadow:0 0 4px #92001B; text-transform:uppercase; -webkit-text-shadow:0 0 4px #92001B; padding:6px 13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #nav a:hover{ background:#d90f40; text-shadow:0 0 4px #330009; text-decoration:none; } #nav a:focus, #nav a:active, #nav a.selected, #nav a.selected:hover { } /* 3 column layout */ #content { padding-left:200px; padding-right:200px;} .noleftcol #content { padding-left:0 !important;} .norightcol #content { padding-right:0 !important;} #inner { margin-left:-200px; margin-right:-200px;} .noleftcol #content #inner { margin-left:0 !important;} .norightcol #content #inner { margin-right:0 !important;} #left, #right { width:200px;} #centre { margin-left:200px; margin-right:200px;} .noleftcol #content #centre { margin-left:0 !important;} .norightcol #content #centre { margin-right:0 !important;} #p_product #content { padding-right:240px;} #p_product #inner { margin-right:-240px;} #p_product #right { width:240px;} #p_product #centre { margin-right:240px; } /* Shopping Basket */ #header #minibasket { display:block; width:220px; overflow:hidden; padding:5px; color:#dadce4; position:absolute; right:255px; top:42px; text-align:right;} #header #minibasket:hover { text-decoration:none; background:#E5194A; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #header #minibasket .title { background:url("/images/logos.gif") no-repeat -667px -100px; padding-left:20px; text-transform: uppercase; color: #fff; text-align: left; width: auto; float: left; } /*#header #minibasket:hover .title { text-decoration:underline;}*/ #header #minibasket .totals { font-weight:normal; display:inline; padding-right:5px; margin-left: 5px; color: #ffa9b9; float: left; text-transform:uppercase;} #header #minibasket #total.totals{ display: none; } #header #minibasket #empty{ display: none; } #header #minibasket dd{ float: left; } #header #minibasket #checkout a.viewbasket{ background:none; position: absolute; top:0; left:0; display: block; width: 240px; height: 20px; text-indent:-9000px; text-align:left; } /* Currencies */ #header #currency { position:absolute; top:5px; right:10px; color:#dadce4;} #header #currency dd { float:left;} #header #currency span { float:left; font-size:0.9em; } #header #currency .icon { float:left;} #added_item_box { width:330px; padding:5px; position:absolute; top:33px; right:10px; background:#fff; border:1px solid #999; z-index:11; text-align:left; color:#70727A;} #added_item_close { padding:1px 6px 1px 0; color:#DADCE4; font-size:0.8em;} #added_item_close .close { border:1px solid #DADCE4; color:#fff; padding:0 4px; font-style:normal;} #newproduct { padding:10px 10px 20px; border-bottom:1px solid #E3E6F0;} #newproduct #added_img { margin-right:5px; width:40px;} #newproduct .product { width:260px;} #newproduct a.name { display:block; font-weight:bold; color:#4C4F57; } #newproduct .pricewas { text-decoration:line-through; color:#aaa;} #added_item_box .totals { background:#F0F3FB; border-bottom:1px solid #E3E7EC; padding:5px 10px;} #added_buttons { padding-top:5px;} #added_buttons .continueshop { margin:0; } /* Refine Results box */ #refine dd { padding:3px 10px 0;} #refine .bottom { height:5px;} #refine .selectpop { left:25px; width:150px;} #refine a.refinement { background:url(/images/icons.gif) no-repeat -886px -894px; padding:2px 0 2px 15px; margin:0; display:block;} #refine a.refinement:hover { background-position:-886px -979px; text-decoration:none;} /* Simple refines */ #refine { z-index:1;} #refine .selectlist { border-bottom:1px solid #E3E6F0; background:none; margin:10px 0 0; padding:0 0 10px; width:148px;} #refine .selectlist dt { background:none; font-size:1.2em; font-weight:bold;} #refine .selectlist dd { float:none; background:none; margin:0; padding:0;} #refine .selectlist a { background:none; border:none; display:block; margin:0; padding:0;} #refine .selectlist em { font-style:normal;} #refine .selectlist .sub1 a, #refine .selectlist .sub1 span { background:url(/images/icons.gif) no-repeat -5px -138px; padding-left:14px;} #refine .selectlist .sub2 a, #refine .selectlist .sub2 span { background:url(/images/icons.gif) no-repeat 9px -138px; padding-left:28px;} /*--- Advanced multi-refines ---*/ #refineadv { z-index:1; position:relative;} #refineadv dt.title #clearall { padding:0; position:absolute; border:1px solid #F1F1F1; padding:2px 5px; color:#898989; top:5px; right:5px; font-size:0.75em; font-weight:bold;} #refineadv dt.title #clearall:hover { background:#fff; border-color:#999; color:#F42B5C;} #refineadv .selectlist { margin:15px 0;} #refineadv .selectlist h3.title { border:none; background:none; color:#333; border-bottom:1px solid #DFDFDF; font-size:1em; padding:0; margin:0 0 3px; font-weight:bold;} #refineadv .selectlist .clearlink { background:none; border:1px solid #fff; color:#898989; font-size:0.9em; padding:0 5px; margin:0; display:inline; font-weight:bold; float:right;} #refineadv .selectlist .clearlink:hover { background-color:#fff; border-color:#999; color:#F42B5C;} #refineadv .selectlist ul { list-style:none; background:none; margin:0; padding:0;} #refineadv .selectlist li { float:none; background:none; margin:0; padding:0;} #refineadv .selectlist a, #refineadv .selectlist .disabled span { display:block; background:url(/images/icons.gif) no-repeat 0 -313px; border:none; padding:0 0 0 15px;} #refineadv .selectlist span { background-image:none; padding-left:0;} #refineadv .selectlist .disabled span { background-position:0 -363px;} #refineadv .selectlist .selected a { background-position:0 -411px; color:#000;} #refineadv .selectlist .disabled { color:#bbb;} #refineadv .selectlist .disabled.selected span { background-position:0 -470px} #ie6 #refineadv .selectlist a, #ie6 #refineadv .selectlist .disabled span { margin:0 0 -13px;} #ie6 #refineadv .selectlist .selected a { background-position:0 -411px;} #refineadv .selectlist .sub1 a, #refineadv .selectlist .disabled.sub1 span { background:url(/images/icons.gif) no-repeat 15px -313px; padding-left:30px;} #refineadv .selectlist .sub1 span { background-image:none; padding-left:15px;} #refineadv .selectlist .disabled.sub1 span { background-position:15px -363px;} #refineadv .selectlist .sub1.selected a { background-position:15px -411px} #refineadv .selectlist .sub1.disabled.selected span { background-position:15px -470px} #refineadv .selectlist .sub2 a, #refineadv .selectlist .disabled.sub2 span { background:url(/images/icons.gif) no-repeat 30px -313px; padding-left:45px;} #refineadv .selectlist .sub2 span { background-image:none; padding-left:30px;} #refineadv .selectlist .disabled.sub2 span { background-position:30px -363px;} #refineadv .selectlist .sub2.selected a { background-position:30px -411px} #refineadv .selectlist .sub2.disabled.selected span { background-position:30px -470px} /* Tidy feature/attribute filters */ #refineadv #list_filter_feature .sub0 a, #refineadv #list_filter_feature .disabled.sub0 span { background-position:0 -313px; padding-left:15px;} #refineadv #list_filter_feature .disabled.sub0 span { background-position:0 -363px;} #refineadv #list_filter_feature .sub0.selected a { background-position:0 -411px} #refineadv #list_filter_feature .sub0.disabled.selected span {} /* Price slider */ #refineadv #list_filter_price { padding-bottom:20px; display:none;} #refineadv #filterprice { margin:0;} #refineadv .slider { width:185px; margin:15px 0 12px; background-color:#ddd; border:1px solid #aaa; border-width:1px 0; height:3px; position:relative;} #refineadv .slider .handle { width:9px; height:17px; background:url(/images/icons.gif) no-repeat 0 -814px; cursor:pointer; position:absolute; top:-7px;} #refineadv .slider .handle:hover { background-position:-10px -814px;} #refineadv label { color:#444;} #refineadv input { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #refineadv .priceinput { width:40px; padding:1px 0; margin-left:2px; border:1px solid #bbb;} #refineadv #priceto { padding-left:3px;} #refineadv #submit_price input { margin-left:3px; cursor:pointer; font-size:0.9em; padding-bottom:1px; border:1px solid #bbb; background:#eee; text-transform:uppercase} #refineadv #submit_price input:hover { border-color:#666;} #refinehelp { padding:10px 0 0; position:relative; height:16px;} #ie6 #refinehelp, #ie7 #refinehelp { display:none;} #refinehelp .title { background:none; margin:0; padding:0; font-weight:normal; border:none; color:#898989; font-size:1em; font-style:italic;} #refinehelp .title:hover { background:#eee; color:#F42B5C} #refinehelp ul { list-style:none; margin:0 0 15px; border-bottom:1px solid #ddd; padding:0;} #refinehelp li { display:block; margin-bottom:5px; border-top:1px solid #ddd; padding-top:5px;} #refinehelp p { line-height:1.1em; font-style:italic; margin:0;} #refinehelp #rhwrap { display:none; width:260px; border:1px solid #aaa; border-width:1px 2px 2px 1px; padding:20px; z-index:100; position:absolute; right:-290px; top:0; background:#fff; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;} #refinehelp:hover #rhwrap { display:block;} #refinehelp #bhtip { background:url(/images/icons.gif) no-repeat 0 -839px; width:16px; height:16px; position:absolute; left:-16px; top:13px;} #refinehelp .refinement { display:inline-block; padding-left:15px; background:url(/images/icons.gif) no-repeat 0 -411px;} #refinehelp .refinement:hover { color:#000;} #list_filter_condition { display:none} /************************************* * LiquidShop RTE PAGES CSS Stylesheet *************************************/ .rte_wrapper { width:100%; overflow:hidden;} .rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float:left;} .rte_twoeqcol_left {width: 48%; } .rte_twoeqcol_right {width: 48%;} .rte_twocol_small_left {width: 38%;} .rte_twocol_big_right {width: 58%;} .rte_twocol_big_left {width: 58%;} .rte_twocol_small_right {width: 38%;} .rte_threecol {width: 31%;} /* Text Based Side Headings */ .column dt.title { }