/**********ArtsDot Header + responsive**********/
@font-face {
  font-family: 'Oswald-ExtraLight';
  src: url('Oswald-ExtraLight.eot');
  src: url('Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('Oswald-ExtraLight.woff2') format('woff2'),
        url('Oswald-ExtraLight.woff') format('woff'),
        url('Oswald-ExtraLight.ttf') format('truetype'),
        url('Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Bold';
  src: url('Oswald-Bold.eot');
  src: url('Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('Oswald-Bold.woff2') format('woff2'),
        url('Oswald-Bold.woff') format('woff'),
        url('Oswald-Bold.ttf') format('truetype'),
        url('Oswald-Bold.svg#Oswald-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-BoldItalic';
  src: url('Oswald-BoldItalic.eot');
  src: url('Oswald-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Oswald-BoldItalic.woff2') format('woff2'),
        url('Oswald-BoldItalic.woff') format('woff'),
        url('Oswald-BoldItalic.ttf') format('truetype'),
        url('Oswald-BoldItalic.svg#Oswald-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-DemiBold';
  src: url('Oswald-DemiBold.eot');
  src: url('Oswald-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('Oswald-DemiBold.woff2') format('woff2'),
        url('Oswald-DemiBold.woff') format('woff'),
        url('Oswald-DemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Regular';
  src: url('Oswald-Regular.eot');
  src: url('Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('Oswald-Regular.woff2') format('woff2'),
        url('Oswald-Regular.woff') format('woff'),
        url('Oswald-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Medium';
  src: url('Oswald-Medium.eot');
  src: url('Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('Oswald-Medium.woff2') format('woff2'),
        url('Oswald-Medium.woff') format('woff'),
        url('Oswald-Medium.ttf') format('truetype'),
        url('Oswald-Medium.svg#Oswald-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-MediumItalic';
  src: url('Oswald-MediumItalic.eot');
  src: url('Oswald-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('Oswald-MediumItalic.woff2') format('woff2'),
        url('Oswald-MediumItalic.woff') format('woff'),
        url('Oswald-MediumItalic.ttf') format('truetype'),
        url('Oswald-MediumItalic.svg#Oswald-MediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Light';
  src: url('Oswald-Light.eot');
  src: url('Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('Oswald-Light.woff2') format('woff2'),
        url('Oswald-Light.woff') format('woff'),
        url('Oswald-Light.ttf') format('truetype'),
        url('Oswald-Light.svg#Oswald-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Extra-LightItalic';
  src: url('Oswald-Extra-LightItalic.eot');
  src: url('Oswald-Extra-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('Oswald-Extra-LightItalic.woff2') format('woff2'),
        url('Oswald-Extra-LightItalic.woff') format('woff'),
        url('Oswald-Extra-LightItalic.ttf') format('truetype'),
        url('Oswald-Extra-LightItalic.svg#Oswald-Extra-LightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}





/*************************    GLOBAL     **************************/

/* moved * rules to body
fixing problems after removing * from all elements */
.ArtsDot-Header-Background * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-Content-Block * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-Content-Block-Gray * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-AboutUs-Content-Block-Warranty * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-Content-Most_Famous_Artworks-Slider * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-Footer-Block * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-Promotion-Bar-Block * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.ArtsDot-ArtLists-Content-Item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.buttons * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

.MainPage * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

Body {
  font-family: Helvetica, Arial, Sans-serif;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  	padding: 0;
  }


a {
  text-decoration: none;
  color: #660000;
}

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


PRE {

	white-space-collapse: break-spaces;
	text-wrap: pretty;
	Font-Family:tahoma,verdana,arial,sans-serif;
}




/*************************    HEADER CSS     **************************/
.ArtsDot-Header-Background {
  position: relative;
  color: #000;
  width: 88vW;
  //margin: 0 auto;
  text-align: left;
  height: 11vW;
  left: 2vW;
}


.ArtsDot-Header-Background > div {
 /* display: inline-block;
  position: relative;
  height: 6.6vW;
  vertical-align: middle;
  */
}

.ArtsDot-Header-Background:after,
.ArtsDot-Header-Background > div:after { /*-- This code make vertical-align works -*/
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.ArtsDot-Header-Logo {
  width: 17vW;
  margin-right: 2vW;
  position: relative;
  height: 6.6vW;
  vertical-align: middle;
  animation: TransitionFadeIn 1s;
}

@keyframes TransitionFadeIn {
	from	{ opacity:0;}
 	to	{ opacity:1; } 
}

.ArtsDot-Header-Logo img {
  height: 100%;
}

.ArtsDot-Header-Flag-Block-Holder {
  margin-left: 3vW;
  width: 32.5vW;
}

.ArtsDot-Header-Block-Flags {
  height: 100%;
  text-align: left;
  font-size: 1.4vW;
}

.ArtsDot-Header-Block-Flags > p {
  height: 2.2vW;
  margin-top: 0.25vW;
}

.ArtsDot-Header-Block-Flags > p:first-child {
  margin-bottom: 2.25vW;
}

.ArtsDot-Header-Block-Flags > p:first-child > a {
  display: inline-block;
  vertical-align: middle;
}

.ArtsDot-Header-Block-Flags > a img {
    height: 1.1vW;
}

.ArtsDot-Header-Contact-Block-Holder {
  /*margin-left: 3vW;
  width: 28.76vW;
  */
}

.ArtsDot-Header-Block-Contact {
  height: 100%;
  text-align: left;
  font-size: 1.3vW;
}

.ArtsDot-Header-Block-Contact > p {
  height: 2.2vW;
}

.ArtsDot-Header-Block-Contact > p:first-child {
  margin-bottom: 2.2vW;
}

.ArtsDot-Header-Block-Contact > p:first-child:after { /*-- This code make vertical-align works -*/
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.ArtsDot-Header-Block-Contact span {
  vertical-align: middle;
  height: 100%;
}

.ArtsDot-Header-Block-Contact span:first-child {
  padding-right: 2vW;
}

input::-webkit-input-placeholder {
  color: #BFBFBF;
}

input::-moz-placeholder {
  color: #BFBFBF;
}
/* Firefox 19+ */

input:-moz-placeholder {
  color: #BFBFBF;
}
/* Firefox 18- */

input:-ms-input-placeholder {
  color: #BFBFBF;
}

 .ArtsDot-Header-Search input[type="text"] {
  width: 26vW;
  //height: 2vW;
  float: left;
  padding: 0.45vW 1vW;
  font-size: 1vW;
  border: 0.1vW solid #000;
}

.ArtsDot-Header-Search input[type="text"]:focus {
  outline-color: #000;
}

.ArtsDot-Header-Search img {
  padding-left: 0.4vW;
  height: 2.1vW;
}

.ArtsDot-Header-Flags {
  margin-right: 1.12vW;
  height: 1.6vw;
  width: 2.1vw;
}

.ArtsDot-Header-Block-Flags p:first-child > a:last-child > img {
  margin-right: 0;
}

.ArtsDot-Header-User {
  text-align: left;
}

.ArtsDot-Header-User img {
  vertical-align: middle;
  width: 1.4vW;
}

.ArtsDot-Header-User span {
  color: #A3A3A3;
  font-size: 1.2vW;
  padding-right: 1.2vW;
  vertical-align: middle;
}

.ArtsDot-Header-User a:last-child > span{
  padding-right: 0;
}

  /****************** Header menu block *******************/
.ArtsDot-Header-menu-block {
  text-align: center;
  font-weight: 700;
  /*-webkit-box-shadow:0 0.3vW 0.6vW 0 rgba(50,50,50,0.2);
  -moz-box-shadow:0 0.3vW 0.6vW 0 rgba(50,50,50,0.2);
  box-shadow:0 0.3vW 0.6vW 0 rgba(50,50,50,0.2);*/
  position: relative;
  top: 0vW;
  height: 3.34vW;
  line-height: 1.5vW;
  width: 100%;
  background-color: #eee;
  text-transform: uppercase;
  z-index: 100;
}

.ArtsDot-Header-menu-block > ul > li > a {
  color: #000!important;
  font-size: 1vW;
  cursor: pointer;
}

.ArtsDot-Header-menu-block ul li a:hover,
.ArtsDot-Header-menu-block ul li a:focus {
  height: 1.425vW;
  color: #000!important;
  text-decoration: none!important;
  background-color: #e0e0e0!important;
}

  /***************** Header menu navigation bar *****************/
.ArtsDot-Header-menu-block .ArtsDot-Header-menu-navigation-bar {
  display: inline-block;
  float: none;
  margin: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  position: relative;
  min-height: 2vW;
  border: 0.1vW solid transparent;
}

.ArtsDot-Header-menu-navigation-bar > li {
  float: left;
  position: relative;
  display: block;
}

.ArtsDot-Header-menu-navigation-bar > li > a {
  position: relative;
  display: block;
  padding: 1vW 0.8vW;
  -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ArtsDot-Header-menu-navigation-bar > li:hover > ul {
  display: block;
}

.ArtsDot-Header-menu-navigation-bar li:nth-last-child(2) > ul {
  transform: translateX(-5vW);
}

.ArtsDot-Header-menu-navigation-bar li:nth-last-child(1) > ul {
  transform: translateX(-15vW);
}

.ArtsDot-Header-menu-navigation-bar > li > a:hover,
.ArtsDot-Header-menu-navigation-bar > li > a:focus {
  font-weight: bold;
}

/*****************Navigation Submenu**************/
.ArtsDot-Header-menu-navigation-submenu {
  position: absolute;
  display: none;
  float: none;
  top: 3.3vW;
  padding: 1vW;
  background-color: #eee;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  box-shadow: 0 0 0.3vW rgba(0,0,0,0.5);
  z-index: 100;
}

.ArtsDot-Header-menu-navigation-submenu li {
	max-width: 24vW;
    font-size: 1.2vW;
    padding: 0.2vW;
    line-height: 0.9vW;
    list-style: none;
    text-align: left;
    white-space: pre;
    max-width: 24vW;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ArtsDot-Header-menu-navigation-submenu hr {
  margin: 0.3vW 0;
  border: 0.1vW solid #dedede;
}

.ArtsDot-Header-menu-navigation-submenu li > a {
  /*** padding: 0.1vW; ***/
  text-transform: none;
  text-decoration: none;
  font-size: 0.9vW;
}

.ArtsDot-Header-menu-navigation-submenu li:hover a:hover {
  background-color: orange !important;
}





  /******************* Promotion bar *******************/
.ArtsDot-Promotion-Bar-Block {
  position: relative;
  width: 100%;
  top: 0vW;
  height: 2.9vW;
  background-color: orange;
  padding-bottom: 0.1vW;
  text-align: center;
  overflow:hidden;
}

.ArtsDot-Promotion-Bar-Block div:hover > a {
  text-decoration: none;
}

.ArtsDot-Promotion-Bar-Left {
  float: left;
  height: 3.0vW;
  width: 15%;
  padding: 0 0.4vW;
  background-color: #f66600;
  text-align: left;
  font-size: 0.8vW;
  display: table;
}

.ArtsDot-Promotion-Bar-Left > a {
  color: #efce48;
    display: table-cell!important;
  vertical-align: middle;
}

.ArtsDot-Promotion-Bar-Left span {
  color: #fff;
}

.ArtsDot-Promotion-Bar-Right {
  float: right;
  height: 3.0vW;
  width: 15%;
  padding: 0 0.4vW;
  display: table;
  background-color: #f66600;
  text-align: right;
  font-size: 0.8vW;
}


.ArtsDot-Promotion-Bar-Right > p {
  color: #efce48;
  display: table-cell;
  vertical-align: middle;
}

.ArtsDot-Promotion-Bar-Right a {
  color: #fff;
}

.ArtsDot-Promotion-Bar-Center {
  float: left;
  width: 68%;
  text-align: center;
  height: 3.0vW;
  font-weight: bold;
  color: black;
  line-height: 3.0vW;
  font-size: 1.4vW;
  text-transform: uppercase;
}

.ArtsDot-Promotion-Bar-Center > a > span {
  position: relative;
  text-align: left;
  vertical-align: top;
}


.ArtsDot-Promotion-Bar-Block-Text-Black {
  }

.ArtsDot-Promotion-Bar-Block-Text-White {
  color: white;
  padding-left: 2vW;
}
/******************* Promotion bar  END *******************/




/************************    HEADER CSS END    ***********************/








/**********************     Shared classes START     *********************/

.SearchLineTbl{
	
	padding: 1vW 0vW;
	font-size: 0;
	
}

.ArtsDot-Image_Grey-Special:hover img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: grayscale(100%);
  transform: scale(1.02, 1.02);
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Image_Grey-Special:hover {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: gray;
  transform: scale(1.02, 1.02);
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Content-Block h1 {
  float: none;
  padding: 2vW 0;
  padding-top: 0;
  font-size: 3vW;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Oswald-Regular', Arial, Sans-serif;
}

.ArtsDot-Content-Block h2 {
	margin-top: 1VH;
  /*
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.6vW;
  font-family: 'Oswald-Light', Arial, Sans-serif;
  */
}

.ArtsDot-Content-Block h4 {
  float: none;
  padding: 2vW 0;
  font-size: 3vW;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
}

.ArtsDot-Content-Block h5 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.6vW;
  font-family: 'Oswald-Light', Arial, Sans-serif;
}

.ArtsDot-Content-Block .ArtsDot-Content-Specialize-Block-50-Warranty-Title {
    float: none;
    padding: 2vW 0;
    font-size: 3vW;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Oswald-Bold', Arial, Sans-serif;
    padding-top: 0;
}

.ArtsDot-Content-Block .ArtsDot-Content-Specialize-Block-50-Warranty-Text {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.6vW;
  font-family: 'Oswald-Light', Arial, Sans-serif;
}

.HomePage-AllColors-Palette h2 {
    margin: 2vW 0;
}

.ArtsDot-Content-Block p {
  padding-bottom: 1vW;
  font-size: 1.2vW;
  font-family: 'Helvetica', Arial, Sans-serif;
}

  /************* CONTENT BLOCK CSS ***************/
.ArtsDot-Content-Block {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.ArtsDot-Artwork-Links-Block a:hover{	
background-color:orange!important;		
}

.ArtsDot-Content-Block > div {
  zzwidth: 100%;
  margin: 2vW 3% 2vW 3%;
  overflow: auto;
}

.ArtsDot-Buy-Product-Selector{	
overflow: hidden!important;		
}

.Artwork-Square{
	
    display: inline-block;
    height: 1.18vW;
    width: 1.18vW;
    z-index:999;
    margin: 0 0.25vW;
    border-radius: 0.2vW;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 0.3vW rgba(0,0,0,0.3);
    box-shadow: 0 0 0.3vW rgba(0,0,0,0.3);
	
}

  /***************** CONTENT BLOCK GRAY CSS ****************/
.ArtsDot-Content-Block-Gray {  /*-- Content Block with gray backround --*/
  position: relative;
  margin-bottom: 2vW;
  padding: 2vW 0;
  width: 100%;
  height: auto;
  background-color: #eaeaea;
}

.ArtsDot-Content-Block-Gray h1 {
  float: none;
  font-size: 3vW;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  padding-bottom: 1vW;
}

.ArtsDot-Content-Block-Gray-Bottom-Button {  /*-- Orange button at the middle/bottom of gray blocks--*/
  display: inline-block;
  clear: both;
  width: 100%;
  margin: 3vW 0;
  text-align: center;
}

.ArtsDot-Content-Block-Gray-Bottom-Button a {
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-family: 'Oswald-Bold', Arial, Sans-serif!important;
  font-size: 1.2vW;
  padding: 1vW 2vW;
  background-color: #ffb60c;
  border-radius: 0.2vW;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Content-Block-Gray-Bottom-Button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #f66600;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

  /********************* Content slider *********************/
.ArtsDot-Content-Inline_Image_Slides-Block {
  padding-top: 1vW;
  height: 20vW;
}

.ArtsDot-Content-Inline_Image_Slides-Block > a,
.ArtsDot-Content-Inline_Image_Slides-Block .ArtsDot-Content-Slider-With-Text > a {
  //border: 1px solid transparent;
  width: 14.45%;
  height: 18vW;
  float: left;
  margin-right: 0.9792vW;
  margin-bottom: 0.5vW;
  overflow: hidden;
  box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -moz-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -webkit-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -khtml-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  text-align: center;
}

.ArtsDot-Content-Inline_Image_Slides-Block > a:hover {
  /*border: 1px solid orange;*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Block a > img {
  /* width: 100%; */
  min-width: 100%;
  height: 100%;
  position: relative;
  left: 100%;
  margin-left: -200%;
  /* vertical-align: middle; */
  /* text-align: center; */
  filter: none; /* Applies to FF + IE */
  -webkit-filter: none;
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Block a:hover > img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: grayscale(100%);
  transform: scale(1.02, 1.02);
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Block span {
  position: relative;
  width: 100%;
  display: block;
}

.ArtsDot-Content-Inline_Image_Slides-Block .ArtsDot-Content-Slider-With-Text > span > img,
.ArtsDot-Content-Inline_Image_Slides-Block > span > img {
  width: 22%;
  height: 18vW;
  float: right;
  margin-bottom: 1vW;
}
/********************* Inline Image Slides Blocks *********************/
.ArtsDot-Artwork-Similar_Artworks-Block-Text_Header {
    float: none;
    padding: 2vW 0;
    padding-top: 0;
    font-size: 3vW;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Oswald-Bold', Arial, Sans-serif;
}
.ArtsDot-Image-Blocks-Artists_Artworks-Text-Under {
  width: 14.45%;
  float: left;
  margin-right: 0.9792vW;
  text-align: center;
  font-size: 1.2vW;
}

.ArtsDot-Image-Blocks-Artists_Artworks-Text-Under-Block {
  //display: inline-block;
  width: 100%;
}

.ArtsDot-Image-Blocks-Artists_Artworks-Text-Under a {
  font-family: 'Oswald-Bold', Arial, Sans-serif!important;
  text-transform: uppercase;
}  

  /**************** Inline Image Slides Buttons ****************/
.ArtsDot-Content-Inline_Image_Slides-Button-Orange,
.ArtsDot-Content-Inline_Image_Slides-Button-Transparent {
  position: absolute;
  width: 16.25vW;
  padding: 1vW 2vW;
  //overflow: hidden;
  //text-overflow: ellipsis;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2vW;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Orange {
  top: 4vW;
  right: 1.7vW;
  background-color: orange;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Transparent {
  top: 10vW;
  right: 1.7vW;
  color: white!important;
  border: 0.1vW solid #fff;
  background-color: transparent;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Orange:hover,
.ArtsDot-Content-Inline_Image_Slides-Button-Transparent:hover {
  cursor: pointer;
  text-decoration: none!important;
  background-color: #f66600;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Orange a,
.ArtsDot-Content-Inline_Image_Slides-Button-Transparent a {
  font-family: 'Oswald-Bold', Arial, Sans-serif!important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Orange:hover a,
.ArtsDot-Content-Inline_Image_Slides-Button-Transparent:hover a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Transparent a {
  color: #fff;
  max-height: 3vW;
  overflow: hidden;
  display: inline-block;
}

.ArtsDot-Content-Inline_Image_Slides-Button-Transparent:hover {
  border: 0.1vW solid #f66600;
}
  /**************** Inline Image Slides Buttons END ****************/
/********************* Inline Image Slides END *********************/

/********************* Image Blocks 25-25 END *********************/ 
.ArtsDot-Image_Block-25-25 {   /*--- Image block 25/25 with inner text on gray background.  Image become gray when mouseover--*/
  position: relative;
  float: left;
  height: auto;
  box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -moz-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -webkit-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -khtml-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  font-size:0;
  width: 23.5%;
  margin: 0 0 2% 2%;
  text-align: center;
  //border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}

.ArtsDot-Image_Block-25-25 > a {

}

.ArtsDot-Image_Block-25-25 img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Image_Block-25-25:hover img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: grayscale(100%);
  transform: scale(1.02, 1.02);
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Image_Block-25-25:hover {
  /*border: 1px solid orange;*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
  /********* Image Block 25-25 Buttons *********/
.ArtsDot-Image_Block-25-25-Bottom-Button {  /*--- Inner small bottom button --*/
  position: absolute;
  width: 65%;
  top: 13.5vW;
  left: 50%;
  margin-left: -32.5%;
  /***z-index: 1000;***/
  line-height: 0;
}

.ArtsDot-Image_Block-25-25-Bottom-Button a {
  position: relative;
  padding: 0.5vW 1.5vW;
  font-size: 1.2vW;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}

.ArtsDot-Image_Block-25-25-Heading-Button {  /*--- Inner heading button --*/
  position: absolute;
  left: 1.5vW;
  top: 1.5vW;
  float: left;
  /***z-index: 1000;***/
}

.ArtsDot-Image_Block-25-25-Heading-Button a {
  position: relative;
  padding: 0 0.7vW;
  line-height: 4vW;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  font-size: 3vW;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Image_Block-25-25:hover > .ArtsDot-Image_Block-25-25-Bottom-Button > a,
.ArtsDot-Image_Block-25-25:hover > .ArtsDot-Image_Block-25-25-Heading-Button > a {
  text-decoration: none;
  color: #000;
  background-color: orange;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
  /******* Image Block 25-25 Buttons END *********/
/***********************  Image Blocks 25-25 END  **********************/

/***********************  Image Blocks 50-25 ***********************/
.ArtsDot-Image_Block-50-25 {    /*--- Image block 50/25 with inner text on gray background.  Image become gray when mouseover--*/
  position: relative;
  float: left;
  height: 18.3vW;
  width: 48.5%;
  //border: 1px solid transparent;
  margin: 0 0 2% 2%;
  overflow: hidden;
  margin-right: 0.5%;
  margin-top: 0.5%;
  box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -moz-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -webkit-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
  -khtml-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
}

.ArtsDot-Image_Block-50-25 > a >  img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Image_Block-50-25:hover {
  /*border: 1px solid orange;*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Image_Block-50-25:hover img { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: grayscale(100%);
  transform: scale(1.02, 1.02);
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Image_Block-50-25:hover div > a > p {
  text-decoration: none;
  color: black;
  background-color: orange;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

  /*------ Image Blocks 50-25 Buttons -----*/
.ArtsDot-Image_Block-50-25-Heading-Button {   /*--- Inner heading button --*/
  position: absolute;
  left: 2.5vW;
  top: 2.5vW;
  float: left;
  /***z-index: 1000;***/
}

.ArtsDot-Image_Block-50-25-Heading-Button a {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}

.ArtsDot-Image_Block-50-25-Heading-Button a > p {
  position: relative;
  padding: 0.5vW;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.ArtsDot-Image_Block-50-25-Heading-Button a > p:nth-child(1) {
  font-size: 3vW;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  line-height: 3.5vW;
  width: 100%;
}

.ArtsDot-Image_Block-50-25-Heading-Button a > p:nth-child(2) {
  font-size: 1.4vW;
  font-family: 'Oswald-Light', Arial, Sans-serif!important;
}

.ArtsDot-Image_Block-50-25-Bottom-Button {   /*--- Inner bottom button --*/
  position: absolute;
  left: 2.5vW;
  top: 9vW;
  float: left;
  /***z-index: 1000;***/
}

.ArtsDot-Image_Block-50-25-Bottom-Button a {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}

.ArtsDot-Image_Block-50-25-Bottom-Button a > p {
  position: relative;
  padding: 0.3vW;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.ArtsDot-Image_Block-50-25-Bottom-Button a > p:nth-child(1) {
  font-size: 3vW;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  line-height: 3vW;
  width: 100%;
}

.ArtsDot-Image_Block-50-25-Bottom-Button a > p:nth-child(2) {
  font-size: 1.4vW;
  font-family: 'Oswald-Light', Arial, Sans-serif!important;
}
/***********************  Image Blocks 50-25 END  **********************/

/***********************  Image Blocks 100-25 ***********************/
.ArtsDot-Image_Block-100-25 {    /*--- Image block 100/25 with inner text on gray background.  Image become gray when mouseover--*/
  position: relative;
  float: left;
  height: auto;
  width: 100%;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}

.ArtsDot-Image_Block-100-25 > a >  img {
  height: 18.5vW;
  width: 100%;
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}

.ArtsDot-Image_Block-100-25:hover {
  /*border: 1px solid orange;*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-Image_Block-100-25:hover img { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: grayscale(100%);
  transform: scale(1.02, 1.02);
  -webkit-transition: all 0.3s ease-out, transform 1s ease-out;
  -moz-transition: all 0.3s ease-out, transform 1s ease-out;
  -o-transition: all 0.3s ease-out, transform 1s ease-out;
  -ms-transition: all 0.3s ease-out, transform 1s ease-out;
  transition: all 0.3s ease-out, transform 1s ease-out;
}
  /*------ Image Blocks 100-25 Inner Text -----*/
.ArtsDot-Image_Block-100-25-Inner-Text {   /*--- Inner text block  --*/
  position: absolute;
  left: 5vW;
  top: 0vW;
  float: left;
  vertical-align: middle;
  z-index: 90;
}

.ArtsDot-Image_Block-100-25-Inner-Text a {
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}

.ArtsDot-Image_Block-100-25-Inner-Text a > p {
    position: relative;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    font-family: 'Oswald-Light', Arial, Sans-serif;
    font-size: 2vW;
    height: 18.5vW;
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 0;
}

.ArtsDot-Image_Block-100-25-Inner-Text span {
  color: orange;
  font-family: 'Oswald-Light', Arial, Sans-serif;
}
/***********************  Image Blocks 100-25 END  *********************/



  /********************* Reviews block *********************/
  
.ArtShopReviews-Review-Block{
	
	background-color: white!important;
	
}
  
.ArtsDot-Content-Reviews-Block {
  width: 88vW;
  margin: 0 auto;
}

.ArtsDot-Content-Reviews-Heading {
  //padding-left: 30%;
  clear: both;
}

.ArtsDot-Content-Reviews-Heading img {
    position: relative;
    top: 2.5vW;
}

.ArtsDot-Content-Reviews-Heading span {
  padding-top: 2vW;
  //padding-right: 4vW; 
  float: left;
  font-size: 3vW;
  text-align: center;
  margin-left:25%;
  width:40%;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  padding-bottom: 1vW;
}


.ArtsDot-Content-Reviews-All {
  margin: 0 0 2vW;
  clear: both;
}


.ArtsDot-Content-Reviews-Review .ArtsDot-Content-Reviews-Review-Customer {
  padding: 0vW 0vW 0vW 4vW;
  width: 80%;
  float: left;
  font-size: 1.2vW;
  color: #ff3e02;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  text-transform: uppercase;
}

  /********************* Reviews block END *********************/




  /*********************  Quote Block *********************/
.ArtsDot-Content-Quote {

}

.ArtsDot-Content-Quote a:hover {
  text-decoration: none;
}

.ArtsDot-Content-Quote h2 {
  padding: 2vW 0;
  font-family: 'Helvetica', Arial, Sans-serif;
  font-weight: normal;
  font-size: 2.5vW;
}

.ArtsDot-Content-Quote-Text {
  padding: 2vW 0 0.5vW 0;
  font-family: 'Helvetica', Arial, Sans-serif;
  width: 70%;
  margin: 0 auto;
  font-weight: normal;
  font-size: 1.4vW;
  text-transform: uppercase;
}

.ArtsDot-Content-Quote h3 {
  padding: 2vW 0;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  font-weight: bold;
  font-size: 1.8vW;
  color: red;
  text-transform: uppercase;
}

.ArtsDot-Content-Quote-Author {
  padding: 0 0 2vW 0;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  font-weight: bold;
  width: 70%;
  margin: 0 auto;
  font-size: 1.6vW;
  color: red;
  text-transform: uppercase;
}
  /*********************  Quote Block END *********************/
/**********************     Shared classes END     *********************/

/**********************     FOOTER CSS  START   ***********************/
.ArtsDot-Footer-Block {
  background-color: #3e3e3e;
  height: 31vW;
  width: 100%;
}

.ArtsDot-Footer-Block a {
  color: #9b9b9b;
  font-family: 'Helvetica', Arial, Sans-serif;
}

.ArtsDot-Footer-Block h1 {
  font-size: 2vW;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  text-transform: uppercase;
}

.ArtsDot-Footer_Title {
  font-size: 2vW;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  text-transform: uppercase;
  color: #fff;
}

.ArtsDot-Footer-Block-Content-Payment-Warranty .ArtsDot-Footer_Title {
    float: left;
    //padding-top: 1vW;
    padding-left: 1vW;
    max-width: 70%;
}

.ArtsDot-Footer-Block-Content-International .ArtsDot-Footer_Title, .ArtsDot-Footer-Block-Content-Links .ArtsDot-Footer_Title, .ArtsDot-Footer-Block-Content-Social .ArtsDot-Footer_Title {
	
    padding-bottom: 1vW;
	
}

.ArtsDot-Footer-Block-Content-Width {
  position: relative;
  margin: 0 auto;
  width: 88vW;
  top: 5vW;
}

.ArtsDot-Footer-Block-Content-Payment {
  width: 35%;
  float: left;
  padding-left: 3vW;
}

.ArtsDot-Footer-Block-Content-Payment-Copyright-Links-Line {
	width: 100%;
	float: left;
}

.ArtsDot-Footer-Block-Content-Payment h1 {
  color: #fff;
}


.ArtsDot-Footer-Block-Content-Payment-LogosCreditCard {
	Width:100%;
	padding:0;
	font-size:1vW;
}

.ArtsDot-Footer-Block-Content-Payment img {
  padding-top: 1vW;
  width: 3.7vW;
}

.ArtsDot-Footer-Block-Content-Payment-Warranty {
  padding-top: 2vW;
  height: 10vW;
}

.ArtsDot-Footer-Block-Content-Payment-Warranty img {
  float: left;
  width: 7.6vW;
  margin-left: -2vW;
}

.ArtsDot-Footer-Block-Content-Payment-Warranty h1 {
  float: left;
  padding-top: 1vW;
  padding-left: 1vW;
  max-width: 70%;
}

.ArtsDot-Footer-Block-Content-Payment-Warranty p {
  float: left;
  //padding-top: 0.5vW;
  //padding-left: 1vW;
  padding-bottom: 1vW;
  font-size: 0.9vW;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Oswald-Light', Arial, Sans-serif;
  font-weight: bold;
}

.ArtsDot-Footer-Block-Content-Payment h2 {
  color: #fff;
  font-family: 'Helvetica', Arial, Sans-serif;
  font-size: 1.2vW;
  float: left;
  padding-right: 1.7vW;
}

.ArtsDot-Footer-Block-Content-Payment .ArtsDot-Footer-Block-Content-Payment-DNS {
  color: #fff;
  font-family: 'Helvetica', Arial, Sans-serif;
  font-size: 1.2vW;
  float: left;
  padding-right: 1.7vW;
  font-weight: bold;
}

.ArtsDot-Footer-Block-Content-Payment h3 {
  color: #9b9b9b;
  font-family: 'Helvetica', Arial, Sans-serif;
  font-size: 1.2vW;
  float: left;
}

.ArtsDot-Footer-Block-Content-Payment .ArtsDot-Footer-Block-Content-Payment-Copyright {
  color: #9b9b9b;
  font-family: 'Helvetica', Arial, Sans-serif;
  font-size: 1.2vW;
  float: none;
  font-weight: bold;
}

.ArtsDot-Footer-Block-Content-Payment span {
  padding-top: 0.5vW;
  padding-right: 2vW;
  color: #fff;
  font-family: 'Helvetica', Arial, Sans-serif;
  font-size: 1.2vW;
  float: left;
}

.ArtsDot-Footer-Block-Content-Links {
  width: 15%;
  float: left;
}

.ArtsDot-Footer-Block-Content-Links h1 {
  color: #fff;
  padding-bottom: 1vW;
}

.ArtsDot-Footer-Block-Content-Links li {
  width: 100%;
  float: left;
  margin-bottom: 0.5vW;
  font-size: 1.2vW;
  line-height: 1.4vW;
  font-family: 'Helvetica', Arial, Sans-serif;
  color: #9b9b9b;
  list-style: none;
}

.ArtsDot-Footer-Block-Content-International {
  width: 25%;
  float: left;
}

.ArtsDot-Footer-Block-Content-International h1 {
  color: #fff;
  padding-bottom: 1vW;
}

.ArtsDot-Footer-Block-Content-International li {
  width: 100%;
  float: left;
  margin-bottom: 0.5vW;
  font-size: 1.2vW;
  font-family: 'Helvetica', Arial, Sans-serif;
  color: #9b9b9b;
  list-style: none;
}

.ArtsDot-Footer-Block-Content-Social {
  width: 25%;
  float: left;
}

.ArtsDot-Footer-Block-Content-Social h1 {
  color: #fff;
  padding-bottom: 1vW;
}

.ArtsDot-Footer-Block-Content-Social-Social_Media {
  padding-bottom: 3vW;
}

.ArtsDot-Footer-Block-Content-Social-Social_Media img {
  width: 2.5vW;
  margin-right: 1vW;
}

.ArtsDot-Footer-Block-Content-Social-Partners img {
  //float: left;
  width: 9vW;
  height: 2.7vW;
  margin: 0.2vW;
  border-radius: 0.2vW;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.ArtsDot-Footer-Block-Content-Social div:nth-child(2) img {

width: 2.25vW;

}

.ND{
	
display: none;
		
}

.ArtsDot-Footer-Block-Content-Font-IssueFIX {

	padding-bottom: 1vW;	
	
}

/***********************     FOOTER CSS END     ************************/



/***********************     TEMP CSS OR NOT TEMP     ************************/

.ArtsDot-BuyCustom-Frame-It {

min-height: 4.5vW;
margin-left: 8vW;

}

.ArtsDot-BuyCustom-Frame-It input[type="checkbox"] {

width: 2vW;
height: 2vW;
margin-left: 0.8vW;
margin-right:0.5vW;

}

.ArtsDot-BuyCustom-Frame-It label {

margin-top:1vW;
font-size: 2vW;
float: left;
color: rgb(224, 31, 37);

}

.ArtsArtworksMainDivList a:hover{

color:#8f2d03;

}

.ArtworkBoxInside_S , .ArtworkBoxInside_M , .ArtworkBoxInside_L 
	{
	padding:10px;
	margin:0px;
	}
	
.ArtworkBoxInside_L{
	font-size: 137%;
}

.ArtworkTbl
{ 
padding:0px;
margin:0px 0px 0px 0px;
border-collapse: separate;
width:100%;
Height:100%;
color:#000;
font-family:Georgia, "Book Antiqua", "Times New Roman", serif!important;
background:#F0F0F0;
border-radius:5px;

-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;

-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);

}

table.ArtworkTbl td:last-child{
border-radius: 0px 0px 5px 5px;
}

.ArtworkTbl:hover , .ArtworkTbl:focus
{
margin:0px 0px 0px 0px;
background:#F7F7F7;

-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;

-webkit-box-shadow: 0px 2px 20px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 2px 20px 0px rgba(50, 50, 50, 0.9);
box-shadow:         0px 2px 20px 0px rgba(50, 50, 50, 0.9);

}

@media only screen and (min-width: 1800px){
	.ArtworkTbl *{
		font-size: 99%;
	}
	
}

	.ArtworkBoxInside_S .ArtworkSubTbl TD{
		padding: 2px;
		font-size: 74%;
	}
	
.ArtworkSubTbl 
{
margin:0px;
padding:0px;
border-collapse:collapse;
width:100%;
Height:100%;
text-align:center;

}

.ArtworkSubTbl TD
{
padding-bottom:2px;
font-size:64%;
color:#4b3830;
}

.ArtworkImg
{
border:outset 1px #555555;
background:#FFFFFF url(Wait.gif) no-repeat center center;
border-radius:2px;
box-shadow: 1px 1px 5px 2px #777;
vertical-align:baseline;
cursor: pointer;

margin:10px 0px 0px 0px;
padding:0px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.8);
box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.8);

-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.ArtworkTitle
{
font-family:  Georgia, "Book Antiqua", "Times New Roman", serif; 
font-size:100%;
font-weight:bold;
}

.ArtworkArtist
{
font-family:  Georgia, "Book Antiqua", "Times New Roman", serif; 
font-size:100%;
font-style:italic;
}

.ArtworkIcon , .ArtworkIconSmall
{
vertical-align:text-top; 
padding:1px;
opacity:0.5;
border:none;
height:20px;
}
.ArtworkIconSmall
{
height:10px;
}

.ArtworkIcon:hover
{
opacity:1;
}

.ArtworkBoxInside_S .ArtworkIcon, .ArtworkIconSmall{
		height: 16px;
	}
	
	.ui-resizable-resizing {
		border: 1px dotted gray !important;
            		margin-top: -1px;margin-left:-1px;
		}
		
	.thumbnail IMG	{ 
		margin-top:5px;
		margin-bottom:5px;
		-webkit-transition: box-shadow 0.75s;
 		   -o-transition: box-shadow 0.75s;
		    -moz-transition: box-shadow 0.75s;
		    -ms-transition: box-shadow 0.75s;
		    -kthtml-transition: box-shadow 0.75s;
		    transition: box-shadow 0.75s;
		}
		
	.thumbnail IMG:hover{ 
		box-shadow:0 0 5px 3px rgba(0,0,0,0.5);
		    -webkit-transition: all 0.2s;
 		   -o-transition: all 0.2s;
		    -moz-transition: all 0.2s;
		    -ms-transition: all 0.2s;
		    -kthtml-transition: all 0.2s;
		    transition: all 0.2s;
		}
		
	.grabbing {
		cursor: -webkit-grabbing!important;
		}
		
		.Art-ListSizeBlock-disabled{
		
		cursor: not-allowed;
		
		}
		
		.Art-ListSizeBlock{
		
		width: 9vW;
		font-size: 1vW;
		
		}
		
		.Art-ListSizeBlock img{
		
		width: 0.65vW;
		vertical-align: middle;
		
		}
		
		p.MName {
		
		font-size: 1.7vW;
    	font-family: 'Oswald-Bold', Arial, Sans-serif;
		
		}

/***********************     TEMP CSS OR NOT TEMP END     ************************/

/***********************     BuyCart     ************************/

 /* dynamic select artistic picture frame */
@media screen, projection {
    #main	{ width: 100%; margin: 0; border: 0; padding: 0; text-align: center; background-color: #e0e0e0; overflow:hidden;}
    /* obsolete, because  height is computed by arena-width
    #main	{ height: 750px; }
    #main > *	{ height: 750px; }
    */
   
    #arena	{ width: 400px; margin: 0 auto; border: 0; padding: 0; background: #e8e8e8; }
    #iselect,
    #fselect, #tselect	{ width: 150px; margin: 0; border: 0; padding: 0; text-align: center; overflow: hidden; }
	#tselect{
		width: auto;
	}
	
    #iselect	{ float: left; }
    #fselect	{ float: right; }
    /* obsolete, because arena is centered anyway
    #arena	{ float: left; }
    */
    #iselect > .scrollbar { position: absolute; left: 0; }
    #fselect > .scrollbar { position: absolute; right: 0; }
    /* any non-static value for 'position' will get us rid of offsets (x0 = offsetLeft ...) */
    #arena	{ position: relative; }
    #iselect,
    #fselect, #tselect	{ position: relative; z-index: 28; }	/* must be 'before' #arena */
    #arena > img { width:100%; height: auto; position: absolute; top:0; left: 0; }
    #fgpic	{ z-index: 27; display: none; }
    #painting	{ position: relative; z-index: 1;   }	/* z-index above all .af */
    #picplane	{ height: auto; position: relative; z-index: 1;box-shadow: 1px 1px 7px #333; }	/* z-index 'above' pic0 */
    #picplane	{ border: 0px solid white; padding: 0; }
    #picplane > * { margin: 0; border: 0; }
    #picplane .af { display: none; width: 0; height: 0; overflow: hidden; position: absolute; }
    #picplane ._nw	{ left: 0;  top: 0; }
    #picplane ._ne	{ right: 0; top: 0; }
    #picplane ._se	{ right: 0; bottom: 0; }
    #picplane ._sw	{ left: 0;  bottom: 0; }
    #picplane .af img	{ position: absolute; }
    #picplane ._nw img	{ left: 0;  top: 0; }
    #picplane ._ne img	{ right: 0; top: 0; }
    #picplane ._se img	{ right: 0; bottom: 0; }
    #picplane ._sw img	{ left: 0;  bottom: 0; }
    .hidden	{ display: none; width: 0; height: 0; }
    .wink	{
		position: absolute;
		z-index: 30;
		border: 1px outset black;
		opacity:0.8;
		min-width:175px;
		color: black;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
		background-color: #e9e9e9;
		/* border-radius: 4px; */
		padding: 2px 5px;
		}
    ul.thumbnails { margin: 0px;  margin-left: -5px; }
    ul.thumbnails li { margin:0px; list-style-type: none; margin-left: -25px; background-color: transparent; } 	
	

	



} /* --- end of @media screen, projection --- */


.MainPage
	{
	padding: 1.55vW;
	width: auto;
	/*background-color: #EDEDED;*/
	background-color: white;
	}

.cart	{
	width: auto;
	}

        .container {
            position:relative;
            z-index:1;
	width:auto;
            padding:1.5vW;
            margin:0 auto;
        }

        .container:after {
            content:"";
            display:block;
            clear:both;
            visibility:hidden;
            height:0;
            font-size:0;
        }

        .drop-shadow {
            position:relative;
	width:auto;
            padding:2vW;
            margin: 0;
            -webkit-box-shadow:0 0.1vW 0.3vW rgba(0, 0, 0, 0.3), 0 0 3vW rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 0.1vW 0.3vW rgba(0, 0, 0, 0.3), 0 0 3vW rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 0.1vW 0.3vW rgba(0, 0, 0, 0.3), 0 0 3vW rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }


        /* Curved shadows */

        .curved:before {
            top:2vW;
            bottom:2vW;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 1vW rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 1vW rgba(0,0,0,0.6);
            box-shadow:0 0 1vW rgba(0,0,0,0.6);
            -moz-border-radius: 1vW / 10vW;
            border-radius: 1vW / 10vW;
        }

        .curved-vt-2:before {
            right:0;
        }

        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:2vW;
            right:2vW;
            -moz-border-radius:10vW / 1vW;
            border-radius:10vW / 1vW;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:2vW;
            right:2vW;
            -moz-border-radius:10vW / 1vW;
            border-radius:10vW / 1vW;
        }

	.cart h6 {
		width: 100%;
		font-family: 'Oswald-Bold', Arial, Sans-serif;
		color: #333333;
		font-size: 2.05vW;
		line-height: 2.05vW;
		font-weight: normal;
		margin: 0 0 1.5vW 0;
		padding: 0;
	}

	.cart p {
		width: 100%;
		font-family: 'Oswald', Arial, Sans-serif;
		color: #333333;
		font-size: 1vW;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}


	/* table CART */
	.cart_box {
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
		xborder: 1px solid #d4c39a;
		background-color: #fff;
		margin-top: 1.5vW;
		margin-bottom: 2vW;
		font-family:arial;
		}
	
		.cart_box .title TD {
			background-color: #9A9A9A;
			text-align: center;
			padding-top: 1.15vW;
			padding-bottom: 1.15vW;
			color: #fff;
			font-weight: bold;
			font-size: 1.2vW;
			text-shadow: 0.1vW 0.1vW 0 rgba(0,0,0,.42);
			}
	
			.cart_box .title .t1 {
				width: 2vW;
			}
	
			.cart_box .title .t2 {
				width: 7vW;
			}
	
			.cart_box .title .t3 {
				width: 30%;
			}
	
			.cart_box .title .t4 {
			}
	
			.cart_box .title .t5 {
			}
	
			.cart_box .title .t6 {
			}
	
			.cart_box .title .t7 {
				width: 6.3vW;
			}
	




		.cart_box .product , .cart_box .productTypeOffer , .cart_box .productTypePromotion {
			width: auto;
			border-bottom: 0.1vW solid #d4c39a;
			text-align: center;
			}
	
		.cart_box > .product > TD {
			text-align: center;
			vertical-align: middle;
			/*padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;*/
			padding: 1vW;
			height: 6.25vW;
			font-size: 1vW;
		}
	
			.cart_box .product .p1 img {
				width: 1.25vW;
				height: 1.25vW;
						}
	
			.cart_box .product .p2 {
						}			
	
			.cart_box .product .p2 img {
					text-align:center;
					max-width: 10vW;
					max-height: 7vW;
					min-width: 7vW;
					border: 0.15vW solid #fff;
					box-shadow: 0.1vW 0.1vW 0.15vW rgba(0,0,0,.2), -0.1vW -0.1vW 0.15vW rgba(0,0,0,.2);
					background-color: #ccc;
					}

			.cart_box .product .p3 {
						}
	
				.cart_box .product .p3 p , .cart_box .ProductTypeOffer .p3 p , .cart_box .ProductTypePromotion .p3 p {
					color: #8f8f8f;
					font-size: 1vW;
					font-family: 'Arial';
					text-align: left;
					padding-left: 2vW;
					padding-right: 2vW;
				}
	
				.cart_box .product .p3 p.product_name , .cart_box .ProductTypeOffer .p3 p.product_name , .cart_box .ProductTypePromotion .p3 p.product_name {
					color: #4c4c4c;
					font-weight:bold;
					font-size: 1.125vW;
				}

	
			.cart_box .p4 {
				color: #4c4c4c;
				font-size: 15px;
			}
	
			.cart_box .p5 {
				color: #4c4c4c;
				font-size: 15px;
			}
	
			.cart_box .p6 {
				color: #4c4c4c;
				font-size: 15px;
			}
	
			.cart_box .p7 {
				width: 9.1%;
				color: #4c4c4c;
				font-size: 1.125vW;
				text-align:right;
				padding-right:2.5vW;
			}

		.cart_box .ProductTypeOffer {
			background: #eee;  
			border-bottom: 0.1vW solid #ddd;
			}

		.cart_box .ProductTypeOffer > TD {
			text-align: center;
			vertical-align: middle;
			/*padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			padding-right: 10px;*/
			padding: 0.35vW 0.5vW;
			height:6vW;
			}
			.cart_box .ProductTypeOffer .p2 {
					text-align:left;
					}
			.cart_box .ProductTypeOffer .p2 img {
					width: 7vW;
					height: 4vW;
					}
				.cart_box .ProductTypeOffer .p3 p.product_name {
					text-align:right;
					color:#999;
					font-size: 1.125vW;
					font-style:italic;
					}


		.cart_box .ProductTypePromotion > TD {
			text-align: center;
			vertical-align: middle;
			/*padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			padding-right: 10px;*/
			padding: 0.35vW 0.5vW;
			height:6vW;
			font-weight: bold;
			}
			.cart_box .ProductTypePromotion .p2 {
					text-align:right;
					}
			.cart_box .ProductTypePromotion .p2 img {
					width: 11vW;
					}
			.cart_box .ProductTypePromotion .p3 p.product_name {
					}
	
		.cart_box .bottom {
			background-color: #E2E2E2;
			height:5.6vW;
			vertical-align: middle;
			font-weight: bold;
    		font-family: 'Oswald-Bold', Arial, Sans-serif;
		}
	
			.cart_box .bottom .coupon {
				text-align:left;
				margin-left: 42px;
			}
	
				.cart_box .bottom .coupon p {
					margin: 0;
					padding: 0;
					width: auto;
					color: #5a2418;
					text-transform: uppercase;
					font-size: 18px;
					font-weight: normal;
					font-family: 'Arial';
				}
	
				.cart_box .bottom .coupon .CouponBox {
					margin-left: 15px;
					margin-top: 23px;
				}
	
					.cart_box .bottom .coupon  .CouponBox input {
						width: 213px;
						height: 34px;
						padding: 0 5px;
						margin-left: 15px;
						border: 1px solid #c5b488;
					}
	
					.cart_box .bottom .coupon .CouponBox input[type="submit"] {
						width: 83px;
						height: 36px;
						margin-left: 10px;
						border: 1px solid #bdbdbd;
						background-color: #892f16;
						font-size: 18px;
						color: #fff;
					}
	
			.cart_box .bottom .total_price {
				text-align:right;
				padding-right: 0.7vW;
				color: #5a2418;
				font-size: 1.5vW;
				}
	
				.cart_box .bottom .total_price span {
					margin-left: 2vW;
					}
	


		.cart .buttons {
			width: 100%;
			float: left;
			margin-bottom: 2vW;
		}
	
		.cart .buttons .paypal A {
			width: 220px;
			height: 54px;
			float: right;
			border: none;
			background-image: url("shopping_cart_paypal.png");
			background-repeat: no-repeat;
			background-color: #f1eddc;
			Vertical-align: middle;
		}
	
		.cart .buttons .checkout A {
			width: 255px;
			height: 54px;
			float: right;
			border: none;
			background-image: url("shopping_cart_button2.png");
			background-repeat: no-repeat;
			background-color: #f1eddc;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			font-family: 'Arial';
			text-align: left;
			Vertical-align: middle;
			padding-top:13px;
			text-indent: 13px;
			text-shadow: 1px 1px 1px rgba(0,0,0,.6);
		}
	
		.cart .buttons .shop A {
			width: 255px;
			height: 54px;
			float: right;
			margin-right: 13px;
			border: none;
			background-image: url("shopping_cart_button1.png");
			background-repeat: no-repeat;
			background-color: #f1eddc;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			font-family: 'Arial';
			text-align: center;
			Vertical-align: middle;
			text-shadow: 1px 1px 1px rgba(0,0,0,.6);
		}




	
				.cart_box .product .p3 p {
					font-size: 0.95vW;
				}
	
				.cart_box .product .p3 p.product_name {
					font-size: 1.25vW;
				}
	
			.cart_box .product .p4 {
				font-size: 1vW;
			}
	
			.cart_box .product .p5 {
				font-size: 1vW;
			}
	
			.cart_box .product .p6 {
				font-size: 0.95vW;
			}
	
			.cart_box .product .p7 {
				font-size: 1.1vW;
			}
	
	

/* Buy btn only for first button*/
.Buy-btn-cart {
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  font-size: 1.2vW;
  padding: 1vW 2vW;
  background-color: #ffb60c;
  border-radius: 0.2vW;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	}

.Buy-btn-cart a{
	
font-family: 'Oswald-Bold', Arial, Sans-serif;
		
}

.Buy-btn-cart:hover{
  text-decoration: none;
  color: #fff;
  background-color: #f66600;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.Buy-btn-cart:before{
	width: 25px;
	height: 24px;
	background: url(BuyPage-IconCaddy.png) no-repeat scroll 0% 0% / cover transparent;
	position: relative;
	content: "";
	display: inline-block;
	top: 6px;
	left: -7px;
}

.BuyPage-by-btn>img{
	width: 34px;
	top: 5px;
	position: relative;
}
/* OK Button on buy page*/
.BuyPageOk-btn{
	width: 55px;
	height: 27px;
	text-align: center;
	line-height: 16px;
	color: #FFF !important;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none !important;
	font-family: Arial,Helvetica,sans-serif;
	text-shadow: 1px 1px 3px #333;
	position: relative;
	background: url('BuyPage-by-btn-brown.png') no-repeat scroll center top / cover transparent;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8), 0px 0px 2px #FFF inset;
	border-radius: 4px;
	border: none;
}
/*End of first button style*/

.Buy-btn-cart{
float:right;
width: 18vW;
height: 3vW;
font-size: 1.4vW;
padding-top: 0.3vW;
line-height: 2.5vW;
overflow:hidden;
margin-right: 3vW;
}

.Buy-btn-cart a:hover{
text-decoration: none;
}

.Buy-btn-cart:first-child{
margin-right: 1.5vW;
}

.Buy-btn-cart:last-child{
float:left;
margin-left: 1.5vW;
}

.Buy-btn-cart:before{
width: 0px!important;
height: 0px!important;
}

/* Infinite Scroll */
 #infscr-loading { 
    text-align: center;
    z-index: 9999;
    position: fixed;
    left: 40%;
    bottom: 15vW;
    width: 20vW;
    padding: 1.5vW;
    background: #eaeaea;
    opacity: 0.9;
    color: #000;
    font-size: 1.25vW;
    font-family: Helvetica, Arial, Sans-serif;
    box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
    -webkit-box-shadow: -0.1vW 0vW 0.5vW 0vW rgba(0,0,0,0.5);
}

/***********************     BuyCart END     ************************/


/***********************     New Header Table Design     ************************/



 
.ArtsDot-Header-Background table {
	
height: 100%;
width: 100%;
text-align: left;
font-size: 1.4vW;
	
}

.ArtsDot-Header-Background table td{
	
vertical-align: middle;
text-align: left;
	
}

.ArtsDot-title-text h1{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 99%;
}

.ArtsDot-Header-Favorite_Cart{
	
position: relative;
		
}

.ArtsDot-Header-Favorite_Cart img{
	
	max-height: 77%;
    max-width: 77%;
    width: 1.4vW;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	
}

.ArtsDot-Header-Favorite_Cart span{
	
margin-left: 2vW;
		
}


/***********************     New Header Table Design END     ************************/


/***********************     Thank You Page     ************************/


.ThankYouTitle {
    float: none;
    padding: 1vW 0;
    font-size: 3vW;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Oswald-Bold', Arial, Sans-serif;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
}

.ThankYouText {
    text-align: center;
    font-size: 100%;
    font-size: 1.2vW;
    font-family: Helvetica, Arial, Sans-serif;
    font-weight: 700;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
}



/***********************     Thank You Page END     ************************/


/***********************     Museum TD     ************************/

.LiensVues1{

    margin-bottom: 1vW;
    font-size: 1.4vW;
    font-family: 'Oswald-DemiBold', Arial, Sans-serif;
    text-transform: uppercase;
    color: #ff4403;

}

.LiensVues2{
	
    color: #000;
    font-size: 1vW;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: -webkit-baseline-middle;
		
}

.LiensVues3{
	
    font-size: 1.2vW;
    font-family: 'Helvetica', Arial, Sans-serif;
		
}

.LiensVues1:hover, .LiensVues2:hover, .LiensVues3:hover {

color: #f66600;

}


/***********************     Museum TD END     ************************/


.ArtsDot-Artwork-Similar_Artworks-Block{
	
width: 100%!important;
margin: 0!important;

}




/*********************  ARTICLES PAGE CSS    *********************/

hr {
  border: 0.1vW solid #b2b2b2;
}

.ArtsDot-Articles-Content-Block {

}
  /******************* Main Content Block *******************/
.ArtsDot-Articles-Content-Article {
  float: left;
  width: 75%;
  padding: 0 2.5vW;
  text-align: left;
  font-size: 1vW;
}

.ArtsDot-Articles-Content-Article-FullWidth{
  float: left;
  width: 100%;
  padding: 0 2.5vW;
  text-align: left;
  font-size: 1vW;
  text-align: justify;
}

.diffWidget
{
	margin-left:2vw;
	margin-bottom:0.5vw;
	border:1px solid rgba(0,0,0,0.3);
	padding:10px;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.diffWidget .wrapper
{
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

.diffWidget .first
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
	top:0;
	left:0;
	border-right:1px solid rgba(0,0,0,0.3);
}

.diffWidget .second
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	top:0;
	left:0;
}

/************************ Showcase Text block ***************************/

.Showcase-Content {
    width: 55%;
    display: inline-block;
    position: relative;
    left: 23.5%;
    text-align: justify;
    padding-bottom: 4vW;
    font-size: 0;
}

.Showcase-Content-Title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4vW;
    color: #c6230d;
    padding-bottom: 3vW;
}

.Showcase-Content-Italic {
    font-family: Arial, Helvetica, sans-serif;
    padding: 2vW;
    margin-bottom: 3vW;
    font-size: 1vW;
    font-style: italic;
    background-color: #cccccc;
}

.Showcase-Content-Text {
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 1vW;
    font-size: 1vW;
}

.Showcase-Content-Text p {
	margin:0;
}

.Showcase-diffwidget-width-item span {
    position: relative;
    z-index: 1000;
    font-size: 2vW;
    font-weight: bold;
    top: 16vW;
    left: 3.5vW;
    text-shadow: 0.1vW 0.1vW 0.1vW rgba(255,255,255,1);
}

.Showcase-diffwidget-width table{
	
margin-bottom: 2vW;
margin-left: 2vW;
	
}

.Showcase-diffwidget-width table td{
	
font-size: 0.7vW;
text-align: center;
font-family: sans-serif;
	
}

/************************ Showcase Text block END ***************************/

/*.ArtsDot-Articles-Content-Article img {
	
max-width: 50%;
min-width: 50%;
height: inherit;
	
}*/

.ArtsDot-Articles-Content-Article p span strong {
    font-size: 1vW;
}

.ArtsDot-Articles-Content-Article div span strong {
    font-size: 1vW;
}

.ArtsDot-Articles-Content-Article * strong span {
    font-size: 1vW;
}

.ArtsDot-Articles-Content-Article * strong {
    font-size: 1vW;
}

.ArtsDot-Articles-Content-Article > h1 {
  text-align: left;
}

.ArtsDot-Articles-Content-Article-Text {
  font-size: 1vW!important;
  padding-bottom: 2vW!important;
}

.ArtsDot-Articles-Content-Article-Banner {
  display: block;
  width: 80%;
  margin: 1vW auto;
  text-align: center;
}

.ArtsDot-Articles-Content-Article-Artist {
  overflow: auto;
  margin: 2vW 0;
}

.ArtsDot-Articles-Content-Article-Artwork {
  float: left;
  width: 26vW;
}

.ArtsDot-Articles-Content-Article-Artist h3 {
  margin-bottom: 2vW;
  font-size: 1.2vW;
  font-family: 'Oswald-DemiBold', Arial, Sans-serif;
  text-transform: uppercase;
}
  /******************* Main Content Block END*******************/
  
  /******************* Recently added Articles Block *******************/
.ArtsDot-Articles-Content-Aside-Articles-Block {
  float: left;
  width: 25%;
  padding: 2.5vW;
  background-color: #ececec;
}

.ArtsDot-Articles-Content-Aside-Articles-Block .ArtsDot-Articles-Content-Aside-Articles-Article{
	
	max-width: 100%;
	padding-bottom: 2vW;
	height: auto;
	
}

.ArtsDot-Articles-Content-Aside-Articles-Block h2 {
  font-size: 2vW;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  text-align: left;
  margin-bottom: 3.5vW;
}

.ArtsDot-Articles-Content-Aside-Articles-Article {
    display: inline-block;
    margin-bottom: 2.7vW;
    float: left;
    max-width: 25%;
    margin: auto;
    padding-right: 2vW;
    height: 25vW;
    text-align:left;
    overflow: hidden;
}

.ArtsDot-Articles-Content-Aside-Articles-Article h3 {
  margin-bottom: 1vW;
  font-size: 1.4vW;
  font-family: 'Oswald-DemiBold', Arial, Sans-serif;
  text-transform: uppercase;
  color: #ff4403;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ArtsDot-Articles-Content-Aside-Articles-Text-Shadow {
	
    //-webkit-box-shadow: inset 0 -14vW 14vW -11vW #fff;
    //box-shadow: inset 0 -14vW 14vW -11vW #fff;
	
}

.ArtsDot-Articles-Content-Aside-Articles-Article p {
  font-size: 1vW;
  margin-bottom: 1.4vW;
  text-align: left;  

}

.ArtsDot-Articles-Content-Aside-Articles-Article img {
  width: 11vW;
  height: 10vW;
  -webkit-box-shadow: 0vW 0.2vW 0.4vW 0.05vW rgba(0,0,0,0.4);
  box-shadow: 0vW 0.2vW 0.4vW 0.05vW rgba(0,0,0,0.4);
  display: block;
  margin: auto;
  margin-top: 2vW;
  margin-bottom: 2vW;
}

.ArtsDot-Content-Block-Gray-Bottom-Button {
  margin: 3vW 0 1.5vW!important;
}

.ArtsDot-Content-Block-Gray-Bottom-Button a {
  -webkit-box-shadow: 0 0.1vW 0.8vW rgba(0,0,0,0.5);
  box-shadow: 0 0.1vW 0.8vW rgba(0,0,0,0.5);
}
  /******************* Recently added Articles Block END *******************/
  
  /******************* Articles navigation Block *******************/
.ArtsDot-Articles-Content-Previous {
  float: left;
  padding: 3.5vW 0;
}
  
.ArtsDot-Articles-Content-Next {
  float: right;
  padding: 3.5vW 0;
}

.ArtsDot-Articles-Content-Previous a,
.ArtsDot-Articles-Content-Next a {
  font-size: 1.4vW;
  font-family: 'Oswald-DemiBold', Arial, Sans-serif;
  text-transform: uppercase;
  color: #ff4403;
}

.ArtsDot-Articles-Content-Aside-Articles-Block .ArtsDot-Articles-Content-Aside-Articles-Article p{
	
position: inherit!important;
max-height: 6.5vW!important;
	
}

.ArtsDot-Articles-Content-Aside-Articles-Block .ArtsDot-Articles-Content-Aside-Articles-Article img{
	
margin: 2vW 0vW 2vW 0.5vW!important;
		
}

  /******************* Articles navigation Block END *******************/
  
  /******************* Recently added Articles Block END *******************/
  
  
  /**** Line Form PF Form and BuyForms Biography text-aling and etc ****/
  
  div#ArtistBiography {
  
    float: left;
    text-align: justify;
  
  }
  
  div#ArtistBiography img {
  
    Border-Radius: 0.3vW;
    box-shadow: 0.11vW 0.11vW 0.3vW #888;
    float: left;
    margin: 0 1vW 1vW 0!important;

  }
  
  .loader-small-B {
  display: inline-block;
  position:relative;
  margin: 0 auto;
  border: 1vW solid #f3f3f3;
  border-radius: 50%;
  border-top: 0.5vW solid #ee2a24;
  border-right: 0.5vW solid #fbab2c;
  border-bottom: 0.5vW solid #781214;
  border-left: 0.5vW solid #a71a1e;
  width: 3vW;
  height: 3vW;
  -webkit-animation: spin-B 2s linear infinite;
  animation: spin-B 2s linear infinite;
  margin-bottom: 1.25vW;
}

@-webkit-keyframes spin-B {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin-B {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  
  
.loader-fixed {

  display: none;
  position:fixed;
  margin: 0 auto;
  margin-bottom: 8vW;
  border: 1vW solid #f3f3f3;
  border-radius: 50%;
  border-top: 1vW solid #ee2a24;
  border-right: 1vW solid #fbab2c;
  border-bottom: 1vW solid #781214;
  border-left: 1vW solid #a71a1e;
  width: 5.5vW;
  height: 5.5vW;
  left: 50%;
  top: 50%;
  margin-top: -3.75vW;
  margin-left: -3.75vW;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 999;
  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} 
  
  /**** Line Form PF Form and BuyForms Biography text-aling and etc END ****/
  
    /************************ Promotion Form Image and Text on Image CSS ************************/

.promoBanner-BannerPage .promoBanner-everyday p.promo-text { font-size: 2.75VW; }
.promoBanner-BannerPage .offerBox-holder p{font-size: 3VW;}
.promoBanner-BannerPage .promoBanner-everyday{
	position: relative;
	width:100%;
	zzzmin-width: 900px;
	z-index: -1;
}
.promoBanner-BannerPage .promoBanner-everyday img.light{
	position: absolute;
	left:0px;
	top:0px;
}
.promoBanner-BannerPage .promoBanner-everyday img.artystic{
	right:0px;
	top:0px;
	width:100%;
}
.promoBanner-BannerPage .promoBanner-everyday img.promoBanner-shadow{
	margin-top:-4px;
	right:0px;
	top:0px;
	width:100%;
}
.promoBanner-BannerPage .information-holder{
			    	width:40%;
		 		  position:absolute;
		 		  left:15px;
		 		  top:10%;
		 		  height:80%;
		 		  text-align:right;
				opacity:1;
}

.promoBanner-BannerPage .promoBanner-everyday  p{
		 		  font-family: tahoma;
		 		  font-weight: bold;
		 		  color:#363232;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.86);
}

.promoBanner-BannerPage .promoBanner-everyday p.promo-text{
    text-align:right;
    position:relative;
    z-index:2;
    height:50%;
      line-height:125%;
      width:90%;
      display:inline-block;

}
.promoBanner-BannerPage .offerBox-holder{
    margin:0 auto;
    padding:1vW 0.7vW;
    text-align:center;
	font-family:"myriad pro";
	width:98%;
	background:rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
     box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
	//margin-top:10% !important;
}
.promoBanner-BannerPage .offerBox-holder p.under-layer{display:none;}
.promoBanner-BannerPage .offerBox-holder p.main-layer{
	padding:0;
	margin:0px;
	position:relative;
	text-transform:uppercase; 
	color: #EEE;
	text-shadow:0px 0px 0 rgb(225,225,225),0px 1px 0 rgb(205,205,205),0px 2px 0 rgb(185,185,185),0px 3px 0 rgb(165,165,165),
	0px 4px  0 rgb(145,145,145),0px 5px 4px rgba(0,0,0,0.1),0px 5px 1px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2);
}
.promoBanner-BannerPage .promoTerms{text-align:justify; font-size: 0.9vW; margin-bottom: 2vW;}
.promoBanner-BannerPage .promoTerms-holder h2 { font-family:arial;font-weight:bold;font-size:12px;text-align:left;}
.promoBanner-BannerPage .promoTerms-holder p { font-family:arial;font-size:12px;text-align:justify;}

/************************ Promotion Form Image and Text on Image CSS END ************************/

/************************ Artwork Form Zooming CSS ************************/

.ArtworkImageZoomIn {
	cursor: -webkit-zoom-in;
}

.ArtworkImageZoomOut {
	cursor: -webkit-zoom-out!important;
}

/************************ Artwork Form Zooming CSS END ************************/