/***************** styles for list taglib begin *************/

div.list_filter, div.list_iterator {
  margin-right: 7px;
  margin-bottom: 7px;

}

/* make left (main) and right (alt) div tags inside a div tag */

div.list_filterheader, 
div.list_filterfooter,
div.list_iteratorheader, 
div.list_iteratorfooter {
  text-align: center;
}

div#ItemListIterator div.list_iteratorfooter{
width:0px;
height:0px;
display:none;
}


div.list_filterheader div.list_left, 
div.list_iteratorheader div.list_left, 
div.list_filterfooter div.list_left,
div.list_iteratorfooter div.list_left {
  float: left;
  display: inline;
}

div#ItemListIterator div.list_iteratorfooter div.list_left{
width:0px;
height:0px;
display:none;
}


div.list_filterheader div.list_right, 
div.list_iteratorheader div.list_right, 
div.list_filterfooter div.list_right,
div.list_iteratorfooter div.list_right {
  float: right;
  display: inline;
} 

div#ItemListIterator div.list_iteratorfooter div.list_right{
width:0px;
height:0px;
display:none;
}

/* header */
div.list_filterheader{
  /*width:99%;*/ /*UI Fix 99.8*/
  }
div.list_iterator div.list_iteratorheader {
	margin-bottom:-20px;
}
div.list_iterator > div.list_iteratorheader {
	margin-bottom:-12px;
}
div.CompareItems div.list_iterator div.list_iteratorheader {
	margin-bottom:-12px;
	_margin-bottom:-20px;
}
div.list_filterheader, 
div.list_iteratorheader {
  height: 22px;
  border-right: 1px solid #B6C9D4;
  font-family: Trebuchet MS;
  background-image: url(headline_header_bg.gif);
}

div.list_filterheader div.list_left, 
div.list_iteratorheader div.list_left {
  padding: 0px;


}    

div.list_filterheader div.list_left, 
div.list_filterheader div.list_right span,
div.list_iteratorheader div.list_left,
div.list_iteratorheader div.list_right span {       /* an xtra span is need to keep background image between left and right txt */
  padding-left: 2px;
}

div.list_filterheader div.list_right  {
  margin-right: -5px;
}

div.list_filterheader div.list_right span {
  padding-right: 5px;
}

div.list_iteratorheader div.list_right {
    padding-top: 2px;
    padding-right: 2px;
	padding-bottom:10px;
}

div.list_iteratorheader div.list_right span {

}

div.list_iteratorheader div.list_right span input {
}

div.list_filterheader div.list_left, 
div.list_iteratorheader div.list_left {
  padding-right: 5px;    
  text-transform: uppercase;
  font-family: Trebuchet MS;
  font-size: 10px;
  letter-spacing: 1px;
  color: #454D57;
  background-image: url(list_header.gif);
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-left: 7px;
  padding-bottom: 2px;
}

div.list_filterbody {
  border-left: 1px solid #B6C9D4;
  border-right: 1px solid #B6C9D4;
  border-bottom: 1px solid #B6C9D4;
  /*overflow:auto;*/
  /*width:98.9%; *//*UI fix*/
  padding-bottom:0px;
  /*overflow-y:hidden;
  overflow-x:auto;*/
}

div.list_filterbody table {
	width:98%; /*UI fix 98.5%*/
}

div.list_iteratorbody {
  background-color:#FFFFFF;
  font-family: Trebuchet MS;
  border-left: 1px solid #B6C9D4;
  border-right: 1px solid #B6C9D4;
  border-bottom: 1px solid #B6C9D4;
  /*overflow:auto;*.
  /* trick to show dynamic scroll bar in IE */
  /*width:99.7%;*/
  padding-bottom:0pt;
  /*overflow-y:hidden;
  overflow-x:auto;*/
  margin-top:12px;
  _margin-top:20px;
}

div.ItemPage div.list_iteratorbody {
  background-color:#FFFFFF;
  font-family: Trebuchet MS;
  border-left: 1px solid #B6C9D4;
  border-right: 1px solid #B6C9D4;
  border-bottom: 1px solid #B6C9D4;
  /*overflow:auto;*/
  /* trick to show dynamic scroll bar in IE */
  width:99.7%;
  /*overflow-y:hidden;
  overflow-x:auto;*/
  margin-top:12px;
}


 div.CompareItems div.list_iteratorbody {
  background-color:#FFFFFF;
  font-family: Trebuchet MS;
  border-left: 1px solid #B6C9D4;
  border-right: 1px solid #B6C9D4;
  border-bottom: 1px solid #B6C9D4;
  overflow:auto;
  overflow-x:scroll;
  width:99.7%;
  height:auto; 
  overflow-y:hidden;
 }

  div.ChangeCustomer div.list_iteratorbody {
  background-color:#FFFFFF;
  font-family: Trebuchet MS;
  border-left: 1px solid #B6C9D4;
  border-right: 1px solid #B6C9D4;
  border-bottom: 1px solid #B6C9D4;
  overflow:visible;
  width:99.7%;
  padding-bottom:0pt;
  margin-top:12px;
 }

div.list_filterfooter,
div.list_iteratorfooter {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1px;
  height: 25px;
  background-image: url(listfooter_bg.gif);
  background-repeat: repeat-x;
  background-position: right;
  font-weight: bold;
  width:100%;
}

div.list_iteratorfooter {
  background: none;
}

/* buttons */
input.list_button, input.list_buttonhover, input.list_buttonactive,
input.list_buttonleft, input.list_buttonlefthover,input.list_buttonleftactive {
  border: none;
  background: none;
  background-image: url(button.gif);
  letter-spacing: 1px;
  font-family: Trebuchet MS;
  font-size: 10px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 16px;
  padding-left: 7px;
  margin-left: 0px;
  margin-right: 0px;
  color: #454D57;
  font-weight: bold;
  cursor: pointer;
  /* trick to remove button padding in IE */
  overflow: visible; 
  width: 1px; 	 
}

div#ItemListIterator input.list_button,div#ItemListIterator input.list_buttonhover,div#ItemListIterator input.list_buttonactive,
div#ItemListIterator input.list_buttonleft, div#ItemListIterator input.list_buttonlefthover,div#ItemListIterator input.list_buttonleftactive {
width:0px;
height:0px;
}

div > div input.list_button,
div > div input.list_buttonhover,
div > div input.list_buttonactive,
div > div input.list_buttonleft,
div > div input.list_buttonleftactive,
div > div input.list_buttonlefthover {
  /* undo padding trick in FireFox - see above */  
  width: auto;
}

div#ItemListIterator > div input.list_button,
div#ItemListIterator > div input.list_buttonhover,
div#ItemListIterator > div input.list_buttonactive,
div#ItemListIterator > div input.list_buttonleft,
div#ItemListIterator > div input.list_buttonleftactive,
div#ItemListIterator > div input.list_buttonlefthover {
  /* undo padding trick in FireFox - see above */  
  width: 0px;
  height:0px;
}

input.list_buttonhover {
  background-image: url(buttonhover.gif);
  color: #E35E01;  
  background-color: #FFFFFF;
}

div#ItemListIterator input.list_buttonhover {
width:0px;
height:0px;
}

input.list_buttonleft,input.list_buttonlefthover {
  background-position: left;
  background-image: url(buttonleft.gif);
  padding-left: 15px;

}
input.list_buttonlefthover {
 color: #E35E01;  
}

input.list_buttonactive, input.list_buttonleftactive {
  color: #888888;
}

/* filter specific stuff */

div.list_filterbody {
  padding-left: 5px;
  padding-bottom: 5px;

}
div.list_filterbody td {
  width: 175px;
  color: #2C3239;
}

/* iterator specific stuff*/
div.itemlist_iteratornomatch {
  padding: 10px;
  margin-top:30px;
  font-weight: bold;
  width:96%;
  border:1px solid #B6C9D4; 
  background-color: #F7F7F7;
}
div.list_iteratornomatch {
  padding: 10px;
  font-weight: bold;
}

table.list_iterator {
  width: 100%;
}

tr.list_iteratorheader {
	/* E0010 Changed background-color:#A0A9B4 to background-color:#ccc3333 */
/* E0010  background-color:#A0A9B4; */
/* <CW@080808-ADDED background-image: url(list_iteratorheader.gif);
	background-repeat: repeat-x; */
  	background-image: url(list_iteratorheader.gif);
	background-repeat: repeat-x;
	background-color:#cc3333;
	padding-left: 5px;
}

tr.list_iteratorheader th {
  padding-left: 5px;
  padding-top: 3px;
  border-right: 1px solid #CBCED3;
  line-height: 12px;
}

tr.list_iteratorheader th.width_1pct {
  width: 1%;
}    

tr.list_iteratorheader th.width_10pct {
  width: 10%;
}    

tr.list_iteratorheader th.width_20pct {
  width: 20%;
}    

tr.list_iteratorheader th,
tr.list_iteratorheader th a {
  font-weight: normal;
  text-decoration: none;
/* E0010 Changed color: #2C3239 to color: #ffffff */
/* E0010  color: #2C3239; */
  color: #ffffff;
  font-family: Trebuchet MS;
}

span.list_sortable {
  background-image: url(Filter_inactive.gif);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  padding-right: 7px;
  margin-right: 10px;
}

span.list_sorted_asc {
  background-image: url(Filter_active.gif);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  padding-right: 7px;
  margin-right: 10px;
}

span.list_sorted_dsc {
  background-image: url(Filter_active2.gif);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  padding-right: 7px;
    margin-right: 10px;
}

/*For Compare Items Page*/
div.CompareItems span.list_sortable {
  background-image: url(Filter_inactive_compare.gif);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  padding-right: 7px;
  margin-right: 10px;
}

div.CompareItems span.list_sorted_asc {
  background-image: url(Filter_active_compare2.gif);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  padding-right: 7px;
}

div.CompareItems  span.list_sorted_dsc {
  background-image: url(Filter_active_compare1.GIF);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  padding-right: 7px;
}

tr.list_iteratorodd,
tr.list_iteratoroddmouseover {
  background-image: url(list_bg_odd.gif);
  vertical-align: middle;
}

div.CompareItems tr.list_iteratorodd,
div.CompareItems tr.list_iteratoroddmouseover {
vertical-align: middle;
  background:#f0f0f0;
}

div.CompareItems td,div.CompareItems th{
 vertical-align:middle;
 border-top: 1px solid #d6e3ea;
 } 

tr.list_iteratoroddmouseover {
  cursor: default;
}

tr.list_iteratoreven,
tr.list_iteratorevenmouseover {
  background-image: url(list_bg_even.gif);
  vertical-align: middle;
}

tr.list_iteratoroddmouseover,
tr.list_iteratorevenmouseover {
  cursor: default;
}

table.list_iterator td.list_iterator {
  padding: 5px;  
  border-right: 1px solid #D6E3EA;
  padding-bottom:16px;/*Done to fix scroll bar problem in IE*/
}
div.CompareItems table.list_iterator td.list_iterator {
  padding: 5px;  
  vertical-align:top;
  border-top: 1px solid #D6E3EA;
  border-left:1px solid #B6C9D4;
  }

table.list_iterator tr.list_iteratorevenmouseover td.list_iterator
{
  border-top: 1px solid #ABB3BA;
  padding-top: 4px;  
  background-image: url(list_bg_on.gif);
  background-repeat: repeat-x;
}

table.list_iterator tr.list_iteratoroddmouseover td.list_iterator {
  border-top: 1px solid #ABB3BA;
  padding-top: 4px;  
  background-image: url(list_bg_on.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}

div.list_iteratorfooter input.list_button, div.list_iteratorfooter input.list_buttonhover, div.list_iteratorfooter input.list_buttonactive,
div.list_iteratorfooter input.list_buttonleft, div.list_iteratorfooter input.list_buttonlefthover, div.list_iteratorfooter input.list_buttonleftactive {
  background-image: url(next.gif);
  width: 143px;
  padding-left: 50px;
}

div.ItemPage div.list_iteratorfooter input.list_button,div.ItemPage div.list_iteratorfooter input.list_buttonhover,div.ItemPage div.list_iteratorfooter input.list_buttonactive,
div.ItemPage div.list_iteratorfooter input.list_buttonleft,div.ItemPage div.list_iteratorfooter input.list_buttonlefthover,div.ItemPage div.list_iteratorfooter input.list_buttonleftactive {
  width:0px;
  Height:0px;
 display:none;
  background-image: url();
}

div.list_iteratorfooter span {
  width: 143px;
  display: block;
}

div.list_iteratorfooter input.list_buttonhover, div.list_iteratorfooter input.list_buttonactive {
  background-image: url(next_on.gif);
}

div.ItemPage div.list_iteratorfooter input.list_buttonhover,div.ItemPage div.list_iteratorfooter input.list_buttonactive {
   background-image: url();
   height:0px;
   width:0px;
  display:none;
}

div.list_iteratorfooter input.list_buttonleft {
  background-image: url(prev.gif);
}

div.ItemPage div.list_iteratorfooter input.list_buttonleft {
  background-image: url();
   height:0px;
   width:0px;
}

div.list_iteratorfooter input.list_buttonlefthover, div.list_iteratorfooter input.list_buttonleftactive {
  background-image: url(prev_on.gif);
}

div.ItemPage div.list_iteratorfooter input.list_buttonlefthover,div.ItemPage div.list_iteratorfooter input.list_buttonleftactive {
  background-image: url();
   height:0px;
   width:0px;
}

/* Inner lists, e.g. expandable item lists on ProductList page */
table.list_iterator td {
    padding: 0px;
}

.inner tr.list_iteratorheader,
.inner div.list_iteratorfooter {
    background: none;
    padding: 0px;
}

.inner tr.list_iteratorheader th,
.inner div.list_iteratorfooter {
    border: none;
    padding-bottom: 0px;
    font-style: italic;
    color: 444400;
}

.inner div.list_iteratorbody {
    border: none;
}

.inner tr.list_iteratorodd,
.inner tr.list_iteratoreven,
.inner tr.list_iteratoroddmouseover,
.inner tr.list_iteratorevenmouseover {
    background-image: none;
    border: none;
}

.inner table.list_iterator tr.list_iteratorodd td,
.inner table.list_iterator tr.list_iteratoreven td,
.inner table.list_iterator tr.list_iteratoroddmouseover td,
.inner table.list_iterator tr.list_iteratorevenmouseover td {
    padding-top: 2px;  
    background-image: none;
    border: none;
}

.inner table.list_iterator,
.inner table.list_iterator tbody.list_iteratorodd,
.inner table.list_iterator tbody.list_iteratoreven,
.inner table.list_iterator tbody.list_iteratoroddmouseover,
.inner table.list_iterator tbody.list_iteratorevenmouseover {
    border: none;
    border-bottom: 2px solid #B6C9D4;
    border-top: 2px solid #B6C9D4;
    margin-left: 70px;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 80%;
}

.inner table.list_iterator td.list_iterator {
    border: none;
}

.inner td {
    color: 444400;
}

/*Pau fix*/

/*for new implementation of taglibraries for filter section both bc and cc*/

div.listfilterfielddiv{
float:left;
margin-right:10px;
}

tr td.listfilterrow{
 width: 100%;
}
/*end*/