/*   
Theme Name: CTC_Main
Theme URI: 
Description: Design for Collegeville Textbook Company
Author: Rob Maurizi
Author URI: http://rhminteractive.com
Template: 
Version: 1.0
.
General comments/License Statement if any.
.
*/

* { margin: 0; padding: 0; }

body.page, body.error404, body.single, body, body.archive { margin: 0; padding: 0; background-color: #000; font-size: 62.5%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; }
.wrap { width: 970px; margin: 0 auto; background-color: #f2f2f2; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; font-size: 1.4em;}
.body { padding: 88px;}
.header { background-color: #333; margin: 0; padding: 0; color: #F2F2F2; position: relative; height: 224px; }
.header { background: #333 url('images/hed_bkgd.gif') 0 0 no-repeat; }

#logo a { display: block; text-indent: -9999px; background-image: url('images/ctc_logo.png'); background-repeat: no-repeat; width: 288px; height: 147px; position: absolute; left: 17px; top: 30px;}

.nav { list-style-type: none; position: absolute; top: 84px; right: 20px; width: 601px; height: 42px; }
.nav li { float: left; margin: 0;  }
.nav li a { color: #f2f2f2; display: block; height: 42px; background-image: url('images/nav_bkgd3.png'); background-repeat: no-repeat; margin-left: 20px; text-indent: -9999px;}

a { outline: none; }


 


.nav li#nav_home a { width: 94px; background-position: -5px 0; }
.nav li#nav_about a { width: 128px; background-position: -120px 0;}
.nav li#nav_contact a { width: 151px; background-position: -272px 0;}
.nav li#nav_textbooks a { width: 148px; background-position: -438px 0; }

.nav li#nav_home a:hover { background-position: -5px -42px; }
.nav li#nav_about a:hover { background-position: -120px -42px; }
.nav li#nav_contact a:hover { background-position: -272px -42px; }
.nav li#nav_textbooks a:hover { background-position: -438px -42px; }

body.page-id-3 .nav li#nav_home a, #home .nav li#nav_home a { background-position: -5px -42px; }
body.page-id-5 .nav li#nav_about a, #about .nav li#nav_about a { background-position: -120px -42px; }
body.page-id-7 .nav li#nav_contact a, #contact .nav li#nav_contact a { background-position: -272px -42px; }
body.page-id-36 .nav li#nav_textbooks a,
body.page-id-82 .nav li#nav_textbooks a,
body.page-id-80 .nav li#nav_textbooks a,
body.single .nav li#nav_textbooks a { background-position: -438px -42px; }
body#single .nav li#nav_textbooks a { background-position: -438px 0; }


#viewbag { position: absolute; top: 20px; right: 0; background-color: #333; background-color: rgba(0,0,0,0.4); 
	border-radius: 							5px; 
	-webkit-border-top-left-radius: 		5px; 
	-webkit-border-bottom-left-radius: 		5px; 
	-moz-border-radius-topleft: 			5px; 
	-moz-border-radius-bottomleft: 			5px; 
}
#viewbag a { float: left; }
#viewbag a.foxycart { color: #c8dc5d; padding: 1em; padding-left: 3.5em; display: block; background: transparent url('images/bag_icon.png') 10px 50% no-repeat; }
#viewbag a#faqlink { color: #c8dc5d; padding: 1em; padding-left: 3.5em; display: block; background: transparent url('images/faq-mark.png') 10px 50% no-repeat; }
#viewbag a:hover { text-decoration: none; }

.body { padding-bottom: 88px; position: relative; zoom: 1; }
.body img { float: left; margin-right: 12px; border: 2px solid #333; }
.body .content { /*position: absolute;*/ /*bottom: 88px;*/ /*right: 88px;*/ float: right; width: 228px; }
.body p { font-size: 1.07142857em; margin-bottom: 1em; }
.body h2 { font-size: 2.5714285714285714em; text-transform: lowercase; line-height: .9; color: #2d7d2f; margin-bottom: .4em;}
.body h3 { font-size: 1.7142857142857143em; text-transform: lowercase; margin: 0 0 .5em; line-height: .9; font-weight: bold; }
.body h4 { font-size: 1.2857142857142857em;  }

/*body.page-id-3 .body p { margin-bottom: 0; }*/

.body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}
.hp_news { background: rgb(200, 220, 93); }
.hp_news { padding: 1em; background: rgba(200, 220, 93, .75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.footer { clear: both; background: #333 url('images/footer_bkgd.gif'); padding: 32px 88px 16px; color: #f2f2f2; }
.footer .contact { float: left; }
.footer .copyright { font-size: 0.8571428571428571em; line-height: 3.0; }
.footer .connect { float: right; }
.footer .rhm-link { font-size: 0.8571428571428571em; color: #F2F2F2;}
.footer .rhm-link a { color: #F2F2F2; text-decoration: none; }

.facebook, .twitter { float: left; width: 158px; margin-left: 12px; }

.facebook a { background-image: url('images/Facebook.png'); background-repeat: no-repeat; }
.twitter a { background-image: url('images/Twitter.png'); background-repeat: no-repeat; }

.connect a { color: #f2f2f2; text-decoration: none; height: 2.8em; text-align: left; display: block; line-height: 1.125; padding-top: 2.2em; padding-left: 5em; }
.connect a:hover { text-decoration: underline; }


.form_row { display: block; zoom: 1;}
.form_row label, .form_row input, .form_row textarea { display: block; }
.form_row input[type="text"], .form_row textarea { width: 90%; }

.form_row label { margin-top: .75em; margin-bottom: .25em; }
.form_row textarea { margin: 0; }

.form_row select#subject { width: 200px; }
.form_row input#subject_other { display: none; width: 128px; margin-left: 12px; }
.form_row p { display: none; }

div.form_error { background-image: url('images/exclamation.png'); }
div.form_okay { background-image: url('images/tick.png'); }
div.form_error, div.form_okay { background-repeat: no-repeat; background-position: right 90%; }

input#submit_btn { float: right; margin-right: 32px; margin-top: 12px; }

body.page-id-7 .lead, #contact .lead { float: left; width: 386px; margin-bottom: .5em;}
body.page-id-7 .contact_form, #contact .contact_form { width: 386px; float: right; margin-bottom: .5em;}

body.page-id-7 .address, #contact .address { float: left; width: 386px; margin-bottom: .5em; margin-top: 1em; }
body.page-id-7 .map, #contact .map { float: left; width: 386px; margin-bottom: .5em; margin-top: 1em;}
body.page-id-7 .map #map_container, #contact .map #map_container { width: 100%; height: 350px; border: 2px solid #333; }

body.page-id-7 .captcha_help, #contact .captcha_help { cursor: help; border-bottom: 1px dotted #999; }

table { border: none; margin-bottom: 1em; }
th { text-align: left; font-weight: bold; padding: 3px 6px; }
td { background-color: #ccc; padding: 3px 6px;}

div.faq { clear: both; }

.category-faq h3 { margin-top: 1em; }
.category-faq h3 a { color: #000; font-weight: normal; }


fieldset { outline: none; border: none; margin-top: 2em; padding: 0;}
fieldset#course_list .fieldset_container { position: relative; padding-bottom: 2em; display: block; }
fieldset#course_list .form_row div { float: left; }
fieldset#course_list label { display: block; }

	div.select_dept { width: 11%; margin-left: 3%;}
	div.select_course { width: 15%;}
	div.select_section { width: 15%; }
	div.select_recommended { width: 30%; }
	div.select_recommended select { display: block; width: 95%; }
	div.select_used { width: 25%; }
	div.select_used select { display: block; width: 95%; }
	
	div.add_course { position: absolute; bottom: 0; left: 0; }
	div.add_course a { background: transparent url('images/add.png') 0 0 no-repeat; padding-left: 20px; }
	
	a.tooltip img { border: none; float: none; cursor: help; }
	
#reservations div.warning { background: transparent url('images/error.png') 0 85% no-repeat; }
#reservations div.error { background: transparent url('images/exclamation.png') 0 85% no-repeat; }
	
	
fieldset#course_list .form_row { zoom: 1; padding: 0; margin: 0; }	
fieldset#course_list .form_row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



fieldset#your_contact_info div.fieldset_container { width: 350px; float: left; }
fieldset#your_contact_info #state_box, fieldset#your_contact_info #zip_box { float: left; margin-right: 1em; width: 150px;}
fieldest#your_contact_info select { display: block; }

legend { display: block; font-size: 1.7142857142857143em; text-transform: lowercase; margin: 0; line-height: .9; font-weight: bold; }


#select_course, #select_books { float: left; margin-right: 1em; }
#select_books { position: relative; width: 450px; }
#addtobag { position: absolute; top: 0; right: 0; }
#select_course ul { width: 300px; height: 300px; overflow: auto; border: 1px solid #999;}

#select_course ul { list-style-type: none; padding: 5px; }
#select_course li { padding: 0 5px;}
#select_course li.dept_hed { border-bottom: 1px solid #333; padding-top: 10px;}
#select_course li.dept_hed:hover { background-color: #CCC; }
#select_course li.dept_hed li:hover { background-color: #333; color: #F2F2F2; }
#select_course li.dept_hed li.selected { background-color: #CCC; font-weight: bold; }

#select_course .section { padding-left: 1em; font-size: .9em; font-style: italic; }

#select_course .textbook_info { display: none; }

#select_course li.dept_hed.selected { background-color: #CCC; }
#select_course li.dept_hed ul { width: 260px; border: none; height: auto; margin-left: 10px; overflow: visible; font-weight: normal; }
#select_course li.course, #select_course li.dept_hed .theDept { cursor: pointer; }
#select_course li.dept_hed .loading { background: transparent url('images/ajax-loader.gif') top right no-repeat; padding-right: 20px; }
#book_list ul { height: 264px; overflow: auto; padding-right: 1em; }

#book_list h4 { border-bottom: 1px solid #CCC; padding-bottom: .5em; margin-bottom: .5em; }
#book_list ul { list-style-type: none; }
#book_list li { margin-bottom: 2em; }
#book_list li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}
#book_list .book_info { float: left; width: 75%; clear: both; font-weight: bold; line-height: 1.2; }
#book_list .price_info { float: right; width: 25%; text-transform: lowercase; text-align: right; }
#book_list .req { display: block; text-transform: lowercase; margin-top: .5em;}
#book_list .required { color: #C00; }
#book_list .recommended { color: #900; }
#book_list .price_info a { display: block; }

#textbooks_checkout { clear: both; padding-top: 2em;}
#textbooks_checkout .checkout_btn { display: block; background: transparent url('images/btn_checkout.png') 0 0 no-repeat; width: 124px; height: 42px; text-indent: -9999px; float: right; }


#reservations { clear: both; padding-top: 1em; }


#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

div.cart_container { border: 1px solid #333; background-color: #FFF; }
div.cart_container:after, div.purchase_links:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}



.purchase_links .purchase { width: 386px; float: left; margin-bottom: .5em; margin-right: 1em;}
.purchase_links .reserve  { width: 386px; float: left; margin-bottom: .5em; }
.purchase_links img { border: none; }

/* foxybox overrides */

#fc_tb_titleBot { height: 40px; }
#fc_tb_closeAjaxWindowBot { font-size: 21px; font-weight: bold; text-transform: lowercase; color: #2d7d2f; }
#fc_tb_window #fc_tb_closeAjaxWindowBot a:link { color: inherit; }


/* end foxybox overrides */


/* course purchases pages */

.course_purchases dl, .course_purchases .product-info { clear: both; zoom: 1;}
.course_purchases dl:after, .course_purchases .product-info:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}

.course_purchases .product-info { background-color: #CCC; padding: 1em; border: 10px solid #999; }
.course_purchases dl { width: 400px; float: left; }
.course_purchases dl dt, .course_purchases dl dd { float: left; }
.course_purchases dl dt { clear: both; width: 130px; text-align: right; margin-right: 20px; font-weight: bold; }
.course_purchases dl dd { width: 250px; }

.course_purchases form { float: right; width: 315px; padding-top: 60px; }


/* end course purchases pages */