/* #MOD-120-AIRCO20502-UPGRADE-20300-20502 - merge-Airco20300-Onsite-->Airco20300-SVN - merge-Airco20300-SVN-->Airco20502 */
/* http://www.menucool.com */

#sliderFrame {position:relative;width:600px;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

#slider {
    width:870px;height:306px;/* Make it the same size as your images */
	background:#fff url('../images/slider/loading.gif') no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0px none;padding:0;margin:0;
	width:100%;height:100%
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption-bg2 {
    background:none;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
    background:none;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:288px; left:35px; /* Refer to demo 8's CSS file that has an easier approach to center the nav bullets */
	width:150px;
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:url('../images/slider/bullet.png') no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}




/**************************/
/* Start Site-Wide styles */
/**************************/
body {
	font-family: Arial,Geneva,sans-serif; 
	background-color: #FFFFFF;
	/* background-image:url('../images/metal_bg.gif'); */
	margin: 0;
	min-width: 850px;
	padding: 0;
}

#container {
	
	max-width: 1100px;
	margin: auto;
}

.errorMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: red;
	text-decoration: none;
}

.errorMessage ul {
	list-style: none;
}

.confirmMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.highlightErroredField {
	background-color: #FFFF00;
}

.hidden {
	visibility: hidden;
	display: none;
}

.visible {
	visibility: visible;
}

.label {
	font-size: .8em;
	font-weight: bold;
}


.searchwithin {
	font-size: .8em;
	font-weight: bold;
	color: #000000;
}

.refineCategory {
	font-size: .8em;
	font-weight: bold;
	color: #000000;
}	

.help {
	font-size: .7em;
	font-weight: bold;
	color: #FF0000;
}


th.label {
	text-align: right;
}

.inputReadOnly {
	background-color: #D3D3D3;
}

.centered {
	clear: both;
	text-align: center;
}

.button:disabled {
	color: gray;
	cursor: auto;
}

.button:enabled { 
	color: #00529c;
	cursor: pointer
}

.button {
	background: url("../images/goButtonBackground_1X28.png") repeat-x scroll 0 0 transparent;
	clear: both;
	margin: 5px auto;
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.buttonGroup {
	text-align: center;
	width: 100%;
}

.shortButton {
/* 	width: 40px; */
}

.longButton {
/* 	width: 125px; */
}

.veryLongButton {
/* 	width: 175px; */
}

.continueShoppingContainer {
	margin: 5px 0;
}

.continueShoppingContainer a {
	color: #00529c;
	font-weight: bold;
}

.searchNotFoundContainer {
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}

.rowshaded {
	background-color: #F0F0F0;
}

.rownotshaded {
	background-color: #FFFFFF;
}

.columnHeader {
	background-color: #00529c!important;
	color: #ffffff;
	font-weight: bold;
}

.columnHeader a {
	color: #ffffff;
	text-decoration: none;
}

.rowdata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.standardForm fieldset {
	background-color: #F5F5F5;
	border: 1px solid #8f8f8f;
	margin: 5px auto;
	padding: 5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.standardForm legend {
	color: #6F6F6F;
	font-size: .7em;
	margin-left: 15px;
}

.standardForm table {
	font-size: .8em;
	margin-top: 5px;
}

.standardForm th {
	font-size: .8em;
	text-align: right;
}

.standardForm label {
/*	font-size: .8em;*/
}

.standardForm fieldset fieldset {
	border: 1px solid #708090;
	border-radius: 7px;
	float: left;
	min-height: 125px;
	margin: 5px;
}

.standardForm fieldset fieldset legend {
	color: #00529c;
	font-weight: bold;
	margin-left: 10px;
}

.standardForm form input.button {
	background: url("../images/goButtonBackground_1X28.png") repeat-x scroll 0 0 transparent;
	clear: both;
	color: #00529c;
	cursor: pointer;
	display: inline;
	margin: 5px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.standardForm form input.button[disabled^="disabled"] {
	color: gray;
}

.standardForm input:focus {
	border: 2px solid #B51419;
}

.standardForm select.input:focus {
	border: 2px solid #B51419;
	border-radius: 3px;
}

.standardForm input.input:focus {
	border-radius: 3px;
}

.standardForm input.button:focus {
	border-radius: 10px;		
}

.standardTableContainer {
	clear: both;
	overflow: auto;
}

.standardTable {
	border-collapse: collapse;
	clear: both;
	font-size: .7em;
	margin: auto;
}

table.standardTable {
	background-color: #ffffff;
	border: 1px solid #D3D3D3;
	min-width: 600px;
}

.standardTable a {
	font-weight: bold;
}

.standardTable img {
	border: 0 none;
	margin: 0;
	max-width: 120px;
	padding: 0;
}

.standardTable th, .standardTable td {
	padding: 5px;
}

.standardTable caption {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 3px;
}

.standardTable tr.highlight {
	background: #CBCBCB;
}

.standardTable tr.selected {
	background: #00529c !important;
	color: #FFFFFF;
	font-weight: bold;
}

.standardTable tr.selected a {
	color: #FFFFFF;
}

.standardTable tr a {
	color: inherit;
}

/************************/
/* end Site-Wide Styles */
/************************/


/* Start Application Dropdown CSS Menu Navigation styles */

ul.navBar,
ul.navBar li,
ul.navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.navBar > li:first-child {
/*	border-left: 1px solid #dadada;*/
}

ul.navBar li.homeMenu:hover {
	background: #ffffff;
}

ul.navBar {
	float: left;
	position: relative;
	width: 100%;
	z-index: 97;
}

ul.navBar li {
	background-color: #fff;
	color: #000;
	float: left;
	line-height: 16px;
	vertical-align: middle;
}

ul.navBar li.hover,
ul.navBar li:hover {
	cursor: default;
	position: relative;
	z-index: 99;
}

ul.navBar ul {
	border: 1px solid #000000;
	left: 0;
/*	margin-top: 5px;*/
	margin-left: 10px;
/*	opacity: 0.95;*/
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: 178px;
	z-index: 98;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

ul.navBar ul#browseMenuVisible {
	visibility: visible;
}

ul.navBar ul#browseMenuInvisible {
	background-color: #FFFFFF;
}

ul.navBar ul li {
	border: 0;
	float: none;
	font-size: .85em;
	line-height: 1em;
	padding: 0;
}

ul.navBar ul ul {
	left: 99%;
	top: 1px;
}

ul.navBar li:hover > ul {
	visibility: visible;
}

ul.navBar li.hover,
ul.navBar li:hover {
	background-color: #eee;
	color: #000000;
}

ul.navBar a:link,
ul.navBar a:visited {
	color: #000000; 
	text-decoration: none;
}
	
ul.navBar a:hover {
	color: #000000;
}

ul.navBar a:active {
	color: #FF0000;
}

ul.navBar *.dir {
	background-image: url(images/icn_appnav_downarrow_enabled_aaaaaa.png);
	background-position: 50% 87%;
	background-repeat: no-repeat;
}

ul.navBar ul *.dir {
	background-position: 90% 50%;
	background-repeat: no-repeat;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

ul.navBar a,
ul.navBar span {
	display: block;
	padding: 4px 15px;
}

ul.navBar ul a,
ul.navBar ul span {
	padding: 8px;
}

ul.navBar li.hover,
ul.navBar li:hover {
	background-color: #cccccc;
}

ul.navBar li:hover > *.dir {
	background-repeat: no-repeat;
	background-image: url(images/icn_appnav_downarrow_over_666666.png);
	background-position: 50% 87%;
	background-color: #fff; 
	border-style: solid;
	border-width: 0;
	color: #000;
}

ul.navBar ul li:hover > *.dir {
	background-color: #cccccc;
	background-image: url(images/icn_appnav_menulist_arrowright_6x7_666666.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
}

ul.navBar ul li.lastMenuOption {
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

/* End Application Dropdown CSS Menu Navigation styles */



/* Start Masthead styles */

#masthead {
	background-color: #FFFFFF;
	float: left;
	min-height: 150px;
	width: 100%;
}

#masthead #logoBanner {
	float: left;
}

#masthead #logoBanner img {
	border: none;
	float: left;
	margin: 0px 15px;
	padding: 3px;
}

#masthead #applicationMastheadTitle {
	float: left;
}

#masthead #commerceHelpContainer {
	float: right;
	margin: 5px 7px 0 10px;
}

#masthead #commerceHelpContainer img {
	border: none;
	margin: 0;
}

#masthead #applicationMastheadTitle h1 {
	color: #00529c;
	float: left;
	font-size: 3em;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 0;
}

#masthead #userAccountInfo {
	clear: right;
	color: #555555;
	float: right;
	font-size: .7em;
	font-weight: bold;
	margin: 5px 10px 5px 20px;
	text-align: right;
}

#masthead #userAccountInfo a {
	border-bottom: 1px dotted;
	color: #555555;
	font-weight: normal;
	text-decoration: none;
}

#masthead #localeContainer {
	float: right;
	margin: 5px 0 0 0;
}

#masthead #localeContainer select {
	font-size: .7em;
}

#masthead #localeContainer select#myCurrency {
	width: 5em;
}

#masthead #localeContainer select optgroup {
	font-style: normal;
}

/* End Masthead styles */


/* Start Application Navigation Bar Utility styles */

#applicationNavigationBar {
	background-color: #00529c;
	clear: both;
	font-size: .8em;
	min-height: 44px;
	margin: 0;
	/* -moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0; */
}

#leftNavColumn {
	float: left;
	min-height: 38px;
	width: 200px;
}

#rightNavColumn {
	float: right;
	min-height: 38px;
	width: 240px;
}

#searchNavColumn {
	min-height: 38px;
	margin-left: 210px;
	margin-right: 210px;
}

#searchContainer {
	padding-top: 5px;
	text-align: left;
}

#navigationSearchForm {
	display: inline;
}

#searchAllCategoriesContainer {
	background-color: #00529c;
	font-weight: bold;
	min-height: 38px;
/* 	margin-bottom: 10px; */
	width: 200px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

#searchAllCategoriesContainer:hover {
	background-color: #00529c;
}

#searchAllCategoriesButton {
	background-color: #00529c;
	background-image: url('../images/ButtonGrey.png');
	font-size: .85em;
	height: 30px;
	width: 170px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#searchAllCategoriesButton p {
	display: table-cell;
	height: 30px;
	line-height: 1.2em;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	vertical-align: middle;
	width: 180px;
}

#searchAllCategoriesButton p:hover {
	color: #8f8f8f;
	text-decoration: underline;
}

#searchAllCategoriesContainer ul li:first-child {
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

#applicationNavigationCatalogLabel {
	color: #8f8f8f;
	font-size: 1.1em;
}

#searchInputLabel {
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 3px;
}

#searchType {
	border: 2px inset #D3D3D3;
	font-size: .9em;
	padding: 2px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#searchInput {
	border: 2px inset #D3D3D3;
	font-size: .9em;
	padding: 3px;
	width: 20%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#searchGoButton {
	background: url("../images/goButtonBackground_1X28.png") repeat-x scroll 0 0 transparent;
	color: FFFFFF;
	cursor: pointer;
	height: 26px;
	line-height: 20px;
	vertical-align: baseline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#emailspan {
	display: none;
	margin-left: 5px;
}

#emailspan label {
	font-weight: bold;
}

#emailspan input {
	border: 2px inset #D3D3D3;
	border-radius: 7px;
	font-size: .9em;
	min-width: 140px;
	padding: 3px;
}

#cart {
	background-image: url('../images/cartButton.png');
	height: 30px;
	margin: 4px 10px 0 2px;
	text-align: center;
	width: 110px;
}

#cart:hover {
	text-decoration: underline;
}

#cart img {
	border: none;
	margin: 0 5px 0 0;
	text-decoration: none !important;
	vertical-align: text-top;
}

#cartLink {
	color: #ffffff;
	float: right;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
}

#numberOfCartItems {
	color: #ffffff;
}

#cartInfo {
/*	float: left;*/
	font-size: .9em;
	font-weight: bold;
	/*margin: 4px 0 0 0;*/
	text-align: center;
	color: #ffffff;
}

#cartInfo p {
	margin: 0;
}

#cartInfo img {
	border: none;
	margin: 2px 5px;
}

#cartMoneyTotal {
	color: #FFFFFF;
}

#navBarSpecialsLinkContainer {
	float: left;
	padding-top: 11px;
}

#navBarSpecialsLinkContainer a {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: underline;
}

#displayCheckout a {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#displayCheckout {
	border: none;
	font-weight: lighter;
	color: #FFFFFF;
}

#displayCancelOrder a {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#displayCancelOrder {
	border: none;
	font-weight: lighter;
	color: #FFFFFF;
}
/* End Application Navigation Bar Utility styles */


/* Start Main Content styles */

#selectedCatalog {
	color: #8f8f8f;
	font-weight: bold;
	margin-left: 10px;
}

#leftMainColumnPadding ul{
	list-style: none outside none;
	line-height: normal;
	margin: 0;
	padding: 0;
	margin-left: 0.75em;
	min-width: 400px;
}

#leftMainColumnPadding ul li{
	line-height: normal;
}

#leftMainColumnPadding img{
	margin: 0;	
}

#categoryTreeContainer {
	max-height: 600px;
	overflow: auto;
	margin-top: 10px;
}

/* .hasSubCategoriesImg {background: url('../images/ui_icons_tree_view.png') no-repeat top left; width: 9px; height: 9px;}
 
.hasSubCategoriesImg.collapse {
	background-position  : 0px 0px;
}

.hasSubCategoriesImg.expand {
	background-position  : -19px 0px;
} */

.testing {
	clear: both;
}

.withoutsubcategories {
	text-align: left;
	text-indent: 1.0em;
}

h1, h2, h3 {
	margin: .8em 0 .2em 0;
	padding: 0;
}

p {
	margin: .4em 0 .8em 0;
	padding: 0;
}

img {
	border: none;
	margin: 10px 0 5px;
}

#mainContent3ColumnContainer {
	background-color: #00529c;
	min-height: 100px;
	padding:0 200px 0 200px;
}

#mainContent3ColumnWrapper {
	background-color: #FFFFFF;
	border-left: 200px solid #e1e1e1;
	border-right: 200px solid #00529c;
	display: inline;							/* So IE plays nice */
	float: left;
	margin-left: -200px;
	margin-right: -200px;
	width: 100%;
}

#mainContent2ColumnContainer {
	background-color: #00529c;
	min-height:  100px;
	padding: 0 200px 0 0;
}

#mainContent2ColumnWrapper {
/*	border-left: 200px solid #e1e1e1;*/
	border-right: 200px solid #00529c;
	display: inline;							/* So IE plays nice */
	float: left;
/*	margin-left: -200px;*/
	margin-right: -200px;
	width: 100%;
}

#mainContent1ColumnContainer {
	background-color: #FFFFFF;
	float: left;
	margin-top: 5px;
	width: 100%;
}

#centerMainColumn {
	background-color: #FFFFFF;
	float: left;
	min-height: 500px;
	width: 100%;
	margin-right: -100%;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

#centerMainColumn2 {
	background-color: #FFFFFF;
	float: left;
	min-height: 500px;
	width: 100%;
	margin-right: -100%;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

#centerMainColumnPadding {
	margin: 5px;
	overflow: auto;
}

#leftMainColumnPadding {
	margin: 10px;
	width: 180px;
}

#leftMainColumn {
	float:left;
	width:200px;
	margin-left:-200px;
	position:relative;
}

#rightMainColumn {
	float:right;
	width:200px;
	margin-right:-200px;
	position:relative;
}

#rightMainColumnPadding {
	margin: 5px 10px;
	width: 180px;
}

.screenHeading {
	background-color: #8f8f8f;
	color: #ffffff;
	height: 1.4em;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.screenHeading h3 {
	font-size: 1em;
	margin: 0;
	padding-top: 1px;
}
/* End Main Content styles */

/* Start Processing Request styles */
.processingRequestMessageContainer {
	border: 2px solid #00529c !important;
	border-radius: 15px 15px 15px 15px !important;
	display: none;
}

.processingRequestMessageContainer .ui-dialog-titlebar {
	display:none
}

.processingRequestMessage {
	text-align: center;
}

.processingRequestMessage p {
	font-weight: normal;
	margin: 10px 0 0;
}
/* End Processing Request styles */

/* Start Item List styles */
#itemListContainer {
	clear: both;
	font-size: .7em;
	margin-top: 10px;
	min-height: 300px;
}

.itemListList .itemContainer {
	border: 1px solid #ffffff;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 3px;
	width: 98%;
}

.itemContainer:hover {
	border: 1px solid lightBlue;
}

.itemContainer img {
	border: none;
	margin: 5px auto;
}

.itemListList .itemImageContainer {
	float: left;	
}

.itemContainerPadding {
	padding: 0 5px;
}

.itemTitle a {
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
}

.itemTitle a:hover {
	text-decoration: underline;
}

.itemPricing {
	color: green;
	font-size: 1.5em;
}

.itemViewDetailsLink a {
	color: blue;
	text-decoration: none;
}

.itemAddToCartLink a {
	color: blue;
	text-decoration: none;
}

.showThumbnailImageLink {
	color: #00529c;
	float: left;
	line-height: 24px;
	margin-left: 15px;
	text-decoration: none;
}

.sortByDropDown {
	color: #00529c;
	float: left;
	line-height: 24px;
	margin-left: 450px;
	clear:both;
	margin-top: 4px;
	text-decoration: none;
}

a.showThumbnailImageLink:hover {
	text-decoration: underline;
}

#itemsListGridView {
	border:2px solid #D7D7D7;
	margin: auto;
    max-width: 100%;
    clear: both;
    overflow: auto;
}

#itemsListGridView .itemGridView {
	width: 200px;
	float: left;
	margin: 5px 2px 5px 2px;
	font-size: 0.7em;
	font-weight: bold;
	text-align: left;
}

#itemsListGridView .itemGridView .itemGridViewImg {
	width: 80%;
	text-align: center;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 5%
}

#itemsListGridView .itemGridView .addToCartButton{
	text-align: center;	
}

#itemsListGridView .itemGridViewDetails {
	margin-left: 5%
}

#itemsListGridView .gridVertDiv {
    background-color: #CCCCCC;
    clear: both;
    height: 1px;
    margin: 0 10px;
}

#columnValue a {
	color: inherit;
}
/* End Item List styles */

/* Start Login screen styles */

#loginScreenHeading h3 {
	margin-top: 0;
}

#loginContainer {
	margin: auto;
	text-align: center;
	width: 75%;
}

#loginContainer p {
	font-size: .9em;
}

#loginBox, #registerBox, #continueShoppingBox, #requestWholesaleAccountBox {
	border: 1px solid #C0C0C0;
	float: left;
	margin: 15px;
	min-height: 150px;
	width: 45%;
}

#loginBox h4, #registerBox h4, #continueShoppingBox h4, #requestWholesaleAccountBox h4 {
	background-color: #5298d2;
	font-size: .9em;
	margin: 0;
	padding-left: 10px;
	text-align: left;
}

#loginBox table {
	font-size: .8em;
	margin: auto;
}

#loginBox th {
	text-align: right;
}

#loginBox input#usr_name, input#usr_password {
	width: 180px;
}

/* End Login screen styles */


/* Start Forgot Username/Password screen styles */

#forgotUsernameScreen fieldset {
	max-width: 230px;
}

#forgotPasswordScreen fieldset {
	max-width: 360px;
}

/* End Forgot Username/Password screen styles */


/* Start Request Wholesale Account screen styles */

#requestWholesaleAccountScreen fieldset {
	max-width: 450px;
}

/* End Request Wholesale Account screen styles */


/* Start Welcome screen styles  */

#welcomeMessage {
	margin: 30px 0 5px;
	text-align: center;
}

#customerWelcome {
	font-weight: bold;
	font-size: 1em;
}

#accountCustomerName {
	font-size: .8em;
}

#ifYouAreNot-Message {
	font-size: .8em;
}

/* End Welcome screen styles */


/* Start Edit & Register Account styles */

#accountInfo {
/*	display: inline;*/
/*	float: left;*/
	max-width: 640px;
}

#accountAddresses {
	text-align: center;
}

fieldset#shippingAddress, fieldset#billingAddress {
	display: inline;
	min-height: 260px;
	margin: 4px;
	min-width: 260px;
}

#registerAccountScreen #shippingAddress table,
#registerAccountScreen #billingAddress table {
	margin-top: 0;
	text-align: left;
}

#registerAccountScreen #shippingAddress table tr,
#registerAccountScreen #billingAddress table tr {
	height: 2em;
}

#registerAccountScreen #shippingAddress table td,
#registerAccountScreen #billingAddress table td {
	height: 2em;
}

#registerAccountScreen #shippingAddress table {
	position: relative;
	top: 2.2em;
}

#registerAccountScreen div.buttonGroup {
	clear: both;
}

#registerAccountScreen select.input {
	height: 1.6em;
	width: 11.1em;
}

#billingAddress table tbody tr td.input input.button {
	font-size: .85em;
	margin: 0;
}

/* ESF-4841 */
#acceptOffers {
	font-size: .85em;
	padding: 10px 0;
}

#registerAccountScreen .standardForm fieldset {
	max-width: 650px;
}

/* End Register & Edit Account styles */


/* Start Order Pad styles */
.orderPadEntryError td {
	border-top: none;
	vertical-align: top;
}

.orderPadEntryError ul {
	color: red;
	font-size: .9em;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 5px;
	text-align: left;
}

.orderPadFileUpload {
	border: 1px solid #B5121B;
	padding-top: 0.5em;
	font-size: .9em;
	margin: 10px auto;
	width: 500px;
	height: 2.2em;
	top: 1.0em;
	text-align: center;
	border-radius: 7px;
}

#orderPadTable tbody tr.orderPadEntryError td {
	border-top: none;
}

#orderPadTable {
	border: 1px solid #8f8f8f;
	border-spacing: 0;
	font-size: .9em;
	margin: 10px auto;
	width: 500px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#orderPadTable tr {
	font-size: .8em;
	font-weight: bold;
	height: 2.2em;
	text-align: center;
}

.orderpadQuantityField input, .orderpadUOMField input {
	width: 45px;
}

#orderPadTable tbody tr td {
	border-top: 1px solid #8f8f8f;
}

#orderPadTable tbody tr.columnHeader td {
	border-top: none;
}

#orderPadTable tbody tr.columnHeader td:first-child {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

#orderPadTable tbody tr.columnHeader td:last-child {
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

/* End Order Pad styles */

/* Start Item List Navigation-Pagination-Sorting styles */

#breadcrumb a {
	color: #8f8f8f;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#itemListNavigationTopUtil {
	background: url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0 transparent;  /* Item List Top Navigation Bar background color */
	background-color: #FFFFFF; 
	font-size: .65em;
	line-height: 28px;
	margin-top: 10px;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}


.itemsviewimg { background: url('../images/ui_icons_items_view_17x17.png') no-repeat top left; width: 17px; height: 17px;  }

.itemsviewimg.grid-view-active { 
	background-position: 0px 0px;
	float:right;
	height: 24px;
	margin-top: 5px;
	margin-right: 15px;
}

.itemsviewimg.grid-view-inactive { 
	background-position: -27px 0px;  
	float: right;
	height: 24px;
	margin-top: 5px;
	margin-right: 15px;
}

.itemsviewimg.list-view-active { 
	background-position: -54px 0px;
	float: right;
	height: 24px;
	margin-top: 5px;
	margin-right: 10px;
}

.itemsviewimg.list-view-inactive {
	background-position: -81px 0px;  
	float: right;
	height: 24px;
	margin-top: 5px;
	margin-right: 10px;
} 

.list-style-buttons a {
	text-align: center;
	text-decoration: none;
}

.list-style-buttons a:HOVER {
	
}

.itemListNavPagination {
	display: inline-block;
}

.itemListNavFiller {
	float: right;
	height: 1px;
	width: 130px;
}

#itemListNavigationBottomUtil {
	background: url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0 transparent;
	background-color: #FFFFFF; 
	clear: both;
	font-size: .65em;
	line-height: 28px;
	margin-top: 10px;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.itemListSortBy {
	float: right;
	margin-right: 5px;
}

.itemListSortBy select {
	font-size: 1em;
}

.numberOfShowingResults {
	float: left;
	margin-left: 5px;
}

.itemListSortByLabel {
	font-weight: bold;
	margin-right: 5px;
}

.itemListNavPagination a {
	color: #00529c;
	padding: 5px 4px;
	text-decoration: none;
}

.itemListNavPagination a:hover {
	background-color: #ffffff;
	border: 1px solid #00529c;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 3px;
	text-decoration: underline;
}

.itemListNavPreviousDisabled {
	background-color: inherit;
	border: none;
	color: #808080;
	margin-left: 10px;
	padding: 4px;
	text-decoration: none;
}

.itemListNavPage {
	font-weight: bold;
	margin-left: 3px;
}

.itemListNavPageCurrent {
	font-weight: bold;
	padding: 5px 4px;
	text-decoration: underline;
}

.itemListNavNext {
	font-weight: bold;
}

.itemListViewLayoutOptionSelection {
	clear: both;
	float: left;
	margin-right: 5px;
}

.itemListViewAsActiveOption {
	font-weight: bold;
	text-decoration: underline;
}

.itemListViewLayoutOptionSelection a {
	color: #00529c;
	text-decoration: none;
}

.itemListViewLayoutOptionSelection a:hover {
	text-decoration: underline;
}

.itemListViewAsLabel {
	font-weight: bold;
	margin-left: 5px;	
	margin-right: 3px;
}

.numberItemsPerPage {
	clear: both;
	float: left;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 0 15px;
}

.numberItemsPerPageLabel {
	margin-right: 3px;
}

.numberItemsPerPageActiveOption {
	text-decoration: underline;
}

.numberItemsPerPage a {
	color: #00529c;
	font-weight: normal;
	text-decoration: none;
}

.numberItemsPerPage a:hover {
	text-decoration: underline;
}
/* End Item List Navigation-Pagination-Sorting styles */


/* Start Right Main Column content styles */

#lineItemAddPanel {
	background-color: #FFFFFF;
	margin-bottom: 1px;
	width: 180px !important;
}

#lineItemAddPanel h3 {
	display: inline;
}

#lineItemAddPanel a {
	display: inline;
}

#lineItemAddPanel th {
	font-weight: normal;
	font-size: .7em;
	color: #000000;
}

#lineItemAddPanel.toolPanel td {
	text-align: left;
}

#lineItemAddPanel.toolPanel td#lineItemAddSubmitButtonContainer {
	text-align: center;
}

#lineItemAddPanel input.input {
	font-size: .7em;
	width: auto !important;
}

#lineItemAddPanel form {
	display: inline;
}

#lineItemAddNumberInputBox input{
	width: 80px;
}

#lineItemAddQuantityInputBox input{
	width: 30px;
}

#lineItemAddUOMInputBox input{
	width: 50px;
}

#lineItemAddPanel table {
	margin: 0 auto;
	width: 170px;
}

#lineItemAddSubmitButtonContainer {
	text-align: center;
}

#lineItemAddSubmitButtonContainer input.button {
	max-width: 150px;
	white-space: normal;
	word-wrap: break-word;
}

#carveoutItems {
	margin-bottom: 1px;
}

.carveoutPanel {
	border: 1px;
	text-align: center;
/*	width: 100%;*/
}

.carveoutItemDetailLink {
	display: inline;
}

.carveoutItemDetailLink a {
	vertical-align: middle;
}

div.carveoutPanel div div.carveoutItemDetailLink a:hover {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.carveoutItemThumbnailContainer {
	display: inline;
	height: 40px;
	width: 50px;
}

div.carveoutItemThumbnailContainer a {
	padding: 0;
}

div.carveoutItemThumbnailContainer a:hover {
	background-color: inherit;
}

.carveoutItemThumbnailContainer img {
	border: 0;
	margin: 5px 0px 0px 0px;
	max-width: 140px;
	padding: 0;
	vertical-align: middle;
}

.toolPanel {
	background-color: #FFFFFF;
	margin-bottom: 1px;
	text-align: center;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

.toolPanel a {
	color: #000000;
	display: block;
	font-size: .7em;
	font-weight: bold;
	line-height: 1em;
	padding: 8px;
	text-decoration: none;
}

.toolPanel a:hover {
	background-color: #CBCBCB;
}

.toolPanel>a:last-child {
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

.navMenuItem {
	line-height: 1.5em;
	text-align: center;
}

.navMenuItem a {
	color: #000000;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
}

.navMenuItem:hover {
	background-color: #CBCBCB;
}

#userSessionPanel {
	background-color: #FFFFFF;
	font-size: .7em;
	overflow: auto;
	padding: 5px;
	width: 170px;
}

#userSessionPanel.toolPanel {
	text-align: left;
}

#userSessionPanel.toolPanel a {
	color: #00529c;
	display: block;
	font-size: inherit;
	font-weight: bold;
	line-height: 1em;
	padding: 0;
	text-decoration: underline;
}

.userSessionHeading {
	font-weight: bold;
}

.userSessionHeading a {
	color: #000000;
	text-decoration: none;
}

.userSessionHeading a:hover {
	color: #00529c;
}

.userSessionDetail {
	margin-bottom: 4px;
}

.accountTitle {
	background-color: #8f8f8f;
	border-bottom: 1px solid white;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: .8em;
	height: 20px;
	margin-top: 5px;
	padding-right:3px;
	text-align: center;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}

.accountTitle a {
	display: inline;
	height: 11px;
	width: 11px;
}

.accountTitle h3 {
	display: inline;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0;
}

.accountTitle img {
	display: inline;
}

img.toggleImage {
	border: 0;
	cursor: pointer;
	margin: 4px 0;
	float: right;
}

/* End Right Main Column styles */


/* Start Footer Content styles */

#footer {
	background-color: #FFFFFF;
	clear: both;
	float: left;
	height: 50px;
	margin: 0 0 10px;
	width: 100%;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

#poweredByInfor {
	margin: 10px auto;
	max-width: 100px;
}

#contactUsFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: silver;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-right: 5px;
	text-align: right;
	height: 20px;
	vertical-align: bottom;
}

#contactUsFooter a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image: url(../images/Footer_Gradient.gif);
	margin-right: 5px;
	text-align: right;
	height: 20px;
	color: black;
}

#contactUsFooter a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image: url(../images/Footer_Gradient.gif);
	margin-right: 5px;
	text-align: right;
	height: 20px;
	color: red;
}

#poweredByInfor img {
}
/* End Footer Content styles */

/* Start Order History screen styles */

#orderHistorySettingsContainer {
	margin-bottom: 10px;
}

#orderHistorySettingsContainer input.input {
	width: 75px;
}

#orderHistoryTableInstructions {
	clear: both;
	font-size: .8em;
	font-weight: bold;
	margin: auto;
	max-width: 370px;
}

#orderHistoryScreen .standardForm fieldset {
	max-width: 400px;
}

#orderHistoryScreen div.buttonGroup {
	text-align: center;
	width: 100%;
}

/* End Order History screen styles*/


/* Start View Warehouses styles */

.registerAccountFormContainer {
	width: 100%;
}

.viewWarehousesPagination {
	font-size: x-small;
	text-align: center;
}

.bottomBuffer {
	margin-bottom: 10px;
}

#viewWarehousesForm {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
}

#viewWarehousesTable {
	border: 1px solid #8f8f8f;
	border-spacing: 0;
	margin: 10px auto;
	width: 90%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#viewWarehousesTable tr {
	font-size: .8em;
	font-weight: bold;
	height: 2.2em;
	text-align: center;
}

#viewWarehousesTable tbody tr td {
	border-top: 1px solid #8f8f8f;
	text-align: left;
}

#viewWarehousesTable tbody tr.columnHeader td {
	border-top: none;
}

#viewWarehousesTable tbody tr.columnHeader th {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	text-align: left;
	width: 40%;
}

#viewWarehousesTable tbody tr.columnHeader td:last-child {
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

#viewWarehousesCurrentPageLabel {
	text-align: left;
}

#viewWarehousesChangeWarehouseWarning {
	color: #FF3333;
	text-align: left;
}

#viewWarehousesWarehouseDisable {
	color: #FF3333;
	text-align: center;
}

#viewWarehousesWarehouseMessage {
	color: #FF3333;
	font-size: small;
	text-align: left;
}

#viewWarehousesFormResultsPerPage {
	text-align: right;
}

/* End View Warehouses screen styles */


/* Start View Pickup Locations styles */

.viewPickupLocationsPagination {
	font-size: x-small;
	text-align: center;
}

#viePickupLocationsForm {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
}

#viewPickupLocationsTable {
	border: 1px solid #8f8f8f;
	border-spacing: 0;
	margin: 10px auto;
	width: 90%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#viewPickupLocationsTable tr {
	font-size: .8em;
	font-weight: bold;
	height: 2.2em;
	text-align: center;
}

#viewPickupLocationsTable tbody tr td {
	border-top: 1px solid #8f8f8f;
	text-align: left;
}

#viewPickupLocationsTable tbody tr.columnHeader td {
	border-top: none;
}

#viewPickupLocationsTable tbody tr.columnHeader th {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	text-align: left;
	width: 40%;
}

#viewPickupLocationsTable tbody tr.columnHeader td:last-child {
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

#resetCurrentPickupLocationButton {
	text-align: right;
}

#resetCurrentPickupLocationButton input {
/* 	width: 180px; */
}

#viewPickupLocationsCurrentPageLabel {
	text-align: left;
}

#viewPickupLocationsChangeWarehouseWarning {
	color: #FF3333;
	text-align: center;
}

#viewPickupLocationsWarehouseDisable {
	color: #FF3333;
	text-align: center;
}

#viewPickupLocationsWarehouseMessage {
	color: #FF3333;
	font-size: small;
	text-align: left;
}

#viewPickupLocationsFormResultsPerPage {
	text-align: right;
}

/* End View Pickup Locations screen styles */


/* Start Account Summary screen styles */

#accountSummaryTablesContainer {
	text-align: center;
}

#accountSummaryTablesContainer fieldset {
	display: inline;
	margin: 8px;
	min-height: 160px;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}

#accountSummaryTablesContainer table {
	border-collapse: collapse;
	display: inline;
	font-size: 1em;
	margin: 10px;
}

#accountSummaryTablesContainer .label {
	font-size: .7em;
}

#accountSummaryAmountDue td {
	border-top: 2px solid #8f8f8f;
}

#accountSummaryCompanyNumber {
	padding-right: 20px;
}

/* End Account Summary screen styles */


/* Start Review Orders screen styles */

#reviewOrdersScreen fieldset {
	max-width: 825px;
}

#reviewOrdersScreen fieldset legend {
	margin-left: 45%;
}

#reviewOrdersScreen fieldset fieldset {
	min-height: 145px;
}

fieldset#reviewOrdersEntryDateContainer legend,
fieldset#reviewOrdersOrderTypeContainer legend,
fieldset#reviewOrdersOrderStatusContainer legend,
fieldset#reviewOrdersOtherQualifiersContainer legend {
	margin-left: 10px;
}

#reviewOrdersScreen fieldset .button {
	display: block;
}

#reviewOrdersEntryDateContainer input {
	width: 65px;
}

#reviewOrdersEntryDateContainer a {
	color: #000000;
	font-size: .8em;
}

#reviewOrdersOrderTypeContainer label, 
#reviewOrdersOrderStatusContainer label {
	font-size: .8em;
}

#reviewOrdersOtherQualifiersContainer input.input{
	font-size: .9em;
}

#reviewOrdersOtherQualifiersContainer select {
	max-width: 16em;
}
/* End Review Orders screen styles */


/* Start Invoice Checkout screen styles */
#invoiceCheckoutScreen #invoiceCheckoutForm {
	margin: auto;
	width: 38em;
}

#invoiceCheckoutScreen #paymentInfoContainer,
#invoiceCheckoutScreen #cardHolderInfoContainer {
	float: left;
	margin: 0 5px;
	width: 18em;
}

#invoiceCheckoutScreen #paymentInfoContainer label,
#invoiceCheckoutScreen #cardHolderInfoContainer label {
	float: left;
	font-size: .65em;
	font-weight: bold;
	position: relative;
	text-align: right;
	top: 4px;
	width: 10em;
}

#invoiceCheckoutScreen .standardForm input {
	font-size: .7em;
	width: 12em;
}

#invoiceCheckoutScreen #invoiceCheckoutButtonGroupContainer {
	border-bottom: 1px solid #00529c;
	text-align: center;
}

#invoiceCheckoutScreen #invoicePaymentCheckoutBalance {
	background: url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0 transparent;
	background-color: #FFFFFF; 
	font-size: .75em;
	line-height: 28px;
	margin-top: 10px;
	text-align: right;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#invoiceCheckoutScreen .invoicePaymentCheckoutBalanceTotal {
	color: #FFFFFF;
	font-weight: bold;
}

/* End Invoice Checkout screen styles */


/* Start View Invoices screen styles */

#viewInvoicesScreen .standardForm {
	margin: auto;
	width: 400px;
}

#viewInvoicesScreen .standardForm input.input {
	font-size: .8em;
	width: 100px;
}

#viewInvoicesScreen .standardTable tbody {
	border: 1px solid #D3D3D3;
}

#viewInvoicesScreen .standardTable tr td {
	border-top: 1px solid white;
}

#viewInvoicesScreen .standardTable tr td.columnHeader {
	border-top: 1px solid #D3D3D3;
}

#viewInvoicesScreen .invoicePaymentEnabled td:hover {
	cursor: pointer;
}

#viewInvoicesScreen .from {
	padding-left: 2em;
}

#viewInvoicesScreen .button {
	display: inline;
}
#viewInvoicesScreen #invoicePaymentControls {
	text-align: center;
}

#viewInvoicesScreen #invoiceControls {
	text-align: center;
}

#viewInvoicesScreen #invoiceControls #invoiceEmailControls {
	display: inline;
}

#viewInvoicesScreen #invoiceControls #invoicePaymentControls {
	display: inline;
}

#invoicePaymentButtonTopContainer {
	float: right;
	height: 0;
}

#viewInvoicesScreen #clearAllInvoicesSelectedForPaymentButton {
	cursor: pointer;
	left: 3em;
	position: relative;
}

#viewInvoicesScreen #clearAllInvoicesSelectedForPaymentButton.button[disabled*="disabled"] {
	cursor: auto;
}

#viewInvoicesScreen #invoicePaymentButtonTopContainer input#invoicePaymentButtonTop.button {
	background: #CBCBCB;
	border: 2px groove gray;
	color: #FFFFFF;
	display: none;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	border-radius: 4px;
}

#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentButtonTopContainer input#invoicePaymentButtonTop.button {
	background: #CBCBCB;
	border: 2px groove gray;
	color: #FFFFFF;
	display: inline;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	border-radius: 4px;
}

#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentButtonTopContainer input#invoicePaymentButtonTop.invoicePaymentButtonEnabled {
	background: #8f8f8f;
	border: 2px groove black;
	color: #FFFFFF;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	border-radius: 4px;
}

#viewInvoicesScreen #invoicePaymentControls input#invoicePaymentButtonBottom.button {
	background: #CBCBCB;
	border: 2px groove gray;
	color: #FFFFFF;
	display: none;
	float: right;
	font-weight: bold;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	top: 5px;
	border-radius: 4px;
}

#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentControls input#invoicePaymentButtonBottom.button {
	background: #CBCBCB;
	border: 2px groove gray;
	color: #FFFFFF;
	display: inline;
	float: right;
	font-weight: bold;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	top: 5px;
	border-radius: 4px;
}

#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentControls input#invoicePaymentButtonBottom.invoicePaymentButtonEnabled {
	background: #8f8f8f;
	border: 2px groove black;
	color: #FFFFFF;
	cursor: pointer;
	display: inline;
	float: right;
	font-weight: bold;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	top: 5px;
	border-radius: 4px;
}

#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentButtonTopContainer input#invoicePaymentButtonTop.invoicePaymentButtonEnabled:hover,
#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentButtonBottomContainer input#invoicePaymentButtonBottom.invoicePaymentButtonEnabled:hover {
	text-decoration: underline;
}
	
#viewInvoicesScreen .invoicePaymentButtonTop:focus,
#viewInvoicesScreen .invoicePaymentButtonBottom:focus {
/* 	border: 2px solid red; */
}

#viewInvoicesScreen #ui-datepicker-div { 
	font-size: .7em;
}

#viewInvoicesScreen .invoiceCheckoutContainerHidden {
	color: #000000;
	float: right;
	font-size: 1.2em;
	font-weight: normal;
	min-height: 1px;
	width: 180px;
	display: none;
}

#viewInvoicesScreen .invoiceCheckoutContainer {
	color: #000000;
	float: right;
	font-size: 1.2em;
	font-weight: normal;
	min-height: 1px;
	width: 180px;
}

#viewInvoicesScreen .selectedInvoiceBalanceTotalDisplay {
	color: #8f8f8f;
	font-weight: bold;
}

#viewInvoicesScreen .selected .invoiceBalance {
	color: cyan;
	font-size: 1.1em;
	font-weight: bold;
}

/* End View Invoices screen styles */

/* Start invoice detail screen styles */

.invoiceDetail {
	font-size: 1.2em;
	text-align: left;
}

/* End invoice detail screen styles */

/* Start Cart screen styles */
#cartScreen .checkoutButton {
	/* font-weight: bold; */
}

/* End Cart screen styles */


/* Start Order Checkout screen styles */

#checkoutScreen fieldset fieldset legend {
	margin-left: 40%;
}

#checkoutScreen .standardForm>fieldset {
	width: 875px;
}

#checkoutScreen .standardForm fieldset fieldset {
	border: 0;
	border-top: 1px solid #708090;
	min-height: 250px;
	min-width: 0;
	max-width: 415px;
}

#checkoutScreen #creditCardDetailsContainer {
	float: left;
}

#checkoutScreen #ccAddress {
	float: left;
}

#checkoutScreen .orderTotalsContainer {
	border-top: 1px solid #00529c;
}

#checkoutScreen .orderTotalsTable {
	margin: auto;
}

#checkoutScreen .checkoutSubmitButtonGroup {
	text-align: center;
}

#checkoutScreen #checkoutSubmitButtonGroupTop {
	border-bottom: 1px solid #00529c;
}

#checkoutScreen #payByCreditCardToggleContainer {
	margin: auto;
	width: 875px;
}

/* End Checkout screen styles */


/* Start Item Detail screen styles */

#itemDetailContainer {
	margin: 15px auto;
}

#itemDetailImg, #itemDetailCart {
	clear: left;
	float: left;
	text-align: right;
	width: 48%;
}

#itemDetailInfo, #itemDetailWishList {
	width: 48%;
	float: right;
}

#itemDetailAllowAddCart, 
#itemDetailAllowWarehouse, 
#itemDetailCartBtn, 
#itemDetailWishListTextBox, 
#itemDetailWishListBtn {
	float: left;
	clear: both;
	margin: 6px 12px 6px 6px;
}

#itemDetailCart table {
	float: left;
}

#itemDetailCart div {
	float: right;
}

#itemDetailTab {
	width: 99%;
	clear: both;
}

#itemDetailScreen #itemDetailTab img {
	max-width: 120px;
}

#itemDetailScreen #itemDetailTab>table {
	margin: auto;
}

#itemDetailScreen #itemDetailTab #itemListForm table[width*="100%"] {
	background-color: #8f8f8f;
	border-radius: 7px;
	color: #FFFFFF;
	font-weight: bold;
}

/* End Item Detail screen styles */


/* Start Category Browse screen styles*/

.topLevelCategoryContainer {
	float: left;
	margin: 10px;
	min-height: 175px;
	width: 200px;
	text-align: left;
}

.topLevelCategoryContainer a {
	color: #000000;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}

.topLevelCategoryContainer ul {
	margin: 5px 0 0 0;
	padding: 0;
}

.topLevelCategoryContainer ul li {
	font-size: .8em;
	list-style: disc inside none;
}

.banner {
	text-align: center;
}

.breadcrumbContainer {
	border-bottom: 1px solid #D7D7D7;
	clear: both;
	font-size: .75em;
	margin: 0 0 0 5px;
	padding-bottom: 3px;
}

.breadcrumbContainer a {
	color: black;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
}

.breadcrumbContainer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.breadcrumbContainer .breadcrumbSeparator {
	font-size: .8em;
	vertical-align: 1px;
}

.breadcrumbContainer #lastBreadcrumbNode {
	color: #8f8f8f;
	font-weight: bold;
}

#refineBySearchInputForm input.input {
	border: 2px inset #D3D3D3;
	width: 125px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#refineBySearchInputForm input.button {
	border-radius: 20px;
	padding: 2px 4px;
}

#refineByCategoryContainer {
	margin-top: 5px;
}

#categorySidebarList {
	background-color: #FFFFFF;
	margin-top: 5px;
	max-height: 400px;
	overflow: auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

a.categorySidebarLink {
	color: #00529c;
	display: block;
	font-size: .7em;
	font-weight: bold;
	margin: 8px 5px;
	text-decoration: none;
}

a.categorySidebarLink:hover {
	text-decoration: underline;
}

#refineByAttributeContainer {
	margin-top: 10px;
}

#attributeSelectionContainer {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#attributeSidebarList {
	background-color: #FFFFFF;
	margin-top: 5px;
	max-height: 400px;
	overflow: auto;
	overflow-x: scroll;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

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

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

#attributeSidebarList ul ul {
	margin: 0;
}

#attributeSidebarList ul ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

label.attributeNameLabel {
	font-size: .9em;
}

a.attributeSidebarLink {
	color: #00529c;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
}

a.attributeSidebarLink:hover {
	text-decoration: underline;
}

#refineByAttributeButtonForm {
	text-align: center;
}
 
#hidecategories {
	width: 200px;
}

#parentSubCat {
	width: 100%;
	overflow: auto;
	display: block;
}

#showcategories {
	width: 200px;
}

#showHidecategories {
	width: 100%;
}

#showHidecategories a {
	color: #000000;
	font-size: .7em;
}

#showHideAttributes a {
	color: #000000;
	font-size: .7em;
}

#subCategoryContainer {
	float: left;
	margin: 10px;
	min-height: 175px;
	width: 200px;
	text-align: center;
}

#subCategoryContainer a {
	color: #000000;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}

.ui-icon-Minus{ background-position: 0 0; width: 11px; height: 11px; } 
.ui-icon-Plus{ background-position: -21px 0; width: 11px; height: 11px; } 

/* End Category Browse screen styles*/

/* Start Ship-to screen styles*/
#shipToScreen .standardForm fieldset {
	margin: auto;
	width: 760px;
}
#shipToScreen .standardTable tbody tr td {
	text-align: left;
}
#shipToScreen .standardTable td:hover {
	cursor: pointer;
}
#shipToScreen .standardTable tr:hover {
	background-color: #CBCBCB;
}

#shipToScreen .standardTable tr.columnHeader:hover {
	background-color: inherit;
}

#shipToScreen .standardTable tr a {
	text-decoration: none;
}

/*  CSS for the Shipto selection table */
.viewShiptoSelectionTable {
   border: 1px solid #B5121B;
	border-spacing: 0;
	margin: 10px auto;
	width: 90%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
table.viewShiptoSelectionTable {
	background-color: #ffffff;
	border: 1px solid #B5121B;
	min-width: 600px;
}

.viewShiptoSelectionTable a {
	font-weight: bold;
}

.viewShiptoSelectionTable img {
	border: 0 none;
	margin: 0;
	max-width: 120px;
	padding: 0;
}

.viewShiptoSelectionTable th, .viewShiptoSelectionTable td {
	padding: 5px;
}

.viewShiptoSelectionTable caption {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 3px;
}

.viewShiptoSelectionTable tr.highlight {
	background: #CBCBCB;
}

.viewShiptoSelectionTable tr.selected {
	background: maroon !important;
	color: #FFFFFF;
	font-weight: bold;
}

.viewShiptoSelectionTable tr.selected a {
	color: #FFFFFF;
}

.viewShiptoSelectionTable tr a {
	color: inherit;
}

#shipToScreen .viewShiptoSelectionTable fieldset {
	margin: auto;
	width: 760px;
}

#shipToScreen .viewShiptoSelectionTable td:hover {
	cursor: pointer;
	
}
#shipToScreen .viewShiptoSelectionTable tbody tr td {
	border-top: 1px solid #B5121B;
	text-align: left;
}
#shipToScreen .viewShiptoSelectionTable tr:hover {
	background-color: #CBCBCB;
}

#shipToScreen .viewShiptoSelectionTable tr.columnHeader:hover {
	background-color: inherit;
}



/* End Ship-to Browse screen styles*/

/* Start of save order popup on the checkout screen styles */
.black_overlay {
	display: none;
	position:fixed;
	_position:absolute;
	top:0;
	_top:expression(eval(document.body.scrollTop));
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 30%;
	left: 30%;
	width: 400;
	height: 250;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
/* End of save order popup on the checkout screen styles */

/* Start Saved Orders Screen */
#savedOrdersScreen form .standardTableContainer {
	margin: 5px;
}

#savedOrdersScreen form .standardTableContainer table {
	font-size: .7em;
	margin: 10px auto;
}

#savedOrdersScreen form .standardTableContainer table tr td {
	max-width: 30em;
	word-wrap: break-word;
}
/* End Saved Orders Screen */

/* Start Budgets, Spending Limit and Approvals screen styles */
.scroll {
    height:500px;
    overflow:auto;
    white-space:nowrap;
}

#budgetPanel {
	background-color: #FFFFFF;
	font-size: .7em;
	overflow: auto;
	padding: 5px;
	width: 170px;
}

.budgetDetails {
	font-weight: bold;
}

#budgetApprovalSetupScreen #budgetApprovalDefaults {
	margin: auto;
	max-width: 640px;
}

#budgetApprovalSetupScreen #spendingLimit {
	text-align: right;
	width: 100px;
}

#shopperAccountsSearchScreen #shopperAccountSearch {
	margin: auto;
	max-width: 375px;
}

#shopperAccountsSearchScreen .text {
	font-size: 8pt;
	text-align: center;
	margin: auto;
}

#shopperAccountCreateScreen #shopperAccountMaintenance {
	margin: auto;
	width: 500px
}

#shopperAccountCreateScreen #spendingLimit {
	text-align: right;
	width: 100px;
}

#shopperAccountAccountSearchScreen #shopperAccountAccountSearch {
	margin: auto;
	width: 17em;
}

#shopperAccountAccountSearchScreen #shopperAccountAccountSearch table {
	margin: auto;
}

#shopperAccountAccountSearchScreen #shopperAccountAccountSearch input {
	width: 12em;
}

#budgetYearsScreen #budgetYearheaderInfo {
	margin: auto;
	width: 400px;
}

#budgetPeriodsScreen #budgetPeriodheaderInfo {
	margin: auto;
	width: 400px;
}
/* End Budgets, Spending Limit and Approvals screen styles */


/* Reset Password screen styles   BEGIN  */
#resetPasswordScreen .standardForm fieldset {
	max-width: 600px;
}

.resetPasswordRules {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
/* Reset Password screen styles   ENDED  */


/* Edit Account screen styles     BEGIN  */
#editAccountScreen .standardForm fieldset {
	max-width: 730px;
}

#editAccountScreen #accountInfo table {
	width: 720px;
}
/* Edit Account screen styles     ENDED  */


/* from old Master.css */

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: silver;
	text-decoration: none;
	background-image: url(../images/Footer_Gradient.gif);
	margin-right: 5px;
}

.banner1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 3px;
}

.bannerimage {
	float: left;
	text-align: left;
}

.bannerwelcome {
	text-align: right;
	font-size: 1em;
	margin: 0;
	color: #777777;
	padding-top: 14px;
	padding-right: 8px;
}

.nav1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
	background-color: #5298d2;
	vertical-align: bottom;
}

.nav1b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
	background-color: #5298d2;
	text-align: center;
}

.nav1c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
	background-color: 5298d2;
	text-align: center;
}

.nav1d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
	background-color: #5298d2;
	white-space: nowrap;
}


.label1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: ffffff;
	text-decoration: none;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
}

.searchLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
}

.searchText {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.colheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #5298d2;
}

.cartMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
}


.confirmMessage1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #8f8f8f;
}

.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #8f8f8f;
}

.tabtr {
	background-color: #8f8f8f;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: 11px;
	text-decoration: none;
}

.tabbg {
	background-color: #8f8f8f;
}

.subcategoriesnobullet {
	list-style-type: none;
}

.borderedBox {
	border-color: #c0c0c0;
	border-style: solid;
	border-width: 1px;
	background-color: #ffffff;	
}

.productCount {
	color: black;
}

.currentPage {
	font-size: 1.2em;
	text-decoration: underline;	
}

.text_area {
	width: 200px;
	background-position: bottom right;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration: none;
}

.link1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.rowshaded1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #5298d2;
	color: #000000;
	text-decoration: none;
}

.rownotshaded1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

/* Any change to width or height of this configurator popup screen should coincide with iFrame width and height on cart.jsp */
.configuratorScreenPopUp
{
	position: absolute;
	top: 90px;
	left: 130px;
	text-align: center;
	padding: 5px;
	background: white;
	min-height: 500px;
	width: 900px;
}

.configheading {
font-weight: bold;
cursor: pointer;
}

.warning {
	color: #FF3333;
	font-weight: bold;
	font-size: 10px;
}