/***
Filename:		shoppingcart.css
Author:			Andrei Vais
Date:			01/10/2009
Description:	Styling for shopping cart
***/

#pagecontent p
{
	float: left;
	line-height: 140%;
	margin: 0 0 9px 0;
	width: 100%;
}

#pagecontent h3
{
	float: left;
	font-size: 120%;
	padding: 10px 0;
	text-transform: lowercase;
	width: 100%;
}

#pagecontent p strong {font-weight: bold;}
#pagecontent form, #pagecontent form fieldset, #pagecontent form fieldset table, #pagecontent table {float: left; width: 100%;}
#pagecontent form fieldset legend, #pagecontent form fieldset table caption, #pagecontent table caption {display: none;}

/*	Defintions for shopping cart	*/
#pagecontent form fieldset table thead, #pagecontent form fieldset table tfoot, #pagecontent form fieldset table tbody,
#pagecontent form fieldset table thead tr, #pagecontent form fieldset table tfoot tr, #pagecontent form fieldset table tbody tr,
#pagecontent table thead, #pagecontent table tfoot, #pagecontent table tbody,
#pagecontent table thead tr, #pagecontent table tfoot tr, #pagecontent table tbody tr
{
	width: 100%;
}

#pagecontent form fieldset table th, #pagecontent form fieldset table td, #pagecontent table th, #pagecontent table td
{
	border: 1px solid #C5C4B4;
	padding: 1% 5px;
	vertical-align: top;
}

#pagecontent form fieldset table th, #pagecontent table th {font-weight: bold; width: 23%;}

#pagecontent form fieldset table th#Quantity, #pagecontent table th#Quantity {width: 10%;}
#pagecontent form fieldset table th#RemoveSample, #pagecontent table th#RemoveSample {width: 12%;}

#pagecontent form fieldset table td select
{
	color: #000000;
	display: inline;
	float: left;
	padding: 2px;
	width: auto;
}

#pagecontent form fieldset table td a, #pagecontent form fieldset table td #submit
{
	background: #E8EAE3;
	border: 1px solid #938B82;
	color: #77786c;
	cursor: pointer;
	display: inline;
	float: right;
	letter-spacing: -1px;
	padding: 0 10px 3px 8px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}

#pagecontent form fieldset table td a {padding: 2px 9px 4px 8px; font-family: Verdana, Helvetica, Arial, Sans-Serif;}
#pagecontent form fieldset table td a#continue {float: left;}
/*	End of defintions for shopping cart	*/


/*	Defintions for registration/login forms for shopping cart 	*/
#pagecontent #registerform, #pagecontent #loginform, #pagecontent #passwordreminder
{
	display: inline;
	padding-right: 2.8%;
	width: 47%;
}

#pagecontent #registerform {border-right: 1px dotted #938B82;}


#pagecontent #loginform, #pagecontent #passwordreminder {display: inline; float: right; padding: 0 0 0 2%;}
#pagecontent #passwordreminder {border-top: 1px dotted #938B82; margin: 15px 0 0 2%; padding: 15px 0 0 0;}

#pagecontent #loginform fieldset, #pagecontent #registerform fieldset, #pagecontent #passwordreminder fieldset {margin: 0;	padding: 0;}

#pagecontent hr
{
	border: 0;							/*	doing it this stops Firefox from doing double border	*/
	border-top: 1px dotted #938B82;
	clear: left;
	float: left;
	height: 0;
	margin: 15px 0;
	padding: 0;
	width: 100%;
}

#pagecontent form fieldset legend {display: none;}

#pagecontent form fieldset ul
{
	border: 0;
	display: inline;
	float: left;
	padding: 20px 0 12px 0;
	width: 100%;
}

#pagecontent form fieldset ul li, #pagecontent form fieldset p
{
	display: inline;
	float: left;
	margin: 3px 0 4px 0;
	width: 100%;
}

#pagecontent form fieldset p {margin: 5px 0;}

#pagecontent form fieldset label
{
	display: inline;
	float: left;
	font-weight: bold;
	line-height: 120%; 
	margin: 3px 2% 0 0;
	padding-bottom: 2px;
	text-align: right;
	text-transform: lowercase;
	width: 34%;
}

#pagecontent form fieldset p label {display: inline; margin: 6px 2.8% 0 0;}

#pagecontent form fieldset p label.checkboxlabel {margin-top: 3px; width: 81%;}

#pagecontent form fieldset p input, #pagecontent form fieldset p textarea {float: left; width: 49.5%;}
#pagecontent form fieldset p textarea
{
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 95%;
	height: 86px;
}

#pagecontent form fieldset p input.button
{
	background: #E8EAE3;
	border: 1px solid #938B82;
	color: #77786c;
	cursor: pointer;
	display: inline;
	float: right;
	letter-spacing: -1px;
	margin-right: 12.5%;
	padding: 0 10px 3px 8px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}

#pagecontent form fieldset .fieldsgroup {float: left; width: 44%;}
#pagecontent form fieldset .secondgroup {display: inline; margin-left: 1%; width: 50%;}

#pagecontent form fieldset .fieldsgroup h3
{
	display: inline;
	float: right;
	font-weight: bold;
	font-size: 110%;
	margin-right: 22%;
	padding-bottom: 5px;
	text-transform: lowercase;
	width: auto;
}

#pagecontent form fieldset .secondgroup h3 {margin-right: 25.5%;}

#pagecontent form fieldset .formfieldoptions
{
	border: 0;
	display: inline;
	float: left;
	padding: 0;
	width: 100%;
}

#pagecontent form fieldset .fieldsgroup label {display: inline; float: left; margin-right: 4.4%; width: 78%;}
#pagecontent form fieldset .secondgroup label {width: 74.4%;}

#pagecontent #pleaseSpecifyType_label {font-weight: normal; font-style: italic;}
#pagecontent #pleaseSpecifyType {display: inline; float: right; margin-right: 10%;}

#pagecontent form fieldset .fieldsgroup input {width: 52%;}

#pagecontent form fieldset input.checkbox {margin-top: 1px; width: auto;}
#pagecontent form fieldset input.radiobutton {margin-top: 4px; margin-bottom: 4px; width: auto;}

#pagecontent form #FormErrorMessage
{
	color: #A62D38;
	display: inline;
	margin: 0 0 10px 37%;
	width: 49%;
}


/*	Style rules for form validation	*/
#pagecontent form input.disabled {border: 1px solid #F2F2F2; background-color: #F2F2F2;}

#pagecontent form input.required, #pagecontent form textarea.required {border: 1px solid #00A8E6; width: 50.5%;}

#pagecontent form input.validation-failed, #pagecontent form textarea.validation-failed {border: 1px solid #FF3300; color: #FF3300;}

#pagecontent form input.validation-passed, #pagecontent form textarea.validation-passed {border: 1px solid #00CC00; color: #000000;}

#pagecontent form .validation-advice 
{
	border: 1px dashed #FF3300;
	color: inherit;
	display: block;
	float: right;
	font-size: 85%;
	font-weight: bold;
	height: auto;
	margin: 5px 12.3% 5px 0;
	padding: 5px 1%;
	text-transform: lowercase;
	width: 48.6%;
}

#pagecontent form fieldset .fieldsgroup .validation-advice {margin-right: 10%; width: 82%;}
#pagecontent form fieldset .secondgroup .validation-advice {margin-right: 15%; width: 76%;}
/*	End of definitions for form validation	*/
/*	End of defintions registration/login forms for shopping cart	*/