body {
	margin: 0;
	Padding: 0;	
   background-color : #FFFFFF;
	/*313B3A*/
	font-family : Arial;
	font-size  : 12px;
	color: #000000;
	background-image : url(Images/leftbglong.png);
	background-repeat: repeat;
}


#container {
	overflow:hidden;
	min-width : 1020px;
	position:relative;
	/*background-color : #FFFFFF;*/
}

.holder {display:block; color:#000;}

* html .container {border-right:1020px solid #fFf;}
* html .holder {display:inline-block; position:relative;margin-right:-1020px; }


#container .column {
  position: relative;
  float: left;
 
 /* padding-bottom: 20010px;  /* X + padding-bottom */
  /* margin-bottom: -20000px;  /* X */
}  

.leftcolumn
{
  position: relative;
  float: left;

}

#center {
 background-color : #FFFFFF;
  width: 620px;


  padding: 0px;
  margin: 0px;
}
#left {
	background-color : #FFFFFF;
	width: 180px;          /* LC width */	

}

#leftinner
{
	width: 100%;
	background-image : url(Images/leftbg.png);
	background-repeat: repeat;
	
   padding-bottom: 20010px; 
   margin-bottom: -20000px; 

}

#right {
	background-color : #FFFFFF;
	width: 195px;          /* RC width */
	
 
}

.header
{
	background-color : #50605F;
	width : 100%;
	height : 20px;
	margin : 0px;
	padding : 0px;

}

#footer {
  clear: both;
  position: relative;
}


A:link	{	
	text-decoration:	none;
	color: #87212E;
	
	/* 87212E */
	}	
		
A:visited	{	
	text-decoration:	none;
	color: #87212E;
	}	
		
A:active	{	
	text-decoration:	none;
	color: #87212E;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color: #B29A00;
	}
	
A.pagelink:link	{	
  font-family: Arial ;
  font-size : 12px;
	text-decoration:	none;
	color: #87212E;
 
	}	
		
A.pagelink:visited	{	
	text-decoration:	none;
	color: #87212E;

	}	
		
A.pagelink:active	{	
	text-decoration:	none;
	color: #87212E;

	}	
		
A.pagelink:hover	{	
	text-decoration:	underline;
	color: #B29A00;
	
	}	
	
A.langlink:link	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}	
		
A.langlink:visited	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}	
		
A.langlink:active	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}	
		
A.langlink:hover	{	
	text-decoration:	underline;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}

/* --- CAT COLUMN --- */

#homelanguagelink
{
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	padding-left: 57px;	
	padding-top : 13px;

}

#logodiv
{
	width : 100%;
	height: 140px;
	background-image : url(Images/leftlogobg.png);
	background-repeat: repeat;
	margin-top : 12px;
	margin-bottom: 20px;
}

#logo
{
	margin-left: 50px;
	margin-top: 25px;
}

.catlink
{
	width: 100%;
	height: 25px;
	background-image : url(Images/leftlinkbg.png);
	background-repeat: repeat;
	font-size : 12px;
	font-family : Arial;
	
   color: #FFFFFF;
	margin-top : 1px;
 
}

/* --- CAT MENU --- */

.CATpanelbarHeader 
{                   
         FONT-SIZE: 12px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         font-weight: bold;
         cursor: hand;
         cursor: pointer;
         margin-top: 1px;
         margin-bottom: 0px;
         padding-left: 45px;        
			background-image : url(Images/leftlinkbg.png);
			background-repeat: repeat;
         height: 40px;
         width: 100%;
         white-space:normal !important;
}

.CATpanelbarHeaderHover 
{                   
         FONT-SIZE: 12px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         font-weight: bold;
         cursor: hand;
         cursor: pointer;
         margin-top: 1px;
         margin-bottom: 0px;
         padding-left: 45px;        
			background-image : url(Images/leftlinkselbg.png);
			background-repeat: repeat;
         height: 40px;
         width: 100%  ;   
         white-space:normal !important;
}

.CATpanelbarHeaderExpand
{
         FONT-SIZE: 12px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         font-weight: bold;
         cursor: hand;
         cursor: pointer;
         margin-top: 1px;
         margin-bottom: 0px;
         padding-left: 45px;        
			background-image : url(Images/leftlinkselbg.png);
			background-repeat: repeat;
         height: 40px;
         width: 100% ;
         white-space:normal !important;      
         
    
}

.CATpanelbarItem 
{
         FONT-SIZE: 11px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 45px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.CATpanelbarItemExpanded
{
         FONT-SIZE: 11px; 
         COLOR: #FFFFFF;
         background-color :#445453 ; 
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 45px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}


.CATpanelbarItemSelected
{
         FONT-SIZE: 11px; 
         COLOR: #FFFFFF;
         background-color :#445453 ; 
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 45px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.CATpanelbarItem2
{
         FONT-SIZE: 11px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 45px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.CATpanelbarItem2Expanded
{
         FONT-SIZE: 11px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 45px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.CATpanelbarItem2Selected
{
         FONT-SIZE: 11px; 
         COLOR: #FFFFFF;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 45px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

/* --- AUD MENU --- */

.AUDpanelbarHeader 
{                   
         FONT-SIZE: 12px; 
         COLOR: #000000;
         FONT-FAMILY: Arial,Verdana;
         font-weight: bold;
         cursor: hand;
         cursor: pointer;
         margin-top: 1px;
         margin-bottom: 0px;
         padding-left: 15px;       
         height: 25px;
         width: 100%;
         white-space:normal !important;
}

.AUDpanelbarHeaderHover 
{                   
         FONT-SIZE: 12px; 
         COLOR: #87212E;
         FONT-FAMILY: Arial,Verdana;
         font-weight: bold;
         cursor: hand;
         cursor: pointer;
         margin-top: 1px;
         margin-bottom: 0px;
         padding-left: 15px;       
         background-image : url(Images/audlinkselbg.png); 
			background-color: #CCCCCC;
         height: 25px;
         width: 100%    ;
         white-space:normal !important; 
}

.AUDpanelbarHeaderExpand
{
         FONT-SIZE: 12px; 
         COLOR: #87212E;
         FONT-FAMILY: Arial,Verdana;
         font-weight: bold;
         cursor: hand;
         cursor: pointer;
         margin-top: 1px;
         margin-bottom: 0px;
         padding-left: 15px;        
			background-image : url(Images/audlinkselbg.png);
			/*background-repeat: repeat;
       */
			background-color: #CCCCCC;
			height: 25px;
         width: 100%   ;
         white-space:normal !important;    
         
    
}

.AUDpanelbarItem 
{
         FONT-SIZE: 11px; 
         COLOR: #87212E;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 25px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
         
}

.AUDpanelbarItemSelected
{
         FONT-SIZE: 11px; 
         COLOR: #87212E;
         background-color : #DEDEDE; 
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 25px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.AUDpanelbarItemExpanded
{
         FONT-SIZE: 11px; 
         COLOR: #87212E;
         background-color : #DEDEDE; 
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 25px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.AUDpanelbarItem2
{
         FONT-SIZE: 11px; 
         COLOR: #87212E;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 25px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.AUDpanelbarItem2Expanded
{
         FONT-SIZE: 11px; 
         COLOR: #87212E;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 25px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

.AUDpanelbarItem2Selected
{
         FONT-SIZE: 11px; 
         COLOR: #87212E;
         FONT-FAMILY: Arial,Verdana;
         width: 100%;
         cursor: hand;
         cursor: pointer;        
         padding-left: 25px;
         padding-top: 4px;
         padding-bottom: 4px;
         white-space:normal !important;
}

/* --- content area css --- */

.bannerimage
{

}

.mainheader
{
 	FONT-SIZE: 16px; 
   COLOR: #87212E;
   FONT-FAMILY: Arial, Verdana; 
   font-weight: bolder ;
   padding-left:10px;
   padding-right: 10px;
   padding-top: 6px;
   padding-bottom: 5px;  
 
}

.maintext
{
	FONT-SIZE: 12px; 
   COLOR: #000000;
   FONT-FAMILY: Arial,Verdana;
   padding-left:10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;  
  

}

h1
{
	font-family : Arial ;
	font-size : 16px;
	color: #87212E;
	display :inline ;
	margin : 0px;
	padding: 0px;	

}

h2
{
	font-family : Arial ;
	font-size : 14px;
	color:  #87212E;
	display :inline ;
	margin : 0px;
	padding: 0px;	
}

h3
{
	font-family : Arial ;
	font-size : 13px;
	color:  #87212E;
	display :inline ;
	margin : 0px;
	padding: 0px;	
}

h4
{
	font-family : Arial ;
	font-size : 16px;
	color:  #000000;
	display :inline ;
	margin : 0px;
	padding: 0px;	
}

h5
{
	font-family : Arial ;
	font-size : 13px;
	color:  #000000;
	display :inline ;
	 margin : 0px;
	 padding: 0px;	
	 
}

.blocklink
{
	 margin : 0px;
	 padding: 0px;	
	display :block ;
	
}

/* --- right column --- */

.rightcontent
{
	width: 100%;
	background-color: #FFFFFF;

}

.rightaudheader
{	
	background-color: #87212E;
	color: #FFFFFF;
	font-family: Arial ;
	font-size: 14px;
	font-weight: bold;
	margin-top: 2px;
	
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.rightaudcontent
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial ;
	font-size: 11px;
	font-weight: bold ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;

margin-left: 0px;
margin-bottom: 10px;
}

.copyrightholder
{
	text-align :left ;
}

.copyright
{
	color: #666;
	font-family: Arial ;
	font-size: 10px;	
	border-top: solid 1px #ddd;
	width: 550px;
	padding-top: 5px;
	margin-left : 20px;
	
}

/* SPLASH CSS */

body.splash {
	margin: 0;
	Padding: 0;	
   background-color : #FFFFFF;
	text-align:center;
	background-image : none;

}

div.splashmain
{	
	width: 730px;
	margin : 0px auto;
	margin-top: 50px;
}

div.splashrow1
{
  background-color : #50605F;
  width: 730px;
  height: 15px;
}

div.splashrow2
{
 background-color: #FFFFFF;
  width: 730px;
  height: 5px;
  
}

div.splashrow3
{
background-color: #FFFFFF;
 width: 730px;
 height: 150px;
}

div.splashrow4
{
background-color: #FFFFFF;
 width: 730px;
 height: 5px;
}

div.splashrow5
{
	background-color: #87212E;
	width: 730px;
	height: 90px;
	text-align:center;
	margin: 0px;
	padding: 0px;
}

div.splashrow6
{
background-color: #791E29;
width: 730px;
 height: 40px;
 	margin: 0px;
	padding: 0px;
	
}

div.splashrow7
{
 background-color: #87212E;
 width: 730px;
  height: 30px;
  	margin: 0px;
	padding: 0px;
}

img.splashcchsa
{
	padding-top: 10px;
	padding-bottom: 0px;
}

img.splashimg1
{

	margin-right: 3px;
}

img.splashimg2
{
	margin-right: 3px;
}

img.splashimg3
{

	margin-right: 5px;
}

img.splashimg4
{
  	margin: 0px;
	padding: 0px;
}

img.splasheng
{
  	margin: 0px;
	padding: 0px;
	
}

img.splashfre
{
  	margin: 0px;
	padding: 0px;
	
}

/* --- NEWS --- */

.newsimgcell
{
 padding-top : 4px; 
  vertical-align :top;
}

.newslinkcell
{

  vertical-align :top;
}

A.newslink:link	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	font-weight: bold ;
	}	
		
A.newslink:visited	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	font-weight: bold ;
	}	
		
A.newslink:active	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	font-weight: bold ;
	}	
		
A.newslink:hover	{	
	text-decoration:	underline;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	font-weight: bold ;
	}
	
.morenewslink
{
 text-align :right ;
}

/* --- SEARCH --- */

.searchterm
{
	color: #87212E;
	font-family: Arial ;
	font-size: 12px;
	font-style: italic ;
}

.searchresitem
{
	display: block ;
	padding-bottom: 10px;

}

.searchrestitlebar
{
	display: block ;
}
.searchrestitle
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial ;
	font-size: 14px;
	display: inline ;



}

.searchresrank
{
	display: inline ;

}

.searchressummary
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial ;
	font-size: 12px;
	display: block ;
	padding-left: 25px;	
}

/*** *** Leading Practice *** ***/

.displayText
{
   font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold ;
}
.inputText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #606060;
  
}
.inputTextRT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #606060;
	text-align: right;
	padding-right:5px;
}
.inputTextLT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #606060;	
	padding-left:5px;
}

.errorText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

.noteText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	FONT-VARIANT: normal;
	color: #606060;
}
.NoteTextRed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FF3333;
}
.QTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #87212E;
}

.QText
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bolder;
	color: #606060;
	cursor: pointer;
	text-decoration:underline;
}
.ATitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #6060FF;
}
.AText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: normal;
	color: #606060;
	cursor: pointer;
}
.dgHeader
{
	background: gainsboro;
	background-image: url(images/stripes.gif);
	Font-Size: 12px;
	font-weight: bolder;
	Color: #990000;	
	border-bottom: double 3px #990000;
	height: 40PX;
}
.dgRow
{
	background-color:  white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #606060;
}
.dgRowAlt
{
	background-color: #F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #606060;
}
.dgRowSelected
{
    background-color: #98FB98; /*palegreen*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #606060;
}
.dgPager
{
    background-color: #C0C0C0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	border-bottom: solid 1px #87212E;
}
.SummaryBtn
{
    height: 50px;
    background-color: #F0F0F0;
    border-top: double 3px #87212E;
    border-bottom: solid 1px #87212E;
    text-align: center;
    vertical-align: middle;
}
.toggleImg
{
    cursor: pointer;
}

/* --- NATIONAL REPORTS -------------------------------------- */

.NationalReportLink
{
 padding-bottom : 10px;
 display : block ;
 font-size : 13px;
  font-weight : bold ; 

}

.NationalReportLinkOnly
{
 display : block ;
 font-size : 13px;
 font-weight : bold ; 
  

}

/* --- HR -----------------------------------------------------*/

.HRTitle
{
	font-family : Arial;
	font-size  : 13px;
	color: #000000;
	font-weight : bold ;

}




/* --- 404/Error Page ------------------------------------------------------*/

.errorrow
{
 display :block ;
 padding-top: 5px;
 padding-bottom: 5px;

}

.errortitle
{

 font-family: Arial;
	font-size: 30px;
	font-weight: bold ;
	
	  text-align : center  ;
color: #FFFFFF;
width: 500px;
padding-bottom: 3px;
border-bottom-style:solid ;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;

}

.errortext
{
 display: inline-block ;
 font-family: Arial;
	font-size: 16px;
	font-weight: bold ;
	
	color: #FFFFFF;
	

  vertical-align :middle ;

}


.errorsupport
{
font-family: Arial;
font-size: 10px;
color: #FFFFFF;
 font-style :italic ;
 padding-bottom: 3px;

}

A.error:link	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}	
		
A.error:visited	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}	
		
A.error:active	{	
	text-decoration:	none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}	
		
A.error:hover	{	
	text-decoration:	underline;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight: bold ;
	}
	
/* Shopping Pages --------------------------------------- */

span.shopColumnHdr {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	color: #777777;
}

/* Side Basket */

span.sideBasketIDHdr {
	color: #777777;
	display: inline-block;
	font-weight: bold;
	width: 25px;
	vertical-align: top;
	padding: 1px;
}

span.sideBasketQtyHdr {
	color: #777777;
	display: inline-block;
	font-weight: bold;
	width: 20px;
	vertical-align: top;
	padding: 1px;
}

span.sideBasketDescHdr {
	color: #777777;
	display: inline-block;
	font-weight: bold;
	width: 125px;
	vertical-align: top;
	padding: 1px;
	padding-bottom: 6px; 
}

span.sideBasketItemID {
	display: inline-block;
	font-weight: normal;
	width: 25px;
	vertical-align: top;
	padding: 1px;
}

span.sideBasketItemQty {
	display: inline-block;
	font-weight: normal;
	width: 20px;
	vertical-align: top;
	padding: 1px;
}

span.sideBasketItemDesc {
	display: inline-block;
	font-weight: normal;
	width: 125px;
	vertical-align: top;
	padding: 1px;
	padding-bottom: 10px; 
}


/* Catalogue Page */

div.publicationTitle {
	font-weight: bold;
	padding-bottom: 8px
}

div.publicationDetails 
{
	padding: 16px;
}

.divworkshop
{
	width: 100%;		
	margin-top: 2px;
	margin-bottom : 5px;
	float:left;
	padding-bottom: 20px;

}

div.workshopTitle {
	background-color: #f1f1f1;	
	font-weight: bold;
	padding: 6px;

}

div.workshopDetails 
{
	padding: 16px;
}

.divLangPanel
{
	width: 100%;		
	margin-top: 2px;
	margin-bottom : 5px;	
	float:left;

	
}

.divSessionLangTitle
{
	 font-family :Arial ;
	  font-size : 14px;
	  color : #87212E ;	 
	  width: 100%;
	  margin-bottom : 5px;
	  border-bottom: solid 1px #87212E;
	  	
}

.divSessionHeaders
{
	 font-family :Arial ;
	  font-size : 12px;
	  color : #000000 ;
	  font-weight :bold ;
	   
	  clear : both ;
}

.divSessionLocationTitle
{

	
	width: 130px;
	float: left ;
}


.divSessionLocationDate
{

	
	width: 120px;
	float: left ;
}

.divSessionLocationStatus
{

	
	width: 100px;
	float: left ;
}

.divSessionLocationDeadline
{

	
	width: 130px;
	float: left ;
}

.divSessionItem
{
	width :100%;
	
	clear : both ;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family :Arial ;
	font-size : 12px;
	color : #000000 ;
}

 

.divSessionItemLocation
{

	
	width: 130px;
	float: left ;
}
.divSessionItemDate
{

	
	width: 120px;
	float: left ;
}
.divSessionItemDeadline
{

	
	width: 130px;
	float: left ;
}
.divSessionItemStatus
{

	
	width: 100px;
	float: left ;
}
.divSessionItemAdd
{

	
	width: 100px;
	float: left ;	
}

/* Basket Page */

span.emptyBasket {
	line-height: 75px;
}


hr.basket {
	border: solid 0px #ff0000;
	height: 1px;
	color: #e1e1e1;
}

/* Basket Items */

td.itemRemove {
	width: 50px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
}

td.itemID {
	width: 60px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
}

td.itemDesc {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
}

td.itemQty {
	width: 20px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	text-align: center;
}

td.itemUnitPrice {
	width: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 6px;
}

td.itemDiscount
{
	width: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 6px;
}

td.itemPrice {
	width: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 6px;
}

input.basketBtn {
	font-size: 8pt;
	font-weight: bold;
	height: 22px;
	width: 150px;
}

span.subtotalTitle {
	font-weight: bold;
	color: #777777;
	padding: 10px;
}

span.subtotal {
	font-weight: bold;
	padding: 10px;
	margin-right: 0px;
}

/* Customer Page */

a.newCustomer {
	background-color: #dedede;
   padding: 8px;
   font-weight: bold;
   /*color: #cc0000;*/
}

input.customerSubmit {
	font-size: 8pt;
	font-weight: bold;
	height: 22px;
	width: 100px;
}

/* Checkout Page */

table.checkoutBasket {
	width: 600px;
}

input.checkoutSubmit {
	font-size: 8pt;
	font-weight: bold;
	height: 22px;
	width: 150px;
}




/* Checkout Basket Items */

td.checkoutItemID {
	width: 60px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
}

td.checkoutItemDesc {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
}

td.checkoutItemQty {
	width: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 6px;
}

td.checkoutItemUnitPrice {
	width: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 6px;
}

td.checkoutItemDiscount {
	width: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 6px;
}

td.checkoutItemPrice {
	width: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 6px;
}

/*  --- CREDIT CARD CSS --- */

.creditcardblock
{
	
	margin: 5px;
	border : solid 1px #AAA;	
	background-color :#EEEEEE;
}

.creditcardtitle
{
 border-bottom : solid 1px #87212E ;
	color : #87212E;	
	font-size : 14px;
	font-weight:bold ;
	margin: 5px;
	
}

.creditcardinstruct
{
	margin: 5px;
	margin-left: 10px;
	font-style :italic ;
	
}

.ccerrorgroup
{
	
	margin: 6px;
	
	
}

.ccerror
{
	margin: 5px;
	color : #87212E;	
	font-size : 12px;
	font-weight:bold ;	
	
}

.ccgroup
{
	 background-color : #DDDDDD;	
	 margin: 6px;
	 border: solid 1px #AAAAAA;
}

.creditcardlabel
{
	margin-top: 5px;	
	margin-bottom: 0px;
	margin-left: 11px;
	margin-right: 10px;
}

.creditcarddata
{
	margin-top: 0px;	
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;

}

.creditcardbutton
{
	margin-top: 10px;	
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
	
}

.addbutton
{

	/*float : right ;*/
	background-image: url(images/buttongrad01.jpg);
    background-repeat: repeat-x;
    background-color : #87212E;
	border:	solid 1px #000;
	padding : 0px;
	margin: 0px;
	color : #FFFFFF;	
	font-size : 12px;
	
	
}

.addbutton:hover
{
	
	/*float : right ;*/
	background-image: url(images/buttongrad01_over.jpg);
    background-repeat: repeat-x;
    background-color : #333333;
	border:	solid 1px #000;
	padding : 0px;
	margin: 0px;
	color : #FFFFFF;	
	font-size : 12px;
	
	
}


.submitbutton
{

	/*float : right ;*/
	background-image: url(images/buttongrad01.jpg);
    background-repeat: repeat-x;
    background-color : #87212E;
	border:	solid 1px #000;
	padding : 3px;
	margin: 0px;
	color : #FFFFFF;	
	font-size : 12px;
	
	
}

.submitbutton:hover
{
	
	/*float : right ;*/
	background-image: url(images/buttongrad01_over.jpg);
    background-repeat: repeat-x;
    background-color : #333333;
	border:	solid 1px #000;
	padding : 3px;
	margin: 0px;
	color : #FFFFFF;	
	font-size : 12px;
	
	
}

.webButton
{
	background-image: url(images/buttonsplashgrad01.jpg);
    background-repeat: repeat-x;
    background-color : #333333;
	border:	solid 1px #000;
	padding : 3px;
	width: 180px;
	margin: 0px;
	color : #FFFFFF;	
	font-size : 14px;
	font-weight: bold;
}

.webButton:hover
{
	background-image: url(images/buttonsplashgrad01_over.jpg);
    background-repeat: repeat-x;
    background-color : #87212E;    
	border:	solid 1px #000;
	padding : 3px;
	width: 180px;
	margin: 0px;
	color : #FFFFFF;	
	font-size : 14px;
	font-weight: bold;
}

.shopItemTypeTitle
{
    height: 50px; 
    background-repeat: repeat-x;
    background-color: #E0E0E0 ;
    color: black;
    border-left: solid 2px #676767;
    border-bottom: solid 1px #CCCCCC;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size : 16px;
	font-weight: bold;
 
}