﻿
form { margin: 0px; }

h1 { margin: 0px; margin-bottom: 1em; }

h2, h3, h4, h5, h6 { margin: 1em 0px; }

p { margin: 1em 0px; }

ul { margin-bottom: 1em; margin-top: 1em; }

img { border: 0px; }

input { padding-left: 4px; *padding-left: 3px; }

html * { -moz-box-sizing: border-box; box-sizing: border-box; }

.p
{
    margin: 1em 0px;
    margin-bottom: 0px;
}

.p2
{
    margin: 1em 0px;
}

.first
{
    margin-top: 0px;
}

.last
{
    margin-bottom: 0px;
}

.both
{
    margin: 0px;
}

.center
{
    margin: 1em 0px;
    width: 100%;
    text-align: center;
}

.divider
{
    margin: 0.5em 0px;
    width: 100%;
    text-align: center;
}

.gap
{
    margin-top: 5px;
    display: block;
}

.spacer
{
    height: 10px;
}

.textarea
{
    width: 200px;
    height: 60px;
    padding-left: 4px;
}

.alternate, .alternateb, .alternatet
{
    border-collapse: collapse;
    width: 100%;
}

.alternate td, .alternateb td, .alternatet td
{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.tables, .tablesl, .tablesr
{
    border-collapse: collapse;
    width: 100%;
}

.tables td, .tablesl td, .tablesr td
{
    padding: 0px;
    vertical-align: middle;
}

.labels
{
    border-collapse: collapse;
    width: auto;
}

.labels td
{
    padding: 0px;
    vertical-align: middle;
}

.grid, .gridp
{
    border-collapse: collapse;
    width: 100%;
}

.grid td, .gridp td
{
    padding: 0px;
    vertical-align: middle;
}

.basket
{
    border-collapse: collapse;
    width: 100%;
}

.basket td
{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    vertical-align: middle;
}

.options
{
    border-collapse: collapse;
    width: auto;
}

.options td
{
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: left;
}

.thumbnail_grid
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.thumbnail_left
{
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.thumbnail_right
{
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

.thumbnail_tleft
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.thumbnail_tright
{
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

#shoptalk
{
    margin: 1em 0px;
    margin-top: 0px;
}

#chat
{
    border: 0px;
    width: 100%;
    height: 45px;
}

body { background:#666666 url(images/background.gif) repeat-y fixed center center; color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; margin: 0px; padding:0px; height:100%; text-align:center; margin-right:0px; margin-bottom:0px; margin-left:0px } 
table { font-size: 12px; }
a:link, a:visited { color: #114499; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
a:hover, a:active { color: #66BB00; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; }
h1 { color: #003366; font-style: normal; font-weight: normal; font-size: 18px; font-family: arial, sans-serif; text-decoration: none; }
h2 { color: #449911; font-style: normal; font-weight: normal; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; } h3, h4, h5, h6 { color: #222222; font: normal normal 12px arial, sans-serif; text-decoration: none; } h3 { font-size: 14px; } h4 { font-size: 13px; } h5 { font-size: 11px; } h6 { font-size: 10px; }
hr { border: 0; border-bottom: 1px dotted #999999; width: 100%; height: 0px; } 
div#body { border:none; margin: 0px; padding: 0px; width: 778px; height: 100%; position: relative; margin: 0px auto; }
div#top { border:none; margin: 0px; padding: 0px; width: 776px; height: 100%; position: relative; margin: 0px auto; }
div.header { background-color: #FFFFFF; background-image:  url(images/header.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 1px solid #666666; border-right: 1px solid #666666; border-top: 0px; color: #222222; font: normal normal 12px arial, sans-serif; margin: 0px; padding: 0px; width: 778px; height: 100px; text-align: center; position: absolute; top: 0px; left: 0px; }
table.header { border: 0px; border-collapse: collapse; color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; width: 776px; height: 100%; }
td.header { padding: 0px; text-align: left; vertical-align: top; }
.header a:link, .header a:visited { color: #114499; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; border-bottom: 0px; }
.header a:hover, .header a:active { color: #66BB00; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; border-bottom: 0px; }
div#acc { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: right; padding-bottom: 0px; padding-left: 40px; padding-right: 40px; padding-top: 0px; width: 776px; position: absolute; top: 0px; left: 0px; }
#acc table { border: 0px; border-collapse: collapse; color: #555555; font-style: normal; font-weight: bold; font-size: 14px; font-family: arial, sans-serif; text-decoration: none; width: auto; height: 60px; float: right; }
#acc td { border: 0px; padding: 0px; width: auto; height: 60px; }
#acc a:link, #acc a:visited { color: #114499; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; text-decoration: none; border-bottom: 0px; }
#acc a:hover, #acc a:active { color: #66BB00; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; text-decoration: underline; border-bottom: 0px; }
div#nav { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 776px; position: absolute; top: 61px; left: 0px; }
#nav table { border: 0px; border-collapse: collapse; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; width: auto; height: 28px; cursor: pointer; cursor: hand; margin: 0px auto; }
#nav td { border: 1px solid #366CD8; border-bottom: 0px; border-left: 1px solid #366CD8; border-right: 1px solid #366CD8; border-top: 0px; text-align: center; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: auto; height: 28px; }
td.navout { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; } a:link.navout, a:visited.navout { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
td.navover { background-color: transparent; background-image:  url(file:///C|/Documents%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/user/templates/blue-fixed/navon.gif); background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; } a:hover.navover, a:active.navover { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
div#sea { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 776px; position: absolute; top: 0px; left: 0px; }
#sea table { border: 0px; border-collapse: collapse; color: #222222; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; text-decoration: none; width: auto; height: 20px; margin: 0px auto; }
#sea td { border: 0px; padding: 0px; width: auto; height: 20px; }
div#outer { border 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; position: relative; }
table#inner { border-bottom: 0px; border-left: 1px solid #666666; border-right: 1px solid #666666; border-top: 0px; border-collapse: collapse; width: 778px; height: 100%; margin: 0px auto; margin-bottom: -60px; } .clear { clear: both; margin: 0px; padding: 0px; height: 60px; }
td#center { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 110px; border: 0px; color: #222222; font: normal normal 12px arial, sans-serif; padding: 10px; padding-bottom: 20px; width: auto; text-align: justify; vertical-align: top; } .tables td { text-align: justify; }
.alternate, .alt { background-color: #E8F3FF; } .alternateb { background-color: #E8F3FF; background-image:  url(file:///C|/ddDocuments%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/dottedh.php?rgb=999999); background-repeat: repeat-x; } .alternatet { background-color: #E8F3FF; background-image:  url(file:///C|/Documents%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/dottedh.php?rgb=999999); background-repeat: repeat-x; background-position: bottom left; }
td.left { background-color: #FFFFFF; background-image:  url(images/column.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: right 110px; border-bottom: 0px; border-left: 0px; border-right: 0px solid #000000; border-top: 0px; color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; padding: 10px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; width: 130px; text-align: left; vertical-align: top; } div.left_column { background-color: transparent; border: 0px; margin: 0px; padding: 10px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; width: 160px; text-align: left; vertical-align: top; position: absolute; top: 100px; left: 1px; } .tablesl td { text-align: left; }
.left a:link, .left a:visited, .left_column a:link, .left_column a:visited { color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.left a:hover, .left a:active, .left_column a:hover, .left_column a:active { color: #003366; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.left h2, .left_column h2 { color: #449911; font-style: normal; font-weight: normal; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; }
.left hr, .left_column hr { border: 0; border-bottom: 1px dotted #999999; width: 100%; height: 0px; } .hrl { background-image:  url(file:///C|/Documents%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/dottedh.php?rgb=999999); background-repeat: repeat-x; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrl hr { display: none; } .rulel { background-image:  url(file:///C|/Documents%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/dottedh.php?rgb=999999); background-repeat: repeat-x; }
td.right { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 110px; border-bottom: 0px; border-left: 0px solid #000000; border-right: 0px; border-top: 0px; color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; padding: 10px; padding-bottom: 20px; padding-left: 0px; width: 150px; text-align: left; vertical-align: top; } .tablesr td { text-align: left; }
.right a:link, .right a:visited { color: #114499; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.right a:hover, .right a:active { color: #66BB00; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; }
.right h2 { color: #449911; font-style: normal; font-weight: normal; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; }
.left hr, .left_column hr { border: 0; border-bottom: 1px dotted #999999; width: 100%; height: 0px; } .hrr { background-image:  url(file:///C|/Documents%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/dottedh.php?rgb=999999); background-repeat: repeat-x; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrr hr { display: none; } .ruler { background-image:  url(file:///C|/Documents%20and%20Settings/Keat%20Woon%20Lai/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/dottedh.php?rgb=999999); background-repeat: repeat-x; }
.subtext { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; } td#center { padding-top: 110px; }
.subtext_left { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; } td.left { padding-top: 110px; }
.subtext_right { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; } td.right { padding-top: 110px; }
.block { border: 0px; border-collapse: collapse; width: 100%; }
.cb_title { background-color: transparent; background-image:  url(images/title.gif); background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; width: 100%; height: 20px; text-align: left; }
.cb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #222222; font: normal normal 12px arial, sans-serif; padding: 0px; padding-top: 10px; width: 100%; text-align: justify; }
.cb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 20px; clear: both; overflow: hidden; }
.lb_title { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 2px solid #C2D8EE; border-left: 0px; border-right: 0px; border-top: 0px; color: #003366; font-style: italic; font-weight: normal; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; padding-top: 0px; width: 100%; height: 20px; text-align: left; }
.lb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #222222; font: normal normal 12px arial, sans-serif; padding: 10px; padding-left: 0px; padding-right: 0px; width: 100%; text-align: left; }
.lb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 15px; clear: both; overflow: hidden; }
.rb_title { background-color: #FFFFFF; background-image:  url(images/title.gif); background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 100%; height: 20px; text-align: center; }
.rb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #222222; font: normal normal 12px arial, sans-serif; padding: 1px; padding-top: 10px; width: 100%; text-align: left; }
.rb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 20px; clear: both; overflow: hidden; }
div.footer { margin-top:30px; background-color: #FFFFFF; background-image:  url(images/footer.gif); background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 1px solid #666666; border-right: 1px solid #666666; border-top: 0px; color: #222222; font: normal normal 11px arial, sans-serif; width: 778px; height: 60px; text-align: center; }
table.footer { border: 0px; border-collapse: collapse; color: #222222; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; width: 776px; height: 100%; margin: 0px auto; }
td.footer { padding: 0px; text-align: center; vertical-align: middle; }
.footer a:link, .footer a:visited { color: #222222; font-style: normal; font-weight: bold; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; border-bottom: 0px; }
.footer a:hover, .footer a:active { color: #555555; font-style: normal; font-weight: bold; font-size: 10px; font-family: arial, sans-serif; text-decoration: underline; border-bottom: 0px; }
input, select, textarea { color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; } div.form { border: 0px; width: 100%; margin: 0px; padding: 0px; text-align: center; }
.i_form { border: 0px; border-collapse: collapse; width: auto; margin: 0px auto; } .i_form td { padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px; } td.l_form { padding-right: 15px; }
.error { color: #AA3333; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; } .error_field { color: #AA3333; }
.success { color: #33AA33; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; }
.selling_price { color: #AA3333; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; }
.list_price { color: #AA5555; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; }
#menu, #brand, #catalogue { margin: 0px; padding: 0px; width: 100%; }
#menu ul, #brand ul, #catalogue ul { margin: 0px; padding: 0px; text-align: left; list-style-type: none; }
#catalogue nobr { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; margin: 0px; width: 100%; color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; display: block; }
#menu a:link, #menu a:visited,  #catalogue a:link, #catalogue a:visited, #brand a:link, #brand a:visited { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; margin: 0px; width: 100%; color: #222222; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; display: block; }
#menu a:hover, #menu a:active,  #catalogue a:hover, #catalogue a:active, #brand a:hover, #brand a:active, .current { background-color: #C2D8EE; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 1px solid #8092A6; border-left: 1px solid #8092A6; border-right: 1px solid #8092A6; border-top: 1px solid #8092A6; padding: 5px; margin: 0px; width: 100%; color: #003366; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; cursor: pointer; cursor: hand; display: block; }
.highlight { background-color: #FFFF80; }

p { line-height: 16px; }