/****************************************************************************************************
* BEGIN LAYOUT.CSS 
*****************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0 none;margin:0pt; outline-color:invert;outline-style:none;outline-width:0;padding:0;
}

:root{overflow-y:scroll;} /* for firefox.  vertical scroll will be displayed even when not needed.  This will prevent the page from shifting when the scroller is needed */

body {
    background:url('../images/default-bg.jpg');    
}

.clear {
  clear:both;
}

#page_container {
    width:100%;
    /* for firefox, to center box content */
    text-align:center;     
}

#page_container div 
{
    /* for firefox, reset text to align left */
    text-align:left;
}

#page_container #topbody_container,
#page_container #bottombody_container,
#page_container #footer_container
{ text-align:center; width:100%; }

#page_container #bottombody_container 
{ background:url('../images/body-bg.gif') #fff bottom repeat-x; }

#page_container #footer_container 
{ background:url('../images/footer-bg.jpg') repeat-x; height:35px; }
/*
 * This sets the:
 * width of the page items
 */
#page_container #topbody_container #topbody
{ width:878px; }

#page_container #bottombody_container #bottombody,
#page_container #footer_container #footer
{ width:715px; }

#page_container #topbody_container #topbody,
#page_container #bottombody_container #bottombody,
#page_container #footer_container #footer
{
    /* this must be declared for absolute positions to be relative to the container */
    position:relative;
    /* centering in firefox */
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
}

#page_container #topbody_container #topbody #banner_container 
{ margin-top:5px; width:878px; height:316px; text-align:center; position:relative; }

#page_container #topbody_container #topbody #banner_container #home_banner_parent
{text-align:center;}

#page_container #topbody_container #topbody #logo_container 
{ position:absolute; top:0px; left:-24px; z-index:100; }

#page_container #topbody_container #topbody #nav_container
{ padding-top:77px;padding-left:36px; }

#page_container #topbody_container #topbody #cart_container
{ margin-top:-22px; width:814px; height:29px; }

#page_container #bottombody_container #bottombody .content 
{ padding-top:32px; padding-bottom:40px; }

/* BEGIN NAV */
/* general declaration */
.nav {
  position:relative;
  width:807px;
  height:33px;
  list-style-type:none;
  background:url('../images/nav/nav.jpg') no-repeat;
}

.nav li {
  display:inline; /*this fixed issues in IE7*/
}

.nav li a:link,
.nav li a:visited
{
    position:absolute;
    top:0;
    height:33px;
    text-indent:-9000px;
    overflow:hidden;
    display:block; /*allows to set anchor tags with width and height*/
}

/* specific declaration */
/* home */
.nav .home a:link,
.nav .home a:visited,
.nav-home
{ left:0px; width:207px; }

.nav-home, 
.nav-home-click
{ 
    height:33px; 
    width:207px; 
    position:absolute; 
    top:0;
    left:0; 
    background:url('../images/nav/nav.jpg') no-repeat 0px -33px; 
}

.nav .home a:hover,
.nav .home a:focus
{ background:url('../images/nav/nav.jpg') no-repeat 0px -33px; }

.nav .home a:active,
.nav.current-home .home a,
.nav-home-click,
.nav .home .selected
{ background:url('../images/nav/nav.jpg') no-repeat 0px -66px; }

/* about-us */
.nav .about-us a:link,
.nav .about-us a:visited,
.nav-about-us
{ left:207px; width:93px; }

.nav-about-us, 
.nav-about-us-click
{ 
    height:33px; 
    width:93px; 
    position:absolute; 
    top:0;
    left:207px; 
    background:url('../images/nav/nav.jpg') no-repeat -207px -33px; 
}

.nav .about-us a:hover,
.nav .about-us a:focus
{ background:url('../images/nav/nav.jpg') no-repeat -207px -33px; }

.nav .about-us a:active,
.nav.current-about-us .about-us a,
.nav-about-us-click,
.nav .about-us .selected
{ background:url('../images/nav/nav.jpg') no-repeat -207px -66px; }

/* cues */
.nav .cues a:link,
.nav .cues a:visited
{ left:300px; width:229px; }

.nav-cues,
.nav-cues-click
{ 
    height:33px; 
    width:229px; 
    position:absolute; 
    top:0;
    left:300px; 
    background:url('../images/nav/nav.jpg') no-repeat -300px -33px; 
}

.nav .cues a:hover,
.nav .cues a:focus
{ background:url('../images/nav/nav.jpg') no-repeat -300px -33px; }

.nav .cues a:active,
.nav.current-cues .cues a,
.nav-cues-click
{ background:url('../images/nav/nav.jpg') no-repeat -300px -66px; }

/* cue-cases */
.nav .cue-cases a:link,
.nav .cue-cases a:visited
{ left:529px; width:96px; }

.nav-cue-cases,
.nav-cue-cases-click
{ 
    height:33px; 
    width:96px; 
    position:absolute; 
    top:0;
    left:529px; 
    background:url('../images/nav/nav.jpg') no-repeat -529px -33px; 
}

.nav .cue-cases a:hover,
.nav .cue-cases a:focus
{ background:url('../images/nav/nav.jpg') no-repeat -529px -33px; }

.nav .cue-cases a:active,
.nav.current-cue-cases .cue-cases a,
.nav-cue-cases-click
{ background:url('../images/nav/nav.jpg') no-repeat -529px -66px; }

/* contact-us */
.nav .contact-us a:link,
.nav .contact-us a:visited
{ left:625px; width:113px; }

.nav-contact-us,
.nav-contact-us-click
{ 
    height:33px; 
    width:113px; 
    position:absolute; 
    top:0;
    left:625px; 
    background:url('../images/nav/nav.jpg') no-repeat -625px -33px;
}

.nav .contact-us a:hover,
.nav .contact-us a:focus
{ background:url('../images/nav/nav.jpg') no-repeat -625px -33px; }

.nav .contact-us a:active,
.nav.current-contact-us .contact-us a,
.nav-contact-us-click
{ background:url('../images/nav/nav.jpg') no-repeat -625px -66px; }

/* faqs */
.nav .faqs a:link,
.nav .faqs a:visited
{ left:738px; width:60px; }

.nav-faqs,
.nav-faqs-click
{ 
    height:33px; 
    width:60px; 
    position:absolute; 
    top:0;
    left:738px; 
    background:url('../images/nav/nav.jpg') no-repeat -738px -33px;
}

.nav .faqs a:hover,
.nav .faqs a:focus
{ background:url('../images/nav/nav.jpg') no-repeat -738px -33px; }

.nav .faqs a:active,
.nav.current-faqs .faqs a,
.nav-faqs-click
{ background:url('../images/nav/nav.jpg') no-repeat -738px -66px; }
/* END NAV */

/* BEGIN CART */
#cart_container #cart-info, 
#cart_container #open-basket, 
#cart_container #checkout
{ position:absolute; }

#cart_container #cart-info {
    left:67px;
    width:529px; 
    height:29px;
    background:url('../images/basket-bg.gif') no-repeat;
}

#cart_container #open-basket {
    left:596px;
    width:112px; 
    height:29px;
    background:url('../images/button-open-basket.gif') no-repeat;
    cursor: pointer;
}

#cart_container #open-basket.open {
    left:596px;
    width:112px; 
    height:29px;
    background:url('../images/button-close-basket.gif') no-repeat;
}

#cart_container #checkout {
    left:713px;
    width:102px; 
    height:29px;
    background:url('../images/button-checkout.gif') no-repeat;
}

/* content padding */
#cart_container #cart-info .content,
#cart_container #open-basket .content,
#cart_container #checkout .content
{ padding-top:5px; }

#cart_container #cart-info .content
{ padding-left: 30px; }

#cart_container #open-basket .content
{ padding-left: 5px; }

#cart_container #checkout .content
{ padding-left: 10px; }

#cart_content_container {
    margin-left:67px;
    background:#f1f1f1;
    width:748px;
}

#cart_content_container #cart_content {
    padding:25px;
}
/* END CART */

/* begin CUE ITEM */
.item 
{ width:252px; height:371px; float:left; margin:0px 25px 50px 0px; position:relative; z-index:2000; }

.item .item-buttons
{ border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:7px 0px 5px 10px; }

.item .item-content .item-body
{ float:left; width:202px; }

.item .item-content .item-body .item-text
{ padding-right:10px; height:160px; overflow:hidden; margin-bottom:10px; }

.item .item-content .item-cue
{ float:right; width:50px; height:292px; overflow:hidden; }
/* END CUE ITEM */

/* BEGIN CUE CASE */
.item .item-content .item-cue.cuecase
{ width:56px; }

/* END CUE CASE */


/* BEGIN CHECKOUT OPTION BOX */
fieldset {
  padding:10px;
  margin-top:30px;
  margin-bottom:25px;
  background:#eff3ef;
  border:1px solid #ff9900;
}

legend {
  font-family:century gothic;
  font-weight:100;
  font-size:12pt;
  color:#ff6600;
  margin-top:-18px;
}

.form_field {
  margin-bottom:25px;
}

.form_field .form_title {
  font-weight:bold;
  float:left;
  width:130px;
  text-align:left;
  padding-right:10px;
}

select {
  width:200px;
}

/* END CHECKOUT OPTION BOX */
/****************************************************************************************************
* END LAYOUT.CSS 
*****************************************************************************************************/