/* COLUMNS ********************************************************************/
.is3-col
{
}
#is3-col-left
{
padding: 0px 0px 0px 0px;
}
#is3-col-middle
{
float: left;
width: 700px;
padding: 0;
margin: 0px;
}
#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-cont-main
{
width: 700px;
font-size: 12px;
}
#is3-sec-middle
{
margin-top: 0px;
}
.is3-trade #is3-sec-middle-right
{
background-color: transparent;
}
.is3-trade #is3-sec-middle-right
{
float: right;
width: 720px;
margin: 20px 0px; 
}
.is3-trade .trade-current-order #is3-sec-middle-right
{
float: left;
width: 940px; 
padding: 0px 0px 20px 0px;
}
.is3-trade .trade-current-order #is3-col-middle
{
width: 700px;
padding: 0px 20px 0px 0px;
}
#is3-sec-middle-left
{
width: 220px;
}
#is3-sec-middle-right
{
width: 720px;
}
.is3-trade .trade-current-order #is3-sec-middle-right
{
float: left;
width: 940px; 
padding: 0px 0px 20px 0px;
}
.is3-trade .trade-current-order #is3-col-middle
{
width: 700px;
padding: 0px 20px 0px 0px;
}
.trade-current-order #is3-cont-main .trade-content-block
{
float: left;
}
.is3-trade .trade-current-order #is3-sec-middle-right
{
float: left;
width: 940px; 
padding: 0px 0px 20px 0px;
}
.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;
}
/* 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: #FFF;
text-align: center;
vertical-align: middle;
float: left;
margin: 0px 10px 0px 0px;
width: 100px;
line-height: 26px;
height: 27px;
background-image: url(../graphics/templates/culinary_concepts/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;
}
#trade-current-order-success h1
{
color: #000;
}
/* 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: #000;
}
.trade-action-btn-proceed a
{
color: #000;
}
.trade-action-btn-proceed a:hover
{
color: #b59365;
}
.culinary_concepts-top-buttons .trade-action-btn
{
font-size: 16px;
}
.culinary_concepts-top-buttons a
{
color: #000;
}
.culinary_concepts-top-buttons a:hover
{
color: #b59365;
}
/* Content Blocks *************************************************************/
.trade-content-block-title
{
font-size: 12px;
font-weight: bold;
background-color: #000;
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;
font-size: 12px;	
float: left;
/* min-width: 100px; */
}
#is3-cont-main
{
width: 680px;
margin-right: 10px;
color: ; 
}
#is3-cont-main .copy
{
font-size: 14px;
}
#is3-cont-right
{
/* border: 1px solid orange; */
color: ;
}
#is3-cont-right .trade-content-block
{
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #000;
width: 194px;
}
#is3-cont-right .trade-content-block .body10
{
font-size: 12px;	
}
.trade-content-block.error .trade-content-block-title
{
background-color: #f00;
}
.trade-content-block p a
{
text-decoration: underline;
}
/** WARNINGS ************************************************************/
#trade-order-warnings
{
background-color: #FFFFCC;
padding: 10px 20px 10px 10px;
}
#trade-order-warnings li,
{
font-size: 12px;
line-height: 15px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 23px;
background: transparent url(../graphics/templates/culinary_concepts/icons/alert.png) no-repeat;
}
#trade-order-warnings li.checkmark,
{
background: transparent url(../graphics/templates/culinary_concepts/icons/tcik.png) no-repeat;
}
#trade-order-alert,
#trade-order-affirmation
{
float: left; 
width: 700px; 
padding: 0px;
margin: 10px 0px 6px 0px; 
color: #FFF;  
font-size: 1.3em;
font-weight: bold;
background-color: #41A317;  
}
/*
#trade-order-alert
{
background-color: #FFFF00;  
}
#trade-order-affirmation
{
background-color: ;  
}
*/
ul#trade-order-alert li,
ul#trade-order-affirmation li
{
list-style-type: disc;	
list-style: disc inside;
margin: 10px 0px 10px 40px;    
font-size: 0.85em;
}
.is3-warning li
{
font-size: 12px;
color: red;
}
/** SECTION TOP ***************************************************************/
#trade-sec-top
{
/* margin: 20px 0px; */
padding: 20px 0px;
}
#trade-sec-top-action-btns
{
float: left;
margin: 15px 0px 0px 0px;
}
#trade-sec-top-total-summary
{
float: right;
border: 1px solid ;  
padding: 10px 20px 10px 20px;
color: ;  
font-size: 12px;
font-weight: bold;
}
#trade-sec-top-total-summary span.summary-amount
{
font-size: 20px;
}
#trade-sec-top-total-summary span.amount-suffix
{
color: #CDCCCC;
margin-left: 5px;  
}
/** MAIN ORDER LINE TABLE *****************************************************/
#datatable
{
width: 100%;
font-size: 12px;
}
#datatable th
{
color: #FFF;
background-color: #000;
padding: 8px 0px 8px 10px;
font-size: 11px;
line-height: 11px;
}
#datatable td
{
padding: 0px 0px 0px 10px;
}
#datatable img.trade-ordering-thumbnail
{
border: 1px solid #CDCCCC;
padding: 0px;
margin: 10px;
}
#datatable .middle
{
text-align: center;
}
#datatable .right
{
text-align: right;
}
/** ORDER LIST TABLE **********************************************************/
table#trade-order-list
{
font-size: 14px;
width: 710px;
}
table#trade-order-list td
{
padding: 5px 10px 5px 10px;
}
table#trade-order-list a
{
color: #000;
}
table#trade-order-list a:hover
{
color: #b59365;
}
/** 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: #000;
background: #FFF;
}
/** FAST LINES ****************************************************************/
#trade-fast-lines #is3-cont-main
{
width: 860px;
}
#trade-fast-line-button
{
margin: 20px 0px 30px 11px;
}
#trade-fast-lines #primary
{
float: right;
width: 270px;
}
#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: right;
width: 550px;
margin-right: 20px;
}
#trade-fast-lines #secondary h1
{
font-size: 16px;	
}
#trade-fast-lines #secondary,
#trade-fast-lines #secondary p,
#trade-fast-lines #secondary ul, 
#trade-fast-lines #secondary li
{
font-size: 13px;	
}
#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
{
height: 40px;
float: right;
margin-right: 10px;
}
#print-btn
{
display: block;
height: 31px;
width: 101px;
background-image: url(../graphics/templates/culinary_concepts/buttons/print_this_page_down.jpg);
background-repeat: no-repeat;
}
#print-btn:hover
{
background-image: url(../graphics/templates/culinary_concepts/buttons/print_this_page.jpg);
background-repeat: no-repeat;
}
/** COMPLETE ORDER BUTTON *****************************************************/
#complete-order-btn-cont
{
float: right;
}
#complete-order-btn
{
width: 150px;
color:  #FFF;
font-size: 16px;  
background-color: #41A317;
border-width: 0px;
padding: 5px;
margin: 5px 0px 0px 0px;  
cursor: pointer;
vertical-align: top;
border: 2px solid #41A317;
}
#complete-order-btn:hover
{
color: #fff;	
background-color: #41A317;
border: 2px solid #000;
}
/** AMSCAN INC CUSTOM ORDER HISTORY SECTION ***********************************/
table#culinary_concepts-order-history
{
font-size: 13px;
width: 960px;
}
table#culinary_concepts-order-history th
{
color: #000;
background-color: #782B90;
font-weight: bold;
padding: 4px;
font-size: 12px;
border-style: solid;
border-color: #782B90;
border-width: 1px 0px 1px 0px;  
}
table#culinary_concepts-order-history td
{
padding: 4px;
}
table#culinary_concepts-order-history
{
background-color: #f2fafd;	
}
table#culinary_concepts-order-history .alt
{
background-color: #e5f5fc;	
}
table#culinary_concepts-order-history a
{ 
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #777;
}
table#culinary_concepts-order-history a:hover
{
border-color: #782B90;
}
table#culinary_concepts-order-history .highlight,
table#culinary_concepts-order-history .highlight a
{
color: #782B90;
background-color: #FFFDCA;
}
table#culinary_concepts-order-history th.highlight 
{
border-style: solid;
border-color: #782B90;
border-width: 1px 1px 0px 1px;
}
table#culinary_concepts-order-history td.highlight 
{
border-style: solid;
border-color: #782B90;
border-width: 0px 1px 1px 1px;
}
#trade-login
{
padding: 20px 20px 0px 20px;	
width: 940px;
min-height: 696px;
background-color: #000;
/*background-color: rgb(18, 35, 61);*/
color: #FFF;
}
#trade-login-box
{
position: relative;
/* bottom: 115px; */
left: 330px;
padding: 0px;
margin: 0px;    
width: 450px;
height: 180px;
}
#trade-login-message
{
position: relative;
/* bottom: 115px; */
left: 250px;
padding: 0px;
margin: 0px;
width: 450px;
}
#trade-login-message p
{
padding: 5px 0px;
margin: 4px 0px 3px 0px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#trade-login-box p
{
padding: 5px 0px;
margin: 4px 0px 3px 0px;
font-size: 16px;
font-weight: bold;
}
#trade-login-box h1
{
color: ;
}
#trade-login-box #trade-login-username
{
border: 0 none;
display: block;
float: left;
height: 20px;
padding: 5px 4px;
width: 310px;
margin-bottom: 5px;
font-size: 16px;
}
#trade-login-box #trade-login-password
{
border: 0 none;
display: block;
float: left;
height: 20px;
padding: 5px 4px;
width: 310px;
font-size: 16px;
}
#trade-login-box #trade-login-go-button
{
position: absolute;
bottom: 46px;
left: 335px;
border: 1px solid #FFF;
line-height: 40px;
}
ul#trade-login-forgotten
{
color: #b59365;
line-height: 20px;
margin: 6px 0px 0px 0px;
list-style-position: inside;
list-style-type: disc;
}
ul#trade-login-forgotten a
{
line-height: 20px;
color: #b59365;
}
ul#trade-login-forgotten a:hover
{
color: #FFF;
}
ul#trade-login-warnings
{
color: #FFF;
line-height: 20px;
margin: 4px 0px 0px 0px;
}
#trade-login-grey-bar
{
width: 980px;
height: 40px;
/*background-color: #635A53;*/
background-color: #b59365;
float: left;
}
#trade-login-grey-bar a
{
float: left;
margin: 10px 0px 0px 40px;
font-size: 14px;	
}
#trade-login form
{
width: 650px;
margin-bottom: 30px;
}
#trade-login h1
{
color: #FFF;
font-size: 20px; 
}
#trade-login td
{
width: 150px;
height: 30px;
}
#trade-login #is3-sec-top-1
{
background-color: #000;
}
#trade-login #is3-sec-top-1-logo
{
margin: 10px 0px 0px 60px;
}
#trade-login #is3-sec-top-1-main-logo
{
margin: 20px 0px 0px 0px;
}
#trade-login #is3-sec-top-1-right
{
margin: 0px 20px 0px 0px;
}
#trade-login #is3-sec-top-1-right p
{
font-size: 16px;
text-align: center;
padding: 10px 25px;
min-width: 160px;
float: right;
border: 1px solid #FFF;	
}
#trade-login #is3-sec-top-1-right p a:hover,
#trade-login-grey-bar a:hover
{
color: #CDCCCC;	
}
ul#trade-login-images li
{
float: left;
display: inline;
list-style-type: none;
padding: 0px;
margin-left: 20px;
}
ul#trade-login-images li.first
{
margin-left: 12px;
}
#trade-login p.trade-login-title
{
font-size: 24px;
text-align: center; 
margin: 25px 0px;
}
#is3-sec-bottom-2.bottom
{
width: 900px;
margin: 20px 0px 0px 40px;
}
/* ****************************************************************************/
#trade-footer-top-bar
{
background-color: #b59365;
}
#trade-footer-nav
{
height: 40px;
padding-top: 20px;
background-color:  #000;
}
#trade-footer-nav ul li
{
display: inline;
list-style-type: none;
padding-left: 20px;
}
#trade-footer-nav ul li a:hover
{
color: #b59365;
}
#amscaninc-side-nav a
{
display: block;
width: 153px;
height: 14px;
background-image: url(../graphics/templates/culinary_concepts/buttons/long_lozange_goldblue.png);	
background-position: 0 23px;
color: #FFF;
line-height: 15px;
margin-bottom: 3px;
}
#amscaninc-side-nav a:hover
{
height: 14px;
background-image: url(../graphics/templates/culinary_concepts/buttons/long_lozange_goldblue.png);	
background-position: 0 0px;
}
#amscaninc-side-nav a.is3-nav-side-item-selected
{
background-image: url(../graphics/templates/culinary_concepts/buttons/long_lozange_goldblue.png);	
background-position: 0 0px;
margin-bottom: 3px;
}
#is3-cont-main p
{
font-size: 12px;
}
.body14
{
font-size: 14px;
}
.body16
{
font-size: 16px;
}
#is3-cont-main h1
{
color: #000;
}
/* TRADE EXTERNAL PAGES (FORGOTTEN PASSWORD ETC.) *****************************/
body.trade-external
{
background-color: #FFF;
/* background-image: url(https://www.culinaryconceptsliving.com/graphics/templates/culinary_concepts/backgrounds/master_bkgrd_pattern.png);*/
}
body.trade-external h1,
body.trade-external,
.is3-trade h1
{
color: #fff;
}
#is3-page.trade-external
{
background-color: #000;
width: 980px;
}
.trade-external #is3-sec-top
{
/* height: 40px; */
}
.trade-external #is3-sec-top-1
{
width: 980px;
}
.trade-external #is3-sec-middle
{
width: 700px;
background-color: transparent;
padding: 0px 140px 0 140px;
color: #FFF;
min-height: 160px;
}
.trade-external #is3-sec-middle h2
{
margin: 0;
clear: left;
}
.trade-external .field-label
{
font-size: 12px;
width: 160px;
/* color: #00A5EA;
font-family: 'Terminal Dosis', sans-serif; */
font-weight: normal;
}
.trade-external #is3-sec-middle input[type=text],
.trade-external #is3-sec-middle input[type=password]
{
float: left;
width: 200px;	
height: 30px;
margin: 5px 5px 10px 10px;
padding: 0 5px;
border-width: 0px;
font-size: 14px;
color: ;  
/*
background-color: transparent;
background-image: url(https://www.culinaryconceptsliving.com/trade/graphics/templates/amscanuk/backgrounds/login_white_box.png);
background-repeat: no-repeat;
*/  	
}
.trade-external #is3-sec-middle textarea
{
float: left;
width: 200px;	
height: 90px;
margin: 5px 5px 10px 10px;
padding: 5px 5px;
border-width: 0px;
font-size: 14px;
color: ;  
font-size: 13px;
}
.trade-external #is3-sec-middle input[type="image"]
{
float: left;
margin-top: 4px;
}
.trade-external #is3-sec-bottom-1
{
padding: 20px 20px 30px 20px;
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-1 li.need
{
float: right;
margin: 0;
font-family: 'Terminal Dosis', sans-serif;
font-weight: normal;
font-size: 18px;
color: #fff;	
}
.trade-external #is3-sec-bottom-2
{
margin: 0;
padding: 15px 40px;
height: 40px;	
}
.mandatory_field
{
color: red;
}
.cc_order_lines_msg
{
width: 620px;
margin-top: 10px;
float: left;
clear: left;
}
.cc-red
{
color: red;
}
.trade-external #is3-sec-top-1
{
margin-left:0;
}
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;
}
.change-password #password-strength-table-cell {
width: 200px;
}
.change-password #trade-order-warnings {
width: 550px;
}