/* Version: 3.0 Author: Adam Bird (Silkstream Ltd) Author URL: http://www.silkstream.net */ /*********************************************************************** * CSS Table of Contents * ---------------------------------------------------------------------- * Reset CSS.....................................................(Line 48) * Basic Global CSS..............................................(Line 68) * Basic Global Classes..........................................(Line 80) * Site Button CSS...............................................(Line 91) * Container CSS.................................................(Line 112) * Header CSS....................................................(Line 116) * Drop Down Products CSS........................................(Line 210) * Breadcrumbs CSS...............................................(Line 242) * Homepage CSS..................................................(Line 250) * Page Content CSS..............................................(Line 356) * Section Filter CSS............................................(Line 360) * Section Content CSS...........................................(Line 371) * Section Leaflet & Flyers CSS..................................(Line 431) * Product Page CSS..............................................(Line 487) * Price Matrix CSS..............................................(Line 573) * Artwork Options CSS...........................................(Line 593) * Product Column Nav CSS........................................(Line 649) * Checkout CSS..................................................(Line 675) * Checkout Form Styling CSS.....................................(Line 772) * Default Styling CSS...........................................(Line 831) * Blog CSS......................................................(Line 856) * Meet the Team Styling CSS.....................................(Line 988) * Awards Styling CSS............................................(Line 1021) * Testimonials Page Styling CSS.................................(Line 1027) * Testimonials Block Styling CSS................................(Line 1038) * Artwork Templates Styling CSS.................................(Line 1046) * Help/FAQ Styling CSS..........................................(Line 1057) * Site Map Styling CSS..........................................(Line 1078) * Small Modal Styling CSS.......................................(Line 1106) * Generic Form Styling CSS......................................(Line 1113) * Footer CSS....................................................(Line 1152) * ---------------------------------------------------------------------- * Alternate Layout (right/left) * ---------------------------------------------------------------------- * Container CSS (ALT)...........................................(Line 1175) * Section Filter CSS (ALT)......................................(Line 1180) * Product Column Nav CSS (ALT)..................................(Line 1191) * Blog CSS (ALT)................................................(Line 1209) * jQuery UI CSS Framework.......................................(Line 1224) *************************************************************************/ /******* Reset CSS *******/ 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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border: 0; outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /******* Basic Global CSS *******/ body {margin:0; font:80% Arial, Helvetica, sans-serif; color:#000;} body.large { background:#fff url(../images/bg_home.jpg) repeat-x top center;} body.small { background:#fff url(../images/bg_sub.jpg) repeat-x top center;} a, object { outline:none;} a {color:#000; text-decoration:underline;} a:hover { text-decoration:none;} img { border:none;} strong { font-weight:bold;} em{ font-style:italic;} /******* Basic Global Classes *******/ .clearer { clear:both;} .floatLeft { float:left;} .floatRight { float:right;} .textalignLeft { text-align:left;} .textalignRight { text-align:right;} .horispacer { width:960px; height:15px; clear:both;} .horispacerHeavy { width:960px; height:30px; clear:both;} .vertiSpacer { width:50px; height:240px;} .vertiSpacerHeavy { width:40px; height:220px;} /******* Site Button CSS *******/ a.viewPrices { width:118px; height:36px; display:block; text-indent:-99999px; overflow:hidden; background:url(../images/assets_generic.png) no-repeat -6px -437px;} a:hover.viewPrices { background:url(../images/assets_generic.png) no-repeat -126px -437px;} a:active.viewPrices { background:url(../images/assets_generic.png) no-repeat -246px -437px;} a.viewGallery { width:141px; height:44px; display:block; text-indent:-99999px; overflow:hidden; background:url(../images/assets_generic.png) no-repeat -152px -476px; margin:0;} a:hover.viewGallery { background:url(../images/assets_generic.png) no-repeat -152px -521px;} a:active.viewGallery { background:url(../images/assets_generic.png) no-repeat -152px -566px;} a.uploadArtworkSmall { width:94px; height:27px; display:block; text-indent:-99999px; overflow:hidden; background:url(../images/assets_generic.png) no-repeat -413px -617px; margin:0;} a:hover.uploadArtworkSmall { background:url(../images/assets_generic.png) no-repeat -413px -645px;} a:active.uploadArtworkSmall { background:url(../images/assets_generic.png) no-repeat -413px -673px;} a.continueShopping { width:198px; height:47px; display:block; text-indent:-99999px; overflow:hidden; background:url(../images/assets_generic.png) no-repeat -1px -772px; margin:0;} a:hover.continueShopping { background:url(../images/assets_generic.png) no-repeat -202px -772px;} a:active.continueShopping { background:url(../images/assets_generic.png) no-repeat -401px -772px;} a.proceedCheckout { width:236px; height:48px; display:block; text-indent:-99999px; overflow:hidden; background:url(../images/assets_generic.png) no-repeat -168px -621px; margin:0; text-align:left;} a:hover.proceedCheckout { background:url(../images/assets_generic.png) no-repeat -168px -669px;} a:active.proceedCheckout { background:url(../images/assets_generic.png) no-repeat -168px -717px;} /******* Container CSS *******/ div#pageContainer { width:990px; margin:0 auto; position:relative;} div#contentArea { position:relative; width:990px; overflow:hidden; clear:both;} div#betaPeel { width:105px; height:105px; background:url(../images/beta_peel.png) no-repeat; z-index:99900; position:fixed; right:0; bottom:0;} a#feedback {position:fixed; width:38px; height:100px; text-indent:-99999px; background:url(../images/feedback_link.jpg) no-repeat 0 0; top:200px; left:0; z-index:99990;} /******* Header CSS *******/ div#header { width:990px; margin:0 auto;} div#header #logo { display:block; overflow:hidden;} div#header #logo.small { width:255px; height:90px;} div#header #logo.small a{ width:255px; height:90px; background:url(../images/logo_small.png) no-repeat; display:block; text-indent:-99999px;} div#header #logo.large { width:260px; height:110px;} div#header #logo.large a{ width:260px; height:110px; background:url(../images/logo_large.png) no-repeat; display:block; text-indent:-99999px;} div#header #utilites { font-size:11px; width:710px; text-align:right; margin:10px 0 0 0; display:inline;} div#header #utilites ul{} div#header #utilites ul li{ color:#9e9e9e; display:inline;} div#header #utilites ul li.divider{ padding:0 14px} div#header #utilites ul li a{ color:#9e9e9e; text-decoration:none;} div#header #utilites ul li a:hover{ color:#ccc; text-decoration:underline;} div#header .headerCta { clear:right; width:400px; margin:0;} div#header #phone { text-indent:-999999px; overflow:hidden; position:relative;} div#header #phone.small{ width:181px; height:55px; background:url(../images/assets_generic.png) no-repeat -391px -166px; margin:6px 6px 0 0;} div#header #phone.large{ width:197px; height:60px; background:url(../images/assets_generic.png) no-repeat -391px -104px; margin:16px 12px 0 0;} div#header #phone.small a{ position:absolute; top:38px; right:7px; width:155px; height:20px; display:block; } div#header #phone.large a{position:absolute; top:38px; right:10px; width:170px; height:20px; display:block; } div#header #livechat {} div#header #livechat.small{ width:138px; height:60px; overflow:hidden; margin:1px 0 0 0;} div#header #livechat.small a{ width:138px; height:60px; text-indent:-999999px; background:url(../images/assets_generic.png) no-repeat -283px -243px; display:block;} div#header #livechat.large{ width:150px; height:66px; overflow:hidden; margin:10px 0 0 0;} div#header #livechat.large a{ width:150px; height:66px; text-indent:-999999px; background:url(../images/assets_generic.png) no-repeat -422px -237px; display:block;} div#headerProducts {clear:both; position:relative; z-index:99990} div#headerProducts #browseProducts { width:264px; height:50px;} div#headerProducts #browseProducts a#browseProductsLink{ width:264px; height:54px; background:url(../images/assets_generic.png) no-repeat -1px -215px; display:block; text-indent:-99999px;} div#headerProducts #browseProducts.hover a#browseProductsLink{background:url(../images/assets_generic.png) no-repeat -1px -269px;} div#headerProducts #browseProducts.click a#browseProductsLink{background:url(../images/assets_generic.png) no-repeat -1px -269px;} div#headerProducts #suggestSearch { width:495px; height:40px; background:url(../images/assets_generic.png) no-repeat -1px -1px; margin:0 5px 0 0; padding:10px 0 0 38px; display:inline; } div#headerProducts #suggestSearch form{} div#headerProducts #suggestSearch input.formInput{ width:420px;-webkit-appearance: none; height:30px; line-height:30px;float:left; border:none; background:none; font-size:16px; letter-spacing:-1px; vertical-align:middle;} div#headerProducts #suggestSearch input.formGo{width:28px; height:28px; float:right; padding:0; margin:1px 14px 0 0; background:url(../images/assets_generic.png) no-repeat -385px -64px; border:none; display:inline; font-size:0; line-height:0; text-indent:-99999px; font-size:0; cursor:pointer;} div#headerProducts #suggestSearch input:hover.formGo {background:url(../images/assets_generic.png) no-repeat -415px -64px;} div#headerProducts #suggestSearch input:active.formGo {background:url(../images/assets_generic.png) no-repeat -445px -64px;} div#headerProducts #basketItems { width:187px; height:50px;} div#headerProducts #basketItems a{ width:187px; height:50px; background-image:url(../images/assets_generic.png); display:block; background-repeat:no-repeat;text-decoration:none;} div#headerProducts #basketItems a.empty {background-position:0 -53px; text-indent:-99999px;} div#headerProducts #basketItems a:hover.empty {background-position:0 -104px;} div#headerProducts #basketItems a:active.empty {background-position:0 -155px;} div#headerProducts #basketItems a.items {background-position:-189px -53px; position:relative;} div#headerProducts #basketItems a.items span.counter{text-indent:inherit; width:28px; display:block; text-align:center; position:absolute; top:14px; color:#1a6dbd; font-weight:bold; left:24px;} div#headerProducts #basketItems a.items span.title{text-indent:-99999px; display:block; overflow:hidden;} div#headerProducts #basketItems a:hover.items{background-position:-189px -104px;} div#headerProducts #basketItems a:active.items{background-position:-189px -155px;} div#headerNav { clear:both; width:990px; margin:0; height:36px;} div#headerNav ul{ width:630px; padding:6px 0 0 5px; position:relative; z-index:500;} div#headerNav ul li{ float:left; position:relative; height:35px;} div#headerNav ul li a{ color:#fff; text-decoration:none; float:left; display:inline; background:#656565; margin:0 15px 0 0; height:28px; line-height:28px; position:relative; padding:0 5px;} div#headerNav ul li a:hover{ text-decoration:none; background:#fff; color:#3b3b3b;} div#headerNav ul li a span.ls { background:url(../images/assets_generic.png) no-repeat -1px -333px; width:6px; height:28px; position:absolute; left:-5px; top:0;} div#headerNav ul li a span.rs { background:url(../images/assets_generic.png) no-repeat -371px -333px; width:6px; height:28px; position:absolute; right:-5px; top:0;} div#headerNav ul li a:hover span.ls { background:url(../images/assets_generic.png) no-repeat -375px -439px; width:6px; height:28px; position:absolute; left:-5px; top:0;} div#headerNav ul li a:hover span.rs { background:url(../images/assets_generic.png) no-repeat -575px -439px; width:6px; height:28px; position:absolute; right:-5px; top:0;} div#headerNav ul li.hover a{ height:35px; text-decoration:none; background:#fff; color:#3b3b3b;} div#headerNav ul li.hover a span.ls { background:url(../images/assets_generic.png) no-repeat -411px -333px; width:11px; height:35px; position:absolute; left:-5px; top:0;} div#headerNav ul li.hover a span.rs { background:url(../images/assets_generic.png) no-repeat -396px -333px; width:11px; height:35px; position:absolute; right:-11px; top:0;} div#headerNav ul li a.on{color:#3b3b3b; text-decoration:none; float:left; display:inline; background:#fff; margin:0 17px 0 0; height:35px; line-height:28px; position:relative; padding:0 5px;} div#headerNav ul li a.on span.ls { background:url(../images/assets_generic.png) no-repeat -385px -333px; width:11px; height:35px; position:absolute; left:-9px; top:0;} div#headerNav ul li a.on span.rs { background:url(../images/assets_generic.png) no-repeat -396px -333px; width:11px; height:35px; position:absolute; right:-11px; top:0;} div#headerNav ul li a.home{ color:#fff; text-decoration:none; float:left; display:inline; background:#656565; margin:0 15px 0 0; height:28px; line-height:28px; position:relative; padding:0 13px;} div#headerNav ul li a.home span.ls { background:url(../images/assets_generic.png) no-repeat -1px -333px; width:6px; height:28px; position:absolute; left:-5px; top:0;} div#headerNav ul li a.home span.rs { background:url(../images/assets_generic.png) no-repeat -371px -333px; width:6px; height:28px; position:absolute; right:-5px; top:0;} div#headerNav ul li a.home.on {color:#3b3b3b; text-decoration:none; float:left; display:inline; background:#fff; margin:0 17px 0 0; height:35px; line-height:28px; position:relative; padding:0 13px;} div#headerNav ul li a.home.on span.ls { background:url(../images/assets_generic.png) no-repeat -411px -333px; width:11px; height:35px; position:absolute; left:-5px; top:0;} div#headerNav ul li a.home.on span.rs { background:url(../images/assets_generic.png) no-repeat -396px -333px; width:11px; height:35px; position:absolute; right:-11px; top:0;} div#headerNav ul li a:hover.home.on {color:#3b3b3b; text-decoration:none; float:left; display:inline; background:#fff; margin:0 17px 0 0; height:35px; line-height:28px; position:relative; padding:0 13px;} div#headerNav ul li a:hover.home.on span.ls { background:url(../images/assets_generic.png) no-repeat -411px -333px; width:11px; height:35px; position:absolute; left:-5px; top:0;} div#headerNav ul li a:hover.home.on span.rs { background:url(../images/assets_generic.png) no-repeat -396px -333px; width:11px; height:35px; position:absolute; right:-11px; top:0;} div#headerNav ul li a.home:hover span.ls { background:url(../images/assets_generic.png) no-repeat -375px -439px; width:6px; height:28px; position:absolute; left:-5px; top:0;} div#headerNav ul li a.home:hover { text-decoration:none; background:#fff; color:#3b3b3b;} div#headerNav ul li a.home:hover span.rs { background:url(../images/assets_generic.png) no-repeat -575px -439px; width:6px; height:28px; position:absolute; right:-5px; top:0;} div#headerNav ul li ul{ position:absolute; z-index:99999; top:42px; left:-17px; margin:0; padding:0; width:244px;background:url(../images/dropdown_small_mid.png) repeat-y; display:none;} div#headerNav ul li.hover ul li{ display:block; float:none; padding:0; margin:0 22px; height:30px;} div#headerNav ul li.hover ul li.top{ display:block; float:none; padding:0; margin:0; position:absolute; width:244px; height:10px; background:url(../images/dropdown_small_top.png) no-repeat bottom center; top:-10px; left:0;} div#headerNav ul li.hover ul li.btm{ display:block; float:none; padding:0; margin:0; position:absolute; width:244px; height:19px; background:url(../images/dropdown_small_btm.png) no-repeat; bottom:-19px; left:0;} div#headerNav ul li.hover ul li a{ display:block; float:none; color:#3b3b3b; height:26px; line-height:30px; width:190px; position:relative; padding:0 5px; background:#fff; border-bottom:1px solid #e8e8e8;} div#headerNav ul li.hover ul li a:hover{ text-decoration:underline;} div#headerNav ul li.hover ul{display:block;} div#headerNav .freeDelivery{ width:350px; height:30px; padding:3px 0 0 0;} div#headerNav .freeDelivery span.noflash{ width:350px; height:33px; display:block; background:url(../images/assets_generic.png) no-repeat 20px -383px; text-indent:-99999px; overflow:hidden;} /******* Drop Down Products CSS *******/ div#dropDownMenu { width:870px; position:absolute; top:54px; left:0; z-index:99999; display:none;} #browseProducts.hover #dropDownMenu { display:block;} #browseProducts.click #dropDownMenu { display:block;} div#dropDownMenu .top{ width:870px; height:18px; background:url(../images/dropdown_edge.png) no-repeat 0 0;} div#dropDownMenu .mid{ background:url(../images/dropdown_bg.png) repeat-y top left; padding:0 0px 10px 15px; overflow:hidden;} div#dropDownMenu .btm{ width:870px; height:27px; background:url(../images/dropdown_edge.png) no-repeat 0 -27px;} div#productBrowse { width:835px; margin:25px auto;} .vert { border-left:1px solid #E5E5E5; width:1px; height:145px; margin:0 4px; display:inline; float:left;} .horiz { width:830px; clear:both; margin:0 0 10px 0; border-bottom:1px solid #E5E5E5; height:1px;} .popularPro { width:158px; float:left; margin:0;} .popularPro a{ text-decoration:none; white-space:normal; display:block; overflow:hidden; padding:4px; cursor:pointer;} .popularPro a:hover{ text-decoration:none; background:#fdc700} .popularPro a span.title{ display:block; font:normal 14px/16px Arial, Helvetica, sans-serif; margin:0 0 4px 0;} .popularPro a span.thumb{white-space:normal; margin:0 10px 0 0; position:relative;} .popularPro a span.thumb img{} .popularPro a span.desc{ position:absolute; bottom:10px; right:0px; display:block; background:#fdc700; padding:3px 10px;color:#fff;} .popularPro a span.desc strong{ color:#000;} .popularPro a span.desc span.small{ color:#000;} /******* Breadcrumbs CSS *******/ div#breadCrumbs { width:950px; margin:20px auto 0;} div#breadCrumbs a{ text-decoration:none; color:#000;} div#breadCrumbs a:hover{ text-decoration:underline;} div#breadCrumbs ul li{ list-style:none; display:inline;} div#breadCrumbs ul li.start { font-weight:bold; padding:0 10px 0 0;} div#breadCrumbs ul li.arrow { background:url(../images/assets_generic.png) no-repeat -493px -71px; padding:0 7px;} /******* Home CSS *******/ div#featuredArea { width:960px; height:282px; margin:15px auto 0; background:url(../images/home_featured_bg.jpg) no-repeat; position:relative;} div#featuredArea h1{ text-indent:-99999px; margin:0; padding:0; position:absolute; left:0; top:0;} div#tabs { position:absolute; right:4px; top:5px; width:230px; z-index:10;} div#tabs li{ float:right;} div#tabs li a{ width:182px; height:61px; padding:8px 0 0 8px;background-image:url(../images/assets_home.png); background-repeat:no-repeat; display:block; text-decoration:none; color:#fff; font:bold 22px Arial, Helvetica, sans-serif;} div#tabs li a span{ display:block; font:normal 12px Arial, Helvetica, sans-serif;} div#tabs li#greenftTab a { background-position:-3px -5px;} div#tabs li#greenftTab.activeSlide a{ background-position:-198px -5px; width:182px; padding:8px 0 0 47px;} div#tabs li#greenftTab a:hover{ background-position:-198px -5px; width:182px; padding:8px 0 0 47px;} div#tabs li#blueftTab a {background-position:-3px -81px;} div#tabs li#blueftTab.activeSlide a {background-position:-198px -81px; width:182px; padding:8px 0 0 47px;} div#tabs li#blueftTab a:hover {background-position:-198px -81px; width:182px; padding:8px 0 0 47px;} div#tabs li#redftTab a {background-position:-3px -156px;} div#tabs li#redftTab.activeSlide a{background-position:-198px -156px; width:182px; padding:8px 0 0 47px;} div#tabs li#redftTab a:hover {background-position:-198px -156px; width:182px; padding:8px 0 0 47px;} div#tabs li#purpleftTab a {background-position:-3px -230px;} div#tabs li#purpleftTab.activeSlide a {background-position:-198px -230px; width:182px; padding:8px 0 0 47px;} div#tabs li#purpleftTab a:hover {background-position:-198px -230px; width:182px; padding:8px 0 0 47px;} #featured { width:728px; height:262px; position:relative; z-index:5; top:10px; left:10px;} #featured img.ftimg {position:absolute; left:0; top:0;} #featured span{ z-index:10;position:absolute; display:block;} #featured span.viewPrices {right:35px; bottom:20px; width:145px; height:40px;} #featured span.viewPrices a{width:145px; height:40px; background-image:url(../images/assets_home.png); background-repeat:no-repeat; display:block; text-indent:-99999px; overflow:hidden;} #featured span.samplePack {right:185px; bottom:20px; width:191px; height:40px;} #featured span.samplePack a {width:191px; height:40px; background-image:url(../images/assets_home.png); background-repeat:no-repeat;background-position:-3px -307px; display:block; text-indent:-99999px; overflow:hidden;} #featured span.samplePack a:hover {background-position:-195px -307px;} #featured span.samplePack a:active {background-position:-387px -306px;} #featured div.progress {position:absolute;top:258px;left:0;width:728px;height:4px;} #featured div.green span.viewPrices a{background-position:-3px -348px;} #featured div.green span.viewPrices a:hover {background-position:-3px -390px;} #featured div.green span.viewPrices a:active {background-position:-3px -431px;} #featured div.green div.progress {background:#93CD00;} #featured div.blue span.viewPrices a{background-position:-295px -348px;} #featured div.blue span.viewPrices a:hover {background-position:-295px -390px;} #featured div.blue span.viewPrices a:active {background-position:-295px -431px;} #featured div.blue div.progress {background:#63ACF8;} #featured div.red span.viewPrices a{background-position:-149px -348px;} #featured div.red span.viewPrices a:hover {background-position:-149px -390px;} #featured div.red span.viewPrices a:active {background-position:-149px -431px;} #featured div.red div.progress {background:#EF764C;} #featured div.purple span.viewPrices a{background-position:-441px -348px;} #featured div.purple span.viewPrices a:hover {background-position:-441px -390px;} #featured div.purple span.viewPrices a:active {background-position:-441px -431px;} #featured div.purple div.progress {background:#EC008B;} #featured .ftContent{position:absolute; z-index:5; top:0; left:0;} #featured .ftContent a.newbtn {position:absolute; top:155px; left:62px; width:236px; height:49px; background:url(../images/btn_24hr.png) no-repeat 0 0; display:block; text-indent:-99999px;} #featured .ftContent a:hover.newbtn {background:url(../images/btn_24hr.png) no-repeat 0 -49px;} #featured .ftContent a:active.newbtn {background:url(../images/btn_24hr.png) no-repeat 0 -98px;} div#otherCustomers { width:960px; margin:0 auto; position:relative;} div#otherCustomers h2{ width:960px; height:48px; text-indent:-99999px; clear:both;background:url(../images/title_home_othercustomers.jpg) no-repeat;} div#otherCustomers h2#recentlyViewed{ background:url(../images/title_home_othercustomers.jpg) no-repeat;} div#otherCustomers h2#newProducts{ background:url(../images/title_home_newproducts.jpg) no-repeat;} div#otherCustomers h2#bestSellers{ background:url(../images/title_home_bestsellers.jpg) no-repeat;} div#otherCustomers #thumbs { width:844px; height:132px; padding:20px 50px 0 66px; margin:0; background:url(../images/home_other_bg.jpg) no-repeat; position:relative;} html.js div#otherCustomers #thumbs {width:894px; height:132px; padding:20px 0 0 66px; margin:0 auto; background:url(../images/home_other_bg.jpg) no-repeat; position:relative;} div#otherCustomers #thumbs a.left, a.right {width:33px; height:62px; background-image:url(../images/assets_home.png); background-repeat:no-repeat; position:absolute; text-indent:-99999px;top:45px;} div#otherCustomers #thumbs a.left {background-position:-453px -80px; left:20px; } div#otherCustomers #thumbs a.right {background-position:-490px -80px; right:20px;} div#otherCustomers #thumbs a:active.left {background-position:-453px -149px; left:20px; } div#otherCustomers #thumbs a:active.right {background-position:-490px -149px; right:20px;} div#otherCustomers #tnsContainer {z-index:9999;} div#otherCustomers .tns{ width:830px; margin:0 auto; padding:0px 0 0 0;} div#otherCustomers .tns a{position:relative; width:131px; height:123px;float:left; display:inline; margin:0 3px 0 0; text-decoration:none; border:2px solid #fff;z-index:9997;text-align:center;font-size:8pt;color:#6f6f6f;} div#otherCustomers .tns img{z-index:9995;} /*div#otherCustomers .tns a .tip { display:none; position:absolute; width:331px; top:20px; color:#fff; z-index:99999;}*/ div#otherCustomers .tns a .tipl {display:none; left:60px; position:absolute; width:331px; top:20px; color:#fff; z-index:9997;} div#otherCustomers .tns a .tipr {display:none; right:60px; position:absolute; width:331px; top:20px; color:#fff; z-index:9998;} div#otherCustomers .tns a .tip .top{ width:331px; height:7px; background:url(../images/assets_home.png) no-repeat -13px -485px; display:block;} div#otherCustomers .tns a .tip .mid{ width:301px; background:url(../images/tip_bg.png) repeat; display:block; padding:2px 15px;} div#otherCustomers .tns a .tip .btm{ width:331px; height:7px; background:url(../images/assets_home.png) no-repeat -13px -492px; display:block;} div#otherCustomers .tns a .tipl .arrow { width:10px; height:19px; background:url(../images/assets_home.png) no-repeat -13px -504px; display:block; position:absolute; left:-10px; top:20px;} div#otherCustomers .tns a .tipr .arrow { width:10px; height:19px; background:url(../images/assets_home.png) no-repeat -13px -530px; display:block; position:absolute; right:-10px; top:20px;} div#otherCustomers .tns a .tip .title { font-weight:bold; display:block; color:#fece21; font-size:20px; margin:0 0 5px 0; line-height:18px } div#otherCustomers .tns a .tip .desc { font-weight:bold; font-size:12px;line-height:10px } div#otherCustomers .tns a .tip .price { font-weight:bold; padding:0 0 0 5px; color:#fece21; font-size:16px;} div#otherCustomers .tns a .tip .price strong{color:#fece21;} /* New Homepage addition 17/02/11 */ div#otherCustomers .item { overflow:hidden; color:#313131; margin:0; float:left;} div#otherCustomers .item .thumb { float:left; width:210px; height:174px; position:relative; margin:0; padding:0;} div#otherCustomers .item .thumb a{width:210px; height:174px; display:block; margin:0; padding:0; overflow:hidden; text-decoration:none;} div#otherCustomers .item .thumb span.label{ position:absolute; bottom:20px; right:0; display:block; background:#fdc700; padding:5px 15px} div#otherCustomers .item .thumb span.label span.small {font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top; padding:0 5px 0 0; color:#000;} div#otherCustomers .item .thumb span.label span{ font:normal 27px/27px Arial, Helvetica, sans-serif; color:#fff;} div#otherCustomers .item h3 { font:normal 14px/16px Arial, Helvetica, sans-serif; margin:0 0 4px 0;} div#otherCustomers .item h3 a{ text-decoration:none; color:#fdc700;} div#otherCustomers .item h3 a:hover{ text-decoration:underline;} div#otherCustomers .item h4 { font:normal 14px/16px Arial, Helvetica, sans-serif; margin:0 0 4px 0;} div#otherCustomers .item h4 a{ text-decoration:none; color:#313131;} div#otherCustomers .item h4 a:hover{ text-decoration:underline;} div#otherCustomers .item .desc { height:44px; overflow:hidden;} div#otherCustomers .item.left { width:250px;} div#otherCustomers .item.mid { width:250px;} div#otherCustomers .item.right { width:210px; float:right;} div#otherCustomers .item.right .thumb { float:right; width:210px;} div#otherCustomers .item.left .divider { background:url(../images/section_thumb_div.jpg) repeat-y top center; width:40px; float:right; min-height:233px; height:auto !important; height:225px;} div#otherCustomers .item.mid .divider { background:url(../images/section_thumb_div.jpg) repeat-y top center; width:40px; float:right; min-height:233px; height:auto !important; height:225px;} div#otherCustomers .productsDivider { width:960px; clear:both; overflow:hidden; margin:0 0 20px 0; height:1px; background:#e5e5e5;} div#socialNetwork { width:275px; height:134px; background:url(../images/home_social_bg.jpg) no-repeat 0 0; margin:15px 0 0 15px;text-indent:-99999px; overflow:hidden;} div#socialNetwork a{ text-indent:-99999px; display:block; width:69px; height:89px; float:left; background-image:url(../images/home_social.gif); background-repeat:no-repeat; display:inline;} div#socialNetwork a.fb{ background-position:0 0; margin:20px 0 0 15px;} div#socialNetwork a.tw{ background-position:-85px 0; margin:20px 0 0 18px; } div#socialNetwork a.rss{ background-position:-172px 0; margin:20px 0 0 15px;} div#socialNetwork a:active.fb{ background-position:0 -99px;} div#socialNetwork a:active.tw{ background-position:-85px -99px; } div#socialNetwork a:active.rss{ background-position:-172px -99px;} div#recentBlogs { width:445px; padding:0 0 0 225px; height:134px; background:url(../images/home_blog_bg.jpg) no-repeat 0 0; display:inline; margin:15px 15px 0 0; position:relative;} div#recentBlogs .post{ width:375px; height:114px; margin:15px 0 0 0; color:#737373;} div#recentBlogs .post h3{ font:bold 20px/20px Arial, Helvetica, sans-serif;} div#recentBlogs .post h3 a{ text-decoration:none; color:#347fcb;} div#recentBlogs .post small{font-size:10px; color:#333; display:block; border-bottom:1px solid #e5e5e5; padding:0 0 4px 0; margin:0 0 8px 0;} div#recentBlogs .post p{ padding:0; margin:0;} div#recentBlogs .post p a{color:#737373;} div#recentBlogs a.right {width:33px; height:62px; background:url(../images/assets_home.png) no-repeat -490px -11px; position:absolute; text-indent:-99999px;top:35px;right:20px;} /******* Page Content CSS *******/ div#content { width:690px; margin:18px 20px 15px 0; display:inline; float:right;} div#contentPage {width:690px; margin:18px 20px 15px 0; display:inline; float:right;} /******* Section Filter CSS *******/ div#filterOptions { width:222px; height:27px; position:absolute; top:64px; right:30px; font-size:12px;display:none;} div#filterOptions a {height:27px; background-image:url(../images/filter_bg.png); background-repeat:no-repeat; float:left; display:inline; line-height:26px; text-decoration:none;} div#filterOptions a#list { width:66px; background-position:0 -54px; padding:0 0 0 30px; margin:0 4px 0 0;} div#filterOptions a#list.on { background-position:0 -81px; color:#fff;} div#filterOptions a:hover#list { background-position:0 -81px; color:#fff;} div#filterOptions a#thumb { width:95px; padding:0 0 0 27px;} div#filterOptions a:hover#thumb {background-position:0 -27px; color:#fff;} div#filterOptions a#thumb.on {background-position:0 -27px; color:#fff;} html.js div#filterOptions {display:block;} /******* Section Content CSS *******/ div#content.linear .item { border-bottom:1px solid #ccc; overflow:hidden; color:#313131; margin:0 0 20px 0; clear:both;} div#content.linear .item .thumb { width:210px; height:174px; position:relative; margin:0 250px 0 0; padding:0 20px 20px 0; border-right:1px solid #e5e5e5; float:none;} div#content.linear .item .thumb a{width:210px; height:174px; display:block; margin:0; padding:0; overflow:hidden; text-decoration:none;} div#content.linear .item .thumb span.label{ position:absolute; bottom:20px; right:10px; display:block; background:#fdc700; padding:5px 15px} div#content.linear .item .thumb span.label span.small {font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top; padding:0 5px 0 0; color:#000;} div#content.linear .item .thumb span.label span{ font:normal 27px/27px Arial, Helvetica, sans-serif; color:#fff;} div#content.linear .item h2 { font:normal 20px/16px Arial, Helvetica, sans-serif; margin:0 0 4px 0; padding:0;} div#content.linear .item h2.sub { font-size:18px; } div#content.linear .item h2 a{ text-decoration:none; color:#61aaf6;} div#content.linear .item h2 a:hover{ text-decoration:underline;} div#content.linear .item .desc {float:right; margin:0; width:450px;} div#content.linear .item .divider { display:none;} div#content.linear .item p {margin:0 0 10px 0; padding:0;} div#content.thumbs .item { overflow:hidden; color:#313131; margin:0; float:left;} div#content.thumbs .item .thumb { float:left; width:210px; height:174px; position:relative; margin:0; padding:0;} div#content.thumbs .item .thumb a{width:210px; height:174px; display:block; margin:0; padding:0; overflow:hidden; text-decoration:none;} div#content.thumbs .item .thumb span.label{ position:absolute; bottom:20px; right:0; display:block; background:#fdc700; padding:5px 15px} div#content.thumbs .item .thumb span.label span.small {font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top; padding:0 5px 0 0; color:#000;} div#content.thumbs .item .thumb span.label span{ font:normal 27px/27px Arial, Helvetica, sans-serif; color:#fff;} div#content.thumbs .item h2 { font:normal 14px/16px Arial, Helvetica, sans-serif; margin:0 0 4px 0;} div#content.thumbs .item h2 a{ text-decoration:none; color:#313131;} div#content.thumbs .item h2 a:hover{ text-decoration:underline;} div#content.thumbs .item .desc {} div#content.thumbs .item p.info {display:none;} div#content.thumbs .item p {display:none;} div#content.thumbs .item a.viewPrices {display:none;} div#content.thumbs .item.left { width:237px;} div#content.thumbs .item.mid { width:237px;} div#content.thumbs .item.right { width:215px;} div#content.thumbs .item.right .thumb { float:right;} div#content.thumbs .item.right .desc{ padding:0 0 0 5px;} div#content.thumbs .item.left .divider { background:url(../images/section_thumb_div.jpg) repeat-y top center; width:27px; float:right; min-height:208px; height:auto !important; height:208px;} div#content.thumbs .item.mid .divider { background:url(../images/section_thumb_div.jpg) repeat-y top center; width:22px; float:right; min-height:208px; height:auto !important; height:208px;} div#content.linear .productsDivider { display:none;} div#content.thumbs .productsDivider { width:690px; clear:both; overflow:hidden; margin:0 0 20px 0; height:1px; background:#e5e5e5;} div#content .top {width:690px; height:54px;} div#content .top h1{background-image:url(../images/section_titles.jpg); background-repeat:no-repeat; width:690px; height:54px; text-indent:-99999px;} div#content .btm {width:690px; height:6px; background:url(../images/section_edges.jpg) no-repeat 0 -6px; margin:0 0 15px 0; } div#content.thumbs .styling, div#content.linear .styling { background:#ededed; line-height:17px; padding:0 10px 5px 10px; width:670px;} div#content .top h1.head16 { background-position:0 0;} div#content .top h1.head64 { background-position:0 -60px;} div#content .top h1.head12 { background-position:0 -120px;} div#content .top h1.head18 { background-position:0 -180px;} div#content .top h1.head83 { background-position:0 -240px;} div#content .top h1.head23 { background-position:0 -300px;} div#content .top h1.head34 { background-position:0 -360px;} div#content .top h1.head40 { background-position:0 -420px;} div#content .top h1.head19 { background-position:0 -480px;} /*div#content.thumbs .top h1.head { background-position:0 -540px;}*/ div#content .top h1.head86 { background-position:0 -600px;} div#content .top h1.head84 { background-position:0 -660px;} div#content .top h1.headSearch { background-position:0 -720px;} div#content .top h1.head138 { background-position:0 -780px;} div#content .top h1.head33 { background-position:0 -840px;} /******* Section Leaflet & Flyers CSS *******/ div#section-leaflets { width:228px;} div#section-leaflets .top { width:228px; height:60px; background:url(../images/section_title_leaflets.jpg) no-repeat;} div#section-leaflets .mid { background:#ffecab; overflow:hidden; padding:0 4px;} div#section-leaflets .btm {width:228px; height:20px; background:url(../images/section_btm_leaflets.jpg) no-repeat;} div#section-flyers { width:462px;} div#section-flyers .top { width:462px; height:60px; background:url(../images/section_title_flyers.jpg) no-repeat;} div#section-flyers .mid { background:#ededed; overflow:hidden; padding:0 4px;} div#section-flyers .btm {width:462px; height:20px; background:url(../images/section_btm_flyers.jpg) no-repeat;} div#section-flyers .top h2, div#section-leaflets .top h2{ text-indent:-99999px;} div#section-flyers .snippet, div#section-leaflets .snippet{ padding:0 10px;} div.item.leaflets { overflow:hidden; color:#313131; margin:20px 0 0 0;} div.item.leaflets .thumb {width:210px; height:174px; position:relative; margin:0 10px 0 0; padding:0 10px 20px 0; border-bottom:1px solid #fff0bc;} div.item.leaflets .thumb a{width:210px; height:174px; display:block; margin:0; padding:0; overflow:hidden; text-decoration:none;} div.item.leaflets .thumb span.label{ position:absolute; bottom:30px; right:0px; display:block; background:#fdc700; padding:5px 15px} div.item.leaflets .thumb span.label span.small {font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top; padding:0 5px 0 0; color:#000;} div.item.leaflets .thumb span.label span{ font:normal 27px/27px Arial, Helvetica, sans-serif; color:#fff;} div.item.leaflets h2 { font:normal 14px/30px Arial, Helvetica, sans-serif; padding:0 0 0 10px; width:210px; margin:0 0 8px 0; clear:left; background:url(../images/section_pro_titles.jpg) no-repeat; height:30px;} div.item.leaflets h2 a{ text-decoration:none; color:#313131;} div.item.leaflets h2 a:hover{ text-decoration:underline;} div.item.leaflets .desc { width:210px;} div.item.leaflets p.info {display:none;} div.item.leaflets p {display:none;} div.item.leaflets a.viewPrices {display:none;} div.item.flyers { overflow:hidden; color:#313131; margin:20px 0 0 0; width:210px;} div.item.flyers .thumb {width:210px; height:174px; position:relative; margin:0; padding:0 0 20px 0; border-bottom:1px solid #f1f1f1;} div.item.flyers .thumb a{width:210px; height:174px; display:block; margin:0; padding:0; overflow:hidden; text-decoration:none;} div.item.flyers .thumb span.label{ position:absolute; bottom:30px; right:0; display:block; background:#fdc700; padding:5px 15px} div.item.flyers .thumb span.label span.small {font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top; padding:0 5px 0 0; color:#000;} div.item.flyers .thumb span.label span{ font:normal 27px/27px Arial, Helvetica, sans-serif; color:#fff;} div.item.flyers h2 { font:normal 14px/30px Arial, Helvetica, sans-serif; padding:0 0 0 10px; width:210px; margin:0 0 8px 0; clear:left; background:url(../images/section_pro_titles.jpg) no-repeat 0 -30px; height:30px;} div.item.flyers h2 a{ text-decoration:none; color:#313131;} div.item.flyers h2 a:hover{ text-decoration:underline;} div.item.flyers .desc { width:210px;} div.item.flyers p.info {display:none;} div.item.flyers p {display:none;} div.item.flyers a.viewPrices {display:none;} div.thumbs div.newProduct, div.thumbs div.bestSeller { position:absolute; top:0; left:0; z-index:10;} div.thumbs div.newProduct { width:63px; height:65px; background:url(../images/new_product.png) no-repeat;} div.thumbs div.bestSeller { width:70px; height:68px; background:url(../images/best_seller.png) no-repeat;} div.linear div.newProduct, div.thumbs div.bestSeller { position:absolute; top:0; left:0; z-index:10;} div.linear div.newProduct { width:63px; height:65px; background:url(../images/new_product.png) no-repeat;} div.linear div.bestSeller { width:70px; height:68px; background:url(../images/best_seller.png) no-repeat;} div#proImage div.newProduct, div#proImage div.bestSeller { position:absolute; top:-10px; left:-20px; z-index:99999;} div#proImage div.newProduct { width:63px; height:65px; background:url(../images/new_product.png) no-repeat;} div#proImage div.bestSeller { width:70px; height:68px; background:url(../images/best_seller.png) no-repeat;} div#proImage div.zoomTo { z-index:99999; position:absolute; width:101px; height:22px; background:url(../images/hovertozoom.png) no-repeat 0 0; right:5px; bottom:75px} /******* Product Page CSS *******/ div#product {} div#product #productProgress { width:690px; height:36px; background-image:url(../images/product_progress.jpg); background-repeat:no-repeat; margin:5px 0 20px 0;} div#product #productProgress.step1 { background-position:top left;} div#product #productProgress.step2 { background-position:bottom left;} div#product h1 { font:bold 28px/24px Arial, Helvetica, sans-serif; color:#fbbe00; padding:0 0 19px 0; margin:0 0 15px 0; border-bottom:1px solid #ededed; letter-spacing:-2px;} div#product h1 span{ color:#3c3c3c;} div#product #proInfo{ width:340px;} div#product #proInfo p{ font-size:12px; padding:0 0 5px 0; margin:0;} /*div#product #proInfo span#deliveryInfo { width:340px; min-height:54px; height:auto !important;height:54px; background:url(../images/pro_delivery_times_bg.jpg) no-repeat; display:block; padding:25px 0 0 0; line-height:18px; margin:10px 0 16px 0; position:relative;} div#product #proInfo span#deliveryInfo .countDown { width:116px; height:38px; background:#990;overflow:hidden;} div#product #proInfo span#deliveryInfo .countDown span{ float:left; width:34px; height:38px; text-align:center; display:inline; font:bold 22px/38px Tahoma, Geneva, sans-serif; letter-spacing:-1px;position:relative;overflow:hidden;} div#product #proInfo span#deliveryInfo .countDown .hrs{ margin:0 12px 0 0;} div#product #proInfo span#deliveryInfo .countDown .mins{ margin:0 2px 0 0;} div#product #proInfo span#deliveryInfo .countDown .secs{} div#product #proInfo span#deliveryInfo .countDown .digit {float:left;width:15px;text-align: center;position: relative;} div#product #proInfo span#deliveryInfo .london { position:absolute; right:0; top:26px; width:208px; text-align:left; font-size:12px;} div#product #proInfo span#deliveryInfo .mainland { position:absolute; right:0; top:48px; width:208px; text-align:left; font-size:12px;} div#product #proInfo span#deliveryInfo .highlight{ color:#62aaf6;} div#product #proInfo span#deliveryInfo img {display:none;} html.js div#product #proInfo span#deliveryInfo img { cursor:help; display:inline;}*/ div#product #proInfo span#deliveryInfo { width:340px; min-height:54px; height:auto !important;height:54px; background:url(../images/pro_delivery_times_bg.jpg) no-repeat; display:block; padding:25px 0 0 0; line-height:18px; margin:10px 0 5px 0; position:relative;} div#product #proInfo span#deliveryInfo .countDown { width:125px; height:38px; background:#990;overflow:hidden;} div#product #proInfo span#deliveryInfo .countDown span{ float:left; width:34px; height:38px; text-align:center; display:inline; font:bold 22px/38px Tahoma, Geneva, sans-serif; letter-spacing:-1px;position:relative;overflow:hidden;} div#product #proInfo span#deliveryInfo .countDown .hrs{ margin:0 12px 0 0;} div#product #proInfo span#deliveryInfo .countDown .mins{ margin:0 2px 0 0;} div#product #proInfo span#deliveryInfo .countDown .secs{} div#product #proInfo span#deliveryInfo .countDown .digit {float:left;width:15px;text-align: center;position: relative;} div#product #proInfo span#deliveryInfo .london { position:absolute; right:-5px; top:26px; width:220px; text-align:left; font-size:12px;} div#product #proInfo span#deliveryInfo .mainland { position:absolute; right:-5px; top:48px; width:220px; text-align:left; font-size:12px;} div#product #proInfo span#deliveryInfo .highlight{ color:#006cb7; font-size:13px;} div#product #proInfo span#deliveryInfo img {display:none;} html.js div#product #proInfo span#deliveryInfo img { cursor:help; display:inline; vertical-align:top; padding:0 3px 0 0;} div#product #proInfo #productForm {display:none;} html.js div#product #proInfo #productForm {display:block; margin:0 0 15px 0;} div#product #proInfo #productForm { position:relative; z-index:600;} div#product #proInfo #productForm .top{ background:url(../images/pro_productform_ends.jpg) no-repeat 0 0; width:340px; height:6px;} div#product #proInfo #productForm .mid{ background:#f7f7f7; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; padding:6px 14px 8px 14px; overflow:hidden;} div#product #proInfo #productForm .btm{ background:url(../images/pro_productform_ends.jpg) no-repeat 0 -6px; width:340px; height:6px; margin:0;} div#product #proInfo #productForm li{ width:150px; float:left; margin:0 0 10px 0; vertical-align:top; display:inline;} div#product #proInfo #productForm li.spacer { width:10px; height:25px; float:left; margin:0; display:inline;} div#product #proInfo #productForm li label{ display:block; font:bold 15px Arial, Helvetica, sans-serif; margin:0 0 6px 0;} #sizeLabelLink,#qtyLabelLink {font-size:10px;margin-left:5px;color:#008ADF;} div#product #proInfo #productForm li span.dropDown a{ display:block; background:url(../images/assets_form.png) no-repeat -1px -528px; height:25px; line-height:23px; padding:0 0 0 10px; width:139px; text-decoration:none;} div#product #proInfo #productForm li span.dropDown a:hover{background:url(../images/assets_form.png) no-repeat -150px -528px;} div#product #proInfo #productForm li#basketTotal{ width:310px; background:url(../images/pro_price_bg.jpg) no-repeat top right; line-height:44px; height:44px; padding:0; margin:0; clear:both;} div#product #proInfo #productForm li#basketTotal span.price{ float:right; font:bold 30px/40px Georgia, "Times New Roman", Times, serif; color:#ae0000; margin:0 5px 0 0; letter-spacing:-2px;} div#product #proInfo #productForm li#basketTotal span.desc{ float:right; font:bold 16px/40px Georgia, "Times New Roman", Times, serif; color:#000; margin:0 0px 0 0; letter-spacing:-1px;} div#product #proInfo #productForm li#basketTotal a { width:153px; height:48px; background:url(../images/assets_generic.png) no-repeat -1px -475px; cursor:pointer; border:none; line-height:0;text-indent:-99999px; margin:0; display:block;} div#product #proInfo #productForm li#basketTotal a:hover { background:url(../images/assets_generic.png) no-repeat -1px -523px;} div#product #proInfo #productForm li#basketTotal a:active { background:url(../images/assets_generic.png) no-repeat -1px -571px;} div#product #proInfo #productForm #quantities, div#product #proInfo #productForm #options, div#product #proInfo #productForm #sizes { display:none; background:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;height:120px;margin:0 0 0 6px;overflow:auto;padding:4px;position:absolute;width:125px;z-index:99990;} div#product #proInfo #productForm #quantities li, div#product #proInfo #productForm #options li, div#product #proInfo #productForm #sizes li{ width:100px; float:left; margin:0; vertical-align:top; display:inline;} div#product #proInfo #productForm #quantities li a, div#product #proInfo #productForm #options li a, div#product #proInfo #productForm #sizes li a{border-bottom:1px solid #EFEFEF;float:left;font-size:12px;height:18px;line-height:18px;margin:1px 0;overflow:hidden;padding:2px 0 2px 6px;text-decoration:none;width:100px;} div#product #proInfo #productForm #quantities li a:hover, div#product #proInfo #productForm #options li a:hover, div#product #proInfo #productForm #sizes li a:hover{ background:#FDC700;} div#product #proInfo #productForm a.opt span{display:none;} div#product #proInfo #productForm li a#toggleSides { width:150px; background:url(../images/option_sided.png) no-repeat 0 -25px; height:25px; display:block; text-indent:-99999px; cursor:pointer;} div#product #proInfo #productForm li a#toggleSides.on {background:url(../images/option_sided.png) no-repeat 0 0;} div#product #proInfo #productForm li a#toggleFolding { width:150px; background:url(../images/option_folded.png) no-repeat 0 -25px; height:25px; display:block; text-indent:-99999px; cursor:pointer;} div#product #proInfo #productForm li a#toggleFolding.on {background:url(../images/option_folded.png) no-repeat 0 0;} div#product #proImage { width:330px; position:relative; z-index:100;} div#product #proImage p.desc { font-weight:bold; color:#525252; padding:5px 0;} div#product #proImage span#mainImage { width:280px; overflow:hidden;} div#product #proImage span#mainImagetn img{ padding:0; margin:0; vertical-align:top;} div#product #proImage span#templateDownload { width:140px; overflow:hidden; float:right;} div#product #proImage span#templateDownload a.ps { width:33px; height:32px; background:url(../images/artwork_psd_lg.jpg) no-repeat 0 0; float:left; text-indent:-99999px; display:inline; margin:13px 6px 0 0;} div#product #proImage span#templateDownload a.il { width:33px; height:32px; background:url(../images/artwork_ai_lg.jpg) no-repeat 0 0; float:left; text-indent:-99999px; display:inline; margin:13px 6px 0 0;} div#product #proImage span#templateDownload a.in { width:33px; height:32px; background:url(../images/artwork_indi_lg.jpg) no-repeat 0 0; float:left; text-indent:-99999px; display:inline; margin:13px 0 0 0;} div#product #comparePrices { clear:both; margin:0; /* position:relative; z-index:10;*/} div#product #comparePrices h2.compare{ background:url(../images/title_compare_prices.jpg) no-repeat; text-indent:-99999px; height:46px; border-bottom:1px solid #d9d9d9; margin:0 0 20px 0;} .cloud-zoom-lens {border:4px solid #888;margin:-4px;background-color:#fff;cursor:move;} .video .cloud-zoom-lens {cursor:pointer;} .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;} .cloud-zoom-big {border:0;overflow:hidden;} .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;} ul#proTabs{ width:690px; height:28px; margin:15px 0 0 0; clear:right; position:relative; z-index:150;} ul#proTabs li{ float:left; height:33px; line-height:28px; display:inline; background:url(/images/product_tab_edge.jpg) no-repeat 0 0; margin:0 1px; color:#fff; font-weight:bold;} ul#proTabs li span.edge {background:url(/images/product_tab_repeat.jpg) no-repeat right top; float:left; display:block; margin:0 0 0 0; padding:0 17px 0 0;} ul#proTabs li#tabCompare.on { background:#fff url(/images/product_tab_edge3.jpg) no-repeat -5px 0;} ul#proTabs li#tabCompare.on span.icon {margin:0 0 0 6px;} ul#proTabs li span.icon {background:#656565 url(/images/product_tab_icons.png) no-repeat 0 0; float:left; width:22px; height:23px; margin:0 0 0 6px; padding:5px 5px 0 0;} ul#proTabs li #iconSpec { background-position:0 -146px;} ul#proTabs li #iconPrices { background-position:0 -347px;} ul#proTabs li #iconRev { background-position:0 -197px;} ul#proTabs li #iconFaq { background-position:0 -247px;} ul#proTabs li.on{ background:#fff url(/images/product_tab_edge2.jpg) no-repeat 0 0; color:#333; line-height:33px; margin:0;} ul#proTabs li.on span.edge {background:url(/images/product_tab_repeat2.jpg) no-repeat right bottom;} ul#proTabs li.on span.icon {background:url(/images/product_tab_icons.png) no-repeat 0 0; margin:0 0 0 10px; border-top:1px solid #ccc;} ul#proTabs li.on #iconSpec { background-position:0 5px;} ul#proTabs li.on #iconPrices { background-position:0 -296px;} ul#proTabs li.on #iconRev { background-position:0 -46px;} ul#proTabs li.on #iconFaq { background-position:0 -96px;} #proTabsContent { margin:5px 0 20px 0; position:relative; z-index:50;} #proTabsContent .tabContent{ background:#fff; position:relative; top:-1px; padding:10px 15px; border:1px solid #ccc;} #proTabsContent .tabContent .edgeTl, #proTabsContent .tabContent .edgeTr, #proTabsContent .tabContent .edgeBl, #proTabsContent .tabContent .edgeBr { background:url(/images/product_tab_content_edges2.jpg) no-repeat; display:block; width:8px; height:8px; position:absolute;} #proTabsContent .tabContent .edgeTl { /*background-position:top left; top:-1px; left:-1px;*/ display:none;} #proTabsContent .tabContent .edgeTr { background-position:top right; top:-1px; right:-1px;} #proTabsContent .tabContent .edgeBl { background-position:bottom left; bottom:-1px; left:-1px;} #proTabsContent .tabContent .edgeBr { background-position:bottom right; bottom:-1px; right:-1px;} #proTabsContent .tabContent .faq { font-size:18px; font-weight:bold; padding:6px 0 0 0;} #proTabsContent .tabContent .reply { font-size:13px; padding:2px 0 10px 0; margin:0; border-bottom:1px solid #ccc;} /******* Price Matrix CSS *******/ table.priceMatrix { width:100%; border-collapse:separate; border-spacing:1px; margin:5px 0 5px 0;position:relative; z-index:10;} table.priceMatrix tr { text-align:center; height:32px;} table.priceMatrix img{vertical-align:middle;} table.priceMatrix tr td, tr th{vertical-align:middle;} table.priceMatrix tr th span{ z-index:20;} table.priceMatrix tr.header th{height:37px; background-image:url(../images/pro_matrix_header_bg.jpg); background-repeat:no-repeat; color:#fff;} table.priceMatrix tr.header th.left{ background-position:top left;} table.priceMatrix tr.header th.mid{ background-position:top center;} table.priceMatrix tr.header th.right{ background-position:top right;} table.priceMatrix tr.alt1 td {background:#f1f1f1; font-size:14px;} table.priceMatrix tr.alt2 td {background:#fff5d2; font-size:14px;} table.priceMatrix tr td.high {background:#ffe586;} table.priceMatrix tr td.sel {background:#fcc700;} table.priceMatrix tr.alt1 a, tr.alt2 a{ text-decoration:none; display:block; padding:10px 0} table.priceMatrix tr.alt1 a:hover, tr.alt2 a:hover{ text-decoration:none; background:#fcc700;} /******* Artwork Options CSS **********/ div#uploadArea, div#requireArea { width:690px;} html.js div#requireArea { display:none;} div#uploadArea .top, div#requireArea .top{ width:690px; height:7px; background:url(../images/contentarea_edges.jpg) no-repeat 0 0;} div#uploadArea .btm, div#requireArea .btm{ width:690px; height:7px; background:url(../images/contentarea_edges.jpg) no-repeat 0 -7px;} div#uploadArea .mid, div#requireArea .mid{ width:640px; padding:8px 24px 15px 24px; background:#f7f7f7; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; text-align:center;} div#uploadArea h2, div#requireArea h2 {font:bold 22px Arial,Helvetica,sans-serif; background:url(../images/contentarea_head_line.jpg) repeat-x bottom left; margin:0 0 10px 0; padding:0 0 10px 0;} div#uploadArea p.troubles { float:right; margin:0; padding:2px 0 0 0; height:24px; line-height:24px;} div#uploadArea p.troubles span{ float:left; margin:0 8px 0 0; padding:0; background:url(../images/assets_generic.png) no-repeat -557px -815px; width:26px; height:24px;} div#uploadArea .selectArea{ width:640px; margin:28px auto 0;} div#uploadArea .selectArea p { margin:10px 0 10px 0; padding:0;} div#uploadArea .selectArea p.lite { color:#8f8f8f;} div#uploadArea .queue { margin:0 auto;} div#uploadArea .queue h3{margin:0; padding:0 0 10px 0;} div#uploadArea .queue li{margin:0; padding:0 0 6px 0;} div#uploadArea .queue a.upload { width:268px; margin:12px auto 0; height:55px; display:none; background:url(../images/assets_generic.png) no-repeat -8px -914px; text-indent:-99999px;} div#uploadArea .queue a:hover.upload { background:url(../images/assets_generic.png) no-repeat -8px -970px;} div#uploadArea .queue a:active.upload { background:url(../images/assets_generic.png) no-repeat -8px -1027px;} div#uploadArea .queue img {vertical-align:bottom;margin:0 5px;cursor:pointer;} div#uploadArea #fsUploadProgress {width:587px;height:18px;background:url(../images/assets_generic.png) no-repeat -7px -858px;margin:10px auto 0; text-align:left;} div#uploadArea #fsUploadProgress div {width:0px;height:18px;background:url(../images/assets_generic.png) no-repeat -15px -882px;margin-left:8px;} div#uploadArea #fsUploadFilename {text-align:center; margin:10px 0 0 0;} div#niceUpload {display:none;} div#oldUpload {display:block;} div#product p.decision a {display:none;} html.js div#niceUpload {display:block;} html.js div#oldUpload {display:none;} html.js div#product p.decision a {display:inline;} p.decision { text-align:center; margin:15px 0; font-size:16px;} p.decision a{ color:#357ecb;} div#requireArea .mid{ text-align:left;} div#requireArea p{ margin:18px 0 18px 0;} div#requireArea h2 span{ color:#cc0000; font:bold 24px Georgia, "Times New Roman", Times, serif;} div#requireArea h3{ font:normal 16px Arial,Helvetica,sans-serif; padding:0 0 10px 0; margin:0;} li.inputTextarea { width:630px; height:135px; margin:0 0 10px 0; background:url(../images/require_textarea.jpg) no-repeat 0 0;} li.inputTextarea.error {background:url(../images/require_textarea.jpg) no-repeat 0 -135px;} li.inputTextarea textarea{ width:610px; height:120px; background:none; border:none; margin:10px; padding:0; font:1.2em Arial,Helvetica,sans-serif;} li.error textarea{font-size:1.4em;color:#cc0000;} li.inputSubmit { width:153px; height:48px; margin:0 auto;} li.inputSubmit input { width:153px; height:48px; background:url(../images/assets_generic.png) no-repeat -1px -621px; border:none; margin:0; padding:0; cursor:pointer;} li.inputSubmit input:hover {background:url(../images/assets_generic.png) no-repeat -1px -669px;} li.inputSubmit input:active {background:url(../images/assets_generic.png) no-repeat -1px -717px;} /******* Product Column Nav CSS *******/ div#column { width:255px; margin:18px 0 0 20px;} /*div#column .colTop {background-image:url(../images/column_titles.jpg); background-repeat:no-repeat; color:#fff;font:bold 22px/38px "Times New Roman", Times, serif; height:38px; letter-spacing:0; text-indent:10px; width:240px;}*/ div#column .colTop {background:url(../images/coltop.jpg) no-repeat 0 0; height:51px; width:240px; text-indent:-99999px} div#column .colTopPage {background-image:url(../images/coltop_page.jpg); background-repeat:no-repeat; color:#fff;font:bold 22px/38px "Times New Roman", Times, serif; height:38px; letter-spacing:0; text-indent:10px; width:240px;} div#column .colMid { width:240px; background:#ededed;} div#column .colBtm { width:240px; height:15px; background:url(../images/colbtm.jpg) no-repeat 0 0;} div#column.column2 .colTopPage { background-position:0 0; text-indent:-99999px;} div#column.column4 .colTopPage { background-position:0 -51px; text-indent:-99999px;} ul.proNav { padding:0 15px 0 0; width:240px;} ul.proNav li{ display:block; padding:0;} ul.proNav li a{ color:#555; text-decoration:none; display:block; padding:0; height:30px; line-height:30px; width:225px; margin:0 0 0 15px;background:url(../images/column_off.jpg) no-repeat right bottom;} ul.proNav li a:hover{ color:#000; text-decoration:underline;} ul.proNav li a:active{} ul.proNav li a.on{ border-bottom:1px solid #fff; border-top:1px solid #fff; color:#3b3b3b; font-weight:bold; margin:0; width:240px; padding:0 0 0 15px;background:#fdc700 url(../images/column_arrow.jpg) no-repeat right top;} div#column .advert { margin:15px 0; position:relative; z-index:5;} div#column #uploadTrouble{ width:220px; height:191px; padding:100px 10px 0 10px; background:#000 url(../images/upload_trouble_bg.jpg) no-repeat; color:#fff; text-align:center;} div#column #uploadTrouble a{ color:#ffc700;} div#column #uploadTrouble a.btnContinueOrder { width:223px; height:50px; display:block; background:url(../images/assets_generic.png) no-repeat -2px -1093px; margin:20px 0 0 0; text-indent:-99999px;} div#column #uploadTrouble a:hover.btnContinueOrder { background:url(../images/assets_generic.png) no-repeat -2px -1144px;} div#column #uploadTrouble a:active.btnContinueOrder { background:url(../images/assets_generic.png) no-repeat -2px -1195px;} div#column .social {width:240px; padding:0; margin:0 0 0 15px; clear:right;} div#column .social .mid{border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7;} div#column iframe {padding:0 10px;height:25px !important;} div#column .social .top {width:240px; height:10px; background:url(../images/column_social_top.jpg) no-repeat 0 0; } div#column .social .btm {width:240px; height:10px; background:url(../images/column_social_btm.jpg) no-repeat 0 0; } /******* Checkout CSS *******/ div#checkoutArea { width:960px; margin:35px auto 0;} div#Checkoutstages { width:960px; height:36px; background-image:url(../images/checkout_stages.jpg); background-repeat:no-repeat; margin:0 0 20px 0;} div#Checkoutstages.stage1 { background-position:0 -0px;} div#Checkoutstages.stage2 { background-position:0 -36px;} div#Checkoutstages.stage3 { background-position:0 -72px;} div#Checkoutstages.stage4 { background-position:0 -108px;} table.CheckoutBasket { width:100%; border-collapse:collapse; border-spacing:1px; margin:0; overflow:hidden;} table.CheckoutBasket tr { text-align:center; height:32px;} table.CheckoutBasket img{vertical-align:middle;} table.CheckoutBasket tr td{vertical-align:middle; text-align:left; padding:8px;} table.CheckoutBasket tr th{vertical-align:top; text-align:left; padding:8px;} table.CheckoutBasket th { height:35px; background:url(../images/cart_th_bg.jpg) repeat-x bottom left} table.CheckoutBasket th.titleDel { width:20px; text-align:center;} table.CheckoutBasket th.titleQty { width:90px;} table.CheckoutBasket th.titleDesc { width:330px;} table.CheckoutBasket th.titleUpload { width:310px;} table.CheckoutBasket th.titleVat { width:55px;} table.CheckoutBasket th.titlePrice { width:45px;} table.CheckoutBasket th span{ background-image:url(../images/cart_titles.jpg); background-repeat:no-repeat; height:25px; display:block; text-indent:-99999px; overflow:hidden;} table.CheckoutBasket th.titleQty span{ width:85px; background-position:0 -100px; margin:0 auto;} table.CheckoutBasket th.titleDesc span{ width:165px; background-position:0 0;} table.CheckoutBasket th.titleUpload span{ width:155px; background-position:0 -25px;} table.CheckoutBasket th.titleVat span{ width:55px; background-position:0 -50px; margin:0 auto;} table.CheckoutBasket th.titlePrice span{ width:45px; background-position:0 -75px; float:right;} table.CheckoutBasket td { border-bottom:1px solid #d5d5d5;} table.CheckoutBasket tr.alt td { border-top:1px solid #fff; background:#f5f5f5;} table.CheckoutBasket tr.none { height:27px;} table.CheckoutBasket tr.info {} table.CheckoutBasket tr.alt td td { border:none; padding:1px;} table.CheckoutBasket tr td td { border:none; padding:1px;} table.CheckoutBasket tr.info td.rowContinue{ border-bottom:none; background:none; padding:10px 0; vertical-align:top;} table.CheckoutBasket tr.info td.rowPayment{ border-bottom:none; text-align:right; background:none; padding:10px 0;} table.CheckoutBasket tr.info td.rowPayment .totals { font-weight:bold; width:156px; float:right; clear:both;font-size:15px; font-weight:bold; color:#343434; padding:0 8px 0 0; margin:0 0 5px 0;} table.CheckoutBasket tr.info td.rowPayment .totals span.left { float:left; width:100px;} table.CheckoutBasket tr.info td.rowPayment .totals span.right { float:right;} table.CheckoutBasket #basketDiscount { color:#c00;} table.CheckoutBasket tr.info td.rowPayment .totals_p { font-weight:bold; float:right; clear:both;font-size:26px; font-weight:bold; color:#b31010; padding:10px 8px 4px 0; height:40px;} table.CheckoutBasket tr.info td.rowPayment .totals_p span{color:#343434; font-size:16px;} table.CheckoutBasket tr.info td.rowPayment .totals_p span.left { float:right; margin:8px 5px 0 0;} table.CheckoutBasket tr.info td.rowPayment .totals_p span.total { float:right; font-size:26px; color:#b31010;vertical-align:top;} table.CheckoutBasket tr.info td.rowPayment .paymentArea { clear:both;} table.CheckoutBasket tr.info td.rowPayment .paymentArea img{} table.CheckoutBasket tr.info td.rowPayment .paymentArea a{ margin:8px 0 0 0; display:inline;} table.CheckoutBasket td.rowDel {} table.CheckoutBasket td.rowQty { border-right:1px solid #ccc;} table.CheckoutBasket td.rowQty select{padding:3px;display:none;} html.js table.CheckoutBasket td.rowQty select{display:inline;} html.js table.CheckoutBasket td.rowQty span{display:none;} table.CheckoutBasket td.rowDesc {border-right:1px solid #ccc; font-weight:bold; font-size:11px;} table.CheckoutBasket td.rowUpload {border-right:1px solid #ccc; font-size:11px; font-style:italic; } table.CheckoutBasket td a.uploadMoreArtwork {color:#008ADF;} table.CheckoutBasket td a.warn {background:url(/images/warning_small.png) no-repeat center left; padding-left:20px;} table.CheckoutBasket td.rowVat {font-weight:bold; font-size:12px; text-align:center;} table.CheckoutBasket td.rowPrice { font-size:18px; font-weight:bold; color:#ae0000; text-align:right;} table.CheckoutBasket td.rowTotal { text-align:right; background:url(../images/cart_total_bg.jpg) no-repeat;border-bottom:none; font-size:15px; font-weight:bold; padding:0 8px 0 0;} div#otherPayments { width:374px; float:right; margin:0 0 20px 0;} div#otherPayments .top{ width:374px; height:44px; background:url(../images/cart_otherpayment_hd.jpg) no-repeat; text-indent:-99999px;} div#otherPayments .mid{ width:350px; border-right:2px solid #f5f5f5; border-left:2px solid #f5f5f5; padding:5px 10px;} div#otherPayments .btm{ width:374px; height:4px; background:url(../images/cart_otherpayment_btm.jpg) no-repeat;} div#standardCheckout {width:320px;margin:20px 20px 20px 160px; float:left;} div#standardCheckout .top{width:320px; height:9px; background:url(../images/checkout_continue_edge.jpg) no-repeat top center;} div#standardCheckout .mid{width:280px; min-height:336px; background:#393738; color:#fff; padding:0 20px;} div#standardCheckout .mid div{background:url(../images/checkout_continue_heading.jpg) no-repeat -22px 10px; height:80px; text-indent:-99999px;} div#standardCheckout .mid div strong{text-indent:-99999px; display:block;} div#standardCheckout .mid p{margin:0 0 10px 0; padding:0 0 15px 0;} div#standardCheckout .mid a{width:280px; height:55px; background:url(../images/assets_generic.png) no-repeat -8px -1254px; display:block; text-indent:-99999px;} div#standardCheckout .mid a:hover{background:url(../images/assets_generic.png) no-repeat -8px -1315px;} div#standardCheckout .mid a:active{background:url(../images/assets_generic.png) no-repeat -8px -1376px;} div#standardCheckout .btm{width:320px; height:9px; background:url(../images/checkout_continue_edge.jpg) no-repeat bottom center;} div#expressCheckout {width:320px; margin:20px 0 20px 0; float:left;} div#expressCheckout .top{width:320px; height:9px; background:url(../images/checkout_signin_edges.jpg) no-repeat top center;} div#expressCheckout .mid{width:280px; min-height:320px; background:#fff; border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; color:#393738; padding:0px 19px 9px 19px;} div#expressCheckout .mid div{background:url(../images/checkout_signin_heading.jpg) no-repeat -22px 10px; height:80px; text-indent:-99999px;} div#expressCheckout .mid div strong{text-indent:-99999px; display:block;} div#expressCheckout .mid p{margin:0 0 2px 0; padding:0 0 10px 0;} div#expressCheckout .btm{width:320px; height:9px; background:url(../images/checkout_signin_edges.jpg) no-repeat bottom center;} div#expressCheckout form.checkoutForm { margin:0 0 5px 0; padding:0} div#expressCheckout form.checkoutForm ul li.inputSmall{ width:280px; background:url(../images/checkout_form_input.jpg) no-repeat 0 22px; overflow:hidden; margin:0 0 5px 0; padding:0;} div#expressCheckout form.checkoutForm ul li.inputSmall label{ display:block; line-height:normal; font-weight:bold; font-size:13px; float:none; width:280px; height:28px; } div#expressCheckout form.checkoutForm ul li.inputSmall input{ width:266px; padding:3px 0px; margin:0 0 5px 5px; border:none; background:none; font-size:16px;} /******* Checkout Form Styling CSS *******/ form.checkoutForm { margin:0 auto;} form.withMargin { width:465px;} form.withMargin fieldset{ width:465px;} form.withMargin fieldset#billing_address {} form.withMargin fieldset#delivery_address {} form.withMargin fieldset#agree_terms { } form.withMargin ul{ width:460px;} form.withMargin p{ margin:5px auto 15px; width:460px;} form.checkoutForm p.titleContact, form.checkoutForm p.titleBilling, form.checkoutForm p.titleDelivery, form.checkoutForm p.titleRegister {width:460px; margin:10px auto 10px; height:35px; text-indent:-99999px; background-color:#696969; background-image:url(../images/checkout_form_titles.jpg); background-repeat:no-repeat;} form.checkoutForm p.titleContact{ background-position:0 0;} form.checkoutForm p.titleBilling{ background-position:0 -35px;} form.checkoutForm p.titleDelivery{ background-position:0 -70px;} form.checkoutForm p.titleRegister{ background-position:0 -105px;} form.checkoutForm ul{ margin:0 auto; padding:0; clear:both;} form.checkoutForm ul li{ list-style:none; margin:0; padding:0;} form.checkoutForm ul li label{ display:inline; height:30px; line-height:30px; font-weight:bold; font-size:13px; float:left; width:160px;} form.checkoutForm ul li label.long_label { display:inline; width:350px; height:28px; font-weight:bold; font-size:13px;} form.checkoutForm ul li.inputTiny{ width:460px; height:30px; background:url(../images/checkout_form_input_small.jpg) no-repeat top right; overflow:hidden; margin:0 0 5px 0; padding:0;} form.checkoutForm ul li.inputTiny input{ width:270px; padding:6px 5px; margin:0; border:none; background:none; font-size:16px; float:right;} form.checkoutForm ul li.inputSmall{ width:460px; background:url(../images/checkout_form_input.jpg) no-repeat 0 0; overflow:hidden; margin:0 0 5px 0; padding:0;} form.checkoutForm ul li.inputSmall input{ width:266px; padding:0px 0px; margin:0 0 10px 5px; border:none; background:none; font-size:16px;} form.checkoutForm ul li.inputMed{ width:460px; background:url(../images/checkout_form_input_small.jpg) no-repeat top right; overflow:hidden; margin:0 0 5px 0; padding:0;} form.checkoutForm ul li.inputMed input{ width:270px; padding:6px 5px; margin:0; border:none; background:none; font-size:16px; float:right;} form.checkoutForm ul li.inputMed select{ width:278px; padding:5px 5px; margin:0; border:none; background:none; font-size:16px; float:right;} form.checkoutForm ul li.textArea{clear:both;width:460px; background:url(../images/checkout_form_textarea_small.jpg) no-repeat top right; margin:0; min-height:205px; height:auto !important; height:205px;} form.checkoutForm ul li.textArea textarea{ width:269px; float:right; height:160px; padding:6px 5px; margin:0 0 0 5px; border:none; background:none; font-size:16px; font-family:Arial;} form.checkoutForm input.signin { width:280px; height:55px; background:url(../images/assets_generic.png) no-repeat -311px -1254px; border:none; font-size:0; cursor:pointer; margin:0; padding:0;} form.checkoutForm input.signin:hover { width:280px; height:55px; background:url(../images/assets_generic.png) no-repeat -311px -1315px;} form.checkoutForm input.signin:active { width:280px; height:55px;background:url(../images/assets_generic.png) no-repeat -311px -1376px;} form.checkoutForm ul li.checkbox{margin:10px 0; padding:0;} form.checkoutForm ul li.checkbox label{ width:400px; float:left; height:30px; line-height:normal;} form.checkoutForm ul li.checkbox input{ width:22px; float:left; padding:0; margin:0; vertical-align:bottom;} form.checkoutForm span.error { display:block; color:#cc0000;} #basketPromotion form span.error { display:block; color:#cc0000;} #basketPromotion form .warning { display:block; color:#cc0000;} #li_different {display:none; margin:0; padding:0;} #li_different input{ width:22px; float:left; padding:0; margin:0;} #li_different label{ width:250px; float:left; height:30px; line-height:normal;} html.js #li_same {display:none;} html.js #li_different {display:list-item; margin:0; padding:0;} html.js #li_different label{ width:250px; float:left; height:30px; line-height:normal;} html.js .hide {display:none;} form.checkoutForm input.btnMakePayment {width:280px; height:55px; background:url(../images/assets_generic.png) no-repeat -8px -1452px; border:none; font-size:0; cursor:pointer; margin:0; padding:0; font-size:0;} form.checkoutForm input:hover.btnMakePayment {background:url(../images/assets_generic.png) no-repeat -8px -1513px;} form.checkoutForm input:active.btnMakePayment {background:url(../images/assets_generic.png) no-repeat -8px -1574px;} /******* Default Styling CSS *******/ .mceContentBody { padding:10px;} .styling { color:#646464;line-height:1.5em;} .styling h1{ font:bold 30px/24px Arial, Helvetica, sans-serif; color:#fbbe00; padding:0 0 14px 0; margin:0 0 10px 0; border-bottom:1px solid #ededed; letter-spacing:-2px;} .styling h2{ margin:0; padding:15px 0 0 0; font:normal 22px Arial, Helvetica, sans-serif; color:#222d39;} .styling h1 a, .styling h2 a, .styling h3 a{ text-decoration:none;} .styling h1 a:hover, .styling h2 a:hover, .styling h3 a:hover{ text-decoration:underline;} .styling h3{ margin:0; padding:0; font:normal 18px Arial, Helvetica, sans-serif; color:#222d39;} .styling h4, h5, h6 { margin:0; padding:0;} .styling h4{ font:normal 22px Arial, Helvetica, sans-serif;} .styling h5{ font:normal 22px Arial, Helvetica, sans-serif;} .styling a {color:#008ADF;} .styling p {margin:0; padding:10px 0;} .styling hr {height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:both; padding:0;} .styling small { font-size:0.8em;} .styling strong { font-weight:bold; color:#333;} .styling big {font-size:16px; font-weight:normal; line-height:18px; margin:0; display:block;} .styling ul { margin:0 0 15px 20px;} .styling ol { margin:0 0 15px 20px;} .styling ul li { margin:0 0 5px 0; list-style:disc;} .styling ol li { margin:0 0 5px 0; list-style:decimal;} /******* Blog CSS *******/ h1.entry-title { font-weight:bold; letter-spacing:-1px; margin:0; padding:0; font-size:26px; border:none;} div.widget-area ul{} div.widget-area ul li{} div.widget-area ul li h3{width:240px; height:43px; background-image:url(../images/blog_widget_titles.jpg); background-repeat:no-repeat; text-indent:-99999px;} div.widget-area ul li#recent-posts-2 h3{background-position:0 -51px;} div.widget-area ul li#recent-comments-2 h3{background-position:0 -102px;} div.widget-area ul li#archives-2 h3{background-position:0 -153px;} div.widget-area ul li#categories-2 h3 {background-position:0 -204px;} div.widget-area ul li#tag_cloud-3 h3 {background-position:0 -255px;} div.widget-area ul li #searchform {width:210px; background:#ededed; margin:0 0 15px 0; padding:10px 15px 10px 15px;} div.widget-area ul li #searchform label{ display:none;} div.widget-area ul li #searchform input#s { border:1px solid #ccc; padding:4px; width:200px; display:block; margin:0 0 4px 0;} div.widget-area ul li ul{width:210px; background:#ededed; margin:0 0 15px 0; padding:5px 15px 10px 15px;} div.widget-area ul li ul li{color:#555; display:block; padding:8px 0; line-height:normal; width:210px; margin:0; border-bottom:1px solid #dcdcdc;} div.widget-area ul li#tag_cloud-3 div{width:210px; background:#ededed; margin:0 0 15px 0; padding:5px 15px 15px 15px; text-align:center; line-height:22px} div.widget-area ul li#tag_cloud-3 div a{color:#adadad; text-decoration:none;} div.widget-area ul li#tag_cloud-3 div a:hover{text-decoration:underline;} div.widget-area ul li ul li.recentcomments {color:#555; display:block; padding:0; line-height:normal; width:210px; margin:0; border-bottom:none;} div.widget-area ul li ul li.recentcomments a.url { font-weight:bold;} div.widget-area ul li ul li a{ text-decoration:none; } div.widget-area ul li ul li a:hover{ color:#000; text-decoration:underline;} .post .entry-title {padding:0; margin:0 0 4px 0} .post .entry-title a{font:bold 30px/24px Arial, Helvetica, sans-serif; color:#fbbe00; padding:0 0 19px 0; margin:0 0 15px 0; letter-spacing:-2px;} .post .entry-meta { padding:0 0 10px 0; margin:0; border-bottom:1px solid #e6e6e6;} .post .entry-meta a{ color:#646464; text-decoration:none;} .post .entry-content { overflow:hidden; clear:both; margin:10px 0 0 0;} .post .entry-utility { padding:6px; margin:0 0 20px 0; background:#F5F5F5;} .post .entry-utility a{ color:#646464; text-decoration:none;} .sociable {} .sociable strong.share_this { width:124px; height:20px; background:url(../images/blog_share_title.png) no-repeat; text-indent:-99999px; display:block; margin:10px 0;} #contentPage .navigation {font-size:12px;line-height: 18px;overflow: hidden;color: #888; margin:0 0 20px 0;} #contentPage .navigation a:link, .navigation a:visited {color: #888;text-decoration: none;} #contentPage .navigation a:active, #content .navigation a:hover {color: #008ADF;} #contentPage .nav-previous {float: left;width: 50%;} #contentPage .nav-next {float: right;width: 50%;text-align:right;} #contentPage #nav-above {margin: 0 0 18px 0;} #contentPage #nav-above {} #contentPage .paged #nav-above, #contentPage .single #nav-above {display: block;margin:30px 0 0;} #contentPage #nav-below {margin: -18px 0 0 0;} /* Comments */ #comments {clear: both;} #comments .navigation {padding: 0 0 18px 0;} h3#comments-title, h3#reply-title {color: #000;font-weight: bold;font-size: 20px;margin-bottom: 0;} h3#comments-title {padding: 24px 0;} .commentlist {list-style: none;margin: 0;} .commentlist li.comment {border-bottom: 1px solid #e7e7e7;line-height: 24px;margin: 0 0 24px 0;padding: 0 0 0 56px;position: relative;} .commentlist li:last-child {border-bottom:none;margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;} #comments .comment-body p:last-child {margin-bottom: 6px;} #comments .comment-body blockquote p:last-child {margin-bottom: 24px;} .commentlist ol {list-style: decimal;} .commentlist .avatar {position: absolute;top: 4px;left: 0;} .comment-author {} .comment-author cite {color: #000;font-style: normal;font-weight: bold;} .comment-author .says {font-style: italic;} .comment-meta {font-size: 12px;margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited {color: #888;text-decoration: none;} .comment-meta a:active, .comment-meta a:hover {color: #FF4B33;} .commentlist .even {} .commentlist .bypostauthor {} .reply {font-size: 12px;padding: 0 0 24px 0;} .reply a, a.comment-edit-link {color: #888;} .reply a:hover, a.comment-edit-link:hover {color: #FF4B33;} .commentlist .children {list-style: none;margin: 0;} .commentlist .children li {border: none;margin: 0;} .nopassword, .nocomments {display: none;} #comments .pingback {margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback {margin-top: -6px;} #comments .pingback p {color: #888;font-size: 12px;line-height: 18px;display:block;margin: 0;} #comments .pingback .url {font-style: italic;font-size: 13px;} /* Comments form */ #respond p.comment-form-author { width:335px; float:left; display:inline; margin:0 25px 0 0; padding:5px 0;} #respond p.comment-form-email { width:335px; float:left; display:inline; padding:5px 0; margin:0;} #respond p.comment-form-url {padding:5px 0; margin:0;} #respond p.comment-form-comment { margin:0; padding:5px 0;} #respond p.form-allowed-tags {padding:5px 0; margin:0;} #respond p.form-submit {padding:5px 0; margin:0;} #respond label {color:#888;font-size:13px;} input[type=submit] {color: #333;} #respond {margin: 24px 0;border-top: 1px solid #e7e7e7;overflow: hidden;position: relative;} #respond .comment-notes {margin-bottom:4px;} .children #respond {margin: 0 48px 0 0;} h3#reply-title {margin:18px 0 0 0; padding:0;} #comments-list #respond {margin: 0 0 18px 0;} #comments-list ul #respond {margin: 0;} #cancel-comment-reply-link {font-size: 12px;line-height: 18px;font-weight: normal;} #respond .required {color:#cc0000;font-weight:bold;} #respond input {margin:0 0 9px;width:97%; border:2px solid #E7E7E7; font:1.3em Arial,Helvetica,sans-serif;padding:7px 8px;} #respond textarea {width:97%;border:2px solid #E7E7E7; font:1.3em Arial,Helvetica,sans-serif;padding:7px 8px;} #respond input:focus, #respond textarea:focus { border:2px solid #ccc;} #respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;} #respond .form-allowed-tags code {font-size: 11px;} #respond .form-submit input {width:159px; height:32px;font-size: 14px; border:none; background:url(../images/blog_btn.jpg) no-repeat; color:#fff; font-weight:bold; vertical-align:middle; cursor:pointer;} #respond .form-submit input:active {background:url(../images/blog_btn.jpg) no-repeat; margin:1px 0 0 0;} .alignleft, img.alignleft {display:inline; float: left;margin-right: 24px;margin-top: 4px;} .alignright, img.alignright {display:inline;float: right;margin-left: 24px;margin-top: 4px;} .aligncenter, img.aligncenter {clear:both;display: block;margin-left: auto;margin-right: auto;} /******* Meet the Team Styling CSS *******/ div.teamDepartment {} div.teamDepartment a#tm_directors, a#tm_managment, a#tm_sales, a#tm_accounts, a#tm_dispatch, a#tm_artwork, a#tm_print, a#tm_recepection, a#tm_orderprocess, a#tm_prepress, a#tm_finishing, a#tm_drivers { width:685px; height:43px; display:block; background-image:url(../images/meet_the_team_headings.jpg); background-repeat:no-repeat; text-indent:-99999px; overflow:hidden; margin:0 0 1px 0;} a#tm_directors { background-position:0 0;} a#tm_directors.on, a:hover#tm_directors { background-position:0 -43px;} a#tm_managment { background-position:0 -86px;} a#tm_managment.on , a:hover#tm_managment { background-position:0 -129px;} a#tm_sales { background-position:0 -172px;} a#tm_sales.on, a:hover#tm_sales { background-position:0 -215px;} a#tm_accounts { background-position:0 -258px;} a#tm_accounts.on, a:hover#tm_accounts { background-position:0 -301px;} a#tm_dispatch { background-position:0 -344px;} a#tm_dispatch.on, a:hover#tm_dispatch { background-position:0 -387px;} a#tm_artwork { background-position:0 -430px;} a#tm_artwork.on, a:hover#tm_artwork { background-position:0 -473px;} a#tm_prepress{ background-position:0 -774px;} a#tm_prepress.on, a:hover#tm_prepress { background-position:0 -817px;} a#tm_print { background-position:0 -516px;} a#tm_print.on, a:hover#tm_print { background-position:0 -559px;} a#tm_recepection { background-position:0 -602px;} a#tm_recepection.on, a:hover#tm_recepection { background-position:0 -645px;} a#tm_orderprocess { background-position:0 -688px;} a#tm_orderprocess.on, a:hover#tm_orderprocess { background-position:0 -731px;} a#tm_finishing{ background-position:0 -860px;} a#tm_finishing.on, a:hover#tm_finishing { background-position:0 -903px;} a#tm_drivers{ background-position:0 -946px;} a#tm_drivers.on, a:hover#tm_drivers { background-position:0 -989px;} div.teamMember { overflow:hidden; padding:20px 0; margin:0;} div.teamMember img{ float:left; padding:3px; margin:0 20px 0 0; border:4px solid #E5E5E5;} div.teamMember div{ width:450px; float:left; line-height:17px;} div.teamMember div p.mailto { padding:0 0 10px 0; margin:0;} div.teamMember div h3{ font-size:20px; margin:0; padding:0 0 6px 0; line-height:20px; font-weight:bold;} html.js div.teamHidden { display:none;} /******* Awards Styling CSS *******/ .award { float:left; width:180px; margin:0 15px 25px 10px; padding:18px 10px; text-align:center; line-height:normal; background:#F3F3F3;} .award h3{margin:0; padding:0; font:bold 14px Tahoma, Geneva, sans-serif; color:#222d39;} .award p{ margin:0; padding:0;} .award img{ display:block; width:158px; margin:0 auto 8px;} /******* Testimonials Page Styling CSS *******/ .comment-row { clear:both; overflow:hidden; margin:0;} .comment-row .comBlock { width:685px; margin:0 0 20px 0;} .comment-row .comBlock .comment{ background:url(../images/bubble_page_mid.jpg) repeat-y; width:685px;} .comment-row .comBlock p.top{ background:url(../images/bubble_page_top.jpg) no-repeat top center; width:685px;} .comment-row .comBlock p.top span{padding:5px 15px 0 15px; display:block; font-style:italic;} .comment-row .comBlock .comment-from {background:url(../images/bubble_page_btm.jpg) no-repeat center top;color:#333333; padding-top:24px;width:685px;} .comment-row .comBlock .comment-from p{ padding:0 0 0 20px; margin:0; line-height:normal;} .comment-row .comBlock .comment-from p em{ padding:0 5px 0 0; font-weight:bold; color:#008ADF;} /******* Testimonials Block Styling CSS *******/ .tBlock { width:240px; margin:0 0 5px 16px; padding:8px 0 0 0; clear:right;} .tBlock .tComment{ background:url(../images/bubble_block_top.jpg) no-repeat; width:240px; padding:12px 0 0 0;} .tBlock .tComment p{ background:url(../images/bubble_block_mid.jpg) repeat-y; font-style:italic; width:216px; padding:0 12px;} .tBlock .tFrom {background:url(../images/bubble_block_btm.jpg) no-repeat center top;color:#333333; padding-top:30px;width:240px;} .tBlock .tFrom p{ padding:0 0 0 5px; margin:0; line-height:normal;} .tBlock .tFrom p em{ padding:0 5px 0 0; font-weight:bold; color:#008ADF;} /******* Artwork Templates Styling CSS *******/ .artTemplates { clear:both; margin:0; padding:10px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;} .artTemplates img{ margin:0 0 0 0; float:left;} .artTemplates div{ width:500px; float:right; line-height:normal;} .artTemplates div h5{ padding:0; margin:0; font-weight:bold;} .artTemplates div h3{ padding:0; margin:0; font-size:100%; color:#333;} .artTemplates div p{ padding:5px 0; margin:0;} .artTemplates div span.download {display:block; padding:6px; overflow:hidden; background:#f4f4f4; margin:5px 0 0 0; width:224px; } .artTemplates div span.download span {float:left; padding:0 10px 0 0; line-height:27px; font-weight:bold; color:#000;} .artTemplates div span.download a{ float:left; padding:0 5px 0 0;} /******* Help/FAQ Styling CSS *******/ ul#solofaq { margin:15px 0 0 0; padding:0;} ul#solofaq li{ margin:0 0 5px 0; padding:0; list-style:none;} ul#solofaq h5.head { margin:0; padding:0; font-size:13px;} ul#solofaq h5.head a{width:655px; height:13px; padding:15px; display:block; background:url(../images/helpfaq_toggle.jpg) no-repeat 0 -77px; overflow:hidden; margin:0; text-decoration:none; color:#000;} ul#solofaq h5.head a span{color:#000; font-weight:bold;} ul#solofaq h5.headLarge { margin:0; padding:0; font-size:13px;} ul#solofaq h5.headLarge a{width:623px; height:42px; padding:22px 50px 12px 12px; display:block; background:url(../images/helpfaq_toggle.jpg) no-repeat; overflow:hidden; margin:0; text-decoration:none; color:#000;} ul#solofaq h5.headLarge a span{color:#000; font-weight:bold;} ul#solofaq li ul{ margin:0 15px; padding:0; background:#4a4a4a; color:#dfdfdf;} ul#solofaq li ul li{ margin:0 0 10px 0; padding:15px; background:url(../images/helpfaq_toggle_bgtop.jpg) no-repeat top center; } ul#solofaq li ul li a{ color:#fed200;} ul#solofaq li ul li p{ margin:0; padding:0;} ul#solofaq li ul li strong{ color:#fed200;} html.js ul#solofaq li ul {/* display:none;*/} /******* Site Map Styling CSS *******/ ul.siteMap-pages { float:left; background:#f3f3f3; margin:0 12px 12px 0; width:192px; padding:12px;} ul.siteMap-pages li{ color:#008adf; list-style:none; margin:0 0 2px 15px; padding:0;} ul.siteMap-pages li.stmtitle {font-weight:bold; margin:0 0 4px 0; font-size:1.4em; color:#000;} ul.siteMap-pages li a{ color:#008adf; text-decoration:none; font-size:1em;} ul.siteMap-pages li ul { clear:both; margin:5px 0 0 0; padding:0;} ul.siteMap-pages li ul li{font-weight:normal; font-size:12px; padding:0 0 4px 18px; margin:0; background:url(../images/indent_sitemap.jpg) no-repeat 0 3px;} ul.siteMap-pages li ul li a{ color:#008ADF;} ul.siteMap-pages li a:hover{ text-decoration:underline;} ul.siteMap { float:left; background:#f3f3f3; margin:0 12px 12px 0; width:192px; padding:12px;} ul.siteMap li{ list-style:none; font-weight:bold; font-size:1.4em; margin:0 0 4px 0; padding:0;} ul.siteMap li a{ color:#000; text-decoration:none;} ul.siteMap li ul { clear:both; margin:10px 0 0 15px; padding:0;} ul.siteMap li ul li{font-weight:normal; font-size:12px; padding:0 0 4px 18px; margin:0; background:url(../images/indent_sitemap.jpg) no-repeat 0 5px;} ul.siteMap li ul li a{ color:#008ADF;} ul.siteMap li a:hover{ text-decoration:underline;} .styling .notice-info { background:#fff6d3; padding:10px; border:1px solid #ffe893; color:#413300; margin:10px 0 0 0} .styling ul.artworkBundle { width:300px; background:#f6f6f6; margin:10px 10px 10px 0; padding:15px; float:left; height:70px; border:1px solid #E5E5E5;} .styling ul.artworkBundle li.title{ font-weight:bold; color:#333; font-size:20px; margin:0 0 5px 0;} .styling ul.artworkBundle li{ list-style:none; padding:0; margin:0; } .styling table.artworkTable { float:left; width:330px; margin:14px 14px 0 0;} .styling table.artworkTable td{ padding:5px 6px; border-bottom:1px solid #e9e9e9;} .styling p.artwork-design{ width:194px; height:44px; background:url(../images/design_per_hr.jpg) no-repeat; text-indent:-99999px; float:right; margin:0 5px 0 0;} /******* Small Modal Styling CSS *******/ div#smallModal { width:730px; height:565px; padding:20px; position:absolute; top:120px; left:120px; background:url(../images/modal_bg.png) no-repeat;} div#smallModal p{padding:0; margin:0;} div#smallModal .closeModal {padding:0; margin:0; width:31px; height:31px; position:absolute; top:-10px; right:30px;} div#smallModal .closeModal a{padding:0; margin:0; width:30px; height:31px; display:block; background:url(../images/modal_close.png) no-repeat; text-indent:-99999px;} /******* Generic Form Styling CSS *******/ form.GenericForm {} form.GenericForm ul{ margin:20px 0; padding:0; clear:both;} form.GenericForm ul li{ list-style:none; margin:0; padding:0;} form.GenericForm ul li label{ display:block; height:26px; font-weight:bold; font-size:13px;} form.GenericForm ul li.inputSmall.left, form.GenericForm ul li.selectSmall.left { margin:0 30px 0 0;} form.GenericForm ul li.inputSmall{ width:330px; background:url(../images/assets_form-norm.jpg) no-repeat 0 22px; float:left; overflow:hidden; margin:0; min-height:70px; height:auto !important; height:70px;} form.GenericForm ul li.inputSmall input{ width:290px; padding:6px 3px; margin:0 0 0 5px; border:none; background:none; font-size:16px;} form.GenericForm ul li.inputLarge{clear:both;width:690px; background:url(../images/assets_form-norm.jpg) no-repeat 0 -76px; margin:0; min-height:70px; height:auto !important; height:70px;} form.GenericForm ul li.inputLarge input{width:665px; padding:6px 3px; margin:0 0 0 5px; border:none; background:none; font-size:16px;} form.GenericForm ul li.selectSmall{ width:330px; background:url(../images/assets_form-norm.jpg) no-repeat 0 22px; float:left; overflow:hidden; min-height:75px; height:auto !important; height:75px; margin:0;} form.GenericForm ul li.selectSmall select{ width:320px; padding:6px 3px; margin:0 0 0 5px; border:none; background:none; font-size:16px;} form.GenericForm ul li.selectLarge{clear:both;width:690px; background:url(../images/assets_form-norm.jpg) no-repeat 0 -76px; min-height:70px; height:auto !important; height:70px; margin:0;} form.GenericForm ul li.selectLarge select{ width:670px; padding:6px 3px; margin:0 0 0 5px; border:none; background:none; font-size:16px;} form.GenericForm ul li.textArea{clear:both;width:690px; background:url(../images/assets_form-norm.jpg) no-repeat 0 -170px; margin:0; min-height:205px; height:auto !important; height:205px;} form.GenericForm ul li.textArea textarea{ width:670px; height:160px; padding:6px 3px; margin:0 0 0 5px; border:none; background:none; font-size:16px; font-family:Arial;} form.GenericForm ul li.textAreaSmall{ width:330px; background:url(../images/assets_form-norm.jpg) no-repeat 0 -425px; overflow:hidden; margin:0; min-height:205px; height:auto !important; height:205px;} form.GenericForm ul li.textAreaSmall textarea{ width:310px; height:160px; padding:6px 3px; margin:0 0 0 5px; border:none; background:none; font-size:16px; font-family:Arial;} form.GenericForm ul li.inputNewsletter{clear:both;width:648px; padding:0 0 5px 0; margin:0;} form.GenericForm ul li.inputNewsletter checkbox{} form.GenericForm ul li.inputSampleKind{clear:both;width:648px; padding:0 0 5px 0; margin:0;} form.GenericForm ul li.inputSampleKind span.top{width:685px; display:block; height:7px; background:url(../images/form_area_edges.jpg) no-repeat 0 0;} form.GenericForm ul li.inputSampleKind span.mid{display:block; overflow:hidden; background:#ebebeb; padding:8px 12px; width:661px;} form.GenericForm ul li.inputSampleKind span.btm{width:685px; display:block; height:7px; background:url(../images/form_area_edges.jpg) no-repeat 0 -7px;} form.GenericForm ul li.inputSampleKind span.mid span {float:left;margin:0 0 10px;width:220px;} form.GenericForm ul li.inputSampleKind span.mid span label{display:inline; font-weight:normal; font-size:11px;} form.GenericForm ul li.inputSampleKind checkbox{} form.GenericForm ul li.submitForm{ margin:0;} form.GenericForm ul li.submitForm input { width:197px; height:47px; background:url(../images/assets_generic.png) no-repeat -330px -913px; border:none; font-size:0; cursor:pointer;} form.GenericForm ul li.submitForm input:hover { width:197px; height:47px; background:url(../images/assets_generic.png) no-repeat -330px -963px;} form.GenericForm ul li.submitForm input:active { width:197px; height:47px;background:url(../images/assets_generic.png) no-repeat -330px -1013px;} form.GenericForm ul li span.error { display:block; padding:10px; background:#ffcfcf; border:1px solid #cc0000; color:#cc0000; font-weight:bold; margin:10px 0;} div#formSuccess { width:652px; height:282px; background:url(../images/form_success.jpg) no-repeat; position:relative;margin:8px 0 0;} div#formSuccess h1{ text-indent:-99999px; border:none; margin:0; padding:0;} div#formSuccess p.desc{ position:absolute; top:105px; right:100px; color:#313131; width:220px; text-align:center; line-height:16px;} form.GenericForm ul li.inputSmall_fb {width:315px; float:left; overflow:hidden; margin:0; padding:10px 0 0 15px; min-height:70px; height:auto !important; height:70px;} form.GenericForm ul li.inputSmall_fb span{line-height:20px; float:left; width:120px; margin:5px 10px 0 0; padding:0 0 0 20px;} form.GenericForm ul li.inputSmall_fb label{ margin:0; display:inline;} form.GenericForm ul li.inputSmall_fb span.fb_idea { background:url(/images/feedbackicon_idea.png) no-repeat 0 2px;} form.GenericForm ul li.inputSmall_fb span.fb_question { background:url(../images/feedbackicon_issue.png) no-repeat 0 2px;} form.GenericForm ul li.inputSmall_fb span.fb_problem { background:url(../images/feedbackicon_problem.png) no-repeat 0 2px;} form.GenericForm ul li.inputSmall_fb span.fb_praise { background:url(../images/feedbackicon_praise.png) no-repeat 0 2px;} form.GenericForm ul li.textDescription {margin:10px 0;} /******* Footer CSS *******/ div#footer { width:990px; padding:0 0 10px 0; margin:20px auto 0; clear:both; background:url(../images/footer_payment.jpg) no-repeat top center;} div#footer #merchantIcons { width:960px; height:82px; margin:0 auto;} div#footer #merchantIcons div{ background-image:url(../images/merchant_icons.jpg); background-repeat:no-repeat; float:left; display:inline; overflow:hidden;} div#footer #merchantIcons span{ text-indent:-99999px; display:block;} div#footer #merchantIcons .secure{ width:145px; height:54px; background-position:0px -10px; margin:17px 40px 0px 0px; display:none; /* Added for FSC */ } div#footer #merchantIcons .verisign{ width:233px; height:52px; background-position:-6px -175px; margin:17px 0px 0px 0px;} div#footer #merchantIcons .worldpay{ width:177px; height:39px; background-position:0px -65px; margin:22px 0 0px 0px;} div#footer #merchantIcons .google{ width:124px; height:49px; background-position:0px -110px; margin:17px 10px 0px 0px;} div#footer #merchantIcons .paypal{ width:120px; height:42px; background-position:-124px -110px; margin:17px 30px 0px 7px;} div#footer #merchantIcons div a{display:block; width:88px; height:71px;} div#footer #merchantIcons .iso9001 {width:88px; height:71px; background-position:-6px -246px; margin:8px 10px 0px 0px;} div#footer #merchantIcons .iso14001 {width:88px; height:71px; background-position:-95px -246px; margin:8px 10px 0px 0px;} div#footer #merchantIcons .fsc {width:47px; height:71px; background-position:-190px -246px; margin:8px 0 0px 0px;} div#footer #ftContainer { width:960px; margin:0 auto; background:#3b3b3b; padding:15px; color:#fff;} div#footer #ftContainer a{color:#fff; text-decoration:none;} div#footer #ftContainer a:hover{text-decoration:underline;} div#footer #ftContainer #ftNav { overflow:hidden; font-size:12px} div#footer #ftContainer #ftNav ul{ width:140px; float:left; margin:0 20px 0 0; padding:0;} div#footer #ftContainer #ftNav ul li{ border-bottom:1px solid #575757; height:22px; line-height:22px; list-style:none;} div#footer #ftContainer #ftNotice {text-align:right;} div#footer #ftContainer #ftNotice ul{ margin:4px 0 4px 0} div#footer #ftContainer #ftNotice ul li{ display:inline; padding:4px 0} /******* Container CSS (ALT) *******/ div#contentArea.alt { position:relative; width:990px; overflow:hidden;} .alt div#content { width:690px; margin:18px 0 15px 20px; display:inline; float:left;} .alt div#contentPage {display:inline;margin:18px 0 15px 20px;width:690px; float:left;} /******* Section Filter CSS (ALT) *******/ .alt div#filterOptions { width:222px; height:27px; position:absolute; top:64px; right:290px; font-size:12px;display:none;} .alt div#filterOptions a {height:27px; background-image:url(../images/filter_bg.png); background-repeat:no-repeat; float:left; display:inline; line-height:26px; text-decoration:none;} .alt div#filterOptions a#list { width:66px; background-position:0 -54px; padding:0 0 0 30px; margin:0 4px 0 0;} .alt div#filterOptions a#list.on { background-position:0 -81px; color:#fff;} .alt div#filterOptions a:hover#list { background-position:0 -81px; color:#fff;} .alt div#filterOptions a#thumb { width:95px; padding:0 0 0 27px;} .alt div#filterOptions a:hover#thumb {background-position:0 -27px; color:#fff;} .alt div#filterOptions a#thumb.on {background-position:0 -27px; color:#fff;} html.js .alt div#filterOptions {display:block;} /******* Product Column Nav CSS (ALT) *******/ .alt div#column { width:255px; margin:18px 0 0 715px;} .alt div#column .colTop {background:url(../images/coltop.jpg) no-repeat 0 0; height:51px; width:240px; text-indent:-99999px; float:right;} .alt div#column .colMid { width:255px; background:none; clear:right; float:right;} .alt div#column .colBtm { width:240px; height:15px; background:url(../images/colbtm.jpg) no-repeat 0 0; clear:right; float:right; margin:0 0 10px 0;} .alt div#column .colTopPage { background-image:url(../images/coltop_page.jpg); background-repeat:no-repeat; height:51px; width:240px; text-indent:-99999px; float:right;} .alt ul.proNav { padding:0 0 0 0; width:255px;} .alt ul.proNav li{ display:block; padding:0;} .alt ul.proNav li a{ color:#555; text-decoration:none; display:block; height:30px; line-height:30px; width:215px; margin:0; padding:0 0 0 40px; background:url(../images/column_off_alt.jpg) no-repeat right bottom;} .alt ul.proNav li a:hover{ color:#000; text-decoration:underline;} .alt ul.proNav li a:active{} .alt ul.proNav li a.on{ border-bottom:1px solid #fff; border-top:1px solid #fff; color:#3b3b3b; font-weight:bold; width:230px; padding:0 0 0 25px; background:#fdc700 url(../images/column_arrow_alt.jpg) no-repeat 0 0;} .alt div#column .advert { margin:5px 0; clear:right; float:right;} .alt div#column .col { width:240px; clear:right; float:right;} /******* Blog CSS (ALT) *******/ .alt div.widget-area ul li h3{width:240px; height:43px; background-image:url(../images/blog_widget_titles.jpg); background-repeat:no-repeat; text-indent:-99999px; clear:right; float:right;} .alt div.widget-area ul li #searchform {width:210px; background:#ededed; margin:0 0 20px 0; padding:10px 15px 10px 15px; clear:right; float:right;} .alt div.widget-area ul li ul{width:210px; background:#ededed; margin:0 0 20px 0; padding:5px 15px 10px 15px; clear:right; float:right;} .alt div.widget-area ul li#tag_cloud-3 div{width:210px; background:#ededed; margin:0 0 20px 0; padding:5px 15px 15px 15px; text-align:center; line-height:22px; clear:right; float:right;} div.tooltip{position: absolute; padding:4px; z-index:99999; bottom:-74px; left:-150px; color: #fff; background-color: #000; border: 1px solid #3f3f3f; font-size: 12px; line-height: 18px; text-align: center; width:300px;} div.tooltip p{color:#fff;} div.tooltip a{color:#fff;text-decoration:none;} #deliveryPopup{position:absolute;top:15px; left:120px; width:710px; height:545px; padding:10px; background:url(/images/modal_bg.png) no-repeat; display:none; z-index:99999;} #deliveryPopup div{margin:5px; padding:5px;} #deliveryPopup .closeModal { background:#FDC700; height:30px; width:698px; position:absolute; left:6px; bottom:6px; line-height:30px; text-align:center; color:#fff; font-weight:bold;} #deliveryPopup .closeModal a{color:#000; width:698px; display:block; height:30px;} #deliveryPopupUK {position:absolute;top:15px; left:120px; width:710px; height:545px; padding:10px; background:url(/images/modal_bg.png) no-repeat; display:none; z-index:99999;} #deliveryPopupUK div{margin:5px; padding:5px; text-align:center;} #deliveryPopupUK .closeModal { background:#FDC700; height:30px; width:698px; position:absolute; left:6px; bottom:6px; line-height:30px; text-align:center; color:#fff; font-weight:bold;} #deliveryPopupUK .closeModal a{color:#000; width:698px; display:block; height:30px;} #feedbackPopup {position:absolute; top:65px; left:120px; width:710px; height:545px; padding:10px; background:url(/images/modal_bg.png) no-repeat; display:none; z-index:99999;} #feedbackPopup div{margin:10px; padding:5px 10px 10px 10px; text-align:left;} #feedbackPopup .closeModal { background:#FDC700; height:30px; width:688px; position:absolute; left:1px; bottom:1px; line-height:30px; text-align:center; color:#fff; font-weight:bold;} #feedbackPopup .closeModal a{color:#000; width:698px; display:block; height:30px;} #videoPopup{position:absolute;top:15px; left:120px; width:710px; height:545px; padding:10px; background:url(/images/modal_bg.png) no-repeat; display:none; z-index:99999;} #videoPopup div{margin:5px; padding:5px;} #videoPopup .closeModal { background:#FDC700; height:30px; width:698px; position:absolute; left:6px; bottom:6px; line-height:30px; text-align:center; color:#fff; font-weight:bold;} #videoPopup .closeModal a{color:#000; width:698px; display:block; height:30px;} #feedbackPopup #modalInfo { margin:0; padding:0; text-align:left;} #feedbackPopup #modalInfo .info { margin:10px 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #ededed;} #feedbackPopup h2{ margin:0; padding:0; font:bold 30px/24px Arial, Helvetica, sans-serif; color:#fbbe00; letter-spacing:-2px;} #feedbackPopup p{ margin:0; padding:0;} #feedbackPopup form.GenericForm ul { margin:8px 0 0 0;} #feedbackPopup form.GenericForm ul li.inputSmall.left { margin:0 10px 0 0;} #feedbackPopup form.GenericForm ul li.textArea {background:url("../images/assets_form-norm.jpg") no-repeat scroll 0 -665px transparent; clear:both;height:auto !important; margin:0; min-height:145px; width:670px;} #feedbackPopup form.GenericForm ul li.textArea textarea{height:126px; width:650px;} #feedbackPopup form.GenericForm ul li.submitForm { margin:15px 0 0 0; padding:0} #feedbackPopup form.GenericForm ul li.submitForm label { display:none;} #fasterPopup{position:absolute;top:15px; left:120px; width:710px; height:268px; padding:10px; background:url(/images/modal_bg_faster.png) no-repeat; display:none; z-index:99999;} #fasterPopup div{margin:15px; padding:5px; line-height:1.4em; font-size:105%;} #fasterPopup div h2 { color:#c50000; font:bold 30px/24px Arial, Helvetica, sans-serif; margin:20px 0 15px 0;} #fasterPopup div a{color:#c50000;} #fasterPopup .closeModal { background:#c50000; height:30px; width:698px; position:absolute; left:-4px; bottom:-4px; line-height:30px; text-align:center; color:#fff; font-weight:bold;} #fasterPopup .closeModal a{color:#fff; width:698px; display:block; height:30px;} #modalInfo .error{ display:block; padding:6px; background:#ffcfcf; border:1px solid #cc0000; color:#cc0000; margin:10px 0;} #modalInfo .success { width:352px; height:162px; background:url(../images/form_success.jpg) no-repeat; position:relative; margin:80px 0 0; padding:120px 0 0 300px; font-weight:bold;} /******* jQuery UI CSS Framework *******/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget { font-size: 16px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border-bottom:2px solid #e3e3e3; border-right:2px solid #e3e3e3; border-left:2px solid #e3e3e3; background:#fff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #146bb0; background:#d8eeff; font-weight: bold; color:#146bb0; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); } .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat; } * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-menu {list-style:none;padding: 2px;margin: 0;display:block;} .ui-menu .ui-menu {margin-top: -3px;} .ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;} #twentyfourhourlabel{position:absolute;top:100px;right:300px;} #welcome_back{position:absolute;top:73px;left:305px;color:#ffffff;width:200px;height:30px;text-align:left;font-size:12pt;} #review_products {border-collapse:collapse;margin:0;padding:0;width:100%;} #review_products a{ color:#333;} #review_products th {padding:10px; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; background:#313131;} #review_products tr.comment { background:none;} #review_products tr.comment td{ background:#f8f8f8;} #review_products td {padding:10px; font:normal 14px Arial, Helvetica, sans-serif;vertical-align:middle;} #review_products td.rating {padding:0; font-size:9pt;} #review_products img {border:none;padding:0;} #review_products form {text-align:center;padding:0;margin:0;border:0;} #review_products textarea{font:0.9em Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:3px; margin:0 6px 0 0;width:450px;height:110px;} a.addComment {height:24px; width:140px; overflow:hidden; border:none; cursor:pointer; } a.saveComment {height:24px; width:65px; overflow:hidden; border:none; cursor:pointer;} html.js #review_products .comment div {display:none;overflow:hidden;} #review_products .addComment{display:none;} html.js #review_products .addComment{display:inline;float:right;} /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* Reviews */ div.hreview-aggregate {margin:5px 0; padding:8px; background:#F7F7F7; width:314px; text-align:right;} div.hreview-aggregate a{font-weight:bold;} div.hreview-aggregate .item .fn {display:none;} span.rating {background:url(/images/review_stars.gif) no-repeat 0 0; width:150px;height:15px;overflow:hidden;text-indent:-9999px; float:left} div.hreview-aggregate .rating { font-weight:bold;} #product_reviews { margin:0 0 20px 0;} #product_reviews h3{ margin:0 0 20px 0; padding:0; background:url(../images/title_customer_reviews.jpg) no-repeat; text-indent:-99999px; border-bottom:1px solid #d9d9d9; height:46px;} #product_reviews .spacer {border:0;border-bottom:1px solid #EDEDED; margin:15px 0 0 0;} #product_reviews span.reviewer {margin:7px 0 0 0; font-weight:bold; font-size:16px; display:block; color:#666;} #product_reviews span.review_stars {float:right;margin:0 0 0 0;text-indent:-9999px;} #product_reviews span.rating {margin:0 0 0 0;text-indent:-9999px; width:100px; float:right;} #product_reviews span.description p {margin:10px 20px 10px 0;} #product_reviews span.item {display:none;} #product_reviews textarea {height:100px;} #product_reviews input {margin:10px 0;} #product_reviews td {padding:5px;} #product_reviews #addOwnReview {margin:10px 0 18px 0;} #moreReviews {display:none;} html.js #moreReviews {display:block;} h3#otherInformation { margin:0 0 20px 0; padding:0; background:url(../images/title_other_info.jpg) no-repeat; text-indent:-99999px; border-bottom:1px solid #d9d9d9; height:46px;} #basketPromotion { position:relative; bottom:130px; left:0; padding:0; width:420px;} #basketPromotion h3{ margin:0; padding:0; font-size:18px; color:#555; font-weight:normal;} #basketPromotion input#promotionCode {width:270px; background:url(../images/checkout_form_input.jpg) no-repeat 0 0; overflow:hidden; margin:8px 0 0 0; padding:5px; height:28px; border:none; vertical-align:bottom;} #basketPromotion input#promotionSubmit {width:105px; background:url(../images/assets_generic.png) no-repeat 0 -1660px; overflow:hidden; margin:8px 0 0 5px; padding:0; height:38px; text-indent:-99999px; cursor:pointer; border:none; vertical-align:bottom;} #basketPromotion input#promotionSubmit:hover {background:url(../images/assets_generic.png) no-repeat -120px -1660px;} #basketPromotion input#promotionSubmit:active {background:url(../images/assets_generic.png) no-repeat -240px -1660px;} a#fasterLink { width:340px; height:45px; background:url(../images/need_it_fast.jpg) no-repeat; text-indent:-99999px; display:block; margin:0; padding:0;} a:hover#fasterLink { background:url(../images/need_it_fast.jpg) no-repeat 0 -45px;} /* Account Area */ p.accountName { text-align:center; font-size:22px; font-weight:bold; background:#eaeaea; margin:20px 12px 15px 12px; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #accountLogin {width:320px; margin:50px auto 0;} #accountLogin .top{width:320px; height:9px; background:url(../images/checkout_signin_edges.jpg) no-repeat top center;} #accountLogin .mid{width:280px; min-height:250px; background:#fff; border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; color:#393738; padding:0px 19px 9px 19px;} #accountLogin .mid p{margin:0 0 2px 0; padding:0 0 10px 0;} #accountLogin .btm{width:320px; height:9px; background:url(../images/checkout_signin_edges.jpg) no-repeat bottom center;} #accountLogin form.checkoutForm { margin:0 0 5px 0; padding:0} #accountLogin form.checkoutForm h2{ margin:0 0 10px 0; padding:0; background:url(/images/account_login_heading.jpg) no-repeat; width:280px; height:50px; text-indent:-99999px;} #accountLogin form.checkoutForm ul li.inputSmall{ width:280px; background:url(../images/checkout_form_input.jpg) no-repeat 0 22px; overflow:hidden; margin:0 0 5px 0; padding:0;} #accountLogin form.checkoutForm ul li.inputSmall label{ display:block; line-height:normal; font-weight:bold; font-size:13px; float:none; width:280px; height:28px; } #accountLogin form.checkoutForm ul li.inputSmall input{ width:266px; padding:3px 0px; margin:0 0 5px 5px; border:none; background:none; font-size:16px;} ul#accountOptions { width:660px; margin:0 0 0 12px; padding:0;} ul#accountOptions li{ margin:0; padding:0; list-style:none; float:left; width:165px; height:160px; text-indent:-99999px;} ul#accountOptions li a{ float:left; width:165px; height:160px; background:url(/images/account_icons_big.jpg) no-repeat;} ul#accountOptions li.manage a { background-position:0 0;} ul#accountOptions li.manage a:hover, ul#accountOptions li.manage a.on { background-position:0 -174px; cursor:text;} ul#accountOptions li.history a { background-position:-173px 0;} ul#accountOptions li.history a:hover { background-position:-173px -174px;} ul#accountOptions li.details a { background-position:-346px 0;} ul#accountOptions li.details a:hover { background-position:-346px -174px;} ul#accountOptions li.logout a { background-position:-519px 0;} ul#accountOptions li.logout a:hover { background-position:-519px -174px;} ul#accountOptions li a:active { margin:2px 0 0 0;} ul#accountOptionsSmall { width:265px; margin:0; padding:0; position:absolute; right:220px; top:35px;} ul#accountOptionsSmall li{ margin:0 2px 0 0; padding:0; list-style:none; float:left; width:50px; height:50px; text-indent:-99999px; } ul#accountOptionsSmall li a{ float:left; width:50px; height:50px; background:url(/images/account_icons_small.png) no-repeat; position:relative;} ul#accountOptionsSmall li a:hover span{ width:126px; height:32px; position:absolute; background:url(/images/account_icons_small.png) no-repeat; display:block; top:50px;} ul#accountOptionsSmall li.manage a { background-position:-6px -6px;} ul#accountOptionsSmall li.manage a:hover { background-position:-6px -59px;} ul#accountOptionsSmall li.manage a:hover span{ left:-38px; background-position:-10px -146px;} ul#accountOptionsSmall li.history a { background-position:-57px -6px;} ul#accountOptionsSmall li.history a:hover, ul#accountOptionsSmall li.history a.on { background-position:-57px -59px;} ul#accountOptionsSmall li.history a:hover span{ left:-38px; background-position:-10px -188px;} ul#accountOptionsSmall li.details a { background-position:-107px -6px;} ul#accountOptionsSmall li.details a:hover, ul#accountOptionsSmall li.details a.on { background-position:-107px -59px;} ul#accountOptionsSmall li.details a:hover span{ left:-38px; background-position:-10px -230px;} ul#accountOptionsSmall li.logout a { background-position:-157px -6px;} ul#accountOptionsSmall li.logout a:hover { background-position:-157px -59px;} ul#accountOptionsSmall li.logout a:hover span{ left:-15px; background-position:-10px -272px;} ul#accountOptionsSmall li a:active { margin:2px 0 0 0;} .accountTable { margin:20px 0 0 0; padding:0; width:100%; border:1px solid #eaeaea;} .accountTable td{ padding:8px 15px; vertical-align:middle} .accountTable tr.odd td{} .accountTable tr.even td{ background:#f0f0f0; border-bottom:1px solid #fff;} .accountTable td.mid { border-right:1px solid #dadbdd; border-left:1px solid #dadbdd; } .accountTable td ul{ margin:0; padding:0;} .accountTable td ul li{ list-style:none; margin:0; padding:3px 0; font-size:14px; color:#060606;} .accountTable td ul li .label{ font-weight:bold;} .accountTable tr.divider td{ line-height:0 !important; height:1px !important; padding:0 !important; margin:0; background:#eaeaea;} ul.orderStatus { font-weight:bold;} ul.orderStatus span{ display:block; margin:0 0; color:#888;} ul.orderStatus span.delivered{ color:#479200;} ul.orderActions li.reorder a{ background:url(/images/account_reorder_btn.png) no-repeat; display:block; width:111px; height:48px; text-indent:-99999px;} ul.orderActions li.reorder a:hover{background:url(/images/account_reorder_btn.png) no-repeat 0 -48px;} ul.orderActions li.reorder a:active{background:url(/images/account_reorder_btn.png) no-repeat 0 -96px; margin:2px 0 0 0;} ul.orderFullDetails { margin:25px 0 15px 0; padding:15px; overflow:hidden; border:1px solid #eaeaea; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} ul.orderFullDetails li{ list-style:none; float:left; width:48%; margin:0 10px 0 0; padding:0 0 6px 0;} ul.orderFullDetails li span.label{ font-weight:bold; color:#333;} ul.orderFullDetails li.reorder { text-indent:-99999px; clear:left;} ul.orderFullDetails li.reorder span{ text-indent:0; margin:0 0 0 120px; display:block; font-size:15px; font-weight:bold;} ul.orderFullDetails li.reorder a{ background:url(/images/account_reorder_btn.png) no-repeat; display:block; width:320px; text-decoration:none; color:#b00000; height:48px;} ul.orderFullDetails li.reorder a:hover{background:url(/images/account_reorder_btn.png) no-repeat 0 -48px;} ul.orderFullDetails li.reorder a:active{background:url(/images/account_reorder_btn.png) no-repeat 0 -96px;} ul.orderFullThumbs { margin:0; padding:0;} ul.orderFullThumbs li{list-style:none; background:#eaeaea; padding:5px;} ul.orderFullThumbs li.title { font:bold 22px Arial, Helvetica, sans-serif; background:none; color:#555; padding:0 0 10px 0; margin:0; letter-spacing:-1px;} ul.orderFullThumbs li img{ margin:0 5px 0 0;} #frmAccount {margin:20px 0 0 0;} #frmAccount fieldset legend{ background:#eaeaea; display:block; width:674px; padding:8px; margin:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#333; font-size:16px; font-weight:bold;} #frmAccount ul {overflow:hidden; margin:15px 0} #frmAccount ul li.floatRight { float:right; clear:right;} #frmAccount input.btnSave { width:197px; height:47px; background:url(../images/assets_generic.png) no-repeat -330px -913px; border:none; font-size:0; cursor:pointer;} #frmAccount input.btnSave:hover { width:197px; height:47px; background:url(../images/assets_generic.png) no-repeat -330px -963px;} #frmAccount input.btnSave:active { width:197px; height:47px;background:url(../images/assets_generic.png) no-repeat -330px -1013px;} #frmAccount #billingdetails p{ background:#e5f4ff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:10px 0 0 0; padding:8px; border:1px solid #80c3f2; color:#006dba;}