/** CSS DOCUMENT **/ body { font: 12px arial, verdana, sans-serif; color: #777777; background-image: url(../images/bbg.gif); background-repeat: repeat-x; background-color: #f4f4f4; margin: 0px; margin-bottom:15px; width:100%; margin-left:auto; margin-right:auto; text-align: center; } A:link { font-weight: normal; color: #0092c2; text-decoration: none; } A:visited { font-weight: normal; color: #0092c2; text-decoration: none; } A:hover { color: #c41200; } FORM { DISPLAY: inline; FONT-SIZE: 1em; MARGIN: 0; padding:0px;} FIELDSET { border:1px solid #bababa; } LEGEND { font-weight:bold; } H1 { font-size: 1.4em; margin: 0.3em 0.3em 0.3em 0px; color: #222222; } H2 { font-size: 1.3em; margin: 0.3em 0.3em 0.3em 0px; color: #222222; } H2.center_box_heading { background-position: 0px 0px; background-image: url(../images/heading-bg2.gif); padding-bottom: 6px; margin: 1px; font: bold 15px arial, sans-serif; color: #464646; padding-top: 6px; margin-bottom: 9px; background-repeat: repeat-x; background-color: #f3f3f3; padding-left: 12px; text-align: left; } H2.center_box_heading TABLE { font: bold 15px arial, sans-serif; color: #464646; } H3 { font-size: 1.2em; margin: 0.3em 0.3em 0.3em 0px; color: #222222; } H3.center_box_sub_heading { width:696px; margin-bottom:10px; background-position: 0px 0px; background-image: url(../images/heading-bg3.gif); font: bold 12px arial, sans-serif; color: #464646; background-repeat: repeat-x; background-color: #f1f2f3; text-align: left; line-height: 26px; border:1px solid #dedede;} H3.center_box_sub_heading SPAN { margin-left:15px; } H4 { font-size: 1.1em; margin: 0.3em 0.3em 0.3em 0px; color: #222222; } H5 { font-size: 1.1em; margin: 0.3em 0.3em 0.3em 0px; color: #222222; } H6 { font-size: 1.1em; margin: 0.3em 0.3em 0.3em 0px; color: #222222; } /* --- FORM ELEMENTS & :HOVER, :FOCUS ---------------------- */ INPUT[type=checkbox], INPUT.form_checkbox, INPUT.form_radio { border:0px; width:20px; } INPUT { border:1px solid #d7d7d7; padding-left:4px; } INPUT:hover { border:1px solid #98bcdf; } INPUT:focus { border:1px solid #c7c7e7; background-color: #FFFFe7; } INPUT.form_text { border:1px solid #d7d7d7; } INPUT.form_text:hover { border:1px solid #98bcdf; } INPUT.form_text:focus { border:1px solid #c7c7e7; background-color: #FFFFe7; } INPUT.form_button, INPUT:hover.form_button, INPUT:focus.form_button { font-size:12px; font-weight:bold; color:#444444; padding-left:5px; padding-right:5px; padding-bottom:1px; background-color:#e1e2e3; border-style:solid; border-color:#8b8b8b; border-top-color:#cdcecf; border-left-color:#cdcecf; border-width:1px; cursor:pointer; } P { PADDING-RIGHT: 0.5em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; font-size:12px; color:#222222; } SELECT { border:1px solid #d7d7d7; } SELECT:hover { border:1px solid #98bcdf; } SELECT:focus { border:1px solid #c7c7e7; background-color: #FFFFf9; } TABLE { font-size:12px; color:#222222; } TEXTAREA { VERTICAL-ALIGN: middle; COLOR: #222222; border:1px solid #d7d7d7; padding-left:4px; } TEXTAREA:hover { border:1px solid #98bcdf; } TEXTAREA:focus { border:1px solid #c7c7e7; background-color: #FFFFe7; } #logoTop { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; position: relative; height: 86px; background-color: #343434} #logoTop IMG { border-top-width: 0px; margin-top: 12px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px} #mainWrapper { vertical-align: top; width: 950px; background-color: #fff; text-align: left; padding-right: 0em; padding-left: 0em; padding-bottom: 0em; margin: 0em; padding-top: 0em; margin: auto; } #headerWrapper { background-color: #f4f4f4; } #headerWrapper IMG { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; } #contentMainWrapper { margin: 0px; padding-right: 0em; padding-left: 0em; padding-bottom: 0em; margin: 0em; padding-top: 0em} /* --- CART TOP ---------------------- */ #siteTop { padding-right: 0px; padding-left: 40px; right: 12px; background: url(../images/cart.png) no-repeat 0px 0px; padding-bottom: 0px; color: #fff; padding-top: 0px; position: absolute; top: 48px; text-align: right; } #siteTop A:link { color: #00aee7; text-decoration: none } #siteTop A:visited { color: #00aee7; text-decoration: none } #siteTop A:hover { color: #acacac; } #siteLogo { padding-right: 0px; padding-left: 20px; left: 12px; padding-bottom: 0px; color: #fff; padding-top: 0px; position: absolute; top: 14px; text-align: left; font-size:34px; font-weight: bold;} #siteLogo A:link { color: #00aee7; text-decoration: none} #siteLogo A:visited { color: #00aee7; text-decoration: none} #siteLogo A:hover { color: #009ed7 } #siteSlogan { padding-right: 0px; padding-left: 20px; left: 12px; padding-bottom: 0px; color: #fff; padding-top: 0px; position: absolute; top: 54px; text-align: left;font-size:15px; font-weight: bold; } /* --- FOOTER ---------------------- */ #footerLine { overflow-y: hidden; background: url(../images/footer-border.gif) repeat-x 0pt 0pt; overflow-x: hidden; height: 2px } #footerDiv { padding-bottom: 0px; color: #767676; position: relative; background-color: #f3f3f3; } #footerDiv A:link { color: #a5a5a5; text-decoration: none } #footerDiv A:visited { color: #a5a5a5; text-decoration: none } #footerDiv A:hover { color: #00aee7 } #footerTbl { font-size: 1.1em; border-collapse:collapse; } #footerTbl TD.tdback { background-image: url(../images/footer-bg-bottom.gif); background-repeat: repeat-x } #footerTbl TD { vertical-align: top; background-color: #1d1d1d } #siteInfo, #siteInfo FORM {FONT-SIZE: 12px; PADDING-BOTTOM: 8px; color:#959595; TEXT-ALIGN: center} /* --- LEFT RIGHT COLUMN ---------------------- */ #navColumnLeft { vertical-align: top; padding-top:1px; padding-top:1px; width: 195px; } #navColumnMain { vertical-align: top} #navColumnLeft { background-color: #eceded} #navColumnMain { background-color: #eceded} #navColumnLeftWrapper { margin: auto; margin-left:7px; margin-right:9px; color:#4b4b4b; width:195px; } #navColumnLeftWrapper H3.left_box_heading A:link { padding-left: 2px; font-weight: bold; font-size: 12px; color: #167a95; line-height: 15px} #navColumnLeftWrapper H3.left_box_heading A:visited { padding-left: 2px; font-weight: bold; font-size: 12px; color: #167a95; line-height: 15px} #navColumnLeftWrapper H3.left_box_heading A:hover { color: #c41200} #navColumnMainWrapper { margin: auto} #navColumnMainWrapper { margin-top: 0px; margin-left: 7px; color: #4b4b4b; margin-right: 9px} #navColumnMainWrapper H3.right_box_heading A:link { padding-left: 2px; font-weight: bold; font-size: 12px; color: #167a95} #navColumnMainWrapper H3.right_box_heading A:visited { padding-left: 2px; font-weight: bold; font-size: 12px; color: #167a95} #navColumnMainWrapper H3.right_box_heading A:hover { color: #c41200} #navPagesTop { padding-left: 0px; padding-bottom: 0px; color: #515151; padding-top: 0px; text-align: left} #navPagesTop A:link { padding-right: 25px; background-position: right center; display: block; padding-left: 25px; font-size: 12px; background-image: url(../images/menu_a_bg.gif); padding-bottom: 11px; color: #000000; line-height: 16px; padding-top: 12px; background-repeat: no-repeat; font-family: helvetica, arial, sans-serif; white-space: nowrap; text-decoration: none} #navPagesTop A:visited { padding-right: 25px; background-position: right center; display: block; padding-left: 25px; font-size: 12px; background-image: url(../images/menu_a_bg.gif); padding-bottom: 11px; color: #000000; line-height: 16px; padding-top: 12px; background-repeat: no-repeat; font-family: helvetica, arial, sans-serif; white-space: nowrap; text-decoration: none} #navPagesTop UL { padding-left: 0px; margin: 0px; list-style-type: none} #navPagesTop UL LI { padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; padding-top: 0px} #navPagesTop A:hover { color: #b8b8b8; background-color: #ececec} #indexDefault { margin-top: 5px} #indexDefaultMainContent { padding-left: 0px; margin-top: 8px; margin-right: 2px; } #indexDefaultMainContent P { padding-bottom: 10px; margin: 0px} /* --- FOOTER ---------------------- */ #navSuppWrapper { font-weight: normal; margin: 0em; width: 100%; height: 1%} #topMenuBar { background: url(../images/menubg.gif) #fcfcfc repeat-x; margin-bottom: 7px; height: 41px; } /* --- MICRO GRID ---------------------- */ INPUT.mgrid_button, INPUT:hover.mgrid_button, INPUT:focus.mgrid_button { font-size:12px; font-weight:bold; color:#444444; padding-left:2px; padding-right:2px; padding-bottom:1px; background-color:#e1e2e3; border-style:solid; border-color:#8b8b8b; border-top-color:#cdcecf; border-left-color:#cdcecf; border-width:1px; cursor:pointer; } INPUT.mgrid_text { font-size:12px; color: #222222;} INPUT.mgrid_checkbox { border:0px; } SELECT.mgrid_select { border:1px solid #d7d7d7; } SELECT.mgrid_select:hover { border:1px solid #98bcdf; } SELECT.mgrid_select:focus { border:1px solid #c7c7e7; background-color: #FFFFf9; } TEXTAREA.mgrid_textarea { vertical-align: middle; color: #222222; border:1px solid #d7d7d7; } TEXTAREA.mgrid_textarea:hover { border:1px solid #98bcdf; } TEXTAREA.mgrid_textarea:focus { border:1px solid #c7c7e7; background-color: #FFFFe7; } TABLE.mgrid_table { width:99%; font-size:12px; color:#222222; } TABLE.mgrid_table TR TH, TABLE.mgrid_table TR TH A { font-size:13px; color: #0082b2; } .mgrid_label {} .mgrid_disabled { color:#939393; background-color:#f1f2f3; border:1px solid #d7d7d7; } /* --- PAGES ---------------------- */ .pages_contents { padding:10px 10px 10px 10px; FONT-SIZE: 12px; COLOR: #222222; word-wrap: break-word; width:700px; } /* --- SEARCH ---------------------- */ .header-search { RIGHT: 13px; MARGIN: 0px; POSITION: absolute; TOP: 2px; } .header-search INPUT { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #696969; BORDER-RIGHT-WIDTH: 0px; } .header-search FORM { FLOAT: left; } .header-search INPUT:focus { BACKGROUND: none transparent scroll repeat 0% 0% } .back { float: left; } .forward { float: right; } .bold { font-weight: bold; } .mandatory_star { font-weight:bold; color:#a90000; } .center_column { PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px} .center_column P { MARGIN: 0px} .center_box_wrapper { padding-bottom: 10px; margin-bottom: 10px; height: 1%; background-color:#fff; border: #d7d7d7 1px solid; } .center_box_content { width:710px; padding-left:12px; padding-top:0px; background-color:#fff; } .round_top { background-position: right top; background-image: url(../images/round-top-right.gif); overflow: hidden; background-repeat: no-repeat; height: 5px; background-color: #e8e8e8 } .round_top IMG { display: block } /* --- LEFT MENU ---------------------- */ H3.left_box_heading_admin { background-position: 0px 0px; padding-left: 23px; background-image: url(../images/heading-bg.gif); padding-bottom: 6px; margin: 1px; font: bold 13px arial, sans-serif; color: #464646; padding-top: 6px; background-repeat: no-repeat; background-color: #ccc; text-align: left; cursor:pointer; } .side_box_content { font-size:12px; } .side_box_content HR { border-bottom: #fcfcfc 1px solid } .side_box_content DIV { font-size:12px; margin-top:7px; margin-bottom:1px; } .side_box_content { padding-left: 10px; padding-bottom: 7px; padding-top: 2px} .side_box_content UL { padding:0px; margin:0px; list-style:none; } .side_box_content UL LI { background-color:#ff0000; margin:0px 0px 0px 5px; background:url(../images/point.gif) no-repeat 0px 7px; } .side_box_content UL LI A { margin:0px; margin-left:10px; } .left_box_container { border-right: #d7d7d7 1px solid; border-top: #d7d7d7 1px solid; margin-top: 7px; margin-bottom: 5px; border-left: #d7d7d7 1px solid; border-bottom: #d7d7d7 1px solid; background-color: #fcfcfc} .left_box_container A:link { font-size: 12px; color: #0092c2; line-height: 18px; text-decoration: none} .left_box_container A:visited { font-size: 12px; color: #0092c2; line-height: 18px; text-decoration: none} .left_box_container A:hover { color: #c41200} /** MESSAGE BOXES **/ .message_sign { width:26px; text-align:center; padding-left:auto; padding-right:auto; } .message_text { padding-left:0px; padding-right:0px;} .success_message_box { font-size:12px; width:97%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color: #000000; background-color:#f1fff1; border:1px solid #3ac13a; } .important_message_box { font-size:12px; width:97%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color: #000000; background-color:#fff1f1; border:1px solid #c13a3a; } .message_box { font-size:12px; width:97%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color: #000000; background-color:#fffff1; border:1px solid #c1c13a; } .site_version { float:right; width:120px; text-align:right; } .nav_language { float:right;padding:10px;padding-top:50px; } .highlight_light { background-color:#ffffff; } .highlight_dark { background-color:#f1f5f5; } /* --- COMMENTS ---------------------- */ #commentsLink { margin:10px 0 10px 0; } #commentsWrapper { width:100%; margin:0 auto; } #commentsPublished { width:96%; margin-left:15px; } #commentsPublished .comment { border-bottom:1px solid #cccccc; margin:10px 0px 20px 0px; text-align:left; } #commentsPublished .comment_user_name { margin:8px 0px 8px 0px; } #commentsPublished .comment_test { margin:8px 0px 8px 0px; } #commentsPublished .comment_date { margin:8px 0px 8px 0px; } #commentsPublished .pagging { margin:0px 0px 20px 0px; text-align:left; } #commentsPublished A.pagging_link { display:block: border:1px solid #0092c2; } FIELDSET.instructions { padding:10px; } FIELDSET.instructions OL {} FIELDSET.instructions OL LI { padding-bottom:4px; } FIELDSET.instructions OL LI .code { border:1px solid #cccccc;display:block;padding:2px;margin:5px;background-color:#efefef } .notice { color:#5a6b6b; } .help { cursor:help; } /* --- SERVICES ---------------------- */ .col-1, .col-2, .col-3, .col-4 { float:left; width:270px; margin:0 10px; }