/* 	-------------------------------------------------
	Reset Styles
	Not all used as will interfere with bulletin board or custom HTML
	-------------------------------------------------  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,.MiniCart h2,h3,.Pagination h3, h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,.iwz-Actions a {  
	margin:0; 
	padding:0; 
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#666;
	} 

table { 
	border-collapse:collapse; 
	border-spacing:0; 
	} 

fieldset,img {  
	border:0; 
	} 

/* address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
	} */
	
	
/*	might user this if overides tables entered by user through
.OutputTableQuestions	TH,
.Objects TH,
.header TH,
.OutputTable TH,
.InnerTable TH,
.AttributeValueTable TH { 
	font-style:normal; 
	font-weight:normal; 
	}	
*/

th { 
	font-style:normal; 
	font-weight:normal; 
	}


ol,ul { 
	list-style:none; 
	} 

caption,th { 
	text-align:left; 
	} 

h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
	} 
q:before,q:after { 
	content:''; 
	} 
abbr,acronym { 
	border:0;
	} 
	
	
/* 	-------------------------------------------------
	Page Structure: Core Blocks
	-------------------------------------------------  */

#PageShell {}	
#PageHeader { margin-bottom:30px;}
#PageBody	{
	position:relative;
	/*width:100%; for IE 6*/
	}
#PageNav {
	position:absolute;
	top:0;
	left:0;
	width:280px;
	background: #fff url(Lite_bg_navigation.gif)  repeat-y right;
	}
	
#PageContent {
	margin-left:305px;
	padding-right:30px;
	max-width:900px;
	display:inline-block;
	}	
	
.PageContentTwoCol {
	padding-right:350px;
	position:relative;
	}	
	

BODY.SurverPage {
	padding:30px;
	}


/*	-------------------------------------------------
		Page Header 
		-------------------------------------------------  */

/* Images container */
#Banner {
	/*width:100%;  for iE 6 */
	position:relative;
	overflow:hidden;
	background: #333 url(Lite_bg-Banner.gif) bottom repeat-x;
	}

/* first image */
#Banner-SubA img { float:left;}

/* Secondary Image or Tagline for top banner,
hidden by default */
#Banner-SubB img { 
	float:right;
	display:none;
}

/* 	-------------------------------------------------
	Page Structure: Menu Bar 
	site tools bar containing login and help buttons
	-------------------------------------------------  */

#MenuBar {
	padding:0;
	background: #cdcdcd url(Lite_bg-MenuBar.gif) top repeat-x;
	overflow:hidden; /* contains floating list */
	width:100%; /* needed for <i67 */
	}


#MenuBar ul {
	float:right;
	margin-left: 0;
	padding-left: 0;
	text-transform: ; /* sets the font to lower case */
 	}

#MenuBar ul li {
	float:left;
	margin:0;
	padding:0;
 	}

#MenuBar ul li a {
	display:block;
	padding:4px 10px;
	white-space:nowrap;
 }

#MenuBar ul li a,
#MenuBar ul li a:visited {
	color:#000;
	text-decoration:none; 
	}
 
#MenuBar ul li a:hover {
	color:#c60;
	} 


/* Skip Links designed to be invisible only for screen readers */
.SkipLink {
	position:absolute;
	left:-1000px;
	}


/*	-------------------------------------------------
	Page Structure: Nav and Main Body
	-------------------------------------------------	*/




/*	-------------------------------------------------
	Main Navigation - on the left
	recode for new browsers change look and feel
	-------------------------------------------------	*/


.PageNavTop {
	height:50px;
	background: url(Lite_bg_navigationTop.gif) top right no-repeat;
	}
.PageNavBottom {
	height:50px;
	background: url(Lite_bg_navigationBottom.gif) bottom right no-repeat;
	padding-bottom:20px;
	}


.nav,
.NavDrop,
.SubNav,
.SubNavBlock {
	height:1%;
	}




#MenuBg {
	display:block;
	padding:0 9px 0 20px;
  }


DIV.Nav A,
DIV.Nav A:visited,
DIV.Nav A:active
	{
	display: block;
	padding:5px 3px 5px 6px;
	font-weight:bold;
	color:#656565;
	BACKGROUND-color:;
	border-top:1px solid #f2f2f2;
	}

DIV.Nav A:hover {
	color:#C60;
	BACKGROUND-color: ;
	}

DIV.NavDrop A,
DIV.NavDrop A:visited,
DIV.NavDrop A:active	{
	display: block;
	padding:4px 3px 4px 6px;
	margin-bottom:1px;
	font-weight:bold;
	color:#656565; 
	BACKGROUND-color:;
	border-top:1px solid #f2f2f2;
}

	/*
	if using drop down menus use:
	BACKGROUND: #A7BCCB url('Ci_box-white.gif') no-repeat right;
	*/

DIV.NavDrop A:hover	{
	BACKGROUND-color:; /* no hover as not going anywhere */
	}
	/*
	if using drop down menus use:	BACKGROUND: #A7BCCB url('Ci_box-white.gif') no-repeat right;
	*/



/*  Left hand Sub Nav Menu Styles  */
DIV.SubNavBlock {
	display:block;
	}

DIV.SubNav A,
DIV.SubNav A:visited,
DIV.SubNav A:active	{
	display: block;
	padding:2px 3px 3px 20px;
	color:#6F6C72;
	BACKGROUND-color: ;
	}

DIV.SubNav A:hover	{
	BACKGROUND-color: ;
	color:#C60;
	}

/*	-------------------------------------------------
	Lefthand Details Box
	recode for new browsers cnage look and feel
	-------------------------------------------------	*/

DIV#DetailsBox {
	display:block;
	background: #fff url(Lite_bg_detailsbox.gif) repeat-y right;
	padding:0 9px 0 20px;
	height:1%;
	}

DIV.DetailsName {
	position:relative;
	padding:10px;
	background-color:none;
	font-weight:bold;
	font-size:12px;
	color:#000;
	border-top:1px solid #f2f2f2;
	}

/* Specific Properties for AttributeValueTable table inside details box */

#DetailsBox TD {
	font-size:11px;
	}
	
#DetailsBox TD.Attribute {
	width:100px;	
	font-size:11px;
	}
#DetailsBox TD.Value {
	width:140px;
	font-size:11px;
	display:block;
	word-wrap:break-word;       /* css-3 problematic browser support */
	}	




/*  Lefthand Login Box  */
DIV#LoginBox {
	width:207px;
	border-bottom: solid 1px #CDD9E2;
	margin-bottom:10px;
	}




/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
		Editable Form Container
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
	.iwz-Main-Content {position:;}



/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Widget Sections/Containers
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Content grouping
*/

/* List all section types
and define common properties */


.iwtype-section-static {
  position:relative;
  border:none;
  padding:0;
  margin:10px 0;
  z-index:100;
  }




/* 	-------------------------------------------------
		Columns in Widget Section Client
		------------------------------------------------- 
Creates a grid layout in widget sections		
		 */


/* relative positioning allows absolute 
positioned elements within table */

TABLE.iwtype-subsection-columns {
  position:relative;
	/*border:1px solid #ccc;*/
	background: ;
  }
 
 
 TABLE.iwtype-subsection-columns td {
 vertical-align: top;}
  
col {
  padding:0;
  vertical-align: top;
  }

col.subsection-Col-1,
col.subsection-Col-2,
col.subsection-Col-3,
col.subsection-Col-4 {} 

col.subsection-BigCol-1,
col.subsection-BigCol-2,
col.subsection-BigCol-3,
col.subsection-BigCol-4 {width:156px;} 


/* Custom Images Old School to enable solid table layout */
.Col-Spacer-1,
.Col-Spacer-2,
.Col-Spacer-3,
.Col-Spacer-4,
.Col-Spacer-Last {
  height:1px;
  width:150px;
  }

.Col-Spacer-4,
.Col-Spacer-Last {
  width:140px;
  }



/* 	
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	Typography
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

/*  Headings   */

h1,h2,h3,h4 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.2em; 
	margin-bottom:0.4em;
	margin-top:1em;
	}

h1 {
	font-size:18px;
	font-weight: ;
  color:#6fa21a; /*#666*/
	margin-top:0;
  }

/* needed? */
h1.InPage {
	margin-top:1em;
	}

h2 {
	font-size:16px;
	font-weight:bold;
  color:#4c4c4c; /*#666*/
  }

h3 {
	font-size:15px;
	font-weight:bold;
  color:#666;
  }

h4 {
	font-size:12px;
	font-weight:bold;
  color:#777;
  }



p {
	margin-bottom:0.5em;
	}
	
/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Status / Results Messages
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/	

.SearchResults {
	padding:10px 0;
	text-align:left;
}
	
.SearchResults .Message	{
	font-size:14px;
	font-weight:bold;
}

.ResultNo {
	text-align:right;
	padding:10px 0;
	}

/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Inline Alerts 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/


/* Define Common properties for differnet types of alert */

.Alert-Critical,
.Alert-Info,
.Alert-Question,
.Alert-Question2,
.Alert-Warning,
.Alert-Error,
.Alert-Reminder   {
  position:relative;
  padding:0;
	margin:1.5em 0;
  border:1px solid #dadada;
  background-color:#fff;
  }
	
	
.Alert-Critical-Small,
.Alert-Info-Small,
.Alert-Question-Small,
.Alert-Question2-Small,
.Alert-Warning-Small,
.Alert-Error-Small,
.Alert-Reminder-Small   {
  position:relative;
  padding:0;
	margin:1.5em 0;
  }	


.AlertContent {
  padding:20px;
  padding-left:60px;
  background-repeat:no-repeat;
  background-position:10px 12px;
  font-size:12px;
  color:#000;
  }

.AlertContent-Small {	
	padding:2px 0;
  padding-left:25px;
  background-repeat:no-repeat;
	text-align:left;
	background-color:;
  background-position:0 2px;
	border:none;
	}
	

.AlertContent h3 {
  color:#000;
  margin-bottom:5px;
  }

.AlertAction {
  background-color:#fbfbfb;
  border-top:1px solid #dadada;
  text-align:left;
  padding:4px;
	padding-left:60px;
  }

/* Define Specific properties for differnet types of alert */

.Alert-Critical {
  border-color:#dadada;
  background-color:#fff;
  }
.Alert-Critical  .AlertContent { background-image:url('Lite_error_critical.gif');}
.Alert-Critical-Small  .AlertContent-Small { background-image:url('Lite_error_sm_critical.gif');}


.Alert-Info {
  border-color:#dadada;
  background-color:#fff;
  }
.Alert-Info  .AlertContent  { background-image:url('Lite_error_informational.gif');}
.Alert-Info-Small  .AlertContent-Small  { background-image:url('Lite_error_sm_informational.gif');}

.Alert-Question {
  border-color:#dadada;
  background-color:#fff;
  }
.Alert-Question  .AlertContent { background-image:url('Lite_error_questionsBlue.gif');}
.Alert-Question-Small  .AlertContent-Small  { background-image:url('Lite_error_sm_questionsBlue.gif');}


.Alert-Question2 {
  border-color:#dadada;
  background-color:#fff;
  }
.Alert-Question2  .AlertContent { background-image:url('Lite_error_questions.gif');}
.Alert-Question2-Small  .AlertContent-Small { background-image:url('Lite_error_sm_questions.gif');}


.Alert-Warning {
  border-color:#dadada;
  background-color:#fff;
  }
.Alert-Warning  .AlertContent { background-image:url('Lite_error_Warning.gif'); color:#000;}
.Alert-Warning-Small  .AlertContent-Small { background-image:url('Lite_error_sm_Warning.gif'); color:#000;}

.Alert-Error {
  border-color:#e96566;
  background-color:#fff;
	border-width:1px;
  }
.Alert-Error  .AlertContent { background-image:url('Lite_error_critical.gif'); color:#900;}
.Alert-Error-Small  .AlertContent-Small { background-image:url('Lite_error_sm_critical.gif'); color:#900;}

.Alert-Reminder {
  border-color:#dadada;
  background-color:#fff;
  }
.Alert-Reminder  .AlertContent { background-image:url('Lite_error_Redminder.gif');}
.Alert-Reminder-Small  .AlertContent-Small  { background-image:url('Lite_error_sm_Redminder.gif');}


/* End alert */


/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Field Definitions  
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

/* Common select behaviour */


.Field-Dropdown,
.Field-Dropdown-QD-1But,
.DatePicker-TT-Dropdown,
.DatePicker-MM-Dropdown  {
	readOnlyColor: #666666;
	height:20px;
	margin:0; 
	}

/* Opload Input */
.Field-File {
	readOnlyColor: #666666;
	}
/*
Defines common properties for input:(Type Text)
with and without QD */
.Field-Small,
.Field,
.Field-QD,
.Field-QD-3Buts,
.Field-QD-Multi,
.MultiTier,
.ObjectDateTime,
.TypeControl,
.FieldDate,
.FieldNumeric,
.FieldNumericHr,
.FieldNumericMin, /*start date picker specific inputs */
.DatePicker-YYYY,
.DatePicker-YY,
.DatePicker-MMMM,
.DatePicker-MMM,
.DatePicker-MM,
.DatePicker-DD,
.DatePicker-HH,
.DatePicker-NN,
.DatePicker-SS,
.DatePicker-TT   {
  border: 1px solid #7e9db9;
  height:14px; /* account for padding */
  padding:2px;
  readOnlyColor: #666666;
  }
  
.Field-Small { /* special case for carts */
width:30px;
}	
	
.Field-MultiSelect,
.Field-ListBox,
.Field-listbox,
div#MultiTier-Dynamic-REF_COMPOSITE div select{
  height:81px;
  border: 1px solid #7e9db9;
  readOnlyColor: #666666;
  }  /* need Height to overcome select height */

.BoxInputObject .Field-MultiSelect, .BoxInputObject .Actions{float:left;}

.Field-MultiSelect, .Field-ListBox, .Field-listbox {behavior: url(readonly.htc);}

TEXTAREA.Field,
.TextAreaPlain  {
  height:96px; /* account for padding aim is 100px */
  padding:2px; 
  }

TEXTAREA { border: 1px solid #7e9db9; }


/* ------------------------------
		Errors On Fields
	 ------------------------------ */
	 
.Error LABEL,
.Error .label,
.Error.fieldLabel-Small,
.Error span.fieldLabel {
	font-weight:bold;
	color:#990000;
	padding-left:20px;
	background:url('Lite_error_sm_Warning.gif'); 
  background-repeat:no-repeat;
  background-position: center left ;
	}	
	
.Error.fieldLabel-Small,	
.Error .fieldLabel {
	background:none;
	padding-left:0;
	} 	
	
.Error .Field-Small,
.Error .Field,
.Error .Field-QD,
.Error .Field-QD-3Buts,
.Error .Field-QD-Multi,
.Error .MultiTier,
.Error .ObjectDateTime,
.Error .TypeControl,
.Error .FieldDate,
.Error .FieldNumeric,
.Error .FieldNumericHr,
.Error .FieldNumericMin,
.Error .Field-Dropdown,
.Error .Field-Dropdown-QD-1But,
.Error .Field-MultiSelect,
.Error .Field-ListBox,
.Error .Field-listbox 
.Error TEXTAREA.Field,
.Error .TextAreaPlain,
.Error .DatePicker-YYYY,
.Error .DatePicker-YY,
.Error .DatePicker-MMMM-DropDown,
.Error .DatePicker-MMM-DropDown,
.Error .DatePicker-MM-DropDown,
.Error .DatePicker-MM-DropDown,
.Error .DatePicker-DD,
.Error .DatePicker-HH,
.Error .DatePicker-NN,
.Error .DatePicker-SS,
.Error .DatePicker-TT-DropDown {
	background-color: #ffffcc;
	border: 1px solid #7e9db9;
  }	 



/* Allow for absouletely positioned elements to exist inside */
.Size-Fluid,
.Size-X-Small,
.Size-Small,
.Size-Normal-AddRemove, 
.Size-Normal,
.Size-15Col,
.Size-3Cols,
.Size-Large,
.Size-X-Large,
.Size-XX-Large,
.Section-Size-Large {
	position:relative;
	}

.Size-Fluid,
.Size-X-Small,
.Size-Small,
.Size-Normal-AddRemove, 
.Size-Normal,
.Size-15Col,
.Size-3Cols,
.Size-Large,
.Size-X-Large,
.Size-XX-Large {
	margin:2px 0;
	}
	

/* ------------------------------
		0.5 Columns 
	 ------------------------------ */
.Size-X-Small,
.Size-X-Small-Inline,
.Size-X-Small .Field,
.Size-X-Small .FieldDate,
.Size-X-Small .FieldNumeric,
.Size-X-Small .Field-MultiSelect,
.Size-X-Small .Field-ListBox,
.Size-X-Small .TextAreaPlain,
.Size-X-Small .MultiTier,
.Size-X-Small div#MultiTier-Dynamic-REF_COMPOSITE div select {width:65px;}

/* Select +6px for padding and border */
.Size-X-Small .Field-Dropdown {width:69px;}


.Size-X-Small .ProductPic	{width:59px;}

/* No Size-x-Small QDs won't fit */


/* ------------------------------
		1 Column 
	 ------------------------------ */
.Size-Small .Field,
.Size-Small .FieldNumeric,
.Size-Small .FieldDate,
.Size-Small .Field-MultiSelect,
.Size-Small .Field-ListBox,
.Size-Small .TextAreaPlain,
.Size-Small .MultiTier,
.Size-Small div#MultiTier-Dynamic-REF_COMPOSITE div select  {width:140px;}

/* Select +6px for padding and border */
.Size-Small,
.Size-Small-Inline,
.Size-Small .Field-File,
.Size-Small .Field-Dropdown {width:146px;}

/* QD Button Combos */
.Size-Small .Field-Dropdown-QD-1But {width:256px;} /* width - (1x button width) */

.Size-Small .Field-QD-Multi {width:120px;} /* width - (1x button width) */
.Size-Small .Field-QD 			{width:100px;} /* width - (2x button width) */
.Size-Small .Field-QD-3Buts {width:80px;}  /* width - (3x button width) */

.Size-Small .BoxInputObject .Field-MultiSelect{width:106px;}
.Size-Small .Field-MultiSelect-Buttons-Container td.Field{width:106px;}



.Size-Small .ProductPic	{width:134px;}

/* ------------------------------
		2 Columns - most commonly used size
	 ------------------------------ */

.Size-Normal .Field,
.Size-Normal .FieldDate,
.Size-Normal .FieldNumeric,
.Size-Normal .Field-MultiSelect,
.Size-Normal .Field-ListBox,
.Size-Normal .TextAreaPlain,
.Size-Normal .MultiTier,
.Size-Normal div#MultiTier-Dynamic-REF_COMPOSITE div select {width:290px;}

/* Select +6px for padding and border */
.Size-Normal,
.Size-Normal-Inline,
.Size-Normal .Field-File,
.Size-Normal .Field-Dropdown,
.Size-Normal .QD-Multi-OutputTable {width:296px;}



/* QD Button Combos */
.Size-Normal .Field-Dropdown-QD-1But {width:276px;} /* width - (1x button width) */


.Size-Normal .Field-QD-Multi  {width:270px;} /* width - (1x button width) */
.Size-Normal .Field-QD 			  {width:250px;} /* width - (2x button width) */
.Size-Normal .Field-QD-3Buts 	{width:230px;} /* width - (3x button width) */

.Size-Normal .BoxInputObject .Field-MultiSelect{width:256px;}
.Size-Normal .Field-MultiSelect-Buttons-Container td.Field{width:256px;}



.Size-Normal { background: ;}
.Size-Normal .Value {width:150px;} /* width - (large width - 130px(attribute width) - 10px(padding of Attribute) - 6px extra ) */


.Size-Normal .ProductPic	{width:284px;}

/* ------------------------------
		3 Columns
	 ------------------------------ */

.Size-3Cols .Field,
.Size-3Cols .FieldDate,
.Size-3Cols .FieldNumeric,
.Size-3Cols .Field-MultiSelect,
.Size-3Cols .Field-ListBox,
.Size-3Cols .TextAreaPlain,
.Size-3Cols .MultiTier {width:440px;}

/* Select +6px for padding and border */
.Size-3Cols,
.Size-3Cols-Inline,
.Size-3Cols .Field-File,
.Size-3Cols .Field-Dropdown {width:446px;}

/* QD Button Combos */
.Size-3Cols .Field-Dropdown-QD-1But {width:426px;} /* width - (1x button width) */

.Size-3Cols .Field-QD-Multi {width:420px;} /* width - (1x button width) */
.Size-3Cols .Field-QD 			{width:400px;} /* width - (2x button width) */
.Size-3Cols .Field-QD-3Buts {width:380px;} /* width - (3x button width) */

.Size-3Cols .ProductPic	{width:434px;}


/* ------------------------------
		4 Columns
	 ------------------------------ */

.Size-Large .Field,
.Size-Large .FieldDate,
.Size-Large .FieldNumeric,
.Size-Large .Field-MultiSelect,
.Size-Large .Field-ListBox,
.Size-Large .TextAreaPlain,
.Size-Large .MultiTier,
.Size-Large div#MultiTier-Dynamic-REF_COMPOSITE div select {width:590px;}

/* Select +6px for padding and border */
.Size-Large,
.Section-Size-Large,
.Size-Large-Inline,
.Size-Large .Field-File,
.Size-Large .Field-Dropdown {width:596px;}

/* QD Button Combos */
.Size-Large .Field-Dropdown-QD-1But {width:576px;} /* width - (1x button width) */


.Size-Large .Field-QD-Multi {width:570px;} /* width - (1x button width) */
.Size-Large .Field-QD  			{width:550px;} /* width - (2x button width) */
.Size-Large .Field-QD-3Buts {width:530px;} /* width - (3x button width) */

.Size-Large .Value {width:450px;} /* width - (large width - 130px(attribute width) - 10px(padding of Attribute) - 6px extra ) */


.Size-Large .ProductPic	{width:584px;}	

.FieldNumericHr             {width:30px;}
.FieldNumericMin            {width:20px;}
.FieldNumericInline         {width:20px; margin-right:5px;}

.BoxInputObject {
	display:block;	
	position:relative;
	}
	
.BoxInputObject input,
.BoxInputObject select { 
	float:left;
	display:inline;
	}
	



/*	-------------------------------------------------
		Date Time Specific Boxes
		-------------------------------------------------	*/	
/*  */	

.DatePicker-Container{
	position:relative;
	z-index:1000;
}

.BoxDateTime {
	float:left;
	overflow:hidden;
	position:relative;
	padding-right:0;
	}

.BoxDateTimeGroup	{
	display:block;
	overflow: visible;
	float:left;
	
	}
	
.BoxDateTimeItem{
	float:left;
	display:inline;
	}	
	
.BoxDateTimeItem select, .BoxDateTimeItem input{
	margin-right:3px;
}
.BoxDateTimeItem input.DatePicker-HH{
	margin-right:0px;
}
.BoxDateTimeItem .Hint {
	text-align:left;
	padding-left:4px;
	clear:both;
	}	
	
.DatePicker-Divider	{
	text-align:center;
	float:left;
	display:inline;
	}

.DatePicker-TT-DropDown,
.DatePicker-MM-DropDown {
	width:45px; margin-top:1px;
	}

.DatePicker-TT-DropDown,
.DatePicker-MM-DropDown
{
	margin-top:0px;
	height:20px;
}

.DatePicker-YY,
.DatePicker-MM,
.DatePicker-DD, 
.DatePicker-HH,
.DatePicker-NN,
.DatePicker-SS,
.DatePicker-TT {
	width:15px;
	text-align:right;
	 }

.DatePicker-YYYY, 
.DatePicker-MMMM,
.DatePicker-MMM { 
	width:30px;
	text-align:right;
	}
	
.DatePicker-Buttons{float:left;}

.Size-Small .DatePicker-Buttons {left:102px;}

.DatePicker-Buttons INPUT{float:left;}	

/*
XXXXXXX Label XXXXXXX
---------------------------------
*/


LABEL,
.label {
  display:block; /* appears above input */
  padding:4px 0 2px 0;
  }


LABEL.fieldLabel,
LABEL.fieldLabel-Small,
span.fieldLabel {
  display:inline;
  width:auto;
  padding:0;
  padding-right:10px;
  }

LABEL.fieldLabel-Small {
	padding-right:2px;
	}

.fieldSuffix {
  padding-left:5px;
  } 

/*	-------------------------------------------------
		Field Aids - Hints and Mandatory
		-------------------------------------------------	*/
SMALL.Hint {
	display:block;
	font-size:10px;
	color:#999;
	}
	
.Mandatory {
	color:#990000;
	}



/*
XXXXXXX Headings Widgets  XXXXXXX
---------------------------------
*/


/* start: to be phased out */
.Heading-Inline { display:inline;}
H3.Heading-Inline,
H3.Heading-Stacked {

  }
/* End: to be fased out */  

H3.Heading-Stacked, /* this class to be fased out */
H3.Size-X-Small,
H3.Size-Small,
H3.Size-Medium,
H3.Size-Normal,
H3.Size-15Col,
H3.Size-3Cols,
H3.Size-Large,
H3.Size-Fluid {  }
	
H3.Size-Fluid,	
H4.Size-Fluid { width:100%;}


/*	-------------------------------------------------
		Checkboxes
		-------------------------------------------------	*/

/* start: to be fased out */
.Checkbox-Inline { display:inline;}
.Checkbox-Stacked { display:block;}
/* end: to be fased out */


/* Checkbox group allows alternative column arrangement inside 4 cols. 
E.g. have 5 cols of checkboxes inside a 4 col table grid 
Percentages are deliberately smaller to accomodate any margin bugs
*/

/* Container contains floated checkboxes,
always takes up entire width of row */
.CheckboxGroup-1Cols,
.CheckboxGroup-2Cols,
.CheckboxGroup-3Cols,
.CheckboxGroup-4Cols {
 /* height:1%;  check if necessary*/
	margin:5px 0;
  position:relative;
  overflow:hidden; /* contain floated elements */
  }

/* One col to fit width */
.CheckboxGroup-1Cols .Size-X-Small,
.CheckboxGroup-1Cols .Size-Small,
.CheckboxGroup-1Cols .Size-Normal,
.CheckboxGroup-1Cols .Size-15Col,
.CheckboxGroup-1Cols .Size-3Cols,
.CheckboxGroup-1Cols .Size-Large {
  display:block;
  }
  
/* Two coloumns */  
.CheckboxGroup-2Cols .Size-X-Small,
.CheckboxGroup-2Cols .Size-Small,
.CheckboxGroup-2Cols .Size-Normal,
.CheckboxGroup-2Cols .Size-15Col,
.CheckboxGroup-2Cols .Size-3Cols,
.CheckboxGroup-2Cols .Size-Large {
  float:left;
  width:49%;
  }

/* Three coloumns */  
.CheckboxGroup-3Cols .Size-X-Small,
.CheckboxGroup-3Cols .Size-Small,
.CheckboxGroup-3Cols .Size-Normal,
.CheckboxGroup-3Cols .Size-15Col,
.CheckboxGroup-3Cols .Size-3Cols,
.CheckboxGroup-3Cols .Size-Large {
  float:left;
  width:33%;
  }

/* Four coloumns */ 
.CheckboxGroup-4Cols .Size-X-Small,
.CheckboxGroup-4Cols .Size-Small,
.CheckboxGroup-4Cols .Size-Normal,
.CheckboxGroup-4Cols .Size-15Col,
.CheckboxGroup-4Cols .Size-3Cols,
.CheckboxGroup-4Cols .Size-Large {
  float:left;
  width:24%;
  }
  
/* Five coloumns */   
.CheckboxGroup-5Cols .Size-X-Small,
.CheckboxGroup-5Cols .Size-Small,
.CheckboxGroup-5Cols .Size-Normal,
.CheckboxGroup-5Cols .Size-15Col,
.CheckboxGroup-5Cols .Size-3Cols,
.CheckboxGroup-5Cols .Size-Large {
  float:left;
  width:19%;
  }
  
/* Six coloumns */    
.CheckboxGroup-6Cols .Size-X-Small,
.CheckboxGroup-6Cols .Size-Small,
.CheckboxGroup-6Cols .Size-Normal,
.CheckboxGroup-6Cols .Size-15Col,
.CheckboxGroup-6Cols .Size-3Cols,
.CheckboxGroup-6Cols .Size-Large {
  float:left;
  width:16%;
  } 
  
  
/*
XXXXXXX Radio Button Group XXXXXXX
---------------------------------
All in one div so can be swapped to select box
*/


.Radio-Value { display:block;}

.Size-X-Small-Inline .Radio-Value,
.Size-Small-Inline .Radio-Value,
.Size-Normal-Inline .Radio-Value,
.Size-15Col-Inline .Radio-Value,
.Size-3Cols-Inline .Radio-Value,
.Size-Large-Inline .Radio-Value,
.Size-Fluid-Inline .Radio-Value  { display:inline;}


/* start: to be fased out */
.RadioGroup-Inline .label,
.RadioGroup-Stacked .label {}
.RadioGroup-Inline .Radio-Value {
  display:inline;
  }
.RadioGroup-Stacked .Radio-Value {
  display:block;
  } 
.Radio-Inline { display:inline;}
.Radio-Stacked { display:block;}
/* end: to be fased out */  



/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	Output Field/Widget Definitions  
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	Follows Attribute Value techniques
	Editable with designer. Also used for non designer pages
*/

/* ------------------------------
		Basic Attribute Value Combo 
		like info panel
		Follow basic size formats too
	 ------------------------------ */

DIV.Attribute,
DIV.Value { float:left;word-wrap:break-word;}


DIV.Attribute  {
	text-align:right;
	padding-right:10px;
	color:#8f8f8f;
	font-weight:normal;
	width:130px;
	}
	
H3.Attribute,
H3.Attribute-Under { /* heading for plain/rich text ouput */
	font-size:12px;
	color:#8fbf30; /*color:#7e9db9;*/
	font-weight:bold;
	border-bottom:1px dotted #d7d7d7;
	padding-bottom:4px;
	margin-bottom:4px;
	}	
	
H3.Attribute-Under {
	border-top:1px dotted #d7d7d7;
	border-bottom:none;
	padding-top:4px;
	padding-bottom:0;
	margin-bottom:4px;
	}	
	
H4.Attribute { /* heading for plain/rich text ouput */
	padding-bottom:4px;
	}		
	
DIV.Value {
	text-align:left;
	color:#000;
	}

/* Div containing plain/rich text */
.HTMLOutput,
.PlainOutput  {
	margin:20px 0 10px 0;
	overflow:hidden;
	/* width:100%;  for ie 6 */
	}
	
	

	

.OutputEmpty {
	margin:5px 0;
	padding:15px 5px;
	overflow:auto;
	background-color:#f9f9f9;
	border:1px solid  #eee;
	}
	
	
.SearchGroupItem .OutputBox {
	margin-top:10px;
	overflow:auto;
	/*width:100%;  for ie 6*/
	}	
	
.OutputBox .HTMLOutput,
.OutputBox .PlainOutput,
.OutputBox .OutputEmpty {
	margin:0;
	padding:0;
	border:none;
	background-color:transparent;
	}	

/* Modify me to match above and be editable via designer currenlty used for knowledge articles */

.TextGroupItem,
.SearchGroupItem,
.ServCatSearchGroupItem {
	margin:20px 0 20px 0;
	}

.TextGroupItem h2, 
.SearchGroupItem h2,
.ServCatSearchGroupItem h2  {
	position:relative;
	font-size:16px;
	color:#333;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:4px;
	}
	
.TextGroupItem h2, 
.SearchGroupItem h2 {
	border-bottom:1px dotted #d7d7d7;	
	}	
	




h2.KB {
	position:relative;
	padding-right:100px;
	/*padding-left:30px;
	background-image:url(KB-Type-Call.gif);
	background-position:left 0;
	background-repeat:no-repeat;*/
	/*height:1%; for MS ie6 */
	}
	
.Rating,
.Rate {
	position:absolute;
	width:45px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	color:#000;
	top:0;
	right:0;
	}
	
.Rate {
	right:50px;
	width:45px;
	}	


.MetaGroup {
	overflow:hidden;
	position:relative;
	}
	
.SearchGroupItem .MetaGroup {
	padding-right:30px;
	}	

.MetaGroup .KBIndicator {
	position:absolute;
	top:0;
	right:0;
	}

.Meta {
	display:block;
	color:#999;
	font-size:11px;
	}
	
.MetaInline {
	display:block;
	padding:2px 0;
	white-space:nowrap;
	float:left;
	margin-right:15px;
	color:#999;
	font-size:11px;

	}	

.MetaInline .Attribute  {
	color:#8f8f8f;
	font-weight:normal;
	}	
	
.MetaInline .Value {
	color:#000;
	} 
	
		

/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	In Page Menu - similar to objects
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

ul.ContentMenu {
	margin-bottom:10px
	}

ul.ContentMenu li {
		}

.ContentMenu a {
	display:block;
	background: url(Lite_ArrowThin_Right.gif) no-repeat 2px center;
	padding:4px 0 4px 16px;
	}

.ContentMenu a:link SMALL,
.ContentMenu a:visited SMALL {
	color:#999;
	padding:0 3px;
	}

.ContentMenu a img { vertical-align:middle;}	


/*	-------------------------------------------------
		Linked items
		-------------------------------------------------	*/
/* List (main way) */
	
.Objects	li {
	margin:2px 0;
	}
	
.Objects a {
	display:block;
	padding:4px 0;
	}	
	
.Objects a:link SMALL,
.Objects a:visited SMALL {
	color:#999;
	padding:0 3px;
	}
	
.Objects a img { 
	vertical-align:middle;
	margin:0 5px;
	}		

/* Table */

TABLE.Objects,
TABLE.Objects TD {
	border:0;
	}

.Objects TD {
	padding:4px;
	}

.Objects TD.OutputTableNone,
.Objects .OutputNone,
.ContentMenu .OutputNone {
	padding:4px 4px 4px 25px;
	}




.IE-ErrorRegion {
	color:#FF0000;
	}


.IE-ErrorRegion SELECT, .IE-ErrorRegion TEXTAREA, .IE-ErrorRegion .Fields-xsm, .IE-ErrorRegion .Fields-sm, .IE-ErrorRegion .Fields-med, .IE-ErrorRegion .Fields, .IE-ErrorRegion .Fields-lg {
	background:#ffcccc;
	}



 div.clearer {
 	clear: both;
 	line-height: 0;
 	height: 0;
 }



/* 	-------------------------------------------------
	Header Table
	-------------------------------------------------	*/

TABLE.header {
	background: #fff;
	height: ;
	}
TD.header-tl, TD.header-tm, TD.header-tr {
	height:65px;
	}
TD.header-tl {
	padding:12px 15px 8px 15px;
	}

TD.header-tr {
	padding:19px 15px 0px 15px;
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#A7BCCB;
	text-align: right;
	}

TD.header-bar1 {
	background: #E99C40;
	border-bottom: solid 1px #fff;
	height:15px;
	font-size:5px;
	}
TD.header-bar2 {
	background: #A7BCCB;
	height:15px;
	font-size:5px;
	}


/*	-------------------------------------------------
	Output Tables
	-------------------------------------------------	*/
/*
	-------------------------------------------------
	Controls appearance of output/repeater tables incuding:
	- dashboard
	- bulletin (has added attributes seperating it out)
	- summary pages
	- search pages
	- F.A.Q
	- known issues
	- reports
	- change schedules
	- change windows
	- services
	- questions
	---------------------------------------------------
*/

.OutputTable {
	border-collapse:collapse;
	margin-bottom:1.5em;
	}

.OutputTable TD,
.OutputTable TH  {
	background-color:#fff;
	padding:5px;
	border:1px solid #ebebeb;
	vertical-align:top;
	}

.OutputTable TH {
	background:#fff url(Lite_bg-TableHeader.gif) bottom repeat-x;
	color:#000;
	vertical-align:bottom;
	}

/* Alert to say no search results */
TD.OutputTableNone,
.Objects li.OutputNone,
.ContentMenu li.OutputNone,
P.OutputNone {
	padding:10px;
	padding-left:25px;
	text-align:left;
	background-repeat:no-repeat;
  background-position:2px 50%;
	background-image:url('Lite_error_sm_informational.gif');
	}
	
.OutputTable TD.OutputTableNone	{border:0;}

.InnerTable TD {
	border:none;
	}

.InnerTable TH {
	border:none;
	background:#dbe7f2;
	color:#4F5F6A;
	}

/*	-------------------------------------------------
	Data Display Attribute Value Table
	-------------------------------------------------	*/

TABLE.AttributeValueTable {
  position:relative;
  border:none;
  border-collapse:collapse;
	margin-bottom:10px;
  }

.AttributeValueTable  td {
	vertical-align:top;
  }
	
.AttributeValueTable  th {
	text-align:left;
	vertical-align:middle;
	padding:4px 2px 4px 10px;
	font-weight:normal;
	color:#000;
	}	
	
col.Attribute,
TD.Attribute {
	text-align:right;
	padding-right:10px;
	color:#8f8f8f;
  }
  
col.Value {
	text-align:left;
	color:#000;
  }


/* Script wizzard questions table 
better to do this differntly
list etc */

.OutputTableQuestions {
	width:500px;
	}

.OutputTableQuestions td {
	vertical-align:top;
	padding:8px 2px;
	}
	
	
.OutputTableQuestions TD.Radio {
	text-align:center;
	}

.OutputTableQuestions TD.Radio input {
	margin-top:-3px;
	}
	
.OutputTableQuestions TD.Problem {
	font-weight:bold;
	padding-right:10px;
	} 
	
.OutputTableQuestions TD.Response {
	} 	
	





/*	-------------------------------------------------
	Bulletin Board Details
	-------------------------------------------------	*/


/*	-------------------------------------------------
	Knowldege Output Details
	-------------------------------------------------	*/







/*  Format Knowldege   */
TABLE.FormatKnowledgeSearch {}

TD.FormatKBHeading, TD.FormatKBRank {
	font-size: small;
	color:#303F4A;
	}
TD.FormatKBBody {
	background:#F6F8FA;
	}

TD.FormatKBBodySM {
	font-size:1em;
	}


.KSU {
	text-decoration: none;
	font-weight:normal;
	color:#4F5F6A;

	}
/*	-------------------------------------------------
			Ratings Box
		------------------------------------------------- */

.RatingsBox {
	border: solid 1px #ccc;
	background-color:#f9f9f9;
	padding:10px;
	padding-top:0;
	margin-bottom:30px;
	}

.RatingsBox H4 {
	margin-bottom:10px;
	}

.RatingsBox .iwz-Actions {
	margin:0;
	padding-top:10px;
	}


/*	-------------------------------------------------
			Actions Zone - page submit buttons
		------------------------------------------------- */
.iwz-Actions,
.iwz-Actions-R {
  position:relative;
  text-align:left;
/*  background-color:#f7f7f7;
  border-top:solid 1px #ebebeb;
  padding:4px;*/
  margin:10px 0 30px 0;
  }


.iwz-Actions-R {
	text-align:right;
	}
	
	
#MainCart .iwz-Actions-R {
	margin:0px 
	}

.iwz-Actions input,
.iwz-Actions-R input {
	vertical-align: middle;
	} 

.iwz-Actions {
}
 

.iwz-Actions .status {
  padding:3px 4px;
  }
	
	
/*	-------------------------------------------------
		In-Page Sub nav Actions
		------------------------------------------------- */
.iwz-Actions-Subnav {
  position:relative;
	text-align:right;
  margin-bottom: ;
  }	
	
.iwz-Actions-Subnav .Buttons-Page-light {
	text-align:right;
	}
	
	
.Subnav-AdvancedSearch #BTN_ADVSEARCH,
.Subnav-BrowseCategories #BTN_PRODUCTSEARCH,
.Subnav-Checkout #BTN_CART  {font-weight:bold;}	
	
	
.iwz-Actions-Breadcrumbs {
	padding:10px 0;
  position:relative;
  margin-bottom:10px;
}	

.iwz-Actions-Breadcrumbs .Buttons-Page-light {
/*	height:auto;
	padding:auto 2px;*/
	}
		

/*	-------------------------------------------------
	Input Buttons
	-------------------------------------------------	*/

.Buttons-Page,
.Buttons-Page-light,
.Buttons-Page-Cancel,
.FormSelected,
.Buttons-Page-Strong { 
  background:#fff url(bg-page-but.gif) repeat-x center; 
 	border: solid 1px #b9b9b9; 
	padding:auto 4px;
	margin:2px 0;
  height:20px;
	cursor: pointer;
	cursor: hand;
  }

input.Buttons-Page, input.Buttons-Page-Cancel	{color:#000;}

.Buttons-Page-Strong { 
  background:#fff url('bg-page-but-strong.gif') repeat-x center; 
	font-weight:bold;
	color:#fff;
	width:100px;
	}	
	

.iwz-Actions .Buttons-Page,
/*.iwz-Actions .Buttons-Page-light,*/
.iwz-Actions .Buttons-Page-Cancel,
.iwz-Actions .Buttons-Page-Strong,	
.AlertAction .Buttons-Page,
.AlertAction .Buttons-Page-light,
.AlertAction .Buttons-Page-Cancel,
.AlertAction .Buttons-Page-Strong,
.ServCatSearch .Buttons-Page {
	width:100px;
   }


/* Appears like hyperlink button 
may be differnt in future */  
.FormSelected,
.Buttons-Page-light,
.Buttons-Page-View,
.Buttons-Page-ViewLink,
.Buttons-Page-ViewLink2,
.Buttons-Page-Del {
	width:auto;
	background:none;
  border:none;
	height:auto;
	padding:auto 2px; 
	color:#3366ff;
  text-align:center;
	text-decoration:underline;
	cursor: pointer;
	cursor: hand;
  } 
	
.Buttons-Page-View {
	background-image:url('Lite_ViewLink.gif'); 
  background-repeat:no-repeat;
  background-position: center center; 
	width:20px;
	}
	
.Buttons-Page-Del {
	background-image:url('Lite_DelLink.gif'); 
  background-repeat:no-repeat;
  background-position: center center; 
	width:20px;
	}	
.Buttons-Page-ViewLink {
	background-image:url('Lite_ViewLink.gif'); 
  background-repeat:no-repeat;
  background-position:0 center ;
	width:auto;
	padding-left:10px;
	}
.Buttons-Page-ViewLink2, .Buttons-Page-ViewLink2:Hover{
	padding-left:0px;
	text-decoration: none;
	text-align:left;  
	}
.Buttons-Page-ViewLink2:Hover  {
	color:#C60;
	}
	
.FormSelected {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	}	

/* Link in in actions bar */

.iwz-Actions a{
	padding:2px 8px;
  background:#fff url('bg-page-but.gif') repeat-x top left; 
  border: solid 1px #cdcdcd; 
	}



/*
XXXXXXX QD and Related Buttons XXXXXXX
---------------------------------
*/

.But-QD-Search,
.But-QD-Search_d,
.But-QD-Details,
.But-QD-Details_d,
.But-QD-Clear,
.But-QD-Cleard_d,
.But-Type,
.But-Type_d {
	background: url(Lite_QD_Search.png) no-repeat center;
	border:none; 
	width:20px; 
	height:20px;
	}


.But-QD-Search_d { background-image: url(Lite_QD_Details_d.png); }
.But-QD-Details { background-image: url(Lite_QD_Details.png); }
.But-QD-Details_d { background-image: url(Lite_QD_Details_d.png); }
.But-QD-Clear { background-image: url(Lite_QD_Clear.png); }
.But-QD-Clear_d { background-image: url(Lite_QD_Clear_d.png); }
.But-Type { background-image: url(Lite_Type.gif); }
.But-Type_d { background-image: url(Lite_Type.gif_d); }

/*
XXXXXXX Multi Value QD and Buttons XXXXXXX
---------------------------------
*/

.QD-Multi-OutputTable {
	border:1px solid #7e9db9;
	border-top:0;
	border-collapse:collapse;
	}
	
.QD-Multi-OutputTable TD {
	border:0;
	border-top:1px solid #ebebeb;
	background-color:#fff;
	padding:2px 0;
	padding-left:4px;
	}	


.QD-Multi-OutputTable .OutputTableNone {
	border:0;
	background:none;
	display:none;
	}


/* Old */

.Field-MultiSelect-Buttons-Container, 
.Field-MultiSelect-Buttons-Container {margin:0px;border:0px;}
.Field-MultiSelect-Buttons-Container td{ padding:0px;}	
.Field-MultiSelect-Buttons-Container td.OutputTableNone{background-image:none;}


/*	-------------------------------------------------
	Page Links
	------------------------------------------------- 	*/

A:Link, A:Active, A:Visited  {
	text-decoration: none;
	color:#3366ff;
 	}
	


A:Hover,  {
	text-decoration: none;
	color:#C60;
	}
	
	
	

/*	-------------------------------------------------
	Calendar
	------------------------------------------------- 	*/
TD.calendar1,
TD.calendar2 {
	padding-right:10px;
	}


/* Calendar Formating */

.calendar {
	border-collapse:collapse;
	border: 2px solid #eee;
	}
	
#calendar-legend_	{
	border:none;
	}


.calendar TD,
.calendar TH {
	border: 1px solid #efefef;
	}

.calendar TH,
.calendar thead TD {
	text-align:center;
	padding:2px;
	}

.calendar TD {text-align:center;
	padding:0;
	}
	
.calendar TD.legend { text-align:left;
	padding:0;
	padding-left:5px;
	}

TD.calendar-main  {
	background:#aeadad url(Lite_bg-CalendarHeader.gif) bottom repeat-x;
	}
	
TD.calendar-main h3 a {
	color:#fff;
}		
	
TD.calendar-TH-BG {
	background:#fff url(Lite_bg-TableHeader.gif) bottom repeat-x;
	}

.calendar tbody TD {
	width:1.5em;
	padding:2px;
	}

.calendar tbody h2 {
	font-weight: normal;
	}

.calendar tbody em,
.calendar tbody strong,
.calendar tbody h2 {
	display:block;
	margin:0;
	font-size:100%;
	}

/* Change Window */
.calendar tbody em {
	padding:2px;
	margin:-2px;
	background-color:#eaeaea;
	font-style:normal;
	text-align:center;
	}

.calendar tbody strong {
	text-decoration:underline;
	}

.calendar tbody h2 {
	font-weight: bold;
	color:#000;
	}

.calendar-nav {
	border:1px solid #e9f2fa;
	border-right:none;
	border-left:none;
	padding:4px 0;
	}

/* Calendar Legend */

Table #calendar-legend_,
#calendar-legend_ TD,
#calendar-legend_ TH  {
	border:none;
	width:auto;
	}

#calendar-legend_ h3 {
	margin-top:0;
	}

#calendar-legend_ TD.legend-border {
	border: 1px solid #ccc;
	}





/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Service Catalogue 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

/*	-------------------------------------------------
	Shoppinig Cart - Forms
	------------------------------------------------- 	*/

.HighlightBox {
	background:#f1f1f1 url(Lite_bg_HighlightBox.gif) repeat-x top;
	border:1px solid #e5e5e5;
	padding:15px; 
	margin-bottom:20px;
	overflow:auto;
	/*Janssy*/
	
	}


h2.Catalogue {
	font-size:12px;
	font-weight:bold;
	margin-top:0;
	margin-bottom:10px;
	}


.Pagination {
	position:relative;
	}


.PaginationAction,
.PaginationBundle {
	overflow:auto; /* contains floating list */
	}

 
.PaginationAction .FormSelected,
.PaginationAction .Buttons-Page-light	{
	margin-right:5px;
	}
	
.PaginationBundle .FormSelected,
.PaginationBundle .Buttons-Page-light	{
	text-align:left;
 	}	

.Pagination ul,
.nOFn	 {
	float:left;
	display:block;
	}
	
	
.nOFn	 {
	margin-right:10px;
	font-weight:bold;
	}
	
.Pagination li { 
	display:inline;
	margin:0;
	padding:0;
 	}	

.Pagination .PaginationBundle li {
	display:block;
	}




	
.Pagination h3 {
	position:absolute;
	padding:5px 10px;
	background-color:#fff;
	border: 1px solid #666;
	border-bottom-color:#fff;
	bottom:-1px;
	}
	
.Pagination ul{position:relative;top:-3px;}
.Pagination ul li{margin-left:2px;}




/*	-------------------------------------------------
	Shoppinig Cart
	------------------------------------------------- 	*/

#CATALOG_MINI_CART {
	width:300px;
	border:solid 1px #ebebeb;
	padding:4px;
	background-color:#f5f5f5;
	position:absolute;
	top:0;
	right:0;
	}
	
.MiniCartContainer {
	border:solid 1px #ebebeb;
	padding:4px;
	background-color:#f5f5f5;
	}

.MiniCart {
	background-color:#fff;
	border:solid 1px #ebebeb;
	padding:4px;
	}


/* cart heading */
.MiniCart H2 { 
	font-weight:bold;
	border-bottom:1px dotted #d7d7d7;
	margin-bottom:5px;
	}
	

.MiniCart	.Field {
	width:25px;
	}
	
/* Cart Value */
.MiniCart	H3.Attribute,
.MiniCart	H3.Attribute-Under {
	text-align:right;
	border:none;
	}


	
.MiniCart	H3.Attribute-Under {
	float:right;
	margin:0;
	padding:4px 0 0 0;}	
	
#MainCart H3.Attribute-Under {
text-align:right;}
	

#MainCart .OutputTable {
	margin-bottom:0;
	}


.MiniCart	.iwz-Actions-R {
	margin:2px 0 4px 0;
	padding-bottom:4px;
	}
.MiniCart	.iwz-Actions-R {
	border-bottom:1px dotted #d7d7d7;
	}	


.MiniCart	.iwz-Actions {
	overflow:hidden;
	margin:0;
	}	
.MiniCart	.iwz-Actions input {
	float:left;
	width:auto;
	padding:auto 4px;
	}	
	
#MINI_CART_MESSAGE {
	margin:0.5em 0;
	}	
	
.MiniCart	.Field {
	width:25px;
	}
	
.MiniCart INPUT.Value  {
	width:80px;
	}	

INPUT.Value {
	border:none;
	background:none;
	text-align:right;
	}	

HR.Divider {
	height:1px;
	border-bottom:1px dotted #d7d7d7;
	margin-top:10px;
	}

.MiniCart .OutputTable {
	margin-bottom:2px;
	}
	
.MiniCart .OutputTable TD,
.MiniCart .OutputTable TH  {
	padding:5px 2px;
	}	
.MiniCart .OutputTable {
	border:1px solid #ebebeb;
	}	
	
TH.Num,
TD.Num,
TD.NumDark  {
	text-align:right;
	}	

TD.NumDark,
TD.Dark {
	background-color:#f6f6f6;
	}		

TH.MergeL,
TD.MergeL {
	border-left:0;
	}		
	
TH.MergeR,
TD.MergeR	 {
	border-right:0;
	}	
	
.Highlighted	TD {
	background-color:#ffc;
	}

.iwpart-section-client-styled {
	border-bottom:1px dotted #d7d7d7;
	padding:5px 0;
	z-index:100;
	}

.Category-Container {
	overflow:auto;
	margin-top:10px;
	width:500px;
	}

.Category-Container div {
	float:left;
	width:29%;
	}
	
.Category-Container .Buttons-Page-light	{
	text-align:left;
	}

/*	-------------------------------------------------
	Browse Categegories Criteria
	------------------------------------------------- 	*/

.ServCatBrowse { 
	float:left;
	padding-right:30px;
	border-right:1px dotted #d7d7d7;
	position:relative; /* to position or div */
	text-align:right;
	}
	
.ServCatBrowse .Catalogue	{text-align:left;}
	
.ServCatSearch { 
	float:left;
	padding-left:30px;

	}
	
.ServCatBrowse .iwz-Actions-R {
	background:pink;
	}


/* Or text */

.ServCatBrowse DIV.Attribute {
 position:absolute;
 top:43%;
 right:-30px;
 text-transform:uppercase;
 font-weight:bold;
 width:60px;
 text-align:center;
 padding:0;
 }


#SingleTier-Dynamic-PORTAL_CATEGORY {
	width:260px;
	}


.CatDisabled, 
.CatEnabled	{
	padding-top:16px;
	background:transparent url(Lite_CategoryArrow.gif) no-repeat left top;
 }
 
.CatDisabled {
	background-image:url(Lite_CategoryArrow_d.gif);
	} 


/* set widths of dropdowns */
#SingleTier-Static-PORTAL_CATEGORY #PORTAL_CATEGORY { width:260px;}

#SingleTier-Dynamic-PORTAL_CATEGORY #PORTAL_CATEGORY_1 { width:260px;}
#SingleTier-Dynamic-PORTAL_CATEGORY #PORTAL_CATEGORY_2 { width:240px;}
#SingleTier-Dynamic-PORTAL_CATEGORY #PORTAL_CATEGORY_3 { width:220px;}

/* set widths of divs */
#DIV_PORTAL_CATEGORY_2 { width:260px;}
#DIV_PORTAL_CATEGORY_3 { width:260px; background-position:20px top; }

#BTN_SHOW_ITEMS {
	width:150px; 
	margin:10px 0 0 0;
	}
	
	
/* text search  */	
.ServCatSearch #TITLE	{
	width:190px;
	margin-right:4px;
	display:inline;
	vertical-align:middle;
	}
	
.ServCatSearch #BTN_MINI_SEARCH	{
	vertical-align:middle;
	margin:0;
	}


/*	-------------------------------------------------
	Serch Results
	------------------------------------------------- 	*/	

.ServCatSearchGroupItem {
	border-top:1px dotted #d7d7d7;
	padding-left:46px;
	position:relative;
	overflow:auto;
	}
	
.ServCatSearchGroupItem h2 {
	margin-top:10px;
	}	
	
	
.ServCatSearchGroupItem .OutputBox  {
	overflow:auto; /* in case html images appear and are floated */
	margin-bottom:5px;
	}	
	
.ItemButtons { 
	text-align:right;
	overflow:auto; 
	}

.ItemButtons input {
	vertical-align: middle;
	}

.ItemButtons .Buttons-Page-ViewLink, .Buttons-Page-ViewLink2	{
	margin-top:3px;
	float:left;
	}

.PriceQtyAdd {}
	
.ProductPicContainer {
	position:absolute;	
	top:10px;
	left:0;
	}
	
.ProductPic	{
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:32px;
	}
	
.ProductPicContainerMain .ProductPic {
	width:262px;
	}	
	
.ServCatItemMain {
	margin-bottom:10px;
	}
	
.ServCatItemMain .HTMLOutput,
.ServCatItemMain .PlainOutput {
	margin:10px 0;
	}  	
	
/* Fake Table List */	
.ListSelector {
	background:#fff;
	border:1px solid #7e9db9;
	margin:0;
	}
	
.ServCatItemMain #DIV_ADD_TO_CART input	{
	vertical-align:middle;
	}
	
.ListSelector	li {
	margin:0;
	padding:5px;
	border-bottom:1px solid #ebebeb;
	}
	
	
.ListSelector input { 
	vertical-align:middle;
	margin-right:4px;
	}	


/*	-------------------------------------------------
	Undo formating reset inside HTMLOutput and
	OutputBox DIVs. List should have bullets and 
	nest resonably well. Note IE has funny nested bullets
	-------------------------------------------------	*/
.HTMLOutput UL,
.OutputBox UL,
.HTMLOutput OL,
.OutputBox OL  { 
	margin:0.5em 20px;
	}
	
/* Common List Item Styles */
.HTMLOutput LI,
.OutputBox LI {
	list-style-position:inside;
	list-style-type: disc;
	margin:0.25em 0;
	}
	
.HTMLOutput OL LI,
.OutputBox OL LI {list-style-type:decimal;	}

/* Specific List Item Types Based on Nesting  */	
.HTMLOutput OL UL LI,
.OutputBox OL UL LI 	{list-style-type:disc;}

.HTMLOutput OL OL LI,
.OutputBox OL OL LI 	{list-style-type:lower-alpha;}

.HTMLOutput OL OL OL LI,
.OutputBox OL OL OL LI	{list-style-type: lower-roman;}

.HTMLOutput UL UL LI,
.OutputBox UL UL LI 	{list-style-type:circle;}

.HTMLOutput UL UL UL LI,
.OutputBox UL UL UL LI,
.HTMLOutput OL OL UL LI,
.OutputBox OL OL UL LI  {list-style-type:square;}

	

/*	-------------------------------------------------
	Knowledge Bank Search
	------------------------------------------------- 	*/

BODY.KB {
	padding: 10px;
	}


/*  Knowledge Bank Search might be old */


A.KS,
A.KS:Visited,
A.KS:Active  		{ text-decoration: none; font-weight:normal; color:#000000;}
A.KS:Hover 			{ text-decoration: none; font-weight:normal; color:#FF0000;}



/* Content Link */

A.content,
A.content:Visited,
A.content:Active  	{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#DB6608; font-size: 12px}
A.content:Hover 	{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#DEAD03; font-size: 12px}


/*  Buttons */

.Buttons-Browse		{ background-image: url('content_but_browse.gif'); background-repeat: no-repeat; background-position: right}

hr.BulletinHR 		{ height:2px; color:#FFFFFF; border-top-style: solid; border-top-width:1px; border-top-color:#9AAEC0}

.BulletinEntityLink 			{ font-family: MS Sans Serif; font-size: 10px }
A.BulletinEntityLink,
A.BulletinEntityLink:Visited,
A.BulletinEntityLink:Active   	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight:bold; color:#DB6608}
A.BulletinEntityLink:Hover 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight:bold; color:#DEAD03}


/*  special Forms */

.margin1 			{ line-height:30px }
.margin2 			{ margin:0px; margin-top:5px }


.clear{font-size:0px; line-height:0px; height:0px; clear:both;}





/* <!-- CUSTOMISATIONS BELOW THIS POINT --> */

/* Validation */
.IE-DatePicker-Calendar{
	background-color:#fff;border:1px #000 solid;width:200px;
}
.IE-DatePicker-CalendarControlBar{
	background-color:#889dac;border-bottom:1px #000 solid;text-align:right;padding-right:4px;
}

.IE-DatePicker-CalendarHeader{
	border-bottom:1px gray solid;
}
.IE-DatePicker-CalendarTable thead{
	background-color:#f5f5dc;
}
.IE-DatePicker-CalendarTable td{
	text-align:center;
}

/************ Copied from Validation-Styles.css *********************/

.exception { border:1px red solid; }

DIV#ERROR_MESSAGE {
   font:115%/1.2em Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color:#FF0000;
   margin:9px 0px;
   display: block;
   visibility:visible;
}

.IE-ErrorRegion SELECT, .IE-ErrorRegion TEXTAREA, .IE-ErrorRegion INPUT {
   background:#ffcccc;
}

.IE-DatePicker-YYYY { width:30px; text-align:right }
.IE-DatePicker-YY { width:20px; text-align:right }
.IE-DatePicker-MMMM { width:80px }
.IE-DatePicker-MMM { width:60px }
.IE-DatePicker-MM { width:40px }
.IE-DatePicker-DD { width:20px; text-align:right }
.IE-DatePicker-HH { width:20px; text-align:right; margin-left:4px }
.IE-DatePicker-NN { width:20px; text-align:right }
.IE-DatePicker-SS { width:20px; text-align:right }
.IE-DatePicker-TT { width:40px }
.IE-DatePicker-Divider {font-weight:bold; font-size: 10px }
.IE-DatePicker-Hint { font-weight:bold }

.IE-DatePicker-DayCell {}
.IE-DatePicker-DayCell-Today { background-color: #E99C40 }

.IE-DatePicker-Calendar { width:200px; border: solid 1px black; background-color:white }
.IE-DatePicker-CalendarControlBar { text-align:right; background-color:#889dac; padding:4px; font-size:6pt; font-weight:bold; border-bottom: solid 1px black }
DIV.IE-DatePicker-CalendarControlBar A { color: white }
.IE-DatePicker-CalendarHeader { text-align:center; font-weight: bold; font-size: 12pt; border-bottom: solid 2px gray }
.IE-DatePicker-CalendarTable { background-color: white }

TABLE.IE-DatePicker-CalendarTable THEAD { background-color: beige; border-bottom: solid 1px gray  }
TABLE.IE-DatePicker-CalendarTable TBODY TR TD { text-align:center  }
TABLE.IE-DatePicker-CalendarTable TBODY TR TD A { color:black  }


/* <!-- CUSTOMISATIONS BELOW THIS POINT --> */