/* GENERAL STYLES */

body {
	width : 100%;
	/* font-family: "Book Antiqua", Chicago, Tahoma, Arial, sans-serif; */
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	background-color: #000000;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
}

h1,h2,h3,h4, a {
	font-weight: bold;
	color: #CC3300;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4, a.nav {
	display: block;
}

a.nav {
	padding-bottom: 10px;
}



h2,h3,h4, p#copyright { /*	font-family: Arial, sans-serif; */ font-family: Verdana, Arial, sans-serif; }
h1 {font-size: 14pt; }
h2 {font-size: 12pt; padding-top: 10px; padding-bottom: 5px;}
h3, h4 {font-size: 9pt; padding-top: 3px; padding-bottom: 3px;}
h4 {font-style: italic; padding-top: 0px; padding-bottom: 0px;}

img { border: none; }

p { text-align: left; padding: 5px 0px 5px 0px; margin:0px; }

p#copyright, p#contact {
	padding-top:18px;
	clear: both;
	text-align: right;
	font-size: 8pt;
}

#confirmation dt, th {
	font-weight: bold;
	color: #CC3300;
	margin: 0px;
	padding: 0px;
}


#confirmation dd {
	margin: 0px;
	padding: 10px 0px;
}


td.currency, td.numeric,  {
	text-align: right;
}

th {
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}

td {
	padding-bottom: 5px;
	padding-left: 5px;
}

pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
a span.linkinfo{
	text-align: left;
	display: block;
	font-color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
}

img.header { padding-bottom: 20px; }

span.title {
	font-style:italic; 
	font-weight: bolder;
}

#title img { padding: 10px 0px; }

#main {
	width: 820px;
	background: #FFFFFF url(../gfx/sidebar.jpg) repeat-y right top;
	display: block;
}

#publisherlogo {
	clear: right;
	display: block;
	float: right;
}

#contentpane {
	width: 660px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 30px;
	padding-right: 30px;
	margin-right: 100px;
	text-align: left;
}

#footer {
	height: 33px;
	padding-top: 10px;
	background: url(../gfx/saatchi_logo.gif) no-repeat right bottom;
	display: block;
	clear: both;
}

#footer h1{ display: none; }

/* HOMEPAGE STYLES */

.shortbookinfo {
	float: left;
	width: 198px;
	height: 480px;
	margin-right: 18px;
}

.shortbookinfo#right { margin-right: 0px; }

.shortbookinfo .bookcover {
	width: 140px;
	padding-right: 12px;
	padding-top: 5px;
}

.shortbookinfo .bookcover img { padding: 0px 0px 18px;}

.shortbookinfo .bookcopy {
	padding: 0px;
	margin: 0px;
	display: block;
	width: 198px;
	float: right;
}


/* BOOK PAGE STYLES */

.longbookinfo .bookcover {
	display: block;
	float: left;
	width: 200px;
	padding-right: 20px;
}

.longbookinfo .bookcover img { padding: 12px 0px 20px; }

.longbookinfo .bookcopy {
	display: block;
	width: 420px;
	float: right;
}

/* FORM PAGE STYLES */

#orderform {
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
}

fieldset, dl, #orderdetails, table {
	width: 300px;
	float: left;
	border: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}



#yourdetails #orderdetails{
	margin-right: 30px;
}

#contactdetails{
	float:right;
}

.submitform  {
	clear: both;
	display: block;
	float: right;
	text-align: right;
}

.submitform input {
	width: auto;
}


label{
	margin-top: 5px;
	display: block;
	font-weight: bold;
}

input, textarea, select{
	width: 300px;
	margin-top: 5px;
	margin-bottom: 5px;
}

input.quantity, select.quantity {
	width: 50px;
	margin-bottom: 0px;
}


textarea{
	height: 100px;
}

span.error {
	color: red;
	display: block;
	font-weight: bold;
}

.orderitemdetail  {
	padding-top: 10px;
	display: block;
	height: 71px;
}

.orderitemdetail img {
	float: left;
	padding-right: 10px;
}

#furtherinfo {
	padding:10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px dotted #CC3300;
	width: auto;
	float: right;
}


#furtherinfo a {
	display: block;
}


#furtherinfo h2 {
}


