.mainWinDiv {
	min-height: 100%;
}

.mainWinCenterDiv {
	width: 100%; /*Responsive below*/
	background-color: white;
	margin: 0 auto;
}

/*TODO Robert: remove debugging style
.mainWinCenterDiv:hover {
	border: 0px solid red; 
}
.northRow:hover {
	border: 0px solid green;
}
.breadCrumbRow:hover {
	border: 0px solid yellow;
}
.centerRow:hover {
	border: 0px solid orange;
}
.south:hover {
	border: 1px solid blue;
}
*/

/*TODO Robert: remove when no longer used*/
.spacerCell {
	margin-right: 20px;
}

.z-label, .z-a {
	font-family: arial;
	color: #666666;
	font-size: 13px;
}

/*.chrome .z-messagebox, */
/*.firefox .z-messagebox {*/
.z-messagebox {
	width: calc(100% - 54px);
}

/*Top navigation bar*/
.topNavigationBarDiv {
	position: relative;
	min-height: 30px;
}

/*shopping cart and search bar*/
.shoppingCartAndSearchBarDiv {
	text-align: right;
	line-height: 40px;
}

.shoppingCartAndSearchBarDiv > div {
	display: inline-block;
	padding-right: 20px;
}

.shoppingCartAndSearchBarDiv .shoppingCart {
	cursor: pointer;
}

.shoppingCartAndSearchBarDiv .shoppingCart * {
	font-weight: bold;
	font-size: 13px;
	font-family: arial;
}

.shoppingCartAndSearchBarDiv .shoppingCart img {
	padding-right: 5px;
}

.shoppingCartAndSearchBarDiv .searchBox > input {
	width: 250px;
	height: 14px;
	font-size: 13px;
	font-family: arial;
	font-weight: bold;
}

.shoppingCartAndSearchBarDiv .searchBox > img {
	cursor: pointer;
}

/*horizontal-navigation*/
.horizontalNavigation {
	padding: 0 10px;
}


/*bread crumb*/
.breadCrumb {
	padding-top: 20px;
	padding-left: 20px;
}

.breadCrumb * {
	font-family:arial;
	font-size:12px;
	color:#666666;
	padding-right:5px;
}

.breadCrumb .trail-label {
/* 	font-family:arial; */
/* 	font-size:12px; */
/* 	color:#666666; */
	padding-right:5px;
	text-decoration:none;
}

.breadCrumb .trail-label:hover {
	text-decoration:underline;
	cursor:pointer;
}

.breadCrumb .trail-label-active {
/* 	font-family:arial; */
/* 	font-size:12px; */
/* 	color:#666666; */
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}


.advertisingDiv {
	padding: 0 20px 20px 20px;
}
.advertisingDiv .border {
	border: 1px solid #CCCCCC;
}
.advertisingDiv * {
	max-width: 100%;
}

.horizontalRegularProductDiv {
	padding: 20px 20px;
}

.horizontalRegularProductDiv .headerTextDiv *,
.horizontalRegularProductDiv .footerTextDiv * {
	max-width: 100%;
}

.horizontalRegularProductDiv .headerDiv {
	min-height: 28px;
	padding-bottom: 4px;
	border-bottom:1px solid #CCCCCC;
}
.horizontalRegularProductDiv .headerLabel {
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}

.horizontalRegularProductDiv .headerPagination {
	float: right;
}

.horizontalRegularProductDiv .headerPagination .z-label {
	font-size: 13px;
}

.horizontalRegularProductDiv .headerPagination img {
	cursor: pointer;
	padding: 0 5px;
}

.horizontalRegularProductDiv .productsContainer {
	clear: both;
	position: relative;
	padding: 20px 0;
	margin-right: -20px; /*grow by 20 px to avoid line breaks*/
	text-align: center;
}

.horizontalRegularProductDiv .productsContainer .productItem {
	display: inline-block;
	width: 172px; /*Responsive below*/
	height: 270px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
    /*box-shadow: 0px 6px 9px -5px #aaa;*/
}

.horizontalRegularProductDiv .productsContainer .productItem .productImg {
	position: relative;
}

.horizontalRegularProductDiv .productsContainer .productItem .productImg img {
	display: block;
	width: 100%;
	padding-bottom: 7px;
}

.horizontalRegularProductDiv .productsContainer .productItem a {
	text-decoration: none;
}
.horizontalRegularProductDiv .productsContainer .productItem .productLabel {
	display: block;
	padding-bottom: 7px;
	font-weight: bold;
	text-decoration: none;
    line-height: 100%;
	text-align: center;
}

.horizontalRegularProductDiv .productsContainer .productItem .productPriceLabel {
	font-weight: bold;
	font-size:15px;
}

.horizontalRegularProductDiv .productsContainer .productItem .productPriceLabel {
	font-weight: bold;
	font-size:15px;
}

.horizontalRegularProductDiv .productsContainer .productItem .productPriceLabelGreen {
	font-weight: bold;
	font-size:15px;
	color:green;
}

.quickViewButton {
	background-image: url('/images/buttons/quick-view.jpg');
	width: 100px;
	height: 25px;
    /*box-shadow: 0px 6px 9px -5px #aaa;*/
}

* > .quickViewButton {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -12.5px;
	display: none;
}

*:hover > .quickViewButton {
	display: block;
}


/*product page (full details)*/
.productPageDiv {
    /*padding: 20px;*/
    position: relative;
	text-align: center;
}

.productPageDiv .productImages {
    /*padding: 0 20px;*/
    width: 440px;
   /* display: inline-block;*/
    vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}

.productPageDiv .productImage {
    width: 100%;
}
.productPageDiv .productImages .productImageLink {
	cursor:pointer;
	padding: 15px 0;
}

.productPageDiv .productImages .productThumbs img {
	
}

.productPageDiv .productDetails {
    /*padding: 0 20px;*/
	display: inline-block;
	text-align: center;
	/*width: 700px;*/ /*Responsive below*/
	width: 100%;
} 

.productPageDiv .productDetails .productLabel {
	font-size:20px;
	font-weight:bold;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px
}

.productPageDiv .productDetails > *,
.productPageDiv .productDetails .inputTextRow * {
	display: block;
	padding-bottom: 2px;
}

.productPageDiv .productDetails .inputTextRow {
	margin: 20px 0;
}

.productPageDiv .productDetails .inputTextRow input{
	width: 100%;
}

.productPageDiv .productDetails .productPriceLabel {
	margin: 20px 0;
	font-size:15px;
	font-weight:bold;
}

.productPageDiv .productDetails .productPriceLabelGreen {
	margin: 20px 0;
	font-size:15px;
	font-weight:bold;
	color:green;
}

.productPageDiv .productDetails .productOption {
	padding-bottom: 10px;
}
.productPageDiv .productDetails .productOption .z-label {
	width: 100px;
	display: inline-block;
	font-weight: bold;
}
.productPageDiv .productDetails .productOption .z-combobox {
	width: 220px;
	font-family:Arial;
	font-size:13px;
	font-weight:Bold;
	color:#666666
}
.productPageDiv .productDetails .productOption .z-combobox input {
	width: 196px;
}
.productPageDiv .productDetails .productQuantityToCart {
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px dotted #CCCCCC;
	text-align: right;
}
.quickViewLightBoxWin {
	width: 720px; /*Responsive below*/
}

.quickViewLightBoxWin .z-window-content {
	padding: 20px;
}

.quickViewLightBoxContent .productThumbs {
	display: inline-block;
	height: 214px;
	margin-right: -4px;
}
.quickViewLightBoxContent .productThumbs img {
	width: 100px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.quickViewLightBoxContent.productThumbsCols-1 .productThumbs {
	width: 54px; /*Responsive below*/
	
}
.quickViewLightBoxContent.productThumbsCols-2 .productThumbs {
	width: 108px; /*Responsive below*/
}
.quickViewLightBoxContent.productThumbsCols-3 .productThumbs {
	width: 162px; /*Responsive below*/
}

.quickViewLightBoxContent.productThumbsCols-1 .productDetails {
	width: 390px; /*Responsive below*/
}
.quickViewLightBoxContent.productThumbsCols-2 .productDetails {
	width: 336px; /*Responsive below*/
}
.quickViewLightBoxContent.productThumbsCols-3 .productDetails {
	width: 282px; /*Responsive below*/
}

.quickViewLightBoxContent .productImages,
.quickViewLightBoxContent .productImage {
	display: inline-block;
	vertical-align: top;
}
.quickViewLightBoxContent .productImages { /*Responsive below*/
	margin-right: 20px; /*Responsive below*/
}
.quickViewLightBoxContent .productImage img {
	display: block;
	margin: 0 auto;
}
.quickViewLightBoxContent .productImage img.viewDetailsButton {
	margin-top: 20px;
	cursor: pointer;
}

.quickViewLightBoxContent .productDetails {
	display: inline-block;
	vertical-align: top;
}
.quickViewLightBoxContent .productDetails > * {
	display: block;
	margin-bottom: 20px;
}

.quickViewLightBoxContent .productDetails .titleLabel {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
}

.quickViewLightBoxContent .productDetails .bottomRightDiv {
	border-top: 1px dotted #CCCCCC;	
	padding-top: 20px;
	text-align: right;
}

.quickViewLightBoxContent .productDetails .bottomRightDiv .productQuantityToCart {
	cursor: pointer;
	display: inline-block;
}

.paginationDiv {
	display: inline-block;
}
.paginationDiv > * {
	display: inline-block;
	width: 20px;
	height: 20px;
    vertical-align: top;
    text-align: center;
    line-height: 20px;
    margin-right: 4px;
} 

.paginationDiv > .pageNum {
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #C0C9DA;
    color: #545C69;
} 

.paginationDiv > .enabled {
	cursor: pointer;
}

.paginationDiv > .pageNum.current,
.paginationDiv > .pageNum.enabled:hover {
    font-weight: bold;
    font-size: 13px;
    border-color: #545C69;
	background-color: #545C69; 
    color: #FFFFFF;
} 

.paginationDiv > .next,
.paginationDiv > .previous {
	font-size: 12px;
	background-color: #C0C9DA; 
	color: #545C69;
}
.paginationDiv > .next.enabled:hover,
.paginationDiv > .previous.enabled:hover {
	background-color: #545C69; 
	color: #C0C9DA;
} 


/* page footer */
.footerDiv {
	position: relative;
	background-color: #FFFFFF;
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    padding: 20px 20px;
}
.footerDiv .footerMenu { 
	padding-right: 200px;  /*Responsive below*/
}
.footerDiv .footerMenu .z-label,
.footerDiv .footerMenu .z-a {
    font-size: 13px;
    padding-left: 8px;
}
.footerDiv .footerMenu .z-a {
    text-decoration: none;
}
.footerDiv .footerMenu .z-a:first-child {
	padding-left: 0;
}
.footerDiv > img {  /*Responsive below*/
	position: absolute;
	max-width: 200px;
	right: 20px;
	top: 15px;
}


/* general storePage styles */
.storePageDiv {
	padding: 0 20px;
	padding-bottom: 20px;
}
.storePageDiv .storePageHeader {
	margin-bottom: 20px;
}
.storePageDiv .storePageHeader .z-label {
	font-size: 25px;
	font-weight: bold;
}

.storePageDiv .storePageHeader img {
	cursor: pointer;
}

.storePageDiv .htmlContent {
	font-family: Arial;
	text-align: left;
	font-size: 14px;
}

/* shopping cart - /storezk/src/main/webapp/store/add_to_cart_product_list.zul */

.cartGrid .cartHeaderRow {
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCCCCC;  
	margin-bottom: 20px;
}

.cartGrid .cartRow > div {
	min-height: 75px;
}

.cartGrid .itemImage {
	display: inline-block;
	width: 75px;
	height: 75px;
	cursor: pointer;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cartGrid .itemDetails {
	vertical-align: middle;
	display: inline-block;
	padding-left: 85px;
	margin-left: -85px;
	width: 100%;
}

.cartGrid .itemLabel {
	font-size: 15px;
	white-space: normal;
	font-weight: bold;
	/*cursor: pointer;*/
}

.cartGrid .itemAmounts {
	line-height: 75px;
}

.cartGrid .quantity_input {
	font-family:arial;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	line-height:23px;
	border:1px solid #CCCCCC;
	width: 23px;
	height: 23px;
}

.cartGrid .itemSecLabel {
	font-size:15px;
}

.cartGrid .cartTotalCheckout .z-label {
	font-size: 18px;
}

.cartGrid .cartTotalCheckout div {
	display: inline-block;
}

/*login page*/
.loginGridBody.row {
	margin: 0;
	margin-bottom: 20px;
	clear: both;
}

.loginGridBody.row > div {
	padding-top: 20px;
	padding-top: 20px;
	min-height: 378px;
}

/* horizontal user address selection list */
.userAddressSelection  {
	padding-top: 10px;
	padding-bottom: 10px;
}

.userAddressSelection > div { 
	padding-top: 10px;
	padding-bottom: 10px;
   /* box-shadow: 0px 6px 9px -5px #aaa;*/
	min-height: 200px; /*Responsive below*/
}
.userAddressSelection > div > span {
	padding-top: 3px;
	padding-bottom: 3px;
}

.userAddressPaging {
	text-align: center;
	padding-bottom: 20px;
}

/*credit card selection*/
.creditCardGrid .row {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #CCCCCC;
}
.creditCardGrid .row:first-child {
	border-top: none;
}

.creditCardGrid .row > div {
	min-height: 30px;
	padding-top: 5px;
}

.ccvPopup {
	width: 530px; /*Responsive below*/
}

/*shipping type selection*/
.shippingTypeSelection {
	position: relative;
}

.shippingTypeSelection > div {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.shippingTypeSelection img {
	width: 65px;
	height: 65px;
	margin: 0 10px 10px 0;
}

.orderDetailsCartHeader {
	min-height: 40px;
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

.orderDetailsCartRow {
	min-height: 50px;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
}

.orderDetailsCartTrackingRow {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
}

/*order_history reorder_history*/
.orderListGrid {
	border-top: none;
	border-bottom: none;
}
.orderListGrid .z-column-content {
	white-space: normal;
}

/* recurringOrderLayout.zul */
.recurringBillingShippingInfo > .storePanel,
.billingShippingInfo > .storePanel { /*Responsive below*/
	display: inline-block;
	width: 33.333333%;
	vertical-align: top;
	min-height: 260px;
}


.billingShippingInfoContent > * {
	padding: 3px 0;
}

.recurringBillingShippingInfo .billingShippingInfoContent img {
	display: block;
	padding: 3px 0;
}


.recurringCartGrid .itemAmounts {
}

.recurringCartGrid .itemDetails {
	padding-bottom: 10px;
}

.recurringCartGrid > .row {
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.recurringCartGrid > .row.cartHeaderRow {
	border-top: none;
	padding-top: 0;
}

/*shared styles */

.footerPaginationDiv {
	text-align: center;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0;
}

.footerPaginationDiv > .z-label {
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px;
}

.storePanel {
	border: 1px solid #CCCCCC;
}

.storePanelHeader {
	background-color: #C0C9DA;
	borderbottom : 1px solid #CCCCCC;
	min-height: 22px;
	padding: 3px;
} 

.storePopupContent {
	position: relative;
}

.storePopupCloseButton {
	position: absolute;
	cursor: pointer;
	right: -10px;
	top: -10px;"
}

.storeForm > .row,
.storeForm > form > .row {
	padding-bottom: 20px;
}

.storeForm .error {
	color: red;
}

.storeForm .fieldLabel {
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	font-weight: bold;
}

.storeForm .z-textbox,
.storeForm .z-combobox {
	width: 100%;
}

.subHeaderFont {
	font-size: 18px;
	font-weight: bold;
}

.headerFont {
	font-size: 25px;
	font-weight: bold;
}

.smallFont {
	font-size: 11px;
}

.defFont {
	font-size: 13px;
}

.largeFont {
	font-size: 15px;
}

.mandatory:after {
	color: red;
	content: ' *';
}

.mandatoryHint {
	font-size: 11px;
}
.mandatoryHint:before {
	color: red;
	content: '* ';
}

.textBold {
	font-weight: bold;
}


.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.arrowLink {
	background-image: url('/images/arrow_icon.jpg');
	background-repeat: no-repeat;
	background-position-x: 2px;
    padding-left: 12px;
}

.nowrap {
	white-space: nowrap;
}

.defBorder {
	border: 1px solid #CCCCCC;
}

.dottedBorderBottom {
	border-bottom: 1px dotted #CCCCCC;
}

.dottedBorderRight {
	border-right: 1px dotted #CCCCCC;
}

.dottedBorderLeft {
	border-left: 1px dotted #CCCCCC;
}

.defPadding {
	padding: 20px;
}

.defHorPadding {
	padding-left: 20px;
	padding-right: 20px;
}

.defVerPadding {
	padding-top: 20px;
	padding-bottom: 20px;
}

.defBottomPadding {
	padding-bottom: 20px;
}

.defTopPadding {
	padding-top: 20px;
}

.curPointer {
	cursor: pointer;
}

.blockChildren > * {
	display: block;
}

.clear {
	clear: both;
}

/*shared styles end*/

/*responsive overrides*/
@media screen and (min-width: 980px) {
}
@media screen and (min-width: 720px) and (max-width: 979px) {
	.mainWinCenterDiv {
		width: 720px;
	}
	.horizontalRegularProductDiv .productsContainer .productItem {
		width: 155px;
	}
	.productPageDiv .productDetails {
		width: 440px;
	} 
	.recurringBillingShippingInfo > .storePanel {
		width: 50%;
	}

	.footerDiv .footerMenu { 
		padding-right: 0;
	}
	
	.footerDiv > img {
		position: static;
		margin-top: 10px;
		max-width: 200px;
	}
}
@media screen and (max-width: 719px) {
	.mainWinCenterDiv {
		width: 100%;
	}
	.horizontalRegularProductDiv .productsContainer .productItem {
		width: 130px;
		margin-right: 10px;
	}
	.productPageDiv .productDetails {
		width: 100%;
		display: block;
	}
	
	.quickViewLightBoxWin {
		width: 90%;
	} 
	
	.quickViewLightBoxContent .productImages {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}

	.quickViewLightBoxContent.productThumbsCols-1 .productThumbs, 
	.quickViewLightBoxContent.productThumbsCols-2 .productThumbs,
	.quickViewLightBoxContent.productThumbsCols-3 .productThumbs {
		width: 100%;
		height: initial;
	}

	.quickViewLightBoxContent.productThumbsCols-1 .productDetails,
	.quickViewLightBoxContent.productThumbsCols-2 .productDetails,
	.quickViewLightBoxContent.productThumbsCols-3 .productDetails {
		display: block;
		width: 100%;
	}

	.userAddressSelection > div { 
		min-height: 0;
	}

	.ccvPopup {
		width: 90%;
	}
	
	.recurringBillingShippingInfo > .storePanel,
	.billingShippingInfo > .storePanel {
		display: block;
		width: 100%;
		min-height: 0px;
	}
	
	.footerDiv .footerMenu { 
		padding-right: 0;
	}
	
	.footerDiv > img {
		position: static;
		margin-top: 10px;
		max-width: 200px;
	}
}




















/* Override ZK Grid Pagination Styles */
.z-paging-info, .z-paging div.z-paging-info {
	display: none;
}
/* -------------------------------- */

tr.z-row td.z-row-inner, tr.z-row td.z-cell, tr.z-group td.z-group-inner, tr.z-groupfoot td.z-groupfoot-inner {
    padding: 0px 0px 0px 0px;
}
/* Override ZK Tab Box Styles */ 
.z-tabpanel {
	padding:25px 25px 25px 25px;
	border-color:#CCCCCC;
}
.z-tab {
	background-image:none;
	background-color:#CCCCCC;
}
.z-tab-selected {
	background-image:none;
	background-color:#FFFFFF;
}
.z-tab-text {
	font-family:arial;
	font-size:13px;
	font-weight:bold;
}
.z-tab .z-tab-text {
	padding:0px 8px 0px 8px;
	line-height:30px;
}
/* ------------------------------ */       


/* Products Quick View Button Style */
.quick-view-button {
	/*-moz-box-shadow: 0px 0px 8px gray;*/
	/*-webkit-box-shadow: 0px 0px 8px gray;*/
	/*box-shadow: 0px 0px 8px gray;*/
	behavior: url(/ie-css3.htc);
	cursor:pointer;
}
/* -------------------------------- */

.header {
    background-color: #00BFFF;
    border-bottom: 1px solid #585858;
    color: white;   
}

/* Search Box Style */
.searchbox {
	width:200px;
	height:15px;
	background-repeat:no-repeat;
	background-position:right center;
	border:1px solid;
	border-color:#CCCCCC;
	font-family:Arial 13pt;
}

/* Footer Widget Style */
.footerbox {
	border-style: dotted;
	border-left: 0px;
	border-right: 0px;
	border-color: #CCCCCC;
 	width:100%;
	height:80px;
}

.productsgrid-body {
	overflow:auto;
}

.quantityBox {
	width:23px;
	height:23px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	border:1px solid;
	border-color:#CCCCCC;
	line-height:23px;
	vertical-align: middle;
}


/* Follow Us Widget Style */
.follow-us {
	margin:0px 0px 0px 0px;
	display:block;
	border:1px solid;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
}
.follow-us-on-icon{
	height:65px;
}
.follow-us-on-header {
	width:200px;
	height:30px;
	padding-left:7px;
	font-family:Arial 15pt;
	font-weight:bold;
	color:#666666;
   	background-color:#CCCCCC;
	backgroung-postition:center;
	background-repeat:no-repeat;
}
.social-icon {
	width:40px;
	height:40px;
	border:1px;
	margin:8px 3px 0px 6px;
}
.footerCell{
	height:10px;
}
.z-menubar-hor-cnt {
	text-align:left;	
}
/* Mail Box Style */
.mailbox {
	width:178px;
	height:22px;
	background-image:url('images/button.jpg');
	background-repeat:no-repeat;
	background-position:right center;
	border:1px solid;
	border-color:#CCCCCC;
	font-family:Arial 13pt;
    padding-left:5px;
}

/* Shopping Cart Page Style */
/* Shopping Cart Grid Header*/
.cart-header {
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
}

.cart-header-green {
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:green;
}

.header-bar-search {
	height: 30px;
	background-color: #FFFFFF;
	padding-left: 665px;
	padding-top: 4px;
}

.z-toolbar {	 
	font-family: Verdana;
	font-size: 4px;
	background-color: #585858;
	border-bottom-style: hidden;
	background-image: url("");
	width : 250px;
}

.z-toolbarbutton-cnt {
	font-family: Verdana;
	font-size: 11px;
	padding-top:4px;
}

.header-bar {
    height: 12px
}
.header-title {
    color: white;    
	padding-left: 12px;
}

.menu-bar {
	 color: grey;
	 margin: auto;
	background-color:white;
}	
.z-menubar-hor-cnt {
	width:100%
}

.center-left {
    border-left: 1px solid #CFCFCF;
    padding: 8px;
}
.center-left-inner {   
    color: #6f6f6f;
}
.center-right {
    border-right: 1px solid #CFCFCF
}
.sidebar-title {
    font-size: 14px;
    font-weight: bold;
}
.sidebar-bar {
    border-top: 1px dotted gray;
    margin-right: 5px;
    margin-top: 15px;
}
.content-date {
    color: #999999;
    font-family: 'Trebuchet MS',Trebuchet;
    font-size: 12px;
    letter-spacing: 0.2em;
}
.content-title {
    color: #015182;
    font-family: 'Trebuchet MS',Trebuchet;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
}
.content-title:hover {
    text-decoration: underline
}
.content-desc {
    color: gray;
    font-family: 'Trebuchet MS',Trebuchet;
    font-size: 14px;
    white-space: normal;
}
.content-more {
    color: gray;
    font-family: 'Trebuchet MS',Trebuchet;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}
.footer {    
    border-top : 2px solid gray;
	font-family: verdana;
	font-size: 14px;
    color: gray;    
}

.footerWidgetWithLogoDiv {
	background-color:#FFFFFF;
	padding: 5px 20px;
}
.footerWidgetWithLogoDiv a {
	display: inline-block;
}
.company-info{
	border : 1px solid; 
	border-color:#CCCCCC;
}
.companyInfoWidgetHeader{  
	
font-family: Arial,Bold;
font-size: 15px;
height:50px;
color: #666666;
font-weight:bold;
padding-left:20px;
	width:178px;
	}

.companyInfoWidgetImage{  
	width:160px;
	}

.companyInfoWidgetTextArea{  
	
	width:160px;
	}

.companyInfoWidgetTable{

	font-family: Arial;
	font-size: 12px;
	height:50px;
	color: #666666;
    white-space: normal;
	}

.companyInfoWidgetBorder{

	height:24px;
    border-top: 1px Dotted;
border-color:#CCCCCC;
	color: #666666;
}
.companyInfoWidgetLinkButton{
	font-family: Arial;
    font-size: 12px;
	text-decoration:none;
}
.ArbitoryPulledHtmlWidgetDiv{
	border-color:#CCCCCC;
margin:20px,20px,20px,20px;
white-space: normal;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
overflow: auto;
}

.ProductListTable tr th
{
	font-family: Arial,Bold;
	font-size: 15px;
	color: #666666;
	background-color: #CCCCCC;
}
.ProductListTable
{
	width:800px;

}
.mailing-list
{
	width:200px;
 	height:80px;
	background-color: #FFFFFF;
	background-image: none;


}
.arbitraryHtmlWidget
{
	margin:20px;
	white-space: normal;
	overflow: auto;
}
.addNewCustomerGrid
{
	border:0px;
background-color: #FFFFFF;
}
.div
{
	float: left;
}
.companyInfoDiv
{
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;	
}
body{
	padding-left: 0px;
	padding-right: 0px;
}
.mailing-list-header
{

	padding-left:10px;
	text-align:center;
	font-size:15px;
	font-family: Arial,Bold;
	font-weight:bold;
}
.mailing-list-textArea-cell
{
	height:50px;
	
	text-align: right;
}

.mailing-list-textArea-cell div
{
 padding-left:5px;
}

.mailing-list-textArea
{
	font-size:13px;
	font-family: Arial,Bold;
	color:#666666;
    margin-top:6px;
	border: 1px solid #CCCCCC;
}
.centerDiv
{
	overflow:scroll;
}

tr.z-row td.z-row-inner, tr.z-row .z-cell ,.z-row-over, .z-rows, z.grid{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: none;
    border-style: none;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	border: 0;
	background-image: none;	
}

.bannerDiv{
	background-color:#FFFFFF;
}

.bannerDiv img{
	/* width: 100%; */
	max-height: 90px; /*TODO Robert: remove that when images can be resolved*/
}

.shppingCartDiv{
	background-color:#FFFFFF;
}

tr.z-row z-row-over{
	background-color:#FFFFFF;
	background-image: none;	
}

.center-page-div {
	behavior: url(/PIE.htc);
	/*box-shadow: #666 0px -20px 20px 0px;*/
	-webkit-box-shadow: #666 0px 2px 30px;
	-moz-box-shadow: #666 0px 2px 30px;	 	
}

.center-page-div-shadow {
	behavior: url(/PIE.htc);
	/*box-shadow: #666 0px 2px 30px;
	-webkit-box-shadow: #666 0px 2px 30px;
	-moz-box-shadow: #666 0px 2px 30px;*/
}

.edit-shipping-address-checkout-div{
	border:1px solid #CCCCCC;
	padding-left:30px;
	padding-top:30px;
	margin-bottom:20px;
}
.edit-billing-address-checkout-div{
	border:1px solid #CCCCCC;
	padding-left:30px;
	padding-top:30px;
	margin-bottom:20px;
	
	}
.shipping-address-checkout-div2{ 
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:0;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:50px;
	}

.billing-address-checkout-div1{ 
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	border-top:0;
	padding-left:30px;
	}
.billing-address-checkout-div2{ 
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:0;
	border-bottom:1px solid #CCCCCC;
	padding-left:30px;
	margin-bottom:50px;
	}
.billing-information-checkout-div{ 
	border:1px solid #CCCCCC;
	padding:20px; 
  
	}
.billing-checkout-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:639px;
	color: #666666; 
}

.myaccount-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:545px;
	color: #666666; 
 	font-family:Arial;
}
.myaccount-sub-header{
	font-Weight:bold;
font-size: 20px;
color: #666666; 
font-family:Arial;
}
.myaccount-sub-content{
	font-size: 15px;
	color: #666666;
	font-family:Arial;
}
.myaccount-sub-header{
	font-Weight:bold;
font-size: 20px;
color: #666666; 
font-family:Arial;
}

.orderHistorySearchAndRefresh{
	 font-size:13px;
	color:#666666;
	font-family:Arial;
}
.orderHistoryCell{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.myaccount-div1{ 
	border:1px solid #CCCCCC;
	border-bottom:1px Solid #CCCCCC;
	font-family:Arial;
}


.orderHistory-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:343px;
	color: #666666; 
	font-family:Arial;
}
.manageCards-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:285px;
	color: #666666; 
	font-family:Arial;
}
.orderHistoryCell{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.checkout-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:622px;
	padding-left:20px;
	color: #666666; 
}
.checkout-header-cell{
	padding-left:10px;
	height:30px;
	background : #E5E5E5;
} 
.checkout-header-label{
	font-Weight: bold;
	font-size: 15px;
	color: #666666;
	text-align: right;
	font-family:Arial;

} 
.shipping-type-checkout-header-label{
	font-Weight: bold;
	font-size: 15px;
	color: #666666;
	text-align: left;

}
.checkout-header-label-right-align{
	font-Weight: bold;
	font-size: 14px;
	color: #666666; 
	text-align: right;
}
.checkout-header-sub{
	font-Weight: bold; 
	font-size: 18px;
	font-family:Arial;
} 
.print-checkout-header-sub{
	font-size: 15px;
	font-family:Arial;
}
.edit-billing-address-header-sub{
	font-Weight: bold; 
	font-size: 18px;
	font-family:Arial;
}
.edit-shipping-address-header-sub{
	font-Weight: bold; 
	font-size: 18px;
	font-family:Arial;
} 
.billing-checkout-header-sub{
	font-Weight: bold; 
	font-size: 18px;
	color: #666666;
	
}
.billing_address_label{
	font-size: 13px;
	color: #666666;
	white-space:normal;
}

.shipping-type-checkout-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:640px;
}

.shipping-type-label-sub{
	font-size: 15px;
	font-family:Arial;
}

.shipping-type-checkout-label-sub{
	font-Weight: bold; 
	font-size: 18px;
	font-family:Arial;
} 
.shipping-type-checkout-label{
	font-size: 13px;
	font-family:Arial;
}
.shipping-type-checkout-div{
	border:1px solid #CCCCCC;
	padding-left:30px; 
}
.preview-checkout-div{
	border:1px solid #CCCCCC;
	padding-left:30px;
	margin-bottom:50px;
}
.shipping-address-checkout-div1{ 
	border:1px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	padding-left:30px;
}
.checkout-label{
	font-Weight: bold;
	font-size: 13px;
	color: #666666; 
} 
.checkout-label-sub{

	font-size: 14px;
	color: #666666; 
	text-align: right;
} 
.checkout-shipping-type{
	padding:20px;
	border-bottom:1px solid #CCCCCC;
}
.checkout-shipping-type-border{

	border-bottom:1px solid #CCCCCC;
}
.demo-category {
    margin-top: 10px;
    height: 80px;
    width: 90px;
    cursor: pointer;
}
.reviewAndPlaceOrder{
	width:980px;
	height:100%;
	padding:20px;
}
.checkout_preview_summary_label{
	font-size:13px;
	font-family:arial;
}
.shipping-type-checkout-header-total-label{
	font-Weight: bold;
	font-size: 18px;
	color: #666666;
	text-align: left;
}
input{
	color:#666666;
	font-family:arial;
}
p, ui{
	margin:0px;
	padding:0px;
}
.shippingCharge-body {
	overflow:hidden;
}
.signInBotton{
	behavior: url(/PIE.htc);
	font-weight: bold;
	border: 1px; 
	background-color: #FFFFFF;
	font-size:15px;
	font-family:Arial;
	color:#FFFFFF;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0;
}
.quantity_input {
	-webkit-appearance: textfield;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	background-color: white;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: initial;
	cursor: auto;.
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
.printpage-main-header{
    font-family: arial;
	font-size: 25px;
	font-weight: bold;
}
.borderWidgetDiv{
	display:block;
}
tr.orderListRow  td.z-row-inner{
	
	border-right:1px Dotted #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.add-newaddress-div{
	padding:28px 30px 26px 30px;
	border: 1px solid #CCCCCC;
}
.add-newaddress-div-sub{
	font-size: 20px;
	color: #666666; 
	text-align: left;
	font-Weight: bold;
	font-family:Arial;
}
.add-newaddress-label{
	font-Weight: bold;
	font-size: 13px;
	color: #666666; 
	font-family:Arial;
} 
.manage-address-div-sub{
	font-size: 20px;
	color: #666666; 
	text-align: left;
	font-Weight: bold;
	padding-right: 552px;
	font-family:Arial;
}
.manage-address-div1{ 
	border:1px solid #CCCCCC;
	border-top:1px dotted #CCCCCC;

}
.manage-address-sub-div{
	border:1px solid #CCCCCC;
	border-bottom:0px;
	padding:13px  30px 13px 30px;
}
.orderDetailsItemListCell{
	height:70px;
	text-align: right;
	word-wrap: break-word;
	
}
.orderDetailsItemListHeaderCell{
	height:45px;
	text-align: center;
	padding-right:20px;
	font-Weight: bold;
	font-family:Arial;
	vertical-align:bottom;
	padding-bottom:5px;
}

.orderDetailsItemListLabel{
	font-size: 13px;
	color: #666666; 
	font-family:Arial;
	white-space: normal;
	word-wrap: break-word;
	width:158px;
}

.orderDetailsItemListHeaderLabel{
	font-size: 13px;
	color: #666666; 
	font-Weight: bold;
	font-family:Arial;
	white-space:normal;
}
.overload-hlayout-style z-hlayout z-hlayout-inner{
	
	 padding-right:0.0em; position:relative;
	 display:inline; zoom:1; vertical-align:middle;
}
.appointment-header{
	font-Weight:bold;
	font-size: 25px;
	color: #666666; 
}
.appointment-label-warning{
	font-family: Arial;
	font-size: 13px;
	color: #666666; 
} 
.appointment-sub-header{
	font-Weight:bold;
	font-size: 20px;
	color: #666666; 
}
.appointments-div1{ 
	border:1px solid #CCCCCC;
	padding:0px 30px 0px 30px;
}
.appointments-label{
	font-Weight: bold;
	font-size: 13px;
	color: #666666; 
} 
.cartridge-finder-widget-header{
	font-Weight:bold;
	font-size: 25px;
	color: #666666; 
	font-family:Arial;
}
.cartridge-finder-widget-div1{ 
	border:1px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	padding:30px;
}
.cartridge-finder-widget-subdiv1{ 
	vertical-align:top;
	text-align:left;
	padding-right:30px;
}
.cartridge-finder-widget-subdiv2{ 
	vertical-align:top;
	text-align:left;
	padding-left:30px;
	height:145px;
}
.appointments-label-title{
	font-Weight: bold;
	font-family: Arial;
	font-size: 18px;
	padding-left:20px;
	color: #666666; 
} 
.appointments-label-subtitle{
	font-Weight: bold;
	font-family: Arial;
	font-size: 15px;
	vertical-align:top;
	color: #666666; 
}
.contactus-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:660px;
	color: #666666; 
}
.contactus-sub-header{
	font-Weight:bold;
	font-size: 20px;
	color: #666666; 
}
.contactus-div1{ 
	border:1px solid #CCCCCC;
	padding:0px 30px 0px 30px;
}
.contactus-label{
	font-Weight: bold;
	font-size: 13px;
	color: #666666; 
} 
.contactus-label-title{
	font-Weight: bold;
	font-family: Arial;
	font-size: 18px;
	padding-left:20px;
	color: #666666; 
} 
.contactus-label-warning{
	font-family: Arial;
	font-size: 13px;
	color: #666666; 
} 
.contactus-label-subtitle{
	font-Weight: bold;
	font-family: Arial;
	font-size: 18px;
	vertical-align:top;
	color: #666666; 
}
.returnmerchandise-header{
	font-Weight:bold;
	font-size: 25px;
	padding-right:590px;
	color: #666666; 
}
.returnmerchandise-sub-header{
	font-Weight:bold;
	font-size: 20px;
	color: #666666; 
}
.returnmerchandise-div1{ 
	border:1px solid #CCCCCC;
	padding:0px 30px 0px 30px;
}
.returnmerchandise-label{
	font-Weight: bold;
	font-size: 13px;
	color: #666666; 
} 
.returnmerchandise-label-title{
	font-Weight: bold;
	font-family: Arial;
	font-size: 18px;
	padding-left:20px;
	color: #666666; 
} 
.returnmerchandise-label-warning{
	font-family: Arial;
	font-size: 13px;
	color: #666666; 
} 
.returnmerchandise-label-subtitle{
	font-Weight: bold;
	font-family: Arial;
	font-size: 18px;
	vertical-align:top;
	color: #666666; 
}
.searchby-cartridge-printer{
	font-family: Arial 13pt;
	font-size: 13px;
	color: #666666; 
}
@media screen and (max-width: 719px) {
	.show-xs {
		display: block!important;
	}
	.hide-xs {
		display: none;
	}

	.cartGrid .cartRow .itemHeaders-xs {
		min-height: initial;
		padding-block: 16px;
	}

	.cartGrid .cartRow .itemAmounts-xs {
		min-height: initial;
		padding-bottom: 56px;
	}

	.itemAmounts-xs > .row > :first-child,
	.itemHeaders-xs > .row > :first-child {
		padding-left: 0px;
	}

	.itemAmounts-xs > .textRight,
	.itemHeaders-xs > .textRight {
		text-align: left;
	}

	.itemAmounts-xs .itemAmounts {
		line-height: 24px;
	}
}