body { margin: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; color: #333; text-align: center; }
p { font-family: Verdana, Helvetica, sans-serif; }

h1 { font-size: 1.9em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.4em; }

h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 10px 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }

.pagewidth { width: 800px; }

img, table { border:0; }

ul { padding-left: 25px; margin-left: 0px; }

.grey { color: #666; }
.dgrey { color: #333; }
.lgrey { color: #999; }

.hl { color: #F00; font-size: 1.05em; font-weight: bold; }
.hl2 { font-weight: bold; }
.b { font-weight: bold; }
.bigger { font-size: 1.05em; }
.small { font-size: 0.9em; line-height: 1.4em; }

.block { display: block; }
.center { text-align: center; }
.inline { display: inline; }


/* margins and padding */
/* ------------------------------------------------ */
.nm { margin: 0px; }
.np { padding: 0px; }
.ntm { margin-top: 0px; }
.nbm { margin-bottom: 0px; }


/* floats */
/* ------------------------------------------------ */
.fl { float: left; }
.fr { float: right; }
.cll { clear: left; }
.clr { clear: right; }
.cl { clear: both; }


/* main site parts */
/* ------------------------------------------------ */
#container {  }
#header { background-color: #FFF; }
#mainsection { padding: 7px 0 17px 0; background: #D9D9D9 url(../../mainimages/grad1.gif) repeat-x left top; }
.subcontainer { width: 95%; min-width: 950px; max-width: 1150px; margin: 0 auto; text-align: left; }
* html .subcontainer { width: 1000px; }
#content_one { width: 32%; }
#content_one_admin { width: 32%; padding: 10px 20px; margin-bottom: 3px; background-color: #FFF; }
#content_two { width: 66%; padding: 10px 20px; margin-bottom: 3px; background-color: #FFF; }
#gutter {  }
#footer { margin: 0; padding: 10px 20px; border-bottom: 1px #CCC solid; }
#brandbar { padding: 12px 0; background: #FFF url(../../mainimages/grad2.gif) repeat-x left top; }

#headerholder { margin: 10px 0; width: 520px; }
* html #headerholder { float: left; margin-bottom: 0; padding-bottom: 7px; }
#headerholder table { height: 113px; }
#headerholder table img { margin: 0; padding: 0; }
#headerside { float: right; width: 426px; }
#strapbox { height: 44px; padding-top: 18px; margin: 0; font-size: 1.4em; line-height: 1em; font-weight: bold; color: #666; text-align: center; }
* html #strapbox { height: 48px; padding-top: 31px; }
#searchbox { height: 61px; }
* html #searchbox { height: 54px; }
#searchboxcorner1 { height: 61px; background: transparent url(../../mainimages/corner_left1.png) no-repeat left top; }
* html #searchboxcorner1 { height: 54px; background: none; }
#searchboxcorner2 { height: 61px; background: transparent url(../../mainimages/corner_right1.png) no-repeat right top; }
* html #searchboxcorner2 { height: 54px; background: none; }
#searchtext { float: left; width: 88px; margin-top: 29px; font-size: 17px; line-height: 1em; color: #FFF; text-align: center; }
* html #searchtext { width: 98px; margin-top: 21px; font-weight: bold; }
#searchinput { float: left; height: 33px; padding: 7px; margin-top: 14px; background: transparent url(../../mainimages/tint1.png) repeat; }
* html #searchinput { height: 23px; padding: 0px; margin-top: 13px; background: none; }
#searchinput input { height: 23px; width: 231px; padding: 5px; margin: 0; border: 0; font-size: 18px; line-height: 1em; color: #333; }
* html #searchinput input { width: 241px; }
#searchsubmit { float: left; height: 33px; width: 33px; padding: 8px; margin-top: 13px; margin-left: 13px; margin-bottom: 0px; background: transparent url(../../mainimages/tint1r.png) no-repeat; }
* html #searchsubmit { padding: 0px; background: none; margin-top: 13px; margin-left: 21px; }
#go { float: left; width: 33px; height: 33px; background: transparent url(../../mainimages/go.png) no-repeat left top; }
* html #go { background: transparent url(../../mainimages/go.gif) no-repeat left top; }
#searchbox form { margin-bottom: 0; }
#brandbar table { text-align: center; }


/* misc */
/* ------------------------------------------------ */
.textwidth { width: 340px; }
.textwidth2 { width: 340px; }
*html .textwidth { float: left; width: 340px; }
*html .textwidth2 { float: left; width: 290px; }

/* navigation and links */
/* ------------------------------------------------ */
#mainnavbar { padding: 8px 0 9px 0; }
#mainnav { font-size: 1.1em; color: #999; margin: 0; padding: 0; }
#mainnav li { display: inline; margin: 0; padding: 0; }
#mainnav a { text-decoration: none; padding: 0px 25px; }
#mainnav a:link, #mainnav a:visited { color: #FFF; }
#mainnav a:hover, #mainnav a:active {  }

#catnav { font-size: 1.1em; margin: 0; padding: 0; list-style-type: none; background-color: #D9D9D9; }
#catnav li { margin-top: 0px; margin-bottom: 3px; }
#catnav li a { display: block; padding: 2px 10px 2px 25px; color: #FFF; text-decoration: none; }

#catnav li a.catsub, #catnav li.catsub { padding-left: 35px; }
#catnav li a:link, #catnav li a:visited { background-color: #666; }
#catnav li a:hover, #catnav li a:active {  }
#catnav li a.catsub:link, #catnav li a.catsub:visited { background-color: #888; }
#catnav li a.catsub:hover, #catnav li a.catsub:active {  }
#catnav li.selected { padding: 2px 10px 2px 25px; color: #FFF; text-decoration: none; }
#catnav li.subselected { padding: 2px 10px 2px 35px; color: #FFF; text-decoration: none; }
.catnavheader { padding: 6px 25px; font-weight: bold; }
* html #catnav li a, * html #catnav li.selected { width: 280px; }
* html #catnav li a.catsub, * html #catnav li.catsub, * html #catnav li.subselected { width: 270px; }

#footernavbar { padding: 3px 0 4px 0; color: #FFF; }
#footernav { font-size: 0.95em; color: #999; margin: 0; padding: 0; }
#footernav li { display: inline; margin: 0; padding: 0; }
#footernav a { text-decoration: none; padding: 0px 25px; }
#footernav a:link, #footernav a:visited { color: #FFF; }
#footernav a:hover, #footernav a:active {  }

#copyright { float: right; margin-right: 20px; }

.link_selected { color: #FFF; }
.imagelink { display: block; float: left; }
.buttonright { float: right; margin-left: 10px; }

.biglink { font-size: 1.1em; line-height: 1.35em; padding-left: 15px; background: transparent url(../../mainimages/link1.gif) no-repeat left center; }
.smalllink { padding-left: 15px; background: transparent url(../../mainimages/link1.gif) no-repeat left center; }


/* content area - ct */
/* ------------------------------------------------ */
.ct { line-height: 1.5em; text-align: left; }
.ct a:link, .ct a:visited { color: #666; text-decoration: none; }
.ct a:hover, .ct a:active { text-decoration: underline; }


/* product list */
/* ------------------------------------------------ */
.prodlist { display: block; padding: 19px 0 10px 5px; background: transparent url(../../mainimages/grad3.gif) repeat-x top left; }
.prodlist h5 { margin-top: 5px; }
.prodlistimage { float: right; width: 135px; text-align: center; }
.pagination_holder1 { margin-bottom: 10px; padding: 0 5px 0 5px; font-weight: bold; font-size: 0.95em; }
.pagination_holder2 { margin-bottom: 5px; padding: 17px 5px 0 5px; font-weight: bold; font-size: 0.95em; background: transparent url(../../mainimages/grad3.gif) repeat-x top left; }
.pagination { float: right; }
.pagination a { margin-left: 4px; }
.deadlink { color: #999; margin-left: 4px; }


/* product */
/* ------------------------------------------------ */
#product { padding: 25px 0 0 5px; background: transparent url(../../mainimages/grad3.gif) repeat-x top left; }
#subtitle { font-size: 1.2em; line-height: 1.4em; }
#prodcol { float: right; margin-left: 10px; width: 300px; text-align: center; }
#prodimage { margin-bottom: 20px; }
#prodprices { width: 300px; text-align: left; margin-bottom: 40px; }
#pagenav { margin-bottom: 10px; padding: 0 5px 0 5px; font-weight: bold; font-size: 0.95em; }


/* right col */
/* ------------------------------------------------ */
.imagecolright { float: right; }
.imagecolright img { margin-bottom: 10px; }
.smallcol { float: right; width: 210px; }


/* tables */
/* ------------------------------------------------ */
.table_standard1 { border-collapse: collapse; text-align: left; margin-top: 4px; margin-bottom: 10px; }
.table_standard1 th { padding: 0px 10px 2px 0px; color: #999; font-size: 0.9em; font-weight: bold; }
.table_standard1 td { padding: 2px 10px 2px 0px; }
.table_standard1 td.standardrow, .table_standard1 th.standardrow { padding-left: 10px; }
.table_standard1 td.subcatrow { padding-left: 20px; }
.table_standard1 td.productrow { padding-left: 30px; }
.table_standard1 td.productline { border-bottom: 1px #E7E7E7 solid; }


/* forms */
/* ------------------------------------------------ */
form { margin: 0; }
input, select, textarea { font: 1em Verdana, Helvetica, sans-serif; color: #333; }
.button { color: #333; }

fieldset { margin:0; border:0; padding:0; }
fieldset dt { float: left; width: 120px; }
#widerdt dt { float: left; width: 140px; }
fieldset dd { margin-left: 10px; }
fieldset dt, fieldset dd { margin: 0px 0px 10px 0px; padding: 0; }

.fieldlist { display: block; margin-bottom: 10px; }
.fieldsmaller { font-size: 0.9em; }

#userdetails dt { width: 180px; }
#userprefs dt { width: 170px; }

#happy { margin-top: 10px; }
#happy h4 {	padding: 0px; margin: 0px; width: 110px; float: left; position: relative; bottom: 3px; }
#happy input { padding: 0px; margin: 0px; }

.fieldtype0 { width: 400px; border: 1px solid #666; padding: 4px; }
.fieldtype1 { width: 200px; border: 1px solid #666; padding: 4px; }
.fieldtype2 { width: 120px; border: 1px solid #666; padding: 4px; }

form input[type=hidden] { display: none; }	/* defeat Moz overstrictness in applying previous display: block */
div.counter { font-size: 0.9em; }
span.toomuch { font-weight: 600; color: #F00; }