/* name:Forms */
/* media:Screen */
/* version:0.5 */
/* comments:Reusable form styles. This can go anywhere a form is displayed. */


/* ----------------------------------------------------------------------
	COMMON FORM
	Generalised layout for form elements
	---------------------------------------------------------------------- */
#checkout {
	margin:0;
}
form {
	margin:0;
	padding: 0;
	float:left;
}

input, textarea {
	border:1px solid #9C9C9C;
	background-color:#FFFFFF;
	background-image:url(../images/bkg_text_input.gif);
	background-repeat:repeat-x;
}
button {
	font-size:1em;
	border:1px solid #999999;
	background-color:#E0BC6E;
	background-image:url(../images/bkg_button.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding:0.2em 0 0.2em 0;
}
fieldset {
	background-color:#222222;
	padding:0.8em;
	margin: 0.8em 0 0.8em 0.8em;
}

/* General stuffies */	
#checkout form {
	width:100%;
}

/* STYLING FOR CHECK OUT FORMS */


#checkout h2,
#checkout h3,
#checkout h4,
#checkout p{
	margin-left:0;
	padding-left:20px;
}
#checkout h2 {
	margin-bottom:16px;
	font-size:2em;
}
#checkout .colWide {
	padding-right:0;
}
#checkout .colNarrow h2 {
	padding-left:0;
}


/* ----------------------------------------------------------------------
	PROCESS SPECIFIC STEPS
	---------------------------------------------------------------------- */
	
	
/* ----------------------------------------------------------------------
	TASTY FORM FILLINGS
	---------------------------------------------------------------------- */

#checkout table {
	margin:0;
	float:left;
	width:96%;
	margin-left:10px;

}
#checkout table a,
#checkout table a:visited {
	color:#FFFFFF;
}
#checkout thead,
#checkout tfoot {
	background-color:#000000;
}
#checkout thead td,
#checkout tfoot td,
#checkout thead th,
#checkout tfoot th{
	padding:0.5em 0;
}
#checkout thead th {
	border-bottom:1px solid #CCCCCC;
}

#checkout thead th.product {
	_padding-left:24px;
}
#checkout tfoot th {
	text-align:right;
	padding-right:12px;
	font-size:1.4em;
	font-weight:normal;
}
#checkout tbody {
	border: 1px solid #444444;
}
#checkout tbody td {
	padding:0.5em;
	background-color:#202020;
}
#checkout .remove {
	float:left;
	width:16px;
	height:16px;
	height/**/:0;
	padding-top:16px;
	overflow:hidden;
	background-image:url(../ui/widget_remove.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0 24px 0 6px;
}
#checkout table tr.productRow td{
	border-bottom:1px solid #444444;
}
#checkout tr.productRow td.quantity {
	text-align:center;
}
#checkout #finalTotal {
	font-size:1.8em;
}

/*----------------------------------------------
	INPUTS, FORM ELEMENTS
----------------------------------------------*/

#checkout legend{
	margin-left:0;
	padding-left:0;
	font-size:1.6em;
	color:#FFFFFF;
}

#checkout fieldset {
	margin-bottom:10px;
}

#checkout fieldset p {
	margin:0;
	padding-left:10px;
}

#checkout textarea {
	height:8em;
}

/*----------------------------------------------
	DESTINATION CHOICES
	Styles for the def list that displays the order summary 
----------------------------------------------*/
#checkout #giftDetails {

}

#checkout #giftDetails .option {
	width:2em;
	float:left;
	margin:-0.25em 0 0 0 !important;
	clear:none;
}

#checkout #giftDetails label.wide{
	width:80% !important;
}

#checkout #freight label{
	width:45%!important;
	margin:0;
	float:left!important;
	clear:none!important;
}
#checkout #freight input {
	width:2em;
	margin:-0.25em 0 0 0 !important;
	clear:none;
}

/*----------------------------------------------
	TOTALS LIST 
	Styles for the def list that displays the order summary 
----------------------------------------------*/

#checkout #totals {
	float:left;
}

#checkout #totals dl {
	text-align:left;
	float:left;
	margin-left:20px;
}
#checkout #totals dt {
	float:left;
	width:10em;
	clear:left;
}
#checkout #totals dd {
	clear:right;
}

/*----------------------------------------------
	BUTTON BAR
	Styles for the def list that displays the order summary 
----------------------------------------------*/

#checkout #controls {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #222222;
	border-bottom:1px solid #222222;
	background-color:#36251D;
	margin:0 0 20px 0;
}
#checkout #controls p {
	float:left;
	margin:10px;
}
#checkout #controls button {
	float:right;
	margin:10px;
}

/*	----------------------------------------------------------------------
	CONFIRM ORDER
	---------------------------------------------------------------------- */
#confirm table {
	_display:inline;
	float:left;
	margin-bottom:1em;
}
#confirm h3 {
	padding-left:0;
	padding-bottom:0.2em;
	margin-left:2%;
	margin-bottom:0.3em;
	border-bottom:1px solid #999999;
	font-size:1.6em;
}
#confirm h4 {
	margin-top:0.8em;
	margin-bottom:0 !important;
	font-size:1.3em;
	font-weight:normal;
	color:#666666;
}
#confirm dl {
	clear:both;
	width:96%;
	margin-left:2%;
	display:inline;
	float:left;
	margin-bottom:2em;
}
#confirm dt {
	clear:left;
	float:left;
	width:9em;
	font-weight:bold;
	color:#999999;
}
#confirm .buttonBar {
	float:right;
	margin-left:1em;
	width:40%;
}