﻿/*********
Black - R3/G0/B0 = #030000
Orange - R246/G132/B87 = #f68b1f
Blue Header - R36/G132/B198 = #2484c6
Green Header - R78/G184/B87 = #4eb857
Pink Header - R237/G17/B101 = #ed1165
Red - #dc2226
Grey - #808080
**********/

body 
{ 
	text-align: center; 	
	font-family: "AvantGarde Md BT", arial, verdana, Tahoma; 
	font-size: 0.8em; 
	padding: 0; 
	margin: 0;  
	background-color:#f68b1f;
	color:white;
}

div, img, table, form { border: 0; padding: 0; margin: 0; }

p {margin-top:2px; margin-bottom:6px;}

.spaced p
{margin-bottom:10px;}

p.small 
{font-size:0.8em;}

hr
{
	height:2px;
	border-style:solid;
	border:none;
	border-top:1px solid #bcbdc0;
}

h1 { font-size: 1.8em; font-weight:bold; margin:0; padding:0px 0px 5px 0px; color:#ed1165; }
h2 { font-size: 110%; font-weight:normal; margin:0; padding:0;}
h3 { font-size: 110%; font-weight:normal; margin-top:0; padding-top:0;}
h4 { font-size: 100%; font-weight:normal; }
h5 { font-size: 100%; font-weight:normal; }
h6 { font-size: 100%; font-weight:normal; }

.green, .green a, .green a:visited, .green a:hover { color:#4eb857;}
.pink, .pink a, .pink a:visited, .pink a:hover  {color:#ed1165;}
.blue, .blue a, .blue a:visited, .blue a:hover  {color:#2484c6;}
.red, .red a, .red a:visited, .red a:hover  {color:#dc2226;}
.grey, .grey a, .grey a:visited, .grey a:hover  {color:#808080;}
.lightgrey, .lightgrey a, .lightgrey a:visited, .lightgrey a:hover  {color:#bcbec0;}
.orange, .orange a, .orange a:visited, .orange a:hover  {color:#f68b1f;}

img
{border:none;}

a
{
    color:#f68b1f;
    text-decoration:none;
}

a:hover, a:visited
{color:#f68b1f;}

a.anchor-black, a.anchor-black:visited
{color:#030000;}

a.anchor-black:hover
{color:#f68b1f;}

td 
{font-size:1em;}

.clear
{		
    height:1px;
    line-height:1px;
    clear:both;
    margin:0;
    padding:0;
    margin-top:-4px;
    .margin-top:0px;
}

.non-ie6-clear
{
	height:1px;
    line-height:1px;
    clear:both;
    margin:0;
    padding:0;
    margin-top:-4px;
    .display:none;
}

a.grey-small, a:visited.grey-small
{
	background:url(../images/btn-grey-small.gif) no-repeat left top;
	width:71px;
	height:20px;
	color:White;
	display:block;
	text-align:center;
	padding-top:2px;
	font-size:12px;
}

a.grey-medium, a:visited.grey-medium
{
	background:url(../images/btn-grey-medium.gif) no-repeat left top;
	width:86px;
	height:20px;
	color:White;
	display:block;
	text-align:center;
	padding-top:3px;
	font-size:11px;
}

/*start specific*/

#global 
{text-align:center;}

#container 
{
	width:960px; 
	margin:auto;
	text-align:left;
}

#header-container
{
	min-height:160px;
	position:relative;
	background-color:Black;
}

#body-container
{}

.body-container
{
	background:#fff url(../images/three-column-bg.gif) repeat-y left top;
	color:#231f20;
	/*position:relative;*/
	/*overflow:auto;*/
}

.body-container-nocurve
{background:#fff;}

.body-container-curve
{background:#fff url(../images/three-column-bg-curve.gif) no-repeat 210px top;}

.body-container-curve-large
{background:#fff url(../images/three-column-bg-curve.gif) no-repeat 300px top;}

.body-container-curve-top
{background:#fff url(../images/three-column-bg-curve-top.gif) no-repeat left top;}

.body-container-lady
{background:#fff url(../images/three-column-bg-lady.gif) no-repeat left top;}

.body-container-no-bg
{background-image:none;}

#body-content
{
	background:url(../images/footer-curve.png) no-repeat left bottom;
	padding-bottom:60px;	
	font-size:1.2em;	
	_height:300px;
	min-height:300px;
	position:relative;	
	_position:static;
	.position:static;
	/*overflow:auto;*/
}

#body-content-reversed
{
	background:url(../images/footer-curve-2.png) no-repeat left bottom;
	padding-bottom:60px;
	min-height:300px;
	font-size:1.2em;
	/*overflow:auto;*/	
}

#footer-container
{
	min-height:210px;	
	background-color:#030000;
	position:relative;	
	clear:both;
}

#footer-container a, #footer-container a:visited, #footer-container a:hover
{color:White;}

#logo
{
	position:absolute;
	top:30px;
	left:20px;
}

#logo-menu
{
	position:absolute;
	top:75px;
	left:50px;
	width:232px;
}

.logo .menu
{
	float:right;
	margin-right:2px;
	.margin-top:-3px;
}

#opening-hours
{
	position:absolute;
	top:45px;
	right:15px;
	width:500px;
	color:#f68b1f;
	font-size:1.3em;
	font-weight:bold;
	font-family:Arial;
	text-align:right;
}

#find-it, .find-it
{
	position:absolute;
	top:70px;
	right:15px;
	width:500px;
	color:#f68b1f;
	font-size:1.1em;
	font-family:Arial;
	text-align:right;
}

#main-menu
{
	position:absolute;
	top:132px;
	left:20px;
}

.main-menu
{position:relative;}

#footer-menu-left
{
	position:absolute;
	top:22px;
	left:140px;
	width:220px;
}

#footer-menu-right
{
	position:absolute;
	top:22px;
	left:380px;
	width:220px;
}

#page-footer
{
	width:960px; 
	margin:auto;	
	/*padding:5px;*/
	font-family:Arial;
	font-size:1.1em;
}

#page-footer a, #page-footer a:visited
{color:White;}

.column
{z-index:20px;}

.column-left
{
	float:left;	
	width:196px;
	margin-right:1px;
	padding:22px 22px 0px 22px;			
}

.column-middle
{
	float:left;	
	width:492px;
	margin-right:1px;
}

.column-right
{
	width:226px;
	float:left;
}

#footer-home-news-events
{
	position:absolute;
	top:25px;
	left:25px;
}

#home-register
{
	position:absolute;
	left:618px;
	top:25px;
}

#getting-here-advert
{
	/*position:absolute;
	left:550px;
	top:25px;*/
	float: right;
	margin-top:25px;
	margin-right: 55px;
	_margin-right:25px; /*ie6 fix*/
}

#home-sunday-parking
{
	position:absolute;
	left:800px;
	top:8px;
}

#home-store-view
{
	position:absolute;
	left:25px;
	top:120px;
}

#home-store-view-logos
{
	position:absolute;
	left:80px;
	top:120px;
}

#footer-advert,.footer-advert
{
	position:absolute;
	left:80px;
	top:50px;
}

#footer-menu-getting-here, .footer-menu-getting-here
{
	position:absolute;
	left:80px;
	top:25px;
	width:400px;
}

#footer-menu-getting-here li
{margin-bottom:30px;}

.pink-box
{
	width:128px;
	height:49px;
	background:url(../images/pink-box.gif) no-repeat left top;
	padding:10px;
}

.pink-box-large
{
	width:174px;
	height:81px;
	background:url(../images/pink-box-large.gif) no-repeat left top;
	padding:10px;
}

.register-textbox
{
	border-style:inset;
	color:#a0a0a0;
	font-size:0.8em;
	width:95px;
	height:12px;
}

.register-textbox-large
{
	width:145px;
	height:17px;
}

.search-textbox
{
	color:#a3a5a8;
	font-size:0.8em;
	width:200px;
	height:12px;
	padding:2px 2px 4px 5px;
	border:2px solid #c3c3c3;
	background-color:#231f20;
}

.search-textbox-products
{
	color:#000;
	font-size:0.8em;
	width:180px;
	border:2px solid #464344;
	background-color:#fff;
	float:left;
}

.search-textbox-products-button
{
	background:url(../images/btn-pink-small.gif) left top no-repeat;
	width:72px;
	height:19px;
	color:White;
	display:block;
	text-align:center;
	padding:2px 0 2px 0;
	font-size:12px;
	float:right;
	margin-top:2px;
	border:none;
}

.search-textbox-products-button:hover
{color:White !important;}

.more-button
{
	float:right;
	height:24px;
}

/*Menu (main and top logo)*/

ul.menu
{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	font-weight:bold;
}

ul.right
{float:right;}

ul.menu li
{
	float:left;
	background:url(../images/bullet-orange.gif) no-repeat left 50%;
	padding:0px 8px 0px 16px;
}

ul.menu li.first
{
	background-image:none;
	padding-left:0px;
}

ul.menu li.last
{padding-right:0px;}

ul.white li
{background:url(../images/bullet-white.gif) no-repeat left 50%;}

ul.menu a, ul.menu a:hover, ul.menu a:visited
{color:white;}

/*Menu on home page at bottom*/
ul.menu-pointer
{
	padding:0;
	margin:0;
	list-style:none;
}

ul.menu-pointer li
{
	float:left;
	background:url(../images/bullet-pointer.gif) no-repeat left 50%;
	padding:0px 8px 0px 25px;
	margin-top:5px;
	width:200px;
}

ul.menu a
{}

/*Menu on store a-z*/
ul.store-a-z
{
	padding:0;
	margin:0;
	list-style:none;
}

ul.store-a-z li
{
	float:left;
	width:37px;
	height:37px;
	display:block;
	margin-right:11px;
	margin-bottom:13px;
}

ul.store-a-z li a
{
	background:url(../images/sphere-grey.gif) no-repeat left top;
	width:37px;
	height:36px;
	display:block;
	font-size:1.7em;
	color:White;
	padding-top:1px;
	text-align:center;
}

ul.store-a-z li a:visited
{color:White;}

ul.store-a-z li a:hover
{background:url(../images/sphere-orange.gif) no-repeat left top;}


/*Menu - orange lozenge*/
ul.orange-lozenge
{
	padding:0;
	margin:0;
	list-style:none;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	line-height:16px;
}

ul.orange-lozenge li
{
	width:187px;
	min-height:37px;
	display:block;
	background:url(../images/orange-lozenge-bottom.gif) no-repeat left bottom;
	margin-bottom:10px;
}

ul.orange-lozenge li a, ul.orange-lozenge li a:hover, ul.orange-lozenge li a:visited
{
	background:url(../images/orange-lozenge-top.gif) no-repeat left top;
	width:167px;
	min-height:17px;
	display:block;
	color:White;
	text-align:center;
	padding:7px 10px;
}

ul.orange-lozenge-on-black li
{background:url(../images/orange-lozenge-bottom-on-black.gif) no-repeat left bottom;}

ul.orange-lozenge-on-black li a, ul.orange-lozenge-on-black li a:hover, ul.orange-lozenge-on-black li a:visited
{background:url(../images/orange-lozenge-top-on-black.gif) no-repeat left top;}

/*Store list items*/
.store-item-container
{	
	clear:both;
	min-height:50px;	
}

.store-item-logo
{
	float:left;
	display:block;
	width:140px;
	min-height:40px;
}

.products-search-logo
{
	width:140px;
	min-height:40px;
}

.store-item-text
{
	float:left;
	display:block;
	width:360px;
}

.products-text
{}

.store-item-description
{width:300px;}

.store-item-info
{	
	font-size:0.9em;
	min-height:17px;
	margin-top:10px;
}

.store-item-info-large
{
	font-size:1em;
	margin-top:0px;
	height:35px;
}

.store-item-tel
{
	color:#f68b1f;
	float:left;
	width:150px;
	padding-top:2px;
}

.store-item-tel a
{white-space:nowrap;}

.store-item-map
{
	/*margin-top:5px;*/
	font-size:0.95em;
	float:left;
	width:100px;
}

.store-item-info-large .store-item-map
{
	float:left;
	width:125px;
}

.store-item-map a, .store-item-map a:visited
{
	padding:2px 0px 2px 25px;
	background:url(../images/bullet-pointer-white.gif) no-repeat left 50%;
	line-height:20px;
	color:#231f20;
}

.store-item-offer
{
	float:right;
	width:160px;
}

.store-item-offer a
{
	float:right;
	margin-left:5px;
}

/*News list items*/
.news-list-container
{margin-bottom:-5px;}

.news-list-logo
{
	float:left;
	width:80px;
	padding-left:10px;
}

.news-list-content
{
	float:left;
	width:409px;
	padding-right:30px;
}

.news-list-content-promo
{
	width:399px;
	padding:10px 30px 0px 10px;
}

.news-list-content-press-release
{width:522px;}

.news-list-arrow
{
	float:left;
	width:40px;
	margin-top:20px;
}

/*Forms and fieldsets*/

fieldset
{
	border:none;
	display:inline;
	min-height:18px;
	padding:0;
	margin:2px 0px;
}

fieldset.registration
{width:600px;}

label
{
  width:153px;
  float:left;
  margin:5px 5px;
  border:0px solid #000;
  text-align:right;
}

fieldset.registration label
{width:200px;}

label.right
{
  width:200px;
  float:none;
  text-align:left;
}

ul.search-results
{list-style-type:none;}

div.loginBox
{float:right; padding-right:15px; padding-top:10px;}

div.campaign-sprite
{	
	position:absolute;	
	_position:relative;
	.position:relative;
	bottom:40px;	 
	_bottom:0px;
	.bottom:0px;
	left:30px;		
	width:196px;
	float:left;	
}

div.campaign-sprite-wide
{
	left:20px !important;
	width:201px !important;
}