/* ********************************************************** */
/* -- DO NOT DELETE THIS FILE --						      */
/*														      */
/* This is the list of CSS classes used	by modules.		      */
/* Edit these to achieve the desired look.				      */
/*														      */
/* For ALL other modules, either edit directly in the         */
/* editor or go to Administration -> Customize 			      */
/* Last Updated: 21-Sep-05
/* ********************************************************** */

/* ********************************************************** */
/* The following are used by the FAQ Search Results  	      */
/* ********************************************************** */
.faqResultsTable { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  WIDTH: 100%; 
}

/* Displays page number and Next/Previous links */
.faqResultsTableInfo { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000;
}
.faqResultsTableInfo a:visited {text-decoration:underline;color:#666666;}
.faqResultsTableInfo a:link {text-decoration:underline;color:#666666;}
.faqResultsTableInfo a:hover {text-decoration:none;color:#000000;}

/* Displays column headings for FAQ results */
.faqResultsTableHead { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: bold; 
  COLOR: #403B6A; 
  HEIGHT: 25px;
  BACKGROUND-COLOR: #eae7de;
}

.faqResultsTableCount { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #646569; 
  BACKGROUND-COLOR: #f5f4ef;
  WIDTH: 5%;
  HEIGHT: 20px;
  TEXT-ALIGN: center;
}

.faqResultsTableQuestion { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #646569; 
  BACKGROUND-COLOR: #f5f4ef;
  WIDTH: 60%;
  HEIGHT: 20px;
}
.faqResultsTableQuestion a:visited {text-decoration:none;color:#666666;}
.faqResultsTableQuestion a:link {text-decoration:none;color:#666666;}
.faqResultsTableQuestion a:hover {text-decoration:underline;color:#000000;}

.faqResultsTableCategory { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #646569; 
  BACKGROUND-COLOR: f5f4ef;
  WIDTH: 35%;
  HEIGHT: 20px;
}

/* ********************************************************** */
/* The following are used by Search Engine Results module     */
/* ********************************************************** */
.searchTable {
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  WIDTH: 100%; 
}

.searchTableCount { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
}

.searchTableIcon { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.searchtableTitle { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.searchTableSummary { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
}
.searchTableSummary a:visited {text-decoration:none;color:#666666;}
.searchTableSummary a:link {text-decoration:none;color:#666666;}
.searchTableSummary a:hover {text-decoration:underline;color:#000000;}


/* ********************************************************** */
/* The following are used by:						    	  */
/* - Web Forms										    	  */
/* - Campaign Subscription Box						    	  */
/* - Secure Zone Login Box							    	  */
/* - Search Engine Box								    	  */
/* - FAQ Search Box									    	  */
/* - Online Shop Product Search Box					    	  */
/* - Industry Content Search Box					          */
/* ********************************************************** */
INPUT.Cat_Button { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  HEIGHT: 17px; 
  BACKGROUND-COLOR: #F3F1F2; 
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
}

INPUT.Cat_TextBox { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  WIDTH: 300px; 
}

INPUT.Cat_TextBox_Small { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  WIDTH: 150px; 
}

SELECT.Cat_DropDown { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  WIDTH: 300px; 
}

SELECT.Cat_DropDown_Small { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff;
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  WIDTH: 150px; 
}
   
SELECT.Cat_DropDown_Smaller { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff;
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  WIDTH: 100px; 
}

TEXTAREA.Cat_ListBox { 
  FONT: 11px Verdana, Arial, Helvetica; 
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  WIDTH: 300px; 
  HEIGHT: 200px; 
}

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

/* ********************************************************** */
/* The following are used by Catalogue/Products               */
/* ********************************************************** */
.catalogueTable { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  WIDTH: 100%; 
}

.catalogueItem { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.productTable { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  WIDTH: 100%; 
}

.productSelectInput {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


.productItem { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* Text box to specify quantity for a product to add to cart */
.ProductTextInput { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #ffffff; 
  BORDER-TOP: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  WIDTH: 50px; 
} 

/* Add to Cart Submit button displayed for each product */
.ProductSubmitInput { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #666666; 
  BACKGROUND-COLOR: #F3F1F2; 
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
}

/* Shopping cart summary view */
.cartSummaryTable { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.cartSummaryItem { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.cartSummaryLink { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* Shopping cart detailed view */
.cartTable { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  WIDTH: 100%; 
}

.cartTitleItem {
	FONT: 11px Verdana, Arial, Helvetica;
	FONT-WEIGHT: normal;
	COLOR: #403B6A;
	BACKGROUND-COLOR: #EAE7DE;
	PADDING: 5px;
}

.cartItem {
	FONT: 11px Verdana, Arial, Helvetica;
	FONT-WEIGHT: normal;
	COLOR: #333333;
	BACKGROUND-COLOR: #F5F4EF;
	BORDER-TOP: none;
	BORDER-LEFT: none;
	BORDER-BOTTOM: solid;
	BORDER-RIGHT: solid;
	BORDER-COLOR: #CCCCCC;
	BORDER-WIDTH: 1px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
}

.cartLink {
	FONT: 10px Verdana, Arial, Helvetica;
	FONT-WEIGHT: bold;
	COLOR: #3F3C6B;
}

.cartInputText { 
  WIDTH: 30px;
}

/* Shipping details can either be displayed in drop down or as radiobutton list */
.shippingDropDown { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

.shippingInputRadio { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
}

/* ********************************************************** */
/* The following are used by Photo Gallery   	              */
/* ********************************************************** */
.photogalleryTable { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  margin-right: 10px;
  float: left;
}

.photogalleryItem { 
  FONT: 11px Verdana, Arial, Helvetica;
  FONT-WEIGHT: normal; 
  COLOR: #666666;
}
.photogalleryItem a:visited {text-decoration:underline;color:#666666;}
.photogalleryItem a:link {text-decoration:underline;color:#666666;}
.photogalleryItem a:hover {text-decoration:none;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;
} 

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