/******************************************************************************** * * * Author : Geoff Moore, David Blakemore * * Web : http://www.phase8.com * * E-mail : studio ( at ) phase8 ( dot ) ( com ) * * Modified : 10-Aug-2007 * * * * Copyright (c) 2007 Geoff Moore. All Rights Reserved. * * Use of this code is not permitted without permission! * * * ********************************************************************************/ /* TIPS FOR THE STYLESHEET ================================================================================ The correct order for shorthand font stylying is.... font:font-style, font-variant, font-weight, font-size, line-height, font-family Always Declare font styles above, again on forms. The correct order for site links a, hover etc is.... link, visited, hover, focus, active. /* -------------------------------------------------------------------------------- GENERIC STYLE SHEET - DEFAULTS SITE SO ELEMENTS DISPLAY NICE -------------------------------------------------------------------------------- */ /* GENERAL ==============================================================================*/ body { background: transparent url('/interface/images/body_grad.jpg') 0px 0px repeat-x; font-family: sans-serif; font-size: 1em; } form { margin: 0; padding: 0; } .content { position: relative; margin: 0px auto; padding: 5px 0px 0px 0px; width: 960px; } .site-content { float: left; width: 100%; } .site-content-inner { margin: 0px 194px; } .site-content-2thirds-shebang { margin: 0px 194px; width: 767px; } /* SITE PLUGINS ==============================================================================*/ /* HEADER */ /* COLUMN */ .sidePlugin { position: relative; margin: 0px 0px 10px 0px; color: #444444; background: #eeeeee; height: auto; } .sidePlugin p { position: relative; padding: 5px 0px; font-weight: bold; text-indent: 5px; border-bottom: 1px solid #000000; color: #444444; text-decoration: none; display: block; font-size: 1.1em; margin: 0px; background: #ffffff; } .sidePlugin a.menuDrop { position: absolute; top: 7px; left: 140px; float: left; width: 40px; height: 16px; border: none; } .sidePlugin ul { margin: 0px 0px 0px 0px; background: #eeeeee; } .sidePlugin ul li { display: block; visibility: visible; margin: 0px; padding: 5px 10px 0px 10px; background: transparent; text-indent: 0px; } .sidePlugin ul li a { display: block; visibility: visible; text-decoration: none; font-weight: normal; font-size: 0.9em; color: #777777; border-bottom: 1px solid #dfdfdf; z-index: 5000; } #recentlyViewed p { background: #ffffff url('/interface/images/up.gif') 140px 9px no-repeat; } #newArrivals p { background: #ffffff url('/interface/images/up.gif') 140px 9px no-repeat; } #bestSellers p { background: #ffffff url('/interface/images/up.gif') 140px 9px no-repeat; } #keyBrands p { background: #ffffff url('/interface/images/up.gif') 140px 9px no-repeat; } #related p { background: #ffffff url('/interface/images/up.gif') 140px 9px no-repeat; } #upcomingEvents p { margin: 0px 0px 10px 0px; } #upcomingEvents .event { height: 25px; margin: 0px 7px; clear: both; } #upcomingEvents .event .icon { float: left; margin: 0px 5px 0px 0px; } #upcomingEvents .event .name { float: left; font-weight: bold; width: 82px; color: #444444; font-size: 11px; } #upcomingEvents .event .countdown { float: right; font-size: 13px; width:55px; font-size: 11px; } #miniBasket { color: #444444; } #miniBasket .trolly { left:163px;position:absolute;top:9px; } #miniBasket .basketItems { margin: 5px; } #miniBasket a { padding: 0px 5px 5px 0px; text-align: right; display: block; text-decoration: underline; } .signUpBlue { padding-left: 10px; background: #e5f4f7; margin-top: 15px; } .signUpBlue span { margin: 0 10px 0 2px; display: block; line-height: 0; padding: 20px 0 5px 0; font-size: 14px; font-weight: bold; color: #0091ae; } .signUpBlue p { margin: 10px 10px 10px 2px; background: transparent; font-size: 11px; line-height: 18px; text-indent: 0px; font-weight: normal; border: none; color: #0091ae; } .signUpBlue p a { font-weight: bold; text-decoration: underline; } .signUpBlue img { margin-bottom:10px; margin-left:auto; margin-right:auto; margin-top:15px; position:relative; } /* FOOTER */ /* TOP SECTION ==============================================================================*/ #site-top { height: 186px; } #site-top p#contactNumber { position: absolute; top: 0px; right: 0px; padding:0px 0px 0px 35px; background: transparent url('/interface/images/phone.png') 0px 0px no-repeat; margin: 10px 0px; text-align: right; clear: right; color: #0091ad; font-size: 19px; font-family: Verdana, Arial, Tahoma; font-weight: bold; } #site-top #userLinks { position: absolute; top: 12px; right: 214px; width:700px; font-size: 13px; font-weight: bold; color: #1f7e9b; text-align: right; } #site-top #userLinks #loginMessage { padding: 0 10px; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Tahoma } #site-top #userLinks #loginMessage strong { color: #105064; } #site-top #userLinks a { color: #1f7e9b; text-decoration: none; font-size: 13px; padding: 0 10px; font-family: Verdana, Arial, Tahoma; font-weight: bold; } #site-top #userLinks a:hover { color: #105064; } #site-top img#siteLogo { position: relative; top: 14px; left: 0px; } #site-top #searchWrapper { position: absolute; top: 75px; right: 237px; height: 21px; margin: 3px 0 0 0; padding: 0; } #site-top #searchWrapper #cell1, #cell1e {width: 122px; height: 18px;float: left; display: inline; margin: 0 0 4px 0;} #site-top #searchWrapper #cell2 {width: 21px; height: 21px;float: left; display: inline; margin: 0 7px 0 5px;} #site-top #searchWrapper #cell2, #cell2e {width: 21px; height: 21px;float: left; display: inline; margin: 0 7px 0 5px;} #site-top #searchWrapper #cell2 input, #cell2e input {width: 21px; height: 21px; border: 0; margin: 0; padding: 0; background: url('../images/search-submit.jpg') no-repeat; } #site-top #searchWrapper input[type="text"], #site-top #searchWrapper select { border: 1px solid #000000; width: 120px; height: 18px; text-indent:5px; padding: 0; font-family: Arial, Tahoma; font-size: 12px; } #site-top #searchWrapper select { margin: 1px 0 0 0; height: 18px; } #site-top #breadcrumbs { margin: 0px; padding: 0px; position: absolute; top: 148px; font-size: 11px; left: 0px; width: 100%; height: 27px; line-height: 27px; background: #eeeeee; } #site-top #breadcrumbs .right { position:absolute;right:7px;top:0; font-size: 16px; color: #444; background: #eee; border-left: 15px solid #eee; } #site-top #breadcrumbs .right a { color: #000; text-decoration: none; } #site-top #breadcrumbs .right .characters { float: left; width: 94px; height: 27px; margin: 0 5px 0 0;} #site-top #breadcrumbs .right .themes { float: left; width: 94px; height: 27px; } #site-top #breadcrumbs .right .characters a { width: 94px; height: 27px; background: url(/interface/images/characters.jpg) no-repeat 0px 0px; display: block; } #site-top #breadcrumbs .right .themes a { width: 94px; height: 27px; background: url(/interface/images/themes.jpg) no-repeat 0px 0px; display: block; } #site-top #breadcrumbs .right .characters a:hover { background: url(/interface/images/characters.jpg) no-repeat 0px -28px; } #site-top #breadcrumbs .right .themes a:hover { background: url(/interface/images/themes.jpg) no-repeat 0px -28px;} /* BANNER ROTATION ==============================================================================*/ .main-banner { border: 1px solid #fff; background: #efefef; position: relative; } .main-banner .homePageBannerText { font-weight: normal; font-size: 1em; color: #444444; } #homePageBannerControls { float: left; clear: both; display: inline; height: 32px; width: 572px; } .banner-goleft { float: left; display: block; background: url('/interface/images/left.png') no-repeat center center; width: 25px; height: 32px; margin: 0 0 0 15px; } .banner-goright { float: right; display: block; background: url('/interface/images/right.png') no-repeat center center; width: 25px; height: 32px; margin: 0 15px 0 0; } .homePageBannerText { color: #262626; font-size: 14px; font-family: Verdana, Arial, Tahoma; } /* LEFT COLUMN ==============================================================================*/ .site-left { margin-left: -960px; float: left; width: 184px; } #leftNav { margin: 0px; } #leftNav li.topLevel { position: relative; padding: 5px 0px; font-weight: bold; /*background: #ffffff url('/interface/images/down.gif') 140px 13px no-repeat;*/ text-indent: 5px; } #leftNav li.topLevel a.topLevelLink { padding: 5px 0px; border-bottom: 1px solid #000000; color: #444444; text-decoration: none; display: block; font-weight: bold; font-size: 1.1em; } #leftNav li.topLevel .nohref { padding: 5px 0px; border-bottom: 1px solid #000000; color: #444444; text-decoration: none; display: block; font-weight: bold; font-size: 1.1em; } #leftNav li.topLevel a.menuDrop { position: absolute; top: 11px; left: 140px; float: left; width: 40px; height: 16px; border: none; } #leftNav li.topLevel ul { margin: 0px 0px 0px 0px; background: #eeeeee; } #leftNav li { display: block; visibility: visible; margin: 0px; padding: 5px 10px 0px 10px; background: transparent; text-indent: 0px; } #leftNav li a { display: block; visibility: visible; text-decoration: none; font-weight: bold; font-size: 0.9em; color: #444; border-bottom: 1px solid #dfdfdf; z-index: 5000; } /* CONTENT ==============================================================================*/ .section { position: relative; clear: both; } .section .sectionMessages { background: #00aa00; position: relative; } .section .sectionCautions { background: #ffaa00; position: relative; } .section .sectionErrors { background: #aa0000; position: relative; } .section .sectionMessages p { color: #ffffff; font-weight: bold; margin: 0px; padding: 0px; text-align: center; } .section .sectionCautions p { color: #ffffff; font-weight: bold; margin: 0px; padding: 0px; text-align: center; } .section .sectionErrors p { color: #ffffff; font-weight: bold; margin: 0px; padding: 0px; text-align: center; } .section p.floatingMessage { display: none; background: #00aa00; color: #ffffff; font-weight: bold; padding: 5px; position: absolute; top: -20px; left: 0px; width: 520px; } .section div.form { clear: both; padding: 15px; background: #EEEEEE; } .section .password { padding: 0px; } .section a#changePassword, .section a#forgetPasswordChange { color: #00819E; text-decoration: underline; } .section input#changePassword { display: block; margin: 5px 0px 15px 0px; color: #ffffff; background: #0091AE; font-weight: bold; border-color: #00819E; text-transform: uppercase; font-size: 0.9em; width: 140px; } .section input#updateDetails { margin: 0px; color: #ffffff; background: #0091AE; font-weight: bold; border-color: #00819E; text-transform: uppercase; font-size: 0.9em; width: 80px; } .section input#cancelUpdate { margin: 0px; color: #ffffff; background: #303030; font-weight: bold; border-color: #000000; text-transform: uppercase; font-size: 0.9em; width: 80px; } a.sectionDrop { position: absolute; top: 15px; right: 5px; float: left; width: 40px; height: 16px; background: transparent url(/interface/images/down.gif) 0px 0px no-repeat; } .section .formRow { position: relative; display: block; margin-bottom: 15px; padding: 5px 0px; width: 100%; font-weight: normal; } .section .formError { position: relative; display: block; margin-bottom: 15px; background: #aa0000; font-weight: normal; color: #ffffff; padding: 5px 0px; width: 100%; } .section .formError input { font-weight: normal; } .section .formOptional { position: relative; display: block; margin-bottom: 15px; background: #00aa00; font-weight: normal; color: #ffffff; padding: 5px 0px; width: 100%; } .section span.message { position: absolute; right: 15px; top: 3px; line-height: 1.0; width: 240px; text-align: right; } .section form label { font-weight: bold; } .section .addressEntry { margin: 0px 0px 20px 0px; position: relative; border-bottom: 1px solid #cccccc; } .section .fullAddress { width: 230px; float: left; clear: none; } .section .addressControls { width: 230px; position: absolute; top: 0px; right: 0px; } .section a.makeDefault { color: #aa0000; text-decoration: underline; } .section input.editAddress { margin: 0px 5px 5px 0px; color: #ffffff; background: #0091AE; font-weight: bold; border-color: #00819E; text-transform: uppercase; font-size: 0.9em; width: 80px; } .section input.deleteAddress { margin: 0px 5px 5px 0px; color: #ffffff; background: #303030; font-weight: bold; border-color: #000000; text-transform: uppercase; font-size: 0.9em; width: 80px; } .section input#addAddress { margin: 0px 5px 5px 0px; color: #ffffff; background: #0091AE; font-weight: bold; border-color: #00819E; text-transform: uppercase; font-size: 0.9em; width: 130px; } .section input#updateAddress { margin: 0px 5px 5px 0px; color: #ffffff; background: #0091AE; font-weight: bold; border-color: #00819E; text-transform: uppercase; font-size: 0.9em; width: 80px; } .section input#saveAddress { margin: 0px 5px 5px 0px; color: #ffffff; background: #0091AE; font-weight: bold; border-color: #00819E; text-transform: uppercase; font-size: 0.9em; width: 80px; } .section input#cancelAddressChanges { margin: 0px 5px 5px 0px; color: #ffffff; background: #303030; font-weight: bold; border-color: #000000; text-transform: uppercase; font-size: 0.9em; width: 80px; } .section form#editAddressForm label { width: 115px; float: left; } .section input.error, .section select.error { border: 2px solid #aa0000; color: #000000; } .section span.addressEditError { display: block; color: #aa0000; font-weight: bold; font-style: italic; } .section span.defaultAddress { font-weight: bold; color: #0091AE; } .section #addr_0 { } p.contentSeperator { margin: 15px 0 5px 0; padding: 0; background: transparent url('../images/header-bg.jpg') repeat-x bottom left; color: #333; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 14px; text-indent: 9px; height: 35px; line-height: 16px; clear: both; float: left; clear: both; display: inline; width: 572px; } p.contentSeperator a{ position: absolute; right: 197px; color: #999; font-weight: normal; text-decoration: none; background: transparent url('../images/right.jpg') no-repeat bottom right; line-height: 14px; } p.contentSeperator b{ font-weight: bold; } p.floating { float: left; clear: both; display: inline; width: 572px; } h2.contentSeperator { margin: 15px 0 5px 0; padding: 0; background: transparent url('../images/header-bg.jpg') repeat-x bottom left; color: #333; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 14px; text-indent: 9px; height: 35px; line-height: 16px; clear: both; float: left; clear: both; display: inline; width: 572px; } h2.contentSeperator a{ float: right; display: inline; margin: -20px 0 0 0; color: #999; font-weight: normal; text-decoration: none; background: transparent url('../images/right.jpg') no-repeat bottom right; line-height: 14px; } h2.contentSeperator b{ font-weight: bold; } h2.floating { float: left; clear: both; display: inline; width: 572px; } .productSeperator { margin: 7px 0 10px 0; padding: 0; background: transparent url('../images/header-bg.jpg') repeat-x bottom left; clear: both; height: 35px; } .productSeperator .text{ float: left; color: #333; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 14px; text-indent: 9px; height: 30px; line-height: 16px; width: auto; } .productSeperator .grid{ float: right; display: inline; color: #333; font-weight: bold; font-family: Verdana, Arial, Tahoma; width: 43px; height: 22px; line-height: 22px; font-size: 10px; margin: 0 0 0 17px; background: url('../images/grid.jpg') no-repeat center right; } .productSeperator .list{ float: right; display: inline; color: #333; font-weight: bold; font-family: Verdana, Arial, Tahoma; width: 37px; height: 22px; line-height: 22px; font-size: 10px; margin: 0 0 0 17px; background: url('../images/list.jpg') no-repeat center right; } .productSeperator .list a{ display: block; width: 37px; height: 22px; text-decoration: none; color: #333; } .productSeperator .grid a{ display: block; width: 43px; height: 22px; text-decoration: none; color: #333; } .banner-wrapper { height: auto; width: 573px; text-align: center; margin: 0 0 7px 0; } .ElementSeperator { float: left; clear: both; display: inline; margin: 10px 0 5px 0; height: 1px; width: 572px; } .oneElementSection { } .oneElementSection .singleElement { margin: 0px; width: 563px; } .oneElementSection .singleElement .image { margin: 10px 12px 0px 12px; float: left; border: 1px solid #000000; width: 159px; height: 159px; } .oneElementSection .singleElement .text { margin: 10px 12px 0px 0px; font-size: 13px; float: left; width: 360px; height: 125px; font-family: Arial, Tahoma; font-size: 10px; color: #000; } .oneElementSection .singleElement .text strong { float: left; clear: both; display: inline; font-weight: bold; font-size: 20px; color: #0096b1; margin: 12px 0 5px 0; } .oneElementSection .singleElement .text p { line-height: 1.0; float: left; clear: both; display: inline; margin: 3px 0 3px 2px; font-family: Verdana, Arial, Tahoma; color: #333; font-size: 12px; } .oneElementSection .singleElement .text span { float: left; clear: both; display: inline; font-weight: bold; font-size: 20px; color: #0096b1; margin: 15px 0 0 0; } .oneElementSection .singleElement .info { margin: 10px 12px 12px 0px; line-height: 1.0; float: left; width: 360px; } .oneElementSection .singleElement .info img { float: right; } .threeElementSection { } .threeElementSection .singleElement { margin: 0px 2px 0px 2px; float: left; width: 186px; height: 255px; background: transparent url('/interface/images/3_prod_single_bg.jpg') 0px 0px no-repeat; } .threeElementSection .singleElement .image { margin: 10px 12px 0px 12px; border: 1px solid #000000; width: 159px; height: 142px; overflow: hidden; } .threeElementSection .singleElement .text { margin: 5px 12px 0px 12px; height: 30px; line-height: 1.0; overflow: hidden; border-bottom: 1px solid #000000; font-family: Arial, Tahoma; font-size: 10px; color: #000; } .threeElementSection .singleElement .text a { color: #000; } .threeElementSection .singleElement .info { margin: 5px 12px; line-height: 1.0; } .threeElementSection .singleElement .info .price { float: left; display: inline; width: 80px; font-family: Verdana, Arial, Tahoma; color: #007e9b; font-size: 18px; font-weight: bold; margin: 4px 0 0 0;} .threeElementSection .singleElement .info img { float: right; } .threeElementSection .singleElement .compare { margin: 22px 0 0 3px; height: 17px; width: 177px; background: #deebee; } .threeElementSection .singleElement .compare .check { float: left; width: 19px; height: 17px; } .threeElementSection .singleElement .compare .check input { margin: 3px 0 0 4px; background: #deebee; border: 0; } .threeElementSection .singleElement .compare .text { float: left; width: 70px; text-align: left; height: 17px; line-height: 7px; border: 0; font-family: Verdana, Arial, Tahoma; font-size: 11px; font-weight: bold; color: #007e9b; } .threeElementSection .singleElement .compare .added { float: right; width: 50px; text-align: left; height: 17px; line-height: 17px; border: 0; font-family: Verdana, Arial, Tahoma; font-size: 11px; font-weight: bold; color: #007e9b; } .listedElementSection { } .listedElementSection .singleElement { margin: 0px 2px 0px 2px; float: left; width: 575px; height: 134px; background: transparent url('/interface/images/listProductBackground.jpg') 0px 0px no-repeat; } .listedElementSection .singleElement .image { float: left; margin: 6px; border: 1px solid #000000; width: 110px; height: 113px; overflow: hidden; } .listedElementSection .singleElement .text { float: left;margin: 5px 12px 0px 12px; height: 119px; width: 330px; line-height: 1.0; overflow: hidden; font-family: Arial, Tahoma; font-size: 10px; color: #000; } .listedElementSection .singleElement .text .info { float: left; margin: 5px 0 0 0; line-height: 1.0; width: 321px; height: 85px; } .listedElementSection .singleElement .text .info a{ color: #007e9b; font-size: 14px; font-weight: bold; text-decoration: none; } .listedElementSection .singleElement .text .price { float: left; clear: left; display: inline; width: 225px; height: 25px; font-family: Verdana, Arial, Tahoma; color: #000; font-size: 12px; font-weight: bold; margin: 4px 0 0 0;} .listedElementSection .singleElement .text img { float: right; clear: right; margin: 1px 10px 0 10px; } .listedElementSection .singleElement .compare { float: right; margin: 5px 12px 0 0; height: 119px; width: 80px; background: #deebee; } .listedElementSection .singleElement .compare .check { float: left; clear: both; width: 80px; height: auto; text-align: center; } .listedElementSection .singleElement .compare .check input { margin: 15px 0 0px 0; background: #deebee; border: 0; } .listedElementSection .singleElement .compare .text { float: left; clear: both; width: 80px; text-align: center; line-height: 12px; margin: 0; height: auto; border: 0; font-family: Verdana, Arial, Tahoma; font-size: 10px; font-weight: normal; color: #000; } .listedElementSection .singleElement .compare .added { float: left; clear: both; width: 80px; text-align: center; margin: 5px 0 0 0; height: auto; border: 0; font-family: Verdana, Arial, Tahoma; font-size: 11px; font-weight: bold; color: #007e9b; } .eventElementSection { position: relative; float: left; background-color: #eaeaea; width: 572px; } .eventElementSection .singleElement { float: left; width: 572px; padding: 6px 0px 0px 5px; } .eventElementSection .singleElement .image { float: left; padding: 0px 10px 0px 0px;} .eventElementSection .singleElement .image a { } .eventElementSection .singleElement .text { float: left; font-family: Arial, Tahoma; font-size: 11px; color: #000; } .catElementSection { } .catElementSection .singleElement { margin: 0px 2px 0px 2px; float: left; width: 186px; height: 157px; background: transparent url('/interface/images/oneProductBackground-mini.jpg') 0px 0px no-repeat; } .catElementSection .singleElement .image { margin: 5px 10px 0px 10px; border: 1px solid #000000; width: 163px; height: 117px; overflow: hidden;} .catElementSection .singleElement .text { margin: 5px 6px 0px 10px; height: 20px; line-height: 1.0; font-family: Verdana, Arial, Tahoma; color: #333; font-size: 10px; } .catElementSection .singleElement .text a{ color: #333; text-decoration: none; } .catElementSection .singleElement .text a:hover{ color: #666; } #compareRow { float: left; clear: both; display: inline; width: 573px; height: 24px; margin: 10px 0 10px 0; } #compareRow .text { float: right; width: 180px; height: 24px; line-height: 24px; letter-spacing: 0; font-family: Verdana, Arial, Tahoma; font-size: 10px; color: #000; } #compareRow .wrap { float: right; width: auto; height: 24px; } #compareRow .wrap #number { float: left; width: auto; height: 24px; line-height: 24px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 11px; color: #007e9b; display: none; } #compareRow .wrap #text { float: left; width: 51px; margin: 0 0 0 4px; height: 24px; line-height: 24px; text-align: left; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 11px; color: #007e9b; display: none; } #compareRow .wrap .compareButton { float: right; width: 88px; height: 24px; } #compareRow .wrap .compareButton .submitCompare{ width: 79px; height: 24px; margin: 0; padding: 0; border: 0; font-size: 0; background: transparent url('../images/compare.jpg') no-repeat scroll 0 0; } #catMenuBar { float: left; clear: both; width: 572px; height: 52px; background: #eaeaea; margin-top: -14px; } #catMenuBar .dropdowns { float: left; width: 315px; height: 52px; } #catMenuBar .dropdowns .cell {float: left; display: inline; margin: 0 -10px 0 10px; width: 115px; height: 52px;} #catMenuBar .dropdowns .cell .top {float: left; clear: both; display: inline; width: 115px; height: 20px; margin: 5px 0 0 0; text-align: left; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 10px;} #catMenuBar .dropdowns .cell .bottom {float: left; clear: both; display: inline; width: 115px; height: 25px; margin: 0;} #catMenuBar .dropdowns .cell .bottom select {width: 95px; height: 20px; border: 1px solid #000; background: #fff; padding: 0; margin: 0;} #catMenuBar .dropdowns .cell .bottom input {width: 22px; height: 22px; background: transparent url(../images/trans-arrow.png) no-repeat left top; padding: 0; margin: 0; border: 0; } #catMenuBar .pages { float: right; width: 205px; height: 52px; margin: 0 10px 0 0;} #catMenuBar .pages .top {float: right; clear: both; display: inline; width: 160px; height: 20px; margin: 5px 0 0 0; text-align: right; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 10px;} #catMenuBar .pages .bottom {float: left; clear: both; display: inline; width: 205px; height: 25px; margin: 0; } #catMenuBar .pages .bottom .left {float: right; clear: both; display: inline; width: 205px; margin: 2px 0 0 0; height: 25px; letter-spacing: 1px; text-align: left; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 12px;} #catMenuBar .pages .bottom .left a{ color: #a1a1a1; text-decoration: none; } #catMenuBar .pages .bottom .left a:hover{ color: #333;} #catMenuBar .pages .bottom .right { float: right; width: 55px; height: 22px; background: url('../images/next-button.jpg') no-repeat center right; margin: 2px 0 0 0;} #catMenuBar .pages .bottom .right a{ display: block; width: 55px; height: 22px;} #catFooter { float: left; clear: both; display: inline; width: 572px; height: 27px; line-height: 12px; background: #eaeaea; border-top: 1px solid #787878; margin: 10px 0 0;} #catFooter .content { float: right; clear: both; display: inline; width: 205px; height: 25px; line-height: 12px; margin: 0 10px 0 0; } #catFooter .content .left { float: left; clear: both; display: inline; width: 205px; margin: 2px 0 0 0; height: 16px; line-height: 12px; letter-spacing: 1px; text-align: right; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 12px;} #catFooter .content .left a{ color: #a1a1a1; text-decoration: none; } #catFooter .content .left a:hover{ color: #333;} #catFooter .content .right { float: right; width: 55px; height: 20px; line-height: 12px; background: url('../images/next-button.jpg') no-repeat center right; margin: 0;} #catFooter .content .right a{ display: block; width: 55px; height: 16px;} #catMenuBar2 { float: left; clear: both; width: 572px; height: 52px; background: #eaeaea; margin-top: 3px; } #catMenuBar2 .dropdowns { float: left; width: 315px; height: 52px; } #catMenuBar2 .dropdowns .cell {float: left; display: inline; margin: 0 -10px 0 10px; width: 115px; height: 52px;} #catMenuBar2 .dropdowns .cell .top {float: left; clear: both; display: inline; width: 115px; height: 20px; margin: 5px 0 0 0; text-align: left; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 10px;} #catMenuBar2 .dropdowns .cell .bottom {float: left; clear: both; display: inline; width: 115px; height: 25px; margin: 0;} #catMenuBar2 .dropdowns .cell .bottom select {width: 95px; height: 20px; border: 1px solid #000; background: #fff; padding: 0; margin: 0;} #catMenuBar2 .dropdowns .cell .bottom input {width: 22px; height: 22px; background: transparent url(../images/trans-arrow.png) no-repeat left top; padding: 0; margin: 0; border: 0; } #catMenuBar2 .pages { float: right; width: 205px; height: 52px; margin: 0 10px 0 0;} #catMenuBar2 .pages .top {float: right; clear: both; display: inline; width: 160px; height: 20px; margin: 5px 0 0 0; text-align: right; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 10px;} #catMenuBar2 .pages .bottom {float: left; clear: both; display: inline; width: 205px; height: 25px; margin: 0; } #catMenuBar2 .pages .bottom .left {float: right; clear: both; display: inline; width: 205px; margin: 2px 0 0 0; height: 25px; letter-spacing: 1px; text-align: left; font-family: Verdana, Arial, Tahoma; color: #333; font-weight: bold; font-size: 12px;} #catMenuBar2 .pages .bottom .left a{ color: #a1a1a1; text-decoration: none; } #catMenuBar2 .pages .bottom .left a:hover{ color: #333;} #catMenuBar2 .pages .bottom .right { float: right; width: 55px; height: 22px; background: url('../images/next-button.jpg') no-repeat center right; margin: 2px 0 0 0;} #catMenuBar2 .pages .bottom .right a{ display: block; width: 55px; height: 22px;} .image-floater { width: 572px; height: auto; overflow: hidden; } .image-floater .item { float: left; display: inline; height: auto; width: auto; margin: 0 3px 0 3px; } /* RIGHT COLUMN (site-right) ==============================================================================*/ .site-right { margin-left: -186px; float: left; width: 184px; } .chartheme { width: 110px; height: 20px; line-height: 20px; display: block; position: absolute; top: 78px; right: 0; margin: 0 0 5px 0; text-indent: 4px; font-size: 9px; font-weight: bold; background: #e1e1e1 url(/interface/images/chartheme.png) no-repeat 90px 2px; } .chartheme a { width: 110px; height: 20px; display: block; color: #000; } .chartheme a:hover { background: #d1d1d1 url(/interface/images/chartheme.png) no-repeat 90px 2px; } .themechar { right: 120px; background: #dfedf1 url(/interface/images/chartheme.png) no-repeat 90px 2px; } .themechar a:hover { background: #c4e5ee url(/interface/images/chartheme.png) no-repeat 90px 2px; } .right-thumb { border:1px solid #000000; display:block; height:80px; margin:10px 0; width:55px; } .right-text { color:#000000; display:block; float:right; font-size:10px; line-height:12px; margin-top:-94px; width:101px; margin-right: -6px; } .right-price { color:#0091AD; display:block; float:right; font-size:16px; font-weight:bold; margin-top:-56px; text-align:center; width:90px; } .right-more { display:block; float:right; height:24px; margin-right:7px; margin-top:-34px; width:79px; } /* BOTTOM SECTION ==============================================================================*/ #footer { clear: both; display: inline; width: 100%; height: 30px; background: #0091AD; color: #ffffff; float: left; margin: 10px 0px 0px 0px; } #footer p { margin: 2px 10px 0px 0px; font-weight: bold; font-size: 10px; float: right; line-height: 1.0; } #footer ul#bottomQuickLinks { margin: 0px 0px 0px 10px; float: left; padding: 0px; height: 30px; color: #ffffff; list-style-type: none; } #footer ul#bottomQuickLinks li { margin: 0px; padding: 0px; float: left; text-indent: 0px; list-style-type: none; } #footer ul#bottomQuickLinks li a { color: #ffffff; text-decoration: none; text-transform: capitalize; font-weight: bold; font-size: 10px; } /* PRODUCT ==============================================================================*/ #product { float: left; display: inline; width: 572px; height: auto; } #product .top { float: left; clear: both; display: inline; width: 572px; height: auto;} #product .top .left { float: left; display: inline; width: 261px; height: auto;} #product .top .left .image { float: left; display: inline; width: 261px; height: 376px; overflow: hidden;} #product .top .left .zoom { float: left; clear: left; display: inline; width: 194px; height: 30px; text-indent: 30px; color: #0091ae; font-size: 11px; font-weight: bold; text-align: left; padding-left: 67px; border-top: 1px solid #ccc; font-family: Verdana, Arial, Tahoma; line-height: 24px;} #product .top .left .zoom a{ display: block; background: #fff url('../images/image-zoom.png') no-repeat center left; width: 190px; height: 25px; color: #0091ae; text-decoration: none; } #product .top .left .thumbs { float: left; clear: both; display: inline; width: 261px; height: 72px; overflow: hidden; background: #fff;} #product .top .left .thumbs .go-left { float: left; margin: 10px 3px 0 0; height: 54px; width: 15px; background: url('../images/left.png') no-repeat center center; } #product .top .left .thumbs .go-left a{ height: 54px; width: 15px; display: block; } #product .top .left .thumbs .go-right { float: right; margin: 9px 0 0 0; height: 54px; width: 15px; background: url('../images/right.png') no-repeat center center; } #product .top .left .thumbs .go-right a{ height: 54px; width: 15px; display: block; } #product .top .left .thumbs .center { float: left;height: 72px; width: 220px; overflow: hidden; } #product .top .left .thumbs #center-cont { position: relative; top: 0; left: 0; height: 72px; width: 1000px; overflow: hidden; } #product .top .left .thumbs #center-cont .item { float: left; display: inline; margin: 8px 10px 0 10px; width: 54px; height: 52px; } #product .top .left .thumbs #center-cont .item img { border: 1px solid #cfd0d0; } .bookmarks { float: left; clear: both; display: inline; width: 261px; height: auto; margin: 25px 0 90px 0; border: 1px solid #ccc; padding:15px 2px 0;} .bookmarks #addThis { float: left; clear: both; display: inline; width: 261px; height: 20px; text-align: left; text-indent: 2px; margin: 0 0 10px 0;} .bookmarks #emailProduct { float: left; display: inline; width: 130px; height: 20px; text-align: left; background: url('../images/email.png') no-repeat center left; text-indent: 32px; font-family: Verdana, Arial, Tahoma; font-size: 9px; color: #007e9b; font-weight: bold;} .bookmarks #printProduct { float: right; display: inline; width: 130px; height: 20px; text-align: left; background: url('../images/print.png') no-repeat center left; text-indent: 32px; font-family: Verdana, Arial, Tahoma; font-size: 9px; color: #007e9b; font-weight: bold; } .bookmarks #productSpecDownload { float: left; display: inline; height: 20px; margin-bottom:15px; text-align: left; background: url('../images/pdf.png') no-repeat center left; text-indent: 32px; font-family: Verdana, Arial, Tahoma; font-size: 9px; color: #007e9b; font-weight: bold; margin-top: 15px;} .bookmarks #printProduct a, #emailProduct a, #productSpecDownload a { color: #007e9b; text-decoration: none; } #product .top .right { float: right; display: inline; width: 300px; height: auto;} #product .top .right strong { font-family: Verdana, Arial, Tahoma; display: block; font-weight: bold; font-size: 18px; color: #007e9b; line-height: 18px; margin-left: 10px; } #product .top .right h1 { font-family: Verdana, Arial, Tahoma; display: block; font-weight: bold; font-size: 18px; color: #007e9b; line-height: 18px; margin-left: 10px; } #product .top .right p.was { font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 16px; color: #000; line-height: 20px; margin-left: 10px; } #product .top .right p.sale { font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 21px; color: #a9092a; line-height: 25px; margin-left: 10px; } #product .top .right p.price { font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 16px; margin-top: 10px; color: #000; line-height: 22px; margin-left: 10px; } #product .top .right p { font-family: Verdana, Arial, Tahoma; font-size: 11px; color: #333; line-height: 18px; margin-left: 10px; } #product .top .right p b { font-weight: bold; } #product .top .right p.event { font-family: Verdana, Arial, Tahoma; font-size: 10px; color: #333; line-height: 14px; margin-left: 0; text-indent: 10px; padding: 10px 0; border: 1px solid #ccc; text-decoration: underline; font-weight: bold; } #product .top .right p.event a{ color: #333; text-decoration: underline; } #product .top .right p.event img { float: right; margin: -5px 7px 5px 25px; } #product .top .right #infoBox { float: left; clear: both; display: inline; width:300px; height: 180px; margin: 8px 0 0 0; } #product .top .right #infoBox .titles { float: left; clear: both; display: inline; width:300px; height: 25px;} #product .top .right #infoBox .titles .title { float: left; width:98px; height: 25px; background: #e1e1e1; color: #333; text-align: left; text-indent: 10px; margin: 0 1px 0 1px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 11px;} #product .top .right #infoBox .titles .title a{ display: block; width:98px; height: 25px; background: #e1e1e1; color: #333; text-decoration: none;} #product .top .right #infoBox .titles .title a:hover{ background: #ececec;} #product .top .right #infoBox .titles .high { color: #fff; background: #333; } #product .top .right #infoBox .titles .high a{ color: #fff; background: #333; } #product .top .right #infoBox .titles .high a:hover{ color: #fff; background: #333; } #product .top .right #infoBox .content { float: left; clear: both; display: inline; width: 278px; height: 133px; background: #f5f5f5; border: 11px solid #f5f5f5;} #product .top .right #infoBox .content .box { position: relative; top: 0; left: 0; width: 278px; height: 133px; color: #333; font-family: Verdana, Arial, Tahoma; font-size: 11px; line-height: 14px; } #product .top .right #infoBox .content .box a { color: #333; } #product .top .right #infoBox .content .box ul { list-style:square inside; } #product .top .right #infoBox .content .box strong { color: #333; font-size: 11px; font-weight: bold; margin: 0; line-height: 16px; } #product .top .right .copyright { float: left; clear: both; width: 300px; height: 25px; line-height: 12px; margin-top: 15px; text-align: left; color: #000; font-size: 9px; font-family: Arial, Tahoma; } #product .size { float: left; clear: both; display: inline; width: 572px; height: auto; } #product .size .row { float: left; clear: both; display: inline; width: 572px; height: auto; margin: 2px 0 0 5px; border-bottom: 1px solid #eaeaea; padding:2px 0 10px; } #product .size .row .cell-1 { float: left; display: block; margin: 5px 0 0 0; width: 55px; color: #333; font-family: Verdana, Arial, Tahoma; font-size: 10px; font-weight: bold; line-height: 12px; } #product .size .row .cell-2 { float: left; display: block; margin: 5px 0 0 0; width: 80px; color: #333; font-family: Verdana, Arial, Tahoma; font-size: 10px; font-weight: bold; line-height: 12px; } #product .size .row .cell-3 { float: left; display: block; margin: 5px 0 0 0; width: 270px; color: #333; font-family: Verdana, Arial, Tahoma; font-size: 10px; font-weight: bold; line-height: 12px; } #product .size .row .cell-4 { float: left; display: block; margin: 5px 0 0 0; width: 110px; color: #a9092a; font-family: Verdana, Arial, Tahoma; font-size: 10px; font-weight: bold; line-height: 12px; } #product .size .row .cell-5 { float: left; display: block; margin: 5px 0 0 0; width: 65px; color: #333; font-family: Verdana, Arial, Tahoma; font-size: 11px; font-weight: bold; } #product .size .row .cell-6 { float: left; display: block; margin: 5px 0 0 0; width: 98px; } #product .size .row .title { height: 32px; line-height: 32px; text-align: left; color: #007e9b; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 10px; } #product .size .last { border: 0; margin-bottom: 0; } #product .featured { float: left; clear: both; display: inline; width: 572px; height: auto; } #infoBoxCopyright { font-size: 10px; } .productSummary { float: right; width: 300px; } .productSummary h1 { margin: 0px 0px 10px 0px; } .productImage { float: left; width: 261px; } .productOptions { float: left; margin: 0px 0px 10px 0px; background: #e9f3f7; z-index: 10; } .productOptions .selOption { margin: 10px 0 0 90px; float: left; clear: both; display: inline; height: 22px; line-height: 22px; text-align: left; width: 210px; font-size: 9px; font-family: Arial, Tahoma; } .productOptions .form { float: left; clear: both; display: inline; height: auto; width: 300px; } .productOptions form { margin: 0px; } .productOptions label { display: block; float: left; font-family: Verdana, Arial, Tahoma; width: 80px; font-weight: bold; color: #333; font-size: 13px; margin: 0 0 0 10px; } .productOptions input, .productOptions select { margin: 0px 0px 10px 0px; } .productOptions select { width: 100px !important; } .productOptions .select1 { width: 135px; height: 18px; background: #fff; border: 1px solid #333; } .productOptions .select2 { width: 65px; height: 18px; background: #fff; border: 1px solid #333; } .productOptions .AjaxPriceWrap { position: absolute; bottom: 4px; left: 10px; font-family:Verdana,Arial,Tahoma;font-size:8px;line-height: 16px; } .productOptions .AjaxPriceWrap #AjaxPrice { color:#007E9B;font-size:14px;font-weight:bold; line-height: 16px; position: absolute; padding: 0 3px; margin-top: -2px; } .productOptions input#addToBasket { margin: 0 0 10px 200px; border:0; background: url('../images/product-submit-button.jpg') no-repeat; width:79px; height: 24px; padding: 0; } .productOptions input#emailNotify { margin: 0 0 10px 180px; border:0; background: url(../images/notify.png); width:79px; height: 24px; padding: 0; text-indent: -9999px; } .productDescription { margin: 0px 0px 10px 0px; background: #f7f7f7; padding: 10px; } .productDescription p { margin: 0px; line-height: 2; } .productDescription p.productSectionTitle { margin: 0px 0px 20px 0px; font-weight: bold; font-size: 14px; } .product img.productImage { float: left; } .productImageTools { width: 254px; height: 25px; background: #007e9b url('../images/image-zoom.png') no-repeat center left; border-left: 7px solid #007e9b; } .review { margin: 10px; padding: 10px; border: 1px solid #dedede; } .a2zReview { margin: 10px; padding: 10px; border: 1px solid #dedede; background: #EDF6F9; color: #016D9B; } form.productReviewForm { margin: 30px 10px 10px 30px; } form.productReviewForm label { display: block; font-weight: bold; font-size: 14px; } #submitEmail { border: 0; padding: 0; width: 79px; height: 24px; background: url(/interface/images/submit.jpg) no-repeat; } #resetEmail { border: 0; padding: 0; width: 79px; height: 24px; background: url(/interface/images/clear.jpg) no-repeat; } #eventInfoWrapper { position: absolute; z-index: 80; top: -5px; right: 0; width: 300px; background: #e9f3f7; padding: 15px 0;} #eventInfoWrapper #eventName { z-index: 80; font-family: Verdana, Arial; font-size: 24px; color: #333; font-weight: bold; padding: 0 15px; margin: 0; line-height: 30px; } #eventInfoWrapper #eventDate { z-index: 80; font-family: Verdana, Arial; font-size: 18px; color: #333; padding: 0 15px; margin: 0; line-height: 25px; } #eventInfoWrapper #eventDescription { z-index: 80; font-family: Verdana, Arial; font-size: 11px; color: #333; padding: 0 15px; margin: 20px 0; } #eventInfoWrapper #eventDescription p { z-index: 80; padding: 0; margin: 3px 0; } #eventDetails #eventDate { display:block; margin:17px 0 0 265px; position:absolute; text-align:right; width:305px; } #eventDetails #eventDescription { padding: 10px; } /* CATEGORY ==============================================================================*/ #atozList { width: 562px; background-color: #EEE; height: 27px; padding-left: 8px; float: left; margin: 20px 0; border: 1px solid #e1e1e1; } #atozList p { width: 21px; float: left; line-height: 21px; height: 21px; text-align: center; padding-top:3px; color: #bbb; font-weight: bold; } #atozList p a { color: #000; display: block; text-align: center; width: 21px; height:27px; line-height:27px;margin-top:-3px; } #atozList p a:hover { background: #e1e1e1; border-left: 1px solid #ddd; border-right: 1px solid #ddd; color: #000; margin-left: -1px; } .themesList { background: #edf4f6 !important; border: 1px solid #C4E5EE !important; } .themesList p { color: #aed9e5 !important; } .themesList p a{ color: #1392b5 !important; } .themesList p a:hover{ color: #1392b5 !important; background: #c4e5ee !important; border-left: 1px solid #add6e1 !important; border-right: 1px solid #add6e1 !important; } .charListing { border-bottom: 1px dotted #ddd; float:left; height: auto; margin-bottom:10px; width:100%; } .charListing .letter { float: left; height: 70px; width: 50px; font-size: 50px; color: #ddd; line-height: 70px; text-align: center; font-family: Arial, Tahoma; } .charListing .listing { float: left; font-weight: bold; height: auto; width: 500px; font-size: 12px; color: #0091AE; line-height: 18px; text-align: left; font-family: Arial, Tahoma; padding: 10px; } .charListing .listing a{ color: #0091AE; text-decoration: none; } .charListing .listing a:hover{ text-decoration: underline; } .themeLists { border-bottom: 1px dotted #C4E5EE; } .themeLists .letter { color: #AED9E5; } .themeLists .listing { color: #333; } .themeLists .listing a{ color: #333; } /* THEMES ==============================================================================*/ #theme-index { float: left; display: inline; width: 572px; height: auto; } #theme-index .search { float: left; clear: both; display: inline; width: 572px; height: 50px; background: #0091ae; margin: 0 0 8px 0;} #theme-index .search .cell1 { float: left; display: inline; width: 180px; height: 50px; color: #fff; line-height: 50px; font-family: Arial, Tahoma; font-weight: bold; font-size: 20px; text-align: left; text-indent: 10px;} #theme-index .search .cell2 { float: left; display: inline; width: 333px; height: 50px; } #theme-index .search .cell2 input{ width: 320px; height: 18px; background: #fff; border: 1px solid #000; margin: 13px 0px 0px -14px; } #theme-index .search .cell3 { float: left; display: inline; width: 30px; height: 50px; text-align: center; } #theme-index .search .cell3 input[type="submit"] { width: 21px; height: 21px; margin: 0; padding: 0; border: 0; margin: 15px 0 0 0; background: transparent url('../images/trans-arrow.png') no-repeat; } #characters-index { float: left; display: inline; width: 572px; height: auto; } #characters-index .search { float: left; clear: both; display: inline; width: 572px; height: 50px; background: #0091ae; margin: 0 0 8px 0;} #characters-index .search .cell1 { float: left; display: inline; width: 195px; height: 50px; color: #fff; line-height: 50px; font-family: Arial, Tahoma; font-weight: bold; font-size: 20px; text-align: left; text-indent: 10px;} #characters-index .search .cell2 { float: left; display: inline; width: 333px; height: 50px; } #characters-index .search .cell2 input { width: 320px; height: 18px; background: #fff; border: 1px solid #000; margin: 13px 0px 0px -14px; } #characters-index .search .cell3 { float: left; display: inline; width: 30px; height: 50px; text-align: center; } #characters-index .search .cell3 input[type="submit"] { width: 21px; height: 21px; margin: 0; padding: 0; border: 0; margin: 15px 0 0 0; background: transparent url('../images/trans-arrow.png') no-repeat; } /* SEARCH RESULTS ==============================================================================*/ .searchWrapper { margin: 5px 0; clear: both; } #searchResultsProducts { } #searchResultsCategories { } #searchResultsEvents { } .searchTitleBar { height: 30px; line-height: 30px; text-align: left; padding: 0 5px; background: gray; margin: 10px 0; } .searchResultItem { float: left; width: 180px; margin: 0 5px 10px 5px; } .moreSearch { clear: both; text-align: right; } #searchedFor p { float: left; clear: both; font-family: Verdana, Arial, Tahoma; font-weight: normal; font-size: 15px; color: #0091ae; margin: 0 0 5px 0;} #searchedFor .wrapper { float: left; clear: both; } #searchedFor .wrapper .cell { float: left; width: 142px; height: 30px; border-left: 1px solid #3aafc6; text-align: center; color: #fff; line-height: 30px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 12px; } #searchedFor .wrapper .cell a { text-decoration: none; color: #fff; } #searchedFor .wrapper .cell1 { background: #0091ae; } #searchedFor .wrapper .cell2 { background: #0d97b3; } #searchedFor .wrapper .cell3 { background: #179fba; } #searchedFor .wrapper .cell4 { background: #20a5c0; } #searchEvents { float: left; clear: both; } #searchEvents .title { float: left; clear: both; width: 573px; height: 25px; line-height: 20px; border-bottom: 1px solid #000; color: #333; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 14px; text-indent: 9px; } #searchEvents .content { float: left; clear: both; width: 573px; height: auto; padding: 6px 0 6px 0; background: #efefef; font-weight: bold; font-size: 10px; color: #333; font-family: Verdana, Arial, Tahoma; line-height: 25px; } /* BASKET + ORDER PROCESS ==============================================================================*/ .basket-table { float: left; clear: both; width: 100%; height: auto; } .basket-table .row { float: left; clear: both; width: 100%; margin: 0 0 5px 0; } .basket-table .top { margin: 0; font-weight: bold; font-size: 14px; } .basket-table .row .cell { float: left; display: inline; height: auto; color: #000; text-align: left; margin: 7px; } .basket-table .row .image { width: 82px; height: 55px; text-align: center; background: #fff; border: 1px solid #333; } .basket-table .row .desc { width: 185px; height: auto; } .basket-table .row .qty { width: 45px; height: auto; } .basket-table .row .price { width: 55px; height: auto; } .basket-table .row .total { width: 65px; height: auto; font-weight: bold; } .basket-table .row .total b { font-weight: bold; } .basket-table .row .remove { width: 45px; height: auto; } .basket-table .totals { margin: 10px 0; border-top: 1px solid #92ba20; border-bottom: 1px solid #92ba20; padding: 5px 0 0; position: relative; } .basket-table .totals .left { bottom:0;color:#91BA20;font-size:11px;font-weight:bold;margin:0 0 4px 5px;position:absolute;width:300px; } .basket-table .totals .right { float: right; clear: right; margin: 0 5px 0 0; height: auto; width: 250px; text-align: right; } .basket-table .totals .right .caption { float: right; clear: left; margin: 0 10px 2px 0; width: 120px; height: 22px; font-size: 12px; color: #000;} .basket-table .totals .right .total { float: right; clear: right; margin: 0; width: 100px; text-align: left; height: 22px; font-size: 14px; font-weight: bold; color: #92ba20;} .basket-table .basketUpdate { width: 79px; height: 24px; border: 0; padding: 0; margin: 4px 0 0 1px; background: url(/interface/images/button-update.jpg) no-repeat; } .greySpace { float: left; clear: both; display: block; background: #eee; width: 100%; height: auto; padding: 10px 0; } #gotoCheckout { border: 0; margin: 5px 0pt 20px 5px; padding: 0; background: url(/interface/images/checkout.jpg) no-repeat ; float: right; width: 164px; height: 24px; text-indent: -9999px; } .greySpace label { float: left; clear: both; display: block; width: 100%; height: 16px; line-height: 16px; padding: 0 0 0 15px; color: #000; font-family: Arial, Tahoma; font-weight: bold; } .greySpace input[type="text"], .greySpace input[type="password"], .greySpace select { float: left; clear: both; display: block; width: 250px; height: 18px; line-height: 18px; padding: 1px; margin: 0 0 8px 15px; color: #000; font-family: Arial, Tahoma; background: #fff; border: 1px solid #666;} .greySpace input[type="text"]:focus, .greySpace input[type="password"]:focus, .greySpace select:focus { outline: 2px solid #0091AD;} .greySpace select { height: 20px; width: 257px; } #customerTitleId { width: 80px; } .greySpace input[type="checkbox"] { float: left; display: block; width: auto; height: 16px; line-height: 16px; padding: 2px; margin: 15px 0 8px 15px; color: #000; } .greySpace input[type="submit"], .greySpace input[type="button"]{ float: left; clear: both; display: block; width: 79px; height: 24px; margin: 15px 0 8px 15px; text-indent: -9999px; border: 0; padding: 0;} #pafMsg { background:#777 none repeat scroll 0 0; color:#fff; padding-left: 10px; float:left; font-weight:bold; line-height:22px; margin:0 0 5px 14px; width:540px; } .required { color:#0091AD; padding-left:5px; position:relative; top:2px; } .formerror div {clear: both;background-color: #a9092a;height: 22px;padding: 2px 0 2px 0;} .formerror p{color: #FFF;font-weight: bolder; display: inline-block;padding: 2px 0 0 6px;} .formerror2 div {clear: both;background-color: #a9092a;height: 22px; margin-bottom: -18px !important;padding: 2px 0 2px 0;} .formerror2 p{color: #FFF;font-weight: bolder; display: inline-block;padding: 2px 0 0 6px;} .bPrice { position:absolute;right:195px;text-align:left;width:105px; } #ccHelp { float: left; margin: 0 5px; cursor: pointer; } #ccHelpInfo { position: relative; float: left; clear: none; height: 95px; width: 235px; margin: -12px 0 0 10px; border: 1px solid #333; background: #fff; } #ccHelpInfo .ccArrow { float: left; margin: 13px 0 0 -7px; } #ccHelpInfo .ccCard { float: left; margin: 5px; } #ccHelpInfo .ccInfo { float: right; width: 122px; height: auto; margin: 14px 5px 5px; font-family: Verdana, Arial, Tahoma; font-size: 9px; color: #333; line-height: 14px; background: #fff; clear: none; padding: 0; } .checkout-progress { float: left; width: 100%; height: 28px; overflow: hidden; margin: 4px 0;} .checkout-progress .cell { float: left; height: 28px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma; color: #ccc;} .checkout-progress .cell a {display: block; width: 100% height: 28px; color: #fff; text-decoration: none;} .checkout-progress .first { width: 94px; background: url(/interface/images/checkout-1.png) no-repeat; } .checkout-progress .middle { width: 90px; background: url(/interface/images/checkout-3.png) no-repeat; margin: 0 0 0 -6px; } .checkout-progress .middle-hi { width: 92px; background: url(/interface/images/checkout-4.png) no-repeat; margin: 0 0 0 -5px; } .checkout-progress .last { width: 116px; background: url(/interface/images/checkout-5.png) no-repeat; margin: 0 0 0 -6px; } .checkout-progress2 { float: left; width: 100%; height: 22px; overflow: hidden; margin: -10px 0 20px 0;} .checkout-progress2 .cell { float: left; margin-left: 5px; height: 22px; width: 91px; line-height: 22px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma; color: #999; background:#eee;} .checkout-progress2 .cell a {display: block; width: 100% height: 22px; color: #fff; text-decoration: none; background: #91ba20;} .checkout-progress2 .first { margin-left: 0; } .coProceed { background: url(/interface/images/proceed.jpg) no-repeat; text-indent: -9999px; border:0; width: 79px; height: 24px; clear: both; position: relative; left:492px; padding:0; } .coConfirm { width: 166px; display: block; position: relative; margin: 0 auto; height: 24px; border: 0; padding: 0; text-indent: -999px; background: url(/interface/images/payment.png) no-repeat; } /* COMPARE PAGE ==============================================================================*/ #hiddenLink { display: none; width: 300px; } #compare-container { float: left; clear: both; width: 100%; height: auto; } #compare-container .header { float: right; clear: both; width: 750px; height: auto; } #compare-container .body { float: left; clear: both; width: 100%; height: auto; } #compare-container .body .key { float: left; width: 210px; height: auto; } #compare-container .body .key .comparedImage { float: left; width: 159px; height: 159px; margin: 10px 0 35px 12px; } #compare-container .body .key .comparedName { float: left; width: 159px; height: 55px; line-height: 18px; margin: 0 0 0 12px; color: #0091AE; font-size: 14px; font-weight: bold; text-align: right; } #compare-container .body .key .comparedPrice { float: left; width: 159px; height: 45px; line-height: 18px; margin: 0 0 0 12px; color: #0091AE; font-size: 14px; font-weight: bold; text-align: right; } #compare-container .body .comparedProduct { float: left; width: 188px; height: 347px; background: url(/interface/images/compare-bg.jpg) no-repeat; } #compare-container .body .comparedProduct .comparedImage { float: left; width: 159px; height: 159px; border: 1px solid #000; margin: 10px 0 35px 12px; } #compare-container .body .comparedProduct .comparedName { float: left; width: 159px; height: 55px; line-height: 14px; margin: 0 0 0 12px; color: #000; font-size: 11px; } #compare-container .body .comparedProduct .comparedPrice { float: left; width: 159px; height: 45px; margin: 0 0 0 12px; color: #0091AE; font-size: 18px; font-weight: bold; } #compare-container .body .comparedProduct .comparedButtons { float: left; clear: both; width: 159px; margin: 0 0 0 12px; height: 40px; } /* ORDERS ==============================================================================*/ .order-row { float: left; clear: both; width: 100%; height: auto; margin: 5px 0; } .order-row .cell { float: left; height: auto; font-family: Verdana, Arial, Tahoma; font-size: 14px; color: #333; } .order-row .data-1 { width: 115px; } .order-row .data-2 { width: 145px; } .order-row .data-3 { width: 100px; } .order-row .data-4 { width: 75px; } .order-row .view { float: right; height: 24px; width: 80px; background: url(../images/view.jpg) no-repeat; display: block; } .order-row .view a{ height: 24px; width: 80px; display: block; } #order-form { float: left; clear: both; width: 515px; height: auto; margin: 0 0 0 15px; } #order-form .head { float: left; clear: both; width: 100%; } #order-form .head strong { display: block; font-family: Verdana, Arial; color: #0091ae; font-size: 18px; font-weight: bold; line-height: 45px; } #order-form .head span { display: block; font-family: Verdana, Arial; color: #333; font-size: 14px; font-weight: bold; } #order-form .addresses { float: left; clear: both; width: 100%; } #order-form .addresses .title { display: block; width: 100%; margin-top:20px; font-family: Verdana, Arial; color: #0091ae; font-size: 18px; font-weight: bold; line-height: 45px; } #order-form .addresses .cell { float: left; width: 48%; font-family: Verdana, Arial; color: #333; font-size: 12px; line-height: 18px; } #order-form .addresses .cell strong { display: block; padding-bottom: 12px; } #order-form .addresses .shipping { float: left; width: 100%; margin: 15px 0; font-family: Verdana, Arial; color: #333; font-size: 12px; line-height: 18px; } #order-form .addresses .shipping strong { display: block; padding-bottom: 12px; } #order-form .items { float: left; clear: both; width: 100%; } #order-form .items .title { display: block; width: 100%; font-family: Verdana, Arial; color: #0091ae; font-size: 18px; font-weight: bold; line-height: 45px; } #order-form .items .row { float: left; clear: both; width: 100%; height: auto; background: transparent; color: #333; margin: 7px 0; } #order-form .items .row .cell { float: left; height: auto; width: 75px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 12px; } #order-form .items .row .first { margin-left: 15px; width: 260px; } #order-form .items .top { background: #333; color: #fff; } #order-form .items .totals { float: left; clear: both; width: 100%; margin: 20px 0; padding: 10px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; } #order-form .items .totals .row { float: left; clear: both; width: 100%; margin: 5px 0; } #order-form .items .totals .row .label { float: left; width: 380px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 12px; text-indent: 8px; } #order-form .items .totals .row .value { float: right; width: 90px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 12px; } #order-form .items .final { float: left; clear: both; width: 100%; margin: 0 0 10px; } #order-form .items .final .label { float: left; width: 380px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 12px; text-indent: 8px; } #order-form .items .final .value { float: right; width: 90px; font-family: Verdana, Arial, Tahoma; font-weight: bold; font-size: 12px; } #eventDetails a { font-weight:bold; text-decoration: underline; } #eventDetails em { font-style: italic; }