@import url("GannSite.css");

/* GlefStore Elements */
/*
	Page Structure
	+-body----------------
	+--page---------------
	|
	|    siteNav/siteLogo
	|
	|    content
	|
	|
	|
	|    footer
	|
	+----------------------
*/
#page {
	width: 800px;
	margin: 0 auto;
}

#siteNav {
	padding: 0;
	text-align:center;
	border-bottom:25px solid #b6c7e5;
}

#siteLogo {
	padding: 0;
	text-align:center;
}

#content {
	padding: 10px 0;
	margin-bottom: 10px;
}

#footer {
	clear: both;
	font-size: 1.1em;
	color: #777;
	line-height: 1.2em;
	text-align: center;
	margin: 20px 0;
	padding: 4px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#content img { /*visa mastercard*/
	margin:0 4px;
	vertical-align:middle;
	border:0;
}

/*
	Inside "content", doing shopping cart flow
	+--content----------------------------
	|    shoppingPage
	|    shoppingBar          shoppingCart
	|
	|
	+-------------------------------------
*/
#shoppingPage {
	/* Need "relative" for shoppingCart's absolute. Without offset, this element is not being positioned */
	width: 700px;
	margin: 0 auto;
	position: relative; 
}

#shoppingBar {
	position: relative;
	top:0;
	left:0;
	right:60%;
	width:60%;
	height:2em;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:1.1em;
/*	background-color:#9CF;*/
}

#shoppingCart {
	/* Free from page order */
	position: absolute;
	top:0;
	left:61%;
	right:0;
	width:39%;
	height:2em;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:1.2em;
	color:#F90;
/*	background-color:#EEE;*/
}

#shoppingCart a {
	color:#F90;
}

#shoppingCart form {
	display:inline;
}

.incart {
	color:#F90;
	padding: 0.25em 1em;
}


/*
	checkoutLogin.cfm
	checkoutProfile.cfm
	checkoutPayment.cfm
*/
#checkoutMain {
	margin-left: 5%;
	margin-right: 5%;
	width: auto;	/* this width makes this block centered */
}

/* These 2 blocks meet in the middle by making % add up to 100%, then -1% for its border. */
#checkoutDoubleSidedLeft {
	float:left;
	width:45%;
	margin-left:5%;
	border-right:1px solid #999;
}

#checkoutDoubleSidedRight {
	float:right;
	width:44%;
	margin-right:5%;
}

#checkoutImportantMessage {
	margin-left: 10%;
	margin-right: 10%;
	width: auto;	/* this width makes this block centered */
	padding: 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	border: 1px solid #FF9933;
}

#checkoutOrderSummary {
	float:left;
	width:49%;
	margin-left:10%;
	margin-right: 0;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#checkoutPaymentSummary {
	float:right;
	width:24%;
	margin-right:10%;
	margin-left: 0;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#checkoutOrderSummary h1,
#checkoutPaymentSummary h1 {
	font-size: 1.2em;
	font-weight: bold;
	font-style:normal;
	color: #FF6600;
	border-bottom: 1px solid #CCC;
	padding: 2px 0;
	margin: 2px 0;
}

#checkoutImportantMessage p {
	font-size: 1em;
	margin: 2px 0;
}

#checkoutImportantMessage em {
	font-size: 1.1em;
	font-weight: bold;
	font-style:normal;
	color: #111;
}

#checkoutImportantMessage h1 {
	font-size: 1.2em;
	color: #990000;
	margin: 2px 0;
}
/*
 ---------------------------------------------------------------------------------------------
*/

.notiBox {  /* notification box */
	margin: 4px;
	padding: 4px;
	text-align:center;
	background-color:#FFFFFF;
	border: 1px solid #CCC;
	color: #CC0033;
}

.notiBoxC { /* used in Checkout, with checkout color */
	margin: 6px auto;
	width: 70%;
	padding: 4px;
	text-align: center;
	background-color: #EE6600;
	color: #FFF;
}

/*
	Catalog Page
	+-------------------------
	|		<h1> State
	|		<h2> Law
	|		<a> Book title
	|		<a> Book title
	|		<a> Book title
	|   <strong> "In Cart"
	+-------------------------
*/

.catalog {
	/* revert to this block-centering
	width: auto;
	margin: 0 auto; */
	width: 100%;
	/*
		Neutralize to browser's base size first; h1, h2 inside then scale as expected.
		Don't put size to <td> because everything else will scale based on its size.
		This is why <p> is used inside <td>.
	*/
	font-size: 1em;
}

.catalog td {
	padding: 2px;     /* help compact whitespace */
	font-size: 1.2em; /* cover a, strong, but not p */
}

.catalog p {
	font-size: 1.1em;	/* for gannprime text */
}

.catalog td span{
	padding-left: 20px;	/* indent book title */
}
.catalog h1, .catalog h2, .catalog a {
	font-weight: bold;
}

.catalog h1 {
	font-size: 1.5em;
	color: #900;
	text-align: left;
	margin: 10px 0 0 0;
}

.catalog h2 {
	font-size: 1.3em;
	color: #006;
	margin: 2px 0 2px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
	text-align: left;
}

.catalog a:link, .catalog a:visited  { /* Book title */
	text-decoration: none;
	color: #3163CE;
}

.catalog a:hover, .catalog a:active {
	text-decoration: underline;
	color: #3163CE;
}


/* cartAdd.cfm (table inside form) */

.productOptions th,
.productOptions td {
	margin: 0;
	padding: .1em;
	font-size: 1.2em; /* h1 & h2 inside are sized relatively based on this value! (add_to_cart, edit_cart) */
}

.productOptions th {
	color: #888;
}

.productOptions p{
	color: #555;
	font-size: .9em;
}

.productOptions h1 {
	color: #003471;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.5em;
}


/* add_bundle.cfm */

.gannprime h1 {
	color: #3163CE;
	margin: 0;
	font-size: 1.7em;
	line-height: 1.7em;
}

.gannprime h2 {
	margin: 0;
	font-size: 1.3em;
	line-height: 1.3em;
}

.gannprime fieldset { /* 8/14/08 -- make one long column per mp */
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 10px 20px;
	border: 1px solid #BBB;
}

.gannprime legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #006;
}

.gannprime fieldset em {
	color: #006;
	display: block;
	margin-top:5px;
}


/* cart.cfm (table inside form) */
.cart th,
.cart td {
	font-size: 1.2em;
}

.cart table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width:100%;
}

.cart thead,
.cart tfoot {
	/*Qty, Title, Price*/
	/*Cart Subtotal*/
	border-color: #DDD;
	border-width: 2px;
}

.cart tbody {
	border-color: #DDD;
	border-width: 1px;
	vertical-align:top;
}

.cart thead th { 
	/*Qty, Title, Price*/
	color: #999;
}

.cart tbody td span,
.cart tbody span input[type="submit"] {
	/*Remove checkbox, Edit button*/
	font-size: 0.9em;
	margin:0.3em;
}

.cart tfoot th {
	text-align: right;
	font-weight: bold;
	color: #F90;
}

.cart tfoot td{
	text-align: right;
	font-weight: bold;
}

.cart h1 {
	color: #F90;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.5em;
}


/* 
	cartAdd.cfm 
	cart.cfm
	add_bundle.cfm
*/
input[type="submit"].focalPoint {
	font-size: 1.5em;
	color: #222;
}


/*
	General Style 
	Place these rules at bottom of css for cascading overwrite
*/
sup {
	font-weight: bold;
	color: #CC0033;
}

.note {
  font-size: smaller;
}

.redText {
	color: #CC0033;
}

.grayText {
	color: #666;
}

.centered { /* make block element centered */
	width: auto;
	margin: 10px auto;
	text-align: center;
}

.money {
	text-align: right;
}

.promoText {
	color: #3163CE;
	font-weight: bold;
}


/*
  Checkout
 */
form.checkout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 10px;
}

form.checkout h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #777;
	margin: 4px;
}

form.checkout h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FF6600;
	margin: 4px 0;
}

form.checkout h3 {
	font-size: 1.1em;
	color: #333;
	margin: 4px 0;
}

form.checkout label {
	width: 9em;
	float: left;
	text-align: right;
	margin: .1em .5em;
	clear: both;
}

form.checkout label.required {
	font-weight: bold;
	color:#000000;
}

form.checkout label.error {
	font-weight: bold;
	color: #CC0033;
}

form.checkout input, form.checkout select {
	float: left;
	margin: .1em .5em;
}

form.checkout p {
	float: left;
	margin: .1em 0 .1em 10.5em; /* make text aligned to input */
	clear: both;
	font-size: 1em;
	font-weight: normal;
}

form.checkout input[type="submit"] {
	width: auto;
	font-size: 1em;
	color: #666; /* help prevent clicking change address button by accident */
}

form.checkout #submitBtn {
	float: none;
	width: auto;
	margin-bottom: 1em;
	margin-left: 11.5em;
	clear: both;
	font-size: 1.2em;
	color: #000;
}

form.checkout #finalBtn {
	float: none;
	width: auto;
	margin-left: 40%;
	margin-right: 40%;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}

form.checkout br {
	clear: both;
}


/*
 * Check out
 */
.progress {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #999999;
	border-bottom: 4px solid #999999;
	padding: 0 1px;
}

.progressOn {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #FF6600;
	border-bottom:4px solid #FF6600;
	padding: 0 1px;
}

/*
 * Below are for tags inside memo field for book's synopsis and author info
 */

div.blurbText {
	margin: 1em 0;
	font-size: 1.2em;
}

div.blurbText h1 { /* same as book title */
	font-size: 1.5em;
	color: #003471; 
	margin: 1em 0 0.5em;
	border-top: 2px solid #ccc;
	padding-top: 1em; /* pad border line */
}

div.blurbText h2 { 
	font-size: 1.3em;
	margin: 1em 0 0.5em;;
	border-top: 1px solid #ccc;
	padding-top: 0.5em; /* pad border line */
}

div.blurbText p {
	font-size: 1.1em;
}

#whatsnew {
	color: #900;
}
/* 
	Synopsis 
	.bH3
	.bH4

	Author
	.aH3
	.aH4
*/

.bH3, .aH3 {
	font-size: 1.2em;
	margin: 0.5em 0 0.25em;
}

.bH4, .aH4 {
	font-size: 1.1em;
	margin: 0.5em 0 0.25em;
	color:#888;
}

.bPara li, .aPara li {
	line-height: 1.2;
	padding-left: 10px;
	list-style-type : disc;
	list-style-position: inside;
}