﻿
/*** main elements and utility classes used site wide (not page specific) **/

body { font-family: Georgia, Times New Roman, Serif; background-color: #FFFFFF; background: url(../images/kit_background.gif) top center; color: #515151; margin: 0 0 0 0; font-size: .68em; padding-left: 145px; }

img {border:0px;}

a,a:link,a:active,a:visited { color: #ED2E23; text-decoration: none; }
a:hover{ color: #ED2E23; text-decoration: underline; }

p { margin: 0px; padding: 0 0 15px 0; }

h1 { font-weight:bold; text-transform:lowercase; padding:0px 0px 16px 0px; margin:0px; color:#ED2E23; font-size:1.75em; }
h2{ margin: 20px 0px 2px 0px; color:#000000; text-transform:uppercase; font-size:1.5em; }
h3{ margin: 20px 0px 15px 0px; }
h4{ margin: 0px 0px 2px 0px; }
h5{ margin: 8px 0px 2px 0px; }
h6{ color: #ED2E23; margin: 8px 0px 2px 0px; }

td  { text-align:left; vertical-align:top; }
td.formLabel { font-size:10pt; font-family: Georgia, Times New Roman, Serif; color: #990000;    	vertical-align:top; padding-top:6px; text-align:left; }	

li  { margin-bottom:0.5em; }  

input.button { font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-style: italic; font-size: 10pt; color: White; background-color:#D10D15; border:none; padding: 2px 2px 2px 2px; cursor: pointer; }
input.buttonnextstep { background:#D10D15; border:1px solid #D10D15; color:#fff; font: 12px Georgia, "Times New Roman", Times, serif; cursor: pointer; }
a.anchorButton { font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-style: italic; font-size: 8pt; color: White; background-color:#D10D15; border:none; padding: 4px 4px 4px 5px; }
a.anchorButton:hover { text-decoration: none; }

.kit { color: #ED2E23; }
.clearer  { clear:both; }

.errorMessage  { font-size:8pt; color:#ED2E23; clear: left; display: block; padding: 5px 0 0 5px; }
.requiredMarker { font-weight:bold; color:#ED2E23; }
.formField { background: #ffffff; border: 1px solid #000000; color: #666666; font-size:8pt; font-family: Georgia, Times New Roman, Serif; margin: 2px 0px 2px 0px; width: 220px; height:17px; padding: 5px; }

select.formField  { background:none repeat scroll 0 0 #F9F8F0; border:1px solid #C7C3A7; color:#666666; font-family:Georgia,Times New Roman,Serif; font-size:8pt; font-weight:normal; margin:3px; height: auto; width: auto; }

.AutoCompleteList { z-index: 101 !important; border: 1px solid buttonshadow; padding: 0px; text-align: left; cursor: default; list-style-type: none; list-style-image: none; list-style-position: outside; background-color: window; color: windowtext; position: absolute; width: 133px; left: 592px; top: 111px; margin-top: 0px; margin-left: 0px; }

.VJLink a:link, .VJLink a:visited, .VJLink a:active { font-weight: normal; color: #afa87c; } 

#ShoppingBag td.errorHeaderRow {background-color: #D10D15; color: #fff;}
#ShoppingBag td.errorHeaderRow p {padding: 5px 20px 5px 5px;}
#ShoppingBag td.errorHeaderRow {border-top: 4px solid #F9F6E5;}
 
#ShoppingBag tr.error td, #ShoppingBag td.errorHeaderRow {border-bottom:2px solid #D10D15;}
#ShoppingBag tr.error td:last-child {border-right: 2px solid #d10d15;}
#ShoppingBag tr.error td:first-child {border-left: 2px solid #d10d15;}
