/* CSS Reset Stylesheet Flaming Bucket Technologies, flamingbucket.com Based on http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------*/ 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; } /* Remember to define focus style */ :focus { outline: 0; } /* Remember to highlight inserts */ ins { text-decoration: none; } del { text-decoration: line-through; } /* Tables need cellspacing='0' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* CSS Reference ----------------------------------------------------------------------------------------------*/ /* // Curved corners - Mozilla and Webkit (Safari) extensions. -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; // Text effects text-shadow: 1px 1px black; */ /* Colour reference ----------------------------------------------------------------------------------------------*/ /* - Primary colour: NAVY #004165; - Secondary colour CYAN: #0099ff; - Link colour: #174986; */ /* Generic Content Style ----------------------------------------------------------------------------------------------*/ body { font: 12px Arial, Helvetica, sans-serif; color: #404040; } /* Headings, No

general style required. Modify unique header division. */ h2 { font: 24px Arial, Helvetica, sans-serif; } h3 { font: 12px Arial, Helvetica, sans-serif; padding: 6px 0; padding-left: 10px; color: white; border-bottom: 4px solid #555; background: url(Image/menuTop.png); } /* Input */ input { background: #fafafa; border: 1px solid #333; } select { background: #fafafa; border: 1px solid #333; } textarea { background: #fafafa; border: 1px solid #333; } /* Tables */ table { border: 0px solid #ccc; } tr { } th { background: #eee; border: 1px solid #ccc; text-align: left; } td { border: 0px solid #ccc; vertical-align:top;} /* Anchor elements / links */ a, a:link, a:visited, a:active { text-decoration: none; color: #20409a; } a:focus { } a:hover { color: #5587b2; } /* Definition lists */ dl { margin-bottom: 10px; } dt { font-weight: bold; } dd { margin-bottom: 10px; } /* Ordered lists */ ol { } ol li { } /* Unordered lists */ ul { } ul li { background: url(Image/bullet.png) no-repeat 0 0; padding-left: 20px; } /* Specific client front page content ----------------------------------------------------------------------------------------------*/ #frontSubImages img { margin-top: 6px; } /* aToZ */ #aToZ { margin-top: 10px; } #aToZ h3 { margin-bottom: 10px; } #aToZ ul { padding-left: 5px; } #aToZ li { background: none; width: 140px; float: left; text-align: left; overflow: hidden; white-space: nowrap; } /* Large QOP Divisions ----------------------------------------------------------------------------------------------*/ #wrapper { margin: 0 auto; position: relative; width: 900px; } #inner-wrapper { margin: 0 auto; width: 900px; position: relative; } /* header ----------------------------------------------------------------------------------------------*/ #header { width: 100%; height: 225px; background: url(Image/header.png) no-repeat; } #header h1 { width: 150px; position: relative; bottom: 30px; text-indent: -99999px;} /* Moved up in order to 'hide' text link */ #header h1 img, #header h1 a { display:block; } #header h1:hover { } #header h1 a { height: 170px; display: block; opacity: 0; } #header p.logged-in-as { display: none; } /* top-links ----------------------------------------------------------------------------------------------*/ #top-links { position: absolute; top: 88px; right: 20px; display: none; } #top-links ul { width: 200px; } #top-links li { padding: 0 20px; background: none; float: left; } #top-links li a { } #top-links li a:hover { } #top-links li:first-child { border-right: 1px solid #ededed; } /* tab-links ----------------------------------------------------------------------------------------------*/ #tab-links { width: 900px; position: absolute; left: 0; top: 158px; border-left: 1px solid black; border-bottom: 1px solid #666; } #tab-links ul { width: 901px; margin: 0 auto; } #tab-links ul li { background: none; float: left; padding: 0; border: 1px solid black; border-left: none; } #tab-links li a { height: 18px; display: block; float: left; padding: 4px 8px 1px; background: #6e6e6e url(Image/tabMenu.png); color: white; border-left: 1px solid #888; } #tab-links li a:hover { height: 18px; background: url(Image/tabMenu.png); background-position: 0 26px; color: white; border-left: 1px solid #5e77be; } #tab-links li:first-child a { } #tab-links li:first-child a:hover { } #tab-links li.location { } /* The current location */ #tab-links li.location a { height: 18px; background: url(Image/tabMenu.png); background-position: 0 26px; border-left: 1px solid #5e77be; } /* top-search ----------------------------------------------------------------------------------------------*/ #top-search { width: 902px; height: 33px; position: absolute; top: 184px; background: #07151c url(Image/search.png) bottom repeat-x; color: white; } #top-search .inner-box { width: 900px; position: relative; } #top-search fieldset a { width: 200px; margin-top: 6px; text-decoration: underline; display: block; color: white; position: absolute; left: 790px; top: -3px; } /* 'Advanced Search' */ #top-search form { position: absolute; top: 5px; } #top-search input { float: left; } #top-search input#keywords { font-size: 11px; float: left; padding: 2px; margin-right: 4px; height: 15px; border: none; background: white; border: 1px solid black; } /* Keyword search input field */ #top-search label { float: left; margin-left: 10px; } #top-search label.text { } #top-search label.text span.desc { display: none; } /* 'Keywords' */ /* primary -> main content area ----------------------------------------------------------------------------------------------*/ #primary { margin-bottom: 20px; width: 720px; min-height: 760px; float: right; } * html #primary { height: 760px; } #primary #breadcrumbs { } #primary h2 { display: block; margin-top: 10px; width: 100%; } #primary p { padding: 0 20px 5px 10px; } /* secondary ----------------------------------------------------------------------------------------------*/ #secondary { width: 170px; float: left; display: none; } /* Extra side menus */ /* login */ #secondary #login { margin-bottom: 10px; padding: 1px; border: 1px solid #2e7dca; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: white; text-align: center; } #secondary #login .inner-box { padding-bottom: 8px; background: #2b79cb url(Image/search.png) repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #secondary #login h3 { background: none; border: none; } #secondary #login a { color: white; } #secondary #login input { padding: 1px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #secondary #login ul li { background: none; } #secondary #login li.text label { display: none; } /* username and password label fields */ #secondary #login li.text input { margin-bottom: 10px; } /* username AND password input fields */ #secondary #login li.text input#usr { } /* username input field */ #secondary #login li.text input#pwd { } /* password input field */ #secondary #login fieldset.submit input { background: none; padding: 0; border: none; } /* Login button */ #secondary #login li.forgot-link { margin-top: 8px; } /* Forgotten password link */ #secondary #login li.register-link { display: none; } /* Link to register */ #secondary #login fieldset li.checkbox { display: none; } /* Remember me? */ /* mini-basket & mini-enquiry-basket */ .mini-basket { width: 100%; } .mini-basket h3 { padding: 0; height: 30px; } .mini-basket h3 a { color: white; width: 180px; height: 15px; display: block; padding: 7px 10px 8px; } .mini-basket h3 a:hover { background: #333; color: white; } .mini-basket p { padding: 5px 0 5px 10px; } .mini-basket p a { display: none; } .mini-basket ul { padding: 5px 0 5px 10px; } #mini-basket { position: absolute; top: -110px; left: 559px; } #mini-enquiry-basket { position: absolute; top: 10px; left: 760px; } /* secondary -> secondary-links */ #secondary-links { display: none; } #secondary-links .link-box { } #secondary-links ul { } #secondary-links li { background: none; float: left; } /* Space out links */ /* tertiary -- vertical menu on the left ----------------------------------------------------------------------------------------------*/ #tertiary { width: 170px; float: left; } #tertiary h3 { } #tertiary ul { } #tertiary ul li { background: #ededed; border: none; padding: 0; } #tertiary ul li a { display: block; padding: 2px 0 2px 8px; width: 162px; overflow: hidden; background: none; border-bottom: 1px solid #d8d8d8; color: #333; } #tertiary ul li a:hover { text-decoration: none; } #tertiary ul li.location { } #tertiary ul ul { } #tertiary ul ul li { display: none; } #tertiary ul ul li.location { background: none; } /* Stop double location graphic issue */ #tertiary ul ul li a { } #tertiary ul ul li a:hover { background: none; } /* category-nav first-child stuff */ #tertiary ul li:first-child { } #tertiary ul li:first-child a { } #tertiary ul li:first-child a:hover { } #tertiary ul ul li:first-child { } #tertiary ul ul li:first-child a { } #tertiary ul ul li:first-child a:hover { } /* tertiary -> category-nav */ #category-nav { } /* tertiary -> virtual-category-nav */ #virtual-category-nav { padding-top: 29px; background: url(Image/popGifts.png) no-repeat; margin: 10px 0; } /* tertiary -> page-nav */ #page-nav { display: none; } /* tertiary -> tertiary-links */ #tertiary-links { padding-top: 29px; background: url(Image/popGifts.png) no-repeat; margin: 10px 0; width: 170px; float: left; display: none; } /* footer ----------------------------------------------------------------------------------------------*/ #footer { margin-top: 100px; width: 100%; float: left; clear: both; } #footer .ctl { float: left; clear: both; width: 100%; } #footer ul { text-align: center; } #footer li { display: inline; margin: 0 8px; background: none; } #footer #meta { float: left; clear: both; width: 100%; margin-top: 20px; text-align: center; } #footer #back-to-top { display: none; } /* Link back to the top of the page */ /* footer -> bottom links */ #bottom-links { } #bottom-links a { } #bottom-links a:link { } #bottom-links a:visited { } #bottom-links a:active { } #bottom-links a:hover { } /* TARGETED PAGE STYLE ----------------------------------------------------------------------------------------------*/ /* // Page - Body Class //------------------- Home / Index - body.home User Created Page - body.page Category - body.category Product Details - body.product Checkout - body.checkout Basket - body.basket */ body.home #primary { overflow: hidden; } body.home #primary p { font: 16px Arial, Helvetica, sans-serif; margin-bottom: 10px; } /* CONTACT US ----------------------------------------------------------------------------------------------*/ #primary form.datamate { } #primary form.datamate label { padding-top: 5px; display: block; width: 160px; float: left; } #primary form.datamate input { margin-bottom: 10px; } #primary form.datamate textarea { margin-bottom: 10px; } /* Contact form specific tags */ #primary form.datamate .text label { } #primary form.datamate .text input { } #primary form.datamate .email-address label { } #primary form.datamate .email-address input { } #primary form.datamate .web-address label { } #primary form.datamate .web-address input { } #primary form.datamate .postal-code label { } #primary form.datamate .postal-code input { } #primary form.datamate .checkbox label { } #primary form.datamate .checkbox input { } #primary form.datamate .text-box label { } #primary form.datamate .text-box textarea { } /* FAVOURITES ----------------------------------------------------------------------------------------------*/ #primary #favourites .inner-box fieldset { display: none; } /* 'Add all favourites to basket' */ /* LOGIN PAGE ----------------------------------------------------------------------------------------------*/ #primary #login .text label { padding-top: 5px; display: block; width: 100px; float: left; } #primary #login .text input { margin-bottom: 10px; } #primary #login fieldset.submit input { margin-top: 40px; cursor: pointer; } /* REGISTER PAGE ----------------------------------------------------------------------------------------------*/ #primary #register #login-details { width: 400px; } #primary #register #login-details ol li { height: 30px; } #primary #register #login-details ol li label { margin-top: 4px; float: left; clear: left; } #primary #register #login-details ol li input { float: right; clear: right; } #primary #register #login-details ol li em { margin-left: 2px; float: left; } #primary #register #personal-details { width: 400px; } #primary #register #personal-details ol li { height: 30px; } #primary #register #personal-details ol li label { margin-top: 4px; float: left; clear: left; } #primary #register #personal-details ol li input { float: right; clear: right; } #primary #register #personal-details ol li select { float: right; clear: right; } #primary #register #personal-details ol li em { margin-left: 2px; float: left; } /* SEARCH - Advanced Search Page ----------------------------------------------------------------------------------------------*/ #search { display: block; float: left; clear: both; margin-bottom: 20px; } #search fieldset ol { margin-bottom: 50px; } #search fieldset ol li { display: block; margin-bottom: 10px; float: left; clear: both; } #search fieldset label { display: block; width: 180px; float: left; clear: left; } #search fieldset input { display: block; float: left; clear: right; } #search fieldset select { display: block; float: left; clear: right; } #search legend { font-weight: bold; font-size: 16px; margin-bottom: 10px; } /* 'other' search options */ #search fieldset span.other-Enum { display: block; float: left; clear: both; display: none; } #search fieldset span.other-Enum input { display: block; float: left; } /* 'Search results for' */ #primary p.info { float: left; clear: both; font: bold 16px Arial, Helvetica, sans-serif; padding: 0; width: 100%; } #primary p.error { display: none; } /* ERROR message - 'categoryname: Something is wrong!' */ /* SEARCH RESULTS - Advanced Search Page ----------------------------------------------------------------------------------------------*/ #search-results { width: 100%; } #search-results ol li { } #search-results ol li h3 { } #search-results ol li h3 a { } #search-results ol li .body { } /* Product description */ #search-results ol li p.price-box { margin-top: 5px; } /* Price */ #search-results ol li .options { margin: 5px 0; } /* 'Add to basket' button and other options */ /* PRODUCT PAGES ----------------------------------------------------------------------------------------------*/ /* Product list (also present on search results page, keep as class!) */ .product-list { float: left; clear: both; } body.category .back { display: none; } /* 'Back up to' link */ body.category .body { width: 400px; } /* Ensure to overwrite width of #product-list li .body further down! */ /* sub-categories */ #sub-categories { margin-top: 10px; width: 710px; } #sub-categories ul { } #sub-categories ul li { background: none; float: left; text-align: center; margin: 2px; padding: 5px 10px; border: 1px solid #ccc; white-space: nowrap; } #sub-categories ul li a { text-decoration: none; } #sub-categories ul li a:hover { text-decoration: underline; } #sub-categories ul li a img { } #sub-categories ul li a span { display: block; } /* Pagination - next / previous buttons */ .product-list .pagination { display: block; float: left; clear: both; padding: 0 0 10px; width: 100%; } { /* num items, next, previous etc. */ } #primary .product-list .pagination p { float: left; clear: left; margin: 0; padding: 0; } .product-list div.per-page { float: left; clear: right; margin-left: 5px; } /* Number of items per page */ body.category div.body { display: none; } body.category .product-list div.body { display: block; } .product-list .next { margin: 20px 0 5px; } .product-list .next a { background: url(Image/nextButton.png) no-repeat; display: block; width: 47px; height: 19px; border: 1px solid #333; } .product-list .next a:hover { background: url(Image/nextButton.png) no-repeat 0 -19px; } .product-list .next a img { display: none; } /* Hide button image */ .product-list .prev { margin: 5px 0; } .product-list .prev a { background: url(Image/prevButton.png) no-repeat; display: block; width: 76px; height: 19px; border: 1px solid #333; } .product-list .prev a:hover { background: url(Image/prevButton.png) no-repeat 0 -19px; } .product-list .prev a img { display: none; } /* Hide button image */ /* Actual product list */ .product-list h3 { padding: 10px; height: 30px; background: none; border: none; } /* Product name, heading. Font defined in headings section. */ .product-list h3 a { display: block; } /* Product name */ .product-list h3 .pid { display: none; } /* Product code */ .product-list ol { display: block; float: left; clear: both; width: 100%; } .product-list li { background: url(Image/product.png) repeat-x bottom; margin: 0 10px 10px 0; width: 200px; height: 300px; float: left; overflow: hidden; text-align: center; border: 1px solid #ccc; } .product-list li.odd { } .product-list li.even { } .product-list li .image { padding: 10px; } /* Product image */ .product-list li .body { width: 180px; height: 48px; overflow: hidden; padding: 0 10px; } /* Product body text */ /* Product options */ .product-list .options { } /* Add to enquiry/basket/favourites buttons */ .product-list .options .enquiry { } .product-list .options .basket { } .product-list .options .favourites { } /* Moved to account for '1' or 'each' text next to it */ .product-list p { font: 18px Arial, Helvetica, sans-serif; color: #eee; } .product-list p.price-box { margin: 10px 0; color: red; position: relative; left: 12px; } .product-list p.price-box em { color: red; } .product-list p.price-box span.price { color: red; position: relative; left: 2px; padding:2px; } .product-list .pagination p { color: #333; font-size: 12px; } /* PRODUCT DETAILS PAGE ----------------------------------------------------------------------------------------------*/ #product { margin-bottom: 10px; } #product h1 { font-size: 24px; float: left; clear: both; width: 100%; text-indent: 140px; padding: 10px 0 8px; } /* Product header */ #product h1 .pid { position: absolute; top: 26px; left: 50px; color: gray; } /* Product id */ #product h3 { width: 400px; margin: 10px 0; } #product .back { display: none; } #product .image { position: absolute; top: 65px; right: 20px; } #product .image img { display: block; float: right; } #product .body { width: 340px; padding: 0 10px; min-height: 10px; } #product p { margin-top: 20px; width: 380px; } #product table { margin-bottom: 1px; margin-left: 12px; width: 380px; } #product table caption { padding: 5px 0; text-align: left; font-size: 16px; margin: 9px 0 2px; } #product th { padding: 5px 10px; } #product td { padding: 5px 10px; } #product form.small { margin: 0 0; position:absolute; top: 400px; right: 20px; } #product form.small input { } #product form.small input.submit { } #product form.basket { position: absolute; display:block; width: 220px;} #product .small fieldset { display:block; } #product .basket label { display:block; clear:both; display:block; overflow:visible; padding-bottom: 10px;} #product .small label[for="product-select"] { display: none; } #product .small label[htmlFor="product-select"] { display: none; } #product-select { display:none; } #restrictions { display:none; } #product .basket label select { display:none; } /* BASKET ----------------------------------------------------------------------------------------------*/ #basket .steps { margin: 5px 0; } /* basket, checkout, confirm, payment */ #basket .steps a { margin: 0 2px; } /* Space out steps: */ #basket .steps a:hover { text-decoration: none; } #basket .steps span { margin: 0 2px; } #basket .steps input { margin: 0 2px; background: none; border: none; cursor: pointer; color: #174986; } /* confusing breadcrumb button, make it a 'link' */ #basket .steps .current { border-bottom: 1px solid #404040; } /* The current step */ #basket .steps input:hover { color: #404040; } #basket p.warning { font-style: italic; } /* Warning message */ /* Shopping basket table */ #basket table.nc { margin-bottom: 20px; width: 100%; } #basket table.nc tr { padding: 0; } #basket table.nc th { padding: 15px 5px; } #basket table.nc td { padding: 5px; vertical-align: top; } #basket table.nc tr.odd { } #basket table.nc tr.even { } #basket table.nc tr.odd td { background: #fafafa; } #basket table.nc tr.odd input { background: white; border: 1px solid #ededed; } #basket table.nc tr.even input { background: white; border: 1px solid #ededed; } #basket table.nc tbody { padding-bottom: 40px; border-bottom: 1px solid #ededed; } /* above delivery options (i.e. padding below first half of table */ #basket table.nc tfoot { } #basket table.nc tfoot td { vertical-align: middle; } /* Basket table headers */ #basket table.nc thead { color: white; text-transform: uppercase; } #basket #pd { background: black; text-align: left; padding-left: 20px; } /* product title */ #basket #qt { background: black; } /* quantity title */ #basket #pr { background: black; } /* price title */ #basket #ac { background: black; } /* additional costs title */ #basket #lst { background: black; } /* subtotal title */ #basket #rm { background: black; } /* remove title (no text) */ #basket #pr br { display: none; } /* Hide space between 'Price' and '(each)'*/ /* Basket table data */ #basket table.nc tr.odd td.img { background: white; } /* small product image */ #basket td.pd { width: 200px; } /* product description */ #basket td.qt { text-align: center; } /* quantity */ #basket td.pr { text-align: center; } /* price cell */ #basket td.ac { } /* additional costs cell */ #basket td.lst { text-align: center; } /* subtotal cells */ #basket td.rm { text-align: center; } /* remove link cells */ #basket #d { padding: 10px 20px; text-align: right; } /* delivery (title and selection box) */ #basket td.ttop { } /* cell to the right of delivery value */ #basket .select-Link { padding-left: 10px; } /* Drop down payment selection */ #basket #st { padding-right: 20px; text-align: right;} /* subtotal */ #basket #tx { padding-right: 20px; text-align: right; } /* VAT */ #basket #tt { padding-right: 20px; text-align: right; } /* total */ #basket #pay_type { margin-left: 10px; } /* Update button */ #basket table.nc input.submit { background: #404040; border: 1px solid #666; color: white; cursor: pointer; } #basket table.nc input.submit:hover { background: #c6c8ca; border: 1px solid #404040; color: #404040; } #basket .additional { padding-right: 20px; display: none; } /* 'Additional information' box */ #basket .additional li { margin-bottom: 20px; font-weight: bold; } /* Additional information (Payment method, special requirements) */ #basket .additional #pay_type { margin: 0; margin-bottom: 20px; float: right; clear: both; } #basket .additional label { float: right; clear: both; font-weight: bold; } /* Special requirements and payment method labels */ #basket .additional #notes { float: right; clear: both; display: none; } /* Special requirements text area */ /* CHECKOUT ----------------------------------------------------------------------------------------------*/ #checkout { } /* encompassing division */ #checkout p { margin: 10px 0; } #checkout legend { margin-bottom: 10px; font-weight: bold; font: bold 16px Arial, Helvetica, sans-serif; } #checkout li { margin-bottom: 10px; float: left; clear: both; display: block; width: 90%; } #checkout li input { margin-left: 15px; } #checkout li.required em { width: 15px; } /* Required text '*' */ #checkout li.required input { margin-left: 0; } /* Required text input area */ #checkout li.textarea { } /* */ #checkout label { float: left; clear: left; width: 200px; height: 20px; } /* All labels */ #checkout input { width: 220px; } #checkout input.confirm-step { width: auto; cursor: pointer; } #checkout input.submit { width: auto; } #checkout em { float: left; color: red; } /* Hide payment options depending on payment type */ #checkout .paytype-OCI .delivery-address { display: none; } #checkout .paytype-OCI .billing-address { display: none; } #checkout .paytype-OCI #additional { display: none; } #checkout .paytype-OCI #personal-details { display: none; } /* Correct lack of * character on billing address required input */ #checkout .billing-address li input { margin-left: 0; } #checkout .billing-address legend { display: none; } /* Checkout - optional information */ #additional li.textarea label { width: 100%; display: block; float: left; clear: both; } #additional li.textarea textarea { display: block; float: left; clear: both; } #additional li.text label { float: left; clear: left; margin-top: 10px; width: 80px; } #additional li.text input { float: left; clear: right; margin-top: 8px; } #checkout fieldset.submit { float: left; margin-top: 20px; } /* Checkout - artwork upload */ #checkout #additional ol li.file fieldset { display: block; float: left; clear: both; margin: 10px 0; } #checkout #additional ol li.file fieldset label { float: left; clear: left; width: 100%; height: 20px; margin-bottom: 10px; } #checkout #additional ol li.file fieldset label span { float: left; } #checkout #additional ol li.file fieldset label input { float: left; } /* CONFIRM ----------------------------------------------------------------------------------------------*/ /* Correct non-h3 headings (Order no. & Name) */ dl.order-info { } dl.order-info dt { font: 18px Arial, Helvetica, sans-serif; } #checkout input.checkout-step { background: none; border: none; width: auto; } /* Big table headings */ #checkout table.nc { margin-bottom: 20px; } #checkout table.nc tr { padding: 0; } #checkout table.nc th { padding: 15px 5px; } #checkout table.nc td { padding: 5px; vertical-align: top; } #checkout table.nc #pd { } /* products */ #checkout table.nc #qt { } /* quantities */ #checkout table.nc #ist { } /* subtotal */ #checkout table.nc td.tac { text-align: center; } /* quantity data cells */ #checkout table.nc td.tar { text-align: center; } /* subtotal data cells */ #payment fieldset.submit { float: right; margin-right: 20px; } /* Proceed button */ /* MY-ACCOUNT ----------------------------------------------------------------------------------------------*/ /* my-account */ body.account #primary { } /* edit-my-profile */ body.user-details #my-details { } body.user-details #my-details ol li { display: block; height: 20px; margin: 10px 0; } body.user-details #my-details label { float: left; clear: left; width: 160px; } body.user-details #my-details em { float: left; width: 10px; } body.user-details #my-details input { float: left; clear: right; } body.user-details #my-details p.info { margin-bottom: 10px; } body.user-details #my-details fieldset.submit { margin: 10px 0; margin-left: 10px; } body.user-details #my-details legend { display: none; } /* manage-addresses */ body.manage-addresses #addresses ul li { display: block; height: auto; margin-bottom: 10px; } body.manage-addresses #addresses ul .options fieldset { margin: 5px 0; display: none; } body.manage-addresses #addresses ul .options a { margin: 5px 0; padding: 0 5px; } body.manage-addresses #addresses ul .options a.edit { padding-left: 0; } body.manage-addresses #addresses ul .options a.remove { padding-right: 0; border-left: 1px solid #004165; } body.manage-addresses #addresses fieldset p a { padding: 5px; padding-left: 0; background: #004165; color: white; text-decoration: none; border: none; } /* manage-addresses new-address */ body.manage-addresses #new-address fieldset ol li { display: block; width: 380px; height: 20px; margin-bottom: 5px; } body.manage-addresses #new-address fieldset ol li label { float: left; clear: left; width: 160px; } body.manage-addresses #new-address fieldset ol li em { float: left; width: 10px; } body.manage-addresses #new-address fieldset ol li input { width: 200px; float: right; clear: right; } body.manage-addresses #new-address fieldset.submit { margin: 10px 0; margin-left: 10px; } /* manage-addresses edit-address */ body.manage-addresses #edit-address fieldset ol li { margin-bottom: 5px; } body.manage-addresses #edit-address fieldset ol li label { float: left; clear: left; width: 160px; } body.manage-addresses #edit-address fieldset ol li em { float: left; width: 10px; } body.manage-addresses #edit-address fieldset ol li input { float: left; clear: right; } body.manage-addresses #edit-address fieldset.submit { margin: 10px 0; margin-left: 10px; } /* MY-LOGOS ----------------------------------------------------------------------------------------------*/ body.my-logos #primary input.image { border: none; display: none; } body.my-logos #primary ul { } body.my-logos #primary li { background: none; padding: 0; float: left; clear: both; } body.my-logos #primary li span { float: left; } body.my-logos #primary li.select span { clear: both; } body.my-logos #primary li.select label { margin-top: 5px; } body.my-logos #primary li .desc { margin-top: 5px; } body.my-logos #user-gallery li span { float: left; width: 200px; padding: 0; } body.my-logos #user-gallery li span span { float: left; width: 100%; padding: 0; } body.my-logos #user-gallery a { float: left; clear: both; margin: 0 5px 0 0; text-decoration: underline; } body.my-logos small { float: left; } body.my-logos #user-gallery h3 { float: left; clear: both; width: 700px; margin-bottom: 20px; } body.my-logos #user-gallery form { width: 100%; } body.my-logos #user-gallery fieldset { float: left; clear: both; width: 100%; } body.my-logos #user-gallery legend { font-size: 16px; margin: 20px 0 0; display: none; } body.my-logos #user-gallery label { display: block; float: left; clear: both; width: 300px; } body.my-logos #user-gallery label.image-remove input { width: auto; } body.my-logos #user-gallery label span { display: block; float: left; clear: both; } body.my-logos #user-gallery label small { display: block; float: left; clear: right; } body.my-logos #user-gallery input { float: left; clear: both; width: 200px; margin: 5px 0; } body.my-logos #user-gallery fieldset.submit input { width: auto; margin: 10px 0; } body.my-logos .even { } body.my-logos #primary p { margin: 0; padding: 0; } body.my-logos #primary p.msg { margin-top: 20px; width: 100%; } body.my-logos form { float: left; clear: both; } body.my-logos .pagination { display: none; } body.my-logos #technologo-image { margin: 10px 0; float: left; clear: both; } body.my-logos #technologo-image .image { display: block; float: left; clear: both; margin-top: 10px; } body.my-logos #technologo-image small { display: block; float: left; clear: both; } body.my-logos .single-image { margin: 0; padding: 0; } /* ENQUIRY FORM ----------------------------------------------------------------------------------------------*/ #enquiry { margin-left:20px;} #enquiry table { margin-top: 20px; } #enquiry table th { padding: 10px; } #enquiry table td { padding: 10px; } #enquiry a:link { color:#8BEF23;}