@charset "utf-8";
/* CSS Document */

.sIFR-flash{visibility:visible !important; margin:0;}
.sIFR-replaced{visibility:visible !important;}
span.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1{visibility: hidden;}


/* GENERAL DEFAULT STYLES
============================================================================================*/
*{padding:0; margin:0;}
ul{list-style-type: disc; padding-left:1em;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin-bottom:1em;}
/*hr{display:none;}*/
img{border:none;}

a{color:black;}
a:visited{color:#002e4f;}
a:active{color:#002e4f;}
a:hover{color:#569fbf;}

strong{font-weight:bold; font-size:1.1em;}

.indent{padding-left:20px;}

/* UTILITY STYLES
============================================================================================*/
.clr{clear:both; height:0; visibility:hidden; margin:0; font-size:1px; line-height:0px;}
.hide{display:none;}
.center{text-align:center;}

hr{margin-left:10px; margin-right:10px;}

/* MENU TEMPLATE
============================================================================================*/
.horizMenu{width:800px;}
	.horizMenu, .horizMenu li{list-style-type:none; margin:0; padding:0; display:block;}
	.horizMenu li{display:inline; float:left; text-align:center; }
	.horizMenu a{display:block; text-decoration:none;}
	.horizMenu li ul{width:100%; position:absolute; z-index:5000; left:0; }
	.horizMenu li ul li{display:inline;}
	.horizMenu li ul{width:800px;} /* HACK: IE need an exact with!!!! */

#nav_main{clear:both; overflow:hidden; white-space:nowrap; position:absolute; z-index:50; width:220px; height:460px; background:url(../images/LeatherBG.png) no-repeat; padding-left:0px; padding-top:15px; margin-left:20px;}
.horizMenu{clear:both; width:175px;}
.horizMenu li{clear:both; background: transparent url(../images/cr1.gif) no-repeat scroll right bottom; text-align:right;}
.horizMenu a{color:#FFFFFF; font-size:1.5em; font-weight:400; font-variant:small-caps; text-align:right; line-height:1.1em; white-space:nowrap; margin-bottom:10px; padding-top:2px; margin-top:4px; width:185px;}
.horizMenu a{margin-left:0; margin-right:0;}
.horizMenu .horizMenu a:active, .horizMenu li.active a{color:#396694; font-weight:bold; }
.horizMenu a:active, .horizMenu li.active a{}
.horizMenu li:hover{}
.horizMenu li:active, .horizMenu li.active{}
.horizMenu a:hover{color:#396694;}

#content .subNav{float:right; padding:0; margin:0 0 0 15px;}
#content .subNav li{margin-left:5px; list-style:none; margin-bottom:8px; display:block; padding:0;}
#content .subNav li a{display:block; background-color:#396694; color:#FFFFFF; padding:5px; margin:0; width:9.5em; text-align:center; text-decoration:none; text-transform:capitalize; font-size:1.1em; font-weight:bold;}
#content .subNav li ul{margin:0; padding:0; }
#content .subNav li ul li{margin:0; padding:0;}
#content .subNav li ul li a{background-color:transparent; padding:0; text-align:right; width:auto; padding-right:5px;}
#content .subNav li ul li a:hover{background-color:white; color:#363630;}

.floatLeft{float:left; margin-right:5px; margin-bottom:5px;}
.floatRight{float:right; margin-right:5px; margin-bottom:5px;}

/* MAIN LAYOUT
============================================================================================*/

html{text-align:center;}
body{width:800px; margin:0 auto; text-align:left; position:relative; background:url(../images/Wood.jpg) no-repeat top center #363630;
font:72%/1.5 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; padding-bottom:20px; color:#FFFFFF; visibility:visible; clear:both;}

div#content{position:relative; width:100%; clear:both; overflow:visible;}
#content p{padding:10px; text-align:justify;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content label, #content input, #content select, #content textarea, #content fieldset, #content a{margin-left:10px; margin-right:10px;}
#content ul, #content ol, #content dl{margin-left:15px; margin-right:15px;}
#content ol{padding-left:15px;}

#content h2{background: transparent url(../images/header_bg.gif) repeat scroll left top; padding:6px 0pt; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px; font-variant:small-caps;}

#content h3{font-size:1.7em; text-align:center; padding-top:10px; margin-bottom:0;}

#content h4{font-size:1.2em;}

#wrapper{width:800px; clear:both; overflow:visible;}

#branding{padding-top:25px; clear:both; overflow:hidden; padding-bottom:25px;}
#branding h1{color:#FFFFFF; font-variant:small-caps; font-size:2.5em; text-align:center; line-height:1.2em; font-weight:400; width:430px; margin-right:100px; float:right; display:block; margin-top:35px; /*padding-right:150px;*/ /*text-indent:-999999px; position:absolute;*/}
#branding #logo{margin-left:10px; float:left; width:218px;}

/*
#search{width:200px; float:right; clear:right; margin-right:5px;}
#search #sbi{width:100px;}
*/

#content_main{width:450px; margin-right:70px; float:right; clear:none; margin-left:3px; border:dotted 1px #FFFFFF; background-color:#363630; }
#content_main a{color:#FFFFFF; padding:0; margin:0;}
#content_main a:hover{color:#FFFFFF;}

#content_sub{float:left; margin-right:3px; margin-left:25px; padding-top:0; width:220px; position:absolute; z-index:55; top:680px; left:10px; overflow:visible;}

#site_info{overflow:hidden; width:450px; margin-right:70px; float:right; }
#site_info #utilNav{width:300px; float:left; padding-left:0; margin-left:0; margin-top:3px; }
#site_info #utilNav li{list-style-type:none; margin:0; padding:0; display:block; float:left;}
#site_info a{text-decoration:none; padding-right:8px; color:#FFFFFF;}
#site_info a:hover{text-decoration:underline;}
#site_info .cirv{float:right; width:35px; text-align:right; margin-right:0px; color:#FFFFFF; margin-top:3px; }

#address{width:200px; color:#FFFFFF; /*position:absolute; top:670px; left:40px;*/ margin-bottom:20px; clear:both;}

#googleSearchUnitIframe{padding-left:10px;}

blockquote{
  font:1.2em/1.6em;
  width:200px;
  background: url(../images/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
  padding-bottom:10px;
}
blockquote:first-letter {
  background: url(../images/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  padding-top:5px;
  font-size:1.4em; font-style:italic;
}




/* HOME PAGE
============================================================================================*/
body#home #content_main{overflow:hidden;}
body#home #content_main p{float:left;}
.box{width:326px; height:232px; float:right; padding:15px;}
/*#box1{background:url(../images/LeatherBG-trans.png) no-repeat;}
#box2{background:url(../images/LeatherBG3-trans.png) no-repeat;}
#box3{background:url(../images/LeatherBG2-trans.png) no-repeat;}*/

.catalog ul{padding-left:20px; margin-top:0; margin-bottom:0;}
/*.catalog li:before{content: "- ";}*/

h3{}
.catalogItem{margin-bottom:15px; margin-left:10px; margin-right:10px; clear:both;}
.catalogItem thead td{font-size:1.05em; font-weight:bold; padding-left:0; vertical-align:top;}
.catalogItem th{text-align:left; width:100px; vertical-align:top;}
.catalogItem td{padding-left:10px; vertical-align:top;}
.catalogItem{text-align:left;}
.catalogItem h4{font-size:1.2em; line-height:1.2em; margin:0;}
.catalogItem h5{font-size:1em; font-weight:bold; padding:0; margin:0; line-height:1em; display:inline; text-align:left;}
.catalogItem p{text-align:left;}

.shoeNav{list-style:none; padding-bottom:25px; margin-left:10px; margin-right:10px; padding-left:0; clear:both; display:block;}
.shoeNav li{clear:both;}
.shoeNav h3{padding-top:35px; text-align:left; display:block; width:220px;}
.shoeNav h3.floatLeft{text-align:right;}

#yearsOfExcellence{border:solid 1px #ffffff; width:418px; padding:15px 10px 15px 10px; background-color:#396694; color:#ffffff; margin:0px 5px 10px 5px;}
#yearsOfExcellence .years{font-size:25px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff; text-align:center; color:#2b280a;}
#yearsOfExcellence .thirty{font-size:50px; line-height:1em; padding-top:3px; margin-right:5px; display:block; width:55px; margin-left:110px; float:left;}
#yearsOfExcellence .excellence{font-size:25px; line-height:1em; border-bottom:solid 1px #ffffff; font-variant:small-caps; padding-bottom:10px; color:#2b280a; }
#yearsOfExcellence .excellence .deemphasize{font-size:18px; margin-left:15px;}
#yearsOfExcellence .excellence .emphasize{font-size:30px;}

#diabeticInfo, #workersComp{font-family:"Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase; width:205px; height:295px; display:block; width:205px; height:295px; display:block; float:none;}
#diabeticInfo{background:url(../images/DiabeticSwatch1.png) no-repeat; float:left; clear:left; padding:0;}
#workersComp{background:url(../images/WorkCompSwatch1.png) no-repeat; margin:0 14px 10px 0px; float:left; clear:right; padding:0;}
#diabeticInfo span, #workersComp span{text-align:center; display:block; font-size:15px; padding-top:5px;}
html body div#content a#diabeticInfo span strong, html body div#content a#workersComp span strong{font-size:22px; padding-top:13px; display:block; font-weight:normal;}
html body div#content a#workersComp span strong{margin-right:3px;}

.sub-section{position:relative;}
.sub-section #call-crary-shoes{position:absolute; top:50px; font-size:13px; font-family:"Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase; text-align:center; left:35px;}

/*CONTACT PAGE*/
.coverageInquire{width:210px; border:dotted 1px #fff; padding:5px; float:right; font-weight:bold; margin-right:10px;}


/*
#diabeticInfo{position:relative; display:block; float:left;}
#diabeticInfo h1, #diabeticInfo h3{position:absolute; text-align:center;}
#diabeticInfo h1,#workersComp h1{top:10px;  text-align:center;}
#workersComp{position:relative; display:block; float:left; clear:right;}
#workersComp h1, #workersComp h3{position:absolute; text-align:center;}
*/