﻿body {
  background-position: center;
  width: 960px; /*Set this to the width of the body containing content*/
  margin: 0 auto; /*this tells the browser to centre it - Not supported in IE in quirks mode, works for Opera, FF, Safari */
  font-family: verdana;
  font-size: 11px;
  text-align: center;
}
#SiteHeader {
  width:960px;
  height:106px;  
  padding:0px;
  padding-top:10px;  
}
a.hdrRef {
  font-family: Verdana;
  font-size: 14px;
  color: #c8c8c8;
  text-decoration: none;
  text-transform:uppercase;
}
a.hdrRef:hover {
  font-family: Verdana;
  font-size: 14px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
}
#content-body {
	width:960px;	
	text-align:left;
}
h2 {
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	margin: 0px;
}
a:hover.h2 {
	color: #009900;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bolder;
	cursor: pointer;
}
h3  {
	color: #000000;
	font-size: 11px;
	font-weight: normal; 
	text-decoration: none;
	margin: 0px;
}
img {
	border: 0px
}
p { 
    margin-top: 5px;
    margin-bottom: 5px 
}
input.OrderQty {
  text-align:center
}
.sidenav {
  width:198px;
  float:left;
  text-align:left;
  border:solid 0px red;
}
.content {
  float:left;
  width:743px;
  border:solid 0px green;
  padding-top:15px;
  padding-left:15px;
}
/* from the boneguard protection page */
.MagicButton {
		width: 40px;
		height: 40px;
	  	background-image: url(/images/button.jpg);
	 	background-repeat: no-repeat;
	 	display: inline;
	 	text-decoration: none;
}
.MagicButton:hover {
	 	background-image: url(/images/button_over.jpg);
	 	cursor: pointer;
}
.style12 {
	border-width: 0px;
    width: 40px;
}
.style13 {
	color: #000000;
}
.style14 {
	text-decoration: none;
}
.style15 {
	font-size: xx-small;
	color: #000000;
}
td.hdrmenu {
  width:100px;
  text-align:center;
  padding-top:1px;
}
.style16 {
	font-size: xx-small;
	color: #000000;
	text-decoration: none;
}
.BigHdrArial {
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
}
.BigHdrArialRed {
	color: red;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
}
a:hover.BigHdrArialRed {
	color: #009900;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bolder;
	cursor: pointer;
}
.ULSidenav {
  width:200px;
  text-align: left; 
  margin: 0px;
  list-style-position:outside; 
  list-style-type:none;
  padding:0px;
}
.MainNav a:hover {
  color:#FF0000;
}
.MainNav a {
  color:#646464;
  display:block;
  padding: .25em; 
  height:18px;
  font-size: 14px;
  font-family: verdana;
  padding-top:10px;
  text-decoration:none;
  line-height:20px;
}
.ULSidenav .selected {
  color:#FF0000;
  font-weight:bolder;
}
.SideNavLink:hover {
  color:#FF0000;
}
.SideNavLink {
	color:#646464;
	display:block;
	height:18px;
	font-size: 12px;
	font-family: verdana;
	text-align:left;
	padding-left:5px;
	text-decoration:none;
	font-weight:600;
	padding-left:10px;
}
.BoldListText {
  color:#646464;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  line-height:20px;
}
.BoldListText:hover {
  color:#FF0000;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
}
.BoldListTextOnly {
  color:#646464;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
  line-height:20px;
}
.BoldListTextOnlyRed {
  color:#FF0000;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
  line-height:20px;
}
.BoldListTextRed {
  color:#FF0000;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  line-height:20px;
}
.BoldListTextSel {
  color:#646464;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  line-height:30px;
}
.BoldListTextRedBig {
  color:#FF0000;
  font-size: 18px;
  font-weight:600;
  text-decoration:none;
  line-height:20px;
}
.BoldListSelected {
  color:#FF0000;
  font-size: 12px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  line-height:20px; 
}
tr.ProdListHdrRow {
  background-color :#C0C0C0;
  color:White;
}
tr.ProdListItm:hover {
  background-color: #B7DBFF;
}
input.ContactUs {
  font-size:11px;
  font-family:Arial Verdana;
}
.fakeLink {
	text-decoration: underline;
	cursor: pointer;
	color: blue;
}
img.bluearrow:hover{
}
.transparent {
		background-color:#8f8f8c;
		display:none;
		width:345px;
		height:280px;
		position:absolute;
		color: gray;
		border: 1px black solid;
}
#ctl00_ContentPlaceHolder1_dlBasket td input {
    width:30px;
    font-size:11px;
    font-family:Verdana;
    text-align:right;
 }
#webTitle {
  font-family: 'Times New Roman' , Times, serif;
  font-size: 36px;
  font-weight: bold;
  color:White;
  margin-bottom:0px;
}
#webTitle a {
  text-decoration:none;
  color:white;
}
#wStrap {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  font-weight:bold;
}

#divBasket a{
    text-decoration:none;
    color:Black;
}

.alignRight{
    text-align:right;
}

.BasketInputs {
    border:1px solid #808080
}

