/* Resetting Browser-Set Defaults */
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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.clear {clear:both;}

body {background-color: #F9F2E7; font-family: Verdana, sans-serif; font-size: 10px;}
  
a {color: #90491A;}
    
td {font-size: 10px;color: #6E390B;}
  
select {font-size: 10px;font-family: Verdana, sans-serif;color: #888;margin-bottom: 3px;}

/* table that wraps left header and main site */
#shell {margin:0 auto;}
#shell td {vertical-align:top;}

#mainnav{list-style-type: none; text-align:right;}
#navspacer {height:100px;}

#main {width:846px;margin:0 auto;padding:0;} 

#mainbanner {height:126px;}
#maincontent {background: url(../images/main_bg.gif) repeat-y;}
#maincontentpadding {margin:0 10px;}
#mainfooter {}
#mainfootertext {background: url(../images/main_bg.gif) repeat-y;}

#mainbanner { position: relative; width: 846px; height: 126px; background: url("http://www.teenyb.com/images/header49.jpg") no-repeat; text-align: left; margin: 0 auto; display: block; }
.topvidbanner { display: block; width: 282px; height: 117px; position: relative; margin-top: 2px; margin-left: 545px; background: url("http://www.teenyb.com/images/topvidbanner.png") no-repeat; }
.topvidbanner_btn { position: absolute; top: 100px; left: 58px; }
.topvidlink a { width: 282px; height: 117px; cursor: hand; }

.mainpic { text-align: left; }

.mainpic img {border: 4px double #9C6342;}  
.mainpic a {font-size: 10px;color: #6E390B;margin: 0px;text-decoration: none;}
.mainpic a:hover {text-decoration: underline;color: #8F491A;}
  
.footer {height: 31px;background-image: url(images/footerBg.gif);color: #FCFCFE;font-size: 10px;}
.footer a {text-decoration: none;color: #FCFCFE;margin: 5px;line-height: 12px;padding: 5px;}
.footer a:hover {background-image: url(images/footerOver.gif);}
    
.copyright {color: #DABD9D;font-size: 10px;padding: 0px;padding:5px;}

.styleNumber1 {color: #E2C5A5;font-size: 10px;}

hr {border: 0px;height: 1px;color: #DDC1A1;background-color: #DDC1A1;}   
.verticalSeparator {width: 1px;background-color: #DDC1A1;padding: 0px;}
.verticalSeparator2 {width: 1px;background-color: #E9E5E2;padding: 0px;}
    
#hierarchy {font-size: 10px;color: #AB845F;}  
#hierarchy a {font-weight: bold;text-decoration: none;color: #904919;}
#hierarchy a:hover {text-decoration: underline;}  
  
#selectContainer {width: 270px;height: 185px;border: 1px solid #DDC1A1;}
  
#otherMatching {width: 490px;border: 1px solid #DDC1A1;}
    
#descripBox1 {width: 137px;border: 1px solid #DDC1A1;font-family: Tahoma, sans-serif; 
              font-size: 9px;background-color: #F1EFEA;color: #DDC1A1;}
    
.icons {font-family: Tahoma, sans-serif; font-size: 9px;color: #74604A;line-height: 12px; } 
    
#highlight {padding: 5px;width: 200px;background-color: #F8F2E7; }
#highlight2 {padding: 5px;width: 520px;background-color: #F8F2E7; }  
  
.swatch a img {border: 1px solid #78736D;margin: 2px;}  

.selected {margin: 2px;border: 5px solid #E0C2A4;}
  
  
/* category */
.teenybcategorywrapper {margin:0 10px 0px 10px;}
.teenybproductwrapper, .teenybwrapper {margin:0 10px 0px 10px;}


.teenybbanner {border-bottom:solid 1px  #DDC1A1;}

.breadcrumbs a {text-decoration:none;}
.breadcrumbs a:hover {text-decoration:underline;}

#teenybcollectionpage .breadcrumbs,
#teenybgridpage .breadcrumbs {padding:8px 0;}

#teenybcollectionpage h1,
#teenybgridpage h1 {font-weight:bold;margin:1em 0 1em 10px;}
#teenybcollectionpage p,
#teenybgridpage p {line-height:1.2em;margin:1em 0 0 10px;}


#teenybcollectionpage #subcategorymenu {text-align:center;margin:2em 0 0 0;}
#teenybcollectionpage #subcategorymenu table {margin:0 auto;}
#teenybcollectionpage #subcategorymenu .recordname {display:none;}

#teenybgridpage #twocolumnarea {padding:1em 0;}
#teenybgridpage #gridleft {border-right:solid 1px #ddc1a1;
                           float:left; width:510px;
                           text-align:center;}
#teenybgridpage #gridleft table {margin:0 auto;}
#teenybgridpage #gridleft .recordimage img {border-style: double;border-width: 4px;
											border-top-color: #9c6342;border-right-color: #9c6342;
											border-bottom-color: #9c6342;border-left-color: #9c6342;
											}

#teenybgridpage a {text-decoration:none;color:#90491A;line-height: 12px;}
#teenybgridpage a:hover {text-decoration:underline;color:#90491A;}
#teenybgridpage #gridright {float:right; width: 290px;vertical-align:top;}

#teenybgridpage .record {padding:20px 0 0 10px;}
                            
#teenybgridpage .recordname { background-color:#f1efea;
							color:#ddc1ae;
							border:solid 1px #ddc1a1;
							width:151px;
							height:170px;
							font-size:9px;
							line-height:1.1em;
							padding:5px 0;
							overflow:hidden;}
#teenybgridpage .recordname strong {font-weight:bold;font-size:10px; text-align:center;}							
#teenybgridpage .recordname .desc {padding:5px; text-align:left;}
#teenybgridpage .recordname img {margin:0 0 0 70px;}

.primaryblock {width:806px;margin:20px 0 0 0;}
.actionblock {width:310px; float:right;}
.imageblock {width:490px;text-align:right;}
.controlblock {width:270px;height:183px;border:solid 1px #ddc1a1;
               margin:0 auto;}
.padding {padding:10px;}

.secondaryblock {width:806px;margin: 20px 0 0 0;height:275px;}
.colorblock {width:260px; height:270px; float:left;
             margin:0 0 0 12px;
             border-top:solid 1px #ddc1a1;}
             
.colorblock .colordisplay {padding:10px;background-color:#F8F2E7;
                           border-left:solid 1px #ddc1a1;
                             border-right:solid 1px #ddc1a1;
                             border-bottom:solid 1px #ddc1a1;}
.colorblock .patterndisplay {border-left:solid 1px #ddc1a1;
                             border-right:solid 1px #ddc1a1;
                             border-bottom:solid 1px #ddc1a1;
                             padding:10px;}
                             
.colordisplay img, .patterndisplay img {border:solid 1px #78736d; margin:3px;}                             
             
.relatedblock {width:492px;height:270px; float:right;
               margin:0 16px 0 0;border:solid 1px #ddc1a1;}
.relatedblock h2 {font-weight:bold;}
.controlblock h1 {font-weight:bold;}

#Prices td {padding:0 0 3px 0;}
#Prices td input {width:30px;font-size:10px;border:solid 1px #ddc1a1;font-weight:bold;color:#90491A;
                  padding:1px 0px;text-align:center;}

#ProductOptions {margin:10px 0 5px -10px;}
#teenyboptionstable {margin:-5px 5px 0px 10px;}
#teenyboptionstable .choicelabel,#productoptions2 .choicelabel {text-align:right;padding:0 3px 3px 0;}
#teenyboptionstable .choicefield,#productoptions2 .choicefield {text-align:left;}
#teenyboptionstable .choicefield select,#productoptions2 .choicefield select {width:150px;}


.styleselection {text-align:center;border:0;padding:0;color:#74604a;}
.styleselection strong {font-weight:bold;}
.stylebutton {border:0;text-decoration:none;}
#teenybgridpage #gridright a:hover .styleselection {/*border:solid 1px #74604a;*/}


/* About Us Page */
#maincontentpadding h1 {display:none;}
.teenybwrapper h2 {font-weight:bold;margin:1.8em 0 1.6em 0;}

#teenybcontactpage h2 {background-color: #f8f2e7;text-transform: capitalize;
                       margin:0 0 1em 0; padding:6px;}
#teenybcontactpage .teenybcontactcol1 {width:215px;margin:20px 0 0 15px;
                                       border-right:solid 1px #ddc1a1;float:left;height:550px;}
#teenybcontactpage .teenybcontactcol2 {width:550px;margin:20px 0 0 0;
                                       float:left;height:550px;}
                                       
#teenybcontactpage p {margin:1.6em 0;}
#teenybcontactpage strong {font-weight:bold;}                                       


/* Pager Control */
#teenybgridpage .pager,
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
#teenybgridpage .pager ul,
.pager ul {list-style:none;margin:0;padding:0;}
#teenybgridpage .pager ul li,
.pager ul li {display:inline;
              margin:0 2px 10px 2px;
              padding:0;
              font-size:14px;
              font-weight:bold;
              }
.pager a,
#teenybgridpage .pager a  {color:#fff;padding: 6px 10px;text-decoration: none;background:#b9a591;
                           border:solid 1px #b9a591;}
#teenybgridpage .pager .disabled,
.pager .disabled {color:#b9a591;background:#fff;border:solid 1px #b9a591;
                  padding: 6px 10px;}                 
#teenybgridpage .pager .current a,
.pager .current a { color: #8f4918; background: #f8f2e7; }
#teenybgridpage .pager a:hover,
.pager a:hover { background: #f8f2e7; color: #8f4918; }


/* Cross Sells */
.teenybcross { float:left; width:150px;/*height:110px;*/ 
               margin:7px 6px 0 0;
               padding:0 0 3px 0;
               text-align:center;
               /*background-color:Red;*/}
.teenybcross img,
#crosssells .styleselection img {border:4px double #9C6342;}

#crosssells .styleselection {float:left;width:150px;margin:7px 6px 0 0;padding:0 0 3px 0;text-align:center;
                             height:110px;}

           
          
          
                                                
/* Cart Page */
.cartitemimage {float:left; margin: 0 10px 0 0;width:100px;}
.cartitemimage img {height:142px; width:65px;}
.cartitemdescription { margin: 5px;}
.cartitemdescription a {text-decoration:none;}
.cartitemdescription a:hover {text-decoration:underline;}
#cartcontainer tr td {border-bottom:solid 1px #9C6342; padding: 6px; vertical-align:top;}
#cartcontainer, #cartactions, #cartcoupons {margin: 0;}
#cartcontainer th {font-weight:bold; text-align:left;}
td.productquantitycolumn {text-align: center; width: 10%; }
td.producttotalcolumn, td.productpricecolumn { text-align: center; width: 10%;}
td.producttotalcolumn .lineitemnodiscounts { display: block; color: #999; text-decoration: line-through; }
td.producttotalcolumn .totallabel { display: block; font-weight: bold; }
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#carttotals table {float:right;}
#carttotals .formlabel, #carttotals .formfield { font-size:110%; font-weight: bold; /*color: #2D2D73;*/ }
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {display:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;padding:10px;margin: 10px 0;}
.cartsku { font-size: 90%; }
.cartproductname { font-size: 110%; font-weight: bold; }
.cartitemdescription a:hover .cartsku,.cartitemdescription a:hover .cartproductname {text-decoration:underline;}


/* Address Book */
/*
.address { border: 1px solid #eee; padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }                             
*/

.singlepagecheckout {}
.singlepagecheckout h2 {font-weight:bold;margin:1em 0 0.5em 0;font-size:14px;}

.singlepagecheckoutlogin {display:none;}
.singlepagecheckoutleft { /*background-color:Yellow;*/ width:50%;}
.singlepagecheckoutright { /*background-color:Aqua;*/}


#receiptpage {}
#receiptpage h1 {font-weight:bold;margin:1em 0 1em 10px;display:block;font-size:16px;}
#receiptpage table {margin:0 auto;}
#receiptpage .lightlabel {font-weight:bold;}
#receiptpage .rowheader {text-align:left;font-weight:bold;}
#receiptpage table table tr td {padding:3px;}
#receiptpage strong {font-weight:bold;}

.popup {padding:10px;font-size:13px;}
.popup h1 {font-size:16px;font-weight:bold;}
.popup p {margin:1em 0 0.5em 0}

.outofstockdisplay div {padding:20px; text-align:center;border:solid 1px #b9b87e;
                    margin:10px;font-size:14px;font-weight:bold;
                    color:#7d7d55; background-color:#fffead;}
                    
#messagearea .errormessage {padding:20px 20px 20px 30px; text-align:left;border:solid 1px #b9b87e;
                    margin:10px;font-size:14px;font-weight:bold;
                    color:#7d7d55; background-color:#fffead;}
#messagearea .errormessage ul li {list-style:none;}                    
             
/* Models Pages */       
#teenybmodels {}
#teenybmodels h1 {display:block;}

#modelgrid {width:740px; margin:1em auto;
            text-align:center;}
#modelgrid a {text-decoration:none;}            
#modelgrid .model {width:138px;height:210px;margin:0 5px 0 0;
                   text-align:center;float:left;}     
#modelgrid .model img {border:double 4px #9C6342;}                   

.footerlinks a {text-decoration:none;}
.footerlinks a:hover {text-decoration:underline;}

.privacypage {padding-bottom:20px;}
.privacypage p {line-height:1.2em;margin:2em 4em 0em 4em;}
.privacypage ul {margin:2em 4em 0em 4em;}
.privacypage h2 {}


/* New 5.4 Styles */
.kit-detail-display { list-style-type: none; }

/* Kits */
ul.kitcomponent { list-style-type: none; }

/* Newsletter Signup Form */
.newsletter-signup {
 font-family: Verdana, sans-serif;
 font-size: 10px;
 background: #fff;
 border: 1px solid #6E390B;
 color: #6E390B; }
 
form, input {
 margin: 0px;
 padding: 0px; }
 
span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  position: absolute;
  top: -30px;
  left: 15px;
  width: auto;
  width: 150px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #DBD0C8;
  background-color: #FCFAF7;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  text-align: left;
  color: #000;
}

  .item-container {
   position: relative;
   display: block;
   margin: 10px auto;
   width: 440px;
   background: #F7F4ED;
   border: 1px solid #DDC1A1;
   text-align: center; }
   
 .item-container a img {
   margin: 4px; }
   
 .item-title {
   position: relative;
   display: block;
   margin: 0 auto;
   width: 430px;
   height: 21px;
   line-height: 21px !important;
   background: url("http://www.teenyb.com/Images/triangle.gif") left no-repeat #EFE6D8;
   border: 1px solid #DFC4A6;
   text-indent: 20px;
   text-align: left; }
   
 .item-title a {
   color: #9C6342;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   line-height: 21px !important;
   text-decoration: none;
   font-weight: bold; }
   
 .item-title a:hover {
   color: #C4845F; }
   
 .item-descrip { 
   position: relative;
   display: block;
   padding: 10px;
   margin-top: 0px;
   text-align: justify;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   line-height: 13px;
   color: #6A4F3F; } 
   
.sizes {
   font-family: Verdana, sans-serif;
   font-size: 10px;
   line-height: 14px;
   color: #6A4F3F;
   text-align: right;
   padding: 10px; }
   
.sizes strong {
   font-weight: bold;
   color: #AD7D60 }