body {
	width: auto; /* 840px Set this to the width of the tables 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;
	background-color: #FFFFFF;
	text-align: center; 
	/*Set the background image*/
	background-position: center;
	background-image: url('../images/fadeleft50.jpg');
	background-repeat: repeat-y;
	/*border: 1px black solid;*/
	
	/*IE always shows scrollbar whether it's used or not, but other browers ie firefox, opera, chrome, dont, so page jumps
	when moving from page that has long content with scrollbars, to short pages...*/
	overflow: scroll;
}



h1 {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-family: verdana;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 2px;
	margin-top: 5px;
}

h2 {
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetical;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 2px;
	margin-top: 5px;
}
		
h3 {
	font-size:13px;
	font-weight:bold;
	font-family: Arial;	
}
	
img {
	 border:0px
	
}

table {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}
td {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}

td.checkout {
	font-size: 11px;
	color: #000000;
	font-family:Arial;
	font-weight: normal;
	text-decoration: none;
}


p {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}
li {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}
li.offer {
	padding: 7px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
li.offerPrc {
	padding: 7px;
	color: Red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14.5px;
	font-weight: bold;
}
select {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}
.SubCat {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial;
	text-align: left;
	text-decoration: none;
}
.SubCatHdr {
	width: 200px;
	height:100%;
	color: white;
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-image: url(/images/BlueGrad.gif);
}
.txtListPrc {
	color: #000000;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}
.txtListPrcOver {
	color: #009900;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}


.SubCatHover{
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
	cursor:pointer;
}

.SubCat:Hover{
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
	cursor:pointer;
}

a:hover.SubCat {
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
}


.SelectedSubCat {
	color: #FF0000;
	font-size: 7.5pt;
	FONT-WEIGHT: bolder;
	FONT-FAMILY: Arial;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
}
a:hover.SelectedSubCat {
	color: red;
}
.mnuP {
	margin-top: -40px;
	margin-left: 7px;
	margin-right: -5px;
}
.mnuP1 {
	margin-top: -17px;
	margin-left: 7px;
	margin-right: -5px;
}
.Hdr {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-family: Verdana;
	font-weight: bolder;
	cursor: pointer;
}
.BigHdr {
	color: #000000;
	font-size: 15px;
	text-decoration: none;
	font-family: Verdana;
	font-weight: bolder;
}


.BigHdrArial {
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
}

.BigHdrArialGreydOut {
	color: silver;
	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;
}

.HugeHdr {
	color: #000000;
	font-size: 25px;
	text-decoration: none;
	font-family: Verdana;
	font-weight: bolder;
}
a:hover.Hdr {
	color: #009900;
	font-size: 11px;
	text-decoration: underline;
	font-family: Verdana;
	font-weight: bolder;
	cursor: pointer;
}

a:hover.BigHdrArial {
	color: #009900;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
}

a:hover.BigHdr {
	color: #009900;
	font-size: 15px;
	text-decoration: underline;
	font-family: Verdana;
	font-weight: bolder;
	cursor: pointer;
}
.techspec {
	color: #000000;
	font-family: Verdana;
	text-decoration: none;
	font-size: 11px;
}

a:hover.techspec {
	color:green;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

.Breadcrumb {
	color: #000000;
	font-family: Verdana;
	text-decoration: none;
	font-size: 11px;
	background-color: #FFFFFF;
}

a:hover.Breadcrumb {
	color:green;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
	background-color: #FFFFFF;
	font-style: normal;
}

.offerlink {
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color: #000999;
	background-color: #FFFFFF;
}
.offerlinkOver {
	cursor: pointer;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #000999;
}
:hover.offerlink {
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color: white;
	background-color: #000999;
}
.pageIdx {
	padding-left: 2px;
	padding-right: 2px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color: #000999;
	background-color: #FFFFFF;
}
.pageIdxSel {
	padding-left: 2px;
	padding-right: 2px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
.shoplink {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial;
	text-align: left;
	text-decoration: none;
}
:hover.shoplink {
	color: #009900;
	font-size: 11px;
	font-family: Verdana, Arial;
	text-align: left;
	text-decoration: none;
}
.fakeHyper {
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color: #000999;
	background-color: #FFFFFF;
}
.fakeHyperOver {
	cursor: pointer;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color: white;
	background-color: #000999;
}
.txt {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}
.boldtxt {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica;
}
.Hdrtxt {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
}
.menuDiv {
	position: absolute;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #000999;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	display: none;
	padding-bottom: 5px;
}
.menuDivPack {
	position: absolute;
	width: 185px;
	height: 199px;
	overflow: scroll;
	background-color: #fffde1;
	border: 1px solid #000999;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	display: none;
}
.menuDivSund {
	position: absolute;
	width: 200px;
	height: 180px;
	overflow: scroll;
	background-color: #fffde1;
	border: 1px solid #000999;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	display: none;
}
.menuDivMach {
	position: absolute;
	width: 185px;
	height: 148px;
	overflow: scroll;
	background-color: #fffde1;
	border: 1px solid #000999;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	display: none;
}
a.Desc {
	color: Blue;
	text-decoration: none;
}
a:hover.Desc {
	text-decoration: underline;
}
.basketTable {
	border-collapse: collapse;
	font-family: Verdana;
	font-size: 11px;
}
.basketTD {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #C0C0C0;
	font-family: Verdana;
	font-size: 11px;
}
.basketTDnoBorder {
	border-left-style: solid;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-width: 0px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-top-width: 0px;
	font-family: Verdana;
	font-size: 11px;
}
.BasketTH {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #C0C0C0;
	font-family: Verdana;
	font-size: 11px;
}
td.offer {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetical;
	font-weight: normal;
	text-decoration: none;
}
td1.offer {
	font-family: Verdana;
	font-size: 7.5pt;
	text-decoration: none;
	color: #000000;
}
td.Header {
	font-family: Verdana;
	font-weight: Bold;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.eshotGOLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #F1D92B;
}
.eshotWHITE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}
.eshotBLACK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.fakeLink {
	text-decoration: underline;
	cursor: pointer;
	color: blue;
}
.style5 {
	border-collapse: collapse;
}
.style6 {
	border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-top: medium none #FF0000;
	border-bottom: 2px solid #FF0000;
}
.style7 {
	border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-top: 2px solid #FF0000;
	border-bottom: medium none #FF0000;
}
.style8 {
	white-space: normal;
	border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-top: medium none #FF0000;
	border-bottom: 2px solid #FF0000;
}
.style9 {
	white-space: normal;
	border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-top: 2px solid #FF0000;
	border-bottom: medium none #FF0000;
}
.style10 {
	color: #FF0000;
	font-size: 15px;
	text-decoration: none;
	font-family: Verdana;
	font-weight: bolder;
}
/* this is the style for the blue 20px shading at the top of a cell */
.BlueGrad {
	height: 20px;
	background-image: url('/images/BlueGrad.gif');
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.WhiteLink {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.NormTextHLink {
	text-decoration: none;
	color: #000000;
}
.GrayBar177px {
	background-image: url('http://www.scobiesdirect.com/Images/GrayBar.jpg');
	text-align: left;
	width: 177px;
	height: 23px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
	margin: 0px;
}
.GrayBar {
	background-image: url('http://www.scobiesdirect.com/Graphics/Processor/greyBar.jpg');
	text-align: left;
	width: 177px;
	height: 23px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
	margin: 0px;
	line-height:23px;
}
.GrayBarNew {
	background-image: url('http://www.scobiesdirect.com/Images/GrayBar.jpg');
	text-align: left;
	width: 177px;
	height: 23px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	line-height:23px;
}
:hover.GrayBarNew {
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: white;
	background-color: #000999;
}

.smallbox {
	width: 177px;
	height: 23px;
	float: left;
	}


.GrayBar177pxlink {
	color: #FFFFFF;
	text-decoration:none;
}


.WeeGreenButton {
	width: 23px;
	height: 23px;
	float: left;
	border-width: 0px;
	padding: 0px;
}
.WeeGreenButtonImage {
	width: 23px;
	height: 23px;
	border-width: 0px;
}
.GrayGrad {
	padding: 7px;
	background-image: url('/images/GreyGrad.gif') ;
	vertical-align: top;
	text-align: center;
}
.GrayGradLarge {
	padding: 7px;
	background-image: url('/images/GrayGrad330.gif');
	vertical-align: top;
	text-align: center;
}
.ChartHolder {
	width: 640px;
	border: 1px black solid;
	text-align: left;
	/*overflow-x: auto;*/
}

.SDHdr1 {
	border-width: 2px;
	background-image: url('/images/ScobiesDirect-Banner-Plain.jpg');
	width:840px;
	height:79px;
}

.SDHdrIPhone {
	border-width: 2px;
	height:79px;
	background-color:navy;
}


.SJHdr1 {
	border-width: 2px;
	background-image: url('/images/ScobieJunorBanner.jpg');
	width:840px;
	height:79px;
}

.SDHdr1a {
	border-width:2px;
	/*background-image: url('/images/ScobiesDirect-Banner-Plain.jpg');*/
	width:840px;
	height:79px;
}

.SDHdr2 {
	color: #00A400;
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
}

.SDHdr2a {
	color: #FFFFFF;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

.SDHdr3 {
	color: #FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.SDHdr4 {
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.SDHdr4a {
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Arial Black";
	font-weight: 900;
}

.SDHdr5 {
	color: #FFFFFF;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}


.GreydOutImage{
	filter:alpha(opacity=25);
	moz-opacity:.25;
	opacity:.25;
}

.GreydOutDiv{
	filter:alpha(opacity=50);
	moz-opacity:.5;
	opacity:.5;
}

/* Style for the Live chat page */
    .ChatBox{
        font-size:11px;
        font-family:Verdana;        
    }
    
    .ChatButton{
        font-size:11px;
        font-family:Verdana;        
    }

    .VisitorChat{
        background-color: Silver;
    }

    .ChatLines{
        display:inline-block;
        height:40px;
        width:70px;
    }