body#wholesale { background-image: url(/images/whitebg.gif); }

/* Title Nav Control */
.titlenav{ float:left; width:557px; height:37px; margin:3px 0 0 0px; background-color:#ffffff;}
.titlenav .right {padding:5px 0  0 0; position:relative; left:8px;}
.titlenav .left {float:left;font-weight:bold; font-family:Arial; }
.titlenav .left .breadcrumbs{padding:2px 0 0 4px; width:266px; height:9px;color:#333333;margin-top:1px;}
.titlenav .left .titleheader{padding:3px 0 0 4px; width:350px; height:22px;color:#333333;font-size:18px;}

/* Global Offices Nav Control */
.globalofficesnav { float:right;width:210px;text-align:right;margin-right:13px;line-height:10px; font-weight:bold;}
.globalofficesnav .america { float:right; margin:0px;}
.globalofficesnav .america div {float:left;margin:0 0 0 3px; position:relative; top:-1px;}
.globalofficesnav .america img {float:left;margin:0 0 0 0px;border:0px;}
.globalofficesnav .offices { float:right;margin-top:8px;width:191px; }
.globalofficesnav .offices div {float:left; position:relative; left:1px;}
.globalofficesnav .offices img {float:left;border:0px;margin-left:5px;}

/* Product Pricing */
.productPrice{ width:557px;height:123px;clear:both;background-color:#EBE7E4;}
.productPrice .pbody { float:left; margin-bottom:2px; }
.productPrice .pside { width:140px; }
.productPrice .pmain { width:415px; float:right; }
.productPrice .pside .pmoney {width:140px;height:37px;}
.productPrice .pside .pmoney .currency
{ 
  width:137px;
  height:35px;
  padding:2px 0px 0px 3px;
}
.productPrice .pside .pmoney select
{ 
  width:140px;
  height:18px;
  border:#c7c2c0 1px solid;
}
.productPrice .pbody .psection
{
  float:left;
  border-bottom:#c7c2c0 1px solid;
  border-left:#c7c2c0 1px solid;
  text-align:center;
}
.productPrice .pbody .psection .item
{
  float:left;
  background-color:#ffffff;
  padding-top:1px;
  height:15px;
  border-top:#c7c2c0 1px solid;
  border-right:#c7c2c0 1px solid;
}
.productPrice .pbody .psection .item a{ font-weight:bold;}
.productPrice .pbody .psection .nav   { width:136px; padding-left:2px; text-align:left;}
.productPrice .pbody .psection .nl    { width:413px; padding:11px 0px 24px 0px;}
.productPrice .pbody .psection .w1    { width:413px; }
.productPrice .pbody .psection .w2    { width:206px; }
.productPrice .pbody .psection .w2x   { width:206px; }
.productPrice .pbody .psection .w3    { width:137px; }
.productPrice .pbody .psection .w3x   { width:137px; }
.productPrice .pbody .psection .w4    { width:102px; }
.productPrice .pbody .psection .w4x   { width:103px; }
.productPrice .pbody .psection .w6    { width:68px;  }
.productPrice .pbody .psection .w6x   { width:68px;  }


/* Generic */
#tabSelected { 
	padding:1px 0 3px 0; 
	background-color:#FFFFFF; 
	border-top: solid 1px #c7c2c0;
	border-left: solid 1px #c7c2c0;
	border-right: solid 1px #c7c2c0;
    border-bottom: none;
	font-weight: bold;
	color: #333333; 
	float:left; 
	margin-right:2px; 
	text-align:center
}
#tab { 
	padding:1px 0 2px 0; 
	background-color:#ebe7e4; 
	border:1px solid #c7c2c0; 
	float:left; 
	margin-right:2px; 
	text-align:center 
}
.redButton { 
	padding:2px 0 1px 0; 
	background-color:#5A5082; 
	border:0px; 
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-align:center 
}
.textbox { 
	padding:1px 0 0 3px; 
	border:1px solid #989898; 
	font:normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#333333;
	height:13px;
}
.textboxError
{
    padding: 1px 0 0 3px;
    border: 1px solid #993535;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
	height:13px;
}
.dropdown {
    padding:1px 0 0 3px; 
	border:1px solid #989898; 
	font:normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#333333;
}
.dropdownError {
    padding:1px 0 0 3px; 
	border:1px solid #993535; 
	font:normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#333333;
}
.skinnyButton { 
	padding:0px 0 0px 0; 
	background-color:#5A5082; 
	border:0px; 
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-align:center
}
#addressTab {
	border-top:1px solid #c7c2c0;
	border-left:1px solid #c7c2c0;
	border-right:1px solid #c7c2c0;
	background-color:#f7f5f4;
	font-weight:bold;
	padding:3px 0 3px 4px;
	width:171px
}
#addressFile {
	padding:8px 0 0 0;

}

/* Edit Open Order */
#orderHeading {
	float:left;
	padding:14px 0 4px 0px;
	border-bottom:1px solid #989898;
}
#rowGray {
	clear:both;
	width:551px;
	height:17px;
	background-color:#ebe7e4;
	padding:1px 0 0 4px;
}
#rowWhite {
	clear:both;
	width:551px;
	height:17px;
	background-color:#ffffff;
	padding:1px 0 0 4px;
}
.date {
	float:left;
	width:85px
}
.orderNum {
	float:left;
	width:279px
}
.poNum {
	float:left;
	width:114px
}
.orderQty {
	float:left;
	width:72px
}	

/* Preview Order */
#previewHeading {
	font:bold 12px Helvetica, Arial, sans-serif;
	border-bottom:1px solid #989898;
	padding-bottom:3px;
	float:left;
}
#styleNumber {
	float:left;
	width:53px;
	font-weight:bold
}
#styleName {
	float:left;
	width:143px
}
#size {
	float:left;
	width:44px
}
#color {
	float:left;
	width:61px
}
#quantity {
	float:left;
	width:46px
}
#priceType {
	float:left;
	width:81px
}
#itemCost {
	float:left;
	width:56px;
	padding-right:17px;
	text-align:right
}
#action {
	float:left;
	width:36px
}
#orderAction {
	border:1px solid #c7c2c0;
	font-weight:bold;
	background-color:#ebe7e4;
	padding:1px 0 0 4px;
	height:13px;
	width:171px;
	margin-bottom:5px
}

/* Review Order */
#reviewHeading {
	padding:3px 0 4px 0;
	float:left;
	border-bottom:1px solid #989898;
}
#reviewTable {
	padding:3px 0 4px 0;
	float:left; 
}

body#wholesale input 
{ 
    display: inline; 
}

/* Product Page Price/Inventory Matrix */
.matrixSize
{
    margin-top:1px; 
    font-weight:bold;
    margin-bottom:2px;
}
.matrixSizeBox
{
    float:left; 
    width:35px; 
    height:27px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    text-align:center;
    margin-bottom:1px;
    background-color:#ffffff;
}
.matrixPcsBox
{
    float:left; 
    width:44px; 
    height:13px; 
    border: none 1px #C7C2BF; 
    margin-right:1px; 
    margin-left:2px; 
    margin-top:2px;
    margin-bottom:1px;
    text-align:left;
}
.matrixCostBox
{
    float:left; 
    width:63px; 
    height:13px; 
    border: none 1px #C7C2BF; 
    margin-right:1px; 
    margin-left:2px; 
    margin-top:2px;
    text-align:left;
}
.matrixFirstCell
{
    float:left; 
    width:140px; 
    height:18px; 
    border: 0px solid #C7C2BF; 
    margin-right:2px
}
.colorSwatchBox
{
    float:left;margin: 3px 3px 0 0;border: solid 1px #C7C2BF;
}
.matrixColorBox
{
    clear:both; 
    float:left; 
    width:138px; 
    height:33px; 
    border: 1px solid #C7C2BF; 
    margin-right:2px; 
    margin-top:1px;
    margin-bottom:1px;
    cursor: hand;
    background-color:#ffffff;
}
.matrixColorImg
{
    border: solid 1px #C7C2BF; 
    width:25px; 
    height:25px; 
}
.matrixInventoryBox
{
    float:left; 
    width:37px; 
    height:33px; 
    border: solid 0px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    margin-bottom:1px;
    text-align:right;
}
.matrixInventoryUnavail
{
    padding-top: 2px;
    padding-right: 2px;
    height: 14px;
    border: solid 1px #C7C2BF;
    border-bottom-width: 0px;
    background-image: url(../images/bg_grayhash.gif);
}
.matrixInventoryAvail
{
    padding-top: 1px;
    padding-right: 2px;
    height: 15px;
    border: solid 1px #C7C2BF;
    border-bottom-width: 0px;
    color: #989898;
    background-color: #FFFFFF;
}
.matrixInventoryLimited
{
    padding-top: 1px;
    padding-right: 2px;
    height: 15px;
    border: solid 1px #C7C2BF;
    border-bottom-width: 0px;
    background-color: #F8EABB;
    color: #989898;
}
.matrixInventoryQuantity
{
    padding-top: 1px;
    padding-right: 1px;
    height: 15px;
    border: solid 1px #989898;
    background-color: #ECF2FA;
}
.matrixInventoryNoQuantity
{
    background-image: url(../images/bg_grayhash.gif);
    
    height: 16px;
    border: solid 1px #C7C2BF;
}
.matrixPcsRowTotal
{
    float:left; 
    width:40px; 
    height:22px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    margin-bottom:1px;
    margin-left:1px;
    text-align:right;
    padding-top: 11px;
    padding-right: 3px;
    font-weight: bold;
    background-color:#ffffff;
}
.matrixCostRowTotal
{
    float:left; 
    width:59px; 
    height:22px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    margin-bottom:1px;
    text-align:right;
    padding-top: 11px;
    padding-right: 3px;
    font-weight: bold;
    background-color:#ffffff;
}
.matrixCostTotal
{
    clear:both; 
    float:right; 
    width:59px; 
    height:22px; 
    border: solid 1px #C7C2BF; 
    margin-right:2px; 
    margin-top:1px; 
    text-align:right;
    padding-top: 11px;
    padding-right: 3px;
    font-weight: bold;
    background-color:#ffffff;
}
.matrixPcsTotal
{
    float:right; 
    width:40px; 
    height:22px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    text-align:right;
    padding-top: 11px;
    padding-right: 3px;
    font-weight: bold;
    background-color:#ffffff;
}
.matrixTotalText
{
    float:right; 
    margin: 12px 8px 0 0; 
    font-weight: bold;
}
.matrixInventoryNoLoginAvailBox
{
    float:left; 
    width:33px; 
    height:22px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    padding-right: 2px;
    padding-top: 11px;
    text-align:right;
    color: #989898;
    background-color:#ffffff;
}
.matrixInventoryNoLoginUnavailBox
{
    float:left; 
    width:35px; 
    height:33px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    text-align:right;
    background-image: url(../images/bg_grayhash.gif);
}
.matrixInventoryNoLoginLimitedBox
{
    float:left; 
    width:33px; 
    height:22px; 
    border: solid 1px #C7C2BF; 
    margin-right:1px; 
    margin-top:1px; 
    padding-right: 2px;
    padding-top: 11px;
    text-align:right;
    background-color: #F8EABB;
    color: #989898;
}
/* Auto Suggest CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#autosuggest{display: none;}
.suggestion_list{border-width:1px; border-style:solid; border-top-width:1px; padding: 0px 0px 0px 0px; z-index:50;}
.suggestion_list ul{padding: 0px; margin: 0px;list-style-type: none;}
.suggestion_list li{padding: 2px 4px 2px 4px;overflow:hidden; color:#333333;}
.suggestion_list li div{height:14px;overflow:hidden; color:#333333;}
.suggestion_list a{text-decoration: none;color:#333333;}
.suggestion_list .selected{background:#a3b6d4;color:#ffffff; font-weight:bold;}
.suggestion_list .selected a{color:#ffffff;}

.txtMasterSearch{background:#ecf2fa;border-color:#989898;width:205px;}
.txtMasterSearch a{color:#333333;}
.txtMasterSearch .selected{background:#a3b6d4;color:#ffffff; font-weight:bold;}
.txtMasterSearch .selected a{color:#ffffff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */