/* Warning: the below CSS file is pretty ugly.  It basically 
represents a combination of random styles I've found on the web
over the years and randomly combined together.  Please
don't use it as a "good example" of how to-do things. */

 #Banner
{
    position:absolute;
    top:85px;    
    z-index:100;
}

.category
{	font-family:Arial;
	font-weight:bold;
	font-size:medium;
	height:40px;
}

.loginpanel
{
     font-family:Verdana; 
     font-weight:bold;
     font-size:10px;
     height:157px;
     width:289px;           
}

.loginButton
{
    background-color:White; 
    border-color:#507CD1; 
     border-style:solid; 
     font-family:Verdana; 
     font-size:10pt; 
     border-width:1px;                             
}


.updateprogress
{
	font-family:Arial;
	color:Red;
	font-size:20px;
}


/* ------ */

.gridview {
width: 100%;
}

.gridview th {
font-size: 11px;
padding: 2px;
color:White;
background: #555;
letter-spacing: 0;
font-family: Arial, sans-serif;
text-align: left;
padding-left: 5px;
}

.gridview th a,
.gridview th a:visited  
{
	color:White;
	text-decoration: none;
}

.gridview th a:hover 
{
color:Black;	
background: #ff8;
text-decoration: none; 
}


/* ------ */

.gridview td {
border-bottom: solid 1px #C5DBF7;
color: #333;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #E6F2FF;
}

.gridview td a,
.gridview td a:visited

{
color: #0066CC;
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
line-height: 18px;
}

.gridview td a:hover 
{
color:Black;
background: #ff8;
text-decoration: none;  
}


.gridview tr.header {
background: #C5DBF7;
text-decoration:none;
}

.gridview tr.even td {
background-color: #fff;
}

.gridview .edit td,
.gridview .create td {
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
background: #DAFFCD;
padding: 0;
padding: 4px;

}

.gridview .actions div {
width: 95px;
text-align: right;
float: right;
padding-right: 2px;
}

/* ------ */

.detailsview 
{
	width:100%;
}

.detailsview tr.header {
background: #C5DBF7;
}

.detailsview th {
font-size: 11px;
padding: 2px;
color:White;
background: #555;
letter-spacing: 0;
font-family: Arial, sans-serif;
text-align: left;
padding-left: 5px;
}

/* ------ */

.detailsview td {
padding: 5px 4px;
border-bottom: solid 1px #C5DBF7;
color: #333;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #E6F2FF;
}

.detailsview tr.even td {
background-color: #fff;
}

.detailsview .edit td,
.detailsview .create td {
padding: 0;
padding: 4px;
}

.detailsview td a {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
padding: 2px;
line-height: 18px;
}

.detailsview td a:hover {
background: #ff8;
}

.detailsview .edit td,
.detailsview .create td {
background: #DAFFCD;
}

.detailsview .edit td,
.detailsview .create td {
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}

.detailsview .actions div {
width: 95px;
text-align: right;
float: right;
padding-right: 2px;
}

/* ---Product Header--- */
.productsheader {
position: relative;
background: #005CB8;
}

.productsheader div.insertlink a {
color: #fff;
background: url(Images/add.gif) 1px 50% no-repeat;
font-size: 13px;
font-family: Trebuchet MS;
font-weight: bold;
text-decoration: none;
padding: 1px 2px 1px 19px;
}

.productsheader div.insertlink a:hover {
background: #378CDF url(Images/add.gif) 1px 50% no-repeat;
}

.productsheader h2 {
color: #fff;
padding: 3px 5px;
margin: 0;
font-size: 18px;
font-weight: normal;
font-family: Verdana, sans-serif;
}

.productsheader .insertlink {
position: absolute;
right: 5px;
bottom: 2px;
}

/* ------ */



/* ------ */

.products {
width:100%;
}

.products form,
.products table,
.products p,
.products div,
.products fieldset,
.gridview form,
.gridview table,
.gridview p,
.gridview div,
.gridview fieldset {
margin: 0;
padding: 0;
}

.insert {
width:300px;
}

.insert span 
{
	font-family:verdana;
}

.products .loading-indicator {
vertical-align: bottom;
margin: 0;
}

.products .productsheader .loading-indicator,
.products .edit .loading-indicator,
.products .create .loading-indicator {
vertical-align: bottom;
margin-bottom: 3px;
}
   
* html .productsheader {
height: 1%;
}   


.WarningHeader
{
    color: Red;
    font-style: italic;
    font-weight: bold;
    font-size: Large;
    text-align: left;
}

.WarningDetails
{
    color: Red;    
    font-weight: bold;
    font-size:small;
}

#contacthead {
	FONT-WEIGHT: bold; LEFT: 40px; WIDTH: 220px; COLOR: #f60; POSITION: relative; TOP: 6px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
#contact {
	BORDER-TOP: #f60 3px solid; BACKGROUND-IMAGE: url(Images/contact_bg.gif); MARGIN-LEFT: 25px; WIDTH: 500px; PADDING-TOP: 10px; BORDER-BOTTOM: #e7e7e7 3px solid
}
#contact TH {
	PADDING-RIGHT: 6px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; WIDTH: 140px; PADDING-TOP: 2px; TEXT-ALIGN: right
}
#contact TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px
}
#contact .highlight {
	MARGIN: 0px 1px
}
.contact {
	MARGIN: 25px 0px 25px 25px; WIDTH: 500px; TEXT-ALIGN: left
}
.contacthead {
	PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #f60; BORDER-BOTTOM: #f60 3px solid
}
.contactinfo {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #e7e7e7 3px solid
}


/* ------ */

.navigation 
{
    width:155px;
    font-family: Arial, Helvetica, Sans-Serif;   
    font-size: 10px;
    float: left;
    margin: 20px 5px;  
}

.navigation ul 
{
    list-style:none;
    margin:0;
    padding:0;
}

.navigation li 
{
    border-bottom: 1px solid #0066cc;
}

.navigation li a:link, .navigation li a:visited 
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 12px solid #0066cc;
    border-right: 1px solid #0066cc;
    background-color: #C5DBF7;
    color: black;
    text-decoration: none;
}

.navigation li a:hover 
{
    background-color: #0066cc;
    color: #FFFFFF;
}

.navigation ul ul 
{
    margin-left: 12px;
}

.navigation ul ul li 
{
    border-bottom: 1px solid #0066cc;
    margin: 0;
}

.navigation ul ul a:link, .navigation ul ul a:visited 
{
    background-color: #fff;
    color: black;
}

.navigation ul ul a:hover 
{
    background-color: #0066cc;
    color: #FFFFFF;   
}

/* ------ */
/* Selectors for menu inside the banner */

.MainMenu .AspNet-Menu-Horizontal ul
{
    background: #E6F0FA;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;    
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 100px;
    padding: 5px;
    border:2px solid #165EA9;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    left: 98px;
    top: 3px;
    width: 130px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul ul /* for future use, defines a 4th submenu tier */
{
    left: 128px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width:100px;
    padding: 2px 0 2px 0;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width:128px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #124500;
    border-style: none;
    text-align: center;      
       text-decoration: none;		      
    padding:0 10px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    background: transparent url(images/arrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span
{
    background: transparent url(images/activeArrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span
{
    background-image: none !important;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #165EA9 url(images/bg-menu-main.png) repeat-x;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    color: White;      
    text-decoration: none;	
     background-color: #6190CD;         	
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.Menu-Skin-DynamicHover
{
    background: #165EA9 url(images/bg-menu-main.png) repeat-x;
}