/* start normalization */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto;}
fieldset, img, a img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left }
th { text-align: center; vertical-align: middle; color: #007bc1; background: transparent;}
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }

h1, h2, h3, h4, h5, h6 { background: transparent; margin: 1em 0 0 0; color: #007bc1; padding-bottom: 2px; font-weight: normal; }
h1 { font-size: 190%; float: right; display: inline; width: 550px; margin: 12px 0 0 0; line-height: 1em; font-weight: bold; }
h2 { font-size: 140%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
h1 span { font-size: 80%; display: block; }

ol { list-style-type: decimal; }
ul { list-style-type: disc; margin-left: 15px; }
p, ul li, ol li { line-height: 1.5; margin: 0.5em 0; }

blockquote { background: transparent url('../img/blockquote.gif') no-repeat 0 0; padding: 15px 50px; margin: 2em auto; clear: both;}
blockquote cite { display: block; text-align: right; font-style: italic; font-size: 90%; font-weight: bold; }
blockquote cite span { display: block; font-weight: normal;}

a { color: #0a9; background-color: transparent;}
a:link { background: transparent; color: #007ac0; text-decoration: underline; }
a:visited { background: transparent; color: #007ac0; text-decoration: underline; }
a:hover {color: #f596c0; background-color: transparent;}
a:active { background: transparent; color: #83aaa6; }

.nav a:link, .nav a:visited { background: transparent; color: #666; text-decoration: none;}
.nav a:hover { background: transparent; color: #339; }
.nav a:active { background: transparent; color: #000; text-decoration: none; }

form { position: relative; width: 350px; padding: 1em 0;}
label { display: block; position: relative; margin: 10px 0; }
/*input, select { position: left; right: 0; padding: 0.2em; }*/
input, select { left: 0; right: 0; padding: 0.2em; }
textarea { width: 350px; height: 100px; }
.button { margin: 10px 0; position: static; float: right; width: auto; }
form .note { background: transparent; color: #666; font-style: italic; margin: 0 0 1.5em 0; }
fieldset { margin: 20px 0; }
fieldset legend { background: transparent;
    color: #007bc1;
    font-style: italic;
    font-size: 110%;
}

address { margin-bottom: 10px; font-style: italic; }
address.phone { font-style: normal; }

object { padding-bottom: 20px; }
/* end normalization */

body {
    margin: 0; padding: 0 30px 20px 30px;
    color: #333;
    background: #dae1f4 url('../img/body.jpg') repeat-y center center;
    font: 100.1% "Gill Sans MT", myriad, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#skipnav { position: absolute; top: -9999px; left: -9999px; }
#wrapper { position: relative; width: 800px; margin: 0 auto; background-color: #dae1f4; color: inherit; text-align: left; }
#main-wrapper { position: relative; float: right; height: auto; width: 550px; margin-top: 8px; display: inline; }
#main { padding-right: 20px; }
#header { position: relative; height: 124px; background: url(../img/masthead.jpg) top left no-repeat; } 
#cartwrapper { position: absolute; top: -70px; left: -225px; width: 800px; color: #000; background-color: #fff; height: 600px;}

ul#breadcrumbs { margin: 0; padding: 0.3em 0; background-color: #bfc4c9; border-top: 1px solid #888; color: #000; list-style-type: none; }
ul#breadcrumbs li { display: inline; padding-left: 10px; }
ul#breadcrumbs li a { background: transparent url('../img/arrow.gif') no-repeat right center; padding-right: 20px; font-size: 85%; }

#container { position: relative; float: left; height: auto; width: 800px; background-color: #fff; border-bottom: 1px solid #ddd; color: #000; z-index: 100; padding-bottom: 30px;}


#secondary { float: left; clear: left; display: inline; width: 200px; margin-top: 20px; margin-left: 20px; }
#footer { position: relative; text-align: center; background-color: #dae1f4; border-top: 20px solid #bfc4c9; color: #000; margin-bottom: 5px; }

/* top and bottom navigation */
ul#top-nav {
    position: absolute;
    right: 0; bottom: 0;
}
ul#top-nav, ul#bottom-nav {
    clear: both;
    display: block;
    margin: 7px auto; padding: 0;
    list-style-type: none;
    font-size: 75%;
}
#top-nav li, #bottom-nav li {
    display: inline;
    margin-left: 7px;
    padding-right: 7px;
    border-right: 1px solid #666;
}

ul#top-nav li.last, ul#bottom-nav li.last { border: none; }
ul#bottom-nav { padding-top: 3px; padding-bottom: 15px;  }

.clearfloat { height: 1px; width: 100%; line-height: 1px; clear: both; }

#mcafee {left: 0; top: 100%; margin: 10px 5px; font-size: 75%; background-color: #dae1f4; color: #000;}
#cards  {right: 0; top: 100%; margin: 10px 5px; font-size: 75%; background-color: #dae1f4; color: #000;}


/* lists */
#main ul { list-style-type: disc; margin-left: 15px; }

/* special cases */

/* product pages */
img.illustration { float: right; }
table.instructions, table.instructions th, table.instructions td { border: 1px solid #ccc; }
tr.desc td { vertical-align: top; font-size: 90%; padding: 0 5px; }
table tr.pic td { text-align: center; vertical-align: middle; }
table tr.pic td img { display: block; margin: auto; }

body#product #secondary img { border: 1px solid #666; display: block; }
body#product #secondary span.price { float: left; display: inline; }
body#product #secondary a.cart { float: right; display: inline; }
body a.cart { display: block; text-align: right;}

img.figure { float: right; margin: 10px 0 10px 20px; }

ol.steps { list-style-type: none; }
ol.steps li { display: inline; }

p.call-to-action, p.marketing {
    padding: 1em 0;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
}

body#product div.steps img {
    float: left;
}
body#product div.steps h3 {
    float: left;
    font-size: 130%;
    margin-left: 30px;
}
body#product div.steps h3 span {
    font-size: 80%;
	  background: transparent;
    color: #666;
    font-style: italic;
    display: block;
}
body#product div.steps p {
    clear: both;
}

#main ul.gallery { margin-left: 0; }
ul.gallery li { padding: 0; margin: 20px 0; clear: left; list-style-type: none;}
ul.gallery li img { float: left; margin-right: 10px; margin-bottom: 30px; border: 1px solid #ccc; }

ul.gallery li h3 {
    font-size: 110%;
    margin-left: 10px;
    border-bottom: 1px solid #ccc;
}
ul.gallery li h4 {
    font-size: 100%;
}
ul.gallery li h3 span {
    float: right;
    display: inline;
	  background: transparent;
    color: #333;
    margin-left: 20px;
}
ul.gallery p {
    margin-left: 164px;
}
ul.gallery .details {
    text-align: right;
    margin: -0.5em 0 1.5em 0;
    padding: 0;
    line-height: 1.2;
}

/* slideshow */
#main ul.stillslides { position: relative; list-style-type: none; margin-left: 0; padding-left: 0; }
#main ul.stillslides li { position: absolute; }

ul.dynslides { margin:0; padding:0; }
ul.dynslides li{ display:none; }
ul.dynslides li.show{ display:block; }

#footproblems #slideshow {
    position: relative;
    float: left;
    margin: 14px;
}

#footproblems .horizontal {
    background: transparent url('../img/conditions/horizontalframe.gif') no-repeat 0 0;
    height: 348px; width: 391px;
}
#footproblems .vertical {
    background: transparent url('../img/conditions/verticalframe.gif') no-repeat 0 0;
    height: 391px; width: 348px;
}
#footproblems #slideshow ul {
    margin: 0; padding: 0;
    position: absolute;
    top: -2px; left: 6px;
}

#footproblems h2.injuries { clear: both; }
#footproblems h1 { width: 800px; margin-top: 40px; margin-left: 20px; }

/* index page: menu */
ul#main-nav {
    width: 212px;
    padding-top: 100px;
    margin-left: 70px;
    list-style-type: none;
    font-weight: bold;
    font-size: 65%;
    letter-spacing: 1px;
}
ul#main-nav li {
    position:relative;
    list-style-type: none;
    margin: 0 1px 0 0; 
	 padding: 0;
	 float:left;
}
ul#main-nav li a,
ul#main-nav li a:visited {
    display:block;
    text-decoration:none;
    color:#fff;
    background-color: #dae1f4;
    width: 212px;
    height: 34px;
    padding-left: 10px;
    line-height: 34px;
}
ul#main-nav li ul {
    position: absolute;
    top: 0; left: 212px;
    width: 212px;
    margin: 0; padding: 0;
    visibility: hidden;
}
ul#main-nav li:hover ul li a {display:block; background:#b3ab79; color:#fff; width:212px;}
ul#main-nav li:hover ul li a:hover {background:#dfc184; color:#fff;}
ul#main-nav li:hover ul li:hover ul {display:block; position:absolute; color:#fff; background-color: transparent;}

ul#main-nav li#t-about a {background: url(../img/menu/btn1.gif) no-repeat;}
ul#main-nav li#t-products a {background: url(../img/menu/btn2.gif) no-repeat;}
ul#main-nav li#t-foot a {background: url(../img/menu/btn3.gif) no-repeat;}
ul#main-nav li#t-faqs a {background: url(../img/menu/btn4.gif) no-repeat;}
ul#main-nav li#t-reviews a {background: url(../img/menu/btn4.gif) no-repeat;}
ul#main-nav li#t-articles a {background: url(../img/menu/btn7.gif) no-repeat;}
ul#main-nav li#t-stores a {background: url(../img/menu/btn8.gif) no-repeat;}
ul#main-nav li#t-contact a {background: url(../img/menu/btn9.gif) no-repeat;}

body#problemindex #main {
    background: transparent url('../img/conditions/conditions.jpg') no-repeat center 100px;
}

.back { text-align: right; }
.note { font-size: 90%; }
.note span { font-weight: bold; display: block; }
.textright {float: right;}
.warning { width: 300px; color: #c00; border: 1px solid #c00; padding-left: 50px; margin: 10px 0 20px 0;
    background: transparent url('../img/warning.jpg') no-repeat left center;
}

del.sale { float: left; margin-right: 10px; background: transparent; color: #900; }
h3 del.sale { float: none; font-size: 90%; }

.required {
    font-weight: bold;
}
.required:before {
    content: "* ";
}


/* non-bulleted lists */
body #wrapper ul.resultslist, body #wrapper ul.productlist, body #wrapper ul.textlist, body #wrapper ul.spotlightlinks { list-style-type: none; margin-left: 0; line-height: 1; }
body #wrapper ul.resultslist li h4, body #wrapper ul.resultslist li p { display: inline; }
.spotlightlinks {
    padding-top: 40px;
}

/* home page */
#index #container { height: 530px; background: url('../img/index.jpg') no-repeat 0 -40px; float: none;}
#index h1 { display: none; }
#index #breadcrumbs { display: none; }
#index #secondary { display: none; }
#index #main-wrapper { width: 800px; }

/* short pages */
#alt #container { height: 390px; }

/* pregnancy page */
#pregnancy #secondary { height: 368px; width: 200px; background: transparent url('../img/conditions/pregnancy.jpg') no-repeat 0 0; }
#pregnancy blockquote { line-height: 1.5; }

/* foot problems pages */
body#footproblems #main-wrapper, body#problemindex #main-wrapper { height: auto; width: 800px; }
body#footproblems #main, body#problemindex #main { padding-left: 20px; }

/* foot problem index */
.part1, .part2 { width: 350px; display: inline; }
.part1 h2, .part2 h2 { margin-top: 0.3em; }
.part1 ul, .part1 li, .part2 ul, .part2 li { list-style: none; margin: 0; padding: 0; }
.part1 { float: left; }
.part2 { float: right; }
.all { text-align: center; }
body .abc { width: 180px; }

/* faqs */
#rollup dl { line-height: 1.2; }
#rollup dt { margin: 0.7em 0 0.5em 0; }
#rollup dd { margin-top: 0.4em; margin-left: 0;}
.trigger { text-decoration: underline; cursor: pointer; background: transparent; color: #007ac0;}
.hidden { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* articles page */
body#articles #secondary { width: 330px; }
body#articles #main-wrapper { width: 420px;}
body#articles #slideshow { float: right; display: inline; width: 420px; height: 600px; margin-top: 80px; margin-bottom: 50px;}
body#articles #slideshow #slides { list-style-type: none; }
body#articles #slideshow #slides li { border: 1px solid #007bc1; }
body#articles #secondary h3 { clear: both; padding-top: 1.2em; }
body#articles #secondary .articleslist ul { list-style-type: none; margin: 0; padding: 0; }
body#articles #secondary .articleslist ul li { clear: both; }
body#articles #secondary .articleslist ul li a { float: left; display: inline;}
body#articles #secondary .articleslist ul li span { float: right; display: inline; font-size: 90%; font-style: italic; }

/* reviews */
#reviews blockquote { background: transparent url('../img/blockquote_small.gif') no-repeat 0 0; padding: 10px 15px; margin: 1em auto; width: 400px; float: left;}
#reviews h2 { clear: both; }

/* shaka pages */

body#shaka #main-wrapper { height: auto; width: 800px; }
body#shaka #main { padding-left: 20px; }

#shaka h1 { 
	width: 810px; 
	margin-top: 40px; 
	
	text-align: center; 
	padding-bottom: 15px; 
	font-size: 200%;
}

.shakaintro {
	width: 700px; 
	margin-top: 5px; 
	margin-left: 20px; 
	text-align: justify; 
	padding-bottom: 15px; 
	font-size: 100%;
}	
	
.shakacontact {
    text-align: center;
	font-size: 90%;
	padding-bottom: 35px;
}

/* forms */
#searchbox { width: auto; padding: 10px 0 0 20px; font-size: 90%; }
#access, #newsletter { width: auto; }
#searchbox input,
#access input,
#newsletter input { position: static; }
#searchbox label { display: inline; margin: 0 1em 0 0; }
label.checkbox { padding-left: 25px; position: static; }
label.checkbox input { top: 0; left: 0; }

#searchResults {margin-left:-150px;}
#searchResults th, #searchResults td {padding-right: 8px;}
#searchResults .title {text-align: left;}
.actions {
    float: right;
    text-align: right;
    padding-top: 2em;
}
.actions li {
    list-style-type: none;
}

fieldset.radio input { float: left; position: static; }
fieldset.radio label { width: 40%; float: left; }

.confirm { background: transparent;
    border: 1px solid #0a9;
    color: #0a9;
    padding: 10px;
}
#secondary .note { background: transparent;
    color: #666;
    text-align: center;
}

h2.outlet {
    clear: both;
    padding-top: 15px;
}
.outlet span { background: transparent;
    font-size: 70%;
    color: #666;
    margin-top: 0;
    padding-top: 0;
    margin-left: 20px;
}
h3.carries {
    padding: 0;
    margin: 0;
}
span.carries { background: transparent;
    color: #666;
}
img.location {
    float: right;
}
.clearit {float: none; clear: both; text-align: left; width: 100%; margin: 0; left: 0; position: fixed;}
.normal {text-align: left;}

/* orthotics selections */

.part1a, .part2a { width: 350px; display: inline; }
.part1a h2, .part2a h2 { margin-top: 0.3em; }
.part1a ul, .part1a li, .part2a ul, .part2a li { list-style: none; margin: 0; padding: 0; }
.part1a { float: left; }
.part2a { float: right; }
.part2a { margin-right: 345px; }
.all { text-align: center; }
body .abc { width: 180px; }