/* $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } BODY { background: #dfdcdc; //ffffff color: #000; margin: 0px; font: normal 10pt Tahoma,Arial,sans-serif; overflow: scroll; } A { color: #233b66; text-decoration: none; } A:hover { color: #355a99; text-decoration: underline; } FORM { display: inline; } TR.header { background: #ffffff; } TR.headerNavigation { background: #bbc3d3; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #FFFFFF; } A.headerNavigation:hover { color: #ffffff; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background: #bbc3d3; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold; } .infoBox { //background: #b6b7cb; } .infoBoxContents { background: #f8f8f9; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #bbc3d3; color: #ffffff; } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9; } TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #b6b7cb; color: #FFFFFF; font-weight: bold; } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #9a9a9a; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; } TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; } SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0a480; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ff0000; font-weight:bold;} /* EXTRA */ td { font: normal 8pt Tahoma,Arial,sans-serif; } img { border: solid red 0px; } div.button { vertical-align: bottom; width: 250px; height: 20px; background: url(images/layout/button.gif) no-repeat; cursor: pointer; color: black; padding: 0px 0px 0px 0px; line-height: 150%; } div.button_orange { vertical-align: bottom; width: 250px; height: 20px; background: url(images/layout/button_orange.gif) no-repeat; cursor: pointer; color: black; padding: 0px 0px 0px 0px; line-height: 150%; } div.button_green { vertical-align: bottom; width: 250px; height: 20px; background: url(images/layout/button_green.gif) no-repeat; cursor: pointer; color: black; padding: 0px 0px 0px 0px; line-height: 150%; } div.button_brown { vertical-align: bottom; width: 250px; height: 20px; background: url(images/layout/button_brown.gif) no-repeat; cursor: pointer; color: black; padding: 0px 0px 0px 0px; line-height: 150%; } .dark_blue { color: #355a99; } .dark_blue a { color: #355a99; } .bright_blue { color: white; } .bright_blue a { color: white; } .justified td table td { text_align: justified; } #divMainIn { text-align: left; } td.header { font: bold medium sans-serif; padding: 10px; text-align: left; } /* directly imported */ .dark_blue { color: #355a99; } td { font-size: x-small; } h2 { color: #355A99; font-family: sans-serif; font-style: italic; } td.header { font: bold medium sans-serif; padding: 10px; text-align: left; } td.field_name { text-align: right; //vertical-align: top; //font: small sans-serif; } td.field_contents { font: small sans-serif; } div1 { font: medium sans-serif; } img { border-width: 0px; } a { color: #355a99; } a.darker { color: #233b66; cursor: pointer; } a.darker:hover {text-decoration: underline; color: #355a99;} #lf { float: left; font-size: small; } #rf { float: right; font-size: small; } #mf { float: middle; font-size: small; } #nf { font-size: small; } tr.alternating_row1 { background-color: #EEEEEE; } tr.alternating_row2 { background-color: #DDDDDD; } tr.highlight_recent { background-color: #FFDDDD; } tr.header { background-color: #BDBDBD; } .header_border { background-color: #BDBDBD; border: solid black 1px ! important; text-align: left; padding: 1px 1px 1px 2px; margin: 2px 0px; } .indent_green { color: #00AA00; } .main_lt_blue { background-color: #CCCCFF; } .main_lt_yellow { background-color: #FFFFCC; } * {margin:0; padding:0;} .justified td { text-align: justify; vertical-align: top; font:11px verdana,arial,helvetica,sans-serif} .justified td a { text-align: justify; vertical-align: top; font:11px verdana,arial,helvetica,sans-serif} .justified td div { text-align: justify; vertical-align: top; font:11px verdana,arial,helvetica,sans-serif} .required { color: #355a99; } textarea { width: 300px; } .small_button { width: 50px; height: 12px; font: 8pt arial,helvetica,sans-serif; background-color: #888; color:#fff; padding: 0px 4px 0px 4px; text-align: center; } .txtBtn { font:bold 13px arial,helvetica,sans-serif; background-color:#355a99; color:#fff; cursor:pointer; text-transform:lowercase; padding: 1px 15px 1px 15px; } .txtBtn a:hover { color: #ccc; } .headerLoginLabel { font:11px verdana,arial,helvetica,sans-serif; color: white; text-align: right; } .tblheader { background-image:url(/images/layout/bottom_bar.jpg); background-repeat:repeat; text-align:center; color: #fff; font: normal bold 12px/15px Verdana, Arial, sans-serif; padding: 4px; border: 1px solid #355a99; } .tblL { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-left: 1px solid #355a99; } .tblR { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-right: 1px solid #355a99;} .tblB { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px;border-bottom: 1px solid #355a99; } .tblT { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-top: 1px solid #355a99; } .tblLB { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-left: 1px solid #355a99; border-bottom: 1px solid #355a99; } .tblLR { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-right: 1px solid #355a99; border-left: 1px solid #355a99; } .tblRB { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-right: 1px solid #355a99; border-bottom: 1px solid #355a99; } .tblLRB { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border-left: 1px solid #355a99; border-right: 1px solid #355a99; border-bottom: 1px solid #355a99; } .tblLRBT { background: #FFF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px; border: 1px solid #355a99; } .tbl { color: #000; font: normal normal 11px/12px Arial, sans-serif; padding: 5px; } /* -- Top-Level Navigation -- */ #topnav { clear:left; width:780px; padding:0px; text-align:center; border-bottom:#003366 1px solid; background-color:#808080;} #topnav ul { width:100%; margin: 0; padding: 0; height:22px; overflow:hidden; } #topnav ul li { float:right; margin:0; padding:0; list-style:none; border: solid 1px #CCCCCC; border-left-color: #CCCCCC; border-top-color: #808080; border-bottom-color: #808080; border-right-color: #808080; background-color:#808080; } #topnav ul li a { display:block; width:84px; padding:4px 0; color:#fff; text-decoration:none; font:12px Arial, Helvetica, sans-serif; line-height:100%; text-align: center; } #topnav ul li a:hover { background-color:#003399; } #topnav ul li.last a { width:100%; border-right:none; } #bottomnav { clear:right; width:780px; padding:0px; text-align:center; border-bottom:#003366 1px solid; background-color:#808080;} #bottomnav ul { width:100%; margin: 0; padding: 0; height:22px; overflow:hidden; } #bottomnav ul li { float:left; margin:0; padding:0; list-style:none; border: solid 1px #CCCCCC; border-left-color: #CCCCCC; border-top-color: #808080; border-bottom-color: #808080; border-right-color: #808080; background-color:#808080; } #bottomnav ul li a { display:block; padding:4px;color:#fff; text-decoration:none; font:12px Arial, Helvetica, sans-serif; line-height:100%; text-align: center; } #bottomnav ul li a:hover { background-color:#003399; } #bottomnav ul li.last a { width:100%; } #header { width:800px; height:100px; margin:0px; background-color:#013378; } #header #header_pad {margin:0px 5px 1px 10px; padding-top:10px; width:765px;} #header #logo {float:left;text-align:right;color:white;font-size:15px;font-family:Arial;margin-top:-10px;margin-left:-10px;} #header #numbers {float:right;text-align:right;color:white;font-family:Arial;margin-right:0px;} #header #numbers h2 {margin-top:0px;font-size:15px;padding-bottom:0px;} #header #numbers h3 {font-size:12px;margin-bottom:0px;padding-bottom:0px;font-weight:normal;} #header #numbers h6 {margin-top:0px;font-size:15px;padding-bottom:0px;} #header h2 {margin:0px;padding:0px;font-size:20px;color: #FFFFFF;} #header h6 {margin:0px;padding:0px;font-size:20px;color: #FFFFFF;} #header p {margin:0px;font-size:12px;color: #FFFFFF;}