@charset "utf-8";
.template.css {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Changes the VirtueMart Sidebar Style Overall */
.vmCartModule {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#edd610;
font-size: 12px;
}

/* Default TITLE HEADING placed there automatically */
.contentheading {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#768f2c;
font-size: 20px;
}

.componentheading{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#768f2c;
font-size: 20px;
}

/* Setting the basic styling elements */
html, body {
	background-color: #907c68;
	background-image:url(../images/site_bg_green.jpg);
	background-attachment:fixed;
	background-position:center;
	height: 100%;
	margin: 5px 0px 0px 0px;
}

h1 {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#768f2c;
font-size: 20px;
}	

h2 {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#768f2c;
font-size: 16px;
}	

h3 {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#768f2c;
font-size: 20px;
}	

h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#ff510d;
font-size: 14px;
}	

/* Yellow Title */
h6 {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#edd610;
font-size: 20px;
}	

a:link {color: #768f2c;}
a:visited {color: #768f2c;}
a:hover {color: #ff510d;}

/* End of setting the basic style */


/* Site Container width should be 69.9%, that's how it was designed, But for debugging purposes, use 90% */

#sitecontainer {
width: 755px;
height: auto;
margin-left: auto;
margin-right: auto;
}


#topbanner {
width: 703px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#logo {
width: 668px;
height: 90px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
margin-left: auto;
float: left;

left: 25px;
z-index: 1;
}

/* Icons Class is here in case you wanted to put an e-mail icon or cat icon in the upper right corner */
#icons {
float: right;
width: 120px;
right: 140px;
position: absolute;
text-align:right;
z-index: 10;
top: 12px
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14pt;
color: #768f2c;
}

#icons_left
{
float: left;
width: 500px;
z-index: 10;
top: 12px
}

	#icons a:link {color: #768f2c; text-decoration:none;}	
	#icons a:visited {color: #768f2c; text-decoration:none;}
	#icons a:hover {color: #ff510d; text-decoration:underline;}


#menu {
width: 722px;
height: 60px;
background-image: url(../images/menu.png);
background-repeat:	no-repeat;
margin-left: auto;
clear:both;
}

	#menu_text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	color: #675032;
	text-align:center;
	padding: 18px;
	text-transform: uppercase;
	}
	#menu_text a:link {color: #675032; text-decoration:none;}	
	#menu_text a:visited {color: #675032; text-decoration:none;}
	#menu_text a:hover {color: #768f2c; text-decoration:underline;}
	
/*  Possibly Changing the main module contebt */
div.moduletable_menutext td{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color: #675032;
	text-align:center;
	padding: 18px;
	text-transform: uppercase;
	}

/*  Possibly Changing the Rich Text Editor's H styles */
div.moduletable_headline h3{
	text-align:left;
	position:absolute;
	top: -30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#768f2c;
	font-size: 20px;
	z-index: 10;
	}

/* Dictated the space size between the menu bar and the text box */
#space {
height: 20px;
}

#breadcrumbs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:regular;
	color: #768f2c;
	text-align:left;
	position:absolute;
	top: -40px;
	left: 30px;

	}
	#breadcrumbs a:link {color: #768f2c; text-decoration:none;}	
	#breadcrumbs a:visited {color: #768f2c; text-decoration:none;}
	#breadcrumbs a:hover {color: #ff510d; text-decoration:underline;}

#mainarea {
width: 100%;
}

#sidebar {
	width: 208px;
	float: left;
	height: 309px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 16pt;
	color: #ffffff;
	/*
	background-image: url(../images/sidebar.png);
	background-repeat: no-repeat;
	background-position:left; 
	*/
	}

	#sidebar a:link {color: #ffffff; text-decoration:none;}	
	#sidebar a:visited {color: #ffffff; text-decoration:none;}
	#sidebar a:hover {color: #ffe400; text-decoration:underline;}
	

#maincontent {
width: 547px;
background-image: url(../images/text_bg.png);
float: right;
}

	#text_top {
	background-image: url(../images/text_top.png);
	background-position: left;
	position:relative;
	top: -17px;
	left: 0px;
	clear: both;
	width: 100%;
	height: 81px;
	}

	#text_bottom {
	background-image: url(../images/text_bottom.png);
	background-position: left;
	position:relative;
	top: 17px;
	left: 0px;
	width: 100%;
	height: 81px;
	clear: both;
	}

	#text_user_left {
	width: 230px;
	float: left;
	position: relative;
	background-image: url(../images/user_bg.jpg) ;
	background-repeat: repeat-y;
	background-position: 247px;
	padding-right: 20px;
	}

	#text_user_right {
	width: 220px;
	float: right;
	left: -10px;
	}

	#text_user_three {
	width: 100%;
	clear: both;
	position: relative;
	}

	#text {
	padding: 0px 30px 10px 30px;  /* Top Right Bottom Left */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 16pt;
	color: #494536;
	margin-top: 0px;
	text-align:left;
	position:relative;
	top: 0px;
	}
	
	#text h1 {
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#768f2c;
	font-size: 20px;
	}	
	
	#text_headline {
	text-align:left;
	position:absolute;
	top: -30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#768f2c;
	font-size: 20px;
	z-index: 10;
	}	
	    



	/* Comment - This image should only have the shadow and the coolr victorian border in a pNG... the text area should be textured, one color repeating bacgrkoudn, will the edge shadows will havew thae darker edges... */



#footer {
width: auto;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: regular;
padding: 22px 0px 20px 208px;
color: #bd9b65;
text-align:center;
clear: both;
}

#footer a:visited {color: #c7b39d;}
#footer a:link {color: #c7b39d;}
#footer a:hover {color: #ffffff;}


/* Easy Tooltip for Versatile*/
img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	}		

/* Easy Tooltip for Versatile*/

#Tooltip{
	background: url(../images/map-tooltip.png) no-repeat;
	color:#222222;
	width:174px;
	height:187px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 11px;
	position: absolute;
	}
#Tooltip h4 {font-size: 13px; margin: 65px 0px 0px 20px;line-height:1px;} 
#Tooltip h5{margin: 15px 20px 00px 20px;color:#222222;}	

/* Easy Tooltip for Versatile*/



/* VirtueMart CSS */
.notify_button {
background:#e3f4f9;
}

.vmCartContainer {
background:#e3f4f9;
}

.vmCartDetails {
background:#e3f4f9;
}

.productPrice {
background:#e3f4f9;
}

*/ Should be the VM Add Button */
.addtocart_form {
background:#e3f4f9;
}