@charset "utf-8";
body {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	background: #639b4a url(../images/mainbg2.jpg) repeat-x fixed;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

#container {
	width: 785px;  
	margin: 0 auto;
	text-align: left;
	padding-top:25px;
}

#header {
	background-image:url(../images/header.jpg);
	width: 785px;
	height:85px;
}

#headercontainer {
	padding-top: 50px;
	padding-left: 240px;
}

.button {
	background-image:url(../images/buttonbg.jpg);
	width:122px;
	height:32px;
	text-align:center;
}

a.squarebutton{
  background: transparent url('../images/buttonbg_l.jpg') no-repeat top left;
  display: block;
  float: left;
  line-height: 26px; 
  height: 32px; 
  padding-left: 9px; 
  text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
 text-decoration: none;
}

a.squarebutton span{
  background: transparent url('../images/buttonbg_r.jpg') no-repeat top right;
  display: block;
  padding: 2px 9px 4px 0;
  
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

a.squarebutton:hover{ 
  background-position: top left;
}

a.squarebutton:hover span{ 
  background-position: top right;
  color:#ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; 
  width: 100%;
}

/* MENU SECTION */

.menuitem {
	color: #ffffff;
	text-align:center;
	width: 70px;
	height: 25px;
}

.menuitem a {
	text-decoration: none;
}

.menuitemselected {
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	width: 70px;		
	height: 25px;
	background-image:url(../images/menubg.jpg);
	background-repeat:no-repeat;
}

.menuitemselected a {
	text-decoration: none;
}


#menulink {
	color: #ffffff;
	text-decoration:none;
}

/* ORDER SECTION */

.ordertable #orderheader {
	height:20px;
	color: #45812c;
	background-color: #cbe6a0;
	font-weight:bold;
}

.ordertable #orderheaderlabel {
	margin-left: 5px;
	margin-right: 5px;
}

.ordertable #orderprice {
	font-size: 13px;
	color: #000000;
}

.ordertable #discountedprice {
	font-size: 13px;
	font-weight:bold;
	color: #ff0000;
}

.ordertable #oldprice {
	font-size: 13px;
	color: #000000;
	text-decoration: line-through;
}

.ordertable #orderproduct {
	font-size: 11px;
	font-weight:bold;
	color: #45812b;
	text-decoration: underline;
}

.ordertable a {
	
}

.ordertable .ordertextfield {
	border-color: #619949;
	border-style:solid;
	border-width: 1px;
	width: 50px;
	height: 14px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

.ordertable .profiletextfield {
	border-color: #619949;
	border-style:solid;
	border-width: 1px;
	width: 250px;
	height: 14px;
	text-align:left;
	font-weight:normal;
	font-size:11px;
}

.ordertable .profiledropdownfield {
	border-color: #619949;
	border-style:solid;
	border-width: 1px;
	width: 253px;
	text-align:left;
	font-weight:normal;
	font-size:11px;
}

.ordertable .profiletdfield {
	width: 260px;
	text-align:right;
}

.ordertable .profiletdlabel {
	text-align:right;
}

.ordertable .button {
	background-image:url(../images/buttonorder.jpg);
	width:106px;
	height:27px;
	text-align:center;
}

.ordertable #buttonlabel {
	padding-top:4px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

/* MAIN CONTENT */

#mainContent {
	padding-top: 5px;
}


.roundcont {
	width: 785px;
	background-color: #ffffff;
	color: #000000;
}

.roundcont p {
	margin: 0 10px, 0, 10px;
}

.roundcont a {
	font-size: 13px;
	color: #45812b;
	text-decoration: underline;
}

.roundcont h1 {
	font-size: 18px;
	font-weight:bold;
	color: #45812b;
}

.roundcont h2 {
	font-size: 14px;
	color: #45812b;
}

.roundcont hr {
	color: #45812b;
	height: 1px;
}

#description {
	font-size: 11px;
	color: #929292;
}

#details {
	font-weight:bold;
	color: #45812b;
}


#buttonlabel {
	padding-top:6px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

#footer {
	font-size:11px;
	color:#000000;
	text-decoration: none;
}

#footerlink {
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}

.roundtop { 
	background: url(../images/tr.jpg) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.jpg) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* COLLAPSEBLE PANEL */
.collapsePanel {
	width: 550px;
	height:0px;
	background-color:White;
	overflow: hidden;
}

.collapsePanelHeader {
	width: 550px;
	height: 20px;
	background-color: White;
	font-weight: bold;
	float: left;
	padding: 5px;
	cursor: pointer;
	vertical-align: middle;
}

.overlay {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
* html .overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader {
	z-index: 100;
	position: fixed;
	width: 120px;
	margin-left: -60px;
	top: 50%;
	left: 50%;
}
* html .loader {
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.galleryClass{
}
