You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ofbiz.apache.org by jl...@apache.org on 2009/09/07 09:31:47 UTC

svn commit: r812022 - /ofbiz/trunk/framework/images/webapp/images/ecommain.css

Author: jleroux
Date: Mon Sep  7 07:31:47 2009
New Revision: 812022

URL: http://svn.apache.org/viewvc?rev=812022&view=rev
Log:
Revert r811419 at Scott's demand on dev ML (issue on Safari on Mac or Linux)

Modified:
    ofbiz/trunk/framework/images/webapp/images/ecommain.css

Modified: ofbiz/trunk/framework/images/webapp/images/ecommain.css
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/ecommain.css?rev=812022&r1=812021&r2=812022&view=diff
==============================================================================
--- ofbiz/trunk/framework/images/webapp/images/ecommain.css (original)
+++ ofbiz/trunk/framework/images/webapp/images/ecommain.css Mon Sep  7 07:31:47 2009
@@ -1,1019 +1,1018 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-@import url("reset.css");
-@import url("forms.css");
-
-/***********************************************
-General Styles
-***********************************************/
-body {
-background: #fff;
-color: #333;
-font-family: Arial, Helvetica, sans-serif;
-font-size:.65em;
-line-height:1.5em;
-text-align:center;
-}
-
-img {display: inline-block; vertical-align: bottom;}
-
-h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
-address,cite,em,i,caption,dfn,var {font-style: italic;}
-
-h1 {margin: 0 0 0.75em; font-size: 2em; color:#1F2948;}
-h2 {margin: 0 0 1em; font-size: 1.5em;}
-h3 {margin: 0 0 .5em; font-size: 1.167em; color:#1F2948;}
-h4 {margin: 0 0 1.5em; font-size: 1em;}
-h5 {margin: 0 0 1.8em; font-size: .834em;}
-h6 {margin: 0 0 2em; font-size: .75em;}
-
-h1 span,h2 span,h3 span ,h4 span ,h5 span,h6 span {font-size:75%}
-
-p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}
-
-blockquote {padding: 0 1.5em;}
-
-li ul,li ol {margin: 0;}
-ul {list-style: none;}
-ol {list-style: outside decimal;}
-li {margin: 0;}
-
-dl { margin: 0 0 1.5em 0; }
-dl dt { font-weight: bold; }
-dd { margin-left: 1.5em;}
-
-a, a:link, a:visited {text-decoration: none; color:#1C334D; font-weight:700;}
-a:hover {text-decoration: none; color:#111;}
-abbr,acronym {border-bottom: 1px dotted; cursor: help;}
-del {text-decoration: line-through;}
-ins {text-decoration: overline;}
-sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
-sup {font-size: .834em; line-height: 1em; vertical-align: super;}
-strong { font-weight: bold; }
-em, dfn { font-style: italic; }
-
-tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}
-
-/***********************************************
-Tables
-***********************************************/
-table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
-caption {text-align: left;}
-th, td {padding: .25em .5em;}
-tbody td, tbody th {}
-
-col.colC {width:8em;}
-
-th, td {padding:.2em 1em;text-align:left;}
-
-thead th {
-border-bottom:2px solid #888;
-background:#bbb;
-padding:.4em 1em .2em;
-}
-thead th.table-head {
-font-size:1em;
-font-weight:normal;
-text-transform:uppercase;
-color:#fff;
-background:#555;
-border:1px solid #555;
-}
-
-tbody th, tbody td {border-top:1px solid #bbb;}
-tbody tr.odd th, tbody tr.odd td {background:#fff;}
-
-tfoot th, tfoot td {border-top:2px solid #666;background:#eee;text-align:right}
-tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;}
-
-tfoot tr.total th {text-transform:uppercase;}
-th.currency, td.currency {text-align:right;}
-
-.disabled {
-color:#336;
-text-decoration:none;
-}
-
-input[type=radio],input[type=checkbox] {
-font-size:8pt;
-}
-
-input[type=submit],input[type=button],input[type=reset] {
-background:#FFF;
-border:#999 solid 1px;
-color:#1C334D;
-font-size:8pt;
-font-weight:700;
-margin:2px;
-}
-
-input[type=submit]:hover {
-color:red;
-cursor:pointer;
-text-decoration:underline;
-}
-
-input[type=file] {
-font-size:11px;
-}
-
-.endcolumns {
-clear:both;
-height:0;
-visibility:hidden;
-}
-
-.hidden {
-visibility:hidden;
-}
-
-.label {
-font-weight:700;
-padding-right:11px;
-text-align:right;
-white-space:nowrap;
-width:1%;
-}
-
-#ecom-header {
-background:#fff;
-height:80px;
-position:relative;
-voice-family:inherit;
-}
-
-#ecom-header #left {
-left:10px;
-position:absolute;
-top:20px;
-width:280px;
-}
-
-#ecom-header #middle {
-margin-left:290px;
-margin-right:210px;
-padding-top:20px;
-text-align:center;
-width:auto;
-}
-
-#ecom-header #right {
-margin-top:20px;
-padding:0;
-position:absolute;
-right:20px;
-text-align:right;
-top:0;
-width:290px;
-}
-
-#welcome-message {
-font-weight:700;
-padding-left:10px;
-padding-right:10px;
-text-decoration:none;
-}
-
-#welcome-message a {
-color:#1C334D;
-text-decoration:none;
-}
-
-#welcome-message a:hover {
-color:#000;
-text-decoration:underline;
-}
-
-#company-name {
-color:#1C334D;
-font-size:12pt;
-font-weight:700;
-white-space:nowrap;
-}
-
-#company-subtitle {
-color:#1C334D;
-font-size:6pt;
-white-space:nowrap;
-}
-
-#microcart {
-font-weight:700;
-text-decoration:none;
-}
-
-#microcart a {
-color:#1C334D;
-text-decoration:none;
-}
-
-#microcart a:hover {
-color:#000;
-text-decoration:underline;
-}
-
-#microcart .disabled {
-color:#666;
-}
-
-#ecom-header-bar {
-background:#B4B0AA;
-height:18px;
-overflow:visible;
-text-align:center;
-}
-
-#ecom-header-bar ul {
-background:transparent;
-display:block;
-overflow:visible;
-}
-
-#ecom-header-bar ul li {
-height:18px;
-padding:0 8px;
-}
-
-#ecom-header-bar ul#left-links li {
-border-right:1px solid #FFF;
-float:left;
-}
-
-#ecom-header-bar ul#right-links li {
-border-left:1px solid #FFF;
-float:right;
-}
-
-#ecom-header-bar ul li a {
-color:#1C334D;
-font-weight:700;
-text-decoration:none;
-}
-
-#ecom-header-bar ul li:hover a {
-color:#000;
-text-decoration:underline;
-}
-
-#ecom-mainarea {
-background:#FFF;
-margin-top:10px;
-position:relative;
-width:100%;
-text-align:left;
-}
-
-#ecom-mainarea .left {
-background:#fff;
-float:left;
-width:180px;
-margin:0 0 0 10px;
-}
-
-#ecom-mainarea .right {
-background:#fff;
-float:right;
-width:240px;
-margin:0 10px 0 0;
-}
-
-#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
-background:#fff;
-text-align:left;
-vertical-align:top;
-margin:0 0 0 10px;
-}
-
-#ecom-mainarea .center {
-margin-left:201px;
-margin-right:261px;
-overflow:hidden;
-voice-family:inherit;
-}
-
-#ecom-mainarea .leftonly {
-float:left;
-voice-family:inherit;
-}
-
-#ecom-mainarea .rightonly {
-margin-right:261px;
-voice-family:inherit;
-}
-
-#ecom-mainarea .screenlet {
-background:#FFF;
-border:1px solid #999;
-height:auto!important;
-margin-bottom:10px;
-}
-
-#ecom-mainarea .screenlet-header {
-background:#1C334D;
-height:auto!important;
-padding:1px 4px 3px;
-}
-
-#ecom-mainarea .screenlet-body {
-background:#FFF;
-height:auto!important;
-padding:4px;
-}
-
-#ecom-mainarea .screenlet h3 {
-background:#1C334D;
-color:#fff;
-height:auto!important;
-padding:1px 4px 3px;
-}
-
-.boxhead {
-color:#FFF;
-font-size:8pt;
-font-weight:700;
-text-decoration:none;
-}
-
-.boxlink {
-float:right;
-}
-
-a.boxheadbutton {
-color:#FFF;
-font-size:8pt;
-font-weight:700;
-text-decoration:none;
-}
-
-a.boxheadbutton:hover {
-color:red;
-font-size:8pt;
-font-weight:700;
-text-decoration:none;
-}
-
-#ecom-mainarea .form-label {
-float:left;
-padding-top:5px;
-text-align:right;
-width:180px;
-}
-
-#ecom-mainarea .form-field {
-float:left;
-margin-left:10px;
-text-align:left;
-}
-
-.tablebuttontext {
-color:#1E3C66;
-}
-
-.contenttext {
-font-size:8pt;
-}
-
-div.tabletexthidden {
-visibility:hidden;
-}
-
-.info {
-color:#000;
-font-style:normal;
-}
-
-div.graybox {
-background:#CCC;
-border:1px solid #000;
-font-weight:700;
-margin:2px auto;
-padding:4px;
-text-align:center;
-width:auto;
-}
-
-.boxoutside {
-background:#FFF;
-border-color:#999;
-border-style:solid;
-border-width:1px;
-}
-
-.boxtop {
-background:#1C334D;
-border-color:#999;
-border-style:solid;
-border-width:0;
-padding:1px 4px;
-}
-
-.boxbottom {
-background:#FFF;
-border-color:#999;
-border-style:solid;
-border-width:0;
-padding:4px;
-}
-
-.button {
-background:#ddd;
-border-color:#99C;
-border-style:outset;
-border-width:2px;
-padding-left:5px;
-padding-right:5px;
-}
-
-.tableheadtext {
-color:#000;
-font-weight:700;
-}
-
-a.tableheadbutton {
-color:#000;
-font-weight:700;
-}
-
-a.tableheadbutton:hover {
-color:red;
-font-weight:700;
-}
-
-.browsecategorylist {
-margin-left:10px;
-}
-
-.browsecategorytext {
-background:url(/images/bg_bullet_full_2.gif) no-repeat 0 .5em;
-color:#1C334D;
-font-weight:700;
-padding-left:10px;
-}
-
-a.browsecategorybutton {
-color:#1C334D;
-font-weight:700;
-}
-
-a.browsecategorybutton:hover {
-color:#1C334D;
-}
-
-.browsecategorybuttondisabled {
-color:#333;
-font-weight:700;
-}
-
-a.buttontext,.buttontextdisabled {
-background:#FFF;
-border:#999 solid 1px;
-font-weight:700;
-margin:2px 1px;
-padding:1px 4px;
-}
-
-a.buttontext {
-color:#1C334D;
-}
-
-a.buttontext:hover {
-color:red;
-}
-
-a.linktext {
-color:#1C334D;
-font-weight:700;
-}
-
-a.linktext:hover {
-color:red;
-}
-
-.buttontextdisabled {
-color:#333;
-}
-
-.submenutextinfo {
-border-right:1px solid #5886C6;
-color:#FFF;
-font-weight:700;
-padding-left:6px;
-padding-right:5px;
-}
-
-.submenutext,a.submenutext,a.submenutext:visited {
-border-right:1px solid #5886C6;
-color:#FF0;
-font-weight:700;
-padding-left:6px;
-padding-right:5px;
-}
-
-a.submenutext:hover {
-color:#FF0;
-}
-
-.submenutextdisabled,a.submenutextdisabled {
-border-right:1px solid #5886C6;
-color:#CCC;
-font-weight:700;
-padding-left:6px;
-padding-right:5px;
-}
-
-a.submenutextdisabled:hover {
-color:#FF0;
-font-weight:700;
-}
-
-.submenutextinforight {
-color:#FFF;
-font-weight:700;
-padding-left:6px;
-}
-
-.submenutextright,a.submenutextright {
-color:#FF0;
-font-weight:700;
-padding-left:6px;
-}
-
-a.submenutextright:hover {
-color:#FF0;
-text-decoration:underline;
-}
-
-.submenutextrightdisabled,a.submenutextrightdisabled {
-color:#CCC;
-font-weight:700;
-padding-left:6px;
-}
-
-a.submenutextrightdisabled:hover {
-color:#FF0;
-}
-
-a.lightbuttontext {
-border:none;
-color:#FF0;
-font-weight:700;
-}
-
-a.lightbuttontext:hover {
-color:#FF0;
-}
-
-a.lightbuttontextsmall {
-border:none;
-color:#FF0;
-font-size:8px;
-font-weight:700;
-}
-
-.lightbuttontextdisabled {
-color:#CCC;
-font-weight:700;
-}
-
-a.buttontextbig,.buttontextbigdisabled {
-background:#FFF;
-border:#999 solid 1px;
-font-size:15px;
-font-weight:700;
-margin:2px;
-padding:1px 4px;
-}
-
-a.buttontextbig {
-color:#1C334D;
-}
-
-.buttontextbigdisabled {
-color:#CCC;
-}
-
-a.buttontextbig:hover {
-color:red;
-}
-
-a img.imageborder {
-border-color:#999;
-border-style:solid;
-border-width:1px;
-}
-
-.headersmalltext {
-color:#000;
-font-size:8pt;
-font-weight:700;
-}
-
-a.headersmalllink {
-color:#1C334D;
-font-size:8pt;
-font-weight:700;
-}
-
-a.headersmalllink:hover {
-color:red;
-}
-
-.errormessage {
-color:red;
-font-size:8pt;
-font-weight:700;
-}
-
-.eventmessage {
-color:#1C334D;
-font-size:8pt;
-font-weight:700;
-}
-
-.ontab {
-background:#000;
-border-style:inset;
-border-width:3px;
-font-size:8pt;
-padding:2px;
-}
-
-a.onlnk {
-color:#FFF;
-font-size:8pt;
-font-weight:700;
-padding:2px;
-}
-
-.offtab {
-background:#CCC;
-border-style:outset;
-border-width:3px;
-padding:2px;
-}
-
-a.offlnk {
-color:#1C334D;
-font-weight:700;
-padding:2px;
-}
-
-a.offlnk:hover {
-color:red;
-}
-
-.areaheader {
-background:#000;
-color:#FFF;
-font-weight:700;
-padding:2px;
-width:100%;
-}
-
-.edittable {
-border-color:#000 #000 #033;
-border-style:solid;
-border-width:thin;
-}
-
-.editinputbox {
-background:#FFF;
-border:#999 solid 1px;
-font-size:8pt;
-margin:2px;
-}
-
-.smallsubmit {
-background:#FFF;
-border:#999 solid 1px;
-color:#1C334D;
-font-size:8pt;
-font-weight:700;
-margin:2px;
-}
-
-.mediumsubmit,.largesubmit,.loginbutton {
-background:#FFF;
-border:#999 solid 1px;
-color:#1C334D;
-font-size:10pt;
-font-weight:700;
-margin:2px;
-}
-
-.smallsubmit:hover,.mediumsubmit:hover,.largesubmit:hover,.loginbutton:hover {
-color:red;
-}
-
-.smallaltsubmit,.mediumaltsubmit,.largealtsubmit {
-font-size:8pt;
-}
-
-.baseprice {
-color:#000;
-}
-
-.normalprice {
-color:green;
-}
-
-.saleprice {
-color:red;
-}
-
-.product-prevnext {
-text-align:right;
-}
-
-.product-prevnext .tabletext {
-font-weight:700;
-}
-
-.productcategorylink-container {
-border-top:#999 solid 1px;
-margin-bottom:5px;
-margin-top:10px;
-position:relative;
-}
-
-.productcategorylink {
-border-bottom:#999 solid 1px;
-height:60px;
-padding:5px;
-position:relative;
-}
-
-.productcategorylink .smallimage {
-float:left;
-margin:0 5px 5px 0;
-}
-
-.productcategorylink .smallimage img {
-border:#CCC solid 1px;
-height:50px;
-}
-
-.productsummary-container {
-border-top:#999 solid 1px;
-margin-bottom:5px;
-margin-top:10px;
-position:relative;
-}
-
-.productsummary {
-border-bottom:#999 solid 1px;
-min-height:60px;
-padding:5px;
-position:relative;
-}
-
-.productsummary .smallimage {
-float:left;
-margin:0 5px 5px 0;
-}
-
-.productsummary .smallimage img {
-border:#CCC solid 1px;
-height:50px;
-}
-
-.productsummary .productbuy {
-float:right;
-margin:5px;
-text-align:right;
-width:160px;
-}
-
-.matrix .productsummary {
-border:none;
-height:250px;
-padding:10px;
-width:200px;
-}
-
-.matrix .productsummary .smallimage {
-float:none;
-text-align:center;
-}
-
-.matrix .productsummary .smallimage img {
-height:100px;
-}
-
-.matrix .productsummary .productbuy {
-float:none;
-text-align:left;
-}
-
-.productsummary .productinfo {
-text-align:left;
-}
-
-#productdetail #download-files {
-border-top:#999 solid 1px;
-margin-top:10px;
-padding-top:5px;
-}
-
-#productdetail #long-description {
-border-top:#999 solid 1px;
-margin-top:10px;
-padding-top:5px;
-}
-
-#productdetail #reviews {
-border-top:#999 solid 1px;
-margin-top:10px;
-padding-top:5px;
-}
-
-#productdetail #associated-products {
-border-top:#999 solid 1px;
-margin-top:10px;
-padding-top:5px;
-}
-
-.lefthalf {
-float:left;
-height:1%;
-left:0;
-margin:0 1% 1% 0;
-width:49%;
-}
-
-.righthalf {
-float:right;
-height:1%;
-margin:0 0 1% 1%;
-right:0;
-width:49%;
-}
-
-.leftclear {
-clear:left;
-height:1%;
-}
-
-.bothclear {
-clear:both;
-height:1%;
-}
-
-.calendar_date_select {
-border:#777 1px solid;
-color:#fff;
-display:block;
-width:200px;
-z-index:1000;
-}
-
-iframe.ie6_blocker {
-position:absolute;
-z-index:999;
-}
-
-.calendar_date_select thead th {
-background-color:#4682B4;
-border-bottom:2px solid #777;
-border-top:1px solid #777;
-color:#FFF!important;
-font-weight:700;
-}
-
-.calendar_date_select .cds_buttons {
-background-color:#4682B4;
-padding:5px 0;
-text-align:center;
-}
-
-.calendar_date_select .cds_footer {
-background-color:#4682B4;
-font-size:12px;
-padding:3px;
-text-align:center;
-}
-
-.calendar_date_select table {
-margin:0;
-padding:0;
-}
-
-.calendar_date_select .cds_header {
-background-color:#87CEEB;
-border-bottom:2px solid #87CEEB;
-text-align:center;
-}
-
-.calendar_date_select .cds_header span {
-color:#000;
-font-size:15px;
-font-weight:700;
-}
-
-.calendar_date_select select {
-font-size:11px;
-}
-
-.calendar_date_select .cds_header a:hover {
-color:#fff;
-}
-
-.calendar_date_select .cds_header a {
-color:#000!important;
-font-size:14px;
-height:20px;
-text-decoration:none;
-width:22px;
-}
-
-.calendar_date_select .cds_header a.prev {
-float:left;
-}
-
-.calendar_date_select .cds_header a.next {
-float:right;
-}
-
-.calendar_date_select .cds_header a.close {
-display:none;
-float:right;
-}
-
-.calendar_date_select .cds_header select.month {
-width:90px;
-}
-
-.calendar_date_select .cds_header select.year {
-width:61px;
-}
-
-.calendar_date_select .cds_buttons a {
-color:#fff;
-font-size:9px;
-}
-
-.calendar_date_select td {
-background-color:#87CEEB;
-font-size:12px;
-height:21px;
-text-align:center;
-vertical-align:middle;
-width:24px;
-}
-
-.calendar_date_select td.weekend {
-background-color:#ADD8E6;
-}
-
-.calendar_date_select td div {
-color:#fff;
-}
-
-.calendar_date_select td div.other {
-color:#888;
-}
-
-.calendar_date_select td.selected div {
-color:#000;
-}
-
-.calendar_date_select tbody td {
-border-bottom:1px solid #FFD700;
-}
-
-.calendar_date_select td.selected {
-background-color:#fff;
-}
-
-.calendar_date_select td:hover {
-background-color:#00BFFF;
-}
-
-.calendar_date_select td.today {
-border:1px dashed #FF0;
-}
-
-.calendar_date_select td.disabled div {
-color:#454545;
-}
-
-.fieldwitherrors .calendar_date_select {
-border:2px solid red;
-}
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+@import url("reset.css");
+@import url("forms.css");
+
+/***********************************************
+General Styles
+***********************************************/
+body {
+background: #fff;
+color: #333;
+font-family: Arial, Helvetica, sans-serif;
+font-size:.65em;
+line-height:1.5em;
+text-align:center;
+}
+
+img {display: inline-block; vertical-align: bottom;}
+
+h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
+address,cite,em,i,caption,dfn,var {font-style: italic;}
+
+h1 {margin: 0 0 0.75em; font-size: 2em; color:#1F2948;}
+h2 {margin: 0 0 1em; font-size: 1.5em;}
+h3 {margin: 0 0 .5em; font-size: 1.167em; color:#1F2948;}
+h4 {margin: 0 0 1.5em; font-size: 1em;}
+h5 {margin: 0 0 1.8em; font-size: .834em;}
+h6 {margin: 0 0 2em; font-size: .75em;}
+
+h1 span,h2 span,h3 span ,h4 span ,h5 span,h6 span {font-size:75%}
+
+p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}
+
+blockquote {padding: 0 1.5em;}
+
+li ul,li ol {margin: 0;}
+ul {list-style: none;}
+ol {list-style: outside decimal;}
+li {margin: 0;}
+
+dl { margin: 0 0 1.5em 0; }
+dl dt { font-weight: bold; }
+dd { margin-left: 1.5em;}
+
+a, a:link, a:visited {text-decoration: none; color:#1C334D; font-weight:700;}
+a:hover {text-decoration: none; color:#111;}
+abbr,acronym {border-bottom: 1px dotted; cursor: help;}
+del {text-decoration: line-through;}
+ins {text-decoration: overline;}
+sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
+sup {font-size: .834em; line-height: 1em; vertical-align: super;}
+strong { font-weight: bold; }
+em, dfn { font-style: italic; }
+
+tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}
+
+/***********************************************
+Tables
+***********************************************/
+table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
+caption {text-align: left;}
+th, td {padding: .25em .5em;}
+tbody td, tbody th {}
+
+col.colC {width:8em;}
+
+th, td {padding:.2em 1em;text-align:left;}
+
+thead th {
+border-bottom:2px solid #888;
+background:#bbb;
+padding:.4em 1em .2em;
+}
+thead th.table-head {
+font-size:1em;
+font-weight:normal;
+text-transform:uppercase;
+color:#fff;
+background:#555;
+border:1px solid #555;
+}
+
+tbody th, tbody td {border-top:1px solid #bbb;}
+tbody tr.odd th, tbody tr.odd td {background:#fff;}
+
+tfoot th, tfoot td {border-top:2px solid #666;background:#eee;text-align:right}
+tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;}
+
+tfoot tr.total th {text-transform:uppercase;}
+th.currency, td.currency {text-align:right;}
+
+.disabled {
+color:#336;
+text-decoration:none;
+}
+
+input[type=radio],input[type=checkbox] {
+font-size:8pt;
+}
+
+input[type=submit],input[type=button],input[type=reset] {
+background:#FFF;
+border:#999 solid 1px;
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
+margin:2px;
+}
+
+input[type=submit]:hover {
+color:red;
+cursor:pointer;
+text-decoration:underline;
+}
+
+input[type=file] {
+font-size:11px;
+}
+
+.endcolumns {
+clear:both;
+height:0;
+visibility:hidden;
+}
+
+.hidden {
+visibility:hidden;
+}
+
+.label {
+font-weight:700;
+padding-right:11px;
+text-align:right;
+white-space:nowrap;
+width:1%;
+}
+
+#ecom-header {
+background:#fff;
+height:80px;
+position:relative;
+voice-family:inherit;
+}
+
+#ecom-header #left {
+left:10px;
+position:absolute;
+top:20px;
+width:280px;
+}
+
+#ecom-header #middle {
+margin-left:290px;
+margin-right:210px;
+padding-top:20px;
+text-align:center;
+width:auto;
+}
+
+#ecom-header #right {
+margin-top:20px;
+padding:0;
+position:absolute;
+right:20px;
+text-align:right;
+top:0;
+width:290px;
+}
+
+#welcome-message {
+font-weight:700;
+padding-left:10px;
+padding-right:10px;
+text-decoration:none;
+}
+
+#welcome-message a {
+color:#1C334D;
+text-decoration:none;
+}
+
+#welcome-message a:hover {
+color:#000;
+text-decoration:underline;
+}
+
+#company-name {
+color:#1C334D;
+font-size:12pt;
+font-weight:700;
+white-space:nowrap;
+}
+
+#company-subtitle {
+color:#1C334D;
+font-size:6pt;
+white-space:nowrap;
+}
+
+#microcart {
+font-weight:700;
+text-decoration:none;
+}
+
+#microcart a {
+color:#1C334D;
+text-decoration:none;
+}
+
+#microcart a:hover {
+color:#000;
+text-decoration:underline;
+}
+
+#microcart .disabled {
+color:#666;
+}
+
+#ecom-header-bar {
+background:#B4B0AA;
+height:18px;
+overflow:visible;
+text-align:center;
+}
+
+#ecom-header-bar ul {
+background:transparent;
+display:block;
+overflow:visible;
+}
+
+#ecom-header-bar ul li {
+height:18px;
+padding:0 8px;
+}
+
+#ecom-header-bar ul#left-links li {
+border-right:1px solid #FFF;
+float:left;
+}
+
+#ecom-header-bar ul#right-links li {
+border-left:1px solid #FFF;
+float:right;
+}
+
+#ecom-header-bar ul li a {
+color:#1C334D;
+font-weight:700;
+text-decoration:none;
+}
+
+#ecom-header-bar ul li:hover a {
+color:#000;
+text-decoration:underline;
+}
+
+#ecom-mainarea {
+background:#FFF;
+margin-top:10px;
+position:relative;
+width:100%;
+text-align:left;
+}
+
+#ecom-mainarea .left {
+background:#fff;
+float:left;
+width:180px;
+margin:0 0 0 10px;
+}
+
+#ecom-mainarea .right {
+background:#fff;
+float:right;
+width:240px;
+margin:0 10px 0 0;
+}
+
+#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
+background:#fff;
+text-align:left;
+vertical-align:top;
+margin:0 0 0 10px;
+}
+
+#ecom-mainarea .center {
+margin-left:201px;
+margin-right:261px;
+voice-family:inherit;
+}
+
+#ecom-mainarea .leftonly {
+float:left;
+voice-family:inherit;
+}
+
+#ecom-mainarea .rightonly {
+margin-right:261px;
+voice-family:inherit;
+}
+
+#ecom-mainarea .screenlet {
+background:#FFF;
+border:1px solid #999;
+height:auto!important;
+margin-bottom:10px;
+}
+
+#ecom-mainarea .screenlet-header {
+background:#1C334D;
+height:auto!important;
+padding:1px 4px 3px;
+}
+
+#ecom-mainarea .screenlet-body {
+background:#FFF;
+height:auto!important;
+padding:4px;
+}
+
+#ecom-mainarea .screenlet h3 {
+background:#1C334D;
+color:#fff;
+height:auto!important;
+padding:1px 4px 3px;
+}
+
+.boxhead {
+color:#FFF;
+font-size:8pt;
+font-weight:700;
+text-decoration:none;
+}
+
+.boxlink {
+float:right;
+}
+
+a.boxheadbutton {
+color:#FFF;
+font-size:8pt;
+font-weight:700;
+text-decoration:none;
+}
+
+a.boxheadbutton:hover {
+color:red;
+font-size:8pt;
+font-weight:700;
+text-decoration:none;
+}
+
+#ecom-mainarea .form-label {
+float:left;
+padding-top:5px;
+text-align:right;
+width:180px;
+}
+
+#ecom-mainarea .form-field {
+float:left;
+margin-left:10px;
+text-align:left;
+}
+
+.tablebuttontext {
+color:#1E3C66;
+}
+
+.contenttext {
+font-size:8pt;
+}
+
+div.tabletexthidden {
+visibility:hidden;
+}
+
+.info {
+color:#000;
+font-style:normal;
+}
+
+div.graybox {
+background:#CCC;
+border:1px solid #000;
+font-weight:700;
+margin:2px auto;
+padding:4px;
+text-align:center;
+width:auto;
+}
+
+.boxoutside {
+background:#FFF;
+border-color:#999;
+border-style:solid;
+border-width:1px;
+}
+
+.boxtop {
+background:#1C334D;
+border-color:#999;
+border-style:solid;
+border-width:0;
+padding:1px 4px;
+}
+
+.boxbottom {
+background:#FFF;
+border-color:#999;
+border-style:solid;
+border-width:0;
+padding:4px;
+}
+
+.button {
+background:#ddd;
+border-color:#99C;
+border-style:outset;
+border-width:2px;
+padding-left:5px;
+padding-right:5px;
+}
+
+.tableheadtext {
+color:#000;
+font-weight:700;
+}
+
+a.tableheadbutton {
+color:#000;
+font-weight:700;
+}
+
+a.tableheadbutton:hover {
+color:red;
+font-weight:700;
+}
+
+.browsecategorylist {
+margin-left:10px;
+}
+
+.browsecategorytext {
+background:url(/images/bg_bullet_full_2.gif) no-repeat 0 .5em;
+color:#1C334D;
+font-weight:700;
+padding-left:10px;
+}
+
+a.browsecategorybutton {
+color:#1C334D;
+font-weight:700;
+}
+
+a.browsecategorybutton:hover {
+color:#1C334D;
+}
+
+.browsecategorybuttondisabled {
+color:#333;
+font-weight:700;
+}
+
+a.buttontext,.buttontextdisabled {
+background:#FFF;
+border:#999 solid 1px;
+font-weight:700;
+margin:2px 1px;
+padding:1px 4px;
+}
+
+a.buttontext {
+color:#1C334D;
+}
+
+a.buttontext:hover {
+color:red;
+}
+
+a.linktext {
+color:#1C334D;
+font-weight:700;
+}
+
+a.linktext:hover {
+color:red;
+}
+
+.buttontextdisabled {
+color:#333;
+}
+
+.submenutextinfo {
+border-right:1px solid #5886C6;
+color:#FFF;
+font-weight:700;
+padding-left:6px;
+padding-right:5px;
+}
+
+.submenutext,a.submenutext,a.submenutext:visited {
+border-right:1px solid #5886C6;
+color:#FF0;
+font-weight:700;
+padding-left:6px;
+padding-right:5px;
+}
+
+a.submenutext:hover {
+color:#FF0;
+}
+
+.submenutextdisabled,a.submenutextdisabled {
+border-right:1px solid #5886C6;
+color:#CCC;
+font-weight:700;
+padding-left:6px;
+padding-right:5px;
+}
+
+a.submenutextdisabled:hover {
+color:#FF0;
+font-weight:700;
+}
+
+.submenutextinforight {
+color:#FFF;
+font-weight:700;
+padding-left:6px;
+}
+
+.submenutextright,a.submenutextright {
+color:#FF0;
+font-weight:700;
+padding-left:6px;
+}
+
+a.submenutextright:hover {
+color:#FF0;
+text-decoration:underline;
+}
+
+.submenutextrightdisabled,a.submenutextrightdisabled {
+color:#CCC;
+font-weight:700;
+padding-left:6px;
+}
+
+a.submenutextrightdisabled:hover {
+color:#FF0;
+}
+
+a.lightbuttontext {
+border:none;
+color:#FF0;
+font-weight:700;
+}
+
+a.lightbuttontext:hover {
+color:#FF0;
+}
+
+a.lightbuttontextsmall {
+border:none;
+color:#FF0;
+font-size:8px;
+font-weight:700;
+}
+
+.lightbuttontextdisabled {
+color:#CCC;
+font-weight:700;
+}
+
+a.buttontextbig,.buttontextbigdisabled {
+background:#FFF;
+border:#999 solid 1px;
+font-size:15px;
+font-weight:700;
+margin:2px;
+padding:1px 4px;
+}
+
+a.buttontextbig {
+color:#1C334D;
+}
+
+.buttontextbigdisabled {
+color:#CCC;
+}
+
+a.buttontextbig:hover {
+color:red;
+}
+
+a img.imageborder {
+border-color:#999;
+border-style:solid;
+border-width:1px;
+}
+
+.headersmalltext {
+color:#000;
+font-size:8pt;
+font-weight:700;
+}
+
+a.headersmalllink {
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
+}
+
+a.headersmalllink:hover {
+color:red;
+}
+
+.errormessage {
+color:red;
+font-size:8pt;
+font-weight:700;
+}
+
+.eventmessage {
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
+}
+
+.ontab {
+background:#000;
+border-style:inset;
+border-width:3px;
+font-size:8pt;
+padding:2px;
+}
+
+a.onlnk {
+color:#FFF;
+font-size:8pt;
+font-weight:700;
+padding:2px;
+}
+
+.offtab {
+background:#CCC;
+border-style:outset;
+border-width:3px;
+padding:2px;
+}
+
+a.offlnk {
+color:#1C334D;
+font-weight:700;
+padding:2px;
+}
+
+a.offlnk:hover {
+color:red;
+}
+
+.areaheader {
+background:#000;
+color:#FFF;
+font-weight:700;
+padding:2px;
+width:100%;
+}
+
+.edittable {
+border-color:#000 #000 #033;
+border-style:solid;
+border-width:thin;
+}
+
+.editinputbox {
+background:#FFF;
+border:#999 solid 1px;
+font-size:8pt;
+margin:2px;
+}
+
+.smallsubmit {
+background:#FFF;
+border:#999 solid 1px;
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
+margin:2px;
+}
+
+.mediumsubmit,.largesubmit,.loginbutton {
+background:#FFF;
+border:#999 solid 1px;
+color:#1C334D;
+font-size:10pt;
+font-weight:700;
+margin:2px;
+}
+
+.smallsubmit:hover,.mediumsubmit:hover,.largesubmit:hover,.loginbutton:hover {
+color:red;
+}
+
+.smallaltsubmit,.mediumaltsubmit,.largealtsubmit {
+font-size:8pt;
+}
+
+.baseprice {
+color:#000;
+}
+
+.normalprice {
+color:green;
+}
+
+.saleprice {
+color:red;
+}
+
+.product-prevnext {
+text-align:right;
+}
+
+.product-prevnext .tabletext {
+font-weight:700;
+}
+
+.productcategorylink-container {
+border-top:#999 solid 1px;
+margin-bottom:5px;
+margin-top:10px;
+position:relative;
+}
+
+.productcategorylink {
+border-bottom:#999 solid 1px;
+height:60px;
+padding:5px;
+position:relative;
+}
+
+.productcategorylink .smallimage {
+float:left;
+margin:0 5px 5px 0;
+}
+
+.productcategorylink .smallimage img {
+border:#CCC solid 1px;
+height:50px;
+}
+
+.productsummary-container {
+border-top:#999 solid 1px;
+margin-bottom:5px;
+margin-top:10px;
+position:relative;
+}
+
+.productsummary {
+border-bottom:#999 solid 1px;
+min-height:60px;
+padding:5px;
+position:relative;
+}
+
+.productsummary .smallimage {
+float:left;
+margin:0 5px 5px 0;
+}
+
+.productsummary .smallimage img {
+border:#CCC solid 1px;
+height:50px;
+}
+
+.productsummary .productbuy {
+float:right;
+margin:5px;
+text-align:right;
+width:160px;
+}
+
+.matrix .productsummary {
+border:none;
+height:250px;
+padding:10px;
+width:200px;
+}
+
+.matrix .productsummary .smallimage {
+float:none;
+text-align:center;
+}
+
+.matrix .productsummary .smallimage img {
+height:100px;
+}
+
+.matrix .productsummary .productbuy {
+float:none;
+text-align:left;
+}
+
+.productsummary .productinfo {
+text-align:left;
+}
+
+#productdetail #download-files {
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
+}
+
+#productdetail #long-description {
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
+}
+
+#productdetail #reviews {
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
+}
+
+#productdetail #associated-products {
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
+}
+
+.lefthalf {
+float:left;
+height:1%;
+left:0;
+margin:0 1% 1% 0;
+width:49%;
+}
+
+.righthalf {
+float:right;
+height:1%;
+margin:0 0 1% 1%;
+right:0;
+width:49%;
+}
+
+.leftclear {
+clear:left;
+height:1%;
+}
+
+.bothclear {
+clear:both;
+height:1%;
+}
+
+.calendar_date_select {
+border:#777 1px solid;
+color:#fff;
+display:block;
+width:200px;
+z-index:1000;
+}
+
+iframe.ie6_blocker {
+position:absolute;
+z-index:999;
+}
+
+.calendar_date_select thead th {
+background-color:#4682B4;
+border-bottom:2px solid #777;
+border-top:1px solid #777;
+color:#FFF!important;
+font-weight:700;
+}
+
+.calendar_date_select .cds_buttons {
+background-color:#4682B4;
+padding:5px 0;
+text-align:center;
+}
+
+.calendar_date_select .cds_footer {
+background-color:#4682B4;
+font-size:12px;
+padding:3px;
+text-align:center;
+}
+
+.calendar_date_select table {
+margin:0;
+padding:0;
+}
+
+.calendar_date_select .cds_header {
+background-color:#87CEEB;
+border-bottom:2px solid #87CEEB;
+text-align:center;
+}
+
+.calendar_date_select .cds_header span {
+color:#000;
+font-size:15px;
+font-weight:700;
+}
+
+.calendar_date_select select {
+font-size:11px;
+}
+
+.calendar_date_select .cds_header a:hover {
+color:#fff;
+}
+
+.calendar_date_select .cds_header a {
+color:#000!important;
+font-size:14px;
+height:20px;
+text-decoration:none;
+width:22px;
+}
+
+.calendar_date_select .cds_header a.prev {
+float:left;
+}
+
+.calendar_date_select .cds_header a.next {
+float:right;
+}
+
+.calendar_date_select .cds_header a.close {
+display:none;
+float:right;
+}
+
+.calendar_date_select .cds_header select.month {
+width:90px;
+}
+
+.calendar_date_select .cds_header select.year {
+width:61px;
+}
+
+.calendar_date_select .cds_buttons a {
+color:#fff;
+font-size:9px;
+}
+
+.calendar_date_select td {
+background-color:#87CEEB;
+font-size:12px;
+height:21px;
+text-align:center;
+vertical-align:middle;
+width:24px;
+}
+
+.calendar_date_select td.weekend {
+background-color:#ADD8E6;
+}
+
+.calendar_date_select td div {
+color:#fff;
+}
+
+.calendar_date_select td div.other {
+color:#888;
+}
+
+.calendar_date_select td.selected div {
+color:#000;
+}
+
+.calendar_date_select tbody td {
+border-bottom:1px solid #FFD700;
+}
+
+.calendar_date_select td.selected {
+background-color:#fff;
+}
+
+.calendar_date_select td:hover {
+background-color:#00BFFF;
+}
+
+.calendar_date_select td.today {
+border:1px dashed #FF0;
+}
+
+.calendar_date_select td.disabled div {
+color:#454545;
+}
+
+.fieldwitherrors .calendar_date_select {
+border:2px solid red;
+}

Re: svn commit: r812022 - /ofbiz/trunk/framework/images/webapp/images/ecommain.css

Posted by Jacques Le Roux <ja...@les7arts.com>.
Oops, sorry many false changes, it seems that Eclipse/Oxygen has done something weird here...
I cheked with r806841, it's ok

Jacques

From: <jl...@apache.org>
> Author: jleroux
> Date: Mon Sep  7 07:31:47 2009
> New Revision: 812022
>
> URL: http://svn.apache.org/viewvc?rev=812022&view=rev
> Log:
> Revert r811419 at Scott's demand on dev ML (issue on Safari on Mac or Linux)
>
> Modified:
>    ofbiz/trunk/framework/images/webapp/images/ecommain.css
>
> Modified: ofbiz/trunk/framework/images/webapp/images/ecommain.css
> URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/ecommain.css?rev=812022&r1=812021&r2=812022&view=diff
> ==============================================================================
> --- ofbiz/trunk/framework/images/webapp/images/ecommain.css (original)
> +++ ofbiz/trunk/framework/images/webapp/images/ecommain.css Mon Sep  7 07:31:47 2009
> @@ -1,1019 +1,1018 @@
> -/*
> - * Licensed to the Apache Software Foundation (ASF) under one
> - * or more contributor license agreements.  See the NOTICE file
> - * distributed with this work for additional information
> - * regarding copyright ownership.  The ASF licenses this file
> - * to you under the Apache License, Version 2.0 (the
> - * "License"); you may not use this file except in compliance
> - * with the License.  You may obtain a copy of the License at
> - *
> - * http://www.apache.org/licenses/LICENSE-2.0
> - *
> - * Unless required by applicable law or agreed to in writing,
> - * software distributed under the License is distributed on an
> - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
> - * KIND, either express or implied.  See the License for the
> - * specific language governing permissions and limitations
> - * under the License.
> - */
> -
> -@import url("reset.css");
> -@import url("forms.css");
> -
> -/***********************************************
> -General Styles
> -***********************************************/
> -body {
> -background: #fff;
> -color: #333;
> -font-family: Arial, Helvetica, sans-serif;
> -font-size:.65em;
> -line-height:1.5em;
> -text-align:center;
> -}
> -
> -img {display: inline-block; vertical-align: bottom;}
> -
> -h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
> -address,cite,em,i,caption,dfn,var {font-style: italic;}
> -
> -h1 {margin: 0 0 0.75em; font-size: 2em; color:#1F2948;}
> -h2 {margin: 0 0 1em; font-size: 1.5em;}
> -h3 {margin: 0 0 .5em; font-size: 1.167em; color:#1F2948;}
> -h4 {margin: 0 0 1.5em; font-size: 1em;}
> -h5 {margin: 0 0 1.8em; font-size: .834em;}
> -h6 {margin: 0 0 2em; font-size: .75em;}
> -
> -h1 span,h2 span,h3 span ,h4 span ,h5 span,h6 span {font-size:75%}
> -
> -p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}
> -
> -blockquote {padding: 0 1.5em;}
> -
> -li ul,li ol {margin: 0;}
> -ul {list-style: none;}
> -ol {list-style: outside decimal;}
> -li {margin: 0;}
> -
> -dl { margin: 0 0 1.5em 0; }
> -dl dt { font-weight: bold; }
> -dd { margin-left: 1.5em;}
> -
> -a, a:link, a:visited {text-decoration: none; color:#1C334D; font-weight:700;}
> -a:hover {text-decoration: none; color:#111;}
> -abbr,acronym {border-bottom: 1px dotted; cursor: help;}
> -del {text-decoration: line-through;}
> -ins {text-decoration: overline;}
> -sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
> -sup {font-size: .834em; line-height: 1em; vertical-align: super;}
> -strong { font-weight: bold; }
> -em, dfn { font-style: italic; }
> -
> -tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}
> -
> -/***********************************************
> -Tables
> -***********************************************/
> -table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
> -caption {text-align: left;}
> -th, td {padding: .25em .5em;}
> -tbody td, tbody th {}
> -
> -col.colC {width:8em;}
> -
> -th, td {padding:.2em 1em;text-align:left;}
> -
> -thead th {
> -border-bottom:2px solid #888;
> -background:#bbb;
> -padding:.4em 1em .2em;
> -}
> -thead th.table-head {
> -font-size:1em;
> -font-weight:normal;
> -text-transform:uppercase;
> -color:#fff;
> -background:#555;
> -border:1px solid #555;
> -}
> -
> -tbody th, tbody td {border-top:1px solid #bbb;}
> -tbody tr.odd th, tbody tr.odd td {background:#fff;}
> -
> -tfoot th, tfoot td {border-top:2px solid #666;background:#eee;text-align:right}
> -tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;}
> -
> -tfoot tr.total th {text-transform:uppercase;}
> -th.currency, td.currency {text-align:right;}
> -
> -.disabled {
> -color:#336;
> -text-decoration:none;
> -}
> -
> -input[type=radio],input[type=checkbox] {
> -font-size:8pt;
> -}
> -
> -input[type=submit],input[type=button],input[type=reset] {
> -background:#FFF;
> -border:#999 solid 1px;
> -color:#1C334D;
> -font-size:8pt;
> -font-weight:700;
> -margin:2px;
> -}
> -
> -input[type=submit]:hover {
> -color:red;
> -cursor:pointer;
> -text-decoration:underline;
> -}
> -
> -input[type=file] {
> -font-size:11px;
> -}
> -
> -.endcolumns {
> -clear:both;
> -height:0;
> -visibility:hidden;
> -}
> -
> -.hidden {
> -visibility:hidden;
> -}
> -
> -.label {
> -font-weight:700;
> -padding-right:11px;
> -text-align:right;
> -white-space:nowrap;
> -width:1%;
> -}
> -
> -#ecom-header {
> -background:#fff;
> -height:80px;
> -position:relative;
> -voice-family:inherit;
> -}
> -
> -#ecom-header #left {
> -left:10px;
> -position:absolute;
> -top:20px;
> -width:280px;
> -}
> -
> -#ecom-header #middle {
> -margin-left:290px;
> -margin-right:210px;
> -padding-top:20px;
> -text-align:center;
> -width:auto;
> -}
> -
> -#ecom-header #right {
> -margin-top:20px;
> -padding:0;
> -position:absolute;
> -right:20px;
> -text-align:right;
> -top:0;
> -width:290px;
> -}
> -
> -#welcome-message {
> -font-weight:700;
> -padding-left:10px;
> -padding-right:10px;
> -text-decoration:none;
> -}
> -
> -#welcome-message a {
> -color:#1C334D;
> -text-decoration:none;
> -}
> -
> -#welcome-message a:hover {
> -color:#000;
> -text-decoration:underline;
> -}
> -
> -#company-name {
> -color:#1C334D;
> -font-size:12pt;
> -font-weight:700;
> -white-space:nowrap;
> -}
> -
> -#company-subtitle {
> -color:#1C334D;
> -font-size:6pt;
> -white-space:nowrap;
> -}
> -
> -#microcart {
> -font-weight:700;
> -text-decoration:none;
> -}
> -
> -#microcart a {
> -color:#1C334D;
> -text-decoration:none;
> -}
> -
> -#microcart a:hover {
> -color:#000;
> -text-decoration:underline;
> -}
> -
> -#microcart .disabled {
> -color:#666;
> -}
> -
> -#ecom-header-bar {
> -background:#B4B0AA;
> -height:18px;
> -overflow:visible;
> -text-align:center;
> -}
> -
> -#ecom-header-bar ul {
> -background:transparent;
> -display:block;
> -overflow:visible;
> -}
> -
> -#ecom-header-bar ul li {
> -height:18px;
> -padding:0 8px;
> -}
> -
> -#ecom-header-bar ul#left-links li {
> -border-right:1px solid #FFF;
> -float:left;
> -}
> -
> -#ecom-header-bar ul#right-links li {
> -border-left:1px solid #FFF;
> -float:right;
> -}
> -
> -#ecom-header-bar ul li a {
> -color:#1C334D;
> -font-weight:700;
> -text-decoration:none;
> -}
> -
> -#ecom-header-bar ul li:hover a {
> -color:#000;
> -text-decoration:underline;
> -}
> -
> -#ecom-mainarea {
> -background:#FFF;
> -margin-top:10px;
> -position:relative;
> -width:100%;
> -text-align:left;
> -}
> -
> -#ecom-mainarea .left {
> -background:#fff;
> -float:left;
> -width:180px;
> -margin:0 0 0 10px;
> -}
> -
> -#ecom-mainarea .right {
> -background:#fff;
> -float:right;
> -width:240px;
> -margin:0 10px 0 0;
> -}
> -
> -#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
> -background:#fff;
> -text-align:left;
> -vertical-align:top;
> -margin:0 0 0 10px;
> -}
> -
> -#ecom-mainarea .center {
> -margin-left:201px;
> -margin-right:261px;
> -overflow:hidden;
> -voice-family:inherit;
> -}
> -
> -#ecom-mainarea .leftonly {
> -float:left;
> -voice-family:inherit;
> -}
> -
> -#ecom-mainarea .rightonly {
> -margin-right:261px;
> -voice-family:inherit;
> -}
> -
> -#ecom-mainarea .screenlet {
> -background:#FFF;
> -border:1px solid #999;
> -height:auto!important;
> -margin-bottom:10px;
> -}
> -
> -#ecom-mainarea .screenlet-header {
> -background:#1C334D;
> -height:auto!important;
> -padding:1px 4px 3px;
> -}
> -
> -#ecom-mainarea .screenlet-body {
> -background:#FFF;
> -height:auto!important;
> -padding:4px;
> -}
> -
> -#ecom-mainarea .screenlet h3 {
> -background:#1C334D;
> -color:#fff;
> -height:auto!important;
> -padding:1px 4px 3px;
> -}
> -
> -.boxhead {
> -color:#FFF;
> -font-size:8pt;
> -font-weight:700;
> -text-decoration:none;
> -}
> -
> -.boxlink {
> -float:right;
> -}
> -
> -a.boxheadbutton {
> -color:#FFF;
> -font-size:8pt;
> -font-weight:700;
> -text-decoration:none;
> -}
> -
> -a.boxheadbutton:hover {
> -color:red;
> -font-size:8pt;
> -font-weight:700;
> -text-decoration:none;
> -}
> -
> -#ecom-mainarea .form-label {
> -float:left;
> -padding-top:5px;
> -text-align:right;
> -width:180px;
> -}
> -
> -#ecom-mainarea .form-field {
> -float:left;
> -margin-left:10px;
> -text-align:left;
> -}
> -
> -.tablebuttontext {
> -color:#1E3C66;
> -}
> -
> -.contenttext {
> -font-size:8pt;
> -}
> -
> -div.tabletexthidden {
> -visibility:hidden;
> -}
> -
> -.info {
> -color:#000;
> -font-style:normal;
> -}
> -
> -div.graybox {
> -background:#CCC;
> -border:1px solid #000;
> -font-weight:700;
> -margin:2px auto;
> -padding:4px;
> -text-align:center;
> -width:auto;
> -}
> -
> -.boxoutside {
> -background:#FFF;
> -border-color:#999;
> -border-style:solid;
> -border-width:1px;
> -}
> -
> -.boxtop {
> -background:#1C334D;
> -border-color:#999;
> -border-style:solid;
> -border-width:0;
> -padding:1px 4px;
> -}
> -
> -.boxbottom {
> -background:#FFF;
> -border-color:#999;
> -border-style:solid;
> -border-width:0;
> -padding:4px;
> -}
> -
> -.button {
> -background:#ddd;
> -border-color:#99C;
> -border-style:outset;
> -border-width:2px;
> -padding-left:5px;
> -padding-right:5px;
> -}
> -
> -.tableheadtext {
> -color:#000;
> -font-weight:700;
> -}
> -
> -a.tableheadbutton {
> -color:#000;
> -font-weight:700;
> -}
> -
> -a.tableheadbutton:hover {
> -color:red;
> -font-weight:700;
> -}
> -
> -.browsecategorylist {
> -margin-left:10px;
> -}
> -
> -.browsecategorytext {
> -background:url(/images/bg_bullet_full_2.gif) no-repeat 0 .5em;
> -color:#1C334D;
> -font-weight:700;
> -padding-left:10px;
> -}
> -
> -a.browsecategorybutton {
> -color:#1C334D;
> -font-weight:700;
> -}
> -
> -a.browsecategorybutton:hover {
> -color:#1C334D;
> -}
> -
> -.browsecategorybuttondisabled {
> -color:#333;
> -font-weight:700;
> -}
> -
> -a.buttontext,.buttontextdisabled {
> -background:#FFF;
> -border:#999 solid 1px;
> -font-weight:700;
> -margin:2px 1px;
> -padding:1px 4px;
> -}
> -
> -a.buttontext {
> -color:#1C334D;
> -}
> -
> -a.buttontext:hover {
> -color:red;
> -}
> -
> -a.linktext {
> -color:#1C334D;
> -font-weight:700;
> -}
> -
> -a.linktext:hover {
> -color:red;
> -}
> -
> -.buttontextdisabled {
> -color:#333;
> -}
> -
> -.submenutextinfo {
> -border-right:1px solid #5886C6;
> -color:#FFF;
> -font-weight:700;
> -padding-left:6px;
> -padding-right:5px;
> -}
> -
> -.submenutext,a.submenutext,a.submenutext:visited {
> -border-right:1px solid #5886C6;
> -color:#FF0;
> -font-weight:700;
> -padding-left:6px;
> -padding-right:5px;
> -}
> -
> -a.submenutext:hover {
> -color:#FF0;
> -}
> -
> -.submenutextdisabled,a.submenutextdisabled {
> -border-right:1px solid #5886C6;
> -color:#CCC;
> -font-weight:700;
> -padding-left:6px;
> -padding-right:5px;
> -}
> -
> -a.submenutextdisabled:hover {
> -color:#FF0;
> -font-weight:700;
> -}
> -
> -.submenutextinforight {
> -color:#FFF;
> -font-weight:700;
> -padding-left:6px;
> -}
> -
> -.submenutextright,a.submenutextright {
> -color:#FF0;
> -font-weight:700;
> -padding-left:6px;
> -}
> -
> -a.submenutextright:hover {
> -color:#FF0;
> -text-decoration:underline;
> -}
> -
> -.submenutextrightdisabled,a.submenutextrightdisabled {
> -color:#CCC;
> -font-weight:700;
> -padding-left:6px;
> -}
> -
> -a.submenutextrightdisabled:hover {
> -color:#FF0;
> -}
> -
> -a.lightbuttontext {
> -border:none;
> -color:#FF0;
> -font-weight:700;
> -}
> -
> -a.lightbuttontext:hover {
> -color:#FF0;
> -}
> -
> -a.lightbuttontextsmall {
> -border:none;
> -color:#FF0;
> -font-size:8px;
> -font-weight:700;
> -}
> -
> -.lightbuttontextdisabled {
> -color:#CCC;
> -font-weight:700;
> -}
> -
> -a.buttontextbig,.buttontextbigdisabled {
> -background:#FFF;
> -border:#999 solid 1px;
> -font-size:15px;
> -font-weight:700;
> -margin:2px;
> -padding:1px 4px;
> -}
> -
> -a.buttontextbig {
> -color:#1C334D;
> -}
> -
> -.buttontextbigdisabled {
> -color:#CCC;
> -}
> -
> -a.buttontextbig:hover {
> -color:red;
> -}
> -
> -a img.imageborder {
> -border-color:#999;
> -border-style:solid;
> -border-width:1px;
> -}
> -
> -.headersmalltext {
> -color:#000;
> -font-size:8pt;
> -font-weight:700;
> -}
> -
> -a.headersmalllink {
> -color:#1C334D;
> -font-size:8pt;
> -font-weight:700;
> -}
> -
> -a.headersmalllink:hover {
> -color:red;
> -}
> -
> -.errormessage {
> -color:red;
> -font-size:8pt;
> -font-weight:700;
> -}
> -
> -.eventmessage {
> -color:#1C334D;
> -font-size:8pt;
> -font-weight:700;
> -}
> -
> -.ontab {
> -background:#000;
> -border-style:inset;
> -border-width:3px;
> -font-size:8pt;
> -padding:2px;
> -}
> -
> -a.onlnk {
> -color:#FFF;
> -font-size:8pt;
> -font-weight:700;
> -padding:2px;
> -}
> -
> -.offtab {
> -background:#CCC;
> -border-style:outset;
> -border-width:3px;
> -padding:2px;
> -}
> -
> -a.offlnk {
> -color:#1C334D;
> -font-weight:700;
> -padding:2px;
> -}
> -
> -a.offlnk:hover {
> -color:red;
> -}
> -
> -.areaheader {
> -background:#000;
> -color:#FFF;
> -font-weight:700;
> -padding:2px;
> -width:100%;
> -}
> -
> -.edittable {
> -border-color:#000 #000 #033;
> -border-style:solid;
> -border-width:thin;
> -}
> -
> -.editinputbox {
> -background:#FFF;
> -border:#999 solid 1px;
> -font-size:8pt;
> -margin:2px;
> -}
> -
> -.smallsubmit {
> -background:#FFF;
> -border:#999 solid 1px;
> -color:#1C334D;
> -font-size:8pt;
> -font-weight:700;
> -margin:2px;
> -}
> -
> -.mediumsubmit,.largesubmit,.loginbutton {
> -background:#FFF;
> -border:#999 solid 1px;
> -color:#1C334D;
> -font-size:10pt;
> -font-weight:700;
> -margin:2px;
> -}
> -
> -.smallsubmit:hover,.mediumsubmit:hover,.largesubmit:hover,.loginbutton:hover {
> -color:red;
> -}
> -
> -.smallaltsubmit,.mediumaltsubmit,.largealtsubmit {
> -font-size:8pt;
> -}
> -
> -.baseprice {
> -color:#000;
> -}
> -
> -.normalprice {
> -color:green;
> -}
> -
> -.saleprice {
> -color:red;
> -}
> -
> -.product-prevnext {
> -text-align:right;
> -}
> -
> -.product-prevnext .tabletext {
> -font-weight:700;
> -}
> -
> -.productcategorylink-container {
> -border-top:#999 solid 1px;
> -margin-bottom:5px;
> -margin-top:10px;
> -position:relative;
> -}
> -
> -.productcategorylink {
> -border-bottom:#999 solid 1px;
> -height:60px;
> -padding:5px;
> -position:relative;
> -}
> -
> -.productcategorylink .smallimage {
> -float:left;
> -margin:0 5px 5px 0;
> -}
> -
> -.productcategorylink .smallimage img {
> -border:#CCC solid 1px;
> -height:50px;
> -}
> -
> -.productsummary-container {
> -border-top:#999 solid 1px;
> -margin-bottom:5px;
> -margin-top:10px;
> -position:relative;
> -}
> -
> -.productsummary {
> -border-bottom:#999 solid 1px;
> -min-height:60px;
> -padding:5px;
> -position:relative;
> -}
> -
> -.productsummary .smallimage {
> -float:left;
> -margin:0 5px 5px 0;
> -}
> -
> -.productsummary .smallimage img {
> -border:#CCC solid 1px;
> -height:50px;
> -}
> -
> -.productsummary .productbuy {
> -float:right;
> -margin:5px;
> -text-align:right;
> -width:160px;
> -}
> -
> -.matrix .productsummary {
> -border:none;
> -height:250px;
> -padding:10px;
> -width:200px;
> -}
> -
> -.matrix .productsummary .smallimage {
> -float:none;
> -text-align:center;
> -}
> -
> -.matrix .productsummary .smallimage img {
> -height:100px;
> -}
> -
> -.matrix .productsummary .productbuy {
> -float:none;
> -text-align:left;
> -}
> -
> -.productsummary .productinfo {
> -text-align:left;
> -}
> -
> -#productdetail #download-files {
> -border-top:#999 solid 1px;
> -margin-top:10px;
> -padding-top:5px;
> -}
> -
> -#productdetail #long-description {
> -border-top:#999 solid 1px;
> -margin-top:10px;
> -padding-top:5px;
> -}
> -
> -#productdetail #reviews {
> -border-top:#999 solid 1px;
> -margin-top:10px;
> -padding-top:5px;
> -}
> -
> -#productdetail #associated-products {
> -border-top:#999 solid 1px;
> -margin-top:10px;
> -padding-top:5px;
> -}
> -
> -.lefthalf {
> -float:left;
> -height:1%;
> -left:0;
> -margin:0 1% 1% 0;
> -width:49%;
> -}
> -
> -.righthalf {
> -float:right;
> -height:1%;
> -margin:0 0 1% 1%;
> -right:0;
> -width:49%;
> -}
> -
> -.leftclear {
> -clear:left;
> -height:1%;
> -}
> -
> -.bothclear {
> -clear:both;
> -height:1%;
> -}
> -
> -.calendar_date_select {
> -border:#777 1px solid;
> -color:#fff;
> -display:block;
> -width:200px;
> -z-index:1000;
> -}
> -
> -iframe.ie6_blocker {
> -position:absolute;
> -z-index:999;
> -}
> -
> -.calendar_date_select thead th {
> -background-color:#4682B4;
> -border-bottom:2px solid #777;
> -border-top:1px solid #777;
> -color:#FFF!important;
> -font-weight:700;
> -}
> -
> -.calendar_date_select .cds_buttons {
> -background-color:#4682B4;
> -padding:5px 0;
> -text-align:center;
> -}
> -
> -.calendar_date_select .cds_footer {
> -background-color:#4682B4;
> -font-size:12px;
> -padding:3px;
> -text-align:center;
> -}
> -
> -.calendar_date_select table {
> -margin:0;
> -padding:0;
> -}
> -
> -.calendar_date_select .cds_header {
> -background-color:#87CEEB;
> -border-bottom:2px solid #87CEEB;
> -text-align:center;
> -}
> -
> -.calendar_date_select .cds_header span {
> -color:#000;
> -font-size:15px;
> -font-weight:700;
> -}
> -
> -.calendar_date_select select {
> -font-size:11px;
> -}
> -
> -.calendar_date_select .cds_header a:hover {
> -color:#fff;
> -}
> -
> -.calendar_date_select .cds_header a {
> -color:#000!important;
> -font-size:14px;
> -height:20px;
> -text-decoration:none;
> -width:22px;
> -}
> -
> -.calendar_date_select .cds_header a.prev {
> -float:left;
> -}
> -
> -.calendar_date_select .cds_header a.next {
> -float:right;
> -}
> -
> -.calendar_date_select .cds_header a.close {
> -display:none;
> -float:right;
> -}
> -
> -.calendar_date_select .cds_header select.month {
> -width:90px;
> -}
> -
> -.calendar_date_select .cds_header select.year {
> -width:61px;
> -}
> -
> -.calendar_date_select .cds_buttons a {
> -color:#fff;
> -font-size:9px;
> -}
> -
> -.calendar_date_select td {
> -background-color:#87CEEB;
> -font-size:12px;
> -height:21px;
> -text-align:center;
> -vertical-align:middle;
> -width:24px;
> -}
> -
> -.calendar_date_select td.weekend {
> -background-color:#ADD8E6;
> -}
> -
> -.calendar_date_select td div {
> -color:#fff;
> -}
> -
> -.calendar_date_select td div.other {
> -color:#888;
> -}
> -
> -.calendar_date_select td.selected div {
> -color:#000;
> -}
> -
> -.calendar_date_select tbody td {
> -border-bottom:1px solid #FFD700;
> -}
> -
> -.calendar_date_select td.selected {
> -background-color:#fff;
> -}
> -
> -.calendar_date_select td:hover {
> -background-color:#00BFFF;
> -}
> -
> -.calendar_date_select td.today {
> -border:1px dashed #FF0;
> -}
> -
> -.calendar_date_select td.disabled div {
> -color:#454545;
> -}
> -
> -.fieldwitherrors .calendar_date_select {
> -border:2px solid red;
> -}
> +/*
> + * Licensed to the Apache Software Foundation (ASF) under one
> + * or more contributor license agreements.  See the NOTICE file
> + * distributed with this work for additional information
> + * regarding copyright ownership.  The ASF licenses this file
> + * to you under the Apache License, Version 2.0 (the
> + * "License"); you may not use this file except in compliance
> + * with the License.  You may obtain a copy of the License at
> + *
> + * http://www.apache.org/licenses/LICENSE-2.0
> + *
> + * Unless required by applicable law or agreed to in writing,
> + * software distributed under the License is distributed on an
> + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
> + * KIND, either express or implied.  See the License for the
> + * specific language governing permissions and limitations
> + * under the License.
> + */
> +
> +@import url("reset.css");
> +@import url("forms.css");
> +
> +/***********************************************
> +General Styles
> +***********************************************/
> +body {
> +background: #fff;
> +color: #333;
> +font-family: Arial, Helvetica, sans-serif;
> +font-size:.65em;
> +line-height:1.5em;
> +text-align:center;
> +}
> +
> +img {display: inline-block; vertical-align: bottom;}
> +
> +h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
> +address,cite,em,i,caption,dfn,var {font-style: italic;}
> +
> +h1 {margin: 0 0 0.75em; font-size: 2em; color:#1F2948;}
> +h2 {margin: 0 0 1em; font-size: 1.5em;}
> +h3 {margin: 0 0 .5em; font-size: 1.167em; color:#1F2948;}
> +h4 {margin: 0 0 1.5em; font-size: 1em;}
> +h5 {margin: 0 0 1.8em; font-size: .834em;}
> +h6 {margin: 0 0 2em; font-size: .75em;}
> +
> +h1 span,h2 span,h3 span ,h4 span ,h5 span,h6 span {font-size:75%}
> +
> +p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}
> +
> +blockquote {padding: 0 1.5em;}
> +
> +li ul,li ol {margin: 0;}
> +ul {list-style: none;}
> +ol {list-style: outside decimal;}
> +li {margin: 0;}
> +
> +dl { margin: 0 0 1.5em 0; }
> +dl dt { font-weight: bold; }
> +dd { margin-left: 1.5em;}
> +
> +a, a:link, a:visited {text-decoration: none; color:#1C334D; font-weight:700;}
> +a:hover {text-decoration: none; color:#111;}
> +abbr,acronym {border-bottom: 1px dotted; cursor: help;}
> +del {text-decoration: line-through;}
> +ins {text-decoration: overline;}
> +sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
> +sup {font-size: .834em; line-height: 1em; vertical-align: super;}
> +strong { font-weight: bold; }
> +em, dfn { font-style: italic; }
> +
> +tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}
> +
> +/***********************************************
> +Tables
> +***********************************************/
> +table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
> +caption {text-align: left;}
> +th, td {padding: .25em .5em;}
> +tbody td, tbody th {}
> +
> +col.colC {width:8em;}
> +
> +th, td {padding:.2em 1em;text-align:left;}
> +
> +thead th {
> +border-bottom:2px solid #888;
> +background:#bbb;
> +padding:.4em 1em .2em;
> +}
> +thead th.table-head {
> +font-size:1em;
> +font-weight:normal;
> +text-transform:uppercase;
> +color:#fff;
> +background:#555;
> +border:1px solid #555;
> +}
> +
> +tbody th, tbody td {border-top:1px solid #bbb;}
> +tbody tr.odd th, tbody tr.odd td {background:#fff;}
> +
> +tfoot th, tfoot td {border-top:2px solid #666;background:#eee;text-align:right}
> +tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;}
> +
> +tfoot tr.total th {text-transform:uppercase;}
> +th.currency, td.currency {text-align:right;}
> +
> +.disabled {
> +color:#336;
> +text-decoration:none;
> +}
> +
> +input[type=radio],input[type=checkbox] {
> +font-size:8pt;
> +}
> +
> +input[type=submit],input[type=button],input[type=reset] {
> +background:#FFF;
> +border:#999 solid 1px;
> +color:#1C334D;
> +font-size:8pt;
> +font-weight:700;
> +margin:2px;
> +}
> +
> +input[type=submit]:hover {
> +color:red;
> +cursor:pointer;
> +text-decoration:underline;
> +}
> +
> +input[type=file] {
> +font-size:11px;
> +}
> +
> +.endcolumns {
> +clear:both;
> +height:0;
> +visibility:hidden;
> +}
> +
> +.hidden {
> +visibility:hidden;
> +}
> +
> +.label {
> +font-weight:700;
> +padding-right:11px;
> +text-align:right;
> +white-space:nowrap;
> +width:1%;
> +}
> +
> +#ecom-header {
> +background:#fff;
> +height:80px;
> +position:relative;
> +voice-family:inherit;
> +}
> +
> +#ecom-header #left {
> +left:10px;
> +position:absolute;
> +top:20px;
> +width:280px;
> +}
> +
> +#ecom-header #middle {
> +margin-left:290px;
> +margin-right:210px;
> +padding-top:20px;
> +text-align:center;
> +width:auto;
> +}
> +
> +#ecom-header #right {
> +margin-top:20px;
> +padding:0;
> +position:absolute;
> +right:20px;
> +text-align:right;
> +top:0;
> +width:290px;
> +}
> +
> +#welcome-message {
> +font-weight:700;
> +padding-left:10px;
> +padding-right:10px;
> +text-decoration:none;
> +}
> +
> +#welcome-message a {
> +color:#1C334D;
> +text-decoration:none;
> +}
> +
> +#welcome-message a:hover {
> +color:#000;
> +text-decoration:underline;
> +}
> +
> +#company-name {
> +color:#1C334D;
> +font-size:12pt;
> +font-weight:700;
> +white-space:nowrap;
> +}
> +
> +#company-subtitle {
> +color:#1C334D;
> +font-size:6pt;
> +white-space:nowrap;
> +}
> +
> +#microcart {
> +font-weight:700;
> +text-decoration:none;
> +}
> +
> +#microcart a {
> +color:#1C334D;
> +text-decoration:none;
> +}
> +
> +#microcart a:hover {
> +color:#000;
> +text-decoration:underline;
> +}
> +
> +#microcart .disabled {
> +color:#666;
> +}
> +
> +#ecom-header-bar {
> +background:#B4B0AA;
> +height:18px;
> +overflow:visible;
> +text-align:center;
> +}
> +
> +#ecom-header-bar ul {
> +background:transparent;
> +display:block;
> +overflow:visible;
> +}
> +
> +#ecom-header-bar ul li {
> +height:18px;
> +padding:0 8px;
> +}
> +
> +#ecom-header-bar ul#left-links li {
> +border-right:1px solid #FFF;
> +float:left;
> +}
> +
> +#ecom-header-bar ul#right-links li {
> +border-left:1px solid #FFF;
> +float:right;
> +}
> +
> +#ecom-header-bar ul li a {
> +color:#1C334D;
> +font-weight:700;
> +text-decoration:none;
> +}
> +
> +#ecom-header-bar ul li:hover a {
> +color:#000;
> +text-decoration:underline;
> +}
> +
> +#ecom-mainarea {
> +background:#FFF;
> +margin-top:10px;
> +position:relative;
> +width:100%;
> +text-align:left;
> +}
> +
> +#ecom-mainarea .left {
> +background:#fff;
> +float:left;
> +width:180px;
> +margin:0 0 0 10px;
> +}
> +
> +#ecom-mainarea .right {
> +background:#fff;
> +float:right;
> +width:240px;
> +margin:0 10px 0 0;
> +}
> +
> +#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
> +background:#fff;
> +text-align:left;
> +vertical-align:top;
> +margin:0 0 0 10px;
> +}
> +
> +#ecom-mainarea .center {
> +margin-left:201px;
> +margin-right:261px;
> +voice-family:inherit;
> +}
> +
> +#ecom-mainarea .leftonly {
> +float:left;
> +voice-family:inherit;
> +}
> +
> +#ecom-mainarea .rightonly {
> +margin-right:261px;
> +voice-family:inherit;
> +}
> +
> +#ecom-mainarea .screenlet {
> +background:#FFF;
> +border:1px solid #999;
> +height:auto!important;
> +margin-bottom:10px;
> +}
> +
> +#ecom-mainarea .screenlet-header {
> +background:#1C334D;
> +height:auto!important;
> +padding:1px 4px 3px;
> +}
> +
> +#ecom-mainarea .screenlet-body {
> +background:#FFF;
> +height:auto!important;
> +padding:4px;
> +}
> +
> +#ecom-mainarea .screenlet h3 {
> +background:#1C334D;
> +color:#fff;
> +height:auto!important;
> +padding:1px 4px 3px;
> +}
> +
> +.boxhead {
> +color:#FFF;
> +font-size:8pt;
> +font-weight:700;
> +text-decoration:none;
> +}
> +
> +.boxlink {
> +float:right;
> +}
> +
> +a.boxheadbutton {
> +color:#FFF;
> +font-size:8pt;
> +font-weight:700;
> +text-decoration:none;
> +}
> +
> +a.boxheadbutton:hover {
> +color:red;
> +font-size:8pt;
> +font-weight:700;
> +text-decoration:none;
> +}
> +
> +#ecom-mainarea .form-label {
> +float:left;
> +padding-top:5px;
> +text-align:right;
> +width:180px;
> +}
> +
> +#ecom-mainarea .form-field {
> +float:left;
> +margin-left:10px;
> +text-align:left;
> +}
> +
> +.tablebuttontext {
> +color:#1E3C66;
> +}
> +
> +.contenttext {
> +font-size:8pt;
> +}
> +
> +div.tabletexthidden {
> +visibility:hidden;
> +}
> +
> +.info {
> +color:#000;
> +font-style:normal;
> +}
> +
> +div.graybox {
> +background:#CCC;
> +border:1px solid #000;
> +font-weight:700;
> +margin:2px auto;
> +padding:4px;
> +text-align:center;
> +width:auto;
> +}
> +
> +.boxoutside {
> +background:#FFF;
> +border-color:#999;
> +border-style:solid;
> +border-width:1px;
> +}
> +
> +.boxtop {
> +background:#1C334D;
> +border-color:#999;
> +border-style:solid;
> +border-width:0;
> +padding:1px 4px;
> +}
> +
> +.boxbottom {
> +background:#FFF;
> +border-color:#999;
> +border-style:solid;
> +border-width:0;
> +padding:4px;
> +}
> +
> +.button {
> +background:#ddd;
> +border-color:#99C;
> +border-style:outset;
> +border-width:2px;
> +padding-left:5px;
> +padding-right:5px;
> +}
> +
> +.tableheadtext {
> +color:#000;
> +font-weight:700;
> +}
> +
> +a.tableheadbutton {
> +color:#000;
> +font-weight:700;
> +}
> +
> +a.tableheadbutton:hover {
> +color:red;
> +font-weight:700;
> +}
> +
> +.browsecategorylist {
> +margin-left:10px;
> +}
> +
> +.browsecategorytext {
> +background:url(/images/bg_bullet_full_2.gif) no-repeat 0 .5em;
> +color:#1C334D;
> +font-weight:700;
> +padding-left:10px;
> +}
> +
> +a.browsecategorybutton {
> +color:#1C334D;
> +font-weight:700;
> +}
> +
> +a.browsecategorybutton:hover {
> +color:#1C334D;
> +}
> +
> +.browsecategorybuttondisabled {
> +color:#333;
> +font-weight:700;
> +}
> +
> +a.buttontext,.buttontextdisabled {
> +background:#FFF;
> +border:#999 solid 1px;
> +font-weight:700;
> +margin:2px 1px;
> +padding:1px 4px;
> +}
> +
> +a.buttontext {
> +color:#1C334D;
> +}
> +
> +a.buttontext:hover {
> +color:red;
> +}
> +
> +a.linktext {
> +color:#1C334D;
> +font-weight:700;
> +}
> +
> +a.linktext:hover {
> +color:red;
> +}
> +
> +.buttontextdisabled {
> +color:#333;
> +}
> +
> +.submenutextinfo {
> +border-right:1px solid #5886C6;
> +color:#FFF;
> +font-weight:700;
> +padding-left:6px;
> +padding-right:5px;
> +}
> +
> +.submenutext,a.submenutext,a.submenutext:visited {
> +border-right:1px solid #5886C6;
> +color:#FF0;
> +font-weight:700;
> +padding-left:6px;
> +padding-right:5px;
> +}
> +
> +a.submenutext:hover {
> +color:#FF0;
> +}
> +
> +.submenutextdisabled,a.submenutextdisabled {
> +border-right:1px solid #5886C6;
> +color:#CCC;
> +font-weight:700;
> +padding-left:6px;
> +padding-right:5px;
> +}
> +
> +a.submenutextdisabled:hover {
> +color:#FF0;
> +font-weight:700;
> +}
> +
> +.submenutextinforight {
> +color:#FFF;
> +font-weight:700;
> +padding-left:6px;
> +}
> +
> +.submenutextright,a.submenutextright {
> +color:#FF0;
> +font-weight:700;
> +padding-left:6px;
> +}
> +
> +a.submenutextright:hover {
> +color:#FF0;
> +text-decoration:underline;
> +}
> +
> +.submenutextrightdisabled,a.submenutextrightdisabled {
> +color:#CCC;
> +font-weight:700;
> +padding-left:6px;
> +}
> +
> +a.submenutextrightdisabled:hover {
> +color:#FF0;
> +}
> +
> +a.lightbuttontext {
> +border:none;
> +color:#FF0;
> +font-weight:700;
> +}
> +
> +a.lightbuttontext:hover {
> +color:#FF0;
> +}
> +
> +a.lightbuttontextsmall {
> +border:none;
> +color:#FF0;
> +font-size:8px;
> +font-weight:700;
> +}
> +
> +.lightbuttontextdisabled {
> +color:#CCC;
> +font-weight:700;
> +}
> +
> +a.buttontextbig,.buttontextbigdisabled {
> +background:#FFF;
> +border:#999 solid 1px;
> +font-size:15px;
> +font-weight:700;
> +margin:2px;
> +padding:1px 4px;
> +}
> +
> +a.buttontextbig {
> +color:#1C334D;
> +}
> +
> +.buttontextbigdisabled {
> +color:#CCC;
> +}
> +
> +a.buttontextbig:hover {
> +color:red;
> +}
> +
> +a img.imageborder {
> +border-color:#999;
> +border-style:solid;
> +border-width:1px;
> +}
> +
> +.headersmalltext {
> +color:#000;
> +font-size:8pt;
> +font-weight:700;
> +}
> +
> +a.headersmalllink {
> +color:#1C334D;
> +font-size:8pt;
> +font-weight:700;
> +}
> +
> +a.headersmalllink:hover {
> +color:red;
> +}
> +
> +.errormessage {
> +color:red;
> +font-size:8pt;
> +font-weight:700;
> +}
> +
> +.eventmessage {
> +color:#1C334D;
> +font-size:8pt;
> +font-weight:700;
> +}
> +
> +.ontab {
> +background:#000;
> +border-style:inset;
> +border-width:3px;
> +font-size:8pt;
> +padding:2px;
> +}
> +
> +a.onlnk {
> +color:#FFF;
> +font-size:8pt;
> +font-weight:700;
> +padding:2px;
> +}
> +
> +.offtab {
> +background:#CCC;
> +border-style:outset;
> +border-width:3px;
> +padding:2px;
> +}
> +
> +a.offlnk {
> +color:#1C334D;
> +font-weight:700;
> +padding:2px;
> +}
> +
> +a.offlnk:hover {
> +color:red;
> +}
> +
> +.areaheader {
> +background:#000;
> +color:#FFF;
> +font-weight:700;
> +padding:2px;
> +width:100%;
> +}
> +
> +.edittable {
> +border-color:#000 #000 #033;
> +border-style:solid;
> +border-width:thin;
> +}
> +
> +.editinputbox {
> +background:#FFF;
> +border:#999 solid 1px;
> +font-size:8pt;
> +margin:2px;
> +}
> +
> +.smallsubmit {
> +background:#FFF;
> +border:#999 solid 1px;
> +color:#1C334D;
> +font-size:8pt;
> +font-weight:700;
> +margin:2px;
> +}
> +
> +.mediumsubmit,.largesubmit,.loginbutton {
> +background:#FFF;
> +border:#999 solid 1px;
> +color:#1C334D;
> +font-size:10pt;
> +font-weight:700;
> +margin:2px;
> +}
> +
> +.smallsubmit:hover,.mediumsubmit:hover,.largesubmit:hover,.loginbutton:hover {
> +color:red;
> +}
> +
> +.smallaltsubmit,.mediumaltsubmit,.largealtsubmit {
> +font-size:8pt;
> +}
> +
> +.baseprice {
> +color:#000;
> +}
> +
> +.normalprice {
> +color:green;
> +}
> +
> +.saleprice {
> +color:red;
> +}
> +
> +.product-prevnext {
> +text-align:right;
> +}
> +
> +.product-prevnext .tabletext {
> +font-weight:700;
> +}
> +
> +.productcategorylink-container {
> +border-top:#999 solid 1px;
> +margin-bottom:5px;
> +margin-top:10px;
> +position:relative;
> +}
> +
> +.productcategorylink {
> +border-bottom:#999 solid 1px;
> +height:60px;
> +padding:5px;
> +position:relative;
> +}
> +
> +.productcategorylink .smallimage {
> +float:left;
> +margin:0 5px 5px 0;
> +}
> +
> +.productcategorylink .smallimage img {
> +border:#CCC solid 1px;
> +height:50px;
> +}
> +
> +.productsummary-container {
> +border-top:#999 solid 1px;
> +margin-bottom:5px;
> +margin-top:10px;
> +position:relative;
> +}
> +
> +.productsummary {
> +border-bottom:#999 solid 1px;
> +min-height:60px;
> +padding:5px;
> +position:relative;
> +}
> +
> +.productsummary .smallimage {
> +float:left;
> +margin:0 5px 5px 0;
> +}
> +
> +.productsummary .smallimage img {
> +border:#CCC solid 1px;
> +height:50px;
> +}
> +
> +.productsummary .productbuy {
> +float:right;
> +margin:5px;
> +text-align:right;
> +width:160px;
> +}
> +
> +.matrix .productsummary {
> +border:none;
> +height:250px;
> +padding:10px;
> +width:200px;
> +}
> +
> +.matrix .productsummary .smallimage {
> +float:none;
> +text-align:center;
> +}
> +
> +.matrix .productsummary .smallimage img {
> +height:100px;
> +}
> +
> +.matrix .productsummary .productbuy {
> +float:none;
> +text-align:left;
> +}
> +
> +.productsummary .productinfo {
> +text-align:left;
> +}
> +
> +#productdetail #download-files {
> +border-top:#999 solid 1px;
> +margin-top:10px;
> +padding-top:5px;
> +}
> +
> +#productdetail #long-description {
> +border-top:#999 solid 1px;
> +margin-top:10px;
> +padding-top:5px;
> +}
> +
> +#productdetail #reviews {
> +border-top:#999 solid 1px;
> +margin-top:10px;
> +padding-top:5px;
> +}
> +
> +#productdetail #associated-products {
> +border-top:#999 solid 1px;
> +margin-top:10px;
> +padding-top:5px;
> +}
> +
> +.lefthalf {
> +float:left;
> +height:1%;
> +left:0;
> +margin:0 1% 1% 0;
> +width:49%;
> +}
> +
> +.righthalf {
> +float:right;
> +height:1%;
> +margin:0 0 1% 1%;
> +right:0;
> +width:49%;
> +}
> +
> +.leftclear {
> +clear:left;
> +height:1%;
> +}
> +
> +.bothclear {
> +clear:both;
> +height:1%;
> +}
> +
> +.calendar_date_select {
> +border:#777 1px solid;
> +color:#fff;
> +display:block;
> +width:200px;
> +z-index:1000;
> +}
> +
> +iframe.ie6_blocker {
> +position:absolute;
> +z-index:999;
> +}
> +
> +.calendar_date_select thead th {
> +background-color:#4682B4;
> +border-bottom:2px solid #777;
> +border-top:1px solid #777;
> +color:#FFF!important;
> +font-weight:700;
> +}
> +
> +.calendar_date_select .cds_buttons {
> +background-color:#4682B4;
> +padding:5px 0;
> +text-align:center;
> +}
> +
> +.calendar_date_select .cds_footer {
> +background-color:#4682B4;
> +font-size:12px;
> +padding:3px;
> +text-align:center;
> +}
> +
> +.calendar_date_select table {
> +margin:0;
> +padding:0;
> +}
> +
> +.calendar_date_select .cds_header {
> +background-color:#87CEEB;
> +border-bottom:2px solid #87CEEB;
> +text-align:center;
> +}
> +
> +.calendar_date_select .cds_header span {
> +color:#000;
> +font-size:15px;
> +font-weight:700;
> +}
> +
> +.calendar_date_select select {
> +font-size:11px;
> +}
> +
> +.calendar_date_select .cds_header a:hover {
> +color:#fff;
> +}
> +
> +.calendar_date_select .cds_header a {
> +color:#000!important;
> +font-size:14px;
> +height:20px;
> +text-decoration:none;
> +width:22px;
> +}
> +
> +.calendar_date_select .cds_header a.prev {
> +float:left;
> +}
> +
> +.calendar_date_select .cds_header a.next {
> +float:right;
> +}
> +
> +.calendar_date_select .cds_header a.close {
> +display:none;
> +float:right;
> +}
> +
> +.calendar_date_select .cds_header select.month {
> +width:90px;
> +}
> +
> +.calendar_date_select .cds_header select.year {
> +width:61px;
> +}
> +
> +.calendar_date_select .cds_buttons a {
> +color:#fff;
> +font-size:9px;
> +}
> +
> +.calendar_date_select td {
> +background-color:#87CEEB;
> +font-size:12px;
> +height:21px;
> +text-align:center;
> +vertical-align:middle;
> +width:24px;
> +}
> +
> +.calendar_date_select td.weekend {
> +background-color:#ADD8E6;
> +}
> +
> +.calendar_date_select td div {
> +color:#fff;
> +}
> +
> +.calendar_date_select td div.other {
> +color:#888;
> +}
> +
> +.calendar_date_select td.selected div {
> +color:#000;
> +}
> +
> +.calendar_date_select tbody td {
> +border-bottom:1px solid #FFD700;
> +}
> +
> +.calendar_date_select td.selected {
> +background-color:#fff;
> +}
> +
> +.calendar_date_select td:hover {
> +background-color:#00BFFF;
> +}
> +
> +.calendar_date_select td.today {
> +border:1px dashed #FF0;
> +}
> +
> +.calendar_date_select td.disabled div {
> +color:#454545;
> +}
> +
> +.fieldwitherrors .calendar_date_select {
> +border:2px solid red;
> +}
>
>