/**
 *################################################################
 *################################################################
 *###                                                         ####
 *###  INSTYLE IT - Style sheet                               ####
 *###  www.instyleit.com.au - Web development & hosting       ####
 *###                                                         ####
 *################################################################
 *################################################################
 */

html {
  margin: 0px;
  padding: 0px;

} 
body {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   background: white;
   margin: 0px;
   padding: 0px;
   color: rgb(68, 68, 68);
}
h1 {
   font-size: 18px;
   text-align: left;
   margin: 0;
   padding: 15px 0 2px 0;
   margin-left: -5px;
}
h2 {
   font-size: 16px;
   text-align: left;
   color: #972089;
}
h3 {
   font-size: 14px;
   text-align: left;
   margin: 0;
   padding: 0;
   padding-bottom: 5px;
   color: #972089;
}
h4 {
   font-size: 12px;
   text-align: left;
}
form {
   display: inline;
}
td {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}
a {
   color: blue;
   text-decoration: underline;
}
a:visited {
   color: #1E90FF;
   text-decoration: underline;
}
a:hover {
   color: blue;
   text-decoration: none;
}
input.button {
   background: #fefefe url(/image/btnBG.gif) repeat-x;
   border-width: 3px;
   border-style: double;
   border-color: #972089 #5C205F #972089 #5C205F;
   width: 80px;
}
input.button:hover,
input.button:focus {
   border-width: 3px;
   border-style: double;
   border-color: #E3117C #E3117C #E3117C #E3117C;
}

#pageBody {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 20px;  
   padding-right: 20px;
   font-size: 12px;
   font-weight: normal;
}
#header {
   height: 100px;
   width: 100%;
}
#header .logo {
   text-align: center;
   width: 150px;
}
#header .main {
}

#leftCol {
   padding-top: 10px;
   padding-bottom: 20px;
   background: #FFFFFF url(/image/leftColBG.jpg) top left no-repeat;
   min-height: 450px;
   height:auto !important;
   height:450px;
   width: 204px;
}
#leftCol .nav {
   text-align: left;
   font-size: 13px;
   text-indent: 12px;
}
#leftCol .nav a,
#leftCol .nav a:visited {
   display: block;
   margin-left: 5px;
   width: 100%;
   text-decoration: none;
   color: #FFFFFF;
   font-weight: bold;
   background-image: url(/image/arrowBlack.gif);
   background-position: 0% 50%;
   background-repeat: no-repeat;
}
#leftCol .nav a:hover {
   color: #E3117C;
   background-image: url(/image/arrowPink.gif);
   background-position: 0% 50%;
   background-repeat: no-repeat;
}
#leftCol .nav a.active,
#leftCol .nav a.active:visited {
   background-image: url(/image/arrowPink.gif);
   background-position: 0% 50%;
   background-repeat: no-repeat;
}
#leftCol .nav a.subActive,
#leftCol .nav a.subActive:visited {
   background-image: url(/image/arrowPink.gif);
   background-position: 5% 50%;
   background-repeat: no-repeat;
   text-indent: 22px;
}
#leftCol .nav a.sub,
#leftCol .nav a.sub:visited {
   background-position: 5% 50%;
   text-indent: 22px;
}

#footer {
   color: #FFFFFF;
   text-align: right;
   line-height: 20px;
   background: #FFFFFF url(/image/footerBG.gif) bottom right no-repeat;
   height: 165px;
   padding-right: 10px;
}
#footer .sep {
   font-weight: bold;
}

#footer a,
#footer a:visited {
   color: #DCDCDC;
   text-decoration: underline;
}
#footer a:hover {
   color: #DCDCDC;
   text-decoration: none;
}
#footer .pad {
   height: 145px;
}
.floatRight {
   float: right;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 5px;
   margin-left: 10px;
}
.floatLeft {
   float: left;
   margin-top: 0;
   margin-right: 10px;
   margin-bottom: 5px;
   margin-left: 0;
}
.strong {
   font-weight: bold;
}

.requiredStar {
   color: #ff0000;
   vertical-align: sup;
}
.contactField {
   font-weight: bold;
   text-align: right;
   width: 100px;
}
.hidden {
   display: none;
}
#offices TH {
   text-align: left;
   font-weight: bold;
   width: 80px;
}
#shoeSteps {
   text-align: center;
   color: #FFFFFF;
}
#shoeSteps {
   border: 1px solid #E3117C;
}
#shoeSteps TH {
   background: #E3117C;
   width: 33%;
}
#shoeSteps .s1 {
   background: #52A991;
}
#shoeSteps .s2 {
   background: #972089;
}
#shoeSteps .s3 {
   background: #E0DD07;
}
.shoePic {
   border: 1px solid #DCDCDC;
}
#links li {
   padding-bottom: 3px;
}
#links a,
#links a:visited {
   text-decoration: none;
}
#links a:hover {
   text-decoration: underline;
}
.picBorder {
   border: 3px double #DCDCDC;
}
.comfortFootwear,
.sportingFootwear {
   width: 275px;
   height: 395px;
}
.comfortFootwear {
   background: #FFFFFF url(/image/shoesComfortShoes.jpg) top left no-repeat;
}
.sportingFootwear {
   background: #FFFFFF url(/image/marathonRunners.jpg) top left no-repeat;
}
table.shoeMans th {
   font-size: 15px;
}
table.shoeMans td {
   color: #FFFFFF;
   font-size: 14px;
   font-weight: bold;
   padding-top: 10px;
}
.comfortFootwear a,
.comfortFootwear a:visited,
.sportingFootwear a,
.sportingFootwear a:visited {
   text-decoration: none;
   color: #FFFFFF;
}
.comfortFootwear a:hover,
.sportingFootwear a:hover {
   text-decoration: underline;
}
.subscribeBox {
   border: 1px solid #E5E9F2;
   background-color: #F3F5F9;
   position: absolute;
   top: 45px;
   right: 10px;
}