html {
font: 11px arial;
}
#pagingHeader {
background: url(/lib/yhst-84151632480785/pg-header-bg.gif) no-repeat 0 18px;
font: 12px arial;
height: 85px;
width: 590px;
}
#pagingHeader a {
text-decoration: none;
}
#navPageCount {
float: left;
font-size: 11px;
height: 18px;
padding: 5px 0 0 15px;
width: 70px;
}
#navPageLinks {
float: left;
width: 400px;
}
#navPageLinks ul.headerList {
float: left;
height: 24px;
}
#navPageLinks ul.headerList li {
float: left;
margin: 0 2px;
text-align: center;
}
#navPageLinks .pageLink a {
background: url(/lib/yhst-84151632480785/pg-page-on.gif) no-repeat 0 0;
color: #fff;
display: block;
font-weight: bold;
height: 16px;
padding: 4px 0;
width: 24px;
}
#navPageLinks .pageCurrent {
background: url(/lib/yhst-84151632480785/pg-page-down.gif) no-repeat 0 0;
display: block;
font-weight: bold;
height: 16px;
padding: 4px 0;
width: 24px;
}
#navPageLinks li.pageStartOff,
#navPageLinks li.pageEndOff,
#navPageLinks li.pageNextOff,
#navPageLinks li.pagePrevOff {
height: 0;
overflow: hidden;
padding-top: 24px;
width: 12px;
}
#navPageLinks li a {
display: block;
height: 0;
overflow: hidden;
padding-top: 24px;
width: 12px;
}
#navPageLinks li.pageStartOff {
background: url(/lib/yhst-84151632480785/pg-start-off.gif) no-repeat 0 4px;
}
#navPageLinks li.pageEndOff {
background: url(/lib/yhst-84151632480785/pg-end-off.gif) no-repeat 0 4px;
}
#navPageLinks li.pagePrevOff {
background: url(/lib/yhst-84151632480785/pg-prev-off.gif) no-repeat 0 4px;
}
#navPageLinks li.pageNextOff {
background: url(/lib/yhst-84151632480785/pg-next-off.gif) no-repeat 0 4px;
}
#navPageLinks .pageEndOn a{
background: url(/lib/yhst-84151632480785/pg-end.gif) no-repeat 0 4px;
}
#navPageLinks .pageStartOn a{
background: url(/lib/yhst-84151632480785/pg-start.gif) no-repeat 0 4px;
}
#navPageLinks .pageNextOn a{
background: url(/lib/yhst-84151632480785/pg-next.gif) no-repeat 0 4px;
}
#navPageLinks .pagePrevOn a{
background: url(/lib/yhst-84151632480785/pg-prev.gif) no-repeat 0 4px;
}

/* BASE LIST STYLES */
ul.headerList {
clear: both;
margin: 0;
padding: 0;
}
ul.headerList li {
list-style: none;
}
/* SORT LIST */

#navSortList{
font-size: 10px;
width: 455px;
}
#navSortList li {
float: left;
margin: 10px;
}
#navSortList li a {
background: url(/lib/yhst-84151632480785/pg-not-selected.gif) no-repeat 0 3px;
display: block;
padding-left: 9px;
width: 52px;
}
#navSortList li a.sortSelectedUp {
background: url(/lib/yhst-84151632480785/pg-selected-up.gif) no-repeat 0 5px;
}
#navSortList li a.sortSelectedDown {
background: url(/lib/yhst-84151632480785/pg-selected-down.gif) no-repeat 0 5px;
}

/* VIEW LIST */
#navViewList {
font-size: 10px;
height: 14px;
margin: 0 0 15px 335px;
width: 240px;
}
#navViewList li{
float: left;
margin: 0 10px;
}
#navViewList li a#gridView {
background: url(/lib/yhst-84151632480785/pg-grid.gif) no-repeat 0 2px;
display: block;
padding-left: 12px;
}
#navViewList li a#listView {
background: url(/lib/yhst-84151632480785/pg-list.gif) no-repeat 0 2px;
display: block;
padding-left: 12px;
}

#wrapper {
padding: 5px;
width: 585px;
}
dl.viewModeGrid {
float: left;
margin: 2px;
width: 140px;
height: 195px;
}
dl.viewModeGrid dt,
dl.viewModeGrid dd {
margin: 5px;;
}
dl.viewModeGrid dt.itemTitle {
font-weight: bold;
text-align: center;
}
dl.viewModeGrid dd.itemImage {
height: 100px;
margin: 0 auto;
width: 100px;
}
dl.viewModeList {
clear:both;
}
dl.viewModeList dt,
dl.viewModeList dd {
float: left;
padding-top: 20px;
width: 125px;
}
dl.viewModeList dt.itemTitle {

}
dl.viewModeList dd.itemImage {
float: left;
padding: 10px 10px 10px 0px;
width: 110px;
}
.salesPrice {
color: #b50104;
font-weight: bold;
}