/* DEFAULTS
----------------------------------------------------------*/
body   
{
    background: #ffffff;
    font-size: 16px;
    font-family: 'Raleway', Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    -webkit-font-smoothing: antialiased;
    width:auto;
}
.button{-webkit-appearance: none;}
.serif
{
    font-family: 'Lora', "Palatino Linotype", "Times New Roman", Times, serif;
    font-family: 'Raleway', Arial, sans-serif;
}
.sans
{
    font-family: 'Raleway', Arial, sans-serif;
}
p
{
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 27px;
    -webkit-font-smoothing: antialiased;
}

p a:link
{
    color:inherit;
    font-weight:bold;
    }
p a:hover
{
    font-weight:bold;
    color:inherit;
    }
p a:active
{
    font-weight:bold;
    color:inherit;
    }
p a:visited
{
    font-weight:bold;
    color:inherit;
    }
ul
{
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 27px;
}
hr {border:1px solid #75808a; margin:10px 0px;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:300;
    color: #666666;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 0px;
}

h1
{
    color:#f8f8f8;
    font-size: 70px;
    padding: 0px;
    margin: 0px;
    text-transform:uppercase;
    letter-spacing:.2em;
    -webkit-font-smoothing: antialiased;
}

.heroCopy h2
{
    color:#003764;
    }
h2
{
    text-align:center;
    font-size: 50px;
    padding: 0px;
    margin: 0px;
    text-transform:uppercase;
    letter-spacing:.05em;
    -webkit-font-smoothing: antialiased;
}

h3
{
    color:#f8f8f8;
    font-family: 'Raleway', Arial, sans-serif;
    text-transform:uppercase;
    font-size: 30px;
    letter-spacing:.15em;
    -webkit-font-smoothing: antialiased;
    line-height: 40px;
}

h4
{
    text-align:center;
    color:#003764;
    font-size: 32px;
    padding: 0px;
    margin: 0px;
    text-transform:uppercase;
    letter-spacing:.05em;
}

h5
{
    text-align:left;
    color:#003764;
    font-size: 25px;
    padding: 0px;
    margin: 0px;
    text-transform:uppercase;
    letter-spacing:.05em;
}
h6
{
    text-align:left;
    color:#003764;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.mainheader
{
    color:#f8f8f8;
    font-size: 70px;
    padding: 0px;
    margin: 0px;
    text-transform:uppercase;
    letter-spacing:25px;
    -webkit-font-smoothing: antialiased;
}
a:link img
{
    border:none;
    }
a:link
{
    color:#696969;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
a:visited
{
    color:#696969;
}

h4 a:link
{
    color:#003764;
    text-decoration:none;
    }
h4 a:hover
{
    color:#696969;
    text-decoration:none;
    }
h4 a:visited
{
    color:#003764;
    text-decoration:none;
    }
h4 a:active
{
    color:#696969;
    text-decoration:none;
    }
.tj-footer p 
{
    color:#ffffff;
    font-size: 14px;
    }

/* Backgrounds   
----------------------------------------------------------*/

.design-back
{
    background-image:url("/localpics/background-get-started.jpg");
    }
.detail-back
{
    background-image:url("/localpics/background-detail.jpg");
    }
.details-back
{
    background-image:url("/localpics/background-details.jpg");
    }
.shoulder-back
{
    background-image:url("/localpics/background-shoulder.jpg");
    }
.oxxford-back
{
    background-image:url("/localpics/background-oxxford.jpg");
    }
.oxxford-suit-back
{
    background-image:url("/localpics/background-oxxford-suit.jpg");
    }
.review-back
{
    background-image:url("/localpics/background-review.jpg");
    }
.event-back
{
    background-image:url("/localpics/background-events.jpg");
    }
.readymade-back
{
    background-image:url("/localpics/background-ready-to-wear-accessories.jpg");
    }
.spencer-back
{
    background-image:url("/localpics/background-spencer.jpg");
    }
.suit-bw-back
{
    background-image:url("/localpics/background-suit-bw.jpg");
    }
.clothier-back
{
    background-image:url("/localpics/background-clothier.jpg");
    }

.cloth-back
{
    background-image:url("/localpics/background-cloth.jpg");
    }
.how1-back
{
    background-image:url("/localpics/background-step1.jpg");
    }
.how2-back
{
    background-image:url("/localpics/background-step2.jpg");
    }
.how3-back
{
    background-image:url("/localpics/background-step3.jpg");
    }
.how4-back
{
    background-image:url("/localpics/background-step4.jpg");
    }
.knit-back
{
    background-image:url("/localpics/background-custom-knits.jpg");
    }

/* text Classes   
----------------------------------------------------------*/
.boilerplate{font-size:12px;}
.career{font-size:16px;}
.align-right{text-align:right;}
.button-white:link
{
    text-decoration:none;
    color:#003764;
    width:250px;
    padding:5px 10px;
    margin:25px 20px;
    text-transform:uppercase;
    text-align:center;
    font-size: 21px;
    text-transform:uppercase;
    letter-spacing:.05em;
    border:2px solid #75808a;
    -webkit-appearance: none;
    }
.button-white:hover
{
    color:#003764;
    background-color:#d5d5d5;
}
.button-white:visited
{
    color:#003764;
    text-decoration:none;
    border:2px solid #75808a;
    }
.button-white:active
{
    text-decoration:none;
    border:2px solid #75808a;
    color:#75808a;
    }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.container
{
    text-align:center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    
}

.header
{
    position: fixed;
    top:0px;
    left:0px;
    background-color:#003764;
    height:60px;
    width: 100%;
    z-index:100;
}
        .nav
        {
            margin:auto;
            max-width:1500px;
            }
        .logo
        {
            float:left; margin:9px 30px 5px;
            }
        .navleft
        {
            float:left; margin-left:20px;
            }
        .navright
        {
            float:right;
            }
            
        .navright cart
        {
            margin:15px 25px;
            }
        .navright img
        {
            margin:18px 25px;
            width:25px;
            }
        .navleft a:link, .navright a:link
        {
            font-family: 'Raleway', Arial, sans-serif;
            font-size: 15px;
            color:#f8f8f8;
            text-transform:uppercase;
            float:left;
            margin: 0px;
            text-decoration:none;
            letter-spacing:.1em;
            height:20px;
            text-align:center;
            }
        .navright navlink a:link
        {
            background-color:#75808a;
            }
        .navright navlink a:visited
        {
            background-color:#75808a;
            }
        .navright navlink a:hover
        {
            background-color:#50728b;
            }
        .navlink:hover
        {
            background-color:#50728b;
            }
        .navlink:active
        {
            background-color:#053249;
            }
        .navlink:visited
        {
            color:#f8f8f8;
            }
        .navlink{padding:20px 25px;}


.mobilenavleft a:link
{
    font-size: 20px;
    color:#f8f8f8;
    text-transform:uppercase;
    float:left;
    margin: 20px 0px;
    text-decoration:none;
    letter-spacing:.3em;
    height:20px;
    text-align:center;
    min-width:100%;
    }
.hero
{
    background-position:center;
    text-align:center;
    margin-bottom:-60px;
    background-repeat:no-repeat;
    }
    
.heroCopy
{
    max-width:70%;
    text-align:center;
    margin:auto;
    padding:110px 0px;
    }
.heroCopy hr
{
    width:65%;
    border: 0;
    height: 1px;
    background: #f8f8f8;
    margin:45px auto;
    }
.hero-filler
{
    height:25px;
    width:100%;
    }
.content
{
    padding: 0px;
    margin:auto;
    width:100%;
    margin-top:60px;
}
.tj-footer
{
    margin: auto;
    padding: 30px 0px;
    background: #003764;
    width: 100%;
}
.footernav
{
    margin:auto;
    max-width:1300px;
    text-align:center;
    }
.tj-footer hr
{
    width:100%;
    border: 0;
    height: 3px;
    background: #75808a;
    margin:10px auto;
    }
.footerform
{
    display:inline-block;
    width:250px;
    margin:0px 70px 0px 30px;
    vertical-align:top;
    
    }
.footerform p
{
    margin:20px 0px;
    }
.footerform button
{
    margin:20px 0px;
    -webkit-appearance: none;
    }
.navcolumn
{
    display:inline-block;
    text-align:left;
    vertical-align:top;
    width:20%;
    margin-left: 30px;
    }
.navcolumn a:link
{
    display:block;
    clear:both;
    font-size:15px;
    font-family: 'Raleway', Arial, sans-serif;
    color:#fff;
    text-decoration:none;
    line-height:40px;
    text-transform:uppercase;
    }
.navcolumn a:visited
{
    color:#fff;
    text-decoration:none;
    }
.navcolumn a:visited
{
    color:#fff;
    text-decoration:none;
    }
.social
{
   display:inline-block;
   width:100%;
   text-align:center;
   margin-top:15px;
    }
.social a img
{
    display:inline-block;
    margin:10px 15px;
    border:none;
    }
.subfooter
{
    color: #003764;
    font-size:14px;
    text-transform:uppercase;
    width: 100%;
    margin: auto;
    padding: 10px;
    background: #ffffff;
    max-width:1300px;
    font-family: 'Raleway', Arial, sans-serif;
}
.sub-copy
{
    float:left;
    font-size:14px;
    }
.sub-links
{
    float:right;
    font-size:14px;
    margin:10px;
    }
.sub-links a:link
{
    text-decoration:none;
    margin: 10px;
    color: #696969;
    }
.sub-links a:visited
{
    text-decoration:none;
    margin: 10px;
    color: #696969;
    }
.sub-image-links
{
    display:block;
    float:right;
    }
.sub-image-links img
{
    height:30px;
}
.teaser
{
    display:inline-block;
    z-index:50;
    width:90%;
    position:relative;
    top:-100px;
    margin-bottom:-100px;
    }

.teasebox img
{
    max-width:100%;
}
.teasebox
{
    display:inline-block;
    margin: 0px 10px 20px 10px;
    width:25%;
}
.teasebox a:link
{
    font-size:16px;
    color:inherit;
    margin-bottom:10px;
}
.teasebox a:visited
{
    font-size:16px;
    color:inherit;
}
.teasebox a:hover
{
    font-size:16px;
    color:inherit;
}
.teasebox a:active
{
    font-size:16px;
    color:inherit;
}

.sectionbox
{
    display:inline-block;
    max-width:350px;
    margin:30px 10px;
    text-align:center;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
.sectionbox img
{
    max-width:100%;
    margin-bottom:5px;
}
.sectionbox img:hover
{
    opacity: 0.6;
    filter: alpha(opacity=60);}
.subnavigation
{
    z-index:2000px;
    text-align:center;
    clear:both;
    width:100%;
    background-color:#95a3af;
    text-transform:uppercase;
    }
.subnavigation li
{
    display:inline;
    }
.subnavigation a:link
{
    display:inline-block;
    font-size:14px;
    letter-spacing:.2em;
    color:White;
    font-family: 'Raleway', Arial, sans-serif;
    text-decoration:none;
    padding:10px 25px;
}
.subnavigation a:hover
{
    color:White;
    background-color:#50728b;
}
.subnavigation a:visited
{
    color:White;
}
.subnavigation a:active
{
    color:White;
}
.back-section
{
    padding:40px 0px;
    clear:both;
    width:100%;
    background-attachment:fixed;
    background-position:center bottom;
    background-repeat:no-repeat;
    }

.back-section-title
{
    max-width:400px;
    display:inline-table;
    table-layout:fixed;
    line-height:1.55em;
}
.white-section
{
    clear:both;
    width:90%;
    margin:60px auto;
    text-align:center;
    }
.white-section h1
{
    color:#003764;
    font-size: 45px;
    padding: 0px;
    text-transform:uppercase;
    letter-spacing:.05em;
    -webkit-font-smoothing: antialiased;
    }
.white-section-img
{
    max-width:600px;
    padding:20px;
    }
.ecomm-menu-section
{
    float:left;
    clear:both;
    width:90%;
    margin:20px auto;
    text-align:center;
    }
.ecomm-copy
{
    padding:30px;
    width:500px;
    }
.section-copy
{
    display:inline-block;
    width:35%;
    margin:20px;
    vertical-align:top;
    text-align:center;
    }
.section-column
{
    display:inline-block;
    padding:30px;
    width:350px;
    vertical-align:top;
    }
.section-image
{
    display:inline-block;
    width:90%;
    }
.section-about
{
    width:30%;
    display:inline-block;
    margin:15px 20px;
   }
.section-hiw
{
    width:20%;
    display:inline-block;
    margin:15px 20px;
   }
   
.section-hiw img
{
    float:left;
    width:100%;
    }
.how-copy
{
    text-align:justify;
    width:100%;
    }    
.section-center
{
    clear:both;
    text-align:center;
    width:100%;
    margin:0px auto;
    }
.section-title
{
    display:inline-block;
    width:70%;}
.find-clothier
{
    clear:both;
    text-align:center;
    width:100%;
    margin:60px auto;
    }
.section-center-copy
{
    display:inline;
    padding:30px;
    width:200px;
    margin:200px auto 60px auto;
    }
.columnlink:link
{
    color:#003764;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
}
.columnlink:visited
{
    color:#003764;
    text-decoration:none;
    font-weight:bold;
}
.columnlink:hover
{
    color:#053c6b;
    text-decoration:none;
    font-weight:bold;
}
.txtbox
{
    color:#696969;
    font-size:21px;
    text-align:center;
    font-style:italic;
    display:inline-block;
    padding:10px 20px;
    margin:15px 0px;
    }
.dropbox
{
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background: url("/localpics/down-arrow.jpg") no-repeat;
    background-position: right center;
    border: 1px solid #000000;
    color:#696969;
    font-weight:normal;
    font-size:21px;
    text-align:center;
    font-style:italic;
    display:inline;
    padding:10px;
    margin:15px auto;
    }
 .section-center .txtbox
 {
     width:100%;
    border:2px solid #75808a;
     }
 .section-copy .txtbox
 {
     width:80%;
    border:2px solid #75808a;
     }
 .section-center .dropbox
 {
    border:2px solid #75808a;
     }
 .section-center .dropbox listitem
 {
    display:inline-block;
     }

.cta
{
    text-align:center;
    margin:15px auto;
    }
.cta a:link
{
    font-family: 'Raleway', Arial, sans-serif;
    display: inline-block;
    font-size: 18px;
    color:#ffffff;
    background-color:#0c4676;
    text-decoration:none;
    padding: 25px;
    margin:20px 30px;
    min-width:200px;
    text-transform:uppercase;
    letter-spacing:.1em;
            }
.cta a:visited
{
    color:#ffffff;
    background-color:#0c4676;
            }
.cta a:hover
{
    background-color:#004a86;
    color:#ffffff;
            }
.button-link-white
{
    text-align:center;
    margin:15px auto;
    display: inline-block;
    -webkit-appearance: none;
    }
.button-link-white h5{color:#003764;}
.button-link-white h6{color:#003764;}
.button-link-white a:link
{
    -webkit-appearance: none;
    width:260px;
    font-family: 'Raleway', Arial, sans-serif;
    display: inline-block;
    font-size: 18px;
    color:#003764;
    background-color:#ffffff;
    text-decoration:none;
    padding: 25px;
    margin:5px 15px;
    min-width:200px;
    text-transform:uppercase;
    letter-spacing:.1em;
    border:2px solid #75808a;

            }
.button-link-white a:visited
{
    color:#ffffff;
    background-color:#ffffff;
    border:2px solid #75808a;
            }
.button-link-white a:hover
{
    background-color:#d5d5d5;
    color:#ffffff;
            }

.clear
{
    clear: both;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    -webkit-appearance: none;
    text-align: right;
    padding-right: 10px;
}
.float-left{float:left;}
.float-right{float:right;}
.textbox
{
    color:#696969;
    padding: 5px 0px;
    text-align:center;
    width:100%;
    letter-spacing:.04em;
    }
.small-textbox
{
    color:#696969;
    padding: 5px 0px;
    text-align:center;
    width:90px;
    font-size:30px;
    letter-spacing:.04em;
    font-family: 'Raleway', Arial, sans-serif;
    }
.button
{
    -webkit-appearance: none;
    margin:10px 0px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    font-size: 14px;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    padding: .5em 1.2em;
    width:100%;
    letter-spacing:.1em;
            }
.button-small
{
    margin:10px 10px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    font-size: 12px;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    padding: 10px;
    letter-spacing:.1em;
    -webkit-appearance: none;
            }
.button-small:link
{
    margin:10px 10px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    font-size:13px;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    padding: 5px;
    letter-spacing:.1em;
            }
.button-small:hover
{
    margin:10px 10px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    color:#ffffff;
    background-color:#b8c7d5;
    text-decoration:none;
    letter-spacing:.1em;
            }
.button-small:visited
{
    margin:10px 10px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    letter-spacing:.1em;
    }

.button-medium:link
{
    margin:20px 10px;
    font-size:12px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    padding: 4px;
    width:200px;
    letter-spacing:.1em;
    }
.button-medium:hover
{
    background-color:#b8c7d5;
    font-size:12px;
    }
.button-medium:visited
{
    background-color:#75808a;
    font-size:12px;
    }
.button-medium:active
{
    background-color:#75808a;
    font-size:12px;
    }
     

.button-large
{
    margin:30px 10px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    font-size: 19px;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    padding: 15px;
    min-width:150px;
    max-width:350px;
    letter-spacing:.1em;
    -webkit-appearance: none;
    white-space: normal;
            }            
.button-large:link
{
    margin:30px 10px;
    border:none;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:200;
    display: inline-block;
    color:#ffffff;
    background-color:#75808a;
    text-decoration:none;
    padding: 4px 10px;
    letter-spacing:.1em;
            }
.button-large:hover
{
    border:none;
    background-color:#b8c7d5;
    text-decoration:none;
            }

.button-large:visited
{
    border:none;
    background-color:#75808a;
            }
.justify
{
    text-align:justify;
    }
    
.review-back section-copy
{
    font-style:italic;
    color:#fff;
    }
    
 .nav-trigger 
 {
     
    position: absolute;
    clip: rect(0, 0, 0, 0);
}   
.ecomm-container
{
    display:inline-block;
    width:100%;
    }
.ecomm-hero
{
    display:inline-block;
    width:100%;
    }
.left-navigation
{
    float:left;
    width:20%;
    margin:10px 0px;
    background-color:#ffffff;
    text-align:right;    
    }
.right-section
{
    float:right;
    display:block;
    height:100%;
    width:79%;
    background-color:#ffffff;
    }
.ecomm-menu-header
{
    padding-left:10px;
    margin-left:5px;
    border-left:2px solid #d5d5d5;
    }
.ecomm-menu-header h1
{
    margin:0px;
    }    
.textbox1
{
    
    color:#ffffff;
    padding: 10px 10% 20px 10%;
    text-align:right;
    font-family: 'Raleway', Arial, sans-serif;
    font-size:15px;
    text-transform:uppercase;
    border-bottom:2px solid #d5d5d5;
    margin-bottom:20px;
    }
.textbox2
{
    
    color:#ffffff;
    padding: 10px 10%;
    text-align:right;
    font-family: 'Raleway', Arial, sans-serif;
    font-size:15px;
    text-transform:uppercase;
    }
.textbox2:hover
{
    background-color:#d5d5d5;
    }
.textbox2 a:link
{
    color:#003764;    
    }
.textbox2 a:hover
{
    text-decoration:none;   
    }
.textbox2 a:visited
{
    color:#003764;    
    text-decoration:none;   
    }
.textbox2 a:active
{
    color:#003764;    
    text-decoration:none;   
    }
    
.textbox2 ul
{
  font-size: 13px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  display:none;
  padding: 0px;   
  line-height:25px; 
  }
 

.textbox2:hover ul {
  height: auto;
  display:block;
}
.textbox2 a:hover{
    text-decoration:underline;   
}

#menu div
{
    display:inline-block;
    margin:10px 15px;
    vertical-align:top;
    width:190px;
    }
#menu p
{
    font-size:14px;
    text-transform:uppercase;
    line-height:20px;
}
#menu h6
{
    font-size:14px;
    text-transform:uppercase;
    line-height:20px;
    font-weight:bold;
    text-align:center;
}
.nav-space
{
    width:100%;
    display:block;
    height:15px;
    }

.ecomm-breadcrumb
{
    font-size:14px;
    padding:5px 15px 0px 0px;
    text-transform:uppercase;
    font-family: 'Raleway', Arial, sans-serif;
    letter-spacing:.08em;
        }


            .mobile_navigation {
              /* critical sizing and position styles */
              text-align:right;
              width: 10%;
              height: 100%;
              position: fixed;
              top: 0;
              right: 0;
              bottom: 0;
              z-index: 0;
              list-style: none;
              margin-top:60px;
              overflow :scroll;
              border-left: 1px solid #75808a;
              padding-top:5%;
              padding-bottom:20%;
            }
            /* Navigation Menu - List items */
            .nav-item {
              /* non-critical appearance styles */
              width: 100%;
              position:relative;
              left:0px;
            }
            .nav-item ul {
               margin-right:0px;
            }
            .nav-item a {
              /* non-critical appearance styles */
              display: block;
              padding: 10px 0px;
              color: #75808a;
              font-size: 14px;
              text-decoration: none;
              text-transform:uppercase;
               margin-right:10px;
            }
            .nav-item .navlink
            {              
                color: #75808a;
            }
            .mobile_navigation h5
            {
                margin:5px;
                text-align:right;
            }
.contact-container
{
    margin:0px auto;
    width:90%;
    display:inline-block;
    margin:15px 0px;
    }
    
.label-div
{
    display:inline;
    max-width:270px;
    margin:0px 10px;
    text-align:center;
}
.label-div > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.label-div > input + img{ /* IMAGE STYLES */
    cursor:pointer;
    border:2px solid transparent;
}
.label-div > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
    border:2px solid #75808a;
}   

.label-div > input + div{ /* IMAGE STYLES */
    cursor:pointer;
    border:2px solid #75808a;
}

.label-div > input:checked + div{ /* (RADIO CHECKED) IMAGE STYLES */
    border:2px solid #75808a;
    background-color:#b8c7d5;
}   
.contact-container label
{
    display:inline-block;
    }
.range-select
{
    min-width:240px;
    margin:25px;
    }

.range-select p
{
    display:inline;
    margin:-20px 0px;
    }
.location-select
{
    text-align:center;
    width:250px;
    padding:10px 0;
    margin:25px;
    }
.bio-container
{
    display:inline-block;
    margin:50px;
    text-align:center;
    }
.bio-hero
{
    display:inline-block;
    max-height:300px;
    overflow:hidden;
    max-width:300px;
    margin-right:20px;
    
}
.bio-thumb:link
{
    display:inline-block;
    vertical-align:middle;    
    padding:15px;
    text-align:center;
    text-decoration:none;
    color:#003764;
}
.bio-thumb:hover
{    
    background-color:#c1c1c1;

}
.bio-thumb:visited
{
    text-decoration:none;
    color:#003764;
}

.bio-thumb h6
{
    margin:5px;
}
.bio-data
{
    display:inline-block;
}
.bio-small
{
    float:left;
    width:125px;
    height:130px;
    overflow:hidden;
    margin-right:10px;
    }
.bio-small img
{
    width:125px;
    -webkit-mask-image: url("/localpics/clip150.png");
}

.review-data
{
    float:left;
    width:80%;
}
.review-data h6
{
    margin:10px 0px;
    }
.bio-review
{
    width:40%;
    margin:35px 0px;
    border-top:2px solid #75808a;
    padding-top:35px;
}
.product-container
{
    display:inline-block;
    width:90%;
    margin:30px 0px;
    text-align:center;
    }
.product-data
{
    width:55%;
    display:inline-block;
    margin:0px 0px 0px 35px;
    text-align:left;
    }
.product-swatch
{
    display:inline-block;
    margin:5px 10px 10px 0px;
    width:150px;
    }
.product-swatch h6
{
    float:left;
    margin-top:10px;
}
.product-swatch price p
{
    float:right;
    margin-top:10px;
}
.product-swatch img
{
    display:inline-block;
    vertical-align:middle;
    width:100%;
    margin-top:5px;
    border:1px solid #75808a;
    }
.product-hero
{
    width:40%;
    float:left;
    }
.product-hero img
{
     float:left;
     max-width:100%;
    }
.product-descr
{
    padding-bottom:15px;
    border-bottom:2px solid #75808a;
    }

.gallery-nav
{
    margin-bottom:10px;
    }    
.gallery-nav a:link
{
    margin:15px 15px;
    font-size:14px;
    font-weight:200;
    color:#003764;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
.gallery-nav a:hover
{
    text-decoration:underline;
    }
.gallery-nav a:visited
{
    color:#003764;
    }

.CoverPop-open,
.CoverPop-open body {
    overflow: hidden;
}

#CoverPop-cover {
    display: none;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-animation: fade-in .25s ease-in;
    -moz-animation-name: fade-in .25s ease-in;
    -ms-animation-name: fade-in .25s ease-in;
    -o-animation-name: fade-in .25s ease-in;
    animation-name: fade-in .25s ease-in;
}

    .CoverPop-open #CoverPop-cover {
        display: block;
    }


@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}


.splash {
    background-color: rgb(55,59,62);
    background-color: rgba(55,59,62,0.80);
}

.splash-center {
    text-align: left;
    max-width: 650px;
    min-height:350px;
    padding: 20px;
    background: #fff;
    margin: 10% auto 0;
}

.splash-top
{
        width:100%;
        text-align:center;
}
.splash-center a:link
{
    display:inline-block;
    }


.swatch
{
    text-align:left;
    display:inline-block;
    margin:15px 15px 0px;

    }
.swatch img
{
    border:1px solid #d5d5d5;
    }
.swatch p
{
    margin:0px;
    }
.clip-me {  
  
    -webkit-mask-image: url("/localpics/clip-in.png");

    } 
.clip150 {  
  
    -webkit-mask-image: url("/localpics/clip150.png");
    

    } 

.fullvid
{
    width:1280px;
    height:720px; 
    }
.seal-back
{
    display:inline-block;
    padding:0px; 
    background-image:url('/localpics/tom-james-seal-background.png'); 
    height:63px;
    width:63px; 
    background-repeat:no-repeat; 
    background-position:center top;
    }    
.feature-thumbnail
{
    display:inline-block;
    vertical-align:top;
    margin:10px;
    }

.color-box
{
    display:inline-block;
    width:80px;
    height:80px;
    border:1px solid #75808a;
    }
    
    
    
.review-container
{
    overflow:hidden;
    }
    
.slider p{display:inline-block;margin:5px;width:80%;text-align:justify;}
.slider h6{display:inline-block;margin:5px;width:80%;text-align:justify;}
.slider h5{display:inline-block;margin:5px;width:80%;text-align:justify;}
.slider a:link{color:inherit;}
.slider a:hover{color:inherit;}
.slider a:visited{color:inherit;}

.slider .as-slide-inner div{display:inline-block; vertical-align:middle;}
/* Bare minimum styles */
.slider {
    -ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */
    overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
    position: relative;
    touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */
    text-align:center;
}

/* AnySlider can be styled to your liking. This is just example styles */

/* The arrows can of course also be styled to your liking. This is just example styles */
.as-prev-arrow,
.as-next-arrow {
    background: url(/localpics/arrows.png) no-repeat;
    cursor: pointer;
    filter: alpha(opacity=1);
    height: 40px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 45%;
    white-space: nowrap;
    width: 40px;
    z-index: 10;
}

.as-prev-arrow {
    left: 0;
}

.as-next-arrow {
    background-position: -40px 0;
    right: 0;
}

.slider:hover .as-prev-arrow,
.slider:hover .as-next-arrow {
    filter: alpha(opacity=1);
    opacity: 1;
}

/* The same rules for styling apply here. Style to your liking */
.as-nav {
    bottom: -10px;
    left: 50%;
    margin-left: -27px;
    position: absolute;
    text-align: left;
    width: 54px;
    z-index: 1;
}

.as-nav a {
    background: url(../demo/img/bullets.png) no-repeat;
    height: 16px;
    display: inline-block;
    margin: 0 1px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
}

.as-nav .as-active,
.as-nav a:hover {
    background-position: 0 -16px;
}

/* The same rules for styling apply here. Style to your liking */
.as-nav {
    bottom: -10px;
    left: 50%;
    margin-left: -27px;
    position: absolute;
    text-align: left;
    width: 54px;
    z-index: 1;
}

.as-nav a {
    background: url(../demo/img/bullets.png) no-repeat;
    height: 16px;
    display: inline-block;
    margin: 0 1px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
}

.as-nav .as-active,
.as-nav a:hover {
    background-position: 0 -16px;
}

.gallery-thumb-menu
{
    display:inline-block;
    vertical-align:top;
    width:250px;
    margin:5px;
    }
.gallery-thumb-menu img{width:250px;}

.thumb-menu
{
    display:inline-block;
    vertical-align:top;
    width:210px;
    margin:10px;
    text-transform:uppercase;
    }
.thumb-menu img{width:200px;}
.thumb-menu h6
{
    font-weight:bold;
    text-align:center;
}

.thumb_wrap
{
    width:200px;
    height:263px;
    overflow:hidden;
    }

.center-section
{
    display:inline-block;
    width:90%;
    }
.table
{
    width:100%;
    font-size:16px;
    border-collapse:collapse;
    border: 0px solid #75808a;
    text-align:left;
    }
.table th
{
    font-size:20px;
    height:50px;
    text-transform:capitalize;
    border: 0px solid #75808a;
    border-bottom: 2px solid #75808a;
    }
.table td 
{
    padding:20px 0px;
    border: 0px solid #75808a;
    border-bottom: 2px solid #75808a;
}
.sub-table
{
    display:inline-block;
    font-size:16px;
    border-collapse:collapse;
    border: 0px solid #75808a;
    text-align:left;
    }
.sub-table td 
{
    padding:30px 40px;
    border:none;
    border-bottom: 0px solid #75808a;
    line-height:35px;
}
.figure2
{
    display:inline-block;
    text-align:center;
    margin: 0px 10px;
    }
label[for="nav-trigger"] 
{
    display:none;
}

#divValidHome1 div{padding:20px 0px 5px; }
#divValidHome1 h6
{
    list-style-type:none;
    line-height:30px;
}
.ipadheader{display:none;}
.sd-title{color:Black;}
.entry-title{color:#003764;}
.zoomContainer{
width:0 !important;
height:0 !important;
z-index: 99;
}

.ecomm-wide
{
    display:inline-block;
    max-width:64%;
    margin-top:3px;
    
    }
.ecomm-narrow
{
    display:inline-block;
    max-width:32%;
    margin-top:3px;
    }
.ecomm-wide a{margin:none;}
.ecomm-narrow a{margin:none;}
.ShoeMenuImg
{
    display:inline-block;
    vertical-align:middle;
    margin: 0px 30px;
    height:22px;
}

          /* //////////OVERIDES\\\\\\\\\\\\\\ */
          /* //////////OVERIDES\\\\\\\\\\\\\\ */
          /* //////////OVERIDES\\\\\\\\\\\\\\ */
          /* //////////OVERIDES\\\\\\\\\\\\\\ */
          /* //////////OVERIDES\\\\\\\\\\\\\\ */
          /* //////////OVERIDES\\\\\\\\\\\\\\ */

.grey{color:#75808a;}
.mediumgrey{color:#b8c7d5;}
.lightgrey{color:#d5d5d5;}
.blue{color:#003764;}
.white{color:#ffffff;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.wide400{width:400px;}
.wide200{width:200px;}
.margin40{margin:40px;}
.margin20{margin:20px;}
.margintop40{margin:40px 0px;}
.margintop15{margin:15px 0px;}
.margintop20{margin:20px 0px;}
.paddingtop40{padding:40px 0px;}
.margin20{margin:20px;}
.paddingtop20{padding:20px 0px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.lightgreyback{background-color:#d5d5d5;}
.greyback{background-color:#75808a;}
.blueback{background-color:#003764;}
.mediumgreyback{background-color:#b8c7d5;}
.lightgreyback{background-color:#d5d5d5;}
.floatleft{float:left;}
.floatright{float:right;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.font-15{font-size:14px;}
.font-12{font-size:12px;}
.border{border:1px solid #75808a;}
.align-full{clear:both; width:100%;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.inline-block{display:inline-block;}
.bordertop{ border-top: 2px solid #75808a;}
.max70{max-width:70%;}
.shadow{text-shadow: 0 0 15px rgba(0, 0, 0, 0.5)}

/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	z-index:0;
}

.og-grid li 
{
    text-align:center;
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: inline-block;
	position: relative;
}
.og-grid li > a img
{
    width:250px;
    }
.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ddd;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 10px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	float: left;
	height: 100%;
	position: relative;
}
.og-details {
	width: 40%;
	padding: 0 40px 0 20px;
}

.og-fullimg {
	width: 45%;
	text-align: right;
}

.og-fullimg img {
	display: inline-block;
	max-height: 90%;
	max-width: 100%;
}

.og-details h3 {
    font-family: 'Raleway', Arial, sans-serif;
    font-style:normal;
    color:#003764;
	font-weight: 300;
	font-size: 42px;
	padding: 0px 0 10px;
	margin-bottom: 10px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #75808a;
    font-family: 'Raleway', Arial, sans-serif;
}

.og-link:link {
    font-family: 'Raleway', Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0px;
	outline: none;
    border:2px solid #75808a;
    text-decoration:none;
}
.og-link:visited {
    font-family: 'Raleway', Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
    border:2px solid #75808a;
    text-decoration:none;
}

.og-link:hover {
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

.og-social a:link
{
    position:relative;
    top:10px;
    width:35px;
    margin:10px;
    border:none;
    }
.og-social a:hover
{
    top:12px;
    }

/* END gallery grid */
/* END gallery grid */
/* END gallery grid */
/* END gallery grid */



/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */
/* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid *//* swatch grid */

.og-swatch-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	z-index:0;
}

.og-swatch-grid li 
{
    text-align:center;
	display: inline-block;
	margin: 10px;
	vertical-align: top;
    width:200px;
    font-size:14px;
    line-height:20px;
	
}

.og-swatch-grid li > a,
.og-swatch-grid li > a img {
	border: none;
	outline: none;
	display: inline-block;
	position: relative;
}
.og-swatch-grid li > a img
{
    border:1px solid #75808a;
    width:200px;
    }
.og-swatch-grid li > img
{
    border:1px solid #75808a;
    width:200px;
    }

.og-swatch-grid .og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-swatch-grid .og-expander-inner {
	padding: 20px 10px;
}

.og-swatch-grid .og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-swatch-grid .og-close::before,
.og-swatch-grid .og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-swatch-grid .og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-swatch-grid .og-close:hover::before,
.og-swatch-grid .og-close:hover::after {
	background: #333;
}

.og-swatch-grid .og-fullimg,
.og-swatch-grid .og-details {
    float:left;
	height: 100%;
	position: relative;
}
.og-swatch-grid .og-details 
{
	float: left;
	height: 100%;
	position: relative;
}

.og-swatch-grid .og-fullimg 
{
	width:40%;
	max-height:650px;
	padding: 0 40px 0 20px;
	text-align: right;
}

.og-swatch-grid .og-fullimg img {
	display: none;
	max-height: 100%;
	max-width: 100%;
	padding: 10px 0 10px;
}

.og-swatch-grid .og-details h3 {
    font-family: 'Raleway', Arial, sans-serif;
    font-style:normal;
    color:#003764;
	font-weight: 300;
	font-size: 42px;
	padding: 10px 0 10px;
	margin:0px;
	margin-bottom: 10px;
}

.og-swatch-grid .og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #75808a;
    font-family: 'Raleway', Arial, sans-serif;
}

.og-swatch-grid .og-link:link {
    font-family: 'Raleway', Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0px;
	outline: none;
    border:2px solid #75808a;
    text-decoration:none;
}
.og-swatch-grid .og-link:visited {
    font-family: 'Raleway', Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
    border:2px solid #75808a;
    text-decoration:none;
}

.og-swatch-grid .og-link:hover {
	color: #999;
}

.og-swatch-grid .og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

.og-swatch-grid .og-social a:link
{
    position:relative;
    top:10px;
    width:35px;
    margin:10px;
    border:none;
    }
.og-swatch-grid .og-social a:hover
{
    top:12px;
    }
@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }
	.og-swatch-grid .og-expander h3 { font-size: 28px; }
	.og-swatch-grid .og-expander p { font-size: 13px; }
	.og-swatch-grid .og-expander a { font-size: 12px; }
    .og-swatch-grid .og-details {float:left;}

}

@media screen and (max-width: 650px) {

	.og-fullimg { display: none; }
	.og-details { float: none; width: 90%; }
	
}

/* END swatch grid */
/* END swatch grid */
/* END swatch grid */
/* END swatch grid */




/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */
/* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid *//* gallery grid */

.og-HS-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	z-index:0;
}

.og-HS-grid li 
{
    text-align:center;
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	width:150px;
	
}

.og-HS-grid li > a,
.og-HS-grid li > a img {
	border: none;
	outline: none;
	display: inline-block;
	position: relative;
}
.og-HS-grid li > a img
{
    width:inherit;
    }

/* END HS grid */
/* END HS grid */
/* END HS grid */
/* END HS grid */






 
/* ///////////////MEDIA STUFF\\\\\\\\\\\\\\\\\ \*/
/* ///////////////MEDIA STUFF\\\\\\\\\\\\\\\\\ \*/
/* ///////////////MEDIA STUFF\\\\\\\\\\\\\\\\\ \*/
/* ///////////////MEDIA STUFF\\\\\\\\\\\\\\\\\ \*/
/* ///////////////MEDIA STUFF\\\\\\\\\\\\\\\\\ \*/
/* ///////////////MEDIA STUFF\\\\\\\\\\\\\\\\\ \*/
@media screen and (min-device-width:1366px), screen and (max-width: 1366px)
{


}

@media screen and (max-device-width:1700px), screen and (max-width: 1700px)
{
.teaser
{
    top:-80px;
    margin-bottom:-80px;
    }

}
@media screen and (max-device-width:1280px), screen and (max-width: 1280px)
{
.white-section
{
    clear:both;
    margin:60px auto;
    }
.section-copy
{
    padding:30px 20px;
    width:35%;
    }
.white-section-img
{
    width:425px;
    padding:60px 20px;
    }
.back-section-title
{
    max-width:350px;
    color:#fff;
    padding-top: 10%;
    line-height:1.55em;
}
.ecomm-copy
{
    padding:30px;
    width:90%;
    }
.ecomm-image
{
    max-height:400px;
    }
.tj-footer
{
    margin: auto;
    padding: 30px 0px;
    background: #003764;
    width: 100%;
}
.footernav
{
    margin:auto;
    max-width:900px;
    }
.footerform
{
    float:left;
    width:250px;
    margin:0px 70px 0px 30px;
    }
.footerform hr
    {
        width:100%;
        border: 0;
        height: 3px;
        background: #75808a;
        margin:10px auto;
}
.navcolumn
    {
    float:left;
    width:220px;
    margin-left: 30px;
    }
.navcolumn ul
{
    clear:both;
    float:left;
    list-style-type: none;
    padding:0px;
    margin:0px;
    }
.navcolumn a:link
{
    font-size:14px;
    font-family: 'Raleway', Arial, sans-serif;
    color:#fff;
    text-decoration:none;
    line-height:2.6em;
    text-transform:uppercase;
    }
.subfooter
{
    color: #003764;
    font-size:14px;
    text-transform:uppercase;
    width: 100%;
    margin: auto;
    padding: 10px;
    background: #ffffff;
    max-width:900px;
    font-family: 'Raleway', Arial, sans-serif;
}
.section-about
{
    width:40%;
    display:inline-block;
    margin:15px 20px;
   }
.section-hiw
{
    width:40%;
    display:inline-block;
    margin:15px 20px;
   }
.teaser
{
    top:-80px;
    margin-bottom:-80px;
    }

}

@media screen and (max-device-width:1024px), screen and (max-width: 1024px)
{
            h1
        {
            color:#f8f8f8;
            font-size:60px;
            padding: 0px 0px;
            margin: 0px 25px;
            text-transform:uppercase;
            letter-spacing:.2em;
        }

        .navleft
        {
            float:left; margin-left:0px;
            }
        .navright
        {
            float:right;
            }

        .subnavlink
        {
            color:#e7e5e5;
            padding:0px 0px;
            }
        .fullvid
        {
            width:900px;
            height:508px;    
            }
        .white-section
        {
            clear:both;
            margin:60px auto;
            text-align:center;
            }
        .section-copy
        {
            text-align:justify;
            padding:20px 20px;
            width:40%;
            margin:0px;
            }
         .white-section-img
        {
            width:650px;
            padding:40px 0px;
            }
        .back-section
        {
            padding:40px 0px;
            clear:both;
            width:100%;
            margin:0px;
            background-attachment:fixed;
            background-position:center top;
            background-repeat:no-repeat;
            }
        .back-section-title
        {
            max-width:100%;
            color:#fff;
            padding-top: 0%;
            line-height:1.55em;
        }
        .align-right{text-align:center;}
        .float-left{float:none;}
        .float-right{float:none;}
        .footernav
        {
            margin:auto;
            max-width:750px;
            }
        .footerform
        {
            float:left;
            width:250px;
            margin:0px 70px 0px 30px;
            }
        .footerform hr
        {
            width:100%;
            border: 0;
            height: 3px;
            background: #75808a;
            margin:10px auto;
        }
        .navcolumn
            {
            float:left;
            width:180px;
            margin-left: 15px;
            }
        .navcolumn ul
        {
            clear:both;
            float:left;
            list-style-type: none;
            padding:0px;
            margin:0px;
            }
        .navcolumn a:link
        {
            font-size:14px;
            font-family: 'Raleway', Arial, sans-serif;
            color:#fff;
            text-decoration:none;
            line-height:2.6em;
            text-transform:uppercase;
            }
        .subfooter
        {
            color: #003764;
            font-size:14px;
            text-transform:uppercase;
            width:100%;
            max-width: 730px;
            margin: auto;
            padding: 10px;
            background: #ffffff;
            font-family: 'Raleway', Arial, sans-serif;
        }
        .teaser
        {
            top:-90px;
            margin-bottom:-90px;
            }
}
@media screen and (max-device-width:995px), screen and (max-width: 995px)
{
            .navleft a:link, .navright a:link
        {
            font-size: 14px;
            }
            .navlink{padding:20px 15px;}
        .teaser
        {
            top:-90px;
            margin-bottom:-90px;
            }
.ecomm-wide
{
    display:inline-block;
    max-width:100%;
    }
.ecomm-narrow
{
    display:inline-block;
    max-width:49%;
    }
}
@media screen and (max-device-width:885px), screen and (max-width: 885px)
{
        .navleft a:link, .navright a:link
        {
        font-size: 13px;
        }
        .navlink{padding:25px 10px;}
.product-hero
        {
            margin-left:35px;
            width:90%;
            float:left;
            }
        .product-hero img
        {
            width:70%;
            }
        .product-data
        {
            width:90%;
            float:left;
            margin:0px 0px 0px 35px;
            }

}
@media screen and (max-device-width:820px), screen and (max-width: 820px)
{
}
@media screen and (max-device-width:768px), screen and (max-width: 768px)
{
         .clip-me
        {
            -webkit-mask-image: url("/localpics/clip150.png");
        }
        .bio-container{display:inline-block; float:left; margin:10px; padding-bottom:15px;}
        .bio-data{float:left;}
        .bio-hero
        {
            float:left;
            height:140px;
            width:125px;
            overflow:hidden;
            margin-right:15px;
        }
        .bio-pic
        {
            float:left;
            max-width:100%;
            }
        .logo{width:100px; margin-top:18px;}
        .cart img
        {
            width:20px;
        }
        .navleft a:link, .navright a:link
        {
        font-size: 11px;
        }
        .navlink{padding:20px 10px;}
            h1
        {
            color:#f8f8f8;
            font-size:60px;
            padding: 0px 0px;
            margin: 0px 25px;
            text-transform:uppercase;
            letter-spacing:.2em;
        }
            h2
        {
            font-size:40px;
        }
        .thumb-menu
        {
            width:210px;
            }
        .thumb_wrap
        {
            width:200px;
            height:263px;
            overflow:hidden;
            }
        .thumb_wrap img{width:100%}

        .subnavlink
        {
            color:#e7e5e5;
            padding:0px 0px;
            }
        label[for="nav-trigger"] 
        {
            display:block;
        }
        .teaser
        {
            text-align:center;
            z-index:50;
            position:relative;
            top:-100px;
            margin-bottom:-100px;
            }
        .fullvid
        {
            width:700px;
            height:395px;    
            }
        .white-section
        {
            clear:both;
            margin:60px auto;
            text-align:center;
            }
        .section-copy
        {
            text-align:justify;
            padding:20px 20px;
            width:85%;
            margin:0px;
            }
         .white-section-img
        {
            width:650px;
            padding:40px 0px;
            }
        .back-section
        {
            padding:40px 0px;
            clear:both;
            width:100%;
            margin:0px;
            background-attachment:scroll;
            background-position:center bottom;
            background-repeat:no-repeat;
            }
        .back-section-title
        {
            max-width:100%;
            color:#fff;
            padding-top: 0%;
            line-height:1.55em;
        }
        .align-right{text-align:center;}
        .float-left{float:none;}
        .float-right{float:none;}
        .footernav
        {
            margin:auto;
            max-width:750px;
            }
        .footerform
        {
            float:left;
            width:250px;
            margin:0px 70px 0px 30px;
            }
        .footerform hr
        {
            width:100%;
            border: 0;
            height: 3px;
            background: #75808a;
            margin:10px auto;
        }
        .navcolumn
            {
            float:left;
            width:180px;
            margin-left: 15px;
            }
        .navcolumn ul
        {
            clear:both;
            float:left;
            list-style-type: none;
            padding:0px;
            margin:0px;
            }
        .navcolumn a:link
        {
            font-size:14px;
            font-family: 'Raleway', Arial, sans-serif;
            color:#fff;
            text-decoration:none;
            line-height:2.6em;
            text-transform:uppercase;
            }
        .subfooter
        {
            display:none;
            color: #003764;
            font-size:14px;
            text-transform:uppercase;
            max-width: 730px;
            margin: auto;
            padding: 10px;
            background: #ffffff;
            font-family: 'Raleway', Arial, sans-serif;
        }
        .teaser
        {
            top:-90px;
            margin-bottom:-90px;
            }
        .left-navigation{width:25%;}
        .right-section{width:70%;}
        .left-navigation .textbox2
        {
            font-size:12px;
            text-align:left;
        }
        .left-navigation .textbox1
        {
            font-size:18px;
        }
}
@media screen and (max-device-width:667px), screen and (max-width: 667px)
{
        .subnavigation{display:none;}
        .sticky-wrapper{display:none;}
        .navleft
        {
        display:none;
        }
        .navright
        {
        display:none;
        }
        label[for="nav-trigger"] 
        {
            display:block;
            position: fixed;
            top: 15px;
            right: 15px;
            z-index: 2;
            width: 30px;
            height: 30px;
            cursor: pointer;
            background-image: url("/localpics/tom-james-mobile-menu.png");
            background-repeat:no-repeat;
            background-size: contain;}

        .nav-trigger + label, .container {
            transition: left 0.2s;
        }


        .nav-trigger:checked ~ .container {
            left: -40%;
            transition: left 0.2s;
        }
            .mobile_navigation {
              /* critical sizing and position styles */
              width: 300px;
            }
}
@media screen and (max-device-width:420px), screen and (max-width: 640px)
{
        .clip-me
        {
            -webkit-mask-image: url("/localpics/clip150.png");
        }

            .teasebox{
                width:40%;
            }
            .mobile_navigation {
              /* critical sizing and position styles */
              width: 300px;
            }
        .nav-trigger:checked ~ .container {
            left: -300px;
            transition: left 0.2s;
        }
        .container
        {
            background-color:#ffffff;
            min-width:420px;}
        .section-about
        {
                    width:80%;
                    margin:10px 0px;
           }
        .section-hiw
        {
            width:80%;
            margin:10px 0px;
            }
        h1
        {
            font-size:35px;
        }
        h2
        {
            font-size:30px;
        }
        h3
        {
            font-size:20px;
        }
        h4
        {
            font-size:16px;
        }
        h5
        {
            font-size:16px;
        }
        .nav
        {
            margin:auto;
            width:590px;
            }
        .logo
        {
            width:173px;
            float:left;
            margin:6px 10px;
            }
        .subnavigation{display:none;}
        .fullvid
        {
            width:575px;
            height:325px;    
            }
        .teaser
        {
            top:-90px;
            margin-bottom:-90px;
            }
        .heroCopy
        {
            max-width:100%;
            margin:auto;
            }
        .heroCopy hr
        {
            width:65%;
            border: 0;
            height: 1px;
            background: #f8f8f8;
            margin:25px auto;
            }
        .white-section
        {
            clear:both;
            margin:60px auto;
            text-align:center;
            }
        .section-copy
        {
            text-align:justify;
            padding:20px 20px;
            width:85%;
            margin:0px;
            }
         .white-section-img
        {
            text-align:center;
            max-width:90%;
            padding:40px 0px;
            }
        .back-section
        {
            padding:10px 0px;
            clear:both;
            width:100%;
            margin:0px;
            background-size: cover;
            background-attachment:fixed;
            background-position:center bottom;
            background-repeat:no-repeat;
            }
        .back-section-title
        {
            max-width:100%;
            color:#fff;
            padding-top: 0%;
            line-height:1.55em;
        }
        .align-right{text-align:center;}
        .footernav
        {
            margin:auto;
            width:590px;
            }
        .footerform
        {
            float:left;
            width:250px;
            margin:0px 70px 0px 30px;
            }
        .footerform hr
        {
            width:100%;
            border: 0;
            height: 3px;
            background: #75808a;
            margin:10px auto;
        }
        .navcolumn
            {
            float:left;
            width:180px;
            margin-left: 15px;
            }
        .navcolumn ul
        {
            clear:both;
            float:left;
            list-style-type: none;
            padding:0px;
            margin:0px;
            }
        .navcolumn a:link
        {
            font-size:14px;
            font-family: 'Raleway', Arial, sans-serif;
            color:#fff;
            text-decoration:none;
            line-height:2.6em;
            }
        .subfooter
        {
            font-size:14px;
            width: 100%;
            margin: 0px;
            padding: 10px;
        }
        .sub-copy
        {
            float:left;
            font-size:8px;
            }
        .sub-links
        {
            margin-top:10px;
            float:right;
            font-size:8px;
            }
        .sub-links a:link
        {
            text-decoration:none;
            margin: 10px;
            color: #696969;
            }
        .sub-image-links
        {
            display:none;
            }
        .cta
        {
            text-align:center;
            margin:10px auto;
            }
        .cta a:link
        {
            font-size:13px;
            color:#ffffff;
            padding: 20px;
            margin:20px 30px;
            width:180px;
                    }
        .range-select
        {
            width:200px;
            padding:10px 0;
            margin:5px;
            }
    .button-large {
        max-width:300px;
    }
}
@media screen and (max-device-width:480px), screen and (max-width: 480px)
{
        .margin40{margin:0px;}
        .mobile-navigation
        {
            display:none;
        }
        h1
        {
            font-size:30px;
        }
        h2
        {
            font-size:30px;
        }
        h3
        {
            font-size:20px;
        }
        .nav
        {
            margin:auto;
            width:460px;
            }
        .logo
        {
            width:150px;
            float:left;
            margin:10px 10px;
            }
        .mobile-menu img
        {
            display:block;
            float:right;
            padding:10px;
            width:40px;
        }
        .teaser
        {
            position:relative;
            top:35px;
            margin-bottom:35px;
            }
        .fullvid
        {
            width:430px;
            height:245px;    
            }
        .hero
        {
            text-align:center;
        }
    
        .heroCopy
        {
            width:100%;
            margin:auto;
            }
        .heroCopy hr
        {
            width:65%;
            border: 0;
            height: 1px;
            background: #f8f8f8;
            margin:25px auto;
            }
        .white-section
        {
            clear:both;
            margin:0px auto;
            text-align:center;
            }
        .section-title{padding:40px 0px;}
        .section-copy
        {
            text-align:justify;
            padding:5px 20px;
            width:85%;
            margin:0px;
            }
         .white-section-img
        {
            width:415px;
            padding:40px 0px;
            }
        .back-section
        {
            padding:10px 0px;
            clear:both;
            width:100%;
            margin:0px;
            background-size: cover;
            background-attachment:fixed;
            background-position:center bottom;
            background-repeat:no-repeat;
            }
        .back-section-title
        {
            max-width:100%;
            color:#fff;
            padding-top: 0%;
            line-height:1.55em;
        }
        .align-right{text-align:center;}
        .footernav
        {
            margin:auto;
            width:260px;
            }
        .footerform
        {
            float:left;
            width:250px;
            margin:10px;
            }
        .footerform hr
        {
            width:100%;
            border: 0;
            height: 3px;
            background: #75808a;
            margin:10px auto;
        }
        .navcolumn
            {
            width:260px;
            margin: auto;
            text-align:center;
            }
        .navcolumn a:link
        {
            display:block;
            clear:both;
            font-size:14px;
            font-family: 'Raleway', Arial, sans-serif;
            color:#fff;
            text-decoration:none;
            line-height:2.6em;
            break-after: auto;
            }
        .subnavigation{display:none;}
        .subfooter
        {
            font-size:10px;
            width: 100%;
            max-width:480px;
            margin: 0px;
            padding: 10px;
        }
        .sub-copy
        {
            float:none;
            width:100%;
            text-align:center;
            font-size:10px;
            }
        .sub-links
        {
            float:none;
            width:100%;
            text-align:center;
            font-size:10px;
            }
        .sub-links a:link
        {
            text-decoration:none;
            margin: 10px;
            color: #696969;
            }
        .sub-image-links
        {
            display:none;
            }
        .cta
        {
            text-align:center;
            margin:10px auto;
            }
        .cta a:link
        {
            font-size:13px;
            color:#ffffff;
            padding: 20px;
            margin:20px;
            width:180px;
                    }
         .section-center .txtbox
         {
             max-width:352px;
             }
         .section-center .dropbox
         {
             width:352px;
             }
        .range-select
        {
            width:200px;
            padding:10px 0;
            margin:5px;
            }
        .left-navigation{display:none;}
        .right-section{width:100%;}
        .thumb-menu
        {
            width:150px;
            margin: 10px 25px;
            }
        .thumb_wrap
        {
            width:155px;
            height:190px;
            overflow:hidden;
            }
        .thumb-menu img{width:155px;}
}
@media screen and (max-device-width:384px), screen and (max-width: 384px)
{
        .container
        {
            min-width:300px;}
}
@media screen and (max-device-width:320px), screen and (max-width: 320px)
{
        .container
        {
            max-width:320px;}
        .button-white:link
        {
            width:150px;
            margin:5px;
            }

        .nav-trigger:checked ~ .container {
            left: -320px;
            transition: left 0.2s;
        }
        .mobile_navigation {
          /* critical sizing and position styles */
          text-align:right;
          width: 100%;
          top:-15px;
          padding-right:40px;
        }
        label[for="nav-trigger"] 
        {
            display:block;
            float:right;
            padding:5px;
            width:10px;
        }
        .nav-item {
          /* non-critical appearance styles */
          width: 320px;
          position:relative;
        }
        .nav-item ul {
           margin-left:0px;
        }
        .nav-item a {
          /* non-critical appearance styles */
          display: block;
          padding: 1em;
          color: white;
          font-size:10px;
          text-decoration: none;
          font-size:16px;
          text-transform:uppercase;
        }
        h1
        {
            font-size:25px;
        }
        h2
        {
            font-size:25px;
        }
        h3
        {
            font-size:25px;
        }
        p
        {
            font-size:13px;
        }
        .nav
        {
            margin:auto;
            width:300px;
            }
        .logo
        {
            width:115px;
            float:left;
            margin:10px 10px;
            }
        .header
        {
            height:45px;
            }
        .teaser
        {
            
            top:35px;
            margin-bottom:50px;
            }
        .fullvid
        {
            width:280px;
            height:160px;    
            }
    
        .heroCopy
        {
            width:100%;
            margin:auto;
            padding:60px 0px 5px 0px;
            }
        .heroCopy hr
        {
            width:65%;
            border: 0;
            height: 1px;
            background: #f8f8f8;
            margin:25px auto;
            }
            
        .white-section
        {
            clear:both;
            width:100%;
            margin:0px auto;
            text-align:center;
            }
        .section-title
        {
            padding:0px;
            margin:0px;
        }
        
        .section-copy
        {
            text-align:justify;
            padding:20px 30px;
            width:85%;
            margin:0px;
            }
        .event-copy
        {
            padding:20px 30px;
            float:left;
            }
         .white-section-img
        {
            width:260px;
            padding:20px 0px;
            }
        .back-section
        {
            padding:10px 0px;
            clear:both;
            width:100%;
            margin:0px;
            background-attachment:scroll;
            background-position:center bottom;
            background-repeat:no-repeat;
            }
        .back-section-title
        {
            max-width:100%;
            color:#fff;
            padding-top: 0%;
            line-height:1.55;
            font-size:10px;
        }
        .align-right{text-align:center;}
        .footernav
        {
            margin:auto;
            width:260px;
            }
        .footerform
        {
            float:left;
            width:250px;
            margin:10px;
            }
        .footerform hr
        {
            width:100%;
            border: 0;
            height: 3px;
            background: #75808a;
            margin:10px auto;
        }
        .navcolumn
            {
            width:260px;
            margin: auto;
            text-align:center;
            }
        .navcolumn a:link
        {
            display:block;
            clear:both;
            font-size:14px;
            font-family: 'Raleway', Arial, sans-serif;
            color:#fff;
            text-decoration:none;
            line-height:2.6font-size:10px;
            break-after: auto;
            }
        .subfooter
        {
            font-size:10px;
            width: 310px;
            margin: 0px;
            padding: 10px 0px;
        }
        .sub-copy
        {
            float:none;
            width:100%;
            text-align:center;
            font-size:10px;
            }
        .sub-links
        {
            float:none;
            width:100%;
            text-align:center;
            font-size:10px;
            }
        .sub-links a:link
        {
            text-decoration:none;
            margin: 10px;
            color: #696969;
            }
        .sub-image-links
        {
            display:none;
            }
        .cta
        {
            text-align:center;
            margin:10px auto;
            }
        .cta a:link
        {
            font-size:13px;
            color:#ffffff;
            padding: 20px;
            margin:20px 0px;
            width:180px;
                    }
            margin:20px 0px;
            border:none;
            font-family: 'Raleway', Arial, sans-serif;
            font-weight:200;
            display: inline-block;
            font-size:13px;
            color:#ffffff;
            background-color:#75808a;
            text-decoration:none;
            padding: .8em .5em;
            width:230px;
            letter-spacing:.1em;
                    }
         .section-center .txtbox
         {
             max-width:200px;
             }
        .section-center
        {
            margin:20px auto;
            }

        .range-select
        {
            width:200px;
            padding:10px 0;
            margin:5px;
            }
        .gallery-nav a:link
            {
                margin:10px 5px;
                font-size:11px;
                letter-spacing:.1em;
            }
        .product-hero
        {
            margin-left:10px;
            }
        .product-data
        {
            margin-left:10px;
            }
        .product-swatch
        {
            display:inline-block;
            vertical-align:top;
            margin:5px 10px 10px 0px;
            width:130px;
            }

        .margin40{margin:20px;}
        .thumb-menu{width:190px;}
        .thumb-menu img{width:inherit;}
}


@media screen and (max-device-width:240px), screen and (max-width: 240px)
{
        .container
        {
            max-width:100%;}
        .button-white:link
        {
            width:150px;
            margin:5px;
            }

        .nav-trigger:checked ~ .container {
            left: -240px;
            transition: left 0.2s;
        }
        .mobile_navigation {
          /* critical sizing and position styles */
          text-align:right;
          width: 100%;
          top:0px;
        }