a[href^=tel], a[href^=mailto] { color:white; text-decoration:none; border-bottom:1px solid white; } * { -webkit-font-smoothing: antialiased; } .unselectable { -webkit-user-select: none; user-select:none; } body { background-color:white; padding:0px; margin:0px; height:100%; font-family:Raleway, Verdana, Arial; font-size:14px; color:#123A54; -webkit-text-size-adjust: 100%; } td { font: normal 11px sans-serif; color:#123A54; text-align:left; vertical-align:top;color:#123A54 } img { margin:0px; padding:0px; border:0px none } ul { margin:0px; padding-left:30px; list-style-type:disc; } li { margin:0px; padding-bottom:5px; color:#457597; } button { font:bold 12px sans-serif; -webkit-user-select: none; } form { margin:0px; padding:0px; } a { -webkit-user-select: none; } div, td { touch-action: manipulation; } /* prevents zoom on double click */ div.mobile_hi { position:absolute; width:50vw; top:20px; margin-left:20vw; } div.mobile_hi * { color:white; font-size:6px; } /* product title: blue, red */ span.ptbb { color:#64AAEC; } span.ptred { color:#ee2222; } span.ptsmall { font-size:80%; color:#607384; } /* NEW STYLES 2020, some from website */ button.init { display:inline-block; white-space:nowrap; text-decoration:none; outline:0; text-align:center; vertical-align:middle; } button.iibutton { position:relative; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; border:2px solid #CBE7FF; color:#4499E8; background-color:white; padding:5px 20px 5px 20px; border-radius:6px; } button.iibutton:active { background-color:#83BBEF; color:white; } div.signinprod { color:#83BBEF; border:2px solid #CAE1F0; display:inline-block; border-radius:50%; margin-right:5px; width:48px; height:48px; float:right; margin-top:25px; } div.signinprod span { line-height:100%; display:inline-block; text-align:center; position:relative; top:48%; left:50%; transform: translate(-50%,-50%); } div.signinprod:active { background-color:#83BBEF; color:white; } /* BUTTONS */ div._buttonblue_ { display:inline-block; padding:5px 15px 7px 15px; background-color:#83BBEF; color:white; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; } div._smallblue_ { display:inline-block; padding:5px 15px 7px 15px; background-color:#83BBEF; color:white; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; } div._smallred_ { display:inline-block; padding:8px 20px 10px 20px; background-color:#F85F5F; color:white; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; } div._smallred_:active { background-color:#BB0000; } div._cartblue_ { display:inline-block; padding:4px 14px 6px 14px; background-color:#83BBEF; color:white; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; margin-right:0px; } div._cartwhite_ { display:inline-block; padding:4px 14px 6px 14px; background-color:white; color:#6DACE1; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; border: 1px solid #CAE1F0; } div._smallsilver_ { display:inline-block; padding:5px 15px 7px 15px; background-color:#eeeeee; color:#6DACE1; border-radius:4px; font-size:13px; Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300;; } div._smallsilver_:active { background-color:black; } div._moreabout_ { display:inline-block; margin:10px; padding:5px 15px 7px 15px; background-color:#eeeeee; color:#3599D9; border-radius:4px; font:normal 10px sans-serif; } div._scaleblue_ { display:inline-block; background-color:#83BBEF; color:white; border-radius:6px; } @media all and (orientation:portrait) { div._scaleblue_ { padding:2vw 6vw 2vw 6vw; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:5.5vw; } } @media all and (orientation:landscape) { div._scaleblue_ { padding:1vw 4vw 1vw 4vw; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.5vw; } } div._buttonx_ { display:inline-block; padding:5px 15px 5px 15px; background-color:#83BBEF; color:white; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; margin-right:5px; position:relative; color:transparent; } div._buttonx_ img { position:absolute; width:50%; top:50%; left:50%; transform: translate(-50%,-50%); } /* reusable classes */ .m { vertical-align:middle; } .ptr { cursor:pointer; } .a_lt { text-align:left; vertical-align:top; } .a_lm { text-align:left; vertical-align:middle; } .a_lb { text-align:left; vertical-align:bottom; } .a_ct { text-align:center; vertical-align:top; } .a_cm { text-align:center; vertical-align:middle; } .a_cb { text-align:center; vertical-align:bottom; } .a_rt { text-align:right; vertical-align:top; } .a_rm { text-align:right; vertical-align:middle; } .a_rb { text-align:right; vertical-align:bottom; } .nobr { white-space: nowrap; } /* START OF SHELL OF ALL SECTIONS */ #outerborder { padding:5px 5px 0px 5px; box-sizing:border-box; } /* top logo and side menu */ #toplogo { box-sizing:border-box; width:100%; position:relative; padding:15px; background-color:#64AAEC; border-bottom-right-radius:20px; } #contentblock { box-sizing:border-box; background-color:#64AAEC; text-align:right; } #contentblock>div:first-child { display:block; box-sizing:border-box; text-align:left; padding:20px 10px 20px 10px; background-color:white; min-height:80vh; position:relative; } #curves { position:absolute; top:0px; left:0px; } #curves + img { position:absolute; bottom:0px; left:0px; transform: scaleY(-1); } #bottomblock { background-color:white; } #bottomblock>div:first-child { background-color:#64AAEC; border-top-right-radius:20px; border-bottom-right-radius:20px; text-align:left; font:normal 12px Arial; color:white; box-sizing:border-box; padding:20px; } #footer { box-sizing:border-box; background-color:#64AAEC; text-align:right; } #footer>div:first-child { box-sizing:border-box; text-align:left; background-color:white; display:inline-block; border-top-left-radius:20px; } #footerpic { box-sizing:border-box; border-bottom:5px solid black; padding:15px 15px 15px 15px; } #footerpic>div:first-child>img { width:100%; border-radius:7px; } #footerpic>div:first-child>span { position:relative; left:2vw; font:normal 2vw Arial; color:#3599D9; } #footerpic + div { box-sizing:border-box; padding:10px 10px 10px 0px; text-align:right; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:4.5vw; color:black; } #leftmenu { position:fixed; box-sizing:border-box; z-index:10; left:13px; text-align:center; } #leftmenu>a:nth-child(1) img { position:relative; left:2px; } #leftmenu>div:nth-child(3) span { color:yellow; position:absolute; top:-14px; right:0px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:18px; } #leftmenu>img:nth-child(7) { margin-bottom:6vh !important; } #leftmenu>img:nth-child(9) { margin-bottom:0px !important } #bottomcontact + div + img { opacity:.8; width:100%; margin-top:10px; margin-bottom:5px;max-width:543px; } @media all and (orientation:portrait) { #toplogo>span { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.7vw; color:white; } #toplogo>img:first-child { width:100%; margin-bottom:1.3vw; } #toplogo>img:nth-child(3) { width:7vw; float:right; position:relative; top:-1vw; } #contentblock>div:first-child { width:calc(100% - 7vw - 20px); margin-left:calc(7vw + 20px); } /* add if needed: margin-left:calc(7vw + 20px); FF has issue with right align at certain portrait widths */ #bottomblock>div:first-child { padding-left:calc(7vw + 30px); } #footer>div:first-child { width:calc(100% - 7vw - 20px); } #leftmenu { bottom:6vh; } #leftmenu img { width:7vw; } #leftmenu a { display:inline-block; margin-bottom:7vh; } #leftmenu>div:nth-child(3) { display:inline-block; position:relative; margin-bottom:7vh; } #leftmenu>a:nth-child(1) img { width:6.5vw !important; } #bottomcontact, #bottomcontact + div { display:block; text-align:center; margin-bottom:30px; } #bottomcontact a, #bottomcontact + div a { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:5.5vw; } #bottomcontact + div img { height:8vw; vertical-align:bottom; margin-right:2vw; position:relative; top:1vw; } } @media all and (orientation:landscape) { #toplogo { padding-left:calc(25px + 10vw); } #toplogo>img:first-child { width:95%; margin-bottom:1.3vw; } #toplogo>img:nth-child(3) { width:5vw; float:right; position:relative; } #toplogo>span { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.6vw; color:white; } #contentblock>div:first-child { width:calc(100% - 5vw - 20px); margin-left:calc(5vw + 20px); } #bottomblock>div:first-child { padding-left:calc(5vw + 30px); } #footer>div:first-child { width:calc(100% - 5vw - 20px); } #leftmenu { bottom:10vh; } #leftmenu img { width:5vw; } #leftmenu a { display:inline-block; margin-bottom:9vh; } #leftmenu>div:nth-child(3) { display:inline-block; position:relative; margin-bottom:9vh; } #leftmenu>a:nth-child(1) img { width:4vw !important; } #leftmenu>img:nth-child(7) { margin-bottom:7.5vh !important } #bottomcontact { display:inline-block; float:left; margin-left:20px; margin-bottom:30px; } #bottomcontact + div { display:inline-block; float:right; margin-right:10px; margin-bottom:30px; } #bottomcontact + div + img { margin-top:50px; } #bottomcontact a, #bottomcontact + div a { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:4.5vw; } #bottomcontact + div img { display:none; } } /* END OF SHELL OF ALL SECTIONS */ /* animation for person icon after signin */ img.signedin { animation-duration:.3s; position:relative; padding-bottom:2px; border-bottom:1px solid white; } @keyframes signedinanim { 0% { border-bottom-width:0px; padding-bottom:2px; top:0px; transform: scale3d(1, 1, 1 ); } 50% { border-bottom-width:3px; padding-bottom:9px; top:-7px; transform: scale3d(1.3, 1.3, 1.3); } 100% { border-bottom-width:1px; padding-bottom:2px; top:0px; transform: scale3d(1, 1, 1 ); } } .signedinanim { animation-name: signedinanim; } /* BELOW CONTENT */ table.social { width:calc(100% + 20px); margin-left:-10px; margin-bottom:20px; } table.social td { width:16.666%; cursor:pointer; text-align:center; position:relative; } table.social div { position:relative; display:inline-block; opacity:.7; transition:background-color .3s ease, opacity .5s ease; border-radius:50%; text-align:center; padding:1.5vw; width:6.5vw; height:6.5vw; max-width: 40px; max-height:40px;} table.social div:hover { background-color:black; opacity:1; } table.social img { height:100%; } /* SIGN IN */ input::placeholder { color:#6DACE1; font-weight:normal; font-size:80%; transform: translateY(10%); } :-ms-input-placeholder { color:#6DACE1; font-weight:normal; font-size:80%; transform: translateY(10%); } h2.title, h2.title2 { color:black; margin:0px; margin-bottom:10px; } input:not([type=checkbox]), select, textarea { -webkit-appearance: none; } input.signinbox, input.signinpw { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:5.5vw; color:black; padding:5px 10px 5px 10px; margin:0px; border:1px solid #CAE1F0; border-radius:6px; box-sizing:border-box; } input.signinpw { width:100%; } input.signinbox:focus, input.signinpw:focus, #signin_regcode:focus { border-color: #222233; } #signin_regcode { font:bold 16px Arial; color:black; padding:3px 10px 3px 10px; margin:0px; width:130px; border:1px solid #CAE1F0; border-radius:4px; box-sizing:border-box; -webkit-appearance: none; } div.signinpw { box-sizing:border-box; position:relative; } @media all and (orientation:portrait) { h2.title { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:8vw; line-height:100%; } h2.title2 { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:7.5vw; line-height:100%; } input.signinbox { width:100%; margin:15px 0px 10px 0px; } div.signinpw { width:100%; display:block; } #signin_box>h2>img { position:relative; top:1px; width:8vw; margin-left:2vw; } p { margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; font-family:Raleway, Verdana, Arial; font-size:3.3vw; color:#123A54 } h3 { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; color:#4499E8; font-size:7vw; margin:10px 0px 10px 0px; } } @media all and (orientation:landscape) { h2.title { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:5.5vw; line-height:100%; } h2.title2 { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:4.5vw; line-height:100%; } input.signinbox { width:52%; } div.signinpw { width:calc(48% - 10px); display:inline-block; margin-top:15px; } #forgotpw { float:right; display:inline-block; margin-right:5px; } #signinbutton { width:calc(100% - 5px); } #signin_box>h2>img { position:relative; top:1px; width:5vw; margin-left:2vw; } p { margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; font-family:Raleway, Verdana, Arial; font-size:2vw; color:#123A54 } h3 { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; color:#4499E8; font-size:4vw; margin:10px 0px 10px 0px; } } #signin_box { color:#2D94A7; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.5vw; position:relative; box-sizing:border-box; width:100%; } #signin_password + div, #e_current_password + div, #e_new_password + div { height:calc(100% - 8px); width:50px; text-align:center; background-color:#A7CFEB; border-radius:4px; position:absolute; top:4px; right:4px; font:normal 12px sans-serif; color:white; } #signin_password + div>span, #e_current_password + div>span, #e_new_password + div>span { display:inline-block; position:relative; top:50%; transform: translateY(-50%); } #signinbutton { margin-top:20px; background-color:#222233; text-align:center; padding-top:8px; padding-bottom:8px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:5.5vw; color:white; border-radius:8px; border:2px solid #222233; } #signinbutton:active { background-color:white; color:#222233; border:2px solid #222233; } #invalid_signin { display:none; margin-top:10px; text-align:center; font:normal 12px sans-serif; color:black; } #invalid_signin>img { margin-right:10px; vertical-align:bottom; height:20px; } #forgotpw { margin-top:15px; text-align:right; } #forgotpw>div { font:normal 12px sans-serif; display:inline-block; background-color:#A7CFEB; color:white; border-radius:5px; padding:6px 15px 6px 15px; margin-right:1px; } #signin_wait { display:none; margin-top:10px; } #invalid_forgot_password { display:none; margin-top:10px; text-align:center; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:20px; color:black; } #invalid_forgot_password>img { margin-right:10px; vertical-align:top; height:20px; } #passwordsent { display:none; font:normal 12px sans-serif; text-align:center; color:black; margin-top:20px; } #regcoded { margin-top:15px; background-color:#eeeeee; padding:3px; border-radius:8px; } #regcoded>tbody>tr>td+td { vertical-align:middle; padding-left:10px; font:normal 10px Arial; color:#3599D9; } #createacct { margin-top:20px; background-color:#FF7F01; text-align:center; padding-top:8px; padding-bottom:8px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:5vw; color:white; border-radius:8px; border:2px solid #FF7F01; } #createacct:active { background-color:white; color:#FF7F01; border:2px solid #FF7F01; } #newaccount_wait { display:none; margin-top:10px; } #newaccount_error { display:none; margin-top:5px; text-align:center; } #newaccount_error>table { display:inline-block; } #newaccount_error>table>tbody>tr>td { padding-right:10px; } #newaccount_error>table>tbody>tr>td>img { margin-left:5px; height:20px; } #newaccount_error>table>tbody>tr>td+td>div {font:normal 12px sans-serif; color:#1C7BDC; } div.account_option { text-align:left; padding:8px 10px 8px 10px; background-color:#ECF0F2; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; color:#64AAEC; border-radius:6px; margin-bottom:8px; box-sizing:border-box; } #signedin_box { width:100%;position:relative; } #cust_greeting div { display:inline-block; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; color:#3599D9; } #cust_greeting>div:first-child { float:left; } #cust_name { color:black; font-size:120%; } #cust_greeting>div:nth-child(2) { float:right; text-align:center; } #cust_greeting>div:nth-child(2)>img { margin-left:5px; max-height:150px; max-width:35vw; border-radius:10px; margin-top:10px; } #addpp { position:relative; margin-top:-5px; width:80px; height:80px; font:normal 10px sans-serif; margin-left:5px; color:black; border:2px solid #ECF0F2; border-radius:50%; } #addpp>span { color:#6DACE1; font:normal 12px sans-serif; display:inline-block; position:absolute; top:49%; left:50%; transform: translate(-50%,-50%); } #cust_greeting>div:last-child { float:left; clear:left; margin-top:10px; border:2px solid #CAE1F0; padding:5px 15px 5px 15px; color:#3599D9; border-radius:6px; } /* sign-out */ #cust_greeting + div { clear:both; height:20px; width:10px; } #profinst { font:normal 11px sans-serif; color:#444466; margin-top:10px; padding-left:5px; } #profile_id + input { width:100%; border:1px solid #ECF0F2; border-radius:6px; margin-bottom:10px; margin-top:10px; box-sizing:border-box; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:16px; color:red; background-color:white; padding:5px; } #profile_1 { margin-bottom:10px; } #profile_2>img { margin-right:20px; } div.shopleft, div.shopright { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; color:#3599D9; padding:7px 10px 6px 10px; border-radius:6px; margin-bottom:8px; box-sizing:border-box; display:inline-block; width:calc(50% - 4px); background-color:#83BBEF; color:white; } div.shopleft { float:left; } div.shopright { float:right; } div.shopleft>img { height:20px; margin-right:6px; position:relative; top:-2px; } div.shopright>img { height:20px; margin-right:6px; position:relative; top:-1px; } @media all and (orientation:portrait) { div.changepw { width:100%; display:block; } } @media all and (orientation:landscape) { div.changepw { width:calc(48% - 10px); display:inline-block; margin-top:15px; } } div.changepw { box-sizing:border-box; position:relative; margin-bottom:5px; } input.changepw { font:bold 18px Arial; color:black; padding:5px 10px 5px 10px; margin:0px; width:100%; border:2px solid #CAE1F0; border-radius:6px; box-sizing:border-box; -webkit-appearance: none; } input.changepw:focus { border-color: #222233; } #changepasswordbox>div { padding-top:10px; padding-bottom:10px; } #pw_msg { display:none; font:normal 12px sans-serif; color:black; text-align:center; } #pw_msg>img { height:20px; vertical-align:bottom; } #pw_msg + div { margin-top:15px; } /* HISTORY LIST */ @media all and (orientation:portrait) { tr.histord td { font-size:3vw; } td.totalsale { white-space:normal; } #histapinst { font-size:12px; } table.historder td { font:normal 10px Arial; } table.historder td h2 { font:bold 10px Arial; } } @media all and (orientation:landscape) { tr.histord td { font-size:12px; } td.totalsale { white-space:nowrap; } #histapinst { font-size:16px; } table.historder td { font:normal 12px sans-serif; } table.historder td h2 { font:normal 12px sans-serif; margin-bottom:5px !important; margin-top:5px !important;} } table.histlist { width:100%; } table.histlist>tbody>tr:first-child td { padding:4px 0px 4px 0px; background-color:#83BBEF; color:white; } table.histlist>tbody>tr:first-child td:first-child { padding-left:10px; } table.histlist>tbody>tr:first-child>td:first-child { border-top-left-radius:6px; border-bottom-left-radius:6px; } td.histstat { text-align:center; vertical-align:middle; background-color:#eeeeee; padding:5px 5px 0px 5px; width:50%; } td.histstat + td { border-top-right-radius:5px; text-align:right; vertical-align:middle; background-color:#eeeeee; padding:5px 10px 0px 5px; } td.histstat2 { padding:0px 5px 5px 5px; background-color:#eeeeee; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #favnote { padding:10px; color:black; font-size:3vw; line-height:130%;} #favnote + p>img { width:90%; max-width:348px; } #favnote + p + p { padding:10px; color:black; font-size:3vw; } #favnote + p + p>img:first-child { opacity:.5; vertical-align:middle; height:20px; margin-top:-5px; margin-bottom:-5px; } #favnote + p + p>img:nth-child(4) { vertical-align:middle; height:20px; margin-top:-5px; margin-bottom:-5px; } div.signinfav { width:100%; margin-bottom:8px; border-radius:8px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; box-sizing:border-box; padding:8px; background-color:#83BBEF; color:black; text-align:center; } div.signinfav>img { height:20px; vertical-align:top; position:relative; top:2px; margin-right:5px; } div.signinfav>span { color:white; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:20px; } #nofavs>p:first-child { margin:0px; color:#ff8800; padding:10px; } #cartoff { min-height:40vh; padding-top:10vh; font-size:4vw; color:#ff7f01; } #histapinst { padding-left:5px; color:#aaaaaa; } tr.histord td { background-color:#eeeeee; } tr.histord>td:first-child { border-top-left-radius:5px; vertical-align:middle; padding:5px 5px 0px 10px; width:10px; } tr.histord>td:nth-child(2) { vertical-align:middle; padding:5px 5px 0px 5px; width:10px; } tr.histord>td:nth-child(2)>img { width:20px; visibility:hidden; } tr.histord>td:nth-child(3) { vertical-align:middle; text-align:center; padding:5px 5px 0px 5px; width:50%; } tr.histord>td:nth-child(4) { text-align:center; vertical-align:middle; padding:5px 5px 0px 5px; width:50%; } tr.histord>td:last-child { border-top-right-radius:5px; text-align:right; vertical-align:middle; padding:5px 10px 0px 5px; } div.recallbutton { display:inline-block; margin-left:2px; padding:4px 10px 5px 10px;background-color:#F85F5F;font:normal 11px sans-serif; border-radius:3px; color:#ffffff; } table.historder { border:1px solid #eeeeee; width:100%; border-bottom:0px; margin-top:5px; } table.historder td { background-color:white; padding:6px; color:black; border:1px solid #eeeeee; line-height:105% } table.historder td h2 { padding:0px; margin:0px; color:#3599D9; line-height:100%; } td.totalsale { border-top-right-radius:6px; border-bottom-right-radius:6px; padding-right:10px !important; } /* MESSAGE BOX FOR MOBILE SITE */ #msgbox { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:200000; } #msgbox>div { position:absolute; width:80vw; max-width:500px; top:50%; left:50%; transform: translate(-50%,-50%); } #msgbox>div>table { width:100%; background-color:white; border:5px solid white; border-bottom:0px; box-shadow:0px 0px 15px -5px black; } #msgbox>div>table>tbody>tr:first-child>td { text-align:center; vertical-align:middle; padding:20px; background-color:#64AAEC; border-bottom:1px solid #64AAEC; border-bottom-right-radius:20px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; line-height:120%; color:white; } #msgbox>div>table>tbody>tr:last-child>td:first-child { background-color:#64AAEC; } #msgbox>div>table>tbody>tr:last-child>td:first-child>div { width:20px; height:10px; } #msgbox>div>table>tbody>tr:last-child>td:last-child { width:100%; text-align:center; vertical-align:bottom; background-color:#64AAEC; } #msgbox_buttons { background-color:white; border-top:1px solid white; border-top-left-radius:20px; padding:10px; } div.mmbutton { display:none; margin:0px 4px 0px 4px; background-color:black; color:white; padding:7px 20px 7px 20px; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:18px; } #blackout { background-color:black; opacity:.6; position:fixed; top:0px; left:0px; width:10px; height:10px; z-index:190000; display:none; } #blowup { position:fixed; box-sizing:border-box; z-index:200000; display:none; } #blowup>img { width:0px; box-sizing:border-box; border-radius:12px; border:5px solid white; box-shadow:0px 0px 10px -5px black; } #blowup>div { background-color:#6DACE1; position:absolute; top:10px; right:10px; width:50px; height:50px; border-radius:5px; opacity:.8} #blowup>div>img { width:40px; height:40px; position:absolute; top:5px; left:5px; } #account_box { width:calc(100% - 5px); box-sizing:border-box; position:relative; } @media all and (orientation:portrait) { h2.addr { font-size:7vw !important; } #account_box>h3>span { font-size:4vw; color:#999999; } } @media all and (orientation:landscape) { h2.addr { font-size:30px !important; } #account_box>h3>span { font-size:14px; color:#999999; } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } input:invalid { box-shadow: none; } #account_box input:not([type=checkbox]), #account_box select, input.cartinput, textarea.cartinput { font:bold 16px sans-serif; color:black; padding:5px; margin:0px; margin-bottom:5px; width:100%; border:1px solid #CAE1F0; border-radius:6px; box-sizing:border-box; background-color:white; } #account_box input:not([type=checkbox]):focus, #account_box select:focus, input.cartinput:focus, textarea.cartinput:focus { border-color: #444466; } #account_box input::placeholder { font-family:Arial; color:#8ACAF7; font-weight:normal; font-size:80%; transform: translateY(10%); } #account_box h3 { margin:0px; margin-left:5px; padding:0px; color:#64AAEC; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:22px; } #miltap { font-size:12px; float:right; margin-right:5px; color:#8ACAF7; position:relative; top:5px; } #miltap>span { color:#64AAEC; } #milnote { clear:both; position:relative; top:5px; border-radius:6px; margin-bottom:5px; } #milnote>div { padding:10px; padding-bottom:15px; font-size:13px; color:#444466; background-color:#f4f4f4; } #milnote>div span { color:#64AAEC; font-size:120%; } #e_kosher { vertical-align:middle; font-size:20px; } #e_kosher + label { vertical-align:middle; margin-left:5px; padding:0px; color:#64AAEC; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; } #e_kosher + label>span { font-size:20px; } /* CREDIT CARD FIELDS */ #address_spinner_1 { float:right; display:block; } #address_spinner_2 { float:right; display:block; margin-top:10px; margin-bottom:5px; } div.delcard { float:right; display:none; padding:4px 10px 3px 10px; background-color:#EC4600; color:white; border-radius:5px; font:normal 12px Arial; margin-right:5px; opacity:.8; } #payoptions { margin-top:-3px; background-color:#f4f4f4; border-radius:8px; padding:10px; margin-bottom:10px; color:#3599D9; font:normal 12px sans-serif; } #payoptions>img { height:24px; margin:5px 5px 5px 0px; } div._littleblue_ { display:inline-block; padding:5px 10px 5px 10px; background-color:#A7CFEB; color:white; border-radius:5px; font:normal 4vw Arial; } #cch2 {padding-top:10px; border-top:4px solid #83BBEF; } #cardcode { float:right; text-align:right; } #cardcode>span { color:#6DACE1; font:normal 10px sans-serif; position:relative; top:-3px; } div.clearboth { clear:both; width:1px; height:1px; } #newcardnote { display:none; font:normal 10px Arial !important; color:#EC4600 !important; position:relative; top:-2px; } #ccbilladd { background-color:#f4f4f4; border-radius:8px; padding:10px; margin-top:5px; } #ccbilladd>h2 { font-size:17px !important; margin-bottom:0px !important; } #ccbilladd>div:nth-child(2) { font:normal 12px sans-serif; color:#6DACE1; margin-bottom:10px; } #ccbilladd>div:nth-child(5) { width:5px; height:5px; } @media all and (orientation:portrait) { div._littleblue_ { font:normal 3.7vw Arial; } } @media all and (orientation:landscape) { div._littleblue_ { font:normal 16px Arial; } } /* ACCOUNT SAVE */ #account_save_buttons { display:none; z-index:10; position:fixed; bottom:0px; right:0px; background-image: linear-gradient(#ECF0F2, #CAE1F0); padding:10px 5px 10px 10px; border-top-left-radius:10px; box-shadow:-1px -1px 15px -2px #222222; } #save_alert { display:block; vertical-align:middle; text-align:center; font:normal 18px Arial; color:#6DACE1; margin-bottom:10px; } #save_alert>img { vertical-align:middle; margin-right:5px; position:relative; top:-2px;} div._cancelbutton_, div._savebutton_ { position:relative; display:inline-block; text-align:center; width:22vw; max-width:80px; color:white; margin-right:5px; border-radius:6px; } div._savebutton_ { background-color:black; } div._cancelbutton_ { background-color:#64AAEC; } div._savebutton_>img { display:none; height:75%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); } @media (max-width: 370px) { div._savebutton_ { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:22px; padding:8px; } div._cancelbutton_ { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:22px; padding:8px; } } @media (min-width: 371px) { div._savebutton_ { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:26px; padding:10px; } div._cancelbutton_ { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:26px; padding:10px; } } input.mobile_account_error { border:2px solid orange !important; background:url(../graphics/misc/alert2.png) no-repeat 98%; } select.mobile_account_error { border:2px solid orange !important; } div.account_error { display:none; font:bold 13px Arial; color:orange; margin-left:8px; } div.exp_error { position:relative; top:-10px; } div.exp_error>img { vertical-align:middle; position:relative; top:-3px; margin-left:5px; margin-right:5px; } div.street_error { margin-top:-3px; margin-bottom:10px; } #ccpic { float:right; margin-right:5px; height:24px; position:relative; } div.welcomemsg>span:first-child { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:22px; color:white; } div.welcomemsg>span:nth-child(2) { font:normal 14px sans-serif; color:#dddddd; } div.welcomemsg>span:last-child { font:normal 12px sans-serif; color:white; } div.welcomemsg>span:last-child>span { color:yellow; font-weight:bold; } /* styles to maange flipping add/remove cart item */ div.cart1 { position:relative; display:inline-block; margin-right:5px; width:48px; height:48px; -webkit-perspective: 1000; -webkit-transition:0.6s; -webkit-transform-style:preserve-3d; perspective: 1000; transition:0.6s; transform-style:preserve-3d; float:right; margin-top:5px; } div.cart1 img { width:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } div.cart1 img:nth-child(1) { z-index:2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } div.cart1 img:nth-child(2) { z-index:0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .confirmDel, .inCart { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .buying, .outCart { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } div.nocart { float:right; margin-top:5px; opacity:.2; } /* CART */ #cartempty { text-align:center; min-height:50vh; font-size:16px; color:#6DACE1; } #cartempty div:first-child { margin-bottom:7vh; } #cartempty div:not(:first-child) { display:inline-block; box-sizing:border-box; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; color:#3599D9; padding:7px 10px 6px 10px; border-radius:6px; margin-bottom:8px; width:40vw; max-width:200px; background-color:#83BBEF; color:white; } #cartempty img { text-align:left; vertical-align:middle; height:20px; margin-right:6px; position:relative; top:-2px; } @media all and (orientation:portrait) { #cartsignin>div:first-child { min-height:40vh; padding-top:10vh; font-size:4vw; color:#6DACE1; } #cartempty { padding-top:4vh; } } @media all and (orientation:landscape) { #cartsignin>div:first-child { min-height:40vh; padding-top:2vh; font-size:3vw; color:#6DACE1; } #cartempty div:first-child { margin-top:-10px; } } #free_ship_countdown { text-align:right; margin:10px; font:normal 12px sans-serif; color:#3599D9; } #bulk_min_not_met { display:none; border-radius:6px; background-color:#dddddd; color:#215D87; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.5vw; padding:10px; box-sizing:border-box; margin-bottom:10px; } #bulk_min_not_met>span, #bulk_min_met>span { color:black } #bulk_min_not_met>div { margin-top:10px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3vw; color:#888888; } #bulk_min_met { display:none; border-radius:6px; background-color:#dddddd; color:#1FAF92; font:normal 14px sans-serif, Tahoma; padding:10px; box-sizing:border-box; } /* CART ITEM */ div.cartitemdiv { width:100%; position:relative; } div.cartitemdiv>table { width:100%; background-color:#eeeeee; border-radius:8px; margin-bottom:10px; } td.cartitemtop { padding:5px 0px 5px 5px; vertical-align:top; text-align:left; } td.cartitemtop>img { float:left; margin-right:5px; width:20vw; max-width:100px; } td.cartitemtop + td { padding:5px 0px 5px 0px; color:black; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:4.2vw; width:100%; } td.cartitemtop + td + td { text-align:right; vertical-align:middle; padding:5px 0px 5px 5px; } /* cart item qty incrementer */ td.cartcnt>div, td.cartcnt + td + td>div { width:12vw; max-width:60px; position:relative; } td.cartcnt + td>input { width:45px; padding:0px; border:1px solid #dddddd; border-radius:4px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:24px; } div.cartmin, div.cartmin + div { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#83BBEF; } div.cartmin { height:6px; width:20px; } div.cartmin + div { width:6px; height:20px; } /* cart item prices */ td.itemprices, td.itemprices + td { text-align:right; vertical-align:bottom; border-bottom:2px solid #eeeeee; position:relative; height:34px; min-width:15vw; padding:0px 5px 0px 5px; background-color:white; color:black; } td.itemprices { border-top-left-radius:6px; font:normal 16px sans-serif; } td.itemprices + td { font:normal 18px sans-serif; border-left:2px solid #eeeeee; border-right:2px solid #eeeeee; border-bottom-right-radius:6px; font-family:sans-serif; } td.itemprices>span, td.itemprices + td>span { color:black; } td.itemprices>span { position:relative; top:-1px; } td.itemprices>div, td.itemprices + td>div { color:#6DACE1; position:absolute; top:2px; right:5px; } /* smallest phone */ @media (max-width: 370px) { td.itemprices>div, td.itemprices + td>div { font-size:2.8vw; } #discount_code { text-transform:uppercase; width:150px; } div.fedex, div.fedex_sel, #seeshipterms { margin-left:-5px; width:calc(100% + 10px); } } /* larger sizes */ @media (min-width: 371px) { td.itemprices>div, td.itemprices + td>div { font-size:12px; } #discount_code { text-transform:uppercase; width:180px; } div.fedex, div.fedex_sel, #seeshipterms { width:100%; } } div.bluebreak { height:5px; background-color:#64AAEC; margin-bottom:10px; } div.cartblock { background-color:#eeeeee; padding:10px; border-radius:8px; margin-bottom:10px; } div.cartblock>h2 { color:black; margin:0px 0px 10px 0px; line-height:100%; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:22px; } div.cartblock>div:nth-child(2) { text-align:center; margin-top:5px; } #discount_desc { text-align:center; font:normal 14px Arial; color:red; } #discount_desc + div { font:normal 10px sans-serif; color:#3599D9; margin:5px 10px 5px 15px; line-height:100%; } #cartaddress { margin-left:10px; margin-top:10px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; color:#3599D9; } #cart_noadd { text-align:center; padding-bottom:10px; font:normal 15px sans-serif; color:red; } #cartnote>span { font-size:75%; white-space:nowrap; color:#3599D9; } #comments { margin-bottom:5px; height:42px; width:calc(100% - 5px); } /* SHIPPING SELECTION */ div.fedex, div.fedex_sel { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; padding:8px 5px 6px 5px; text-align:left; box-sizing:border-box; border-radius:6px; margin-bottom:5px; } div.fedex { background-color:#fafafa; } div.fedex_sel { background-color:#83BBEF; } div.fedex span:nth-child(2) { color:#3599D9; display:inline-block; max-width:70%;} div.fedex_sel span:nth-child(2) { color:white; display:inline-block; max-width:70%; } div.fedex>span:nth-child(3), div.fedex_sel>span:nth-child(3) { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; float:right; vertical-align:middle; position:relative; top:3px; font-size:18px; color:black; } div.fedex span:last-child,div.fedex_sel span:last-child { position:relative; top:0px; } div.fedex span:nth-child(3), div.fedex_sel span:nth-child(3) { position:relative; top:-2px; } div.fedex img, div.fedex_sel img { margin-right:6px; vertical-align:middle; } div.fedex img { visibility:hidden; } #seeshipterms { text-align:center; border-radius:6px; box-sizing:border-box; padding:8px 20px 8px 20px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; background-color:#F85F5F; color:white; margin-top:10px; } #shiptipsbox p { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:14px; color:#457597; padding-left:5px; padding-right:5px; } #shiptipsbox p:first-child { padding-top:10px; } #shiptipsbox p:last-child { font-size:120% } #shiptipsbox span { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; color:black; } #cartsummary { box-sizing:border-box; padding:0px 10px 0px 10px; background-color:#eeeeee; border-radius:8px; margin-bottom:10px; } #cartsummary table { width:100%; } #cartsummary td { border-bottom:1px solid #ffffff; vertical-align:middle; } #cartsummary td:first-child { color:#215D87; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; line-height:200%;} #cartsummary td:last-child { color:black; text-align:right; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; line-height:200%; } #cartsummary tr:last-child td { border-bottom:0px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; } #bonote { margin:10px 0px 10px 0px; border-radius:10px; padding:10px; background-color:#f4f4c4; } #bonote p { margin:0px 0px 5px 0px; } #bonote p:last-child { margin-bottom:0px; } #bonote p:first-child { font-family:Raleway, Verdana, Arial; font-weight:bold; font-size:calc(12px + .5vw); color:#DD8000; } #bonote p:not(:first-child) { font-family:Raleway, Verdana, Arial; font-size:calc(10px + .5vw); color:black; } /* THANK YOU FOR YOUR ORDER BANNER */ #order_submitted { display:none; padding:20px 10px 30px 10px; box-sizing:border-box; width:100%; background-color:#eeeeee; border-radius:8px; min-height:200px; text-align:center; } #order_submitted>span { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:28px; color:#215D87; } #order_submitted>p { text-align:center; font-family:Raleway, Verdana, Arial; font-size:16px; color:black; margin-top:20px; margin-bottom:20px; } #order_submitted>p>img { height:18px; vertical-align:bottom; } #order_submitted>p>img + span { color:#3599D9; } #order_submitted>p>span:last-child { color:#3599D9; font-size:85%; display:inline-block; margin-left:10px; margin-right:10px; } /* CART COMPLETE BUTTONS */ div.cc_complete { display:inline-block; position:relative; padding-top:10px; padding-bottom:10px; width:60vw; max-width:200px; background-color:black; color:white; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:20px; border:2px solid black; } div.cc_complete>div { font-size:80%; margin-top:4px; color:#6DACE1 } div.cc_complete>img { display:none; height:75%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); } div.cc_complete:active { background-color:white; color:black; } /* CART checkbox */ #process1 { position:relative;display:block; padding-left:5px;margin-bottom:15px; } #checkreq { padding-top:5px; } #checkreq>label { position:relative; left:-3px; } #checkreq + td { vertical-align:middle; text-align:left; font-size:10px;color:#3599D9; padding-left:5px; font-family:Arial, Helvetica; } #checkreq + td>span { color:black; } #completereminder { display:none; width:200px; position:absolute; top:20px; left:20px; z-index:20; } /* CREDIT CARD OPTION */ #creditpmt { background-color:white; padding:2px; border-radius:5px; margin-bottom:5px; } #creditpmt>h2 { margin:0px; background-color:#5CAAE0; color:white; border-radius:3px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; padding:7px 7px 7px 15px; } #creditaddcard { text-align:center; padding-top:40px; padding-bottom:40px; } #creditnum { text-align:center; font:normal 14px sans-serif; color:black; padding-top:20px; padding-bottom:20px; } #creditnum>span { color:#3599D9; font-size:12px; } #cardexp { margin:5px 0px 10px 0px; font-size:12px; } #cardexp>span { color:#3599D9; } #cardexpd { margin:10px 0px 20px 0px; font-size:12px; } #cardexpd>span { color:red; font-weight:bold; } #paymethod_0>div + div { text-align:center; position:relative; margin-bottom:20px; width:100%; } #paymethod_0>div + div>div>div { color:#6DACE1; } /* PAYPAL OPTION */ #pppmt { background-color:white; padding:2px; border-radius:5px; margin-bottom:5px; } #pppmt>h2 { margin:0px; background-color:#5CAAE0; color:white; border-radius:3px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; padding:7px 7px 7px 15px; } #paypal_need_quote { display:block; padding-bottom:20px; } #paypal_need_quote>div:first-child { padding:10px 10px 0px 10px; color:#215D87; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; } #ppnq { text-align:center; margin-top:8px; cursor:pointer; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:14px; color:red;text-decoration:underline; } #ppnq + div { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; color:#215D87; display:none; margin-top:10px; margin-bottom:10px; } #ppnq + div + div { margin-top:10px; text-align:center; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:15px; color:#64AAEC; } #ppnq + div + div>input { margin-top:5px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:15px; max-width:300px; } #paypal_need_quote>div:last-child { text-align:center; position:relative; width:100%;padding-top:20px; } #paypalmask0 { cursor:not-allowed; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:white; opacity:.8; } #paypal_paynow>div:first-child { padding:15px 10px 0px 10px; } #ppcust { color:#4F8AB6; text-align:center; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; } #newcustnote { text-align:center; cursor:pointer; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; color:black; line-height:150%; } #newcustnote>span { color:#3599D9; } #newcustnote>span>span { color:red; white-space:nowrap; text-decoration:underline; } #newcustnote>div { margin-top:5px; } #newcustnote + div { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; color:#215D87; margin:10px 10px 0px 10px; } #paypal_paynow>div:nth-child(2) { text-align:center; position:relative; width:100%; padding-top:20px; padding-bottom:20px; box-sizing:border-box; } #paypal_paynow>div:nth-child(2)>div:first-child { border-radius:6px; text-align:center; position:relative; width:200px; height:45px; display:inline-block; overflow:hidden; } #paypal_paynow>div:nth-child(2)>div:first-child>div { position:absolute; top:0px; left:50%; transform: translateX(-50%); } #paypalmask1 { cursor:not-allowed; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:white; opacity:.8; z-index:1000000; } #process2 { text-align:center; margin-bottom:20px; font:bold 16px sans-serif; color:#3599D9; width:100%; box-sizing:border-box; } #process2>img { text-align:left; vertical-align:middle; margin-top:10px; } /* OTHER PAYMENT OPTION */ #otherpmt { background-color:white; padding:2px; border-radius:5px; } #otherpmt>h2 { margin:0px; background-color:#5CAAE0; color:white; border-radius:3px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; padding:7px 7px 7px 15px; } #paymethod_2>div:first-child { text-align:center; margin-top:20px; } #selectother { border:1px solid lightblue; margin-bottom:10px; border-radius:4px; padding:5px 10px 5px 10px; font:normal 14px sans-serif; } #selectother>option { font:normal 14px sans-serif; } #selectother + br + div { display:inline-block; margin:0px 20px 20px 20px; font:normal 14px sans-serif; color:#3599D9; } #comments_required { float:left; margin-left: -10px; display:none; } #paymethod_2>div:last-child { text-align:center; vertical-align:middle; position:relative;margin-top:0px; margin-bottom:20px; width:100%; } #cc_complete>div { color:#6DACE1; } #othermask { cursor:not-allowed; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:white; opacity:.8; } #shipping>span { font-size:15px; position:relative; top:-1px; color:#999999; } div.ship_norates { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:15px; color:black; text-align:left; padding-left:10px; padding-right:10px; margin-bottom:20px; } div.ship_norates>span:first-child { display:block; text-align:center; font-size:130%; color:#3599D9; margin-bottom:10px; } div.ship_norates>span:first-child + span + span { display:inline-block; font-size:90%; color:#215D87; margin-top:10px; } /* signin button */ div.signintobuy { width:100%; margin-bottom:8px; border-radius:8px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; box-sizing:border-box; padding:8px; background-color:#83BBEF; color:black; text-align:center; } div.signintobuy>img { height:20px; vertical-align:top; position:relative; top:2px; margin-right:5px; } div.signintobuy>span { color:white; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:20px; } #searchhead { margin:0px; margin-bottom:15px; } #searchTips { margin-bottom:10px; } #searchTips>div { padding:10px; background-color:#EEEEEE; border-radius:8px; } #searchTips>div h2 { color:#64AAEC !important; } #searchTips>div>ol { padding-left:20px; } #searchTips>div>ol>li { color:black; } #searchTips>div>ol>li>span { font-size:11px; color:#3599D9; } #tipexample { padding-left:10px; margin:10px 0px 0px 0px; font:normal 11px sans-serif; color:#3599D9;} span.space10 { display:block; width:10px; height:10px; } span.searchx { color:black; font-weight:bold; white-space:nowrap; } #tipexample + div { float:right; margin-top:6px; } #srch table { width:100%; border:2px solid #83BBEF; border-radius:8px; } #srchtd { width:100%; box-sizing:border-box; vertical-align:middle; } #srchtd>input { border:0px; outline:0px; width:100%; box-sizing:border-box; padding-left:10px; font:bold 16px Arial; } #srchtd + td + td { background-color:#83BBEF; padding:4px; } #srchtd + td + td>img { width:30px; } #srchtd + td img { width:22px; padding:0px 5px 0px 5px; opacity:.8; } div.showtips { display:inline-block; background-color:white; margin-top:20px; float:right; padding:3px 15px 3px 15px; border-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; border:2px solid #CAE1F0; color:#3599D9; } p.searchtip { margin:10px 5px 0px 5px; font:normal 11px sans-serif; color:#3599D9; } h5 { font:normal 14px Arial; color:red; text-align:center; } #searchresult { margin-top:10px; font:normal 14px Arial; color:#3599D9; text-align:center; } /* search page results */ div.searchpageresults { margin-bottom:3px; padding:9px 10px 5px 10px; background-color:#eeeeee; border-radius:6px; } div.searchpageresults>h2 { margin:0px; margin-bottom:5px; font:normal 14px Arial; color:#64AAEC; text-decoration:underline; } #pagesfound { display:inline-block; margin-left:5px; margin-bottom:5px; color:black; font-family:Raleway, Verdana, Arial; font-size:5vw; } h3.prodtitle { margin:0px; padding:0px; color:black; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; } td.preitemdesc { padding-top:10px; } td.preitemdesc>div { position:relative; width:100%; } div.itemdesc { font-family:Raleway, Verdana, Arial; font-size:3.5vw; position:relative; width:100%; } div.itemdesc p, div.itemdesc li { font-family:Raleway, Verdana, Arial; font-size:3.5vw; !important; } div.itemdesc ul { padding-left:15px !important; } /* PRODUCT ITEMS */ .op3 { opacity:.3; } .op8 { opacity:.8; } div.prodprice { margin-top:10px; } .itemclosed { overflow:hidden; } td.prod40 img { width:100%; max-width:200px; border-radius:6px; } @media all and (orientation:portrait) { h3.prodtitle { font-size:4.5vw; line-height:100%; } td.prod40 { width:40%; } td.prod60 { width:60%; padding-left:2vw; } } @media all and (orientation:landscape) { h3.prodtitle { font-size:3vw; line-height:100%; margin-top:10px; margin-bottom:20px; } td.prod40 { min-width:200px; } td.prod60 { width:100%; padding-left:2vw; } } div.prodframe { padding:8px; border:2px solid #CAE1F0; background-color:#ffffff; border-radius:10px; margin-bottom:10px; } div.prodframe>table { width:100%; } .boalert { color:red; font-weight:bold; font-size:80%; } div.onfavheart { clear:right; float:right; margin-top:20px;margin-right:9px; } /* on favorites page */ div.favheart { float:right; margin-right:10px; } /* on products pages */ #blackout2 { display:none; z-index:200000; transition:opacity .5s ease; background-color:black; opacity:0; position:fixed; top:0px; left:0px; width:100vw; height:100vh; } #slideMenuContainer { display:none; position:fixed; bottom:0px; z-index:200001; right:0px; } #slideMenu { border:5px solid white; background-color:#64AAEC; border-top-left-radius:13px; box-shadow:0px 0px 20px -5px #222222; } #slideMenu>div:first-child { border-top-left-radius:13px; background-color:white; } #slideMenu>div:first-child>div { background-color:#64AAEC; padding:10px 20px 7px 20px; border-top-left-radius:10px; border-bottom-left-radius:10px; } #slideMenu>div:first-child>div>img { width:65vw; max-width:300px; margin-bottom:3px; } #slideMenu>div:first-child>div>span { color:white; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; } #slideMenu>div:nth-child(2) { background-color:white; height:10px; width:calc(100% - 15px); border-top-right-radius:10px; } #slideMenu>div:nth-child(3) { background-color:white; padding:5px; max-height:calc(80vh - 115px); width:calc(100% - 15px); overflow-y:scroll; -webkit-overflow-scrolling: touch; box-sizing:border-box; position:relative; z-index:10; } #slideMenu>div:nth-last-child(2) { background-color:white; height:10px; width:calc(100% - 15px); border-bottom-right-radius:10px; } #slideMenu>div:last-child { background-color:white; } #slideMenu>div:last-child>div { background-color:#64AAEC; padding:10px 20px 5px 20px; border-top-left-radius:10px; text-align:right; } #slideMenu>div:last-child>div>img { vertical-align:middle; position:relative; } #slideMenu>div:last-child>div>img:first-child { top:2px; width:26px; margin:0px 40px 7px 0px; } #slideMenu>div:last-child>div>img:nth-child(2) { top:1px; width:26px; margin:0px 40px 7px 0px; } #slideMenu>div:last-child>div>img:nth-child(3) { top:1px; width:30px; margin:0px 40px 5px 0px; } #slideMenu>div:last-child>div>img:last-child { width:26px; margin:0px 10px 6px 0px; } span.menucat { display:block; margin:5px 0px 15px 10px; color:#64AAEC; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:22px; line-height:95%; } span.menucat + div { margin-left:20px; width:calc(100% - 20px); } #popupmenu>span:nth-last-child(2) { margin-bottom:7px; } span.menucat + div a { display:block; padding:10px 10px 10px 24px; background-color:#ECF0F2; margin-bottom:6px; border-radius:6px; color:black; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:18px; text-decoration:none; line-height:95%; } span.menucat + div a span { font-size:90%; color:#3599D9; } span.menucat + div a:active { background-color:#64AAEC !important; color:white !important; } div.prodfade { display:none; position:absolute; width:100%; height:50px; bottom:0px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); } div.prodfade + div { display:none; position:absolute; bottom:6px; right:6px; z-index:10; } div.prodfade + div>img { background-color:white; padding:10px; border-radius:50%; border:1px solid #64AAEC; opacity:.75; } div.terms h2 { font:bold 14px sans-serif; color:#3599D9; } div.minordernote { box-sizing:border-box; padding:5px 5px 10px 5px; border-radius:10px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3vw; color:#215D87; background-color:#dddddd; margin:20px 5px 5px 5px; } div.minordernote>img { height:24px; margin:10px 10px 10px 5px; float:left; } div.minordernote>span:nth-child(2) { font-size:120%;color:black; } div.minordernote>span:nth-child(3) { padding:0px 10px 2px 10px; display:inline-block; margin-left:10px; position:relative; top:3px; background-color:black; border-radius:6px;color:white; } div.minordernote>div:last-child { clear:both; box-sizing:border-box; display:none; color:#eeeeee; } div.minordernote>div:last-child>div { padding:10px; font-size:2.8vw; color:black; } div._ambass_ { display:inline-block; padding:5px 15px 5px 15px; background-color:white; color:#6DACE1; border-radius:5px; font:normal 10px sans-serif; } #ambass { color:#3599D9; } #ambass span { font-size:12px; color:#F58439; } table.ambass span { font:bold 14px Courier New; color:#215D87; } table.ambass h3 { color:#3599D9; font: bold 12px sans-serif; margin:10px 0px 10px 0px; padding:0px; } div.amb_social { cursor:pointer; display:inline-block; opacity:.7; transition:background-color .3s ease, opacity .5s ease; margin-right:13px; border-radius:10px; background-color:#DD0000; } div.amb_social div { padding:5px; text-align:center; height:30px; width:30px; } div.amb_social div img { height:100%; } table.ambass { background-color:#dddddd; width:100%; table-layout:fixed; border-top-right-radius:5px; border-top-left-radius:5px; } td.ambass1 { width:30%; } td.ambass1>img { border-top-left-radius:5px; width:100%; } td.ambass1 + td { width:70%; padding:10px 10px 0px 10px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:26px; color:black; line-height:95%; overflow:hidden; } td.ambass1 + td>div { color:#215D87; margin-top:5px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:20px; line-height:100%; } td.ambass2 { padding:10px; overflow:hidden; } td.ambass3 { background-color:#eeeeee; border-top:5px solid white; border-bottom:5px solid white; padding:10px; } table.ambass + div { margin-bottom:30px; box-sizing:border-box; border-top:0px; height:300px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:100%; -webkit-overflow-scrolling: touch; overflow-x:scroll; overflow-y:hidden; } table.ambass + div>div { white-space:nowrap; height:300px; } table.ambass + div>div img { height:300px; margin-right:5px; } div.ambquote { margin-bottom:20px; } div.contact h3 { color:#3599D9; margin-top:20px; } div.contact a, div.contact p.ph { outline:none; color:#cc0000; text-decoration:underline; font:normal 18px Courier New; } /* item prices */ span.green { color:#188C75 !important; } span.redsale { color:#F66234 !important; } span.reason { font:normal 16px Arial; color:#F66234; } span.strike { text-decoration:line-through; } span.price1 { color:#215D87; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:6.5vw; } span.price1>span { font-size:70%; position:relative;top:-1.3vw; } span.price2 { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:4.5vw; position:relative; top:-6px; } div.tabline { box-sizing:border-box; position:relative; width:100%; border-bottom:4px solid #BDDCF6; text-align:right; } div.tabline div { position:relative; vertical-align:bottom; } div.tabline>div { display:inline-block; margin-right:10px; } div.tab_selected { display:inline-block; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:5.5vw; color:black; border:4px solid #BDDCF6; border-bottom:0px; padding:1vw 2vw 1vw 2vw; border-top-left-radius:10px; border-top-right-radius:10px; background-color:white; top:4px; } div.tab_unselected { display:inline-block; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:4.5vw; border:2px solid #d6e8f8; border-bottom:0px; padding:.75vw 1.5vw .75vw 1.5vw; border-top-left-radius:8px; border-top-right-radius:8px; transition: background-color .3s ease; cursor:pointer; } div.tab_unselected span { color:#215D87; } h2.systems { font:normal 14px Arial; } div.tap2enlarge { clear:both; font-size:10px; color:#6DACE1; margin-left:10px; position:relative; top:15px; } #products_here { clear:both; background-color:white;margin-top:20px; } /* printer system page */ div.prinfo ul { padding-left:10px; } div.prinfo b { font-weight:normal; } #support>div { margin-left:0px; color:#4499E8; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:3.8vw; margin-top:20px; margin-bottom:5px; } #support li, #support a { font-family:Raleway, Verdana, Arial; font-weight:normal; font-size:3.5vw; padding-top:15px; color:black; } div.tap4more { box-sizing:border-box; background-color:#eeeeee; color:#3599D9; border-radius:6px; padding:5px 15px 5px 15px; margin-top:10px; } /* INK PAGE */ div._gobutton_ { display:inline-block; padding:4px 14px 4px 14px; background-color:black; color:#83BBEF; border-top-right-radius:6px; border-bottom-right-radius:6px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:24px; position:relative; top:1px; } div.inkmod input { width:110px; border:0px; border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:8px; border-bottom-left-radius:8px; padding:5px; text-transform:uppercase; font:bold 22px sans-serif; } div.inkmod>span { font-size:130%; color:white } div.inkmod>span>img { height:16px; position:relative; top:1px; } div.inkmod>div { white-space:nowrap; display:inline-block; margin-top:3px; } div.inkmod { background-color:#6DACE1; box-sizing:border-box; padding:10px; vertical-align:middle; text-align:center; } div.inkmod + div>span { display:inline-block; color:#FF6060; text-decoration:underline; } div.inkmod + div + div { text-align:center; font-family:Raleway, Verdana, Arial; font-size:3vw; color:#64AAEC; } div.inkmod + div + div>img { width:100%; max-width:300px; border-radius:6px; margin-bottom:4px; } #notres { color:black; font-weight:bold; margin:30px 5px 0px 5px; } #notres + p { color:#FF6060; margin:20px 5px 0px 5px; font-weight:bold; } @media all and (orientation:portrait) { img.inkimage { width:100%; border-radius:8px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } div.inkmod { background-color:#6DACE1; border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-top:2px solid white; padding:10px; vertical-align:middle; text-align:center; } div.inkmod + div { margin: 5px 10px 10px 10px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.5vw; color:black; } } @media all and (orientation:landscape) { img.inkimage { width:42vw; border-radius:8px; float:left; margin-right:10px; } div.inkmod { box-sizing:border-box; background-color:#6DACE1; border-radius:8px; display:inline-block; width:40vw; padding:10px; vertical-align:middle; text-align:center; } div.inkmod + div { box-sizing:border-box; padding-left:10px; padding-right:5px; display:inline-block; width:40vw; margin-top:5px; margin-bottom:5px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:2vw; color:black; } } table.kosher { width:100%; margin-bottom:15px; border-radius:8px; xborder:2px solid #83BBEF; } table.kosher td:last-child { font-family:Raleway, Verdana, Arial; padding:5px 10px 5px 0px; vertical-align:middle; color:#215D87; font-size:3.1vw; } table.kosher td:first-child { vertical-align:middle; } table.kosher img { height:6vw; width:6vw; margin:6px 10px 6px 12px; opacity:.8;} #comprinters { clear:both; margin-top:10px; } #comprinters>div { padding:10px; border-radius:8px; background-color:#f2f2f2; } #comprinters>div>span:first-child { color:#215D87; display:block; margin-bottom:5px; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:3.5vw; } #comprinters span.inkcat { display:block; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:16px; color:#4499E8; } #comprinters span.inkcat + span { display:block;margin-bottom:5px; color:black; font:normal 14px Courier New; } div.startingat1 { margin-top:1vw; margin-bottom:-3vw; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; color:#2D94A7; font-size:3vw; } div.startingat2 { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; color:#2D94A7; font-size:2.5vw; } div.pickmodel { float:right; margin-top:1vw; white-space:nowrap; cursor:pointer; border-radius:50%; padding:10px 13px 10px 13px; background-color:#83BBEF; display:inline-block; text-align:center; color:white; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:calc(10px + .2vw); } div.pickmodel span { color:black; } div.pickmodel:active { background-color:#215D87; } #inknotfound { text-align:center; color:#FF8000; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; font-size:18px; margin:20px 0px 20px 0px; } #inknotfound img { position:relative; top:-2px; margin-right:10px; } span.inktitle { display:block; color:#2D94A7; font-size:55%; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; } /* important alert displayed at top of site as needed */ #topnote { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; position:absolute; color:#eeeeee; font-size:calc(12px + .3vw); border-bottom-left-radius:5px; cursor:pointer; box-shadow:-3px 3px 7px -5px #666666; top:5px; right:5px; background-color:#72B2EE; z-index:1000; padding:1px 10px 2px 10px; transition:background-color .3s ease; opacity:.95; } #topnote:active { background-color:black; } #topnote + div { position:absolute; top:30px; left:5vw; width:90vw; z-index:10000; } #topnote + div>div { font-family:Raleway, Verdana, Arial; font-size:calc(12px + .3vw); border-radius:10px; opacity:.98; background-color:white; box-shadow:0px 3px 15px -5px #444444; z-index:10000; padding:10px; color:black; border-bottom:4px solid #83BBEF; } /* VIDEOS */ #prodvids { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500; color:#215D87; font-size:22px; ; margin:10px 0px 10px 5px; cursor:pointer; } #prodvids img { margin-right:10px; vertical-align:middle; cursor:pointer; position:relative; top:-1px; height:40px; transition:all .4s ease; } img.videoshow { transform:rotate(90deg); } #video_box>div { width:100%; box-sizing:border-box; border-radius:10px; text-align:center; margin-bottom:10px; background-color:white; padding-top:1.4vw; } #video_box>div>div { display:inline-block; margin:0px .7vw 3vw .7vw; background-color:#83BBEF; padding:1vw 2vw 1vw 2vw; text-align:center; border-radius:10px; } #video_box>div>div h3 { margin:0px 0px 6px 0px; color:white; } #video_box>div>div iframe { width:60vw; height:45vw; max-width:400px; max-height:300px; border-radius:5px; } @media all and (orientation:portrait) { #video_box>div>div h3 { font-size:5vw; } } @media all and (orientation:landscape) { #video_box>div>div h3 { font-size:3vw; } } /* PRODUCT PAGE HEADINGS*/ div.product_heading { box-sizing:border-box; width:100%; margin-top:20px; } div.product_heading img { width:100%; margin-bottom:10px; border-radius:8px; position:relative; } div.product_heading h3 { color:#64AAEC; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:6vw; margin:0px 0px 3vw 0px; } div.product_heading h4 { color:#2D94A7; font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; font-size:6vw; margin:0px 0px 3vw 0px; } div.product_heading p { color:black; font-family:Raleway, Verdana, Arial; font-size:4vw; margin:0px 0px 3vw 0px; line-height:120%; } div.product_heading p.phgray { color:#2D94A7; font-size:3.3vw;} div.product_heading p.phorange { color:#E4A110; font-size:3.3vw; } div.product_heading li { color:#2D94A7; font-family:Raleway, Verdana, Arial; font-size:4vw; margin:0px 0px 1vw 0px; line-height:120%; } p.best { font-size:12px; } div.shrink h4 { font-size:5vw; margin:0px 0px 3vw 0px; } div.shrink h3 { font-size:5vw; margin:0px 0px 3vw 0px; } div.shrink p { font-size:3vw; margin:0px 0px 3vw 0px; } div.shrink li { font-size:3vw; margin:0px 0px 1vw 0px; } div.shrink p.phgray { color:#2D94A7; font-size:2.6vw;} div.shrink p.phorange { color:#E4A110; font-size:2.6vw; } span.aster { display:inline-block; position:relative; font-size:6vw; top:1vw; color:black; } /* to reach odd places (such as javascript inserted text) */ .HBfont { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:500 ; } .Hfont { font-family:Barlow Semi Condensed, Arial Narrow, sans-serif; font-weight:300; } .Pfont { font-family:Raleway, Verdana, Arial; } .Afont { font-family:Helvetica, Arial, sans-serif; } .SHELLBLUE { color:#64AAEC !important; } .GRAYBLUE { color:#2D94A7 !important; } .LITE { color:#E8D8C7 !important; } .GOLD { color:#D8C7B3 !important; } .GRIDS { color:#d6d6d6 !important; } .GRIDHDR { color:#B09376 !important; } .CAPTION { color:#188C75 !important; } .CAPTIONLITE { color:#82DECC !important; } .ALERT { color:#F58439 !important; } .SALE { color:#F66234 !important; } .NAV { color:#639BC2 !important; } .NAVLITE { color:#FFBB77 !important; } .DARK { color:#1F3B51 !important; } .DARK2 { color:#1C7BDC !important; } .SIDEBAR { color:#6DACE1 !important; } .TOPBAR { color:#141615 !important; } .ROSE { color:#CC6C83 !important; } .GRAYBAR { color:#dadada !important; } .GRAYBAROUTLINE { color:#d0d0d0 !important; } .GRAYBARTEXT { color:#3599D9 !important; } .HEADING { color:#457597 !important; } .LINKS { color:#215D87 !important; } .PALE { color:#59A3D1 !important; } .PAGEBG { color:#E2E2E2 !important; } .PLATE { color:#E2E2E2 !important; } .LINES { color:#BDD6EF !important; } .LINE2 { color:#E5D7B1 !important; } .TEXT { color:#123A54 !important; } .LISTS { color:#6346b4 !important; } .FEATURE { color:#C7E4D5 !important; } .OUTLINE { color:#6AABD8 !important; }