html{
width:100%;
}
body, ul, ol, h1, h2, h3, h4, h5, h6, form, img {
margin:0;
padding:0;
}
body {
background-color:#fff;
font-family:'signikalight', arial, verdana, sans-serif;
font-size:14.58px;
line-height:120%;
color:#6a6466;
margin:0;
padding:0;
line-height:130%;
width:100%;
}
input[type="text"], input[type="password"], select, textarea {
background-color:#f3f2ef;
font-family:'signikalight', arial, verdana, sans-serif;
font-size:20px;
padding:8px;
color:#999392;
border:0px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0 2px 1px 0 #9C9C9A inset;
-moz-box-shadow: 0 2px 1px 0 #9C9C9A inset;
-webkit-box-shadow: 0 2px 1px 0 #9C9C9A inset;
}
.fancybox-inner{
overflow:hidden!important;
}
input[type="text"]:disabled {background:#ddd;}
input[type="checkbox"], input[type="radio"]{
margin:0 7px 0 0;
padding:0;
}
input[type="button"], input[type="submit"] {
text-transform:lowercase;
}
.leftNagtiveMargin {margin-left:-4px;}
.RightNagtiveMargin {margin-right:-12px;}
.noVisiblity {visibility: hidden;}
img {border:0px none;}
.clear {clear:both;}
a {text-decoration:none; color:#6a6466;}
a:hover {text-decoration:none;}
.lastS { margin-right:0 !important;}
.alignLeft { float:left;}
.alignRight {float:right;}
.alignCenter {text-align:center;}
.vMiddle {vertical-align:middle;}
.fine {font-size:11pt; color:#6a6466;}
.fineSmall {font-size:9pt; color:#6a6466; font-weight:normal;font-style:italic;}
.fine a {text-decoration:underline; color:#6a6466;}
.fine a:hover {text-decoration:none;}
.txtRight {text-align:right;}
.noResult {text-align:center; padding:10px 0; margin:0;}
#slo_message_div {
color:#fff;
font-size:10pt;
font-family:'signikasemibold', arial, verdana, sans-serif;
left: 0;
margin: 0 auto;
padding:5px 13px;
position:fixed;
top: 0;
width:98%;
z-index: 9999;
border-bottom:2px groove #333;
}
.slo_success {
background:url(../images/loading-bg-success.png) repeat;
}
.slo_error {
background:url(../images/loading-bg-failed.png) repeat;
}
h1, h2 {
font-family:'signikaregular', arial, verdana, sans-serif;
font-weight:normal;
color:#504346;
}
h4, h5, h6 {
font-family:'signikaregular', arial, verdana, sans-serif;
color:#504346;
}
h1 {font-size:20pt;}
h2 {font-size:18pt;}
h3 {
font-family:'signikaregular', arial, verdana, sans-serif;
font-size:16pt;
font-weight:normal;
color:#504346;
}
h4 {font-size:13pt;}
h4 span {
font-family:'signikaregular', arial, verdana, sans-serif;
font-weight:normal;
font-size:10pt;
}
h5 {font-size:11pt;}
h3.greenTtl {
font-family:'signikasemibold', arial, verdana, sans-serif;
font-size:13pt;
color:#25a638;
padding:0 10px 0 20px;
}
#page {
width:968px;
margin:10px auto;
}
.innerPageBg {
background:#fff url(../images/page-bg.jpg) center -3px no-repeat;
}
.header {
height:122px;
}
#logo {
width:300px;
position:absolute;
z-index:1000;
margin:5px 0 0 25px;
}
.headerRight {
float:right;
font-size:11pt;
}
.headerRightTop {
margin-bottom:72px;
}
.headerRightTop p.helpTxt {
float:right;
margin:0 10px 0 0;
padding:0;
color:#605456;
}
.headerRightTop ul {
float:right;
margin:0;
padding:0;
}
.headerRightTop li {
float:left;
padding:0;
display:block;
}
.headerRightTop li a {
display:block;
color:#605456;
text-decoration:none;
}
.headerRightTop li.signUpBtn {
background:url('../images/sign-up-btn-bg.png') no-repeat left top;
width:82px;
height:33px;
}
.headerRightTop li.signUpBtn a {
color:#ffffff;
padding:5px 17px 9px;
}
.headerRightTop li.signUpBtn:hover {
background-position:0 -33px;
}
.headerRightTop li.loginBtn {
/*background:url('../images/login-btn.png') no-repeat;*/
width:70px;
height:35px;
margin-top:-1px;
}
.headerRightTop li.loginBtn a {
padding:7px 17px 9px;
}
.headerRightTop li.loginBtn:hover {
background:url('../images/login-btn.png') 0 -37px no-repeat;
/* padding:7px 17px 9px;*/
}
.mainNavigation ul {
margin:0;
padding:0;
}
.mainNavigation li {
float:left;
display:block;
font-size:20.83px;
padding-left:13px;
line-height:120%;
}
.mainNavigation li:hover {
background:url(../images/navLeftCrv.png) left center no-repeat;
}
.mainNavigation li.current {
background:url(../images/navLeftCrv.png) left center no-repeat;
}
.mainNavigation li.current a {
background:url(../images/navRightCrv.png) right center no-repeat;
}
.mainNavigation li a {
display:block;
color:#504346;
text-decoration:none;
padding:9px 13px 9px 0;
}
.mainNavigation li a:hover {
background:url(../images/navRightCrv.png) right center no-repeat;
}
.mainNavigation li:hover a {
background:url(../images/navRightCrv.png) right center no-repeat;
}
.mainNavigation li div {
display:none;
position:absolute;
z-index:1000;
color:#fff;
font-size:10pt;
margin-left:-20px;
}
.mainNavigation li div {
background:url(../images/dropdown-top.png) top center no-repeat;
padding-top:11px;
}
.mainNavigation li div ul {
width:169px;
background:url(../images/dropdown-bot.png) bottom center no-repeat;
padding-bottom:11px;
}
.mainNavigation li:hover div {
display:block;
}
.mainNavigation li:hover div.myBalance.appleGreen, .mainNavigation li:hover div.myBalance.appleRed {
display:none;
}
.mainNavigation li li {
background-image:none !important;
float:none;
display:block;
margin:0;
}
.mainNavigation li li:hover {
background-color:#fff;
}
.mainNavigation li li a {
padding:4px;
background:none !important;
}
.subNav {
text-align:right;
font-size:11pt;
margin:12px 0 18px 0;
height:24px;
}
.subNav a {
color:#759E09;
}
.welcomeNav {
font-family:'signikalight',arial,verdana,sans-serif;
text-align:right;
margin:0;
}
.welcomeNav strong {
font-family:'signikasemibold',arial,verdana,sans-serif;
}
#cartView {
font-family:'signikalight',arial,verdana,sans-serif;
}
#cartView strong {
font-family:'signikasemibold',arial,verdana,sans-serif;
}
.slider {margin-top:-2px;}
.sliderMask {
width:970px;
height:450px;
background:url(../images/slider-mask.png) center top no-repeat;
position:absolute;
}
.sliderContent {
color:#504346;
font-size:16pt;
}
.sliderContent h2 {
font-family:signikasemibold, arial, verdana, sans-serif;
color:#fff;
font-size:33pt;
/*text-shadow:2px 0px 0px rgba(140,134,135, 1);
-webkit-text-shadow:2px 0px 0px rgba(140,134,135, 1);
-moz-text-shadow:2px 0px 0px rgba(140,134,135, 1);*/
text-shadow: 1px 1px 1px #8c8687;
-moz-text-shadow: 1px 1px 1px #8c8687;
-webkit-text-shadow: 1px 1px 1px #8c8687;
line-height:40px;
margin-bottom:45px;
}
.sliderContent p {
font-family:signikasemibold, arial, verdana, sans-serif;
color:#fff;
text-shadow:2px 1px 0px #8c8687;
position:relative;
line-height:normal;
}
.slideTxtTop {
padding:70px 0 90px 50px;
}
.slideTxtMiddle {
padding:130px 0 90px 50px;
}
.slideTxtBottom {
padding:270px 0 90px 50px;
}
#nav {
width:924px;
margin-left:3px;
}
#nav a {
float:left;
background:url(../images/sld-pager.png) no-repeat;
width:231px;
height:10px;
display:block;
font-size:0px;
}
#nav a.sldPager1 {
background-position:0 -10px;
}
#nav .activeSlide .sldPager1 {
background-position:0 0;
}
#nav .sldPager1:hover {
background-position:0 0;
}
#nav a.sldPager2 {
background-position:-231px 0;
}
#nav a.sldPager2:hover {
background-position:-231px -10px;
}
#nav .activeSlide .sldPager2 {
background-position:-231px -10px;
}
#nav a.sldPager3 {
background-position:-462px 0;
}
#nav a.sldPager3:hover {
background-position:-462px -20px;
}
#nav .activeSlide .sldPager3 {
background-position:-462px -20px;
}
#nav a.sldPager4 {
background-position:-694px 0;
}
#nav a.sldPager4:hover {
background-position:-694px -30px;
}
#nav .activeSlide .sldPager4 {
background-position:-694px -30px;
}
.sldButt {
padding-left:55px;
position:absolute;
top:345px;
}
.sldButt .sldRegister {
background:url(../images/slider-btn.png) -160px 0 no-repeat;
}
.sldButt .sldRegister:hover {
background-position:-160px -80px;
}
.sldButt .sldLearnMore {
background:url(../images/slider-btn.png) 0 0 no-repeat;
}
.sldButt .sldLearnMore:hover {
background-position:0 -80px;
}
.slideNav {
position:absolute;
z-index:1500;
margin-left:775px;
margin-top:-45px;
}
#prev2 {
float:left;
display:block;
background:url(../images/prev.png) no-repeat;
width:44px;
height:42px;
margin-right:3px;
}
#prev2:hover {
background-position:bottom left;
}
#next2 {
float:left;
display:block;
background:url(../images/next.png) bottom left no-repeat;
width:44px;
height:42px;
}
#next2:hover {
background-position:top left;
}
.midCntTopCrv {
background:url(../images/top-crv.jpg) top left no-repeat;
}
.midCntS {
background:url(../images/mid-content-bg.jpg) no-repeat;
}
.midCntBotCrv {
background:url(../images/bottom-crv.jpg) bottom left no-repeat;
padding-bottom:17px;
}
.signupS {
background:url(../images/green-top-crv.jpg) top left no-repeat;
height:57px;
color:#fff;
font-size:16pt;
margin:7px 2px 0 2px;
padding:30px 25px;
line-height:130%;
}
.signupS .signupBttn {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/register-btn.png) 0 0 no-repeat;
float:right;
width:188px;
margin-top:10px;
color:#fff;
padding:4px 15px 7px;
font-size:16pt;
text-align:center;
}
.signupS .signupBttn:hover {
background-position:0 -50px;
}
.signupS span {
font-family:signikabold, arial, verdana, sans-serif;
}
.signupS div{
display:block;
float:left;
width:auto;
}
.blockS {
float:left;
width:26%;
margin:15px 35px 0;
text-align:center;
}
.blockS h3 {
font-family:'signikaregular', arial, verdana, sans-serif;
font-weight:normal;
margin-top:10px;
}
.blockS .quote {
color:#504346;
font-size:14pt;
margin:0;
padding:2px 10px 0 40px;
text-align:center;
}
.blockS .lightBulbIcn {
background:url(../images/home-icons.png) no-repeat;
}
.blockS .lightBulbIcn:hover {
background-position:0 -70px;
}
.blockS .piggyIcn {
background:url(../images/home-icons.png) -70px 0 no-repeat;
}
.blockS .piggyIcn:hover {
background-position:-70px -70px;
}
.mumergencyBttn {
background:url(../images/mumergency.png) 0 0 no-repeat;
margin:3px 0 0 7px;
}
.mumergencyBttn:hover {
background-position:0 -40px;
}
.postTtl {
background:url(../images/line.gif) center center no-repeat;
text-align:center;
font-size:19pt;
font-weight:normal;
font-family:'signikaregular', arial, verdana, sans-serif;
margin:18px 0;
color:#504346;
}
.blockCntTopCrv {
background:url(../images/top-sm-crv.jpg) top left no-repeat;
padding-top:2px;
}
.blockCntS {
background:url(../images/mid-content-sm-bg.jpg) top left no-repeat;
text-align:center;
padding-top:1px;
}
.blockCntS h2, .blockCntS p {
padding:10px 25px;
margin:0;
}
.blockCntBotCrv {
background:url(../images/bottom-sm-crv.jpg) bottom left no-repeat;
padding-bottom:16px;
float:left;
width:313px;
margin-right:13px;
}
#footer {
background:#fafafa url(../images/footer-top.gif) repeat-x;
margin-top:35px;
font-size:11pt;
padding:15px 0;
}
.ftContainer {
margin:0 auto;
width:965px;
padding-top:10px;
}
.ftContainer p {
margin-top:25px;
}
.copyright {
font-family:'signikalight',arial,verdana,sans-serif;
color:#b5b3b3;
margin-right:25px;
}
.abnFt {
float:right;
font-family:'signikalight',arial,verdana,sans-serif;
color:#b5b3b3;
}
.calendar {
background:url(../images/calendar.png) 98% 50% no-repeat;
border:1px solid #CCCCCC;
height:22px;
}
.progressImg {
margin:0 0 0 3px;
position:absolute;
z-index:1100;
}
#tab_family, #tab_school, #tab_provider {
width:740px;
margin:0 auto;
}
.pageStrip {
height:50px;
padding:33px 0 35px 250px;
color:#fff;
line-height:normal;
}
.pageStrip h2 {
color:#fff;
font-size:20pt;
}
.pageStrip p {
font-size:15pt;
margin:4px 0 0 0;
}
.contentColumnTop {
background:url(../images/page-top-crv.png) top left no-repeat;
padding-top:17px;
}
.contentColumn {
background:url(../images/page-mid-crv.png) repeat-y;
padding:20px;
min-height:100px;
}
.contentColumnBot {
background:url(../images/page-bot-crv.png) bottom left no-repeat;
padding-bottom:17px;
}
.contentColumn a {
color:#759e09;
}
#auth-loggedout h3 {
font-family:'signikaregular', arial, verdana, sans-serif;
font-size:16pt;
border-bottom:1px solid #cbcbcb;
padding-bottom:15px;
margin-bottom:25px;
font-weight:normal;
}
#auth-loggedout h3 div {
padding-top:11px;
}
.btmBorder {
border-bottom:1px solid #cbcbcb;
padding-bottom:20px;
}
.btmBrder {
border-bottom:1px solid #cbcbcb;
padding:0 10px 10px 10px;
}
.singleBdr {
border-bottom:1px solid #cbcbcb;
}
.topBdr {
border-top:1px solid #cbcbcb;
padding:10px 10px 10px 10px;
}
.orderTtlBdr {
border-bottom:1px solid #cbcbcb;
padding:0 10px 15px 0;
}
.orderTtlBdr div {
float:left;
font-family:'signikaregular', arial, verdana, sans-serif;
font-size:16pt;
font-weight:normal;
padding-top:12px;
}
h3 span.orderDay {
font-family:'signikalight', arial, verdana, sans-serif !important;
color:#e30613;
font-weight:normal;
font-size:13pt;
}
.red {color:#e30613 !important;}
.green {color:#29872f;}
.menuOrderDt {
background:url(../images/grd.png) 0 -450px no-repeat;
float:left;
width:252px;
padding:15px 20px 18px 15px;
margin-bottom:14px;
}
h3#menuMessage {
font-family:'signikaregular', arial, verdana, sans-serif;
font-size:16px;
padding-top:4px;
}
.menuOrderDt input, .menuOrderDt img {
float:right;
padding-left:5px;
}
.signupPageTop {
background:url(../images/signup-page-top-crv.png) top left no-repeat;
padding-top:17px;
}
.signupPageMid {
background:url(../images/signup-page-mid.png) repeat-y;
padding:20px 38px;
min-height:100px;
}
.signupPageBot {
width:744px;
background:url(../images/signup-page-bot-crv.png) bottom left no-repeat;
padding-bottom:21px;
margin:0px auto;
}
.signupFrm {
float:left;
width:380px;
}
.signupFrm li {
list-style-type:none;
margin-bottom:25px;
}
.signupFrm li label {
color:#504346;
display:block;
font-size:16pt;
margin-bottom:10px;
}
.signupFrm input[type='text'], .signupFrm input[type='password']{
background:url(../images/input-bg.jpg) no-repeat;
width:310px;
height:31px;
border:0;
font-size:14pt;
padding:5px;
}
.signupFrm .selectBox {
float:left;
background:url(../images/signup-select.png) no-repeat;
width:326px;
height:45px;
overflow:hidden;
margin-left:-3px;
}
.signupFrm select {
background:transparent;
width:360px;
height:45px;
font-size:14pt;
padding:10px;
border:0px;
box-shadow:none;
-webkit-appearance: none;
}
.signupRight {
width:288px;
float:right;
}
.signupPopUp {
position:absolute;
background:url(../images/signup-popup-bg.png) no-repeat 0 0;
width:258px;
height:289px;
margin-left:53px;
padding:30px;
}
.signupPopUp h2 {
color:#e30613;
font-size:22pt;
margin-bottom:10px;
clear:both;
}
.signupPopUp h4 {
font-family:'signikalight', arial, verdana, sans-serif;
margin-top:22px;
}
.orderPopUp {
position:absolute;
background:url(../images/signup-popup-bg.png) no-repeat 0 0;
width:258px;
height:289px;
/*margin-left:540px;
margin-top:-1100px;*/
margin-left:-94px;
margin-top:-167px;
padding:30px;
}
.orderPopUp h2,
.createOrderPopUp h2 {
color:#e30613;
font-size:22pt;
margin-bottom:10px;
font-family:'signikalight', arial, verdana, sans-serif;
}
.orderPopUp h4 {
margin-top:22px;
}
.orderPrvPopup {
color:#4e4446;
}
.orderPrvPopup .btmBrder {
border-bottom:1px solid #aca9a0;
padding:10px 5px;
}
.orderPrvPopup .topBdr {
border-top:1px solid #aca9a0;
padding:10px 5px;
}
.orderPrvList {
font-size:20px;
margin:25px 25px 25px 75px;
color:#4e4446;
}
.orderPrvList li {
list-style-type:none;
}
.createOrderPopUp {
position:absolute;
background:url(../images/signup-popup-bg.png) no-repeat 0 0;
width:258px;
height:289px;
margin-left:-18px;
margin-top:-278px;
padding:30px;
font-size:11pt;
}
.createOrderPopUp a {
color:#e30613;
}
.hzTooltip {
float:left;
background:url(../images/horizontal-tooltip.png) no-repeat 0 0;
width:294px;
height:96px;
padding:15px 45px 15px 15px;
font-size:17px;
}
.hzTooltip h2 {
color:#e30613;
font-size:22pt;
margin-bottom:10px;
}
.verticalTooltip {
float:left;
background:url(../images/vertical-tooltip.png) no-repeat 0 0;
width:220px;
height:127px;
padding:15px;
font-size:17px;
margin:70px 20px 0 0;
}
.verticalTooltip h2 {
color:#e30613;
font-size:22pt;
margin-bottom:10px;
}
.verticalTooltipOverlay {
background:url(../images/vertical-tooltip.png) no-repeat 0 0;
width:220px;
height:127px;
padding:15px;
font-size:17px;
margin:-150px 0 0 140px;
position:absolute;
}
.verticalTooltipOverlay div {
font-family: 'signikalight',arial,verdana,sans-serif;
font-size: 14.58px;
line-height: 130%;
margin-top:10px;
width:100%;
height:95px;
}
.verticalTooltipOverlay h2 {
color:#e30613;
font-size:20pt;
margin-bottom:10px;
}
.logoS {
margin-left: 135px;
margin-top: 324px;
}
#div_check_email, #div_check_message, #div_check_name, #div_check_password, #div_check_cpassword {
float:right;
}
.loginFrm {
width:320px;
margin:40px 0;
}
.loginFrm input[type='text'], .loginFrm input[type='password']{
background:url(../images/input-bg.jpg) no-repeat;
width:310px;
height:31px;
border:0;
padding:5px
}
.loginFrm li {
list-style-type:none;
margin-bottom:25px;
}
.loginFrm li label {
color:#504346;
font-size:21px;
display:block;
margin-bottom:10px;
}
.loginFrm a, .forgotPass a {
color:#29872f;
}
.fbLogin {
background:url(../images/facebook-login.png) 0 0 no-repeat;
}
.fbLogin:hover {
background-position:0 -80px;
}
.errorMsg {
background-color:#fff;
border:1px solid #ddd;
padding:5px 10px 10px 10px;
margin:0 0 25px 0;
font-size:14px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 1px 0 2px #ddd;
-moz-box-shadow: 1px 0 2px #ddd;
-webkit-box-shadow: 1px 0 2px #ddd;
}
.errorMsg .curve {
display:block;
background:url(../images/curve.png) no-repeat;
width:38px;
height:20px;
margin:0 auto -30px;
}
.errorMsg h5 {
background:url(../images/flag-red.png) no-repeat;
padding-left:20px;
}
.errorMsg p {
margin:2px 0 8px 0;
}
.errorMsg a {
color: #29872F;
}
.forgotPass {
margin:40px 0;
}
.forgotPass input[type='text']{
background:url(../images/input-bg.jpg) no-repeat;
width:310px;
height:31px;
border:0;
font-size:14pt;
padding:5px
}
.forgotPass li {
list-style-type:none;
margin-bottom:25px;
}
.forgotPass li label {
color: #504346;
display: block;
font-size: 16pt;
margin-bottom: 10px;
}
.loginLeft {
float:left;
width:405px;
}
.registerRight {
width:263px;
float:right;
margin-top:40px;
}
.registerRight h3 {
color: #E30613;
font-size: 14pt;
padding:0 0 9px 10px;
}
.rgtBoxTop {
background:url(../images/rgt-box-tp.png) left top no-repeat;
padding-top:25px;
}
.rgtBoxMid {
padding:0 10px 0 15px;
background:url(../images/rgt-box-mid.png) repeat-y;
}
.rgtBoxBot {
background:url(../images/rgt-box-bt.png) left bottom no-repeat;
padding-bottom:26px;
}
.contactTtl {
width:418px;
height:22px;
background:url(../images/grd.png) 0 -400px no-repeat;
/*padding:11px 11px 15px 30px;*/
padding:11px 8px;
color:#fff;
font-size:16pt;
}
.contactLeft {
float:left;
width:435px;
padding:0 28px 0 10px;
}
.contactInfo {
padding:25px 25px 0 50px;
font-size:13pt;
}
.contactInfo p {
padding:6px 0 0px 70px;
}
.contactInfo .chat {
background:url(../images/grd.png) -625px -50px no-repeat;
}
.contactInfo .call {
background:url(../images/grd.png) -625px -75px no-repeat;
padding-bottom:4px;
}
.contactInfo .website {
background:url(../images/grd.png) -625px -125px no-repeat;
padding-bottom:6px;
}
.contactInfo .mail {
background:url(../images/grd.png) -625px -175px no-repeat;
}
.contactInfo .abn {
background:url(../images/grd.png) -625px -200px no-repeat;
}
.contactRight {
float:left;
width:435px;
padding:0 10px 0 0;
}
.contactFrm {
padding:45px 20px 0 40px;
}
.contactFrm li {
list-style-type:none;
margin-bottom:25px;
}
.contactFrm li label {
color:#504346;
display:block;
font-size:16pt;
margin-bottom:10px;
}
.contactFrm input[type='text'] {
background:url(../images/input-bg.jpg) no-repeat;
width:310px;
height:31px;
border:0;
font-size:20px;
padding:5px;
}
.contactFrm textarea {
box-shadow:0 2px 1px #9C9C9A inset;
-moz-box-shadow:0 2px 1px #9C9C9A inset;
-webkit-box-shadow:0 2px 1px #9C9C9A inset;
}
.checkArea {
float:left;
background-color:#fff;
margin:7px 15px 0 0;
padding:4px;
width:160px;
}
.listTitle {
background:url(../images/grd.png) 0 -250px no-repeat;
padding:11px 8px;
color:#fff;
}
.listTitleFull {
background:url(../images/grd2.png) 0 0 no-repeat;
padding:11px 15px;
}
.listTitleFull span {
font-family:'signikalight', arial, verdana, sans-serif;
font-size:17px;
}
.pageTtl {
width:581px;
background:url(../images/grd.png) 0 -525px no-repeat;
padding:11px 8px;
color:#fff;
font-size:16pt;
/*font-size:20pt;*/
/*padding:11px 20px 15px 30px;*/
}
.pageTtl span {
font-family:'signikalight', arial, verdana, sans-serif;
font-size:18px;
}
.searchOrder {
border-bottom:1px solid #c7c7c6;
margin-bottom:15px;
}
.orderFrmInner {
padding:6px 0 15px 0;
}
#dTbl {
background-color:#fff;
margin-top:0px;
padding:25px;
}
.orderPageTop {
background:url(../images/order-page-tp.png) top left no-repeat;
padding-top:24px;
}
.orderPageMid {
background:url(../images/order-page-mid.png) repeat-y;
padding:0 17px 17px 17px;
min-height:100px;
}
.orderPageBot {
width:917px;
background:url(../images/order-page-bt.png) bottom left no-repeat;
padding-bottom:27px;
margin:0px auto;
}
.orderSteps {
background:url(../images/steps.png) 0 0 no-repeat;
height:45px;
border-bottom:1px solid #cbcbcb;
padding-bottom:8px;
}
.step2 {
background-position:0 -52px !important;
}
.step3 {
background-position:0 -105px !important;
}
.orderSteps li {
display:block;
float:left;
width:164px;
}
.orderSteps li a {
display:block;
width:164px;
height:45px;
}
.orderTitleDiv {
float:left;
background:url(../images/grd.png) 0 -175px no-repeat;
width:601px;
height:66px;
text-transform:capitalize;
}
/*...............*/
.accountSteps {
background:url(../images/account-steps.png?v1.2) 0 0 no-repeat;
height:45px;
border-bottom:1px solid #cbcbcb;
padding-bottom:8px;
}
.accountSteps li {
display:block;
float:left;
width:172px;
}
.accountSteps li a {
display:block;
width:172px;
height:45px;
}
.accountStep2 {
background-position:0 -52px !important;
}
.accountStep3 {
background-position:0 -105px !important;
}
.orderTitleDiv .schoolTitle {
float:left;
width:226px;
padding:20px 15px;
}
.orderTitleDiv .schoolTitle h4, .orderTitleDivInner h4 {
font-size:11pt;
color:#fff;
}
.orderTitleDivInner {
background:url(../images/titleDvd.gif) 0 2px no-repeat;
float:left;
width:105px;
height:38px;
padding:20px 0 3px 8px;
}
.studentColOne {width:301px;}
.studentColTwo {width:164px;}
.menuTwoStudents .studentColTwo, .menuOneStudent .studentColOne{
width:105px;
}
.menuTwoStudents .orderTblList .blankSpc2Col, .menuTwoStudents .tblTtl .blankSpc2Col, .menuOneStudent .tblTtl .blankSpc1Col, .menuOneStudent .orderTblList .blankSpc1Col{
float:left;
width:auto;
}
.menuTwoStudents .orderTitleDiv .schoolTitle{
width:340px;
}
.menuOneStudent .orderTitleDiv .schoolTitle{
width:396px;
}
.menuTwoStudents .tblTtl .item, .menuTwoStudents .orderTblList .item{
width:290px
}
.menuOneStudent .tblTtl .item, .menuOneStudent .orderTblList .item{
width:405px
}
.myBalance {
background:url(../images/apple.png) no-repeat;
width:92px;
height:80px;
position:absolute;
margin-top:-118px;
margin-left:770px;
color:#fff;
padding:32px 10px 0 10px;
text-align:center;
font-size:11pt;
}
.myBalance .accBalance {
font-size:16pt;
}
.myBalance a {
color:#fff;
text-decoration:underline;
}
.myBalance a:hover {
text-decoration:none;
}
.appleOrange {
background-position:0 -120px;
}
.appleRed {
background-position:0 -240px;
}
.tblTtl {
background:url(../images/grd.png) 0 -50px no-repeat;
margin:3px 0 7px 0;
}
.tblTtl div {
color:#504346;
padding:8px;
background:url(../images/tbl-dvd.gif) right 2px no-repeat;
}
.tblTtl .item {float:left;width:177px;padding-left:15px;}
.tblTtl .price {float:left;width:42px;}
.tblTtl .blankSpc {float:left;}
.tblTtl .blankSpc1Col {float:left;width:230px;}
.tblTtl .blankSpc2Col {float:left;width:61px;}
.tblTtl .addToCheck {float:left;width:30px;}
.tblTtl .qTy {float:left;width:30px;}
.noBorder {
background:none !important;
}
.orderTblList {
background:url(../images/grd.png) 0 -350px no-repeat;
font-size:11pt;
color: #504346;
}
.itemNm {
display:block;
cursor:pointer;
height:26px;
overflow:hidden;
}
.itemNm:hover {
text-decoration:underline;
color:#25a638;
}
.dshWhiteBg {
width:917px;
background:url(../images/hiw-wht-bg.jpg) bottom left repeat-x;
margin:60px 0 0 -17px;
padding: 0 0 20px;
}
.dshInnerSpcing {
padding:10px 58px 0 10px;
}
.dshInnerSpcing a {
color: #E30613;
text-decoration: underline;
}
.dshInnerSpcing a {
color: #E30613;
}
/* Manage Order Page Begin */
.carTblTtl {
width:597px;
height:38px;
background:url(../images/grd.png) 0 -50px no-repeat;
color:#504346;
margin-bottom:5px;
}
.carTblTtl a {
color:#504346;
}
.carTblTtl div {
float:left;
background:url(../images/tbl-dvd.gif) right 2px no-repeat;
height:16px;
padding:9px;
}
.child {text-transform:capitalize; }
.carTblTtl .date {width:60px;}
.carTblTtl .child {width:72px;}
.carTblTtl .title {width:120px;}
.carTblTtl .orderRef {width:150px;}
.carTblTtl .item {width:232px;}
.carTblTtl .price {width:36px;}
.carTblTtl .manage {width:105px}
.cartOrderTblList {
width:597px;
height:52px;
background:url(../images/grd.png) 0 -100px no-repeat;
color:#504346;
font-size:9pt;
margin-top:-1px;
}
.cartOrderTblList div {
float:left;
background:url(../images/tbl-dvd.gif) right 2px repeat-y;
padding:7px 9px;
height:37px;
overflow:hidden;
}
.cartOrderTblList .date {width:60px;}
.cartOrderTblList .child {width:72px;}
.cartOrderTblList .title {width:120px;}
.cartOrderTblList .orderRef {width:150px;}
.cartOrderTblList .item {width:232px;}
.cartOrderTblList .price {width:36px;}
.cartOrderTblList .manage {width:105px;}
.orderTblTotal {
background:url(../images/grd.png) 0 -300px no-repeat;
height:38px;
color: #504346;
margin-top:-2px;
}
.orderTblTotal div {float:left; padding:9px; font-size:11pt;}
.orderTblTotal .date {width:60px;}
.orderTblTotal .child {width:80px;}
.orderTblTotal .title {width:100px;}
.orderTblTotal .orderRef {width:150px;}
.orderTblTotal .item {width:230px;}
.orderTblTotal .price {width:100px;}
.orderTblTotal .manage {width:100px;}
.editLnk {
float:left;
color:#a4a0a1;
text-decoration:underline;
margin-right:5px;
}
.editLnk:hover {
color:#94c11f;
text-decoration:underline;
}
.addToFav {
float:left;
display:block;
background:url(../images/grd.png) 0 0 no-repeat;
width:25px;
height:25px;
margin-right:5px;
}
.addToFav:hover {
background-position:0 -25px;
}
.clone {
float:left;
display:block;
background:url(../images/grd.png) -25px 0 no-repeat;
width:25px;
height:25px;
margin-right:5px;
}
.clone:hover {
background-position: -25px -25px;
}
.delLnk {
float:left;
display:block;
background:url(../images/grd.png) -50px 0 no-repeat;
width:10px;
height:10px;
margin-top:5px;
}
.delLnk:hover {
background-position: -50px -25px;
}
/* Manage Order Page End */
tr.rowLst {background-color:#f5f5f5;}
/*tr.oddrowLst {background-color:#f5f5f5;}*/
.orderTblList div {
background:url(../images/tbl-dvd.gif) right 1px no-repeat;
padding:3px 8px;
}
.orderTblList .item {float:left;width:177px;padding-left: 15px;}
.orderTblList .price {float:left;width:42px;}
.orderTblList .blankSpc {float:left;width:auto;}
.orderTblList .blankSpc1Col {float:left;width:230px;}
.orderTblList .blankSpc2Col {float:left;width:61px;}
.orderTblList .addToCheck {float:left;width:30px;}
.orderTblList .qTy {float:left;width:30px; padding:0px !important;height:33px;overflow:hidden;}
.orderTblList .qTy div {width:10px !important; padding-top:1px; background:none !important;}
.orderTblList .qTy select {background:none; border:0; color:#504346; font-size:11pt; padding:0; margin:5px; border-radius:0; }
.orderTblList .qTy div.dshSelect {width:40px !important;overflow:hidden;padding:0 !important;}
.orderTblList .qTy div.dshSelect select {box-shadow:none; -webkit-appearance: none;padding-left:9px;}
.last_row {height:34px;}
.addToCheck {padding:9px !important;}
.menuSelect ul {
margin:10px 0;
}
.menuSelect li {
display:block;
float:left;
width:150px;
margin-bottom:5px;
}
.loginSt li {
display:block;
margin-bottom:24px;
}
.loginSt li label {
display:block;
height:23px;
color:#504346;
font-size:21px;
text-transform:lowercase;
margin-bottom:10px;
}
.loginSt li input[type="text"], .loginSt li select {
width:265px;
}
.loginSt .selectBox {
background:url(../images/select-bg.png) no-repeat;
width:285px;
height:43px;
overflow:hidden;
margin-left:-3px;
}
.loginSt select {
background:transparent;
width:370px;
height:40px;
font-size:14pt;
padding:10px;
border:0px;
box-shadow:none;
-webkit-appearance: none;
}
.loginFld {width:300px !important;}
.tblList {
border:1px solid #e9e7e3;
}
.tblList .tabH {
background-color:#e9e7e3;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#c2c2c2;
color:#504346;
font-size:12pt;
}
.tblList td {
font-size:10pt;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#c2c2c2;
color:#504346;
}
.orderSection {
float:left;
width:310px;
margin-right:15px;
}
.orderListTbl {
font-size:10pt;
border-collapse:collapse;
}
.orderListTbl td {
border:1px solid #d5d3d1;
}
.orderListTbl .tabH {
font-weight:bold;
}
.notes {
font-size:9pt;
font-style:italic;
margin:0;
padding:0;
color:#999;
}
.orderPageTabs {
margin-left:45px;
}
.orderPageTabs li {
display:block;
float:left;
/*width:164px;*/
height:35px;
margin-right:-2px;
}
.orderPageTabs li a {
display:block;
padding:9px;
}
.upcomingOrderTab {
background:url(../images/order-tabs.png) 0 0 no-repeat;
width:173px;
}
.orderTabCurrent {background:url(../images/order-tabs.png) 0 -37px no-repeat;}
.createOrderTab {
background:url(../images/order-tabs.png) 0 -74px no-repeat;
width:164px;
}
.createOrderCurrent {
background:url(../images/order-tabs.png) 0 -111px no-repeat;
}
.myFavouritesTab {
background:url(../images/order-tabs.png) 0 -148px no-repeat;
width:162px;
}
.myFavCurrent {background:url(../images/order-tabs.png) 0 -185px no-repeat;}
.orderHistoryTab {
background:url(../images/order-tabs.png) 0 -222px no-repeat;
width:162px;
}
.orderHistCurrent {
background:url(../images/order-tabs.png) 0 -259px no-repeat;
}
.orderLeftCol {
float:left;
width:603px;
margin-right:5px;
}
.orderListSection {
float:left;
padding:5px;
width:310px;
height:500px;
overflow:auto;
}
.orderListSection h5 {
text-align:right;
margin-bottom:5px;
}
.orderCartSection {
float:right;
width:245px;
/*overflow:auto;*/
}
#loadCartItem {
float:right;
width:245px;
}
.orderCartBlockTop {
background:url(../images/order-block-top-crv.gif) left top no-repeat;
padding-top:12px;
}
.orderCartBlockBot {
background:url(../images/order-block-bot-crv.gif) left bottom no-repeat;
padding-bottom:15px;
margin-bottom:15px;
}
.orderCartBlock {
background:url(../images/order-block-mid.gif) repeat-y;
padding:0 2px;
}
.orderCartBlock h3 {
font-size:13pt;
}
.orderCartSection h5 {
background-color:#fff;
color:#25a638;
padding:5px 10px;
}
.midSpc {padding:0 7px;}
.orderForList {
width:100%;
font-size:8pt;
color:#504346;
}
.orderForList td {
border-bottom:1px solid #c7c7c6;
border-top:1px solid #fff;
padding:4px 10px;
}
.orderForList .tabH {
font-size:10pt;
}
.orderForList .tabF {
font-family:'signikasemibold', arial, verdana, sans-serif;
font-size:10pt;
color:#504346;
border-bottom:0;
}
.infoTip {
margin:10px;
}
.fcyTtl {
float:left;
margin-top:12px;
}
.addFrm {
margin-top:15px;
margin-left:15px;
}
.addFrm li {
display:block;
margin-bottom:20px;
}
.addFrm li label {
font-family:'signikalight', arial, verdana, sans-serif;
color:#504346;
float:left;
width:135px;
margin-right:10px;
font-size:21px;
text-transform:lowercase;
}
.addFrm .fld, .addFrm select {
width:306px;
margin-right:15px;
}
.addSelectBox {
float:left;
background:url(../images/signup-select.png) no-repeat;
width:326px;
height:45px;
overflow:hidden;
margin-left:-3px;
}
.addSelectBox select {
background:transparent;
width:360px !important;
height:45px;
font-size:14pt;
padding:10px;
border:0px;
box-shadow:none;
-webkit-appearance: none;
}
.topUpFrm {
width:290px;
float:right;
margin-top:15px;
color:#504346;
font-family:'signikaregular', arial, verdana, sans-serif;
font-size:20px;
}
.topUpFrm li {
display:block;
height:20px;
margin-bottom:15px;
}
.topUpFrm li label {
font-family:'signikaregular', arial, verdana, sans-serif;
color:#504346;
float:left;
width:200px;
margin-right:10px;
font-size:20px;
}
.topUpFrm input[type='text'] {
width:178px;
font-size:22px;
}
.searchFrm {
background-color:#f0efec;
margin:25px 0 10px 0;
border:1px solid #c2c2c2;
padding:10px 15px 0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.searchFrm li {
float:left;
display:block;
margin-right:15px;
margin-bottom:15px;
}
.searchFrm li label {
color: #504346;
float: left;
font-size: 10pt;
font-weight: bold;
margin-right: 10px;
padding: 6px 1px;
text-align: right;
width: 90px;
}
.myAccBalance {
margin:0px auto;
width:968px;
}
.orderDt {
float:left;
width:249px;
padding-top:15px;
}
.orderDt input {
width:186px;
font-family:'signikaregular', arial, verdana, sans-serif;
color: #504346;
font-size:16pt;
text-align:center;
}
.selectMembers {
float:left;
width:197px;
height:243px;
font-size:16pt;
color:#4e4446;
padding-top:15px;
}
.selectMembers li span {
float:left;
display:block;
width:175px;
}
.checkList {
margin:0;
}
.checkList li {
display:block;
margin-bottom:10px;
height:19px;
}
/* How it works page */
.howitWorksTop {
background:url(../images/hiw-page-tp.png) top left no-repeat;
padding-top:24px;
}
.howitWorksMid {
background:url(../images/hiw-page-mid.png) repeat-y;
min-height:100px;
}
.howitWorksBot {
width:921px;
background:url(../images/hiw-page-bt.png) bottom left no-repeat;
padding-bottom:30px;
margin:0px auto;
}
.howitWorksMid a {
color:#e30613;
text-decoration:underline;
}
.howitWorksMid a:hover {
text-decoration:none;
}
.hiwWhtBox {
float:right;
/*background:url(../images/how-it-work-wht-box.png) no-repeat;*/
width:263px;
height:196px;
margin:0 0 10px 135px;
color:#504346;
}
.hiwWhtBoxTop {
background:url(../images/how-it-work-wht-box-tp.png) left top no-repeat;
padding-top:25px;
}
.hiwWhtBoxMid {
background-color:#fff;
padding:0 10px 0 15px;
}
.hiwWhtBoxBot {
background:url(../images/how-it-work-wht-box-bt.png) left bottom no-repeat;
padding-bottom:26px;
}
.hiwWhtBox p{
margin:3px 30px 15px 0;
}
.hiwWhtBox h3 {
font-size:14pt;
color:#e30613;
margin-right:10px;
}
.hiwBlockTop {
background:url(../images/hiw-box-tp.png) left top no-repeat;
padding-top:22px;
}
.hiwBlockBot {
float:left;
background:url(../images/hiw-box-bt.png) left bottom no-repeat;
width:251px;
padding-bottom:25px;
margin:40px 26px 20px 0;
}
.dropUsLine {
margin:4px 0 -46px 70px;
}
.hiwBlock {
background:url(../images/hiw-box-mid.png) repeat-y;
padding:0 15px;
}
.hiwBlock h3 {
text-align:center;
padding-top:8px;
padding-bottom:10px;
}
.hiwBlock .icons {
position:absolute;
margin-top:-60px;
margin-left:76px;
}
.hiwBlock ul {
margin:0;
}
.hiwBlock li {
background:url(../images/bullet.png) 0 9px no-repeat;
text-align:left;
padding:7px 0 7px 30px;
list-style-type:none;
}
.howitWorksMid .whiteBg {
background:url(../images/hiw-wht-bg.jpg) bottom left repeat-x;
padding:0 58px 20px 58px;
}
.howitWorksMid .innerSpacing {
padding:10px 58px 10px 58px;
}
.howitWorksMid .innerSpacing h3 {
padding:5px 0 10px 0;
}
.longContentPage h3 {padding:5px 0 10px 0;}
li.GreenYesTick:first-child {
margin: 20px 0 0px 0px;
}
.longContentPage {
padding:10px 50px 30px;
}
.longContentPage h2 {
margin-top: 30px;
}
.innerSpcingNarrow p {
width: 378px;
}
span.defn, span.strong {
font-family: 'signikasemibold', arial, verdana, sans-serif;
}
.innerSpcing h3 {
padding-top:10px;
}
.howitWorksMid .errorPg {
background:url(../images/logo.jpg) 70px 50% no-repeat;
padding-left:200px;
height:103px;
}
.hiwSteps li {
font-size:11pt;
display:block;
float:left;
width:183px;
}
.hiwSteps li p {
margin:2px 0;
}
li.chooseStep {
padding-left:20px;
}
li.orderStep {
padding-left:40px;
}
li.payStep {
width:150px;
padding-left:20px;
}
li.GreenYesTick {
background: url(../images/green-tick-icon.png) no-repeat 0px 0px transparent;
list-style-type: none;
margin: 0px;
padding: 5px 0px 10px 66px;
vertical-align: top;
height: 40px;
}
.redButt {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/red-butt.png) no-repeat 0 0;
width:149px;
height:43px;
padding:5px 10px 10px 9px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
}
.redButt:hover {
background-position:0 -50px;
}
a.redButt {
display:inline-block;
background:url(../images/red-butt.png) no-repeat 0 0;
width:131px;
height:25px;
padding:10px 10px 10px 9px;
color:#fff;
font-size:16pt;
text-align:center;
text-decoration:none;
}
a.redButt:hover {
background-position:0 -50px;
}
.greenButt {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat -150px -50px;
width:148px;
height:45px;
padding:8px 8px 13px 8px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
}
.greenButt:hover {
background-position:-450px -50px;
}
a.greenButt {
display:inline-block;
background:url(../images/buttons.png) no-repeat -150px -50px;
width:134px;
height:28px;
padding:8px;
color:#fff;
font-size:16pt;
text-align:center;
text-decoration:none;
}
.greenButtSm {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 -200px;
width:131px;
height:37px;
padding:5px;
color:#fff;
font-size:14pt;
text-align:center;
border:0;
cursor:pointer;
}
.greenButtWSm {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat -200px 0;
width:92px;
height:45px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
padding:7px 8px 13px;
vertical-align:middle;
}
.greenButtWSm:hover {
background-position:-500px 0;
}
.yellowButtSmMid {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat -150px -200px;
width:131px;
height:38px;
color:#fff;
font-size:14pt;
text-align:center;
border:0;
cursor:pointer;
text-transform:lowercase;
}
.yellowButt {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 -150px;
width:150px;
height:45px;
padding:7px 8px 13px 8px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
}
.yellowButt:hover {
background-position:-300px -150px;
}
.yellowButt2 {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat -150px -150px;
width:118px;
height:45px;
padding:8px 8px 13px 8px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
vertical-align:middle;
}
.yellowButt2:hover {
background-position:-450px -150px;
}
a.yellowButt {
display:inline-block;
background:url(../images/buttons.png) no-repeat 0 -150px;
width:134px;
height:28px;
padding:10px 8px 10px 7px;
color:#fff;
font-size:16pt;
text-align:center;
text-decoration:none;
}
.yellowButtSm {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 0;
width:98px;
height:31px;
color:#fff;
font-size:13pt;
text-align:center;
border:0;
cursor:pointer;
padding:4px 0 9px;
}
a.yellowButtSm {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 0;
width:85px;
height:21px;
color:#fff;
font-size:13pt;
text-align:center;
border:0;
cursor:pointer;
padding:5px;
text-decoration:none;
display:block;
}
a.yellowButtSmLg {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 -100px;
width:159px;
height:21px;
color:#fff;
font-size:13pt;
text-align:center;
border:0;
cursor:pointer;
padding:5px;
text-decoration:none;
}
a.yellowButtMid {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 -50px;
width:119px;
height:21px;
color:#fff;
font-size:13pt;
text-align:center;
border:0;
cursor:pointer;
padding:5px;
text-decoration:none;
}
.yellowButtWSm {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat -100px 0;
width:92px;
height:45px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
padding: 0 0 9px;
vertical-align:middle;
}
.yellowButtLg {
font-family:'signikaregular', arial, verdana, sans-serif;
background:url(../images/buttons.png) no-repeat 0 -250px;
width:196px;
height:45px;
padding:7px 8px 13px;
color:#fff;
font-size:16pt;
text-align:center;
border:0;
cursor:pointer;
}
.yellowButtLg:hover {
background-position:-300px -250px;
}
.addtoLunchBag {
background:url(../images/buttons3.png?v1.2) 0 -200px no-repeat;
margin-bottom:10px;
}
.addtoLunchBag:hover {
background-position:-250px -200px;
}
.addNewOrder3{
background:url(../images/buttons2.png) 0 0 no-repeat;
}
.addNewOrder3:hover {
background-position:0 -40px;
}
.addNewOrder {
background:url(../images/buttons3.png?v1.2) 0 -75px no-repeat;
margin:-4px 0 10px;
}
.addNewOrder:hover {
background-position:-250px -75px;
}
.addNewOrder2 {
background:url(../images/buttons2.png) 0 0 no-repeat;
}
.addNewOrder2:hover {
background-position:0 -40px;
}
.addNewOrderSm {
background:url(../images/buttons3.png?v1.2) 0 -350px no-repeat;
margin:-4px 0 10px;
}
.addNewOrderSm:hover {
background-position:-250px -350px ;
}
.makePayment {
background:url(../images/buttons3.png?v=2.0) 0 -275px no-repeat;
margin-bottom:10px;
}
.makePayment:hover {
background-position:-250px -275px;
}
.submitBtn {
width:247px;
height:57px;
background:url(../images/buttons3.png?v=2.0) 0 -400px no-repeat;
margin-bottom:10px;
border:0;
cursor:pointer;
}
.submitBtn:hover {
background-position:-250px -400px;
}
.makePaymentSm {
background:url(../images/buttons2.png) -160px 0 no-repeat;
margin-left:4px;
}
.makePaymentSm:hover {
background-position:-160px -40px;
}
.addFamilyMember {
background:url(../images/buttons3.png?v1.2) 0 -150px no-repeat;
}
.addFamilyMember:hover {
background-position:-250px -150px;
}
/*.manageFamily {
background:url(../images/buttons2.png) -160px -160px no-repeat;
margin-left:4px;
}
.manageFamily:hover {
background-position:-160px -200px;
}*/
.manageFamily {
background:url(../images/buttons3.png?v1.2) 0 0 no-repeat;
margin:-4px 0 10px 0;
}
.manageFamily:hover {
background-position: -250px 0;
}
.facebookBttn {
background:url(../images/buttons2.png) 0 -160px no-repeat;
margin-right:-3px;
}
.facebookBttn:hover {
background-position:0 -204px;
}
.yesButt {
display:block;
width:72px;
font-family:'signikaregular', arial, verdana, sans-serif;
background:url('../images/small-buttons.png') 0 0 no-repeat;
color:#fff;
padding:12px 12px 14px 10px;
font-size:15pt;
text-align:center;
margin-right:5px;
}
.yesButt:hover {
background-position:0 -50px;
}
.noButt {
display:block;
width:72px;
font-family:'signikaregular', arial, verdana, sans-serif;
background:url('../images/small-buttons.png') -100px 0 no-repeat;
color:#fff;
padding:12px 12px 14px 10px;
font-size:15pt;
text-align:center;
}
.noButt:hover {
background-position:-100px -50px;
}
.orderButton {
width:177px;
display:block;
background:url(../images/order-button.png?v1.3) 0 0 no-repeat;
color:#fff;
padding:12px 12px 14px 10px;
font-size:15pt;
text-align:center;
margin:5px 0 0 -4px;
}
.orderButton:hover {
background-position:-225px 0;
}
.orderButtonYellow {
width:177px;
display:block;
background:url(../images/order-button.png?v1.3) 0 -50px no-repeat;
color:#fff;
padding:12px 12px 14px 10px;
font-size:15pt;
text-align:center;
margin:5px 0 0 -4px;
}
.orderButtonYellow:hover {
background-position:-225px -50px;
}
.orOrderTitle {
font-size:20pt;
margin-bottom:15px;
}
.alertBoxButton {
width:196px;
text-align:center;
margin:0 auto;
padding:10px 10px 0 10px;
}
.pgCol {
float:left;
width:47%;
padding:0 0 0 5px;
margin-right:13px;
}
.pgColLogin {
float:left;
width:61%;
/*padding:30px 0 0 100px;*/
margin-right:13px;
}
.pgColLogin li input[type="submit"] {
margin-right:45px;
}
.calsection {
float:right;
}
.noBottomSpc {
padding-bottom:0 !important;
}
.fcyBoxInner {
padding:15px;
}
/* for password strength */
.passLbl {float:left; width:120px;}
.is0{background:url(../images/progress-star.png) no-repeat 0 0;width:140px; height:20px; float:left;}
.is10{background-position:0 -20px;}
.is20{background-position:0 -20px;}
.is30{background-position:0 -40px;}
.is40{background-position:0 -40px;}
.is50{background-position:0 -60px;}
.is60{background-position:0 -60px;}
.is70{background-position:0 -80px;}
.is80{background-position:0 -80px;}
.is90{background-position:0 -100px;}
.is100{background-position:0 -100px;}
/* for password strength backup */
/*.is0{background:url(../images/progressImg1.png) no-repeat 0 0;width:138px; height:7px; float:left;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}*/
/* Calendar Css*/
/*th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
display:none;
}*/
#awc_wrap {background:url(../images/clnd-btm-bdr.gif) left top repeat-x; width:100%; margin-top:15px; padding-top:15px;}
#awc_wrap a {text-decoration:none;}
#awc_prev {padding-left:8px;}
#awc_prev, #awc_title, #awc_next, .awc_d, .awc_c
{float:left;width:13.8%; margin-left:1px; margin-bottom:1px;}
#awc_title {width:63%; font-size:13pt;text-align:center;font-family:'signikasemibold', arial, verdana, sans-serif;color:#504346;margin-bottom:15px;}
#awc_next {text-align:right;}
.awc_d {text-align:center; color:#504346; font-family:'signikasemibold', arial, verdana, sans-serif; ;height:20px; background-color:#fff;padding:6px 0;}
.awc_c {background:url(../images/calendar-bg.png) no-repeat; height:36px; overflow:hidden;}
.awc_cn {font-size:0.8em; padding-left:3px;}
.awc_app {font-size:0.8em;background:#00C600; padding-left:3px;}
.awc_draft {font-size:0.8em;background:#ff6600; padding-left:3px;}
.awc_sub {font-size:0.8em;background:#FFFF00; padding-left:3px;}
.awc_h {background:url(../images/calendar-bg-off.png) no-repeat;}
.awc_b {background:url(../images/calendar-bg-off.png) no-repeat;}
.awc_dt {font-family:'signikabold', arial, verdana, sans-serif;color:#504346;padding:9px; text-align:center}
.awc_dt a {color:#504346;}
.awc_current {background:#8FBC8B;}
.ui-spinner {position:relative; border:0px solid white; }
.ui-spinner-buttons {position:absolute}
.ui-spinner-button {overflow:hidden}
.upToggle { background:url('../javascript/jquery-ui/css/images/arr-up.png') 215px 10px no-repeat;}
.downToggle { background:url('../javascript/jquery-ui/css/images/arr-down.png') 215px 10px no-repeat;}
.choosePayOption {
font-size:11pt;
margin:0;
color:#504346
}
/*
.choosePayOption {
font-size:11pt;
margin:15px;
color:#504346
}
.choosePayOption li {
display:block;
float:left;
width:46%;
margin:4px 10px;
} */
.choosePayOption li {
display:block;
margin:4px 0;
}
.paymentDiv {
float:left;
padding:7px !important;
width:440px;
}
.paymentDivPrc {
float:left;
padding:7px !important;
width:100px;
}
.listTtlFull {
width:882px;
background: url("../images/grd2.png") no-repeat scroll 0 -50px transparent;
margin:3px 0 7px 0;
color:#504346;
}
.listTtlFull div {
float:left;
width:17%;
padding:9px 9px;
background:url(../images/tbl-dvd.gif) right 2px no-repeat;
}
.listCntFull {
width:882px;
height:52px;
background:url(../images/grd2.png) 0 -100px no-repeat;
color: #504346;
margin-top:-2px;
font-size:9pt;
overflow:hidden;
}
.listCntFull div {
width:17%;
height:37px;
float:left;
color:#504346;
padding:7px 9px 7px 9px;
background:url(../images/tbl-dvd.gif) right 1px repeat-y;
}
.listTotalFull {
background:url(../images/grd2.png) 0 -175px no-repeat;
height:38px;
color: #504346;
margin-top:70px;
}
.listTotalFull div {
width:25%;
height:25px;
float:left;
color:#504346;
padding:4px 9px;
background:url(../images/tbl-dvd2.gif) right 2px repeat-y;
}
.listTtl {
width:597px;
background: url("../images/grd.png") no-repeat scroll 0 -50px transparent;
margin:3px 0 7px 0;
color:#504346;
}
.listTtl div {
float:left;
width:17%;
padding:9px 9px;
background:url(../images/tbl-dvd.gif) right 2px no-repeat;
}
.listCnt {
width:597px;
height:35px;
background:url(../images/grd.png) 0 -350px no-repeat;
color: #504346;
margin-top:-2px;
font-size:9pt;
}
.listCnt div {
width:17%;
height:21px;
float:left;
color:#504346;
padding:6px 9px;
background:url(../images/tbl-dvd.gif) right 1px no-repeat;
}
#dvLoading{
background:url(../images/loading-bg.png) repeat;
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:1000;
}
#dvLoading .loader {
background:#fff url(../images/loading.gif) center center no-repeat;
border:2px solid #fff;
border-radius:4px;
position:absolute;
top:50%;
left:50%;
width:43px;
height:11px;
padding:4px;
}
.pagination {
width:587px;
height:15px;
background:url(../images/grd.png) 0 -300px no-repeat;
margin-top:-1px;
padding:10px 5px;
font-size:12px;
}
.pagination div {
float:left;
width:50%;
text-align:center;
}
.pagination a {
color:#fff;
}
.pagination .nav {
background-color:#94c11f;
padding:2px 4px;
border:1px solid #83ae12;
}
.pagination .nav:hover {
background-color:#f4f4f4;
border:1px solid #ccc;
color:#000;
}
.pagination .nav2 {
background-color:#f4f4f4;
padding:2px 4px;
border:1px solid #ccc;
color:#888;
}
/*--------------------*/
.paginationFull {
background:url(../images/grd2.png) 0 -175px no-repeat;
height:20px;
padding:8px 5px;
font-size:12px;
margin-top:70px;
}
.paginationFull div {
float:left;
width:50%;
text-align:center;
}
.paginationFull a {
color:#fff;
}
.paginationFull .nav {
background-color:#94c11f;
padding:2px 4px;
border:1px solid #83ae12;
}
.paginationFull .nav:hover {
background-color:#f4f4f4;
border:1px solid #ccc;
color:#000;
}
.paginationFull .nav2 {
background-color:#f4f4f4;
padding:2px 4px;
border:1px solid #ccc;
color:#888;
}
.pagination2 {
width:217px;
margin-top:1px;
}
.pagination2 div {
width:98%;
padding:2px;
}
#fancybox-title {
display:none !important;
}
.menuTtl {
background:url(../images/grd.png) 0 -50px no-repeat;
margin:3px 0 7px 0;
}
.menuTtl div {
width:8%;
float:left;
color:#504346;
padding:8px;
background:url(../images/tbl-dvd.gif) right 2px no-repeat;
}
.menuTtl .item {float:left;width:177px;padding-left:15px;}
.menuTtl .price {float:left;width:37px;}
.menuTtl .blankSpc {float:left;}
.menuTtl .rating {float:left;width:48px;}
.menuTtl .day {float:left;width:26px;}
.menuTblList {
background:url(../images/grd.png) 0 -350px no-repeat;
font-size:11pt;
color: #504346;
}
.menuTblList div {
width:8%;
float:left;
color:#504346;
padding:4px 8px;
background:url(../images/tbl-dvd.gif) right 1px no-repeat;
height:25px;
}
.menuTblList .item {float:left;width:177px;padding-left:15px;}
.menuTblList .price {float:left;width:37px;}
.menuTblList .blankSpc {float:left;}
.menuTblList .rating {float:left;width:48px;}
.menuTblList .day {float:left;width:26px;}
.noItem{
color:#504346;
text-align:center;
font-size:11pt;
}
.noItem a {
color:#29872f;
}
.lastItemRw {
height:34px;
}
.favouriteFrm label {
color: #534245;
display: block;
float: left;
padding: 8px;
text-align: right;
width: 38px;
}
.favouriteFrm input[type="text"] {
width:450px;
font-size:24px;
}
.orderRightCol {
float:right;
width:200px;
margin-left:5px;
}
.loginToolTip {position:absolute;margin-left:450px}
.greenCal {
background:url(../images/calendar-bg-green.png) no-repeat !important;
}
.orangeCal {
background:url(../images/calendar-bg-orange.png) no-repeat !important;
}
.orangeGreenCal {
background:url(../images/calendar-bg-og.png) no-repeat !important;
}
.suppContact {padding-left:0 !important; font-size:11pt;}
.cutofTime {
width:200px;
float:right;
font-family:'signikaregular',arial,verdana,sans-serif;
font-size: 14px;
color: #504346;
padding:1px 8px 10px 8px;
}
.ui-datepicker {
background-color:#f1f0ed;
}
.ui-datepicker .ui-datepicker-title {
color: #504346;
font-family: 'signikasemibold',arial,verdana,sans-serif;
font-size: 13pt;
margin-bottom: 15px;
text-align: center;
}
.ui-datepicker th {
background-color: #FFFFFF;
color: #504346;
font-family: 'signikasemibold',arial,verdana,sans-serif;
height: 20px;
padding: 6px 0 !important;
text-align: center;
border:1px solid #F1F0ED !important;
}
.ui-icon-circle-triangle-w {
background:url(../images/left-arr.png) no-repeat !important;
cursor:pointer;
}
.ui-icon-circle-triangle-e {
background:url(../images/right-arr.png) no-repeat !important;
cursor:pointer;
}
.ui-state-disabled {
background:url(../images/calendar-bg-off.png) no-repeat !important;
}
.chngEmaiLink {
color:#000;
font-size:10pt;
margin-left:81px;
}
.chngEmaiLink:hover {
text-decoration:underline;
}
#menuDate {margin-bottom:15px;}
/*#menuDate.flexibleTab{
display:table;
width:100%;
}
#menuDate.flexibleTab .orderTitleDiv, #menuDate.flexibleTab #showMenu{
display:table-row;
float:none;
width:100%;
max-width:601px;
}
#menuDate.flexibleTab #showMenu{
display:table-row;
float:none;
width:100%;
max-width:601px;
}
#menuDate.flexibleTab .orderTitleDiv > div, #menuDate.flexibleTab .tblTtl > div{
display:table-cell;
float:none;
}
#menuDate.flexibleTab .tblTtl{
display:table-row;
float:none;
}*/
.rdMore {font-weight:bold; color:#29872f;}
ul.statusLegend {margin:10px 4px 15px 4px; padding:0;}
ul.statusLegend li {display:inline;margin-right:40px;color:#504346;}
.addAmtFrm {
width:580px;
margin-top:15px;
}
.addAmtFrm li {
display:block;
margin-bottom:13px;
}
.addAmtFrm li label {
font-family:'signikalight', arial, verdana, sans-serif;
color:#504346;
float:left;
width:120px;
margin-right:10px;
font-size:21px;
padding:2px 0 0 0;
}
.addAmtFrm .fld, .addAmtFrm select {
width:306px;
margin-right:15px;
}
.addAmtFrm .liLeft {
float:left;
width:223px;
}
.addAmtFrm .refNo, .addAmtFrm .amt {
width:216px;
height:25px;
}
.directMethodForm {
width:580px;
}
.directMethodForm .orderRef {
float: left;
width: 310px;
margin: 0 0 5px;
}
.orderPayment {
float: left;
width: 180px;
margin: 0 0 5px 5px;
}
.dashboardNoItems {
font-family:'signikasemibold', arial, verdana, sans-serif;
color:#25a638;
}
.beginOrderTxt {
background:url(../images/company-logo.gif) bottom center no-repeat;
float:left;
width:280px;
margin-right:62px;
padding-left:2px;
padding-bottom:100px;
margin-bottom:30px;
font-size:14pt;
}
.orderTblListBt {
background:url(../images/begin-order-bt.png) bottom left no-repeat;
padding-bottom:4px;
margin-top:-2px;
}
.orderTblListTp {
background:url(../images/begin-order-tp.png) top left no-repeat;
padding-top:4px;
}
.orderTblListMid {
background:url(../images/begin-order-mid.png) repeat-y;
font-size:11pt;
color: #504346;
padding:4px 15px;
}
.processingLoad {
background:url(../images/loading.gif) center center no-repeat;
height:340px;
}
.processingLoad .message {
font-family:'signikasemibold', arial, verdana, sans-serif;
color:#e30613;
}
.rightColS {
float: right;
width: 245px;
}
.rightListTitle {
width:227px;
background: #f9c139; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YzEzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjliMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9c139 0%, #d29b15 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c139), color-stop(100%,#d29b15)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9c139 0%,#d29b15 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9c139 0%,#d29b15 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9c139 0%,#d29b15 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9c139 0%,#d29b15 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c139', endColorstr='#d29b15',GradientType=0 ); /* IE6-8 */
color:#fff;
font-size:14pt;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow:0 0 2px #999;
-moz-box-shadow:0 0 2px #999;
-webkit-box-shadow:0 0 2px #999;
color: #FFFFFF;
margin:1px 0 4px 1px;
padding:11px 8px;
}
.orderTblRListBt {
background:url(../images/begin-order-rgt-bt.png) bottom left no-repeat;
padding-bottom:4px;
margin-top:-2px;
}
.orderTblRListTp {
background:url(../images/begin-order-rgt-tp.png) top left no-repeat;
padding-top:4px;
}
.orderTblRListMid {
background:url(../images/begin-order-rgt-mid.png) repeat-y;
font-size:11pt;
color: #504346;
padding:4px 10px;
}
.slider > div{
width:969px;
height:450px;
background: center center no-repeat;
background-size:cover;
}
.orderTblList div.studentMobileRow{
padding:0;
background:none;
width:100%;
}
.mobileStudentName{
display:none;
}
.mobileHeadline, #sliderMobile, .mobileHeader{
display:none;
}
.tblTtl.mobileOrderCategoryHeader{
display:none;
}
.orderTblList div.mobileOrderItemName{
background:none!important;
padding:0;
}
.mobileOrderItemDescription, .mobileOrderAddToBag{
display:none;
}
.dashboardBeginOrder{
float:left;width:250px;
}
.mobileSmallLogo, .mobileUniformsBut{
display:none;
}
#orderDateSec{
float:left; width:245px;
}
#cloneSteps{
float:left; width:453px; margin-left:25px
}
.mobileNextBut,.cloneStepsMobileTitle{
display:none;
}
#paymentBox{
margin-left:30px;width:245px; float:left;
}
.mainNavigation li.mobileMenuLogout{
display:none;
}
@media only screen and (max-width: 767px){
.myBalance {
display: block!important;
margin-top:0px;
margin-left:0px;
top: 7%;
right: 0px;
z-index: 99;
}
.pageStrip {
/* display: block!important; */
margin-top: 85px;
height: 100%;
width: 65%;
padding-left: 20px;
padding-bottom: 47px;
}
.orderLeftCol .beginOrderTxt p{
width:40%;
}
}
@media (min-width: 969px) {
.navbar-toggle {
display: none;
}
.mobileFooter{
display:none;
}
.hideOnDesktop{
display:none;
}
}
@media (max-width:968px){
.hideOnDesktop{
display:block;
}
.statusLegend{
width:100%;
list-style:none;
}
#my_schools{
display:table;
width:100%;
border-collapse:collapse;
table-layout:fixed;
word-wrap:break-word;
font-size:12px;
}
ul.statusLegend li{
display:list-item;
width:100%;
}
.mainNavigation li.mobileMenuLogout{
display:block;
}
#paymentBox{
margin:10px 0 25px 0;
}
#cloneSteps{
float:left;
width:100%;
max-width:453px;
}
#cloneSteps a img{
max-width:53px;
}
#cloneSteps img{
width:100%;
height:auto;
max-width:445px;
}
#orderDateSec{
width:100%;
max-width:245px;
}
.orderDt{
width:100%;
max-width:235px;
}
.dashboardBeginOrder{
float:none;
margin:95px auto 0 auto;
}
.hzTooltip{
max-width:294px;
width:100%;
background-size:100% auto;
}
.createOrderPopUp{
margin:0;
z-index:100;
left:-10px;
}
.beginOrderTxt .createOrderPopUp p{
color:#6a6466;
}
.addToCheck a.tickOff{
display:block;
width:19px;
height:15px;
vertical-align:middle;
}
.addToCheck a.tickOff:after{
content:"Add";
display:block;
width:19px;
height:15px;
color:#26a639;
line-height:10px;
font-size:14px;
}
.addToCheck a.tickOff img{
display:none;
}
.orderCartSection, .makePayment.alignRight{
display:none;
}
.mobileOrderAddToBag,.mobileNextBut{
display:block;
float:right;
padding:5px 10px;
background-image:none;
background-size:100% auto;
font-size:12px;
font-weight:bold;
color:#fff;
margin:20px 0;
border:1px solid #cfcfcf;
box-sizing:border-box;
background: #e6af27;
background: -webkit-linear-gradient(#f9c23a, #d29b13);
background: -o-linear-gradient(#f9c23a, #d29b13);
background: -moz-linear-gradient(#f9c23a, #d29b13);
background: linear-gradient(#f9c23a, #d29b13);
border-radius:8px;
width:auto;
}
.mobileNextBut{
margin:7px 0;
padding:5px 20px;
}
.mobileOrderAddToBag:hover, .mobileNextBut:hover{
background: #e6af27;
background: -webkit-linear-gradient(#d29b13, #f9c23a);
background: -o-linear-gradient(#d29b13, #f9c23a);
background: -moz-linear-gradient(#d29b13, #f9c23a);
background: linear-gradient(#d29b13, #f9c23a);
}
.mobileOrderAddToBag img{
display:none;
}
.orderTblList .mobileOrderItemDescription{
display:none;
float:left;
width:100%;
background:none;
padding:0;
}
.orderTblList .mobileOrderItemDescriptionDescription{
display:none;
}
.mobileOrderItemDescriptionHeader{
background-color:#f0efeb;
padding:3px 8px;
width:100%;
display:block;
box-sizing:border-box;
background:#f0efeb url('../images/right-arr.png') no-repeat right 25px center;
cursor:pointer;
}
.mobileOrderItemDescriptionHeader.descriptionExpanded{
background:#f0efeb url('../images/left-arr.png') no-repeat right 25px center;
}
.mobileHeadline, .mobileHeader{
display:block;
}
#mobileTopLogin{
float:right;
margin-right:12px;
margin-top:-4px;
}
.pagination{
position:absolute;
width:100%;
max-width:600px;
box-sizing:border-box;
height:40px;
background-image:none;
background-color:#e9e7e4;
border:1px solid #c2c2c2;
}
.loginFrm li label{
font-size:15px;
}
.pagination div{
box-sizing:border-box;
}
.pagination div:nth-child(1){
width:65%;
}
.pagination div:nth-child(2){
width:35%;
}
.verticalTooltipOverlay{
margin-left:0;
}
#mobileTopLogin a{
font-size:18px;
}
.hideOnMobile{
display:none!important;
}
#page{
width:100%;
max-width:968px;
box-sizing:border-box;
padding:0;
margin:0 auto;
}
.slider > div{
width:100%;
height:450px;
background-size:cover;
}
.sliderMask{
width:100%;
background-size:cover;
}
#sliderMobile{
display:inline-block;
width:100%;
background:url('../media/images/5/slide03.jpg') transparent no-repeat center center;
height:364px;
margin-top:60px;
text-align:center;
}
#sliderMobile .sliderContent{
padding-top:70px;
background-color:rgba(0,0,0,0.5);
box-sizing:border-box;
height:100%;
}
#sliderMobile .sliderContent h2{
font-size:26px;
}
#sliderMobile .sliderContent .sldButt{
width:100%;
padding:0;
position:static;
}
#sliderMobile .sliderContent a{
margin:0 auto;
height:45px;
display:inline-block;
}
#sliderMobile .sldButt .sldRegister{
background-position:-157px 0;
}
#sliderMobile .sldButt .sldRegister:hover{
background-position:-157px -80px;
}
#nav{
width:100%;
margin-left:0;
}
#nav a{
width:25%;
}
.header{
background:url('../images/mobileHeaderBg.png') transparent no-repeat center center;
width:100%;
height:95px;
position:absolute;
left:0;
right:0;
margin:0 auto;
top:0;
}
.header.notHomeHeader{
height:55px;
background-color:#fff;
}
.orderPageTabs,.tabs-nav-family.tabs-nav{
position:fixed;
bottom:0;
margin:0;
width:100%;
left:0;
height:43px;
border-top:1px solid #e6e5e5;
background-color:#f3f2ef;
z-index:100;
padding:0;
}
.orderPageTabs li,.tabs-nav-family.tabs-nav li{
width:25%;
height:43px;
margin:0;
min-width:0;
}
.searchOrder{
margin-top:50px;
}
#tab_family_ac{
margin-top:50px;
}
.orderFrmInner #student_name{
margin-left:0!important;
}
.orderFrmInner .alignRight.yellowButt2{
float:left;
}
.schoolMobileOrderTable{
display:table;
width:100%;
border-collapse:collapse;
table-layout:fixed;
font-size:12px;
}
.noItem{
position:absolute;
width:100%;
text-align:center;
left:0;
right:0;
padding:10px 0;
}
.paginationFull{
background-image:none;
}
.schoolMobileOrderTable div.listTtlFull, .schoolMobileOrderTable div.listCntFull, #my_schools .listTtlFull{
display:table-row;
border:1px solid #999;
background-image:none;
}
.schoolMobileOrderTable div.listTtlFull{
background-color:#edebe8;
}
#my_schools .listTtlFull{
width:100%;
max-width:882px;
}
#my_schools .listTtlFull div, #my_schools .listTtlFull div.noBorder{
width:16.66%!important;
float:none;
display:table-cell;
border-right:1px solid #cfcfcf;
background-image:none;
background-color:#edebe8!important;
padding:2px;
}
.listTitleFull, #my_schools .listTitleFull{
display:table-caption;
border:1px solid #cfcfcf;
box-sizing:border-box;
background: #e6af27;
background: -webkit-linear-gradient(#f9c23a, #d29b13);
background: -o-linear-gradient(#f9c23a, #d29b13);
background: -moz-linear-gradient(#f9c23a, #d29b13);
background: linear-gradient(#f9c23a, #d29b13);
height:auto;
box-sizing:border-box;
border-radius:8px;
}
.schoolMobileOrderTable div.listTtlFull div, .schoolMobileOrderTable div.listCntFull div{
width:12.5%!important;
background-image:none;
box-sizing:border-box;
word-wrap:break-word;
padding:2px;
border-right:1px solid #999;
display:table-cell;
float:none;
vertical-align:middle;
}
#tab_faqs .tabs-nav-family.tabs-nav li{
width:33.33%;
}
.orderPageTabs li a{
padding:9px 0;
}
.tabs-nav-family.tabs-nav li a{
padding:0;
top:0;
}
.tabs-nav-family.tabs-nav a span{
height:43px!important;
}
.orderPageTabs li.upcomingOrderTab{
background:url("../images/upcomingOrderMobileTabBg.png") transparent no-repeat left top;
width:27%;
}
.orderPageTabs li.upcomingOrderTab:hover, .orderPageTabs li.upcomingOrderTab.orderTabCurrent{
background-position: left bottom;
}
.orderPageTabs li:hover a:after, .createOrderTab.createOrderCurrent a:after, .upcomingOrderTab.orderTabCurrent a:after, .orderPageTabs li.myFavouritesTab.myFavCurrent a:after, .orderPageTabs li.orderHistoryTab.orderHistCurrent a:after{
color:red;
}
.upcomingOrderTab a:after{
content:"upcoming orders";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
}
.orderPageTabs li.createOrderTab{
background:url("../images/createOrderMobileTabBg.png") transparent no-repeat -3px top;
width:22%;
}
.orderPageTabs li.createOrderTab:hover, .orderPageTabs li.createOrderTab.createOrderCurrent{
background-position: -3px bottom;
}
.createOrderTab a:after{
content:"create \A order";
color:#000;
font-size:10px;
line-height:12px;
padding-left:34px;
width:30px;
display:inline-block;
}
.orderPageTabs li.myFavouritesTab{
background:url("../images/favouriteOrderTabMobileBg.png") transparent no-repeat -6px top;
width:26%;
}
.orderPageTabs li.myFavouritesTab:hover, .orderPageTabs li.myFavouritesTab.myFavCurrent{
background-position: -6px bottom;
}
.myFavouritesTab a:after{
content:"my \A favourites";
color:#000;
font-size:10px;
line-height:10px;
padding-left:29px;
width:30px;
display:inline-block;
}
.orderPageTabs li.orderHistoryTab{
background:url("../images/orderHistoryMobileTabBg.png") transparent no-repeat -5px top;
width:23%;
}
.orderPageTabs li.orderHistoryTab:hover, .orderPageTabs li.orderHistoryTab.orderHistCurrent{
background-position: -5px bottom;
}
.orderHistoryTab a:after{
content:"order \A history";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
}
.tabs-nav-family.tabs-nav span.contactInfo{
background:url("../images/contactInfoMobileTabBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.contactInfo, .tabs-nav-family.tabs-nav li:hover span.contactInfo{
background:url("../images/contactInfoMobileTabBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family span.contactInfo:after{
content:"contact \A details";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
}
.tabs-nav-family.tabs-nav span.familyMembers{
background:url("../images/familyMembersMobileTabBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.familyMembers, .tabs-nav-family.tabs-nav li:hover span.familyMembers{
background:url("../images/familyMembersMobileTabBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family span.familyMembers:after{
content:"user \A details";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
}
.tabs-nav-family.tabs-nav span.loginInfo{
background:url("../images/loginInfoMobileBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.loginInfo, .tabs-nav-family.tabs-nav li:hover span.loginInfo{
background:url("../images/loginInfoMobileBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family.tabs-nav span.loginInfo:after{
content:"login \A details";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
}
.tabs-nav-family.tabs-nav span.mySchool{
background:url("../images/mobileMySchoolsBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.mySchool, .tabs-nav-family.tabs-nav li:hover span.mySchool{
background:url("../images/mobileMySchoolsBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family.tabs-nav span.mySchool:after{
content:"my \A schools";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
}
.tabs-nav-family.tabs-nav span.accountInfo{
background:url("../images/billingDetailsMobileTabBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.accountInfo, .tabs-nav-family.tabs-nav li:hover span.accountInfo{
background:url("../images/billingDetailsMobileTabBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family.tabs-nav span.accountInfo:after{
content:"billing \A details";
color:#000;
font-size:10px;
line-height:12px;
padding-left:30px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
}
.tabs-nav-family.tabs-nav span.forFamilies{
background:url("../images/mobileFaqForFamBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.forFamilies, .tabs-nav-family.tabs-nav li:hover span.forFamilies{
background:url("../images/mobileFaqForFamBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family span.forFamilies:after{
content:"for \A families";
color:#000;
font-size:10px;
line-height:12px;
padding-left:25px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
text-align:left;
}
.tabs-nav-family.tabs-nav span.forSchools{
background:url("../images/mobileFaqForSchoolBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.forSchools, .tabs-nav-family.tabs-nav li:hover span.forSchools{
background:url("../images/mobileFaqForSchoolBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family span.forSchools:after{
content:"for \A schools";
color:#000;
font-size:10px;
line-height:12px;
padding-left:25px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
text-align:left;
}
.tabs-nav-family.tabs-nav span.forSuppliers{
background:url("../images/mobileFaqForSupBg.png") transparent no-repeat left top!important;
width:100%!important;
}
.tabs-nav-family.tabs-nav .tabs-selected span.forSuppliers, .tabs-nav-family.tabs-nav li:hover span.forSuppliers{
background:url("../images/mobileFaqForSupBg.png") transparent no-repeat left bottom!important;
}
.tabs-nav-family span.forSuppliers:after{
content:"for \A suppliers";
color:#000;
font-size:10px;
line-height:12px;
padding-left:25px;
width:30px;
display:inline-block;
white-space: pre;
padding-top:6px;
text-align:left;
}
.innerPageBg{
background-position:center -88px;
}
.addSelectBox{
width:90%;
max-width:312px;
background-position:right top;
float:left;
background-image:none;
}
.addSelectBox select{
width:100%!important;
padding:0;
font-size:15px;
}
.addFrm li > label{
width:100%!important;
font-size:15px;
}
.addFrm li:nth-child(3) > label{
display:none;
}
#tab_family, #tab_school, #tab_provider{
width:100%;
max-width:740px;
}
.signupFrm .selectBox{
width:100%;
background-position:right top;
max-width:326px;
border-left:1px solid #999999;
}
.signupPopUp{
margin-left:0;
}
.orderLeftCol{
display:table;
border-collapse:collapse;
margin-bottom:25px;
position:relative;
}
.orderLeftCol .listTitle{
display:table-caption;
float:none;
max-width:600px;
}
#comments{
width:100%!important;
max-width:305px;
}
.signupFrm select{
width:100%;
background-position:right top;
max-width:360px;
}
.orderPageTop{
padding:2% 0 0 0;
background-size:contain;
}
.orderPageBot{
margin-top:40px;
width:100%;
}
.orderSteps, .accountSteps{
width:100%;
max-width:485px;
float:left;
height:auto;
background-size:100% auto;
}
.orderTtlBdr{
padding:0 0 15px 0;
}
.step2{
background-position:0 center !important;
}
.step3{
background-position:0 bottom !important;
}
.orderSteps li, .accountSteps li{
width:33.33%;
}
.accountStep2{
background-position:0 bottom !important;
}
.orderSteps li a, .accountSteps li a{
width:100%;
padding:12% 0;
height:auto;
}
.addFamilyMember.alignRight{
float:left;
margin-bottom:10px;
}
.listTtl{
width:100%;
max-width:597px;
background-image:none;
background-color:#edebe8;
}
.listTtl div{
width:17%!important;
background-image:none;
}
.listCnt div{
width:17%!important;
word-wrap:break-word;
background-image:none;
}
.listCnt{
max-width:597px;
width:100%;
background-image:none;
}
#logo{
width:127px;
left:0;
right:0;
margin:5px auto;
position:static;
}
#logo a img{
width:127px;
height:82px;
position:absolute;
left:0;
right:0;
margin:0 auto;
}
#logo a img.mobileSmallLogo{
width:25px;
height:37px;
position:absolute;
left:55px;
margin:0;
top:9px;
display:block;
}
.collapse {
display: none;
}
#bottomNav{
display:none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.navbar-collapse {
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
.navbar-toggle.mobileNavigation {
position: absolute;
float: right;
padding: 17px;
margin:0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
background-color:rgba(0, 0, 0, 0);
cursor:pointer;
top:0;
left:0;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.sr-only {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navbar-toggle.mobileNavigation .icon-bar {
background-color: #605456;
}
.navbar-toggle.mobileNavigation .icon-bar {
border-radius: 1px;
display: block;
height: 2px;
width: 22px;
}
.navbar-toggle.mobileNavigation.expanded .icon-bar:nth-child(2){
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
margin-top:5px;
}
.navbar-toggle.mobileNavigation.expanded .icon-bar:nth-child(3){
-ms-transform: rotate(135deg); /* IE 9 */
-webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
transform: rotate(135deg);
margin-top:-2px;
}
.navbar-toggle.mobileNavigation.expanded .icon-bar:nth-child(4){
display:none;
}
.headerRight{
width:100%;
}
.mainNavigation{
position:absolute;
width:100%;
z-index:6000;
-webkit-transform:translate3d(0,0,6000px);
-moz-transform:translate3d(0,0,6000px);
-o-transform:translate3d(0,0,6000px);
transform:translate3d(0,0,6000px);
}
.mainNavigation ul.nav{
width:100%;
height:auto;
}
.mainNavigation ul.nav li{
width:100%;
text-align:center;
border-top:1px solid #c5c5c3;
padding:0;
background:url('../images/mobileMenuBg.png') transparent repeat-x center center;
}
.mainNavigation ul.nav li:hover{
background:url('../images/mobileMenuHoverBg.png') transparent repeat-x center center;
}
.mainNavigation ul.nav li.mobileMenuBalance{
background:none;
background-color:#fff;
}
.mainNavigation ul.nav li.mobileMenuBalance .logoutClass{
padding-top:50px;
float:left;
}
.mainNavigation ul.nav li:last-child{
border-bottom:1px solid #c5c5c3;
}
.mainNavigation ul.nav li a{
padding:0;
font-size:17px;
padding:18px 40px;
line-height:100%;
text-align:left;
}
.mainNavigation ul.nav li a:hover{
background:none;
}
.hiwSteps{
display:block;
list-style:none;
width:100%;
min-height:375px;
}
.hiwSteps li:nth-child(1){
background:url("../images/mobileFaqRegisterBg.png") transparent no-repeat top center;
padding-top:125px;
}
.hiwSteps li:nth-child(2){
background:url("../images/mobileFaqUploadBg.png") transparent no-repeat top center;
padding-top:125px;
}
.hiwSteps li:nth-child(3){
background:url("../images/mobileFaqPrintBg.png") transparent no-repeat top center;
padding-top:125px;
}
.hiwSteps li:nth-child(4){
background:url("../images/mobileFaqDeliverBg.png") transparent no-repeat top center;
padding-top:125px;
}
#for_schools .hiwSteps li:nth-child(2){
background:url("../images/mobileFaqChooseBg.png") transparent no-repeat top center;
padding-top:125px;
}
#for_schools .hiwSteps li:nth-child(3){
background:url("../images/mobileFaqNotifyBg.png") transparent no-repeat top center;
padding-top:125px;
}
#for_schools .hiwSteps li:nth-child(4){
background:url("../images/mobileFaqReceiveBg.png") transparent no-repeat top center;
padding-top:125px;
}
#for_families .hiwSteps li:nth-child(2){
background:url("../images/mobileFaqChooseBg.png") transparent no-repeat top center;
padding-top:125px;
}
#for_families .hiwSteps li:nth-child(3){
background:url("../images/mobileFaqOrderBg.png") transparent no-repeat top center;
padding-top:125px;
}
#for_families .hiwSteps li:nth-child(4){
background:url("../images/mobileFaqPayBg.png") transparent no-repeat top center;
padding-top:125px;
}
.whiteBg > p > img{
display:none;
}
.mobileOverlay{
display:none;
position:absolute;
top:200px;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.7);
z-index:5001;
-webkit-transform:translate3d(0,0,5001px);
-moz-transform:translate3d(0,0,5001px);
-o-transform:translate3d(0,0,5001px);
transform:translate3d(0,0,5001px);
}
.mainNavigation ul.nav li:hover a{
background:none;
}
.mobileHeadline a{
background:url('../images/mobileRegisterBg.png') transparent no-repeat top center;
display:block;
margin:30px auto 26px;
width:254px;
height:54px;
text-align:center;
color:#fff;
font-size:27px;
line-height:53px;
}
.myBalance.appleGreen, .myBalance.appleRed{
display:none;
}
.mainNavigation li div.myBalance.appleGreen, .mainNavigation li div.myBalance.appleRed{
background: rgba(0, 0, 0, 0) url("../images/apple.png") no-repeat scroll 0 0;
color: #fff;
font-size: 11pt;
height: 80px;
padding: 32px 10px 0;
position: static;
text-align: center;
width: 92px;
display:block;
float:right;
line-height:20px;
margin:10px 20px 10px 0;
}
.mainNavigation li div.myBalance.appleRed{
background-position:0 -240px;
}
.mainNavigation li div.myBalance a{
color:#fff;
text-decoration:underline;
padding:0;
text-align:center;
}
.hiwWhtBox{
display:none;
}
#for_suppliers .innerSpacing, .howitWorksMid .innerSpacing{
padding:0 10px;
width:100%;
box-sizing:border-box;
}
.innerSpcingNarrow, .innerSpcingNarrow p{
width:100%!important;
}
.whiteBg{
padding:0 10px;
}
.whiteBg img{
max-width:100%;
height:auto;
}
.howitWorksMid .whiteBg{
padding:10px 20px;
background:none;
}
.howitWorksMid a{
display:block;
}
.hiwBlock{
width:100%!important;
box-sizing:border-box;
}
.hiwBlockBot.lastS{
margin-right:auto!important;
}
.howitWorksBot{
width:100%;
max-width:921px;
padding-top:105px;
padding-bottom:14px;
background-image:none;
}
.howitWorksTop{
background-image:none;
background-color:#fff;
border-radius:10px;
}
.howitWorksMid{
border-radius:10px;
}
.contactLeft{
width:100%;
max-width:435px;
box-sizing:border-box;
padding:0 10px;
}
#for_families a.redButt, #for_schools a.redButt, #for_suppliers a.redButt, .innerSpacing a.redButt{
margin:25px 0;
}
.howitWorksMid .innerSpacing .whiteBg > h3{
padding:0!important;
margin-left:-48px;
}
#tab_faqs .clear, #tab_how_it_works .clear{
display:none;
}
.contactTtl{
width:100%;
max-width:418px;
box-sizing:border-box;
border:1px solid #cfcfcf;
box-sizing:border-box;
background: #e6af27;
background: -webkit-linear-gradient(#f9c23a, #d29b13);
background: -o-linear-gradient(#f9c23a, #d29b13);
background: -moz-linear-gradient(#f9c23a, #d29b13);
background: linear-gradient(#f9c23a, #d29b13);
height:auto;
display:block;
box-sizing:border-box;
border-radius:8px;
}
#contact_message{
width:100%!important;
max-width:320px;
}
.contactFrm input[type="text"]{
max-width:310px;
width:100%!important;
}
.contactRight{
width:100%;
max-width:435px;
box-sizing:border-box;
padding:0 10px;
}
.contactInfo{
padding:25px 10px;
}
.contactFrm{
padding:20px;
}
.orderTtlBdr div{
width:100%;
}
.favouriteFrm input[type="text"]{
width:100%;
}
.pageTtl{
width:100%;
max-width:600px;
background: #e6af27;
background: -webkit-linear-gradient(#f9c23a, #d29b13);
background: -o-linear-gradient(#f9c23a, #d29b13);
background: -moz-linear-gradient(#f9c23a, #d29b13);
background: linear-gradient(#f9c23a, #d29b13);
height:auto;
display:block;
box-sizing:border-box;
border-radius:8px;
border:1px solid #d29b13;
font-size:11pt;
padding:20px 15px;
}
.hiwBlockBot{
float:none;
margin:40px auto 20px auto;
}
.manageFamily.alignRight{
float:left;
}
.pageTtl span{
font-size:12px;
}
.contactInfo p{
padding-left:40px;
}
.makePaymentSm.alignRight, .addNewOrder3.alignRight{
float:left;
margin:10px 0;
}
.mobileHeadline a:hover{
background-position:bottom center;
}
#bs-example-navbar-collapse-1{
position:absolute;
top:60px;
background-color:#fff;
z-index:6000;
}
.mainNavigation li:hover div.myBalance.appleGreen, .mainNavigation li:hover div.myBalance.appleRed{
display:block;
}
#bs-example-navbar-collapse-1.linNav{
top:50px;
}
.signupS{
background-image:none;
background-color:#759e09;
height:auto;
text-align:center;
margin:0 auto;
padding:40px 25px;
}
.signupS div{
width:100%;
float:none;
text-align:left;
}
.signupS br{
display:none;
}
.midCntS{
background-size:cover;
}
.signupS .signupBttn{
float:none;
margin:30px auto 0 auto;
padding:6px 18px 7px;
display:block;
}
.blockS{
width:24%;
}
.mobileFooter{
width:100%;
padding:0 20px;
box-sizing:border-box;
display:block;
}
#fancybox-wrap{
left:0!important;
width:100%!important;
box-sizing:border-box;
}
#fancybox-content{
width:100%!important;
box-sizing:border-box;
}
#fancybox-outer{
padding:15px 0!important;
}
.dshWhiteBg{
width:100%;
margin:0 auto;
}
.mobileFooter ul{
padding:0;
margin:0;
list-style:none;
}
.mobileFooter ul li{
width:100%;
display:block;
float:left;
padding:10px 0;
}
.mobileFooter ul li.footerMenuNoPadding{
padding-bottom:0;
}
.abnFt{
float:left;
}
#family_nav{
font-size:10px;
font-weight:bold;
padding-right:10px;
}
.subNav{
font-size:11px;
padding-right:12px;
margin-top:5px;
}
.mainNavigation li.current a{
background:none;
}
.subNav img {
height:15px;
width:16px;
margin-top:-6px;
}
.pageStrip{
display:none;
}
.orderPageMid{
background-size:100% auto;
padding:0 10px;
}
.beginOrderTxt h1, .beginOrderTxt .orOrderTitle{
display:none;
}
.beginOrderTxt{
width:100%;
background:none;
margin:0 auto;
padding:0;
}
.beginOrderTxt p{
color:#e01a14;
font-size:12px;
float:left;
width:60%;
font-weight:bold;
line-height:14px;
letter-spacing:0px;
}
.beginOrderTxt .orderButtonYellow.mobileUniformsBut{
display:block;
float:right;
padding:5px 10px;
margin-right:10px;
background-image:none;
background-size:100% auto;
font-size:12px;
font-weight:bold;
margin:10px 0;
border:1px solid #cfcfcf;
box-sizing:border-box;
background: #e6af27;
background: -webkit-linear-gradient(#f9c23a, #d29b13);
background: -o-linear-gradient(#f9c23a, #d29b13);
background: -moz-linear-gradient(#f9c23a, #d29b13);
background: linear-gradient(#f9c23a, #d29b13);
border-radius:8px;
width:auto;
}
.beginOrderTxt .orderButton.mobileUniformsBut{
display:block;
float:right;
padding:5px 10px;
margin-right:10px;
background-image:none;
background-size:100% auto;
font-size:12px;
font-weight:bold;
margin:10px 0 0 0;
border:1px solid #cfcfcf;
box-sizing:border-box;
background: #4fb65e;
background: -webkit-linear-gradient(#4fb65e,#419c4f);
background: -o-linear-gradient(#4fb65e,#419c4f);
background: -moz-linear-gradient(#4fb65e,#419c4f);
background: linear-gradient(4fb65e,#419c4f);
border-radius:8px;
width:auto;
}
.loginToolTip#tool_tip{
margin-left:0!important;
left:-10px;
}
.loginToolTip#tool_tip img.logoS{
display:none;
}
.beginOrderTxt .orderButtonYellow:hover{
background: #e6af27;
background: -webkit-linear-gradient(#d29b13, #f9c23a);
background: -o-linear-gradient(#d29b13, #f9c23a);
background: -moz-linear-gradient(#d29b13, #f9c23a);
background: linear-gradient(#d29b13, #f9c23a);
}
.beginOrderTxt .orderButton.mobileUniformsBut:hover{
background: #419c4f;
background: -webkit-linear-gradient(#419c4f, #4fb65e);
background: -o-linear-gradient(#419c4f, #4fb65e);
background: -moz-linear-gradient(#419c4f, #4fb65e);
background: linear-gradient(#419c4f, #4fb65e);
}
.orderLeftCol{
margin:0 0 25px 0;
width:100%;
max-width:600px;
}
#family_members .orderLeftCol, #contact_info .orderLeftCol, #account_info .orderLeftCol{
display:table;
border-collapse:collapse;
margin-top:0;
}
.loginSt{
width:100%;
}
.pgColLogin, .pgCol{
width:100%;
margin-right:0;
}
.loginFld{
width:100%!important;
}
.chngEmaiLink{
margin-left:0;
float:right;
}
#family_members .listTtl, #family_members .listCnt{
display:table-row;
border:1px solid #e2e1e1;
}
#family_members .listTtl div, #family_members .listCnt div{
display:table-cell;
float:none;
border-right:1px solid #e2e1e1;
vertical-align:middle;
}
#family_members .listTtl div:last-child, #family_members .listCnt div:last-child{
border-right:none;
}
#family_members .clear{
display:none;
}
#family_members .rightColS{
margin-top:70px;
}
#family_members .pageTtl, #account_info .pageTtl{
display:table-caption;
max-width:600px;
padding:10px 15px;
}
#family_members .orderLeftCol p{
position:absolute;
bottom:-100px;
}
.loginSt li input[type="text"], .loginSt li select{
width:100%;
max-width:265px;
}
#account_info .carTblTtl div.date, #account_info .cartOrderTblList div.date{
width:15%!important;
}
input[type="text"], input[type="password"], select, textarea{
width:100%;
box-sizing:border-box;
}
.rightColS{
float:left;
width:100%;
max-width:600px;
}
.rightColS div{
max-width:245px;
margin:0 auto;
box-sizing:border-box;
}
.rightColS h3{
margin:0 auto;
}
.orderTitleDiv, .listTitle{
background-image:none;
background-color:#e6af27;
border-radius:4px;
width:100%;
height:auto;
margin-bottom:3px;
border:1px solid 1px solid #d29b13;
box-sizing:border-box;
background: #e6af27; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#f9c23a, #d29b13); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f9c23a, #d29b13); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f9c23a, #d29b13); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f9c23a, #d29b13); /* Standard syntax */
}
.listTitle{
font-size:11pt;
padding:20px 15px;
font-weight:bold;
float:left;
margin:10px 0 0 0!important;
}
.orderTitleDiv .orderTitleDivInner{
display:none;
}
.orderTitleDiv .schoolTitle, .menuOneStudent .orderTitleDiv .schoolTitle, .menuTwoStudents .orderTitleDiv .schoolTitle{
width:100%;
box-sizing:border-box;
}
.tblTtl .blankSpc, .tblTtl .qTy, .tblTtl .addToCheck, .orderTblList .blankSpc{
display:none;
background:none;
}
.tblTtl .item, .menuOneStudent .tblTtl .item, .menuOneStudent .orderTblList .item, .menuTwoStudents .tblTtl .item, .menuTwoStudents .orderTblList .item{
width:80%;
}
.tblTtl .price{
background:none;
width:13%;
text-align:center;
}
.orderTblList div.studentMobileRow{
float:left;
display:none;
background-color:#fafafa;
/* border-top:1px solid #989898;*/
}
.orderTblList div.studentMobileRow .mobileStudentName{
display:block;
width:68%;
float:left;
color:#e6af28;
padding:3px 8px 3px 15px;
box-sizing:border-box;
}
.orderTblList .item{
width:80%;
margin-bottom:2px;
box-sizing:border-box;
}
.orderTblList .price{
background:none;
width:13%;
text-align:center;
box-sizing:border-box;
}
.orderTblList .addToCheck{
background:none;
width:20px;
}
.tblTtl.mobileOrderCategoryHeader{
margin:0;
display:block;
border:1px solid #989898;
background:none!important;
border-radius:4px;
}
.tblTtl.mobileOrderCategoryHeader .item, .tblTtl.mobileOrderCategoryHeader .price{
padding-top:5px;
padding-bottom:4px;
box-sizing:border-box;
}
#showMenu > .tblTtl{
display:none;
}
#showMenu .ui-accordion .ui-accordion-header{
background:#edebe8 none!important;
border:1px solid #989898;
border-radius:4px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
background-image:none!important;
background-color:#edebe8;
}
.ui-accordion .ui-accordion-header .ui-icon{
left:auto!important;
right:20px!important;
}
.ui-icon-triangle-1-s, .ui-icon-triangle-1-e{
background-position:0 3px!important;
}
.orderTblList{
background:none!important;
display:table-row;
border:1px solid ;
}
.innerPageBg #mopTip01{
width:200px!important;
}
#fancybox-wrap{
z-index:9999!important;
-webkit-transform:translate3d(0,0,9999px);
-moz-transform:translate3d(0,0,9999px);
-o-transform:translate3d(0,0,9999px);
transform:translate3d(0,0,9999px);
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
position:fixed!important;
}
#mopTip01 .content p, #mopTip01 .content h4{
max-width:200px;
}
.innerPageBg #mopTip01 .arrowSet, .innerPageBg #mopTip01 .arrowSetBottom{
width:100%!important;
}
#showMenu .orderTblList{
border:none;
display:block;
}
.orderTblList div.mobileOrderItemName{
border:1px solid #989898;
border-radius:4px;
/* margin-bottom:3px; */
float:left;
width:100%;
box-sizing:border-box;
}
.orderTblList.last_row{
height:auto;
}
.orderTblList div.mobileOrderItemDescriptionDescription{
color:#6a6466;
background-color:#f0efec;
background-image:none;
}
.mobileOrderItemDescriptionDescription p{
margin:8px 0;
font-size:14px;
}
.mobileOrderItemDescriptionDescription h4{
color: #25a638;
font-size: 14px;
}
.menuOrderDt{
background-image:none;
background-color:#f0efeb;
border:1px solid #d2d2d2;
border-radius:4px;
width:60%;
padding:8px 10px;
margin-top:15px;
}
h3#menuMessage{
font-size:12px;
width:65%;
float:left;
}
.carTblTtl, .cartOrderTblList,.orderTblTotal {
width:100%;
background-image:none;
border:1px solid #c2c2c2;
border-radius:4px;
height:auto;
display:table-row;
float:none;
}
.cartOrderTblList br.clear{
display:none;
}
.carTblTtl, .orderTblTotal{
background-color:#edebe8;
}
.carTblTtl div, .cartOrderTblList div, .orderTblTotal div{
box-sizing:border-box;
background-image:none;
height:auto;
display:table-cell;
vertical-align:middle;
float:none;
border-right:1px solid #c2c2c2;
font-size:12px;
padding:3px;
}
.orderTblTotal div{
border-right:none;
}
.carTblTtl div:last-child, .cartOrderTblList div:last-child, .orderTblTotal div:last-child{
border-right:none;
}
.carTblTtl .date, .carTblTtl .child, .cartOrderTblList .date, .cartOrderTblList .child, .orderTblTotal .child{
width:23%;
}
.carTblTtl .item, .cartOrderTblList .item, .orderTblTotal .item{
width:20%;
}
.carTblTtl .price, .cartOrderTblList .price, .orderTblTotal .price{
width:15%;
}
.carTblTtl .manage, .cartOrderTblList .manage, .orderTblTotal .manage{
width:19%;
padding:2px 0 2px 1px;
}
.editLnk, .clone{
margin-right:3px;
}
.orderLeftCol.cartTable{
display:table;
float:none;
border-collapse:collapse;
margin:3px auto 15px auto;
}
.orderLeftCol.cartTable p{
display:table-row;
width:100%;
}
.orderLeftCol.cartTable p img{
display:table-cell;
width:23%;
}
.signupPageBot{
width:100%;
padding-top:100px;
max-width:744px;
}
.loginLeft{
float:none;
margin:0 auto;
max-width:320px;
width:100%;
}
.signupPageMid{
padding:20px;
}
.loginFrm, .signupFrm{
width:100%;
max-width:380px;
}
.loginFrm input[type="text"], .loginFrm input[type="password"],.forgotPass input[type="text"], .signupFrm input[type="text"], .signupFrm input[type="password"]{
width:100%;
max-width:310px;
}
.registerRight{
float:none;
margin:40px auto;
}
.orderTblList .paymentDiv{
width:60%;
box-sizing:border-box;
display:table-cell;
background-image:none;
border-right:1px solid #989898;
}
.orderTblList .paymentDivPrc{
width:40%;
box-sizing:border-box;
display:table-cell;
background-image:none;
}
.loginForm .leftNagtiveMargin{
margin-left:0;
}
div.msgBox{
width:80%!important;
left:0!important;
right:0!important;
box-sizing:border-box;
margin:0 auto;
}
.loginSt li label{
font-size:15px;
}
.loginSt .selectBox{
background-image:none;
}
.loginSt select{
font-size:15px;
padding:0;
}
.addAmtFrm{
max-width:530px;
width:100%;
}
#card_number{
max-width:300px;
width:100%!important;
box-sizing:border-box;
}
.btmBorder{
font-size:14px;
padding-bottom:5px;
}
.addAmtFrm li{
margin-bottom:5px;
}
.addAmtFrm li label, input[type="text"], input[type="password"], select, textarea{
font-size:15px;
}
.addFrm .fld, .addFrm select{
width:100%;
max-width:200px;
}
.addAmtFrm li .yellowButt, .addAmtFrm li .redButt{
margin-left:0;
}
input[type="text"], input[type="password"], select, textarea{
padding:1px;
}
#fancybox-content{
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
#fancybox-frame{
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
#fancybox-outer{
padding:5px 0!important;
}
.fancybox-inner{
overflow:auto!important;
}
.addAmtFrm .liLeft img{
height:25px;
width:auto;
}
}
@media (max-width:600px){
.blockS{
box-sizing:border-box;
width:100%;
margin:35px 0 0 0;
padding:0 10px;
}
.blockS .alignRight{
float:none;
margin-bottom:70px;
}
.blockS p.quote{
padding:0;
}
}
@media (max-width:510px){
.addAmtFrm .liLeft{
max-width:275px;
width:100%!important;
}
.addAmtFrm li label{
padding-left:0!important;
width:50%!important;
}
.addAmtFrm li .yellowButt, .addAmtFrm li .redButt{
float:left;
margin-left:22px;
}
.addAmtFrm li:last-child label{
display:none;
}
#amountForm .verticalTooltip{
margin:0;
background:none;
width:100%;
max-width:220px;
box-sizing:border-box;
padding:0;
font-size:14px;
height:auto;
}
#amountForm .verticalTooltip p{
margin:0;
}
#amountForm .topUpFrm{
max-width:290px;
margin-top:0;
width:100%!important;
}
#amountForm .verticalTooltip img{
display:none;
}
}
@media (max-width:485px){
#cloneSteps{
margin-left:0;
}
.hzTooltip{
box-sizing:border-box;
}
.hzTooltip h2{
font-size:14pt;
line-height:5px;
margin-bottom:5px;
}
.hzTooltip p{
font-size:14px;
margin:0;
line-height:16px;
}
.hideOnMobileClone{
display:none;
}
.cloneStepsMobileTitle{
display:block;
width:100%;
height:35px;
float:left;
}
.cloneStepsMobileTitle.second{
margin-top:20px;
}
.mobileStepsIcon{
color:#fff;
border-radius:50%;
background-color:#E30613;
border-radius:50px;
display:block;
font-size:14px;
font-weight:bold;
text-align:center;
padding:7px;
width:10px;
height:10px;
line-height:12px;
float:left;
}
.mobileStepsIcon#mobileStepsCloneSecond{
background-color:#3c9941;
}
.mobileStepsDescription{
display:block;
font-weight:bold;
color:#E30613;
float:left;
font-size:14px;
line-height:26px;
margin-left:10px;
}
.mobileStepsDescription.green{
color:#3c9941;
}
.orderCartBlockBot, .orderCartBlockTop{
float:left;
}
}
@media (max-width:401px){
.hiwSteps li{
float:none;
margin:0 auto;
}
}
@media (max-width:359px){
.yellowButt.leftNagtiveMargin{
margin-left:0;
}
}