/* =html */
html { background-image : url("images/bg.jpg");
background-color : #847d35;
background-repeat : repeat-x; 
margin : 0;
padding : 0;}

/* =body */
body { margin : 0;
padding : 0;
text-align: center; 
min-width : 850px; }

/* =container */
#container { 
margin:0 auto;
width:850px;
text-align: left; 
background-color : #fff; 
border-top : 1px solid #304c01;
border-left : 1px solid #304c01;
border-right : 1px solid #304c01; 
border-bottom : 1px solid #304c01; 
overflow : auto;}

/* =header */
#header h1{ position : relative;
background: url("images/header.jpg");
background-repeat : no-repeat;
background-position : center; 
margin: 0 0 0 0;
height : 198px; 
text-indent : -9999px;}

/* =navigation */
#navcontainer { width : 100%;
float : left;
background-color : #304c01; 
margin : 0 0 15px; 0}

#navcontainer ul { padding: 0;
margin: 0;
list-style-type: none;
color: #FFF;
width: 100%;
font: 12px  arial, helvetica, sans-serif;
text-align: center; }

#navcontainer ul li {display : inline;
position : relative;}

#navcontainer li a { float : left;
text-decoration: none;
letter-spacing : 1.5px;
background-color: #304c01;
color: #FFF;
padding: .5em 1.2em;
}

#navcontainer li a:hover { background-color: #aef13f;
background-image : url("images/hover.jpg");
color: #b71e56; }

#navcontainer li#active a{ background-image : url("images/hover.jpg");
color : #b71e56; }


/* =======================================================================*/


/*productmenu*/
#productmenu {float : left;
width : 240px; 
margin-bottom : 100px;}

#productmenu p { font : 12px Tahoma, Verdana, Arial, sans-serif; 
color : #b71e56;
font-weight : bold;}

#productmenu p{margin : 10px 10px 10px 30px;}

#productmenu p.subtitle {font : 11px Tahoma, Verdana, Arial, sans-serif; 
color : #b71e56;}

.menutitle{
cursor:pointer;
margin-left : 30px;
margin-bottom: 5px;
background-color:#c8ec8d;
color:#304c01;
width:200px;
padding:2px;
text-align:center;
font-weight:bold;
font : 11px Tahoma, Verdana, Arial, sans-serif; 
/*/*/border:1px solid #304c01;/* */
}


.submenu{
margin-bottom: 0.5em;
}

.submenu ul {margin-top : 0;}

.submenu li { font : 11px Tahoma, Verdana, Arial, sans-serif; }

.submenu li a {text-decoration : none;
color : #304c01;}

.submenu li a:hover { color: #b71e56; }


/*productmain*/
#productmain {float : left;
width : 570px; }

#title {margin-left : 30px;
border-left : 5px solid #b71e56;}

#productimage {float : left;
margin : 0 15px 15px 15px;}
 
#productmain p { margin-top : 10px;
margin-left : 30px;}

#productmain ul li{margin-left : 20px;}

#productmain ol li {margin-left : 20px;}

#productmain h3 {font : 25px Tahoma, Verdana, Arial, sans-serif;
color: #b71e56;
margin-top : 30px;
margin-left : 5px;
margin-bottom : 0;}

#productmain h4 {font : 12px Tahoma, Verdana, Arial, sans-serif;
margin-left : 30px; }

strong#sub {margin-left : 5px;
color: #b71e56;}

#productmain p#welcomeproducts {margin-top : 30px;}



/* =orderpayment title */
#productmain h2#productmaintitle { background : url("images/orderpaymenttitle.jpg");
background-repeat : no-repeat;
text-indent : -9999px;
height : 34px; 
border-bottom : 3px solid #ab344c;}




/* =======================================================================*/

/* =footer */
#footer { 
clear : both;}

#footer p{ padding : 10px 25px;
margin : 0;
background :  #304c01; 
text-align : right;}


