/*--- General Body Content and Layout Styling ---*/

body{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height: 16px;}
a:link, a:visited{text-decoration: none; color:#3083FF;}
a:hover{text-decoration:none;color: #666;}
.topFixeHeader{margin-top:20px;}
#footer, #footer a{font-size: 11px; color:#000;}
#footer a:active, #footer a:hover{color:#595959;}

.imgpostSmall img, .imgpostSmall a {margin:0px; padding:0px;}
.alignleft{float:left;margin-right:10px;}
.alignright{float:right;}
.categoryleft{float:left;}
.categoryright{float:left;padding-left:5px;width:220px;}
.clear {clear:both;}
.clearDate {clear:both; height:1px;}
.clear2 {padding: 5px 0 5px 0;}
.errortextcolor{margin:0;padding:5px;text-align: center;color:#CC0000;}
.warningtextcolor{margin:0;padding:5px;text-align: center;color:#FF3300;}
.successtextcolor{margin:0;padding:5px;text-align: center;color:#008A00;}
#colorsheader{font-size:16px;font-weight:bold;}
.h4count{margin-right:30px;border-color:#ccc;}
.h3count{margin-right:30px;border-color:#ccc;}
.listingview{margin:10px 4px 10px 4px;}
.spanbold{font-weight:bold;}
.pwithspacing{margin:5px;}
.spanmiddle{margin-left:3px; margin-right:3px; vertical-align: 12%; font-size: 12px;}
.headerheigt{line-height: 18px;}
.searchkeywords{font-size:12px;font-family:Arial, Helvetica, sans-serif;font-style:italic;line-height: 13px;}
.norecordsfound{text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;line-height: 18px;}
.spancount{float:right;font-weight: bold;}
.spancolorlabel{float: left; text-align: left;}
.spancolorcount{display:inline;color:#0202FF;float:right;margin-right:5px;}
.spancolorcountzero{float:right;color:#C0C0C0;}
.spanlabel{float:left;font-weight: bold;}
.rowspacer{height:5px;margin:0;padding: 0;}
#SearchOptionsUL{display: table-row; width: auto; list-style-type: none;}
img.imageborder
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.9);
	height: auto;
	
}

@media screen and (orientation: portrait) {
  img.imageborder {
      max-width: 80%;
      height: auto;
  }
}

@media screen and (orientation: landscape) {
  img.imageborder {
      max-height: 80%;
      height: auto;
  }
}

/*PAGINATE
******************************************************************************************************************/
.page{padding-top: 8px; margin-left: 5px; margin-right: 5px; text-align:center;}
.paginate .current {background-color:#737373;}
.paginate { font-size: 14px;text-shadow: 0 1px 0 #F2F2F2;}
.paginate a:link {text-decoration:none;}
.paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px; border-radius:3px;}
.paginate a:hover, .paginate a:active {text-decoration:none;background:#ccc; color:#888; -moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;-khtml-border-radius: 3px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;  border-radius:3px;}
.paginate .title {color:#555; margin-right:4px;}
.paginate .gap {color:#999; margin-right:4px;}
.paginate .current {color:#fff; background:#CCCCCC; font-weight:bold; border:1px solid #89adcf; margin-right:4px; padding:3px 6px; -moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;-khtml-border-radius: 3px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;}
.paginate .page {}
.paginate .prev, .paginate .next {}

.ui-icon-filter:after {
    background-image: url("../css/images/icons-png/filter-white.png");
    /* Make your icon fit */
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 4px 3px;
}

.searchkeywordsFiltersCaption{font-weight: 100;}


.TheMainOptions {
    margin: 10px 0 10px 13%;
}

.TheMainOptions .ui-block-a,
.TheMainOptions .ui-block-c {
   text-align: center;	
   float: left;
   width: 50%;	
}

.TheMainOptions .ui-block-c,
.TheMainOptions .ui-block-b {
    text-align: center;
    float: left;
    width: 50%;
}

@media all and (min-width: 20em) {
	.TheMainOptions {
	    margin: 10px 0 10px 2%;
	}
	
	.TheMainOptions .ui-block-a,
	.TheMainOptions .ui-block-c {
	   text-align: center;	
	   float: left;
	   width: 50%;	
	}
	
	.TheMainOptions .ui-block-c,
	.TheMainOptions .ui-block-b {
	    text-align: center;
	    float: left;
	    width: 50%;
	}
}


@media all and (min-width: 22em) {
	.TheMainOptions {
	    margin: 10px 0 10px 5%;
	}
	
	.TheMainOptions .ui-block-a,
	.TheMainOptions .ui-block-c {
	   text-align: center;	
	   float: left;
	   width: 50%;	
	}
	
	.TheMainOptions .ui-block-c,
	.TheMainOptions .ui-block-b {
	    text-align: center;
	    float: left;
	    width: 50%;
	}
}

@media all and (min-width: 28em) {
	.TheMainOptions {
	    margin: 10px 0 10px 12%;
	}
	
	.TheMainOptions .ui-block-a,
	.TheMainOptions .ui-block-c {
	   text-align: center;	
	   float: left;
	   width: 50%;	
	}
	
	.TheMainOptions .ui-block-c,
	.TheMainOptions .ui-block-b {
	    text-align: center;
	    float: left;
	    width: 50%;
	}
}

@media all and (min-width: 37em) {
    .TheMainOptions {
       margin: 10px 10% 10px 15%;
    }

    .TheMainOptions .ui-block-a,
    .TheMainOptions .ui-block-b,
    .TheMainOptions .ui-block-c {
      float: left;
      width: 33%;
    }
  
}

table.inventoryhistorydata {
    border: none; 
    width: 100%;
}

table.inventoryhistorydata td:first-child {
    width: 40%;
    vertical-align: text-top;
}

table.inventoryhistorydata tr:first-child {
    font-weight: bold;
}

table.inventoryhistorydata-orange tr:first-child {
    color: #FFA500;	
}

table.inventoryhistorydata-lightblue tr:first-child {
    color: #4169E1	;	
}

table.inventoryhistorydata-darkblue tr:first-child {
    color: #000080;	
}

table.inventoryhistorydata-red tr:first-child {
    color: #FF0000;	
}

table.inventoryhistorydata-yellow tr:first-child {
    color: #FFFF00;
    text-shadow: 1px 1px rgb(128,128,128);
}

table.inventoryhistorydata-magenta tr:first-child {
    color: #FF00FF;	
}

table.inventoryhistorydata-black tr:first-child {
    color: #000000;	
}

table.inventoryhistorydata-green tr:first-child {
    color: #00de00;	
}

table.inventoryhistorydata-lightcyan tr:first-child {
    color: #0084ff;	
}


table.inventoryhistorydata td {
    vertical-align: text-top;
}

table.inventoryhistorydata td:nth-child(2) {
  width: 26%;
  text-align: right;
}

table.inventoryhistorydata td:nth-child(3) {
  width: 16%;
  text-align: right;
}

table.inventoryhistorydata td:nth-child(4) {
  width: 18%;
  text-align: right;
}

 .location-sizes-list {
      border-left: 1px solid #d6d6d6; /* non-RGBA fallback */
      border-top: 1px solid #d6d6d6; /* non-RGBA fallback */
      border-right: 1px solid #d6d6d6; /* non-RGBA fallback */
    }
    
    .location-sizes-list thead tr th {
        border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
        border-right: 1px solid #d6d6d6; /* non-RGBA fallback */
        padding:5px;
    }
    
    .location-sizes-list thead tr th {
        border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
        border-right: 1px solid #d6d6d6; /* non-RGBA fallback */
        padding:5px;
        text-align:center;
        color:#0202ff;
    }
    
   
    .location-sizes-list tbody tr th {
        border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
        border-right: 1px solid #d6d6d6; /* non-RGBA fallback */
        padding:5px;
        text-align:left;
    }

    .location-sizes-list tbody tr td {
        border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
        border-right: 1px solid #d6d6d6; /* non-RGBA fallback */
        padding:5px;
        text-align:right;
    }
    
     .location-sizes-list tbody tr td:last-child,  .location-sizes-list thead tr th:last-child {
        border-right:none;
        font-weight:bold;
     }
    
     .location-sizes-list tbody tr:nth-child(odd) {
        background-color: #eeeeee; /* non-RGBA fallback  */
    }
    
     .sizes-list {
      border: 1px solid #d6d6d6; /* non-RGBA fallback */
    }
    
    .sizes-list thead th,
    .sizes-list tbody tr:last-child {
        border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
        padding:5px;
    }
    .sizes-list thead th {
       border-left: 1px solid #d6d6d6; /* non-RGBA fallback */
       font-weight: normal;
       color:#0202ff;
    }
    
    .sizes-list thead th:first-child {
       border-left: none; /* non-RGBA fallback */
       text-align: left;
    }
    
    .sizes-list tbody,
    .sizes-list tbody td {
        border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
        text-align:right;
        padding:5px;
    }
    
    .sizes-list tbody th {
     text-align:left;
    }
     
    .sizes-list tbody td {
     border-left: 1px solid #e6e6e6; /* non-RGBA fallback  */
      text-align:right;
    }
    
    .sizes-list tbody tr:last-child th {
      border-left: 2px solid #006400;
      border-top: 2px solid #006400;
      border-bottom: 2px solid #006400;
      text-align:center;
      color:#800080;
    }
    .sizes-list tbody tr:last-child td {
      border-top: 2px solid #006400;
      border-bottom: 2px solid #006400;
    }
    
    .sizes-list tbody tr:last-child td:last-child {
      border-right: 2px solid #006400;
    }
    
     .sizes-list tbody tr td:last-child {
      font-weight:bold;
    }
    
     .sizes-list tbody tr:nth-child(6) th {
         border-bottom: 1px solid #d6d6d6;
         border-top: 1px solid #d6d6d6;
         padding:5px;
         color:#0202ff;
         font-weight:normal;
    }
    
    .sizes-list tbody tr:nth-child(odd) td {
        background-color: #eeeeee; /* non-RGBA fallback  */
    }
	
	#TopButtonHomeCategory {
        text-align:left;
		margin: 12px 10px;
    }
    
	 #AnalogClock {
      float: right;
	  margin-right: 8px;
	  z-index: 1001 !important;
    }
	
	#HeaderLogoAddress {
		text-align: center;
	}
	
	.HeaderAddress  {
		margin-top: 0;
		margin-bottom: 5px;
		text-align: center;
		font-family:arial, verdana, sans-serif;
		font-size: 14px;
	}
	
	.HeaderAddress2  {
		margin-top: -3px;
		margin-bottom: 3px;
		text-align: center;
		font-family:arial, verdana, sans-serif;
		font-size: 11px;
	}
	
	.ItemsInfoList {
		margin: 0; 
		text-align: center;
	}
	
	.ItemsInfoList > table {
		width:100%;
        border: 1px solid #ccc;
    	-webkit-border-radius: 5px;
	    border-radius: 5px;
	}
	
	.ItemsInfoList > table td:first-child {
		width: 11%;
		font-weight: bold;
		vertical-align: middle;
		background-color: #f6f6f6; 
	}
	
	.ItemsInfoList > table td {
		padding: 7px;
		vertical-align: top;
		border-bottom: 1px solid #E8E8E8;
		text-align: left;
	}
	
	.ItemsInfoList > table tr:last-child td {
		border: none;
	}
	
	.ItemsInfoDiscontinued {
       color: #ff0000;
	}
	
	.ItemsInfoTabsList {
		margin: 15px 10px 15px 10px;
		padding:0;
		overflow:hidden;
	}
	
	/***************************/
	/****** ITEMS LISTING ******/
    /***************************/
	
	.spanstylecount{float:right;  width: 210px; margin-right: 35px;}
    .ItemsListImageStatus > li#ItemsListIcons {display: inline; float: right; width: auto; margin-right: 25px;}
	.ItemsListImageStatus > li#ItemsListCount1 {display: inline; float: right; width: 210px; }
   
    .spanstylename{font-size: 14px;}
    .ItemsListImageStatus > li.ItemsListColor {font-size: 13px; float:left; margin-left: -5px; margin-top:-5px;}
	.spanstylecount{width: 160px;}
    .ItemsListImageStatus > li#ItemsListCount1 > span#thecolorstock{ font-size: 13px; margin-top: -4px; width: 50%; color: #333 /*#32CD32*/; float: left; text-align: right;}
	.ItemsListImageStatus > li#ItemsListCount1 > span#thecolorstockots{ font-size: 13px; margin-top: -4px; margin-right: -10px;  width: 50%; color: #333 /*#0202ff*/; float: right; text-align: right}
	.ItemsListImageStatus > li#ItemsListIcons > div { margin: -8px -4px -4px -4px; float: right; padding: 0; }
    .ItemsListImageStatus > li#ItemsListIcons > div > span.KisokIncStatus {font-size:12px;color: #000080;}
	
	.ItemsInfoListImg {margin: 20px; text-align: center;}
	.ItemsInfoListForm {margin: 20px 0 0 0;}
	.ItemsInfoListForm .ItemsInfoListFormInquire {float:left;padding: 0; margin: 15px 0 -10px 0;}
	.ItemsInfoListForm .ItemsInfoListFormCancel {padding: 0 0 0 10px; margin: 15px 0 0 0;float:left;}
	.ItemsBasicInfoList { margin: 12px 8px 10px 8px; padding:0; overflow:hidden; }
    .SearchColHeader1 {text-align:left;margin-top:-20px;color:#808080;float:right;margin-right: 34px;}
	.SearchColHeader2 {text-align:left;margin-top:-20px;color:#808080;float:right;margin-right: 150px;}
	#searchresultheader #SearchHeaderName { text-align:center; margin:5px -30px 20px 5px; }
	#searchresultheader {padding-left: 8px;}
	#searchresultheader > a { margin-left: 8px;}
  
    .ui-input-btn.ItemsSearchSubmitButton {color: #0202ff;}
	.ui-input-btn.ItemsSearchSubmitButton:hover {color: #0202ff;}
	
	@media screen and (max-width: 600px) {
    .ItemsListImageStatus > li#ItemsListIcons {width: auto; margin-right: 2px; padding: 0;}
	.ItemsListImageStatus > li#ItemsListCount1 {width: 190px; }
    .ItemsListImageStatus > li#ItemsListCount1 > span#thecolorstock{ margin-top: 0; }
	.ItemsListImageStatus > li#ItemsListCount1 > span#thecolorstockots{ margin-top: 0; }
    .SearchColHeader1 {text-align:left;margin-top:-20px;color:#808080;float:right;margin-right: 30px;}
	.SearchColHeader2 {text-align:left;margin-top:-20px;color:#808080;float:right;margin-right: 130px;}
	}
	
	@media screen and (max-width: 420px) {
    .ItemsListImageStatus > li#ItemsListIcons {width: auto; margin-right: 2px; margin-top: -2px; padding: 0;}
	.ItemsListImageStatus > li#ItemsListCount1 {width: 140px;}
	.ItemsListImageStatus > li#ItemsListCount1 > span#thecolorstock{ margin-top: -4px; }
	.ItemsListImageStatus > li#ItemsListCount1 > span#thecolorstockots{ margin-top: -4px; }
	.ItemsBasicInfoList { margin: 8px 4px 6px 4px; padding:0; overflow:hidden; }
	.SearchColHeader2 {margin-right: 100px;}
	.SearchColHeader1 {margin-right: 15px;}
	#searchresultheader #SearchHeaderName { text-align:left;margin:40px -30px 5px 5px; }
	#searchresultheader { padding: 10px;}
	#searchresultheader > a { margin-left: 2px;}
	}
	
	.spanstylecount > span#stylestockcount{width: 50%; color:#32CD32; float: left; text-align: right;}
    .spanstylecount > span#stylestockotscount{width: 50%; color:#0202FF; float: right; text-align: right;}
	.ItemsListImageStatus { width: inherit; list-style-type:none; margin: 2px 0 2px 0; padding: 0;}
	.ItemsListImageStatus > li {margin: -2px 5px -5px 1px; padding: 0;}
    .ItemsListImageStatus > li#ItemsListCount2 {display: inline; float: right;}
	
	.ItemsListStyleSpacing {margin: 0; padding: 0 12px;}
	.ItemsListStyleH2Spacing { margin: 2px 0 -4px 0; padding: 0;}
	
	.ItemsListStyleSpacingInActive { margin:0; padding: 0 12px;}
	.ItemsListStyleH2SpacingInActive { margin: 2px 0 -4px 0; padding: 0;}
	
	/***************************/
	/****** END ITEMS LISTING **/
    /***************************/

	#s_ots_min, #s_ots_max, #s_stock_min, #s_stock_max{ width: 100px;}
	div.floatleft{ float: left; margin: 0 10px 0 0; padding: 0; width: 100px;}
	div.floatleftnomargin{ float: left; margin: 0;  width: 100px; }
	div#ItemsSearchButton{ width: 100%; float: left; z-index: 1000; }
	div#SearchScreenSpacer{ margin-bottom: 20px; }
	
	.EISRowsData {
	  padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc;
	  font-size: 14px; 
	}
	
	.EISRowsDataThickBorder {
	  padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #ccc;
	}
	
	
	.EISRowsDataTotal {
	  padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #ccc;
	}
	
	.EISRowsDataNoOrder {
	   font-style: italic; padding-bottom: 8px; border-bottom: 2px solid #ccc;
	}
	
	.EISRowsData span {
		font-weight: bold; padding-right: 40px;
	}
	
	.EISRowsDataThickBorder span {
		font-weight: bold; padding-right: 40px;
	}
	
	.EISRowsDataThickBorder span.EISNoStyle {
		font-weight: normal; padding-right: 40px;
	}
	
	.EISRowsData span.EISNoStyle {
		font-weight: normal; padding-right: 40px;
	}
	
	.EISKioskTable td {
		background-color: transparent !important;
		border: none !important;
		width: 10%;
		padding: 3px !important;
	}
	
	.EISKioskTable td span.RefNumber {
	  font-weight:normal;
    }
	
	.BasicInfoTable td.EISKioskTableIncoming {
		color: #000080 !important;
	}
	
	.EISKioskTable td div {
		padding-left: 20px;
		font-weight: normal !important;
		text-align: right !important;
		width: 50px;
	}
	
	
    .EISKioskHeader	{
		font-size: 14px;
		font-weight: bold !important;
		background-color: #fff !important;
		border-bottom: 2px solid #ccc;
	}
	
	.EISKioskSend {
		font-size: 16px;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	    border: 1px solid #ccc;
		margin: 0 auto;
		padding: 15px;
		text-align:center;
		font-weight: bold;
	}
	
	.EISKioskSendSucess	{ color: #008000; }
 	.EISKioskSendError	{ color: #FF0000; }
	.BasicInfoTable td:firstchild  { vertical-align: middle !important; }
	.EmailInquiryField {padding:20px 0; font-weight:bold;}
	#ResetAllFilters a { margin: 20px 10px; color:#000080; text-decoration: underline;}
	
	.my-page-spacer{margin:20px;}
	a.spemailcontact{font-weight:normal !important;color:#222 !important;}
	a.spemailcontact:hover{text-decoration: underline !important;}