@charset "UTF-8";

.LeftContentHolder{
       float:left;
       height:auto;
       width:300px;
       margin-top:0px;
       margin-left:0px;
 
}	
	
	
.RightContentHolder{ 
   clear:left;
   float:left;
   /* border: thin dashed black; */
   margin-left:0px;
   width:auto;
   height:auto;
   padding-left:20px;
   padding-top:14px;
}
	
	
.SubNavBox{
	float:left;
	width:300px;

    border-top-width: 5px;
    border-top-style: solid;
    border-color:#ffffff;

    
}	

.leftcell { border-left:5px solid #fff; border-bottom:5px solid #fff; background-color:#e1ecd1; vertical-align:top; width:300px; }

.SubNavBox li{
	    display: block;
         margin-left:0px;
         line-height:26px;
         line-width:300px;
         padding-left:19px;
}

li.navTitle { margin-top:0; line-height:21px; line-width:300px; }

	
.SidBarAdd{
      clear:left;
      float:left;
     margin-top:5px;
     width:300px;
 
    
}	

.CarouselHolderBox { float:left; width:624px; height:260px; margin-left:0px; margin-top:5px; }

div.HeaderBoxHolder{ padding-top:5px; margin-left: 0px; height:47px; width:624px; float:left; }

div.MediumWhiteBox_TopBord 
{
	width: 624px;
	background-image: url(/symtioimages/tangleImages/UI/browse/CarouselWhiteBox_TOP.png);
	height: 6px;
}

div.MediumWhiteBox_BodyBord 
{

     float:left;			
	width: 624px;
	height:246px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:0px;
	padding-bottom:0px;
	background-image: url(/symtioimages/tangleImages/UI/browse/CarouselWhiteBox_Body.png );
	background-repeat: repeat-y;
	 
	
}

div.MediumWhiteBox_FootBord 
{ 
   
   clear:left;
  width: 624px;
  background-image: url(/symtioimages/tangleImages/UI/browse/CarouselWhiteBox_Bottom.png);
  height: 8px;
  
}

.ContentHolderBackground {
   /* background color defined in site.css*/
   margin-left:-2px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:0px;
   float:left;
}

div.ProductThumbsRow{
   /* border:1px dotted brown; */
   float:left;
   width:632px;
   height:auto;
   padding-top:5px;
   /* padding-bottom:5px;*/

}


div.SpecialOfferHolder{
   /*border:1px dotted brown; */
   float:left;
   width:624px;
   height:266px;
   padding-top:5px;
}

.ProductThumbsRow ul
{
  display:block;
}

.ProductThumbsRow .thumb_1,
.ProductThumbsRow .thumb_2,
.ProductThumbsRow .thumb_3
{
  
   float:left;
   margin-right: 8px;

}
.ProductThumbsRow  .thumb_4{
 float:left;
  padding-right: 0px;
}
.ProductThumbsRow #thumbLegend li{
  padding-left:0px;
  padding-right: 3px;

}
 

/* fourth icon alway browse inside, gets no right padding*/
.thumbLegend li.icLeg4{

  padding-right: 0px;
}

/* left most legend needs a neg margin to align
with thumbnail more or less, vaiable depending on
shape of legend icon*/
.thumbLegendRow1>li,.thumbLegendRow2>li{

  margin-left:1px;
}
 

#ContentWhiteBox { margin-left: 0px; width:965px; }


li div.CarouselProdthumbImg{
   text-align:center;
   float:left;
   width:130px; 
   margin-right:12px;
   /* border: 1px solid #d25c17;  */
   display:inline;
   overflow: hidden;
   

}

.CarouselThumbsList{
   margin-left:22px;
   margin-top:22px;
}
div.ProdthumbImg{
   text-align:center;
   float:left;
   width:150px; 
   /*border: 1px solid #d25c17; */
   display:inline;
  overflow: hidden;

}


div.legenHolder{
   
    margin-top:5px;
    padding-top:3px;
    padding-bottom:1px;
    border-top:1px solid #d8d3c9;
    border-bottom:1px solid #d8d3c9;
    height:20px;
  
}

div.bottomLegendBord{
    float:left;
	height:5px;
    width:624px;
	margin-bottom:20px;

}
.coverborder {
	border:1px solid #c8c8c8;

}