html, body{
	height: 100%;
}

#pushstat{
	display:none;
}

label {
	width: 120px;
	display: inline-block;
}
div.form_error{
	color: red;
	padding-top: 0px;
	padding-bottom: 16px;
}
input.form_error{
	background-color: #fcc;
	border: 1px solid #f88;
}
.error{
	color: red;
}
a.form_error{
	color: red;
	padding-left: 5px;
}

#account{
	padding:5px 5px 5px 5px;
	color: #666;
}

#account a{
	padding:5px 5px 5px 5px;
	color: #666;
}

#account a:hover{
	color: #000;
}

#mainLoading{
	position:fixed;
	display: none;
	top:50%;
	left:50%;
	z-index:100;
}

#edit{
	background-color: #fff;
	position:absolute;
	display: none;
	z-index:99;
	border:1px solid #aaa;
}

#delete{
	position:absolute;
	border:1px solid #aaa;
	background-color: #fff;
	padding: 5px;
	display: none;
	top:300px;
	z-index:99;
}

#details{
	background-color: #fff;
	position:absolute;
	display: none;
	z-index:99;
	top:244px;
	border:1px solid #aaa;
}

#add{
	position:absolute;
	border:1px solid #aaa;
	background-color: #fff;
	padding: 5px;
	display: none;
	z-index:99;
}

#cover{
	display: none;
	text-align:center;
	top:0;left:0;
	position:fixed;
	height:100%;
	width:100%;
	z-index: 90;
	background-color: #fff;
	opacity:0.6;filter:alpha(opacity=60);
}

#contentTable {
	background-color: #bdf;
}

#contentTable a{
	color:#fff;
	text-decoration:none;
}

#contentTable td, th {
	border: 1px solid #fff;
	text-align: left;
}

#contentTitle {
	background-color: #59d;
	color: #fff;
}

#patterns{
	padding:0px;
	border:3px solid #f03c3c;
	background-color:#f03c3c;
	margin:5px;
	float: left;
	color: #fff;
	text-align:center;
	font-size:14px;
	box-shadow: 4px 4px 2px #aaa;
}

#patterns:hover{
	cursor: pointer;
	opacity:0.6;filter:alpha(opacity=60);
}

.fb_coll{
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	padding: 6px 60px 6px 6px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.fb_coll:hover{
	cursor: pointer;
}

.fbrContainer{
	float: left;
}

.fbrList{
	margin:4px;
	padding: 10px 10px 10px 10px;
	width: 140px;
	height: 260px;
	border: 2px solid #ccc;
	box-shadow: 4px 4px 2px #ccc;
	border-radius:3px;
}

.fbrList:hover{
	cursor: pointer;
}

.fbrList2{
	margin:5px;
	padding: 10px 10px 10px 10px;
	width: 140px;
	height: 260px;
	border: 1px solid #ccc;
	box-shadow: 4px 4px 2px #ccc;
	border-radius:3px;
}

#zoomFabric{
	position: absolute;
	top: 260px;
	left: 140px;
	z-index:10;
}

#zoomFabric:hover{
	border: 1px solid #999;
	z-index:30;
}

#zoomedImage{
	padding:10px;
	display: none;
	text-align:center;
	position:absolute;
	left: 50%;
	z-index: 98;
	width:900px;
	margin-left: -450px;
	z-index: 98;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 4px 4px 2px #ccc;
}

#zoomedImageClose{
	width: 100%;
	height: 26px;
	background-color: #fff;
}

#mainFbContentVisible{
	
}

#mainFbContentInvisible{
	display:none;
}





/* Suit styles */
	/* Suit Button */
	.btnContainer{
		
	}

	.btnList{
		float: left;
		margin:5px;
		padding: 10px 10px 10px 10px;
		width: 80px;
		height: 100px;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.btnList:hover{
		cursor: pointer;
	}

	#zoomBtn{
		position: absolute;
		top: 108px;
		left: -24px;
		z-index:10;
	}

	#zoomBtn:hover{
		border: 1px solid #999;
		z-index:30;
	}

	
	
	/* Thread */
	.thrContainer{
		
	}

	.thrList{
		float: left;
		margin:5px;
		padding: 10px 10px 10px 10px;
		width: 80px;
		height: 100px;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.thrList:hover{
		cursor: pointer;
	}

	#zoomThr{
		position: absolute;
		top: 108px;
		left: -24px;
		z-index:10;
	}

	#zoomThr:hover{
		border: 1px solid #999;
		z-index:30;
	}
	
	
	
	/* Lapel */
	.lapelContainer{
		float: left;
	}

	.lapelList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.lapelList:hover{
		cursor: pointer;
	}
	
	.lapelbtnContainer{
		width: 100%;
		float: left;
	}

	.lapelbtnList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.lapelbtnList:hover{
		cursor: pointer;
	}
	
	/* Lapel */
	.miscContainer{
		float: left;
	}

	.miscList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.miscList:hover{
		cursor: pointer;
	}
	
	.miscbtnContainer{
		width: 100%;
		float: left;
	}

	.miscbtnList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.miscbtnList:hover{
		cursor: pointer;
	}
	
	/* Monogram */
	.monogramList1{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}
	
	.monogramList1:hover{
		cursor: pointer;
	}
	
	.monogramList2{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}
	
	.monogramList2:hover{
		cursor: pointer;
	}
	
	/* Lining */
	.liningContainer{
		
	}

	.liningList{
		float:left;
		margin:5px;
		padding: 10px 10px 10px 10px;
		width: 80px;
		height: 120px;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.liningList:hover{
		cursor: pointer;
	}
	
	#zoomLining{
		position: absolute;
		top: 128px;
		left: -24px;
		z-index:10;
	}

	#zoomLining:hover{
		border: 1px solid #999;
		z-index:30;
	}
	
	
	
	/* Melton */
	.meltonContainer{
		
	}

	.meltonList{
		float: left;
		margin:5px;
		padding: 10px 10px 10px 10px;
		width: 80px;
		height: 100px;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.meltonList:hover{
		cursor: pointer;
	}

	#zoomMelton{
		position: absolute;
		top: 108px;
		left: -24px;
		z-index:10;
	}

	#zoomMelton:hover{
		border: 1px solid #999;
		z-index:30;
	}
	
	#zoomSuede{
		position: absolute;
		top: 108px;
		left: -24px;
		z-index:10;
	}

	#zoomSuede:hover{
		border: 1px solid #999;
		z-index:30;
	}
	
	
	
	/* Pleat */
	.pleatContainer{
		float: left;
		width: 100%;
	}

	.pleatList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.pleatList:hover{
		cursor: pointer;
	}
	
	
	/* Pocket */
	.s_pocketContainer{
		float: left;
		width: 100%;
	}

	.s_pocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.s_pocketList:hover{
		cursor: pointer;
	}
	
	.b_pocketContainer{
		float: left;
	}

	.b_pocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.b_pocketList:hover{
		cursor: pointer;
	}
	
	
	
	/* Vest Buttons */
	.vbuttonContainer{
		float: left;
		width: 100%;
	}

	.vbuttonList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.vbuttonList:hover{
		cursor: pointer;
	}
	
	
	/* Vest Side Pockets */
	.vs_pocketContainer{
		float: left;
		width: 100%;
	}

	.vs_pocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.vs_pocketList:hover{
		cursor: pointer;
	}
	
	
	/* Vest Chest Pockets */
	.c_pocketContainer{
		float: left;
		width: 100%;
	}

	.c_pocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.c_pocketList:hover{
		cursor: pointer;
	}
	
	
	
	
	
	
	/* Overcoat Button */
	.ovbtnContainer{
		
	}

	.ovbtnList{
		float: left;
		margin:5px;
		padding: 10px 10px 10px 10px;
		width: 80px;
		height: 100px;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.ovbtnList:hover{
		cursor: pointer;
	}
	#zoomOvBtn{
		position: absolute;
		top: 10px;
		left: 70px;
		z-index:10;
	}

	#zoomOvBtn:hover{
		border: 1px solid #999;
		z-index:30;
	}
	
	
	
	/* Overcoat Lapel */
	.ovlapelContainer{
		float: left;
	}

	.ovlapelList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.ovlapelList:hover{
		cursor: pointer;
	}
	
	
	
	
	/* Overcoat Shoulder */
	.shoulderContainer{
		float: left;
	}

	.shoulderList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.shoulderList:hover{
		cursor: pointer;
	}
	
	
	
	/* Overcoat Side Pockets */
	.ovSidePocketContainer{
		width: 100%;
		float: left;
	}

	.ovSidePocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.ovSidePocketList:hover{
		cursor: pointer;
	}
	
	
	
	/* Overcoat Chest Pockets */
	.ovChestPocketContainer{
		width: 100%;
		float: left;
	}

	.ovChestPocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.ovChestPocketList:hover{
		cursor: pointer;
	}
	
	
	
	/* Overcoat Ticket Pockets */
	.ovTicketPocketContainer{
		width: 100%;
		float: left;
	}

	.ovTicketPocketList{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}

	.ovTicketPocketList:hover{
		cursor: pointer;
	}
	
	.ovmonogramList1{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}
	
	.ovmonogramList1:hover{
		cursor: pointer;
	}
	
	.ovmonogramList2{
		margin:5px;
		padding: 10px 10px 10px 10px;
		float:left;
		border: 2px solid #ccc;
		text-align: center;
		box-shadow: 4px 4px 2px #ccc;
		border-radius:3px;
	}
	
	.ovmonogramList2:hover{
		cursor: pointer;
	}
	
	#measureContainer2 h3{
		padding-left: 10px;
		color: #333;
	}
	
	#measureContainer2 table{
		margin-left: 10px;
		border: 1px solid #ccc;
	}
	
	#measureContainer2 input{
		
	}
	
	#measureContainer2 input:hover{
		cursor: pointer;
	}
	
	#measureContainer2 select{
		width:125px;
	}
	
	#measureContainer2 tr{
	
	}
	
	#measureContainer2 td{
		background-color: #fff;
		padding:10px;
		font-size:13px;
		color:#666;
	}
	
	.qty {
		width: 30px;
		height: 25px;
		text-align: center;
	}
	input.qtyplus { width:25px; height:25px;}
	input.qtyminus { width:25px; height:25px;}
	
	
	#orderTable {
		background-color: #eee;
		font-size: 14px;
		text-align:center;
		border: 0;
	}

	#orderTable a{
		font-weight: 900;
		color:#35c;
		text-decoration:none;
	}

	#orderTable td{
		border: 1px solid #fff;
		text-align:center;
		color: #555;
	}

	#orderTitle td{
		background-color: #aaa;
		color: #fff;
		text-align:center;
		font-weight: 900;
	}
	
	#insert_coupon{
		font-size: 14px;
		font-weight: 900;
		color: #666;
		padding-right: 5px;
	}
	
	#sub_total{
		font-size: 20px;
		font-weight: 900;
		color: #666;
		padding-right: 5px;
	}
	
	#sub_total a{
		font-size: 26px;
		font-weight: 900;
		color: #5c7;
	}
	
	#form_update_price{
		margin:opx auto; 
		padding:0px; 
		max-height:12px;
	}
	
	#delete_order_content{
		position:absolute;
		left: 20%;
		border:1px solid #aaa;
		background-color: #fff;
		padding: 5px;
		display: none;
		top:300px;
		z-index:99;
		font-size: 16px;
	}
	
	#personal_info td{
		color: #777;
		padding: 5px;
	}
	
	#manage_pages td{
		border: 1px solid #555;
		padding:10px;
	}

/*  Posture */
.postureContainer{
	
}

.postureList{
	float: left;
	margin:5px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #ccc;
	text-align: center;
	box-shadow: 4px 4px 2px #ccc;
	border-radius:3px;
}

.postureList:hover{
	cursor: pointer;
}

#pay_bil_info{
	padding-left : 20px;
}

#pay_bil_info td{
	padding : 5px 10px 5px 10px;
}

#checkout_content{
	padding-left: 20px;
	font-size:14px;
	color: #333;
}

#checkout_content td{
	padding: 10px;
	border: 1px solid #aaa;
}

#cancel_cart_content{
	position:absolute;
	left: 22%;
	border:1px solid #aaa;
	background-color: #fff;
	padding: 5px;
	display: none;
	top:300px;
	z-index:99;
	font-size: 16px;
}

.page_container{
	min-height: -moz-calc(100% - (371px));
    min-height: -webkit-calc(100% - (371px));
    min-height: calc(100% - (371px));
}

#detailsContent td{
	padding : 10px;
	border: 1px solid #aaa;
	color: #666;
}

#detailsTitle td{
	color: #222;
	font-weight: 900;
	font-size: 14px;
}

#fulldetailsContent{
	
}

#fulldetailsContent td{
	padding : 2px;
	border: 1px solid #aaa;
	color: #666;
	font-size: 12px;
}

#fullmeasureContent{
	min-width: 1000px;
}

#fullmeasureContent td{
	padding : 2px;
	border: 1px solid #aaa;
	color: #666;
	font-size: 12px;
}

#form_fit1 input[type="checkbox"]{
	margin-bottom:6px;
	margin-left: 1px;
}

#change_color{
	min-width:50px;
}

#order_his td{
	padding: 2px;
}

#order_his_id{
	font-size: 12px;
	border: 0px;
}

#order_his_title td{
	font-size: 11px;
	border: 1px solid #ccc;
}

#order_his_content td{
	font-size: 11px;
	border: 1px solid #ccc;
}

#start_now {
  background-image: url(http://tiberiasclothing.com/img/start_now.png);
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 154px;
  height: 43px;
}


#inspirations h4{
	font-weight: 600;
}

@media (max-width: 767px) {
	#inspirations h4{
		padding-left: 2%;
	}
}

#news_home h4{
	padding-left: 5%;
	font-weight: 600;
}

@media (max-width: 767px) {
	#news_home{
		padding-left: 2%;
	}
	#news_home h4{
		padding-top: 20px;
		padding-left: 0;
	}
}

.cybersale_img{
	padding: 10px;
}

.cybersale{
	border: 1px solid #ccc;
	padding: 10px;
}