body, html { 
 background:url(images/body_bg.gif) repeat-x; 
 margin:0px;
 }

a {
 color:#803533;
 text-decoration:none;
 }

a:hover {
 text-decoration:underline;
 }

div#outer { 
 margin:auto; 
 width:950px; 
 }

img {
 border:none;
 }

div#header {
 width:920px;
 height:500px;
 position:relative;
 }

div#search {
 position:absolute;
 top:180px;
 left:50px;
 height:70px;
 }

div#search table {
 height:70px;
 font:12px verdana;
 text-align:left;
 }
 
div#search table th {
 text-align:left;
 color:#222222;
 }
 
.search-box input {
 width:300px;
}

div#content {
 position:absolute;
 top:370px;
 left:10px;
 width:728px;
 margin:auto;
 }
 
div#menu {			
 position:absolute;
 top:400px;			
 left:750px;	
}

div#info {
 margin:30px;
 font:12px verdana;
 }

div#info h1 {
 font:bold 12px verdana;
 }

div#info li {
 list-style-type:decimal;
 line-height:22px;
 }

div#info ul.sublist li {
 list-style-type:square;
 }

div.retailer-box {
 position:relative;
 width:300px;
 min-height:150px;
 padding:10px;
 background:#fafafa;
 border:1px solid #cccccc;  
 margin:20px;
 float:left;
 }
 
div.message-box {
 width:600px;
 height:50px;
 margin:30px;
 font:12px verdana;
 color:#803533;
 text-align:center;
 background:#fafafa;
 border:1px solid #cccccc;	
 line-height:50px;
}

div.status {
 position:absolute;
 right:-20px;
 top:-5px;
 width:71px;
 height:71px;
 }

div.status img {
 margin:-5px 0px 0px 0px;
 }

div.status img.demo {
 margin:-5px 0px 0px 25px;
 }

a#demo {
 cursor:default;
 }

table.retailer {
 font:12px verdana;
 line-height:16px;
 text-align:left;
 width:240px;
 color:#333333;
 } 

table.retailer th {
 text-align:left;
 text-transform:uppercase;
 }

table.retailer th a {
 color:#333333;
 }

table.retailer td {
 text-transform:capitalize;
 padding:0px;
 }

table.retailer td.postcode {
 text-transform:uppercase;
 }

select#county,select#region { 
 text-transform:capitalize;
 width:150px;
 } 

div#footer {
 width:100px;
 height:30px;
 }

table.demodays {
 text-align:center;
 }

table.demodays td {
 vertical-align:top;
 }

img.logo {
 position:absolute;
 top:50px;
 left:40px; 
 }

div#overDiv {
 position:absolute;
 visibility:hidden;
 z-index:1000;
}

#advanced {
 display:none;
 }

div.nav {
 clear:both;
 text-align:center;
 font:12px verdana;
 height:30px;
 }

div.nav a {
 color:#803533;
 text-decoration:none;
 }

div.nav a:hover {
 text-decoration:underline;
 }

div.demo {
 font-size:9px;
 margin:5px;
 }

div#login-box {
 margin:50px auto;
 width:300px;
 height:150px;
 border:1px solid #999999;
 background:#fafafa;
 }

div#login-title {
 width:100%;
 height:30px;
 background:#a24441;
 color:#ffffff;
 border-bottom:1px solid #999999;
 text-align:center;
 font-weight:bold;
 line-height:30px;
 }

div#login-box table {
 margin:20px auto;
 width:230px;
 }

div#login-box th {
 font:bold 10px verdana;
 }

div#content span {
 background:#ffff00;
 }

div#error-page {
 position:absolute;
 top:50px;
 left:50%;
 width:550px;
 margin-left:-275px;
 border:1px solid #cccccc;
 color:#333333;
 background:#ffffff;
 font:12px verdana;
 text-align:center;
 }

div#error-page a {
 font-weight:bold;
 }

div#lang {
 position:absolute;
 top:15px;
 right:40px;
 }

table.demolist {
 font:12px verdana;
 text-align:center;
 text-transform:capitalize;
 }

table.demolist td {
 background:#f1f1f1;
 }

table.demolist th {
 background:#cccccc;
 }