/** 
 *  Author: Mike Rende http://sitebymike.com/ 
 *  $Date: 2009/02/04 19:52:17 $
 *  $Revision: 1.20 $
 *  $Source: /home/cvs/blackstonepillow.com/local/etc/default.css,v $
**/

body {
    position: relative;
    margin: 0; 
    padding: 0;
    text-align: center;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    background: #C9DDE8 url(../bin/graphics/header-bg.jpg) repeat-x;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5 {
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: 900;
    color: #006699;
}

h1, h2 {
    font-size: 20px;
    padding-top: 10px;
    margin-top: 0;
}

li {
    list-style-image: url(../bin/graphics/bullet-check.gif);
    line-height: 1.5em;
}

/* header styles */
#header {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 998px;
    height: 386px;
    background: url(../bin/graphics/header.jpg) no-repeat;
}

#header-content {
    padding: 188px 0px 0px 535px;
    height: 200px;
}

#hdr-offer {
    background: url(../bin/graphics/header-price.gif) no-repeat;
    width: 313px;
    height: 120px;
    cursor: pointer;
}

#hdr-offer-int {
    background: url(../bin/graphics/header-price-int.gif) no-repeat;
    width: 313px;
    height: 120px;
}
#hdr-guarantee {
    background: url(../bin/graphics/header-values.gif) no-repeat;
    width: 252px;
    height: 67px;
    margin: 3px 0 0 30px;
}

#hdr-order-now {
    background: url(../bin/graphics/header-orderNow.gif) no-repeat;
    width: 214px;
    height: 51px;
    margin: 3px 0 0 40px;
    cursor: pointer;
}

/* body layout styles */
#container {
    margin: 0 auto; 
    width: 998px;
    padding: 0;
    text-align: left;
    background: #C9DDE8 url(../bin/graphics/background.gif) repeat-y;
}

#content {
    padding: 0 145px;
    margin: 0;
}

/* images */
#jaw-position {
    background: url(../bin/graphics/jaw-position.gif) no-repeat;
    width: 475px;
    height: 175px;
}

/* header replacements */
#patented {
    background:url(../bin/graphics/h1-patented.gif) no-repeat;
    height: 33px;
    padding-top: 10px;
}

#consumers-choice {
    background:url(../bin/graphics/h4-consumersChoice.gif) no-repeat;
    height: 66px;
    margin: 5px 0 5px 40px;
}

.prompt-order {
    background: url(../bin/graphics/prompt-order.jpg) no-repeat;
    height: 155px;
    cursor: pointer;
}

#prompt-other-pillows {
    background: url(../bin/graphics/prompt-otherPillows.jpg) no-repeat;
    height: 224px;
}

#acid-reflux {
    background: url(../bin/graphics/h2-acidReflux.gif) no-repeat;
    height: 33px;
    margin-top: 15px;
}

#testimonials {
    background: url(../bin/graphics/h2-testimonials.gif) no-repeat;
    height: 33px;
    margin-top: 15px;
    margin-bottom: 10px;
}

#other-medical {
    background: url(../bin/graphics/h2-otherMedical.gif) no-repeat;
    height: 33px;
    margin-top: 15px;
}

#order {
    background: url(../bin/graphics/h2-order.gif) no-repeat;
    height: 33px;
    margin-top: 15px;
}

/* testimonials */
.test-right {
    float: left;
    width: 550px;
}

.test-left {
    float: right;
    width: 550px
}

.hr-test {
    clear: both;
    background: url(../bin/graphics/divider-testimonials.gif) no-repeat;
    height: 23px;
}

#test-1 {
    float: right;
    background: url(../bin/graphics/testimonial-1.jpg) no-repeat;
    width: 109px;
    height: 150px;
}

#test-2 {
    float: left;
    background: url(../bin/graphics/testimonial-2.jpg) no-repeat;
    width: 155px;
    height: 107px;
}

#test-3 {
    float: right;
    background: url(../bin/graphics/testimonial-3.jpg) no-repeat;
    width: 107px;
    height: 155px;
}

#test-4 {
    float: left;
    background: url(../bin/graphics/testimonial-4.jpg) no-repeat;
    width: 107px;
    height: 155px;
}

#test-5 {
    float: right;
    background: url(../bin/graphics/testimonial-5.jpg) no-repeat;
    width: 154px;
    height: 109px;
}

/* other medical */
#other-med-1 {
    background: url(../bin/graphics/otherMedical-1.jpg) no-repeat;
    padding-left: 150px;
    min-height: 100px;
}

#other-med-2 {
    background: url(../bin/graphics/otherMedical-2.jpg) no-repeat;
    padding-left: 150px;
    min-height: 100px;
}

/* form styles */
form {
    margin: 0;
    padding: 0;
}

#form-offer {
    float: left;
    background: url(../bin/graphics/form-plug.jpg) no-repeat;
    margin-left: 123px;
    margin-bottom: 20px;
    width: 329px;
    height: 711px;
}

#form-body {
    float: left;
    margin: 17px 0 10px 5px;
    width: 401px;
    background: url(../bin/graphics/form-background.gif) repeat-y;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#form-top {
    background: url(../bin/graphics/form-top.gif) no-repeat;
    height: 17px;
}

#form-bottom {
    background: url(../bin/graphics/form-bottom.gif) no-repeat;
    height: 17px;
}

#button {
    background:  url(../bin/graphics/form-button.gif) no-repeat left top;
    width: 260px;
    height: 52px;
    margin: 0 0 0 60px;
    padding: 0;
    border: 0;
    text-indent: -1000em;
    overflow: hidden;
    cursor: pointer;
}

#form-body h4 {
    padding: 3px 5px;
    margin: 5px 10px;
    background: #069;
    color: #FFF;
}

#form-body p {
    clear: left;
    margin: 0;
    padding: 3px 0;
}

#form-body fieldset {
    border: 0;
    padding: 0 20px;
}

#form-body label {
    float: left;
    width: 35%;
    padding-right: 10px;
    text-align: right;
}

#bill-is-shipto label {
    float: none;
    width: auto;
}

#lock-icon {
    float: right;
    background: url(../bin/graphics/form-lock.gif) no-repeat;
    margin: -22px 50px 0 0;
    width: 11px;
    height: 14px;
    cursor: pointer;
}

#secure-website {
    background: url(../bin/graphics/form-secure.gif) no-repeat;
    margin-left: 95px; 
    width: 191px;
    height: 25px;
}

/* contact form */
#contact-form {
    border: 0;
    padding: 0 20px;
}

#contact-form p {
    clear: left;
    margin: 0;
    padding: 3px 0;
}

#contact-form label {
    float: left;
    width: 100px;
    padding-right: 10px;
    text-align: right;
}

#contact-form #name, #contact-form #email, #contact-form #subject, #contact-form #message {
    width: 40%;
}

#send {
    margin-left: 130px;
}

/* footer styles */
#lower-graphics {
    clear: both;
}

#guarantee {
    float: left;
    margin: 15px 0 0 155px;
    background: url(../bin/graphics/foot-guarantee.gif) no-repeat;
    width: 192px;
    height: 26px;
}

#accepted-cards {
    float: left;
    margin: 15px 0 0 20px;
    background: url(../bin/graphics/foot-creditCards.gif) no-repeat;
    width: 163px;
    height: 26px;
}

#geotrust {
    float: left;
    background: url(../bin/graphics/quickssl_anim.gif) no-repeat;
    width: 115px;
    height: 55px;
    margin-left: 20px;
}

#not-in-stores {
    float: left;
    margin: 15px 0 0 20px;
    background: url(../bin/graphics/foot-stores.gif) no-repeat;
    width: 145px;
    height: 26px;
}

#menu {
    clear: both;
    text-align: center;
    color: #069;
    font-size: 14px;
    padding: 10px 0;
}

#menu a {
    color: #069;
    text-decoration: underline;
}

#menu a:hover {
    text-decoration: none;
}

#disclaimer {
    padding: 0 140px 5px 140px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

#footer {
    margin: 0 auto; 
    width: 998px;
    padding: 30px 0;
    text-align: center;
    font-weight: bold;
    color: #006699;
    background: #C9DDE8 url(../bin/graphics/footer.gif) no-repeat;
}

#footer a {
    color: #006699;
}