/*
	oCbanner : #6d7484;
	oCcontent: #cecece;
	oChighlight: #e7e2e2;
	oCbackground: #395980;
	oCmain: #829cad;
	oCmenubar: #3e271f;
	oChover: yellow;
	oCtext: #000000;
	oCtooltip: #fcfee4;
	oCwarning: #AE1111;
	oCdiscount: #921313;
	oCrequired: #a90016;
*/

	
/* Whole Document Styles */
	html {
		background-color: #395980;
		overflow-y: scroll;
	}
	
	body {
		width: 100%;
		position: relative;
		background: url("/images/snowbg.png") repeat-x scroll 0 0 #DCEDFD;
	}

	html, body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 16px;
		margin: 0px;
		padding: 0px;
	}
	
	h1, h2, h3, h4 {
		margin: 0px 0px 15px;
	}
	
	hr {
		border: 1px solid #6d7484;
		height: 2px;
	}
	
	blockquote {
		margin-top: 2px;
		margin-right: 0px;
	}
	
	a {
		color: #3e271f;
		border-color: #3e271f;
	}
	

	a:hover, a:focus, a:hover *, a:focus * {
		text-decoration: none;
		border-color: #f7bc23;
	}

	*, *:focus {
		outline: 0;
	}
	
	.reqfield {
		border-width: 2px;
		padding: 4px;
		border-color: #ae1111;
	}
	
	.artlink {
		font-weight: bold;
		font-style: italic;
	}
	
	.discount {
		color: #921313;
		font-weight: bold;
	}
	
	.warning {
		color: #ae1111;
		font-weight: bold;
	}

	.invalid {
		color: #ae1111;
		font-weight: bold;
	}
	
	
	
	.small {
		font-size: 75%;
	}
	
	.hide {
		display: none;
	}
	
	.centerdiv>div {
		text-align: center;
		margin: 
	}
	
	.hasborder {
		position: relative;
		border: 3px double #3e271f;
		background-color: #3e271f;
	}
	
	.hasborder:hover, img.hasborder:focus {
		border-color: #f7bc23;
	}
	
	.rounded {
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	#msg {
		font-weight: bold;
		color: #ae1111;
	}
		
	#rotator
	{
		cursor: pointer;
		overflow: hidden;
		margin: 0px auto;
		position: relative;
		width: 170px;
		height: 252px;
		margin-bottom: -20px;
	}
	

	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	

	
	form {
		margin: 0;
		padding: 0;
	}


	
	input, select, textarea {
		border: 1px solid #3e271f;
		padding: 5px;
		font-size: 12px;
		background-color: white;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	select {
		padding: 4px;
	}
	
	input.button {
		padding: 1px 4px;
		font-weight: bold;
		border-right-width: 2px;
		border-bottom-width: 2px;
	}
	
	input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, checkbox:hover, checkbox:focus {
		border-width: 2px;
		padding: 4px;
		border-color: #f7bc23;
	}
	
	input.button:hover, input.button:focus {
		border-width: 1px 2px 2px 1px;
		padding: 1px 4px;
	}
	
	select:hover, select:focus {
		padding: 3px;
	}
	
	select.reqfield:hover, select.reqfield:focus {
		padding: 4px;
	}
	
	

	.required {
		color: #a90016;
		border-color: #a90016;
	}

			
			
/* Top */

	#top {
		background-color: #6d7484;
		height: 95px;
	}

	#header {
		position: relative;
		width: 1000px;
		height: 95px;
		margin: 0px auto;
		font-size: 12px;
		color: white;
	}
	
	#headerimg {
	}
			
	#quote  {
		position: relative;
		font-size: 12px;
		width: 480px;
		color: white;
		padding-right: 10px;
	}
	
	#quote span {
		margin: 0px 0px 5px 0px;
		text-align: justify;
		display: inline-block;
	}
	

	
	
	
/* Menubar */

	.menubar {
		background-color: #3e271f;
	}

	.menubar div {
		width: 1000px;
		height: 35px;
		line-height: 35px;
		margin: 0px auto;
		background-color: #3e271f;
		position: relative;
		font-size: 14px;
		text-transform: lowercase;
	}
		
	.menubar a {
		position: relative;
		height: 20px;
		text-decoration: none;
		font-weight: bold;
		padding: 2px 8px;
		margin-right: 8px;
		cursor: pointer;
		color: white;
		outline: 0;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.menubar a.current {
		background-color: #829cad;
		color: black;
	}
	
	.menubar a:hover, .menubar a:focus {
		background-color: #f7bc23;
		color: #3e271f;
	}
	

/* Submenu Bar */
	.submenu {
		background-color: #829cad;
		text-align: left;
		padding: 5px 0px;
		margin: 0px -10px 0px 0px;
		-moz-border-radius: .25em 0 0 .25em;
		-webkit-border-top-left-radius: .25em;
		-webkit-border-bottom-left-radius: .25em;
	}
	
	.submenu input {
		margin: 2px 0px 2px 5px;
		padding: 2px 0px;
		font-size: 14px;
		font-weight: bolder;
		background-color: #3e271f;
		border: 1px solid #3e271f;
		color: #f7bc23;
		width: 185px;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.submenu input.canhover {
		color: white;
	}
	
	.submenu input.canhover:hover, .submenu input.canhover:focus {
		background-color: #f7bc23;
		color: #3e271f;
		cursor: pointer;
		outline: 0;
	}
	
	.submenu a {
		display: block;
		text-transform: lowercase;
		text-decoration: none;
		line-height: 18px;
		color: white;
		font-size: 14px;
		font-weight: bold;
		padding: 2px 2px 2px 5px;
		margin-left: 5px;
	}
	
	.submenu a.current {
		background-color: #829cad;
		color: black;
	}
	
	.submenu a.browseby {
		margin: 0px;
	}
	
	.submenu a.category {
		padding: 2px 2px 2px 15px;
		font-size: 12px;
	}
	
	.submenu a.type {
		padding: 2px 2px 2px 25px;
		font-size: 12px;
	}
	
	.submenu a.category .submenu a.current {
		color: black;
	}

	.submenu a:hover, .submenu a:focus {
		background-color: #f7bc23;
		color: #3e271f;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.submenu a h4 {
		margin: 0px;
	}
	
	.submenuend {
		background-color: #829cad;
		margin-right: -10px;
		height: 10px;
	}
	
	.submenuend span {
		display: block;
		background-color: #6d7484;
		height: 10px;
		padding-left: -10px;
		margin: 0px 0px 10px 0px;
		-moz-border-radius-topright: .25em;
		-webkit-border-top-right-radius: .25em;
	}
	
	.submenudivide {
		background-color: #829cad;
		margin-right: -10px;
		height: 10px;
	}

	.submenudivide span {
		display: block;
		background-color: #6d7484;
		height: 10px;
		padding-left: -10px;
		margin: 0px 0px 10px 0px;
		-moz-border-radius-topright: .25em;
		-moz-border-radius-bottomright: .25em;
		-webkit-border-top-right-radius: .25em;
		-webkit-border-bottom-right-radius: .25em;
	}
	
/* content */
	.main {
		width: 1000px;
		height: 400px;
		margin: 0px auto;
		border: 10px solid #6d7484;
		border-bottom-width: 30px;
		padding: 0px;
		background-color: #6d7484;
		-moz-border-radius: 0em 0em .25em .25em;
		-webkit-border-bottom-right-radius: .25em;
		-webkit-border-bottom-left-radius: .25em;
	}
	
	.left, .right {
		width: 180px;
		text-align: center;
	}
	
	.left {
		padding-right: 10px;
	}
	
	.right {
		padding-left: 10px;
	}
	
	.content {
		width: auto;
		height: 400px;
		padding: 10px;
		text-align: justify;
		background-color: #829cad;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.withsub {
		-moz-border-radius-topleft: 0; 
		-webkit-border-top-left-radius: 0;
	}
	
	.wrapper {
		width: auto;
		padding: 10px;
		background-color: #cecece;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.flattop {
		-moz-border-radius: 0 0 .25em .25em;
		-webkit-border-top-right-radius: 0;
		-webkit-border-top-left-radius: 0;
	}
	
	.copyright {
		text-align: center;
		margin: -22px auto;
		font-size: 12px;
		color: white;
	}
	


	
	
/* Recent Artwork */
	#recent a img {
		width: 80px;
		height: 80px;
	}
	
	
/* quick find */
	.quickfind {
		font-size: 10px;
		text-align: center;
		margin: 0px -10px;
	}

	
	
	
	

	
	
	



/* tooltip */

	#dhtmltooltip {
		position: absolute;
		width: 150px;
		border: 1px solid #3e271f;
		padding: 20px;
		background-color: lightyellow;
		visibility: hidden;
		z-index: 100;
		cursor: help;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135);
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.tooltip {
		cursor: help;
		text-decoration: underline;
	}
	
	





/* gallery.cfm */
	
	.galinfo {
		font-size: 14px;
	}
	
	.gallery {	
		position: relative;
	}
	
	.gallery td {
		width: 193px;
		height: 198px;
		text-align: center;
		vertical-align: bottom;
	}
	
	.gallery a {
		position: relative;
		text-align: center;
		text-decoration: none;
		margin: none;
	}
		
	.gallery span {
		width: 193px;
		padding: 2px 0px;
		text-align: center;
		font-weight: bold;
		font-size: 11px;
		color: #3e271f;
	}

	.gallery a:hover span {
		color: black;
	}

	.pages {
		position: relative;
		width: 130px;
		z-index: 1000;
		background-color: #395980;
		margin: 10px auto 5px auto;
		padding: 5px;
		text-align: center;
	}

	.pages *:hover {
		cursor: pointer;
		cursor: hand;
	}

	.pages select {
		width: 90px;
		font-size: 12px;
	}

	
	
	
/* gallery navigation */

	.galnav {
		position: relative;
		font-size: 12px;
		width: auto;
		height: 44px;
		line-height: 22px;
		padding: 4px 0px;
		background-color: #395980;
		text-align: center;
		margin-bottom: 5px;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.galnav strong {
		color: white;
		font-size: 16px;
		font-style: italic;
	}
	
	.galnav span {
		position: relative;
		display: inline-block;
	}
			
	.galnav span a {
		font-weight: bold;
		text-decoration: none;
		padding: 2px 5px;
		margin: 0px 5px;
		background-color: transparent;
		color: white;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}

	.galnav span a.current {
		background-color: #829cad;
		color: #3e271f;
	}

	.galnav span a:hover, .galnav span a:focus {
		position: relative;
		background-color: #f7bc23;
		color: #3e271f;
		outline: 0;
	}

	.galnav .lefttn {
		position: relative; 
		top: 1px;
		left: 4px;
		float: left;
	}

	.galnav .righttn {
		position: relative; 
		top: 1px;
		right: 4px;
		float: right;
	}
	
	.galnav .lefttn img {
		margin-right: 5px;
		vertical-align: middle;
		border-color: #3e271f;
	}
	
	.galnav .righttn img {
		margin-left: 5px;
		vertical-align: middle;
		border-color: #3e271f;
	}
	
	.galnav a:hover img, .galnav a:focus img {
		border-color: #f7bc23;
	}
	
	


	.artdetails {
		font-size: 14px;
	}
	
	.artdetails .title {
		font-size: 18px;
		font-weight: bold;
		font-style: italic;
	}
	










	
	
	/* viewart.cfm, viewprods.cfm */


	.artwork #galleryimage {
		position: relative;
	}

	
	.zoomnails {
		position: relative;
	}
	
	.zoomnails img {
		filter:alpha(opacity=40);
		opacity: .4;
		position: absolute;
	}

	.zoomnails img:hover, .zoomnails .curzn {
		cursor: pointer;
		cursor: hand;
		filter:alpha(opacity=100);
		opacity: 1;
	}

	.products table {
		border: none;
		border-top: 1px solid #3e271f;
		width: 100%;
	}

	.products td {
		font-size: 14px;
		padding: 5px;
		margin: none;
		background-color: #cecece;
	}

	.products td.prices {
		white-space: nowrap;
	}
	
	.products .tier {
		font-size: 75%;
		color: #470662;
		white-space: nowrap;
	}
	
	.products .qpricing {
		cursor: help;
		display: inline-block;
		padding: 4px;
		margin: 2px;
		border: 1px solid #3e271f;
		background-color: #829cad;
		color: white;
		font-size: 10px;
		font-weight: bold;
		white-space: nowrap;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.products tr.prodfilter td {
		background-color: #e7e2e2;
	}

	.products a:hover {
		text-decoration: none;
		color: #3e271f;
	}

	.products .buy {
		display: block;
		text-decoration: none;
		border: 1px solid black;
		background-color: #829cad;
		color: white;
		font-weight: bold;
		font-size: 12px;
		padding: 2px;
		line-height: 90%;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
		cursor: pointer;
	}
	
	.products .buy:hover, .products .buy:focus {
		background-color: #395980;
		color: white;
	}

	.proddetails {
		font-size: 12px;
		line-Height: 150%;
	}

	.products .xtratxt {
		display: inline-block;
		padding: 0px 4px;
		margin: 2px;
		border: 1px solid #3e271f;
		background-color: #829cad;
		color: white;
		font-size: 10px;
		font-weight: bold;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
		cursor: help;
	}


	
	
/* view cart */

	.cart {
		position: relative;
		width: 100%;
		background-color: transparent;
		border: 1px solid #3e271f;
		font-size: 14px;
		margin: 5px auto;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.cart th {
		color: white;
		font-size: 12px;
		background-color: #3e271f;
		padding: 5px;
		white-space: nowrap;
		text-transform: capitalize;
	}
	
	.cart tr.botrow td {
		background-color: transparent;
		height: 1px;
		border: none;
	}
	
	.cart td {
		background-color: #cecece;
		padding: 5px 5px;
		white-space: nowrap;
		border: 1px ridge #3e271f;
	}
	
	.cart td:first-child {
		border-left: 1px solid #3e271f;
	}
	
	.cart select {
		background-color: none;
		font-size: 12px;
	}
	
	.cart option {
		text-align: center;
		background-color: none;
	}
	
	.cart .thumbnail {
		border: 1px solid #3e271f;
	}
	

	.vcoptions {
		position: relative;
		margin: none;
		font-size: 12px;
		height: 30px;
		background-color: #395980;
		padding: 0px 10px;
		text-align: center;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	
	.vcoptions a {
		position: relative;
		font-weight: bold;
		text-decoration: none;
		padding: 2px 10px;
		margin: 0px 8px;
		height: 30px;
		line-height: 29px;
		background-color: transparent;
		color: white;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}

	.vcoptions a.current {
		background-color: #829cad;
		color: #3e271f;
	}

	.vcoptions a:hover, .vcoptions a:focus {
		position: relative;
		background-color: #f7bc23;
		color: #3e271f;
		outline: 0;
	}





	
	.address td {
		padding: 0px 5px 5px 0px;
	}
	
	.address input {
		width: 350px;
	}
	
	.address input.button {
		width: 90px;
	}

	.addresses {
		float: left;
		font-size: 85%;
		width: 263px;
		height: 160px;
		padding: 10px;
		border: 1px solid #3e271f;
		margin: 0px 5px 5px 0px;
		background-color: #cecece;
		color: #3e271f;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.addresses a:hover {
		text-decoration: none;
		color: #3e271f;
	}
	
	

	.paymethods {
		display: block;
		padding: 2px;
		width: 250px;
		border: 1px solid #829cad;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}

	.paymethods:hover {
		border: 1px solid black;
		background-color: #6d7484;
	}
	
	
/* artblog */

	.artblog img {
		border: 1px solid #3e271f;
	}
	
	.artblog .blurb1 {
		color: #395980;
	}
	
	
	
	
/* news */

	.news {
		font-size: 14px;
		margin-top: 10px;
	}
	
	.news:first-child {
		margin-top: 0px;
	}
	
	.news .date {
		font-weight: bold;
		font-size: 16px;
	}
	
	.news .imagery {
		font-size: 75%;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		padding-right: 10px;
	}
	
	.news .imagery img {
		border: 3px double #3e271f;
		background-color: #3e271f;
	}
	
	.news .imagery a:hover img {
		border-color: #f7bc23;
	}
	
	.newscontent {
		float: right;
		display: inline-block;
		border: 1px solid black;
	}
	
	.news .postedby {
		font-size: 80%; 
		background-color: #e7e2e2; 
		color: black; 
		text-align: center; 
		padding: 5px;
		-moz-border-radius: 0 0 .25em .25em;
		-webkit-border-bottom-left-radius: .25em;
		-webkit-border-bottom-right-radius: .25em;
	}
	
	.comments {
		background-color: #e7e2e2;
		margin: 5px 0px;
		padding: 5px;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.breyette {
		background-color: #ffff99;
	}
		
	.pending {
		background-color: pink;
	}
	
	
	
	
	
	
	
	

/* LINKS */

	.links {
		text-align: center;
	}

	.links span {
		text-align: center;
		float: left;
	}
	
	.links a img {
		border: 3px double #3e271f;
		background-color: #3e271f;
	}
	
	.links a:hover img {
		border-color: #f7bc23;
	}
	
	.bannerad {
		border: 1px solid #3e271f; 
		color: white; 
		padding: 5px 10px;
		margin: 4px 1px;
		font-size: 12px;
		width: auto;
		background-color: #395980;
		text-align: center;
	}
	
	.bannerad img {
		border: 1px solid #3e271f;
		margin: 3px;
	}



/* the artist */

	.resume table {
		width: 100%;
		margin-bottom: 10px;
	}

	.resume th {
		font-weight: bold;
		background-color: #3e271f;
		color: #829cad;
		word-wrap: normal;
		padding: 2px 5px;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
	}
	
	.resume td {
		font-size: 14px;
	}
		
	.resume td:first-child {
		font-size: 16px;
		vertical-align: top;
		padding: 1px 15px 1px 5px;
	}
	
	
/* ecards */

	.ecard {
		position: relative;
		text-align: center;
		color: white;
	}
	
	.ecard div {
		position: relative;
		text-align: left;
		cursor: pointer;
	}
	
	.ecard a {
		color: white;
	}

	
	
/* login/signup */

	.login td {
		border: 2px dashed #6d7484;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
		padding: 20px;
		font-size: 12px;
	}
	
	.login input.text {
		width: 175px;
	}
	
	.login input.checkbox {
	}
	
	

		
	
	
	
	
/* admin */

	.prints input {
		width: 30px; 
		height: 30px; 
		margin: 1px 0px; 
		text-align: center;
	}

	.prints0 {
		background-color: white;
		color: black;
	}
	
	.prints1 {
		background-color: gray;
		color: white;
	}
	
	.prints2 {
		background-color: black;
		color: white;
	}
	
	.prints3 {
		background-color: pink;
	}
	
	.prints4 {
		background-color: yellow;
	}
	
	.prints5 {
		background-color: red;
	}


/* puzzle */

	#puzleg {
		margin: 0px auto;
		text-align: center;
		padding: 5px;
		-moz-border-radius: .25em;
		-webkit-border-radius: .25em;
		color: white;
	}
		
	#puzzle {
		position: relative;
		width: 650px;
		padding: 10px;
		text-align: center;
		margin: 0px auto;
	}
		
	#puz {
		position: relative;
		valign-center: middle;
	}
	
/* concentration */

	button.congame {
		width: 80px;
		height: 80px;
		padding: 0px;
		margin: 0px;
	}
	

.testimonial
{
	background-color: #fff;
	margin: 30px 50px 10px;
	padding: 10px;
}

.testimonial span 
{
	display: block;
	font-style: italic;
	margin: 2px 0 0 20px;
}
