/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 136px;
height: 200px;
padding-left:0px;
margin:0px;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}


a {
color:#000000;

}

.cleardiv {

clear:both;

}


body {
	margin:0;
	padding: 5px 0 0 0;
	border:0;
	text-align:center;
	color:#666666;
	background-attachment:fixed;
	background-color:#FFFFFF; /* white */
	/* border:#000000 thin solid; /* black */
background-repeat:repeat;
	background-position:left top;
	font-size: 9px;
}

.container	{
	background-color:#FFFFFF; /* black */
	margin: 0 auto;
	padding:0px;
	width: 770px;
	text-align:center;
	/* border:thin #000000 solid; */
}

.header {
	height:88px;
	width:770px;
	background-image: url(../images/header2.png);
	background-repeat: no-repeat;
	clear:none;
	overflow:hidden; /* this will stop the wrapping */
	vertical-align:top;
	/* background-color:#66CC99; */
	margin: 0 auto;
	padding:0px;
}

.footer {
	clear:none;
	width:770px;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#000000;
	margin:0 auto;
	padding:0px;
	overflow:hidden;
	background-color:#FFB200;
}

.header2 {
	height:20px;
	width:770px;
	/* background-color:#FF00FF; */
	background-image:none;
	background-repeat: no-repeat;
	clear:none;
	overflow:hidden;
	vertical-align:top;
	margin: 0 auto;
	padding:0px;
}

#skipmenu {display: none;}

/* ########################### */
/* Menu at the top of the page */
/* ########################### */

.mainbody {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	vertical-align: top;
	width: 605px;
	
	/* border:#000000 thin solid; /* black */
	/* background-color:#33FFFF; /* blue */
	background-image:none;
}

.mainbody2 {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	margin-left:10px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:10px;
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
	vertical-align: top;
	width: 472px;
	
	/* border:#000000 thin solid; /* black */
	background-color:#FFFFFF; /* blue */
}

.mainbody3 {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	padding-left:5px;
	vertical-align: top;
	width: 143px;
}

div#mainbodyimg {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	
	padding-left:0px;
	
	vertical-align: top;
	width: 148px;
	height:220px;
}
div#mainbodyimg12 {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
	vertical-align: top;
	width: 146px;

	background-color:#FFB200;
}


.mainbody4 {
	clear: none;
	display:block;
	overflow:hidden;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:0px;
	
	vertical-align: top;
	width: 622px;
	
	/* border:#000000 thin solid; /* black */
	/* background-color:#000066; /* blue */
}

div#mainbody4 a {
	text-decoration:none;
}

div#mainbody5 {
	clear: none;
	display:block;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align: top;
	width: 580px;
	
	/* border:#000000 thin solid; /* black */
	background-color:#FFFFFF; /* blue */
}

div#mainbody6 {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align: top;
	width: 600px;
	
	/* border:#000000 thin solid; /* black */
	/* background-color:#0000FF; /* blue */
}

.contentbox {
	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align: top;
	width: 600px;
	
	/* border:#000000 thin solid; /* black */
	/* background-color:#00CC66; /* green */
}

div#mainbody7 {
	clear: none;
	display:block;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	margin-left:2px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
	vertical-align: top;
	width: 138px;
	/* border:#000000 thin solid; /* black */
	/* background-color:#0066FF; /* gold */
}

.nav_left_vert_empty {
float:left;
vertical-align:bottom;
padding-top:1px;
width: 80px;
height: 35px;
background-color:#FFB200;
}

html>body .nav_left_vert_empty
{
float:left;
vertical-align:bottom;
padding-top:1px;
width: auto;
height: auto;
background-color:#FFB200;
min-width: 80px;
min-height: 140px;
}


div#nav_left_vert {
	display:block;
	float:left;
	text-align:left;
	vertical-align: middle;
	letter-spacing: 0.05em;
	width: 137px;
	clear:both;
	overflow:hidden; /* was vis */
	margin-top: 0px;
	height:auto;
	background-color:#FFFFFF;
	/* border: 0px solid #000000; Main outside box */
}

div#nav_left_vert ul {
	/* background-color:#ffb200; */
	list-style-type: none; /* get rid of the bullets */
	padding:0;             /* no padding - top, right, bottom, left */
	margin:0;              /* no margin - top, right, bottom, left for IE either */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/* border: 1px solid  #000000; */
}
	
div#nav_left_vert li {
	/* background-color:#ffb200; */
	display:block;
	border-top: 1px solid white; /* lines */
	/* border: 1px solid  #000000; */
	vertical-align:middle;
}

div#nav_left_vert ul li a {
	/*border: 1px solid #000000; /* box around main section items */
	background-color: #ffb200;
	display: block;         /* lines extend to right, make area clickable */
	color:#000000;
	padding: 3px 3px 3px 5px; /* last one is left padding */
	text-decoration: none;
	/* height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
	height:1%; /* SJ put this in for IE */
	text-align:left;
	vertical-align:middle
}



/* #nav_left_vert #treemenu1 .thirdlayer {
	background-color: #00FFCC;
} */





/*#nav_left_vert #treemenu1 .thirdlayer a:hover{
	
	
	color:#000000;
	background-color:#FFD87F;
	
} */


div#nav_left_vert ul ul li a {
	margin-left: 10px;     /* indent level 1 */
	background-color:#FFFFFF; /* this is the bit in the 2nd box */
	border-bottom:2px solid #000000;
}
div#nav_left_vert ul ul ul li a {
	margin-left: 10px;     /* indent level 2 */
}

/* Take away 2 px to allow for the  border */

div#nav_left_vert ul li a:hover {
	color:#000000;
	background-color:#FFD87F;
	/* border-top: 1px solid black; */
    /* border-bottom: 1px solid black; */
	/* height:14px; */
}

div#nav_left_vert ul ul ul li a:hover {
	color:#000000;
	background-color:#FFD87F;
	/* border-top: 1px solid black; */
    /* border-bottom: 1px solid black; */
	/* height:14px; */
}

/* thirdlayer css code  */
#nav_left_vert #treemenu1 .thirdlayer {
	background-color: #ffb200;
}


#nav_left_vert #treemenu1 a:hover.thirdlayer {
	/*border: 1px solid #000000; /* box around main section items */
	background-color: #FFD87F;
	color:#000000;
	
}
/* END   thirdlayer css code  */

/* ########################### */
/* Menu at the left of the page */
/* ########################### */
#seperatorline {
	float:left;
	width:770px;
	background-color:#004812;
	height:1px; 
	clear:both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#nav_top_horiz {
	height:20px;
	float:left;
	font-size: 10px;
	font-weight:200;
	line-height:20px;
	text-align:left;
	vertical-align: top;
	background-color:#ffb200;
	font-style: normal;
	letter-spacing: 0.05em;
	word-spacing: normal;
	width: 770px;
	clear:both;
	overflow:hidden; /* was vis */
	margin:0px;
	padding:0px;
	text-align:left;
	/* border: #00CCFF thin solid; */
}

div#nav_top_horiz ul {
	background-color:#ffb200;
	list-style: none; /* get rid of the bullets */
	padding:0;             /* no padding */
	margin:0 auto 0px;;              /* no margin for IE either */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:18px;
	vertical-align: top;
	text-align:left;
	clear:both;
}

div#nav_top_horiz li {
margin: 0 auto;
padding: 0;
display: inline;
background:#ffffff;
}

div#nav_top_horiz ul li a {
	display: block;         /* lines extend to right, make area clickable */
	color:#000000;
	background-color: #ffb200;
/* 	padding: 3px 12px 3px 12px; */
	margin:0;
	text-decoration: none;
	height:20px;           /* hint for IE, alternatively remove whitespace from HTML */
	/* border-left: 1px solid white; /* lines */
	border-right: 1px solid white; /* lines */
	/* border-top: 1px solid white;
	border-bottom: 1px solid white; */

}

div#nav_top_horiz li a {
	float:left;
	margin: 0 auto;
	padding: 0px 12px 0px 12px;
	text-decoration: none;
	color: #004812;
}

div#nav_top_horiz li a:hover {
	/*color:#FFFFFF; */
	background-color:#FFD87F;
	/*border-left: 1px solid black;
	border-right: 1px solid black; */
	border-bottom: 1px #000000 solid;
	height:19px;
}

.homepageMain {
	clear:both;
	
	width:770px;
	height:100%;
		
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding:0px;
	
	overflow: hidden; /* was vis */
	display: block;

	white-space: normal;
	background-color:#FF0000;
	border-top:#666666 2px solid;
	
}

.homepageMain2 {
	clear:both;
	
	width:770px;
	height:100%;
		
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	
	overflow: auto; /* was vis */
	visibility: visible;
	display: block;

	white-space: normal;
	
	border-top:#666666 2px solid;
	background-color:#000000;
	background-image: url(../images/3col_white2.gif);
	background-repeat:repeat-y;
}

.homepageMain3 {
	clear:both;
	
	width:770px;
	height:100%;
		
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	
	overflow: auto; /* was vis */
	visibility: visible;
	display: block;

	white-space: normal;
	
	background-image: url(../images/2col_white.gif);
	background-repeat:repeat-y;
}

.homepage {
	clear:both;
	
	width:770px;
	height:100%;
		
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	
	overflow: auto; /* was vis */
	visibility: visible;
	display: block;

	white-space: normal;
	background:#FFFFFF;
	border-top:#666666 2px solid;
	
	background-image: url(../images/menu_bg1.gif);
	background-repeat:repeat-y;
}

#homepage p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*	background:#FFFFFF; */
}

#homepage2cols {
	clear:both;
	
	width:768px;
	height:100%;
		
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	
	overflow: auto; /* was vis */
	visibility: visible;
	display: block;

	white-space: normal;
	background:#FFFFFF;
	border-top:#666666 2px solid;
	
	/* background-image: url(../images/menu_bg1.gif); */
	background-repeat:repeat-y;
}


div#first_to_care_content {
	float:left;
	clear:none;
	
	margin-top:0px;
	margin-right:0px;
	vertical-align:bottom;
	
	width:150px;
	height:88px;
	
			padding-top:56px;
}

div#search_content {
	float:left;
	clear:none;
	
	margin-top:0px; /* 46px dont do anymore than this as it makes the picture wrap */
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	
	padding-top:64px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
	width: 240px;
	height:88px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	text-align:right;

	vertical-align:bottom;
	
	/* line-height:40px; */
}

div#basket_content {
	margin-top:0px;
	padding-left:30px;
	vertical-align:top;
	float:left;
	height:88px;
	padding-top:56px;
	width:180px;
}

div#text_size_gap {
	clear: none;
	display:block;
	margin-top:0px;
	margin-right:10px;
	vertical-align:bottom;
	float:right;
	clear:none;
	width:150px;
	height:28px;
	padding-top:10px;
}

div#text_size_content_login {
	clear: none;
	display:block;
	margin-top:0px;
	margin-right:10px;
	vertical-align:bottom;
	float:right;
	clear:none;
	width:160px;
	height:18px; 
	padding-top:0px;
}

div#text_size_content_login a{
	text-decoration: none;
	font-weight:bold;
}




div#text_size_content {
	clear: none;
	display:block;
	margin-top:0px;
	margin-right:10px;
	vertical-align:bottom;
	float:right;
	clear:none;
	width:150px;
	height:34px;
	padding-top:5px;
}

div#text_size_content a{
	text-decoration: none;
}

div#main_content {
	float:left;
	clear: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
	width:622px;
	display:block;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	/* background-color:#FF6600; /* Orange */
}

div#main_head {
	float:left;
	clear: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:5px;
	margin-top:10px;
	width: 610px;
	display:block;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:thin solid #0000FF;
	background:#000000 */
}

div#top_head {
	float:left;
	clear: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:5px;
	margin-top:10px;
	width: 700px;
	height: 130px;
	display:block;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	border:thin solid #0000FF;
	background:#000000;
		overflow:auto; /* was vis */
}

#form1 {
vertical-align:baseline;
 }
 
.View_Content_Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align:top;
	text-align:left;
}

.View_Content_Text h1 {
	font-size:12px;
	margin-bottom: 0px;
	margin-top: 0px;
   	padding-bottom: 0px;

}

.View_Content_Text h2 {
	font-size:12px;
	margin-bottom: 0px;
   	padding-bottom: 0px;

}

.View_Content_Small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #000000;
	vertical-align:top;
	text-align:left
}

.View_Content_Small_Centre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #000000;
	vertical-align:top;
	text-align:center;
}

div#loginmaincontent {
	float:left;
	clear: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
	width:600px;
	display:block;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	/* background-color:#FF6600; /* Orange */
}

div#logincontentleft {
	clear: none;
	display:block;
	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
	width:260px;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	background-color:#ffb200; /* Orange */
}

div#logincontentleftinner {
	clear: none;
	display:block;
	float:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:260px;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	background-color:#FFFFFF; /* Orange */

}


div#logincontentright {
	clear: none;
	display:block;
	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
	width:260px;
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	background-color:#ffb200; /* Orange */
}

div#logincontentrightinner {
	clear: none;
	display:block;
	float:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
	width:260px;
	
	vertical-align: top;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	background-color:#FFFFFF; /* Orange */

}

div#traoptions {

	clear: none;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	margin-right:2px;
	margin-top:0px;
	margin-bottom:0px;
	width:140px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/* border:1px solid #000000; /* black */
	/* background-color:#3366CC; /* Orange */
	text-align:center;

}

div#traoptions a{
	text-decoration: underline;
	color: #000000;
	text-align:center;
}

div#traoptions img{
	border:none;
}

div#Content_Duration_Box {

border:#000000 1px solid;
width:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

div#Onepcbox {

clear: none;
display:block;
float:left;
border: #000000 0px solid;
width: 96%;
padding:2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;

}

div#Onepcboxnoborder {

clear: none;
display:block;
float:left;
border: #000000 0px solid;
width: 98%;
padding:2px;

}

div#Fifpcbpx {

clear: none;
display:block;
float:left;
width: 49%;

}
div#Fifpcbpx img {
	text-align:center;
}






 /* sjd styling for Tenth_Layer_Home.asp  product list */


h1.mainprodheading {

	font-size: 10px;
	color: #006666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.mainbody .product .productcolumn h1 {

	font-size: 10px;
	color: #006666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.mainbody .product img {

border:none;

}


.mainbody .product .piccoloumn a:link, .mainbody .product .piccoloumn a:hover, .mainbody .product .piccoloumn a:active, .mainbody .product .piccoloumn a:visited {

	text-decoration: none;
	color: #000000;
}

.mainbody .product a {
	text-decoration: none;
	color: #000000;
}

.mainbody .product h1 a:hover {
	text-decoration: none;
	color: #333333;
}

.mainbody .product p {
	
	text-align: left;
	text-indent: 0px;
	vertical-align: text-top;
	margin: 0px;
	padding: 0px;
}

.product {
	float:left;
	border: thin solid #FFBB22;
	text-align: left;
	text-indent: 0px;
	vertical-align: text-top;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	width: 600px;
	}

.product h1 {
	font-weight:bold;
	font-size:10px;
}

.piccoloumn{
	float:left;
	width:110px;
	clear:none;
	}

.productcolumn{
	width:459px;
	float:right;

}

.productcolumn h1 {

}

.threecolcontainer {
	clear: both;
	float: left;
	width: 459px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.prodcol1 {
	width: 324px;
	padding: 0px;
	clear: none;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
	/* background-color:#CC9933; */
}

.prodcol1 p {
	padding: 0px;
	margin: 0px;
}

.prodcol2 {
	display: block;
	width: 60px;
	clear: none;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* background-color:#00FF99; */
}

.prodcol3 {
	display: block;
	width: 60px;
	clear: none;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* background-color:#00FF99; */
}

.prod1and2container {

width: 130px;
float: right;
/* background-color:#339999; */

}

.prodcol4 {

float:right;
width: 65px;

}



 /* END styling for Tenth_Layer_Home.asp  product list */
 /* .cleardiv{
	height: 1px;
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	*/

.supp_row_products_only_box {
	clear: none;
	float:left;
	text-align:center;
	vertical-align:middle;
	
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	
	padding: 0px;
	
	height: 155px;
	width: 85px;
	background-color:#FFFFFF; /* purple */
	
	overflow:hidden;
}


.supp_row_products_only_top_level {
	clear: none;
	float:left;
	text-align:center;
	
	height: 75px;
	width: 75px;
	background-color:#FFFFFF; /* purple */
	
	overflow:hidden;
	border:thin #FFBB22 solid; /* gold */
	vertical-align:top;
}


.supp_row_top_level {
	clear: none;
	float:left;
	text-align:left;
	
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	
	padding: 0px;
	
	height: 120px;
	width: 290px;
	/* background-color:#FF00FF; /* purple */
	
	overflow:hidden;
	border:thin #FFBB22 solid; /* gold */
} 

.col2 {
	clear: none;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	height: 85px;
	width: 600px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

.col3 {
	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	margin: 2px;
	height: 86px;
	width: 224px;
	/* background-color: #339900; /* GREEN */
	/* border:thin #000000 solid; /* black */
} 

.colproductdetail {
	clear: both;
	float:left;
	text-align:left;
	padding: 0px;
	margin: 2px;
	height: 125px;
	width: 605px;
	vertical-align:top;
	border: 1px solid #00FF99;	/* background-color: #339900; /* GREEN */
	overflow: visible;
	/* border:thin #000000 solid; /* black */
} 

.colcoursedetail {
	float:left;
	padding: 0px;
	margin: 0px;
	width: 605px;
	vertical-align:top;
	border: 1px solid #FFB200;
	margin-bottom:5px;
}
	
	

.colcoursecol1 {
	font-weight:bold;
	float:left;
	padding: 0px;
	margin: 0px;
	width: 160px;
	vertical-align:top;
	/* border: 1px solid #00FF99;	/* background-color: #339900; /* GREEN */
	
} 

.colcoursecol2 {
	float:left;
	padding: 0px;
	margin: 0px;
	width: 300px;
	vertical-align:top;
	/* border: 1px solid #00FF99;	/* background-color: #339900; /* GREEN */
	overflow: visible;
	/* border:thin #000000 solid; /* black */
} 
div#col4 {
	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	margin: 5px;
	width: 140px;
	background-color:FFB200; /* RED */
	/* border:thin #000000 solid; /* black */
} 

.col5 {
	clear: none;
	float:left;
	text-align:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 296px;
} 

.colpdname {
	clear: left;
	float:left;
	text-align:left;
	vertical-align:text-top;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 370px;	/* border:thin #000000 solid; /* black */
} 

.colpdname ul {
	clear:both;
	margin:0px;
	overflow:visible;
}
.colpdname li {
	clear:both;
	
}

.coloumnholder{
	width:490px;
	float:left;
	padding:0px;
	margin:0px;
	clear: none;
	background-color: #FFFFCC;
}
.colpdstocklev {
	clear: none;
	float:left;
	text-align:left;
	vertical-align:text-top;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 50px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

.colpdstockprice {
	clear: none;
	float:left;
	text-align:left;
	vertical-align:text-top;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 50px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
}

.supp_thumb_image {
	float:left;
	clear:left;
	width: 75px;
	height:75px;
	/* background-color: #00FF00; /* lime green */
	/* border:thin #000000 solid; /* black */

	vertical-align:middle;
	margin: 0px;
	padding: 0px;
	overflow: visible;	/*display:inline; */
	
}

.supp_thumb_image img {
	border: none;	
}

.thumbimage {
	float:left;
	clear:left;
	width: 75px;
	height:75px;
	/*background-color: #00FF00; /* lime green */
	/* border:thin #000000 solid; /* black */

	vertical-align:middle;
	margin: 0px;
	padding: 0px;
	overflow: visible;	/*display:inline; */
	
}

.thumbimage img {
	border: none;	
}

.thumbimage2 {
	float:left;
	clear:none;

	width:75px; 
	height:75px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	
	/* background-color: #00FF00; /* lime green */
	/* border:thin #000000 solid; /* black */

	/* vertical-align:middle; */
	/*display:inline; */
	
}

.thumbimageprod {
	float:left;
	clear:none;
	width:100px;
	height:100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	background-color: #CCCCCC;
	overflow: visible;
	visibility: visible;	/* background-color: #00FF00; /* lime green */
	/* border:thin #000000 solid; /* black */

	/* vertical-align:middle; */
	/*display:inline; */
	
}

div#thumbimage2 a {
	color:#000000;
	border-color:#000000;
	text-decoration: none;

}

.thumbimage3 {
	float:left;
	clear:none;

	width: 75px; 
	height:75px;
}

.thumbtext3 {
	clear: none;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 0px;
	
	padding:0px;
	text-align:left;
	width:200px;
	vertical-align:top;
}

.supp_thumb_text {
	clear: none;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
	text-align:left;
	width:190px;
		
	/* background-color:#666666; */
	/* border:thin #000000 solid; */
}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 6em
}


.supp_thumb_product_only_text {
	clear: none;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:5px;
	width:80px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFFFFF;
	overflow:hidden;
	vertical-align:middle;
	
}

.centered
    {
    position:absolute;
    width:200px;
    left:50%;
    margin-left:-100px;
    background-color:#CCCCCC;
    height:100%;
    top:0px;
    }

.supp_thumb_text p {
	margin-left:0px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	/* color:#000000; */
	/* background-color:#666666; */

}

.thumbtext {
	clear: none;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
	text-align:left;
	width:500px;
		
	/* background-color:#666666; */ grey
	/*border:thin #000000 solid; */
}

div#thumbtext p {
	margin-left:0px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
/* background-color:#666666; */

}

.thumbtext2 {
	clear: none;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
	text-align:left;
	width:135px;
	/* background-color:#666666; */
	/* border:thin #000000 solid; */
}

.thumbtextprodcontainer {
	clear: none;
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
	text-align:left;
	width:490px;
	height:125px;	/* border:thin #000000 solid; */
	overflow: visible;
	visibility: visible;
}


.thumbtextprod {
	clear: none;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
	text-align:left;
	width:470px;	/* border:thin #000000 solid; */
}



div#thumbtext2 p {
	margin-left:0px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
/* background-color:#666666; */

} 

div#thumbtext2 a {
	text-decoration: none;
	font-weight:bold;
}

div#coursecols {
	clear: none;
	float:left;
	padding: 0px;
	margin: 0px;
	width: 605px;
	vertical-align:top;
	/* background-color:#00FF00; /* GREEN */
	/* border:thin #000000 solid; /* black */
} 

div#coursecolsheader {
	clear: none;
	text-align:left;
	margin-top: 0px;
	padding: 0px;
	width: 607px;
	background-color:#FFB200; /* gold */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol1 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 70px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol2 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 150px;
	/*background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol3 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 90px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
}

div#coursecol4 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 70px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol5 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 70px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol6 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 70px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol7 {
	clear:none;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 500px;
	/* background-color:#ffb200; /* GOLD */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol8 {
	clear:none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 100px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol9 {
	clear:none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 150px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol10 {
	clear:none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 150px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#coursecol11 {
	clear:none;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 490px;
	background-color:#ffb200; /* GOLD */
	/* border:thin #000000 solid; /* black */
}

div#coursecol12 {
	clear:none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

	padding: 0px;
	width: 150px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#callmebackcol1 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	padding: 2px;
	width: 175px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#callmebackcol2 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	padding: 2px;
	width: 410px;
	background-color:#FFFFFF; /* RED */
	/* border:thin #000000 solid; /* black */
} 

div#callmebackcol3 {

	clear: none;
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	padding: 0px;
	width: 500px;
	/* background-color:#FF0000; /* RED */
	/* border:thin #000000 solid; /* black */
}