@import url("common.css");
@import url("jquery.fancybox-1.3.4.css");
html, body {
	background: #F6F8F7 url(../img/pageBg.gif) repeat-x top;
	margin:0;
	padding:0px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
/* structure */
#outer {
	position:relative;
	width: 945px;
	margin:0px auto 10px auto;
}
#container {
	margin-top:10px;
	position:relative;
	width: 945px;
	float:left;
}
#menu {
	width: 945px;
}
#header {
	width: 962px;
	height:252px;
}
#feature {
	width: 910px;
	margin-left:35px;
	display:inline;
}

#columns{
		width: 910px;
	margin-left:35px;
	display:inline;
	float:left;}

#footer {
	margin-top:10px;
	position:relative;
	width: 945px;
	float:left;
	clear:both;
}
/* styles */




#menu {
	background:url(../img/menuBgFull.gif) no-repeat 0 0;
	height:40px;
	float:left;
		}
		#menu ul {
			padding:0;
			margin:0 5px 0 0;
			list-style:none;
			float:right;
		}
		#menu li {
			padding:0;
			margin:0;
			float:left;
			background:url(../img/menuDivider.gif) no-repeat 0 0;
			line-height:40px;
		}
		#menu li a {
			color:#222200;
			font-size:13px;
			padding:0px 15px 0px 14px;
		}
		#menu li a:hover, #menu li a.current {
			color:#FFF;
		}
		


	
#header{
	position:relative;
	float:left;
	margin:5px 0px 0px -7px;}


		#header {
			background:url(../img/headerBg.jpg) 0 0;
		}
		#home #hdr {
			background:url(../img/productDisplay.jpg) 0 0 no-repeat;
			width:560px;
			height:229px;
			position:absolute;
			top:13px;
			left:330px;
		}
		

		#inner.productPack #hdr{
			background:url(../img/hdrBlueSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:215px;}
			
			#inner.productPack .hdrTitle, #inner.contact .hdrTitle{position:absolute;
			top:180px;
			right:60px;}
			
		#inner.contact #hdr{
			background:url(../img/hdrBlueSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:215px;}
		

		#inner.odourkiller #hdr{
			background:url(../img/hdrPurpleSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:320px;}
			
			#inner.odourkiller .hdrTitle{position:absolute;
			top:180px;
			right:60px;}			
			

		#inner.gloves #hdr{
			background:url(../img/hdrBlueLargeSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:240px;}
			
			#inner.gloves .hdrTitle{position:absolute;
			top:140px;
			right:60px;}
			
		#inner.sanitiser #hdr{
			background:url(../img/hdrClearLargeSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:240px;}
			
			#inner.sanitiser .hdrTitle{position:absolute;
			top:119px;
			right:36px;}			
			
		#inner.scrub #hdr{
			background:url(../img/hdrClearSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:260px;}
			
			#inner.scrub .hdrTitle{position:absolute;
			top:150px;
			right:50px;}		
			


		#inner.safe4pets #hdr{
			background:url(../img/multiSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:240px;}	
			
			#inner.safe4pets .hdrTitle{position:absolute;
			top:110px;
			right:40px;}		
				
		#inner.shop #hdr{
			background:url(../img/hdrGreenSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:311px;}
			
			#inner.shop .hdrTitle{position:absolute;
			top:180px;
			right:60px;}
						


		#inner.international #hdr{
			background:url(../img/international.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:240px;}
			
			#inner.international .hdrTitle{position:absolute;
			top:165px;
			right:50px;}
                        
                #inner.safe4cats #hdr{
			background:url(../img/hdrCatSplash.jpg) no-repeat 0px 0px;
			width:714px;
			height:237px;
			position:absolute;
			top:7px;
			left:265px;}
			
			#inner.productPack .hdrTitle, #inner.contact .hdrTitle{position:absolute;
			top:180px;
			right:60px;}
		
	.hdrLogo {
		position:absolute;
		top:30px;
		left:35px;
	}
	.hdrRibbon {
		position:absolute;
		bottom:18px;
		left:0px;
	}
	.hdrRoundel {
		position:absolute;
		top:22px;
		right:-40px;
	}




#feature{
	float:left;}
	
	
#feature h1{
	float:left;
	padding:0px;
	margin:14px 0px 14px 0px;
	display:inline;}


#featureSlider{
	width:680px;
	height:200px;
	float:left;
	position:relative;}
	
	
#feature #banner{
	float:right;
	width:204px;
	height:246px;
	background:url(../img/shopOnlineBanner.jpg) no-repeat;
	margin-top:15px;}
#feature #banner a{ margin:10px 0px 0px 10px; font-size:10px; color:#575652; display:block;}
#feature #banner a:hover, #feature #banner a:hover strong{color:#C80615;}

#feature #banner a:hover em{color:#575652;}	
#feature #banner a strong{ color:#575652; font-size:18px;}
#feature #banner a em{ font-size:16px; color:#C80615; font-style:normal; font-weight:bold;}



#feature .featureTitle{
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:200;
	}



#footer{}

#footer h5{
	background:#e22f2a;
	width:900px;
	font-family:"Arial Black", Arial;
	color:#FFF;
	font-size:12px;
	padding:4px 10px 4px 35px;}
	
#footer ul{
	float:right;
	list-style:none;
		padding:0;
	margin:0;}
#footer ul li{
	float:left;
	font-size:10px;
	color:#575652;
	padding:0;
	margin:0 20px 0 0;}
	
#footer ul li a{
	font-size:10px;
	color:#575652;}
	
#footer ul li a:hover{
	color:#C80615;
	}
	
#footer #links{
	display:inline;
	float:left;
	width:300px;
	height:33px;
	margin:5px 0px 0px 35px;}
	
	
	
	
#columns{
position:relative;

}


#columns h1{
		float:left;
	padding:0px;
	margin:14px 0px 14px 0px;
	display:inline;
	width:800px;}
	
	
#columns h2{
	margin-top:0px;
	font-size:17px;
	color:#222200;
	font-family:"Arial Black", Arial;}

#columns h2 strong{
	color:#0097d8;
	font-weight:normal;}

#columns h3{
	color:#0097d8;
	font-family:"Arial Black", Arial;
	font-size:14px;
	font-weight:normal;}

#columns h4{
	color:#222200;}


#columns h4{
	font-size:14px;
	color:#222200;}

#columns h4 strong{
	font-size:25px;
	font-weight:bold;
	color:#222200;}

#columns h4 a{
	color:#222200;
	font-size:11px;}

#columns h4 a:hover{
	color:#0096d5;
	}
	
#columns h4 span, #columns p strong span{
	font-size:10px;
	color:#666;
	}
	
#columns h6{
	color:#000000;
	font-size:9px;
	font-weight:normal;}	
	
#columns p{
	color:#242100;
	font-size:12px;}
	
#columns p strong{}

#columns p em{
	font-style:normal;
	color:#E03127;
	font-weight:bold;}
#columns a{}
#columns ul{
	list-style:none;
	margin-left:0px;}
#columns ul li{
	list-style:none;
	margin:0px;
	padding:0px 0px 2px 10px;
	background:url(../img/listBg.gif) 0px 7px no-repeat;
	font-size:12px;
	color:#242100;
	line-height:17px;}
#columns ul.dataSheets li{
	list-style:none;
	margin:0px;
	padding:5px 0px 0px 20px;
	background:url(../img/tick.gif) 0px 7px no-repeat;
	font-size:12px;
	color:#242100;
	line-height:17px;
}
#columns ul.dataSheets li a {
    color: #265C8D;
}
#columns ul.dataSheets li a:hover {
    text-decoration: underline;
}
#columns ol {
	margin-left:18px;}
#columns ol li{
	margin:0px;
	padding:0px 0px 12px 4px;
	font-size:12px;
	color:#0097D8;
	line-height:17px;}


#columns ol li strong{
	color:#242100;
	}


#columns ol li em{
	color:#242100;
	font-style:normal;}
#columns ol li a{
	color:#e12f29;}

#columns #leftCol{
	float:left;
	width:410px;
	clear:left;
	border-right:1px solid #cdcbcc;}
	
#columns #rightCol{
	float:left;
	width:410px;
	margin-left:20px;}
	

#columns #third{float:left;
	width:600px;}
	
	#columns #third table{
		font-size:12px;
		color:#000;}
		
	#columns #third table tr td{
		padding-bottom:5px;}
#productImg{
	width:376px;
	position:relative;}
	
	
#productImg .productTag{
	position:absolute;
	top:30px;
	right:-17px;
	}
	
	
#productImg .rangeTag{
	position:absolute;
	top:0px;
	right:-17px;
	}
#productImg a.enlarge{
	position:absolute;
	bottom:11px;
	right:16px;
	color:#222200;
	font-size:9px;}
	
	
#leftCol #roundels{
	text-align:right;}	
#leftCol #roundels img{
	margin:0px 10px 6px 0px;}	
	
	
#columns #leftCol p{
	color:#8f9080;
	}	
	
#columns #sidebar{
	width:230px;
	position:absolute;
	top:26px;
	right:20px;
}


#columns #sidebar h2{
	color:#0097d8;
	font-size:12px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;}


#columns #sidebar ul{
	background:none;}


#columns #sidebar li{
	text-align:right;
	background:none;
	padding:0px 0px 0px 0px;}
	
#columns #sidebar li a{
	color:#222200;
	font-size:12px;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;}
	
#columns #sidebar li a:hover, #columns #sidebar li a.current{color:#0097d8;}


#sidebar .shopBtn{
	position:absolute;
	bottom:-140px;
	right:0px;}


#sidebar #guides{
	background:url(../img/guidesBg.gif) no-repeat;
	width:113px;
	height:380px;
	float:right;
	position:relative;
	margin-top:10px;
	padding:100px 0px 0px 0px;
	text-align:center;}
	
#guides .downloadBtn{
	position:absolute;
	top:32px;
	right:-22px;
	width:99px;
	height:60px;
	}


#guides p{
	margin:0px 0px 16px 0px;
	padding:0px;}	
	
#guides a{
		color:#000000;
		font-size:16px;
		font-weight:bold;}
		
#guides a strong{
		color:#79AF3C;}
		
		
		



.contact  #columns #leftCol{
	float:left;
	width:400px;
	clear:left;
	border:none;}
	
.contact  #columns #rightCol{
	float:left;
	width:430px;
	margin-left:20px;}	
	
	
.contact  #columns #leftCol p{
	color:#575652;}
	
	
.contact  #columns #leftCol a{ color: #0097D7;}

.contact  #columns  h1{ color:#E03127; padding:0; margin:15px 0 15px 0; font-size:18px; line-height:20px;}
.contact  #columns  h1 em{ color:#0097D7; font-style:normal;}	


.contact  #columns  h2{
	color:#575652;}


.contact  #columns  h2 strong{ color:#E03127;}




#form{
	float:left;
	margin: 40px 0px 20px 0px}




#form label{
	width:120px;
	float:left;
	color:#b6b8b7;
	padding:6px 0px;
	   color: #575652;
	   clear:left;}

#form label.long{width:380px;
padding:3px 0px;}

#form .input{
		width:250px;
	float:left;
	border:1px solid #b6b8b7;
	margin:0 0 6px 0;
	padding:3px;
	clear:right;
		display:inline-block;}


#form .textarea{
	width:250px;
	float:left;
	border:1px solid #b6b8b7;
	margin:0 0 6px 0;
	padding:3px;
	clear:right;
	display:inline-block;}


#form .input.long{
	width:380px;}


#form .textarea.long{
	width:380px;}

#form .btn{
	float:left;
	border:none;
	font-family:"Arial Black", Arial, sans-serif;
	margin:0px;
	padding:0px;
	background:none;
	font-size:14px;
	color:#e22f2a;
	cursor:pointer;
	}
	
	
	
form#form label.error {
 color: #FF0000;
 width: 190px;
	font-size:9px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 120px;
}



#defera{
	float:right;
	margin:0px 18px 0px 0px;}

/* shop styles */


.shop #columns #leftCol{
	width:215px;
	float:left;
	border:none;
	}


.shop #columns #leftCol p{
	color:#60605e;
	font-size:13px;}	
	
.shop #columns #shopCol{
	float:left;
	width:668px;
	background:#FFF;
	margin:20px 0px 0px 0px;
}
	
.shop #columns #shopCol #shopColContainer{
	padding:0px 10px 0px 20px;
	margin:20px 0px 0px 0px;
	float:left;
	width:625px;}	
	
.shop #columns #shopCol h1{
	background:url(../img/shopTitle.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	margin:0px 0px 0px 0px;
	line-height:32px;
	font-size:15px;
	color:#575652;
	width:668px;}

.shop .product{
	float:left;
	border-bottom:1px solid #e6e6e6;}
.shop .item{
	float:left;
	width:206px;
	border-right:1px solid #e6e6e6;
	padding:8px;
	min-height:155px;
	}
	
.shop .item.last{
	border:none;}	
.shop .item.left{
	
	padding:15px 8px 8px 8px;}

.shop .item.top {
	padding:3px 8px 8px 8px;}
.shop #columns .item h4{

	font-family:Arial, Helvetica, sans-serif;
 color: #222200;
 font-size: 13px;
	font-weight:bold;}
	
	
.shop #columns .item.left h4{
	float:right;
	width:115px;}
	
.shop #columns .item.left img{
	float:left;}

.shop #columns .item.top 

.item a.detailsBtn, .item a.addBtn{
	margin-bottom:5px;}
.item a.detailsBtn{
		font-family:"Arial Black", Arial, sans-serif;
	font-size:12px;
	height:19px;
	line-height:19px;
	text-align:center;
	display:inline-block;
	color:#0197d4;
	text-transform:uppercase;}	
	
.item a.addBtn{
	font-family:"Arial Black", Arial, sans-serif;
	font-size:12px;
	background:url(../img/buyBtn.jpg);
	width:37px;
	height:19px;
	line-height:19px;
	text-align:center;
	display:inline-block;
	color:#222200;
	text-transform:uppercase;
	margin-left:10px;
	
	}
  .item a.addBtn:hover{
	  color:#0197d4;}
	  
	  
	  
	  
	  
	  

#minibasket{
	width:190px;
	margin-bottom:15px;}
	
	
.shop #columns #minibasket p{
	font-size:11px;
	margin:2px 0px;}
	
#minibasket hr{
	border:none;
	border-bottom:1px dotted #999;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
	
	
.shop #columns #minibasket h6{
	font-size:11px;
	line-height:18px;
	margin-top:10px;
	color:#60605E;}
	
.shop #columns #minibasket h6 strong{
	color:#0197D4;}	
	
	
.shop #columns #minibasket a{
	font-size:11px;
	line-height:18px;
	margin-top:10px;
	color:#0197D4;}
	


.shop #shopCol hr{
	border:none;
	border-bottom:1px dotted #999;
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	clear:both;}	
	
.shop .paynow{
	 float:right; margin: 5px 20px 20px 0px; padding: 5px; background: #E1EDF9; border: 1px solid #70B7E5; color: #000000; text-align:right;
	 clear:both;}
	
.shop table.checkout {
	float:right;
	clear:both;
	margin:0px 0px 20px 0px;}	


.shop table.total{
	float:right;
	clear:both;
	margin:0px 0px 20px 0px;}


		
.shop  table th{
	text-align:left;
	  color: #0097D8;
 font-size: 13px;
	padding:7px 10px 7px 0;}
	
.shop  table td{
	padding:7px 10px 7px 0;
	border-bottom:1px solid #999;
	}
	
.shop  table.total .th{padding:4px 10px 4px 0;
}
.shop table.total td{
	padding:4px 10px 4px 0;
	border:none;
	text-align:right;}
	
.shop  table tr{
	vertical-align:top;
}

.shop table a, .shop #shopCol a{
	color: #0097D8;}
	
 .shop #shopCol a.enlarge{
	 font-size:10px;
	 text-align:right;}
	
.shop .productImage{
	float:left;
	position:relative;
	margin:0px 15px 25px 10px;}
	

.shop #productDetails{
	float:left;}
	
	
.shop input.addBtn{
	font-family:"Arial Black", Arial, sans-serif;
	font-size:12px;
	background:url(../img/buyBtn.jpg);
	width:37px;
	height:19px;
	line-height:19px;
	text-align:center;
	display:inline-block;
	color:#222200;
	text-transform:uppercase;
	margin-left:10px;
	border:none;
	
	}	
	
.shop .details{
	float:left; margin: 20px 0px 0px 0px;
	}
        
        .callToOrder {
            margin: 20px 0 0 70px;
        }
        
        .caliciRibbon {
            margin-top: 165px;
        }

       
#news {
    width: 670px;
    margin: 70px 0 20px;
}

#news .article {
    background: #fff;
    border-bottom: 1px solid #d8dddc;
    padding: 15px;
}


#news .article h2,
#article h2 {
    color: #0094d9;
}
#news .article p {
    font-size: 13px;
}

#news .article a,
#news .paging a {
    color: #0094d9;
}

#news .article a:hover {
    text-decoration: underline;
}

#news .paging {
    margin: 10px 0;
    padding: 10px 15px;
}

#news .youngerNews {
    float: left;
    display: inline;
}

#news .olderNews {
    float: right;
    display: inline;
}

#article {
    width: 670px;
    margin: 70px 0 30px;
}