html, body {
    /* get rid of default spacing on the edges */
    margin: 0;
    padding: 0;
    background-color: #DFDFDF;
}

body,div,table,th,tr,td,select,input,button,textarea,a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}

a,a:link,a:visited,a:active,a:hover{ color:#01006F; text-decoration:none;}
 a:hover{ text-decoration:none;}
 
 a.left-nav { font-family:Arial,Helvetica,Sans-Serif; font-weight:bold; color:#003399; font-size:14px; line-height: 22px; text-indent:5px; }
 a.left-nav:hover {color:#FF0000; }

.gentitle{font-size:22px;}
.genlarge{font-size:18px;}
.genbig{font-size:15px;}
.genset{font-size:13px;}
.gen{font-size:12px;}
.genmed{font-size:11px;}
.gensmall{font-size:10px;}
.cat { font-weight:bold; }

.sep { background-color: #DFDFDF; height:15px; }

a.error, .error { color: #FF0000; }

img { border:0; }

#box {
  width:100%;
  height:100%;
  padding:1.5% 6%;
}

#page {
  height:100%;
  width:100%;
  background-color:#FFF;
  background-image:url("./images/content.jpg");
  background-position:top;
  background-repeat:repeat-x;
}

#header, #footer, #content, #left, #right { vertical-align:top; }

#header, #nav {
  margin:10px;
}

#header {
  height:80px;
  background-color: #FFFEFF;
  background-image:url("./images/logo.jpg");
  background-position:top center;
  background-repeat:no-repeat;
  border:1px solid #191919;
  margin-bottom:0;
}

#nav {
  margin: 0 10px;
  padding:3px;
  background-color:#FFF;
  border: 1px solid #000;
}

#nav-left {
  float:left;
}
#nav-right {
  float:right;
}

a.nav { font-size:11px; }

.error, a.error {
  color: #FF0000;
}

#shadow {
  margin: 0 10px;
  background-image:url('./images/logo_shadow.jpg');
  background-position:top;
  background-repeat:repeat-x;
  height:10px;
}

h2 { margin-top: 0; }

#container {
  margin: 0 10px;
}

.deal {
  border: 1px dotted #000;
  padding:4px 2px;
  background-color:#E6F4FF;
}

.details {
  border: 1px solid #000;
  padding:5px;
  background-color:#E6F4FF;
}

#left {
  float: left;
  white-space:nowrap;
  background-color:#FFF;
  color: #000;
  width:150px;
  margin: 0 10px 10px 0;
  padding:2px;
  border:1px solid #191919;  
}

#right {
  background-color:#FFF;
  color: #000;
  margin-left:160px; 
  padding:5px;
  padding-bottom:0;
  border:1px solid #191919;
  padding-right:160px;
}

#right-block {
  width:150px;
  
  position:absolute;
  right:11px;
  top: 115px;
  bottom:0;
  margin:10px 0 11px 0;
}

ul#content {
  list-style-type:none;
  padding:0;
  margin:0;
}

ul#content li {
  display:inline;
}

#ad-block {
  vertical-align:top;
  width:100px;
}

#footer {
  margin:10px;
  text-align:center;
  color: #000;
  font-size:10px;
  font-family:lucida console;
}

ul.table {
  list-style-type: none;
  list-style-image: none;
  list-style-position: inside;
  text-align:left;
  display:table;
}

ul.table li {
  margin-bottom:3px;
}

.button {
  float:right;
  padding:3px;
  margin-right:5px;
  border:1px solid #000;
  border-bottom: 0;
  background-color: #7DC3FE;
  font-weight:bold;
  font-size:14px;
  cursor:pointer;
}

.row1 { background-color: #E6F4FF;}

a.admin { color:#FF0022; }

input,textarea,select{border:1px solid #000;background-color:#DBEEFD;padding:2px 0;color:#000;}

/* This is the outline round the main forum tables */
.forumline  { background-color: #FFFFFF; border: 1px #000 solid; }


/* Main table cell colours and backgrounds */
td.row1  { background-color: #EFEFEF; }
td.row2  { background-color: #DEE3E7; }
td.row3  { background-color: #D1D7DC; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
    background-color: #FFFFFF;
    background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th  {
  color: #FFA34F; font-size: 11px; font-weight : bold;
  background-color: #3B93BF; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
      background-image: url(images/cellpic1.gif);
      background-color:#D1E2EF; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
  height: 29px;
  border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
  background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow   { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right   { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft    { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop   { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

hr {
  height:1px;
  border:0;
  background-color:#CCE5FD;
  margin:10px 0 0 0;
}

.deal_search {
  margin:0 auto;
  width:600px;
  border:1px solid #000;
}

.deal_search tr th {
  vertical-align: middle;
  text-align: center;
  padding:5px;
  border-bottom: 1px solid #000;
  font-size:16px;
}

.deal_search tr td {
  vertical-align: top;
  text-align: left;
  padding:5px;
}

.deal_search tr td.center {
  text-align:center;
}

.deal_search tr td span {
  font-weight:bold;
}

#advanced {
  display:none;
}

#advanced-handle {
  line-height:25px;
  cursor:pointer;
}

h1 {
    margin:0;
    padding:0;
    font-size:18px;
    
}

.deal-mini {
    width:50%;
    margin:10px;
    padding:0;
    font-family:Arial;
    vertical-align:top;
    background-color:#EFEFEF;
    white-space:no-wrap;
}

.deal-mini-head {
    background-color:#005DA8;
    padding:5px;
    color:#000;
    font-style:italic;
    font-weight:bold;
    border-bottom:1px solid #000;
}

.deal-mini-head a {
    color:#FEFEFE;
    font-size:13px;
    font-style:italic;
}

.deal-mini-content {
    padding:5px;
    position:relative;
}

.left {
    float:left;
}

.right {
    float:right;
}

.flying-ad {width:234px;height:60px;top:-20px;left:-20px;position:absolute;}