@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
background:url(../images/body.jpg) left top repeat-x #C6D4C7;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
color:#565454;
}
img
{
margin:0;
padding:0;
border:none;
}
p
{
margin:5px 0px;
}
strong {
font-weight: bold;
}
h1
{
font:bold 18px/30px  Verdana, Arial, Helvetica, sans-serif;
color:#244481;
margin:0;
padding:0;
}
h2
{
width:300px;
font:bold 16px/28px  Verdana, Arial, Helvetica, sans-serif;
color:#B8231E;
margin:0;
padding:0;
}
a
{
color:#565454;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
.img_right{
float:right;
padding: 0 0 0 20px;
}
.wrapper
{
width:100%;
margin:0px auto;
}
.footer
{
width:100%;
margin:0px auto;
background:url(../images/footer-bg.jpg) left top repeat-x;
height:178px;
clear:both;
}
.container
{
width:789px;
margin:0px auto;
}
.header
{
width:789px;
float:left;
height:128px;
background:url(../images/header-bg.jpg) left bottom no-repeat;
}
.logo
{
width:202px;
height:69px;
float:left;
padding-top:41px;
padding-left:22px;
}
.navcontainer
{
width:500px;
float:right;
height:59px;
padding-right:10px;
padding-top:69px;
}

.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.navcontainer ul li
{
display:inline;
text-align:center;
margin:0px 2px;
font:bold 13px/59px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.navcontainer ul li a
{
height:59px;
display:inline;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}
.navcontainer ul li a:hover
{
color:#F06662;
text-decoration:none;
}
.navcontainer li a.active
{
color:#F06662;
text-decoration:none;
}
.header-banner
{
width:122px;
float:left;
background: url(../images/main-image.jpg) left top no-repeat;
height:155px;
padding-left:540px;
padding-top:66px;
padding-right:126px;
margin-bottom:48px;
}
.body
{
width:789px;
float:left;
}
.body-left
{
width:355px;
height:292px;
float:left;
background:url(../images/order-online-bg.jpg) left top no-repeat;
text-align:center;
}
.btn-order-online
{
margin-top:240px;
}
.body-right
{
width:423px;
float:right;
}
.body-right-top
{
width:423px;
float:left;
}
.body-right-bg
{
width:401px;
height:312px;
float:left;
padding-left:22px;
background:url(../images/right-box-bg.jpg) left top repeat-x;
}
.body-right-bg img
{
float:left;
margin-right:30px;
}
.body-right-bg p
{
font:normal 12px/16px Tahoma, Arial, Helvetica, sans-serif;
color:#010101;
}

.body-main
{
width:789px;
float:left;
}
.body-main-top
{
width:200px;
float:left;
}
.body-main-bg
{
width:779px;
float:left;
padding-left:10px;
background:#FFFFFF;
}
.body-main-bg img
{
float:left;
margin-right:30px;
}
.body-main-bg p
{
font:normal 12px/16px Tahoma, Arial, Helvetica, sans-serif;
color:#010101;
}

.red-text
{
color:#B8231E;
}
.footer-content
{
width:789px;
margin:0px auto;
}
.footer-nav
{
width:789px;
float:left;
height:79px;
font:bold 11px/79px Tahoma, Arial, Helvetica, sans-serif;
color:#AEAAAA;
}
.footer-nav a
{
color:#AEAAAA;
text-decoration:none;
}
.footer-nav a:hover
{
text-decoration:underline;
}
.footer-btm
{
width:789px;
float:left;
text-align:right;
padding-top:27px;
}

/**** menu list ****/
.menu-nav
{
width:190px;
float:left;
}
.menu-nav-top
{
width:190px;
float:left;
}
.menu-nav-bg
{
width:190px;
height:312px;
float:left;
padding-left:22px;
background:url(../images/right-box-bg.jpg) left top repeat-x;
}
.menu-right
{
width:575px;
float:right;
}
.menu-right-top
{
width:423px;
float:left;
}
.menu-right-bg
{
width:401px;
height:312px;
float:left;
padding-left:22px;
background:url(../images/right-box-bg.jpg) left top repeat-x;
}

/* element: left navigation */
ul#menu, ul#menu ul {
  margin: 0;
  padding: 0;
  width: 190px;
}

ul#menu li {
  margin-top: 1px;
		list-style-type:none;
		list-style-position: outside;
}

ul#menu li a {
		width: 170px;
		height:18px;
		display: block;
  text-decoration: none;	
  background:#AACCAA;
  padding: 12px 0 5px 20px;
		margin: 0;
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #294108;
}

ul#menu  ul li a {
  background: #DFF5BF;
		padding-left: 20px;
  color: #000;
}

ul#menu  ul li a:hover, ul#menu  ul li a:current {
  background: #CEF496;
  color: #344B11;
}
.columnL{
float:left;
width:375px;
margin: 0 15px 0 0;
}
.columnR{
float:left;
width:360px;
}

/* order popup box*/
div.order_box {
float:left;
display:block;
overflow-y:scroll;
overflow-x:hidden;
margin: 0;
padding:0px 5px;
font-size: 95% /*smaller*/;
font-weight: bold;
_position: absolute; 
position: fixed;
top: .5em;
left: auto;
width: 350px;
min-height: 300px;
right: .5em;
background-color:#FFFFFF;
border: thin outset #B8231E;
vertical-align:top;
}
div.order_box h2
{
font:bold 16px  Verdana, Arial, Helvetica, sans-serif;
color:#B8231E;
margin:5px 0 0 5px;
padding:0;
border: 0;
}
.cart td{
padding: 2px;
font-weight: bold;
}

.order_submit{
cursor:pointer;
border:outset 2px #054216;
color:#FFFFFF;
font-weight:bold;
padding: 1px 8px;
background:#106829;
}
.item{
font-size:13px;
font-weight:bold;
}
.price{
font-size:13px;
}
/* thumbnail enlarge image */
.thumbnail
{
position: relative;
z-index: 0;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
white-space:nowrap;
}
.thumbnail:hover
{
background-color: transparent;
z-index: 50;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
padding: 5px 0 0 0;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 0px; /*position where enlarged image should offset horizontally */
}
.right{
float:right;
margin-right: 25px;
}
.location{
display:block;
}
/****************************************************************
 
	Element: Footer
	
****************************************************************/
#form{
padding: 10px;
}
#form td{
padding: 0 2px 5px 2px;
}
/* Messages */
#error{      
margin: 0 0 10px 0;
padding: 5px;
border: solid 1px #dd3c10;
background: #ffebe8;
}

#error p{	
text-align:left;  
font-weight: normal;
font-size: 14px;
padding: 5px;
}
.submit{
cursor:pointer;
color:#666666;
font-weight:bold;
padding: 1px 8px;
border:outset 1px #999999;
background:#eeeeee;
}
.cancel{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
padding: 1px 4px;
border:outset 1px #ccc;
background:#999;
}