/* CSS Document */

body
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;	
	background-color:#dedcbd;		
	margin:0;
	color:#414142;
	line-height:1.5em;
}
table
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#414142;
}
a{  outline: none; color:#C4191F; text-decoration:none}
a:hover{color:#C4191F;}
ol{padding-left:2.5em; margin-left:0;}
ol li {padding-left:0; margin-left:0}

hr{clear:both; width:75%;}

#leftcolumn ul{margin:0; padding:0; list-style:none}
#leftcolumn ul li {padding-top:4px; padding-bottom:4px}
#leftcolumn{line-height:normal;}
#leftcolumn ul{font-size:11px}
#leftcolumn ul.menu{margin-left:25px;}
#leftcolumn ul{margin-top:5px}
#leftcolumn ul li#current a, #leftcolumn li.active a {color:#B22C1B}
#leftcolumn ul li#current ul li a, #leftcolumn li.active ul li a{color:#808285}
#leftcolumn li.parent{margin-top:5px; margin-bottom:5px;}
#leftcolumn li.parent ul{padding-left:0}

div#main_content2{float:left; width:300px; padding-left:0px;}
div#main_content2_second{float:left; width:160px; padding-left:0px; padding-right:10px; padding-top:20px;}

#rightcolumn2{float:right; width:458px;}

#rightcolumn2_second{float:right; width:520px; padding-left:0px; padding-right:35px;
  height:auto !important;
}




#rightcolumn2_second h3
{
	font-size: 12px;
	font-weight:normal;
	line-height:16px;
	color:#ffffff; 
	padding-top:0px;
	padding-bottom:0px; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}
#rightcolumn2_second p
{
	margin:0;  
	font-size:12px;
	line-height:18px; 
	color:#ce9d73; 
	padding-bottom:35px; 
	margin-left:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}


#rightcolumn2_third{float:right; width:520px; padding-left:0px; padding-right:35px; min-height:500px;
  height:auto !important;
  height:500px;
}

#rightcolumn2_third h3
{
	font-size: 12px;
	font-weight:normal;
	line-height:16px;
	color:#ffffff; 
	padding-top:0px;
	padding-bottom:0px; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}
#rightcolumn2_third p
{
	margin:0;  
	font-size:12px;
	line-height:18px; 
	color:#ce9d73; 
	padding-top:10px;
	padding-bottom:15px; 
	margin-left:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

#introtext p
{
	margin:0;  
	font-size:12px;
	line-height:18px; 
	color:#ce9d73; 
	padding-top:0px;
	padding-bottom:10px; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

#rightcolumn2_second img{float:left; margin-right:35px; margin-bottom:35px;}

/* wiith border #rightcolumn2_second img{float:left; border-style:solid;
border-width:5px; margin-right:35px; margin-bottom:35px;}*/


#rightcolumn2_second img a{
border:0;}

#button_next{border:0;}
/*#recipe {width:550px;}*/


div#wrapper{background-color:#231f20; padding-top:0px; padding-bottom:0;	
	/** border:1px solid green; **/
}
div#wrapper2{background-color:#231f20; padding-top:5px; padding-bottom:0;	
	/** border:1px solid green; **/
}


div#wrapper_second{background-color:#231f20; padding-top:5px; padding-bottom:0;
	/** border:1px solid green; **/
}

img.teaser_img{float:left; margin-right:3px; display:inline;border:none}
table{width:100%; margin:0; padding:0; border:0; border-collapse:collapse;}

div#rightcolumn img{margin-bottom:3px}

div#main_content_wide2{float:left; width:590px}
div#main_content_full2{float:left; width:100%}
body#home div#teaser_top{display:block; height:127px; float:left; display:inline; margin-left:15px}
body#home div#rightcolumn{float:left; width:296px; padding-top:0px}


body#other div#main_content2{float:left; width:300px; padding-left:7px;}
body#other div#teaser_top{display:block; width:auto; height:130px; margin-right:2px}
body#other div#leftcolumn{float:left; width:167px; height:500px; }

#footer{color: #808285; font-size:9px; margin-left:auto; margin-right:auto; width:734px;  padding-bottom:20px}
#footer ul{font-size:13px; list-style:none;}
p{margin-top:0px; margin-bottom:8px}

#leftcolumn ul a:visited{color:#414142}

#leftcolumn_padding{width:160px}
#leftcolumn ul.menu{width:125px}
#leftcolumn a{text-decoration:none; color:#808285}
#leftcolumn a:hover{color:#414142}
#leftcolumn h3
{
	margin:0;
	padding:0;
	font-weight: bold;  
	font-size:11px;
	padding-left:25px; 
	color:black; 
	padding-top:6px; 
	padding-bottom:5px; 
	background-color:#dedcbd; 	
}

br.clear, span.clear{clear:both;}
h2{line-height:1.3em}
div.span
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}



div#header
{	
	background-color:#231f20;
	border-bottom:6px solid #ce9d73;
}

div#header_padding
{
	height:128px;
	background-image:url(images/new_header.jpg);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
div#header_right
{
	float:right;
	top:0px;
}
div#top
{
	background-color:#b1201c;
	border-bottom:20px solid #231f20; 		
}

div#top ul
{
	margin:0;
	padding:0;
	list-style:none;
	background-color:#B22C1B;
	height:20px;
}

div#top ul li
{
	float:left;
	background-color:#B22C1B;
}


/**
 * Navigation
 */
div#top ul.menu li a{background-color:#B22C1B;}
div#top ul.menu li a{display:block; background-position:bottom left; height:20px; text-indent:-9999px}
div#top ul.menu li a:hover, div#top ul.menu li#current a, div#top ul.menu li.active a{background-position:bottom right}
div#top ul.menu li.item1 a{width:85px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/home.gif)}
div#top ul.menu li.item2 a{width:95px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/aboutus.gif)}
div#top ul.menu li.item3 a{width:135px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/productrange.gif)}
div#top ul.menu li.item4 a{width:86px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/recipies.gif)}
div#top ul.menu li.item7 a{width:123px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/foodservice.gif)}
div#top ul.menu li.item5 a{width:95px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/stockists.gif)}
div#top ul.menu li.item6 a{width:161px; background-image:url(http://www.macsween.co.uk/templates/macsween/images/mainnav/burnnight.gif)}


table *{vertical-align:top; border-collapse:collapse; }

.storage h3, .freezing h3{margin-top:0; padding-top:0}
.suitable_for tr, 
.suitable_for td,
.nutritional_info tr, 
.nutritional_info td,
.alergy_info tr,
.alergy_info td
{border:1px solid #414142;}

table.freezing, table.suitable_for, table.alergy_info{
	width:95%;	
} 

.number{color:#ffffff; font-size:12px;}

#content ul{margin:0;padding:0; list-style-position:inside;}

table.product_range
{
	font-size:12px;
	width:95%;			
}

table.product_range td{padding-right:6px;}

table.product_range thead tr td
{
	border-top:2px solid #414142;	
	border-bottom:2px solid #414142;		
}

table.product_range tbody tr td
{
	border-bottom:1px solid #414142;	
}

td.column1{width:180px}

/**
 * Recipes Image menu
 */

div#teaser_top ul li{display:inline; margin-right:3px}
div#teaser_top ul li img{border:0}

/**
 * Stockists Enquiry Form Styles
 */
	
body#wrapper{background:#fffde0;}






body#wrapper div#pagecontrol{margin-top:20px}
body#wrapper div#pagecontrol a.page{padding-left:2px; padding-right:2px}
body#wrapper div#pagecontrol a.active{text-decoration:underline; color:black}
body#wrapper div#pagecontrol #prev{padding-right:10px}
body#wrapper div#pagecontrol #next{padding-left:10px}
.mandetory{color:#B22C1B}
ul.errors{margin:0; padding:0; list-style:none}
ul.errors{color:#808285}

#footer{margin-top:0px}
#footer ul.menu {display:block; height:20px; width:100%; margin:0; padding:0;font-size:11px;}
#footer ul.menu li a{color:#808285}
#footer ul.menu li{float:left;}
#footer ul.menu li{padding-right:15px; margin-right:5px;}
#footer p{margin-left:1px; margin-top:20px; font-size:8px}

#leftcolumn li.item139, li.item145, li.item149{display:none}

div#blog_page_wrapper h2{margin-top:0; padding-top:0}
h2.contentheading, td.contentheading{margin-top:0; padding-top:0;}
td.contentheading{padding-bottom:10px}



/*

New

*/
#panel1 {width:315px; height:103px; margin-top:0px; margin-left:0px; background-image:url(images/panel1_new.jpg); background-repeat:no-repeat;}
#panel1 p {font-weight:normal; font-size: 11px; padding-top:42px; padding-left:14px; line-height:12px; padding-right:100px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ce9d73}
#panel2 {width:315px; height:103px; margin-top:8px; margin-left:0px; background-image:url(images/panel2_new.jpg); background-repeat:no-repeat;}
#panel2 p {font-weight:normal; font-size: 11px; padding-top:42px; padding-left:14px; line-height:12px; padding-right:100px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ce9d73}
#panel3 {width:315px; height:103px; margin-top:8px; margin-left:0px; background-image:url(images/panel3_new.jpg); background-repeat:no-repeat;}
#panel3 p {font-weight:normal; font-size: 11px; padding-top:42px; padding-left:14px; line-height:12px; padding-right:80px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ce9d73}
#panel4 {width:315px; height:103px; margin-top:8px; margin-left:0px; background-image:url(images/panel4_new.jpg); background-repeat:no-repeat;}
#panel4 p {font-weight:normal; font-size: 11px; padding-top:42px; padding-left:14px; line-height:12px; padding-right:100px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ce9d73}

content2
{
width:760px; 
height:461; 
background:#000000 url('images/but_bac.gif') no-repeat top left;
margin-left:9px;	
	/** border:1px solid green; **/
}

#bottom{color: #808285; margin-left:auto; margin-right:auto; width:780px;  padding-bottom:20px; padding-top:20px;}
#bottom2{color:#C4191F; ; background:#231f20; width:750px; height:30px; margin-left:auto; margin-right:auto; margin-top:10px;  padding-bottom:20px; padding-top:10px;}
#bottom2 p{color: #808285; background:#231f20; padding-left:20px; padding-right:35px; float:right}

/** GLOSSY BUTTONS **/

.glossymenu{
list-style-type: none;
margin: 5px 0;
margin-left:0px;
padding: 0;
width: 175px;
border-bottom-width: 0;
}
.glossymenu .active{
color:#ffffff; font-size:11px; padding-left:15px;}
.glossymenu li a{
background: #b12a1c;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
height:20px;
margin-top:4px;
padding-top: 4px;
padding-left: 15px;
text-decoration: none;

}
.glossy_second{
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #2b2a28;
display: block;
width: auto;
padding: 3px 0;
padding-left: 30px;
text-decoration: none;
}
.glossy_second li a{
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 30px;
text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 175px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-color: #000000;
}

hr {
  border: 0;
  width: 80%;
  color: #2b2a28;
background-color: #2b2a28;
height: 2px;
margin-bottom:20px;
}

/* HOTSPOTS  */
#box-link { 
		float:right; 
		width: 90px; 
		height: 75px; 
		background-color: transparent; }
#box-link2 { 
		float:left; 
		width: 315px; 
		height: 20px; 
		background-color: transparent; }
		
#box-link3 { 
		float:right; 
		width: 440px; 
		height: 175px; 
		display: block;
		background-color: #ffffff;       /* the background              */
   filter:alpha(opacity=0);
   -moz-opacity:0.0;
   opacity: 0.0;
 }			
		
/* FORM*/		
		

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 12px;
	color: #cccccc;
}
#contact-area {
	width: 500px;
	margin-top: 50px;
	padding-bottom:100px;
}

#contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area input{
	padding: 5px;
	width: 300px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:200px;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 12px;em;
}
.video {  
background
right:330px;
width:450px;
height:435px;
background-image:url(images/video_bac.jpg);
	background-repeat: no-repeat;
	background-position:0px 0px;
}