/* Last edit on April 13 of 2009 by Richard L. Harper. richard@kc787.org */ /* styling globally the default behavior of text links --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a:active { color: red; } a:link { color: black; text-decoration: none; } a:hover { color: red; } a:focus { color: red; } a:visited { color: black; } body { background: url("images-new/eegreen20.gif"); } /* styling globally the container --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #container { font-size: 12px; width: 800px; margin: 0 auto; position: absolute; left: 50%; margin-left: -400px; background: white; height: 1050px; text-align: justify; } /* styling globally the header --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header { height: 180px; background-image: url('images-new/header2b.jpg'); background-repeat: no-repeat; border: 0px; text-align: center; } #headerobject { border: 0px; position: absolute; left: 50%; margin-left: -186px; width: 438px; height: 184px; } #headerText { text-align: center; padding-left: 40px; } #wwwID { color: green; font-weight: bold; font-size: 120%; } #pitch { font-weight: bold; font-size: 150%; color: blue; line-height: 100%; } #eco { font-weight: bold; font-size: 150%; color: black; line-height: 100%; } #offRetail { font-weight: bold; font-size: 120%; color: white; } #headerlogistics { text-align: right; float: left; border: 0px; position: absolute; top: 56px; right: 10px; width: 160px; height: 120px; } #orderbyphone { text-align: right; font-size: 150%; font-weight: bold; } #logistics { text-align: right; font-size: 100%; } /* styling the globally the two linkbars -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #linkbar {background: url("images-new/linkbar_bg.gif"); text-align: center; font-size: 140%; font-weight: bold; line-height: 150%; width: 800px; height: 30px; text-decoration: none; margin-top: 0px; } /* styling content section for index.html --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #content { float: left; margin-left: 8px; margin-right: 0px; width: 574px; height: 730px; padding-top:14px; background: white; } #content_wide { float: left; margin-left: 8px; margin-right: 8px; width: 766px; height: auto; padding-top:14px; text-align: justify; background: white; } #search { width: 550px; text-align: center; } #searchobject { margin-top: 0px; width: 550px; float: left; text-align: center; border: 0px; } #jse_Form { text-align: right; padding-right: 4px; } /* styling the left navigation panel for index.html --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #leftnav_container { clear: both; float: left; background: white; width: 210px; height: auto; border: 0px; padding-right: 0px; margin-top: 0px; padding-top: 0px; margin-left: 0px; } #leftnav_buttons { width: 210px; height: 620px; border: 0px; background: white; margin-top: 8px; margin-left: 4px; } /* styling brands-select panel for index.html -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #brand_select_panel { width: 471px; height: 340px; margin-left: 40px; } #sm1 { font-size: 100%; font-weight: bold; color: blue; } #sm2 { font-size: 100%; font-weight: bold; } #brandtext { text-align: center; padding-top: 24px; font-size: 120%; font-weight: bold; } #brandtext2 { text-align: center; padding-top: 14px; font-size: 120%; font-weight: bold; } #brand_select_00 { display: block; width: 114px; height: 65px; background: url("images-new/bb_scarlet.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 422px; top: 360px; } #brand_select_00:hover { background-position: 0 -64.5px; } #brand_select_00 span { display: none; } #brand_select_01 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_blue.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 306px; top: 360px; } #brand_select_01:hover { background-position: 0 -64.5px; } #brand_select_01 span { display: none; } #brand_select_02 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_blue.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 190px; top: 360px; } #brand_select_02:hover { background-position: 0 -64.5px; } #brand_select_02 span { display: none; } #brand_select_03 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_scarlet.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 74px; top: 360px; } #brand_select_03:hover { background-position: 0 -64.5px; } #brand_select_03 span { display: none; } #brand_select_04 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_purple.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 422px; top: 426.6px; } #brand_select_04:hover { background-position: 0 -64.5px; } #brand_select_04 span { display: none; } #recycler_2008 { width: 330px; height: 198.8px; background: url("images-new/recycler_2008.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; position: absolute; right: 90px; top: 434.6px; } #brand_select_05 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_purple.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 74px; top: 426.6px; } #brand_select_05:hover { background-position: 0 -64.5px; } #brand_select_05 span { display: none; } #brand_select_06 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_green.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 422px; top: 493.2px; } #brand_select_06:hover { background-position: 0 -64.5px; } #brand_select_06 span { display: none; } #brand_select_07 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_green.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 74px; top: 493.2px; } #brand_select_07:hover { background-position: 0 -64.5px; } #brand_select_07 span { display: none; } #brand_select_08 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_blue.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 422px; top: 559.8px; } #brand_select_08:hover { background-position: 0 -64.5px; } #brand_select_08 span { display: none; } #brand_select_09 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_blue.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 74px; top: 559.8px; } #brand_select_09:hover { background-position: 0 -64.5px; } #brand_select_09 span { display: none; } #brand_select_10 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_yellow.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 422px; top: 626.4px; } #brand_select_10:hover { background-position: 0 -64.5px; } #brand_select_10 span { display: none; } #brand_select_11 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_turquoise.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 306px; top: 626.4px; } #brand_select_11:hover { background-position: 0 -64.5px; } #brand_select_11 span { display: none; } #brand_select_12 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_turquoise.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 190px; top: 626.4px; } #brand_select_12:hover { background-position: 0 -64.5px; } #brand_select_12 span { display: none; } #brand_select_13 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_yellow.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 74px; top: 626.4px; } #brand_select_13:hover { background-position: 0 -64.5px; } #brand_select_13 span { display: none; } #brand_select_14 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_green.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 422px; top: 693px; } #brand_select_14:hover { background-position: 0 -64.5px; } #brand_select_14 span { display: none; } #brand_select_15 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_purple.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 306px; top: 693px; } #brand_select_15:hover { background-position: 0 -64.5px; } #brand_select_15 span { display: none; } #brand_select_16 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_purple.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 190px; top: 693px; } #brand_select_16:hover { background-position: 0 -64.5px; } #brand_select_16 span { display: none; } #brand_select_17 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_green.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 74px; top: 693px; } #brand_select_17:hover { background-position: 0 -64.5px; } #brand_select_17 span { display: none; } #brand_select_18 { display: block; width: 114px; height: 65.6px; background: url("images-new/bb_scarlet.gif") no-repeat 0 0; margin-left: 2px; margin-top: 2px; text-decoration: none; position: absolute; right: 245px; top: 759.6px; } #brand_select_18:hover { background-position: 0 -64.5px; } #brand_select_18 span { display: none; } #regs { position: absolute; right: 24px; top: 880px; width: 750px; background: white; } /* miscellaneous feature items --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #commentBox { background: url("images/paper.jpg"); width: 750px; padding: 6px; margin-left: 8px; text-decoration: none; } #blueTag { color: blue; text-decoration: italic; } #text_blue { color: blue; } #text_red { color: blue; } #text_green { color: green; } #nuthing { position: absolute; top: 400px; right: 600px; } #click_to_learn { position: absolute; top: 400px; right: 400px; } #tute_points { padding-left: 20px; font-weight: large; } /* styling globally footer --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer { clear: both; text-align: center; background: white; height: 200px; } /* End of File =======================================================================================================*/