/*
 Screen style    
 Site: Rumps of Warwick
*/

body {
 background: #fff url(../images/bg/body.gif) top left repeat-x;
 color: #333;
 font-size: 75%;
 padding: 0;
 text-align: center;
}

p.intro, p.introsifr {
 background-color: transparent;
 color: #666;
 font-size: 1.33em;
}

.article {
 background: transparent url(../images/bg/line2.gif) bottom left repeat-x;
 clear: both;
 padding: 17px 0 12px 0;
}

.article h2 {
 margin: -0.25em 0 5px 200px;
 width: 345px;
}

.article a {
 margin: -0.25em 0 5px 0;
 width: 345px;
}

.article h3 {
 margin: -0.25em 0 5px 200px;
 width: 345px;
 color: #000000;
}

.article h2.sifr {
 margin-top: 0;
}

.article p {
 line-height: 1.35;
 margin: 0 0 5px 200px;
}

.article p.img {
 border-right: 1px solid #ccc;
 float: left;
 margin: 0;
 margin: 0 10px 0 0;
 width: 167px;
 border: 1px #CCCCCC solid;
}

.article.last {
 background-image: none;
}

.contact-form td.label {
 width: 110px;
}

.contact-send {
 margin-top: 2em;
}

.home #content {
 float: none;
 margin-right: 0;
 padding: 13px 26px 20px 26px;
 width: auto;
}

.home-box {
 float: left;
 margin-right: 13px;
 width: 365px;
}

.home-box h2 {
 margin: 0.75em 0 0.5em 0;
}

.home-box h3 {
 margin-bottom: -0.75em;
}

.home-box li a {
 font-weight: bold;
}

.home-box ul {
 margin: 1.75em 0 0 0;
}

.home-box.last {
 margin-right: 0;
}

.map {
 margin-top: 1.5em;
}

.price {
 background-color: transparent;
 color: #CC0000;
 font-weight: bold;
}

.sIFR-hasFlash #content .introsifr {
 font-size: 16px;
 line-height: 20px;
 visibility: hidden;
}

.sIFR-hasFlash #content h1 {
 font-size: 20px;
 line-height: 28px;
 visibility: hidden;
}

.sIFR-hasFlash #content h2.sifr {
 font-size: 18px;
 line-height: 20px;
 visibility: hidden;
}

#contact-nav {
 background-color: transparent;
 color: #00389E;
 left: 605px;
 position: absolute;
 top: 50px;
}

#contact-nav a {
 background-color: transparent;
 color: #220000;
 margin: 0 6px;
}

#contact-nav a:hover {
 background-color: #220000;
 color: #fff;
}

#content {
 float: right;
 margin-right: 67px;
 padding: 22px 0 30px 0;
 width: 550px;
}

#content .home-box li {
 background-position: 0 8px;
}

#content li {
 padding-left: 11px;
}

#content li, #sec-nav li {
 background: transparent url(../images/bg/square.gif) 0 7px no-repeat;
 color: inherit;
 list-style: none;
 margin: 0;
}

#footer {
 background: #fff url(../images/bg/footer.gif) top left repeat-x;
 clear: both;
 color: #828282;
 padding: 22px 77px 35px 20px;
}

#footer .adr {
 background-color: transparent;
 color: #7F7F7F;
}

#footer .org {
 background-color: transparent;
 color: #7E7E7E;
}

#footer .tel {
 background-color: transparent;
 color: #818181;
}

#footer form {
 border-left: 1px solid #ccc;
 float: right;
 margin: 0;
 padding: 0 0 0 12px;
 width: 182px;
}

#footer form input {
 margin: 0;
 vertical-align: middle;
}

#footer form input.text-input {
 background-color: #FFFFCC;
 border: 1px solid #666;
 color: #999;
 font-size: 0.92em;
 margin-right: 4px;
 padding: 1px 3px;
 width: 113px;
}

#footer form p {
 background-color: transparent;
 color: #666;
 margin: 6px 0 0 0;
}

#footer h2 {
 background-color: transparent;
 color: #220000;
 font-size: 1em;
 margin: 0 0 6px 0;
}

#footer:after, #content:after, .article:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#footer-left {
 float: left;
 width: 475px;
 vertical-align: bottom;
}

#footer-left .email {
 margin-left: 12px;
}

#footer-left a {
 background-color: transparent;
 color: #220000;
}

#footer-left a:hover, #footer-left p.links a:hover {
 background-color: #220000;
 color: #fff;
}

#footer-left p {
 margin: 2px 0 0 0;
}

#footer-left p.links {
 margin-top: 14px;
}

#footer-left p.links a {
 background-color: transparent;
 color: #220000;
 margin-right: 15px;
}

#header {
 border-bottom: 1px solid #ccc;
 height: 120px;
 position: relative;
 z-index: 10;
}

#home-heading {
 background: #666 url(../images/bg/home-heading.jpg) top left repeat-y;
 color: #fff;
 padding: 6px 10px 3px 10px;
}

#home-heading h1 {
 background-color: transparent;
 color: #fff;
 font-size: 1em;
 height: 21px;
 margin: 0;
 overflow: hidden;
 position: relative;
 width: 455px;
}

#home-heading h1 span {
 background-image: url(../images/text/rumps-strap.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 21px;
 left: 0;
 position: absolute;
 top: 0;
 width: 455px;
 z-index: 1;
}

#intro-picture {
 background: #fff url(../images/bg/line1.gif) bottom left repeat-x;
 color: #333;
 height: 192px;
}

#logo {
 height: 131px;
 left: 23px;
 margin: 0;
 position: absolute;
 top: 0;
 width: 143px;
 z-index: 100;
}

#logo a:hover {
 background-color: transparent;
 color: inherit;
}

#nav {
 bottom: 0;
 height: 25px;
 left: 182px;
 margin: 0;
 position: absolute;
 width: 555px;
 z-index: 2000;
}

#nav a {
 background-color: #eee;
 color: #666;
 display: block;
 font-size: 1em;
 height: 25px;
 margin: 0 3px 0 0;
 overflow: hidden;
 position: relative;
 text-transform: uppercase;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 25px;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 1;
}

#nav a#nav01 {
 width: 46px;
}

#nav a#nav01 span {
 background-image: url(../images/nav/01.gif);
 width: 46px;
}

#nav a#nav02 {
 width: 54px;
}

#nav a#nav02 span {
 background-image: url(../images/nav/02.gif);
 width: 54px;
}

#nav a#nav03 {
 width: 101px;
}

#nav a#nav03 span {
 background-image: url(../images/nav/03.gif);
 width: 101px;
}

#nav a#nav04 {
 width: 110px;
}

#nav a#nav04 span {
 background-image: url(../images/nav/04.gif);
 width: 110px;
}

#nav a#nav05 {
 width: 89px;
}

#nav a#nav05 span {
 background-image: url(../images/nav/05.gif);
 width: 89px;
}

#nav a#nav06 {
 width: 103px;
}

#nav a#nav06 span {
 background-image: url(../images/nav/06.gif);
 width: 103px;
}

#nav a:hover {
 background-color: #858585;
 color: #fff;
}

#nav a:hover span, #nav a.current span {
 background-position: 0 -26px;
}

#nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#order {
 height: 28px;
 left: 610px;
 margin: 0;
 position: absolute;
 top: 12px;
 width: 160px;
}

#fish-cheese-meat-delivery {
 height: 34px;
 left: 180px;
 margin: 0;
 position: absolute;
 top: 7px;
 width: 160px;
}

#outer-wrapper {
 background: #fff url(../images/bg/wrapper1.gif) top left repeat-y;
 color: #333;
 margin: 0 auto;
 text-align: left;
 width: 810px;
}

#sec-nav {
 border-bottom: 4px solid #220000;
 float: left;
 margin-bottom: 50px;
 padding: 24px 0 30px 11px;
 width: 152px;
}

#sec-nav h2 {
 height: 14px;
 margin: 0 0 12px 0;
}

#sec-nav li {
 padding-left: 16px;
}

#sec-nav ul {
 margin: 0;
}

#slideshow {
 height: 184px;
 width: 798px;
}

#slideshow object {
 border: none;
 height: 184px;
 margin: 0;
 width: 798px;
}

#wrapper {
 background: transparent url(../images/bg/wrapper2.gif) top left no-repeat;
 color: #333;
 padding: 0 6px;
 position: relative;
 width: 798px;
}

.order {
font-size: 11px;
}

input.wide{
width: 400px
}

table.order{
border: 1px #FFFFFF solid;
}

/* drop shadow */

.chicken {
position: absolute; 
top: 120px; 
left: 400px;
}

.imglink {
margin-top: 15px
}

.imglink a:hover {
background-color:#FFFFFF;
}

/* products */

.product {
	 background: transparent url(../images/bg/line2.gif) top left repeat-x;
	 clear: both;
	 padding: 10px 0 0 0;
	 margin-bottom: 0px auto;
}

.product .left image
{
	height: 78px;
	width: 78px;
	border: 1px solid #cccccc;
	margin-bottom: 0px auto;
	padding-bottom: 0px;
}

.product .left 
{
	float: left;
		
}


.product .right
{
	border-left: 1px solid #cccccc;
	padding-left: 19px;
	float: right;
}

.product .right input
{
	width: 80px;
	border: 1px solid #cccccc;
	margin-bottom: 12px;
	margin-top: 5px;
}

.product .right a
{
	display: block;
	background-image: url( /images/icons/basket_go.gif );
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	height: 20px;
	padding-top: 3px;
}

.product .title
{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.0em;
	margin: 0px auto;
	margin-bottom: 10px;
}

.product .summary
{
	font-style: italic;
	color: #666666;
}

.product .price
{
	font-weight: bold;
	color: #220000;
}
.product .clear
{
	float:none;
	clear: both;
	margin: 0px auto;
}
.product .text
{
	width: 300px;
}
.product .image
{
	width: 100px;
}

table.product tr td {
	vertical-align: top;	
}

table.product img {
	border: 1px #CCC solid;
	width: 217px;

}

/* --- Homepage repeat editable regions ----*/

/* --- Special Offers ---- */

table.editable-homepage-offers {
border-bottom: 1px dotted #ccc;
border-top: none;
}

table.editable-homepage-offers tr {
height: 155px;
}

table.editable-homepage-offers td {
vertical-align: top;
}

table.editable-homepage-offers td.offer-image {
padding: 5px 10px 5px 0px;
vertical-align: top;
}


table.editable-homepage-offers td.offer-image img {
border: 1px solid #CCC;
}

table.editable-homepage-offers td.offer-text {
margin: 0px;
padding: 5px 0px 5px 0px;
}

table.editable-homepage-offers td.offer-text h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
line-height: 130%;
}

table.editable-homepage-offers td.offer-text h3 a {
color: #000;
text-decoration: none;
}

table.editable-homepage-offers td.offer-text h3 a:hover {
color: #000;
text-decoration: underline;
}

table.editable-homepage-offers td.offer-text p {
margin: 0px 0px 5px 0px;
line-height: 130%;
}

table.editable-homepage-offers p.voucher-background {
background-image: url(../images/buttons/voucher-bg.jpg);
background-position: top left;
background-repeat: no-repeat;
padding-left: 38px;
padding-top: 3px;
padding-bottom:0px;
padding-right: 0px;
line-height: 140%;
height: 25px;
}
	
	
/* --- Recipes ---- */

table.editable-homepage-recipes {
border-bottom: 1px dotted #ccc;
border-top: none;
}

table.editable-homepage-recipes tr {
height: 155px;
}

table.editable-homepage-recipes td {
vertical-align: top;
}

table.editable-homepage-recipes td.recipe-image {
padding: 5px 10px 5px 0px;
vertical-align: top;
}


table.editable-homepage-recipes td.recipe-image img {
border: 1px solid #CCC;
}

table.editable-homepage-recipes td.recipe-text {
margin: 0px;
padding: 5px 0px 5px 0px;
}

table.editable-homepage-recipes td.recipe-text h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
line-height: 130%;
}

table.editable-homepage-recipes td.recipe-text h3 a {
color: #000;
text-decoration: none;
}

table.editable-homepage-recipes td.recipe-text h3 a:hover {
color: #000;
text-decoration: underline;
}

table.editable-homepage-recipes td.recipe-text p {
margin: 0px 0px 5px 0px;
line-height: 130%;
}

table.editable-homepage-recipes p.recipe-link {
padding-top: 3px;
padding-bottom:0px;
padding-right: 0px;
line-height: 140%;
}

div.privilege-inner {
border: 1px solid #000;
padding: 5px;
background-image: url(../images/privilege-club/privilege-bg.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}



div.privilege h2 {
color: #BA8747;
}

#content div.privilege-inner ul {
list-style: none;
margin-left: 10px;
}

#content div.privilege-inner ul li {
background-image: url(../images/privilege-club/privilege-bullets.gif);
background-repeat: no-repeat;
background-position: top left;
line-height: 140%;
font-size: 14px;
height: 30px;
padding-left: 40px;
padding-top: 10px;
}

#privilege-club-card {
position: absolute;
top: 110px;
left: 460px;
z-index: 50;
}