.order-form {
	display:none;
	_z-index:10;
	background-color:#333;
	width:400px;	
	min-height:200px;
	background-color:#f5f5f5;
    padding:15px;
	position:relative;
 
    /* rounded corners */
    -moz-border-radius:12px;
    -khtml-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius:12px;	
	
	padding:15px 20px; 
	color:#333;
	width:400px;
	margin:0 auto;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	

}

/* close button positioned on upper right corner */
.order-form .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
 
.order-form .clear{
    clear:both;
}
 
.order-form td{
    white-space:nowrap;
	vertical-align: top;
	position:relative;	
}
 
.order-form .field{
    white-space:nowrap;
	vertical-align: top;
	position:relative;	
}

.order-form a, a:visited {
    color:#00BBFF;
    text-decoration:none;
    outline:none;
}
 
.order-form a:hover{
    text-decoration:underline;
}
 
.order-form .big,
.order-form .thanks
{
    color:#777777;
    font-size:28px;
    font-weight:normal;
    text-transform:uppercase;
    margin-bottom:5px;
	text-align: center;
}
.order-form .body{
    margin:10px 0;
    padding:15px 0;
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
}
	
.order-form p
{
    font-weight:normal;
    font-size:14px;
    text-transform:uppercase;
    color:#AAA;
	text-align: center;
}
 
.order-form label{
    text-transform:uppercase;
    font-size:14px;
	padding: 8px 0;
	display:block;
	color:#555;
}
 
.order-form textarea{
    color:#404040;
    font-size:16px;
}
 
.order-form td > button{
    /* A special CSS selector that targets non-IE6 browsers */
    text-indent:8px;
}
 
.order-form .error{
    /* this class is used if JS is disabled */
    background-color:#AB0000;
    color:white;
    font-size:14px;
    font-weight:bold;
    margin-top:10px;
    padding:10px;
    text-transform:uppercase;
    width:300px;
}
 
.order-form #loading{
    /* the loading gif is hidden on page load */
    position:relative;
    bottom:9px;
    visibility:hidden;
}

/* input field */
#order-form input,
#order-form select,
#order-form textarea
 {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:16px;
	width: 250px;
	margin: 2px;
	
	/* CSS3 spicing */
	text-shadow:1px 1px 1px #000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

#order-form input:focus,
#order-form select:focus,
#order-form textarea:focus{ 
	color:#fff; 
	background-color:#888; 
}
		
#order-form input:active,
#order-form select:active,
#order-form textarea:active{ 
	background-color:#999; 
}

#order-form input.button{
	width:50%;
	color:#333;
	background-color:#DDD; 	
	text-shadow:1px 1px 1px #FFF;
	cursor:pointer;
}
#order-form input.button:hover{
	width:50%;
	color:#000;
	background-color:#FFF; 	
	text-shadow:1px 1px 1px #FFF;
	cursor:pointer;
}
/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	display:none;	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

.error p {
	margin:0;		
}

/* field label */


#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}