﻿/* Styles for HTML Elements */
body 
{
	/*Margins, padding, alignment and borders*/
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: top;
}

.BodyBG
{
	/*Setting up the background*/
	background-color: #8FB9C7;
}

/*Setting Text defaults*/
div, span, p, td
{
	/*Default Text*/
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #8C8C8C;
	line-height: 20px;
}

#PrimaryContainer
{
	/*White with drop shadow background*/
	background-image: url('/Images/Pages/Common/ContentBG.jpg');
	background-repeat: repeat-y;
	background-color: White;

	/*default alignments*/
	vertical-align: top;
	text-align: left;
	
	/*Proper stretching*/
	overflow: hidden;
}

/*Setting the Default Width*/
#PrimaryContainer, #Footer
{
	/*Default Size*/	
	width: 964px;
	
	/*Centering*/
	margin: 0 auto;
}	

/******************************************Start Navigation Row*****************/
#NavContainer
{
	width: 964px;
	height: 158px;
	float: left;
}

#NavContainer a, #NavContainer a:visited
{
	color: #6A4518;
	font-family: Georgia;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#NavContainer a:hover { text-decoration: underline; }

#NavLeftContainer, #NavRightContainer, #Logo
{
	float: left;
	height: 148px;
	width: auto; /*For validation, later overridden*/
}

#NavLeftContainer
{
	width: 403px;
	background-image: url('/Images/Pages/Common/BackgroundTopLeft.jpg');
}

#NavRightContainer
{
	width: 433px;
	background-image: url('/Images/Pages/Common/BackgroundTopRight.jpg');
}

#NavLeft { margin-top: 65px; }

/*Show "View Cart" Button on top right of centered content*/
#ViewCartSection
{
	text-align: right;
	margin-top: 6px;
	height: 59px;
}

/*Positioning the Nav Menu items*/
#HL, #PL, #AU, #LB, #NL, #CU
{
	float: left;
	width: auto; /*For validation, overridden later with correct values*/
}

#HL
{
	width: 88px;
	padding-left: 35px;
}

#PL { width: 154px; }
#AU { width: 126px; }

#LB
{
	width: 154px;
	padding-left: 58px;
}

#NL { width: 82px; }


#CU
{
	width: 106px;
	padding-right: 33px;
	text-align: right;
}

#Logo { width: 128px; }

/******************************************End Navigation Row*****************/

#Footer
{
	width: 964px;
	height: 27px;
	text-align: center;
	padding-top: 27px;
	background-image: url('/Images/Pages/Common/FooterRow.jpg');
	background-repeat: no-repeat;
	color: White;
}

#FooterText a
{
	color: White;
}

#FooterText
{
	float: right;
	color: White;
}

/*Shorthand helpers*/
.R { text-align: right; }
.B { font-weight: bold; }
.C { text-align: center; }
.Hidden { display: none; }
.NB { border: none; }
.Pointer { cursor: pointer; }

/*Extra spacing issues in IE*/
object, embed { display: block; }

#TopRowContainer
{
	width: 941px;
	height: 298px;
	background-color: White;
}

#ProductNavContainer
{
	float: left;
	width: 233px;
	/*overflow: hidden;*/
	background-color: White;
}

#ProductNav { padding-left: 20px; }

#CompanyNav { padding-left: 20px; padding-top: 20px; }

.MidStripe
{
	float: left;
	width: 914px;
	height: 22px;
	background-color: #006384;
	text-transform: uppercase;
	color: White;
	line-height: 22px;
	font-weight: bold;
	padding-left: 27px;
}

#ContentContainer
{
	float: left;
	width: 941px;
	padding: 0px 11px 0px 12px;
}

#FooterNavContainer
{
	float: left;
	width: 507px;
	height: 128px;
}

a.NavSel { font-weight: bold; }

#FooterNavCellContainer
{
	width: 507px;
}

.FooterNavCell
{
	float: left;
	width: 145px;
	height: 120px;
	margin-top: 15px;
	border-left: solid 1px #CCCCCC;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 20px;
}

.NLB { border-left-style: none; }

#FooterRowContainer
{
	float: left;
	width: 941px;
}

#FooterRow
{
	margin: 13px 13px 0px 13px;
	width: 915px;
	height: 150px;
	background-color: #FBF9F2;
	border-bottom: solid 1px #EBE8E5;
}


#Flash
{
	float: left;
	width: 708px;
	background-color: White;

	/*Proper stretching*/
	overflow: hidden;
}

#MiddleRowContainer
{
	float: left;
	width: 941px;
	
	/*Minimum height to give us 728px window height minimum*/
	min-height: 115px;
	height: auto !important;
	height: 115px;
}

.MiddleRowContent
{
	width: 915px;
	margin: 0px 13px 0px 13px;
}

.MiddleRowContentHome
{
	width: 928px;
	margin: 0px 13px 0px 0px;
}



/* Styles for email signup box*/
#EmailSignup
{
	float: right;
	width: 209px;
	background-color: White;
	margin-top: 15px;
	padding: 0px 10px 2px 10px;
	margin-right: 15px;
}

#EmailSignup div
{
	height: 30px;
	vertical-align: top;
}


.EmailInner { padding-left: 5px; }

.TBGrey
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: Gray;
}

.TBBlack
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: Black;
}

.SignedUp
{
	font-weight: bold;
	text-align: center;
}

#SUT
{
	background-color: White;
	color: #492400;
	font-weight: bold;
}

.btn
{
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: White;
	border: solid 1px #B7AA97;
	background-color: #492400;
}

/*Default link color*/
a { color: #663300; }

h1
{
	font-family: "Trebuchet MS";
	color: Black;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

h2, .h2, a.h2, a.h2:visited,
h3, .h3, a.h3, a.h3:visited
{
	font-family: "Trebuchet MS";
	color: #006384;
	font-weight: bold;
	background-color: White;
}

h2, .h2, a.h2, a.h2:visited
{
	font-size: 16px;
	line-height: 22px;
}

h3, .h3, a.h3, a.h3:visited
{
	font-size: 14px;
	line-height: 20px;
}

.LongContent
{
	float: left;
	width: 695px;
	background-color: White;
	margin-top: 13px;
	padding-right: 13px;
}

.FL { float: left;}


.QTCell
{
	padding: 5px;
	width: 40px;
}

.PDCell
{
	padding: 5px;
	width: 635px;
	text-align: left;
}

.PT6 { margin-top: 6px; }

