
/* Navigation */
@import url("block-navigation.css");
@import url("section-navigation.css");
@import url("additional-navigation.css");
@import url("popup.css");
@import url("infoscotland-alcohol.css");
@import url("gateway-navigation.css");

body {
margin:0;padding:0;border:0;
font-family:Verdana, sans-serif;
font-size:62.5%;
background:#e8f0b5;
color:#000;
text-align:center;
}
a img {border:0;}
div#jumplinks {
  float:left;
  top: -30px;
  left: 0px;
  height:0;
}
div#jumplinks ul {
  list-style: none;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 20;
}
div#jumplinks ul li a {
position:absolute;
  top: -60px;
  left: 0px;
  z-index: 20;
}
div#jumplinks ul li a:active, div#jumplinks ul li a:focus {
  top: 0;
  left: 0;
  background-color: #000 !important;
  width: auto;
  height:30px;
  color: #fff;
  font-size: 1.3em;
  border: 5px solid #000;
  border-bottom: 8px solid #000;
  z-index: 20;
  text-align: left;
  white-space: nowrap;
  margin: 0px !important;
}
a.skiplinks {display:inline;visibility:hidden;font-size:1px;}
div#container {
  margin:0 auto;padding:0;border:0;
  text-align:left;
  width:760px;
}
div#header {
  margin:0;padding:0;border:0;
  width:760px;
  float:left;
  clear:both;
  background:white bottom left no-repeat;
}
div#innerheader {
  margin:0;padding:0 0 0 0;border:0;
  width:750px;
  float:right;
  clear:both;
  background:white bottom right no-repeat;
}
div#content {
  margin:0;padding:0;border:0;
  float:left;
  width:100%;
  clear:both;
}
div#content div#maincontent {
  margin:12px 0 0 0;padding:0;border:0;
  float:right;
  display:inline;
  width:546px;
}
div#content div#navigation {
  margin:12px 0 0 0;padding:0;border:0;
  float:left;
  display:inline;
  width:197px;
}
div#content div#maincontent div#copy {
  margin:0;padding:0 0 10px 0;border:0;
  float:left;
  width:411px;
}
div#content.gateway div#maincontent {
  float:left;
  width:270px;
}
div#content.gateway div#navigation {
  float:right;
  width:450px;
}
div#content.gateway div#maincontent div#copy {
  width:270px;
}
div#content.interactive div#maincontent {
  width:100%;
}
div#content.interactive div#maincontent div#copy {
  width:100%;
}
div#content.interactive div#maincontent div#copy div#questions {
text-align:center;
}
div#content.interactive div#maincontent div#copy div#questions img {
border:1px solid white;
}
div#content.interactive div#maincontent div#copy div#questions.question-active img {
  border:1px solid red;
}
div#content.interactive div#maincontent div#copy div#answers {
width:90%;
}
div#content.subgateway div#maincontent div#copy{
  width:100%;
}

div#content div#maincontent div#related {
  margin:4.8em 0 0 0;padding:0;border:0;
  float:right;
  width:120px;
}
div#footer {
  margin:0;
  border:0;
  width:100%;
  clear:both;
  padding:10px 0 10px 0;
}

div.clear {
  clear:both;
}

/* Related */
div#related div.relatedpanel {
  margin:0 0 12px 0;padding:0;border:0;
  width:100%;
}
div#related div.relatedpanel div {
 margin:-2px 0;padding:0 0 3px 0;

}
div#related div.relatedpanel div p {
  margin:0 8px 0 8px;padding:0;border:0;
color:white;
font-size:1.1em;
}
div#related div.relatedpanel div p a {
color:white;

}


/* Copy Styles */
div#content.gateway h1 {
  margin:24px 0 4px 0;padding:0;
  position:relative;
  width:100%;
  height:44px;
  color:#9cb20f;
  font-size:4em;
  font-family:Trebuchet MS, sans-serif;
}
div#content.gateway h1 span {
  position:absolute;
  top:0;left:0;
  width:100%;
  height:56px;
  background:top left no-repeat;
}
div#copy h1 {
  margin:0 0 0.8em 0;
  font-family:Trebuchet MS, sans-serif;
  font-size:2.4em;
  color:#9cb20f;
}
div#copy h2 {
  margin-bottom:0;
  font-family:verdana, sans-serif;
  font-size:1.1em;
  font-weight:bold;
  color:#5A5A5A;
}
div#copy h3 {
  margin-bottom:0;
  font-family:verdana, sans-serif;
  font-size:1em;
  font-weight:bold;
  color:#5A5A5A;
}
div#copy p {
  margin:0 0 1.2em 0;
  color:#5A5A5A;
  font-size:1.1em;
  line-height:1.2em;
}
div#copy table {
  margin:0 0 1.2em 0;padding:0;border:0;
}
div#copy table tr {
  margin:0;padding:0;border:0;
}
div#copy table tr td {
  margin:0;padding:0 1em 0 0;border:0;
  color:#5A5A5A;
  font-size:1.1em;
  line-height:1.2em;
  text-indent:0;
  text-align:left;
  vertical-align:top;
}
div#copy div.focus {
  margin:0;padding:0;border:0;
}
div#copy div.focus p {
  font-size:1.3em;
  font-weight:bold;
}
div#copy div.focus quote {
  margin-bottom:2em;
  font-size:1.1em;
  display:block;
}
div#content.gateway div#copy p {
  margin-left:3px;
  font-weight:bold;
  font-size:1.6em;
  font-family:Trebuchet MS, sans-serif;
  line-height:1.1em;
}
div#copy ul {
  list-style: none;
  text-align: left;
  padding:0;border:0;
  margin:5px 0 8px 12px;
}
div#copy ul li {
  background: transparent url(/alcohol/images/li-bullet.gif) 0px 5px no-repeat;
  padding: 0 0 3px 12px;
  text-align: left;
  text-decoration: none;
  color:#5a5a5a;
  font-size:1.1em;
}
div#copy ul.internal-links {
  margin:0;padding:0;border:0;
  list-style:none;
  text-align:left;
}
div#copy ul.internal-links li {
  margin:0;padding:0;border:0;
  padding-bottom:1px;
  background:none;
}  
div#copy ol {
  margin:0 0 1.2em 2.3em;
  color:#5A5A5A;
  font-size:1em;
  line-height:1.2em;
}
div#copy ul.gateway li a {
  margin-bottom:0;
  font-family:verdana, sans-serif;
  font-size:1em;
  font-weight:bold;
  color:#5F5F5F;
  display:block;
}
div#copy ul.gateway li a:hover {
  text-decoration:underline;
}

a.pdf {
    padding:5px 0 5px 20px;
    background: transparent url(/alcohol/images/pdf.gif) no-repeat scroll left center;
    line-height:20px;
/*
    display:block;
    position: relative;
    left: -3px;
    background: transparent url(/alcohol/images/pdf.gif) no-repeat scroll top left;
    padding-left: 20px;
    padding-bottom: 3px;
*/
}
a.doc {
    padding:5px 0 5px 20px;
    background: transparent url(/alcohol/images/doc.gif) no-repeat scroll left center;
    line-height:20px;
}
a.ppt {
    padding:5px 0 5px 20px;
    background: transparent url(/alcohol/images/ppt.gif) no-repeat scroll left center;
    line-height:20px;
}
a.xls {
    padding:5px 0 5px 20px;
    background: transparent url(/alcohol/images/xls.gif) no-repeat scroll left center;
    line-height:20px;
}
 hr.contacts {
  border:0;padding:0;margin:0;
  width: 100%;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

strong {
color:#5a5a5a;
}

div#copy.sitemap ul li {
background:none;
padding-left:0;
}
div#content div#maincontent div#copy.sitemap ul li a {
font-size:1em !important;
}

div#copy.sitemap ul {
list-style:none !important;
}
div#copy.sitemap ul li {
font-size:1em !important;
font-weight:bold;
text-transform:capitalize;
}
div#copy.sitemap ul li ul li {
font-weight:normal;
text-transform:none;
}
div#copy.daatlogin div#imagefocus {
float:left;
width:35.3em;
background:white url(/alcohol/images/login-focus-bottom.gif) bottom left no-repeat;
}
div#copy.daatloggedin div#imagefocus {
float:left;
width:54.7em;
background:white url(/alcohol/images/logged-in-focus-bottom.gif) bottom left no-repeat;
}
div#copy.daatlogin div#imagefocus p.focus {
margin:1em;
font-size:1.3em;
}
div#copy.daatloggedin div#imagefocus p.focus {
margin:1em;
font-size:1.3em;
width:50%;
float:left;
}
div#copy.daatloggedin div#imagefocus img.loggedin {
  float:right;margin-top:1em;margin-right:1em;
}
div#copy.daatlogin div#loginpanel {
float:right;
width:18.4em;
background:white url(/alcohol/images/login-form-bottom.gif) bottom left no-repeat;
}
div#copy.daatlogin div#loginpanel form {
margin:0 1em;
}
div#copy.daatlogin div#loginpanel form input.image {
margin:0.5em 0 0 7em;
}


/******
  WIDE CONTENT
  ******/
  
div#content.wide div#maincontent div#copy {
  width:547px;
}

div.wide div#maincontent div#copy div.focus {
  margin:0;padding:0;border:0;
  width:100%;
  background:#274BAC url(/alcohol/images/focus-right-back.gif) no-repeat right top;
}

div.wide div#maincontent div#copy div.focus img {
  margin:0;padding:0;border:0;
  float:left;
  display:inline;
}

div.wide div#maincontent div#copy div.focus h2, div.wide div#maincontent div#copy div.focus p {
  margin:0;padding:0;border:0;
  margin-right:10px;
  width:312px;
  float:right;
  display:inline;
  color:#FFF;
  font-size:11px;
  line-height:15px;
}

div.wide div#maincontent div#copy div.focus h2 {
  margin-top:10px;
  font-weight:bold;
}

div.wide div#maincontent div#copy div.focus p {
  font-weight:normal;
}

div.wide div#maincontent div#copy div.maintext {
  margin:0;padding:0;border:0;
  margin-top:5px;
  background:#FFF;
  float:left;
  width:100%;
}

div.wide div#maincontent div#copy div.maintext div.outer-bottom {
  padding-bottom:10px;
  background:#FFF url(/alcohol/images/maintext-outer-bottom.gif) no-repeat left bottom;
}

div.wide div#maincontent div#copy div.maintext div.inner-top {
  height:100%;  /* fixes IE 6, 7 */
  padding-top:5px;
  background:#FFF url(/alcohol/images/maintext-inner-top.gif) no-repeat left top;
}

div.wide div#maincontent div#copy div.maintext div.story img {
  margin:7px 10px;padding:0;border:0;
  float:left;
  display:inline;
}

div.wide div#maincontent div#copy div.maintext div.story h3, div.wide div#maincontent div#copy div.maintext div.story p {
  margin:0;padding:0;border:0;
  margin-right:10px;
  float:right;
  display:inline;
  color:#5A5A5A;
  font-size:11px;
  width:412px;
  line-height:15px;
}

div.wide div#maincontent div#copy div.maintext div.story h3 {
  margin-top:5px;
  font-weight:bold;
}

div.wide div#maincontent div#copy div.maintext div.story p {
  margin-bottom:10px;
  font-weight:normal;
}

div.wide div#maincontent div#copy div.linkbuttons {
  margin-top:7px;
  float:right;
}

div.wide div#maincontent div#copy div.linkbuttons span {
  display:block;
  height:18px;
}

div.wide div#maincontent div#copy div.linkbuttons span.outer-right {
  border:0;
  margin-left:10px;
  padding-right:5px;
  background:#274BAC url(/alcohol/images/buttonlink-outer-right.gif) no-repeat right top;
  float:right;
}
* html div.wide div#maincontent div#copy div.linkbuttons span.outer-right {
  width:257px;
}

div.wide div#maincontent div#copy div.linkbuttons span.inner-left {
  border:0;
  background:#274BAC url(/alcohol/images/buttonlink-inner-left.gif) no-repeat left top;
  padding-left:5px;
}

div.wide div#maincontent div#copy div.linkbuttons a {
  margin:0;padding:2px 15px 2px 2px;border:0;
  display:block;
  height:14px;
  width:auto;
  line-height:13px;
  background:#274BAC url(/alcohol/images/white-arrow.gif) no-repeat right center;
  font-size:11px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
}

div.wide div#maincontent div#copy div.linkbuttons a:hover, div.wide div#maincontent div#copy div.linkbuttons a:active {
  text-decoration:underline;
}


/******
  PRACTITIONERS
  *******/
div#content.practitioners div#maincontent div#copy {
  width:547px;
}

div.practitioners div#maincontent div#copy div#top-panels {
  width:100%;
  height:222px;
}

div.practitioners div#maincontent div#copy div#top-panels div#welcome {
  width:242px;
  height:100%;
  background:url(/alcohol/images/welcome-background.gif) no-repeat left top;
  float:left;
  display:inline;
}

div.practitioners div#maincontent div#copy div#top-panels div#welcome h1 {
  margin:20px 0px 15px 9px;padding:0;border:0;
  width:211px;
  height:44px;
  position:relative;
}

div.practitioners div#maincontent div#copy div#top-panels div#welcome h1 span {
  margin:0;padding:0;border:0;
  display:block;
  height:100%;
  width:100%;
  background:url(/alcohol/images/welcome-title.gif) no-repeat left top;
  position:absolute;
  left:0;
  top:0;
}

div.practitioners div#maincontent div#copy div#top-panels div#welcome p, div.practitioners div#maincontent div#copy div#top-panels div#welcome a {
  margin:9px 10px 0px 10px;padding:0;border:0;
  font-size:11px;
  line-height:14px;
  color:#FFF;
}

div.practitioners div#maincontent div#copy div#top-panels div#welcome a:link, div.practitioners div#maincontent div#copy div#top-panels div#welcome a:visited {
  padding-right:12px;
  background:url(/alcohol/images/white-arrow-big.gif) no-repeat right center;
  float:left;
  display:inline;
  clear:both;
  text-decoration:underline;
}

div.practitioners div#maincontent div#copy div#top-panels div#welcome a:hover, div.practitioners div#maincontent div#copy div#top-panels div#welcome a:active { 
  text-decoration:none;
}

div.practitioners div#maincontent div#copy div#top-panels img {
  margin:0;padding:0;border:0;
  width:297px;
  height:100%;
  float:right;
  display:inline;
}

div.practitioners div#maincontent div#copy div#bottom-panels {
  margin-top:8px;
  width:100%;
  height:239px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#features {
  width:242px;
  height:100%;
  float:left;
  display:inline;
  background:url(/alcohol/images/features-background.gif) no-repeat left top;
}

div.practitioners div#maincontent div#copy div#bottom-panels div h2 {
  margin:22px 0px 0px 5px;padding:0;border:0;
  height:15px;
  position:relative;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#features h2 {
  width:62px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div h2 span {
  margin:0;padding:0;border:0;
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  left:0;
  top:0;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#features h2 span {
  background:url(/alcohol/images/features-title.gif) no-repeat left top;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#features img {
  margin:8px 0px 0px 0px;padding:0;border:0;
  width:100%;
  height:100px;
  display:block;
}

div.practitioners div#maincontent div#copy div#bottom-panels div p, div.practitioners div#maincontent div#copy div#bottom-panels div a {
  margin:7px 7px 0px 7px;padding:0;border:0;
  color:#224BB8;
  font-size:11px;
  line-height:14px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div a:link, div.practitioners div#maincontent div#copy div#bottom-panels div a:visited {
  padding-right:12px;
  background:url(/alcohol/images/blue-arrow.gif) no-repeat right center;
  float:left;
  display:inline;
  clear:both;
  text-decoration:underline;
}

div.practitioners div#maincontent div#copy div#bottom-panels div a:hover, div.practitioners div#maincontent div#copy div#bottom-panels div a:active { 
  text-decoration:none;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs {
  float:right;
  display:inline;
  width:297px;
  height:100%;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div {
  position:relative;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div p, div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div a {
  margin-top:13px;
  line-height:15px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div p {
  z-index:100;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div a.boxlink {
  margin:0;padding:0;border:0;
  background:none;
  float:none;
  clear:none;
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:1000;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div a.boxlink span {
  margin:0;padding:0;border:0;
  display:block;
  width:7px;
  height:8px;
  background:url(/alcohol/images/blue-arrow.gif) no-repeat left top;
  position:absolute;
  right:10px;
  bottom:10px;
}
* html div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div a.boxlink span {
  bottom:5px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top {
  width:100%;
  height:138px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top div#pr {
  width:144px;
  height:100%;
  float:left;
  display:inline;
  background:url(/alcohol/images/pr-background.gif) no-repeat left top;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top div#pr h2 {
  width:70px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top div#pr h2 span {
  background:url(/alcohol/images/pr-title.gif) no-repeat left top;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top div#research {
  width:145px;
  height:100%;
  float:right;
  display:inline;
  background:url(/alcohol/images/research-background.gif) no-repeat left top;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top div#research h2 {
  margin-top:5px;
  width:87px;
  height:32px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#rhs-top div#research h2 span {
  background:url(/alcohol/images/research-title.gif) no-repeat left top;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#directory {
  margin-top:8px;
  width:100%;
  height:93px;
  float:left;
  display:inline;
  background:url(/alcohol/images/directory-background.gif) no-repeat left top;
  
  /* to temporarily remove this panel */
  display:none;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#directory h2 {
  margin-top:22px;
  width:179px;
}

div.practitioners div#maincontent div#copy div#bottom-panels div#rhs div#directory h2 span {
  background:url(/alcohol/images/directory-title.gif) no-repeat left top;
}


/*
html * {
color:black;
}
body {
font-family:Trebuchet MS, sans-serif;
}
div {
  float:none;
}
body {
  background:white;
}
div#infoscotland,div#jumplinks,div#additionalnavigation,div#sectionnavigation,div#navigation {
display:none;
}
div#container {
  width:16cm;
}
*/