.clear{ clear: both; }
.no-show{ display: none; }
.display-block{ display: block; }
img{ border: none; text-decoration: none; }

a:link {color:#000;text-decoration:underline;}
a:visited {color:#666;text-decoration:underline;}
a:hover {color:#666;text-decoration:none;}

a.contrast{ font-weight: bold; }
a.contrast:link, a.contrast:visited{ color: #245849; text-decoration: none; }
a.contrast:hover{ color: #245849; text-decoration: underline;}

/* ------------ LAYOUT --------------*/
/*
    body, page, top-nav, breadcrumb, promo-area, 
    content{sidebar,main-content}, footer 
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; 
    margin:0;
    background: #f0f4f7;
}

table {
    font-size:100%;
}

form {
    margin:0;
    padding:0;
}

#page {
    width:981px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin:0 auto 0 auto;
    padding:0;
    background: #ffffff url('/images/wiley2/page-bg.gif') repeat-y;
}

#page-bottom {
    border-bottom:3px solid #CCC;  
    margin:0 5px 0 5px;
}


/* ------------ LAYOUT: TOP-NAV --------------*/
#top-nav {
    border-bottom:5px solid #969F82;
    background: url('/images/wiley2/top-nav-bg.gif') no-repeat top left;
    font-size:11px;
    color:#fff;
    position:relative;
    margin:0 6px 0 5px;
    height:90px;
    overflow:hidden;
    position:relative;
}

#top-nav div {
    position:absolute;
    top:0px;
    right:15px;
    width:560px;
    height:25px;
    text-align: right;
}

/* TOP-NAV HOVER */
#top-nav div ul{
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#top-nav div ul li{
    display:inline;
    margin:0;
    padding-left:8px;
    float:left
}

#top-nav div ul li a{ 
    display:block;
    height:25px;
    margin:0;
    padding:0;
}

#top-nav div ul li a b{display:none;}

#top-nav div ul li#home-btn a{
    width: 72px;
    background: url('/images/wiley2/home.gif') no-repeat;
}
#top-nav div ul li#home-btn a:hover, #top-nav div ul li#home-btn a.active{
    background-position: 0 -25px;
}

#top-nav div ul li#subjects-btn a{
    width: 90px;
    background: url('/images/wiley2/subjects.gif') no-repeat;
}
#top-nav div ul li#subjects-btn a:hover, #top-nav div ul li#subjects-btn a.active{
    background-position: 0 -25px;
}

#top-nav div ul li#about-btn a{
    width: 119px;
    background: url('/images/wiley2/about.gif') no-repeat;
}
#top-nav div ul li#about-btn a:hover, #top-nav div ul li#about-btn a.active{
    background-position: 0 -25px;
}

#top-nav div p{
    margin:0;
    padding:0 0 3px 0;
    position:absolute;
    top:7px;
    right:306px;
    font-size:10px;
    color:#FFFFFF;
}

#top-nav div p img{
    margin:0px 3px -3px 0;
}

#top-nav form {
    position:absolute;
    top:55px;
    right:15px;
    width:560px;
    height:25px; 
    color:#c4d6bc;
    text-align:right;
    font-size:11px;
}

#top-nav input.text {
    font-size:11px;
    width:220px;
    height:13px;
    color:#000;
    padding-left:3px;
}

#top-nav .search {
    margin-bottom:-5px;
}

#top-nav a:link {color:#fff;text-decoration:none;}
#top-nav a:visited {color:#fff;text-decoration:none;}
#top-nav a:hover {color:#fff;text-decoration:underline;}

#skip-nav{ 
    background: #fff; 
    margin:0 6px 0 5px;
    font-size: 90%;
    text-align: right;
    padding: 2px 8px;
    }
#skip-nav2{ 
      float: right;
       }
       
#skip-nav a{ text-decoration: none; } 

/* ------------ LAYOUT: BREADCRUMB --------------*/
#breadcrumb {
    font-weight: bold;
    font-size: 11px;
    background: url('/images/wiley2/breadcrumb-bg.gif') no-repeat top left;
    text-transform:uppercase;
    margin-bottom:15px;
    color:#666666;
}

#breadcrumb div {
    background: url('/images/wiley2/breadcrumb-bg-right.gif') no-repeat top right;
    padding:12px 12px 0 15px;
    min-height:37px;
}

#breadcrumb h1{
    color: #245849;
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: normal;
    text-transform:none;
}

#breadcrumb a:link {color:#666666;text-decoration:none;}
#breadcrumb a:visited {color:#666666;text-decoration:none;}
#breadcrumb a:hover {color:#666666;text-decoration:underline;}

/* ------------ LAYOUT: CONTENT --------------*/
#content{
    margin: 15px 21px 0 20px;
    padding: 0px;
}

#sidebar{
    float: left;
    margin: 0px;
    padding: 0px;
}


#main-content{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 700px;
    
}

div.feature{ margin: 15px 0 0 0; }


/* LAYOUT: SIDEBAR */
div.subjectsbox{
    margin: 0px;
    padding: 0px;
    background: #edf3eb url('/images/wiley2/browse-subjects.gif') no-repeat top left;
}

ul.subjects-hoverlist{
    margin: 0px;
    padding: 32px 0 14px 0;
    font-weight: bold;
    width: 230px;
    background: url('/images/wiley2/greenbox-bottom.gif') no-repeat bottom left;
}

ul.subjects-hoverlist li{
    list-style: none;
    margin: 0px;
    border-bottom: 1px solid #c4d6bc;
}

ul.subjects-hoverlist li.first{ border-top: 1px solid #c4d6bc; }

/* for background color change on hover */
ul.subjects-hoverlist li a{ 
    padding: 2px 10px 4px 15px; 
    display: block; 
    text-decoration: none;
    color: #245849;
} 
ul.subjects-hoverlist li a:visited{ color: #245849; text-decoration: none; } 
ul.subjects-hoverlist li a:hover{ color: #245849; background: #d9e4d3; text-decoration: none;}

/* ------------ LAYOUT: FOOTER --------------*/

.left{ float: left; } 
.right{ float: right; } 

#footer {
	color: #666;
	font-size: 11px;
	min-height: 69px;
	height: auto !important; /* min-height in ie6 */
	_height: 69px; /* min-height in ie6 */
	_padding-top: 0px;
	border-top: 5px solid #ccc;
	background: #e8e8e8 url('/images/wiley2/footer.gif') no-repeat top left;; margin-left:5px; margin-right:6px; margin-top:25px; margin-bottom:0; padding-left:30px; padding-right:15px; padding-top:5px; padding-bottom:25px
}

#footer h5{
	padding: 0;
	font-size: 11px;
	margin: 20px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
	}
	
#footer .rss-signup{ margin-top: 20px; }	
.footer-links{ font-size: 12px; }	
	
#footer .right{ 
	width: 500px; 
	text-align: right;
	}	

#footer .corp-links{ margin: 28px 0 2px; }

#footer a:link {color:#666666;text-decoration:none;}
#footer a:visited {color:#666666;text-decoration:none;}
#footer a:hover {color:#333333;text-decoration:underline;}

/* ------------ DROPSHADOW --------------*/
.shadow {
    float: left;
    background: url('/images/wiley2/shadow.gif') no-repeat bottom right;
}

.shadow div {
    background: url('/images/wiley2/shadow-tr.gif') no-repeat right top;
}

.shadow div div {
    background: url('/images/wiley2/shadow-bl.gif') no-repeat left bottom;
    padding: 0 6px 6px 0;
}

.shadow img {
    background-color: #fff;
    color: #000;
    vertical-align: bottom;
}

/* cart */

em{ color: #333; font-size: 11px; font-style: normal; display: block; }
div.hr{ border-bottom: 1px solid #adadad; margin: 20px 0 20px 0; }
div.hr-thick{ border-bottom: 3px solid #ccc; margin: 20px 0 40px 0; }

.centered{ text-align: center; }

ul.simple{
    margin: 0px;
    padding: 10px 0 25px 0;
    width: 230px;
    background: url('/images/wiley2/greenbox-bottom.gif') no-repeat bottom left;
}

ul.simple li{
    list-style: none;
    margin: 0px;
    padding: 0 5px 3px 15px;
}

/* LAYOUT: SIDEBAR */
div.sidebar-box{
    margin: 0px;
    padding: 0px;
    background: #edf3eb; 
}

ul.hoverlist{
    margin: 0px;
    padding: 0;
    width: 230px;
    border-bottom: 2px solid #6b9950;
}

ul.hoverlist li{
    list-style: none;
    margin: 0px;
    border-bottom: 1px solid #c4d6bc;
}

ul.hoverlist li.first{ border-top: 1px solid #c4d6bc; }

/* for background color change on hover */
ul.hoverlist li a{ 
    padding: 2px 10px 4px 15px; 
    display: block; 
    text-decoration: none;
    color: #245849;
} 
ul.hoverlist li a:visited{ color: #245849; text-decoration: none; } 
ul.hoverlist li a:hover{ color: #245849; background: #d9e4d3; text-decoration: none;}


/* TABLE */

table.cart{
    padding: 0;
    border: 0px none;
    width: 100%;
    font-size: 12px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
}

/* additional classes for subsequent cart pages  */

table.cart2{
    padding: 0;
    border: 0px none;
    width: 100%;
    font-size: 12px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
}

table.cart2 th{ 
    vertical-align: top;
}

table.cart2 th.left{ 
    text-align: left; 
    padding-left: 12px; 
    float: none;
}

table.cart2 th.leftheading{ 
    text-align: left; 
}


table.cart2 span.shipaddr{ 
    text-align: left; 
    padding-left: 4px; 
    font-weight: bold;
}

table.cart2 th.newship{ 
    text-align: left; 
    padding-bottom: 8px;
}

table.cart2 td.passwordmsg{ 
    text-align: left; 
    padding-left: 12px;
    padding-bottom: 8px;
}


table.cart2 td.hr{
 border-bottom: 1px solid #adadad; 
 }
 
 table.cart2 td.hr2{
 border-bottom: 1px solid #adadad; 
 }


th.right{ 
    text-align: right; 
}

table.cart2 td{ 
    color: #245849; 
}

table.cart2 td.buttons {
    padding-right: 0;
    text-align: right;
}

table.cart2 td.thick-border{ 
    padding-bottom: 15px; 
    border-bottom: 3px solid #ccc; 
}

table.cart2 td.accountfielderror{ 
   font-weight: bold; 
   font-size: 12px; 
   color: #ff3300; 
   font-family: Arial,Helvetica,sans-serif
}


/* end additional classes */

table.cart th{ 
    border-bottom: 1px solid #adadad; 
    padding: 8px 5px 8px 0; 
    vertical-align: top;
}


table.cart th.left{ 
    text-align: left; 
    padding-left: 12px; 
    float: none;
}

/* added on 03/31/10 */

table.cart th.left { float: none; } 

/*                   */     

th.right{ 
    text-align: right; 
}

table.cart td{ 
    padding: 8px 8px 12px 0; 
    border-bottom: 1px solid #adadad; 
    color: #245849; 
}


table.cart td.thick-border{ 
    padding-bottom: 25px; 
    border-bottom: 3px solid #ccc; 
}


table.cart td.title{
    padding-left: 12px;
    width: 430px;
}

table.cart td.address, table.cart td.shipping-method{
    width: 440px;
}


table.cart td.buttons{
    padding-right: 0;
    text-align: right;
}

table.cart td.title a{ color: #245849; }

table.cart td.price{
    text-align: center;
    color: #245849;
}

table.cart td.quantity{
    text-align: center;
    width: 80px;
}

table.cart td.sub-total{
    text-align: center;
}

table.cart td#total-header{
    text-align: center;
    font-weight: bold;
    text-align: right;
    color: #333;
}

table.cart td#total-amt{
    text-align: center;
    font-weight: bold;
    color: #333;
}
/*-------------------------------------------------------------------- */
div.qty-field {
    margin:0;
    padding: 0 0 0 -5px;
    font-size: 12px;
    font-family: sans-serif;

}

div.qty-actions{
    margin:0;
    padding: 0 0 0 -5px;
    font-size: 70%;
}

div.qty-field{ float: left; }
//div.qty-actions{ float: right;  font-size: 70%;}
div.qty-actions{ float: right;}

table.cart td.note{ padding-left: 12px; }

table.cart td.note em{
    display: block;
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 11px;
    font-style: normal;
    color: #e87800;
}

div.cartbutton-left{
    float: left;
    margin: 0;
    padding: 0 0 0 12px;
}

div.cartbutton-right{
    float: right; 
    text-align: right;
}

div.cartbutton-right em{
    font-size: 11px;
    font-style: normal;

}

div.submit-txt{ 
    margin: 0 auto; 
    width: 350px; 
    text-align: center; 

}


/* ------------ LAYOUT: Common cart components and messages --------------*/

.accounttext {
	FONT-SIZE: 12px; COLOR: #245849; FONT-FAMILY: Arial,Helvetica,sans-serif;
}

.accounterror {
	FONT-SIZE: 12px; COLOR: #ff3300; FONT-FAMILY: Arial,Helvetica,sans-serif;
}

.accountsubhead {
	FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica,sans-serif;
}
.accountfielderror {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff3300; FONT-FAMILY: Arial,Helvetica,sans-serif;
}

.accounttitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #354551; FONT-FAMILY: Arial,Helvetica,sans-serif;
}

.accountwarning {
	FONT-SIZE: 12px; COLOR: #ff6600; FONT-FAMILY: Arial,Helvetica,sans-serif;
}

#message-file { 
    text-align: left; 
    padding-bottom: 8px;
}


/* ------------ LAYOUT: TOPNAV-SM --------------*/
#topnav-sm {
    border-bottom:5px solid #969F82;
    background: #5a9238;
    font-size:xx-small;
    color:#FFFFFF;
    position:relative;
    margin:0 6px 0 5px;
    height:55px;
    overflow:hidden;
    position:relative;
}

#topnav-sm div {
    position:absolute;
    bottom: 10px;
    right:15px;
    font-size: 13px;
    font-weight: bold;
    
}

#topnav-sm a:link {color:#fff;text-decoration:underline;}
#topnav-sm a:visited {color:#fff;text-decoration:underline;}
#topnav-sm a:hover {color:#fff;text-decoration:none;}

div#content-sm{ 
    width: 690px;                
    margin: 15px 21px 0 20px;   
    padding: 0px;                
}

/* SECTION TITLES */
div.section-header{
    width: 690px;
    height: 25px;
    background: #cbdcc1;
    position: relative;
    padding: 0;
    margin-bottom: 3px;
}
div.section-header-left{
    position: absolute;
    left: 0;
    width: 650px;
    height: 20px;
    font-size: 14px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    background: #cbdcc1 url('/images/wiley2/green_title_left.gif') no-repeat left;
}
div.section-header-right{
    position: absolute;
    right: 0;
    width: 9px;
    height: 25px;
    background: #cbdcc1 url('/images/wiley2/green_title_right.gif') no-repeat right;
}