/**************************************
* CSS DOCUMENT - DLT Website
***************************************/	

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #fff;
		color: #333333;
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 14px;
	}
	
	a {
		color: #FF6600;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	div#wrap {
		margin: 0 auto;
		width: 950px;
	}
	
	form {
		display: inline;
	}
	
/**************************************
* LAYOUT
***************************************/	

	#header {
		width: 950px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#leftcol {
		width: 180px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#centrecol {
	width: 560px;
	margin: 0 15px;
	background-color: #fff;
	float: left;
	padding-bottom: 20px;
	}
	
	#centrecol2 {
		width: 740px;
		margin: 0 0px 0 15px;
		padding: 0;
		background-color: #fff;
		float: left;
	}
	
	#rightcol {
		width: 180px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#footer {
		width: 950px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
/**************************************
* DESIGN
***************************************/

/**************************************
* General
***************************************/

	div.shadowcontainer {
		background-image: url(/images/shadow.gif);
    	background-repeat: no-repeat;
    	background-position: left bottom;
		padding: 0 0 7px 0;
		margin: 0 0 14px 0;
	}
	
	.clearfix {
		clear: both;
	}

/**************************************
* Header and Top Nav
***************************************/	

	div.topbar {
		width: 950px;
		height: 110px;
		font-size: 94%;
		background-image: url(/images/header.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
		text-align: right;
		padding: 0;
	}
	
	div.topbar p {
		margin: 0;
		padding: 5px 10px 0 0;
	}
	
	div.topbar h1 {
		width: 150px;
		height: 70px;
		background-image: url(/images/header.jpg);
    	background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		float: left;
	}

	div.topbar h1 span, div.topbar h2 { 
		display: none; 
	}

	div.topbar h1 a {
		width: 150px;
		height: 70px;
		background-image: url(/images/header.jpg);
    	background-repeat: no-repeat;
		display: block;
	}
	
	div.topnav {
		width: 935px;
		background-image: url(/images/heading_bg.gif);
    	background-repeat: repeat-x;
    	background-position: left bottom;
		border-bottom-color: #9E9E9E;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding: 2px 0 5px 15px;
	}
	
	div.topnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	div.topnav li {
		background-image: url(/images/arrow.gif);
    	background-repeat: no-repeat;
    	background-position: left center;
		display: inline;
		margin: 0;
		padding: 0 18px 0 8px;
	}
	
	div.topnav li a {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	div.topnav li a:hover {
		font-weight: bold;
		color: #FF6600;
		text-decoration: none;
	}		

	div.loginbar {
		width: 935px;
		font-weight: bold;
		color: #ffffff;
		background-color: #000000;
		border-bottom-color: #9E9E9E;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding: 7px 0 7px 15px;
	}
		
	div.loginbar a {
		color: #FF6600;
		text-decoration: underline;
	}
	
	div.loginbar a:hover {
		color: #FF6600;
		text-decoration: none;
	}		


/**************************************
* Left Nav
***************************************/
	
	div.leftnav {
		background-color: #FFFFFF;
	}
	
	div.leftnav h3 {
		font-size: 150%;
		font-weight: normal;
		background-color: #fff;
		margin: 0;
		padding: 0 0 10px 16px;
		display: block;
	}
	
/**************************************
* Feature Boxes
***************************************/
	
	div.featurebox {
		background-color: #fff;
		background-image: url(/images/featurebox_bg.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
		border-color: #FF9900;
		border-style: solid;
		border-width: 1px;
		padding: 0;
	}
	
	div.featurebox a {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div.featurebox a:hover {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	div.featurebox h3 {
		font-size: 94%;
		font-weight: bold;
		color: #fff;
		background-color: #FF9900;
		margin: 0;
		padding: 4px 0 6px 14px;
		display: block;
	}
	
	div.featurebox2 {
		background-color: #fff;
		border-color: #FF0000;
		border-style: solid;
		border-width: 1px;
		padding: 0;
	}
	
	div.featurebox2 h3 {
		font-size: 140%;
		font-weight: bold;
		color: #fff;
		background-color: #FF0000;
		text-align: center;
		margin: 0;
		padding: 4px 0 6px 0;
		display: block;
	}
	
	div.featurecontent1 {
		font-size: 94%;
		padding: 8px 14px 14px 14px;
	}
	
	
	div.featurecontent1 p {
		margin: 0;
		padding: 6px 0 0 0;
	}
	
	div.featurecontent1 hr {
		width: 100%;
		height: 1px;
		color: #FF9900;
		background-color: #FF9900;
		border: 0;
		margin: 8px 0 8px 0;
	}
	
	div.featurecontent1 ul {
		list-style-image: none;
		list-style-type: none;
		margin: 8px 0 0;
		padding: 0;
	}

	div.featurecontent1 li {
		display: inline;
		margin: 0 0 0px;
		padding: 0 0px 0px 0;
	}
	
	div.featurecontent1 a {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	div.featurecontent1 a:hover {
		font-weight: bold;
		color: #333333;
		text-decoration: underline;
	}

	
	div.featurecontent2 {
		font-size: 94%;
		padding: 0;
	}
	
	div.featurecontent2 ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.featurecontent2 li a {
		color: #333333;
		background-color: #FFEED4;
		border-top-color: #FF9900;
		border-top-style: solid;
		border-top-width: 1px;
		display: block;
		line-height: 18px;
		padding: 4px 0 4px 14px;
		text-decoration: none;
	}
	
	div.featurecontent2 li a:hover {
		background-color: #fff;
	}
	
	/* Fix for IE-win \*/
		* html div.featurecontent2 li a {height: 5px;}
	/* End Fix for IE-win */
	
	div.featurecontent3 {
		font-size: 140%;
		color: #ff0000;
		text-align: center;
		padding: 8px 14px 8px 14px;
	}
	
	div.featurecontent3 p {
		margin: 0;
		padding: 0;
	}
	
	.featuretextfields {
		font-size: 94%;
		width: 142px;
	}
	
/******************************
* Tables
******************************/	

	#table1 {
		width: auto;
 		border-collapse: collapse;
 		caption-side: bottom;
		margin: 0 0 4px 0;
	}
	
	#table1 td {
		border: 0;
		border-top-color: #FF9900;
		border-top-style: solid;
		border-top-width: 1px;
		vertical-align: top;
		text-align: left;
		padding: 3px;
	}
	
	#table1 th {
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	 
	#table1 .lastCol {
 		text-align: center;
	}
	
/**************************************
* Home Content
***************************************/
	
	div.homecontent {
	margin: 0 0 8px;
	}
	
	div.homecontent h1 {
	font-size: 150%;
	color: #FF6600;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div.homecontent h2 {
		font-size: 150%;
		font-weight: normal;
		background-color: #fff;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
		div.gencontent {
	margin: 0 0 0px;
	line-height: 130%;
	}
	
	div.gencontent h1 {
	font-size: 150%;
	color: #FF6600;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div.gencontent h2 {
		font-size: 150%;
		font-weight: normal;
		background-color: #fff;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div.homeintro {
		font-size: 12px;
		min-height: 183px;
		width: 248px;
		background-color: #fff;
		background-image: url(/images/featurebox_bg2.gif);
    	background-repeat: repeat-x;
    	background-position: left bottom;
		padding: 0 14px 14px 14px;
		margin: 0;
		line-height: 16px;
	}
	
	/* Fix for IE-win \*/
		* html div.homeintro {height: 183px;}
	/* End Fix for IE-win */
	
	div.homeintro h3 {
		font-size: 150%;
		font-weight: normal;
		color: #F77259;
		margin: 0;
		padding: 5px 0 0 0;
	}
	
	div.homefeature {
		font-size: 11px;
		width: 274px;
		background-color: #fff;
		background-image: url(/images/featurebox_bg.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
		border-color: #F77259;
		border-style: solid;
		border-width: 1px;
		margin: 0;
		padding: 0;
	}
	
	div.homefeature h3 {
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		background-color: #F77259;
		margin: 0;
		padding: 4px 0 6px 14px;
		display: block;
	}
	
	div.homefeaturecontent {
		min-height: 150px;
    	background-repeat: no-repeat;
    	background-position: right bottom;
		padding: 8px 130px 14px 14px;
	}
	
	/* Fix for IE-win \*/
		* html div.homefeaturecontent {height: 150px;}
	/* End Fix for IE-win */
	
	div.homefeaturecontent p {
		margin: 0;
		padding: 6px 0 0 0;
	}
	
	div.contentcontainer {
		width: 560px;
		margin: 0;
		padding: 0;
	}
	
	.heading1 {
		font-size: 14px;
		color: #4863A3;
	}
	
	div.boxwidth1 {
		width: 276px;
	}
	
	div.boxfloat1 {
		float: left;
	}
	
	div.boxmargin {
		margin: 0 0 0 8px;
	}
	
/******************************
* Products
******************************/	

	div.featuredcontainer {
		width: 560px;
		margin: 14px 0 0 0;
		clear: both;
	}
	
	div.mainheading {
	font-size: 94%;
	background-image: url(/images/heading_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top-color: #9E9E9E;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #9E9E9E;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px 15px;
	}
	
	div.mainheading ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	div.mainheading li {
		background-image: url(/images/arrow.gif);
    	background-repeat: no-repeat;
    	background-position: left center;
		display: inline;
		margin: 0;
		padding: 0 18px 0 8px;
	}
	
	div.mainheading li a {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	div.mainheading li a:hover {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	div.thumbscontainer {
		font-size: 94%;
		width: 560px;
		background-color: #fff;
		margin: 18px 0;
		float: left;
	}
	
	div.productthumbs {
		width: 176px;
		min-height: 235px;
		padding: 20px 4px 4px;
		border-bottom-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		float: left;
	}
	
		/* Fix for IE-win \*/
		* html div.productthumbs {height: 235px;}
	/* End Fix for IE-win */

	
	div.productthumbs img {
		border: none;
	}
	
	div.thumbsimgcontainer {
		min-height: 150px;
	}
	
		/* Fix for IE-win \*/
		* html div.thumbsimgcontainer {height: 150px;}
	/* End Fix for IE-win */

	
	div.productthumbs ul {
		list-style-image: none;
		list-style-type: none;
		margin: 4px 0 0 0;
		padding: 0;
	}
	
		div.multiimagescontainer {
	background-color: #fff;
	margin: 0 0 18px;
	float: left;
	}
	
		div.multiimages {
		width: 100px;
		min-height: 150px;
		padding: 4px;
		float: left;
	}
	
		/* Fix for IE-win \*/
		* html div.multiimages {height: 150px;}
	/* End Fix for IE-win */
	
	div.nextprevious {
	text-align: right;
	padding: 0 0 10px;
	font-weight: bold;
	}
	
	div.detailinfo {
		width: 560px;
	}
	
	div.detailinfoleft {
			font-size: 94%;
		width: 266px;
		margin: 0 0 20px 0;
		float: left;
	}
	
	div.detailinforight {
		width: 264px;
		margin: 0 0 20px 0;
		padding: 0 15px 0 15px;
		float: left;
	}
	
	div.detailinforight h3 {
		font-size: 120%;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	div.detailinforight p {
		margin: 15px 0 15px 0;
		padding: 0;
	}
	
	div.detailinforight ul {
		font-size: 94%;
		font-weight: bold;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.detailinforight li {
		background-image: url(/images/bullet.gif);
    	background-repeat: no-repeat;
    	background-position: left top;
		margin: 0;
		padding: 0 0 0 12px;
	}
	
	div.detailinforight hr {
		border: 0;
		height: 1px;
		background-color: #cccccc;
		margin: 5px 0 5px 0;
	}
	
	.price {
		font-size: 110%;
		font-weight: bold;
		color: #FF6600;
	}
		.rrprice {
	text-decoration: line-through;
	}

/******************************
* Footer
******************************/	

	div.footercontent {
		font-size: 94%;
		color: #999999;
		border-top-color: #9E9E9E;
		border-top-style: solid;
		border-top-width: 1px;
		padding: 24px 14px 0;
	}
	
	div.footercontent a {
		font-weight: bold;
		text-decoration: none;
		padding: 0 5px 0 5px;
	}
	div.footercontent a:hover {
		color: #333333;
	}
	
	
#longdescription {
	margin-bottom: 15px;
}
#mediumImg {
	margin-bottom: 20px;
}


/******************************
* General Content
******************************/	
#general {
}
#general h1 {
	color: #899FA9;
	font-weight: normal;
	font-size: 150%;
}


/******************************
* Navlist
******************************/	

#navcontainer { margin-left: 0px; }

#navcontainer h1 {
	font-size: 140%;
	font-weight: bold;
	color: #FF0000;
	margin: 0px 0px 10px;
	padding-left: 15px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 8px 6px 7px 15px;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 90%;
background-image: url(/images/CatNavBg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #000;
text-decoration: none;
background-image: url(/images/CatNavBg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 15px;
color: #000;
text-decoration: none;
font-weight: normal;
background-image: url(/images/SubNavBg.gif);

}

#navcontainer ul ul a:hover
{
color: #000;
text-decoration: none;
background-image: url(/images/SubNavBgOver.gif);

}

/**************************************
* CSection Code
***************************************/	

	div.sectionintro {
		min-height: 106px;
		background-image: url(/images/sectionintro_bg.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
		margin: 0;
		padding: 20px 15px 0 15px;
	}
	
	/* Fix for IE-win \*/
		* html div.sectionintro {height: 106px;}
	/* End Fix for IE-win */
	
	div.sectioncontent h1 {
		font-size: 150%;
		font-weight: normal;
		color: #FF6600;
		background-color: #fff;
		margin: 0;
		padding: 0 0 10px 15px;
		display: block;
	}
	
	div.sectionintro a, .highlight {
		color: #F77259;
	}
	
	
#checkoutlist ul {
	margin: 0px;
	padding: 0px 0px 15px;
}
#checkoutlist li {
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}
.checkoutlisthighlight {
	font-weight: bold;
}
.pleasechoose {
	font-size: 120%;
	font-weight: bold;
	color: #FF6600;
}

	div.thissection {
	min-height: 150px;
	margin: 0 0 0px;
	padding: 20px 15px 0px;
	}
	
	/* Fix for IE-win \*/
		* html div.thissection {height: 150px;}
	/* End Fix for IE-win */
	
	div.thissection h2 {
		font-size: 100%;
		font-weight: normal;
		color: #FF6600;
		padding: 0px 0 10px 0px;
	}
	
	div.thissection a, .highlight {
		color: #FF6600;
	}
	
	div.thissection a, div.thissection a:link {
		font-weight: bold;
		color: #FF6600;
		text-decoration: underline;
	}
	
	div.thissection a:hover {
		font-weight: bold;
		color: #FF6600;
		text-decoration: none;
	}

	div.sectionsubnav {
	width: 210px;
	padding: 2px 4px 2px 12px;
	float: left;
	background-image: url(../images/orangearrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	div.secheading {
	font-size: 94%;
	padding: 5px 15px 5px 15px;
	background-color: #FF9900;
	color: #FFFFFF;
	font-weight: bold;
	}
	
	div.secheading a {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div.secheading a:hover {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	div.seccontainer {
		width: 560px;
		margin: 0 0 15px 0;
		padding: 0;
		float: left;
	}
.srcinput {
	width: 140px;
}
.pleasenote {
	font-weight: bold;
	color: #FF0000;
}