body {
	font: 0.9em Arial, Helvetica, sans-serif;
	background: #FFF;
	text-align: center;
	margin: 0px;	padding: 0px;
}
a { text-decoration: none;
color: #df0021;  }
a:visited { color: #be535c; }
a:hover, a:active { text-decoration: underline;
color: #9c0017; }
img { border: 0; }
#container {
	text-align: left;
	margin: 15px auto 0px;
	padding: 0px;
	width: 770px;
	background: #FFF url(/img/mainbg_09.gif) repeat-y left top;
}
.main {
	width: 610px;	float: left;	margin: 0 4px 0 0;
display: inline; 	padding: 0;
}

/* ----------- HEADER ----------- */
.header {
	width: 610px;
	height: 111px; position: relative;
	background:  url(/img/header_03.gif) no-repeat;
}
.header-50 {
	background:  url(/img/header_50th.gif) no-repeat;
}
.header-logo {
width: 153px; height: 68px;
margin: 0; padding:0;
position: relative; left: 16px; top: 17px;
}
.header-50th {
width: 60px; height: 57px;
margin: 0; padding:0;
position: absolute; left: 544px; top: 10px;
}
.header-errors {
width: 162px; height: 26px;
float: left;
margin: 0 0;
display: inline;
}
.header-errors p {
margin: 6px 0 0;
font-size: 0.9em;
color: #ff3;
}
.header-login {
width: 230px; height: 26px;
float: right; margin-right: 5px;
text-align: right;
}
.header-login p, .header-info p {
margin: 6px 0 0;
font-size: 0.8em;
color: #fff;
}
.header-info {
width: 200px; height: 26px;
float: left;
text-align: left;
}
.header-login p a, .header-login p a:hover, .header-login p a:active, .header-login p a:visited, .header-info p a, .header-info p a:hover, .header-info p a:active, .header-info p a:visited, .header-loggedin p a, .header-loggedin p a:hover, .header-loggedin p a:active, .header-loggedin p a:visited {
color: #fff; }
.header-login input {
margin: 0 5px 0 0; padding: 2px 3px; 
border: none;
font-size: 0.8em;
width: 64px; height: 12px;
}
.header-login input.gobutton {
width: 7px; height: 11px; margin: 0 2px; padding: 0;
}
.header-loggedin {
width: 610px; height: 26px;
float: left;
overflow: hidden;
text-align: right;
}
.header-loggedin p {
margin: 6px 0 0;
font-size: 0.9em;
color: #fff;
}
/* ----------- RIGHT COLUMN ----------- */
.rightcol {
width: 156px;
	float: left;
margin: 0; padding: 0;
}
.period-box-O {
	background:  url(/img/top-right-orange_05.gif) no-repeat;
width: 156px; height: 101px; margin: 0; padding: 0; }
.period-box-M {
	background:  url(/img/top-right-magenta_05.gif) no-repeat;
width: 156px; height: 101px; margin: 0; padding: 0; }
.period-box-Y {
	background:  url(/img/top-right-yellow_05.gif) no-repeat;
width: 156px; height: 101px; margin: 0; padding: 0; }
.period-box-O p, .period-box-M p, .period-box-Y p {
position: relative; top: 75px;
margin: 0; padding: 0;
text-align: center;
width: 156px;
color: #fff;
font-weight: bold; font-size: 0.8em;
}
.period-box-Y p {
color: #000; }
.essentials-box-O, .essentials-box-M, .essentials-box-Y {
height: 52px; width: 156px;
margin: 0 0 5px; }
.newatbatleys-box-O, .newatbatleys-box-M, .newatbatleys-box-Y {
height: 40px; width: 156px;
margin: 0 0 5px; }
.petfood-box {
height: 53px; width: 156px;
margin: 0; }
.essentials-box-O img { border-bottom: 8px solid #e96422; }
.essentials-box-Y img { border-bottom: 8px solid #f6de11; }
.essentials-box-M img { border-bottom: 8px solid #d71f82; }

/* ----------- NAV ----------- */
.navcol {
width: 153px;
margin-bottom: 12px;
}
.navcol p {
margin: 4px 0 6px;
padding: 0; }
.navcol a {
	background:  url(/img/nav-arrow-grey.gif) no-repeat -20px 5px;
color: #666;
font-size: 0.9em;
padding: 6px 0 6px 22px;
}
.navcol a:link, .navcol a:visited { color: #666; }
.navcol a:hover, .navcol a:active {
background-position: 6px 5px;
text-decoration: none;
color: #df0021;
}
a.current {
background-position: 6px 5px;
color: #444;
}
/* ----------- LEFT COLUMN ----------- */
.leftcol {
margin-right: 5px; padding-bottom: 6px;
width: 153px;
float: left;
}
.leftcol-adbox {
margin: 6px 0 0;
}
.searchbox {
margin: 5px 0 1px; line-height: 0.9;
width: 148px; height: 38px; overflow: hidden;
background: #c3c2c1 url(/img/search-box_22.gif) no-repeat;
}
.searchboxinner {
margin: 7px 5px 0 14px;
font-size: 0.8em;
}
.searchboxinner form {
padding: 0; margin: 0;
}
.searchboxinner input {
margin-top: 4px; padding: 2px 2px 3px;
border: 1px solid #AAA;
width: 120px;
line-height: 1em;
font-size: 0.9em;
}
/* ----------- MAIN ----------- */

/* --- alans edits -- */

.home-right{
	float: right;
	width: 160px;
	margin: 5px 0 2px 10px;
}

.home-left{
	float: left;
	width: 268px;
}

.highlight {
	color: #df0021;
	padding: 10px 0 4px;
	margin-bottom: 10px;
	font-size: 0.9em;
	font-weight: bold;
}

.special{
	width: 385px;
	margin: 10px 0 0 6px;
	border: 1px solid #df0021;
	background: url(/img/managers-special.jpg) no-repeat left top;
 height: 77px;
	position: relative;
	padding-left: 45px;
	overflow: hidden;
}

.special img{
	float: left;
	height: 77px; width: 77px;
	margin-right: 10px;
}

.special div {	float: left; width: 291px;}
.special span {	display: block;}

#content .special h3 {
	margin: 3px 0 0;
	width: 225px;
	font-size: 1.3em; line-height: 110%;
	text-transform: uppercase;
}

.special div.special-details {
	color: #6fa400; float: none;	font-size: 0.9em;
	font-weight: bold;
}
#content .special-details p { margin: 0; line-height: 115%; }

#content .special-size {	font-size: 0.8em;	margin: 0 0 2px; }

.special .special-price{
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #df0021;
}

.more-bar{
	background-color: #000000;
	width: 432px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	color: #ffe918;
	margin: 7px 0 7px 6px;
 font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
}

.more-bar a{
	text-decoration: none;
	font-size: 1em;
	color: #ffe918;
	line-height: 1.1em;
}

.more-bar a:hover{

}

.more-bar img{
	position: relative;
	top: 1px;
	left: 3px;
}
/* -- end alans edits -- */

h2 {
color: #4C000f; }
h3 {
margin: 3px 0 8px;
font-size: 1.1em }
h4 {
margin: 5px 0 6px; color: #222;
font-size: 0.9em; }
#content h2, #content h3, #content h4, #content p {
margin-left: 6px;
}
h4.advert {
margin-top: 22px;
}
.errorbox {
width: 100%; padding: 2px 0px;
background: #fff644; margin-bottom: 8px;
}
#content .errorbox p {
color: #000; font-weight: bold; margin: 1px 4px; padding: 0px;
}
#content p {
font-size: 0.85em;
margin-top: 4px; margin-bottom: 8px;
}
#content table { margin: 2px 0 8px 4px; }
#content table td { font-size: 0.8em; padding: 2px 8px 2px 2px; }
#content table thead td { background: #df0021; color: #fff; 
font-size: 0.85em; font-weight: bold; padding: 2px 8px 2px 2px; }

#content li {
font-size: 0.85em;
margin-top: 2px; margin-bottom: 3px;
}
#content p.presscategory {
margin: 0; padding: 0 0 3px;
color: #555;
font-size: 0.8em;
text-align: right;
}
#content h2.press {
margin-top: 2px; margin-bottom: 2px; padding: 0;
}
#content p.pressdate {
margin-top: 0; margin-bottom: 10px; padding: 0 0 3px;
color: #555;
font-size: 0.8em;
border-bottom: 1px dotted #df0021;
}
#content p.firstpara {
font-weight: bold;
color: #4C000f;
}
.pressrelease { margin-left: 6px; margin-right: 6px; }
#content .pressrelease p {
color: #111;
font-size: 0.8em;
margin: 4px 0 14px;
line-height: 1.1;
}
#content .pressrelease p.pressdate {
margin: 0; padding: 0 0 3px;
color: #777;
font-size: 0.8em;
text-align: right;
border-bottom: 1px dotted #BBB;
}
#content .pressrelease h3 {
margin: 2px 0 0; padding: 0;
font-size: 1.1em;
}
.morepress {
clear: right;
float: right;
width: 120px;
margin: 4px 0 6px 12px;
background: #e6e6e6 url(/img/press-box-top.gif) no-repeat top;
}
.morepressinner {
margin: 6px 7px;
width: 106px;
}
#content .morepressinner p.presstitle {
margin: 0;
font-size: 0.8em;
}
#content .morepressinner p.pressdate {
margin: 0 0 6px; padding: 0 0 1px;
color: #444; text-align: right;
font-size: 0.75em;
border-bottom: 1px dotted #df0021;
}
#content .morepressinner h4 {
margin-left: 0; margin-right: 0;
}
.press_image {
float: right;
margin: 2px 0 6px 12px;
}
.listingsnav {
background: #f5f5f5; padding: 3px;
text-align: center;
}
#content p.rule {
margin: 12px 160px;
border-top: 3px solid #df0021;
}
img.advert {
margin-bottom: 5px; }
p.login, span.login {
color: #df0021;
font-weight: bold;
}
.newsdate {
font-weight: bold;
color: #999;
font-size: 0.9em;
}
.branchspecials {
color: #222;
font-weight: bold;
}
.filesize {
font-weight: normal; color: #000; }

/* ----------- MULTIBUY ----------- */
.multibuy, .multibuy-catering {
height: 100px;
background: #fff url('/img/multi-buy-flash.gif') no-repeat top left;
border-top: #888 dotted 1px;
margin: 0 4px 0 6px; padding: 0;
}
.multibuy-catering { background: #fff url('/img/multi-buy-catering-flash.gif') no-repeat top left; }
.multibuy-last { border-bottom: #888 dotted 1px; }
.multibuy img, .multibuy-catering img {
margin: 0 30px 0 65px;
float: left;
}
.multibuy p, .multibuy-catering p {
color: #555;
margin: 6px 0 0;
}
.multibuy-name { color: #729131; font-size: 1.1em; }
.multibuy-name-cat { color: #284c95; font-size: 1.1em; }
.multibuy-offer-cat { color: #284c95; font-size: 1.1em; font-weight: bold; }
/* ----------- DEPOT LOCATOR ------------- */
.depot-map {
background: #fff url('/img/depot-map-bg3.png') no-repeat top left;
width: 447px; height: 414px; }
.depot-info, .depot-list {
position: relative;
margin: 20px 0 0 34px; 
display: inline; float: left;
width: 171px;
height: 378px;
}
#content .depot-info h4 {
color: #4C000f;
margin: 3px 0 4px 0; }
#content div.depot-info p {
margin: 0 0 10px;
font-size: 0.85em;
line-height: 1.1;
}
#content div.depot-list p {
margin: 0 0 5px;
font-size: 0.85em;
line-height: 1;
}
.depot-locations {
position: relative;
left: 9px; top: 10px;
display: inline; float: left;
width: 224px;
height: 388px;
}
#depot-key-cc-pcc, #depot-key-cc-pcc-cc, #depot-key-cc-pcc-cd, #depot-key-cc-pcc-bpd, #depot-key-bpd, #depot-key-cc, #depot-key-cc-pcc-bpd-cc, #depot-key-pcc-bpd, #depot-key-cc-pcc-bpd-cd {
width: 25px; height: 50px;
position: absolute;
left: 175px; top: 18px;
visibility: hidden;
}
.location-box {
position: absolute; visibility: hidden;
font-size: 0.8em; font-weight: bold;
background: #fff; color: #df0021;
border: 1px solid #AAA;
padding: 2px 4px;
}
#location-1 { left: 136px; top: 260px; } .depot-icon-1 { position: absolute; left: 121px; top: 266px; }
#location-2 { left: 144px; top: 216px; } .depot-icon-2 { position: absolute; left: 129px; top: 222px; }
#location-3 { left: 104px; top: 305px; } .depot-icon-3 { position: absolute; left: 89px; top: 311px; }
#location-4 { left: 165px; top: 191px; } .depot-icon-4 { position: absolute; left: 150px; top: 197px; }
#location-5 { left: 151px; top: 266px; } .depot-icon-5 { position: absolute; left: 136px; top: 272px; }
#location-6 { left: 166px; top: 229px; } .depot-icon-6 { position: absolute; left: 151px; top: 235px; }
#location-7 { left: 106px; top: 117px; } .depot-icon-7 { position: absolute; left: 91px; top: 123px; }
#location-8 { left: 90px; top: 344px; } .depot-icon-8 { position: absolute; left: 75px; top: 350px; }
#location-9 { left: 157px; top: 337px; } .depot-icon-9 { position: absolute; left: 142px; top: 343px; }
#location-10 { left: 76px; top: 108px; } .depot-icon-10 { position: absolute; left: 61px; top: 114px; }
#location-11 { left: 148px; top: 229px; } .depot-icon-11 { position: absolute; left: 133px; top: 235px; }
#location-12 { left: 156px; top: 215px; } .depot-icon-12 { position: absolute; left: 141px; top: 221px; }
#location-13 { left: 115px; top: 228px; } .depot-icon-13 { position: absolute; left: 100px; top: 234px; }
#location-14 { left: 129px; top: 229px; } .depot-icon-14 { position: absolute; left: 114px; top: 235px; }
#location-15 { left: 147px; top: 165px; } .depot-icon-15 { position: absolute; left: 132px; top: 171px; }
#location-16 { left: 159px; top: 254px; } .depot-icon-16 { position: absolute; left: 144px; top: 260px; }
#location-17 { left: 114px; top: 214px; } .depot-icon-17 { position: absolute; left: 99px; top: 220px; }
#location-18 { left: 159px; top: 254px; } .depot-icon-18 { position: absolute; left: 138px; top: 247px; }
#location-19 { left: 135px; top: 304px; } .depot-icon-19 { position: absolute; left: 120px; top: 310px; }
#location-20 { left: 149px; top: 306px; } .depot-icon-20 { position: absolute; left: 188px; top: 326px; }
#location-21 { left: 115px; top: 322px; } .depot-icon-21 { position: absolute; left: 100px; top: 322px; }
#location-22 { left: 171px; top: 300px; } .depot-icon-22 { position: absolute; left: 156px; top: 300px; }
table.openinghours { margin-bottom: 12px;}
.openinghours td { font-size: 0.8em; padding: 1px 12px 2px 0; }
.view-hours {
position: absolute;
bottom: 61px;
width: 167px;
}
.view-directions {
position: absolute;
bottom: 35px;
width: 167px;
}
.view-map {
position: absolute;
bottom: 9px;
width: 167px;
}
.view-map a, .view-directions a, .view-hours a {
background: #df0021; color: #fff;
text-align: center;
display: block;
padding: 4px 0;
}
.view-map a:hover, .view-directions a:hover, .view-hours a:hover {
background: #9c0017; color: #fff;
text-decoration: none; }
#content .view-map a p, #content .view-directions a p, #content .view-hours a p {
margin: 0; color: #fff;
}

/* ----------- FORMS ------------ */
fieldset {
border: 0;
margin: 0; padding: 0;
}
table.contactform {
margin: 10px 5px 5px; }

.contactform td {
padding: 4px 0;
font-size: 0.9em;
}
.contactform input, .contactform textarea, .contactform select {
	font: 0.9em Arial, Helvetica, sans-serif;
border: 1px solid #df0021;
padding: 3px;
width: 250px;
}
.contactform input.submitbutton {
background: #df0021;
width: 90px;
font-size: 0.9em;
color: #fff;
}
.contactform input.radio {
width: auto;
border: none; }
td.contactformlabel {
padding-top:8px; }
td.contactformlabel label {
font-size: 0.9em;
margin-right:6px; }

.contactform td.privacyterms {
font-size: 0.7em;
}
.required, .red {
color: #df0021;
}
/* ----------- SEARCH ----------- */
#content p.searchresults {
margin: 9px 3px 2px 6px;
}
.searchtitle {
font-weight: bold;
}
#content p.searchresultstext {
margin: 3px 3px 10px 6px;
}


/* ----------- FOOTER ----------- */
#content, .footermid {
float: left;
width: 445px;
}
#footer {
width: 770px;
background: #fff;
clear: both;
margin-top: 8px;
}
#footer .leftcol p {
margin: 3px 0 0; padding: 0;
font-size: 0.7em; }
#footer .footermid p {
margin: 3px 0 0; padding: 0;
font-size: 0.75em; }
.footer-red {
border-top: 7px solid #df0021;
}
.footer-O, .footer-M, .footer-Y {
padding: 4px 0 0;
font-style: italic;
font-size: 0.85em; }
.footer-O { border-top: 7px solid #e96422; }
.footer-Y { border-top: 7px solid #f6de11; }
.footer-M { border-top: 7px solid #d71f82; }
.footer-O img, .footer-Y img, .footer-M img { margin-right: 7px; }