body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: trebuchet ms, arial, helvetica,sans-serif;
	color: #000000;
	
	background-color: #FFFFFF;
	background-color: #BED600;
	background-color: #749AD8;
	background-image: url(bg2.gif);
	/* 
	background-attachment: fixed;
	background-position: top; 
	*/
	scrollbar-arrow-color : #0066CC;
	scrollbar-base-color : #BED600;
	scrollbar-face-color : #B9CCEB;
	scrollbar-highlight-color : #F1F5FB;
	scrollbar-shadow-color : #003366;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #749AD8;
	scrollbar-track-color : #749AD8;
	}

a:link {text-decoration: underline}
a:visited {text-decoration: underline}
a:hover {color: #669900; text-decoration: underline}
a:active {color: #669900; text-decoration: underline}	

.blue a:link {color: #0066CC; text-decoration: underline}
.blue a:visited {color: #0066CC; text-decoration: underline}
.blue a:hover {color: #669900; text-decoration: none}
.blue a:active {color: #669900; text-decoration: none}

.headblue a:link, .headblue a:hover, .headblue a:visited, .headblue a:active { color: #000066; text-decoration: none;}

.green a:link {font-size: x-small; color: #669900; text-decoration: underline}
.green a:visited {font-size: x-small; color: #669900; text-decoration: underline}
.green a:hover {font-size: x-small; color:  #0066CC; text-decoration: none}
.green a:active {font-size: x-small; color:  #0066CC; text-decoration: none}

#location h1 {font-size: x-small;  font-weight: normal; color: #669900;}
#location h1 a {font-size: x-small;  font-weight: normal;}
#location h1 a:link {color: #669900; text-decoration: underline}
#location h1 a:visited {color: #669900; text-decoration: underline}
#location h1 a:hover {color:  #0066CC; text-decoration: none}
#location h1 a:active {color:  #0066CC; text-decoration: none}
#location b {color:  #669900; text-decoration: none}


#copyright a:link {color: #0066CC; text-decoration: underline}
#copyright a:visited {color: #0066CC; text-decoration: underline}
#copyright a:hover {color: #669900; text-decoration: underline}
#copyright a:active {color: #669900; text-decoration: underline}

	
form {
	display: inline;
	}

input {
	font-size: 90%;
	font-family: trebuchet ms, arial, helvetica,sans-serif;
	
	}

.blue input.text {
	margin: 1px 1px 1px 1px;
	background-color: #F1F5FB;
	}
	
.green input.text {
	margin: 1px 1px 1px 1px;
	background-color: #F9FBE6;
	}
	
.blue input.number {
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-color: #F1F5FB;
	}

.green input.number {
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-color: #F9FBE6;
	}
	
.blue input.enter {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #B9CCEB;
	border-left: 1px solid #B9CCEB;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	background-color:  #749AD8;
	color: #FFFFFF;
	font-weight: bold;
	}

.green input.enter {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #DEEA7F;
	border-left: 1px solid #DEEA7F;
	border-right: 1px solid #666B3A;
	border-bottom: 1px solid #666B3A;
	background-color: #BED600;
	color: #FFFFFF;
	font-weight: bold;
	}	
	
.blue select {
	font-size: 90%;
	background-color: #F1F5FB;
	font-family: trebuchet ms, arial, helvetica,sans-serif;
	}

.green select {
	background-color: #F9FBE6;
	font-family: trebuchet ms, arial, helvetica,sans-serif;
	}
		

h1, 
.blue h1 a:link,
.pheader {
	font-size: medium;
	font-weight: bold;
	display: inline;
	color: #BED600;
	text-decoration: none;
	}

h2 {
	font-size: medium;
	display: inline;
	color: #BED600;
	text-decoration: none;
	}	

h3 {
	font-size: small;
	display: inline;
	color: #749AD8;
	text-decoration: none;
	}	

.details h3 {
   display: block;
   color: #000;
}
	
p {
	text-align: justify;
	}

b.strike {
	text-decoration: line-through;
	}	

b.hot {
	color: #CC0000;
	}
	
/* -------------------------------- */	
	
table.pricelist {
	width: 100%;
	text-align: left;
	font-size: x-small;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #FFF;
	}

td.price1 {
	border: 2px solid #E3EBF7;
	padding: .1em .1em .1em .1em;
	background-color: #FFFFFF;
	text-align: center;
	}	

td.price2 {
	border: 2px solid #E3EBF7;
	padding: .1em .1em .1em .1em;
	background-color: #F1F5FB;
	text-align: center;
	}
td.price1 input {
	font-size: xx-small;
	}

td.price2 input {
	font-size: xx-small;
	}
	
th.price {
	border: 2px solid #E3EBF7;
	padding: .2em .2em .2em .2em;
	background-color: #BED600;
	color: #336600;
	text-align: center;
	}	
/* -------------------------------- */	
	
table.subcategory {
	width: 100%;
	text-align: left;
	font-size: x-small;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #FFF;
	}

td.sub1 {
	border: 2px solid #E3EBF7;
	padding: .2em .2em .2em .2em;
	background-color: #FFFFFF;
	text-align: left;
	}	

td.sub2 {
	border: 2px solid #E3EBF7;
	padding: .2em .2em .2em .2em;
	background-color: #F1F5FB;
	text-align: left;
	}

th.sub {
	border: 2px solid #E3EBF7;
	padding: .2em .2em .2em .2em;
	background-color: #BED600;
	color: #336600;
	text-align: left;
	}	
/* -------------------------------- */	
	
table.inmenu {
	width: 92%;
	text-align: left;
	font-size: x-small;
	}

table.special {
	width: auto;
	font-size: x-small;
	border-bottom: 5px solid #B9CCEB;
	}

table.hits {
	width: 100%;
	font-size: xx-small;
	border-bottom: 5px solid #B9CCEB;
	}

table.details {
	width: 100%;
	font-size: x-small;
	border-bottom: 5px solid #B9CCEB;
	}
	
table.register {
	font-size: x-small;
	border-bottom: 5px solid #B9CCEB;
	}
		
table.inmenu td {
	width: 100%;
	font-size: x-small;
	}

table.hits td, table.details td, table.special td {
	background-color: #FFFFFF;
	border-top: 5px solid #E3EBF7;
	padding: .5em .5em .5em .5em;
	}

table.hits td, table.details td {
	vertical-align: top;
	}

table.register td {
	background-color: #FFFFFF;
	padding: .2em .2em .2em .5em;
	}

table.register td.action {
	background-color: #FFFFFF;
	text-align: right;
	width: 35%;
	}

td.pic {
	text-align: center;	
	}	
			
td.action {
	text-align: right;
	vertical-align: middle;
	}	
	
#main {
	position: absolute;
	z-index: 2;
	left: 2%;
	width: 97%;
	background-color: transparent;
	height: auto;
	}
	
#top {
	width: 99%;
	background-color: transparent;
	text-align: left;
	}

#left {
	float: left;
	width: 24%;
	background-color: transparent;
	}

#middle {
	float: left;
	width: 52%;
	background-color: transparent;
	}	
	
#right {
	float: left;
	width: 23%;
	background-color: transparent;
	}
	
#bottom {
	width: 99%;
	background-color: transparent;
	text-align: left;
	float: left;
	}

#header {
	background-color: #7992CA;
	background-image: url(bg-header.gif);
	color: #000066;
	width: auto;
	height: auto;
	}

#logo {
	background-color: transparent;
	background-image: url(header.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #000066;
	width: auto;
	height: auto;
	}	

#search {
	background-image: url(bg-header.gif);
	background-position: bottom;
	}

#locator {
	position: absolute;
	z-index: 1;
	top: 125px;
	left: 1%;
	width: 190%;
	font-size: x-small;
	display: none;
}
	
#search table{
	font-size: x-small;
	color: #000066;
	}	
	
div.blue {
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E3EBF7;
	display: compact;
	width1: auto;
	width: 100%;
	height: auto;
	font-size: x-small;
	}

div.blue ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
div.blue li {
	margin: 0;
	padding: 0;
	}
	
div.blue li a:link, div.blue li a:visited {
	display: block;
	padding: 2px 2px 2px 1em;
	color: #0066CC;
	text-decoration: none;
	width: 100%;
	}

html>body div.blue li a {
	width: auto;
	}

div.blue li a:hover, div.blue li a:active {
	background-color: #F1F5FB;
	text-decoration: none;
	color: #669900;
	}

div.headblue {
	padding: .1em 1em .1em .5em;
	background-color: #B9CCEB;
	color: #000066;
	display: compact;
	height: auto;
	}

div.bodyblue table {
	font-size: 100%;
}	
	
div.green {
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F7CC;
	display: compact;
	width: 100%;
	height: auto;
	font-size: x-small;
	text-align: justify;
	}
	
div.headgreen {
	padding: .1em 1em .1em .5em;
	background-color: #DEEA7F;
	color: #336600;
	display: compact;
	height: auto;
	}

div.dots {
	position: absolute;
	top: -100px;
	left: -100px;
}
	
#news {
	font-size: xx-small;
	}
	
#copyright {
	width: auto;
	height: auto;
	font-size: xx-small;
	}
	
#adv {
	text-align: center;
	padding: 10px 5px 5px 5px;
}


/* --- Menu style --- */

#nav {
	position: absolute;
	z-index: 100;
	width: 95%;
	left: 2%;
	top: 80px;
	text-align: right;
	margin-left: 5px;
	}

#nav table{
	border-collapse: collapse;
	border: 0px solid #000;
	padding: 0px;
	}
	
#nav table td {
	vertical-align: top;
	padding: 0px;
	border-right: 0px solid #E3EBF7;
	}

.menublock ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #E3EBF7;
	background: #749AD8;
	}
		
.menublock li {
	margin: 0;
	padding: 0;
	border-left: 5px solid #E3EBF7;
	border-right: 5px solid #E3EBF7;
	}

.menublock p {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	}
		
.menublock a:link, .menublock a:visited {
	display: block;
	padding: 1px 3px 1px 3px;
	color: #E3EBF7;
	text-decoration: none;
	width: 100%;
	}

html>body .menublock a {
	width: auto;
	}

.menublock a:hover, .menublock a:active {
	background-color: #B8CCEB;
	text-decoration: none;
	color: #FFF;
	}

.menublock {
	display: block;
	overflow: hidden;
	height: 20px;
	width: auto;
	font-size: 80%;
	}