@import url("reset.css");

/* Tags */

body {
	background:#ffffff;
	background:transparent url(/images/common/nav-background.gif) 0 90px repeat-x scroll;		
	color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:arial,helvetica,sans-serif;
	font-size:0.7em;
}

h1, h2, h3, h4, h5, h6 { 
	line-height:1.8em; 
	margin:0.6em 0; 
	font-weight:bold;
}
p { margin-bottom:1em;	}

h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

#bottom-promo-left-franklins {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/franklins_eoi_homepage_icon.gif) 0 25px no-repeat scroll;
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 0.9em;
}



a:link, a:visited, a:hover, a:active {
	color:#005dab;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;	
}

/* ID's */

a#skipnav:link, a#skipnav:visited, a#skipnav:hover, a#skipnav:active {
	background-color:black;
	color:#FFFFFF;
	left:-999px;
	position:absolute;
	top:10px;
}
a#skipnav:focus { left:10px; top:10px; }

#page-wrapper {
	width:980px;
	margin:0 auto;
	height: 100%;
}

#header {
	position:relative;
	height:90px;
}


#top-nav {
	position:relative;
	width: 90%;
	height:37px;
}

#search-bar {
	margin-top: 7px;
	position: absolute;
}

#search-bar INPUT {
	font-size: 11px;
}

#top-nav UL {
	display:block;
	position:relative;
	right:0;
	top:0;
	padding:0 0 0 0;
}

#top-nav LI {
	display:block;
	float:left;
}

/* IE6 hack */
* html #top-nav LI {
	width:1%;
	white-space:nowrap;
}

#top-nav LI A:link, #top-nav LI A:visited, #top-nav LI A:hover, #top-nav LI A:active {
	font-size:1.231em;
	display:block;
	height:22px;
	padding:7px 13px 0 12px;
	text-decoration:none;
	color:#FFFFFF;
}

#top-nav LI A:hover {
	text-decoration:underline;
}

#top-promo-bar {
	width: 980px;
	position:relative; 
	margin:0 auto; 
	padding:30px 0 0 0;
}

#bottom-promo {
	width: 980px;
	position:relative; 
	margin:0 auto; 
	padding:0 0 0 0;
	margin-top: -70px;
}

#bottom-promo-left {
	height: 113px;
	width: 300px;
	background:transparent url(/lib/images/promo-background-grey.jpg) 0 27px no-repeat scroll;
	background-color: #F4F4F3;
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bottom-promo-left-win {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/iga-win-promo.gif) 0 25px no-repeat scroll;
	
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bot_promo_content_win A {
	color: #656565;
	font-size: 1.03em;
	font-weight: normal;
	margin: 0;
}
#bot_promo_content_win LI {
	padding-top: 14px;
	padding-left: 15px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	margin-left: 140px;
}

#bottom-promo-left-kids {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/kids-club-promo.gif) 0 25px no-repeat scroll;
	
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bottom-promo-right-gift {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/gift-card-promo.gif) 0 25px no-repeat scroll;
	
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bottom-promo-right-f4l {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/sustainability-iga.gif) 0 25px no-repeat scroll;
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}


#bottom-promo-mid-chest {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/community-chest-promo.gif) 0 25px no-repeat scroll;
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bot_promo_content_chest A {
	color: #656565;
	font-size: 1.03em;
	font-weight: normal;
	margin: 0;
}
#bot_promo_content_chest LI {
	padding-top: 50px;
	padding-left: 13px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 52px;
	margin-left: 15px;
}

#bottom-promo-right-christmas {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/christmas-club-promo.gif) 0 25px no-repeat scroll;
	
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bot_promo_content_christmas A {
	color: #656565;
	font-size: 1.03em;
	font-weight: normal;
	margin: 0;
}
#bot_promo_content_christmas LI {
	padding-top: 14px;
	padding-left: 15px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	margin-left: 140px;
}

#bot_promo_content_sustainability A {
	color: #656565;
	font-size: 1.03em;
	font-weight: normal;
	margin: 0;
}
#bot_promo_content_sustainability LI {
	padding-top: 72px;
	padding-left: 13px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: -1px 72px;
	margin-left: 15px;
}

#bottom-promo-right-little-a {
	height: 120px;
	width: 300px;
	background:transparent url(/lib/images/little-athletics-promo.gif) 0 25px no-repeat scroll;
	
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bot_promo_content_little_a A {
	color: #656565;
	font-size: 1.03em;
	font-weight: normal;
	margin: 0;
}
#bot_promo_content_little_a LI {
	padding-top: 14px;
	padding-left: 15px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	margin-left: 15px;
}



#bot_promo_header {
	color: #ED3529;
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#bot_promo_content A {
	color: #656565;
	font-size: 1.01em;
	font-weight: normal;
	margin: 0;
	padding-left: 130px;
}


#bot_promo_content_top A {
	color: #656565;
	font-size: 1.03em;
	font-weight: normal;
	margin: 0;
	padding: 0px;
}

#bot_promo_content_top LI {
	padding-left: 14px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 30px;
}

#bot_promo_content LI {
	padding-left: 10px;
	background-image: url(/lib/images/promo-red-arrow.gif);
	background-repeat: no-repeat;
	background-position: -4px 0;
	margin-left: 7px
}



#bottom-promo-mid {
	height: 113px;
	width: 300px;
	background:transparent url(/lib/images/promo-background-grey.jpg) 0 28px no-repeat scroll;
	background-color: #F4F4F3;
	float: left;
	margin-left:20px;
	margin-top:20px;
	font-size: 1em;
}

#bottom-promo-right {
	height: 113px;
	width: 300px;
	background:transparent url(/lib/images/promo-background-grey.jpg) 0 28px no-repeat scroll;
	background-color: #F4F4F3;
	float: left;
	margin-left:20px;
	margin-top:20px;
}

#asbottom_promo {
	background:transparent url(/lib/images/promo-bar-red.gif) 0px 28px no-repeat scroll;
}


#top-promo-col-1 {
	height: 96px;
	width: 490px;
	float: left;
	background:transparent url(/lib/images/top-promo-store-locator.gif) 20px 0 no-repeat scroll;
}

#top-promo-col-1 .desc_heading {
	padding-top: 23px;
	padding-left: 178px;
}

#top-promo-col-1 .content A {
	color: #656565;
	font-size: 1.3em;
}

#top-promo-col-1 H5 {
	color: #0083CF;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
}


#top-promo-col-2 {
	height: 113px;
	width: 490px;
	background:transparent url(/lib/images/weekly-specials-top-promo.gif) 20px 0 no-repeat scroll;
	float: left;
	margin-top: 33px;
}

#top-promo-col-2 .desc_heading {
	padding-top: 23px;
	padding-left: 178px;
}

#top-promo-col-2 .content A {
	color: #656565;
	font-size: 1.3em;
}

#top-promo-col-2 H5 {
	color: #0083CF;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
}

#top-promo-col-3 {
	height: 96px;
	width: 490px;
	background:transparent url(/lib/images/own-an-iga-store.jpg) 20px 0px no-repeat scroll;
	float: left;
}

#top-promo-col-3 .desc_heading {
	padding-top: 23px;
	padding-left: 178px;
	}

#top-promo-col-3 .content A {
	color: #656565;
	font-size: 1.3em;
}

#top-promo-col-3 H5 {
	color: #0083CF;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
}
#feature-promo {
	width: 980px;
	height: 353px;
	background:transparent url(/lib/images/f4l-promo.jpg) 20px 4px no-repeat scroll;
}

#content-outer {
	float:left;
	min-height:700px;
}
* html #content-outer {
	height:700px;
}

#content {
	color:#012442;
	float:right;
	width:505px;
	padding:15px 5px 5px 10px;
}
.full #content {
	float:none;
	width:auto;
	padding:20px 0 8px 16px;
}
	
#side-nav {
	float:left;
	width:172px;
}
.full #side-nav {
	display:none;
}
#side-nav .opening-hours {
	display:none;
}
#side-nav UL {
	display:block;
	margin:45px 0 0 0;
}
#side-nav LI {
	display:block;
}
#side-nav LI A:link, #side-nav LI A:visited, #side-nav LI A:hover, #side-nav LI A:active {
	display:block;
	padding:10px 0 10px 10px;
	margin:0 5px 0 5px;
	background:transparent url(/lucky7/images/hr.gif) 0 100% no-repeat scroll;
	font-size:1.1em;
	font-weight:bold;
}
#side-nav LI A.navon:link, #side-nav LI A.navon:visited, #side-nav LI A.navon:hover, #side-nav LI A.navon:active {
	background-color:#D4E8F3;
}
#side-nav LI A.navsub:link, #side-nav LI A.navsub:visited, #side-nav LI A.navsub:hover, #side-nav LI A.navsub:active, 
#side-nav LI A.navsubon:link, #side-nav LI A.navsubon:visited, #side-nav LI A.navsubon:hover, #side-nav LI A.navsubon:active {
	padding-left:20px
}

#side-bar {
	float:right;
	width:191px;
	min-height:457px;
	padding:20px 14px 8px 0;
}
* html #side-bar { height:457px; }

#side-bar .promo {
	margin:8px 0 0 0;
}
#side-bar .promo h6 {
	background:transparent url(/lucky7/images/header_promo.gif) 0 0 no-repeat;
	height:18px;
	padding:6px 0 0 12px;
	margin:0 0 1px 0;
	line-height:1.0em;
	font-size:1.0em;
	color:#FFFFFF;
}
#side-bar .promo .summary {
	background-color:#000000;
	padding:2px 4px;
	margin:0;
	font-size:0.8em;
	color:#FFFFFF;
}
	

#login-form {
	background:transparent url(/lucky7/images/bg_login.gif) 0 100% no-repeat scroll;
	border-top:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
	position:relative;
	height:145px;
}
#login-form div {
	padding:0 0 2px 27px;
}
#login-form label {
	text-transform:uppercase;
	color:#042f7d;
	display:block;
}
#login-form input, #login-form select {
	width:145px;
}
#login-form input#btnLogin {
	width:auto;
	position:absolute;
	right:15px;
	bottom:8px;
}

#locator-form {
	background:transparent url(/lucky7/images/promo_google_map.jpg) 0 0 no-repeat scroll;
	height:102px;
	position:relative;
}
#locator-form input#fldPostcode {
	position:absolute;
	width:142px;
	height:16px;
	left:6px;
	top:57px;
}
#locator-form input#btnLocator {
	position:absolute;
	right:4px;
	top:56px;
}

/* content styles */

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { 
	line-height:1.0em; 
	margin:0 0 0.6em 0; 
	/*font-weight:normal;*/
	color:#005dab;
}

#content ul, #content ol { margin:0 0 0 30px; }
#content ul { list-style:disc outside; }
#content ul ul { list-style:circle outside; }
#content ul ul ul { list-style:square outside; }
#content ol { list-style:decimal outside; }
#content ol ol { list-style:lower-alpha outside; }
#content ol ol ol { list-style:lower-roman outside; }
#content li { display:list-item; margin:0.25em 0 0.25em 0; }

#content form { margin: 0 }
#content form div { display:block; padding:10px; clear:left; }
#content form div.spam-check { display:none; }
#content form label { display:block; float:left; width:120px; text-align: right; margin-right:10px; font-weight:bold; color:#042f7d; }
#content form input { display:block; float:left; width:200px; }
#content form textarea { display:block; float:left; width:250px; height:100px; }

#footer {
	background-color: #F2F2F0;
	height:90px;
	width: 100%;
	text-align:center;
	padding-top: 15px;
	
}

#footer A {
	color: #656565;
	font-size: 1.00em;
	font-weight: normal;
	margin: 0;
}



/* classes */

.summary { font-size:1.1em; font-weight:bold; }
.feature { color:#951700; font-weight:bold; }

.summaryItem { 
	width:678px; 
	padding:4px 0 4px 0; 
	margin:0 0 0 0;
}
.summaryImage { 
	float:left; 
	width:110px; 
	max-height:108px; 
	padding:2px 0; 
}
* html .summaryImage { height:108px; }
.summaryText { 
	float:right; 
	width:556px; 
	padding:2px 0 2px 4px; 
}

.clear { clear:both; }
.clear-hidden { clear:both; height:1px; font-size:1px; }
.hr {  height:1px; font-size:1px; background:transparent url(/lucky7/images/hr.gif) 0 0 repeat-x scroll; margin:1em 0; }
.hr hr { display:none; }

div.warning { border:1px solid #FF0000; padding:10px; background-color:#FFAAAA; } 

/* IGA Promo Area */
	div.featuresscrollable                           
		{ margin:0px auto; }
	.featuresscrollerframe a.featuresnext            
		{ display:block; width:68px; height:69px; background-image:url(/images/common/arrow_right.png); clear:right; position:absolute; right:-22px; margin:150px 0px; cursor:pointer; font-size:1px; z-index:999}
	.featuresscrollerframe a.featuresprev            
		{ display:block; width:68px; height:69px; background:url(/images/common/arrow_left.png) no-repeat; position:absolute; left:-31px; margin:150px 0px; cursor:pointer; font-size:1px; z-index:999;}
	.featuresscrollerframe a.disabled                { background-position:bottom; }
	div.featuresscrollable                           { position:relative; overflow:hidden; height:443px; text-align:left; } 
	div.featuresitems                                { text-align:center; padding-left: 33px; } 
	div.featuresscrollable ul.featuresitems          { width:20000em; position:absolute; padding:0; margin:0; } 
	div.featuresscrollable ul.featuresitems li       { float:left; list-style-type:none; display:block; width:940px; height:343px; margin-right:10px; margin-top: 27px } 
	div.featuresscrollable ul.featuresitems li.active
	                                                 { border:1px inset #ccc; background-color:#fff; }
	div.featuresscrollerframe                        { position:relative; margin:0 auto; display:none; margin-top: 0px}
	div.featuresloading                              { margin:50px auto; }
	span.SpecialsNoData                              { position:absolute; text-align:center; margin-top:44px; display:block; font-size:1.1em; font-weight:bold; width:100%; left:0;}
	div.SpecialsNoDataPanel
	{
		position:relative;
		width:930px;
		height:116px;
		
	}

.mmcounter {height:172px; width:500px; background: transparent url('/lib/images/mm-countdown_2.png') top left no-repeat; margin:-8px 0 0 -10px; padding:0;}
#glowingLayout {margin:0; padding:0; width:310px; height:41px; position:relative; top:50px; left:30px; /*background: url('../images/counter_bg.png') top left no-repeat;*/}
#glowingLayout div { float: left; width: 28px; height: 41px; 
    background: url('/lib/images/countdownNumbers.png') no-repeat 0px 0px; } 
#glowingLayout div.image0 { background-position: -0px 0px; } 
#glowingLayout div.image1 { background-position: -28px 0px; } 
#glowingLayout div.image2 { background-position: -56px 0px; } 
#glowingLayout div.image3 { background-position: -84px 0px; } 
#glowingLayout div.image4 { background-position: -112px 0px; } 
#glowingLayout div.image5 { background-position: -140px 0px; } 
#glowingLayout div.image6 { background-position: -168px 0px; } 
#glowingLayout div.image7 { background-position: -196px 0px; } 
#glowingLayout div.image8 { background-position: -224px 0px; } 
#glowingLayout div.image9 { background-position: -252px 0px; } 
/*#glowingLayout div.imageDay { background-position: -340px 0px; } 
#glowingLayout div.imageSep { background-position: -374px 0px; }*/ 
#glowingLayout div.imageSpace { background-position: -280px 0px; width:28px;}
.counterBot {float:left; width:310px; height:27px; color:#666; text-transform:lowercase; /*background: transparent url('../images/counter_bot_bg.png') top left no-repeat;*/}
.counterBot span {padding:0; float:left;}
.counterBot p {float:left; font-size:14px !important; margin:0; padding:0; line-height:27px; color:#ec4298; position:relative; top:50px; left:18px; width:334px;}
.counterBot .days {width:81px; text-align:center; display:block;}
.counterBot .hours {width:83px; text-align:center; display:block;}
.counterBot .minutes {width:84px; text-align:center; display:block;}
.counterBot .seconds {width:82px; text-align:center; display:block;}