/* CSS Reset Stylesheet */
/*----------------------------------------------------*/
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: #999;
*/
/* Generic Content Style
----------------------------------------------------------------------------------------------*/
body { font: 8pt Arial, Helvetica, sans-serif; color: #797979; }
p.error { display: none; } /* ERROR message - 'categoryname: Something is wrong!' */
/* Headings, No general style required. Modify unique header division. */
h2 { font: 14pt Arial, Helvetica, sans-serif; color: #4d4d4d; }
h3 { font: 12pt Arial, Helvetica, sans-serif; color: #1c3759; }
/* Input */
input { background: #fafafa; border: 1px solid #999; }
select { background: #fafafa; border: 1px solid #999; }
textarea { background: #fafafa; border: 1px solid #999; }
/* Tables */
table { }
tr { }
th { }
td { }
/* Anchor elements / links */
a, a:link, a:visited, a:active { text-decoration: none; color: #548cc0; }
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
----------------------------------------------------------------------------------------------*/
/* imageScroller */
#imageScroller { width: 280px; height: 200px; }
/* productReel */
.productReel { margin: 10px 0; width: 770px; overflow: hidden; }
.productReel .productBox { margin: 0 20px 0 0; width: 221px; float: left; text-align: center; overflow: hidden; }
.productReel .productBox .productImage { }
.productReel .productBox a { }
.productReel .productBox img:hover { opacity: 0.6; }
.productReel .productBox .productText { display: none; }
/* magnifier */
#magnifier { height: 150px; white-space: nowrap; padding-left: 20px; position: relative; top: 15px; }
#magnifier img { border: 2px solid #ccc; }
#magnifier img:hover { border: 3px solid #ededed; }
/* scrollBox */
#scrollBox { overflow: auto; float: left; width: 280px; height: 200px; }
#scrollBox h3 { padding: 5px 0; color: #666; background: none; font-weight: bold; }
#scrollBox h3:first { padding-top: 0; }
#bestSellers { position: absolute; top: 180px; left: 21px; width: 160px; }
#bestSellers h3 { margin: 5px 0 10px 13px; font: 14pt Arial, Helvetica, sans-serif; color: #4d4d4d; }
#bestSellers a { float: left; margin: 0 2px 3px; }
#newProducts { position: absolute; top: 400px; left: 21px; width: 160px; }
#newProducts h3 { margin: 5px 0 10px 13px; font: 14pt Arial, Helvetica, sans-serif; color: #4d4d4d; }
#newProducts a { float: left; margin: 0 2px 3px; }
/* Large QOP Divisions
----------------------------------------------------------------------------------------------*/
#wrapper { margin: 0 auto; position: relative; width: 960px; }
#inner-wrapper { width: 960px; position: relative; float:left; bottom: 38px; min-height:100%;}
/* header */
#header { width: 100%; background: url(Image/header.png) -20px 0 no-repeat; float:left; }
#header h1 { width: 100%; position: relative; bottom: 30px; } /* Moved up in order to 'hide' text link */
#header h1:hover { }
#header h1 a { height: 168px; display: block; opacity: 0; }
#header p.logged-in-as { display: none; }
/* top-links */
#top-links { background: url(Image/tabMenu.png) top repeat-x; width: 182px; height: 30px; position: absolute; top: 139px; right: 0; z-index: 2; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#top-links ul { padding-top: 7px; }
#top-links li { padding: 0 20px 0 20px; background: none; float: left; }
#top-links li a { color: #5c5c5c; }
#top-links li a:hover { color: #bababa; }
#top-links li:first-child { }
/* tab-links */
#tab-links { width: 958px; background: url(Image/tabMenu.png) repeat-x; height: 38px; position: relative; bottom: 29px; border-left: 1px solid #ccc; }
#tab-links ul { width: 938px; position: relative; left: 187px; height: 29px; border-left: 1px solid #ccc; padding-left: 20px; }
#tab-links ul li { background: none; margin-left: 5px; padding: 0; float: left; }
#tab-links li.currentPage { background: black; }
#tab-links li:first-child { }
#tab-links li a { height: 16px; display: block; float: left; padding: 0 8px; padding-top: 6px; color: #5c5c5c; }
#tab-links li a:hover { color: #bababa; }
#tab-links li.location { } /* The current location */
#tab-links li.location a { } /* */
/* top-search */
#top-search { background: #ddd url(Image/search.png) repeat-x; width: 173px; height: 171px; padding-left: 9px; position: absolute; top: 168px; right: 1px; z-index: 10; border-bottom: 1px solid #ccc; }
#top-search .inner-box { }
#top-search h3 { margin-top: 5px; margin-left: 10px; font: 14pt Arial, Helvetica, sans-serif; color: #4d4d4d; }
#top-search a { float: left; clear: both; margin-left: 12px; text-decoration: underline; display: block; width: 100px; } /* 'Advanced Search' */
#top-search form { }
#top-search input { font-size: 11px; float: left; margin: 8px 12px; padding-left: 3px; border: 1px solid #cbcbcb; background: white; } /* Keyword search input field */
#top-search input#keywords { } /* Keyword search input field */
#top-search input.submit { float: left; color: white; cursor: pointer; width: 117px; padding-bottom: 0px; padding-left: 0px; height: 25px; background: url(Image/pagination.png) no-repeat; background-position: -265px 0px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Search button */
#top-search input.submit:hover { background-position: -480px 0px; cursor: pointer; }
#top-search label.text { }
#top-search label.text span.desc { float: left; margin-top: 5px; margin-left: 12px; } /* 'Keywords' */
/* primary -> main content area */
#primary { width: 588px; float: left; position: absolute; left: 188px; }
#primary #breadcrumbs { padding: 5px 10px; }
#primary .back { display: none; }
#primary h2 { padding-top: 10px; }
#primary p { }
/* secondary */
#secondary { width: 182px; height: 100%; float: right; border: 1px solid #ccc; border-top: none; border-bottom: none; position: relative; } /* 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; display: none; }
#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 { display: none; }
#mini-enquiry-basket { display: none; }
/* secondary -> secondary-links */
#secondary-links { margin-top: 170px; }
#secondary-links h3 { padding-top: 10px; width: 100%; text-align: center; margin-bottom: 9px; font: 14pt Arial, Helvetica, sans-serif; color: #4d4d4d; }
#secondary-links .link-box { width:130px;}
#secondary-links ul { margin-top: -10px; }
#secondary-links li { width: 65px; background: none; display: inline-block; zoom: 1; float: left; } /* Space out links */
* html #secondary-links li { display:inline; } /* for IE 6 */
* + html #secondary-links li { display:inline; } /* for IE 7 */
#secondary-links li.one.a { width: 183px; padding: 0; margin: 0; }
#secondary-links li.two.c { width: 183px; padding: 0; margin: 0; }
/* tertiary -- vertical menu on the left */
#tertiary { width: 186px; height: 100%; float: left; border: 1px solid #ccc; border-top: none; border-bottom: none; }
#tertiary h3 { margin-top: 0px; width:100%; text-align:center; margin-bottom: 0px; font: 14pt Arial, Helvetica, sans-serif; color: #4d4d4d; }
#tertiary ul { margin-top: -10px; }
#tertiary ul li { background: none; margin: 0; padding: 0; white-space: nowrap; padding: 2px 0px}
#tertiary ul li a { padding: 0; padding-top: 0px; padding-left: 8px; height: 17px; display: block; }
#tertiary ul li a:hover { text-decoration: none; }
#tertiary ul li.location { }
#tertiary ul ul { margin-left: 8px; margin-bottom: 8px; }
#tertiary ul ul li { background: none; border: none; }
#tertiary ul ul li.location { background: none; } /* Stop double location graphic issue */
#tertiary ul ul li a { padding-top: 2px; overflow: hidden; color: #797979; }
#tertiary ul ul li a:hover { }
/* category-nav first-child stuff */
#tertiary ul li:first-child { padding: 0px; }
#tertiary ul li:first-child a { }
#tertiary ul li:first-child a:hover { }
#tertiary ul ul li:first-child { margin-top: 4px; }
#tertiary ul ul li:first-child a { }
#tertiary ul ul li:first-child a:hover { }
/*SIDEBAR 1 LINKS AKA CATEGORY LINKS*/
#tertiary .side-link-decanters, .side-link-decanters a, .side-link-decanters a:link, .side-link-decanters a:visited, .side-link-decanters a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-tankards, .side-link-tankards a, .side-link-tankards a:link, .side-link-tankards a:visited, .side-link-tankards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-goblets-flutes, .side-link-goblets-flutes a, .side-link-goblets-flutes a:link, .side-link-goblets-flutes a:visited, .side-link-goblets-flutes a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-whisky-tumblers-highballs, .side-link-whisky-tumblers-highballs a, .side-link-whisky-tumblers-highballs a:link, .side-link-whisky-tumblers-highballs a:visited, .side-link-whisky-tumblers-highballs a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-recycled-glass, .side-link-recycled-glass a, .side-link-recycled-glass a:link, .side-link-recycled-glass a:visited, .side-link-recycled-glass a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-wood-gift-sets, .side-link-wood-gift-sets a, .side-link-wood-gift-sets a:link, .side-link-wood-gift-sets a:visited, .side-link-wood-gift-sets a:active { margin-left: 7px; color: #666666; }
#tertiary .even.a.side-link-bowls-vases, .even.a.side-link-bowls-vases a, .even.a.side-link-bowls-vases a:link, .even.a.side-link-bowls-vases a:visited, .even.a.side-link-bowls-vases a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-loving-cups-giftware, .side-link-loving-cups-giftware a, .side-link-loving-cups-giftware a:link, .side-link-loving-cups-giftware a:visited, .side-link-loving-cups-giftware a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-presentation-bowls-vases, .side-link-presentation-bowls-vases a, .side-link-presentation-bowls-vases a:link, .side-link-presentation-bowls-vases a:visited, .side-link-presentation-bowls-vases a:active { margin-left: 7px; color: #666666; }
#tertiary .even.b.side-link-desktop-gifts, .even.b.side-link-desktop-gifts a, .even.b.side-link-desktop-gifts a:link, .even.b.side-link-desktop-gifts a:visited, .even.b.side-link-desktop-gifts a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-plates-curved-plaques, .side-link-plates-curved-plaques a, .side-link-plates-curved-plaques a:link, .side-link-plates-curved-plaques a:visited, .side-link-plates-curved-plaques a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-picture-frames, .side-link-picture-frames a, .side-link-picture-frames a:link, .side-link-picture-frames a:visited, .side-link-picture-frames a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-wall-display-plaques, .side-link-wall-display-plaques a, .side-link-wall-display-plaques a:link, .side-link-wall-display-plaques a:visited, .side-link-wall-display-plaques a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-edinburgh-crystal, .side-link-edinburgh-crystal a, .side-link-edinburgh-crystal a:link, .side-link-edinburgh-crystal a:visited, .side-link-edinburgh-crystal a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-waterford-crystal, .side-link-waterford-crystal a, .side-link-waterford-crystal a:link, .side-link-waterford-crystal a:visited, .side-link-waterford-crystal a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-mario-cioni, .side-link-mario-cioni a, .side-link-mario-cioni a:link, .side-link-mario-cioni a:visited, .side-link-mario-cioni a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-shire-crystal, .side-link-shire-crystal a, .side-link-shire-crystal a:link, .side-link-shire-crystal a:visited, .side-link-shire-crystal a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-recycled-awards, .side-link-recycled-awards a, .side-link-recycled-awards a:link, .side-link-recycled-awards a:visited, .side-link-recycled-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-optic-awards-gifts, .side-link-optic-awards-gifts a, .side-link-optic-awards-gifts a:link, .side-link-optic-awards-gifts a:visited, .side-link-optic-awards-gifts a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-star-awards, .side-link-star-awards a, .side-link-star-awards a:link, .side-link-star-awards a:visited, .side-link-star-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-globe-awards, .side-link-globe-awards a, .side-link-globe-awards a:link, .side-link-globe-awards a:visited, .side-link-globe-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-sports-awards, .side-link-sports-awards a, .side-link-sports-awards a:link, .side-link-sports-awards a:visited, .side-link-sports-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-granite-aluminium-awards, .side-link-granite-aluminium-awards a, .side-link-granite-aluminium-awards a:link, .side-link-granite-aluminium-awards a:visited, .side-link-granite-aluminium-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-crystaledge-awards, .side-link-crystaledge-awards a, .side-link-crystaledge-awards a:link, .side-link-crystaledge-awards a:visited, .side-link-crystaledge-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .side-link-jade-clear-flat-glass-awards, .side-link-jade-clear-flat-glass-awards a, .side-link-jade-clear-flat-glass-awards a:link, .side-link-jade-clear-flat-glass-awards a:visited, .side-link-jade-clear-flat-glass-awards a:active { margin-left: 7px; color: #666666; }
#tertiary .even.a.side-link-colour-printed-products, .even.a.side-link-colour-printed-products a, .even.a.side-link-colour-printed-products a:link, .even.a.side-link-colour-printed-products a:visited, .even.a.side-link-colour-printed-products a:active { margin-left: 7px; color: #666666; }
#tertiary .even.c.side-link-presentation-boxes, .even.c.side-link-presentation-boxes a, .even.c.side-link-presentation-boxes a:link, .even.c.side-link-presentation-boxes a:visited, .even.c.side-link-presentation-boxes a:active { margin-left: 7px; color: #666666; }
/*----------------------------------------------------------------------------------------------------------*/
/* tertiary -> category-nav */
#category-nav { display: none; }
/* tertiary -> virtual-category-nav */
#virtual-category-nav { }
/* tertiary -> page-nav */
#page-nav { display: none; }
/* tertiary -> tertiary-links */
#tertiary-links { margin: 10px 0; width: 170px; height: 400px; float: left; }
/* footer */
#footer { margin: 0; width: 958px; height: 71px; clear: both; background: url(Image/footer.png) no-repeat; position: relative; bottom: 38px; border: 1px solid #ccc; border-bottom: none; }
#footer .content { }
#footer ul { text-align: center; }
#footer li { display: inline; margin: 0 8px; background: none; }
#footer #meta { text-align: center; }
#footer #back-to-top { display: none; } /* Link back to the top of the page */
#footer p {display:none;}
/* footer -> bottom links */
#bottom-links { margin-top: 2px; }
#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
Advanced Search - body.advanced-search
*/
body.home #primary { height: 780px; }
body.product #primary { height: 780px; }
body.page #primary { height: 780px; }
body.supplies-services-instruction-sheets-pdf-catalogue-pages #primary {height: 1020px; }
body.checkout #primary { height: 950px; }
body.category #secondary { border-bottom: 1px solid #ccc; }
body.category #tertiary { border-bottom: 1px solid #ccc; border-right: none; }
body.category #primary { border-left: 1px solid #ccc; height: 1365px;}
body.category #primary .inner-content { }
body.category #primary #breadcrumbs { }
body.category #primary h2 { padding: 32px 0 25px; z-index: 100; display: block; float: left; background: url(Image/categoryH3.png) repeat-x; width: 588px; text-align: center; }
body.category #top-search { height: 152px; }
body.product #primary .inner-content { }
body.product #primary h2 { padding: 32px 0 25px; z-index: 100; display: block; float: left; background: url(Image/blueBar.jpg) repeat-x; width: 588px; height: 100px; text-align: center; }
body.product #top-search { height: 153px; }
body.page #primary p { margin: 0 20px;}
body.page #primary ul { margin: 0 20px; }
body.page #primary table { margin: 0 20px; }
body.page #primary h2 { padding: 8px 0 8px 0px; z-index: 100; text-align: center; display: block; float: left; clear: both; background: url(Image/categoryH3.png) repeat-x; width: 590px; }
body.shopping-basket #primary p { margin: 0; }
body.shopping-basket #primary ul { margin: 0; }
body.shopping-basket #primary table { margin: 0; }
body.checkout #primary p { margin: 0; }
body.log-in #primary #login { float: left; clear: both; margin: 10px 20px; }
body.register #primary p { margin: 0 0px; }
body.register #primary .body p { margin: 0 20px; }
body.register #primary ul { margin: 0 20px; }
body.register #primary table { margin: 0 20px; }
body.register #primary { height: 1100px;}
body.register #primary .info { margin-bottom: 10px;}
/*FORGOTTEN PASSWORD
----------------------------------------------------------------------------------------------*/
#request-new-pwd { clear: both; }
#request-new-pwd legend { padding-top: 10px; padding-bottom: 10px; padding-left: 13px;}
#request-new-pwd p { padding-top: 10px; padding-bottom: 10px; margin-left: 10px;}
#request-new-pwd ol { padding-top: 10px; padding-bottom: 10px; margin-left: 10px;}
#request-new-pwd li { padding-top: 10px; padding-bottom: 10px; margin-left: 10px;}
#request-new-pwd input { margin-left: 19px;}
/* 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 { }
body.contact-us #primary { height: 3200px; }
/* FAVOURITES
----------------------------------------------------------------------------------------------*/
#primary #favourites .inner-box fieldset { display: none; } /* 'Add all favourites to basket' */
/* LOGIN PAGE
----------------------------------------------------------------------------------------------*/
#primary #login { margin-left: 20px; padding-top: 20px; width: 80%; }
#primary #login h3 { display: none; }
#primary #login a { font-size: 12px; }
#primary #login .text { margin-bottom: 10px; }
#primary #login .text label { padding-top: 5px; display: block; width: 100px; float: left; font-size: 12px; }
#primary #login .text input { width: 150px; }
#primary #login .checkbox { margin-top: 15px; }
#primary #login .checkbox label { font-size: 12px; }
#primary #login .checkbox input { border: none; }
#primary #login fieldset.submit input { margin-top: 20px; cursor: pointer; }
#primary #login ul { margin: 10px 0 0; padding: 0; }
#primary #login ul li { background: none; padding: 0; margin: 0 0 5px 0;}
/* REGISTER PAGE
----------------------------------------------------------------------------------------------*/
#primary #register { margin: 20px 0 0 20px; }
#primary #register legend { visibility: hidden; }
#primary #register fieldset#login-details { width: 400px; }
#primary #register fieldset#login-details ol li { height: 30px; margin: 0; }
#primary #register fieldset#login-details ol li label { margin-top: 4px; float: left; clear: left; }
#primary #register fieldset#login-details ol li input { float: right; clear: right; width: 160px; }
#primary #register fieldset#login-details ol li em { margin-left: 2px; float: left; }
#primary #register fieldset#personal-details { width: 400px; }
#primary #register fieldset#personal-details ol li { height: 30px; }
#primary #register fieldset#personal-details ol li.select { height: 60px; display: none; }
#primary #register fieldset#personal-details ol li label { margin-top: 4px; float: left; clear: left; }
#primary #register fieldset#personal-details ol li span { display: block; float: left; clear: both; }
#primary #register fieldset#personal-details ol li input { float: right; clear: right; width: 160px; }
#primary #register fieldset#personal-details ol li select { float: right; clear: right; width: 160px; }
#primary #register fieldset#personal-details ol li em { margin-left: 2px; float: left; }
#primary #register fieldset.submit { margin-top: 10px; }
#primary #register li.org-type-item {display: none;}
/* SEARCH - Advanced Search Page
----------------------------------------------------------------------------------------------*/
#search { display: block; margin-bottom: 20px; margin-left: 20px; padding: 20px 0 0 0; float: left; clear: both; }
#search fieldset ol { margin-bottom: 50px; }
#search fieldset ol li { display: block; margin-bottom: 10px; float: left; clear: both; }
#search fieldset form { 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 fieldset.submit { margin-top: 10px; }
#search legend { font-weight: bold; font-size: 16px; margin-bottom: 10px; display: none; }
/* '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' */
.advanced-search p.info { display: block; float: left; clear: both; font: bold 16px Arial, Helvetica, sans-serif; padding: 0; width: 90%; }
.advanced-search p.error { display: none; } /* ERROR message - 'categoryname: Something is wrong!' */
/* SEARCH RESULTS - Advanced Search Page
----------------------------------------------------------------------------------------------*/
#search-results { float: left; clear: both; }
#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: 0; margin-top: 5px; } /* Price */
#search-results ol li .options { margin: 5px 0; } /* 'Add to basket' button and other options */
/* PRODUCT PAGES
----------------------------------------------------------------------------------------------*/
/* Product list - Also on search results page */
.product-list { float: left; clear: both; }
/* sub-categories */
#sub-categories { margin-top: 10px; border-right: 1px solid #ccc; min-height: 800px; }
#sub-categories ul { }
#sub-categories ul li { background: none; float: left; text-align: center; padding: 5px 10px; border: 1px solid #ccc; border-left: none; 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 { background: url(Image/pagination.png) no-repeat; color: white; display: block; float: left; clear: both; padding: 15px 0 10px; padding-left: 30px; width: 558px; } { /* num items, next, previous etc. */ }
.product-list .pagination p { float: left; padding: 0; }
.product-list div.per-page { display: none; } /* Number of items per page */
.product-list a { margin-right: 10px; }
.product-list .next { float: right; }
.product-list .next a { background: url(Image/nextButton.gif) no-repeat; display: block; width: 57px; height: 24px; }
.product-list .next a:hover { }
.product-list .next a img { display: none; } /* Hide button image */
.product-list .prev { float: right; }
.product-list .prev a { background: url(Image/prevButton.gif) no-repeat; display: block; width: 57px; height: 24px; }
.product-list .prev a:hover { }
.product-list .prev a img { display: none; } /* Hide button image */
/* Actual product list */
.product-list h3 { margin: 0; padding: 5px 0 5px; background: none; border: none; font: 10pt Arial, Helvetica, sans-serif; } /* Product name, heading, specific font */
.product-list h3 a { display: block; width: 185px; height: 36px; padding: 0 5px; overflow: hidden; } /* Product name */
.product-list h3 .pid { color: #4da9ff; } /* Product code */
.product-list ol { display: block; float: left; clear: both; width: 588px; }
.product-list li { width: 195px; height: 290px; float: left; overflow: hidden; text-align: center; border: 1px solid #ccc; border-left: none; border-top: none; }
.product-list li.odd { }
.product-list li.even { }
.product-list li .image { padding: 5px 0; position: relative; left: 5px; } /* Product image */
.product-list li .body { height: 63px; overflow: hidden; padding: 0 5px; font: 10pt Arial, Helvetica, sans-serif; } /* Product body text */
/* Product options */
.product-list .options { display: none; } /* 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.price-box { margin: 10px 0; font: 18px Arial, Helvetica, sans-serif; color: white; border-top: 1px solid #ccc; padding: 8px 0 0 35px; width: 160px; }
.product-list p.price-box em { color: #377aba; }
.product-list p.price-box span.price { color: #377aba; }
/* PRODUCT DETAILS PAGE
----------------------------------------------------------------------------------------------*/
#product { margin-bottom: 10px; }
#product h2 { display: block; float: left; clear: both; margin-bottom: 10px; font-size: 14pt; font-weight: normal; } /* Product header */
#product h2 .pid { color: #4eaeff; } /* Product id */
/* General table formatting */
#product table { display: block; margin-top: 1px; border: 1px solid #ededed; width: 300px; }
#product table th { padding: 5px 0 0 10px; background: #fafafa; text-align: left; }
#product table td { padding: 5px; }
/* Product message ('successfully added to basket' etc.) */
#product p.msg { margin: 10px 20px; font-size: 16px; font-weight: bold; }
/* Product description */
#product .body { padding: 10px; width: 278px; display: block; float: left; border: 1px solid #ededed; }
/* Product image */
#product .image { float: left; display: block; margin-right: 10px; }
#product .image a { }
#product .image a img { }
/* item-info */
#product .item-info { float: left; }
#product .item-info .commodity-code { display: none; }
#product .item-info .dimensions th { width: 83px; }
/* Price box */
#product p.price-box { float: left; margin-top: 1px; padding: 5px 10px; border: 1px solid #ededed; width: 278px; display: none; }
#product p.price-box em { display: none; }
#product p.price-box span { }
/* Lead Time */
#product .item-info .lead-time { display: none; }
/* Product stock level */
#product p.stock { float: left; margin-top: 1px; padding: 5px 10px; border: 1px solid #ededed; width: 278px; }
/* Product options */
#product .options { float: left; margin-left: 10px; margin-top: 2px; width: 300px; position: relative; }
#product .options h3 { display: none; } /* Hide 'instant quote!' text */
#product .options form { background: none; }
#product .options fieldset { background: none; }
#product .options label { float: left; clear: both; margin: 5px 0; font-weight: bold; }
#product .options input { float: left; clear: both; min-width: 50px; }
#product .options input.submit { width: auto; }
#product .options select { float: left; clear: both; min-width: 200px; }
#product .options span { float: left; clear: both; }
#product .options p { float: left; clear: both; }
#product .options span.desc { } /* All label text */
#product .options form.basket .product-variations-wrap { } /* Product variations e.g. t-shirt sizes */
/* Specific buttons */
#product .options .basket { }
#product .options .basket input.submit { float: left; clear: left; position: relative; top: 10px; } /* Add to basket button */
#product .options .basket label { }
#product .options .enquiry { position: absolute; bottom: -40px; left: 100px; display: none; } /* Add to Enquiry */
#product .options .favourites { position: absolute; bottom: 0; left: 200px; display: none; } /* Add to Favourites */
#product .options p.small { position: absolute; bottom: 0; left: 300px; display: none; } /* Virtual Sample */
/* Results */
#product .options .results { float: left; clear: both; }
#product .options .results .calculate { float: left; clear: both; } /* 'Calculate' button */
#product .options .results .total { float: left; clear: both; margin: 10px 0; } /* Resulting total after pressing 'Calculate' */
/* Discounts table */
#product .discounts { width: 300px; float: left; }
/* Quantity validation text */
#product #qty-validation { margin: 10px 0; }
#product .back { } /* 'Back up to' link */
#product .options .info-link { display: none; } /* info-link 'i' popups */
/* Related items */
#product .related { float: left; clear: both; margin-top: 20px; width: 100%; }
#product .related h3 { border: 1px solid #ccc; border-left: none; border-right: none; padding: 10px 0; padding-left: 20px; }
#product .related ul { margin-top: 10px; }
#product .related ul li { margin: 0; padding: 5px; background: none; float: left; width: 100px; height: 80px; text-align: center; }
#product .related ul li a img { float: left; clear: both; }
#product .related ul li a span { float: left; clear: both; display: block; width: 100px; }
/* BASKET
----------------------------------------------------------------------------------------------*/
.steps { margin: 5px 0; } /* basket, checkout, confirm, payment */
.steps a { margin: 0 2px; } /* Space out steps: */
.steps a:hover { text-decoration: none; }
.steps span { margin: 0 2px; }
.steps input { margin: 0 2px; background: none; border: none; cursor: pointer; color: #174986; } /* confusing breadcrumb button, make it a 'link' */
.steps .current { border-bottom: 1px solid #404040; } /* The current step */
.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: 5px 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 { text-transform: uppercase; }
#basket #pd { text-align: left; padding-left: 20px; } /* product title */
#basket #qt { } /* quantity title */
#basket #pr { } /* price title */
#basket #ac { } /* additional costs title */
#basket #lst { } /* subtotal title */
#basket #rm { } /* 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: #4bb1ff; border: 2px solid #d3cdcd; color: white; cursor: pointer; }
#basket table.nc input.submit:hover { }
#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 { margin-left: 20px; margin-top: 20px; } /* encompassing division */
#checkout p { margin: 10px 0; }
#checkout p.info { width: 100%; float: none; }
#checkout legend { margin-bottom: 10px; font-weight: bold; }
#checkout li { margin-bottom: 10px; }
#checkout li input { margin-left: 0x; }
#checkout li.required em { width: 15px; margin-left: -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 { }
#checkout em { float: left; }
/* 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 - 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; }
/* Big table headings */
#checkout table.nc #pd { } /* products */
#checkout table.nc #qt { } /* quantities */
#checkout table.nc #ist { padding-left: 5px; } /* 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.my-account #primary { }
body.my-account #sub-pages { float: left; clear: both; margin-top: 20px; }
body.my-account #sub-pages ul { float: left; clear: both; }
body.my-account #sub-pages li { float: left; clear: both; width: 400px; margin-bottom: 2px; background: none; padding: 0; }
body.my-account #sub-pages li ul { margin: 5px 0 0; padding: 0; float: left; clear: both; position: relative; right: 20px; margin-left: 20px;}
/* edit-my-profile */
body.user-details #my-details { margin-left: 20px; }
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.my-addresses #addresses { padding-top: 20px; width: 588px; height: 800px; overflow: auto; float: left; clear: both; display: block; }
body.my-addresses #addresses p.msg { margin-top: 10px; margin-bottom: 10px; margin-left: 0; margin-right: 0; }
body.my-addresses #addresses fieldset { float: left; margin-left: 20px;}
body.my-addresses #addresses ul li { display: block; height: auto; margin-bottom: 10px; padding: 0; }
body.my-addresses #addresses ul .options { margin-left: 20px; }
body.my-addresses #addresses ul .options fieldset { margin: 5px 0; display: none; }
body.my-addresses #addresses ul .options a { margin: 5px 0; padding: 0 5px; }
body.my-addresses #addresses ul .options a.edit { padding-left: 0; }
body.my-addresses #addresses ul .options a.remove { padding-right: 0; border-left: 1px solid #004165; }
body.my-addresses #addresses fieldset p a { padding: 5px; padding-left: 0; background: #004165; color: white; text-decoration: none; border: none; }
body.my-addresses #addresses input { }
/* manage-addresses new-address */
body.my-addresses #new-address fieldset ol li { display: block; width: 380px; height: 20px; margin-bottom: 5px; }
body.my-addresses #new-address fieldset ol li label { float: left; clear: left; width: 160px; }
body.my-addresses #new-address fieldset ol li em { float: left; width: 10px; }
body.my-addresses #new-address fieldset ol li input { width: 200px; float: right; clear: right; }
body.my-addresses #new-address fieldset.submit { margin: 10px 0; margin-left: 10px; }
/* manage-addresses edit-address */
body.my-addresses #edit-address fieldset ol li { margin-bottom: 5px; }
body.my-addresses #edit-address fieldset ol li label { float: left; clear: left; width: 160px; }
body.my-addresses #edit-address fieldset ol li em { float: left; width: 10px; }
body.my-addresses #edit-address fieldset ol li input { float: left; clear: right; }
body.my-addresses #edit-address fieldset.submit { margin: 10px 0; margin-left: 10px; }
/* manage past order my-orders */
#my-orders {float:left;}
#my-orders form {margin: 20px;}
#my-orders #sort-by {margin-left: 55px;}
#my-orders input.submit { margin-bottom: -5px; padding-top: 10px;}