#listingContainer{
    text-align: left;
    background-color: #C9D7E4;
}

.recordsContainer{
    text-align: left;
    background-color: #C9D7E4;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    background:#F9F9F9;
}

.pagingRecords{
    background-color:#F3F3F3;
  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: #0085D5;
	padding: 10px 24px 10px 0px;
    margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

.errorBox {
    position: relative;
    background-color:#F9F9F9;
    padding: 15px 5px 15px 5px;
	vertical-align:top;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
    padding-left: 30px;
}

.errorBox h1{
    color: #DC143C;
}

.errorBox h2 span{
    color: #FF2200;
}

.promoBtnBox{
    position: absolute;
    width: 160px;
    top: 60px;
    left: -35px;
    background-color:transparent;
    padding: 5px 5px 5px 5px;
	vertical-align:top;
}

.promoBtnBox img {
  margin: 10px 0 0 20px;
}

.promoBtnBox span{
  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #A5A5A5;

}


.promoBtnBox h1{
    position: relative;
    left: 0px;
    background-color:transparent;
    background-image: url(../images/promo_big.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 108px;
	height: 108px;


}

.promoBtnBox h1 span{
    display:none;
    margin: 0px;
    padding: 0px;
    background-color:transparent;

}

.promoImgBox{
    position: absolute;
    width: 160px;
    background-color:#F9F9F9;
    padding: 25px 5px 5px 5px;
	vertical-align:top;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
}

.promoImgBox img {
  position: relative;
  top: 30px;
  margin: 10px 0 0 20px;
}


.imgBox{
    position: absolute;
    width: 160px;
    background-color:#F9F9F9;
    padding: 5px 5px 5px 5px;
	vertical-align:top;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
}

.imgBox img {
    margin: 10px 0 0 20px;
}


.descBox {
    position: relative;
    left: 170px;
    width: 328px;
    background-color:#F9F9F9;
    padding: 15px 5px 15px 5px;
	vertical-align:top;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;

}

.yellowStar {
    clear: left;
    position: relative;
    width: 100px;
    float: right;
}

.yellowStar h2 {
    width: 65px;
	height: 65px;
    text-align: center;
    background-color: transparent;
    background-image:  url(../images/korting_bg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0 0 0 0em; /* left padding moves the text away from the bullet */
    vertical-align: middle;
}


.yellowStar span{
    position: relative;
    top: 10px;
  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #A5A5A5;
    vertical-align: middle;
}
.yellowStar h2 span {

   	font-size: 25px;
    text-align: center;
	color: #FF0000;
    vertical-align: middle;
}

.descBox p.sAlert {
    color:#FF2200;
    font-weight:bold;
    font-size: 13px;
}

.descBox span{
  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #A5A5A5;
}

.descBox span a,.descBox span a:active{
   color: #A9A9A9;
   font-size: 10px;
   text-decoration: underline;
}

.descBox span a:hover  {
   color: #696969;
   font-size: 10px;
   text-decoration: underline;
}

.descBox h1 {
    font-size: 18px;
    font-weight: bold;
    color: #00BFFF;

}
.descBox h2 {
    font-size: 12px;
    font-weight: bold;
}

.descBox h3 {
    position: relative;
    left:-10px;
    background: url(../images/promo.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;

}

.descBox h4{
    position: relative;
    left:-10px;
    background-image: url(../images/promo_big.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 108px;
	height: 108px;

}
 .descBox h5 {
    font-size: 11px;
    font-weight: bold;
}
 .descBox h6 {
    font-size: 11px;

}
.descBox h3 span,.descBox h4 span{
    display:none;
    margin: 0px;
    padding: 0px;

}

.promoBox {
    position: relative;
    left: 170px;
    width: 418px;
    background-color:#F9F9F9;
    padding: 15px 5px 15px 5px;
	vertical-align:top;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
}
.promoBox h1, .promoBox h2, .promoBox h3, .promoBox h4, .promoBox h5, .promoBox h6, .promoBox p {
    width: 388px;

}

.promoBox p.sAlert {
    color:#FF2200;
    font-weight:bold;
    font-size: 13px;
}

.promoBox span{
  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #A5A5A5;
}

.promoBox span a,.promoBox span a:active{
   color: #A9A9A9;
   font-size: 10px;
   text-decoration: underline;
}

.promoBox span a:hover  {
   color: #696969;
   font-size: 10px;
   text-decoration: underline;
}

.promoBox h3 {
    position: relative;
    left:-10px;
    background: url(../images/promo.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;

}

.promoBox h4{
    position: relative;
    left:-10px;
    background-image: url(../images/promo_big.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 65px;
	height: 65px;

}

.promoBox h3 span,.promoBox h4 span{
    display:none;
    margin: 0px;
    padding: 0px;

}

.optionBox {
    float: right;
    width: 80px;
    background-color:#F9F9F9;
    padding: 20px 5px 5px 5px;
	vertical-align:top;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
}


#catSubBox{
   width: 598px;
   background-color: #ffffff;
}


#catSubLink{
  width: 598px;
  margin: 0;
  padding: 0;
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
  background-color:#F5F5F5;
  margin: 0px;
  padding: 10px 0 10px 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}


#catSubLink ul {
  margin: 0;
  padding: 0;
  list-style-image: url(../images/arrow_right_spearmint.png);
  list-style-position:inside;
  padding: 0 0 0 1.0em; /* left padding moves the text away from the bullet */
}


#catSubLink ul li {
  margin: 0;
  line-height: 1.8em;
}

#catSubLink ul li.col1 {
    float: left;
    width: 300px;
}

#catSubLink ul li.col2 {float: left;}

#catSubLink ul li a:visited { padding-right: 12px; background: url(../images/visitedLink.gif) no-repeat 100% 50%; color: #aaa; text-decoration: none; }
#catSubLink ul li a:visited:hover { background-image: url(../images/visitedHoverLink.gif); color: #f00; }



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */