html, body, form{
	margin:0;
	padding:0;
	font:normal 11px verdana, tahoma, sans-serif;
	color:#666;
}

.body{
	background:#D9DCE0 url(images/background.jpg) repeat-x; 
}

img{
	border:0
}

p{
	margin:0 0 14px 0;
	line-height:15px;
}

input{
	color:#666;
	border:1px solid #9095A3;
}

input.imageButton
{
	height:auto;
	border:none;
}

textarea{
	font:11px verdana;
	color:#666;
	border:1px solid #9095A3;
	padding:3px;
}

select{
	height: 18px;
	font-size:11px;
	color:#666;
}

.Label{
	font-size:12px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#93be20;
}

.ProductItem li{
	background:url(images/arrowList.gif) 6px  3px no-repeat;
	list-style:none;
	margin:0 0 4px 0;
	padding:0 0 0 20px;
}

.ProductItemSelected li{
	background:url(images/arrowList.gif) 6px  3px no-repeat;
	list-style:none;
	margin:0 0 4px -3px;
	padding:0;
}
.ErrorMessages{
	clear:both;
	display:block;
	margin-bottom:14px;
	padding:15px;
	background:#f00 !important;
	color:#fff !important;
	font-weight:bold;
	}
.ErrorMessages ul {
	margin:10px 0 0 0;
	padding:0;
}
.ErrorMessages li {
	list-style:disc;
	margin:0 0 4px 16px;
	padding:0 0 5px 0;
	font-weight:bold;
}
.ErrorSite{
	background:#fff;
	border:1px solid #F00;
	margin:100px auto;
	width:500px;
	padding:10px;
	color:#F00;
	font-weight:bold;
	}
.Input{
	width:320px;
}
.Radio{
	border:0
}
.Radio td *{
	vertical-align:middle;
}
.tdCheckbox *, .altRows *, .Checkbox * {
	vertical-align:middle;
}
.Checkbox, .Checkbox input, .Radio input{
	border:0;
	}
#checkbox{
	margin:10px 27px 10px 22px;
}
#checkbox input{
	border:0;
	float:left;
}
#checkbox label{
	margin-top:3px;
}
.footnote{
	margin:1px 0 14px 0;
	font-size:10px;
	color:#999;
	position:relative;
	top:-12px;
	left:4px;
}

.GridItem input {
	border:0px;
}
a.GridItem {
	border:0px;
}
.GridItemInactive
{
	color:#aaaaaa;
}
.Button{
	margin-top:10px;
}

.Submit{
	height:29px;
	border:none
}
.xAxis{
	color:#fff; 
	position:relative; 
	top:-26px; 
	left:72px;
	}
.day span{
	margin-right:70px;
	}
.week{
	left:78px;
	}
.week span{
	margin:0 8px 0 9px;
	}
.month span{
	margin-right:91px;
	}
.quarter{
	left:79px;
	}
.quarter span{
	margin:0 23px;
	}
.year {
	left:82px;
	}
.year span{
	margin-right:9px;
	}
.formHeader
{
	background-color:#93BE20;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}

.formHeader a{
	color:#fff !important
}

tr.SectionTableHeader td, tr.SectionTableHeader th, .SectionHeading{
	background-color:#93BE20;
	color:#FFF;
	font-weight:bold;
}
tr.SectionTableHeader th{
	text-align:left;
}
tr.SectionTableHeader td a, tr.SectionTableHeader th a, .SectionHeading a{
	color:#fff !important;
}
.SectionTable{
	width:100%;
}
.SectionTable td, .SectionHeading{
	padding:5px 7px
}
div.MenuTitle{
	font-weight:bold;
	padding-bottom:14px;
	}
	
div.SalesTotal
{
	width:100px;
	margin-right:18px;
	float:left;
}	

/*  -------------------------------- Table Begin------------------------------ */
	.fieldLabel{
		font:bold 11px verdana, tahoma, arial, "trebuchet ms", sans-serif;
		color:#93be20
}
	th{
		font:bold 11px verdana, tahoma, arial, "trebuchet ms", sans-serif;
		color:#666
}
	
	td{
		font:normal 11px verdana, tahoma, arial, "trebuchet ms", sans-serif;
		vertical-align:top
}
/*  -------------------------------- Table End ------------------------------ */



/*  -------------------------------- Headings Begin ------------------------------ */
h1, h2, h3, h4, h5, h6{
	color:#222;
	margin:0
}

h1{
	padding:0 14px 7px 14px;
	color:#fff; 
	font-size:9px;
	float:left;
	margin:0px;
	background:url(images/Merkatis/bgHeader.gif) repeat-x;
}
h2{
	border-bottom:1px solid #AACD2E;
	font-size:14px;
	margin:0 0 14px 0;
}

h3{
	font-size:12px;
	margin:0;
	background:#93BE20;
	padding:5px 8px;
	color:#fff;
}
h3.addMargin{
	margin-bottom:15px;
	}
h4{
	font-size:11px;
	margin:0 0 10px 0;
	color:#666;
}

h5{
	font-size:12px;
	margin:0 0 5px 0;
	color:#93be20;
}

h6{
	margin:0 0 15px 0px;
	padding:0 0 5px 0;
	border-bottom:#ccc 2px dotted;
	color:#93be20;
}

.Heading5
{
	font-weight:bold;
	margin:0 0 7px 0;
}
/*  -------------------------------- Headings End ------------------------------ */



/*  -------------------------------- Links Begin------------------------------ */
#content a{
	color:#F26725;
	font-weight:bold;
	text-decoration:none
}

#content a:visited{
	color:#F26725;
}

#content a:hover{
	color:#EE4D1A;
	text-decoration:underline;
}
/*-------------------------------- Links End ------------------------------ */


.Version{
	font-size:10px;
}

#main{
	width:978px;
	margin:auto;
	background:url(images/innerBg.gif) repeat-y 38px 0 
}

#inner{
	float:left;
	width:871px;
	margin-left:63px;
	padding-left:0px;
	background:#fff;
	z-index:1
}

.boxTop{
	position:relative;
	left:714px;
}
#header{
	height:151px;
	position:relative;
	z-index:999;
}

#header img{
	float:left
}

#header .btnExplain{
	position:absolute;
	top:156px;
	left:600px;
	float:none;
	z-index:999;
	width:136px;
	height:42px;
	background:url(Images/btnExplain.png) no-repeat;
	text-indent:-9999px;
}

#lblVersionInfo{
	font:normal 9px verdana;
	color:#9095A3;
	position:absolute;
	top:110px;
	left:150px;
	width:121px;
	text-align:right;
}

#lblLogOut{
	font:normal 10px verdana;
	color:#fff;
	position:absolute;
	top:154px;
	left:863px;
	text-decoration:none;
}

#lblLogOut:hover{
	text-decoration:underline
}

#headerBarBottom{
	width:179px; 
	height:7px;
	float:left; 
	background-color:#EE4D1A;
	margin-left:1px;
	line-height:1px;
}

#headerBarRight{
	width:626px; 
	background:url(images/Merkatis/bgHeaderBar.gif) repeat-x;
	margin:1px 0 0 0; 
	float:left;
}

#footer
{
	position:relative;
	left:64px;
	background-color:#fff;
	width:870px;
	padding-bottom:7px;
}

#bottomBar{
	width:828px;
	background:url(Images/bottomBar.gif);
	height:13px;
	line-height:1px;
	text-align:right;
}

#copyright{
	width:821px;
	padding:7px 7px 0 0;
	text-align:right;
	background:#797E8E url(Images/Footer.gif) right no-repeat;
	margin:0 0 1px 0;
	height:30px;
	font-size:10px;
	color:#fff;
}

#bottomBarBottom{
	width:828px;
	height:7px;
	line-height:1px;
	background-color:#9095A3
}

#shade{
	width:896px;
	margin:auto;
	position:relative;
	left:-3px;
	background-color:#fff;
	padding-bottom:10px
}

#shadow{
	width:978px;
	height:90px;
	float:left;
	background:url(images/shadowBg.jpg) repeat-x
}

#content{
	float:left;
	padding:20px 0 0 20px;
	margin-bottom:60px;
	min-height:374px;
	_height:374px;
	width:606px;
	background:url(images/rightNavBg.gif) no-repeat top left;
}

/* ------------------------------------------------- Tables & Grids BEGINS -------------------------------------------------- */
.SectionTable, #menuItemWrap, .formWrap{
	margin-bottom:14px;
	border:1px solid #d9ea9f
}

.formWrap .formLabel
{
	float:left;
}

.SectionTable th, .formLabel
{
	padding:5px;
	vertical-align:middle;
	text-align:right;
	font-weight:bold;
	color:#93BE20;
	width:140px;
	background-color:#f5f9eb;
}
.formRow
{
	margin:0 !important;
	vertical-align:middle
}
.formLabel
{	
	clear:left;
	margin:0 5px 0 0 !important;
	border:1px solid #fff;
	border-bottom:0
}
.formField
{
	padding:3px 0 0
}
.formField select
{
	width:204px;
	margin-bottom:3px;
}

.SectionTable th.multipleLines{
	vertical-align:top;
	padding-top:8px
}
.SectionTable th span, .formLabel span{
	font-weight:normal;
	display:block;
}
.SectionTable td{
	vertical-align:middle
}

.EmptyDataRow td
{
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:10px;
}

.altRows{
	background:#F7FBED
}
.subRows td{
	border-bottom:1px solid #D9EA9F;
	}
.dynamicDisplayedElements{
	margin:10px 0;
	background:#F7FBED;
	border:1px solid #d9ea9f;
	padding:10px;
}
.saved{
	margin:10px 0;
	background:#EFFBFE;
	border:1px solid #A7BAC5;
	color:#A7BAC5;
	padding:10px;
	font-weight:bold;
}
.fileUpload{
	height:18px;
}
.imageUpload{
	margin:5px 0;
	width:90px;
}
.dynamicDisplayedElements .SectionTable, .dynamicDisplayedElements .SectionTable th{
	background:none;
	border:none
}
.applyTo{
	border:1px solid #c7cad1;
	width:420px;
}
.applyTo th{
	color:#9095a3; 
	padding-right:3px;
	background:#f0f0f8;
}
.scroll{
	border:#acb8b8 1px solid;
	overflow: scroll; 
	height: 120px; 
	background-color:#fcfcfc;
	margin-bottom:10px;
}


/* ------------------------------------------------- Tables & Grids ENDS -------------------------------------------------- */



/* ------------------------------------------------- Login Screen BEGINS -------------------------------------------------- */
#loginBox{
	width:429px; margin:80px auto 0 auto;
}

#login{
	background:url(images/Merkatis/loginCenter.jpg) no-repeat; 
	height:151px; 
	width:inherit;
}

#login #frmLogIn{
	width:256px;
	text-align:right;
	position:relative;
	top:26px;
	float:left;
}

#errorBox{
	margin:31px 0 0 14px;
	_margin:31px 0 0 7px; 
	position:relative;
	top:60px;
	width:87px; 
	float:left; 
	min-height:1px; 
	_height:1px;
}

.textboxUserName, .textboxPassword{
	width:153px;
	border:1px solid #6E812D;
	font-size:11px;
	font-weight:bold;
	color:#666;
	padding:2px;
	position:relative;
	top:-5px;
	_top:-4px;
	margin:0
}

#shadowLogin{
	width:533px; 
	height:116px; 
	margin:auto;
	padding-top:10px; 
	background:url(images/loginShadowBox.gif)
}

#shadowLogin img{
	margin-left:68px;
}

#shadowLogin .Version{
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	color:#A4AAC3;
	margin-left:65px
}
/* ------------------------------------------------- End Login Screen ENDS -------------------------------------------------- */

#oneononedemo {
	margin: 0; padding: 0;
	}
#divMenuContainer{
	width:220px;
	background:url(images/navFade.jpg) no-repeat 0px bottom; 
	height:440px;
	float:left;
	}
/* ------------------------------------------------- Chart Styles ENDS -------------------------------------------------- */
.navReports{
	float:right; 
	}
#chartOverlay { DISPLAY: block; Z-INDEX: 999; BACKGROUND: url(Charting/clear.gif); WIDTH: 300px; POSITION: absolute; HEIGHT: 240px }
	#charts { Z-INDEX: 1; FLOAT: left; POSITION: relative }
	#chartTop { BORDER-RIGHT: #93be20 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #93be20 1px solid; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 15px; BORDER-LEFT: #93be20 1px solid; WIDTH: 585px; PADDING-TOP: 10px; BORDER-BOTTOM: #93be20 1px solid }
	.tab { BORDER-RIGHT: #93be20 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #93be20 1px solid; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #aacd2e; FLOAT: left; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #93be20; PADDING-BOTTOM: 3px; BORDER-LEFT: #93be20 1px solid; PADDING-TOP: 3px }
	.selectedTab { BACKGROUND: #93be20 }
	A.tab { COLOR: #fff! important }
	#mostPopItem { BORDER-RIGHT: #d9ea9f 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d9ea9f 1px solid; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; BORDER-LEFT: #d9ea9f 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #d9ea9f 1px solid; TEXT-ALIGN: center }
	#chartTop SPAN { FONT-WEIGHT: bold; FONT-SIZE: 8pt }
	.ChartReportDate {margin-left:5px;margin-right:5px;}

.BestSellers{
	width:260px;
	margin-top:20px;
	float:left
}	
.imgBestSeller{
	width:60px;
	float:left;
	margin-right:10px;
	}
.divBestSeller{
	width:190px;
	float:left;
	text-align:left;
}
.divBestSeller span{
	display:block;
	margin-top:4px; 
}

th{
	text-align:right
}

.multiLine{
	vertical-align:top !important;
	padding-top:5px !important;
}

#firstHeading{
	margin-top:0
}

#last4Digits{
	display:none
}

.leftColumns, .rightColumns{
	float:left;
}
.leftColumns{
	border-right:1px solid #999;
	padding-right:25px;
	width:45%;
}
.rightColumns{
	width:45%;
	margin-left:25px
}

.EachProductSection{
	border-bottom:1px dotted #888;
	padding:0 0 15px 0;
	margin-bottom:15px;
}

.hideOnScreen{
	display:none;
}
.imgLogo{
	display:none;
	}
.lnkEdit{
	padding:5px 0;
	display:inline-block;
	}
.clear{
	clear:both;
	}
.lnkEdit{
	padding:5px 0;
	display:inline-block;
}
.clear{
	clear:both;
}
.required{
	color:#f00;
}
.lnkManual{
	float:right;
	background:url(Images/help.gif) no-repeat;
	padding-left:18px;
	display:block;
	height:14px;
	}
#testEmail
{
    padding:20px;
    width:350px;
}
#testEmail #testEmailContent
{
    margin-bottom:10px;
}
#testEmail #testEmailContent #testEmailInstructions
{
    margin-bottom:10px;
}
.SelectedItems{
	height:100px;
	overflow:scroll;
	border:1px solid #D9EA9F;
}
.SelectedItemsCol1Heading
{
    float:left;
    width:364px;
}

.SelectedItemsCol2Heading
{
    float:left;
    width:214px;
}


.SelectedItemsCol1
{
    float:left;
    width:370px;
	padding:5px;
}

.SelectedItemsCol2
{
    float:left;
    width:185px;
	padding:5px;
}

.SelectedItemRow
{
    border-bottom:solid 1px #D9EA9F;
	width:587px;
	float:left
}
.SelectedItemRowAlt
{
    border-bottom:solid 1px #D9EA9F;
	width:587px;
	float:left;
	background:#F7FBED;
}
.radupload li{
	margin:5px;
	}
.radupload input{
	margin-left:5px;
	}
/* ------------------------------------------------- Chart Styles BEGINS -------------------------------------------------- */

/* ------------------------------------------------- Flash h1, h2, h3 BEGINS -------------------------------------------------- */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1, .sIFR-hasFlash h2{
	visibility: hidden;
}
/* ------------------------------------------------- Flash h1 ENDS -------------------------------------------------- */


/* ================= Begin: Categories.aspx ================== */
.CategoryLevel1_Active
{
	font-weight: bold !important;
}
.CategoryLevel1_Inactive
{
	font-weight: bold !important;
	color: #aaaaaa !important;
}

.CategoryLevel2_Active
{
	font-weight: normal !important;
}
.CategoryLevel2_Inactive
{
	font-weight: normal !important;
	color: #aaaaaa !important;
}

.CategoryLevel3_Active
{
	font-weight: normal !important;
	color: #ff0000 !important;
}
.CategoryLevel3_Inactive
{
	font-weight: normal !important;
	color: #ffa500 !important;
}
/* ================= End: Categories.aspx ================== */
/*
#ctl00_Nav1_Menu1_div{
	padding:0 0 150px 0;
	background:url(images/navFade.jpg) no-repeat 0px bottom;
	margin: 0 1px 0 0;
	float:left;
	font-weight:bold;
	width: 220px
}

#Nav1_Menu1_div{
	padding:0 0 150px 0;
	background:url(images/navFade.jpg) no-repeat 0px bottom;
	margin: 0 1px 0 0;
	float:left;
	font-weight:bold;
	width: 220px
}

.MenuGroup{
	background: #F0F0F8 url(images/listmenu_o.gif) left repeat-y;
	width: 220px;
	cursor:hand;
	cursor:pointer
}
.MenuItem{
	border-bottom:1px solid #ddd;
	color: #555555;
	font-weight:bold;
	text-decoration: none;
	padding:5px 4px 5px 30px;
}

.MenuItemHover{
	color: #FFF;
	background-color: #84B231;
	border: 1px solid #F6FF96;
	padding:4px 4px 5px 30px;
	font-weight:bold
}
.MenuItemDown{
	color: #FFF;
	background-color: #84B231;
	border: 1px solid #F6FF96;
	padding:4px 4px 5px 30px;
	font-weight:bold
}
*/
/* BEGIN:  CSS Menu ============================= */
/* First level menu*/

#ctl00_Nav1_ulMenu{
	padding:0; 
	font-weight:bold; 
	width:220px;
}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul, .menulist li ul {
	padding:0 0 150px 0; 
	margin:0 1px 0 0;
	float:left;
	font-weight:bold;
 	list-style:none !important; 
 	z-index:100;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 	visibility:hidden;
 	position:absolute;
 	top:0;
 	left:220px;
	border-top:1px solid #D7D7D9;
}

/*.menulist span{
	border-bottom:1px solid #ddd;
	color:#555555;
	font-weight:bold;
	text-decoration: none;
	padding:0 0 0 30px;
	position:relative;
	top:-1px;
	left:-2px;
}*/

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/

.menulist li {
	position:relative;
	z-index:100;
}

.menulist li, .menulist ul li {
	border-bottom:1px solid #d7d7d9;
	background:#F0F0F8 url(images/listmenu_o.gif) left repeat-y;
}
.menulist ul li {
	border:1px solid #D7D7D9;
	border-top:0;

}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
	display:block;
	padding:5px 0 7px 30px;
	color:#555555;
	text-decoration:none;
	height:15px;
}
.menulist ul li a{
	color:#555555;
	padding:5px 0 7px 32px;
	width:189px !important;
}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color:#FFF;
	padding:5px 0 5px 30px;
	border:solid 1px #F6FF96;
	background-color:#84B231;
	text-decoration:none;
}
.menulist ul li a:hover{
	padding:5px 0 5px 32px;
}	
.menulist a.highlighted {
	color:#555555;
}
.menulist a.highlighted span{
	color:#555555;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
	position:absolute;
	right:0;
	top:1px;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
	float:left;
	height:1%;
}
* html .menulist a {
	height: 1%;
}
/* End Hack */
/* END:  CSS Menu ============================= */

/* ================= Begin: Promotions.aspx ================== */
.coupon
{
	background-color:#ffffff;
}
.storewideDiscount
{
	background-color:#F5FBE7;
}
/* ================= End: Promotions.aspx ================== */

.modalBackground {
	background-color:#555;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background:#fff;
	border:3px solid #A6AABA;
}

.ShipFromHeader
{
	float:left;
}

/* Ups Shipping Label - orderfullfillment, OrderDetail */
#confirmShipment
{
    height:200px;
    padding:20px;
    width:400px;
}

#confirmShipmentContent
{
    height:130px;
}

#linkContent
{
    height:130px;
    margin-top:20px;
    overflow:auto;
}

#confirmShipmentInstructions
{
    font-size:12px;
    font-weight:bold;
}
#packageLabelInstruction
{
    font-size:12px;
    font-weight:bold;
}

#confirmShipmentButtons
{
    margin-top:10px;
    text-align:center;
}

#confirmShipmentButton
{
    font-size:12px;
    margin-bottom:10px;
}
/* End Ups Shipping Label */

#divSearchFields{
	margin-bottom:15px;
	padding:15px 15px 10px 15px;
	background:#F7FBED;
	border:1px solid #D9EA9F;
	}
#divSearchFields *{
	vertical-align:middle;
	}
.note{
	margin:5px 0;
	font-size:11px;
	color:#797E8E;	
	}
.vAlign * {
	vertical-align:middle;
	}
.line{
	border-bottom:1px solid #ccc;
	height:1px;
	overflow:hidden;
	}
.separator{
	border-bottom:1px solid #D9EA9F;
	height:1px;
	overflow:hidden;
	margin:10px -15px;
	display:block;
	clear:both;
	}
.FieldTextBox{
	width:400px;
	}
.ReportDate{
	float:left;
	width:28px;
	margin-top:-5px;
}
.UpsTrademark{
	font-size:10px;
	color:#999;
	line-height:15px;
	padding-top:10px;
	border-top:1px solid #999;
	margin-top:10px;
	clear:both;
}
#divEULA{
	height:400px; 
	width:450px; 
	overflow:scroll;
	border:solid 1px #c0c0c0; 
	background:#f3f3f3; 
	color:#666; 
	padding:15px;
}

.LoadingPanelText
{
	font-size:14px;
}

.LoadingPanelImage
{
	height:100%;
}

.ProductLinkTextArea
{
	width:550px;
	height:50px;
}

.ProductLinkLabel
{
	margin-right:20px;
}