body {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #ddd; /* FIXME Gradient */
}
p {
   color: #808080;
   font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   color: #666;
}
h1, h2, h3, h4, h5, h6, th, button, #hat, #sole{
   font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
}

#hat, #sole {
   width: 100%;
   color: white;
   background-color: black;
}
#sole {
   color: #dfdfdf;
   font-size: 2.5em;
   text-align: center;
   text-transform: uppercase;
   padding-top: 0.5em;
}
#sole strong {
   color: white;
}
#hat {
   height: 1.65em;
   padding-top: 0.35em;
}
#hat #brim, #sole #insole {
   width: 1000px;
   margin: auto;
}
#hat #brim div.tagline {
   float: left;
   text-transform: uppercase;
   color: #c5c5c5;
}
#hat #brim div.tagline strong{
   color: white;
}
#hat #brim div.nav {
   float: right;
}

#page {
   width: 1000px;
   margin: auto;
   margin-top: 0px;
   padding: 10px 40px 20px 40px;
   border: 1px solid #929292;
   border-top: 0px;
   border-bottom: 0px;
   background-color: white;
}

#page #header {
   margin: 12px 0px;
}

.blue {
   color: #398aca;
}

#page #header #headerLogo {
   float: left;
   margin-top: -10px;
}
#page #header .tagline {
   float: right;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 1.5em;
   text-align: right;
   line-height: 1em;
   margin-right: 15px;
   padding-right: 15px;
   border-right: 1px solid #929292;
   color: #4d4d4d;
}
#page #header .tagline .blue {
   font-size: 75%;
}
#page #header #headerNav {
   float: right;
}
#page #header #headerNav button {
   background: white url(../images/buy_now_button.png) no-repeat top;
   color: white;
   width: 145px;
   height: 40px;
   border: 0px;
   font-weight: bold;
   font-size: 1.5em;
   margin-top: 4px;
   cursor: pointer;
}

#page #media {
   width: 100%;
}
#page #media img {
   width: 100%;
}

table#content {
   width: 100%;
   border-collapse: collapse;
   margin-top: 30px;
}

table#content h2 {
   font-size: 1.4em;
   font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
   font-weight: normal;
}
table#content h2 strong {
   font-family: 'TitilliumText22LBold', Arial, Helvetica, sans-serif;
   font-weight: normal;
}
table#content td#rightcontent {
   width: 330px;
   border-left: 2px solid #929292;
}

table#content td>div {
   border-top: 1px solid #929292;
   padding-bottom: 20px;
}
table#content td#rightcontent>div {
   padding-left: 20px;
}

img.img {
   display: block;
   float: right;
   clear: right;
   margin: 30px 30px 15px 30px;
}

div.comparison, img.img {
   -moz-box-shadow: 4px 4px 10px #999;
   -webkit-box-shadow: 4px 4px 10px #999;
   box-shadow: 4px 4px 10px #999;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#999999')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#999999');
}
div.comparison {
   float: left;
   position: relative;
   text-align: center;
   width: 290px;
   margin-right: 30px;
}
div.comparison img{
   width: 290px;
}
div.comparison h3 {
   color: white;
   margin: 0px;
   background-image: url(../images/blue_grad.png);
   height: 43px;
   line-height: 43px;
   padding-top: 6px;
   font-size: 1.5em;
   font-weight: normal;
}
div.comparison div.caption {
   text-align: center;
   font-family: Helvetica, sans-serif;
   font-size: 1.2em;
   line-height: 1.1em;
   background-color: #4d4d4d;
   color: white;
   position: absolute;
   bottom: 35px;
   padding: 8px 0px 8px 0px;
   width: 250px;
   left: 20px;
   font-weight: bold;
}

#velcro_table th {
   text-align: center;
   font-weight: normal;
}

#velcro_table img {
   margin: 4px;
}

#sku_table {
   background-color: #4d4d4d;
   border: 25px solid #4d4d4d;
   width: 275px;
   margin: auto;
   color: white;
   font-weight: 900;
   font-size: 120%;
}
#sku_table td {
   text-align: center;
   border-bottom: 1px solid #898989;
}
#sku_table td:first-child {
   border-right: 1px solid #898989;
}
#shoe {
   width: 100%;
   background-color: #4d4d4d;
   padding-bottom: 25px;
}
#footer {
   color: white;
   margin: 0px;
   padding: 10px 40px 10px 40px;;
   width: 1000px;
   margin: auto;
   font-size: smaller;
}
#footer h2, #footer h1, #footer h3 {
   color: white;
}
#footer div.toe {
   width: 315px;
   float: right;
   margin-left: 25px;
}
#footer div.toe div.address {
   font-size: smaller;
   float: right;
   width: 145px;
   margin-left: 10px;
}

#footer div.toe h2 {
   border-bottom: 1px solid #acacac;
}

#sole #insole strong {
   font-weight: normal;
   font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
}

#logo_bottom {
   height: 125px;
   margin-top: 10px;
   margin-left: 10px;
}