/* CSS Document */
* { margin:0; padding:0;}

html, body {
height:100%; width:100%;
margin:0; padding:0;
}

#container {
position:relative;
margin:0 auto; padding:0;
width:960px; min-height:100%;
background:#FFFFFF url(../images/JC_Header.jpg) top center no-repeat;
}

* html #container {
height:100%;
}

#orderBox {
position:relative;
left:500px; top:30px;
margin:0; padding:5px;
width:160px; height:110px;
background:transparent url(../images/StripeBgd_Pattern.gif) top left repeat;
border-right:1px solid #99a1a4;
border-left:1px solid #99a1a4;
}

#mainCol {
float:left;
width:687px; height:100%;
margin:0; padding:0;
}

#mainCol_content {
position:relative;
left:40px; top:72px;
margin:0; padding-bottom:20px;
width:635px; height:100%;
}

#mainCol_spacer {
height:100px;
}

#sideCol {
float:left;
width:230px; height:100%;
margin:30px 0 0 18px; padding:0;
background:transparent url(../images/StripeBgd_Pattern.gif) top left repeat;
}

#footer {
float:left;
width:960px; height:49px;
background:#FFFFFF url(../images/JC_Footer.jpg) top left no-repeat;
}

#sideCol_opacity {
width:230px; height:100%;
margin:0 0 0 18px; padding:0;
background:transparent url(../images/StripeBgd_Pattern.gif) top left repeat;
}

#bookcover {
width:230px;
margin:0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

#bookcover img {
border:0;
}

.clear {
clear:both;
}

img.floatLeft {
float:left;
margin:0 10px; padding:2px;
border:1px solid #CCC;
}

img.floatRight {
float:right;
margin:0 10px; padding:2px;
border:1px solid #CCC;
}

.captionLeft {
float:left;
margin:0 10px 10px 10px; 
font:normal 10px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#868687;
}

.captionLeft img {
margin-bottom:5px; padding:2px;
border:1px solid #CCC;
}

.captionRight {
float:right;
margin:0 10px 10px 10px; 
font:normal 10px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#868687;
}

.captionRight img {
margin-bottom:5px; padding:2px;
border:1px solid #CCC;
}

.captionCenter {
margin:10px auto; 
font:normal 10px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#868687;
}

.captionCenter img {
margin-bottom:5px; padding:2px;
border:1px solid #CCC;
}


/*--------- Global Font Styling Begins ----------*/

h1, .h1 {
font:normal 16px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#F79153;
font-weight:bold;
margin:0; padding:10px 0;
}

h2, .h2 {
font:normal 15px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#AFD5D2;
font-weight:bold;
margin:0; padding:10px 0;
}

h3, .h3 {
font:normal 13px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#0F0704;
font-weight:bold;
}

h4, .h4 {
font:normal 10px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#868687;
margin:0; padding:5px 0;
}

h5, .h5 {
font:normal 0.95em/1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#a4a4a4;
margin:0; padding-bottom:15px;
}

p, ul, .p {
font:normal 0.75em/1.6em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#4d4d4d;
margin-bottom:10px; padding:0;
}

li {
margin:0 0 5px 20px; padding:0;
}

a, a:visited {
color:#F79153;
text-decoration:none;
}

a:hover { color:#AFD5D2; }

a:active { color:#868687; }

span.pulled-right {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 170px;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: right;
	color: #666;
	border-left: 3px solid #ccc;
}
span.pulled-left {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	width: 170px;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: left;
	color: #666;
	border-right: 3px solid #ccc;
}

span.pulled-left-index {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	width: 218px;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: left;
	color: #666;
	border-right: 3px solid #ccc;
}

p.quote {
font:normal 0.95em/1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin-bottom:10px; padding:0;
}

#orderBox h1 {
font:normal 14px/0px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2d2a2a;
margin:0; padding-left:20px;
clear:both;
background:transparent url(../images/icons/cart.gif) center left no-repeat; 
}

#orderBox ul {
font:normal 11px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#2d2a2a;
margin:0; padding:0;
list-style:none;
clear:both;
}

#orderBox ul li {
background:transparent url(../images/icons/bullet_arrow.gif) top left no-repeat;
margin:5px 0 5px 8px; padding-left:13px;
}

#orderBox ul li a, #orderBox ul li a:visited {
color:#2d2a2a;
text-decoration:none;
}

#orderBox ul li a:hover {
color:#F79153;
}

#orderBox ul li a:active {
color:#868687;
}

#discount {
color:red;
font-style:italic;
}

.error {
color:red;
font-weight:bold;
font-size:12px;
}

/*--------- Global Navigation Begins ----------*/

#globalNav {
position:relative;
left:20px; top:42px;
margin:0; padding:0;
width:650px; height:40px;
}

#globalNav ul {
margin:0; padding:10px 0;
list-style:none;
}

#globalNav ul li {
font:normal 14px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
display:inline;
margin:0; padding:10px 20px;
border-right:1px solid #0d0b0e;
}

#globalNav ul li.last {
border:0;
}

#globalNav ul li a, #globalNav ul li a:visited {
color:#F79153;
text-decoration:none;
}

#globalNav ul li a:hover { color:#AFD5D2; }

#globalNav ul li a:active { color:#868687; }




/*---------- Global Navigation Ends ---------*/


/*--------- Toolbar Begins ----------*/
#toolBar {
position:absolute;
left:40px; top:205px;
margin:0; padding:0;
width:635px;
color:#999999;
border-bottom:1px solid #CCC;
background:#FFF;
z-index:100;
}

#toolBar ul {
margin:0; padding:0;
list-style:none;
}

#toolBar ul li {
font:normal 11px/15px Arial, Helvetica, sans-serif;
display:inline;
margin:0; padding-right:25px;
}

#toolBar ul li a {
cursor:pointer;
}

#toolBar ul li#toolBookmark {
background:transparent url(../images/icons/book_add.gif) left center no-repeat;
padding-left:15px; margin-left:5px;
}

#toolBar ul li#toolShare {
background:transparent url(../images/icons/email_add.gif) left center no-repeat;
padding-left:15px; margin-left:5px;
}

#toolBar ul li#toolLibrary {
background:transparent url(../images/icons/toggle_log.gif) left center no-repeat;
padding-left:15px; margin-left:5px;
}

#myvar, myvar2 {
z-index:100;
}

#bookmarkIcons {
float:left; 
width:625px;
margin-top:10px; padding:5px;
z-index:100;
}

#bookmarkIcons a {
cursor:pointer;
}

.myForm {
margin-left:5px;
padding:14px;
width:400px;
}

#emailFriend {
border:solid 2px #b8d9d6;
background:#dbedeb;
margin:10px 0;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
z-index:100;
}

#emailFriend p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

#emailFriend label {
display:block;
font-weight:bold;
text-align:right; 
width:140px;
float:left;
color:#444444;
}

#emailFriend .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

#emailFriend input, #emailFriend textarea {
float:left;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:2px 0 25px 10px; padding:4px 2px;
padding:4px 2px;
border:solid 1px #b8d9d6;
width:210px;
display:block;
}

#emailFriend textarea {
width:210px; height:50px;
}

#emailFriend button {
clear:both;
margin-left:150px; padding:0;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:0;
cursor:pointer;
}

.spacer{
height:20px;
margin:0; padding:0;
}

/*--------- Toolbar Ends ----------*/

/*--------- Sidebar Styling Begins ----------*/
#ijm_logo {
margin:10px 0; padding:0;
width:230px; height:112px;
background:#e1dfd3;
text-align:center;
border-top:2px solid #c9c7b8;
border-bottom:2px solid #c9c7b8;
}

#ijm_logo img {
border:0;
}

#facebook {
margin:10px 0; padding:10px;
}

#excerpt {
margin:10px 0; padding:10px;
width:210px;
background:#e1dfd3;
border-top:2px solid #c9c7b8;
border-bottom:2px solid #c9c7b8;
}

#facebook img {
float:right;
margin-left:10px;
border:0;
}

#endorsement {
margin-top:10px; padding:10px 10px 15px 10px;
}
  
#endorse_quote {
font:normal 14px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#444;
font-style:italic;
margin:5px; padding:12px 10px 10px 10px;
background:transparent url(/images/openquote1.gif) top left no-repeat;
text-indent:23px;
}

#endorse_quote span {
display: block;
background:transparent url(/images/closequote1.gif) bottom right no-repeat;
padding-bottom:23px;
}

#endorse_name {
margin-top:10px;
text-align:right;
font:normal 11px/18px Arial, Helvetica, sans-serif;
color:#666;
font-weight:bold;
}
/*--------- Sidebar Styling Ends ----------*/

/*--------- Index.php Begins ----------*/
#index_actions {
float:left; 
width:210px;
}

.index_actions_box {
width:200px;
margin-bottom:10px; padding:5px 0;
border:2px solid #D0E6E3;
background:#ECF5F4;
}

.index_actions_box_nopad {
width:200px;
margin-bottom:10px;
border:2px solid #D0E6E3;
}

.index_actions_box h2 {
font:normal 1.0em/1.5em Arial, Helvetica, sans-serif;
font-weight:bold;
color:#868687;
margin:0 10px; padding:0;
}

.index_copy {
float:right; 
width:400px; 
margin-top:20px;
}

#txtAware {
margin-left:5px; padding:0;
width:190px;
}

#txtmsgForm {
margin:0; padding:0;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


#txtmsgForm label {
display:block;
font-weight:bold;
text-align:left; 
width:190px;
float:left;
color:#444444;
margin-left:4px;
}

#txtmsgForm .small{
color:#666666;
display:block;
font-weight:normal;
text-align:left;
width:190px;

}

#txtmsgForm input, #txtmsgForm select {
float:left;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:2px 0 5px 4px; padding:2px 2px;
border:solid 1px #CCC;
width:120px;
display:block;
}

#txtmsgForm select {
width:140px;
margin-left:4px;
}

#disclaimer{
font-size:10px;
color:#666666;
margin-bottom:10px; margin-left:4px; padding-top:10px;
clear:both;
}

.txt_error {
color:red;
font-weight:bold;
font-size:10px;
}

#txtmsgForm button {
clear:both;
margin-left:4px; padding:0;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:0;
cursor:pointer;
}

/*--------- Index.php Ends ----------*/

/*--------- Contact Form Styling Begins ----------*/

.myContactForm {
margin-left:5px;
padding:14px;
width:600px;
}

#contactForm {
margin:10px 0;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contactForm p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

#contactForm label {
display:block;
font-weight:bold;
text-align:right; 
width:180px;
float:left;
color:#444444;
}

#contactForm .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:180px;
}

#contactForm input, #contactForm select, #contactForm textarea {
float:left;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:2px 0 25px 10px; padding:4px 2px;
padding:4px 2px;
border:solid 1px #CCC;
width:340px;
display:block;
}

#contactForm select {
width:345px;
}

#contactForm textarea {
width:340px; height:50px;
}

#contactForm button {
clear:both;
margin-left:190px; padding:0;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:0;
cursor:pointer;
}

/*--------- Contact Form Styling Ends ----------*/

/*--------- Resources Section Styling Begins ----------*/
.resource_section {
margin-bottom:10px;
border-bottom:1px solid #CCC;
}

.resource_subsection {
float:left;
width:295px;
margin:0; padding:0 20px 0 0;
}

img.resource_thumbnail {
border:1px solid #CCCCCC;
margin-right:10px; padding:2px;
float:left;
}

.resource_clear {
height:10px;
clear:both;
}
/*--------- Resources Section Styling Ends ----------*/