/* 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("/BVModules/Themes/Teenyb/images/main_bg.gif") repeat-y;}
#maincontentpadding {margin:0 10px;}
#mainfooter {}
#mainfootertext {background: url("/BVModules/Themes/Teenyb/images/main_bg.gif") repeat-y;}

#mainbanner { position: relative; width: 846px; height: 126px; background: url("https://www.teenyb.com/images/header5-12.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("https://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; 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 { display: block;
               float:left; width:150px;
               height:150px;
               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:120px;}

           
          
          
                                                
/* 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 } 


#slideshow {
    position:relative;
    height:437px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 519px;
	border: 3px double #9C6342;
    height: 437px;
    background-color: #FFF;
}

#slideshow DIV.active {
    height: 437px;
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    height: 437px;
    z-index:9;
	opacity:0.0;
}

#slideshow DIV IMG {
    display: block;
	height: 437px;
	border: 0px;
}


@import url(http://fonts.googleapis.com/css?family=Arimo);
#index-cart-btn { position: absolute; top: 30px; right: 30px;  }
#index-bigpic { display: block; margin-left: 8px; }
.column { display: block; float: left; }
.clear { clear: both; }
.indexwelcometext { font-family: Arimo, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 20px; color: #aba196; width: 230px; margin-right: 29px; margin-left: 20px; margin-top: 15px; }
.index-vertpic, .index-vertpic2 { position: relative; width: 158px; height: 258px; background: #fff; margin-top: 15px; margin-right: 20px; }
div#rotator2 { position:relative; height: 354px; width: 807px; padding: 0px; margin: 0px; }
div#rotator2 ul, div#rotator2 li { margin: 0px; padding: 0px; list-style: none; }
div#rotator2 ul li { float:left; position:absolute; list-style: none; }
.index-vertpic a img { border: 1px solid #e5d6c1; }
div#rotator2 ul li.show { z-index:500 }
.index-vertpic2 a img { border: 4px double #ccc; background: #fff; }
div#rotator2 span { width: 807px; height: 354px; background: url("http://www.teenyb.com/images/bigpic-overlay.png") no-repeat; position: absolute; top: -17px; left: -16px; z-index: 9999; }


.shopbycolor ul { margin-left: 36px !important; list-style: none; padding: 0; margin: 0; }
.shopbycolor li { list-style: none; margin: 0; padding: 0; display: block; }
.shopbycolor li a { width: 200px; height: 25px; display: block; line-height: 25px !important; border-bottom: 1px dotted #ddc1a1; font-weight: bold; text-indent: 6px; }
.shopbycolor li a:hover { background: #ddc1a1; color: #fff !important; text-decoration: none !important; }

#container {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 1010px; }

.faceted-search-nav {
 width: 127px;
 margin-top: 180px; }
 
.faceted-search-nav h3 {
 font-family: Verdana, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 color: #8e856b;
 height: 24px;
 padding-right: 5px;
 width: 127px;
 display: block;
 line-height: 24px;
 text-align: right;
 border-top: 1px solid #d2bba4;
 border-bottom: 1px solid #d2bba4;
 margin-bottom: 8px; }
 
.faceted-search-nav h3 a {
 color: #8e856b;
 text-decoration: none; }
 
.faceted-search-nav h3 a:hover {
 color: #4f472e; }

.faceted-search-nav ul, .faceted-search-nav li {
 list-style: none;
 margin: 0;
 padding: 0; }
 
.faceted-search-nav ul {
 margin-bottom: 30px; }
 
.faceted-search-nav ul li a {
 display: block;
 height: 24px;
 padding-right: 5px;
 line-height: 24px;
 font-size: 10px;
 text-decoration: none;
 text-align: right;
 color: #b08b68;
 border-bottom: 1px solid #e9ded1; }
 
.faceted-search-nav ul li a:hover {
 background: #e9ded1;
 color: #8e856b; }
 
.main-top-nav {
 margin-left: 13px;
 margin-bottom: 0;
 width: 819px;
 height: 38px;
 display: block;
 line-height: 34px;
 background: url("http://www.teenyb.com/Images/main-top-nav.png") no-repeat; }
 
.main-top-nav1 li {
 padding: 0; 
 margin: 0;
 list-style: none;
 display: inline;
 float: left; }
 
.main-top-nav2 ul, .main-top-nav2 li {
 padding: 0; 
 margin: 0;
 list-style: none;
 display: inline; }
 
.main-top-nav1 ul li a {
 line-height: 34px;
 margin: 0 10px 0 15px;
 float: left;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color: #8e856b;
 text-shadow: 1px 1px 0px #fff; }
 
.main-top-nav1 {
 background: #ccc; }
 
.main-top-nav2 {
 margin-left: 545px;
 clear: both;
 height: 16px; }
 
.main-top-nav1 ul li a:hover {
 color: #c3a68a; }
 
.main-top-nav2 li a {
 line-height: 16px;
 margin: 0 8px 0 8px;
 float: left;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
 color: #8e856b;
 text-shadow: 1px 1px 0px #fff; }
 
.main-top-nav2 ul li a:hover {
 color: #c3a68a; }
 
.roll2 {
 display: block;
 position: relative;
 width: 150px;
 font-size: 10px;
 text-indent: 8px; 
 font-weight: bold;
 margin: 0;
 padding: 0;
 background: #f9f2e7;
 border: 1px solid #ecdccc; }
 
.roll2:hover {
 background: #e9ded1;
 color: #8e856b; }
 
#Collections2 {
 position: absolute;
 width: 152px;
 height: 200px;
 display: block;
 z-index: 9999;
 top: 160px;
 left: 220px; }
 
#SpecialEdition {
 position: absolute;
 width: 152px;
 height: 200px;
 display: block;
 z-index: 9999;
 top: 160px;
 left: 580px; }
 
#popup {
 background: #fcfaf7;
 padding: 10px;
 margin: 20px;
 border: 1px solid #e2d7ca;
 box-shadow: 0 0 5px #ded4c5;
 color: #90491a; }
 
#popup li {
 margin-left: 10px; }
 
#popup ul {
 margin: 0 0 20px 0; }