/* @group RESET */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group structure */

.mini-left-col {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.mini-right-col {
	float: right;
	width: 200px;
	margin-top: 10px;
}

.right-col {
	float: right;
	width: 785px;
	margin: 10px 0 0;
}
.left-custom_col {
	float: left;
	width: 630px;
        height: 249px;
	margin: 10px 0 0;
}

.right-custom_col {
	float: right;
	width: 350px;
	margin: 10px 0 0;
}
/* @end */

/* @group custom-art */

#custom-art{
        margin-top: 0px;
}

#custom-art .custom-box{
        background: #fff;
	border: 1px solid #09c;
	margin: 0px 0px 15px 0px;
	width: 350px;
	padding-bottom: 10px;
        float: left;
}
#custom-art .custom-box-title{
        border-bottom: 1px solid #09c;
}
#custom-art .custom-box-title h4{
	font-size: 16px;
	color: #069;
        font-weight: normal;
	border: 1px solid #fff;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	background: #E2EEFB;
	padding: 6px 8px 5px;
	display: block;
}
#custom-art .custom-box .block{
       margin: 0px 10px 5px 10px;
       display: block;
}

#custom-art .custom-box .block label{
        padding: 4px;
        font-size: 10px;
}
#custom-art .custom-box .block input.email{
        padding: 2px;
        margin-top: 2px;
        background: #FFFFCC;
        height: 20px;
        width: 325px;
        border: 1px solid #999;
}
#custom-art .custom-box .block textarea{
        padding: 2px;
        margin-top: 2px;
        background: #FFFFCC;
        height: 50px;
        width: 325px;
        max-width: 335px;
        max-height: 100px;
        border: 1px solid #999;
}

#custom-art .custom-box .block .block_r input.link_photo{
        padding: 2px;
        margin-top: 2px;
        background: #FFFFCC;
        height: 20px;
        width: 128px;
        border: 1px solid #999;
}
#custom-art .custom-box .block .block_l_f .browse_photo{
        margin-top: 2px;
        background: #FFFFCC;
        height: 1.8em;
        width: 170px;
        opacity: 0;
        border: 1px solid #999;
}

#custom-art .custom-box .block .block_l_f{
        float: left;
        width: 170px;
        background: url(/includes/images/upload.png) no-repeat right 18px;
        height: 42px;
}
#custom-art .custom-box .block .block_l_f #uploaded_file_name{
        font-size: 11px;
        margin: 6px 1px;
        padding: 2px;
        height: 10px;
        width: 75px;
        position: absolute;
        background: #FFFFCC;
        z-index: 2;
        overflow: hidden;
}

#custom-art .custom-box .block .block_l{
        float: left;
}
#custom-art .custom-box .block .block_r{
        width: 132px;
        float: left;
}
#custom-art .custom-box .block .block_r #loading{
        margin: -10px 0;
        float: right;
}

#custom-art .r_text p{
        float: left;
        width: 350px;
        line-height: 25px;
        margin: 0px;
        padding: 0px 10px;
        font-size: 13px;
        text-align: justify;

}
#custom-art .block .custom-box-button{
        background: url(/includes/images/orange-button-grad.jpg) repeat-x #f60;
	border: 1px solid #f60;
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	text-shadow: 1px 1px #f30;
	text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        width: 160px;
}
#custom-art .block .block_f{
        margin-top: 10px;
        border: 1px solid blue;
}

#custom-art .block_s{
        margin: 10px 10px 5px 10px;
        padding: 5px;
        height: 50px;
        border: 1px solid #009900;
        background: #CCFFCC;
        color: #006600;
        font-size: 12px;
        line-height: 15px;
}

#custom-art .block_s .success{
        width: 30px;
        height: 50px;
        float: left;
        background: url(/includes/images/success.png) no-repeat center center;
        display: block;
}
.custom-box-bt{
        background: #E2EEFB;
        width:100%;
        margin-bottom:-10px;
        overflow:hidden;
        border-top: 1px solid #09c;
}

.custom-box-bt #customer-service {
        margin: 5px;
}

.custom-box-bt #customer-service img {
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 10px 10px 10px 2px;
}

.custom-box-bt #customer-service p {
	font-weight: bold;
	line-height: 15px;
        font-size: 13px;
}

.custom-box-bt #customer-service p a {
	font-weight: normal;
        font-size: 11px;
}

.custom-box-bt #customer-service a.skype {
/*	background: url(/includes/images/skype.gif) no-repeat left center;*/
	padding-left: 25px;
}

.custom-box-bt #customer-service a.phone {
	background: url(/includes/images/us.png) no-repeat left center;
	padding-left: 25px;
}

.fpane{
        min-height:220px;
}

span.error{
        font-size: 11px;
        color: #FF2727;
}

span.hidden{
        display: none;
}

#custom-art p {
	font-size: 14px;
	color: #333;
	padding: 8px 10px 0;
}

.required{
        color: #FF2727;
}

#tabs{
    width: 630px;
	overflow: hidden;
	float: left;
}
#tabs div{
        height: 220px;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        margin: 0px;
}

#tabs div img{
        height: 169px;
}
#tabs div p{
        background: #C5DEF7 url(/includes/images/custom_tabs.jpg) repeat-x;
        width: 100%;
        margin: 169px 0 0 0;
        height: 51px;
        display: block;
        color: #006699;
}
#tabs div p span{
        font-size: 18px;
        font-weight: bold;
        float: left;
        padding: 15px 5px 10px 18px;
}
#tabs div p a{
        padding: 17px;
        font-size: 14px;
        text-decoration: underline;
        float: right;
}

#tabs ul{
        width: 100%;
	overflow: hidden;
	padding: 1px;
        background: url(/includes/images/custom_tabs_u.gif) repeat-x left top;
}
#tabs ul li {
	float: left;
}
#tabs ul li:first-child a {
	margin-left: 18px;
}
#tabs ul li a {
	margin: 1px 5px 0px;
	display: block;
        font-size: 13px;
        color: #006699;
	text-decoration: underline;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
        padding: 10px;
        background: #EEE;
}
#tabs ul li.selected a {
	font-size: 15px;
        font-weight: bold;
	display: block;
	background: #C5DEF7;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
        border-right: 1px solid #999;
	border-top: none;
	padding: 12px 15px 8px;
        margin-top: -3px;
        text-decoration: none;
}

#custom-content{
        margin-top: 20px;
        position: relative;
        display: block;
        font-size: 12px;
        line-height: 20px;
        text-align: justify;
        color: #333;
}
.custom-content-col1{
        width: 189px;
        border-right: 1px #CCC solid;
        float: left;
        margin-right: 5px;
        padding: 0px 8px;
}
.custom-content-col2{
        width: 189px;
        float: right;
        padding: 1px 8px;
        margin-top: 1px;
}
p.cont-title{
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 5px;
}

/* @end */
/* @group header */

body {
	text-align: center;
	background: #fff url(/includes/images/a1-site-bg.png) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
}

#frame {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 1000px;
	height: 77px;
}

#value-proposition {
	width: 330px;
	float: left;
}

#value-proposition a.logo {
	float: left;
	width: 330px;
	height: 50px;
	background: url(/includes/images/a1reproductions.com.gif) no-repeat 0 20px;
	text-decoration: none;
}

#value-proposition p#company-name {
	text-indent: -10000px;
}

#value-proposition p#value-links {
	font-size: 12px;
	padding-bottom: 15px;
}

#customer-service {
	float: left;
	font-size: 12px;
	width: 340px;
	margin-top: 15px;
}

#customer-service img {
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin-right: 10px;
}

#customer-service p {
	font-weight: bold;
	line-height: 15px;
}

#customer-service p a {
	font-weight: normal;
}

#customer-service a.skype {
/*	background: url(/includes/images/skype.gif) no-repeat left center;*/
	padding-left: 25px;
}

#customer-service a.phone {
	background: url(/includes/images/us.png) no-repeat left center;
	padding-left: 25px;
}

div.how-we-work {
	padding-bottom: 8px;
	background: #244263 url(/includes/images/header-shadow.png) no-repeat center bottom;
}

div.how-we-work a {
	background: url(/includes/images/how-we-work-bg.gif) no-repeat 500px top;
	width: 1000px;
	height: 50px;
	display: block;
	text-decoration: none;
}

div.how-we-work h2 {
	color: #FF9900;
	font-size: 18px;
	padding: 7px 0 0 12px;
}

div.how-we-work a p {
	font-size: 14px;
	padding: 3px 0 0 12px;
	color: #cdd0d8;
}

div.how-we-work a:hover p {
	color: #fff;
}

div.how-we-work p span {
	text-decoration: underline;
	font-weight: bold;
}

/* @group cart */

#hcart {
	float: right;
	padding: 0 2px 0 0;
	width: 300px;
}

#hcart div#secure-payment {
	height: 23px;
	background: url(/includes/images/secure-checkout.png) no-repeat 3px top;
	margin: 9px 0 7px 0;
}

div#hcart-border {
	float: left;
	border: 1px solid #f60;
	border-right: none;
	background: #eee;
	font-size: 12px;
}

div#hcart-inner {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 206px;
	overflow: hidden;
}

div#hcart-inner a {
	float: left;
	display: inline-block;
	padding: 5px 0 5px 7px;
}

div#hcart-summary {
	float: right;
	font-weight: bold;
	color: #333;
	display: inline-block;
	padding: 5px 7px 5px 0;
}

a#hcart-checkout {
	float: right;
	width: 90px;
	text-align: center;
	color: #fff;
	border: 1px solid #f60;
	background: url(/includes/images/orange-button-grad.jpg) repeat-x #f60;
	text-shadow: 1px 1px #f30;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a#hcart-checkout div {
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	padding: 4px 0;
}

.cart-message {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: url(/includes/images/dark-trans-bg.png);
	border-bottom: 1px solid #333;
	text-shadow: #000 1px 1px 2px;
	color: #fff;
}

.cart-message a {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px #f30;
	font-size: 12px;
	color: #fff;
	margin: 8px 3px 8px 3px;
	background: #f90;
	background: -webkit-gradient(linear, center top, center bottom, from(#f90), to(#f60));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff6600');
	background: -webkit-gradient(linear, left top, left bottom, from(#f90), to(#f60));
	background: -moz-linear-gradient(top,  #f90,  #f60);
	border: 1px solid #f60;	
}

.cart-message a div {
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	padding: 4px 10px;
}



/* @end */

/* @group menu */

#menu {
	border-right: 1px solid #09c;
	border-bottom: 1px solid #09c;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	z-index: 10;
}

#menu ul {
	border: 1px solid #C2DCF7;
	width: 997px;
	overflow: hidden;
	background: url(/includes/images/menu-bg.png) repeat-x left top;
}

#menu ul li {
	float: left;
}

#menu ul li a.menu_link {
	color: #069;
	display: block;
	padding: 9px 12px 8px;
	text-decoration: none;
	border-left: 1px solid #E2EEFB;
	border-right: 1px solid #C2DCF7;
	text-shadow: 1px 1px #fff;
}

#menu ul li a.menu_link:hover, #menu ul li a.menu_link_hover{
	color: #00f;
	text-decoration: underline;
	text-shadow: none;
}

#menu li.search form {
	padding: 5px 5px 0 8px;
}

#menu li.search form input.search-keyword {
	width: 120px;
	background: #ffc;
}

#menu li.search form input.search-keyword:focus {
	border-right: 1px solid #03c;
	border-bottom: 1px solid #03c;
	border-left: 1px solid #06f;
	border-top: 1px solid #06f;
}

/* @end */

/* @end */

/* @group right-col */

.s-box {
	background: #fff;
	border: 1px solid #09c;
	margin: 0 0 15px;
	width: 200px;
	padding-bottom: 10px;
}

div.s-box-title {
	border-bottom: 1px solid #09c;
}

div.s-box-title h4 {
	font-size: 12px;
	color: #069;
	border: 1px solid #fff;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	background: #E2EEFB;
	font-weight: normal;
	padding: 6px 8px 5px;
	display: block;
}

/* @group custom-art */

#custom-art p {
	font-size: 14px;
	color: #333;
	padding: 8px 10px 0;
}

/* @end */

/* @group feat-artists */

#feat-artists ul {
	padding: 5px 10px 0;
}

#feat-artists ul li {

}

#feat-artists ul li a {
	font-size: 12px;
	color: #069;
	line-height: 18px;
}

/* @end */

/* @group why-a1 */

#why ul {
	padding: 10px 15px 0 20px;
}

#why ul li {
	color: #333;
	font-size: 16px;
	padding: 6px 0 6px 55px;
}

#why ul li span {
	font-size: 14px;
}

#why ul li.free-ship {
	background: url(/includes/images/shipping.jpg) no-repeat left center;
}

#why ul li.money-back {
	background: url(/includes/images/30-day-money-back.jpg) no-repeat left center;
}

#why ul li.secure-easy {
	background: url(/includes/images/visa-mastercard-paypal.jpg) no-repeat left center;
}

#why div.cust-serv {
	border-top: 1px solid #09c;
	border-bottom: 1px solid #09c;
	margin-top: 10px;
}

#why div.cust-serv div {
	border: 1px solid #fff;
	background: #E2EEFB;
	padding-top: 8px;
	padding-bottom: 6px;
}

#why div.cust-serv a {
/*	margin-left:0px;*/
	font-size:90%;
}

#why div.cust-serv h4 {
	font-size: 14px;
	color: #333;
	padding: 0 15px;
}

#why div.cust-serv p {
	margin: 0 15px 0 15px;
	padding: 3px 0 3px 0;
	font-size: 12px;
}

#why div.cust-serv p.ph-num {
	padding-left: 22px;
	background: url(/includes/images/us.png) no-repeat left center;
}

#why div.payment-methods {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* @end */

#cf-box {
	background: #fff url(/includes/images/cant-find.png) no-repeat 1px 1px;
	border: 1px solid #09c;
	margin: 0 0 15px;
	width: 200px;
	font-size: 12px
}

#cf-box h4 {
	color: #06c;
	font-size: 14px;
	margin: 130px 12px 0;
}

#cf-box p {
	margin: 10px 12px;
	display: block;
}

#cf-box a.button {
	margin-left: 12px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	padding: 0;
	display: block;
	margin-bottom: 15px;
}

#cf-box a.button span {
	background: url(/includes/images/orange-button-grad.jpg) repeat-x #f60;
	border: 1px solid #f60;
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	text-shadow: 1px 1px #f30;
	text-align: center;
	padding: 3px 5px;
}

#wc-box {
	background: #fff url(/includes/images/we-can-bg.png) no-repeat 1px 1px;
	border: 1px solid #09c;
	margin: 0 0 15px;
	width: 200px;
	font-size: 12px
}

#wc-box h4 {
	color: #06c;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
	font: 26px "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 22px;
}

#wc-box h4 span {
	font-size: 19px;
}

#wc-box p {
	font-size: 12px;
	color: #333;
	margin: 10px 12px 0;
	line-height: 140%;
}

#wc-box a.button {
	margin-left: 12px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	padding: 0;
	display: block;
	margin-bottom: 15px;
	margin-top: 10px;
}

#wc-box a.button span {
	background: url(/includes/images/orange-button-grad.jpg) repeat-x #f60;
	border: 1px solid #f60;
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	text-shadow: 1px 1px #f30;
	text-align: center;
	padding: 5px 10px;
}

#wc-box p.lowest-prices {
	background-color: #fcc;
	color: #c00;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	word-spacing: 3px;
	padding: 5px;
	text-align: center;
	margin: 0;
}

#qote p {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	color: #333;
	line-height: 120%;
}

#qote p a.pic {
	float: right;
	margin-left: 10px;
}

#qote p span.who {
	color: #999;
	font-size: 10px;
}

/* @end */

/* @group painting-page */

#painting {
	margin: 10px 0 15px;
	width: 785px;
	overflow: hidden;
	float: left;
}

#painting .image {
	float: left;
	margin: 15px 15px 0 0;
}

#painting .image p {
	text-align: center;
	margin: 10px 0 15px 0;
	color: #333;
	font-size: 14px;
}

.image p a.enlarge {
	padding-left: 17px;
	background: url(/includes/images/enlarge.png) no-repeat left center;
}

#painting .info {
	float: left;
	width: 425px;


/*

margin: 15px 15px 0 15px; */
	margin-bottom: 15px;
}

.info h1 {
	color: #333;
	font-size: 22px;
	font-weight: normal;
	padding-top: 15px;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
}

.info p a.artist {
	color: #06c;
	font-size: 14px;
	margin-top: 5px;
}

p span.sku {
	float: right;
	color: #666;
	font-size: 10px;
}

form#painting-options {
	background: #E2EEFB;
	border-bottom: 1px solid #C2DCF7;
	color: #333;
	font-size: 14px;
	margin-top: 15px;
}

form#painting-options fieldset {
	border-top: 1px solid #C2DCF7;
	padding: 5px 8px 5px 8px;
}

#painting-options a.help-link {
	color: #06f;
	font-family: Arial;
	font-size: 12px;
	cursor: help;
}

fieldset.painting-size label, fieldset.canvas-type p {
	margin: 2px 0 0 0;
	display: block;
	float: left;
}

fieldset.painting-size select {
	margin: 0;
	float: right;
}

fieldset.canvas-type div {
	float: right;
}

fieldset.canvas-type label {
	font-family: Arial;
	font-size: 12px;
}

fieldset.price {
	padding: 8px 8px 8px 8px;
}

fieldset.price p {
	float: left;
	margin: 5px 0 0 0;
}

fieldset.price p span {
	color: #060;
	font-weight: bold;
}

fieldset.price div {
	float: right;
}

fieldset.price div#price-value {
	color: #c00;
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
	padding: 4px 8px 0 0;
}

a.add-to-cart {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	display: block;
	text-decoration: none;
}

a.add-to-cart:hover {
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

a.add-to-cart span {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	padding: 4px 7px;
	display: block;
}

a.add-to-cart span {
	background: url(/includes/images/orange-button-grad.jpg) repeat-x #f60;
	border: 1px solid #f60;
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	text-shadow: 1px 1px #f30;
	text-align: center;
}

p.ship-timeframe {
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	padding: 10px 0 9px 8px;
	text-align: center;
	color: #333;
}

p.ship-timeframe strong {
	color: #900;
}

#painting div.tab-content {
	color: #333;
	border-bottom: 1px solid #069;
	background: #E2EEFB;
	padding: 10px;
	font: 12px/18px Arial;
}

#painting div.tab-content p {
	margin-bottom: 10px;
}

#painting ul.tabs {
	width: 100%;
	overflow: hidden;
	background: url(/includes/images/tabs-border.gif) repeat-x left bottom;
	margin-top: 10px;
	padding: 0;
}

#painting ul.tabs li {
	float: left;
}

#painting ul.tabs li a {
	margin-left: 5px;
	display: block;
	text-decoration: none;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-top: 3px;
}

#painting ul.tabs li:first-child a {
	margin-left: 15px;
}

#painting ul.tabs li a span {
	font-size: 13px;
	color: #333;
	display: block;
	background: #ddd;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 1px solid #cacaca;
	padding: 5px 8px;
}

#painting ul.tabs li.selected a {
	margin-top: 0;
	text-decoration: none;
	border-top: 1px solid #069;
	border-right: 1px solid #069;
	border-left: 1px solid #069;
}

#painting ul.tabs li.selected a span {
	font-size: 14px;
	color: #069;
	display: block;
	background: #E2EEFB;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 6px 10px 8px;
	border-bottom: none;
}

#ask-a-question table td {
	padding: 3px;
}

#ask-a-question table td label {
	font-weight: bold;
}

#ask-a-question .q-field {
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #ffc;
	width: 100%;
}

/* @group painting-share */

div#share-painting {
	border-bottom: 1px solid #ddd;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
}

div#share-painting p {
	color: #666;
	float: left;
	padding: 10px 0 9px 8px;
}

div#share-painting ul li {
	float: right;
}

div#share-painting ul li a {
	color: #36c;
	padding: 10px 8px 8px 27px;
	display: block;
}

li.share-google a {
	background: url(/includes/images/google-16x16.png) no-repeat 4px center;
}

li.share-facebook a {
	background: url(/includes/images/facebook-16x16.png) no-repeat 4px center;
}

li.share-twitter a {
	background: url(/includes/images/twitter-16x16.png) no-repeat 4px center;
}

li.share-email a {
	background: url(/includes/images/email-16x16.png) no-repeat 4px center;
}

/* @end */

/* @group other-paintings */

#other-paintings {
	background: #fff;
	overflow: hidden;
	clear: both;
	border: 1px solid #09c;
}

#other-paintings h4 {
	margin: 10px 0 10px 10px;
	font-size: 16px;
	color: #333;
	width: 300px;
}

a.all-artists {
	float: right;
	font-size: 12px;
	width: 150px;
	clear: none;
}

div.other-item {
	float: left;
	width: 22%;
}

div.other-item a {
	display: block;
	border: 1px solid #ddd;
	padding: 5px;
	margin-left: 10px;
	text-align: center;
}

div.other-item a:hover {
	border: 1px solid #900;
}

a.other-pic {
	width: 100px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	display: block;
}

a.other-pic img {
	text-align: center;
}

div.other-item p {
	font-size: 12px;
	margin-top: 8px;
}

/* @end */

.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background-color: rgb(245, 245, 181);
	border: 1px solid rgb(222, 202, 126);
	padding: 10px 12px;
	width: 230px;
	font: 12px/16px Arial;
}

.tooltip ul {
	padding-left: 20px;
}

.tooltip ul li {
	list-style: circle;
}
.m_artist_tooltip{
        position: absolute;
        top: 0;
	left: 0;
	z-index: 10;
	display: none;
        width: 350px;
        height: 200px;
        margin: 0;
        padding: 1px 0 0 0;
}
.m_artist_tooltip .m_artist_in, .m_color_tooltip .m_artist_in{
        margin: 0;
        padding-top: 10px;
        border: 1px solid #C2DCF7;
        border-top: 1px solid #0099CC;
        background-color: #E7F1FC;
        width: 100%;
        height: 100%;
}
.m_artist_tooltip .m_artist{
        width: 170px;
        height: 170px;
        float: left;
        margin: 0px;
}
.m_artist_tooltip .m_artist a.sub_menu{
        font-size: 12px;
        line-height: 2px;
        font-family: Arial;
        text-decoration: underline;
        color: #006699;
	display: block;
	padding: 9px 8px 8px;
}
.m_artist_tooltip .m_artist a.sub_menu:hover{
        color: #0000FF;
}
a.view_all{
        font-size: 14px;
        color: #0000FF;
        font-weight: bold;
        font-family: Arial;
        margin: 12px;
}

.m_color_tooltip{
        position: absolute;
        top: 0;
	left: 0;
	z-index: 10;
	display: none;
        width: 215px;
        height: 142px;
        margin: 0;
        padding: 1px 0 0 0;
}
.m_color_tooltip .color_box{
        margin: 3px 10px 10px 12px;
}
.m_artist_in #set_color{
        padding: 10px 0 0 0;
        color: #333;
        font-size:13px;
}

/* @group cloudzoom */

.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
}
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	top:0px;
}
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}
.cloud-zoom-loading {
	color:white;
	background:#222;
	padding:3px;
	border:1px solid #000;
}



/* @end */

/* @end */

/* @group footer */

#footer {
	float: left;
	width: 100%;
	margin: 50px 0 0;
	padding: 0 0 25px 0;
	clear: both;
}

#footer p {
	font-size: 12px;
	margin-bottom: 10px;
}

/* @end */

/* @group home-page */

#home-right {
	float: right;
	width: 200px;
	margin-top: 15px;
}

#home-left {
	float: left;
	width: 785px;
	margin-top: 15px;
}

#promo-banner a img {
	border: none;
}

#featured {
	margin-top: 15px;
	background: #fff;
	border: 1px solid #09c;
	font-weight: normal;
}

#featured-inner {
	margin-top: 8px;
	margin-left: 10px;
}

#featured h3 {
	color: #069;
}

#featured ul {
	width: 100%;
	overflow: hidden;
	margin-top: 6px;
}

#featured ul li a {
	float: left;
	border: 1px solid #ccc;
	width: 180px;
	margin-right: 10px;
	text-decoration: none;
	line-height: 90%;
}

#featured ul li a:hover {

}

#featured ul li a img {
	margin: 2px;
}

#featured ul li a p {
	float: left;
	font-size: 12px;
	color: #333;
	padding: 6px 0 6px 6px;
}

#featured ul li a p span {
	font-size: 10px;
}

.feat-price {
	padding: 5px 6px 0 0;
	font-size: 10px;
	color: #c00;
	float: right;
	text-align: right;
}

.feat-price span {
	font-size: 16px;
}

#home-popular div.s-box-title {
	border: 1px solid #09c;
	margin-top: 10px;
}

/* @end */

#main {
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 0 15px 0;
	width: 785px;
	overflow: hidden;
	float: left;
}

h1.secure-checkout {
	background: url(/includes/images/lock.png) no-repeat 10px 3px;
	font-size: 24px;
	color: #333;
	font-weight: normal;
	margin: 15px 15px 0 15px;
	padding: 0 0 10px 35px;
	border-bottom: 1px solid #ccc;
}

.checkout {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 0;
	margin-right: 15px;
	margin-left: 15px;
}

.checkout form {
	margin: 0;
	padding: 0;
}

.checkout h2 {
	border-bottom: 1px solid #ccc;
	background: #eee;
	color: #333;
	font-weight: bold;
	padding: 5px 8px 4px;
	margin: 0;
}

td img.thumb {
	float: left;
	margin-right: 10px;
}

/* @group painting-grid */

#artist {

}

#artist h1, #movements h1 {
	color: #333;
	font-size: 24px;
	font-weight: normal;
}

div.cant-find {
	background: #ffc;
	padding: 5px 8px 5px 8px;
	font-size: 12px;
	border: 1px solid rgb(245, 245, 181);
	margin: 0 0 5px 0;
}

div.paging-bar {
	width: 100%;
	overflow: hidden;
	background: #ddd;
	border: 1px solid #C2DCF7;
	background: #E2EEFB;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.paging-sort {
	float: left;
	padding: 6px 10px 5px 10px;
	border-right: 1px solid #C2DCF7;
}

div.paging-shape {
	float: left;
	padding: 0 10px 0 10px;
	border-right: 1px solid #C2DCF7;
}

div.paging-shape span {
	line-height: 16px;
}

div.paging-num {
	float: right;
	padding: 6px 10px 5px 10px;
	border-left: 1px solid #C2DCF7;
}

div.paging-bar a {
	text-decoration: none;
}

div.paging-bar a:hover {
	text-decoration: underline;
}

div.paging-bar span.currentpage {
	font-weight: bold;
	color: #000;
}

div#grid {
	margin: 0;
	clear: both;
	background: #fff;
}

#grid table td {
	width: 197px;
	text-align: left;
	border: none;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0;
}

#grid table td a {
	color: #666;
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px;
}

#grid table td a:hover {
	color: #333;
}

#grid table td a div {
	text-align: center;
	margin-bottom: 5px;
}

#grid table td a img {
	border: 1px solid #fff;
}

#grid table td a p.artist-name {
	font-size: 10px;
	color: #999;
}

#grid table td a p.name {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 5px 0 8px;
}

#grid table td a p.size {
	font-size: 12px;
	color: #999;
}

#grid table td span.price {
	font-weight: bold;
	color: #c00;
}

#grid table td p.link {
	font-size: 10px;
	color: #069;
	text-decoration: underline;
}

#grid table td:hover {
	background: #eee;
}

#grid table td a:hover p.artist-name, #grid table td a:hover p.size {
	color: #333;
}

#grid table td a:hover p.name {
	color: #069;
	text-decoration: underline;
}

#grid table td a:hover p.link {
	color: #00f;
}

/* @end */

#artists {
	margin: 20px 0 20px 0;
	width: 100%;
	overflow: hidden;
}

#artists ul {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0;
}

#artists ul.left {
	border-right: 1px solid #ccc;
	padding: 0 20px 0 0;
}

#artists ul.mid {
	border-right: 1px solid #ccc;
	padding: 0 20px 0 0;
}

#artists ul.right {

}

#artists ul li {
	font-size: 14px;
	line-height: 150%;
	margin-left: 20px;
}

#artists li.first_letter {
	color: #069;
	font-size: 24px;
	border-bottom: 1px solid #ccc;
}

#artists ul li a {
	text-decoration: none;
}

#artists ul li a:hover {
	text-decoration: underline;
}

#artists ul li a span {
	color: #666;
}

#help_content {
	float: left;
	width: 700px;
	margin: 0 0 0 25px;
	font-size: 12px;
	color: #333;
	line-height: 180%;
	margin-top: 15px;
}

#left-col {
	float: left;
	width: 200px;
}

#left-col h3 {
	color: #333;
}

div.col-inner ul {
	margin-bottom: 15px;
	list-style-type: disc;
	padding: 0 0 0 15px;
}

/* @group search-page */

div.no-results {
	border: 1px solid #09c;
	padding: 20px;
	background: #fff;
}

div.no-results p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-top: 15px;
}

div.search-box {
	margin-top: 10px;
	border: 1px solid #09c;
	padding: 5px;
	background: #E2EEFB;
}

div.search-box input.query {
	width: 60%;
	background: #ffc;
	color: #333;
	padding: 3px;
	font-size: 14px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}

/* @end */

div.col-inner {
	padding: 15px;
	border-right: 1px solid #ccc;
}

/* @group artist-page */

img.artist-pic {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.artist-desc {
	font-size: 12px;
	color: #333;
	line-height: 180%;
}

p.artist-sub {
	color: #06c;
}

/* @end */

/* @group movement-page */

div.movement {
	border-top: 1px solid #ddd;
	padding: 10px 0 10px 0;
}

div.movement h2 {
	color: #069;
	font-weight: normal;
}

div.movement a {
	font-size: 12px;
	text-decoration: none;
}

div.movement a:hover {
	text-decoration: underline;
}

/* @end */

/* @group content-page */

#page {
	background: #fff url(/includes/images/pagenav-bg.gif) repeat-y 1px top;
	border: 1px solid #09c;
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
	font-family: Arial;
}

#page-nav {
	float: left;
	width: 182px;
	border-top: 1px solid #fff;
	padding: 15px 0 15px 0;
}

#page-nav h3 {
	margin: 12px 0 5px 28px;
	font-size: 11px;
	color: #333;
	text-transform: uppercase;
}

#page-nav ul li {
	margin-left: 20px;
}

#page-nav ul li.selected {
	border: 1px solid #69c;
	border-right: 1px solid #fff;
	background: #fff;
	margin: 2px 0 2px 15px;
}

#page-nav ul li.selected a {
	padding: 6px 8px 6px 8px;
	color: #000;
}

#page-nav ul li a {
	display: block;
	padding: 4px 8px 4px 8px;
	font-size: 13px;
	text-decoration: none;
}

#page-nav ul li a:hover {
	text-decoration: underline;
}

#content {
	margin: 25px 30px 25px 215px;
}

#content h1 {
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	font-size: 24px;
}

#content p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-top: 15px;
}

#content h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	color: #333;
}

div.con_opt {
	border: 1px solid #ddd;
	background: #eee;
	padding: 6px 10px 6px 10px;
	margin: 10px 25px 10px 10px;
}

div.con_opt span.num {
	color: #069;
}

#content ol {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	list-style-type: decimal;
	list-style-position: inside;
}

#content ol li {
	margin-top: 15px;
}

#content ol li span.sect-head {
	color: #069;
	font-weight: bold;
}

#content div.quote {
	border: 1px solid #ddd;
	padding: 20px;
	margin-top: 15px;
	width: 80%;
	overflow: hidden;
}

#content div.quote p {
	margin-top: 0;
}

div.quote a.pic {
	float: left;
	border: 1px solid #ddd;
	margin-right: 20px;
	padding: 0;
}

#content span.who {
	font-size: 12px;
	color: #666;
}

#content div.person {
	border: 1px solid #ddd;
	margin: 10px 0 10px 0;
	padding: 15px;
	width: 80%;
	overflow: hidden;
}

#content div.person h2 {
	color: #06c;
	font-size: 24px;
}

#content div.person h2 span {
	color: #999;
	font-size: 14px;
}

#content div.person a.pic {
	float: left;
	border: 1px solid #ddd;
	margin-right: 20px;
}

#footertxt {
	line-height: 1.5;
}

#artitskeywords {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.5;
}

/* @end */

/*artist page*/

#artistlist {
	margin: 10px 0 15px;
	width: 785px;
	overflow: hidden;
	float: left;
}

#artistlist ul.artist_tabs {
	width: 100%;
	overflow: hidden;
	background: url(/includes/images/srt_tb_border.gif) repeat-x left bottom;
	margin-top: 10px;
	padding: 1px;
}

#artistlist ul.artist_tabs li {
	float: left;
}

#artistlist ul.artist_tabs li a {
	margin-left: 5px;
	display: block;
	text-decoration: none;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-top: 3px;
}

#artistlist ul.artist_tabs li.selected a {
	margin-top: 0px;
	text-decoration: none;
	border-top: 1px solid #0099CC;
	border-right: 1px solid #0099CC;
	border-left: 1px solid #0099CC;
}

#artistlist ul.artist_tabs li:first-child a {
	margin-left: 15px;
}

#artistlist ul.artist_tabs li a span {
	font-size: 13px;
	color: #333;
	display: block;
	background: #ddd;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 1px solid #cacaca;
	padding: 5px 8px;
}

#artistlist ul.artist_tabs li.selected a span {
	font-size: 13px;
	color: #333;
	display: block;
	background: #E2EEFB;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: none;
	padding: 7px 10px 8px;
}

#artistlist ul.artist_tabs li a span div div {
	padding: 2px 2px 2px 20px;
	font-size: 11px;
	color: #000;
	line-height: 15px;
}

#artistlist ul.artist_tabs li a span div div p {
	font-size: 14px;
	font-weight: bold;
}

#artistlist ul.artist_tabs li.selected a span div div p {
	font-size: 18px;
	font-weight: bold;
}

.srt_popularity {
	background: url(/includes/images/popularity.png) no-repeat left;
}

.srt_movement {
	background: url(/includes/images/movement.png) no-repeat left;
}

.srt_nationality {
	background: url(/includes/images/nationality.png) no-repeat left;
}

.srt_a_to_z {
	background: url(/includes/images/a_to_z.png) no-repeat left;
}

.srt_date {
	background: url(/includes/images/org_date.png) no-repeat left;
}

#artistlist .bl_space {
	background: #E2EEFB;
	width: 100%;
	margin-top: -1px;
	padding: 1px 0px 1px 0px;
}

#artistlist ul.str_tabs_tabs {
	left: 0;
	float: left;
	background: #E2EEFB;
	width: 100%;
	margin-top: -1px;
	list-style: none;
	padding: 5px 0px 10px 0px;
}

#artistlist ul.str_tabs_tabs li {
	float: left;
}

#artistlist ul.str_tabs_tabs li:first-child a {
	margin-left: 10px;
}

#artistlist ul.str_tabs_tabs li a {
	display: block;
	text-decoration: none;
	margin-top: 3px;
}

#artistlist ul.str_tabs_tabs li a span {
	font-size: 12px;
	color: #006699;
	display: block;
	padding: 2px 4px;
	text-decoration: underline;
}

#artistlist ul.str_tabs_tabs li span {
	font-size: 12px;
	color: #333;
	display: block;
	padding: 2px 4px;
	display: block;
	text-decoration: none;
	margin-top: 3px;
}

div.artist_box {
	height: 164px;
	float: left;
	text-align:left;
	width: 194px;
	margin: 1px 1px 0 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	overflow:hidden;
}

div.artist_box:hover {
	-webkit-transform: scale(1.1);
}

div.artist_box a {
	text-decoration: none;
	color: #ddd;
	display: block;
	padding-top: 120px;
}

div.artist_box a:hover {
	color: #fff;
}

div.artist_box a div {
	padding: 5px 5px 5px 10px;
	height: 34px;
}

div.artist_box a div h3, div.artist_box a div p {
	margin-top: 120px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

div.artist_box a div h3 {
	font-size: 13px;
	padding-bottom:1px;
/*	height:14px;*/
}

div.artist_box a div p {
	font-size: 11px;
	padding-left:1px;
}

div.group {
	color: #333;
	display: block;
	float: left;
}

div.group:hover {
	color: #000;
	background: #eee;
}

div.group h2 {
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

div#color-swatches {
	padding: 8px 0 8px 12px;
	background: #000;
	margin-top: 8px;
	margin-bottom: 10px;
}

div#color-swatches-inner {
	height: 20px;
	width: 100%;
}


div#color-swatches a {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 1px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	text-decoration: none;
	font-weight: bold;
}

div#color-swatches a:hover {
	/*-webkit-transform: scale(1.5); */
}

div#color-swatches #color-name {
	float: left;
	font-size: 14px;
	color: #fff;
	padding: 3px 0 0 10px;
}

.colortip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	color: #fff;
	background-color: #000;
	padding: 4px 8px;
	font: 12px/16px Arial;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.subject_box{
    width: 135px;
    margin: 5px 2px 15px 15px;
    height: 128px;
    float:left;
}
.subject_box_img{
    height: 80px;
    border: 4px solid #ddd;
    
}
.subject_box p, .canvas_box p{
    width: 85px;
    color: #333;
    height: 35px;
    text-align: center;
    background-color: #ddd;
    width: 100%;
    margin-right: 15px;
    line-height: 16px;
}
.frame_box p{
    font-size: 11px;
    text-align: center;
}
.subject_box p span, .canvas_box p span{
    font-weight: bold;
}
.subject_box span.p_price, .subject_box span.p_price span, .canvas_box span.p_price, .canvas_box span.p_price span, .frame_box span.p_price, .frame_box span.p_price span{
    color:#CC0000;
    font-size: 11px;
    font-weight: bold;
}
.canvas_box{
    float: left;
    background-color: #ddd;
    cursor: pointer;
    width: 285px;
    margin: 5px 2px 15px 15px;
}
.canvas_box_img{
    height: 65px;
    border: 4px solid #ddd;
}
.step_pty{
    float: left;
}
.step_pty p{
    font-size: 12px;
    line-height: 16px !important;
}
.step_pty .frame_box{
    float: left;
    background-color: #ddd;
}
.step_pty .frame_box{
    width: 185px;
    margin: 5px 15px 15px 0;
}

.step_pty .frame_box_img {
    height: 116px;
    border: 4px solid #ddd;
}
.step_pty .frame_box_img div.p_special {
    color: #fff;
    text-align: center;
    margin: 2px;
    padding: 1px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    background-color: #009900;
}
.step_pty .frame_box p {
    margin: 7px;
}
.step_pty .frame_box p span{
    font-size: 12px;
}
.step_pty .frame_box p span{
    color: #333;  
}
.step_pty .frame_box p span.p_price, .step_pty span.p_price span {
    color: #C00;
}
.step_pty .frame_box p span.p_price{
    font-size: 14px;
    font-weight: bold;
}
.step_pty #promo_code{
    width: 240px;
    height: 26px;
    font-size: 15px;
    background-color: #FFFFCC;
    border: 1px solid #ccc;
    margin: 10px 5px 0 10px;
}
.step_pty a.validate_code{
    background: url(/includes/images/orange-button-grad.jpg) repeat-x #f60;
    border: 1px solid #f60;
    border-right: 1px solid #f90;
    border-bottom: 1px solid #f90;
    text-shadow: 1px 1px #f30;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    text-decoration: none;
    position: relative;
}
.step_pty #validate_code_result{
    font-weight: bold;
    margin-left: 15px;
    font-size: 11px;
}
.step_pty .validate_code_success{
    padding-left: 20px;
    background: url(/includes/images/success_btn.png) no-repeat left center;
    width: 90px;
    color: #009900;
}
.step_pty .validate_code_error{
    color: #FF3333;
    padding-left: 20px;
    background: url(/includes/images/error_btn.png) no-repeat left center;
    width: 90px;
}