@charset "utf-8";
/* CSS Document */
.formouter {  position: fixed; z-index:10000000000000000; top:165px; left:0px; }

.querybtn {
    background: #4cbd1c;
    border: 0 none;
    padding: 15px 30px;
    float: left;
    /* text-indent: -9999em; */
    position: absolute;
    top: 110px;
    right: -107px;
    cursor: pointer;
    text-transform: uppercase;
    font: normal 13px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 170px;
}
			 
			 


#form1{ display: none;  background:#fff; border:1px solid #ccc; width:250px; padding:25px 0px 43px 0px; }
#feedback{  position: fixed; z-index:10000000000000000; top:165px; right:0px; right:-252px;	background:#fff; border:1px solid #ccc;
			width:250px; padding:25px 0px 15px 0px;
		}
		#feedback form{
			float: right; right:0px;
			width:100%; 
			border: none;
			padding:10px;
			border-radius:5px;
		}
		#feedback form label{
			display: block;
			float: left;
			text-align:right;
			margin-right:20px;
			width:75px; font:normal 12px Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:14px;
		}
		#feedback a{
			background:#df181e;
			/* display: block; */
			width:15px;
			height:267px;
			padding:15px 20px 15px 12px;
			float: left;
			/* text-indent:-9999em; */
			position: absolute;
			top:-1px; left: -35px;
			cursor:pointer;			
			text-transform:uppercase;
			font:normal 13px/15px Arial, Helvetica, sans-serif;
			color:#fff;
			
		letter-spacing: 20px;
            text-align: center;
            word-wrap: break-word !important;
		}
		
		
		
		
		#feedback a:hover{
			background:#005fa0;
		}
		#feedback form .btn{
			float: right; background:#4a2e09; border-radius:4px;
			width:80px;
			height:28px; color:#fff;font: bold 12px Arial, Helvetica, sans-serif;
			border:none;

		}
		#feedback form .btn:hover{
			float: right; background:#7c590e; 
		}
		
		
		#feedback form textarea{
			width:245px;
			height:100px;
			border: 1px solid #9e6d07;
		}
		#feedback form input[type="text"]{
			width:245px;
			height:15px;
			border: 1px solid #9e6d07;
		}
		#feedback h2{
			text-align:center;
			color: #fff;
			/*text-shadow:0.2px 0.3px 0.3px #000;*/
			font:normal 18px Verdana, Geneva, sans-serif;
			margin:8px 0px 15px 0px;
			padding:0px;
			text-transform:uppercase;
		}
		
		.enquiryraw { margin:5px 20px; }
.enqname { font-size:12px; color:#999; margin:15px 0px 5px 0px; }
.enqfld { font:11px/18px Arial, Helvetica, sans-serif; color:#4b4b4b; margin:0px;  }

.enqfld input[type="text"], .enqfld input[type="file"], .enqfld textarea {
    width: 100%;
    /* max-width: 352px; */
    box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 2px;
    padding: 4px 5px;
    height: auto;
    line-height: normal;
}
.enqfld textarea {
	height:75px;
}


.enqbtn[type="submit"] {
	cursor:pointer;
	float:right;
	font-size:13px;
	width:100%; max-width:100px;
	border:none;
	background:#005fa0;
	/* background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%); */
	color:#FFF;
	margin:0px;
	padding:3px 10px;
}
.enqbtn:hover { background:#ea6825;
}
.enqfld button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
		

/* second */
#feedback2{  position: fixed; z-index:10000000000000000; top:165px; left:0px; left:-252px;
			background:#0083c7; border:1px solid #fff;
			border-radius:10px 0px 0px 10px; width:250px; padding:15px 0px;
		}
		#feedback2 form{
			float: right; left:0px;
			width:100%; 
			border: none;
			padding:10px;
			border-radius:5px;
		}
		#feedback2 form label{
			display: block;
			float: left;
			text-align:right;
			margin-right:20px;
			width:75px; font:normal 12px Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:14px;
		}
		#feedback2 a{
			background:url("../images/feedback-buttons.png") no-repeat left top;
			display: block;
			width:169px;
			height:97px;
			float: left;
			text-indent:-9999em;
			position: absolute;
			top:120px; right: -171px;
			cursor:pointer;
		}
		#feedback2 a:hover{
			background-position: left -104px;
		}
		#feedback2 form .btn{
			float: right; background:#4a2e09; border-radius:4px;
			width:80px;
			height:28px; color:#fff;font: bold 12px Arial, Helvetica, sans-serif;
			border:none;
		}
		#feedback2 form .btn:hover{
			float: right; background:#7c590e; 
		}
		
		
		#feedback form textarea{
			width:245px;
			height:100px;
			border: 1px solid #9e6d07;
		}
		#feedback form input[type="text"]{
			width:245px;
			height:30px;
			border: 1px solid #9e6d07;
		}
		#feedback h2{
			text-align:center;
			color: #fff;
			/*text-shadow:0.2px 0.3px 0.3px #000;*/
			font:normal 18px Verdana, Geneva, sans-serif;
			margin:8px 0px 15px 0px;
			padding:0px;
			text-transform:uppercase;
		}









@media screen and (max-width: 720px){
#feedback{
			position: fixed; z-index:10000000000000000;
			top:150px; right:-252px;
		}

#feedback form label{
			display: block;
			float: left;
			text-align: left; width:100%;
		}
#feedback form .btn{
			float: left; background:#4a2e09; border-radius:4px;
			width:80px;
			height:28px; /* color:#fff;font: bold 12px Arial, Helvetica, sans-serif; */
			border:none;

		}
		#feedback form .btn:hover{
			float: left; background:#7c590e; 
		

		}
		}


@media screen and (max-width: 320px){
#feedback{ display:none;
		}

}