/* page setup */

body {
	margin: 0px;
	text-align: center;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color: #291d13;
	font-size: 62.5%;
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	padding-top: 26px;
}


/* main page chrome */

#logo {
	position: absolute;
	left: -62px;
	top: 10px;
	z-index: 10;
}

#mainchromeheader {
	margin: 0 0 0 0;
	width: 800px;
	height: 40px;
	background-image: url(/images/global/chrome_top.gif);
}

#mainchromebody {
	margin: 0 0 0 0;
	width: 800px;
	min-height: 397px;
	background-image: url(/images/global/chrome_middle.gif);
	padding: 0 0 0 0;
}

#mainchromefooter {
	margin: 0 0 0 0;
	width: 800px;
	height: 68px;
	background-image: url(/images/global/chrome_sub_bottom.gif);
}

#footerpet {
	margin: -107px 0 0 666px;
	padding: 0 0 40px 0;
	width: 78px;
	height: 66px;
}

#homechromefooter {
	margin: 0 0 0 0;
	width: 800px;
	height: 150px;
	background-image: url(/images/global/chrome_home_bottom.gif);
}




/* page footer */

.footer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.footertext {
	color: #897d73;
	font-size: 1em;
	font-weight: bold;
}




/* generic text styles */


h1, h2, h3 {
	color: #513A25;
	font-weight: bold;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

a, a:hover, a:visited, a:active {
	color: #291d13;
}

.smallnote {
	font-size: 1.1em;
	color: #816a55;
}





/* home page graphics */

#groundmask {
	position: absolute;
	left: 15px;
	top: 459px;
	z-index: 200;
}

#contactouter {
	position: absolute;
	left: 666px;
	top: 320px;
	z-index: 100;
	overflow: hidden;
	width: 96px;
	height: 185px;
}

#contactinner {
	width: 96px;
	height: 185px;
	margin-top: 185px;
}

#contactbutton {
	position: absolute;
	left: 666px;
	top: 320px;
	z-index: 300;
	display: none;
	width: 96px;
	height: 185px;
}

#flower1outer {
	position: absolute;
	left: 65px;
	top: 144px;
	z-index: 100;
	overflow: hidden;
	width: 123px;
	height: 338px;
}

#flower1inner {
	width: 123px;
	height: 338px;
	margin-top: 338px;
}

#flower2outer {
	position: absolute;
	left: 190px;
	top: 145px;
	z-index: 100;
	overflow: hidden;
	width: 112px;
	height: 338px;
}

#flower2inner {
	width: 112px;
	height: 338px;
	margin-top: 338px;
}

#flower3outer {
	position: absolute;
	left: 292px;
	top: 145px;
	z-index: 100;
	overflow: hidden;
	width: 140px;
	height: 338px;
}

#flower3inner {
	width: 140px;
	height: 338px;
	margin-top: 338px;
}

#flower4outer {
	position: absolute;
	left: 432px;
	top: 145px;
	z-index: 100;
	overflow: hidden;
	width: 120px;
	height: 338px;
}

#flower4inner {
	width: 120px;
	height: 338px;
	margin-top: 338px;
}

#flower5outer {
	position: absolute;
	left: 551px;
	top: 145px;
	z-index: 100;
	overflow: hidden;
	width: 124px;
	height: 338px;
}

#flower5inner {
	width: 124px;
	height: 338px;
	margin-top: 338px;
}


#flower1on {
	position: absolute;
	left: 65px;
	top: 144px;
	z-index: 200;
	visibility: hidden;
	width: 123px;
	height: 185px;
}

#flower2on {
	position: absolute;
	left: 190px;
	top: 145px;
	z-index: 200;
	visibility: hidden;
	width: 112px;
	height: 185px;
}

#flower3on {
	position: absolute;
	left: 292px;
	top: 145px;
	z-index: 200;
	visibility: hidden;
	width: 140px;
	height: 185px;
}

#flower4on {
	position: absolute;
	left: 432px;
	top: 145px;
	z-index: 200;
	visibility: hidden;
	width: 120px;
	height: 185px;
}

#flower5on {
	position: absolute;
	left: 551px;
	top: 145px;
	z-index: 200;
	visibility: hidden;
	width: 124px;
	height: 185px;
}


#flower1button {
	position: absolute;
	left: 65px;
	top: 144px;
	z-index: 300;
	display: none;
	width: 123px;
	height: 338px;
}

#flower2button {
	position: absolute;
	left: 190px;
	top: 145px;
	z-index: 300;
	display: none;
	width: 112px;
	height: 338px;
}

#flower3button {
	position: absolute;
	left: 292px;
	top: 145px;
	z-index: 300;
	display: none;
	width: 140px;
	height: 338px;
}

#flower4button {
	position: absolute;
	left: 432px;
	top: 145px;
	z-index: 300;
	display: none;
	width: 120px;
	height: 338px;
}

#flower5button {
	position: absolute;
	left: 551px;
	top: 145px;
	z-index: 300;
	display: none;
	width: 124px;
	height: 338px;
}


#flower1root {
	position: absolute;
	left: 73px;
	top: 473px;
	z-index: 300;
	visibility: hidden;
	width: 87px;
	height: 123px;
}

#flower2root {
	position: absolute;
	left: 204px;
	top: 474px;
	z-index: 300;
	visibility: hidden;
	width: 82px;
	height: 102px;
}

#flower3root {
	position: absolute;
	left: 327px;
	top: 473px;
	z-index: 300;
	visibility: hidden;
	width: 97px;
	height: 125px;
}

#flower4root {
	position: absolute;
	left: 450px;
	top: 466px;
	z-index: 300;
	visibility: hidden;
	width: 84px;
	height: 116px;
}

#flower5root {
	position: absolute;
	left: 569px;
	top: 474px;
	z-index: 300;
	visibility: hidden;
	width: 88px;
	height: 120px;
}








/*  Main Navigation */

#navholder {
	position: absolute;
	visibility: hidden;
	z-index: 500;
}
#subnavholder1 {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	z-index: 400;
	height: 70px;
	width: 100px;
}
#subnavholder2 {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	z-index: 400;
	height: 42px;
	width: 100px;
}
#subnavholder3 {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	z-index: 400;
	height: 28px;
	width: 100px;
}

#subnavinnerholder1 {
/*	margin-top: -70px; */
}
#subnavinnerholder2 {
/*	margin-top: -42px; */
}

#subnavbuttonholder1 {
	position: absolute;
	visibility: hidden;
	z-index: 450;
}
#subnavbuttonholder2 {
	position: absolute;
	visibility: hidden;
	z-index: 450;
}
#subnavbuttonholder3 {
	position: absolute;
	visibility: hidden;
	z-index: 450;
}

.navbutton {
	float: left;
}

.subnavbutton {
	height: 14px;
}

#nav1button {
	background-image: url(/images/global/nav_1_off.gif);
}
#nav2button {
	background-image: url(/images/global/nav_2_off.gif);
}
#nav3button {
	background-image: url(/images/global/nav_3_off.gif);
}
#nav4button {
	background-image: url(/images/global/nav_4_off.gif);
}
#nav5button {
	background-image: url(/images/global/nav_5_off.gif);
}
#nav6button {
	background-image: url(/images/global/nav_6_off.gif);
}

#subnav1x1button {
	background-image: url(/images/global/subnav_1_1_off.gif);
}
#subnav1x2button {
	background-image: url(/images/global/subnav_1_2_off.gif);
}
#subnav1x3button {
	background-image: url(/images/global/subnav_1_3_off.gif);
}
#subnav1x4button {
	background-image: url(/images/global/subnav_1_4_off.gif);
}
#subnav1x5button {
	background-image: url(/images/global/subnav_1_5_off.gif);
}

#subnav2x1button {
	background-image: url(/images/global/subnav_2_1_off.gif);
}
#subnav2x2button {
	background-image: url(/images/global/subnav_2_2_off.gif);
}
#subnav2x3button {
	background-image: url(/images/global/subnav_2_3_off.gif);
}

#subnav3x1button {
	background-image: url(/images/global/subnav_3_1_off.gif);
}
#subnav3x2button {
	background-image: url(/images/global/subnav_3_2_off.gif);
}


/* catalog page */

.designbox {
	width: 90px;
	height: 90px;
	text-align: center;
	float: left;
}

#designboxouterholder {
	position: absolute;
	top: 155px;
	left: 170px;
	overflow: hidden;
	zoom: 1;
	width: 360px;
	height: 90px;
}

#designboxinnerholder {
	position: relative;			/* IE: fix for negative margins */
	zoom: 1;					/* IE: add hasLayout */
	height: 90px;
}



#productbox {
	position: absolute;
	top: 250px;
	left: 160px;
	width: 400px;
	height: 355px;
	z-index: 100;
	visibility: hidden;
}

#activedesignbox {
	position: absolute;
	top: 310px;
	left: 276px;
	width: 180px;
	height: 240px;
	z-index: 120;
}


#infobox {
	position: absolute;
	top: 260px;
	left: 560px;
	visibility: hidden;
	width: 215px;
}

#infoheader {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 5px 0;
}


.infocolorrow {
	height: 12px;
	padding: 0 0 4px 6px;
}

.infocolorswatch {
	width: 12px;
	height: 12px;
	float:left;
	margin: 0 10px; 0 0;
}


#colorbox {
	padding: 0 0 5px 0;
}

#infodescription {
	padding: 0 0 8px 0;
}

#sizebox {
	padding: 0 0 10px 0;
}

#infoprice {
	padding: 0 0 10px 0;
}

#infoorderbutton {
	padding: 0 0 10px 0;
}

#infocode {
	display: none;
}


#packageinfo {
	position: absolute;
	top: 428px;
	left: 42px;
	width: 115px;
}

#artinfo {
	position: absolute;
	top: 400px;
	left: 42px;
	width: 150px;
}


#designarrowleft {
	position: absolute;
	left: 110px;
	top: 180px;
	visibility: hidden;
}

#designarrowright {
	position: absolute;
	left: 570px;
	top: 180px;
	visibility: hidden;
}



/* about page */

#aboutintro {
	position: absolute;
	left: 80px;
	top: 195px;
	width: 320px;
}

#aboutintro p {
	font-size: 1.1em;
	color: #513a25;
}

#aboutblog {
	position: absolute;
	left: 70px;
	top: 500px;
}

#blogheader {
	color: #513a25;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 15px 10px;
}

#blogchromeheader {
	margin: 0 0 0 0;
	width: 307px;
	height: 32px;
	background-image: url(/images/about/blog_small_top.gif);
}

#blogchromebody {
	margin: 0 0 0 0;
	width: 307px;
	background-image: url(/images/about/blog_small_back.gif);
	padding: 0 0 0 0;
}

#blogchromefooter {
	margin: 0 0 0 0;
	width: 307px;
	height: 34px;
	background-image: url(/images/about/blog_small_bottom.gif);
}

#blogcontent {
	padding: 0 25px 0 30px;
	font-size: 1.1em;
	color: #291d13;
}

.blogpostheader {
	font-weight: bold;
	color: #513A25;
}

.blogpostpic {
	width: 252px;
	text-align: center;
	padding: 8px 0 0 0;
}

.blogpostbody {
	padding: 12px 0 20px 0;
	color: #513A25;
}


.gallerypic {
	padding: 19px 0 0 14px;
}

.gallerytext {
	padding: 4px 0 0 0;
	width: 144px;
	text-align: center;
	font-size: 1.0em;
}

#galleryphoto1 {
	position: absolute;
	left: 452px;
	top: 142px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_1.gif);
}

#galleryphoto2 {
	position: absolute;
	left: 622px;
	top: 192px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_2.gif);
}

#galleryphoto3 {
	position: absolute;
	left: 420px;
	top: 330px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_3.gif);
}

#galleryphoto4 {
	position: absolute;
	left: 590px;
	top: 370px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_4.gif);
}

#galleryphoto5 {
	position: absolute;
	left: 430px;
	top: 560px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_5.gif);
}

#galleryphoto6 {
	position: absolute;
	left: 610px;
	top: 550px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_6.gif);
}

#galleryphoto7 {
	position: absolute;
	left: 440px;
	top: 780px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_1.gif);
}

#galleryphoto8 {
	position: absolute;
	left: 620px;
	top: 740px;
	width: 149px;
	height: 167px;
	background-image: url(/images/about/frame_2.gif);
}


#gallerynote {
	position: absolute;
	left: 470px;
	top: 970px;
	width: 280px;
}



/* contact page */

#contactintro {
	padding: 130px 0 0 80px;
	width: 640px;
}

#contactintro p {
	font-size: 1.2em;
	color: #513a25;
}

#contactformholder {
	padding: 20px 0 0 80px;
	width: 640px;
}

#wholesaleinfo {
	position: absolute;
	top: 290px;
	left: 540px;
	width: 220px;
}


/* where to buy page */

#wheretobuyintro {
	padding: 130px 0 0 80px;
	width: 640px;
}

#wheretobuyintro p {
	font-size: 1.2em;
	color: #513a25;
}


/* popups */

#popchromeheader {
	margin: 0 0 0 0;
	width: 400px;
	height: 32px;
	background-image: url(/images/about/blog_top.gif);
}

#popchromefooter {
	margin: 0 0 0 0;
	width: 400px;
	height: 34px;
	background-image: url(/images/about/blog_bottom.gif);
}




/* form fields */


.smallred {
	font-size: 1em;
	font-weight: normal;
	color: #a00000;
}

.formtable, .formtable td {
	font-size: 1.1em;
	font-weight: normal;
}

.formtable a {
	font-size: 1.1em;
	font-weight: bold;
	color: #123150;
}

.formheader {
	font-size: 1.2em;
	font-weight: bold;
	color: #123150;
}

.formlegend {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	color: #123150;
}

.formlegendright {
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	color: #123150;
	vertical-align: 40%;
}

.checkboxfield {
	color: #333333;
	width: 18px;
	height: 18px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.veryshortfield {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 80px;
	height: 18px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.microfield {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 100px;
	height: 18px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.shortfield {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 200px;
	height: 18px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.shortfieldfile {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 240px;
	height: 20px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.widefield {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 420px;
	height: 18px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.widearea {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 420px;
	height: 80px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.fullfield {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 540px;
	height: 18px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.fullarea {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 540px;
	height: 200px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}

.verywidearea {
	font-family: Arial,Geneva,sans-serif;
	font-size: 1.1em;
	color: #333333;
	width: 650px;
	height: 180px;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	margin: 0 0 5px 0;
}