/* SPACEPOO */

html { font-weight: normal; font-family: arial, verdana, sans-serif; height:100%; border:0px; padding:0px; margin:0px;}
body {border:0px; padding:0px; margin:0px; height:100%;  font-size: 10px; }
.center-layout {text-align:center; height:100%;  margin-left:10%; margin-right:10%;}

.content table.main { background-color: #ffffff; }


/* no borders on images */
img { border: 0px; }

/* centering the site 
make all outer layout tables have {margin-left:auto; margin-right:auto; }
use either on body or a center-layout div {text-align:center;}
*/
.center-layout { text-align:center;}
.center-layout table.outer {width:100%; margin-left:auto; margin-right:auto; margin-top:0px; border-collapse:collapse; padding:0px; }
.center-layout table.outer td.leftshadow { width:8px; background-image:url(../images/shadow-left.gif); background-repeat:repeat-y;}
.center-layout table.outer td.rightshadow { background-image:url(../images/shadow-right.gif); background-repeat:repeat-y;}


/* HEADER */
.header table { margin-top:5px; margin-bottom:5px;}
.header td { vertical-align:top;}

/*logo*/
.header td.logo { width:1%; border-right: solid 1px #333333; padding-right:10px;}

/*main menu */
.header td.nav { width:1%; padding-left:10px; text-align:left; white-space:nowrap;}
.header td.nav a { text-decoration:none; color:#000000; }

.header td.nav, .header td.nav a {  font-size:12pt; line-height:22px;}

.header td.nav, .header td.nav a:hover { color:#ef0000;}

/* login */

.login form { margin:0px;}
.login table {margin:0px;}
.login td { font-size:10px; vertical-align:middle; font-weight:bold; text-align:left;}
.login .cell input {background-color: #ffffff; border: 1px solid #3ba4ef; margin-right: 5px; }
.header .login a { font-size:10px; line-height: normal;}
.header .register { margin-top:10px; margin-bottom:10px;}

/* category menu */

.topnav {width:100%; text-align:center; height:33px; background-image:url(../images/topnav-bg.gif); background-repeat:repeat-x; text-align:center; margin-bottom:10px;}
.topnav table {width:100%; margin-top:8px; border-collapse:collapse;}
.topnav td { width:1% ; text-align:center; color:#ffffff; font-size:12px; padding:3px 0px 3px 0px; border-right:solid 1px #ffffff;}
.topnav td.noline {border-right: solid 0px #ffffff;}
.topnav a:link, .topnav a:visited, .topnav a:active  {color:#000000; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;}
.topnav a:hover {color:#ef0000;}


/* LHS menu*/
.content td.left { vertical-align:top; width:170px;}
.content .leftnav table {width:100%; border-collapse:collapse; margin-left:0px; margin-bottom:20px;}
.content .leftnav table td {text-align:left;}
.content .leftnav td.leftnav { vertical-align:middle; font-size:12px; font-weight: bold; color:#000000; background-image:url(../images/leftnav-bg.gif); background-repeat: repeat-x;}
.content .leftnav td.arrow { width:1%; padding-bottom:0px; padding-top:0px; margin:0px;}
.content .leftnav .navitem { border-bottom: solid 1px #cecece; padding-bottom:5px; margin-top:10px; margin-bottom:0px;}
.content .leftnav .current { color:#ef0000; }
.content .leftnav a { font-size:12px; color:#333333; text-decoration:none;}
.content .leftnav a:hover {color:#ef0000;}
.content .leftnav .title {line-height:12px; margin-top:-5px; margin-bottom:15px;}
.content .leftnav .title a { font-size:10px;}
.content .leftnav table.cart td.link { text-align:right;}

.center_content { text-align:left; }

/* main content */
.content table.main { width:100%; margin-top:10px; font-size:12px; border-collapse:collapse;}


.content td.maincontent {vertical-align:top; padding-left:26px; padding-right:10px;}

.content p { line-height:18px;}
.normal {color:#333333;}

.contentz .heading h1 { display:inline; font-size:18px; font-weight:bold; color:#333333; margin-right:5px;}
.contentz .heading h2 {font-size:12px; color:#ef0000; margin-bottom:0px; margin-top:5px;}
.content .heading h3 {font-size:14px; font-weight:bold; }

/* red border of centre content */
.center_content {  border: solid 1px #ef0000; padding-left:15px; padding-top:5px; padding-bottom:5px; padding-right:10px;}


/* list view */
.content .list_section,.content .record_section, .content .heading,.content .paging,.list td { background-color:#ffffff; }
.content .buttons td button { background-color: #bfd6f6; }

.list .page_title { padding-bottom:15px;}
.list .static_text { padding-right:10px;}
.list table { margin-top:15px; margin-right:5px; border-collapse:collapse; }

/* buy */
.list td.description, .list td.buy, .list td.pic  { vertical-align:top; text-align:left; }
.list td.pic { width:1%;}
.list td.pic img { border:solid 1px #666666; padding:0px;}

.list td.description { font-size:10px; color:#666666; padding-left:10px;}
.list td.buy {padding-left:15px; padding-right:5px; text-align:center; border-left: dotted 0px #000000;}
.list .preview {padding-top:15px; line-height:10px;}
.list .preview a { font-size:10px; color:#666666; text-decoration:none;}
.list .preview a:hover { color:#ef0000;}

/* footer */
td.bottom { text-align:center;}
.copy { color:#2073c2; font-size:10px; margin-top:10px; margin-bottom:0px; padding:10px 0px 10px 0px; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece;}
.copy a { text-decoration:none; color:#2073c2;}
.copy a:hover {color:#ef0000;}


/* COLOURS ===============
#bfd6f6 = blue hover - TOP NAV
#1373bf = blue hover - LEFT NAV
#384098 = dark blue - HEADERS
==========================*/