﻿/* Styles for HTML Elements */
body 
{
	/*Margins, padding, alignment and borders*/
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: top;

	/*Default Text*/
	font-family: Helvetica;
	font-size: 11px;
	color: black;
	line-height: 20px;
	/*	Due to font rendering issues, the base font size must be set at 11px or FF 3.0 incorrectly renders the
		"Shop Our Products" section on the homepage.
	 */
}

/*We must keep the body BG out of the "body" style so the Telerik HTML Editor isn't thrown off*/
.BodyBG
{
	/*Setting up the background*/
	background-color: #0B3D87;
	background-image: url('/Images/Pages/Common/Background.jpg');
	background-position: top left;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

/*	Center and set the width of our main containers
	Note: #LogoRow and #NavContainer are normally inside the Primary centered container, but on this site
	they have a different background (transparent) so they are broken out */
#PrimaryContainer, #LogoRow, #NavContainer
{
	/*Centering*/
	margin: 0 auto;
	
	/*default alignments*/
	vertical-align: top;
	text-align: left;
	
	/*Site Width*/
	width: 934px;
}

/*Proper stretching*/
#PrimaryContainer { overflow: hidden; }

/*Ensures all page content is floated properly*/
#InnerContent { float: left; }

/*Forcing the height to remove IE6 extra space after image*/
#FeaturedProductRow { height: 23px; }


#LogoRow { height: 104px; }

#LogoRowContent
{
	float: right;
	width: 640px;
	height: 104px;
	text-align: right;
}

#Logo
{
	float: left;
	width: 294px;
	height: 72px;
	padding: 16px 0px 16px 0px;
}

#SearchContainer
{
	float: right;
	width: 355px;
	height: 32px;
	background-color: #C8E9E1;
	border: solid 1px White;
	vertical-align: top;
	text-align: left;
}

/*Used in category listings*/
.NavDiv { line-height: 23px; }

/*Container in the LogoRow for the phone number*/
#PhoneContainer
{
	float: right;
	width: 640px;
	height: 70px;
}

/*Actual phone number in the #LogoRow div*/
#PhoneContainer #PhoneContent
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 18px;
	height: 35px;
	margin-top: 35px;
	line-height: 35px;
}

#LogoRow .ViewCart
{
	float: left;
	width: 54px;
	height: 12px;
	vertical-align: top;
	text-align: left;
	margin-left: 9px;
	margin-top: 10px;
}

#LogoRow #SearchBoxContainer
{
	float: right;
	width: 195px;
	height: 32px;
	vertical-align: top;
}

#SearchBoxContainer .SearchBox
{
	float: left;
	width: 158px;
	vertical-align: top;
	margin-top: 5px;
	font-family: Tahoma;
	color: Gray;
}

#SearchBoxContainer .SearchButton
{
	float: left;
	margin-top:11px;
	margin-left: 7px;
}

#ContentMargin
{
	margin: 10px 10px 0px 10px;
	width: 914px;
}

#ContentContainer
{
	 float: left;
	 width: 934px;
	 
	 background-color: White;
	 padding-bottom: 10px;
}

/*Extra spacing issues in IE*/
object, embed { display: block; }


#WrapperContainer
{
	/*default alignments*/
	vertical-align: top;
	text-align: left;
	width: 934px;
	height: 611px;
	background-color: White;
}

#NavContainer
{
	/*float: left;*/
	width: 934px;
	height: 38px;
	margin-top: 2px;
	text-align: right;
	vertical-align: top;
	margin-top: 0px;
	background-color: Black;
}

.LeftNav
{
	float: left;
	width: 164px;
	/*height: 527px; /*529 is the available height, minus 2px due to border */
	background-color: #E1E1E1;
	border: solid 1px black;
	
}

.LeftNavContainer
{
	float: left;
	width: 166px;
}

.MB7 { margin-bottom: 7px; }

#CategoryListings
{
	float: left;
	width: 144px;
	padding-left: 10px;
	line-height: 23px;
}

#PrimaryContentContainer
{
	float: left;
	width: 738px;
	margin-left: 10px;
}

#CategoryMargins
{
	float: left;
	width: 144px;
	padding-top: 7px;
	padding-bottom: 10px;
}

#ContentRow
{
	float: left;
	min-height: 771px;
	height: auto !important;
	height: 771px;
}

#ShopOurProducts
{
	float: left;
}



/*object, embed, img { display: block; }*/

#NavContent
{
	height: 38px;
	text-align: right;
	color: White;
	vertical-align: middle;
	background-color: Black;
	float: right;
}


.MenuItem
{
	border-right: solid 1px White;
}

.MenuItemNR
{
	border-right: none;
}

.TestMI2
{
	margin-top: 1px;
	padding-top: 1px;
	border: none;

}

#ContentSection
{
	height: 428px;
	vertical-align: top;
	text-align: left;
	background-color: White;
}

/*Footer Styles*/
#Footer
{ 
	background-color: White;
	text-align: center;
	vertical-align: bottom;
	color: #A1A1A1;
	padding-bottom: 8px;
	width: 934px;
	/*background-color: Red;*/
}


/*Locating the Primary Container*/
#PrimaryContainerTable, #PrimaryContainerCell
{
	margin: 0 auto;
	text-align: left;
	background-color: #F7F5EC;
	width: 941px;
	vertical-align: top;
}

/*Setting Text defaults*/
p, span, td
{
	font-family: Helvetica;
	font-size: 12px;
	line-height: 20px;
	color: #1A130A;
}

/*By default, no borders on tables or images*/
table, img
{
	border: none;
}



/*Shorthand helpers*/
.R { text-align: right; }
.B { font-weight: bold; }

h1
{
	font-family: Trebuchet MS;
	color: Black;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

h2, .h2, a.h2, a.h2:visited
{
	font-family: Trebuchet MS;
	color: Black;
	font-size: 16px;
	font-weight: bold;
}



/*Add the red bar below the header image*/
#HeaderImage
{
	padding-bottom: 18px;
	background-color: #9E0015;
	height: 184px;
}

#NavContainer45
{
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;
	
}

.Nav300
{
	width: 300px;
}

.RadMenu .rmLink 
{
	width:300px auto!important;
}


#Nav { padding: 16px 0px 0px 16px; text-align: left; }

.NavLink { padding-bottom: 10px;}

.NavLink a
{
	color: #9E0015;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}


#Content
{
	margin: 0px;
	padding: 0px;
	width: 934px;
	float: left;
	text-align: left;
	background-color: White;
}

/*Admin CSS*/
.AdminTable
{
	border: solid 1px Grey;
	border-collapse: collapse;
}

.btn
{
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	border: solid 1px #96826C;
	background-color: Black;
}


.C
{
	text-align: center;
}


#ContentSection
{
	text-align: left;
	background-color: white;
}

a
{
	color: #004690;
}

#CatListings a
{
	font-size: 11px;
	
}


#CatListings a:hover
{
	text-decoration: none;
}

#Hidden
{
	display: none;
}

/*These two control the cursor state for teh category on ViewCategories.aspx*/
.CatSel
{
	cursor: hand;
	cursor: pointer;
}

.CatNotSel
{
	cursor: default;
}

/*Root class for a category Name*/
.CategoryName
{
	text-transform: uppercase;
	font-weight: bold;
	width: 159px;
}

/*Colors for selected/non selected*/
.CatNoSel .CategoryName
{
	color: #005199;
}

.CatSel .CategoryName
{
	color: #DD8A58;
}

.CatImage, .CatAdminImage
{
	border-width: 1px !important;
	border-style: solid;
}
.CatSel .CatImage
{
	border-color: #DD8A58;
}

.CatNoSel .CatImage, .CatAdminImage
{
	border-color: #005199;
	
}

.ImageCell
{
	padding: 8px;
}

.ILeft
{
	text-align: right;
}

.IRight
{
	text-align: left;
}

.SubHead
{
	color: #005199;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}

.ProductRow
{
	background:#F8F8F9 none repeat scroll 0 0;
}


.PadB10 { margin-bottom: 10px;}


