@charset "utf-8";


body { background: #FFF url(../images/background.gif) top center repeat-x; color: 605f5f; font-family: Verdana, Geneva, sans-serif; }

p 	{ font-size: 14px; line-height: 20px; padding-bottom: 14px; }
h1 	{ font-size: 24px; color: #495baa; font-weight: bold; }
	h1.underline { background: url(../images/underline.png) no-repeat 0px 30px; padding-bottom: 14px; }
	h1.small { font-size: 18px; }
	h1.white { color: #FFF; }
	h1 a { color: #495baa; text-decoration: underline; }
	
h2, .faqA { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #495baa; padding: 4px 0px; }

hr { width: 100%; height: 3px; color: #c8c8c8; background-color: #c8c8c8; border: none; }
div.hr { width: 100%; height: 3px; background-color: #c8c8c8; border: none; margin: 8px 0px; }

/*ul { list-style-image: url(../images/bullet.png); margin-left: 30px; padding-top: 8px; line-height: 1.2; color: #605f5f; }*/
ul { list-style-image: url(../images/bullet.png); margin-left: 30px; padding-top: 8px; line-height: 1.2; }
	ul.listCats { float: left; width: 310px; }
	
ol { margin-left: 30px; padding-top: 8px; line-height: 1.2; color: #605f5f; }
	ol li { padding-bottom: 8px; }


.whiteGrad { position: absolute; bottom: 0px; left: 2px; }

.floatRight { float: right; padding: 0px 0px 10px 10px; }
.floatLeft	{ float: left; padding: 0px 10px 10px 0px; }
.textCenter	{ text-align: center; }
.alignRight { text-align: right; }
.alignLeft 	{ text-align: left; }

#printHeader { display: none; }
.printOnly { display: none; }

.needHelp { text-align: center; padding: 4px; color: #900; border-top: 1px solid #900; border-bottom: 1px solid #900; margin-bottom: 8px; float: right; margin-top: -15px; margin-right: 5px; }
	.needHelp span { font-weight: bold; }
	
.needHelpIndex { text-align: center; padding: 4px; color: #900; border-top: 1px solid #900; border-bottom: 1px solid #900; margin-top: 5px; }


#breadcrumb { padding-left: 10px; font-size: 12px; }
	#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: underline; }
	
.pagination { width: 695px; height: 47px; padding: 11px 30px 0px 10px; margin: 20px 0px 0px 0px; background: url(../images/pagination.png); text-align: right; color: #FFF; font-size: 12px; }
	.pageControls { float: right; }
		.pageControls span { float: left; }
		/*
		.pagination a, .pagination a:link, .pagination a:visited { color: #FFF; text-decoration: none; padding-right: 5px; }
			.pagination a:hover { text-decoration: underline; }
		.pagination #pageSel { padding-right: 5px; color: #FF0; text-decoration: underline; }
			.pageControls { padding-top: 4px; }
		.sortControl { font-weight: bold; float: left; text-align: left; font-size: 16px; } 
		*/
		.pagination a, .pagination a:link, .pagination a:visited { color: #FFF; text-decoration: none; padding: 2px 5px; border: 1px solid #7B88C6; display: block; margin-right: 1px; float: left; }
			.pagination a:hover { text-decoration: none; background-color: #7B88C6; color: #FFF; }
		.pagination #pageSel { display: block; padding: 2px 5px; float: left; margin-right: 1px; color: #495BAA; background: #FFF; font-weight: bold; border: #FFF 1px solid; }
			.pageControls { /*padding-top: 4px;*/ }
		.sortControl { font-weight: bold; float: left; text-align: left; font-size: 16px; } 

.odd { background-color: #e3f0fc; }


.msg {padding:10px; padding-left:35px; font-weight: normal; margin: 10px 0px; }
.msg.warning {background:url("../images/ico-warning.png") 10px 12px no-repeat; border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.info {background:url("../images/ico-info.png") 10px 12px no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("../images/ico-done.png") 10px 12px no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("../images/ico-delete.png") 10px 12px no-repeat; border:2px solid #FFAEAE; background-color:#FEEBEB;}



#container { width: 980px; margin: 0 auto; }
	#header { position: relative; height: 131px; background: url(../images/banner.jpg) no-repeat; }
		#topTabs { position: absolute; left: 7px; bottom: 0px; width: 700px; height: 34px; list-style: none; margin: 0px; padding: 0px; }
			#topTabs li { float: left; }
				#topTabs li a { display: block; background: url(../images/tabs.png); margin-right: 5px; text-indent: -9000px; height: 34px; }
				#topTabs li.tabHome a { background-position: 0px 0px; width: 79px; }
					#topTabs li.tabHome a:hover { background-position: left -34px; }
					
				#topTabs li.tabSpecials a { background-position: -84px 0px; width: 119px; }
					#topTabs li.tabSpecials a:hover { background-position: -84px -34px; }
					
				#topTabs li.tabAccount a { background-position: -208px 0px; width: 143px; }
					#topTabs li.tabAccount a:hover { background-position: -208px -34px; }
					
				#topTabs li.tabHelp a { background-position: -356px 0px; width: 177px; }
					#topTabs li.tabHelp a:hover { background-position: -356px -34px; }
					
				#topTabs li.tabContact a { background-position: -537px 0px; width: 110px; }
					#topTabs li.tabContact a:hover { background-position: -537px -34px; }
		
		
		#cartDetails { width: 211px; height: 116px; background: url(../images/cartDetails.png) no-repeat; float: right; margin: 7px -10px 0px 0px; font-size: 12px; line-height: 1.6; }
			#cartDetails .cartDetails { color: #FFF; padding: 32px 0px 0px 8px; font-weight: bold; }
			#cartDetails a.viewCartLink { float: left; display: block; margin: 11px 0px 0px 14px; color: #8A460D; text-decoration: none; width: 70px; }
				#cartDetails a.viewCartLink:hover { text-decoration: underline; }
			#cartDetails a.checkoutLink { display: block; float: left; width: 120px; color: #FFF; text-decoration: none; font-weight: bold; text-align: center; margin-top: 5px; padding: 5px 0px; }
				#cartDetails a.checkoutLink:hover { text-decoration: underline; }
				
				
	
	#contentContainer { background: url(../images/shadows.png) top center repeat-y; }
		#innerContent { width: 966px; margin: 0 auto; background: url(../images/mainBG.jpg) top center no-repeat; padding-top: 12px; }
		
			/* LEFT MENU ---------------------------------------------------------------------------------------------------------------------- */
				#leftMenu { width: 240px; float: left; }
					
					.menuBox { display: block; width: 236px; margin-left: -10px; }
						.blueBox { background: url(../images/box-blue.png) repeat-y; }
						.blueBoxFooter { background: url(../images/box-blue-footer.png) no-repeat; height: 15px; padding-bottom: 5px; }
						
						.orangeBox { background: url(../images/box-orange.png) repeat-y; height: 123px; }
						.orangeBoxFooter { background: url(../images/box-orange-footer.png) no-repeat; height: 15px; padding-bottom: 5px; }
				
						.productSearch { margin: 0 auto; text-align: center; padding: 8px 0px 5px 28px; }
						.loginInfo { width: 200px; font-size: 12px; color: #FFF; margin: 0 auto; padding-top: 8px; }
						ul.loginOptions { font-size: 12px; line-height: 1.6; padding-bottom: 8px; list-style-image: none; list-style-type: none; margin-left: 20px; }
							ul.loginInfo a:link, ul.loginInfo a:visited, ul.loginOptions a:link, ul.loginOptions a:visited { color: #FFF; text-decoration: underline; }
							
						.customerLogin { margin: 0 auto; text-align: center; padding: 8px 0px 5px 28px; }
						#searchBox { float: left; width: 169px; height: 29px; background: url(../images/searchBox.gif); margin: 0px 0px 10px 10px; }
							#search { border: none; margin: 5px 5px 0px 5px; }
							
						ul#leftMenuBullets { list-style: none; margin-left: 10px; width: 210px; padding: 5px 0px; }
						ul#leftMenuBullets a { color: #FFF; font-size: 12px; text-decoration: none; display: block; width: 100%; border-top: 1px solid white; line-height: 3; padding: 0px 2px; }
							ul#leftMenuBullets a:hover { color: #495BAA; background: #FFF; }
							ul#leftMenuBullets a.noTopBorder { border-top: 0px; }
						
						.loginForm { padding: 10px; }
							.loginForm label { display: block; color: #FFF; font-size: 11px; }
							.loginForm .textBox { width: 200px; margin-bottom: 4px; }
							.loginForm .loginButton { margin-right: 10px; }
							
						
					
			
			/* MAIN CONTENT ----------------------------------------------------------------------------------------------------------------- */
				#mainContent { float: left; width: 710px; }
				
					.contentBox { width: 680px; }
				
					
					.productBlock { float: left; width: 348px; height: 259px; background: url(../images/productBlock.png); margin: 0px 7px 7px 0px; overflow: hidden; position: relative; }
						.productBlock h2 { padding: 5px 5px 5px 15px; color: #495baa; }
						.productBlock .sec1 { float: left; width: 180px; margin-right: 4px; }
							.productBlock .sec1 .price, .prodBoxContent .price, .price { text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 24px; color: #e30505; font-weight: bold; }
							.productBlock .sec1 .vatPrice, .prodBoxContent .vatPrice, .vatPrice { text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #909090; font-weight: bold; }
							.productBlock .sec1 .description { padding: 5px 0px 0px 10px; font-size: 11px; color: #605f5f; }
							
						.productBlock .sec2 { float: left; width: 160px; padding-top: 10px; text-align: center; }
						.productBlock .viewMore { position: absolute; right: 10px; bottom: 10px; }

				
				/* HOLDERS/ CONTAINERS ------------------------------------------------------------------------------------------------------ */
					.holderTop { width: 706px; height: 25px; background: url(../images/holderTop.png) no-repeat; margin-top: 10px; }
					.holderContent { width: 686px; padding: 0px 10px; background: url(../images/holderBG.png) repeat-y; font-size: 12px; }
					.holderFooter { width: 706px; height: 22px; background: url(../images/holderFooter.png) no-repeat; }
						.holderFooterLong { width: 706px; height: 22px; background: url(../images/holderFooterLong.png) no-repeat; }
						
					.cartHolder, .colourHolder { position: relative; width: 686px; margin-top: 10px; padding: 10px 10px 0px 10px; }
						.cartHolder { background: url(../images/cartBG.png) no-repeat; }
						.colourHolder { background: url(../images/colourBG.gif) no-repeat; }
						
					.catImage { float: left; width: 150px; padding-right: 10px; text-align: center; }
					.catDescription { margin-left: 170px; padding-bottom: 6px; }
						.catDescription *, .smallFont, .smallFont * { font-size: 12px !important; line-height: 18px !important; }
					.catLink { display: block; float: right; clear: both; background: url(../images/catLinkBG.gif) right top no-repeat; padding-right: 30px; font-size: 14px; font-weight: bold; }
						a.catLink:link, a.catLink:visited { color: #495baa; text-decoration: underline; }
						a.catLink:hover { color: #F63; }
				
				
				/* VIEW CART/ CHECKOUT PAGES ------------------------------------------------------------------------------------------------------ */
					.cartTable { font-size: 12px; }
						.cartTable th, .cartTable td { padding: 4px; }
						.cartTable thead th { background: #3a489a; font-weight: bold; color: #FFF; }
						.cartTable tbody td { border-bottom: 2px solid #3a489a; }
				
						.buttonHolderThird { float: left; width: 33%; text-align: center; clear: none !important; }
				
					/* 'formatForm' class will be used for most forms */
					.formatForm { font-size: 12px; }
						.formatForm fieldset { border-top: 1px solid #495BAA; }
							.formatForm fieldset legend { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: bold; color: #495baa; padding: 2px 6px; }
							.formatForm div { clear: left; padding-bottom: 4px; } 
								.formatForm label { display: block; float: left; width: 180px; font-weight: bold; text-align: right; padding-right: 5px; }
								.textBox, textarea { width: 320px; border: 1px solid #AFAFAF; padding: 2px; }
								.textBox.small { width: 200px; }
								.textBox.tiny { width: 20px; }
								.textBox.auto { width: auto; }
								
				
				
				/* CATEGORY VIEW PAGES ------------------------------------------------------------------------------------------------------ */
					.prodBox { background: url(../images/prodBoxTop.png) no-repeat; height: 262px; width: 205px; margin: 15px 15px 15px 15px; float: left; }
						.prodBoxContent { text-align: center; padding: 8px; height: 192px; }
							.prodBoxContent .prodName { overflow: none; height: 32px; padding-bottom: 4px; }
								.prodBoxContent .prodName h2 { color: #495baa; font-weight: bold; line-height: 1.2; font-size: 12px; font-weight: bold; }
							.prodBoxContent .imageHolder { height: 90px; overflow: none; text-align: center; width: 100%; }
					.prodBottom { }
					
				
				/* LOGIN/ REGISTER AND ACCOUNT PAGES -------------------------------------------------------------------------------------- */
					.loginForm2 { padding-left: 120px; }
						.loginForm2 div { clear: left; padding: 4px; }
							.loginForm2 label { float: left; width: 100px; text-align: right; color: #000; font-weight: bold; padding-right: 4px; font-size: 12px;  }
							.loginButton, .registerButton { float: right; margin-bottom: -10px; }
							.loginForm2 .loginTextBox { padding: 2px; border: 2px solid #c8c8c8; width: 200px; }
				
					
					
				/* HELP PAGES ------------------------------------------------------------------------------------------------------ */
					.helpMenu { width: 200px; float: right; margin: 5px 0px 12px 12px; }
						.helpMenu ul { list-style: none; margin: 0px; width: 178px; }
							.helpMenu li { border-bottom: 1px solid black; line-height: 2.8; } 
								.helpMenu li a { padding-left: 6px; color: #495baa; text-decoration: none; display: block; width: 100%; }
									.helpMenu li a:hover { text-decoration: underline; }
						
					.faqList { list-style: none; margin-left: 20px; }
						.faqList li a { line-height: 1.8; }
						
					#siteMap1, #siteMap2 { width: 323px; float: left; }
					#siteMap1 { padding-right: 19px; border-right: 1px solid #CCC; }
					#siteMap2 { padding-left: 20px; }
				
				
					
				/* OPEN PRODUCT PAGE ------------------------------------------------------------------------------------------------------ */
					#description * { font-size: 12px; line-height: 18px; }
					#prodImageHolder { margin: 10px; width: 150px; padding: 0px 0px 10px 10px; margin-top: -10px; text-align: center; }
						.clickToZoom img { margin-top: 6px; }
					
					.imageHolder { float: right; padding: 0px 0px 10px 10px; }
						.thumbsHolder { text-align: center; margin: 0 auto; width: 100%; padding: 5px 0px 0px 0px; }
							.thumbsHolder img { vertical-align: middle; padding-right: 10px; padding-top: 4px; }
						img.middle { vertical-align: middle; }
					
					.isoBox { padding: 10px; font-size: 12px; margin: 10px 0px; background: #FFFFEA; border: 1px solid #FFDB9D;  }
						.isoBox * { font-size: 12px; line-height: 18px; }
						.isoBox p { padding: 6px 0px 3px 0px; }
						.isoTickBox { float: right; }
					
					.productPickerText { font-weight: bold; color: #495baa; text-align: center; padding-bottom: 5px; }
					.productPickerTable { margin: 0 auto; }
						.productPickerTable th, .productPickerTable td { padding: 4px; }
						.productPickerTable thead th { background: #d8eafb; font-weight: bold; color: #000; }
					
					/*
					.qtyPanel 	{ float: left; width: 273px; height: 80px; background: url(../images/qtyPanel.png); margin-left: 40px; }
						.qtyPanel label { display: block; float: left; font-size: 28px; font-weight: bold; color: #FFF; padding: 15px 4px 0px 30px; }
						#qtyBox { border: 1px solid black; padding: 3px; width: 50px; margin: 26px 0px 0px 8px; }
					.cartButton { float: left; margin-left: 30px; }
					*/
					
					.addToCartHolder { float: right; width: 416px; height: 61px; padding-top: 10px; margin-top:8px; background: url(../images/addToCartBG.gif); }
						.quantityHolder { width: 180px; display: block; height: 40px; float: left; margin: 0px; padding: 10px 0px 0px 10px; font-size: 18px; font-weight: bold;  }
							#qtyBox { border: 1px solid black; padding: 3px; width: 40px; margin-bottom: -6px; }
					
					

	#footer { height: 179px; width: 980px; margin: 0 auto; background: url(../images/footerBG.jpg) center top no-repeat; line-height: 1.3; font-size: 12px; color: #69696a; padding-top: 80px; }
		#footerAddress { float: left; margin-left: 30px; width: 150px; }
		#footerSecure { float: left; width: 550px; }
			#footerSecure img { float: left; padding-right: 20px; }
		#footerLinks { clear: both; text-align: center; padding: 4px 0px; color: #FFF; }
			#footerLinks a:link, #footerLinks a:visited { color: #FFF; text-decoration: none; } 
			#footerLinks a:hover { text-decoration: underline; }
	
	
	#copyright { padding: 0px 0px 10px 0px; font-size: 11px; color: #666; text-align: center; }
		#copyright a { color: #666; text-decoration: underline; }