a {
text-decoration: none !important;
color: black;
}

.hidden {
display: none;
}

.frontfloat {
  left: 0px;
  top: 0px    z-index: 20;
    background-color: rgba(255,255,255,0.8);
    min-width: 200px;
    padding: 32px;
    max-width: 500px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;;
}

.caps {
text-transform: uppercase;
}

.item-list .pager {
margin-bottom: 30px;
}

.martop {
  margin-top: 20px;
}

.notice {
    padding: 10px;
    color: black;
    background: white;
    width: 300px;
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 0.8);
}

.socialbuttons img {
  height: 32px;
  width: 32px;
  padding-top: 10px;
}

.gridimage {
  margin-right: 20px;
}

.logo {
  position: relative;
  z-index: 10;
}

.pager {
background: transparent !important; 
border: 0px solid !important;; 
}

.artistinfo {
font-weight: bold !important;
font-size: 16px;
font-family: "brandon-grotesque" !important;;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}

.pager li a {
background: none !important;
}

.pager li {
border: none !Important;
}

.branding #ui-id-1 {
  border: 0px solid black !Important;
background: transparent url(https://benrubigallery.com/sites/default/files/full-view.png) 50% 50% no-repeat !important;
  color: transparent !important;
  z-index: 40;
  cursor: pointer;
}

.branding #ui-id-1:hover {
  background: transparent url(https://benrubigallery.com/sites/default/files/full-view.png) 50% 50% no-repeat !important;
opacity: 0.7;
}

#zone-user-wrapper
html, body, div {
font-family: "franklin-gothic-urw" !important;
}

#zone-user-wrapper {
border-bottom: 1px solid black;
}

 #zone-footer-wrapper {
  border-top: 1px solid black;
  margin-top: 20px;
}

#zone-branding-wrapper {
  border-bottom: 1px solid black;
  margin-bottom: 20px;
width: 100% !Important;
}

html {
 
}

body, html {
 background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */

}

.views-slideshow-controls-bottom {
width: 90px;
}

.vscc_controls img {
  z-index: 50;
position: relative;
z-index: 100;
}

.vscc_controls {
width: 94%;
z-index: 100;
position: relative;
}


.views-slideshow-controls-top {
    position: relative;
    display: block;
    z-index: 100;
    width: 100%;
}

.vscc_controls_previous {
  position: absolute;
  top: 220px;
  left: -0px;
}

.vscc_controls_next {
  top: 220px;
right: -50px;
position: absolute;
}

#views_slideshow_cycle_teaser_section_gallery-block_3 img, #views_slideshow_cycle_teaser_section_gallery-block_4 img, #views_slideshow_cycle_teaser_section_gallery-block_7 img, #views_slideshow_cycle_teaser_section_gallery-block_8 img, #views_slideshow_cycle_teaser_section_gallery-block_11 img, #views_slideshow_cycle_teaser_section_gallery-block_17 img, #views_slideshow_cycle_teaser_section_gallery-attachment_2 img  {
z-index: 20;
position: relative;
}

.navigation {
  display: none;
}

td, th {
padding: 0px !important;
}

table {
border: 0px solid black !important;
} 

a:hover {
opacity: 0.7;
}

.firstfooter a {
color: black !important;
text-decoration: none !important;
}



.userreigionfirst {
 padding-top: 30px;
padding-left: 30px;
  float: left;
  z-index: 50;
}

.userreigionsecond {
 padding-top: 30px;
padding-right: 30px;
  float: right;
  z-index: 50;
}

.branding {
margin: 0px;
padding-top: 30px;
padding-bottom: 10px;
}

.topimage {
text-align: center;
}

.firstfooter {
padding-top: 20px;
margin-top: 20px;
padding-bottom: 20px;
}

.footer { 
font-size: 15px;
font-weight: normal !important;
font-family: "brandon-grotesque";
}

.contentregion {
margin-left: 40px;
margin-right: 40px;
padding-top: 30px;
padding-bottom: 30px;
}

.region-content-inner  a {
color: black !important;
}

.contentregionver2 {
position: relative;
z-index: 40;
}

h1 {
  font-size: 15px;
  font-weight: normal !important;
font-family: "brandon-grotesque";
}

p {
font-family: "franklin-gothic-urw";
}





.supermenu {
    margin-top: 37px;
    margin-left: -70px;
    width: 430px;
}

#menu-577-1, #menu-578-1   {
  min-width: 127px !important;
}

.supermenu, .supermenu a {
  font-family: "brandon-grotesque";
text-transform: uppercase;
color: black !important;
text-decoration: none !Important;
}

td
{
vertical-align:top;
}

tr:hover td {
background: none !important;
}

.extitle {
font-size: 26px;
font-weight: bold;
font-family: "brandon-grotesque";
text-transform: uppercase;
  margin-bottom: -5px !important;
}

.exfull .exbody, .exfullvert .exbody {
font-size: 16px;
font-family: "brandon-grotesque";
}

.exfullvert {
   display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 4px;
   width: 360px;
}

.exbody {
  margin-bottom: 0px !important;
font-size: 16px;
font-family: "brandon-grotesque";
font-style: italic;
font-weight: normal;
}

.past {

}

.express a {
text-decoration: none;
}

h2.block-title {

font-weight: normal;
font-size: 16px;
font-family: "brandon-grotesque";
text-transform: uppercase;
letter-spacing: 1px;
}



.centermaker {
border: 1px solid green;
}

#zone-user-wrapper {
  height: 98px;
z-index: 30px;
}

.supermenu a {
  font-size: 13px;
  position: relative;

}

.sf-menu ul li
{
  display: inline-block;
  width: auto !important;
  min-width: 140px;
 background: #e7e7e7;
 padding: 15px;

 position: relative;
 left: -7px;
 border: 1px solid shite;
padding-top: 8px;
padding-bottom: 8px;
z-index: 10;
}

.sf-depth-1 { 
  padding-right: 10px;
  top: 6px;
}

.sf-menu ul li a
{
 font-size: 12px;
}

.sf-menu ul li:last-child {
padding-top: 8px;
padding-bottom: 8px;
}

.sf-menu ul li:hover
{
 background: #f9f9f9;
 opacity: 1.0;
}

.exfullsm img, .exfullsmfirst img, .exfullsmlast img {
  border: 1px solid #d2d2d2;
}

.topbox {

}

/* LIGHTBOX */
#imageData #imageDetails {
  float: none;
  width: 100%;
  font-size: 13px;
}
 
#imageData #altTitle {
  display: block;
padding-top: 5px;
}
 
#imageData #caption {
  font-weight: normal;
  font-size: 13px;
}

.branding ul.quicktabs-tabs {
  display: none;
}

.branding .node-links ul li a,
.comment-links ul li a {
  display: none;
}

.slideandlink img {
  width: 100%;
  position: relative;

height: auto !important;
}

.slideandlink img:hover {
  opacity: 0.7;
}

.branding .ui-tabs .ui-tabs-panel {
padding: 0px !important;
}

.branding .ui-widget-content {
border: 0px solid black !Important;
background: none !Important;
}

.branding .ui-widget-header {
border: 0px solid black !Important;
background: none !Important;
}




.branding .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0px solid black !Important;
}

.branding #ui-id-2 {
  border: 0px solid black !Important;
background: transparent url(https://benrubigallery.com/sites/default/files/gridview.png) 50% 50% no-repeat !important;
  color: transparent !important;
  position: relative;
  left: -30px;
}

.branding #ui-id-2:hover {
background: transparent url(https://benrubigallery.com/sites/default/files/gridview.png) 50% 50% no-repeat !important;
opacity: 0.7;
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

border: 0px solid black !Important;
background: none !Important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 0px solid black !Important;
background: none !Important;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
border: 0px solid black !Important;
background: none !Important;
}

label {
  font-weight: normal;
}


.exremovelink {
  position: absolute;
width: 320px;
height: 312px;
  z-index: 50 !important;
  display: block;
}

.alllink:hover {
opacity: 0.7;  
}

.alllink a:hover {
opacity: 1.0 !important;  
}

.artistgalimg, .oldexitem {
  margin-bottom: 45px;
}

 .field-name-field-other-galleries   {
  display: none;
}



@media only screen and (min-width:140px) and (max-width:740px)  { 

body {
    overflow-x: hidden !important;
}

}