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

html {font-size: 100%;  } 

body {
    font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	background: #f0fafe;
	background-image:url(../images/body_bak.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
}
#wrapper {
	position:relative;
    margin: 0 auto;
	top:0px;
    width: 757px; 
	/*height:1000px;*/
    text-align:left;
	background-color:#FFF;
	border-left:2px solid #7d4699;
	border-right:2px solid #7d4699;
	padding-bottom:50px;
	
}

/****************  text styles ***************************/

a:link { font-family:  Arial, Helvetica, Verdana, sans-serif; font-weight:bold;  color: #663399; text-decoration: none;  }
a:visited { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #663399; text-decoration: none;  }
a:hover { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #663399; text-decoration: underline; }
a:active { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #663399; text-decoration: underline; }

h2 { font-family:Arial, Helvetica, sans-serif; color:#663399; font-weight:bold; font-size:1.4em;}
p { font-family:Arial, Helvetica, sans-serif; color:#000; font-weight: normal; font-size:1.2em;}


/****************  header styles ***************************/
#header { background-color: #fff; height:111px;}

#header_title { background-color: #fff; background-image:url(../images/header_bar.jpg); background-repeat:no-repeat; height:71px;}

div#header_tabs {}
div#header_tabs ul { position:relative; display:none; /*top:10px;  right:30px; display:block;*/  min-width:757px; height:29px; text-align:left;}
div#header_tabs ul li { list-style-type: none; list-style-position: outside; display: inline; /*height: 29px;*/ }
div#header_tabs ul li a {display:inline-block; /*height: 29px;*/ margin:0px;}

div#header_tab_float {width: 757px;}
div#header_tab_float_spacer {float:left;}
div#header_tab_float_home{float:left;}
div#header_tab_float_products {float:left;}
div#header_tab_float_delivery {float:left;}
div#header_tab_float_aboutus {float:left;}
div#header_tab_float_contactus {float:left;}
div#header_tab_float_links {float:left;}




/****************  content styles ***************************/
#content { position:relative; top:10px; background-color:#fff; /*height:1600px;*/}

#content_top { position:relative; top:0px; background-image:url(../images/content_top_bak.jpg); background-repeat:no-repeat; height:235px; padding:0px; margin:0px;}
#content_top_text { position:relative; top:45px; left:80px; width:465px;}

#content_base { position:relative; top:0px; background-image:url(../images/content_base_bak.gif); background-repeat:no-repeat; height:490px; padding:0px; margin:0px;}

#content_base_text_header {position:relative; left:50px;}
#content_base_text_header h2 { margin:0px; padding:0px;}

#content_base_text_topfloat { position:relative; left:40px; top:10px; width:680px; height:205px; }
#content_base_text_topfloat h2 { margin:0px; padding:0px;}
#content_base_text_topfloat_leftbox { float:left; position:relative; left:10px; top:15px; width:300px;  }
#content_base_text_topfloat_rightbox { float:left; position:relative; left:60px; top:15px; width:300px;  }

#content_base_text_basefloat { position:relative; left:40px; top:30px; width:680px; height:205px; }
#content_base_text_basefloat_leftbox { float:left; position:relative; left:10px; top:15px; width:300px;  }
#content_base_text_basefloat_rightbox { float:left; position:relative; left:60px; top:15px; width:300px; }

/****************  footer styles ***************************/
#footer { position:relative; top:20px; background-color: #FFF; padding-bottom:20px; background-image:url(../images/footer_bak.gif); background-repeat:no-repeat;}
#footer_text { position:relative; top:10px; left:40px; width:650px;}
#footer_mands { color:#663399; text-align:center; font-size:1.1em; font-weight:bold; }




/*******************  Misc Classes  ***********************/

.hidden { display:none;}
.hr_class { color:#663399; height:1px; width:90%; margin-top:30px; margin-bottom:0px; text-align:center;}