/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 2.2;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: middle;
}

.boxText {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
}
.errorBox {
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #ffb3b5;
  font-weight: bold;
}
.stockWarning {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #cc0033;
}
.productsNotifications {
  background: #f2fff7;
}
.orderEdit {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #70d250;
  text-decoration: underline;
}

BODY {
  color: #000000;
  margin: 0px;
  padding: 0px; /*background:#1b2c46; */
  font-family: Arial;
  background-repeat: no-repeat;
  background-position: top left;

  background-size: cover;
}

A {
  color: #000;
  text-decoration: none;
}

A:hover {
  color: #4285f4;
  text-decoration: underline;
}
A.footer {
  color: #ffffff;
  text-decoration: underline;
}
a.information,
.information {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
}

FORM {
  display: inline;
}

TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  padding-top: 5px;
}

A.headerNavigation {
  color: #000;
  font-size: 11px;
}

A.headerNavigation:hover {
  color: #000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #000;
  font-weight: bold;
  text-align: center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #000;
  font-weight: bold;
  text-align: center;
}

TD.footer,
p.footer {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000;
}
p.information {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000;
}
.infoBoxOrig {
  background: #4285f4;
}

.infoBox {
  border: 1px solid 4285F4;
}

.infoBoxContents {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.next-prev {
  /*padding-left:270px;*/
}

.next-prev-i {
  float: left;
}

.next-prev-ib {
  float: left;
  padding-left: 10px;
}

.infoBoxNotice {
  background: #ff8e90;
}

.infoBoxNoticeContents {
  background: #ee0000;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #4285f4;
  color: #000;
}

TD.infoBox,
SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd,
TR.addressBook-odd,
TR.alsoPurchased-odd,
TR.payment-odd,
TR.productListing-odd,
TR.productReviews-odd,
TR.upcomingProducts-odd,
TR.shippingOptions-odd {
  background: #fff;
}

TR.accountHistory-even,
TR.addressBook-even,
TR.alsoPurchased-even,
TR.payment-even,
TR.productListing-even,
TR.productReviews-even,
TR.upcomingProducts-even,
TR.shippingOptions-even {
  background: #fff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #396496;
  border-spacing: 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

TABLE.productListing td {
  padding: 4px;
  font-size: 12px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: #396496;
  color: #fff;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #000;
  text-decoration: none;
}

A.pageResults:hover {
  color: #4285f4;
  text-decoration: underline;
}

TD.pageHeading,
DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: #1d2848;
  text-align: center;
}
TD.pageHeadingEmail,
DIV.pageHeadingEmail {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
TD.receiptHeading,
P.receiptHeading {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.5;
  color: #000;
}
TD.main,
P.main {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000;
}
A.main {
  color: #000;
  text-decoration: underline;
}
a.current {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #4285f4;
  text-decoration: underline;
}
TD.email,
P.email {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #000000;
}
A.email {
  color: #000000;
  text-decoration: underline;
}

TD.smallText,
SPAN.smallText,
P.smallText {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
}
a.smallText {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
}
TD.smallTextWhite,
SPAN.smallText,
P.smallText {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000;
}

TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX,
INPUT,
RADIO,
SELECT {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  border: 2px solid #eee;
  background: #f3f3f3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #1d2848;
  color: #fff !important;
  text-align: center;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.moduleRow {
}
.moduleRowOver {
  background-color: #c084dc;
  cursor: pointer;
  cursor: hand;
}
.moduleRowSelected {
  background-color: #4285f4;
}

.checkoutBarFrom,
.checkoutBarTo,
.checkoutBarDone {
  padding-top: 5px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #8c8c8c;
}
.checkoutBarDone {
  color: #28a745;
}
.checkoutBarCurrent {
  padding-top: 5px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #8c8c8c;
  text-decoration: underline;
  font-weight: bold;
  color: #1d2848;
}

/* message box */

.messageBox {
  font-family: Arial, sans-serif;
  font-size: 10px;
}
.messageStackError,
.messageStackWarning {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background-color: #ffb3b5;
}
.messageStackSuccess {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background-color: #99ff00;
}

/* input requirement */

.inputRequirement {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
}

/* BOF: For Discount Prices */
TD.DiscountPriceTitle,
P.DiscountPriceTitle {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  font-weight: bold;
}

TD.DiscountPriceQty,
P.DiscountPriceQty {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
}

TD.DiscountPrice,
P.DiscountPrice {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 1;
}

TD.QuantityDiscountAvailable,
P.QuantityDiscountAvailable {
  font-family: Arial, sans-serif;
  font-size: 10px;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: bold;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
.navigation-normal {
  color: #4285f4;
  text-decoration: underline;
}
.instructionsBox {
  background: #4285f4;
}

.instructionsBoxContents {
  background: #f4da11;
  font-family: Arial, sans-serif;
  font-size: 10px;
}
a.instructions {
  color: #000000;
  text-decoration: underline;
}
.StudentDetialsBoxContents {
  background: #efd8fb;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.homepicture {
  border: 2px solid #000;
}
table.bgimage {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

table.bgimage table {
  background: #fff;
}

table.main {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(20, 20, 20, 0.1);
  box-shadow: 1px 2px 2px rgba(20, 20, 20, 0.4);
  padding: 5px;
}
input.disabled {
  background-color: #999999;
}
TD.disabled,
P.disabled {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #ffffff;
  text-decoration: line-through;
}

p.footer {
  color: #fff;
  font-size: 11px;
}

.body_background {
  top: 0;
  z-index: 2;

  height: 700px;
  left: 50%;
  margin-left: -700px;
  position: absolute;
  width: 1420px;
}

.bgimage {
  position: relative;
  z-index: 3;
}

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: none;
}
.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}
.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}
.nivo-box img {
  display: block;
}

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
  padding: 5px;
  margin: 0;
}
.nivo-caption a {
  display: inline !important;
}
.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align: center;
  padding: 15px 0;
}
.nivo-controlNav a {
  cursor: pointer;
}
.nivo-controlNav a.active {
  font-weight: bold;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
  position: relative;
  background: #fff url(loading.gif) no-repeat 50% 50%;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.theme-default .nivoSlider a {
  border: 0;
  display: block;
}

.theme-default .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}
.theme-default .nivo-controlNav a {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(bullets.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
  background-position: 0 -22px;
}

.theme-default .nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a {
  opacity: 1;
}
.theme-default a.nivo-nextNav {
  background-position: -30px 0;
  right: 15px;
}
.theme-default a.nivo-prevNav {
  left: 15px;
}

.theme-default .nivo-caption {
  font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
  color: #fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}

.header,
.content,
.footer {
  width: 900px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 52;
}
.header h1 {
  background-image: url(/static/logo.jpg);
  margin-left: 5px;
  background-size: cover;
}
.header h1 a {
  display: block;
  width: 320px;
  height: 110px;
  text-indent: -9999em;
}

.header {
  height: 310px;
  /*overflow:hidden; */
  z-index: 100000;
  margin-left: 0% !important;
}
.navigation li {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
}

.navigation .divider {
  width: 1px;
  margin-left: 15px;
  margin-right: 15px;
}
.content {
  padding-top: 14px;
  padding-bottom: 14px;
  background: #fff; /*background:#fff; padding-top:0; border-top:14px solid #ebebeb;*/
}
.navigation li a {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.navigation li .cartContents {
  padding-right: 25px;
  height: 28px;
  background-image: url(/images/cart40px.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px;
}
.navigation {
  position: absolute;
  right: 50px;
  bottom: 8px;
  z-index: 10;
}

/*	.whiteContent { background:#fff; padding-left:32px; padding-right:16px; padding-top:16px; padding-bottom:14px; } */

.whiteContent {
  background: #fff;
  margin: auto;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 14px;
  border-top: 2px solid #eee;
}

.menu {
  /* padding-left:6%; padding-top:49px; */
  display: inline-block;
  vertical-align: top;
  width: 375px;
}

/*.menu .title { text-transform:uppercase; font-weight:bold; font-size:12px; color:#666; margin-bottom:12px; }*/

.menu li {
  margin-bottom: 8px;
}

.smallText {
  vertical-align: top;
}

.imagePlaceholder {
  width: 252px;
  border: 1px solid #fff;
  background: #0f243e;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
}

.below-photo {
  text-align: center;
  margin-top: 14px;
}
.center {
  text-align: center;
}
.instructions-new {
  text-align: left;
  display: inline-block;
  margin-top: 14px;
  max-width: 440px;
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #0f243e;
}

.instructions-new {
  padding-left: 24px;
  position: relative;
  margin-left: 5%;
  background: #e9efff;
  line-height: 1.2;
}
.instructions-new span {
  position: absolute;
  left: 10px;
  padding-top: 2px;
}

.products-photos .inner {
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #0f243e;
  display: inline-block;
  margin-bottom: 9px;
}

.options {
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #0f243e;
  display: inline-block;
  box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.1);
  margin-top: 8px;
}
.below-photo {
  color: #444;
  font-size: 15px;
  text-decoration: none;
}

.menu li a,
.blue-button,
.below-photo a {
  display: block;
  border-top: 1px solid #798ead;
  border-left: 1px solid #a4afc0;
  border-bottom: 1px solid #c8cacd;
  border-right: 1px solid #748093;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.05);

  background: rgb(57, 100, 150);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NjQ5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzM2NWU4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzI4NDU2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDNmNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(57, 100, 150, 1) 0%,
    rgba(54, 94, 140, 1) 31%,
    rgba(40, 69, 103, 1) 78%,
    rgba(36, 63, 94, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(57, 100, 150, 1)),
    color-stop(31%, rgba(54, 94, 140, 1)),
    color-stop(78%, rgba(40, 69, 103, 1)),
    color-stop(100%, rgba(36, 63, 94, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(57, 100, 150, 1) 0%,
    rgba(54, 94, 140, 1) 31%,
    rgba(40, 69, 103, 1) 78%,
    rgba(36, 63, 94, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(57, 100, 150, 1) 0%,
    rgba(54, 94, 140, 1) 31%,
    rgba(40, 69, 103, 1) 78%,
    rgba(36, 63, 94, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(57, 100, 150, 1) 0%,
    rgba(54, 94, 140, 1) 31%,
    rgba(40, 69, 103, 1) 78%,
    rgba(36, 63, 94, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(57, 100, 150, 1) 0%,
    rgba(54, 94, 140, 1) 31%,
    rgba(40, 69, 103, 1) 78%,
    rgba(36, 63, 94, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396496', endColorstr='#243f5e',GradientType=0 );
}

.menu li a {
  padding: 0;
  height: 33px;
  line-height: 33px;
}

.blue-button {
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 16px;
}

.menu li a:hover,
.blue-button:hover,
.below-photo a:hover {
  background: #fefefe;
  color: #777;
  border-color: #a4a4a4;
  text-decoration: none;
}
.footer {
  background: #0f243e;
}

.below-photo a {
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.links {
  text-align: center;
}
.links li {
  display: inline-block;
  line-height: 36px;
  height: 36px;
  margin-bottom: 9px;
  margin-top: 1px;
}

.links li a {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.links li.divider {
  width: 1px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  background: #fff;
  margin-left: 15px;
  margin-right: 15px;
}

.subfooter {
  width: 900px;
  margin: 0 auto;
  z-index: 52;
  position: relative;
  padding-top: 20px;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
}

.subfooter a {
  text-decoration: underline;
}

.container {
  width: 900px;
  margin: 0 auto;
  z-index: 52; /*position:relative;*/
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  //border-bottom-right-radius: 12px;
  //border-bottom-left-radius: 12px;
  //box-shadow: 1px 4px 3px rgba(0, 0, 0, 0.4);
}
.mainContent {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  /*width:705px; */
}

.mainContent .images a {
  display: inline-block;
  margin-right: 15px;
}

.mainContent h2 {
  font-size: 15px;
  color: #03051b;
}
.verticalDivider {
  border-left: 1px solid #aaa;
  background: #eee;
  width: 1px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
}

.mainContent > table,
.mainContent > form {
  width: 665px;
  display: block;
}
.mainContent > table {
  display: table;
}
.mainContent > table font,
.mainContent > form font {
  color: #000;
  font-size: 12px !important;
  font-family: Arial;
}
p {
  font-family: Arial;
  padding: 5px 15px;
}
.header h1 {
  width: 254px;
  height: 229px;
  position: relative;
  z-index: 9;
}
.header h1 a {
  width: 254px;
  height: 229px;
}
.nivo-caption {
  background: rgba(233, 233, 233, 0.8);
  opacity: 1;
  line-height: 38px;
  min-height: 38px;
  padding-left: 15px;
  font-size: 19px;
  color: #000;
}
.container,
.header,
.content,
.footer {
  width: 1350px;
}
.nivo-caption strong {
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
}
.theme-default .nivoSlider {
  box-shadow: none;
}
.mainContent {
  margin-left: 14%;
}
.theme-default a.nivo-prevNav {
  background: rgba(233, 233, 233, 0.8);
  background-image: url(/images/navLeft.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 43px;
  width: 38px;
  left: 0;
  opacity: 1;
}
.theme-default a.nivo-nextNav {
  background: rgba(233, 233, 233, 0.8);
  background-image: url(/images/navRight.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 43px;
  width: 38px;
  right: 0;
  opacity: 1;
}

TD.main,
P.main {
  font-size: 12px;
  color: #000;
}

.yellow-button,
.yellow-info {
  background: rgb(254, 204, 47);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2MyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2ZlY2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2ZlYzcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2ZlYzAwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZlYzAwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2ZlYzAwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2ZlYmYwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZlYmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(254, 204, 47, 1) 0%,
    rgba(254, 203, 45, 1) 23%,
    rgba(254, 199, 39, 1) 43%,
    rgba(254, 192, 15, 1) 81%,
    rgba(254, 192, 15, 1) 85%,
    rgba(254, 192, 11, 1) 87%,
    rgba(254, 191, 11, 1) 94%,
    rgba(254, 191, 0, 1) 95%,
    rgba(254, 191, 0, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(254, 204, 47, 1)),
    color-stop(23%, rgba(254, 203, 45, 1)),
    color-stop(43%, rgba(254, 199, 39, 1)),
    color-stop(81%, rgba(254, 192, 15, 1)),
    color-stop(85%, rgba(254, 192, 15, 1)),
    color-stop(87%, rgba(254, 192, 11, 1)),
    color-stop(94%, rgba(254, 191, 11, 1)),
    color-stop(95%, rgba(254, 191, 0, 1)),
    color-stop(100%, rgba(254, 191, 0, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(254, 204, 47, 1) 0%,
    rgba(254, 203, 45, 1) 23%,
    rgba(254, 199, 39, 1) 43%,
    rgba(254, 192, 15, 1) 81%,
    rgba(254, 192, 15, 1) 85%,
    rgba(254, 192, 11, 1) 87%,
    rgba(254, 191, 11, 1) 94%,
    rgba(254, 191, 0, 1) 95%,
    rgba(254, 191, 0, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(254, 204, 47, 1) 0%,
    rgba(254, 203, 45, 1) 23%,
    rgba(254, 199, 39, 1) 43%,
    rgba(254, 192, 15, 1) 81%,
    rgba(254, 192, 15, 1) 85%,
    rgba(254, 192, 11, 1) 87%,
    rgba(254, 191, 11, 1) 94%,
    rgba(254, 191, 0, 1) 95%,
    rgba(254, 191, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(254, 204, 47, 1) 0%,
    rgba(254, 203, 45, 1) 23%,
    rgba(254, 199, 39, 1) 43%,
    rgba(254, 192, 15, 1) 81%,
    rgba(254, 192, 15, 1) 85%,
    rgba(254, 192, 11, 1) 87%,
    rgba(254, 191, 11, 1) 94%,
    rgba(254, 191, 0, 1) 95%,
    rgba(254, 191, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(254, 204, 47, 1) 0%,
    rgba(254, 203, 45, 1) 23%,
    rgba(254, 199, 39, 1) 43%,
    rgba(254, 192, 15, 1) 81%,
    rgba(254, 192, 15, 1) 85%,
    rgba(254, 192, 11, 1) 87%,
    rgba(254, 191, 11, 1) 94%,
    rgba(254, 191, 0, 1) 95%,
    rgba(254, 191, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc2f', endColorstr='#febf00',GradientType=0 );
  color: #595959;
  padding-top: 18px;
  padding-bottom: 17px;
  border-left: 1px solid #fee6b1;
  border-bottom: 1px solid #fed075;
  border-right: 1px solid #fed075;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
}

.yellow-info {
  display: block;
  padding-left: 14px;
  padding-right: 14px;
}

.yellow-info strong {
  font-weight: bold;
}

.yellow-button b,
.blue-button b {
  font-weight: bold;
  font-size: 17px;
  line-height: 19px;
}

.blue-button b {
  font-size: 16px;
}

.yellow-button:hover {
  background: #febf00;
  color: #333;
  text-decoration: none;
}

.home-bottom .yellow-button {
  vertical-align: bottom;
  width: 254px;
  margin-right: 17px;
}

.photo-option {
  display: inline-block;
  vertical-align: top;
  padding-left: 15%;
  width: 361px;
}
.photo-option2 {
  display: inline-block;
  vertical-align: top;
  padding-left: 5%;
  width: 361px;
}

.button-submit,
.button-button {
  display: inline-block;
  cursor: pointer;
  padding-left: 14px;
  padding-right: 14px;
  height: 41px;
  line-height: 19px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.home-bottom {
  padding-left: 13%;
  padding-top: 11px;
  background: #fff;
  padding-bottom: 17px;
}

.mainContent.no-menu {
  width: 100%;
  padding-top: 55px;
  margin-left: 0% !important;
}

.mainContent.no-menu > table,
.mainContent.no-menu > form {
  width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea {
  padding: 4px;
  font-size: 12px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333;
  border: 1px solid #444;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}

.address-text {
  width: 89%;
}

.products-photos {
  display: inline-block;
  vertical-align: top;
  width: 9.5%;
}

.products {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 40px;
  border-top: 2px solid #eee;
}

.product img,
.products-photos img {
  margin-top: 5px;
}

.products-photos img {
  margin-bottom: 4px;
}

.product {
  margin-bottom: 9px;
}
.resultsCount {
  color: #fff;
  padding: 8px;
  background: #0f243e;
  display: inline-block;
}

.pagination {
  font-size: 0;
}
.pagination b,
.pagination a {
  font-size: 12px;
  margin-left: 3px;
  display: inline-block;
  padding: 1px 10px;
  border: 1px solid #999;
  color: #0f243e;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.pagination b,
.pagination a:hover {
  border: 1px solid #fff;
  background: #0f243e;
  color: #fff;
  padding: 1px 10px;
}

.pagination u {
  text-decoration: none;
}

#product_form {
  width: 86%;
  padding-right: 36px;
  display: inline-block;
  vertical-align: top;
}

.button-small {
  font-size: 13px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 4px;
  height: 25px;
  line-height: 25px;
}

span.error {
  display: inline-block;
  margin-left: 10px;
  padding-left: 4px;
  padding-right: 4px;
  background: red;
  color: #fff;
}

.whiteContent {
  position: relative;
}
.products-blockout {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.red-asterisk .inputRequirement {
  color: red;
  font-style: italic;
}

.bold-checkout {
  font-weight: bold;
  font-size: 1.1em;
}

.cd-link {
  color: #2f6997;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 1px;
  margin-top: 4px;
  font-size: 1em;
}

.product-page-header {
  background: #ffffff;
}

#shopping-cart-table {
  border: 1px solid #396496;
  margin-bottom: 28px;
  background: #fff;
}
#shopping-cart-table td,
#shopping-cart-table th {
  padding: 14px;
  text-align: center;
}
#shopping-cart-table td {
  border-right: 1px solid #396496;
  border-bottom: 1px solid #396496;
  font-size: 13px;
}
.order-total-heading,
.order-total-value,
.shopping-cart-item-qty,
.shopping-cart-item-total {
  width: 140px;
}
#shopping-cart-table th {
  border-bottom: 1px solid #396496;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  min-width: 140px;
  border-right: 1px solid #396496;
  background: #396496;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
#shopping-cart-table th .right,
#shopping-cart-table .right {
  float: none;
  text-align: right;
}
#shopping-cart-table .a-left,
#shopping-cart-table .shopping-cart-shipping {
  text-align: left;
}
#shopping-cart-table .product {
  border-right: medium none;
}
#shopping-cart-table .remove-item {
  color: #396496;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
}
.remove-item-box {
  display: block;
  margin: auto;
  width: 19px;
  height: 19px;
  border: 1px solid #396496;
  padding: 1px;
}
.remove-item:hover {
  cursor: pointer;
}
.remove-item:hover .remove-item-box-inner {
  width: 19px;
  height: 19px;
  background: #396496 none repeat scroll 0% 0%;
  display: block;
}
#shopping-cart-table .inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  max-width: 80%;
}
#shopping-cart-table .product-image {
  display: inline-block;
  vertical-align: middle;
}
#shopping-cart-table .shopping-cart-totals {
  padding: 0px;
  border: medium none;
}
#shopping-cart-table .shopping-cart-totals td {
  border: medium none;
  vertical-align: top;
  text-align: left;
  padding: 0;
}
#shopping-cart-order-totals {
  width: 100%;
  border-collapse: separate;
}
#shopping-cart-table #shopping-cart-order-totals .order-total-heading {
  text-align: right;
  border-bottom: 1px solid #b7b7b7;
}
#shopping-cart-table #shopping-cart-order-totals .order-total-value {
  text-align: center;
  border-left: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}
#shopping-cart-table .shopping-cart-grand-total td {
  font-weight: 400 !important;
  font-size: 2.5em !important;
}
#shopping-cart-order-totals tr:last-child td {
  border-bottom: medium none !important;
}
#shopping-cart-table #shopping-cart-order-totals .order-total-heading {
  text-align: right;
  border-bottom: 1px solid #396496;
  font-weight: bold;
  font-size: 14px;
  padding: 14px;
  vertical-align: middle;
}
#shopping-cart-table #shopping-cart-order-totals .order-total-value {
  text-align: center;
  border-left: 1px solid #396496;
  border-bottom: 1px solid #396496;
  padding: 14px;
  vertical-align: middle;
  text-align: right;
}

.shopping-cart-empty {
  text-align: center;
}
.facebook-icon {
  margin-left: 8rem;
  display: inline-block;
  position: relative;
  bottom: -9rem;
}
@media (max-width: 1200px) {
  .container,
  .header,
  .content,
  .footer {
    width: 1190px;
  }
  .mainContent {
    margin-left: 0;
  }
  .photo-option {
    padding-left: 0;
  }
  .facebook-icon {
    margin-left: 0rem;
    margin-right: 2rem;
  }
}
@media (max-width: 1100px) {
  .container,
  .header,
  .content,
  .footer {
    width: 1000px;
  }
  .mainContent {
    margin-left: 0;
  }
  .photo-option {
    padding-left: 0;
  }
  .menu {
    width: 240px;
  }
  .facebook-icon {
    margin-left: 0rem;
    margin-right: 2rem;
  }
}

/* tablet size */
@media (max-width: 992px) {
  .body_background,
  .hide-mobile,
  .slider-wrapper {
    display: none !important;
  }

  .home-page .content {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .mainContent {
    width: 100%;
    margin-left: 0;
  }
  .next-prev {
    padding-left: 0px;
  }

  /* mobile styles */
  body {
    background: transparent;
  }
  BODY {
    background-image: none;
    background: transparent;
  }
  .container,
  .header,
  .content,
  .footer,
  .subfooter,
  .mainContent.no-menu {
    width: 100%;
    margin-left: 0;
  }
  .log-in-text .blue-button {
    margin-left: 0 !important;
  }

  .imagePlaceholder,
  .imagePlaceholder img {
    width: 100%;
  }

  .pageHeading.block-mobile {
    padding-top: 16px;
    border-top: 1px solid #bbb;
    margin-top: 16px;
    padding-bottom: 7px;
  }

  .instructions-new {
    padding: 6px;
    padding-left: 17px;
    margin-left: 0;
  }

  .instructions-new span {
    left: 8px;
  }

  .pageHeading.block-mobile.no-line {
    margin-top: 0;
    border-top: none;
    padding-top: 25px;
    padding-bottom: 25px;
    background: #ebebeb;
  }

  .block-mobile {
    display: block;
    width: 100%;
  }

  .whiteContent {
  }

  .products .infoBoxContents td,
  .product-page .products-photos .inner .infoBoxContents tr {
    display: inline-block;
    vertical-align: top;
    width: 50% !important;
    text-align: center;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .products-photos .inner .infoBoxContents tr td {
    display: block;
    width: 100%;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .products .infoBoxContents img,
  .product-page .products-photos .inner .infoBoxContents img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }

  .mainContent.no-menu {
    padding-top: 6px;

    margin-left: 0% !important;

    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px 15px;
  }

  .container {
    box-shadow: none;
    border-radius: 0;
  }

  .subfooter img {
    display: none;
  }

  .slider-wrapper {
    max-width: 100%;
    width: 100% !important;
    margin-left: 0 !important;
    height: 0 !important;
    padding-bottom: 40%;
    overflow: hidden;
  }

  .subfooter {
    background: #0f243e;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #product_form {
    width: 100%;
    padding-right: 0;
  }

  .menu {
    padding-left: 0;
    padding-top: 0;
  }

  .product-page .main {
    padding: 16px !important;
  }

  .product-page-instructions {
    padding-bottom: 16px;
  }

  .product-large-image {
    display: table-header-group;
  }

  .product-details {
    display: table-footer-group;
  }

  #product-feature-image {
    width: 100%;
  }

  .products-choices-section {
    margin-top: 16px;
  }

  .mainContent.product-page {
    border: none !important;
    padding-right: 0 !important;
  }

  /* .button-submit, .button-button {margin-left: 25% !important;} */

  /* .next-prev-i {float:  none !important; padding-left: 0px !important;} */

  .next-prev-ib {
    padding-left: 0;
  }

  .next-prev-il {
    float: left !important;
    padding-left: 0px !important;
  }

  .next-prev-ir {
    float: right !important;
    padding-left: 0px !important;
  }

  .product-page-header {
    padding-left: 16px;
    padding-right: 16px;
    border-collapse: separate;
    box-sizing: border-box;
  }

  .selectBox-dropdown {
    min-width: 100% !important;
  }

  .selectBox-options {
    min-width: 90% !important;
  }

  .red-asterisk tr td {
    display: block;
    width: 100%;
  }
  .red-asterisk input[type="text"],
  .red-asterisk input[type="password"],
  .red-asterisk select,
  .red-asterisk textarea {
    max-width: 85%;
    margin-bottom: 2px;
    width: 100% !important;
  }

  .receiptHeading input {
    width: 90%;
  }

  .align-left-mobile {
    text-align: left;
  }

  .inputRequirement.block-mobile {
    color: red;
    font-size: 12px;
  }

  body .header h1 {
    height: 80px;
    width: 98%;
    margin-left: 16px;
    background-size: 500px 80px;
    background-repeat: no-repeat;
  }

  .navigation li .cartContents {
    background-image: none;
    padding-right: 0;
  }

  .navigation {
    right: auto;
    left: 16px;
  }

  .header h1 a {
    width: 80px;
    height: 80px;
  }

  .home_page .content {
    display: none;
  }

  .home-bottom iframe {
    display: none !important;
  }

  .home-bottom {
    padding: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .photo-option {
    padding-left: 0;
    width: 100%;
    padding: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .photo-option img {
    width: 100% !important;
    height: auto !important;
  }
  .photo-option2 {
    padding-left: 0;
    width: 100%;
    padding: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .photo-option2 img {
    width: 100% !important;
    height: auto !important;
  }

  .links li.divider {
    margin-left: 8px;
    margin-right: 8px;
  }

  .facebook-box-home {
    display: none !important;
  }

  .navigation .divider {
    display: block;
    margin: 0;
    height: 1px;
    background: #fff;
    width: 100%;
  }

  .menu {
    width: 100%;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
  }

  .menu li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
  }

  .links li {
    margin-bottom: 0;
  }
  .links {
    max-width: 90%;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
  }

  .button-submit,
  .button-button {
    height: auto;
    min-height: 41px;
  }
  .button-small {
    height: 30px;
    min-height: 30px;
  }

  .product-page .products-photos {
    box-sizing: border-box;
    width: 100% !important;
    padding: 16px;
    border: none;
  }

  .product-page .white-wrapper {
    background: transparent;
    position: static;
  }

  .product-page .products-photos .inner {
    margin: 0;
    background: transparent;
    border: none;
    width: 100%;
    display: block;
    border: 1px solid #0f243e;
  }

  .header {
    height: 96px;
    overflow: visible;
  }

  .navigation {
    left: 0;
    bottom: auto;
    top: 96px;
    background: rgb(57, 99, 149);
    right: 0;
    box-sizing: border-box;

    overflow: hidden;
    max-height: 0;
    opacity: 0;
    border-bottom: 3px solid rgb(36, 63, 94);
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -webkit-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
  }

  .navigation.active {
    display: block;

    max-height: 300px;
    opacity: 1;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -webkit-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
  }

  .navigation li {
    display: block;
    box-sizing: border-box;
    height: auto;
    line-height: auto;
  }

  .navigation li a,
  .navigation li .cartContents {
    color: #fff;
    padding: 8px;
    padding-left: 16px;
    box-sizing: border-box;
    height: auto;
    line-height: auto;
    font-size: 17px;
    font-weight: bold;
  }

  #menu-toggle {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 9;
  }

  #menu-toggle {
    cursor: pointer;
    padding: 10px 35px 16px 0px;
  }
  #menu-toggle span,
  #menu-toggle span:before,
  #menu-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #0f243e;
    position: absolute;
    display: block;
    content: "";
  }
  #menu-toggle span:before {
    top: -10px;
  }
  #menu-toggle span:after {
    bottom: -10px;
  }

  #menu-toggle span,
  #menu-toggle span:before,
  #menu-toggle span:after {
    transition: all 0.4s ease-in-out;
  }
  #menu-toggle.active span {
    background-color: transparent;
  }
  #menu-toggle.active span:before,
  #menu-toggle.active span:after {
    top: 0;
  }
  #menu-toggle.active span:before {
    transform: rotate(45deg);
  }
  #menu-toggle.active span:after {
    transform: rotate(-45deg);
  }

  .home-page .container {
    position: relative;
  }

  .home-page .content {
    position: static;
  }

  .menu li a {
    height: 33px;
    line-height: 33px;
  }

  .home-page .menu {
    position: absolute;
    bottom: 0;
    background: #ebebeb;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 16px;
  }
  .home-bottom {
    padding-bottom: 160px;
  }

  .cd-link-text-new.hide-desktop {
    margin-right: 0;
  }

  .productPreOrder p img {
    height: auto !important;
    width: 100% !important;
  }

  .productPreOrder pre {
    max-width: 100% !important;
    white-space: pre-wrap;
    width: 100% !important;
  }

  .productPreOrder div.image {
    float: none;
    display: block;
  }

  .infoBox.red-asterisk table {
    width: 100%;
  }

  span.error {
    margin-left: 6px;
    margin-top: 2px;
    margin-bottom: 4px;
    max-width: 90%;
  }

  #shopping-cart-table .wrap {
    position: relative;
    padding-left: 90px;
    min-height: 147px;
    line-height: 30px;
  }

  #shopping-cart-table .product-image {
    vertical-align: top;
    position: absolute;
    left: 0px;
  }

  #shopping-cart-table img {
    max-width: 90px;
    max-height: 90px;
    border: 1px solid #d9d9d9;
  }

  #shopping-cart-table .product-name {
    display: block;
    padding-left: 0px;
    color: #353535;
  }

  .checkout-prod-label {
    color: #7f7f7f;
  }

  #shopping-cart-table .shopping-cart-totals {
    display: block;
  }

  #shopping-cart-table .shopping-cart-totals td.shopping-cart-shipping-quotes {
    padding-bottom: 14px;
  }

  #shopping-cart-table .remove-item {
    bottom: 0px;
    left: 9px;
    position: absolute;
  }

  #shopping-cart-table .shopping-cart-totals td.shopping-cart-order-totals {
    display: block;
  }

  .shopping-cart-shipping-quotes {
    display: none;
  }

  .product-page-instructions .main {
    padding: 0px !important;
  }

  .mobile-left {
    text-align: left !important;
    float: none !important;
  }
  .mobile-block {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }

  body .pink-info .button-button {
    height: 23px;
    line-height: 3px;
    min-height: 0;
  }

  .extra-services {
    display: block;
  }
  .extra-services td {
    display: inline-block;
    width: 25% !important;
    padding: 0 !important;
  }
  .extra-services td img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }
}

@media (max-width: 640px) {
  .body_background,
  .hide-mobile,
  .slider-wrapper {
    display: none !important;
  }

  .home-page .content {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .mainContent {
    width: 100%;
    margin-left: 0;
  }
  .next-prev {
    padding-left: 0px;
  }

  /* mobile styles */
  body {
    background: transparent;
  }
  BODY {
    background-image: none;
    background: transparent;
  }
  .container,
  .header,
  .content,
  .footer,
  .subfooter,
  .mainContent.no-menu {
    width: 100%;
    margin-left: 0;
  }

  .log-in-text .blue-button {
    margin-left: 0 !important;
  }

  .imagePlaceholder,
  .imagePlaceholder img {
    width: 100%;
  }

  .pageHeading.block-mobile {
    padding-top: 16px;
    border-top: 1px solid #bbb;
    margin-top: 16px;
    padding-bottom: 7px;
  }

  .instructions-new {
    padding: 6px;
    padding-left: 17px;
    margin-left: 0;
  }

  .instructions-new span {
    left: 8px;
  }

  .pageHeading.block-mobile.no-line {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    background: #ebebeb;
  }

  .block-mobile {
    display: block;
    width: 100%;
  }

  .whiteContent {
  }

  .products .infoBoxContents td,
  .product-page .products-photos .inner .infoBoxContents tr {
    display: inline-block;
    vertical-align: top;
    width: 50% !important;
    text-align: center;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .products-photos .inner .infoBoxContents tr td {
    display: block;
    width: 100%;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .products .infoBoxContents img,
  .product-page .products-photos .inner .infoBoxContents img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }

  .mainContent.no-menu {
    padding-top: 6px;

    margin-left: 0% !important;

    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container {
    box-shadow: none;
    border-radius: 0;
  }

  .subfooter img {
    display: none;
  }

  .slider-wrapper {
    max-width: 100%;
    width: 100% !important;
    margin-left: 0 !important;
    height: 0 !important;
    padding-bottom: 40%;
    overflow: hidden;
  }

  .subfooter {
    background: #0f243e;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #product_form {
    width: 100%;
    padding-right: 0;
  }

  .menu {
    padding-left: 0;
    padding-top: 0;
  }

  .product-page .main {
    padding: 16px !important;
  }

  .product-page-instructions {
    padding-bottom: 16px;
    padding-top: 16px;
  }

  .product-large-image {
    display: table-header-group;
  }

  .product-details {
    display: table-footer-group;
  }

  #product-feature-image {
    width: 100%;
  }

  .products-choices-section {
    margin-top: 16px;
  }

  .mainContent.product-page {
    border: none !important;
    padding-right: 0 !important;
    /*margin-left:  10% !important;*/
  }

  /* .button-submit, .button-button {margin-left: 25% !important;} */

  /* .next-prev-i {float:  none !important; padding-left: 0px !important;} */

  .next-prev-ib {
    padding-left: 0;
  }

  .next-prev-il {
    float: left !important;
    padding-left: 0px !important;
  }

  .next-prev-ir {
    float: right !important;
    padding-left: 0px !important;
  }

  .product-page-header {
    padding-left: 16px;
    padding-right: 16px;
    border-collapse: separate;
    box-sizing: border-box;
  }

  .selectBox-dropdown {
    min-width: 100% !important;
  }

  .selectBox-options {
    min-width: 90% !important;
  }

  .red-asterisk tr td {
    display: block;
    width: 100%;
  }
  .red-asterisk input[type="text"],
  .red-asterisk input[type="password"],
  .red-asterisk select,
  .red-asterisk textarea {
    max-width: 85%;
    margin-bottom: 2px;
    width: 100% !important;
  }

  .receiptHeading input {
    width: 90%;
  }

  .align-left-mobile {
    text-align: left;
  }

  .inputRequirement.block-mobile {
    color: red;
    font-size: 12px;
  }

  body .header h1 {
    width: 300px;
    height: 80px;
    margin-left: 16px;
    background-size: 300px 80px;
  }

  .navigation li .cartContents {
    background-image: none;
    padding-right: 0;
  }

  .navigation {
    right: auto;
    left: 16px;
  }

  .header h1 a {
    width: 80px;
    height: 80px;
  }

  .home_page .content {
    display: none;
  }

  .home-bottom iframe {
    display: none !important;
  }

  .home-bottom {
    padding: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .photo-option {
    padding-left: 0;
    width: 100%;
    padding: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .photo-option img {
    width: 100% !important;
    height: auto !important;
  }

  .links li.divider {
    margin-left: 8px;
    margin-right: 8px;
  }

  .facebook-box-home {
    display: none !important;
  }

  .navigation .divider {
    display: block;
    margin: 0;
    height: 1px;
    background: #fff;
    width: 100%;
  }

  .menu {
    width: 100%;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
  }

  .menu li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
  }

  .links li {
    margin-bottom: 0;
  }
  .links {
    max-width: 90%;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
  }

  .button-submit,
  .button-button {
    height: auto;
    min-height: 41px;
  }
  .button-small {
    height: 30px;
    min-height: 30px;
  }

  .product-page .products-photos {
    box-sizing: border-box;
    width: 100% !important;
    padding: 16px;
    border: none;
  }

  .product-page .white-wrapper {
    background: transparent;
    position: static;
  }

  .product-page .products-photos .inner {
    margin: 0;
    background: transparent;
    border: none;
    width: 100%;
    display: block;
  }

  .header {
    height: 96px;
  }

  .navigation {
    left: 0;
    bottom: auto;
    top: 96px;
    background: rgb(57, 99, 149);
    right: 0;
    box-sizing: border-box;

    overflow: hidden;
    max-height: 0;
    opacity: 0;
    border-bottom: 3px solid rgb(36, 63, 94);
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -webkit-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
  }

  .navigation.active {
    display: block;

    max-height: 300px;
    opacity: 1;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    -webkit-transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
  }

  .navigation li {
    display: block;
    box-sizing: border-box;
    height: auto;
    line-height: auto;
  }

  .navigation li a,
  .navigation li .cartContents {
    color: #fff;
    padding: 8px;
    padding-left: 16px;
    box-sizing: border-box;
    height: auto;
    line-height: auto;
    font-size: 17px;
    font-weight: bold;
  }

  #menu-toggle {
    position: absolute;
    right: 16px;
    top: 16px;
  }

  #menu-toggle {
    cursor: pointer;
    padding: 10px 35px 16px 0px;
  }
  #menu-toggle span,
  #menu-toggle span:before,
  #menu-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #0f243e;
    position: absolute;
    display: block;
    content: "";
  }
  #menu-toggle span:before {
    top: -10px;
  }
  #menu-toggle span:after {
    bottom: -10px;
  }

  #menu-toggle span,
  #menu-toggle span:before,
  #menu-toggle span:after {
    transition: all 0.4s ease-in-out;
  }
  #menu-toggle.active span {
    background-color: transparent;
  }
  #menu-toggle.active span:before,
  #menu-toggle.active span:after {
    top: 0;
  }
  #menu-toggle.active span:before {
    transform: rotate(45deg);
  }
  #menu-toggle.active span:after {
    transform: rotate(-45deg);
  }

  .home-page .container {
    position: relative;
  }

  .home-page .content {
    position: static;
  }

  .menu li a {
    height: 33px;
    line-height: 33px;
  }

  .home-page .menu {
    position: absolute;
    bottom: 0;
    background: #ebebeb;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 16px;
  }
  .home-bottom {
    padding-bottom: 160px;
  }

  .cd-link-text-new.hide-desktop {
    margin-right: 0;
  }

  .productPreOrder p img {
    height: auto !important;
    width: 100% !important;
  }

  .productPreOrder pre {
    max-width: 100% !important;
    white-space: pre-wrap;
    width: 100% !important;
  }

  .productPreOrder div.image {
    float: none;
    display: block;
  }

  .infoBox.red-asterisk table {
    width: 100%;
  }

  span.error {
    margin-left: 6px;
    margin-top: 2px;
    margin-bottom: 4px;
    max-width: 90%;
  }

  #shopping-cart-table .wrap {
    position: relative;
    padding-left: 90px;
    min-height: 147px;
    line-height: 30px;
  }

  #shopping-cart-table .product-image {
    vertical-align: top;
    position: absolute;
    left: 0px;
  }

  #shopping-cart-table img {
    max-width: 90px;
    max-height: 90px;
    border: 1px solid #d9d9d9;
  }

  #shopping-cart-table .product-name {
    display: block;
    padding-left: 0px;
    color: #353535;
  }

  .checkout-prod-label {
    color: #7f7f7f;
  }

  #shopping-cart-table .shopping-cart-totals {
    display: block;
  }

  #shopping-cart-table .shopping-cart-totals td.shopping-cart-shipping-quotes {
    padding-bottom: 14px;
  }

  #shopping-cart-table .remove-item {
    bottom: 0px;
    left: 9px;
    position: absolute;
  }

  #shopping-cart-table .shopping-cart-totals td.shopping-cart-order-totals {
    display: block;
  }

  .shopping-cart-shipping-quotes {
    display: none;
  }

  .product-page-instructions .main {
    padding: 0px !important;
  }

  .mobile-left {
    text-align: left !important;
    float: none !important;
  }
  .mobile-block {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }

  body .pink-info .button-button {
    height: 23px;
    line-height: 3px;
    min-height: 0;
  }

  .extra-services {
    display: block;
  }
  .extra-services td {
    display: inline-block;
    width: 25% !important;
    padding: 0 !important;
  }
  .extra-services td img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }
}

@media (min-width: 1001px) {
  .hide-desktop,
  #menu-toggle {
    display: none !important;
  }

  .product-page-instructions {
    min-height: 137px;
    margin-bottom: 25px;
  }
  .product-page-header {
    height: 205px;
  }
}

/* new css added */
/* @media(min-width: 800px )
{   
    .placementImage{
        margin-left: -217% !important;
    }
 }  */
/* new css end */

.product-feature-image {
  position: relative;
}
.product-feature-image.de-saturate .img_grayscale {
  opacity: 0 !important;
}
.img_grayscale {
  opacity: 1 !important;
}

.photo-effects {
  margin-top: 18px;
  font-family: Georgia, serif;
  display: none;
}
.photo-effects-title,
.product-selected-title {
  font-weight: bold;
  color: #2f6997;
  font-size: 14px;
  margin-bottom: 5px;
  font-family: arial;
}
.product-feature-logo {
  width: 90%;
  height: 29px;
  position: static;
  margin-top: 15px;
  right: 15px;
  display: none;
  z-index: 999;
  background-size: auto 29px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('<?php echo DIR_WS_LOGOS.$choice_set["logo_image"]; ?>');
}

.show-logo .product-feature-logo {
  display: block;
}

.show-logo .product-logo-border {
  border: 4px solid #000;
  border-radius: 4px;
  padding: 12px;
}

.show-logo .product-logo-inner-border {
  border: 2px solid #000;
  border-radius: 2px;
  font-size: 0;
}

.option-price {
  float: right;
  color: #959595;
  margin-left: 25px;
}
/* Dropdown control */
.selectBox-dropdown {
  min-width: 300px;
  position: relative;
  border: solid 1px #bbb;

  text-decoration: none;
  text-align: left;
  color: #353535;
  font-weight: bold;
  outline: none;
  vertical-align: middle;
  font-size: 15px;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #f8f8f8 1%, #e1e1e1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #f8f8f8),
    color-stop(100%, #e1e1e1)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  cursor: default;
  height: 35px;
  line-height: 35px;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
  border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing-bottom {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selectBox-dropdown.selectBox-menuShowing-top {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
  padding: 2px 8px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 100%;

  border-left: solid 1px #bbb;
  text-align: center;
  cursor: pointer;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  min-height: 1em;
  border: solid 1px #bbb; /* should be the same border width as .selectBox-dropdown */
  background: #fff;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Inline control */
.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #bbb;
  background: #fff;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: auto;
}

.selectBox-inline:focus {
  border-color: #666;
}

.selectBox-options LI {
  border-bottom: 1px solid #ccc;
}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0;
}

.selectBox-options LI,
.selectBox-options LI A {
  height: 40px;
  line-height: 40px;
  color: #353535;
  cursor: pointer;
}

.selectBox-options {
  width: auto !important;
  min-width: 300px;
}

.selectBox-options.selectBox-options-top {
  border-bottom: none;
  margin-top: 1px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.selectBox-options.selectBox-options-bottom {
  border-top: none;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 0.5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
  height: 40px;
  line-height: 40px;
  color: #353535;
}

.selectBox-options LI.selectBox-hover A {
  background-color: #eee;
}

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
  background-color: #c8def4;
}

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #eee;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0.3em;
  white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
  color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-color: #666;
}

.selectBox-inline.selectBox-disabled {
  color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important;
}

.product-choices-total {
  margin-top: 20px;
  font-size: 15px;
}

.product-choices-total b,
.product-choice-selected b {
  font-weight: bold;
}

.product-choice-selected {
  font-size: 14px;
  margin-top: 10px;
}

.zoomWindow {
  cursor: -moz-zoom-in !important;
  cursor: -webkit-zoom-in !important;
  cursor: zoom-in !important;
}
.zoomContainer {
  z-index: 99999;
}
.cd-link-text-new {
  border: 2px solid #396496;
  display: block;
  padding: 14px;
  border-radius: 6px;
  margin-right: 15px;
  color: #2f6997;
  font-weight: bold;
  text-decoration: none !important;
  padding-left: 255px;

  background-repeat: no-repeat;
  position: relative;
}
.landscape-photo .cd-img {
  width: 265px;
}

.cd-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 240px;
  background-image: url(/images/gold_cd_x3.jpg);
  background-position: right top;
  background-size: auto 100%;
}

@media (max-width: 992px) {
  .cd-img {
    width: 80px;
  }
  .cd-link-text-new {
    padding-left: 85px;
  }
}
.landscape-photo .cd-link-text-new {
  padding-left: 275px;
}

.photo-effects input[type="checkbox"] {
  display: none;
  -webkit-appearance: none;
}
.photo-effects input[type="checkbox"] + label {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  vertical-align: middle;
  border: 1px solid #bbb;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  background: #fff;
}
.photo-effects input[type="checkbox"]:checked + label span {
  display: block;
  width: 15px;
  height: 15px;
  background: #396496;
  border-radius: 2px;
  pointer-events: none;
}

.styled-radio input[type="radio"] {
  display: none;
  -webkit-appearance: none;
}
.styled-radio input[type="radio"] + label {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  vertical-align: middle;
  border: 1px solid #bbb;
  border-radius: 26px;
  cursor: pointer;
  position: relative;
  background: #fff;
}
.styled-radio input[type="radio"]:checked + label span {
  display: block;
  width: 15px;
  height: 15px;
  background: #396496;
  border-radius: 26px;
  pointer-events: none;
}
.heading-title {
  background: #1d2848;
  color: #fff !important;
  text-align: center;
}

.step-number {
  color: #fff;
  font-weight: 800;
  border-radius: 50%;
  padding: 10px 16px;
}
.step-number.sn-active {
  background: #1d2848;
}
.step-number.sn-filled {
  background: #28a745;
}
.step-number.sn-inactive {
  background: #ccc;
}

.badge {
  vertical-align: super;
  font-size: smaller;
  background: #c9002c;
  border-radius: 50%;
  padding: 4px 6px;
  position: relative;
  top: -6px;
}
@media (max-width: 640px) {
  .photo-effects input[type="checkbox"] + label {
    margin-left: 4px;
  }

  .photo-effects input[type="checkbox"] + label,
  .photo-effects input[type="checkbox"]:checked + label span,
  .styled-radio input[type="radio"] + label,
  .styled-radio input[type="radio"]:checked + label span {
    width: 26px;
    height: 26px;
  }

  .cd-link-text-new {
    padding: 7px 7px 7px 55px;
    line-height: 15px;
  }

  #product-feature-image {
    height: auto !important;
    max-width: 100%;
    overflow: hidden;
    width: 100% !important;
  }

  .cd-img {
    width: 44px;
  }

  /*.photo-effects input[type="checkbox"] + label*/
}