html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  margin: 0;
  color: #222;
  font-size: 75%;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  color: #111;
  font-weight: normal;
}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #0199ff; text-decoration: none; outline: none; }
a					  { color: #0199ff; text-decoration: underline; outline: none; }

button, input.button { overflow: visible; padding: 3px 7px; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

input, select, textarea { font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

strong      { font-weight: bold; }
em          { font-style: italic; }
sup, sub    { line-height: 0; }

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 2.5em; }

ul          { list-style-type: square; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

table, td, th { vertical-align: top; }

/* */
table       { margin-bottom: 1.4em; }
th          { font-weight: bold;}
th, td      { padding: 8px 4px; border-bottom: 1px solid #d1d1d1; }
tfoot       { font-style: italic; }
caption     {}
/* */

.hide       { display: none; }
.center     { text-align: center; }

.left     	{ float: left; }
.right     	{ float: right; }
.last     	{ margin-bottom: 0; }

img.left		{ margin: 0 10px 10px 0; }
img.right		{ margin: 0 0 10px 10px; }

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}

hr.space {
  background: #fff;
  color: #fff;
}

.clearfix:after,
.container:after,
.row:after,
.box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, .container, .row, .box { display: inline-block; }
* html .clearfix,
* html .container,
* html .row,
* html .box { zoom: 1; }

.clearfix, .container, .row, .box { display: block; }

.clear { clear: both; }

.debug { background: red; }

#wrapper {
	background: url('images/bg.wrapper.gif') repeat-y 50%;
}

#wrapper-inner {
	background: url('images/bg.wrapper-inner.gif') no-repeat 50% 0;
}

.container {
  width: 980px;
  margin: 0 auto;
}

/* -------------------- Header styles -------------------- */

#header {
	height: 190px;
}

	#logo {
		float: left;
		margin: 10px 0 0;
	}
	
    #header-content {
    margin: 5px 0 0;
    float:right;
    }
	
	#search-form {
		float: right;
		margin: 125px 0 0;
		line-height: 25px;
	}
	
	#search-form label {
		float: left;
		margin: 0 10px 0 0;
		color: #fff;
		font-weight: bold;
	}
	
	#search-form span {
		float: left;
		width: 204px;
		height: 24px;
		margin: 0 10px 0 0;
		padding: 5px 0 0 5px;
		background: url('images/bg.search-input.gif') no-repeat 0 0;
	}
	
	#search {
		width: 195px;
		border: 0 none;
		background: #fff;
	}
	
	#search-submit {
		height: 25px;
		margin: 0;
		padding: 0;
		border: 0 none;
		background: #0199ff;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	
/* -------------------- Top menu styles -------------------- */

#top-menu {
padding: 7px 0 26px 20px;
}

#top-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	#top-menu li {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#top-menu li a {
		float: left;
		display:block;
		height: 34px;
		margin: 0 25px 0 0;
		padding: 0;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#top-menu li a:hover, #top-menu li a.active {
		background-position: 0 -34px;
	}
	
	#top-menu a.home {
		width: 52px;
		background-image: url('images/bg.topmenu.home.gif');
	}
	
	#top-menu a#our-philosophy {
		width: 120px;
		background-image: url('images/bg.topmenu.our-philosophy.gif');
	}

	#top-menu a#what-we-use {
		width: 260px;
		background-image: url('images/bg.topmenu.what-we-use.gif');
	}

	#top-menu a#links-to-our-friends {
		width: 184px;
		background-image: url('images/online-stockists.gif');
	}

	#top-menu a#search-for-a-stockist {
		width: 209px;
		background-image: url('images/bg.topmenu.search-4-stokist.gif');
	}
	
	#top-menu a#our-products {
		width: 142px;
		background-image: url('images/bg.topmenu.our-products.gif');
	}
	
	#top-menu a#checkout {
		width: 117px;
		background-image: url('images/bg.topmenu.checkout.gif');
	}
	
	#top-menu a#contact-us {
		margin-right: 0 !important;
		width: 136px;
		background-image: url('images/bg.topmenu.contact-us.gif');
	}

/* -------------------- Column left styles -------------------- */

#column-left {
	float: left;
	width: 172px;
	margin-right: 0;
	padding: 0;
}

	#main-menu {
		margin-bottom: 25px;
	}
		
		#main-menu h2 {
			height: 40px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			background: url('images/bg.h2.our-products.png') no-repeat 0 0;
			line-height: 40px;
		}
		
		#main-menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			background: url('images/bg.bullet-blue.gif') no-repeat 99999px 99999px; /* Preloading .leftmenu1 a:hover image */
		}
		
		#main-menu li.leftmenu0, #main-menu li.leftmenuactive0 {
			margin: 10px 0 5px;
			border-bottom: 1px solid #e5e5e5;
		}
		
		#main-menu li.leftmenu0 a, #main-menu li.leftmenuactive0 a {
			color: #6f6f6f;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#main-menu li.leftmenu0 a:hover, #main-menu li.leftmenuactive0 a {
			color: #0199ff;
			text-decoration: none;
		}
		
		/* 1st level categories styles */
		#main-menu .cat-for-dogs{
      display:block;
      height: 50px;
      background: url('images/for-dogs.gif') no-repeat left;
      line-height: 50px;
      padding-left: 50px
    }
    
    #main-menu .cat-for-cats{
      display:block;
      height: 50px;
      background: url('images/for-cats.gif') no-repeat left;
      line-height: 50px;
      padding-left: 50px
    }
		#main-menu .cat-for-dogs:hover, #main-menu .cat-for-dogs-act{
      display:block;
      height: 50px;
      background: url('images/for-dogs-hover.gif') no-repeat left;
      line-height: 50px;
      padding-left: 50px
    }
    
    #main-menu .cat-for-cats:hover, #main-menu .cat-for-cats-act{
      display:block;
      height: 50px;
      background: url('images/for-cats-hover.gif') no-repeat left;
      line-height: 50px;
      padding-left: 50px
    }
		/* 1st level categories styles end*/
		
		#main-menu li.leftmenu1, #main-menu li.leftmenuactive1 {
			margin: 0;
			padding: 3px 0;
			border-top: 1px solid #e5e5e5;
		}
		
		#main-menu li.leftmenu1 a, #main-menu li.leftmenuactive1 a {
			padding-left: 15px;
			background: url('images/bg.bullet-pink.gif') no-repeat 3px 4px;
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
		
		#main-menu li.leftmenu1 a:hover, #main-menu li.leftmenuactive1 a {
			background: url('images/bg.bullet-blue.gif') no-repeat 3px 4px;
			color: #0199ff;
			text-decoration: none;
		}
		
		#main-menu li.first {
			border-top: 0 !important;
		}
	
	.left-menu {
		margin-bottom: 25px;
	}
	
		.left-menu h3 {
			height: 62px;
			margin: 0 0 5px;
			padding: 0;
			text-indent: -9999px;
			background: url('images/bg.h3.real-pet-food.png') no-repeat 0 0;
			line-height: 62px;
		}

	/*
		.left-menu h3 {
			margin-bottom: 5px;
			color: #6f6f6f;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: bold;
		}*/
		
		.left-menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
	
		.left-menu li {
			margin: 0;
			padding: 3px 0;
			border-top: 1px solid #e5e5e5;
		}
		
		.left-menu li a {
			padding-left: 15px;
			background: url('images/bg.bullet-pink.gif') no-repeat 3px 4px;
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
		
		.left-menu li a:hover {
			background: url('images/bg.bullet-blue.gif') no-repeat 3px 4px;
			color: #0199ff;
			text-decoration: none;
		}
		
		.left-menu li.first {
			border-top: 0 none;
		}

/* -------------------- Column center styles -------------------- */

#column-center {
	float: left;
	width: 636px;
	padding: 0;
	background: #fff url('images/bg.column-center.gif') repeat-y 0;
}

#column-c {
	float: left;
	width: 636px;
	padding: 0;
}

.block {
	clear: both;
	width: 636px;
	padding: 0;
	background: #fff url('images/bg.column-center.gif') repeat-y 0;
}

#column-center-top, .block-top {
	background: url('images/bg.column-center-top.gif') no-repeat 0 0;
}

#column-center-bottom, .block-bottom {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding: 35px 40px 20px;
	background: url('images/bg.column-center-bottom.gif') no-repeat 0 100%;
}

/* -------------------- Column right styles -------------------- */

#column-right {
	float: left;
	width: 172px;
	padding: 0;
}

	#shopingcart {
		margin-bottom: 25px;
		background: url('images/bg.cart.gif') no-repeat 100% 50px;
	}

		#shopingcart h2 {
			height: 40px;
			margin: 0 0 10px;
			padding: 0;
			text-indent: -9999px;
			background: url('images/bg.h2.shopping-cart.png') no-repeat 0 0;
			line-height: 40px;
		}
		
		#shopingcart p {
			margin: 0 0 15px;
		}
		
		#shopingcart a {
			display: block;
			float: left;
			height: 24px;
			padding-left: 10px;
			background: #0199ff url('images/btn.blue.left.gif') no-repeat 0 0;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}
		
		#shopingcart a span {
			display: block;
			line-height: 24px;
			padding-right: 10px;
			background: #0199ff url('images/btn.blue.right.gif') no-repeat 100% 0;
			line-height: 24px;
		}
		
	#user-login {
		margin-bottom: 25px;
	}
	
		#user-login h2 {
			height: 37px;
			margin: 0 0 10px;
			padding: 0;
			text-indent: -9999px;
			background: url('images/bg.h2.user-login.gif') no-repeat 0 0;
			line-height: 37px;
		}
		
		#user-login fieldset {
			margin: 0;
			padding: 0;
		}
		
			#user-login fieldset label {
				color: #666;
				font-weight: bold;
			}
			
			#user-login fieldset span {
				display: block;
				height: 24px;
				margin-bottom: 5px;
				padding: 5px 0 0 5px;
				background: url('images/bg.login.input.gif') no-repeat 0 0;
			}
			
				#user-login fieldset span input {
					width: 155px;
					border: 0 none;
					background: #a6a6a6;
					color: #fff;
				}
			
			#forgot-login {
				margin: 0 0 5px;
				padding: 0;
				border: 0 none;
				text-align: left;
			}
			
			input#log-in {
				position: relative;
				afloat: left;				
				width: auto !important;
				height: 24px;
				padding: 0 3px 0 10px;
				margin-right: 7px;
				background: #0199ff url('images/btn.blue.left.gif') no-repeat 0 0;
				border: 0 none;
				color: #fff;
				cursor: pointer;
				overflow: visible;
				font-weight: bold;
			}
			
			#log-in-end {
				position: absolute;
				display: inline;
				width: 7px;
				height: 24px;
				margin-left: -7px;
			  background: transparent url('images/btn.blue.right.gif') no-repeat 100% 0;
			}
			
			#forgot {
				float: left;
				margin-right: 5px;
				line-height: 24px;
			}
		
		#user-login p {
			margin: 0;
			padding: 5px 0 0;
			border-top: 1px solid #e5e5e5;
			text-align: center;
			color: #0199ff;
		}
		
	.right-menu {
		margin-bottom: 25px;
	}
	
		.right-menu h3 {
			margin-bottom: 5px;
			color: #0199ff;
			font-size: 12px;
			font-weight: bold;
		}
		
		.right-menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
	
		.right-menu li {
			margin: 0;
			padding: 3px 0;
			border-top: 1px solid #e5e5e5;
		}
		
		.right-menu li a {
			padding-left: 15px;
			background: url('images/bg.bullet-pink.gif') no-repeat 3px 4px;
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
		
		.right-menu li a:hover {
			background: url('images/bg.bullet-blue.gif') no-repeat 3px 4px;
			color: #0199ff;
			text-decoration: none;
		}
		
		.right-menu li.first {
			border-top: 0 none;
		}
		
	#welcome h2 {
		height: 37px;
		margin: 0 0 10px;
		padding: 0;
		text-indent: -9999px;
		background: url('images/bg.h2.welcome.gif') no-repeat 0 0;
		line-height: 37px;
	}
		
	#delivery {
		margin-bottom: 15px;
		color: #666;
		line-height: 1.25em;
	}
	
		#delivery h2 {
			height: 37px;
			margin: 0 0 10px;
			padding: 0;
			text-indent: -9999px;
			background: url('images/bg.h2.delivery.gif') no-repeat 0 0;
			line-height: 37px;
		}
		
		#delivery p {
			margin: 0 0 10px;
		}
	
	#newproducts {
		margin-bottom: 25px;
		color: #666;
		line-height: 1.25em;
	}
	
	#newproducts h2 {
		height: 36px;
		margin: 0 0 10px;
		padding: 0;
		text-indent: -9999px;
		background: url('images/bg.h2.new-products.gif') no-repeat 0 0;
		line-height: 36px;
	}
	
	#newproducts .item {
		clear: both;
		margin: 0 0 10px;
	}
	
	#newproducts .image {
		float: left;
		width: 83px;
		height: 85px;
		margin-right: 3px;
		padding-top: 5px;
		background: url('images/bg.newproduct-image.gif') no-repeat 0 0;
		text-align: center;
	}
	
	#newproducts .info {
		float: left;
		width: 86px;
		font-size: .9em;
	}
	
	#newproducts .info p {
		margin-bottom: 5px;
		line-height: 1.25em;
	}
	
	#newproducts .info .name {
		font-family: Arial, Helvetica, sans-serif;
	}
	
		#newproducts .info .name a {
			color: #666;
			text-decoration: none;
		}
		
		#newproducts .info .name a:hover {
			color: #0199ff;
		}
	
	#newproducts .info .price {
		float: left;
		height: 20px;
		margin-bottom: 0;
		padding: 0 0 0 10px;
		color: #fff;
		background: #0199ff url('images/bg.newproduct-price.left.gif') no-repeat 0 0;
	}
	
	#newproducts .info .price strong {
		display: block;
		float: left;
		height: 20px;
		padding: 0 10px 0 0;
		line-height: 19px;
		background: url('images/bg.newproduct-price.right.gif') no-repeat 100% 0;
	}

/* -------------------- Footer styles -------------------- */

#footer-wrapper {
	background: #fff url('images/bg.footer.gif') no-repeat 50% 0;
}

#footer {
	padding-top: 15px;
}

#footer .row {
	height: 50px;
	padding: 15px 10px 0;
	border-top: 1px solid #e5e5e5;
}

	#footer .row p {
		margin-bottom: 0;
	}
	
	#copyright {
		float: left;
		width: 215px;
		padding-top: 1px;
		font-size: .9em;
		color: #666;
	}
	
	#bottom-menu {
		width: 530px;
		float: left;
		text-align: center;
	}
	
		#bottom-menu a {
			margin: 0 5px;
			color: #666;
			font-weight: bold;
			text-decoration: none;
		}
		
		#bottom-menu a:hover {
			color: #0199ff;
		}
	
	#developed {
		float: left;
		width: 215px;
		padding-top: 10px;
		font-size: .9em;
		text-align: center;
	}
	
	#footer-note {
		margin-bottom: 0;
		padding: 0 10px 15px;
		color: #666;
		font-size: .9em;
	}
/* -------------------- Misc styles -------------------- */

.blue { color: #0199ff; }

input.button {
	position: relative;			
	width: auto !important;
	height: 24px;
	padding: 0 0 0 10px;
	margin-right: 10px;
	background: #0199ff url('images/btn.blue.gif') no-repeat 0 0;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	overflow: visible;
	font-weight: bold;
}

div.end {
	position: absolute;
	display: inline;
	width: 10px;
	height: 24px;
	margin-left: -10px;
  background: transparent url('images/btn.blue-end.gif') no-repeat 100% 0;
}