/*	------------------------------------------------------------
	style.css for hadrianswallholidaycottages.co.uk
	Developed by Richard Brown, Tower Web Design
	Richard at TowerWebDesign dot co dot uk
	This version: 30 Jan 2009
	------------------------------------------------------------ */

html, body, td, input, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
	background-color:#fff;
}
img { border:0; }
body {
  text-align: center;
}

html, body {
    margin: 0;
    padding: 0;
}

/*.welcomepic {
	border: 30px solid black;
	text-align: center;
}*/

h1 {
	color:#000;
	font-size: 20px;
	text-align: center;
}
h2 {
	color:#000;
	font-size: 18px;
	text-align: center;
}
h4 {
	color:#000;
	font-size: 14px;
	text-align: center;
}
/*.smalltitle {
	font-size: 16px;
}
.smalltitle2 {
	font-size: 12px;
	font-weight: normal;
}
.content {
	text-align:center;
	margin: 0 auto;
	width:800px;
	background-image:url(/images/side-gradients.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
*/
hr {
color: #005356;
background-color: #005356;
height: 1px;
border:0px;
}

.blurb {
	color:#555;
	padding:0;
	margin-left: auto;
  	margin-right: auto;
	text-align:center;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.blurb a:visited,
.blurb a:active,
.blurb a:link {
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*padding-right: 8px;*/
}
.blurb a:hover {
	color:#222;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#ddd;
}

.separator {
	clear: both;
	font-size: 1px;
}
hr { height:0px; line-height:0px; font-size:1px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-color:#e8e9e4; border-width: 1px 0px 0px 0px; clear:both; }

hr.small { width:94%; text-align:left;}

#footer {
	clear: both;
	text-align:center;
	background:#000;
	color:#fff;
	/*border-top: 1px solid #ccc;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:8px;
}
#footer .phone {
	font-weight: bold;
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	font-size:12px;
	font-weight:bold;
	color:#ccc;
	text-decoration:none;
}
#footer a:hover {
	font-size:12px;
	font-weight: bold;
	color:#888;
}

#footer #tower a,
#footer #tower a:link,
#footer #tower a:active,
#footer #tower a:visited {
	font-size:12px;
	font-weight: bold;
	color:#aaa;
}

.a hover {
	font-weight: bold;
	color:#f00;
}

/*#menustrip {
	padding-top:8px;
	background:#000;
	color:#ccc;
	text-align:left;
	height:26px;
   font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#999;
}
#menustrip a,
#menustrip a:link,
#menustrip a:active,
#menustrip a:visited {
	font-size:14px;
	font-weight: bold;
	color:#ccc;
	text-decoration:none;
}
#menustrip a:hover {
	color:#fff;
	text-decoration:underline;
}*/

/* Gallery sub-menu */
/*#gallery_menu {
	padding-top:4px;
	background:#888;
	color:#ccc;
	text-align:left;
	height:24px;
   font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#ccc;
}
#gallery_menu a,
#gallery_menu a:link,
#gallery_menu a:active,
#gallery_menu a:visited {
	font-size:14px;
	font-weight: bold;
	color:#ccc;
	text-decoration:none;
}
#gallery_menu a:hover {
	color:#fff;
	text-decoration:underline;
}*/

/*ul {
	list-style-type: none;
	padding-left: 0px;
}
ul li {
	float: left;
	width:30%;
}
.list ul {
	background-color:#f00;
}
*/
/* image gallery text overlay */

.grid_4 p {
position: absolute;
margin: 0px;
margin-left: 0px;
margin-top: 90px;
z-index:2;
background-color: #555555;
color: #ffffff;
width: 200px;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
opacity:.8;
font-size:10px;
display: none;
clear: none;
}
.grid_4 img {
border:1px solid #aaa;
}
.galleryinfo {
background-color:#eee;
padding:8px;
color:#000;
}

.photo img {
border:1px solid #aaa;
}

.alpha {
	background-color: #eee;
}
.omega {
	background-color: #ddd;
}

.red {
	background:#f00;
}
.blackborder {
	border: 1px solid black;
}

#search_results {
	height:582px;
	background:#eee;
}

input,textarea {
	border:1px solid black;
}
form {
	background-color:#ddd;
	padding:5px;
}

#navigation {
	background:#dfc;
	height:20px;
	/*border: 1px solid red;
	width:100px;
	display:block;*/
}

.tag_cloud {
	background:#dfc;
	height:560px;
/*	background:#cf8; nice lime green*/
}
.tag_cloud a:hover {
	font-size:12px;
	font-weight: bold;
	color:#888;
}
.tag_cloud a,
.tag_cloud a:link,
.tag_cloud a:active,
.tag_cloud a:visited {
	font-size:12px;
	font-weight: bold;
	color:#aaa;
	text-decoration: none;
}
.left_align {
	text-align:left;
}
.right_align {
	text-align:right;
}

/* timeline styles: */
.timeline {
	width:100%;
	border-top:2px solid black;
	float:left;
}
.timeline_title {
	/*font-size:40px;
	font-weight: bold;
	color:#aaa;*/
	width:100%;
	text-align:left;
	float:left;
}
.timeline_title a,
.timeline_title a:link,
.timeline_title a:active,
.timeline_title a:visited {
	font-size:40px;
	font-weight: bold;
	color:#aaa;
	text-decoration:none;
}
.timeline_title a:hover {
	color:#fff;
	text-decoration:underline;
}
.timeline_year {
	font-size:30px;
	font-weight: bold;
	color:#aaa;
	width:190px;	/* 192 - border size */
	/*border:1px solid red;*/
	border-right:1px solid black;
	border-left:1px solid black;
	float:left;
	text-align:center;
}
.timeline_year a,
.timeline_year a:link,
.timeline_year a:active,
.timeline_year a:visited {
	font-size:30px;
	font-weight: bold;
	color:#aaa;
	text-decoration:none;
}
.timeline_year a:hover {
	color:#fff;
	text-decoration:underline;
}
#jigsaw {
	float:left;
	width:100%;
	height:500px;
	border:2px solid #000;
}
#photoblurb {
	margin:0 auto;
	width:700px;
	height:120px;
	background-color:#def;
	border:1px solid #ccc;
	margin-top:20px;
}
#gallerylink {
	margin:0 auto;
	width:200px;
	height:20px;
	background-color:#def;
}
#gallerylink a,
#gallerylink a:link,
#gallerylink a:active,
#gallerylink a:visited {
	font-size:18px;
	font-weight:bold;
	color:#444;
	text-decoration:none;
}
#gallerylink a:hover {
	color:#999;
	text-decoration:underline;
}
#prevphotolink {
margin:0;
float:left;
width:200px;
}
#nextphotolink {
float:right;
width:200px;
}
#prevphotolink a,
#prevphotolink a:link,
#prevphotolink a:active,
#prevphotolink a:visited,
#nextphotolink a,
#nextphotolink a:link,
#nextphotolink a:active,
#nextphotolink a:visited {
text-decoration:none;
}

.panel {
background-color:#fee;
height:100px;
}
.photoblurb {
	background-color:#def;
	margin-top:20px;
	margin-bottom:20px;
	height:120px;
}
#cart {
background-color:#fee;
/*border:1px dashed #bcd;*/
}
#cart ul li {
	font-size:10px;
	float: left;
	width:100%;
	border-bottom:1px dashed #bcd;
}
#cart ul li img {
vertical-align:middle;
}
#cart ul li a,
#cart ul li a:link,
#cart ul li a:active,
#cart ul li a:visited {
	font-size:10px;
	font-weight:bold;
	color:#444;
	text-decoration:none;
}
#cart ul li a:hover {
	color:#999;
	text-decoration:underline;
}
/* checkout table */
th {
margin:5px;
padding: 2px;
border:1px solid #633800;
background-color:#633800;
color:#FFFFFF;
font-size: 9pt;
font-weight:bold;
}

.nicetableheader1 {
margin:5px;
padding: 8px;
border:1px solid #009a6a;
background-color:#009a6a;
color:#FFFFFF;
font-size: 9pt;
font-weight:bold;
}

.nicetablerow {
margin:5px;
padding: 5px;
text-align: left;
border:1px solid #009a6a;
background-color:#FFFFFF;
color:#000000;
font-size: 9pt;
}

.nicetablerow1 {
margin:5px;
padding: 5px;
text-align: right;
border:1px solid #009a6a;
background-color:#FFFFFF;
color:#000000;
font-size: 9pt;
}
table {
	border-collapse:collapse;
	margin-bottom:15px;
	width:100%;
	border:1px solid #888;
}
caption {
	text-align:left;
	font-size:15px;
	padding-bottom:10px;
}
table td,
table th {
	padding:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}
thead th {
background:#91c5d4;
}
thead th[colspan],
thead th[rowspan] {
	background:#66a9bd;
}

tbody th,
tfoot th {
text-align:left;
background:#91c5d4;
}
tbody td,
tfoot td {
	text-align:center;
	background:#d5eaf0;
}
tfoot th {
	background:#b0cc7f;
}
tfoot td {
	background:#d7e1c5;
	font-weight:bold;
}

.thumbnail a,
.thumbnail a:link,
.thumbnail a:active,
.thumbnail a:visited {
text-decoration:none;
}

/********************************
    ACCORDION
*********************************/

#accordionContainer {
    width:960px;
    height:300px;
    overflow:hidden;
    background-color:#000;
    position:relative;
    border:0px solid #EEE;
    margin-left:0px;
    margin-top:15px;
}

.asyncImgLoadAccordion { clear: none; }

.accordionImgDiv
{
    width: 760px;
    height: 300px;
    position: absolute;
    border-left:1px solid #222;
    margin-left: 0px;
    background-color: black;
    cursor:pointer;
    overflow: hidden;
}

.accordionImgDiv .slideStrip
{
    position: absolute;
    width: 90px;
    height: 300px;
    left:0px;
    top:0px;
    overflow: hidden;
    background-image: url('../images/loading6.gif');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: transparent;
}

.accordionImgDiv .slideDesc
{
  position: absolute;
  left: 15px;
  bottom: 15px;
  font: normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #eee;
}

.accordionSlideImage
{
    border-left: 0px solid #AAA;
    width:760px;
    height:300px;

   background-image: url('../images/loading10.gif');
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

.accordionDescBack
{
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */
    background-color:#000;
    border-top:1px solid #111;
}

.accordionDesc
{
    font-weight:normal;
    font-family: verdana;
    font-size:10px;
    padding-top:0px;
    padding-left:10px;
    text-align:left;
    color:#DDD;
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */
    background:none;
    border:0px solid red;
}

.accordionDescHeader
{
    margin-top:5px;
    position:static;
    color:#FFF;
    font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom:3px;
    margin-bottom:0px;
}

/******************************************
   NEWS BAR AND ACCORDION CONTROL PANEL
*******************************************/

#newsBarContainer
{
    margin-left:0;
    height: 16px;
    width: 960px;
    margin-top:5px;
    margin-bottom: 5px;
border:1px solid red;
}

#newsBar
{
    width: 600px;
    left:0px;
    top:0px;
    display:inline;
    background-color: white;
    font: 10px/16px Verdana;
    float:left;
    margin-left: 0px;

}

#newsBarText
{
   color: #666;
}
#newsBarTitle
{
   color: #000;
   font-weight: bold;
}
.newsBarNews
{
  display: none;
}

#accordionControlPanel
{
    text-align:right;
    width:250px;
    height:14px;
    margin-right:0px;
    display:inline;
    float:right;
    margin-bottom:2px;
    margin-top:0px;
}

#accorControlBtnDesc
{
    margin-right:5px;
    line-height:10px;
    padding-top:0px;
    margin-top:0px;
    font:10px/16px Verdana;
    color:#666;
    vertical-align:top;
}

.accorControlButton
{
    cursor: pointer;
    vertical-align: top;
}

/*************************
    NAVIGATION
*************************/

#navigationContainer
{
    margin-left:0px;
    margin-right:0px;
    border-top:0px solid #ddd;
    border-bottom:0px solid #ddd;
    padding-left: 0px;
    margin-top: 0px;
    height: 32px;
    text-align:left;
    background-color: #000;
    font-family:Verdana;
}

ul.rootnav,
ul.rootnav li,
ul.rootnav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.rootnav
{
    position: relative;
    z-index: 597;
    float: left;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

ul.rootnav li
{
    float: left;
    line-height: 18px;
    vertical-align:middle;

    padding: 0px;
    background-color: #000;
    color: #fff;
    line-height: normal;
}

ul.rootnav li:hover
{
    position: relative;
    z-index: 599;
    cursor: default;
}

ul.rootnav ul
{
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;

    width: 170px;
    background-color: #333;
    color: #fff;
    font-size: 11px;
    text-transform: none;
    filter: alpha(opacity=95); /* for IE*/
    -moz-opacity: 0.95;
    KhtmlOpacity: 0.95;
    opacity: 0.95;
}

ul.rootnav ul ul
{
    top: 0px;
    left: 100%;
}

ul.rootnav li:hover > ul
{
    visibility: visible;
}

ul.rootnav a:link,
ul.rootnav a:visited
{
    color: #fff;
    text-decoration: none;
}

ul.rootnav a:hover
{
    text-decoration: none;
    background-color: #3399cc;
    color: #fff;
}

ul.rootnav a:active
{
    color: #fff;
}

ul.rootnav ul li
{
    background-color: transparent;
    color: #000;
    filter: none;
    float: none;
}


ul.rootnav ul li:hover
{
    background-color: transparent;
}

ul.rootnav ul a:link,
ul.rootnav ul a:visited
{
    color: #fff;
}

ul.rootnav ul a:hover
{
    color: #fff;
    text-decoration: none;
}

ul.rootnav ul a:active
{
    color: #fff;
}

ul.rootnav *.dir
{
    padding-right: 12px;
    background-image: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}


ul.rootnav li a
{
    display: block;
    padding: 7px 14px;
}

ul.rootnav li.dir
{
    padding: 7px 20px 7px 14px;
}

ul.rootnav ul li.dir
{
    padding-right: 15px;
}

ul.rootnav ul a
{
    padding: 4px 5px 4px 14px;
    width: 151px; /* Especially for IE */
}

ul.rootnav ul a:hover
{
    background-color: #3399cc;
}

ul.rootnav li:hover > a.dir
{
    background-color: #3399cc;
    color: #fff;
}

ul.rootnav ul li:hover > a.dir
{
	 background-color: #3399cc;
	 color: #fff;
}

/* NAVIGATION ADDS */

#searchContainer
{
   overflow: hidden;
   font-family: Verdana;
   text-align: right;
   margin-top:4px;
   background-color: #000;
   margin-right: 0px;
   width:250px;
   height: 24px;
   float:right;
}
#searchContainer input {
	border:0;
}
#searchContainer form {
	border:0;
	background-color:#000;
	padding:0;
}
#searchContainer fieldset {
	border:0;
}
#searchBox
{
    color:#fff;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-right:2px;
    width:140px;
    border:1px solid #aaa;
/*    padding: 2px 3px 2px 3px;*/
/*    float:right;*/
    background-color:#444;
}

#searchBoxBtn
{
    color:#FFF;
    font: normal 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-left:0px;
    margin-right:4px;
	margin-top:-5px;
    width:80px;
    height:24px;
    float:right;
    display:block;
    background-color:#000;
    text-transform:uppercase;
    cursor:pointer;
}

#searchBoxBtn:hover
{
    background-color: #3399cc;
}