html { min-height:100%; height:auto; }
body { position:relative; font:12px Arial, Helvetica, sans-serif; color:black; margin:10px 0 15px 0; background:white; }
a { text-decoration:none; }
form.home_searches { position:relative; }
input, select { vertical-align:middle; }
a img, p img, h1 img, h2 img, h3 img { vertical-align:middle; }

.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; }
.divac { position:relative; margin-right:auto; margin-left:auto; }
.ul, .underline { text-decoration:underline; }
.fl { float:left; }
.fr { float:right; }
.red { color:red; }
.green { color:#00B900; }
.blue { color:#0000FF; }
.small { font-size:10px; }
.bigger { font-size:1.5em; }
.eyecatch { font-weight:bold; color:#7377b0; }
.bigbold { font-weight:bold; font-size:1.6em; }
.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 */
.contain500 { position:relative; width:500px; margin:0 auto; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.bg01 { background:url(trans60white.png) repeat center center; }
#iconlegend img { margin:0 0 0 10px; }
#iconlegend span { padding:5px; }
.icon-promo, .icon-qb { vertical-align:middle; text-align:center; padding:1px; }
.icon-promo { background:url(icon-promotag.png) no-repeat center center; width:34px; height:18px; }
.icon-qb { background:url(icon-quantitybreak.png) no-repeat center center; width:25px; height:18px; }
.scrollbox300 { position:relative; overflow:auto; height:300px; }
.gbtn span { display:none; }
#cluetip { display:none; }
/*! custom style set for jquery.qtip */
.ui-tooltip-c2f .ui-tooltip-titlebar, .ui-tooltip-c2f .ui-tooltip-content { border-color:#A4BFF4; color:#0D3991; }
.ui-tooltip-c2f .ui-tooltip-content { background-color:white; }
.ui-tooltip-c2f .ui-tooltip-titlebar { background-color:white; }
.ui-tooltip-c2f .ui-state-default .ui-tooltip-icon { background-position:-2px 0; }
div.tt { display:none; }
	div.tt ul, #main div.tt ul { margin:0; padding:0 0 0 1.5em; list-style:disc; list-style-image:none; }
	div.tt li, #main div.tt li { padding:0; margin:5px 0 0 0; }
	div.tt p { margin:5px 0 0 0; }
p.msg-notice, div.msg-notice { padding:7px; margin:7px; border:1px solid #8CC563; color:#4D772D; background:#EDF8E5; }
	div.msg-notice p { margin:5px 0 0 0; }
	#main .msg-notice a.btn { border-color:#8CC563; color:#4D772D; font-weight:bold; }
		#main .msg-notice a.btn:hover { background:#C4E7A9; }
p.errmsg { margin:0; color:red; }
.p-ac, p.p-ac, div.p-ac { position:relative; margin-left:auto; margin-right:auto; } /* to center a block with a defined width */
.p-ar, p.p-ar, div.p-ar { position:relative; margin-right:0; margin-left:auto; } /* to align right a block with a defined width */
.throbber { width:16px; height:16px; z-index:100; display:none; }
.cart-throbber { position:absolute; top:25px; right:120px; background:url(/images/loading01.gif) no-repeat center center; }
.loading { position:absolute; left:0; top:50px; width:100%; height:66px; background:url(/images/loading07.gif) no-repeat center center; z-index:1000; display:none; }
p.instr { color:#354D83; margin:3px 0; font-size:11px; }
.submitR { float:right; clear:both; margin:5px 0; }
#catref { margin:7px 0 0 0; float:right; z-index:1000; font-size:11px; color:#3660B5; display:none; }

a.yesno { padding:3px 10px 3px 8px; line-height:normal; margin-right:20px; }
	a.yesno span.ui-button-text { margin:0; padding:0; display:inline; line-height:normal; }
a.delete { border-color:#D28484; color:#993333; background:white !important; }
	a.delete img { width:14px; height:14px; background:url('icon-delete2.png') no-repeat center center; vertical-align:-10%; }
	a.delete:hover { background:white url('ui-bg_glass_100_f0c6c5_1x400.png') repeat-x 50% 50% !important; }

.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:15px; height:1.8em; }
	.rnd_bar .center { position:relative; margin:0 15px; height:1.8em; }
	.rnd_bar .right { position:absolute; top:0; right:0; width:15px; height:1.8em; }
	.rnd_bar .center h3 { margin:0; text-align:center; font-size:1em; 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-templates { background:url(icon-templates.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:15px; height:15px; }
	.bar_btm .center { position:relative; height:10px; margin:0 15px; }
	.bar_btm .right { position:absolute; z-index:10; right:0px; bottom:0%; width:15px; height:15px; }

#all { position:relative; margin:0 auto; width:900px; }

#header { position:relative; width:900px; margin:0; overflow:hidden; background:url(header.png) no-repeat left top; min-height:77px; z-index:20; }
	#header .left { position:absolute; left:0; top:0; width:659px; height:77px; }
	#dealers { position:absolute; right:240px; top:0px; height:20px; background:url(dealer-bar.png) no-repeat left top; color:white; margin:0; padding:0 0 0 12px; line-height:20px; }
		#dealers strong { position:relative; font:small-caps bold 14px/20px Arial, Helvetica, sans-serif; letter-spacing:1px; }
		#dealers img { background:url(dealer-arrow.png) no-repeat left top; width:22px; height:20px; vertical-align:top; }
	#header .right { position:relative; float:right; width:240px; color:white; min-height:77px; }
		#header .right p#welcome { font-size:1.1em; letter-spacing:2px; text-align:center; font-weight:bold; margin:0; padding:2px 15px; color:white; background:#92A7D6; border-bottom:1px solid #DBEAFB; }
		#header .right p#customerinfo { margin:0; padding:5px 15px 10px 15px; text-align:center; letter-spacing:1px; color:white; }
#loginform { position:relative; margin:0; padding:6px 0 0 0; width:100%; z-index:500; }
	#loginform .inp_med { width:120px; border:1px solid #3660B5; background:white; float:right; clear:right; line-height:16px; padding:0; margin:0 20px 3px 0; }
	#loginform .btn-signin { float:right; clear:right; width:80px; height:21px; padding:0; margin:2px 20px 0 0; background:url(btn-signin.png) no-repeat top left; }
		#loginform .btn-signin:hover { background-position:right top; }
	#loginform .btn-needpassword { position:relative; float:left; left:10px; top:3px; width:89px; height:18px; background:url(btn-needpassword.png) no-repeat left top; }
		#loginform .btn-needpassword:hover { background-position:right top; }
	#loginform label { float:left; clear:left; width:70px; line-height:18px; padding:0; margin:0 0 3px 20px; }
	#header .ff { position:absolute; display:none; }

#search { position:relative; display:inline; float:right; width:310px; margin:7px 10px 0 10px; overflow:hidden; font-size:11px; }
	#search form { position:relative; margin:0 auto; padding:0; z-index:11; }
		#search form a { float:left; color:#806C4D; padding:2px 8px 2px 5px; }
		#search form input.inp_med { width:170px; height:1.6em; padding:0 4px; border:1px solid #C9BFAC; background:white; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #E3DED2; -webkit-box-shadow:0px 0px 10px #E3DED2; box-shadow:0px 0px 10px #E3DED2; }
		#search .button { margin:0 0 0 4px; }

p#subtitle { float:left; margin:0 10px 0 0; line-height:1.7em; font-weight:normal; color:black; }

#top_menu { position:relative; display:inline; float:right; margin:7px 10px 10px 20px; z-index:200; }
	#top_menu a { position:relative; float:right; z-index:10; margin-right:7px; }
	#top_menu a.minor { border-right:1px solid #D0C4B2; padding:3px 6px; color:#5F523B; margin:0; }
	#top_menu a.last { border:none; margin-right:10px; }
	#top_menu a.minor:hover { background:#ECE9E2; }

#main { position:relative; width:900px; overflow:hidden; }
	#main .rnd_bar .left { background:url(win02TL.gif) no-repeat left top; }
	#main .rnd_bar .center { background:#D0D995; }
	#main .rnd_bar .right { background:url(win02TR.gif) no-repeat right top; }
	#main .window_content { background:#D0D995; color:black; }
	#main .window_content a { color:black; }
	#main .window_content a:hover { background-color:#E7EBC9; }
	#main .window_content h4 { font-size:1em; text-align:center; padding:2px 7px; letter-spacing:1px; margin:7px 0 5px 0; color:black; background:#E7EBC9; }
		#main .window_content h4 span { color:#3A548F; }
		#main .window_content h4 span.fl { float:left; margin:0; padding-right:6px; }
	#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 a.btn, #main .window_content a.btn { display:inline; text-decoration:none; color:black; border:1px solid #9EAC3D; padding:0 .3em; margin:7px 0; white-space:nowrap; background-image:none; }
	#main a.btn:hover { background-color:#E7EBC9; }
	#main a.btn-bigger { font-size:1.167em; padding:4px 8px; margin:0 5px; }
	/*#main ul { margin:0 0 0 .9em; padding:0 20px; list-style-image:url(check.png); }*/
	#main ul li { margin:7px 0 0 0; padding:0; }
	#main .bar_btm .left { background:url(win02BL.gif) no-repeat left bottom; }
	#main .bar_btm .center { background:#D0D995; }
	#main .bar_btm .right { background:url(win02BR.gif) no-repeat right bottom; }

#main .htmlblock01 { background:#EDEDED; border:1px solid #C2C2C2; padding:7px; margin:4px 0 10px 0; }
#main .htmlblock01 h4 { font:bold 1em 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; }

#main #loginform { width:260px; margin:0 auto; }
	#main #loginform .inp_med { width:120px; border-color:#A7B546; }
	#main #loginform .btn-signin { background:url(btn-signin2.png) no-repeat top left; }
		#main #loginform .btn-signin:hover { background-position:right top; }
	#main #loginform .btn-needpassword { background:url(btn-needpassword2.png) no-repeat left top; }
		#main #loginform .btn-needpassword:hover { background-position:right top; }

.column { position:relative; float:left; }

.pane { position:relative; border:1px solid #D0C4B2; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
.pane50, .pane60, .pane40, pane25, pane75 { position:relative; padding:7px 15px 15px 15px; margin:0 0 15px 0; float:left; border:1px solid #D0C4B2; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; box-shadow:inset 0 0 5px #EBE8E1; -moz-box-shadow:inset 0 0 5px #EBE8E1; }
.pane50 { width:405px; }
.pane60 { width:495px; }
.pane40 { width:315px; }
.pane25 { width:205px; }
.pane75 { width:615px; }
.pane45 { width:370px; }
.pane55 { width:450px; }

#pane_left { position:relative; float:left; clear:none; margin:0; padding:0; z-index:10; }
	#pane_left .rnd_bar .left { background:url(win01TL.gif) no-repeat left top; }
	#pane_left .rnd_bar .center { background:#EA9176; }
	#pane_left .rnd_bar .right { background:url(win01TR.gif) no-repeat right top; }
	#pane_left .rnd_bar .center h3 { }
	#pane_left .window_content { color:black; background:#EA9176; }
	#pane_left .window_content h4 { font-size:1em; text-align:center; padding:2px 7px; letter-spacing:1px; margin:7px 0 5px 0; background:#F0B2A0; 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 5px; font-size:1em; }
	#pane_left .window_content a:hover { background-color:#F0B2A0; background-position:14px 5px; }
	#pane_left .window_content a.btn:hover { background-color:#F0B2A0; }
	#pane_left a.btn, #pane_left .window_content a.btn { border-color:#DF532A; }
	#pane_left .bar_btm .left { background:url(win01BL.gif) no-repeat left bottom; }
	#pane_left .bar_btm .center { background:#EA9176; }
	#pane_left .bar_btm .right { background:url(win01BR.gif) 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 .rnd_bar .left { background:url(win02TL.gif) no-repeat left top; }
	#pane_center .rnd_bar .center { background:#D0D995; }
	#pane_center .rnd_bar .right { background:url(win02TR.gif) no-repeat right top; }
	#pane_center .window_content { background:#D0D995; color:black; padding-top:10px; }
	#pane_center a { color:black; }
	#pane_center a:hover { background-color:#E7EBC9; }
	#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 a.btn, #pane_center .window_content a.btn { border-color:#9EAC3D; }
	#pane_center ul.prodlist, #main ul.prodlist { list-style:none; list-style-image:none; }
	#pane_center .window_content a.btn:hover { background-color:#E7EBC9; }
	#pane_center .bar_btm .left { background:url(win02BL.gif) no-repeat left bottom; }
	#pane_center .bar_btm .center { background:#D0D995; }
	#pane_center .bar_btm .right { background:url(win02BR.gif) no-repeat right bottom; }

#pane_right { position:relative; float:left; padding:0; z-index:10; }
	#pane_right .rnd_bar .left { background:url(win03TL.gif) no-repeat left top; }
	#pane_right .rnd_bar .center { background:#92A7D6; }
	#pane_right .rnd_bar .right { background:url(win03TR.gif) no-repeat right top; }
	#pane_right .rnd_bar .center h3 { }
	#pane_right .window_content { color:black; background:#92A7D6; }
	#pane_right .window_content h4 { font-size:1em; text-align:center; padding:2px 7px; letter-spacing:1px; margin:7px 0 5px 0; background:#C2CEE8; }
	#pane_right .window_content a { font-weight:normal; line-height:1.5em; margin:0; padding:0 10px 0 29px; background-image:url(go-micro3.png); background-repeat:no-repeat; background-position:9px 5px; }
	#pane_right .window_content a:hover { background-color:#C2CEE8; background-position:14px 5px; }
	#pane_right .window_content a.btn { display:inline; line-height:1em; text-decoration:none; border:1px solid #5C74AA; padding:0 .3em; background-image:none; }
	#pane_right .window_content a.btn:hover { background-color:#5C74AA; color:white; text-decoration:none; }
	#pane_right .bar_btm .left { background:url(win03BL.gif) no-repeat left bottom; }
	#pane_right .bar_btm .center { background:#92A7D6; }
	#pane_right .bar_btm .right { background:url(win03BR.gif) no-repeat right bottom; }

.pane_full { position:relative; float:left; width:880px; padding:10px; clear:both; z-index:10; }

#footer { position:relative; margin:0; width:900px; clear:both; }
p.small_print { text-align:right; margin:0 10px 0 0; color:black; }
a.browsers { display:none; } /* hide this except on home page - controlled on home.css */

td.iconkeys { width:50px; }
div.window#loggedoff { width:450px; }
	div.window#loggedoff .window_content { padding:15px; }
	div.window#loggedoff p { margin:0 0 10px 0; }
	
.ui-tabs { padding:0 !important; }
.ui-tabs .ui-tabs-panel { padding:15px 0 !important; }

/* override padding in jquery-ui css */
#all .ui-button-text-only .ui-button-text { padding:2px 9px; }
#all .ui-button-icon-only .ui-button-text, #all .ui-button-icons-only .ui-button-text { padding: .1em; text-indent: -9999999px; }
#all .ui-button-text-icon-primary .ui-button-text, #all .ui-button-text-icons .ui-button-text { padding: 0 7px 0 1em; }
#all .ui-button-text-icon-secondary .ui-button-text, #all .ui-button-text-icons .ui-button-text { padding: 0 1em 0 7px; }
#all .ui-button-text-icons .ui-button-text { padding-left: 1em; padding-right: 1em; }
/* no icon support for input elements, provide padding by default */
#all input.ui-button { padding:0 7px; }