/* CSS Document */


@font-face {
    font-family: openSans;
    src: url(fonts/OpenSans-Light.ttf);
}

body
{
	margin:0px; padding:0px; height:100%; width:100%;
	font-family:openSans;
	color:#2c2e2f;
	background:#000;
	-webkit-print-color-adjust:exact;

}
h1,h2,h3,h4,h5,h6,p,ul{ margin:0px; padding:0px; }
div,a,h1,h2,h3,h4,h5,h6,p,ul,li
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul
{
	margin:0px; padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	box-sizing: border-box;
}
li
{
	list-style:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a,a:hover
{
	text-decoration:none; color:#1e91cf;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	cursor:pointer;
}


input[type='text'],input[type='password'],input[type='number'],select
{
	width:100%; height:35px; float:left;
	border:1px solid #d9e1e6; outline:0px;
	padding:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
	font-size:12px;
}
input:focus,select:focus{ border:1px solid #0070ba; }


/* Table */
.table
{
	width:100%; height:auto;
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
}
.table thead
{
	background:#e9eff3;
	font-size:16px; font-weight:600; text-align:left;
}

.table th
{
	padding-top:4px; padding-bottom:4px; padding-left:8px;
	text-transform:uppercase;
}
.table td
{
	padding:5px; padding-left:0px;
	font-weight:600;
}


#logo
{
	width:100%; height:auto; float:left;
	margin-top:25px; margin-bottom:15px;
	text-align:center;
}
#logo img{ height:65px; width:auto; }

@media(max-width:400px)
{
	
	#logo img{ height:auto; width:90%; }

}

#main
{
	width:92%; height:auto; margin:0 auto;
	max-width:500px;
}

#item_name
{
	width:100%; height:auto; float:left;
	margin-bottom:20px;
	font-size:18px; color:#e9dfa2; font-weight:800; text-align:center;
}


#item_right
{
	width:100%; height:auto; float:left;
	color:#FFF;
}
#item_right h3
{
	margin-bottom:15px; font-weight:600;
	border-bottom:1px solid #FFF;
	padding-bottom:5px;
}

#price
{
	min-width:150px; height:auto; float:left;
	padding:10px; padding-top:7px; padding-bottom:5px;
	margin-top:15px; margin-left:150px;
	background:#4f82bb; border:2px solid #375c90;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	font-size:26px; text-align:center; font-weight:600; color:#FFF;
}


@media(max-width:400px)
{
	
	#price{ margin-left:0px; }

}

#cost
{
	width:100%; height:auto; float:left; display:none;
	margin-top:25px; margin-bottom:25px;
}

label
{
	width:100%; height: auto; float:left;
	margin-bottom:4px;
	font-size:12px; text-transform:uppercase;
}

button
{
	width:100%; height:30px; float:left;
	border:0; outline:0px; background:#0070ba; cursor:pointer;
	padding:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:12px; color:#FFF;
}