/* CSS Reset Stylesheet */ /*----------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {font-family: Arial, Helvetica, sans-serif;} body {font-size: 8pt; color: #5C5C5C} h1 {font-size: 17pt; color: #383838; font-weight: normal; margin: 7px 0 10px 0; text-align: center;} h1 {display: block; clear: both;} h1 .pid {color: #4eaeff;} h2 {font-size: 14pt; color: #4D4D4D; font-weight: normal; margin: 9px 0 6px 0; text-align: center;} h3 {font-size: 10pt; color: #548CC0; padding-bottom: 6px; text-align: left;} p {font-size: 8pt; color: #5C5C5C; line-height: 1.4em;} ol, ul {list-style: none;} /* Anchor elements / links */ a, a:link, a:visited, a:active { text-decoration: none; color: #548cc0; } a:focus { } a:hover { color: #5587b2; } /* Definition lists */ dl { margin-bottom: 10px; } dt { font-weight: bold; } dd { margin-bottom: 10px; } body {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #wrapper {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #container {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #mastheader {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #column_container {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #menu_container {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #menu_left {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #menu_dropdown {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #menu_right {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #content_container {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #column_left {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #column_centre {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #column_description {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #column_right {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #footer_container {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #footer_menu {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #footer_copyright {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #footer_support {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} /* SET WIDTHS AND HEIGHTS */ #wrapper {width: 1000px;} #container {width: 1000px;} #mastheader {width: 1000px; height: 138px;} #column_container {width: 1000px;} #menu_container {width: 1000px; } #menu_left {width: 204px; height: 38px; float: left; position: relative; text-align: center;} #menu_dropdown {width: 588px; height: 38px; float: left; position: relative; text-align: center;} #menu_right {width: 204px; height: 38px; float: right; position: relative; text-align: center;} #content_container {width: 1000px;} #column_left {width: 204px; height: 525px; float: left; position: relative; text-align: center;} #column_centre {width: 588px; height: 525px; float: left; position: relative; text-align: center;} #column_description {width: 588px; height: 525px; float: left; position: relative; text-align: center;} #column_right {width: 204px; height: 525px; float: right; position: relative; text-align: center;} #footer_container {width: 998px; height: 38px; float: left; position: relative;} #footer_menu {width: 399px; height: 38px; float: left; position: relative; text-align: center;} #footer_copyright {width: 200px; height: 38px; float: left; position: relative; text-align: center;} #footer_support {width: 399px; height: 38px; float: right; position: relative; text-align: center;} /* SET BACKGROUND GRAPHICS */ #mastheader { background-image: url('../images/gesmastheader004.jpg') ; background-position: left top; margin-top: 16px; } #menu_left, #menu_dropdown, #menu_right { background-image: url('../images/menubackground.png'); background-position: left top; background-repeat: repeat; } #footer_container { background-image: url('../images/footerbackground.png'); background-position: left top; background-repeat: repeat; } /* SET BORDERS */ #column_container {border: none;} #menu_container {border: none;} #menu_left {border-width: 0 0 0 1px; border-color: #C1C1C1; border-style: solid;} #menu_dropdown {border-width: 0 1px 0 1px; border-color: #C1C1C1; border-style: solid;} #menu_right {border-width: 0 1px 0 0; border-color: #C1C1C1; border-style: solid;} #content_container {border: none;} #column_left {border-width: 0 0 0 1px; border-color: #C1C1C1; border-style: solid;} #column_centre {border-width: 0 1px 0 1px; border-color: #C1C1C1; border-style: solid;} #column_description {border: none;} #column_right {border-width: 0 1px 0 0; border-color: #C1C1C1; border-style: solid;} #footer_container {border-width: 0 1px 0 1px; border-color: #C1C1C1; border-style: solid;} #footer_menu {border: none;} #footer_copyright {border: none;} #footer_support {border: none;} /* SET MAIN Z INDEX SETTINGS (WHAT IN FRONT OF WHAT) */ body {z-index: 1;} #wrapper {z-index: 2;} #container {z-index: 3;} #mastheader {z-index: 4;} #column_container {z-index: 5;} #menu_container {z-index: 6;} #menu_left {z-index: 7;} #menu_dropdown {z-index: 500;} #menu_right {z-index: 7;} #content_container {z-index: 6;} #column_left {z-index: 600;} #column_centre {z-index: 7;} #column_description {z-index: 8;} #column_right {z-index: 7;} #footer_container {z-index: 4;} #footer_menu {z-index: 5;} #footer_copyright {z-index: 5;} #footer_support {z-index: 5;} /* NOTE: */ /* IE widths are calculated as content width PLUS padding PLUS border */ /* Other browsers do not add padding or border */ /* However, IE can not understand html>body #divname */ /* so this can be used to set the CORRECT width (for example) */ /* the IE calculated width or height should be in the main definition */ /* */ html>body {} html>body #wrapper {} html>body #container {} html>body #mastheader {} html>body #column_container {} html>body #menu_container {} html>body #menu_left {} html>body #menu_dropdown {} html>body #menu_right {} html>body #content_container {} html>body #column_left {} html>body #column_centre {} html>body #column_description {} html>body #column_right {} html>body #footer_container {} html>body #footer_menu {} html>body #footer_copyright {} html>body #footer_support {} /* TURN DIVS DISPLAY ON AND OFF FOR TESTING */ body {} #wrapper {} #container {} #mastheader {} #column_container {} #menu_container {} #menu_left {} #menu_dropdown {} #menu_right {} #content_container {} #column_left {} #column_centre {} #column_description {} #column_right {} #footer_container {} #footer_menu {} #footer_copyright {} #footer_support {} /* LIGHTBOX CSS styling */ #lightbox {background-color:#FFFFFF; padding: 10px; border: 0;} #lightboxDetails {font-size: 0.8em; padding-top: 0.4em;} #lightboxCaption {float: left;} #keyboardMsg {float: right;} #closeButton {top: 0; right: 0;} #lightbox img {border: none; clear: both;} #overlay img {border: none;} #overlay {background-image: url(../javascript/lightbox/overlay002.png);} * html #overlay { background-color: #333; back\ground-color: transparent; background-image: url("../test/blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");} #home_list a {text-align: center ; color: #4D4D4D; font-size: 14pt; font-weight: normal; margin: 7px 0 6px 0;} #home_list img {width: 110px; height: 110px; border: 1px #C1C1C1 solid; margin-bottom: 20px;} /* imagecolumn style settings (for example products) */ #imagecolumn {margin: 0 auto ; padding: 0; border: none; border-collapse: collapse;} #imagecolumn {width: 203px; height: 525px; left: 0; top: 0; position: absolute;} #imagecolumn img {width: 125px; height: 125px; margin: 12px 10px 22px 10px; border: 1px #C1C1C1 solid;}