body{font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;margin: 0px;}
h1{font-size:16px;display:inline}
p{font-size:14px;}

#head{height:80px;background-color:#808000;width:100%;float:left;}
#searchbox{background-color:#666600;border:1px solid black;margin:5px 20px 0px 400px;height:28px;padding-top:4px;}

#pagecontainer{width:1050px; border:1px solid #f00;}


#leftnav{width:170px;float:left;}
#leftnav li{list-style-type:none;}
.nav,.nav:visited{color:#660;text-decoration:none;font-size:14px;}
.nav:hover{color:#660;text-decoration:underline}

#tileContainer{width:700px;float:left;padding: 0px 20px 30px 40px; }

.productTile{font-size:12px;width:125px;height:178px;border:1px solid /*black*/#aaa;color:#90385f;float:left;margin-left:8px;margin-bottom:8px;}
.productTile:hover{background-color:#FAFEF5;border-bottom:1px solid black;border-right:1px solid black;}
.productTileName{width:125px; border: none;height:35px;float:left;color:#000;text-align: center;  padding-top:3px;padding-bottom:3px;}
.productImageContainer{width:110px;height:110px;float:left;}
.productTileImage{border:1px solid #e4e6e2;width:100px;height:100px;float:left;margin-left:10px;margin-top:5px;margin-bottom:5px;}
.productTileImage:hover{border:1px solid #990;}
.productTilePrice{float:left;width:125px;height:20px;color:#000;background-color:<? echo $tileColour ;?>;padding-top:5px; font-size: 10px;  text-align:right;  font-size:12px;}
.productLink{color:#660;text-decoration:none}
.productLink:hover{color:#660;text-decoration:underline}

#topinfo{width:700px;padding: 10px 0px 10px 0px;float:left;}
#pagenavigation{text-align:right;float:right;}/* for pagination */
#pagenavigation a{color:red;text-decoration:none}
#pagenavigation a:hover{color:red;text-decoration:underline}
#pagetitle{float:left;text-align:left;}


.offerTile{width:330px;height:105px;border:1px solid #ccc;float:left;padding:2px 2px 2px 2px;margin-right:8px;margin-bottom:8px;}
.offerTile:hover{background-color:#FAFEF5;border-bottom:1px solid black;border-right:1px solid black;}
.offerImage{width:100px;height:100px;float:left;border:1px solid #999;,padding:4px}
.offerImage:hover{border:1px solid #990}
.offerName{width:220px;height:40px;float:left;font-family:arial;font-size:12px;padding:4px}
.offerPrice{padding-left:60px;float:left;}

.pricepay{}
.pricewas{color:#666600;}
.saving{color:red;}
.offerlink, .offerlink:visited{text-decoration:none;color:#660;}
.offerlink:hover{text-decoration:underline;color:#660}

#banners{float:left; margin-top:40px; }