/*   
Theme Name: Art House 2017
Theme URI: http://theworks.org.uk
Description: Custom theme for The Art House - Hove
Author: James O'Brien
Version: 3
*/

/*
COLOURS
#B80000 RED
*/

@font-face {
  font-family: 'Torino';
  src: url('webfonts/torino.eot');
  src: url('webfonts/torino.eot?iefix') format('embedded-opentype'),
    url('webfonts/torino.woff') format('woff'),
    url('webfonts/torino.ttf') format('truetype'),
    url('webfonts/torino.svg#webfonteTl29Dg8') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'Maximo';
  src: url('webfonts/maximo.eot');
  src: url('webfonts/maximo.eot?iefix') format('embedded-opentype'),
    url('webfonts/maximo.woff') format('woff'),
    url('webfonts/maximo.ttf') format('truetype'),
    url('webfonts/maximo.svg#webfont8m9YDhCA') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
    font-family: 'MaximoBold';
    src: url('webfonts/maximoBold.eot');
    src: url('webfonts/maximoBold.eot?#iefix') format('embedded-opentype'),
         url('webfonts/maximoBold.woff') format('woff'),
         url('webfonts/maximoBold.ttf') format('truetype'),
         url('webfonts/maximoBold.svg#MaximoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


@media screen {

  * { margin: 0; padding: 0; }

  a {
    color:#B80000;
    text-decoration:none;
  }
  #footer-site-info a {
    color: #feca4f;
  }
  .news-item h3 a {
    color:#000;
  }
  body {
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    background-color:#fff;
    color:#000;
    font-size: 15px;
    /* SAFARI */
    -webkit-font-smoothing: subpixel-antialiased;
  }
  .outer {
    width:100%;
    padding-top:10px;
  }
  .outer.main {
    background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,1));
    margin-top:450px;
  }
  .parent-pageid-38 .outer.main {
    margin-top:0;
  }
  .outer.light {
    background: rgba(255,255,255,0.7);
  }
  .outer.dark {
    background: rgba(60,60,60,0.9);
  }
  .outer.black {
    background: rgba(0,0,0,0.7);
  }
  #menuBack, #headerBack, .container {
    margin:0 auto 0 auto;
    position:relative;
  }
  .container {
    width:960px;
  }
  .padding-main {
    padding:20px;
  }
  .page-template-pagefullWidth-php .content, .page-template-pagegallery-php .content {
    margin-top:30px;
    min-height:620px;
  }
  #footer {
    background-color:#222;
    padding-top:10px;
    /*background: rgba(0,0,0,0.8);*/
    color:#eee;
    /*z-index:100;*/
    font-family: 'Maximo';
    font-size:14px;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  /* MENU */
  .menu {
    color:#ece9e1;
    font-family: 'Maximo';
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px;
  }
  .menu a {
    color:#ece9e1;
  }
  .menu a:hover {
    color:#feca4f;
  }
  .menu ul {
    list-style:none;
  }
  .menu li {
    position: relative;
    display:inline-block;
    margin-right:19px;
    margin-bottom:0;
    padding-right:19px;
    padding-bottom: 10px;
    /*line-height:20px;*/
    /*vertical-align: top;*/
    background-image:url(images/li_menu.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
  }
  .menu li.menu-item-44 {
    background:none;
    margin-right:0;
    padding-right:0;
  }
  .menu li.current-menu-item a, body.single .menu #menu-item-400 a, .menu li.current-page-ancestor > a, .menu li.current-page-ancestor a > a {
    color:#feca4f;
  }
  .slicknav_menu {
    display:none;
  }
  /* MAIN MENU SUB-MENU */
  #top-menu .sub-menu {
    display:none;
    position: absolute;
    left:-19px;
    top:27px;
    padding:5px 19px;
    background: rgba(0,0,0,0.7);
    /*border-top:1px solid #333;*/
    min-width:230px;
    z-index:1;
  }
  #top-menu .menu-item-44 .sub-menu {
    left:-180px;
    text-align: right;
  }
  #top-menu .menu-item-44 .sub-menu li {
    margin-right:0;
    padding-right:0;
  }
  #top-menu .sub-menu li {
    display:block;
    background:none;
  }
  #top-menu li.menu-item-has-children:hover .sub-menu {
    display:block;
  }

  @media screen and (max-width: 768px) {
    #menu {
      display:none;
    }
    .slicknav_menu {
      display:block;
    }
  }


  #strap {
    position:absolute;
    top:170px;
  }
  .col ul {
    list-style:none;
  }
  .main-content ul {
    list-style-type:disc;
    margin-left:20px;
    margin-top:10px;
  }
  .hr {
    border-bottom:1px solid #e6dec8;
  }
  ul.blogroll, .hr {
    margin-bottom: 10px;
  }
  .hr.fat {
    margin-top:25px;
    margin-bottom: 20px;
  }
  ul.blogroll li {
    margin-top:5px;
    margin-bottom:7px;	
  }
  .columnLast ul.blogroll {
    border-bottom:1px solid #e6dec8;
    margin-top:4px;
    padding-bottom:5px;
    margin-bottom: 8px;
  }
  .columnLast ul.blogroll li {
    margin-bottom:10px;	
  }
  .panel {
    /*border:1px solid #d9c3a8;*/
    /*background: rgba(255,255,255,0.85);*/
    background: #fff;
    margin-bottom:10px;
    padding: 18px;
    box-sizing: border-box;
  }
  .panel.noBox {
    /*border:1px solid #b29a7c;*/
    border:none;
    background:none;
    padding: 0;
  }
  .panel.inverse-panel {
    background:#eee;
    padding: 0;
    margin-bottom:0;
  }
  .panel.panelLast {
    margin-bottom: -2000px; /*columns full drop */
    padding-bottom: 2000px; /*columns full drop */
  }
  .panel .post {
    border-bottom:1px solid #e6dec8;
    padding-bottom:10px;
    margin-bottom:20px;
  }
  .panel .post.lastPost {
    border-bottom:none;

  }
  .panel .posts.withImage {/* only if the image is NOT embedded in the header of the post, ie special offers which has short body copy */
    width:281px;
    float:left;
    margin-right:10px;	
  }
  .panel .postImage {/* only if the image is NOT embedded in the header of the post, ie special offers which has short body copy */
    /*margin-top:-35px;*/
    float:left;	
  }
  .panel .post img {
    margin-left:10px;
    margin-bottom:20px;
  }
  .panel .post img.first {/* image is embedded in the header of the post which allows the following posts to flow 100% width */
    /*margin-top:-35px;*/	
  }
  .panel .post img.first {/* last column: image is embedded in the header of the post which allows the following posts to flow 100% width */
    margin-top:0;
  }
  .column img {
    border:1px solid #d9c3a8;
  }
  .column .panel .contentImages {/* look for the style object contentText to see how these two interact, it is not in the stylesheet, it's dormant and sits in getImages */
    width:180px;
    float:right;
    margin-left:10px;
  }
  .column .panel .contentText.has-image-col {
    float:left;
    width:270px;
  } 
  .column .panel.inverse-panel .contentText {
    padding:18px;
  } 
  .column.wide2 .panel .contentText.has-image-col {
    float:left;
    width:470px;
  }
  .column .panel .contentImages.thumb {
    width:85px;
  }
  .column .panel .contentText .contentImage {/* news page: we want the image to be within the flow of the copy so it sits inside the contentText div */
    width:180px;
    float:right;
    margin-left:10px;
    margin-top:10px;
  }
  .column .panel .contentImages img {
    /*margin-bottom:7px;*/
  }
  .gallery {
    margin-top:10px;	
  }
  .galleryBox {
    float:left;
    width:119px;
    height:140px;
    margin:0 16px 16px 0;
  }
  .galleryBox.columnLast {
    margin-right:0;
  }
  .imgBox {
    width:119px;
    height:119px;
    background-position:center center;
    background-repeat:no-repeat;	
    margin-bottom:4px;
  }
  img.imgBoxOverlay {
    width:118px;
    height:118px;
  }
  .clear {
    clear:both;
  }
  .textReplace {
    font-family:Georgia, "Times New Roman", Times, serif;
  }
  .screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
  .clear { clear: both; }
  .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

  h1, .wide .illuminated {
    font-family: 'Torino';
    font-size:73px;
    font-weight:normal;
    font-style: normal;
    color:#B80000;
    margin-bottom:3px;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
  }
  h2 {
    font-family: 'Maximo';
    text-transform: uppercase;
    font-weight:normal;
    font-style: normal;
    color:#B80000;	
    font-size:25px;	
    line-height:26px;
    margin-bottom:7px;
    letter-spacing: 2px;
  }
  .container > h2, #strap h2 {
    font-size:30px;
    color: black;
    line-height:37px;
    margin-bottom:0px;
  }
  .dark .container > h2 {
    color: #fff;
  }
  h2.content-header {
    font-size:30px;	
    margin-bottom:20px;
  }
  .content h2.small, .content h2 .small {
    font-size:20px;	
  }
  h3 {
    font-family: 'Maximo';
    font-size:22px;
    font-weight:normal;
    font-style: normal;
    /*margin-top:-5px;*/
    margin-bottom:5px;	
    line-height:1.2em;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  #strap h3 {
    line-height:1em;
  }
  .main-content h3 {
    font-family: inherit;
    text-transform: none;
    letter-spacing:normal;
    font-size: 18px;
    color: #333;
    margin-bottom: 7px;
    line-height: 1.2em;
  }

  h4, h5 {
    margin-top:10px;
    font-size:13px;	
    margin-bottom:3px;	
  }
  h4 {
    color:#556B2F;
  }
  h5 a {
    color:#000;	
  }
  .lightBackground {
    background: rgba(255,255,255,0.8);
    padding: 0 10px 0 10px;
  }
  p {
    margin-bottom:15px;
    line-height:1.4em;
  }
  p.small, p .small {
    font-size: 0.9em;	
  }
  .no-drop {
    margin-bottom:2px;
  }
  p.caption, p.wp-caption-text /*wp embed image in CMS content window */ {
    font-size:12px;
    text-align:center;
    margin-bottom:12px;
  }
  p.quote {
    font-style: italic;
  }
  p.quoteLarge {
    font-size:16px;
    font-style: italic;
  }
  .large {
    font-size:1.2em;
  }
  .larger {
    font-size:1.5em !important;
  }
  .highlight {
    color:#078c8c;
  }
  .white {
    color: #fff !important;
  }
  iframe {
    border:1px solid #d9c3a8;
  }
  .width-50pc {
    width: 50%;
  }
  .width-240px {
    width: 240px;
  }

  blockquote { }
  blockquote p { }

  .post { }

  .entry { }
  .entry a { }
  .entry a:hover { }

  pre { }
  code, tt { }

  #meta { }
  .postmetadata { }

  #sidebar { }

  .navgation { }
  .next-posts { }
  .prev-posts { }

  #searchform { }
  #s { }
  #searchsubmt { }

  ol.commentlist { list-style: none; }
  ol.commentlist li { }
  ol.commentlist li.alt { }
  ol.commentlist li.bypostauthor { }
  ol.commentlist li.byuser { }
  ol.commentlist li.comment-author-admin { }
  ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
  ol.commentlist li.comment div.comment-author { }
  ol.commentlist li.comment div.vcard { }
  ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
  ol.commentlist li.comment div.vcard cite.fn a.url { }
  ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
  ol.commentlist li.comment div.vcard img.avatar-32 { }
  ol.commentlist li.comment div.vcard img.photo { }
  ol.commentlist li.comment div.vcard span.says { }
  ol.commentlist li.comment div.commentmetadata { }
  ol.commentlist li.comment div.comment-meta { font-size: 10px; }
  ol.commentlist li.comment div.comment-meta a { color: #ccc; }
  ol.commentlist li.comment p { }
  ol.commentlist li.comment ul { }
  ol.commentlist li.comment div.reply { font-size: 11px; }
  ol.commentlist li.comment div.reply a { font-weight: bold; }
  ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
  ol.commentlist li.comment ul.children li { }
  ol.commentlist li.comment ul.children li.alt { }
  ol.commentlist li.comment ul.children li.bypostauthor { }
  ol.commentlist li.comment ul.children li.byuser { }
  ol.commentlist li.comment ul.children li.comment { }
  ol.commentlist li.comment ul.children li.comment-author-admin { }
  ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
  ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
  ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
  ol.commentlist li.comment ul.children li.depth-5 { }
  ol.commentlist li.comment ul.children li.odd { }
  ol.commentlist li.even { background: #fff; }
  ol.commentlist li.odd { background: #f6f6f6; }
  ol.commentlist li.parent { border-left: 5px solid #111; }
  ol.commentlist li.thread-alt { }
  ol.commentlist li.thread-even { }
  ol.commentlist li.thread-odd { }

  form { }
  input[type=text] {padding:5px;font-size:16px;font-family: 'Raleway', Helvetica, Arial, sans-serif; width:95%;}
  select {font-size:16px;}
  textarea {width:95%;padding:5px;font-size:16px;font-family: 'Raleway', Helvetica, Arial, sans-serif;}


  /* wp specific */
  .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
  }
  .alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
  }
  /* FORMS */
  form .formRow .formLabel {
    margin: 15px 0 3px 0;
    color:#333;
  }
  form .formRow.formFooter {
    margin: 15px 0 20px 0;
    color:#333;
  }
  form .contactField {
    border: 1px solid #ccc;
    height: 25px;
  }
  form .contactSubmit {
    border:none;
    width:200px;
  }

} /* END screen media */

/* Sub menu changes */

.panel-sub-menu {
  /*background: rgba(255,255,255,0.85);*/
  background-color: #fff;
  margin-bottom: 10px;
}

.panel-sub-menu h2 {
  background: rgba(0,0,0,0.85);
  padding:10px 18px;
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
}
.panel-sub-menu ul {
  font-family: 'Maximo';
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  list-style: none;
}
.panel-sub-menu ul li a {
  color:#000;	
  padding:10px 18px 10px 18px;
  display:block;
}
.panel-sub-menu ul li a:hover, .panel-sub-menu ul li.current_page_item a {
  color:#000;
  background-color: #eee;
}
/* news items are long */
.single .panel-sub-menu ul {
  font-family: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  font-size: 14px;
}

/* Sean Blakeley edits for Website Design Brighton - 10/08/2012 */

.no-border, .no-border a, .no-border img { border: none !important; }

.breakfast-menu {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  width: 100%;
  margin: 10px auto;
  padding: 10px;
  border: solid 1px #e8cdcd;
  background: #f5f2ec;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
} 

.breakfast-menu hr {
  color: #556B2F;
  width: 70%;
  margin: 12px auto;
  /*opacity: 0.7;*/
}
.breakfast-menu	h3 {
  color: #555;
  text-transform: uppercase;
}
.breakfast-menu	h3 em{
  font-size: 15px;
}

ul.blogroll, .hr {
  margin-bottom: 0px;
}

.post {
  float: left;
  clear: both;
  width: 100%;
}

.news-item img {
  float: right;
  margin: 0 0 10px 10px;
}

.page-template-page_gallery-php .content {
  position: relative;
  top: -300px;
}

/*.ngg-galleryoverview {
  margin-left: 20px;
}*/

.ngg-gallery-thumbnail {
  border:none !important;
  margin:0 6px 6px 0 !important;
}
.ngg-gallery-thumbnail a {
  margin:0 !important;

}
.ngg-gallery-thumbnail span {
  display:none !important;
  width: 220px;
  text-align: center;
}

/*.ngg-gallery-thumbnail img{
  margin-left: 15px !important;
}*/

/*.ngg-gallery-thumbnail img:hover {
  background-color: #fff !important;
  border: solid 1px #B80000;
}*/


/*a:hover {
  color: #ef2f2f;
}*/

/*img.central {
  margin-left: 18px;
}*/

/*#addtional {
  width: 90%;
}*/

/* END -------- Sean Blakeley edits for Website Design Brighton - 10/08/2012 */


/* START -------- Sean Blakeley edits for Website Design Brighton - 20/03/2013 */

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(images/lightbox-ico-loading.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(images/lightbox-ico-loading.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

.btn, form .contactSubmit, form input[type="submit"] {
  text-align: left;
  background: #B80000 url("images/btn-icon-arrow.png") no-repeat scroll right center;
  color: #fff;
  display: block;
  font-size: 18px;
  font-family: 'Maximo';
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 10px 0;
  padding: 12px;
}
.btn:hover {
  background-color: #ff0505;
}
.btn.inline-block {
  display:inline-block;
  padding-right: 60px !important;
}
.panel .btn, #header .btn {
  padding: 6px 22px 6px 12px;
}
.panel .btn, .btn.alt-colour {
  background-color: #00b8b8;
}
.panel .btn:hover, .btn.alt-colour:hover {
  background-color: #00ebeb;
}
a.btn:hover {
  color: #fff;
}

img.right {
  float: right;
}

/* TESTIMONIALS */
#testimonials {
  margin-top: 10px;
}
#testimonials .testimonial-quote { 
  font-style: italic; 
  /*margin: 10px 30px 20px 30px;*/ 
  color: #5e5050; 
}
#testimonials .client-contact-info {
  clear:both;
  float:right;
  font-weight: bold;
  margin-top: 7px;
}
h3.testimonial-title {
  font-style: italic;
}
ul.testimonial-title {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.testimonial-title li {
  float: left;
}
.testimonial-title li a img {
  border: none;
}
.testimonial-title h2 {
  margin-top: 2px;
  font-size: 30px !important;
  width: 275px;
  text-align: center;
}
#testimonials .testimonial-quote p {
  margin-bottom: 0;
  position:relative;
}
.qMark {
  margin-right: 5px;
  margin-top: -2px;
  float:left;
}
.qMark.closing {
  float:right;
  margin-top: 2px;
  margin-right: 0;
  margin-left: 5px;
}
.qMark img {
  border:none;
}
.logos {
  text-align: center;
}
//Excellent
.logos div.widEXC {
  width: 100% !important;
  margin:0 !important;
}

/*END TESTIMONIALS */

.email-book {
  font-size: 11px;
}
.div.meta { display: none; }

/* GENERIC ADDITIONS */
.align-right {
  text-align: right;
}
.align-centre {
  text-align: center;
}
.float {
  float:left;
}
.float.right {
  float:right;
}
.h5 {
  height: 5px;
}
.h10 {
  height: 10px;
}
.h20 {
  height: 20px;
}
.r-push-5 {
  margin-right:5px;
}
.l-push-5 {
  margin-left:5px;
}
.r-push-4 {
  margin-right:4px;
}
.l-push-4 {
  margin-left:4px;
}
.hr, hr {
  height:1px;
  border:none;
  border-bottom: 1px solid #d9c3a8;
  margin-top: 15px;
  margin-bottom: 15px;
  clear: both;
}
.hr.reverse {
  border-color: #666;  
}
.auto-img {
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
}

/* Table displays */
.css-table {
  display: table;
  width:100%;
}
.css-table.auto-width {
  width: auto;
}
.css-table.fixed {
  table-layout: fixed;
}
.css-table.spacing {
  margin: 15px 0;
  padding: 7px 0;
}
.css-table .table-row {
  display: table-row;
}
.css-table .table-cell {
  display: table-cell;
  vertical-align:middle;
}
.css-table .table-cell.spacing {
  padding: 7px 12px;
}
.css-table .table-cell.numeric, .css-table .table-cell.align-right {
  text-align: right;
}
.css-table .table-cell.align-centre {
  text-align: center;
}
.css-table .table-cell.valign-top {
  vertical-align:top;
}
.css-table .table-cell.no-wrap {
  white-space: nowrap;
}
/* Custom table stuff */
.css-table .table-cell.social-icon {
  padding-right: 5px;
  width:32px;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#map {
  width:100%;
  height: 600px;
}
.panel-map #map {
  height:200px;
}
#footer-site-info {
  text-align: right;
}
.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Freetobook widget */

#f2b-widget {
  background-color: #eee;
  font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
  /*font-size: 16px !important;*/
  padding: 20px !important;
  height: auto !important;
}
#f2b-widget strong {
  font-weight: normal;
  padding-bottom: 10px;
}
/*#f2b-widget #cin {
  float:none !important;
}
#f2b-widget #duration {
  float:none !important;
}*/
#f2b-widget .searchButtonContainer {
  float:none !important;
  padding-left:0 !important;
  margin-top: 30px;
}
#f2b-widget .searchButtonContainer .searchButton {
  text-align: left;
  background: #B80000 url("images/btn-icon-arrow.png") no-repeat scroll right center !important;
  color: #fff;
  display: block;
  font-size: 18px;
  font-family: 'Maximo';
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 20px 0;
  padding: 6px 22px 6px 12px !important;
  width: 200px !important;
  height: auto !important;
}
/*.cp_container {
  font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
}*/

/* BROWSER FIXES */

/* Safari the maximo weight is too light 
.menu, h2, h3, .panel-sub-menu ul, .btn, #footer, #f2b-widget .searchButtonContainer .searchButton, form .contactSubmit, form input[type="submit"] {
  -webkit-font-smoothing: subpixel-antialiased;
}*/

@media print {

  .do-not-print { display: none; }
  #comments { page-break-before: always; }

  body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
  h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
  h1 { font-size: 19pt; }
  h2 { font-size:17pt; }
  h3 { font-size:15pt; }
  h4,h5,h6 { font-size:12pt; }
  code { font: 10pt Courier, monospace; } 
  blockquote { margin: 1.3em; padding: 1em; }
  img { display: block; margin: 1em 0; }
  a img { border: none; }
  table { margin: 1px; text-align:left; }
  th { border-bottom: 1px solid #333;  font-weight: bold; }
  td { border-bottom: 1px solid #333; }
  th, td { padding: 4px 10px 4px 0; }
  caption { background: #fff; margin-bottom: 2em; text-align: left; }
  thead { display: table-header-group; }
  tr { page-break-inside: avoid; } 
  a { text-decoration: none; color: black; }

} /* END print media */