		/* gives the bottom of the maincontent area a little space */
		#maincontent{
			min-height:500px;
			_height:500px;
			padding-bottom:40px;
		}

		/* styles for new case crumbtrail */
		#maincontent h1{
			width:206px;
			padding-left:18px;
			float:left;
		}
		
		/* styles for image crumbtrail */
		#new_case_crumbtrail{
			float:left;
			width:700px;
		}
			#new_case_crumbtrail ul{
				list-style:none;
			}
				#new_case_crumbtrail ul li{
					display:inline;
					margin-right:6px;
				}
		
		/* text intro top right of page */
		#products_top_info{
			clear:both;
		}
			#prod_intro_txt{
				clear:both;
				float:left;
				width:540px;
				padding:5px 30px 0 18px;
			}
			
			/* top right hand cost table */
			#top_total{	
				width:330px;
				padding-right:13px;
				float:right;
				text-align:right;
			}
				table.total_cost{					
					float:left;
					text-align:center;
				}
					.total_cost td{
						font-size:1.2em;
						height:32px;
						padding:0 0px 0 8px;
					}
					.total_cost th{
						height:25px;
					}
						
					.total_cost td.lhs_orange{
						background:url(../images/layout/orange_box_lhs.gif) top left repeat-x;
						
					}
						.total_cost td.lhs_orange img{
							margin-right:7px;
						}
					.total_cost td.middle_orange{
						background:url(../images/layout/orange_box_middle.gif) top left repeat-x;
					}
					.total_cost td.rhs_orange{
						background:url(../images/layout/orange_box_rhs.gif) top right no-repeat;
					}
		
		/* contains main table */			
		#products_table_container{
			clear:both;
			padding:20px 0 0 0;
		}
		
		/* basic class styles for bold and centered cells and rows */
		table .bold{
			font-weight:bold !important;
		}
		table .center{
			text-align:center !important;
			padding:0px !important;
		}
		
		/* table styles */
		table#mainProdTable{
			
		}
			table#mainProdTable td{
				height:25px;
				padding:0 0 0 0px;
			}
			
			table#mainProdTable th{
				height:25px;
				font-weight:normal;
				text-align:left;
				padding:0 0 0 0px;
			}
			#table_title{
				font-size:1.2em;
				float:left;
				width:380px;
				padding-top:5px;
			}
			#table_opts{
				background:url(../images/dashboard/tableBg.jpg) top right no-repeat /*#E1ECFC*/;
				float:right;
				text-align:right;
				height:22px;
				padding:7px 20px 0 0;
				padding-top:3px;
				height:26px;
				width:508px;
			}
				#table_opts .rdo_btn{
					position:relative;
					top:2px;
					top:1px;
					margin-left:8px;
				}
			
			table#mainProdTable tbody{
				color:#000066;
			}
				table#mainProdTable tbody a{
					color:#000066;
				}
			#scroll{
				height:380px;
				overflow:auto;
			}
			
			#subtitle_lhs{
				background:url(../images/new_case/subtitle_bg.gif) top left no-repeat #E1ECFC;
			}
			
			#subtitle_rhs{
				background:url(../images/new_case/subtitle_bg.gif) top right no-repeat #E1ECFC;
				width:20px;
			}
			.subtitle_color th{
				background-color:#E1ECFC;
				height:20px !important;
			}
		
		/* set widths on columns */
		.buy{
			width:60px;
			padding:0 0 0 30px !important;
		}
		.product{
			width:150px;
			padding:0 0 0 10px !important;			
		}
			td.product{
				text-decoration:underline;
			}
			td.product a{
				text-decoration:underline;
			}
		.supplier{
			width:230px;
			padding:0 0 0 10px !important;
		}
		.stated, .average{
			width:75px;
			padding:0 0 0 10px !important;
		}
		.exVat, .vat{
			width:73px;
			padding:0 0 0 10px !important;
			font-weight:bold;
		}
		.total{
			width:80px;
			padding:0 0 0 10px !important;
			font-weight:bold;
		}
		
		/* styles for product groups */
		.prod_group_shown, .prod_group_hidden{
			font-size:1.1em; /* 1.2 changed to 0.8 */
			font-weight:bold !important;
			color:#FFFFFF !important;
			/*background:url(../images/new_case/arrow_down.gif) */
			background:12px center no-repeat #0066CC;
			padding:0 0 0 15px !important;
			border-top:3px solid #FFFFFF;
			height:27px !important;
			/*.height:25px !important;*/
			font-family:Verdana;
			
		}
		.title_showhide{
			font-size:1.0em; /* 1.2 changed to 0.8 */
			/*background-color:#E1ECFC;*/
			background-position: left top; 
			background-image: url(../images/new_case/subtitle_bg.gif); 
			background-repeat:no-repeat;
			background-image:url(../images/new_case/subtitle_bg.gif);
			background-repeat:no-repeat;
			padding:0 0 0 30px !important;
			height:43px !important;
			/*.height:45px !important;*/
			font-family:Verdana;
			color:#000000 !important;

			
		}
		
.title_showtheader{
			font-size:1.0em; /* 1.2 changed to 0.8 */
			/*background-color:#E1ECFC;*/
			background-position: left top; 
			background-image: url(../images/new_case/pkg_title_bg_dark_blue.gif); 
			background-repeat:repeat;
			background-image:url(../images/new_case/pkg_title_bg_dark_blue.gif);
			background-repeat:repeat;
			padding:0 0 0 30px !important;
			height:43px !important;
			/*.height:45px !important;*/
			font-family:Verdana;
			color:#000000 !important;

			
		}

		.rightPad
		{
			padding-right:2px; 	
		}	
		
		.prod_group_hidden{
			background:url() 15px center no-repeat #519FED !important;
		}
			.prod_group_shown a, .prod_group_hidden a{
				text-decoration:underline;
				font-size:0.75em;
				margin-left:10px;
				color:#FFFFFF !important;
			}
		
		
		
		/* styles for drop down boxes */
		table select.drop_down{
			border:1px solid #8BA6C0;
			color:#000066 !important;
			padding:2px;
			font-size:0.9em;
			width:185px;
		}
		/* styles for drop down boxes */
		table .buy input{
			.margin-left:-4px;
		}
		
		/* background for alternate rows */
		.row_bg{
			background:#E1ECFC;
		}
		
		
		/* styles for bottom total */
		#btm_total{
			padding:0 13px 0 0;
			margin:5px 0 0 0;
			text-align:right;
		}
		
		/* styles for bottom box with case links */
		.half_box{
			background:url(../images/layout/half_width_shade.jpg) top left no-repeat;
			width:442px;
			clear:both;
			float:right;
			padding:13px 8px 0 18px;
			margin:10px 0 0 0;
		}
	
		#cancel_save{
			float:left;
			width:240px;
		}
			#cancel_save img{
				margin-right:10px;
			}
		
		#next_step{
			float:right;
			width:180px;
			text-align:right;
			padding-right:15px;
		}

/* New Added Styles */		

			.ppadingleft{
			padding-left:10px;
			text-align:left;
			}
			

			.prod_group_body_white{
			background-color:#FFFFFF;
			color:#000066;
			}
			.prod_group_body_white a{
			text-decoration:underline;
			color:#000066 !important;
			}
			.prod_group_body_purple a{
			text-decoration:underline;
			color:#000066 !important;
			}
			.prod_group_body_purple{
			background-color:#E1ECFC;
			color:#000066;
			}

			.tabletitles{
				font-size:0.8em;
				margin-left:10px;
				color:#000066 !important;

			}
			.tabletrtitles{
				font-size:0.8em;
				margin-left:10px;
				color:#ffffff !important;

			}
			
			
			.rowgridWhite {
	background:#fff;	
	color:#000066;
	font-weight:normal;
	height:23px;
	padding:5px 0 5px 0;
}
.rowgridPurple {
	background:#E1ECFC;	
	color:#000066;
	font-weight:normal;
	height:23px;
	padding:5px 0 5px 0;
}
.rowCategoryGrid
{
	/*background:#E1ECFC;*/
	background:url(../images/new_case/light_blue.gif) left bottom repeat-x;
	color:white;
	font-weight:bold;
	font-size:12px;
	height:28px;
	padding:0px 0px 0px 0px;
}
.CollapseBackColor
{
	background:#0065CC;	
	background-image:url(../images/new_case/light_blue.gif);
	background-repeat:repeat-x;
	font-weight:normal;
	height:28px;
	padding:5px 0 5px 0;
}
.ExpandBackColor
{
	/*background:#519FED;	
	background-image:url(../App_Themes/TWPI/images/new_case/light_blue.gif);
	background-repeat:repeat-x;*/
	background:url(../images/new_case/dark_blue.gif) left bottom repeat-x;
	font-weight:normal;
	height:28px;
	padding:5px 0 5px 0;
	
}
.rowCategoryPadding
{
	padding-left:8px;
	font-size:14px;	
}
.rowProductPadding
{
	padding-left:10px;
}
.padleft5
{
	padding-left:2px;
}

.paddmeRight2px
{
	padding-right :2px;
}
.half_box_pl{
			background:url(../images/layout/half_width_shade.jpg) top left no-repeat;
			width:440px;
			clear:both;
			float:right;
			padding:14px 10px 0 14px;
			margin:30px 0 0 0;
		}