/* NEW CUSTOM MENU ITEM SIZE */

.PageMenu li ul li a {
    width: 310px;
}


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);

/* Custom Css 
Open+Sans:400,700,700italic,400italic
Roboto:400,400italic,700italic,700,900
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'gotham_ultraitalic', sans-serif;
*/

@charset "UTF-8";

@font-face {
    font-family: 'gotham_ultraitalic';
    src: url('../fonts/ufonts.com_gotham-ultra-italic-webfont.eot');
    src: url('../fonts/ufonts.com_gotham-ultra-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_gotham-ultra-italic-webfont.woff2') format('woff2'), url('../fonts/ufonts.com_gotham-ultra-italic-webfont.woff') format('woff'), url('../fonts/ufonts.com_gotham-ultra-italic-webfont.ttf') format('truetype'), url('../fonts/ufonts.com_gotham-ultra-italic-webfont.svg#gotham_ultraitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "controllerz";
    src: url("../fonts/controllerz.eot");
    src: url("../fonts/controllerz.eot?#iefix") format("embedded-opentype"), url("../fonts/controllerz.woff") format("woff"), url("../fonts/controllerz.ttf") format("truetype"), url("../fonts/controllerz.svg#controllerz") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "controllerz" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "controllerz" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
    content: "\e000";
}

.icon-facebook:before {
    content: "\e001";
}

.icon-youtube:before {
    content: "\e002";
}

.icon-up-open-big:before {
    content: "\e003";
}

.icon-down-open-big:before {
    content: "\e004";
}

.icon-left-open-big:before {
    content: "\e005";
}

.icon-right-open-big:before {
    content: "\e006";
}

.icon-menu:before {
    content: "\e007";
}

.icon-cart:before {
    content: "\e008";
}

.icon-search:before {
    content: "\e009";
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333;
}

a {
    color: #666;
}

.main a {
    color: #36b2ec;
}

.main a:hover {
    color: #f27935;
}

.main .btn,
.btn {
    border-radius: 8px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    letter-spacing: 0;
    line-height: 45px;
    padding: 0 15px;
    position: relative;
    text-align: right;
    background-color: #36b2ec;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.main .btn:hover,
.btn:hover {
    color: #fff;
    background: #f27935;
}

.main .btn-secondary,
.btn-secondary {
    background: #f27935;
}

.main .btn.alt,
.btn.alt {
    border: 2px solid #cccccc;
    background: #fff;
    color: #666;
    line-height: 41px;
    text-transform: uppercase;
}

.main .btn.alt:hover,
.btn.alt:hover {
    color: #fff;
    border-color: #f27935;
    background: #f27935;
}

.btn.small {
    border-radius: 5px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 28px;
    line-height: 28px;
    text-transform: none;
}

div.selector,
input.Textbox,
textarea,
input[type="text"],
input[type="password"] {
    border: solid #ddd 2px;
    height: 45px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.inner {
    width: 1180px;
    margin: auto;
}

.slide-content.inner {
    width: auto;
    max-width: 1500px;
}

.TopMenu {
    background: #f1f1f1;
    border-bottom: solid #f27935 2px;
    text-align: justify;
    padding: 0;
    font-size: 14px;
}

.TopMenu .inner {
    padding: 0;
    line-height: 50px;
}

.TopMenu .inner:before {
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -50px;
    /* your line-height */
}

.TopMenu .inner:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.TopMenu ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    top: 50px;
    /* your line-height */
}

.TopMenu li {
    padding: 0;
    line-height: 50px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 5px;
}

.TopMenu li a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.TopMenu .accountMenu {
    font-weight: bold;
    color: #666;
}

.header #Header {
    line-height: 145px;
    margin: 0;
    text-align: justify;
    height: 145px;
}

.header-logo {
    float: none;
}

#Header:after {
    content: ' ';
    display: inline-block;
    width: 100%;
}

#Header .entry {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin: 0;
    height: 145px;
    top: 0;
}

.header {
    margin: 0;
}

#Header h1 {
    line-height: 145px;
}

#Header h1 a {
    display: table-cell;
    vertical-align: middle;
    height: 145px;
    line-height: 1;
}

#Header .PageMenu li {
    padding: 0;
}

#SearchForm {
    float: none;
    line-height: 36px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    border: solid #ddd 1px;
    border-radius: 6px;
    overflow: hidden;
    width: auto;
}

#SearchForm .Button {
    width: 36px;
    float: right;
}

#SearchForm input {
    width: 175px;
    font-family: 'Roboto', sans-serif;
    padding: 0 10px;
    font-size: 14px;
    color: #f666;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#cart-amount {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-left: 30px;
}

#cart-amount dt {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: left;
    text-indent: -99999px;
    overflow: hidden;
    position: relative;
}

.TopMenu .CartIcon {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 50px;
    width: 38px;
    line-height: 50px;
    text-align: left;
    text-indent: -99999px;
    overflow: hidden;
    position: relative;
}

#cart-amount dt i {
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 24px;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: left;
}

.TopMenu .CartIcon i {
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 24px;
    display: block;
    width: 38px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 24px;
}

.TopMenu .CartIcon i:before {
    line-height: 50px;
}

.TopMenu .CartIcon small,
#cart-amount dt small {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    line-height: 18px;
    text-indent: 0;
    text-align: center;
    background: #f27935;
    display: block;
    padding: 0 4px;
    min-width: 11px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border-radius: 50%;
}

.TopMenu .CartIcon small {
    top: 7px;
}

#cart-amount dd {
    padding-left: 15px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    font-size: 12px;
    text-align: right;
}

#cart-amount dd span {
    display: block;
    line-height: 19px;
    font-weight: bold;
}

#cart-amount dd a {
    display: block;
    line-height: 19px;
}

#Header .PageMenu li.parent {
    margin: 0 10px;
    border-top: solid #fff 6px;
    border-bottom: solid #fff 6px;
    line-height: 133px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding: 0 0;
    position: static;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#Header .PageMenu li.parent.active,
#Header .PageMenu li.parent:hover {
    border-top: solid #f27935 6px;
}

#Header .PageMenu li.parent > a {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #333;
    position: relative;
    display: block;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#Header .PageMenu li.parent.active > a,
#Header .PageMenu li.parent:hover > a {
    color: #36b2ec;
}

#Header .PageMenu li.parent .subMenu {
    display: block;
    overflow: hidden;
    max-height: 0px;
    padding: 0;
    position: absolute;
    top: 145px;
    left: 0;
    right: 0;
    z-index: 1;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

#Header .PageMenu li.parent .subMenu ul {
    display: block;
    position: static;
    width: 700px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    float: left;
}

#Header .PageMenu li.parent .subMenu .feat {
    float: right;
    display: block;
    line-height: 1
}

#Header .PageMenu li.parent .subMenu ul li {
    border-bottom: solid #c4c4c4 1px;
}

#Header .PageMenu li.parent .subMenu ul li a {
    display: block;
    padding: 12px 0;
    line-height: 1.25;
    font-size: 18px;
    color: #000;
}

#Header .PageMenu li.parent .subMenu ul li a:hover {
    color: #36b2ec;
}

#Header .PageMenu li.parent:hover .subMenu {
    display: block;
    padding: 60px 0;
    max-height: 600px;
}

.header {
    position: relative;
    z-index: 50;
}

.flexslider {
    box-shadow: none;
    border-radius: 0;
    border: solid 0px;
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.PageMenu li ul:before {
    display: none;
}

#Header .PageMenu li.parent.hasSubLI:hover {
    border-bottom: solid #e9e9e9 6px;
}

#Header .PageMenu,
.PageMenu ul,
#Header,
.header .inner {
    position: static;
}

.ProductAction {
    float: right;
}

.ProductAction .shareBox {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
}

.origShareBox .shareBox .shareImageBox,
.ProductAction .shareBox .shareImageBox {
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 1;
    background: #fff;
    padding: 15px;
    border: solid #ccc 2px;
    display: none;
    border-radius: 8px;
}

.PrimaryProductDetails,
.customProdTitle,
.ActionBar {
    position: relative;
    z-index: 10;
}

.PrimaryProductDetails {
    z-index: 1;
}

.origShareBox .shareBox.exp .shareImageBox,
.ProductAction .shareBox.exp .shareImageBox {
    display: block;
    text-align: center;
}

.ProductAction .shareBox .action span {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.origShareBox .shareBox i,
.ProductAction .shareBox .action span i {
    font-size: 1.5em;
    color: #f27935;
}

.ProductAction .shareBox .shareImageBox img {
    max-width: 150px;
    height: auto;
}

.ProductAction .shareBox .shareImageBox small {
    display: none;
}

.dummyImage {
    display: none;
}

.customPicker {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
}

.customPicker .productAttributeLabel {
    width: 75px;
    height: 75px;
    position: relative;
    border: solid #999999 2px;
    text-align: center;
    margin: 0 20px 40px 0;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

.customPicker .productAttributeLabel label {
    display: block;
    height: 75px;
    cursor: pointer;
}

.customPicker .productAttributeLabel label .name {
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    z-index: 1;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.customPicker[data-select="selected"] .productAttributeLabel label .name {
    color: #689f38;
}

.customPicker[data-select="selected"] .productAttributeLabel label:before {
    content: "\2713 ";
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 1;
    font-weight: bold;
    color: #689f38;
}

.customPicker .productAttributeLabel label small {
    content: '$4.95';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 1;
    font-size: 11px;
    font-weight: bold;
    color: #f27935;
}

.PrimaryProductDetails .ProductMain {
    overflow: visible;
}

.customPicker[data-select="selected"] .productAttributeLabel {
    border-color: #689f38;
}

.customPicker .productAttributeValue {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 178px;
    background: #fff;
    border: solid #999 2px;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.customPicker[data-type="shell"] .productAttributeValue {
    width: 376px;
}

.customPicker.exp .productAttributeValue {
    display: block;
    z-index: 100;
}

.customPicker .productAttributeValue label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.customPicker .productAttributeValue span {
    padding: 0 !important;
    border: solid 0px !important;
    display: block;
    width: 27px !important;
    height: 27px !important;
}

.customPicker .productAttributeValue ul {
    font-size: 0px;
}

.customPicker .productAttributeValue li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 2px;
}

.customPicker .productAttributeValue li {
    border: solid #fff 2px !important;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.customPicker .productAttributeValue li.selectedValue {
    border: solid #000 2px !important;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
}

.customPicker .productAttributeValue li.swatchNone span {
    text-align: left;
    text-indent: -99999px;
    overflow: hidden;
}

.customPicker .productAttributeValue li.swatchNone {
    border: solid #fff 1px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.customPicker .productAttributeValue li.swatchNone:after {
    content: '\f05e';
    text-align: center;
    text-indent: 0;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    line-height: 26px;
    font-weight: bold;
    font-size: 26px;
    display: block;
    cursor: pointer;
    display: inline-block;
    font-family: FontAwesome !important;
    color: #666;
}

.left-content {
    float: right;
}

.PrimaryProductDetails .ProductMain {
    float: left;
}

.ProductThumb canvas {
    width: 520px;
    height: 325px;
}

.customPicker .productAttributeLabel label {
    height: 55px !important;
}

.customPicker[data-type="shell"] .productAttributeLabel label {
    background: url(../images/icons/shell.png) 50% 50% no-repeat;
}

.customPicker[data-type="button"] .productAttributeLabel label {
    background: url(../images/icons/buttons.png) 50% 50% no-repeat;
}

.customPicker[data-type="d_pad"] .productAttributeLabel label {
    background: url(../images/icons/dpad.png) 50% 50% no-repeat;
}

.customPicker[data-type="triggers"] .productAttributeLabel label {
    background: url(../images/icons/triggers.png) 50% 50% no-repeat;
}

.customPicker[data-type="bumpers"] .productAttributeLabel label {
    background: url(../images/icons/bumper.png) 50% 50% no-repeat;
}

.customPicker[data-type="thumb_stick"] .productAttributeLabel label {
    background: url(../images/icons/thumb.png) 50% 50% no-repeat;
}

.customPicker[data-type="ps_button"] .productAttributeLabel label {
    background: url(../images/icons/home.png) 50% 50% no-repeat;
}

.customPicker[data-type="start_select"] .productAttributeLabel label {
    background: url(../images/icons/startSel.png) 50% 50% no-repeat;
}

.customPicker[data-type="trim"] .productAttributeLabel label {
    background: url(../images/icons/xboxtrim.png) 50% 50% no-repeat;
}

.customPicker[data-type="gamer_tag_color"] .productAttributeLabel label {
    background: url(../images/icons/gtag.png) 50% 50% no-repeat;
}

.xboxone .customPicker[data-type="trim"] .productAttributeLabel label {
    background: url(../images/icons/xboxonetrim.png) 50% 50% no-repeat;
}

.xboxone .customPicker[data-type="led"] .productAttributeLabel label {
    background: url(../images/icons/xboxhome.png) 50% 50% no-repeat;
}

.customPicker[data-type="xbox_button"] .productAttributeLabel label {
    background: url(../images/icons/xboxhome.png) 50% 50% no-repeat;
}

.customProduct .productAttributeConfigurablePickListSwatch {
    display: none;
}

.customProduct .ImageCarouselBox {
    display: none;
}

.canvasBox canvas {
    display: block;
    margin: auto;
}

.canvasBox {
    text-align: center !important;
}

.loading #AjaxLoading {
    display: block !important;
}

.customProduct .ProdImage {
    display: none;
}

.canvasBox {
    display: none;
}

.customProduct .canvasBox {
    display: block;
}

.customProdTitle {
    font-family: 'gotham_ultraitalic', sans-serif;
    font-family: "Roboto", sans-serif;
}

.customProdTitle h1 {
    font-weight: 900;
}

.main {
    background: #fff url(../images/main-bg_2.png) 0 0 repeat-x;
    padding: 40px 0 40px 0;
}

.customProdTitle {}

.customProdTitle {
    color: #36b2ec;
    padding: 0;
    padding-bottom: 40px;
    border-bottom: solid #e5e5e5 2px;
    margin-bottom: 40px;
    position: relative;
}

.customProdTitle h1 {
    color: #36b2ec;
    font-size: 30px;
    padding: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.normalProduct .customProdTitle h1 {
    padding-right: 150px;
}

.origShareBox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.customProduct .ActionBar {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: solid #e5e5e5 2px;
}

.customProduct .ActionBar .productAttributeLabel {
    position: relative;
    line-height: 50px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    padding-left: 70px;
}

.normalProduct .productAttributeList .productAttributeLabel b,
.normalProduct .ActionBar .productAttributeLabel b,
.customProduct .productAttributeList .productAttributeLabel b,
.customProduct .ActionBar .productAttributeLabel b {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 22px;
    background: #36b2ec;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
}

.customProduct .productAttributeList .productAttributeLabel label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 !important;
}

.customProduct .ActionBar .productAttributeLabel {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-weight: bold;
}

.customProduct .left-content .PinterestButtonContainer,
.customProduct .ProductMain .AddThisButtonBox {
    display: none;
}

.normalProduct .productAttributeList .productAttributeLabel,
.customProduct .productAttributeList .productAttributeLabel {
    position: relative;
    line-height: 20px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    padding-left: 35px;
    display: block;
    padding-bottom: 0px;
    margin-bottom: 10px !important;
    border-bottom: solid #e5e5e5 2px;
    font-weight: bold;
}

.normalProduct .productAttributeList .required,
.customProduct .productAttributeList .required {
    display: none;
}

.customProduct .ProductMain {
    float: left;
    padding-left: 0;
    padding-top: 25px;
    width: 300px;
}

.customProduct .left-content {
    float: right;
    width: 700px;
}

.normalProduct .imageBoxWrapSliderBox,
.customProduct .canvasBoxWrapSliderBox {
    background: url(../images/ellipse.png) 50% 100% no-repeat;
}

.normalProduct .canvasBoxWrapSliderBox {
    display: none;
}

.imgBoxWrap {
    background: url(../images/ellipse1.png) 50% 100% no-repeat;
}

.imgBoxWrap.image_1 {
    background: url(../images/ellipse2.png) 50% 100% no-repeat;
}

.imgBoxWrap.image_2 {
    background: url(../images/ellipse0.png) 50% 100% no-repeat;
}

.imgBox,
.customProduct .canvasBox {
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #666;
    text-align: center;
}

.imgBox a {
    display: table-cell;
    vertical-align: middle;
    width: 700px;
    height: 325px;
}

.imgBox a img {
    max-width: 520px;
    max-height: 325px;
    display: block;
    margin: auto;
}

.left-content small {
    padding-top: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.normalProduct .left-content small {
    display: none;
}

.customProduct .canvasBoxWrap {
    background: url(../images/ellipse1.png) 50% 100% no-repeat;
    background-size: contain;
}

.customProduct .canvasBoxWrap.side {
    background: url(../images/ellipse0.png) 50% 100% no-repeat;
    background-size: contain;
}

.customProduct .canvasBoxWrap.back {
    background: url(../images/ellipse2.png) 50% 100% no-repeat;
    background-size: contain;
}

.imageBoxWrapSliderBox,
.canvasBoxWrapSliderBox {
    position: relative;
    width: 650px;
    height: 365px;
}

.customProduct .imageBoxWrapSliderBox {
    display: none;
}

.CompatibilityBox #ProductReviews {
    display: none;
}

.imgBoxWrap,
.canvasBoxWrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 365px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
    opacity: 0;
}

.imgBoxWrap.active,
.canvasBoxWrap.active {
    opacity: 1;
    z-index: 10;
}

.normalProduct .ActionBar {
    display: none;
}

.origShareBox .btn:hover,
.ActionBar .btn:hover,
.origShareBox .btn,
.ActionBar .btn {
    color: #333;
    height: 45px;
    line-height: 41px;
    border: solid #ddd 2px;
    margin: 0px 0 0 15px;
    border-radius: 8px;
    width: 135px;
    letter-spacing: 0;
    text-align: right;
    padding: 0 15px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    position: relative;
    background: none;
}

.canvasBoxWrapSliderBox {
    position: relative;
}

.customCartPage .imageBoxWrapSliderBox {
    display: none;
}

.imageBoxWrapSliderBox .controls,
.canvasBoxWrapSliderBox .controls {
    font-size: 50px;
    color: #f27935;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 20;
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    cursor: pointer;
}

.loading .canvasBoxWrapSliderBox .controls {
    display: none;
}

.imageBoxWrapSliderBox .controls.next,
.canvasBoxWrapSliderBox .controls.next {
    left: auto;
    right: 0;
}

.canvasBoxWrapSliderBox .controls i {
    line-height: 50px;
    vertical-align: top;
}

.frontView {
    display: none;
}

.origShareBox .btn i,
.customProduct .ActionBar .btn i {
    display: block;
    text-align: left;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
    line-height: 41px;
    color: #f27935;
    font-size: 1.3em;
    font-weight: normal !important;
}

.customProduct #prodAccordion {
    display: none;
}

.normalProduct .productAttributeValue label,
.customProduct .productAttributeValue label {
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 22px;
}

.normalProduct .productAttributeValue label div.radio,
.customProduct .productAttributeValue label div.radio {
    margin-top: 0;
}

.normalProduct .ProductMain .p-price,
.normalProduct .ProductMain .product-heading,
.customProduct .ProductMain .p-price,
.customProduct .ProductMain .product-heading {
    display: none;
}

.normalProduct .productAttributeValue label div.radio span,
.customProduct .productAttributeValue label div.radio span {
    display: block;
}

.normalProduct .productAttributeValue label em,
.customProduct .productAttributeValue label em {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 10px;
    color: #f27935;
    border: solid 2px;
    border-radius: 5px;
    line-height: 17px;
    font-style: normal;
    padding: 0 10px;
    margin: 0 10px;
    font-weight: normal;
}

.normalProduct .productAttributeValue label strong,
.customProduct .productAttributeValue label strong {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 10px;
    color: #fff;
    background: #f27935;
    border: solid #f27935 2px;
    border-radius: 5px;
    line-height: 17px;
    font-style: normal;
    padding: 0 10px;
    margin: 0 10px;
    font-weight: normal;
}

.DetailRow.qty {
    display: none;
}

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

#AjaxLoading {
    top: 0 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.normalProduct .DetailRow.qty,
.customProduct .DetailRow.qty {
    display: none !important;
}

.normalProduct #productDetailsAddToCartForm,
.customProduct #productDetailsAddToCartForm {
    position: relative;
}

.SummaryBoxWrap {
    position: relative;
}

.normalProduct #productDetailsAddToCartForm .addto,
.customProduct #productDetailsAddToCartForm .addto {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: #efefef;
    padding: 20px;
    text-align: center;
    margin: 10px 0;
}

.normalProduct #SideProductAddToWishList,
.customProduct #SideProductAddToWishList {
    display: none;
}

.normalProduct .addto .PriceRow,
.customProduct .addto .PriceRow {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 0;
}

.normalProduct .addto .DetailRow,
.customProduct .addto .DetailRow {
    margin: 0;
}

.dummyCartButton,
.customProduct .addto .AddCartButton {
    height: 52px;
    background: #36B2EC url(../images/cartBtn.png) 15px 50% no-repeat !important;
    padding: 0 20px 0 60px !important;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}

.normalProduct .PriceRow.p-price .Value,
.customProduct .addto .Value {
    margin-right: 15px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    text-align: right;
}

.normalProduct .PriceRow.p-price .Value strike,
.customProduct .addto strike {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.addto .BulkDiscount {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    ;
}

.normalProduct .PriceRow.p-price .Value,
.customProduct .VariationPrice,
.customProduct .addto .VariationProductPrice {
    color: #f27935;
}

.customProduct .productAddToCartRight {
    clear: both;
}

.customProduct .ProductMain .s-price,
.customProduct .ProductMain .PriceRow {
    display: none !important;
}

body img#fancy_img {
    position: relative;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}

#fancy_title {
    display: none !important;
}

body div#fancy_outer {
    bottom: 50px !important;
    top: 50px !important;
    overflow: visible;
}

body div#fancy_inner {
    background: url(../images/modalBg.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 10px !important;
}

body #fancy_close {
    background: url(../images/close.png) 0 0 no-repeat !important;
    width: 42px !important;
    height: 42px !important;
    top: -42px !important;
    right: -42px !important;
}

div#fancy_overlay {
    z-index: 100;
}

.page {
    position: relative;
    z-index: 1;
}

.customProduct .productAddToCartRight {
    position: relative;
}

.productAddToCartRight .CompatibilityBox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: auto;
    text-align: right;
    font-size: 12px;
    color: #666;
}

.productAddToCartRight .CompatibilityBox img {
    vertical-align: top;
}

.productAttributeRow {
    margin-bottom: 15px !important;
}

.productAttributeList .productAttributeValue {
    position: relative;
    display: block !important;
}

.customProduct .productAddToCartRight {
    margin-bottom: 60px;
}

.SideRelatedProducts h2 {
    text-align: center;
    font-size: 24px;
    font-family: "gotham_ultraitalic", sans-serif;
    color: #36b2ec;
    position: relative;
    padding: 0;
    margin: 0 0 40px 0;
}

.SideRelatedProducts h2:after {
    content: ' ';
    height: 2px;
    display: block;
    width: 100%;
    background: #36b2ec;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}

.SideRelatedProducts h2 span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding: 0 15px;
    background: #fff;
    position: relative;
    z-index: 5;
}

.ProductList .Entry {
    position: relative;
    border: solid #ccc 2px;
    text-align: center;
    padding: 50px 20px 20px 20px;
    font-family: "Roboto", sans-serif;
    background: #fff;
}

.ProductList {
    margin: 0 -10px 0 -10px;
}

.ProductList li {
    padding: 0 10px 20px 10px;
    width: 280px !important;
}

.ProductList small {
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 1;
    background: #7cb342;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.ProductList .ProductDetails {
    padding: 0 0 20px 0;
    font-size: 18px;
    font-weight: bold;
    height: 45px;
}

.ProductList .ProductDetails a {
    padding: 0;
    display: block;
    line-height: 1.2 !important;
    color: #666;
}

.ProductList .ProductImage a {
    display: table-cell;
    vertical-align: middle;
    height: 150px !important;
    text-align: center;
}

.ProductList .ProductImage a img {
    max-height: 150px;
    max-width: 236px;
    display: block;
    margin: auto;
}

.ProductList .ProdAction {
    line-height: 28px;
    text-align: left;
    position: relative;
    margin-top: 10px;
}

.ProductList .ProdAction .p-price {
    text-align: left;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 18px;
    color: #f27935;
    font-weight: bold;
    padding: 0;
}

.ProductList .ProdAction strike {
    font-weight: 300;
    color: #666;
    font-size: 14px;
}

.ProductList .ProdAction .action {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    line-height: 24px;
    padding: 0 10px;
    display: block;
    border: solid #ccc 2px;
    border-radius: 5px;
    color: #666;
}

.ProductList .ProdAction .action:hover {
    border: solid #f27935 2px;
    background: #f27935;
    color: #fff;
}

.preFoot {
    line-height: 20px;
    padding: 75px 0 50px 0;
    background: #000 url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/footer-dark.jpg) 50% 0 repeat-x;
    color: #fff;
    background-size: cover;
}

.preFoot a {
    color: #fff;
}

.preFoot .inner {
    text-align: justify;
    line-height: 1em;
}

.preFoot .inner:before {
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -1em;
}

.preFoot .inner:after {
    content: '';
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 100%;
}

.preFoot .inner .column {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    top: 1em;
    width: auto text-align: left;
    line-height: 1.2;
    font-size: 13px;
    font-weight: 100;
}

.preFoot .inner .column ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.preFoot .inner .column li {
    padding-bottom: 1em;
}

.preFoot .inner dt {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 18px;
}

.preFoot .newsletter-subscription {
    border: solid 0px;
    width: 280px;
}

.preFoot .inner dd {
    padding-bottom: 1.5em;
}

.preFoot .inner dt {
    margin-bottom: 0 !important;
}

.preFoot .inner dt,
.preFoot .column h2 {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin-bottom: 1.5em;
    padding: 0;
    line-height: 1.2;
}

.preFoot .newsletter-subscription .Textbox {
    height: 37px;
    border: solid 0px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px;
    width: 100%;
    color: #f27935;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 10px;
}

.preFoot .newsletter-subscription .btn {
    float: right;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0px;
    text-transform: none;
    background: #f27935;
    border-radius: 5px;
    color: #fff;
}

.preFoot .newsletter-subscription .btn:hover {
    background: #7cb342;
}

.footer {
    padding: 20px 0;
    background: #080907;
    /* background: #36b2ec; */
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.footer a {
    color: #fff;
}

.footer .Block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 2em 0 0;
}

.footer .credits {
    float: right;
}

.footer .SocialConnect li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.footer .SocialConnect li a {
    background: none;
    text-align: center;
    text-indent: 0;
    font-size: 20px;
    font-weight: normal;
}

.footer .SocialConnect li a i {
    vertical-align: top;
}

.normalProduct .left-content {
    float: left;
    width: 650px;
}

.normalProduct .PrimaryProductDetails .ProductMain {
    float: right;
    width: 400px;
    padding: 0;
    padding-bottom: 0px;
}

.shortDesc {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #999;
}

.shortDesc h2 {
    color: #666;
    font-weight: bold;
}

.shortDesc p {
    margin: 0 0 1em 0;
}

.normalProduct .ProductAddToCart {
    display: none;
}

.TabNav ul,
.TabNav {
    padding: 0;
    margin: 0;
}

#SearchPage .TabNav,
.TabNav ul {
    border-bottom: solid #e5e5e5 2px;
}

.TabNav li {
    margin: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-right: 10px;
}

.TabNav li a {
    margin: 0;
    background: #fff;
    border: solid #e5e5e5 2px;
    border-bottom: solid 0px !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #666;
    border-radius: 8px 8px 0 0;
    padding: 0 20px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.TabNav li.Active a,
.TabNav li.active a,
.TabNav li a:hover {
    margin: 0;
    background: #efefef;
    border: solid #f27935 2px;
    border-bottom: solid 0px;
    color: #f27935;
}

.ProductDescription {
    margin: 0
}

.ProductDescription .ProductDescriptionContainer {
    background: #efefef;
    padding: 40px;
    color: #666;
    font-size: 14px;
}

.ProductDescription .ProductDescriptionContainer p {
    margin-bottom: 1em;
}

.ProductDescription .ProductDescriptionContainer h2 {
    margin-bottom: 1em;
    padding: 0;
    font-weight: 700;
    font-size: 1.5em;
    ;
}

.Breadcrumb li a {
    background: url(../images/breadSep.gif) 100% 50% no-repeat;
    display: inline-block;
    font-weight: bold;
    padding-right: 18px;
    color: #666;
    font-weight: normal;
    text-transform: uppercase;
}

.Breadcrumb li {
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    font-family: "Roboto", sans-serif;
}

.ProductDescription .ProductDescriptionContainer .Panel .BlockContent {
    margin-top: 15px;
}

#HomeSlideShow {
    background: #000;
    background-size: cover;
    z-index: 0 !important;
}

#HomeSlideShow .slide {
    height: 480px;
    position: relative;
}

#HomeSlideShow .slide:nth-child(2) {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/custom-ps5-back.jpg)no-repeat center center;
    background-size: cover;
}

#HomeSlideShow .slide:nth-child(3) {
    background: url(https://customcontrollerzz.com/product_images/uploaded_images/rapid-back.jpg)no-repeat center center;
    background-size: cover;
}

#HomeSlideShow .slide:nth-child(4) {
    background: url(https://customcontrollerzz.com/product_images/uploaded_images/czz-hp-rotator3-bg-min.jpg)no-repeat center center;
    background-size: cover;
}

/*#HomeSlideShow .slide:nth-child(5) {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/product_images/uploaded_images/winter.png)no-repeat center center;
    background-size: cover;
}*/

#HomeSlideShow .slide a {
    display: block;
}

#HomeSlideShow {
    margin: 0 0 0 0;
}

#HomeSlideShow .slide .inner {
    margin: auto;
    display: block;
}

#HomeSlideShow .slide .slide-overlay {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 540px;
    width: 540px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#HomeSlideShow .slide h2 {
    font-size: 48px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    padding: 0;
    font-style: italic;
    line-height: 1.25;
    padding-bottom: 10px;
}

#HomeSlideShow .slide p {
    font-family: "titillium web", sans-serif;
    font-size: 26px;
    line-height: 1.1;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#HomeSlideShow .slide .slide-image-wrapper {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 1;
}

#HomeSlideShow .slide .slide-image-box {
    display: table-cell;
    vertical-align: middle;
    /*height: 540px;*/
    height: 560px;
    width: 618px;
}

#HomeSlideShow .slide .btn {
    padding: 0 30px;
    color: #fff;
    font-family: 'titillium web', sans-serif;
    font-size: 18px;
    border: 1px solid #f27935;
    background: transparent;
    border-radius: 0;
}

#HomeSlideShow .slide .btn:hover {
    background: #7cb342;
}

#HomeSlideShow .flex-control-paging {
    position: absolute;
    bottom: 25px;
    left: 0;
    z-index: 1;
}

.flex-control-paging li a {
    border: solid #fff 2px;
    height: 8px;
    width: 8px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.flex-control-paging li a.flex-active {
    background: #f27935;
    border: solid #f27935 2px;
}

.flex-control-paging li {
    margin: 0 10px;
}

.flex-direction-nav a {
    opacity: 0.5 !important;
    text-indent: 0;
    text-align: center;
    top: 50% !important;
    height: 50px;
    width: 50px;
    bottom: auto !important;
    z-index: 20;
    font-size: 50px;
    display: block;
    color: #fff;
}

.flex-direction-nav a:hover {
    opacity: 1 !important;
}

.flex-direction-nav a i {
    display: block;
    text-align: center;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

body#home .main {
    background: #fff;
}

.banner_home_page_top {
    margin-bottom: 30px;
}

.promoList {
    list-style-type: none;
    list-style-image: none;
    margin: 0 -5px 0 -5px;
    padding: 0;
    font-size: 0;
}

.promoList li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 33.3%;
    font-size: 24px;
    text-align: center;
    padding: 0 5px 10px 5px !important;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.promoList li a {
    display: table;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.25;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.promoList li a span:first-child {
    display: table-cell;
    padding: 30px 10px 0;
    height: 335px;
}

.ProductList small.ps3,
.ProductList small.ps4 {
    background: #36b2ec;
}

.FeaturedProducts h3,
.TopSellers h3 {
    color: #36b2ec;
    font-family: "titillium web", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    border-bottom: solid #36b2ec 2px;
    padding: 0 0 5px 0;
    margin: 0 0 35px 0;
}

.FeaturedProducts,
.NewProducts,
.TopSellers {
    margin-bottom: 50px;
}

.slick-slider .slick-arrow {
    width: 50px;
    height: 50px;
    font-size: 50px;
    border: solid 0px;
    background: none;
    position: absolute;
    top: 50%;
    left: -40px;
    z-index: 10;
    margin-top: -25px;
    color: #ccc;
    cursor: pointer;
}

.slick-slider .slick-arrow.slick-disabled {
    display: none !important;
}

.slick-slider .slick-arrow.slick-next {
    left: auto;
    right: -40px;
}

.slick-slider .slick-arrow i {
    display: block
}

.Content {
    overflow: visible;
}

.slick-slider.ProductList {
    overflow: visible;
    margin-right: -10px;
    margin-left: -10px;
}

.slick-slider.ProductList li {
    padding: 0 10px 20px 10px;
}

.slick-slider .slick-dots {
    margin: 20px 20px 20px 0;
    text-align: center;
}

.slick-slider .slick-dots li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 10px;
    width: auto !important;
    padding: 0;
    line-height: 8px;
    height: 8px;
}

.slick-slider .slick-dots li button {
    border: solid #ccc 2px;
    text-indent: -9999px;
    overflow: hidden;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    cursor: pointer;
    display: block;
}

.slick-slider .slick-dots li.slick-active button {
    border: solid #f27935 2px;
    background: #f27935;
}

.Block.banner_home_page_bottom {
    text-align: center;
}

.Block.banner_home_page_bottom div {
    float: none;
    display: block;
    width: auto;
}

.createBanner {
    background: url(https://customcontrollerzz.com/product_images/uploaded_images/czz-hp-create-bg-min.jpg) 50% 0 no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 1em;
    white-space: nowrap;
}

.promoSection.middle .btn {
    background: #f26305;
    border-radius: none;
}

.createBanner .promoSection {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1;
    vertical-align: middle;
    ;
    width: auto;
    margin: 0 !important;
}

.createBanner .promoSection.img {
    max-width: 50%;
}

.createBanner .promoSection.middle {
    text-align: center;
}

.createBanner h2 {
    color: #000;
    font-family: "titillium web", sans-serif;
    font-size: 38px !important;
    font-weight: 700;
    font-style: italic;
    line-height: 1.1;
}

.createBanner p {
    font-size: 22px;
    line-height: 25px;
    font-family: 'titillium web', sans-serif;
}

.createBanner .btn {
    border-radius: 5px;
    padding: 0 20px;
}

.createBanner .btn:hover {
    background: #7cb342;
}

.cartMenu {
    display: none !important;
}

.menuToggle {
    height: 45px;
    width: 30px;
    font-weight: bold;
    padding-top: 34px;
    height: 12px;
    line-height: 12px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #f27935;
    position: relative;
    cursor: pointer;
}

.menuToggle div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: solid 3px;
    z-index: 1;
    height: 0;
}

.menuToggle div.dos {
    top: 11px;
}

.menuToggle div.tres {
    top: 22px;
}

.menuToggleBox {
    display: none !important;
}

.footer.mobile {
    display: none;
}

body {
    overflow-x: hidden;
}

.footer .inner {
    text-align: justify;
}

.drawerMenu {
    display: none;
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 1;
    right: 0;
    background: #e9e9e9;
}

.drawerMenu .inner {
    padding: 30px 0;
}

.searchTrigger {
    border: 1px solid #dddddd;
    border-radius: 6px;
    display: block;
    line-height: 36px;
    overflow: hidden;
    vertical-align: middle;
    width: auto;
    background: #fff;
    position: relative;
    margin: 0 0 15px 0;
}

.searchTrigger input {
    box-sizing: border-box;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    padding: 0 10px;
    vertical-align: top;
    width: 100%;
    padding-right: 50px;
    border-width: 0 !important;
    height: 35px;
    line-height: 35px;
}

.searchTrigger button {
    background: rgba(0, 0, 0, 0) url("//cdn6.bigcommerce.com/r-7d6a638493d37a4bbc33fd4fe15b95d62daf0227/themes/ClassicNext/images/searchIcon.png") no-repeat scroll 50% 50%;
    border: 0 none !important;
    border-radius: 0;
    cursor: pointer;
    height: 35px;
    margin: 0;
    padding: 0;
    transition: background-color 150ms ease 0s;
    vertical-align: top;
    width: 35px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.drawerMenu h3 {
    display: none;
}

.drawerMenu ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.drawerMenu ul ul {
    display: none;
}

.drawerMenu ul ul li {
    border: solid 0px;
}

.drawerMenu ul ul li a {
    text-transform: none;
    padding: 8px 0;
    font-size: 16px;
}

.drawerMenu ul li.exp ul {
    display: block;
}

.drawerMenu ul li.exp ul ul {
    display: none;
}

.drawerMenu ul ul li.exp ul {
    display: block;
    margin-bottom: -1px;
    border-bottom: solid #c4c4c4 1px !important;
}

.drawerMenu ul li li .expCol {
    height: 38px;
    color: #333 !important;
}

.drawerMenu ul li li.exp .expCol {
    color: #f27935 !important;
}

.drawerMenu ul li li .expCol i {
    display: block;
    line-height: 38px;
}

.drawerMenu ul li li li a {
    font-size: 14px;
}

.drawerMenu ul li a {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #333;
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
}

.drawerMenu ul li a:hover {
    color: #f27935;
}

.drawerMenu ul li {
    border-bottom: solid #c4c4c4 1px;
    position: relative;
}

.drawerMenu ul li.hasSub > a {
    padding-right: 40px;
}

.drawerMenu ul li .expCol {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 35px;
    height: 44px;
    text-align: center;
    font-size: 38px;
    display: block;
    cursor: pointer;
    color: #333;
}

.drawerMenu ul li .expCol:hover {
    color: #333;
}

.drawerMenu ul li .expCol i {
    display: block;
    line-height: 44px;
}

.drawerMenu ul li.exp .expCol {
    color: #f27935;
}

.drawerMenu ul li.exp > a {
    color: #f27935;
}

.mobileButtonBox {
    display: none;
}

.customProduct .customProdTitle .shareMe {
    display: none;
}

.Breadcrumb {
    margin: 0 0 20px 0;
}

.TitleHeading {
    font-family: "gotham_ultraitalic", sans-serif;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    color: #36b2ec;
    display: inline-block;
    font-size: 30px;
    padding: 0;
    vertical-align: top;
    margin: 0;
}

#CategoryHeading {
    border-bottom: 2px solid #e5e5e5;
    color: #36b2ec;
    margin-bottom: 40px;
    padding: 0 0 40px;
    position: relative;
}

div.selector {
    width: 100%;
    max-width: 450px;
    border: solid #ddd 2px;
    border-radius: 8px;
    overflow: hidden;
    height: 45px;
    line-height: 41px;
    font-size: 14px;
    padding: 0 !important;
    background: #fff !important;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

div.selector span {
    font-size: 14px;
    height: auto;
    color: #333;
    display: block !important;
    padding: 0 !important;
    line-height: 41px;
    padding-right: 43px !important;
    padding-left: 10px !important;
    font-family: "Roboto", sans-serif;
}

div.selector select {
    z-index: 10;
}

div.selector span:after {
    content: '\f107';
    color: #666;
    font-family: FontAwesome;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 33px;
    text-align: center;
    font-size: 20px !important;
    display: block;
}

.SortBox div.selector {
    width: 175px;
}

.SortBox div.selector span {
    font-weight: bold;
}

.SortBox label {
    font-weight: bold;
    text-transform: none;
    color: #f27935;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    line-height: 37px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding-right: 10px;
}

.Content.Wide {
    width: 880px;
    float: right;
}

.Left {
    width: 220px;
    float: left;
}

.Left ul ul {
    display: none;
}

.Left ul li a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #999;
    padding: 10px 0 !important;
    border-bottom: solid #dfdfdf 1px;
}

.Left ul li a:hover {
    color: #36b2ec;
    border-bottom: solid #36b2ec 1px;
}

.Left .Block {
    margin-bottom: 15px;
}

.Left .Block h3 {
    font-family: "gotham_ultraitalic", sans-serif;
    font-family: "Roboto", sans-serif;
    font-weight: 900 !important;
    color: #36b2ec;
    font-weight: normal;
    border-bottom: solid #36b2ec 2px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.product-nav {
    padding: 10px 0;
    line-height: 36px;
    display: block
}

.product-nav ul {
    margin: 0;
    font-size: 0px;
    text-align: right;
    display: block;
}

.product-nav li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding-left: 10px;
    padding-bottom: 10px;
}

.product-nav li a {
    display: block;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    padding: 0 12px;
    border: solid #e7e7e7 1px;
    color: #999;
}

.product-nav li.ActivePage a,
.product-nav li a:hover {
    color: #36b2ec;
    border: solid #95d6f5 1px;
}

.customProduct .ProductMain .shortDesc {
    display: none;
}

.drawerMenu .Block {
    margin: 0;
}

.reviewBtn {
    float: right;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    text-transform: none;
    font-weight: 300;
    border-radius: 5px;
    background: #f27935;
}

.ProductReviewList {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.ProductReviewList .ReviewTitle img {
    margin: 0;
    display: block;
}

.ProductReviewList .ReviewTitle {
    font-size: 24px;
    text-transform: none;
}

.ProductReviewList .Meta {
    color: #f38242;
    font-size: 14px;
}

.ProductReviewList li {
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: solid #c9c9c9 1px;
}

.ProductReviewList li:last-child {
    margin-bottom: 0;
}

.VerticalFormContainer #uniform-revrating.selector {
    width: 300px !important;
    max-width: 100%;
}

.VerticalFormContainer .Textbox {
    width: 300px;
    max-width: 100%;
}

.parentCat .Breadcrumb {
    display: none;
}

.parentCat .subCat {
    margin: 35px -10px;
    font-size: 0px;
}

.parentCat .subCat li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    padding: 10px;
}

.parentCat .subCat li a {
    background: url(../images/modalBg.jpg) 0 0 no-repeat;
    border: solid #ccc 1px;
    width: 578px;
    height: 440px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.parentCat .subCat li strong {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1;
    font-size: 36px;
    border-bottom: 2px solid #36b2ec;
    color: #36b2ec;
    font-family: "gotham_ultraitalic", sans-serif;
    font-weight: normal;
    padding-bottom: 10px;
}

.parentCat .subCat li .btn {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 1;
    border-radius: 5px;
}

.Content.Widest {
    float: none;
    width: 100%;
}

.PageContent {
    color: #666;
    font-size: 14px;
}

.PageContent p {
    margin-bottom: 15px;
}

.PageContent ul,
.PageContent ol {
    margin-bottom: 15px;
}

.PageContent h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 0;
}

.PageContent h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0;
}

.PageContent .accordion {
    margin-bottom: 30px;
}

.PageContent .accordion dt {
    border-top: solid #e5e5e5 2px;
    border-bottom: solid #e5e5e5 2px;
    margin: 0 0 -2px 0;
    position: relative;
}

.PageContent .accordion dt:before {
    content: '\f107';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    line-height: 46px;
    font-size: 36px;
    color: #999;
}

.PageContent .accordion dt.active {
    margin: 0 0 -2px 0;
    padding-bottom: 2px;
    border-bottom: solid #e5e5e5 0px;
}

.PageContent .accordion dt.active:before {
    content: '\f106';
    color: #f27935;
}

.PageContent .accordion dt a {
    padding: 10px 30px 10px 0;
    display: block;
    font-size: 1.28em;
    color: #36b2ec;
    font-weight: bold;
}

.PageContent .accordion dt a:hover,
.PageContent .accordion dt.active a {
    color: #f27935;
}

.PageContent .accordion dd {
    display: none;
    padding: 15px 0;
}

.contactPage .PageContent .contactInfo {
    width: 33.3%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.contactPage #ContactForm {
    width: 66.6%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    padding-bottom: 28px;
}

.contactPage #ContactForm dt {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
    width: 50% !important;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.contactPage #ContactForm dd {
    margin-bottom: 20px;
    width: 50%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.contactPage #ContactForm .Textbox {
    height: 28px;
    border: solid #ccc 2px;
    border-radius: 5px;
    width: 100%;
    display: block;
}

.contactPage #ContactForm .abs {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50%;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.contactPage #ContactForm .abs dt,
.contactPage #ContactForm .abs dd {
    padding-right: 0;
    width: 100%;
}

.contactPage #ContactForm .abs dd {
    text-align: right;
}

.contactPage #ContactForm textarea {
    height: 28px;
    border: solid #ccc 2px;
    border-radius: 5px;
    width: 100%;
    display: block;
    height: 180px;
}

.contactPage #ContactForm .btn {
    height: 28px;
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    text-transform: none;
    border-radius: 5px;
    background: #f27935;
}

.PageContent .contactInfo a {
    color: #666;
}

.PageContent .contactInfo {
    line-height: 1.5;
}

.PageContent .contactInfo dt {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.SortBox {
    padding: 0;
}

.SortBox div.selector {
    height: 37px;
}

.HorizontalFormContainer dt,
.HorizontalFormContainer dd {
    font-size: 14px;
    line-height: 45px;
}

.HorizontalFormContainer dd div.selector,
.HorizontalFormContainer dd input[type="text"] {
    width: 300px !important;
}

.HorizontalFormContainer dd #price_to,
.HorizontalFormContainer dd #price_from {
    width: 75px;
}

div.categoryPicker {
    border: solid 2px #dddddd;
    width: 400px;
    border-radius: 8px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#SearchPageHeader {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}

#SearchResultsCategoryAndBrand {
    font-size: 14px;
}

#SearchResultsCategoryAndBrand ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#SearchResultsCategoryAndBrand a {
    color: #36b2ec;
    font-weight: bold;
}

#SearchResultsCategoryAndBrand div {
    padding-top: 0 !important;
}

.SearchSorting {
    margin: 0;
}

#SearchResultsProduct .ProductList .Entry {
    padding-top: 15px;
}

#SearchResultsProduct .ProductList li {
    min-height: 1px !important;
}

.ContentList li {
    border-bottom: solid #ccc 2px;
    font-size: 14px;
    padding: 0;
    margin-bottom: 20px;
}

.CartThumb div {
    display: none;
}

table.CartContents h5 {
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    padding: 0;
}

table.CartContents h5 {
    padding: 13px 0;
    line-height: 1.2;
}

table td table.productAttributes td {
    font-size: 11px;
    border-bottom: solid #e5e5e5 1px;
    padding: 5px 5px 5px 0 !important;
    line-height: 1.25;
}

.CustomizeItemLink {
    border: 2px solid #cccccc;
    border-radius: 5px;
    line-height: 24px;
    padding: 0 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
}

.CartItemIndividualPrice {
    text-align: center !important;
    font-style: normal;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.CartItemQuantity {
    text-align: center !important;
}

.CartItemTotalPrice {
    text-align: right !important;
    font-style: normal;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

td.CartItemIndividualPrice,
td.CartItemTotalPrice {
    font-size: 18px !important;
}

table .ProductPrice {
    font-style: normal;
}

.CartRemoveLink {
    font-size: 24px;
    text-align: center;
    line-height: 45px;
    height: 45px;
    width: 24px;
    display: block;
    margin: 0 auto 0 auto;
    color: #f27935;
}

.CartContents tbody td {
    line-height: 45px;
}

.CartContents tfoot .SubTotal td {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.CartContents tfoot .SubTotal.gtotal td {
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
}

.CartContents tfoot .SubTotal td div {
    padding: 0;
}

.EstimateShipping {
    float: right;
    width: 350px;
    padding: 0 !important;
}

.EstimateShipping dt {
    line-height: 45px;
    width: 150px;
    padding: 0 10px 0 0;
    margin: 0 0 15px 0;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.EstimateShipping dd {
    margin-bottom: 15px;
}

.EstimateShipping .Textbox,
.EstimateShipping div.selector {
    width: 200px;
}

.CartContents tfoot .SubTotal td {
    padding: 20px 0;
    border-bottom: 2px solid #e5e5e5;
}

.CartCode .CouponCode,
.CartCode .GiftCertificate {
    float: left;
    width: 50%;
    padding: 0 15px 15px 0;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.CartCode .CouponCode h3,
.CartCode .GiftCertificate h3 {
    font-family: "Roboto", sans-serif;
}

.CartCode p {
    font-size: 14px;
    height: 50px;
    margin-bottom: 15px;
}

.CartCode .btn {
    width: 75px;
}

.CartCode .Textbox {
    width: 300px;
}

.CreateAccount,
.AccountLogin {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 49%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.HorizontalFormContainer dd input[type="text"],
.HorizontalFormContainer dd input[type="password"],
.HorizontalFormContainer dd input[type="email"] {
    width: 300px;
}

h3 em {
    color: #36b2ec;
    font-style: normal;
}

.ExpressCheckoutContent {
    padding: 0 0 20px 0;
}

.ExpressCheckoutBlock .ExpressCheckoutTitle {
    border-bottom: 2px solid #e5e5e5;
    background: none;
    padding: 10px 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #36b2ec;
    position: relative;
    padding-right: 80px;
}

.ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
    color: #666;
}

.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 10px;
    z-index: 1;
    background: #36b2ec;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    position: absolute;
    top: 0;
    right: 80px !important;
    width: auto;
    left: auto;
    font-size: 11px;
    text-align: right !important;
    z-index: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding: 10px 0;
    line-height: 24px;
}

#ChooseShippingAddress div,
#ChooseBillingAddress div {
    margin: 0 !important;
}

#ChooseShippingAddress div.selector,
#ChooseBillingAddress div.selector {
    width: 100% !important;
    margin-bottom: 15px !important;
}

#ChooseShippingAddress img,
#ChooseBillingAddress img {
    display: none;
}

#ChooseShippingAddress div.SelectShippingAddress,
#ChooseShippingAddress,
#ChooseBillingAddress .SelectBillingAddress,
#ChooseBillingAddress {
    margin-bottom: 25px !important;
}

.AddShippingAddress dd,
.AddBillingAddress dd {
    width: 350px;
}

.HorizontalFormContainer p.Submit {
    padding-top: 0;
    margin-top: 0;
}

.AddShippingAddress img,
.AddBillingAddress img {
    display: none;
}

.CartItemTotalPrice,
.CartItemIndividualPrice {
    white-space: nowrap;
}

.ExpressCheckoutContent td.CartItemQuantity {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#OrderConfirmationForm td small {
    line-height: 1.5;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.CartContents tfoot .CheckoutRedeemCoupon td {
    padding: 20px 0 !important;
}

.CheckoutRedeemCoupon .btn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    ;
}

#use_store_credit td {
    padding: 10px;
}

.FieldFull {
    width: 100%;
}

.HowToPay,
.NotifyMessage {
    margin-bottom: 15px;
    border: 2px solid #e5e5e5;
}

ul.tabs {
    top: 0;
    margin-bottom: -1px;
}

ul.tabs li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.js-share-button {
    vertical-align: middle;
}

#shareDescription {
    display: none;
}

.chooseAnotherToShare {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.AccountOrderStatusList > li {
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 15px;
}

.OrderItemList {
    margin-left: 20px;
}

.OrderItemList small {
    font-size: 10px !important;
}

#ReorderForm small {
    display: block;
    line-height: 1.2;
}

.warrantyBox ul {
    margin: 0 -20px;
    font-size: 0px;
}

.warrantyBox li {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    margin: 0 0 10px 0;
    border: solid #e5e5e5 2px;
    height: 40px;
    width: calc(100% - 20px) !important;
    max-width: 500px;
    position: relative;
}

.warrantyBox li.selectedValue {
    border: solid #36b2ec 2px;
}

.warrantyBox li .name strong,
.warrantyBox li .name em {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    margin-top: -11px;
}

.warrantyBox li label {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px !important;
    padding-right: 130px !important;
    line-height: 1.25em !important;
    cursor: pointer !important;
}

.warrantyBox li .radio {
    display: none;
}

.featureList {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.featureList li {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    height: 80px;
}

.featureList li span {
    position: absolute;
    left: 50%;
    bottom: 88px;
    z-index: 1;
    display: none !important;
    width: 280px;
    text-align: left;
    padding: 20px;
    margin-left: -140px;
    background: #fff;
    border-radius: 8px;
    color: #333;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.featureList li span strong {
    display: block;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.featureList li span:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    bottom: -12px;
    left: 50%;
    z-index: 1;
    margin-left: -14px;
}

.featureList li:hover span {
    display: block !important;
}

.featureList li:last-of-type span {
    left: -75%;
}

.featureList li:last-of-type span:after {
    left: 75%
}

.customProduct .left-content {
    z-index: 1;
    position: relative;
}

.ProductMain:hover {
    position: relative;
    z-index: 10;
}

.ShippingAddressList li {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    width: 33%;
    padding: 0 15px 15px 0;
}

.customProduct .productAttributeConfigurableEntryText .productAttributeFluidWidth {
    width: 400px !important;
    max-width: 100%;
}

.customProduct .productAttributeConfigurableEntryText {
    margin-bottom: 51px;
}

.customProduct .productAttributeConfigurableEntryText small {
    display: block;
    width: 400px !important;
    margin-bottom: 50px;
}

.SummaryBoxWrap {
    width: 100%;
}

.SummaryBoxWrap .Summary {
    width: 100%;
    min-height: 96px;
}

.SummaryBoxWrap p {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 1em 0 0;
    color: #333333;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.normalProduct .ProductMain .ProductDetailsGrid {
    display: none;
}

.normalProduct .ProductAddToCart {
    display: block;
}

.normalProduct .SummaryBoxWrap {
    margin-bottom: 10px;
}

.shareImg {}

.sumome-image-sharer {
    display: none !important;
}

.productPage .sumome-image-sharer {
    display: none !important;
}

.productPage.shareOpen .sumome-image-sharer {
    display: block !important;
    margin-top: 65px;
}

.shareImageBox .action {
    visibility: hidden;
}

.shareImg {
    background: url(https://cdn6.bigcommerce.com/s-b26w55ae/templates/__custom/images/loader.png?t=1449473430) 50% 50% no-repeat;
    background-size: 20px 20px;
    min-width: 150px;
    min-height: 94px;
    display: block;
    margin: auto;
}

.shareImg img {
    width: 150px;
    height: 94px;
}

.orderPage .sumome-image-sharer {
    display: block !important;
    margin-top: 50px;
    z-index: 2000 !important;
}

.PageContent {
    position: relative;
}

.chooseAnotherToShare {
    display: block;
}

.orderPage .btn {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#SharingDataChoices img {
    max-width: 250px !important;
}

.productOptionPickListSwatch li {
    margin: 5px;
}

.productOptionPickListSwatch li {}

.productAttributeList .productAttributeValue {
    margin-bottom: 5px;
}

.productOptionPickListSwatch .selectedValue .textureContainer,
.productOptionPickListSwatch .selectedValue .swatchColours {
    border-color: #000;
    border-width: 0px !important;
    padding: 0;
}

.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours {
    border: 0px solid #d6d6d6 !important;
    display: inline-block;
    padding: 0px !important;
    position: relative;
}

.productOptionPickListSwatch .selectedValue .textureContainer,
.productOptionPickListSwatch .selectedValue .swatchColours {
    border-width: 0px !important;
    padding: 0 !important;
    border-width: 0px !important;
}

.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours {
    padding: 0 !important;
}

html.javascript .productOptionPickListSwatch li {
    border: solid #ccc 2px;
    border-radius: 50%;
    overflow: hidden;
}

html.javascript .productOptionPickListSwatch li.selectedValue {
    border: solid #000 2px;
}

html.javascript .productOptionPickListSwatch li.swatchNone {
    border: solid #fff 2px;
    width: 30px;
    height: 30px;
    position: relative;
}

html.javascript .productOptionPickListSwatch li.swatchNone .name {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}

html.javascript .productOptionPickListSwatch li.swatchNone:after {
    content: '\f05e';
    text-align: center;
    text-indent: 0;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    line-height: 26px;
    font-weight: bold;
    font-size: 32px;
    display: block;
    cursor: pointer;
    display: inline-block;
    font-family: FontAwesome !important;
    color: #666;
    line-height: 30px;
}

.accProduct .imgBoxWrap,
.accProduct .imageBoxWrapSliderBox,
.miceProduct .imgBoxWrap,
.miceProduct .imageBoxWrapSliderBox {
    background: none !important;
}

.accProduct .imageBoxWrapSliderBox small,
.miceProduct .imageBoxWrapSliderBox small {
    display: none;
}

.accProduct .SummaryBox {
    display: none;
}

.productOptionPickListSwatch .swatchTwoColour .swatchColour {
    width: 15px !important;
}

#Header .PageMenu li.parent .subMenu ul {
    width: 70%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    float: none;
}

#Header .PageMenu li.parent .subMenu ul > li {
    border-top: 0px solid #c4c4c4;
    margin-bottom: 15px;
    border-bottom: 1px solid #c4c4c4;
}

#Header .PageMenu li.parent .subMenu ul > li:last-child {
    border-bottom: 0px solid #c4c4c4;
    margin-top: 0px;
}

.PageMenu li ul li a.hasSub {
    background: none;
}

#Header .PageMenu li.parent .subMenu ul ul {
    position: static;
    float: none;
    width: 100%;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    margin-bottom: ;
    display: inline;
}

#Header .PageMenu li.parent .subMenu ul ul li {
    border-bottom: solid #c4c4c4 0px;
    border-top: 0px solid #c4c4c4;
    margin: 0px;
    padding-right: 30px;
    display: inline-block;
    width: auto;
}

#Header .PageMenu li.parent .subMenu ul ul li a {
    padding: 10px 0;
    font-size: 14px;
    width: auto;
}


/*xboxone*/

.xboxone .customPicker[data-type="shell"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/shell.png");
}

.xboxone .customPicker[data-type="button"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/buttons.png");
}

.xboxone .customPicker[data-type="thumb_stick"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/thumb.png");
}

.xboxone .customPicker[data-type="d_pad"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/dpad.png");
}

.xboxone .customPicker[data-type="bumpers"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/bumper.png");
}

.xboxone .customPicker[data-type="triggers"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/trigger.png");
}

.xboxone .customPicker[data-type="trim"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/trim.png");
}

.xboxone .customPicker[data-type="led"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/led.png");
}

.xboxone .customPicker[data-type="gamer_tag_color"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/gtag.png");
}


/*xbox360*/

.xbox360 .customPicker[data-type="shell"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/shell.png");
}

.xbox360 .customPicker[data-type="button"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/buttons.png");
}

.xbox360 .customPicker[data-type="thumb_stick"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/thumb.png");
}

.xbox360 .customPicker[data-type="d_pad"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/dpad.png?111");
}

.xbox360 .customPicker[data-type="bumpers"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/bumper.png");
}

.xbox360 .customPicker[data-type="triggers"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/trigger.png");
}

.xbox360 .customPicker[data-type="led"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/led.png");
}

.xbox360 .customPicker[data-type="gamer_tag_color"] .productAttributeLabel label {
    background-image: url("../images/newicons/xbox/gtag.png");
}


/*ps3*/

.ps3 .customPicker[data-type="shell"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/shell.png");
}

.ps3 .customPicker[data-type="button"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/buttons.png");
}

.ps3 .customPicker[data-type="thumb_stick"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/thumb.png");
}

.ps3 .customPicker[data-type="d_pad"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/dpad.png?111");
}

.ps3 .customPicker[data-type="bumpers"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/bumper.png");
}

.ps3 .customPicker[data-type="triggers"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/trigger.png");
}

.ps3 .customPicker[data-type="led"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/led.png");
}

.ps3 .customPicker[data-type="gamer_tag_color"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps3/gtag.png");
}


/*ps4*/

.ps4 .customPicker[data-type="shell"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/shell.png");
}

.ps4 .customPicker[data-type="button"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/buttons.png");
}

.ps4 .customPicker[data-type="thumb_stick"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/thumb.png");
}

.ps4 .customPicker[data-type="d_pad"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/dpad.png?111");
}

.ps4 .customPicker[data-type="bumpers"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/bumper.png");
}

.ps4 .customPicker[data-type="triggers"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/trigger.png");
}

.ps4 .customPicker[data-type="led"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/led.png");
}

.ps4 .customPicker[data-type="gamer_tag_color"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/gtag.png");
}

#HomeSlideShow .slide-text a {
    color: #fff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: auto;
    padding-top: 0.5em;
    padding-right: 0.5em;
    font-size: 0.75em;
}

.ProductDescriptionContainer .btn {
    display: none !important;
}

.DetailRow {
    font-size: 14px;
    color: #333333;
    font-family: "Roboto", sans-serif;
}

.allDetailRow {
    display: none;
}


/*    
  Default Layout: Ipad Landscape 
  1024px.
*/

@media only screen and (min-width: 1024px) and (max-width: 1279px) {

    #HomeSlideShow .slide-text a {
        font-size: 18px;
    }

    .inner {
        width: 980px;
    }

    .header #Header {
        height: 120px;
        line-height: 120px;
    }

    .header-logo img {
        max-width: 130px;
    }

    #Header .entry {
        height: 120px;
    }

    #Header h1 a {
        height: 120px;
    }

    #Header .PageMenu li.parent {
        line-height: 108px;
    }

    #SearchForm input {
        width: 125px;
    }

    #Header .PageMenu li.parent > a {
        font-size: 15px;
    }

    #Header .PageMenu li.parent .subMenu {
        top: 120px;
    }

    #Header .PageMenu li.parent .subMenu ul li a {
        font-size: 14px;
    }

    #Header .PageMenu li.parent .subMenu img {
        max-width: 325px;
    }

    #HomeSlideShow .slide .slide-overlay {
        height: 450px;
        width: 500px;
    }

    #HomeSlideShow .slide {
        height: 450px;
    }

    #HomeSlideShow .slide .inner {
        position: relative;
    }

    #HomeSlideShow .slide .slide-image-box {
        height: 530px;
        width: 618px;
    }

    #HomeSlideShow .slide p {
        font-size: 18px;
    }

    .banner_home_page_top {
        margin-bottom: 0;
    }

    .FeaturedProducts h3,
    .TopSellers h3 {
        font-size: 26px;
    }

    .ProductList li {
        width: 313px !important;
    }

    .slick-slider .slick-arrow {
        display: none !important;
    }

    .createBanner {
        white-space: nowrap;
    }

    .preFoot {
        padding: 50px 0 30px 0;
    }

    .preFoot .inner .column {
        font-size: 12px;
    }

    .preFoot .inner dt,
    .preFoot .column h2 {
        font-size: 16px;
    }

    .preFoot .newsletter-subscription {
        width: 225px;
    }

    .footer {
        padding: 15px 0;
    }

    .Content.Wide {
        width: 646px;
    }

    .customProduct .left-content {
        width: 600px;
    }

    .normalProduct .left-content {
        width: 600px;
    }

    .normalProduct .PrimaryProductDetails .ProductMain {
        width: 350px;
    }

    .imageBoxWrapSliderBox,
    .canvasBoxWrapSliderBox {
        width: 600px;
        height: 306px;
    }

    .imgBoxWrap,
    .canvasBoxWrap {
        height: 316px;
    }

    .imgBox a {
        width: 600px;
        height: 279px;
    }

    .imgBox a img {
        max-width: 600px;
        max-height: 279px;
    }

    .normalProduct .imageBoxWrapSliderBox,
    .customProduct .canvasBoxWrapSliderBox,
    .imgBoxWrap {
        background-size: contain !important;
    }

    .shortDesc {
        font-size: 12px;
    }

    /*
  .normalProduct .PriceRow.p-price {
  margin-bottom: 30px;
  padding-bottom: 30px;  
  }
  */
    .normalProduct .PriceRow.p-price .Value,
    .customProduct .addto .Value {
        margin-right: 10px;
        display: block;
        margin-bottom: 0;
    }

    #SideProductRelated li:nth-of-type(4) {
        display: none;
    }

    #SideProductRelated li:nth-of-type(5) {
        display: none;
    }

    .parentCat .subCat li a {
        width: 476px;
        height: 440px;
    }

    .parentCat .subCat li a img {
        max-width: 476px;
        max-height: 290px;
    }

    .AddShippingAddress dd,
    .AddBillingAddress dd {
        width: 300px;
    }

    .productAddToCartRight .CompatibilityBox {
        width: 400px;
    }

    .featureList li:nth-child(6n) span {
        left: -120%;
    }

    .featureList li:nth-child(6n) span:after {
        left: 90%;
    }

    .featureList li:nth-child(5n) span {
        left: -80%;
    }

    .featureList li:nth-child(5n) span:after {
        left: 80%;
    }

    .featureList li:last-child span {
        left: -120%;
    }

    .featureList li:last-child span:after {
        left: 90%;
    }

    .warrantyBox li {
        width: 309px;
    }

    .warrantyBox li label {
        font-size: 14px !important;
    }
}


/*
Tablet Layout: 768px.
Gutters: 24px.
Inner: 720px;
*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    #HomeSlideShow .slide-text a {
        font-size: 18px;
    }

    .inner {
        width: 720px;
    }

    .ProductList li {
        width: 350px !important;
    }

    .slick-slider .slick-arrow {
        display: none !important;
    }

    #Header .PageMenu.entry {
        display: none;
    }

    .cartMenu {
        display: inline-block !important;
        *display: inline !important;
        zoom: 1;
    }

    .TopMenu .menuLinks {
        display: none;
    }

    .header #Header {
        height: 120px;
        line-height: 120px;
    }

    .header-logo img {
        max-width: 140px;
    }

    #Header .entry {
        height: 120px;
    }

    #Header h1 a {
        height: 120px;
    }

    .menuToggleBox {
        display: inline-block !important;
        *display: inline !important;
        zoom: 1;
    }

    .menuToggle {
        margin-left: 25px !important;
    }

    #Header #cart-amount {
        display: none;
    }

    #HomeSlideShow .slide .slide-image-box {
        height: 295px;
        width: 325px;
    }

    #HomeSlideShow .slide .slide-overlay {
        height: 295px;
        width: 325px;
        padding-left: 25px;
    }

    #HomeSlideShow .slide {
        height: 400px;
    }

    .header-secondary {
        float: right;
    }

    #HomeSlideShow .slide .slide-overlay .btn {}

    #HomeSlideShow .slide .inner {
        position: relative;
    }

    #HomeSlideShow .slide p {
        font-size: 18px;
    }

    #HomeSlideShow .slide h2 {}

    #HomeSlideShow .slide .slide-image-wrapper {
        right: 25px;
    }

    #HomeSlideShow .mobileButtonBox {
        display: block;
        text-align: center;
    }

    #HomeSlideShow .mobileButtonBox .btn {
        width: 280px;
        text-align: center;
    }

    .promoList {
        text-align: center;
    }

    .promoList li {
        width: 100%;
        padding: 0 10px 10px 10px !important;
    }

    .promoList li a {
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #10152B;
    }

    .banner_home_page_top {
        margin-bottom: 0;
    }

    .FeaturedProducts h3,
    .TopSellers h3 {
        font-size: 26px;
        text-transform: none;
    }

    .createBanner h2 {
        font-size: 26px;
    }

    .banner_home_page_bottom .createBanner {
        white-space: nowrap;
        width: 170% !important;
        position: relative;
        left: 0 !important;
        margin-left: -35% !important;
    }

    .preFoot {
        padding: 40px 0 0 0;
    }

    .preFoot .inner .column {
        font-size: 12px;
        margin-bottom: 30px;
        width: 33.0%
    }

    .preFoot .inner dt,
    .preFoot .column h2 {
        font-size: 16px;
    }

    .preFoot .inner .column.xxx {
        width: auto;
    }

    .preFoot .newsletter-subscription {
        width: 470px;
    }

    .preFoot .newsletter-subscription .Textbox {
        width: 370px;
    }

    .preFoot .newsletter-subscription .btn {
        height: 37px;
    }

    .footer {
        padding: 15px 0;
        line-height: 30px;
    }

    .footer img {
        vertical-align: middle;
    }

    .footer.desktop {
        display: none;
    }

    .footer.mobile {
        display: block;
    }

    .menuOpen .drawerMenu {
        display: block;
    }

    .searchTrigger {
        display: none;
    }

    .Left,
    .Content.Wide {
        width: auto;
        float: none;
        padding: 0;
    }

    .Left {
        padding-bottom: 25px;
    }

    .Left .BlockContent {
        display: none;
    }

    .Left .Block h3 {
        cursor: pointer;
    }

    .Left .Block h3:before {
        content: '+';
        float: right;
        font-family: "Roboto", sans-serif;
        font-size: 1.5em;
        vertical-align: top;
        line-height: 1;
    }

    .Left .exp .BlockContent {
        display: block;
    }

    .Left .Block.exp h3:before {
        content: '-';
    }

    .normalProduct .left-content {
        width: 100%;
        margin-bottom: 15px;
    }

    .normalProduct .PrimaryProductDetails .ProductMain {
        width: 100%;
    }

    .imageBoxWrapSliderBox,
    .canvasBoxWrapSliderBox {
        width: 720px;
        height: 357px;
    }

    .imgBoxWrap,
    .canvasBoxWrap {
        height: 367px;
    }

    .imgBox a {
        width: 720px;
        height: 325px;
    }

    .imgBox a img {
        max-width: 720px;
        max-height: 325px;
    }

    .normalProduct .imageBoxWrapSliderBox,
    .customProduct .canvasBoxWrapSliderBox,
    .imgBoxWrap {
        background-size: contain !important;
    }

    .shortDesc {
        font-size: 12px;
    }

    /*
  .normalProduct .PriceRow.p-price {
  margin-bottom: 30px;
  padding-bottom: 30px;  
  }
  */
    .ProductDescription .ProductDescriptionContainer {
        padding: 30px;
        font-size: 13px;
    }

    .TabNav li a {
        font-size: 14px;
    }

    .customProdTitle {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .origShareBox .btn {
        margin-top: 0px;
    }

    .origShareBox .btn:hover,
    .ActionBar .btn:hover,
    .origShareBox .btn,
    .ActionBar .btn {
        margin-left: 0px;
        width: auto;
        padding-left: 50px !important;
        padding-right: 10px !important;
    }

    .customProduct .ActionBar .productAttributeLabel {
        padding-left: 60px;
    }

    .customProduct .left-content {
        width: auto;
    }

    .customProduct .ProductMain {
        width: auto;
    }

    .productAddToCartRight .CompatibilityBox {
        position: static;
        width: auto;
        text-align: center;
    }

    .productAddToCartRight .CompatibilityBox span {
        display: block;
        padding-bottom: 10px;
    }

    .normalProduct #productDetailsAddToCartForm .addto,
    .customProduct #productDetailsAddToCartForm .addto {
        position: relative;
        text-align: right;
    }

    .customProduct .addto .DetailRow {
        float: left;
    }

    .customPicker:nth-child(7n) .productAttributeValue {
        left: auto;
        right: 0;
    }

    .parentCat .subCat li a {
        width: 348px;
        height: 350px;
    }

    .parentCat .subCat li a img {
        padding-top: 20px;
    }

    .parentCat .subCat li strong {
        font-size: 32px;
        top: 25px;
        left: 25px;
    }

    .parentCat .subCat li .btn {
        right: 25px;
        bottom: 25px;
    }

    .contactPage .PageContent .contactInfo {
        width: 100%;
        margin-bottom: 15px;
    }

    .contactPage #ContactForm {
        width: 100%
    }

    .contactPage #ContactForm dt,
    .contactPage #ContactForm dd {
        width: 100%;
        padding-right: 0;
    }

    .contactPage #ContactForm .abs {
        position: relative;
        padding-left: 0;
        width: auto;
        bottom: auto;
    }

    table.productAttributes span {
        white-space: normal;
    }

    .CartItemTotalPrice,
    .CartItemIndividualPrice {
        white-space: nowrap;
    }

    table thead tr th,
    table.General thead tr th,
    table.CartContents thead tr th {
        font-size: 12px;
    }

    table tbody tr td,
    table.General tbody tr td,
    table.CartContents tbody tr td {
        font-size: 12px;
    }

    td.CartItemIndividualPrice,
    td.CartItemTotalPrice {
        font-size: 16px !important;
    }

    .CartCode .Textbox {
        width: 230px;
    }

    .CreateAccount,
    .AccountLogin {
        width: 100%;
    }

    .CreateAccount {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 2px solid #e5e5e5;
    }

    .AddShippingAddress dd,
    .AddBillingAddress dd {
        width: 400px;
    }

    .ExpressCheckoutBlock .ExpressCheckoutTitle {
        line-height: 24px;
        font-size: 16px;
    }

    .featureList {
        margin-bottom: 25px;
    }

    .featureList li:first-child span {
        left: 175%;
    }

    .featureList li:first-child span:after {
        left: 20%;
    }

    .featureList li:nth-child(10n) span {
        left: -80%;
    }

    .featureList li:nth-child(10n) span:after {
        left: 80%;
    }

    .featureList li:last-child span {
        left: -120%;
    }

    .featureList li:last-child span:after {
        left: 90%;
    }

    .warrantyBox ul {
        margin-left: 0;
        margin-right: 0;
    }

    .warrantyBox li {
        width: 100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }

    .normalProduct #productDetailsAddToCartForm .addto,
    .customProduct #productDetailsAddToCartForm .addto {
        text-align: center
    }

    .customProduct .addto .DetailRow {
        float: none
    }

    body #fancy_close {
        background: url(../images/close2.png) 0 0 no-repeat !important;
        right: 10px !important;
        top: 10px !important;
        background-size: contain !important;
        width: 30px !important;
        height: 30px !important;
    }

    .customProduct .productAttributeValue label {
        font-size: 14px;
    }

    .customProduct .productAttributeConfigurableEntryText .productAttributeFluidWidth {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .SummaryBoxWrap .Summary {
        width: 100%;
        margin-bottom: 15px;
    }

    .drawerMenu ul li.exp ul ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        ;
    }
}


/*
Mobile Layout: 320px.
Gutters: 24px.
Inner: 272px;
*/

@media(min-width: 1024px) {}

@media only screen and (max-width: 767px) {
    .inner {
        width: 95%;
    }

    .btn {
        padding: 0 10px;
        font-size: 13px;
    }

    .header #Header {
        height: 120px;
        line-height: 120px;
    }

    .header-logo img {
        max-width: 130px;
    }

    #Header .entry {
        height: 120px;
    }

    #Header h1 a {
        height: 120px;
    }

    .TopMenu .menuLinks,
    #Header .PageMenu.entry {
        display: none;
    }

    .cartMenu {
        display: inline-block !important;
        *display: inline !important;
        zoom: 1;
        vertical-align: top;
    }

    .TopMenu {
        font-size: 13px;
    }

    .TopMenu li {
        margin: 0 5px 0 0;
    }

    .footer.desktop {
        display: none;
    }

    .footer.mobile {
        display: block;
    }

    .menuOpen .drawerMenu {
        display: block;
    }

    .searchTrigger {
        display: block;
    }

    .menuToggleBox {
        display: inline-block !important;
        *display: inline !important;
        zoom: 1;
        vertical-align: top;
    }

    .header-secondary #cart-amount,
    .header-secondary #SearchForm {
        display: none;
    }

    #HomeSlideShow .slide .inner {
        position: relative;
    }

    #Header #cart-amount {
        display: none;
    }

    #HomeSlideShow .slide .slide-image-box {
        height: auto;
        width: auto;
        margin: 0 35px;
    }

    #HomeSlideShow .slide .slide-overlay {
        height: auto;
        width: 95%;
        padding: 15px 0;
        display: block;
        text-align: center;
        margin: 0px 2.5%;
        background: rgba(0, 0, 0, 0.6);
    }

    #HomeSlideShow .slide {
        height: 328px;
        padding-bottom: 0px;
    }

    .header-secondary {
        float: right;
    }

    #HomeSlideShow .slide .slide-overlay .btn {}

    #HomeSlideShow .slide .inner {
        position: relative;
    }

    #HomeSlideShow .slide p {
        font-size: 18px;
    }

    #HomeSlideShow .slide h2 {}

    #HomeSlideShow .slide .slide-image-wrapper {
        position: relative;
        width: auto;
        right: 0;
        left: auto;
    }

    #HomeSlideShow .mobileButtonBox {
        display: block;
        text-align: center;
        padding: 15px 0;
    }

    #HomeSlideShow .slide .slide-image-box {
        width: auto;
        height: auto;
        display: block;
    }

    #HomeSlideShow .mobileButtonBox .btn {
        /*width: 200px;*/
        text-align: center;
    }

    .promoList li {
        width: 100%;
        padding: 0 10px 10px 10px !important;
    }

    .banner_home_page_top {
        margin-bottom: 0;
    }

    .main {
        padding: 20px 0;
    }

    .ProductList li {
        width: 300px !important;
    }

    .FeaturedProducts,
    .NewProducts,
    .TopSellers {
        margin-bottom: 25px;
        overflow: hidden;
    }

    .FeaturedProducts h3,
    .TopSellers h3 {
        font-size: 22px;
        text-transform: none;
        margin-bottom: 25px;
    }

    .createBanner h2 {
        font-size: 26px;
    }

    .createBanner .promoSection.img {
        display: block !important;
        text-align: center;
        max-width: 100%;
    }

    .createBanner .promoSection {
        display: block;
        white-space: normal;
        padding: 20px 0;
    }

    .createBanner h2 {
        font-size: 24px;
    }

    .preFoot {
        padding: 25px 0 0 0;
    }

    .preFoot .inner .column {
        width: 100%;
        margin: 0 0 20px 0;
        font-size: 11px;
    }

    .preFoot .inner .column h2 {
        font-size: 1.25em;
    }

    .preFoot .newsletter-subscription .btn {
        height: 37px;
        padding: 0 10px;
    }

    .preFoot .newsletter-subscription .Textbox {
        width: 198px;
    }

    .footer .inner {
        text-align: center;
        font-size: 12px;
    }

    .footer .Block {
        margin: 0 0 15px 0;
        display: block;
    }

    .footer .credits {
        float: none;
    }

    .TopMenu .accountMenu {
        font-weight: normal;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
    }

    .Left,
    .Content.Wide {
        width: auto;
        float: none;
        padding: 0;
    }

    .Left {
        padding-bottom: 25px;
    }

    .Left .BlockContent {
        display: none;
    }

    .Left .Block h3 {
        cursor: pointer;
    }

    .Left .Block h3:before {
        content: '+';
        float: right;
        font-family: "Roboto", sans-serif;
        font-size: 1.5em;
        vertical-align: top;
        line-height: 1;
    }

    .Left .exp .BlockContent {
        display: block;
    }

    .Left .Block.exp h3:before {
        content: '-';
    }

    .product-nav li {
        padding: 0 5px 10px 5px;
    }

    .product-nav ul {
        text-align: center;
    }

    .SortBox {
        float: none;
        margin: 0 auto;
        padding: 0 0 15px 0;
        text-align: left;
    }

    #CategoryHeading {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .customProduct .left-content,
    .normalProduct .left-content {
        width: 100%;
        margin-bottom: 15px;
    }

    .normalProduct .PrimaryProductDetails .ProductMain {
        width: auto;
    }

    .imageBoxWrapSliderBox,
    .canvasBoxWrapSliderBox {
        width: 300px;
        height: 180px;
    }

    .imgBoxWrap,
    .canvasBoxWrap {
        height: 180px;
    }

    .imgBox a {
        width: 300px;
        height: 140px;
    }

    .imgBox a img {
        max-width: 300px;
        max-height: 140px;
    }

    .ProductThumb canvas {
        width: 290px;
        height: 180px;
    }

    .customProduct .ProductMain {
        padding-top: 15px !important;
        width: auto;
    }

    .normalProduct .imageBoxWrapSliderBox,
    .customProduct .canvasBoxWrapSliderBox,
    .imgBoxWrap {
        background-size: contain !important;
    }

    .normalProduct .PriceRow.p-price .Value,
    .customProduct .addto .Value {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
        text-align: center;
    }

    .normalProduct .PriceRow.p-price {
        text-align: center;
    }

    .shortDesc {
        font-size: 12px;
    }

    .ProductDescription .ProductDescriptionContainer {
        padding: 15px;
        font-size: 12px;
    }

    .ProductDescription .ProductDescriptionContainer img {
        float: none !important;
    }

    .TabNav li a {
        font-size: 14px;
    }

    .customProdTitle h1 {
        font-size: 22px;
        padding: 0 !important;
    }

    .customProdTitle {
        padding-bottom: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .origShareBox {
        position: relative;
    }

    .origShareBox .btn {
        margin: 15px 0 0 0;
    }

    .shortDesc h2 {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .TabNav li {
        margin: 0 0 -2px 0;
        padding: 0 0 0 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }

    .TabNav li a {
        border-radius: 0;
        padding: 0 5px;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
        text-align: left;
        border: solid #e5e5e5 2px !important;
    }

    .TabNav li.active {
        position: relative;
        z-index: 10;
    }

    .TabNav li.active a {
        border: solid #f27935 2px !important;
    }

    .Breadcrumb {
        text-align: center;
    }

    .Breadcrumb li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        float: none;
    }

    .imageBoxWrapSliderBox .controls,
    .canvasBoxWrapSliderBox .controls {
        width: 35px;
    }

    .imageBoxWrapSliderBox .controls i,
    .canvasBoxWrapSliderBox .controls i {
        display: block;
    }

    .origShareBox .btn,
    .ActionBar .btn {
        font-size: 14px;
        width: 120px;
    }

    .customProduct .ActionBar .productAttributeLabel {
        line-height: 1.5;
        padding: 15px 0 15px 60px;
        font-size: 14px;
        display: block;
    }

    .customProduct .ProductAction .btn {
        margin: 0 3px 10px 3px !important;
        width: auto;
        padding: 0 10px 0 30px;
        font-size: 12px;
    }

    .customProduct .ProductAction .btn i {
        left: 10px;
    }

    .customProduct .ProductAction {
        float: none;
        text-align: center;
        padding: 15px 0 0 0;
    }

    .customProduct .ActionBar {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .productAddToCartRight .CompatibilityBox span {
        display: block;
        margin-bottom: 15px;
    }

    .productAddToCartRight .CompatibilityBox {
        position: static;
        width: auto;
        text-align: center;
    }

    .customProduct .productAttributeList .productAttributeLabel {
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-left: 60px;
    }

    .customProduct .productAttributeValue label {
        font-size: 14px;
    }

    .normalProduct #productDetailsAddToCartForm .addto,
    .customProduct #productDetailsAddToCartForm .addto {
        position: relative;
        padding: 30px;
        text-align: center;
    }

    .customPicker:nth-child(3n) .productAttributeValue {
        left: auto;
        right: 20px;
    }

    .customPicker[data-type="shell"] .productAttributeValue {
        width: 277px;
    }

    .parentCat .subCat li a {
        width: 298px;
        height: 325px;
    }

    .parentCat .subCat li a img {
        max-width: 290px;
        max-height: 180px;
    }

    .parentCat .subCat li strong {
        font-size: 24px;
        top: 25px;
        left: 25px;
    }

    .parentCat .subCat li .btn {
        right: 25px;
        bottom: 25px;
    }

    .PageContent {
        font-size: 12px;
    }

    .PageContent .accordion dt:before {
        line-height: 42px;
    }

    .PageContent .accordion,
    .PageContent h2,
    .PageContent p,
    .PageContent ul,
    .PageContent ol {
        margin-bottom: 15px;
    }

    .contactPage .PageContent .contactInfo {
        width: 100%;
        margin-bottom: 15px;
    }

    .contactPage #ContactForm {
        width: 100%
    }

    .contactPage #ContactForm dt,
    .contactPage #ContactForm dd {
        width: 100%;
        padding-right: 0;
    }

    .contactPage #ContactForm .abs {
        position: relative;
        padding-left: 0;
        width: auto;
        bottom: auto;
    }

    .PageContent h3 {
        margin-bottom: 15px;
    }

    .PageContent img {
        float: none !important;
        max-width: 100%;
        margin: 0 0 15px 0 !important;
    }

    .ToggleSearchFormLink {
        float: none !important;
        text-align: center !important;
        padding-bottom: 15px;
    }

    .HorizontalFormContainer dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left;
        padding: 0;
    }

    .HorizontalFormContainer dd {
        margin-left: 0;
    }

    .CartItemIndividualPrice,
    .CartThumb {
        position: absolute;
        top: -9999px;
        left: -9999px;
        z-index: -1;
        visibility: hidden;
    }

    table.productAttributes span {
        white-space: normal;
    }

    .CartItemTotalPrice,
    .CartItemIndividualPrice {
        white-space: nowrap;
    }

    table thead tr th,
    table.General thead tr th,
    table.CartContents thead tr th {
        font-size: 11px;
    }

    table tbody tr td,
    table.General tbody tr td,
    table.CartContents tbody tr td {
        font-size: 12px;
        padding: 10px 5px;
    }

    td.CartItemIndividualPrice,
    td.CartItemTotalPrice {
        font-size: 14px !important;
    }

    table.CartContents h5 {
        font-size: 14px;
    }

    .CartCode .Textbox {
        width: 230px;
    }

    table.productAttributes tbody,
    table.productAttributes tr,
    table.productAttributes td {
        display: block;
        font-size: 11px !important;
    }

    table.productAttributes td.Odd {
        border: solid 0px;
        padding-bottom: 0 !important;
    }

    .productAttributes {
        margin: 0 0 15px 0;
        display: block;
    }

    .CartItemQuantity .selector {
        width: 50px !important;
    }

    .CartItemQuantity div.selector span {
        font-size: 11px;
        padding: 0 20px 0 5px !important;
    }

    .CartItemQuantity div.selector span:after {
        width: 20px;
    }

    .CartRemoveLink {
        width: 20px;
    }

    .EstimateShipping {
        width: 300px;
    }

    .EstimateShipping dt {
        float: none;
        width: auto;
    }

    .EstimateShipping .Textbox,
    .EstimateShipping div.selector {
        width: 300px;
    }

    .ProceedToCheckout {
        text-align: center;
    }

    .ProceedToCheckout,
    .KeepShopping {
        text-align: center;
    }

    .CartCode .CouponCode,
    .CartCode .GiftCertificate {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-bottom: 25px;
    }

    .CartCode p {
        height: auto;
    }

    .CartCode .Textbox {
        width: 200px;
    }

    .CreateAccount,
    .AccountLogin {
        width: 100%;
    }

    .CreateAccount {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 2px solid #e5e5e5;
    }

    .AddShippingAddress dd,
    .AddBillingAddress dd {
        width: auto;
        float: none;
        padding-left: 0 !important;
    }

    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
        position: static !important;
        text-align: left !important;
        padding-top: 0;
        white-space: normal;
        line-height: 1 display: block;
        width: 100%;
    }

    .ExpressCheckoutBlock .ExpressCheckoutTitle {
        line-height: 1.5;
        font-size: 14px;
    }

    #AjaxLoading {
        font-size: 14px;
    }

    #tabcontent .photo {
        float: none;
    }

    ul.tabs li img {
        margin: 0 5px 0 0 !important;
        left: auto !important;
    }

    ul.tabs {
        margin-bottom: -1px;
    }

    ul.tabs li {
        padding: 5px;
    }

    .li-list .btns {
        float: none !important;
        position: relative;
        top: 0;
        margin-bottom: 15px;
    }

    .li-list .btns form {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        float: none;
    }

    .li-list .btns form .btn {
        font-size: 12px;
    }

    .ShippingDetails,
    .BillingDetails {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .featureList li span {
        padding: 10px;
        width: 200px;
        margin-inline-start: -100px;
        font-size: 10px !important;
        bottom: 78px;
    }

    .featureList li span:after {
        display: none;
    }

    .featureList li span strong {
        font-size: 13px;
    }

    .featureList li:nth-child(4n+1) span {
        left: 120%;
    }

    .featureList li:nth-child(4n+1) span:after {
        left: 30%;
    }

    .featureList li:nth-child(4n) span {
        left: -110%;
    }

    .featureList li:nth-child(4n) span:after {
        left: 90%;
    }

    .warrantyBox ul {
        margin-left: 0;
        margin-right: 0;
    }

    .warrantyBox li {
        width: 100%;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }

    .ShippingAddressList li {
        width: 100%;
    }

    body #fancy_close {
        background: url(../images/close2.png) 0 0 no-repeat !important;
        right: 10px !important;
        top: 10px !important;
        background-size: contain !important;
        width: 30px !important;
        height: 30px !important;
    }

    .customProduct .productAttributeValue label {
        font-size: 12px;
    }

    .customProduct .productAttributeValue label strong {
        margin-bottom: 5px;
    }

    .customProduct .productAttributeConfigurableEntryText .productAttributeFluidWidth {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .SummaryBoxWrap .Summary {
        width: 100%;
        margin-bottom: 15px;
    }

    .SummaryBoxWrap p {
        font-size: 12px;
    }

    #HomeSlideShow .slide-text a {
        font-size: 18px;
    }

    .flexslider .slides img {
        width: 85% !important;
        display: block;
        margin-left: 7.5% !important;
    }
}


/*    
Wide Mobile Layout: 480px.
Gutters: 24px.
Inner: 432px
 */

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .inner {
        width: 450px;
    }

    .ProductList.slick-slider div li {
        width: 300px !important;
        opacity: 0.5;
    }

    .ProductList.slick-slider div li.slick-center {
        opacity: 1;
    }

    .ProductList > li {
        width: 450px !important;
    }

    .TabNav li {
        width: auto;
        margin-right: 5px;
    }

    .TabNav li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .TabNav li.active a,
    .TabNav li a:hover {
        border-bottom: 2px solid #e5e5e5 !important;
    }

    .imageBoxWrapSliderBox,
    .canvasBoxWrapSliderBox {
        margin: auto;
    }

    .customProduct .addto .Value {
        margin-right: 10px;
        margin-bottom: 0;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        text-align: right;
    }

    .customPicker:nth-child(3n) .productAttributeValue {
        left: 0;
        right: auto;
    }

    .customPicker:nth-child(4n) .productAttributeValue {
        left: auto;
        right: 20px;
    }

    .customPicker[data-type="shell"] .productAttributeValue {
        width: 450px;
    }

    .parentCat .subCat li a {
        width: 213px;
        height: 275px;
    }

    .parentCat .subCat li a img {
        max-width: 213px;
        max-height: 135px;
    }

    .parentCat .subCat li strong {
        font-size: 24px;
        top: 25px;
        left: 25px;
    }

    .parentCat .subCat li .btn {
        right: 25px;
        bottom: 25px;
    }

    .CartCode .Textbox {
        width: 350px;
    }

    .featureList li span:after {
        left: 50% !important;
    }

    .featureList li span strong {
        font-size: 13px;
    }

    .featureList li:nth-child(7n+1) span {
        left: 130% !important;
    }

    .featureList li:nth-child(7n+1) span:after {
        left: 30% !important;
    }

    .featureList li:nth-child(7n) span {
        left: -100% !important;
    }

    .featureList li:nth-child(7n) span:after {
        left: 90% !important;
    }

    .ShippingAddressList li {
        width: 50%;
    }

    .normalProduct .PriceRow.p-price .Value,
    .customProduct .addto .Value {
        display: block;
        margin-bottom: 0;
        margin-right: 10px;
        text-align: right;
    }

    .drawerMenu ul li.exp ul ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        ;
    }
}


/*    
Wide Mobile Layout: 640px.
Gutters: 24px.
Inner: 432px
 */

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .inner {
        width: 620px;
    }

    .TabNav li {
        width: auto;
        margin-right: 5px;
    }

    .TabNav li a {
        padding: 0 10px;
        font-size: 12px;
    }

    .TabNav li.active a,
    .TabNav li a:hover {
        border-bottom: 2px solid #e5e5e5 !important;
    }

    .imageBoxWrapSliderBox,
    .canvasBoxWrapSliderBox {
        margin: auto;
    }

    .imageBoxWrapSliderBox,
    .canvasBoxWrapSliderBox {
        width: 400px;
        height: 225px;
    }

    .imgBoxWrap,
    .canvasBoxWrap {
        height: 225px;
    }

    .imgBox a {
        width: 400px;
        height: 200px;
    }

    .imgBox a img {
        max-width: 400px;
        max-height: 200px;
    }

    .ProductThumb canvas {
        height: 230px;
        width: 370px;
    }

    .customProduct .addto .Value {
        margin-right: 10px;
        margin-bottom: 0;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        text-align: right;
    }

    .customPicker:nth-child(3n) .productAttributeValue {
        left: 0;
        right: auto;
    }

    .customPicker:nth-child(6n) .productAttributeValue {
        left: auto;
        right: 20px;
    }

    .customPicker[data-type="shell"] .productAttributeValue {
        width: 600px;
    }

    .CartCode .Textbox {
        width: 500px;
    }

    .ProceedToCheckout,
    .KeepShopping {
        text-align: right;
    }

    .CartThumb {
        display: table-cell;
        position: static;
        visibility: visible;
    }

    .featureList li span {
        left: 50% !important;
    }

    .featureList li span:after {
        left: 50% !important;
    }

    .featureList li span strong {
        font-size: 13px;
    }

    .featureList li:nth-child(10n+1) span {
        left: 140% !important;
    }

    .featureList li:nth-child(10n+1) span:after {
        left: 20% !important;
    }

    .featureList li:nth-child(9n) span {
        left: -100% !important;
    }

    .featureList li:nth-child(9n) span:after {
        left: 90% !important;
    }

    .featureList li:nth-child(10n) span {
        left: -100% !important;
    }

    .featureList li:nth-child(10n) span:after {
        left: 90% !important;
    }

    .ShippingAddressList li {
        width: 50%;
    }

    .normalProduct .PriceRow.p-price .Value,
    .customProduct .addto .Value {
        display: block;
        margin-bottom: 0;
        margin-right: 10px;
        text-align: right;
    }

    .drawerMenu ul li.exp ul ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        ;
    }
}


/***EY EXTRAS***/

.kickerText {
    font-family: 'titillium web', sans-serif;
    font-size: 28px;
    color: #3ebaee;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    padding-bottom: 40px;
}

.kickerText span {
    color: #000;
    font-weight: 400;
    font-style: normal;
}

.hpUsp {
    padding: 20px 0;
    background: #f0f0f0;
}

.hpUsp-container {
    max-width: 1000px;
    margin: 20px auto;
}

.uspHalf {
    display: block;
    text-align: center;
}

.innerUsp-half {
    display: inline;
}

.innerUsp-half.left {
    width: 10%;
    vertical-align: middle;
}

.innerUspHalf.wright {
    width: 80%;
    text-align: left;
}

.innerUsp-half span {
    color: #f26305;
    font-size: 24px;
    font-weight: 700;
}

.innerUsp-half {
    font-size: 19px;
    font-family: 'titillium web', sans-serif;
    font-weight: 600;
}

@media(min-width: 768px) {
    .uspHalf {
        display: inline-block;
        width: 48%;
        vertical-align: baseline;
    }

    .uspHalf.wright {
        padding-left: 20px;
    }

    .uspHalf.left {
        border-right: 1px solid #000;
    }

    .promoThird {
        display: inline-block;
        vertical-align: middle;
    }

    .promoThird.left {
        width: 20%;
        text-align: center;
    }

    .promoThird.middle {
        width: 55%;
        text-align: center;
    }

    .promoThird.wright {
        width: 23%;
        text-align: center;
    }
}

@media(max-width: 500px) {
    #HomeSlideShow .slide h2 {
        font-size: 22px;
    }

    .promoTop {
        font-size: 42px !important;
    }
}

@media(min-width:500px) {
    #HomeSlideShow .slide {
        height: 560px;
    }
}

@media(max-width: 767px) {
    .promoThird.wright {
        padding: 30px 0;
    }
}

@media(min-width: 900px) {
    #HomeSlideShow .slide {
        height: 476px;
    }
}

@media(min-width: 768px) and (max-width: 1023px) {
    #HomeSlideShow .slide h2 {
        font-size: 46px;
    }

    #HomeSlideShow .slide {
        height: 280px;
    }
}

.promoBanner-container {
    height: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/product_images/uploaded_images/promobanner-desktop.jpg)no-repeat top center;
    background-size: cover;
    margin: 40px 0 0;
}

@media only screen and (max-width: 767px) {
    .promoBanner-container {
        background: url(https://cdn10.bigcommerce.com/s-ksslwy/product_images/uploaded_images/promobanner-mobile.jpg)no-repeat center center;

    }
}


.promoBanner-container1 {
    height: 100%;
    background: url(https://cdn3.bigcommerce.com/s-ksslwy/product_images/uploaded_images/chalkback.png)no-repeat center center;
    background-size: cover;
    margin: 40px 0 0;
    border: 10px solid #432400;
}

.promoThird.middle {
    text-align: center;
}

.promoThird.wright {
    text-align: center;
}

.promoTitle {
    font-weight: 700;
    font-family: 'Quantico';
    font-size: 38px;
    color: #fff;
}

.promoText {
    font-size: 20px;
    font-family: 'Quantico';
    font-weight: 700;
    color: #fff;
    padding: 10px 0;
}

.promoText span {
    color: #edd507;
}

.promoBtn a {
    border: 1px solid #edd507;
    background: rgba(0, 0, 0, 0.6);
    color: #edd507;
    padding: 10px 20px;
    font-family: 'titillium web', sans-serif;
    font-weight: 700;
    font-size: 22px;
}

.promoCantainer {
    max-width: 1100px;
    margin: 0 auto;
}

.promoThird.left img {
    width: 100%;
    max-width: 200px;
}

.promoThird.left {
    text-align: center;
}

.promoTop {
    font-size: 50px;
    font-family: 'titillium web';
    font-weight: 700;
    text-align: center;
}

.promoBottom {
    font-size: 25px;
    font-family: 'Quantico';
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    text-align: center;
}

.promoTop.xbox {
    color: #77E052;
}

.promoTop.ps {
    color: #36B2EC;
}

.promoTop.mice {
    color: #fff;
}

.BlockContent .subCat li a {
    width: 348px;
    height: 350px;
}

.BlockContent .subCat li a img {
    padding-top: 20px;
}

.BlockContent .subCat li strong {
    font-size: 32px;
    top: 25px;
    left: 25px;
}

.BlockContent .subCat li .btn {
    right: 25px;
    bottom: 25px;
}

.BlockContent .subCat {
    margin: 35px -10px;
    font-size: 0px;
}

.BlockContent .subCat li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    padding: 10px;
}

.BlockContent .subCat li a {
    background: url(../images/modalBg.jpg) 0 0 no-repeat;
    border: solid #ccc 1px;
    width: 578px;
    height: 440px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.BlockContent .subCat li strong {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1;
    font-size: 36px;
    border-bottom: 2px solid #36b2ec;
    color: #36b2ec;
    font-family: "gotham_ultraitalic", sans-serif;
    font-weight: normal;
    padding-bottom: 10px;
}

.BlockContent .subCat li .btn {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 1;
    border-radius: 5px;
}


/*.promoList li a{background-size: cover;}*/

.bottomBanner-container {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

.promoList-btn {
    color: #fff;
    padding: 10px 20px !important;
    font-family: 'Quantico';
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.6);
}

span.promoBottom.mice {
    visibility: hidden;
}

.hasSub {
    color: #36B2EC !important;
    font-family: 'Quantico' !important;
    text-transform: uppercase;
}

@media(min-width: 1000px) {
    .hasSubLI.playstation .subMenu {
        background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/ps-menu.png)no-repeat 100% center /contain;
        background-color: #e9e9e9;
    }

    .hasSubLI .subMenu {
        background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/xbox-menu.png)no-repeat 100% center /contain;
        background-color: #e9e9e9;
    }

    .hasSubLI.mice .subMenu {
        background: url(https://customcontrollerzz.com/product_images/uploaded_images/czz-mm-mice-min.png)no-repeat 100% center /contain;
        background-color: #e9e9e9;
    }
}

@media(min-width: 1024px) and (max-width:1280px) {
    #HomeSlideShow .slide {
        height: 418px;
    }
}

@media only screen and (max-width: 1100px) {

    .card-banner {
        width: calc(100% - 20px) !important;
    }

    .card-banner img {
        width: 100% !important;
    }
}

.card-banner-mobile {
    display: none !important;
}

@media only screen and (max-width: 750px) {

    .card-banner-mobile {
        display: block !important;
    }

    .card-banner {
        background: linear-gradient(#ffffffb0, #ffffffb0);
    }

    .card-banner-mobile img {
        width: 100% !important;
    }
}

.parentCat .subCat li strong {
    font-size: 26px;
}

.parentCat .subCat li {
    margin: 10px !important;
    padding: 0px !important;
}

.left-lights {
    position: absolute !important;
    left: -15px !important;
    height: 100% !important;
    top: 0px !important;
}

.right-lights {
    position: absolute !important;
    right: -15px !important;
    height: 100% !important;
    top: 0px !important;
}

.top-decorations {
    position: absolute !important;
    top: -3px !important;
    width: 100% !important;
}

.bottom-decorations {
    position: absolute !important;
    bottom: -3px !important;
    width: 100% !important;
}

.new-v2:before {
    content: '';
    display: block;
    z-index: 50;
    position: absolute;
    bottom: 30px;
    left: 25px;
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/product_images/uploaded_images/new-graphic.png);
    width: 125px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1023px) {
    .new-v2:before {
        bottom: 15px;
        left: 15px;
        width: 100px;
        height: 48px;
    }
}

@media only screen and (max-width: 639px) {
    .new-v2:before {
        width: 60px;
        height: 30px;
        bottom: 27px;
        left: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .new-v2:before {
        width: 100px;
        height: 40px;
        bottom: 22px;
        left: 24px;
    }
}

@media only screen and (max-width: 480px) {
    .productlist-page .CategoryDescription ul {
        width: auto !important;
        max-width: 300px;
        margin: 0 auto;
    }
}

.xboxone .customPicker[data-type="bumpers__triggers"] .productAttributeLabel label {
    background-image: url("../images/newicons/xboxone/trigger.png");
}

.ps4 .customPicker[data-type="bumpers__triggers"] .productAttributeLabel label {
    background-image: url("../images/newicons/ps4/bumper.png");
}

/*21-11-2019*/
.upgraded_version .checkout_v2_xbox,
.upgraded_version .checkout_v2_ps4 {
    display: none;
}

.upgraded_version h2 {
    padding: 0;
}

.upgraded_version h2 a {
    color: #ff0000;
}

.upgraded_version h2 a:hover {
    color: #36b2ec;
}

.upgraded_version {
    position: absolute;
    right: 0;
    top: -30px;
}

.custom_xboxv2 h2.checkout_v2_xbox,
.custom_ps4_v2 .checkout_v2_ps4 {
    display: inline-block;
    width: 220px;
}

@media only screen and (max-width: 990px) {

    .custom_xboxv2 h2.checkout_v2_xbox,
    .custom_ps4_v2 .checkout_v2_ps4 {
        display: inline-block;
        width: 180px;
    }
}

@media only screen and (max-width: 767px) {
    .customProdTitle {
        padding-bottom: 100px;
    }

    .upgraded_version {
        position: absolute;
        right: auto;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
}

@media only screen and (max-width: 479px) {
    .customProdTitle h1 {
        font-size: 18px;
    }
}


@media only screen and (max-width: 767px) {
    .fastshipping .mobile-banner {
        display: block !important;
        width: calc(100% - 20px) !important;
        margin: 0px 10px !important;
    }

    .fastshipping .normal-banner {
        display: none !important;
    }
}





.newformat li {
    width: calc(50% - 20px) !important;
}

.newformat li a {
    width: auto !important;
    height: auto !important;
}

.newformat li a img {
    width: 100% !important;
    height: auto !important;
    padding-top: 0px !important;
    max-width: none !important;
    max-height: none !important;
}

@media only screen and (max-width: 767px) {
    .newformat {
        max-width: none !important;
        padding: 15px;
        margin-top: 0px !important;
    }

    .newformat li {
        width: calc(100% - 20px) !important;
    }

    .newformat li a img {
        max-width: none !important;
        max-height: none !important;
        margin-bottom: 0px !important;
    }
}

.hpUsp.newlook {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/shipping-background.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.hpUsp.newlook .hpUsp-container {
    margin: 0 auto !important;
}

.hpUsp.newlook .shippingdesk {
    width: 100% !important;
    margin: 0 auto !important;
}

.hpUsp.newlook .shippingmobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .hpUsp.newlook .shippingdesk {
        display: none !important;
    }

    .hpUsp.newlook .shippingmobile {
        display: inline-block !important;
        width: calc(100% - 40px) !important;
        padding: 0px 20px;
    }
}

#Header .PageMenu li.parent .subMenu ul ul {
    line-height: 24px !important;
}

#Header .PageMenu li.parent {
    line-height: 24px !important;
    padding-top: 58px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    #Header .PageMenu li.parent {
        padding-top: 44px;
    }
}





@media screen and (min-width: 767px) {
    #HomeSlideShow .slide {
        height: auto;
    }

    #HomeSlideShow .slide-content.inner {
        display: flex !important;
        width: 100%;
        align-items: center;
        max-width: 1400px;
        height: auto;
        padding: 50px 0px;
    }

    #HomeSlideShow .slide-content.inner .slide-overlay {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 10px 50px;
    }

    #HomeSlideShow .slide-content.inner .slide-image-wrapper {
        width: 50%;
        display: flex;
        height: auto;
        position: inherit;
        top: auto;
        right: auto;
        padding: 10px 40px 10px 10px;
    }

    #HomeSlideShow .slide-content.inner .slide-image-wrapper .slide-image-box {
        display: inline-block;
        height: auto;
        width: 100%;
    }

    #HomeSlideShow .slide-content.inner .slide-image-wrapper img {
        max-width: 100%;
        display: inline-block;
    }
}






.hasSubLI.xbox .subMenu,
.hasSubLI.playstation .subMenu {
    padding: 0px !important;
    background: #e9e9e9;
}

#Header .PageMenu li.parent .subMenu ul {
    width: 60%;
}

.hasSubLI.xbox .subMenu .inner {
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/mega-menu-xbox-controllers.png), url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/mega-menu-right.jpg);
    padding: 10px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 40% auto, 40% 100%;
    box-shadow: 10px 0px 10px -10px;
}

.hasSubLI.playstation .subMenu .inner {
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/mega-menu-ps-controller.png), url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/mega-menu-right.jpg);
    padding: 10px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 40% auto, 40% 100%;
    box-shadow: 10px 0px 10px -10px;
}

.hasSubLI.playstation .subMenu .inner li {
    border-bottom: 0px !important;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li,
#Header .PageMenu .hasSubLI.playstation .subMenu ul ul li {
    width: 45%;
    vertical-align: top;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li a,
#Header .PageMenu .hasSubLI.playstation .subMenu ul ul li a {
    font-weight: 800;
    font-size: 18px;
    padding-left: 100px;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li a img,
#Header .PageMenu .hasSubLI.playstation .subMenu ul ul li a img {
    display: none;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(1) a:after {
    content: '50+ Controllers To Choose From';
    display: block;
    font-weight: 400;
    font-size: 15px;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(2) a:after {
    content: 'Play Like A Pro';
    display: block;
    font-weight: 400;
    font-size: 15px;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(3) a:after {
    content: 'Top Of The Line Controllers For Xbox';
    display: block;
    font-weight: 400;
    font-size: 15px;
}

#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(4) a:after {
    content: 'Fully Custom Xbox Series X/S Controllers';
    display: block;
    font-weight: 400;
    font-size: 15px;
}

#Header .PageMenu .hasSubLI.playstation .subMenu ul li:nth-of-type(1) ul li:nth-of-type(1) a:after {
    content: 'Custom Made for PS5';
    display: block;
    font-weight: 400;
    font-size: 15px;
}

#Header .PageMenu .hasSubLI.playstation .subMenu ul li:nth-of-type(1) ul li:nth-of-type(2) a:after {
    content: 'Fully Custom Controllers for PS5';
    display: block;
    font-weight: 400;
    font-size: 15px;
}

#Header .PageMenu .hasSubLI.playstation .subMenu ul li:nth-of-type(2) ul li:nth-of-type(1) a:after {
    content: '50+ Controllers To Choose From';
    display: block;
    font-weight: 400;
    font-size: 15px;
}


#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(1) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/series-x-s-mega-menu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: -5px;
}


#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(2) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/pro-mega-menu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: -5px;
}


#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(3) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/elite-series-2-mega-menu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: -5px;
}


#Header .PageMenu .hasSubLI.xbox .subMenu ul ul li:nth-of-type(4) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/deisgner-mega-menu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: -5px;
}

#Header .PageMenu .hasSubLI.playstation .subMenu ul li:nth-of-type(1) ul li:nth-of-type(1) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/ps5-custom-mega-menu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: 2px;
}


#Header .PageMenu .hasSubLI.playstation .subMenu ul li:nth-of-type(1) ul li:nth-of-type(2) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/ps5-designer-mega-manu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: 2px;
}

#Header .PageMenu .hasSubLI.playstation .subMenu ul li:nth-of-type(2) ul li:nth-of-type(1) a:before {
    content: '';
    background-image: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/ps4-mega-menu.png);
    display: block;
    position: absolute;
    width: 85px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -100px;
    margin-top: 2px;
}

@media screen and (max-width: 1279px) {

    #Header .PageMenu .hasSubLI.xbox .subMenu ul ul li,
    #Header .PageMenu .hasSubLI.playstation .subMenu ul ul li {
        width: 100%;
    }

    .hasSubLI.xbox .subMenu .inner,
    .hasSubLI.playstation .subMenu .inner {
        width: calc(100% - 40px);
        padding: 10px 20px;
    }
}

.gray-style-back {
    background: #efefef;
    padding: 40px 20px;
    border-radius: 20px;
    margin-bottom: 60px;
}

.cart-info-3 {
    background: #EFEFEF;
    margin-bottom: 15px;
    padding: 20px 80px;
    display: flex;
}

.cart-info-3.extrafour {
    padding: 0px 0px 40px 0px;
    background: #fff;
}

.gray-style-back .cart-info-3.extrafour {
background: #efefef !important;
}

.gray-style-back.image-back-gray {
background: linear-gradient(#efefefd9, #efefeff5), url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/why-background.jpeg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.gray-style-back.image-back-gray .cart-info-3.extrafour {
background: none !important;
}

.cart-info-3 img {
    max-height: 40px;
    margin-bottom: 5px;
}

.cart-info-3.extrafour img {
    margin-bottom: 10px;
}

.cart-info-3 div p {
    margin-bottom: 5px;
    line-height: 16px;
}

.cart-info-3 .ship-us,
.cart-info-3 .game-30,
.cart-info-3 .bbb-a {
    width: calc(33% - 40px);
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
}

.cart-info-3.extrafour .ship-us,
.cart-info-3.extrafour .game-30,
.cart-info-3.extrafour .bbb-a {
    width: calc(25% - 40px);
    text-align: center;
    line-height: 20px;
}

.cart-info-3.extrafour strong,
.cart-info-3.extrafour p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

@media screen and (max-width: 1023px) {
    .cart-info-3 {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .cart-info-3 {
        flex-direction: column;
    }

    .cart-info-3 .ship-us,
    .cart-info-3 .game-30,
    .cart-info-3 .bbb-a,
    .cart-info-3.extrafour .ship-us,
    .cart-info-3.extrafour .game-30,
    .cart-info-3.extrafour .bbb-a {
        width: calc(100% - 40px);
        margin-bottom: 10px;
    }
}



@media only screen and (min-width: 1280px) {
    .instagram-media {
        max-height: 530px;
    }

    .desktopinsta {
        display: block !important;
        text-align: center;
        margin-top: 20px;
    }

    .desktopinsta a {
        background: #0095F6;
        color: #fff;
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 20px;
        font-weight: 600;
    }
}


.main-new-options {
    display: flex;
    float: right;
    max-width: 500px;
}

@media only screen and (max-width: 1280px) {
    .main-new-options {
        max-width: 370px;
    }
}

@media only screen and (max-width: 1023px) {
    .main-new-options {
        max-width: 100%;
        width: 100%;
        display: inline-block;
    }

    .productAttributeValue .selector {
        max-width: 100%;
    }

    .warrantyBox li {
        width: 100% !important;
        max-width: 100%;
    }
}

.promo-info {
    margin-top: 20px;
    padding: 0px 40px;
    display: flex;
    justify-content: space-around;
}

.promo-info-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 210px;
}

.promo-info .promo-info-inner:last-of-type p img {
    margin-right: 0px;
}

.promo-info-inner:last-of-type {
    width: 225px;
}

.promo-info p {
    display: inline-block;
    align-items: center;
    margin-bottom: 5px;
    padding: 0px 10px;
}

.promo-info img {
    max-height: 14px;
    margin-bottom: -2px;
    margin-right: 6px;
}

@media only screen and (max-width: 480px) {
    .ProductThumb .imageBoxWrapSliderBox {
        margin: 0 auto;
    }

    .promo-info {
        text-align: left;
        padding: 0px;
        justify-content: center;
    }

    .promo-info-inner:first-of-type {
        width: 180px;
    }

    .promo-info-inner:last-of-type {
        width: 215px;
    }

    .promo-info p {
        padding: 0px 5px;
    }
}

#affirmcustomid .affirm-as-low-as {
    text-align: center;
    width: 100%;
}


/* New Video */

#home .slide-show {
    display: none !important;
}

.full-video-banner {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.full-video-banner .videoembed {
    position: absolute;
    top: 50%;
    margin-top: -25%;
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/video-poster.jpg);
    background-size: cover;
    background-position: center top;
}

.full-video-banner .video-banner-title {
    position: absolute;
    width: 100%;
    top: calc(50% - 74px);
    padding: 20px 40px;
    text-align: center;
    box-sizing: border-box;
}

.full-video-banner .video-banner-title p {
    color: #fff;
    font-size: 32px !important;
    text-shadow: 0 0 5px black !important;
margin-bottom: 20px !important;
}

.full-video-banner .bannerbutton {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    letter-spacing: 0;
    padding: 0 15px;
    position: relative;
    text-align: right;
    background-color: #36b2ec;
    display: inline-block;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    .full-video-banner .videoembed {
        position: absolute;
        top: 0;
        margin-top: 0;
        width: auto;
        height: 100%;
    }

    .full-video-banner .video-banner-title {
        top: calc(50% - 95px);
    }
}

@media only screen and (max-width: 480px) {
    .full-video-banner .videoembed {
        left: 0;
        margin-left: -40%;
    }

    .full-video-banner .video-banner-title {
        top: calc(50% - 117px);
    }
}

@media only screen and (min-width: 1024px) {
    #home #Header .header-logo img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    #home .header {
        background: #ffffff00;
        position: absolute;
        width: 100%;
    }

    #home #Header .PageMenu li.parent > a {
        color: #fff;
        font-weight: 600;
    }

    #home #Header #SearchForm {
        border-radius: 8px;
    }

    #home #Header #SearchForm .icon-search {
        color: #fff;
    }

    #home #Header #cart-amount dt i {
        color: #fff;
    }

    #home #Header #cart-amount dd a,
    #home #Header #cart-amount .total {
        color: #fff;
    }

    #home .header:hover #Header .header-logo img {
        -webkit-filter: none;
        filter: none;
    }

    #home .header:hover {
        background: #fff;
    }

    #home .header:hover #Header .PageMenu li.parent > a {
        color: #333;
    }

    #home .header:hover #Header #SearchForm .icon-search {
        color: #333;
    }

    #home .header:hover #Header #cart-amount dt i {
        color: #333;
    }

    #home .header:hover #Header #cart-amount dd a,
    #home .header:hover #Header #cart-amount .total {
        color: #333;
    }

    #home #Header .PageMenu li.parent {
        border-top: solid #ffffff00 6px;
        border-bottom: solid #ffffff00 6px;
    }

    #home .full-video-banner {
        height: 575px;
        background: rgb(0 0 0 / 25%);
    }

    #home .full-video-banner .videoembed {
        z-index: -1;
    }

    #home .full-video-banner .video-banner-title {
        top: calc(50% - 20px);
    }
}


@media only screen and (max-width: 767px) {
    .go-wide .customProdTitle {
        padding-bottom: 20px;
    }

    .go-wide .imageBoxWrapSliderBox {
        width: 400px;
        height: 250px;
    }

    .go-wide .imgBoxWrap {
        height: 250px;
    }

    .go-wide .imgBox a {
        width: 400px;
        height: 210px;
    }

    .go-wide .imgBox a img {
        max-width: 400px;
        max-height: 210px;
    }
}

@media only screen and (max-width: 400px) {
    .go-wide .imageBoxWrapSliderBox {
        width: 340px;
        height: 250px;
    }

    .go-wide .imgBoxWrap {
        height: 250px;
    }

    .go-wide .imgBox a {
        width: 340px;
        height: 210px;
    }

    .go-wide .imgBox a img {
        max-width: 340px;
        max-height: 210px;
    }
}


.main-new-options .productOptionViewRectangle .option {
    width: 22% !important;
    display: inline-block;
    margin: 0 1%;
}

.main-new-options .productOptionViewRectangle .none,
.main-new-options .productOptionViewRectangle .option label span {
    display: none !important;
}

.main-new-options .productOptionViewRectangle .option label {
    max-width: 100%;
    min-width: 100%;
    width: auto;
    padding: 0 !important;
    height: 85px;
    border-radius: 10px;
    border: solid 2px #d6d6d6 !important;
    color: #000 !important;
    background: #fbfbfb;
}

.main-new-options .productOptionViewRectangle .selectedValue label {
    background: inherit !important;
    border: solid 2px #000 !important;
}

.main-new-options .productOptionViewRectangle .option:after {
    text-align: center;
    display: block;
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(1):after {
    content: 'None';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(2):after {
    content: 'Protective Case';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(3):after {
    content: 'USB-C Cable';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(4):after {
    content: 'Combo Pack';
}

.main-new-options .productOptionViewRectangle .option:before {
    text-align: center;
    display: block;
    margin-bottom: 2px;
    font-weight: 600;
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(1):before {
    content: '\00a0';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(2):before {
    content: 'Add $19.99';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(3):before {
    content: 'Add $9.99';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(4):before {
    content: 'Add $24.99';
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(1) label {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/no-bg.png), #e0e0e0 !important;
    background-size: cover !important;
    background-position: center !important;
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(2) label {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/case-bg.jpg), #e0e0e0 !important;
    background-size: cover !important;
    background-position: center !important;
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(3) label {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/cord-bg.jpg), #d0d0d0 !important;
    background-size: cover !important;
    background-position: center !important;
}

.main-new-options .productOptionViewRectangle .option:nth-of-type(4) label {
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/combo-pack-bg.jpg), #d0d0d0 !important;
    background-size: cover !important;
    background-position: center !important;
}

@media only screen and (max-width: 1024px) {
    .main-new-options .productOptionViewRectangle .option label {
        height: 120px;
    }
}

@media only screen and (max-width: 600px) {

    .main-new-options .productOptionViewRectangle .option {
        width: 47% !important;
        margin-bottom: 10px;
    }

    .main-new-options .productOptionViewRectangle .option label {
        height: 80px;
    }

    .main-new-options .productOptionViewRectangle .option:nth-of-type(1) label,
    .main-new-options .productOptionViewRectangle .option:nth-of-type(2) label,
    .main-new-options .productOptionViewRectangle .option:nth-of-type(3) label,
    .main-new-options .productOptionViewRectangle .option:nth-of-type(4) label {
        background-size: 100px 100px !important;
        background-repeat: no-repeat !important;
    }
}

.acc-promo {
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    padding: 20px;
    width: 88%;
    margin: 25px 3%;
    align-items: center;
}

.acc-promo .combo-img {
    width: 40%;
}

.acc-promo .text-promo {
    width: 55%;
    margin-left: 5%;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.acc-promo p:first-of-type {
    font-size: 22px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-bottom: 10px;
}

.acc-promo p strong {
    font-weight: 900;
}

.acc-promo p:last-of-type {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-bottom: 0px;
}

.acc-promo .combo-img img {
    border-radius: 10px;
}

.customProduct .acc-promo {
    display: none;
}

.acc-promo.acc-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .acc-promo.acc-desk {
        display: none;
    }

    .acc-promo.acc-mobile {
        display: flex;
        margin-top: 0px !important;
        margin-bottom: 35px !important;
    }

    .acc-promo.acc-mobile img {
        width: 100%;
    }
}

@media only screen and (max-width: 620px) {
    .acc-promo p:first-of-type {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .acc-promo {
        width: 86%;
        margin: 25px 2%;
    }
}

@media only screen and (max-width: 500px) {

    .acc-promo {
        flex-direction: column;
    }

    .acc-promo .text-promo,
    .acc-promo .combo-img {
        width: 100%;
        margin: 0;
    }

    .acc-promo .combo-img {
        margin-bottom: 10px;
    }

}


/* New page width */

.top-shelf,
.bottom-shelf {
    display: flex;
}

.top-shelf {
    margin-top: 40px;
    box-shadow: 0px -5px 20px -15px;
}

.bottom-shelf {
    margin-bottom: 80px;
    box-shadow: 0px 5px 20px -15px;
}

.bottom-shelf .pocket {
    flex-direction: row-reverse;
}

.pocket {
    display: flex;
    width: 50%;
}

.fifty {
    width: 50%;
    padding: 120px 40px;
    align-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fifty .fifty-title {
    font-family: Roboto;
    font-weight: 900;
    font-size: 18px;
}

.fifty p {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 22px;
}

.image-back {
    background-color: black;
}

@media only screen and (max-width: 1000px) {
    .pocket {
        width: 100%;
    }

    .top-shelf,
    .bottom-shelf {
        flex-direction: column;
    }

    .top-shelf .pocket:last-of-type {
        flex-direction: row-reverse;
    }

    .bottom-shelf .pocket:first-of-type {
        flex-direction: row;
    }
}

@media only screen and (max-width: 500px) {
    .pocket {
        flex-direction: column !important;
    }

    .pocket .fifty {
        width: 100%;
        box-sizing: border-box;
    }

    .image-back {
        padding: 0;
        height: 350px;
    }
}

.go-wide .main .inner {
    width: 100%;
}

.go-wide .main .inner .Block.Moveable.Panel.Breadcrumb,
.go-wide .main .inner .customProdTitle,
.go-wide .main .inner .ActionBar,
.go-wide .main .inner .Block.Moveable.Panel.PrimaryProductDetails {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

.go-wide .main .inner #prodAccordion,
.go-wide .main .inner .Block.SideRelatedProducts.Moveable.Panel,
.go-wide .main .inner .top-shelf,
.go-wide .main .inner .bottom-shelf {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.go-wide .main .inner .Block.SideRelatedProducts.Moveable.Panel {
    text-align: center;
}


/* FAQs */

.faqscontrol {
    max-width: 1250px;
    margin: 0px auto;
    margin-bottom: 60px;
    padding: 10px;
}

.newfaqaccordion {
    background-color: #efefef;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-family: 'Roboto';
    transition: 0.4s;
    margin-bottom: 15px;
    border-radius: 10px;
}

.newfaqaccordion.active,
.newfaqaccordion:hover {
    background-color: #ccc;
}

.faqpanel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    font-family: 'Roboto';
    font-size: 16px;
}

.newfaqaccordion:before {
    content: '\f067';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #777;
    float: left;
    margin-right: 15px;
}

.newfaqaccordion.active:before {
    content: "\f068";
    font-family: 'FontAwesome';
}

.faqscontrol .faqpanel p {
    display: none;
}

.faqscontrol .faqpanel ul {
    display: none;
}

.faqscontrol .faqpanel p:first-of-type {
    display: block;
}

.faqscontrol h3 {
    color: #36b2ec;
    font-family: "titillium web", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    border-bottom: solid #36b2ec 2px;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
}


@media only screen and (max-width: 767px) {
    .faqscontrol h3 {
        font-size: 24px;
    }

    .newfaqaccordion {
        font-size: 13px;
    }
}


/* Category Body */

.cat-title-container {
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    padding: 20px;
    margin: 25px 0;
    align-items: center;
}


.cat-title-image {
    width: 40%;
}

.cat-title-image img {
    border-radius: 10px;
    box-shadow: 5px 4px 15px -10px #333;
}

.cat-title-desc {
    margin: 0 5%;
    width: 50%;
}

.cat-title-desc h1,
.cat-title-desc h3 {
    font-size: 28px;
    font-weight: 900;
    font-family: "Roboto";
    color: #36b2ec;
}

.cat-title-desc p {
    font-size: 22px;
    font-weight: 400;
    font-family: "Roboto";
    color: #444;
}

.cat-title-container.cat-page-combo {
    flex-direction: column;
    width: 48%;
    margin: 40px 1% !important;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.cat-title-container.cat-page-combo .cat-title-image {
    width: 100%;
    margin-bottom: 20px;
}

.cat-title-container.cat-page-combo .cat-title-desc {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cat-title-container.cat-page-combo .cat-title-desc h3 {
    font-family: 'Roboto';
    width: 60%;
    font-size: 22px;
    text-align: left;
    padding: 0 20px;
    text-transform: uppercase;
}

.cat-title-container.cat-page-combo .cat-title-desc .btn-holder {
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0 20px;
}

.cat-title-container.cat-page-combo .cat-title-desc .cat-page-combo-btn {
    color: #fff;
    padding: 10px 20px !important;
    font-family: 'Quantico';
    font-weight: 700;
    font-size: 18px;
    margin-top: 0px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.cat-title-container.cat-page-combo .cat-title-desc .cat-page-combo-btn:hover {
    background-color: #36b2ec;
}

.cat-page-combo-title {
    text-align: center;
    font-size: 36px;
    padding-bottom: 0px;
    font-family: "titillium web", sans-serif;
    font-weight: 800;
    margin-top: 20px;
    color: #36b2ec;
    text-transform: uppercase;
    font-style: italic;
}

.cat-title-container.cat-page-combo.double-up {
    margin: 0px 1% 40px 1% !important;
}

@media only screen and (max-width: 767px) {
    .cat-title-container {
        flex-direction: column;
    }

    .cat-title-image {
        width: 100%;
        margin-bottom: 20px;
    }

    .cat-title-desc {
        width: 100%;
        line-height: 26px;
        font-size: 18px;
    }

    .cat-title-container.cat-page-combo,
    .cat-title-container.cat-page-combo.double-up {
        width: 96%;
        margin: 0 2% 40px 2% !important;
    }

    .cat-page-combo-title {
        margin-bottom: 40px;
    }

    .cat-title-container.cat-page-combo .cat-title-desc h3 {
        font-size: 15px;
        padding: 0 5px;
    }

    .cat-title-container.cat-page-combo .cat-title-image {
        margin-bottom: 10px;
    }

    .cat-title-container.cat-page-combo .cat-title-desc .btn-holder {
        padding: 0 5px;
    }

    .cat-title-container.cat-page-combo .cat-title-desc .cat-page-combo-btn {
        font-size: 14px;
        padding: 10px !important;
    }
}


/* Timer */

.cctimer-cont {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    background: url(https://cdn10.bigcommerce.com/s-ksslwy/images/stencil/original/image-manager/red-countdown.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px -10px inset;
}

.cctimer-timer {
    font-size: 24px !important;
    font-weight: 800;
    line-height: 24px !important;
    margin: 0 0 3px 0 !important;
    color: #d5d5d5 !important;
    font-family: "titillium web", sans-serif !important;
    font-weight: 700;
    font-style: italic;
}

.cctimer-desc {
    font-size: 17px !important;
    line-height: 17px !important;
    margin: 5px 0px !important;
    color: #fff !important;
    font-family: "titillium web", sans-serif !important;
    font-weight: 700;
}


/* Contact Form Margin */

.contactPage #ContactForm .abs dd {
text-align: left;
}

@media screen and (min-width: 1024px) {
  .contactPage #ContactForm .cf {
      margin-bottom: 150px;
  }
}