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

	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; }
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 { background-color:rgba(255,255,255,0.5); border:1px solid #CCCCCC; border-radius:3px 3px 3px 3px; box-shadow:0 1px 1px #ddd inset; width:300px; }
.cat_dropdown_small { width:200px; }
.cat_dropdown_smaller { width:150px; color:#666; }
.cat_textbox_small,.cat_listbox_small { width:200px; 
/* DON'T TOUCH THIS */
}
.cat_textbox { height:20px; }
.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; color:#666; }
.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; }
.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; }
.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; }
.blog-list span { color:#888; }
.blog-container h1 { font-size:36px; line-height:40px; margin:0 0 6px; }
.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; }

.blog-post h3.post-title { border-bottom:1px solid #ccc; margin:0; padding:0 0 3px;  font-family: sans-serif; font-size: 16px; font-weight: lighter; line-height: 22px;  }
.blog-post h3.post-title a{ color: #666; text-decoration: none;}

.blog-post .post-details { color:#888; font-size:11px; margin:0 0 18px; }
.blog-container .post-list { padding-left: 20px; width:980px; margin: 0 auto; }
.blog-post .post-body { margin:0 0 15px; }
.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; 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; 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 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:.5em; 
/*margin: 0 0 0.5em 1.5em;*/
margin:0; cursor:move; }
.slidertrack { background-color:#d7d7d7; color:#333; float:left; margin:0; line-height:0; font-size:0; 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; line-height:0; 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:0; font-size:0; 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 */