/**********************
PRM Book Microsite website by Halpern Cowan / Author: Becky Coyle & Friends
 COLORS
 all headings:#0f0f0f; link color:#00aedb; link/action/active:#b43169; headings/footer:#; mainNav:#6a6d72; subNav:#7b7c80; img border:#; dotted border:#c9cacc;
 **********************/

/**********************
 GLOBAL ELEMENTS 
 **********************/

* {font-size:100%; margin:0; padding:0;}
html, body {height:100%;}
body {
	background: #ccc8b8;
	color:#696454;
	font:80%/1.5 'Trebuchet MS', Arial, Helvetica, sans-serif;}
a, a:link {color:#e76b5c; text-decoration:underline;}
a:visited {color:#f47f71;}	
a:hover {color:#d94736}
#mainContent blockquote.featured {font-size:225%; color:#403e36; line-height:1.4; float:left; margin-bottom:0; width:340px}
#mainContent .col50 blockquote {font-size:110%; font-weight:bold; color:#403e36;}
cite {color:#938d76; clear:both; display:block; font-size:90%; margin:0 4px 2em 0;}
#mainContent cite.featured {clear:none; width:320px}
dl { display:block; margin:0 0 1em; overflow:visible;}
dt {color:#e76b5c; float:left; margin-right:5px;}
dd { clear:right;}
h1,h2,h3,h4,h5,h6 {
	color:#403e36; 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0; 
	padding:0;}
h1, h2 {letter-spacing:-0.02em;}
h1 {font-size:300%; font-weight:normal;  margin-bottom:0.5em;}
h2 {font-size:200%;}
#mainContent h2 {background:url('/images/graphics/full-divide.jpg') no-repeat 50% 100%; margin-bottom:20px;}
#mainContent h2.alt {background:none; margin-bottom:0;}
#mainContent .col50 h2 {background:url('/images/graphics/half-divide.jpg') no-repeat 50% 100%; margin-bottom:20px;}
#additionalContent h2 {font-size:150%; }
h3 {font-size:150%; margin:1em 0;}
h4 {font-size:125%; margin: 0.75em 0 0.25em 0;}
h5, h6 {font-size:100%; margin: 0.75em 0 0 0}
#sidebar h3 {font-size:120%; margin-bottom:0;}
#sidebar h4 {color:#696454; font-size:100%; margin:0;}
img, fieldset {border:none}
fieldset *, form * {vertical-align:top;}
fieldset {margin-bottom:1.5em;}
legend {display:none;}
p {margin:0 0 1em 0;}
p.alt {padding-right:25px;}
ul, ol, li {margin:0; padding:0;}
table{border:0; border-collapse:collapse;}
textarea {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}


/**********************
 GLOBAL STYLES 
 **********************/

.blogInfo {color:#e76b5c; font-size:90%;}
.clear {clear:both;}
.col25 {margin-bottom:2em; width:150px;}
.col33 {width:200px;}
.col50 {float:left; width:285px;}
.col66 {width:360px; margin-bottom:1.5em;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.floatNone {float:none;}
.hidden {left:-9000px; position:absolute;}
.imageLeft {float:left; margin:0 2em 1em 0;}
.imageRight {float:right; margin:0 0 2em 1em;}
.important {color:#000; font-weight:bold;}
.overflow {overflow:hidden;}

/*Icons*/
.action, .backToTop, .external, .download, .email, .arrowBack {background:url('/images/graphics/matrix.gif') no-repeat -15px 50%; padding-left:12px;}
a.action {background-color: #ea9f95; background-position:-15px -749px; color:#f3f2ec !important; padding-right:3px; text-decoration:none;}
a.action:hover {background-color:#e76b5c;}
.backToTop {background: url(/images/graphics/arrow.gif) 0 50% no-repeat; padding:1em 0 1em 12px}
.download {background-position:-15px -590px;}
.email {background-position:-15px 7px;}
#sidebar .download {background-position:-15px -592px;}
.external, a.actionExternal {background-position:100% -892px; padding:0 11px 0 0}
.arrowBack {background-position:-9px -1291px; padding-left:20px;}

/*Sections*/
.section, .sectionFirst, .sectionDivide {clear:both; height:1%; margin-top:30px; overflow:hidden; width:100%;}
.sectionFirst {margin-top:0; padding:0;}
.sectionDivide {border-top:1px solid #efeeeb; padding:30px 0 0 0;}
#sidebar .section {margin: 0 0 3em 0; padding-top:0;}

/* Lists */
#mainContent ul {margin-bottom:1em;}
#mainContent ul li {list-style-type:none; background:url('/images/graphics/matrix.gif') no-repeat -18px -142px; margin:0 0 0.25em 0; overflow:visible; padding-left:12px; }
#mainContent ol li { margin:0 0 0.25em 2em; padding-left:0; }
#mainContent ul, #maincontent ol {overflow:hidden;}
ul.alt li {background:none; padding-left:0;}
ul.actionLinks li {background: none !important; padding-left:0 !important;}
ul.twoCol li {float:left; width:43%;}


/**********************
 CONTENT 
 **********************/
#wrapperContainer {margin:0 auto; min-height:100%; overflow:hidden; position:relative; width:955px;}
#wrapper {background:url('/images/backgrounds/main-content-bottom-bg.png') no-repeat 0 100%; margin-bottom:70px; overflow:hidden;  padding-bottom:45px}
#contentWrapper {background: url('/images/backgrounds/main-content-bg.png') 0 0 no-repeat; clear:both; overflow:hidden; padding:0 0 0 79px; width:876px;}
#mainContent {float:left; padding:40px 0 0 12px; position:relative; width:590px}

/* Header */
#header {position:relative; width:955px;}
#logo {float:left; margin-bottom:20px; position:relative;} 
#buyFromAmazon {float:right; margin-right:30px; }
img#bookImage {float:right; margin-left:2em;}


/* Sidebar */
#sidebar {float:right; font-size:90%; margin:0 12px 0 0; padding:50px 24px 10px 24px; width:182px;}
#sidebar ul {margin-top:1.5em;}
#sidebar .repServicesDetails {font-size:90%}
#sidebar .button {margin-top:0.5em;}
#sidebar img#bookImage {float:right; margin:0;}



/* Googlemap */
#googleMap {width:285px; height:200px}

/* Sitemap */
ul#sitemap li, #mainContent ul#sitemap li.first	 {
	background:url('/images/graphics/arrow.gif') no-repeat 0 6px !important; 
	list-style-type:none;
	margin: 0 0 0.75em 1em !important;}
#mainContent ul#sitemap li.first {padding-left:10px !important; margin-left:0 !important;}
ul#sitemap li ul {margin: 1em 0 1.25em 0}
ul#sitemap li ul li a {}
ul#sitemap li a {font-weight:bold;}



/* Blog */
#mainContent .blogSection {border-top:1px solid #efeeeb; padding:20px 25px 0 0; margin-top:20px;}
#mainContent .blogSection.first {border:none; padding:0 25px 0 0;}
#mainContent .blogSection h2  {background:none; font-size:150%; margin-bottom:0;}

/* Pager */
#pagination {background:url('/images/graphics/full-divide.jpg') no-repeat 50% 0; margin-top:25px; padding-top:25px;}
#pagination div {background:none; margin:0; padding:0;}
#pagination div#pages {float:left; margin-left:20px; text-align:center; width:458px}
#pagination div#pages div {display:inline; padding:0 5px;}

/* vcard */
.vcard {visibility:hidden; top:0; left:0; position:absolute;}

/**********************
 NAVIGATION 
 **********************/

/* Skip Links */
ul#skipLinks {margin:0; padding:0; height:1px; left:0px; top:-500px; position:absolute;}
#skipLinks a, #skipLinks a:hover, #skipLinks a:visited{height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;} /* hide skip link */
#skipLinks a:active, #skipLinks a:focus{color:#000; font-weight:bold; font-size:120%; height:auto; position:static; width:auto;} /* make visible when tabbed to */


#navigation {background:url('/images/graphics/navigation-divide.png') no-repeat 0 100%; display:block; float:left; margin-top:36px; height:45px; position:relative; width:853px;}

/* Main nav */
ul#mainNav {
	clear:both;
	float:none;
	margin-left:-10px;
	overflow:hidden; 
	position:relative;
	z-index:1;}
ul#mainNav li {background: url('/images/graphics/nav-matrix.gif') no-repeat 0 0; float:left; height:33px; overflow:hidden; position:relative;}
ul#mainNav li a span, ul#mainNav li a.active span {display:block; left:0; height:33px; position:absolute; top:0; z-index:200;}
ul#mainNav li.home {width:77px}
ul#mainNav li.aboutBook {width:162px}
ul#mainNav li.authors {width:103px}
ul#mainNav li.reviews {width:104px}
ul#mainNav li.blog {width:128px}
ul#mainNav li.media {width:90px}
ul#mainNav li.contact {width:126px}
ul#mainNav li.repServices {width:163px}

ul#mainNav li.home a span, 
ul#mainNav li.aboutBook a span, 
ul#mainNav li.authors a span, 
ul#mainNav li.repServices a span,
ul#mainNav li.media a span , 
ul#mainNav li.reviews a span, 
ul#mainNav li.blog a span,
ul#mainNav li.contact a span {background:transparent url('/images/graphics/nav-matrix.gif') no-repeat 0 0; cursor: pointer;}

ul#mainNav li.home a span {background-position: 0 0; width:77px;}
ul#mainNav li.aboutBook a span { background-position: -87px 0; width:162px}
ul#mainNav li.authors a span { background-position: -259px 0; width:103px}
ul#mainNav li.reviews a span { background-position: -362px 0; width:104px}
ul#mainNav li.blog a span { background-position: -872px 0; width:128px}
ul#mainNav li.media a span { background-position: -445px 0; width:190px}
ul#mainNav li.contact a span { background-position: -555px 0; width:126px}
ul#mainNav li.repServices a span { background-position: -681px 0; width:163px}

ul#mainNav li.home a:hover span {background-position: 0 -33px;}
ul#mainNav li.aboutBook a:hover span{ background-position: -87px -33px;}
ul#mainNav li.authors a:hover span { background-position: -259px -33px;}
ul#mainNav li.reviews a:hover span { background-position: -362px -33px;}
ul#mainNav li.media a:hover span { background-position: -445px -33px;}
ul#mainNav li.blog a:hover span { background-position: -872px -33px;}
ul#mainNav li.contact a:hover span { background-position: -555px -33px;}
ul#mainNav li.repServices a:hover span { background-position: -681px -33px;}

ul#mainNav li.home a.active span {background-position: 0 -66px;}
ul#mainNav li.aboutBook a.active span{ background-position: -87px -66px;}
ul#mainNav li.authors a.active span { background-position: -259px -66px;}
ul#mainNav li.reviews a.active span { background-position: -362px -66px;}
ul#mainNav li.blog a.active span { background-position: -872px -66px;}
ul#mainNav li.media a.active span { background-position: -445px -66px;}
ul#mainNav li.contact a.active span { background-position: -555px -66px;}
ul#mainNav li.repServices a.active span { background-position: -681px -66px;}

ul#mainNav a {color:#545144; font-weight:bold; text-decoration:none;}
ul#mainNav a:hover {color:#e76b5c}
ul#mainNav li.active {color:#cbc6ab; }

/**********************
 FORMS
 *********************/

/* Errors */
ul.error {color:#cf142b; list-style-type:none !important; padding-left:0 !important;}
.error input,
.error select,
.error textarea {border-color:#cf142b !important;}
.error label {color:#cf142b;}
em.error, p.error {color:#cf142b; display:block; font-size:90%;}

/* General */ 
.form label {float:left; margin-top:-6px; padding:0.75em 0 0 0; position:relative; width:150px;}
.form input,
.form select,
.form textarea,
.form .textField {border:1px solid #a5a192; color:#9545144; padding:3px; width:230px;}
.form select {width:150px;}
.form input.button, input.button, a.button {border:0; cursor:pointer; height:31px; padding:0; width:60px;}
p.required  {font-size:90%;}
p.required span.important {color:#e76b5c}
.form div {clear:both; margin-bottom:0.75em; overflow:hidden;} 
.form input.checkbox {border:0;}

div.optIn {font-size:90%; margin-left:148px; width:250px}
div.optIn label {padding-left:20px; width:240px;}
div.optIn input {width:15px; margin:0 5px 0 -18px;}

div.formFoot {height:1%; margin-top:2em; overflow:hidden; width:388px;}

/* Contact us form */ 
form#contactUsForm {margin-top:2em;}


/* Order form */
input#next, input#submit {border:0; float:right; padding:0;}
input#next {height:25px; width:46px;  }
input#submit {height:31px; width:60px;}

#bookOrderForm p span {float:left; font-size:90%; margin-top:4px;}

form#newKeyForm {margin-top:1.5em;}

/**********************
 FOOTER 
 *********************/
#footer {background:#938d76; clear:both; color:#cbc6ab; line-height:1em; margin-top:-45px; overflow:hidden; padding:15px 0 0 0; position:relative; height:30px}
#footer div {margin:0 auto; padding:0 0 10px 18px; width:928px;}
#footer p {margin-bottom:0;}
#footer li {list-style-type:none; }
#footer div div.floatLeft {width:70%}
#footer div div.floatLeft p {margin-right:20px}
#footer div div.floatLeft ul li{display:inline; background:url('/images/graphics/matrix.gif') 100% -1038px no-repeat; padding-right:14px;}
#footer div div.floatLeft ul li.external {background-position:100% -292px !important; padding:0 12px 0 0 !important;}
#footer div div.floatLeft ul li a{color:#f3f2ec; text-decoration:none;}
#footer div div.floatLeft ul li a:hover{color:#fff; text-decoration:underline;}
#footer div div#socialIcons {float:right; margin:0; padding-left:0; width:174px;}
#footer div div#socialIcons p {margin-right:10px;}
#footer div div#socialIcons ul li{display:inline; padding-right:6px;}


/**********************
 TABLES 
 *********************/
.table {border:1px solid #a5a192; border-collapse:separate; border-spacing:0; padding:10px; margin:1em 0 1em 0; position:relative; width:100%;}
.table tr {background:none;}
.table tr.alt {background-color:#EFEEEB;}
.table tr th {font-weight:bold; text-align: left; width:25%;}
.table tr th, .table tr td {border-bottom:1px solid #EEEEEE; padding:5px; vertical-align:middle;}
.table tbody tr td {font-size:85%; text-align:center;}
.table td[scope] {color:#000; font-weight:bold; text-align:center;}
.table thead td {text-align:center;}
.table tr.last th, .table tr.last td {border-bottom:0;}


/**********************
 SIFR 
 **********************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

.sIFR-hasFlash #sidebar h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 16px;
}

.sIFR-hasFlash blockquote.featured {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 20px;
}