@charset "utf-8";
/* CSS Document */

#checkout
	{
		margin-left: 10px;
	}

P
	{
		font-size: 11px;
		clear: both;
	}
	
#order
	{
		width: 780px;
	}

#order #header 
	{
		background: none;
		height: auto;
		width: 770px;
	}
	
#order #header DIV, #order #row DIV, #order #row_even DIV, #footer .row
	{
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 20px;
		border-left:  1px solid #C3C9CE;
		vertical-align: middle;
		padding-bottom: 6px;
	}


#order #row, #order #row_even
	{
		height: auto;
		border-bottom: 1px solid #C3C9CE;
		float: left;
	}


#order #row_even
	{
		background-color: white;
	}

#order #header DIV
	{
		background: #ccc;
		font-weight: bold;
		text-align:center;
		border-top: 1px solid #ccc;
	}	

#name {	width: 350px;}
#quant {width: 40px;}
#unit {width: 90px;}
#discount {width: 70px;}
#drop {width: 20px; border-right: 1px solid #ccc}

#final, #value {width: 90px;}

#unit, #final, #value {text-align: right}


#order #footer
	{
		background: none #ccc;
		float: left;
		height: auto;
		width: 758px;
		margin:0;
	}

#footer .row .label, #footer .row .total
	{
		width: 600px;
		height: 20px;
		float: left;
		text-align: right;
		font-weight: bold;
		padding-right: 10px;
		font-size: 12px;
	}

#footer .row .total { width: 125px;}

.coupon
	{
		height: 191px;
		width: 350px;
		position: relative;
		margin-top: 20px;
	}
.coupon {background: url('/skin/Devilish/images/box_codes.png') top left no-repeat;}


.description
	{
		margin-bottom: 5px;
	}
	
#values
	{
		width: 300px;
	}
#values .row .valLabel, #values .row .value
	{
		float: left;
		width: 150px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 22px;
	}
	
#values .row .valLabel
	{
		font-weight: bold;
	}
	
.button
	{
	margin-bottom:4px; margin-right:10px;
	}
	
.regulartext
	{
		margin:0 33px;
	}
	
H1
	{
		float:none;
	}
.labels{ position: relative}

.inputBox
	{
		border: solid 1px #666666;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 11px;
		width: 140px;
		text-align: left;
		position: relative;
		margin-bottom: 3px;
	}
	
.MainLayout
	{
		float: left;
		
	}

.description, .list, .labels
	{
		margin: 0;
		margin-bottom: 5px;
	}

#PNButtons
	{
		width: 280px;
		height: 25px;
		margin-top: 20px;
	}

#leftButton	{ float: left;}
#rightButton	{ float: right; width: 150px;}