/* TAGS */
/* **** */
BODY
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
}


}

INPUT, SELECT
{
	font-family:Tahoma, Verdana, Arial, Sans-Serif;
	font-size:10px;
	font-weight: normal ;
	font-style: normal ;
	text-decoration: none;
	color: #000000;	
	height:19px;
}

IMG
{
	border:none;	
}

TABLE
{
	border:none;	
}

a	{
	color: #4F7D8E;
	text-decoration: none;
	font-size: 11px;
	}
a:hover {
	color: #CF8394;
	}	



/* Classes */
/* ******* */

/* The following Classes can be selected within Zpider for Webattributes and text */

/* The .text????? group are generally used for styling lists such as the shopping cart */

.textTitleLeftAlign  {  
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	text-align: left;
	} 
.textTitleRightAlign {  
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	text-align: right;
	} 

.textDataLeftAlign { 	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;  
	font-style: normal; 
	text-align: left; 
	} 
.textDataRightAlign  {  
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px;  
	font-style: normal; 
	text-align: right;
	} 

/* The .table????? group are used for larger table such as the order screen and product lists */

.tableTitleLeftAlign  { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #ADC2CA;
	text-align: left; 
	}
 
.tableTitleCenterAlign { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #ADC2CA;
	text-align: center; 
	}
 
.tableTitleRightAlign  { 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 13px;
	color: #ADC2CA;
	text-align: right; 
	} 

.tableDataLeftAlign  {  
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3B6E81;
	text-align: left; 
	}
 
.tableDataCenterAlign  {  
	font-family:Arial, Helvetica, sans-serif; 
		font-weight: normal;
	font-size: 11px;
	color: #3B6E81;
	text-align: center; 
	}
 
.tableDataRightAlign {  
	font-family:Arial, Helvetica, sans-serif;
		font-weight: normal;
	font-size: 11px;
	color: #3B6E81;
	text-align: right; 
	} 
/* *************************************************** */

/* The .article_heading class describes the heading above the product list in the ARTICLELIST template */

.article_heading
{
	color:#ADC2CA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:23px;
	vertical-align: top;
}

.article_ingress
{
	color:#000000;
	font-family:Tahoma, Verdana, Arial, Sans-Serif;
	font-size:11px;
	font-weight:bold;
}

.errorInfo { font-family:Tahoma, Verdana, Arial, Sans-Serif; font-style: normal; color: red; font-size:12px; font-weight:bold; text-align: left; }

.Background {

	margin: 0px;
	padding: 13px;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	width: 1024px;
	height: 78px;
	
}

.BannerLogoBG
{ 
	background-repeat:  repeat-x ;
}


/* BOX DARK classes */
/* **************** */


/* This class is overridden by the colour setting in Zpider's administation */

.boxbackground_dark
{
	background-color:#D8E2E6;	
}

/* Search and Shopping Cart heading used in GROUPLISTBOX template */

.boxheading_dark
{
	font-weight:bold;
	color:#ffffff;
	vertical-align: text-bottom ;
	font-size:0px;
	height:30px;
	background-color:#CF8394;
}

/* BOX LIGHT classes */
/* ***************** */

/* ZpiderTree heading used in GROUPLISTBOX template */

.boxheading_light
{
	font-weight:bold;
	color:#ffffff;
	background-color:#D8E2E6;
	vertical-align: text-bottom ;	
	font-size:13px;
	height:18px;
}

/* This class is overridden by the colour setting in Zpider's administation */

.boxbackground_light
{
	background-color:#D8E2E6;	
}



/* Search classes */
/* ************** */

.Search_text
{
	height:19px;
	width:212px;
	font-size:11px;
}

/* ZpiderTree */
/* ********** */
.zpidertree
{
    color: #000000;
    background-color:#D8E2E6;
	white-space: nowrap;
    overflow:auto;
    scrollbar-base-color:#ADC2CA;
    width: 201px;
	height:288px;
}

.zpidertree img
{
	vertical-align: middle;
}

/* ShoppingCart */
/* ************ */

.shoppingcart_textarea
{
	background-color:#D8E2E6;	
	width:201px;
	vertical-align:middle;
	overflow:auto;
	scrollbar-base-color:#ADC2CA;
	height:108px;
}


/* PurchaseList */
/* ************ */
.purchaselist_textbox
{
	background-color:#ffffff;	
	width:170px;
	height:315px;
	overflow: auto;
	color:#000000;
	scrollbar-base-color:#EEE4D6;
}

.infolist_textbox
{
	background-color:#ffffff;	
	vertical-align:top;
	width:170px;
	height:113px;
	overflow:auto;
	scrollbar-base-color:#EEE4D6;
}

.infolist_textbox img
{
	vertical-align: middle;
}

/* The BUTTON class describes general purpose buttons */

.button
{
	background-color: #F8F9FA;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	width: 160px;
	font-weight: bold;
	font-size: 9px;
	color: #CF8394;
	border: solid 1px #3B6E81;
	height:30px;

	/* This code is used to produce the button:hover effect on Internet Explorer */
	/* h: expression(onmouseover=new Function("this.style.backgroundColor='#ADC2CA'; this.style.color='#FFFFFF';"), */
                       /* onmouseout=new Function("this.style.backgroundColor='#3B6E81'; this.style.color='#FFFFFF';")); */
    }

	}
.button:hover {

	}	

/* The FLOWBUTTON class is used for the 'got to cart' and the buttons to progress through placing an order */

.FlowButton
{
	background-color: #F8F9FA;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	width: 160px;
	font-weight: bold;
	font-size: 9px;
	color: #CF8394;
	border: solid 1px #3B6E81;
	height:30px;
	
	/* This code is used to produce the flowbutton:hover effect on Internet Explorer */
	/* h: expression(onmouseover=new Function("this.style.backgroundColor='#DDA8B4'; this.style.color='#FFFFFF';"), */
                       /* onmouseout=new Function("this.style.backgroundColor='#CF8394'; this.style.color='#FFFFFF';")); */
    }

	}
.FlowButton:hover {
	
	}	


.Input_amount
{
	text-align:right;
	height:17px;
}

.Input_text
{
	text-align:left;
	height:17px;
}

.document_detail
{
	background-color:#ffffff;
}

/* Article_properties */
/* ****************** */
.title_whitebox{background-color:#ffffff;padding-left:5; font-size:10px; text-align:left;vertical-align:text-top ; }
.data_whitebox{background-color:#ffffff;color:#000000; padding-right:5; font-size:10px; text-align:right;vertical-align:text-top ;}
.data_whitebox_Bold{background-color:#ffffff;color:#000000; padding-right:5; font-size:10px; text-align:right;vertical-align:text-top; font-weight:bold; }

.title_lightbox{background-color:#9CABBA;padding-left:5; font-size:10px; text-align:left;vertical-align:text-top ;}
.data_lightbox{background-color:#9CABBA;color:#000000; padding-right:5; font-size:10px; text-align:right;vertical-align:text-top ;}
.data_lightbox_Bold{background-color:#9CABBA;color:#000000; padding-right:5; font-size:10px; text-align:right;vertical-align:text-top; font-weight:bold; }

/* Discount details window */
/* *********************** */
.discount_details
{
	position: absolute; 
	z-index: 1; 
	width: 195px; 
	left: 0px; 
	top: 0px; 
	display:none; 
	border-style: solid; 
	border-width: 1px; 
	background-color: white
}

/* Show window */
/* *********** */
.showelement
{
	border-style: solid; 
	border-width: 0px;
	border-color: #C0C0C0;
	background-color: white;
}

.showelement p
{
   margin-top: 4px;
	margin-bottom: 4px;
	color: #3b6e81;
}

.showelement A:link           {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #00579C; font-weight: bold;}
.showelement A:visited			{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #00579C; font-weight: bold;}	
.showelement A:active			{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color:	#00579C; font-weight: bold;}
.showelement A:hover				{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: underline; color: #00579C; font-weight: bold;}
.showelement A:visited:hover	{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: underline; color: #00579C; font-weight: bold;}		

.showelement_promoprice       {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #BB0000; font-weight: bold;}
.showelement_title            {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: black; background-color: #EEEEEE; font-weight: bold;}


/* Curteis */
/* ******* */

/* the TOP ID controls the look of the TOP template.  The .left and .right classes describe the */
/* left, middle and right text and menu items in the TOP template. */

#top {
	margin: 0px;
	border-bottom: 5px #FFFFFF solid;
	padding: 0px 0px;
	text-align: left;
	background-color: #CF8394;
	color: #000000;
	width=100%;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	}

#top a {
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 30px;
	background-color: #3B6E81;
	border-right: 5px solid #FFFFFF;
	float: left;
	}		
#top a:hover {
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 30px;
	background-color: #ADC2CA;
	border-right: 5px solid #FFFFFF;
	}
#top .middle {
	color: #CF8394;
	}

#top .right a {
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 30px;
	background-color: #CF8394;
	border: none;
	float: right;
	}	
#top .right a:hover {
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 30px;
	background-color: #DDA8B4;
	border: none;
	}

/* the BANNER ID controls the look of the BANNER and BANNERBLANK template. */
/* the logo class describes the formatting of the logo element */

#banner {
	margin: 0px;
	padding: 0px 0px;
	text-align: left;
	background-color: #fffff;
	color: #000000;
	width: 1024px;
	height: 78px;
	font-size: 11px;
	}	

#banner .logo	{
	vertical-align: bottom;
	}

/* BANNERMENU ID relates to the BANNERMENU module */

#bannermenu {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/lower_linework.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 1024px;
	height: 95px;

	font-size: 10px;
	text-align: right;
	color: #4F7D8E;
	vertical-align: bottom;

	}

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

.zpidertree FORM {
	padding: 10px 20px;
	margin: 0px;
}


.zpidertree TD {
	width: 180px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 10px;
	color: #3B6E81;
	border-bottom: dotted 1px #3B6E81;
	}

.zpidertree INPUT {
	text-align: left;
	background-color: #F8F9FA;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	width: 160px;
	font-weight: bold;
	font-size: 9px;
	color: #CF8394;
	border: solid 1px #3B6E81;
	}