/*****************************************************
  Product Accessories Pop-up specifications
******************************************************/
.product-accs-popup
{
    width: 820px;
	height: 650px;
	overflow: hidden;
	background-color: White;
	padding: 5px;
}

.accs-one-product-frame
{
	padding: 2px;
	border: 1px solid silver;
	overflow-y: auto;
	position: relative;
	height: 520px;
	vertical-align: bottom;
	width: 787px;
}


.accs-one-product-innerframe
{
	width: 770px;
}


.accs-sect-title
{
	margin-top: 8px !important;
}


.accs-sect-add
{
	top: 9px;
	vertical-align: bottom;
	position: absolute;
	text-align: right;
	width: 99%;
	z-index: 99;
}

.accs-prod-desc
{
	color: #000;
	display: inline-block;
	font-size: 9pt;  /*WCAG : was 12px*/
	margin: 0 0 1px;
	padding: 0;
	vertical-align: middle;
	font-weight: bold;
}

#multi-product-accs-right .accs-prod-desc
{
	margin-left: 14px;
	width: 600px;
}

.multi-prod-accs-close
{
	float: right;
	text-align: right;
	left: 17px;
	position: relative;
	width: 18%;
	
}

/*****************************************************
  Multiple Product Accessories Pop-up specifications
******************************************************/
.multi-product-accs-popup
{
	width : 929px;
	height : 654px;
	overflow : hidden;
	background-color : White;
}

#one-product-accs-container
{
	position : absolute;
	width : 790px;
	height : 630px;
	margin : 5px;	
}
 
#multi-product-accs-container
{
	position : absolute;
	width : 917px;
	height : 642px;
	margin : 5px;	
}

#multi-product-accs-close, #one-product-accs-close
{
	position: absolute; 
	top: 5px; 
	right: 5px;
}

#multi-product-accs-header
{
	width : 99%;
	height : 50px;
}

#checkout #switch .multi-product-accs-header
{
    height: 30px;
}

 #one-product-accs-header
 {
 	width : 95%;
 	height : 50px;
 }
 
/*
.multi-product-accs-valid-msg
{
	position : relative;
	top : 5px;
	left : 160px;
	width : 600px;
}*/

/*somehow top adjustment for IE9 is not the same
as the other browser */
:root #multi-product-accs-left
{
	top : 14px;
}

#multi-product-accs-left
{
	position : relative;
	float:left;
	width: 16%;
	height : 574px;
	
	top : 16px;
	
	background-image : url('../images/gradienthorizontal.jpg');
	background-position : top right;
	background-repeat : repeat-y;
}

#multi-product-accs-right
{
	float: left;
	width : 84%;
	height : 588px;
}

#checkout #switch .section-product-accs-left
{
	position : relative;
	float:left;
	width: 16%;
	height : 574px;
	
	top : 16px;
	
	background-image : url('../images/gradienthorizontal.jpg');
	background-position : top right;
	background-repeat : repeat-y;
}

#checkout #switch .section-product-accs-right
{
	float: left;
	width : 84%;
	height : 588px;
}


.accs-multi-product-frame
{
	padding : 2px;
	border : 1px solid silver;
	overflow-y : auto;
	position : relative;
	height : 568px; 
	vertical-align : bottom;
	width : 99%; 
}

.accs-multi-product-innerframe
{
	position : absolute;
	width : 97%; 
}


/*****************************************************
  Multiple Product Accessories 
  Left Panel Menu  specifications
******************************************************/

.tab-unselected
{ 
    padding : 4px 0px 4px 11px;
    color: Black;
    text-align : left;
    font-size : 8pt;  /*WCAG : was 10px*/
	border-collapse : separate;
	margin : 0px;
	/*margin-right : 1px;*/
	border-left : 5px none;
	cursor : pointer !important;
	border-bottom : 1px solid silver;
}

.tab-unselected:hover a 
{
	text-decoration : underline !important;
 }
  
.tab-selected 
{
    padding : 3px 2px 3px 6px;
    color: Black;
    text-align : left;
    border-collapse : separate;
    border-left : 5px solid #CC0000;
    border-top : 1px solid silver;
    border-bottom : 1px solid silver;
    margin-right : -2px;
    background-image : url('../images/gradientvertical.jpg');
	background-repeat : repeat-x;    
	background-position : bottom left;
	font-size : 8pt;  /*WCAG : was 10px*/
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

.vertical-tabs-hdr
{
	text-align :left;
	border : 1px solid silver;
	color : Black;
	margin-right : -2px;
	margin-top : -1px;
	padding : 3px 3px 3px 11px;
	font-size : 8pt;  /*WCAG : was 10px*/
	font-family : Verdana, Arial, Helvetica, sans-serif;
}


.vertical-tabs a
{
	text-decoration : none;
	color : Black;
	
}

.vertical-tabs-nolink
{
    text-decoration : none !important;
}


.vertical-tabs-nolink:hover
{
    text-decoration : underline !important;
}

.navigation-button
{
	text-align : center;
} 


 .vertical-tabs 
 {
	width : 100%;
/*	background-image : url('../images/gradienthorizontal.jpg');
	background-position : top right;
	background-repeat : repeat-y;
*/
	
  }
 
/**************************************************
  
	Authorized Items User Control 
	

**************************************************/

.authItem-grid-list
{
	height : 260px;
	border : 1px solid #eaeaea; 
	width : 566px; 
	overflow-y : auto;
	overflow-x : auto;
}


.authItem-grid-list-account
{
	height : 260px;
	border : 1px solid #eaeaea; 
	width : 100%; 
	overflow-y : auto;
	overflow-x : auto;
}

.authItem-left
{
	width : 564px; 
	height : 260px;
}

.authItem-right
{
	width : 175px;
	height : 260px;
}

.authItem-right > div
{
	height : 100%; 
	top: 0px; 
	position : relative;
}

.authItem-right > div input
{
	position : absolute;
	left : 0px;
	
}

.authItem-titles-font-color
{
    color: #000000;
}

.authItem-headers-font-color
{
    color: #ffffff;
}

.authItem-mid
{
    top : 0px;
	width: 15px; 
	height : 260px;
	vertical-align : middle; 
	text-align:center;
}

.authItem-sort-hdr
{
	*padding-bottom : 10px;
  	*margin-bottom : 10px;
}

/**************************************************
  
	Shared Credit Card List Control for Buyers
	

**************************************************/

.shared-cc-ccvid
{
	display : none;
}


.shared-cc-holder-type
{
	display : none;
}

.shared-cc-firstname
{
	width : 33%;
	text-align : left;
}

.shared-cc-lastname
{
	width : 33%;
	text-align : left;
}

.shared-cc-logonname
{
	width : 33%;
	text-align : left;
}


/**************************************************
  
	Shared Credit Card List Control for Accounts
	

**************************************************/


.shared-cc-clientno
{
	/*width : 12%;*/
	text-align : left;
	padding-left : 4px;
	white-space: nowrap;
}

.shared-cc-shipName
{
	/*width : 15%;*/
	text-align : left;
	padding-left : 4px;
	white-space: nowrap;
}

.shared-cc-costCtr
{
	/*width : 15%;*/
	text-align : left;
	padding-left : 4px;
	white-space: nowrap;
}

.shared-cc-shipContact
{
	/*width : 15%;*/
	text-align : left;
	padding-left : 4px;
	white-space: nowrap;
}

.shared-cc-shipAdd1
{
	display : none;
}

.shared-cc-shipAdd2
{
	display : none;
}

.shared-cc-shipAdd3
{
	display : none;
}

.shared-cc-pcode
{
	display : none;
}

.shared-cc-addressInfo
{
	/*width : 43%;*/
	text-align : left;
	padding-left : 4px;
	white-space: nowrap;
}
 

/*****************************************************
  Shared Credit Card Selection Pop-up specifications
******************************************************/
.shared-cc-popup
{
	width : 802px;
	height : 639px;
	overflow : hidden;
	background-color : White;
	padding : 5px;
}



/******************************************************
	Group Order Listing Control
*******************************************************/

 .group-order-list
{
	border : 1px solid #333;
	overflow-y: auto;
	overflow-x : hidden;
	
}


 .group-order-list-inner-table
{
	width : 860px;
	overflow-y: hidden;
	
}

/* Serves to align on the right a left-justified header*/
.go-list-innerhdr
{
    text-align : left; 
    float : right;
    font-weight: bold;
}

.go-list-grouporderid-hdr
{
	display : none;
	width : 0px;
	padding : 0px;
}

.go-list-grouporderid-item
{
	display : none;
	width : 0px;
	padding : 0px;
}

.go-list-grouporderstatus-hdr
{
	display : none;
	width : 0px;
	padding : 0px;
}

.go-list-grouporderstatus-item
{
	display : none;
	width : 0px;
	padding : 0px;
}

.go-list-grouporderno-hdr
{
	text-align : left;
	width : 90px;
	vertical-align : bottom;
	/*padding-left : 2px !important;*/
	padding : 0px;
	font-weight: bold;
}

.go-list-grouporderno-item
{
	text-align : left;
	width : 90px;
	padding : 0px;
}

.go-list-description-hdr
{
	text-align : left;	
	vertical-align : bottom !important;
	width : 105px;
	padding : 0px;
	font-weight: bold;
}

.go-list-description-item
{
	text-align : left;
	width : 105px;
	padding : 0px;
}

.go-list-desc-inneritem
{
	text-overflow: ellipsis;
	width : 95px;
	white-space: nowrap;
	overflow : hidden;
}

.go-list-go-status-hdr
{
	text-align : left;	
	vertical-align : bottom !important;
	width : 75px;
	padding : 0px 0px 0px 11px;
	font-weight: bold;
}

.go-list-go-status-item
{
	text-align : left;
	width : 89px;
	padding : 0px;
}

.go-list-go-status-inneritem
{
	text-overflow: ellipsis;
	width : 89px;
	white-space: normal;
	overflow : hidden;
}

.go-list-accountno-hdr
{
	text-align : left;
	vertical-align : bottom !important;
	width : 70px;
	padding : 0px;
	font-weight: bold;
}

.go-list-accountno-item
{
	text-align : left;
	width : 70px;
	padding : 0px;
}

.go-list-costcenter-hdr
{
	text-align : left;
	vertical-align : bottom !important;
	width : 180px;
	padding : 0 0 0 10px !important;
	font-weight: bold;
}

.go-list-costcenter-item
{
	width : 180px;
	padding : 0 0 0 10px !important;
}

.go-list-createddate-hdr
{
	text-align : left;
	vertical-align : bottom !important;
	width : 80px;
	padding : 0px;
	font-weight: bold;
}

.go-list-createddate-item
{
	text-align : right;
	
	width : 90px;
	padding : 0px;
}

.go-list-replydate-hdr
{
	text-align : left;
	vertical-align : bottom !important;
	width : 90px;
	padding : 0px;
	font-weight: bold;
}

.go-list-replydate-item
{
	text-align : right;
	width : 90px;
	padding : 0px;
}

.go-list-nbrinvitees-hdr
{
	text-align : right !important;
	vertical-align : bottom !important;
	width : 70px;
	padding : 0px;
	font-weight: bold;
}

.go-list-nbrinvitees-item
{
	text-align : right;
	width : 65px;
	padding : 0px;
}

.go-list-nbrreplies-hdr
{
	text-align : right !important;
	vertical-align : bottom !important;
	width : 63px;
	padding : 0px;
	font-weight: bold;
}

.go-list-nbrreplies-item
{
	text-align : right;
	width : 65px;
	padding : 0px 15px 0px 0px;
}


.go-list-nbrnew-hdr, .go-list-nbrnew-item, 
.go-list-nbrremind-hdr, .go-list-nbrremind-item
{
	display : none;
}

.go-list-add-btn
{
	position : relative;
	margin-top : 0px;
	top : -2px;
	left : 20px;
	width : 108px;	
	
}

.go-list-edit-btn
{
	position : relative;
	width : 108px;
	left : 20px;	
	float : left;
}

.go-list-view-btn
{
	position : relative;
	left : 20px;	
	width : 108px;	
}

.go-list-del-btn
{
	position : relative;
	left : 20px;	
	width : 108px;	
}


.go-list-view-process-btn
{
	position : relative;
	margin-bottom : 0px;
	left : 20px;	
	bottom : 0px;
	width : 108px;
}


/******************************************************
	Group Order Manage Invitations control
*******************************************************/

.go-manage-inv
{
	border : 1px solid #333;
	overflow-y: auto;
}

.go-maninv-invid-item
{
	display : none;
}

.go-maninv-fullname-item
{
	padding-left : 5px;
	text-align : left;
	width : 330px;
	
}

.go-maninv-fullname-inneritem
{
	text-overflow: ellipsis;
	width : 320px;
	white-space: nowrap;
	overflow : hidden;
}

.go-maninv-email-item-fr
{
	text-align : left;
	width : 335px;
	
}

.go-maninv-email-inneritem-fr
{
	text-overflow: ellipsis;
	width : 325px;
	white-space: nowrap;
	overflow : hidden;
}

.go-maninv-email-item-en
{
	text-align : left;
	width : 390px;
	
}

.go-maninv-email-inneritem-en
{
	text-overflow: ellipsis;
	width : 380px;
	white-space: nowrap;
	overflow : hidden;
}

.go-maninv-status-item-en
{
	text-align : left;
	width : 100px;
}

.go-maninv-status-item-fr
{
	text-align : left;
	width : 135px;
}
.go-maninv-statusint-item
{
	display : none;
}

.go-maninv-add-btn
{
	position : relative;
	margin-top : 0px;
	top : -2px;
	left : 15px;
	width : 113px;	
	
}

.go-maninv-del-btn
{
	position : relative;
	left : 15px;	
	width : 113px;	
}


.go-maninv-send-btn
{
	position : relative;
	margin-bottom : 0px;
	left : 15px;	
	bottom : 0px;
	width : 113px;
}

.goi-individual-added
{
	margin-left : 18px;
	text-overflow: ellipsis;
	width : 600px;
	white-space: nowrap;
	overflow : hidden;
}

.go-maninv-addgroup-btn
{
	position : relative;
	left : 15px;	
	width : 113px;	
}




/******************************************************
	Group Order Manage Group / Group Members
*******************************************************/

.go-manage-members
{
	border : 1px solid #333;
	overflow-y: auto;
}

.go-memb-gmid-item
{
	display : none;
}

.go-memb-fullname-item
{
	padding-left : 5px;
	text-align : left;
	width : 340px;
}

.go-memb-fullname-inneritem
{
	text-overflow: ellipsis;
	width : 330px;
	white-space: nowrap;
	overflow : hidden;
}

.go-memb-email-item
{
	text-align : left;
	width : 308px;
	
}

.go-memb-email-inneritem
{
	text-overflow: ellipsis;
	width : 298px;
	white-space: nowrap;
	overflow : hidden;
}



.go-memb-add-btn
{
	position : relative;
	margin-top : 0px;
	top : -2px;
	left : 15px;
	width : 113px;	
	
}

.go-memb-del-btn
{
	position : relative;
	left : 15px;	
	width : 113px;	
}


/******************************************************
	Group Order View Replies
*******************************************************/

.go-viewreplies-btn-header 
{
    text-align: left;
}

.go-viewreplies-display 
{
    width: 985px;
}

.go-viewreplies-btn-space
{
    margin-right: 10px !important;
}

.go-viewreplies-GroupPart-PageHeader
{
    font-family: Verdana;
    font-size: 20px;
    color: #616161; /* Grey */
    text-align: justify left;
    font-weight: bold;
}

.go-viewreplies-PgHead-Table
{
    font-family: Verdana;
    font-size: 12px;
    color: White;
    width: 100%;
    font-weight: bold;
}

.go-viewreplies-FromPageTo-Table
{
    font-family: Verdana;
    font-size: 12px;
    color: White;
    width: 100%; 
    border-collapse: separate;
    border-spacing: 1px;
    border-top-color: Red;
	border: 1px solid #808080;
	border-bottom: none;
	font-weight: bold;
}


.go-viewrep-Text-Left
{
    float: left;
}

.go-viewrep-Text-Right
{
    float: right;
}


.go-viewrep-Text-Pad
{
    padding: 4px 5px;
}

.go-viewrep-FromPageOfLine
{
    width: 100%;
    background: transparent url('../Images/Backgroud_blue.jpg') repeat-x 0;
    color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
}

.go-viewrep-BorderSeparate
{
    border-collapse: separate;
}

/******************************************************
	Group Order Process
*******************************************************/

.go-process-btn-header 
{
    text-align: left;
}
.go-process-status-item-en
{
	text-align : right;
	width : 130px;
}

.go-process-selected-btn
{
	position : relative;
	margin-top : 0px;
	top : -2px;
	left : 20px;
	width : 115px;	
	
}

.go-process-all-btn
{
	position : relative;
	width : 115px;
	left : 20px;	
	float : left;
}

.go-process-status-item-fr
{
	text-align : right;
	width : 195px;
}
.go-process-display 
{
    margin: 5px 0px !important;
    padding: 0px !important;
}

.go-process-GroupPart-PageHeader
{
    font-family: Verdana;
    font-size: 20px;
    color: #616161; /* Grey */
    text-align: justify left;
    font-weight: bold;
}

.go-process-PgHead-Table
{
    font-family: Verdana;
    font-size: 12px;
    color: White;
    width: 100%;
    font-weight: bold;
}

.go-process-FromPageTo-Table
{
    font-family: Verdana;
    font-size: 12px;
    color: White;
    width: 100%; 
    border-collapse: separate;
    border-spacing: 1px;
    border-top-color: Red;
	border: 1px solid #808080;
	border-bottom: none;
	font-weight: bold;
}


.go-process-Text-Left
{
    float: left;
}

.go-process-Text-Right
{
    float: right;
}


.go-process-Text-Pad
{
    padding: 4px 5px;
}

.go-process-FromPageOfLine
{
    width: 100%;
    background: transparent url('../Images/Backgroud_blue.jpg') repeat-x 0;
    color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
}

.go-process-BorderSeparate
{
    border-collapse: separate;
}

.go-process-top-label-width
{
    color: black;
    width: 300px;
    display : inline-block;
}

.go-process-top-label-right
{
	color: black;
    text-align: right;
}


/******************************************************
	Custom Periods Grid View
*******************************************************/



.datetimepickerreadonly
{
	font: 11px Verdana, Arial, Helvetica, sans-serif !important; 
	border : none;
	color : Black;
	background-color : transparent;
	font-weight: bold;
}

.popup-customperiod
{
	background-color: #FFF;
    border: 1px solid #808080;
    padding: 0;
    position: relative;
    /*overflow: visible !important;*/
	width : 470px;
	height : 370px;
}

.cp-popup-title
{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 20px;
	color : #004AB2;
	padding-left : 5px;
	font-weight: bold;
	
}

.cp-popup-title-width
{
    width:375px !important;
}

.cp-popup-title-width-narrow
{
    width:360px !important;
}

.cp-popup-row
{
	background-color : #EAEFEE;
	font: 11px Verdana, Arial, Helvetica, sans-serif !important; 
	height : 30px;	
	font-weight: bold;
}

.cp-popup-alt-row
{
	background-color : White;
	font: 11px Verdana, Arial, Helvetica, sans-serif !important; 
	height : 30px;	
	font-weight: bold;
}

.cp-popup-hdr-row
{
	font: 11px Verdana, Arial, Helvetica, sans-serif !important; 
	background-color : #004AB2;
	color : White;
	height : 30px;	
	font-weight: bold;
}

.cp-popup-hdr-row th, .cp-popup-row td, .cp-popup-alt-row td
{
	border-style : none;
}


.cp-popup-row td input[type="image"], .cp-popup-alt-row td input[type="image"]
{
    width: 80%;
    height: auto;
}

.cp-popup-row-image td input[type="image"], .cp-popup-alt-row-image td input[type="image"]
{
    width: auto !important;
    height: auto !important;
}

.cp-periodnbr-hdr
{
	width : 80px;
	padding-left : 5px;
	text-align : left;
}

.cp-periodnbr-col
{
	
	width : 80px;
	padding-left : 10px;
	text-align : left;
}

.cp-startdate-hdr
{
	width : 120px;
	text-align : left;
	padding-left : 10px;
}

.cp-startdate-col
{
	text-align : left;
	width : 120px;
	padding-left : 10px;
}

.cp-enddate-hdr
{
	width : 120px;
	text-align : left;
	padding-left : 10px;
}

.cp-enddate-col
{
	width : 120px;
	text-align : left;
	padding-left : 10px;
}

.cp-length-hdr
{
	
	width : 120px;
	text-align : center;
	padding-right : 20px;
}

.cp-length-col
{
	
	width : 120px;
	text-align : center;
	padding-right : 20px;
}

.cp-footer
{
	background-color : #EAEFEE;
	width : 100%;
	line-height : 40px;
	text-align : right;
	float : right;
	vertical-align : middle;
}

.cp-footer-background
{
	background-color : #FFFFFF !important;
}

.ModalBackground-grp-cp
{
	background-color : rgb(136,136,135);
	background-color : rgba(128,128,128, 0.8);
	/*background-color: #808080; 
	filter:alpha(opacity=70);
	opacity:0.7;*/
}


/* Pre Search Filter control */

table.mylist input 
{      
    width: 15px;      
    display: block;      
    float: left;  
}   
table.mylist label 
{       
    display: block;      
    float: left; 
    padding-top: 3px;
}

@font-face {
  font-family: "Entypo";
  src: url('../fonts/entypo-webfont.eot');
  src: url('../fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
       /*url('../../../fonts/entypo-webfont.woff') format('woff'),*/
       url('../fonts/entypo-webfont.ttf') format('truetype'),
       url('../fonts/entypo-webfont.svg#entypo') format('svg');
  font-weight: normal; font-style: normal;
}

div#divUnitSellingPrice {
   float:left;
}

div#lnkPriceHolder {
   float:left;
}

div#divOnSalePrice {
    float: left;
    padding: 0px 0px 0px 5px;
    text-decoration: none;
    font-size: 16px;
}


span.etp-info-circled {
    text-decoration : none;
    padding: 0px 0px 0px 5px;
}

span.etp-info-circled:hover{
    cursor : pointer;
}
[class*="etp-"]:before {
  font-family: "Entypo";
	speak: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
   color : #666666;
}

.etp-info-circled:before { content: "\e705"; } /* '\e705' */