/* CSS Document - Localitees Forms */

/*
** ALL TABLES IN CONTENT AREA
*/
.thWidest {
	text-align: left;
	width: 105px;
}
.thWide {
	text-align: left;
	width: 80px;
}
.thWideRight {
	text-align: right;
	width: 80px;
}
.thNarrow {
	text-align: left;
	width: 45px;
}


/*
** ALL FORMS IN CONTENT AREA
*/

#content form {
    background-color: #F9F9F9;
    padding: 10px 10px 0px 10px;
}
#content .formLabel {
	color: #666;
	float: left;
	margin: 2px 0px 0px 0px;
}
#content form input, form select {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	color: #666;
    float: right;
    font-family: verdana, arial, sans serif;
    font-size: 0.92em;
    margin: -1px 0px 0px 0px;
	padding: 1px;
	width: 165px;	
}
#content form .formPara {
	padding: 0px 0px 10px 0px;
}
#content form .formLine {
	height: 19px;
	padding: 0px 0px 2px 0px;
	
}
#content form textarea {
    border-top: 1px solid #666;
	border-left: 1px solid #666;
    margin: 2px 0px 0px 5px;
}
#content form .submitBtn {
	background-color: #F9F9F9;
	border-top: none;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: none;
    cursor: pointer;
	float: left; 
	margin: 10px 0px 10px 0px;
	width: 85px;
}


/*
** JOIN MAILING LIST FORM - HEADER
*/
li #joinUp {
	cursor: pointer;
}
li #joinForm {
	margin: 0px 0px 2px 0px;
}
li #joinInputBox {
	background-color: #CCC;
	border-top: 1px solid #444;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #444;
	color: #666;
	font-size: 0.8em;
	padding: 1px 3px 1px 3px;
}
li #joinForm #signUpSubmit {
	background-color: #50504D;
    cursor: pointer;
    font-family: helvetica, arial, sans-serif;
    font-size: 1em;
    margin: 0px 0px 0px -2px;
}


/*
** CREATE TEE FORM
*/
#createForm .formLine #typePrint {
	float: left;
	margin: 0px 3px 1px 145px;
	padding: 0px 0px 0px 5px;
	width: 100px;	
}
#createForm .formPara #setPrint {
	cursor: pointer;
	padding: 3px 0px 0px 0px;
}
#createForm .formLine #qty, #createForm .formLine #size {
	margin: -1px 115px 0px 0px;
	width: 50px;	
}


/*
** CART
*/
#content #contentBackground #contentCart form {
	background-color: #fff;
}
#contentCart form .submitBtn {
	float: none;
	margin: 10px 0px 5px 580px;
}
#orderItemsTable {
	background-color: #F9F9F9;
	border: 1px solid #ccc;
	padding: 5px;
	/*Opacity settings for all browsers*/
     filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}


/*
** CONTACT FORM
*/
#contentRight #contactForm {
    height: 235px;
    margin: 10px 0px 0px 0px;
}
#contentRight #contactForm .formPara #joinMailList {
    padding: 110px 0px 0px 0px;
}
#contentRight #contactForm .formPara #join {
	float: none;
	margin: 110px 0px 0px 10px;
	width: 15px;
}
#contentRight #contactForm .submitBtn {
    margin: 10px 0px 0px 0px;
}


/*
** MAILING LIST PAGE TRY AGAIN FORM
*/
#content #contentBackground #contentRight #tryAgainForm p {
	padding: 0px 0px 5px 0px;
}
#content #contentBackground #contentRight #tryAgainForm h3 {
	padding: 15px 0px 5px 0px;
}
#content #contentBackground #contentRight #tryAgainForm form {
	background-color: transparent;
	padding: 0px;
}
#tryAgainForm form #tryAgainInput input {
	background-color: #CCC;
	border-top: 1px solid #444;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #444;
	color: #666;
	font-size: .9em;
	margin: 0px 10px 0px 0px;
	padding: 1px 3px 1px 3px;
    width: 150px;
}
#content #contentBackground #contentRight #tryAgainForm form input {
    float: left;
}
#tryAgainForm form #tryAgainSubmit input {
	border-top: none;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-left: none;
    cursor: pointer;
    font-family: helvetica, arial, sans-serif;
    font-size: .95em;
    width: 60px;
}



/*
** CONTENT - CHECKOUT, PURCHASE, RECEIPT
*/
#contentCheckout, #contentReceipt, #contentPurchase {
	height: 570px;
    padding: 20px;
}
#purchaseOrderDetails, #receiptOrderDetails, #checkoutProcessing, #checkoutOrderDetails{
	background-color: #F9F9F9;
	padding: 10px;
}
#receiptOrderDetails #orderItemsTable, #purchaseOrderDetails #orderItemsTable {
	border: none;
}
#receiptAddress, #purchaseAddress {
	float: left;
	padding: 20px 0px;
	width: 300px;
}
#receiptPayment, #purchaseCustomer {
	float: left;
	padding: 20px 20px 50px 0px;
	width: 340px;
}
#receiptAddress p, #receiptPayment p {
	padding: 0px;
}
#purchaseAddress p, #purchaseCustomer p, #receiptOrderDetails p {
	padding: 0px 0px 0px 10px;
}
#checkoutOrderDetails form {
	margin: 0px 0px 10px 435px;
	padding: 10px 6px 0px 0px;
}
#orderTotalTable, #changeCurrencyForm {
	float: right;
	width: 205px;
}
.checkoutTableHeading {
	width: 120px;
}
#currency {
	float: none;
	margin: 0px 0px 0px 5px;
	width: 55px
}
#checkoutOrderDetails form .submitBtn {
	float: right;
	margin: 5px 85px 10px 0px;
	width: 115px;
}
#contentCheckout .formPara {
	width: 300px;
}
#custDetails {
	height: 150px;
	margin: 85px 0px 20px 0px;
}
#contentCheckout #orderItemsTable, #contentCheckout #address, #contentCheckout #contactDetails  {
	margin: 0px 0px 0px 10px;
}
#contentCheckout #paymentMethod {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
}
#address h4, #contactDetails h4, #paymentMethod h4 {
	margin: 0px 0px 0px -10px;
}
#contentCheckout #address {
	float: right;
	padding: 0px 20px 0px 0px;
}
#contentCheckout #findPostCode {
	cursor: pointer;
	font-size: 0.92em;
}
#contentCheckout #contactDetails, #paymentSelect {
	float: left;
}
#checkoutForm #paymentMethod #mailingListCheckbox {
	float: right;
}
#paymentMethod {
	height: 50px;
	padding: 0px 20px 0px 0px;
}
form #paymentMethod #mailingListCheckbox input {
	margin: 0px 155px 0px 0px;
	width: 15px;
}
#checkoutForm p {
	padding: 5px 0px 10px 10px;
}
#paypal form {
	background-color: transparent;
	float: left;
	margin: 10px 0px 0px 0px;
}
#content form #paypalSubmitBtn input {
	border: none;
	float: none;
	height: 31px;
	width: 62px;
}
#content form #confirmBtn input {
	width: 150px;
}
#purchaseBtn form {
	padding: 0px;
}
#receiptPayment p {
	padding: 0px 0px 5px 0px;
}
#purchaseOrderDetails #purchaseBtn form .submitBtn {
	margin: 20px 0px 10px 0px;
}




/*
** ADMIN AREA
*/


/*
** ALL FORMS & TABLES IN ADMIN AREA
*/
#contentRightAdmin form {
    background-color: #eee;
    width: 300px;
}
table th, table td {
    padding: 0px 5px 3px 5px;
    text-align: left;
}
#contentRightAdmin .deleteForm, #content .deleteForm {
    height: 10px;
    margin: -2px 0px 0px 0px;
    padding: 0px;
    width: 50px;
}
td .deleteForm .deleteSubmit {
    background-color: #EEE;
    color: #999;
}
#content .deleteForm input {
    border-top: none;
    border-left: none;
    cursor: pointer;
    width: 50px;
}
    

/*
** LOGIN FORM
*/
#logInAuth {
    border: 1px solid #666;
    margin: 10px 0px 40px 0px;
    width: 480px;
}
#logInAuth #formLabel {
	float: left;
}
#logInAuth #username, #logInAuth #password {
	margin-right: 170px;
}
#forgotPW {
    float: right;
    margin: -15px 10px 0px 0px;
}
/*
** LOGOUT FORM
*/

#contentAdmin #logoutForm {
	padding: 0px;
}
#contentAdmin #logoutForm input {
	border: none;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
	width: 80px;
}

/*
** ADD ADMIN USER
*/
#displayAdminUsersForm #add_admin_submit {
    width: 100px;
}
#addEditAdminUserForm form {
    width: 300px;
}

/*
** ADD GARMENT STYLE
*/
#contentRightAdmin #addEditGarmentStyleForm form {
    height: 400px;
    width: 380px;
}
#contentRightAdmin #addEditGarmentStyleForm .formPara .formLine input {
    width: 220px;
}
#contentRightAdmin #addEditGarmentStyleForm .formPara {
    padding: 0px 0px 10px 0px;
}
#contentRightAdmin #addEditGarmentStyleForm .formLabel {
    width: 155px;
}
#contentRightAdmin #addEditGarmentStyleForm #sizes #mens {
    padding: 0px 0px 10px 155px;
}
#contentRightAdmin #addEditGarmentStyleForm #sizes .formLine input, #contentRightAdmin #addEditGarmentStyleForm #colours .formLine input, #contentRightAdmin #addEditGarmentStyleForm #prints .formLine input {
	float: none;
	width: 12px;
}
#colours {
	height: 180px;
}
#prints {
	height: 100px;
}

/*
** ADD NEWSLETTER & ADD COLOURWAY 
*/
#contentRightAdmin #addEditNewsletterForm form {
	height: 300px;
}
#displayNewslettersForm #add_newsletter_submit, #displayColourwaysForm #add_colourway_submit  {
	width: 120px;
}
#contentRightAdmin form .formLine .textArea {
	float: right;
}