
body {
/*	background: url(/hm/newhp/images/blueback.png) repeat-x #f9fcfd; */
}


.thumbnail {
	float : left;
	margin : 0 7px 0 0;
}
.thumbnail img {
	border-right : 1px solid #e2e2e2;
	border-top : 1px solid #e2e2e2;
	border-left : 1px solid #e2e2e2;
	border-bottom : 1px solid #e2e2e2;
}
.thumbnail a img {
	border-right : 1px solid #e2e2e2;
	border-top : 1px solid #e2e2e2;
	border-left : 1px solid #e2e2e2;
	border-bottom : 1px solid #e2e2e2;
}
.thumbnailr {
	float : right;
	margin : 0 7px 0 0;
	padding:5px;
}
.thumbnailr img {
	border-right : 1px solid #e2e2e2;
	border-top : 1px solid #e2e2e2;
	border-left : 1px solid #e2e2e2;
	border-bottom : 1px solid #e2e2e2;
}
.thumbnailr a img {
	border-right : 1px solid #e2e2e2;
	border-top : 1px solid #e2e2e2;
	border-left : 1px solid #e2e2e2;
	border-bottom : 1px solid #e2e2e2;
}
.articleheader {
	font : bold 17px arial, sans-serif;
	color : #000;
	border-bottom : 1px solid #ccc;
	text-transform : uppercase;
}
.entry1 {
	clear: left;
	padding-bottom: 8px
}
h3 {
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	font : bold 14px arial, sans-serif;
	color : #003366;
	padding-top : 0;
	text-decoration : none;
}
h3 a {
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	font : bold 14px arial, sans-serif;
	color : #003366;
	padding-top : 0;
	text-decoration : none;
}
h4 {
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	font : 10px arial, sans-serif;
	text-transform : uppercase;
	color : #003366;
	padding-top : 0;
}
h4 a {
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	font : 10px arial, sans-serif;
	text-transform : uppercase;
	color : #003366;
	padding-top : 0;
}
h6 {
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	font : 11px arial, sans-serif;
	color : #000;
	padding-top : 0;
}
.green {background:#E6EFC2;color:#264409;border-color:#C6D880;padding:20;}
.blue {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.pink {background:#FFF6BF;color:#514721;border-color:#FFD324;}

.boxm {background:#E5ECF9;}

		
.bestsellers {
	margin-bottom : 10px;
	margin-right: 10px;
	text-align : left;
	background-color : #fff;
}

.bestsellers .tabgray {
	background: #297abc;
	border-right : 1px solid #e5e5e5;
	padding-right : 17px;
	border-top : 1px solid #e5e5e5;
	display : block;
	padding-left : 2px;
	z-index : 2;
	padding-bottom : 3px;
	font : bold 12px arial, sans-serif;
	text-transform : uppercase;
	border-left : 1px solid #e5e5e5;
	color : #fff;
	padding-top : 6px;
	border-bottom : 0 solid #e5e5e5;
}
.bestsellers #list {
	border-right : 1px solid #e5e5e5;
	padding-right : 5px;
	border-top : 1px solid #e5e5e5;
	padding-left : 4px;
	z-index : 1;
	padding-bottom : 2px;
	border-left : 1px solid #e5e5e5;
	padding-top : 5px;
	border-bottom : 1px solid #e5e5e5;
	background-color : #ffffff;
}
.bestsellers #news {
	border-right : 1px solid #e5e5e5;
	padding-right : 5px;
	border-top : 1px solid #e5e5e5;
	padding-left : 4px;
	z-index : 1;
	padding-bottom : 2px;
	border-left : 1px solid #e5e5e5;
	padding-top : 5px;
	border-bottom : 1px solid #e5e5e5;
	background-color:#96C8D3;
}
.bestsellers #news ul li {
	font : 12px arial, sans-serif;
	color : #000;
	padding-top : 6px;
	list-style: square;
}
.bestsellers ul {
	padding-right : 5px;
	padding-left : 4px;
	padding-bottom : 5px;
	padding-top : 5px;
}
.bestsellers ul li {
	font : 12px arial, sans-serif;
	color : #003366;
	padding-top : 6px;
}
.bestsellers ol {
	padding-right : 5px;
	padding-left : 4px;
	padding-bottom : 5px;
	padding-top : 5px;
}
.bestsellers ol li {
	font : 12px arial, sans-serif;
	color : #003366;
	padding-top : 6px;
	list-style: decimal;
}


/* Search
-------------------------------------------------------------------*/
#search {
	position: absolute;
	top: 10px; 
	right: 0px;
}

#search input { border: 0; }

#search #s { 
	width: 148px;
	padding: 4px 0 4px 22px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Verdana;
	vertical-align: top;
	color: #333;
	background: url(http://nairn.wordsworth.com/wp-content/themes/devart/images/search-text.gif) no-repeat;
}
#search #searchsubmit { 
	width: 35px; 
	height: 22px;
	vertical-align: top;
	background: url(http://nairn.wordsworth.com/wp-content/themes/devart/images/search-submit.gif) no-repeat;
}


/* Header
-------------------------------------------------------------------*/
#header { 
	width: 950px;
	height: 46px; 
	float: left; 
	background: #00539f ; 
	position:relative;

}

#header h1 { 
	font: 24px Verdana; 
/*	padding-top: 10px; */ 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 a { 
	color: #fff; 
	text-shadow: 1px 1px 1px #333; 
	text-decoration: none; 
}

#header h1 span { 
	padding-left: 10px; 
	font-size: 11px; 
	color: #ccc; 
}


#logo {
	padding-left : 5px;
	padding-top: 0px;
	float : left;
}

#logo #hmh {
	padding-right: 0px;
	display: block;
	padding-left: 2px;
	background: #00539f url('http://www.hmhbooks.com/hmhbooks/images/hmhlogo_b.png') no-repeat;
	float : left;
	padding-bottom : 0px;
	margin : 0;
	overflow : hidden;
	width : 632px;
	text-indent : -2000px;
	padding-top : 2px;
	height : 55px;
}
#logo #hmh a {
	display : block;
	overflow : hidden;
	width : 632px;
	padding-top : 60px;
	height : 55px
}

/* advanced search */
.dsearch {
	padding-right : 5px;
	padding-left : 0;
	right : -3px;
	float : right;
	padding-bottom : 6px;
	font : bold 8px verdana, arial, sans-serif;
	text-transform : uppercase;
	color : #ffffff;
	position : relative;
	top:15px;
	text-align : right;
}

.dsearch a{
	padding-right : 5px;
	padding-left : 0;
	right : -3px;
	float : right;
	padding-bottom : 6px;
	font : bold 8px verdana, arial, sans-serif;
	text-transform : uppercase;
	color : #ffffff;
	position : relative;
	text-align : right;
}

.dsearch a:visited {
	padding-right : 5px;
	padding-left : 0;
	right : -3px;
	float : right;
	padding-bottom : 6px;
	font : bold 8px verdana, arial, sans-serif;
	text-transform : uppercase;
	color : #ffffff;
	position : relative;
	text-align : right;
}


.dsearch a:hover {
	padding-right : 5px;
	padding-left : 0;
	right : -3px;
	float : right;
	padding-bottom : 6px;
	font : bold 8px verdana, arial, sans-serif;
	text-transform : uppercase;
	color : #ffff00;
	position : relative;
	text-align : right;
}

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#297abc; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#297abc; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#297abc; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#297abc; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}
.headh {background: #297abc; border-right:1px solid #aaa; border-left:1px solid #297abc; }
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; text-transform:uppercase;color:#fff;text-align:center;}
.contenth { border-right:1px solid #297abc; border-left:1px solid #297abc;}
.contenth div {margin-left: 12px; padding-top: 5px;}

.RedHeader  {
	font-family : "Verdana", Folio, Helvetica;
	font-size : 12pt;
	color : 990000;
	text-align : center;
	vertical-align : top;
}

.PageHeader  {
	font-family : "Verdana", Folio, Helvetica;
	font-size : 16pt;
	color : 990000;
	font-weight : bold;	
/*	text-align : center; */
	vertical-align : top;
}

.BookAuthor  {
	font-family : "Verdana", Folio, Helvetica;
	font-size : 12pt;
	color : 990000;
	text-align : left;
	vertical-align : top;
	
}

.BookAuthorR  {
	font-family : "Verdana", Folio, Helvetica;
	font-size : 12pt;
	color : 990000;
	text-align : right;
	vertical-align : top;
	
}



/* Show only to IE PC \*/
* html .boxhead h2 {
	height: 1%;
} /* For IE 5 PC */
* html .boxheady h2 {
	height: 1%;
} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/*	width: 17em;  ems so it will grow */
	width: 100%;
	background: url(http://www.hmhbooks.com/hm3/images/wsbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(http://www.hmhbooks.com/hm3/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(http://www.hmhbooks.com/hm3/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0, 0, 0, .4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(http://www.hmhbooks.com/hm3/images/wsbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}


.boxbody ul {

list-style-image: url(http://www.hmhbooks.com/hm3/images/arrow.gif);
list-style-type: circle;
list-style-position: inside;
}







/* videobox content

#vbox {
	width:278px;
	height:290px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 12px; 
	background:#ffffff;
	border: 1px solid #cccccc;
	text-align:left;
}
#vbox>p{margin-bottom: 3px; margin-top:12px;}
 
.boxrow {
	width:280px;
	clear:both;
	margin-bottom: 12px;
	margin-top: 3px;
}
.boxitem1 {
	float:left;
	vertical-align:middle;
/*	margin: 0px 12px 0px 0px; */
	padding: 0px;
	width:84px;
	height:110px;
	color:#ababab;
	font-size:11px;
	background:#ffffff;
	border:0px;
	text-align: left;
	display: inline;
}
.boxitem2 {
	float:left;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:84px;
	height:110px;
	color:#ababab;
	font-size:11px;
	background:#ffffff;
	border:0px;
	text-align: left;
	display: inline;
}
.boxitem3 {
	float:right;
	vertical-align:middle;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width:84px;
	height:110px;
	color:#ababab;
	font-size:11px;
	background:#ffffff;
	border:0px;
	text-align: left;
	display: inline;
}
 
.vboxHeader {font-family:Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px;}
.vboxHeader a:link, .vboxHeader a:visited, .vboxHeader a:active {text-decoration:none; color:#ce181f; font-weight:bold;}
.vboxHeader a:hover {text-decoration:none; color:#ce181f; font-weight:bold; border:none; border-bottom:dotted 1px #ABABAB;}	
	
.vboxHref {font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin:0px 0px 5px 0px;; overflow:hidden;}
.vboxHref a:link, .vboxHref a:visited, .vboxHref a:active {font-size: 11px; text-decoration:none; color:#004276; font-weight:bold; line-height:14px;}
.vboxHref a:hover {font-size: 11px; text-decoration:none; color:#ce181f; font-weight:bold; line-height:14px;}
 
.vboxDesc a:link, .vboxDesc a:visited, .vboxDesc a:active {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#000000; font-size:10px; font-weight:normal;}
.vboxDesc a:hover {text-decoration:none; color:#000000; font-size:10px; font-weight:normal;}
 
.videohead {clear:both; color:#b70000; font-size:12px; font-weight:bold; text-align:left; display:inline;}
.seemoretag {float:right; color:#004276; font-size: 12px; font-weight:bold; text-align:right; display:inline; margin-bottom:0;padding-bottom:0;}

.widget_head {
height:83px; text-align:left; overflow:hidden;
background:#dce4e7 url(bg_head_fader.gif) repeat-x; border-bottom:1px solid #bebebe;
margin:0px -12px 0 -12px;
}
	.widget_head_short{
	height:24px;*height:25px; text-align:left;
	background:#dce4e7 url(bg_head_fader.gif) repeat-x; border-bottom:1px solid #bebebe;
	}
	.widget_head .title, .widget_head_short .title, #specialevent .headline  {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px; font-weight:bold; /* padding:8px 0 8px 15px; */ color:#036;
	}
	
	.widget_head .title a, .widget_head_short .title a{
	color:#036 !important;
	}
	
	.widget_head .title a:hover, .widget_head_short .title a:hover{
	text-decoration:underline;
	}
		.widget_head_short .title {
		font-size:14px; padding:4px 0 6px 15px;
		}


		.widget_right {
		position:absolute; top:2px; right:28px;
		}

	.midcontainer{border-left:1px solid #ddd; 
border-right:1px solid #ddd; 
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}