/*-----------------------------------------------
Website Managers Design Team
Based on: Stopdesign Base Styles - Author: Douglas Bowman
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */
body {
  background: #fff;
  width:100%;
  color:#333;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.1em;
  text-align:left;
} 
.BGLeft{  background:#000 url("../images/bg_left.gif") no-repeat left top; width:77px; height:100%}
.BGRight{ background:#000 url("../images/bg_right.gif") no-repeat right top;  width:73px; height:100%}
.MainContainer {

  width:100%;
  background: #f3eddb;
  text-align:left;
  border-color:#124;
  color:#333;
  min-height:1000px;
  }

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html  */
  * html .Content, * html .Content2, * html .Content3,  {
    margin-right:-3px;
    display: block;
	min-height: 800px;
	}

.Main{
  padding-left: 200px;
  padding: 0 10px 0 0;
  }
.Main2{margin:0}
.HomePage .Main{ padding-left:0px}
#MainBody{ margin:20px;  }

.Introduction p{ margin:10px 0; }
.RightCol{width: 240px; float:right;  margin: 10px 5px 0 10px; padding:0}
.CaseStudies{
  
  width: 240px;
  height: 345px;
  background-color: #d9d3a6;
  margin:0px 0 10px 0;
  padding: 0px;
  float:right; 
  clear:both;

}
.CaseStudiesTitle{ font-weight:bold; padding:10px 0 0 10px;}
.CaseStudies p{
  border-bottom:1px solid #999; 
  margin:10px 5px;
  padding:0 10px 10px 10px;
}
.Cartoon{ width:229px; height:156px; margin:0 5px; background:#d9d3a6 url("../images/lyndall_cartoon.jpg") no-repeat}

div.Highlights{width:240px; min-height:200px; margin:5px 0px 10px 0;  padding-top: 5px; border-top:1px solid #999; float:right;}
.Highlights p{ 
  font-size: 9px;
  line-height:11px;
  margin:0 10 0 0;
  padding:0 0 0 80px;}
.High1{ width:240px; height: 58px; background:#d9d3a6 url("../images/bg_h1.jpg") no-repeat; margin:10px 0px 0 0; float:right;}
.High2{ width:240px; height: 58px; background:#d9d3a6 url("../images/bg_h2.jpg") no-repeat; margin:10px 0px 0 0; float:right;}
.High3{ width:240px; height: 58px;background:#d9d3a6 url("../images/bg_h3.jpg") no-repeat; margin:10px 0px 0 0; float:right;}
.Highlights .HighTitle{ font-weight:bold; margin:8px 0 0 0}

/* CompleteMail Page Special format */
.CompletedMailPage .MainContainer {
  background-image:none;
  background:#fff;
  }

/* Delivery Page Special format */
.DeliveryError, .CheckoutError {
	margin: 0px;
	padding: 0px;
}

/* General Text Format
----------------------------------------------- */ 
p {
	font: 9pt/12pt ; 
	margin-top: 0px; 
	text-align: left;
}

p.P1, p.P2, p.P3, p.P4, p.P5, p.P6, p.P7 {
	margin: 0px; 
} 

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

.RequiredField {
  font: 9pt/17pt georgia;
  color: red;
  } 

/* Links
----------------------------------------------- */
/*
a, .subnav a:visited {
  color:#358; 
  text-decoration:none;
  border-bottom:1px dotted #469;
  }
  
a:visited {
  color:#677; 
  border-color:#899;  
  }
  
a:hover, .subnav a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
 */ 
a img{
  border-width:0px;
  }  

/* Headings
----------------------------------------------- */
h1 a{
  border-width:0;
  }
  
h2 {
  margin:1.25em 0 .25em;
  font:140%/1.5em ;
  }

  
h2, h2 a, h2 a:visited {
  color:#b95;
  border-width:0;
  }  
  
h2 a:hover {
  color:#974;
  text-decoration:none;
  }
  
h3 {
  margin:.25em 0 .25em;
  font:110%/1.5em ;
  }
  
h3 a {
  border-width:0;
  }
  
h4 {
  margin:1em 0 .25em;
  font:125% ;
  color:#575;
  }

/* Forms
----------------------------------------------- */ 
input.Button{
  padding:0px;
  border:2px solid #69c;
  border-color:#998 #665 #665 #998;
  color:#333;
  background:#ccb;
  font:bold 100% Verdana,Sans-serif;
  }
  
input.Button:hover{
  color:#963;
  background:#eed;
  cursor:pointer;
  }
input.Button:active {  
  border-color:#666 #999 #999 #666;
  background:#ccc;
  color:#000;
  }
input.Text, select.Text{
  margin:1px 0;
  font:12px/1.2em Monaco,Monospace;
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #ccc #aaa;
  color:#333;
}

input.Button:active {
  border-color:#669 #69c #69c #369;
  background:#ccc;
  color:#000;
  }
 
input.Button:hover {
  color:#963;
  background:#eed;
  cursor:pointer;
  }

/* Header Section
----------------------------------------------- */
div.Header {
  background-color:#000; 
  width:100%;
  }
.Header a:visited, .Header a:hover{ border-width:0} 

.HeaderExtra{  width:100%; height:168px; background:#000 url("../images/header_bar.jpg") repeat-x ; } 
.Logo {
  width:397px; 
   position:absolute; left:77px; top:0
 
  }  
.HeaderExtra2{  width:345px; height:168px; background:#000 url("../images/lyndall.jpg"); position:absolute; right:73px; top:0} 

.ShopName {  
 display:none;
  }

.ShopName h1{  
  background-color:#234;
  margin:0;
  font:205%/1.4em ;
  color:#888;
  }
  
/* * html #Header {
    margin-bottom:-11px;
    }
 */ 
/* MainNavBarTop Section
----------------------------------------------- */

div.NavBarTop {
  width:100%;    
  height:25px;
  background-color:#35271c; 
  display:block; 
  z-index:10;
  }

  
div.NavBarTop ul {
  
  width:100%;
  margin:0; 
  padding:0 5px;
  list-style:none;
  font-size:12px;
  text-transform:uppercase;
 
  }
  
div.NavBarTop li {
  float:left;
  margin:0;
   margin-top:5px;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
   color:#f3eddb;
  }
  
div.NavBarTop a{
  display:inline;
  padding:4px 5px;
  border:solid #ddd;
  border-width:0 0 0 0;
  color:#f3eddb;
  text-decoration:none;
  white-space:nowrap;
   margin: 0;
  }
  
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html .NavBarTop a {
  width:1%;
  }
  
.NavBarTop a:hover {
  color:#000;
  }
  
.NavBarTop a:hover {
  background-repeat:no-repeat;
  }
  
.NavBarTop #h {
  border-left-width:1px;
  }
    

  
.NavBarTop a {

  color:#7ac;
  }
  
.NavBarTop a:hover {
  color:#CC9966
   
  }

  



/* Footer
----------------------------------------------- */

.Footer {
  padding-top:0;
  font-size:9px;
   text-align:center;
   height:100px;
   clear:both;
  } 
  
.Footer p {
  margin:0 0 10px 10px;
  padding:0px 20px;

  text-align:center;
  line-height:1.6em;
  color:#333; 
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html .Footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
  
.Footer a, .Footer a:visited {
  color:#333;
  border-color: #333;
  }
.Footer a:hover {
  color:#CC9966;
  border-color:#CC9966;
  }
  
  
/* MainNavBarBottom Section
----------------------------------------------- */

div.NavBarBottom {
  border-top:1px solid #999;
 
  display:block; 
  margin:10px 10px;
   
  }

  
div.NavBarBottom ul {
  
  width:100%;
  margin:0;
  padding:10px 0 0 0;
  list-style:none;
  font-size:9px;
  text-align: center;
 
  }
  
div.NavBarBottom li {
  
  margin:0;
   margin-top:5px;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  color:#333;
  display:inline;
   
  }
  
div.NavBarBottom a{
  display:inline;
  padding:4px 0px;
  border:solid #ddd;
  border-width:0 0 0 0;
  color:#333;
  text-decoration:none;
 
  white-space:nowrap;
   margin: 0;
  }
  
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html .NavBarBottom a {
  width:1%;
  }
  
.NavBarBottom a:hover {
  color:#000;
  }
  
.NavBarBottom a:hover {
  background-repeat:no-repeat;
  }
  
.NavBarBottom .h {
  border-left-width:1px;
  }
    

  
.NavBarBottom a {

  color:#7ac;
  }
  
.NavBarBottom a:hover {
  color:#CC9966;
   
  }