/*
 * Copyright 2001-2006 The Apache Software Foundation
 *
 * Licensed 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.
 */

/* ===== This file contains the eCommerce specific styles ===== */

/* ===== Basic Element Styles ===== */
BODY {
background: #FFFFFF;
margin-top: 0.625em;
margin-right: 0.625em;
margin-bottom: 0.625em;
margin-left: 0.625em;
}

FORM {
margin: 0em;
}

UL {
margin-top: 0;
margin-bottom: 0;
}

/* img {behavior: url("/images/pngbehavior.htc");} */

.endcolumns {
clear: both;
height: 0em;
visibility: hidden;
}


/* ===== Header Styles ===== */
#ecom-header {
width: 50em;
margin-left:auto;
margin-right:auto;
/*position: relative;*/
background: #FFFFFF;
voice-family: "\"}\"";
voice-family: inherit;
height: 5.3em;
padding-bottom:0.125em;
border-bottom:0.1875em solid #A3BF30;
margin-bottom:0.125em;
}
#ecom-header #left {
float:left;
width: 20em;
}
#ecom-header #middle {
margin-left: 25em;
margin-right: 15em;
padding-top: 0.625em;
width: auto;
background-color:#ccc;
text-align: center;
}
#ecom-header #right {
float:right;
height:4.6875em;
width:20em;
text-align: right;
}

.welcome-message {
padding-right: 0.625em;
padding-left: 0.125em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
}
#welcome-message a {
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;
text-decoration: none;
color: #A3BF30;
}
#welcome-message a:hover {
color: black;
text-decoration: underline;
}
#company-name {
margin: 0em;
font-size: 12pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
white-space: nowrap;
}
#company-subtitle {
margin: 0em;
font-size: 6pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #330099;
white-space: nowrap;
}

#microcart {
margin-top:1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background-color:#FFFFFF;
}


/* microcart new styles */
#microcart .symbol {
margin-left:0.8em;
text-align:center;
float:right;
}

#microcart .symbol a:active{
color:#738040;
text-decoration:none;
}

#microcart .symbol a:link{
color:#738040;
text-decoration:none;
}

#microcart .symbol a:visited{
color:#738040;
text-decoration:none;
}

#microcart .symbol a:hover{
color:#000;
text-decoration:underline;
}

#microcart .disabled{
font-size: 0.5625em;
color:#999999;
}

#microcart .contenttext{
font-size: 0.5625em;
}

.simbolitos {
	width:2.8125em;
	height:2.8125em;
	border:0;
}

.simbolitos_title {
	width:2.8125em;
	height:2.8125em;
	border:0;
	float:left;
}



#cartcontent{
margin-right:1em;
}


.vdrc_logo {
margin-top:0.5em;
height:4.6875em;
width:20em;
}

/* FOOTER */

#footer {
clear:both;
width: 50em;
margin-left:auto;
margin-right:auto;
position: relative;
padding-top:0.7em;
margin-bottom:0.8em;
border-top:0.1875em solid #A3BF30;
}

#prefooter .left{
float:left;
}

#prefooter .right{
float:right;
}

#prefooter {
width: 50em;
margin-left:auto;
margin-right:auto;
padding-top:0.3em;
padding-bottom:0.5em;
background: #F2F3EE;
margin-bottom:0.125em;
height:1em;
}

#prefooter a:link{
color:#666666;
}
#prefooter a:visited{
color:#666666;
}
#prefooter a:active{
color:#666666;
}

#prefooter a:hover{
color:#000000;
}


/* NEW START PAGE */
#homewrapper {
width: 50em;
margin-left:auto;
margin-right:auto;
background: #ffffff;
voice-family: "\"}\"";
voice-family: inherit;

padding-bottom:0.125em;

margin-bottom:0.125em;
}

#homeleftcolumn{
float:left;
}

#homerightcolumn{
float:right;
}

.search_corner{
clear:both;
margin-bottom:2em;
}



#infocorner_left{
width:24.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #A3BF30;
margin-top:0.5em;
margin-right:0.5em;
}

#statisticscorner_left{
width:24.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #A3BF30;
margin-top:0.5em;
margin-right:0.5em;
}

#survey {
width:40em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
border-left:0.375em solid #E4DDC5;
margin-top:0.5em;
margin-right:5em;
margin-left:5em;
min-height:50px;
}

.surveysign{
float:left;
padding-left:0.3125em;
padding-top:0.5em;
}

.surveytitle {
margin-left:0.2em;
margin-right:2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
padding-top:0.8em;
}

.surveytable {
padding-right:1em;
}

#surveytext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.625em;
line-height:1.2;
padding-left:5em;
padding-top:0.6875em;
}

.surveyBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 1.0em;
border: #999999 solid 1px;
width:50em;
}

#documentdownload_left{
width:24.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #738040;
margin-top:0.5em;

margin-right:0.5em;
}


#quicksearch_right{
width:23.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #E1E6CF;
margin-top:0.5em;

}

#uploadfile_right{
width:24.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #E4DDC5;
margin-top:0.5em;

}

#contact_right{
width:23.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #E4DDC5;
margin-top:0.5em;
}

#browse_right{
width:23.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:0em;
border-left:0.375em solid #738040;
margin-top:0.5em;
}

#browse_others{
width:23.5em;
border:1px solid #E8E2CD;
background-image:url(imagebase/backgroundcorners.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
border-left:0.375em solid #E1E6CF;
margin-top:0.5em;
}

.cornersign{
height:3em;
width:2.375em;
float:left;
padding-left:0.3125em;
}

.cornertitle{
margin-top:0.7em;
margin-left:0.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.875em;
margin-right:2em;
}

/* NAVIGATION IN INFO CORNER*/

.navcontainer{
margin-top:0.6em;
}

.navlist
{
margin-left: 3.4em;
padding-left: 0;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

.navlist li
{
padding-left: 0.625em;
background-image: url(imagebase/square.gif);
background-repeat: no-repeat;
background-position: 0.3em 0.6em;
border-bottom:1px solid #eee;
width:22em;
margin-bottom:0.25em;
margin-top:0.25em;
}

.navlist li a
{
}

.navlist li a:link { color: #666; text-decoration: none;}
.navlist li a:visited { color: #666; text-decoration: none;}

.navlist li a:hover
{
color:#000000;
text-decoration:underline;
}

/* TEXT IN INFOCORNER */

.textwrapper{
margin-left: 3.125em;
padding-left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
padding-top:0.5em;
}

.textwrapper a{
color:#666666;
text-decoration:underline;
}

.textwrapper a:hover{
color:#000000;
text-decoration:underline;
}

.textwrapper p{
margin-bottom:0;
margin-top:0.5em;
margin-right:2em;
font-size:0.625em;
}

   /* FORMS AND BOTTONS	*/
.stdbutton
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #f0f0f0;

	border:1px solid #000;
	font-size:0.6875em;
}

.stdbutton_order
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #fff;
	width : 4em;
	border:0.0625em solid #333;
	font-size:0.6875em;
	margin:0.4em;
}

.stdbutton_search
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #fff;
	width : 6em;
	border:0.0625em solid #333;
	font-size:0.6875em;
	margin:0.4em;
}

.stdbutton_cartlist
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #fff;
	border:0.0625em solid #333;
	margin:0.4em;
	font-size:0.6875em;
}

.stdbutton_cartlist1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #fff;
	border:0.0625em solid #333;
	margin:0.4em;
}

.textfield {
background-color: #F8F8F8;
vertical-align:middle;
color: #333333;
border:0.0625em solid #6F6F6F;
width:15em;
padding-left:0.2em;
background-color:#fff;
}

.textfield1 {
background-color: #F8F8F8;
vertical-align:middle;
color: #333333;
border:0.0625em solid #6F6F6F;
width:34em;
padding-left:0.2em;
background-color:#fff;
}
.textfield2 {
background-color: #F8F8F8;
vertical-align:middle;
color: #333333;
border:0.0625em solid #6F6F6F;
width:30em;
padding-left:0.2em;
background-color:#fff;
}

.textfield3 {
background-color: #F8F8F8;
vertical-align:middle;
color: #333333;
border:0.0625em solid #6F6F6F;
width:7em;
padding-left:0.2em;
background-color:#fff;
margin-bottom:0.25em;
}

.dropdown1 {
background-color: #F8F8F8;
vertical-align:middle;
color: #333333;
border:0.0625em solid #6F6F6F;
width:4em;
padding-left:0.2em;
background-color:#fff;
}

.dropdown2 {
background-color: #F8F8F8;
vertical-align:middle;
color: #333333;
border:0.0625em solid #6F6F6F;
width:12em;
padding-left:0.2em;
background-color:#fff;
}


/* LOG OUT BUTTON */
A.logoutbutton{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;


margin: 0.125em 1px 0.125em 1px;
padding: 1px 0.25em 1px 0.25em;
}

A.logoutbutton {
color: #666666;
}

A.logoutbutton:hover {
color: red;
text-decoration: underline;
}

/* ===== Header-Bar Styles ===== */
#ecom-header-bar {
width: 50em;
margin-left:auto;
margin-right:auto;
background: #F2F3EE;
text-align: center;
overflow: visible;
height:1.25em;
padding-top:0.25em;


}

#ecom-header-bar ul {
display: block;
overflow: visible;
list-style: none;
background: transparent;
vertical-align: middle;
margin: 0em;
padding: 0em;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#ecom-header-bar ul li {
font-size:0.625em;
height: 0.875em;
padding: 0em 0.5em 0em 0.5em;
}
#ecom-header-bar ul#left-links li {
float: left;

}
#ecom-header-bar ul#right-links li {
float: right;

}

#ecom-header-bar ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #666666;
}
#ecom-header-bar ul li:hover a {
color: black;
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 {
background: #FFFFFF;
width: 50em;
margin-left:auto;
margin-right:auto;

}

#ecom-mainarea .left {
/* alt: position: absolute; left: 0px; top: 0px; */
float: left;
width: 9.375em;
background: #ffffff;
/* border:1px solid #000; */
}
#ecom-mainarea .right {
/* alt: position: absolute; right: 0px; top: 0px; */
float: right;
width: 12.5em;
background: #ffffff;
}


#ecom-mainarea .center, #ecom-mainarea .leftonly, #ecom-mainarea .rightonly, #ecom-mainarea .nocolumns {
background:#fff;
text-align: left;
vertical-align: top;
}
#ecom-mainarea .center {
margin-left: 10em;
margin-right: 13.125em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 10.0625em;
margin-right: 13.1875em;
}
#ecom-mainarea .leftonly {
margin-left: 10em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 10.0625em;
}
#ecom-mainarea .rightonly {
margin-right: 13.125em;
voice-family: "\"}\"";
voice-family: inherit;
margin-right: 13.1875em;
}

/* ====== eCommerce "Screenlet" Styles ====== */
#ecom-mainarea .screenlet {
background: #FFFFFF;
border: 1px solid #999999;
margin-bottom: 0.625em;
margin-top:0.25em;
height:auto !important;
height:1%
}
#ecom-mainarea .screenlet-header {
background: #A3BF30;

}
#ecom-mainarea .screenlet-body {
background-color:#FFFFFF;
padding: 0.25em;
height:auto !important;
height:1%

}

.boxhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
padding-top:0.3em;
padding-bottom:0.3em;
}

.boxlink {
	float:right;
	padding-right:0.2em;
}

A.boxheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
color: red;
}

/* Form layout styles to simulate a table-style layout */
#ecom-mainarea .form-row {
clear: both;
padding-top: 0.125em;
}
#ecom-mainarea .form-label {
float: left;
width: 11.25em;
text-align: right;
padding-top: 0.3125em;
}
#ecom-mainarea .form-field {
float: left;
margin-left: 0.625em;
text-align: left;
}

/* ===== Text/Label Styles ===== */
.tabletext, div.form-label{
font-size: 0.625em;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.rednote{
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
color:#CC0000;
margin-left:12em;
padding-top:0.5em;
padding-bottom:0.5em;
}

.rednote_customer{
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
color:#CC0000;
margin-left:0.8em;
padding-top:0.5em;
padding-bottom:0.5em;
}

div.form-field {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.tabletext:hover {
font-size: 0.625em;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tablebuttontext {
font-size: 0.625em;
color: #1E3C66;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contenttext {
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

DIV.tabletexthidden {
font-size: 0.625em;
font-family: Verdana, Arial, Helvetica, sans-serif;
visibility: hidden;
}

.head1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 1em;
font-weight: bold;
color: #666666;
height:100%;
}

.head2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 0.8em;
font-weight: bold;
color: #000000;
}

.head3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 0.7em;
font-weight: bold;
color: #000000;
}

.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0em;
font-size: 0.625em;
font-style: normal;
color: #000000;
}

DIV.graybox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
background: #CCCCCC;
border: 1px solid #000000;
text-align: center;
margin: 0.125em auto;
width: auto;
padding: 0.25em;
}


.boxoutside {
background: #FFFFFF;
padding: 0em;
border-color: #999999;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

.boxtop {
background: #cccccc;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 0.25em;
padding-left: 0.25em;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.boxbottom {
background: #FFFFFF;
padding: 0.25em;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.button {
border-style: outset; border-color: #9999CC; border-width: 0.125em;
background: #dddddd;
padding-right: 0.3125em; padding-left: 0.3125em;
}


.tableheadtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: black;
}

A.tableheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: black;
}

A.tableheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: underline;
color: red;
}

.browsecategorytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: #666666;
text-indent: -0.625em;
}

A.browsecategorybutton {
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;
text-decoration: none;
color: #666666;
}

A.browsecategorybutton:hover {
color: #666666;
text-decoration: underline;
}

.browsecategorybuttondisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: #333333;
}

A.buttontext, .buttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
background: white;
border: #999999 solid 1px;
margin: 0.125em 1px 0.125em 1px;
padding: 1px 0.25em 1px 0.25em;
}

A.buttontext {
color: #666666;
}

A.buttontext:hover {
color: red;
text-decoration: underline;
}

A.linktext {
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;
text-decoration: none;
color: #A3BF30;
}

A.linktext:hover {
color: red;
text-decoration: underline;
}

.buttontextdisabled {
color: #333333;
}

.submenutextinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: black;
padding-left: 0.375em;
padding-right: 0.3125em;
border-right: 1px solid #5886C6
}

.submenutext, A.submenutext, A.submenutext:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: underline;
color: #000000;
padding-left: 0.375em;
padding-right: 0.3125em;
border-right: 1px solid #5886C6
}

A.submenutext:hover {
color: #CCCCCC;
text-decoration: underline;
}

.submenutextdisabled, A.submenutextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 0.375em;
padding-right: 0.3125em;
border-right: 1px solid #5886C6
}

A.submenutextdisabled:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: underline;
color: #000000;
}

.submenutextinforight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: black;
padding-left: 0.375em;
}

.submenutextright, A.submenutextright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: underline;
color: #333333;
padding-left: 0.375em;
}

A.submenutextright:hover {
color: #CCCCCC;
text-decoration: underline;
}

.submenutextrightdisabled, A.submenutextrightdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 0.375em;
}

A.submenutextrightdisabled:hover {
text-decoration: underline;
color: #000000;
}

A.lightbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: #000000;
border: none;
}

A.lightbuttontext:hover {
color: #CCCCCC;
text-decoration: underline;
}

A.lightbuttontextsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bold;
text-decoration: none;
color: yellow;
border: none;
}

A.lightbuttontextsmall:hover {
color: yellow;
text-decoration: underline;
}

.lightbuttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A.buttontextbig, .buttontextbigdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9375em;
font-weight: bold;
text-decoration: none;
background: white;
border: #999999 solid 1px;
margin: 0.125em 0.125em 0.125em 0.125em;
padding: 1px 0.25em 1px 0.25em;
}
A.buttontextbig {
color: #666666;
}
.buttontextbigdisabled {
color: #CCCCCC;
}
A.buttontextbig:hover {
color: red;
text-decoration: underline;
}

A IMG.imageborder {
border-style: solid;
border-width: 1px;
border-color: #999999;
}

/* ===== Other Header Styles ===== */


.headersmalltext {
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
}
a.headersmalllink {
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
text-decoration: none;
}
a.headersmalllink:hover {
color: red;
}

/* ===== Misc/General Styles ===== */
HR.sepbar {
font-size: xx-small;
width: 100%;
height: 1px;
background: #999999;
border-width: 0em;
}

.errorMessage {
padding-top:2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0em;
font-size: 0.7em;
font-weight: bold;
color: red;
height:100%;
}

.eventMessage {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0em;
font-size: 0.7em;
font-weight: bold;
color: #666666;
}

.ontab {
font-size: 0.7em;
background: black;
padding: 0.125em;
border-style: inset;
border-width: 0.1875em;
}

a.onlnk {
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0.125em;
}

.offtab {
font-size: 0.625em;
background: #CCCCCC;
padding: 0.125em;
border-style: outset;
border-width: 0.1875em;
}

a.offlnk {
font-size: 0.625em;
font-weight: bold;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0.125em;
}

a.offlnk:hover {
color: red;
}

.areaheader {
font-size: 0.625em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
width: 100%;
background: black;
padding: 0.125em;
}

.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
}

.editInputBox {
font-size: 0.7em;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: white;
border: #999999 solid 1px;
margin: 0.125em;
}

.inputBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 0.7em;
background: white;
border: #999999 solid 1px;
margin: 0.125em;
}

.selectBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 0.7em;
background: white;
border: #999999 solid 1px;
margin: 0.125em;
}



.textAreaBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 0.7em;
background: white;
border: #999999 solid 1px;
margin: 0.125em;
}

.radioButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 0.7em;
}

.checkBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 0.7em;
}

.smallSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
color: #666666;
background: white;
border: #999999 solid 1px;
margin: 0.125em;
}

.mediumSubmit,.largeSubmit,.loginButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
color: #666666;
background: white;
border: #999999 solid 1px;
margin: 0.125em;
}

.smallSubmit:hover,.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
color: red;
text-decoration: underline;
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

.basePrice {
font-size: 0.625em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
}

.normalPrice {
font-size: 0.625em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: green;
}

.salePrice {
font-size: 0.625em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: red;
}

/* ===== Product Summary Styles ===== */
.product-prevnext {
  width:100%;
  text-align:right;
}
.product-filter {
  min-width:50px;
}

.productsummary-container {
position: relative;
margin-top: 0.625em;
margin-bottom: 0.3125em;

}

.productsummary {
position: relative;
padding: 0.3125em;
border-bottom: #999 solid 1px;
height: 3.75em;
}

.productsummary .smallimage {
float: left;
/* position: absolute; top: 5px; left: 5px; */
margin: 0px 0.3125em 0.3125em 0px;
}
.productsummary .smallimage img {
border: #CCC solid 1px;
height: 3.125em;
}

.productsummary .productbuy {
float: right;
width: 10em;
margin: 0.3125em;
text-align: right;
}

.productsummary .productinfo {
/* margin-left: 60px; */
text-align: left;
}

/* ===== Product Detail Styles ===== */
#productdetail #download-files {
margin-top: 0.625em;
padding-top: 0.3125em;
border-top: #999 solid 1px;
}

#productdetail #long-description {
margin-top: 0.625em;
padding-top: 0.3125em;
border-top: #999 solid 1px;
}

#productdetail #reviews {
margin-top: 0.625em;
padding-top: 0.3125em;
border-top: #999 solid 1px;
}

#productdetail #associated-products {
margin-top: 0.625em;
padding-top: 0.3125em;
border-top: #999 solid 1px;
}

.lefthalf{
left: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%;
}
.leftclear{
height:1%;
clear: left;
}
.bothclear{
height:1%;
clear: both;
}


/* TABLE RESULT VIEW */
.listview{
clear:both;
}



.listview table{
margin-top:0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.625em;
background:#E7E7E7;
color:#666666;

}

.listview caption{
border:#666666;
margin-top:1em;
text-transform:uppercase;
padding:0.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
}

.listview td, th{
padding:0.25em;
}

.listview thead th{
text-align:center;
background:#F5F5F5;
color:#666666;
border:0.125em solid #ffffff;
}

.listview tbody th{
font-weight:bold;
}

.listview tbody tr{
background:#F2F3EE;
text-align:center;
}

.listview tbody tr.odd{
background:#ffffff;
border-top:0.0625em solid #ffffff;
}

.listview tbody th a:link{
color:#999999;
padding:0.1875em 0em 1em 2.7em;
background-image:url(imagebase/sort_icon.gif);
background-repeat:no-repeat;
background-position: 0.2em 0.6em;
}

.listview tbody th a:visited{
color:#999999;
padding:0.1875em 0em 1em 2.7em;
background-image:url(imagebase/sort_icon.gif);
background-repeat:no-repeat;
background-position: 0.2em 0.6em;
}

.listview tbody th a:active{
color:#999999;
padding:0.1875em 0em 1em 2.7em;
background-image:url(imagebase/sort_icon.gif);
background-repeat:no-repeat;
background-position: 0.2em 0.6em;
}

.listview tbody th a:hover{
color:#000000;
padding:0.1875em 0em 1em 2.7em;
background-image:url(imagebase/sort_icon.gif);
background-repeat:no-repeat;
background-position: 0.2em 0.6em;
}

.listview thead a:link, thead a:visited, thead a:active{
color:#666666;
}

.listview thead th a:hover{
color:#000000;
}

.listview tbody tr td{
background:#F2F3EE;
border:0.0625em solid #fff;
padding:0.5em 0.125em 0.5em 0.125em;
}

.listview tbody tr.odd td{
background:#ffffff;
border-top:0.0625em solid #ffffff;
padding:0 0.125em 0 0.125em;
}

.listview table td a:link, .listview table td a:visited{
color:#999999;
text-decoration:underline;
}

.listview table td a:hover{
color:#000000;
text-decoration:underline;
}

.listview .buttonbig{font-size:1.8em;text-align:center;}

/* TABLE DETAILVIEW */
.detailview{
margin-top:0.5em;
}

.detailview table{
margin-top:0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.625em;
background:#E7E7E7;
color:#666666;
}

.detailview caption{
border:#666666;
margin-top:1em;
text-transform:uppercase;
padding:0.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
}

.detailview td, th{
padding:0.25em;
}

.detailview thead th{

background:#F5F5F5;
color:#666666;
border:0.125em solid #ffffff;
text-align:center;
}

.detailview tbody th{
font-weight:bold;
text-align:center;
}

.detailview tbody tr{
background:#F2F3EE;

}

.detailview tbody tr.odd{
background:#ffffff;
border-top:0.0625em solid #ffffff;
}

.detailview tbody th a:link, tbody th a:visited{
color:#999999;
padding:0.1875em 0em 1em 1.6em;
background-image:url(imagebase/ico_link.gif);
background-repeat:no-repeat;
}

.detailview tbody th a:hover{
color:#000000;
text-align:center;
}

.detailview tbody tr td{
height:2em;
background:#F2F3EE;
border:0.0625em solid #fff;
padding:0.5em 0.125em 0.5em 0.125em;
}

.detailview tbody tr.odd td{
background:#ffffff;
border-top:0.0625em solid #ffffff;
padding:0 0.125em 0 0.125em;
}



.detailview table td a:link, .detailview table td a:visited{
color:#999999;
text-decoration:underline;
}

.detailview table td a:hover{
color:#000000;
text-decoration:underline;
font-weight: bold;
}
.detailview .buttonbig{float:right;}

/* PAGECOUNT */

.pagecount{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
text-align:right;
margin-bottom:0.5em;
margin-top:1em;
}

.pagecount a:link, a:visited{
color:#666666;
text-decoration:underline;
}

.pagecount a:hover{
color:#333333;
font-weight:bold;
}

/* NEW STYLES CATALOG LIST */
#cataloglist{
margin-top:0em;
}

img.browse{
width:2.375em;
height:3em;
float:left;
}

#listheader{
padding-top:1.2em;
margin-left:3em;
}

.selectall{
   float:left;
   padding-top:0.5em;
   padding-bottom:0.5em;
}

.advancedbutton{
margin-top:0.5em;
margin-bottom:0.5em;
}

/* SHOPPINGCARTS */
#shoppingtools{
margin-top:0.5em;
}

.shoppingcart-header{
margin-top:0.5em;
border-top:1px solid #999999;
}

/* STATIC IMP/IMBA TEXT */
#statictext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.625em;
line-height:1.2;
}

#statictext a:link, a:visited, a:active{
color:#666666;
}

#statictext a:hover{
color:#000000;
}

/* SYNONYMS LIST */
.synonymlist
{
margin-left: 0.2em;
padding-left: 0;
list-style: none;
}

.synonymlist li
{
padding-left: 0.625em;
background-image: url(imagebase/square.gif);
background-repeat: no-repeat;
background-position: 0.2em 0.6em;
border-bottom:1px solid #eee;
width:18em;
margin-bottom:0.25em;
margin-top:0.25em;
}

/* IMG */
img.underline{
border-top:0.7em solid #F5F5F5;
padding-bottom:0.125em;
border-bottom:1px solid #666;
}

.abbreviation{
color:#B5B5B5;
}

/* ON-OFF TARGET LIST*/
.targetview{
margin-top:0.5em;
}

.targetview table{
margin-top:0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#E7E7E7;
color:#666666;
}

.targetview td, th{
padding:0.25em;
}

.targetview thead th{
background:#F5F5F5;
color:#666666;
border:0.125em solid #ffffff;
text-align:center;
}

.targetview tbody th{
font-weight:bold;
text-align:center;
}

.targetview tbody tr{
background:#F2F3EE;
}

.targetview tbody tr.odd{
background:#ffffff;
border-top:0.0625em solid #ffffff;
}

.targetview tbody th a:link,.targetview tbody th a:visited{
color:#999999;
padding:0.1875em 0em 1em 1.6em;
background-image:url(imagebase/ico_link.gif);
background-repeat:no-repeat;
}

.targetview tbody th a:hover{
color:#000000;
text-align:center;
}

.targetview tbody tr td{
height:2em;
background:#F2F3EE;
border:0.0625em solid #fff;
padding:0.5em 0.125em 0.5em 0.125em;
}

.targetview tbody tr.odd td{
background:#ffffff;
border-top:0.0625em solid #ffffff;
padding:0 0.125em 0 0.125em;
}

.targetview table td a:link, .targetview table td a:visited{
color:#999999;
text-decoration:underline;
}

.targetview table td a:hover{
color:#000000;
text-decoration:underline;
font-weight: bold;
}

.targetviewsize{
font-size:0.625em;
}

/* TABS FOR DIFFERENT FLY TYPE*/

#cartcontainer{
padding-bottom:0.1875em;
padding:0;
margin:0;
}

#carttype{
	margin-top:1em;
	padding: 0.1875em 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.625em;
}

#carttype li {
	list-style: none;
	margin: 0;
	display: inline;
}

#carttype li a {
	padding: 0.1875em 0.5em;
	margin-left: 0.1875em;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#carttype li a:link { color: #448; }
#carttype li a:visited { color: #667; }

#carttype li a:hover {
	color: #000;
	background: #AAE;
	border-color: #227;
}

#carttype li a#current {
	background: white;
	border-bottom: 1px solid white;
}

/* BROWSE STOCK LIST*/

.browselist
{
margin-left:0;
padding-left: 0;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.625em;
}

.browselist li
{
width:40em;
margin-bottom:0.5em;
margin-top:0.5em;
line-height:2;
vertical-align:middle;
}

.browselist li a
{
}

.nbrowselist li a:link { color: #666; text-decoration: none;}
.browselist li a:visited { color: #666; text-decoration: none;}

.browselist li a:hover
{
color:#000000;
text-decoration:underline;
}

/* CURRENT NEWS */

.newslist
{
margin-left: 0.5em;
padding-left: 0;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:left;
}

.newslist a{
color:#000000;
text-decoration:underline;
}

.newslist a:hover{
color:#666666;
text-decoration:underline;
}

a.newslatest {
color:red;
font-weight:bold;
}

a:hover.newslatest {
color:#FA5858;
font-weight:bold;
}

.newslist li
{
padding-left: 1.0em;
background-image: url(imagebase/square.gif);
background-repeat: no-repeat;
background-position: 0.3em 0.7em;
line-height:1.5em;
}

.newslist_title{
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
vertical-align:bottom
}

.newsbox{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:2em;
background:#C8D0A6;
padding:10px;
line-height:2em;
color:#666666;
font-weight:bold;
width:800px;
}

latestnews a:hover {
color:blue;
text-decoration:underline;
}

.newstitle{
font-size:1.0em;
margin-left:2.0em;
color:#000000;
font-weight:bold;
}

.newstext{
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
color:#666666;
font-weight:bold;
width:630px;
}

.newswrapper{
min-height:30px;
}