You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ofbiz.apache.org by ap...@apache.org on 2009/06/04 01:24:51 UTC
svn commit: r781617 -
/ofbiz/trunk/framework/images/webapp/images/ecommain.css
Author: apatel
Date: Wed Jun 3 23:24:51 2009
New Revision: 781617
URL: http://svn.apache.org/viewvc?rev=781617&view=rev
Log:
No Functional changes. Did formatting changes.
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=781617&r1=781616&r2=781617&view=diff
==============================================================================
--- ofbiz/trunk/framework/images/webapp/images/ecommain.css (original)
+++ ofbiz/trunk/framework/images/webapp/images/ecommain.css Wed Jun 3 23:24:51 2009
@@ -17,1049 +17,1019 @@
* under the License.
*/
-/* ===== This file contains the eCommerce specific styles ===== */
-
-/* ===== Resets/Browser Normalization ===== */
-
-blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
-img, input, li, ol, p, select, span, td, textarea, th, ul {
-border-style: none;
-margin: 0;
-padding: 0;
+blockquote,body,div,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,select,span,td,textarea,th,ul {
+border-style:none;
+margin:0;
+padding:0;
}
-a, address, body, caption, cite, code, dfn, em, strong, th, var {
-font-style: normal;
-font-weight: normal;
-text-decoration: none;
+a,address,body,caption,cite,code,dfn,em,strong,th,var {
+font-style:normal;
+font-weight:400;
+text-decoration:none;
}
-body, caption, th {
-text-align: left;
+body,caption,th {
+text-align:left;
}
-h1, h2, h3, h4, h5, h6 {
-font-size: 100%;
+h1,h2,h3,h4,h5,h6 {
+font-size:100%;
}
-ol, ul {
-list-style: none;
+ol,ul {
+list-style:none;
}
-/* ===== Basic Element Styles ===== */
-
-
-a, a:visited {
-color: #1C334D;
-font-weight: bold;
+a,a:visited {
+color:#1C334D;
+font-weight:700;
}
-a:hover, a:active {
-text-decoration: underline;
+a:hover,a:active {
+text-decoration:underline;
}
.disabled {
-color: #333366;
-text-decoration: none;
+color:#336;
+text-decoration:none;
}
-body, textarea, input, select {
-font-family: Verdana, Arial, Helvetica, sans-serif;
+body,textarea,input,select {
+font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
-background-color: #FFFFFF;
-color: #000000;
-font-size: 10px;
-margin: 10px;
+background-color:#FFF;
+color:#000;
+font-size:10px;
+margin:10px;
}
hr {
-background-color: #999999;
-border: 0;
-height: 1px;
-margin: 5px 0 5px 0;
+background-color:#999;
+border:0;
+height:1px;
+margin:5px 0;
}
-input[type="radio"], input[type="checkbox"] {
-font-size: 8pt;
+input[type=radio],input[type=checkbox] {
+font-size:8pt;
}
-input[type="text"], input[type="password"] {
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+input[type=text],input[type=password] {
+background:#FFF;
+border:#999 solid 1px;
+font-size:8pt;
+margin:2px;
}
-input[type="submit"], input[type="button"],
-input[type="reset"] {
-font-size: 8pt;
-font-weight: bold;
-color: #1C334D;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+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: #ff0000;
-cursor: pointer;
-text-decoration: underline;
+input[type=submit]:hover {
+color:red;
+cursor:pointer;
+text-decoration:underline;
}
-input[type="file"] {
-font-size: 11px;
+input[type=file] {
+font-size:11px;
}
select {
-background: #FFFFFF;
-font-size: 8pt;
-border: #999999 solid 1px;
-margin: 2px;
+background:#FFF;
+border:#999 solid 1px;
+font-size:8pt;
+margin:2px;
}
-h1, .h1 {
-color: #1C334D;
-font-size: 12pt;
-font-weight: bold;
+h1,.h1 {
+color:#1C334D;
+font-size:12pt;
+font-weight:700;
}
-h2, .h2 {
-font-size: 10pt;
-font-weight: bold;
+h2,.h2 {
+font-size:10pt;
+font-weight:700;
}
-h3, .h3 {
-font-size: 8pt;
-font-weight: bold;
+h3,.h3 {
+font-size:8pt;
+font-weight:700;
}
-/* IE7 fix */
table {
-font-size: 10px;
+font-size:10px;
}
-/* IE7 fix */
table input {
-border: #999999 solid 1px;
+border:#999 solid 1px;
}
textarea {
-background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+background:#FFF;
+border:#999 solid 1px;
+font-size:8pt;
+margin:2px;
}
-th, th a {
-color: #000000;
-font-weight: bold;
+th,th a {
+color:#000;
+font-weight:700;
}
img {
-behavior: url("/images/pngbehavior.htc");
+behavior:url(/images/pngbehavior.htc);
}
.endcolumns {
-clear: both;
-height: 0px;
-visibility: hidden;
+clear:both;
+height:0;
+visibility:hidden;
}
.hidden {
-visibility: hidden;
+visibility:hidden;
}
.label {
-/* Used for <input> element labels */
-font-weight: bold;
-padding-right: 11px;
-text-align: right;
-white-space: nowrap;
-width: 1%;
+font-weight:700;
+padding-right:11px;
+text-align:right;
+white-space:nowrap;
+width:1%;
}
-/* ===== Header Styles ===== */
#ecom-header {
-position: relative;
-background: #ffffff;
-height: 80px;
-voice-family: "\"}\"";
-voice-family: inherit;
-height: 80px;
-/* border:1px solid #000; */
+background:#fff;
+height:80px;
+position:relative;
+voice-family:inherit;
}
+
#ecom-header #left {
-position: absolute;
-top: 0px;
-left: 0px;
-width: 280px;
+left:0;
+position:absolute;
+top:0;
+width:280px;
}
-#ecom-header #middle {
-margin-left: 290px;
-margin-right: 210px;
-padding-top: 10px;
-width: auto;
-text-align: center;
+#ecom-header #middle {
+margin-left:290px;
+margin-right:210px;
+padding-top:10px;
+text-align:center;
+width:auto;
}
-#ecom-header #right {
-position: absolute;
-top: 0px;
-right: 0px;
-width: 290px;
-padding: 0px;
-margin-top: 20px;
-text-align: right;
+#ecom-header #right {
+margin-top:20px;
+padding:0;
+position:absolute;
+right:0;
+text-align:right;
+top:0;
+width:290px;
}
#welcome-message {
-padding-right: 10px;
-padding-left: 10px;
-font-weight: bold;
-text-decoration: none;
+font-weight:700;
+padding-left:10px;
+padding-right:10px;
+text-decoration:none;
}
+
#welcome-message a {
-text-decoration: none;
-color: #1C334D;
+color:#1C334D;
+text-decoration:none;
}
+
#welcome-message a:hover {
-color: black;
-text-decoration: underline;
+color:#000;
+text-decoration:underline;
}
+
#company-name {
-font-size: 12pt;
-font-weight: bold;
-color: #1C334D;
-white-space: nowrap;
+color:#1C334D;
+font-size:12pt;
+font-weight:700;
+white-space:nowrap;
}
+
#company-subtitle {
-font-size: 6pt;
-color: #1C334D;
-white-space: nowrap;
+color:#1C334D;
+font-size:6pt;
+white-space:nowrap;
}
#microcart {
-font-weight: bold;
-text-decoration: none;
+font-weight:700;
+text-decoration:none;
}
+
#microcart a {
-text-decoration: none;
-color: #1C334D;
+color:#1C334D;
+text-decoration:none;
}
+
#microcart a:hover {
-color: black;
-text-decoration: underline;
+color:#000;
+text-decoration:underline;
}
+
#microcart .disabled {
-color: #666666;
+color:#666;
}
-/* ===== Header-Bar Styles ===== */
#ecom-header-bar {
-background: #B4B0AA;
-text-align: center;
-overflow: visible;
-height: 14px;
+background:#B4B0AA;
+height:14px;
+overflow:visible;
+text-align:center;
}
#ecom-header-bar ul {
-display: block;
-overflow: visible;
-background: transparent;
+background:transparent;
+display:block;
+overflow:visible;
}
#ecom-header-bar ul li {
-height: 14px;
-padding: 0px 8px 0px 8px;
+height:14px;
+padding:0 8px;
}
+
#ecom-header-bar ul#left-links li {
-float: left;
-border-right: 1px solid #FFFFFF;
+border-right:1px solid #FFF;
+float:left;
}
+
#ecom-header-bar ul#right-links li {
-float: right;
-border-left: 1px solid #FFFFFF;
+border-left:1px solid #FFF;
+float:right;
}
#ecom-header-bar ul li a {
-font-weight: bold;
-text-decoration: none;
-color: #1C334D;
+color:#1C334D;
+font-weight:700;
+text-decoration:none;
}
+
#ecom-header-bar ul li:hover a {
-color: black;
-text-decoration: underline;
+color:#000;
+text-decoration:underline;
}
-
-/* ===== Layout/Formatting Styles ===== */
-/* NOTE: using a combination of a float left/right for the side bars AND
- wide margins for the center to get 2 desired effects: 1. be able to end
- columns and put the footer at the bottom of the page and 2. not have the
- center column expand to full width below the columns.
-
- The downside to this is that in some browsers we can't effectively use floats
- within divs in the main column.
-*/
-
-/* ecom-mainarea wraps what is below the header including the divs for left, main, right columns as applicable */
#ecom-mainarea {
-position: relative;
-background: #FFFFFF;
-width: 100%;
-margin-top: 10px;
+background:#FFF;
+margin-top:10px;
+position:relative;
+width:100%;
}
#ecom-mainarea .left {
-/* alt: position: absolute; left: 0px; top: 0px; */
-float: left;
-width: 150px;
-background: #ffffff;
-/* border:1px solid #000; */
+background:#fff;
+float:left;
+width:150px;
}
+
#ecom-mainarea .right {
-/* alt: position: absolute; right: 0px; top: 0px; */
-float: right;
-width: 200px;
-background: #ffffff;
+background:#fff;
+float:right;
+width:200px;
}
-
-#ecom-mainarea .center, #ecom-mainarea .leftonly, #ecom-mainarea .rightonly, #ecom-mainarea .nocolumns {
+#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
background:#fff;
-text-align: left;
-vertical-align: top;
+text-align:left;
+vertical-align:top;
}
+
#ecom-mainarea .center {
-margin-left: 160px;
-margin-right: 210px;
-voice-family: "\"}\"";
-voice-family: inherit;
-margin-left: 161px;
-margin-right: 211px;
+margin-left:161px;
+margin-right:211px;
+voice-family:inherit;
}
+
#ecom-mainarea .leftonly {
-margin-left: 160px;
-voice-family: "\"}\"";
-voice-family: inherit;
-margin-left: 161px;
+margin-left:161px;
+voice-family:inherit;
}
+
#ecom-mainarea .rightonly {
-margin-right: 210px;
-voice-family: "\"}\"";
-voice-family: inherit;
-margin-right: 211px;
+margin-right:211px;
+voice-family:inherit;
}
-/* ====== eCommerce "Screenlet" Styles ====== */
#ecom-mainarea .screenlet {
-background: #FFFFFF;
-border: 1px solid #999999;
-margin-bottom: 10px;
-height:auto !important;
-height:1%
+background:#FFF;
+border:1px solid #999;
+height:auto!important;
+margin-bottom:10px;
}
+
#ecom-mainarea .screenlet-header {
-background: #1C334D;
-padding-top: 1px;
-padding-bottom: 3px;
-padding-right: 4px;
-padding-left: 4px;
-height:auto !important;
-height:1%
+background:#1C334D;
+height:auto!important;
+padding:1px 4px 3px;
}
+
#ecom-mainarea .screenlet-body {
-background: #FFFFFF;
-padding: 4px;
-height:auto !important;
-height:1%
+background:#FFF;
+height:auto!important;
+padding:4px;
}
#ecom-mainarea .screenlet h3 {
- background: #1C334D;
- color:#fff;
- height:auto !important;
- height:1%;
- padding:1px 4px 3px 4px;
+background:#1C334D;
+color:#fff;
+height:auto!important;
+padding:1px 4px 3px;
}
-
.boxhead {
-font-size: 8pt;
-font-weight: bold;
-text-decoration: none;
-color: #FFFFFF;
+color:#FFF;
+font-size:8pt;
+font-weight:700;
+text-decoration:none;
}
.boxlink {
-float: right;
+float:right;
}
-A.boxheadbutton {
-font-size: 8pt;
-font-weight: bold;
-text-decoration: none;
-color: #FFFFFF;
+a.boxheadbutton {
+color:#FFF;
+font-size:8pt;
+font-weight:700;
+text-decoration:none;
}
-A.boxheadbutton:hover {
-font-size: 8pt;
-font-weight: bold;
-text-decoration: none;
-color: red;
+a.boxheadbutton:hover {
+color:red;
+font-size:8pt;
+font-weight:700;
+text-decoration:none;
}
-/* Form layout styles to simulate a table-style layout */
#ecom-mainarea .form-row {
-clear: both;
-padding-top: 2px;
+clear:both;
+padding-top:2px;
}
+
#ecom-mainarea .form-label {
-float: left;
-width: 180px;
-text-align: right;
-padding-top: 5px;
+float:left;
+padding-top:5px;
+text-align:right;
+width:180px;
}
+
#ecom-mainarea .form-field {
-float: left;
-margin-left: 10px;
-text-align: left;
+float:left;
+margin-left:10px;
+text-align:left;
}
-/* ===== Text/Label Styles ===== */
.tablebuttontext {
-color: #1E3C66;
+color:#1E3C66;
}
.contenttext {
-font-size: 8pt;
+font-size:8pt;
}
-DIV.tabletexthidden {
-visibility: hidden;
+div.tabletexthidden {
+visibility:hidden;
}
.info {
-font-style: normal;
-color: #000000;
+color:#000;
+font-style:normal;
}
-DIV.graybox {
-font-weight: bold;
-background: #CCCCCC;
-border: 1px solid #000000;
-text-align: center;
-margin: 2px auto;
-width: auto;
-padding: 4px;
+div.graybox {
+background:#CCC;
+border:1px solid #000;
+font-weight:700;
+margin:2px auto;
+padding:4px;
+text-align:center;
+width:auto;
}
-
.boxoutside {
-background: #FFFFFF;
-border-color: #999999;
-border-style: solid;
-border-width: 1px 1px 1px 1px;
+background:#FFF;
+border-color:#999;
+border-style:solid;
+border-width:1px;
}
.boxtop {
-background: #1C334D;
-padding-top: 1px;
-padding-bottom: 1px;
-padding-right: 4px;
-padding-left: 4px;
-border-color: #999999;
-border-style: solid;
-border-width: 0px 0px 0px 0px;
+background:#1C334D;
+border-color:#999;
+border-style:solid;
+border-width:0;
+padding:1px 4px;
}
.boxbottom {
-background: #FFFFFF;
-padding: 4px;
-border-color: #999999;
-border-style: solid;
-border-width: 0px 0px 0px 0px;
+background:#FFF;
+border-color:#999;
+border-style:solid;
+border-width:0;
+padding:4px;
}
.button {
-border-style: outset; border-color: #9999CC; border-width: 2px;
-background: #dddddd;
-padding-right: 5px; padding-left: 5px;
+background:#ddd;
+border-color:#99C;
+border-style:outset;
+border-width:2px;
+padding-left:5px;
+padding-right:5px;
}
-
.tableheadtext {
-font-weight: bold;
-color: black;
+color:#000;
+font-weight:700;
}
-A.tableheadbutton {
-font-weight: bold;
-color: black;
+a.tableheadbutton {
+color:#000;
+font-weight:700;
}
-A.tableheadbutton:hover {
-font-weight: bold;
-color: red;
+a.tableheadbutton:hover {
+color:red;
+font-weight:700;
}
.browsecategorylist {
-margin-left: 10px;
+margin-left:10px;
}
.browsecategorytext {
-font-weight: bold;
-color: #1C334D;
-padding-left: 10px;
-background:url(/images/bg_bullet_full_2.gif) no-repeat 0px 0.5em;
+background:url(/images/bg_bullet_full_2.gif) no-repeat 0 .5em;
+color:#1C334D;
+font-weight:700;
+padding-left:10px;
}
-A.browsecategorybutton {
-font-weight: bold;
-color: #1C334D;
+a.browsecategorybutton {
+color:#1C334D;
+font-weight:700;
}
-A.browsecategorybutton:hover {
-color: #1C334D;
+a.browsecategorybutton:hover {
+color:#1C334D;
}
.browsecategorybuttondisabled {
-font-weight: bold;
-color: #333333;
+color:#333;
+font-weight:700;
}
-A.buttontext, .buttontextdisabled {
-font-weight: bold;
-background: white;
-border: #999999 solid 1px;
-margin: 2px 1px 2px 1px;
-padding: 1px 4px 1px 4px;
+a.buttontext,.buttontextdisabled {
+background:#FFF;
+border:#999 solid 1px;
+font-weight:700;
+margin:2px 1px;
+padding:1px 4px;
}
-A.buttontext {
-color: #1C334D;
+a.buttontext {
+color:#1C334D;
}
-A.buttontext:hover {
-color: red;
+a.buttontext:hover {
+color:red;
}
-A.linktext {
-font-weight: bold;
-color: #1C334D;
+a.linktext {
+color:#1C334D;
+font-weight:700;
}
-A.linktext:hover {
-color: red;
+a.linktext:hover {
+color:red;
}
.buttontextdisabled {
-color: #333333;
+color:#333;
}
.submenutextinfo {
-font-weight: bold;
-color: white;
-padding-left: 6px;
-padding-right: 5px;
-border-right: 1px solid #5886C6
+border-right:1px solid #5886C6;
+color:#FFF;
+font-weight:700;
+padding-left:6px;
+padding-right:5px;
}
-.submenutext, A.submenutext, A.submenutext:visited {
-font-weight: bold;
-color: yellow;
-padding-left: 6px;
-padding-right: 5px;
-border-right: 1px solid #5886C6
+.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: yellow;
+a.submenutext:hover {
+color:#FF0;
}
-.submenutextdisabled, A.submenutextdisabled {
-font-weight: bold;
-color: #CCCCCC;
-padding-left: 6px;
-padding-right: 5px;
-border-right: 1px solid #5886C6
+.submenutextdisabled,a.submenutextdisabled {
+border-right:1px solid #5886C6;
+color:#CCC;
+font-weight:700;
+padding-left:6px;
+padding-right:5px;
}
-A.submenutextdisabled:hover {
-font-weight: bold;
-color: yellow;
+a.submenutextdisabled:hover {
+color:#FF0;
+font-weight:700;
}
.submenutextinforight {
-font-weight: bold;
-color: white;
-padding-left: 6px;
+color:#FFF;
+font-weight:700;
+padding-left:6px;
}
-.submenutextright, A.submenutextright {
-font-weight: bold;
-color: yellow;
-padding-left: 6px;
+.submenutextright,a.submenutextright {
+color:#FF0;
+font-weight:700;
+padding-left:6px;
}
-A.submenutextright:hover {
-color: yellow;
-text-decoration: underline;
+a.submenutextright:hover {
+color:#FF0;
+text-decoration:underline;
}
-.submenutextrightdisabled, A.submenutextrightdisabled {
-font-weight: bold;
-color: #CCCCCC;
-padding-left: 6px;
+.submenutextrightdisabled,a.submenutextrightdisabled {
+color:#CCC;
+font-weight:700;
+padding-left:6px;
}
-A.submenutextrightdisabled:hover {
-color: yellow;
+a.submenutextrightdisabled:hover {
+color:#FF0;
}
-A.lightbuttontext {
-font-weight: bold;
-color: yellow;
-border: none;
+a.lightbuttontext {
+border:none;
+color:#FF0;
+font-weight:700;
}
-A.lightbuttontext:hover {
-color: yellow;
+a.lightbuttontext:hover {
+color:#FF0;
}
-A.lightbuttontextsmall {
-font-size: 8px;
-font-weight: bold;
-color: yellow;
-border: none;
+a.lightbuttontextsmall {
+border:none;
+color:#FF0;
+font-size:8px;
+font-weight:700;
}
.lightbuttontextdisabled {
-font-weight: bold;
-color: #CCCCCC;
+color:#CCC;
+font-weight:700;
}
-A.buttontextbig, .buttontextbigdisabled {
-font-size: 15px;
-font-weight: bold;
-background: white;
-border: #999999 solid 1px;
-margin: 2px 2px 2px 2px;
-padding: 1px 4px 1px 4px;
+a.buttontextbig,.buttontextbigdisabled {
+background:#FFF;
+border:#999 solid 1px;
+font-size:15px;
+font-weight:700;
+margin:2px;
+padding:1px 4px;
}
-A.buttontextbig {
-color: #1C334D;
+
+a.buttontextbig {
+color:#1C334D;
}
+
.buttontextbigdisabled {
-color: #CCCCCC;
-}
-A.buttontextbig:hover {
-color: red;
+color:#CCC;
}
-A IMG.imageborder {
-border-style: solid;
-border-width: 1px;
-border-color: #999999;
+a.buttontextbig:hover {
+color:red;
}
-/* ===== Other Header Styles ===== */
-
+a img.imageborder {
+border-color:#999;
+border-style:solid;
+border-width:1px;
+}
.headersmalltext {
-font-size: 8pt;
-font-weight: bold;
-color: black;
+color:#000;
+font-size:8pt;
+font-weight:700;
}
+
a.headersmalllink {
-font-size: 8pt;
-font-weight: bold;
-color: #1C334D;
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
}
+
a.headersmalllink:hover {
-color: red;
+color:red;
}
-/* ===== Misc/General Styles ===== */
-.errorMessage {
-font-size: 8pt;
-font-weight: bold;
-color: red;
+.errormessage {
+color:red;
+font-size:8pt;
+font-weight:700;
}
-.eventMessage {
-font-size: 8pt;
-font-weight: bold;
-color: #1C334D;
+.eventmessage {
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
}
.ontab {
-font-size: 8pt;
-background: black;
-padding: 2px;
-border-style: inset;
-border-width: 3px;
+background:#000;
+border-style:inset;
+border-width:3px;
+font-size:8pt;
+padding:2px;
}
a.onlnk {
-font-size: 8pt;
-font-weight: bold;
-color: #FFFFFF;
-padding: 2px;
+color:#FFF;
+font-size:8pt;
+font-weight:700;
+padding:2px;
}
.offtab {
-background: #CCCCCC;
-padding: 2px;
-border-style: outset;
-border-width: 3px;
+background:#CCC;
+border-style:outset;
+border-width:3px;
+padding:2px;
}
a.offlnk {
-font-weight: bold;
-color: #1C334D;
-padding: 2px;
+color:#1C334D;
+font-weight:700;
+padding:2px;
}
a.offlnk:hover {
-color: red;
+color:red;
}
.areaheader {
-font-weight: bold;
-color: #FFFFFF;
-width: 100%;
-background: black;
-padding: 2px;
+background:#000;
+color:#FFF;
+font-weight:700;
+padding:2px;
+width:100%;
}
.edittable {
-border-color: #000000 #000000 #003333;
-border-style: solid;
-border-top-width: thin;
-border-right-width: thin;
-border-bottom-width: thin;
-border-left-width: thin
+border-color:#000 #000 #033;
+border-style:solid;
+border-width:thin;
}
-.editInputBox {
-font-size: 8pt;
-background: #FFFFFF;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+.editinputbox {
+background:#FFF;
+border:#999 solid 1px;
+font-size:8pt;
+margin:2px;
}
-.smallSubmit {
-font-size: 8pt;
-font-weight: bold;
-color: #1C334D;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+
+.smallsubmit {
+background:#FFF;
+border:#999 solid 1px;
+color:#1C334D;
+font-size:8pt;
+font-weight:700;
+margin:2px;
}
-.mediumSubmit,.largeSubmit,.loginButton {
-font-size: 10pt;
-font-weight: bold;
-color: #1C334D;
-background: white;
-border: #999999 solid 1px;
-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;
+.smallsubmit:hover,.mediumsubmit:hover,.largesubmit:hover,.loginbutton:hover {
+color:red;
}
-.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
-font-size: 8pt;
+.smallaltsubmit,.mediumaltsubmit,.largealtsubmit {
+font-size:8pt;
}
-.basePrice {
-color: black;
+.baseprice {
+color:#000;
}
-.normalPrice {
-color: green;
+.normalprice {
+color:green;
}
-.salePrice {
-color: red;
+.saleprice {
+color:red;
}
-/* ===== Product Summary Styles ===== */
.product-prevnext {
-text-align: right;
+text-align:right;
}
.product-prevnext .tabletext {
-font-weight: bold;
+font-weight:700;
}
.productcategorylink-container {
-position: relative;
-margin-top: 10px;
-margin-bottom: 5px;
-border-top: #999 solid 1px;
+border-top:#999 solid 1px;
+margin-bottom:5px;
+margin-top:10px;
+position:relative;
}
.productcategorylink {
-position: relative;
-padding: 5px;
-border-bottom: #999 solid 1px;
-height: 60px;
+border-bottom:#999 solid 1px;
+height:60px;
+padding:5px;
+position:relative;
}
.productcategorylink .smallimage {
-float: left;
-/* position: absolute; top: 5px; left: 5px; */
-margin: 0px 5px 5px 0px;
+float:left;
+margin:0 5px 5px 0;
}
+
.productcategorylink .smallimage img {
-border: #CCC solid 1px;
-height: 50px;
+border:#CCC solid 1px;
+height:50px;
}
.productsummary-container {
-position: relative;
-margin-top: 10px;
-margin-bottom: 5px;
-border-top: #999 solid 1px;
+border-top:#999 solid 1px;
+margin-bottom:5px;
+margin-top:10px;
+position:relative;
}
.productsummary {
-position: relative;
-padding: 5px;
-border-bottom: #999 solid 1px;
-min-height: 60px;
+border-bottom:#999 solid 1px;
+min-height:60px;
+padding:5px;
+position:relative;
}
.productsummary .smallimage {
-float: left;
-/* position: absolute; top: 5px; left: 5px; */
-margin: 0px 5px 5px 0px;
+float:left;
+margin:0 5px 5px 0;
}
+
.productsummary .smallimage img {
-border: #CCC solid 1px;
-height: 50px;
+border:#CCC solid 1px;
+height:50px;
}
.productsummary .productbuy {
-float: right;
-width: 160px;
-margin: 5px;
-text-align: right;
+float:right;
+margin:5px;
+text-align:right;
+width:160px;
}
.matrix .productsummary {
-border: none;
-padding: 10px;
-height: 250px;
-width: 200px;
+border:none;
+height:250px;
+padding:10px;
+width:200px;
}
.matrix .productsummary .smallimage {
-float: none;
-text-align: center;
+float:none;
+text-align:center;
}
+
.matrix .productsummary .smallimage img {
-height: 100px;
+height:100px;
}
.matrix .productsummary .productbuy {
-float: none;
-text-align: left;
+float:none;
+text-align:left;
}
.productsummary .productinfo {
-text-align: left;
+text-align:left;
}
-/* ===== Product Detail Styles ===== */
#productdetail #download-files {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
}
#productdetail #long-description {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
}
#productdetail #reviews {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
}
#productdetail #associated-products {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+border-top:#999 solid 1px;
+margin-top:10px;
+padding-top:5px;
}
-.lefthalf{
+.lefthalf {
+float:left;
+height:1%;
left:0;
+margin:0 1% 1% 0;
width:49%;
-height:1%;
-margin:0% 1% 1% 0%;
-float:left;
}
+
.righthalf {
float:right;
height:1%;
-width:49%;
-right:0;
margin:0 0 1% 1%;
+right:0;
+width:49%;
}
-.leftclear{
+
+.leftclear {
+clear:left;
height:1%;
-clear: left;
}
-.bothclear{
+
+.bothclear {
+clear:both;
height:1%;
-clear: both;
}
-/* ================================= */
-/* ===== Calendar Date Select ====== */
-/* ================================= */
-
.calendar_date_select {
- color: #fff;
- border: #777 1px solid;
- display: block;
- width: 200px;
- z-index: 1000;
+border:#777 1px solid;
+color:#fff;
+display:block;
+width:200px;
+z-index:1000;
}
-/* this is a fun ie6 hack to get drop downs to stay behind the popup window. This should always be just underneath .calendar_date_select */
+
iframe.ie6_blocker {
- position: absolute;
- z-index: 999;
+position:absolute;
+z-index:999;
}
.calendar_date_select thead th {
- font-weight:bold;
- background-color: #4682B4;
- border-top:1px solid #777;
- border-bottom:2px solid #777;
- color: white !important;
+background-color:#4682B4;
+border-bottom:2px solid #777;
+border-top:1px solid #777;
+color:#FFF!important;
+font-weight:700;
}
.calendar_date_select .cds_buttons {
- text-align:center;
- padding:5px 0px;
- background-color: #4682B4;
+background-color:#4682B4;
+padding:5px 0;
+text-align:center;
}
.calendar_date_select .cds_footer {
- background-color: #4682B4;
- padding:3px;
- font-size:12px;
- text-align:center;
+background-color:#4682B4;
+font-size:12px;
+padding:3px;
+text-align:center;
}
.calendar_date_select table {
- margin: 0px;
- padding: 0px;
+margin:0;
+padding:0;
}
.calendar_date_select .cds_header {
- background-color: #87CEEB;
- border-bottom: 2px solid #87CEEB;
- text-align:center;
+background-color:#87CEEB;
+border-bottom:2px solid #87CEEB;
+text-align:center;
}
.calendar_date_select .cds_header span {
- font-size:15px;
- color: #000;
- font-weight: bold;
+color:#000;
+font-size:15px;
+font-weight:700;
}
-.calendar_date_select select { font-size:11px;}
+.calendar_date_select select {
+font-size:11px;
+}
.calendar_date_select .cds_header a:hover {
- color: #fff;
+color:#fff;
}
+
.calendar_date_select .cds_header a {
- width:22px;
- height:20px;
- text-decoration: none;
- font-size:14px;
- color: #000 !important;
+color:#000!important;
+font-size:14px;
+height:20px;
+text-decoration:none;
+width:22px;
}
.calendar_date_select .cds_header a.prev {
- float:left;
+float:left;
}
+
.calendar_date_select .cds_header a.next {
- float:right;
+float:right;
}
+
.calendar_date_select .cds_header a.close {
- float:right;
- display:none;
+display:none;
+float:right;
}
.calendar_date_select .cds_header select.month {
- width:90px;
+width:90px;
}
.calendar_date_select .cds_header select.year {
- width:61px;
+width:61px;
}
.calendar_date_select .cds_buttons a {
- color: #fff;
- font-size: 9px;
+color:#fff;
+font-size:9px;
}
+
.calendar_date_select td {
- font-size:12px;
- width: 24px;
- height: 21px;
- text-align:center;
- vertical-align: middle;
- background-color: #87CEEB;
+background-color:#87CEEB;
+font-size:12px;
+height:21px;
+text-align:center;
+vertical-align:middle;
+width:24px;
}
+
.calendar_date_select td.weekend {
- background-color: #ADD8E6;
+background-color:#ADD8E6;
}
.calendar_date_select td div {
- color: #fff;
+color:#fff;
}
+
.calendar_date_select td div.other {
- color: #888;
+color:#888;
}
+
.calendar_date_select td.selected div {
- color: #000;
+color:#000;
}
.calendar_date_select tbody td {
- border-bottom: 1px solid #FFD700;
+border-bottom:1px solid #FFD700;
}
+
.calendar_date_select td.selected {
- background-color: #fff;
+background-color:#fff;
}
.calendar_date_select td:hover {
- background-color:#00BFFF;
+background-color:#00BFFF;
}
.calendar_date_select td.today {
- border: 1px dashed #FFFF00;
+border:1px dashed #FF0;
}
.calendar_date_select td.disabled div {
- color: #454545;
+color:#454545;
}
-
-.fieldWithErrors .calendar_date_select {
- border: 2px solid #FF0000;
-}
+.fieldwitherrors .calendar_date_select {
+border:2px solid red;
+}
\ No newline at end of file