﻿body
{
	clear: both;
	width: 965px;
	height: 100%;
	margin: auto;
	text-align: justify;
	background-color:#535353;
	font-family: Tahoma, Sans-Serif;
	text-align:left;
}

div.mainContent
{
	background-color:#F3F3F3;
	padding: 15px 10px 15px 10px;
	min-height:500px;
}

div.fixedOnIndex
{
	position:fixed;
	top:90px;
}

.border1
{
	border-style:outset;
	border-width:1px;
	border-color:#222;
}

.IE8Fix
{
	z-index:100;
}

iframe{	overflow: auto;}
/****** Site defaults ****************************/
.fr{float: right;}
.fl{float: left;}
.cb{clear: both;}
.cl{clear: left;}
.cr{clear: right;}
a{text-decoration: none;color: #657893;}
a:hover{text-decoration: underline;color: #43516C;}

form{margin:0px 0px 0px 0px;}
form.searchForm{position:relative; height:0px;}

.paddingr5p{padding-right:5%;}
.paddingrl9px{padding-right:7px;padding-left:7px;}
.paddingl9px{padding-left:7px;}
.paddingt3px{padding-top:3px;}

.margint1px{margin-top:10px}

.w33p { width:33%;}
.w50p { width:50%;}
.w66p { width:66%;}	
.w100p { width:100%;}
.w10px { width:100px;}
.w30px { width:300px;}
.w40px { width:400px;}
.w51px { width:51px;}

.h1px{height:10px;}
.h80p{height:80%;}
.h100p{height:100%;}
.h23px{height:230px;}
.h24px{height:240px;}
.h25px{height:250px;}
.h30px{height:300px;}
.h40px{height:400px;}
.h17px{height:170px;}
.h46px{height:460px;}
.h56px{height:560px;}
.h65px{height:650px;}
.h70px{height:700px;}
.h80px{height:800px;}
.margina{margin:auto;}
.pl2em{padding-left:2em;}
.aligncenter{ text-align:center;}
.alignright{text-align:right;}
.alignjustify{text-align: justify;}

div.w33p p{	padding-bottom:0.9em;}

.red, div.loginStatus a.red, a:hover.red  {color:#f00;}
.bold {font-weight:bold;}
.green {color:#0d0;}
.darkgreen {color:#080;}

.smallerfont{font-size:smaller;}
.smallfont{font-size:small;}
.smallestfont{font-size:x-small;}
.mediumfont{font-size:medium;}
.fs08{font-size:0.8em;}

.centertext{text-align:center;}

.scrolly{overflow-y:auto;overflow-x:hidden;}

.hpdivider{height:30px;}

.posrel{position:relative;}

.lineh31px{line-height:31px;}


/**********************************/
div.businesslist li
{
	list-style-image:url('images/highstlogogoogle16.png');
	list-style-type: none;
	padding-left:5px;
	margin-left:5px;
}

.hpTownNavImage{background-image:url('images/taedinburgh.jpeg');}

.townNav ol 
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	/*position:absolute;
	top:0px;
	right:0px;*/
}
.townNav li
{
	height:30px;
	width:100px;
	background-repeat:no-repeat;
	text-align:right;
	list-style-type: none;
	list-style-image: none;
}
li.tabrown {background-image:url('images/tarrow_brown.png');}
li.tawhite {background-image:url('images/tarrow_white.png');}
li.tablue {background-image:url('images/tarrow_blue.png');}
li.tagreen {background-image:url('images/tarrow_green.png');}

li.tabrown a, li.tagreen a, li.tablue a
{
	font-weight:bold;
	padding-right:4px;
	line-height:30px;
	font-size:smaller;
	color:#fff;
}

li.tawhite a 
{
	font-weight:bold;
	padding-right:4px;
	line-height:30px;
	font-size:smaller;
	color:#000;
}
li.tawhite a:hover, li.tabrown a:hover, li.tagreen a:hover, li.tablue a:hover
{
	text-decoration:none;
}

/**********************************/
div.google_map_home_page
{
	width:640px;
	height:480px;
}

div.google_map_town_page
{
	width:280px;
	height:280px;
}
/**********************************/

div.menu
{
	position: absolute;
	top: 80px;
	height: 16px;
	right:10px;
	z-index:999;
}

.menuItem
{
	color: #fff;
	height: 16px;
	background-image: url('images/hMenuBackground.gif');
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	background-repeat: repeat-x;
}
.menuItemSelected, .menuItemHover, .menuItemSelected a:hover, .menuItemHover a:hover
{
	background-image: url('images/hMenuBackgroundActive.gif');
	color: #fff;
	height: 16px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	text-decoration: none;
	background-repeat: repeat-x;
}

.menuItemNb, .menuItemNb a:hover
{
	color: #000;
	height:16px;
	padding-left: 3px;
	padding-right:3px;
	padding-bottom:0px;
	font-size:14px;
	margin: 0px 3px 0px 3px;
	vertical-align:bottom;
	/*background-color:Transparent;*/
  /* for IE */
 /* filter:alpha(opacity=60);*/
  /* CSS3 standard */
  /*opacity:0.6;*/
}

.menuItemSelectedNb, .menuItemHoverNb, .menuItemSelected a:hover
{
	color: #222;
	height:16px;
	padding-left: 3px;
	padding-right:3px;
	padding-bottom:0px;
	font-size:14px;
	margin: 0px 3px 0px 3px;
	vertical-align:bottom;
	
/*	background-color:Transparent;*/
  /* for IE */
/*  filter:alpha(opacity=60);*/
  /* CSS3 standard */
  /*opacity:0.6;*/
}

div.tiContent a
{
	font-size: 0.8em;
}

div.header
{
	position: relative;
	background-image: url('images/hBackground.png');
	height: 96px;
	width: 100%;
	color: #FFFFFF;
	top: 0px;
	left: 0px;
}

div.hTowns 
{
	left: 0px;
	top: 0px;
	width: 965px;
	height: 32px;
	background-image:url('images/hTowns.png');
}

img.hLogo 
{
	position:absolute;
	left: 10px; top: 0px;
	height:96px;
	width:147px;
	/*background-image:url('images/highstlogo.png');*/
	border-style:none;
	border-width:0px;
}

div.loginStatus
{
	position:absolute;
	right:15px;
	top:5px;
	color: #333;
}
div.loginStatus a, div.loginStatus a:hover
{
	color:#666;
}

div.footer
{
	position: relative;
	bottom: 0px;
	z-index: 100;
	background-image:url('images/fBackground.png');
	width: 965px;
	height: 32px;
	background-color:#F3F3F3;
	font-family:Tahoma, Sans-Serif;
}

div.footer ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 3em 0px 0px;
	text-decoration: none;
	display: inline;
	float: left;
}
div.footer li
{
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 1em;
}
div.footer a 
{
	font-size: 0.8em;
	color: #0000ee;
}
div.footer li a
{
	font-size: 0.8em;
	color: #0000ee;
	padding-right:0.5em;
	/*border-right-color: #00e;
	border-right-style: solid;
	border-right-width: thin;*/
}

.reset_input_defaults
{
	color: #000000;
	font-size: 1em;
	padding-top: 0px;
	text-indent: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-transform: none;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	vertical-align: middle;
}

.searchbutton
{
	position: absolute;
	top: 35px;
	left: 807px;
	background-image: url('images/search.png');
	width: 24px;
	height: 24px;
	z-index: 100;
	background-repeat: no-repeat;
}
.searchfield
{
	background-image: url('images/search_field.png');
	position: absolute;
	left: 663px;
	top: 35px;
	width: 144px;
	height: 24px;
	text-align: left;
	vertical-align: middle;
	z-index: 100;
	background-repeat: no-repeat;
}

.searchoptions
{
	position: absolute;
	left: 663px;
	top: 61px;
	z-index:100;
	font-size:0.6em;
}

div.login
{
	height: auto;
	margin:auto;
	clear:both;
}

div.login .login_button
{
	margin-left: 2em;
}

div.content
{
	float: left;
}

div.loginPanel a
{
	font-size:0.7em;
}

.largeboldtext
{
	font-size: larger;
	font-weight: 700;
}

/*//////////////////////////////////////////////////////////////////////////////*/
.results
{
	font-size: 1.2em;
	color: #4444c4;
	/*padding-bottom: 3.0em;*/
}

.searchresult
{
	/*padding-bottom: 1.5em;
	margin-left: 2em;*/
}
.searchimg
{
	background-image: url('images/shop.gif');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.searchdescription
{
	padding-left: 2.5em;
}

.indent
{
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}




/************************ Street view style ***********************************************/
.svBorder
{
	border-style:groove;
	border-width: thin;
	border-color: #f30503;
}

.svNoBorder
{
	border:none 0px #000;
}

div.svStreet
{
	background-color: #e1e1e1;
}

div.svStreetCross
{
	background-color: #c1c1c1;
	text-align: center;
	font-size:14px;
}

.svLeft
{
	text-align: right;
	float: left;
	background-position:right;
}

.svRight
{
	text-align: left;
	float: right;
	background-position:left;
}

.svRighti
{
	text-align: left;
	float: left;
	background-position:left;
	padding-left:17px;
}
.svLefti
{
	text-align: right;
	float: right;
	background-position:right;
	padding-right:17px;
}

p.svStreetName
{
	color: #7f0000;
	font-family: Tahoma;
	font-size: 25px;
	height: 26px;
	text-align: left;
	left:5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
}
.svShopF
{
	width: 315px;
	background-color:#E1E1E1;
}

.svShopFSearched
{
	vertical-align: middle;
	width: 260px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
	height:23px;
	bottom:2px;
	top:-15px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-repeat:no-repeat;
	background-color:#fcc;
}
.svShop
{
	/*border:none 0px #000;*/
	vertical-align: middle;
	width: 260px;
	font-family: Tahoma;
	font-size: 14px;
	height:23px;
	bottom:2px;
	top:-15px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-repeat:no-repeat;
	background-color:#E1E1E1;
}

a.svRighti, a.svLefti
{
	color: #000;
}

a.svRighti:hover, a.svLefti:hover
{
	text-decoration:none;
	height:20px;
	width:260px;
}

.svTooltip
{
	width: auto;
	/*height:290;*/
}

.svttImg
{
	background-image: url(images/tooltip.png);
	width: 52px;
	height: 52px;
	float: left;
	background-repeat: no-repeat;
}

.svttInfo
{
	float: left;
	padding-left: 1em;
	width: auto; /*height:52px;*/
	min-width:140px;
}

.svttPhoto
{
	width: 320px;
	height: 200px;
}

.svttPhoto img
{
	width: 100%;
	height: 100%;
}

img.smallicon
{
	height:16px;
	width:16px;
	float:left;
}

.imgcat1{ background-image:url(images/categories/cat1s.png); }
.imgcat2{ background-image:url(images/categories/cat2s.png); }
.imgcat3{ background-image:url(images/categories/cat3s.png); }
.imgcat4{ background-image:url(images/categories/cat4s.png); }
.imgcat5{ background-image:url(images/categories/cat5s.png); }
.imgcat6{ background-image:url(images/categories/cat6s.png); }
.imgcat7{ background-image:url(images/categories/cat7s.png); }
.imgcat8{ background-image:url(images/categories/cat8s.png); }
.imgcat9{ background-image:url(images/categories/cat9s.png); }
.imgcat10{ background-image:url(images/categories/cat10s.png); }

/***** Adverts *****************************************************/
div.google_info_back
{
	background-image:url('images/highstlogosmaller.png');
	background-repeat:no-repeat;
	background-position: right bottom;
	width:217px;
	height:58px;
}

div.tiContent
{
	height: auto;
	width: 720px;
	float: left;
}

div.tpContent
{
	height: auto;
	width: 720px;
	float: left;
	margin-left: 10px;
}
div.tpAdverts
{
	float: right;
	width: 120px;
	margin-right:18px;
}

div.tpAdverts img
{
	margin-top: 20px;
	width: 120px;
	height: auto;
}

div.dynamic_ads
{
	/*position:fixed; 	bottom:20px;*/
	width: 120px;
}

.h12{height: 120px;}
.h24{height: 240px;}
.h20px{height: 240px;}
.h30{height: 300px;}
.h36{height: 360px;}
.h48{height: 480px;}
.h60{height: 600px;}

div.google_ad{width: 120px;}

blockquote p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.smalltext
{
	font-size: 0.8em;
}

div.question
{
	margin-top: 1.5em;
	font-weight: bold;
	color: #657893;
}

.UpperTabsInner 
{
	font-size: 14px;
}

.UpperTabsInner p
{
	margin-top:0.5em;
	margin-bottom:0.5em;
}

div.UpperTabs 
{
	height:300px;
	width:720px;
}

div.UpperTabsInner
{
	padding-top:8px;
	padding-left:3px;
	overflow-y:auto;
	overflow-x:hidden;
	width:704px;
	height:286px;
}

div.StreetViewTabs
{
	width:724px;
	height:600px;
	padding-top:1em;
}

div.StreetTabBackground
{
	background-image:url('images/stMiddle.png');
	width:720px;
}
div.StreetTabBottom
{
	width:720px;
	height:19px;
	background-image:url('images/stBottom.png');
}
div.StreetTabTop
{
	width:720px;
	height:19px;
	background-image:url('images/stTop.png');
	margin-top:-3px;
	position:relative;
}
div.StreetTabInner
{
	padding-top:0px;
	padding-left:3px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:704px;
	height:550px;
}

div.CommunityTabInner
{
	padding-top:0px;
	padding-left:3px;
	overflow-y:hidden;
	overflow-x:hidden;
	width:704px;
	height:550px;
}

div.UpperTabBackground
{
	background-image:url('images/UpperTabBackground.png');
	background-repeat:no-repeat;
}

div.hTownName
{
	color: #cc0000;
	font-family: Tahoma;
	font-size: 28px;
	font-weight: 700;
	height: 34px;
	text-align: left;
	position:relative;
	left:222px;
	top:15px;
	width:400px;
	text-transform:capitalize;
}
div.hTownName h1
{
	font-size:1em;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
}

div.tabShopInfo{
	color: #7f0000;
	left: 14px;
	top:8px;
	position: absolute;
	width:152px;
	font-size:12px;
	text-align:left;
}

.tsiShopName
{
	font-size:14px;
}

.tsiPaddedTop
{
	position:relative;
	padding-top:5px;
}

.tsiLink a, .tsiLink a:hover
{
	color: #7f0000;
}

img.TabShopImg
{
	border: none 0px #000;
	height: 180px;
	left: 174px;
	position: absolute;
	top: 8px;
	visibility: visible;
	width: 240px;
}

div.CIBPreview
{
	background-color:#F3F3F3;
	border: solid 1px #000;
	font-family: Tahoma;
	font-size: 12px;
	width: 400px;
	height: 88px;
}

div.CIB
{
	background-color:#F3F3F3;
	border: solid 1px #000;
	font-family: Tahoma;
	font-size: 12px;
	height: 88px;
	left: 14px;
	position: absolute;
	top: 202px;
	width: 400px;
}

table.subscribe input
{
	width:300px;
}

a.tipano360
{
	background-image:url('images/ico360.png');
	background-position:left;
	background-repeat:no-repeat;
	height:16px;
	padding-left:36px;
}

a.tiwww
{
	background-image:url('images/icoWWW.png');
	background-position:left;
	background-repeat:no-repeat;
	height:16px;
	padding-left:36px;
}

a.tibrochure
{
	background-image:url('images/icoBrochure.png');
	background-position:left;
	background-repeat:no-repeat;
	height:16px;
	padding-left:36px;
}


@media speech
{
	h1, h2, h3
	{
	}
	acronym
	{
		speak: normal;
	}
	abbr.initialism
	{
		speak: spell-out;
	}
	abbr.truncation
	{
		speak: normal;
	}
	.hide
	{
		speak: none;
	}
	p.copyright
	{
	}
	dt
	{
	}
	pre
	{
	}
}
