/* CSS Document */
* { margin: 0; padding: 0; }
body { background: #fff url("images/back_slice_2col.gif"); font-size:12px; color: #000; line-height: 18px; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a img { border: none; }

#holder { width: 780px; height: 100%; margin: 0; padding: 0; }
#header { position:relative; background: url("images/header.gif") no-repeat; margin: 0; padding: 0; height: 131px; width: 780px; }
#header div { position: absolute; top: 0; right: 0;  padding: 60px 0 0 10px; background: #fff url("images/header-search.gif") no-repeat top right; width: 232px; height:71px; }
#header div input[type='text'] { border: 1px solid #7AA3CC; }

/* #################### TOP NAV ################# */
#save  { padding: 0; margin: 0; list-style-type: none; width: 780px; height: 79px; background: #fff url("images/subhead-bkgrnd.gif") repeat-x top left; }
#save li { display: block; float: left; height: 79px; }
#save li a { display: block; height: 79px; }

#save #left-buffer { width: 173px; background: url("images/chooseyoursavings.gif") no-repeat top left; }

#save #one a { width: 98px; background: url("images/btn-10p.gif") no-repeat top left; }
#save #one a:hover { background-position: bottom left; }

#save #two a { width: 89px; background: url("images/btn-20p.gif") no-repeat top left; }
#save #two a:hover { background-position: bottom left; }

#save #three a { width: 92px; background: url("images/btn-30p.gif") no-repeat top left; }
#save #three a:hover { background-position: bottom left; }

#save #four a { width: 92px; background: url("images/btn-40p.gif") no-repeat top left; }
#save #four a:hover { background-position: bottom left; }

#save #five a { width: 99px; background: url("images/btn-50p.gif") no-repeat top left; }
#save #five a:hover { background-position: bottom left; }

#save #one a.here, #save #two a.here, #save #three a.here,
#save #four a.here, #save #five a.here { cursor: default; background-position: bottom left; }
/* ################# END TOP NAV ################ */

/* #################### FOUR WAYS TO ORDER ################# */
#ways { background: #fff url("images/fourwaystovote.gif") no-repeat top left; height: 70px; width: 483px; padding: 0 0 0 173px; margin: 0; }
#ways li { float: left; list-style-type: none; height: 70px; padding: 0; margin: 0; }
#ways li a { display: block; height: 70px; }
#ways #online a { width: 75px; background: url("images/btn-email.gif") no-repeat top left; }
#ways #online a:hover { background-position: bottom left; }

#ways #phone a { width: 80px; background: url("images/btn-phone.gif") no-repeat top left; }
#ways #phone a:hover { background-position: bottom left; }

#ways #fax a { width: 80px; background: url("images/btn-fax.gif") no-repeat top left; }
#ways #fax a:hover { background-position: bottom left; }

#ways #mail a { width: 75px; background: url("images/btn-mail.gif") no-repeat top left; }
#ways #mail a:hover { background-position: bottom left; }
/* ################# END FOUR WAYS TO ORDER ################ */


/* ##################### CONTENT #################*/
#col_left { /*background: url("/images/gridbg.gif") top left;*/ padding: 9px 0 0 10px; margin: 0; float: left; width: 163px; list-style-type: none; }
#col_left li { padding: 0 0 9px 0; }
#col_left li a:link, #col_left li a:visited { font-size:12px; color: #f00; text-decoration:none; border-bottom: 1px dotted #f00; font-weight:bold; }
#col_left li a:hover, #col_left li a:active { border-bottom-style: solid; }
#col_mid { /*background: url("/images/gridbg.gif") top left;*/ padding: 0 15px 0 0; float: left; margin: 0; width: 577px; text-align: left; }

#col_mid h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; font-weight: bold; color: #7AA3CC; }
#col_mid h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; font-weight: bold; color: #FAAC32; }
#col_mid h3 { font-size: 12px; line-height: 18px; font-weight: bold; color: #000; }
#col_mid h1 a:hover, #col_mid h2 a:hover, #col_mid h3 a:hover { text-decoration: none; }

#col_mid p, #col_mid ol, #col_mid ul { margin-bottom: 18px; }
#col_mid li { margin: 0 0 0 20px; }

#footer { color: #666; font-size: 10px; padding: 20px 20px 20px 180px; background: url("/images/footer_logo.gif") no-repeat 170px 110px; }
#footer #logobar { margin-top: 60px; }
#footer a { color: #7AA3CC; }

/* ##################### TABLES ################## */
table { border: 1px solid #999; border-collapse: collapse; margin-bottom: 18px; }
table tr { border: 1px solid #999; }
table tr th { text-align: center; font-weight: bold; background: #FCF4C3; color: #000; }
table tr.subject { background:#CCCC9A; font-size:14px; font-weight: bold; line-height: 20px; text-align: center; color:#039; }
#order_form tr, #order_form tr td, #product_table tr td, #product_table_sort tr td { border: none; padding: 5px; }
hr.clearit { clear: both; visibility: hidden; }
.req { color: #C80000; font-weight: bold; } /* RED */
.pad { padding: 0 0 0 20px; }

/* ################## BUTTONS ################# */
#search { width:64px; height:19px; border: none; background: url("images/btn-search.gif") no-repeat top left; margin: 2px 0 0 0; }
#search:hover, #search .searchHover { background-position: bottom left; cursor: pointer; }

button.button, input.button { cursor: pointer; border: 3px double #999; border-top-color: #CCC; border-left-color: #CCC; padding: 0.25em; background: #FFF url(http://www.gale.com/images/buttons/btn_bg.gif) repeat-x top left; color: #333; font-size: 75%; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; }
button.button:active, input.button:active { border: 3px double #CCC; border-top-color: #999; border-left-color: #999; }
button.button img, input.button img { vertical-align: middle; margin-top: -2px; }

/* ############### EXTRAS CLASSES ############### */
.important { color: green; }
.floatRight { float: right; margin: -3px 0 0 5px; }
.floatLeft { float: left; width: 250px; margin: 0 40px 0 0; }
.nobull { list-style-type: none; margin: 0 0 0 -20px; padding: 0; }
.tall { margin: 20px 0 0 0; }
.small { font-size: 10px; }
.button { padding:4px; margin: 2px; font-weight:bold; text-align:center; color: #C72F00; border: 1px solid #999; background: #fff; }
.highlight { background: #eee; }

/* ################# EXTRAS ID ################# */
#creditPay { position: absolute; top: 310px; left: 535px; width: 200px; font-size: 14px; }
#flash { line-height: 34px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; margin: 0 0 18px 0; }
#jump { line-height: 18px; margin: 9px 0 18px 0; text-align: right; }
.qty { text-align: center; }
.good { background: #00c300; }
.bad { background: #f00; }
.disc { color: #f00; }
#print:link, #print:visited, #print:hover, #print:active { display: block; float: right; margin-top: 9px; padding: 4px; color: #7AA3CC; border: 1px solid #7AA3CC;}