/* Reset */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* ----- remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #000; background: white; }
ol, ul { list-style: none; }
/* ----- tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" "";}

/* Best Ugly Styles */
body {
	font: 13px/19px "traveling__typewriterregular", Courier, mono;
	background-image: url(../images/background.jpg);
}
#Page {
	width: 100%; max-width: 960px; margin: 0 auto; padding: 0 10px 50px 10px;
}
#Header {
    margin-top: 26px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
	#Header .Col2 h1,
	#Header .Col2 a  {
		width: 100%;
		display: block;
	}
        #Header .Col2 h1 img {
            width: 100%; max-width: 344px; margin: 0 auto;
            display: block;
        }

/* Navigation */
nav {
    padding: 10px 0;
    text-transform: uppercase;
    text-align: center;
}
    nav ul li {
        padding: 2px 10px;
        display: inline-block;
        font-family: "DegreesRegular W05 Regular", Courier, mono;
        font-size: 17px; line-height: 23px; letter-spacing: 2px;
    }
        nav ul li a,
        nav ul li a:hover {
            text-decoration: none;
        }
        nav ul li a.current,
        nav ul li a.section {
            color: #000;
        }
        nav ul li span {
            color: #b81f30;
            cursor: pointer;
        }
            nav ul li span:hover {
                color: #000;
            }
/* Dropdown */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    padding-top: 8px;
    position: absolute;
    left: -6px;
    background-image: url(../images/background.jpg);
    min-width: 160px;
    z-index: 9999;
    text-align: left;
}
.dropdown-content li {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    white-space:nowrap;
}
.dropdown-content li.mid {
    padding: 6px 16px;
}
.dropdown:hover .dropdown-content {display: block;}

/* Slides */
.cycle-slideshow {
	width: 100%; height: 100%; margin: 0 auto;
	display: block;
}
    .cycle-slideshow img {
        width: 100%; height: auto;
        display: block;
    }	

/* Structure */
.Columns {
    width: 100%;
    display: flex;
}
.Columns .col {
    flex: 1;
}
.Columns .col.Col1 {
    width: 30%;
    padding: 0 10px 20px 0;
}
.Columns .col.Col2 {
    padding: 0 10px 20px 10px;
}
main .Columns .col.Col2 {
    border-left: 1px solid #989898;
    border-right: 1px solid #989898;
}
.Columns .col.Col3 {
    width: 30%;
    padding: 0 0 20px 10px;
}
@media screen and (max-width: 700px)  {
    .Columns {
        display: block;
    }
    .Columns .col.Col1,
    .Columns .col.Col2,
    .Columns .col.Col3 {
        width: 100%; padding-right: 0; padding-left: 0;
        display: block;
    }
    main .Columns .col.Col2 {
        border: 0;
        border-top: 1px solid #989898;
        border-bottom: 1px solid #989898;
    }
}
/* Page */
body.Page .Content.Columns .col.Col1 {
    width: 50%;
    padding: 0 20px 20px 0;
}
body.Page .Content.Columns .col.Col2 {
    width: 50%;
    padding: 0 0 20px 20px;
    border-left: 1px solid #989898;
    border-right: 0;
}
@media screen and (max-width: 700px)  {
    
    body.Page .Content.Columns .col.Col1 {
        width: 100%; padding-right: 0; padding-left: 0;
        display: block;
    }
    body.Page .Content.Columns .col.Col2 {
        width: 100%; padding-right: 0; padding-left: 0;
        display: block;
        border: 0;
        border-top: 1px solid #989898;
    }
}

/* ShopPage */
.shop-item {
    width: 25%; padding: 0 10px;
    float: left;
}
    .shop-item img {
        width: 100%; height: auto;
        display: block;
    }
.product {
    margin: 40px 0;
}
    .product-image,
    .product-details {
        width: 50%;
        float: left;
    }
    .product-image {
        padding-right: 20px;
    }
        .product-details h1 {
            margin-top: 0 !important;
            text-align: left !important;
        }
        .product-image img {
            width: 100%; height: auto; padding-right: 20px;
            display: block;
        }
.shop-section-links {
    margin: 60px 0;
    text-align: center;
}
    a.shop-section-link {
        margin: 0 10px; padding: 10px 20px;
        display: inline-block;
        border: 1px solid #808080;
        text-transform: uppercase;
    }
.product select {
    margin: 10px 0 20px 0;
}
.product input[type="image"] {
    width: 160px; height: 50px; margin-top: 20px;
    display: block;
}
.product  .product-view-cart input[type="image"] {
    margin-top: 0;
}
    .product input[type="image"]:hover {
        opacity: 0.8;
    }
.ShopSection .products {
    margin: 30px 0;
}

/* Video */
.video-container {
	height: 0; padding-top: 30px; padding-bottom: 56.25%; 
	position: relative; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
}
	.main-videocontent {
		width: 100%; max-width: 900px; margin: 0 auto;
	}

/* PlaceHolderPage */
.PlaceHolderPage .Content img {
    width: 100%;
    display: block;
}

/* Footer */
#Footer {
	padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#Footer .details {
    text-align: center;
    flex: 1;
}
#Footer .phone {
    flex: 0 0 161px;
}
	#Footer .Col3img {
        width: 161px; height: 76px;
	}
@media screen and (max-width: 700px)  {
    #Footer {
        display: block;
    }
    #Footer .details,
    #Footer .phone  {
        width: 100%;
        display: block;
        text-align: center;
    }
    #Footer .phone {
        padding: 10px 0 0 0;
    }
}

/* Error Page */
.ErrorPage .Content {
    padding: 50px 0;
    text-align: center;
}

/* Stuff & Things */
.Divider {
	width: 100%; padding: 2px 0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.clear {
	clear: both;
}
.clearme:after {
	display: block; content: ""; clear: both;
}
.Content img.image-center {
	margin: 24px auto 16px auto;
	display: block;
}
#Video {
	margin: 18px 0;
}
.fit {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Typography */
.Content p {
	margin-bottom: 9px;
	font: 13px/19px "traveling__typewriterregular", Courier, mono;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h2,
.BestUglyPage h1,
.FranchisePage h1,
.ShopPage h1,
.ProductPage h1,
h1.main-title {
	margin: 18px 0 12px 0;
	font-family: "DegreesRegular W05 Regular", Courier, mono;
	font-size: 17px; line-height: 23px; color: #b81f30; text-align: center;
	text-transform: uppercase; letter-spacing: 3px;
}
.ShopPage h2,
.ShopSection h2 {
    color: #000;
}
.ShopPage h3,
.ShopSection h3 {
    margin: 5px 0 15px 0;
    font-size: 16px; text-transform: uppercase;
}
a {
	color: #b81f30; text-decoration: none;
}
a:hover {
	color: #000; text-decoration: underline;
}
p.follow {
	text-align: center;
}
    p.follow a {
        margin: 0 5px;
        display: inline-block;
    }
        p.follow a.twitterLink img {
            margin-bottom: 2px
        }

/* Form */
#MemberLoginForm_LoginForm {
	padding: 50px 0;
}
#MemberLoginForm_LoginForm .field {
    text-align: center; 
}
#MemberLoginForm_LoginForm input {
	font: 13px/19px "traveling__typewriterregular", Courier, mono;
}
#MemberLoginForm_LoginForm #Remember {
	margin: 20px 0;
}
#MemberLoginForm_LoginForm #ForgotPassword {
	padding-top: 26px;
    text-align: center;
}
#MemberLoginForm_LoginForm .btn-toolbar {
    margin-top: 20px;
	text-align: center;
}
#MemberLoginForm_LoginForm .middleColumn {
	margin: 4px auto 10px auto; background-color: #000;
}

/* BestUglyPage */
.BestUglyPage .grid:after {
  content: '';
  display: block;
  clear: both;
}
.BestUglyPage .grid-sizer,
.BestUglyPage .grid-item {
    width: 33.333%;
}
.BestUglyPage .grid-item {
    float: left;
}
.BestUglyPage .grid-item img {
    display: block;
    max-width: 100%; height: auto;
}

/* FranchisePage */
.FranchisePage .Content {
    padding-bottom: 10px;
}
.FranchisePage .grid {
    margin: 0 -3px; padding: 7px 0 0 0;
}
.FranchisePage .grid:after {
  content: '';
  display: block;
  clear: both;
}
.FranchisePage .grid-sizer,
.FranchisePage .grid-item {
    width: 33.333%;
}
.FranchisePage .grid-item img {
    width: 100%; height: auto;
    display: block;
    border: 3px solid #f8f8f8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 700px)  {
    .FranchisePage .grid-sizer,
    .FranchisePage .grid-item {
        width: 50%;
    }
}


/* Video */
.FranchisePage .video {
    width: 100%; margin: 10px 0;
    display: block;
}
.FranchisePage .video-wrapper {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
}
.FranchisePage .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Popup */
.remodal a {
	 color: #FFF; text-decoration: none;
}
	.content-wrapper a:hover,
	.remodal a:hover {
		 color: #d2232a;
	}
.remodal h2 {
	color: #d2232a;
}
.remodal p {
	margin: 0 0 8px 0;
	font-size: 18px; line-height: 24px; color: #073055;
}
.remodal-confirm,
.remodal-cancel {
	margin-top: 18px;
}
	.remodal-confirm:hover {
	}