/* CSS RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
body { font-size: 62.5%; } /* 1em = 10 px; set container font-size in ems to adjust */
/* END RESET */

body {
    background: #1A1A1A;
    font-family: Verdana, sans-serif;
}

p {
    margin-bottom: .5em;
}

a img {
    border: none;
}


#page {
    background: url(images/bg.gif) top center no-repeat;
    width: 960px;
    height: auto;
    margin: 0 auto;
    font-size: 1.2em;
}

#page.done {
    background-image: url(images/bg-short.gif);
}

.done #vid {
    margin-bottom: 70px;
}

.done hr {
    display: none;
}


#container {
    margin: 0 20px;
}


#vid {
    float: left;
    position: relative;
    top: 34px;
    left: 20px;
}

#vid, #slideshow {
    width: 560px !important;
    height: 340px !important;
}


#bullets {
    position: relative;
    top: 110px;
    margin-left: 605px;
    width: 315px;
    font-size: 1.2em;
}

#bullets ul {
    font-size: 1.25em;
    margin-left: 20px;
}

#bullets h2 {
    font-size: 1.5em;
    margin-bottom: 6px;
}

#bullets h2, #bullets ul {
    margin-bottom: 6px;
}

#lower {
    clear: both;
    float: none;
    position: relative;
    width: 960px;
    top: 67px;
}

#available {
    font-size: 1.5em;
    width: 150px;
    float: left;
    margin-left: 10px;
}


.size {
    font-size: 1.3em;
    text-align: center;
    width: 230px;
    float: left;
    margin-right: 19px;
}

.size p {
    margin-bottom: 0;
}


.firstSize {
    margin-left: 40px;
}

.size h3 {
    font-size: 1.2em;
}


.buyButtons {
    clear: left;
}
.buyButtons a {
    display: block;
}

.sb1b {
    margin-left: 40px;
}

.sb1c {
    margin-left: 10px;
}

.sb2b {
    margin-left: 83px;
}


.buy {
    width: 65px;
    height: 45px;
    float: left;
    margin-right: 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-width: 2px;
    border-style: outset;
}

.buy, #footerText {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


.buy a {
    color: white;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    top: 4px;
    text-shadow: 1px 1px 1px black;
}

.buy:hover, .buy:focus {
    border-style: solid;
}


.price {
    font-size: .6em;
}


.red {
    background-color: #CA2C34;
}

.green {
    background-color: #216829;
}

.blue {
    background-color: #404EA0;
}

.camo {
    background-color: #646253;
}

.black {
    background-color: #222;
}

#bottom {
    clear: both;
    width: 960px;
    margin-top: 110px;
    font-size: 1.16em;
}

#text {
    width: 600px;
    float: left;
    margin-bottom: 1em;
}

#problems {
    width: 300px;
    margin-left: 630px;
}

#footer {
    clear: both;
}

#rule {
    margin-bottom: 2em;
}

#bottom, #footer {
    color: #e6e6e6;
}

#footer a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid #B00;
}

#footer a:hover, #footer a:focus {
    border-bottom-color: #E00;
}


#footerText {
    background-color: #111;
    color: #DDD;
    width: 600px;
    text-align: center;
}

#footerText h3 {
   padding: 1em;
}


#address {
    float: right;
    width: 300px;
}

#vdlLogo {
    float: left;
    margin-right: 10px;
}

#vdlLogo  {
        border-bottom: none !important;
}

#copyright {
    color: #666;
    clear: both;
    position: relative;
    text-align: center;
    top: 20px;
    margin-bottom: 3em;
}

.socialIcon {
    float: right;
    margin-right: 10px;
}



#IE6 {
    background-color: red;
    color: white;
}

#IE6 h2 {
    margin: 0 3em;
}

#IE6 a {
    color: #eee;
}