body { font-family: Arial, Helvetica; background: url(../images/background.gif) repeat-y center top #f3f3f3 !important; }

a:link, a:visited { color: #000 /*C31327*/; text-decoration: undeline; }
	a:hover { color: #000000; }


#headerHolder { background: url(../images/headerBG.jpg) no-repeat; padding-top: 16px; }

#header { width: 100%; height: 105px;  }
	#shoppingHeader { display: block; float: right; padding: 10px 10px 0px 0px;  width: 230px; text-align: right; }
		#shoppingHeaderImage { display: block; float: right; width: 32px; }
		#shoppingHeaderInfo  { display: block; float: right; color: #000; width: 180px; padding-right: 10px; }
			#shoppingHeaderTitle { text-align: right; font-weight: bold; }
			#shoppingHeader { font-size: 15px; font-weight: 400; letter-spacing: 0.6px; padding-bottom: 3px; }
			#shoppingHeaderDetails { font-size: 12px; text-align: right; }
				#shoppingHeaderDetails ul { list-style-type: none; margin: 0px; text-align: right; }
					#shoppingHeaderDetails li { list-style-type: none; display: inline; }
					#shoppingHeaderDetails ul .items { list-style-type: none; }
					#shoppingHeaderDetails ul .total { list-style-type: none; }
				#shoppingHeaderDetails a:link, #shoppingHeaderDetails a:visited, #shoppingHeaderDetails a:active, #shoppingHeaderDetails a:hover { color: #000; text-decoration: underline; }


.styledHeader { background: url(../images/headingBG.jpg); font-size: 18px; font-size: bold; padding: 2px 0 0 5px; margin: 0; position: relative; margin-bottom: 10px; }
.styledHeader .tl { position:absolute; display:block; height:2px;width:2px;top:0px;left:0px;background: url('../images/wTopLeft.gif') top left no-repeat;}
.styledHeader .tr { position:absolute; display:block; height:2px;width:2px;top:0px;right:0px;background: url('../images/wTopRight.gif') top right no-repeat;}
.styledHeader .bl { position:absolute; display:block; height:2px;width:2px;bottom:0px;left:0px;background: url('../images/wBottomLeft.gif') bottom left no-repeat; *margin-bottom: 3px; }
.styledHeader .br { position:absolute; display:block; height:2px;width:2px;bottom:0px;right:0px;background: url('../images/wBottomRight.gif') bottom right no-repeat; *margin-bottom: 3px; }


#menu { width: 100%; height: 28px; }

	#menu ul { padding: 0; margin: 0; }
		#menu ul li { float: left;  list-style: none; padding: 0px; background: url("../images/tab_02.gif") no-repeat right top; margin-right: 1px; }
			#menu ul li a:link, #menu ul li a:visited { float: left; width: auto; display: block; height: 24px; padding: 4px 14px 0 14px; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: url("../images/tab_01.gif") no-repeat left top; }
				#menu ul li a:hover { /*background-position: right -50px;*/ background: url("../images/tab_01.gif") no-repeat left -50px; }
					
					#menu ul li a.overlink { background: url("../images/tab_01.gif") no-repeat left -50px; }
					#menu ul li.overlink2 { background: url("../images/tab_02.gif") no-repeat right -50px; }
					.menuSpacer { width: 100%; height: 10px; }
				
					.navd_inner_content ul {}
						.navd_inner_content li { list-style-type: none; }
							.navd_inner_content li a:link, .navd_inner_content li a:visited, .navd_inner_content li a:active { font-weight: normal; color: #FFFFFF; }
							.navd_inner_content div ul li a: link { color: #FFFFFF; }
								.navd_inner_content li a:hover { text-decoration: underline; }
							
							.menuSplitter { border-right: 1px solid #5F5F5F; }
					
		#searchBarForm { padding: 0px; margin: 0px; }	
			#searchHolder { display: block; width: 100%; height: 31px; background-color: #000; }
				#searchBar { float: right; padding: 4px 8px 0px 0px; }
					#searchBar #searchText { display: block; border: 0px; height: 17px; width: 120px; font-size: 12px; margin-bottom: 4px; padding: 4px 0px 1px 5px; }
					#searchBar #searchSubmit { display: block; float: right !important; }
				.searchbarLeft { float: left; }
				.searchbarRight { float: right; }
				
	
	
	.optionBar { width: 100%; padding: 5px 0px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }
		.pagination { float: right; padding-right: 10px; }
			/*
			.pagination a:link, .pagination a:visited { display: block; padding: 2px 5px; background-color: #000000; color: #FFFFFF; float: left; text-decoration: none; margin-right: 4px; }
			#pageSel { display: block; padding: 2px 5px; background-color: #CCCCCC; color: #000000; float: left; text-decoration: none; margin-right: 4px; }
				.pagination a:hover { background-color: #C21026; color: #FFFFFF; }
			*/
			.pagination a:link, .pagination a:visited { display: block; padding: 0px 5px; float: left; text-decoration: none; margin-right: 4px; }
			#pageSel { display: block; padding: 0px 5px; float: left; text-decoration: none; margin-right: 2px; font-weight: bold; text-decoration: underline; }
				.pagination a:hover { text-decoration: underline; }
			.pagiDots { display: block; float: left; margin-right: 2px;}

	ul.helpList { margin-left: 30px; }
		.helpList li { list-style-type: none; line-height: 1.8em; }

	ul.manuList { }
		.manuList li { list-style-type: none; }
			
	.productHolder { display: block; min-height: 200px; margin-bottom: 20px; overflow: hidden; position: relative; }
		.leftColumn { width: 100px; float: left; }
			.manLogo { float: left; text-align: center; }
		.productName { margin-left: 110px; display: block; position: relative; height: 100%; }
			.viewItButton { display: block; position: absolute; bottom: 0; left: 110px; margin-top: 10px; }
			.viewItButton2 { display: block; position: relative; margin-left: 110px; margin-top: 10px; }
		.catName { margin-left: 160px; display: block; }
		.manuDescription { margin-left: 160px; }
		.productImage { float: left; padding: 0px 10px 10px 0px;  }
		
		.productHolder a:link, .productHolder a:visited { text-decoration: none; color: #000000; } 
			.productHolder a:hover { text-decoration: underline; }
	
	.productImageHolder { display: block; /* padding: 0px 10px 10px 10px; float: left; */ }
		#imageLink { display: block; margin: 0 auto; }
		.extraImages { text-align: center; margin: 0 auto; padding-top: 10px; }
			.extraImages img { vertical-align: middle; padding-right: 10px; padding-top: 4px; }
		
		img.middle { vertical-align:middle; }
	
	#breadcrumb { display: block; width: 100%; padding-bottom: 12px; font-weight: bold; color: #000000; }
		#breadcrumb a:link, #breadcrumb a:visited { color: #000000; text-decoration: underline; }
		#breadcrumb a:hover { color: #CC3524; }
		
	h3.productTitle { line-height: 1.3; margin-bottom: 1.3em; }

#footer { display: block; position: relative; width: 920px; height: 140px; padding: 15px; color: #000; background: url(../images/footer.jpg) no-repeat; clear: both; }
	#footer h4 { color: #000; border-bottom: 1px solid #000; padding: 0px; margin-bottom: 5px; font-weight: bold; }
		.shorter { width: 180px; }
		.longer  { width: 240px; }
	#footer p { padding-left: 5px; }
		#footer p img { margin: 8px 8px 0 0; }
	#footer ul { padding-left: 5px; margin: 0; }
		#footer li { list-style-type: none; padding: 0; }
			#footer a:link, #footer a:visited { color: #000; text-decoration: underline; }
			#footer a:hover { text-decoration: underline; }
	.copyrightNotice { padding-right: 10px; margin-bottom: 6px; position: absolute; bottom: 0px; right: 0px; text-align: right; font-size: 10px; }
#footerBottom { display: none; width: 950px; height: 6px; background: url(../images/footer-bottom.jpg) #000 top no-repeat; font-size: 1px; color: #FFFFFF; }
	

#offerOfTheDay { width: 950px; height: 135px; }
	.offerDesign1 { background: url(../images/offer3.jpg) no-repeat; }
	.offerDesign2 { background: url(../images/offer4.jpg) no-repeat; }
	
	#offerDetails { display: block; margin: 7px 0px 0px 390px; width: 533px; height: 95px; padding: 7px 10px 5px 10px; overflow: auto; font-size: 14px; }
		#offerImage { height: 100%; padding-right: 5px; float: left; }
		#offerPrice { float: right; /*width: 110px;*/ width: auto; padding-left: 10px; }
			.offerViewButton { padding-top: 10px; }
			#offerPrice .price { font-size: 26px; }
		.offerText { font-size: 12px; padding-top: 12px; }
		

.PDFsection { display: block; float: right; text-align: center; }
		

.price { color: #E60100; font-size: 20px; font-weight: bold; }
.priceLarge { color: #E60100; font-size: 3em; font-weight: bold; }
.vatPrice { color: #666666; font-size: 10px; padding-bottom: 10px; } 

.sideBanner img { padding-bottom: 6px; }

.alert { background: #fff6bf url(../images/exclamation.png) center no-repeat; background-position: 15px 8px /*50%*/; /* x-pos y-pos */
	text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin-bottom: 20px; }
		
.success { background: #EEFFBF url(../images/accept.png) center no-repeat; background-position: 15px 8px /*50%*/; /* x-pos y-pos */
	text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #CCF919; border-bottom: 2px solid #CCF919; margin-bottom: 20px; }


/* Login page */
#div1 { margin: 0px 10px 20px 90px; width: 350px; background: url(../images/dots.gif) repeat-y right; float: left; padding: 0px; }
#div2 { margin: 0px 10px 20px 440px; width: 400px; }
* html #div1 { margin-left: 40px; width: 400px; }

.forceHeight 	{ position: relative; height: 140px; }
.forceToBottom	{ position: absolute; bottom: 0px; width: 340px !important; }

#forgottenPassword { display: block; text-align: center; font-size: 98%; padding-top: 12px; padding-bottom: 20px; }
	#forgottenPassword img { padding-right: 5px; margin-bottom: -3px; }


.faqList { margin-left: 30px; }
	.faqList li { padding-bottom: 5px !important; }

.faqTitle  { padding: 5px 0px 5px 10px; font-size: 1.2em; font-weight: bold; background: url(../images/footer.jpg) repeat-x; color: #000000; }
.faqAnswer { background-color: #F3F3F1; padding: 10px; margin-bottom: 15px; }

.topBorder { border-top: 1px black solid; }
.thinBorder { padding: 2px !important; }

.logoHolder {}
	.logoHolder img { padding-bottom: 15px; }
	
	
.blackTitle { width: 98%; height: 30px; background-color: #000; color: #fff; vertical-align: middle; margin: 0 auto; margin-bottom: 15px; font-size: 18px; font-family: impact, charcoal, sans-serif; font-weight: 400; font-stretch: expanded; }
	.blackTitle span { color: #FFD900; }
	.blackTitleRight { float: right; }
	.blackTitleLeft  { float: left; }


	#cartRelatedProducts { display: block; padding-top: 20px; }


/* CartTable style */
.cartTable { border-collapse: collapse; border-spacing: 0px; text-align: left; width: 100%; }
	.cartTable th, .cartTable thead th { padding: 5px 0.5em; font-weight: bold; font-size: 1.2em; color: #FFFFFF; background: #000000; }
	.cartTable td { padding: 0.6em 0.5em; vertical-align: top; }
		.column0 { background: #FFFFFF; }
		.column1 { background: #F1F0F2; }
	
	.rightAlign, th .rightAlign { text-align: right; }
	.cartTable td.noStyle { text-align: right; background-color: #FFFFFF; padding: .2em; }
		.cartTable td.noStyle hr { padding: 0px; margin: 0px; }

	.cartTable a:link, .cartTable a:visited { color: #000000; text-decoration: underline; }
		.cartTable a:hover { color: #C31327; }

	.cartTable .removeImage { margin-top: 3px; }
	
	.cartTable .boldTitle { font-family: impact, charcoal, sans-serif; font-weight: 400; font-stretch: expanded; }

	/*
	.tradeBox { font-size: 11px; display: block; height: 48px; width: 110px; padding: 57px 0px 6px 40px; background:url(../images/tradeapp.png) no-repeat; }
		.tradeBox a:link, .tradeBox a:visited,  .tradeBox a:active { color: #FFFFFF; text-decoration: underline; }
	 	.tradeBox a:hover { text-decoration: none; }
	*/
	
	a.emailBox { color: #FFFFFF; font-size: 11px; display: block; height: 57px; width: 140px; padding: 35px 0px 6px 10px; background:url(../images/emailsignup.gif) no-repeat; line-height: 1.4; }
		a.emailBox:link, a.emailBox:visited,  a.emailBox:active { color: #fff; text-decoration: none; }
	 	a.emailBox:hover { text-decoration: none; }
	
	.tradeBox { font-size: 11px; display: block; height: 47px; width: 140px; padding: 45px 0px 0px 10px; margin-bottom: 10px; background:url(../images/tradeaccount.gif) no-repeat; }
		.tradeBox a:link, .tradeBox a:visited,  .tradeBox a:active { color: #fff; text-decoration: underline; }
	 	.tradeBox a:hover { text-decoration: none; }


/* Show only to IE PC \*/
* html .boxhead h2 { height: 1%; } /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/*width: 17em;*/ /* ems so it will grow */
	background: url(../images/contentbox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/contentbox/sbhead-r.gif) no-repeat top right;
	margin: 0; padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/contentbox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 12px 20px 5px 20px;
	color: white; 
	font-weight: bold; 
	font-size: 14px; 
	/*line-height: 1em;*/
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/contentbox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 20px 5px;
}
