html, body {font:normal normal 100.1%/1.2em verdana, tahoma, sans-serif; text-align:center; color:#2b3034; background:#fff url(/sitegraphics/ganda_left.jpg) repeat-y top left;}
html, body, #wrapper {margin:0; padding:0; width:100%; height:100%; min-height:100%;}
html>body, html>body #wrapper {height:auto;}
div#wrapper {position:absolute; top:0; left:0;}
#contentholder {margin:0; padding:0; width:100%;}
/*=== BASE STYLES ===*/
div {font-size:1em;}
p {font-size:1em; text-align:justify; line-height:1.4em;}
a, a:visited {font:normal bold 1em/1.4em verdana, arial, helvetica, sans-serif; color:#2b3034; text-decoration:none;}
a:hover {font:normal bold 1em/1.4em verdana, arial, helvetica, sans-serif; color:#c00; text-decoration:none;}
/*=== LEFT COLUMN STYLES ===*/
#leftcol {float:left; width:139px; text-align:left;}
* html #leftcol {width:140px; text-align:left;}
#leftcol ul {width:139px; padding:0; margin:10px 0 0; border-top:1px solid #536911; border-right:1px solid #2b3034; background:#fff;}
* html #leftcol ul {width:100%;}
#leftcol ul li {width:100%; padding:0; margin:0; border-bottom:1px solid #536911;}
#leftcol ul li a, #leftcol ul li a:visited {display:block; padding:0 0 0 4px; margin:0; width:135px; font:normal normal 0.75em/2em arial, helvetica, sans-serif; color:#2b3034; text-decoration:none;}
* html #leftcol ul li a, * html #leftcol ul li a:visited {width:100%;}
#leftcol ul li a:hover {width:135px; color:#2b3034; background:#ccdea2; text-decoration:none;}
* html #leftcol ul li a:hover {width:100%;}
#leftcol ul li a.caton, #leftcol ul li a.caton:visited {display:block; background:#ccdea2; padding:0 0 0 4px; margin:0; width:135px; font:normal normal 0.75em/2em arial, helvetica, sans-serif; color:#2b3034; text-decoration:none;}
* html #leftcol ul li a.caton, * html #leftcol ul li a.caton:visited {width:100%;}
#leftcol ul li a.caton:hover {width:135px; color:#c00; background:#ccdea2; text-decoration:underline;}
* html #leftcol ul li a.caton:hover {width:100%;}
#leftcol ul.subnav {width:139px; padding:0; margin:0; border-bottom:1px solid #f0f5e5; background:#f0f5e5;}
* html #leftcol ul.subnav {width:100%; border-right:none;}
#leftcol ul.subnav li.sn {width:100%; border-bottom:1px solid #f0f5e5; margin:0;}
#leftcol ul.subnav li.sn a, #leftcol ul.subnav li.sn a:visited {display:block; width:123px; padding-left:16px; font:normal normal 0.7em/1.8em arial, helvetica, sans-serif; color:#2b3034; text-decoration:none;}
* html #leftcol ul.subnav li.sn a, * html #leftcol ul.subnav li.sn a:visited {width:100%;}
#leftcol ul.subnav li.sn a:hover {background:url(/sitegraphics/bulletgifts.gif) no-repeat 2px 1px; color:#536911; text-decoration:underline;}
#leftcol ul.subnav li.sn a.subon, #leftcol ul.subnav li.sn a.subon:visited {display:block; width:123px; padding-left:16px; font:normal normal 0.7em/1.8em arial, helvetica, sans-serif; background:url(/sitegraphics/bulletgifts.gif) no-repeat 2px 1px; color:#536911; text-decoration:underline;}
#leftcol ul.subnav li.sn a.subon:hover {background:url(/sitegraphics/bulletbeauty.gif) no-repeat 2px 1px; color:#c00; text-decoration:underline;}
#leftcol ul.lln {list-style-type:disc; width:119px; padding:10px 0 10px 20px; margin:10px 0 0 0; border-top:1px solid #536911; border-bottom:1px solid #536911; border-right:1px solid #2b3034; background:#fff;}
* html #leftcol ul.lln {width:100%;}
#leftcol ul li.lowleftnavhead {list-style-type:none; padding:0; width:129px; margin-left:-10px; border-bottom:1px solid #fff; font-size:0.8em; font-weight:bold;}
#leftcol ul li.lowleftnav {padding:0; width:119px; margin:0; border-bottom:1px solid #fff;}
#leftcol ul.lln li.lowleftnav a, #leftcol ul.lln li.lowleftnav a:visited {display:inline; padding:0; margin:0; font:normal normal 0.75em/2em arial, helvetica, sans-serif; color:#2b3034; text-decoration:none;}
#leftcol ul.lln li.lowleftnav a:hover {color:#c00; background:#fff; text-decoration:underline;}
#leftcol ul li.lowleftnav .navon {padding:0; margin:0; background:#fff; font:normal normal 0.75em/2em arial, helvetica, sans-serif; color:#57908F; text-decoration:underline;}
#leftcol p {font-size:0.7em; margin:5px 0 0; padding:0; color:#2b3034; text-align:center;}
#leftcol .notice {margin:10px 0 0; padding:6px; border-bottom:1px solid #536911; border-top:1px solid #536911; background:#fff;}
* html #leftcol .notice {width:139px;}
#leftcol .notice p {font-size:0.7em; color:#2b3034; text-align:center;}
#leftcol .bbholder {width:139px; height:18px; margin:10px auto; text-align:center;}
#leftcol a.basketbutton {padding:0 8px 2px; background:#2b3034; border:1px solid #2b3034; font:normal bold 0.7em/1.4em verdana, sans-serif; color:#f0f5e5; cursor:pointer; text-decoration:none;}
#leftcol a.basketbutton:hover {background:#f0f5e5; color:#2b3034; text-decoration:none;}
#leftcol .form {margin:0; padding:0 0 10px 0;}
*html #leftcol .form {margin:0; padding:0 0 10px 0; line-height:0; height:0;}
#leftcol .forminput {background:#fff; border:2px inset #f0f5e5; font:normal bold 0.7em/1.4em verdana, arial, helvetica, sans-serif; color:#2b3034; margin:5px;}
#leftcol .formsubmit {background:#2b3034; border:1px outset #ccdea2; font:normal bold 0.7em/1.4em verdana, arial, helvetica, sans-serif; color:#f0f5e5; cursor:pointer; margin:0 2px 0 5px;}
#leftcol a.howto, #leftcol a.howto:visited {padding:0 0 0 5px; font:normal normal 0.7em/1.4em arial, helvetica, sans-serif; color:#c00; text-decoration:none; cursor:help;}
#leftcol a.howto:hover {color:#c00; text-decoration:none; cursor:help;}
/*=== MAIN COLUMN STYLES ===*/
#maincol {margin:0 0 0 140px; padding:20px; text-align:center; min-height:300px;}
* html #maincol {height:300px;}
#maincol ul.topnav {width:100%; text-align:center; list-style-type.none; padding:0 0 10px; margin:-10px 0 10px; border-bottom:1px solid #718635;}
* html #maincol ul.topnav {margin:-4px 0 10px;}
#maincol ul.topnav li.tn {display:inline; border:0; padding:0; margin:0; font:normal normal 0.7em/1em arial, helvetica, sans-serif;}
#maincol ul.topnav li.sep {display:inline; border:0; padding:0; margin:0 -2px; font:normal normal 0.7em/1em arial, helvetica, sans-serif; color:#718635;}
* html #maincol ul.topnav li.sep {padding:0 1px; margin:0;}
#maincol ul.topnav li.tn .topon {font-weight:bold; padding:2px 0; margin:0; text-decoration:none; border-bottom:1px solid #8f0000; color:#8f0000;}
#maincol ul.topnav li.tn a.top, #maincol ul.topnav li.tn a.top:visited {font:normal normal 1em/1em arial, helvetica, sans-serif; padding:0; margin:0; text-decoration:none; color:#2b3034;}
#maincol ul.topnav li.tn a.top:hover {text-decoration:underline; color:#c00;}
#maincol ul#search {text-align:left; padding:0 0 40px 40px; margin:0;}
#maincol ul#search li {text-align:left; padding:0; margin:0; list-style:disc outside; font-size:0.8em;}
#maincol img.banner {width:570px; height:74px; border:none;}
#maincol h1 {font:italic bold 1.5em/1.3em 'times new roman', georgia, serif; color:#536911; text-align:left; margin:0; padding:0 0 0.2em; text-decoration:underline;}
#maincol h1 .extra {color:#8F0000;}
#maincol h1.item {font:italic bold 1.5em/1.3em 'times new roman', georgia, serif; color:#8F0000; text-align:left; margin:0; padding:0 0 0.2em; text-decoration:underline;}
#maincol h1 .smaller {font:normal normal 0.5em/1em verdana, arial, helvetica, sans-serif; color:#536911;}
#maincol p {font-size:0.8em; text-align:justify;}
#maincol p.center {text-align:center;}
#maincol p.centertopborder {text-align:center; border-top:1px solid #718635; margin-top:20px; padding-top:10px;}
#maincol p.right {text-align:right;}
#maincol p.subdesc {font-size:0.7em; text-align:left; padding:0 0 1em 0; margin:0;}
/*--- Form Styles ---*/
#maincol #item .itemright .formholder {width:50%; padding:0; margin:0; text-align:left;}
#maincol #item .itemright .formholder .formleft {clear:left; float:left; width:80px; font-size:0.85em; margin:0 0 10px;}
#maincol #item .itemright .formholder .formright {font-size:0.85em; margin:0 0 10px;}
#maincol #item .itemright .formholder .forminput {margin:0; background:#fff; border:1px solid #536911; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol #item .itemright .formholder .formselect {margin:0; background:#fff; border:1px solid #536911; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol #item .itemright .formholder .formsubmit {background:#2b3034; border:1px outset #ccdea2; font:normal bold 1em/1.2em verdana, arial, helvetica, sans-serif; color:#f0f5e5; cursor:pointer; margin:0;}
#maincol .formholder {width:400px; padding:0; margin:0 auto; text-align:left;}
#maincol .formholder .formleft {clear:left; float:left; width:80px; font-size:0.8em; margin:0 0 10px;}
#maincol .formholder .formright {font-size:0.8em; margin:0 0 10px;}
#maincol .formholder .forminput {margin:0; background:#fff; border:1px solid #536911; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol .formholder .formselect {margin:0; background:#fff; border:1px solid #536911; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol .formholder .formsubmit {background:#2b3034; border:1px outset #ccdea2; font:normal bold 1em/1.2em verdana, arial, helvetica, sans-serif; color:#fff; cursor:pointer; margin:0;}
#maincol .forminput {margin:5px; background:#fff; border:1px solid #536911; font:normal normal 0.8em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol .formselect {margin:5px; background:#fff; border:1px solid #536911; font:normal normal 0.8em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol .formsubmit {margin:5px; background:#2b3034; border:1px outset #ccdea2; font:normal bold 0.8em/1.2em verdana, arial, helvetica, sans-serif; color:#fff; cursor:pointer; padding:2px 0 0;}
/*--- Anchor Styles ---*/
#maincol a.button, #maincol a.button:visited {background:#2b3034; border:1px outset #ccdea2; padding:0 30px 2px; font:normal bold 1em/2em verdana, arial, helvetica, sans-serif; color:#fff; margin:5px; text-decoration:none;}
#maincol a.button:hover {text-decoration:none; cursor:pointer;}
#maincol a.intext, #maincol a.intext:visited {font-size:1em; font-weight:bold; color:#c00; text-decoration:underline;}
#maincol a.intext:hover {color:#8f0000;}
/*--- List Styles ---*/
#maincol ul#pnos {padding:5px; margin:0; text-align:center;}
#maincol ul#pnos li {display:inline; padding:0; margin:2px; text-align:center;}
#maincol ul#pnos li a.pno, #maincol ul#pnos li a.pno:visited {border:3px double #ccdea2; padding:3px 6px; color:#718635; font-size:0.7em; font-weight:bold; text-decoration:none;}
#maincol ul#pnos li a.pno:hover {border:3px double #fff; background:#718635; color:#fff; text-decoration:none;}
/*--- Category Page Styles ---*/
#maincol .catpage {margin:0; padding:0;}
#maincol .catholder {float:right; width:100%; padding:2% 0; margin:0 auto; text-align:center;}
* html #maincol .catholder {padding:20px 0 0; margin:0 auto;}
#maincol .catholder .catpicholder {float:left; max-width:152px; min-height:156px; margin:10px 10px 0 0; padding:5px; border:1px solid #718635; background:#f0f5e5;}
* html #maincol .catholder .catpicholder {display:block; width:150px; height:156px;}
#maincol .catholder .catpicholder p.cat {margin:5px 0 0; padding:0; text-align:center; font-size:0.7em; font-weight:normal;}
#maincol .catholder .catpicholder p.cat a {font-weight:normal;}
#maincol .catholder .catpicholder p.cat a:hover {text-decoration:underline;}
#maincol img.catpic {width:150px; border:1px solid #718635;}
#maincol img.subcatpic {width:100px; border:1px solid #718635;}
#maincol .catholder .subcatpicholder {float:left; max-width:102px; min-height:170px; margin:5px 5px 5px 0; padding:0;}
* html #maincol .catholder .subcatpicholder {display:block; width:100px; height:170px;}
#maincol .catholder .subcatpicholder p.cat {margin:5px 0 0; padding:0; text-align:center; font-size:0.7em; font-weight:normal;}
#maincol .catholder .subcatpicholder p.cat a {font-weight:normal;}
#maincol .catholder .subcatpicholder p.cat a:hover {text-decoration:underline;}
/*--- SubCat Page Styles ---*/
#maincol .subcatholder {float:right; margin:0; padding:0 0 2em 0;}
#maincol .itemholder {float:left; margin:5px 0; padding:0; min-height:158px; border:1px solid #718635; background:#f0f5e5;}
* html #maincol .itemholder {height:158px;}
#maincol .itemholder .itemthumbnail {float:left; width:120px;}
#maincol .itemholder .itemtext {float:left; margin:5px; max-width:38%; text-align:left;}
* html #maincol .itemholder .itemtext {width:35%; margin:0; padding-bottom:5px;}
#maincol .itemholder .miniform {float:right; max-width:38%; margin:5px; padding:0; text-align:right;}
* html #maincol .itemholder .miniform {float:right; width:38%; text-align:left;}
#maincol .itemholder .itemthumbnail .thumbnail {width:102px; margin:5px; padding:5px; border:1px solid #718635; background:#fff;}
#maincol .itemholder .itemthumbnail img.sorry {width:100px; border:1px solid #718635;}
#maincol .itemholder .itemthumbnail img.subcatpic {width:100px; border:1px solid #718635;}
#maincol .itemholder .itemthumbnail img.zoom {width:82px; height:30px; border:none;}
#maincol .itemholder .itemtext h2 {font:normal bold 0.9em/1.4em arial, helvetica, sans-serif; text-align:left; margin:0; padding:3px 0 0; color:#8f0000;}
#maincol .itemholder .itemtext p {font-size:0.9em; text-align:left; margin-top:0;}
#maincol .itemholder .itemtext p.text {font-size:0.7em;}
#maincol .itemholder .miniform p.scred {font-size:0.7em; color:#c00; margin-top:0; padding-top:0;}
#maincol .itemholder .miniform .sformholder {width:100%; float:right; padding:0; margin:0; text-align:right;}
#maincol .itemholder .miniform .sformholder .theform {margin:0; padding:0;}
#maincol .itemholder .miniform .sformholder .sformleft {width:100%; font-size:0.7em; padding:0 0 10px 0; text-align:right;}
#maincol .itemholder .miniform .sformholder .sforminput {background:#fff; border:1px solid #536911; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol .itemholder .miniform .sformholder .sformselect {background:#fff; border:1px solid #536911; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#2b3034;}
#maincol .itemholder .miniform .sformholder .sformbutton {background:#2b3034; border:1px outset #ccdea2; font:normal normal 1.1em/1.2em arial, helvetica, sans-serif; color:#f0f5e5; cursor:pointer; margin:10px 0 0;}
/*--- Item Page Styles ---*/
#maincol .detailsholder {float:left; margin:0; padding:0; text-align:center;}
#maincol .detailsholder .itempic {float:left; max-width:350px; min-height:250px; text-align:left; margin:10px 20px 0 0;}
* html #maincol .detailsholder .itempic {height:200px;}
#maincol .detailsholder .itempic .image {float:left; border:3px double #718635; padding:10px;}
#maincol .detailsholder .itempic .image img.mainpic {border:1px solid #718635;}
#maincol .detailsholder .detailsright {text-align:left; margin:0; padding:0 0 15px 0;}
* html #maincol .detailsholder .detailsright {height:200px; width:auto;}
#maincol .detailsholder .detailsright .textholder {padding:8px 0 0 0; font-size:0.7em; text-align:left; font-weight:normal; line-height:1.6em;}
#maincol .detailsholder .detailsright .textholder .strike {text-decoration:line-through; color:#c00;}
#maincol .detailsholder .detailsright .textholder p.os {margin:0 auto; padding:2em 0 0; font-size:1em; line-height:1.5em; color:#c00; text-align:center;}
#maincol .detailsholder .detailsright .textholder ul {margin:0; padding:0; text-align:left;}
#maincol .detailsholder .detailsright .textholder ul li {margin:0; padding:0; text-align:left; list-style-type:none;}
#maincol .detailsholder .detailsright .specoff {font:normal bold 1.05em/1.4em verdana, arial, helvetica, sans-serif; color:#c00;}
#maincol .detailsholder .detailsright .price {color:#2b3034; text-align:left; font-size:1.05em; line-height:1.4em; padding:0;}
#maincol .detailsholder .detailsright .text {font-size:1em; }
#maincol .detailsholder .detailsright .larger {font-size:1.2em; text-align:left; font-weight:bold; border-bottom:1px solid #718635;}
#maincol .detailsholder .detailsright .larger2 {font-size:1.2em; text-align:left; font-weight:bold; color:#c00;}
#maincol .detailsholder .detailsright .iformholder {float:right; padding:20px 10px 0 0; margin:0;}
#maincol .detailsholder .detailsright .iformholder .itemform {float:right; margin:0; padding:0;}
#maincol .detailsholder .detailsright .iformholder .iformleft {float:left; font-size:1em; padding:0 0 10px 0; margin-left:10px; text-align:right;}
#maincol .detailsholder .detailsright .iformholder .iforminput {background:#f0f5e5; border:1px solid #8f0000; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#8f0000; padding:1px 2px; margin:3px 0 0 0;}
#maincol .detailsholder .detailsright .iformholder .iformselect {background:#f0f5e5; border:1px solid #8f0000; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#8f0000; padding:0; margin:3px 0 0 0;}
#maincol .detailsholder .detailsright .iformholder .iformbutton {background:#2b3034; border:1px outset #ccdea2; font:normal normal 1.1em/1em arial, helvetica, sans-serif; color:#f0f5e5; cursor:pointer; padding:0 2px; margin:2px 0 0 0;}
#maincol .detailsholder .fullitem {float:left; width:95%; margin:0; padding:20px 0 0; text-align:left;}
#maincol .detailsholder .fullitem p.os {margin:0 auto; padding:0; font-size:0.75em; line-height:1.5em; color:#c00; text-align:center;}
#maincol .detailsholder .fullitem .iformholder {float:right; padding:0; margin:0;}
#maincol .detailsholder .fullitem .iformholder .itemform {float:right; margin:0; padding:0;}
#maincol .detailsholder .fullitem .iformholder .iformleft {float:left; font-size:0.7em; padding:0 0 10px 0; margin-left:10px; text-align:right;}
#maincol .detailsholder .fullitem .iformholder .iforminput {background:#f0f5e5; border:1px solid #8f0000; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#8f0000; padding:1px 2px; margin:3px 0 0 0;}
#maincol .detailsholder .fullitem .iformholder .iformselect {background:#f0f5e5; border:1px solid #8f0000; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#8f0000; padding:0; margin:3px 0 0 0;}
#maincol .detailsholder .fullitem .iformholder .iformbutton {background:#2b3034; border:1px outset #ccdea2; font:normal normal 1.1em/1em arial, helvetica, sans-serif; color:#f0f5e5; cursor:pointer; padding:0 2px; margin:2px 0 0 0;}
#maincol .rimgholder {float:right; border:3px double #ccdea2; margin:5px 0 10px 20px;}
#maincol .soaptable {clear:left; font-size:0.7em; text-align:left; padding:10px 0 20px;}
/*=== FOOTER STYLES ===*/
#footer {clear:both; bottom:0; left:0; width:100%; margin:20px 0 0; padding:20px 0 0; text-align:center;}
* html #footer {bottom:-1px;}
#footer .ffccholder {margin:0 0 0 140px; padding:0; text-align:center;}/*to centralise ccimage in FireFox*/
* html #footer .ffccholder {margin:0 0 0 140px; padding:0; text-align:center;}/*to centralise ccimage in FireFox*/
#footer .creditcards {border:1px solid #718635; padding:5px; width:300px; text-align:center; font-size:0.6em; font-weight:normal; margin:0 auto 20px;}
ul#botnav {margin:0 20px 0 160px; padding:0 0 5px; text-align:center; border-top:1px solid #ccdea2;}
* html ul#botnav {width:100%;}
ul#botnav li {display:inline; margin:0 3px; padding:0; border:none;}
ul#botnav li a, ul#botnav li a:visited {border:1px solid #fff; padding:0; font:normal normal 0.7em/2em verdana, arial, helvetica, sans-serif; color:#2b3034; text-decoration:underline;}
ul#botnav li a:hover {border:1px solid #2b3034; background:#f0f5e5; color:#2b3034; text-decoration:none;}
#footer2 {width:100%; margin:0; min-height:60px; background:#ccdea2 URL(/sitegraphics/ganda_bot.gif) no-repeat right center; border-top:1px solid #2b3034; border-bottom:1px solid #2b3034; padding:0.5em 0;}
* html #footer2 {bottom:-1px; height:60px;}
#footer2 .left {font-size:0.6em; line-height:1.2em; padding:0; float:left; text-align:center; width:45%;}
#footer2 .left a, #footer2 .left a:visited {padding:0; font-size:1em; font-weight:bold; text-decoration:underline; color:#2b3034;}
#footer2 .left a:hover {padding:0; color:#718635;}
#footer2 .rightlogo {padding:0; width:45%; float:right;}
/*--- extra footer styles to create the bottom aligned footer ---*/
#footer {position:static;}
#contentholder {padding:0;}
/* \*/
* html #footer {position:absolute;}
* html #contentholder {padding-bottom:320px;} /* */
/* \*/
head:first-child+body div#footer {position:absolute;}
head:first-child+body div#contentholder {padding-bottom:320px;} /* */
/*=== MISCELLANEOUS STYLES ===*/
.cb {clear:both; line-height:0; height:0; font-size:0.1em;}
.cr {clear:right; line-height:0; height:0; font-size:0.1em;}
.cl {clear:left; line-height:0; height:0; font-size:0.1em;}
.warn {font-size:1em; color:#c00; font-weight:bold;}
.help {float:right;}
.smallred {font-size:0.9em; vertical-align:text-top; font-weight:bold; color:#c00; }
.redbold {font-weight:bold; color:#c00;}
.red {color:#c00;}
.blue {color:#c00;}
.green {color:#57908F;}
.rose {color:#8f0000;}
.strike {text-decoration:line-through; color:#c00;}
hr {padding:0; margin:0; height:3px; border-bottom:3px double #ccdea2;}