/*********************
 * page specific CSS *
 ********************/

body#index, body#itemlist, body#myaccount, body#additem, 
body#cart, body#checkout, body#admin, body#search, body#paymentresults,
body#faq {} /* delete this */

#halloweenShipping
{
   width: 95%; border: 1px black solid; background-color: #3399FF;
   /*FF9900 (orange)*/ text-align: center;
   color: black; font-weight: bold; font-size: 8pt;
   padding: 3px; padding-top: 5px; padding-bottom: 5px;
}

.searchResults { color: black; text-align: left; margin: 0; } 

body
{
    position: relative; width: 800px;
	text-align: center;
    margin: auto;
}

body#faq ol { text-align: left; margin: auto; }
body#faq #middleNav li { padding-bottom: 5px; }
body#faq #middleNav { text-align: left; }
.faqquestion { font-weight: normal; font-size: 12pt; color: black !important; }
.faqquestionText { font-weight: normal; font-size: 8pt; }
.faqDiv 
{ 
    position: relative; left: 25px; padding: 8px;
    border: 1px solid #CCCCCC; background: #EEEEEE; color: black; 
    visibility: hidden; display: none; font-weight: normal;
    font-size: 8pt; width: 90%; margin: 3px;
}

.faqTable
{
    border: 0px solid black; text-align: left;
    width: 100%; /*padding: 10px; float: left;*/ 
    font-family: Tahoma, Verdana; color: #000000; 
    font-size: 8pt; 
}
.faqTable .tdblue
{
    border: 1px solid black; background-color: 3399FF;
}
.faqTable .tdgray
{
    border: 1px solid #C0C0C0; background-color: #EEEEEE;
}
.navbutton { width: 90px; }

.hidden { display: none; visibility: hidden;  }

.scrollDiv .tditemlisting /*aka li - to be used for each item on the itemlist page */
{
    border: 0px solid #C0C0C0; margin: 0; text-align: center;
    /*width: 175px; padding: 10px; height: 175px;*/ float: left; 
    font-family: Tahoma, Verdana; color: #000000; font-size: 10pt; 
}

.scrollTable 
{ 
    border: 0px solid black; text-align: center;
    width: 100%; /*padding: 10px; float: left;*/ 
    font-family: Tahoma, Verdana; color: #000000; 
    font-size: 10pt;  
}
.scrollTable td 
{ 
    border: 0px solid red; 
    width: 175px; padding: 10px;
}
.scrollTable img { border: 0px; }

.contactLabel
{ 
	font-family: Tahoma; text-align: right; border: solid black 1px;
	background: #3399FF; color: white; font-weight: bold;
}

.contactForm
{ 
	font-family: Tahoma; text-align: left; border: solid #CCCCCC 1px;
	background: #EEEEEE;
}

.scrollDiv 
{
	visibility: hidden; display: none;
}

#backnext
{
	/**/width: 585px; height: 70px; text-align: center;
	/*position: absolute; top: 365px; left: 150px;*/
	border: 0px solid black; /*text-size: 22pt;*/
	margin: 0; float: left; padding-top: 8px;
}

#backnext a 
{ 
	border: 1px solid #3399FF; padding: 4px; text-size: 22pt;
	/*border-top: 1px solid #C0C0C0; */
}
#backnext a:hover { /*background: #EEEEEE;*/ color: black; border: 1px solid black;  }

table.checkout .AcctTDBlue
{
	/**/background-color: #3399FF; padding: 2px;
	/*color: #3399FF;*/ color: white; text-align: right;
	border: 1px solid #C0C0C0; width: 20%;
}

table.checkout .AcctTDBlue a { color: white; }

table.checkout .AcctTDGray
{
	/*background-color: #CCCCCC;*/
	text-align: left;
	border: 1px solid #EEEEEE;
}


table.checkout .TDCenter, table.contact
{ text-align: center; }

#cartTable { border: 0px solid #EEEEEE; width: 100%; }
#cartTable .cartImage { width: 20%; }
#cartTable .cartTitle { width: 50%; }
#cartTable .cartQty { width: 5%; text-align: center; }
#cartTable .cartRemove { width: 15%; }
#cartTable .cartPrice { width: 10%; text-align: right;}
#cartTable .alignRight { text-align: right;}
#cartTable td, #trackingTable td { border: 1px solid #EEEEEE; }
.trackNumHead { background-color: #EEEEEE }
#trackingTable { border: 0px solid #EEEEEE; }

body#itemlist div#middleNav, body#search div#middleNav { width: 625px; }

.itemlist /*aka ul - to be used for whole item list on itemlist page */
{
	border: 0px solid red; position: relative; left: -25px;
    list-style-type: none; /*list-style-position: inside;*/
	display: inline-block; text-align: center;
}

.itemlisting img { border: 0px; }
.itemlisting, .tditemlisting /*aka li - to be used for each item on the itemlist page */
{
	border: 0px solid black; margin: 0; text-align: center;
	width: 175px; padding: 10px; height: 175px;
	list-style-type: none; list-style-position: inside;
	/*display: inline;  float: left;*/ 
	font-family: Tahoma, Verdana; color: #000000; font-size: 10pt; 
}

.tditemlisting a:link { border: 0; text-decoration: none; color: #336699; }

.categoryList
{
	/*border: 0px solid red; */
	/*position: relative; left: -40px;*/ width: 145px;
	/*list-style-type: none; display: list-item;*/ 
	/*border: 0px solid #C0C0C0; margin: 0px;*/
	text-align: left; /*background: #EEEEEE;*/
}

.subCategoryList
{
	/*border: 0px solid red; */
	/*position: relative;*/ /*left: -40px; */
	width: 125px;
	list-style-type: none; text-align: left;
	/*display: list-item;*/
	padding-top: 2px; padding-bottom: 3px; padding-left: 0;
	margin-left: 15px; margin-top: 0; margin-bottom: 0;
}

.categoryListItem
{
	border: 0px solid black;
	/*list-style-type: none;
	display: inline;  display: list-item;*/ 
	font-family: Tahoma, Verdana; color: #ffffff; /*color: #3399FF; */
	font-size: 8pt; font-weight: bold; 
	padding-left: 0; margin-left: 0;
	background: url('./images/nav_button.jpg') no-repeat top left;
	height: 19px; padding-left: 5px; /*padding-bottom: 2px; */padding-top: 2px;
	vertical-align: middle;
}

.categoryListItem a:link { /*color: #3399FF;*/ color: #555555; }
.categoryListItem a:visited { /*color: #3399FF;*/ color: #555555;}
.categoryListItem a:hover 
{ /*color: #3399FF;*/ color: #000000; padding-left: 3px; border: 0px solid #ffffff; }

.subCategoryListItem
{
	border: 0px solid black;
	/*list-style-type: none;
	display: inline;*/  /*display: list-item; */
	font-family: Tahoma, Verdana; color: #3399FF; 
	font-size: 8pt; font-weight: bold; 
	padding-left: 0; margin-left: 0;
}

#itemimage img 
{ 
/*max-height: 200px; max-width: 200px; 
  height:auto !important; width:auto !important;
  height:200px; width: 200px;*/ border: 2px #C0C0C0 solid;
}

#itemlistsort
{
   background-color: #EEEEEE;
   border: 1px solid #CCCCCC;
   height: 25px;
}
#itemimage
{ 
	/*border-right: 2px #3399FF solid;*/ 
        position: absolute; left: 25px; top: 50px;
	border: 0px black solid; overflow: none;
	width: 200px; height: 200px; text-align: center; padding-left: 2px;
	font-family: Tahoma, Verdana; color: #3399FF;
}

#itemdesc
{
     position: absolute; left: 25px; top: 275px; width: 475px;
     border: 2px #C0C0C0 solid; text-align: left; margin: 0;
     background: #EEEEEE; font-weight: bold; padding: 5px;
}
#iteminfo
{ 
	/*border: 2px #3399FF solid;*/ 
        background: #EEEEEE; font-weight: bold;
        position: absolute; left: 250px; top: 50px;
	border: 2px #C0C0C0 solid;
	width: 250px; text-align: left; padding: 5px;
	font-family: Tahoma, Verdana; color: #3399FF;
}

#itemcart
{ 
	/*border-right: 2px #3399FF solid;*/ 
        position: absolute; left: 75px; top: 275px;
	border: 0px red solid;
	width: 425px; height: 50px; text-align: left; padding-left: 2px;
	font-family: Tahoma, Verdana; color: #3399FF;
}

.cartImage
{ 
     border: 1px solid #C0C0C0; padding: 3px; width: 107px;
     text-align: center;
}

.cartImageOutOfStock
{
     border: 1px solid #C0C0C0; padding: 3px; width: 125px;
     text-align: center; color: #CCCCCC;
}

.addCartImage
{
     background-color: #EEEEEE; color: white;/**/ 
     border: 1px solid #C0C0C0; padding: 3px; width: 107px;
     text-align: center; margin: auto;
}

.addCartOutOfStock
{
     background-color: #EEEEEE; color: #CCCCCC;/**/ 
     border: 1px solid #C0C0C0; padding: 3px; width: 107px;
     text-align: center; margin: auto;
}

a:link.cartImage { /*background-color: #C0C0C0; color: white;*/ }
a:hover.cartImage { /*background-color: #C0C0C0; color: white;*/ }

body#myaccount table#myaccount,
body#search table#myaccount,
.myAccount
{
   position: relative; top: 15px;
   width: 450px;
   font-family: Tahoma, Verdana;
   margin: auto;
   /*border: 1px solid black;*/
}

body#myaccount table#myaccount .AcctTDBlue,
body#search table#myaccount .AcctTDBlue,
.myAccount .AcctTDBlue
{
   background-color: #3399FF; padding: 2px;
   font-weight: bold; color: white; text-align: right;
   border: 1px solid black; width: 45%;
}

body#myaccount table#myaccount .AcctTDGray,
body#search table#myaccount .AcctTDGray,
.myAccount .AcctTDGray
{
   background-color: white;
   border: 1px solid gray;
}

body#myaccount table#myaccount .TDCenter,
body#search table#myaccount .TDCenter,
.myAccount .TDCenter,
body#contact table#contactTable .TDCenter
{ text-align: center; }

.AcctTDLtGray { background-color: #EEEEEE; border: 1px solid #CCCCCC; }

.adminLink
{ color: white !important; }

.help { color: #CC0000; }

.paypalPayLink { padding: 3px; border: 1px #3399FF solid; width: 50px; display: inline; }
.paypalPayLink a { background-color: white; color: #3399FF; }
.paypalPayLink a:hover { background-color: #3399FF; color: white; }
.paypalPayLink a:active { background-color: #3399FF; color: white; }
.paypalPayLink a:visited { background-color: white; color: #3399FF; }

.paypalTable { width: 95%; }
.paypalTable td { border: 1px solid #EEEEEE; }

/**************
 * Global CSS *
 *************/

a:link { border: 0; text-decoration: none; color: #3399FF; }
a:visited { border: 0; text-decoration: none; color: #3399FF; }
a:active { border: 0; text-decoration: none; }
a:hover { border: 0; text-decoration: none; color: #336699; }

#Content 
{ 
	font-family: Tahoma, Verdana;
	position: relative; width: 800px;
	border: 0px solid red; text-align: left; margin: 0;
}

#Footer
{
	font-family: Tahoma, Verdana; font-size: 12px;
	width: 550px; height: 50px; /*top: 25px;*/
        /*position: relative; bottom: 15px; left: 15px;*/
	border: 0px solid black; text-align: center; color: #3399FF;
        font-weight: bold; margin: 0; /*visibility: hidden;*/ 
        padding-top: 25px;
}

.smallFooterText
{
   color: black; font-size: 9px;
}

#Header 
{ 
	position: relative; width: 800px; top: 7px;
	border: 0px solid black;	
}

#topNav 
{
	position: relative; width: 800px; text-align: left;
	border: 0px solid blue;	 
}

#leftNav 
{ 
	/*border: 2px #3399FF solid;*/ position: relative; top: 5px;
	/*border: 1px green solid;*/
	width: 150px; /*height: 400px;*/ 
        text-align: left; padding-left: 2px; padding-top: 10px;
	font-family: Tahoma, Verdana; color: #3399FF;
        font-size: 8pt; margin: 0;
}

div#middleNav
{ 
	/*border-right: 2px #3399FF solid;*/ border: 0px red solid; 
        position: absolute; left: 155px; top: 5px;
        /*border-right: 0px #3399FF solid; border-left: #3399FF 2px solid;*/
	width: 525px; text-align: center; padding-left: 2px; padding-top: 10px;
	font-family: Tahoma, Verdana; color: #3399FF; margin: 0;
}

body#index div#middleNav { text-align: left; }

#rightNav 
{ 
	/*border-left: 2px #3399FF solid;*/
        position: absolute; left: 685px; top: 15px;
	border: 0px black solid; margin: 0;
	width: 115px; text-align: left; padding-left: 2px;
        font-size: 10pt;
	font-family: Tahoma, Verdana; color: black;
}

#cartAndAccount
{
     position: absolute; right: 0px; top: -4px;	
}


#searchbutton
{
   position: absolute; right: 19px; top: 25px;  
}

.error { color: Red; }

/**********************
 * admin specific CSS *
 **********************/

table#admin .TDCenter, table#adminSys .TDCenter, table#adminInv .TDCenter
{ text-align: center; }

table#admin, table#adminSys, table#adminInv
{
   /*position: relative; top: 15px;
   width: 75%;*/
   font-family: Tahoma, Verdana;
   margin: auto; text-align: center;
}

table#admin .AcctTDBlue, table#adminSys .AcctTDBlue, table#adminInv .AcctTDBlue
{
   background-color: #3399FF; padding: 2px;
   font-weight: bold; color: white; text-align: right;
   border: 1px solid black; width: 45%;
}

table#admin .AcctTDGray, table#adminSys .AcctTDGray, table#adminInv .AcctTDGray
{
   background-color: white;
   border: 1px solid gray;
}

#adminCart { border: 0px solid #EEEEEE; width: 50%; }
#adminCart .cartImage { width: 20%; }
#adminCart .cartTitle { width: 50%; }
#adminCart .cartQty { width: 5%; text-align: center; }
#adminCart .cartRemove { width: 15%; }
#adminCart .cartPrice { width: 10%; text-align: right;}
#adminCart .alignRight { text-align: right;}
#adminCart td, #trackingTable td { border: 1px solid #EEEEEE; }

/****************************************
 * CategoryPage CSS                     *
 ****************************************/
.catpage TD { border: 0px !important; }
#catpage TD
{ 
   border: 0px solid #CCCCCC; 
   font-Family: Tahoma, Verdana; color: black;
   font-size: 12px; text-align: center; margin: 0;

}
#catpage { text-align: center; margin: 0; }
.catprice 
{ 
   font-weight: bold; font-size: 18px; font-family: Tahoma, Verdana; 
}
img.catimg { height: 150px; }

body#itemlist table#catpage { width: 100%; }
body#itemlist table.catpage TD { text-align: center; margin: 0; }
#featureditems { font-size: 40px; color: #9966cc; }