body { margin: 10px; font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; color: #666; }

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; }
.h7 { font-size: 1.3em; display: block; }
.h8 { font-size: 1.2em; display: block; }
.h9 { font-size: 1.1em; display: block; }

h1, h2, h3, h4, h5, h6, .h7, .h8, .h9, p, ul, ol { font-weight: normal; margin: 10px 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }
.h7 { line-height: 1.35em; }
.h8 { line-height: 1.4em; }
.h9 { line-height: 1.45em; }

img, table { border:0; }

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

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

.highlight { background-color: #F00; padding: 0px 0px 1px 3px; color: #FFF; margin-bottom: 0px; }
.hl2 { font-weight: bold; }
.b { font-weight: bold; }
.sm { font-size: 0.85em; 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 */
/* ------------------------------------------------ */
#mainsection { background-color: #ECECEC; padding: 10px 10px 0px 10px; border-bottom: 1px #CCC solid; }
#popupsection { background-color: #ECECEC; padding: 10px 10px 0px 10px; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; }
#header { height: 70px; padding: 0 10px; }
#footer { margin: 0; padding: 10px 20px; border-bottom: 1px #CCC solid; }
#liquidholder { min-width: 780px; }

/* navigation and links */
/* ------------------------------------------------ */
#mainnav { font-size: 1.1em; line-height: 1.7em; color: #999; margin: 0; padding: 0; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; }
#mainnav li { display: inline; margin: 0; padding: 0; }
#mainnav a { text-decoration: none; padding: 0px 10px; }
#mainnav a:link, #mainnav a:visited { color: #666; }
#mainnav a:hover, #mainnav a:active {  }

#subnav1 { font-size: 1.0em; line-height: 1.7em; color: #999; margin: 0; padding: 0; border-bottom: 1px #CCC solid; background-image:url(../../../mainimages/retro/common/hatchF0F0F0.gif); }
#subnav1 li { display: inline; margin: 0; padding: 0; }
#subnav1 a { text-decoration: none; padding: 0px 10px; }
#subnav1 a:link, #subnav1 a:visited { color: #666; }
#subnav1 a:hover, #subnav1 a:active {  }

#catnav { margin: 0; padding: 0; list-style-type: none; line-height: 1.32em; }
* html #catnav { line-height: 1.25em; }
#catnav li { margin-top: 3px; }
.catsub { padding-left: 10px; background: transparent url(../../../mainimages/retro/common/treebranch.gif) no-repeat 2px 6px; }

.link_selected { color: #FFF; }
.imagelink { display: block; float: left; }

.pagination { float: right; }
.pagination a { padding-left: 3px; padding-right: 3px; }
.deadlink { padding-left: 3px; padding-right: 3px; }
.buttonright { float: right; margin-left: 10px; }

a.norm_link:link, a.norm_link:visited { color: #999; }
a.norm_link:hover, a.norm_link:active {  }

/* content area - ct */
/* ------------------------------------------------ */
.ct { line-height: 1.5em; background-color: #FFF; text-align: left; }
.ct a { text-decoration: none; }
.ct a:link, .ct a:visited { color: #666; }
.ct a:hover, .ct a:active { color: #FFF; }
.ct a.active_main_cat:link, .ct a.active_main_cat:visited { color: #FFF; }
.ct a.active_main_cat:hover, .ct a.active_main_cat:active { color: #FFF; }
.ct a.nolinkcss:link, .ct a.nolinkcss:visited { padding: 0; margin: 0; background-image: none; background-color: #FFF; }
.ct a.nolinkcss:hover, .ct a.nolinkcss:active { padding: 0; margin: 0; background-image: none; background-color: #FFF; }
.ct a.imagelink:link, .ct a.imagelink:visited { padding: 0; background-image: none; background-color: #FFF; }
.ct a.imagelink:hover, .ct a.imagelink:active { padding: 0; background-image: none; background-color: #FFF; }

/* reverse content area - ctr */
/* ------------------------------------------------ */
.ctr1, .ctr2 { color: #FFF; line-height: 1.5em; text-align: left; }
.ctr1 a, .ctr2 a { color: #FFF; padding: 0px 1px 0px 1px; text-decoration: none; }

/* images */
/* ------------------------------------------------ */
.imagecolright { float: right; width: 200px; margin-left: 15px; text-align: right; }
.detailsimage { padding-top: 10px; }
.editbizimage { margin-bottom: 10px; }
.menuthumb { margin: 0 10px 10px 0; }
.edit_image_holder { float: left; margin: 0 10px 10px 0; }

/* lists/listshort - l/ls/lr */
/* ------------------------------------------------ */
.l { line-height: 1.5em; background-color: #FFF; margin-bottom: 10px; text-align: left; }
.ls { background-color: #FFF; text-align: left; }
.l a, .ls a { padding: 0px 1px 0px 1px; text-decoration: none; }
.l a:link, .l a:visited, .ls a:link, .ls a:visited { color: #666; }
.l a:hover, .l a:active, .ls a:hover, .ls a:active { color: #FFF; }
.l table, .ls table { border: 0; border-collapse: collapse; }
.l td, .ls td { border-bottom: 2px solid #ECECEC; }
.l th, .ls th { border-bottom: 2px solid #ECECEC; padding: 2px 0px 2px 10px; font-weight: normal; text-align:left; color: #999; }
.l td { padding: 10px 0px 10px 10px; }
.ls td { padding: 2px 0px 2px 10px; }
.lr { padding-right: 10px; }
.upgradelist th { font-weight: normal; text-align: left; color: #999; padding-right: 10px; text-align: left; }
.upgradelist td { padding-right: 10px; }

/* other tables */
/* ------------------------------------------------ */
.lined_table { border-collapse: collapse; text-align: left; }
.lined_table th, .lined_table td { padding: 4px 15px 4px 0px; border-bottom: 1px solid #CCC; }
.lined_table th { text-align: left; font-weight: normal; color: #999; }
.lined_table th.no_line, .lined_table td.no_line { border-bottom: none; }

#offers_table td { padding-right: 25px; }
.adminrowlabel { width: 120px; font-size: 0.9em; color: #999; }

/* basket/checkout */
/* ------------------------------------------------ */
#shop_totals { float: right; text-align: right; }
#basket_summary { list-style: none; margin: 0; padding: 0; }
#basket_summary li { margin: 0; padding: 0; }
th.lastcol, td.lastcol { text-align: right; padding-right: 0; }

/* margins for content areas and lists - mg */
/* ------------------------------------------------ */
.mg { padding: 10px; margin-bottom: 10px; }
.mg_nb { padding: 10px; margin-bottom: 2px; }
.mg_np { margin-bottom: 10px; }
.mgs { padding: 3px 10px; margin-bottom: 10px; }
.mgb { padding: 14px 10px; margin-bottom: 10px; }
.mgs_nb { padding: 3px 10px; margin-bottom: 2px; }
.mg_menu { padding: 10px; border-bottom: 1px #CCC solid; }
.mgl { margin-bottom: 10px; } /* list */
.mgl_nb { margin-bottom: 1px; } /* list no bottom */
* html .mgl_nb { margin-bottom: 0px; } /* list no bottom */

/* misc */
/* ------------------------------------------------ */
.itemsubheader { margin-top: 7px; margin-bottom: 0px; }
.nmarea { padding-bottom: 7px; border-bottom: 1px solid #999; }
.advert { margin: 0px 0px 10px 0px; }
#flash { margin-bottom: 7px; }
* html #flash { margin-bottom: 10px; }
.textwidth { width: 410px; }
.border1 { border: 1px #CCC solid; }
.sp1, .sp2, .sp3, .sp4, .sp5 { padding-left: 75px; }
.sp1 { background: #FFF url(../../../mainimages/retro/common/signpost1.jpg) no-repeat top left; }
.sp2 { background: #FFF url(../../../mainimages/retro/common/signpost2.jpg) no-repeat top left; }
.sp3 { background: #FFF url(../../../mainimages/retro/common/signpost3.jpg) no-repeat top left; }
.sp4 { background: #FFF url(../../../mainimages/retro/common/signpost4.jpg) no-repeat top left; }
.sp5 { background: #FFF url(../../../mainimages/retro/common/signpost5.jpg) no-repeat top left; }
#area input#postcode { width: 75px; }