/* basics
-------------------------------------------------------- */

a  {
   color: #336699;
   text-decoration: none;
   }

   a:hover {
      color: #336699;
      text-decoration: underline;
      }

      a:visited {
         text-decoration: none;
         }


p {
   margin: 0 0 10px 0;
   }


strong {
   font-weight: bold;
   }

em {
   font-style: italic;
   }

img {
   display: block;
   border: 0;
   }


hr {
   border-bottom: 1px solid #efefef;
   background-color: #fff;
   margin: 10px 0;
   }


.floatbreaker {
    clear: both; height: 0px; overflow: hidden; line-height: 1px;
    }

blockquote {
	margin: 10px 10px 10px 0;
	padding: 10px 0 10px 25px;
	border-top: 1px dashed #ccc;
   border-bottom: 1px dashed #ccc;
	color: #666;
   font-size: 10px;
   font-style: italic;
   }

h1 {
   font: normal 26px/26px "Trebuchet MS", verdana, sans-serif; color: #22335f;
   border-bottom: 1px solid #ccc;
   margin: 0 0 15px 0;
   }


/* layout
-------------------------------------------------------- */


body {
   background-color: #fff;
   font: normal 13px/14px "Trebuchet MS", verdana, sans-serif; color: #333;    
   margin: 0; padding: 0;
   text-align: center;
   width: 100%;
   }


#container {
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 740px;
   }

#left {
   float: left;
   margin: 0;
   padding: 0;
   width: 186px;
   text-align: left;
   }

#right {
   float: left;
   margin: 0;
   padding-bottom: 20px;
   width: 554px;
   text-align: left;
   }


/* details - left
-------------------------------------------------------- */

   #ltq-logo {
      font-size: 1em;
      height: 160px;
      margin: 0;
      padding: 0;
      width: 186px;
      }
      
      #ltq-logo a {
         background: url(/images/ltq-logo.gif) top left no-repeat;
         color: #333;
         display: block;
         height: 160px;
         outline: none;
         text-decoration: none;
         text-indent: -9999px;
         width: 186px;
         }
   
         #ltq-logo a:hover {
            text-decoration: none;
            }

#promos {
   padding-bottom: 30px;
   width: 186px;
   background: url(/images/left-bg.gif) bottom left no-repeat;
   }


#social-network img {
   display: inline;
   padding: 15px 11px 15px 11px;
}

#memberlogin-module {
   background: url(/images/memberlogin.gif) top left no-repeat;
   padding: 50px 0 0 0;
   margin: 0;
   width: 186px;
   }

 
   dl.memberforms { 
      padding: 0; 
      margin: 0;
      clear: both;
      }
   
   dl.memberforms dt { 
      font: normal 11px/13px "Trebuchet MS", verdana, sans-serif; color: #333;
      width: 66px;
      text-align: left;
      float: left; 
      padding: 0px; margin: 0px;
      }
   
   dl.memberforms dd { 
      width: 110px;
      float: left; 
      text-align:left;
      margin: 0px;
      padding: 0px 0px 10px 0px;
      }

   dl.memberforms dd input.image {
      clear: left;
      padding: 2px; 
      text-align:left;
      vertical-align:top;
      }
   
   dl.memberforms dd input.text  {
      padding: 2px; 
      text-align:left;
      vertical-align:top;
      width: 100px;
      background: #fff;
      border: 1px solid #336699;
      font: 10px Arial, Verdana, sans-serif; color: #333; 
   }

   #register-module {
      clear: both;
      font-size: 1em;
      height: 94px;
      margin-top: 20px;
      padding: 0;
      width: 186px;
      }
      
      #register-module a {
         background: url(/images/registerhere-box.gif) top left no-repeat;
         color: #333;
         display: block;
         height: 94px;
         outline: none;
         text-decoration: none;
         text-indent: -9999px;
         width: 170px;
         }
      
         #register-module a:hover {
            text-decoration: none;
            }

 /* details - right
-------------------------------------------------------- */   

#branding {
   width: 554px;
   background: #6699ff url(/images/branding.jpg) top left no-repeat;
   margin: 0;
   }

   #home #toplinks {
      height: 37px;
      margin-bottom: 123px;
      padding: 0;
      text-align: left;
      }

   #toplinks {
      height: 37px;
      margin-bottom: 143px;
      padding: 0;
      text-align: left;
      }
      
      #toplinks ul {
         text-align: left;
         margin: 0 0 0 145px;
         padding: 8px 0 0 0;
         font: bold 12px/12px "Trebuchet MS", verdana, sans-serif; color: #fff;
         }
      
      #toplinks ul li {
         display: inline;
         background: url(/images/header-box.gif) 0 50% no-repeat;
         padding: 5px 0 0 5px;
         text-align: left;
         }
      
      #toplinks ul li a {
         padding: 8px 15px;
         font: bold 12px/12px "Trebuchet MS", verdana, sans-serif; color: #fff;
         color: #fff; 
         text-decoration: none;
         }
      
         #toplinks ul li a:hover {
            padding: 8px 15px;
            font: bold 12px/12px "Trebuchet MS", verdana, sans-serif; color: #fff;
            color: #5f91f4; 
            text-decoration: none;
         }

#int-content {
   margin: 0;
   padding: 45px 0 0 16px;
   width: 554px;
   width/**/:/**/ 534px;
   }

.featured-img {
      width: 240px;
      text-align: center;
      display: block;
      margin: 0;
      padding: 0;
      }

   #hp-intro {
      padding: 0;
      height: 185px;
      margin: 0;
      width: 554px;
      text-align: left;
      }

   #featured-cols {
      clear: both;
      background-color: #fff;
      }
      
      .sm-col {
         float: left;
         margin: 0;
         padding-left: 20px;
         width: 267px;
         width/**/:/**/ 247px;
         }

/* make text white */

         .white {
            color: #fff;
            padding-top: 12px;
            margin: 0;
            }

         .featured-img {
            width: 247px;
            text-align: center;
            padding: 15px 0;
            }

         .sm-col h2 {
            font: normal 18px/20px "Trebuchet MS", verdana, sans-serif; color: #3d72b2;
            margin: 5px 0;
            }
            
         .sm-col h3 {
            font: bold 18px/20px "Trebuchet MS", verdana, sans-serif; color: #003366;
            margin: 5px 0;
            }

   .purchase {
      font-size: 1em;
      height: 30px;
      margin: 20px 0 0 0;
      padding: 0;
      width: 247px;
      }
      
      .purchase a, .purchase a:hover {
         background: url(/images/purchasenow.gif) top left no-repeat;
         color: #333;
         display: block;
         height: 30px;
         outline: none;
         text-decoration: none;
         text-indent: -9999px;
         width: 247px;
         }

   .purchaseright .purchase{
      font-size: 1em;
      height: 30px;
      margin: 20px 0 0 0;
      padding: 0;
      width: 200px;
      overflow: hidden;
      }
      
      .purchaseright .purchase a, .purchaseright .purchase a:hover {
         baackground: url(/images/purchasenow.gif) top left no-repeat;
         color: #333;
         display: block;
         height: 30px;
         outline: none;
         text-decoration: none;
         text-indent: -9999px;
         line-height: 5000px;
         width: 200px;
         float: left;
         }

#featuredproducts { 
   clear: both;
   background-color: #fff;
   float: left;
   padding: 10px 0 0 0;
   margin: 0;
   position: relative;
   width: 554px; height: 34px;
   }
   
#featuredproducts span { 
   position:absolute; 
   width: 554px; height: 34px;
	background: url(/images/featuredproducts.gif) top left no-repeat;
   }


.breadcrumb {
   clear: both;
   font: bold 11px/11px "Trebuchet MS", verdana, sans-serif; color: #fff;
   border-top: 1px solid #fff;
   background-color: #22335f;
   display: block;
   font-style: normal;      
   margin-top: 20px;
   padding: 8px 20px;
   }
   
   .breadcrumb a,
   .breadcrumb a:visited {
      font-style: italic; 
      color: #5f91f4;
      text-decoration: none;
      }
            
      .breadcrumb a:hover {
         font-style: normal;
         text-decoration: underline;
         }


#product-sidebar {
      width: 200px;
      float: right;
      margin: 0 0 20px 20px;
      padding: 0;
      }

      .product-img {
            width: 200px;
            display: block;
            margin: 0;
            padding: 0;
            }



/* form styles
-------------------------------------------------------- */ 


dl { 
	padding: 0; 
	margin-top: 15px;
	clear: both;
}

dt { 
	width: 160px;
	text-align: left;
	float: left; 
	padding: 0px; margin: 0px;
}

dd { 
	width: 300px;
	float: left; 
	text-align:left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

dd input.text, dd textarea {
    padding: 2px; 
    text-align:left;
    vertical-align:top;
	width: 300px;
	background: #fff;
	border: 1px solid #336699;
	font: 10px Arial, Verdana, sans-serif; color: #333; 
}

.required {
   font-weight: bold;
   color: #C00;
   }


/* footer
-------------------------------------------------------- */

#footer {
   clear: both;
   font: normal 10px "Trebuchet MS", verdana, sans-serif; color: #fff;
   margin: 0 0 10px 0;   
   padding: 15px 20px;
   background-color: #22335f;
   text-align: right;   
   }


#footer a {
   font: normal 10px "Trebuchet MS", verdana, sans-serif; color: #fff;
   text-decoration: none;
   }

#footer a:hover {
   text-decoration: none; color: #5f91f4;
   }

#footer .lefttext {
   float: left;
   }



/* Vertical Nav with Graphic main nav & text subnav. CSS
-------------------------------------------------------- */


#navcontainer {
   width: 186px;
   width/**/:/**/ 169px;
   margin: 0; 
   background: #fff url(/images/nav-bg.gif) top left repeat-y;
   padding: 20px 0 20px 17px;
   }

   div#nav { 
      width: 153px; 
      margin: 0;
      padding: 0; 
      }

      div#nav ul#menu { 
         margin: 0;
         border-bottom: 1px solid #37618f; 
         padding: 0 0 0 0;
         }

         div#nav ul#menu li { 
            display: block;
            margin: 0; 
            padding: 0;
            list-style: none; 
            }
         
            ul#menu li, 
            ul#menu a { 
               margin: 0; padding: 0;
               display: block; 
               }
            
               ul#menu li a { 
                  text-indent: -9999px; 
                  text-decoration: none;
                  display: block;
                  /* Line height must be the height of the "a" tag */
                  line-height: 36px;
                  height: 36px; 
                  padding: 0; 
                  outline: none;
                  margin: 0;
                  }


#productsmenu a { 
   background: transparent url(/images/nav/products.gif) top left no-repeat; 
   }

   #productsmenu a:hover,
   body.products #productsmenu a {
      background: transparent url(/images/nav/products.gif) bottom left no-repeat; 
      }

#resourcesmenu a { 
   background: transparent url(/images/nav/reources.gif) top left no-repeat; 
   }

   #resourcesmenu a:hover,
   body.resources #resourcesmenu a {
      background: transparent url(/images/nav/reources.gif) bottom left no-repeat; 
      }

#aboutmenu a { 
   background: transparent url(/images/nav/about.gif) top left no-repeat; 
   }

   #aboutmenu a:hover,
   body.about #aboutmenu a {
      background: transparent url(/images/nav/about.gif) bottom left no-repeat; 
      }

#contactmenu a { 
   background: transparent url(/images/nav/contact.gif) top left no-repeat; 
   }

   #contactmenu a:hover,
   body.contact #contactmenu a {
      background: transparent url(/images/nav/contact.gif) bottom left no-repeat; 
      }

/* --------SUBNAV --------------------*/



div#nav ul#menu li ul.subnav {
   background: #22335f;
   margin: 0; padding: 0 0 10px 0;
   }

   
   div#nav ul#menu li ul.subnav li {
      display: block;
      list-style: none;
      padding: 0 0 0 15px; margin: 0;
      font: normal 12px/12px arial, verdana, sans-serif; color: #7496ff;
      }

      
      div#nav ul#menu li ul.subnav li a { 
         height: 100%;
         text-indent: 0;
         display: block;
         text-decoration: none;
         font: bold 11px/12px "Trebuchet MS", verdana, sans-serif; color: #7496ff;
         background: #22335f url(/images/nav/subnav-arrow-off.gif) no-repeat 0 50%;
         padding: 4px 0 4px 10px; margin: 0;
         }

         
         div#nav ul#menu li ul.subnav li a:hover { 
            height: 100%;
            text-indent: 0;
            display: block;
            background: #22335f url(/images/nav/subnav-arrow-on.gif) no-repeat 0 50%;
            text-decoration: none;
            font: bold 11px/12px "Trebuchet MS", verdana, sans-serif; color: #fff;
            padding: 4px 0 4px 10px; margin: 0;
            }

/* about */
body.leadership div#nav ul#menu li ul.subnav li a#sub_leadership,
body.faqs div#nav ul#menu li ul.subnav li a#sub_faqs,
body.news div#nav ul#menu li ul.subnav li a#sub_news,
body.testimonials div#nav ul#menu li ul.subnav li a#sub_testimonials,
/* products */
body.accessories div#nav ul#menu li ul.subnav li a#sub_accessories,
body.dvd div#nav ul#menu li ul.subnav li a#sub_dvd,
body.music div#nav ul#menu li ul.subnav li a#sub_music,
body.policies div#nav ul#menu li ul.subnav li a#sub_policies,
body.register div#nav ul#menu li ul.subnav li a#sub_register,
body.youthresources div#nav ul#menu li ul.subnav li a#sub_youthresources,
/* resouces */
body.glossary div#nav ul#menu li ul.subnav li a#sub_glossary,
body.newsletters div#nav ul#menu li ul.subnav li a#sub_newsletters,
body.groupdirectory div#nav ul#menu li ul.subnav li a#sub_groupdirectory,
body.promo-materials div#nav ul#menu li ul.subnav li a#sub_promo-materials,
body.links div#nav ul#menu li ul.subnav li a#sub_links {
   background: #22335f url(/images/nav/subnav-arrow-on.gif) no-repeat 0 50%;   
   display: block;   
   font: bold 11px/12px "Trebuchet MS", verdana, sans-serif; color: #fff;   
   height: 100%;
   padding: 4px 0 4px 10px; margin: 0;   
   text-decoration: none;
   text-indent: 0;  
   }


/* Product nav - tert nav. CSS
-------------------------------------------------------- */



#product-nav {
   width: 200px;
   margin: 0; padding: 0;
   background-color:  #efefef;
   border-top: 1px solid #666;
   border-bottom: 1px solid #666;
   }

div#p-nav { 
	margin: 0; 
   padding: 0;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   }


div#p-nav ul#p-menu { 
   list-style: none;
	margin: 0; 
   padding: 10px 0 10px 10px;
   border: none;
   }

   div#p-nav ul#p-menu li {
      height: 25px; 
      display: block;
      margin: 0; 
      padding: 0;
      list-style: none;
      }
   
      ul#p-menu li a { 
         font: bold 12px/12px "Trebuchet MS", verdana, sans-serif; color: #666;
         background-color: transparent;
         text-decoration: none;
         display: block;
         width: 200px;
         width/**/:/**/ 168px;
         padding: 4px 0 4px 15px; 
         margin: 0;
         outline:none;
         }


ul#p-menu li a#overviewmenu,
ul#p-menu li a#themesmenu,
ul#p-menu li a#contributorsmenu,
ul#p-menu li a#samplesmenu,
ul#p-menu li a#testimonialsmenu,
ul#p-menu li a#supplementalmenu,
ul#p-menu li a#additionalcopiesmenu {
      font: bold 12px/12px "Trebuchet MS", verdana, sans-serif; color: #666;
      }


ul#p-menu li a#overviewmenu:hover,
body.overview ul#p-menu li a#overviewmenu,
ul#p-menu li a#themesmenu:hover,
body.themes ul#p-menu li a#themesmenu,
ul#p-menu li a#contributorsmenu:hover,
body.contributors ul#p-menu li a#contributorsmenu,
ul#p-menu li a#testimonialsmenu:hover,
body.testimonials ul#p-menu li a#testimonialsmenu,
ul#p-menu li a#supplementalmenu:hover,
body.supplemental ul#p-menu li a#supplementalmenu,
ul#p-menu li a#additionalcopiesmenu:hover,
body.additionalcopies ul#p-menu li a#additionalcopiesmenu {
      font: bold 12px/12px "Trebuchet MS", verdana, sans-serif;  color: #22335f;
      background: transparent url(/images/p-box.gif)  no-repeat 0 50%;
      }