/* this bit needs to go into layout.css */
BODY { margin: 0px; text-align: center; }
#container { width: 780px;
margin: 0 auto;
position: relative; 
}
#headerContent { width: 780px;
margin: 0 auto;
position: relative; 
text-align: left;
}
#breadcrumbContent { width: 780px;
margin: 0 auto;
position: relative; 
text-align: left;
}
#header { position: absolute; left: 0; top: 0; width: 100%;}
#main { position: relative; margin-top: 108px; text-align: left; padding: 20px 10px 10px 10px;
 }
#navigation { position: absolute; left: 10px; top: 20px; width: 195px; }
#content { margin-left: 210px; }
/* and this bit needs to go into design.css */
BODY {background-image: url(img/bg_diags.gif); background-repeat:repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px;}
#main { background-color: #fff; }
#header { background-color: #006699; background-image: url(img/header_grad.jpg); }
#breadcrumb ul {list-style-type:square; padding: 0px; margin: 0px;   }
#breadcrumb ul li { display: inline; padding: 0 10px 0 20px; background-image: url(img/chevron.gif); background-position: left; background-repeat: no-repeat }
#breadcrumb { background-color: #006699; padding: 4px; }
#breadcrumb, #breadcrumb a { color: white; }
#breadcrumb li.breadfirst { background-image: none; padding: 0; }
#breadcrumb li.breadsecond { background-image: none; padding-left: 10px; }
.product { border: 1px solid #ccc; padding: 10px; }
.productImage { float: left; }
.productDescription { margin: 0 200px 0 0; }
#navigation ul {padding: 0; margin: 0; list-style-type:none; }
#navigation ul li { background-color: #fff; color: #000; border: 1px solid #ccc; padding: 4px 4px 4px 9px; margin: 2px;  background-image: url(img/menu_leftimg.gif); background-position: left;background-repeat: no-repeat } 
#navigation li.head { background-color: #217aa6; color: #fff; padding: 4px; margin: 12px 2px 2px 2px; background-image: none; } 
#navigation li.firstnav { margin-top: 2px; }
#navigation a { text-decoration:none; color: #000; }
#navigation li:hover { background-color: #eee; }
#navigation li.head:hover {background-color: #217aa6; }
#content a:hover { background-color: #dedeff; }
#content a { color: #3399ff; }
#content a:visited {color: #0066cc; }
.teaser { background-color: #f8f8f8; border: 1px solid #3399ff; padding: 5px; font-size: 1.3em; }
.teaser a {color: #3399ff; }
H1 { margin: 0px; padding: 0px; font-size: 26px; }
H2 { margin: 0px; padding: 0px; color: #090; font-size: 16px; margin: 5px 0 5px 0; }
H3 { margin: 0px; padding: 0px; font-size: 14px; color: #090; }
.product { border: 1px solid #ccc; background-color: #f4f4f4; padding: 6px; margin: 8px 0 0 0;  position: relative; }
.productImage { background-color: #fff; position: relative; }
.productImage IMG{ margin: 6px; background-color: #FFFFFF; }
.productSummary { margin-left: 210px; }
.productPricing { margin-left: 210px; color: #900; font-size: 16px;}
.rrp { margin-left: 210px; color: #900; font-size: 16px; text-decoration: line-through}
.productActions { text-align: right;}
.productTail { clear: both; }
#footer { clear: both; padding: 4px; margin-top: 10px; border-top: 1px dotted #666; color: #666; font-size: 11px; }
.categoryImage IMG{ border: 1px; color:#CCCCCC; }