/* banner.css */

/* banner  /////////////////////////////////////////////////////////////// */

.banner_box {
	width: 988px;
	margin: 0 auto;
	margin-bottom: 2px;
	clear: both;
}

.banner_tabs_box {
	height: 40px;
	padding: 0 4px 0 38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/banner_tabs_shadow_left.png) 29px bottom no-repeat;;
}

.ul_banner_tabs {
	height: 40px;
	margin:  0;
	padding: 0 62px 0 0;
	float: left;
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #d0d9e1;
	background: url(../images/banner_tabs_shadow_right.png) right bottom no-repeat;
}

.ul_banner_tabs li {
	width: 271px;
	height: 40px;
	overflow: hidden;
	margin-right: -55px;
	float: left;
	position: relative;
	list-style: none;

}

.ul_banner_tabs a, .ul_banner_tabs a:visited {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #d0d9e1;
	background: url(../images/bg_banner_tab.png) 0 0 no-repeat;
}

.ul_banner_tabs a:hover, .ul_banner_tabs a:visited:hover {
	text-decoration: none;
	color: #fff;
	background: url(../images/bg_banner_tab.png) 0 -40px no-repeat;
}

.ul_banner_tabs li.selected, .ul_banner_tabs li.selected {
	z-index: 1000;
}

.ul_banner_tabs li.selected a, .ul_banner_tabs li.selected a:visited {
	color: #18325d;
	background: url(../images/bg_banner_tab_active.png) 0 0 no-repeat;
}

.ul_banner_tabs li.selected a:hover, .ul_banner_tabs li.selected a:visited:hover {
	color: #1e4484;
	background: url(../images/bg_banner_tab_active.png) 0 -40px no-repeat;
}

.banner_container {
	width: 988px;
	height: 343px;
	background: url(../images/bg_banner_container.png) 0 0 no-repeat;
}

.front_banner {
	height: 343px;
	padding: 0 0 0 40px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fedf24;
}
.front_banner .bottomlink {
	margin-top: -8px;
	font-size: 14px;
}
.front_banner .bottomlink a {
	color: #FFFFFF;
	font-weight: bold;
}
.front_banner .bottomlink a:hover {
	color: #FFD400;
	font-weight: bold;
}



.front_banner h1 {
	margin:  0 0 15px 0;
	padding: 44px 0 0 0;
	font-size: 31px;
	line-height: 31px;
	font-weight: bold;
	color: #fff;
	text-shadow: #00172e 2px 2px 2px; 
}

.front_banner h2 {
	margin:  0 0 17px 0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-shadow: #00172e 1px 1px 3px; 
}

.front_banner ul {
	margin:  0 0 17px 0;
	padding: 0;
	font-size: 20px;
	line-height: 24px;
}

.front_banner ul li {
	padding: 0 0 0 28px;
	list-style: none;
	font-size: 20px;
	font-weight: normal;
	background: url(../images/bullet_banner.png) 5px 5px no-repeat;
	text-shadow: #00172e 2px 2px 2px; 
}

.front_banner .lnk_learn_more, .front_banner .lnk_learn_more:visited {
	width: 224px;
	height: 48px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	line-height: 200px;
	background: url(../images/btn_banner_learn_more.png) 0 0 no-repeat;
}

.front_banner .lnk_learn_more:hover, .front_banner .lnk_learn_more:visited:hover {
	text-decoration: none;
	background: url(../images/btn_banner_learn_more.png) 0 -48px no-repeat;
}

.front_banner .label_seal {
	position: absolute;
	top:  14px;
	left: 840px;
}

#id_banner_merchants { background: url(../images/bg_banner.jpg) 0 0 no-repeat; }

#id_banner_buyers    { 
	display: none;
	background: url(../images/bg_banner.jpg) 0 -343px no-repeat;
}


/* // banner  //////////////////////////////////////////////////////////// */
