/*	-------------------------------------------------------------
	Oliver & Andy Book Co.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Title : Oliver & Andy Book Company | Stylesheet
	Author : Josh Serbus | Esultants Web Services
	URL : http://www.esultants.com
	Description : Stylesheet
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Content
	3. Search Area
	4. General Properties
          5. Columns
          6. Products
          7. Classes
*/


/*	-------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	html, body {
		height:100%;
		width:100%;
		}
		
	body {
		margin:0px;
		padding:0px;
		text-align:center;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:16px;
		background:url(images/page-bg.jpg) repeat-x #014073;
		}
	a { color:#0783c3; }
	a:hover { color:#00689e; }
	
	#wrapperOut {
		width:1024px;
		margin:0 auto;
		border:1px solid #00335d;
		background:url(images/footer.jpg) no-repeat bottom #FFF;
		}
		
	#wrapperIn {
		width:1024px;
		text-align:left;
		display:table-cell;
		}
		
	#header {
		width:100%;
		height:158px;
		background:url(images/header.jpg) no-repeat;
		position:relative;
		}
		
	#header #menu {
		width:auto;
		height:50px;
		position:absolute;
		left:185px;
		top:105px;
		z-index:150;
		}
		
	h2 {
		font-size:18px;
		}
		
	#menu .mnuButton {
		float:left;
		margin:6px;
		}
		
	#mnu_bookbag {
		width:auto;
		position:absolute;
		left:875px;
		top:15px;
		}


/*	-------------------------------------------------------------
	2. CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

	#main {
		width:100%;
		float:left;
		}
		
	#main .column {
		padding:10px;
		padding-top:25px;
		margin-left:7px;
		margin-right:7px;
		float:left;
		position:relative;
		}
		
	#columnLeft {
		width:157px;
		height:460px;
		padding-top:200px !important;
		background:url(images/column-bg_blue.png) no-repeat;
		top:-8px;
		text-align:center;
		}
		
	#columnMiddle {
		top:-10px;
		width:520px;
		padding:0px !important;
		padding-top:10px !important;
		margin-left:2px !important;
		}
		
	#columnRight {
		padding:3px !important;
		padding-top:25px !important;
		width:163px;
		height:900px;
		background:url(images/column-bg_green.png) no-repeat;
		top:-15px;
		text-align:center;
		float:right !important;
		}
		
	#main .columnBottom {
		height:20px;
		width:177px;		
		position:absolute;
		left:0px;
		bottom:-20px;
		}
			
		#columnLeft .columnBottom { background:url(images/column-bottom_blue.png) no-repeat; }
		#columnRight .columnBottom { background:url(images/column-bottom_green.png) no-repeat; }
		
	.gradeTag {
		height:42px;
		width:42px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gradeTag_4-8.png',sizingMethod='crop');
		}
		
	html>body .gradeTag {
		height:42px;
		height:42px;
		position:relative;
		background:url(images/gradeTag_4-8.png) no-repeat center;
		margin:0 auto;
		}




/*	-------------------------------------------------------------
	3. SEARCH AREA
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#columnLeft #searchArea {
		width:177px;
		height:200px;
		position:absolute;
		left:0px;
		top:0px;
		background:url(images/left_searchBg.png) no-repeat;
		}
	#searchArea #searchInput {
		background:none;
		position:absolute;
		left:20px;
		top:161px;
		width:125px;
		border:none;
		font-size:11px;
		}
	#searchArea #searchSubmit {
		display:block;
		position:absolute;
		left:143px;
		top:157px;
		width:25px;
		height:25px;
		}
		
	#searchArea #advancedSearch {
		display:block;
		position:absolute;
		left:77px;
		top:180px;
		width:125px;
		height:25px;
		}





/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		width:100%;
		height:200px;
		clear:both;
		z-index:1;
		}

	#title_bestsellers {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titles/sideTitle_bestsellers.png',sizingMethod='crop');
		}
	#title_currentIssue {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titles/sideTitle_currentIssue.png',sizingMethod='crop');
		}
		
	#accnt_name {
		padding: 5px 0 0 5px;
		}
	#greenBorder{
		border:solid;
		border-style:solid;
		border-width:1px;
		border-color:#339966;
		}
		
	#selectedGrad {
		background: #d0dafd url('images/gradhover.png') repeat-x;
		color: #339;
		width: 170px;
		}
	#selectedGrad  td{
		padding: 8px; 
		border-bottom: 1px solid #fff;
		color: #669;
		border-top: 1px solid #fff;	
	}
		
		#gradient-style {
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 12px;
		width: 170px;
		text-align: left;
		border-collapse: collapse;
		}
		
	#gradient-style th {
		font-size: 13px;
		font-weight: normal;
		padding: 8px;
		background: #b9c9fe url('images/gradhead.png') repeat-x;
		border-top: 2px solid #d3ddff;
		border-bottom: 1px solid #fff;
		color: #039;
		}
		
	#gradient-style td	{
		padding: 8px; 
		border-bottom: 1px solid #fff;
		color: #669;
		border-top: 1px solid #fff;
		background: #e0edf9 url('images/gradback.png') repeat-x;
		}
		
	#gradient-style tfoot tr td {
		background: #e8edff;
		font-size: 12px;
		color: #99c;
		}
		
	#gradient-style tbody tr:hover td{
		background: #d0dafd url('images/gradhover.png') repeat-x;
		color: #339;
	}
	
	#forgetArrow{
	padding: 10px 0 0 0;
	}

/*	-------------------------------------------------------------
	5. COLUMNS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#columnLeft ul {
		padding:0px;
		margin:0px;
		margin-left:5px;
		padding-left:10px;
		display:block;
		line-height:18px;
		border-left:2px dashed #83ccf2;
		}	
	#columnLeft li {
		list-style:none;
		}
	#columnLeft li a {
		color:#333;
		font-size:14px;
		text-decoration:none;
		}
	#columnLeft li a:hover {
		text-decoration:underline;
		}



/*	-------------------------------------------------------------
	6. PRODUCTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#prodImageHolder {
		background:#faf5d8;
		border:1px solid #ebdd97;
		text-align:center;
		width:158px;
		padding:5px;
		padding-top:15px;
		padding-bottom:10px;
		}
	#prodImageHolder #prodImage {
		border:1px solid #95948b;
		margin-bottom:10px;
		}
	#prodImageHolder #addBtn {
		background:url(images/addtobag.png);
		width:158px;
		height:40px;
		display:block;
		overflow:hidden;
		text-indent:-1000px;
		}
	#prodImageHolder #addBtn:hover {
		background:url(images/addtobag-over.png);
		}
	
	#prodPrice {
		text-align:center;
		width:170px;
		margin-top:15px;
		margin-bottom:15px;
		color:#000;
		font-weight:bold;
		font-size:17px;
		}
	#prodPrice .label {
		color:#5f9815;
		font-size:13px;
		}
	
	#prodDetails {
		background:#F0F0F0;
		border:1px solid #D9D9D9;
		text-align:center;
		width:158px;
		padding:5px;
		padding-top:15px;
		padding-bottom:10px;
		}
		
		
/*	-------------------------------------------------------------
	7. CLASSES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	h3.bookTitle {
		font-size:16px;
		}
	h3.bookTitle .arLogo-small {
		float:right;
		position:relative;
		top:-15px;
		}
	
	p.longDescription {
		line-height:18px;
		text-indent:15px;
		}
	.blueCaption {
		color:#0783c3;
		}
		
	.booksIncludedTitle {
		font-size:13px;
		color:#777;
		padding:0px;
		margin:0px;
		padding-top:10px;
		}
	.booksIncluded {
		color:#777;
		}
		
	.bookBlock {
		padding-top:12px;
		padding-bottom:12px;
		padding-right:10px;
		padding-left:10px;
		margin-bottom:15px;
		margin-top:10px;
		margin-left:5px;
		border:1px solid #DDD;
		clear:both;
		position:relative;
		line-height:18px;
		background-color: #FFFFFF;
		}
	.bBlock-image {
		}
	.bBlock-title {
		font-weight:bold;
		font-size:13px;
		}
	.bBlock-desc {
		color:#333;
		text-indent:15px;
		margin:0px;
		padding:0px;
		padding-top:3px;
		}
	.bBlock-arLogo {
		float:right;
		padding:3px;
		}
	
		
	.bList {
		padding-top:5px;
		}
	.bList-checker {
		}
	.bList-number {
		padding-left:2px;
		color:#777;
		}
	.bList-title {
		padding-left:7px;
		padding-top:4px;
		padding-bottom:4px;
		line-height:12px;
		}
	.bList-title .author {
		color:#999;font-size:10px;
		}
	.bList-points {
		padding-left:7px;
		color:#0783c3;
		}
	.bList-icon {
		z-index:5;
		}
	.bList-icon .iconHolder {
		width:16px;
		height:16px;
		position:relative;
		}
	.bList-icon .thumb {
		position:absolute;
		left:-123px;
		top:-48px;
		padding:5px;
		padding-right:13px;
		background:url(images/bookThumb_bg.gif) no-repeat;
		height:102px;
		width:102px;
		z-index:200;
		text-align:center;
		}
	.bList-icon .thumb img {
		border:1px solid #666;
		}
		
	.bList tr:hover {
		background:#faf5d8;
		}	
	.bList tr.over {
		background:#faf5d8;
		}	
	/*.bList tr:hover {
		background:#090909;
		faf5d8
		}
	.bList tr:hover .bList-number {
		color:#999999;
		}
	.bList tr:hover .bList-title {
		color:#FFF;
		}
	.bList tr:hover .bList-title .author {
		color:#999;
		}
	.bList tr:hover .bList-points {
		color:#0783c3;
	
		}*/
		
	.hrgrey{
	color:#E9E9E9;
	}
	
	.featureRow {
		background:#fbe5f7;
		border-top:2px solid #edcfe8;
		color:#777;
		line-height:13px;
		}
		
	.catRow {
		margin-bottom:5px;
		padding:10px;
		border:1px solid #FFF;
		}
	.catRow-on {
		margin-bottom:5px;
		background:#faf5d8;
		border:1px solid #ebdd97;
		padding:10px;
		}
	.extras {
		position:relative;
		overflow-y:scroll;
		overflow-x:hidden;
		opacity:0;
		-moz-opacity:0;
		filter:alpha(opacity=0);
		clear:both;
		}
		
	#loginBlock {
		width:122px;
		height:142px;
		padding:12px;
		padding-bottom:9px;
		top:-60px;
		position:relative;
		margin:0 auto;
		margin-bottom:-40px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login-bg.png',sizingMethod='crop');
		}
		
	.bestseller {
		position:relative;
		width:auto;
		float:right;
		margin-right:4px;
		margin-bottom:4px;
		z-index:200;
		}
	.bestseller .bscover {
		border:1px solid #AAA;
		}
	
	.mouseBack {
		padding-left:20px;
		padding-top:30px;
		padding-right:30px;
		padding-bottom:10px;
		width:220px;
		height:140px;
		position:absolute;
		left:-250px;
		top:60px;
		color:#000000;
		text-align:left;
		line-height:14px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mouseoverBack_white.png',sizingMethod='crop');
		}
		
	.mouseBack h5 {
		font-size:12px;
		font-weight:bolder;
		padding:0px;
		margin:0px;
		padding-bottom:7px;
		}
	.mouseBack p {
		font-size:11px;
		padding:0px;
		margin:0px;
		padding-bottom:8px;
		}
	.mouseBack .blueCaption {
		color:#6ebaf1;
		font-style:italic;
		font-weight:bold;
		}
	.mouseBack .arLogo {
		float:right;
		clear:none;
		position:relative;
		top:-14px;
		}
		
	.sideTitle {
		display:block;
		text-indent:-1000px;
		overflow:hidden;
		width:154px;
		height:25px;
		padding:0px;
		margin:0px;
		margin-bottom:4px;
		margin-left:2px;
		float:left;
		}