﻿/* ASP.NET AJAX Begin */
.ajax__validatorcallout,.ajax__calendar_container
{
	z-index:9999;
}
/* ASP.NET AJAX End */
body
{
	background-color:#000000;
}
.layoutHeader
{
	background:url(images/header4.jpg) no-repeat;
}
.layoutHeader h1
{
	position:absolute;
	top:2px;
	left:15px;
}
.layoutHeader h1 a
{
	display:block;
	text-indent:-10000px;
	height:28px;
	width:220px;
}
.layoutHeader .searchBox
{
	position:absolute;
	width:72px;
	height:13px;
	line-height:13px;
	top:10px;
	right:10px;
	font-size:0.7em;
	color:#000000;
	background-color:Transparent;
	border:none;
	padding:0;
}
.layoutHeader .searchButton
{
	position:absolute;
	top:8px;
	right:90px;
	width:46px;
	height:20px;
	overflow:hidden;
	background-color:Transparent;
	border:none;
	cursor:pointer;
	font-size:0.01em;
	text-indent:-9999px;
}
.layoutHeader .loginLink
{
	position:absolute;
	width:62px;
	height:22px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	font-size:0.7em;
	font-weight:bold;
	top:129px;
	right:35px;
	color:#FFFFFF;
	text-indent:-10000px;
	border:none;
	cursor:pointer;
}
.layoutHeader .createAccountLink
{
	position:absolute;
	width:124px;
	height:22px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	font-size:0.7em;
	font-weight:bold;
	top:129px;
	right:101px;
	color:#FFFFFF;
	text-indent:-10000px;
	border:none;
	cursor:pointer;
}
.layoutHeader .showCatsLink
{
	position:absolute;
	width:222px;
	height:22px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	font-size:0.7em;
	font-weight:bold;
	top:156px;
	right:18px;
	color:#FFFFFF;
	text-indent:-10000px;
	border:none;
	cursor:pointer;
}
.layoutHeader .loggedInUser
{
	position:absolute;
	width:204px;
	height:22px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	font-size:0.6em;
	font-weight:bold;
	top:0;
	left:300px;
	color:#D2D2D2;
	border:none;
	padding-top:3px;
}
.layoutHeader .logout
{
	position:absolute;
	width:50px;
	text-align:center;
	text-decoration:none;
	font-size:0.6em;
	font-weight:bold;
	top:-4px;
	right:4px;
	color:#D2D2D2;
	border:none;
	cursor:pointer;
}
.layoutHeader .viewCart
{
	border:none;
	border-right:solid 1px #D2D2D2;
	color:#D2D2D2;
	cursor:pointer;
	font-size:0.7em;
	font-weight:bold;
	padding:0 10px 2px 0;
	position:absolute;
	right:140px;
	text-align:right;
	text-decoration:none;
	top:13px;
}
.layoutHeader .viewCart:hover,.layoutHeader .logout:hover
{
	text-decoration:underline;
}
.layoutHeader .printHeader
{
	display:none;
}
.layoutNav ul li
{
	float:left;
}
.layoutNav ul li a
{
	display:block;
	height:182px;
	text-indent:-9999px;
}
.layoutNav ul .navSubjects a
{
	background:url(images/subjects.jpg) no-repeat 0 0;
	width:92px;
}
.layoutNav ul .navSubjects a:hover
{
	background:url(images/subjects.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navSets a
{
	background:url(images/sets.jpg) no-repeat 0 0;
	width:97px;
}
.layoutNav ul .navSets a:hover
{
	background:url(images/sets.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navStyles a
{
	background:url(images/styles.jpg) no-repeat 0 0;
	width:90px;
}
.layoutNav ul .navStyles a:hover
{
	background:url(images/styles.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navMediums a
{
	background:url(images/mediums.jpg) no-repeat 0 0;
	width:99px;
}
.layoutNav ul .navMediums a:hover
{
	background:url(images/mediums.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navPalettes a
{
	background:url(images/palettes.jpg) no-repeat 0 0;
	width:90px;
}
.layoutNav ul .navPalettes a:hover
{
	background:url(images/palettes.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navPrices a
{
	background:url(images/prices.jpg) no-repeat 0 0;
	width:92px;
}
.layoutNav ul .navPrices a:hover
{
	background:url(images/prices.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navCreateAccount a
{
	background:url(images/createAccount.jpg) no-repeat 0 0;
	width:97px;
}
.layoutNav ul .navCreateAccount a:hover
{
	background:url(images/createAccount.jpg) no-repeat 0 -182px;
}
.layoutNav ul .navLogin a
{
	background:url(images/login.jpg) no-repeat 0 0;
	width:93px;
}
.layoutNav ul .navLogin a:hover
{
	background:url(images/login.jpg) no-repeat 0 -182px;
}
.contentHomePage
{
	/* todo */
}
.layoutFooter
{
}
.layoutFooter .links
{
	height:22px;
	padding-top:3px;
	text-align:center;
	color:#D2D2D2;
	background-color:#585858;
}
.layoutFooter .links ul li
{
	display:inline;
}
.layoutFooter .links ul li a
{
	color:#D2D2D2;
	font-size:0.8em;
	text-decoration:none;
}
.layoutFooter .copyright
{
	padding-top:10px;
	color:#585858;
	text-align:center;
	font-size:0.55em;
	height:16px;
	line-height:16px;
}
/* General Begin */

.contentContainer
{
	width:652px;
	height:408px;
	background:url(images/loginBackground.gif) no-repeat;
	margin:4px auto 8px;
	padding:20px;
}
.contentContainer p
{
	padding:5px;
}
.clearHack
{
	clear:both;
}
.cal
{
	cursor:pointer;
	height:22px;
	vertical-align:bottom;
	width:22px;
}
.date
{
	width:75px;
}

/* General End */

/* Login Begin */

.contentContainer .loginText
{
	padding-top:60px;
	text-align:center;
}
.contentContainer .loginText a
{
	color:#000;
}
.contentContainer .loginText a:hover
{
	text-decoration:none;
}
.contentContainer .userLogin
{
	border:solid 4px #FFFFFF;
	width:260px;
	margin:60px auto 0;
	background-color:#E4E4E4;
	font-size:0.7em;
}
.contentContainer .userLogin h2
{
	background-color:#B5B5B5;
	padding:4px;
	color:#3C3C3C;
}
.contentContainer .userLogin .lblWInput
{
	padding:2px 2px 2px 4px;
}
.contentContainer .userLogin .lblWInput label
{
	float:left;
	width:110px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:12px;
}
.contentContainer .userLogin .lblWInput input
{
	border:solid 2px #ADC6D7;
	width:100px;
}
.contentContainer .userLogin .rememberMe
{
	display:block;
	margin:0 auto;
	width:120px;
}
.contentContainer .mainButtonContainer
{
	padding:5px;
	text-align:right;
}

/* Login End */

/* Search Begin */

.artPieces
{
	margin-top:20px;
}
.artPieces ul
{
	margin:0 auto;
}
.artPieces ul li
{
	float:left;
	width:19%;
	height:140px;
	line-height:140px;
	text-align:center;
	border:dotted 1px #FFFFFF;
	margin:1px;
}
.artPieces ul li input
{
	vertical-align:middle;
}
.pager
{
	clear:both;
	font-size:0.8em;
	padding:0 16px 0;
	text-align:right;
}
.pager ul
{
	color:#FFFFFF;
	margin:5px 0 20px;
}
.pager ul li
{
	display:inline;
	padding:0 2px 0;
}
.pager ul li a
{
	color:#FFFFFF;
}
.pager ul li a:hover
{
	text-decoration:none;
}
.showSearchList
{
	float:left;
	width:45%;
	padding:10px;
	font-size:0.8em;
}
.showSearchList a
{
	color:#FFFFFF;
}
.showSearchList a:hover
{
	text-decoration:none;
}
.popupSearchList
{
	clear:both;
	margin-top:20px;
	padding:20px;
	background-color:#000000;
}
.popupSearchList ul
{
	float:left;
	width:23%;
	font-size:0.8em;
	margin-right:5px;
}
.popupSearchList ul li
{
	/*float:left;*/
	padding:2px 0;
}
.popupSearchList ul li a
{
	color:#FFFFFF;
	text-decoration:none;
}
.popupSearchList ul li a:hover
{
	text-decoration:underline;
}
.popupCats
{
	width:600px;
}
.popupArtStyles
{
	width:475px;
}
.popupArtMediums
{
	width:475px;
}
.popupSetTypes
{
	width:475px;
}
.popupColorPalettes
{
	width:475px;
}
.searchListButtons
{
	clear:both;
	text-align:center;
	padding:20px;
}
.invisibleDiv
{
	display:none;
}
.popupArtPiece
{
	height:460px;
	width:440px;
	color:#FFFFFF;
	font-size:0.8em;
	text-align:center;
}
.popupArtPiece a
{
	color:#FFFFFF;
}
.popupArtPiece a:hover
{
	text-decoration:none;
}
.popupArtPiece .popupArtPieceInner
{
	padding:20px;
	background-color:#000000;
}
.popupArtPiece .artPopupOptions
{
	font-size:0.85em;
	margin-top:10px;
}
.popupArtPiece .artPopupOptions select
{
	margin-right:20px;
}
.popupArtPiece .artPopupButtons
{
	margin-top:10px;
}
.popupArtPiece .fileName
{
	padding:5px;
}
.modalPopupBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Search End */

/* About Us Begin */

.contentContainer .aboutUs
{
	font-size:0.8em;
}

/* About Us End */

/* Mission Begin */

.contentContainer .mission
{
	font-size:0.8em;
}

/* Mission End */

/* Add to Cart Begin */

.addToCart
{
	color:#FFFFFF;
	font-size:0.75em;
	padding:10px;
}
.addToCart table
{
	color:#000000;
}
.addToCart a
{
	color:#FFFFFF;
	padding:10px;
}
.addToCart a:hover
{
	text-decoration:none;
}
.addToCart .imageToBuy
{
	float:left;
	width:400px;
}
.addToCart .optionsToBuy
{
	margin-left:410px;
}
.addToCart .lblWInput
{
	padding:2px 2px 2px 4px;
}
.addToCart .lblWInput label
{
	float:left;
	width:160px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:12px;
}
.addToCart .lblWInput input
{
	border:solid 2px #ADC6D7;
	width:124px;
}
.addToCart .lblWInput select
{
	width:128px;
}
.addToCart .lblWInput .date
{
	width:75px;
}
.addToCart .lblWInput span
{
	height:20px;
	line-height:20px;
}
.addToCart .mainButtonContainer
{
	text-align:center;
	padding:20px;
}
.addToCart .mainButtonContainer input
{
	vertical-align:middle;
}
.addToCart .customSizes
{
	margin-left:172px;
	font-size:0.9em;
	font-style:italic;
	padding:2px;
	font-weight:bold;
}

/* Add to Cart End */

/* Contact Us Begin */

.contentContainer .contactUs
{
	font-size:0.7em;
}
.contentContainer .contactUs .lblWInput
{
	padding:2px 2px 2px 4px;
}
.contentContainer .contactUs .lblWInput label
{
	float:left;
	width:280px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:12px;
}
.contentContainer .contactUs .lblWInput input
{
	border:solid 2px #ADC6D7;
	width:100px;
}
.contentContainer .needs *
{
	display:block;
	margin:5px auto;
}
.contentContainer .needs label
{
	text-align:center;
}
.contentContainer .needs textarea
{
	width:300px;
}

/* Contact Us End */

/* Create Account Begin */

.contentContainer .createAccount
{
	font-size:0.7em;
}
.contentContainer .createAccount h2
{
	text-align:center;
	margin:10px 0 10px;
}
.contentContainer .createAccount h3
{
	margin:10px 0 10px;
}
.contentContainer .createAccount .lblWInput
{
	padding:2px 2px 2px 4px;
}
.contentContainer .createAccount .lblWInput label
{
	float:left;
	width:130px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:12px;
}
.contentContainer .createAccount .lblWInput input
{
	border:solid 2px #ADC6D7;
	width:100px;
}
.contentContainer .createAccount .lblWInput .date
{
	width:75px;
}
.contentContainer .createAccount .accountGeneral
{
	float:left;
	width:300px;
}
.contentContainer .createAccount .accountPhone
{
	float:right;
	width:300px;
}
.contentContainer .createAccount .accountAddress
{
	float:left;
	width:300px;
	margin-top:60px;
}
.contentContainer .createAccount .accountEmail
{
	float:right;
	width:300px;
}
.contentContainer .createAccount .accountLogin
{
	float:right;
	width:300px;
}
.contentContainer .mainButtonContainer
{
	clear:both;
	padding-top:16px;
}

/* Create Account End */

/* Cart Begin */

.shoppingCart
{
	color:#FFFFFF;
	font-size:0.8em;
}
.shoppingCart h2
{
	padding:10px;
}
.shoppingCart .orderInProgress
{
	display:none;
}
.shoppingCart .shoppingCartTable table
{
	color:#000000;
	border:solid 1px #615032;
	background-color:#EBE6D6;
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
}
.shoppingCart .shoppingCartTable table tr td:first-child
{
	text-align:center;
}
.shoppingCart .shoppingCartTable tbody th,.shoppingCart .shoppingCartTable tbody td
{
	border-top:solid 1px #615032;
	border-bottom:solid 1px #615032;
}
.shoppingCart .shoppingCartTable table thead th
{
	font-weight:bold;
}
.shoppingCart .shoppingCartTable table th
{
	padding:2px;
}
.shoppingCart .shoppingCartTable table td
{
	padding:2px 10px 2px 2px;
}
.shoppingCart .shoppingCartTable table td a
{
	display:block;
	padding:2px;
}
.shoppingCart .shoppingCartTable table tfoot th
{
	text-align:right;
	padding:10px 10px 2px;
}
.shoppingCart .shoppingCartTable table tfoot td
{
	padding:10px 2px 2px;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout
{
	border:none;
	width:auto;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout table
{
	border:none;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td
{
	padding:0;
	width:auto;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_callout_cell,.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_callout_arrow_cell
{
	border:none;
	width:20px;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_callout_arrow_cell
{
	padding-top:8px;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_callout_cell
{
	text-align:right;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_callout_cell .ajax__validatorcallout_innerdiv
{
	left:6px;
	width:15px;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_callout_cell,.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_icon_cell
{
	width:20px;
}
.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_icon_cell,.shoppingCart .shoppingCartTable .ajax__validatorcallout td.ajax__validatorcallout_error_message_cell
{
	padding:5px;
}
.shoppingCart .shoppingCartTable .emptyCart
{
	text-align:center;
	padding:20px 0;
}
.shoppingCart .mainButtonContainer
{
	clear:both;
	text-align:right;
}
.discountCode
{
	padding-top:20px;
}

/* Cart End */
/* Checkout Begin */
.checkout
{
	color:#FFFFFF;
	font-size:0.8em;
}
.checkout h2
{
	padding:10px;
}
.cartFedExNumber
{
	padding-bottom:20px;
}
.cartFedExNumber label
{
	float:left;
	font-size:1.3em;
	font-weight:bold;
	padding:0 12px 2px 0;
}
.cartFedExNumber span label
{
	float:none;
}
.checkout table
{
	color:#000000;
}
.checkout .lblWInput
{
	padding-bottom:4px;
}
.checkout .lblWInput label
{
	float:left;
	width:116px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:12px;
}
.checkout .lblWInput input
{
	border:solid 2px #ADC6D7;
	width:134px;
}
.checkout .mainButtonContainer
{
	clear:both;
	text-align:right;
}
/* Checkout End */

/* Thanks Begin */

.thanks
{
	padding:10px;
	color:#FFFFFF;
}
.thanks div
{
	padding-top:20px;
	text-align:center;
}

/* Thanks End */

/* Admin Begin */

.adminNav ul
{
	text-align:center;
	padding:5px;
}
.adminNav ul li
{
	display:inline;
	padding:0 10px;
	margin:5px;
}
.adminNav ul li a
{
	color:#FFFFFF;
	font-size:0.8em;
}
.adminNav ul li a:hover
{
	text-decoration:none;
}
.adminContent
{
	font-size:0.8em;
	color:#FFFFFF;
}
.adminContent a
{
	color:#FFFFFF;
}
.adminContent a:hover
{
	text-decoration:none;
}
.adminContent .grid
{
	color:#FFFFFF;
	margin-top:10px;
}
.adminContent .grid .gridPagerDefault ul
{
	padding-top:6px;
}
.adminContent .grid .gridPagerDefault li
{
	display:inline;
	padding-right:4px;
}
.adminContent .grid th
{
	padding:2px 5px 6px;
}
.adminContent .grid td
{
	padding:2px 5px;
}
.adminContent h2,.adminContent h3
{
	margin:10px 0 20px;
}
.adminContent .lblWInput label
{
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
	line-height:1.2em;
}
.adminContent .fileNameEdit
{
	width:70px;
}
.adminContent .lblWInput .multiValue
{
	width:220px;
}
.adminContent .mainButtonContainer
{
	clear:both;
	text-align:right;
	padding:10px 10px 0;
}
.adminContent table
{
	color:#000000;
}
.adminContent .artistGeneral
{
	float:left;
	width:45%;
}
.adminContent .artistPhone
{
	float:left;
	width:45%;
}
.adminContent .artistAddress
{
	float:left;
	width:45%;
}
.adminContent .artistEmail
{
	float:left;
	width:45%;
}
.adminContent .newOrSearch div
{
	margin:10px 0;
}
.adminContent .newLink,.adminContent .editLink
{
	display:block;
	padding:10px;
	width:280px;
}
.adminContent .artistLabel
{
	height:30px;
}
.adminContent .popupArtistSearch
{
	background-color:#000000;
	padding:20px;
	text-align:center;
}
.adminContent .popupArtistSearch .closeArtistPopup
{
	display:block;
	margin-top:20px;
}
.adminContent .popupNewRecords,.adminContent .popupRelatedArtPieces
{
	width:400px;
	background-color:#000000;
	padding:20px;
	text-align:center;
}
.adminContent .popupNewRecords p
{
	padding-bottom:10px;
}
.adminContent .popupNewRecords div
{
	padding-top:10px;
}
.adminContent .artPieceImage
{
	float:right;
}
.adminContent .artMediumSelection
{
	float:left;
	width:200px;
}
.adminContent .artMediumFields
{
	float:right;
	width:400px;
}
.adminContent .artMediumSelection label
{
	display:block;
	padding-bottom:5px;
}
.adminContent .salesReportCriteria .lblWInput
{
	float:left;
	width:45%;
	height:24px;
}
.adminContent .salesReportCriteria .lblWInput label
{
	width:150px;
}

/* Admin End */

/* Auto-logout Begin */

.popupAutoLogout
{
	width:220px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:0.8em;
	padding:20px;
}
.popupAutoLogout h2
{
	margin-bottom:10px;
}
.popupAutoLogout p
{
	margin-bottom:20px;
}
.popupAutoLogout div span
{
	font-size:1.5em;
	font-weight:bold;
	float:left;
}
.popupAutoLogout div input
{
	float:right;
	padding:0 4px;
}

/* Auto-logout End */
/* Splash Begin */

.splash
{
	position:relative;
	background:url(images/Splash-Page-Enter2.jpg) no-repeat;
	width:750px;
	height:563px;
	margin:0 auto;
}
.splash h1
{
	position:absolute;
	width:300px;
	height:130px;
	top:18px;
	right:38px;
	text-indent:-9999px;
}
.splash a
{
	position:absolute;
	width:100px;
	height:40px;
	top:474px;
	left:324px;
	text-indent:-9999px;
}
.splash .copyright
{
	position:absolute;
	width:350px;
	height:18px;
	top:530px;
	left:200px;
	text-indent:-9999px;
}

/* Splash End */
/* News and Updates Begin */

.newsAndUpdates
{
	color:#FFFFFF;
	font-size:0.8em;
	margin-top:10px;
	padding:5px;
	overflow:auto;
}
.newsAndUpdates strong
{
	font-weight:bold;
}
.newsAndUpdates em
{
	font-style:italic;
}

/* News and Updates End */
/* Home Page Begin */

.contentHomePage
{
	color:#FFFFFF;
	font-size:0.8em;
	margin-top:10px;
	padding:5px;
	overflow:auto;
}
.contentHomePage strong
{
	font-weight:bold;
}
.contentHomePage em
{
	font-style:italic;
}

/* Home Page End */
/* FAQ Begin */

.faq
{
	color:#FFFFFF;
	font-size:0.8em;
	margin-top:10px;
	padding:5px;
	overflow:auto;
}
.faq strong
{
	font-weight:bold;
}
.faq em
{
	font-style:italic;
}

/* FAQ End */