/* Start of CMSMS style sheet '1 PM Reset' */
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! 
   From http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}a, a:active, :focus { outline: none; -moz-outline-style: none; }
/* End of '1 PM Reset' */

/* Start of CMSMS style sheet '2 PM Layout' */
/* Layout */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
body {
	background-color: #efe8d7;
}
 
#pagewidth {
	width: 905px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	background: #efe8d7 url(images/page-bg.gif) top left repeat-y;
} 

#header{
	float: left;
	height:187px; 
	width:100%;
	background: #efe8d7 url(images/header-bg.gif) top left no-repeat;
} 

div.ribbon { 
	width: 905px; 
	height: 64px;
	position: relative;
	padding-top: 1px;
}
#header .ribbon {
	background: transparent url(images/ribbon-top.gif) top left no-repeat;
}

#wrapper { width: 800px; margin-left: 45px; }
 
#leftcol{
	width:26.25%; 
	float:left; 
	position:relative; 
}
#leftcolinner {
	margin-left: 15px;
	margin-right: 11px;
	width: 184px;
}
#leftmenu {
	width: 198px;
	background: url(images/left-menu-middle.gif) top left repeat-y;
}
#leftmenutop, #leftmenubottom {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 198px;
}
#leftmenutop {
	height: 20px;
	background-image: url(images/left-menu-top.gif);
}
#leftmenubottom {
	height: 25px;
	background-image: url(images/left-menu-bottom.gif);
}
 
#maincol {
	float: right; 
	position: relative; 
	width: 570px; 
	background: #f7f3eb url(images/maincolheader.gif) top left no-repeat;
	min-height: 476px;
	margin: 2px 20px 1em 0;
}
#maincolinner {
	width: 545px;
	margin: 1em;
	min-height: 433px;
}
#maincolfooter {
	background: #f7f3eb url(images/maincolfooter.gif) bottom left no-repeat;
	width: 570px;
	height: 20px;
	display: block;
}
 
#footer{
	height: 103px; 
	background: #efe8d7 url(images/footer-bg.gif) top left no-repeat;
	clear:both;
} 
#footer .ribbon {
	background: transparent url(images/ribbon-bottom.gif) top left no-repeat;
	height: 55px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* End of '2 PM Layout' */

/* Start of CMSMS style sheet '3 PM Styles' */
/* Styles */
html, body, form, fieldset {
	font: 90%/130% Verdana, Arial, Helvetica, sans-serif;
}

#header h1, #header h2, #header h4, #footer h4 {
	text-indent: -1000em;
}
#header h1, #header h2 {
	width: 440px;
	height: 43px;
	display: block;
	margin: 40px 0 0 170px;
}
#header h1 {
	background: transparent url(images/pershore-logo.gif) top left no-repeat;
}
#header h2 {
	height: 23px;
	margin: 0 0 20px 170px;
	background: transparent url(images/pershore-address.gif) top left no-repeat;
}

div.ribbon h4 {
	float: right;
	width: 109px;
	height: 23px;
	margin-top: 5px;
	margin-right: 90px;
	background: url(images/established.gif) top left no-repeat;
}

#wrapper h1 { font-size: 180%; }
#wrapper h2 { font-size: 160%; }
#wrapper h3 { font-size: 140%; }
#wrapper h4 { font-size: 120%; }
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
	font-weight: bold;
}

#wrapper p, #wrapper td, #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 { 
	margin: 0.5em 0;
	color: #215f0d;
}

#wrapper p, #wrapper td, #maincol li {
	line-height: 1.4em;
}


/* Main Column */
#maincol img { float: right; margin: 0 0 1em 1em; }
#maincol ul { margin-left: 0.7em; }

/* Left Column */

#leftmenu a, #maincol a {
	color: #846300;
}
#leftmenu a {
	font-weight: bold;
}

/* Opening Times */

.opening { text-align: center; }
.sign { float: left; }
.sign span { 
	background: top left no-repeat; 
	text-indent: -1000em; 
	display: block;
	width: 67px;
	height: 40px;
	float: right;
	margin-top: -27px;
}
.sign span.open {
	background-image: url(images/sign-open.gif);
}
.sign span.closed {
	background-image: url(images/sign-closed.gif);
}

/* Market Map */
body#market #maincol p { display: none; }

body#market #maincol ul { 
	width: 540px; 
	height: 950px; 
	float: left; 
	background: transparent url(images/plan-view.gif) top left no-repeat;
	margin-top: 0px;
}

body#market #maincol li, body#market #maincol li a {
	width: 20px;
	height: 20px;
}
body#market #maincol li {
	position: absolute;
}
li#shop-1 { top: 870px; left: 400px; }
li#shop-2 { top: 940px; left: 250px; }
li#shop-3 { top: 920px; left: 115px; }
li#shop-4 { top: 830px; left: 115px; }
li#shop-5 { top: 770px; left: 115px; }
li#shop-6 { top: 700px; left: 115px; }
li#shop-7 { top: 650px; left: 115px; }
li#shop-8 { top: 595px; left: 115px; }
li#shop-9 { top: 530px; left: 115px; }
li#shop-10 { top: 440px; left: 120px; }
li#shop-11 { top: 320px; left: 120px; }

li#shop-12 { top: 320px; left: 395px; }
li#shop-13 { top: 450px; left: 395px; }
li#shop-14 { top: 620px; left: 437px; }
li#shop-15 { top: 705px; left: 400px; }

li#shop-16 { top: 840px; left: 265px; }
li#shop-17 { top: 765px; left: 298px; }
li#shop-18 { top: 735px; left: 230px; }
li#shop-19 { top: 655px; left: 295px; }
li#shop-20 { top: 640px; left: 230px; }
li#shop-21 { top: 590px; left: 295px; }
li#shop-22 { top: 480px; left: 300px; }
li#shop-23 { top: 433px; left: 265px; }
li#shop-24 { top: 350px; left: 287px; }
li#shop-25 { top: 320px; left: 225px; }
li#shop-26 { top: 383px; left: 220px; }
li#shop-27 { top: 480px; left: 230px; }
li#shop-28 { top: 575px; left: 230px; }

li#shop-toilets { top: 775px; left: 400px; display: none; }
li#shop-office { top: 620px; left: 100px; display: none; }

body#market li#shop-a { top: 187px; left: 98px; }
body#market li#shop-b { top: 187px; left: 172px; }
body#market li#shop-c { top: 187px; left: 345px; }
body#market li#shop-d { top: 187px; left: 445px; }

body#market li#shop-e,
body#market li#shop-f, 
body#market li#shop-g, 
body#market li#shop-h { display: none; }


/* Shops */

body#shops #maincol ul { 
	width: 540px; 
	height: 493px; 
	float: left; 
	background: transparent url(images/shops-plan-view.gif) top left no-repeat;
	margin-top: 0px;
}
body#shops #maincol li, body#shops #maincol li a {
	width: 20px;
	height: 20px;
}
body#shops #maincol li {
	position: absolute;
}

body#shops li#shop-a { top: 107px; left: 362px; }
body#shops li#shop-b { top: 107px; left: 393px; }
body#shops li#shop-c { top: 107px; left: 465px; }
body#shops li#shop-d { top: 107px; left: 506px; }
body#shops li#shop-e { top: 464px; left: 171px; }
body#shops li#shop-f { top: 160px; left: 267px; }
body#shops li#shop-g { top: 160px; left: 205px; }
body#shops li#shop-h { top: 160px; left: 115px; }



/* Tooltips */
body#market #maincol li a, body#shops #maincol li a {
	border: 1px solid white;
	display: block;
	position: relative; 
	z-index:24; 
	color:#000;
	background-color:#F5CE47;
	text-decoration: none;
}

a.tip:hover {
	border: 1px solid black;
	z-index:25; 
}
a.tip span.index { display: none; }

a.tip span.index { 
	display: block; 
	width: 20px; 
	text-align: center; 
	padding-top: 4px; 
}
body#market li#shop-toilets span.index, body#market li#shop-office span.index {
	display: none;
}
a.tip span.title { display: none; }

a.tip:hover span.title { 
	display: inline;
	position: absolute;
	top: 2em; left: 2em; width: 15em; 
	border:1px solid black;
	background-color:#F5CE47;
	text-decoration: none!important;
	text-indent: 0;
	padding: 2px;
	text-align: center;
	z-index: 1000;
}

/* Item Detail table */

td.label { font-style: italic; text-align: right; padding-right: 3px; }

/* Footer */
#footer div.ribbon h4 {
	float: right;
	width: 430px;
	height: 21px;
	margin-right: 90px;
	margin-top: 10px;
	background-image: url(images/probably-the-best.gif);
}

#footer p {
	color: white;
	margin-left: 60px;
	margin-top: 10px;
	font-size: 90%;
}
#footer a { color: white; }
/* SIFR */

.sIFR-flash {
margin:0pt;
visibility:visible !important;
}
.sIFR-replaced {
visibility:visible !important;
}
span.sIFR-alternate {
display:block;
height:0pt;
left:0pt;
overflow:hidden;
position:absolute;
top:0pt;
width:0pt;
}
.sIFR-flash + div[adblocktab="true"] {
display:none !important;
}
.sIFR-hasFlash #maincol h1 {
font-size:28px;
visibility:hidden;
}

/* End of '3 PM Styles' */

/* Start of CMSMS style sheet '4 PM Navigation' */
#primary-nav {
	margin-left: 90px;
	margin-top: 8px;
}
#primary-nav li {
	float: left;
	position: relative;
}
#primary-nav li a {
	width: 70px;
	height: 28px;
	text-indent: -1000em;
	display: block;
	background: transparent url(images/nav2.gif) no-repeat;
}

li#nav-home a { background-position: 0 0; }
li#nav-market a { background-position: -76px 0%; }
li#nav-shops a { background-position: -147px 0%; }
li#nav-location a { background-position: -219px 0%; width: 90px; }
li#nav-about a { background-position: -309px 0%; }

li#nav-home a:hover { background-position: 0 -28px; }
li#nav-market a:hover { background-position: -76px -28px; }
li#nav-shops a:hover { background-position: -147px -28px; }
li#nav-location a:hover { background-position: -219px -28px; }
li#nav-about a:hover { background-position: -309px -28px; }

li#nav-home a:active { background-position: 0 -56px; }
li#nav-market a:active { background-position: -76px -56px; }
li#nav-shops a:active { background-position: -147x -56px; }
li#nav-location a:active { background-position: -219px -56px; }
li#nav-about a:active { background-position: -309px -56px; }

#leftmenu ul {
	margin-left: 1em;
	width: 170px;
}
#leftmenu li {
	margin: 5px 0;
	width: 156px;
}
#leftmenu a {
	text-decoration: none;
}
/* End of '4 PM Navigation' */