/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2007 osCommerce

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License v2 (1991)
  as published by the Free Software Foundation.
*/

/* MARKUP */

/* ID's, Classes, Elements to add for design integation */


/*Header*/
#index2-01 {position:absolute; left:0px; top:0px; width:149px; height:138px;}
#index2-02 {position:absolute; left:149px; top:0px; width:349px; height:138px;}
#index2-03 { position:absolute; left:498px; top:0px; width:492px; height:87px;}
#index2-04 {position:absolute; left:750px; top:93px;}

.italics_heading {color:white; font: bold italic small-caps 13pt Franklin Gothic, sans-serif;letter-spacing: -1px}




/*
The navigation_container corresponds to the entire menubar across the top of the 
page, including the drop-down menus and the quick hub links. Font-size is set here. 
Font color, which applies to the plus characters separating the quick hub links, 
is set to light brown. To remove the menubar's drop shadow change the height to 30px.
*/

div#navigation_container {
	height: 37px;
	font: 11px;
	line-height: 13px;
	color: #6a5332;
	position:relative; 
	top:90px; 
	left: 161px;
	z-index: 111; /* hack for explorer z-index bug */
	}
/*
navigation is the root UL and navigation ul applies to all the sub-menu ULs.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
and optionally set a font-family different from the global font-family declared for the
navigation_container above. This will set the font for just the menus.
*/
#navigation, #navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. Font color is set to white.
*/
#navigation a {
	display: block;
	background-image: url(/sitewide/includes/headerfooter/img/menuitem_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	font: 500 11px arial;
	padding: 8px 10px 9px 5px;
	color: white;
	}
/*
The Root-Level list items. Floating left allows them to appear horizontally.
*/
#navigation li {
	float: left;
	}
/*
Set width for Sub-Menu box. Should be equal to the width of a Sub-Menu List Item 
plus its right and left borders.
*/
#navigation li ul {
	width: 172px;
	}
/*
Sub-Menu Unordered Lists describes each dropdown sub-menu grouping. 
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders can be set to simulate a raised look.
A gradient background image can be assigned.
*/
#navigation li ul {
	position: absolute;
	z-index: 110;
	display: none;
	background-color: rgb(246,241,232);
	}
/*
Set width, borders, and font size for Sub-Menu List Items.
*/
#navigation ul li {
	width: 170px;
	border-bottom: solid 1px rgb(184,162,126);
	border-right: solid 1px rgb(184,162,126);
	border-left: solid 1px rgb(184,162,126);
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	}
/*
The sub-menu links. We set the color of the links to gold. We set top and 
bottom padding less than the root items.
*/
#navigation ul li a {
	color: #996633;
	padding: 4px 3px 5px 12px;
	width: 155px; /* necessary to trigger "hasLayout" in Explorer 6 */
	}
/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector is assigned to IE5 and 
IE6 Windows via the menus.js script. Note that IE7 supports hover on 
elements other than links and so behaves like Firefox, Opera, and Safari - 
making the menu operable even if JavaScript is not enabled.
*/
#navigation li:hover a, #navigation li.p7hvr a {
	background-position: bottom right;
	}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the menus.js script.
*/
#navigation li:hover ul, #navigation li.p7hvr ul {
	display: block;
	}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the menus.js script.
The color set should match the normal Sub-Level link color
in the rule: #navigation ul li a. The background color must be
transparent to allow an underlying gradient background on the UL
to show through. We set the background-image to none so that it doesn't 
inherit the background image of the Root-Level menu item.
*/
#navigation li:hover ul a, #navigation li.p7hvr ul a {
	color: #996633;
	background-color: transparent;
	background-image: none;
	}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to orange.
*/
#navigation li:hover ul a:hover, #navigation li.p7hvr ul a:hover {
	background-color: white !important;
	color: #ec660c;
	}









BODY {
  background: #000 url(http://www.justinfatica.org/images/bg_image.jpg) no-repeat top center; 
  margin: 0;
  padding: 0;
  font: 10pt Trebuchet MS; 
  color: #446f7d;
  height:100%;
  width:100%;
  background-size: 100%;
  text-align: center;
}

#pageContent H1 {
  background: #F5F3EA;
  font: 16pt Trebuchet MS; color: #446f7d;
  font-weight:bold;	
  text-transform:uppercase;
  text-align: left;
  line-height:200%;
  padding:0 0 0 10px;
}

H2 {
  color: #9A9A9A;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}

H6 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}

TD, P {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

IMG {
  border: 0;
}

FORM {
  margin-top: 0;
  margin-bottom: 0;
}

FORM OL {
  margin: 0;
  padding: 0;
}

FORM OL LI {
  list-style: none;
  margin: 0;
  clear: left;
}

FORM LABEL {
  float: left;
  width: 160px;
  margin: 5px;
}

FORM LABEL.fieldLabel {
  float: none;
}

FORM INPUT, FORM SELECT, FORM TEXTAREA {
}

FORM EM {
  color: #FF0000;
  font-size: 9px;
  margin-left: 2px;
}

/* LAYOUT */

#pageContainer {
	max-width: 100%; 
	width: 990px; 
	margin: 0 auto 0 auto; 
	height: 100%;
	max-height: 100%;
	position: relative;
	text-align: left;
	text-align: justify;
	text-justifytext: newspaper;	
	vertical-align: middle; 
}

#pageHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:138px;
  display:block;
}

#pageContent {
  float: right;
  margin-left: 4px;
  width: 496px;
  height:100%;
  background-color: #E6E1CD;
  padding:20px 40px 20px 40px;
}

#pageColumnLeft {
  float: left;
  width: 145px;
  padding-left: 10px;
}

#pageBlockLeft {
  float: left;
  margin: 138px 0 10px 0;
}

#pageColumnRight {
  float: right;
  width: 240px;
  margin: 138px 5px 0px 4px;
}

#pageFooter {
  clear: both;
  text-align: center;
  padding: 5px;
}

/* LINKS */

#navigationBar A {
  color: #FFFFFF;
}

#navigationBar A:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* DEFINITIONS */

#siteLogo {
  float: left;
}

#navigationIcons {
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  list-style-type: none;
}

#navigationIcons li {
  display: inline;
  padding: 5px;
}

#navigationBar {
  background-color: #BBC3D3;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 50px;
  text-align: right;
  padding-right: 5px;
}

#breadcrumbPath {
  float: left;
  padding-left: 5px;
}

#pageIcon {
  float: right;
  margin-right: 10px;
  height: 40px;
}

.messageStack {
  border-width: 1px;
  border-style: dotted;
  border-color: #C8AD91;
  background-color: #FFFCF5;
  font-family: Verdana, Arial, sans-serif;
  color: #465584;
  margin: 5px;
}

.moduleBox {
}

.moduleBox .content {
  border-width: 1px;
  border-style: solid;
  border-color: #B6B7CB;
  background-color: #F8F8F9;
  padding: 5px;
  margin-bottom: 5px;
}

.moduleBox H6 {
  padding: 5px 0px 5px 0px;
}

.inputRequirement {
  font-size: 10px;
  font-weight: normal;
  color: #FF0000;
  margin-top: 10px;
}

.submitFormButtons {
  padding: 5px;
}

.listingPageLinks {
  padding: 5px;
}






.moduleRow { }

.moduleRowOver {
  background-color: #D7E9F7;
}

.moduleRowSelected {
  background-color: #E9F4FC;
}


/////////////////////////
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; font-weight: normal; }

A {
  color: black;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: white;
  vertical-align: top;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: white;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.boxCheckoutTrail {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}

.boxCheckoutTrailActive {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FF8400;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }


/* CSS Boxes */

.boxGroup {
  border-width: 1px;
  border-color: #B09E6E;
  border-style: solid;
  width:143px;
}

.boxGroup2 {
  border-width: 1px;
  border-color: #B09E6E;
  border-style: solid;
  width:240px;
}

.boxNew {
}

.boxTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background:#B09E6E;
  color: white;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

.boxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding: 3px;
}

#variantsBlock {
}

#variantsBlockTitle {
  font-weight: bold;
  padding-bottom: 10px;
}

#variantsBlockData {
}

#productVariantCombinationNotAvailable {
  color: #ff0000;
}

.productInfoKey {
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}

.productInfoValue {
  padding-bottom: 10px;
  vertical-align: top;
}

#productInfoPrice {
  font-weight: bold;
}

.ships24hours {
  color: #45B04C;
}