/*
-----------------------------------------------
Horizon Shutters Global Styles
Author: Chad Spencer & Jeremy Boles
----------------------------------------------- */

/* Import Other Stylesheets
----------------------------------------------- */
@import 'about.css';
@import 'account.css';
@import 'contact.css';
@import 'faq.css';
@import 'footer.css';
@import 'header.css';
@import 'orders.css';
@import 'pricing.css';
@import 'reviews.css';
@import 'sessions.css';
@import 'shutters.css';
@import '../squeeze-box/assets/squeeze-box.css';
@import 'welcome.css';

/* Tag Declarations/Overwrites
----------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
html { height: 100%; }
body {
  background-color: #2a1406;
  font-family: Verdana, Arial, sans-serif;
}
a {
  color: #cb6b04;
  outline: none;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
img { border: 0; }
acronym, abbr { border: 0; }

/* Tooltips
----------------------------------------------- */
a.tooltip {
	border-bottom: 1px dotted #747474;
	color: #747474;
	cursor: help;
	font-style: italic;
}
a.tooltip:hover { text-decoration: none; }
div.tooltip {
  background-color: #eee;
  display: none;
	border: 1px solid #d3d3d3;
	color: #4e443a;
	font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
	max-width: 300px;
	padding: 5px;
	position: absolute;
	z-index: 3000;
}

/* Button
----------------------------------------------- */
button { 
	background: transparent url(../img/site/button-left.gif) left top no-repeat;
	border: 0; 
	cursor: pointer;  
	margin: 15px 0;
	overflow: visible;
	text-align: center;
	width: auto;
}
button span { 
	background: transparent url(../img/site/button-right.gif) right top no-repeat;
	color: #573217; 
	display: block;
	font: bold 11px Verdana, Arial, sans-serif; 
	height: 29px; 
	margin: -1px 0 0 20px;
	padding: 13px 20px 0 0;
	position: relative; 
	white-space: nowrap; 
}
button span:hover { color: #cb6b04; }

/* Main Content Area and Elements
----------------------------------------------- */
#content {
  background: #fff;
	clear: both;
}
#content .hook {
  margin: 0 auto;
	padding: 10px 10px 85px 10px;
	width: 940px;
	zoom: 1;
}
#content .hook:after {
  clear: both;
  content: ' ';
  display: block;
  height: 0;
  visibility: hidden;
}
#content h3 {
  color: #3b250d;
  border-bottom: 1px solid #d3d3d3;
	font: normal 28px Arial, Helvetica, Verdana, sans-serif;
	margin: 20px 0 0 0;
	padding: 0 0 3px 0;
}
#content h4 {
  color: #3b250d;
	font: bold 20px Arial, Helvetica, Verdana, sans-serif;
	margin: 25px 0 20px 0;
}

#content h5 {
  color: #3b250d;
	font: bold 15px Arial, Helvetica, Verdana, sans-serif;
	margin: 25px 0 5px 0;
}

#content h6 {
  color: #3b250d;
	font: italic normal 20px Georgia, Times, "Times New Roman", sans-serif;
	margin: 25px 0 20px 0;
}

/* Main Column
----------------------------------------------- */
#main {
  float: left;
  padding: 25px 25px 0 0;
	width: 644px;
}
* html #main { padding-right: 0px; }
#main p {
  color: #4e443a;
  font: normal 14px/20px Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 20px 0;
}
#main ul {
  color: #4e443a;
  font: normal 14px/20px Arial, Helvetica, Verdana, sans-serif;
  margin-bottom: 20px;
  margin-left: 20px;
}

/* Tabs
----------------------------------------------- */
#main #tabs {
  float: left;
	height: 34px;
	margin: 0 0 -1px 0;
	position: relative;
	width: 670px;
}
#tabs li {
	background: #eaeaea url(../img/site/tab-left.gif) no-repeat;
	display: block;
	float: left;
	margin: 0 2px 0 0;
}
#tabs li a {
	background: url(../img/site/tab-right.gif) no-repeat top right;
	border: none;
	color: #747474;
	display: block;
	float: left;
	font: normal 12px/34px Arial, Helvetica, Verdana, sans-serif;
	height: 32px;
	overflow: hidden;
	padding: 0 10px;
}
#tabs li a:hover {
	color: #3b250d;
	text-decoration: none;
}

/* Tabbed Content
----------------------------------------------- */
#tabbed-content {
  clear: both;
  border: 1px solid #d3d3d3;
  float: left;
	padding: 25px 20px 40px 20px;
	width: 628px;
}

/* Side Column
----------------------------------------------- */
#column {
  float: left;
  margin: 25px 0 0 0;
  padding: 0 0 0 30px;
  width: 240px;
}
* html #column { padding-left: 30px; width: 200px; }
#column h5 {
  color: #3b250d;
  font: bold 20px Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 20px 0;
}
#column h6 {
  color: #3b250d;
  font: bold 15px Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 3px 0;
	padding: 0;
}
#column p {
  color: #4e443a;
  font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 14px 0;
}
#column ul {
  color: #4e443a;
  font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 0 16px;
}

/* Side Column : Sections
----------------------------------------------- */
#ready-to-order,
#view-shutters {
  border-bottom: 1px dashed #d3d3d3;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
}
#ready-to-order ul,
#view-shutters ul {
  color: #cb6b04;
  font: normal 14px Arial, Helvetica, Verdana, sans-serif;
}
#ready-to-order li,
#view-shutters li {
	list-style-image: url(../img/site/bullet.gif);
	margin: 0 0 5px 3px;
}

/* Side Column : Request Samples Section
----------------------------------------------- */
#request-samples {
  background: transparent url(../img/pricing/samples.gif) left top no-repeat;
  margin: 37px 0 30px 0;
	padding: 5px 0 10px 110px;
	position: relative;
}
#request-samples a {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  text-indent: -9999px;
	top: 0;
	width: 100%;
}

/* Side Column : Unfinished Panels Section
----------------------------------------------- */
#unfinished-panels {
  padding-bottom: 30px;
}
#unfinished-panels p {
  background: transparent url(../img/pricing/unfinished.gif) left top no-repeat;
  margin-top: 5px;
  padding-bottom: 30px;
	padding-left: 48px;
	padding-top: 10px;
}

/* Alert Blurbs
----------------------------------------------- */
#main div.alert {
  background: #44311f url(../img/orders/alert.gif) left top no-repeat;
  border-radius: 6px;
  clear: both;
  display: inline;
	float: left;
	padding: 20px;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#main div.alert p {
  color: #fff;
  font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
  margin: 0;
}

span.error {
  background: transparent url(../img/site/alert.gif) left center no-repeat;
  color: red;
	display: block;
	float: left;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	margin: -5px 0 10px 0;
	padding: 0 0 0 20px;
	width: 100%;
}

select + span.error {
  margin-top: 14px;
}