@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:12px;
}

.body { 
	behavior: url(scripts/csshover3.htc); 
	
}

.req{
	font-size:10px;
	color:#CC3333;
}

p {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
}

p.loginText {
	padding-left:18px;
}

h1 {
}

h2 {
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-weight:400;
}

h3 {
	font-size:14px;
	letter-spacing:.2em;
	font-weight:400;
	text-transform:uppercase;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}



#wrapper{
	display:block; 
	position: relative; top:-30px;
	width: 947px;
	margin:0px auto;
	text-align:left;
	padding:15px;
}

#topBanner {
	display:block;
	height: 125px;
	background-color:#000000;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:20px;

}

#AttLogo {
	position : relative; top : 20px;
	float: left;
	width: 215px;
	height:104px;
}

#AttLogo em {
	display:block;
	position:absolute;
	top:0; left:0;
	width: 215px;
	height:104px;
	z-index:1;
	background : url("../images/Att_logo.gif") no-repeat;
	cursor:pointer; 
}

#topBanner H3 {
	display:block;
	position: relative;
	width: 550px;
	top:25px; left:60px;
	overflow: hidden;
	font-size:22px;
	color:#999999;
}

/*-----------Nav---------------*/

ul.IR li {
	display:block;
	position: relative;
	top:33px; left:60px;
	overflow: hidden;
	font-size: 0.9em;
}



.IR em {
	display: block;
	position: absolute;
	top:0; left: 0;
	z-index: 1;
}

/* For IE5.x mac only */
* html>body .IR {
	position: static;
	overflow: visible;
	font-size: 10px;
}

* html>body .IR em  { position: static; }

.nav { list-style: none; }
.nav li { float: left; padding-bottom: 10px; }
.nav li, .nav li em { width: 100px; height: 76px; }

#link1 em, #link2 em, #link3 em, #link4 em, #link5 em, #link6 em {
	background:url(../images/nav_image2.png) no-repeat;
	cursor: pointer;
}

#link1 em { left: 0; }
#link1 em {
  background-position: 0 0;
}
#link1:hover em {
  background-position: 0 -76px;
}
#link2 { left:80; }
#link2 em {
  background-position: -100px 0;
}
#link2:hover em {
  background-position: -100px -76px;
}
#link3 { left: 106; }
#link3 em {
  background-position: -212px 0;
}
#link3:hover em {
  background-position: -212px -76px;
}

#link4 em { left:106; }
#link4 em {
  background-position: -318px 0;
}
#link4:hover em {
  background-position: -318px -76px;
}
#link5 { left: 106; }
#link5 em {
  background-position: -424px 0;
}
#link5:hover em {
  background-position: -424px -76px;
}
#link6 { left: 106; }
#link6 em {
  background-position: -530px 0;
}
#link6:hover em {
  background-position: -530px -76px;
}



/*----------------------------*/

#cartSum{
	display:block;
	position:relative;
	top:25px;
	left:-30px;
}


#flashSlideshow {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:947px;
	height:311px;
	}

#HPcontent {
	display:block;
	padding-top:5px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:5px;
	clear:left;
}

#lhCol{
display:block;
width:675px;
float:left;
}


#rhCol{
display:block;
float:right;
width:185px;
margin-left:20px;
}


#pageContent {
	padding-top:5px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:5px;
}

ul.productfeaturelist {
	display:block;
	height:200px;
	width: 640px;
	position:relative;
	left:-50px;
	list-style-type:none;
}

ul.productfeaturelist li{
	display:block;
	width: 155px;
	float:left;
	margin-right:5px;

}

ul.productfeaturelist li ul{
	/*display:block;
	/*position:relative;*/
	/*line-height:.5em;
	top:-30px;*/
	margin:0;
	padding-left: 30px;
	padding-bottom:40px;

}

.home-pricelist {
 display:block;
 position: relative;
 top:-40px;
 }
 
 
.featuredhome {
	height: 100px;

}


#login {
}

#footer {
	display:block;
	position:relative;
	height:130px;
	padding-left:30px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color:#000000;
	color:#FFFFFF;
	background-image:url(../images/footer_Img.gif)
}

#footer p {
	font-size: 12px;
	display:block;
	height:110px;
	width: 250px;
	float:left;	
	padding-right: 75px;
	color:#999999;
}

#footer h3 {
	display:block;
	position :absolute;
	left: 300px;
	height:110px;
	width:500px;
	color:#999999;
	font-weight:300;
	font-size: 22px;
}

#footer a {
letter-spacing:.1em;
}

#footer a:link, #footer a:visited {
	color:#999999;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover, #footer a:active {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

#joinPrompt {
	diplay:block;
	position:relative;
	top:-160px; left:700px;
	width:182px;
	height:126px;
	background:url(../images/promptBack.png) no-repeat;
	padding: 20px 20px 10px 20px;
}

#joinPrompt h2 {
diplay:block;
position:relative;
width:139px;
height:22px;
background:url(../images/notReg_h2.gif) no-repeat;
text-indent:-9999px;
}

#joinPrompt p {
font-size:14px;
}

#joinPrompt a {
	color:#FFFFFF;
}

p.sub {
	display: block;
	position: relative; top:10px;
	width: 500px;
	height: 40px;
	font-size:9px;
	margin: 0 auto;
	text-align:center;
	}
	
#sidebanner{
display:block;
position:relative; left:20px;
}


#wholesalerInfo {
color:#CCCCCC;
display:block;
width:100%;
height:40px;
Position:absolute;
top:0px;
z-index:1;
}

#wholePosition{
display:block;
width:917px;
height:40px;
margin: 0 auto;
}

ul.cartInfo li {
display:inline;
float:right;
list-style-image:none;
padding-left:10px;
padding-right:10px;
}

ul.cartInfo a:link, ul.cartInfo a:visited {
	color:#00CC33;
	text-decoration:none;
}

ul.cartInfo a:hover, ul.cartInfo a:active {
	
	text-decoration:underline;
}











