@import url("/css/topnav2011_v1c.css");

* {
	outline: none !important;
}

html {
	height: 100%;
	font: 11px "Helvetica Neue",Helvetica,Calibri,"Lucida Grande",Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;

}


body {
	min-height: 101%;
	margin: 20px
}

a:link,a:visited {
	color: #919d29;
	text-decoration: none
}

a {
	text-decoration: none;
	outline: none
}

a:hover {
	color: #dd6e22;
	text-decoration: none
}

a:link img {
	border: none
}

a:hover img {
	border: none
}

a:visited img {
	border: none
}

h2 {
	color: #696969;
	font-size: 14px;
	font-weight: bold
}

textarea {
	border: 1px solid #c0bdbf;
	color: #232441;
	font-size: 1em
}

#container {
	position: relative
}

#container,#footer,#cleareverything,#promotion,#login_block,#referraltout {
	width: 920px;
	margin: 0 auto
}

#container,#promotion {
	border: 1px dashed #65b9c6;
	background-color: white;
	padding: 0
}

#referraltout {
	width: 897px;
	padding-left: 12px;
	padding-right: 12px;

	margin-bottom: 10px;
	border: 2px solid #addeea
}

#referraltout p {
	font-size: 18px;
	color: #7a7a7a;
	text-align: center;
	margin: 0;
	padding: 0;
	border-color: #a9a9a9;
	padding-bottom: 12px;
	padding-top: 12px
}

#banner {
	width: 905px;
	overflow: hidden;
	display: block;
	clear: both;
	min-height: 94px
}

.signin {
	float: right;
	padding-right: 8px;
	width: 200px
}

.showcase-container {
	width: 700px;
	float: left;
	border-right: 1px dashed #65b9c6;
	padding-bottom: 0;
	min-height: 400px
}

#content {
	width: 500px;
	left: 0px;
	float: left
}

#archives {
	width: 217px;
	_width:200px; /* ie 6 */
	margin: 0;
	padding: 0;
	overflow: hidden
}

#cleareverything {
	clear: both
}

.hello {
	height: 50px;
	padding-top: 12px;
	padding-left: 12px;
	float: left;
	width: 687px;
	border-bottom: 1px dashed #65b9c6
}

#banner {
	line-height: 10px;
	padding-bottom: 0;
	padding-left: 12px;
	margin-top: 12px;
	background-color: #fff;
	border-bottom: 1px dashed  #65b9c6
}

.hello h1 {
	color: #fff;
	background-color: #9dd8e5;
	font-size: 14px;
	display: inline;
	padding: 10px;
	float: left;
	text-transform: uppercase;
	margin: 0;
	margin-right: 10px
}

.hello h1 a,.hello h1 a:visited {
	color: #fff
}

.hello h1 a:hover {
	color: #333
}

.hello img,hello img a,hello img a:hover {
	border: 0
}

.mainmenu ul {
	margin: 0;
	padding-left: 20px;
	display: inline;
	float:left;
	line-height: 52px
}

.mainmenu li {
	list-style-type: none;
	display: inline;
	padding-right: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 12px "Trebuchet MS","Lucida Grande",Lucida,Verdana,sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
}

.mainmenu li a,mainmenu li a:visited {
	color: #9ed7e5;
}

.mainmenu li a:hover {
	color: #919d29;
	background: url(/images/menuarrows.gif) no-repeat center center;
	padding-top: 19px;
	padding-bottom: 20px
}

.mainmenu li a:active {
	color: #f5cc30
}

.alert {
	background-color: #9dd8e5;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #717075;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px dashed #65b9c6
}

.weeklydisplayleft {
	clear: both
}

.weeklydisplayright {
	border-left: 1px dashed #65b9c6
}

.weeklydisplayleft,.weeklydisplayright {
	float: left;
	width: 330px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 12px;
	color: #9dd8e5;
		font-size: 16px;
	font-weight: bold
}

.showcase {
	width: 312px;
	float: left;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 25px
}

.showcase h3,.showcase h4 {
	font-size: 11px
}

.longshowcase {
	width: 655px;
	float: left;
	padding-left: 15px;
	padding-top: 12px
}

.showcasetechnicalinfo p,.detail-header p {
	padding-left: 0 !important
}

.showcasedetail {
	width: 670px;
	float: left;
	padding-left: 12px;
	padding-top: 12px;
	color: #636363;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif
}

.showcasedetail p {
	font-size: 1.1em;
	line-height: 1.4em
}

.showcasesmallfrontpage {
	width: 162px;
	float: left;
	min-height: 420px;
	height: auto !important;
	height: 420px
}

.showcasesmall {
	width: 167px;
	float: left;
	min-height: 240px;
	height: auto !important;
	height: 220px
}

.weeklydisplayleft .showcasesmall,.weeklydisplayright .showcasesmall {
	width: 165px
}

.artistlistwrapper {
	padding-top: 10px;
	padding-left: 10px;
	width: 156px;
	float: left
}

.showcase-image {
	width: 100%
}

.dividerhorizontal {
	border-bottom: 1px dashed #65b9c6;
	width: 100%;
	clear: both;
	height: 3px
}

.dividervertical {
	border-left: 1px dashed #65b9c6;
	float: left
}

.showcase-image {
	color: #797979;
	font-size: 10px;
	font-variant: small-caps;
	max-width: 502px;
	display: block;
	min-height: 90px;
	vertical-align: bottom;
	overflow: hidden;
	bottom: 0
}

.showcase-image img,.listthumbnail img {
	margin-bottom: 3px
}

.showcase-image a:link img,.listthumbnail a:link img {
	border: 2px solid #fff
}

.showcase-image a:visited img,.listthumbnail a:visited img {
	border: 2px solid #fff
}

.showcase-image a:hover img,.listthumbnail a:hover img {
	border: 2px solid #f7641e
}

.showcase-image a:active img,.listthumbnail a:active img {
	border: 2px solid #a1b31b
}

.showcase-imagesubtext {
	text-align: right;
	width: 100%;
	color: #797979;
	font: 11px Helvetica,Arial, Geneva,sans-serif
}

.showcase-artist {
	display: block;
	width: 210px;
	float: left;
	font-size: 1.3em;
	color: #636363
}

.print-type {
	padding-top: 4px;
	font-size: 11px
}

.showcase-buymebutton {
	overflow: hidden;
	display: block;
	float: right;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid gray;
	background-color: #b2bb1d;
	margin-right: 3px;
	color: black;
	padding-left: .88em;
	padding-right: .88em !important;
	padding-top: .25em;
	padding-bottom: .25em;
	font-size: 1em;
	height: 1.38em
}

a.showcase-buymebutton {
	color: white
}

.showcase-buymebutton:hover {
	background-color: #F47C2F;
}

.showcase-addmebutton {
	text-indent: 10000px;
	background: url(/images/addnow.gif) top left no-repeat;
	height: 18px;
	width: 70px;
	overflow: hidden;
	display: block;
	float: right
}

.showcase-addmebutton:hover {
	background-position: bottom left
}

.showcase-edition-hilight {
	color: #dd6e22;
}

.showcase-text {
	text-align: left;
	float: left;
	width: 95%;
	padding-bottom: 5px;
	color: #636363
}

.showcase-text p {
	padding: 0;
	margin-top: 5px;
	color: #494949
}

.showcase-text h1,.showcasedetail h1,.textstyle h1,.textcolumn h1 {
	font-weight: bold;
	font-size: 14px;
	color: #9ed7e5;
	padding-top: 10px;
	margin: 0
}

.showcasedetail blockquote,.textdetail blockquote {
	color: #dd6e22;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	line-height: 1.5em
}

.showcase-text a,.showcase-text a:visited {
	color: #919d29;
}

.showcase-text a:hover {
	color: #dd6e22;
}

.actionicons {
	width: 130px;
	height: 24px
}

.showcase-caption {
	display: block;
	float: left;
	text-align: left;
	width: 140px;
	padding-top: 0;
	margin-top: 0;
	line-height: 12px;
	color: #a3a5a5;
	font-size: 11px;
	white-space: normal;
	font-weight: normal;
	font-style: normal
}

.showcase-caption a {
	overflow: hidden
}

.showcase-caption a:hover {
	color:#dd6e22;
}

.mailinglist {
	padding-top: 15px;
	float: left;
	width: 400px;
	font-size: 14px
}

.textdetail {
	width: 670px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	color: #636363;
	font-size: 12px
}

.textstyle {
	text-align: left;
	float: left;
	width: 95%;
	padding-bottom: 5px;
	color: #636363;
	line-height: 1.2em;
}

.textstyle p{
	padding-top: 10px;
}

.textstyle li{
	list-style-type: none;
	padding-bottom: 10px;
}

.textstyle ul li ul li {
	padding-top: 5px;
}

.textcolumn {
	width: 295px;
	float: left;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 25px
}

.inlinetextimage {
	float: left;
	padding-right: 12px;
	padding-bottom: 7px
}

.hello li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	padding-left: 10px;
	text-transform: uppercase;
	color: #7f7f7f;
	font: bold 14px helvetica;
	position: relative;
	top: 12px
}

.hello li a {
	color: #919d29;
}

.hello li a:hover {
	color: #dd6e22;
	}

.hello ul {
	padding: 0;
	margin: 0;
	float: left;
	background: url(/images/arrowemptygreen473.png) no-repeat left top;
	width: 500px;
	height: 45px
}

.jenbekmanprojects img {
	display: inline;
	float: left
}

.jenbekmanprojects ul {
	padding: 0;
	margin: -1px;
	padding-bottom: 6px
}

.jenbekmanprojects li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	padding-left: 12px;
	text-transform: uppercase;
	color: #7f7f7f
}

.jenbekmanprojects li a {
	color: #919d29;
}

.jenbekmanprojects ul li a:hover {
	color:#9dd8e5;
}

.listthumbnail {
	width: 140px;
	float: left
}

.listthumbnail-text {
	width: 160px;
	float: left;
	padding-left: 10px
}

.listitem {
	border-bottom-style: dashed;
	border-bottom-width: 1px
}

.listitem,.listitem2 {
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #7f7f7f;
	width: 320px
}

.thumbnailbuyinfo {
	font-size: 10px;
	width: 145px;
	display: block;
	line-height: 18px;
}

.thumbnailbuyinfo .stockable {
	padding-left: 4px
}

.listprice {
        clear:both;
	width: 30px;
	display: block;
	float: left;
	text-align: left;
	margin-right: 10px;
	font-size: 11px;
	line-height: 18px;
}

.hilight,.hilight a,.hilight a:visited {
	color: #dd6e22;
}

.dkhilight,.dkhilight a,.dkhilight a:visited {
	color: #484848
}

.lthilight,.lthilight a,.lthilight a:visited {
	color: #7f7f7f
}

.hilight a:hover,.lthilight a:hover,.dkhilight a:hover,.buyhilight a:hover {
	color: #dd6e22;
}

.buyhilight,.buyhilight a,.buyhilight a:visited {
	color: #919d29;
}

.hilightavail {
	color: #9dd8e5;
}

.image-info {
	line-height: 18px;
	font-size: 13px;
}

.image-info p {
	
}

.weeklydisplayleft .image-info p,.weeklydisplayright .image-info p {
	font-size: 10px
}

.subscription {
	height: 40px;
	padding-top: 13px;
	padding-left: 12px;
	width: 205px;
	float: left;
	border-bottom: 1px dashed #65b9c6;
	display: inline
}

.subscription img,.moreartforyou img {
	border: none
}

.description {
	padding-top: 9px;
	padding-bottom: 3px;
	height: 50px;
	padding-left: 8px;
	float: left;
	border-bottom: 1px dashed #65b9c6;
	display: inline;
	width: 207px
}

.description-box {
	padding-top: 10px;
	padding-bottom: 3px;
	height: 49px;
	padding-left: 16px;
	padding-right: 9px;
	float: left;
	border-bottom: 1px dashed #65b9c6;
	display: inline;
	width: 190px;
	font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #DD6E22;
	line-height: 15px;
	margin: 0;
}

.moreartforyou {
	padding-top: 12px;
	padding-left: 12px;
	float: left
}

.showcase-archive {
	display: block;
	width: 190px;
	padding: 3px;
	color: #6e6e6e;
	font-size: 9px;
	height: 110px
}

.showcase-archive img {
	border: 1px solid #575757;
	float: left;
	margin-right: 3px
}

.showcase-archive a:link img {
	border: 1px solid #575757
}

.showcase-archive a:visited img {
	border: 1px solid #575757
}

.showcase-archive a:hover img {
	border: 1px solid #e52000
}

.showcase-archive a:active img {
	border: 1px solid #ee1722
}

#footer {
	text-align: left;
	padding-top: 1px;
	color: #a2a2a2;
	font-size: 10px;
	padding-bottom: 10px
}

#footer a,#footer a:link,#footer a:visited {
	color: #9dd8e5;
}

#footer a:hover {
	color: #919d29;}

.allthewayright {
	text-align: right;
	display: inline-table
}

.artistlist ul {
	margin: 0;
	padding: 5px
}

.artistlist li {
	list-style-type: none;
	display: inline;
	padding: 0;
	line-height: 1.8em;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold
}

.artistlist li a {
	color: #dd6e22;
}

.artistlist li a:hover {
	color: #f5cc30
}

.searchfield {
	border: 1px solid #9ed7e5;
	background-color: #fff;
	float: left;
	margin-right: 5px;
	color: #9dd8e5;
	margin-bottom: 9px
}

.text {
	padding: 3px;
	width: 120px;
	height: 18px;
	min-width: 98px;
	max-width: 175px;
	border-width: 0;
	color: #dd6e22;
}

#searchbutton {
	height: 26px;
	width: 60px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/searchbox.gif) top left no-repeat;
	display: block;
	float: left
}

#searchbutton:hover {
	background-position: bottom left
}

#subscriptionoptions {
	height: 21px;
	width: 174px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/stayuptodate.gif) top left no-repeat;
	display: block;
	float: left
}

#subscriptionoptions:hover {
	background-position: bottom left
}

#submitbutton {
	height: 26px;
	width: 60px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/submitbox.gif) top left no-repeat;
	display: block;
	float: left
}

#submitbutton:hover {
	background-position: bottom left
}

.inputfield {
	width: 177px;
	height: 18px;
	border: 1px solid #9ed7e5;
	background-color: #fff;
	padding: 3px;
	color: #494544
}


#arrowhello {
	height: 37px;
	width: 234px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/assets/static/arrowgreatart.gif) top left no-repeat;
	display: block;
	float: left
}

#arrowhello:hover {
	background-position: bottom left
}

#arrowdiscover {
	height: 37px;
	width: 234px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/arrowdiscover.gif) top left no-repeat;
	display: block;
	float: left
}

#arrowdiscover:hover {
	background-position: bottom left
}

#arrowdiscovergreat {
	height: 37px;
	width: 234px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/arrowdiscovergreat.gif) top left no-repeat;
	display: block;
	float: left
}

#arrowdiscovergreat:hover {
	background-position: bottom left
}

#buygoogle {
	height: 26px;
	width: 180px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/buyprint.gif) top left no-repeat;
	display: block;
	float: left
}

#buygoogle:hover {
	background-position: bottom left
}

.addtocart {
	height: 26px;
	width: 180px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/addtocart.gif) top left no-repeat;
	display: block;
	float: left
}

.addtocart:hover {
	background-position: bottom left
}

#moreartwee {
	height: 45px;
	width: 162px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/moreartwee.gif) top left no-repeat;
	display: block;
	float: right
}

#moreartwee:hover {
	background-position: bottom left
}

.menubutton a {
	padding: 0;
	margin: 0;
	float: right
}

#button-join-collect:hover {
	background-position: top left
}

#button-give-gifts {
	height: 27px;
	width: 200px;
	margin-bottom: 4px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/login/give-gift.gif) top left no-repeat;
	display: block
}

#button-give-gifts:hover {
	background-position: bottom left
}

#button-mailing-list {
	height: 27px;
	width: 200px;
	margin-bottom: 4px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/login/mailing-list.gif) top left no-repeat;
	display: block
}

#button-mailing-list:hover,#button-newsletter:hover {
	background-position: bottom left;
	color: #919d29;
}

#button-newsletter {
	height: 27px;
	width: 200px;
	margin-bottom: 4px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/login/mailing-list.gif) top left no-repeat;
	display: block
}

#arrownextmonth {
	height: 38px;
	width: 135px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/arrownextmonth.gif) top left no-repeat;
	display: block;
	float: right
}

#arrownextmonth:hover {
	background-position: bottom left
}

#arrowpreviousmonth {
	height: 38px;
	width: 135px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/arrowpreviousmonth.gif) top left no-repeat;
	display: block;
	float: left
}

#arrowpreviousmonth:hover {
	background-position: bottom left
}

#ihaveacart {
	border-bottom: 1px dashed #65b9c6;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 1.7em;
	font-size: 11px
}

#cart-number-items {
	color:#dd6e22;
		font-weight: bold
}

#cart-time {
	color: #9dd8e5;
}

#holidaybutton {
	height: 66px;
	width: 202px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/giftcertificates/images/givegiftholiday-button.gif) top left no-repeat;
	display: block;
	margin-left: 340px
}

#holidaybutton:hover {
	background-position: bottom left
}

#salebutton {
	height: 66px;
	width: 202px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/sale-button.gif) top left no-repeat;
	display: block;
	margin-left: 340px
}

#salebutton:hover {
	background-position: bottom left
}

.tinybuybutton {
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 4px;
	margin: 0 0px 0 10px;
	padding: 2px 5px;
	text-decoration: none;
	font-size: 10px;
	border: 1px solid #dadada;
	float: right;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1em
}

.tinybuybutton,x:-moz-any-link,x:default {
	padding-top: 3px
}

a.tinybuybutton {
	color: silver
}

a.tinybuybutton:hover, .sheet-thumb:hover a.tinybuybutton{
	background-color: #b2bb1d;
	color: white;
	border-color: #b2bb1d;
}

a.tinybuybutton:active {
	background-color: #dd6e22;
	color: white
}

.tinyheart {
	text-indent: 10000px;
	background: url(/images/icon/tinyheart.gif) bottom left no-repeat;
	height: 14px;
	width: 14px;
	overflow: hidden;
	display: block;
	float: right
}

.isfav .tinyheart {
	background-position: top left
}

.buynowbuttontext {
	font-size: .9em
}

.buynowbuttontext a {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 11px;
	line-height: 18px;
}

.buynowbuttontext a:hover {
	color: white;
	overflow: visible !important;
	border: 1px solid gray;
	background-color: #b2bb1d;
	text-align: center
}

.buynowbuttontext a:active {
	color: #000;
	background-color: #dd6e22;
}

#promotion {
	margin-bottom: 10px;
	height: 40px;
	margin-bottom: 10px;
	border-top: none;
	border-left: none
}

#promotion p {
	text-align: center;
	line-height: 25px;
	font-size: 20px;
	color: #dd6e22;
	font-weight: bold
}

#promotion p a {
	border-bottom: 1px dashed #b0bb26
}

#promotion img,promotion img a {
	border: 0
}

#mailinglist {
	background-color: #f0fdf7;
	background-image: url('//MailingListTouts/nl-teaser.png');
	background-repeat: no-repeat
}

.tout-top {
	border-bottom: 1px dashed #65b9c6;
	width: 897px;
	padding: 0px 11px 15px 11px;
	height: 62px;
	background-position: 15px bottom
}

.tout-sidebar {
	border-bottom: 1px dashed #65b9c6;
	width: 200px;
	padding: 9px 9px 70px 9px;
	background-position: 5px bottom
}

.tout-top h2 {
	margin-left: 130px;
	width: 444px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	padding: 0;
	float: left;
	color: #494848
}

#mailinglist h2 strong {
	font-weight: 800
}

.tout-sidebar h2 {
	width: 190px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0;
	color: #494848
}

#signmeup {
	display: block;
	float: left;
	text-align: center;
	height: 26px;
	width: 7.5em;
	background: #fff;
	border: 1px solid #717073;
	color: #494848;
	display: block;
	font-weight: bold;
	text-transform: uppercase
}

#signmeup:hover {
	background: #717073;
	color: #fff
}

#signmeup:active {
	border-color: #000;
	background: #000
}

.tout-sidebar #signup-form {
	margin-left: 5px;
	width: 195px
}

.tout-sidebar #signmeup {
	margin-right: 7px;
	float: right
}

.tout-top #signup-form {
	width: 300px;
	float: right;
	padding: 25px 0 0 0;
	margin: 0
}

#signup-thankyou {
	font-size: 12px;
	font-weight: bold
}

.tout-top #signup-thankyou {
	width: 275px;
	float: right;
	padding: 15px 25px 0 0;
	margin: 0
}

.tout-sidebar #signup-thankyou {
	padding: 15px 10px;
	margin: 0
}

.tout-sidebar #signup-form {
	padding-top: 25px
}

.tout-top #signup-form input#email {
	float: left;
	border: 1px solid #494848;
	background-color: #fff;
	margin-right: 5px;
	margin-bottom: 9px;
	padding-left: 5px;
	height: 22px;
	width: 195px
}

.tout-sidebar #signup-form input#email {
	float: none;
	border: 1px solid #494848;
	background-color: #fff;
	margin-right: 5px;
	margin-bottom: 9px;
	padding-left: 5px;
	height: 22px;
	width: 180px
}

.genericbutton {
	background-color: #f27c37;
	color: white !important;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}

.genericbutton:hover {
	background-color: #b2bb1d;
}

a#button-newsletter.abtest {
	background: url(/images/login/mailing-list-new.gif) top left no-repeat
}

a#button-newsletter.abtest:hover {
	background-position: bottom left
}
#sitewidebanner {
display: none;
}


body {
	margin: 20px;
}
#sitewidebanner p{
	padding-top: 20px;
	padding-bottom: 20px;;
	font-size: 1.8em !important;
	margin: 0;
	background: url(/images/backgroundarrowtopstraight.png) no-repeat scroll 0 -9px;
	width: 920px;
	margin: 0 auto;
	padding-left:10px;
}

#sitewidebanner {
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
	border-bottom: 3px solid #f47c31;
	text-align: center;
		background-color: #9dd8e5;
}

#closebox a {
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/close-box.gif) top left no-repeat;
	display: block;
	float: right;
	height: 22px;
	width: 22px;
	margin-top: 3px
}

#closebox a:hover {
	background: url(/images/close-box-over.gif) top left no-repeat
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.clearfix {
	display: inline-block
}

html[xmlns] .clearfix {
	display: block
}

* html .clearfix {
	height: 1%
}



#navigationwrapper {
	width: 910px;

	margin: 0 auto;
	}
	
#logo {
	height: 58px;
	width: 147px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(/images/20x200logo.gif) top left no-repeat;
	display: block;
	float: left
}

#logo:hover {
	background-position: bottom left
}



#top-search fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
#banner input#query, .btn,input[type=submit].btn,input[type=button].btn {
	display: block;
	padding: 7px!important;
	margin: 8px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border: 2px solid #afdfe9;
}

#top-search {
	float: left;
	border-top: 4px solid #afdfe9;
	border-bottom: 4px solid #afdfe9;
	height: 30px;
	padding:0px 0px 20px 0px;
}

#banner input#query {
	color: #dd6e22;
	border-right: 0!important;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 115px;
	height: 15px;
	}

#banner .btn,input[type=submit].btn,input[type=button].btn {
	background: #9dd8e5 url("../images/page/btn-bg-blue.png") repeat-x 0 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
	text-shadow: #53c0d6 1px 1px 0;
	text-transform: uppercase;
	width: 74px;
	height: 33px;
}

#banner button:active,button.btn:active,input[type=submit]:active {
	background-image: none !important;
	text-shadow: none !important;
	outline: none!important;
}

#banner #nav {
	height: 30px;
	display: block;
	margin: 0;
	float: left;
	padding:0px 0 20px 0px;
	color: #9dd8e5;
	font: 18px bold "Helvetica Neue";
	border-top: 4px solid #afdfe9;
	border-bottom: 4px solid #afdfe9;
	line-height: 22px;
	width: 542px;
	position: relative;
	list-style-type: none;
	overflow:hidden;
}

#banner ul#nav {
	height: 30px;
} 

#banner #nav li {
	display: block;
	float: left;
}

#banner #nav li a:link, #banner #nav li a:visited {
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 12px "Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 18px;
	color: #9dd8e5;
	text-decoration: none;
}



#banner #nav li a:hover {
	color: #919d29;
	background: url(/images/menuarrows.gif) no-repeat center center;
}

/* sheet thumbs */


.artwork a:link img, #showcase .artwork a:visited img {
	border: 0!important;
	text-decoration: none!important;
	outline: 0!important;
	text-align: center;
}

.artwork:hover {
 -moz-box-shadow: 0 0 10px #bbb; /* FF3.5+ */
 -webkit-box-shadow: 0 0 10px #bbb; /* Saf3.0+, Chrome */
 box-shadow: 0 0 10px #bbb; /* Opera 10.5, IE 9.0 */
 z-index: 1000;
 
}

.artwork, .horizontalpage .artwork {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
	border: 10px solid #fff;
	-moz-box-shadow: 0 0 10px #ccc; /* FF3.5+ */
	-webkit-box-shadow: 0 0 10px #ccc; /* Saf3.0+, Chrome */
	box-shadow: 0 0 10px #ccc; /* Opera 10.5, IE 9.0 */
	width:185px;
	height: 150px !important;
} 

.custompage-long .artwork, .custompage-wide .artwork{
		-moz-box-shadow:none; /* FF3.5+ */
	-webkit-box-shadow: none; /* Saf3.0+, Chrome */
	box-shadow: none; /* Opera 10.5, IE 9.0 */
border 0px;
}


.artwork *, .horizontalpage .artwork *, .verticalpage .artwork *, .custompage-long .artwork *, .custompage-wide .artwork *{
    vertical-align: middle;
}



/*\*//*/ {
	
	.horizontalpage .artwork {
    display: block;
}
.horizontalpage .artwork span {
    display: inline-block;
    height: 100%;
    	height: 150px !important;
    width: 1px;
}
/**/

squarepage  .artwork  {
	width: 150px;
}

.verticalpage .artwork, .squareonverticalpage .artwork, .custompage-long .artwork  {
    display: table-cell;
	width: 150px;
	height: 185px !important;
	text-align: center;
	margin-left: 15px;

}


.squareonverticalpage, .verticalpage, .truesquarepage{
	padding-left: 17px;
}

.squareonverticalpage  .artwork  {
	width: 150px;
	height: 185px !important;
	left: 10px;
}

.truesquarepage  .artwork  {
	width: 150px;
	height: 150px;
	text-align: center;
}


.verticalpage  .artwork  {
	width: 150px;
	height: 185px;
	text-align: center;
}

.sheet-thumb {  
	width: 206px;
	float: left; 
	height: 245px;
	margin-right: 20px;
	text-align: center;
	display: table-cell;
}




.sheet-thumb .actionicons, .sheet-thumb .horizontalpageactionicons {
	width: 205px;
	padding-top: 5px;
	clear: both;
	padding-bottom: 10px;
}

.sheet-thumb .verticalpageactionicons, .squareonverticalpageactionicons, .truesquareactionicons  {
	width: 185px;
	padding-top: 5px;
	clear: both;
	padding-bottom: 10px;

}


.truesquarepageactionicons .tinybuybutton {
	margin-right: 20px !important;
	margin-top: 5px;
}

/* Style Titles */

.artwork .artwork-extended {
 font-size: 14px;
 background: #fff;
 -moz-border-radius: 10px; /* FF1+ */
 -webkit-border-radius: 10px; /* Saf3+, Chrome */
 border-radius: 10px; /* Opera 10.5, IE 9 */
 width:auto;
 border: 5px solid #afdfe7;
 position: absolute;
display: none;

 color: #717174;
 padding: 20px;

	margin-left: -10px;
	margin-top: 30px;
}

.squareonverticalpage .artwork .artwork-extended {
	margin-top: 50px;
		margin-left: -20px;
}
.artwork-extended:before {
 content:"\00a0";
 display:block; /* reduce the damage in FF3.0 */
 position:absolute;
 width:0;
 height:0;
 border:20px solid transparent;
 border-top-color:#222;
}
.artwork-extended:after {
 content:"\00a0";
 display:block; /* reduce the damage in FF3.0 */
 position:absolute;
 width:0;
 height:0;
 border:13px solid transparent;
 border-top-color:#fff;
}
.artwork-extended:before {
 top:-40px; /* value = - border-top-width - border-bottom-width */
 left:40px; /* controls horizontal position */
 bottom:auto;
 left:auto;
 border:20px solid transparent;
 border-bottom-color:#afdfe7;
}
.artwork-extended:after {
 top:-26px; /* value = - border-top-width - border-bottom-width */
 left:27px!important; /* value = (:before right) + (:before border-right) - (:after border-right) */
 bottom:auto;
 left:auto;
 border:13px solid transparent;
 border-bottom-color:#fff;
}
.artwork:hover .artwork-extended {
 display: block!important;
}
.artwork-title {
 color: #717174!important;
 font-weight: bold;
}
.artwork-artist a:link, .artwork-artist a:visited {
 color: #717174!important;
}



@-moz-document url-prefix() { .artwork, .horizontalpage .artwork {
	height:height: 150px;} } /* Firefox hack... please fix & remove */

#showcase-left {
    margin-top: 140px;
}
#mltopbar #mailinglist {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: #f47d30;
}   
#mltopbar #signup-form {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 0 auto;
    width: 1010px;
    height: 75px;
    background: url(/images/shared/signup_bar_bg.png) center -1px no-repeat;
}
#mltopbar #signup-form h2 {
    color: #717073;
    font-size: 28px;
    font-weight: 100;
    font-family: league-gothic-1,league-gothic-2,sans-serif;
    text-transform: uppercase;
    position: absolute;
    left: 119px;
    top: 21px;
    margin: 0;
    padding: 0;
}    
#mltopbar #signup-form p {
    display: table-cell;
    vertical-align: middle;
    color: #717073;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: 270px;
    height: 75px;
    position: relative;
    padding-left: 297px;
    line-height: 1.2em;
    margin-top: auto;
    margin-bottom: auto;
}    
*+html #mltopbar #signup-form p {
    padding-top: 18px;
}
#mltopbar #signup-form #close-signup-form {
    position: absolute;
    left: 930px;
    top: 30px;
}
#mltopbar #signup-form #email {
    width: 200px;
    position: absolute;
    left: 610px;
    top: 21px;
    border: 1px solid #717073;
    padding: 5px 4px 3px 4px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
}
#mltopbar #signmeup {
    display: block;
    width: 80px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #fff;
    border: 1px solid #d86300 !important;
    background-color: #f77e22 !important;
    cursor: pointer;
    position: absolute;
    left: 830px;
    top: 23px;
}
#mltopbar #signmeup:hover {
    background-color: #FF893B !important;
}
#mltopbar #signup-thankyou {
    display: block;
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    height: 75px;
    position: relative;
    line-height: 1.2em;
    margin: auto !important;
    text-align: center;
    padding-top: 28px;
}