body { margin: 0; padding: 0 0 20px 0; background-color: #F4F5EB; font-family: Verdana, Sans-Serif; font-size: 11px; color: #333333; }
body, input, select, textarea, table { font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; }
a { color: #000000; font-weight: bold; }
a:hover { color: #003300; font-weight: bold; }
div#topstrip { padding: 5px; background-color: #FFFFFF; background-image: url(topstrip-back.jpg); background-repeat: repeat-x; color: #333333; font-weight: bold; text-align: right; font-size: 10px; border-bottom: solid 1px #B3B6B0; }
div#containterframe { margin: 0 auto 0 auto; width: 902px; padding: 0 10px 10px 10px; background-color: #FFFFFF; border-left: solid 1px #B3B6B0; border-right: solid 1px #B3B6B0; border-bottom: solid 1px #B3B6B0; }
div#container { border-left: solid 1px #B3B6B0; border-right: solid 1px #B3B6B0; border-bottom: solid 1px #B3B6B0; background-color: #EEFBD0; }
div#logo { width: 200px; height: 200px; background-color: #AED13F; float: left; }
div#banner { width: 700px; height: 200px; background-color: #000000; float: right; }
div#banner table td { padding: 0; }
div#contentcontainer { float: left; }
div#navigation { float: left; width: 200px; background-image: url(navbox-back-hover.gif); background-repeat: no-repeat; }
div#warning { border: solid 2px #FF0000; background-color: #FFFFCC; margin: 10px; padding: 5px; }
div#contentholder { float: right; width: 700px; }
div#footer { clear: both; }
a.list1, a.list2, a.list3 { background-image: url(navbox-back-hover.gif); background-repeat: no-repeat; float: left; height: 25px; line-height: 24px; margin: 0; color: #333333; text-decoration: none; display: block; border: none; font-weight: normal; }
a.list1 { background-image: url(navbox-back-level1.gif); width: 175px; padding: 0 0 0 25px; }
a.list2 { background-image: url(navbox-back-level2.gif); width: 165px; padding: 0 0 0 35px; }
a.list3 { background-image: url(navbox-back-level3.gif); width: 155px; padding: 0 0 0 45px; }
a.list1:hover, a.list2:hover, a.list3:hover { background-image: url(navbox-back-hover.gif); background-repeat: no-repeat; font-weight: bold; }
div.uc { background-color: #FFCC66; border-bottom: solid 1px #FF0000; width: 680px; padding: 5px 10px 5px 10px; font-weight: bold; }
div.sectionspecial { background-color: #EAEAEA; border-bottom: solid 1px #CCC; width: 680px; padding: 10px; }
div.sectiontitle { background-image: url(title-back.jpg); background-repeat: repeat-x; border-bottom: solid 1px #DBDFBD; height: 29px; width: 680px; padding: 10px; }
h1 { font-size: 16px; margin: 0; padding: 0; font-family: Arial; }
div.content { width: 680px; padding: 10px; background-color: #FFFFFF; float: left; }
td.product table, td.product table td { border: solid 1px #CCCCCC !important; border-collapse: collapse !important; padding: 2px !important; }
table.datatable { border-bottom: none; border-top: solid 1px #F0F0F0; border-left: solid 1px #F0F0F0; border-right: solid 1px #F0F0F0; }
table.datatable td { border-bottom: solid 1px #F0F0F0; border-top: none; border-left: none; border-right: none; padding: 4px; }
td.datatableheader { border-bottom: solid 1px #F0F0F0; background-color: #FFFFFF; background-image: url(topstrip-back.jpg); background-repeat: repeat-x; font-weight: bold; padding: 4px; }
table.datatable img { border: solid 1px #F0F0F0 !important; }
div.sidebar { width: 270px; float: right; }
table.sidebartable { border: solid 1px #F0F0F0; }
span.discountprice { color: #FF0000; text-decoration: line-through; }
tr.altgridrow td { background-color: #FCFCFC; }
tr.pagergridrow td { background-color: #F6F6F6; }
tr.pagergridrow > td > table td { border: solid 1px #F0F0F0; background-color: #FFFFFF; padding: 5px; }
td.catimage { text-align: center; border-bottom: solid 1px #F0F0F0; }
div.frameimg { border: solid 1px #F0F0F0; background-color: #FFFFFF; padding: 5px; }
div.content li { list-style-type: square; }
table.detailstable { border: solid 1px #CCCCCC; margin-top: 5px; margin-bottom: 25px; }
table.detailstable td { padding: 3px; vertical-align: top; }
table.detailstable th { background-image: url(smallbar-back.png); background-repeat: repeat-x; border-bottom: solid 1px #CCCCCC; padding: 3px; vertical-align: top; }
/*GridView*/
tr.GridHeader th { background-color: #DEDEDE; background-image: url(smallbar-back.png); background-repeat: repeat-x; border: solid 1px #CCCCCC; padding: 3px; font-weight: normal; }
tr.GridRow td { background-color: #FFFFFF; border: solid 1px #CCCCCC; padding: 3px; font-weight: normal; }
tr.GridSelectedRow td { background-color: #FFDE6B; border: solid 1px #FFCC00; padding: 3px; font-weight: normal; }
tr.GridPager td { background-color: #DEDEDE; background-image: url(smallbar-back.png); background-repeat: repeat-x; border: solid 1px #CCCCCC; padding: 0; }
tr.GridPager > td > table td { background: none; border: none; }
div.controls { width: 680px; float: left; background-color: #FFFFFF; border-top: solid 1px #CCCCCC; padding: 10px; }
div.controls input, input.button { background-color: #F0F0F0; border: solid 1px #CCCCCC; padding: 2px 10px 2px 10px; }
input.checkbox { padding: 0; margin: 0; }
div.errorpanel { background-color: #FFFFCC; color: #FF0000; border-top: solid 1px #FF0000; width: 680px; padding: 5px 10px 5px 10px; font-weight: bold; float: left; }
/*special*/
.special { background-color: #EEFBD0; }
.special td { padding: 3px !important; }
.special .item { float: left; background-color: #fff; border:solid 1px #ccc; width: 150px; height: 200px; padding: 7px; margin: 1px; }
.special .item .icon { text-align: center; margin-bottom: 10px; }
.special .item .icon img { border: none !important; }
.discount { border:1px solid #ff0000 !important; }
.discount .item { height: 265px; }
.discount .group { width:672px; }