html,body {
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color:#181003;
	/*background-image:url(../images/bg_tile.gif);
	background-repeat:repeat;*/
}

#container1 {
	width: 751px;
	height: 512px;
	position: absolute;
	left: 50%;
	top: 0%;
	margin-top: 20px; /* make this half your image/element height */
	margin-left: -375px; /* make this half your image/element width */
	/*border:1px solid #191918;*/
    /*Note: Changing the scale here will require changing margin-top within the footer*/
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
    -o-transform: scale(1.08,1.08); /* Opera */
    -moz-transform: scale(1.08,1.08); /* Firefox */
    /*transform-origin: top left;*/
}
#container_collections {
	width: 751px;
	height: 750px;
	position: absolute;
	left: 50%;
	top: 0%;
	margin-top: 29px; /* make this half your image/element height */
	margin-left: -375px; /* make this half your image/element width */
	/*border:1px solid #191918;*/
    /*Note: Changing the scale here will require changing margin-top within the footer*/
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
    -o-transform: scale(1.08,1.08); /* Opera */
    -moz-transform: scale(1.08,1.08); /* Firefox */
    /*transform-origin: top left;*/
}
#container2 {
	width: 751px;
	height: 512px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -256px; /* make this half your image/element height */
	margin-left: -375px; /* make this half your image/element width */
	/*border:1px solid #191918;*/
}
#containerWelcome {
	width: 751px;
	height: 512px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -170px; /* make this half your image/element height */
	margin-left: -170px; /* make this half your image/element width */
	/*border:1px solid #191918;*/
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
    -o-transform: scale(1.08,1.08); /* Opera */
    -moz-transform: scale(1.08,1.08); /* Firefox */
    /*transform-origin: top left;*/
}

	
div#footer {
	width:751px;
	position:absolute;
	text-align:center;
	left: 50%;
	top: 0%;
	margin-top: 565px;
	margin-left: -375px;
	font-size:9px;
	color:#5e3736;
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
    -o-transform: scale(1.08,1.08); /* Opera */
    -moz-transform: scale(1.08,1.08); /* Firefox */
	}

div#footer_collections {
	width:751px;
	position:absolute;
	text-align:center;
	left: 50%;
	top: 0%;
	margin-top: 765px;
	margin-left: -375px;
	font-size:9px;
	color:#5e3736;
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
    -o-transform: scale(1.08,1.08); /* Opera */
    -moz-transform: scale(1.08,1.08); /* Firefox */
	}
	
div#footer_inquiry {
	width:751px;
	position:absolute;
	text-align:center;
	left: 50%;
	top: 0%;
	margin-top: 625px;
	margin-left: -375px;
	font-size:9px;
	color:#5e3736;
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
    -o-transform: scale(1.08,1.08); /* Opera */
    -moz-transform: scale(1.08,1.08); /* Firefox */
	}
	
div#music_btns {
	/*position:absolute;
	width:751px;
	height:20px;
	left:50%;
	margin-left:-375px;
	top:50%;
	margin-top:287px;*/
	text-align:center;
	font-size:9px;
	color:#5e3736;
	}
div#music_btns img {
	border:0;
	}
div#menu {
	width:150px;
	text-align:center;
	position:absolute;
	left:70px;
	left:45px;
	top:20px;
	}
div#menu ul {
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px;
	line-height:28px;
	font-size:14px;
	}
div#menu ul li a {
	color:#5a401b;
	}
div#menu ul li a:hover {
	color:#000000;
	text-decoration:none;
	}
div#menu ul li a.current {
	color:#814747;
	}
	
	
div#menu ul#collectionMenu {
	list-style:none;
	margin:0;
	padding:0;
	font-size:11px;
	position:absolute;
	top:64px;
	left:122px;
	width:400px;
	width:565px;
	width:600px;
	height:100px;
	font-size:12px;
	}
div#menu ul#collectionMenu li {
	float:left;
	padding:0 12px;
	margin:0px 7px 0px 0px;
	/*margin:0px 25px 0px 0px;*/
	font-weight:bold;
	position:relative;
	}
div#menu ul#collectionMenu li a {
	color:#7e3a3a;
	color:#853131;
	}
div#menu ul#collectionMenu li a:hover {
	color:#000000;
	}
div#menu ul#collectionMenu li a.current {
	color:#000000;
	}

div#search_form {
	position:absolute;
	top:20px;
	right:20px;
	}
div#search_form input {
	background:none;
	border-color:#7C6B4D;
	border-width:1px;
	border-style:solid;
	color:#7C6B4D;
	font-size:9px;
	font-weight:bold;
	}
div#search_form input.text {
	background-color:#180902;
	width:110px;
	}
div#search_form input.submit {
	background-color:#180902;
	margin-left:4px;
	}
	
/**********************
	ABOUT STYLES
**********************/

div.about {
	font-size:12px;
	font-weight:bold;
	line-height:22px !important;
	color:#b78969;
	}
div.about p {
	margin-top:0;
	margin-bottom:10px;
	text-indent:30px;
	}
div.about p#signed {
	text-indent:0;
	color:#967056;
	margin-left:230px;
	}
	
div#principles {
	font-size:11px;
	color:#967056;
	padding:0px;
	line-height:1.3em;
	position:absolute;
	top:380px;
	left:405px;
	}

/**********************
	CONTACT STYLES
**********************/

div#contact {
	width:270px;
	font-size:11px;
	color:#31230b;
	margin:80px 0px 0px 212px;
	padding:0px;
	text-align:center;
	}
div#contact p#address {
	color:#1d2012;
	font-size:10px;
	letter-spacing:.12em;	
	font-weight:bold;
	line-height:14px;
	}
div#contact p#instruct {
	color:#9c7659;
	letter-spacing:.25em;
	font-size:11px;
	line-height:17px;
	margin:50px 0px 0px 0px;
	}
div#contact div#form {
	color:#9c7659;
	margin:10px auto;
	}
div#contact div#form td {
	color:#9c7659;
	font-size:11px;
	}
div#contact div#form td.label {
	width:110px;
	padding-right:10px;
	text-align:right;
	}	
div#contact div#form input,
div#contact div#form textarea {
	background-color:#000000;
	border:1px solid #9c7659;
	padding:3px;
	color:#9c7659;
	font-size:10px;
	vertical-align:middle;
	}

div#contact div#form table {
	margin-right:15px;
	}
div#contact div#form input.text,
div#contact div#form textarea.text {
	width:120px;
	}
div#contact div#form textarea.text {
	overflow:auto;
	}


div#contact div#form p {
	margin:0px 0px 5px 0px;
	padding:0px;
	}
div#contact p#err {
	text-align:center;
	vertical-align:top;
	font-size:11px;
	height:18px;
	color:#c69671;
	margin:1em 0;
	}


	
/**********************
	INQUIRY LIST STYLES (Copied from CONTACT STYLES)
**********************/

div#inquiry {
	width:270px;
	font-size:11px;
	color:#31230b;
	margin:80px 0px 0px 212px;
	padding:0px;
	text-align:center;
	}
div#inquiry p#address {
	color:#1d2012;
	font-size:10px;
	letter-spacing:.12em;	
	font-weight:bold;
	line-height:14px;
	}
div#inquiry p#instruct {
	/*color:#9c7659;*/
	color:#1d2012;
	letter-spacing:.25em;
	font-size:11px;
	line-height:17px;
	margin:50px 0px 0px 0px;
	}
div#inquiry div#form {
	color:#9c7659;
	margin:10px auto;
	}
div#inquiry div#form td {
	color:#9c7659;
	font-size:11px;
	}
div#inquiry div#form td.label {
	width:110px;
	padding-right:10px;
	text-align:right;
	}
div#inquiry div#form td.labeldark {
	width:110px;
	padding-right:10px;
	text-align:right;
	color:#1d2012;
	}
div#inquiry div#form input,
div#inquiry div#form textarea {
	background-color:#000000;
	border:1px solid #9c7659;
	padding:3px;
	color:#9c7659;
	font-size:10px;
	vertical-align:middle;
	}

div#inquiry div#form table {
	margin-right:15px;
	}
div#inquiry div#form input.text,
div#inquiry div#form textarea.text {
	width:120px;
	}
div#inquiry div#form textarea.text {
	overflow:auto;
	}


div#inquiry div#form p {
	margin:0px 0px 5px 0px;
	padding:0px;
	}
div#inquiry p#err {
	text-align:center;
	vertical-align:top;
	font-size:11px;
	height:18px;
	color:#c69671;
	margin:1em 0;
	}

	
/* Copied from Collections and then modified*/
div#inquiry_thumbs {
	width:370px;
	margin:0px 0px 0px 20px;
	color:#000000;
	}
div#inquiry_thumbs ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
div#inquiry_thumbs ul li {
	width:100px;
	height:100px;
	margin:0px 18px 24px 0px;
	padding:0px;
	float:left;
	}
div#inquiry_thumbs a {
	text-decoration:none;  /*disable underline of links for text under the thumbnails*/
	/*opacity: 0.001; /*Make near invisible at first to prevent flicker effect while page is rendering. Then set opacity to 1 in noscript and javascript on the head of the page. This did not seem to work so I disabled it.*/
	}
div.inquiry_thumbStyle {
	position:relative;
	top:0px;
	text-align:center;
	color:#f9f9f9;
	font-size:10px;
	/*
	display:none;
	color:#6e5f44;
	*/
	}

	
/**********************
	COLLECTIONS STYLES
**********************/

div#thumbs {
	width:500px;
	margin:300px 0px 0px 20px;
	color:#000000;
	}
div#thumbs ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
div#thumbs ul li {
	width:100px;
	height:100px;
	margin:0px 18px 24px 0px;
	padding:0px;
	float:left;
	}
	
div#thumbs a {
	text-decoration:none; /*disable underline of links for text under the thumbnails*/
	/*opacity: 0.001; /*Make near invisible at first to prevent flicker effect while page is rendering. Then set opacity to 1 in noscript and javascript on the head of the page. This did not seem to work so I disabled it.*/
	}

div#main {
	position:absolute;
	top:125px;
	left:510px;
	}

div#zoomLink {
	width:210px;
	position:absolute;
	top:465px;
	left:510px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	}
div#zoomLink a {
	color:#504036;
	}
div#zoomLink a:hover {
	color:#977865;
	}

div#AddToInquiry {
	position:absolute;
	top:500px;
	left:540px;
	width:150px;
	color:#1d2012;
	text-align:center;
	}
div#AddToInquiry input, div#AddToInquiry p {
	background:none;
	border-color:#7C6B4D;
	border-width:1px;
	border-style:solid;
	color:#7C6B4D;
	font-size:15px;
	font-weight:bold;
	}
div#AddToInquiry input.submit {
	background-color:#180902;
	margin-left:4px;
	font-size:15px;
	}
	
div#info {
	position:absolute;
	top:145px;
	left:225px;
	width:250px;
	/*color:#6e5f44;
	color:#7c6b4d;
	*/
	color:#1d2012;
	}
div#info p {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:12px;
	line-height:12px;
	text-align:right;
	}

	
div#next {
	position:absolute;
	top:690px;  /*change this depending on number of rows of products to display*/
	left:395px;
	text-align:right;
	}
div#prev {
	position:absolute;
	top:690px;  /*change this depending on number of rows of products to display*/
	left:20px;
	text-align:left;
	color:#6e5f44;
	font-size:10px;
	}
div#pgnum {
	position:absolute;
	/*top:492px;*/
	top:687px;  /*change this depending on number of rows of products to display*/
	left:105px;
	color:#6e5f44;
	font-size:10px;
	width:285px;
	}
div#next a, div#prev a {
	color:#6e5f44;
	font-size:10px;
	}
div#next a:hover, div#prev a:hover {
	color:#ae966c;
	font-size:10px;
	text-decoration:none;
	}
	
div#noprods {
	position:absolute;
	top:260px;
	left:280px;
	text-align:left;
	color:#5a401b;
	font-size:12px;
}

div.thumbStyle {
	position:relative;
	top:-20px;
	text-align:center;
	color:#f9f9f9;
	font-size:10px;
	display:none;
	/*
	color:#6e5f44;
	*/
	}

/**********************
	STORES STYLES
**********************/

div#stores {
	padding:0px;
	margin:140px 0px 0px 230px;
	color:#21140b;
}
div#stores form {
	display:block;
	margin:5px 0;
	padding:0;
	}
div#stores input,
div#stores select {
	background-color:#000000;
	border:1px solid #9c7659;
	margin:0px;
	width:80px;
	color:#977253;
	vertical-align:middle;
	}

div#stores input#submit {
	width:20px;
	height:20px;
	cursor:pointer;
	}
	
div#stores input#txtSubmit {
	width:20px;
	/*height:20px;*/
	cursor:pointer;
	}

div#stores div#scrollContent {
	padding:0px;
	}
div#stores div#scrollContent  {
	line-height:15px;
	color:#977253;
	margin:0px;
	padding:0px;
	}
div#stores div#scrollContent div.result {
	margin:0px 0px 25px 0px;
	}
div#stores a {
	color:#977253;
	text-decoration:underline;
	}


/**********************
	MISC STYLES
**********************/

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/**********************
	SORT STYLES
**********************/
.sortable-list {
    list-style-type : none;
    margin: 0;
	padding:0;
}
.sortable-list li {
    border : 1px solid #000;
    cursor : move;
    margin : 2px 0;
    background : #f7f7f7;
    border : #ccc;
    width : 400px;
}

ul.set_list {
	list-style:none;
	margin:8px 0 15px 0;
	padding:0;
	background-color:#FFFFCC;
	width:300px;
}
ul.set_list li {
	padding:10px 0;
	margin:0;
}


.pages {
    color: #FF0000;
}
.pageSelected {
	color: #7E3A3A;
	font-weight: bold;
}
table#page_numbers {
	margin:0 auto;
	width:100%;
	font-size:10px;
	}
table#page_numbers a {
	color:#6E5F44;
	}
table#page_numbers a.pageSelected {
	color: #7E3A3A;
	font-weight: bold;
	}




/*----------------------------
	SLIDER STYLE
----------------------------*/

#scrollContainer {
	width:750px;
	margin:0px;
	}

#scrollContainer #scrollContent {
	margin:0;
	padding:0;
	padding-bottom:50px;
	}
#scrollContainer #handle {
	width:8px;
	height:11px;
	cursor:pointer;
	position:absolute;
	}


#scrollContainer #handle #knob {
	width:25px;
	height:25px;
	line-height:0px;
	position:absolute;
	font-size:18px;
	color:#867150;
	background-color:#be0f34
	}

/* for pages where the handle/knob aren't in the scroll div */
#handle {
	width:8px;
	height:11px;
	cursor:pointer;
	position:absolute;
}
#handle #knob {
	width:15px;
	height:15px;
	line-height:0;
	position:absolute;
	font-size:18px;
	color:#814747;
	background-color:#814747
}

#track {
	width:3px;
	position:absolute;
	background:url(../images/track_bg.gif);
}



.sweets {
	display:none;
}