/* Reset */ body { color: #000; background: #1f8ec3; } * { /* normalise margin, padding, typography */ margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline; } ol, ul { list-style: none outside; } /* remove bullets by default, only desirable under the .body-text class */ table.nc { border-collapse: collapse; border-spacing: 0; } /* collapse space between table cells by default. 'nc' is a special class for tables written out by the template and not by the wysiwyg editor */ fieldset, img { border: 0; } q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */ /* Layout ------------------------------------------------------------------------------------*/ html, body { text-align: center; background: url(../static/Image/bg-sky.jpg) repeat-x top center; color: #333; } #wrapper { /* this wraps everything inside the tag */ text-align: left; margin: 0 auto; min-height: 100%; font-size: 100%; padding-bottom: 16px; position: relative; z-index: 1; width: 870px; background: #fff; border: 16px solid #fff; border-width: 0 16px; } #header { position: relative; } #header h1 { line-height: 0; padding: 0; margin: 0; width: 870px; overflow: hidden; } #header h1 a img { display: block; /* removes gaps under images */ } #inner-wrapper { /* this wraps the main content blocks, useful with float clearing methods for background images etc */ overflow: hidden; font-size: 11px; margin: 0; padding: 0; background: #fff; } #primary { background: #fff; float: left; width: 100%; padding: 16px 0; margin: 0; } #primary .content { margin: 0 20.5%; min-height: 600px; padding: 0; overflow: visible; } #primary .inner-content { overflow: visible; margin: 0; width: 100%; } #secondary { float: left; width: 19%; padding: 16px 0 0; margin: 0 0 0 -19%; } #tertiary { float: left; width: 19%; padding: 16px 0 0; margin: 0 0 0 -100%; } #footer { margin: 0 0; padding: 12px 16px 4px; clear: both; position: relative; font-size: 11px; background:#9dd5f8 ; border-bottom: 1px solid #d0e28c; } #footer p { margin: 0; } .content { /* a generic helper wrapper inside each main content block, best used in the context of its parent eg. #primary .content {} */ margin: 0; /* using margin means we can apply 100% width to boxes inside without layout breaking */ } /* Boxes - specific section styling ------------------------------------------------------------------------------------*/ /* =box */ .box { /* set basic styles for all .box sections, then over-ride as necessary */ padding: 0 0 16px; } /* =primary =box */ .primary .box, .primary .inner-box { background: none; padding: 0; margin: 0; border: 0; } /* =table (tables that ARE NOT user submitted content via FCKin editor */ .nc { border: 1px solid #d0e28c; border-width: 1px; width: 99.8%; margin: 0.81em 0; } .nc td, .nc th { padding: 2px 3px; margin: 0; line-height: 1.205em; } .nc th { font-weight: bold; } .nc thead th { background: #fff; color: #333; border-bottom: 1px solid #ddd; } .nc tfoot th, .nc tfoot td { border-top: 1px solid #ddd; } .nc tbody td { padding: 8px 3px; } .nc .tac { text-align: center; } .nc .tar { text-align: right; padding-right: 6px; } .nc .tal { text-align: left; } .nc .odd { background: #fff; } .nc .even{ background: #fcfcfc; } /* =basket =steps */ .steps { padding: 0.81em 0; text-align: center; } .steps * { margin: 0 8px; background: none; border: 0; padding: 0; } .steps input, .steps button, .steps a { text-decoration: underline; color: #000; } /* =basket */ #primary #enquiry-basket fieldset, #primary #basket fieldset { width: 100%; margin: 0; padding: 0; } .basket .nc { margin: 1.62em 0; } .basket #pd { width: 50%; } .basket #rm { width: 12%; } .basket input.submit { margin: 0; } .basket fieldset.submit a, .basket fieldset.submit input { margin: 0 8px; } /* =nav =back */ .back, fieldset.submit { clear: both; border-top: 1px solid #d0e28c; line-height: 1.62em; padding: 0.81em 0; text-align: center; margin-bottom: 1.82em; } /* =news */ #news { background: none; } #news * { background: none; } #news .inner-box { padding: 0; } #news li { padding: 0.81em 0; overflow: hidden; } #news h3 a { padding: 0 0 0.2em; font-weight: bold; text-transform: small-caps; border-bottom: 1px solid #d0e28c; display: block; } #news img { float: left; margin: .81em 16px 0.81em 0; } /* =links =top */ #top-links { position: absolute; z-index: 600; right: 0; top: 0; text-align: right; background: none; width: 14em; margin-top: 16px; } #top-links a { padding-left: 22px; } /* leave room for background image */ #top-links li { float:right; display:block; margin:0; width: 7em; } #top-links a { color:#fff; background:#1f8ec3; padding:4px 10px 5px 10px; margin:0 1px 0 0; border-top:1px solid #9ebcf0; border-bottom:2px solid #9ebcf0; border-left:2px solid #9ebcf0; border-right:2px solid #9ebcf0; height:20px; line-height:20px; display:block; float:none; clear:both; } #top-links a:link ,#top-links a:visited { color:#fff; } #top-links a:hover { border-top:1px solid #fff; } /* =links =tabs */ #tab-links { background: none; clear: both; } #tab-links li { display: inline; } #tab-links a { padding: 0.21em; } #tab-links { padding:6px 6px 5px; border-bottom:5px solid #f58025; } #tab-links a { background:#1f8ec3; position: relative; z-index: 600; font-size: 12px; color:#fff; margin-right:5px; padding:4px 10px; } #tab-links .location a, #tab-links .location .location a , #tab-links .location ul a { border:2px solid #f58025; border-bottom:0; padding-bottom:10px; padding-top:8px; background:#f58025; font-size: 12px; color:#fff; } /* =nav =breadcrumbs */ #primary #breadcrumbs { font-size: x-small; background: none; margin: 0 0 0.4em; } /* =nav =subcats */ #sub-categories { width: 100%; } /* these may have an associated image */ #sub-categories li { display: inline; padding: 0; margin-right: 16px; } #sub-categories a img { padding: 4px; border: 1px solid #999; background: #fff; vertical-align: middle; } #sub-categories li { margin:0 0 10px 0; padding: 0; display:block; overflow: hidden; width:24.9%; float:left; height:190px; text-align:center; font-weight:bold; } #sub-categories li.one { clear: left; } #sub-categories li img { margin: 0 auto 5px; width: 92%; display: block; } /* =nav =subpages */ #sub-pages { text-align: center; } #sub-pages .inner-box { margin: 0; padding: 0 8px; } #sub-pages ul { padding: 0; margin: 0; } #sub-pages li { display: inline; padding: 0; margin: 0 8px; line-height: 1.41em; } #sub-pages li li { display: none; } #sub-pages a { padding: 0.2em; white-space: nowrap; } /* =sidebar =nav */ .sidebar ul, #login ul { list-style: disc outside; } .sidebar li, #login ul li { clear: both; color: #fff; padding: 0.25em 0; } .sidebar a { display: block; line-height: 1.2em; } #login ul a { padding: 0; text-align: center; display: block; width: 100%; line-height: 1.2em; } .sidebar .box ul li { margin:0; border-bottom:1px dotted #d0e28c; } .sidebar .box ul li a { padding-left:0.5em; } .sidebar .box li li { margin-left:1em; border:0; } .sidebar .box { border:1px solid #1f8ec3; width: auto; margin-bottom:10px; background:#bdbec0; } .sidebar .box h3 { font-size: 12px; background: #1f8ec3; color: #fff; padding: 4px; border-bottom: 1px solid #600; } .sidebar .box ul li.location { background:#3e9fd4; } .sidebar .box li a { color:#000; } .sidebar .link-box { color:#000; } /* =links */ .links { background: none; } .links .inner-box { margin: 0; padding: 0; } .links ul { list-style: none; margin: 0; padding: 0; } .links li { margin: 0; padding: 0; display: block; } .links img { display: block; margin: 0 auto; max-width: 100%; } .links a.link { /* use the .link class if just image and text. HTML box has .body styling */ text-align: center; display: block; line-height: 1.2em; overflow: hidden; } .links .description { padding: 0.4em 0; display: block; width:auto; text-align:center; } /* =links =bestsellers */ #primary .links { text-align: center; } #primary .links li { float: left; width: 32%; margin-right: 1.3%; } /* 3 column list */ #primary .links li.a { clear: left; } #primary .links img { width: 100%; } #primary .links .image { display: block; width: 100%; height: 14em; overflow: hidden; } /* =nav =site-map */ #site-map { background: none; } #site-map ul ul { list-style: disc outside; } #site-map li { margin-left: 14px; font-weight: bold; clear: both; color: #d0e28c; padding: 0.25em 0; } #site-map a { font-weight: bold; } #site-map li li { font-weight: normal; } #site-map li li a { padding: 0; font-weight: normal; width: 100%; line-height: 1.2em; } /* =links =bottom */ #bottom-links { background: none; text-align: right; float: right; margin: 4px 0 0; } #bottom-links li { display: inline; margin-left: 10px; border-right: #fff; } #bottom-links a { padding-left: 22px; } /* =nav =back-to-top */ #back-to-top { position: absolute; width: 32px; left: 50%; top: -1.4em; margin-left: -16px; font-size: x-small; text-align: center; } #back-to-top a { display: block; padding: 0; background: url(/templates/blank/lib/back-to-top.png) no-repeat center; height: 12px; width: 32px; overflow: hidden; text-indent: -9999px; } /* =location - this class is applied to the containing

around any link that matches the current location */ .location a, .location .location a { font-weight: bold; } .location ul a { font-weight: normal; } /* =basket =mini */ .mini-basket li { list-style: none; margin-left: 0; color: #000; } .mini-basket .checkout-link { display: block; text-align: center; } /* =sidebar =news */ #latest-news h4 a { line-height: 1.21em; font-weight: bold; text-transform: small-caps; margin-bottom: 0.4em; } #latest-news ol { margin: 0; padding: 0; } #latest-news li { margin: 0.81em 0 0.6em; padding: 0 0 0.6em; border-bottom: 1px dotted #fff; overflow: hidden; } #latest-news p { color: #000; line-height: 1.4em; margin: 0.2em 0; color: #000; } #latest-news img { margin: 0 6px 0 0; } /* =form */ .primary fieldset { border-top: 1px solid #d0e28c; padding: 0.81em 16px; } .primary legend { font-weight: bold; font-size: 11px; padding: 0.4em; } .primary form h3 { font-weight: bold; font-size: 11px; padding: 0.4em 0.3em; } .primary fieldset p { margin-top: 0; } .primary fieldset ol { margin: 0 0 0.4em; border-top: 1px dotted #fff; } .primary fieldset li { overflow: hidden; padding: 0.4em; position: relative; border-bottom: 1px dotted #fff; } .primary form li label { float: left; width: 10em; padding: 0.2em 0 0; line-height: 1.2em; } .primary fieldset p { margin-left: 0.4em; margin-right: 0.4em; } .primary form li em, .req { color: #900; } .primary form li em { position: absolute; left: 10.2em; top: 1em; } .primary form li input, .primary form li select, .primary form li textarea { margin-left: 1em; } .primary form li textarea { width: 23em; } #wrapper .currency input { width: 6em; margin-right: 4px; vertical-align: bottom; padding-top: 2px; } /* use #id overrides */ #wrapper .currency select { margin-left: 0; } form .text input, form .Text input, form .URL input, form .Postcode input, form .Email input, form .readonly input, form .password input, form .select input { vertical-align: bottom; padding-top: 2px; padding-left: 2px; padding-right: 2px; font-size: 11px; } form li.checkbox input, form li.Checkbox input { margin: 0.4em 0 0.4em 1em; } /* capital letters because of the datamate form write out */ form li.nolabel select { margin-left: 0; width: 70%; } .amount input, input.qty { width: 2.4em; } li.checkbox input { vertical-align: middle; } option { padding: 0em 0.2em 0em 0.4em; font-size: 11px; } li.file fieldset { padding: 0.81em 0; margin: 0; border: 1px solid #d0e28c; border-width: 1px 0; } li.file fieldset legend { padding: 0; margin-bottom: 0.4em; } li.file fieldset label { display: block; width: 100%; padding: 0.2em 0; } li.file fieldset span.desc { float: left; width: 10em; padding: 0.35em 0; line-height: 1.2em; } .sidebar form .text input, .sidebar form .password input, .sidebar form .email input { padding-left: 0; padding-right: 0; } #wrapper form.small, #wrapper form.small fieldset { padding: 0; margin: 0; border: 0; width: auto; } fieldset.section, fieldset.submit { text-align: center; } fieldset.section input.submit, fieldset.submit input.submit { font-size: 11px; } /* =product =detail */ #product img { float: right; } #product .small { clear: both; text-align: right; margin: 0.81em 0; } #product .small .submit { margin-right: 16px; } .product-variations { text-align: left; } /* =addresses */ #default-addresses li.select label { width: 12em; } #addresses h3 { font-weight: bold; text-transform: none; font-size: 11px; padding: 0.4em 0; margin: 0.81em 16px 0.4em; } #addresses .address-list { border-top: 1px solid #d0e28c; } #addresses .address-list li { overflow: hidden; padding: 0.4em 0; border-bottom: 1px solid #d0e28c; } #addresses .address-list .small { float: right; clear: right; width: 7em; text-align: right; padding-right: 16px; border-left: 1px solid #fff; margin: 0.2em 0; } #addresses .address-list .small input { width: 5em; } #addresses .address-list .adr { line-height: 1.21em; text-align: left; float: left; width: 70%; padding: 0.4em 16px 0.4em 16px; } /* =orders */ #my-orders fieldset { border: 0; text-align: center; } #my-orders label { margin: 0 2px; } /* =logos */ #logos { text-align: center;background: none; } #logos div { background: none; } /* =users */ #my-users form h3 { padding-left: 0; padding-right: 0; } #my-users form input.submit { padding: 0; width: auto; } /* =sidebar =form */ .sidebar fieldset ol { margin: 0.4em 0; padding: 0; } .sidebar fieldset li { margin: 0; padding: 0.2em 0; } .sidebar li.text input { width: 98%; margin-top: 4px; } .sidebar li label { color: #000; } .sidebar fieldset.submit { text-align: center; margin-bottom: 0.4em; } .sidebar input.submit { margin: 0 auto; } /* =sidebar =login */ .sidebar #login fieldset.submit { float: right; width: auto; margin: 0; padding: 0 12px 0 0; border: 0; overflow: visible; } .sidebar #login fieldset.submit input { width: auto; } .sidebar #login ul { clear: both; } .sidebar #login #pwd { margin-bottom: 0.3em; } .sidebar #login .checkbox input { margin: 0; border:0; vertical-align: middle; } /* =msg */ .msg { border: 1px solid #d0e28c; background-color: ivory; padding: 0.4em 0.4em 0.4em 26px; margin: 0.4em 0; line-height: 1.2em; } .msg p { margin: 0.2em 0; } .info { background: ivory url(/templates/blank/lib/info.png) no-repeat 6px 0.44em; } .error { background: ivory url(/templates/blank/lib/error.png) no-repeat 6px 0.44em; } .success { background: ivory url(/templates/blank/lib/success.png) no-repeat 6px 0.44em; } /* =top =search */ #top-search { clear: both; margin: 0; } #top-search form fieldset { text-align: center; margin: 0; padding: 0; } #top-search form input.submit { margin-left: 0; } #top-search { clear: both; margin: 0; width: 18.8%; position: absolute; z-index: 50; right: 0; top: 100%; margin-top:16px; padding:5px 0; background:#1f8ec3; border:1px solid #666; } #secondary { padding-top: 11em; } #top-search .inner-box { margin: 0; height: 5em; padding: 0.5em 0.5em 1em 0.5em; } #top-search .inner-box input ,#top-search .inner-box select ,#top-search .inner-box .select select ,#login .inner-box input ,#login .inner-box select ,#login .inner-box .select select { width:90%; clear:both; padding:0; border:1px solid #1f8ec3; margin-bottom:0.5em; float:none; } #top-search .inner-box input.submit { background:#1f8ec3; color:#fff; font-weight:bold; border-color:#1f8ec3; } #login form fieldset { text-align:center; } #login form fieldset h3 { text-align:left; } /* ED - Friday the 13th of February. Just a quick fix for an oversized button. */ #top-search { height: 85px; } #top-search .inner-box input { width: auto; } #top-search .inner-box a { display: block; } /* =product-list */ .product-list ol { list-style: none outside; border-top: 1px solid #d0e28c; } .product-list ol h3 a { font-weight: bold; text-transform: small-caps; } .product-list ol .pid { font-weight: normal; } .product-list ol li img { position: absolute; width: 150px; top: 16px; left: 16px; margin: 0 16px 0.4em 0; border: 1px solid #d0e28c; padding: 4px; background: #fff; } .product-list ol .options { overflow: hidden; padding-top: 0.81em; } .product-list ol .options input { margin-right: 16px; } .product-list ol form.small, .product-list ol form.small fieldset { margin: 0; padding: 0; display: inline; } .product-list ol .item-info { border: 1px dotted #fff; margin: 0; overflow: hidden; width: 60%; } .product-list ol .item-info th { width: 20%; } .product-list ol .item-info th, .product-list ol .item-info td { padding: 0.1em; } .product-list { float: left; width: 100%; } .product-list ol li { position: relative; border-bottom: 1px solid #d0e28c; padding: 16px 16px 16px 192px; overflow: hidden; background: #fff; overflow: visible; min-height: 160px; clear: both; display: block; } #qo-sl1 { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-sl1 .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0 0; padding: 12px 0; text-align: center; } #qo-sl1 .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 1% 12px 0; font-size: 0.8em; } #qo-sl1 .product-list li.odd { clear: left; } #qo-sl1 .product-list li.even { margin: 0 0 12px 1%; float: right; clear: right; } #qo-sl1 .product-list h3 { margin: 0; padding: 0; line-height: 1em; font-size: 1.3em; height: 2.1em; } #qo-sl1 .product-list li>h3 { min-height: 2.2em; height: auto; } #qo-sl1 .product-list h3 a { float: none; } #qo-sl1 .product-list a { display: inline; } /* the link surrounding the image */ #qo-sl1 .product-list a img { padding: 0; margin: 4px auto; } #qo-sl1 .product-list .excerpt { margin: 0 0 10px 0; color: #000000; } #qo-sl1 .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-sl1 .product-list a.more-info { display: inline; font-weight: bold; color: #000; width: 109px; height: 26px; text-decoration: none; text-align: center; vertical-align: middle; } #qo-sl1 .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; } #qo-sl1 .product-list a.more-info:hover { color: #000; text-decoration: none; } #qo-sl1 .product-list .item-info { text-align: center; overflow: hidden; padding: 8px 0; } #qo-sl1 .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-sl1 .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-sl1 .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-sl1 .product-list .item-info .price { color: #900;} #qo-sl1 .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-sl1 .product-list .item-info .min-qty { color: #bbb; } #qo-sl1 .product-list .item-info .min-val { color: #bbb; } #qo-sl1 .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-sl1 .product-list .item-options { line-height: 28px; } #qo-sl1 .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-sl1 .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-sl1 .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; } #qo-sl1 .product-list form img { display: inline; } #qo-sl1 .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-sl1 .product-list form>label { margin: 0; } #qo-sl1 .product-list form label abbr { } #qo-sl1 .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } #qo-2col{ clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-2col .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0; padding: 12px 0; } #qo-2col .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 0 -1px 0; border: solid ; border-width: 1px 0; font-size: 0.8em; overflow: visible; } #qo-2col .product-list>li { } #qo-2col .product-list li.odd { clear: both; } #qo-2col .product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ } #qo-2col .product-list h3 { margin: 0 0 12px; padding: 0; line-height: 1em; } #qo-2col .product-list h3 a { float: none; } #qo-2col .product-list a { float: left; } /* the link surrounding the image */ #qo-2col .product-list a img { padding: 0; margin: 0 10px 0 0; } #qo-2col .product-list .excerpt { margin: 0 0 10px 0; color: #000000; height: 4em; } #qo-2col .product-list>.excerpt { height: auto; min-height: 4em; } #qo-2col .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-2col .product-list a.more-info { float: none; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px; } #qo-2col .product-list a.more-info:hover { color: #000; text-decoration: none; } #qo-2col .product-list .item-info { text-align: center; overflow: hidden; margin-bottom: 6px; } #qo-2col .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-2col .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-2col .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-2col .product-list .item-info .price { color: #900;} #qo-2col .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-2col .product-list .item-info .min-qty { color: #bbb; } #qo-2col .product-list .item-info .min-val { color: #bbb; } #qo-2col .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-2col .product-list form { margin: 6px 0 0 6px; display: block; text-align: right; vertical-align: middle; float: right; } #qo-2col .product-list form * { vertical-align: middle; } #qo-2col .product-list form label { margin: 0 6px 0 0; } #qo-2col .product-list form>label { margin: 0; } #qo-2col .product-list form label abbr { } #qo-2col .product-list form label input { text-align: center; width: 3em; font-size: 0.8em; } #qo-2col .product-list form button { padding: 0 0 1px; margin: 0; line-height: 1em; } #qo-2col .product-list form button img { margin: 1px 1px 0; } #qo-2col .product-list form button { font-size: 0.8em; } #qo-bigpic { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-bigpic .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0 0; padding: 12px 0; } #qo-bigpic .product-list li { float: left; display: block; width: 100%; padding: 14px 0; margin: 0 0 -1px 0; text-align: center; border: solid ; border-width: 1px 0; font-size: 0.8em; overflow: visible; } #qo-bigpic .product-list>li { } #qo-bigpic .product-list li.odd { clear: both; } #qo-bigpic .product-list li.even { /*float: right; clear: right;*/ } #qo-bigpic .product-list h3 { margin: 0 0 8px 250px; padding: 0; line-height: 1em; height: 1.8em; text-align: left; } #qo-bigpic .product-list li>h3 { height: auto; min-height: 1.8em; } #qo-bigpic .product-list h3 a { float: none; } #qo-bigpic .product-list a { float: left; } /* the link surrounding the image */ #qo-bigpic .product-list a img { padding: 0; margin: 0 10px 0 0; } #qo-bigpic .product-list .excerpt { margin: 0 0 10px 250px; color: #000000; text-align: left; height: 13em; } #qo-bigpic .product-list li>.excerpt { height: auto; min-height: 13em; } #qo-bigpic .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-bigpic .product-list a.more-info { float: right; width: 278px; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px 0; } #qo-bigpic .product-list a.more-info:hover { color: #000; text-decoration: none; } #qo-bigpic .product-list .item-info { text-align: center; overflow: hidden; margin: 0 0 6px 0; padding: 14px 0 0; float: right; width: 278px; clear: right; } #qo-bigpic .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-bigpic .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-bigpic .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-bigpic .product-list .item-info .price { color: #900;} #qo-bigpic .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-bigpic .product-list .item-info .min-qty { color: #bbb; } #qo-bigpic .product-list .item-info .min-val { color: #bbb; } #qo-bigpic .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-bigpic .product-list .item-options { float: left; clear: left; text-align: center; width: 240px; } #qo-bigpic .product-list .item-options { line-height: 28px; } #qo-bigpic .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-bigpic .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-bigpic .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; display: inline; } #qo-bigpic .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-bigpic .product-list form>label { margin: 0; } #qo-bigpic .product-list form label abbr { } #qo-bigpic .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } #qo-links { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-links .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0; padding: 12px 0; } #qo-links .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 0 16px; font-size: 0.8em; overflow: hidden; } #qo-links .product-list li.odd, #qo-links .product-list li.even { position: relative; height: auto !important; height: 14em; min-height: 14em; } #qo-links .product-list li.odd { clear: both; } #qo-links .product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ } #qo-links .product-list h3 { margin: 0 150px 12px 0; padding: 0 0 0; line-height: 1em; } #qo-links .product-list h3 a { float: none; } #qo-links .product-list a { float: none; } /* the link surrounding the image */ #qo-links .product-list a img.product-image { position: absolute; top: 12px; right: 0; padding: 0; margin: 0 10px 0 0; } #qo-links .product-list .excerpt { margin: 0 0 10px 0; color: #000000; height: 4em; } #qo-links .product-list>.excerpt { height: auto; min-height: 4em; } #qo-links .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-links .product-list .item-info { clear: left; border: 0; overflow: hidden; margin: 0 150px 6px 0; } #qo-links .product-list .item-info li { border: 0; float: none; width: auto; padding: 0; margin: 0; } #qo-links .product-list .item-info .value { color: #c00; font-weight: bold; font-size: 150%; } #qo-links .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-links .product-list .item-options { margin-right: 150px; font-size: 0.96em; width: auto; text-align: left; } #qo-links .product-list .item-options ul { border: 0; width: 100%; list-style: none; padding: 0 0 8px; margin: 0; } #qo-links .product-list .item-options li { border: 0; padding: 0; margin: 0; display: block; float: left; width: 8.6em; font-size: 1em; } #qo-links .product-list .item-options a, #qo-links .product-list .item-options span { white-space: nowrap; line-height: 18px; padding: 2px 2px 2px 0; overflow: visible; } #qo-links .product-list .item-options .more-info { clear: left; } #qo-links .product-list .item-options img { display: inline; margin: 0; padding: 0; border: 0; vertical-align: baseline; } #qo-links .product-list .item-options .cat-link { padding: 6px 0; clear: both; width: auto; float: none; font-size: 1.2em; text-decoration: underline; } #qo-tc1 .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 1px 0; padding: 12px 0; text-align: center; } #qo-tc1 .product-list li { float: left; width: 31.5%; padding: 0; margin: 12px 1% 12px 0; font-size: 0.8em; background: url(/utils/template-bits/gfx/product-lists/white-corner-right-top.png) no-repeat right top; } #qo-tc1 .product-list li.one { clear: both; } #qo-tc1 .product-list li.two { margin-left: 1.7%; margin-right: 0; } #qo-tc1 .product-list li.three { float: right; margin: 12px 0; } #qo-tc1 .product-list h3 { margin: 0; padding: 8px 16px 2px; line-height: 1em; font-size: 1.3em; height: 2.1em; background: url(/utils/template-bits/gfx/product-lists/white-corner-left-top.png) no-repeat left top; } #qo-tc1 .product-list li>h3 { min-height: 2.1em; height: auto; } #qo-tc1 .product-list h3 a { float: none; } #qo-tc1 .product-list .prod-info { overflow: hidden; height: 18em; margin: 2px 2px; background: #fff; padding: 8px; } #qo-tc1 .product-list a { display: inline; } /* the link surrounding the image */ #qo-tc1 .product-list a img { padding: 0; margin: 4px auto; } #qo-tc1 .product-list a.more-info { display: inline; text-align: center; vertical-align: middle; } #qo-tc1 .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; } #qo-tc1 .product-list a.more-info:hover { } #qo-tc1 .product-list .item-info { text-align: center; overflow: hidden; padding: 8px 0 0; } #qo-tc1 .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-tc1 .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-tc1 .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-tc1 .product-list .item-info .price { color: #900; } #qo-tc1 .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-tc1 .product-list .item-info .min-qty { color: #bbb; } #qo-tc1 .product-list .item-info .min-val { color: #bbb; } #qo-tc1 .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-tc1 .product-list .item-options { padding: 0 0 8px; margin: 0; } #qo-tc1 .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-tc1 .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-tc1 .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; } #qo-tc1 .product-list form img { display: inline; } #qo-tc1 .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-tc1 .product-list form>label { margin: 0; } #qo-tc1 .product-list form label abbr { } #qo-tc1 .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } /* Basic element styles (low level stuff) ---------------------------------------------------------------------------------------*/ h1 { font-size: 2em; color: #000; } h2 { font-size: 14px; font-weight: normal; margin: 0 0 0.4em; padding: 0 0 0.2em; line-height: 0.81em; } h3 { font-size: 12px; font-weight: bold; text-transform: small-caps; margin: 0 0 0.4em; } h4 { font-size: 11px; font-weight: bold; } /* may want some alternate styling in sidebars or on .tertiary, .secondary, #basket etc... */ .sidebar h3 { margin: 0; padding: 0 0 0.4em; border-bottom: 1px dotted #fff; } .date { margin-bottom: 0.2em; } .date { font-size: x-small; color: #666; font-style: italic; } .pid { font-weight: normal; color: #aaa; } /* product id span */ .price { font-weight: bold; } /* price display (not always a span) */ dl { overflow: hidden; } dl dt { float: left; width: 10em; padding: 0.4em 0; border-top: 1px dotted #ddd; clear: left; line-height: 1.2em; } dl dd { margin-left: 10em; padding: 0.4em; border-top: 1px dotted #ddd; line-height: 1.2em; } .pagination { overflow: hidden; padding: 0.4em 0; vertical-align: bottom; } .pagination .per-page { float: left; } .pagination .next { float: right; padding-left: 8px; } .pagination .prev { float: right; } .logged-in-as { float: right; position: relative; top: 106px; text-align: right; color: #d0e28c; } a { text-decoration: none; } a:link { color: #f58025; } a:visited { color: #777; } a:hover { color: #1f8ec3; text-decoration: underline; } a:active { background:none; color: #f58025; } .price, h1,h2,h3,h4,h5 ,#product-list h3 .pid { color: #f58025; } /* .body encompasses the output from FCK Editor, try to avoid styling the colors etc as it's meant to be WYSIWYG and customers complain otherwise. They'll complain anyway coz they put tables in and it can break the layout but there's only so much you can do. Refer everyone to the documentation for guidelines on using FCK Editor to the best eeeect. */ .body { font-size: 11px; line-height: 1.62em; } /* container for FCK Editor output */ p, .body ol, .body ul, .primary ul, .body blockquote, .body dl, .body table { margin: 0.81em 0; line-height: 1.62em; font-size: 11px; } .body ol { list-style: decimal outside; margin-left: 32px; } .body ul { list-style: disc outside; margin-left: 32px; } .body li { line-height: 1.62em; } .body img { border: 1px solid #d0e28c; padding: 4px; background: #fff; } img.fl-l { float: left; clear: left; margin: 0 16px 0.81em 0; border: 1px solid #fff; padding: 4px; background: #fff; } img.fl-r { float: right; clear: right; margin: 0 0 0.81em 16px; border: 1px solid #fff; padding: 4px; background: #fff; } img.news-image { float: right; clear: right; margin: 0.4em 0 0.81em 16px; border: 1px solid #fff; padding: 4px; background: #fff; } small { font-size: 10px; } big { font-size: 16px; font-weight: bold; } strong { font-weight: bold; } em { font-style: italic; } /* ... */ .box1 { width:31%; float:left; margin:0 0.8% 1em 0.8%; border:1px solid #000; } .box1 .hd h3 { background:#000 url(images/box1-hd.jpg) top repeat-x; color:#fff; padding:4px; margin:0; font-size:11px; } .box1 .bd { padding:5px; } .box1 .bd ul { padding:0; margin:0; } .box1 .bd ul li { list-style:none; border-bottom:1px dotted #d0e28c; } .box1 .bd ul li a { color:#000; } #top-search span.desc,#cat-select { display: none; } #breadcrumbs .inner-box { margin-bottom:10px; border-bottom:1px solid #d0e28c; padding-bottom:10px; } .submit input { background:#f58025; color:#fff; border:1px solid #f58025; float:none; clear:both; } #login li.checkbox input { width: auto; } #category-nav ul ul { display:none; } #flash-truck { position:absolute; z-index: 2; top:74px; margin-left:50%; left:-100px; width:550px; } #flash-truck img { width:550px; } #flash-bulb { position:absolute; z-index: 2; top:25px; margin-left:50%; left:318px; } #module-standard-gallery { width:434px; margin:13px 0 10px 0px; } /* Home Page Scrolling Gallery */ #slide-mask { width:420px; height:188px; overflow:hidden; position:relative; left:0; margin:0px 0 12px 0px; padding:0; } #slide-images { width:420px; height:188px; position:relative; left:0; } #slide-images img { width:420px; height:188px; float:left; } #slide-thumbs { width:434px; height:39px; position:relative; margin:10px 0 20px 9px; } #slide-thumbs img { width:80px; height:36px; cursor:pointer; padding:0 6px 0 0; } table.flashborder td { border:1px solid #d0e28c; } #wrapper #header .l10n-opts-wrap { display: none; width: 160px; background: #fff; position: absolute; right: 0; top: 99%; z-index: 400; font-size: small; border: 1px solid #aaa; } #wrapper #header .l10n:hover .l10n-opts-wrap { display: block; overflow: hidden; } #wrapper #header .l10n:hover .l10n-opts-wrap ul { padding: 6px; } #wrapper #header .l10n .l10n-opts-wrap li { float: none; text-align: left; display: block; padding: 1px; margin: 0; } #wrapper #header .l10n .l10n-opts-wrap a { padding: 2px; display: block; margin: 0; } #wrapper #header .l10n .l10n-opts-wrap .current a { background: #ccc; color: #000; cursor: default; } #wrapper #header .l10n .l10n-opts-wrap a:hover { background: #eee; color: #000; }