/*
   screen.css
   brookestone
   
   Created by Cale Woodley on 2008-10-27.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");
@import url("superfish.css");

body {
  background: #007a50 url('../images/core/body-background.gif') 0 0 repeat-x;
  font: 13px Arial, Verdana, sans-serif;
  color: #fff;
}

#wrap {
  width: 100%;
  background: url('../images/core/wrap-background.jpg') no-repeat;
}

#container {
  width: 930px;
  margin: 0 auto;
  padding: 0 15px;
}

#header {
  width: 930px;
  text-align: center;
  padding: 20px 0 0 0;
  height: 126px;
}


/*  =nav
**********************************/
#navigation {
  height: 30px;
  font: 1em Arial, Verdana, sans-serif;
  text-transform: uppercase;
  background: url('../images/core/nav-background.gif') repeat-x;
}

#navigation * {z-index: 50;}

#navigation ul {margin: 0 0 0 12px; background: #007A51; font-size: 11px;}

#navigation a {
  padding: 10px 7px 8px;
  text-decoration: none;
  color: #078454;
}

#navigation a:hover {color: #012D1C;}

#navigation li ul {margin: 0; width: 200px;}

#navigation li li a {color: #fff; background: #007A51; padding: 0 0 0 10px; margin: 0 0 -1px 0; line-height: 20px; border: 1px solid #005C3D;}
#navigation li li a:hover {color: #fff; background: #208A66; text-decoration: none;}


/*  =banner
**********************************/
#banner {
  width: 930px;
  height: 240px;
  overflow: hidden;
  margin: 24px auto;
}


/*  =content
**********************************/
#content {
  width: 930px;
  margin: 0 auto;
  text-align: left;
  font-family: Georgia, "Times New Roman", serif;
}

body.double-column #content {
  width: 606px;
  float: left;
  display: inline;
  margin: 0 0 0 15px;
}

#content h1 {
  font-size: 2.18em;
  font-family: Arial, Verdana, sans-serif;
}

body#page-renting #content h1,
body#page-search #content h1 {margin: 10px 20px 10px 0;}

body#page-renting #content {text-align: justify !important;}

#content h2 {
  font-size: 1.64em;
  font-family: Arial, Verdana, sans-serif;
}

#content h3, #content h4, #content h5 {font-size: 1.3em; font-family: Arial, Verdana, sans-serif;}

#content p {
  margin: 0 0 15px 0;
  line-height: 2.00em;
	text-align:justify;
}

#content a {color: #fff;}
#content a:hover {text-decoration: none;}

#content hr {
  height: 0;
  border: 0;
  display: block;
  clear: both;
  border-top: 1px solid #008F5D;
  width: 90%;
}

#content table {
  width: 100%;
  clear: both;
  margin: 0 0 20px 0;
}

#content table caption {
 font-size: 1.3em;
 font-weight: bold;
 color: #fff;
 border-bottom: 2px solid #fff;
}

#content table tr {border-bottom: 1px solid #008F5D;}
#content table th {text-align: left; padding: 3px;}
#content table td {padding: 3px;}


#content table#open-times {margin: 20px 0;}
#content table#open-times th {font-size: 16px; border-bottom: 2px solid #fff;}
#content table#open-times td.datetime {width: 200px;}
#content table#open-times td.viewitem {width: 200px; text-align: center;}

#content table#open-times .location-hover {background: #178560; cursor: pointer;}

#content ul li {list-style: disc; margin: 0 0 0 25px; padding:0 0 5px 0;}

#content ul#search-results {
  margin: 20px 0;
}

#content ul#search-results li {
  clear: both;
  display: block;
  cursor: pointer;
  padding: 10px 0;
  list-style: none;
}

#content ul#search-results li .item-image {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height:97px;
  border: 2px solid #fff;
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  background: #D8EBE5;
}

#content li .item-image-new {
  width: 125px;
  height: 125px;
  text-align: center;
  line-height:122px;
  border: 2px solid #fff;
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  background: #D8EBE5;
}

#content ul#search-results li h2 {
  display: inline;
}

#content ul#search-results li a.view-item:hover {background: #0D4A34;}

#content a.pdf {background: url('../images/icon-pdf.gif') no-repeat; padding: 2px 0 2px 20px;}

#content blockquote {font-style: italic; margin: 10px 0 0 0;}

#content img.float-left {
  float: left;
  display: inline;
  margin: 0 20px 0 0;
  border: 2px solid #fff;
}

body#page-detail #content ul {display: inline-block;}

div.item-features {
  padding: 5px;
  height: 30px;
  display: inline-block;
  background: #003926;
  text-decoration: none;
}

div.item-features a:hover {background: #0D4A34;}

div.item-features span {margin: 0 0 0 7px;}

span.availability {float:right;}
span.float-left {float:left;}

div#gallery {
  width: 325px;
  float: left;
  display: inline;
	text-align:left;
  margin: 20px 0 0 0;
}

div#gallery img {border:3px solid #fbffff; margin:0 6px 6px 0;}

#content div#gallery ul li {height: 85px; width: 113px; margin: 0; padding: 0; list-style: none; float: left; display: inline; margin: 0 1px;}

div#item-info {
  width: 600px;
  margin: 20px 0 0 0;
  float: right;
  display: inline;
}

div#item-info h1 {
	font-size:22px;
}

div.item-info {width: 750px;
  margin: 0 0 0 0;
  float: right;
  display: inline;
	}

div#item-info .item-features {
  display: block;
  height: 27px;
	margin: 10px 0 0;
  font-family: Verdana, Arial, Tahoma, sans-serif;
}

div#item-info .item-features strong {text-transform: uppercase; line-height: 26px; font-size: 11px; vertical-align: top; margin: 0 40px 0 0;}

div#item-info h2 {
  font-size: 14px;
  margin: 10px 0 0 0;
}

div#item-info p.features {line-height: 19px;  font-family: Verdana, Arial, Tahoma, sans-serif;}

body#page-buying h1 {text-indent: -999em;}


/*  =secondary
**********************************/
#secondary {
  width: 260px;
  margin: 0 15px 0 0;
  float: right;
  display: inline;
}

#secondary h2 {
  font-size: 1.64em;
  margin: 0 0 3px 0;
}

#secondary #search-form input {
  float: left;
  display: inline;
}

#secondary #search-form input#search-input {
  border: 1px solid #ddd;
  width: 195px;
  padding: 3px 0 3px 20px;
  margin: 0 7px 25px 0;
  background: url('../images/core/searchbox-background.gif');
}

#secondary #map {
  width: 254px;
  height: 192px;
  overflow: hidden;
  border: 3px solid #fff;
}


/*  =footer
**********************************/
#footer {
  width: 930px;
  margin: 0 auto;
  padding: 24px 0;
  clear: both;
  display: block;
  font-size: 1.09em;
}

#footer #contactinfo {
  padding: 5px 0;
  margin: 0 0 12px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
}

#footer #contactinfo p {float: none; margin: 0;}

#footer span#contact-address,
#footer span#contact-phone,
#footer span#contact-fax {
  margin: 0 20px 0 0;
}

#footer p {
  float: left;
  display: inline;
  margin: 0 100px 0 0;
}

#footer img {
  float: right;
  display: inline;
}

#footer a {color: #fff;}
#footer a:hover {text-decoration: none;} 

img{
    vertical-align:middle
}

/*********************************  
  =CALENDAR
*********************************/
table#current-month {width: 400px !important;}
#calendars {width: 420px; float: right; display: inline; margin: 0 0 0 10px;}
.sub-calendar {float: left; display: inline; margin: 0 5px;}
.sub-calendar table {width: 200px !important;}
#calendars table td, #calendars table th {text-align: center;}

.calendar tbody a {display: block; font-weight: bold; background: #003926;}

.hilite {background: #3658BE; color: #fff;}
.hilite a {background: #3658BE !important; color: #fff; text-decoration: none;}

dl#event-list {
  float: left;
  display: inline;
  width: 300px;
}

dl#event-list dt {font-weight: bold; padding: 3px; padding-bottom: 0;}

dl#event-list dd {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  padding-top: 0;
}