/* JEREMY CLARKSON CSS - JANUARY 20TH 2010 - BEN */

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #999999;
	background-color: #DACCB6;
	background-image: url('/static/cs/uk/0/minisites/jeremyclarkson/images/top.jpg');
	background-repeat: repeat-x;
}

#topcontainer {
	margin: auto;
	margin-top: 57px;
	padding: 0;
	text-align: left;
	width: 1000px;
}

img {  
	border-style: none;
}

/* NAVIGATION CSS STARTS HERE */

#navigation {
	float: left;
	width: 983px;
	height: auto;
	padding: 0;
	margin: 0;
	margin-top: -57px;
}

#navigation_image {
	float: left;
	width: 983px;
	height: 239px;
	padding: 0;
	margin: 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/jc_top.jpg');
	background-repeat:no-repeat;
}

#navigation_image p.nav {
	width: 600px;
	padding: 0;
	margin: 65px 0 0 0;	
	font-size: 25px;
	line-height: 29px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #464646;
}

a.navlink:link, a.navlink:active, a.navlink:visited {
	color: #464646;
	font-size: 25px;
	line-height: 29px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	text-decoration: none;
} 

a.navlink:hover {
	color : #666666;
	font-size: 25px;
	line-height: 26px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	text-decoration: none;
}

a.navlink1:link, a.navlink1:active, a.navlink1:visited {
	color: #666666;
	font-size: 25px;
	line-height: 29px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	text-decoration: none;
} 

a.navlink1:hover {
	color : #464646;
	font-size: 25px;
	line-height: 29px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	text-decoration: none;
}

#navigation_intro {
	float: left;
	width: 983px;
	height: 194px;
	padding: 0;
	margin: 0 0 20px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/jc_bottom.jpg');
	background-repeat:no-repeat;
}

#navigation_intro p.intro {
	width: 550px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #555555;
}

/* BOOK PANEL EXTRACTS CSS STARTS HERE */

#first {
	float: left;
	width: 762px;
	height: auto;
	padding: 0;
	margin: 0;
	#margin: 20px 0 0 0;
	_margin: 20px 0 0 0;
}

#extract_one {
	float: left;
	width: 762px;
	height: 560px;
	padding: 0;
	#padding: 0 0 45px 0;
	_padding: 0 0 45px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_two {
	float: left;
	width: 762px;
	height: 490px;
	padding: 0;
	#padding: 0 0 60px 0;
	_padding: 0 0 60px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom2.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_three {
	float: left;
	width: 762px;
	height: 510px;
	padding: 0;
	#padding: 0 0 100px 0;
	_padding: 0 0 100px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_four {
	float: left;
	width: 762px;
	height: 580px;
	padding: 0;
	#padding: 0 0 100px 0;
	_padding: 0 0 100px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom2.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_five {
	float: left;
	width: 762px;
	height: 605px;
	padding: 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom3.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_six {
	float: left;
	width: 762px;
	height: 605px;
	padding: 0;
	#padding: 0 0 100px 0;
	_padding: 0 0 100px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom2.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_seven {
	float: left;
	width: 762px;
	height: 605px;
	padding: 0;
	#padding: 0 0 60px 0;
	_padding: 0 0 60px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom3.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_eight {
	float: left;
	width: 762px;
	height: 535px;
	padding: 0;
	#padding: 0 0 120px 0;
	_padding: 0 0 120px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

#extract_nine {
	float: left;
	width: 762px;
	height: 605px;
	padding: 0;
	#padding: 0 0 55px 0;
	_padding: 0 0 55px 0;
	margin: 0 0 10px 0;
	background-image:url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/tyre_bottom3.jpg');
	background-repeat:no-repeat;
	background-position:bottom center; 
}

/* BOOK PANEL CSS STARTS HERE */

#main-book-panel {
	float: left;
	width: 484px;
	height: auto;
	padding: 0;
	margin: 0;
}

#book-panel-top {
	width: 484px;
	height: 8px;
	padding: 0;
	margin: 0;
}

#book-panel {
	width: 484px;
	height: auto;
	padding: 0;
	margin: 0;		
	background-image: url('/static/cs/uk/0/minisites/jeremyclarkson/images/book-panel/middle.gif');
	background-repeat: repeat-y;
}

h1 {
	width: 460px;
	padding: 0 4px 0 15px;
	margin: 0;
	font-weight: normal;
	font-size: 25px;
	line-height: 24px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #464646;
}

.authorname {
	font-size: 17px;
	line-height: 17px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #777777;
}

#book-jacket .bookjacket {
	width: 100px;
	height: 152px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#book-jacket .bookjacket {
	width: 100px;
	height: 152px;
	border: 1px solid #CCCCCC;
}

#book-quote {
	width: 312px;
	height: auto;
	float: left;
	margin: 10px 0 0 20px;
	padding: 0;
}

#book-quote p.quote {
	width: 305px;
	padding:  0;
	margin: 5px 0 0 0;
	font-size: 25px;
	line-height: 30px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #464646;
}

#book-quote p.extract {
	float: left;
	margin: 20px 0 30px 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #555555;
}

#book-panel-read-more {
	clear: both;
	margin: 25px 0 0 0;
	padding: 0;
}

#book-panel-read-more hr.dotted {
	clear: both;
	border: none 0;
	border-top: 1px dotted #CCCCCC; /*the border*/
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	display: block;
	width: 450px;
	margin: 10px 0 1px 15px;	
	#margin: 3px 0 1px 15px;	
	_margin: 3px 0 1px 15px;
	padding: 0;
}

h2 {
	_margin: 8px 0 0 15px;
	#margin: 8px 0 0 15px;
	margin: 8px 0 10px 15px;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #555555;
}

a.bodylink:link, a.bodylink:active, a.bodylink:visited {
	color: #464646;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	font-size: 16px;
	line-height: 18px;
	font-style:italic;
	text-decoration: underline;
} 

a.bodylink:hover {
	color : #374814;
	font-size: 16px;
	line-height: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	font-style:italic;
	text-decoration: underline;
} 

#book-panel-bottom {
	width: 484px;
	height: 8px;
	padding: 0;
	margin: -10px 0 0 0;
	#margin: -4px 0 0 0;
	_margin: -4px 0 0 0;
}

/* RIGHT NAV CSS STARTS HERE */

#right-column {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 208px;
	height: auto;
}

#right-nav {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 208px;
	height: auto;
}

#quotes-panel {
	width: 208px;
	height: auto;
	padding: 0;
	margin: 0 0 175px 0;
	#margin: 20px 0 20px 0;
	_margin: 20px 0 20px 0;
	background-image: url('/static/cs/uk/0/minisites/jeremyclarkson/images/quotes-panel/middle.gif');
	background-repeat: repeat-y;
}

#rotate {
	float: left;
	width: 208px;
	height: 153px;
	padding: 0;
	margin: 0;	
}

#interview-panel {
	width: 208px;
	height: auto;
	padding: 0;
	margin: 0;		
	background-image: url('/static/cs/uk/0/minisites/jeremyclarkson/images/interview-panel/middle.gif');
	background-repeat: repeat-y;
}

#interview-panel-bottom {
	width: 208px;
	height: 20px;
	padding: 0;
	margin: 0;
}

#interview-panel p.intro {
	width: 190px;
	padding: 7px 4px 10px 10px;
	#padding: 0 4px 0 10px;
	_padding: 0 4px 0 10px;
	margin: 0;	
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica;
	color: #2f2f2f;
}

hr.greyline {
	clear: both;
	border: none 0;
	border-top: 1px solid #CCCCCC; /*the border*/
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	display: block;
	width: 188px;
	margin: 3px 0 0 10px;	
	padding: 0;
}

hr.greyline1 {
	clear: both;
	border: none 0;
	border-top: 1px dotted #CCCCCC; /*the border*/
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	display: block;
	width: 188px;
	margin: 7px 0 1px 10px;	
	#margin: 3px 0 1px 10px;	
	_margin: 3px 0 1px 10px;	
	padding: 0;
}

#interview-panel p.indent {
	width: 190px;
	padding: 7px 4px 0 10px;
	#padding: 0 4px 0 10px;
	_padding: 0 4px 0 10px;
	margin: 0;	
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica;
	color: #2f2f2f;
}

img.floatLeft { 
    float: left; 
    margin: 0 5px 0 0; 
}

/* SMALL QUOTES PANEL CSS STARTS HERE */

#main-book-panel-quotes {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 258px;
	height: auto;
}

#small-quotes-top {
	width: 258px;
	height: 35px;
	padding: 0;
	margin: 0;
}

#small-quotes {
	width: 258px;
	height: auto;
	padding: 0;
	margin: -20px 0 0 0;
	_margin: 0;	
	#margin: 0;
	background-image: url('/static/cs/uk/0/minisites/jeremyclarkson/images/small-quotes/middle.gif');
	background-repeat: repeat-y;
}

#small-quotes p.quote {
	width: 200px;
	padding: 20px 4px 0 15px;
	margin: 20px 0 0 0;
	font-size: 25px;
	line-height: 30px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #464646;
}

#book-quote1 p.extract1 {
	width: 220px;
	float: left;
	margin: 20px 0 15px 15px;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #555555;
}

#small-quotes-read-more {
	clear: both;
	margin: 25px 0 0 0;
	padding: 0;
}

#small-quotes-bottom {
	width: 258px;
	height: 8px;
	padding: 0;
	margin: 0;
	#margin: -4px 0 0 0;
	_margin: -4px 0 0 0;
}

#small-quotes-read-more p.read-extract {
	_margin: 8px 0 0 15px;
	#margin: 8px 0 0 15px;
	margin: 8px 0 0 15px;
	padding: 0 0 10px 0;
	font-size: 16px;
	line-height: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Helvetica;
	color: #555555;
}

.topquote {
	position: absolute;
	z-index: 2;
}

.jc {
	position: absolute;
	z-index: 2;
	margin: -50px 0 0 190px;
}

.jc_2 {
	position: absolute;
	z-index: 2;
	margin: -70px 0 0 190px;
}

.jc_3 {
	position: absolute;
	z-index: 2;
	margin: 0px 0 0 190px;
}

.jc_4 {
	position: absolute;
	z-index: 2;
	margin: -120px 0 0 190px;
}

/* FOOTER */

hr.footerline {
	clear: both;
	border: none 0;
	border-top: 1px dashed #666666; /*the border*/
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	display: block;
	width: 966px;
	margin: -10px 0 10px 0;	
	padding: 0;
}

#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	width: 966px;
	height: 140px;
}

p.footer3 {
	text-align: left;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	float: left;
	margin: 2px 0 0 0; 
	_margin: -4px 0 0 0;	/*IE6 */
	#margin: -4px 0 0 0;	/*IE7 */
	padding: 0;
}

#penguinlogo_holder {
	float: left;
	width: 30px;
	height: 38px;
	margin: 2px 0 0 0; 
	_margin: -4px 0 0 0;	/*IE6 */
	#margin: -4px 0 0 0;	/*IE7 */
	padding: 0;
}

a.footer4:link, a.footer4:active, a.footer4:visited {
	text-align: left;
 	font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 10px;
	line-height: 12px;
	color: #464646;
	text-decoration: none;
}

a.footer4:hover {
	text-align: left;
	font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 10px;
	line-height: 12px;
	color: #374814;
	text-decoration: none;	
}

/* BACK TO TOP CSS */

#backtotop {
	height: 27px;
	width: 116px;
	border: 1px dotted #666666; /*the border*/
	clear: both;
	margin: 0;
	padding: 0;
}