body { margin-bottom: 30px; }

h1 {

	font-weight: 300;

	font-size: 36px;

	line-height: normal;

	margin: auto;

	margin-top: 30px;

	text-align: center;

}

h2 {

	font-weight: 500;

	font-size: 20px;

	line-height: normal;

	margin: auto;

	margin-bottom: 30px;

	text-align: center;

	color: #09F;

}



.green { color: #3C3; }

.gray { color: #999; }



.form-horizontal .control-label { padding-top: 0; }

.form-horizontal.templatemo-payment-form .radio.templatemo-no-padding-top {	padding-top: 0; }

.control-wrapper {

	position: relative;

	padding: 0 15px;

}

.control-wrapper label.fa-label {

	position: absolute;

	left: 21px;

	top: 8px;

}

.form-group:last-child { margin-bottom: 0; }

.form-horizontal .control-label { margin-bottom: 10px; }

.form-horizontal .form-control { padding:6px 12px 6px 25px }

.table { margin-bottom: 0; }

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, 

.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

	vertical-align: middle;

}

.templatemo-form-list-container { max-width: 600px; }

.templatemo-input-icon-container { position: relative; }

.templatemo-input-icon-container .fa {

	color: gray;

	position: absolute;

	left: 10px;

	top: 10px;

}

.templatemo-input-icon-container input, 

.templatemo-input-icon-container textarea {

	padding-left: 30px;

}

.templatemo-container {

	background-color: rgba(255,255,255,0.8);

	border: 1px solid #dedede;

	border-radius: 8px;

	margin: 0 5px;

	padding: 30px 5px;

}

.templatemo-bg-gray { background-color: #eee; }

.templatemo-bg-gray h1 { color: rgb(74, 164, 180); }

.templatemo-bg-image-1 {

	background-color: rgb(60,60,60);

	background-image: url(../images/templatemo-bg-1.jpg);	

}

.templatemo-bg-image-2 {

	background-color: rgb(70, 90, 40);

	background-image: url(../images/templatemo-bg-2.jpg);

}

.templatemo-bg-image-1, .templatemo-bg-image-2 {

	background-repeat: no-repeat;

	background-position: center center;

	background-attachment: fixed;	

}

.templatemo-bg-image-1, .templatemo-bg-image-2 { background-size: cover; }

.font-size-small { font-size: 0.8em; }

.margin-bottom-15 {	margin-bottom: 15px; }

.margin-bottom-30 {	margin-bottom: 30px; }

.form-group { margin-bottom: 20px; }

.form-group a {	line-height: 34px; }

.fa { font-size: 16px; }

.fa.login-with {

	font-size: 30px;

	margin: 0 5px;

}

.fa-medium { font-size: 20px; }

.inline-block { display: inline-block; }



/*Site Gentral Start*/

#wrapper

{

width:100%;

height:auto;

float:left;

}



#page

{

width:320px;

height:auto;

margin:0px auto;

}



/*header Start*/

.header

{

width:320px;

height:auto;

float:left;

background:#fbfaf9;

}



.logo

{

width:302px;

height:auto;

float:left;

padding:0px 0px 10px 18px;

background:url(../images/border.png) bottom repeat-x;

}



.logo a{display:block}



.small-logo

{

width:251px;

height:auto;

float:left;

}



.home

{

width:51px;

height:auto;

float:left;

padding-top:30px;

}



/*content Start*/



.content

{

width:320px;

height:auto;

float:left;

padding:0px;

background:#fbfaf9;

}



.content ul

{

margin:12px auto 0px;

padding:0px;

width:280px;

}



.content ul li

{

background:url(../images/menu-bg.png) no-repeat;

height:39px;

font:bold 12px Arial, Helvetica, sans-serif;

color:#383333;

margin-bottom:5px;

display:block;

}



.content ul li a,.content ul li a:hover

{

color:#383333;

height:20px;

display:block;

padding:13px 0 0 15px;

margin:4px;

}



.content h1

{

font:18px Arial, Helvetica, sans-serif;

color:#8f9294;

padding:5px 0px 5px 0px;

}



.content p

{

font:12px Arial, Helvetica, sans-serif;

color:#8f9294;

line-height:18px;

padding-right:22px;

text-align:justify;

padding-bottom:15px;

}



table

{

width:100%;

margin:0px 0px 0px 0px;

padding:0px;

border-spacing:1px;

border-collapse:separate;

}

table.items_table, table.item_list, table.itemord, table.order_tbl

{

background:#FFFFFF;

}



.items_head_tr

{

cursor:pointer;

}



.toggle_menu

{

display:none;

right:0;

top:18px;

position:absolute;

z-index:9999;

background:#FFFFFF;

}



th

{

background-color:#333333;

color:#FFFFFF;

/*font-family:tahoma;*/

font-size:10pt;

padding:7px;

font-weight:bold;

}



td

{

padding:7px;

text-align:center;

color:navy;

background-color:#EDEDED;

/*font-family:tahoma;*/

font-size:10pt;

font-weight:bold;

}

/*tr.no-bg th{color:navy;background-color:#EDEDED;}*/

td.odd, th.odd

{

text-align:right;

}



td.even

{

text-align:left;

}



td.center, th.center

{

text-align:center;

}

#qty_1, #qty_2, #qty_3, #qty_4, #totrs_1, #totrs_2, #totrs_3, #totrs_4{padding-right:15px}

#qty_4, #totrs_4{padding-right:35px}

/*footer Start*/

.footer

{

width:302px;

height:auto;

float:left;

padding:5px 0px 20px 18px;

background:#fbfaf9;

}



.footer-left

{

width:22px;

height:auto;

float:left;

}

.footer-right

{

width:100px;

height:auto;

float:left;

}

.footer-center

{

width:159px;

float:left;

background:url(../images/footer-center.png) repeat-x;

height:40px;

font:12px Arial, Helvetica, sans-serif;

color:#FFFFFF;

padding-top:12px;

}

.content p.error, .content p.success

{

color:#FF0000;

text-align:center;

padding:0;

margin-bottom:5px;

}

.content p.success{color:#006600}

.clear{clear:both}

a.forgot{display:block;line-height:normal}

table.itemord input[type=text]

{

	width:35px;

}



table.itemord td, table.itemord th

{

	padding:7px 0px;

}





/*-------------------------------------

2. login-form-1

---------------------------------------*/

.templatemo-login-form-1 { max-width: 500px; }

.templatemo-login-form-1 a { color: gray; }

.templatemo-login-form-1 a:hover {

	color: black;

	text-decoration: none;

	cursor: pointer;

}

.templatemo-create-new {

	color: #58B4BB;

	font-size: 18px;

	font-weight: 300;

}

.templatemo-create-new:hover {

	color: #138892;

	text-decoration: none;

}

a.dp-choose-date {

	float: left;

	width: 16px;

	height: 16px;

	padding: 0;

	margin: 5px 3px 0;

	display: none;

	text-indent: -2000px;

	overflow: hidden;

	background: url(../../images/calendar.png) no-repeat; 

}



div#dp-popup table td, div#dp-popup h2, div#dp-popup a, div#dp-popup table th{line-height:1.2em}