﻿* {
    margin:0px;
    padding:0px;
    font-size:100%;
}

body {
    color:#000;
	background-color:#9b9a95;
    text-align: center;
    font:70%/140% Verdana,Helvetica,sans-serif;
}

a
{
	color:#000;}
ul {
	list-style: none;
}	
.clearFix
{
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;}

#wrapper
{
	background-color:#fff;
	width:771px;
	position:relative;
	color:#333;
	margin:0 auto;
	padding:0px;
	text-align:left;
	}
	
	#header
	{
		width:771px;
		padding-top:20px;
		padding-bottom:20px;
		position:relative;
		float:left;
		font-size:95%;
		}
		
		#header h1 a
		{
			background:#fff url('../images/phaidon_logo.gif') no-repeat top left;
			width:224px;
			height:64px;
			position:relative;
			float:left;
			margin-top:-20px;
			padding:0px;
			text-indent:-9999em;
			outline:none;
			}
		
		p#intro,
		#header ul
		{
			padding-left:312px;
			font-size:95%;
			font-weight:normal;
			}
		#header ul li
		{
			
			display:inline;
			padding-right:5px;
			}	
			
			
		#header ul li#selecta
		{
			position:absolute;
			top:35px;
			right:25px;
			text-align:left;
			}
			li#selecta select
			{
				width:80px;
				border:1px solid #93928c;
				background-color:#fff;
				padding:0px;
				margin:0px;
				}
				
				
				
		#header h2
		{
			background-color:#93928c;
			color:#fff;
			margin:15px 0 0 0;
			padding:5px 5px 5px 10px ;
			}
		.forthTitles
		{
			
			/*width:310px;*/
			width:460px;
			position:relative;
			float:left;
			padding:0px;
			margin:18px 0 0 210px;
			text-align:left;
			_margin-left:105px;
			}
			
			
			
/*==================footer================*/
#footer 
{
	width:771px;
    float:left;
    clear:both;
    padding:14px 0px 50px 0px;
    margin:0px;
    border-top:1px solid #c3c7c8;
    background-color:#fff;
    font-size:95%;
}

#footer ul 
{
	width:771px;
	background-color: #ECECEA;
	margin:0px;
    padding: 5px 0;
    list-style: none;
    position:relative;
    float:left;
    
}

#footer li 
{
	
    float:left;
    display:inline;
    border-left: 1px solid #647477;
    padding:0 6px;
    margin:2px 0;
    margin:0px;
}


#footer li a {
    text-decoration: none;
    white-space: nowrap;
}

#footer li a:link {
    color: #647477;
}

#footer li a:hover {
    text-decoration: underline;
}

#footer li a:visited {
    color: #647477;
}

/*==================main container================*/

#mainContent
{
	width:771px;
	position:relative;
	float:left;
	border-top:1px solid #c3c7c8;
	padding:15px 0px 15px 0px;
	margin:0px;}
	
	#mainContent h2
	{
		background-color:#ccc;
		color:#666;
		margin-bottom:2px;
		padding:5px 0px 5px 8px;
		}
	.leftCol
	{
		width:141px;
		float:left;
		position:relative;
		}
		.leftCol h3
		{
			width:133px;
			padding:15px 0 4px 8px;
			margin:0 0 13px 0;
			border-bottom:1px solid #ccc;
			position:relative;
			float:left;
			}
			.downloads
			{
				
				position:relative;
				float:left;
				padding:0px 0 0px 8px;}
				
				.downloads p
				{	
					background:#fff url('../images/pdfIcon.gif') no-repeat 20% 10%;
					float:left;
					padding:40px 0 0px 15px;}
			
	.rightColOrder,		
	.rightCol
	{
		width:562px;
		float:right;
		position:relative;
		}	
		
		span.showTitle
		{
			
			padding:0px;
			margin:0px;
			cursor: pointer;
			width:300px;
			position:relative;
			float:left;
			color:#666666;
			text-decoration:none;
			display:inline;
			}
		/*h2 a.showTitle.hideTitle
		{
			
			padding:0px;
			margin:0px;
			cursor: pointer;
			width:300px;
			position:relative;
			float:left;
			color:red;
			}
			span.showTitle.hideTitle
			{
				display: none;
				padding:0px;
				margin:0px;
				cursor: pointer;
				width:300px;
				position:relative;
				float:left;
				color:#666666;
				text-decoration:none;
			}*/	
		h2.showall
		{
			background:#ccc url(../images/arrows2.gif) no-repeat 100% -1px;
			padding:5px 10px;
			margin-bottom:0px;
			cursor: pointer;
			width:554px;
			height:15px;
			position:relative;
			float:left;
		}

		h2.showall.clicked
		{
			background:#ccc url('../images/arrows2.gif') no-repeat 100% -30px;
			padding:5px 10px;
			margin-bottom:0px;
			cursor: pointer;
			width:554px;
			position:relative;
			float:left;
		}

		.rightCol h3 {
		background:#ccc url('../images/arrows.gif') no-repeat 100% -1px;
		width:542px;
		position:relative;
		float:left;
		color:#fff;
		padding:5px 10px;
		margin-bottom:2px;
		cursor: pointer;
		
		}
		.rightCol h3 span
		{
			color:#fff;
			position:absolute;
			top:5px;
			left:353px;
			text-align:left;
			font-size:99%;
			font-weight:normal;}
			
		.rightCol h3.active{
			background:#ccc url('../images/arrows.gif') no-repeat 100% -32px;
			width:542px;
			position:relative;
			float:left;	
			color:#fff;
			padding:5px 10px;
			margin-bottom:2px;
			cursor: pointer;
		}
		.seasonBlock
		{
			width:562px;
			margin-bottom:10px;
			position:relative; 
			float:left;
			padding:0px;
			background-color:#fff;
			text-align:left;
			display:block;
			clear:left;
			}	
		
		.content {
			width:562px;
			margin:0px;
			padding:0 0 10px 0px;
			overflow:hidden;
			background-color:#fff;
			position:relative;
			float:left;
			clear:left;
			display:inline;
		}
	
		.content img
		{
			width:102px;
			position:relative;
			float:left;
			padding-top:20px;
			margin:0px;
			clear:left;
			}
		div.bookTitle
		{
			
			width:430px;
			position:relative;
			float:left;
			margin-top:25px;
			padding:0px 0 0 5px;
			font-size:89%;
			line-height:1.5em;
			}
			div.bookTitle h4
			{
				font-size:1.1em;
				font-weight:bold;
				line-height:1.1em;
				padding:0px 0 5px 0;
				margin:0px;}
			div.bookTitle p
			{
				padding:0px;
				margin:0px;}	
			
			
		div.bookDesc
		{
			width:460px;
			background-color:#fff;
			position:relative;
			float:left; 
			padding:10px 0 10px 0px;
			margin:0px;
			border-bottom:1px solid #c3c7c8;
			font-size:80%;
			line-height:1.5em;
			}
			div.bookDesc div.price
			{
				width:80px; 
				padding:0px;}
				
			div.bookDesc div.bookDet p
			{ padding-left:15px;}
		div.bookDesc div
		{
			width:110px;
			min-height:80px;
			height:auto !important;
			height:80px;
			display:block;
			float:left;
			padding-left:4px;
			padding-right:10px;
			margin:0px;
			position:relative;}	
			
		p.backTop a
		{
			width:100px;
			font-size:89%;
			margin-top:-14px;
			padding:0px;
			position:relative;
			float:left;
			
			/*
			clear:right;*/
			}
			/*
			* html body p.backTop a
			{
				clear:right;}*/
		.bookDesc p.tleDnld
		{
			
			height:30px;
			width:446px;
			position:relative;
			float:left;
			margin-top:10px;
			padding:10px 0 0 5px;
			font-size:1.2em;
			text-decoration:underline;
			
			}	
	
#mainContent #howToOrder
{
	margin:0px;
	padding:0px;
	font-size:80%;
	line-height:1.5em;
	}
	
	#howToOrder h3
	{
		font-size:1.6em;
		line-height:1.2em;
		margin:0px;
		padding:18px 0px 10px 0px;
		color:#272425;
		}
		
	#howToOrder h4
	{
		font-size:1.2em;
		margin:15px 0 0 0px;
		padding:5px 0px 10px 0px;
		border-top:1px solid #666;
		width:160px;
		color:#272425;
		}	
		
		#howToOrder h4 a
		{
			text-decoration:none;
			border-top:none;}
		
		#howToOrder .column
		{
			width:175px;
			display:block;
			float:left;
			padding:0px;
			margin-right:10px;
			position:relative;
			
		}
		
			
