/*Default color settings for page*/
body { background-color: black;
       color: white;
       height: 100%; }

/*Styling for links*/
a:link { color: red; }
a:link img { border: 0px; }
a:visited img { border: 0px; }
a.BikeThumbnail:link img,
a.BikeThumbnail:visited img { border: 1px solid white; }

/*Content box headers*/
.Titles { color: gold;
          font-family: Tahoma;
          font-size: 14pt;
          font-weight: bold; }
.Titles:before 
   { content: url("http://www.grandprixmotoring.com/Images/icon2.gif"); }
.TitleBox { position:absolute;
            top:-25px;
            left:0px; }
.Bikes { color: gold;
         font-family: Tahoma;
         font-weight: bold; }
.Bikes:before 
   { content: url("http://www.grandprixmotoring.com/Images/icon2.gif"); }

.PageTitle { position:absolute;
             top:15px;
             left:15px; }

/*Content boxes and text inside boxes*/
/*Positioning and size of specific boxes is handled individually.*/
.ContentBox { border: 1px solid white;
              background-color: black;
              color: white;
              font-size: 10pt;
              font-family: Tahoma;
              text-align: justify;
              text-justify: distribute;
              padding: 4px;
              position: relative; }

.ContentImg { margin-left: auto;
              margin-right: auto;
              display: block; }

.ContentBoxTable { background-color: #921A1B;
                   width: 90%;
                   table-layout: auto;
                   margin-left: auto;
                   margin-right: auto;
                   border-collapse: collapse;
                   empty-cells: show; }
.UsedBikeTable { background-color: #921A1B;
                 width: 95%;
                 table-layout: auto;
                 margin-left: auto;
                 margin-right: auto;
                 border-collapse: collapse;
                 empty-cells: show; }
.ContentBoxTable td,
.UsedBikeTable td { width: 33%;
                    border: 1px solid white;
                    padding: 4px;
                    vertical-align: top;
                    text-align: left; }
.ContentBoxTable td { height: 200px; }
.UsedBikeTable td { height: 175px; }
.ContentBoxTable img,
.UsedBikeTable img { max-height: 150px;
                       max-width: 175px; }
.ContentBoxTable .empty,
.UsedBikeTable .empty { background-color: black;
                        border: 0px; }
.ClearTable { table-layout: fixed;
              border: 0px;
              //width: 99%;
              background-color: transparent; }
.ClearTable td { width: 33%;
                 vertical-align: top;
                 text-align: center;
                 padding: 4px; }
.ClearTable img { max-width: 250px; }

/*Main box to hold all page content.
  Size is based on width of header/footer images. If these change,
  this box must be resized. */
#UberBox { position: absolute;
           top: 0px;
           left: 0px;
           width: 1024px;
           padding: 0px; }

/*This box contains the header. Size is based on header image size. */
#Header { position: relative;
          top: 0px;
          left: 0px;
          width: 1024px;
          height: 76px; }
#Holiday { position: absolute;
           top: 0px;
           left: 0px;
           z-index: 6;
           width: 1024px;
           height: 76px; }

/*This box contains the sidebar and main page content. */
/*The height is left undetermined so it can be adjusted in the*/
/*individual pages.*/
#MidBox { position: relative;
          top: 0px;
          width: 1024px;
          height: 100%;
          float: left;
          padding: 0px; }

/*This box contains the sidebar. It is located inside the MidBox.
  If the content inside the sidebar is resized, the width attribute must
  be adjusted. */
#SideBar { position: relative;
           top: 0px;
           left: 0px;
           float: left;
           width: 158px;
           height: 100%;
           margin: 0px;
           background-color: black;
           padding-left: 2px;
           padding-top: 30px; }

#Sidebar .ContentBox { width: 145px;
                       margin-top: 40px; }

#SideLinkBox { width:156px;
               position:relative; }
.sidetitle { position:absolute;
             top:-17px;
             left:0px; }
.sidelink { margin-top: 1px;
            margin-bottom: 1px; }
.sideimg { display: black;
           margin-left: auto;
           margin-right: auto; }

/*This box contains the main page content. It is located inside the MidBox.*/
#MainBox { position: relative;
           top: 0px;
           left: 0px;
           float: left;
           width: 864px;
           min-height: 675px;
           height: 100%;
           background-image:
              url('http://www.grandprixmotoring.com/images/b2.jpg'); }
.MainBoxContent { margin-top: 100px;
                  padding-top: 10px;
                  padding-left: 10px;
                  padding-right: 10px;
                  padding-bottom: 240px;
                  position: relative;
                  width: 844px;
                  float: left; }

/*This box contains the bikes for sale*/
#ForSaleBox { position: absolute;
              bottom: 0px;
              left: 0px;
              width: 864px;
              margin-top: 40px; }

/*This box contains the footer. Size is based on the footer image size. */
#Footer { position: relative;
          width: 1024px;
          height: 31px; }

/*Formatting for the table containing the bikes for sale*/
.BikesForSale { border-collapse: collapse;
                background-color: black;
                table-layout: fixed;
                width: 860px; }
.BikesForSale td { border: 1px solid white;
                   height: 200px;
                   width: 33%;
                   padding: 2px;
                   text-align: left;
                   vertical-align: top;}
.BFSbox { position: relative;
          width: 100%;
          height: 100%; }
.BFSThumb { max-height: 150px;
            margin: 4px;
            float: left;
            border: 1px solid white; }
.BFSbox .moreinfo { position: absolute;
                    left: 4px;
                    bottom: 4px; }

#socmed_box { margin-top: 20px;
              margin-left: auto;
              margin-right: auto;
              width: 70px;
              align: center; }
#skype_box { align: center; }
#skype_box img { display: block;
                 margin-left: auto;
                 margin-right: auto; }