body { background-image: url(/images/black1x66.gif);
       background-repeat: repeat-x;
       width: 100%;
       position: relative;
       z-index: 1;
       overflow-x: hidden;
       overflow-y: auto; }

body.homeflash { }

b.bt, b.bt b, b.bb, b.bb b {display: block; height: 10px; font-size: 1px; position:relative}  
b.bt b, b.bb, b.bb b {background:url(/images/grey.gif) no-repeat}
b.bt {top: -3px; left: -3px}
/* (IE7 only) */
b.bt {*top: -5px; }
b.bt b {background-position:100% -10px; left: 6px}  
b.bb {background-position:0 -20px; top:3px; left: -3px}
b.bb b {background-position:100% -30px; left: 6px}  

/** masthead **/
#masthead { width: 980px;
            margin: 0 auto auto auto }

div#qmcontainer   { height: 47px;
                    background: #000;
                    position: relative;
                    z-index: 100 }

div#qmcontainer .icons { float: right; margin: 28px 0 0 0; left: -30px; position: relative; z-index: 5; color:#fff;}

div#qmcontainer .icons a { color: #ddd; }

div#qmcontainer .carticon { /* width: 40px; */
                            height: 18px;
                            padding: 5px 0 0 20px;
                            background-image: url(/uploads/img/shop/icons/cart.gif);
                            background-repeat: no-repeat;
                            float: right;
                            cursor: pointer}

div#qmcontainer .homeicon { width: 19px;
                            height: 18px; 
                            margin-left: 5px;
                            background-image: url(/images/house.gif);
                            background-repeat: no-repeat;
                            float: right;
                            cursor: pointer}

div#qmcontainer .homeicon:hover { background-image: url(/images/house_blue.gif); }
div#qmcontainer .carticon:hover { background-image: url(/uploads/img/shop/icons/cart_blue.gif); color: #01A0BA}

ul#qm { bottom:0;
        float:right;
        margin:28px 10px 0 0;
        position:relative;
        right:0;
        display: block;}

ul#qm, x:-moz-any-link, x:default { margin-top: 27px }

#logobar { height: 50px;
           width: 980px;
           background: transparent url(/images/logobar.gif) no-repeat scroll top left;
           background-repeat: no-repeat;
           margin-left: 10px}
           
#logobar #logo a { height: 40px; width: 250px; display: block; margin-left: 10px; }

#logobar #logo{ width: 250px; height: 40px; float: left;}
#logobar #logo:hover { background-image: url(/images/logo_hover.gif);
                       background-repeat: no-repeat}

#costcologo       { float: left;
	                  padding-left: 550px;
                    width: 160px; }

#logobar #costcologo a { float: left; width: 160px}

#regionchooser { padding: 12px 40px 0 0; }
#regionchooser span { margin-right: 10px }

/* end masthead */

/* main display area */
#navmenu { 	position: relative;
						float: left;
						width: 213px; 
						height:375px; 
						
						padding: 10px 8px 0 10px;
						foo: bar; }
						
#navmenu ul {list-style: none; width: 213px;}  
#navmenu ul li { line-height: 20px; }
#navmenu li.level1nochild { padding-left: 20px }
#navmenu li.level2nochild { padding-left: 40px }
#navmenu li.level2 { padding-left: 50px }
#navmenu ul li img.navarrow { border: 0; float: left; padding: 5px 0 5px 0}
.on  { display:block}
.off { display:none}

#maindisplay {  width: 950px;
                margin-left: -466px;
                position: relative;
                left: 50%;
                z-index: 10 }

body.unrestricted #maindisplay { height: auto }

.contentwindow, .contentwindowlong, .contentwindownolimit, .contentwindowclipped {
	padding-left: 11px;
	border-left: 1px solid #ccc;
  float: left;
  /* overflow-x: hidden */}

.twocol div { float: left }

.twocol div.contentarea { width: 456px; padding-right: 10px }
.twocol div#masthead { width: 207px; padding-right: 10px  }

.contentwindow {width: 700px;
                height: 386px;
                overflow-y: scroll;}

.contentwindowclipped {width: 700px;
                       height: 386px;
                       overflow-y: hidden;}

.contentwindowlong   {  width: 700px;
                        height: 530px;
                        overflow-y: scroll;}

.contentwindownolimit { width: 700px;
                        height: auto;
                        min-height: 380px}

.contentwindowlong .contentarea { padding-right: 20px }

#movieplayer { width: 1600px; height: 550px; position: relative; left: 50%; margin-left: -800px }

#simplecarousel { width: 920px;
		              height: 550px; 
		              left: 50%; 
		              margin-left: -460px;
		              position: relative }

#simplecarousel div.slide { position: absolute }

#simplecarousel .button { display: none }

/* --- simpleslideshow --- */
#sscol1 { float: left; width: 440px; margin: 5px 10px 0 0;}
#sscol2 { float: left; width: 200px; margin-top: 5px;}

#slidewin { width: 434px;
            height: 318px; 
            border: 3px solid #DDD;
            overflow: hidden }

#ssprv { float: left;
         padding: 10px 2px 5px 5px }
         
#ssnxt { float: left;
         padding: 10px 2px 5px 5px }
         
#slidedesc { float: left;
             padding: 6px 0 0 10px;
             width: 360px }

#ssintro { float: left }

#ssintro h1 { margin: 0; }

/* end main display area */

/** promo boxes **/

#promobar { margin-top: 10px;
            width: 932px;
            height: 144px;
            position: relative; 
            left: 50%; 
            margin-left: -466px;}

#promobarscroll { margin-top: 10px;
			            width: 980px;
			            height: 144px;
			            position: relative; 
			            left: 50%; 
			            margin-left: -488px; }

#promocontainer { width: 932px;
	                height: 144px;
                  position: relative; 
                  overflow: hidden;
                  float:left;
                 }
                  
#carousel_prev, #carousel_next { display: block;
	                             float:left; 
	                             margin: 8px 2px 0;
	                             cursor: pointer;
	                             width: 20px;
	                             height: 80px;
	                             overflow: hidden;
		                         background-repeat: no-repeat; }

#carousel_prev:hover , #carousel_next:hover { background-position: -20px; }

#carousel_prev { background-image: url(/images/promo/leftscroller.gif); }
#carousel_next { background-image: url(/images/promo/rightscroller.gif); }

#promolist { position: relative;
             display: block;
             width: 10000px;
             height: 144px;
            }

.homepromo { top: -175px }

#promocontainer .promo { display: block;
                         position: relative;
	                       width: 233px;
                         height: 144px;
	                       background-image: url(/images/promotpl.gif);
                         background-repeat: no-repeat;
                         float:left;
                         cursor: pointer }
                   
#promocontainer .promo .inner { display: block;
	                              position: relative;
	                              width: 207px;
                                height: 116px;
                                margin:8px 0 0 10px;
                                cursor: pointer }

#promocontainer .promo .innertext { 
bottom:0;
height:28px;
left:0;
overflow:hidden;
padding:4px;
position:absolute;
width:179px; 
display: block;
cursor: pointer }


#promocontainer .promo .inner .innertext .textholder { display: table-cell;
                                                       position: static; 
                                                       vertical-align:middle;
                                                       width: 179px;
                                                       height: 30px }

#promocontainer .promo .inner .innertext .promobody1 { #display: inline-block }
#promocontainer .promo .inner .innertext .promobody2 { #display: inline-block }
b { #display: inline-block;
	  #height: 100%;
	  #vertical-align: middle }

#promocontainer .promo .inner .innertext .promobody1 { display: inline; }
#promocontainer .promo .inner:hover .innertext .promobody1 { display: none }
#promocontainer .promo .inner .innertext .promobody2 { display: none }
#promocontainer .promo .inner:hover .innertext .promobody2 { display: inline }

#promocontainer .promo .inner .arrowwindow { 
                                     position: absolute;
	                                   overflow: hidden;
	                                   width: 20px;
	                                   height: 20px;
	                                   bottom: 7px;
	                                   right: 0 }

#promocontainer .promo .inner .arrowwindow .arrowblock { 
	                                   display: block;
	                                   width: 20px;
	                                   position: relative;
	                                   right:  0;
	                                   bottom: 0 }

.preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px }
   
/* end promo boxes */

/* footer */
.homelinkbar { top: -185px; }

#linkbar { position: relative;
           width: 920px;
           height: 30px;
           padding-top: 8px;
           left: 50%; 
           margin-left: -460px; }

#linkbar ul { position: relative;
              float: left; 
              min-width: 220px;}
     
#linkbar ul li { position: relative;
                 list-style: none;
                 height: 20px;
                 display: inline;
                 padding: 0 20px;
                 border-right: 1px solid #333; }

#linkbar ul li.linkbaritem0 { padding-left: 0;}

#linkbar p#copyright { float:right;}

#linkbar ul.social_links { margin: 3px 0 0 3px; }
#linkbar ul.social_links { *margin-left: 15px; }
#linkbar ul.social_links li { border: 0 ; margin-right: 10px; padding: 0;}
                          
#fineprint { position: relative;
	           width: 920px;
             left: 50%; 
             margin-left: -460px;
             top: -185px; }
             
#footer { position: relative;
	        width: 980px;
          margin: 0 auto auto;
          top: 5px;
          display: block;}

.homefooter { top: -185px;
              position: relative;
	          width: 980px;
              margin: 0 auto auto}
/* end footer */

/* product reviews */

.reviewstitlebar { float: left; width: 700px; height: 40px }
.reviewstitle { float: left; }

.reviews { border-top: 2px solid #ccc; 
	       border-right: 2px solid #ccc;
	       border-left: 2px solid #ccc; 
	       background-color: #eee; 
	       float: left; 
	       clear: left;
	       width: 470px;
	       margin-right: 10px;}
	
.reviews .review { border-bottom: 2px solid #ccc; 
	               float: left; 
	               width: 450px;
	               padding: 10px 10px 10px 10px; }

.reviews .review .summaryarea { height: 50px;}
.reviews .review .summary { float: left; width: 280px;}
.reviews .review .details { float: right;}
.reviews .review .description { clear: left; position: relative; top: -4px;}
.reviews .review table th, .reviews .review table td { background-color: #eee; padding: 0 0 5px 0; vertical-align: middle; }

.pager { float:right; margin:25px 230px 0  }
.banner { float: left; width: 207px;}

.creditcards {  left:50%;
				margin-left:-460px;
				margin-right:60px;
				position:relative;
				width:920px; 
				background-color: #ccc;}

.creditcards img { padding-right: 2px; float:right; }

.ymdContent .contentarea { padding: 10px }