@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);

.Center {
    max-width: 1400px;
    width: calc(100% - 10px);
    margin: 0 auto;
    padding: 0 5px;
    text-align: center;
}

.ShellMainContent .Center {
    text-align: left;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: "Raleway", sans-serif;
    line-height: 1.7;
    font-size: 16px;
    overflow-x: hidden;
}

p {
    margin: 0 0 2% 0;
}

.ShellMainContent {
    min-height: 300px;
    display: table;
    padding: 25px 0;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    position: relative;
}

.PgContent {
    padding: 3% 15%;
    min-height: 350px;
    border-bottom: #F00 thin solid;
}

.PgContentImage {
    max-width: 400px;
    float: left;
    margin: 10px 0;
}

.PgContent img {
    width: 100%;
}

.PgContentTetx {
    padding: 0 10px;
    display: table;
}

.RogueBlogIcon {
    display: none;
}


@media only screen and (max-width : 1200px) {
    .PgContentImage {
        max-width: 300px;
    }
}

@media only screen and (max-width : 800px) {
    .PgContentTetx {
        clear: both;
    }

    .PgContent {
        padding: 3% 5%;
    }
}

.ShowCA2, .ShowUS, .ShowCA,
.ShowFromCA2, .ShowFromUS, .ShowFromCA {
    display: none;
}

.B1R .ShowCA, .B2R .ShowUS, .B3R .ShowCA2,
.FromB1R .ShowFromCA, .FromB2R .ShowFromUS, .FromB3R .ShowFromCA2 {
    display: inline; /*FOR IE*/
    display: initial;
}

.B1R div.ShowCA, .B2R div.ShowUS, .B3R div.ShowCA2,
.FromB1R div.ShowFromCA, .FromB2R div.ShowFromUS, .FromB3R div.ShowFromCA2 {
    display: block; /*FOR IE*/
    display: initial;
}

.ShellMiniCart {
    position: absolute;
    max-width: 200px;
    right: 10px;
    z-index: 10;
    background: white;
}

    .ShellMiniCart a {
        color: black;
    }

input#ctl00_ThisIsJustADummyDivToMakeDefaultButtonsWorkInHTMLButton {
    display: none;
}
/*****img 100%*****/
.Logo img, .FooterFlag img, .Flag img, .FooterLogo img, .HiddenIcon img, .NewsImeg img, .Catalog img {
    width: 100%;
}
/*********Header***********/
header {
    background: #000;
    color: #FFF;
}


    header a:link, header a:visited {
        color: #FFF;
        text-decoration: none;
    }

    header a:hover, footer a:hover {
        text-decoration: underline;
    }

.HeaderTop {
    width: 100%;
    background-color: #1d1d1d;
    padding: 10px 0px;
    height: 40px;
}

    .HeaderTop .Center {
        position: relative;
    }

.Welcome {
    height: 20px;
    float: left;
    position: relative;
}

.HeaderTopNav {
    max-width: 43%;
    height: 15px;
    float: left;
    right: 0;
    position: absolute;
    margin-right: 10px;
}

    .HeaderTopNav nav ul {
        min-width: 250px;
        float: left;
        margin-top: 0px;
    }

    .HeaderTopNav a:link, .HeaderTopNav a:visited {
        color: #a1a1a1;
    }

    .HeaderTopNav ul li {
        float: left;
        list-style-type: none;
    }

li.Spicer {
    width: 1px;
    background-color: #a1a1a1;
    height: 23px;
    padding: 0;
    margin: 0px 10px;
}

.Logo {
    float: left;
    max-width: 360px;
}

.Welcome ul {
    float: left;
    margin-top: 0px;
}

    .Welcome ul li {
        float: left;
        margin: 0 5px;
        font-size: 12px;
        text-transform: uppercase;
        color: #a1a1a1;
        list-style-type: none;
    }

.HeaderContent {
    min-height: 50px;
    width: 100%;
}

.Flag {
    max-width: 50px;
    margin: 0 auto;
    padding: 5px;
}

.Table-cell {
    display: inline-block;
    vertical-align: top;
}

.ShellHeader .Table-cell {
    height: 95px;
}
.ShellHeader .Flags, .ShellHeader .Flags a{
    font-size:14px;
} .SiteLink {
    float: left;
    max-width: 210px;
    padding: 0 10px 10px;
    position: relative;
    text-align: center;
    top: -10px;
}

.HeaderShoppingCart {
    color: #FFF;
    max-width: 300px;
    text-align: center;
    float: left;
    padding: 13px;
}

.CartIcon {
    width: 60px;
    float: left;
    padding: 5px;
    margin-top: -3px;
}

    .CartIcon img {
        width: 100%;
    }

.CartText {
    float: right;
    margin-top:15px;
}

ul.topnav li {
    float: left;
    padding: 5px;
}

.HeaderNav {
    clear: both;
    background-color: #A80218;
    height: 45px;
}

    .HeaderNav .Center {
        padding-left: 15%;
    }

    .HeaderNav nav ul li {
        display: inline-block;
        transition: background 0.2s;
        transform: skew(-45deg); /* SKEW */
        background: #F00;
        margin-left: 1px !important;
        padding: 0 1.5% !important;
    }

        .HeaderNav nav ul li a {
            display: block;
            text-decoration: none;
            padding: 5px 10px;
            transform: skew(45deg); /* INVERSE SKEW */
            font: 700 14px/35px "Raleway", sans-serif;
        }

    .HeaderNav nav li:hover {
        background: #A80218;
    }
    .ShellHeader {
    float: left;
    clear: both;
    width: 100%;
    z-index: 4;
    position: relative;
}
    .ShellBanner {
    float: left;
    clear: both;
    margin-top: -55px;
    z-index: 1;
    width:100%;
}
/***Search***/
.SearchBar {
    float: left;
    clear: both;
    text-align: center;
    width: 100%;
}
.SearchBar .Center {
    width: calc(100% - 15px);
    max-width: 600px;
    padding: 0 5px;
    padding-right: 10px;
}
.SearchBar .form-group {
    margin-bottom: 15px;
}
.ShellHeader ul.topnav li.SearchLi {
    height: 44px !important;
    width: 227px;
    cursor: auto;
    display:none;
}

.ShellSearch.ShellMasterPageSearch {
    border-radius:3px;
    position: relative;
    display: table;
    width: 100%;
    margin-top: 10px;

}

.ShellHeader input#search {
    float: left;
    height: 38px;
    border: none;
    color: #a1a1a1;
    text-align: left;
    font-size: 16px;
    width: calc(100% - 40px);
    padding-left: 40px;
    border-radius: 3px;
    border: solid 2px #a1a1a1;
}
.ShellHeader input#search::-webkit-input-placeholder {color:#a1a1a1; text-transform:capitalize}
.ShellHeader input#search :-moz-placeholder {color:#a1a1a1; text-transform:capitalize}

.ShellHeader .HeaderSearchButtonDiv {
    clear: left;
    text-align: left;
    max-width: 50px;
    float: left;
    position: absolute;
    height:100%;
}
.ShellHeader .HeaderSearchButtonDiv:hover{
    opacity:0.6;
}
div#HeaderSearchButton span {
    color: #a1a1a1;
    font-size: 25px;
    padding: 8px;
    display: table;
    cursor: pointer;
}

.fixed {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 10;
}
.ui-autocomplete{
    z-index: 500 !important;
}

    @media only screen and (min-width : 1200px){
        .HeaderNav.fixed .Center {
    padding-left: 8%;
}
     .HeaderNav.fixed ul.topnav li.SearchLi{
         display:block;
         padding:0!important;
         background:#FFF !important;
}
.HeaderNav.fixed .SearchBar{
display:none;
  
}
.HeaderNav.fixed .SearchControls {
    float: left;
    transform: skew(45deg);
    margin-left: 24px;
    background-color: white;
    padding: 5px 0;
    width: 223px;
    height: 34px;
}
.HeaderNav.fixed .ShellSearch.ShellMasterPageSearch{
    margin:0;
}
.HeaderNav.fixed input#search::-webkit-input-placeholder {color:#a1a1a1; }
.HeaderNav.fixed input#search :-moz-placeholder {color:#a1a1a1; }

.HeaderNav.fixed input#search{
    color:#a1a1a1;
    background-color:#FFF;
    border: none;
    height:38px;
    padding:0;

}
    .HeaderNav.fixed input#search:focus {
        outline:none;
    }
.HeaderNav.fixed .HeaderSearchButtonDiv{
right:0;
}
    .HeaderNav.fixed .HeaderSearchButtonDiv input[type=button] {
        height: 45px;
        margin-top: -5px;
        width: 50px;
        background-image: url(/static/images/search.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #f00;
        border: none;
    }
}
.HiddenIcons {
    display: none;
}

.HiddenIcon:hover, .SiteLink a:hover, .FbandTwitLinks img:hover {
    opacity: .5;
    text-decoration: none;
}

@media only screen and (max-width : 1350px) {
    .HeaderNav nav ul li a {
        padding: 5px;
    }


    @media only screen and (max-width : 1250px) {
        .ShellHeader .Logo {
            max-width: 320px;
        }
    }

    @media only screen and (max-width : 1200px) {
        .DropDown.Small .MenuButton {
            display: block;
            cursor: pointer;
            text-align: left;
            font-size: 40px;
            color: #FFF;
            width: 80px;
            float: left;
        }

        .Scew {
            width: 55px;
            height: 45px;
            float: left;
            background-color: #1D1D1D;
            transform: skew(-45deg);
            position: absolute;
            right: 140px;
        }

        .HiddenIcons {
            display: block;
            position: absolute;
            right: 10px;
            height: 45px;
            width: 133px;
            background: #1D1D1D;
            margin-right: -10px;
            padding-left: 34px;
        }

        .HiddenIcon {
            float: left;
            width: 20px;
            margin: 10px;
        }

        .MenuButton .Text {
            display: none;
        }

        .HeaderNav nav ul li {
            transform: none;
        }

            .HeaderNav nav ul li a {
                transform: none;
            }

        .HeaderContent .Flags {
            clear: both;
        }


        .DropDown.Small ul.topnav {
            max-width: 500px;
            min-width: 300px;
            position: absolute;
            margin-top: 45px;
        }

        .HeaderShoppingCart {
            display: none;
        }

        .Flag {
            float: left;
        }

            .Flag img {
                margin-top: -7px;
            }

        .HeaderContent .Table-cell {
            width: 250px;
            padding: 2px;
            height: auto;
        }

            .HeaderContent .Table-cell .SiteLink {
                top: 6px;
            }
    }

    @media only screen and (max-width : 890px) {
        .HeaderTopNav {
            display: none;
        }

        .HeaderNav .Center {
            padding-left: 0px;
        }

        .DropDown.Small .MenuButton .icon-menu {
            padding-left: 13px;
        }
    }

    @media only screen and (max-width : 650px) {
        .HeaderContent .Table-cell, .Welcome {
            width: 100%;
            margin-top: 10px;
        }

            .HeaderContent .Table-cell .SiteLink {
                text-align: left;
            }

            .HeaderContent .Table-cell .Flag {
                padding: 0;
            }

        .Welcome {
            margin-bottom: 10px;
        }

            .Welcome ul {
                padding: 0;
            }
    }

    @media only screen and (max-width : 400px) {
        .Flag img {
            display: none;
        }
    }
}
/*********End Header***********/



/*********Footer***********/
footer {
    background-color: #1d1d1d;
    margin-top: 50px;
    position: relative;
}

.FbandTwitLinks {
    max-width: 515px;
    width: 100%;
    margin: 0 auto;
    height: 20px;
}

.TwitterIcon {
    float: left;
    height: 50px;
    margin-top: -32px;
    width: 150px;
}

.FacebookIcon {
    width: 150px;
    height: 50px;
    float: left;
    margin-top: -32px;
    margin-left: -38px;
}

    .TwitterIcon img, .FacebookIcon img {
        width: 100%;
    }

.FooterLogo {
    text-align: left;
    max-width: 300px;
    width: 300px;
    float: left;
}

.Catalog {
    max-width: 100px;
    float: right;
    margin-right: 80px;
}

.FooterParts {
    clear: both;
}

.FooterPart {
    min-width: 100px;
    max-width: 342px;
    float: left;
    border: 1px solid #656565;
    margin: 20px 10px 20px 35px;
    padding: 10px 20px;
    color: #FFF;
    background-color: #171717;
    min-height: 209px;
}

.FooterFlag {
    width: 80px;
    margin-left: -60px;
}

.Info {
    float: left;
}

li.Emal-Li {
    font-size: 12px;
}

.Info ul {
    padding: 0;
    text-align: start;
}
    .Info ul li{
        list-style:none;
    }
    .Info ul li img {
        float: left;
        padding-right: 10px;
        list-style-type: none;
        width: 25px;
    }

.FooterPart .Table-cell {
    vertical-align: middle;
}

.Location {
    width: 155px;
    text-align: center;
}

.FooterBottom {
    width: 100%;
    background-color: #a80218;
    clear: both;
    height: 50px;
    margin: 50px 0;
    line-height: 2.9;
}

    .FooterBottom p {
        width: 38%;
        padding: 0 0 0 25px;
        float: left;
        color: #FFF;
        font-family: Arial;
    }

.Catalog a:link, .Catalog a:visited {
    font-size: 12px;
}

.FooterBottomNav ul li a:link, .FooterBottomNav ul li a:visited, .Catalog a:link, .Catalog a:visited {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.FooterBottomNav ul li {
    float: left;
    list-style-type: none;
    padding: 0 3px;
    color: #FFF;
}

.FooterFlag {
    width: 84px;
    padding: 5px;
    float: left;
}

.FooterBottomNav {
    text-align: left;
    width: 45%;
    height: 15px;
    float: right;
    line-height: 1;
    margin-top:10px;
}

.GoToTop {
    max-width: 180px;
    margin: 0 auto;
}

.IPLookupText {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 10px;
    color: #CCCCCC;
}

.EBMS {
    position: absolute;
    bottom: 5px;
    right: 135px;
    font-size: 10px;
    color: #CCCCCC;
}

.GoToTop img {
    width: 100%;
    margin-top: -70px;
}

@media only screen and (max-width : 1325px) {
    .FooterPart {
        width: 80%;
        margin: 15px 50px;
    }

    .Location {
        padding: 10px;
    }
}

@media only screen and (max-width : 1000px) {
    .FooterBottomNav {
        display: none;
    }

    .FooterBottom p {
        width: 100%;
    }

    .GoToTop img {
        margin-top: -60px;
    }
}

@media only screen and (max-width : 800px) {
    .FooterFlag {
        position: absolute;
        margin-left: 22%;
        margin-top: -162px;
    }

    .FooterPart {
        padding-top: 51px;
        margin-top: 40px;
        margin: 25px 10px;
    }
}

@media (max-width : 1000px) {
    div.ShellMiniCart {
        padding: 1%;
        float: left;
        width: 98%;
        z-index: 10;
        position: relative;
        right: 0;
        max-width: none;
    }
}

@media (max-width : 550px) {
    .IPLookupText {
        bottom: 110px;
    }

    .EBMS {
        bottom: 110px;
    }

    .FacebookIcon {
        width: 100px;
        margin-left: -24px;
    }

    .TwitterIcon {
        width: 100px;
    }
}

/*********End Footer***********/
/*Items*/
div#ctl00_Store_content_ShellItemNavigation {
    max-width: 600px;
}

input#ctl00_Store_content_AddToCartButton {
    margin: 15px;
    margin-left: 45px;
}

.ShellPriceBox {
    padding: 10px;
}

.ShellImages.SingleImage {
    padding: 20px;
}

.ShellStoreMainContent.grid1 .ShellTemplate.Item .TemplateId {
    display: block !important;
    font-size: 14px !important;
}

/* UPLONE Brands CSS */
#flex-box {display:-webkit-flex; display:-webkit-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;}
.manufacturer {
		  background-color: #fff;
		  width: 170px;
		  min-width: 125px;
		  min-height: 150px;
		  overflow: hidden;
		  margin: .5em;
		  text-align: center;
		    transition: 0.3s;
			border: 1px solid #dbdbdb;
			padding:.25em;

	  }
	  .manufacturer:hover { -ms-transform: scale(1.1);
		  -moz-transform: scale(1.1);
		  -webkit-transform: scale(1.1);
		  transform: scale(1.1);
		  -ms-transition: all 300ms;
		  -moz-transition: all 300ms;
		  -webkit-transition: all 300ms;
		  transition: all 300ms;
		  border: 1px solid #F00;
}
	  
	 .manufacturer a { position: relative; margin: 0px auto; text-decoration:none; 
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
box-sizing: border-box; }
.manufacturer a:hover { text-decoration:none;}
	 .manufacturer p {background-color: #F00; color: #fff; margin: 0px; padding: .5em;}
    .b-lazy{
		  opacity:0;
		  -ms-transform: scale(1.25);
		  -moz-transform: scale(1.25);
		  -webkit-transform: scale(1.25);
		  transform: scale(1.25);
		  -ms-transition: all 500ms;
		  -moz-transition: all 500ms;
		  -webkit-transition: all 500ms;
		  transition: all 500ms;
	  }
	  .b-lazy.b-loaded {
		  opacity:1;
		  -ms-transform: scale(1);
		  -moz-transform: scale(1);
		  -webkit-transform: scale(1);
		  transform: scale(1);
	  }
/* UPLONE Brands CSS */

/* UPLONE Additional CSS */
#ctl00_Store_content_ShortDescription {
	background-image: url(../images/prop-65.png);
	background-repeat: no-repeat;
	/* top: 0px; */
	/* left: 0px; */
	/* height: 23px; */
	/* width: 201px; */
	margin: 10px 0px;
	padding: 30px 0 0 0px;
	background-size: 200px;
}
/* UPLONE Additional CSS */