/*********** GENERAL LAYOUT ************/

* { margin:0; padding:0; }

img { border:0; }

body
{
   background-position: center top;
   background-attachment:fixed;
   background-repeat:no-repeat;
   text-align:center;
   font-family:Century Gothic, Verdana, Sans-Serif;
   background-image:url(../Images/Themes/Generic/WindowBackground.jpg);
   background-color:#000;
   font-size:10pt;
}

.Page
{
   width:900px;
   border:solid 1px #000;
   border-width:0 1px;
   margin:auto;
   text-align:left;
   -moz-border-radius:0 0 10px 10px;
}

.clear, .Clear
{
    clear:both;
    width:1px;
    height:1px;
}

/********** Banner Window ************/

.BannerWindow
{
   height:125px;
   margin-bottom:1px;
   background-image:url(../Images/Themes/Generic/PageBanner.png);
}   

.BannerWindow .Tab
{
   background-image:url(../Images/Layout/BannerTab.gif);
   width:161px;
   height:24px;
   background-repeat:no-repeat;
   float:right;
   margin-right:30px;
}

.BannerWindow .Tab a
{
   float:left;
   display:block;   
   height:24px;
   font-weight:bold;
   font-size:9pt;
   text-decoration:none;
   padding-top:3px;
}
.BannerWindow .Tab a:hover
{
}
.BannerWindow .Tab a.ChangeTheme
{
   width:103px;
   height:24px; 
}
.BannerWindow .Tab a.Cart
{
   width:54px; 
}
.BannerWindow .Tab a.Cart .Count
{
   color:#f47836;
   margin:0 0 0 40px;
   font-size:8pt;
}

.BannerWindow a.Logo
{
   background-image:url(../Images/Layout/BannerLogo.png);
   height: 69px;
   width: 169px;
   position:relative;
   top:24px;
   left:-18px;
   display:block;
   text-decoration:none;
   z-index:1000;
}

.BannerWindow .Title
{
    font-size:64pt;
    color:#fff;
    font-weight:bold;
    font-family:Georgia, Serif;
    position:relative;
    z-index:100;
    top:-36px;
    left:130px;
}
.BannerWindow .Title a
{
    text-decoration:none;
    color:#fff;
}
.BannerWindow .Title a:hover
{
    text-decoration:underline;
}

.Quote
{
    height:0;
    overflow:visible;
    position:relative;
    float:right;
    top:22px;
    left:30px;
    display:none;
}

/********** MAIN BODY **********/

.MainWindow
{
    background-color:#333;
    background-image:url(/Images/Layout/MainWindowBackground.jpg);
    color:#fff;
}

.MainWindow a
{
    color:#acf;
}

h1, h2
{
    font-weight:normal;
}

h1
{
    padding:45px 0 0 60px;
}
h1.Center
{
    padding:45px 0 0 0;
    text-align:center;
}

h2, h3, h4, h5, h6
{
    padding:10px 0 10px 60px;
}

ul li
{
    margin-left:30px;
}

.clear
{
    clear:both;
}
p
{
    padding:5px 0 5px 60px;
    color:#eee;
}
p.PageLevel
{
    padding:15px 0 15px 60px;
    color:#ccc;
}
p.Error
{
    background-color:#a31;
    color:#eee;
    font-style:italic;
    text-align:center;
    font-variant:small-caps;
    font-weight:bold;
}
div.Error
{
    background-color:#a31;
    color:#eee;
    font-style:italic;
    text-align:center;
    font-variant:small-caps;
    font-weight:bold;
}
ul.PageLevel
{
    padding-left:60px;
}
table.PageLevel
{
    margin-left:60px;
}
table.FullSize 
{
    width:750px;
}
hr.PageLevel
{
    margin-left:60px;
    width:750px;
    height:1px;
    color:#999;
}

.NoGo
{
    display:none;
}


/********** FOOTER ************/

.FooterWindow
{
   background-image:url(../Images/Layout/FooterBackground.gif);
   background-repeat:repeat-x;
   height:40px;
   clear:both;
   background-color:#000;
   border-top:solid 1px #000;
   -moz-border-radius:0 0 10px 10px;
}

  #FooterString
  {
      clear:both;
      font-size:8pt;
      text-align:center;
      color:#fff;
      margin:14px 0;
  }
  #FooterString a
  {
      color:#fff;
  }
  #FooterString a:hover
  {
      color:#09f;
  }

  
/***************************************************/
/********************* FORM ************************/
  
  .Form
  {
    margin:auto;
    border:solid 4px #555;
  }
  .Form thead td
  {
    font-weight:bold;
  }
  .Form td
  {
    padding:10px;
    margin:10px;
    background-color:#555;
    color:#444;
  }
  td.Error
  {
    background-color:#854;
    color:#eee;
    font-style:italic;
    text-align:center;
    font-variant:small-caps;
  }
  .Form td
  {
    margin:4px;
    color:#eee;
    font-size:12pt;
  }
  .Form input.textbox
  {
    width:200px;
    font-size:12pt;
    color:#444;
    padding:2px;
  }
  .Form textarea
  {
    padding:5px;
  }
  .Form input.button
  {
    cursor:pointer;
    font-size:12pt;
    width:auto;
  }
  .Form input.checkbox
  {
    margin:5px 6px 0 0;
  }
  
  
  .Form.SmallText td
  {
    font-size:9pt;
  }

  
/************************************************************/
/********************     BUTTON BAR   **********************/

.ButtonBar
{
    width:805px;
    height:55px;
    background-image:url(../Images/Layout/Cart/CheckoutBar.png);
    margin:10px 0 25px 48px;
    overflow:hidden;
}

.ButtonBar img, .ButtonBar input
{
    float:right;
    margin:10px;
}





/********************* REPORT ************************/

table.Report
{
	padding: 0;
	margin: auto;
	border-collapse:collapse;
}

table.Report thead tr td
{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #556677;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../Images/Layout/Grid/header.jpg);
}

table.Report td
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../Images/Layout/Grid/row.jpg);
	background-repeat:repeat-x;
	background-color:#ececec;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	padding: 6px 6px 6px 12px;
}

table.Report table
{
	padding: 0;
	border-collapse:collapse;
}
table.Report td td
{
    border:solid 1px #ccc;
	background-color:#fff;
	padding: 6px 6px 6px 12px;
}



/*********************** PageLinks *************************/

ul.PageLinks
{
    padding:10px 0 10px 40px;
}
ul.PageLinks li
{
    padding:2px 0;
    list-style-type:none;
}
ul.PageLinks li, ul.PageLinks li a
{
    color:#5bf;
}
ul.PageLinks li a:hover
{
    color:#adf;
}


/************************* Admin Links ***********************/

.TopAdminLinks
{
    background-color:#000;
    height:31px;
}
.TopAdminLinks span.Title
{
    font-size:8pt;
    position:relative;
    top:7px;
    margin:0 10px;
}
.TopAdminLinks a
{
    position:relative;
    top:7px;
    left:1px;
    padding:5px;
    background-color:#222;
    height:18px;
    text-decoration:none;
    font-size:9pt;
}
.TopAdminLinks a:hover
{
    color:#fff;
    background-color:#035;
}



/************************************************************/
/******************    FEATURED PRODUCTS   ******************/

.FeaturedProducts
{
    margin:0;
    text-align:center;
    height:292px;
}

.FeaturedProducts .Product
{    
    cursor:pointer;
    text-decoration:none;
    width:200px;
    height:260px;
    display:inline-block;
    clear:none;
    margin:14px 4px 0 0;
    background-repeat:no-repeat;
    text-align:center;
    padding:5px 1px 5px 1px;
    line-height:10pt;
    color:#fff;
    vertical-align:top;
    background-image:url(../Images/Layout/FeaturedProducts/ProductBackground.png);
    background-repeat:no-repeat;
}
.FeaturedProducts .Product:hover
{
    background-image:url(../Images/Layout/FeaturedProducts/ProductBackground_On.png); 	
}

.FeaturedProducts .Product img
{
    width:160px;
    height:160px;
}

.FeaturedProducts .Product div.Name
{
    font-size:9pt;
    margin-top:4px;
}

.FeaturedProducts .Product div.Price
{
    font-size:14pt;
    margin-top:8px;
}


/**************************************************/
/*************** List of Products  ****************/

.CategoriesMenu
{
    height:34px;
    background-image:url(/Images/Layout/Categories/MenuButtonBackground.gif);
}
.CategoriesMenu a
{
    display:block;
    text-decoration:none;
    color:#CCC;
    float:left;
    height:34px;
    border-right:solid 1px #666;
}
.CategoriesMenu a span
{
    margin:0 15px 0px 15px;
    font-size:8pt;
    font-variant:small-caps;
    top:7px;
    position:relative;
}
.CategoriesMenu a:hover
{
    background-image:url(/Images/Layout/Categories/MenuButtonBackground_On.gif);
    color:#fff;
}