@import url(reset.css);
@import url(thickbox.css);

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #666;
}
#container {
width: 780px;
margin: 0 auto;
border: 1px solid #333;
overflow: hidden;
padding: 0 0 20px 20px;
background: #fff;
}
#banner {
width: 740px;
padding: 10px;
margin-top: 15px;
border-width: 0 0 1px 0;
border-style: dotted;
border-color: #666;
background: #eee;
overflow: hidden;
}
#banner h1 {
font-size: 1.6em;
font-weight: bold;
float: left;
}
#banner h1 a {
color: #000;
text-decoration: none;
}
#banner ul {
float: left;
clear: both;
font-size: .8em;
font-weight: bold;
width: 95%;
}
#banner li {
float: left;
padding: 10px 30px 0 0;
}
#banner li a {
color: #000;
}
#navigation {
float: left;
padding: 20px 0px 0 10px;
}
#navigation h2 {
font-size: 1em;
font-weight: bold;
font-style:italic;
}
#navigation ul {
margin-top: 10px;
width: 150px;
border-top: 1px solid #ddd;
float: left;
font-size: 1em;
}
#navigation li {
font-size: .8em;
float: right;
clear: both;
}
#navigation li a {
display: block;
padding: 6px 10px 2px 10px;
width: 140px;
border-bottom: 1px solid #eee;
text-decoration: none;
color: #000;
}
#navigation li a:hover {
background: #eee;
}
#content {
float: left;
width: 575px;
border-left: 1px dotted #666;
padding: 25px 0 35px 25px;
margin-bottom: -1000px;
padding-bottom: 1000px;
position: relative;
}
#content h3 {
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px dotted #999;
padding-bottom: 10px;
}
#content div {
overflow: hidden;
margin: 30px 30px 20px 30px;
padding: 10px;
font-size: .9em;
float: left;
display: inline;
width: 200px;
background: #eee;
}
#content img {
margin-right: 10px;
}
#content h4 {
font-size: 1em;
font-weight: bold;
margin-top: 10px;
}
#content div h4 {
padding: 10px;
background: #ccc;
margin-top: -2px;
}
#content div h4 a {
color: #333;
}
#content div h4 a:hover {
color: #000;
}
#content h5 {
font-size: .9em;
font-weight: bold;
line-height: 1.4em;
padding: 10px 0 0 0;
}
#content ul {
font-size: .8em;
}
#content div li {
padding: 3px 0;
font-style: italic;
text-align: right;
}
#content p {
padding-top: 10px;
font-size: .8em;
line-height: 1.4em;
}
#content table {
float: left;
font-size: .8em;
margin-bottom: 20px;
}
#content th {
text-align: left;
font-weight: bold;
padding: 5px 20px 5px 5px;
border-right: 1px solid #fff;
background: #eee;
}
#content td {
text-align: left;
padding: 10px 20px 5px 5px;
border-bottom: 1px solid #ccc;
}
#content .submit {
float: left;
background-color: #666;
color:#fff;
}
#content .submit:hover {
background-color: #333;
cursor: pointer;
cursor: hand;
}
#empty {
float: right;
background: #999;
color: #fff;
border: 1px solid #ddd;
padding: 2px 8px;
}
#empty {
margin: 5px 5px 0 0;
}
#delete {
background: #999;
color: #fff;
border: 1px solid #ddd;
padding: 2px 8px;
width: 10em;
margin: 10px 0;
}
#delete:hover, #empty:hover {
background: #333;
cursor:pointer;
cursor:hand;
}
#cartResults {
width: 90%;
}
form fieldset {
float: left;
padding: 0 10px 0 0;
}
div#checkoutForms {
width: 450px;
margin: 0;
padding: 0;
background: #fff;
}
div#checkoutForms p {
clear: both;
font-size: .7em;
}
#content h6 {
float: right;
padding: 25px 0 0 0;
}
#content h6 a {
color:#000;
font-size: .8em;
}
form #shoeSize {
width: 125px;
}
form #submit {
width: 50px;
}
form #delete {
float: left;
}
br {
clear: both;
}
h5 br {
clear: none;
}
em {
font-style: italic;
}