/*
Project:
	Title: ShopABA
	Created: 2014-07-Mar
	
Developer:
	Name: Julia Versinina (Web Designer, Digital Marketing, American Bar Association)
	
Contents:
	Header
	Top Navigation
	Footer

*/


/* ---------- General Styles Layout ---------- */
body {
	/*background: #bdc7cc url(../images/global/bg_main.gif) repeat-x; */
	color: #333;
	font-family: Arial;
	font-size: 12px;
	margin: 0;
}

div.NavigationBarControl_PersonifyDefault
{
	margin-left: 10px;
}


p, table, h1, h2, h3, h4, h5, li, ul, ol, small, large, strong, em, i, del {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}
p {
	color: #333;
	font-size: 12px;
}
h1 {
	color: #069;
	font-size: 16px;
/*letter-spacing: normal;*/
}
h2 {
	color: #069;
	font-size: 14px;
}
h3 {
	
	
letter-spacing: normal;
line-height: normal;
}
h4 {
	color: #069;
	font-size: 12px;
	font-weight: normal;
}
h5 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
a:link, a:visited {
	text-decoration: none;
	color: #069;
}
a:hover, a:active {
	text-decoration: underline;
}
/*a:focus {
	outline: none;
} AMS-205*/

a:focus {
    outline: 1px dotted;
} /* AMS-205*/

a:focus:active {
    outline: none;
} /*AMS-205*/

.main_nav_menu a:focus {
    color: #ff7e00!important;
} /*AMS-205*/

a img {
	border: none;
}


/* , li, ol */
.ProductDetailParagraphShortLabel ul {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
list-style-image: url("/ebus/Images/Bullet.jpg");
padding-left: 17px;
}



.ProductDetailParagraphShortLabel li:before {
    padding-right: 5px;
}


.ProductDetailParagraphFullLabel ul {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
list-style-image: url("/ebus/Bullet.jpg");
padding-left: 15px;
}




/*
.ProductDetailParagraphShortLabel li {
content: "\002022";
    color: #000000;
    padding-right: 5px;
}

.ProductDetailParagraphFullLabel li {
content: "\002022";
list-style-position:inside;
}
*/



.wrapper {
	margin: 0 auto;
	padding-bottom: 15px;
	position: relative;
	width: 980px;
}
#subwrapper {
	background-color: #fff;
	float: left;
}
/*
.shadow {
	-moz-box-shadow: -2px 2px 2px #9c9c9c;
	-webkit-box-shadow: -2px 2px 2px #9c9c9c;
	box-shadow: -2px 2px 2px #9c9c9c;
}
*/
.clear {
	clear: both;
}
#float-left, #left {
	float: left;
}
#float-right {
	float: right;
}
.center {
	text-align: center;
}
/* ---------- General Layout end ---------- */

/* ---------- Header ---------- */

.socialmedialinks, .socialmedialinks h3 {
	padding: 5px 0;
}
.socialmedialinks a:hover {
	text-decoration: none;
}
#ABAheader_ad {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 980px;
	height: 90px;
}
#ABAadvertisement_h1 {
	clear: both;
	display: block;
	float: left;
	height: 90px;
	left: 220px;
	position: absolute;
}
#ABAadvertisement_h1 h1 {
line-height: normal;
	color: #bdc7cc;
	display: block;
	font-size: 11px;
	font-weight: normal;
	height: 90px;
	position: relative;
	white-space: nowrap;
	writing-mode: tb-rl;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	z-index: 2;
}
#advertisement_h1 a:link, #advertisement_h1 a:visited {
	color: #333;
	text-decoration: none;
}
#advertisement_h1 a:hover, #advertisement_h1 a:active {
	text-decoration: underline;
}


/* Ray */
advertisement_h1.a:link, advertisement_h1.a:visited {
	color: #333 !important;
	text-decoration: none !important;
font-weight: normal;
}
advertisement_h1.a:hover, advertisement_h1.a:active {
	color: #333 !important;
	text-decoration: underline !important;
font-weight: normal !important;
}



#ABAadvertisement_ad {
	background-color: #000;
	float: right;
	height: 90px;
	position: relative;
	width: 728px;
	z-index: 10;
}
/* ---------- Header end ---------- */

/* ---------- Global social media links ---------- */
#globalsocialmedialinks {
	margin: -60px 0 0 10px;
	position: relative;
	width: 200px;
	z-index: 1;
}
#globalsocialmedialinks .socialmedialinks h3 {
	color: #000;
	font-size: 11px;
	font-weight: normal;
}
/* ---------- Global social media links  end ---------- */

/* ---------- Global Navigation ---------- */
#global_nav {
	background: #0079C2;
	height: 82px;
	width: 100%;
    /*
	-moz-box-shadow: -2px 2px 2px #9c9c9c;
	-webkit-box-shadow: -2px 2px 2px #9c9c9c;
	box-shadow: -2px 2px 2px #9c9c9c;
        */
}
#global_nav_header {
	float: left;
	padding: 17px;
	width: 420px;
}
#global_nav_header img {
	margin-top: 14px;
}
#global_nav_links {
	color: #fff;
	float: right;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	margin: 17px 0 0 0;
	padding: 0 10px 0 90px;
}
#global_nav_links a:link, #global_nav_links a:visited {
	color: #FFF;
	padding: 0 7px;
}
#global_nav_links a:hover {
	color: #ff7e00;
	text-decoration: underline;
}
#global_nav_links a:active {
	color: #ff7e00;
	background-color: #fff;
}
#global_nav_links_icons {
	color: #FFFFFF;
	float: left;
	font-family: Arial;
	height: 38px;
	margin: -7px 0 0 63px;
	padding: 18px 10px 0 0;
	width: 450px;
}
#global_nav_links_icons a {
	display: block;
	float: right;
	top: 0;
	margin: 0 0 0 40px;
	padding: 0;
	position: relative;
	height: 38px;
	z-index: 1000;
}
#global_nav_links_icons a:hover {
	color: #ff7e00;
	text-decoration: none;
}
#global_nav_links_icons a:link {
	color: #fff;
}
#global_nav_links_icons a:hover {
	color: #ff7e00!important;
}
#global_nav_links_icons a:visited {
	color: #fff;
}
#global_nav_links_icons a:active {
	color: #ff7e00;
}
#global_nav_link_icon1, #global_nav_link_icon2, #global_nav_link_icon3, #global_nav_link_icon4, #global_nav_link_icon5, #global_nav_link_icon6, #global_nav_link_icon7, #global_nav_link_hover_icon1, #global_nav_link_hover_icon2, #global_nav_link_hover_icon3, #global_nav_link_hover_icon4, #global_nav_link_hover_icon5, #global_nav_link_hover_icon6, #global_nav_link_hover_icon7 {
	text-align: center;
}
#global_nav_link_icon1, #global_nav_link_icon2, #global_nav_link_icon3, #global_nav_link_icon4, #global_nav_link_icon5, #global_nav_link_icon6, #global_nav_link_icon7 {
	position: relative;
	z-index: 100;
	height: 38px;
}
#global_nav_link_icon1:hover, #global_nav_link_icon1:active, #global_nav_link_icon2:hover, #global_nav_link_icon2:active, #global_nav_link_icon3:hover, #global_nav_link_icon3:active, #global_nav_link_icon4:hover, #global_nav_link_icon4:active, #global_nav_link_icon5:hover, #global_nav_link_icon5:active, #global_nav_link_icon6:hover, #global_nav_link_icon6:active, #global_nav_link_icon7:hover, #global_nav_link_icon7:active {
	position: relative;
	z-index: 1;
	height: 38px;
}
#global_nav_link_hover_icon1:hover, #global_nav_link_hover_icon2:hover, #global_nav_link_hover_icon3:hover, #global_nav_link_hover_icon4:hover, #global_nav_link_hover_icon5:hover, #global_nav_link_hover_icon6:hover, #global_nav_link_hover_icon7:hover {
	position: relative;
	z-index: 100;
}
#global_nav_link_hover_icon1, #global_nav_link_hover_icon2, #global_nav_link_hover_icon3, #global_nav_link_hover_icon4, #global_nav_link_hover_icon5, #global_nav_link_hover_icon6, #global_nav_link_hover_icon7 {
	position: relative;
	top: -38px;
	z-index: 10;
	height: 38px;
}
#global_nav #welcome {
	clear: both;
	color: #999;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 11px;
	height: 16px;
	left: 548px;
	overflow: hidden;
	position: absolute;
	top: 71px;
	width: 164px;
}
.ABAmy-cart {
	background-image: url(../images/global/shopping-cart-global-nav.png);
	background-repeat: no-repeat;
	float: left;
	background-position: left center;
	padding-right: 20px!important;
}
.ABAmy-cart:hover {
	background-image: url(../images/global/shopping-cart-global-nav-hover.png);
}
span.cart-count {
	line-height: 16px;
	padding-left: 16px;
left: auto !important;
letter-spacing: normal !important;
position: static !important;
}



#cartPreview button.cartPreviewSelectSegment.cartPreviewSeletedSegment, .Shopping.Cart .cartPreviewSelectSegment {
    height: 38px !important;
    line-height: 45px !important;
}



#global_nav_links .my-cart
{
	background-image: url(../images/global/shopping-cart-global-nav.png);
	background-repeat: no-repeat;
	float: left;
	background-position: left center;
	padding-right: 20px!important;
bottom: auto;
height: 17px;
left: auto;
position: static;
text-align: right;
top: auto;
}
#global_nav_links .my-cart:hover
{

}

/*
.my-cart .cart-count
    {
        width: 27px;
        /*line-height: 18px;*/
        text-align: center;
        position: absolute;
        top: -11px;
        left: 0;
        letter-spacing: -3px;
    }
*/



/* ---------- Global Navigation end ---------- */

/* ---------- Main Navigation (topnavigation with dropdown) ---------- */
.topnavigation {
	float: left;
	height: 36px;
	width: 980px;
/*
	-moz-box-shadow: -2px 2px 2px #9c9c9c;
	-webkit-box-shadow: -2px 2px 2px #9c9c9c;
	box-shadow: -2px 2px 2px #9c9c9c;
*/
}
#main_nav {
	height: 36px;
	margin-top: -5px;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
#main_nav a.main_nav_link {
	color: #006699;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	margin-top: 6px;
	padding: 9px 14px 0;
}
#main_nav a.main_nav_link:hover {
	color: #ff7e00;
}
.left_divider {
	border-left: 1px solid #fff;
}
/* Dropdown Menus */
.main_nav_menu {
	position: relative;
	z-index: 1000;
	margin: 0;
	padding: 0;
}
/* drop menu */
.main_nav_menu ul.main_nav_dropmenu {
	background-image: url(../images/global/main_nav_backgr.png);
	background-repeat: repeat-x;
	background-position: bottom;
	display: none;
	height: 41px;
	margin: 0;
	padding: 0;
}
/* all items */
.main_nav_menu ul.main_nav_dropmenu li {
	font-family: Arial;
	font-weight: bold;
	padding: 10px;
}
.main_nav_menu ul.main_nav_dropmenu li a {
	color: #fff;
	text-decoration: none;
	padding: 0;
	line-height: 18px;
}
.main_nav_menu ul.main_nav_dropmenu li:hover {
	background-color: #eceff1;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.main_nav_menu ul.main_nav_dropmenu li:active {
}
.main_nav_menu ul.main_nav_dropmenu li:selected {
}
.main_nav_menu ul.main_nav_dropmenu li:selected a {
}
/* topitems */
.main_nav_menu ul.main_nav_dropmenu {
	margin: 0;
	padding: 0;
}
.main_nav_menu ul.main_nav_dropmenu a.toplevel:hover, .main_nav_menu ul.main_nav_dropmenu a.toplevel:active {
	background-color: #eceff1;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.main_nav_menu ul.main_nav_dropmenu a.toplevel {
	color: #fff;
	height: auto;
	padding: 0 0 4px 0;
}
.main_nav_menu ul.main_nav_dropmenu a.toplevel.hover {
	color: #ff7e00!important;
	box-shadow: -3px 3px 3px #9c9c9c;
	-moz-box-shadow: -3px 3px 3px #9c9c9c;
	-webkit-box-shadow: -3px 3px 3px #9c9c9c;
}
.main_nav_menu ul.main_nav_dropmenu a.toplevel.selected {
	color: #ff7e00;
}
.main_nav_menu ul.main_nav_dropmenu a.toplevel.hover.selected {
}
/* subitems */
.main_nav_menu ul.main_nav_dropmenu li ul {
	background-color: #eceff1;
	float: left;
	text-align: left;
	-moz-border-radius: 0 6px 6px 6px;
	-webkit-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	box-shadow: -3px 3px 3px #9c9c9c;
	-moz-box-shadow: -3px 3px 3px #9c9c9c;
	-webkit-box-shadow: -3px 3px 3px #9c9c9c;
	width: 105%;
	min-width: 175px;
}
.main_nav_menu ul.main_nav_dropmenu li ul li a.sublevel {
	border-bottom: 1px solid #fff;
	color: #069;
	margin: 0;
	padding: 7px 14px;
}
.main_nav_menu ul.main_nav_dropmenu li ul li a.sublevel.hover {
	color: #ff7e00;
}
.main_nav_menu ul.main_nav_dropmenu li ul li a.sublevel.selected {
	color: #ff7e00;
}
.main_nav_menu ul.main_nav_dropmenu li ul li a.sublevel.hover.selected {
}
.main_nav_menu ul.main_nav_dropmenu li ul li a.sublevel:active {
	background-color: #eceff1;
}
a.sublevel.last_item_fix:hover {
	float: left;
}
/* Main Navigation end */



/* ---------- Footer (footercontent, footernavigation) ---------- */
#footer {
	background: #f5f5f5 url(../images/global/bg_footer.gif) repeat-x;
	float: left;
	position: absolute;
	z-index: 1;
	width: 100%;
}
#footer_content {
	margin: 0 auto;
	width: 980px;
}
#footer_logo {
	float: left;
	padding: 34px 0 0 8px;/*    width: 101px;*/
}
#footer_sub_nav {
	float: right;
	max-width: 879px;
	padding: 34px 0 10px;
}
ul.subtopic_list {
	border-right: 1px solid #cecece;
	color: #666;
	font-size: 11px;
list-style-image: none;
	list-style-type: none;
	margin: 0 0 10px 12px;
	max-width: 170px;
	min-height: 125px;
	padding: 0 35px 0 0;
}
ul.subtopic_list li {
	line-height: 1em;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
}
.footer_social ul.subtopic_list {
	border-right: none !important;
}
.footer_social #list_fix {
	border-right: none;
	height: 125px;
}
li.header {
	color: #069;
	font-weight: bold;
}
li.item a {
	color: #666;
}
#ABAfooter_nav {
	border-top: 1px solid #c4c4c4 !important;
	color: #999 !important;
	float: left !important;
	font-size: 10px !important;
	padding-bottom: 12px !important;
	padding-top: 12px !important;
	width: 980px !important;
font-family: Arial;
}
#ABAfooter_nav a {
	color: #999 !important;
	padding: 0 14px !important;
}
#ABAfooter_nav span {
	padding-left: 14px !important;
}
.footer_left_padding_fix {
	padding-left: 0 !important;
}
.footer_subtopic, .footer_social {
	float: left !important;
}
/* ---------- Footer end ---------- */


.last_item_fix {
	border-bottom: medium none !important;
	margin-bottom: 2px;
}

/* AMS-101 */
.ControlPanel_PromtionalProductListControl .ProductPromotionalNameDisplay {
    float: left;
}