﻿html { 
	margin: 0px; 
	padding: 0px; 
}

body {
	background: #fff;
	margin: 0px;
	min-height: 400px;
	padding: 0px;
	color: #000;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	background: url('images/ringbg.png') no-repeat 100px 300px;
}

a:link { color: #0033c2; }
a:visited { color: #3c5cb5;  }
a:active, a:hover { color: #00c; }

h1 {
	color: #009;
	font: bold italic 200% 'Times New Roman', Times, Georgia, serif;
}

h2 {
	color: #b3b3e1;
	border-bottom: solid 1px #b3b3e1;
	font: bold italic 200% 'Times New Roman', Times, Georgia, serif;
}
 h2 em, h2 i { color: #f00; }

h3 { 
	color: #b3b3e1;
	font: bold italic 180% 'Times New Roman', Times, Georgia, serif;
}

h4 { 
	color: #b3b3e1;
	font: bold italic 150% Arial, Helvetica, sans-serif;
}

h5 { 
	color: #b3b3e1;
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
}

h6 { 
	color: #b3b3e1;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

hr { height: 1px; color: #000; border: none; background: #000; }

img { border: 0px; }

.aligncenter { text-align: center; }

.b-email:link, .b-email:visited { display: block; width: 75px; height: 18px; background: url('images/email.gif') no-repeat; color: #fff; text-decoration: none; text-align: center; padding-top: 2px; margin: 0px auto; }
.clear { clear: both; }

.contactform { margin: 0px; padding: 0px; border-collapse: collapse; border: none; }
	.contactform th, .contactform td { padding: 5px 5px 0px 0px; vertical-align: top; }
	.contactform th { font-weight: normal; font-style: italic; text-align: right; }
	.contactform input { width: 150px; }
	.contactform textarea { width: 150px; height: 40px; }
	.contactcomments textarea { width: 150px; height: 70px; }
	.contactform input.wider, .contactcomments textarea.wider, .contactform textarea.wider { width: 300px; }
	
.contactinfo dt { width: 75px; float: left; }

.floatleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.floatright { float: right; margin-left: 10px; margin-bottom: 10px; }

.orderbutton a:link, .orderbutton a:visited {
	background: #3c5cb5;
	padding: 3px;
	color: #fff;
	font-weight: bold;
	border-bottom: none;
}

.orderbutton a:active, .orderbutton a:hover {
	background: #0000cc;
	text-decoration: none;
}

#clipart, #paint, .gallery, .gallery2, .gallery3, .gallery4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	#clipart li {
		width: 100px;
		height: 115px;
		float: left;
		text-align: center;
		padding: 5px;
		border-bottom: solid 1px #ccc;
	}
	
	#clipart img { margin-top: 10px; }
	
	#paint li {
		width: 210px;
		height: 250px;
		margin-bottom: 1em;
		float: left;
		text-align: center;
	}
	
	.gallery li {
		width: 210px;
		height: 200px;
		margin-bottom: 1em;
		float: left;
		text-align: center;
	}
	
	.gallery2 li {
		width: 120px;
		height: 220px;
		margin-bottom: 1em;
		float: left;
		text-align: center;
		font-size: .9em;
	}
	
	.gallery3 li {
		width: 140px;
		height: 350px;
		margin-bottom: 1em;
		float: left;
		text-align: center;
		font-size: .9em;
	}

	.gallery4 li {
		width: 120px;
		height: 150px;
		margin-bottom: 1em;
		float: left;
		text-align: center;
		font-size: .9em;
	}
	
	.gallery5 li {
		width: 260px;
		height: 375px;
		margin-bottom: 1em;
		float: left;
		text-align: center;
		font-size: .9em;
	}
	
.productleft {
	width: 250px;
	float: left;
	margin-right: 10px;
}

.productleft p { margin-top: 0px; }

.productspectitle { margin-left: 260px; }

.productspecs {
	margin-left: 260px;
	padding-left: 36px;
}

.productlist {
	margin: 0px;
	padding: 0px;
}
.productlist dt {
	color: #b3b3e1;
	font: bold italic 200% 'Times New Roman', Times, Georgia, serif;
}

.productlist dt a { color: #b3b3e1; }
.productlist dt a:hover { color: #00c; }
.productlist dd { 
	margin: 10px 0px;
	padding: 0px;
}

.price { margin: 0px 0px 1em 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.price td, .price th { font-size: 100%; padding: 3px; border: solid 1px #999; }
.price th { background: #d2d2ed; }
.price th.header3 { font-weight: normal; }
th.header2 { background: #fff; text-align: left; }

.layout { margin: 10px 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.layout td { font-size: 100%; padding: 3px; vertical-align: top }
.layout h3 { margin: 0px; }

.sold { color: #f00; }
.soldout { text-decoration: line-through; }

#header {
	height: 100px;
	position: relative;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
	#logo a:visited { text-decoration: none; border-bottom: none; }

#topmenu {
	position: absolute;
	left: 0px;
	top: 75px;
	height: 25px;
	background: #022e60;
	width: 100%;
	z-index: 1;
}
	#topmenu ul { margin: 0px; padding: 0px; list-style: none; }
	#topmenu li {
		padding: 4px 10px;
		float: left;
	}
	#topmenu a { color: #d9e1f0; text-decoration: none; font-weight: bold; border-bottom: none; }
	#topmenu a:active, #topmenu a:hover { color: #fff; }

#search {
	position: absolute;
	top: 75px;
	height: 21px;
	right: 0px;
	z-index: 10;
	padding: 2px 10px;
}
	#search input { font-size: 11px; }

#flashmovie {
	width: 400px;
	height: 75px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #fff url('images/flash_static.jpg') no-repeat;
}

#flashmoviecontent {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	text-align: right;
	font: bold italic 24px 'Times New Roman', Times, Georgia, serif;
	width: 300px;
}

#body2col {
	background: url('images/bodybg.png') repeat-x;
}

#body3col {
	background: url('images/bodybg.png') repeat-x;
}
	.fixedwidth #contentwrapper {
		width: 965px;
	}
	
	.fixedwidth #contentwrapper2 {
		width: 715px;
		float: left;
	}
	

#body3col #body1 {
	margin-left: 150px;
	margin-right: 250px;
	padding: 15px 15px 0px 0px;
	font-size: 110%;
	zoom: 1;
}
	.fixedwidth #body3col #body1 {
		margin: 0px;
		float: right;
		width: 550px;
		padding-top: 5px;
		z-index: 100;
	}

#body2col #body1 {
	margin-left: 150px;
	padding: 15px 15px 0px 0px;
	font-size: 110%;
}
	

#body2 {
	width: 150px;
	position: absolute;
	top: 100px;
	left: 0px;
	background: url('images/leftbg.png') no-repeat;
	padding: 15px 5px 5px 5px;
	height: 200px;
	min-height: 200px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 140px;
}
	html>body #body2 { width: 140px; height: auto; }
	
	.fixedwidth #body2 { float: left; position: static; z-index: 1000; }

#body3 {
	width: 250px;
	position: absolute;
	top: 95px;
	right: 0px;
	padding: 15px 5px 5px 5px ;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 240px;
}
	html>body #body3 { width: 240px; }
	
	.fixedwidth #body3 {
		position: static;
		float: right;
		
	}

#footer {
	clear: both;
	border-top: solid 1px #333;
	text-align: center;
	font-size: 80%;
	padding-top: 5px;
	margin-top: 50px;
	margin-bottom: 10px;
}

.menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	.menu li {
		background: url('images/vertical.gif') no-repeat;
	}
	
	.menu a:link, .menu a:visited {
		border-bottom: none;
		display: block;
		padding: 4px 0px 0px 15px;
		width: 140px;
		color: #009;
		text-decoration: none;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 125px;
	}
		html > body .menu a:link, html > body .menu a:visited { width: 125px; }
		
	.menu a:active, .menu a:hover {
		background: url('images/vertical.gif') no-repeat 0px -85px;
		color: #3c0;
	}

.infobox h2 {
	background: url('images/infobox.png') no-repeat;
	color: #fff;
	margin: 0px;
	border-bottom: none;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0px 0px 15px;
	height: 20px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 18px;
}
	html>body .infobox h2 { height: 18px; }
	
.infobox p {
	margin: 5px 0px 5px 0px;
}

.infobox { margin-top: 10px; padding-bottom: 5px; }

#featured {
	margin: 20px 0px 0px 0px; padding: 0px; list-style: none;
}

#featured li {
	width: 175px;
	float: left;
	margin-left: 12px;
}
	#featured li.first { margin-left: 0px; }
	
#featured h2 {
	background: url('images/home-featured.gif') no-repeat;
	border-bottom: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	text-align: center;
	padding: 4px 0px;
}
	#featured h2 a:link, #featured h2 a:visited { text-decoration: none; color: #000; }
	#featured h2 a:hover { color: #00c; }
#featured p { font-size: 11px; margin: 0px 0px 5px 0px; }

#featured p.featured-image { margin: 0px 0px 5px 0px; }

/* form styles */
.quickcontact{
  width:280px;
}
#ta-explain{
  height:80px;
}
#ta-address{
  height:50px;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#qm0 li { background: url('images/vertical.gif') no-repeat; }


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		border-bottom: none;
		display: block;
		padding: 3px 0px 4px 15px;
		width: 140px;
		color: #009;
		text-decoration: none;
		background: url('images/vertical.gif') no-repeat;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 125px;
	}
		html>body #qm0 a { width: 125px; }


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background: url('images/vertical.gif') no-repeat 0px -85px;
		color: #3c0;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background: url('images/vertical.gif') no-repeat 0px -85px;
		color: #3c0;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background: url('images/vertical.gif') no-repeat 0px -85px;
		color: #3c0;
		padding-bottom: 3px;
		border-bottom: solid 1px #32c803;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px;
		background-color:#fff;
		border-width:1px;
		border-style:solid;
		border-color:#32c803;
		margin: -10px 0px 0px 0px;
	}
	
	#qm0 ul li { background: none; }


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding: 3px 0px 4px 0px;
		border-width:0px;
		background: none;
		width: auto;
	}
		html>body #qm0 div a, html>body #qm0 ul a { width: auto; }

	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
		background: none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
		background: none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		text-decoration:none;
		background: none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#F6F6F6;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#AAAAAA;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_13.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li .qmparent	
	{	
		background-image:url(qmimages/arrow_12.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}
