html { min-height:100%; height:auto; }
body { position:relative; font:11px Arial, Helvetica, sans-serif; color:black; margin:10px 0 15px 0; background:white url(bg-flower2.jpg) repeat center center; }
a { text-decoration:none; }
a img { vertical-align:middle; }
form.home_searches { position:relative; }
input, select { vertical-align:middle; }

.ie_float_fix_container { width:100%; position:relative; }
.ie_float_fix, float_fixer, .ff { position:relative; clear:both; display:block; width:100%; line-height:0; height:0; margin:0; }

.lalign, .al { text-align:left; }
.ralign, .ar { text-align:right; }
.calign, .ctr, .ac { text-align:center; }
.ul, .underline { text-decoration:underline; }
.fl { float:left; }
.fr { float:right; }
.red { color:red; }
.eyecatch { font-weight:bold; color:#7377b0; }
.tab80 { position:absolute; left:80px; top:1px; }
.tab90 { position:absolute; left:90px; top:1px; }
.tab100 { position:absolute; left:100px; top:1px; }
.tbr80 { clear:both; width:80px; float:left; top:1px; position:relative; }
.tbr90 { clear:both; width:90px; float:left; top:1px; position:relative; }
.tbr95 { clear:both; width:95px; float:left; top:1px; position:relative; }
.tbr100 { clear:both; width:100px; float:left; top:1px; position:relative; }
.ptab1 { clear:both; width:8.193em; float:left; position:relative; } /* proportional tab - 90px when text is sized at 12px */
.ptab2 { clear:both; width:7.2826em; float:left; position:relative; } /* proportional tab - 80px when text is sized at 12px */
.ptab3 { clear:both; width:9.1033em; float:left; position:relative; } /* proportional tab - 100px when text is sized at 12px */
.ptab4 { clear:both; width:10.924em; float:left; position:relative; } /* proportional tab - 120px when text is sized at 12px */
.bg01 { background:url(trans60white.png) repeat center center; }
.icon-promo, .icon-qb { vertical-align:middle; text-align:center; width:30px; height:15px; }
.icon-promo { background:url(icon-promo.png) no-repeat center center; }
.icon-qb { background:url(icon-qb.png) no-repeat center center; }
.scrollbox300 { position:relative; overflow:auto; height:300px; }

.window { position:relative; margin:10px auto; }
.window_content { position:relative; padding:1px 0; overflow:hidden; }
.rnd_bar { position:relative; height:1.8em; margin:0; overflow:hidden; }
.rnd_bar .left { position:absolute; top:0; left:0; width:20px; height:1.8em; }
.rnd_bar .center { position:relative; margin:0 20px; height:1.8em; font-size:11px; }
.rnd_bar .right { position:absolute; top:0; right:0; width:20px; height:1.8em; }
.rnd_bar .center h3 { margin:0; text-align:center; font-size:12px; font-weight:bold; }
.rnd_bar .center h3 img { vertical-align:middle; }
/* to make sure window content is layered above transparent background elements */
.window_content a, .window_content p, .window_content h4, .window_content h5, .window_content ul, .window_content div, .window_content table, .window_content form, .window_content ol, div#feature, div#vendor_logos, #header .right form { z-index:200; position:relative; }

/* icon customization */
#icon-shop { background:url(icon-shopping-cart.png) no-repeat left top; }
#icon-history { background:url(icon-order-history.png) no-repeat left top; }
#icon-stock { background:url(icon-stock-check.png) no-repeat left top; }
#icon-categories { background:url(icon-categories.png) no-repeat left top; }
#icon-quick { background:url(icon-quick-order.png) no-repeat left top; }
#icon-promos { background:url(icon-promotions.png) no-repeat left top; }
#icon-downloads { background:url(icon-downloads.png) no-repeat left top; }

.bar_btm { position:relative; height:10px; margin:0; font-size:3px; line-height:3px; }
.bar_btm .left { position:absolute; z-index:10; left:0px; bottom:0%; width:10px; height:10px; }
.bar_btm .center { position:relative; height:10px; margin:0 10px; }
.bar_btm .right { position:absolute; z-index:10; right:0px; bottom:0%; width:10px; height:10px; }

#all { position:relative; margin:0 auto; width:900px; background:white url(bg-flower1.jpg) repeat-y fixed center top; border:3px solid black; }

#header { position:relative; width:900px; margin:0; overflow:hidden; background:url(header.png) no-repeat left top; border-bottom:2px solid black; min-height:100px; z-index:20; }
#header .left { position:absolute; left:0; top:0; width:659px; height:100px; }
#header .right { position:relative; float:right; width:240px; color:black; border-left:1px solid white; min-height:100px; border-left:1px solid black; }
#header .right h3 { font-size:1.1em; letter-spacing:2px; text-align:center; font-weight:bold; margin:0; padding:2px 15px; color:black; background:white; border-bottom:1px solid black; }
#header .right p { margin:0; padding:5px 15px 10px 15px; text-align:center; letter-spacing:1px; color:black; }
#loginform { position:relative; margin:0; padding:7px 0 0 0; width:100%; z-index:500; }
#loginform .inp_med { width:120px; border:1px solid black; background:white; float:right; clear:right; line-height:18px; margin:0 20px 3px 0; }
#loginform .go_btn { float:right; clear:right; padding:0; margin:2px 20px 0 0; background:url(go1.png) no-repeat top left; }
#loginform a { float:left; padding:1px 5px; color:black; border:1px solid black; background:white; margin:2px 0 0 5px; }
#loginform a:hover { background:#D7F1A2; }
#loginform a.first { margin-left:20px; }
#loginform label { float:left; clear:left; width:70px; line-height:20px; margin:0 0 3px 20px; }
#header .ie_float_fix { position:absolute; display:none; }

#top_menu { position:relative; top:-1px; width:900px; z-index:200; overflow:hidden; }
#top_menu h2 { margin:0; padding:0 0 0 10px; line-height:1.7em; font-size:12px; text-align:left; font-weight:normal; color:white; width:890px; position:absolute; z-index:9; }
#top_menu a { position:relative; line-height:1.7em; border-left:1px solid black; border-bottom:1px solid black; float:right; padding:0 7px; background:white; color:black; font-size:12px; letter-spacing:.08em; text-decoration:none; z-index:10; border-top:1px solid black; }
#top_menu a:hover { background:#D7F1A2; }
#top_menu .menu ul a ul a { background:#66B750; background-image:none; color:black; }

#search { position:relative; clear:left; width:100%; margin:0; padding:5px 0 0 0; overflow:hidden; z-index:1; }
#search form { position:relative; width:400px; margin:0 auto; padding:0; z-index:11; }
#search form strong { float:left; padding:3px 5px; letter-spacing:1px; color:white; }
#search form a { color:black; background:white; padding:2px 5px; border:1px solid black; float:left; }
#search form a:hover { background:#D7F1A2; }
#search form input.inp_med { width:150px; height:1.2em; border:1px solid black; background:white; }
#search form input.go_btn { background:url(go1.png) no-repeat top left; width:30px; height:20px; vertical-align:middle; }

#main { position:relative; width:900px; overflow:hidden; }
#main .rnd_bar .left { background:url(win01TL.png) no-repeat left top; }
#main .rnd_bar .center { background:url(win01bg.png) repeat center center; }
#main .rnd_bar .right { background:url(win01TR.png) no-repeat right top; }
#main .window_content { background:url(win01bg.png) repeat left top; }
#main .window_content a { color:black; }
#main .window_content a:hover { background-color:white; }
#main .window_content h4 { font-size:11px; text-align:center; padding:2px 0; letter-spacing:1px; margin:7px 0 5px 0; border-top:1px solid black; border-bottom:1px solid black; background:white; color:black; }
#main a.go_btn { margin-top:5px; padding:5px 0 5px 50px; display:block; background-image:url(go1.png); background-repeat:no-repeat; background-position:10px 50%; }
#main a.go_btn:hover { background-position:15px 50%; }
#main a.go_btn_small { display:block; line-height:1.5em; margin:0; padding:0 10px 0 34px; background-image:url(go_micro1.png); background-repeat:no-repeat; background-position:14px 5px; }
#main a.go_btn_small:hover { background-position:19px 5px; }
#main .window a.btn { display:inline; text-decoration:none; color:black; border:1px solid black; padding:0 .3em; margin:7px 0; white-space:nowrap; background-image:none; }
#main a.btn:hover { background-color:white; }
#main a.productLink, #main a.mainLinkText, #main a.navLinkText { background-image:url(go_micro6.gif); background-repeat:no-repeat; background-position:3px 50%; padding:0 0 0 20px; }
#main a.productLink:hover, #main a.mainLinkText:hover, #main a.navLinkText:hover { background-position:6px 50%; background-color:#D7F1A2; }
#main #pane_center a.btn { display:inline; }
#main #pane_center a.btn:hover { }
#main ul { margin:0 0 0 .9em; padding:0 20px; list-style-image:url(check.png); }
#main ul li { margin:0; padding:0; }
#main .bar_btm .left { background:url(win01BL.png) no-repeat left bottom; }
#main .bar_btm .center { background:url(win01bg.png) repeat left top; }
#main .bar_btm .right { background:url(win01BR.png) no-repeat right bottom; }

table.productlist { width:880px; }
table.productlist th { text-align:left; background:#C8C8C8; }
table.productlist td, table.productlist th { padding:2px 4px; }
table.productlist td { font-size:12px; }
table.productlist tr.altrow { background:#DCDCDC; }
table.productlist input { width:35px; border:1px solid black; }

#main .htmlblock01 { background:#EDEDED; border:1px solid #C2C2C2; padding:7px; margin:4px 0 10px 0; }
#main .htmlblock01 h4 { font:bold 11px Arial, Helvetica, sans-serif; margin:3px 0}
#main .htmlblock01 p { font-size:10px; margin:4px 0 3px 0; }
#main .htmlblock01 .subhead { margin:0 0 5px 0; font-style:oblique; }

#pane_left { position:relative; float:left; clear:none; margin:0; padding:0 0 0 10px; z-index:10; }
#pane_left .rnd_bar .left { background:url(win01TL.png) no-repeat left top; }
#pane_left .rnd_bar .center { background:url(win01bg.png) repeat center center; }
#pane_left .rnd_bar .right { background:url(win01TR.png) no-repeat right top; }
#pane_left .rnd_bar .center h3 { }
#pane_left .window_content { color:black; background:url(win01bg.png) repeat left top; }
#pane_left .window_content h4 { font-size:11px; text-align:center; padding:2px 0; letter-spacing:1px; margin:7px 0 5px 0; border-top:1px solid black; border-bottom:1px solid black; background:white; color:black; }
#pane_left .window_content a { margin:0; padding:0 7px 0 29px; background-image:url(go_micro1.png); background-repeat:no-repeat; background-position:9px 3px; font-size:12px; }
#pane_left .window_content a:hover { background-color:white; background-position:14px 3px; }
#pane_left .bar_btm .left { background:url(win01BL.png) no-repeat left bottom; }
#pane_left .bar_btm .center { background:url(win01bg.png) repeat left top; }
#pane_left .bar_btm .right { background:url(win01BR.png) no-repeat right bottom; }

#pane_center a, #pane_right a { font-weight:bold; }

#pane_center { position:relative; float:left; padding:10px; z-index:500; }
#pane_center .window_content { color:black; padding-top:10px; }
#pane_center a { color:black; }
#pane_center a:hover { background-color:white; }
#pane_center a.go_btn { margin-top:5px; padding:5px 0 5px 50px; display:block; background-image:url(go1.png); background-repeat:no-repeat; background-position:10px 55%; }
#pane_center a.go_btn:hover { background-position:15px 55%; }
#pane_center ul.prodlist, #main ul.prodlist { list-style:none; list-style-image:none; }

#pane_right { position:relative; float:left; padding:0 10px 0 0; z-index:10; }
#pane_right .rnd_bar .left { background:url(win01TL.png) no-repeat left top; }
#pane_right .rnd_bar .center { background:url(win01bg.png) repeat center center; }
#pane_right .rnd_bar .right { background:url(win01TR.png) no-repeat right top; }
#pane_right .rnd_bar .center h3 { }
#pane_right .window_content { color:black; background:url(win01bg.png) repeat left top; }
#pane_right .window_content h4 { font-size:11px; text-align:center; padding:2px 0; letter-spacing:1px; margin:7px 0 5px 0; border-top:1px solid black; border-bottom:1px solid black; background:white; }
#pane_right .window_content a { font-weight:normal; line-height:1.5em; margin:0; padding:0 10px 0 29px; background-image:url(go_micro1.png); background-repeat:no-repeat; background-position:9px 3px; }
#pane_right .window_content a:hover { background-color:white; background-position:14px 3px; }
#pane_right .window_content a.btn { display:inline; line-height:1em; text-decoration:none; border:1px solid black; padding:0 .3em; background-image:none; background-color:white; }
#pane_right .window_content a.btn:hover { background-color:#D7F1A2; text-decoration:none; }
#pane_right .bar_btm .left { background:url(win01BL.png) no-repeat left bottom; }
#pane_right .bar_btm .center { background:url(win01bg.png) repeat left top; }
#pane_right .bar_btm .right { background:url(win01BR.png) no-repeat right bottom; }

#footer { position:relative; width:900px; clear:both; bottom:-1px; min-height:70px; border-top:2px solid black; background:url(footer.png) no-repeat left -1px; }
#footer .left { position:absolute; left:0; top:0; width:659px; height:69px; }
#footer .right { position:absolute; right:0; top:0; min-height:69px; width:240px; border-left:1px solid black; }
#footer .footer_line { position:absolute; display:none; }
#btm_menu { position:relative; z-index:4; width:900px; overflow:hidden; }
#btm_menu a { padding:0 7px; line-height:1.7em; color:black; }
#btm_menu a.primary { float:left; border-right:1px solid black; border-bottom:1px solid black; background:white; }
#btm_menu a.primary:hover { background:#D7F1A2; }
#btm_menu a.secondary { float:right; border-left:1px solid black; border-bottom:1px solid black; background:white; }
#btm_menu a.secondary:hover { background:#D7F1A2; }
p.small_print { position:absolute; bottom:0px; left:330px; text-align:right; line-height:1.7em; margin:0; padding:0 5px; z-index:3; color:black; }
a.browsers { display:none; } /* hide this except on home page - controlled on home.css */

td.iconkeys { width:50px; }