﻿/* clean */

* {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", Tahoma, Arial, FreeSans, Helvetica, sans-serif;
	    font-size: 1em;
    text-align: left;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
ul,li {
	list-style-type: none;
}

/* body */

body {
	background: #fff url('../images/structure/background.png') repeat-x top left;
	font-size: 62.50%;
}

/* header */

#header {
	width: 770px;
	height: 127px;
	margin: 0 auto;
	text-indent: -5000px;
	font-size: 0;
}
#header #logo {
	float: left;
	background: transparent url('../images/structure/logo.png') no-repeat left bottom;
	display: block;
	width: 75px;
	height: 75px;
	padding-top: 8px;
	cursor: pointer;
}
#header h1 a {
	float: left;
	background: transparent url('../images/structure/gladwins_butchers.png') no-repeat left bottom;
	display: block;
	width: 280px;
	height: 42px;
	margin-top: 41px;
}
#header h2 {
	float: left;
	background: transparent url('../images/structure/purveyors.png') no-repeat left bottom;
	width: 240px;
	height: 42px;
	padding-top: 41px;
}
#header ul#menu {
	margin-left: 357px;
}
#header ul#menu li {
	float: left;
}
#header ul#menu li a {
	display: block;
	height: 42px;
}

/* menu normal */

#header ul#menu li a#menu_home {
	width: 62px;
	background: transparent url('../images/nav/menu_home.png') no-repeat left top;
}
#header ul#menu li a#menu_about {
	width: 77px;
	background: transparent url('../images/nav/menu_about.png') no-repeat left top;
}
#header ul#menu li a#menu_products {
	width: 99px;
	background: transparent url('../images/nav/menu_products.png') no-repeat left top;
}
#header ul#menu li a#menu_shop {
	width: 94px;
	background: transparent url('../images/nav/menu_shop.png') no-repeat left top;
}
#header ul#menu li a#menu_contact {
	width: 81px;
	background: transparent url('../images/nav/menu_contact.png') no-repeat left top;
}

/* menu active */

#header ul#menu li a#menu_home.active {
	background: transparent url('../images/nav/menu_home_active.png') no-repeat left top;
}
#header ul#menu li a#menu_about.active {
	background: transparent url('../images/nav/menu_about_active.png') no-repeat left top;
}
#header ul#menu li a#menu_products.active {
	background: transparent url('../images/nav/menu_products_active.png') no-repeat left top;
}
#header ul#menu li a#menu_shop.active {
	background: transparent url('../images/nav/menu_shop_active.png') no-repeat left top;
}
#header ul#menu li a#menu_contact.active {
	background: transparent url('../images/nav/menu_contact_active.png') no-repeat left top;
}

/* menu_hover */

#header ul#menu li a#menu_home:hover {
	background: transparent url('../images/nav/menu_home_hover.png') no-repeat left top;
}
#header ul#menu li a#menu_about:hover {
	background: transparent url('../images/nav/menu_about_hover.png') no-repeat left top;
}
#header ul#menu li a#menu_products:hover {
	background: transparent url('../images/nav/menu_products_hover.png') no-repeat left top;
}
#header ul#menu li a#menu_shop:hover {
	background: transparent url('../images/nav/menu_shop_hover.png') no-repeat left top;
}
#header ul#menu li a#menu_contact:hover {
	background: transparent url('../images/nav/menu_contact_hover.png') no-repeat left top;
}

/* button buy online */

#header #buy_online a {
	position: absolute;
	left: 50%;
	top: 53px;
	margin-left: 288px;
	display: block;
	background: transparent url('../images/buttons/buy_online_button.png') no-repeat left bottom;
	width: 100px;
	height: 100px;
	cursor: pointer;
}

/* content */

#content {
	overflow: auto;
	background: #fff url('../images/structure/content_background.png') repeat-x left top;
	width: 770px;
	margin: 0 auto;
}
#column {
	float: left;
	width: 196px;
	padding: 0 12px;
}
#main {
	float: left;
	width: 550px;
}

.giveMargin {
	padding: 5px 20px 20px 10px;
	line-height: 1.6em;
	font-size: 1em;
}

/* left column */

#column h6, #column #your_account a, #column #your_shopping_cart a {
	text-indent: -5000px;
	font-size: 0;
}

/* YOUR ACCOUNT */

#column #your_account {
	overflow: auto;
	margin-bottom: 13px;
}
#column #your_account h6 {
	background: transparent url('../images/structure/your_account.png') no-repeat left top;
	width: 196px;
	height: 27px;
}
#column #your_account p {
	display: block;
	overflow: auto;
	background: transparent url('../images/structure/drop_background.png') no-repeat left bottom;
	width: 170px;
	padding: 0px 13px 0 13px;
	color: #142e25;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

#column #your_account .box {
	display: block;
	overflow: auto;
	background: transparent url('../images/structure/drop_background.png') no-repeat left bottom;
	width: 170px;
	padding: 0px 13px 0 13px;
	color: #142e25;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}




#column #your_account a.right_button {
	float: right;
	display: block;
	padding-right: 2px;
	background: transparent url('../images/buttons/log_in.png') no-repeat left bottom;
	width: 75px;
	height: 22px;
	font-size: 0;
}
#column #your_account a.left_button {
	float: left;
	display: block;
	padding-left: 4px;
	background: transparent url('../images/buttons/new_customer.png') no-repeat right bottom;
	width: 115px;
	height: 22px;
	font-size: 0;
}
#column #your_account a.right_button_out {
	float: right;
	display: block;
	padding-right: 2px;
	background: transparent url('../images/buttons/log_out.png') no-repeat left bottom;
	width: 81px;
	height: 22px;
	font-size: 0;
}
#column #your_account a.left_button_edit {
	float: left;
	margin-left: 4px;
	display: block;
	background: transparent url('../images/buttons/edit_details.png') no-repeat left bottom;
	width: 99px;
	height: 22px;
	font-size: 0;
}
#column #your_account .box label {
	font-weight: bold;
	float: left;
	width: 65px;
	margin-bottom: 4px;
	margin-top: 2px;
}
#column #your_account .box .inputBox {
	float: right;
	width: 100px;
	height: 18px;
	font-size: 0.9em;
	font-weight: normal;
	border: 1px #006600 groove;
	margin-bottom: 4px;
	margin-top: 2px;
}


/* YOUR SHOPPING CART */

#column #your_shopping_cart {
	overflow: auto;
	margin-bottom: 10px;
	clear: both;
}
#column #your_shopping_cart h6 {
	background: transparent url('../images/structure/your_shopping_cart.png') no-repeat left top;
	width: 196px;
	height: 23px;
}
#column #your_shopping_cart p {
	display: block;
	background: transparent url('../images/structure/drop_background.png') no-repeat left bottom;
	width: 170px;
	height: 59px;
	padding: 5px 13px 0 13px;
	color: #142e25;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
#column #your_shopping_cart p label {
	float: left;
	line-height: 24px;
	height: 24px;
	margin-bottom: 1px;
}
#column #your_shopping_cart .total {
	float: right;
	border: 0;
	width: 90px;
	height: 21px;
	padding: 3px 6px 0 6px;
	margin-bottom: 1px;
	background-color: #fff;
	color: #142e25;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
#column #your_shopping_cart a.left_button {
	float: left;
	display: block;
	background: transparent url('../images/buttons/view_cart.png') no-repeat left bottom;
	width: 90px;
	height: 22px;
	font-size: 0;
}
#column #your_shopping_cart a.right_button {
	float: right;
	display: block;
	background: transparent url('../images/buttons/checkout.png') no-repeat left bottom;
	width: 90px;
	height: 22px;
	font-size: 0;
}

/* lefthand menu */

.meat_menu {
	margin-bottom: 11px;
	background-color: #eef7e5;
	clear: both;
}
.meat_menu ul li a {
	display: block;
	padding-left: 13px;
	font-size: 12px;
}
#column .meat_menu ul li.menu_item a {
	width: 183px;
	border-top: 2px solid #fff;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	padding-top: 2px;
	color: #fff;
	background: transparent url('../images/buttons/meat_menu_back.png') no-repeat left top;
}
#column .meat_menu ul li.active a {
	background: transparent url('../images/buttons/meat_menu_back_active.png') no-repeat left top;
}
#column .meat_menu ul li.selected a {
	background: transparent url('../images/buttons/meat_menu_back_selected.png') no-repeat left top;
}

.meat_menu li.sub_menu {
	font-size: 0;
}
.meat_menu li.sub_menu ul {
	margin: 6px 0 16px 0;
}
.meat_menu li.sub_menu ul li {
	display: inline;
}
.meat_menu li.sub_menu ul li a {
	background: #eef7e5 url('../images/buttons/meat_arrow.gif') no-repeat 172px center;
	color: #5cad00;
	height: 18px;
	line-height: 18px;
}

.shopmenu_submenu {
	margin: 6px 0 32px 0;
	padding-left: 16px;
	display: inline;
	background: #eef7e5 url('../images/buttons/meat_arrow.gif') no-repeat 172px center;
	color: #5cad00;
	height: 18px;
	line-height: 18px;
}



/* BREN, I'VE TAKEN THIS OUT AND PUT MINE BACK IN.  CAN YOU LOOK AT THIS AT SOME POINT

.shopmenu_item {
	width: 183px;
	border-top: 2px solid #fff;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	padding-top: 2px;
	color: #fff;
	background: transparent url('../images/buttons/meat_menu_back.png') no-repeat left top;
}

.shopmenu_item_selected
{
}

.shopmenu_subitem
{
}
*/

/* Added by John Wood */
.shopmenu_item
{
	display: block;
	padding-left: 13px;
	font-size: 12px;
	width: 183px;
	border-top: 2px solid #fff;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	padding-top: 2px;
	color: #fff;
	background: transparent url('../images/buttons/meat_menu_back.png') no-repeat left top;
}	

.shopmenu_item_selected
{
	display: block;
	padding-left: 13px;
	font-size: 12px;
	width: 183px;
	border-top: 2px solid #fff;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	padding-top: 2px;
	color: #fff;
	background: transparent url('../images/buttons/meat_menu_back_selected.png') no-repeat left top;
}

.shopmenu_item_active
{
	display: block;
	padding-left: 13px;
	font-size: 12px;
	width: 183px;
	border-top: 2px solid #fff;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	padding-top: 2px;
	color: #fff;
	background: transparent url('../images/buttons/meat_menu_back_active.png') no-repeat left top;
}

.shopmenu_subitem
{
	font-size: 0;
	margin: 6px 0 16px 0;
	display: inline;
	background: #eef7e5 url('../images/buttons/meat_arrow.gif') no-repeat 172px center;
	color: #5cad00;
	height: 18px;
	line-height: 18px;
}



.home_menu {
	clear: both;
}

.home_menu .box {
	border-width: 0px;
	margin-bottom: 8px;
}





/* lefthand information section */

#column #information h5 {
	width: 196px;
	height: 62px;
	text-indent: -5000px;
}

#column #information h5.beef {
	background: transparent url('../images/headers/information_h5.png') no-repeat top left;
}
#column #information h5.pork {
	background: transparent url('../images/headers/information_h5_pork.png') no-repeat top left;
}
#column #information h5.chicken {
	background: transparent url('../images/headers/information_h5_chicken.png') no-repeat top left;
}
#column #information h5.lamb {
	background: transparent url('../images/headers/information_h5_lamb.png') no-repeat top left;
}
#column #information h5.bacon {
	background: transparent url('../images/headers/information_h5_bacon.png') no-repeat top left;
}
#column #information h5.sausage {
	background: transparent url('../images/headers/information_h5_sausage.png') no-repeat top left;
}
#column #information h5.homemade {
	background: transparent url('../images/headers/information_h5_homemade.png') no-repeat top left;
}
#column #information h5.othermeats {
	background: transparent url('../images/headers/information_h5_othermeats.png') no-repeat top left;
}
#column #information h5.general {
	background: transparent url('../images/headers/information_h5_general.png') no-repeat top left;
}
#column #information h5.contact {
	background: transparent url('../images/headers/information_h5_contact.png') no-repeat top left;
}
#column #information h5.christmas {
	background: transparent url('../images/headers/information_h5_christmas.png') no-repeat top left;
}
#column #information h5.cheese {
	background: transparent url('../images/headers/information_h5_cheeses.png') no-repeat top left;
}
#column #information h5.pickles {
	background: transparent url('../images/headers/information_h5_pickles.png') no-repeat top left;
}
#column #information h5.bbqmeat {
	background: transparent url('../images/headers/information_h5_bbqmeat.png') no-repeat top left;
}




#column #information p {
	padding: 5px 5px 12px 10px;
	line-height: 1.6em;
	font-size: 1.1em;
}



#column #information p.alignRight {
	text-align: right;
	font-weight: bold;
}


/* main */

#main p.bodycopy{
	padding: 5px 20px 20px 10px;
	line-height: 1.6em;
	font-size: 12px;
}

#main p a{
	color:#5cad00;
	text-decoration: underline;
	font-weight:bold;
}

.greenText{
	color:#5cad00;
}

.marginPush {
    margin-right: 20px;
}

#contactbox{
	margin-top: 6px;
	font-size: 1em;
}


#main h2 {
	width: 538px;
	height: 66px;
	margin-top: 8px;
	text-indent: -5000px;
	font-size: 0;
}

#main h2.homepage {
	background: transparent url('../images/headers/h2_homepage.png') no-repeat top left;
}
#main h2.about {
	background: transparent url('../images/headers/h2_about.png') no-repeat top left;
}
#main h2.contactus {
	background: transparent url('../images/headers/h2_contactus.png') no-repeat top left;
}
#main h2.findus {
	background: transparent url('../images/headers/h2_findus.png') no-repeat top left;
}
#main h2.meettheteam {
	background: transparent url('../images/headers/h2_meettheteam.png') no-repeat top left;
}
#main h2.orderingonline {
	background: transparent url('../images/headers/h2_orderingonline.png') no-repeat top left;
}
#main h2.ourproducts {
	background: transparent url('../images/headers/h2_ourproducts.png') no-repeat top left;
}
#main h2.ourmeat {
	background: transparent url('../images/headers/h2_ourmeat.png') no-repeat top left;
}
#main h2.sausage {
	background: transparent url('../images/headers/h2_sausage.png') no-repeat top left;
}
#main h2.bacon {
	background: transparent url('../images/headers/h2_bacon.png') no-repeat top left;
}
#main h2.homemade {
	background: transparent url('../images/headers/h2_homemade.png') no-repeat top left;
}
#main h2.pies {
	background: transparent url('../images/headers/h2_pies.png') no-repeat top left;
}
#main h2.createaccount {
	background: transparent url('../images/headers/h2_createanaccount.png') no-repeat top left;
}
#main h2.viewcart {
	background: transparent url('../images/headers/h2_viewcart.png') no-repeat top left;
}
#main h2.default {
	background: transparent url('../images/headers/h2_default.png') no-repeat top left;
}
#main h2.welcome {
	background: transparent url('../images/headers/h2_welcome.png') no-repeat top left;
}
#main h2.editdetails {
	background: transparent url('../images/headers/h2_editdetails.png') no-repeat top left;
}
#main h2.christmas {
	background: transparent url('../images/headers/h2_christmas.png') no-repeat top left;
}
#main h2.pickles {
	background: transparent url('../images/headers/h2_pickles.png') no-repeat top left;
}
#main h2.cheese {
	background: transparent url('../images/headers/h2_cheese.png') no-repeat top left;
}





#main h2.beef {
	background: transparent url('../images/headers/h2_beef.png') no-repeat top left;
}
#main h2.pork {
	background: transparent url('../images/headers/h2_pork.png') no-repeat top left;
}
#main h2.lamb {
	background: transparent url('../images/headers/h2_lamb.png') no-repeat top left;
}
#main h2.chicken {
	background: transparent url('../images/headers/h2_chicken.png') no-repeat top left;
}
#main h2.pies {
	background: transparent url('../images/headers/h2_pies.png') no-repeat top left;
}
#main h2.othermeats {
	background: transparent url('../images/headers/h2_othermeats.png') no-repeat top left;
}
#main h2.bbqmeat {
	background: transparent url('../images/headers/h2_bbqmeat.png') no-repeat top left;
}

#main h3 {
	font-weight: normal;
	font-size: 2em;
	background-color: #dfe9e3;
	color: #4a7061;
	padding: 3px 12px;
	margin: 0 12px 12px 0;
	clear: both;
}
#main .product_column {
	float: left;
	margin: 0 12px 8px 0;
	display: inline;
	width: 538px;
}
#main .product_box {
	clear: both;
	border-bottom: 12px solid #fff;
	background: transparent url('../images/content_back.png') repeat-y left top;
}
#main .product_box .product_text {
	padding: 6px 10px;
	font-size: 1.1em;
}
#main .product_box img {
	float: left;
	background-color: #4a7061;
	border-top: 2px solid #dfe9e3;
	border-left: 2px solid #dfe9e3;
	border-right: 2px solid #dfe9e3;
}

#main .product_box .prodImgBox {
	float: left;
	background-color: #4a7061;
	border-top: 2px solid #dfe9e3;
	border-left: 2px solid #dfe9e3;
	border-right: 2px solid #dfe9e3;
}


#main .product_box .product_content {
	float: right;
	width: 368px;
}

#main .product_box h4 {
	background-color: #dfe9e3;
	color: #142e25;
	padding: 4px 10px;
	font-size: 1.6em;
}
#main .product_box p {
	font-size: 1.1em;
	color: #142e25;
	line-height: 1.6em;
}

#main .product_box .chooseBox p {
	height: 23px;
	overflow: auto;	
}
#main .product_box .chooseBox {
	clear: both;
	padding: 6px 12px;
	background-color: #DFE8E3;
	overflow: auto;
	height: 23px;
	font-size: 1.1em;
}
#main .product_box .chooseBox button {
	border: 0;
	text-indent: -5000px;
	width: 143px;
	height: 22px;
	float: right;
	background: transparent url('../images/add_to_cart.png') no-repeat bottom right;
	cursor: pointer;
	font-size: 0;
}

#main .product_box .chooseBox .addBut {
	float: right;
}


#main .product_box .chooseBox .selector {
	width: 280px;
	height: 19px;
	margin-right: 5px;
	border-top: 2px solid #8a8a8a;
	border-left: 2px solid #8a8a8a;
	border-right: 2px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	float: left;
}


div.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}





#main .product_box form p {
	height: 23px;
	overflow: auto;	
}
#main .product_box form {
	clear: both;
	padding: 6px 12px;
	background-color: #DFE8E3;
	overflow: auto;
	height: 23px;
}
#main .product_box select {
	width: 280px;
	height: 19px;
	margin-right: 5px;
	border-top: 2px solid #8a8a8a;
	border-left: 2px solid #8a8a8a;
	border-right: 2px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	float: left;
}
#main .product_box input {
	width: 35px;
	height: 17px;
	border: 1px solid #7f9db9;
	vertical-align: top;
	float: left;
}
#main .product_box form button {
	border: 0;
	text-indent: -5000px;
	width: 143px;
	height: 22px;
	float: right;
	background: transparent url('../images/add_to_cart.png') no-repeat bottom right;
	cursor: pointer;
	font-size: 0;
}

.imageHolder img {
    margin: 0px 12px 20px 10px ;
    width: 160px;
    border: 1px solid #8a8a8a;
}


/* add customer label & inputbox */
#main p.bodycopy label{
	font-weight: bold;
	float: left;
	width: 150px;
	margin-bottom: 4px;
}
#main p.bodycopy label.wide{
	font-weight: normal;
	width: 483px;
    height: 38px;
}

#main p.bodycopy .inputBox{
	width: 35px;
	height: 17px;
	border: 1px solid #7f9db9;
	vertical-align: top;
	float: right;
	width: 350px;
	margin-bottom: 4px;
}

/* linkbox */

.linkbox {
	background-color: #dfe9e3;
	width: 514px;
	padding: 3px 12px;
	margin-bottom: 18px;
	clear: both;
	overflow: auto;
	text-align: center;
	font-size: 1.4em;
}
.linkbox .page_numbers {
	color: #5cad00;
	line-height: 1.4em;
}
.linkbox a {
	color: #5cad00;
	font-weight: bold;
}
.linkbox .page {
	display: block;
	width: 93px;
	height: 22px;
	text-indent: -5000px;
	font-size: 0;
}
.linkbox .page.prev {
	float: left;
}
.linkbox .page.next {
	float: right;
}
.linkbox .page.prev.not_active {
	background: transparent url('../images/buttons/prev_page_no.png') no-repeat top left;
}
.linkbox .page.next.active {
	background: transparent url('../images/buttons/next_page.png') no-repeat top left;
}
	
/* footer */

#footer {
	background: transparent url('../images/structure/footer_background.png') repeat-x bottom left;
	width: 770px;
	height: 147px;
	margin: 0 auto 20px auto;
	clear: both;

}
#footer #bottom_line {
	padding-top: 27px;
}
#footer a#footer_logo {
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 0 0 16px;
	background: transparent url('../images/structure/footer_logo.png') no-repeat bottom left;
	text-indent: -5000px;
}
#footer h2 a {
	float: left;
	display: block;
	background: transparent url('../images/structure/footer_gladwins_butchers.png') no-repeat bottom left;
	width: 115px;
	height: 15px;
	margin: 5px 0 0 6px;
	text-indent: -5000px;
	line-height: 0;
	font-size: 0;
}
#footer ul#footer_menu {
	float: left;
	margin: 5px 0 0 10px;
	font-size: 1em;
}
#footer ul#footer_menu li {
	float: left;
	color: #4a7061;
}
#footer ul#footer_menu li a {
	color: #4a7061;
	margin: 0 6px;
}
#footer #copyright {
	float: right;
	margin: 5px 18px 0 0;
	font-size: 1em;
	color: #4a7061;
}
#google_and_delivery {
	overflow: auto;
}
#footer #googlecheckout a {
	float: left;
	width: 176px;
	height: 37px;
	margin: 25px 0 0 20px;
	background: transparent url('../images/structure/google_checkout.png') no-repeat top left;
	text-indent: -5000px;
	display: inline;
	font-size: 0;
}
#footer #free_delivery {
	float: left;
	width: 326px;
	height: 66px;
	border: 4px solid #5cad00;
	background: transparent url('../images/structure/free_delivery.png') no-repeat top left;
	margin: 0 0 0 30px;
	padding: 10px 30px 0 150px;
}
#footer #free_delivery p {
	font-size: 12px;
}
#footer #free_delivery a {
	float: left;
	color: #5cad00;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 20px 7px 0;
}