/* START - new classes for Overview Page */

#ProdListOverviewWrap {width:100%;}
#ProdListOverviewWrap td.ProdListOverviewLeft {vertical-align:top;text-align:left;}
#ProdListOverviewWrap td.ProdListOverviewContent {vertical-align:top;text-align:left;width:100%;padding-left:12px;padding-right:12px;}
#ProdListOverviewWrap td.ProdListOverviewRight {vertical-align:top;text-align:left;}

#ProdListSidebarSearch {font-size:11px;color:#7D7D7D}
#ProdListSidebarSearch input.ProdListSearchboxSidebar {margin-left:23px;width:170px;border:1px solid #CCC;font-size:11px;color:#7d7d7d;padding:3px}
#ProdListSidebarSearch #SearchWithin {margin:3px 0 0 20px;}
#ProdListSidebarSearch input.ProdListSearchboxButton {float:right;margin:5px 10px 10px 0}

#ProdListSidebarCategories ul{margin:6px 0 7px 23px;padding:0;list-style-type:none;line-height:16px;color:#999;font-size:12px;}
#ProdListSidebarCategories ul.sub{margin:0;margin-bottom:0px;margin-left:17px;padding:0;list-style-type:none;line-height:14px}
#ProdListSidebarCategories ul.sub li{margin-bottom:2px}
#ProdListSidebarCategories ul li.all {margin-bottom:5px}
#ProdListSidebarCategories ul li strong {color:#000;background:#E0E0E0;padding:1px 4px 1px 4px; font-weight:normal;}
/*
 #ProdListSidebarCategories ul li .on  {background:#E0E0E0;padding:1px 1px 1px 0}
*/
#ProdListSidebarCategories ul li.on {background:#E6E6E6;padding-top:3px;padding-bottom:3px}
#ProdListSidebarCategories strong span{color:#000;font-weight:normal}
#ProdListSidebarCategories a.toggle{text-decoration:none; color: #0033cc; cursor: pointer }
#ProdListSidebarCategories span{font-size:11px;color:#999}
#ProdListSidebarCategories a:link {font-size:12px;color:#666;text-decoration:none}
#ProdListSidebarCategories a:visited {font-size:12px;color:#666;text-decoration:none}
#ProdListSidebarCategories a:hover {font-size:12px;color:#666;text-decoration:underline}
#ProdListSidebarCategories a:active {font-size:12px;color:#666;text-decoration:none}

.ProdListSidebarSpacing {padding-bottom:18px} /* add. class for bottom-space on overview page */
.SetRightColWidth {width:164px} /* add. class to give width to elements in right column, due to width:100% in middle column */

#ProdListActiveFilter {float:left;margin:0;padding:0;font-size:12px;padding-top:12px;margin-bottom:4px}
#ProdListTop100 {float:right;margin-bottom:4px}
#ProdListActiveFilter a:link {font-size:12px;color:#000;}
#ProdListActiveFilter a:visited {font-size:12px;color:#000;}
#ProdListActiveFilter a:hover {font-size:12px;color:#f76120;}
#ProdListActiveFilter a:active {font-size:12px;color:#f76120;}

#ProdListOverviewHeader {border:1px solid #CCC;background:#FFF url(http://es-img2.ciao.com/ies/images/icons/pl_head_bg.gif) repeat-x top;padding:7px 10px 4px 10px;}
#ProdListOverviewHeaderTop3 {border:1px solid #CCC;border-bottom:0;background:#FFF url(http://es-img2.ciao.com/ies/images/icons/pl_head_bg.gif) repeat-x top;padding:7px 10px 5px 102px;margin-top:15px;}
* html #ProdListOverviewHeaderTop3 {padding-left:105px}

#ProdListOverviewHeadline {} /* No Float for Standard-Browsers */
* html #ProdListOverviewHeadline {float:left} /* IE only */
#ProdListOverviewHeadline p {margin:5px 0 0 0;font-size:12px;color:#7d7d7d;}
#ProdListOverviewHeadline a:link, #ProdListOverviewHeadline a:visited, #ProdListOverviewHeadline a:hover, #ProdListOverviewHeadline a:active {font-size:12px;color:#7d7d7d;}

#ProdListOverviewIcon {float:left;width:90px;}
* html #ProdListOverviewHeader #ProdListOverviewIcon {width:93px;}

.ProdListTeaserWrap {clear:left;}
.ProdListTeaserWrap .ProdListTeaserImg {float:left;width:100px;text-align:center;}
* html .ProdListTeaserWrap .ProdListTeaserContent { /* IE 3px jog hack */ height: 1%;}
.ProdListTeaserWrap .ProdListTeaserContent {margin-top:0px;margin-left:101px;padding:0px}

.ProdListTeaserWrap p.taggedas{
     background:url(http://es-img2.ciao.com/ies/images/crux/icons/pl_symbol.gif) no-repeat left;
     color:#666;
     margin:10px 0 0;
     padding:0 0 0 15px;
}

.ProdListTeaserWrap p.taggedas a:link{font-size:12px;color:#666;text-decoration:none;}
.ProdListTeaserWrap p.taggedas a:visited{font-size:12px;color:#666;text-decoration:none;}
.ProdListTeaserWrap p.taggedas a:hover {font-size:12px;color:#f76120;text-decoration:underline}
.ProdListTeaserWrap p.taggedas a:active {font-size:12px;color:#666;text-decoration:none}


ul.ProdListOverviewListsUL {margin:0;padding:0;list-style-type:none;}
ul.ProdListOverviewListsUL li.ProdListOverviewListsLI {margin:0;padding:10px 0 10px 0;border:1px solid #ccc;border-top:0;height:1% /* eliminates margin-top in IE */} 

.ProdListTeaserContent {text-align:left; }
.ProdListTeaserContent p {color:#7d7d7d;margin:2px 0 0 0;font-size:12px}
.ProdListTeaserContent ol {padding-left:18px;margin:7px 0 4px 0;font-size:12px;color:#666}
* html .ProdListTeaserContent ol {padding:0px;margin:7px 0 4px 23px} /* IE6 only */
*+ html .ProdListTeaserContent ol {padding:0px;margin:7px 0 4px 25px} /* IE7 only */

.ProdListTeaserContent .nr {display:inline;padding:2px 7px 2px 10px;margin-right:6px;font-size:16px;font-weight:bold;color:#FFF;background:#6392C1 url(http://es-img1.ciao.com/ies/images/crux/background/bg_numeration.gif) repeat-x left top;}

.ProdListTeaserContent a:link {font-size:12px;color:#000}
.ProdListTeaserContent a:visited {font-size:12px;color:#000}
.ProdListTeaserContent a:hover {font-size:12px;color:#f76120}
.ProdListTeaserContent a:active {font-size:12px;color:#f76120}

.ProdListTeaserContent a.list:link {font-size:16px;color:#000;font-weight:bold;text-decoration:none}
.ProdListTeaserContent a.list:visited {font-size:16px;color:#000;font-weight:bold;text-decoration:none}
.ProdListTeaserContent a.list:hover {font-size:16px;color:#f76120;font-weight:bold;text-decoration:underline}
.ProdListTeaserContent a.list:active {font-size:16px;color:#f76120;font-weight:bold;text-decoration:none}

.ProdListTeaserContent a.user:link {color:#7d7d7d}
.ProdListTeaserContent a.user:visited {color:#7d7d7d}
.ProdListTeaserContent a.user:hover {color:#f76120}
.ProdListTeaserContent a.user:active {color:#f76120}

.ProdListTeaserContent ol a:link {font-size:12px;color:#666;text-decoration:none}
.ProdListTeaserContent ol a:visited {font-size:12px;color:#666;text-decoration:none}
.ProdListTeaserContent ol a:hover {font-size:12px;color:#f76120;text-decoration:underline}
.ProdListTeaserContent ol a:active {font-size:12px;color:#666;text-decoration:none}

#ProdListOverviewPagination {padding:5px 0;border:#CCC solid 1px;border-top:0;background:#FFF url(http://es-img2.ciao.com/ies/images/icons/pl_menu_bg_M.gif) repeat-x bottom;background-position:0px -5px;text-align:center;}
#ProdListOverviewPagination, #ProdListOverviewPagination a {font-size:12px !important}

/* Classes for product lists teaser CW-5116 */

.ProdListTeaserContent a.tag:link {color:#7d7d7d}
.ProdListTeaserContent a.tag:visited {color:#7d7d7d}
.ProdListTeaserContent a.tag:hover {color:#f76120}
.ProdListTeaserContent a.tag:active {color:#f76120}

.ProdListTeaserContent .PPLST{ padding: 5px 5px 10px 5px; border: 1px solid #CCC; background: #FFF url(http://es-img2.ciao.com/ies/images/crux/background/pl_menu_bg_M.gif) repeat-x bottom; margin: 7px;}
.ProdListTeaserContent .PPLST h4 { color:#666; font-weight:bold;font-size:12px; margin:3px 0 2px 8px; padding:5px 0 3px 15px;background:url(http://es-img1.ciao.com/ies/images/icons/pl_symbol.gif) no-repeat 0 7px; text-align: left;}
.ProdListTeaserContent table.PPLSTuser td.PPLSTimg{vertical-align: top;text-align: right; border: 0;}
.ProdListTeaserContent table.PPLSTuser td.PPLSTuinf{	padding: 10px 0 0 0;vertical-align: top;text-align: right;line-height: 1.4em;font-size: 11px;border: 0;}
.ProdListTeaserContent table.PPLSTuser td.PPLSTuinf a {	font-size: 12px; color: blue; text-decoration: underline;}
.ProdListTeaserContent table.PPLSTuser td.PPLSTuinf a:hover{ color:#f76120 }

p.PPLSTComment {width:80%;background:#f5f5f5;border-left:13px solid #e2e2e2;padding:5px 30px 5px 5px;margin:7px 0 0 0;font-size:12px !important}
p.PPLSTTagList {color:#666; margin:3px 0 2px 0px;padding:5px 0 3px 15px;background:url(http://es-img1.ciao.com/ies/images/icons/pl_symbol.gif) no-repeat 0 7px;}

.ProdListTeaserContent td.PPLST_TD1{ 
	vertical-align:top;
	text-align: center;
	width: 100px;
	padding: 3px;
	border-right: 0; 
}

.ProdListTeaserContent td.PPLST_TD1 img {
	border: 0;
	position: relative; 
	margin-top: 4px;
}

.ProdListTeaserContent .PPLST_vl{
	text-decoration: underline; 
}

.ProdListTeaserContent td.PPLST_TD2{ 
    border-right: 0; 
    border-left: 0; 
    vertical-align: top;
}

.ProdListTeaserContent td.PPLST_TD3{ 
     text-align: center;
     width: 100px;
     padding: 3px;  
     border-left: 0;
}

.ProdListTeaserContent .PPLSTtitle {
	font-size:16px;
    font-weight: bold; 
	margin-bottom: 0;
}
.ProdListTeaserContent a.PPLSTtitle, a.PPLSTtitle:hover{
	font-size:16px;
}


.ProdListTeaserContent .PPLSTfrom {
	color: #7d7d7d; 
	font-size:12px; 
}

.ProdListTeaserContent td.PPLST_TD3{ 
    width: 200px;
    padding-bottom: 5px;
}

.ProdListTeaserContent td.PPLST_TD3 img.PPLST_no_comments {
    margin-left: 30px;
    margin-top:  8px;
    margin-botton: 8px;
    cursor:pointer;
}

.ProdListTeaserContent td.PPLST_TD3 div.PPLST_no_comments {
    margin:  8px 0 8px 0;
}

.ProdListTeaserContent td.PPLST_TD3 a.PPLST_llink {
    text-decoration: underline;
    
}

.ProdListTeaserContent td.PPLST_TD3 a.PPLST_llink:link, a.PPLST_llink:visited {color:#666;}
.ProdListTeaserContent td.PPLST_TD3 a.PPLST_llink:hover, a.PPLST_llink:active {color:#f76120}

/* END - new classes for Overview Page */

/* following part already exists, but some small additions needed for overview page:
- two additions to existing classes: added #ProdListSidebarSearch, #ProdListSidebarCategories and #ProdListSidebarSearch h4, #ProdListSidebarCategories h4, changed with from 180px to 210px
- two new classes: #ProdListSidebarLists ul li.all and #ProdListSidebarLists ul li img */

#ProdListSidebarOptions, #ProdListSidebarLists, #ProdListSidebarTags, #ProdListSidebarComments, #ProdListSidebarSearch, #ProdListSidebarCategories {border:1px solid #CCC;width:210px;background:#FFF url(http://es-img2.ciao.com/ies/images/icons/pl_menu_bg_M.gif) repeat-x bottom;margin-bottom:15px} 
#ProdListSidebarTagsMin, #ProdListSidebarCommentsMin {position:relative;height:30px;border:1px solid #CCC;width:180px;background:#FFF url(http://es-img2.ciao.com/ies/images/icons/pl_menu_bg_S.gif) repeat-x bottom;margin-bottom:15px}
#ProdListSidebarTagsMin img.switch, #ProdListSidebarCommentsMin img.switch {position:absolute;top:9px;right:7px}
#ProdListSidebarOptions h4, #ProdListSidebarLists h4, #ProdListSidebarTagsMin h4, #ProdListSidebarTags h4, #ProdListSidebarCommentsMin h4, #ProdListSidebarComments h4, #ProdListSidebarSearch h4, #ProdListSidebarCategories h4 {color:#666;font-weight:bold;font-size:12px;margin:3px 0 2px 8px;padding:5px 0 3px 15px;background:url(http://es-img1.ciao.com/ies/images/icons/pl_symbol.gif) no-repeat 0 7px;}
#ProdListSidebarOptions ul {margin:10px 0 20px 27px !important;padding:0}
#ProdListSidebarOptions ul li {list-style:none;padding:0;margin-bottom:5px}

#ProdListSidebarTagsMin h4 a:link, #ProdListSidebarCommentsMin h4 a:link {font-size:12px;font-weight:bold;color:#666;text-decoration:none}
#ProdListSidebarTagsMin h4 a:visited, #ProdListSidebarCommentsMin h4 a:visited {font-size:12px;font-weight:bold;color:#666;text-decoration:none}
#ProdListSidebarTagsMin h4 a:hover, #ProdListSidebarCommentsMin h4 a:hover {font-size:12px;font-weight:bold;color:#666;text-decoration:underline}
#ProdListSidebarTagsMin h4 a:active, #ProdListSidebarCommentsMin h4 a:active {font-size:12px;font-weight:bold;color:#666;text-decoration:none}

#ProdListSidebarLists ul {margin:7px 0 0px 0px !important;padding:0}
#ProdListSidebarLists ul li {list-style:none;padding-left:23px;margin-bottom:4px;color:#999}
#ProdListSidebarLists ul li.on {background:#E6E6E6;padding-top:3px;padding-bottom:3px}
#ProdListSidebarLists ul.own {margin:9px 0 20px 7px !important;padding:0}
#ProdListSidebarLists ul.own li.own {list-style:none;background:url(http://es-img2.ciao.com/ies/images/icons/pl_i-own.gif) no-repeat 0px 3px;padding-left:15px}
#ProdListSidebarLists ul li.all {margin-bottom:8px}
#ProdListSidebarLists ul li img {margin-left:7px}

#ProdListSidebarLists a:link {font-size:12px;font-weight:bold;color:#888;text-decoration:none}
#ProdListSidebarLists a:visited {font-size:12px;font-weight:bold;color:#888;text-decoration:none}
#ProdListSidebarLists a:hover {font-size:12px;font-weight:bold;color:#888;text-decoration:underline}
#ProdListSidebarLists a:active {font-size:12px;font-weight:bold;color:#888;text-decoration:none}
#ProdListSidebarLists li.own a:link {font-size:12px;font-weight:bold;color:#000;text-decoration:none}
#ProdListSidebarLists li.own a:visited {font-size:12px;font-weight:bold;color:#000;text-decoration:none}
#ProdListSidebarLists li.own a:hover {font-size:12px;font-weight:bold;color:#000;text-decoration:underline}
#ProdListSidebarLists li.own a:active {font-size:12px;font-weight:bold;color:#000;text-decoration:none}

#ProdListCreation {border:1px solid #CCC;background:#FFF url(http://es-img2.ciao.com/ies/images/icons/pl_head_bg.gif) repeat-x top;padding:7px 10px 10px 10px}
#ProdListToolNav {float:right}

#ProdListCreation table {margin:12px 0 0 25px}
#ProdListCreation table td {font-size:12px;vertical-align:top;padding-bottom:3px}
#ProdListCreation table td.label {font-weight:bold;padding-right:15px;white-space:nowrap}
#ProdListCreation table td p {font-size:11px;color:#7D7D7D;margin:2px 0 5px 0}
#ProdListCreation input, #ProdListCreation select {border:1px solid #CCC;font-size:12px;width:300px;margin-right:11px}

.ProdListFooterIcons {border:#BDD7EF solid 1px;border-top:0;border-bottom:0;background:#EDF6FF;padding:5px 0}
.ProdListFooterIcons .compareArrow {position:relative;top:-22px;left:5px;margin-bottom:-25px;margin-right:13px}

.ProdListPagination {width:100%;border:#BDD7EF solid 1px;border-top:0;background:#EDF6FF;}
.ProdListPagination td a, .ProdListPagination td {font-size:12px !important}
.ProdListPagination td.pages {text-align:center;width:90%;white-space:nowrap}
.ProdListPagination td.items {text-align:right;white-space:nowrap;padding-right:5px}

.TagModule {
	background: #FFF url(http://es-img2.ciao.com/ies/images/crux/background/pl_menu_bg_M.gif) repeat-x bottom;
	margin: 0 0 14px;
	border: 1px solid #CCC;
	padding: 8px;
	text-align: left;
}