@charset "utf-8";
/* 
  -----------------------------------
  Alran Books Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
Color Scheme
Header Yellow: f9de36
Sidebars:
	Reading Blue: 3265c1  DEFAULT
	Writing Red:  ed2434
	Vocabulary Green:  177f4c
	Instructional Maroon: 9e2956
	Featured Purple: 4a117c
*/

/* Accessability */
.skiplist {margin: 0; padding: 0} 

.skip {display: none; font-family: verdana, sans-serif; text-align: left; margin: 0; padding: 0; position: absolute} /*All incl Opera*/
* html .skip {display: block} /*Seen by IE*/
:root .skip {display: block} /*Seen by Moz, FF and Safari*/
.skip a {padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width: 14em; left: -200em}
.skip a:focus, .skip a:active {position: absolute; left: 0.5em; border: solid #333 2px; color: #fff; background: #555}
.skip a:hover {cursor: default}
/* END Accessability */


body, div, table,tr, td {margin:0;padding:0;}
body {
	margin:0;
	padding:0;
	font: 95% "Trebuchet MS", tahoma, sans-serif;
	/*font: 100.01% Georgia, "Times New Roman", Times, serif;*/
	line-height:1.5;}	

img{border:none;}
a {text-decoration:underline;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a.inactive {cursor:default!important; background-color:transparent!important;}
.printOnly {display:none;}
/* Layout */	
#wrapper{	
	width:100%;
	min-height: 100%; }
	#header{
		height:87px;
		background-color:#f9de36;
		position:relative;
		background:url(../img/theme/headerBkgrd.gif) 0 0 repeat-x;}

	#mainSection{
		margin:0 0 0 0;
		padding:11px 10px 10px 0;
		z-index:20000!important;}
		#content{
			margin-left:175px;}
		#sidebar{
			width:170px;
			float:left;
			padding-top:50px;
			margin-top:-11px;}
	#footer{
		background-color:#fff;
		margin-left:169px;
		text-align:center;
		font-weight:bold;}

	#footer .copyright{
		font-weight:normal;
		font-size:80%;
		color:#ccc;
		margin-top:.5em;}
	#footer .copyright a{
		color:#ccc;
		text-decoration:none;}
	#footer .copyright a:hover{
		text-decoration:underline;}		
#pubLogos	 {width:100%;margin:auto;}
.clearing{clear:both;height:0;}
/* Clear the container item so short pages won't "stick out" the menu*/	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html #mainContent	{display: inline;}	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.tinyText {font-size:90%;}
.tinierText {font-size:80%;}
/* Forms */
#sidebar form {
	margin-left:1em;
	border-top: thin solid #FFF;
	border-bottom: thin solid #FFF;
	border-right-style: none;
	border-left-style: none;
	padding-top:5px;}
#sidebar form fieldset {border:0;}
#sidebar form fieldset label {
	font-weight:bold;
	color:#fff;
	font-size:110%;
	display:block;}
#sidebar input.txtField, #sidebar textarea, #sidebar select{
	border:0;
	padding:4px 5px;
	font:95%/180% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:transparent;}
#sidebar input.txtField{
	background:url(../img/theme/textfield.gif) 0 0 no-repeat;
	width:105px;
	height:24px;}
#sidebar input.btnImage {
	border: none;
	padding-top:2px;
	padding-left:5px;}	
#sidebar form a {
	color:#fff;
	display:block;}
.question {font-weight:bold;}
.answer {}
.hidden {display:none;}
.noborder {border:0 !important;}
/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th,
table.searchTable, table.searchTable td, table.searchTable th {
	border:none;
	border-collapse: collapse;}
table.tabularData td, table.tabularData th,
table.searchTable td, table.searchTable th{
	padding: 3px;
	border: 1px solid #696969;}
table.specials td, table.specials th{
	padding: 1em 3px;
	border-top: 1px dashed #696969;
	font-size:90%;}
table.tabularData th, table.searchTable th, table.tabularData th a:link, 
table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #fff;
}
.altRowOdd{
	background-color: #fff;
}

/* Footer Navigation layout */
#footer #nav ul {margin:0 auto; padding:0;}
#footer #nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:inline;}
#footer #nav a {
	text-decoration: none;
	padding: 4px 10px 4px 20px;
	color: #000;
	line-height:1.5;}
#footer #nav a:hover {text-decoration:underline;}
/* Body Color scheme for categorical pages */
body{background: #fff url(../img/theme/readingColumn.gif) repeat-y left top;}
body.reading {background: #fff url(../img/theme/readingColumn.gif) repeat-y left top;}
body.writing {background: #fff url(../img/theme/writingColumn.gif) repeat-y left top;}
body.vocabulary {background: #fff url(../img/theme/vocabularyColumn.gif) repeat-y left top;}
body.instructional {background: #fff url(../img/theme/instructionalColumn.gif) repeat-y left top;}
body.featured {background: #fff url(../img/theme/featuredColumn.gif) repeat-y left top;}

/* Column Color scheme for categorical pages */
#sidebar {background: url(../img/theme/readingColumnHead.gif) no-repeat left top;}
body.reading #sidebar{background:  url(../img/theme/readingColumnHead.gif) no-repeat left top;}
body.writing #sidebar{background:  url(../img/theme/writingColumnHead.gif) no-repeat left top;}
body.vocabulary #sidebar{background:  url(../img/theme/vocabularyColumnHead.gif) no-repeat left top;}
body.instructional #sidebar{background:  url(../img/theme/instructionalColumnHead.gif) no-repeat left top;}
body.featured #sidebar{background:  url(../img/theme/featuredColumnHead.gif) no-repeat left top;}

/* Footer Color scheme for categorical pages */
#footer {border-top:1px solid #0171b9;}
body.reading #footer{border-top:1px solid #3265c1;}
body.writing #footer{border-top:1px solid #ed2434;}
body.vocabulary #footer{border-top:1px solid #177f4c;}
body.instructional #footer{border-top:1px solid #9e2956;}
body.featured #footer{border-top:1px solid #4a117c;}

h2 {width:80%;}

/* Header Color scheme for categorical pages */
h1,h2,h3,h4,h5,h6{color: #3265c1;}
h2{border-top:1px solid #ed2434;}
body.reading h2{border-top:1px solid #3265c1; color:#3265c1}
body.writing h2{border-top:1px solid #ed2434; color:#ed2434}
body.vocabulary h2{border-top:1px solid #177f4c; color:#177f4c}
body.instructional h2{border-top:1px solid #9e2956; color:#9e2956}
body.featured h2{border-top:1px solid #4a117c; color:#4a117c}

/* Search Table Color Scheme for categorical searches */
body.reading table.searchTable th{background-color:#3265c1;}
body.writing table.searchTable th{background-color:#ed2434;}
body.vocabulary table.searchTable th{background-color:#177f4c;}
body.instructional table.searchTable th{background-color:#9e2956;}
body.featured table.searchTable th{background-color:#4a117c;}

/* Footer Navigation Color Scheme*/
body.reading #footer #nav a{color:#3265c1;}
body.writing #footer #nav a{color:#ed2434;}
body.vocabulary #footer #nav a{color:#177f4c;}
body.instructional #footer #nav a{color:#9e2956;}
body.featured #footer #nav a{color:#4a117c;}

td.detailImage {
	text-align: center;
	padding: 2em;
	vertical-align:top;
	}
.addressBox {
	width:200px;
	float:right;
	margin-left:2em;}
.addressBox .tabularData{
	font-size:90%;}
#purchaseOrderBox {
	margin:2em 0;
	border: 1px solid #696969;
	background:#cecece;
	padding-left:1em;}
.POrder {
	width:300px;
	border:1px solid #696969;
	background: #002252;
	color:#fff;
	padding:1em;}	
.stenhouseBlock {
 margin-top:1em;
 width:150px; 
 float:right;
 border:1px solid #0171b9;
 font-size:80%;
 padding:5px;
 background:#3265c1;
 color:#fff;
 clear:right;}
.stenhouseBlock a {
	color:#000;}
.stenhouseBlock a:hover {
	color:#fff;}
	
.emailAFriend {
	width:500px;
	float:right;
	text-align:right;
	font-size:90%;
	line-height:1;}
.emailAFriend a{
	font-size:90%;
	font-weight:normal;}
.upsellTitle {font-size:90%;}