﻿/*
Joes Colors
#E0BE81 tan body background
#EAD1A8 light tan form background
#532C03 dark brown font (form label and text font)
#5D040C dark maroon font (title, section title, backgrounds with light font)
#AF2E00 dark orange font (form section title)
#8E6B33 dark straw color (header background - goes with light tan for font)

COLOR="#5A000A" - dark maroon
COLOR="#AF2E00" - dark orange
COLOR="#A67A00" - straw gold
COLOR="#582800" - dark brown
COLOR="#EAD6B0" - light tan
COLOR="#E0BD81" - tan



Roma Colors
#f4e7a3 - Yellow Background
#cc7815 - Dark Orange Header
#e18519 - Light Orange
#7b0010 - Dark Read Sidebar
#9e001b - Light Red Sidebar


Perfect Link Colors
#243671 - Blue
#e8c400 - yellow

*/

.reg
{
   font-family: Arial;
   color: Black;
   font-size: 14px;
}
.faqmain
{ 
	font-size: 18px;  
	font-style: normal;  
	font-variant: normal;  
	font-weight: bold;    
	font-family: Arial;
	color: #8b80a6;
}
.small
{
	font-size: 10px; font-family: Arial;
}
.MainTable
{   
	background-color: #ffffff;  
	border: 2px solid #000000; 
	margin-bottom: 5px;  
	margin-left:20px;        
}


/*Admin Screens*/
.AdminBody
{
	background-image: url(../Images/siding.jpg);
}

.AdminLabel
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.AdminFont
{
	font-size:11px;
	font-family:Arial;
}

.AdminLink
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
}

.AdminTitle
{
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.AdminInput
{
	font-size:11px;
	font-family:Arial;
}
.AdminButton
{
	font-family:Arial;
	font-size:11px;
}
.AdminTable
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}
.AdminTableHeader
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-weight: bold;
   background:#aaaaaa;
	color:#ffffff;
	
}
.AdminTableHeaderRight
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:#aaaaaa;
	color:#ffffff;
	
}
.AdminRowEven
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	background:#ffffff;
	color:#000000;
	
}
.AdminRowOdd
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	background:#ffffff;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	color:#000000;
}

.AdminRow
{
   font: 11px/13px Arial, Helvetica, sans-serif;
	background:#ffffff;
	border-bottom: 1px solid #ffffff;
}

.ProductRowSelected
{
	background-color:Silver;
}

/* Admin Header */

.AdminNavTable
{
	
}

.AdminNavCell
{
	
}

/*Product Display*/

.ProductTitle
{
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#243671;
}

.ProductDesc
{
	font-size:12px;
	font-family:Arial;
	color:#5A000A;
}

.ProductInput
{
	font-size:11px;
	font-family:Arial;
}

.ProductTable
{
	border: 1px solid #AD9ED3;
}

.ProductLink
{
	font-size:11px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}
.ProductColorLabel
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:Black;
}

.ProductAltDesc
{
	font-size:11px;
	font-family:Arial;
	color:Black;
}
.ProductLabel
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:Black;
}
.ProductCartButton
{
	font-family:Arial;
	font-size:11px;
	background:#243671;
	color:#e8c400;
}
.SelectedProductDesc
{
	font-size:12px;
	font-family:Arial;
	color:#5A000A;
}
.ProductAttribLabel
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:Black;
}

.ProductAttribDropDown
{
	font-size:11px;
	font-family:Arial;
	color:Black;
}

.ProductImageLink
{
	font-size:11px;
	font-family:Arial;
	cursor:hand;
}

.SizeChartLink
{
	font-size:14px;
	font-family:Arial;
	cursor:hand;
	color: #8b80a6;
	text-decoration:underline;
	font-weight: bold;
}



/**** Cart *****/

.CartTable
{
   font-size: 11px;
   font-family: Arial;
   border: 1px solid #ffffff;
   color:#ffffff;
   padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.CartHeader
{
   font-weight: bold;
   font-size: 12px;
   border-bottom: #ffffff 1px solid;
   font-family: Arial;
   padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.CartRow
{
	font-family:Arial;
	font-size:11px;
	border-bottom: 1px solid #ffffff;
	padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.CartFooter
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.CartButton
{
	font-family:Arial;
	font-size:11px;
	background:#243671;
	color:#e8c400;
}

.CartLabel
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.CartInput
{
	font-family:Arial;
	font-size:11px;
}

.CartLink
{
   font-size: 11px;
   cursor: hand;
   font-family: Arial;
   text-decoration: underline;
}

/**** Ship Calc Window *****/
.ShipCalcBody
{
   background-color:#e8c400;
}

.ShipCalcTable
{
   font-family:Arial;
   font-size:11px;
}

.ShipButton
{
	font-family:Arial;
	font-size:11px;
	background:#243671;
	color:#e8c400;
}

.ShipLabel
{
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}

.ShipInput
{
	font-family:Arial;
	font-size:11px;
}

/****** Order Summary *******/

.SummaryTable
{
	font-size:11px;
	font-family:Arial;
	border: 1px solid #ffffff;
}

.SummaryHeader
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	border-bottom: 1px solid #ffffff;
}

.SummaryRow
{
	font-family:Arial;
	font-size:11px;
	border-bottom: 1px solid #ffffff;
}

.SummaryFooter
{
	font-family:Arial;
	font-size:11px;
}


/**** Receipt *****/

.ReceiptTable
{
	font-size:11px;
	font-family:Arial;
	border: 1px solid black;
	background-color:#ffffff;
	color:#000;
	padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.ReceiptHeader
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	border-bottom: 1px solid black;
	padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.ReceiptRow
{
	font-family:Arial;
	font-size:11px;
	border-bottom: 1px solid black;
	padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}

.ReceiptFooter
{
	font-family:Arial;
	font-size:11px;
	padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
}
.ReceiptSuccess
{
	font-family:Arial;
	font-size:14px;
	font-weight: bold;
	color:#AF2E00;
}
.ReceiptLink
{
	font-family:Arial;
	font-size:11px;
	color:#AF2E00;
}

.ReceiptTitle
{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
}

.ReceiptSubTitle
{
	font-family:Arial;
	font-size:16px;
}

.ReceiptAddress
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
}

.ReceiptReturnCell
{
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.ReceiptReturnCellRight
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


/********Credit Card****************/
.CardTitle
{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
}

.CardInput
{
	font-family:Arial;
	font-size:11px;
}

.CardLabel
{
	font-family:Arial;
	font-size:11px;
}

.CardButton
{
	font-family:Arial;
	font-size:11px;
	background:#243671;
	color:#e8c400;
}

.CardLink
{
	font-family:Arial;
	font-size:11px;
	text-decoration:underline;
	color:#e8c400;
	cursor:hand;
}

.CardChargeAmount
{
	font-family:Arial;
	font-size:12px;
	color:#e8c400;
}

.CardDisclaimer
{
   border:solid 1px #AF2E00;
	font-family:Arial;
	font-size:8px;
	color:#AF2E00;
	background:#ffffff;
}

/*********Packing Slip*********/

.PackSlipBarCode
{
    font-size: 28px;
    font-family: Code39HalfInch-Regular;
}

.PackSlipCardListHeader
{
   font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.PackSlipCardListRow
{
   font-family:Arial;
	font-size:12px;
}

/*********CVV2 Explanation popup*********/

.FontReg
{
	font-family:arial;
	font-size:11px;
}

.FontTitle
{
	font-family:arial;
	font-size:13px;
	font-weight:bold;
}

/**********FAQ Popup*******************/

.FAQBody
{
   background:#E0BD81 margin: 0;
   font-family:Arial;
   color:#5A000A;
}
.FAQHead
{
   font-family:Arial;
   font-size:14px;
   font-weight:bold;
   color:#5A000A;
}
.FAQPara
{
   font-family:Arial;
   font-size:11px;
   color:#5A000A;
}

.FAQButton
{
	font-family:Arial;
	font-size:11px;
	background:#243671;
	color:#ffffff;
}

/*************FCK Editor Classes**************/
.BorderedEditor
{
	border-right: darkslategray 1px solid;
	border-top: darkslategray 1px solid;
	border-left: darkslategray 1px solid;
	border-bottom: darkslategray 1px solid;
	font-size: 11px;
	overflow: auto;
	width: 100%;
	font-family: Verdana, Arial;
}
.StandardTitle
{
	font-weight: bold;
	font-size: 12px;
	color: #030C7C;
	font-family: Verdana;
}
.MainHeader
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: Verdana;
	text-transform: uppercase;
}

.BlackTitle
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Verdana;
}
.RedTitle
{
	font-weight: bold;
	font-size: 12px;
	color: #990000;
	font-family: Verdana;
}
.StandardTitleCentered
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Verdana;
	text-align: center;
}
.StandardText
{
	font-size:10px;
	color:black;
	font-family: Verdana, Arial;
}

/************* Message ****************/

.Message
{
	font-size: 11px;
	color: black;
	font-family: Arial, Verdana;
}

.Warning
{
	font-size: 11px;
	color:#e8c400;
	font-family: Arial, Verdana;
}

.Note
{
	font-size: 11px;
	font-style: italic;
	font-family: Arial, Verdana;
}

.Confirmation
{
	font-size: 11px;
	color: black;
	font-family: Arial, Verdana;
}
 

.MessageList
{
	margin-top: 5px;
	font-size: 11px;
	font-family: Arial, Verdana;
}

.MessageList LI
{
	list-style-position: outside;
	list-style-type: disc;
}

.MessageListTitle
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana;
}

/*Mailing List Signup*/
.MailingListTitle
{
	font-family:Arial;
	font-size:18px;
}


/* ===========ECOM Admin Navs================ */

#navigation{
   padding:0;
   width:700px;
} 

#mainnav{
   width:700px;font-family:Arial;font-weight:bold;
}
#mainnav ul{
   height:auto;
   width:auto;
   margin:0;
   z-index:1;
}
#mainnav li{
   float:left;
   width:100px;
   padding:0;
   margin-left:10px;
}
#mainnav a{
   color:#000000;text-decoration:none;
}
#mainnav a:hover{
   color:#aaaaaa;font-weight:bold;
}
#mainnav li a{
   text-decoration:none;
}
#mainnav li li{
	float:none;
   width:150px;
}
#mainnav li li a{
   padding:4px 10px;
	text-decoration:none;

}
#mainnav ul li ul{	
	display:none;
	position:absolute;
	top:1.5em;
	margin-left:-90px;
   background:#eeeeee;
}
/* hovers */

#mainnav li:hover ul{
	display:block;
}
#mainnav li li:hover a{
	color:#aaaaaa;font-weight:bold;
}


