/* COLUMNS ********************************************************************/
.is3-col
{
}
#is3-col-left
{
padding: 0px 0px 0px 0px;
}
#is3-col-middle
{
float: left;
width: 700px;
padding: 0;
}
#is3-col-middle.full-width
{
width: auto;
}
#trade-fast-lines #is3-col-middle
{
width: 940px;
padding: 0;
}
#is3-col-right
{
float: right;
width: 220px;
}
/* ****************************************************************************/
/*
.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: 700px;
}
.is3-trade .trade-current-order #is3-sec-middle-right
{
float: left;
width: 940px;
}
.is3-trade .trade-current-order #is3-col-middle
{
width: 700px;
padding: 0px 20px 0px 0px;
}
/* ****************************************************************************/
#trade-current-order-lines #is3-sec-middle-right
{
width: 940px;
}
#trade-current-order-lines #is3-col-middle
{
width: 700px;
padding: 0px 20px 0px 0px;
}
/* ****************************************************************************/
/* Upper Middle Section, contains search box and progress bar *****************/
#is3-sec-middle-0
{
padding: 0px 40px 20px 40px;
}
/* ****************************************************************************/
#is3-sec-bottom-1-inner
{
margin-top: 20px;
padding: 20px 40px;
height: auto;
background-image: none;
}
#is3-sec-bottom-1-inner p
{
margin: 0;
}
/* Search Box *****************************************************************/
.trade-current-order #is3-cont-search
{
float: left;
}
/* Ordering Progress Bar ******************************************************/
#trade-current-order-progress-bar
{
float: left;
padding: 0px 0px 0px 30px;
}
#trade-current-order-progress-bar li
{
font-size: 1em;
font-weight: bold;
color: #ffffff;
text-align: center;
vertical-align: middle;
float: left;
margin: 0px 10px 0px 0px;
width: 100px;
line-height: 27px;
height: 27px;
background-image: url(../graphics/templates/amscanuk/icons/progress_norm_roll_button.png);
background-position: 0 27px;
}
#trade-current-order-progress-bar li.item-selected
{
background-position: 0px 0px;
}
#trade-current-order-success
{
font-size: 1.3em;
}
/* Action Buttons *************************************************************/
.trade-action-btn
{
float: left;
margin: 0px 20px 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;
line-height: 28px;
}
.trade-action-btn *
{
vertical-align: middle;
}
.trade-action-btn a
{
margin: 0px 5px 0px 0px;
color: #662483 !important;
font-weight: bold;
}
.trade-action-btn a:hover
{
color: #8772A1 !important;
font-weight: bold;
}
.trade-action-btn-proceed a
{
color: #2AA3DC;
}
.trade-action-btn-proceed a:hover
{
color: #999999;
}
.amscaninc-top-buttons .trade-action-btn
{
font-size: 16px;
}
.amscaninc-top-buttons a
{
color: #2AA3DC;
}
.amscaninc-top-buttons a:hover
{
color: #999999;
}
/* Content Blocks *************************************************************/
.trade-content-block-title
{
font-size: 1em;
font-weight: bold;
background-color: #d1bfdf;
color: #fff;
display: block;
/*width: 100%; IE 7 doesn't like this being set*/
padding: 3px 10px 3px 10px;
margin: 0px -10px 10px -10px;
}
.trade-content-block
{
padding: 0px 10px 10px 10px;
margin: 0px 0px 10px 0px;
background-color: #fff;
}
.trade-content-block h1
{
font-size: 22px;
line-height: 22px;
}
#is3-cont-main .trade-content-block
{
float: left;
min-width: 310px;
min-height: 60px;
}
.trade-current-order #is3-cont-main .trade-content-block
{
float: left;
min-width: 310px;
min-height: 60px;
}
#is3-cont-main .full-width.trade-content-block
{
width: 640px;
}
#is3-cont-right .trade-content-block
{
}
#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 ***************************************************************/
#trade-sec-top
{
margin: 0px 0px 15px 0px;
}
#trade-sec-top-action-btns
{
float: left;
margin: 15px 0px 0px 0px;
}
#trade-sec-top-total-summary
{
float: right;
border: 1px solid #d1bfdf;
padding: 5px 10px 5px 10px;
color: #662483;
font-size: 18px;
}
#trade-sec-top-total-summary table
{
margin-bottom: 0;
float: right;
}
#trade-sec-top-total-summary table th
{
text-align: right;
padding-right: 15px;
}
#trade-sec-top-total-summary table td
{
text-align: right;
}
/** MAIN ORDER LINE TABLE *****************************************************/
#datatable
{
font-size: 1em;
line-height: 1em;
/*
font-size: 12px;
line-height: 13px;
*/
width: 100%;
}
#datatable th
{
color: #fff;
background-color: #d1bfdf;
padding: 8px 0px 8px 10px;
}
#datatable td
{
padding: 0px 0px 0px 10px;
}
#datatable img.trade-ordering-thumbnail
{
border: 1px solid #cccccc;
padding: 0px;
margin: 10px;
}
#datatable .middle
{
text-align: center;
}
#datatable .right
{
text-align: right;
}
/** 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: 2px;
border-color: #2AA3DC;
background: #FFFFCC;
}
/** SHIPPING TABLE *********************************************************/
.shipHead
{
color: #ffffff;
background: #2AA3DC;
}
.shipA
{
background: #eeeeee;
}
/** FAST LINES ****************************************************************/
#trade-fast-lines #primary
{
float: right;
width: 280px;
}
#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: right;
height: 50px;
}
#print-btn
{
line-height: 45px;
width: 130px;
color: #fff;
font-size: 16px;
background-color: #a38bc1;
border-width: 0px;
padding: 5px;
margin: 0px 0px 0px 0px;
cursor: pointer;
vertical-align: top;
border: 2px solid #a38bc1;
}
#print-btn:hover
{
color: #662483;
background-color: #fff;
border: 2px solid #662483;
}
/** COMPLETE ORDER BUTTON *****************************************************/
#complete-order-btn-cont
{
float: right;
}
#complete-order-btn
{
width: 130px;
color: #fff;
font-size: 16px;
background-color: #a38bc1;
border-width: 0px;
padding: 5px;
margin: 5px 0px 0px 0px;
cursor: pointer;
vertical-align: top;
border: 2px solid #a38bc1;
}
#complete-order-btn:hover
{
color: #a38bc1;
background-color: #fff;
border: 2px solid #a38bc1;
}
/* TRADE LOGIN ****************************************************************/
#is3-page.trade-login
{
background-color: #FFF;
margin: 18% auto;
}
#is3-page.trade-login #is3-sec-top-1-logo
{
margin: -11% auto;
}
#is3-page.trade-login a:link,
button.link span {
color: #d1bfdf;
text-decoration: none;
}
#is3-page.trade-login a:visited {
color: #d1bfdf;
text-decoration: none;
}
#is3-page.trade-login a:hover
{
color: #662483;
}
.trade-login #is3-sec-top
{
height: 40px;
}
.trade-login #is3-sec-middle
{
min-height:0px;
width: 390px;
background-color: transparent;
margin: auto;
}
.trade-login #is3-sec-middle .center
{
text-align: -webkit-center;
text-align: -moz-center;
text-align: -o-center;
text-align: -ms-center;
}
.trade-login #is3-sec-middle .headings
{
margin-bottom: 30px;
}
.trade-login #is3-sec-middle h2
{
margin: 0;
clear: left;
}
.trade-login #is3-sec-middle input[type=text],
.trade-login #is3-sec-middle input[type=password],
.trade-login #is3-sec-middle input[type=email]
{
float: left;
width: 345px;
height: 30px;
margin: 5px 5px 10px 0;
padding: 0 5px;
border-width: 0px;
font-size: 14px;
color: #662483;
background-color: #d1bfdf;
}
.trade-external textarea
{
width: 256px;
max-width: 256px;
display: block;
border: none;
font-size: 14px;
font: 400 14.3333px Arial;
}
.trade-login #is3-sec-middle input[type="image"]
{
float: left;
margin-top: 5px;
}
.trade-login .forgot-password
{
margin-bottom: 4em; /* 18px */
}
.trade-login #is3-sec-bottom-1
{
margin: 60px 120px 0;
height: 20px;
background-image: none;
background-color: transparent;
}
.trade-login #is3-sec-bottom-1 li
{
float: left;
margin: 0 20px 0 0;
}
.trade-login #is3-sec-bottom-2
{
height: 40px;
margin: 20px 80px;
padding: 10px 40px;
color: #662483
}
.trade-login #is3-sec-bottom-2-copy,
#is3-page.trade-login #is3-sec-bottom-2-copy a:link
{
color: #662483;
}
#is3-page.trade-login #is3-sec-bottom-2-copy a:visited
{
color: #662483;
}
.trade-login #is3-intersell-logo a svg
{
fill: #662483;
}
.trade-login .need
{
width: auto;
height: auto;
margin: 0 auto;
}
.trade-login .need a
{
background-color: #662483;
color: #d1bfdf;
padding: 8px;
font-size: 23px;
font-weight: 600;
border: 2px solid #662483;
}
.trade-login .need a:hover
{
background-color: #d1bfdf;
color: #662483;
cursor: pointer;
border: 2px solid #d1bfdf;
}
/* TRADE EXTERNAL PAGES (FORGOTTEN PASSWORD ETC.) *****************************/
#is3-page.trade-external
{
background-color: #FFF;
margin: 0 auto;
margin-top: 17%;
}
#is3-page.trade-external #is3-sec-top-1-logo
{
margin: -9% auto;
}
#is3-page.trade-external.contact-us-form #is3-sec-top-1-logo,
.is3-trade.is3-trade2.trade-login #is3-page.trade-login #is3-sec-top-1-logo
{
margin: -9% auto;
}
#is3-page.trade-external a:link,
button.link span {
color: #d1bfdf;
text-decoration: none;
}
#is3-page.trade-external a:visited {
color: #d1bfdf;
text-decoration: none;
}
#is3-page.trade-external a:hover
{
color: #662483;
}
.trade-external #is3-sec-top
{
height: 40px;
}
.trade-external #is3-sec-middle
{
min-height:0px;
width: 760px;
background-color: transparent;
margin: auto;
padding-top: 45px;
}
.trade-external #is3-sec-middle .center
{
text-align: -webkit-center;
text-align: -moz-center;
text-align: -o-center;
text-align: -ms-center;
}
.trade-external #is3-sec-middle .headings
{
margin-bottom: 30px;
}
.trade-external #is3-sec-middle h2
{
margin: 0;
clear: left;
}
.trade-external .field-label
{
font-size: 14px;
color: #662483;
}
.trade-external #is3-sec-middle input[type=text],
.trade-external #is3-sec-middle input[type=password],
.trade-external #is3-sec-middle input[type=email]
{
float: left;
width: 330px;
height: 30px;
margin: 5px 5px 10px 0;
padding: 0 5px;
border-width: 0px;
font-size: 14px;
color: #662483;
background-color: #d1bfdf;
}
.trade-external #is3-sec-middle textarea
{
font-size: 14px;
color: #662483;
background-color: #d1bfdf;
}
.trade-external #is3-sec-middle input[type='radio']:after
{
width: 14px;
height: 14px;
left: -5px;
top: -1px;
position: relative;
background-color: #FFF;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #662483;
}
.trade-external #is3-sec-middle input[type='radio']:hover:after
{
background-color: #d1bfdf;
}
.trade-external #is3-sec-middle input[type='radio']:checked:after
{
width: 14px;
height: 14px;
left: -5px;
top: -1px;
position: relative;
background-color: #662483;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #662483;
}
.trade-external #is3-sec-middle .newsletter
{
margin-top: 10px;
}
.trade-external .contact-btn-link
{
background-color: #662483;
color: #FFF!important;
padding: 8px;
font-size: 15px;
}
.trade-external .contact-btn-link:hover
{
background-color: #FFF;
color: #662483!important;
cursor: pointer;
padding: 6px;
border: 2px solid #662483;
}
.trade-external #is3-sec-middle p
{
color: #662483;
}
.trade-external select
{
float: left;
width: 340px;
height: 32px;
margin: 5px 5px 10px 0px;
padding: 0 0 0 5px;
border-width: 0px;
font-size: 14px;
color: #662483;
background-color: #d1bfdf;
}
.trade-external #is3-sec-middle input[type="image"]
{
float: left;
margin-top: 5px;
}
.trade-external #is3-sec-middle input[type="submit"]
{
background-color: #662483;
color: #d1bfdf;
padding: 8px;
font-size: 23px;
font-weight: 600;
border: 2px solid #662483;
}
.trade-external #is3-sec-middle input[type="submit"]:hover
{
background-color: #d1bfdf;
color: #662483;
cursor: pointer;
border: 2px solid #d1bfdf;
}
.trade-external #is3-sec-bottom-1
{
margin: 0 120px 0;
height: 20px;
background-image: none;
background-color: transparent;
}
.trade-external #is3-sec-bottom-1 li
{
float: left;
margin: 0 20px 0 0;
}
.trade-external #is3-sec-bottom-2
{
height: 40px;
margin: 20px 80px;
padding: 0px 40px 10px 40px;
color: #662483
}
.trade-external #is3-sec-bottom-2-copy,
#is3-page.trade-external #is3-sec-bottom-2-copy a:link,
#is3-page.trade-external #is3-sec-bottom-2-copy a:visited
{
color: #662483;
}
.trade-external #is3-intersell-logo a svg
{
fill: #662483;
}
.change-password-hints {
background-color: #dbdee0;
padding: 20px 20px 10px 20px;
color: #0a1d3c;
}
.list-dot {
list-style-type: disc;
padding-left: 1.5em;
}
.list-circle {
list-style-type: circle;
padding-left: 2em;
}
.list-dot li, .list-circle li {
padding-left: 0.5em;
}
/* ****************************************************************************/
.purple
{
color: #2AA3DC;
}
#duplicate_email_warning {
width: 600px;
position: relative;
left: -200px;
margin-bottom:20px;
}
#duplicate_email_warning a {
color: inherit;
text-decoration: underline;
}
/*Wordlpay Clearwater Style to match Worldpay payment form*/
#worldpay-payment-form
{
width: 600px;
/* overflow: hidden; */
}
#wp-cw-input-container,
#worldpay_payment_section
{
width:600px;
background-color: #f0f2f5;
}
.wp-cw-input
{
padding: 8px 10px;
border: 1px solid #ccc;
font-size: 14px;
width: 250px;
}
#wp-cw-input-container label
{
width: 120px;
display: inline-block;
font-size: 14px;
padding: 10px 30px 10px 0px;
text-align: right;
color: #333;
}
#wp-cw-input-container p
{
padding:40px 0px 20px 10px;
margin:0;
color: #333;
}
#password-strength-meter
{
margin-left: 10px;
position: relative;
top: -5px;
}
.tooltip {
position: relative;
top:-5px;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip h4 {
font-size: 1.3em;
display: inline;
}
.tooltip .tooltiptext {
font-size:14px;
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;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.trade-current-order a {
color: #662483;
font-weight: bold;
}
.trade-current-order a:hover {
color: #8772A1;
}
.order-line-input {
width: 25px;
text-align: center;
border: 1px solid #b2b2b2;
}
.ui-widget-header,
.ui-state-default, .ui-widget-content .ui-state-default {
background: #d1bfdf !important;
border: 1px solid #d1bfdf !important;
}
.ui-widget-content {
border: 1px solid #d1bfdf !important;
}
.ui-datepicker .ui-datepicker-next-hover {
background: #d1bfdf !important;
border: 1px solid #d1bfdf !important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
color: #662483 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
color: #e17009 !important;
}
.is3-trade2 #is3-sec-bottom-1 {
background: none;
}
#is3-sec-bottom-1 #is3-sec-bottom-1-inner #is3-bottom-address-cont-2 {
display: inline-block;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(https://www.amscan.co.uk/trade/graphics/templates/amscanuk/icons/ui-icons_217bc0_256x240.png) !important;
}
.trade-current-order input[type="checkbox"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
background: #ffffff;
height: 16px;
width: 16px;
border: 1px solid #c1c0c0;
}
.trade-current-order input[type="checkbox"]:checked {
background: #ffffff;
}
.trade-current-order input[type="checkbox"]:hover {
filter: brightness(90%);
}
.trade-current-order input[type="checkbox"]:disabled {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.trade-current-order input[type="checkbox"]:after {
content: '';
position: relative;
left: 40%;
top: 20%;
width: 15%;
height: 40%;
border: solid #000000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
display: none;
}
.trade-current-order input[type="checkbox"]:checked:after {
display: block;
}
.trade-current-order input[type="checkbox"]:disabled:after {
border-color: #7b7b7b;
}
.trade-current-order #worldpay-payment-form input[type="checkbox"] {
vertical-align: middle;
margin-top: 0px;
}
.trade-external #password-reset-success-login-link,
.trade-login .is3-error a
{
color: #662483 !important;
text-decoration: underline !important;
}
.trade-external.contact-us-form a
{
color: #a38bc1 !important;
}
.trade-external.contact-us-form a:hover
{
text-decoration: underline !important;
}
.error-message-table{
background-color: white;
}
.error-message-table td{
padding-left:45px
}
#payment_form {
width:100%;
border:none;
height:700px;
}
.modal-body {
background:url('https://is3.d/nash/graphics/templates/nash/icons/loading.gif') center center no-repeat;
background-size: 30px 30px;
}
.hidden {
display:none;
}