/*==============================================================  Version : 2009.08.10 ==============================================================*/ /* @group BASE */ /* @group FRIENDLY SETTINGS */ img, a img { border:0; } /* nobody likes default border around images */ .clear { display: inline-block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } /* @end */ /* based on YUI 2.3 base.css */ /* Idioms */ ul.mod {  list-style-image:none;  list-style-position: outside;  list-style-type: none;  list-style: none;  margin: 0;  padding: 0; } ul.mod li {  list-style: none; } /* @end */ /* @group Web Form */ ul.form {  margin: 0;  padding: 0; } ul.form li {  list-style: none;  margin: 0 0 18px 0; } ul.form li label {  color: #888;  display: block; } div.form div.item, div.webform div.item {  padding: 9px; } cat_button {} input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {  width: 300px; } .cat_dropdown_small {  width: 200px; } .cat_dropdown_smaller {  width: 150px; } .cat_textbox_small, .cat_listbox_small {  width: 200px; /* DON'T TOUCH THIS */ } .cat_listbox {  height: 120px;  width: 300px; } table.webform, table.reporting {  border-collapse:collapse;  border-spacing:0;  width: 100%; } table.webform td {  line-height: 24px;  padding: 6px; } .form label, .webform label {  font-size: 11px; } .form input, .webform input {  margin-right: 3px; } /* @end */ /* @group System Message */ .system-message, .system-error-message {  background-color: #f9f9f9;  border: 1px solid #eee;  color: #666;  margin: 18px;  min-height: 110px;  height: auto !important;  height: 110px;  padding: 36px 36px 36px 180px; } /*.system-message {  background: #f9f9f9 url(/CatalystImages/ok.png) no-repeat 29px 18px; } .system-error-message {  background: #f9f9f9 url(/CatalystImages/error.png) no-repeat 26px 26px; }*/ .system-message h1, .system-error-message h1 {  color: #000;  margin: 0 0 18px 0; } .system-message a:link, .system-error-message a:link {  color: #1969bc; } .ok {  background: #E9FBE3;  color: #21A347;  margin-bottom: 18px; } .error {  background: #FBE3E4;  color: #D12F19;  margin-bottom: 18px; } /* @end */ /* @group Announcement */ .announcement-list {  font-size: 11px; } .announcement-list h2 {  font-size: 14px;  margin: 0 0 3px 0; } .announcement-list span.date {  font-size: 10px;  font-weight: normal;  margin: 0 0 0 6px; } .announcement-details span.date {  display: block;  font-size: 10px;  font-weight: normal;  margin-bottom: 18px; } /* @end */ /* @group Blog */ /* NOTE: div.post-list exists in FORUMS as well */ .blog-list {  background: #f9f9f9;  border: 1px solid #eee;  color: #000;  font-size: 11px;  margin: 0 0 18px;  padding: 18px; } .blog-list h2 {  font-size: 18px;  margin: 0 0 3px 0; } .blog-list span {  color: #888; } .blog-container h1 {  font-size: 36px;  line-height: 40px;  margin: 0 0 6px 0; } .blog-container p.description {  margin: 0 0 36px; } .blog-post h2.post-title {  border-bottom: 1px solid #ccc;  font-size: 18px;  margin: 0;  padding: 0 0 3px 0; } .blog-post .post-details {  color: #888;  font-size: 11px;  margin: 0 0 18px; } .blog-container .post-list {  float: left;  width: 69%; } .blog-post .post-body {  margin: 0 0 36px; } .comment-list {  background: #f9f9f9;  border: 1px solid #eee;  margin-bottom: 36px;  padding: 18px; } .comment-list h5 {  font-size: 14px;  margin: 0 0 18px; } .comment-list input#Captcha {  width: 300px; } .comment-list textarea.cat_listbox_small {  height: 120px;  width: 100%; } .blog-comment-container {  border: 1px solid #e9e9e9;  margin: 0 0 18px; } .blog-comment-container .comment-details {  background: #eee;  font-size: 11px;  padding: 6px; } .blog-comment-container .comment {  background: #fff;  padding: 9px; } span.flag {  margin: 0 6px;  vertical-align: middle; } input#fullname, input#website, input#emailaddress {  width: 300px; } textarea.comment {  height: 160px;  width: 100%; } .forum-registration textarea.comment {  height: 70px;  width: 270px; } .post-body .links {  font-size: 11px; } .blog-container .side-panel {  float: right;  width: 27%; } .side-panel h4 {  font-size: 12px;  margin: 0 0 9px; } .BlogTagCloud {  margin: 0 0 18px; } .BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {  margin: 0;  padding: 0; } .BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {  font-size: 11px;  list-style: none;  margin: 0 0 9px; } p.page-nav {  text-align: center; } p.page-nav a {  margin: 0 9px; } .blog-post dl {  background: #f9f9f9;  border: 1px solid #eee;  margin: 0 0 18px;  padding: 18px; } .blog-post dt {  color: #000; } .blog-post dd {  margin: 0 0 9px; } /* @end */ /* @group Booking */ .booking-list {  margin: 0 0 9px; } .booking-list span.date {  margin: 0 9px 0 0; } .booking-container h1, .form-container h2 {  margin: 0 0 18px; } .form-container {  background: #f9f9f9;  border: 1px solid #eee;  padding: 18px; } .form-container input#FirstName, .form-container input#LastName, .form-container input#EmailAddress, .form-container input#Company, .form-container input#WorkPhone {  width: 260px; } .go-back {  margin: 18px 0; } /* @end */ /* @group Calendar */ div.select-month-year {  padding: 9px 0; } table.module-calendar {  border: 1px solid #888;  border-collapse: collapse;  table-layout: fixed;  width: 100%; } table.module-calendar td {  border: 1px solid #d7d7d7;  font-size: 11px;  height: 80px;  overflow: hidden;  padding: 0;  vertical-align: top; } table.module-calendar td span {  background: #f7f7f7;  color: #333;  display: block;  font-size: 11px;  padding: 0 2px;  text-align: right; } tr.day-of-week td {  background: #d7d7d7;  color: #000;  font-size: 12px;  font-weight: bold;  height: 18px;  text-align: center;  vertical-align: middle; } table.module-calendar td.events span {  background: #2BABFA;  color: #fff;  font-weight: bold; } table.module-calendar td.events {  background: #EEF5FA; } table.module-calendar td ul {  margin: 9px 0;  padding-left: 24px; } table.module-calendar td.last-month {  background: #eee; } table.module-calendar td.next-month {  background: #eee; } /* @end */ /* @group Catalogue and Products */ .shop-catalogue {  background: #fff;  border: 1px solid #ccc;  float: left;  height: 180px;  margin: 0 6px 6px 0;  overflow: hidden;  width: 180px; } .shop-catalogue h4 {  font-size: 12px;  height: 27px;  line-height: 27px;  margin: 0;  text-indent: 9px; } .shop-catalogue h4 a {  color: #1969bc;  text-decoration: none; } .shop-catalogue .image {  /* Image size should be 150px by 120px */  height: 120px;  margin: 0 auto;  overflow: hidden;  padding: 15px;  text-align: center; } .shop-main {  margin-top: 18px; } .shop-main .header {  border-bottom: 1px solid #eee;  height: 27px;  line-height: 27px;  margin: 0 0 18px; } .shop-main .breadcrumbs {  float: left;  width: 40%; } .shop-main .cart-summary {  float: right;  width: 40%; } .shop-main .description ul {  margin: 0 0 0 18px;  padding: 0; } .shop-main .description li {  list-style: square; } table.cartSummaryTable {  border-collapse:collapse;  border-spacing:0;  font-size: 12px;  float: right; } td.cartSummaryItem {  padding: 0; } a.cartSummaryLink {  margin: 0 0 0 18px; } .shop-main ul {  margin: 0;  padding: 0; } .shop-main li {  list-style: none; } table.catalogueTable {  border-collapse:collapse;  border-spacing:0;  width: 100%;  margin: 0 0 18px; } table.catalogueTable td {  padding: 0; } table.productTable {  border-collapse:collapse;  border-spacing:0;  table-layout: fixed;  width: 100%; } table.productTable td {  padding: 3px; } .shop-product-small {  background: #fff;  border: 1px solid #ddd;  color: #666; } .shop-product-small h5 {  font-size: 12px;  font-weight: normal;  margin: 0;  min-height: 36px;  padding: 18px 18px 6px; } .shop-product-small h4 a {  color: #1969bc ; } .shop-product-small h5 a {  text-decoration: none; } .shop-product-small ul {  background: #f9f9f9;  padding: 18px; } .shop-product-small ul li {  font-size: 11px;  margin: 0 0 6px; } .shop-product-small li.price {  font-size: 11px; } .shop-product-small li.price strong {  font-size: 14px;  margin-left: 6px; } .shop-product-small li.stock {  font-size: 11px; } .shop-product-small li.stock strong {  color: #666;  margin-left: 3px; } .shop-product-small .image {  height: 120px;  margin: 0 auto 9px;  overflow: hidden;  width: 120px;  text-align: center; } .image a, td.actions a {  border: none !important; } .shop-product-small li.quantity {  line-height: 30px; } li.quantity img {  position: relative;  top: 8px;  /* or vertical-align: middle; */ } .shop-product-small li.quantity input.productTextInput {  width: 50px; } .shop-product-small li.quantity input.productSubmitInput { } .shop-product-large {  background: #fff;  border: 1px solid #eee;  color: #666;  margin: 0 0 18px;  min-width: 240px;  overflow: hidden; } .shop-product-large h1 {  color: #000;  font-size: 14px; } .shop-product-large .image {  margin-left: 36%;  min-height: 360px;  height: auto !important; /* for modern browsers */  height: 360px; /* for IE5.x and IE6 */  padding: 18px;  text-align: center; } .shop-product-large .shop-product-small .image {  margin: 0;  min-height: 160px;  height: auto !important; /* for modern browsers */  height: 160px; /* for IE5.x and IE6 */  padding: 18px;  text-align: center;  width: auto; } .shop-product-large .shop-product-small ul {  padding: 9px; } .shop-product-large .shop-product-small ul, .shop-product-large .shop-product-small li {  margin: 0; } .shop-product-large li.price {  font-size: 14px; } .shop-product-large li.instock {  font-size: 10px; } .shop-product-large li.quantity input.productTextInput {  width: 50px; } td.productItem .comment-form input#Captcha {  width: 300px; } .poplets {  border-top: 1px solid #eee;  margin-top: 36px;  padding: 9px 0; } .poplets img {  border: 1px solid #ddd; } table.productPoplets {  border-collapse:collapse;  border-spacing:0;  margin: 0 auto; } .shop-product-large .details {  background: #f9f9f9;  float: left;  min-height: 360px;  height: auto !important; /* for modern browsers */  height: 360px; /* for IE5.x and IE6 */  padding: 18px;  width: 30%; } .shop-product-large ul {  margin: 0 0 36px;  padding: 0; } .shop-product-large li {  margin: 9px 0; } .shop-cart .breadcrumbs {  margin: 0 0 18px; } table.cart {  background: #fff;  border-collapse:collapse;  border-spacing:0;  border: 1px solid #ddd;  font-size: 11px;  width: 100%; } table.cart td {  vertical-align: top; /*to make sure the div stack line up at the top */ } table.cart a {  color: #1969bc; } table.cart th, table.cart td {  color: #666;  padding: 9px; } tr.val td {  border-bottom: 1px solid #eee; } tr.shipping td {  border-bottom: 1px solid #ddd; } tr.discount td.quantity, tr.shipping td.quantity {  text-align: right; } td.quantity input.update {  margin: 0 0 0 3px; } table.cart th {  background: #f9f9f9;  border-bottom: 1px solid #eee;  color: #000;  font-size: 11px;  font-weight: normal;  text-align: left; } input.cartInputText {  width: 70px; } input#DiscountCode, input#GiftVoucher {  width: 70px; } select.shippingDropDown {  width: 150px; } table.cart th.quantity {  text-align: right; } table.cart td.quantity {  text-align: right; } .productitemcell {  height: 23px;  line-height: 20px;  margin: 0 0 3px 0;  overflow: hidden; } table.cart td.actions {  text-align: right; } table.cart td.actions a {  font-size: 12px;  font-weight: bold;  margin: 0 18px 0 0;  text-decoration: none; } a#catshopclear {  font-size: 10px;  font-weight: normal; } table.cart strong {  font-size: 14px; } .shop-form {  margin: 0 0 18px; } .shop-form ul.form {  background: #f9f9f9;  border: 1px solid #eee;  padding: 18px; } .shop-form label {  font-size: 11px; } .shop-form ul.form li {  margin: 0;  padding: 9px 0; } .shop-form li.last {  border-top: 1px solid #eee; } /*.shop-form .checkboxes {  line-height: 27px; }*/ input.PaymentMethodType {  margin: 0 6px 0 0; } .shop-form ul.form input.cat_textbox, .shop-form ul.form select.cat_dropdown, .shop-form ul.form textarea.cat_listbox {  width: 260px; } .shop-form textarea.cat_listbox {  height: 100px; } .shop-receipt, .shop-quote-receipt {  background: #f9f9f9;  border: 1px solid #eee;  margin: 18px;  padding: 18px; } .shop-receipt h1, .shop-quote-receipt h1 {  border-bottom: 1px solid #ccc;  padding: 0 0 3px; } .shop-receipt h2, .shop-quote-receipt h2 {  font-size: 12px;  font-weight: normal; } /* @end */ /* @group Customer Cases */ table.case-list {  border-collapse:collapse;  border-spacing:0;  margin: 0;  width: 100%; } table.case-list td {  padding: 6px; } table.case-list td.subject, table.case-list td.category {  width: 40%; } table.case-list td.status {  width: 20%; } table.case-details {  background: #f9f9f9;  border-collapse:collapse;  border-spacing:0;  border: 1px solid #eee;  width: 100%; } table.case-details td {  padding: 6px; } table.case-details tr.odd td {  background: #fff; } table.case-details td.var {  color: #888;  text-align: right;  width: 130px; } table.case-details td.val {  color: #000; } /* @end */ /* @group Customer Orders */ table.border {  border-collapse:collapse;  border-spacing:0;  border-right: 1px solid #eee;  border-bottom: 1px solid #eee; } table.border td {  border-top: 1px solid #eee;  border-left: 1px solid #eee; } table.border span { color: #888; } table.order-list {  border-collapse:collapse;  border-spacing:0;  width: 100%; } table.order-list td {  border: 1px solid #eee; } table.order-list a {  margin: 0 9px 0 0; } table.order-list span.number {  font-size: 11px; } /* @end */ /* @group Comment */ .comment-container {  background: #f9f9f9;  border: 1px solid #eee;  margin: 0 0 18px; } .comment-container .header {  background: #eee;  font-size: 11px;  padding: 6px 18px; } .comment-container span.name {  color: #000; } .comment-container span.rating {  margin: 0 9px;  vertical-align: middle; } .comment-container .content {  padding: 18px; } .comment-form {  background: #f9f9f9;  border: 1px solid #eee;  color: #666;  margin: 0 0 18px;  padding: 18px; } .comment-form h3 {  font-size: 14px;  margin: 0 0 18px; } .comment-form h5 {  color: #666;  font-size: 14px;  margin: 0 0 18px; } /*.comment-form li.rating div {  font-size: 10px; }*/ /*.comment-form li.rating div input {  margin: 0 3px; }*/ .comment-form input.cat_textbox_small, .comment-form textarea {  width: 300px; } .comment-form textarea {  height: 120px; } /* @end */ /* @group FAQ */ table.faq-search {  background: #f9f9f9;  border-collapse:collapse;  border-spacing:0;  border: 1px solid #eee;  margin: 0 0 18px 0;  width: 100%; } table.faq-search label {  color: #888; } table.faq-search td {  border-collapse:collapse;  border-spacing:0;  padding: 9px; } table.faqresultstable {  background: #fff;  border-collapse:collapse;  border-spacing:0;  border: 1px solid #eee;  width: 100%; } table.faqresultstable td {  color: #666;  padding: 9px; } table.faqresultstable a {  color: #1969bc; } table.faqresultstable td.faqresultstableinfo {  background: #f9f9f9;  color: #888;  font-size: 10px;  padding: 3px 18px;  text-align: right; } table.faqresultstable td.faqresultstablecount {  padding-left: 18px;  width: 10px; } td.faqresultstablehead {  background: #fff;  border-collapse:collapse;  border-spacing:0;  border-bottom: 1px solid #eee;  color: #000;  font-weight: bold; } /* @end */ /* @group Forums */ /* NOTE: div.post-list exists in BLOG as well */ .forum-container h1 {  font-size: 24px; } table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {  color: #666; } div.forum-posts-container div.post-list a, div.forum-registration a {  color: #1969bc; } div.forum-registration h2 {  color: #000; } table.forum {  background: #f9f9f9;  border-collapse:collapse;  border-spacing:0;  border: 1px solid #eee;  margin: 0;  width: 100%; } table.forum td {  font-size: 11px;  padding: 9px;  vertical-align: top; } table.forum td.topics {  border-left: 1px solid #eee;  border-right: 1px solid #eee;  width: 90px; } table.forum td.posts {  border-right: 1px solid #eee;  width: 90px; } table.forum td.lastpost {  border-left: 1px solid #eee;  width: 180px; } table.forum .icon {  float: left;  width: 50px; } table.forum .forum {  margin: 0 0 0 50px; } table.forum h3 {  margin: 0; } table.forum h3 a {  text-decoration: none; } ul.cap-top, ul.cap-bottom {  font-size: 11px;  height: 30px;  margin: 0 0 18px;  padding: 0; } ul.cap-bottom {  margin: 18px 0 0; } ul.cap-top li, ul.cap-bottom li {  display: block;  line-height: 30px;  list-style: none; } ul.cap-top li.user, ul.cap-bottom li.nav-page {  float: left;  width: 200px; } ul.cap-top li.actions, ul.cap-bottom li.actions {  float: right;  font-size: 12px;  text-align: right;  width: 350px; } ul.cap-top li.actions a, ul.cap-bottom li.actions a{  float: right;  margin: 0;  padding: 0 9px; } table.topic-list {  background: #f9f9f9;  border-collapse:collapse;  border-spacing:0;  border-left: 1px solid #eee;  border-right: 1px solid #eee;  width: 100%; } table.topic-list th {  background: #ddd;  border: 1px solid #ddd;  color: #000;  font-size: 10px;  padding: 6px;  text-align: left; } table.topic-list .name {  font-weight: bold;  width: 60%; } table.topic-list .name .icon {  float: left;  width: 30px; } table.topic-list .replies, table.topic-list .views {  font-size: 10px;  text-align: center;  width: 10%; } table.topic-list .date {  font-size: 10px;  text-align: right;  width: 20%; } table.topic-list td {  padding: 0; } table.topic-list a {  color: #1969bc; } table.topic {  border-collapse:collapse;  border-spacing:0;  border-bottom: 1px solid #eee;;  margin: 0;  width: 100%; } table.topic td {  padding: 9px; } table.topic td.name, table.topic td.replies, table.topic td.views {  border-right: 1px solid #eee;  vertical-align: middle; } .forum-registration {  border: 1px solid #eee;  background: #f9f9f9;  padding: 18px; } .forum-registration input.cat_textbox, .forum-registration textarea.cat_textbox {  width: 260px; } .forum-registration input.cat_button {  margin: 0 6px 0 0; } .forum-posts-container .breadcrumb {  font-size: 11px;  padding: 6px; } .forum-posts-container h1 {  font-size: 18px;  margin: 18px 0; } .forum-posts-container h2 {  background: #eee;  border: 1px solid #eee;  color: #888;  font-size: 10px;  font-weight: normal;  margin: 0;  padding: 3px 18px; } .forum-posts-container table.container {  border-collapse:collapse;  border-spacing:0;  width: 100%; } .forum-posts-container td {  background: #f9f9f9;  border: 1px solid #ddd;  padding: 18px;  vertical-align: top; } .forum-posts-container td.author {  font-size: 11px;  width: 160px; } .forum-posts-container h3.name {  color: #000;  font-size: 12px;  font-weight: bold; } .forum-posts-container tr.sub td {  height: 30px;  padding: 0 18px; } .forum-posts-container td.action a {  float: right;  line-height: 30px; } /* @end */ /* @group Literature */ p.literature-container img {  vertical-align: middle; } p.literature-container span.icon, p.literature-container span.name {  margin: 0 3px 0 0; } /* @end */ /* @group Secure Zone Markup */ .case-search {  background: #f9f9f9;  border: 1px solid #eee;  margin: 0 0 18px;  padding: 18px; } .secure-lost-password {  background: #f9f9f9;  border: 1px solid #eee;  padding: 18px; } .secure-lost-password input.cat_textbox_small {  width: 210px; } .secure-update-details {  background: #f9f9f9;  border: 1px solid #eee;  margin: 0 0 18px;  padding: 18px; } .secure-update-details input.cat_textbox, .secure-update-details select.cat_dropdown {  width: 260px; } /* @end */ /* @group Form Modules */ .product-form h3 {  padding-left: 9px; } .secure-login, .newsletter-form {  background: #f9f9f9;  border: 1px solid #f2f2f2;  margin-bottom: 18px; } .secure-login h3, .newsletter-form h3 {  background: #eee;  border-bottom: 1px solid #eee;  font-size: 14px;  margin: 0;  padding: 6px 18px; } .secure-login div.form, .newsletter-form div.form {  padding-left: 9px; } /* @end */ /* @group Search */ .search-box {  padding: 6px; } .search-box input.cat_textbox_small {  margin: 0 3px 0 0; } /* @end */ /* @group Photo Gallery */ #imageContainer img {  margin: 0; } table.photogalleryTable td {  padding: 9px; } /* @end */ /* @group Affiliate Program */ table.affiliate-stats {  border: 1px solid #d7d7d7;  border-collapse: collapse; } table.affiliate-stats td {  border: 1px solid #d7d7d7;  padding: 6px; } table.affiliate-stats td.var {  color: #888; } /* @end */ /* @group Tell a Friend */ .tell-a-friend {  border: 2px solid #333;  background-color: #fff;  color: #666;  padding: 18px; } .tell-a-friend form {  padding: 0 0 0 36px; } .tell-a-friend h1 {  border-bottom: 1px solid #ccc;  color: #222;  font-size: 18px;  margin: 0;  padding: 0 0 6px; } .tell-a-friend h2 {  border-bottom: 1px dotted #ccc;  color: #222;  font-size: 12px;  margin: 18px 0 9px; } .tell-a-friend td.var {  text-align: right;  width: 130px; } .tell-a-friend td {  font-size: 11px;  vertical-align: top; } .tell-a-friend label {  color: #888;  font-size: 11px; } .tell-a-friend input.cat_textbox_small {  height: 21px; } .tell-a-friend input.cat_textbox_small, .tell-a-friend textarea.cat_listbox {  font-size: 11px;  width: 300px; } /* @end */ /* @group Favourites */ .favourite-registration {  border: 1px solid #eee;  background: #f9f9f9;  padding: 18px; } .favourite-registration input.cat_textbox, .favourite-registration textarea.cat_textbox {  width: 260px; } .favrourite-registration input.cat_button {  margin: 0 6px 0 0; } /* @end */ /* @group eCommerce Browse Panel */ .browse-panel {  border: 1px solid #d7d7d7; } .browse-panel h5 {  background: #eee repeat-x;  border-bottom: 1px solid #d7d7d7;  font-size: 14px;  margin: 0;  padding: 9px; } .browse-panel h6 {  background: #f7f7f7;  font-size: 11px;  font-weight: bold;  margin: 0;  padding: 3px 9px; } .browse-panel ol {  background: #fff;  border-bottom: 1px solid #e7e7e7;  margin: 0;  padding: 9px; } .browse-panel ol.browse-catalogue {  border-bottom: none; } .browse-panel li {  list-style: none;  padding: 3px 9px; } .browse-panel li span {  display: inline;  font-weight: bold; } /* @end */ /* @group eCommerce Image Zoom Slider */ img.drag {  position: relative;  padding: 0.5em;  /*margin: 0 0 0.5em 1.5em;*/  margin: 0;  cursor: move; } .slidertrack { background-color: #d7d7d7; color: #333; float: left; margin: 0; line-height: 0px; font-size: 0px; text-align: left; padding: 4px; border: 1px solid; border-color: #ccc #aaa #aaa #ccc; } .slidertrack .sliderslit { background-color: #333; color: #ccc; height: 2px; margin: 4px 4px 2px 4px; line-height: 0px; position: absolute; z-index: 1; border: 1px solid; border-color: #999 #ddd #ddd #999; } .slidertrack .slider { width: 16px; background-color: #555; color: #333; position: relative; margin: 0; height: 8px; z-index: 1; line-height: 0px; font-size: 0px; text-align: left; border: 2px solid; border-color: #999 #222 #222 #999; } #zoomcontainer{ overflow: hidden; position: relative; } #zoomcontainer img{ position: absolute; } /* @end */ /* @group Web Apps */ /*pagination*/ ul.pagination {  margin: 0;  padding: 0; } ul.pagination li {  display: inline;  list-style: none;  margin: 0 2px; } /* @end */