/*
---------------------------------------------------------------------------
=	House Keeping
---------------------------------------------------------------------------
*/

@import url('css/reset.css');

body
{
	text-align: center;
	font-size: 11px;
	font-family: "Arial", "Verdana", sans-serif;
	background:url(images/bg_tile.jpg);
}

#wrapper
{
	width: 904px;
	margin:0 auto 30px auto;
	text-align: left;
}


.orange		{color: #FBB03F;}
.bold 		{font-weight: bold;}
.cb 			{clear: both;}
.cl 			{clear: left;}
.fl 				{float: left;}
.fr 			{float: right;}

h2
{
	font-size:26px;
	color:#FBB03F;
	margin-top: 0;
	background-color: #fff;
}

h3,
h4 			{color: #808284;}

h6 			{color:#FBB03F;}

/*
---------------------------------------------------------------------------
=	Header
---------------------------------------------------------------------------
*/

div#header
{
	float:left;
	width:100%;
	height: 195px;
	background:url(images/bg_head_ms1.png) no-repeat;
}

body.page-drop-us-a-line div#header 		{height: 195px; background:url(images/bg_head_ms1.png);}
body.page-our-produce div#header 			{height: 195px; background:url(images/bg_head_ms2.png);}
body.blog div#header 						{height: 195px; background:url(images/bg_head_ms3.png);}
body.page-trade-enquiries div#header		{height: 195px; background:url(images/bg_head_ms4.png);}
body.page-contact-us div#header 		{height: 195px; background:url(images/bg_head_ms5.png);}

div#header a#logo
{
	display: block;
	float: left;
	width: 170px;
	height: 100px;
	margin: 10px 0 0 35px;
}

div#header a#logo span
{
	display: none;
}

div#header a#login
{
	display: block;
	float: right;
	width: 37px;
	height: 35px;
	background: url(images/login.png);
	margin: 0 20px 0 0;
}

div#header a#login span
{
	display: none;
}

div#navbar
{
	float: left;
	width: 100%;
	
	background:url(images/bg_head.png);
}

div#navbar div#navigation
{
	float: left;
	height: 65px;
	padding-left:10px;
}

div#navbar div#navigation ul li
{
	font-size:110%;
	display: block;
	float: left;
}

div#navbar div#navigation ul li a
{
	float:left;
	display: block;
	text-decoration: none;
	color: #fff;
	height: 65px;
	padding: 0 8px;
	line-height: 65px;
}

div#navbar div#navigation ul li a:hover					{background: url(images/hover.gif) no-repeat 50% 100%;}
div#navbar div#navigation ul li.current_page_item a		{background: url(images/hover.gif) no-repeat 50% 100%;}

div#navbar div#navigation ul li.page-item-63
{
	display:none;
}

form#searchform
{
	display: block;
	float: right;
	background: url(images/search.gif);
	width: 155px;
	height: 31px;
	margin-top: 10px;
	margin-right: 18px;
}

form#searchform input#s
{
	display: block;
	float: left;
	padding: 14px 0 0 10px;
	width: 110px;
}

form#searchform input.button
{
	display: block;
	float: left;
	padding: 10px 0 0 0;
	width: 30px;
	height: 30px;
	color: #fff;
}

/*
---------------------------------------------------------------------------
=	Content
---------------------------------------------------------------------------
*/

div#main
{
	float:left;
	width:100%;
	background: #fff;
	position:relative;
}

div#awning
{
	position: absolute;
	background: url(images/awning.png) no-repeat top center;
	width: 1000px;
	height: 82px;
	left: 50%;
	top:0;
	margin: 0 0 0 -500px;
}

div#content
{
	float: left;
	width: 904px;
	padding: 95px 0 20px 0;
	background: url(images/bg_content.png)no-repeat 30px 0px;
}

div#content p
{
	line-height: 18px;
	color: #808284;
	margin-bottom: 10px;
}

div#content pre
{
	font-size: 11px;
	font-family: "Arial", "Verdana", sans-serif;
	line-height: 18px;
	color: #808284;
}

div#content div#col1
{
	float: left;
	width: 560px;
	margin-left: 20px;
	display: inline;
}

div#content div#col1 table
{
	margin-top: 55px;
}

div#content div#col1 table tr
{
	height: 30px;
}

div#content div#col1 table tr td
{
	line-height: 18px;
	color: #808284;
}

div#content div#col1 table tr td span.tbtitle
{
	color: #FBB03F;
	font-weight: bold;
	font-size: 120%;
}

div#content div#col1 div#contact
{
	margin-bottom: 20px;
}

div#content div#col1 div#contact p
{
	margin-bottom: 0px;
}

div#col2
{
	float: right;
	width:270px;
	margin-right: 20px;
	display: inline;
}

div#col2 div#market
{
	display: block;
	float: left;
	padding-bottom: 20px;
	position: relative;
}

div#col2 div#market h2
{
	display: block;
	float: left;
	font-size: 16px;
	padding-left: 3px;
}

h2#downunder
{
	display: block;
	float: left;
	font-size: 16px;
	padding-left: 3px;
}

div#tradeinfo
{
	float: left;
	margin-bottom: 20px;
}

.trade
{
	display: block;
	float: left;
	font-size: 14px;
	padding-left: 3px;
	line-height: 1.4em;
}

div#col2 div#market div#boarder
{
	background: url(images/border_small.png);
	float: left;
	width: 152px;
	height: 4px;
}

div#col2 ul
{
	margin-bottom: 40px;
}

div#col2 ul li
{
	display: block;
	margin-bottom: 20px;
}

div#col2 ul li span
{
	
	display: block;
	line-height: 18px;
	color: #808284;	
}

div#col2 ul li span.orange
{
	color: #FBB03F;
}

div#col2 ul li span strong
{
	display: block;
	font-weight: bold;
}

h2 img
{
	margin-bottom: 10px;
}

/*
---------------------------------------------------------------------------
=	trade
---------------------------------------------------------------------------
*/

ul#trade_logos
{
	display: block;
	float: left;
	width: 100%;
}

ul#trade_logos li
{
	display: block;
	float: left;
} 

ul#trade_logos li a
{
	display: block;
	float: left;
	margin-right: 20px;
}

ul#trade_logos span.ms
{
	display: block;
	float: left;
	margin-top: 20px;
}

ul#trade_logos span#tradems
{
	margin-right: 150px;
}

/*
---------------------------------------------------------------------------
=	Our Produce
---------------------------------------------------------------------------
*/

div#content div#col1 div#products
{
	float: left;
	margin-bottom: 40px;
	width:	543px;
}

div#content div#col1 div#products div.prodimage		{width: 176px; float: left; height: 151px; margin-right: 10px;}

div#content div#col1 div#products div#prodimage1 	{background: url(images/Prod_frame_pies.jpg);}
div#content div#col1 div#products div#prodimage2 	{background: url(images/Prod_frame_gala_pie.jpg);}
div#content div#col1 div#products div#prodimage3 	{background: url(images/Prod_frame_sausage.jpg);}
div#content div#col1 div#products div#prodimage4 	{background: url(images/Prod_frame_sausage.jpg);}
div#content div#col1 div#products div#prodimage5 	{background: url(images/Prod_frame_sausage.jpg);}
div#content div#col1 div#products div#prodimage6 	{background: url(images/Prod_frame_sausage.jpg);}
div#content div#col1 div#products div#prodimage7 	{background: url(images/Prod_frame_sausage.jpg);}
div#content div#col1 div#products div#prodimage8 	{background: url(images/Prod_frame_gammon.jpg);}
div#content div#col1 div#products div#prodimage9 	{background: url(images/Prod_frame_bacon2.jpg);}
div#content div#col1 div#products div#prodimage10	{background: url(images/Prod_frame_blackpud.jpg);}
div#content div#col1 div#products div#prodimage11	{background: url(images/Prod_frame_haggis.jpg);}

div#content div#col1 div#products h3#maintitle
{
	width: 100%;
	font-size: 150%;
	padding-bottom: 15px;
}

div#content div#col1 div#products h3
{
	width: 200px;
	float: left;
	margin-top: 10px;
}

div#content div#col1 div#products p#prod
{
	display: block;
	float: left;
	width: 340px;
	height: 140px;
}

div#content div#col3 div#recipe h2
{
	margin: 0;
	padding: 0;
}

div#content div#col3 div#recipe h2 img
{
	margin-top: 20px;
}

/*
---------------------------------------------------------------------------
=	ORDER FORM
---------------------------------------------------------------------------
*/

div#col3
{
	float: right;
	width:300px;
	margin-right: 20px;
}

div#col3 h2
{
	padding-bottom: 20px;
}

form#fc
{
	float:left;
	width: 300px;
	color: #808284;
}

input.haha
{	
	display:none;
	visibility:hidden;
	height:0px;
	width:0px;
}

form#fc fieldset
{
	float:left;
}

form#fc fieldset ul
{
	float:left;
	width: 100%;
}

form#fc fieldset ul li
{
	float:left;
	width: 100%;
	clear:both;
	margin-bottom: 10px;
}

form#fc fieldset ul li label
{
	float:left;
	padding:6px 0 4px 0;
	width:100px;
}

form#fc fieldset ul li input
{
	float:right;
	padding:6px 0 4px 0;
	background:#F1F1F2;
	width:198px;
	border: 1px solid #000;
}

form#fc fieldset ul li textarea
{
	float:right;
	padding:6px 0 4px 0;
	background:#F1F1F2;
	width:198px;
	height: 100px;
	border: 1px solid #000;
}

form#fc fieldset ul input#sendme
{
	background: #FBB03F;;
	color: #000;
	font-weight: bold;
	float: right;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 200px;
}

p#ms
{
	display: block;
	float: left;
}

/*
---------------------------------------------------------------------------
=	CONTACT FORM
---------------------------------------------------------------------------
*/

div#map
{
	float: right;
	width: 300px;
	height: 247px;
	background: url(images/map_2.png);
	border: 1px solid #000;
}

div#address
{
	margin-top: 20px;
	text-align: center;
	padding-left: 100px;
}
	
.cont
{
	width: 630px !important;
}

.cont h2
{
	padding-bottom: 20px;
}

.handy
{
	width: 200px !important;
}

.handy h2
{
	padding-bottom: 13px;
}

.handy ul li
{
	margin: 0 !important;
	padding: 6px !important;
}

.handy ul li a
{
	text-decoration: none;
	color:#808284;
}

.handy ul li a:hover
{
	color: #000;
}

/*
---------------------------------------------------------------------------
=	Helping Hand
---------------------------------------------------------------------------
*/

a#recipe
{
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	Blog
---------------------------------------------------------------------------
*/

div#content div.post
{
	line-height: 18px;
	color: #808284;
	margin: 0 0 30px 0;
	background: url(images/border_post.png) no-repeat 0 100%;
	padding-bottom: 10px;
}

body.single div#content div.post
{
	margin-bottom:10px;
}

div#content div.post img.avatar
{
	float:left;
	margin:0 10px 0 0;
}

div#content div.post h3.entry-title a
{
	display: block;
	font-size: 170%;
	text-decoration: none;
	color: #FBB03F;
	margin-bottom: 5px;
	padding:0;
}

div#content div.post div.entry-date
{
	font-size: 140%;
	margin-bottom: 5px;
}

div#content div.post p
{
	margin-bottom: 1em;
}

div#content div.post div.entry-meta
{
	margin-bottom: 10px;
}

div#content div.post div.entry-meta a
{
	color: #FBB03F;
	text-decoration: none;
}

div#col4
{
	float: right;
	width:270px;
	margin-right: 20px;
}

div#col4 h2.news
{
	font-size: 20px;
	padding-left: 2px;
}

div#col4 div.newsboarder
{
	margin-bottom: 10px;
}

div#col4 div#newsboarder1 	{background: url(images/border_news1.png) no-repeat; height: 4px;}
div#col4 div#newsboarder2	{background: url(images/border_news2.png) no-repeat; height: 5px;}
div#col4 div#newsboarder3	{background: url(images/border_news3.png) no-repeat; height: 5px;}
div#col4 div#newsboarder4	{background: url(images/border_news4.png) no-repeat; height: 6px;}

div#col4 div.sb
{
	margin-bottom: 30px;
}

div#col4 ul li a
{
	line-height: 18px;
	color: #808284;
	text-decoration: none;
}

div#col4 ul li a:hover {color: #000;}


div#col4 div#twitter a

{
	background: url(images/twitter.png);
	width: 55px;
	height: 55px;
	float: left;
	margin-right: 5px;	
}

div#col4 div#facebook a
{
	background: url(images/facebook.png);
	width: 55px;
	height: 55px;
	float: left;
	margin-right: 5px;
	margin-bottom: 30px;
}

div#col4 div#youtube a

{
	background: url(images/youtube.png);
	width: 55px;
	height: 55px;
	float: left;
	margin-right: 5px;	
}

div#col4 div#advert div.advert
{
	background: url(images/advert1.png);
	width: 130px;
	height: 130px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

.jd
{
	width: 200px;
}

p.saussagep
{
	display: block;
	float: left;
}

div.entry-content a
{
	color: #636466;
}

/*
---------------------------------------------------------------------------
=	BLOG - next/prev
---------------------------------------------------------------------------
*/

div#col1 div#nav-above,
div#col1 div#nav-below
{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

div#col1 div#nav-above div.nav-previous a,
div#col1 div#nav-below div.nav-previous a
{
	display: block;
	float: left;
	color: #808284;
	text-decoration: none;
	font-size: 120%;
}

div#col1 div#nav-above div.nav-next a,
div#col1 div#nav-below div.nav-next a
{
	display: block;
	float: right;
	color: #808284;
	text-decoration: none;
	font-weight: 500;
	font-size: 120%;
}

/*
---------------------------------------------------------------------------
=	Comment
---------------------------------------------------------------------------
*/

div#col1 div#comments div#respond h3
{
	color: #FBB03F;
	padding: 30px 0 10px 0;
	font-size: 150%;
}

h3.respond
{
	color: #FBB03F;
	padding-top: 10px;
	font-size: 150%;
}

div#col1 div#comments div#respond div.formcontainer form#commentform
{
	width: 100%;
}

div#col1 div#comments div#respond div.formcontainer form#commentform div.form-label
{
	display: block;
	float: left;
	width:80px;
}

div#col1 div#comments div#respond div.formcontainer form#commentform div.form-textarea
{
	border: 1px solid #000;
	margin-left: 80px;
	width: 470px;
	padding: 5px;
}

div#col1 div#comments div#respond div.formcontainer form#commentform div.form-textarea textarea#comment
{
	width: 100%;
}

div#col1 div#comments div#respond div.formcontainer form#commentform input
{
	border: 1px solid #000;
	margin-bottom: 10px;
	width: 200px;
	padding: 5px;
}

div#col1 div#comments div#respond div.formcontainer form#commentform div.form-submit .button
{
	display: block;
	float: left;
	margin-left: 80px;
	margin-top: 10px;
	width: 212px;
}

div#col1 div#comments
{
	margin-top:45px;
}		

div#col1 div#comments div#comments-list h3
{
	font-size: 180%;
	font-weight: 100;
}

div#col1 div#comments div#comments-list h3 span
{
	color: #FBB03F;
}

div#col1 div#comments div#comments-list ol li div.vcard
{
	padding-top: 10px;
	width:100%;
	float: left;
	padding-bottom: 10px;
}

div#col1 div#comments div#comments-list a.url
{
	font-size: 150%;
	color: #808284;
	text-decoration: none;
	padding-left: 10px;
}

div#col1 div#comments div#comments-list ol li div.comment-meta a
{
	color: #808284;
}

div#col1 div#comments div#comments-list ol li span.unapproved
{
	display: block;	color: #FBB03F;
	padding-top: 10px;
}

div#col1 div#comments div#comments-list ol li p
{
	background: url(images/border_comment.png) no-repeat 0 100%;
	padding-bottom: 20px;
}

p#avatar
{
	display: block;
	margin-top: 15px;
	margin-left: 320px;
}

p#avatar a 
{
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	seach
---------------------------------------------------------------------------
*/

div#col1 input#s-no-results
{

	border: 1px solid #000;
	padding: 5px;
	background:#F1F1F2;
}

div#col1 form#searchform-404 input#s-404
{
	border: 1px solid #000;
	padding: 5px;
	background:#F1F1F2;
}

div#col1 input.button
{

	border: 1px solid #000;
	padding:4px;
	background:#FBB03F;
	font-weight: bold;
	width: 100px;
}

div#col1 h3.entry-title a
{
	display: block;
	color: #FBB03F;
	margin-bottom: 10px;
}

div#col1 h2.entry-title 
{
	margin: 0;
	padding: 0;
}

/*
---------------------------------------------------------------------------
=	Tade Enquires FORM
---------------------------------------------------------------------------
*/

form#te
{
	float:left;
	width: 100%;
	color: #808284;
}

form#te fieldset
{
	float:left;
}

form#te fieldset ul
{
	float:left;
	width: 100%;
}

form#te fieldset ul li
{
	float:left;
	width: 560px;
	clear:both;
	margin-bottom: 10px;
}

form#te fieldset ul li label
{
	float:left;
	padding:6px 0 4px 0;
	width:100px;
}

form#te fieldset ul li input
{
	float:right;
	padding:6px 0 4px 0;
	background:#F1F1F2;
	width:450px;
	border: 1px solid #000;
}

form#te fieldset ul li textarea
{
	float:right;
	padding:6px 0 4px 0;
	background:#F1F1F2;
	width:450px;
	height: 100px;
	border: 1px solid #000;
}

form#te fieldset ul input#sendme
{
	background: #FBB03F;;
	color: #000;
	font-weight: bold;
	float: right;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 200px;
}

p#ms
{
	display: block;
	float: left;
}

/*
---------------------------------------------------------------------------
=	slider
---------------------------------------------------------------------------
*/

div#photos
{
	width: 573px;
	height: 332px;
	text-align:left;
	position:relative;
	border-top:1px solid #fff;
	margin-bottom: 20px;
}

div#photosover
{
	position:absolute;
	top:0;
	left:0;
	background:url(images/slide_framer.png);
	width:573px;
	height:332px;
}

.stepcarousel
{
	position:relative;
	overflow:hidden;
	width:534px;
	height:280px;
	margin:29px 0 0 15px;
}

.stepcarousel .belt
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.stepcarousel .panel
{
	float: left;
	overflow: hidden;
	width: 534px;
	height: 280px;
	background:#000;
}

#panel1{background-image:url('images/slide1.jpg');}
#panel2{background-image:url('images/slide2.jpg');}
#panel3{background-image:url('images/slide3.jpg');}
#panel4{background-image:url('images/slide4.jpg');}
#panel5{background-image:url('images/slide5.jpg');}
#panel6{background-image:url('images/slide6.jpg');}
#panel7{background-image:url('images/slide7.jpg');}
#panel9{background-image:url('images/slide9.jpg');}
#panel10{background-image:url('images/slide10.jpg');}
#panel11{background-image:url('images/slide11.jpg');}
#panel12{background-image:url('images/slide12.jpg');}
#panel13{background-image:url('images/slide13.jpg');}
#panel14{background-image:url('images/slide14.jpg');}
#panel15{background-image:url('images/slide15.jpg');}
#panel16{background-image:url('images/slide16.jpg');}
#panel17{background-image:url('images/slide17.jpg');}
#panel18{background-image:url('images/slide18.jpg');}
#panel19{background-image:url('images/slide19.jpg');}
#panel20{background-image:url('images/slide20.jpg');}
#panel21{background-image:url('images/slide21.jpg');}
#panel22{background-image:url('images/slide22.jpg');}

a.slider-btn
{
	position:absolute;
	width: 41px;
	height:43px;
	text-decoration: none;
	display: block;
	bottom:0px;
}

a.btn-prev
{
	left:40px;
	background: url(images/btn_prev.png) no-repeat;
}

a.btn-next
{
	left:100px;
	background: url(images/btn_next.png) no-repeat;
}

/*
---------------------------------------------------------------------------
=	Footer
---------------------------------------------------------------------------
*/

div#footer
{
	float:left;
	width:100%;
	text-align: left;
	background:#fff url(images/footer_border.png) no-repeat 50% 0;
	padding:40px 0;
}

div#footer p
{
	font-size: 90%;
	color: #00551F;
}

div#footer p a
{
	text-decoration: none;
	color: #9BCA59
}

div#footer p.fl
{
	margin-left: 20px;
}

div#footer p.fr
{
	margin-right: 20px;
}