/* ****************************************************** */
/* This is the complete list of CSS classes used by       */
/* Business Catalyst modules. You can customize these to  */
/* achieve your desired look and feel.					  */
/* -- DO NOT DELETE THIS FILE --						  */
/* ****************************************************** */

/* ****************************************************** */
/* The following are used for all dropdowns, input boxes, */
/* listboxes and buttons. Used in Web Forms and FAQs      */
/* ****************************************************** */

INPUT.cat_button { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  HEIGHT: 20px; 
  BACKGROUND-COLOR: #ffffff; 
}

INPUT.cat_textbox { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  WIDTH: 250px; 
}

INPUT.cat_textbox_small { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  WIDTH: 150px; 
}

SELECT.cat_dropdown { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  WIDTH: 250px; 
}

SELECT.cat_dropdown_small { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff;
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  WIDTH: 150px; 
}
   
SELECT.cat_dropdown_smaller { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff;
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  WIDTH: 100px; 
}

TEXTAREA.cat_listbox { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  WIDTH: 250px; 
  HEIGHT: 150px; 
}

TEXTAREA.Cat_ListBox_Small { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #7b9ebd 1px solid; 
  BORDER-LEFT: #7b9ebd 1px solid; 
  BORDER-BOTTOM: #7b9ebd 1px solid; 
  BORDER-RIGHT: #7b9ebd 1px solid; 
  WIDTH: 150px; 
  HEIGHT: 100px; 
}

/* ****************************************************** */
/* The following are used with Web Forms		  */
/*							  */
/* ****************************************************** */

.webformtable { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ****************************************************** */
/* The following are used with Web Forms		  */
/*							  */
/* ****************************************************** */

.securezonetable { 
  FONT: 8pt Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ****************************************************** */
/* The following are used with the FAQ module		  */
/*							  */
/* ****************************************************** */
.faqsearchtable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.faqresultstable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  WIDTH: 100%; 
}

.faqresultstablehead { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: bold; 
  COLOR: #ffffff; 
  BACKGROUND-COLOR: #A8BAC8;
}

.faqresultstablecount { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #646569; 
  BACKGROUND-COLOR: #F3F1F2;
  WIDTH: 5%;
}

.faqresultstablequestion { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #646569; 
  BACKGROUND-COLOR: #E9EEF2;
  WIDTH: 80%;
}

.faqresultstablecategory { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #646569; 
  BACKGROUND-COLOR: #F3F1F2;
  WIDTH: 15%;
}

/* ****************************************************** */
/* The following are used with the faq module             */
/*							  */
/* ****************************************************** */
.faqtable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ****************************************************** */
/* The following are used with the literature module      */
/*							  */
/* ****************************************************** */
.literaturetable { 
  FONT: normal 8pt Verdana, Arial, Helvetica; 
  COLOR: #000000; 
}

/* ****************************************************** */
/* The following are used with the announcement module    */
/*							  */
/* ****************************************************** */
.announcementtable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ****************************************************** */
/* The following are used with the email lists module     */
/*							  */
/* ****************************************************** */
.emaillisttable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ****************************************************** */
/* The following are used with the search module          */
/*							  */
/* ****************************************************** */
.searchtable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.searchresultstable { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.searchitemtitle {
	FONT: 8pt Verdana, Arial, Helvetica;
	FONT-WEIGHT: bold;
	COLOR: #000000;
}

.searchitemsummary { 
  FONT: 8pt Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}



/* ********************************************************** */
/* The following class is used by modules that render tables  */
/* ********************************************************** */
.tableDefault { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ********************************************************** */
/* The following are used by error module   	              */
/* ********************************************************** */
.error {
	FONT: 11px Verdana, Arial, Helvetica;
	FONT-WEIGHT: bold;
	COLOR: #FF0000;
}
.searchitemtitleblue {
	FONT: 8pt Verdana, Arial, Helvetica;
	FONT-WEIGHT: bold;
	COLOR: #0054B7;
}


.searchitemtitlebsentinal {
	FONT: 8pt Verdana, Arial, Helvetica;
	FONT-WEIGHT: bold;
	COLOR: #0590B1;
}



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