/* ------------ GENERAL --------------*/
.clear{ clear: both; }
.no-show,
.hide{ display: none; }
.show,
.display-block{ display: block; }
img{ border: none; text-decoration: none; }
hr{ 
    margin: 8px 0 12px 0;
    padding: 0;
    background-color: #ccc; 
    color: #ccc; 
    height: 1px; 
    border: 0; 
}

hr.thick{ height: 3px; }
.left{ float: left; }
.right{ float: right; }
.last{ border: none !important; }
.center { text-align: center; }
img.center { vertical-align: middle; }
:focus{ outline: 0; }

input.text {
    font-size: 12px;
    width:220px;
}    

a:link { color: #1032c9; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a[href]:hover { color: #1032c9; text-decoration: underline; }

#homepage #main-content a:link,
#homepage #main-content a:visited,
#homepage #rightbar a:link,
#homepage #rightbar a:visited,
a.contrast:link, 
a.contrast:visited { color: #1032c9; text-decoration: none; font-weight: bold;}

#homepage #rightbar a:hover,
#homepage #main-content a:hover,
a.contrast:hover{ color: #1032c9; text-decoration: underline; font-weight: bold;}

b.contrast{ color: #1032c9; }

a.emph-link { font-size: 14px; font-weight: normal; }

.cart-action {
    font-weight:bold;
    color:#D36227; 
}

/* new arrow */
.more {
    padding-right: 18px;
    background: url('/images2/shopcart/wiley/generic-arrow.png') no-repeat right center;
}

h1, h2, h3, h4, h5 {
    font-family: "Lato", sans-serif;
    font-weight: 900;
}

/* ------------ LAYOUT --------------*/
/*
    body, page, top-nav, breadcrumb, promo-area, 
    content{sidebar,main-content}, footer 
*/

body {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    margin:0;
    background-color: #ffffff;
}

form {
    margin:0;
    padding:0;
}

#page { 
	width:970px; 
	margin: 0 auto 0 auto; 
	padding:0; 
	background-color: #ffffff; 
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;	
}

#page-bottom {
    border-bottom:3px solid #CCC;  
    margin:0 5px 0 5px;
}

div.divider {
    border-top:3px solid #CCCCCC;
    margin:5px 0 5px 0;
}

div.feature-divider {
    margin-top:10px;    
}    


/* ------------ LAYOUT: TOP-NAV --------------*/
#mobile-header{ display: none; }

#topnav {
	height: 88px;
	margin-top: 10px;
    border-bottom: 1px solid #666666;
    font-size: 11px;
    color: #000000;
}
#topnav #wordmark { width: 176px; float: left; margin-top: 24px; }
#topnav #link-container { width: 720px; float: right; }

#links-utility { text-align: right; }
#links-utility ul { display: inline-block; list-style-type: none; margin: 0; }
#links-utility ul li {
	font-family: "Arial", sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    float: left;
    margin-left: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
}
#links-utility ul li a, #links-utility ul li a:visited { color: #000000; text-decoration: none; }
.topnav-cart {
    background-image: url("/images2/shopcart/wiley/icon-cart.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
    text-transform: uppercase;
}
.topnav-country {
    background-image: url("/images2/shopcart/wiley/icon-globe.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
}

#links-site { background-color: #025f62; color: #ffffff; height: 35px; }
#links-site ul { list-style-type: none; margin: 0; padding: 0; }
#links-site ul li {
    float: left;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border-right: 1px solid #81afb1;
    background-color: #025f62;
}
#links-site ul li a, #links-site ul li a:visited { 
	display: block;
	color: #ffffff; 
	background-color: #025f62;
	text-decoration: none;
	padding: 9px 20px;
}
#links-site ul li a:hover { background-color: #025356; }
#links-site ul li a:active { background-color: #004244; }

.search-form { margin: 0 5px 0 0; padding: 0; float: right; padding: 5px 0; }
.search-form-text {
	font-family: "Arial", sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #888888;
	width: 290px;
	height: 25px;
	margin: 0px;
	padding: 0 0 0 10px;
	box-shadow: inset 0px;
	-moz-box-shadow: inset 0px;
	-webkit-box-shadow: inset 0px;
	border: medium none;
	float: right;
}
.search-form-submit { border: 1px solid #ffffff; float: right; }

/* ------------ LAYOUT: BREADCRUMB --------------*/
#breadcrumb {
    color: #888888;
    font-family: "Arial", sans-serif;
    font-size: 11px;
    margin: 0 0 15px;
}
#breadcrumb div { margin: 0; padding: 0; }
#breadcrumb h1 {
    color: #1032c9;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: none;
    display: none;
}
#breadcrumb a:link, #breadcrumb a:visited {color:#888888;text-decoration:none;}
#breadcrumb a:hover {color:#888888;text-decoration:underline;}

#page-title h1 { font-family: "Lato", sans-serif; font-weight: normal; font-size: 34px; margin: 0 0 10px 0; }
#main-content #page-title { border: none; }

#page-title h2 { font-family: "Lato", sans-serif; font-weight: normal; font-size: 25px; margin: 0 0 10px 0; }
#page-title { margin-bottom: 12px; }



#searchform div {
    float: right;
}

/* ------------ LAYOUT: CONTENT --------------*/
#content{
    margin: 10px 0;
    padding: 0; 
    position: relative;
}

#sidebar {
    float: left;
    margin: 0;
    width: 220px;
    padding: 0 20px 0 0;
}

#sidebar-right {
    float: right;
    margin: 0;
    padding: 15px 0 0 0;
    width: 220px;
}

#main-content {
    float: right;
    margin: 0;
    padding: 0;
    width: 720px;
}

#main-content-left {
    float: left;
    margin: 0;
    padding: 0;
    width: 720px;
}

/* ------------ LAYOUT: FOOTER --------------*/
#footer { 
	border-bottom: 1px solid #cccccc; 
	border-top: 3px solid #b2b2b2;
	padding-top: 10px;
	padding-bottom: 20px; 
	margin-top: 20px; 
}
#footer-left { float: left; width: 700px; height: 125px; }
#footer-right { 
	float: right; 
	width: 210px; 
	height: 131px; 
	background-image: url('/images2/shopcart/wiley/wiley-wordmark-footer.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer h5 {
    display: inline-block;
    font-size: 11px;
    float: left;
    margin: 0px;
    padding-top: 0px;
    text-transform: uppercase;
}
#footer .last { border: none; }
.footer-links { margin: 20px 0px; }
.footer-links ul, .footer-links-sm ul {
	font-size: 13px;
    list-style-type: none;
    margin: -2px 0 0 0;
    padding: 0px;
}
.footer-links ul li {
    font-size: 11px;
    float: left;
    padding: 0 10px;
    border-right: 1px solid #9f9f9f;
}
.footer-links-sm ul li {
	font-family: "Arial", sans-serif;
    font-size: 11px;
    float: left;
    padding: 0 10px;
    border-right: 1px solid #9f9f9f;
}
.footer-links ul li a, .footer-links ul li a:visited, 
.footer-links-sm ul li a, .footer-links-sm ul li a:visited {
    color: #000000;
    text-decoration: none;
}
.footer-links ul li a:hover, .footer-links-sm ul li a:hover {
    color: #0000ff;
    text-decoration: underline;
}
.footer-links-sm { margin: 30px 0 10px; }
.footer-links-sm ul li { font-size: 11px; }
.copyright, .copyright a, .copyright a:visited { 
	font-family: "Arial", sans-serif;
	font-size: 11px; 
	color: #888888; 
	text-decoration: none; 
}
.rss-signup { float: right; margin-top: 20px; }
.rss-signup, .rss-signup a, .rss-signup a:visited { 
	font-family: "Arial", sans-serif;
	font-size: 11px; 
	color: #666666; 
	text-decoration: none; 
}

/* ------------ AUTONAV --------------*/


/* General Autonav styles */
div.autonav{
    width: 220px; 
	background-color:#f4f4f4;
	margin-bottom: 15px;
	color: #000000;
}

div.autonav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.autonav a,
div.autonav span { 
    color: #000000;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
}

div.autonav a:hover {
    color: inherit;
}

/* Level 0 only */

div.autonav ul.autonavLevel0 > li > *:first-child {
    font-size: 18px;
    font-weight: bold;
}

div.autonav ul.autonavLevel0 > li > a { color: #025f62; }

/* Level 1 and up */

div.autonav ul.autonavLevel1 li { border-top: 1px solid #dbdbdb; }

div.autonav ul.autonavLevel1 li.autonavItem > span { color: #025f62; } /* not folders */

div.autonav ul.autonavLevel1 li.activeParent > a,
div.autonav ul.autonavLevel1 li.active > span { border-left: solid #4d8f91; }

div.autonav ul.autonavLevel1 li.active.autonavItem > span { background-color: #ffffff; } /* not folders */

/* Level 1 only */

div.autonav ul.autonavLevel1 { border-bottom: 1px solid #dbdbdb; }

div.autonav ul.autonavLevel1 > li > *:first-child {
    font-size: 14px;
    font-weight: bold;
}

div.autonav ul.autonavLevel1 > li.activeParent > a,
div.autonav ul.autonavLevel1 > li.active > span { border-left-width: 7px; }

/* Level 2 and up */

div.autonav ul.autonavLevel1 ul { border-left: 7px solid #ffffff; }

div.autonav ul.autonavLevel2 > li > *:first-child { font-size: 13px; }

div.autonav ul.autonavLevel2 a {
    color:#555555;
    border-left: solid #e7e7e7;
}

/* Level 2 only */

div.autonav ul.autonavLevel2 li.activeParent > a,
div.autonav ul.autonavLevel2 li.active > span { border-left-width: 4px; }

div.autonav ul.autonavLevel2 a { border-left-width: 4px; }

/* Level 3 and up */

div.autonav ul.autonavLevel2 ul { font-size: 12px; }

div.autonav ul.autonavLevel3 a,
div.autonav ul.autonavLevel3 span { 
    padding-left: 20px;
    border-left-width: 1px;
}

div.autonav ul.autonavLevel3 li.activeParent > a,
div.autonav ul.autonavLevel3 li.active > span { border-left-width: 1px; }

/* Correct spaces between borders for levels 2 and up */

div.autonav ul.autonavLevel2 li.active.autonavFolder > span,
div.autonav ul.autonavLevel2 li.activeParent > a { border-bottom: 1px solid #dbdbdb; } 

div.autonav ul.autonavLevel2 li.active.autonavFolder > span + ul > li:first-child,
div.autonav ul.autonavLevel2 li.activeParent > a + ul > li:first-child { border-top: none; } 


/* CART */

div.my-account, div.cart-help, div.customer-care {
     background-color: #f4f4f4;
     margin-bottom: 20px;
     padding: 14px;
}

div.my-account h4, div.cart-help h4, div.customer-care h4 {
     font-size: 19px;
     margin: 0px 0px 9px;
     padding: 0px;
}

div.my-account ul, div.cart-help ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

div.my-account ul li {
     border-top: 1px solid #DBDBDB;
     color: #888888;
     font-size: 13px;
     font-weight: bold;
     padding: 5px 0px 6px;
}

div.cart-help ul li {
     color: #888888;
     font-size: 13px;
     font-weight: bold;
     padding: 0;
     margin-bottom: 3px;
}

div.customer-care {
	background-image: url("/images2/shopcart/wiley/icon-bubbles.png");
	background-repeat: no-repeat;
	background-position: 170px 60px;
}

.cart thead { 
	font-size: 12px;
	font-weight: bold;
}

.cart th { border-bottom: 3px solid #b2b2b2; padding: 10px 0; }
.cart th.cart-title { width: 410px; text-align: left; }
.cart th.cart-price { width: 91px; text-align: right; }
.cart th.cart-qty { width: 130px; text-align: center; }
.cart th.cart-subtotal { width: 90px; text-align: right; }
.cart td { padding: 25px 0; border-bottom: 1px solid #e5e5e5; }
.cart .price, .cart .sub-total { text-align: right; }
.cart .quantity { padding-left: 33px; padding-right: 5px; }
.cart .qty-field { float: left; }
.cart .qty-actions {
	float: left;
	margin-left: 5px;
	font-family: "Arial", sans-serif; 
	font-size: 8px;	
	text-decoration: underline;
	text-transform: uppercase;
}
.cart .qty-actions a,.cart .qty-actions a:visited { color: #000000; }
.cart .sub-total { font-weight: bold; }
.cart .note { font-size: 12px; }

.cart #total-header { text-align: right; font-weight: bold; }
.cart #total-amt  { text-align: right; font-size: 18px; font-weight: bold; }

a.button-gold, input.button-gold {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 14px;
    background-color: #eca608;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px -1px 0px #cd8007, 0px 1px 0px rgba(0,0,0,.15);
	-webkit-box-shadow: inset 0px -1px 0px #cd8007, 0px 1px 0px rgba(0,0,0,.15);
	box-shadow: inset 0px -1px 0px #cd8007, 0px 1px 0px rgba(0,0,0,.15);
	line-height: 25px;
}
a.button-gold:hover, input.button-gold:hover {
	color: #ffffff;
	text-decoration: none;
    background-color: #de9507;
    -moz-box-shadow: inset 0px -1px 0px #bd7502, 0px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0px -1px 0px #bd7502, 0px 1px 1px rgba(0,0,0,.3);
	box-shadow: inset 0px -1px 0px #bd7502, 0px 1px 1px rgba(0,0,0,.3);
}
a.button-gold:active, input.button-gold:active {
	color: #ffffff;
	text-decoration: none;
    background-color: #cd8007;
    -moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
    box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
}

a.button-teal, input.button-teal {
	font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 14px;
    background-color: #025f62;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,.3);
    box-shadow: inset 0px -1px 0px rgba(0,0,0,.3);
    line-height: 28px;
}
a.button-teal:hover, input.button-teal:hover {
	color: #ffffff;
	text-decoration: none;
    background-color: #025356;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
	box-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
a.button-teal:active, input.button-teal:active {
	color: #ffffff;
	text-decoration: none;
    background-color: #004244;
    -moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.5);
    box-shadow: inset 1px 2px 2px rgba(0,0,0,.5);
}
input.button-gold, input.button-teal { border: none; padding: 6px 13px; font-family: "Lato", sans-serif; }

.section-header { font-size: 18px; font-weight: bold; }

.cart2 { width: 100%; margin-bottom: 20px; font-size: 12px; line-height: 18px;}

.leftheading { text-align: left; }
.accounterror { color:red; font-size: 13px;  padding-bottom: 5px;   padding-top: 5px;}
.accounttext {font-size: 12px;}
.accountsubhead {font-weight: bold; font-size: 12px;}