﻿/* RMP - AIT Exam Prep CSS 
   Web Advanced
   December 2008 */



/* GLOBAL  / MASTER PAGE
   --------------------------------------------------------------- */

body {
    margin: 0; padding: 0;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
	text-align:center;
	background: url(../images/bg-body.jpg) 0 0 repeat-x; }

img {border:0;}
.clear { clear:both; height:0; margin:-1px 0 0; overflow:hidden; }

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

a { color: #63A96A; }
a:hover { color: #3F7F45; }

	/* Wrappers */
	#wrapper-outer { width:960px; margin: 0 auto; background: url(../images/bg-wrapper2.jpg) 0 0 repeat-y; }
	#wrapper-inner { background: url(../images/bg-wrapper.jpg) 0 0 no-repeat; text-align:left; float:left; }
	
	/* Nav & Header */
	.header { 
		margin: 0 31px; height: 91px; vertical-align:top;
		background: url(../images/bg-header.jpg) 0 0 no-repeat; }
		
		.logo { float:left; position:relative; top: 20px; left: 40px;  }
		.nav-secondary {
			float: right; padding-right: 14px;
			text-align: right; font-size: 11px; color: #8f6917; }
		.nav-secondary ul { margin:0; padding:4px 0 20px 0; }
		.nav-secondary li { 
			list-style: none; display: inline; padding-left: 7px;
			font-size: 11px; color: #CAE2CD; }
		.nav-secondary a:link, .nav-secondary a:visited, .nav-secondary a:hover, .nav-secondary a:active { 
			color: #8f6917; }	
		.nav-secondary li a:link, .nav-secondary li a:visited { text-decoration: none; color: #ffffff; }
		.nav-secondary li a:hover, .nav-secondary li a:active { text-decoration: underline; color: #ffffff; }
		
	/* Main Navigation */
	.nav-primary { margin: 0 31px; font-size:0; }
	
	/* Banner */
	.banner { margin: 0 31px; }
		.banner .banner-img { float:left; }
		.banner-div {
			float:right;
			background: url(../images/bg-banner-right.jpg) 0 0 no-repeat;
			width: 415px; height: 207px; }
		.banner .quote { 
			padding: 40px 50px 0 70px; min-height: 98px;
			color: #ffffff; font-size: 13px; line-height: 17px; }
		* html .banner .quote { height: 98px; } /* IE6 Fix */
		.banner .quote img { position: relative; top: 6px; z-index:1; }
		.banner .readmore { 
			padding: 0 0 0 70px; float:left; 
			color: #ffffff; font-size: 11px; }
		.banner .author { float:right; padding-right: 50px; text-align: right; color: #ffffff; font-size: 11px; }
		.banner a:link, .banner a:visited, .banner a:hover, .banner a:active { color: #ffffff; }
	
/* HOME MASTER PAGE
   --------------------------------------------------------------- */
   
	.content { margin: 0 31px; float:left; background: transparent url(../images/index-col.gif) top right repeat-y; }
	* html .content { float:left; margin: 0 46px 0 15px; } /* IE6 Hack */
	
		/* Left Col */
		.content .primary { float:left; width: 611px; }
		.content .primary-inner { 
			padding: 30px 50px 0 30px;
			color: #515151; line-height: 18px;  }
		.content a:link, .content a:visited { color: #515151; }
		.content a:hover, .content a:active { color: #095f9d; }
	
		.subcontent-left { background: url(../images/index-californiaexam.gif) 0 0 no-repeat; width: 313px; float:left; }
		.subcontent-right { background: url(../images/index-nationalexam.gif) 0 0 no-repeat; width: 297px; float:left; }
		
		.content .subcontent-left ul, .content .subcontent-right ul { margin:75px 0 10px 30px; padding:0; }
		.content .primary li { 
			list-style: none; background: url(../images/bullet-blue.gif) 0 7px no-repeat; 
			padding: 0 0 5px 14px; }
	
		/* Right Col */
		.home .content .secondary { background-color: #FDF4E3; width: 287px; float:right; padding: 10px 0 6px 0; }
		.home .content .secondary ul { padding:10px 0 0 0 ; margin:0 auto; width: 224px; }
		.home .content .secondary li { 
			list-style: none; background: url(../images/index-sidebar-bg.jpg) left bottom repeat; 
			color: #846011; font-size:11px; }
		.home .content .secondary li.first { padding:0; line-height:1px; font-size:1px; border-bottom:0; }	
		.home .content .secondary li.last { 
			height: 35px; padding: 10px 0 0 22px;
			background: transparent url(../images/index-sidebar-footer.gif) 0 0 no-repeat;  }
		.home .content .secondary a:link, .content .secondary a:visited,
		.home .content .secondary a:hover, .content .secondary a:active  { color: #846011; } 
		
		.home .content .secondary ul ul { padding:0; margin:0; }
		.home .content .secondary ul ul li {
			border-bottom: 1px solid #e2cc9b; background: none; list-style: none; padding: 5px 22px; vertical-align:middle; }
			
/* CONTENT MASTER PAGE
   --------------------------------------------------------------- */
   
	.subpage .content { margin: 0 31px; background: url(../images/bg-subpage-sidebar.gif) 0 0 repeat-y; }
	.subpage .nav-primary { border-bottom: 5px solid #cae2cd; height: 29px;  }
	
		/* Left Col (Navigation) */
		.subpage .content { margin: 0 31px; background: url(../images/bg-subpage-sidebar.gif) top left repeat-y; 
			min-height: 380px; }
		* html .subpage .content { height: 380px; }
		.subpage .content .secondary { width: 226px; background-color: transparent; float:left; }
		.subpage .content .secondary h1 { padding:0; margin:0; height: 60px; font-size: 16px; }
		.subpage .content .secondary h1 img { padding:6px 0 0 0; }
		
		.subpage .secondary ul { padding:0; margin:0; width: 226px; font-size: 12px; }
		.subpage .secondary li { 
			list-style:none; background: url(../images/subpage-nav-item.gif) left center repeat; 
			border-top: 1px solid #f3e1c2; color: #846011; padding: 13px 12px 13px 36px; }
		.subpage .secondary li.selected { 
			background: url(../images/subpage-nav-selected.gif) left center no-repeat; font-weight:bold;  }				
		.subpage .secondary li.last { background: url(../images/subpage-nav-last.gif) bottom right no-repeat; }
		.subpage .secondary li.last-selected { 
			background: url(../images/subpage-nav-selected-last.gif) bottom right no-repeat; font-weight:bold;  }			

		.subpage .secondary a:link, .subpage .secondary a:visited { color: #846011; text-decoration: none; }
		.subpage .secondary a:hover, .subpage .secondary a:active  { color: #846011; text-decoration: underline; } 	
		
		/* Navigation - estore */
		.subpage .leftNav { padding:0; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #F3E1C2; }
		.subpage .leftNav .offState { background-color:#fff; padding: 13px 12px 13px 20px;
			border-top: 1px solid #F3E1C2; font-weight:bold; }
		.subpage .leftNav .offState a { color:#846011; text-decoration: none; }
		.subpage .leftNav .offState a:hover { color:#846011; text-decoration: underline; }
		
		.subpage .leftNav .onState { font-weight:bold; padding: 13px 12px 13px 20px; border-top: 1px solid #F3E1C2; }
		
		.subpage .leftNav .indented .offState {
			padding: 6px 12px 6px 36px;
			background: transparent url(../images/subpage-nav-item.gif) repeat scroll left center;
			font-weight:normal; }
		.subpage .leftNav .indented .onState {
			padding: 6px 12px 6px 36px;
			background: transparent url(../images/subpage-nav-item.gif) repeat scroll left center;
			font-weight:bold; }		
		
		/* Left Col (Quote) */
		.subpage .quote-container { 
			padding: 20px 0; margin: 60px 0 0 0; font-size: 11px;
			border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; color: #4c4c4c;
			background: url(../images/subpage-quote-top.gif) 0 0 no-repeat; }
		.subpage .secondary .quote { padding: 0 36px; }	
		.subpage .secondary .author { 
			padding: 15px 36px 0 36px; text-align:right; 
			background: url(../images/subpage-quote-bottom.gif) top right no-repeat;  }
		.subpage .secondary .tlink { text-align:center; }
		.subpage .secondary .tlink a { text-decoration: underline; color: #1368a5; }
		
		/* Right Col (Content) */
		.subpage .primary { float: right; width: 670px; }
		.subpage .primary h2 { border-bottom: 1px solid #d5e4ef; margin: 0 0 16px 0;
			text-transform: uppercase; font-size: 16px; color: #186daa; font-family:Georgia, "Times New Roman", Times, serif; }
		.subpage .primary h2 span { display:block; padding-bottom: 5px; }	
		.subpage .primary h3 { margin: 16px 0 16px 0; font-size: 15px; color: #515151; }	
		.subpage .primary h4 { margin: 0; font-size: 13px; color: #1368A5; }	
				
		.subpage .primary-inner { padding:20px 30px 30px 30px; }
		.subpage .primary h1 img, .subpage .content .primary h2 img { border: none; }
	
	/* Footer */
	.footer { font-size: 11px; color: #989797; padding-bottom: 16px; clear:both; }
	.footer-home { background: url(../images/bg-wrapper-footerhome.jpg) 0 0 no-repeat; }
	.footer-subpage { background: url(../images/bg-wrapper-footersubpage.jpg) 0 0 no-repeat; }
	
	.footer ul { padding:20px 0 14px 0; margin:0; }
	.footer li { display: inline; list-style: none; padding: 0 4px; margin:0; }
	.footer p { margin:0; padding:0; }
	.footer a:link, .footer a:visited { color: #6c6c6c; text-decoration: none; }
	.footer a:hover, .footer a:active { color: #6c6c6c; text-decoration: underline; }

/* MISC PAGE LAYOUT
   --------------------------------------------------------------- */
      
	/* Single Page */  
	.subpage .content-single { margin: 0 31px; min-height: 380px; }
	* html .subpage .content-single { height: 380px; }  
	.content-single .primary { float:none; padding: 40px; width:818px; }
	.content-single .primary-left { float:left; }  
	.content-single .primary-right { float:right; }
	
	/* Accordian */
	.accordian { padding-bottom: 10px; }
	.subpage .accordian h4:hover { background-color:#f8f8f8; cursor:pointer; }
	.subpage .accordian h4 {
		background:transparent url(../Images/bullet-faq.gif) no-repeat scroll right center;
		border-bottom:1px solid #D5E4EF;
		margin-top:8px;
		padding:4px 0 3px 4px;
		color: #28638B;
		font-weight:normal; }
	.accordian div { padding-left:4px; }

	/* Class Dates Table */
	table.classdates { border-top: 1px solid #D5E4EF; }
	table.classdates td { padding: 6px; border-bottom: 1px solid #D5E4EF; }
	
	/* Sitemap */
	div.sitemap ul { margin-top:0; padding-left:20px; }
	
	/* Volume Pricing */
	.volumeHeader { font-weight:bold; }
	.volumePricingTable { border-top: 1px solid #D5E4EF; width:100%; }
	.volumePricingTable .leftColumn { font-weight:bold; width:80px; border-bottom: 1px solid #D5E4EF; padding:2px 0 2px 4px; }
	.volumePricingTable .rightColumn { border-bottom: 1px solid #D5E4EF; padding:2px 0 2px 4px; }
	  
/* FORMS 
   --------------------------------------------------------------- */
   
   /* Contact Form */
   .subpage .labelColumn { width: 100px; vertical-align:top; padding-top: 4px; }
   .subpage .fieldColumn input { width: 240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px; margin-right:6px; }
   .subpage .fieldColumn textarea { width: 240px; height: 80px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px; float:left; margin-right:6px; }
   
   
   
   
   
   
/* ESTORE
   --------------------------------------------------------------- */      

/* CATEGORY PAGE */
.product { float:left;
padding:0;
text-align:left;
width:200px; }
.product div { text-align:center; padding:0 14px 6px 0; }
.product img { border: 1px solid #F0F0F0; }

/* PRODUCT VIEW PAGE */
.categoryTitle { font-size: 14pt; font-weight: bold; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto { border: 1px solid #F0F0F0; }
.categoryThumb .photo img { border: 1px solid #F0F0F0; }

.subpage .categoryTitle h2 { border:0; margin-bottom:0; }


/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* CART PAGE */

.cartPage { width: 600px; }
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl {  }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }

.checkoutTwoColumn { width:100%; }
.checkoutTwoColumn .column2 { width:50%; }
.checkoutTwoColumn input.inputBox, .checkoutTwoColumn select.inputBox { width: 180px; margin-bottom:3px; }
.subpage .checkoutTwoColumn h4 { margin-bottom:4px; }

.checkout-footer { border-top: 1px solid #D5E4EF; padding-top: 10px; margin-top:30px; }
