#Header ul { list-style: none; font-size: 20px; }
#Header li a { color: #E9F2F7; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
#Header { background-color: #304791; height: 45px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); margin-bottom:  1rem; }
#Header li a:hover { color: #323232; }
#Header { background-color: #304791; height: 45px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); }
#Header2 ul { list-style: none; font-size: 20px; }
#Header2 li a { color: #E9F2F7; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
#Header2 { background-color: #304791; height: 45px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); margin-bottom:  1rem; }
#Header2 li a:hover { color: #323232; }
#Header2 { background-color: #304791; height: 45px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); }
#search .button { background-color: #304791; }
#TopLinks a { color: #353535;  font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; font-size: 14px;}
#TopLinks a:hover { text-decoration: underline; color: #00aeef; }
#HeaderTopRow { background-color: #fff; height: 72px; }
#Footer { background-color: #323232; padding-top: 1rem; }
#Footer i { color: #fff !important; }
#Footer ul { list-style: none; margin: 0; color: #fff; color: #fff; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300;  }
#Footer h4 { font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; text-decoration: underline; padding-bottom: 2rem; color: #fff !important; }
#Footer li a { font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300;  color: #fff !important; }
#Footer li a:hover { text-decoration: underline; color: #00aeef; }
#SocialMedia { font-size: 20px; font-weight: 400 !important; }
#Footer p { color: #fff; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }

#Body { min-height: 342px; }

#HoodieProducts p { margin: 0; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 500; color: red; }
#SeeMore a { color: #6688c5 !important; text-decoration: underline; }
#SeeMore a:hover { color: #323232 !important; }
#FAQ .button { width: 157.5px; }

.design-selection {
    text-align: center;
}

/* Styling for Customers menu */
#ViewCustomerMenu { position: relative; }
#CustomerMenu { display: block; width: 150px; list-style: none; z-index: 9999; padding: 0; margin: 0; position: absolute; top: -9999em; left: -9999em; }
    #CustomerMenu li { list-style: none; padding: 0; margin: 0; }
        #CustomerMenu li a { font-size: 0.735rem !important; background: #CCC; border: 1px solid #AAA; border-bottom: 0; display: block; padding: 0.2rem 0.4rem; text-align: left; }
            #CustomerMenu li a:nth-of-type(2) { background: #DDD; }
            #CustomerMenu li a:last-of-type { border: 1px solid #AAA; }


input[data-toggle] {

  display: none; }


input[data-toggle]:checked + label,

input[data-toggle]:checked + label:active {

  background-color: #5da423;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }


.button-group.toggle li:not(first-child) {

  margin: 0 -0.9rem; }


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
    background-color: #304791;
}

#nav a {
	display: block;
}

#nav li {
	/*float: left;*/
	width: 100%;
}


#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav2, #nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
    background-color: #304791;
}

#nav2 a {
	display: block;
}

#nav2 li {
	float: left;
	width: 100%;
}


#nav2 li ul {
	position: absolute;
	left: -999em;
}

#nav2 li:hover ul {
	left: auto;
}


#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
}

/* Generic Rules */
a { color: #4a81c2; }
.red { color: #dd4b4e !important; }
.blue { color: #00aeef; }
.grey { color: #6f6f6f; }
.link-blue { color: #4a81c2; }
.light { font-weight: 300 !important; }
.bold { font-weight: 600 !important; }
.black { font-weight: 700 !important; }

.font-up-1 { font-size: 1.3em; }
.font-up-2 { font-size: 1.6em; }
.font-up-3 { font-size: 2em; }
.font-up-4 { font-size: 2.25em; }
.font-up-5 { font-size: 2.5em; }

.font-down-1 { font-size: 0.8em; }
.font-down-2 { font-size: 0.7em; }
.font-down-3 { font-size: 0.6em; }
.font-down-4 { font-size: 0.5em; }
.font-down-5 { font-size: 0.4em; }

/* EDIT FROM HERE!!!! */

#Body h5 { font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; font-size: 20px; color: #888; }
#HoodieProducts .button { background-color: #00aeef; color: #fff; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 600; font-size: 18px; padding-top: 6px; padding-bottom: 6px; margin-top:1rem; margin-bottom:1rem; }
#HoodieProducts .button:hover { background-color: #323232; }
#SeeMore a { color: #6688c5 !important; text-decoration: underline; }
#SeeMore a:hover { color: #323232 !important; }
	
	
#MobileNav { background-color: #fff; height: 80px; }
#MobileNavLogo { display: block; }
#MobileNavMenuToggle { font-family: "Gotham SSm A", "Gotham SSm B"; color: #fbab18; padding: 0.5rem; font-size: 2.5rem; width: 4rem; height: 4rem; display: block; }
#MobileNavMenuToggle i { color: #85979e; }
#MobileNavLinks .button { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-size:14px; background-color: #85979e; color: #fff; margin: 0; }
#MobileNavLinks .button:hover { background-color: #00aeef; }	
	
/* END EDIT */

/*Foundation Overwrites */
.row { max-width: 90rem !important; }
.row.content { padding-top: 34px !important; min-height: 365px; }
#form1 { margin: 0; }

.button { background-color: #00aeef; color: #fff; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 600; font-size: 1.2rem; margin-top: 0.735rem; padding: 0.6rem 1.2rem; }
.button:hover { background-color: #323232; color: #FFF; }

ul.blue { list-style: none; padding: 0; font-weight: 300; margin-left: 0; }
ul.blue li { padding-left: 1em; text-indent: -1em; color: #222; }
    ul.blue li:before { content: "\f111"; color: #00aeef; font-size: 0.7rem; font-family: FontAwesome; padding-right: 1rem; }

/* DEFINE MAIN FONT STYLES */
html, body { color: #000 !important;  }

/* TAG OVERWRITES */
html, body, form { font-family: "Gotham SSm A", "Gotham SSm B"; }
body .small {}

h1, h4, h3, h2, h5, h6 { font-family: "Gotham SSm A", "Gotham SSm B"; }

    h3 a { text-decoration: underline !important; } 
    
    #divWelcomeModal h1.blue { font-size: 1.2rem; }
    #divWelcomeModal h4.subheader { font-size: 1.0rem; font-weight: 300; color: #FFF; }
    #divWelcomeModal ul { color: #FFF; font-size: 0.9rem; font-weight: 700; }

    /* MOBILE HEADER DEFAULTS */

@media only screen and (max-width:40em) {
    h1 { font-style: normal; font-weight: 800; font-size: 2.5rem; color: #333; }
        h1.accent1 { font-style: normal; font-weight: 300; font-size: 1.5rem; color: #888; }
        h1.accent2 { font-style: normal; font-weight: 300; font-size: 2.5rem; color: #555; }
        h1.slim { font-weight: 300; font-size: 3rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.title { font-weight: 900; font-size: 2.5rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.product-title { font-weight: 900; font-size: 2.5rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.blue { font-size: 1.4rem; color: #00aeef; }
        h4 { font-size: 1.2em; font-weight:100; color: #757777}
                    h4.red { font-size: 1rem; font-weight: bold; color: #dd4b4e; }
        h3 { font-size: 1rem; }
        h2 { font-size: 1.2rem; font-weight:300; color: #555}


    blockquote { border-left: none; padding-left: 0; padding-right: 0; font-size: 0.9rem !important; text-align: center; }
        blockquote::before, blockquote::after { content:'"'; }
        ul.blue li { padding-left: 1em; text-indent: -1em; color: #222; font-size: 0.8rem;}
        .font-up-1 { font-size: 1em; }
    h1.design-preview {
        font-size: 1rem;
    }

    #divWelcomeModal h1.blue { font-size: 2rem; }
    #divWelcomeModal h4.subheader { font-size: 2rem; font-weight: 300; color: #FFF; }
    #divWelcomeModal ul { color: #FFF; font-size: 0.9rem; font-weight: 700; }
}

    /* TABLET HEADER DEFAULTS */

@media only screen and (min-width:40.0625em) {
    h1 { font-style: normal; font-weight: 800; font-size: 3rem; color: #333; }
        h1.accent1 { font-style: normal; font-weight: 300; font-size: 1.5rem; color: #888; }
        h1.accent2 { font-style: normal; font-weight: 300; font-size: 2.5rem; color: #555; }
        h1.slim { font-weight: 300; font-size: 3rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.title { font-weight: 900; font-size: 3rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.product-title { font-weight: 900; font-size: 2.5rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.blue { font-size: 1.4rem; color: #00aeef; }
        h4 { font-size: 1.4em; font-weight:100; color: #757777}
                    h4.red { font-size: 1rem; font-weight: bold; color: #dd4b4e; }
        h3 { font-size: 1.1rem; }
        h2 { font-size: 1.6rem; font-weight:300; color: #555}


    blockquote { border-left: none; padding-left: 0; padding-right: 0; font-size: 0.9rem !important; text-align: center; }
        blockquote::before, blockquote::after { content:'"'; }
        ul.blue li { padding-left: 1em; text-indent: -1em; color: #222; font-size: 0.8rem;}
        .font-up-1 { font-size: 1em; }
    h1.design-preview {
        font-size: 1rem;
    }

    #divWelcomeModal h1.blue { font-size: 2rem; }
    #divWelcomeModal h4.subheader { font-size: 2rem; font-weight: 300; color: #FFF; }
    #divWelcomeModal ul { color: #FFF; font-size: 0.9rem; font-weight: 700; }
}

    /* COMPUTER HEADER DEFAULTS */

@media only screen and (min-width: 64.0625em) {
    h1 { font-style: normal; font-weight: 800; font-size: 4.5rem; color: #323232; }
        h1.accent1 { font-style: normal; font-weight: 300; font-size: 1.5rem; color: #888; }
        h1.accent2 { font-style: normal; font-weight: 300; font-size: 2.5rem; color: #555; }
        h1.slim { font-weight: 300; font-size: 3rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.title { font-weight: 900; font-size: 4rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.product-title { font-weight: 900; font-size: 3.5rem; margin: 0; padding: 0; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B"; }
        h1.blue { font-size: 3rem; color: #00aeef; }
        h4 { font-size: 1.5rem; font-weight:100; color: #757777}
                  h4.red { font-size: 1rem; font-weight: bold; color: #dd4b4e; }
        h3 { font-size: 1.3em; }
        h2 { font-size: 2.3rem; font-weight:300; color: #555}
        h6 { font-size: 1.6rem; }

    blockquote { border-left: none; padding-left: 0; padding-right: 0; }
        blockquote::before, blockquote::after { content:'"'; }
        ul.blue li { padding-left: 1em; text-indent: -1em; color: #222; }
        .font-up-1 { font-size: 1.3em; }
    h1.design-preview {
        font-size: 1.2rem;
    }

    #divWelcomeModal h1.blue { font-size: 4rem; }
    #divWelcomeModal h4.subheader { font-size: 4rem; font-weight: 300; color: #FFF; }
    #divWelcomeModal ul { color: #FFF; font-size: 1.2rem; font-weight: 700; }
}

#divWelcomeModal p { color: #FFF; }

a { }
a:hover { }

p { }

strong {  }

ul {  }
ol {  }
li {  }

table { border-spacing: 0; border: 0; }
tr {  }
th {  }
td {  }

/* FORM ELEMENTS */
.lp3-label {  }
.lp3-textarea { font-family: Tahoma, Arial, sans-serif; border: 1px solid #bfbfbf; }
.lp3-textbox { border-radius: 3px; border: 0; box-shadow: 0 0 2px #000; background: #FFF; }
    .lp3-textbox:focus { box-shadow: 0 0 3px #000; }
    .lp3-button { margin: 8px; padding: 10px 0; box-shadow: 5px 3px 5px #aaa; display: inline-block; width: 160px; text-align: center;  text-decoration: none; font-weight: bold; border: 2px solid #ccc; background: #cccccc; /* Old browsers */ background: -moz-linear-gradient(top, #cccccc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cccccc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #cccccc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ color: #333; }
    .lp3-button:hover { border: 2px solid #7d7d7d; background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ color: #ccc; }
.lp3-button-small { margin: 4px; padding: 2px 0; box-shadow: 3px 2px 3px #aaa; display: inline-block; width: 89px; font-size: 0.9em; text-align: center;  text-decoration: none; font-weight: bold; border: 2px solid #ccc; background: #cccccc; /* Old browsers */ background: -moz-linear-gradient(top, #cccccc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cccccc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #cccccc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ color: #333; }
    .lp3-button-small:hover { border: 2px solid #7d7d7d; background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ color: #ccc; }

.square-radio label { display: inline-block; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 1.7rem; height: 1.6rem; position: relative; top: 7px; left: -5px; }
    .square-radio .columns:first-of-type label { border-top: 1px solid #bbb; height: 1.7rem; top: 9px; }
.square-radio input[type="radio"]:checked + label { background-color: #4a81c2; }
.square-radio input[type="radio"]:checked + label::before { position: absolute; top: 2px; left: 5px; content: '\f00c'; font-family: FontAwesome; color: #FFF; }
.square-radio input[type="radio"] { position: absolute; left: -999999em; }


/* LAYOUT ELEMENTS */
.main-wrapper {  }

.header-wrapper { /*position: fixed;*/ z-index: 100; top: 0; left: 0; right: 0; height: 50px; background-color: #bfbfbf; font-weight: bold; box-shadow: 0 0 5px #666; }
    .header-wrapper .header-boundary {  }
        .header-wrapper .header-boundary .static-menu { position: absolute; top: 0; right: 0; padding: 17px 20px 15px; text-align: right; color: #333; }
            .header-wrapper .header-boundary .static-menu ul { padding: 0; margin: 0; list-style: none; }
                .header-wrapper .header-boundary .static-menu ul li { padding: 0; margin: 0; list-style: none; display: inline-block; }
                    .header-wrapper .header-boundary .static-menu ul li a { color: #333; text-decoration: none; }
                    .header-wrapper .header-boundary .static-menu ul li a:hover { text-decoration: underline; }

.menu-wrapper { z-index: 100; position: absolute; top: 50px; left: 0; right: 0; background-color: #333; color: #FFF; height: 50px; }
    .menu-wrapper .menu-boundary-wrapper { margin: 0 auto; height: 50px; text-align: center; }
        .menu-wrapper .menu-boundary-wrapper ul { padding: 0; margin: 0; list-style: none; }
            .menu-wrapper .menu-boundary-wrapper ul li { padding: 0; margin: 0; list-style: none; display: inline-block; }
                .menu-wrapper .menu-boundary-wrapper a { padding: 17px 0; border-left: 2px solid #bfbfbf; text-align: center; color: #FFF; font-weight: bold; text-decoration: none; display: inline-block; width: 100%; }
                    .menu-wrapper .menu-boundary-wrapper a:first-child { border-left: 0; }
                    .menu-wrapper .menu-boundary-wrapper a:hover { background-color: #ddd; color: #333; }

/*.boundary-wrapper { margin: 50px auto; width: 1000px; clear: both; margin-top: 50px; margin-bottom: 50px; }*/

/*.side-menu-wrapper { float: left; width: 175px; padding: 10px 0 25px; margin-right: 15px; margin-bottom: 15px; }*/
#SideMenuPanel { background-color: #bfbfbf; }
    .side-menu-wrapper a { display: block; padding: 5px 15px; text-decoration: none; }
        .side-menu-wrapper a:hover { background-color: #333; color: #fff; }

.content-wrapper { padding: 15px 0 56px; }

.order-process-wrapper { font-size: 14px; width: 100%; background-image: url(/Sites/6A4F97D6-82C2-463F-A12E-F0E56DC184F7/Images/bc-bg-std-1-active.png); position: relative; height: 45px; background-color: #999; float: right; }
    .order-process-wrapper a { color: #FFF; padding: 15px 0; display: block; text-decoration: none; }
    .order-process-wrapper .op-bc { font-weight: bold; /*margin: 15px 0; background-color: #BFBFBF;*/ float: left; width: 25%; text-align: center; }
        .order-process-wrapper .op-bc.active { /*background-color: #999; background: url(../Images/bc-active.png) no-repeat;*/ color: #FFF; }
            .order-process-wrapper .op-bc.active a { color: #FFF; }

.footer-wrapper { display: none; z-index: 100; background-color: #333; color: #fff; font-weight: bold; padding-top: 19px; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 31px; }

.off-canvas-list h3 { color: #FFF; }
.lp3-category-link { display: block; padding: 0.235em 1em; margin: 0; }

.bg-img-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; z-index: -100; overflow: hidden; }
    .bg-img-container div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        .bg-img-container div img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        .bg-img-container div.top { }

/************ NEW SCARY STUFF ************/

/* Landing Pages */

.product-link { margin-bottom: 1.2rem; }
.product-link h1, .product-link blockquote, .product-link h4 { margin: 0; padding: 0; }
.product-link h1 { font-size: 1.1rem; font-weight: 600; }

/* Yazzoo Exclusive Product Pages */
.item-line { padding-bottom: 1em; }

/* Login Register */
.login-wrapper { position: relative; }
        .labeltext { display: block; margin-bottom: 5px; }
        .login-conatiner { width: 400px; font-size: 13px; line-height: 20px; }
            .login-conatiner input { margin-bottom: 5px; }

        .lp3-separator label { display: block; display: block; width: 400px; margin-bottom: 10px; padding: 10px; }
            .lp3-separator label span { display: inline-block; margin-top: 17px; font-weight: bold; font-size: 16px; padding: 8px; }
            .lp3-separator label input { font-size: 14px; float: right; width: 175px; padding: 8px; }
            .lp3-separator label select { font-size: 14px; float: right; width: 200px; }

/* Products/Default */
.paging-area { display: table; height: 50px; margin: 0 auto; padding: 9px; }
    .paging-area .paging-button { display: block; float: left; width: 32px; height: 32px; text-indent: -99999px; }
        .paging-area .paging-button.paging-first { background: url(/Sites/6A4F97D6-82C2-463F-A12E-F0E56DC184F7/Images/Layout/paging-first.png) no-repeat; }
        .paging-area .paging-button.paging-prev { background: url(/Sites/6A4F97D6-82C2-463F-A12E-F0E56DC184F7/Images/Layout/paging-prev.png) no-repeat; }
        .paging-area .paging-button.paging-next { background: url(/Sites/6A4F97D6-82C2-463F-A12E-F0E56DC184F7/Images/Layout/paging-next.png) no-repeat; }
        .paging-area .paging-button.paging-last { background: url(/Sites/6A4F97D6-82C2-463F-A12E-F0E56DC184F7/Images/Layout/paging-last.png) no-repeat; }
    .paging-area .paging-number { display: block; float: left; height: 32px; padding: 7px 0 8px; text-align: center; width: 32px; }
    .paging-area .paging-disabled { cursor: default; color: #bfbfbf; }
    .paging-area .paging-button.paging-disabled { background-position: 0 -32px; }

.categories-wrapper { height: 41px; padding-right: 0; text-align: right; width: 810px; }
    .category-wrapper { text-align: center; height: 250px; float: left; width: 188px; border: 2px solid #e6e6e6; margin: 5px; }
        .category-wrapper img { height: 177px; padding: 10px 31px 0; width: 118px; }

/* Products/Category */

.subcategories-wrapper { padding: 15px; background-color: #BFBFBF; }
    .subcategories-wrapper h4 { margin-top: 0; padding-top: 0; }

.products-wrapper ul { list-style: none; padding: 0; margin: 0; width: 795px; float: right; }
    .products-wrapper ul li { display: block; float: left; height: 265px; list-style: none outside none; margin: 5px; padding: 0; text-align: center; width: 255px; }
        .products-wrapper ul li img { max-width: 125px; max-height: 180px; display: block; margin: 0 auto; }


.loading-product-image { display: table-cell; padding: 74px 46px; width:32px; height: 32px; background-color: #FFF; text-align: center; vertical-align: middle; }
.clear { clear: both; height: 0; }

/* Products/Product */

#imgProductImage { max-width: 450px; width: 100%; }

#ProductInfoWrapper blockquote { color: #222; }
#ProductInfoWrapper small { font-size: 0.7rem; }

body { color: #000 !important; }
.features-wrapper { background: #BFBFBF; padding: 15px; height: 300px; margin-top: 55px; }
.main-product-image { float: left; padding: 0 15px 15px 0; max-height: 300px; }
.product-name { font-size: 18px; margin-bottom: 5px; }
.from-price { font-size: 16px; margin: 0; }
.product-features { margin-left: 235px; }
    .product-features li { margin-left: 0; }

.design-position h1 { font-size: 1.5rem; }

.colours-sizes { font-size: 16px; margin-top: 5px; }

.order-area-wrapper { padding: 15px 0 15px 15px; }

.colour-image { /*width: 10%;*/ }
.colour-image-button { position: relative; display: inline-block; width: 50px; height: 50px; margin: 0 12px 12px 0; border: 1px solid #BFBFBF; }
.individual-colour { display: inline-block; height: 100%; }
    .individual-colour {
        display: inline-block;
        height: 100%;
    }
.colour-swatch { position: relative; display: block; float: right; width: 20px; height: 20px; overflow: hidden; border: 1px solid #BFBFBF; }
.sizes-selector-wrapper { position: relative; }
.sizes-selector-table { border-spacing: 5px; }
    .sizes-selector-table tr td { vertical-align: middle; }
.label-text { padding: 2px 10px 3px 0; display: inline-block; }
.sizes-selector-table tr th { text-align: center; }
.sizes-selector-table tr td input { width: 40px; padding: 2px; text-align: center; }

.colours-sizes-wrapper { float: left; }
.colour-selector-wrapper {  }
.sizes-selector-wrapper {  }
.product-nav-button-wrapper { position: relative; width: 370px; margin-bottom: 15px; height: 60px; margin-top: 15px; }
    .product-nav-button-wrapper a.back { }
    .product-nav-button-wrapper a.designs { }
        .product-nav-button-wrapper a:hover { border: 2px solid #7d7d7d; background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ color: #ccc; }
.basket-preview-wrapper { display: none; position: relative; /*float: right;*/ width: 230px; padding: 10px; background-color: #BFBFBF; }
.view-basket-link { font-weight: bold; position: absolute; top: 10px; right: 10px; display: block; width: 56px; padding: 4px 0; text-align: center; text-decoration: none; background-color: #FFF; }
    .view-basket-link:hover { background-color: #333; color: #FFF; }
.garment-line { clear: both; }
.garment-cost-wrapper { float: right; }

.qty-cell { background-color: #EFEFEF; border: 1px solid #BABABA; padding: 3px 0; text-align: center; }

.float-right { float: right; }
.clear { clear: both; height: 0px; }

/* Products/Designs */

.designs-page-wrapper { /*width: 100%;*/ position: relative; /*top: 45px;*/ }

.garment-label { display:block; width: 365px;}
.cp_container { display: block !important; float: left; clear: left; }
/*.garment-text { clear: right; float: left; font-size: 1.1em; padding: 3px 10px; }*/
    .garment-text span { font-weight: bold; }

.available-garments { width: 178px; background: url(../../../../../_THEME%20BUILDER/Folder%20Structure/Styles/Images/complete-bg.png) no-repeat; padding: 5px 20px; margin: 5px auto; }
.unavailable-garments { cursor: help; position: relative; /*width: 178px;*/ padding: 5px 20px; margin: 5px auto; width: 40%; }
    .unavailable-garments img { display: block; position: absolute; left: 0; top: 2px; }

.boundary-wrapper { position: relative; }

#progress { position: relative; height: 36px; width: 330px; box-shadow: 0 0 4px #ccc inset; }
.bar { background-color: #5FDF6E; width: 0%; padding: 10px 2%; box-shadow: 0 0 4px #ccc inset; }
#percent { position: absolute; display: inline-block; top: 3px; left: 48%; }

.checklist-wrapper { /*background-color: #BFBFBF; height: 405px; margin-right: 30px; padding: 0 10px 10px; width: 180px;*/ }
    .checklist-wrapper a { margin-bottom: 3px; background-color: #E6E6E6; display: block; font-weight: bold; padding: 5px; text-align: center; text-decoration: none; }
        .checklist-wrapper a:hover { background-color: #333333; color: #e6e6e6; }
        
.wizard-wrapper { width: 435px; height: 415px; margin-right: 30px; overflow: hidden; position: relative;}
.wizard-wrapper input[type=text] { border: 0; padding: 4px; border: 1px solid #bfbfbf; box-shadow: 0 0 4px #ccc inset; font-size: 12px; font-family: Tahoma, Arial, sans-serif; }
.wizard-wrapper h4 { margin-bottom: 5px; }

.current-wizard-step-wrapper { height: 45px; background-color: #e6e6e6; }
.wizard-step { width: 130px; height: 35px; padding: 5px 0 5px 15px; }
    .wizard-step.active { background-color: #bfbfbf; }
    .wizard-step h4 { margin: 0; }
.wizard-control-buttons { position: absolute; bottom: 0; text-align: right; width: 435px; }

.wizard-button { width: 110px; padding: 5px 0; text-decoration: none; text-align: center; background-color: #bfbfbf; display: inline-block; margin: 4px; }
    .wizard-button:hover { background-color: #aaa; }
.wizard-button-disabled {  }

.printed-logo-colours-wrapper { display: none; padding-bottom: 7px; }

.toggle-button-active { background-color: #00aeef !important; }
.toggle-button-active:hover { background-color: #00aeef; }

.wizard-panel h4 { margin: 5px 0; }
    .wizard-panel h4.header { margin-top: 15px; }

.wizard-panel-0, .wizard-panel-1, .wizard-panel-2, .wizard-panel-3, .wizard-panel-4 { height: 303px; background-color: #FFF; position: relative; }
.step-2-panel { display: none; }

.preview-image { width: 388px; margin-top: 25px; }
.preview-wrapper { width: 388px; height: 480px; position: relative; background-image: url(../../../../../_THEME%20BUILDER/Folder%20Structure/Styles/Images/Loading.gif); background-repeat: no-repeat; background-position: center; }
.preview-options-wrapper { width: 388px; height: 70px; position: absolute; bottom: 0; }
    .preview-options-wrapper .tabs { }
        .preview-options-wrapper .tabs>div>a { padding: 10px 0 10px; text-decoration: none; background-color: #e6e6e6; width: 100px; text-align: center; font-size: 11px; display: inline-block; }
        .preview-options-wrapper .tabs a:hover { background-color: #bfbfbf; }
        .preview-options-wrapper .tabs .tab { background-color: #E6E6E6; display: none; left: 40px; padding: 15px; position: relative; width: 278px; }
            .preview-options-wrapper .tabs .tab.active { display: block; }
    .preview-options-wrapper .arrow-left { cursor: pointer; position: absolute; top: 13px; left: 13px; background-image: url(../../../../../_THEME%20BUILDER/Folder%20Structure/Styles/Images/design-preview-arrow-left.png); display: block; width: 24px; height: 24px; text-decoration: none; }
    .preview-options-wrapper .arrow-right { cursor: pointer; position: absolute; top: 13px; right: 13px; background-image: url(../../../../../_THEME%20BUILDER/Folder%20Structure/Styles/Images/design-preview-arrow-right.png); display: block; width: 24px; height: 24px; text-decoration: none; }
#ColoursWrapper { /*width: 164px;*/ margin: 0 auto; position: relative; }
    #ColoursWrapper a.preview-colour-swatch-link { height: 24px; padding: 5px; display: block; clear: both; }
    #ColoursWrapper span.preview-colour-swatch { display: block; position: relative; float: left; width: 22px; height: 22px;  border: 1px solid #888; }
    #ColoursWrapper span.preview-colour-swatch-name { display: block; float: left; margin-left: 5px; padding-top: 3px; }

.preview-garment-link, .preview-view-link { display: block; padding: 3px 10px; text-align: center; width: 100px; cursor: pointer; }

.current-designs-wrapper, .basket-breakdown-wrapper { display: none; }
.current-designs-table { width: 665px; background-color: #bfbfbf; margin-right: 30px; }
    .current-designs-table td { text-align: center; }

.small-notice { font-size: 10px; clear: both; }

.disabled { color: #888; background-color: #bfbfbf; cursor: default; }
    .disabled:hover { background-color: #bfbfbf; cursor: default; }

.cancel-button { text-decoration: none; right: 0; top: 12px; width: 26px; height: 26px; background-color: #F00; overflow: hidden; position: absolute; color: #FFF; display: block; background-image: url(../../../../../_THEME%20BUILDER/Folder%20Structure/Styles/images/cancel-design-button-bg.png); background-repeat: no-repeat; background-position: top right; }
    .cancel-button span { position: absolute; top: 4px; left: -84px; display: block; float: left; }

/* Inactive overlays */
.overlay { background-color: #E6E6E6; position: absolute;  z-index: 50; display: none; }
    /*.overlay div { text-align: center; vertical-align: middle; display: table-cell; color: #999; font-size: 22px; font-weight: bold; }*/
.wizard-overlay { height: 415px; left: 245px; top: 75px; width: 435px; }
    .wizard-overlay div { height: 415px; width: 435px; }
.preview-overlay { text-align: center; display: block; height: 440px; left: 580px; top: 12px; width: 388px; background-color: #FFF; padding: 20px 0 20px 40px; }
    .preview-overlay h4 { text-align: center; }
    /*.preview-overlay div { height: 415px; width: 275px; }*/
.current-designs-overlay { height: 150px; left: 15px; top: 540px; width: 665px; }
    .current-designs-overlay div { height: 150px; width: 665px; }

.design-position-button { width: 108px; display: block; margin: 8px auto; }
.design-notes { width: 345px; height: 245px; }

/* Generic rules */
.float-left { float: left; }
.panel-left { float: left; width: 180px; }
.panel-right { float: right; width: 180px; }
.clear { clear: both; }
.no-height { height: 0; }
.hint { font-size: 0.9em; }

/* Products/ViewBasket */

.basket-content-wrapper {  }
.item-wrapper { margin-bottom: 10px; }
.item-header-wrapper { background-color: #bfbfbf; height: 40px; }
.item-header { float: left; width: 450px; padding: 10px 15px; background-color: #bfbfbf; color: #333; font-weight: bold; }
.item-total-wrapper { float: right; width: 238px; padding: 10px 0px; background-color: #bfbfbf; color: #333; font-weight: bold; }
.view-more-button-wrapper { display: inline-block; width: 42px; padding: 10px 20px; background-color: #bfbfbf; color: #333; font-weight: bold; }

.item-breakdown-wrapper { background-color: #e6e6e6; padding: 15px; }

.item-image { width: 60px; padding: 10px; float: left; }
    .item-image img { width: 60px }

.item-details-wrapper { float: right; width: 80%; }
.basket-item-details-table { width: 100%; border-spacing: 5px; }
    .basket-item-details-table th { padding: 5px 0; }
    .basket-item-details-table td { text-align: center; /*border: 1px solid #999;*/ background-color: #fff; }

.item-designs-wrapper { clear: right; }

.item-total { width: 196px; padding-left: 424px; }
.item-total h4, .item-total div { float: left; padding: 0 15px 15px; margin-top: 10px; }
    .item-total div { float: right; text-align: right; }

.basket-item-designs-table { width: 100%; margin: 0 auto; border-spacing: 5px; }
    .basket-item-designs-table td { background-color: #FFFFFF; text-align: center; vertical-align: middle; padding: 5px 3px; }
    .basket-item-designs-table .design-logo { }
    .basket-item-designs-table .design-logo img { max-width: 80px; max-height: 80px; padding: 10px; }
    .basket-item-designs-table .design-logo div { }
    .basket-item-designs-table .design-name { /*width: 40px;*/ text-align: center; }
    .basket-item-designs-table .design-application-type { /*width: 40px;*/ text-align: center; }
    .basket-item-designs-table .design-price-each { /*width: 40px;*/ text-align: center; }

.nopad { padding: 0; margin: 0; }

/* Products/Checkout */

.summary-header { float: left; width: 100px; }

.summary-line { font-size: 14px; padding: 10px; margin: 5px; line-height: 25px; }


.Address-container { border: 1px solid #bfbfbf; height: 250px; padding: 10px; }
.auto-style1 { font-size: 14px; }

.InvoiceAddress-container { float: left; width: 50%; }
.DeliveryAddress-container { float: left; width: 50%; }