/* ////////////////////////////////////////////////////////////////////////////////////////////////////

// camelCase should be used for all class names, e.g. ".rightColumn" NOT ".right_column"
// take advantage of the cascade, do not use overly specific classes
// use semantic tags, i.e. use <h1> tags for headers, and <p> tags for paragraphs
// use single-line style definitions
// use short hand style definitions, e.g. "margin: 5px 10px;" instead of "margin-top: 5px; margin-right: 10px;" etc.
// 
// use inherited font sizes in ems

//////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ***** styles related to type settings ***** */

/* ***** Normalization ***** */
/* set baseline for all browsers */
body, h1, h2, h3, h4, h5, h6, pre, code { font-size: 100%; }
ul, ol { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }

/* ***** font imports ***** */
@font-face
{
	font-family: 'TradeGothicLTBoldCondTwenty';
	src: url('/library/font/lte50543-webfont.eot');
	src: local('☺'), url('/library/font/lte50543-webfont.woff') format('woff'), url('/library/font/lte50543-webfont.ttf') format('truetype'), url('/library/font/lte50543-webfont.svg#webfontkOYqm4fS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AauxRegular';
	src: url('/library/font/aaux-regular-webfont.eot');
	src: local('☺'), url('/library/font/aaux-regular-webfont.woff') format('woff'), url('/library/font/aaux-regular-webfont.ttf') format('truetype'), url('/library/font/aaux-regular-webfont.svg#webfont3NgVmuwR') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ***** base styles ***** */
body { font-size: 0.75em; font-family: Helvetica, Arial, Sans-Serif; }

/* ***** generic styles ***** */
a { text-decoration: none; }
.additional_results a { text-decoration:none;}
.inner a {text-decoration:underline;}

.linkArea a {text-decoration:none;}
a:hover, a:active { text-decoration: underline; }

input[type='text'], select, textarea { font-family: Helvetica, Arial, Sans-Serif; font-size: 0.97em; font-weight: bold; }

/*h1 { font-size: 2em; font-weight: bold; text-transform: uppercase; font-family: 'TradeGothicLTBoldCondTwenty', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }*/
h1 { font-size: 1.75em; text-transform: uppercase; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }
h2 { font-size: 2em; font-weight: bold; text-transform: uppercase; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }
h3 { font-size: 1.67em; font-weight: bold; text-transform: uppercase; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }
h4 { font-size: 1.33em; font-weight: bold; text-transform: uppercase; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }
p { font-weight: bold; line-height: 1.5; }

h4 a { font-family: Helvetica, Arial, Sans-Serif; font-size: 0.63em; }


.inner .lnkFilterCategory { text-decoration:underline; }
.title { font-weight: normal; text-transform: uppercase; font-style: normal; line-height: normal; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }

.button { text-transform: uppercase; font-size: 0.83em; font-weight: bold; text-align: center; font-family: Helvetica, Arial, Sans-Serif; }
.button:hover, .button:active { text-decoration: none; }

.lnkFilterCategory { font-size: 1.25em; font-weight: bold; }
.lnkCategory { font-size: 1.08em; font-weight: bold; }

/* ***** main areas ***** */
.crumbs { font-size: 1.17em; }
.crumbs .results { font-weight: bold; }

.noResults { text-align: center; }
.noResults p { font-size: 1.17em; }

/* ***** CMS content ***** */
.generalContent { font-weight: bold; }
.generalContent h5,
.generalContent h6 { font-weight: bold; text-transform: uppercase; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; }
.generalContent h5 { font-size: 1.25em; }
.generalContent h6 { font-size: 1.17em; }

.generalContent strong,
.generalContent b { font-weight: bold; }
.generalContent em,
.generalContent i { font-weight: inherit; font-style: oblique; }

.generalContent ul,
.generalContent ol { line-height: 1.5; list-style-position:outside; }

/* ***** form areas ***** */
.generalcontent  #content .inner label { font-weight: bold; text-transform: uppercase; font-size: 1.33em; font-family: 'AauxRegular'; }

/* ***** navigation ***** */
#nav { font-size: 1.17em; }
#nav a { font-weight: bold; }
#nav a:hover, #nav a:active { text-decoration: none; }

/* ***** header ***** */

/* ***** footer ***** */
#footer { font-weight: bold; }

#footer .copyright { font-weight: normal; font-size: 0.92em; }
#footer .copyright a { font-size: 1.09em; }

/* ***** search drawer ***** */
#searchDrawer #drawer-close { text-indent: -9999px; }

#searchDrawer label { font-weight: bold; text-transform: uppercase; font-size: 1em; font-family: 'AauxRegular'; }
#searchDrawer .separator { text-indent: -9999px; }
#searchDrawer .byCountry { font-size: 0.83em; font-weight: bold; }

/* ***** pagination ***** */
.pagination { font-size: 0.83em; text-transform: uppercase; font-weight: bold; }
.pagination a:hover, .pagination a:active { text-decoration: none; }
.pagination .pages a { font-size: 1.2em; font-weight: normal; }
.pagination .pages span { font-weight: normal; }
.pagination .pages a.arrow { text-indent: -9999px; }
.pagination .pages a:hover, .pagination .pages a:active, .pagination .pages a.current { font-weight: bold; }

.pagWrap .returnTop:hover, .pageWrap .returnTop:active, .productcomparison .returnTopRight:hover, .productcomparison .returnTopRight:active { text-decoration: none; }

.pagWrap h5,
.additional_results h5 { font-weight: bold; font-size: 1.33em; }

.resultsHeader { font-weight: bold; font-size: 1.33em; }

/* ***** info window ***** */

/* ***** home page ***** */
#homepageFMAHolder .linkArea a { font-weight: bold; font-size: 0.97em; line-height: 1.1; }
#homepageFMAHolder .linkArea a:hover, #homepageFMAHolder .linkArea a:active { text-decoration: none; }
#homepageFMAHolder .linkArea a span.title { font-size: 1.2em; font-weight: bold; }

/* ***** product listings ***** */
#productFilters a { text-transform: uppercase; font-weight: bold; }
#productFilters a:hover, #productFilters a:active { text-decoration: none; }
#productFilters > a { font-size: 0.83em; }
#productFilters .inner a { font-size: 1.08em; }
#productFilters .inner label { font-weight: bold; font-size: 0.92em; }
#productFilters .inner ul ul label { font-weight: bold; }

.products li .product, .productsHeritage li .product { font-size: 1.17em; font-weight: bold; }
.products li .product span span, .productsHeritage li .product span span { font-style: oblique; }
.products li div a, .productsHeritage li div a { font-weight: bold; text-transform: uppercase; font-size: 0.92em; }

/* ***** search results ***** */
.searchresults .leftCol h1 span { font-size: 0.65em; text-transform: none; }
.pagWrap .returnTop { font-weight: bold; text-transform: uppercase; }

.additional_results a { text-transform: uppercase; font-weight: bold; }
.additional_results ul li a { font-weight: bold; }
.additional_results .addlResultsFoot { text-align: left; font-size: 0.92em; }
#productFilters h1 { font: 1.5em Helvetica, Arial, Sans-Serif; }
.searchresults .resultsHeader .searchBox .button { font-size: 0.625em; }

/* ***** product detail ****** */
.productdetail .rightColumn { font-weight: bold; }
.productdetail .rightColumn strong { text-transform: uppercase; font-weight: bold; }
.productdetail .shoeOptions a { text-transform: uppercase; font-weight: bold; font-size: 0.83em; }
.productdetail .shoeInfo h1 { font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; text-transform: none; font-size: 2em; }

.shoeInfo .icons { line-height: 1.7; }
.shoeInfo dl { line-height: 1.4; }
.shoeInfo dt { text-transform: uppercase; }

/* ***** shoe stores page ***** */
.shoeStores .leftColumn ul { font-family: 'AauxRegular', Impact,Charcoal, 'Arial Narrow', Sans-Serif; }
.shoeStores .leftColumn ul label { font-size: 1.3em; text-transform: uppercase; }
.shoeStores .leftColumn ul .button {  }

.shoeStores .leftColumn .bottomLnk { font-weight: bold; font-size: 1.2em; }

/* ***** store locator results ***** */
#mapSearch label { font-size: 1em; font-weight: bold; text-transform: uppercase; font-family: 'AauxRegular', Impact,Charcoal, 'Arial Narrow', Sans-Serif; }
#mapSearch .mapHeader .legend { font-weight: bold; font-size: 0.92em; }
#mapSearch #mapFilter .checkboxes label, #mapSearch #mapFilter .checkboxes a { font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; text-transform: none; }

.locationsList a { font-weight: bold; font-size: 0.83em; text-transform: uppercase; }
.locationsList .storeName { font-size: 1.17em; text-transform: none; }
.locationsList ul li p { line-height: 1.2; }
.locationsList ul li .address { font-weight: bold; }
.locationsList ul li .action { font-weight: bold; }

#mapSearch #googleCont #directions .googledir a { font-weight: bold; font-size: 1.1em; }
#mapSearch #googleCont #directions .googledir a:hover,
#mapSearch #googleCont #directions .googledir a:active { text-decoration: none; }

/* google maps result bubble */
.ggl_popup h3 { font-family: Helvetica, Arial, Sans-Serif; }

/* ***** modals ***** */
.modal { font-weight: bold; }
.modal h3 { font-size: 1.33em; }
.modal h3 a { font-size: 0.69em; font-family: Helvetica, Arial, Sans-Serif; }
.modal .body label { font-family: 'AauxRegular', Impact,Charcoal, 'Arial Narrow', Sans-Serif; font-size: 1.33em; text-transform: uppercase; font-weight: bold; text-align: right; }
.modal .body .checkbox label { font-family: Helvetica, Arial, Sans-Serif; font-size: 0.92em; text-transform: none; text-align: left; }
.modal .body .button { font-size: 0.97em; }

/* phone modal */
#phoneModal .enterPhone p { font-size: 0.97em; font-style: oblique; font-weight: normal; }
