/*
**
**	Main CSS file for catalog. This sets the rules for everything in this directory.
**
*/

/* Background of browser window. The actual page ends up within the bounds of maintable. */
BODY
{
	PADDING: 0px;
	MARGIN: 0px;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/bg.jpg);
	background-position: top center;
	background-color: #343434;
}
p {
	font-size: 12px;
}
.white {
	color: #fff;
}
a:link {
	color: #D6650C;
}
a:visited {
	color: #D6650C;
}
a:hover {
	color: #143C47;
}
a:active {
	color: #D6650C;
}
/* Links used in the breadcrumb widget. */
A.breadcrumblink:link
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

A.breadcrumblink:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;

}

A.breadcrumblink:visited
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}


/* Body of the actual page, slightly less than the browser size. */
#maintable
{
	MARGIN: 0px;
	VERTICAL-ALIGN: TOP;
	WIDTH: 710px;
	height: 1000px;
	BORDER: 1px black solid;
	BORDER-COLLAPSE: collapse;
	BORDER-SPACING: 0;
	background-image: url(/images/black.png);
	background-repeat: repeat;
}

/* Titlebar directives go here. */
#titlebar {
	height: 290px;	
}
.titleTagline {
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
}
#headerTop {
	width: 100%;
	height: 70px;
}
#headerTopLeft {
	width: 64%;
	height: 70px;
	float: left;
}
#headerTopRight {
	width: 35%;
	height: 70px;
	float: right;
	text-align: right;
	vertical-align:top;
}
/* The menu, over the main content and under the titlebar. */
.menubar
{
	TEXT-ALIGN: CENTER;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #143C47;
	BORDER: 1px black solid;
}

A.menubarlink:link
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
	FONT-SIZE: 10pt;
}

A.menubarlink:visited
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
	FONT-SIZE: 10pt;
}

A.menubarlink:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;
}

/* The list of categories goes here. It has its own table. */
#categorylist
{
	WIDTH: 5px;
	VERTICAL-ALIGN: TOP;
}

/* Contents of the page go here. */
#contents
{
	WIDTH: 440px;
	padding: 10px;
	VERTICAL-ALIGN: TOP;
}
/* All Marcus's ads and sidebar stuff from Shattered Crystal go here. */
#foobar
{
	WIDTH:14%;
	VERTICAL-ALIGN: TOP;
	position: relative;

}

/* This lays out the style info for the breadcrumb widget.
   TODO: Should probably be an id, not a class...and perhaps should be present in admin as well.
*/
.breadcrumb
{
	MARGIN: 1px;
	PADDING: 2px;
	COLOR: #FFF;
	FONT-SIZE: 12pt;
}

/* All the items get listed within this. */
#itemtable
{
	PADDING: 0px;
	MARGIN: 0px;
	WIDTH: 100%;
	COLOR: #FFF;
}

/* ******************************************** */
/* CSS for Item Sub Categories in the main body */
A.subcategorylink:link
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

A.subcategorylink:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;

}

A.subcategorylink:visited
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

A.subcategorylink:visited:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;
}

/* A single item. */
#itementry {
	WIDTH: 100%;
	MARGIN-TOP: 5px;
	COLOR: #FFF;
}

/* Displays the title of the item within item entry. */
#itemheader {
	BORDER-BOTTOM: 2px SOLID BLACK;
	COLOR: #FFF;
	FONT-SIZE: 16pt;
	BACKGROUND-COLOR: #143C47;
}

/* The table division that holds the item picture */
#picturesection
{
	VERTICAL-ALIGN: TOP;
	FONT-SIZE: 10pt;
	COLOR: #FFF;
}

/* Style description for comment box (if allowed). */
#commentbox
{
	VERTICAL-ALIGN: BOTTOM;
	FONT-SIZE: 10pt;
	color: #FFF;
	
}

/* Item description below item header and to the right of item picture. */
#itemdescr {
	width: 65%;
	VERTICAL-ALIGN: TOP;
	FONT-SIZE: 12pt;
	COLOR: #FFF;
}

/* Where the price is listed, and the Buy button appears. */
#buysection
{
	VERTICAL-ALIGN: TOP;
	WIDTH: 25%;
	FONT-SIZE: 14pt;
	TEXT-ALIGN: RIGHT;
	COLOR: #FFF;
}

/* Classes used in construction of category table */
/* ********************************************** */

/* All category links except the currently selected one. */
A.categorylink:link
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

A.categorylink:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;

}

A.categorylink:visited
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

A.categorylink:visited:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;
}

/* The currently selected category link. */
A.activecategorylink:link
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

A.activecategorylink:hover
{
	COLOR: #FFF;
	TEXT-DECORATION: UNDERLINE;

}

A.activecategorylink:visited
{
	COLOR: #FFF;
	TEXT-DECORATION: none;
}

/* Look of table */
#categorytable
{
	WIDTH: 175px;
/*	BORDER-LEFT: THIN SOLID BLACK;
	BORDER-RIGHT: THIN SOLID BLACK;
*/
	BORDER: 1px SOLID BLACK;
	font-weight: bold;
	FONT-SIZE: 8pt;
}

/* Categories that have the "-" sign next to them look like this. */
#categoryopen {
/*	BORDER-TOP: THIN SOLID BLACK;
	BORDER-BOTTOM: THIN SOLID BLACK;
*/
}

/* Categories that have the "+" sign next to them look like this. */
#categoryclosed {
}
/* ********************************************** */
/* End of category table classes                  */

/* Item description below item header and to the right of item picture. */
#signupfield
{
	VERTICAL-ALIGN: TOP;
	TEXT-ALIGN: RIGHT;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #598080;
	COLOR: #000;
}

#signupentry
{
	VERTICAL-ALIGN: TOP;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #598080;
	COLOR: #000;
}

.signupfield
{
	VERTICAL-ALIGN: TOP;
	TEXT-ALIGN: RIGHT;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #598080;
	COLOR: #000;
}

.signupentry
{
	VERTICAL-ALIGN: TOP;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #598080;
	COLOR: #000;
}

#errortext
{
	FONT-WEIGHT: bold;
	COLOR: #000;
}

.affiliatelink
{
	MARGIN-LEFT: 30px;
	VERTICAL-ALIGN: TOP;
	FONT-SIZE: 9pt;
}

.minilogin
{
	FONT-SIZE: 8pt;
}

.subtable
{
	MARGIN: 10px;
	COLOR: #000;
	WIDTH: 90%;
	BORDER:1px solid black;
}

.itemformcell
{
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
	FONT-SIZE: 10pt;
}

.itemformentry
{
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
/*	PADDING-LEFT: 4px;*/
	FONT-SIZE: 10pt;
}

.search {
	FONT-SIZE: 8pt;
	vertical-align:top;
}

.search input {
	border: 1px solid black;
	font-size: 8pt;
}
input {
	color: #000;
	font-size: 8pt;
}
.searchbtn
{
	background-color: #c0c0c0;
}

.searchbox
{
	width: 50%;
	background-color: #ffffff;
	font-size: 8pt;
	border: 1px solid black;
}

.searchrow
{
	border: 1px solid black;
}
.footer {
	text-align: center;
	font-size: 10px;
}
.ways {
	font-size: 10px;
	color: #FF7E00;
	margin: 0px;
}
#cards {
	position: absolute;
}

#\360Day {
	font-size: 12px;
}
.\360Days {
	width: 100px;
	height: 100px;
}
.\360DaysText {
	font-size: 12px;
}
.\360DaysPrice {
	font-size: 12px;
	color: #d6650c;
}
#affiliateframe {
	width: 450px;
}
#footertext, #footertext span {
	font-size: 12px;
	text-align: center;
}
#header-container {
	border-top: solid 3px #fff;
	border-bottom: solid 3px #fff;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 218px;
	position: relative;
	width: 709px;
}
#ship-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#ship {
	height: 320px;
	left: 50px;
	position: absolute;
	top: -70px;
	width: 143px;
	z-index: 10;
}
#top-nav-container {
	background-color: rgba(0, 0, 0, 0.5);
	*background: #000;
	border-bottom: solid 1px #000;
	font: 10px;
	height: 26px;
	right: 0;
	position: absolute;
	top: 0;
	width: 586px;
	z-index: 5;
}
#bottom-nav-container {
	background-color: rgba(0, 0, 0, 0.5);
	*background: #000;
	border-top: solid 1px #000;
	height: 26px;
	right: 0;
	position: absolute;
	bottom: 0;
	width: 558px;
	z-index: 5;
}
ul#top-nav, ul#bottom-nav {
	margin: 0;
	padding: 0;
}
ul#top-nav li, ul#bottom-nav li, ul#top-nav li a, ul#bottom-nav li a {
	color: #fff;
	display: block;
	float: left;
	font-size: 10px;
	list-style: none;
	text-decoration: none;
}
ul#top-nav li a:hover, ul#bottom-nav li a:hover {
	text-decoration: underline;
}
#header-container p {
	position: absolute;
	top: 80px;
	left: 240px;
	height: 50px;
	width: 400px;
	text-shadow: 2px 2px 5px #000000;
	z-index: 5;
}
#home {
	margin: 7px 0 0 80px;
}
#my-codes {
	margin: 7px 0 0 80px;
}
#our-mission {
	margin: 7px 0 0 80px;
}
#faqs {
	margin: 7px 0 0 80px;
}
#affiliate-program {
	margin: 7px 0 0 40px;
}
#eve-online {
	margin: 7px 0 0 80px;
}
#login {
	margin: 7px 0 0 80px;
}