/* STANDARD ELEMENTS */

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* Required */	
	font-family: verdana;			
	font-size: 10px;			
	background-color: white; /*#C8D2D3; #69787A;*/
}

td{
  vertical-align: top;
}

p{
  margin-top: 4px;
  margin-bottom: 8px;
}

hr,
hr.divider{
	color: #cccccc;
	padding: 0px;
	height: 1px;
}

hr{
	margin: 0px; 
}

hr.divider{
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 4px; 
	margin-bottom: 4px; 
}

/* NAMED ELEMENTS */

div#container {
  width: 820px;
	border: 1px solid #cccccc;
}

div#alphabet {
	background-color: #1F2728;
	color: #FFFFFF;
	height: 24px;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
}

div#searchBar {
	height: 30px;
}

div#copyright {
  color: #808080;
	background-color: #1F2728;
	text-align: center;
	height: 58px;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
	font-size: smaller;
}

div#menuHeader{
  width: 196px;
	height: 30px;
	color: #FFFFFF;
	background-color: #c41200;
	border-right: 1px solid #8f1016;
	margin-bottom: 10px;
}

div#menuArea {
}

div#contentArea {
  width: 623px;
}

td#contentCell {
	border-left: 1px solid #cccccc;
}

/* MISC */

table.mainHeader {
  background-image: url(/Images/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px;	
	padding: 0px;		
}

table.bordered{
  border-collapse:collapse;
}

/* MENUS */

div.menu{
  margin-bottom: 2px;
}

div.menuContainer{
  margin-bottom: 10px;
}

div.menuHeader{
	font-size: 10px;	
	font-weight: bold;
	color: black;
  padding-left: 35px;
  padding-top: 4px;
  padding-bottom: 4px;
	background-image: url(/images/menuHeaderBg2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;			
}

div.menuItems{
  padding-left: 35px;
}

div.menuItem{
  margin-top: 2px;
}

div.basketSummary{
  margin-top: 2px;
  margin-bottom: 8px;
	color: #AFBFBE;
	font-size: 10px;
	font-family: verdana;
}

a.menuItem{
	text-decoration: none;
	color: #3C4C4E;
	font-size: 10px;
	font-family: verdana;
}

a:hover.menuItem{
	text-decoration: underline; 
	color: #959595;
}

a.menuItemSelected{
	/* font-weight: bold; */
}

a.letter{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
	text-transform:uppercase;
}

span.letter{
	color: #FFFFFF;
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
	text-transform:uppercase;
}

/* DOCUMENTS */
h3.document{
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 2px;
	margin: 0px;
	font-size: 19px;	
	font-weight: normal;
	color: white;
	font-family: verdana;
	background-color: #3C4C4E;
	height: 30px;
}

div.document{
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 16px;
	margin-bottom: 20px;
}

.text,
div.document{
	font-size: 11px;
	font-family: verdana;
}

.warning{
	color: #C41200;
}

.bold{
	font-weight: bold;
}

div.greyed{
  color:#A0A0A0;
}

table.document{
	font-size: 10px;
	font-family: verdana;
	border-collapse: collapse;
}

td.header{
	font-size: 11px;
	font-family: verdana;
	font-weight: bold;
}

/* FORMS */

td.formLabel,
div.formLabelError,
td.formLabelRequired{
	font-size: 11px;
	font-family: verdana;
	background-color:#DDDDDD;
	border-right: 1px solid #C2CECE;
	border-left: 1px solid #C2CECE;
}

div.formLabelError{
  font-weight:bold;
  color: #FFFFFF;
	background-color:#C41200;
	padding-left:4px; 
	padding-right:4px; 
	padding-top:2px;
	padding-bottom:2px;
}

div.formLabel,
div.formLabelRequired{
  padding-left:4px; 
  padding-right:4px;
}

div.formInput{
  padding-left:4px; 
  padding-right:4px;
}

td.formInput{
  background-color:#ECF0EF;
	border-right: 1px solid #C2CECE;
}

div.formLabelRequired,
td.formLabelRequired{
  font-weight:bold;
}

td.topBorder{
	border-top: 1px solid #C2CECE;
}

td.bottomBorder{
	border-bottom: 1px solid #C2CECE;
}

textarea.formInput,
input.formInput{
	width: 300px;
}

input.formSubmit{
	width: 100px;
	cursor:hand;
}

/* LIST RECORDS */

a:link.listRecordTitle, a:visited.listRecordTitle, a:active.listRecordTitle{ 
	font-size:12px;
	font-family:verdana;
	text-decoration:none;
	color: black;
}

a:hover.listRecordTitle
{ 
	font-size:12px; 
	font-family:verdana;
	text-decoration:none;
  background: #C2CECE;
}

tr.listRecordOdd{ 
  background: white;
}

tr.listRecordEven{ 
  background: #F3F5F4;
}

tr.listRecordHover{ 
  background: #C2CECE;
}

div.listRecordNotes{
  padding-top: 2px;
	font-size: 11px;
	font-family: verdana;
}

div.addToBasket{
  padding-top: 2px;
  color: #C41200;
}

a.addToBasket,
a.moreInfo{
  color: #C41200;
  font-weight: bold;
	font-size: 10px;
	font-family: verdana;
}

a.moreInfo{
  color: #000000;
}

div.button{
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
  padding-right:10px;
  background-color: #D4D0C8;
}

div.button,
input.formSubmit,
textarea.formInput,
input.formInput{
	font-size: 11px;
	font-family: verdana;
	border:1px solid #C2CECE;
}

a.button{
  color: black;
	text-decoration:none;
}

a:visited.neutralLink{
  text-decoration:none;
}
a.neutralLink{
  color:black;
  text-decoration:none;
}

a:hover.neutralLink{
  text-decoration:underline;
}

.checkoutStepIndex{
	font-size: 11px;
	font-family: verdana;
  color: #3C4C4E;
}

.checkoutStep{
	font-size: 11px;
	font-family: verdana;
  color: #3C4C4E;
}

.checkoutStepSelected{
	font-size: 11px;
	font-family: verdana;
  background-color: #C41200;
  color: #FFFFFF;
  font-weight: bold;
}