/************************************ FONTS ******************************/
h1, h2, h3, h4, h5			{ color:#005499; margin:10px 0 5px 0; font-family:verdana;}

/************************************ GENERAL ****************************/
body						{ padding:0px; margin:0px; font: normal 80% verdana; background-color: #ffffff;  }
.clear						{ clear:both;}
#ContainerBody				{ margin:10px auto 0 auto;  width:766px;}
.NotFound					{ color:#005499; }

a							{ text-decoration:none; }
a:hover						{   text-decoration:underline; }
a img						{ border:0 }

.CenterHolder				{ margin:10px auto; width:300px; font-size:85%;}
.LeftHolder					{ margin:10px 0; width:300px; font-size:85%;}
.row						{ float:left; height:25px;}
.row label					{ float:left; padding-top:3px; }
.row input					{ width:120px; float:right; height:15px; }
.row select					{ width:126px; float:right;}
.row .PaymentDrops			{ width:80px; }
.Req						{ color:Red; }
.ReqField					{ color:Red; float:right; clear:both; text-align:right; width:200px;}
.fright						{ width:126px; float:right; height:15px; padding-top:2px; }
.SystemAlerts               { color: Red; font-weight: bold;}
.SystemMessages               { color: Green; font-weight: bold; }

label						{ }
/************************************ Header ****************************/
#TitleHeader				{ background:url(../../Images/cannontitle.gif) top left no-repeat; height: 41px;  
							  width :766px; border-bottom:1px solid #00A1B2 }
#HeaderContainer			{ background:url(../../images/homeheader.jpg) top left no-repeat; height: 198px; 
							  width:766px; margin-top:2px; margin-bottom:0px;}


/* TOP LINKS */
#toplinks					{ min-height:15px; _height:15px; margin-top: 20px;  margin-top: 20px;font-weight:bold; text-align:right; 
							  font-size:80%; color:#00519F; }
							
#toplinks a					{ display:inline; margin:0 3px 0 1px; text-decoration: none; color:#00519F; }
#toplinks a:hover			{ text-decoration:underline; }
.rtnhome					{ width: 120px; height: 136px; display: block;}

/* Container Title used at the top of every blue and white box */
.ContainerTitle				{ display:block; color:White; padding:4px 0 12px 40px; }

/* LOGIN */
#LoginContainer				{ background:url(../../Images/logincontainer.gif) top left no-repeat; float: left; 
							  margin:69px 0 0 8px; width:223px; height:125px; display:inline; padding-top:0px;}
							  
#LoginContainerEmpty				{ float: left; 
							  margin:69px 0 0 8px; width:223px; height:125px; display:inline; padding-top:0px;}
							
.InputLogin					{ margin:3px 0 0 10px; height:20px;}							
.InputLogin	.LeftText		{ float:left;}
.InputLogin .LoginTextBox	{ float:right; width:110px; height:14px; font-size:110%; margin-right:10px;}
#cmdCreateAccount			{ float:left; }
#cmdLogin					{ float:right; margin-right:10px;}						
.InputLogin a				{ text-decoration: none; color:Black; font-size:80%; }
.InputLogin a:hover			{ text-decoration: underline; }

/* +++++++ SEARCH, TOPNAV AND BASKET +++++++++ */
#Search_Topnav_Basket_Container 
							{ float:left; display:inline; width:510px;  margin:0px 0 0 25px; }

/* SEARCH */
#SearchContainer			{ float:left; display:inline; width:242px; height:22px; margin:137px 0 0 0px; 
							  color:White; font-weight:bold; font-size:80%;}
#txtSearch					{ width:145px; height:14px; font-size:120%;}
#cmdSearch					{ width:13px; height:13px; }		

/* BASKET */
#BasketContainer			{ background:url(../../Images/basketcontainer.gif) top right no-repeat; float:left; 
							  display:inline; width:191px; height:130px; margin:5px 0 0 77px; padding-top:0px; }
.BasketElements				{ margin:3px 0 0 10px; height:20px;font-size:80%;}
.BasketButtons				{ margin:3px 0 0 4px; height:20px;}
#cmdViewBasket				{ float:left; }
#cmdCheckOut				{ float:right; margin-right:4px;  }			
							
/* TOP NAV */

#TopNavContainer			{ clear: both; width:508px; height:30px; margin-top:10px; padding-top:10px;  padding-top:0px; }
	
#TopNavContainer a			{ float:left;  padding-right:10px; padding-top:3px; padding-bottom:3px;
							  text-decoration: none; color:White ; font-size:80%; font-weight:bold;}
#TopNavContainer img		{ margin:0px; padding:0px;  width:19px; height:19px; margin-bottom:15px;  }							  
						  
#TopNavContainer .topnav1	{ background:url(../../Images/deliverynav.gif) top left no-repeat; margin-right:10px; width:110px;}
#TopNavContainer .topnav2	{ background:url(../../Images/termsnav.gif) top left no-repeat; margin-right:10px; width:110px;}
#TopNavContainer .topnav3	{ background:url(../../Images/myaccountnav.gif) top left no-repeat; margin-right:10px; width:70px;}
#TopNavContainer .topnav4	{ background:url(../../Images/promotionsnav.gif) top left no-repeat; width:90px;}							


/* +++++++++++++++++++++++++++++++++++ MAIN +++++++++++++++++++++++++++++++++++++ */
#MainBodyContainer			{ width:759px; border-top:#00AFCF 1px solid; margin:7px 0 0 7px; color:White; height:auto;}

/* +++ LEFT OF PAGE +++ */
#LeftContainer				{ float:left; width:224px; }

/* LEFT NAV */
#LeftNavigationContainer	{ background:url(../../Images/leftnavtop.gif) top left no-repeat #F2F3F1; width:224px; 
						   	  font-size:80%; }
#LeftNavigationContainer a	{ text-decoration:none; }
#LeftNavigationContainer a:hover
							{ text-decoration:underline; }

#TopNavTitle				{ display:block; padding:4px 0 11px 15px; font-size:120%;}
.NavPointHolderSelected		{ background:url(../../Images/leftnavpoint.gif) top left no-repeat; width:168px;  height:25px;
							  border-top:1px solid #8E8E8E; color:#004B99; padding:9px 0 0 43px; display:block; }
.subnavpoints				{ background:url(../../Images/leftnavpoint2.gif) top left no-repeat; margin:0 0 0 43px; padding:3px 0 0 37px;
							  border-top:1px solid #8E8E8E; min-height:20px; _height:20px; color:#004B99; width:131px; display:block;}
							  
.NavPointHolderDeSelected	{ width:211px; height:37px; border-top:1px solid #8E8E8E; color:#004B99; }
.NavPointPic				{ float:left; width:43px; height:32px }
.NavPointHolder				{ float:left; background:url(../../Images/leftnavpoint.gif) top left no-repeat; width:130px; 
							  padding:10px 0 0 37px; height:24px; color:#004B99; }
#LeftNavFooter				{ background:#00ABCD; height:5px; font-size:1px;}

/* +++ LEFT SIDE PROMOTIONS +++ */
.ContainerTitleHolder		{float: left; height: 38px; background-image:url(../../Images/promotionholder-top.gif); background-position: top left; background-repeat: no-repeat; width: 223px;  border-top: 10px solid #FFFFFF; }
.PromotionContainer			{ width:221px; float: left; border-left: 1px solid #004b99; border-right: 1px solid #004b99;}
.PromoLeft					{ float:left; display:inline; width:107px; height:120px; margin:0px 0 0 13px;}
.PromoDescription			{ display:block; color:#004B99; min-height:42px; _height:42px;width:107px; }
.PromoWas					{ display:block; color:#004B99; height:14px; width:107px; font-size:80%;}
.PromoNow					{ display:block; color:#FD8415; height:28px; width:107px; font-size:110%; }
.PromoTextBox				{ float:left; width:37px; height:14px; font-size:110%; }
.PromoBuyButton				{ float:right; width:60px;  margin:0 0 3px 0;}
.PromoRight					{ margin:-7px 0 0 13px; float:left; width:82px; height:90px; text-align:center;}
.PromotionContainer a		{ text-decoration:none; }
.PromoPIC					{ border:0; }
.PromoMoreInfo				{ background:url(../../Images/magnifyingglass.gif) top left no-repeat; width:80; height:14px;
							  padding:0 0 0 20px; color:#004B99; font-size:70%; text-decoration:none; border:0; }

/* +++++++++++++++++++++++++++++ MAIN AREA +++++++++++++++++++++++++ */
#MainAreaContainer			{ float:right; width:510px; color:Black; }

/* ++ HOME PAGE STYLES ++ */
/* Home Page Top */
#HomeMainTop				{ background:url(../../Images/homepageimage.gif) top left no-repeat; width:520; height:179px;
							  Margin:4px 0 0 0; }
#HomeMainTop .Headers		{ width:295px; height:22px; color:#FD8415; font-size:130%;}
#HomeMainTop #Title1		{ margin:8px 0 0 174px;}
#HomeMainTop #Title2		{ margin:0 0 0 200px;}
#HomeMainTop #HomeDescription
							{ width:240px; height:110px; color:Black; font-size:85%; margin:10px 0 0 257px;}

/* Home Page Promotional Offers */
#PromoOffersContainer		{ float:left; width:508px; border:1px solid #C1BDC2; margin:12px 0 0 0; padding-bottom: 10px;}
#PromoOffersContainer #TopBanner
							{ width:494px; height:19px; color:White; padding:5px 0 0px 10px; margin:2px 0 0 2px; 
							  background:#005499; font-size:80%; }
.PromoOffersBlock		{ float:left; display:inline; width:245px; height:158px; margin:8px 0 0 6px; border-bottom: 1px solid #C1BDC2 }
	
.PromoOffersLeftTop			{ float:left; width:246px; height:158px; margin:8px 0 0 6px;  }
.PromoOffersrightTop		{ float:right; width:246px; height:160px; margin:8px 0 0 6px;  border-right:1px solid #C1BDC2;}
.PromoMidLine				{ float:left; width:494px; height:1px; border-top:1px solid #C1BDC2; margin:0px 0 0 6px; 
							  font-size:1px; line-height:1px;}
.PromoOffersLeftBottom		{ float:left; width:246px; height:158px; margin:-1px 0 0 6px;  border-right:1px solid #C1BDC2;}
.PromoOffersrightBottom		{ float:right; width:246px; height:160px; margin:-1px 0 0 6px;  border-right:1px solid #C1BDC2;}							  

.PromoHolderLeft			{ margin:0px 0 0 0px; float:left; display:block; width:125px; height:150px;
							  text-decoration:none; text-align:center ; }
.PromoOfferPIC				{ border:0; margin:5px 0; }
.PromoOfferMoreInfo			{ background:url(../../Images/magnifyingglass.gif) top left no-repeat; width:100px; height:14px;
							  padding:0 0 0 20px; color:#004B99; font-size:70%; border:0; margin:0 0 0 0px; }
.PromoHolderRight			{ float:left; margin:0px 0 0 5px; width:110px; height:150px;}							  
.PromoOfferDesc				{ width:108px; height:32px; color:Black; font-size:80%; border-bottom:1px dotted #BFCACB;
							  margin:5px 0 0 0; }
.PromoOfferMeasure			{ width:108px; height:15px; color:Black; font-size:80%; margin:5px 0 0 2px; }
.PromoOfferCode				{ width:108px; height:20px; color:Black; font-size:80%; margin:0px 0 0 2px; }
.PromoOfferPrice			{ display:inline; height:28px; color:#FD8415; font-size:110%; margin:0 0 0 2px; }
.PromoOfferVAT  			{ display:inline; height:28px; color:black; font-size:60%; margin:0 0 0 0;}
.PromoOfferTextBuyHolder	{ width:108px; margin:15px 0 0 0; height:21px; border-top:1px dotted #BFCACB; padding-top:10px;}

/* ++ CONSUMABLES PAGE ++ */
/* Consumables Page Top */
#ConsumablesMainTop			{ Margin:4px 0 0 0; }
.MainTopTopBanner			{ color:Black !important ;  padding:5px; color:White;   margin:20px 0 0 0px; font-size:90%; }
.MainTopTopBanner		 a { color:Black !important }




.breadcrumbar				{ width:510; _height:19px; min-height:19px; color:#005499; padding:5px 0 0px 0px; margin:2px 0 0 0px; background:white; font-size:80%; border-bottom:1px solid #238DB5;}
.breadcrumbar a				{ text-decoration:none; color:#005499; }
.breadcrumbar a:hover		{ text-decoration:underline; }

.ConsumablesDescription		{ width:510; color:black; padding:0px 0 0px 0px; margin:5px 0 0 0px; font-size:90%; }

/* Consumables Product Range */
#ProdRangeTitle				{ width:510; height:16px; color:black; padding:0px 0 0px 2px; margin:20px 0 0 0px; 
							  background:white; font-size:90%; border-bottom:1px solid black; }
.ProdRangeBar				{ width:510; height:75px; border-bottom:1px solid #8F8F83; }
.ProdRangeBar .ImgContainer { width:85px; height:70px; text-align:center; float:left; }
.ProdRangeBar img			{ margin:2px 0 0 0; }
.ProdRangeBar .DescriptionHolder
							{ float:left; width:415px; color:black; font-size:90%; margin:15px 0 0 5px; }
.ProdRangeBar .DescriptionHolder a
							{ text-decoration:none; color:Black }							
.ProdRangeBar .DescriptionHolder a:hover
							{ text-decoration:underline; }
							
/* +++++ PRODUCT RANGE +++++ */
.ProductContainerFirst		{ float:left; width:123px; min-height:260px; _height:260px;border-bottom:1px solid #C8C9BD; margin:19px 0 0 0;  text-align:center;}
.ProductContainerFirst .ProdInner
							{ width:114px; min-height:260px; _height:260px; }
.ProductContainer			{ float:left; width:129px; _height:260px; min-height:260px; border-bottom:1px solid #C8C9BD; margin:19px 0 0 0; }
.SubCatContainer			{ text-align:center;  float:left; width:238px; height:194px; border:1px solid #C8C9BD; margin:19px 0 0 0; margin-right:10px;}
.SubCatContainer .Title			{ border-top:1px solid #97978B; background:#C8C9BD; border-bottom:1px solid #97978B; 
							  color:Black; font-size:80%; padding:2px 2px 0 2px; min-height:30px; _height:60px;  text-align:center; }

.CatContainer { border:solid 1px #97978B; padding:10px; text-align:center; margin-top:5px; } 

.ProductListView {   }

.ProductListView .plrow { clear:both; border-bottom: solid 1px #97978B;  }
.ProductListView .plcell { float:left; display:inline; padding:5px;  font-family:Arial; font-size:10pt;}
.plTitle { width:180px; }
.plPrice { width:110px; color:#ff6801; }
.plQuantity { width:15px; }
.plMoreInfo { width:70px;margin-left:10px; }
.plMoreInfo a { color:#004b99; }

 .plcell .ProdMoreInfo	{ background:url(../../Images/magnifyingglass.gif) top left no-repeat;  
							  padding:0 0 0 20px; color:#004B99; font-size:70%; text-decoration:none; 
							 }

.plButton { width:65px; }
.plButtonObj { width:60px;  margin:0 0 0 5px;  }

.ProductContainer .ProdInner
							{ width:114px; _height:248px; min-height:248px; border-left:1px solid #C8C9BD; padding:0 5px 0 5px; text-align:center;}
.ProdInner .Title			{ border-top:1px solid #97978B; background:#C8C9BD; border-bottom:1px solid #97978B; 
							  color:Black; font-size:80%; padding:2px 2px 0 2px; min-height:60px; _height:60px; width:114px; }
.ProdInner .Container		{ min-height:121px; _height:121px;  width:118px; text-align:center;}							  
.ProdInner img				{ border:none; }
.ProdInner a				{ text-decoration:none; }
.ProdInner .ProdMoreInfo { background:url(../../Images/magnifyingglass.gif) top left no-repeat; width:80; 
							  padding:0 0 0 20px; color:#004B99; font-size:70%; text-decoration:none; 
							  margin:0 0 0 18px; }
.ProdPrice					{ color:#FD8415; height:16px; text-align:center; font-size:85%; clear:both;   }
.ProdTextBox				{ float:left; width:37px; height:14px; font-size:100%; margin:0 0 0 5px}
.ProdBuyButton				{ float:right; width:60px;  margin:0 0 0 5px; clear:both;}
#ProdEndLine				{ float:left; border-left:1px solid #C8C9BD; height:207px; width:1px; margin:19px 0 0 0;}

/* ++++ PRODUCT ++++  */
#SelectedProductContainer	{ width:510px; height:250px; }
#SelectedProductContainer .ProdContainer
							{ float:left; height:240px; width:240px; text-align:center; vertical-align:middle; }
.ProductImage				{ border:1px solid #C8C9BD; margin:10px 0 0 0; }
.ProdHolderRight			{ float:left; margin:10px 0 0 10px; width:235px; height:240px;}							  
.ProdName					{ width:235px; height:32px; color:Black; font-size:100%; border-bottom:1px dotted #BFCACB;
							  margin:5px 0 0 0; }
.ProdDesc					{width:235; height:77px; color:Black; font-size:90%; margin:5px 0 0 2px; }
.ProdCode					{ width:235px; height:30px; color:Black; font-size:90%; margin:0px 0 0 2px; }
.ProductPrice				{ display:inline; height:28px; color:#FD8415; font-size:120%; margin:0 0 0 2px; }
.ProdVAT  					{ display:inline; height:28px; color:black; font-size:70%; margin:0 0 0 0;}
.ProdTextBuyHolder			{ width:235px; margin:15px 0 0 0; height:31px; border-top:1px dotted #BFCACB; padding-top:30px;}
.ProductTextBox				{ float:left; width:37px; height:14px; font-size:100%; margin:0 0 0 5px}
.ProductBuyButton			{ float:left; width:60px;  margin:0 0 0 10px;}

/* ++++ GENERAL INFORMATION ++++ */
#GeneralPic					{ text-align:center; }
.SubLinksbar				{ width:510; height:10px; color:#005499; padding:10px 0 0px 0px; margin:2px 0 0 0px; 
							  background:white; font-size:80%; }
.SubLinksbar a				{ background:url(../../Images/subcatpoint.gif) bottom left no-repeat; text-decoration:none; 
							  color:#005499; padding:0 0 0 8px; display:inline; float:left; margin:0 17px 0 0; width:130px;}
.SubLinksbar a:hover		{ text-decoration:underline; }
.SubCatBar					{ width:510; height:100%;  background:#F3F4F3; margin:5px 0 0 0;}
.SubCatBar img				{ float:left; width:85px; height:70px; padding:0 2px 0 0; background:white; }
.SubCatBar .DescriptionHolder
							{ float:left; width:415px; color:black; font-size:90%; margin:10px 0 0 5px;}
.SubCatBar .DescriptionHolder a
							{ text-decoration:none; color:Black }							
.SubCatBar .DescriptionHolder a:hover
							{ text-decoration:underline; }

/* +++++++++++++++ BASKET +++++++++++++++  */
#BasketTopNavBar			{ width:510px; height:30px; margin:10px 0 0 0; }
#BasketTopNavBar a			{ float:right; display:inline;  height:25px; padding-left:28px; padding-top:5px;
							  text-decoration: none; color:#005499; font-size:80%; font-weight:bold; margin:0 0 0 20px;}
#BasketTopNavBar a:hover	{ text-decoration:underline; }							  
#BasketTopNavBar .save		{ background:url(../../Images/savebasketpoint.gif) top left no-repeat; }
#BasketTopNavBar .retrieve	{ background:url(../../Images/retrievebasket.gif) top left no-repeat;  }

.BasketTopTopBanner			{ height:22px; color:White; padding:2px 0 0px 25px; font-size:90%;
							  background:url(../../Images/viewbasketpoint.gif) top left no-repeat;  }
.BasketTopTopBanner span	{ display:block; background:#005499; height:18px; padding:3px 0 0 10px;}

#BasketTable, #OrderHistoryTable				{ width:510px; margin:15px 0 0 0; }
#BasketTableCheckout			{ width:508px; margin:15px 0 0 0; }

#BasketHeaderBar td, #OrderHistoryBar td	 		{ border-top:1px solid #B3B3A9; border-bottom:1px solid #3E3E31;}
#BasketHeaderBar, #OrderHistoryBar			{ background:url(../../Images/basketbar.gif) top left repeat-x;  height:19px;
							  color:#6A6665; font-weight:bold; font-size:85%;}

.BasketDeleteColumn			{ width:50px; text-align:center;}
.BasketProdColumn			{ width:140px; }
.BasketProdCodeColumn		{ width:100px; text-align:center; }
.BasketQtyColumn			{ width:140px; }
.BasketQtyColumn a			{ text-decoration:none; color:#6A6665; }
.BasketQtyColumn a:hover	{ text-decoration:underline; }
.BasketSubTotalColumn		{ width:80px; }

.BasketItems				{ font-size:85%; color:#6A6665; height:30px; }					  
.BasketItems td				{ border-bottom:1px dotted #C2C2C2; }

.BasketSubTotal				{ background:#F3F4F3; width:230px; height:17px; float:right; margin-top:2px; color:#6A6665; padding-top:3px;}
.BasketTotal				{ background:#005499; width:230px; height:17px; float:right; margin-top:2px; color:white; padding-top:3px;}
.BasketSubLeftColumn		{ float:left; font-size:85%; width:75px; text-align:right;}
.BasketSubRightColumn		{ float:left; font-size:85%; width:50px; margin-left:75px;}
.BasketSubTotalColumn				{width:63px;}
.BasketViewButtons			{ float:right; margin-left:35px;}
.spanPayCard {font-size:16px; color:blue; font-weight:bold;}

/********************************** MY ACCOUNT *****************************/
.MyAccountContainer			{ width:50%; margin:20px 0 0 0; float:right;}
.MyAccountContainer div		{ display:inline; border:0; }
.MyAccountContainer div	img	{ vertical-align:middle; margin-right:6px; }
.MyAccountContainer a		{ color:Black; font-weight:bold;}
.MyAccountContainer	dd		{ color:#696969; }

/* ++ Back to Top ++ */
#BackToTop					{ background:url(../../Images/backtotoppoint.gif) top left no-repeat; width:80px; height:14px;
							  padding:0 0 0 20px; color:#004B99; font-size:70%; margin:20px 0 0 455px; display:inline;
							  text-decoration:none; float:left;}
#BackToTop:hover			{ text-decoration:underline; }

/* +++++++++++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++++++++++++ */
#Footer						{ float:left; background:url(../../Images/footer.gif) top left no-repeat; width:758px; height:41px; 
							  margin:20px 0 10px 0; color:White;}
.FooterLinks				{ float: right; display:block; color:White; text-decoration:none; margin:23px 5px 0 0; font-size:80%;}
#Footer a:hover				{ text-decoration:underline;}

/* +++++++++++++++++++++++++++++++ Bolt-ons ++++++++++++++++++++++++++++++++++++++++ */
#PaymentNotes { padding:5px;text-align:center; }
.formRow { clear:both; }
.formRow label{ display:block; width:17.5em; float:left; }
.formRow span {	position:relative; }


.CatHead { background-color:#0080cc; font-size:10pt; color:White; padding:3px; padding-left:10px; font-weight:bold;}


.NewsItem { clear:both; }
.NewsItemIcon { display:inline; float:left; width:150px; }
.NewsIcon { display:inline; float:left; width:150px; }
.NewsContent { display:inline; float:left;  }
.NewsContent H1 { color:Black; font-size:12pt; }
.NewsContent a { color:Black; }


.ScrollBanner			{ color:White !important ; width:600px; _height:50px; min-height:50px; padding:5px; color:White;   margin:20px 0 0 0px;  background:#005499; font-size:90%; }
.ScrollBanner			 a { color:White !important }


#news {  min-height:30px; _height:30px; } 
#scrollcontent  { min-height:30px; _height:30px; } 
#board {  min-height:30px; _height:30px; } 

.CheckoutTable { width:100%; }
.CheckoutTable td { width:50%; padding:5px;}

.Technical, .Technical p, .Technical td { font-weight:normal; }
.Technical H1 { font-family: Arial; font-size:14pt; margin:3px;  margin-left:0;} 
.Technical hr { color:#005499; } 

.TechnicalHeader
{
	color:#004b99;
	margin-top:15px;
	font-size:13pt;
	font-family:Arial;
}