body 
{
    font-family:Verdana,Arial,sans-serif; font-size:small;
    background-color:#BED2D9;
    margin:0;
    padding:0;
    text-align:center;
    background-image:url(Media/topbackground.gif);
    background-repeat:repeat-x;
    }
li, th, td, label {font-family:Verdana,Arial,sans-serif; font-size:small;}
input, select, textarea {font-family:Verdana,Arial,sans-serif; font-size:x-small;}

#pagewidth{ 
    position:relative;
    clear:both;
    width:989px; 
    text-align:left;  
    margin-left:auto; 
    margin-right:auto; 
    overflow: hidden;
} 

h1{
    font-family:Verdana,Arial,sans-serif; font-size:14pt;
    color:#4B69A7;
}

h2{
    font-family:Verdana,Arial,sans-serif; font-size:small;
    color:#4B69A7;
}

h3{
    font-family:Verdana,Arial,sans-serif; font-size:small;
}

.smallgreytext
{
    color:#666;
    font-size:xx-small;
}

.LoginStatus
{
    color:#fff;
    margin-top:3px;
    margin-right:10px;
}

#header
{
    position:relative;
    height:171px;
    background-color:#1C333B;
    width:100%;
    z-index:1;
}
#maincontent
{
    postion:relative;
    float:left;
    width:957px;
    background-image:url(Media/maincontentbackground.gif);
    background-position:center;
    background-repeat:repeat-y;
    padding: 10px 15px 10px 15px;
    margin-left: auto ;
    margin-right: auto ;
    min-height:400px; 
}
#footer
{
 height:50px; 
  background-color:#1C333B; 
 clear:both;
 color:#BBB;
}

#footer a{
    color:#BBB;
}

.rightpanel
{
    width:197px;
    float:left;
    position:relative;
}

.leftpanel
{
    width:755px;
    float:left;
    position:relative;
}

.rightpanel300
{
    width:300px;
    float:left;
    position:relative;
}

.leftpanel655
{
    width:655px;
    float:left;
    position:relative;
}

#searchbar
{
    height:38px;
    width:100%;
    background-image:url(Media/searchbarbackground.gif);
    position:relative;
}

.searchbutton
{
    margin-top:5px;
}

.SearchBox
{
    position:relative;
    top:50%;
}

.leftpadding3
{
    padding-left:3px;
    margin-bottom:3px;
}

.rightpadding3
{
    padding-right:3px;
    margin-bottom:3px;
}
.rightpadding10
{
    padding-right:10px;
    margin-bottom:3px;
}
.homespecials
{
    width:240px;
    background-image:url(Media/homespecials.gif);
    height:350px;
    margin-left: 5px ;
    display:inline-table;
    vertical-align:top;
}

#SearchResult
{
    width:726px;
    background-image:url(Media/searchresultsbackground.gif);
    height:110px;
    margin-left: auto ;
    margin-right: auto ;

}

.boxsmalltop{
    width:564px;
    background-image:url(Media/boxsmalltop.gif);
    height:10px;
}

.boxsmallmid{
    width:564px;
    background-image:url(Media/boxsmallmid.gif);
  }

.boxsmallbottom{
    width:564px;
    background-image:url(Media/boxsmallbottom.gif);
    height:15px;
    margin-bottom:5px;
}

.boxsmallcenteredcontent{
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxmedtop{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    background-image:url(Media/boxmedtop.gif);
    height:10px;
}

.boxmedmid{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    min-height:400px;
    background-image:url(Media/boxmedmid.gif);
  }

.boxregmid{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    background-image:url(Media/boxmedmid.gif);
  }

.boxmedbottom{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    background-image:url(Media/boxmedbottom.gif);
    height:15px;
    margin-bottom:5px;
}

.boxmedcenteredcontent{
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxmedsmalltop{
    clear:left;
    float:left;
    width:655px;
    background-image:url(Media/boxmedsmalltop.gif);
    height:10px;
    margin-left: auto ;
    margin-right: auto ;
    display:inline;
    }

.boxmedsmallmid{
    clear:left;
    float:left;
    width:645px;
    background-image:url('Media/boxmedsmallmid.gif');
    margin-left: auto;
    margin-right: auto;
    padding:0px 5px 0px 5px;
    display:inline;
}

.boxmedsmallbottom{
    clear:left;
    float:left;
    width:655px;
    background-image:url(Media/boxmedsmallbottom.gif);
    height:15px;
    margin-left: auto ;
    margin-right: auto ;
    display:inline;
    }

.boxproddetailtop{
    width:655px;
    background-image:url(Media/boxmedsmalltop.gif);
    height:10px;
    margin-left: auto ;
    margin-right: auto ;
    }

.boxproddetailmid{
    width:645px;
    background-image:url(Media/boxmedsmallmid.gif);
    margin-left: auto ;
    margin-right: auto ;
    padding:0px 5px 0px 5px;
  }

.boxproddetailbottom{
    width:655px;
    background-image:url(Media/boxmedsmallbottom.gif);
    height:15px;
    margin-left: auto ;
    margin-right: auto ;
    }

.medsmallmid{
    width:655px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxmedsmallcenteredcontent{
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxlargetop{
    width:958px;
    background-image:url(Media/boxlargetop.gif);
    height:10px;
}

.boxlargemid{
    width:958px;
    background-image:url(Media/boxlargemid.gif);
}

.boxlargebottom{
    width:958px;
    background-image:url(Media/boxlargebottom.gif);
    height:15px;
    margin-bottom:5px;
}

.centeredcontent600{
  width: 600px ;
  margin-left: auto ;
  margin-right: auto ;
}

.centeredcontent800{
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}

.centeredcontent758{
  width: 758px ;
  margin-left: auto ;
  margin-right: auto ;
}

.centeredcontent716{
  width: 716px ;
  margin-left: auto ;
  margin-right: auto ;
}

.td20 td{
    height:25px;
    vertical-align:top;
}

#AddressBox 
{ 
display:none;
position: absolute; 
color: #333; 
text-align: center; 
top: 500px; 
z-index: 100; 
background-color:#BED2D9;
}

.adjustedZIndex {
    z-index: 3;
}

.featuregroup td
{
    font-size:xx-small;
    font-weight:bold;
    color:#4c6da2;
}
.featuredetail td
{
    font-size:xx-small;
}

.basketheader
{
    background-image:url(Media/basketheader.gif);
    height:24px;
}

.basketcontent
{
    background-image:url(Media/basketmid.gif);
}

.basketfooter
{
    background-image:url(Media/basketbottom.gif);
    height:20px;
}

.baskettotals 
{
    overflow:hidden;
    background-image:url(Media/baskettotals.gif);
    width:197px;
    height:123px;
    text-align:right;
    padding-right:20px;
    margin-bottom:5px;
    background-repeat:no-repeat;
}

.baskettotals td
{
    height:20px;   
}

.delbreakdown
{
    width:257px;
}

.delbreakdownheader
{
    background-image:url(Media/delbreakdownheader.gif);
    height:26px;
}
    
.delbreakdownmid
{
    background-image:url(Media/delbreakdownmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
}
    
.delbreakdownbottom
{
    background-image:url(Media/delbreakdownfooter.gif);
    height:16px;
}
    
.returningheader
{
    background-image:url(Media/returningcustomer.gif);
    height:26px;
}
    
.loginmid
{
    background-image:url(Media/loginmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    text-align:center;
    height:120px;
}
    
.loginbottom
{
    background-image:url(Media/loginbottom.gif);
    height:16px;
}
    
.newcustomer
{
    background-image:url(Media/newcustomer.gif);
    height:26px;
}
    
.invoiceheader
{
    background-image:url(Media/invaddheader.gif);
    height:24px;
}
    
.poheader
{
    background-image:url(Media/poheader.gif);
    height:24px;
}
    
.addressmid
{
    background-image:url(Media/addmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    padding-top:10px;
    text-align:left;
    height:100px;
    vertical-align:top;
    line-height:18px;
}
    
.addressbottom
{
    background-image:url(Media/addbottom.gif);
    height:14px;
}
    
.deliveryheader
{
    background-image:url(Media/deladdheader.gif);
    height:24px;
}

.ordersummaryheader
{
    background-image:url(Media/ordersummary.gif);
    height:26px;
    width:300px;
    margin-left:5px;
}
.ordersummarycontents
{
    background-image:url(Media/ordersummarycontents.gif);
    background-repeat:repeat-y;
    width:300px;
    margin-left:5px;
    padding-left:5px;
}
.ordersummarycontents p, h2
{
    margin: 0px 0px 0px 0px;
}
.ordersummaryfooter
{
    background-image:url(Media/ordersummaryfooter.gif);
    height:15px;
    width:300px;
    margin-left:5px;
    }

.addresstable
{
    width:357px;
}

.basketsummary
{
    width:197px;
    height:159px;
    background-image:url(Media/basketsummary.gif);
    background-repeat:no-repeat;
}
.basketsummary td
{
    text-align:center;
}

.selectsupplierheader
{
    background-image:url(Media/selectsupplier.gif);
    height:26px;
    width:464px;
}
    
.selectsuppliermid
{
    background-image:url(Media/selectsuppliermid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    text-align:center;
    min-height:60px;
    width:464px;
}
    
.selectsupplierfooter
{
    background-image:url(Media/selectsupplierbottom.gif);
    height:16px;
    width:464px;
}
.pomid
{
    background-image:url(Media/addmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    padding-top:10px;
    text-align:left;
    height:50px;
    vertical-align:top;
    line-height:18px;
}

.MenuItem
{
   z-index: 100;
}

.MenuItemLink{
   width:100%;
}

.HomeImages
{
    margin-top:-5px;
    margin-bottom:-5px;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */