/*==============================================================

	Version : 2009.08.10

==============================================================*/


/* @group BASE */

/* @group FRIENDLY SETTINGS */

img, a img { border: 0; } /* nobody likes default border around images */
img { max-width: 100%; }
.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; }
table.webform, table.reporting { border-collapse: collapse; border-spacing: 0; width: 100%; }
/* @end */

/* @group System Message */



/*.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;
}*/



/* @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 */




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


/* @end */

/* @group FAQ */

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


/* @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 url(/CatalystImages/shop_bg-browse-panel.png) 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 */



/* Landscape phones and portrait MObile */
@media (max-width:767px){
}


/* Landscape phones and portrait MObile */
@media (max-width:479px){
}