.ProceedToCheckout, .KeepShopping {
    display: inline-block;
    float: right;
    padding-left: 10px;
}

.product-rating-img {
display: inline-block;
}

/********************************************/
/*----------- FONTS -----------*/
/********************************************/
@font-face {
    font-family : 'RobotoRegular';
    src         : url('../Fonts/RobotoRegular.eot');
    src         : url('../Fonts/RobotoRegular.eot') format('embedded-opentype'),
    url('../Fonts/RobotoRegular.woff2') format('woff2'),
    url('../Fonts/RobotoRegular.woff') format('woff'),
    url('../Fonts/RobotoRegular.ttf') format('truetype'),
    url('../Fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family : 'RobotoCondensedRegular';
    src         : url('../Fonts/RobotoCondensedRegular.eot');
    src         : url('../Fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
    url('../Fonts/RobotoCondensedRegular.woff2') format('woff2'),
    url('../Fonts/RobotoCondensedRegular.woff') format('woff'),
    url('../Fonts/RobotoCondensedRegular.ttf') format('truetype'),
    url('../Fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}
@font-face {
    font-family : 'RobotoCondensedLight';
    src         : url('../Fonts/RobotoCondensedLight.eot');
    src         : url('../Fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
    url('../Fonts/RobotoCondensedLight.woff2') format('woff2'),
    url('../Fonts/RobotoCondensedLight.woff') format('woff'),
    url('../Fonts/RobotoCondensedLight.ttf') format('truetype'),
    url('../Fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}
@font-face {
    font-family : 'RobotoCondensed-Bold';
    src         : url('../Fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/RobotoCondensed-Bold.woff') format('woff'),
    url('../Fonts/RobotoCondensed-Bold.ttf') format('truetype'),
    url('../Fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight : normal;
    font-style  : normal;
}
@font-face {
    font-family : 'RobotoSlab-Regular';
    src         : url('../Fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/RobotoSlab-Regular.woff') format('woff'),
    url('../Fonts/RobotoSlab-Regular.ttf') format('truetype'),
    url('../Fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight : normal;
    font-style  : normal;
}
@font-face {
    font-family : 'RobotoSlab-Light';
    src         : url('../Fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/RobotoSlab-Light.woff') format('woff'),
    url('../Fonts/RobotoSlab-Light.ttf') format('truetype'),
    url('../Fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight : normal;
    font-style  : normal;
}
@font-face {
    font-family : 'RobotoSlab-Bold';
    src         : url('../Fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/RobotoSlab-Bold.woff') format('woff'),
    url('../Fonts/RobotoSlab-Bold.ttf') format('truetype'),
    url('../Fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight : normal;
    font-style  : normal;
}
/********************************************/
/*----------- GENERAL STYLING -----------*/
/********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, ul, li {
    border     : 0 none;
    list-style : none outside none;
    margin     : 0;
    outline    : medium none;
    padding    : 0;
}
img, a img {
    border : medium none;
}
.clear {
    overflow : visible !important;
}
.clear:before,
.clear:after {
    display : table;
    content : " ";
}
.clear:after {
    clear : both;
}
a {
    color              : #535353;
    text-decoration    : none;
    font-family        : "RobotoRegular", Arial, san-serif;
    -webkit-transition : color 0.5s ease-out;
    -moz-transition    : color 0.5s ease-out;
    -o-transition      : color 0.5s ease-out;
    -ms-transition     : color 0.5s ease-out;
    transition         : color 0.5s ease-out;
    -webkit-transition : background-color 0.5s ease;
    -moz-transition    : background-color 0.5s ease;
    -o-transition      : background-color 0.5s ease;
    -ms-transition     : background-color 0.5s ease;
    transition         : background-color 0.5s ease;
}
a:hover {
    text-decoration : none;
}
h1, h2, h3, h4, h5, h6 {
    color       : #404040;
    font-weight : normal;
    font-family : "RobotoRegular", Arial, san-serif;
}
h1, h2, h3, h4, h5, h6, p {
    padding-bottom : 10px;
}
h1 {
    font-size : 22px;
}
h2 {
    font-size : 19px;
}
h3 {
    font-size : 17px;
}
h4 {
    font-size : 15px;
}
h5 {
    font-size : 13px;
}
h6 {
    font-size : 15px;
}
p {
    line-height : 20px;
    color       : #3d3d3d;
    font-family : "RobotoRegular", Arial, san-serif;
    font-size   : 14px;
}
body {
    background  : url('../images/body-bg.jpg') repeat left top #FFFFFF;
    font-family : 'RobotoRegular', Arial, san-serif;
    color       : #242021;
}
img {
    display   : block;
    max-width : 100%;
    height    : auto;
}
.container,
.main .inner {
    padding   : 0 10px;
    margin    : 0 auto;
    max-width : 1200px;
}
.toggleBtn {
    float      : left;
    height     : 25px;
    margin-top : 6px;
}
.toggleBtn .icon-bar {
    background    : #2a3052 none repeat scroll 0 0;
    border-radius : 1px;
    display       : block;
    height        : 5px;
    width         : 35px;
}
.toggleBtn .icon-bar + .icon-bar {
    margin-top : 4px;
}
.toggleBtn button:focus,
.toggleBtn button:active,
.toggleBtn button:hover {
    cursor  : pointer;
    outline : none;
}
.toggleBtn button {
    background    : transparent none repeat scroll 0 0;
    border        : medium none;
    border-radius : 1px;
    padding       : 0;
}
input[type="submit"] {
    cursor : pointer;
}
.page {
    background : transparent;
}
/********************************************/
/*----------- HEADER -----------*/
/********************************************/
.TopMenu {
    background : #2a3052 none repeat scroll 0 0;
}
.TopMenu .leftTop {
    float : left;
}
.TopMenu .rightTop {
    float : right;
}
.TopMenu .leftTop span {
    color       : #00b1fd;
    font-family : "RobotoCondensed-Bold", Arial, sans-serif;
}
.TopMenu .leftTop i.fa {
    margin-right : 5px;
}
.TopMenu .leftTop {
    color          : #fff;
    float          : left;
    font-family    : "RobotoCondensedLight", Arial, sans-serif;
    font-size      : 16px;
    padding        : 10px 0;
    text-transform : uppercase;
}
.TopMenu .rightTop li {
    background : transparent url("../images/top-nav-border.jpg") repeat-y scroll left top;
    padding    : 10px 18px 10px 21px;
}
.TopMenu .rightTop li:last-child {
    background-image    : url("../images/top-nav-border.jpg"), url("../images/top-nav-border.jpg");
    background-position : left top, right top;
}
.TopMenu .rightTop li a {
    font-family : "RobotoCondensedLight", Arial, sans-serif;
    font-size   : 13px;
    color       : #FFF;
}
.TopMenu .rightTop li a:hover {
    color : #00b1fd;
}
.header {
    background : none;
    border     : none;
}
#Header {
    margin  : 0;
    padding : 10px 0;
}
#Header .logo {
    float : left;
}
#Header .searchBlock {
    float : left;
}
#Header .searchBlock {
    float  : left;
    margin : 22px 85px 0;
}
#SearchForm {
    background    : #fff none repeat scroll 0 0;
    border        : 3px solid #dfe0e5;
    border-radius : 20px;
    padding       : 3px 0;
    width         : 350px !important;
}
#SearchForm input[type="text"] {
    background  : transparent none repeat scroll 0 0;
    border      : medium none;
    color       : #888888;
    font-size   : 13px;
    height      : 25px;
    line-height : 25px;
    font-family : "RobotoRegular", Arial, sans-sraif;
}
#SearchForm input[type="submit"] {
    background : rgba(0, 0, 0, 0) url("../images/search-btn.png") no-repeat scroll 0 0;
    float      : right;
    height     : 19px;
    margin     : 3px 8px 0 0;
    width      : 19px;
}
#Header .promo {
    float  : left;
    margin : 15px 0 0;
}
#Header .cartBlock {
    float : right;
}
#Header .cartBlock {
    background : url('../images/cart-icon.png') no-repeat left top transparent;
    width      : 97px;
    height     : 80px;
    position   : relative;
}
.cartBlock a {
    display : block;
    height  : 80px;
    width   : 97px;
}
.cartBlock a span {
    color    : #fff;
    position : absolute;
    right    : 14px;
    top      : 27px;
}
/********************************************/
/*----------- NAVIGATION -----------*/
/********************************************/
.PageMenu {
    background    : url('../images/nav-bg.jpg') repeat left top #0099fc;
    border-bottom : 3px solid #2a3052;
}
.PageMenu .category-list {
    display : block;
}
.PageMenu .category-list li.parent {
    float   : left;
    margin  : 0;
    padding : 0;
}
.PageMenu .category-list li.parent:hover > a {
    background-color : #2a3052;
}
.PageMenu .category-list li.parent > a {
    background     : transparent url("../images/nav-border.jpg") repeat-y scroll left top;
    color          : #fefefe;
    display        : block;
    font-family    : "RobotoSlab-Regular", Arial, sans-serif;
    font-size      : 13px;
    padding        : 15px 39px;
    text-transform : uppercase;
}
.PageMenu .category-list li.parent:last-child > a {
    background-image    : url("../images/nav-border.jpg"), url("../images/nav-border.jpg");
    background-position : left top, right top;
}
.PageMenu .category-list li.parent ul::before {
    border : medium none !important;
}
.PageMenu .category-list li.parent:hover > ul,
.PageMenu .category-list li.parent li:hover ul {
    background   : #ffffff none repeat scroll 0 0;
    border-color : #2a3052 !important;
    border-style : solid !important;
    border-width : 3px 1px !important;
    display      : block;
    height       : auto !important;
    padding      : 25px 0;
    width        : 213px;
}
.PageMenu .category-list li.parent ul li,
.PageMenu .category-list li.parent li li {
    padding : 0;
}
.PageMenu .category-list li.parent ul a:hover,
.PageMenu .category-list li.parent li a:hover {
    background : #2a3052 none repeat scroll 0 0;
    color      : #fff;
}
.PageMenu .category-list li.parent ul a.hasSub::after,
.PageMenu .category-list li.parent li a.hasSub::after {
    content   : ">";
    font-size : 20px;
    position  : absolute;
    right     : 6px;
    top       : 2px;
}
.PageMenu .category-list li.parent ul a,
.PageMenu .category-list li.parent li a {
    background-image : none !important;
    color            : #2a3052;
    font-family      : "RobotoSlab-Regular", Arial, sans-serif;
    font-size        : 13px;
    line-height      : 13px;
    margin           : 1px 0;
    padding          : 5px 12px;
    position         : relative;
    text-transform   : capitalize;
}
/********************************************/
/*----------- SLIDER -----------*/
/********************************************/
.flex-control-nav.flex-control-paging {
    display : none;
}
/********************************************/
/*----------- BREADCRUMB -----------*/
/********************************************/
.Breadcrumb li a::after {
    color     : #9e1373;
    content   : "»";
    font-size : 19px;
    position  : absolute;
    right     : -1px;
    top       : -5px;
}
.Breadcrumb li a {
    background  : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color       : #2a3052;
    font-family : "RobotoSlab-Regular", Arial, sans-serif;
    font-size   : 13px;
    font-weight : normal;
    position    : relative;
}
.Breadcrumb li {
    color       : #00aafa;
    font-family : "RobotoSlab-Regular", Arial, sans-serif;
    font-size   : 13px;
}
.Breadcrumb li a:hover {
    text-decoration : underline;
}
/********************************************/
/*----------- CATEGORY -----------*/
/********************************************/
.catBlock {
    margin-bottom : 30px;
    text-align    : center;
}
.catBlock a {
    display : inline-block;
    margin  : 5px 10px;
}
.CategoryDescription img {
    border        : 1px solid #e5e5e5;
    margin-bottom : 15px;
}
.Left h3,
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    background     : #0099fc url("../images/nav-bg.jpg") repeat scroll left top;
    border-bottom  : 3px solid #2a3052;
    color          : #fff;
    font-family    : "RobotoSlab-Regular", Arial, sans-serif;
    font-size      : 18px;
    padding        : 5px 10px;
    text-transform : uppercase;
}
.Left ul {
    border-color  : #d8d8d8;
    border-style  : solid;
    border-width  : 0 1px 1px;
    margin-bottom : 0;
}
.Left ul li {
    margin  : 0 !important;
    padding : 0 !important;
}
.Left ul li a:hover {
    color : #26b7fd !important;
}
.Left ul li a {
    border-bottom : 1px solid #d8d8d8;
    color         : #2a3052 !important;
    display       : block;
    font-family   : "RobotoSlab-Regular", Arial, sans-serif;
    font-size     : 13px;
    padding       : 5px !important;
}
.Left li ul {
    border-width : 0 0 1px;
    border-style : solid;
    border-color : #d8d8d8;
    margin       : 0 !important;

}
.Left li ul li a {
    border  : medium none !important;
    margin  : 0;
    padding : 5px 5px 5px 20px !important;
}
.Left li ul ul li a {
    padding : 5px 5px 5px 45px !important;
}
.Left #SideCategoryList .BlockContent,
.Left .slist .BlockContent {
    padding : 0;
}
.Left #SideCategoryList {
    box-shadow    : 4px 3px 0 #e5e5e5;
    margin-bottom : 30px;
}
.product-nav .SortBox {
    float : left;
}
.product-nav .SortBox label,
.product-nav .SortBox #uniform-sort,
.CategoryDescription .SubCategoryList {
    color          : #2a3052;
    font-family    : "RobotoSlab-Regular", Arial, sans-serif;
    text-transform : capitalize;
}
#CategoryPagingTop, #CategoryPagingBottom {
    float : right !important;
}
.CategoryPagination .PagingList li {
    display : inline-block;
}
.CategoryPagination .PagingList li a {
    border      : 1px solid #b1b1b1;
    color       : #2a3052 !important;
    display     : block;
    font-family : "RobotoSlab-Regular", Arial, sans-serif;
    font-size   : 13px;
    line-height : 13px;
    padding     : 5px;
}
.CategoryPagination .PagingList li {
    margin  : 0 3px;
    padding : 0;
}
.CategoryPagination .PagingList li a:hover,
.CategoryPagination .PagingList li.ActivePage {
    background  : #2a3052 none repeat scroll 0 0;
    border      : 1px solid #b1b1b1;
    color       : #fff !important;
    font-size   : 13px;
    line-height : 13px;
    padding     : 5px;
}
.CategoryPagination > a {
    display : none;
}
#CategoryContent .ProductList li {
    margin : 0 10px 10px;
    width  : 215px !important;
}
/********************************************/
/*----------- PRODUCT -----------*/
/********************************************/
.ProductList {
    margin     : 0;
    text-align : center;
}
#home .ProductList li,
.productPage .ProductList li,
.ProductList li {
    background : #fff none repeat scroll 0 0;
    border     : 1px solid #d8d8d8;
    box-shadow : 4px 3px 0 #e5e5e5;
    margin     : 0 20px 8px;
    padding    : 0;
    text-align : center;
    width      : 250px !important;
}
.ProductList li .ProductImage {
    height : 200px !important;
    width  : 100%;
}
.ProductList li .ProductImage a {
    height : 100% !important;
    width  : 100% !important;
}
.ProductList li .ProductImage a img {
    bottom     : 0;
    left       : 0;
    margin     : auto;
    max-height : 90%;
    max-width  : 90%;
    position   : absolute;
    right      : 0;
    top        : 0;
}
.ProductList li .ProductDetails {
    height        : 53px;
    margin-bottom : 10px;
    overflow      : hidden;
    padding       : 10px 10px 0;
}
.ProductList li .ProductDetails a {
    color     : #000 !important;
    font-size : 15px;
}
.ProductList li .p-price {
    color       : #2a3052 !important;
    font-family : "RobotoCondensed-Bold", Arial, sans-serif;
    font-size   : 18px;
}
.ProductPriceRating {
    display : inline-block;
}
.ProductList li .ProductActionAdd .btn.icon-Add {
    background : transparent url("../images/add-cart-btn.png") no-repeat scroll left top;
    font-size  : 0;
}
.ProductList li .ProductActionAdd .btn.icon-AddRed {
    background : transparent url("../images/add-cart-btn-red.png") no-repeat scroll left top;
    font-size  : 0;
}
.ProductList li .ProductActionAdd .btn.icon-Out,
.ProductList li .ProductActionAdd .btn.TrackLink,
.ProductList li .ProductActionAdd .btn.icon-Choose {
    background  : transparent url("../images/option-btn.png") no-repeat scroll left top;
    color       : #fff;
    font-family : "RobotoCondensed-Bold", Arial, sans-serif;
    font-size   : 16px;
}
.ProductList li .ProductActionAdd .btn {
    background-color : transparent !important;
    height           : 43px;
    margin           : 10px 0 15px;
    padding          : 3px 0 0;
    width            : 180px;
    border           : none !important;
}
.ProductList .QuickView .QuickViewBtn {
    background-color : rgba(59, 156, 197, 0.7) !important;
    bottom           : 0 !important;
    box-shadow       : 0 0 5px #000;
    font-family      : "RobotoCondensed-Bold", Arial, sans-serif !important;
    font-size        : 18px !important;
    left             : 0 !important;
    letter-spacing   : 1px;
    padding          : 87px 0 !important;
    top              : 0 !important;
    width            : 100%;
}
.ProductMain .product-heading h1 {
    background    : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom : 2px solid #2a3052;
    color         : #2a3052 !important;
    font-family   : "RobotoCondensedRegular", Arial, sans-serif;
    font-size     : 23px;
    text-align    : left;
}
.ProductThumbImage {
    background    : #fff none repeat scroll 0 0;
    border        : 1px solid #e5e5e5;
    box-shadow    : 4px 3px 0 #e5e5e5;
    height        : 480px;
    margin-bottom : 30px;
    width         : 100%;
}
.ProductThumbImage img {
    bottom     : 0;
    left       : 0;
    margin     : auto;
    max-height : 99% !important;
    max-width  : 99% !important;
    position   : absolute;
    right      : 0;
    top        : 0;
}
#ProductDetails .ProductTinyImageList ul li {
    background : #fff none repeat scroll 0 0 !important;
    border     : 1px solid #e5e5e5 !important;
    height     : 89px !important;
    width      : 89px !important;
}
.ProductTinyImageList ul li div {
    height   : 89px !important;
    position : relative;
    width    : 89px !important;
}
.ProductTinyImageList ul li div img {
    bottom     : 0;
    left       : 0;
    margin     : auto;
    max-height : 99%;
    max-width  : 99%;
    padding    : 0 !important;
    position   : absolute !important;
    right      : 0;
    top        : 0;
}
.productAttributeLabel label .required {
    display : none !important;
}
.priceLable,
.productAttributeLabel label .name,
.productAttributeLabel label, .qty .Label {
    color          : #555555;
    display        : inline-block !important;
    font-family    : "RobotoCondensedRegular", Arial, sans-serif;
    font-size      : 18px !important;
    font-weight    : normal;
    text-transform : uppercase;
}
.qty .Value.AddCartButton,
.productAttributeValue {
    clear   : none !important;
    display : inline-block !important;
}
.ProductDetailsGrid .DetailRow,
.ProductDetailsGrid .s-price {
    margin-bottom : 10px;
}
.productOptionPickListSwatch .thumbnail,
.productOptionPickListSwatch .swatchColour {
    height : 18px !important;
    width  : 18px !important;
}
.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours {
    line-height : 18px !important;
}
.ProductAddToCart .addto {
    border : medium none;
}
.ProductAddToCart .addto .BulkDiscount {
    display : block;
}
.ProductAddToCart .addto .BulkDiscount .btn.add-to-cart.AddCartButton {
    background : transparent url("../images/add-cart-btn.png") no-repeat scroll left top;
    font-size  : 0;
    height     : 43px !important;
    margin     : 0;
    padding    : 3px 0 0;
    width      : 180px !important;
    border     : none !important;
}
.ProductAddToCart .addto .BulkDiscount .btn.add-to-cart.AddCartButtonRed {
    background : transparent url("../images/add-cart-btn-red.png") no-repeat scroll left top;
}
.PrimaryProductDetails .ProductPrice {
    color       : #2a3052;
    font-family : "RobotoCondensedRegular", Arial, sans-serif;
    font-size   : 20px;
}
.addto #SideProductAddToWishList input,
.AddToWishlistLink .wishlist-button {
    background   : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color : #555555 !important;
    border-style : solid;
    border-width : 0 0 1px !important;
    color        : #555;
    font-family  : "RobotoCondensedRegular", Arial, sans-serif;
    font-size    : 15px;
    height       : auto;
    line-height  : 15px !important;
    padding      : 0 0 6px;
    text-transform: uppercase;
    margin: 10px 0 0 30px;
}
.addto #SideProductAddToWishList input:hover,
.AddToWishlistLink .wishlist-button:hover {
    background   : rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-color : #00aafa !important;
    color        : #00aafa;
}
#ProductDescription h2 {
    background     : #0099fc url("../images/nav-bg.jpg") repeat scroll left top;
    border-bottom  : 3px solid #2a3052;
    color          : #fff;
    font-family    : "RobotoSlab-Regular", Arial, sans-serif;
    font-size      : 18px;
    margin-bottom  : 15px;
    padding        : 5px 15px;
    text-transform : uppercase;
}
#ProductDetails .prodAccordionContent h1,
#ProductDetails .prodAccordionContent h2,
#ProductDetails .prodAccordionContent h3 {
    background  : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-family : "RobotoCondensedRegular", Arial, sans-serif;
    font-size   : 20px;
    text-align  : left;
}
#ProductDetails .prodAccordionContent h2 {
    font-size : 18px;
}
#ProductDetails .prodAccordionContent h3 {
    font-size : 16px;
}
#ProductDetails p {
    color          : #333333;
    font-size      : 12px;
    line-height    : 17px;
    padding-bottom : 10px;
}
.btn,
.btn.alt {
    background     : #00aafa none repeat scroll 0 0;
    border-bottom  : 3px solid #2a3052 !important;
    font-family    : "RobotoCondensed-Bold", Arial, sans-serif;
    font-size      : 16px;
    text-transform : uppercase;
}
.btn.alt {
    background   : #2a3052 none repeat scroll 0 0;
    border-width : 0 0 3px !important;
    border-style : solid !important;
    border-color : #00aafa !important;
    color        : #FFF;
}
.btn:hover {
    background : #2a3052 none repeat scroll 0 0;
}
.btn.alt:hover {
    background : #00aafa none repeat scroll 0 0;
    color      : #FFF;
}
.fastCartBottom,
.CompareButtonContainer {
    display : none !important;
}
a.btn-red {
    background-color: #ff4046;
}

/********************************************/
/*----------- TABS -----------*/
/********************************************/
#tabs.ui-tabs {
    background : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border     : medium none !important;
    margin     : 25px 0;
    padding    : 0;
}
.ui-tabs .ui-tabs-panel {
    min-height : 340px;
}
#tabs ul.ui-tabs-nav {
    background    : rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border        : medium none;
    border-radius : 0;
    padding       : 0;
}
#tabs ul.ui-tabs-nav li {
    background    : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border        : medium none;
    border-radius : 0;
    margin        : 0;
}
#tabs ul.ui-tabs-nav li.ui-state-active a,
#tabs ul.ui-tabs-nav li a:hover {
    background   : #2a3052 none repeat scroll 0 0;
    border-color : #2a3052;
}
#tabs ul.ui-tabs-nav li:first-child a {
    border-width : 1px 1px 3px;
}
#tabs ul.ui-tabs-nav li a {
    background     : #0099fc url("../images/nav-bg.jpg") repeat scroll left top;
    border-color   : #0071a1 #0071a1 #2a3052;
    border-style   : solid;
    border-width   : 1px 1px 3px 0;
    color          : #fefefe;
    font-family    : "RobotoSlab-Regular", Arial, sans-serif;
    font-size      : 13px;
    font-weight    : normal;
    padding        : 12px 41px;
    text-transform : uppercase;
}
/********************************************/
/*----------- CART -----------*/
/********************************************/
.CartContents thead th {
    background     : #0099fc url("../images/nav-bg.jpg") repeat scroll left top;
    border-bottom  : 3px solid #2a3052;
    color          : #fff;
    font-family    : "RobotoSlab-Bold", Arial, sans-serif;
    font-size      : 16px;
    padding        : 5px 10px !important;
    text-transform : uppercase;
}
.CartContents > tbody > tr > td {
    border-bottom : 3px solid #2a3052 !important;
    padding       : 10px !important;
}
.CartContents tbody tr td.CartThumb img {
    max-width : 60px;
}
.CartContents tbody tr td.ProductName a {
    font-family : "RobotoSlab-Light", Arial, sans-serif;
    font-size   : 15px;
}
.CartContents tbody tr td.ProductName a.CustomizeItemLink {
    font-size : 13px;
}
.CartContents tbody tr td.ProductName table {
    margin : 0;
}
.CartContents tbody tr td.ProductName table td {
    border      : medium none;
    font-family : "RobotoSlab-Regular", Arial, sans-serif;
}
.CartItemTotalPrice em {
    font-style  : normal;
    font-weight : bold;
}
.CartContents tfoot .SubTotal td {
    border      : medium none !important;
    font-family : "RobotoSlab-Regular", Arial, sans-serif;
}
.CartContents tfoot .SubTotal td div {
    padding : 10px 0;
}
.CartContents tfoot .SubTotal td div em {
    display       : inline-block;
    font-style    : normal;
    padding-right : 8px;
}
.CartCode > .CouponCode,
.CartCode > .GiftCertificate {
    /* margin : 0 5px; */
    float: right;
    width  : 48%;
}
.CartCode > .GiftCertificate {
    display: none;
}
.CouponCode h3, .GiftCertificate h3 {
    background     : #0099fc url("../images/nav-bg.jpg") repeat scroll left top;
    border-bottom  : 3px solid #2a3052;
    color          : #fff;
    font-family    : "RobotoSlab-Bold", Arial, sans-serif;
    padding        : 5px 10px;
    text-transform : uppercase;
}

.CouponCode h3, .GiftCertificate h3 {
    border-bottom: 0px;
    background: none;
    color: black;
}

.CartCode .CouponCode form,
.CartCode .GiftCertificate form {
    background   : #fff none repeat scroll 0 0;
    border-color : #b1b1b1;
    border-style : solid;
    border-width : 0 1px 1px;
    overflow     : hidden;
    padding      : 15px;
}

.CartCode .CouponCode form,
.CartCode .GiftCertificate form {
border-width: 0px;
}

.CartCode .CouponCode .CouponCode,
.CartCode .GiftCertificate .GiftCertificateCode {
    height : 130px;
    width  : 100%;
}
.CartCode .CouponCode .CouponCode input[type="text"],
.CartCode .GiftCertificate .GiftCertificateCode input[type="text"] {
    display       : block;
    margin-bottom : 5px;
    width         : 230px !important;
}
.CartCode .CouponCode .CouponCode input[type="text"],
.CartCode .GiftCertificate .GiftCertificateCode input[type="text"] {
float: left;
}
.CartCode .CouponCode .CouponCode input[type="submit"],
.CartCode .GiftCertificate .GiftCertificateCode input[type="submit"] {
    padding : 0 35px;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display : none;
}
/********************************************/
/*----------- FEATURE -----------*/
/********************************************/
.main h1,
#ProductReviews h2.subtitle,
#SideProductRelated h2 {
    background     : transparent url("../images/heading-border.png") no-repeat scroll center bottom;
    color          : #00b1fd;
    font-family    : "RobotoSlab-Light", Arial, sans-serif;
    font-size      : 30px;
    margin-bottom  : 20px;
    text-align     : center;
    text-transform : uppercase;
    border         : none;
}
.main h1 span,
#ProductReviews h2.subtitle span,
#SideProductRelated h2 span {
    color : #000000;
}
/********************************************/
/*----------- CONTENT -----------*/
/********************************************/
.Block.BlockContent.banner_home_page_top {
    border-bottom  : 1px solid #d8d8d8;
    margin-bottom  : 33px;
    padding-bottom : 20px;
    margin-top     : 30px;
}
.Block.banner_home_page_top p {
    color          : #2a3052;
    font-size      : 14px;
    padding-bottom : 15px;
}
/********************************************/
/*----------- FOOTER -----------*/
/********************************************/
.promoBlock {
    padding    : 20px 0;
    text-align : center;
}
.promoBlock img {
    display : inline-block;
    margin  : 0 12px;
}
#SideNewsletterBox {
    background : #3b9cc5 none repeat scroll 0 0;
    border     : medium none;
    padding    : 20px 0;
}
#SideNewsletterBox h4 {
    float          : left;
    font-family    : "RobotoCondensed-Bold", Arial, sans-serif;
    font-size      : 35px;
    text-transform : capitalize;
}
#SideNewsletterBox h4 span {
    color       : #2a3052;
    font-family : "RobotoCondensedLight", Arial, sans-serif;
}
#SideNewsletterBox .subscribe_form {
    float : right;
}
#SideNewsletterBox form#subscribe_form input[type="text"],
#SideNewsletterBox form#subscribe_form input[type="email"] {
    background    : #fff none repeat scroll 0 0;
    border        : 3px solid #388cb4;
    border-radius : 18px;
    color         : #888888;
    float         : left;
    font-size     : 13px;
    margin        : 0 15px;
    width         : 340px;
}
#SideNewsletterBox form#subscribe_form input[type="submit"] {
    background     : transparent url("../images/submit-btn.png") no-repeat scroll left top;
    border         : medium none !important;
    color          : #fff;
    float          : right;
    font-family    : "RobotoCondensed-Bold", Arial, sans-serif;
    font-size      : 16px;
    height         : 43px;
    margin-top     : -4px;
    text-transform : uppercase;
    width          : 100px;
}
.footer {
    background : url('../images/footer-bg.jpg') repeat left top #2a3052;
}
.footerTop {
    padding : 30px 0;
}
.footerTop h3 {
    border-bottom  : 2px solid #151a37;
    color          : #fff;
    font-family    : "RobotoSlab-Light", Arial, sans-serif;
    font-size      : 20px;
    margin         : 0 0 15px;
    padding        : 0 0 10px;
    text-transform : uppercase;
}
.footerBottom {
    background : url('../images/footer-border.jpg') repeat-x left top transparent;
    padding    : 30px 0;
}
.footerTop .ftBlock {
    float    : left;
    overflow : hidden;
}
.footerTop .ftBlock1 {
    width : 260px;
}
.footerTop .ftBlock2 {
    padding : 0 35px;
    width   : 260px;
}
.footerTop .ftBlock3 {
    padding-right : 35px;
    width         : 265px;
}
.footerTop .ftBlock4 {
    width : 280px;
}
.footerTop .ftBlock ul li {
    color       : #fff;
    font-family : "RobotoRegular", Arial, san-serif;
    font-size   : 13px;
    margin      : 5px 0;
}
.footerTop .ftBlock ul li a {
    color          : #fff;
    font-size      : 13px;
    text-transform : capitalize !important;
}
.footerTop .ftBlock ul li a:hover {
    color : #C4C4C4;
}
.footerTop #SideCategoryList .category-list li:first-child {
    display : none;
}
.footerTop .ftBlock i.fa.fa-map-marker {
    margin-top : 3px;
}
.footerTop .ftBlock i.fa {
    color        : #00b1fd;
    float        : left;
    font-size    : 18px;
    margin-right : 10px;
    margin-top   : 1px;
    width        : 20px;
}
.footerTop .ftBlock4 span,
.footerTop .ftBlock4 a {
    color       : #fff;
    float       : left;
    font-family : "RobotoRegular", Arial, san-serif;
    font-size   : 13px;
    line-height : 18px;
    width       : 235px;
}
.footerTop .ftBlock div {
    margin : 0 0 15px;
}
.footerTop .ftBlock .socialBlock {
    margin-top : 30px;
}
.footerTop .ftBlock .socialBlock a {
    display      : inline-block;
    float        : none;
    margin-right : 15px;
    text-align   : center;
    width        : auto;
}
.footerTop .ftBlock .socialBlock a i.fa {
    color     : #fff;
    display   : block;
    float     : none;
    font-size : 28px;
    margin    : 0;
    width     : auto;
}
.footerTop .ftBlock .socialBlock a:hover i.fa {
    color : #00b1fd;
}
.footerBottom {
    background : transparent url("../images/footer-border.jpg") repeat-x scroll left top;
    color      : #9398b2;
    font-size  : 13px;
    padding    : 15px 0;
    text-align : center;
}
.footerBottom a {
    border-bottom : 1px solid;
    color         : #9398b2;
}
.footerBottom a:hover {
    border-color : #fff;
}
/********************************************/
/*----------- MEDIA QUERY -----------*/
/********************************************/

@media (min-width : 1200px) {
    .container,
    .main .inner {
        width : 1170px;
    }
}
@media (min-width : 992px) and (max-width : 1199px) {
    .container,
    .main .inner {
        width : 960px;
    }
    #Header .searchBlock {
        margin : 22px 35px 0;
    }
    #SearchForm {
        width : 300px !important;
    }
    .PageMenu .category-list li.parent > a {
        padding : 15px 26px;
    }
    .catBlock a {
        width : 216px;
    }
    #home .ProductList li,
    .productPage .ProductList li,
    .ProductList li {
        margin : 0 10px 8px;
        width  : 220px !important;
    }
    .promoBlock img {
        width : 290px;
    }
    #SideNewsletterBox form#subscribe_form input[type="text"],
    #SideNewsletterBox form#subscribe_form input[type="email"] {
        width : 255px;
    }
    .footerTop .ftBlock1,
    .footerTop .ftBlock2,
    .footerTop .ftBlock3 {
        width : 220px !important;
    }
    .footerTop .ftBlock2 {
        padding : 0 25px;
    }
    .footerTop .ftBlock3 {
        padding-right : 25px;
    }
    .footerTop .ftBlock4 {
        width : 225px;
    }
    .footerTop .ftBlock4 span,
    .footerTop .ftBlock4 a {
        width : 190px;
    }
    .ProductThumbImage {
        height : 350px;
    }
    #tabs ul.ui-tabs-nav li a {
        padding : 12px 15px;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
    .container,
    .main .inner {
        width : 738px;
    }
    #Header .logo {
        width : 200px;
    }
    #Header .searchBlock {
        margin : 22px 20px 0;
    }
    #SearchForm {
        width : 210px !important;
    }
    #Header .promo {
        width : 175px;
    }
    #Header .cartBlock {
        background-size : 100% auto;
        height          : 71px;
        width           : 85px;
    }
    .cartBlock a {
        right : 12px;
        top   : 22px;
    }
    .PageMenu .category-list li.parent > a {
        font-size : 12px;
        padding   : 13px 14px;
    }
    .PageMenu .category-list li.parent:hover > ul,
    .PageMenu .category-list li.parent li:hover ul {
        width : 175px;
    }
    #home .ProductList li,
    .productPage .ProductList li,
    .ProductList li {
        width : 250px !important;
    }
    .promoBlock img {
        width : 218px;
    }
    #SideNewsletterBox h4 {
        float         : none;
        margin-bottom : 10px;
        text-align    : center;
    }
    #SideNewsletterBox .subscribe_form {
        float    : none;
        margin   : 0 auto;
        overflow : hidden;
        width    : 350px;
    }
    #SideNewsletterBox form#subscribe_form input[type="text"],
    #SideNewsletterBox form#subscribe_form input[type="email"] {
        margin : 0 0 5px;
        width  : 100%;
    }
    #SideNewsletterBox form#subscribe_form input[type="submit"] {
        float  : none;
        margin : 0;
    }
    .footerTop .ftBlock {
        margin  : 0 15px 20px;
        padding : 0;
        width   : 45% !important;
    }
    .ProductThumbImage {
        height : 345px;
    }
    #SideProductRelated .ProductList li {
        width : 215px !important;
    }
    #SideProductRelated .ProductList li .ProductDetails {
        height : 70px;
    }
    .CartCode .CouponCode .CouponCode,
    .CartCode .GiftCertificate .GiftCertificateCode {
        height : 150px;
    }
    #tabs ul.ui-tabs-nav li a {
        font-size : 10px;
        padding   : 12px 5px;
    }
}
@media (min-width : 768px) {
    .hidden-xs {
        display : block;
    }
    .visible-xs {
        display : none;
    }
}
@media (max-width : 767px) {
    .container,
    .main .inner {
        padding : 0 15px;
    }
    .hidden-xs {
        display : none;
    }
    .visible-xs {
        display : block;
    }
    .header {
        margin-bottom : 0;
        padding-top   : 0;
    }
    .TopMenu {
        display : none !important;
    }
    .mobTopMenu {
        background : #2a3052 none repeat scroll 0 0;
        padding    : 0 0 7px;
    }
    .mobTopMenu ul {
        text-align : center;
    }
    .mobTopMenu ul li {
        display : inline-block;
        margin  : 0 10px;
    }
    .mobTopMenu li a:hover {
        color : #00b1fd;
    }
    .mobTopMenu li a {
        color       : #fff;
        font-family : "RobotoCondensedLight", Arial, sans-serif;
        font-size   : 13px;
    }
    #Header {
        position : static;
    }
    #Header .logo {
        float         : none;
        margin-bottom : 16px;
        text-align    : center;
    }
    #Header .logo img {
        margin : 0 auto;
    }
    #Header .searchBlock {
        float    : none;
        margin   : 0;
        overflow : hidden;
    }
    #SearchForm {
        margin-bottom : 15px;
        width         : 282px !important;
    }
    .phoneBlock {
        color       : #333333;
        font-family : "RobotoCondensedLight", Arial, sans-serif;
        font-size   : 16px;
        text-align  : center;
    }
    .phoneBlock i.fa {
        margin-right : 5px;
    }
    .phoneBlock span {
        color       : #00b1fd;
        font-family : "RobotoCondensed-Bold", Arial, sans-serif;
    }
    #Header .promo {
        float      : none;
        margin     : 10px auto;
        text-align : center;
    }
    #Header .promo img {
        margin : 0 auto;
    }
    #Header .cartBlock {
        display : none;
    }
    .PageMenu {
        margin  : 0;
        padding : 5px 0;
        display : block !important;
    }
    .mobCartBlock {
        float : right;
    }
    .mobCartBlock img {
        margin : 4px 10px 0 0;
    }
    .mobCartBlock img, .mobCartBlock a {
        float : left;
    }
    .mobCartBlock a {
        background    : #2a3052 none repeat scroll 0 0;
        border-radius : 50%;
        color         : #fff;
        font-family   : "RobotoCondensed-Bold", Arial, sans-serif;
        font-size     : 18px;
        padding       : 5px 0;
        text-align    : center;
        width         : 36px;
    }
    .PageMenu #mainNav {
        display : none;
    }
    #mainNav {
        background    : #0099fc url("../images/nav-bg.jpg") repeat scroll left top;
        border-bottom : 3px solid #2a3052;
        left          : 0;
        position      : absolute;
        right         : 0;
        top           : 106%;
        z-index       : 99;
    }
    #mainNav .category-list li {
        border-bottom : 1px solid #2a3052;
        display       : block;
        float         : none;
    }
    #mainNav .category-list li a {
        background-image : none !important;
        padding          : 15px 20px;
    }
    #mainNav .category-list li ul {
        display : none !important;
    }
    #home .main .container {
        padding : 0;
    }
    .main h1 {
        font-size : 25px;
    }
    #HomeSlideShow {
        display : block !important;
    }
    .Block.banner_home_page_top {
        display : none !important;
    }
    .catBlock {
        padding : 0 10px;
    }
    .catBlock a {
        display : block;
        margin  : 0 auto 20px;
        width   : 265px;
    }
    .ProductList {
        padding : 0 10px;
    }
    .ProductList .QuickView .QuickViewBtn {
        display : none !important;
    }
    #home .ProductList li,
    .productPage .ProductList li,
    .ProductList li {
        display : block;
        margin  : 0 auto 30px;
    }
    #home .ProductList li .ProductActionAdd,
    .productPage .ProductList li .ProductActionAdd,
    .ProductList li .ProductActionAdd {
        display : inline-block !important;
    }
    .ProductList li .ProductActionAdd .btn.icon-Out,
    .ProductList li .ProductActionAdd .btn.icon-Choose {
        line-height : 34px !important;
    }
    .promoBlock .container {
        padding : 0;
    }
    .promoBlock .container img {
        display : block;
        margin  : 0 auto 10px;
    }
    #SideNewsletterBox h4 {
        float         : none;
        margin-bottom : 10px;
        text-align    : center;
    }
    #SideNewsletterBox .subscribe_form {
        float    : none;
        margin   : 0 auto;
        overflow : hidden;
        width    : 300px;
    }
    #SideNewsletterBox form#subscribe_form input[type="text"],
    #SideNewsletterBox form#subscribe_form input[type="email"] {
        font-size   : 13px !important;
        height      : auto !important;
        line-height : 34px !important;
        margin      : 0 0 5px;
        width       : 100%;
    }
    #SideNewsletterBox form#subscribe_form input[type="submit"] {
        float       : none;
        margin      : 0 auto;
        line-height : 16px !important;
    }
    .Breadcrumb {
        margin-top : 15px;
    }
    #CategoryContent .ProductList li {
        margin : 0 auto 30px;
        width  : 250px !important;
    }
    .inner #CategoryPagingTop,
    .inner #CategoryPagingBottom {
        padding-left : 10px;
    }
    .footerTop h3 {
        text-align : center;
    }
    .footerTop .ftBlock {
        display : block;
        float   : none;
        margin  : 0 auto 15px;
        padding : 0;
        width   : 270px !important;
    }
    .footerTop .ftBlock4 span,
    .footerTop .ftBlock4 a {
        text-align : left;
    }
    .footerTop .ftBlock .socialBlock {
        text-align : center;
    }
    .productPage .Left.fleft {
        display : none;
    }
    .ProductThumbImage {
        height : 293px !important;
        margin : 30px auto;
        width  : 293px !important;
    }
    .ProductTinyImageList {
        float : none !important;
        width : 100%;
    }
    .ProductTinyImageList ul {
        text-align : center !important;
    }
    .CartCode > .CouponCode,
    .CartCode > .GiftCertificate {
        display : block;
        float   : none;
        margin  : 0 10px 15px;
        width   : auto;
    }

.CartCode > .GiftCertificate {
    display: none;
}

    .CartCode .CouponCode .CouponCode,
    .CartCode .GiftCertificate .GiftCertificateCode {
        height : auto;
    }
    .btn, .btn.alt {
        height      : auto !important;
        line-height : 31px;
        width       : auto !important;
    }
    .CartContents > tbody > tr > td {
        border     : medium none !important;
        display    : block !important;
        margin     : 0 !important;
        text-align : left;
        width      : 100% !important;
    }
    .CartRemoveLink {
        display : block;
        float   : none;
    }
    .CartContents > tbody > tr > td:last-child {
        border-bottom : 3px solid #2a3052 !important;
    }
    .CartContents tfoot .SubTotal td div em {
        padding-left : 10px;
    }
    #tabs ul.ui-tabs-nav li {
        display  : block;
        float    : none !important;
        overflow : hidden !important;
    }
    #tabs ul.ui-tabs-nav li a {
        display    : block;
        float      : none;
        padding    : 5px 20px;
        text-align : center;
    }
    /*    .PageMenu {
            position: static;
        }
        body.moveBody {
            margin-left: 250px;
        }
        #mainNav.expand {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 250px;
        }*/
    #mainNav.expand {
        display : block;
    }
    #mainNav ul li.hasSubChild > .plus {
        background : #FFF none repeat scroll 0 0;
        border     : 1px solid #2A3052;
        cursor     : pointer;
        padding    : 4px 0 3px;
        position   : absolute;
        right      : 0;
        text-align : center;
        top        : 0;
        width      : 40px;
        z-index    : 9999;
    }
    #mainNav ul li.hasSubChild .openCat {
        display    : block !important;
        visibility : visible !important;
    }
    #mainNav ul li.hasSubChild > .plus.openMenu {
        background  : #2A3052 none repeat scroll 0 0;
        color       : #FFF;
        font-size   : 0;
        line-height : 20px;
    }
    #mainNav ul li.hasSubChild > .plus.openMenu::before {
        bottom    : 0;
        content   : "-";
        font-size : 20px;
        left      : 0;
        margin    : auto;
        position  : absolute;
        right     : 0;
        top       : 2px;
    }
    #mainNav .category-list li.parent:hover > ul,
    #mainNav .category-list li.parent ul.openCat,
    #mainNav .category-list li.parent li ul.openCat,
    #mainNav .category-list li.parent li:hover ul {
        position     : static;
        background   : #ffffff none repeat scroll 0 0;
        border-color : #2a3052 !important;
        border-style : solid !important;
        border-width : 3px 1px !important;
        display      : block;
        height       : auto !important;
        width        : 100%;
        padding      : 0;
    }
    #mainNav .category-list li ul {
        display : none !important;
    }
}