@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	}
div#wrapper{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:1048px;
	text-align:left;
	background-color:#fff;
}
div#header {
	width: 955px;
	height: 88px;
	background-image: url(ATT-Header.gif);
	background-repeat:no-repeat;
	background-position:center;
	}
div#navigation {
	position:relative;
	background-image: url(nav-bg4.gif);
	background-repeat:repeat-y;
	width: 140px;
	height: 626px;
	padding:0 9px 40px 0;
	float:left;
	margin: 0;
	}
div#navFooter {
	position:absolute;
	bottom:0px;
	left:0px;
	width:149px;
	height:24px;
	background-image: url(nav-bottom4.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
div#content {
	position:relative;
	width:756px;
	height: 512px;
	background-image: url(content-bg3.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	float:left;
	margin:0;
	padding: 0 41px 180px 25px;
	}
div#content h1{
	display:block;
	position:relative;
	top:0px;
	left:-25px;
	width:786px;
	background-image:url(content-top3.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:30px 24px 10px 10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28pt;
	color: #00549F;
	font-weight: bolder;
	letter-spacing:-1pt;
	text-decoration: none;
	}
div#sectionNav {
	clear:both;
	position:relative;
	left:160px;
	background-color:#fff;
	width:766px;
	height:30px;
	text-align: center;
	padding:0px 36px 0px 20px;
	margin:7px 0 0 0;
	}
div#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:820px;
	height:50px;
	margin:0;
	background:#fff;
	background-image:url(content-bottom3.gif);
	background-repeat:no-repeat;
	background-position:top;
	}
div#quicklinks {
	position:relative;
	top:30px;
	min-height:200px;
	width:100px;
	padding:25px 5px;
	margin:10px 14px;
	background-image:url(quick-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#eee;
	}
div#quicklinks h3 
{
	position:absolute;
	width:100px;
	height:15px;
	top:-10px;
	left:-5px;
	background-image:url(quick-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:5px;
	font-size: 11pt;
	text-align:center;
	color: #3953A3;
	font-weight: bolder;
	letter-spacing:-1pt;
	text-decoration: none;
}
div#quicklinks li.heading {
	font:Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-top:3px;
	font-weight:bold;
	}
div#quicklinks li a {
	font-size:10pt;
	display:block;
	width:90px;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	border-left:0;
	border-right:0;
	margin:5px 0;
	padding:2px 5px;
	font:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000;
	text-decoration:none;
	background-image:none;
	background-color:#bbb;
	}
div#quicklinks li a:hover{
	text-decoration:underline;
	background-color:#3953A3;
	color:#FFFFFF;
	}
div#quicklinks li a:active{
	color:#003399;
	background-color:#f6921e;
	text-decoration:underline;
	}

div#bottom-pic {
	position:absolute;
	bottom:50px;
	left:18px;
	text-align:center;
	width:770px;
	height:120px;
	overflow:hidden;
	}
div#sectionNav{
	position:relative;
}

div#sectionNav a{
	display:block;
	float:left;
	width:116px;
	height:23px;
	padding:7px 10px 0 0;
	margin:0;
	text-indent:-9999px;
	z-index:-10;
	color:#003399;
	text-decoration:underline;
	list-style:none;
	font-size:11pt;
}
div#sectionNav li {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:126px;
	height:30px;
	list-style:none;
	}

div#sectionNav li a.home 
	{
	background-image: url(button-home.gif);
	background-repeat: no-repeat;
	background-position:center;
}

div#sectionNav li a.home:hover
	{
	background-image: url(button-home.gif);
	background-repeat: no-repeat;
	background-position:top;
}
div#sectionNav li a.home:active
	{
	background-image: url(button-home.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
div#sectionNav li a.aboutus 
	{
	background-image: url(button-aboutus.gif);
	background-repeat: no-repeat;
	background-position:center;
}
div#sectionNav li a.aboutus:hover
	{
	background-image: url(button-aboutus.gif);
	background-repeat:no-repeat;
	background-position:top;
}
div#sectionNav li a.aboutus:active
	{
	background-image: url(button-aboutus.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
div#sectionNav li a.products 
	{
	background-image: url(button-products.gif);
	background-repeat: no-repeat;
	background-position:center;
}
div#sectionNav li a.products:hover
	{
	background-image: url(button-products.gif);
	background-repeat: no-repeat;
	background-position:top;
}
div#sectionNav li a.products:active
	{
	background-image: url(button-products.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
div#sectionNav li a.dealerlocate 
	{
	background-image: url(button-dealer-locator.gif);
	background-repeat: no-repeat;
	background-position:center;
}
div#sectionNav li a.dealerlocate:hover
	{
	background-image: url(button-dealer-locator.gif);
	background-repeat: no-repeat;
	background-position:top;
}
div#sectionNav li a.dealerlocate:active
	{
	background-image: url(button-dealer-locator.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}

div#sectionNav li a.contact 
	{
	background-image: url(button-contact.gif);
	background-repeat: no-repeat;
	background-position:center;
}

div#sectionNav li a.contact:hover
	{
	background-image: url(button-contact.gif);
	background-repeat:no-repeat;
	background-position:top;
}

div#sectionNav li a.contact:active
	{
	background-image: url(button-contact.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
div#sectionNav li a.dealerlog 
	{
	background-image: url(button-log-on.gif);
	background-repeat: no-repeat;
	background-position:center;
}

div#sectionNav li a.dealerlog:hover
	{
	background-image: url(button-log-on.gif);
	background-repeat: no-repeat;
	background-position:top;
}

div#sectionNav li a.dealerlog:active
	{
	background-image: url(button-log-on.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
div#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000;
	text-align:right;
	margin:26px 10px 0 0;
	}
div#navigation .navhead{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	width:149px;
	height:40px;
	background-image:url(nav-top4.gif);
	background-repeat:no-repeat;
	background-position:top;
}
div#navigation h1 a, div#navigation h2 a, div#navigation h3 a, div#navigation h4 a, div#navigation h5 a, div#navigation h6 a
 
{
	color: #3953A3;
	text-decoration: underline;
}


div#navigation h3, div#navigation h4, div#navigation h5, div#navigation h6
{
	margin:10px 0 2px 5px;
	font-size: 11pt;
	text-align:left;
	color: #3953A3;
	font-weight: bolder;
	letter-spacing:-1pt;
	text-decoration: none;
}

div#navigation li a.cassettes{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(button-cassettes.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.cassettes {
	background-image: url(button-cassettes.gif);
	background-position:top;
}

div#navigation li a:active.cassettes {
	background-image: url(button-cassettes.gif);
	background-position:bottom;
	}
div#navigation li a.infinimix{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(button-infinimix.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.infinimix {
	background-image: url(button-infinimix.gif);
	background-position:top;
}

div#navigation li a:active.infinimix {
	background-image: url(button-infinimix.gif);
	background-position:bottom;
	}

div#navigation li a.chassis{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(buttons-chassis.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.chassis {
	background-image: url(buttons-chassis.gif);
	background-position:top;
}

div#navigation li a:active.chassis {
	background-image: url(buttons-chassis.gif);
	background-position:bottom;
	}

div#navigation li a.att-design{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(button-att-design.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.att-design {
	background-image: url(button-att-design.gif);
	background-position:top;
}

div#navigation li a:active.att-design {
	background-image: url(button-att-design.gif);
	background-position:bottom;
	}
	
div#navigation li a.faqs{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(buttons-faqs.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.faqs {
	background-image: url(buttons-faqs.gif);
	background-position:top;
}

div#navigation li a:active.faqs {
	background-image: url(buttons-faqs.gif);
	background-position:bottom;
	}
div#navigation li a.infini{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(button-infinicut.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.infini {
	background-image: url(button-infinicut.gif);
	background-position: top;
}

div#navigation li a:active.infini {
	background-image: url(button-infinicut.gif);
	background-position: bottom;
	}

div#navigation li a.tms{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(button-tms.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.tms {
	background-image: url(button-tms.gif);
	background-position:top;
}

div#navigation li a:active.tms {
	background-image: url(button-tms.gif);
	background-position:bottom;
	}
	
div#navigation li a.warranty{
	display:block;
	width:112px;
	height:27px;
	margin:5px 13px;
	background-image: url(button-warranty.gif);
	background-position: center;
	text-indent:-9999px;
}

div#navigation li a:hover.warranty {
	background-image: url(button-warranty.gif);
	background-position:top;
}

div#navigation li a:active.warranty {
	background-image: url(button-warranty.gif);
	background-position:bottom;
	}
div#scroll{
	position:relative;
	height:440px;
	overflow: auto;
	}
.left-column
{
	position: relative;
	float:left;
	height:auto;
	width:48%;
	padding:1% 0;
}
div.column-divider
{
	float:left;
	height:auto;
	border:1px solid #98CF3F;
}
.right-column
{
	position:relative;
	float:left;
	height:auto;
	width: 48%;
	padding:1% 0;
}

div#tmtext{
	 position:absolute;
	 left:25px;
	 top:180px;
	 width:519px;
}