/* HTML Tags */

body {
	background: #ffffff url(bg.gif) repeat-x;
	margin: 0px;
 	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #00ff00;
	scrollbar-face-color: #3a9c00;
  	scrollbar-highlight-color: #00ff00;
 	scrollbar-shadow-color: #006600;
 	scrollbar-3dlight-color: #00ff00;
  	scrollbar-darkshadow-color: #006600;
}
/* These styles are de-activated
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #ffb800;
	margin-top: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
These styles are de-activated */
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: justify;
}
img {
	border: 0px;
}
/* These styles are de-activated
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}
These styles are de-activated */
form {
	margin: 0px;
}

/* CLASS Styles */

.smallfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.error_smallfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00ff00;
	font-weight: bold;
	font-style: italic;
}
.whitefont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	background-color: #006600;
	border-bottom: 3px solid #ffb800;
}
.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}
.td_left {
	font-weight: bold;
}
.td_justified {
	text-align: justify;
}

/* Main Content Forms */

.form_field {
	font-size: 14px;
	font-type: arial,verdana;
	font-weight: normal;
	color: #ffffff;
	cursor: #ffffff;
	border: 1px solid;
	border-color: #00ff00;
	background-color: #3a9c00;
	padding: 2px;
}
.form_field:focus {
	color: #000000;
	cursor: #000000;
	border: 1px solid;
	border-color: #3a9c00;
	background-color: #00ff00;
}
.form_dropdown {
	font-size: 14px;
	font-type: arial,verdana;
	font-weight: normal;
	color: #ffffff;
	border: 0px solid;
	border-color: #00ff00;
	background-color: #3a9c00;
	padding: 0px;
}
.form_dropdown:focus {
	color: #000000;
	border: 0px solid;
	border-color: #3a9c00;
	background-color: #00ff00;
}
.form_button {
	font-size: 14px;
	font-type: arial,verdana;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid;
	border-color: #00ff00;
	background-color: #3a9c00;
	padding: 2px;
}
.form_button:focus {
	color: #000000;
	border: 1px solid;
	border-color: #3a9c00;
	background-color: #00ff00;
}

/* Search Form Field */

.form_field1 {
	font-size: 14px;
	font-type: arial,verdana;
	font-weight: bold;
	color: #3a9c00;
	cursor: #3a9c00;
	border: 2px solid;
	border-color: #ffffff;
	background-color: #ffffff;
	padding: 2px;
	vertical-align: middle;
}
.form_field1:focus {
	border: 2px solid;
	border-color: #cccccc;
}

/* Navigation Form Fields */

.form_field2 {
	height: 18px;
	font-size: 14px;
	font-type: arial,verdana;
	font-weight: normal;
	color: #3a9c00;
	cursor: #3a9c00;
	border: 0px solid;
	border-color: #ffffff;
	background-color: #ffffff;
	padding: 1px;
	margin: 0px;
	vertical-align: middle;
}
.form_dropdown2 {
	height: 20px;
	font-size: 14px;
	font-type: arial,verdana;
	font-weight: normal;
	color: #3a9c00;
	border: 0px solid;
	border-color: #00ff00;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.dropDowngroup_cat2 {
	font-weight: bold;
	font-type: arial,verdana;
	font-size: 14px;
	background-color: #006600;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.dropDowngroup_subcat2 {
	font-weight: normal;
	font-size: 14px;
	font-type: arial,verdana;
	background-color: #3a9c00;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.dropDowngroup_subsubcat2 {
	font-weight: normal;
	font-size: 14px;
	font-type: arial,verdana;
	background-color: #00ff00;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

/* Menu dropdowns used in calc.php, step3.php and step31.php (booking process)
   .dropDowngroup => Category, .dropDowngroup1 => Subcategory */

.dropDowngroup {
	font-weight: bold;
	font: arial,verdana;
	font-size: 12px;
	background-color: #336600;
	color: #ffffff;
	vertical-align: middle;
	padding: 0px;
}
.dropDowngroup1 {
	font-weight: normal;
	font-size: 12px;
	font: arial,verdana;
	background-color: #3a9c00;
	color: #ffffff;
	vertical-align: middle;
	padding: 0px;
}

/* Mouseover window to show details in prices.php
   .pricedata => left side of table, .pricedata1 => right side of table */

.pricedata {
	color: #ffffff;
	font-family: arial,verdana;
	border-color: #3a9c00;
	font-weight: bold;
	font-size: 12px;
	background-color: #3a9c00;
	padding: 3px;
	vertical-align: top;
}
.pricedata1 {
	font-size: 12px;
	font-type: arial;
	color: #000000;
	background-color: #AAAAAA;
	padding: 3px;
	vertical-align: top;
}

/* LINK Colors */

a:link { color: #0000FF;}
a:visited { color: #5555AA;}
a:hover { color: #FFB800;}
a:active { color: #FFB800;}

.whitefont a:link { color: #FFFFFF;}
.whitefont a:visited { color: #FFFFFF;}
.whitefont a:hover { color: #00FF00;}
.whitefont a:active { color: #00FF00;}

.menu a:link { color: #FFFFFF; text-decoration: none;}
.menu a:visited { color: #FFFFFF; text-decoration: none;}
.menu a:hover { color: #00FF00;}
.menu a:active { color: #00FF00;}

.breadcrumb a:link { color: #000000;}
.breadcrumb a:visited { color: #000000;}
.breadcrumb a:hover { color: #3a9c00;}
.breadcrumb a:active { color: #3a9c00;}

.navigation a:link { color: #FFFFFF; text-decoration: none;}
.navigation a:visited { color: #FFFFFF; text-decoration: none;}
.navigation a:hover { color: #00FF00; text-decoration: underline;}
.navigation a:active { color: #00FF00; text-decoration: underline;}
td.navigation:hover { background-color: #008800;}
tr.navigation:hover { background-color: #008800;}

.footer a:link { color: #FFFFFF; text-decoration: underline;}
.footer a:visited { color: #FFFFFF; text-decoration: underline;}
.footer a:hover { color: #00FF00; text-decoration: underline;}
.footer a:active { color: #00FF00; text-decoration: underline;}