html,body {
	padding: 0;
	border: 0;
	margin: 0;
	background-image: url("../images/frame/main-bg.png");
	background-repeat: repeat-x;
	background-color: #d0e3ed
}

#header {
	width: 1000px
}

/******** Web site Frame: Header, Side Borders and Footer ********/
.left-edge {
	background-image: url("../images/frame/left-edge.png");
	background-repeat: y;
	height: 100%;
	width: 113px
}

.right-edge {
	background-image: url("../images/frame/right-edge.png");
	background-repeat: y;
	height: 100%;
	width: 112px
}

.main-section {
	width: 775px;
	background-color: #afc6d3;
	padding-top: 2px
}

.footer-section {
	width: 100%;
	height: 100%;
	background-color: #000000
}

.footer-table {
	background-image: url("../images/frame/footer-bg.png");
	width: 1000px;
	height: 49px;
	padding: 0px
}

.footer-links {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 5px;
	color: #000000
}

.footer-tx {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	color: #000000
}

.ridom-link {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	color: #000000
}

.news-list {
	margin-left: -20px;
	font-size: 11px;
	font-family: Verdana, Geneva, Tahoma, sans-serif
}

.news-list .title {
	margin-top: 5px
}

.veiw-cart-heading {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #ffffff;
	background-color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: top
}

.new-item {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e2e3cf
}

a:link {
	TEXT-DECORATION: underline;
	COLOR: #04202e;
	font-style: italic
}

a:visited {
	TEXT-DECORATION: underline;
	COLOR: #04202e;
	font-style: italic
}

a:active {
	TEXT-DECORATION: underline;
	COLOR: #04202e;
	font-style: italic
}

a:hover {
	TEXT-DECORATION: underline;
	COLOR: #04202e;
	font-style: italic
}

img {
	border: none
}

/******** Web Site Content Text ********/
h2,.date {
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	color: #04202e;
	line-height: 1.5
}

.main-tx {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b;
	line-height: 1.5;
	padding-left: 5px;
	padding-right: 5px
}

.on-blue-bg-tx {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.5;
	padding-left: 10px;
	padding-right: 10px
}

.more-details {
	background-image: url("../art-gallery/images-art-gallery/arrow.gif");
	background-repeat: no-repeat;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b;
	width: 127px;
	padding-left: 14px;
	padding-bottom: 20px
}

/****************************************************************************************** Gallery Tool tip ********/
#preview {
	position: absolute;
	border: 3px solid #9b9d73;
	background: #000000;
	padding: 6px;
	display: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px
}

.painting-title {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #313308;
	background: #9b9d73
}

.thumbnail-bg {
	background: #e2e3cf;
	text-align: center;
	vertical-align: bottom;
}
.thumbnail-bg-top {
		background:#dfd191;
		text-align:center;
		vertical-align:bottom;	
	}
.painting-title-top {
	font-size: 11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000000;
	background:#c7b563
}

.thumbnail-border {
	border: 2px solid #2a3033
}

/****************************************************************************************** Picture jsp ********/
.picture-padding {
	padding-top: 15px;
	text-align: center;
}

.print-table {
	background: #c7dae4;
	width: 484px
}

.print-title {
	width: 121px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-left: 5px;
	color: #313308;
	background: #9b9d73
}

.print-title-tx {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-left: 5px;
	color: #313308;
	background: #c1c39c
}

.giclee-option1 {
	height: 50px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-left: 5px;
	color: #302202;
	background: #d8daba
}

.giclee-option2 {
	height: 50px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-left: 5px;
	color: #313308;
	background: #c1c39c
}

/****************************************************************************************** Home Page ********/
	/******** Start Copy and Paste Here for adding a new Box. 1. Replace the Class names with New page Title. ********/
	/******** Boxes Headers (expandable for Width) 2. Resize Width to desired amount. ********/
h1 {
	padding-left: 5px;
	border: 0;
	margin: 0;
	color: #04202e;
	font-size: 13px;
	font-family: Verdana, Geneva, Tahoma, sans-serif
}

.headerLeftHome {
	width: 380px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-image: url("../images/boxes/header-middle.png");
	background-repeat: repeat-x;
	line-height: 23px !important
}

.headerLeftHome .left {
	width: 5px;
	height: 24px;
	float: left;
	background-image: url("../images/boxes/header-left.png");
	background-repeat: no-repeat top left
}

.headerLeftHome .right {
	width: 5px;
	height: 24px;
	float: right;
	background-image: url("../images/boxes/header-right.png");
	background-repeat: no-repeat top right
}

.headerLeftHome .middle {
	width: 355px;
	height: 24px;
	float: left
}

/******** Column Boxes (expandable for Height) 3. Replace box-content-???px.png with desired width. ********/
.containerBoxHome {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b
}

.containerBoxHome a {
	color: #00669c;
	text-decoration: underline
}

.leftColumnBoxHome {
	width: 380px
}

.leftColumnBoxHome .containerBoxHome {
	width: 380px;
	overflow: hidden;
	background-image: url("../images/boxes/box-content-380px.png");
	background-repeat: repeat-y;
	padding: 5px 0 0 5px
}

.leftColumnBoxHome .containerBoxHome a {
	color: #04202e;
	text-decoration: underline;
	font-weight: bold
}

.leftColumnBoxHome .containerBoxHome .middle {
	width: 360px;
	float: left;
	overflow: hidden;
	padding: 0 5px
}

.leftColumnBoxHome .containerBoxHome .middle div {
	
}

.leftColumnBoxHome .containerBoxHome .middle .button {
	float: right
}

/******** Box Footers (expandable for Width) 4. Don't forget to resize footer Width to desired amount. ********/
.boxBottomHome {
	width: 380px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-middle.png");
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden
}

.boxBottomHome .left {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-left.png");
	background-repeat: no-repeat;
	float: left;
	overflow: hidden
}

.boxBottomHome .right {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-right.png");
	background-repeat: no-repeat;
	float: right;
	overflow: hidden
}

/******** End Copy and Paste Here. ********/
	/****************************************************************************************** Contact Page ********/
	/******** Start Copy and Paste Here for adding a new Box. 1. Replace the Class names with New page Title. ********/
	/******** Boxes Headers (expandable for Width) 2. Resize Width to desired amount. ********/
.headerLeftContact {
	width: 275px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-image: url("../images/boxes/header-middle.png");
	background-repeat: repeat-x;
	line-height: 23px !important
}

.headerLeftContact .left {
	width: 5px;
	height: 24px;
	float: left;
	background-image: url("../images/boxes/header-left.png");
	background-repeat: no-repeat top left
}

.headerLeftContact .right {
	width: 5px;
	height: 24px;
	float: right;
	background-image: url("../images/boxes/header-right.png");
	background-repeat: no-repeat top right
}

.headerLeftContact .middle {
	width: 250px;
	height: 24px;
	float: left
}

/******** Column Boxes (expandable for Height) 3. Replace box-content-???px.png with desired width. ********/
.containerBoxContact {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b
}

.containerBoxContact a {
	color: #00669c;
	text-decoration: underline
}

.leftColumnBoxContact {
	width: 275px
}

.leftColumnBoxContact .containerBoxContact {
	width: 275px;
	overflow: hidden;
	background-image: url("../images/boxes/box-content-275px.png");
	background-repeat: repeat-y;
	padding: 5px 0 0 5px
}

.leftColumnBoxContact .containerBoxContact a {
	color: #04202e;
	text-decoration: underline;
	font-weight: bold
}

.leftColumnBoxContact .containerBoxContact .middle {
	width: 255px;
	float: left;
	overflow: hidden;
	padding: 0 5px
}

.leftColumnBoxContact .containerBoxContact .middle div {
	
}

.leftColumnBoxContact .containerBoxContact .middle .button {
	float: right
}

/******** Box Footers (expandable for Width) 4. Don't forget to resize footer Width to desired amount. ********/
.boxBottomContact {
	width: 275px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-middle.png");
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden
}

.boxBottomContact .left {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-left.png");
	background-repeat: no-repeat;
	float: left;
	overflow: hidden
}

.boxBottomContact .right {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-right.png");
	background-repeat: no-repeat;
	float: right;
	overflow: hidden
}

/******** End Copy and Paste Here. ********/
	/****************************************************************************************** News & links Page (Left Box)********/
	/******** Start Copy and Paste Here for adding a new Box. 1. Replace the Class names with New page Title. ********/
	/******** Boxes Headers (expandable for Width) 2. Resize Width to desired amount. ********/
.headerLeftNewsLeft {
	width: 225px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-image: url("../images/boxes/header-middle.png");
	background-repeat: repeat-x;
	line-height: 23px !important
}

.headerLeftNewsLeft .left {
	width: 5px;
	height: 24px;
	float: left;
	background-image: url("../images/boxes/header-left.png");
	background-repeat: no-repeat top left
}

.headerLeftNewsLeft .right {
	width: 5px;
	height: 24px;
	float: right;
	background-image: url("../images/boxes/header-right.png");
	background-repeat: no-repeat top right
}

.headerLeftNewsLeft .middle {
	width: 200px;
	height: 24px;
	float: left
}

/******** Column Boxes (expandable for Height) 3. Replace box-content-???px.png with desired width. ********/
.containerBoxNewsLeft {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b
}

.containerBoxNewsLeft a {
	color: #00669c;
	text-decoration: underline
}

.leftColumnBoxNewsLeft {
	width: 225px
}

.leftColumnBoxNewsLeft .containerBoxNewsLeft {
	width: 225px;
	overflow: hidden;
	background-image: url("../images/boxes/box-content-225px.png");
	background-repeat: repeat-y;
	padding: 5px 0 0 5px
}

.leftColumnBoxNewsLeft .containerBoxNewsLeft a {
	color: #04202e;
	text-decoration: underline;
	font-weight: bold
}

.leftColumnBoxNewsLeft .containerBoxNewsLeft .middle {
	width: 205px;
	float: left;
	overflow: hidden;
	padding: 0 5px
}

.leftColumnBoxNewsLeft .containerBoxNewsLeft .middle div {
	
}

.leftColumnBoxNewsLeft .containerBoxNewsLeft .middle .button {
	float: right
}

/******** Box Footers (expandable for Width) 4. Don't forget to resize footer Width to desired amount. ********/
.boxBottomNewsLeft {
	width: 225px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-middle.png");
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden
}

.boxBottomNewsLeft .left {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-left.png");
	background-repeat: no-repeat;
	float: left;
	overflow: hidden
}

.boxBottomNewsLeft .right {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-right.png");
	background-repeat: no-repeat;
	float: right;
	overflow: hidden
}

/******** End Copy and Paste Here. ********/
	/****************************************************************************************** News & Links Page (Right Box)********/
	/******** Start Copy and Paste Here for adding a new Box. 1. Replace the Class names with New page Title. ********/
	/******** Boxes Headers (expandable for Width) 2. Resize Width to desired amount. ********/
.headerLeftNewsRight {
	width: 530px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-image: url("../images/boxes/header-middle.png");
	background-repeat: repeat-x;
	line-height: 23px !important
}

.headerLeftNewsRight .left {
	width: 5px;
	height: 24px;
	float: left;
	background-image: url("../images/boxes/header-left.png");
	background-repeat: no-repeat top left
}

.headerLeftNewsRight .right {
	width: 5px;
	height: 24px;
	float: right;
	background-image: url("../images/boxes/header-right.png");
	background-repeat: no-repeat top right
}

.headerLeftNewsRight .middle {
	width: 505px;
	height: 24px;
	float: left
}

/******** Column Boxes (expandable for Height) 3. Replace box-content-???px.png with desired width. ********/
.containerBoxNewsRight {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b
}

.containerBoxNewsRight a {
	color: #00669c;
	text-decoration: underline
}

.leftColumnBoxNewsRight {
	width: 530px
}

.leftColumnBoxNewsRight .containerBoxNewsRight {
	width: 530px;
	overflow: hidden;
	background-image: url("../images/boxes/box-content-530px.png");
	background-repeat: repeat-y;
	padding: 5px 0 0 5px
}

.leftColumnBoxNewsRight .containerBoxNewsRight a {
	color: #04202e;
	text-decoration: underline;
	font-weight: bold
}

.leftColumnBoxNewsRight .containerBoxNewsRight .middle {
	width: 510px;
	float: left;
	overflow: hidden;
	padding: 0 5px
}

.leftColumnBoxNewsRight .containerBoxNewsRight .middle div {
	
}

.leftColumnBoxNewsRight .containerBoxNewsRight .middle .button {
	float: right
}

/******** Box Footers (expandable for Width) 4. Don't forget to resize footer Width to desired amount. ********/
.boxBottomNewsRight {
	width: 530px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-middle.png");
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden
}

.boxBottomNewsRight .left {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-left.png");
	background-repeat: no-repeat;
	float: left;
	overflow: hidden
}

.boxBottomNewsRight .right {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-right.png");
	background-repeat: no-repeat;
	float: right;
	overflow: hidden
}

/******** End Copy and Paste Here. ********/
	/******** Start Copy and Paste Here for adding a new Box. 1. Replace the Class names with New page Title. ********/
	/******** Boxes Headers (expandable for Width) 2. Resize Width to desired amount. ********/
.headerLeftCart {
	width: 760px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-image: url("../images/boxes/header-middle.png");
	background-repeat: repeat-x;
	line-height: 23px !important
}

.headerLeftCart .left {
	width: 5px;
	height: 24px;
	float: left;
	background-image: url("../images/boxes/header-left.png");
	background-repeat: no-repeat top left
}

.headerLeftCart .right {
	width: 5px;
	height: 24px;
	float: right;
	background-image: url("../images/boxes/header-right.png");
	background-repeat: no-repeat top right
}

.headerLeftCart .middle {
	width: 735px;
	height: 24px;
	float: left
}

/******** Column Boxes (expandable for Height) 3. Replace box-content-???px.png with desired width. ********/
.containerBoxCart {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #00314b
}

.containerBoxCart a {
	color: #00669c;
	text-decoration: underline
}

.leftColumnBoxCart {
	width: 760px
}

.leftColumnBoxCart .containerBoxCart {
	width: 760px;
	overflow: hidden;
	background-image: url("../images/boxes/box-content-760px.png");
	background-repeat: repeat-y;
	padding: 5px 0 0 5px
}

.leftColumnBoxCart .containerBoxCart a {
	color: #04202e;
	text-decoration: underline;
	font-weight: bold
}

.leftColumnBoxCart .containerBoxCart .middle {
	width: 740px;
	float: left;
	overflow: hidden;
	padding: 0 5px
}

.leftColumnBoxCart .containerBoxCart .middle div {
	
}

.leftColumnBoxCart .containerBoxCart .middle .button {
	float: right
}

/******** Box Footers (expandable for Width) 4. Don't forget to resize footer Width to desired amount. ********/
.boxBottomCart {
	width: 760px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-middle.png");
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden
}

.boxBottomCart .left {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-left.png");
	background-repeat: no-repeat;
	float: left;
	overflow: hidden
}

.boxBottomCart .right {
	width: 5px;
	height: 24px;
	background-image: url("../images/boxes/box-footer-right.png");
	background-repeat: no-repeat;
	float: right;
	overflow: hidden
}

/******** End Copy and Paste Here. ********/
.itemQuantity,.itemIncrement,.itemDecrement,.itemTotal {
	margin-top: 5px;
	width: 100px;
	float: left;
}

.itemThumb {
	margin-top: 5px;
	width: 200px;
	float: left;
}

.itemName {
	margin-top: 5px;
	width: 150px;
	float: left;
	vertical-align: middle;
	margin-left: 3px;
}

.cartHeaders {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	vertical-align: top;
	height: 20px;
}

.itemContainer {
	clear: both;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e2e3cf;
	height: 120px;
}

.simpleCart_items {
	width: 760px;
	text-align: center;

}

.itemQuantity input {
	width: 20px;
}

.cartHeader, .itemThumb {
	color:#000000;
	
}

.itemIncrement a {
	background: url(../images/add.png) left top no-repeat;
	text-decoration: none;
	padding-left:15px;
	color: #e2e3cf;
}

.itemDecrement a {
	background: url(../images/remove.png) left top no-repeat;
	text-decoration: none;
	padding-left:15px;
	color: #e2e3cf;
}

 .containerBoxGalleryRight .simpleCart_checkout,  .containerBoxGalleryRight .simpleCart_empty, .backToGallery a{
	margin-top:30px;
	padding: 5px;
	background-color: #000000;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
align: right
}

#tooltip{
position:absolute;
	}