@import url(menu_h.css);
/*------------------*\
|* global interface *|
\*------------------*/
html {border:1px solid #fff; min-height: 100%; margin-bottom: 1px;max-width:100%; } /* forces vertical scrollbar in non-IE browsers to prevent "page shifting"*/

body {
  margin: 0px 0 0 ;
  padding: 0px;
  color: #000;
  font: normal 14px raleway, Arial, Helvetica;
  text-align: center;
/*  background: #eee url(/images/grey_tile_bg.jpg) top center repeat;*/
  background:#eee url(/images/swaia_pattern.jpg) top center repeat;
max-width:100%;min-width:320px;
}

#header, .menu, #content, #contentheader{
  margin-left:3.1% !important;
  margin-right:3.2% !important;
}
#home #galleryhome2015 {margin:-60px 0 0 0 !important;max-width:100% !important;overflow:hidden;padding-bottom:12px }
#galleryhome2015 {margin:0px 0 0 0 !important;max-width:100% !important;overflow:hidden;padding-bottom:12px }
#galleryhome2015 .scrollablewrapper {left:auto !important; right:0px;bottom:1%; float:right !important;max-width:100% !important;position:absolute !important; }
img {
  border: 0px;
}

#mainimage {
  margin:0 auto;
  width:864px;
max-width:100%;
}

/***DROPDOWN****/
#transparency {
 position:fixed;
 top:0;
 left:0;
 width:100%;max-width:100%;
 height:100%;
 background:#000;
 z-index:99999;
-moz-opacity:.80;
-khtml-opacity: 0.5;
filter:alpha(opacity=80);
 opacity:.80;
}
#dropdown-wrapper {
 width:100%;max-width:100%;
 height:270px;
 position:absolute;
 top:10%;
 z-index:999999;
 border:2px solid #CE3B2B;
 width:500px;
 left:50%;
 margin-left:-25%;
 box-shadow: 0px 0px 12px #000;
}
#dropdown-opacity {
 position:absolute;
 opacity:1;
/* background:#FFEBB8;*/
 background:#fff;
 width:100%;
 height:100%;
}
#dropdown-content {
 position:relative;
 width:95%;
 margin:0 auto;
 height:95%;
 text-align:left;
 padding:15px;
 z-index:999999;
}
.dropdown-special {
 width:790px;
 margin:0 auto;
}
.dropdown-close {

 font-weight:bold;
 position:absolute;
 bottom:25px;
 text-align:center;
 width:100%;
}
a.closewindow:link {
 color:#C9243A
}



/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}

/* links */
a {
  color:#0086a4;
  text-decoration:none;
}
a:visited {
}
a:hover {
  text-decoration: underline;
}
.more {text-transform:capitalize}
/* headings */
h1 {
  font-size: 16px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 14px;
}
h4 {
  font-size: 13px;
}
h5 {
  margin-top:5px;
  font-weight: normal;
  font-size: 11px;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto 150px auto;
  width: 960px;max-width:100%;
  text-align: left;
  background:#fff;
  position:relative;
  box-shadow:0px 2px 2px 2px #888888;
}


/*--------*\
|* header *|
\*--------*/
#logo {
  background:transparent url(/images/logo.jpg) top left no-repeat;
  background-size: contain;
  display:inline-block;
  height: 116px;
  max-height: 116px;
  margin-bottom:20px;
  margin-top:0px;
  max-width:530px;
  min-width:300px;
  text-indent: -9999px;
  width: 70%;
  border:0px solid
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
  outline: none;
}
.donate_logo_home{
position:absolute;
top:-18px;
right:-30px;
z-index:30;
}
#header {
 height:250px;
 padding-top:12px;
 padding-bottom:1%;
 position:relative;
}


#headerbar {float:right;width:170px;font-size:12px;border:0px solid;font-weight:bold;}
#headerbar a {display:block;margin-bottom:6px;text-align:center;padding:4px 10px}
.header-nav {color:#000;text-decoration:none}
.header-nav1 {border:1px solid #cd252b}
.header-nav2 {border:1px solid #0087a5 }
.header-nav3 {border:1px solid #f4961e }
.header-nav4 {border:1px solid #a3a19f}


#header-bottom {
  position:absolute;
  bottom:0px;
  left:0;
  border:0px solid green;
  display: none;
}

#loginbar {
  float: right;
  text-align: right;
  margin-right:10px;
  margin-top:3px;
  border:0px solid;
  position:absolute;
  right:0;
  top:5px;
  z-index:99;
}
#socialmedia {
  background:#cc252c;
  display:block;
  text-align: right;
  margin-left:0px;
  margin-top:3px;
  border:0px solid;
  height:37px;
  z-index:99;
  padding-top:3px;
  padding-right:8px;
}
.socialmedia-label {
  color:#fff;
  display:inline-block;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
  padding-right:10px;
}
#socialmedia a {
  padding-right:3px;
  float:none;
  height:40px;
  width:40px;
  vertical-align:middle;

}
#socialmedia img {
  vertical-align:middle;

}
#donatebar {
  float: right;
  text-align: right;
  margin-right:10px;
  margin-top:3px;
  border:0px solid;
  position:absolute;
  right:200px;
  top:14px;
  z-index:99;
}
#donatebar img {
padding-bottom:5px;
}

#nmtrue-banner {
  float: right;
}

#searchbox {
   background:url(/images/search-64.png) top left no-repeat;
   width:155px;
   padding-left:20px;
}

/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
}
#loginbar a.out {
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 100%;
  background: #5c5b66;
}
ul.secondarynav {
  width: 100%;
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px 0px 0px 0px;
  border-top: 0px solid #57594b;
}

#footer p {
  margin: 0px;
  padding: 0px 0px;
  color: #8a8d77;
  font-size: 9px;
}
.footer-byline {padding-top:15px;font-size:12px;}
.credits {padding:15px;font-size:11px;}

#staff-listing {
  font-size: 11px;
  padding: 15px 0 20px;
  text-align: center;
  vertical-align: top;
}
.staff-column {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 43%;
}
.staff-column ul {
  list-style-type: none;
  margin: 5px 0 0;
  padding: 0;
}
.staff-column li {
  margin: 0;
  padding: 0;
}



/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  background: #e2e1eb;
  clear:left;
}
#contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding:10px;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}
#category .error ul {
 margin:0px 0 0 50px;
 padding:0px;
}
/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #fff;
/* background colour of right sidebar */
  border-right: 0px solid #FAFAFA;

}
#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 190px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: none;
}
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
  display: none;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
#content {

  border:0px solid;
  line-height: 18px;
}

#icontent {

}

#cright {
 position:relative;
 float:right;
 border:0px solid;
 width:190px;
 z-index:1;
 text-align:center;
}


/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/*-----------------*\
|* global elements *|
\*-----------------*/
.floatleft {
  float:left;
  margin-right:20px;
  margin-bottom:10px;
}

.floatright {
  float:right;
  margin-left:20px;
  margin-bottom:10px;
}

.floatcenter {
 margin:0 auto;
 display:block;
}


.shadowtop, .shadowbottom {

  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright {
  width: 15px;
  height: 0px;
  font-size: 1px;
}
.shadowtop {
  height: 0px;
}
.shadowbottom {
 height:0px;
}
.shadowleft {
}
.shadowright {
}
.shadowtopleft {
  float: left;
}
.shadowtopright {
  float: right;
}
.shadowbottomleft {
  float: left;
}
.shadowbottomright {
  float: right;

}

/* links */
.margin0 .linklisting {margin:0}
.linklisting {
  margin: 15px 15px 20px 20px;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  overflow: hidden;
  width: 100%;
  margin: 2px 0px;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 0px solid #bbbfa1;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* sponsors */

.cat-swaia-sponsors .linklisting {
  display: inline-block;
  min-width: 45%;
  max-width: 45%;
  vertical-align: top;
}

/* reviews */
.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent url(images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}
.new-item {
  background-color: #8c3030;
}
.updated-item {
  background-color: #c5a600;
}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: transparent url(images/button-right.gif) top right no-repeat;
}

/* paging */
.paging {
  text-align: right;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
  font-size: 9px;
}

/* tables */
.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #bbbfa1;
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}
.ftable th {
  background: #bbbfa1;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #bbbfa1;
}

/* sub headings */

/* lists */
#content ul {
  margin:10px 0px 0px 35px;
  padding: 0px;
  font-size: 14px;
}
#content ul.categories {
  margin: 0px;
}
#content ul.default {
  margin: 0px 0px 1em 0px;
  padding-left: 3.6em;
  font-size: 11px;
  list-style: disc;
}

/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px 0;

}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}

/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

/* treecats */
#content .treecats-selection-summary ul, #content .treecats-selection ul {
  margin: 0px;
}
.treecats-selection-summary li a, .treecats-selection li a {
  margin-top: 2px;
  margin-left: 5px;
}
.treecats-selection-summary a, .treecats-selection a {
  font-size: 9px;
}
.treecats-selection-summary a:visited, .treecats-selection a:visited {
  color: #212126;
}
.treecats-selection-current {
  font-weight: bold;
}
.treecats-category-info img {
  border: 0px;
  padding: 2px;
  vertical-align: middle;
}
.treecats-children {
  padding-left: 15px;
}
.treecats-selected span, li.treecats-selected {
  font-weight: bold;
}
.treecats-category a:link, .treecats-category a:visited {
  color: #212126;
  text-decoration: none;
}
.treecats-category a:hover {
  text-decoration: underline;
}
#content ul.treecats-links {
  padding-left: 15px;
  margin: 0px;
}
.treecats-links li {
  line-height: 1.25em;
  list-style: circle;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffff80;
}
.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}

/* indent */
.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

/*---------------*\
|* page specific *|
\*---------------*/
#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#category dl, #home dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
}
#category dt a {
  font-weight: bold;
  font-size: 12px;
}
#category dt, #category dd, #home dt, #home dd {
  margin: 0px 0px 0px 20px;
}
#category dd, #home dd {
  padding-bottom: 10px;
}

#detailed p.description {
  overflow: hidden;
}
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */

#home dt a {
  font-weight: bold;
  font-size: 13px;
}
#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}
/* #home dl, #home dt, #home dd, #home dd => see #category dl */

#jump_frame .jumpwrapper {
  height: 40px;

}
#jump_frame img.jumplogo {
  padding: 2px 0px 0px 2px;
  float: left;
}
#jump_frame h4 {
  margin: 0px;
  padding: 3px 0px;
}
/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
  float: left;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #bbbfa1;
}

/*****************/
/*   homepage    */
/*****************/
#homecats {margin-top:30px;text-align:center;}
.homerank {
  display:inline-block;
  clear:left;
  position:relative;
  border:1px solid #ccc;;
  max-width:30.25%;
  text-align:center;
  vertical-align:top;
  box-sizing: border-box;
  margin-bottom:37px;
}
.homerank-inner {margin:0 3.7%;}
.homerank img {max-width:100%;height:auto}
.homerankleft {
  height:auto;
  max-height:185px;
  width:100%;
  max-width:275px;
  margin-bottom:5px;
  overflow:hidden;
}

.homerank h3 {
  height:30px;
}
.homerank h3 a {
 text-decoration:none;
}

.homerankdescription {
  line-height:20px;
  font-size:13px;
  padding:5px;
  text-align:left;
}
.summary {height:100px;overflow:hidden}


.socialmedia {
  margin-top:40px;
  text-align:center;
  border:0px solid;
}
.socialmedia img {
  text-align:center;
  border:0px solid;
}
/*  share this icons. customized */
#home  a.stbutton{padding:4px 10px 19px 22px;}
#home .stbuttontext{line-height:40px; }
#home .stico_default{
background:transparent url(/images/links/49-sharethis.png) no-repeat scroll 0 0!important;
background:transparent url(/images/links/49-sharethis.png) no-repeat scroll 0 0;
}

#tagline {
  padding:10px 0px 10px 0px ;
  font-weight:bold;
  font-size:16px;
  line-height:25px;
  font-style:italic;;
}

.caption {
 position:relative;
 clear:both;
 font-size:11px;
 padding-top:5px;
}

p.sponsors {
 padding:30px 10px 0px 15px;
 text-align:left;
 margin-bottom:0px;
 clear:left;
}
p.sponsors b{display:block}
p.sponsors a{padding:0px 20px 10px 20px;display:inline-block}
.ad  {
 padding:0px;
}


.winners {
 border-collapse:collapse;
}
.winners td {
 border-bottom:1px dotted #ccc;

}

#cart {
 border:0px solid;
 width:600px;
 margin:0 auto;
}

th, .lh, .lhv {
 background:#ccc;
 padding:5px;
}
#cart {
  border:0px solid;
  margin:0 auto;
  width:700px;
  text-align:center;
  max-width:100%;
  padding:0px;
}
#cart .item, .products .item {height:auto !important}
#cart table{
    width:100%;border-collapse:collapse;padding:0px;margin:0px auto;
}


#cart table td{
    max-width:100%;padding:5px 3px;
    line-height:140%
}


#cart table td textarea{max-width:100%;}
#cart table td input{max-width:180px;}
#cart table td select{width:185px}

#cart table,
#cart th {
  text-align:left;
  max-width:100% !important;padding-left:3px;padding-right:3px;
}



.remember{max-width:300px;line-height:140%}
.cartbuttons {max-width:100%;line-height:140%}

#cart_wrapper table.cartbuttons td {padding:0px 0px !important;}




.salesforce input {
margin-bottom:5px;

}

.salesforce label {
 width:80px;
 float:left;
 clear:left;
}

.sku_subtitle {
 padding-top:4px;
 width:160px; 
 clear:left;
 float:left;
}
.button {
 border:1px solid #CD242B;
 background:#fff;
 color:#CD242B;
}
.memberbutton {
 border:1px solid #CD242B;
 width:230px;
 background:#fff;
 color:#CD242B;
}
a.memberbutton {text-decoration:none;padding:4px;}

.gallerywrapper,.gw1,.gw2,.gw3,.gw4,.gw5,.gw6,.gw7,.gw8,.gw9,.gw10,.gw11,.gw12{/*float:left;*/position:relative;text-align:left;}
.mainimage{overflow:hidden;z-index:99;height:80%;}
.mainimage-inner img {border:0px solid !important;max-height:90% !important;/*height:90% !important;*/position:relative;width:auto;}
.mainimage-caption{text-align:center !important;}
.bigimage img{height:100% !important;width:0 auto !important;}
.fph{margin:-1px;}
.float-inside{position:absolute;}
.gw5 .float-inside{bottom:0px;}
.gw6 .float-inside{bottom:0;}
.gw7 .float-inside{bottom:0;}
.columns-numerical .float5{height:40px;}
.columns-numerical .fph5{float:right;width:1px;height:80%;}
.scrollablewrapper{z-index:99;border:0px solid;max-width:85%;padding-bottom:0px !important;}
.scrollable{position:relative;overflow:hidden;height:100%;width:auto;}
.scrollh{width:20000em;position:absolute;}
.scrollh .scrollable-column{float:left;}
.scrollv{position:absolute;}
.slider-h a:link{border-top:5px solid yellow}
.slider-h a.current{background:#880C23;border-top:5px solid red}
.slider-v a.current{background:#880C23;border-top:5px solid red}
.gallerywrapper .item{float:left;}
a.forward, a.backward{position:relative;z-index:9999;}
.browse{position:absolute;cursor:pointer;}
.browse{color:#7F8A5E;}
.browse:hover{color:#924523;text-decoration:none;}
.scrollable a{color:#000;font-size:28px;}
.scrollable a.current{
  color:#999;
}
.scrollablewrapper span.right{

 margin:0;z-index:99999;
  border:0px solid;
  width:21px;
  height:42px;
/*  background:url(/images/arrow-left-2014.png) top left no-repeat;*/
  background:url(/images/black-arrow-sprite.gif) -21px 0px no-repeat;
}
.scrollablewrapper span.left{margin:0;z-index:99999;
 margin:0;z-index:99999;
  border:0px solid;
  width:21px;
  height:42px;

/*  background:url(/images/arrow-up-2014.png) top left no-repeat;*/
  background:url(/images/black-arrow-sprite.gif) top left no-repeat;
}

.scrollablewrapper span.disabled{/*visibility:hidden !important;*/}
.scrollable a,
.scrollable a:link,
.scrollable a:visited{display:block;text-align:center;}
.image img{max-width:100%;height:auto !important;}
.item {max-width:99%;height:200px !important;}
.inner-item {max-width:95%;height:200px !important;}
.arrows{text-align:justify;}
.arrows .inner-item{}
.arrows a{height:auto;width:auto;}
.arrows a:link{float:left;height:auto;width:auto;}
.arrows a.current{float:left;height:auto;}



/*fancybox*/
.close {color:#000;font-weight:bold;text-decoration:none;position:absolute;right:10px;top:10px;font-size:18px;}


/* *********************** */
/*   RESPONSIVE ELEMENTS   */
/* *********************** */
@media(max-width:980px) {

    div {max-width:100%;}
    .scrollh{max-width:20000em;position:absolute;}
    img {max-width:100%;height:auto;}
    #content {text-align:center;text-align:justify}
    .margin0 {text-align:center}
    .linklisting {display:inline-block;}
    .linklisting .floatleft{max-width:100%;}
    iframe,object,embed{max-width:100%;}
    .menui {	display:none !important;}
    .slicknav_menu {
		display:block;
   }
  
  .staff-column {
    display: block;
    margin: 0 auto 15px;
    width: 50%;
    min-width: 300px;
  }
}

@media(max-width:840px) {
       #cright {
          position:relative;
          float:right;
          border:0px solid;
          width:100%;
          z-index:1;
          text-align:center;
       }
    #cright .ad {display:inline-block;padding:auto 0px;margin:auto 0px;max-width:24%;}
    #cright .ad img{max-width:100%;height:auto}

  .cat-swaia-sponsors .linklisting {
    display: inline;
    width: 100%;
    vertical-align: top;
  }

}
@media (max-width:720px) {
  #nmtrue-banner {
    float: none;
    margin-top: 10px;
    text-align: center;
  }
  #nmtrue-banner a {
    display: inline-block;
    margin: 0 auto;
  }
}
 @media(max-width:650px) {
   #home #header {margin-bottom:20px;}
      #galleryhome2015 {margin:0px 0 0 0 !important;max-width:100% !important;overflow:hidden;padding-bottom:12px }
     iframe,object,embed{max-width:100%;max-height:480px;}
     #icontent {width:100%;max-width:100%;}
     #homecats {position:relative;width:100%;float:left;}
      .homerank {width:100%;margin-left:1%;margin-right:1%;margin-bottom:15px;  max-width:46%;}
      .homerankleft {float:none;width:100%;margin:0 auto 10px auto;text-align:center}
      .homerank h3 {text-align:center;position:relative;margin-left:0%;padding:3px 0px;}
     #auctiongallery{height:545px;min-height:0 !important;}
     #auctiongallery .mainimage{overflow:hidden;z-index:999;max-height:100% !important;margin-left:5%;}
     #auctiongallery .mainimage div {max-height:100% !important;height:90%;}
     #auctiongallery .mainimage .bigimage { max-height:100% !important;width:auto !important}
     #auctiongallery .mainimage-caption{top:90% !important;}
     #auctiongallery .scrollablewrapper{z-index:99999;margin-left:-20px;max-height:70px;max-width:80%;outline:0px solid red}
     #auctiongallery .floatright-colwrapper{width:100% !important; margin:0px;}

#headerbar {float:right;width:100%;font-size:12px;border:0px solid;margin:0;font-weight:bold;text-align:center;margin-top:-2%;}
#headerbar .header-nav-between {padding:.5%}
#headerbar a {display:inline-block;margin:1% 0 1px 0px;text-align:center; width:94px;}

   
 }
 @media(max-width:540px) {
   .linklisting {margin-left:0px;width:100%;}
   iframe,object,embed{max-width:100%;max-height:320px !important;}
   .floatleft {float:none;margin-left: auto;margin-right:auto;}
   .floatright {float:none;margin-left: auto;margin-right:auto;}
   #auctiongallery{height:515px;min-height:0 !important;}
   #auctiongallery .scrollablewrapper{max-width:80%;}
   #headerbar {font-size:11px;}
   #headerbar a {display:inline-block;text-align:center; width:145px}
   #headerbar .header-nav-between {display:none;}

   
 }
 @media(max-width:500px) {
     /*justifying doesn't work to well below this point.*/
    #content {text-align:left}
   
 }
 @media(max-width:450px) {
   .linklisting {margin-left:0px;width:100%;}
   iframe,object,embed{max-width:100%;max-height:320px !important;}
   .floatleft {float:none;margin-left: auto;margin-right:auto;}
   .floatright {float:none;margin-left: auto;margin-right:auto;}
   #auctiongallery{height:505px;min-height:0 !important;}
   #auctiongallery .scrollablewrapper{max-height:60px !important;}
   .scrollablewrapper span.left,.scrollablewrapper span.right{
          top:10% !important;
   }
   .homerank {width:100%;margin-left:1%;margin-right:1%;margin-bottom:15px; width:270px; max-width:100%;}
   #headerbar {margin-bottom:10px;}
   #nmtrue-banner {
     margin-top: 0;
   }
   .menu {
     margin-top: -40px;
   }
 }
 @media(max-width:380px) {
   .linklisting {margin-left:0px;width:100%;}
   iframe,object,embed{max-width:100%;max-height:320px !important;}
   .floatleft {float:none;margin-left: auto;margin-right:auto;}
   .floatright {float:none;margin-left: auto;margin-right:auto;}
   #auctiongallery{height:505px;min-height:0 !important;}
   #auctiongallery .scrollablewrapper{max-height:50px !important;}
   .scrollablewrapper span.left,.scrollablewrapper span.right{
        top:0px !important;
   }
   #headerbar a {
     font-size:11px;
     max-width:42%;
     width:50%;
   }
}


#column_3x {
	width:30%;
	margin-right:12px;
	float:left;
	border: 0px solid grey;
    text-align:left;
}
