html, body, div, span, object, iframe, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif !important;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    /* vertical-align:baseline; */
    background:transparent;
}
body {
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
p {
  color:white;
  font-size:14;
  margin:0 0 10px 0;
}
h1 {
  margin:4px 0;
  font-size:20px !important;
}
h2 {
  color:#777;
  margin:0 0 12px 6px;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  font-style:italic;
}
h3 {
  color:#fff;
  margin:0 0 12px 6px;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  font-style:italic;
}
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    /* vertical-align:baseline; */
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*
 * END OF RESET CODE!!
 */

html {
  background: #888;  /* url("../img/newbg1.png") 50% 0 no-repeat;
-webkit-background-size: 1400px 700px; */
}

.clearer, .clear {
  height: 0;
  line-height: 0;
  clear: both;
}

#topbarouter {
  background: transparent;
  text-align: center;
  height: 45px;
  margin: 0 auto;
  width: 1100px;
}
#topbar {
  z-index: 1000;
  position: fixed;
  display: table;
  width: 1098px;
  height: 45px;
  background: transparent;
  border-right: 0px solid white;
  border-left: 0px solid white;
  border-bottom: 0px solid white;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#topbar > div {
  display: table-cell;
}
#topevents {
  background-color:#222;
  line-height:45px;
  width: 220px;
  color: white;
  border-right: 1px solid #888;
  text-decoration: none;
}
#topevents a {
  color: #fff;
  text-decoration: none;
}
#topevents:hover {
  background-color:#111;
}
#toplogin {
  background: #222;
  line-height:45px;
  color: #fff;
}
#toplogin a {
  color: #e0b24c;
  text-decoration: none;
}
#toplogin:hover {
  background-color: #111;
}
#topnotes {
  background: #222;
  width: 200px;
  border-left: 1px solid #888;
  vertical-align:top;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#topnotes a {
  color: white;
  text-decoration: none;
}
#topnotes:hover {
  background-color: #111;
}
#topemail {
  width: 150px;
}
#toppassword {
  width: 150px;
}

#loginform { }
#loginbutton { }

#loginform label input {
  width: 150px;
  height: 20px;
  border: 0px solid green;
  padding: 2px 0 0 5px;
}

#topgraphic {
  background: transparent url("../img/logo1.png") no-repeat;
  width: 1098px;
  height: 100px;
  margin: 0 auto;
}
#partners {
  float: right;
  width: 220px;
  margin: 0 0px 0 0;
  clear:both;
}
#partners > div {
  float: right;
  width: 32px;
  height: 32px;
  margin: 10px;
  background: transparent;
  opacity: .70;
}
#partners > div:hover {
  opacity: 1;
}
#retailquestionouter {
  position:relative;
  float:right;
  margin:23px 25px 0 0;
  width: 155px;
  height: 25px;
  z-index:200;
}
#retailquestion {
  width: 150px;
  margin: 0 0px 0 auto;
  background: #eee;
  height: 25px;
  line-height: 25px;
  border-top: 0px #709478;
  border-left: 0px #709478;
  border-right: 0px #709478;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
}
#retailquestion a {
  padding:0 0 0 15px;
  color: black;
  text-decoration: none;
}
#retailquestion:hover {
  background-color: #fff;
}
#menubar {
  display: table;
  width: 1098px;
  height: 45px;
  padding:4px 0 0 0;
  background: #222;
  margin: 0 auto;
  position: relative;
  color: white;
  border:0px solid white;
  border-bottom-right-radius:8px;
  -moz-border-radius-bottomleft: 8px;
}
#menubar a {
  color: white;
  text-decoration: none;
}

#header_nav {
  z-index: 100;
  position: absolute;
}
#menubar > ul, #menubar > div {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
#sitesearch {
  width: 270px;
  background: transparent;
  padding-top: 1px;
}
#sitesearch input[type=text] {
 background: #555;
 color: white;
 height:34px;
 padding-left:5px;
 border:0;
 width: 180px;
 font-size: 18px;
}
#sitesearchform input[type=submit] {
 height:34px;
 border:0;
 font-size:18px;
 transform: rotate(-5deg);
}
#sitesearchform input[type=submit]:hover {
 background: #fff;
}
#submenubar {
  height: 10px;
  line-height: 10px;
  margin: 0 auto;
  clear: both;
}

#rotater {
  width: 1098px;
  margin: 0 auto;
  height: 150px;
  display: table;
}
#rotater,#rotater * {
  display: none;
}
#rotater > div {
  display: table-cell;
  text-align: center;
}
#rotleft {
  background: #666;
  width:750px;
  color: white;
}
#rotright {
  background: #222;
  color: white;
}
#rotright > ul {
  height: 100px;
  overflow: hidden;
}

#textspace {
  width: 1098px;
  margin: 0 auto;
  margin-bottom: 10px;
  background: #222;
  line-height: 20px;
  color: white;
  border: 0px solid white;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#textspace a {
  color: white;
  text-decoration: none;
}
#newsetc {
  display: table;
  width: 1100px;
  margin: 0 auto;
  background: transparent;
  border: 0px solid lime;
}
#newsetc > div {
  display: table-cell;
}
#newsetcleft {
  background: #222;
  width: 71%;
  color: #fff;
  border: 0px solid white;
  padding: 0 14px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#newsetcleft a {
  color: white;
}
#newsetcright {
  background: transparent;
  vertical-align:top;
}
#eventsearch {
  background: #555;
  min-height: 50px;
  line-height: 50px;
  text-align: center;
}
#boxup {
  background: #222;
  min-height: 100px;
  color: #C8D7E3;
  border: 0px solid white;
  margin-left:10px;
  padding: 14px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#boxup a {
  color: white;
  text-decoration: none;
}
#boxdown {
  background: #222;
  min-height: 100px;
  color: #C8D7E3;
  margin-left:10px;
  margin-top:10px;
  border: 0px solid white;
  padding: 14px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  font-size: 12px;
}
#boxdown a {
 color: #e0b24c;
 text-decoration: none;
 border-left: 4px solid transparent;
 display:block;
 font-size: 14px;
}
#boxdown a:hover {
 border-left: 4px solid white;
}
div.thread {
 margin-bottom: 8px;
}
#newsbuttons {
  background: #444;
  display: table;
  float:right;
}
#newsbuttons a {
  color: white;
  text-decoration:none;
}
#newsbuttons > * {
  display: table-cell;
}
#footer {
  color:white;
  width: 1098px;
  margin: 0 auto;
  margin-top:10px;
  margin-bottom:50px;
  background: #333;
  line-height: 50px;
  border:0px solid white;
  text-align:center;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#footer a {
  color:white;
  text-decoration:none;
}
.friend-infobox {
  background:#333;
  padding: 6px;
  margin-bottom: 3px;
  border: 0px dotted white;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
.friend-minibox {
  width:32px;
  height:32px;
  float:left;
  border:0px solid #FFF;
  border-radius:2px;
  margin:4px;
  position:relative;
  opacity:.9;
}
.friend-minibox:hover {
  background: #fff;
  opacity:1;
}
.friend-minibox img {
  position:absolute;
  top:0;
  left:0;
  width:32px;
  height:32px;
}
.storebox {
  background:#333;
  padding: 6px;
  margin-bottom: 10px;
}
.storebox_button {
  background:#888;
  float:left;
  padding: 4px;
  text-decoration:none;
  display:block;
  margin: 0 8px 4px 0;
}
div#pendnotify {
  top:0;
  position:relative;
  float:left;
  line-height:0;
  height:0;
  overflow:visible;
  z-index:1001;
}
div#pendnotify a:link,div#pendnotify a:visited,div#pendnotify a:active {
  display:block;
  position:absolute;
  top:-45px;
  height:45px;
  overflow:hidden;
  line-height:45px;
  width:180px;
  color:#fff;
  margin:0 0 0 10px;
  text-decoration:none;
}
/* --- CHAT! --- */
div#chat {
 position:fixed;
 top:100%;
 width:100%;
 z-index:99;
}
div#chat div.chatpop {
 width:252px;
 height:282px;
 border:0px solid white;
 box-shadow: -0px -0px 10px black;
 position:relative;
 top:-250px;
 float:right;
 margin:0 0 0 5px;
 background-color:#111;
 z-index:99;
}
div#chat div.titlebar {
 width:250px;
 height:22px;
 padding:1px 0 0 0;
 z-index:99;
 background-color: #555;
}
div#chat div.title {
 margin-left:4px;
 z-index:99;
 color: white;
}
div#chat div.minim {
 float:right;
 width:16px;
 height:16px;
 line-height:12px;
 font-weight:bold;
 border:0px solid white;
 background:#888;
 color:white;
 text-align:center;
 margin:2px;
 cursor:pointer;
 z-index:99;
}
div#chat div.minim:hover {
 background-color:#777;
 z-index:99;
}
div#chat div.xclose {
 float:right;
 width:16px;
 height:16px;
 line-height:14px;
 font-weight:bold;
 border:0px solid white;
 background:#B66;
 color:white;
 text-align:center;
 margin:2px;
 cursor:pointer;
 z-index:99;
}
div#chat div.xclose:hover {
 background-color:#F00;
 z-index:99;
}
div#chat div.plusadd {
 /*float:right;
 width:14px;
 height:14px;
 line-height:12px;
 font-weight:bold;
 border:1px solid white;
 background:#6B6;
 color:white;
 text-align:center;
 margin:1px;
 cursor:pointer;*/
}
div#chat div.plusadd:hover {
 background-color:#0F0;
 z-index:99;
}
div#chat div.plusadd div.pluspop {
 width:250px;
 position:absolute;
 top:0;
 left:0;
 border:0px solid white;
 background-color:#333;
 text-align:left;
 line-height:20px;
 z-index:99;
}
div#chat div.chatpop div.hist {
 width:244px;
 height:194px;
 overflow:auto;
 background-color:#CCC;
 padding: 3px;
 z-index:99;
}
div#chat div.chatpop div.hist p {
 margin:0;
 overflow:hidden;
 width:100%;
 z-index:99;
}
div#chat input {
 width:245px;
 height:22px;
 border-top:0px solid #777;
 margin:0;
 z-index:99;
}
span#chatloading {
 display:block;
 position:relative;
 top:-36px;
 float:right;
 width:300px;
 border:0px solid #888;
 background:#555 url(../img/icons/chat/chatload.gif) center center no-repeat;
 height:30px;
 padding-left:10px;
}
.yell {
  color: #111;
  background-color: white;
  border-bottom: 0px dashed blue;
  padding: 5px 20px;
}
div.newsdate {
	color: #C8D7E3;
	margin:10px 0 4px 0;
	font-size:12px;
}
.tweet-like {
 display:inline-block;
 position:relative;
 top:2px;
}
.css-buttons-r {
  text-decoration: none;
  font: 1em;
  background-color: #888;
  color: white;
  padding: 4px 10px;
  float: left;
  border: 0px solid #000;

}
.css-buttons-r:hover {
  background-image: none; 
}
.css-buttons-l {
  text-decoration: none;
  font: 1em;
  background-color: #777;
  color: white;
  padding: 4px 10px;
  float: left;
  border: 1px solid #000;

}
.css-buttons-l:hover {
  background-image: none; 
}
.event-css-buttons {
  text-decoration: none;
  font: 1em;
  background-color: #777;
  color: white;
  padding: 3px 7px;
  float: left;
  border: 1px solid #000;

}
.event-css-buttons:hover {
  background-image: none; 
}
.eventboxes {
  background-color:#111;
  margin-bottom:4px;
  padding:6px;
  border-radius: 8px;
  -moz-border-radius: 8px;
}
.myhome {
  background:#333;
  margin:10px 0;
  padding:6px;
  border:0px solid #221a0f;
  border-radius:8px;
  -moz-border-radius:8px;
  overflow:hidden;
}

td.truck {
 border-radius: 999px; 
 -moz-border-radius: 999px;
 background: green;
}

td.truck_new {
 border-radius: 999px;
 -moz-border-radius: 999px; 
 background: green;
}

td.truck_locked {
 border-radius: 999px;
 -moz-border-radius: 999px;
 background: red;
}

td.truck_locked_new {
 border-radius: 999px;
 -moz-border-radius: 999px; 
 background: red;
}

td.truck_hot {
 border-radius: 999px; 
 -moz-border-radius: 999px;
 background: orange;
}

td.truck_hot_new {
 border-radius: 999px; 
 -moz-border-radius: 999px;
 background: orange;
}

.errmsg {
 text-align: center;
 padding: 10px 0;
 color: #ff4444;
}

#mobnav {
 display: none;
}

.mobonly {
 display: none;
}

.eventfixed {
 display: none;
}

@media screen and (max-width: 1099px) {

#mobnav { display: block; }
#mobnav a {
 display: block;
 float: left;
 margin: 10px 0 0 10px;
 border-radius: 100px;
 border: 1px solid black;
 background-color: #222;
 color: #e0b24c;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-decoration: none;
 font-size: 12px;
 text-align: center;
}

#topbarouter { width:auto; }
#topevents { width:50px; }
#topnotes { width:50px; }
#topbar { width:100%; }
#topgraphic { width:100%; background-size:auto 50px; height:50px; }
#partners > div { margin:0; }
#textspace { display:none; }
#menubar { width:100%; }
#rotater { width:auto; }
#textspace { width:auto; }

#newsetc { display:block; width:auto; }
#newsetc > div { display:block; width:auto; }
#newsetcleft { width:auto; }
#newsetcright { width:auto; display:none !important; }
#boxup { margin-left:0; margin-top:10px; }
#boxdown { margin-left:0; }
#footer { width:auto; font-size:12px; line-height:20px; }
#footer-copy { display:block; clear:both; }

.nomob { display: none !important; }
.mobonly { display: block; }
span.mobonly { display: inline; }

img, embed, object { max-width: 100% !important; height:auto; }

th,td { font-size: 100%; }

.truck-post-points-textcolor { width:auto !important; } /* move to forum css! */
.truck-post-textcolor { width:auto !important; }

table.post { display:block; }
table.post tr { display:block; }
table.post td { display:block; width:100%; margin:0 0 10px 10px; }

.truck-av-col { width:100px !important; float: right; }
.truck-av-col img { width:50px !important; height:auto !important; }

.index-begin td.idxcel div { display:none; }
.area-begin td { padding-top: 5px; }

.moclear { display: block; clear: both; margin:10px 0; }

#chat { display: none; }
nobr { white-space: normal; }

.eventfixed {
 display: block;
 position: fixed;
 top: 100%;
 left: 100%;
 z-index: 99;
}

.eventfixed > a {
 display: block;
 position: relative;
 width: 150px;
 height: 25px;
 left: -150px;
 top: -25px;
 background-color: #333;
 color: #e0b24c;
 text-align: center;
 border: 1px solid white;
 border-width: 1px 0 0 1px;
 text-decoration: none;
 padding: 3px 0 0 0;
 margin: 0;
}
}

@media screen and (max-width: 768px) {
html {
}
}
@media screen and (max-width: 550px) {
html {
}
}
@media screen and (max-width: 320px) {
html {
}