body.buyers 
{ 
}

.buyers #wrapper
{
}

/*page specific menu */

.buyers #menu li#one a{ /*why americasmart*/
	background: url(/images/buyers/buyers-nav.png) no-repeat 0 0;
	height: 32px;
	width: 137px;
}

.buyers #menu li#one a:hover, .buyers #menu #one.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat 0 -32px;
}

.buyers #menu li#two a{ /*registration*/
	background: url(/images/buyers/buyers-nav.png) no-repeat -158px 0;
	height: 32px;
	width: 92px;
}

.buyers #menu li#two a:hover, .buyers #menu #two.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat -158px -32px;
}

.buyers #menu li#three a{ /*apparel*/
	background: url(/images/buyers/buyers-nav.png) no-repeat -270px 0;
	height: 32px;
	width: 68px;
}

.buyers #menu li#three a:hover, .buyers #menu #three.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat -270px -32px;
}

.buyers #menu li#four a{ /*gift*/
	background: url(/images/buyers/buyers-nav.png) no-repeat -356px 0;
	height: 32px;
	width: 43px;
}

.buyers #menu li#four a:hover, .buyers #menu #four.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat -356px -32px;
}

.buyers #menu li#five a{ /*home*/
	background: url(/images/buyers/buyers-nav.png) no-repeat -423px 0;
	height: 32px;
	width: 49px;
}

.buyers #menu li#five a:hover, .buyers #menu #five.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat -423px -32px;
}

.buyers #menu li#six a{ /*rug*/
	background: url(/images/buyers/buyers-nav.png) no-repeat -485px 0;
	height: 32px;
	width: 45px;
}

.buyers #menu li#seven a:hover, .buyers #menu #seven.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat -553px -32px;
}

.buyers #menu li#seven a{ /*faqs*/
	background: url(/images/buyers/buyers-nav.png) no-repeat -553px 0;
	height: 32px;
	width: 43px;
}

.buyers #menu li#six a:hover, .buyers #menu #six.act a{
	background: url(/images/buyers/buyers-nav.png) no-repeat -485px -32px;
}

.buyers #menu li#one ul li a, 
.buyers #menu li#one ul li a:hover,
.buyers #menu li#one.act ul li a,
.buyers #menu li#two ul li a,
.buyers #menu li#two ul li a:hover,
.buyers #menu li#two.act ul li a, 
.buyers #menu li#three ul li a, 
.buyers #menu li#three ul li a:hover, 
.buyers #menu li#three.act ul li a, 
.buyers #menu li#four ul li a, 
.buyers #menu li#four ul li a:hover,
.buyers #menu li#four.act ul li a, 
.buyers #menu li#five ul li a { /* cancel out the img backgrounds */ 
	background-image: none;
	border-right: 2px solid #001d29;
	border-left: 2px solid #001d29;
	border-bottom: 2px solid #001d29;
	line-height: 32px;
	padding: 0 0 0 10px;
	width: 166px; /* 160 - 10 - 2x2 */
  margin-top: 0px;
}

.buyers #menu li ul 
{
	background: #001d29;
	width: 180px;
  /*filter:alpha(opacity=80); JQUERY applies this to stupid broken IE. */
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.buyers #menu li ul li, .buyers #menu li ul li a{
	width: 180px;
}

.buyers #menu li#one.act ul li a:hover,.buyers #menu li#two.act ul li a:hover, .buyers #menu li#three.act ul li a:hover, .buyers #menu li#four.act ul li a:hover, .buyers #menu li#five.act ul li a:hover 
{
	/*background: #c6c349;
	color: #33302c; */
  background: #000000;
}

.buyers #flashBanner{
	float: left;
}

.buyers #scrollerContent {
	float:right;
	width:238px;
	height:358px;
	background-image: url(/images/buyers/buyersScrollyBackground.jpg);
}

.buyers #scrollerContent h2 {
	color:#00aac3;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
}
.buyers #scrollerContent h3 {
	color:#fff;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
}

body.buyers .feature.left{ background: url('/images/buyers/foot_buyers_left.jpg') no-repeat;}
body.buyers .feature.right{ background: url('/images/buyers/foot_buyers_right.jpg') no-repeat;}
body.buyers #content #scrollerContent h2{ color: #00aac3; font-size: 20px; font-weight: bold; padding-bottom: 0; text-align: left; line-height: 20px; margin-bottom: 5px; }
body.buyers #content #scrollerContent a:hover{ color: #0ed5f0; }

