/* Default Styles for Tonnex website */
BODY {
	MARGIN: 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-color:#d4d4d4;
}

A:link {
	text-decoration: none;
	color:#00b3e0;
}
A:visited {
	text-decoration: none;
	color:#00b3e0;
} 
A:hover {
	color: #800080;
	text-decoration: underline;
}

H1{
	font-size: 14px;
	color:#666666;
	margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:1px solid #666666;
}
H2{
	font-size: 12px;
	color:#777777;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px solid #999999;
}
H3{
	font-size: 11px;
	color:#777777;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px solid #999999;
}

P{
	margin:10px;
	margin-left:0px;
	margin-right:0px;
}

/* Additional Styles for this Site */


/* Header */
TABLE.Header{
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	
}

TABLE.Header TD.HeaderLogo{
	border-bottom:2px solid #11155f;
}
TABLE.Header TD.HeaderFlash{
	border-bottom:2px solid #11155f;
}
TD.HeaderTopNav{
	padding:6px;
	padding-top:0px;
	padding-right:15px;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#999999;
}
TD.HeaderSectionLeft{
	background-color:#999999;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	width:200px;
}
TD.HeaderSectionImage{
	background-color:#ffffff;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
TD.HeaderSectionTitle{
	background-color:#999999;
	width:200px;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size : 13px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	text-align:right;
	font-style:italic;	
}

TD.HeaderSlogan{
	text-align:left;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#119ae0;
	padding:6px;
	padding-top:0px;
	padding-left:10px;

}
/* PageBody Content is the right side container cell for the content */
TD.PageBodyContent{
	padding:15px;
	padding-top:20px;
	padding-left:0px;
	padding-right:15px;
}

/* This div acts as a container for any body text so we can push it right to line up with headings */
DIV.PageBodyText{
	width:100%;
	padding-left:0px;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
TD.BodyLeft{
	padding-left:10px;
	padding-top:15px;
}
TD.BodyColumnLeft{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding-right:10px;
}
TD.BodyColumnRight{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left:0px solid #999999;
	width:200px;
	text-align:right;
	vertical-align:top;
}
TD.BodyColumnRightSitemap{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left:0px solid #999999;
	text-align:left;
	vertical-align:top;
}

TABLE.BodyColumns TD.ProductImage{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:140px;
	text-align:left;
	padding:0px;
	border-bottom:1px dashed #c0c0c0;
	padding-bottom:6px;
	vertical-align:top;
}
TABLE.BodyColumns TD.ProductText{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0px;
	padding-left:15px;
	border-bottom:1px dashed #c0c0c0;
	vertical-align:top;
}
IMG.BodyRightImage{
	border:1px solid #666666;
	margin-bottom:6px;
}

TABLE.ProductBrands TD.Left,TABLE.ProductBrands TD.Mid,TABLE.ProductBrands TD.Right{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:5px;
	padding-left:0px;
	vertical-align:top;
}

/* header Nav */
TD.HeaderNav{
	background-color:#78d1dc;
	padding:0px;
	background-image:url(../images/layout/header-nav-bg.gif);
	height:21px;
}

TD.HeaderNav A:link, TD.HeaderNav A:visited{
	padding:4px;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	border-left:1px solid #1f7dff;
	height:21px;
	color:#ffffff;
	padding-left:14px;
	padding-right:14px;
}
TD.HeaderNav A:hover {
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	border-left:1px solid #1f7dff;
	height:21px;
	color: #ffffff;
	text-decoration:none;
	background-image:url(../images/layout/header-nav-over-bg.gif);
}

TD.HeaderTopNav A:link, TD.HeaderTopNav A:visited,TD.FooterNavTop A:link, TD.FooterNavTop A:visited{
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	color:#c0c0c0;
}
TD.HeaderTopNav A:hover{
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	color:#ffffff;
}
TD.FooterNavTop A:link, TD.FooterNavTop A:visited{
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	color:#ffffff;
}
/* breadcrumb */
TD.HeaderBreadcrumb{
	padding:0px;
	padding-right:15px;
}
.BodyNavBreadcrumb{
	padding:2px;
	width:100%;
	font-size:11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.BodyNavCat{
	border:0px solid #999999;
	border-bottom:0px;
	padding:2px;
}
.BodyNavCatCurrent{
	border:0px solid #999999;
	border-bottom:0px;
	padding:2px;
	color:#666666;
}
.BodyNavSub{
	/*border:1px solid #286eaa;*/
	border:1px solid #ff0000;
	padding:4px;
	width:100%;
	color:#FF0000;
	background-color:#e5eaf5;
}
.BodyNavSub A,.BodyNavSub A:visited,.BodyNavSub A:link {
	border:0px solid #ffffff;
	color:#003399;
	text-decoration:none;
	padding:2px;
}
.BodyNavSub A:hover {
	text-decoration:underline;
	color:#FF0000;
}
HR.BreadCrumbUnderline {
	size: 1;
	height : 1px;
	margin-bottom : 0px;
	margin-top : 0px;
	border: 0;
	color:#FF0000;
}

/* Cart Nav */
TD.CartNav{
	padding:0px;
	font-size:11px;
	color:#999999;
}

/*SideBar nav */
table.SidebarTitle{
	font-family:Tahoma, Arial, Helvetica;
}

th.SidebarTitle,td.SidebarTitle{
	color:#333333;
	padding:4px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	vertical-align:bottom;
	padding-right:5px;
}
td.SidebarBody{
	color:#666666;
	padding-left:6px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	vertical-align:top;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:6px;
}
td.SidebarBodyProducts{
	color:#333333;
	padding-left:2px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	vertical-align:top;
	padding-right:0px;
}
form.Sidebar{
	display:inline;
	margin-top:10px;
}
INPUT.Sidebar, SELECT.Sidebar{
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	width:160px;
}
HR.SidebarBoxHR{
	width:100%;
	color:#CCCCCC;
	height:1px;
}
HR.SidebarBox1HR{
	width:100%;
	color:#00b3e0;
	height:1px;

}
HR.SidebarBox2HR{
	width:100%;
	color:#a6e77c;
	height:1px;
}
HR.SidebarBox3HR{
	width:100%;
	color:#c0c0c0;
	height:1px;
}

HR.ContentBodyHR{
	width:100%;
	color:#666666;
	height:1px;
}
HR.ContentBodyHRLighter{
	width:100%;
	color:#c0c0c0;
	height:1px;
}
/* Left Nav menu */
.NavTopCatLink A{	
	padding:3px;
	padding-left:12px;
	background-color:#c1cce5;
	font-size:11px;
	border:0px solid #ffffff;
	border-left:10px solid #478ad1;
	width:100%;
	margin-bottom:1px;
	color:#000000;
}
.NavTopCatLink A:hover, .NavTopCatLinkPink A:hover,.NavCartLink A:hover,.NavSubCatLink A:hover{
	padding:3px;
	padding-left:12px;
	background-color:#c1cce5;
	font-size:11px;
	border:solid 0px #000000;
	border-bottom:solid 0px #ff0000;
	border-left:10px solid #800080;
	background-color:#ffffff;
	margin-bottom:1px;
}

/* Current/Expanded Nav */
.NavTopCatLinkCurrent A,.NavTopCatLinkCurrent A:link,.NavTopCatLinkCurrent A:visited,.NavTopCatLinkMemberCurrent A,.NavTopCatLinkMemberCurrent A:link,.NavTopCatLinkMemberCurrent A:visited,.NavTopCatLinkCartCurrent A,.NavTopCatLinkCartCurrent A:link,.NavTopCatLinkCartCurrent A:visited,{	
	padding:3px;
	padding-left:12px;
	background-color:#ffffff;
	font-size:11px;
	border:solid 0px #000000;
	border-left:10px solid #800080;
	border-bottom:1px solid #800080;
	margin-bottom:1px;
	color:#800080;
	width:100%;
}
.NavTopCatLinkCurrent A:hover,.NavTopCatLinkMemberCurrent A:hover,.NavTopCatLinkCartCurrent A:hover{	
	padding:3px;
	padding-left:12px;
	font-size:11px;
	border:solid 0px #000000;
	border-left:10px solid #800080;
	border-bottom:1px solid #800080;
	background-color:#ffffff;
	margin-bottom:1px;
	color:#800080;
	width:100%;
}

/* member and Shopping nav links are a different color now*/
.NavTopCatLinkMember A{	
	padding:3px;
	padding-left:12px;
	background-color:#efcbcb;
	font-size:10px;
	border:0px solid #ffffff;
	border-left:4px solid #999999;
	width:100%;
	margin-bottom:1px;
	
}

.NavTopCatLinkCart A{	
	padding:3px;
	padding-left:12px;
	background-color:#c0c0c0;
	font-size:10px;
	border:0px solid #ffffff;
	border-left:4px solid #999999;
	width:100%;
	margin-bottom:1px;
	color:#333333;
}

/*Sub Nav Links */
.NavSubCatLink A{
	padding:3px;
	padding-left:12px;
	background-color:#e5eaf5;
	font-size:10px;
	border:0px solid #ffffff;
	border-left:4px solid #c1cce5;
	width:100%;
	margin-bottom:1px;
}

.NavCartLink A{	
	padding:3px;
	padding-left:12px;
	background-color:#c0c0c0;
	font-size:10px;
	border:0px solid #ffffff;
	border-left:4px solid #999999;
	width:100%;
	margin-bottom:1px;
	color:#333333;
}

/* Sidebar Login */
INPUT.SidebarLoginField {
	border: #666666 1px solid;
	FONT-SIZE: 10px;
	COLOR: #333333;
	width : 90px;
	padding:4px;
}
INPUT.SidebarLoginCheckbox {
	FONT-SIZE: 10px;
	COLOR: #333333;
	border: #666666 1px solid;
}

/* Sidebar Search */
.SidebarSearchInput {
	font-size: 11px; 
	color: #000000; 
	width:110px;
	border:1px solid #666666;
	height: 16px; 
}
.SidebarSearchButton, .SidebarLoginButton {
	font-size: 10px; 
	font-family: Verdana, arial, sans-serif; 
	height: 18px; 
}

.MemberLoginInput {
	font-size: 11px; 
	color: #000000; 
	width:60px;
	border:1px solid #666666;
	height: 20px; 
	background-color:#CCCCCC;
}
.MemberLoginButton {
	font-family: Verdana, arial, sans-serif; 
	height: 20px; 
	width:60px;
}

/*Content Boxes */
table.SidebarTitle{
	font-family:Tahoma, Arial, Helvetica;
}

th.ContentBoxTitle,td.ContentBoxTitle{
	color:#333333;
	padding:4px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	vertical-align:bottom;
	padding-left:5px;
}
td.ContentBoxBody{
	color:#666666;
	padding-left:6px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	vertical-align:top;
	padding-right:0px;
	padding-top:6px;
}
HR.ContentBoxHR{
	width:100%;
	color:#e9c1ff;
}
/*Footer*/
TABLE.Footer {
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
}
TD.FooterContact{
	color:#666666;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	padding-left:10px;
	width:170px;
}
TD.FooterNav{
	color:#666666;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	padding:0px;
	
}
TD.FooterNavTop{
	color:#ffffff;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	padding:5px;
	padding-right:10px;
	background-color:#119ae0;
}
TD.FooterNavBottom{
	color:#999999;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	padding:8px;
	padding-top:10px;
	padding-left:20px;
	background-color:#11155f;
}
TD.FooterNavBottom A:link, TD.FooterNavBottom A:visited{
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	color:#999999;
}
TD.FooterNavBottom A:hover{
	color:#ffffff;
}
TD.FooterNavFlash{
	color:#999999;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	padding:0px;
	padding-top:10px;
	padding-left:10px;
	background-color:#11155f;
}

TD.FooterCopyrightLeft{
	padding-left:25px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
}
/* Contact Form */
FORM.Contact{
	display:inline;
}
TD.ContactText{
	color:#666666;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	padding:6px;
	padding-left:0px;
}
TD.ContactLabel{
	color:#333333;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	text-align:right;
	vertical-align:top;
	padding:2px;
	width:150px;
}
TD.ContactField{
	color:#999999;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	text-align:left;
	vertical-align:top;
	padding:2px;
}
TD.ContactField INPUT.Small{
	width:150px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
}
TD.ContactField INPUT.Medium{
	width:300px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
}
TD.ContactField TEXTAREA.Medium{
	width:300px;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
}

/* product list */


TABLE.ProductList TR.ProductRowHigh TD,TABLE.ProductList TR.ProductRowLow TD{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:5px;
	vertical-align:top;
	color:#333333;
}

TABLE.ProductList TR.HeaderRow TD{
	background-color:#e5e5e5;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	vertical-align:top;
	text-align:left;
	color:#666666;
	border-bottom:1px dashed #666666;
	border-top:1px dashed #666666;
}

TABLE.ProductList TR.ProductRowHigh{
	background-color:#e5e5e5;
}
TABLE.ProductList TR.ProductRowLow{
	background-color:#ffffff;
}
TABLE.ProductList TD.ProductCode{
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	vertical-align:top;
	width:100px;
}
TABLE.ProductList TD.HeaderCode{
	padding:5px;
	padding-left:10px;
	width:100px;
}
DIV.ProductBrands{
	color:#999999;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
DIV.ProductTypes{
	color:#999999;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Sitemap*/
UL.Sitemap{
	list-style-image:url(../images/layout/sitemap-arrow.gif);
	list-style-position:inside;
	margin-left:5px;
}
LI.Sitemap{
	margin:6px;
	border-bottom:1px solid #999999;

}

/* Core Links */
SPAN.CoreLink{
	font-family: Verdana, arial, sans-serif; 
	font-size:10px;
	color:#999999;
	width:100%;
	text-align:right;
	padding:5px;
	padding-top:0px;
	vertical-align:top;
}
SPAN.CoreLink A:link,SPAN.CoreLink A:visited,SPAN.CoreLink A:hover, {
	font-family: Verdana, arial, sans-serif; 
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

/* Drop Down Menu */
body{font-family:Arial, Helvetica, sans-serif;}
ul, li{margin:0; border:0; padding:0; list-style:none;}
#middlebar{
	font-size:14px;
	color:#00CCCC;
	font-weight:bold;
	
}
	#middlebar .menu li {
		height:10px;
		float:middle;
		}
	#middlebar .menu li a{
		color:#00CCCC;
		text-decoration:none;
		padding:0 10px;
		height:15px;
		line-height:30px;
		display:block;
		float:left;
		padding:0 26px 0 10px;
		}
	#middlebar .menu li a:hover{
		color:#666666;
	}
	
	/* Drop Down SubMenu */
#middlebar ul .submenu {
	border:solid 1px #c9dea1;
	border-top:none;
	background:#FFFFFF;
	position: relative;
	top: 4px;
	width:150px;
	padding:6px 0;
	clear:both;
	z-index:2;
	display:none;
}
	#middlebar ul .submenu li{
		background:none;
		display:block;
		float:none;
		margin:0 6px;
		border:0;
		height:auto;
		line-height:normal;
		border-top:solid 1px #DEDEDE;
	}
	#middlebar .submenu li a{
		background:none;
		display:block;
		float:none;
		padding:6px 6px;
		margin:0;
		border:0;
		height:auto;
		color:#105cbe;
		line-height:normal;
	}
	#middlebar .submenu li a:hover{
		background:#e3edef;
	}