/* Sample Stylesheet 2 for QOP @author: $Author: richardl $ @copyright: PromoServe */ /* Reset */ body { color: #000; } html,body,h1,h2,h3,h4,h5,h6,p,blockquote,ol,ul,li,dl,dt,dd,form,fieldset,table,td,th,tr,tbody,thead,tfoot { /* normalise margin, padding, typography */ margin: 0; padding: 0; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 100%; line-height: inherit; vertical-align: baseline; } textarea,input,select,option { font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 100%; line-height: inherit; 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 */ .body table td, .body table th { vertical-align: top; } .body table td img { margin: 0; } #fronttopimages img {margin: 0; } #fronttopimages table {margin: 0; } fieldset, img { border: 0; } q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */ button { width: auto; overflow: visible; } /* Layout ------------------------------------------------------------------------------------*/ html, body { /*background:transparent url(/static/Image/Background2.jpg) no-repeat scroll center top;*/ background-color: #415560; } #wrapper { /* this wraps everything inside the tag */ text-align: left; margin: 0 auto; min-height: 100%; padding-bottom: 20px; overflow: hidden; width:960px; position: relative; } #header { width:960px; height: 140px; background:url("/static/Image/headernew960.png") no-repeat;} #header h1 { } #header h1 { position: relative; text-indent: -9999px; } #inner-wrapper { /* this wraps the main content blocks, useful with float clearing methods for background images etc */ padding: 0; width: 960px; margin: 0 auto; zoom: 1; float:left; } body.product #primary { min-height: 800px; } #primary .content { margin: 40px 0px 10px 0px; } #primary .inner-content { } #primary .cbl { clear: both; } .sidebar { } .sidebar .box { clear: left; width: 199px; } .sidebar .links { float: right; clear: none; background: none; margin: 0 -730px 0 0; padding: 0; } /* make room for the search box */ .sidebar #login { padding-top: 6em; margin-bottom: -6em; position: relative; z-index: 1; } /*body.home #search #product-id-item { display: none; } body.product #search #product-id-item { display: none; } body.category #search #product-id-item { display: none; } body.page #search #product-id-item { display: none; }*/ #wrapper .mini-basket { display: none; } #secondary .inner-content { } #primary { float: left; width: 741px; background: #fff; margin: 0px 0 0 0; margin-bottom: -2270px; padding-bottom: 2270px; padding-left:10px; padding-right:10px; } #secondary { position: relative; width: 199px; float: right; } #tertiary { float: right; width: 199px; margin-bottom: -2270px; padding-bottom: 2270px; background:#fff; } #footer { clear: both; font-size: small; width: 960px; position: relative; text-align:center; } #footer .content { width: 960px; margin: 0 auto; padding: 0 0; text-align: left; } #footer #contactDetails { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; text-align:right; width:520px; margin-right: 200px; } #privterms { margin-top: 5px; position: relative; } /*Front Page Table*/ tr#row1 { background-color: #92b5c9; border: #92b5c9; } tr#row2 { background-color: #92b5c9; border: #92b5c9; } /* Boxes - specific section styling ------------------------------------------------------------------------------------*/ /* =box */ /* =table (tables that ARE NOT user submitted content via FCKin editor */ .nc { border: 1px solid #aaa; border-width: 0; width: 99.8%; margin: 0.81em 0; font-size: small; clear: both; } .nc td, .nc th { font-size: small; padding: 2px 3px; margin: 0; line-height: 1.205em; vertical-align: middle; } .nc th { font-weight: bold; text-align: left; } .nc thead th { color: #393a3d; font-size: 1.1em; font-weight: bold; border-bottom: 1px dotted #aaa; } .nc tfoot th, .nc tfoot td { border-top: 1px solid #aaa; font-size: 1.1em; font-weight: bold; line-height: 1.62em; } .nc tfoot td { border-top-style: dotted; } .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: #ccc; } .nc .even { background: #eee; } /* =basket =steps */ .steps { padding: 0.81em 0; text-align: center; } .steps * { display: inline; margin: 0 8px; background: none; border: 0; padding: 0; } .steps input, .steps span, .steps a:link, .steps a:visited, .steps a:hover, .steps a:active { color: #393a3d; text-decoration: none; border-bottom: 1px solid #343833; } .steps a, .steps span { padding: 1px 3px; } .steps input { cursor: pointer; } .steps input:hover, .steps a:hover { border-color: #999; } .steps .current { border: 1px solid #999; background: #eee; padding: 3px; } /* =basket */ #primary .basket fieldset { margin: 0; padding: 0; position: relative; } .basket .nc { margin: 1.62em 0; } .basket #pd { width: 50%; } .basket #rm { width: 12%; } .basket td.pd p { margin: 2px 0; } #primary .basket td.img { width: 54px; padding: 3px; } .basket input.submit { margin: 0; } #primary .basket fieldset.submit { padding: 16px 0; } .basket fieldset.submit a, .basket fieldset.submit input { margin: 0 8px; vertical-align: middle; } .basket table img { border: 1px solid #aaa; margin: 0; padding: 2px; background: #fff; } .tac input { text-align: center; } .quantity { width: 2.8em; text-align: center; } #tt { color: #000; } .tot { color: #36f; border-bottom: 1px solid #000; } /* =nav =back */ .back, fieldset.submit { clear: both; border-top: 1px solid #ccc; line-height: 1.62em; padding: 0.81em 0; font-size: small; text-align: center; margin-bottom: 1.82em; } /* =news */ #news { background: none; font-size: small; } #news .inner-box { padding: 0; } #news li { padding: 0.81em 0; overflow: hidden; } #news h3 a { padding: 0 0 0.2em; font-weight: bold; font-variant: small-caps; border-bottom: 1px solid #ccc; display: block; } #news img { float: left; margin: .81em 12px 0.2em 0; } /* =links =top */ #top-links { width: 210px; position: absolute; top: 140px; right: 0px; height: 20px; text-align: right; padding-bottom: 3px; z-index: 999; } #top-links li { display: inline; padding: 0; margin: 0 6px; } #top-links a { font-weight: normal; font-size: 12px; color: #415560; padding-right: 7px; } /*#top-links li.top-link-twitter a { padding-left: 20px; background: url(/static/Image/twitter.png) no-repeat left center; } /* leave room for background image */ #top-links li.top-link-enquiry-basket a { background:url("/static/Image/basket.png") no-repeat scroll left center transparent; padding-left:20px; } /* =links =tabs */ #tab-links { height:60px; overflow:hidden; position:absolute; top:110px; width:960px; } #tab-links ul { margin: 0 0 0 -1px; } #tab-links li { float: left; display: block; margin:0 1px 0 0; } #tab-links a { display: block; color: #fff; padding: 6px 10px; white-space: nowrap; font-size: 12px;} #tab-links ul li a { background:#eb008b; color:white; display:block; float:left; padding:6px 8px 6px 9px; white-space:nowrap; } #tab-links a:hover, #tab-links li.location a { color:white; text-decoration: none; } #tab-links li.tab-link-home a { padding:6px 17px 6px 17px; } /*#tab-links li.tab-link-other a { padding:6px 16px 6px 14px; background: #415560; }*/ #tab-links li.tab-link-other { margin-right: 0px; } /* =nav =breadcrumbs */ #primary #breadcrumbs { background: #EB008B; font-size: 12px; font-weight: normal; padding: 3px 3px 3px 10px; color: #fff; width: 730px; margin: 0 0 10px; } #primary #breadcrumbs a { color: #fff; } /* sub-categories */ #sub-categories { margin-top: 10px; width: 760px; } #sub-categories ul { overflow: hidden; width: 110%; } #sub-categories li { display: block; padding: 10px 0; text-align: center; float: left; } #sub-categories ul li {position: relative;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5pxposition: relative; float: left; text-align: center; margin: 0px 18px 10px 0; padding: 10px 0 0; width: 170px; height: 190px; overflow: hidden; border: 1px solid #EB008B; } #sub-categories ul li a { } #sub-categories ul li a:hover { } #sub-categories a img { display: block; background: #fff; margin: 0 auto 0 auto; } #sub-categories ul li a span { position: absolute; bottom:0; left:0; background: #EB008B; color: #FFFFFF; font-size: 14px; width: 170px; height: 30px; display: inline-block; margin: 0 auto; padding-top: 7px; white-space: normal; text-align: center;} /* =nav =subpages */ #sub-pages { font-size: small; text-align: center; } #sub-pages ul { padding: 0; margin: 0; } #sub-pages li { text-align:left; padding: 0; margin: 5px 8px; line-height: 1.41em; font-weight:600; } #sub-pages li li { display: none; } #sub-pages a { padding: 0.2em; white-space: nowrap; } /* =sidebar =nav */ .sidebar ul { list-style: none; margin: 10px; } .sidebar ul ul { margin: 10px 12px; display: none; } .sidebar li.location ul { display: block; } .sidebar li { font-size: small; clear: both; color: #343833; padding: 0; } .sidebar a, .sidebar .location li a { padding: 0 0 0 12px; background: none; display: block; color: #fff; } .sidebar a:hover, .sidebar .location a:hover, .sidebar .location a, .sidebar .location .location a { background: url(/static/Image/white-arrow.png) no-repeat left center; } /* =sidebar category-nav */ .sidebar #category-nav { left: 661px; float: right; margin-top: 10px; } #category-nav h3 {background:url("/static/Image/promotional-gift-categories.png") no-repeat; height: 70px; width: 199px; margin-top: 20px; text-indent: -9999px; font-size: 0; display:block; line-height: 0; } #category-nav a { color: #000000; font-size: 12px;} #category-nav a:hover {} /*#category-nav a { background: url(/static/Image/arrow.png) no-repeat left; color: #415560; font-weight: 600; margin-left: 30px; font-size: 12px; } #category-nav a:hover { color: #ffffff; background: url(/static/Image/arrow-hover.png) no-repeat left; }*/ /* =sidebar virtual-category-nav*/ /* =sidebar category-nav */ .sidebar #virtual-category-nav { } #virtual-category-nav h3 {text-align: center; display: none;} #virtual-category-nav a { color: #000000; font-size: 12px;} #virtual-category-nav a:hover {} #page-nav { display: none; } /* =links */ .links { background: none; } .links ul { list-style: none; margin: 0; padding: 0px 0; } .links li { margin: 6px; display: block; background: #2d2d74; padding: 0; } .links img { display: block; margin: 0; width: 100%; } .links a.link { /* use the .link class if just image and text. HTML box has .body styling */ font-size: small; text-align: center; display: block; line-height: 1.2em; overflow: hidden; } .links .description { color: #000; padding: 0.6em 8px; display: block; margin: 0; } /* =nav =site-map */ #site-map { background: none; } #site-map * { background: none; } #site-map ul ul { list-style: disc outside; } #site-map li { margin-left: 14px; font-weight: bold; clear: both; color: #ccc; padding: 0.25em 0; } #site-map a { font-weight: bold; } #site-map li li { font-weight: normal; font-size: small; } #site-map li li a { padding: 0; font-weight: normal; width: 100%; line-height: 1.2em; } /* =gallery */ #user-gallery { width: 100%; } #user-gallery form { clear: both; } #user-gallery form label { display: block; padding: 0.2em 0; } #user-gallery form label span.desc { float: left; width: 10em; padding: 0.35em 0; line-height: 1.2em; } #user-gallery ul.galleries { overflow: hidden; list-style: none; margin: 0; padding: 16px 0; clear: both; } #user-gallery ul.galleries li { overflow: hidden; } #user-gallery ul.galleries .image { display: block; float: left; width: 30.8%; min-width: ; text-align: center; font-size: small; padding: 6px 0; margin: 0 1% 12px; border: 1px solid #ccc; } #user-gallery ul.galleries .image-link { display: block; height: 140px; max-width: 140px; width: 140px; margin: 0 auto 6px; } #user-gallery ul.galleries .image img { display: block; width: 95%; margin: auto; } #user-gallery .single-image { width: 100%; overflow: hidden; } #user-gallery .single-image img { width: auto; max-width: 100%; } #user-gallery .a { clear: left; } /* =meta */ #footer #meta { margin-top: 20px; color: #eb008b; float: left; width: 960px; position: relative; z-index: 20; text-align:center;} #meta p { margin: 0; padding: 0; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;} /* =links =bottom */ #footer #bottom-links { float: left; text-align:center; width: 960px; overflow: visible; z-index: 20; position: relative;} #footer #bottom-links li { float: left; display: block; margin:0 0px 0 0; } #footer #bottom-links li + li { } #footer #bottom-links a { display: block; color: #fff; padding: 6px 10px; white-space: nowrap; font-size: 12px; } #footer #bottom-links ul li a { color:#415560; display:block; float:left; padding:0px 9px 0px 10px; white-space:nowrap; border-right: 1px solid #415560; } #footer #bottom-links a:hover, #footer #bottom-links li.location a { font-weight: normal; } #bottompics { padding: 0 0 0 270px; position: relative; float:left; width: 960px; } #bottompic1 { width: 100px; } #bottompic2 { margin-left: 110px; margin-top: -55px; width: 100px;} #bottompic3 { margin-left: 200px; margin-top: -55px; width: 100px;} #bottompic4 { margin-left: 300px; margin-top: -55px; width: 100px;} /* =nav =back-to-top */ #back-to-top { position: absolute; height: 12px; width: 32px; top: -14px; left: 50%; margin-left: -130px; font-size: x-small; text-align: center; z-index: 10; display: none; } #back-to-top a { display: block; 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; } #tab-links .location a, .location .location a { font-weight: normal; } /* =basket =mini */ .mini-basket { clear: left; height: 0; overflow: hidden; margin-bottom: -6em; } .mini-basket .inner-box { display: none; } /* =sidebar =news */ #latest-news { position: relative; } /* news box on home page, contains a list of the most recent 6 articles */ #latest-news h3 { margin-top: 20px; color: #EB008B; line-height: 14px; padding: 0 0 0 12px;} #latest-news h4 a {font-weight:normal; margin-bottom: 0.4em; color: #EB008B; font-variant: normal; font-size: 11px;} #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 #393a3d; overflow: hidden; } #latest-news p {font-size: 11px; color: #000; margin: 0.2em 0; color: #000; padding: 0 0 0 12px; } #latest-news img { margin: 0 6px 0 0; } #latest-news div.date { display: none; } /* =form */ form { font-size: small; } .primary fieldset { /*border-top: 1px solid #808280;*/ padding: 0.81em 0 0em; } .primary legend { font-weight: bold; font-size: normal; padding: 0.4em 0.4em 0.4em 0; color: #36f; display: none;} .primary form h3 { font-weight: bold; font-size: normal; padding: 0.4em 0.3em; } .primary fieldset p { margin-top: 0; } .primary fieldset ol { margin: 0 0 2em; border-top: 1px dotted #ccc; } .primary fieldset li { overflow: hidden; padding: 0.4em; position: relative; border-bottom: 1px dotted #ccc; } .primary form li label { float: left; width: 13em; padding: 0.2em 0 0; line-height: 1.2em; } .primary fieldset p { margin: 0.4em; } .primary form li em, .req { color: #c00; } .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; vertical-align: bottom; } .primary form li textarea { width: 23em; line-height: 1.4em; padding: 0.2em 2px; } #wrapper .currency input { width: 6em; margin-right: 4px; vertical-align: middle; padding-top: 2px; } /* use #id overrides */ #wrapper .currency select { margin-left: 0; vertical-align: middle; } form .text input, form .Text input, form .number input, form .Number input, form .URL input, form .Postcode input, form .Email input, form .email input, form.email-address, form .readonly input, form .password input, form .select input { padding-top: 2px; padding-left: 2px; padding-right: 2px; line-height: normal; } form .readonly input { background: #fff; border: 1px solid #fff; color: #393a3d; } form li.checkbox input, form li.Checkbox input { margin: 0.35em 0 0.35em 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; } li.file fieldset { padding: 0 0 0.6em 0; margin: 0; border: 0; } li.file fieldset legend { padding: 0; margin-bottom: 0.6em; } li.file fieldset img { float: left; margin-right: 10px; border: 1px solid #ccc; } li.file fieldset label { width: auto; display: block; overflow: hidden; padding: 0em 0; } li.file fieldset span.desc { float: left; width: 9em; padding: 0; line-height: 1.2em; } .sidebar form .text input, .sidebar form .password input, .sidebar form .email input { padding-left: 0; padding-right: 0; } #wrapper .small { vertical-align: middle; } #wrapper .small, #wrapper .small fieldset { display: inline; padding: 0; margin: 0; border: 0; } fieldset.submit { text-align: center; } fieldset.submit input, fieldset.submit img, fieldset.submit a { vertical-align: middle; } #technologo-image fieldset { border: 0; margin: 0; padding: 0 0 10px; } /* definition list for product info */ .item-info { display: block; margin-bottom: 12px; } /* dl */ .item-info .price { color: #900;} .item-info .value { color: #900; font-weight: bold; font-size: 110%; } .item-info .min-qty { color: #999; } .item-info .min-val { color: #999; } /* 2 column product view layout stuff starts here */ #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: dotted ; border-color: #cccccc; 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; font-weight: bold; color: #333333;} /* the link surrounding the image */ #qo-2col .product-list a img { padding: 0; margin: 0 10px 0 0; } #qo-2col .product-list a img:hover { color:#FFFFFF; } #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: #cccccc; 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; float: none; width: auto; border: 0;} #qo-2col .product-list .item-info dt { text-align: right; padding: 0 0 0 0px; } #qo-2col .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-2col .product-list .item-info .price { color: #ED1820;} /*price text color*/ #qo-2col .product-list .item-info .value { color: #ED1820; font-weight: bold; font-size: 110%; } #qo-2col .product-list .item-info .min-qty { color: #999; } /*min qty text color*/ #qo-2col .product-list .item-info .min-val { color: #999; } #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; } /* simple list product view layout stuff starts here */ #qo-sl1 .product-list { clear: both; float: left; width: 650px; 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: 1em; height: 2em; } #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: #EB008B;} #qo-sl1 .product-list .item-info .value { color: #EB008B; font-weight: bold; font-size: 110%; } #qo-sl1 .product-list .item-info .min-qty { color: #999; } #qo-sl1 .product-list .item-info .min-val { color: #999; } #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-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: #999; } #qo-bigpic .product-list .item-info .min-val { color: #999; } #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-tc1 .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 1px 0 1px; padding: 1px 0; text-align: center; } #qo-tc1 .product-list li { float: left; width: 23.5%; padding: 0; margin: 6px 1% 6px 0; font-size: 0.8em; background: #0080bc url(/utils/template-bits/gfx/product-lists/white-corner-right-top.png) no-repeat right top; } #qo-tc1 .product-list li.one { clear: both; margin-left: 0; margin-right: 2%; } #qo-tc1 .product-list li.two { margin-left: 0; margin-right: 2%; } #qo-tc1 .product-list li.three { margin-left: 0; margin-right: 0; } #qo-tc1 .product-list li.four { float: right; margin: 6px 0; } #qo-tc1 .product-list h3 { margin: 0; padding: 8px 16px 2px; line-height: 1.2em; font-size: 1.2em; height: 2.4em; 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.4em; height: auto; } #qo-tc1 .product-list h3 a { text-decoration: underline; float: none; color: #ffffff; } #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 .body-text { height: 3.65em; } #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: #f00; } #qo-tc1 .product-list .item-info .value { color: #f00; font-weight: bold; font-size: 110%; } #qo-tc1 .product-list .item-info .min-qty { color: #999; } #qo-tc1 .product-list .item-info .min-val { color: #999; } #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; } #qo-pp .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 1px 0 1px; padding: 1px 0; text-align: center; } #qo-pp .product-list li { float: left; width: 19.2%; padding: 0; margin: 6px 1% 6px 0; font-size: 0.7em; background: #0080bc url(/utils/template-bits/gfx/product-lists/white-corner-right-top.png) no-repeat right top; } #qo-pp .product-list li.one { clear: both; margin-left: 0; margin-right: 1%; } #qo-pp .product-list li.two { margin-left: 0; margin-right: 1%; } #qo-pp .product-list li.three { margin-left: 0; margin-right: 1%; } #qo-pp .product-list li.four { margin-left: 0; margin-right: 0; } #qo-pp .product-list li.five { float: right; margin: 6px 0; } #qo-pp .product-list h3 { margin: 0; padding: 8px 8px 2px; line-height: 1.2em; font-size: 1.2em; height: 2.4em; background: url(/utils/template-bits/gfx/product-lists/white-corner-left-top.png) no-repeat left top; } #qo-pp .product-list li>h3 { min-height: 2.4em; height: auto; } #qo-pp .product-list h3 a { text-decoration: underline; float: none; color: #ffffff; text-transform: capitalize; } #qo-pp .product-list .prod-info { overflow: hidden; height: 19em; margin: 2px 2px; background: #fff; padding: 6px 8px 3px; } #qo-pp .product-list a { display: inline; } /* the link surrounding the image */ #qo-pp .product-list a img { padding: 0; margin: 4px auto; } #qo-pp .product-list a.more-info { display: inline; text-align: center; vertical-align: middle; color: #000; } #qo-pp .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; } #qo-pp .product-list .body-text { height: 3.65em; overflow: hidden; } #qo-pp .product-list .item-info { text-align: center; overflow: hidden; padding: 2px 0 0; margin: 0; } #qo-pp .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-pp .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-pp .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-pp .product-list .item-info .price, #qo-pp .product-list .item-info .value { color: #f00; font-weight: bold; font-size: 110%; text-transform: uppercase; } #qo-pp .product-list .item-info .min-qty { color: #999; } #qo-pp .product-list .item-info .min-val { color: #999; } #qo-pp .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-pp .product-list .item-options { padding: 0; margin: 0; } #qo-pp .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-pp .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-pp .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; } #qo-pp .product-list form img { display: inline; } #qo-pp .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-pp .product-list form>label { margin: 0; } #qo-pp .product-list form label abbr { } #qo-pp .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } #qo-pp .favourites .prod-info { height: 24em; } /* =product */ #product .main-wrap { padding-bottom: 50px; width: 740px; margin-top: 10px;} #product h1 { color:#000; font-size:large; font-weight:normal; margin:0; padding:3px 3px 3px 0px; width:500px; } #product .body { width: 380px; height: 110px; } #product .pdv-body { } #product .image { float: left; background: #fff; width: 320px; height: 320px; position: relative; border: 1px solid #000; } #product .info-wrap {float: left; height: 352px; width: 380px; margin-left: 20px;} #product .image img { position: absolute; top: 10px; left: 10px; } #product table.nc { width: 312px; clear: none; } #product table.nc { margin: 0.81em 0; } #product table.nc tr { border: 1px solid #EB008B; } #product table.nc th { padding: 3px 6px 3px 3px; background: #EB008B; color: #FFFFFF; } #product table.nc td { padding: 3px 3px 3px 6px; } #product .small { display: inline; margin: 0; } #product .small fieldset { display: inline; } #product .favourites, #product .enquiry { float: right; height: 50px; line-height: 50px; margin: 0 10px 0 0; position: relative; z-index: 2; } #product .favourites .submit, #product .enquiry .submit { display: inline; } #product .basket .submit { clear: left; } .product-variations { text-align: left; } #product .basket { height: auto; float: none; clear: both; border: 1px solid #EB008B; padding: 0; display: block; width: 320px; } #product .basket fieldset { margin: 10px; padding: 0; border: 0; display: block; } #product .basket h3 { background: #EB008B; font-size: large; font-weight: normal; margin: 0; padding: 3px 3px 3px 28px; color: #fff; } #product .basket label { width: 100%; display: block; padding: 4px 0; clear: both; overflow: visible; } #product .basket span.desc { display: block; width: 8em; float: left; margin-top: 0.2em; } #product .basket label span.info-link { display: none; } #product .basket label span.info-link acronym { display: none; } #product .basket label span.info-link span { display: block; background: #ffc; border: 1px solid #ccc; padding: 6px; } #product .basket label input { border: 1px solid #ccc; width: 13em; text-align: left; } #product .basket label select { width: 15.4em; } #product .results { } #product .results .calculate, #product .results table { float: left; margin-right: 16px; display: none; } #product .results table th, #product .results table td { padding-right: 16px; } #product .results strong { color: #c00; } #product #submits { height: 50px; line-height: 50px; } #product #submits button { background: none; border: 0; padding: 0; margin: 0 10px 0 0; vertical-align: middle; cursor: pointer; } #product #submits input { color: #fff; font-weight: bold; background: #EB008B; border: 0; padding: 5px; margin: 0 10px 0 0; vertical-align: middle; cursor: pointer;} #upsell { border: 1px solid #ccc; border-width: 3px 0; clear: both; margin: 10px 0 16px; } #product .pdv-mini-enquiry-form { height: auto; float: none; clear: both; border: 1px solid #EB008B; padding: 0; display: block; width: 320px; } #product .pdv-mini-enquiry-form h3 { background: #EB008B; font-size: large; font-weight: normal; margin: 0; padding: 3px 3px 3px 28px; color: #fff; } #product .pdv-mini-enquiry-form label { width: 100%; display: block; padding: 4px 0; clear: both; overflow: visible; } #product .pdv-mini-enquiry-form fieldset { margin: 10px; padding: 0; border: 0; display: block; } #product .pdv-mini-enquiry-form span.desc { display: block; width: 8em; float: left; margin-top: 0.2em; } #product .pdv-mini-enquiry-form label input { border: 1px solid #ccc; width: 13em; text-align: left; } #product fieldset.submit input { color: #fff; font-weight: bold; background: #EB008B; border: 0; padding: 5px; margin: 0 10px 0 0; vertical-align: middle; cursor: pointer;} #product .pdv-mini-enquiry-form label#mini-enquiry-notes-label { display:none; } #product .pdv-mini-enquiry-form label#mini-enquiry-company-label { display:none; } #product .pdv-mini-enquiry-form p.error { display:none; } #product .pdv-mini-enquiry-form span.mini-enquiry-tagline { display:none; } #productextras { margin-left: 250px; } #livechat { margin-left: 85px; margin-top: -83px; } /* =addresses */ #addresses .address-list { border-top: 1px dotted #ccc; } #addresses .address-list li { float: left; width: 100%; padding: 0.4em 0; border-bottom: 1px dotted #ccc; } #addresses .address-list .options { float: right; clear: right; width: 30%; padding: 4px; border-left: 1px solid #eee; margin: 0; height: 3.6em; } #addresses .address-list .options fieldset { border: 0; padding: 0 0 6px 4px; margin: 0 0 4px; border-bottom: 1px dotted #ccc; } #addresses .address-list .options label { padding: 0; display: inline; float: none; margin-right: 8px; } #addresses .address-list .options input { margin: 0; vertical-align: top; } #addresses .address-list .options a { margin: 0 8px 0 4px; } #addresses .address-list .adr { font-size: small; line-height: 1.21em; text-align: left; float: left; width: 60%; padding: 0.4em 16px 0.4em 16px; } /* =orders */ #my-orders fieldset { border: 0; text-align: center; } #my-orders label { margin: 0 2px; } #past-order-filter label { margin-right: 16px; } #past-order-filter .submit { vertical-align: middle; } /* =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 { margin: 10px 10px 0; padding: 0; } .sidebar fieldset ol { margin: 0; padding: 0; } .sidebar fieldset li { margin: 0; padding: 0.2em 0; } .sidebar li.text input { width: 98%; } .sidebar li label { color: #fff; } .sidebar fieldset.submit { text-align: right; border: 0; margin: 0 10px 10px; } .sidebar input.submit { margin: 0 auto; } /* =sidebar =login */ .sidebar #login h3 { font-size: 12px; padding: 0; margin: 0; } .sidebar #login ul { display: none; } .sidebar #login #pwd { margin-bottom: 0.1em; } .sidebar #login .checkbox { display: none; } /* =msg */ .msg { border: 1px solid #ccc; background-color: ivory; padding: 0.4em 0.4em 0.4em 26px; margin: 0.4em 0; line-height: 1.2em; font-size: small; color: #343833; clear: both; } .primary p.msg { margin: 0.4em 0; } .msg h3 { margin: 0 0 0.2em 0; } .msg p { margin: 0.2em 0 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; } .warning { background: ivory url(/templates/blank/lib/warning.png) no-repeat 6px 0.44em; } /* =top =search */ #top-search { background: transparent; clear: both; margin: 0; width: 200px; position: absolute; left: 745px; top: 10px; z-index: 2; } #top-search form fieldset { margin: 10px; padding: 0; } #top-search form span.desc { position: absolute; top: -9999px; left: -9999px; } #top-search form a { display: none; } #top-search form input { width: 95%; } #top-search form input.submit { margin: 4px auto; width: auto; } #tertiary #search { position: absolute; left: 0px; top: 138px; width: 960px; height: 30px; background: #eee;} #tertiary #search h3 { display: none; } #tertiary #search fieldset { margin-top:2px; } #tertiary #search fieldset li { display:inline; margin-right: 10px; } #tertiary #search select { border: 1px solid #ccc; } #tertiary #search li label { font-size:12px; font-weight: 600; color:#415560;} #tertiary #search li.text input { width: 170px; border: 1px solid #ccc;} #tertiary #search ol { width: 960px; height: 30px; position:relative; float:left; } #tertiary #searchfieldset { float:left; padding-top: 4px; margin: 0 0 0 10px; } #tertiary #search fieldset.submit { position: absolute; left: 680px; top:2px; padding:0; margin:0; } #tertiary #search fieldset.submit input { border: 1px solid #ccc;} #tertiary #search form {position: relative; }*/ body.page.advanced-search #search form { width: 97%; } body.page.advanced-search #primary { margin-top: 10px; } #stuckideas { margin-left: -12px; margin-top: 10px; } #catheader { margin-left:-12px; margin-top:-10px; } /* =product list */ .product-list {width: 100%; } .product-list h3 { padding: 0; height: 35px; overflow: hidden; background: #eb008b; border-bottom: 1px solid #eee;} /* Product name, heading. Font defined in headings section. */ .product-list h3 a { font-weight: normal; display: inline-block; font-size: 14px; color: #fff; } /* Product name */ .product-list h3 .pid { display: none; } /* Product code */ .product-list ol { display: inline-block; clear: both; } .product-list li { display: inline-block; background: none; padding: 0; margin: 0 5px 10px 5px; width: 172px; min-height: 250px; height: 250px; float: left; overflow: hidden; text-align: center; border: 1px solid #eb008b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .product-list li h3 { } .product-list .options { display: none; } .product-list .price-box .price { color: #EB008B; border-top: #CCCCCC; } .product-list .price-box em { font-weight: 600; font-style: normal; } .product-list .price-box span { font-weight: 600; } .product-list p.price-box { font-weight: 600; color: #bbbbbb; display: none;} .product-list li.odd { } .product-list li.even { } .product-list li .image { padding: 0 10px; } /* Product image */ .product-list li .body { height: 65px; margin: 0 5px; font-size: 11px; width: 160px; } /* Product body text */ #a-z-list {padding: 0 10px; margin-bottom: 20px; position: relative; float: left; width: 940px;} #a-z-list h3 { background: #EB008B; padding: 5px; color: #fff; margin-bottom: 10px; } #a-z-list ul { width: 20%; float: left; background: #FFFFFF; } #a-z-list a { display: block; color: #415560; font-size: 10px; } /* Basic element styles (low level stuff) ---------------------------------------------------------------------------------------*/ h1 { font-size: 2em; } /*h2 { background: #EB008B; font-size: large; font-weight: normal; margin: 0; padding: 3px 3px 3px 28px; color: #fff; width: 710px;}*/ h3 { font-size: medium; font-weight: bold; } h4 { font-size: small; font-weight: bold; } div.date { margin-bottom: 0.2em; font-size: x-small; color: #aaa; font-style: italic; } .pid { font-weight: normal; color: #aaa; font-size: small; margin-left: 20px; } /* product id span */ .price { color: #EB008B; font-weight: bold; } /* price display (not always a span) */ .pagination { font-size: small; overflow: hidden; padding: 0.4em 0; vertical-align: bottom; color: #415560; } .pagination .per-page { float: left; line-height: normal; } .pagination .per-page a { color: #EB008B;} .pagination .next { float: right; padding-left: 8px; } .pagination .prev { float: right; } dl { margin: 0; } dl dt { } dl dd { } .adr { font-size: small; line-height: 0.8em; } .logged-in-as { position: absolute; top: -32px; line-height: 28px; right: 0; text-align: right; color: #ccc; padding: 0; margin: 0 5px; display: none; } a { text-decoration: none; color: #444; } a:visited { color: #777; } a:hover { color: #68508a; text-decoration: underline; } a:active { color: #000; } #top-search a, .sidebar a { text-decoration: none; } #top-search a:visited, .sidebar a:visited { color: #ccc; } #top-search a:hover, .sidebar a:hover { text-decoration: underline; } #top-search a:active, .sidebar a:active { } p.line-shipping { color: #666; } caption { font-weight: bold; text-align: left; padding: 16px 4px 0; text-transform: uppercase; text-decoration: underline; } .add-costs-info { border: 1px solid #ccc; } .add-costs-info th { background: #eee; } /* .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 effect. */ .body { font-size: small; line-height: 1.41em; } /* container for FCK Editor output */ p, .body ol, .body ul, .primary ul, .body blockquote, .body dl, .body table { margin: 0.81em 0; } .body ol { list-style: decimal outside; margin-left: 32px; } .body ul { list-style: disc outside; margin-left: 32px; } .body li { line-height: 1.62em; } li { vertical-align: middle; } /* aligns bullet points in IE */ .body img { background: #fff; } img.fl-l { float: left; clear: left; margin: 0 16px 0.81em 0; border: 1px solid #393a3d; padding: 4px; background: #000; } img.fl-r { float: right; clear: right; margin: 0 0 0.81em 16px; border: 1px solid #393a3d; padding: 4px; background: #000; } img.news-image { float: right; clear: right; margin: 0.4em 0 0.81em 16px; border: 1px solid #393a3d; padding: 4px; background: #000; } .body blockquote { margin: 0.81em 80px 0.81em 20px; border: 1px solid #ccc; border-width: 1px 0; background: #393a3d; padding: 0.81em 16px; } small { font-size: small; } big { font-size: normal; font-weight: bold; } strong { font-weight: bold; } em { font-style: italic; } /*#hometext { width: 550px; margin-left: 200px; }*/ #homeimg1 {margin-left: -10px; } /* js stuff */ #quick-order label, #order-forms label { float: none; display: inline; margin: 0 22px; } #quick-order label input, #order-forms label input { margin: 0; } .details { margin: 12px; } .details h4 { margin-bottom: 4px; } .details dl { margin-top: 0; margin-bottom: 0; } #order-forms ul { clear: both; border-bottom: 1px dotted #ccc; } #order-forms ul li { margin: 0 0 16px; border-top: 1px dotted #ccc; } #order-forms .copy label, #order-forms .copy input { margin: 0; } #order-forms .copy { margin: 8px 0 16px; } /* l10n menu */ #wrapper .l10n { position: relative; z-index: 400; padding: 0; } #wrapper .l10n>a { border: 1px solid #fff; border-width: 1px 1px 0; padding: 1px 4px 1px; position: relative; z-index: 500; background: #fff; } #wrapper .l10n:hover>a { border-color: #aaa; text-decoration: underline; } #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; } /* jCarousel CSS */ /* =links =bestsellers #bestsellers { } .primary .links { text-align: center; height: 100px; overflow: hidden; } .primary .links li { float: left; display: inline; width: 75px; height: 75px; list-style: none; margin: 9px; } .primary .links img { display: block; } .primary .links .image { display: block; }*/ #thumbs { margin-top: 40px; height: 100px; white-space: nowrap; padding-left: 30px; position: relative; width: 105%; } #thumbs .thumb { float: left; width: 128px; height: 100px; } #thumbs img { border: 2px solid #ccc; } #thumbs img:hover { border: 2px solid #ededed; } /** * This
    element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } #primary .jcarousel-list li, #primary .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; margin: 9px; } /** * The buttons are added dynamically by jCarousel before * the