/*
######################    CWB  PRO   #######################
############################################################
CWB PRO	          	Version 1.5
Writed by               GraFX (webmaster@grafxsoftware.com)
Created 03/01/03        Last Modified 28/06/03
Scripts Home:           http://www.grafxsoftware.com
############################################################
File name               generic.css
File purpose            CSS used in site
File created by         GraFX (webmaster@grafxsoftware.com)
############################################################
*/



clid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}




.menuUp  {

text-decoration:none;
color: #000000;
font-size: 11px; 
font-family: Verdana;
	
}

.menuUp:visited {
text-decoration:none;
color: #000000;
font-size: 11px; 
font-family: Verdana;
	
}

.menuUp:hover {

text-decoration: underline;
color: #B8E736;
font-size: 11px; 
font-family: Verdana;
	
}

.menuUp:active {
	text-decoration:none;
color: #000000;
font-size: 11px; 
font-family: Verdana;
	
}

.menuUp:link {
text-decoration:none;
color: #000000;
font-size: 11px; 
font-family: Verdana;
	
}



.searchR{
text-decoration:none;
color: #000000;
font-size: 11px; font-family: Verdana;
}
.searchC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
}



.menuDown{
text-decoration:none;
color: #FF6600;
font-size: 11px; font-family: Verdana;
}

.menuDown:link {
	text-decoration:none;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.menuDown:hover {
text-decoration: underline;
color: #FF0000;
}

.menuDown:visited {
	text-decoration:none;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.menuSubcategory{
text-decoration:none;
color: #FF6600;
font-size: xx-small; font-family: Verdana;
}

.menuSubcategory:link {
	text-decoration:none;
	color: #333333;
	font-size: xx-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.menuSubcategory:hover {
text-decoration: underline;
color: #FF0000;
}

.menuSubcategory:visited {
	text-decoration:none;
	color: #000000;
	font-size: xx-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.biiig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.menu_featured{
	text-decoration:none;
	color: #FF0000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.menu_featured:link {
	text-decoration:none;
	color: #FF0000;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.menu_featured:hover {
text-decoration: underline;
color: #006600;
font-size: x-small;
}

.menu_featured:visited {
	text-decoration:none;
	color: #FF0000;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}





body 
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
BACKGROUND-COLOR: #ffffff;
}

form 
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

/*
INPUT {
	BACKGROUND-COLOR: #FFFFFF; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, helvetica, sans-serif;  
	FONT-SIZE: 11px; 
	border-left-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-top-style: solid
}
*/

SELECT 
{
BACKGROUND-COLOR: #ffffff;
COLOR: #000000;
FONT-FAMILY: Arial, helvetica, sans-serif;
FONT-SIZE: 11px
}

TEXTAREA 
{
BACKGROUND-COLOR: #ffffff;
COLOR: #000000;
FONT-FAMILY: Arial, helvetica, sans-serif;
FONT-SIZE: 11px;
border: 1px #000000;
/*
	border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-top-style: solid
*/
}

OPTION 
{
BACKGROUND-COLOR: #FFFFFF;
COLOR: #000000;
FONT-FAMILY: Arial, helvetica, sans-serif;
FONT-SIZE: 11px;
font-weight: bold
border: 1px #000000;
}

HR 
{
color: #e2e2e2;
height:1px;
line-height: 1px
}

A:hover 
{
color: #333333;
text-decoration: underline;
}

A:visited 
{
color: #333333;
text-decoration: none;
}

A:active 
{
color: #333333;
text-decoration: none;
}

A:link 
{
color: #333333;
text-decoration: none;
}

.text 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.text_box 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

A.text:link 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-decoration: none
}

A.text:hover 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;
text-decoration: none
}

.textbold 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}

A.textbold:hover 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #990000;
text-decoration: underline
}

A.textbold:link 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none
}

.textwh 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}

A.textwh:hover 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline
}

A.textwh:link 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}

.txtbox 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

.txtbox:hover 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #990000;
text-decoration: underline
}

.txtbox:link 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}

.error 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
}

A.error:link 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;
text-decoration: none
}

A.error:hover 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;
text-decoration: none
}

.BusinessTitle 
{
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
}

/*
used on registration page
*/

#ht1,#ht2,#ht3,#ht4,#ht5,#ht6,#ht7,#ht8,#ht9,#ht10,#ht11,
#ht12,#ht13,#ht14,#ht15,#ht16,#ht17,#ht18,#ht19,#ht20,#ht21,
#ht22,#ht23,#ht24,#ht25,#ht26,#ht27 
{
position: absolute;
z-index: 100;
top: 0px;
left: 10px;
visibility: hidden
}

.hyperText 
{
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
background-color: #e3e3e3;
padding: 5px;
border: solid 2px #333333;
width: 300px;
}

/*
nice borders on Tables, very usefull if you want to not use tables in tables
mostly is used on template_firstpage.html and template_index.html
*/

.TableWithHeading 
{
border: 1px solid #6B8C31;
background-color: #FFFFFF;
padding: 3pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.boorder {
	border: 1px solid #000000;
}
.TableWithoutHeading 
{
border: 1px solid #6B8C31;
margin: 3px;
}
.BorderTD 
{
border: 1px solid #6B8C31;
background-color: #CFE9E8;
padding: 3pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

.YellowTDHeader 
{
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #000000;
line-height: 16px;
font-size: 11px;
text-align: left;
padding-right: 5px;
font-weight: bold;
letter-spacing: 1px;
}

/*
CONTACT US forms
*/

form div 
{
clear: both;
margin-bottom: 2px;
}

form label 
{
display: block;
float: left;
width: 80px;
padding-left: 22px;
}

form label.required 
{
background-image: url(../images/required.gif);
background-repeat: no-repeat;
background-position: 3px 0px;
}

form label.problem 
{
background-image: url(../images/caution.gif);
background-repeat: no-repeat;
background-position: 3px 0px;
}

form label.completed 
{
background-image: url(../images/complete.gif);
background-repeat: no-repeat;
background-position: 3px 0px;
}

div#submitdiv 
{
margin-left: 7em;
padding-left: 22px;
padding-top: 0.3em;
}

input#subject, textarea 
{
width: 260px;
}

input#email, input#phone 
{
width: 40%;
}

.textarea 
{
	border: 1px solid #000000;
	height: 22px;
}
.textarea2 
{
	border: 1px solid #000000;
	height: 18px;
}
input:focus, textarea:focus 
{
border: 2px solid #000000;
}

#image {
border: none;
}
#radio {
border: none;
background-color: none;
}.linie {
	border: 1px none #999999;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.borderdown {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F0F0F0;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-color: #F0F0F0;
}
.borderight {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.SpecialOffer{
text-decoration:none;
color: #FF0000;
font-size: small; font-family: Arial, Helvetica, sans-serif;
}

.SpecialOffer:link {
	text-decoration:none;
	color: #FF0000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.SpecialOffer:hover {
text-decoration: underline;
color: #FF0000;
}

.SpecialOffer:visited {
	text-decoration:none;
	color: #FF0000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.border_tabel {
	border: 1px none #E5E5E5;
}

.styleInBoldBut {font-family: Arial;
font-size:11px;
color: #ffffff;
font-weight: bold;
background-color:#FF9900;
}
.line_height_menu {
	line-height: 20px;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

.border_down {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.border_gri_general {
	border: 1px solid #E1E1E1;
}

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}
.border_th {
	border: 1px solid #CCCCCC;
	line-height: 20px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

.text_td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.border_red {
	border: 2px solid #990000;
}

.menuChristmasHours  {
	text-decoration:none;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	
}

.menuChristmasHours:visited {
text-decoration:none;
color: #FFFFFF;
font-size: 11px; 
font-family: Verdana;
	
}

.menuChristmasHours:hover {

text-decoration: none;
color: #D8F291;
font-size: 11px; 
font-family: Verdana;
	
}

.menuChristmasHours:active {
	text-decoration:none;
color: #FFFFFF;
font-size: 11px; 
font-family: Verdana;
	
}

.menuChristmasHours:link {
	text-decoration:none;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	
}
.textHours {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006600;
	font-weight: bold;
}
