/* colors #52647e, #ccd2da, #f60 */ .left { float:left; } .right { float:right; } .clear { clear:both; } .hide { display:none; } .hidespan span { position:absolute; left:-99999px; } .padded { padding:10px; } .white { color:#fff; } .black { color:#000; } .red { color:#900; } .grey { color:#999; } #main-anchor {display:block; width:543px; height:295px; background: no-repeat; } #main-feature-bkgrd { float:left; background-color: #000; width:549px; margin-bottom:4px; } #text-info { float:right; background-color: #fff; overflow:auto; width:260px; height:274px; text-align:justify; padding:10px; padding-left:5px; padding-right:0; margin-bottom:4px; } #text-info .text-box { margin:5px;display:block } #text-info h1, #text-info h2 {margin:2px; padding:0; font-weight:normal; text-transform:none; text-align:right; font-size:1.3em; background:none; width:auto; border:0; color:#999; } #nav-price-promise { width: 207px; margin:10px 1px; } #nav-sage-pay { float:left; margin:9px; margin-right:0; width:91px; } #nav-paypal { float:left; margin:9px; width:91px; } #nav-cc { clear:both; margin:9px; width:191px } #nav-isis { margin:9px; margin-left:22px; } #nav-idis { margin:9px; margin-left:22px; } .product-thumb-img { margin:0; line-height:0px; width:180px; height:189px; } .th_img_feature { height:110px; width:140px; } .product-thumb { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right:2px solid #666; border-bottom:2px solid #666; margin:0; padding:0; float:left; width:181px; height:269px; padding-bottom:10px; line-height:1.1em; margin-bottom:15px; margin-right:15px; } .product-thumb .img:hover { border:none; } .product-thumb-text { margin:0; padding:5px; background:none; min-height:0; text-transform:none; font-size:10px; line-height:11px } .line-through { color:#c00; text-decoration: line-through; font-size:0.9em; } .product-slim-thumb { font-size:0.9em; width:144px; float:left; margin:2px; height:160px; } .feature-sale, .feature-top-seller , .feature-new, .feature-po { float:left; background-color:#c00; padding:2px 4px; height:15px; text-transform:uppercase; color:#fff; } .feature-top-seller { background-color:#090; font-size:9px; } .feature-new { background-color:#ac0; } .feature-po { background-color:#009; font-size:10px; } .links-img { float:left; margin-top:5px; margin-left:5px; padding:5px; width:164px; height:130px; } .links-txt { float:left; margin-left:10px; margin-top:10px; width:610px; margin-bottom:10px; } .errors { border:1px solid #900; padding:2px; color:#900; } .label { clear:left; float:left; width:120px; margin:6px; margin-right:10px; } .input { float:left; width:300px; margin:4px; } .input input { width:250px; } .input textarea { width:250px; height:100px } .strike-through { color:#900; text-decoration: line-through; } #sitemap-leftlist { width:350px; float:left; margin-left:10px; } #sitemap-rightlist { width:350px; float:left; margin-left:10px; } /* checkout */ .basket-page { background:url(/images/order/order_process01.gif) no-repeat 10px 10px; margin-top:5px; padding-top:45px; } .enter-details { background:url(https://www.ifguk.co.uk/checkout/dev/content/streetgadgets.com/images/order/order_process02.gif) no-repeat 10px 10px; margin-top:5px; padding-top:45px; } .completed { background:url(https://www.ifguk.co.uk/checkout/dev/content/streetgadgets.com/images/order/order_process03.gif) no-repeat 10px 10px; margin-top:5px; padding:10px; padding-top:45px; } .checkout-error { width:90%; margin:10px; padding:5px; border:2px solid #000 } .checkout-error h3 { background:url(https://www.ifguk.co.uk/images/icons/error_lrg.gif) no-repeat; padding-left:50px; height:40px } .error-label { background:url(https://www.ifguk.co.uk/images/icons/error.gif) 0 2px no-repeat } .checkout-label { clear:both; float:left; width:150px; padding:2px; text-align:right; } .checkout-input { float:left; padding:2px; padding-left:20px; width:270px } .checkout-input input[type="text"] { width:200px } .ex-checkout-input { float:left; padding:2px; padding-left:20px; width:230px } .ex-checkout-input input[type="text"] { width:180px } #d-creditcard { clear:both; width:650px; } #complete-order { background:url(https://www.ifguk.co.uk/images/icons/buy.gif) no-repeat #1b1a1a; width:243px; height:40px; } #csc-img { position:absolute; width:172px; height:112px; padding:2px; border:1px solid #000; background-color:#fff; } /* Main CSS */ body { background: url(/images/shared/bkgrd.jpg) repeat #d6d6d6; margin: 0; padding: 0; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color: #000; position:relative; } /* tags */ h1, h2, h3, h4 { font-size:13px; color: #fff; background:url(/images/shared/title_bkgrd.gif) #455469 repeat-x; line-height:15px; min-height:21px; font-weight: bold; padding:0; padding-top:2px; padding-left:2px; margin:0; text-transform:uppercase; text-align:left; } h1 span { font-size:9px; color:#d2d7de; } h3 { background:none; color:#52647e; font-size:14px; } h4 { background:url(/images/shared/title_bkgrd.gif) repeat-x #455469; color:#fff; font-size:12px; } h5 { color:#52647e; font-size:12px; } h1 a { color:#fff; } hr { border:0; background-color:#85acd1; color:#52647e; height:1px; } input, select { font-family:Verdana, Verdana, Geneva, sans-serif; color:#003; padding:0; margin:0; margin-bottom:1px; font-size:11px; } table { border:0; padding:0; margin:0 } table th { background-color: #52647e; border:0; color:#fff; } table td { background-color: #fff; border:0; color:#52647e; } td select { font-size:10px; } .row-odd { background:#fff; } .row-even { background:#eee; } a { color:#f60; text-decoration:none; } a:hover { color:#000; text-decoration:none; } .light a { color:#fff; } .light a:hover { color:#f60; } img { border:0 } small { font-size: 9px } input[type="submit"], .button { background:url(/images/shared/nav_bkgrd_on.jpg) no-repeat #f60; color:#fff; text-transform:uppercase; font-size:9px; line-height:13px; font-weight:bold; border:1px solid #f60; padding:3px; width:auto; } .submit-button { background:url(/images/shared/arrow.gif) top right no-repeat; display:block; line-height:29px; height:29px; margin:5px; padding-right: 30px; text-transform:uppercase; font-size:19px; color:#52647e; } .submit-button:hover { background:url(/images/shared/arrow.gif) bottom right no-repeat; color:#f60; } .form { width: 500px } .lite { color:#85acd1 } /* ids */ #page { width:1050px; position:relative; margin:0 auto; padding:0; text-align:left; } #main { width:1030px; text-align:left; padding:10px; background-color:#000; position:relative;} #header { position:relative; background:url(/images/shared/header_bkgrd.jpg) #52647e no-repeat; width:1030px; height:158px; } #top-row { height:60px; } #header h1 { background:none; float:left; width:500px; } #header h1 a { display:block; width:500px; height:50px; } #header h1 span, #header h3 { display:none; } #sales_number { float:left; display:none } #mcafee { background-color:#fff; text-align:center; width:104px; height:40px; position:relative; top:10px; right:10px; padding-top:2px; border:1px solid #476ba1; float:right; } #search {clear:both; float:left; position:relative; top:12px; left:19px; width:450px; height:21px; } #search-box { width:413px; padding:2px; margin-right:7px; font-size:12px; font-style: italic; color:#666; background:none; border:0; float:left; } #search-button span { display:none; } #search-button { float:left;display:block; width:21px; height:21px; background:url(/images/navigation/search.jpg) #476ba1; color:#fff; text-decoration:none; } #search-button:hover { background:url(/images/navigation/search.jpg) 0 100% #ff6600; } #livesearch {z-index:100; position:absolute; margin-top:20px; width:368px; padding:4px; color:#fff; } #livesearch a { color:#8295b0 } #livesearch a:hover { color:#f60 } #livesearch .live-search-link { font-size:8.5px; } #help-centre { float:left; position:relative; top:12px; left:29px; width:425px; } #help-centre ul { margin:0; padding:0; } #help-centre ul li { float:left; list-style-type:none; } #help-centre ul li span { display:none; } #help-centre ul li a { height:21px; background-color: #476ba1; color:#fff; text-decoration:none; margin-right:4px;} #help-centre ul li a:hover { background-color: #ff6600; } #b-contact { display:block; width:69px; background:url(/images/navigation/contact.jpg) #476ba1; } #b-contact:hover { background:url(/images/navigation/contact.jpg) 0 100% #ff6600; } #b-delivery { display:block; width:78px; background:url(/images/navigation/delivery.jpg) #476ba1; } #b-delivery:hover { background:url(/images/navigation/delivery.jpg) 0 100% #ff6600; } #b-security { display:block; width:73px; background:url(/images/navigation/security.jpg) #476ba1; } #b-security:hover { background:url(/images/navigation/security.jpg) 0 100% #ff6600; } #b-returns { display:block; width:73px; background:url(/images/navigation/returns.jpg) #476ba1; } #b-returns:hover { background:url(/images/navigation/returns.jpg) 0 100% #ff6600; } #b-order-status { display:block; width:100px; background:url(/images/navigation/order_status.jpg) #476ba1; } #b-order-status:hover { background:url(/images/navigation/order_status.jpg) 0 100% #ff6600; } #basket { float:left; position:relative; width:130px; text-align:right; top:10px; left:10px; font-size:9px; text-transform:uppercase; } #basket a { color:#fff; text-decoration:none; } #basket a:hover { color:#000;} #brands { clear:both; position:relative; top:30px;} #flash-brand-scrollbar { overflow:auto; height:25px; } #scrollingContainer { overflow:hidden; height:32px; } #scrollingContainer a { display:block; float:left;padding:1px; width:99px; height:23px; color:#fff; text-align:center; border:1px solid #fff; margin:3px 0; margin-right:2px; background:url(/images/shared/nav_bkgrd_off.jpg) no-repeat #52647e; } #scrollingContainer a:hover { background:url(/images/shared/nav_bkgrd_on.jpg) no-repeat #f60; } #brandresults { clear:both; } .brand-sub-nav { position:absolute; z-index:10; top:30px; width:355px; background-color:#000; border:1px solid #fff; color:#587cb1; font-size:9px; padding:3px; padding-top:5px; opacity:0.9;filter:alpha(opacity=90) } .brand-column { float:left; margin-left:5px; width:165px; } .brand-sub-nav h2 { display:inline; margin:0; padding:0; color:#587cb1; font-size:9px; background:none; } .brand-sub-nav a { color:#fff } .brand-sub-nav a:hover { color:#f60 } ul.brandsubnav { background-color:#000; margin:0; padding:0; list-style:none; } ul.brandsubnav li a { font-size:8.5px; color:#fff; background:url(none) #000; width:100%; display:block; padding:2px; text-decoration:none; display:block; font-weight:500; } ul.brandsubnav li a:hover { color: #f60; } #main-body { background:url(/images/shared/main_body.gif) repeat-y #fff; width:100%; } #navigation { background: #fff; clear:both; float:left; } ul.catnav { margin:0; padding:0; width:197px; list-style:none; } ul.catnav li a { font-size:10px; color:#fff; background:url(/images/shared/nav_bkgrd_off.jpg) #476ba1; width:100%; min-height:21px; margin:1px; padding-top:5px; padding-left:10px; text-decoration:none; display:block; font-weight:500; } ul.catnav li a:hover { background:url(/images/shared/nav_bkgrd_on.jpg) #ff6600 } ul.catnav li ul.subcatnav { float:left; background-color:#fff; opacity:0.9;filter:alpha(opacity=90); margin:0; padding:0; position:absolute; margin-top:-28px; z-index:9; left:218px; list-style:none; width:200px } ul.catnav li ul.subcatnav-ext { left:418px } ul.catnav li ul.subcatnav li a { font-size:10px; color:#fff; background:url(none) #000; opacity:0.9;filter:alpha(opacity=90); width:100%; min-height:21px; margin:1px; padding-top:5px; padding-left:10px; text-decoration:none; display:block; width:188px; font-weight:500; } ul.catnav li ul.subcatnav li a:hover { color: #f60; } #nav-brand { font-size:10px; color:#fff; background:url(/images/shared/nav_bkgrd_off.jpg) #476ba1; width:197px; min-height:21px; margin:1px; padding-top:5px; padding-left:10px; text-decoration:none; display:block; font-weight:500; } #nav-brand select { width:187px } #content { float:left; margin:1px; margin-left:9px; width:809px } /* popup */ #popup-main { width:100%; text-align:left; background-color:#fff; position:relative;} #popup-header { position:relative; background:url(/images/shared/pop_header_title.gif) #52647e no-repeat; width:100%; height:30px; } #popup-header h1 { display:none; } #popup-main-body { background-color:#fff; margin:10px; position:relative; border:1px solid #fff;} /* frontpage */ .front-page-section { border-bottom:10px solid #000; width:814px; margin:-1px } .front-page-section p {padding:0 4px; } .no-bottom {border-bottom:0; } .feature-text { float:right; padding:0; margin:0; margin-right:5px; width:224px; text-align:right; line-height: 13px; } .feature-text ul { list-style:none; font-size:12px; line-height: 14px; } .feature-text li { margin-bottom:10px } .img-feature-link { display:block; width:580px; height:300px; float:left;} .img-feature-link span { display:none } .theme-brand-bar { background-color:#ccd2da; width:100%; } .theme-brand-bar img { margin:5px } #main-feature { border-bottom:10px solid #000; width:814px; margin:-1px; background-color: #000; } #frontpage-feature-buttons { clear:both; background-color:#fff; margin-top:4px } .frontpage-feature-button, .ffb-off { margin:1px; margin-right:0; float:left; width:134px; height:30px; background:url(/images/shared/nav_bkgrd_off.jpg) repeat-x #52647e; text-align:center } .frontpage-feature-button:hover, .ffb-on { background:url(/images/shared/nav_bkgrd_on.jpg) repeat-x #f60; } .frontpage-feature-button img { height:23px; margin:5px } .ff-welcome-spacer { width:137px; } .featured-products { margin:15px; margin-bottom:0; margin-right:0; } .front-page-news { overflow:auto; height:150px; } .front-page-news h3 { font-weight:normal; margin-top:5px; } .front-page-news h3 a { color: #587cb1; } .product-thumb { position:relative; bottom:0; z-index:0; } .product-thumb a { color: #587cb1; font-weight:bold; border: none; text-decoration: none; } .product-thumb a:hover { color: #f60; } .product-thumb-header { height:22px; padding-top:4px; font-size:14px; font-weight:bold; background-color:#52647e; text-align:right;width:100%; color:#fff; background-repeat: no-repeat; background-position: top center; } .product-strip { background-color:#52647e; color:#fff; font-size:13px; font-weight:bold;} .cat-panel { float:left; width:188px; height:220px; text-align:justify; margin-top:10px; margin-left:10px; border:1px solid #15203a; } .cat-panel h2 { width:186px; font-size:11px; } .cat-panel p { padding:0 4px} .refine-box { width:100%; background:url(/images/product/filter_bkgrd.gif) repeat-x #fff 0 4px; height:34px; margin-top:10px; } .refine-box select, .refine-box input { font-size:9px } .refine-box h3 { width:52px; height:11px; margin:0; padding:0; min-height:10px; line-height:2px; margin-left:10px; } .refine-box h3 span { display:none; } .refine-box #view-by { background:url(/images/product/t_view_by.gif) no-repeat; } .refine-box #filter-by { background:url(/images/product/t_filter_by.gif) no-repeat; } .refine-box #viewing-items { float:right; margin-top:2px; margin-right:20px; color:#52647e; font-weight:bold; } .refine-box #availability-thumbnail { float:left; width:250px; margin-top:2px; margin-left:20px; color:#999; font-weight:bold; text-transform:uppercase; } .refine-box #availability-thumbnail a { color:#52647e } .refine-box #availability-thumbnail a:hover { color:#f60 } .advanced { display:none; } .advanced img { border-top:1px solid #52647e; border:0; margin:0; padding:0; background-color:#52647e; } .search-dropdown {float:left; margin-left:10px; color:#85acd1; font-size:10px; } .search-dropdown a { color:#85acd1; } .search-title { display:none; } .info-strip { width:100%; margin-bottom:20px;height:auto; } .info-strip .page-buttons { clear:both; margin-top:10px;width:100%; text-align:center;position:relative; } .info-strip .page-button { border:1px solid #999; background-color:#fff; color:#999; display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; margin:2px; } .info-strip .on { border:1px solid #999; color:#fff; background-color:#999; } .info-strip .off { border:1px solid #52647e; color:#52647e; background-color:#fff;} .info-strip .off:hover { border:1px solid #52647e; background-color:#52647e; color:#fff; } .info-strip-left { float:left; height:auto; width:300px; } .info-strip-right { float:right; height:auto; width:400px; text-align:right; margin-right:10px; } /* product listing */ .headerImage {background:no-repeat #ddd; width:811px; height:208px; text-align:right; margin-top:1px; } .all-cat { width:auto; margin:0; padding:5px; display:block; background-color:#52647e; color:#fff; font-size:13px; } .all-cat:hover { background-color:#f60; color:#fff; } .main-copy { margin-right:10px;text-align:justify; } .main-copy ul { margin:0; padding:0; margin-top:10px; margin-left:10px; text-align:left; } .main-copy li { display:inline-block; margin-right:10px; width:370px; } /* product page */ #breadcrumb { font-size:10px; padding-left:5px; color:#fff; font-weight:normal; } #breadcrumb a { color:#fff; font-weight:bold; } #breadcrumb a:hover { color:#f60 } .popup { position:absolute; top:0; left:0; width:100%; height:100%; } #product-left-column { float:left; } #product-left-column #title { background:none; color:#000; font-size:17px; line-height:17px; font-weight:normal; width:100%; text-align:right; } #product-left-column #sold-out-title { background:none; color:#666; font-size:14px; line-height:17px; font-weight:normal; width:100%; text-align:right; } #product-left-column #sold-out { background:url(/images/product/sold_out.gif) #52647e 50% 50% no-repeat; margin:8px; width:300px; height:40px} #product-left-column #sold-out span { display:none } #sold-out-alternatives { margin-top:15px; margin-left:15px; width:445px; border:1px solid #ddd; padding-bottom:10px; } #product-left-column #product-image-area { float:left; margin-left:15px; margin-top:15px; width:316px; border:1px solid #ddd; } #product-left-column #product-img { background: 50% 50% no-repeat #fff; width:314px; height:314px; } #product-left-column #product-image-footer { border-top:1px solid #ddd; width:316px; } #product-left-column #zoom-image { background:url(/images/product/view_zoom.gif) 100% 0% #47556b; width:147px; height:26px; display:block; margin:8px; margin-right:0; } #product-left-column #zoom-image:hover { background-position: 100% 100%; } #product-left-column #sizing-chart { background:url(/images/product/view_sizing_chart.gif) 100% 0% #47556b; width:145px; height:26px; display:block; margin:8px; margin-left:0; } #product-left-column #sizing-chart:hover { background-position: 100% 100%; } #product-left-column #product-image-footer span { display:none } #product-left-column #product-thumb { float:left; width:93px; height:93px; border:1px solid #ddd; margin:8px; margin-right:0; margin-top:0; } #product-left-column #product-promo-area { clear:both; width:303px; margin:8px; text-align:center; } #product-promo-area .brand-left { float:left; width:40px; margin:8px; } #product-promo-area .brand-logo { float:left; width:191px; margin:10px 0; } #product-promo-area .brand-right { float:left; width:40px; text-align:right; margin:8px; } #product-promo-area .brand-right img { background-color:#47556b; } #product-promo-area .brand-right img:hover { background-color:#f60; } #product-details { margin:15px; width:448px; border:1px solid #ddd; margin-right:0; } #product-details h1 { color:#000; background:none; margin:5px 10px; margin-bottom:0; width:auto; text-align:right; } #product-details #prices { float:right; text-align:right; width:150px; margin:10px; margin-top:0; } #product-details #product-rrp { color:#c00; font-size:11px; line-height:12px; } #product-rrp #rrp { text-decoration:line-through; } #product-details #p1 { font-size:28px; line-height:26px; } #product-details #p2 #p3 { font-size:10px; } #product-details #product-options { float:left; width:250px; padding:10px; padding-top:8px; } #product-options select { width:236px; } #product-details #stockstatus { float:left; margin:15px; margin-top:0; width:220px; text-transform:uppercase; height:39px; } #product-details #basketbutton { float:right; text-align:right; background-color:#999; width:171px; height:40px; margin:10px; margin-top:0; } #delivery-info { width:448px; height:120px; margin:15px; margin-top:0; margin-right:0; border:1px solid #ddd; text-transform:uppercase; } #delivery-info .delivery-row { background-color:#dde; text-align:center; } #delivery-info table { width:100%; margin:0; } #delivery-info table th { background:url(/images/product/about_brand.gif) #47556b; } #delivery-info table td { padding:3px } #guarantees { margin:15px; margin-top:0; margin-right:0; } #guarantees a { float:left; display:block; background-position: 100% 0%; background-color:#47556b; width:98px; height:26px;margin-left:1px } #guarantees a span { display:none; } #guarantees a:hover { background-position: 100% 100%; background-color:#f60; } #guarantees #b-price-promise { background-image:url(/images/product/price_promise.gif); width:98px; } #guarantees #b-secure-ordering { background-image:url(/images/product/secure_ordering.gif); width:111px; } #guarantees #b-no-hassle-returns{ background-image:url(/images/product/no_hassle_returns.gif); width:124px; } #guarantees #b-order-tracking { background-image:url(/images/product/order_tracking.gif); width:113px; } .information-button { background:url(/images/product/description.gif) 100% 0% #47556b; height:18px; display:block; margin:1px; margin-right:0; float:left; } .information-button:hover { background-position: 100% 100%; } .information-button span { display:none; } .information-button-on { background-position: 100% 100%; height:18px; display:block; margin:1px; margin-right:0; float:left; } .information-button-on:hover { background-position: 100% 100%; } .information-button-on span { display:none; } #b-description { background-image:url(/images/product/description.gif); width: 72px } #b-specification { background-image:url(/images/product/specification.gif); width: 82px } #b-about-brand { background-image:url(/images/product/about_brand.gif); width: 80px } #b-stock-availibility { background-image:url(/images/product/stock_availibility.gif); width: 105px } #b-ask-a-question { background-image:url(/images/product/ask_a_question.gif); width: 87px } .slim-header { margin:0; padding:1px; background:url(/images/product/about_brand.gif) #47556b; min-height:16px; height:16px; width:100%; color:#fff; font-size:11px; line-height:12px; } #information-buttons { margin:0; margin-left:15px; margin-top:10px; border-top:1px solid #fff} #information-box { overflow:auto; width:438px; height:156px; border:1px solid #ddd; text-align:justify; margin:0; margin-left:15px; margin-bottom:10px; padding:10px; padding-right:0; } .info-box { width:400px } #information-box .spec-cat { float:left; width:120px; padding:0; margin:0; font-weight:bold; margin:2px; } #information-box .spec-value { float:left; padding:0; margin:0; margin:2px; padding-left:10px; } /* 360 popup */ .total-blackout { position:absolute; z-index:100; top:0; left:0; background-color:#000; opacity:0.7;filter:alpha(opacity=70); width:100%; height:100% } #b-360 { position:relative; z-index:101; background-color:#fff; border:1px solid #fff; width:530px; text-align:center; margin:0 auto; margin-top:100px; } #b-360 h1 a { color:#47556b; background-color:#fff; margin-right:2px; display:block; width:18px; height:18px; line-height:18px; text-align:center; } #b-360 h1 a:hover { background-color:#f60; color:#fff; } .border { border:1px solid #ddd; } #product-quicklinks ul { background-color:#fff; margin:0; padding:0; list-style:none; } #product-quicklinks ul li a { font-size:8.5px; color:#52647e; background:url(none) #fff; width:100%; display:block; padding:2px; text-decoration:none; display:block; font-weight:500; } #product-quicklinks ul li a:hover { color: #f60; } #footer {width:1050px; margin:10px auto; text-align:center; } #footer a { font-size:9px; color:#666; padding:2px; margin:5px 15px; text-decoration:none; } #footer a:hover { color: #f60; }