/***** Body and main container *****/

body {
margin:0px auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background: #ffffff top center repeat-y;
color:#ffffff;

}

#wrap {
background:#ffffff;
color:#767779;
margin:0 auto;
width:860px;
}



/***** Various tags *****/

a {
text-decoration:none;
font-weight:bold;
color:#767779;

background-color:inherit;
}

a:hover {
text-decoration:underline;

background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

p.green {
text-decoration:underline;
font-weight:bold;
}


/***** Header *****/

#header {
margin:10px 0 0;
padding:0;
height:90px;
}

h1{
color: #767779;
font-size: 1.0em;
font-weight:bold;

}
#header h1 a {
color:#505050;
background-color:inherit;
text-decoration:none;
}

#header p {
width:400px;
float:right;
text-align:center;
margin:8px 0 0;
font-weight:bold;
line-height:1.3em;
}

/***** Button *****/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
   
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 


a.btn {
    background: transparent url('img/button.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    
    height: 24px;
    text-decoration: none;
}


/***** Images *****/
#back1 {
margin-left:0px;
margin-top:10px;
border: 0px solid;
border-color: #767779;
}


#trolley {
margin-left:570px;
margin-top:-25px;
margin-right:0px;
margin-bottom:0px;
border: 0px solid;
border-color: #767779;
}

#tag2 {
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:2px;
border: 0px solid;
border-color: #767779;
}

#logo {
margin-left:-7px;
margin-top:0px;
margin-right:15px;
margin-bottom:-5px;
border: 0px solid;
border-color: #767779;
}

#phone {
margin-left: 540px;
margin-top:10px;

margin-bottom:-5px;
border: 0px solid;
border-color: #767779;
}


#park {
margin-left:81px;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
border: 1px solid;
border-color: #767779;
}

#tree {
margin-left:600px;
margin-top:-360px;
margin-right:0px;
margin-bottom:0px;
border: 1px solid;
border-color: #767779;
}

#treeleft {
border: 1px solid;
border-color: #767779;
margin-right:0px;

}


#payicon {
border: 0px solid;
}

#deliveryicon {
border: 0px solid;
}

#recycleicon {
border: 0px solid;
}

#orders {
border: 1px solid;
border-color: #767779;
}

/***** Top Menu bar *****/

#topbar {
margin-left:0px;
margin-top:10px;
margin-bottom:0px;
border:0px;
padding:0;
width:860px;
border-top: 1px solid #767779; 
border-bottom: 1px solid #767779; 
border-left: 0px solid #767779; 
border-right: 0px solid #767779; 
height: 20px;
}



#topbar2 {
margin-left:0px;
margin-top:5px;
margin-bottom:0px;
border:0px;
padding:0;
width:400px;
border-top: 1px solid #f23523; 
border-bottom: 1px solid #f23523; 
border-left: 0px solid #767779; 
border-right: 0px solid #767779; 
height: 20px;
}


ul.avmenu {
width:860px;
margin-left:6px;
margin-top:2px;
margin-bottom:0px;
padding:0;
list-style:none;
background-color:#ffffff;
height:17px;

}

ul.avmenu li {
padding:50;
line-height:1.4em;
display:inline;
background-color:#ffffff;
color:#919294;
font-weight:bold;
font-variant: small-caps;


}

ul.avmenu li a {
background-color:#ffffff;

color:#919294;
font-weight:bold;
width:500px;
float:center;
margin-bottom:0px;
margin-left:0px;
padding:0px 12px 0px 12px;
border-right:1px solid #7E5964;
border-left:1px solid #7E5964;
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#ffffff;
text-decoration:underline;
}

/***** Bottom Menu bar *****/
#bottombar {
clear:both;
margin:0 auto;
padding:0px 0 0 0; 
width:100%;
text-align:center;
color:#767779;
background:#ffffff;
border-top: 0px solid #767779; 
border-bottom: 0px solid #767779; 
border-left: 0px solid #767779; 
border-right: 0px solid #767779; 
height: 20px;


}


ul.footermenu {
width:100%;
margin-left:0px;
margin-top:2px;
margin-bottom:0px;
padding:0;
list-style:none;
background-color:#ffffff;
height:17px;
}

ul.footermenu li a {
background-color:#ffffff;

color:#919294;
font-weight:bold;
width:500px;
float:center;

margin-bottom:0px;
margin-left:0px;
padding:0px 8px 0px 8px;
border-right:1px solid #7E5964;
border-left:1px solid #7E5964;
text-decoration:none;
}




ul.footermenu li {

line-height:1.4em;
display:inline;
background-color:#ffffff;
color:#919294;
font-weight:bold;
font-variant: small-caps;

.textmiddle {vertical-align:middle;} 


}

ul.footermenu li a:hover,ul.avmenu li a.current {
background-color:#ffffff;
text-decoration:underline;
}


/***** Main content *****/

#picrow {
clear:both;
margin:0 auto;
padding:10px 0 0 0; 
width:860px;
background:#ffffff;
border-top: 0px solid #767779; 
border-bottom: 0px solid #767779; 
border-left: 0px solid #767779; 
border-right: 0px solid #767779; 


}




/***** Main content *****/


#content {
margin: 5px 0px 5px 0px;
border-left:0px solid #767779;
border-right:0px solid #767779;
border-top:0px solid #767779;
border-bottom:0px solid #767779;
padding:5px 0px;
line-height:1.5em;
background-color:#ffffff;
color:#767779;
width:860px;
}


#col1 {
float: left;
width: 280px;
border-left:0px solid #767779;
border-right:0px solid #767779;
border-top:0px solid #767779;
border-bottom:0px solid #767779;
padding: 0px 5px 0px 0px

}

#col1thin {
float: left;
width: 245px;
border-left:0px solid #767779;
border-right:0px solid #767779;
border-top:0px solid #767779;
border-bottom:0px solid #767779;
padding: 12px 3px 0px 3px

}

#col2 {
float: left;
width: 280px;
border-left:1px solid #767779;
border-right:1px solid #767779;
border-top:0px solid #767779;
border-bottom:0px solid #767779;
padding: 3px 5px 0px 10px
}

#col3 {
float: right;
width: 270px;
border-left:0px solid #767779;
border-right:0px solid #767779;
border-top:0px solid #767779;
border-bottom:0px solid #767779;
padding: 0px 0px 0px 5px
}


#col1and2 {
float: left;
width: 550px;
padding:0px 10px 0px 0px;
border-right:1px solid #767779;}


#col2and3 {
float: left;
width: 602px;
padding:0px 0px 20px 5px;
border-left:0px solid #767779;
}

#step1 {
float:left;
width: 100%;
height: 35px
;

background-color:#e2e3e4;
padding:5px 0px 0px 2px;
font-weight:bold;
vertical-align:middle;
border-left:1px solid #767779;
border-right:1px solid #767779;
border-top:1px solid #767779;
border-bottom:1px solid #767779;
font-variant: small-caps;

}

#step0 {
font-variant: small-caps;
float:left;
width: 100%;
height: 35px
;

background-color:#ffffff;
padding:5px 0px 0px 2px;
font-weight:bold;
vertical-align:middle;
border-left:0px solid #767779;
border-right:0px solid #767779;
border-top:0px solid #767779;
border-bottom:0px solid #767779;
}


#subwhite {
float:left;
width: 100%;
height: 25px
;

background-color:#ffffff;
padding:5px 0px 0px 2px;
font-weight:bold;
vertical-align:middle;
border-left:1px solid #767779;
border-right:1px solid #767779;
border-top:1px solid #767779;
border-bottom:1px solid #767779;
font-variant: small-caps;
margin-top:5px;}

#subgrey {
float:left;
width: 100%;
height: 25px
;

background-color:#e2e3e4;
padding:5px 0px 0px 2px;
font-weight:bold;
vertical-align:middle;
border-left:1px solid #767779;
border-right:1px solid #767779;
border-top:1px solid #767779;
border-bottom:1px solid #767779;
margin-top:5px;

font-variant: small-caps;}

/***** Table *****/


table.shopmenu { 
width:100%; 
border-top:0px solid #767779; 
border-right:0px solid #767779; 
border-bottom:0px solid #767779; 
border-left:0px solid #767779; 
margin:0; 
border-collapse:collapse;
} 

tr.shopmenu { 
width:100%; 
border-top:0px solid #767779; 
border-right:0px solid #767779; 
border-bottom:0px solid #767779; 
border-left:0px solid #767779; 
margin:0; 
border-collapse:collapse;
} 
 
td.shopmenu { 
width:300px; 
border-top:0px solid #767779; 
border-right:0px solid #767779; 
border-bottom:0px solid #767779; 
border-left:0px solid #767779; 
margin:0; 
border-collapse:collapse;
} 

table.delivery { 
width:600px;
border-top:1px solid #767779; 
border-right:0px solid #767779; 
border-bottom:0px solid #767779; 
margin:1em auto; 
border-collapse:collapse;

} 

table.order { 

border-top:1px solid #767779; 
border-right:0px solid #767779; 
border-bottom:0px solid #767779; 
margin:1em auto; 
border-collapse:collapse;
padding: 0px

} 


table.frontpage { 
width:90%; 
border-top:0px solid #767779; 
border-right:0px solid #767779; 
border-bottom:0px solid #767779; 

border-collapse:collapse;
} 

td.frontpage { 
color:#767779; 
border:0;
text-align:left; 
}  

td { 
color:#767779; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
border-top:1px solid #767779; 
padding:.3em 1em; 
text-align:center; 
} 


td.delivery { 
color:#919294; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
text-align:center;
width:130px; 
background:#dbffff;
height:100px;
vertical-align:top;
font-variant: small-caps;
font-weight:bold;

}

td.nodelivery { 
color:#767779; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
text-align:center;
width:70px; 
background:#ffffff;
vertical-align: top;
font-variant: small-caps;
font-weight:bold;
}

td.eastdelivery { 
color:#767779; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
text-align:center;
width:130px; 
background:#99cccc;
vertical-align: top;
font-variant: small-caps;
font-weight:bold;
}

td.centraldelivery { 
color:#767779; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
text-align:center;
width:130px; 
background:#ebe6d9;
vertical-align: top;
font-variant: small-caps;
font-weight:bold;
}

td.westdelivery { 
color:#767779; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
text-align:center;
width:130px; 
background:#e9e95e;
vertical-align: top;
font-variant: small-caps;
font-weight:bold;
}

td.somedelivery { 
color:#767779; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-right:1px solid #767779; 
text-align:center;
width:100px; 
background:#ffBA00;
vertical-align: top;
}

td.offer { 
color:#FD0303; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
padding:.3em 1em; 
text-align:center; 
}

td.offer a {
color:#FD0303; 
}

tr.head { 
color:#919294;
font-weight:bold;
font-variant: small-caps;
vertical-align: bottom;

background:#e2e3e4;
}

tr.row { 
background:#ffffff; 
border-bottom:1px solid #767779; 
border-left:1px solid #767779; 
border-top:1px solid #767779; 
padding:.3em 1em; 
text-align:center; 
vertical-align: bottom; 

line-height:1.4em;
display:inline;
color:#919294;
font-weight:bold;
font-variant: small-caps;}

tr.grey {
background:#e2e3e4;
} 

table.specialoffer { 
width:600px; 
border-top:0px solid #767779; 
border-right:0px solid #767779; 
border-left:0px solid #767779; 
border-bottom:0px solid #767779; 
}

td.specialoffer { 
width:600px; 
border-top:0px solid #767779; 
border-right:0px solid #767779; 
border-left:0px solid #767779; 
border-bottom:0px solid #767779; 
color:#FD0303;
margin-left:-50px;
} 

td.specialoffer a { 
color:#FD0303; 
font-weight:bold;
}


/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:15px 0;
border-top:0px;
width:860px;
text-align:center;
color:#767779;
background:#ffffff;
}

#content2 {
clear:both;
margin:0 auto;
padding:0px 0;
width:860px;
text-align:left;
color:#767779;
background:#ffffff;
}

#guarantee {
margin: 24px 0px 0px 0px;
border-left:1px solid #767779;
border-right:1px solid #767779;
border-top:1px solid #767779;
border-bottom:1px solid #767779;
padding:7px;
line-height:1.5em;
background-color:#ffffff;
color:#767779;
width:260px;
}


#footer p {

padding:0;
}

#footer a {

color:#767779;
background-color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

P.red {
color:#ff0000;
}

P.red a {
color:#ff0000;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}