body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}

#container { 
position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
width: 993px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
} 

* { margin: 0; padding: 0; }
body {background: #eeeeee; color: #d9d9d9; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; }
h1 {font-size:14px; color:#333333; background-image:url(images/h1grad.jpg); width:964px; height:22px; margin:0px 5px 2px 5px; padding:3px 0 0 10px}
h4 {font-size:14px; margin:14px 0 10px 10px}

.desc {width:180px; height:240px; border:#CCCCCC 1px solid; background-color:#ffffff; float:left; margin:8px 0 12px 12px; color:#333333; font-size:11px;}
.desc h2 {background-color:#CCCCCC; padding:5px; font-size:13px}
.desc p {padding:10px 6px 0 6px}
.desc p img {display: block; margin: 0 auto; margin-top:15px}

#preload {height:0; overflow:hidden; display:none}

.primg {width:550px; height:300px;  background-color:#ffffff; float:left; text-align:center; border-bottom:#CCCCCC 1px dotted;}
.prtxt {width:409px; font-size:11px; background-color:#EEEEEE; height:285px; float:left; padding:15px 10px 0 10px; color:#333333; border-bottom:#CCCCCC 1px dotted;}
 
.prtxt h2 {font-size:14px; color:#333333; margin-bottom:5px}
.prtxt p {margin:10px 0 0 0; font-size:12px; font-weight:bold}
.price {display:block; margin:8px 0 6px 0; font-size:12px;}
.prtxt br {display:block; margin-top:4px}

#maincontent {background-color:#FFFFFF; float:left}

#logo {display: block; width:974px; height:136px; background-image:url(images/windcases_blk_orng.gif); background-repeat:no-repeat; margin:1px 0 0 5px; font-family: arial, sans-serif}

#logo ul {padding:15px 0 0 740px}
#logo li {display:inline}

#logo ul li a:link {color:#666666; font-size:12px; text-decoration:none}
#logo ul li a:hover {color:#000000; font-size:12px; text-decoration:underline}
#logo ul li a:visited {color:#666666; font-size:12px; text-decoration:none}

.bullet {height:70px; margin-top:12px; padding-left:25px}

.price ul {margin-top:4px}
.price li {font-size:12px; display:inline; list-style:none; margin:0 6px 0 4px; font-weight:bold}
.price .pound {font-size:14px; font-weight:bold}

.info{position:relative; z-index:24; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px} 
.info span{display: none}
.info:hover {color:#000; cursor:default;}
.info:hover span{display:block; position:absolute; top:-114px; left:-80px; width:220px; border:1px solid #000000; padding:4px; background-color:#ffffff; color:#333333; text-align:left}

.review {color:#333333; font-weight:bold; margin-left:15px; text-decoration:none; font-size:11px}
.star {text-decoration:none; color:#333333; font-weight:bold; background:#EEEEEE url(images/stars2.gif) no-repeat; background-position:0 2px; padding-left:52px; margin-left:8px}
.prtxt a:hover {text-decoration:underline}

#footer {width:950px; height:50px; background-color:#b3c4d4; float:left; padding:15px; color:#333333; font-size:10px}
#homebox {width:950px; border:#cccccc 1px solid; margin:10px 10px 10px 10px; color:#333333; font-size:11px; padding:10px}

#about {font-size:12px; color:#333333; margin:12px; font-family:Arial, Helvetica, sans-serif; margin:20px 10px 0 10px; padding-bottom:40px}
#about p {margin:10px}
#about ul {margin:20px}
#about li {margin-bottom:4px}
#about img {float:left; margin:0 12px 12px 12px}

#l  {width:900px; margin:10px 10px 10px 10px}
#l li {list-style-type:none; width:300px; font-size:10px; float:left}
#space {margin:25px 0 0 10px}

#l a {color:#666666}

.gbp {background:url(http://www.dawkes.co.uk/images/flags/uk.gif); width:24px; height:14px}
.usd {background:url(http://www.dawkes.co.uk/images/flags/us.gif); width:24px; height:14px}
.eur {background:url(http://www.dawkes.co.uk/images/flags/eu.gif); width:27px; height:15px}
.jpy {background:url(http://www.dawkes.co.uk/images/flags/jp.gif); width:25px; height:15px}

.flag {
cursor:pointer; 
border:none; 
font-size:0px; 
float:left; 
margin-right:3px;
overflow: hidden;
text-indent: -999px;
display:block;
line-height:0px;
}

#c {height:20px; width:967px; margin:5px 5px 8px 5px; padding:6px 5px 0 0 ; background-color:#EEEEEE}
#cur {color:#666666; font-size:11px}