@import url('colors.css');

html { margin: 0px; padding: 0px; }

body {
	margin: 0px; padding: 0px;
	text-align: center;
}

img { border: 0px; }

.clear { clear: both; }

/*************** fonts *****************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#footer, #menu {
	font-size: 85%;
}


/*************** layout ***************************/
#body2col{
	width: 950px;
	background: url('images/columns2.gif') repeat-y;
}

#body3col {
	width: 950px;
	background: url('images/columns3.gif') repeat-y;
}

#body2 {
	width: 200px;
	float: left;
	padding: 10px 10px 10px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 165px;
}
	html>body #body2 { width: 165px; }

#body2col #body1 {
	width: 750px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px;
}
	html>body #body2col #body1 { width: 730px; }

#body3col #body1 {
	width: 600px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;
}
	html>body #body3col #body1 { width: 580px; }

#body3 {
	width: 150px;
	padding: 10px;
	float: left;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
	html>body #body3 { width: 130px; }

#container {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

#flashmovie {
	background: url('images/bg.jpg') no-repeat;
	width: 950px;
	height: 137px;
}

#logo {
	margin: 0px auto;
	height: 80px;
	text-align: left;
}

#menu { height: 25px; }

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu li { float: left; }
	#menu a {
		float: left;
		padding: 5px 0px 5px 25px;
	}
	
.submenu {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.submenu li {
		margin-bottom: 3px;
	}
	
	.submenu a {
		display: block;
		width: 180px;
		padding: 5px 5px 5px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}
		html>body .submenu a { width: 158px; }

#footer {
	padding: 5px 5px 5px 25px;
}

/***************** other media styles *********************/

@media print {
	#logo, #menu, .submenu, #flashmovie, #footer { display: none; }
	
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
	
}

@media handheld {
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
		
	#flashmovie { display: none; }
	
	.submenu, .submenu li { margin: 0px; }
	.submenu li { display: inline; }
	.submenu a:link, .submenu a:visited { display: inline; width: auto; border: none; background: none;  }
	.submenu a:hover { background: none; border: none;  }
}.GreenBorder {
	padding: 2px;
	float: left;
	background-color: #96C660;
	margin-right: 5px;
	margin-left: 0px;
}
.Table_Properties {
	border-collapse:collapse;
	border: thin solid #009900;
	text-align: right;
	color: #003300;
	background-color: #FFFFCC;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin: 2px;
	width: 98%;
}
.pad_right {
	padding-right: 5px;
	font-weight: bold;
}

.altBackground {
	background-color: #CCFF99;
}


.Quote {
	font-style: italic;
	font-weight: bold;
	color: #006666;
}
.flt_Left {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
IMG.catimage {
	border:1px solid #96c660;
	border-thickness: 1px;
	padding: 2px;	
}
IMG.prodimage {
	border:1px solid #96c660;
	border-thickness: 1px;
	padding: 2px;
}
div.detailname {
	font-size: large;
	font-weight: bold;
	color: #42762c;
}
.giftcert {
	font-weight: bold;
	background-color: #FFFF00;
	padding: 5px;
	border: thin solid #00CC33;
	color: #42762c;
	font-style: italic;
	text-align: center;
}
.prodimage_float_left {
	border:1px solid #96c660;
	border-thickness: 1px;
	padding: 2px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Table_Properties_align_left {
	border-collapse:collapse;
	border: thin solid #009900;
	text-align: left;
	color: #003300;
	background-color: #FFFFCC;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin: 2px;
}
.prodimage_float_left_no_border {
	border-thickness: 1px;
	padding: 2px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #body2col #body1 #wrap_email {
	background-color: #FFFFCC;
	width: 696px;
	border: 1px solid #009900;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}