@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400italic);

/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by T&R Sports. */

/* General page formatting
-------------------------------------------------- */
body {
    background : url(https://mainimage.trsports.com.au/Image/Website/IndexPage/x-bg.jpg) center top scroll repeat-x, linear-gradient(0deg, rgba(0,28,49,1) 91%, rgba(182,85,4,1) 100%);
    font-size: 0.875em;
    font-family: "Lato", Arial;
    font-weight: 400;
    margin     : 0 auto;
    padding    : 0;
    text-align : center;
}
#x-head, #x-foot {

    width    : 991px;
    position : relative;
    margin   : 0 auto;
}
#content {
    width      : 951px;
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-content-1.png) center top repeat-y;
    overflow   : hidden;
    margin     : 0 auto;
    padding    : 5px 20px 10px;
}
/* total page width less left right margins */
#content #main_content {
    width   : 751px;
    margin  : 0;
    padding : 0;
}
/* content width less lnav width */
#content #content_area {
    width   : 737px;
    margin  : 0;
    padding : 0 0 0 14px;
}
/* main_content width less left padding for gutter between lnav and right content area */
#nav_menu, .nav_section,
#nav_menu h3, .x-ln-title,
.x-ln-top, .x-ln-mid, .x-ln-btm,
#display_promotions_999 {
    width : 200px;
}
/* left column */
#content #content_area table {
    text-align : left;
   /*  padding:10px 0;*/
}
#notext a {
    display     : block;
    width       : 250px;
    height      : 75px;
    text-indent : -9999px;
}
#x-head *, #x-foot *,
#nav_menu *, #x-home * {
    margin  : 0;
    padding : 0;
    border  : 0;
}
#x-bg-head, #x-bg-foot {
    width    : 100%;
    position : relative;
    margin   : 0 auto;
}
#content img, #x-head img,
#x-foot img, #nav_menu img {
    border : 0;
}
#x-head form, #x-foot form,
#nav_menu form {
    display : inline;
}
#nav_menu, #main_content {
    vertical-align : top;
}
body, p, a, ul li {
    font  : normal 12px/16px;
    font-family: "Lato", Arial;
    font-weight: 400;
    color : #264087;
}
p {
    margin  : 0;
    padding : 0 0 16px;
}
ul {
    margin  : 0 10px;
    padding : 0 5px 16px;
}
ul li {
    margin  : 0;
    padding : 0 0 5px 15px;
}
a, a:link, a:visited, a:active {
    color           : #EA6525;
    text-decoration : none;
}
a:hover {
    color           : #CCC;
    text-decoration : underline;
}
h5 {
    text-align : left;
    font       : bold 12px/16px;
    color      : #EA6525;
    margin     : 0;
    padding    : 6px 0;
}
#x-head ul, #nav_menu ul,
#x-foot ul {
    list-style-type : none;
    overflow        : hidden;
}
#nav_menu ul, #nav_menu li {
    margin  : 0;
    padding : 0;
}
#nav_menu table.nav,
#nav_menu td.nav {
    width : 100%;
}
#x-hd-menu li {
    display : inline;
    float   : left;
}
#x-hd-menu, #x-hd-cart,
#x-hd-srch, #x-ln-news,
#x-ln-srch, #x-ft-news,
#x-ft-test, #x-shop,
.x-ln-mid, .x-tb-mid {
    overflow : hidden;
}
#x-hd-sbtn, #x-hd-menu li,
#x-ln-sbtn, #x-lnav li, #x-ln-nbtn,
#nav_menu td.nav, #x-ft-nbtn {
    cursor : pointer;
}
/* Header formatting
-------------------------------------------------- */
#x-head {
    height     : 216px;
    background : transparent url(https://mainimage.trsports.com.au/Image/Website/IndexPage/x-head-1.png) 0 0 no-repeat;
}
#x-hd-logo {
    position : absolute;
    left     : 29px;
    top      : 33px;
    width    : 313px;
    height   : 71px;
    display  : block;
}
#x-hd-inst {
    position : absolute;
    left     : 468px;
    top      : 44px;
    width    : 263px;
    height   : 64px;
    display  : block;
}
#x-hd-call {
    position : absolute;
    left     : 743px;
    top      : 44px;
    width    : 223px;
    height   : 64px;
    display  : block;
}
#x-hd-sale {
    position : absolute;
    left     : 220px;
    top      : 168px;
    width    : 730px;
    height   : 30px;
    display  : block;
}
/* top nav links */
#x-hd-tnav {
    position   : absolute;
    left       : 413px;
    top        : 6px;
    width      : 300px;
    height     : 20px;
    text-align : right;
}
#x-hd-tnav a {
    padding : 0 5px;
}
#x-hd-tnav, #x-hd-tnav a,
#x-hd-tnav a:link,
#x-hd-tnav a:active,
#x-hd-tnav a:visited {
    color           : #555;
    font            : normal 11px/20px;
    text-decoration : none;
}
#x-hd-tnav a:hover {
    color           : #264087;
    text-decoration : none;
}
/* cart summary */
#x-hd-cart {
    position   : absolute;
    left       : 734px;
    top        : 6px;
    width      : 230px;
    height     : 20px;
    text-align : left;
}
#display_cart_summary {
    float       : left;
    background  : transparent url(/v/vspfiles/templates/xdesign/images/x-hd-cart.png) 0 0 no-repeat;
    text-align  : left;
    line-height : 20px;
    margin      : 0;
    padding     : 0 0 0 20px;
}
#x-hd-cart, #x-hd-cart a,
#x-hd-cart a:link,
#x-hd-cart a:active,
#x-hd-cart a:visited {
    color           : #264087;
    font            : bold 11px;
    text-decoration : none;
}
#x-hd-cart a:hover {
    color           : #EA6525;
    text-decoration : none;
}
/* search box */
#x-hd-srch {
    position   : absolute;
    left       : 693px;
    top        : 126px;
    width      : 283px;
    height     : 27px;
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-hd-sbox.png) 0 0 no-repeat;
}
#x-hd-sbox {
    width            : 230px;
    height           : 27px;
    border           : 0 none;
    background-color : transparent;
    margin           : 0;
    padding          : 0 10px;
    float            : left;
    font             : normal 11px/27px;
    color            : #444;
}
#x-hd-sbtn {
    width  : 32px;
    height : 27px;
    float  : right;
}
/* menu bar */
#x-hd-menu {
    position : absolute;
    left     : 15px;
    top      : 120px;
    width    : 670px;
    height   : 38px;
}
#x-hd-menu li {
    text-align : center;
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-hd-mdiv.png) right center no-repeat;
    padding    : 0 2px 0 0;
}
#x-hd-menu li.last {
    background-image : none;
    padding          : 0;
}
#x-hd-menu li a {
    color           : #FFF;
    font            : normal 13px/38px Arial, Tahoma, Sans-serif;
    text-shadow     : 1px 1px #021342;
    text-decoration : none;
    text-transform  : uppercase;
    padding         : 0 15px;
    display         : block;
}
#x-hd-menu li a:hover {
    color           : #FFF;
    text-decoration : none;
    text-shadow     : 1px 1px #BE4307;
    background      : transparent url(/v/vspfiles/templates/xdesign/images/x-hd-mhov.png) left center repeat-x;
}
/* Left panel formatting
-------------------------------------------------- */
#nav_menu, #nav_menu p,
#nav_menu a, #nav_menu ul li,
#nav_menu span,
#nav_menu td {
    text-align : left;
    font       : normal 12px/16px;
    color      : #264087;
}
/* left text boxes */
.x-ln-title {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ln-title.png) 0 0 no-repeat;
    height     : 32px;
}
.x-ln-top {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ln-top.png) 0 0 no-repeat;
    height     : 5px;
}
.x-ln-mid {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ln-mid.png) 0 0 repeat-y;
}
.x-ln-btm {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ln-btm.png) 0 0 no-repeat;
    height     : 18px;
}
#nav_menu .x-ln-ins {
    padding  : 0 10px;
    overflow : hidden;
}
#nav_menu .x-ln-promo {
    display : block;
    margin  : 0;
}
/* first level cats */
.x-ln-title-cats {
    background-image : url(/v/vspfiles/templates/xdesign/images/x-ln-title-cats.png);
}
.x-ln-title-cats-1 {
    background-image : url(http://image.trsports.com.au/images/Website/Webiste/x-ln-title-cats1.png);
}
#nav_menu .nav_section ul li,
#nav_menu td.nav {
    margin     : 0 3px;
    padding    : 0;
    border-top : 1px dotted #CACACA;
}
#nav_menu .nav_section ul li.first,
#nav_menu td.first {
    border-top : 0 none;
}
#nav_menu td.nav img {
    display : none;
}
#nav_menu .nav_section ul li a,
#nav_menu td.nav a {
    background  : transparent url(/v/vspfiles/templates/xdesign/images/x-ln-lev1.png) 10px 11px no-repeat;
    line-height : 14px;
    font-weight : bold;
    display     : inline-block;
    margin      : 0;
    padding     : 7px 5px 7px 20px;
}
#nav_menu .nav_section ul li a:hover,
#nav_menu td.nav a:hover,
#nav_menu td.nav_selected a {
    color            : #EA6525;
    text-decoration  : none;
    background-image : url(/v/vspfiles/templates/xdesign/images/x-ln-lev1h.png);
}
/* second level cats */
#nav_menu .nav_section ul li ul li,
#nav_menu td.subnav {
    padding : 0 0 5px 20px;
    border  : 0 none;
}
#nav_menu .nav_section ul li ul li a,
#nav_menu td.subnav a {
    background  : transparent url(/v/vspfiles/templates/xdesign/images/x-ln-lev2.png) 0 5px no-repeat;
    font-size   : 11px;
    line-height : 13px;
    font-weight : normal;
    display     : block;
    margin      : 0;
    padding     : 2px 5px 2px 8px;
}
#nav_menu .nav_section ul li ul li a:hover,
#nav_menu td.subnav a:hover {
    color            : #EA6525;
    text-decoration  : none;
    background-image : url(/v/vspfiles/templates/xdesign/images/x-ln-lev2h.png);
}
/* Footer extended formatting
-------------------------------------------------- */
#x-foot {
    height     : 318px;
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-foot-1.png) 0 0 no-repeat;
    text-align : left;
}
#x-ft-col1 {
    position : absolute;
    left     : 10px;
    top      : 119px;
    width    : 386px;
    height   : 122px;
}
#x-ft-col2 {
    position : absolute;
    left     : 396px;
    top      : 119px;
    width    : 155px;
    height   : 122px;
}
#x-ft-col3 {
    position : absolute;
    left     : 551px;
    top      : 119px;
    width    : 212px;
    height   : 122px;
}
#x-ft-col4 {
    position : absolute;
    left     : 763px;
    top      : 119px;
    width    : 218px;
    height   : 122px;
}
#x-foot .x-ft-ins {
    padding : 10px 18px 0;
}
#x-foot p, #x-foot ul {
    margin  : 0;
    padding : 0 0 5px;
}
#x-foot ul.x-ft-cols {
    float : left;
}
#x-foot ul.x-ft-coll {
    margin-right : 16px;
}
#x-foot ul li {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ft-bull.png) 0 7px no-repeat;
    padding    : 0 0 0 8px;
}
#x-foot p, #x-foot ul li,
#x-foot a, #x-foot a:link,
#x-foot a:active,
#x-foot a:visited {
    color           : #555;
    text-decoration : none;
    font            : normal 11px/20px;
}
#x-foot a:hover {
    color           : #264087;
    text-decoration : none;
}
/* foot social links */
#x-ft-soci a {
    width   : 167px;
    height  : 26px;
    display : block;
    margin  : 0 0 10px;
}
#x-ft-soci a.x-ft-fb {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ft-soci-fb.png) 0 0 no-repeat;
}
#x-ft-soci a.x-ft-tw {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ft-soci-tw.png) 0 0 no-repeat;
}
#x-ft-soci a.x-ft-yt {
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ft-soci-yt.png) 0 0 no-repeat;
}
#x-ft-soci a:hover {
    background-position : 0 -26px;
}
/* foot mailing list */
#x-ft-news p {
    color         : #333;
    font-size     : 14px;
    margin-bottom : 5px;
}
#x-ft-nfir, #x-ft-nbox {
    width      : 150px;
    height     : 27px;
    background : transparent url(/v/vspfiles/templates/xdesign/images/x-ft-nbox.png) 0 0 no-repeat;
    border     : 0 none;
    margin     : 0;
    padding    : 0 10px;
    float      : left;
    font       : normal 11px/27px;
    color      : #999;
}
#x-ft-nfir {
    margin-right : 10px;
}
#x-ft-nbtn {
    width  : 135px;
    height : 39px;
    margin : 8px 0 0;
    float  : left;
}
/* foot bottom links & copyright */
#x-ft-copy {
    position   : absolute;
    left       : 18px;
    top        : 258px;
    width      : 953px;
    height     : 50px;
    text-align : center;
}
#x-ft-copy p {
    line-height : 20px;
}
#x-ft-copy p, #x-ft-copy a,
#x-ft-copy a:link,
#x-ft-copy a:active,
#x-ft-copy a:visited {
    color           : #555;
    text-decoration : none;
}
#x-ft-copy p a:hover {
    color           : #264087;
    text-decoration : none;
}
/* foot icons */
#x-ft-icon {
    position   : absolute;
    left       : 18px;
    top        : 14px;
    width      : 953px;
    height     : 64px;
    text-align : center;
}
#x-ft-icon img {
    display        : inline-block;
    margin         : 0 8px;
    vertical-align : middle;
}
/* ############################### ZAA STYLE ############################### */

@font-face {
    font-family : 'font128';
    src         : url('/v/vspfiles/templates/xdesign/fonts/font128.eot?#iefix') format('embedded-opentype'),
    url('/v/vspfiles/templates/xdesign/fonts/font128.woff') format('woff'),
    url('/v/vspfiles/templates/xdesign/fonts/font128.ttf') format('truetype'),
    url('/v/vspfiles/templates/xdesign/fonts/font128.svg#font128') format('svg');
    font-weight : normal;
    font-style  : normal;
}
img {
    display   : inline-block;
    max-width : 100%;
    height    : auto;
}
.videoBlock {
    width:100%;
    overflow : hidden;
}
.videoBlock .videoSingle {
    float: left;
    width:47%;
    margin-bottom: 10px;
}
#x-shop img {
    height : auto !important;
}
.x-tb-title-feat {
    background-image : url("/v/vspfiles/templates/xdesign/images/x-tb-title-feat-1.png") !important;
}
#content #content_area table {
    width : 100% !important;
}
#content_area #featuredProductBlockSeaction {
    background     : #fafafa none repeat scroll 0 0 !important;
    border: #ddd 1px solid;
    margin-bottom  : 35px !important;
    margin-top     : -4px !important;
    border-radius  : 5px;
    padding-bottom : 0 !important;
}
#content_area #featuredProductBlockSeaction table.v65-productDisplay {
    border        : medium none;
    border-radius : 0;
    margin-bottom : 0 !important;
    margin-top    : 0 !important;
    background    : none !important;
}
#content_area table tr td {
    padding : 0;
}
#featuredProductBlockSeaction .imageBlock a {
    border     : 1px solid #ddd;
    display    : block;
    margin     : 15px 10px;
}
#featuredProductBlockSeaction .imageBlock a img.x-featthumb,
#content_area #featuredProductBlockSeaction .imageBlock a img.x-featthumb,
#content_area #featuredProductBlockSeaction table img.x-featthumb {
    border-width : 0 !important;
}
#featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail {
    padding : 0 10px 15px;
}
#featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail > a {
    color          : #777 !important;
    display        : block;
    height         : 70px;
    margin-bottom  : 10px;
    overflow       : hidden;
    text-transform:uppercase;
    font-size: 0.875em;
}
#featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail div font {
    color     : #ff2206 !important;
    font-size : 12px;
}
#featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail div font font {
    display : none;
}
#featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail > div {
    overflow : hidden;
}
#featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail a.readMore {
    background     : #f37733 none repeat scroll 0 0;
    border         : 1px solid #d0540d;
    border-radius  : 3px;
    box-shadow     : 0 -6px 5px #d9601d inset, 0 0 5px #d9d9d9;
    color          : #fff;
    float          : right;
    font-size      : 11px;
    font-weight    : bold;
    padding        : 1px 5px;
    text-shadow    : 1px 1px #d0540d;
    text-transform : uppercase;
}
#featuredProductBlockSeaction .noImage {
    border-right : 1px dotted #b3b3b3;
}
#featuredProductBlockSeaction .borderBlock {
    border-bottom : 1px dotted #b3b3b3;
}
.headingBlock {
        float:left;
        width:100%;
   }
.content {
        float:left;
        width:100%;
        padding-bottom:30px;
        height:auto;
}
.extraContent {
    background    : #fafafa none repeat scroll 0 0;
    border : #ddd 1px solid;
    border-radius : 5px;
    padding       : 35px;
}
.extraContentBlock1 {
    border-bottom  : 1px dotted #d4d4d4;
    color          : #000000;
    font-size      : 12px;
    margin-bottom  : 15px;
    padding-bottom : 15px;
    text-align     : center;
}
.extraContentBlock1 img {
    margin : 0 10px 10px;
}
.extraContentBlock2 .p1 {
    color       : #2b529f;
    font-size   : 2em;
    padding     : 20px 0;
}
.extraContentBlock2 .p2 {
    color       : #444;
    font-size   : 1em;
    line-height: 20px;
    padding: 0;
}
.extraContentBlock3 {
    margin     : 30px 0;
    text-align : center;
}
.extraContentBlock3 p {
    color       : #000;
    font-size: 0.875em;
    text-align:left;
}
.extraContentBlock3 .extraVideo1,
.extraContentBlock3 .extraVideo2 {
    display : inline-block;
    margin  : 0 10px;
    width   : 350px;
}
.productListHead .v65-productDisplay-cell.v65-productName a {
    border: 1px solid #ddd;
    border-bottom:0px;
    color        : #777 !important;
    display      : block;
    height       : 60px;
    margin       : 10px 10px -14px;
    overflow     : hidden;
    padding      : 10px 10px 0;
}
.productListDetail .v65-productDisplay-cell.v65-productDetailInfo > div {
    border-color : #d4d4d4;
    border-style : solid;
    border-width : 0 1px;
    margin       : 0 10px;
    padding      : 20px 10px 10px;
}
.productListImage .v65-productDisplay-cell.v65-productPhoto a {
    border-color : #d4d4d4;
    border-style : solid;
    border-width : 0 1px 1px;
    display      : block;
    margin       : 0 10px 10px;
    padding      : 10px;
    font-size: 0.875em;
}
.productListHead .v65-productDisplay-cell.v65-productColumn-divider.v65-product-rowspan {
    display : none;
}
.productListDetail .v65-productDisplay-cell.v65-productDetailInfo > div .product_productprice font {
    display : none;
}
.productListDetail .v65-productDisplay-cell.v65-productDetailInfo > div .pricecolor.colors_productprice {
    color         : #ff2206 !important;
    display       : block;
    font-size     : 1.5em;
    margin-bottom : 5px;
    text-align: left;
}
.productListDetail .v65-productDisplay-cell.v65-productDetailInfo > div .smalltext.colors_text {
    display : none;
}
.productListDetail .v65-productDisplay-cell.v65-productDetailInfo > div td {
    display    : block;
    text-align : left;
    width      : 100%;
}
.rightProductBlock img,
.desBlock img {
    max-width : 890px;
}
.shoppingcart .noProduct,
.one-page-checkout .noProduct {
    height : 1px !important;
}
.v65-cart-details-row td.colors_lines {
    padding : 0 !important;
}
.v65-cart-details-row td {
    padding : 5px !important;
}
#tabMenu {
    display : none;
}
.title {
        width:100%;
        float:left;
        height:75px;
        padding:50px 0 20px 0;
    }
    .titleline {
        background: #16ace4;
        width:15px;
        height:75px;
        float:left;
    }
    .title_text {
        font-family: "Lato", Arial;
        font-weight:700;
        float:left;
        line-height:75px;
        padding:0 20px;
        color: #444;
        font-size:2.5em;
    }
    .subcategory_name {
       width:100%;
       line-height:20px;
    }
/* ############################### MEDIA QUERY ############################### */

@media (min-width : 1200px) {
    .wrapper {
        width : 1160px;
    }
    #x-head, #x-foot {
        width : 1170px;
    }
    #content {
        width : 1110px;
    }
    #x-hd-cart {
        left : 925px;
    }
    #x-hd-tnav {
        left : 615px;
    }
    #x-hd-srch {
        left : 873px;
    }
    #x-hd-call {
        left : 930px;
    }
    #x-hd-inst {
        left : 655px;
    }
    #x-hd-sale {
        left : 320px;
    }
    #x-ft-icon,
    #x-ft-copy {
        left    : 0;
        padding : 0 20px;
        right   : 0;
        width   : auto;
    }
    #x-ft-col1 {
        width : 466px;
    }
    #x-ft-col2 {
        left  : 479px;
        width : 192px;
    }
    #x-ft-col3 {
        left  : 675px;
        width : 248px;
    }
    #x-ft-col4 {
        left  : 926px;
        width : 233px;
    }
    #content #main_content {
        width : 100%;
    }
    #content #content_area {
        padding : 0 15px;
        width   : 900px;
    }
    #x-home,
    .x-tb-title,
    .x-tb-top,
    .x-tb-mid,
    .x-tb-btm,
    #x-shop,
    #x-hm-bann {
        width : auto !important;
    }
    #x-slider {
        width : 100% !important;
    }
    #x-shop {
        clear : left;
    }
    #x-shop img {
        width : 291px !important;
    }
}
@media (min-width : 992px) and (max-width : 1199px) {
    .wrapper {
        width : 960px;
    }
    #x-head {
        background : transparent url("/v/vspfiles/templates/xdesign/images/x-head.png") no-repeat scroll 0 0;
    }
    #content {
        background : transparent url("/v/vspfiles/templates/xdesign/images/x-content.png") repeat-y scroll center top;
    }
    #x-foot {
        background : transparent url("/v/vspfiles/templates/xdesign/images/x-foot.png") no-repeat scroll 0 0;
    }
    .videoBlock .videoSingle {
        margin-right : 10px !important;
        width        : 239px;
    }
    #content_area #featuredProductBlockSeaction .imageBlock a img.x-featthumb {
        bottom     : 0;
        left       : 0;
        margin     : auto;
        max-height : 95%;
        max-width  : 95%;
        position   : absolute;
        right      : 0;
        top        : 0;
        width      : auto !important;
    }
    #featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail div font {
        text-align : center;
    }
    #featuredProductBlockSeaction .imageBlock a {
        height   : 120px;
        position : relative;
        width    : 120px;
    }
    #featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail a.readMore {
        display    : block;
        float      : none;
        margin     : 5px 0 0;
        text-align : center;
    }
    .extraContentBlock3 .extraVideo1,
    .extraContentBlock3 .extraVideo2 {
        margin : 0;
    }
    #x-ft-icon img {
        margin : 0 4px;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
    .wrapper {
        width : 740px;
    }
    #x-head {
        background : transparent url("/v/vspfiles/templates/xdesign/images/x-head-2.png") no-repeat scroll 0 0;
    }
    #content {
        background : transparent url("/v/vspfiles/templates/xdesign/images/x-content-2.png") repeat-y scroll center top;
    }
    #x-foot {
        background : transparent url("/v/vspfiles/templates/xdesign/images/x-foot-2.png") no-repeat scroll 0 0;
    }
    #x-head, #x-foot {
        width : 766px;
    }
    #x-hd-cart {
        left  : auto;
        right : 15px;
    }
    #x-hd-tnav {
        left  : auto;
        right : 260px;
    }
    #x-hd-logo {
        height : auto;
        top    : 48px;
        width  : 215px;
    }
    #x-hd-call {
        left  : auto;
        right : 15px;
    }
    #x-hd-inst {
        left  : auto;
        right : 240px;
    }
    #x-hd-menu li a {
        font-size : 10px;
        padding   : 0 9px;
    }
    #x-hd-srch {
        left  : auto;
        right : 16px;
        width : 239px;
    }
    #x-hd-sbox {
        width : 187px;
    }
    #x-hd-sale {
        height : auto;
        top    : 171px;
        width  : 529px;
    }
    #x-ft-icon {
        left    : 0;
        padding : 0 15px;
        right   : 0;
        width   : auto;
    }
    #x-ft-icon > img:last-child {
        width : 92px;
    }
    #x-ft-icon > img {
        width : 57px;
    }
    #x-ft-col1 {
        width : 227px;
    }
    #x-foot .x-ft-ins {
        padding-top : 5px;
    }
    #x-ft-news p {
        font-size     : 12px;
        line-height   : 12px;
        margin-bottom : 0;
    }
    #x-ft-nbtn {
        margin-top : 0;
    }
    #x-ft-nfir {
        margin-bottom : 5px;
    }
    #x-ft-col2 {
        left  : 238px;
        width : 153px;
    }
    #x-ft-col3 {
        left  : 392px;
        width : 190px;
    }
    #x-ft-help.x-ft-ins {
        overflow      : hidden;
        padding-left  : 10px;
        padding-right : 10px;
    }
    #x-foot ul.x-ft-coll {
        margin-right : 15px;
    }
    #x-ft-col4 {
        left  : 583px;
        width : 170px;
    }
    #x-ft-soci a {
        background-size : 132px 40px !important;
        height          : 20px;
        width           : 132px;
    }
    #x-ft-soci a:hover {
        background-position : 0 -20px;
    }
    #x-ft-copy > p:first-child {
        margin : 0 auto;
        width  : 538px;
    }
    #x-ft-copy {
        height  : 50px;
        left    : 0;
        padding : 0 15px;
        right   : 0;
        top     : 247px;
        width   : auto;
    }
    td#nav_menu {
        display : none;
    }
    #content {
        padding : 5px 0 10px;
        width   : 766px;
    }
    .videoBlock .videoSingle {
        margin-right : 15px !important;
        width        : 235px !important;
    }
    .extraContentBlock3 .extraVideo1,
    .extraContentBlock3 .extraVideo2 {
        margin : 0;
    }
    #x-hd-menu {
        display : none;
    }
    #tabMenu {
        display : block;
    }
    #tabMenuList {
        display : none;
    }
    #tabMenuBtn {
        position : absolute;
        left     : 18px;
        top      : 130px;
        cursor   : pointer;
    }
    #tabMenuList {
        position   : absolute;
        top        : 177px;
        z-index    : 999;
        left       : 11px;
        display    : none;
        background : #0d56a5 none repeat scroll 0 0;
        border     : 1px solid #003f81;
        box-shadow : 0 -120px 45px #004287 inset, 0 2px 3px #afafaf;
        margin     : -20px 0 20px;
        padding    : 15px 0;
    }
    #tabMenuList ul {
        list-style : outside none none;
        margin     : 0;
        padding    : 0;
        text-align : left;
    }
    #tabMenuList ul li {
        padding : 0;
    }
    #tabMenuList ul li a {
        border-bottom  : 1px solid #4a5a6f;
        color          : #fff;
        display        : block;
        font           : 13px Arial, Tahoma, sans-serif;
        padding        : 7px 10px;
        text-shadow    : 1px 1px #021342;
        text-transform : uppercase;
    }
    #tabMenuList ul li a:hover {
        background      : #ed722e none repeat scroll 0 0;
        text-decoration : none;
        text-shadow     : 1px 1px #be4307;
    }
    #tabMenuList h6 {
        background     : #fff none repeat scroll 0 0;
        font           : bold 16px Arial, Tahoma, sans-serif;
        margin         : 20px 0 0;
        padding        : 10px;
        text-shadow    : 1px 1px #dedede;
        text-transform : uppercase;
    }
}
@media (min-width : 768px) {
    .hidden-xs {
        display : block;
    }
    .visible-xs {
        display : none !important;
    }
    .leftImageBlock {
        width : 35%;
    }
    .rigthProductBlock {
        width : 65%;
    }
}
@media (max-width : 767px) {
    .clearFix:before,
    .clearFix:after {
        display : table;
        content : " ";
    }
    .clearFix:after {
        clear : both;
    }
    .hidden-xs {
        display : none !important;
    }
    .visible-xs {
        display : block;
    }
    .wrapper {
        overflow-x : hidden;
    }
    #mobHead {
        background : #FFF;
        padding    : 15px 0;
        float:left;
        height:auto;
        width:100%;
    }
    #mobHead > a {
        display : inline-block;
        margin  : 9px 0;
    }
    .navBar {
        background : #0d56a5 none repeat scroll 0 0;
        border     : 1px solid #003f81;
        margin     : 0 0 20px;
        padding    : 5px 10px;
        position   : relative;
        height:40px;
    }
    #menuBtn {
        cursor : pointer;
        float  : left;
        margin : 2px 3px;
    }
    #menuList {
        display    : none;
        background : #777 none repeat scroll 0 0;
        border     : 1px solid #003f81;
        margin     : -20px 0 20px;
        padding    : 15px 0;
    }
    #menuList ul {
        list-style : outside none none;
        margin     : 0;
        padding    : 0;
        text-align : left;
    }
    #menuList ul li {
        padding:0;
        line-height:40px;
        font-size:1.25em;
    }
    #menuList ul li a {
        border-bottom  : 1px solid #999;
        color          : #fff;
        display        : block;
        padding        : 7px 10px;
        text-shadow    : 1px 1px #021342;
    }
    #menuList ul li a:hover {
        background      : #ed722e none repeat scroll 0 0;
        text-decoration : none;
        text-shadow     : 1px 1px #be4307;
    }
    #menuList h6 {
        background     : #fff none repeat scroll 0 0;
        font-weight        : 700;
        font-size: 1.25em;
        margin         : 20px 0 0;
        padding        : 10px;
        text-shadow    : 1px 1px #dedede;
    }
    #searchBtn {
        cursor : pointer;
    }
    #searchBlock {
        display  : none;
        position : absolute;
    }
    #searchBlock {
        background : #0d56a5 none repeat scroll 0 0;
        border     : 1px solid #003f81;
        display    : none;
        left       : -1px;
        padding    : 5px 10px;
        position   : absolute;
        right      : -1px;
        top        : 106%;
    }
    #searchBlock input[type="text"] {
        padding : 2px 10px;
        width   : 165px;
    }
    #searchBlock input[type="submit"] {
        background     : #f66013 none repeat scroll 0 0;
        border         : 1px solid #d65515;
        color          : #fff;
        padding        : 1px 10px;
        text-transform : uppercase;
    }
    #x-foot {
        background : rgba(0, 0, 0, 0) none repeat scroll 0 0;
        height     : auto;
        width      : 100%;
    }
    #x-ft-icon,
    #x-ft-col1,
    #x-ft-col2,
    #x-ft-col3,
    #x-ft-col4,
    #x-ft-copy {
        position : static;
    }
    #x-ft-icon {
        background    : #f5f5f5 none repeat scroll 0 0;
        border-bottom : 1px solid #fff;
        border-top    : 1px solid #d4d4d4;
        box-shadow    : 0 -2px 4px #ebebeb;
        height        : auto;
        padding       : 15px 10px;
        text-align    : center;
        width         : auto;
    }
    #x-ft-icon img {
        margin : 10px 8px;
    }
    #x-ft-col1,
    #x-ft-col2,
    #x-ft-col3,
    #x-ft-col4 {
        background : #f5f5f5 none repeat scroll 0 0;
        height     : auto;
        margin     : 0 auto;
        overflow   : hidden;
        padding    : 0;
        width      : 100%;
    }
    #x-foot h3 {
        background     : #0d56a4 none repeat scroll 0 0;
        border         : 1px solid #003f81 !important;
        border-radius  : 0;
        box-shadow     : 0 -5px 5px #004287 inset;
        color          : #fff;
        display        : block !important;
        font-size      : 16px;
        font-family    : "font128", Arial, sans-sraif;
        padding        : 5px 10px !important;
        text-shadow    : 1px 1px #003f81;
        text-transform : uppercase;
        text-align     : center;
    }
    #x-foot .x-ft-ins {
        margin   : 0 auto;
        overflow : hidden;
        padding  : 20px 10px !important;
        width    : 171px;
    }
    #x-ft-nfir {
        margin-bottom : 5px;
    }
    #x-ft-copy {
        background : #fff none repeat scroll 0 0;
        border-top : 1px dotted #bababa;
        box-shadow : 0 0 3px #d4d4d4 inset;
        height     : auto;
        overflow   : hidden;
        padding    : 15px 10px;
        text-align : center;
        width      : auto;
    }
    #x-ft-copy p:first-child {
        color       : transparent;
        font-size   : 0 !important;
        line-height : 0;
    }
    #x-ft-copy p:first-child a {
        display     : block;
        line-height : 16px;
    }
    td#nav_menu {
        display : none !important;
    }
    #content {
        padding : 5px 0 10px;
        width   : 100%;
    }
    #content #content_area {
        padding : 0;
        width   : auto !important;
    }
    .videoBlock .videoSingle,
    .videoBlock .videoSingle:last-child {
        float  : none !important;
        margin : 0 auto 10px !important;
        width  : 276px;
    }
    #x-shop img {
        float  : none !important;
        margin : 0 auto 10px !important;
        width  : 276px !important;
    }
    .headingBlock {
        border-radius : 0;
    }
    #content_area #featuredProductBlockSeaction {
        border-radius : 0;
    }
    #content_area table.v65-productDisplay tr td.imageBlock {
        width : 50%;
    }
    .extraContentBlock3 .extraVideo1,
    .extraContentBlock3 .extraVideo2 {
        margin : 0 0 10px;
        width  : 300px;
    }
    #featuredProductBlockSeaction .featuredProductBlock .featuredProductDetail > a {
        height : 52px !important;
    }
    .productListHead .v65-productDisplay-cell.v65-productName a {
        height : 70px;
        width  : auto !important;
    }
    #MainForm > table:nth-child(3) > tbody > tr > td > table:nth-child(1) > tbody > tr > td {
        display    : block;
        padding    : 5px 10px;
        text-align : left;
    }
    .leftImageBlock,
    .rightProductBlock {
        display : block;
        padding : 10px !important;
        width   : auto;
    }
    .desBlock > tbody > tr > td {
        padding : 10px !important;
    }
    .desBlock .colors_descriptionbox #ProductDetail_ProductDetails_div img {
        max-width : 100% !important;
        width     : auto !important;
    }
    .desBlock .colors_descriptionbox #ProductDetail_ProductDetails_div div {
        background-size : 100% auto;
        margin-left     : 0 !important;
        width           : auto !important;
    }
    .inst_frame {
        display : none;
    }
    /*-----*/
    #v65-cart-table-container,
    #v65-cart-table-container tr,
    #v65-cart-table-container td,
    #v65-cart-table-container tbody {
        width   : auto !important;
        display : block !important;
    }
    #cart-header, #v65-cart-table > tbody > tr:first-child,
    #cart-header, #v65-cart-table > tbody > tr:first-child td,
    #cart-header, #v65-cart-table > tbody > tr#cart-header {
        display : none !important;
    }
    .shoppingcart #content_area {
        padding : 15px 0;
    }
    #content_area > table {
        padding : 0 15px;
    }
    .v65-cart-details-row {
        display : block !important;
    }
    .v65-cart-details-row td {
        display        : block !important;
        padding        : 5px 15px;
        text-align     : left !important;
        vertical-align : middle;
    }
    .v65-cart-details-row td div,
    .v65-cart-details-row td center {
        text-align : left;
    }
    .v65-cart-details-text.v65-cart-details-cell.v65-cart-item-remove-cell {
        border-bottom : 1px dashed #000;
    }
    #v65-coupon-table-row #v65-cart-update-total-cell {
        overflow : visible;
    }
    #v65-cart-shipping-details div {
        text-align : left;
    }
    .v65-cart-tax-row td,
    .v65-cart-total-estimate-row td {
        display        : inline-block !important;
        vertical-align : middle !important;
        width          : auto !important;
    }
    .v65-cart-tax-row td.v65-cart-tax-parent-cell,
    .v65-cart-total-estimate-row td#v65-cart-total-estimate-parent-cell {
        padding-top : 12px;
    }
    #v65-cart-checkout-header-row {
        display : none !important;
    }
    .v65-cart-coupon-entry-lines,
    .v65-cart-coupon-entry-lines img {
        background : rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        display    : none !important;
    }
    #v65-cart-button-submit-row,
    #v65-cart-button-submit-row #v65-cart-button-submit,
    #v65-cart-button-submit-row #v65-cart-button-submit button#btnSubmitOrder,
    #v65-cart-button-submit-row #v65-cart-button-submit button#btnSubmitOrder span {
        font-size : 0 !important;
    }
    #v65-onepage-ordersummary-items {
        padding : 5px;
    }
    #v65-onepage-Detail td div {
        text-align : left;
    }
    .one-page-checkout #content_area {
        padding : 15px 0;
    }
    #v65-onepage-ContentTable {
        padding : 0 15px;
    }
    .v65-onepage-headerShort {
        margin : 25px 0 0;
    }
    #table_checkout_cart0 {
        margin : 0 15px;
        width  : auto !important;
    }
    #v65-onepage-ordercomments-input {
        width : 250px;
    }
    #v65-onepage-ordersummary-items td {
        display : inline-block !important;
        width   : 25% !important;
    }
    #table_checkout_cart2 {
        background : #eee none repeat scroll 0 0;
        padding    : 0 15px;
    }
    #TotalsDivContainer {
        float : none;
    }
    #v65-onepage-ShippingCostDetails {
        margin : 0;
    }
    #v65-onepage-ShippingCostDetails td {
        display : table-cell;
        width   : auto !important;
    }
    .v65-onepage-summary-spacer-row.v65-onepage-summary-total-line-row td {
        display : block !important;
        width   : 100%;
    }
    #v65-product-related {
        display : none !important;
    }
    .shoppingcart img[src$="heading_proceedcheckout_div.gif"] {
        display : none !important;
    }
    #v65-cart-checkout-row-guest-header.v65-cart-checkout-cell {
        display : none !important;
    }
    #v65-cart-checkout-table tr#v65-checkout-button-row td#v65-checkout-guest-cell {
        float : right;
    }
    #v65-cart-table .colors_lines {
        display : none !important;
    }
    .articles form {
        width: 100% !important;
    }
    .articles #div_articleid_257 form input[type="email"],
    .articles #div_articleid_257 form input[type="text"],
    .articles #div_articleid_257 form textarea {
        width: 90%;
    }
    .mob_cate, .mob_com {
        width:100%;
        height:auto;
        float:left;
    }
    .mob_header {
        width:100%;
        float:left;
        height:70px;
        background:#fafafa;
    }
    .mob_catelist {
        width:100%;
        font-size:1.5em;
        padding: 10px 5px;
        float:left;
        height:40px;
        border:1px dashed #aaa;
    }
    .mob_titleh {
        font-size:2em;
        line-height:70px;
        padding:0 10px;
        text-align:left;
    }
    .mob_titlec {
        font-size:1em;
        line-height:40px;
        padding:0px 10px;
        text-align:left;
    }
    .mob_plain {
        font-size:0.875em;
        line-height:25px;
        padding:0 10px;
        text-align:left;
    }
    .mob_video {
        width:100%;
        float:left;
    }
    
}
@media (max-width : 555px) {
    .one-page-checkout table {
        display  : block !important;
        overflow : scroll !important;
    }
    .one-page-checkout .mobSideBar {
        display: none;
    }
}
@media (max-width : 506px) {
    #product_description object {
        display : none !important;
    }
    .desBlock .colors_descriptionbox #ProductDetail_ProductDetails_div div ul li {
        overflow : hidden;
        width    : 242px;
    }
}