/* colors 
 * 73880b dark green
 * f4ffd2 light green
 * 69ab2b bright green (links & headers)
 * daf095 med green sidebar backgrounds, header nav
 * 50AAB5 blue for hovers..
*/

/* HTML Tag Redefinition */   
html, body {
	height: 100%;
	font: .8em arial, verdana, sans-serif; line-height: 20px; }
body { 
	padding: 0;
	margin: 0;
	background: #6d736c url(https://islaywoollenmill.co.uk/themes/islay/images/bg.jpg);
	color: #304b52!important;
	
}
img {
	border: 0
}
body:before { /* top shadow */
    content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	     -o-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
			box-shadow: 0px 0px 10px rgba(0,0,0,.4);

	z-index: 100;
	}

a { cursor:pointer }
/* Page Structure / Navigation */
#page {
	width:990px;
	 margin: 0 auto; text-align: left;	 
	 height: auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	font: 1em arial, verdana, sans-serif; line-height: 20px;
	 }

span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; margin-right:20px;}


/* MISC STYLES & SHORTCUTS */
div.code {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px
}
div.spacer, div.ccm-spacer {
	clear:both;
	font-size:1px;
	line-height:1px
}
.noTopSpace {
	margin-top:0px;
	padding-top:0px
}

/* customize_miscellaneous */ /* customize_miscellaneous */

#wrapper { width: 990px; margin: 0 auto; text-align: left; position: relative; }
#innerwrapper { background: url(https://islaywoollenmill.co.uk/themes/islay/images/whitebg.png); margin-top: 20px; min-height: 650px; }
#search { position: relative; top: 10px; left: 535px; width: 190px; height: 43px; background: #3c3c3c; border: solid 1px #8d8d8d; font:  2em "Palatino Linotype", "Times New Roman", verdana; color: #fff; padding: 2px 0 0 15px; }
#viewbasket { position: absolute; top: 10px; left: 745px; width: 230px; height: 33px; background: #3c3c3c; border: solid 1px #8d8d8d; font: 1.1em "Palatino Linotype", "Times New Roman", verdana; color: #fff; padding: 12px 0 0 10px; }
#top { clear: both; background: url(https://islaywoollenmill.co.uk/themes/islay/images/header.png) no-repeat; width: 990px; height: 140px; margin-top: 20px; }
#left { width: 540px; float: left; padding: 10px 0 10px 0; } /*Left column on home page*/
#leftmain { width: 740px; float: left; padding: 10px 0 10px 0; }
#content { width: 410px; float: left; padding: 23px 19px 19px 19px; } /*Right column on home page*/
#contentwide { width: 990px; } 
#right { width: 210px; float: left; padding: 19px 0; }
#navbar { position: absolute; top: 150px; left: 120px; }

.purplebg { background:#fff; border: 10px #4f4747 solid; margin: 20px; padding: 10px; }
#footer { clear: both; background: url(https://islaywoollenmill.co.uk/themes/islay/images/footer.jpg) no-repeat; height: 150px; }
#footerinner1 { float: left; margin: 20px; width: 500px; font-size: 1.2em; line-height: 25px; }
#footerinner2 { float: left; margin: 20px; width: 400px; }

#inner { padding: 10px; }
#inner1 { padding: 10px; margin: 10px; }

#firstcolumn{ width: 130px; float: left; background: #4f4747; margin: 25px;  min-height: 170px; }
#secondcolumn { width: 130px; float: left; background: #4f4747; min-height: 170px; margin: 25px; }
#thirdcolumn { width: 130px; float: left;  background: #4f4747; margin: 25px; min-height: 170px; }

.category { float: left; width: 175px; padding: 10px; margin: 10px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; text-align: center; height: 299px;  }
#tel  { position: absolute; top: 85px; left: 570px; z-index: 100; }
.greybg { background: #e4e5df; padding: 1px 0 1px 5px; }

.column1 { width: 270px; float: left; padding: 10px; background: #fff; margin: 15px 0 15px 28px;}

h1 { font-family: 'Galdeano', arial, sans-serif; font-size: 1.8em!important; font-weight: 500!important; color: #284e24!important; }
h2 { font-family: 'Galdeano', arial, sans-serif; font-size: 1.5em!important; font-weight: 500; color: #46495a!important; line-height: 25px; }
h3 { font-family: 'Galdeano', arial, sans-serif; font-size: 1.4em!important; font-weight: 500; color: #46495a!important; line-height: 25px; }
h4 { font-size: 1.1em!important; font-weight: 500!important; color: #c77d09!important; line-height: 22px!important; margin: 0!important; }
h5 { font-family: 'Galdeano', cursive; font-size: 2.5em!important; font-weight: 500; color: #fff!important;}

.paddingpic { padding: 6px 0 0 0; }
.picright { float: right; margin: 0 0 0 10px; }
.picleft { float: left; margin: 0 10px 0 0; }
.paddingtop { padding-top: 10px; }
.paddingleft { padding: 20px 0 0 40px; }
.paddingtop1 { padding-top: 10px; display: block; }
.paddingleftside { padding: 100px 20px 0 50px; text-align: right; }

.picrighthome { float: right; margin: 0 0 20px 15px; }

#navbartop {
   padding: 0;
   margin: 0 0 0 -44px!important; }
   
#navbartop li {
   list-style: none;
   float: left;
    }
   
#navbartop li a {
   display: block;
   margin: 0 5px;
   color: #202020 !important;
   text-decoration: none; 
   font-size: 1.1em; 
   padding-top: 0;
   border-bottom: dotted 1px #fff;
   font-weight: 500;
}
  
#navbartop li a:hover {
   display: block;
   margin: 0 5px;
   color:#975910 !important;
   text-decoration: none; 
   font-size: 1.1em; 
   background: none;
   border-bottom: dotted 1px #67726e;
   font-weight: 500;
}   
#navbartop li ul {
   display: none; 
   width: 12em; /* Width to help Opera out */
   background: none;
   font-size: 1.1em;
  }
   
#navbartop li:hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
}
   
#navbartop li:hover li {
   float: none;
    }
   
#navbartop li:hover li a {
   background: #d1d7c5 !important;
   color: #0e0803 !important;
   padding: 3px 5px;
   font-size: 1em; margin-top: 0!important;
   border: solid 1px #aab395;
   opacity:0.9;
   -moz-border-radius: 5px;
border-radius: 5px; }
   
#navbartop li li a:hover {
   background: #b9c89a!important;
   opacity:0.9;
   -moz-border-radius: 5px;
border-radius: 5px; }
#navbartop li a.nav-selected { color: #a54f77!important; }


a:link { color: #46495a; text-decoration: underline; background: transparent; font-weight: 500;  }
a:visited { color: #46495a !important; text-decoration: none; background: transparent; font-weight: 500;}
a:hover { color: #846c70 !important; text-decoration: underline; background: none; font-weight: 500; }

a.link2:link { color: #fff !important; text-decoration: none; background: transparent; font-weight: 700; border-bottom: dotted 1px #fff; }
a.link2:visited { color: #fff !important; background: transparent; text-decoration: none; font-weight: 700; border-bottom: dotted 1px #fff; }
a.link2:hover { color: #fff !important; background: transparent;  text-decoration: none;  font-weight: 700; border-bottom: solid 1px #fff; }

a.link3:link { font-size: 1.2em !important; color: #fff!important; text-decoration: none; background: #46495a!important; font-size:1em; font-weight: 700; padding: 8px; display: block; margin: 10px 0; }
a.link3:visited { font-size: 1.2em !important; color: #fff!important; background: #46495a!important; text-decoration: none; font-size:1em;  font-weight: 700; padding: 8px; display: block; margin: 10px 0; }
a.link3:hover { font-size: 1.2em !important; color: #fff!important; background: #33353f!important; text-decoration: none; font-weight: 700; padding: 8px; display: block; margin: 10px 0; }

a.link4:link { color: #fff; text-decoration: none; background: transparent; font-size:1em; font-weight: 500; border-bottom: dotted 1px #fff; }
a.link4:visited { color: #fff; background: transparent; text-decoration: none; font-size:1em;  font-weight: 500; border-bottom: dotted 1px #fff; }
a.link4:hover { color: #fff; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 500; border-bottom: solid 1px #fff; }

.nolink { color: #f6bc2a; text-transform: uppercase; background: transparent; font-weight: 700; }

div#nav a { color: #4e5137 !important; text-decoration: none; background: transparent; font-weight: 700; display: inline!important; margin: 0 3px!important; }
div#nav a:visited { color: #4e5137 !important; background: transparent; text-decoration: none; font-weight: 700; display: inline!important; margin: 0 3px!important; }
div#nav a:hover { color: #252618 !important; background: transparent;  text-decoration: underline;  font-weight: 700; display: inline!important; margin: 0 3px!important; }
#nav ul li { list-style-type: none!important; margin: 0!important; padding: 0!important; display: inline!important; }

div#nav1 a { color: #fff !important; text-decoration: none; background: #787a5c; font-weight: 700; display: block!important; margin: 2px 0!important; padding: 5px 5px 5px 10px!important; }
div#nav1 a:visited { color: #fff !important; background: #787a5c; text-decoration: none; font-weight: 700; display: block!important; margin: 2px 0!important; padding: 5px 5px 5px 10px!important; }
div#nav1 a:hover { color: #fff !important; background: #595b47;  text-decoration: none;  font-weight: 700; display: block!important; margin: 2px 0!important;  padding: 5px 5px 5px 10px!important;}
#nav1 ul li { list-style-type: none!important; margin-left: -20px!important; padding: 0!important; }
#nav1 li a.nav-selected { color: #d0cca5!important; }

.bold { font-weight: 700; }
.dots { border-top: dotted 1px #d5d1d3; margin: 20px 0 0 0; padding: 0; }
.line { background: #053905; height: 1px; clear: both; padding: 0; margin: 0 0 10px 0; }
.border { border: solid 10px #4f4747; }
.border1 { border: solid 2px #4f4747; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.leftgallery { float: left; padding: 5px; border: solid 1px #7890c0; margin: 5px; }
.galleryback { width: 400px; }
.background { background: #dbecf5; }
.reservations { text-transform: uppercase; text-align: right; font-size: 1.5em; padding: 0 30px 30px 0; line-height: 25px; }
.paleblue { color: #56bdce; }
.fadeimage { padding: 10px 10px 20px 10px; background: #202124; margin: 0 16px }
.booking { text-align: center; padding-left: 70px; color: #417881; }
.red  { color:#942622; }
.twitter { position: absolute; top: 81px; left: 890px; }
.fb { position: absolute; top: 80px; left: 940px; }
.pinit { position: absolute; top: 50px; left: 940px; }
.nomargin { margin: 0; padding: 0; }

.shadedbox { -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; }