/* 
Title:		Eastern Book Company
Author: 	J Ecker - Pemaquid Communications
Date: 		1/1/2008
Comments:	These styles for various forms
*/
 
 /* Contact form - pform
-----------------------------------*/

.pform {
	/*border:3px solid #cfcfe2;*/
	margin:5px;
	background:#fff;
	color:#333;
	}
	
.pform legend{text-indent:-9999px;}
.pform fieldset{border:none;}
	
.pform p{
	clear: left;
	margin: 0;
	padding: 6px;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	}
	
.pform label{
	color:#333;
	font-weight: bold;
	float: left;
	text-align:right;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

.pform label.cbox {
	font-weight: normal;
	float: none;
	margin-left: 0; 
	}

.pform input, .pform textarea {
	border:1px solid #999;
	}

.pform input.submit {
	/*width:180px;*/
	}
	
.pform input[type="text"], .pform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	padding:3px;
	}
	
.pform input[type="image"]{
	border:none;
	}
	
.pform textarea{
	width: 180px;
	height: 150px;
	}
	
	/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
	*/
	
* html .threepxfix{
	margin-left: 3px;
	}
	
.pform .error {
	background:#f99; 
	color:#fff;
	font-weight:bold;
	width:100%;
	}
	
.error label {
	padding:0 0 0 5px;
	}

.honey {display:none;}



/* =simple book search
---------------------------------------------------------- */
.simple_search{
	border:none;
	margin:-40px 0 20px 0;
	float:left;
	background:#ccccff;
	width:755px;	
	line-height:.5em;
	border:1px solid #999;
	height:75px;
	z-index:100;
	}

.simple_search #ebooks {
    margin-top: 7px;
}

* html .simple_search{
	position:relative;
	margin:-11px 0 20px 0;
	height:1px;
	}
	
.simple_search fieldset{
	margin:0;
	padding:0;
	}
	
.simple_search label{
	color:#000;
	margin-top:10px;
	line-height:1.2em;
	margin-left:0;
	width:auto;
	padding:5px 5px 0 0;
	}
	
.simple_search legend{
	display:inline;
	padding:0;	
	display:none;
	}

.simple_search p{
	clear:none;
	padding:0 0 0 20px;
	height:auto;
	}
	
.simple_search input{
	border:1px solid #999;
	}

.simple_search input[type="text"] {
	width:460px;
	}	
	
.simple_search .submit{
	margin-left:20px;
	width:auto;
	border:none;
	position:relative;
	top:8px;
	}

#foo {
		margin-left:-9999px;
		text-indent:-9999px !important;
		}
		
.apply_form legend {
	text-indent:0;
	font-size:120%;
	font-weight:bold;	
	width:440px;
	}
	
.apply_form fieldset{
	border:1px solid #999;
	margin-top:30px;
	padding-top:30px;
	background:#E9E9F2;
	
	border:none;
	background: transparent;
	}
	
/* = order form
---------------------------------------------------------- */
		
.order_form{
	font-size:110%;
	background:transparent;
	border:none;
	color:#333;
	}
	
.order_form legend{
	text-indent:0;
	font-size:110%;
	font-weight:bold;
	padding:5px 0 5px 40px;
	background:transparent url(/images/envelope_sm.gif) no-repeat left center;
	}
	
.order_form p{
	padding-left: 55px;
	color:#333;
	float:left;
	clear:none;
	}
	
.order_form label{
	width:auto;
	margin-left: -55px; /*width of left column*/
	width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
.order_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 120px;
	}
	
.order_form textarea{
	clear:left;
	width:460px;
	height:50px;
	}
	
.clear_button a{
	display:block;
	float:left;
	margin-right:10px;
	background:transparent url(/images/cancel.gif) no-repeat center left;
	padding-left:20px;
	margin-top:8px;
	}
	
.go_back_button a{
	display:block;
	float:left;
	margin-right:10px;
	background:transparent url(/images/go_back.gif) no-repeat center left;
	padding-left:20px;
	margin-top:8px;
	}

.clear_button a:hover, .go_back_button a:hover{
	color:#000;
	}
	
.add_to_cart_button a{
	text-indent:-9999px;
	display:block;
	background:transparent url(/images/add-to-cart.gif) no-repeat top center;
	width:107px;
	height:40px;
	float:left;
	margin-right:10px;
	}
	
.add_to_cart_button_top {
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	display:block;
	background:transparent url(/images/add-to-cart.gif) no-repeat top center;
	width:107px;
	height:40px;
	margin-right:10px;
	}
	
.add_to_cart_button_top:hover {
	background:transparent url(/images/add-to-cart.gif) no-repeat top center;
	}
	
.order_form p.full_width{
	clear: left;
	margin: 0;
	padding: 6px;
	padding-left: 55px; /*width of left column containing the label elements*/
	height: 1%;
	}
	
.pform p.full_width label{
	color:#333;
	font-weight: bold;
	float: left;
	text-align:right;
	margin-left: -55px; /*width of left column*/
	width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
.pform p.comments{
	text-align:left;
	padding:10px 0;
	width: 100%;
	clear:left;
	}
	
.pform p.comments label{
	color:#333;
	font-weight: bold;
	float:none;
	display:block;
	text-align:left;
	margin-left: 0; 
	width: 100%;
	}
	
.pform p.comments input[type="text"]{
	width: 400px;
	padding:3px;
	}
	
.pform p.full_width input[type="text"]{
	width: 180px;
	padding:3px;
	}
	
.order_form #sidebar{
	width:230px;
	padding:0;
	margin:0 7px 10px 0;
	float:right;
	font-size:80%;
	}	
	
.order_form #sidebar p{
	float:none;
	padding:0;
	}	
/* =orders_search
---------------------------------------------------------- */
#orders_search{
	background:transparent;
	border:none;
	color:#333;
	text-align:center;
	}
	
#orders_search fieldset{
	padding:0;
	}
	
#orders_search legend{
	display:none;
	}
	
#orders_search p{
	padding-left:0px;
	color:#333;
	margin:0;
	}
	
#orders_search label{
	float:none;
	margin-left:0;
	}
	
#orders_search input, #orders_search textarea{
	border:1px solid #C7C7C7;
	width:200px;
	}
	
#orders_search p.submit{
	text-align:center;
	}
	
#orders_search p.submit input{
	width:80px;
	font-size:110%;
	}
	
#orderdetails th a:hover{
	background:transparent;
	}

ul.cart_select {
	list-style-type: none;
}
ul.cart_select ul {
	list-style-type: none;
}
ul.cart_select li {
	margin: 0.5em 0px;
}
ul.cart_select ul li {
	margin: 0.5em 0px;
}