﻿html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }
BODY {margin:0;   /*IE 5 IE 5.5*/ font-family: Arial, Verdana; font-size:14px; background-color:#fff;}
* {margin:0; padding:0; font-family : Verdana, sans-serif;}
html { min-height: 100%; margin-bottom: 1px;}

form { margin: 0px; padding: 0px; }

th { text-align:left; }

.body-style
{
    font-family: Arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    font-size: 14px;
}
body
{
    font-family: Arial, Verdana, sans-serif;
    margin: 0px;
    font-size: 14px;
}


.cell-highlight-even {
    background-color: #B3C6FF;
}

.cell-highlight-odd {
    background-color: #B3C6FF;
}

a:link
{
    color: #8A3700;
}
a:visited
{
    color: #542100;
}
a:hover
{
    text-decoration: none;
    color: #A45521;
}
a:active
{
    text-decoration: none;
    color: #000000;
}

/* Page Header */
#header
{
    margin-right: auto;
    margin-left: auto;
    width: 945px;
    height: 96px;
    margin-top: 2px;
}

/* Navigation strips */
#navtop, #navbottom
{
    margin-right: auto;
    margin-left: auto;
    width: 945px;
    height: 28px;
    vertical-align:middle;
   /* background-color:#7E91B1; 002363, 7E91B1*/
   background-color:#002363;
}

.nav-container
{
    padding-left:200px;
}

#navbottom
{
    margin-top: 15px;
}

.main-nav-on
{
    background-color:#fff;
    padding-top:9px;
    padding-bottom:8px;
    color:#000000 !important;
}

#navtop a:hover 
{ 
    background-color:#fff; 
    text-decoration:none; 
    padding-top:9px;
    padding-bottom:8px;
    padding-left:3px;
    padding-right:3px;
    color:#000 !important;
}

#navtop.nav-container a
{
    font-family: Arial,Verdana, sans-serif;
    font-size:14px;
    font-weight:normal;
}

.nav-on
{
    padding:4px;line-height:20px;color:#000 !important;background-color:#fff;
}

/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul, #navbottom ul
{
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
    margin: 0px;
    margin-left: 0px;
    padding-left:10px;
    padding-top: 9px;
    padding-bottom: 6px;
    list-style-type: none;
    vertical-align:top;
}
#navtop ul li, #navbottom ul li
{
    display: inline;
    color: #FFFFFF;
    margin-right: 15px;
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left:3px;
    padding-right:3px;
}
#navtop a:hover, #navbottom a:hover
{
    text-decoration: none;
}
#navtop a:active, #navbottom a:active
{
    color: #FEFFBD;
    text-decoration: none;
}

/* Main part of the page that holds contents */
#body
{
    width: 945px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    /* background: url(../../Images/background.png) repeat-x; */
}

.product-list td { padding-bottom:15px; padding-right:10px; }

.product-detail td { padding-bottom:3px; }

.title-border { border-bottom:1px solid #CCCCCC;width:579px;float:left;padding-bottom:8px; }

.paging-section { padding-top:3px; padding-bottom:5px; color:#5C5C5C; width:500px; font-size:10px; }
.paging-section a { color:#5C5C5C; font-size:13px; font-weight:bold }
.paging-section .paging-label {font-size:13px; font-weight:Bold; color:#5C5C5C; }
   
.main-site-body
{
    width: 840px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

/* 2 column layout */

/* DepartmentList Styles */
.DepartmentListHead
{
 border-right: #FFFFFF 1px solid;
 border-top: #FFFFFF 1px solid;
 border-left: #FFFFFF 1px solid;
 border-bottom: #FFFFFF 1px solid;
 background-color: #336699;
 font-family: Verdana, Arial;
 font-weight: bold;
 font-size: 10pt;
 color: #f5f5dc;
 padding-left: 3px;
 text-align: center;
 }
 
 .DepartmentListContent
 {
 border-right: #FFFFFF 1px solid;
 border-top: #FFFFFF 1px solid;
 border-left: #FFFFFF 1px solid;
 border-bottom: #FFFFFF 1px solid;
 background-color: #6699CC;
 text-align: center;
 }
 
 a.DepartmentUnselected
 {
 font-family: Verdana, Arial;
 font-weight: bold;
 font-size: 9pt;
 color: #FFFFFF;
 line-height: 25px;
 padding-left: 5px;
 text-decoration: none;
 }
 
 a.DepartmentUnselected:hover
 {
 padding-left: 5px;
 color: #FF0000;
 }
 
 a.DepartmentSelected
 {
 font-family: Verdana, Arial;
 font-weight: bold;
 font-size: 9pt;
 color: #FFCC00;
 line-height: 25px;
 padding-left: 5px;
 text-decoration: none;
 }
 
 /* CategoryList Styles */
 .CategoryListHead
 {
 border-right: #ea6d00 1px solid;
 border-top: #ea6d00 1px solid;
 border-left: #ea6d00 1px solid;
 border-bottom: #ea6d00 1px solid;
 background-color: #ef8d0e;
 font-family: Verdana, Arial;
 font-weight: bold;
 font-size: 10pt;
 color: #f5f5dc;
 text-align: center;
 }
 
 .CategoryListContent
 {
 border-right: #ea6d00 1px solid;
 border-top: #ea6d00 1px solid;
 border-left: #ea6d00 1px solid;
 border-bottom: #ea6d00 1px solid;
 background-color: #f8c78c;
 text-align: center;
 }
 
 a.CategoryUnselected
 {
 font-family: Verdana, Arial;
 font-weight: bold;
 font-size: 9pt;
 color: #cd853f;
 line-height: 25px;
 padding-right: 5px;
 padding-left: 5px;
 text-decoration: none;
 }
 
 a.CategoryUnselected:hover
 {
 color: #d2691e;
 padding-right: 5px;
 padding-left: 5px;
 }
 
 a.CategorySelected
 {
 font-family: Verdana, Arial;
 font-weight: bold;
 font-size: 9pt;
 color: #a0522d;
 line-height: 25px;
 padding-right: 5px;
 padding-left: 5px;
 text-decoration: none;
 }
 
.CatalogTitle
{
color:#0468a4;
font-family: Verdana;
font-size: 18px;
font-weight: bold;
}

.contact-info
{
    float:right;width:580px;padding-left:20px;
}

.contact-info td
{
    padding-bottom:3px;
}

h1
{
color:#0468a4;
font-family: Verdana;
font-size: 20px;
font-weight: bold;
}

.MainSiteTitle
{
    color:#0468a4;
    font-family: Verdana;
    font-size: 22px;
    font-weight: bold;
    border-bottom:solid 1px #cccccc;
}

.CatalogDescription
{
color: Black;
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 14px;
}

.ProductName
{
    color:#FF5252;
}

a.ProductName
{
color:#7E91B1;
font-family: 'Verdana';
text-decoration: none;
font-size: 11px;
}
a.ProductName:hover
{
text-decoration: underline;
}
.ProductDescription
{
color: Black;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
}
.ProductPrice
{
color: Black;
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 11pt;
}
.PagingText
{
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 13px;
color: Black;
}

.ProductTitle
{
    font-family: Verdana, Sans-Serif;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color:#0468a4;
}

.FeaturedProductTitle
{
    font-family: Verdana, Sans-Serif;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color:#FF5252;
}

/* Search Box Styles */
.SearchBoxHead
{
    /*border-right: #0468a4 1px solid; 
    border-top: #0468a4 1px solid;
    border-bottom: #046814 1px solid;
    border-left: #046814 1px solid;*/
    background-color: #336699;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-align: left;
    padding:5px;
    margin-right:1px;
}
.SearchBoxContent
{
    background-color: #7E91B1;
    font-family: Arial, Verdana;
    font-size:14px;
    color: #fff;
    padding-top: 5px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.SearchBox
{
    font-family: Verdana;
    font-size: 9pt;
    margin-bottom: 5px;
    color:#000;
    padding-bottom: 5px;
}

.admin-banner-menu
{
    background-color:#dc143c;color:White;font-weight:bold
}

.admin-banner-menu a { color:#FFF; text-decoration:none; padding-left:3px; }

/* Styles for Login Control */
.UserInfoHead
{
    border-right: #cc6666 1px solid;
    border-top: #cc6666 1px solid;
    border-left: #cc6666 1px solid;
    border-bottom: #cc666 1px solid;
    background-color: #dc143c;
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #f5f5dc;
    padding-left: 3px;
    text-align: center;
}
.UserInfoContent
{
    margin-top:0px;
   
    background-color: #fff;
    text-align: center;
}
.BannerInfoContent
{
    margin-top:0px;
    border-right: #cc6666 1px solid;
    border-top: #cc6666 1px solid;
    border-left: #cc6666 1px solid;
    background-color: #ffcccc;
    text-align: left;
}
.UserInfoText
{
    font-family: Verdana, Arial;
    font-size: 9pt;
    padding-left: 5px;
    text-decoration: none;
}
a.UserInfoLink
{
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #ed486d;
    line-height: 15px;
    padding-left: 5px;
    text-decoration: none;
}
a.UserInfoLink:hover
{
    padding-left: 5px;
    color: #dc143c;
}
.button
{
    color: Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
}
.AdminSubtitle
{
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 16px;
    border-bottom:solid 1px #000;
    width:100%;
    /* line-height: 25px; */
}

.AdminTitle
{
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 20px;
    width:100%;
    line-height: 25px;
}

.AdminPageText
{
    font-family: Verdana, Sans-Serif;
    text-decoration: none;
    font-size: 12px;
}

.AdminPageText td { padding-bottom:3px; }

a.AdminPageText
{
    color: Navy;
    font-family: Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 12px;
}
a.AdminPageText:hover
{
    color: Red;
}

/* Style for the Grid in Admin pages */
.Grid
{
	border-color: #E7E7FF;
	width: 100%;
}
.GridHeader
{
	color: White;
	background-color: Navy;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}
.GridRow
{
	color: Navy;
	background-color: #E7E7FF;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}
.GridEditingRow
{
	color: Navy;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}
.GridAlternateRow
{
	color: Navy;
	background-color: #F7F7F7;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}

.UserDetailsTable
{
    width: 100%;
    background-color: #ccccff;
    font-family: Verdana, Arial;
    font-size: 12px;
    border: solid 2px Navy;
    line-height: 25px;
}
.UserDetailsTableHead
{
    border-bottom: Navy 2px solid;
    background-color: #666699;
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #eeeeff;
    padding-left: 3px;
    text-align: center;
}
    
.Search-results
{
    margin-left:175px;
}

.admin-box
{
    border: 1px solid lightblue;
    padding:5px;
}

.admin-image
{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom:10px;
    padding-bottom:20px;
}

/*styles for first level of navigation  002363, 7E91B1*/
.vertical-navigation { padding-top:0px; margin-top:0px;}
.vertical-navigation ul.level-1 { list-style-type: none; margin-left:0px;padding-left:0px;padding-top:0px;margin-top:0px;}
.vertical-navigation ul.level-1 li { background-color:#fff; }
/*7E91B1*/
.vertical-navigation ul.level-1 li a {display: block; color: #000000; text-decoration: none; 
                                      font-family:Arial, Verdana; font-size:14px; line-height:18px; 
                                      padding: 1px 3px 1px 10px; border-bottom: 1px solid #fff;}

.vertical-navigation ul.level-1 li a.active {display: block; color: #fff; background-color:#7E91B1; text-decoration: none; 
                                      font-family:Arial, Verdana; font-size:14px; line-height:18px; font-weight:bold; 
                                      padding: 1px 3px 1px 10px; border-bottom: 1px solid #fff;}

.vertical-navigation ul.level-1 li a:hover {display: block; color: #fff; background-color:#7E91B1; text-decoration: none; 
                                      font-family:Arial, Verdana; font-size:14px; line-height:18px;  
                                      padding: 1px 3px 1px 10px; border-bottom: 1px solid #fff;}

.vertical-navigation ul.level-2 { list-style-type: none; margin-left:0px;padding-left:0px;padding-top:0px;margin-top:0px;}
.vertical-navigation ul.level-2 li { background-color:#fff; }
.vertical-navigation ul.level-2 li a {display: block; color: #000033; text-decoration: none; 
                                      font-family:Arial, Verdana; font-size:12px; font-weight:normal;
                                      padding: 1px 3px 1px 26px; border-bottom: 1px solid #fff;}

.vertical-navigation ul.level-2 li a.active {display: block; color: #fff; text-decoration: none; 
                                      font-family:Arial, Verdana; font-size:12px; font-weight:normal; background-color:#7E91B1;
                                      padding: 1px 3px 1px 26px; border-bottom: 1px solid #fff; }

.vertical-navigation ul.level-2 li a:hover {display: block; color: #fff; text-decoration: none; 
                                      font-family:Arial, Verdana; font-size:12px; padding: 1px 3px 1px 26px; border-bottom: 1px solid #fff; background-color:#7E91B1;}
                                      
.vertical-navigation ul.level-3 { list-style-type: none; margin-left:0px;padding-left:0px;padding-top:0px;margin-top:0px;}
.vertical-navigation ul.level-3 li { background-color:#fff !important; }
.vertical-navigation ul.level-3 li a {display: block; color: #000; text-decoration: none; 
                                      font-size:11px; font-weight:normal;
                                      padding: 1px 3px 1px 38px; border-bottom: 1px solid #ccc;}

.vertical-navigation ul.level-3 li a.active-product {display: block; color: #000; 
                                      font-size:11px; font-weight:bold; background-color:#FFF;
                                      padding: 1px 3px 1px 38px; border-bottom: 1px solid #ccc;}

.vertical-navigation ul.level-3 li a:hover {display: block; color: #000; font-weight:bold; 
                                      font-size:11px;  background-color:#FFF; 
                                      padding: 1px 3px 1px 38px; border-bottom: 1px solid #ccc;}

.breadcrumb { font-family:Arial, Verdana; color :#7E91B1; font-size:14px; font-weight:bold;}                                      
.breadcrumb a { color:#666666; font-size:10px; }
.breadcrumb a:hover  { color:#666666; font-size:10px; text-decoration:underline; }