
/*==============================================================

	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; 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 */





