/* ----------------------------------
   project: Eaton Eye Care
   authors: Tom Harley, Stuart Lees
   company: TXD Limited
   web: http://www.txdlimited.co.uk
   ---------------------------------- */

/* ---------- Restore Browser Defaults ---------- */

* {
	margin:0; 
	padding:0
}

body {
	margin-bottom:1em; 
	padding:0; 
	text-align:center; 
	font:62.5%/1.3 Trebuchet MS, Arial, Helvetica, sans-serif; 
	color:#fff; 
	background:url(../images/background.jpg) top left repeat-x #222
}

/* ---------- DIV Layout ---------- */

#wrapper {
	width:800px; 
	margin:0 auto; 
	text-align:left; 
	background-color:#E0E1D8; 
	border-left:5px solid #444; 
	border-right:5px solid #444; 
	border-bottom:5px solid #444
}

#topInfo{
	position:relative; 
	background:url(../images/bgr_header.jpg) top left repeat-x #222
}

#header{
	background-color:#E0E1D8;
}

#leftCol {
	float:left; 
	width:241px; 
	display:inline; 
	background-color:#E0E1D8; 
	min-height:300px;
}

#rightCol {
	float:left; 
	width:559px; 
	background-color:#ffffff; 
	display:inline; 
	padding-bottom:1em; 
	min-height:300px
}

#footer{
	clear:both; 
	background:url(../images/bgr_footer.jpg) top left repeat-x #222; 
	height:1%; 
	border-top:10px solid #C0C1B0
}

#headerLogo {
	float:left; 
	background:url(../images/logo.jpg) top left no-repeat #000; 
	height:85px; 
	width:241px
}

#main-menu {
	float:left; 
	background:url(../images/bgr_header.jpg) top left repeat-x #222; 
	width:559px;
	height:85px
}

#quote {
	float:left; 
	background-color:#eee; 
	width:241px
}

#headerPic {
	float:left; 
	background-color:#ddd; 
	width:559px
}

.clear {clear:both;}

#paragraph {
	float:left; 
	text-align:right; 
	padding-left:545px; 
	background-image:url(../images/bgr_header.jpg)
}

#paragraph em{
	color:#999999;
}

#footerA {
	float:left;  
	width:237PX; 
	min-height:200px; 
	height:auto; 
	background:url(../images/footer_divider.jpg) center right no-repeat; 
	padding:5px
}
	
#footerB {
	float:left; 
	width:252px; 
	margin-left:10PX; 
	min-height:200px; 
	min-height:200px; 
	height:auto
}

#footerC {
	float:left; 
	width:250px; 
	margin-left:10px;
	background:url(../images/footer_divider.jpg) center left no-repeat; 
	min-height:200px; 
	height:auto; 
	padding:5px
}

* html #footerA, * html #footerB, * html #footerC {
	height:200px
}

#contactDetails {margin:1em; font-size:0.8em;}

/* ---------- Typography ---------- */

a {color:#4E5042}
a:hover {text-decoration:none;}
.alignRight {text-align:right; padding:0 0.5em 0.5em 0.5em; font-size:1.2em; margin-top:-20px}

h1 {
	margin:10px; 
	font-size:1.6em; 
	color:#333
}


p {
	margin:10px; 
	font-size:1.2em; 
	color:#333
}

blockquote {
	padding:0.5em;
	font-size:1.2em;
	color:#333;
	border-bottom:3px solid #CACBBC;
	background:#E0E1D8; 
	margin:10px;
	font-weight:bold;
}

.imgHouse {
	background:#E0E1D8; 
	border:1px solid #ddd; 
	margin:10px;
}

.imgHouse img {
	float:left; 
	margin:10px 20px 10px 10px; 
	border:1px solid #cdcdcd
}

h2 {
	margin:10px; 
	color:#87887D; 
	font-size:1.5em; 
	font-weight:bold;
	padding-bottom:0.2em;
	border-bottom:3px solid #87887D;
	TEXT-TRANSFORM:UPPERCASE;
}

.goTop {
	margin:10px; 
	color:#000; 
	font-size:1.2em; 
	border-bottom:1px solid #ddd;
	padding:0.5em 2em 0.5em 0;
	background:url(../images/back_to_top_bg.jpg) center right no-repeat #eee;
	text-align:right;
}

h3 {
	margin:10px; 
	color:#000; 
	font-size:1.3em; 
}

ul {
	padding:0 1em;
	margin:1em;
	color:#333;
	font-size:1.2em;
	list-style:none;
}

ul li {padding:0 0 0.5em 2em; background:url(../images/bullet.jpg) 0 10% no-repeat}

ol {
	padding:0 2em;
	margin:1em;
	color:#333;
	font-size:1.2em;
}

dl{
	margin:0;
	padding:1em 0;
	color:#333;
	border-top:10px solid #C0C1B0;
	border-bottom:10px solid #C0C1B0;
	background-color:#E0E1D8;
	height:185px;
	text-align:center;
}

dd{
	padding:2.5em 1em 0 1.5em;
	background:url(../images/bgr_quote_top.jpg) top left no-repeat #E0E1D8;
	font-size:1.3em;
}

dt{
	background:url(../images/bgr_quote_bottom.jpg) top right no-repeat #E0E1D8;
	font-size:1.1em;
	text-align:right;
	padding:3em 1em 0 1em;
	font-style:italic;
}

/* ---------- Mooquee JS Scroller ---------- */

#mooquee1 {
	float:left
}

.mooquee {
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
	float:left;
	color:#fff;
	padding:11px;
	margin-right:0.5em;
	right:0
}

.mooquee-text {
	position: absolute;
}

/* ---------- Sub Navigation ---------- */

#nav {
	width:241px;
	_width:212px;
	background-color:#E0E1D8;
	color: #fff;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#nav li {
	margin: 0;
	padding:0;
	/*background:url(../images/li_bg.jpg) top left repeat-x #080808;*/
	border-bottom:2px solid #B6B7A9;
}

#nav li a {
	display: block;
	padding:7px 5px 7px 2em;
	background:url(../images/li_a_default.jpg) top left no-repeat #080808;
	color: #BDBDBD;
	text-decoration: none;
	width: 100%;
	font-size:1em;
}

html>body #nav li a {
	width: auto;
}

#nav li a:hover {
	color: #fff;
	background:url(../images/li_a_active.jpg) top left no-repeat #080808;
}

/* ---------- Miniflex JS Main Nav ---------- */

#miniflex {
  width: 100%;
  _width:530px;
  float: left;
  font-size: 1.4em;
  _font-size:1.3em;
  margin:2.5em 0 2em 0.5em;
  _margin:30px 0 0 0px;
  padding: 0 10px 0 10px;
  position:relative;
  z-index:2;
  letter-spacing:0.5pt;
}

#miniflex li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  position:relative;
  background:none;
}

#miniflex a:link, #miniflex a:visited {
  float: left;
  font-size: 85%;
  line-height: 20px;
  margin: 0 10px 0 10px;
  text-decoration: none;
  color: #fff;
}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  border-bottom: 4px solid #696;
  padding-bottom: 2px;
  color: #fff;
}
  
#animated-tab {
  position: absolute;
  left:0px;
  z-index: 1;
  font-size: 85%;
  line-height: 20px;
  padding-bottom: 2px;
  border-bottom: 4px solid #00b0b2;
}

#topInfo p, #footer p {
	color:#fff
}

#footer h2 {border:0; FONT-WEIGHT:NORMAL; text-transform:none}

/* ---------------- Form Elements --------------------- */

fieldset {
	border:none;
	margin-top:10px;
	_margin-bottom:15px;
}

legend {
	font-weight:NORMAL;
	color:#87887D; 
	font-size:1.5em;
	padding-left:10px;
	_padding-left:0;
	*padding-left:0;
}

label{
	font-size:1.2em;
	float:left;
	width:5.5em;
	color:#CECFC9;
	display:block;
}

input{
	border:1px solid #F3F3F3;
	background-image:url(../images/bgr_bottom_form.jpg);
}

.required{
	position:absolute;
	font-style:italic;
	font-size:1em;
	color:#C0C1B0;
	padding-left:2px;
}

.submit {margin-left:90px;}

/* ---------- Additional Classes ---------- */

.marginPic {margin: 0.5em 1em; border:3px solid #E0E1D8}
.small {font-size:1em}
.emph {color:#FF0000; font-weight:bold; font-size:1.2em}
.odd {background-color:#F0F0EC}

/* ---------- Table Data ---------- */

table {
	border-collapse:collapse; 
	border:1px solid #ccc; 
	margin:0 1em 1em 1em;
	color:#222;
	font-size:1.2em;
}

caption {
	padding:1em; 
	_padding: 0;
	text-align:left; 
}

table th {
	font-weight:bold; 
	text-align:left; 
	vertical-align:top; 
	padding:0.5em;
	background:#E0E1D8; 
	border-bottom:1px solid #ccc; 
	border-right:1px solid #ccc
}

table td {
	padding:0.5em; 
	border-collapse:collapse; 
	vertical-align:top; 
	border-bottom:1px solid #ddd; 
	border-right:1px solid #ddd
}

#openingTimes {border-collapse:collapse;border:1px solid #ccc;color:#222;font-size:1.2em; margin-left:0px}

/* ---------- Main Form ---------- */

#contactForm fieldset {
	margin:1em;
	padding:1em;
	border:1px solid #ccc;
	width:350px;
}

#contactForm legend {
	font-weight:bold;
}

#contactForm label {
	display:block;
	width:7em;
	color:#333;
}

.inputText, #contactForm textarea {
	width:220px;
	background:none;
	border:1px solid #ccc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contactForm textarea {height:160px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.contactSubmit {MARGIN-LEFT:100PX;border:1px solid #ddd; background:url(../images/bgr_bottom_form.jpg) top left repeat-x #C7C5C6; font-size:1em; padding:0.2em}