html, body {
	margin: 0px;
	padding: 0px;
	background-color: #e3dfe0;
	background-repeat: repeat-x;
	height:100%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:lighter;
	color: #333;
	line-height: 19pt;
	padding:6px 0px 8px 0px;
	margin:0px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 16pt;
	padding:0px;
	margin:0px;
	padding-bottom:12px;
}
p a:link, p a:visited {
	color: #333;
	text-decoration:none;
}
p a:hover {
	color: #333;
	text-decoration:underline;
}


#container {
	margin-left:11px;
	margin-right:17px;
	width: 950px;
	background-color: #c4b68f;
	position:relative;
	/*height:750px;*/
}

#containerMaster {
	width: 978px;
	margin: auto;
	height:auto;
	background-color: #c4b68f;
	position:relative;
	background-image:url(../images/background-shadow.jpg);
	background-repeat:repeat-y;
}
#containerHolding {
	width: 978px;
	margin: auto;
	height:auto;
	background-color: #e3dfe0;
	position:relative;
	text-align:center;

}
#map p{
color:#0f1f7a;
}
#map{
color:#0f1f7a;
}

.hidden {
	display: none;
}

#page-container {
	width: 950px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
}

.body-text-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 16pt;
}
.body-text-bold a:link, .body-text-bold a:visited {
	color: #333;
	text-decoration:none;
}
.body-text-bold a:hover {
	color: #333;
	text-decoration:underline;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6B7740;
	padding:0px;
	margin:0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6B7740;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom:2px;
	border-bottom: solid #6B7740 1px;
	margin-bottom:10px;
	margin-right:40px;
}
.noBorder {
	border:none;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6B7740;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom:2px;
	border-bottom: solid #6B7740 1px;
	margin-bottom:5px;
	margin-right:34px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #6B7740;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom:20px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding:0px;
	margin:0px;
	/*margin:15px 57px 10px 57px;*/
	padding-top:15px;
	padding-bottom:10px;
	margin-left:57px;
	margin-right:57px;
	border-bottom: solid #c4b68f 1px;
}
.benefits-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding:0px;
	margin:0px;
	padding-bottom:12px;
}
.panel-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 16pt;
	padding: 5px 57px 0px 57px;
	font-weight: normal;
}
.panel-text a:link, .panel-text a:visited {
	color: #FFF;
	text-decoration:none;
}
.panel-text a:hover {
	color: #FFF;
	text-decoration:underline;
}
.panel-text-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 16pt;
	padding: 5px 57px 0px 57px;

}
.panel-text-bold a:link, .panel-text-bold a:visited {
	color: #FFF;
	text-decoration:none;
}
.panel-text-bold a:hover {
	color: #FFF;
	text-decoration:underline;
}
.bullet-headers {
	font-family: Arial, Helvetica, sans-serif;
	color: #c4b68f;
	font-size: 15px;
	line-height: 12pt;
	font-weight: bold;
	padding: 10px 57px 0px 57px;
}
.bullet-benefits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	line-height: 14pt;
	font-weight: normal;
}

.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 18pt;
}
.footer-text a:link, .footer-text a:visited {
	color: #333;
	text-decoration:none;
}
.footer-text a:hover {
	color: #333;
	text-decoration:underline;
}

#topbar {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/homepage-main-image.jpg);
}
#topbar-adult {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/Adult-varieties-header.jpg);
}
#topbar-puppy {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/Puppy-varieties-header.jpg);
}
#topbar-senior {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/Senior-varieties-header.jpg);
}
#topbar-stockists {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/Stockists-header-image.jpg);
}
#topbar-about {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/About-header-image.jpg);
}
#topbar-feeding {
	height: 340px;
	width:950px;
	margin:0 auto;
	background-image: url(../images/Feeding-header-image.jpg);
}


/* -----------------------------
	   MAIN NAVIGATION                  */
	
	.navigation-bar {
	height: 36px;
	width: 589px;
	float:left;
	margin:0 auto;
	
}
	#navMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}
#navMenu li{
	float: left;
	display: inline;
}

a.navHome, a.navHome_a{
	display:block;
	float:left;
	width:42px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") 0px 0px;
	background-repeat:no-repeat;
}
a.navHome:hover{

	background: url("../images/Collards-Navigation4.png") 0px -36px;
}
a.navHome_a{

	background: url("../images/Collards-Navigation4.png") 0px -36px;
}

a.navAdult, a.navAdult_a{
	display:block;
	float:left;
	width:52px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -42px 0px;
	background-repeat:no-repeat;
}
a.navAdult:hover{
	background: url("../images/Collards-Navigation4.png") -42px -36px;
}
a.navAdult_a{
	background: url("../images/Collards-Navigation4.png") -42px -36px;
}
a.navSenior, a.navSenior_a{
	display:block;
	float:left;
	width:55px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -94px 0px;
	background-repeat:no-repeat;
}
a.navSenior:hover{
	background: url("../images/Collards-Navigation4.png") -94px -36px;
}
a.navSenior_a{
	background: url("../images/Collards-Navigation4.png") -94px -36px;
}

a.navPuppy, a.navPuppy_a{
	display:block;
	float:left;
	width:55px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -149px 0px;
	background-repeat:no-repeat;
}
a.navPuppy:hover{
	background: url("../images/Collards-Navigation4.png") -149px -36px;
}
a.navPuppy_a{

	background: url("../images/Collards-Navigation4.png") -149px -36px;
}
a.navFeeding, a.navFeeding_a{
	display:block;
	float:left;
	width:107px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -204px 0px;;
	background-repeat:no-repeat;
}
a.navFeeding:hover{
	background: url("../images/Collards-Navigation4.png") -204px -36px;
}
a.navFeeding_a{

	background: url("../images/Collards-Navigation4.png") -204px -36px;
}
a.navStockists, a.navStockists_a{
	display:block;
	float:left;
	width:69px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -311px 0px;
	background-repeat:no-repeat;
}
a.navStockists:hover{

	background: url("../images/Collards-Navigation4.png") -311px -36px;
}
a.navStockists_a{

	background: url("../images/Collards-Navigation4.png") -311px -36px;
}

a.navStoreTop, a.navStoreTop_a{
	display:block;
	float:left;
	width:92px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -380px 0px;
	background-repeat:no-repeat;
}
a.navStoreTop:hover{

	background: url("../images/Collards-Navigation4.png") -380px -36px;
}
a.navStoreTop_a{

	background: url("../images/Collards-Navigation4.png") -380px -36px;
}

/*a.navFiller, a.navFiller_a{
	display:block;
	float:left;
	width:65px;
	height:36px;
	background: url("../images/Collards-Navigation3.png") -425px 0px;;
	background-repeat:no-repeat;
}
a.navFiller:hover{
	background: url("../images/Collards-Navigation3.png") -425px -36px;
}
a.navFiller_a{

	background: url("../images/Collards-Navigation3.png") -425px -36px;
}*/
a.navBasket, a.navBasket_a{
	display:block;
	float:left;
	width:117px;
	height:36px;
	background: url("../images/Collards-Navigation4.png") -472px 0px;
	background-repeat:no-repeat;
}
a.navBasket:hover{

	background: url("../images/Collards-Navigation4.png") -472px -36px;
}
a.navBasket_a{

	background: url("../images/Collards-Navigation4.png") -472px -36px;
}
	/* -----------------------------
	  END                 */


/* -----------------------------
	   Buy button NAVIGATION                  */
	
	.navigation-BuyButton {
	height: 48px;
	width: 294px;
	float:left;
	margin:0 auto;
	
}
	#navBuyButton{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}
#navBuyButton li{
	float: left;
	display: inline;
}

a.navStore, a.navStore_a{
	display:block;
	float:left;
	width:156px;
	height:48px;
	background: url("../images/buy-panel-button-bottom.png") 0px 0px;
	background-repeat:no-repeat;
}
a.navStore:hover{

	background: url("../images/buy-panel-button-bottom.png") 0 -48px;
}
a.navStore_a{

	background: url("../images/buy-panel-button-bottom.png") 0 -48px;
}

a.navStockists-buy, a.navStockists-buy_a{
	display:block;
	float:left;
	width:138px;
	height:48px;
	background: url("../images/buy-panel-button-bottom.png") -156px 0px;;
	background-repeat:no-repeat;
}
a.navStockists-buy:hover{
	background: url("../images/buy-panel-button-bottom.png") -156px -48px;
}
a.navStockists-buy_a{

	background: url("../images/buy-panel-button-bottom.png") -156px -48px;
}

	/* -----------------------------
	  END                 */

/* -----------------------------
	   Buy Now NAVIGATION                  */
	
	.navBuyNowButton {
	height: 60px;
	width: 310px;
	float:left;
	margin-top:20px;
	margin:0 auto;
	
}
	#navBuyNow{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}
#navBuyNow li{
	float: left;
	display: inline;
}

a.navBuyNowStore, a.navBuyNowStore_a{
	display:block;
	float:left;
	width:306px;
	height:50px;
	background: url("../images/formbuttons/buy-now-button.png") 0px 0px;
	background-repeat:no-repeat;
}
a.navBuyNowStore:hover{

	background: url("../images/formbuttons/buy-now-button.png") 0 -50px;
}
a.navBuyNowStore_a{

	background: url("../images/formbuttons/buy-now-button.png") 0 -50px;
}

a.navBuyNowStore2kg, a.navBuyNowStore2kg_a{
	display:block;
	float:left;
	width:306px;
	height:50px;
	background: url("../images/formbuttons/buy-now-button-2kg.png") 0px 0px;
	background-repeat:no-repeat;
}
a.navBuyNowStore2kg:hover{

	background: url("../images/formbuttons/buy-now-button-2kg.png") 0 -50px;
}
a.navBuyNowStore2kg_a{

	background: url("../images/formbuttons/buy-now-button-2kg.png") 0 -50px;
}


a.buttonFindStore, a.buttonFindStore_a{
	display:block;
	float:left;
	width:80px;
	height:31px;
	background: url("../images/button-find-store.png") 0px -31px;
	background-repeat:no-repeat;
}
a.buttonFindStore:hover{

	background: url("../images/button-find-store.png") 0 0px;
}
a.buttonFindStore_a{

	background: url("../images/button-find-store.png") 0 -31px;
}


	/* -----------------------------
	  END                 */




#logo-banner {
	float: left;
	width:320px;
	margin:0 auto;
	
}
#contentArea{
	width: 950px;
	position:relative;
	height:auto;
	background-color: #c4b68f;
}

#adminArea{
	padding-left:50px;
	padding-right:40px;
	padding-top:20px;
	width: 860px;
	position:relative;
	height:auto;
	background-color: #c4b68f;
}

#adminArea p {
	font-size:12px;
	padding:2px 0px 2px 0px;
	line-height:14px;
}
#main-content {
	width:630px;
	float:right;
	background-color: #c4b68f;
	padding-bottom: 20px;
	
}



#banner-holder {
	width:320px;
	float: left;
	/*position:relative;*/
	position:absolute;
	height:100%;
	background-image:url(../images/bullets-panel_contd.png);
	background-repeat: repeat-y;
}
#side-banner-content {
	width:320px;
	float: left;
	background-color: #c4b68f;
	margin:0 auto;
	padding:0px;
}
#bullet-banner {
	float: left;
	background-image: url(../images/bullets-panel.png);
	width:320px;
	margin:0 auto;
	background-repeat: no-repeat;
	padding-top:20px;
}
#bullet-benefits {
	float: left;
	width:320px;
	margin:0 auto;
}
#bullet-benefits a:link, #bullet-benefits a:visited{
	color:#FFF;
	text-decoration:underline;
}
#bullet-benefits a:hover{
	color:#FFF;
	text-decoration:none;
}
#bullet-buy-banner {
	float: left;
	width:320px;
	margin:0 auto;
	padding-top:244px;
}
#bullet-banner-continue {
	float: left;
	width:320px;
	/*background-image: url(../images/bullets-panel_contd.png);
	background-repeat: repeat-y;*/
	height:40px;
}
#body-content {
	width:320px;
	float:left;
	margin:0px auto;
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#composition-content {
	width:320px;
	float:left;
	margin:0px auto;
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#composition-right-content {
	width:310px;
	float:right;
	margin:0px auto;
	position:relative;
	padding-top: 60px;
	padding-bottom: 20px;
}
#composition-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding:0px;
	padding-top:0px;
	padding-bottom:15px;
	margin:0px;
}
#composition-right-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding:0px;
	padding-top:0px;
	padding-bottom:15px;
	margin:0px;
}
#feeding-content {
	width:630px;
	float:left;
	position:relative;
	padding-top: 20px;
}
#store-content {
	width:590px;
	margin:0px auto;
	position:relative;
	float:left;
	padding-top: 20px;
	padding-right: 0px;
	border-bottom-width: thin;
	border-bottom-color: #6B7740;
	border-bottom-style: solid;
}
#store-price-content {
	width:310px;
	margin:0px auto;
	position:relative;
	float:left;
}
#store-product-content {
	width:270px;
	float: right;
	margin:0px auto;
	position:relative;
	
}

#store-map-content {
	width:345px;
	float:right;
	margin:0px auto;
	position:relative;
	padding-top: 35px;
	padding-bottom: 20px;
	padding-right:20px;
}
#store-select-content {
	width:245px;
	float:left;
	margin:0px auto;
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right:15px;
}
#packs-content {
	width:310px;
	float:right;
	position:relative;
	padding-top: 20px;
}
#size-right-content {
	width:310px;
	float:left;

}
#size-left-content {
	width:320px;
	float:left;
	position:relative;

}
#size-content-container {
	width:630px;
	float:left;
	position:relative;
	padding-top: 20px;
}


#size-right-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding:0px;
	padding-top:0px;
	padding-bottom:15px;
	padding-right: 30px;
	margin:0px;
}
#size-left-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333;
	padding:0px;
	padding-top:0px;
	padding-bottom:15px;
	padding-right: 30px;
	margin:0px;
}
#feeding-left-content {
	width:300px;
	float:left;
	position:relative;
	padding-right:14px;
}

#feeding-right-content {
	width:316px;
	float:right;
	position:relative;
}

#main-column {
	width:610px;
	float:left;
	margin:0px auto;
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;	
	padding-right:20px;
}
#in-touch-footer {
	width:590px;
	float:left;
	margin:0px auto;
	position:relative;
	padding-top: 5px;
	margin-top: 0px;
	margin-right:40px;
	border-top:1px solid #6B7740;
}

#main-column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	/*line-height: 18pt;*/
	padding:3px 0px 5px 0px;
	margin:0px;
}

#footer {
	clear: both;
	height: 30px;
	width: 978px;
	/*margin: auto;
	margin-top: 30px;*/
	padding-top:2px;
	background-color: #e3dfe0;
	background-image:url(../images/shadow-bottom.jpg);
	background-repeat:no-repeat;
}


#footer-left {
	float: left;
	padding-left: 40px;
	margin:0 auto;
}	

#footer-right {
	float: right;
	padding-right: 40px;
	margin:0 auto;	
}	
.clearIt{
	clear:both;
}
.dontShow {
	display:none;
}
.productSub{
	width:140px;
	/*padding-right:10px;*/
	float:left;
}
.submitButton {
	/*font-size: 14px;
	font-weight: bold;
	color: #6B7740;
	background-color:#dbdabe;
	
	margin:0px;	
	border:1px solid #465120;
	
	line-height:25px;*/
	padding:2px, 3px, 6px, 6px;
	height:25px;
}
.textBox {
	width:25px;
}

.formButton {
	color: #6B7740;
	background-color:#dbdabe;
	height:25px;
	border:1px solid #465120;
}

.formButtonB a:link{
	/*font-weight: bold;
	color: #6B7740;
	background-color:#dbdabe;
	height:25px;
	border:1px solid #465120;*/
	width:106px;
	height:32px;
	background-image:url(../images/formbuttons/basket-out.png);
}

.hrBorderGreen{
	border-bottom:1px solid #6B7740;
}
.hrBorderGreenTop{
	border-top:1px solid #6B7740;
}
.hrBorderGreenBoth{
	border-top:1px solid #6B7740;
	border-bottom:1px solid #6B7740;
}

.b_continueP {
	padding:0px;
	margin:0px;
    border: none;
    background:url(../images/formbuttons/Continue-out.png) no-repeat top left;
    width:146px;
	height:32px;	
}
.b_continueP:hover {
    border: none;
    background:url(../images/formbuttons/Continue-over.png) no-repeat top left;
    padding: 2px 8px;
	    width:146px;
	height:32px;
	cursor:pointer;
}
.b_requestS {
	padding:0px;
	margin:0px;
    border: none;
    background:url(../images/formbuttons/request-sample-out.png) no-repeat top left;
    width:119px;
	height:32px;	
}
.b_requestS:hover {
    border: none;
    background:url(../images/formbuttons/request-sample-over.png) no-repeat top left;
    padding: 2px 8px;
	    width:119px;
	height:32px;
	cursor:pointer;
}


.b_confirmP {
	padding:0px;
	margin:0px;
    border: none;
    background:url(../images/formbuttons/confirm-order-out.png) no-repeat top left;
    width:146px;
	height:32px;	
}
.b_confirmP:hover {
    border: none;
    background:url(../images/formbuttons/confirm-order-over.png) no-repeat top left;
    padding: 2px 8px;
	    width:146px;
	height:32px;
	cursor:pointer;
}

.b_amendP {
	padding:0px;
	margin:0px;
    border: none;
    background:url(../images/formbuttons/Amend-order-out.png) no-repeat top left;
    width:101px;
	height:32px;	
}
.b_amendP:hover {
    border: none;
    background:url(../images/formbuttons/Amend-order-over.png) no-repeat top left;
    padding: 2px 8px;
	    width:101px;
	height:32px;
	cursor:pointer;
}

.tableStyle {
	margin:8px 0px 0px 0px;	
	border:1px solid #847d69;
	background-color:#e2d6b5;
}
.formButton {
	color:#FFF;
	background-color:#867e67;
	border:1px solid #605b4c;
	padding-top:2px;
	line-height:17px;
	padding-bottom:3px;
}
.applySalmon {
	color:#ce4553;
	border-bottom: solid #ce4553 1px;
}
.smallTxt {
	font-size:11px;
}
.displayAlt {
	display:none;
}