/* COLUMNS ********************************************************************/
.is3-col
{
}
#is3-col-left
{
padding: 0px 0px 0px 0px;
}
#is3-col-middle
{
float: left;
width: 660px;
padding: 0;
}
#is3-sec-middle-right #is3-col-middle
{
float: left;
}
#is3-col-middle.full-width
{
width: auto;
}
#trade-fast-lines #is3-col-middle
{
width: 940px;
padding: 0;
}
#is3-col-right
{
float: right;
width: 254px;
}
/* ****************************************************************************/
/*
.is3-trade #is3-sec-middle-right
{
float: right;
width: 705px; }
html>body.is3-trade #is3-sec-middle-right
{
width: 745px; }
*/
/* SECTIONS *******************************************************************/
.is3-trade #is3-sec-middle-right
{
float: right;
width: 620px;
margin-right:50px;
}
.is3-trade .trade-current-order #is3-sec-middle-right
{
float: left;
width: 940px; 
}
.is3-trade .trade-current-order #is3-col-middle
{
width: 665px;
padding: 0px 20px 0px 0px;
}
.is3-trade .trade-current-order #is3-col-middle-order-table
{
float:left;
width: 648px;
padding: 0px 20px 0px 0px;
}
.is3-trade #is3-sec-middle-right-password
{
float: right;
width: 705px; }
.is3-trade #is3-sec-middle-right-forgotten
{
float: right;
width: 705px; }
.is3-trade #is3-sec-middle-right-success
{
float: right;
width: 705px; }
/* ****************************************************************************/
.trade-current-order #is3-sec-middle
{
background-image:none;
}
#trade-current-order-lines #is3-sec-middle-right
{
width: 940px;
}
#is3-col-middle-account{
margin: -40px 0 0 60px;
max-width: 700px;
}
#is3-col-middle-account-history{
margin: -100px 0 0 60px;
max-width: 700px;
}
#trade-current-order-lines #is3-col-middle
{
width: 665px;
padding: 0px 20px 0px 0px;
}
/* ****************************************************************************/
/* Upper Middle Section, contains search box and progress bar *****************/
#is3-sec-middle-0
{
padding: 0px 40px 20px 40px;
}
/* Search Box *****************************************************************/
.trade-current-order #is3-cont-search
{
float: left;
}
/* Ordering Progress Bar ******************************************************/
#trade-current-order-progress-bar
{
float: left;
padding: 0px 0px 0px 135px;
}
#trade-current-order-progress-bar li
{
padding: 0 0 0 10px;
font-size: 1em;
font-weight: bold;
color: #ffffff;
text-align: left;
vertical-align: middle;
float: left;
margin: 0px 10px 0px 0px;
width: 90px;
line-height: 26px;
height: 27px;
background-image: url(../graphics/templates/palgrave/icons/progress_norm_roll_button.png);
background-position: 0 0px;
}
#trade-current-order-progress-bar li.item-selected
{
background-position: 0px 27px;
}
#trade-current-order-success
{
font-size: 1.3em;
}
/* Action Buttons *************************************************************/
.trade-action-btn
{
float: left;
margin: 0px 30px 0px 0px;
}
.trade-action-btn.reversed
{
float: right;
margin: 0px 0px 0px 20px;	
}
.trade-action-btn.reversed span.trade-action-btn-img
{
float: right;
margin: 0px 0px 0px 5px;
}
.trade-action-btn.reversed span.trade-action-btn-label
{
float: right;
}	
.trade-action-btn-label{
font-family: helvetica, arial, sans-serif;
font-size:14px;
color:#636D71;
float:left;
margin-top:8px;
}
.trade-action-btn-label-two-lines{
font-family: helvetica, arial, sans-serif;
font-size:14px;
width:50px;
color:#636D71;
float:left;
margin-top:3px;
line-height:1.0em;
}
.trade-action-btn *
{ 
vertical-align: middle;
}
.trade-action-btn a
{
font-family: helvetica, arial, sans-serif;
font-size:12px;
color:#636D71;
margin: 0px 5px 0px 0px;
text-transform:uppercase;
float:left;
}
.trade-action-btn-proceed a
{
color: #782b90;
}
.trade-action-btn-proceed a:hover
{
color: #99999;
}
.amscaninc-top-buttons .trade-action-btn
{
font-size: 16px;
}
.amscaninc-top-buttons a
{
color:#636D71;
}
.amscaninc-top-buttons a:hover
{
color: #999999;
}
/* Content Blocks *************************************************************/
.trade-content-block-title
{
font-size:10px;
text-transform:uppercase;
color: #fff;
display: block;
/*width: 100%; IE 7 doesn't like this being set*/
padding: 8px 10px 2px 10px;
margin: 0 -10px 10px -10px;
background-color:#636D71;
min-height:18px;
}
.save-button{
margin-left:10px;
}
.trade-content-block
{
padding: 0px 10px 10px 10px;
margin: 0px 0px 10px 0px;		
background-color:#FFF;
position:relative;
}
.trade-content-block input{
float:left;
}
#is3-cont-main .trade-content-block
{
float: left;
min-width: 305px;
min-height: 60px;
}
.trade-current-order #is3-cont-main .trade-content-block
{
float: left;
min-width: 312px;
min-height: 60px;
}
#is3-cont-main .full-width.trade-content-block   
{
width: 642px;
}
#is3-cont-right .trade-content-block
{
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #ccc;
}
#is3-cont-right .trade-content-block .body10
{
font-size: 10px;	
}
.trade-content-block.error .trade-content-block-title
{
background-color: #f00;
}
.trade-content-block p a
{
text-decoration: underline;
}
/** SECTION TOP ***************************************************************/
#is3-col-middle-account-history #trade-sec-top
{
margin:0 52px -75px 0;
}
#trade-sec-top-action-btns
{
float: left;
margin: 17px 0px 0px 0;
}
#trade-sec-top-total-summary
{ 
min-width:137px;
min-height:46px;
float: right;
border: 1px solid #D4D4D4;
margin-top:2px;
padding: 10px 10px 5px 15px;
color: #000000;
font-size: 13px;
margin-bottom:10px;
text-transform:uppercase;
}
.item-selected{
}
/** MAIN ORDER LINE TABLE *****************************************************/
#datatable
{
font-size: 1em;
line-height: 1em;
/*
font-size: 12px;
line-height: 13px;
*/	
width: 100%;
margin-bottom: 10px;
}
.product-description{
font-size:9px;
color:#636D71;
}
.order-big-currency{
font-size:26px;
font-weight:bold;
padding-top:6px; 
float:left;
}
.order-summary-vat-text{
font-size:11px;
display:inline;
float:left;
margin-top:10px;
margin-left:5px;
color:#CBCBCB;
}
.order-product-code{
padding-left:30px;
}
.product-description{
padding:0 0 0 10px !important;
}
.product-description-history{
padding:0px 0px 0px 20px !important;
line-height:1.0em
}
.no-style-link{
text-decoration:none;
color:black;
}
#datatable th
{
font-family: helvetica, arial, sans-serif;
font-size:9px;
text-align:center;
color: #fff;
background-color: black;
padding: 8px 10px 8px 10px;
}
#datatable td
{
color:#000;
}
.order-input{
padding-top:3px !important;
}
#datatable img.trade-ordering-thumbnail
{
border: 1px solid #cccccc;
padding: 0px;
margin: 7px 10px 10px 10px;
}
#datatable .middle
{
text-align: center;
}
#datatable .right
{
text-align: right;
}
#datatable-history th
{
font-family: helvetica, arial, sans-serif;
font-size:9px;
text-align:center;
color: #fff;
background-color: black;
padding: 2px 10px 2px 10px;
line-height:1.2em ! important;
height:32px;
}
#datatable-history td
{
color:#000;
font-family: helvetica, arial, sans-serif;
font-size:11px;
}
.order-input{
padding-top:3px !important;
}
#datatable-history img.trade-ordering-thumbnail
{
border: 1px solid #cccccc;
padding: 0px;
margin: 7px 10px 10px 10px;
}
#datatable-history .middle
{
text-align: center;
}
#datatable-history .right
{
text-align: right;
}
.order-invoice-heading{
font-size:12px;
}
/** ORDER LIST TABLE **********************************************************/
table#trade-order-list
{
font-size: 14px;
}
table#trade-order-list td
{
padding: 5px 10px 5px 10px;
}
/** AI CALENDAR STYLES ********************************************************/
#ui-datepicker-div
{
font-size: 16px;	
}
th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
display: none;
}
td.ui-datepicker-current-day a.ui-state-default.ui-state-active
{
border-width: 1px;
border-color: #B5121B;
background: #006BB5;
color: #FFF;
}
/** FAST LINES ****************************************************************/
#trade-fast-lines #primary
{  
float: right;
width: 280px;
}
.fastline-order{
margin: 0 0px 6px 20px;
height:40px;
}
.fastline-order-header, .fastline-order-review{
margin: 0px 0px 6px 20px;
height:40px;
}
.stockcode{
width:100px;
height:21px;
margin-left:10px;
}
.qty{
width:80px;
height:21px;
}
.stockcode-text{
padding:0 0 5px 10px;
font-size:11px;
}
.stockcode-text1{
padding-left:0 0 3px 15px;
font-size:11px;
}
.order-button-move{
padding-left:10px;
}
#trade-fast-lines textarea
{
margin: 5px 0px 20px 0px;
}
#trade-fast-lines h1
{
margin: 0px 0px 15px 0px;
font-size: 24px;
}
/*
#trade-fast-lines p,
#trade-fast-lines ol,
#trade-fast-lines li,
#trade-fast-lines strong
{
font-size: 12px;	
}
*/
#trade-fast-lines #secondary
{
float: left;
width: 600px;
}
#trade-fast-lines #secondary,
#trade-fast-lines #secondary p,
#trade-fast-lines #secondary ul, 
#trade-fast-lines #secondary li
{
font-size: 14px;	
}
#trade-fast-lines #secondary ol,
#trade-fast-lines #secondary ul
{
margin: 0px 0px 20px 25px;
}
#trade-fast-lines #secondary ol li
{
list-style-type: decimal;
margin: 2px 0px 2px 0px;  
}
#trade-fast-lines #secondary ul li
{
list-style-type: disc;	
margin: 2px 0px 2px 0px;    
font-size: 0.85em;
line-height: 1.2em;
}
#trade-fast-lines #secondary img
{
margin: 0px 0px 20px 20px;
}
/** PRINT BUTTON **************************************************************/
#print-btn-cont
{
text-align: left;
height: 48px;
position:relative;
}
#print-btn-cont a
{
margin-left:95px;
float:right;
}
#print-btn
{
width: 90px;
color: #fff;
font-size: 12px; 
background-image: url(../graphics/templates/palgrave/icons/print-this-page-norm.png); no-repeat;
border-width: 0px;
border:2px solid;
border-radius:5px;
padding: 5px;
margin: 0px 30px 10px 0px;  
cursor: pointer;
vertical-align: top;
height:20px;
}
#print-btn:hover
{
background-image: url(../graphics/templates/palgrave/icons/print-this-page-roll.png); no-repeat;
}
#print-btn:hover
{
}
/** COMPLETE ORDER BUTTON *****************************************************/
#complete-order-btn-cont
{
float: right;
clear: both;
}
#complete-order-btn
{
width: 140px;
color: #fff;
font-size: 16px;  
background-color: #636D71;
border-width: 0px;
padding: 5px;
margin: 5px 0px 0px 0px;  
cursor: pointer;
vertical-align: top;
border: 2px solid #636D71;
}
#complete-order-btn:hover
{
color: #fff;	
background-color: #000;
border: 2px solid #000;
}
/** AMSCAN INC CUSTOM ORDER HISTORY SECTION ***********************************/
table#amscaninc-order-history
{
font-size: 13px;
width: 960px;
}
table#amscaninc-order-history th
{
color: #fff;
background-color: #782B90;
font-weight: bold;
padding: 4px;
font-size: 12px;
border-style: solid;
border-color: #782B90;
border-width: 1px 0px 1px 0px;  
}
table#amscaninc-order-history td
{
padding: 4px;
}
table#amscaninc-order-history
{
background-color: #f2fafd;	
}
table#amscaninc-order-history .alt
{
background-color: #e5f5fc;	
}
table#amscaninc-order-history a
{ 
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #777;
}
table#amscaninc-order-history a:hover
{
border-color: #782B90;
}
table#amscaninc-order-history .highlight,
table#amscaninc-order-history .highlight a
{
color: #782B90;
background-color: #FFFDCA;
}
table#amscaninc-order-history th.highlight 
{
border-style: solid;
border-color: #782B90;
border-width: 1px 1px 0px 1px;
}
table#amscaninc-order-history td.highlight 
{
border-style: solid;
border-color: #782B90;
border-width: 0px 1px 1px 1px;
}
/* TRADE LOGIN ****************************************************************/
.trade-login #is3-sec-middle
{
padding-bottom: 50px;
}
.trade-login #is3-col-middle
{
width: 580px;
}
.trade-login #is3-col-middle table td
{
padding: 2px 5px;
}
/* ****************************************************************************/
.purple
{
color: #636D71;
}
.is3-warning,
.is3-error
{
background-color: #F4E705;
background-image: url(https://www.palgraveimport.co.uk/trade/graphics/templates/palgrave/icons/icon_warning_transparent.gif);
background-repeat: no-repeat;
background-position: 10px 50%;  
padding: 15px 20px 15px 50px; 
max-height:130px;
}
.is3-warning,
.is3-error,
.is3-warning li,
.is3-error li
{
font-size: 14px;
margin: 0px 0px 5px 0px;
}
.is3-checkmark
{
background-color: #BBDE99;
background-image: url(https://www.palgraveimport.co.uk/trade/graphics/templates/palgrave/icons/icon_completed_transparent.gif);
background-repeat: no-repeat;
background-position: 10px 50%;  
padding: 15px 20px 15px 50px; 
max-height:10px;
}
.is3-checkmark,
.is3-checkmark li
{
color: ;
font-size: 14px;
margin: 0px 0px 5px 0px;
}
.pricedebug{
font-family: helvetica, arial, sans-serif;
font-size:12px;
line-height:1.3em;
}
#datatable-history{
margin:0 0 0 0 !important;
}
#is3-col-middle-account-history #print-btn{
float:right !important;
margin-left:550px !important;
position:absolute !important;
}
.forgot_password{
}
.order-amount-before, .order-amount-after{
font-family:helvetica, arial, sans-serif;
font-size:13px; 
display:inline;
font-weight:bold;
}
.order-amount-before{
}
.order-amount-after{
font-size: 15px;
}
.fastline-submit{
margin-right:20px;
}
.shipping-message{
font-size:10px !important;
font-family:helvetica, arial, sans-serif;
width: 280px;
}
.hidden-counter{
visibility:hidden:
}
.payment-total-text{
font-family:helvetica, arial, sans-serif;
font-weight:bold;
font-size: 1.3em;
float:left;
}
.is3-nav-top-item-last .basket-image
{
height: 9px !important;
}
.is3-nav-top-item-last .basket-image span
{
padding-top:5px !important;
}
meter {
margin: 0 auto 0.3em;
width: 100%;
height: 1em;
position: relative;
/*top: -6px;*/
background: none;
background-color: rgba(0, 0, 0, 0.1);
display: block;
}
meter::-webkit-meter-bar {
background: none;
background-color: rgba(0, 0, 0, 0.1);
}
meter > div {
height: 100%;
}
meter[value="1"] > div {
width: 25%;
background: red;
}
meter[value="2"] > div {
width: 50%;
background: yellow;
}
meter[value="3"] > div {
width: 75%;
background: orange;
}
meter[value="4"] > div {
width: 100%;
background: green;
}
#is3_password_strength_container {
position: relative;
width: 450px;
}
.change-password .tooltip-inner {
max-width: 250px;
width: 250px;
}
.change-password #is3_password_strength_tooltip {
position: absolute;
top: 6px;
right: 10px;
color: black;
line-height: 25px;
}
.change-password .tooltip-custom {
position: relative;
top:-5px;
display: inline-block;
border-bottom: 1px dotted black;
margin-left: 5px;
}
.change-password .tooltip-custom h4 {
font-size: 11px;
display: inline;
text-transform: none;
color: inherit;
font-family: inherit;
}
.change-password .tooltip-custom .tooltiptext {
font-size:13px;
visibility: hidden;
width: 300px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -150px;
opacity: 0;
transition: opacity 1s;
line-height: 24px;
}
.change-password .tooltip-custom .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.change-password .tooltip-custom:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
#change-password-secure-meter {
/*width: 457px;*/
/*margin-left: 5px;*/
height: 12px;
}
.change-password #change-password-secure-meter span {
text-transform: none !important;
}
.change-password #NewPassword {
margin-bottom: 0px;
}
.change-password #new-password-label {
top: -2px;
position: relative;
}
#change-password-table input {
width: 180px;
}