/********************************************************************************************************************************************/




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

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 h2 a { color:#2b9f9e; font-weight:normal; display:block }
.announcement-list span.date { font-size: 10px; font-weight: normal; margin: 0 0 0 6px; color:#888; }
.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 */


.blogsitesummary { list-style-type:none; }
.blogsitesummary a { color:#2b9f9e; display:block; font-size:95% }
.blogsitesummary span.date { color:#888; float:left; font-size:70%; }
.blogsitesummary span.author { color:#888; float:left; margin:0 5px 0 0; font-size:70%; }
.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%; font-size:75%; }
.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: 350px; }
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: 5px 0 0 5px; }
.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: 100px; margin: 0 auto 9px auto; overflow: hidden; width: 100px; text-align: center; }
.shop-product-small .image img { height:100px; }
.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; }
.tellafriend a { background:url(/Images/share-friend.png)top center no-repeat; text-indent:-10001px; width:150px; height:23px; float:left; }
/* @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 */




h1 { font-size:26px; color:#000; }
.clear { clear:both; }
#webappMain { width:740px;float:left;position:relative;z-index:0}
#webappMain h1 { text-align:center; line-height:25px; padding:25px 0 50px 0; font-size:22px; }
.webappThreeboximg { height:410px; width:680px;float:left;}
.webappThreeboximg img {margin:0 0 10px 0px}

.webappThreeboxContent { position:absolute;top:170px;left:185px;width:390px;}
.webappThreeboxContent h2 { font-size:30px; color:#444; padding:0 0 10px 0; background:none; border:none; }
.webappThreeboxContent p { font-size:20px; color:#444; padding:0 0 10px 0; }
.needItFast { padding-left:80px; width:500px; position:absolute; left:125px; border:1px solid #777;display:none; }
.needItFast { margin:0px 100px 0 0; padding:0 0 0 0; float:left;background:#efefef; }
.needItFast p { padding:20px 2px 0 0; font-size:20px; }
.needItFast2 { margin:auto; padding:0 0 0 0; width:600px; border:1px solid #555; background:#efefef; }
.needItFast img { display:inline; margin:0 0 0 0; padding:10px 2px 0 0; }
.needItFast p { padding:20px 2px 0 0; font-size:17px; font-weight:bold; font-family:calibri, Arial, san-serif; }
.needItFast .webapp20percent { position:absolute; left:20px; bottom:70px; }
p#repair { padding:15px 0 35px 0; text-align:center; color:#000; background:none; }
.needItFast form { width:500px; margin-left:15px; }
.needItFast2 form { width:100%; margin-left:15px; }
.needItFast input.cat_textbox,
.needItFast2 input.cat_textbox { width:200px; border:1px solid #ccc; }
.needItFast form .cat_button,
.needItFast2 form .cat_button { width:96px; padding:6px 17px 6px 16px; background:url(../Images/view-more-button1.png) top center no-repeat; color:#fff;border:none; }
p.needItFastSmall,
p.needItFast2Small { font-size:13px; padding:0 0 4px 0; text-align:center; }



.space { margin:15px; text-align:center; font-size:18px; color:#003366; }
.repairEstimateForm { margin-left:350px; clear:both; }
.webappCenterBox { width:700px;margin:90px 0 50px 0px; padding:15px;float:left; }
.webappCenterBox p { font-size:22px; text-align:center; }
.webappCenterBox table { margin:auto; }


.webappThreeboxbutton { list-style-type:none;height:150px;margin:-40px 0 40px 160px;position:absolute;display:none; }

ul#webappButtons {float:left;list-style-type:none;}


ul#webappButtons li.repairButton a {float:left;margin:0px 0 0 0px; padding:119px 188px 15px 188px; background:url(/Images/repair-button202.png) top center no-repeat; width:100px; text-decoration:none;text-align:center;}

ul#webappButtons li.repairButton a:hover { background:url(/Images/repair-button20h2.png) top center no-repeat; }

ul#webappButtons li.repairButtonR a { margin:0px 0 0 150px; padding:119px 188px 15px 188px; background:url(/Images/repair-button202.png) top center no-repeat; width:350px; height:150px; text-decoration:none; color:#000; }

ul#webappButtons li.repairButtonR a:hover { background:url(/Images/repair-button20h2.png) top center no-repeat;; }


.webappSidebar { width:300px; min-height:596px; margin:0 0 0 0px; border:1px solid #000; float:left; margin:0 0 20px 0; background:#666666; }

.webappSideBarBlock h3 { font-size:14px; text-align:center; color:#fff; background:url(/Images/Webapp-header4.png); padding:15px 0 35px 0; }

.WebappTable { margin: 2px; width:296px; font-size:11px; text-align:left; border-collapse:collapse }
.WebappTable td { color:#333; padding:8px }
.WebappTable td.head { font-weight: bold }
.WebappTable .odd { background:#e8e8e8 }
.WebappTable .tableHover td { color: #194e8d; cursor: default }/*** Color ***/
.WebappTable tbody .odd a { color:#000; }
.WebappTable tbody a { color:#fff; }
.WebappTable tbody .odd a:hover { color:#009999; background:none; }
.WebappTable tbody a:hover { color:#000; background:none; }

/* @end */

/* @View for repair estimate form on repair_estimate.htm */

.repairEstimateShortForm .cat_textbox { text-align:center; color: white; background-color:#666666; font-size:30px; line-height:0; }
.repairEstimateShortForm .cat_button { text-align:center; color: white; background-color:blue; font-size:30px; line-height:0; }
.repairEstimateShortForm label { text-align:center; color: black; background-color:white; font-size:18px; line-height:0; }
.webPageSurround { margin:25px auto; width:735px; }
.noprint h2 { color:#000; }

/* @end */