body { margin: 0; background-color: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; }

li { padding-bottom: 6px; }
ul { list-style-type: square; }

h1 { color: #333; margin: 0px; font-size: 11pt; padding-top: 6px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { color: #333; margin: 0px; font-size: 0.9em; padding-bottom: 4px; font-family: Arial, Helvetica, sans-serif; } 
h3 { color: #333; margin: 0px; font-size: 0.8em; padding-top: 10px; padding-bottom: 4px; font-family: Arial, Helvetica, sans-serif; }

select { height: 20px; width: 100%; font-family: Arial, Helvetica, sans-serif; outline: none; border: 1px solid #999; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea { font-family: Arial, Helvetica, sans-serif; width: 100%; border: 1px solid #999; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=text], input[type=password] { -webkit-appearance: none; font-family: Arial, Helvetica, sans-serif; outline: none; width: 100%; border: 1px solid #999; padding: 2px; border-radius: 3px; height: 22px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input:focus { outline: none; }
input[type=button], input[type=submit] { -webkit-appearance: none; outline: none; }

a img { border: none; }
a img:hover { background: none;}
img { display: block;  max-width: 100%; height: auto; }
.imgleft { float: left; padding: 0 15px 6px 0; text-align: center; font-size: 10px; }
.imgright { float: right; max-width: 100%; height: auto; padding: 0 0 6px 15px; text-align: center; font-size: 10px; }
.imgcenter { float: left; width: 100%; padding: 10px 0; text-align: center; font-size: 10px; }

.box200 { display: block; max-width: 100%; height: auto; }
.box300 { display: block; max-width: 100%; height: auto; }
.box400 { display: block; max-width: 100%; height: auto; }
.box500 { display: block; max-width: 100%; height: auto; }
.box600 { display: block; max-width: 100%; height: auto; }

#page { margin-left: auto; margin-right: auto; width: 100%; min-width: 330px; max-width: 984px; }
#topbar { font-size: 10px; text-transform: uppercase; background: #000; height: 36px; color: #fff; overflow: hidden; }
#topbar .menubar { padding: 0; margin: 0 auto; max-width: 980px; overflow: hidden; }
#topbar .menubar a.item { padding: 0 6px 0 6px; color: #fff; text-decoration: none; font-size: 9px; }
#topbar .menubar a.item:hover { text-decoration: underline; }

#brand {
background: rgba(0,47,101,1);
background: -webkit-linear-gradient(left, rgba(0,47,101,1), rgba(0,147,208,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(0,47,101,1), rgba(0,147,208,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(0,47,101,1), rgba(0,147,208,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(0,47,101,1), rgba(0,147,208,1)); /* Standard syntax (must be last) */
}

.colsection {clear: both; padding: 0px;	margin: 0px; }
.col { display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both;}

.left50 { float: left; width: 49.2%; margin: 0; }
.left50a { float: left; width: 100%; margin: 0; padding-top: 10px; }
.right50 { float: left; width: 49.2%; margin: 0 0 0 1.6%;}
.right50a { float: left; width: 100%; margin 0; padding-top: 6px; }

.video-container { position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pcovers { float: left; display: block; max-width: 100%; height: auto; margin: 0px; padding: 10px 5px 10px 5px; text-align: center; color: #002c64; text-decoration: none; font-weight: bold; font-size: 11px; }
.pcovers A, .pcovers A:link, .pcovers A:visited { color: #002c64; text-decoration: none; font-weight: bold; }
.pcovers A:hover { color: #002c64; text-decoration: underline; font-weight: bold; }

.covers { width: 49.2%; margin: 6px 0 6px 1.6%; display: block; float: left; }
.covers:first-child { margin-left: 0; }

.contacts { display: block; float:left; margin: 1% 0 1% 1.6%; width: 23.8%; }
.contacts:first-child { margin-left: 0; }

.featured { width: 49.2%; }
.footer { width: 27.25%; display: block; float:left; margin: 0; }
.footer2, .footer3, .footer4 { width: 23.25%; display: block; float:left; margin: 0 0 0 1%; }

#buttons { float: left; width: 100%; background-color: #ccc; border-bottom: 1px solid #999; }
#lbuttons { margin-right: 210px; padding: 8px 0px 8px 6px; height: 22px; }
#abuttons { width: 210px; margin-left: -210px; float: right; height: 22px; }
#options {display: block; }
#doptions {display: none; }


#meetteam { margin-left: 210px; }
#meetteamc {width: 200px; margin-left: -100%; float: left; }
.meetteami { height: 182px; background:url(/images/meet.jpg); background-repeat: no-repeat; }

#newsarch { display: block; }
#newscol { margin-right: 170px; }
#newsright { width: 160px; float: left; margin-left: -160px; }
#newsidx { margin-right: 310px; }
#newsidxc { width: 300px; margin-left: -300px; float: left; }

#banners { width: 125px; margin-left: -125px; float: right; padding-top: 10px; padding-bottom: 10px; }
#listcol { margin-right: 135px; }

#figure tr > *:nth-child(1) { padding-left: 15px; padding-top: 5px; padding-bottom: 10px; }

#event { margin-left: 195px; }
#eventcal { float: left; width: 180px; margin-left: -100%; padding-top: 10px; padding-bottom: 15px; margin-right: 15px; display: block; }

#upsale { margin-right: 350px; }
#upsalec { width: 330px; margin-left: -330px; float: left; }

#smupsale { margin-right: 220px; }
#smupsalec { width: 200px; margin-left: -200px; float: left; }

#stocks { margin-right: 310px; padding-top: 10px; }
#stocksc { width: 300px; margin-left: -300px; float: left; padding-top: 10px; }

#search {margin-left: 230px; }
#searchc { float: left; width: 220px; margin-left: -100%; }

#buyers { margin-left: 230px; margin-right: 210px; }
#buyleft { width: 220px; float: left; margin-left:-100%; }
#buyright { width: 200px; margin-left: -200px; float: left; }
.categories { float: left; margin: 0 0 0 1.6%; display: block; font-size: 13px; font-weight: normal; border-top : 1px solid #fff; padding: 6px 0px 6px 0px; border-bottom:1px solid #e6e6e6; font-family: Arial, Helvetica, sans-serif; width: 49.2%; }
div.categories:hover{ background-color:#ccc; cursor:pointer; }
.categories:first-child { margin-left: 0; }
.KSbanner { display: none; }
.KS2banner { display: none; }

#prodlist { margin-right: 135px; }
#prodlistc { width: 125px; margin-left: -125px; float: right; padding-top: 10px; padding-bottom: 10px; }
.prodtile { display: block; float:left; max-width: 125px; padding-bottom: 10px; }

#proddesc { margin-right: 255px; }
#prodadds { width: 240px; margin-left: -240px; float: right; padding-top: 6px; padding-bottom: 6px; }

#mobhdr { float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; display: none; }
#fullhdr { float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; display: block; }
#srchbar { display: block; }

.tabbar { float: left; width: 100%; border-bottom: 5px solid #002c64; display: block; }

.fold { float: left; width: 50%; }
.fold3 { float: left; width: 33%; }
.foldcol { float: left; width: 50%; }
.media { width: 100%; padding-bottom: 15px; }

.location { float: left; width: 100%; background-color: #002c64; font-size: 0.8em; font-weight: bold; text-align: left; color: #fff; padding: 8px 0px 8px 0px; text-transform: uppercase; display: none; }

.section { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align: left; text-transform: uppercase; padding: 6px 10px 6px 4px; color: #333; font-weight: bold; background-color: #f4f4f4; border-top: 3px solid #00a4d9; border-bottom: 1px solid #ccc; }
.section A, .section A:link, .section A:visited { color: #333; text-decoration: none; }
.section A:hover { color: #333; text-decoration: underline; }
.fsection { font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 6px; color: #333; font-weight: bold; background-color: #ccc; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.csection { font-size: 0.7em; text-align: left; padding: 8px 6px 8px 6px; color: #000; background-color: #ccc; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.csection A, .csection A:link, .csection A:visited { color: #333; text-decoration: none; }
.csection A:hover { color: #333; text-decoration: underline; }
.tsection { float: left; width: 100%; font-size: 13px; line-height: 16px; letter-spacing: 0px; text-align: left; color: #000; margin-bottom: 13px; padding-top: 6px; word-wrap: break-word; }
.tsection A, .tsection A:link, .tsection A:visited  { color: #002c64; text-decoration: none; }
.tsection A:hover { color: #002c64; text-decoration: underline; }

.tblhdr { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 8px 6px 8px 6px; color: #fff; font-weight: bold; background-color: #002c64; text-transform: uppercase; }
.tblhdr A { color: #fff; text-decoration: none; }
.tblhdr A:link { color: #fff; text-decoration: none; }
.tblhdr A:visited { color: #fff; text-decoration: none; }
.tblhdr A:hover { color: #fff; text-decoration: underline; }

.nav { color: #002c64; font-size: 9pt; text-align: left; padding: 6px 2px 6px 5px; border-bottom: 1px dotted #999; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.nav A { color: #002c64; text-decoration: none; }
.nav A:link { color: #002c64; text-decoration: none; }
.nav A:hover { color: #00a4d9; text-decoration: underline; }
.nav A:visited { text-decoration: none; color: #002c64; }
 
.dnnav { color: #00a4d9; font-size: 9pt; text-align: left; padding: 6px 2px 6px 5px; border-bottom: 1px dotted #999; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.dnnav A { color: #00a4d9; text-decoration: none; }
.dnnav A:link { color: #00a4d9; text-decoration: none; }
.dnnav A:hover { color: #00a4d9; text-decoration: underline; }
.dnnav A:visited { text-decoration: none; color: #00a4d9; }

.droplist { float: left; display: block; margin: 0; }
.droplist-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 130px; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; font-size: 11px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; }
.droplist-content a { color: black; padding: 8px 6px; text-decoration: none; display: block; }
.droplist-content a:hover {background-color: #002c64; color: #fff; }
.droplist:hover .droplist-content { display: block; }
.droplist:hover { background-color: #f4f4f4; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #f4f4f4; }

.dntab { -webkit-appearance: none; outline: none; background-color: #002c64; color: white; height: 40px; padding: 10px 2px 10px 2px; font-size: 12px; cursor: pointer; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; border: 1px solid #002c64; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; text-decoration: none; width: 100%; }
.uptab { -webkit-appearance: none; outline: none; background-color: #f4f4f4; color: black; height: 40px; padding: 10px 2px 10px 2px; font-size: 12px; cursor: pointer; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; border: 1px solid #ccc; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; text-decoration: none; width: 100%; }

.dropdown { float: left; display: block; margin: 0; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 130px; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; font-size: 11px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; }
.dropdown-content a { color: black; padding: 8px 6px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #002c64; color: #fff; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .uptab { background-color: #ccc; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; }

.dtab1 { width: 8%; }
.dtab2 { width: 8%; }
.dtab3 { width: 10%; }
.dtab4 { width: 11%; }
.dtab5 { width: 14%; }
.dtab6 { width: 7.5%; }
.dtab7 { width: 11%; }
.dtab8 { width: 7.5%; }
.dtab9 { width: 12%; }
.dtab10 { width: 11%; }

#adlink { display: none; }

#microsite { float: left; width: 940px; overflow: auto; padding: 15px 20px; }
.mmenu { color: #fff; font-size: 0.8em; background-color: #002c64; padding: 10px 10px 10px 10px; text-align: center; border-right: 1px solid #999; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.mmenu A { color: #fff; text-decoration: none; }
.mmenu A:link { color: #fff; text-decoration: none; }
.mmenu A:hover { color: #fff; text-decoration: underline; }

.mmbox { padding-top: 10px; }
.mmboxtitle { border: 1px solid #002c64; color: #fff; background-color: #002c64; font-size: 12px; line-height: 16px; letter-spacing: 0px; text-align: left; font-weight: bold; text-transform: uppercase; padding: 8px 6px 8px 6px; border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; }
.mmboxtitle A, .mmboxtitle A:link, .mmboxtitle A:visited { color: #fff; text-decoration: none; }
.mmboxtitle A:hover { color: #fff; text-decoration: underline; }
.mmboxcontent { border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 6px 10px 6px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; letter-spacing: 0px; text-align: left; color: #333; margin-bottom: 13px; padding-top: 6px; word-wrap: break-word; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; }
.mmboxcontent A, .mmboxcontent A:link, .mmboxcontent A:visited { color: #002c64; text-decoration: none; font-weight: bold; }
.mmboxcontent A:hover { color: #002c64; text-decoration: underline; font-weight: bold; }

.text { color: #fff; padding-top: 8px; padding-bottom: 8px; text-align: left; font-size: 11pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.header { color: #002c64; padding-top: 5px; padding-bottom: 2px; font-size: 0.9em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; }
.header2 { color: #333; font-size: 0.9em; font-weight: bold; }

.gtext { color: #333; font-weight: normal; padding: 5px; font-size: 0.8em; background-color: #cecece; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #fff; }

.date { color: #666; padding-top: 5px; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }

.title { color: #002c64; padding-top: 5px; font-size:14px; line-height:17px; font-weight: normal; font-family: georgia, Arial, Helvetica, sans-serif; }
.title A, .title A:link, .title A:visited { color: #002c64; text-decoration: none; }
.title A:hover { color: #002c64; text-decoration: underline; }

.item { font-size: 13px; line-height: 16px; letter-spacing: 0px; text-align: left; color: #333; margin-bottom: 13px; padding-top: 5px; word-wrap: break-word; }
.item A, .item A:link, .item A:visited { color: #002c64; text-decoration: none; font-weight: bold; }
.item A:hover { color: #002c64; text-decoration: underline; font-weight: bold; }

.sitem { color: #333; padding-top: 5px; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.sitem A, .sitem A:link, .sitem A:visited { color: #002c64; text-decoration: none; font-weight: bold; }
.sitem A:hover { color: #002c64; text-decoration: underline; font-weight: bold; }

.smltext { font-family: Helvetica, Arial, Sans serif; font-size: 9pt; text-align: left; color: #333; }
.smltext A, .smltext A:link, .smltext A:visited  { color: #002c64; text-decoration: none; }
.smltext A:hover { color: #002c64; text-decoration: underline; }

.button, a.button, a.button:link, a.button:visited { outline none; padding: 5px 10px 5px 10px; font-size: 10px; color: #fff; background-color: #002c64; text-transform: uppercase; border: 1px solid #002c64;  cursor:pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
.button:hover, a.button:hover, a.button:active { outline: none; padding: 5px 10px 5px 10px; font-size: 10px; color: #fff; text-decoration: none; background-color: #666; border: solid 1px #000; cursor:pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.dbutton { outline: none; padding: 5px 10px 5px 10px; font-size: 10px; text-decoration: none; text-transform: uppercase; color:#000; background-color: #00a4d9; border: solid 1px #002c64; cursor:pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.gbutton, a.gbutton, a.gbutton:link, a.gbutton:visited { outline: none; padding: 5px 10px 5px 10px; font-size: 10px; color: #fff; text-decoration: none; background-color: #999; text-transform: uppercase; border: solid 1px #000; cursor:pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.suptab { color: #000; font-size: 9pt; background-color: #e6e6e6; padding: 10px 8px 10px 8px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; text-align: center; font-weight: normal; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; }
.suptab A, .suptab A:link  { color: #000; text-decoration: none; }
.suptab A:hover { color: #0081aa; }

.sdntab { color: #fff; font-size: 9pt; background-color: #00a4d9; padding: 10px 8px 10px 8px; border: 1px solid #00a4d9; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; text-align: center; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
.sdntab A, .sdntab A:link { color: #fff; text-decoration: none; }
.sdntab A:hover { color: #fff; }

.stab { border-bottom: 5px solid #00a4d9; }

.headline { font-size: 13px; font-weight: normal; border-top : 1px solid #fff; padding: 6px 0px 6px 0px; border-bottom:1px solid #e6e6e6; font-family: sans-serif, Arial, Helvetica; }
.headline A, .headline A:link, .headline A:visited  { color: #002c64; text-decoration: none; }
div.headline A:hover { color: #002c64; text-decoration: underline; }
div.headline:hover { background-color: #e7e7e7; color: #002c64; cursor:pointer; }

.oo-row-divider td { font-size: 12px; font-weight: normal; border-top : 1px solid #fff; padding: 6px 0px 6px 0px; border-bottom:1px solid #e6e6e6; font-family: sans-serif, Arial, Helvetica; }
.oo-row-divider A, .oo-row-divider A:link, .oo-row-divider A:visited  { color: #002c64; text-decoration: none; }
.oo-row-divider A:hover { color: #002c64; text-decoration: underline; }

.oo-row-divider-over td { font-size: 12px; font-weight: normal; border-top : 1px solid #e1e1e1; background-color : #e7e7e7; padding: 6px 0px 6px 0px; border-bottom:1px solid #f4f4f4; font-family: sans-serif, Arial, Helvetica; }
.oo-row-over { font-size: 12px; font-weight: normal; border-top : 1px solid #e1e1e1; background-color : #e6e6e6; padding: 6px 0px 6px 0px; border-bottom:1px solid #f4f4f4; font-family: sans-serif, Arial, Helvetica; }
.oo-row-divider-over A, .oo-row-divider-over A:link, .oo-row-divider-over A:visited { color: #002c64; text-decoration: none; }
.oo-row-divider-over A:hover { color: #002c64; text-decoration: underline; }

.bti-text { margin: 0; color: #333; font-size: 12px; font-weight: normal; padding-top: 6px; font-family: Arial, Helvetica, sans-serif; }
.bti-stext { margin: 0; color: #333; font-size: 11px; font-weight: normal; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; }
.bti-strapline { margin: 0; color: #333; font-size: 13px; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; padding: 4px 6px 6px 0px; }
.bti-featured { text-align: right; font-size: 8pt; font-weight: bold; padding: 4px 6px 4px 6px; background-color: #00a4d9; color: #000; font-family: Helvetica, Arial, sans-serif; }

.ccbox { position: relative; max-width: 750px; margin-top: 3%; margin-left: auto; margin-right: auto; padding: 10px; }
.ccboxtitle { box-shadow: 2px 2px 5px #666; color: #fff; background-color: #002c64; font-size: 14px; line-height: 16px; letter-spacing: 0px; text-align: left; font-weight: bold; text-transform: uppercase; padding: 8px 6px 8px 6px; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; }
.ccboxlayer { position: fixed; left: 0px; top: 0px; width:100%; height:100%; background: rgba(0,0,0,0.6); z-index: 99999; display: none; }
.ccboxcontent { box-shadow: 2px 2px 5px #666; background-color: #f4f4f4; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 6px 10px 6px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; letter-spacing: 0px; text-align: left; color: #000; margin-bottom: 13px; padding-top: 6px; word-wrap: break-word; border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; }
  
@media screen and (max-width: 970px) {
#microsite { float: left; width: 100%; min-width: 600px; overflow: auto; padding: 15px 0px; }
.box600 { width: 100%; text-align: center; padding: 0 0 10px 0; }
}

@media screen and (max-width: 950px) {
#fullhdr { display: none; }
#mobhdr { display: block; }
#srchbar { display: none; }
 
 }
 
@media screen and (max-width: 910px) {
.box500 { width: 100%; text-align: center; padding: 0 0 10px 0; }
.meetteami { height: 182px; background:url(/images/meet2.jpg); background-repeat: no-repeat; }
 
 }
 
@media screen and (max-width: 870px) {
#stocks { float: right; margin-right: 0px; padding-top: 10px; width: 100% }
#stocksc { float: left; width: 100%; margin-left: 0px; float: left; padding-top: 10px; }
#csp tr > *:nth-child(7) {  display: none; }
  
 }

@media screen and (max-width: 850px) { 
.box400 { width: 100%; text-align: center; padding: 0 0 10px 0; }
 }
 
@media screen and (max-width: 780px) {
.dtab1 { width: 9%; }
.dtab2 { width: 9%; }
.dtab3 { width: 11%; }
.dtab4 { width: 12%; }
.dtab5 { width: 15%; }
.dtab6 { width: 9%; }
.dtab7 { width: 12%; }
.dtab8 { width: 9%; }
.dtab9 { width: 14%; }
.dtab10 { width: 0; display: none; }
#adlink { display: block; }
 
 }
 
@media screen and (max-width: 750px) {
.footer { width: 30.25%; }
.footer2, .footer3, .footer4 { width: 22.25%; }
.box300 { width: 100%; text-align: center; padding: 0 0 10px 0; }
#csp tr > *:nth-child(6) {  display: none; }

 }
 
@media screen and (max-width: 710px) {
.dtab1 { width: 10.5%; }
.dtab2 { width: 10.5%; }
.dtab3 { width: 13%; }
.dtab4 { width: 14%; }
.dtab5 { width: 17%; }
.dtab6 { width: 10.5%; }
.dtab7 { width: 14%; }
.dtab8 { width: 10.5%; }
.dtab9 { width: 0; display: none; }
.dtab10 { width: 0; display: none; }

.featured { width: 100%; }
#buyers { margin-right: 0px; }
#buyright { margin: 0px; float: left; width: 100%; }
.left50a { margin: 0; width: 49.2%; float: left; padding-top: 0; }
.right50a { margin: 0 0 0 1.6%; width: 49.2%; float: left; padding-top: 0; }
#newsidx { margin-right: 250px; }
#newsidxc { width: 240px; margin-left: -240px; float: left; }
#pfooter tr > *:nth-child(2) {  display: none; }
#links tr > *:nth-child(2) {  display: block; }
 
 #banners { display: none; }
 #listcol { width: 100%; right-margin: 0px; }
 
 }
 
@media screen and (max-width: 660px) {
#newsarch { display: none; }
#prodadds {float: left; width: 100%; margin-left: 0;}
#proddesc {float: left; width: 100%; margin-right: 0; }
.meetteami { height: 182px; background:url(/images/meet2.jpg); background-repeat: no-repeat; }
 
 }
 
@media screen and (max-width: 620px) {
.dtab1 { width: 12.5%; }
.dtab2 { width: 12.5%; }
.dtab3 { width: 15%; }
.dtab4 { width: 16%; }
.dtab5 { width: 19%; }
.dtab6 { width: 12.5%; }
.dtab7 { width: 0; display: none; }
.dtab8 { width: 12.5%; }
.dtab9 { width: 0; display: none; }
.dtab10 { width: 0; display: none; }

.foldcol { float: left; width: 100%; }
#event { width:100%; margin: 0px; }
#eventcal { display: none; }
#asbutton { display: block; }
#lbuttons {float: left; width: 100%; margin-left: 0; margin-right: 0; }
#abuttons {float: right; height: 22px; margin-left: 0; margin-right: 0; background-color: #fff; }
#upsale { margin-right: 0px; width: 100%; }
#upsalec { width: 100%; margin-left: 0px; float: left; }
#newsidx { margin-right: 0px; width: 100%; }
#newsidxc { width: 100%; margin-left: 0px; float: left; }
#search { float: left; margin-left: 0px; width: 100%; }
#searchc { float: left; width: 100%; margin-left: 0; }
#csp tr > *:nth-child(5) {  display: none; }
 
 }
 
@media screen and (max-width: 600px) {
#oologo { display: none; }
}
 
@media screen and (max-width: 580px) {
.footer, .footer3 { width: 51.2%; margin: 0px; }
.footer2, .footer4 { width: 47.2%; }
table#figure { width: 100%; }
#figure tr > *:nth-child(1) { padding-left: 0px; }
#prodlist { margin-right: 0px; }
#prodlistc { width: 100%; margin-left: 0px; float: left; }
#sky { display: none; margin: 0; padding: 0; }
.prodtile { display: block; float:left; max-width: 110px; padding: 3px; }
#newscol { margin-right: 0px; width: 100%; }
#newsright { width: 100%; float: left; margin-left: 0px; }
#newsbanner { display: none; }
 
 }

@media screen and (max-width: 550px) {
.tabbar { display: none; }
.location {display: block; }
#cclogo { display: none; }
.dntab { -webkit-appearance: none; outline: none; background-color: #999; color: white; padding: 10px 2px 10px 2px; font-size: 12px; cursor: pointer; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; border: 1px solid #ccc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-decoration: none; width: 100%; }
.uptab { -webkit-appearance: none; outline: none; background-color: #f4f4f4; color: black; padding: 10px 2px 10px 2px; font-size: 12px; cursor: pointer; text-transform: uppercase; font-family: Helvetica, Arial, San Serif; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-decoration: none; width: 100%; }
.dtab1, .dtab2, .dtab3, .dtab4, .dtab5, .dtab6, .dtab7, .dtab8, .dtab9, .dtab10 { width: 49.9%; display: block; }
.dropdown:hover .dropdown-content { display: none; }
.dropdown:hover .uptab { background-color: #002c64; color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #f4f4f4; }

#collapse1 {display: hidden; }

#smupsale { margin-right: 0px; width: 100%; }
#smupsalec { width: 100%; margin-left: 0px; float: left; }
.media { width: 49%; padding-bottom: 10px; }

 }
 
@media screen and (max-width: 500px) {
#csp tr > *:nth-child(4) {  display: none; }

 }
 
@media screen and (max-width: 460px) {
.footer, .footer3 { width: 54.2%; margin: 0px; }
.footer2, .footer4 { width: 42.2%; }
#viewer tr > *:nth-child(1) { display: none; }
#options {display: none; }
#doptions {display: block; }
 }

@media screen and (max-width: 430px) {
#dllogo { display: none; }
.fold3 {float: left; width: 100%; }
.box200 { width: 100%; text-align: center; padding: 0 0 10px 0; } 
}

@media screen and (max-width: 390px) {
#csp tr > *:nth-child(3) {  display: none; }

 }