/*
-----------------------------------------------
Stylesheet: Ducky-Bob's
Media: All
Author: Chris Abad
----------------------------------------------- */

/* Base Styles
----------------------------------------------- */
  
  body {
    background-color: #C0C0C0;
    color: #7F7F7F;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
    text-align: center;
    }
  
  a { color: #7F7F7F; }
  
  a img { border: 0; }
  
  dl { margin: 0 0 1em 0; }
  
  dl dd {
    margin: 0;
    padding: 0;
    }
  
  dl dt { font-weight: bold; }
  
  h1 {
    border-bottom: 1px solid #000;
    color: #3d90ca;
    font-size: 110%;
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
    }
  
  h2,
  strong {
    color: #3d90ca;
    font-size: 110%;
    margin: 0;
    padding: 0;
    }
  
  
  h2 a {
    color: #3D90ca;
    text-decoration: none;
    }
  
  h2.title {
    border-bottom: 1px solid #000;
    margin-bottom: .5em;
    }
        
  h3 {
    font-size: 100%;
    margin: 0;
    padding: 0;
    }
  
  p { margin: 0 0 1em 0; }
  
  ul {
    margin: 0 0 1em 1em;
    padding: 0;
    }
  
  li {
    margin: 0;
    padding: 0;
    }

/* ClearFix Hack
----------------------------------------------- */
  
  .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }

   .clearfix {display: inline-block;}

   /* Hides from IE-mac \*/
   * html .clearfix {
     height: 1%;
     }

   .clearfix {
     display: block;
     }
   /* End hide from IE-mac */

   
/* ID/Class Styles
----------------------------------------------- */
  
  #animation {
    float: right;
    margin: 0 0 .5em 16px;
    width: 414px;
    }
  
  #animation img { border: 1px solid #000; }
  
  #associations {
    float: right;
    margin: 0 0 1em 25px;
    }
  
  #banner {
    border-bottom: 3px solid #838383;
    height: 188px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 750px;
    }
  
  .before_submit { margin-bottom: 2em; }
  
  #container {
    background-color: #FFF;
    font-size: 110%;
    margin: 0 auto 0 auto;
    text-align: left;
    width: 920px;
    }
  
  #content {
    border-right: 1px solid #838383;
    float: left;
    margin-bottom: 3em;
    padding: 20px 16px;
    width: 718px;
    }
    
  #content_main {
    float: right;
    position: relative;
    width: 559px;
    }
  
  #content_side {
    float: left;
    width: 143px;
    }
  
  #content_side ul {
    font-size: 95%;
    font-weight: bold;
    line-height: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
    }
  
  #content_side ul li {
    margin: 0 0 1em 0;
    padding: 0;
    }
  
  #content_side ul li a { text-decoration: none; }
  
  #content_side ul li a.active,
  #content_side ul li a:hover { color: #3d90ca; }
  
  #content_side ul ul {
    margin-top: 1em;
    padding-left: 1em;
    }
  
  #copy_from_billing_address {
    display: block;
    margin: 1em 0;
    }
  
  div.divider { 
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
    padding-bottom: 1em;
    }
  
  .feature {
    border: 1px solid #000;
    float: right;
    margin: 0 0 .5em 16px;
    }
  
  .footnote { margin-left: 168px; }
  
  .hidden { display: none; }
  
  img.border { border: 1px solid black; }
  
  img.right {
    float: right;
    margin: 0 0 1em 25px;
    }
  
  .important { color: #3d90ca; }
  
  #login {
    float: left;
    font-size: 95%;
    padding: 16px 7px;
    width: 117px;
    }
  
  #login #forgot_create { margin: 0 5px 1em 5px; }
  
  #login form { margin: 0 5px 1em 5px; }
  
  #login input.password,
  #login input.text {
    margin: 0;
    padding: 0;
    width: 115px;
    }
  
  #login form label {
    display: inline;
    text-align: left;
    width: auto;
    }
  
  p.important { margin-bottom: 1em; }
  
  p.required {
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 1em 0;
    }
  
  .party_planning { width: 400px; }
  
  .party_planning p { margin: 0; }
  
  .party_planning td,
  .party_planning th {
    border-color: #000;
    border-style: solid;
    border-width: 1px 0;
    }
  
  #photo_gallery img { border: 1px solid #000; }
  
  .price_catalog {
    border: 1px solid #000;
    float: right;
    margin: 0 0 .5em 16px;
    width: 414px;
    }
  
  #referring_our_event_associates td { padding-right: 50px; }
  
  #referring_our_event_associates strong { color: #7F7F7F; }
  
  .required { color: #E40000; }
  
  .type { display: none; }
  
  #your_quote {
    border-top: 1px solid #838383;
    margin-top: 2em;
    padding-top: 1em;
    }
  
  #your_quote table {
    margin-bottom: 1em;
    width: 100%;
    }
  

/* Header
----------------------------------------------- */

  #header {
    background-image: url("../images/bg_header.jpg");
    background-repeat: no-repeat;
    position: relative;  
    }
  
  #header form {
    top: 60px;
    left: 545px;
    position: absolute;
    }
  
  #header h1 {
    border: 0;
    margin: 0;
    padding: 0;
    width: 425px;
    }
  
  #header h1 a {
    display: block;
    height: 0px !important;
    height /**/: 90px; /* for IE5/Win only */
    overflow: hidden;
    padding-top: 90px;
    }
  
  #header input.text { width: 127px; }


/* Navigation
----------------------------------------------- */

  #navigation {
    border-bottom: 3px solid #838383;
    list-style: none;
    margin: 0;
    padding: 0;
    }
  
  #navigation li {
    float: left;
    margin: 0;
    padding: 0;
    }
  
  #navigation li a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 0px !important;
    height /**/: 33px; /* for IE5/Win only */
    overflow: hidden;
    padding-top: 33px;
    }
  
  #navigation li a.active,
  #navigation li a:hover { background-position: 0 -33px; }
  
  #navigation_classic_party_rentals { width: 154px; }
  
  #navigation_classic_party_rentals a { background-image: url("../images/navigation/classic_party_rentals.png"); }
  
  #navigation_contact_us { width: 103px; }
  
  #navigation_contact_us a { background-image: url("../images/navigation/contact_us.png"); }
  
  #navigation_event_services { width: 123px; }
  
  #navigation_event_services a { background-image: url("../images/navigation/event_services.png"); }
  
  #navigation_home { width: 67px; }
  
  #navigation_home a { background-image: url("../images/navigation/home.png"); }
  
  #navigation_photo_gallery { width: 124px; }
  
  #navigation_photo_gallery a { background-image: url("../images/navigation/photo_gallery.png"); }
  
  #navigation_price_book { width: 103px; }
  
  #navigation_price_book a { background-image: url("../images/navigation/price_book.png"); }
  
  #navigation_products { width: 97px; }
  
  #navigation_products a { background-image: url("../images/navigation/products.png"); }
  
  #navigation_special_projects { width: 129px; }
  
  #navigation_special_projects a { background-image: url("../images/navigation/special_projects.png"); }

/* Footer
----------------------------------------------- */

  #footer {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    border-top: 1px solid #838383;
    clear: both;
    font-size: 95%;
    line-height: 1.3em;
    margin: 0 8px;
    padding: 1.5em 0;
    text-align: center;
    }
  
  #footer dt { font-weight: bold; }

  #footer.vcard {
    float: none;
    margin-bottom: 0;
    width: auto;
    }

/* Home
----------------------------------------------- */
  
  .callout {
    color: #000;
    float: right;
    padding: 10px;
    text-align: center;
    width: 125px;
    }
  
  .callout .strong {
    color: #E4813F;
    font-size: 110%;
    font-weight: bold;
    }
  
  .callout .strong a { color: #E4813F; }
  
  .home #content {
    padding: 0; 
    width: 750px;
    }
  
  .home #content_main {
    border-left: 1px solid #838383;
    float: left;
    padding: 0 23px;
    width: 330px;
    }
  
  .home #content_side {
    float: left;
    padding: 0 14px 0 16px;
    width: 272px;
    }
    
  #in_the_news { line-height: 1em; }
  
  #in_the_news h2 { margin-bottom: 1em; }
  #spotlight_event {
    border-bottom: 1px solid #838383;
    padding-bottom: 1em;
    margin-bottom: 1em;
    }
  
  #spotlight_event h3 { clear: none; }
  
  #spotlight_event img {
    border: 1px solid #000;
    float: left;
    margin: 0 10px 10px 0;
    }


/* Contact Us
----------------------------------------------- */ 
  
  h3 { clear: both; }
  
  .vcard {
    float: left;
    margin-bottom: 2em;
    width: 183px;
    }
  
  .vcard#dallas {
    border-right: 1px solid #838383;
    margin-right: 30px;
    padding-right: 30px;
    }


/* Products
----------------------------------------------- */
  
  .fourth .preview, 
  .third .preview { left: 286px; }
  
  .image_navigation {
    margin-top: 2em;
    text-align: center;
    width: 130px;
    }
  
  .image_navigation .thumbnail {
    border: 1px solid #000;
    margin: .5em 0;
    }
  
  #images {
    float: left;
    width: 400px;
    }
  
  #images .large { border: 1px solid #000; }
  
  #list_items {
    float: left;
    margin-right: 22px;
    width: 137px;
    }
  
  #list_items form { margin-bottom: 2em; }
  
  #list_items form .submit { float: right; }
  
  #list_items label {
    display: inline;
    float: none;
    text-align: left;
    }
  
  #next { float: right; }
  
  .note { font-style: italic; }
  
  .preview {
    border: 1px solid #7A7A7A;
    background-color: #F4F4F4;
    padding: 15px;
    position: absolute;
    text-decoration: none;
    width: 241px;
    z-index: 10;
    }
  
  #previous { float: left; }
  
  .product {
    float: left;
    /*font-weight: bold;*/
    margin-right: 13px;
    width: 130px;
    }
  
  .product img {
    height: 128px;
    width: 128px;
    }
  
  .product img { border: 1px solid #000; }
  
  .product .preview img {
    height: 239px;
    width: 239px;
    }
  
  .product .preview .icon img {
    border: 0;
    height: 16px;
    width: 16px;
    }
  
  .product.fourth { margin-right: 0; }

  .second .preview { left: 0; }
  

/* Forms
----------------------------------------------- */
  
  fieldset {
    border: 0;
    border-bottom: 1px solid #000;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    }
  
  .fieldWithErrors { display: inline; }
  
  form { margin-bottom: 1em; }
  
  form p { margin-bottom: .3em; }
  
  input.password,
  input.text {
    border: 1px solid #7C7C7C;
    height: 1em;
    width: 253px;
    }
  
  label { 
    display: block;
    float: left;
    margin-right: 8px;
    text-align: right;
    width: 160px;
    }
  
  textarea {
    border: 1px solid #7C7C7C;
    height: 42px;
    width: 253px;
    }
  
  textarea.wide { width: 502px; }
  
  .submit {
    float: right;
    margin-left: 15px; 
    }


/* Tables
----------------------------------------------- */
  
  .divider td { border-bottom: 1px solid #000; }
  
  .divider .grand_total td { border-bottom: 0; }
  
  .grand_total td { padding: .2em 5px .2em 0; }
  
  table {
    border-collapse: collapse;
    margin: 0 0 2em 0;
    width: 100%;
    }
  
  td { padding: .5em 0;}
  
  th {
    color: #3d90ca;
    font-size: 110%;
    }
  
  .total {
    font-size: 110%;
    font-weight: bold;
    }
  
  .total .note { font-size: 90%; }

/* quick fixes */
  
  
img.product_image_full_size {
  height: 398px;
  width: 398px;
}