/* SUPPORT */
/* * {
	margin: 0;
	padding: 0;
} */
body {
	
	font-family:"Arial Black",Gadget,sans-serif;
	background: #eee;
	background-image:url("../images/bg-repeat.jpg");
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
}
/* #container {
	margin: 15px auto;
	width: 1024px;
	height:768px;
} */
#keyboardContainer {
	margin-left:28px;
	
}

#keyboardContainer-page2 {
	margin-left:28px;
	margin-top: 15px;
	
}

#header {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/first_header.png");
	width:924px;
	height:44px;
}

#order_form_content {
	/* margin-top:40px; */
	margin-left:auto;
	margin-right:auto;
	width:924px;
}
#products {
	margin-left:50px;
}
.product_info {
	height:50px;
	width:500px;
	float:left;
}
.product_name {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:white;
	width:500px;
	float:left;
	padding-top:9px;
	margin-top:-8px;
}
.product_desc {
	font-family:"Arial",Gadget,sans-serif;
	font-size:12pt;
	font-style:Italic;
	font-weight:bold;
	color:#b6e5ff;
	width:500px;
	margin-top:-2px;
	float:left;

}
.product_quantity {
	width:320px;
	float:left;
	height:50px;
	padding-bottom:30px;
}


.minus {
	cursor: pointer;
	height:50px;
	width:100px;
	background:url(../images/plus_minus.png) 0px 0px;
	float:left;
}

.plus {
	cursor: pointer;
	height:50px;
	width:100px;
	background:url(../images/plus_minus.png) -100px 0px;
	float:left;
}

.quantity_form {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:30pt;
	width:65px;
	float:left;
	padding-left:55px;
	color:white;
	font-weight:bold;
}

#next_step {
	cursor: pointer;
	margin-left:500px;
}

#cancel {
	cursor: pointer;
	height:50px;
	width:150px;
	background:url(../images/cancel_next.png) 0px 0px;
	float:left;
}

#next {
	cursor: pointer;
	margin-left:20px;
	height:50px;
	width:150px;
	background:url(../images/cancel_next.png) -150px 0px;
	float:right;
}

#footer {
	margin-top:75px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/footer.png");
	background-repeat:no-repeat;
	background-position:center bottom; 
	width:924px;
	height:13px;
	
}

#footer_text {
	margin-left:225px;
	width:480px;
	padding:0;
	font-size:10pt;
	font-family:"Arial Black",Gadget,sans-serif;
	font-weight:bold;
	color:#b6e5ff;
}

#write {
	margin: 0 0 5px;
	padding: 5px;
	width: 810px;
	height: 200px;
	font-family:"Arial Black",Gadget,sans-serif;
	background: #fff;
	border: 1px solid #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contact_form {
	margin-left:40px;
	/* margin-bottom:30px; */
}

.contact_text {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:20pt;
	width:265px;
	height:30px;
	padding-top:10px;
	vertical-align:text-bottom;
	text-align:right;
	color:white;
	font-weight:bold;
	float:left;
}

.contact_text_issue {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:20pt;
	width:490px;
	height:30px;
	padding-top:0px;
	vertical-align:text-bottom;
	text-align:left;
	color:white;
	font-weight:bold;
}

.contact_text_phone {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:20pt;
	width:320px;
	height:30px;
	padding-top:0px;
	vertical-align:text-bottom;
	text-align:left;
	color:white;
	font-weight:bold;

}


.input_form {
	cursor: pointer;
	background:transparent url('../images/input_form.png');
	background-repeat:no-repeat;
	width:525px;
	height:50px;
	border:0;
	float:left;
	margin-left:50px;
	margin-bottom:30px;
	padding-left:10px;
	
	font-family:"Arial",Gadget,sans-serif;
	font-size:18pt;
	color:#b6e5ff;
	font-style:Italic;
	font-weight:normal;
	outline: none;
}


.input_phone {
	cursor: pointer;
	background:transparent url('../images/input_phone.png');
	background-repeat:no-repeat;
	width:310px;
	height:50px;
	border:0;
	float:left;
	margin-bottom:60px;
	padding-left:10px;
	font-family:"Arial",Gadget,sans-serif;
	font-size:18pt;
	color:#b6e5ff;
	font-style:Italic;
	font-weight:normal;
	outline: none;
}

.textarea_issue {
	cursor: pointer;
	background:transparent url('../images/textarea_issue.png');
	background-repeat:no-repeat;
	width:473px;
	height:154px;
	border:0;
	float:left;
	padding-left:10px;
	padding-top:5px;
	font-family:"Arial",Gadget,sans-serif;
	font-size:18pt;
	color:#b6e5ff;
	font-style:Italic;
	font-weight:normal;
	outline: none;
	overflow: auto;
}

#contact_issue {
	float:left;
}
#contact_phone {
	float:left;
	width:320px;
	height:240px;
	margin-left:25px;
}


#confirm_contact {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:10pt;
	color:#b6e5ff;
	font-weight:bold;
	width:365px;
	height:30px;
	text-align:left;
	padding-top:15px;
	float:left;
}

#support_info {
	font-family:"Arial",Gadget,sans-serif;
	font-size:10pt;
	color:red;
	font-weight:bold;
	font-style: italic;
	width:433px;
	height:30px;
	text-align:left;
	padding-top:10px;
	float:left;
	line-height:18px;
}

.checkbox_confirm_ON {
	cursor: pointer;
	height:50px;
	width:50px;
	background:url(../images/contact_accept.png) 0px 50px;
	float:left;
	text-align:right;
	margin-left:10px;
}

.checkbox_confirm_OFF {
	cursor: pointer;
	height:50px;
	width:50px;
	background:url(../images/contact_accept.png) 0px 0px;
	float:left;
	text-align:right;
	margin-left:10px;
}

#post_form_first_page {
	float:right;
	margin-right:47px;
	height:90px;
}
#post_form {
	float:right;
	height:90px;
	width:320px;
}

#back {
	cursor: pointer;
	height:50px;
	width:150px;
	background:url(../images/back_order.png) 0px 0px;
	float:left;
}

#submit {
	cursor: pointer;
	float:right;
	height:50px;
	width:150px;
	background:url(../images/submit.png) -150px 0px;
}

#errors {
	color:white;
	font-size:10pt;
	font-weight:bold;
	margin-top:10px;
/*	padding-left: 435px; */
}

#thankyou {
	/* margin-top:200px; */
	text-align:center;
	font-family:"Arial Black",Gadget,sans-serif;
}
#thankyou_big {
	font-size:50pt;
	color:white;
	font-weight:bold;
}
#thankyou_small {
	font-size:12pt;
	color:#b6e5ff;
	font-weight:bold;
}

#close_button {
	cursor: pointer;
	margin:0 auto;
	margin-top:50px;
	width:150px;
	height:50px;
	background:url(../images/close.png);
}

.keyboard {
	margin: 0;
	padding: 0;
	list-style: none;
}

.keyboard li {
	font-family:"Arial Black",Gadget,sans-serif;
	font-size:18px;
	color:white;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.capslock, .tab, .left-shift {
	clear: left;
}
.keyboard .letter, .keyboard .symbol {
	height:50px;
	width: 51px;
	background:url(../images/keyboard.png) -1148px 0px;
}
.keyboard .tab, .keyboard .delete {
	height:50px;
	width: 84px;
	background:url(../images/keyboard.png) -1065px 0px;
}
.keyboard .capslock {
	height:50px;
	width: 97px;
	background:url(../images/keyboard.png) -968px 0px;
}
.keyboard .return {
	height:50px;
	width: 97px;
	background:url(../images/keyboard.png) -968px 0px;
}
.keyboard .left-shift {
	height:50px;
	width: 115px;
	background:url(../images/keyboard.png) -854px 0px;
}
.keyboard .right-shift {
	height:50px;
	width: 115px;
	background:url(../images/keyboard.png) -854px 0px;
}
.lastitem {
	margin-right: 0;

}
.uppercase {
	text-transform: uppercase;
}
.keyboard .space {
	clear: left;
	height:50px;
	width: 854px;
	background:url(../images/keyboard.png) 0px 0px;
}
.on {
	display: none;
}
.keyboard li:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #e5e5e5;
	cursor: pointer;
}
		
.row1 li {
	margin: 0 0.44em 5px auto;
}
.row2 li {
	margin: 0 0.44em 5px auto;
}
.row3 li {
	margin: 0 0.44em 5px auto;
}
.row4 li {
	margin: 0 0.55em 5px auto;
}