@charset "utf-8";
/* CSS Document */

* {outline:none;}

@font-face {
	font-family: Helvetica;
	font-weight: 500;
	font-style: normal;
}

html,body { margin:0px; padding:0px; font-family:Helvetica, Helvetica, sans-serif; font-size:12px; color:#444; }
body { background-color:#ececec; }
h1,h3 {font-family: Helvetica, sans-serif; font-weight:500; color:#3C4A4C;}
h1,h2 {margin-bottom:24px;}
h2 {font-size:15px; font-family: Helvetica; font-weight:bold; font-color: color#444;}
h3 {font-size:14px; margin:24px 0px 0px 0px;}
p {margin-bottom:12px;}
h3 span.note, h2 span.note, em {font-size:11px; font-family:Helvetica; color:#888; font-weight:normal;}
h3 span.note, h2 span.note {}
h2 span.links {display:block; float:right; font-size:12px; margin-left:12px;}
h3 span.links {font-size:12px; margin-left:12px;}
h2 span.links a, h3 span.links a {text-decoration:none; color:#888;}
h2 span.links a:hover, h3 span.links a:hover {text-decoration:underline;}
a {color:#888; text-decoration:none;}
a:hover {text-decoration:underline;}
td.right {text-align:right;}
button {cursor:pointer;}
table {border-spacing:0px;}

h2.page-title {margin:0px 0px 12px 0px;}

img {border:none; vertical-align:middle;}
input, button {vertical-align:middle;}
ul {padding:0px 20px;}
.center {text-align:center;}

input.checkbox {vertical-align:middle;}
input.text {border:solid 1px #ddd; padding:5px; width:400px;}
input.empty, option.empty {color:#aaa;}
textarea {border:solid 1px #ddd; padding:2px; width:400px; height:80px; font-family:Helvetica, Helvetica, sans-serif;}
textarea.empty {color:#aaa; font-style:italic;}
input[readonly],textarea[readonly] {background-color:#eee; cursor:default;}

div.clear {clear:both;}
div.error {padding:3px; background-color:#f2f2f2; border:solid 1px #ddd; color:#f00;}

a.button1 {
	display:block; height:24px; background:url(../img/button1-right.png) top right no-repeat; padding-right:12px; width:240px;
	line-height:24px; font-family: Helvetica, sans-serif; text-decoration:none; color:#fff; font-weight:500;}
a.button1:hover {background-position:right -25px;}
a.button1:active {background-position:right -50px;}
a.button1 span {display:block; height:24px; background:url(../img/button1-left.png) top left no-repeat; padding-left:12px;}
a.button1:hover span {background-position:left -25px;}
a.button1:active span {background-position:left -50px;}

a.icon20.sell { color:#fff; text-decoration:none; padding:2px 5px; font-size:11px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #3B584C;
	background: #66A48B;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#66A48B),to(#3B584C));
	background: -moz-linear-gradient(#66A48B,#3B584C);
	background: linear-gradient(#66A48B,#3B584C);
	-pie-background: linear-gradient(#66A48B,#3B584C);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */}


a.icon20.sell:hover { background:#66A48B; -pie-background: linear-gradient(#66A48B,#3B584C); }
a.icon20.sell:active { background:#3B584C; -pie-background: linear-gradient(#66A48B,#3B584C); }


a.icon20.delete { color:#ddd; text-decoration:none; padding:2px 5px; font-size:11px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #555;
	background: #636363;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#636363),to(#2E2E2E));
	background: -moz-linear-gradient(#636363),to(#2E2E2E);
	background: linear-gradient(#636363),to(#2E2E2E);
	-pie-background: linear-gradient(#636363),to(#2E2E2E);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */}

a.icon20.delete:hover { background:#2E2E2E; -pie-background: linear-gradient(#2E2E2E,#2E2E2E); }
a.icon20.delete:active { background:#2E2E2E; -pie-background: linear-gradient(#2E2E2E,#2E2E2E); }


a.icon20.publish { color:#555; text-decoration:none; border:solid 1px #fff; padding:2px 5px; font-size:11px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #CCC;
	background: #FEFEFE;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
	background: -moz-linear-gradient(#FEFEFE,#DDD);
	background: linear-gradient(#FEFEFE,#DDD);
	-pie-background: linear-gradient(#FEFEFE,#DDD);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */}

a.icon20.publish:hover { background:#FEFEFE; -pie-background: linear-gradient(#FEFEFE,#DDD); }
a.icon20.publish:active { background:#FEFEFE; -pie-background: linear-gradient(#FEFEFE,#DDD); }



a.icon20.view {background-image:url(../img/icon/view-20x20.png);}
a.icon20.cart {background-image:url(../img/icon/cart-20x20.png);}
a.icon20.add, a.icon20.crop { color:#555; text-decoration:none; border:solid 1px #fff; padding:2px 5px; font-size:11px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #CCC;
	background: #FEFEFE;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
	background: -moz-linear-gradient(#FEFEFE,#DDD);
	background: linear-gradient(#FEFEFE,#DDD);
	-pie-background: linear-gradient(#FEFEFE,#DDD);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */}

a.icon20.add:hover, a.icon20.crop:hover { background:#FEFEFE; -pie-background: linear-gradient(#FEFEFE,#DDD); }
a.icon20.add:active, a.icon20.crop:active { background:#FEFEFE; -pie-background: linear-gradient(#FEFEFE,#DDD); }

a.icon20 {display:block;
}

a.tinyButton.prev {background-image:url(../img/tiny-buttons/previous.png);}
a.tinyButton.next {background-image:url(../img/tiny-buttons/next.png);}
a.tinyButton.delete {background-image:url(../img/tiny-buttons/delete.png);}
a.tinyButton.view {background-image:url(../img/tiny-buttons/view.png);}
a.tinyButton.edit {background-image:url(../img/tiny-buttons/edit.png);}
a.tinyButton.download {background-image:url(../img/tiny-buttons/download.png);}
a.tinyButton.rate {background-image:url(../img/tiny-buttons/star.png);}
a.tinyButton {display:block; width:16px; height:16px; background-position:0px 0px; background-repeat:no-repeat; outline:none; float:left; margin-right:3px;}
a.tinyButton:hover {background-position:0px -20px;}

table.form {}
table.form td {padding:6px;}

/* ===== Button Style ===== */
a.buttonl, a.buttonr {display:block; float:left; margin-right:12px;}
.buttonl, .buttonr {
	color:#555; text-decoration:none; border:solid 1px #fff; padding:2px 5px; font-size:11px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #CCC;
	background: #FEFEFE;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
	background: -moz-linear-gradient(#FEFEFE,#DDD);
	background: linear-gradient(#FEFEFE,#DDD);
	-pie-background: linear-gradient(#FEFEFE,#DDD);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}

a.buttonr:hover, a.button1:hover { background:#FEFEFE; -pie-background: linear-gradient(#FEFEFE,#DDD); }
a.buttonr:active, a.button1:active { background:#DDD; -pie-background: linear-gradient(#FEFEFE,#DDD); }

.buttonr {}
.buttonl {}
.buttonr.w80 {}
.buttonr.w120 {}
.buttonr.w180 {}
a.buttonr.w180 {}
a.buttonl.w80 {}
.buttonl.w120 {}
a.buttonl.w120 {}

.buttonl:hover, .buttonr:hover {background-position:0px -25px;}
.buttonl:active, .buttonr:active {background-position:0px -50px;}
.button1[disabled], .buttonr[disabled] {background-position:0px -75px; color:#fff;}

a.cyan131 {display:block; text-align:center;}
.cyan131 {
	border:none; background:url(../img/button-cyan-131.png) left top no-repeat; line-height:37px; width:131px; height:37px;
	font-family: Helvetica, Helvetica, sans-serif; color:#fff; padding:0px; font-size:13px; outline:none; text-decoration:none;
}
.cyan131:hover {background-position:0px -40px;}
.cyan131:active {background-position:0px -80px;}

a.button-cyan, a.button-gray {
	color:#666666; text-decoration:none; border:solid 1px #fff; padding:5px 8px; font-size:15px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #CCC;
	background: #FEFEFE;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
	background: -moz-linear-gradient(#FEFEFE,#DDD);
	background: linear-gradient(#FEFEFE,#DDD);
	-pie-background: linear-gradient(#FEFEFE,#DDD);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}

a.button-cyan:hover, a.button-gray:hover { background:#FEFEFE; -pie-background: linear-gradient(#FEFEFE,#DDD); }
a.button-cyan:active, a.button-gray:active { background:#DDD; -pie-background: linear-gradient(#FEFEFE,#DDD); }

a.button-gray {}
a.button-cyan span, a.button-gray span {
	
}
a.button-gray span {}
a.button-cyan:hover, a.button-gray:hover {}
a.button-cyan:hover span, a.button-gray:hover span {}
a.button-cyan:active, a.button-gray:active {}
a.button-cyan:active span, a.button-gray:active span {}

/* ===== General Input Field ===== */
input.text {border:solid 1px #ddd; padding:8px;border-radius:4px;font-size:14px;}
select {border:solid 1px #ddd; padding:8px;border-radius:4px;font-size:14px;line-height:2.0;}
textarea {border:solid 1px #ddd; padding:8px;border-radius:4px;font-size:14px;color:#555;}

/* ===== Form Table ===== */
table.frm2Col {}
table.frm2Col td {padding:6px;}

a.button2 {
	display:block; height:24px; background:url(../img/button2-right.png) top right no-repeat; padding-right:12px; width:240px;
	line-height:24px; font-family: Helvetica, sans-serif; text-decoration:none; color:#fff; font-weight:500;}
a.button2:hover {background-position:right -25px;}
a.button2:active {background-position:right -50px;}
a.button2 span {display:block; height:24px; background:url(../img/button2-left.png) top left no-repeat; padding-left:12px; text-align:right;}
a.button2:hover span {background-position:left -25px;}
a.button2:active span {background-position:left -50px;}

#super-super-wrapper {background:url(../img/top-gradient.png) top left repeat-x;}
#super_wrapper {width:1032px; /*background:url(../img/body-background.png) top left repeat;*/ margin:0px auto;}
#banner {
	height:70px; padding-top:15px; position:relative; line-height:18px;
	margin-bottom:36px;
}
#banner .logo {position:absolute; top:75px; left:36px; outline:none;}
#banner .taxi {font-size:11px; float:left; margin-left:42px;color:#888;}
#banner .taxi a {font-size:11px; text-decoration:underline; color:#888;}
#banner .taxi a:hover {font-size:11px; color:#CCC;}
#banner .finder {font-size:11px; float:left;color:#888;}
#banner .finder a {font-size:11px; text-decoration:underline; color:#888;}
#banner .finder a:hover {font-size:11px; color:#CCC;}
#banner .join {float:right; padding:0px 12px; margin-right:25px; text-transform:uppercase; font-size:18px; color:#888; font-weight:300; font-family: Helvetica;}
#banner .join a {font-size:18px; color: #CCC;}
#banner .links {float:right;}
#banner .links a, #banner .join a {text-decoration:none; color:#FFF; font-weight:300;}
#banner .links a:hover, #banner .join a:hover {text-decoration:underline;}
#banner .links .cart {float:left; padding:0px 12px; position:relative;}
#banner .links .cart .count {position:absolute; color:#fff; text-align:center; font-size:10px; line-height:10px; top:-1px; left:16px; width:19px;}
#banner .links .normal {float:left; padding:0px 12px; border-left:solid 1px #888;}
#banner .links .normal a{color:#777;}
#banner .links .cart a {display:block; padding-left:30px; background:url(../img/cart.png) left center no-repeat;}

#menu {float:left; margin-left:265px; padding:1px 0px;}
#menu .item {
	padding:1px 9px; float:left; font-size:19px; text-transform:uppercase;
	line-height:20px; position:relative; font-family: Helvetica, sans-serif; font-weight:500;
}
#menu .item:first-child {border:none;}
#menu .item a {display:block; padding-right:20px; background:url(../img/menu-arrow.png) right 1px no-repeat; text-decoration:none; color:#777; position:relative; outline:none; z-index:10;}
#menu .item .submenu {display:none; position:absolute; left:0px; top:-12px; width:100%; z-index:9; font-family:Helvetica, Helvetica, sans-serif;}
#menu .item .submenu table.item-bg td.middle {background:url(../img/menu-mid.png) top right repeat; padding-top:32px;}
#menu .item .submenu table.sub-menu tr:first-child td {height:8px; overflow:hidden;}
#menu .item .submenu table {width:100%;}
#menu .item .submenu table td.top_left {background:url(../img/menu-tl.png) top left no-repeat; height:8px; overflow:hidden;}
#menu .item .submenu table td.top_right {background:url(../img/menu-tr.png) top right no-repeat; height:8px; overflow:hidden;}
#menu .item .submenu table td.bottom_left {background:url(../img/menu-bl.png) bottom left no-repeat; height:8px; overflow:hidden;}
#menu .item .submenu table td.bottom_right {background:url(../img/menu-br.png) bottom right no-repeat; height:8px; overflow:hidden;}
#menu .item .submenu table td.middle {background:url(../img/menu-mid.png) top right repeat;}
#menu .item .submenu a {font-size:13px; font-weight:normal; color:#fff; display:block; padding:4px 12px; line-height:14px; background:none; text-transform:none; white-space:nowrap;}
#menu .item .submenu a:hover {background:#000; color:#ff0;}
#menu .item.open a {background-position:right -19px; color:#fff;}
#menu .item.open .submenu {display:block;}

#search {float:right; margin:0px 36px 36px 0px;}
#search .field {float:left; background:url(../img/search-field.png) center center no-repeat; width:225px; height:24px; margin-right:12px; position:relative;}
#search .field input.search {margin:4px; height:15px; width:191px; padding:0px; border:solid 1px #fff; font-family:Helvetica, Helvetica, sans-serif; font-size:12px;}
#search .field input.empty {color:#888;}
#search .button {float:left; outline:none; border:none; background:url(../img/search.png) center center no-repeat; width:40px; height:24px;}
#search .arrow {width:15px; height:24px; float:right; background:url(../img/search-arrow.png) 2px 0px no-repeat; cursor:pointer; position:relative;}
#search .arrow.active {background-position:2px -25px;}
#search .arrow a {width:15px; height:24px; outline:none; display:block;}
#search .productTypeList {
	position:absolute; top:23px; right:0px; border:solid 1px #ddd; padding:12px; z-index:10;
	white-space:nowrap; display:none; background:url(../img/menu-mid.png) top left repeat; color:#ccc;
}
#search .active .productTypeList {display:inherit;}

#body_wrapper {margin:20px auto 36px auto; width:964px;}

#footTab {width:964px; margin:0px auto 12px auto;}
#footTab table {width:100%;}
#footTab td.topLeft {}
#footTab td.topRight {}
#footTab td.midLeft {}
#footTab td.midRight {}
#footTab td.bottomLeft {}
#footTab td.bottomRight {}
#footTab .links {width:auto; float:left;}
#footTab .links td {padding:0px 12px; border-left:solid 1px #ddd; line-height:20px; width:106px;}
#footTab .links td:first-child {border:none;}
#footTab .links h3, #footTab .newsletter h3 {font-size:12px; font-weight:bold; color:#555; text-transform:uppercase; margin:0px; padding:0px; margin-bottom:12px;}
#footTab .links a {text-decoration:none; color:#888; display:block;}
#footTab .links a:hover {text-decoration:underline;}

#footTab .newsletter {float:right;}
#footTab .newsletter input {float:left; border:none; background:url(../img/newsletter-field.png) center center no-repeat; width:159px; height:16px; padding:4px;} 
#footTab .newsletter input.empty {color:#888;}
#footTab .newsletter a {float: left;
display: block;
background: url(../img/btn-signup.png) left 0px no-repeat;
width: 76px;
height: 22px;
outline: none;
color: transparent;
margin-top: 5px;}
#footTab .newsletter a:hover {background-position:left -25px;}
#footTab .newsletter a:active {background-position:left -50px;}

#footer {margin:10px auto; font-size:11px; color:#444; width:964px;}
#footer a {display:block; float:left; line-height:16px; margin-right:12px; padding-left:18px; text-decoration:none; color:#444;}
#footer a.rss {background:url(../img/icon-rss.png) 0px center no-repeat;}
#footer a.facebook {background:url(../img/icon-facebook.png) 0px center no-repeat;}
#footer a.twitter {background:url(../img/icon-twitter.png) 0px center no-repeat;}
#footer a:hover {text-decoration:underline;}

#footNote {margin:0px auto 65px auto; font-size:11px; color:#444; width:964px;}
#footNote span.light {color:#888;}
#footNote a {text-decoration:none; color:#444;}
#footNote a:hover {text-decoration:underline;}

div.box640 {width:640px;}
div.box640 .section .title {background:url(../img/box-640-separator.png) left -1px no-repeat; padding:36px 12px 8px 12px; border-bottom:solid 1px #ddd;}
div.box640 .section:first-child .title {background:url(../img/box-640-top.png) top left no-repeat;}
div.box640 .section .title h2 {margin:0px; padding:0px; font-size:16px; color:#222; float:left;}
div.box640 .section .title h2 span {font-size:11px; color:#888; font-family:Helvetica, Helvetica; font-style:normal; text-transform:none;}
div.box640 .section .body {background:url(../img/box-640-body.png) top left repeat-y; border-bottom:solid 1px #ddd; padding:0px 3px 0px 1px; position:relative;}
div.box640 .bottom {background:url(../img/box-640-bottom.png) bottom left no-repeat; height:24px; overflow:hidden;}

div.box964 {width:964px; margin:0px auto 24px auto;padding:10px;border:1px solid #CCC;}
div.box964 .top {}
div.box964 .body {}
div.box964 .bottom {}

table.box {margin-bottom:24px;}
table.box td.topLeft {}
table.box td.topRight {}
table.box td.middleLeft {padding:25px;border:1px solid #ccc;background-color:#fff;}
table.box td.middleRight {}
table.box td.bottomLeft {}
table.box td.bottomRight {}

table.box2 {}
table.box2 td.topLeft, table.box td.topLeft.box2 {}
table.box2 td.topRight, table.box td.topRight.box2 {}
table.box2 td.middleLeft, table.box td.middleLeft.box2 {}
table.box2 td.middleRight, table.box td.middleRight.box2 {}
table.box2 td.bottomLeft {}
table.box2 td.bottomRight {}

#title h3 {font-family:Helvetica; font-weight:bold; font-size:15px; margin:0px 0px 0px 12px; color:#3C4A4C; float:left; width:170px; line-height:29px;}
#title .step {float:left; margin:0px 12px; margin-top:3px; text-decoration:none; color:#888; line-height:25px;}
#title .step.active {color:#000;}
#title a.step:hover {text-decoration:underline;}

#leftNavi {float:left; width:150px;margin-top:10px;}
#leftNavi h3 {font-size:12px; line-height:20px; margin-top:20px;padding-bottom:5px;border-bottom:1px solid #CCC;margin-bottom:10px;}
#leftNavi a {display:block; color:#888; text-decoration:none; line-height:18px;}
#leftNavi a:hover {text-decoration:underline;}
#leftNavi a.active {color:#444;}
/*#leftNavi .topLeft a {font-weight:bold; color:#444;}*/

#rightContent {width:780px; float:right;}
.right780 {width:780px; float:right;}

#divForgotPassword input.text, #ajaxLogin input.text, #frmLogin input.password {padding:2px; width:200px; border:solid 1px #ddd;}
#divForgotPassword div.label, #ajaxLogin div.label {color:#888; margin-bottom:6px; font-size:11px;}
#ajaxLogin div.signup {font-size:11px; margin-top:6px;}
#ajaxLogin a {color:#888;}
#ajaxLogin a:hover {color:#444;}
#ajaxLogin a.reset {font-size:11px;}

#editFrm td {padding:12px;}
#editFrm input.text {border:solid 1px #ddd; padding:2px; width:500px;}
#editFrm textarea {width:500px; height:200px; padding:2px;}
#editFrm h3 {margin:24px 0px 6px 0px; font-size:16px; padding:0px;}
#editFrm h3:first-child {margin-top:0px;}
#editFrm .tip {margin:0px 0px 6px 0px;}
#editFrm select {margin:0px 0px 6px 0px;}

table.viewing {float:right; margin-bottom:6px;}
table.viewing td {padding:0px 6px;}
table.viewing select {border:solid 1px #ddd;}

table.box640 {width:640px;}
table.box640 td.topPlain {padding:1px 3px 0px 1px; overflow:hidden; background:url(../img/box-plain-640.png) left top no-repeat;}
table.box640 td.bodyPlain {padding:0px 3px 0px 1px; overflow:hidden; background:url(../img/box-plain-640.png) left -10px no-repeat;}
table.box640 td.divRightGray {padding:0px 3px 0px 1px; overflow:hidden; background:url(../img/box2-640-bottom.png) left top no-repeat;}
table.box640 td.bottomRightGray {padding:0px 3px 0px 1px; overflow:hidden; background:url(../img/box2-640-bottom.png) left bottom no-repeat;}
table.box640 td.borderTop {border-top:solid 1px #ddd;}

div.pboxMessage {margin:10px; text-align:center;}

table.artworkInfo {}
table.artworkInfo td {padding:0px 6px;}
table.artworkInfo td.img div {margin-right:10px;}
table.artworkInfo td.img img {border-radius:5px;box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
table.artworkInfo td.info h3 {margin:6px 0px 3px 0px;}
table.artworkInfo td.info p.gallery {font-family:Helvetica, Helvetica; font-size:11px; color:#888;}
table.artworkInfo td.info p.description {font-size:11px;color:#555;}
table.artworkInfo td.info p.status {}
table.artworkInfo td.info p.status span {font-size:11px; color:#888;}

div.imgWrapper {background-color:#EDEDED;box-shadow: 0 1px 3px rgba(34,25,25,0.4); border-radius:5px;}
div.imgWrapper img {}

.pboxMessage h1 {margin:0px 0px 12px 0px; padding:0px; font-size:16px;}
.pboxMessage p.license {width:500px; height:300px; border:solid 1px #ddd; overflow:auto; padding:12px;}

table.artworks {width:100%;}
table.artworks td {padding:12px 0px; border-top:solid 1px #ddd; white-space:nowrap;}
table.artworks td.image {padding-right:12px;}
table.artworks td.products {width:100%;}
table.products {width:100%;}
table.products td {padding:6px; border-top:solid 1px #ddd; white-space:nowrap;}
table.products tr.header td {padding:6px; font-weight:bold; border:none;}

div.pboxMessage.product {text-align:left;}
div.pboxMessage.product h1 {font-size:16px; margin-bottom:3px;}
div.pboxMessage.product p.seller {font-style:italic; color:#888;}
div.pboxMessage.product p.desc {width:400px; max-height:200px; overflow:auto; padding:12px; border:solid 1px #eee; margin-top:3px;}
div.pboxMessage.product p.price {font-size:14px; text-align:center; font-weight:bold;}

#listing .dots {float:right;}
#listing .dot {float:left; width:6px; height:6px; background:url(../img/dot.png) 0px 0px no-repeat; margin:6px 6px 0px 0px; cursor:pointer;}
#listing .dot.active {background-position:0px -10px;} 
#listing .window {height:270px; width:636px; margin:0px auto; overflow:hidden; position:relative;}
#listing .window .wrapper {width:999999px; height:270px; position:absolute; top:0px; left:0px;}
#listing .window .wrapper .item {float:left; position:relative;}
#listing .window .wrapper .subitem {float:left; width:187px; padding:12px; border-left:solid 1px #ddd;}
#listing .window .wrapper .subitem:first-child {border:none;}
#listing .subitem {position:relative;}
#listing .subitem h3 {text-transform:capitalize; margin:6px 0px 0px 0px; font-weight:normal; font-size:12px; color:#444; white-space:nowrap; overflow:hidden;}
#listing .subitem .price {margin:3px 0px 0px 0px; font-weight:normal; font-size:12px; color:#444; white-space:nowrap; overflow:hidden;}
#listing .subitem .seller, #listing .subitem .info {margin:3px 0px; font-style:italic; color:#888; font-family:Georgia, "Times New Roman", Times, serif; white-space:nowrap; overflow:hidden;}
#listing .subitem .new {position:absolute; left:0px; top:24px;}
#listing a.next {display:block; background:url(../img/next-25.png) 0px 0px; width:25px; height:50px; position:absolute; right:1px; top:84px; outline:none;}
#listing a.prev {display:block; background:url(../img/prev-25.png) 0px 0px; width:25px; height:50px; position:absolute; left:0px; top:84px; outline:none;}
#listing a.next:hover, #listing a.prev:hover {background-position:0px -50px;}
#listing a.next:active, #listing a.prev:active {background-position:0px -100px;}
#listing a.next.disabled, #listing a.prev.disabled {background-position:0px -150px;}
#listing .artwork.gallery-view {border:none; padding:0px; margin:0px;}
#listing div.bottom {height:39px;}

table.paging {float:right; margin-bottom:6px;}
table.paging td {padding:0px 3px;}
table.paging, table.paging input {font-size:12px; color:#888; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:none; font-weight:normal;}
table.paging a.tinyButton {margin:0px;}
table.paging input {border:solid 1px #ddd; padding:1px; width:30px; text-align:center;}

/* ===== Gallery View of Artworks ===== */
.artwork.gallery-view {float:left; margin:0px 0px 12px 12px; border:solid 1px #ddd; padding:11px; position:relative;}
.artwork.gallery-view.col1 {clear:left; margin-left:0px;}
.artwork.gallery-view img.thumb {width:187px; height:187px;}
.artwork.gallery-view h3 {font-family: Helvetica; margin:6px 0px 0px 0px; font-weight:bold; font-size:13px; color:#111; white-space:nowrap; overflow:hidden;}
.artwork.gallery-view .info1 {margin:0px 0px 0px 0px; font-weight:normal; font-size:11px; color:#555; white-space:nowrap; overflow:hidden;}
.artwork.gallery-view .info2 {margin:2px 0px; font-size:11px; color:#888; font-family:Helvetica; white-space:nowrap; overflow:hidden;}
.artwork.gallery-view .new {position:absolute; left:0px; top:24px;}
.artwork.gallery-view .imageWrapper {padding:0px; position:relative; border:solid 1px #ddd;}
.artwork.gallery-view .imageWrapper img.wished {visibility:hidden;}
.artwork.gallery-view .wish {
	position:absolute; display:block; text-decoration:none; color:#fff;
	bottom:6px; left:6px; width:72px; height:27px; background:url(../img/icon-addtowish.png); visibility:hidden;
}
.artwork.gallery-view .imageWrapper:hover .wish, .artwork.gallery-view .wish:hover { visibility:visible; }
.artwork.gallery-view .imageWrapper.wished .wish {
	width:61px; height:24px; background: url(../img/icon-wished-1.png); visibility:visible;
}

/* Step Box */
table.step {width:780px; float:right; color:#888; line-height:24px; height:70px; font-size:13px;}
table.step div {float:left;}
table.step div.number {width:24px; text-align:center; color:#fff; margin-left:18px; font-weight:bold;font-size:13px;background-color:#666;border-radius:15px;}
table.step div.number.active {background-color:#222;font-weight:bold;font-size:13px;}
table.step div.text {margin-left:6px; font-size:13px;}
table.step div.text.active {color:#333; font-weight:bold; font-size:13px;}

div.star {width:85px;}
a.star {display:block; width:17px; height:16px; background:url(../img/star.png) top right no-repeat; float:left; margin:0px;}
a.star.active {background-position:0px -20px;}
a.star.semi {background-position:0px -40px;}

div.newsletter-signup input {padding:2px; border:solid 1px #ddd;}
div.newsletter-signup .first_name, div.newsletter-signup .last_name {width:140px;}
div.newsletter-signup .email {width:289px;}
div.newsletter-signup input, div.newsletter-signup select, div.newsletter-signup.button {margin-bottom:6px;}

/* Box-280 (index.php, product.php) */
div.box280 {width:276px; padding-left:1px; padding-right:3px; background:url(../img/box-280.png) 0px -50px no-repeat;}
div.box280.top {background-position:0px 0px;}
div.box280.break {background-position:0px -400px;}
div.box280.bottom {background-position:0px bottom;}

.headers {font-family: Helvetica;font-size:15px;font-color:#000;}

img.twitter-connect {background:url(../img/social-media.png) -178px 0px no-repeat; width:89px; height:21px;}


a.buybutton1 {display:inline-block;}
a.buybutton1, button.buybutton1 {
	color:#fff; text-decoration:none; padding:5px 8px; font-size:15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #3B584C;
	background: #66A48B;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#66A48B),to(#3B584C));
	background: -moz-linear-gradient(#66A48B,#3B584C);
	background: linear-gradient(#66A48B,#3B584C);
	-pie-background: linear-gradient(#66A48B,#3B584C);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.buybutton1:hover, button.buybutton1:hover { background:#66A48B; -pie-background: linear-gradient(#66A48B,#3B584C); }
a.buybutton1:active, button.buybutton1:active { background:#3B584C; -pie-background: linear-gradient(#66A48B,#3B584C); }


a.bigbutton8 {display:inline-block;}
a.bigbutton8, button.bigbutton8 {
	color:#c88300; text-decoration:none; padding:5px 8px; font-size:15px;font-family:Helvetica;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;border:1px solid #F0C36D;
	background: #F9EDBE;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#F9EDBE),to(#F0C36D));
	background: -moz-linear-gradient(#F9EDBE,#F0C36D);
	background: linear-gradient(#F9EDBE,#F0C36D);
	-pie-background: linear-gradient(#F9EDBE,#F0C36D);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Helvetica, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.bigbutton8:hover, button.bigbutton8:hover { background:#F9EDBE; -pie-background: linear-gradient(#F9EDBE,#F0C36D); }
a.bigbutton8:active, button.bigbutton8:active { background:#F9EDBE; -pie-background: linear-gradient(#F9EDBE,#F0C36D); }

.artwork .price {
	position: absolute;
	top: 35px;
	background: #e4664b; /* Old browsers */
background: -moz-linear-gradient(top, #e4664b 0%, #ad3832 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4664b), color-stop(100%,#ad3832)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4664b 0%,#ad3832 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4664b 0%,#ad3832 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e4664b 0%,#ad3832 100%); /* IE10+ */
background: linear-gradient(to bottom, #e4664b 0%,#ad3832 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4664b', endColorstr='#ad3832',GradientType=0 ); /* IE6-9 */
	padding: 4px;
	padding-top: 20px;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 9px;
	color: 
	white;
	border-radius: 0px 0px 5px 5px;
	margin-left: 10px;
	margin-top: -25px;
	box-shadow: 0 1px 3px 
	rgba(34, 25, 25, 0.4);
}

.artwork .new {
	position: absolute;
	top: 35px;
	background: #ffac30; /* Old browsers */
background: -moz-linear-gradient(top, #ffac30 0%, #ff5d0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac30), color-stop(100%,#ff5d0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffac30 0%,#ff5d0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffac30 0%,#ff5d0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffac30 0%,#ff5d0d 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffac30 0%,#ff5d0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac30', endColorstr='#ff5d0d',GradientType=0 ); /* IE6-9 */
	padding: 4px;
	padding-top: 15px;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 9px;
	color: 
	white;
	border-radius: 0px 0px 5px 5px;
	margin-left: 10px;
	margin-top: -25px;
	box-shadow: 0 1px 3px 
	rgba(34, 25, 25, 0.4);
}