/* begin with the @media rule to specify media */
@media screen {

/******************************************************************************************/
/* begin global styles                                                                    */
/******************************************************************************************/

/*<link href="href="https://fonts.googleapis.com/css?family=Roboto:100,300,500"" rel="stylesheet">*/

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




/* always show vertical scrollbar to prevent screen jumping for ajax updates */
html
{
	overflow-y: scroll;
	overflow-x: auto;
    height:100%;
}

body
{
	/*font-size:12px;*/
    font-size:14px;
	font-family:'Roboto', sans-serif;
	background-color:#f0f0f0;
	color: #000;
	padding: 0 10px 0 10px;
	margin: 0px;
    /*height:100%;*/
}

input[type="radio"] { margin: 3px 3px 3px 4px; }
input[type="checkbox"] { margin: 3px 3px 3px 9px; }
input[type="checkbox"]:first-child { margin-left:3px; }
input[align="absmiddle"] { vertical-align:middle; }
textarea.borderBox { width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; }
.inactive { color:#CCC; } 

a { color:#000; }
.copyright { text-align:center; font-size:.9em;}
.copyright a { color:#ffffff;}
fieldset { padding: 5px; }
fieldset legend { font-weight:bold; }
fieldset span.fieldHeader { float:left; width:25%; margin-right:5px; padding-top:3px; text-align:right; font-weight:bold; }

/* style for text that is intended as a help note (such as appears on legacy payment gateway pages) */
.helpText { font-weight:normal; font-style:italic; }
p { margin:0 0 1em 0; }
p.spaceAbove { margin: 1em 0; }
p.small { font-weight:normal; font-size:10px; }

ul { padding: 0; margin:5px; }
ul li { list-style:none; padding:5px 0 0 0;}

/* style for a caption that is inline with other text */
.inlineCaption {display:inline;font-size:150%;font-weight:bold;color: #333333;}

/******************************************************************************************/
/* end global styles                                                                      */
/******************************************************************************************/

/******************************************************************************************/
/* begin global header and footer styles                                                  */
/******************************************************************************************/

#adminHeader {background-color:#28870d;}

/*#adminHeader {display:none;}*/

#headerLogo {height:60px; padding:0px;}

#headerLogo img{height:86px;padding-top:8px;padding-left:8px; }

#headerSearch {margin-top:6px; text-align:left; padding-right:10px; width:200px;}
#headerSearch input[type="text"] {width:85px;}
.subscriptionHeading {white-space:nowrap;width:50%;}

#headerNav { text-align:right;padding-top:5px;padding-right:5px; }
#headerNav ul{ margin:0px; padding:0px;}
#headerNav ul li{ display:inline-block; list-style:none;padding:0 3px 0 3px; }
#headerNav ul li:hover { border:0px solid white;padding:0 3px 0 3px; }
/*#headerNav ul li a { display:inline-block; text-decoration: none; text-align:center; width:68px; height:60px; color: #fff; font-size:8pt; }*/
#headerNav ul li a { display:inline-block; text-decoration: none; text-align:center; width:80px; height:96px; color: #fff; font-size:10pt; }

#headerNav ul li.dashboard { background:url(images/toolbar/dashboard.png) center center no-repeat; }
#headerNav ul li.orders { background:url(images/toolbar/orders.png) center center no-repeat; }
#headerNav ul li.users { background:url(images/toolbar/users.png) center center no-repeat; }
#headerNav ul li.catalog { background:url(images/toolbar/categories.png) center center no-repeat; }
#headerNav ul li.products { background:url(images/toolbar/products.png) center center no-repeat; }
#headerNav ul li.store { background:url(images/toolbar/store.png) center center no-repeat; }
#headerNav ul li.logout { background:url(images/toolbar/logout.png) center center no-repeat; }

/* menubar styling (see also, menubar.css) */
#menuBar{font-weight:bold; height:38px; background-color:#16591a;}

#stickyActions {width:938px;padding-bottom:5px; padding-top:5px;background-color:#FBFBFB;border-bottom: 1px dotted #808080;}

/* styling for breadcrumb panel */
#adminBreadCrumbs div.innerFrame { line-height:25px; color: #000; padding: 0px 0px; text-indent: 10px;}
#adminBreadCrumbs div.innerFrame a { color: #000; text-decoration: none; margin-right: 4px; font-size:11px;}
#adminBreadCrumbs div.innerFrame a:hover{ color: #717171; text-decoration: underline; }
#adminBreadCrumbs div.innerFrame a.current { color:#000; }
#adminBreadCrumbs div.innerFrame a.current:hover { color:#717171; text-decoration: none; cursor:default; }

#mainContent { background-color:initial; }

#adminFooter {text-align:center; width:100%; color:#0060aa;}
#adminFooter div.innerFrame { padding:6px 0 ; height:30px;margin-top:30px;border-top:2px solid #003054;}
#adminFooter div.innerFrame a {padding:0px 5px 0px 5px;color:#0060aa;}
#adminFooter p { margin:5px; }

/******************************************************************************************/
/* end global header and footer styles                                                    */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for individual page headers                                                */
/******************************************************************************************/

div.pageHeader { position:relative;margin:0px; }

div.pageHeader div.caption
{
	width:100%;
}

div.pageHeader div.caption h1
{
	padding:20px 10px 20px 3px;
	font-size:20px;
	text-transform:uppercase;
	margin:0px;
	/*border-bottom:#d3d3d3 solid 1px;*/
}

/******************************************************************************************/
/* end style for individual page headers                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for logical page divisions                                                 */
/******************************************************************************************/

div.section 
{
	vertical-align:top;
	padding-left:0px;
	margin: 12px 6px 12px 6px;
    border-radius:8px;
    background-color: rgba(255, 255, 255, 0.75);
    
    /*background: white none repeat scroll 0 0;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    
        
}

div.section div.header
{
	/*background:white;*/
	/*color: #fff;
	font-weight: bold;*/
	padding: 3px 6px;
	border-bottom: 1px solid #d6eac8;
}

div.section div.header h2 
{

    color: #2a6b12;
    font-size: 18px;
    
    margin:0px;
	font-weight:bold;
	padding:5px;
}

div.header a
{
    font-size:12px;
    margin:0px;
	color: #fff;
	font-weight:bold;
	padding-left:5px;
	text-decoration:none;
}

div.content { padding:0; line-height:1.5em; margin-bottom:10px; overflow:hidden;
              /*background-color: white;*/
              /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
              box-sizing: border-box;*/ 
}

div.content.height {padding:6px;}

div.content.invoice {background:white;}


div.loginContent { padding: 10px; line-height:1.5em; overflow:hidden; }
div.loginContent p {margin:5px 0 5px 0;}
div.content p {margin:5px 0 5px 0;}
div.aboveGrid { padding-bottom:0px;margin-bottom:0px; }
div.content h3 { margin:0px; font-weight:bold; }
.goodCondition{font-weight: bold; color: #228b22; padding-bottom: 3px;}
.errorCondition{font-weight: bold; color: #FF0000; padding-bottom: 3px;}

/* caption for the page section header */
.sectionHeader h2
{
	font-size: 20px; 
}

div.leftColumn { }
div.middleColumn { }
div.rightColumn {padding:0px 0 }
div.mainColumn { }
/*div.section div.content { border:solid 1px #d9e6f2; padding-left:10px; padding-right:10px; border-radius: 0px 0px 5px 5px; background:#FFFFFF;}*/
div.section div.loginContent { border:none; padding-left:10px; padding-right:10px; /*background:#FFFFFF;*/}
div.loginFooter {background-color:#3d83b9; border:none; color:#fff; text-align: center; font-size: 10px; font-weight: normal; margin: 0; padding: 5px 6px;}

/* sections that are by themselves - e.g. login or popup help */
div.orphanSection { margin:0px; }
div.orphanSection div.content { margin:0px; }

/******************************************************************************************/
/* end style for logical page divisions                                                   */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for tabs                                                                   */
/******************************************************************************************/

.tabs .ajax__tab_header {border-bottom: solid 1px #999793;}
.tabs .ajax__tab_outer {margin-top:8px;margin-left:5px;margin-bottom:-1px;} 
.tabs .ajax__tab_inner {padding:0 2px;background:#0060aa;color:#fff} 
.tabs .ajax__tab_tab {height:38px;padding:6px;margin:0;outline:none;color:#fff;}
.tabs .ajax__tab_hover .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner {background:#fff;outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner a {color:#0060aa; outline:none;}
.tabs .ajax__tab_hover .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_active .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_active .ajax__tab_inner {background:#003054;} 
.tabs .ajax__tab_active .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_active .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_body {outline:none;}

.secondaryMenu {padding:0px;border-bottom:1px solid #999793; }
.secondaryMenu ul{margin:8px 0px 0px 4px;padding:0px; }
.secondaryMenu ul li{display:inline;padding:0px;margin:0px;}
.secondaryMenu ul li a{display:inline-block;margin:0px;padding:6px;text-decoration:none;color:#fff;border:1px solid #999793;margin-bottom:-1px; border-radius: 4px 4px 0px 0px; background:#30940c none repeat scroll 0 0;}
.secondaryMenu ul li a:hover{background:white; color:#003054;}
.secondaryMenu ul li.active a{ background:#075400;}
.secondaryMenu ul li.active a:hover{ background:#FFF;}

/******************************************************************************************/
/* end style for tabs                                                                     */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for grid outputs                                                           */
/******************************************************************************************/

table.pagedList { width:100%;margin-bottom:5px;margin-left:auto;margin-right:auto;border-collapse:collapse; }
table.pagedList td { padding:2px 4px; border:1px solid lightgray; }
table.pagedList th { font-weight: bold; border: 1px solid #000; background: #dfedda; padding: 4px; color:#000;}
table.pagedList th a { color: #000;	font-weight: bold; text-decoration:underline; margin-right: 8px;  color:black;}
table.pagedList tr.oddRow { background-color: white; border:solid 1px #FFFFFF; line-height:2.4em;}
table.pagedList tr.evenRow { background-color: #ecf2f9; border:solid 1px #E1E2E4; line-height:2.4em; }
table.pagedList tr.empty td { min-width:300px; text-align:center; padding: 10px; font-style:italic; border: solid 1px #999793;}
table.pagedList tr.footer { border-top:solid 2px gray;}
table.pagedList tr.footer td { border: none; padding:5px; }
table.pagedList tr.paging td { padding:0; }

table.pagedList th.item,
table.pagedList td.item {text-align:left;}
table.pagedList th.sku,
table.pagedList td.sku {text-align:center;}
table.pagedList th.price,
table.pagedList td.price {text-align:center;width:100px;}
table.pagedList th.quantity,
table.pagedList td.quantity {text-align:center;width:80px;}
table.pagedList th.returnQuantity,
table.pagedList td.returnQuantity {text-align:center;width:80px;}
#rawDataGrid table.pagedList td {text-align:center;}

/* ablegridview pager */
.ablePager { position:relative;background-color:#E1E2E4; }
.ablePager .totalMatchedItems { margin:4px; }
.ablePager .pageNumberDiv { display:inline-block;margin:4px; }
.ablePager .pageNumberDiv input[type="text"] { width:40px; }
.ablePager .pageNumberDiv input[type="image"] { vertical-align:middle; }
.ablePager .pageNumberDiv span { margin-left:4px; }
.ablePager .pageSizeDiv { display:inline-block;margin:4px;position:absolute;right:5px; }
.ablePager .pageSizeDiv select { margin:0 4px; }

/* ablegridview action footer */
#gridFooter { position:relative;background-color:#E1E2E4;line-height:1.5em;border:solid 1px black;padding:6px;margin-top:-6px; }

/******************************************************************************************/
/* end style for grid outputs                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* begin browse catalog footer style                                                      */
/******************************************************************************************/

#gridFooter span { margin: 0px; padding:0px 4px; height:28px; line-height:28px;}
#gridFooter span.selectHeader { border-right:none;font-weight:bold;width:84px;padding-left:6px; }
#gridFooter span.selectLinks { border-left:none;width:429px;}
#gridFooter span.selectLinks a { font-weight:normal;margin:0px 3px;text-decoration:none;}
#gridFooter span.selectLinks a:hover { text-decoration:underline;}

/******************************************************************************************/
/* end browse catalog footer style                                                        */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for input forms                                                            */
/******************************************************************************************/

/* styling for tables form */
table.inputForm
{
	width:100%;
    margin: 10px 0;
}
/* user shipping address list table */
table.ShippingAddressList {
    width:77% !important;
}

/* styling for table headers form */
table.inputForm th
{
	padding: 6px;
	text-align:right;
	font-weight:bold;
    /*font-size:14px;*/
}

/* style for links that appear within rowheader */
table.inputForm th a.header {
	background-color: #650101;
	width:100%;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	font-weight:bold;
	text-align:left;
	padding: 6px;
}

table.inputForm td { padding:6px; }

table.inputForm .Backorder{ width:118px; }
table.inputForm .HandlingCharges{ width:167px; }
table.inputForm span.billableLink { margin-left: 30px; }

/*style for billable weight dispaly dialog */
#billableDialog div.productWeightCaption { width:400px; margin:0 auto; }
#billableDialog div.weightCaption { padding:16px 2px 0 20px; float:left; width:100px; font-weight:bold; }
#billableDialog div.weight { padding:16px 3px 10px 0;width:230px; }
#billableDialog div.dimensionalWeight { padding:0 0 10px 20px; float:left; width:400px; font-weight:bold; }
#billableDialog p { padding:16px 3px 0 20px; }
#billableDialog div.weightLabel { float:left; width:68px; margin-left:45px; font-weight:bold; }
#billableDialog div.weightValue { width:230px; }
#billableDialog div.intelWeight { width:400px; margin:0 auto;padding-bottom:10px; }
#billableDialog div.intelWeightCaption { float:left; width:84px; margin-left:45px;font-weight:bold; }
#billableDialog .link { margin-left:80px; }

/* style for page section header */
.sectionHeader { color: darkseagreen;font-size: 22px;font-weight: bold;  border-bottom: 1px solid;}
/*div.sectionHeader { margin-top:4px; margin-bottom:8px; padding: 6px; border: solid 1px; color:#403b2f; border-radius: 5px 5px 0 0; }*/
div.componentList div.sectionHeader { margin-bottom:0px; }
tr.sectionHeader th { padding: 6px 4px; text-align:left;}

/* set style for other elements within rowheader */
table.inputForm .colHeader * {	font-weight: bold; font-size: 12px; }

/* style for cell that contains validation summary */
table.inputForm .validation { margin-top:4px; margin-bottom:8px; }

/* style for cell that contains submit buttons */
table.inputForm .submit { padding:4px 0px 8px 0px; text-align:left; }

/* style for cell that contains submit buttons */
table.inputForm .dialogSubmit { padding:4px 0px 8px 0px; text-align:left; }

/* checkbox lists in an input form */
table.inputForm .checkboxList label { margin-left: 2px; margin-right:8px; }

/* style used to add width to cells for better visuals */
table.widenCells th.rowHeader {padding-left:30px;}
table.widenCells td { padding-right: 20px;}
table.compact { width:auto;margin-left:10px;}

.searchPanel
{
    background-color: white;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    box-sizing: border-box;
    margin: 0;
    margin-bottom:10px;
    padding: 4px;
    /*display: block;*/
    /*height: 100%;
    width: 100%;
    position: relative;*/
}

	/*border:#999793 solid 1px;
	background: url(images/searchpanel-bg.jpg) bottom left repeat-x #FFFFFF;
	padding:6px;
	margin:12px;
	border-radius:5px*/
}


/* link container for the tooltip */
a.toolTip, a.toolTip:hover
{	
	text-decoration:none;
    padding-right:12px;	
	background-image:url(images/icons/tooltip.gif);
	background-repeat:no-repeat !important;		
	background-position:right top;
	color:#000;
	padding-right:15px;
}

/* style for links that should be highlighted */
a.highlight { color:#ab1030; background:transparent url(images/Icons/link-arrow2.png) no-repeat scroll right center; padding-right:14px; }
a.highlight:hover {color:#1D79AA; background-color: #e0e0e0;}

/* style for inline field labels */
.fieldHeader { font-weight:bold; }
div.toolbar {text-align:right; background-color:#D9DEE4; margin:5px 0 5px 0;}

/* fix nested table padding for category tree in input forms */
table.inputForm div.categoryTree { display:inline-block; }
table.inputForm div.categoryTree td { padding:0px; }

/* sort category buttons css*/
.sortButton { text-align:left; }
.hrSort { width:65px;margin-left:5px; }

div.summarySection {float:right;}
.labelHeadings{text-align:right; padding:0 5px 0 5px; font-weight:normal;padding-left:13px;}
.totalLabels{text-align:right; padding:0 5px 0 5px; font-weight:bold; padding-left:13px;}

/******************************************************************************************/
/* end style for input forms                                                              */
/******************************************************************************************/

/******************************************************************************************/
/* begin styles for modal popup dialogs                                                   */
/******************************************************************************************/

/* background for main page when modal popup is visible */
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* style for modal popup dialog */
.modalPopup
{
	background-color:white;
	/*padding:12px;*/
	width:320px;
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.15);
}

/* style for header of modal popup dialog */
.modalPopupHeader 
{
	cursor:move;
	background-color:#3d83b9;
	color:#fff;
	font-weight:bold;
	margin:12px 0;
	padding:10px;
}

.modalPopupHeader h2{ margin:0px; padding:0px;}

.modalPopup ul.information {padding:0 20px;}
.modalPopup ul.information li { width:550px; text-align:left;list-style-type:disc;}
.modalPopup .content li { width:590px;}

/******************************************************************************************/
/* end styles for modal popup dialogs                                                     */
/******************************************************************************************/

/******************************************************************************************/
/* begin styles for auto complete extender                                                */
/******************************************************************************************/

.autoCompleteList
{
    font-size: 11px;
    color: #000;
    border: 1px solid #999;
    background: #fff;
    float: left;
    z-index: 1;
    position:absolute;
    margin-left:0px;
    margin-top:0;
    max-height:200px;
    overflow:scroll;
    overflow-x:hidden;
}

/******************************************************************************************/
/* end styles for auto complete extender                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* begin styles for buttons                                                               */
/******************************************************************************************/
 .button {
    cursor: pointer;
    display: inline-block;
    background-color: #1c652b;
    border: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
    box-sizing: border-box;
    padding: .5em 1.5em;
    color: #fff;
    font-family: 'Roboto','sans-serif';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    height: 40px;
    position: relative;
    transition: all .3s ease-out;
    margin:2px 4px;
}
  
.button:hover
{
	background:#2d9c44;
}

a.button
{
    text-decoration:none;
}

.button:active
{
	position: relative;
	top: 1px;
}

/******************************************************************************************/
/* end styles for buttons                                                                 */
/******************************************************************************************/


input {
    font-size: 16px;
    line-height: normal;
    padding: 6px 6px;
}

select {padding:6px 0}


/******************************************************************************************/
/* begin styles for navigation buttons                                                    */
/******************************************************************************************/

div.pageHeader div.caption div.links
{
    /*clear:both;
	position:absolute;
	right:10px;
	top:4px;*/
    /*margin-top:-20px;
    float:right;*/
}

div.pageHeader div.caption div.links .button
{
	/*float:left;*/
	background:#356b0f;
	color:#fff;
    cursor:pointer;
}

div.pageHeader div.caption div.links .button:hover
{
	background:#fff;
    color:#333;
}

div.pageHeader div.caption div.links .activeButton
{
    background:#2d5986;
	color:#fff;
    cursor:pointer;
}

div.pageHeader div.caption div.links .activeButton:hover
{
	background:#fff;
	color:#333;
	cursor:pointer;
}

/******************************************************************************************/
/* end styles for navigation buttons                                                      */
/******************************************************************************************/

/******************************************************************************************/
/* begin style overrides for special action buttons                                       */
/******************************************************************************************/

.addButton
{
    padding-left:24px;
	background-image: url(images/icons/plus.png);
    background-position:5px center;
    background-repeat:no-repeat;
     
}

.addButton:hover
{
	background: url(images/icons/plus.png) 5px center no-repeat, #78a8ce !important;
}

/******************************************************************************************/
/* end style overrides for special action buttons                                         */
/******************************************************************************************/

/******************************************************************************************/
/* begin styles for tiles menu                                                            */
/******************************************************************************************/

.tilesMenu
{
    display: inline-block;
    transition: ease 0.2s;
    -moz-transition: ease 0.2s; /* Firefox 4 */
    -webkit-transition: ease 0.2s; /* Safari and Chrome */
    -o-transition: ease 0.2s; /* Opera */
    margin-bottom:2em;
    text-align:center;
}

.tilesMenu ul
{
    list-style:none;
    margin:auto;  
}

.tilesMenu ul li
{
    margin:10px;
    display:inline-block;
    text-align:left;
    border-radius:150px;
}

.tilesMenu ul li div
{
    display:table-cell;
    vertical-align:middle;
    width:160px;
    height:160px;
    padding:28px;
    text-align:center;
    border-radius:50%;
    background-color:#c6d9ec;
}

.tilesMenu ul li div:hover
{
    background-color:#6699cc;
}


.tilesMenu ul li div span
{
   display: block;
   font-size: 1.3em;
   font-weight: bold;
   padding: 3px 0;
}

.tilesMenu ul li div p
{
    font-weight: normal;
    padding: 2px 0;
}

.tilesMenu ul li a, .tilesMenu ul li a:hover, .tilesMenu ul li a:active, .tilesMenu ul li a:visited
{
    text-decoration:none;
    color:#000;
    padding:6px;
}

.tipTextCaption { font-weight:bold; margin-right:6px; }

/******************************************************************************************/
/* end styles for tiles menu                                                              */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for reports pages                                                          */
/******************************************************************************************/

div.reportNav {text-align: center; }
img.reportChart {display:block;margin-left: auto; margin-right:auto; }
table.report {margin-bottom:4px;margin-left:auto;margin-right:auto;border:solid 1px gray;border-collapse:collapse; }
table.report td {padding:6px;border:dashed 1px gray; }
table.report td.amount {text-align:right; }
table.report th {padding:6px;border:dashed 1px gray;font-weight:bold;text-align:left; }
table.report tr.oddRow {background-color: #E4E1D4; }
table.report tr.evenRow {background-color: #fff; }

/******************************************************************************************/
/* end style for reports pages                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for summary tables                                                         */
/******************************************************************************************/

table.summary { width:100%; margin-bottom:1em; }
table.summary td { padding:6px;padding-right:12px; vertical-align:top; }
table.summary td.amount { text-align:right; }
table.summary th { padding:6px;font-weight:bold;text-align:right; vertical-align:top; }
table.summary tr.oddRow { background-color: #eee; }
table.summary tr.evenRow { background-color: #fff; }

/******************************************************************************************/
/* end style for summary tables                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for notifications                                                          */
/******************************************************************************************/

.ui-notify-container { margin:10px; }
.ui-notify { width:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; height:60px; }
.ui-notify-message h1 { font-size:16px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px;font-size:14px; }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.goodCondition .ui-notify-message-style { background:#228b22; -moz-box-shadow: 0 0 6px #228b22; -webkit-box-shadow: 0 0 6px #228b22; box-shadow: 0 0 6px #228b22; }
.errorCondition .ui-notify-message-style { background:#b22222; -moz-box-shadow: 0 0 6px #b22222; -webkit-box-shadow: 0 0 6px #b22222; box-shadow: 0 0 6px #b22222; }
.warnCondition .ui-notify-message-style { background:#d2691e; -moz-box-shadow: 0 0 6px #d2691e; -webkit-box-shadow: 0 0 6px #d2691e; box-shadow: 0 0 6px #d2691e; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-message-style li { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }
div.EditorWarningMessage { color:#FF0000; padding:6px; }

/******************************************************************************************/
/* end style for notifications                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for packing slips                                                          */
/******************************************************************************************/

/*.packingSlip { margin:0 auto 2em auto; width:600px; }*/
.packingSlip { margin:0 auto 2em auto; width:960px;background:white; }
.packingSlip h2 { margin:0px; padding: 8px; border: 1px solid black; }
.packingSlip div.orderSummary { border: 1px solid black; border-bottom:none; border-top:none; margin:0px; padding:6px; }
.packingSlip div.orderSummary div.row { padding: 6px; display:inline-block; width:48%;}
.packingSlip div.orderSummary div.row .fieldHeader { margin-right:4px; }
.packingSlip div.shipMessage { width:100%;border:double 8px black;padding:1%;}
.packingSlip table td, .packingSlip table th { padding: 6px; }
.packingSlip table.shippingAddresses {  border-collapse:collapse; margin:0; width:100%;}
.packingSlip table.shippingAddresses th { width:50%; text-align:left; font-weight:bold; border:1px solid black; }
.packingSlip table.shippingAddresses td { padding-left:30px; border:1px solid black; border-bottom:none; }







table.printableList { border-collapse:collapse; }
table.printableList td { border:1px solid black; padding:4px; }
table.printableList th { background-color:#D3D3D3; border:1px solid black; padding:4px; }


/******************************************************************************************/
/* end style for packing slips                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin misc style adjustments                                                           */
/******************************************************************************************/

/* style for UPS registration and licensing */
div.license { border:solid 1px black; padding:10px; height:300px; overflow:auto; }

/* special styling for dashboard welcome message */
p.dashboardWelcome { float:right;height:0px;margin:0px;font-weight:bold;color:darkblue;overflow:visible; }

/* updown control when creating orders */
.quantityUpDown #Up{ background: url(images/up.gif) center no-repeat; display:block; width:12px; height:12px; }
.quantityUpDown #Down{ background: url(images/down.gif) center no-repeat;  display:block; width:12px; height:12px;  }

div.componentList { position:relative;}
div.componentList div.header { position:absolute;right:10px;top:4px; }
div.componentList div.options { float:right; margin:-40px 8px 0 0; }

.expandColumns { width:100px; }
.noExpand { width:58px; }
.expandSmallColumns { width:50px; }
.nosmallExpand { width:32px; }
div.enableScrolling { overflow:auto; }
.hideExportButton { display: none; }

/* styling for validation summary lists */
.validationSummary { margin-bottom:6px; }
.validationSummary ul { margin-left:25px; list-style-type:disc;}
.validationSummary ul li { color:#f00; list-style-type:disc; }

/* styling for required fields */
.requiredField {color: #FF0000; padding-bottom: 3px; margin-left:3px;}

/******************************************************************************************/
/* end misc style adjustments                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* Beging styles for dashboard                                             */
/******************************************************************************************/
.navigationOptions { padding: 10px 10px 10px 10px;}
.navigationOptions .helpLink { float:left;}
.navigationOptions .instructions { float:right;}

/* dashboard order summary control */
div.orderSummary { position:relative;}
div.orderSummary div.header div.options { position:absolute;right:10px;top:4px; }
div.orderItemDetail table td {border:none;}

/* view order page */
ul.inputList {list-style:none; padding:0;margin-top:0;}

/* dashboard navigation tab */
/*div.dashboardNavigation {}
div.dashboardNavigation div.leftMenu {float:left; padding-top:20px; padding-left:50px;}
div.dashboardNavigation div.leftMenu div.icon {width:120px; height:90px; margin-right:10px;}
div.dashboardNavigation div.rightMenu {float:left;}
div.dashboardNavigation div.manage div.icon {background-image:url(images/dashboard/manage.jpg);}
div.dashboardNavigation div.people div.icon {background-image:url(images/dashboard/people.jpg);}
div.dashboardNavigation div.marketing div.icon {background-image:url(images/dashboard/marketing.jpg);}
div.dashboardNavigation div.catalog div.icon {background-image:url(images/dashboard/products.jpg);}
div.dashboardNavigation div.website div.icon {background-image:url(images/dashboard/website.jpg);}
div.dashboardNavigation div.help div.icon {background-image:url(images/dashboard/help.jpg);}
div.dashboardNavigation div.store div.icon {background-image:url(images/dashboard/configurestore.jpg);}
div.dashboardNavigation div.regions div.icon {background-image:url(images/dashboard/regions.jpg);}
div.dashboardNavigation div.shipping div.icon {background-image:url(images/dashboard/shipping.jpg);}
div.dashboardNavigation div.payments div.icon {background-image:url(images/dashboard/payment.jpg);}
div.dashboardNavigation div.security div.icon {background-image:url(images/dashboard/security.jpg);}
div.dashboardNavigation div.email div.icon {background-image:url(images/dashboard/email.jpg);}
div.dashboardNavigation div.taxes div.icon {background-image:url(images/dashboard/taxes.jpg);}
div.dashboardNavigation div.seo div.icon {background-image:url(images/dashboard/seo.gif);}*/

/******************************************************************************************/
/* end styles for dashboard                                         */
/******************************************************************************************/

.invoice td.dataSheet {padding:0;}
.invoice td.dataSheet table.printableList { }
.invoice td.dataSheet table.printableList td { border:1px solid black; padding:4px; }
.invoice td.dataSheet table.printableList th { background-color:#D3D3D3; border-top:none; padding:4px; }
.invoice td.dataSheet table.printableList td:first-child { border-left: none; }
.invoice td.dataSheet table.printableList td:last-child { border-right: none; }
.invoice td.dataSheet table.printableList th:first-child { border-left: none; }
.invoice td.dataSheet table.printableList th:last-child { border-right: none; } 
.invoice table.dataSheet {margin-bottom: 5px;}
.invoice table.dataSheet td {padding-right:3px;}

/******************************************************************************************/
/* Beging styles for the screen when an ajax progress update is displayed */
/******************************************************************************************/

#ajaxProgressBg { border: 0px; padding: 0px; margin: 0px; width: 100%; position: absolute; background-color: #000000; opacity: 0.5; filter: Alpha(opacity:50); z-index: 10; }
#ajaxProgress { border: 0px; padding: 0px; position: absolute; background-color: #FFFFFF; background: #FFFFFF url(images/processing.gif) no-repeat 50%; z-index: 11; left:50%; margin-left:-100px; width:300px; height:200px; }

/******************************************************************************************/
/* end styles for dashboard                                         */
/******************************************************************************************/

/* close the @media screen rule */