/* ================================================================== */ /* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */ /* ================================================================== */ @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } @media screen { .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .clearfix:after { clear: both; } .grid-container, .clearfix { /* */ *zoom: 1; /* */ } .grid-container { margin-left: auto; margin-right: auto; max-width: 1320px; padding-left: 10px; padding-right: 10px; } .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; /* */ *padding-left: 0; *padding-right: 0; /* */ } .grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * { /* */ *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); /* */ } .grid-parent { padding-left: 0; padding-right: 0; } body { min-width: 320px; } } @media screen and (max-width: 767px) { .mobile-grid-100:before, .mobile-grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .mobile-grid-100:after { clear: both; } .mobile-grid-100 { /* */ *zoom: 1; /* */ } .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .tablet-grid-100:before, .tablet-grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .tablet-grid-100:after { clear: both; } .tablet-grid-100 { /* */ *zoom: 1; /* */ } .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .hide-on-tablet { display: none !important; } .tablet-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-33 { margin-left: 33.33333%; } .tablet-suffix-33 { margin-right: 33.33333%; } .tablet-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-66 { margin-left: 66.66667%; } .tablet-suffix-66 { margin-right: 66.66667%; } .tablet-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 1025px) { .grid-100:before, .grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-100:after { clear: both; } .grid-100 { /* */ *zoom: 1; /* */ } .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-100 { clear: both; width: 100%; } } /*=======================*/ /* Global Foundation Settings */ /*=======================*/ /* Global Reset */ * { margin: 0; padding: 0; outline: none; } /* General */ body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; height: 100%; } input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } input { padding: 2px; } p { line-height: 1.3; margin-bottom: 15px; } a { font-weight: normal; text-decoration: underline; } h1, h2, .TitleHeading { font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; padding: 3px 5px 3px 5px; margin: 0 0 12px 0; /*background-color:#3f3f3f;*/ } h3 { font-size: 1.4em; font-weight: normal; margin-bottom: 6px; } h4 { font-size: 1.2em; font-weight: normal; margin-bottom: 4px; } img, img a { border: 0; } ul, ol { margin: 0 0 10px 30px; } li { margin: 0; margin-bottom: 2px; padding: 0; } blockquote { margin-left: 28px; } select option { padding: 0 10px; } hr { margin: 10px 0; padding: 0; height: 1px; border: 0; } /* Forms */ .HorizontalFormContainer dl, .VerticalFormContainer dl { margin: 0; } .HorizontalFormContainer dt img { vertical-align: middle; float: left; } .HorizontalFormContainer dt .fieldLabel { float: left; padding-top: 4px; padding-left: 4px; } .HorizontalFormContainer dt { width: 160px; float: left; clear: left; } .HorizontalFormContainer dd.ProductField { height: 20px; } .HorizontalFormContainer dd { padding-top: 4px; margin-left: 170px; } .NarrowFormContainer dt { width: 110px; } .NarrowFormContainer dd { margin-left: 120px; } .HorizontalFormContainer p.Submit { margin-left: 170px; } .NarrowFormContainer p.Submit { margin-left: 120px; } .VerticalFormContainer dt { margin-bottom: 6px; } .VerticalFormContainer dd { margin-bottom: 6px; margin-left: 10px; } /* Page Containers */ #Container { margin: auto; } #ContainerFooter { clear: both; float: left; width: 100%; } /* Top Bar */ #TopBar { background: url("https://store-3e7fa.mybigcommerce.com/product_images/uploaded_images/topbar-background.png") repeat scroll 0 0 transparent; color: white; cursor: pointer; height: 24px; padding-top: 10px; text-align: right; text-decoration: none; vertical-align: middle; } #TopBarSearch { float: left; width: 980px; } #TopBarContent { clear: both; margin: 0 auto; padding: 0 5px; } /* Top Navigational Menu */ #TopMenu { height: 30px; padding: 0; margin: 0; } #TopMenu ul { padding: 0; margin: 0; } #TopMenu li { list-style: none; float: right; margin: 0px 0 0 0; padding: 0; } #TopMenu li.First a { border-left: 0; } #TopMenu li a, #TopMenu li div { display: block; text-decoration: none; font-size: 1 em; padding: 0px 5px 0px 10px; margin: 0px 0 0px 0; } #TopMenu li div a { padding: 0; margin: 0; display: inline; font-size: 1em; } #TopMenu li a:hover { text-decoration: underline; /*background: url(https://store-3e7fa.mybigcommerce.com/product_images/uploaded_images/menu-rollover.png); background-size: 100%;*/ } /* Pages Menu */ #MenuSearch { right: 0; display: inline; width: 230px; height: auto; padding: 75px 0px 0 10px; top: 80px; float: right; } #Menu { display: inline; width: 850px; clear: right; } #Menu ul { float: left; margin: 0; padding: 0; vertical-align: center; } #Menu li { float: left; position: relative; list-style: none; margin: 10px; padding: 0; height: 25px; padding: 75px 10px 0 10px; } #Menu li a { display: block; height: 25px; font-size: 1.3em; text-align: left; text-decoration: none; /*padding: 75px 10px 0 10px;*/ vertical-align: center; } #Menu li a:hover { text-decoration: underline; } #Menu li ul { width: 750px; position: absolute; clear: left; top: 80px; left: 0; display: none; z-index: 1; padding: 1px 0 0 0; margin: 0; } #Menu li ul li { clear: both; } #Menu li ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: left; margin: 0; width: 170px; height: auto; padding: 7px 10px 7px 10px; } #Menu li ul li a:hover { text-decoration: underline; } #Menu li:hover ul, #Menu li.over ul { display: block; } /* Holly Hack. IE Requirement */ * html #Menu ul li { float: left; height: 1%; } * html #Menu ul li a { height: 1%; } /* End */ /* Outer Content Wrappers */ .Center { clear: both; padding: 0 5px 0 5px; margin: 0 auto; background: url(http://manateeshirtcompany.com/wp-content/uploads/2011/10/bannerbackground.png) 0 0; } #Outer { clear: both; padding-bottom: 15px; } #Wrapper { clear: both; padding: 20px 5px 0 5px; margin: 0; background: #ffffff; } /* Header */ #Header { } /* Logo */ #Logo { float: left; display: inline; } #Logo h1 { font-size 2.0em; letter-spacing: -0.025em; } #Logo h1 a { text-decoration: none; } /* Top Search Form */ #SearchForm { padding: 3px 0px 3px 5px; margin: 0 0 10px 0; } #SearchForm form { padding: 1px 0 1px 0; margin: 0; } #SearchForm label { display: none; } #SearchForm input { width: 162px; height: 18px; font-size: 1em; padding: 4px 0px 4px 3px; margin: 0; } #SearchForm .Button { width: 28px; height: 28px; padding: 0; background: transparent; vertical-align: top; padding: 0; margin: 0; } #SearchForm p { display: none; font-size: 0.85em; margin: 0; } #SearchForm a { text-decoration: none; } #SearchForm a:hover { text-decoration: underline; } .Block.banner_home_page_top *, .Block.banner_category_page_top *, .Block.banner_brand_page_top *, .Block.banner_search_page_top * { padding: 0; margin: 0; } /* Left Content Area */ .Left { float: left; display: inline; } .Left .Block { padding: 5px 0 10px 0; } .Left .BlockContent { margin: 0 10px 0 10px; } .Left h2 { font-size: 1.6em; padding: 5px 5px 5px 5px; margin: 0 0 6px 0; } .Left ul { margin: 0; padding: 0; } .Left li { clear: both; list-style: none; margin: 0; padding: 5px 0 7px 0; } .Left li a { text-decoration: none; } .Left li a:hover { text-decoration: underline; } #SideCategoryList li a, .Left #SideShopByBrand li a { font-weight: bold; } #SideCategoryList li ul { padding: 5px 0 0 10px; } #SideCategoryList li li { font-size: 0.9em; } #SideCategoryList li li:last-child { padding-bottom: 0; } /* Category flyout styles */ #SideCategoryList .sf-menu, #SideCategoryList .sf-menu ul, #SideCategoryList .sf-menu li { width: 195px; } #SideCategoryList .sf-menu ul { margin: 0 !important; left: 195px; } #SideCategoryList .sf-menu a { width: 195px; padding: 5px 0 7px 0; } #SideCategoryList .sf-menu li li a { width: 185px; padding-left: 10px; } /* Primary Content Area */ .Content { float: left; /*width: 520px; min-height: 300px;*/ margin: 0; padding: 0; } .Content .Block { clear: both; } .Block { margin-top: 0; padding-bottom: 20px; } /* Primary Content Area (column span of 2) */ /* Primary Content Area (column span of 3 - spans entire page width) */ .Content.Widest { width: 980px; } /* Right Content Area */ .Right { float: right; width: 215px; } .Right .Block { padding: 5px 0 10px 0; } .Right .BlockContent { margin: 0 10px 0 10px; } .Right h2 { font-size: 1.6em; padding: 5px 5px 5px 5px; margin: 0 0 6px 0; } .Right ul { margin: 0; padding: 0; } .Right li { clear: both; list-style: none; margin: 0; padding: 5px 0 7px 0; } .Right li a { text-decoration: none; } .Right li a:hover { text-decoration: underline; } /* Footer */ #Footer { clear: both; text-align: center; font-size: 0.85em; padding: 30px 0 0 0; margin: 0; } /* Newsletter Subscription Form */ .NewsletterSubscription { clear: both; } .NewsletterSubscription label { clear: both; float: left; font-size: 0.9em; } .NewsletterSubscription input { width: 190px; font-size: 0.9em; padding: 3px; margin-bottom: 5px; } .NewsletterSubscription .Button { width: 100px; height: 28px; border: 0; vertical-align: middle; } /* News Lists */ #HomeRecentBlogs ul { padding-left: 0; margin-left: 0; } #HomeRecentBlogs li { list-style: none; padding: 5px 0 5px 10px; margin: 0; } #LowerRight .FeedLink { float: left; margin: 6px 4px 0 0; } /* Product Listings */ .ProductList { list-style: none; margin: 0; padding: 0; } .Content .ProductList, .Content .ProductList li { list-style: none; padding: 0; margin: 0; } .Content .ProductList li { list-style: none; float: left; width: 235px !important; min-height: 21em; font-size: 1em; padding: 0 0 10px 0; margin: 5px 6px 10px 6px; } .Content .ProductList .ProductImage { width: 300px !important; height: 300px !important; text-align: center; display: table-cell; overflow: hidden; vertical-align: middle; } .Content .ProductList .ProductImage img { vertical-align: middle; } .Content .ProductList .ProductDetails { margin: 5px; } .ProductList a { text-decoration: none; } .ProductList a:hover { text-decoration: underline; } .ProductList em { margin-top: 3px; display: block; } .ProductPrice, .ProductList em { font-style: normal; font-weight: bold; } .Content .ProductPrice, .ProductList em { padding: 0 5px 0 5px; } .ProductList .Rating { font-size: 0.9em; margin-top: 3px; font-weight: bold; display: block; } .Content .ProductList .Rating { padding: 0 5px 0 5px; } .ProductList li .ProductCompareButton { margin-top: 3px; } .Content .ProductList li .ProductCompareButton { padding: 0 5px 0 5px; } .ProductList li .ProductActionAdd a { font-size: 0.9em; } .Content .ProductList li .ProductActionAdd a { padding: 0 5px 0 5px; } .Left .ProductList li, .Right .ProductList li { margin-bottom: 10px; } .Left .ProductList .ProductImage, .Right .ProductList .ProductImage { display: none; } /* Top Seller Block Specific */ .Right .TopSellers, .Left .TopSellers { clear: both; padding: 0 0 10px 0; } .Right .TopSellers ul, .Left .TopSellers ul { margin: 0; padding: 0; } .Right .TopSellers li, .Left .TopSellers li { clear: both; margin: 0 0 5px 0; } .Right .TopSellers li .TopSellerNumber, .Left .TopSellers li .TopSellerNumber { /* Contains the number of the item */ float: left; width: 22px; font-size: 1.3em; text-align: center; padding: 1px 0 2px 0; } .Right .TopSellers .ProductDetails, .Left .TopSellers .ProductDetails { /* Contains the details of the item */ margin: 0; margin-left: 28px; } .Right .TopSellers li.TopSeller1, .Left .TopSellers li.TopSeller1 { /* No1 seller box */ } .Right .TopSellers li.TopSeller1 img, .Left .TopSellers li.TopSeller1 img { display: none; } .Right .TopSellers li.TopSeller1 .ProductImage, .Left .TopSellers li.TopSeller1 .ProductImage { display: none; } .Content .TopSellers li.TopSeller1 .TopSellerNumber, .Content .TopSellers li .TopSellerNumber { display: none; } /* Page Breadcrumbs */ .Breadcrumb ul, .Breadcrumb li { list-style: none; margin: 0; padding: 0; } .Breadcrumb { font-size: 0.9em; padding-bottom: 4px; } .Breadcrumb li { padding-left: 6px; display: inline; } .Breadcrumb li a { padding-right: 10px; background: url("../images/BreadcrumbSep.gif") no-repeat right; } .FindByCategory ul, .FindByCategory li { list-style: none; padding: 0; margin: 0; } .FindByCategory li { padding-left: 12px; background: url("../images/BreadcrumbSep.gif") no-repeat 3px 5px; padding-right: 8px; display: inline; } /* Miscellaneous Definitions */ .Meta { color: #444; font-size: 0.93em; } .Left .FeedLink, .Right .FeedLink { float: left; margin: 0 7px 0 0; } .Content .FeedLink { float: left; margin: 7px 4px 0 0; } .FloatRight { float: right; } .FloatLeft { float: left; } .ClearRight { clear: right; } .ClearLeft { clear: left; } .SortBox { font-size: 0.95em; color: #444; padding: 12px 5px 0 0; } .CompareButton { clear: both; text-align: right; margin-top: 12px; padding: 4px; } .Clear { clear: both; } .Field45 { width: 45px; } .Field100 { width: 100px; } .Field150 { width: 150px; } .Field200 { width: 200px; } .Field250 { width: 250px; } .Field300 { width: 300px; } .Field350 { width: 350px; } .Field400 { width: 400px; } .MB10 { margin-bottom: 10px; } .MT0 { margin-top: 0px; } .LH140 { line-height: 140%; } .PLRB5 { padding: 0px 5px 5px 5px; } .PLR10 { padding: 0px 10px 0px 10px; } .PL20 { padding: 0px 0px 0px 20px; } .PL40 { padding: 0px 0px 0px 40px; } .ML20 { margin: 0px 0px 0px 20px; } .MT10 { margin-top: 10px; } .PL10 { padding-left: 10px; } .PB2 { padding-bottom: 2px; } .NoMarginBottom { margin-bottom: 0; } .Required { color: red; font-weight: bold; } .InfoMessage { padding: 8px 6px 8px 28px; margin-bottom: 10px; } .SuccessMessage { padding: 8px 6px 8px 28px; margin-bottom: 10px; } .ErrorMessage { padding: 8px 6px 8px 28px; margin-bottom: 10px; } /************* Page Specific: Create Account / Login Page *************/ .CreateAccount { float: left; width: 45%; padding-right: 1%; } .AccountLogin { float: left; padding-left: 1%; width: 45%; } ul.ShippingAddressList, ul.ShippingAddressList li { list-style: none; margin: 0; padding: 0; } ul.ShippingAddressList li { width: 30%; float: left; margin-right: 10px; margin-bottom: 20px; } .PrimaryProductDetails .ProductThumb { float: left; width: 750px; text-align: center; } .PrimaryProductDetails .ProductMain { float: left; width: 300px; } .PrimaryProductDetails h2 { border: 0; } .PrimaryProductDetails .ProductThumb p a { font-weight: bold; } .ProductDescription, .ProductReviews, .ProductsByCategory, .ProductOtherDetails { margin-top: 20px; margin-left: 15px; } .PrimaryProductDetails .ProductMain { float: left; } .PrimaryProductDetails dl { font-size: 0.90em; } .ProductDescriptionContainer { line-height: 1.5; } .PrimaryProductDetails dt { font-weight: bold; width: 80px; clear: left; } .PrimaryProductDetails dd { margin-left: 90px; } .Right hr { margin: 5px 0 0; } .Content h3 { margin-bottom: 5px; } .ComparisonCheckbox { float: left; } .SideRecentlyViewed .ProductList li { margin-left: 0; } .SideRecentlyViewed .ProductDetails { margin-left: 20px; } /* Product Comparisons */ .ComparisonTable { width: 100%; } .ComparisonTable td { vertical-align: top; font-size: 11px; } .CompareFieldName { width: 95px; padding: 8px 10px 8px 15px; } .CompareFieldTop { padding: 5px; text-align: center; } .CompareFieldTop a { text-decoration: none; font-size: 10px; } .CompareFieldTop a:hover { text-decoration: underline; } .CompareLeft { padding: 5px 10px 5px 10px; } .CompareCenter { text-align: center; padding: 5px; } .CompareRating { text-align: center; padding-top: 8px; vertical-align: middle; } .CompareProductOption { margin-left: 20px; padding-left: 5px; } .Availability { color: gray; } .LittleNote { color: gray; font-size: 0.85em; } .ViewCartLink { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; } /* General Tables */ table.General, table.CartContents, table.General { width: 100%; margin: 10px 0; } table.General thead tr th, table.CartContents thead tr th { padding: 6px 10px; text-align: left; } table.General tbody td, table.CartContents tbody td { padding: 6px 10px; vertical-align: top; } table.General tbody tr.First td { border-top: 0; } /* Cart Contents Table */ .CartContents tbody td { border-bottom: 0; } .CartContents .ProductName a { font-weight: bold; } .CartContents tfoot .SubTotal td { text-align: right; font-weight: bold; } .ProceedToCheckout { text-align: right; } .ProceedToCheckout a { padding-top: 5px; } .ProductOptionList, .ProductOptionList li { list-style: none; margin: 0; padding: 0; } .ProductOptionList { margin-top: 5px; } .ProductOptionList li { margin-bottom: 3px; margin-left: 2px; } .ProductOptionList input { vertical-align: middle; } .MiniCart h3 { font-size: 1.3em; } .MiniCart .SubTotal { text-align: center; font-size: 1.1em; } .JustAddedProduct { width: 128px; overflow: hidden; margin: auto; text-align: center; padding: 5px; margin-bottom: 10px; } .JustAddedProduct strong, .JustAddedProduct a { font-size: 1em; font-weight: normal; display: block; margin-bottom: 3px; } .JustAddedProduct .ProductDetails { font-size: 1.2em; padding-bottom: 10px; } .CategoryPagination .PagingList, .CategoryPagination .PagingList li { list-style: none; padding: 0; margin: 0; } .CategoryPagination { padding: 5px; text-align: center; margin-bottom: 10px; } .CategoryPagination .PagingList li { display: inline; padding: 0 5px; } /* Quick Search */ .QuickSearch { z-index: 20; margin: 0; padding: 0; text-align: left; border-collapse: collapse; background: #fff; } .QuickSearchTitle td, .QuickSearchAllResults td { font-weight: bold; padding: 4px; font-size: 11px; } .QuickSearchResult td { font-size: 12px; padding: 8px 0px 8px 8px; cursor: pointer; } .QuickSearchResultImage { margin-left: 4px; margin-right: 10px; text-align: center; } .QuickSearchResultNoImage { padding-top: 10px; color: #777; } .QuickSearchResultName { text-decoration: none; display: block; padding-bottom: 5px; } .QuickSearchResult .Price { font-weight: bold; font-size: 12px; padding-right: 5px; } .QuickSearchHover a { text-decoration: underline; } .QuickSearchAllResults { text-indent: -7000px; } .QuickSearchAllResults a { text-decoration: underline; height: 25px; display: block; } .QuickSearchAllResults a:active, .QuickSearchAllResults a { outline: none; -moz-outline-style: none; } /* Brand Tag Clouds */ .BrandCloud .smallest { font-size: 12px; } .BrandCloud .small { font-size: 15px; } .BrandCloud .medium { font-size: 18px; } .BrandCloud .large { font-size: 20px; } .BrandCloud .largest { font-size: 26px; } .BrandCloud a { padding-right: 5px; } .DownloadExpires { padding-top: 3px; font-style: italic; color: gray; } .DownloadExpiresToday { color: red; } .CheckoutRedeemCoupon h4 { margin-top: 0; } .CheckoutRedeemCoupon p { margin-top: 10px; margin-bottom: 0; } .BillingDetails { float: left; width: 48%; margin-right: 10px; margin-bottom: 15px; } .ShippingDetails { float: left; width: 48%; margin-bottom: 15px; } .ProductDetailsGrid dt { width: 140px; margin-bottom: 6px; float: left; font-weight: bold; } .ProductDetailsGrid dd { margin-left: 140px; margin-bottom: 6px; } .SubCategoryList { padding: 4px; } .SubCategoryList ul, .SubCategoryList li { list-style: none; margin-left: 0; } .SubCategoryList li { margin-bottom: 4px; padding-left: 25px; background: url("../images/SubCategory.gif") no-repeat 3px 1px; } .SearchTips .Examples { padding: 8px; color: #555; margin-left: 30px; margin-bottom: 10px; } .ProductDetails .ProductThumb p { margin-top: 10px; font-size: 0.9em; } .ProductReviewList { clear: both; } .SortBox select { font-size: 0.9em; } .SortBox option { color: #444; } .YourAccount li { margin-bottom: 8px; } .SoldOut { color: #999; } .RemoveFromWishlistForm { margin: 5px; } .ShippingProviderList { list-style: none; } .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p { margin: 0; font-size: 90%; } .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout { text-align: center; margin-bottom: 10px; clear: both; } .KeepShopping { width: 180px; clear: both; text-align: right; } /** Top Right Locale Chooser (list of flags) **/ #TopMenu li.Flag div { border: 0; } #TopMenu li.Flag img { margin: 3px; } #TopMenu li.Flag img.Last { margin-right: 0px; } #TopMenu li.Flag img.Selected { border: 2px solid #ffffaa; margin: 1px 3px; } /** Currency Selector **/ .CurrencyList dl { margin: 0; padding: 0; } .CurrencyList dd { padding: 0px; margin: 0px; border: 1px solid #dadada; background-color: #F9F9F9; clear: both; } .CurrencyList a { padding: 0 3px 0 5px; display: block; line-height: 1.8; text-decoration: none; font-size: 11px; } .CurrencyList a.Sel { background-color: #FFFFAA; } .CurrencyList a:hover .Text { text-decoration: underline; } .CurrencyList a .Flag { margin-top: 4px; display: block; float: left; width: 24px; padding-right: 2px; vertical-align: middle; } .CurrencyList a .Text { display: block; padding-left: 24px; } .PrimaryProductDetails .YouSave { font-weight: bold; margin-top: 3px; display: block; } /* Shipping Estimation on Cart Contents Page */ .EstimateShipping { margin-top: 4px; margin-bottom: 4px; font-weight: normal; width: 320px; padding: 7px; float: right; } .EstimateShipping dt { width: 100px; float: left; margin-bottom: 8px; clear: left; } .EstimateShipping dd { margin-bottom: 8px; font-weight: normal; text-align: left; margin-left: 114px; } .EstimateShipping p.Submit { margin-top: 10px; margin-bottom: 3px; } .EstimateShipping label { display: block; margin-bottom: 5px; } .EstimatedShippingMethods { text-align: left; } .EstimatedShippingMethods table { width: 100%; border-collapse: collapse; } .EstimatedShippingMethods .VendorShipping { margin-left: 20px; margin-bottom: 10px; } .EstimatedShippingMethods .Submit { text-align: right; } .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td { text-align: left; } .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price { text-align: right; } .SharePublicWishList { background-color: seashell; padding: 5px; border: 1px solid lightgray; } /* Express Checkout */ .ExpressCheckoutBlock .ExpressCheckoutTitle { position: relative; padding: 6px; margin-bottom: 10px; font-size: 14px; } .ExpressCheckoutBlock h3 a { font-size: 12px; } .ExpressCheckoutBlock { padding-top: 6px; } .ExpressCheckoutBlock .ExpressCheckoutCompletedContent { display: none; } .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { display: inline; font-size: 12px; font-weight: normal; font-style: italic; } .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent { display: none; } a.ChangeLink { position: absolute; right: 15px; } .ExpressCheckoutBlock a.ChangeLink { display: none; } .ExpressCheckoutBlockCompleted a.ChangeLink { display: inline; } .ExpressCheckoutCompletedContent { position: absolute; left: 250px; } .LoadingIndicator { margin-left: 10px; } .LoadingIndicator img { vertical-align: middle; margin-right: 10px; } .HeaderLiveChat img { vertical-align: middle; } #ProductOtherDetails .ProductDetailsGrid { margin-left: 25px; } .SubCategoryListGrid { padding: 4px; } .SubCategoryListGrid ul, .SubCategoryListGrid li { list-style: none; margin-left: 0; } .SubCategoryListGrid li { margin-bottom: 4px; padding: 10px; margin-left: 10px; background: #fff; float: left; text-align: center; } .SubCategoryListGrid ol { clear: both; } .SubBrandList { padding: 4px; } .SubBrandList ul, .SubBrandList li { list-style: none; margin-left: 0; } .SubBrandList li { margin-bottom: 4px; padding-left: 25px; background: url("../images/SubBrand.gif") no-repeat 3px 1px; } .SubBrandListGrid { padding: 4px; } .SubBrandListGrid ul, .SubBrandListGrid li { list-style: none; margin-left: 0; } .SubBrandListGrid li { margin-bottom: 4px; padding: 10px; margin-left: 10px; background: #fff; float: left; text-align: center; } .SubBrandListGrid ol { clear: both; } .ProductAddToCart dt { float: left; font-weight: bold; width: 140px; margin-bottom: 4px; } .ProductAddToCart dd { margin-left: 140px; margin-bottom: 4px; } .ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required { width: 8px; } .ProductAddToCart input.Textbox, #CartEditProductFieldsForm input.Textbox { width: 181px; } .ProductAddToCart textarea, #CartEditProductFieldsForm textarea { width: 183px; height: 50px; } .CartContents .CartProductFieldsLink { font-size: 11px; color: #666; margin-top: 6px; padding-left: 22px; background: url("../images/GiftWrappingAvailable.gif") no-repeat; padding-bottom: 4px; } .ProductFields dd { margin-bottom: 4px; } .ProductFields { margin-bottom: 15px; } .ProductFields input.Textbox { width: 100%; } .ProductFields TextArea { width: 100%; } .CartContents .CartProductFieldsRow { border-top: 0; } .CartContents .CartProductFieldsRow dl { margin-top: 15px; } p.QuantityInput, p.AddCartButton { text-align: center; } .ProductAddToCart dt.QuantityInput { margin-top: 4px; } .ProductAddToCart dd.AddCartButton span { margin-top: 4px; padding-right: 5px; } .ProductActionAdd { display: block; margin-top: 5px; } .ProductActionAdd a, .ProductActionAdd strong a { text-decoration: underline; } .TagList { margin-top: 20px; } .CartThumb { text-align: center; width: 1px; } .WrappingOptions { font-size: 11px; color: #666; margin-top: 6px; padding-left: 22px; background: url("../images/GiftWrappingAvailable.gif") no-repeat; padding-bottom: 4px; line-height: 1.6; } .ViewAllLink a { padding-top: 10px; display: block; } .SelectGiftWrapMultiple { max-height: 400px; } /* Tabbed Navigation */ .TabNav, .TabNav li { list-style: none; margin: 0; padding: 0; } .TabNav { font-size: 10px; margin-bottom: 10px; padding: 6px 4px 6px 4px; } .TabNav li { display: inline; } .TabNav li a { position: relative; top: 2px; font-size: 12px; padding: 4px; margin-right: 3px; margin-top: 3px; text-decoration: none; } .TabNav li a:hover { text-decoration: none; } .TabNav li.Active a { margin-top: 0px; padding-top: 7px; font-weight: bold; } .ProductAddToCart dd.AddCartButton div.BulkDiscount { display: inline-block; float: left; } .ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink { padding-left: 4px; } #VendorLogo .BlockContent, #VendorPhoto .BlockContent { margin: 0; text-align: center; } .TransitTime { font-weight: normal; color: gray; } .Content .ProductList.List li { margin: 0; margin-top: 6px; display: block; width: 238px !important; float: none; clear: both; padding: 6px; min-height: 0; height: 238px; background-image: none; } .Content .ProductList.List .ProductImage { margin: 0 !important; padding: 0px; margin-right: 15px; vertical-align: middle; background-image: none; width: 300px; height: 300px; } .Content .ProductList.List .ProductDetails { height: auto; display: block; clear: none; padding: 0px; padding-left: 5px; margin: 0px; margin-left: 135px; text-align: left; background-image: none; } .Content .ProductList.List .ProductQty { margin-left: 10px; } .Content .ProductList.List .ProductDescription { font-style: italic; margin-top: 5px; } .Content .ProductList .ProductRightCol { float: right; } .Content .ProductList.List li .ProductCompareButton { text-align: left; margin-top: 10px; } .OrderItemMessage { background-color: #fff1a8; padding: 7px; margin: 10px 0px 10px 0px; } /* Custom Fields - Start */ .LittleNotePassword { color: gray; font-size: 0.85em; padding: 2px 0px 2px 0px; } .RequiredClear { visibility: hidden; } /* Custom Fields - End */ /* Product Details */ .ProductDetailsGrid .DetailRow { clear: left; margin-top: 6px; padding-left: 140px; } .ProductDetailsGrid .Label { margin: 0 0 6px -140px; float: left; width: 130px; font-weight: bold; padding-top: 1px; display: inline; text-align: right; } .ProductDetailsGrid .Value { display: inline; } .ProductDetailsGrid .Label .Required { position: absolute; left: -1em; } .ProductOptionList ul, .ProductOptionList li { list-style: none; margin: 0; padding: 0; } .ProductOptionList li { margin-bottom: 3px; } .ProductOptionList input { vertical-align: middle; } /** Search All Form Result - Start **/ .SearchPaging { float: right; font-size: 0.95em; } .SearchSorting { float: right; font-size: 0.95em; margin: 8px 0px; } .SearchSorting select { font-size: 0.95em; } #SearchResultsCategoryAndBrand { margin: 5px; padding: 5px; } .ContentList em, .QuickSearchResultMeta em { font-size: 0.8em; } /** Search All Form Result - End **/ /** AJAX loading box - Start **/ #AjaxLoading { display: none; text-align: center; background: #FCF5AA; width: 180px; z-index: 10000000000; padding: 5px 10px; } #AjaxLoading img { vertical-align: bottom; margin-right: 5px; } /** AJAX loading box - End **/ /** Product image gallery **/ #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext { float: left; background: none; border: none; margin-top: 16px; cursor: pointer; display: none; } #ProductDetails .ProductTinyImageList { float: left; margin-top: 10px; white-space: nowrap; width: 80%; overflow: hidden; margin-left: auto; } #ProductDetails .ProductTinyImageList ul li { width: 40px; height: 30px; overflow: hidden; float: left; margin-left: 3px; border: 1px solid gray; } #ProductDetails .ProductTinyImageList ul li div { display: table-cell; text-align: center; } #ProductDetails .ProductTinyImageList ul li #TinyOuterDiv { /*border: 2px solid white;*/ } #ProductDetails .ProductTinyImageList ul { margin: 0pt; padding: 0pt; position: relative; list-style-type: none; white-space: nowrap; width: 2500px; } #ProductDetails .ProductThumbImage { height: 300px; width: 300px; overflow: hidden; margin: auto; } .carousel { position: relative; visibility: hidden; left: -5000px; width: 180px; } /** Product image gallery end **/ /** AJAX loading box - End **/ /* Product Videos */ #FeaturedVideo, #VideoList, #VideoSingle { float: left; } #VideoList { padding-left: 5px; } .VideoSeparator { clear: both; } .videoRow { clear: both; margin-bottom: 4px; display: block; height: 75px; } .previewImageContainer { height: 80px; width: 80px; } .videoRow img { float: left; padding-right: 5px; } .videoRowTitle { font-weight: bold; } .videoRowDescription { max-height: 50px; overflow: hidden; } .VideoOverlay { background-image: url("../images/VideoOverlay.png"); background-position: center center; position: absolute; left: 0; height: 100%; width: 100%; top: 0; } .VideoContentContainer { position: relative; margin-left: 3px; padding-left: 92px; } /** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/ .VideoPreviewSize { width: 92px; height: 69px; } .videoRowLength { padding-left: 4px; } .videoRow, .videoRowTitle, .videoRow img, .videoRowLength { cursor: pointer; } #VideoList ul { position: relative; overflow-y: auto; padding: 0; margin: 0; width: 240px; height: 265px; } #VideoSingle { padding-left: 10px; width: 240px; } #VideoContainer { padding: 5px 0 5px 5px; height: 265px; } .HideElement { display: none; } .VideoSingleTitle { font-weight: bold; } .VideoSingleDescription { padding-top: 10px; overflow-y: auto; height: 220px; padding-right: 5px; } .Left #VideoMiddleContainer, .Right #VideoMiddleContainer { display: none; } .Content #VideoSideContainer { display: none; } #VideoSideContainer ul { text-align: center; } #VideoSideContainer ul li { margin-bottom: 5px; } .VideoSideDescription { padding: 2px 10px; } .VideoImageContainer { position: relative; float: left; } .fastCartContent .ProductList li { width: 238px !important; } .fastCartContent .ProductList .ProductImage img { height: 238px !important; width: 238px !important; } .ToggleSearchFormLink { margin: 8px 5px 0 0; }