/** Runners Need styles **/

.skip {
   display: none;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

* html>body .clearfix {
   display: inline-block;
   width: 100%;
}

* html .clearfix {
   /* Hides from IE-mac \*/
   height: 1%;
   /* End hide from IE-mac */
}

img {
   border: 0;
   padding: 0;
   margin: 0;
}

body {
   background: #E3E4DE;
   margin: 0;
   padding: 0;
}

h1,h2,h3,h4,h5,h6 {
   margin: 10px 0 10px 0;
   padding: 0;
}

h1 {
   margin-top: 0px;
   font-size: 1.4em;
   clear: left;
}

h2 {
   margin-top: 0px;
   font-size: 1.3em;
}

h3 {
   margin-top: 0px;
   font-size: 1.2em;
}

h4 {
   margin-top: 0px;
   font-size: 1.1em;
}

h5 {
   margin-top: 0px;
   font-size: 1.0em;
}

h6 {
   margin-top: 0px;
   font-size: 0.9em;
}

p {
   margin-top: 0px;
}

ul {
   list-style: none;
   margin: 0 0 20px 0;
   padding: 0;
}

ul li {
   margin: 0;
   padding: 0;
}

ul.sitemap {
   list-style: disc;
   margin: auto;
   padding: auto;
}

ul.sitemap li {
   list-style: disc;
   margin: 0 0 0 30px;
   padding: 2px;
}


a,
a:link,
a:active,
a:visited {
   font-weight: normal;
   text-decoration: underline;
   color: #00A9CA;
}

a:hover {
   color: black;
   text-decoration: none;
}

div.page {
   font-family: Arial, Verdana, Helvetica, Sans-serif;
   font-size: 0.8em;
   color: #333333;
   margin: 0 auto;
   padding: 0;
   background: white;
   border: 1px solid #929591;
   width: 779px;
   min-height: 800px;
}

div.logo {
   float: left;
   width: auto;
   padding: 4px 0 4px 14px;
}

div.logo img {
   border: 0;
}

div.header {
   height: 90px;
}

div.header h1,
div.header h2 {
   display: none;
}

div.search {
   float: right;
   margin: 25px 10px 0 0;
}

div.search input.query {
   margin: 0;
   padding: 0;
   height: 16px;
   font-weight: bold;
   color: #999999;
}

div.search input.button {
   position: relative;
   top: 3px;
}

div.basket {
   position: relative;
   top: 0;
   right: 10px;
   width: 100px;
   margin: 0 10px 0 0;
}

div.basket a {
   font-weight: bold;
}

div.menu {
   background: #848796;
   height: 20px;
}

div.upper {
   margin: 0;
   padding: 10px;
   min-height: 300px;
}

div.upper img {
   margin-left: 10px;
}

div.right {
   margin: 0 0 0 10px;
   padding: 0 0 0 10px;
   float: right;
   width: 200px;
   border: solid #999999;
   border-width: 0 0 0 1px;
}

div.banner {
   margin: -9px;
   position: relative;
}

div.banner object {
}

div.lower {
   margin: 0;
   padding: 0 10px 10px 10px;
   min-height: 170px;
}

div.footer {
   clear: both;
   text-align: left;
   padding: 0 10px 0 10px;
   margin-bottom: 4px;
}

div.footer,
div.footer a {
   color: #999999;
   font-weight: normal;
}

div.footer ul {
   margin: 0;
   padding: 0;
}

div.footer ul li {
   list-style: none;
   float: left;
   width: auto;
   padding-right: 10px;
   margin-right: 10px;
   border: solid #999999;
   border-width: 0 1px 0 0;
   font-size: 0.8em;
}

div.footer ul li.last {
   float: none;
   width: auto;
   border: none;
}

div.strip {
   margin: 0 0 10px 0;
   padding: 0 0 14px 0;
   height: 30px;
}

div.strip div {
   margin: 0 1px 0 1px;
   padding: 10px 10px 5px 20px;
}

div.strip div.news {
   float: left;
   width: 60%;
   border: 1px solid black;
   background: url('/images/latestnews.jpg') no-repeat 4px 4px #00A9CA;
   height: 100%;
}

div.strip div.links {
   float: left;
   width: 30%;
   border: 1px solid black;
   background: url('/images/usefullinks.jpg') no-repeat 4px 4px #9D4343;
   height: 100%;
}

div.product-master {
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   min-height: 80px;
   border: solid #999999;
   border-width: 0 0 1px 0;
}

div.product-master img {
   float: right;
   margin: 0 0 4px 4px;
}

div.product-master h3 {
   font-weight: bold;
}

div.lower div {
   width: 232px;
   float: left;
}

div.feature-box {
   margin: 0 10px 0 0;
   padding: 0 10px 0 0;
   min-height: 120px;
   border: solid #999999;
   border-width: 0 1px 0 0;
}

div.feature-box img {
   float: right;
   margin: 0 0 4px 4px;
}

div.feature-box h3 {
   font-weight: bold;
}

div.staff,
div.job,
div.press,
div.feedback,
div.expert-advice {
   padding: 0 0 10px 0;
   border: 1px solid #999999;
   border-width: 0 0 1px 0;
   margin-bottom: 10px;
   min-height: 120px;
   width: 480px;
}

div.feedback {
   min-height: 0;
   padding-left: 50px;
   background: url('/Images/thumb.jpg') no-repeat left top;
}

p.byline {
   font-weight: bold;
   text-align: right;
}

div.expert-advice h3 {
   color: red;
}

div.expert-advice p.q {
   padding-left: 40px;
   background: url('/Images/IconQ.jpg') left top no-repeat;
   font-weight: bold;
}

div.expert-advice p.a {
   padding-left: 40px;
   background: url('/Images/IconA.jpg') left top no-repeat;
}

div.staff img,
div.job img,
div.press img,
div.feedback img,
div.useful-link img,
div.news-detail img {
   clear: left;
   float: left;
   margin: 0 10px 10px 0;
}

div.news-master p.date,
div.news-detail p.date {
   font-size: 85%;
   margin-bottom: 10px;
}

div.useful-link h2 {
   clear: left;
}

div.useful-link {
   padding: 0 0 10px 0;
   margin: 0 0 15px 0;
   border: none;
   border-width: 0 0 1px 0;
   min-height: 60px;
}

div.staff p,
div.job p,
div.press p,
div.feedback p {
   margin: 0 0 4px 0;
}

div.staff h3,
div.job h3,
div.press h3,
div.feedback h3 {
   margin: 0 0 4px 0;
}

div.press p.date {
   font-size: 0.8em;
}

ul.categories li {
   min-height: 32px;
}

ul.categories {
   padding-bottom: 10px;
   margin-bottom: 10px;
   border: solid #999999;
   border-width: 0 0 1px 0;
   width: 450px;
}

ul.section li,
ul.categories li {
   padding: 2px 0 10px 30px;
   background: url('/images/Foot.jpg') no-repeat left top;
   height: 40px;
}

ul.section li span,
ul.categories li span {
   display: block;
}

ul.section li a,
ul.section li a:visited,
ul.categories li a,
ul.categories li a:visited {
   font-weight: bold;
}

div#breadcrumb {
   margin-bottom: 10px;
   width: 535px;
   float: left;
   font-size: 0.9em;
}

div.shop-detail {
   width: 500px;
}

div.shop-detail img {
   float: right;
   width: auto;
}

div.find {
   padding: 2px 0 0 0;
}

div.product-detail img {
   margin: 0 10px 10px 0;
}

div.product-detail div.longdesc {
   margin-bottom: 20px;
}

div.product-detail div.longdesc ul,
div.product-detail div.longdesc li {
   list-style: disc;
   margin: 0 10px 0 10px;
}

div.product-item {
   padding: 0 0 10px 0;
   border: 1px solid #999999;
   border-width: 0 0 1px 0;
   margin-bottom: 10px;
   min-height: 80px;
   width: 450px;
}

div.product-item img {
   float: left;
   width: auto;
   margin: 0 10px 0 0;
}

div.product-detail select {
   width: 180px;
}

div.product-detail input.quantity {
   width: 30px;
}


div.cart-items table {
   width: auto;
}

div.cart-items table span.name {
/*   white-space: nowrap; */
}

div.cart-items table span.options {
   white-space: nowrap;
   font-size: 90%;
}

div.cart-items table span.image {
   text-align: center;
}

div.cart-items table span.price,
div.cart-items table span.sub {
   width: 50px;
   display: block;
   text-align: right;
}

div.cart-items table span.quantity input {
   width: 30px;
}

div.cart-items table th,
div.cart-items table td {
   padding: 3px;
}

p.cart-link {
   padding: 0 16px 0 0;
   background: url('/images/cart.bmp') right top no-repeat;
}

div.buttons input {
   margin: 10px;
}

div.buttons input {
   float: right;
}

table.wizard {
   clear: left;
   width: 450px;
}

table.wizard input.button,
div.buttons input.button {
   padding: 2px;
   width: 100px;
   background: #00A9CA;
   color: white;
   font-weight: bold;
   border-width: 2px;
   border-style: outset;
}

div.smpform {
   clear: left;
}

div.smpform fieldset {
/*   border: none; */
}

div.smpform div label {
   display: block;
   width: 140px;
   float: left;
   clear: left;
   font-weight: bold;
}

div.smpform div p {
   font-style: italic;
   clear: left;
}

div.smpform fieldset {
   padding: 5px;
}

div.billing-address,
div.shipping-address,
div.card-details {
   width: 450px;
}

.val {
   clear: left;
   font-weight: bold;
}

p.cc {
   margin-top: 10px;
}

tr.cart-header {
   background: #CCCCCC;
}

tr.cart-header th {
   white-space: nowrap;
}

tr.purchase,
tr.postage {
   background: #EEEEEE;
}

tr.total {
   background: #848796;
   color: white;
   font-weight: bold;
}

p.search {
   font-weight: bold;
   color: red;   
}

div#ShoeCalc
{
    width:550px;
}

.ShoeCalcInput
{
    width:170px;
}