body
{
	margin: 0px;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	font-weight: normal;
	height: 100%;
    background-color: #FFFFFF;
}

.reportViewer {
    background-color: #FFF;
}

.label, .checkbox, .menu1, .CompanyName, .cartCounter {
    color: #2B2828;
}

.importantLabel {
    color: #e02020;
}

.separator {
    display: inline;
}

.cartCounter
{
	font-size: 11pt;
	font-weight: normal;
}

#imgLogo {
    padding-top: 15px;
    padding-bottom: 15px;
}

form
{
	margin-top: 0;
	font-size: 10pt;
	font-weight: normal
}
.VIGrid table
{
	border-collapse: collapse;
	font-family: ARIAL,HELVETICA,SANS-SERIF;
	font-weight: normal ;
	white-space: nowrap;
}
.VIGrid th
{
   border: solid 1px gray;
}
.VIGrid td
{
   border: solid 1px gray;
}
.VIGridHeader
{
	color: White;
	height: 23px;
	background-color: #006738;	/* Base Color */
	vertical-align: bottom;
}
.VIGridHeader a
{
	color: White;
}
.VIGridFooter
{
   color:	white;
   height: 23px;
	background-color: #006738;	/* Base Color */
	font-weight: bold;
	font-style:italic;
}
.ShopCartGridFooter
{
   color:	white;
   height: 23px;
   background: #FFFFFF;	/*BACKGROUND*/
}

.VIGridFooter td
{
	border: 0;
}

.VIGridAlternateRow
{
   color: #444444;
   height: 23px;
   background: #EEEEEE;
   vertical-align: top;
}
.VIGridRow
{
   color: #444444;
   height: 23px;
   background: #FFFFFF;	/*BACKGROUND*/
   vertical-align: top;
}
.VIGridPager
{
	text-align: center;
}
.VIGridPager table
{
	text-align: center;
}
.VIGridPager td
{
	border: 0px;
	font-size: 1.15em;
}
.VIGridPager td table
{
	margin: 0 auto;
}
.VIGridPager a
{
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
}
.VIGridEmptyRow
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.VIGridEmptyRow td
{
	margin: 0px;
	padding: 0px;
}
.VIGrid .VIFindHilite
{
	background-color: #ffff99;
}

.VIGrid .logInfo
{
}

.VIGrid .logWarning
{
	background-color: #ffff59;
}

.VIGrid .logError
{
	background-color: #ff3535;
	color: #ffff00;
}
.VIGrid .logError a
{
	color: #ffff00;
	text-decoration: none;
	font-weight: bold;
}
.VIGrid .VIGridItemQty
{
   color: #444444;
   height: 23px;
   background: #8CC63F;	/* Light Color */
   vertical-align: top;
}
.VIGrid .VIGridRowFocus
{
   color: #444444;
   height: 23px;
   background: #008000;	/* Medium Color */
   vertical-align: top;
}

/*************************/
/* VIMainMenuLoader
/*************************/
.VIMainMenuLoader
{
   color: #006738;	/* Base Color */
   text-align: center;
}

/*************************/
/* VIMenu
/*************************/
.VIMenu
{
}
.VIMenuItem a
{
   color: #006738;	/* Base Color */
   font-weight: bold;
   text-decoration: none;
}
.VIMenuItem a:hover
{
   color: #008000;	/* Medium Color */
}
.VIMenuItem a:active
{
   color: #006738;	/* Base Color */
}
/*************************/
.modalPopupBG
{
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}
.selectItemPopup
{
	min-width: 200px;
	min-height: 150px;
	background: white;
}
.popup_Container
{
	background-color: #fffeb2;
	border: 2px solid #000000;
	padding: 0px 0px 0px 0px;
}
.popup_Titlebar
{
	background: url(images/titlebar_bg.jpg);
	height: 29px;
}
.popup_TitlebarLeft
{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	color: #2B2828;
}
.popup_TitlebarRight
{
	background: url(images/cross_icon_normal.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 15px;
	width: 16px;
	float: right;
	cursor: pointer;
	margin-right: 5px;
	margin-top: 5px;
}
.popup_Body
{
	padding: 15px 15px 15px 15px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	line-height: 15pt;
	clear: both;
	padding: 20px;
}
.popup_Buttons
{
	margin: 10px;
}
/***********************************/
.modalProgressGreyBackground
{
	background: #cccccc;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.modalProgressPopup
{
	text-align: center;
	padding-top: 30px;
	border-style: solid;
	border-width: 1px;
	background-color: White;
	width: 300px;
	height: 55px;
}
/**/
#modalPage
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.modalBackground
{
	filter: Alpha(Opacity=40); 
	-moz-opacity:0.4; 
	opacity: 0.4;
	width: 100%; 
	height: 100%; 
	background-color: #999999;
	position: absolute;
	z-index: 500;
	top: 0px; left: 0px;
}

.modalContainer
{
	position: absolute;
	width: 350px;
	left: 50%;
	top: 50%;
	z-index: 750;
}

.modal
{
	background-color: White;
	border: solid 2px Gray;
	position: relative;
	top: -150px;
	left: -150px;
	z-index: 1000;
	width: 350px;
	height: 150px;
	padding: 0px;
}

.modalTop
{
	width: 342px;
	background-color: #006738;	/* Base Color */
	padding: 4px;
	color: #2B2828;
	text-align: right;
}

.modalTop .modalTitle
{
	float: left;
	white-space: nowrap;
}

.modalTop a, .modalTop a:visited
{
	color: #2B2828;
	font-weight: bold;
	text-decoration: none;
}

.modalBody
{
	padding: 10px;
}

.version
{
	text-align:center;
	font-style:italic;
	bottom:0;
	height:10px;  
	padding:10px;
	float:none;
	font-size:12px;
	/*This positions the version at the bottom of the window, but the "center" slides as the window is resized
	position:absolute;
	width:90%;
	*/
}

/*--------------*/
#footer
{
	/*
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center;
	*/
}
#footer ul
{
	margin-bottom: 10px;
	list-style-image: none;
	list-style-type: none;
}

#footer ul li
{
	padding-left: 6px;
	padding-right: 6px;
	display: inline;
}
#footer ul li a
{
	color: #008000;	/* Medium Color */
	text-decoration: none;
}
#footer ul li a:hover
{
	color: #8CC63F;	/* Light Color */
}
/*-----------------*/
.CompanyName
{
	font-size: Large;
	font-weight: Bold;
	font-style: Italic;
}

.wait
{
	font-size: 12pt;
	font-weight: Bold;
	color: Red;
	position:absolute;
	top: 0px;
	left: 0px;
}
.uppercase
{
	text-transform: uppercase;
}
/* a.menu class is for configuring links on the left-hand navigation menu  */
a.menu
{
	color: #006738;	/* Base Color */
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover
{
   color: #008000;	/* Medium Color */
}

a.menu:active
{
	color: #006738;	/* Base Color */
}
/* breadcrumb class is for breadcrumb non-links (not hot) text  */
.breadcrumb
{
	color: #000000;
	padding: 0cm;
	border-collapse: collapse;
	font: bold 11px Geneva,Arial,Helvetica,sans-serif;
}
.breadcrumb a
{
	color: #006738;	/* Base Color */
	text-decoration: none;
}
.breadcrumb a:hover
{
   color: #008000;	/* Medium Color */
}
/*--------------------*/
/* Use to center DIVs */
/*--------------------*/
/*style="display: table; overflow: hidden; text-align: center; width: 100%;"*/
.centerDiv
{
	display: table;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
/*style="display: table-cell;"*/
.centerDiv-wrapper
{
	display: table-cell;
}
/*style="display: inline-block;"*/
.centerDiv-content
{
	display: inline-block;
}

/* ---- begin Modal Progress Update ---- */
.modalProgressGreyBackground 
{
	background: #cccccc;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.modalProgressPopup
{
	text-align: center;
	padding-top: 30px; 
	border-style: solid; 
	border-width: 1px; 
	background-color: White; 
	width: 300px; 
	height: 55px;
}
/* ---- end Modal Progress Update ---- */

.modalContainerItem
{
	position: absolute;
	z-index: 750;
}

.modalItem
{
	background-color: White;
	border: solid 2px Gray;
	z-index: 1000;
	padding: 0px;
}

.modalTopItem
{
	background-color: #006738;	/* Base Color */
	padding: 4px;
	color: #2B2828;
	text-align: right;
}

.modalTopItem .modalTitleItem
{
	float: left;
	white-space: nowrap;
}

.modalTopItem a, .modalTopItem a:visited
{
	color: #2B2828;
	font-weight: bold;
	text-decoration: none;
}

.modalBodyItem
{
	padding: 10px;
}

.itemOnAd
{
	color: Blue !important;
}
.summarySono
{
	font-size: 1.2em;
	font-weight: bold;
	color: #006738;	/* Base Color */
}
/*****************/
/* Category Tree */
.categoryTree a
{
	color: #006738;	/* Base Color */
	font-weight: bold;
}

.roundedCorners {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: inherit;
}

.defaultGradient {
    background: #008000;	/*Medium Color*/
    background: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#006738));	/*Medium Color, Dark Color*/
    background: -moz-linear-gradient(top, #008000, #006738);	/*Medium Color, Dark Color*/
    background: linear-gradient(to bottom, #008000, #006738);	/*Medium Color, Dark Color*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#006738');    /*Medium Color, Dark Color*/
}

.genericButton {
    cursor: pointer;
    border: 2px;
    height: 32px;
    font-size: 17px;
    padding-left: 7.5px;
    padding-right: 7.5px;    
    color: #FFFFFF;	/*WHITE*/
    text-decoration: none;
    text-shadow: #000000 1px 1px 1px;	/*BLACK*/
}

    /*Replace me*/
    .genericButton:hover {
        opacity: .7;
    }
    
    /*And me*/
    .genericButton[disabled]:hover {
        opacity: 1;
    }

    /*With me (after support for IE8 is dropped. */
    /*Reference: http://stackoverflow.com/questions/11600687/hover-and-active-only-when-not-disabled*/
    /*.genericButton:hover:enabled {
        opacity: .7;
    }*/

    .genericButton:disabled {
        cursor: default;
        background: grey;
    }