/* the styles for certona recommendation controls  */

.prodName
{
  font-size:9pt; 
}

.prodAddtoCart
{
  vertical-align : bottom;
}

.ProductRecentlyViewedList
{
  float: right;  
  position: absolute;
  left: 800px;
  top: 250px;
}

.ourPrice
{
  color: #cc0000;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

.listPrice
{
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

.youSave
{
  font-family: Arial;
  font-size: 8pt;
  color: #ff9900;
}

.divPrices
{
  padding-top: 5px;
  padding-bottom:5px;
}

.prodImage
{
  width: 60px;
  height: 60px;
}

.DivCertonaRecInProdDetail
{
  padding-left : 10px;
}

/* for vertical display */
.CertonaRecListVer, .CertonaRecListVerNarrow
{
  text-align: left;
  vertical-align: top;
}

.CertonaRecListVer
{
  width: 150px;
}

.CertonaRecListVerNarrow
{
  width: 125px;               /* Pending reducing center width. */
}

.CertonaRecListVer .header, .CertonaRecListVerNarrow .header
{
  color : #FF9900; 
  font-family : Arial;
  font-size: 15px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align : left;
  width : auto;
  border-bottom : 2px dotted #E3E3E3;
  margin-bottom : 10px;
}

.CertonaRecListVer .item, .CertonaRecListVerNarrow .item
{
  text-align : center;
  vertical-align : top;
  font-family : Arial;
  font-size: 12px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  padding-top : 12px;
  padding-bottom : 5px;  
}

.CertonaRecListVer .separator, .CertonaRecListVerNarrow .separator
{
  width : 125px;
  height : 1px;
  background-color : #E3E3E3;
  margin-top : 5px;
  margin-bottom : 10px;
}

/* for horizonal display */
.CertonaRecListHor
{
  text-align : center;
  width: 680px;
  padding:10px;
  vertical-align: top;
}

.CertonaRecListHor .header
{
  color : #FF9900; 
  font-family : Arial;
  font-size: 15px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align : left;
  width : auto;
  border-bottom : 2px dotted #E3E3E3;
  margin-bottom : 10px;
}

.CertonaRecListHor .item
{
  float : left;
  width : 120px;
  height : 180px;
  text-align : center;
  vertical-align : top;
  font-family : arial;
  font-size: 12px;
  font-weight: bold;
  padding : 7px;
  border-left : 1px dotted #E3E3E3;
  border-right : 1px dotted #E3E3E3;
  vertical-align: top;
  line-height:15px;
}


/* for horizonal four columns display */
.CertonaRecListHor4Cols
{
  text-align : left;
  width: 628px;
  vertical-align: top;
  padding-bottom : 10px;
}

.CertonaRecListHor4Cols .header
{
  color : #FF9900; 
  font-family : Arial;
  font-size: 15px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align : left;
  width : auto;
  border-bottom : 2px dotted #E3E3E3;
  margin-bottom : 10px;
}

.CertonaRecListHor4Cols .item
{
  float : left;
  width : 140px;
  height : 180px;
  text-align : center;
  vertical-align : top;
  font-family : arial;
  font-size: 12px;
  font-weight: bold;
  padding : 7px;
  border-left : 1px dotted #E3E3E3;
  border-right : 1px dotted #E3E3E3;
  vertical-align: top;
  line-height:15px;
}


/* horizonal display for related products control in oem schematic page */
.CertonaRecListHorOemSch
{
  width: 125px;               /* Pending reducing center width. */
  padding-top: 30px;
  text-align: left;
  vertical-align: top;
}

.CertonaRecListHorOemSch .CertonaRecItem
{
  padding-bottom: 10px;
}

.CertonaRecListHorOemSch .header
{
  color : #FF9900; 
  font-family : Arial;
  font-size: 15px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align : left;
  width : auto;
  border-bottom : 1px solid #E3E3E3;
  margin-bottom : 10px;
}

.CertonaRecListHorOemSch .item
{
  
  text-align : center;
  vertical-align : top;
  font-family : Arial;
  font-size: 12px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  padding-top : 12px;
  padding-bottom : 5px;  
  border-left: 2px dotted #E3E3E3;
  border-right: 2px dotted #E3E3E3;
  border-bottom: 2px dotted #E3E3E3;
}