/************************Begin standardization of the page***************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ 
       font-family          : Arial, Helvetica, sans-serif; 
       color                : #000000; 
       font-size            : x-small;
}

table
{
       border-collapse      : collapse; 
       border-spacing       : 0;
}

fieldset, img
{
       border               : 0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
       font-style           : normal; 
       font-weight          : normal;
}

h1, h2, h3, h4, h5, h6 
{
       font-size            : 100%;
       padding              : 0;
       margin               : 0;
}

/*End Standardization of the page*/

html, body
{
       padding              : 0;
       margin               : 0;
       background-color     : #3e0110;
}

.wrapper
{
       position             : absolute;
       left                 : 130px;
       top                  : 155px;
       width                : 75%;
       min-width            : 700px;
       background-color     : #ffe4af;
} 

.wrapper p
{
       padding-bottom      : 0;
       margin-bottom       : 0;
}

.wrapper h4, h5, h6
{
       font-family         : georgia;
       padding-left        : 30px;
       padding-right       : 30px;
}

.wrapper h4
{
       text-align          : center;
       font-size           : 2.5em;
}

.wrapper h5
{
       text-align          : center;
       font-size           : 1.7em;
}

.wrapper h6
{
       text-align          : center;
       font-size           : 2.5em;
}


.wrapper2
{
       position             : absolute;
       left                 : 130px;
       top                  : 155px;
       width                : 75%;
       min-width            : 850px;
       background-color     : #ffe4af;
} 

.wrapper2 p
{
       padding-bottom      : 0;
       margin-bottom       : 0;
}

.wrapper2 h4, h5, h6
{
       font-family         : georgia;
       padding-left        : 30px;
       padding-right       : 30px;
}

.wrapper2 h4
{
       text-align          : center;
       font-size           : 2.5em;
}

.wrapper2 h5
{
       text-align          : center;
       font-size           : 1.7em;
}

.wrapper2 h6
{
       text-align          : center;
       font-size           : 2.5em;
}


.mainbody
{
       position             : relative;
       padding              : .5em 1em .5em 1em;
       text-align           : center;
       margin               : 0 auto 0 auto;
}

.mainbody h1
{
       font-family          : georgia;
       font-size            : 2.2em;
       font-weight          : normal;
}

#footer p
{
       display              : block;
       width                : 100%;
       background-color     : #3e0110;
       color                : #ffe4af;
       text-align           : center;
       font-size            : 1.4em;
       font-family          : times;
       padding-bottom       : 20px;
       padding-top          : 20px;
}

#footer a
{
       text-decoration      : underline;
       color                : #ffe4af;
}

#bbq_products
{
       position             : relative;
       width                : 612px;
       height               : 792px;
       margin               : 0 auto 0 auto;
       background-image     : url(images/productimage.jpg);

}

       #bbq_products h1
       {
              position             : relative;
              padding              : 60px 20px 0 20px;
              color                : #ffe4af;
              font-size            : 14px;
              font-family          : arial;
              font-weight          : normal;
       }

       #bbq_products h2
       {
              color                : #fff;
              float                : left;
              text-align           : center;
              width                : 180px;
              font-size            : 12px;
       }

       #bbq_products h3
       {
              color                : #ffe4af;
              float                : right;
              width                : 130px;
              font-size            : 12px;
              font-family          : arial;
              text-align           : left;
              font-weight          : normal;
              margin-top           : -1.2em;
       }

       .sauce_container
       {
              position             : relative;
              float                : left;
              width                : 290px;
              height               : 210px;
       }


/**************************This is for the positioning of Add To Cart Buttons on products.php page **************/

       #orig, #mild, #spicy
       {
              position             : absolute;
              left                 : 165px;
              font-family          : arial;
              font-weight          : bold;
              font-size            : 13px;
       }

       #cajun, #tropic, #teri
       {
              position             : absolute;
              left                 : 450px;
              font-family          : arial;
              font-weight          : bold;
              font-size            : 13px;
       }

       #orig, #cajun {top: 270px;}
       #mild, #tropic {top: 490px;}
       #spicy, #teri {top: 700px;}


/**************************This is the end of the positioning of Add To Cart Buttons on products.php page **************/

      #title_bar_background
      {
              position             : absolute;
              top                  : 0;
              left                 : 0;
              height               : 150px;
              width                : 100%;
              min-width            : 700px;
              background-image     : url(images/title_background.jpg);
              z-index              : 100;
      }


      #title_bar
      {
              position             : relative;
              width                : 100%;
              min-width            : 700px;
              height               : 113px;
              text-align           : center;
      }

      #navmenu
      {
		position: relative;
              width                : 75%;
              min-width            : 700px;
		margin: 0 auto 0 130px;
		text-align: center;

      }

 /* remove bullets and list indents from top menu*/

#navmenu a
{
position: relative;
text-decoration: none;
margin: 0;
padding: 0;
padding-right: 40px;
}

      #xnavmenu ul
      {
             position              : relaive;
             list-style            : none;
             margin                : 0;
             padding               : 0;
      }

      #xnavmenu ul li
      {
              float                : left;
              padding-right        : 40px;
      }

      #xend
      {
              float                : left;
              padding-right        : 0;
      }

 /* remove bullets and list indents from left menu*/

      #sidewrap
      {
              left                 : 0;
              top                  : 180px;
              height               : 300px;
              width                : 150px;
      }


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