@charset "utf-8";
/* CSS Document */
 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
 

@media (max-width: 640px) {
	body{width:100%}
	input[type="text"],input[type="password"],textarea,input[type="email"],select{ padding:5px; margin-top:7px; border: 1px solid #a9a9a9;  border-radius: 5px;}
	#MainImage { background: #fbfbfb url("../Images/responsive_banner.jpg") no-repeat scroll center center;  height: 360px;  width: 100%; height:300px;}
	.homepage #HeaderLeft{ background:url("../Images/logo_responsive.jpg") no-repeat scroll top center; float:none; width:100%; height:130px;}
	#HeaderLeft {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  float: none;  height: 80px;  width: 100%;}
	
	#HeaderRight{float:none; text-align:center; background:none;border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px; height:auto}
	#HeaderRight br{display:none;}
	#HeaderRight #ConnectingSite{display:none}
	#LoginBoxLinks a{font-size:11pt; padding:0 10px}
	#LoginBoxLinks a:hover{text-decoration:underline;}
	#LoginBoxLinks {  background: #ddd9d9 none repeat scroll 0 0;  padding: 10px 0;  text-align: center; border-radius:0 0 10px 10px}
	
	#Content{}
	#Content #LeftCol,
	#Content #RightCol{ width:100%; display:block; padding:5px 0; background:#fff;}
	
	
	
	#PageContent{}
	#PageContent p{margin-bottom:12px; text-align:justify;}
	#ContentPlace{}
	#ContentPlace p{margin-bottom:12px; text-align:justify;}
	#ContentPlace #RightCol .DataContent{width:100%;}
	
	#ContentPlace #RightCol .DataContent > div{	width: 100%; overflow-y: auto; margin: 0 auto 1em; overflow-x:scroll;
	max-width:350px;border:2px solid #cdcdcd }
	#ContentPlace #RightCol .DataContent:-webkit-scrollbar{	-webkit-appearance: none;	width: 14px;	height: 14px;}
	#ContentPlace #RightCol .DataContent:-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3);}
	#ContentPlace #RightCol .DataContent table tr td{display:table-cell;}
 






	#BrowseArtists {  border: 1px solid #c1c1c1;  box-shadow: 0 1px 2px #9b9b9b; margin-bottom: 10px; padding: 0; width: 100%;}
	/*#BrowseArtists h2{ text-align:center; font-size:16pt; }*/
	.homepage #BrowseArtists{border:none;box-shadow:none;}
	.homepage #BrowseArtists #ArtistLetter {  width: 100% !important; display:none }
	#BrowseArtists #ArtistLetter {  width: 100% !important;  }
	
	#BrowseArtists h2 {	color: #252525;	  font-size: 14pt; margin: 0;  padding: 10px;  text-align: left;  position:relative; cursor:pointer; border:none;}
	/*#BrowseArtists h2:after { content:""; position:absolute; right:10px; top:15px; height:16px; width:16px; display:inline-block; background:url(../images/dd_arrow.png) no-repeat center center;}
	*/
	.homepage #BrowseArtists h2:after { content:""; position:absolute; right:10px; top:15px; height:16px; width:16px; display:inline-block; background:url(../images/dd_arrow.png) no-repeat center center;}
	
	#SearchModule{width:100%;background:#fff;margin-bottom:10px;border:1px solid #c1c1c1;box-shadow:0 1px 2px #9b9b9b;padding:0;}
	
	/*#BrowseArtists h2{ text-align:center; font-size:16pt; }*/
	#SearchModule h2 {	 color: #252525;	  font-size: 14pt;	  margin: 0;	  padding: 10px;	  text-align: left;	  position:relative;	  cursor:pointer;	}
	/*#SearchModule h2:after { content:""; position:absolute; right:10px; top:15px; height:16px; width:16px; display:inline-block; background:url(../images/dd_arrow.png) no-repeat center center;}*/
	#SearchModule table{width:100% !important;}
	#SearchModule > table{padding:10px}
	#SearchModule table .Width50{   margin-top: 5px;  padding: 7px;  width: 98%;}
	#SearchModule td:first-child {  width: 80px;}
	
	
	#ArtistList_up > table{width:100%;}
	#ArtistList_up > table td{padding:7px !important; display:inline-block; width:100%; background:#fff !important;}
	#ArtistLetter a { background:#A0A1A3;color: #fff; display: inline-block;	  font-family: Arial;	  font-size: 10pt;	  font-weight: bold;  height: 25px;	  margin: 2px 0; padding: 4px 0;text-align: center; text-decoration: none; width: 22.5px; line-height:18px; }
	#ArtistLetter a:hover{background:#979797}
	#ArtistLetter a.lkbtnArtist:last-child {  width: 64px;}
	#ArtistLetter .ArtistName a{font-size:11pt; background:none; color:#696969; height:auto; width:auto; text-align:left; display:block; padding:0} 
	
	
	ul.ArtistAlfa { margin:10px 0 25px 0}
	ul.ArtistAlfa a { background:#A0A1A3;color: #fff; display: inline-block;	  font-family: Arial;	  font-size: 10pt;	  font-weight: bold;  height: 25px;	  margin: 2px 0; padding: 4px 0;text-align: center; text-decoration: none; width: 22.5px; line-height:18px; }
	ul.ArtistAlfa li:nth-child(even){display:none;}
	ul.ArtistAlfa a:hover{background:#979797}
	ul.ArtistAlfa a.lkbtnArtist:last-child {  width: 64px;}
	
	.ArtistPageList{ margin:10px 0 20px 0;}
	.ArtistPageList table tr td {  border: medium none;  display: inline-block;  padding-bottom: 5px;  padding-top: 5px;  width: 49%;}
	.artist-details{ margin-top:15px }
	.artist-details td{ display:block; padding:10px 0; }
	
	#HotPick h2 {   margin: 10px 0;  padding: 15px;  text-align: left; position:relative}
	/*#HotPick h2:after{	top: 100%;	left: 5%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(241, 241, 241, 0);	border-top-color: #E5E5E5;	border-width: 10px;	margin-left: -10px;
	}*/
	
	#NewslettersForm{width:100%;background:#fff;margin-bottom:10px;border:1px solid #c1c1c1;box-shadow:0 1px 2px #9b9b9b;padding:0; padding:10px }
	#NewslettersForm h2 { margin: 10px 0;  padding: 15px;  text-align: left; position:relative}
	/*#NewslettersForm h2:after{	top: 100%;	left: 5%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(241, 241, 241, 0);	border-top-color: #E5E5E5;	border-width: 10px;	margin-left: -10px;	}*/
	#NewslettersForm table{width:100%;}
	#NewslettersForm table .Width140{width:98%;}
	#NewslettersForm table td:first-child {  width: 80px;}
	#NewslettersForm table td span { float: right;  width: auto !important;}
	
	#NewslettersForm table table tr {  display: inline-block;}
	#NewslettersForm table table td:first-child {  width: 140px;}
	
	
	
	
	input[type="submit"],input[type="button"] {	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;	box-shadow:inset 0px 1px 0px 0px #ffffff;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);	background-color:#f9f9f9;
	-moz-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;	border:1px solid #cccccc;	display:inline-block;	cursor:pointer;	color:#5c5c5c;	font-family:Arial;	font-size:14px;	padding:6px 15px;	text-decoration:none;	text-shadow:0px 1px 0px #ffffff;margin-top:8px;
	}

input[type="submit"]:hover,input[type="button"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
} 
	 
	 
	.ItemLinks tr td a {  background: #f1f1f1 none repeat scroll 0 0;  border: 1px solid #d5d5e5;  color: #6d6969;  display: inline-block;  font-family: Arial;  font-size: 9pt;  line-height: 13px;  margin-top: 4px;  max-width: 85px;  min-height: 40px;  min-width: 85px;  padding: 5px;  text-align: center;  text-decoration: none; vertical-align:top;}
	

	#FooterNav ul li,#FooterTopBar ul li {	  display: inline-block;	  float: none;	  padding: 8px 4px;	}
	#FooterTopBar ul li a{font-size:9pt; color:#6d6969;}
	
	.homepage{}
	.homepage #nav.home_nav_custom{display:block; text-align:center;  margin: 15px 0;}
	.homepage #PageContent{display:none}
	#nav.home_nav_custom li{}
	#nav.home_nav_custom li {  display: inline-block;  float: none;  margin: 5px 0;  padding-left: 10px;  padding-right: 10px;  width: auto;}
	#nav.home_nav_custom li a{  background: #dedede none repeat scroll 0 0;  border: 1px solid #b5b5b5;  border-radius: 5px;  color: #252525;  display: inline-block;  font-weight: bold;  min-width: 200px;  padding: 12px 20px;}
	#nav.home_nav_custom li a:hover{ background:#565656; color:#fff}
	
	
	a.menu-icon{ display:inline-block;}
	a.artist-icon{ display:inline-block;}
	a.search-icon{ display:inline-block;}
	a.news-icon{ display:inline-block;}
	a.user-icon{ display:inline-block;}
	
	.homepage a.search-icon{ display:none;}
	.homepage a.news-icon{ display:none;}
	.homepage a.artist-icon{ display:none;}
	
	.nav-main,
	.nav-user-acc,
	.search-block,
	.news-block,
	.artist-block{background: #fff none repeat scroll 0 0;  display: none;  margin: 0 auto; position: relative;  width: 100%; padding:15px; display:none;}
	 
	/*.search-block h2,.search-block h2:after,
	.news-block h2,.news-block h2:after,
	.artist-block h2,.artist-block h2:after{display:none;}*/
	.hotpic-block{display:none;}
	 
	#ContentPlace #LeftCol{ padding:10px 10px 0 10px;}
	 
	#Navigation.nav_mobile .LoginBox{float:none;}
	#Navigation.nav_mobile { float:none; margin:0 auto; text-align:center; background:#DDD9D9; padding:0px}
	#Navigation.nav_mobile ul {	  background: #fff none repeat scroll 0 0;	  border: 1px solid #c1c1c1;	  box-shadow: 0 1px 2px #9b9b9b;	  display: block; 	  overflow: hidden;	}
	#Navigation.nav_mobile ul li { width:100%; margin:0; padding:0; border:none; border-bottom:1px solid #e1e1e1 !important; text-align:left}
	#Navigation.nav_mobile ul li a { padding:8px; color:#565656; text-align:left}
	#Navigation.nav_mobile ul li a:hover{background:#F1F0F0}
	/* Drop Down */
	#Navigation.nav_mobile ul li ul { position:relative; top:0; width:100%; background:#ccc;  box-shadow:none; border:none; display:block; display:none} 
	#Navigation.nav_mobile ul li ul li { border: medium none;  text-align: left;  text-indent: 20px;  width: 100%;  background:#ccc;}
	#Navigation.nav_mobile ul li ul li::before {  background: #292929;  content: "";  height: 4px;  position: absolute;  top: 14px;  width: 4px; left:14px;}
	
	#Navigation.nav_mobile .LoginBox p{padding:8px; font-weight:bold; color:#565656; text-align:center }
	#Navigation.nav_mobile .LoginBox p a{padding:0;color:#565656; display:inline-block; }
	/* Drop Down */
	#Navigation.nav_mobile #nav6{position:relative;}
	#Navigation.nav_mobile #nav6:after{content:""; position:absolute; top:10px; right:10px; background:url(../Images/dd_arrow.png) no-repeat; width:16px; height:16px; z-index:1111;}
	 
	 /* INNER PAGE */
	 #ContentPlace{}
	 #ContentPlace #LeftCol,
	 #ContentPlace #RightCol{ width:100%; display:block}
	 #RightCol > h2 {  background: #DDD9D9 none repeat scroll 0 0;  margin: 10px 0 20px 0;  padding: 10px 0;  text-align: center; position:relative}
	  
     #ContentPlace .ContentPage{width:100%;}
	 .ContentPage h3{ background: #DDD9D9 none repeat scroll 0 0;  margin: 10px 0 20px 0;  padding: 10px 0;  text-align: center; position:relative}
 	 
	 
	 table.ExhibitionList{ text-align:center}
 	 table.ExhibitionList tr{display:inline-block; width:auto;}
  	 table.ExhibitionList tr td{display:inline-block; width:100%}
   	 table.ExhibitionList tr table.Items{  background: #fff none repeat scroll 0 0;  display: inline-block;  padding: 5px;  width: auto;  max-width: 220px;  margin:0 8px; border:1px solid #ccc}
	 
	 table.ExhibitionList tr table.Items tr{display:block; width:100%}
	 table.ExhibitionList tr table.Items tr td.ItemImage{ display:table-cell; width:200px; height:200px; border:none;}
	 table.ExhibitionList tr table.Items .ItemLinks tr{display:inline;width:auto;}
	 table.ExhibitionList .ItemLinks td { display: inline;  width: auto; vertical-align:top;}

	 
	 #FormContent{width:100%;}
	 .pagination div {  display: block !important;margin:7px 0;}
  	 .pagination .GrayLink { background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #bcbcbc;	 color: #565656; display: inline-block;font-family: Arial; font-size: 9pt; margin: 8px 0; padding: 3px 8px; text-decoration: none; min-width:75px;}
 
 
	body{width:100%;}
	#MainImage{background-size:100% 100%;}
	
	
	#ArtistLetter a {width:30px;}
	.homepage #BrowseArtists h2 {margin:0 5px}
	.homepage #SearchModule h2 {margin:0 5px }
	
 
	#FooterMiddleBar { 	  height: 80px;	  background: url(../images/bank_responsive.jpg) center center no-repeat;	  background-size: 100% auto;	}
	#FooterMiddleBar > img{display:none;}
	
	
	/*.DataContent table{width:100%;}
	.DataContent table thead ,
	.DataContent table tr th{display: none;}
	.DataContent table tr:nth-of-type(2n) {background-color: inherit;}
	.DataContent table tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
	.DataContent table tbody td {display: block;  text-align:center;}
	.DataContent table tbody td:before { content: attr(data-th); display: block; text-align:center; }
    */
  
  	.address_table{}
  	.address_table td{display:block}
	.address_table td table td{display:unset}
	.address_table td table input[type="radio"] {  margin-left: 15px;  margin-right: 5px;}
	
	
    .pagination {  text-align: center;  width: 100%;}
	.pagination td {  display: inline-block;  padding: 5px 0;  width: 45%;}
	.pagination td:first-child {  display: block;  width: 100%;}
	.pagination select {  display: block;  margin: 5px auto;  width: 100px;}
 	 table.ExhibitionList tr table.Items{margin:0;}
	 
	 .check-soldout{margin:10px 0; display:block}
	 .check-soldout input{margin:0 5px;}
	 
	 .art-filter{display:none}
	 
	  #recaptcha_area,
	  #recaptcha_table { height: 130px; overflow: hidden; }

	#photoartist {
	  display: block;
	  text-align: center;
	}	
	#photoartist .ItemImage1 {  border: 1px solid #d5d5d5;  display: inline-block;  height: 200px;  margin: 2% 1% 0 0;  padding: 25px 10px;  text-align: center;  vertical-align: middle;  width: 47%;}
	#photoartist .ItemImage1 img {  max-height: 120px; min-height:120px}
	
	.search-result{}
	.search-result #ctl00_ContentPlaceHolder1_advanceSearchList_lblError { display: block;  margin: 10px auto;  padding: 5px;  text-align: center;}
	
	.sendto-table{width:100%;}
	.sendto-table td{ display:block; width:100%;}
	.sendto-table table{  float: none;  margin: 15px auto;  text-align: left;  width: 50%;}
	.sendto-table table td{display:table-cell; width:auto}
	.sendto-table .refering-item{ border: 1px solid #e1e1e1;padding:20px}
	.sendto-table .refering-item img {  display: block; padding: 0 0 20px 0;}
	.sendto-table table textarea{width:100%; min-height:100px;}
	
}
/* Google Nexus 7 Portrait */
@media (max-width: 603px) {
}
/* Google Nexus 4 Landscape */
@media (max-width: 600px) {
}
/* I-phone Landscape */
@media (max-width: 568px) {
}
/* I-phone Landscape */
@media (max-width: 480px) {
	
	
}
/* Nokia Lumia Portrait */
@media (max-width: 460px) {
	input[type="text"], input[type="password"], textarea, input[type="email"], select{width:98%; display:block}
	#RightCol table{width:100%;}
	
	.advance-searching{}
	.advance-searching .w50{width:100px; display:inline-block;}
	
	
	.detail_table{text-align:center}
	.detail_table tr td{display:block;}
	.detail_table .Items{ display:inline-table; width:100%;}
	.detail_table .Items td {  display: block;  text-align: center;  width: 100%; padding:2px 0}
	.detail_table .Items table {  width: 100%;  margin: 10px 0;}
	.detail_table .Items td img{padding:10px}
	 .detail_table .Items table .ItemLinks tr{display:inline-block;}
	 
	 
    .sitemap_table{}
    .sitemap_table td{display:inline-block; width:49%; margin-bottom:25px;}
	.ContentPage ul li{margin-left:10px;}
	
	a.nav-icon{margin:0 6px}
	#ArtistLetter a {width:28px;}
}
/* HTC One Portrait */
@media (max-width: 360px) {
}
/* I-phone Portrait */
@media (max-width: 320px) {
}
/* Small mobile */
@media (max-width: 240px) {
}