/* 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: #FFFFFF;
    /*background-image: url('/Images/Pages/Common/Background.jpg');*/
    background-position: left top;
    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: 285px;
    height: 32px;
    background-color: #FFFFFF;
    border: solid 1px White;
    vertical-align: top;
    text-align: right;
}

/*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: 60px;
	height: 20px;
	vertical-align: top;
	text-align: right;
	margin-left: 18px;
	margin-top: 5px;
}

#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:8px;
	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: 40px;
    margin-top: 2px;
    text-align: left;
    vertical-align: top;
    margin-top: 0px;
    z-index: 2;
}

.LeftNav
{
	float: right;
	width: 164px;
	/*height: 527px; /*529 is the available height, minus 2px due to border */
	background-color: #E1E1E1;
	border: solid 1px black;
	
}

.LeftNavContainer
{
	float: right;
	width: 166px;
    height: 550px;
}

.rightColumn
{
    float: right;
    width: 166px;
}
.rightColumn2
{
    width: 175px;
    height: 500px;
    padding: 0px;
    margin: 0px;
}


.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;}


/* new drop-down header styles */
.headertable {
	background-image: url(/images/Pages/Common/header.gif);
	background-repeat: repeat-x;
}
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
}
ul.menu * {margin:0; padding:0}
ul.menu a {
	display:block;
	color:#FFF;
	text-decoration:none
}
ul.menu li {
	position:relative;
	float:left;
	margin-right:2px;
	z-index: 1;
}
ul.menu ul {
	position:absolute;
	top:25px;
	left:0;
	background:#006699;
	display:none;
	opacity:0;
	list-style:none;
	text-align: left;
}

ul.menu ul li {
	position:relative;
	border:1px solid #AAA;
	border-bottom:none;
	width:185px;
	margin:0;
}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#006699}
ul.menu ul li a:hover {background-color:#666}
ul.menu ul ul {
	left:185px;
	top:-1px
}



ul.menu .menulink {
	border:0px solid #AAA;
	padding:3px 7px 7px;
	font-weight:normal;
	width:110px;
	background-image: url(../images/pages/Common/header.gif);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.menu .menulinkshort {
	border:0px solid #AAA;
	padding:3px 7px 7px;
	font-weight:normal;
	width:80px;
	background-image: url(../images/pages/Common/header.gif);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.menu .menulink2 {
	border:0px solid #AAA;
	padding:5px 7px 7px;
	font-weight:normal;
	background-image: url(../images/pages/Common/header.gif);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
ul.menu .menulink2:hover, ul.menu .menuhover {
	background:url(../images/pages/Common/header_over.gif);
	font-weight: normal;
	text-align: left;
}

ul.menu .menulink:hover, ul.menu .menuhover {
	background:url(../images/pages/Common/header_over.gif);
	font-weight: normal;
	text-align: left;
}

ul.menu .menulinkshort:hover, ul.menu .menuhover {
	background:url(../images/pages/Common/header_over.gif);
	font-weight: normal;
	text-align: left;
}
ul.menu .sub {
	background:#006699 url(../images/pages/Common/arrow.png) 177px 8px no-repeat
}
ul.menu .topline {border-top:1px solid #AAA}

.flashbanner
{
    width: 934px;
    height: 200px;
    margin-bottom: 10px;
    z-index: -1;
}

a.smallHead:hover {
	background-color: #999999;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 1px;
	text-decoration: underline;
}

.smallHead
{
    background-color: #999999;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #FFF;
    letter-spacing: 1px;
    text-decoration: none;
}

.featureText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    padding-left: 10px;
}

#fproduct
{

	float: left;
	margin-top: 10px;
	
}

#fproduct img
{
	width: 140px;
	height: 102px;
	border: solid 1px black;
}
	
.CategoryHeading
{
    font-family: 'Trebuchet MS';
    font-size: 24px;
    color: #000000;
    padding: 2px;
    top: 12px;
    clip: rect(0px,auto,auto,auto);
    line-height: 30px;
    font-weight: normal;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    border-bottom-color: #00B1D9;
    margin-bottom: 5px;

}

.tablebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
	padding-left: 4px;
}

.tableCellLeft
{
    border-left-style: solid;
    border-left-width: 1px;
}

.tablebodyRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
	text-align: right;
	padding-right: 4px;
}

.tablebodyRightBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
	text-align: right;
	padding-right: 12px;
	font-weight: bold;
}

.tablebodyCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
	text-align: center;
}

.plainBox
{
    border-style: solid;
    border-width: 1px;
    width: 695px;
}

.basicText
{
    font-family: 'Trebuchet MS';
    font-size: 12pt;

}

.noticeText
{
    font-family: Arial, Helvetica, sans-serif;
    color: #CC0000;
    font-weight: bold;
    font-size: 12pt;
}

#FeaturesContent
{
    width: 550px;

}

.bigText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #999999;
    Height: 300px;
}