/* CSS Document */

/* Default */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	width: 100%;
	text-align: center;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	width: 100%;
	background: #E4DBD1;
	color: #3F3F3F;
}

#body_wrapper {
	width: 960px;
	font-size: 1.2em;
	text-align: left;
	padding-bottom: 100px;
}

h1 {
	font-size: 1.5em;
} 
h2 {
	font-size: 1.5em;
}   
h3 {
	font-size: 1.4em;
} 
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}

h1, h2 {
	margin: 0.5em 0;
	font-weight: normal;
	color: #000000;
}
h3, h4, h5 {
	/*margin: 1.2em 0 0.5em 0;*/
	margin: 0.8em 0 0.5em 0;
	font-weight: normal;
	color: #000000;
}

a {
	color: #713523;
	/*
	background: url(../../images/layout/link_border.png) bottom left no-repeat;
	text-decoration: none;
	*/
}
a:hover {

}





.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}


ul {
	margin: 10px 0 0 20px;
}
#content li {
	list-style-image: url(../../images/layout/list_gt.png);
}

p {
	margin: 0.4em 0 0.6em 0;
}




/* Regions */
#body {clear: both;}

/* Left Region */
#left_region {
	padding: 10px 0 0 10px;
	width: 220px;
	float: left;
}
#content_region {
	padding: 3px 0 0 10px;
	width: 700px;
	float: left;
}


/* basket summary */
	#basket_summary {
		text-align: right;
		height: 25px;
		line-height: 25px;
		float: right;
		clear: both;
		font-size: 0.9em;
		color: #FFFFFF;
		margin-right: 7px;
	}
		#basket_summary .basket_wrapper {
			float: right;
			background: url(../../images/layout/basket_summary_left_back.png) repeat-x bottom;
		}
	
		#basket_summary a {
			color: #FFFFFF;
		}
	
		#basket_summary .bs_left {
			background: url(../../images/layout/basket_summary_left.png) bottom left no-repeat;
			padding: 0 10px 0 60px;
			border-right: 1px solid #9AA879;
			padding-bottom: 1px;
		}
		
		#basket_summary .bs_right {
			background: url(../../images/layout/basket_summary_right.png) bottom right no-repeat;
			padding: 0 15px 0 0;
			padding-bottom: 1px;
		}
		
		#basket_summary .bs_details {
			background: url(../../images/layout/basket_summary_left_back.png) repeat-x bottom;
			float: right;
			line-height: 24px;
		}
		
		#basket_summary .bs_links {
			background: url(../../images/layout/basket_summary_right_back.png) repeat-x bottom;
			line-height: 24px;
			float: right;
		}
	

/* header */
	#header {
		clear: both;
		margin: 0 0 0 52px;
		line-height: 30px;
		height: 30px;
	}
		
	#header h1{
		font-size: 30px;
		line-height: 30px;
		margin: 0;
	}
/* breadcrumbs */
	#breadcrumbs {text-align: right; padding: 0 10px 5px 0;}
	#breadcrumbs h3 {padding: 0; margin: 0; display: inline;}

	#breadcrumbs,
	#breadcrumbs h3,
	#breadcrumbs a {font-size: 10px; color: #666666; text-transform: capitalize;}
	
	#breadcrumbs a {text-decoration: underline;}
	#breadcrumbs .current {font-weight: bold;}

	/* locations */
	.locations {
		display: block;
		float: left;
		text-indent: -5000px;
	}
	
	#location_welcome {
		width: 166px;
		height: 30px;
		background: url(../../images/trail/trail_artworks.png) center left no-repeat;
	}



/* navigation */

.navigation {background: #773E2C; color: #FFFFFF;}
	.navigation_TL {background: url(../../images/layout/navigation_TL.png) top left no-repeat;}
	.navigation_TR {background: url(../../images/layout/navigation_TR.png) right repeat-y;}

	.navigation h6 {
			font-size: 1.4em;
			font-weight: normal;
			text-transform: capitalize;
			float: left;
			clear: both;
			background: url(../../images/layout/navigation_heading_border.png) bottom left no-repeat;
			padding: 0 0 0.3em 15px;
		}
	
#navigation {
	padding: 15px;
	padding-left: 0px;
	background: url(../../images/layout/navigation_TRC.png) top right no-repeat;
}

	
	#navigation ul {
		position: relative;
		clear: both;
		list-style: none;
		padding: 5px 0 0 18px;
		margin: 0;
	}
	
	#navigation ul ul {
		position: relative;
		padding: 1px 0 8px 15px;
	}
	
	#navigation li {
		line-height: 150%;
		font-size: 1.2em;
		list-style-image: none;
		background: url(../../images/layout/menu_level1.png) no-repeat;
		background-position: 0px 11px;
	}
	
	#navigation li li {
		font-weight: normal;
		background: url(../../images/layout/menu_level1.png) no-repeat;
		background-position: 0px 11px;
	}
	
	#navigation li a {
		padding: 0 0 0 10px;
	}
	#navigation li li {
		background: none;
		font-size: 0.9em;
	}
	#navigation li li li {
		font-size: 1.0em;
	}
	#navigation li.active {
		/*
		padding: 0 0 0 10px;
		background: url(../../images/layout/menu_level1.png) center left no-repeat;
		*/
	}
	
	#navigation a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#navigation a:hover {
		text-decoration: underline;
	}

	#navigation li.active,
	#navigation li.current {
		font-weight: bold;
		background: url(../../images/layout/menu_active.png) no-repeat;
		background-position: 0px 7px;
	}

	#navigation li.current li.active {
		background: url(../../images/layout/menu_active.png) no-repeat;
		background-position: 0px 7px;
	}
	
	#navigation li li {
		background: url(../../images/layout/menu_level1.png) no-repeat;
		background-position: 0px 11px;
	}



/* content */
#content {
	line-height: 150%;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	padding-bottom: 0.5em;
	color: #000000;
	background: url(../../images/layout/heading_border.png) bottom left no-repeat;
	text-transform: capitalize;
}

.name {text-transform: Capitalize;}


/* forms */
form label {display: block; clear: both; font-size: 1.1em; margin: 5px 0; font-weight: bold;}

input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;} 

form input.input, 
form select.input,
form textarea.input {color: #773E2C; font-size: 1.15em; margin: 2px !important; padding: 3px !important; border: 1px solid #666666 !important; background-color: #F2EDE8; display: inline;}

form div.submit {display: inline;}
form div.reset {display: inline;}
form div.submit input {color: #FFFFFF; text-align: center; width: 86px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_submit.png) center center no-repeat; border: none; cursor: pointer;}
form div.reset input {color: #FFFFFF; text-align: center; width: 86px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_cancel.png) center center no-repeat; border: none; cursor: pointer;}

form div.submit input.button_green_100 {width: 154px; background-image: url(../../images/layout/button_green_150.png);}

form select,
form select option {line-height: 1.2em; text-transform: capitalize;}

form table th {width: 175px;}

form#registerForm input.input, 
form#registerForm select.input,
form#registerForm textarea.input {display: inline;}

.accountsUserUpdate .input {display:inline;}

form#registerForm th {width: 175px;}


/* footer */
#footer {
	clear: both;
	color: #773E2C;
	background: #E4DBD1;
	padding: 10px 10px 10px 0px;
	font-size: 0.8em;
	text-align: center;
}
	#footer .copyright {display: block; margin-bottom: 0.4em;}
	#footer .links {display: block;}
		#footer .links {display: block;}





/* artwork */
.artworkGallery {}

	.artworksGallery .left {width: 200px; display: block; float: left;}
	.artworksGallery .right {width: 470px; display: block; float: right;}

	.artworksGallery .imageShadow {display:block; padding: 11px; background: no-repeat top left url(../../images/layout/thumbnail_100.png);}
	.artworksGallery .image {display: block; background: no-repeat; width: 93px; height: 93px; background-position: -5px -5px;}

	/* gallery artworks */
	
	.artworksGallery .artworkList ul {list-style: none; padding: 0; margin: 0;}
	.artworksGallery .artworkList li {display: block; float: left; width: 228px; height: 120px; margin: 0 5px 0 0;}
	.artworksGallery .artworkList li .thumbnail {float: left; display: block; width: 120px;}
	.artworksGallery .artworkList li .text {font-size: 1.1em; padding: 5px 0 0 0; float: right; display: block; width: 108px;}
	.artworksGallery .artworkList li .title {font-weight: bold; clear: both; text-transform:capitalize;}
	.artworksGallery .artworkList li .artist {}
	.artworksGallery .artworkList li .status {display: block; color:#990000;}
	.artworksGallery .artworkList li a {text-decoration: none;}
	.artworksGallery .artworkList li a:hover {text-decoration: underline !important; cursor: pointer;}
	.artworksGallery .artworkList li a:hover .imageShadow {padding: 7px;}
	.artworksGallery .artworkList li a:hover .image {background-position: -4px -4px; width: 95px; height: 95px; border: 3px solid #666666;}

	/* artwork search */
	.elementArtworksArtistSearch form label,
	.elementArtworksArtworkSearch form label {display: block; clear: both; font-size: 1.1em; margin: 5px 0; font-weight: bold;}
	
	.elementArtworksArtistSearch form input, 
	.elementArtworksArtistSearch form select,
	.elementArtworksArtworkSearch form input, 
	.elementArtworksArtworkSearch form select {color: #773E2C; font-size: 1.2em; padding: 5px; border: 1px solid #666666; background-color: #F2EDE8; display: block; width: 190px;}
	
	.elementArtworksArtistSearch form select,
	.elementArtworksArtworkSearch form select {width: 202px;}
	
	.elementArtworksArtistSearch form select,
	.elementArtworksArtistSearch form select option,
	.elementArtworksArtworkSearch form select,
	.elementArtworksArtworkSearch form select option {line-height: 1.2em; text-transform: capitalize;}
	
	.elementArtworksArtistSearch form,
	.elementArtworksArtworkSearch form {display: block;}
	
	.elementArtworksArtistSearch form .submit,
	.elementArtworksArtworkSearch form .submit {text-align: right; display: block; width: 205px; padding: 10px 0;}
	
	.elementArtworksArtistSearch .buttonSearch,
	.elementArtworksArtworkSearch .buttonSearch {text-indent: -5000px; width: 150px; height: 30px; display: block; line-height: 29px; background: url(../../images/layout/button_search.png) center center no-repeat; border: none; cursor: pointer;}


	/* gallery artwork */
	.artworksGalleryArtwork {}
		.artworksGalleryArtwork .artworkImageArea {display: block; height: 310px; clear: both; margin: 0 -6px;}
		.artworksGalleryArtwork .artworkImageLarge {display: block; float: left;}
		
		.artworkImageLarge .t {background: url(../../images/layout/block_T.png) repeat-x top;}
		.artworkImageLarge .tl {background: url(../../images/layout/block_TL.png) no-repeat top left;}
		.artworkImageLarge .tr {background: url(../../images/layout/block_TR.png) no-repeat top right;}

		.artworkImageLarge .b {background: url(../../images/layout/block_B.png) repeat-x bottom;}
		.artworkImageLarge .bl {background: url(../../images/layout/block_BL.png) no-repeat bottom left;}
		.artworkImageLarge .br {background: url(../../images/layout/block_BR.png) no-repeat bottom right;}

		.artworkImageLarge .l {background: url(../../images/layout/block_L.png) repeat-y left;}
		.artworkImageLarge .lt {background: url(../../images/layout/block_LT.png) no-repeat top left;}
		.artworkImageLarge .lb {background: url(../../images/layout/block_LB.png) no-repeat bottom left;}

		.artworkImageLarge .r {background: url(../../images/layout/block_R.png) repeat-y right;}
		.artworkImageLarge .rt {background: url(../../images/layout/block_RT.png) no-repeat top right;}
		.artworkImageLarge .rb {background: url(../../images/layout/block_RB.png) no-repeat bottom right;}

		.artworkImageLarge .image_outer {display: block; padding: 6px; overflow: hidden;}
		.artworksGalleryArtwork .artworkImageLarge .image {display: block; overflow: hidden; background: #FFFFFF no-repeat; text-align: center; width: 608px; height: 308px; vertical-align: middle; overflow: hidden;}
		
		
		/*.artworksGalleryArtwork .artworkImageList {display: block; float: right; width: 82px; overflow: hidden; height: 310px;}*/
		/*.artworksGalleryArtwork .artworkImageList ul {display: block; float: right; height: 260px; overflow: hidden;}*/
		.artworksGalleryArtwork .artworkImageList {display: block; float: right; width: 82px; overflow: hidden;}
		.artworksGalleryArtwork .artworkImageList ul {display: block; float: right;}
		
		.artworksGalleryArtwork .artworkImageList .up {display: block; height: 15px; border-bottom: 1px solid #000000; margin-bottom: 5px;  padding: 5px; color:#000099;}
		.artworksGalleryArtwork .artworkImageList .down {display: block; height: 15px; border-top: 1px solid #000000; margin-top: 5px; padding: 5px; color:#000099;}
			
			.artworksGalleryArtwork .artworkImageList .imageShadow {display:block; padding: 11px; background: no-repeat top left url(../../images/layout/thumbnail_70.png);}
			.artworksGalleryArtwork .artworkImageList .image {display: block; background: no-repeat; width: 66px; height: 66px; background-position: -15px -5px;}
			
				.artworksGalleryArtwork .artworkImageList ul {list-style: none; margin: 0px; padding: 0px;}
				.artworksGalleryArtwork .artworkImageList li {list-style: none; margin: 0px; padding: 0px; height: 88px; background-image: none !important;}
				.artworksGalleryArtwork .artworkImageList li .imageShadow {padding: 8px;}
				/*.artworksGalleryArtwork .artworkImageList li a:hover .image {background-position: -4px -4px; width: 65px; height: 65px; border: 3px solid #666666;}*/
				.artworksGalleryArtwork .artworkImageList li a:hover {border: none;}
				
		
		/* descriptions */
		.artworksGalleryArtwork .artworkDescriptions {display: block; float: left; width: 385px;}
		.artworkDescription h2 {margin-top: 0px;}
		.artworkDescription {padding-top: 9px;}
		.artworkOptions {display: block; float: left; width: 200px; padding-left: 20px;}
			.artworkOptions .artworkBuy h3 {margin-top: 10px;}
			
		.artworkTags {text-transform: capitalize;}

		/* artist */
		.artworkArtist .artistImage {float: left;}
		.artworkArtist .imageShadow {display:block; padding: 11px; background: no-repeat top left url(../../images/layout/thumbnail_100.png);}
		.artworkArtist .image {display: block; background: no-repeat; width: 93px; height: 93px; background-position: -5px -5px;}
		.artworkArtist h3 {background: none !important;}
	
	/* gallery artworks */
		.artworksGalleryArtist .artistImage {float: left;}
		.artworksGalleryArtist .imageShadow {display:block; padding: 11px; background: no-repeat top left url(../../images/layout/thumbnail_100.png);}
		.artworksGalleryArtist .image {display: block; background: no-repeat; width: 93px; height: 93px; background-position: -5px -5px;}
		.artworksGalleryArtist h3 {background: none !important;}
	
	/* featured artwork */
	.galleryArtworkFeatured {clear: right;}
		.galleryArtworkFeatured .artworkDescriptions {}
		.galleryArtworkFeatured .artworkImageArea {display: block; clear: both; margin: 0 -6px;}
		.galleryArtworkFeatured .artworkImageLarge {display: block; float: left; width: 482px;}
		.galleryArtworkFeatured .artworkImageLarge .image {display: block; overflow: hidden; background: #FFFFFF no-repeat; text-align: center; width: 470px; height: 358px; vertical-align: middle;}
	
	/* My Gallery */
	.artworksMyGalleryElement {}
	.artworksMyGalleryElement .wrapper {padding: 10px 0 15px 18px; width: 180px; font-size: 12px;}
	.artworksMyGalleryElement .links {display: block; line-height: 150%; padding-top: 5px;}
		.artworksMyGalleryElement .links a {color: #FFFFFF; line-height: 150%;}
	.artworksMyGalleryElement .text {display: block;}
	


	/* Welcome */
	.artworksGallery .welcome {padding: 4px 0 10px 0;}


	/* Basket */
	#basket {}
		#basketForm {}
			#basketForm input,
			#basketForm textarea {color: #773E2C; font-size: 1.2em; padding: 5px; border: 1px solid #666666; background-color: #F2EDE8; display: block;}
		
		#basketTable {}
		#basketTable td,
		#basketTable th {height: 25px; padding: 2px 0 4px 0;}
		#basketTable td.subtotalText {padding: 5px; font-weight: normal; font-size: 14px; border-top: 1px solid #999999; border-bottom: 2px solid #333333;}
		#basketTable td.subtotalValue {padding: 5px 0; font-weight: bold; font-size: 14px; border-top: 1px solid #999999; border-bottom: 2px solid #333333;}
		
		.basketMessageCaution {margin: 5px 0 5px 0; padding:10px; background:#FFEEB9; border: 2px solid #FFBB1C; font-size: 12px; text-align: center}
		.basketMessageLogin {margin: 5px 0 5px 0; padding:10px; background:#FFEEB9; border: 2px solid #FFBB1C; font-size: 12px; text-align: center}
		.basketMessageWarning {margin: 5px 0 5px 0; padding:10px; background:#FFE6E6; border: 2px solid #D70000; font-size: 12px; text-align: center}
		
		#basket .update_basket {color: #FFFFFF; text-align: center; width: 109px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_blue_100.png) center center no-repeat; border: none; cursor: pointer; padding-top: 0px;}
		#basket .empty_basket {color: #FFFFFF; text-align: center; width: 109px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_red_100.png) center center no-repeat; border: none; cursor: pointer; padding-top: 0px;}
		#basket .email_basket {color: #FFFFFF; text-align: center; width: 154px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_green_150.png) center center no-repeat; border: none; cursor: pointer; padding-top: 0px;}
		#basket .checkout_basket {color: #FFFFFF; text-align: center; width: 109px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_green_100.png) center center no-repeat; border: none; cursor: pointer; padding-top: 0px;}
		#basket .checkout_basket,
		#basket .checkout_basket_disabled {display: none;}


		.basketsBasketEmail input,
		.basketsBasketEmail textarea {color: #773E2C; font-size: 1.2em; padding: 5px; border: 1px solid #666666; background-color: #F2EDE8; display: block;}
		.basketsBasketEmail div.submit input {width: 109px; height: 30px; display: inline; line-height: 29px; background: url(../../images/layout/button_green_100.png) center center no-repeat; border: none; cursor: pointer; padding-top: 0px;}
		.basketsBasketEmail .emailForm td {padding: 2px 3px;}
		
/* Paginate */
	.paginate {
		text-align: right;
		line-height: 22px;
		height: 22px;
		margin: 10px 0;
		padding: 5px 0;
		color: #713523;
		background: url(../../images/layout/heading_border.png) top left repeat-x;
	}
		.paginate .prev {
			display: inline;
			padding-right: 3px;
			/*border-right: 1px solid #713523;*/
		}
		.paginate .next {
			display: inline;
			padding-left: 3px;
			/*border-left: 1px solid #713523;*/
		}
		
		.paginate .count {float: left;}
		
		.paginate a {
			display: inline;
			padding: 3px;
			text-decoration: none;
		}
		.paginate a:hover {
			text-decoration: underline;
		}
		.paginate .current {background: #713523; border: 1px solid #FFFFFF; margin: 0 2px; color:#FFFFFF; padding: 2px 5px;}

/* accountsElementsUser */
	.accountsElementsUser {}
		.accountsElementsUser .wrapper {padding: 10px 0 15px 18px; width: 180px; font-size: 12px;}
		.accountsElementsUser .welcome {display: block;  font-size: 12px; line-height: 135%;}
		.accountsElementsUser .links {display: block; line-height: 150%; padding-top: 5px;}
			.accountsElementsUser .links a {color: #FFFFFF; line-height: 150%;}
			
		.accountsElementsUser .text {display: block; line-height: 150%; padding-top: 10px; font-size: 11px;}
		.accountsElementsUser .caution {display: block; margin: 5px 0 5px 0; padding:10px; color: #954A00; background:#FFFFCC; border: 2px solid #FF9900; font-size: 12px; text-align: center;}


/* Message */
	.flash {
		padding: 0px;
		display: block;
	}
	
	.message {
		padding: 10px;
		margin: 7px 0 10px 0;
		text-align: center;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}

	.good {
		border: 2px solid #66CC33;
		background-color: #E7FFCE;
	}

	.bad {
		border: 2px solid #990000;
		background-color: #FFE6E6;
	}
	
	.error_message,
	.error-message {
		font-size: 12px;
		background-color: #FFE6E6;
		border: 1px solid #990000;
		color: #D70000;
		margin: 2px 0 2px;
		padding: 3px;
	}
	
/* spinner */
#spinner {
	height: 75px;
	background: center center no-repeat url(../../../assets_default/img/ajax-loader-indicator-big.gif);
}


/* sub menu */
div.submenu {}
div.submenu h3 {}



/* fixes */
.artworksGalleryArtwork .artworkImageList li {background: none;}