/* brown: #472b13 */
/* red: #970f00 */
/* beige: #e4dfdc */

body {
	font-family: Arial;
	font-size: 12px;
	color: #472b13;
}
a {
	color: #970f00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3 {
	font-size: 18px;
}
h3 {
	margin: 0px 0px 5px 0px;
	font-size: 14px;
}
h3.admin {
	margin: 15px 0px 5px 0px;
}
div.admin-content h2 {
	font-size: 14px;
}
img {
	border: none;
}
table tr.header-row td {
	font-weight: bold;
}
div#logo-holder, div#content-container {
	width: 874px;
	margin: 0px auto;
}
div#logo-holder {
	margin-top: 15px;
}
div#content-container {
	border: 5px #472b13 solid;
	height: 583px;
	position: relative;
}
div#admin-container {
	height: 535px;
	width: 100%;
	overflow: auto;
}
div#gallery-container {
	margin: 10px 0px 0px 0px;
}
div#main-menu ul, div#cart-main-menu ul {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div#cart-main-menu {
	margin-bottom: 10px;
}
div#cart-main-menu ul {
	padding: 10px 0px 0px 0px;
}
div#main-menu ul li, div#cart-main-menu ul li, ul.sub-menu li, ul.sub-menu-gallery li, div#footer-nav ul li {
	display: inline;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}
div#footer-nav ul li { text-transform:lowercase; }
ul.sub-menu, ul.sub-menu-gallery {
	padding: 0px;
}
ul.sub-menu li, ul.sub-menu-gallery li {
	font-size: 15px;
}
ul.sub-menu-gallery li a {
	color:#472b13;
}
div#main-menu ul li.last, div#cart-main-menu ul li.last {
	border-right: none;
}
div#main-menu ul li a, div#cart-main-menu ul li a {
	color: #472b13;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
div#main-menu ul li a:hover, div#cart-main-menu ul li a:hover {
	text-decoration: underline;
}
div#main-menu ul.admin-menu {
	padding: 10px 0px 0px 0px;
}
div#logo-holder-left {
	float: left;
}
div#logo-holder-right {
	float: right;
}

/**********  CONTAINER TABLE  **********/ 

table#bella_container {
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	border-collapse: separate;
	border-spacing: 0;
	*border-collapse: collapse; /* hack is needed for IE7 also */
}
table#bella_container td {
	border-spacing: 0px;
}
table#bella_container td#container-top-left {
	height: 20px;
	width: 20px;
	background-image: url(../images/shadow-top-left.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-top-middle {
	height: 20px;
	width: 984px;
	background-image: url(../images/shadow-top-middle.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-top-right {
	height: 20px;
	width: 20px;
	background-image: url(../images/shadow-top-right.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-middle-left {
	width: 20px;
	height: 728px;
	background-image: url(../images/shadow-middle-left.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-middle-middle {
	width: 984px;
	height: 728px;
	/*background-image: url(../images/shadow-middle-middle.html);*/
	background-repeat: no-repeat;
	vertical-align: top;
}
table#bella_container td#container-middle-right {
	width: 20px;
	height: 728px;
	background-image: url(../images/shadow-middle-right.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-bottom-left {
	height: 20px;
	width: 20px;
	background-image: url(../images/shadow-bottom-left.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-bottom-middle {
	height: 20px;
	width: 984px;
	background-image: url(../images/shadow-bottom-middle.jpg);
	background-repeat: no-repeat;
}
table#bella_container td#container-bottom-right {
	height: 20px;
	width: 20px;
	background-image: url(../images/shadow-bottom-right.jpg);
	background-repeat: no-repeat;
}
ul#user-menu {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
ul#user-menu li {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	text-align: right;
}

/**********  GALLERY PAGE LAYOUT  **********/ 
div#gallery-full {
	float: left;
	/*border: 5px #472b13 solid;*/
	width: 665px;
	height: 515px;
	background-color: #E4DFDC;
}
div#gallery-thumb, div#gallery-details {
	float: right;
	background-color: #e4dfdc;
	width: 150px;
	height: 410px;
	padding: 20px 10px 20px 15px;
	overflow:auto;
	
}

div.gallery-thumbs {
	float: right;
	background-color: #e4dfdc;
	height: 427px;
	/*
	padding: 20px 10px 20px 15px;
	width: 150px;
	*/
	padding:20px 15px;
	width:160px;
	overflow:auto;
	display:none;
	overflow-x:hidden;
}

table#gallery-thumb-list {
	margin: 0px;
	padding: 0px;
}
table#gallery-thumb-list tr td {
	width: 100px;
	text-align: center;
	padding: 0px 0px 10px 0px;
}
table#gallery-thumb-list tr td a img {
	opacity: .5;
	filter: alpha(opacity=50);
}
table#gallery-thumb-list tr td a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
#gallery-controls-left {
	float: left;
	margin: 0px;
	padding: 0px;
}
#gallery-controls-right {
	float: right;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}
div#gallery-full-image-container {
	position: relative;
	height: 515px;
}
img#gallery-full-image {
	position: relative;
	top: -7px;
	left: 0;
	border-left: 15px #472b13 solid;
	border-right: 15px #472b13 solid;
	border-top: 7px  #472b13 solid;
	border-bottom: 8px  #472b13 solid;
}
div#gallery-bottom {
	clear: both;
	text-align: right;
	width: 675px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
div#gallery-bottom a {
	background-color: #472b13;
	padding: 5px;
	color: #FFFFFF;
}
div#gallery-bottom a:hover {
	background-color: #E4DFDC;
	color: #472b13;
	text-decoration: none;
}
div#gallery-details {
	display: none;
}
table.gallery-details-table td.left {
	padding-right: 15px;
}

/**********  SHOPPING CART LAYOUT  **********/ 
div#shopping-cart-table-container {
	overflow: auto;
	height: 550px;
}
table#shopping-cart {
	border-spacing: 0px;
	width: 100%;
}
table#shopping-cart tr td {
	padding: 5px 10px 5px 10px;
}
table#shopping-cart tr td.image {
	width: 250px;
}
table#shopping-cart tr td.image-number {
	width: 314px;
}
table#shopping-cart tr td.details {
	width: 360px;
}
table#shopping-cart tr td.remove {
	width: 100px;
}
table#shopping-cart tr.header td {
	color: #970f00;
}
table#shopping-cart tr.odd td {
	background-color: #e4dfdc;
}
table.shopping-cart-sub tr td {
	padding: 5px;
}
table.shopping-cart-sub td.size {
	width: 30px;
}
table.shopping-cart-sub td.quantity {
	width: 50px;
}
table.shopping-cart-sub td.label {
	width: 25px;
	text-align: center;
}
table.shopping-cart-sub td.price {
	text-align: right;
	width: 50px;
}
table.shopping-cart-sub td.total {
	font-weight: bold;
}
#purchase-link {
	display: none;
}

/**********  SPLASH PAGE LAYOUT  **********/ 
div#splash-left, div#splash-mid, div#splash-right {
	width: 298px;
	height: 552px;
	margin-top: 20px;
}
div#splash-left {
	float: left;
	margin-left:23px;
}
div#splash-mid {
	float:left;
	margin-left:20px;
	margin-right:20px;
}
div#splash-right {
	float: left;
	
}


/**********  STATIC PAGE LAYOUT  **********/ 
div#content-box-container {
	width: 308px;
	height: 383px;
	float: right;
	background-color: #FFFFFF;
	margin: 115px 0px 0px 0px;
	padding: 20px 10px 20px 20px;
	
	opacity: .5;
	filter: alpha(opacity=50);
}
div#content-box-scroller-container {
	position: absolute;
	left: 550px;
	top: 125px;
}
div#content-box {
	color: #472b13;
	font-size: 12px;
	overflow: auto;
	height: 375px;
	width: 320px;
}
/********* Edit menu backing here **********/
div#main-menu-container {
	height: 35px;
	width: 100%;
	background-color: #ffffff;
	position: absolute;
	opacity: .7;
	filter: alpha(opacity=70);
}
div#main-menu {
	height: 30px;
	position: absolute;
	width: 100%;
}
div#cart-main-menu {
	height: 30px;
	width: 100%;
	background-color: #e4dfdc;
}
li.menu-separator {
	border-left: 1px #b7cdc9 solid;
}

/**********  ADMIN PAGES  **********/ 
div.admin-content {
	padding: 0px 20px 0px 20px;
}
div#admin-picture-list-container {
	float: right;
	width: 480px;
}
#admin-picture-list {
	height: 350px;
	overflow: auto;
	border: none;
	width: 480px;
}
table#orders-table, table#giftcards-table {
	width: 100%;
}
table#orders-table td, table#giftcards-table td{
	text-align: center;
}
table.price-list td.left {
	width: 335px;
}
table.price-list td.right {
	vertical-align: top;
	width: 100px;
}
table.admin-table td.left {
	font-weight: bold;
}
table.admin-table td.double_name {
	width: 250px;
}
table.admin-table td.quantity {
	text-align: right;
	width: 30px;
}
table.admin-table td.label {
	text-align: center;
	width: 30px;
}
table.admin-table td.price {
	text-align: right;
	width: 65px;
}
table.admin-table td.name {
	
}
table.admin-table td.filler {
	width: 35px;
}
table.admin-table td.picture_name {
	font-weight: bold;
}

/**********  FORM ELEMENTS  **********/
.mceEditor {
	width: 100%;
	height: 375px;
}
.bella-input {
	border: 1px #472B13 solid;
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
}
.bella-button {
	background-color: #472B13;
	padding: 5px;
	color: #FFFFFF;
}
.small {
	font-size: 10px;
}

/**********  CHECKOUT **********/
div#checkout {
	overflow: auto;
	height: 470px;
}
div#checkout table {
	margin: 0px 0px 30px 0px;
}
div#checkout table td.label {
	width: 105px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
div#checkout table td.required {
	font-weight: bold;
}
div#checkout-left {
	float: left;
}
div#checkout-right {
	float: right;
	padding: 10px;
}
div#order-summary {
	background-color: #E4DFDC;
	padding: 10px;
	margin: 0px 20px 0px 0px;
	width: 450px;
}
table#order-summary-table {
	border-spacing: 0px;
	width: 100%;
}
table#order-summary-table tr td {
	padding: 5px 10px 5px 10px;
}
table#order-summary-table tr td.image {
	width: 250px;
}
table#order-summary-table tr td.image-number {
	width: 314px;
}
table#order-summary-table tr td.details {
	width: 360px;
}
table#order-summary-table tr td.remove {
	width: 100px;
}
table#order-summary-table tr.header td {
	color: #970f00;
}
table#order-summary-table tr.odd td {
	background-color: #e4dfdc;
}
table.order-summary-sub tr td {
	padding: 5px;
}
table.order-summary-sub td.size {
	width: 30px;
}
table.order-summary-sub td.quantity {
	width: 50px;
}
table.order-summary-sub td.label {
	width: 25px;
	text-align: center;
}
table.order-summary-sub td.price {
	text-align: right;
	width: 50px;
}
table.order-summary-sub td.total {
	font-weight: bold;
}

/* CART */
div.attributes {
	float: left;
	margin: 5px 5px 5px 0px;
}
div.product-list-container-inside {
	float: right;
	display: none;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

tr.cart { background:#f2f2f2; }

/**********  SUCCESS/ERROR MESSAGES  **********/ 
.success {
	border: 2px #006600 solid;
	background-color: #009933;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}
.error {
	border: 2px #990000 solid;
	background-color: #CC0000;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

/* Tablesorter */

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #E4DFDC;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

div.pager {
	position: static; 
}

div.crop-image {
	display: none;
}

div#gallery-thumb-list img {
	opacity: .5;
	filter: alpha(opacity=50);
	border: 4px #472b13 solid;
}

div#gallery-thumb-list div.active img {
    border: 4px #C6C65C solid;
	opacity: 1;
	filter: alpha(opacity=100);
}
/** gallery slideshow **/
.left {
	float: left;
	width: 60px;
	height: 80px;
	padding-bottom: 10px;
}

.right {
	float: right;
	width: 60px;
	height: 80px;
	padding-bottom: 10px;
}

a.play, a.stop { 
	opacity: .5;
}

a.play.active, a.stop.active {
	opacity: 1;
}

div.crop-container, div.gallery-container {
	display: none;
}

div.gallery-container.active, div.crop-container.active {
	display: block;
}

.yui-skin-sam .yui-crop .yui-crop-mask {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.yui-skin-sam .yui-crop .yui-resize {
    border: 1px dashed #fff;   
}

img#checkout-logo, p#checkout-confirm-text {display:none;}

div.sheet-limit.error {
	display:none;
}

div.sheet-limit.error.active {
	border: 2px #990000 solid;
	background-color: #CC0000;
	text-align: center;
	color: #FFFFFF;
	padding: 2px;
	margin: 5px 0px 10px 0px;
}

div.save-image {
	display:none;
}

div.save-image.active {
		border: 2px #006600 solid;
		background-color: #009933;
		text-align: center;
		color: #FFFFFF;
		padding: 5px;
		margin: 5px 0px 10px 0px;
}
input.search_input {
	padding-bottom: 4px;
}

/** Data Tables **/
.dataTables_length {
	padding-right:46px;
	float: right;
	padding-bottom: 8px;
}

.dataTables_filter {
	width: 40%;
	padding-bottom: 8px;
}

.dataTables_info {
	width: 60%;
	float: left;
	padding-top: 8px;
	padding-bottom: 2px;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	opacity: .5;
}

.paginate_enabled_previous {
	opacity: 1;
}

.paginate_disabled_next {
	opacity: .5;
}

.paginate_enabled_next {
	opacity: 1;
}

div.dataTables_info {
	width: 40%;
	padding-top: 8px;
	padding-bottom: 2px;
}

.dataTables_paginate {
	width: 400px;
	padding-right:41px;
	padding-top:9px;
	
}

div.dataTables_paginate span.paginate_button,
div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px 0px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

div.dataTables_paginate span.paginate_button {
	background-color: #fff;
}

div.dataTables_paginate span.paginate_button:hover {
	background-color: #E4dfdc;
}

div.dataTables_paginate span.paginate_active {
	background-color: #E4dfdc;
}

.orders .dataTables_paginate {
	width: 400px;
	padding-right:24px;
	padding-top:9px;
	padding-bottom: 2px;
}

.dataTables_filter > input {
	border: 1px #472B13 solid;
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
}

table#galleries td {
	width: 300px;
	text-align: center;
}

table#galleries td.spacer {
	width: 350px;
}

/************ Loader styles *********/
div.loading-invisible{
 display:none;
 }  
div.loading-visible{
	 display:none;
 }


/************ Added by Yang *********/
div#menu ul{
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div#menu ul li{
	display: inline;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

div#menu ul li a:hover{
	text-decoration: underline;
}

div#menu-container {
	height: 35px;
	width: 100%;
	background-color: #ffffff;
	position: absolute;
	opacity: .7;
	filter: alpha(enabled=ture,opacity=70);
}
div#menu {
	height: 30px;
	position: absolute;
	width: 100%;
}

ul.sub1-menu li {
	display: inline;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}
ul.sub1-menu {
	padding: 0px;
}
ul.sub1-menu li{
	font-size: 15px;
}
.homeDescription {
	color: #FFFFFF;
	text-align: left;
	font-size: 6px;
}