@charset "UTF-8";

/* Styles for product list */
#productwrap { width: 700px; float: left; margin: 15px 0;  }

#pagination { width: 700px; float:left; font-size: 12px; padding: 7px 0; border: 1px solid #CCC; background-image: url(/images/layout/boxes/grayboxheader.jpg); background-repeat:repeat-x; background-position: 0 -3px }
#pagination ul { margin: 0; padding: 0; display: inline; width: 450px; float: left; padding: 0 0 0 15px }
#pagination li { display: inline; margin: 0 1px }
#pagination .pagecount { width: 200px; float: left; text-align: right }
#pagination a { color:#036; text-decoration: underline }

#product { width: 700px; border-bottom: 1px dotted #666; margin: 0; padding: 0; float: left; padding: 10px 0 }

#image { width: 125px; text-align: center; padding: 0px 0 0px 0px; float: left }
#image p { margin-top: 5px; font-size: 11px }

#descr { width: 550px; float: left; margin: 0 0 0 10px; padding: 5px 0; color: #000}
#descr h2 { padding: 0; margin: 0; font-size: 13px; font-weight: bold; }
#descr a { text-decoration: none; color: #000 }
#descr a:hover { text-decoration: underline; color: #900 }
#descr ul { list-style: none; float: left; width: 190px; font-size: 11px; color: #333; padding: 0; margin: 10px 0 0 0 }
#descr li {  padding: 2px 0 2px 10px; border-left: 1px dotted #000 }

#detailbutton { margin-top: 0px; width: 120px; float: left; text-align: right; margin-left: 25px }

#software { float: left; width: 700px; margin-top: 15px; padding: 0 }
#software p { padding: 0 0 3px 5px; margin:0; font-size: 13px; font-weight: bold; color:#900; border-bottom: 1px dotted #666 }
#software ul { list-style: none; margin: 8px 0 0 20px; padding: 0; font-size: 12px; width: 150px; float: left}
#software li { padding: 2px 0 0 0; background: url(/images/layout/bullets/dotted-arrow.gif) no-repeat; background-position: 0px 5px }
#software a { color: #036; padding-left: 10px; }
#software a:hover { color: #900; text-decoration: none }

#noproducts { width: 690px; float: left; color: #F00; font-size: 16px; padding: 30px 0 30px 10px }

#filterreset { width: 660px; float: left; text-align: right; font-size: 12px }
#filterreset a { color: #036 }
#filterreset a:hover { color: #900; text-decoration: none }

.oldprice { color: red; text-decoration: line-through }