@import url("typography.css");
@import url("block-navigation.css");
@import url("section-navigation.css");
@import url("jumplinks.css");
@import url("static-blocks.css");
@import url("assets.css");
@import url("templates/portal.css");
@import url("templates/gateway.css");
@import url("templates/page.css");
@import url("sections/sections.css");

body {
    margin:0;padding:0;border:0;
    text-align:center;
    color: #333;
    }
.print {
    display: none;
    }
    
.hiddenlabel {
	display: none;
}
  
#subnav { display: none; }
  
img { border: 0; }

a:hover, a:focus { text-decoration: none !important; }

acronym { cursor: help; }

div#container {
  margin:0 auto; padding:0; border:0;
  text-align: left;
  width: 76em;
  }

div#header {
    margin:0;padding:0;border:0;
    height:9.7em;
    width:100%;
    float:left;
    clear:both;
    background: #80caf0 url(http://preview.whitespacers.com/keepwell/images/header.gif) repeat-x scroll top left;
    color: #fff;
	position:relative;
  }

div#header p#logo {
margin:1.7em 0 0 1em;
position:relative;
width:16.5em; height:3.7em;
    }

div#header p#logo a {
display:block;
position:absolute;
top:0;left:0;
width:100%;height:100%;
    }
div#header p#logo a img {
width:16.5em; height:3.7em;
    }
div#header p#healthyliving {
position:absolute;
top:0;
*top:1.2em;
right:9.2em;
width:7.9em; height:8.5em;
    }

div#header p#healthyliving a {
display:block;
position:absolute;
top:0;left:0;
width:100%;height:100%;
    }
   
div#header p#healthyliving a img{
width:7.9em; height:8.5em;
	} 



div#header p#nhs {
position:absolute;
top:0;
*top:1em;
right:0;
width:8.7em; height:8.5em;
    }

div#header p#nhs a {
display:block;
position:absolute;
top:0;left:0;
width:100%;height:100%;
    }
   
div#header p#nhs a img{
width:8.7em; height:8.5em;
	}    
    

div#content {
  margin:0;padding:0;border:0;
  float:left;
  width:100%;
  clear:both;
  background: #fff;
  color: #333;
  }

div#content div#maincontent {
  margin:1.2em 0 0 0;
  padding:0 0 1.2em 0 !important;
  border:0;
  float:right;
  display:inline;
  width:57.5em;
  }
div#content.home div#maincontent {
  width:100%;
}

div#content div#navigation {
    margin:1.2em 0 0 .3em;padding:0;border:0;
    float:left;
    display:inline;
    width:17.8em;
    }

div#copy {
  padding-bottom:0;
  float:left;
  width:39em; 
  background:#deedfa
}

div#copy a, div#copy a:hover{
	text-decoration:underline;
}

div#content.home div#maincontent div#copy {
  height:51.8em;
  position: relative;

}


div#content.home div#maincontent div#furthercopy {
  padding-bottom:0;
  height:51.8em;
    float:right;
    width:36.5em;
    *width:365px;    
    background-color:#deedfa;
    position:relative;
}

div#content.home div#copy ul {
list-style:none;
margin:0 0.8em;padding:0;
}
div#content.home div#copy ul li {
margin:0 0 0.5em 0;
}
div#content.home div#copy ul li a {
padding: 0.5em 0em 0.5em 2em;
color:#00a4e4;
background:url(http://preview.whitespacers.com/keepwell/images/arrow.gif) 0 4px no-repeat;
}

div#copy p, div#furthercopy p, div#copy table {
    margin: 0 1em 1em 1em;
    line-height: 1.3em;
}
    
div#copy div.titleblock p {
	margin-top:0.4em;
	font-size:1.2em;
}


div#copy p a, div#copy ul a, div#copy table a {
  
  font-weight:bold;
  color: #333;
}
div#copy p a:hover, div#copy ul a:hover {
  
}

/*AT additions*/

div#copy img.copyfullwidth {
  width:39em;
  *width:38em;
  margin: 0;
  position: absolute;
  bottom: 0px;
}

	    
div#copy p.date {
    margin: 0 2.1em 0 1.1em;
    font-weight:bold;
    font-size:1.0em;
    }
div#copy div.divblock {
  width:100%;
}
div#copy div.divblock div.panel p {
    padding: 0 0 1.3em 0;
    }

div#copy div.areaheader {
  border-top:8px solid #fff;
}


div#copyheader h3, div#copyheader h1  {
    margin: 0 0 0 0;
    line-height: 1em;
    background:#a6d4f2;
    border-bottom:3px solid white;
    font-size:1.3em;
    padding: 0.3em 0 0.3em 0.8em;
    
    }

div#copy h1, div#furthercopy h1 {
margin: 0.5em 1em 0em 0.6em;
padding:0;
line-height:1.3em;
}

div#copy h2,
div#copy h3,
div#copy h4
    {
    margin: 0.5em 1em 0.1em 0.9em;
    padding:0;
    line-height:1.3em;
    }

div#copy form p label {
 float:left;
 width:70px;
margin-right:1em;
}

div.storypanel {
border-top:5px solid white;
padding-left:0;
width:100%;
background:#efe4e2;
float:left;
}
div#copy div.storypanel img {
float:left;
margin:0.5em;padding:0;
}
div#copy div.storypanel p {
  margin:0 1em 0.5em 0;
}
div#copy div.storypanel p.storyquote {
  margin-top:0.5em;
margin-bottom:0;
  font-weight:bold;
color:#c87b74;
line-height:1.3em;
}
div#copy div.storypanel p img {
  margin:0 1em 0 0;
  float:left;
}
div#copy div.storypanel p a {
color:#c87b74;
font-weight:bold;
text-decoration:none;
padding-left:2em;
padding-bottom:0.2em;
background:url(http://preview.whitespacers.com/keepwell/images/storyimages/storymore.gif) top left no-repeat;
}
div#copy div.linkpanel {
  border-top:5px solid white;
  padding-left:0;
  width:100%;
  height:138px;
  overflow:hidden;
  float:left;
background:#c5e6b3;
}
div#copy div.linkpanel h2 {
background:transparent;
border:0;
color:#00613a;
margin:0.8em 0 0 0.8em;
font-size:1.1em;
width:50%;
voice-family: "\"}\""; 
voice-family:inherit;
width:auto;
line-height:1.4em;
}
div#copy div.linkpanel img {
float:left;
margin:0 1em 0 0;padding:0;
}
div#copy div.linkpanel img.arrow{
margin:0 0.5em 0 0;padding:0;
}

div#copy div.linkpanel p {
  margin:0 0 0.5em 0.4em;
color:#00613a;
line-height:1.2em;
}
div#copy div.linkpanel p a {
color:#00613a;
font-weight:bold;
text-decoration:none;
padding-left:2em;
padding-bottom:0.4em;
background:url(http://preview.whitespacers.com/keepwell/images/linkimages/link-arrow.gif) top left no-repeat;
}
div#copy div.guidepanel {
  border-top:5px solid white;
  padding-left:0;padding-bottom:0.4em;
  width:100%;
  float:left;
background:#cdd7d5;
}
div#copy div.guidepanel h2 {
background:transparent;
border:0;
color:#274443;
margin:0.8em 0 0 0.8em;
font-size:1.1em;
width:70%;
voice-family: "\"}\""; 
voice-family:inherit;
width:auto;
}
div#copy div.guidepanel img {
float:left;
margin:0 1em 0 0;padding:0;
}

div#copy div.guidepanel p {
  margin:0.5em 0.8em;
color:#274443;
line-height:1.2em;
}
div#copy div.guidepanel p a {
color:#274443;
font-weight:bold;
text-decoration:none;
}
div#copy a.mainlink {
color:#00a4e4;
text-decoration:none;
}
div#copy a.mainlink img {
float:left;margin-left:0;
}
div#maincontent div.tayside {
background:#e9f7f7 !important;
}
div#maincontent div.lothian {
background:#fcf5ed !important;
}
div#maincontent div.lanarkshire {
background:#fbfcec !important;
}
div#maincontent div.glasgow {
background:#faeef2 !important;
}
div#maincontent div.ayrshire {
background:#f0f1f3 !important;
}
div#maincontent div.grampian {
background:#f5f2f9 !important;
}
div#maincontent div.fife {
background:#fcf9fa !important;
}
div#secondarynavigation ul {
list-style:none;
margin:3px 0 0 10px;padding:0;
}
div#secondarynavigation ul li {
display:inline;
/*float:left;*/
margin:0;
padding:0 4px 0 0;
*padding:0 4px 0 4px;
border-right:1px solid #fff;
font-size:0.9em;
}
div#secondarynavigation ul li.last {
  border:0;
}
div#secondarynavigation ul li a {
text-decoration:none;
color:#fff;
}
div#secondarynavigation ul li a:hover, div#secondarynavigation ul li a.active {
color:#a6d4f2;
text-decoration:underline;
}

/* =footer */ 

	div#footer {
	    margin:0 0 1em 0;
	    border:0;
	    width:100%;
	    height:10em;
	    clear:both;
	    padding:0 0 1.0em 0;
		position:relative;
		background: url(http://preview.whitespacers.com/keepwell/images/footer-home.gif) no-repeat;
	    }
	    
	div#footer img.stripe {
		width:75.9em; height:6.8em;
	}
	    
	div#footer img#healthierscotland {
	  position:absolute;
	  bottom:0;right:0;
	  width:10.2em;
	  height:3.9em;
	}
	
	div#footer ul {
	    list-style: none inside !important;
	    margin: 0;padding:0;
	    display: inline;
	    position:absolute;
	    bottom:0;left:0;
	    }
	
	div#footer ul li {
		list-style: none inside !important;
		float: left; display: block;
		margin: 0 1em 0 0;
		padding-right:1em;
		border-right:1px solid #00a4e4;
	}
	    
	div#footer ul li.last {
	border-right:0;
	}
	
	div#container div#footer ul li a {
		color:#00a4e4;
	}
	
	div#container div#footer ul li a:hover {
	  text-decoration:underline;
	}

/* =related */

	div#container div#content div#maincontent div#related div.divblock {
		margin: 0 0 0.5em 0; padding:0; border:0;
		float: right; width: 100%; position: relative;
	}

	div#container div#content div#maincontent div#related div.divblock h3 {
		line-height: 1.2em; font-size: 1em; margin: 0; padding: 0; 
		font-family: verdana,sans-serif; display: block;

	}

	div#container div#content div#maincontent div#related div.divblock a {
		font-weight: bold; color: #1192DD; display: block;
		padding: 0.2em 0em 0em 2.3em; margin: 0.5em 0.5em 0 0.7em;
		background-position: 0.3em 0.5em; background-repeat: no-repeat;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/standard-arrow.gif);
		height: auto !Important; height: 1.9em; min-height: 1.9em;
	}
	
	div#container div#content div#maincontent div#related div.divblock p {
		line-height: 1.2em; padding: 0.7em 1em 1.5em 0.7em; margin: 0;
	}
	
	div#container div#content div#maincontent div#related div.secondary { background-color: #cce4b4; }
	div#container div#content div#maincontent div#related div.secondary h3 a { 
		color: #333333;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/secondary-arrow.gif);
	}
		
	div#container div#content div#maincontent div#related div.tertiary { background-color: #a0c5b6; }
	div#container div#content div#maincontent div#related div.tertiary h3 a { 
		color: #333333;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/tertiary-arrow.gif);
	}
	
	div#container div#content div#maincontent div#related div.quartenary { background-color: #dbcbac; }
	div#container div#content div#maincontent div#related div.quartenary h3 a { 
		color: #333333;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/quartenary-arrow.gif);
	}



div#furthercopy ul#homeareas {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0pt;
}


div.divblock form {
    margin: 1.3em;
    clear: both;
    }

div.divblock label {
    clear: both;
    width: 100%;
    margin-top: .5em;
    }

div.divblock input.setwidth, div.divblock select.setwidth {
    clear: both;
    width: 97%;
    margin-top: .5em;
    display: block;
    }

div.divblock input#submit {
    margin: 1.0em 0;
    }

div.divblock form#newsform {
    width: 35.0em;
    }

div.divblock form#newsform label.check {
    float: none;
    clear: both;
    margin-top: .5em;
    }


/* Where */
div#copy.where {
background:#d0d7ea;
}
div#copy.where h1 {
margin:0.8em 0 0 0.8em;
}
div#copy.where h2 {
border:0;
background:none;
margin:1em 0 0 0.8em 
}
div#copy.where div.practiceaddress h2 {
padding-top:0.8em;
margin-top:0.8em;
background:url(http://preview.whitespacers.com/keepwell/images/whereimages/practice-border.gif) top left repeat-x;
font-size:1.1em;
}

ul#map {
  padding:0;margin:0;
  list-style:none;
width:390px;
height:360px;
background:url(http://preview.whitespacers.com/keepwell/images/map/map.gif) top left no-repeat;
position:relative;
}
ul#map li {
position:absolute;
}
ul#map li#grampian a,ul#map li#lothian a, ul#map li#fife a, ul#map li#tayside a, ul#map li#glasgow a, ul#map li#lanarkshire a, ul#map li#ayrshire a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
 text-indent:-200px;
}
ul#map li#grampian {
  width:68px;
  height:60px;
  top:118px;
  left:202px;
}
ul#map li#grampian a {
  width:68px;
  height:60px;
}
ul#map li#grampian a:hover {
  width:126px;
  height:60px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/grampian.gif) 100% 50% no-repeat;
  overflow:auto;
}
ul#map li#lothian {
  width:57px;
  height:17px;
  top:221px;
  left:204px;
}
ul#map li#lothian a {
  width:57px;
  height:17px;
}
ul#map li#lothian a:hover {
  width:95px;
  height:33px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/lothian.gif) top right no-repeat;
  overflow:auto;
}
ul#map li#fife {
  width:43px;
  height:25px;
  top:198px;
  left:205px;
}
ul#map li#fife a {
  width:43px;
  height:25px;
}
ul#map li#fife a:hover {
  width:63px;
  height:33px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/fife.gif) top right no-repeat;
  overflow:auto;
}
ul#map li#tayside {
  width:73px;
  height:50px;
  top:165px;
  left:176px;
}
ul#map li#tayside a {
  width:73px;
  height:50px;
}
ul#map li#tayside a:hover {
  width:121px;
  height:50px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/tayside.gif) 100% 30% no-repeat;
  overflow:auto;
}
ul#map li#glasgow {
  width:26px;
  height:23px;
  top:218px;
  left:165px;
}
ul#map li#glasgow a {
  width:26px;
  height:23px;
}
ul#map li#glasgow a:hover {
  width:153px;
  height:23px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/glasgow.gif) top right no-repeat;
  overflow:auto;
}
ul#map li#lanarkshire {
  width:25px;
  height:46px;
  top:223px;
  left:190px;
}
ul#map li#lanarkshire a {
  width:25px;
  height:46px;
}
ul#map li#lanarkshire a:hover {
  width:95px;
  height:54px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/lanarkshire.gif) 100% 50% no-repeat;
  overflow:auto;
}
ul#map li#ayrshire {
  width:44px;
  height:53px;
  top:234px;
  left:147px;
}
ul#map li#ayrshire a {
  width:44px;
  height:53px;
}
ul#map li#ayrshire a:hover {
  width:130px;
  height:57px;
  background:url(http://preview.whitespacers.com/keepwell/images/map/ayrshire.gif) 100% 50% no-repeat;
  overflow:auto;
}

ul#smallmap {
padding:0;margin:0;
list-style:none;
width:180px;
height:154px;
position:relative;
background:url(http://preview.whitespacers.com/keepwell/images/map/small-map.gif) top left no-repeat;
}
* html ul#smallmap { width:179px; }
ul#smallmap li {
position:absolute;
}
ul#smallmap li#grampian a,ul#smallmap li#lothian a, ul#smallmap li#fife a, ul#smallmap li#tayside a, ul#smallmap li#glasgow a, ul#smallmap li#lanarkshire a, ul#smallmap li#ayrshire a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
 text-indent:-200px;
}
ul#smallmap li#grampian {
  width:29px;
  height:28px;
  top:57px;
  left:102px;
}
ul#smallmap li#grampian a {
  width:29px;
  height:28px;
}

ul#smallmap li#lothian {
  width:22px;
  height:7px;
  top:107px;
  left:99px;
}
ul#smallmap li#lothian a {
  width:22px;
  height:7px;
}
ul#smallmap li#fife {
  width:20px;
  height:11px;
  top:96px;
  left:98px;
}
ul#smallmap li#fife a {
  width:20px;
  height:11px;
}
ul#smallmap li#fife a:hover {
  width:20px;
  height:11px;
}
ul#smallmap li#tayside {
  width:35px;
  height:22px;
  top:79px;
  left:85px;
}
ul#smallmap li#tayside a {
  width:35px;
  height:22px;
}
ul#smallmap li#tayside a:hover {
  width:35px;
  height:22px;
}
ul#smallmap li#glasgow {
  width:12px;
  height:10px;
  top:105px;
  left:80px;
}
ul#smallmap li#glasgow a {
  width:12px;
  height:10px;
}
ul#smallmap li#glasgow a:hover {
  width:12px;
  height:10px;
}
ul#smallmap li#lanarkshire {
  width:14px;
  height:22px;
  top:108px;
  left:91px;
}
ul#smallmap li#lanarkshire a {
  width:14px;
  height:22px;
}
ul#smallmap li#lanarkshire a:hover {
  width:14px;
  height:22px;
}
ul#smallmap li#ayrshire {
  width:21px;
  height:23px;
  top:113px;
  left:72px;
}

ul#smallmap li#ayrshire a {
  width:21px;
  height:23px;
}
ul#smallmap li#ayrshire a:hover {
  width:21px;
  height:23px;
}
div#related ul#smallmap {
  float:left;
  margin:0px 0 0 0; 
  border-right:5px solid white;
  width:18em;  
}

* html div#related ul#smallmap { width:18.2em; }

ul#smallmap li a { background: transparent !important; }

div#stories{
	clear:both;
	background-color:#fff !important;
	height:28.5em;
	margin-top:-10px;
	border-top:5px solid #fff;
	
}
div#stories div{
	width:18em;
	height:100%;
	position:relative;
}
div#story-one {
	 background:#b0da8e;
	 float:left;
}

div#story-two {
	background:#95c9ae;
	float:right; 
}

div#story-one img ,div#story-two img{
	width:18em;
	height:14em;
}


div#stories div p.quote{
	margin-top:1.5em;
	color:#333;
	font-family:arial,sans-serif;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
}
div#stories div h2{
	position:absolute;
	bottom:1em;
	left:0.9em;
}
div#stories div h2 a{
	color:#fff;
	font-size:0.9em;
}
div#stories div h2 a img{
float:left;
margin:0 0.2em 0.5em 0;
vertical-align:middle;
width:1.6em;
height:1.6em;
}

/*sitemap*/

body#sitemap h2 a { color: black; text-decoration: underline !important; }

div#copy ul.sitemap {
    list-style:none !important;
    margin:.6em 0 0.5em 2.6em !important;
    padding:0 !important;
    }

div#copy ul.sitemap li {
    margin:0 !important;
    padding:0 0 0 1.3em !important;
    }
div#copy ul.sitemap li a{
	font-weight:bold;
	text-decoration:underline !important;
}

div#copy ul.sitemap ul {
    list-style:disc !important;
    margin:.5em 0 1.0em 0 !important;
    padding:0 0 0 2.0em !important;
    }

div#copy ul.sitemap ul li {
    margin:0 0 .3em 0 !important;
    padding:0 0 0 1.3em !important;
    }
div#copy ul.sitemap li ul li a{
	font-weight:normal;
}
    
div.storypanel {
	height:auto !important; 
	height:14.8em;
	min-height:14.8em;
	overflow:hidden;
}

/* =cms structure */

	div#content div#maincontent { position: relative; }
	div#content div#maincontent div#copyheader { width: 39em; }
	div#content div#maincontent div#copy { padding-top: 0.3em; padding-bottom: 1.5em; height: auto !important; height: 30em; min-height: 30em; }
	div#content div#maincontent div#related { position: absolute; top: 0; right: 0; margin:0; padding:0; border:0; width:18em; }
	
/* =quotes */
	
	div#copy div.quote p { color:#00a4e4; margin-bottom: 0.2em; }
	div#copy div.quote p em { font-weight: bold; font-style: normal; }