@charset "utf-8";
/* CSS Document */

/*****************************************************************************
GLOBAL RESETS / ESSENTIAL STYLING
*****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

body {
    background-color: #F0F0F0;
	text-align:center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #f76131;
    text-decoration: underline;
	position:relative;
}

/*****************************************************************************
SITE ELEMENTS
*****************************************************************************/

#wrapper {
	width:1010px;
	text-align: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	}	
	
#background {
    float: left;
    width: 974px;
	background: url(../images/site_bg.gif) repeat-y center #F0F0F0;
	padding-left: 18px;
	padding-right: 18px;
	}

#content {
	width: 977px;
	float: left;
	padding: 4px 0 0 0;
}


/*****************************************************************************
TEXT ELEMENTS
*****************************************************************************/

h2, h3, h4 , h5 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #de3831;
	font-size: 24px;
}

h1 {
	font-size:23px;
	font-weight:normal;
	color: #e13e2b;
	font-size: 24px;
}

h2 {
    font-size: 19px;
	color: #f26334;
	padding-top: 10px;
	padding-bottom: 5px;
}

h3 {
    font-size: 19px;
	color: #f26334;
	padding-bottom: 15px;
}

h4 {
    font-size: 19px;
	padding-bottom: 10px;
	padding-top: 10px;
}

h5 {
	font-size: 18px;
	background-image: url(../images/H4_background.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
	color: #f76131;
	margin-bottom: 10px;
	margin-top: 20px;
}

p {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
	color: #666666;
}

#breadcrumb {
	padding: 0 0 10px 20px;
	font-size: 10px;
}

#breadcrumbing a {
    color: #f26334;
}

#breadcrumb li {
     display: inline;
	 list-style:none;
}

#breadcrumb li a{
     text-decoration: none;
	 color: #de3831;
}

#breadcrumb li a:hover{
     text-decoration: underline;
}

.header_right {
	float: right;
	padding: 0 18px 0 0;
	width: 270px;
}

.telephone {
	padding: 10px 4px 2px 0;
	font-size:12px;
	float: right;
	color:#f26334;
	width: 130px;
}

.telephone_no {
	font-size:22px;
	width: 190px;
	float: right;
	text-align: right;
}


/*****************************************************************************
TOP HEADER
*****************************************************************************/
	
#header {
	background: url(../images/top-bg.gif) center top no-repeat;
	width: 974px;
	float: left;
	padding-top: 20px;
	margin-bottom: 2px;
}

#header_left {
	width: 370px;
	float: left;
}

#header_left img {
	float: left;
}

.store {
	font-size:15px;
	font-weight:normal;
	color: #000000;
	padding-top: 27px;
	float: left;
}

/*****************************************************************************
T0P NAVIGATION
*****************************************************************************/

#navigation {
	width: 975px;
	clear: both;
}

#navigation ul {
	list-style-type: none;
	background-image: url(../images/top_nav/nav_red_bg.gif);
	height: 34px;
	width: 975px;
}

#navigation li {
	float: left;
	display: inline;
}

#navigation a {	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px 15px 8px 15px;
}

#navigation .right_search {
	padding-left: 315px;
	padding-top: 3px;
}

#navigation a.home  {background: url(../images/top_nav/home_inactive.gif) no-repeat; padding-left: 32px;}
#navigation a.home:hover {background: url(../images/top_nav/home_active.gif) no-repeat left top;}
#navigation a:hover {background: url(../images/top_nav/nav_divider_active.gif) no-repeat left top;}

body#home #navigation .home {background: url(../images/top_nav/home_active.gif) no-repeat left top;}
body#directions #navigation .directions {background: url(../images/top_nav/nav_divider_active.gif) repeat-x left top;}
body#duty #navigation .duty {background: url(../images/top_nav/nav_divider_active.gif) repeat-x left top;}

/*****************************************************************************
HOMEPAGE
*****************************************************************************/

#main_content {
	width: 980px;
	float: left;
	overflow: hidden;
	padding: 10px 0 10px 0;
}

.main_products {
	float: left;
	width: 958px;
	padding: 0 0 0 14px;
}

.main_top {
	width: 931px;
	float: left;
	background: url(../images/top_area.gif) no-repeat;
	height: 29px;
	padding: 0 0 0 15px;
}

.main_top p {
	float: right;
	padding-right: 20px;
	padding-top: 5px;
	color:#FFFFFF;
	font-size: 12px;
}


/*****************************************************************************
HOMEPAGE CONTENT BOXES
*****************************************************************************/

#offer_pods {
	float: left;
	width: 945px;
    border-left: 1px solid #cccccc;
}

.homepage_pods {
	width: 950px;
	float: left;
	padding: 0 0 0 13px;
}

.homepage_customer {
	float: left;
}

.homepage_customer a {
display:block;
width: 461px;
height: 78px;
background: url("../images/customer_help.jpg") 0 0 no-repeat;
text-decoration: none;
}
.homepage_customer a:hover { 
background-position: 0 -78px;
color: #049;
}

.homepage_store {
	float: right;
	padding: 0 3px 0 0;
}

.homepage_store a {
display:block;
width: 461px;
height: 78px;
background: url("../images/store_button.jpg") 0 0 no-repeat;
text-decoration: none;
}
.homepage_store a:hover { 
background-position: 0 -78px;
color: #049;
}

.homepage_grocery {
	float: left;
	height: 143px;
	padding: 10px 0 10px 14px;
}

.homepage_grocery p {
	width: 600px;
}

.homepage_grocery a {
display:block;
width: 940px;
height: 112px;
padding:15px 10px 15px 30px;
background: url("../images/sainsburys_grocery.jpg") 0 0 no-repeat;
text-decoration: none;
}

.homepage_grocery a:hover { 
background-position: 0 -142px;
color: #049;
text-decoration: none;

}




/*****************************************************************************
HOMEPAGE WINE TO CLEAR
*****************************************************************************/

.homebox {
	width: 188px;
	float: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.homebox img {
	width: 63px;
	height: 200px;
	float: left;
}

.homebox_right {
	width: 110px;
	float: right;
	padding: 0 8px 0 0;
	display: inline;
}

.homebox_right img {
	width: 16px;
	height: 52px;
}

.heading {
	text-decoration:none;
	padding: 20px 0 10px 0;
	color: #000000;
	font-size: 15px;
	height: 60px;
	font-weight: bold;
}

.heading a:hover {
	text-decoration: none;
}

.offer_available {
	color:#e9310d;
	font-size: 14px;
	font-weight:bold;
	padding-bottom: 10px;
}




/*****************************************************************************
INTERNAL CONTENT
*****************************************************************************/

#main_internal_top {
	width: 975px;
	float: left;
	overflow: hidden;
    background: url(../images/internal_top.gif) no-repeat top center;
	margin-top: 0;
	padding-bottom: 10px;
}

#main_internal_top h3 {
	float:left;
	padding: 20px 0 0 20px;
}

#main_internal_top span {
	float:right;
	font-size: 11px;
	padding: 20px 30px 0 0;
}

#main_internal {
	width: 973px;
	float: left;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#content_footer {
	float: left;
	width: 975px;
	color:#f07d58;
	padding: 10px 0 10px 0;
	background: url(../images/internal_bottom.gif) 0 0 no-repeat;
}

/*****************************************************************************
STORE DETAILS
*****************************************************************************/

.leftside_top h3 {
	width: 698px;
	color: #de3831;
}

#main_internal_leftside {
	width: 711px;
	float: left;
}

#main_internal_left {
	width: 711px;
	float: left;
    background: url(../images/store_details/internal_left.jpg) no-repeat top center;
	height: 50px;
}

#main_internal_left h3 {
	padding: 20px 0 0 20px;
}

.left_content{
	width: 668px;
	float: left;
	padding: 0 20px 20px 20px;
	border-right: 1px solid #cccccc;
}

.top_intro {
	float: left;
}

.intro_pic {
	width: 400px;
	padding: 5px 0 10px 0;
	float: left;
}

.intro_pic p {
	width: 400px;
	padding: 20px 0 30px 0;
	float: left;
}

.intro_image {
	float: right;
	padding: 8px 0 10px 0;
}

.introduction {
	font-size:15px;
	padding-bottom: 10px;
}


.directions_print {
	float:left;
	width:320px;
	padding: 10px 10px 0 0;
}

.title {
	font-size:17px;
}

.print_button a {
  display: block;
  width: 145px;
  height: 34px;
  background: url(../images/store_details/print_pdf.gif) no-repeat 0 0;

}

.print_button a:hover { 
  background-position: 0 -33px;
}

/*****************************************************************************
RIGHT SIDE STORE DETAILS
*****************************************************************************/

.rightside_nav {
	float: right;
	width: 238px;
}

    .right_nav {
	width: 238px;
	float: right;
	padding: 0 0 10px 20px;
}

.right_nav p {
	line-height: 20px;
	font-size: 13px;
}

.right_nav img {
	float: left;
	padding-right: 10px;
}


/*****************************************************************************
FAQs
*****************************************************************************/

#questions_answered {
	float: left;
	width: 668px;
}

#steps_tofollow {
	width: 668px;
	background: url(../images/faqs/flow_top.gif) no-repeat top center;
	padding-top: 15px;
	position:relative;
}

#steps_tofollow li {
    list-style: none;
    background: url(../images/faqs/flow_middle.gif) no-repeat bottom center;
	padding-bottom: 30px;
	padding-left: 25px;
	padding-right: 15px;
	position:relative;
}

#steps_tofollow li p{
    padding-left: 60px;
	position:relative;

}

#steps_tofollow li p a{
    color: #f26334;
}

#steps_tofollow li.steps_tofollow_bottom {
    background: url(../images/faqs/flow_bottom.gif) no-repeat bottom center;
	padding-bottom: 30px;
}

.steps_title {
    color: #f26334;
	font-size: 16px;
	display: block;
	padding-bottom: 4px;
}

.number_icon {
    float: left;
		position:relative;

}

.rollover_norm a {
	text-decoration:none;
	color:#f67429;
	display: block;
	background: url(../images/orange_arrow.gif) left no-repeat;
	padding-left: 10px;
	font-size:13px;
	font-weight: bold;
}

.rollover_norm :hover {
	text-decoration:underline;
	color:#de3831;
	display: block;
	background: url(../images/red_arrow.gif) left no-repeat;
	padding-left: 10px;
}




/*****************************************************************************
FOOTER
*****************************************************************************/

#footer_top {
background: url(../images/footer/footer_top.gif) 0 0 no-repeat;
padding: 8px 0 0 25px;
}

#footer {
	float: left;
	width: 974px;
	color:#f07d58;
	padding: 12px 0 10px 0;
}

#footer_menu {
    float: left;
    border: 1px solid #cccccc;
	width: 946px;
	border-top-width: 0px;
	padding: 0px 0 20px 25px;
}

.footer_header {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #666666;
}

.footer_container {
	float: left;
	padding: 0 90px 0 0;
}

.footer_container_double {
	float: left;
	padding: 0 90px 0 0;
}

.footer_container_double_left {
	float: left;
	padding: 0 30px 0 0;
}

.footer_container_double_right {
	float: left;
}

.footer_list li {
    list-style-type: none;
}

.footer_list li a {
    background: url(../images/arrow10.gif) 0px 7px no-repeat;
	padding: 4px 0 4px 14px;
	font-size: 11px;
	color: #999999;
}

.sainsbury_footer {
	float: left;
	width: 1008px;
	background: url(../images/footer_bg.gif) 0px 0px no-repeat;
}

.sainsbury {
	font-size: 10px;
	float: right;
	padding-top: 45px;
	color: #999999;
	padding-right: 20px;
}

.sainsbury a {
	color: #999999;
}




/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
	display: block;
    padding: 0px;
	margin: 0px;
  }
  
  .sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;  
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
  visibility: hidden;
  line-height: 14px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  height: 25px;
  }

  .sIFR-active h2 {
  visibility: hidden;
  line-height: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  height: 30px;
  }

  .sIFR-active h3 {
  visibility: hidden;
  line-height: 8px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  width: 300px;
  height: 20px;
  }

  .sIFR-active .store {
  visibility: hidden;
  line-height: 14px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  width: 150px;
  }

  .sIFR-active .telephone_no {
  visibility: hidden;
  line-height: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 1px;
  padding-bottom: 0px;
  width: 158px;
  }


}