@import url("content.css");
/*-------------------------------------------

AMC FOOTER/INTERIOR PAGES

TABLE OF CONTENTS
1. GENERAL
2. HEADER/NAV
3. LEFT COLUMN
4. RIGHT COLUMN
5. FOOTER
6. MISC

-------------------------------------------*/

/* 1. General */

body{
	background: url(../images/footer-bg.jpg) top center;
	background-position-y: 87px;
	color: #515151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%
}

.sup{
	font-size: .5em;
	vertical-align: super;
}

#wrapper{
	background: url(../images/footer-bg-wrapper.jpg) top center repeat-x;
}

#topwrapper { width: 976px; margin: 0 auto; }

#toptabs{
	margin: 0 auto;
	padding-top: 3px;
	width: 938px;
}

#toptabs ul{
	float: left;
}

#toptabs ul li{
	float: left;
}

#toptabs ul li a{
	color: #ffffff;
	display: block;
	font-size: 11px;
/*	margin-left: -1px;*/
	text-align: center;
	text-decoration: none;
}

#toptabs a { margin-right: 5px; overflow:hidden; }
#toptabs a:hover { cursor:pointer; }
#toptabs a .left, #toptabs a .right, #toptabs a .middle { display:block; float:left; width:9px; height:23px;  }
#toptabs a .left { background: url('../images/tabLeft.png') no-repeat left top; }
#toptabs a .middle { width:auto; padding-top: 6px; height:17px; background: url('../images/tabMiddle.png') repeat-x left top; line-height:12px; }
#toptabs a .right { background: url('../images/tabRight.png') no-repeat left top; }

#toptabs a:hover span, #toptabs .current a span, .apparel #toptabs a:hover span { color:#e3fc67; background-position: left -23px; }

#toptabs ul li a:hover, #toptabs ul li.current a{
	/* color: #019dd8; */
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#faqs{
	float: right;
}

#faqs a{
	color: #e7e7e6;
	font-weight: bold;
	text-decoration: none;
}

/* 2. Header / Nav */

#header{
	background: url(../images/footer-bg-header.png) top center no-repeat;
	clear:both;
	height:72px;
	margin: 0 auto;	
	width: 938px;
}

#header #logo{
	width:228px;
	height:72px;
	background: url('../images/logoTop.png') no-repeat left top;
	float: left;
}
#header #logo a { display:block; height:72px; text-indent:-1000px; overflow:hidden; }

#headerTitle { float:left; width:110px; height:35px; margin-top:23px; text-indent:-1000px; overflow:hidden; }

#header #login{
	color: #e7e7e6;
	float: right;
	font-size: 10px;
	padding: 15px 10px 0 0;
	text-align: right;
}

#header #login form{ 
	height: 25px; 
}

#header #login input{
	padding: 0;
	float: left;
}

#header #login .loginbox{ float: right; }

#header #login .loginlinks{ clear: both; height: 28px; }

#header #login .loginlinks img{ margin-bottom: -10px; }

#header #login .loginlinks .logintext{ padding-left: 10px; }


#password-clear { display:none; }

#header #login input.logins{
	background: url(../images/footer-login-bg.png) no-repeat;
	border: 0;
	color: #807b5e;
	font-style: italic;
	font-size: 11px;
	height: 14px;
	padding: 2px 0 5px 12px;
	width: 118px;
}

#header #login input.submit, input.submit{
	width:45px;
	height: 19px;
	border: none;
	color: #ffffff;
	background: url('../images/footer-login-submit.gif') no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}


#header #login input.submit, #header #menu-right input.submit { display:block; line-height:0; }

input[type='submit'], #loginSubmit { cursor:pointer; }

#header #login a{
	color: #e7e7e6;
	font-weight: bold;
	text-decoration: none;
}

#nav{
	background: url(../images/footer-bg-nav.png) center bottom no-repeat;
	height: 32px;
	margin: 0 auto;	
	width: 938px;
	padding:0 19px;	
}

#nav input{
	float: left;
	font-size: 11px;	
	margin-top: 7px;
	margin-left: 5px;
}

#nav #nav-keywords{
	background: url(../images/footer-nav-search-txt.png) no-repeat;
	border: 0;
	color: #807b5e;
	font-style: italic;
	height: 12px;
	padding-left: 30px;
	width: 115px;
	padding-bottom: 5px;
}

/* == nav search == */
#nav-submit { display:block; width:51px; height:17px; border:none; background: url('../images/nav-searchBtn.png') no-repeat; text-indent:-1000px; overflow:hidden; font-size:0; line-height:0; }
#nav-submit:hover { cursor:pointer; }

#menu{
	float: left;
	/* margin-left: 19px; */
}

#menu li{
	float: left;
	margin-right: 20px;
}

#menu li a{
	display: block;
	text-indent: -9999px;
}

#menu li#one a{
	background: url(../images/footer-nav.png) no-repeat 0 0;
	height: 32px;
	width: 133px;
}

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

#menu li#two a{
	background: url(../images/footer-nav.png) no-repeat -151px 0;
	height: 32px;
	width: 68px;
}

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

#menu li#three a{
	background: url(../images/footer-nav.png) no-repeat -233px 0;
	height: 32px;
	width: 88px;
}

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

#menu li#four a{
	background: url(../images/footer-nav.png) no-repeat -337px 0;
	height: 32px;
	width: 140px;
}

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

#menu li#five a{
	background: url(../images/footer-nav.png) no-repeat -495px 0;
	height: 32px;
	width: 79px;
}

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

#menu li#six a{
	background: url(../images/footer-nav.png) no-repeat -591px 0;
	height: 32px;
	width: 86px;
}

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

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

#menu li ul li {
	float: left;
	padding: 0;
	width: 160px;
}

#menu li ul {
	background: #008bbf;
	border-top: 2px solid #01729c;
	left: -999em;
	position: absolute;
	width: 160px;
	z-index:100;
}

#menu li ul li a{
	background-image: none;
	color: #ffffff;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
	width: 160px;
}

#menu li#one.act ul li a:hover,#menu li#two.act ul li a:hover, #menu li#three.act ul li a:hover, #menu li#four.act ul li a:hover, #menu li#five.act ul li a:hover{
	background: #5e9cb3;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}

#menu-right{
	float: right;
	margin-right: 2px;
}

#content-shadow{
	background: url(../images/bg-content-shadow.png) repeat-y;
	margin: 0 auto;
	width: 976px;
}

#content{
	background: #fff;
	margin: 0 auto;
	width: 938px;
	min-height:600px;
}

#content a{
	color: #b47841;
	font-weight: bold;
}

/* 3. Left Column */

#content #left{
	background: url(../images/footer-bg-left.jpg) no-repeat;
	float: left;
	min-height: 621px;
	width: 190px;	
}

#content #left #subnav{
	padding-top: 17px;
}



#content #left #shadow-top{
	background:  url(../images/footer-subnav-top.png);
	height: 18px;
}

#content #left #shadow-bottom{
	background:  url(../images/footer-subnav-bottom.png);
	height: 18px;
}


/* ====== subnav accordion styles ===== */

#content #left #subnav ul{
	border-top: 3px solid #cbcbca;
	border-left: 3px solid #cbcbca;
	border-right: 3px solid #cbcbca;
	border-bottom: 2px solid #cbcbca;
	zoom:1;	 /* force hasLayout for IE7 fixes shifting on hovering over links */
}

/* === primary links === */
#subnav li { background: #f0f0f0; margin-bottom:3px; overflow:hidden; }
#subnav li li { margin-bottom:3px; }
#content #left #subnav ul a:hover, #content #left #subnav ul .active a, #subnav ul li.current a, li.acc-arrow a:hover { background-image: url(../images/subnavBG.jpg); background-repeat:no-repeat; }
#content #left #subnav ul ul a, #content #left #subnav ul .current li a { background-image:none; }
#content #left #subnav ul li ul li a, #content #left #subnav ul li.active ul li a{ background-image: none; }


#content #left #subnav ul li a {
	color: #b47841;
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 20px;
}
#content #left #subnav ul li a:hover { text-decoration:underline; }

#content #left #subnav li.acc-arrow { overflow:hidden; zoom:1; }
#content #left #subnav li.acc-arrow a { padding:5px 0 5px 20px;}

#content #left #subnav li.acc-arrow a span { display:block; padding: 0 20px 0 0; background-position: 145px 50%; background-repeat: no-repeat;
	background-image: url(../images/accordion-arrow-gold.jpg);	
}

#content #left #subnav li.acc-arrow a:hover span, #content #left #subnav li.active a span, #content #left #subnav li.current a span {
	background-image: url(../images/accordion-arrow-white.jpg);
}

#content #left #subnav ul li ul li.current a { background-image:none; color: rgb(227, 252, 103); }
#content #left #subnav ul li ul li.current ul a { color: #fff; }

/* === secondary list === */
#content #left #subnav ul li li a, #content #left #subnav li.acc-arrow li a { padding: 2px 0 2px 10px; }
#content #left #subnav ul li:hover ul, #content #left #subnav ul li.active ul, #content #left #subnav ul li.current ul { background: #0076a2;}
/* clear out background ../images  on nested lists*/
#content #left #subnav ul ul li:hover, #content #left #subnav ul ul li, #content #left #subnav ul li:hover ul a, #subnav ul li ul li.current a { background-image:none; }
#content #left #subnav ul li.current a, #content #left #subnav ul li a:hover, #content #left #subnav ul li.active a { color: #fff; }
#content #left #subnav ul li.acc-arrow a:hover span, #content #left #subnav ul li.acc-arrow li a:hover span { background-color: #008bbf; }


#content #left #left-text{
	width: 150px;
	padding: 0 20px;
	overflow: hidden;
}

#content #left #left-text h2{
	color: #019dd8;
	font-size: 14px;
}

#content #left #left-text p { padding: 10px 0; }

#subnav ul, #subnav ul ul {list-style-type:none; margin: 0; }

#subnav ul ul { padding:5px 0 5px 0; }
#subnav ul ul ul { padding:0; }


#subnav ul li a {
color: #fff;
display:block;
text-decoration: none;
line-height:14px;
}

#content #left #subnav ul ul, #content #left #subnav ul ul li, #content #left #subnav ul ul a {
border:none;
background:none;
}

#content #left #subnav ul ul { padding-left:20px; display:none; }

#content #left #subnav ul ul li a{
line-height:12px;
padding-top:2px;
padding-bottom:2px;
}

#content #left #subnav ul ul ul{
padding-left:0px;	
background-image: none;
margin-left:10px;

}

#content #left #subnav ul ul a {
color:#fff;	
font-size:11px;
padding-left:10px;
}

#content #left #subnav ul li a:hover {
	text-decoration:underline;
color:#e3fc67;
width:auto;
}

/* === end accordion styles ==== */

/* 4. Right Column */

#content #right{
	background: url(../images/footer-bg-content.jpg) repeat-x;
	float: right;
	padding: 30px;
	width: 688px; /* 748px */
}

#content #right.wem{
	width: 878px;
}

#content #right h1{
	background: transparent url(../images/footer-bg-h1.png) bottom center no-repeat;
	color: #019dd8;
	font-size: 35px;
	font-weight: normal;
	padding: 10px 0 35px 0;
}

#content #right h1 .h1line2{
	font-size: .5em;
	line-height: 1.4em;
}

#content #right h2{
	color: #019dd8;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
}

#content #right #search_results_container h2, #content #right #search_results_container span.search_num_results{
	color: #ffffff;
	padding-bottom: 10px;
}

#content #right p{
	padding: 10px 0;
}

/* == Flash Banner / Scroll Content === */

#content #scrollwrapper{ 
	width: 190px; 
	padding-left: 10px; 
}

#markets-banner{
	height: 358px;
}
#content #flashBanner{
	float: left;
}

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

#content #scrollerContent h2 {
	color:#ecc818;
	font-size:23px;
	line-height:23px;
	font-weight:normal;
	text-align: center;
	padding-bottom: 30px;
}
#content #scrollerContent h3 {
	color:#fff;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
}

#content #scrollwrapper ul{ padding-bottom: 10px; }

/* 5. Footer */

#footer {
	background: #fff url(../images/footer-bg-footer.jpg) top right no-repeat;
	clear:both;
	font-size: 10px;
	padding: 30px 20px;
	margin: 0 auto;
	width: 898px;
}

#footer a{
	color: #6f6b56;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover{
	color: #b47841;
}

#footer #footer-left{
	width: 280px;
	float: left;
}

#footer #footer-left strong{
	color: #7f7a5e;
	font-size: 14px;
}

#footer #footer-left ul li{
	float: left;
	height: 30px;
	padding-top: 8px;
}

#footer #footer-left ul li.keywords{
	padding-left: 5px;
	padding-top: 0;
}

#footer #footer-left ul li.keywords input{
	font-size: 11px;		
	font-style: italic;
	padding: 0;
	float: left;
}

#footer #footer-left ul li.keywords input#keywords{
	background: url(../images/footer-keywords-bg.gif) no-repeat;
	border: 0;
	color: #807b5e;
	height: 19px;
	padding: 2px 0 0 12px;
	width: 124px;
}

#footer #footer-left ul li.keywords input.submit { width:55px; }

#footer #footer-right{
	float: right;
	text-align: right;
	width: 600px;
}

#footerShadow { width: 976px; height: 25px; margin: 0 auto; background: transparent url('../images/footerBottomShadow.png') no-repeat left top; }

/* 6. Misc */

/*secondary Master */

#flashBanner{
	float: left;
}

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


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

#lowerContent {
	background:none;
	background-image: url(../images/buyers/buyersLowerContentBg.jpg);
	background-repeat: repeat-x;
	
}

.feature {
	width:450px;
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin: 0 0 20px 12px;
}

.feature h2 {
margin-bottom:0px;	
}


.clear {
clear:both;	
}

#lowerContent .lcwrapper {
	position:relative;
	width:415px;
	margin:auto;
	padding-top:55px;
	height:110px;
}

#lowerContent .feature.right .lcwrapper{
	width: 345px;
	margin-left: 20px;
}

#lowerContent .lcwrapper li {
	float:left;	
	width:135px;
	height: 18px;
	display:block;
	margin-bottom: 2px;
}

.feature {
vertical-align:middle;	
}

.thumbnail {
	width:104px;
	height:80px;
	background-color: #ccc;
	float:left;
	margin-right:10px;
}

.feature ul {
	font-size:11px;
	padding-bottom: 5px;
}

.feature ul li a{
	padding: 2px 4px;
	display: block;
}

.feature a {
	text-decoration:none!important;
	color:#888!important;
	font-weight:normal!important
}

.feature a:hover{
	color: #ffffff!important;
	background: url(../images/markets/footerarrow.gif) right center no-repeat;
}

.feature .file_item{
	font-size: 11px;
}

.feature .file_pdf a{
	padding: 2px 10px 2px 0;
}

.feature .file_pdf a:hover{
	color:#666!important;
}


.feature strong {
color:#00aac3;	
}

#lowerContent img.image_item{
	float: left;
	margin: 0 10px 10px 0;
}