/* CSS Document */

/*
        tnsdistribution.com Screen Styles
		Author: Derek Organ & Vincent Glennon
		Design Company: Jeebers Ltd. (http://www.jeebers.com)

        Table of Contents:
                layout
                typography
                forms
*/

/* layout
----------------------------------------------- */
* { /* so default browser settings are overwritten */
	margin: 0px;
	padding: 0px;
}
body {
	font-size:12px;
    font-family:Tahoma Verdana, Arial, Helvetica, sans-serif; 
	background:#e2e2e2;
}

#container {
	margin: 0 auto;
	width: 938px;
	border-color:#336699;
	border-width:1px;
	border-style:solid;
	margin-bottom:10px;
	background: #fff;
}

#header {
	padding-top: 18px;
	background:url('images/header.jpg');
	height: 32px;
	width: 938px;
}

#site_url {
	text-align: center;
	font-size: 1em;
	color: #CCCCCC;
	width: 260px;
	float:left;
}
#header_phone_number {
	margin-left:50px;
	text-align: left;
	font-size: 1em;
	color: #CCCCCC;
	float:left;
}

#site_url a{
	font-size: 1em;
	color: #CCCCCC;
	text-decoration: none;
}
#header_icons{
margin-left:175px;
	float:left;
}

#display_header_number {
	font-size: 1em;
	float:left;
	color: #CCCCCC;
}
.header_icon {
	padding-left:20px;
	padding-right:20px;
	float:left;
}
.header_icon_with_border {
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #999 ;
	border-left:1px solid #999;
	float:left;
}

/* start container */

#contentcontainer {
	width: 938px;
	background:URL(images/leftsideborder.jpg) repeat-y;
	background-position: left;

}

/* start left side panel */

#headermainlogo
{
    height:206px;
	width: 260px;
	padding-bottom:50px;
	padding-left:20px; 
	padding-top:47px ;
}
#tns_logo{
	margin-top:0px;
	padding-left:18px;
	padding-top:50px;
    height:156px;
	width: 242px; 
	background:url(images/background_to_logo.jpg)  no-repeat;
}
#leftsidepanel{
	width: 260px;
	padding-bottom:30px;
	float:left;
}


#listsitemap{
	list-style-image: url(images/pointer_m.gif);
	padding-right:50px;
}
.listaddress
{
	list-style-type: none; 
}
#listsitemap topoflist { 
	border-top: 0px;
	list-style-type: none; 
}
#listsitemap li a 
{ 

	color:#865E7A;
	text-decoration: none; 
}
.listcontentwithborder
{
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px solid #E0E0E0;
	
	text-decoration:none;
	list-style-type: none; 
	
}
.topoflist
{
	padding-bottom:10px;
	list-style-type: none; 
}
#leftsidepage{
	padding-top:30px;
 	padding-left:57px;
}
.menutext
{
	margin-top:0;
	line-height:8px;
}
.m{
	color:#865E7A;
	text-decoration:none;
	text-transform:uppercase;
}
	

/* -- start page-- */
#page{
	background:url(images/rightborderoffset.jpg) repeat-y;
	background-position:right;
	float:left; 
	width:678px;
		 
}
#centerimage{
	float:left;
	width:282px; 
}

#rightblocktext
{
	padding-left:4px; 
	padding-top:28px; 
	padding-right:25px;
}
#contactsection
{
	border-color:#D0D0D0;
	float:left;
	width:200px;
}

#contactbox
{
width:280px;
	padding-left:26px;
	padding-top:28px;
	padding-right:100px;
}
#topcenter
{

	float:left;
	width:678px;
	
}
#dynamicpagecontent
{
	float:left;
	width:611px;
	border-left: 1px solid #999;
	border-color:#D0D0D0;
	padding-bottom:28px;
	padding-left:26px;
	padding-top:28px;
	padding-right:40px;
	
	min-height:343px; 
	height:auto;
}
#dynamicpagecontent a
{
	color:#865E7A;
}

#dynamicpagecontent p
{
	padding-left:30px;
	padding-bottom:1em;
	color: #00223c;
	line-height:1.3em;
}
#dynamicpagecontent ul
{
	padding-left:30px;
}
#dynamicpagecontent h4
{
	vertical-align: top;
	color: #2e59a7;
	font-weight: bold;
	font-size: 110%;
	padding-right: 20px;
}


	
		
		
		
#latestproducts
{
	float:left;
	width:386px;
	height:206px;
	padding-right:10px;
	background:URL(images/toprightbackgroundimage.jpg);
}
#rightside
{

   width:394px;
   float:left;
}
#lowerrightblockcontent
{
	padding-top:26px;
}
#lowerrightblockimage
{
	margin-top:15px;
	padding-bottom:20px;
}
#contactdetailspanel
{
	display: inline;
	border-left:1px solid;
	border-color:#D0D0D0;
	margin-left:50px;
	float:left;
}
#addressdetails p
{
	line-height:.9em;
}
#salesdetails p
{
	line-height:.9em;
}
#ddlist p
{
	line-height:.9em;
}

	.title
	{
		color:#865E7A;
		text-decoration:none;
	}
#bottompagecontainer
{
border-left: 1px solid #999;
	border-color:#D0D0D0;
	float:left;
	width:280px;

	float:left;
}
/*--- end page--*/


/*------- footer --*/

#footer {
	clear:both;
	background: #1f1a41;
	height: 55px;
	width: 938px;
	padding-top:25px;
	font-size: 0.9em;
}
#copyright
{
	display:inline;
	float:left;
	width:261px;
	padding-right:10px;
	margin-left:260px;
	border-left:1px solid #999;
	font-size: 0.9em;
	color: #CCCCCC;
	height: 38px;
	padding-left: 10px;
}
#privacy
{
	border-left:1px solid #999;
	display:inline;
	float:left;
	width:200px;
	color: #CCCCCC;
	font-size: 0.9em;
	height: 38px;
	padding-left: 10px;
}

#jeebers
{
	display:inline;
	border-left:1px solid #999;
	float:left;
	font-size: 0.9em;
	color: #CCCCCC;
	height: 36px;
	padding-left: 10px;
}
#footer a
{
	color:#CCCCCC;
	text-decoration:none;
	font-weight:600;
}

#footer a:hover
{
	color:#CCCCCC;
	text-decoration:underline;
	font-weight:600;
}


#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style-image: url(images/pointer_m.gif);
		float : left;
	}
	
	#nav li { /* all list items */
		padding-top:10px;
		padding-bottom:10px;
		
		text-decoration:none;
		list-style-type: none; 
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 5.05em;
		margin-top: -1em;
		list-style-type: none; 
		background-color:#FFFFFF;
		border:1px solid;
		border-color:#e2e2e2;
	}
	
	.secondlistrest
	{
		border-top: 1px solid #e2e2e2;
	}
	#nav li ul li{ /* second-level lists */
		padding-left:15px;
		padding-right:15px;
		list-style-image:none;
		text-decoration:none;
		list-style-type: none;  
	}
	
	
	#nav li a {
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		color:#865E7A;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#sitemap a { /* all list items */
		padding-top:10px;
		padding-bottom:10px;
		padding-left:20px;
		text-decoration:none;
		list-style-type: none;  
		color:#865E7A;
	}
	#sitemap li ul  { /* all list items */
		padding-left:20px;
		text-decoration:none;
		list-style-type: none;  
		list-style-image: none;
	}
	#sitemap li ul li{ /* all list items */
		padding-left:30px;
		text-decoration:none;
		list-style-type: none;  
		list-style-image: none;
	}
	#sitemap li ul li a{ /* all list items */
		color:#4A6E84;
	}
	#sitemap li { /* all list items */
		
		padding-top:10px;
		padding-bottom:10px;
		text-decoration:none;
		list-style-type: none;  
		margin-left: 20px;
	}
	
	
/*--- end footer-*/

/* typography ----------------------------------------------- */

/* forms */
li
{
		list-style-type: none; 
}
h3
{
	color:#003D6C;
	font-weight:bold;
	padding-bottom:1em;
}
input{
	border: 1px solid #999;
}
p .title{
	color:#865E7A;
}

.clear{
  clear:both;
}
.caps
{
	text-transform:capitalize;
}

/* marketing */

#marketing {
	padding: 20px;
}

#marketing ul {
	margin:15px 10px 10px 30px;
	list-style-type: disc;
	color: #fff;
	font-size: .92em;
	line-height: 1.45em;
	list-style-image: url(images/marketing_bullet.gif);
	
}
#marketingfirst
{
	width:50%;
float:left;
}
#marketingsecond
{
	width:50%;
float:left;
}
#marketing ul.m_link {
	margin-top:20px;
	list-style-image: url(images/marketing-arrow.gif);
	font-weight: 600;
	clear: both;
	width: 70%;
}

#marketing ul.m_link a{
	color: #fff;
	font-weight: 800;
	text-decoration: none;
}
#marketing ul.m_link a:hover{
	text-decoration: underline;
}

.titleimage{
	margin: 5px 5px 30px 0px;
}
a.morelink{
	float:right;
	color: #a30000;
	text-transform: uppercase;
	font-weight: 800;
	padding-left: 25px;
	background:url(images/morearrow.gif) no-repeat;
	font-size:.92em;
	text-decoration: none;
}

a.morelink:hover{
	text-decoration: underline;
	}
	
.hr {
	clear:both;
	padding: 1px;
	background: transparent url(images/grey_dotted_hr_bg.gif) repeat-x bottom;	
    line-height: 1px;
}
.latestproducts {
	width: 390px;
	float:right;
	margin-top: 10px;
}

.news {
	margin-top: 10px;
	width:210px;
	float:left;

}

.news ul {
	margin:5px 10px 30px 10px;	
	color: #4d4d4d;
	font-size: 1em;
	line-height: 1.5em;
	list-style:none;
	
}
#latestnewslist
{
	
	list-style-image: url(images/newsbullet.gif);
}

.news li{
	margin-top: 5px;
}

.welcome {
	text-align: justify;
}
.breadcrumb 
{
	padding-bottom:10px;
	color: #c3c3c3;
	font-family: arial;
	font-size: .9em;
}
.breadcrumb a, .breadcrumb a:visited foot

{
	text-decoration:none;
	color: #c3c3c3;
}
.breadcrumb a:hover
{
	text-decoration:underline;
	color: #c3c3c3;
}
#locationsubmenu a, #locationsubmenu a:visited 
{
	text-decoration:none;
}
#locationsubmenu a:hover
{
	text-decoration:underline;
	color: #c3c3c3;
}
#locationsubmenu p
{
	text-decoration:none;
	color:#C3C3C3;
}

#locationsubmenu
{
	border-color:#D1D1D1;	
	border:1px solid;
	margin-bottom:30px;
	margin-left:30px;
	padding-top:10px;
	color: #c3c3c3;
	float:right;
	width:150px;
	
}
.productimage
{

}
#technicalsupportpanal li
{
	height:30px;
	padding:10px;
	border-bottom:1px solid;
}
#technicalsupportpanal {
	clear:both;
	height: 2800px;
	margin-top:40px;
	color:#666666;
}
#technicalpartner
{
	float:left;
	width:90px;
}
#technicalwebaddress
{
	float:left;
	width:200px;
}

#technicalwebaddress a, #technicalwebaddress a:visited 
{
	text-decoration:none;
}
#technicalwebaddress a:hover
{
	text-decoration:underline;
}
#technicalprodecure
{
	float:left;
	width:285px;
}
.technicalheading
{
background-color:#003D6C;
	color:#FFFFFF;
}


.listofimageformats li
{
	margin-left:10px;
}
.listofimageformats ul
{
	margin-bottom:10px;
}
.date 
{
	text-align: right;
}
.morelink  
{
	text-align: right;
	position: relative;
	left: -20px;
	color: #9a5463;
}
.morelink a 
{
	text-decoration:none;
	
}
th 
{
	text-align: left;
	vertical-align: top;
	color: #2e59a7;
	font-weight: bold;
	font-size: 110%;
	padding-right: 20px;
}
hr 
{
	border-style: solid;
	color: #e3e3e3;
	background-color: #e3e3e3;
	height: 1px;
}
td 
{
	vertical-align: top;
	padding-right: 20px;
}
th.date 
{
	color: #ababab;
	text-align: right;
	font-size: 90%;
}
.trainingdivider
{
	margin-bottom:40px;
	margin-top:40px;
}

#dynamicpagecontent li
{
	list-style:disc;
}
#dynamicpagecontent ul
{
	list-style:none;
}
.justifytext
{
	text-align: justify;
}
.welcome {
	text-align: justify;
}
#inventorymanagerpanal
{
margin-right:60px;
	float:right;
	width:220px;
	height:110px;
}

#tnsaddresspanal
{
	width:220px;
	height:110px;
	margin-bottom:30px;
}
.title
{
	color:#865E7A;
	text-decoration:none;
}
#lowerrightblockcontent
{
	padding-top:26px;
}

#lowerrightblockimage

{

	margin-top:15px;

	padding-bottom:20px;

}

#contactdetailspanel

{

	padding-left:30px;

	float:left;

}

#addressdetails
{

	float:left;
	width:220px;
}

#salesdetails

{
	width:180px;
	float: left;

}

#ddlist
{
	float:left;
	width:180px;
}

#contactsection p
{
	padding-left:0px;
	color: #00223c;
	line-height:1.3em;
}
#milestoneimage
{
	float:left;
}
.groupphoto
{
	width:425px;
	margin-bottom:30px;
	text-align:center;
}
.photo
{
	float:left;
	width:200px;
	margin-bottom:40px;
	text-align:center;
}

/* Partner Logos */
	
.companylogo
{
	float:left;
	width:180px;
	height:100px;
	padding: 10px;
	text-align: center;
}

.companylogo img {
	margin: 0px auto;
	border: 0px;
}




/* /partner logos */

.banner
{
	padding: 12px;
	margin:20px;
	background: #e2e2e2;
	font-size: .9em;
	clear:both;
}

#contactright
{
	
	border-left:1px solid #D0D0D0;
	float: left;
	padding: 10px;
}
#contactleft
{
	width: 235px;
	float: left;
	padding: 10px;

}

.right {
	float: right;
}
.foundersimage
{
	float:right;
}
.forminput
{
	margin-top:20px;
}
.forminput p
{
	
	line-height:1em;
}
#latestnewslist a
{
	text-decoration:none;
}