/*=========================================================================
 Contact Form
========================================================================= */

#loading {float:right; display:none;}
#loading .gif {float:left;}
#loading .weare {float:left; margin-left:2px; margin-top:9px;}
#hide {display:block;}

#confirm {
	width: 340px;
	margin-bottom:10px;
}

#confirm2 {
	width: 700px;
	margin-bottom:10px;
}

#confirm h17 {
	color: #777;
	font-size: 12px;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;
}

#confirm2 h17 {
	color: #777;
	font-size: 12px;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;
}

#confirm h17 span{
	color: red;
	font-size: 11px;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;
}

#confirm h17 span2{
	float:right;
	color: red;
	font-size: 11px;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;
}

#confirm2 h17 span{
	color: red;
	font-size: 12px;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;
}

#confirm2 h17 span2{
	float:right;
	color: red;
	font-size: 10px;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;
}

#confirm label {
	display: block;
	position: relative;
	min-height: 57px;
	width: 300px;
	margin-bottom:10px;
}

#confirm label.message { min-height: 180px; }

input { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #eeeeee !important; width: 320px; height: 35px; border: 1px solid #d9d9d9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 0 10px; }

input:focus { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #eeeeee !important; width: 320px; height: 35px; border: 1px solid #9f9e9e; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 0 10px; }


select150 { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 320px; border: 1px solid #EEEEEE; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 0 0 0 10px; }


select { 
    margin:0; 
    padding:0; 
    font-size:12px /* this is optional, I like the fonts a little smaller */; 
    outline:none; 
    line-height:21px; font-family: "Trebuchet MS", sans-serif; 
	color: #969696;
}


.styled { 
    overflow:hidden; /* this hides the select's drop button */
    padding:0; 
    margin:0; 
    background: white url(formelements-select.png) no-repeat bottom right; 
    /* this is the new drop button, in image form */
    width:340px; 
	height: 35px;
   box-shadow: 0 1px 0 #EEEEEE !important; border: 1px solid #d9d9d9;
   -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}


.styled select { 
    width:125% /* this percentage effectively extends the drop down button out of view */; 
    background-color:transparent /* this hides the select's background making any styling visible from the div */; 
    background-image:none; 
    -webkit-appearance: none /* this is required for Webkit browsers */; 
    border:none; 
    box-shadow:none; 
    padding:8px 10px 8px 10px; /* padding should be added to the select, not the div */
}




textarea { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 680px; height: 100px; resize: none; overflow: auto; border: 1px solid #d9d9d9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 5px 10px; }

textarea:focus { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 680px; height: 100px; resize: none; overflow: auto; border: 1px solid #9f9e9e; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 5px 10px; }


#confirm label > span { color: #c84233; position:relative; left: 12px; }

#confirm .success { color:#252525; display:none; }

#confirm .empty, #confirm .error { font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; display:none; }

.btns { position: relative; float:right; }

.btns a { margin-left: 16px; }


.but { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */
}

.but:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */
}




.form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */
}

.form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */
}

/*=========================================================================
 Footer Contact Form
========================================================================= */

#footer-confirm { position: relative; height: auto; padding-bottom: 30px; }

#footer-confirm label { display: inline-block; position: relative; min-height: 44px; width: 217px; }

#footer-confirm label.message { min-height: 123px; width: 217px; }

#footer-confirm input { display: block; margin: 0; outline: none; box-shadow: none !important; width: 197px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.1); color: #969696; font-size: 12px; line-height:21px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); padding: 0 10px; }

#footer-confirm textarea { display: block; margin: 0; outline: none; box-shadow: none !important; width: 197px; height: 95px; resize: none; overflow: auto; border: 1px solid rgba(255, 255, 255, 0.1); color: #969696; font-size: 12px; line-height:21px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); padding: 5px 10px; }

#footer-confirm label > span { color: #c84233; position:relative; left: 12px; }

#footer-confirm .success { color:#252525; display:none; }

#footer-confirm .empty, #footer-confirm .error { font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; display:none; }

#footer-confirm .btns { position: absolute; right: 0; }

#footer-confirm .btns a { margin-left: 16px; }

#footer-confirm .form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */
}

#footer-confirm .form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */
}

/*=========================================================================
 search form
========================================================================= */

#search { padding:4px 0 0 0; }

#search input { font-family: Arial, Helvetica, sans-serif; color:#a5a4a4; font-size:11px; font-style:italic; vertical-align:middle; font-weight:normal; padding:7px 5px 7px 28px; margin:0; background:#fbfbfc url(../images/icons/input-mail.jpg) 6px 8px no-repeat; outline:none; border:1px solid #e7e7e7; width:163px; }

#search .newsletter-button { padding:3px 18px 5px; }
 @media only screen and (min-width: 768px) and (max-width: 995px) {


/*=========================================================================
 Footer Contact Form
========================================================================= */


#footer-confirm label {
width: 167px;
}
#footer-confirm input {
width: 144px;
}
#footer-confirm label.message {
min-height: 173px;
width: 350px;
}
#footer-confirm textarea {
height: 145px;
width: 330px;
}

/*=========================================================================
 search form
========================================================================= */

#search input {
width:90px;
}
#confirm {
	width: 268px;
}
input {
	width: 248px;
}

.styled {
	width: 268px;
}

 #confirm2 {
width:556px;
}
  textarea {
width:536px;
}
}
@media only screen and (max-width: 767px) {


/*=========================================================================
 Footer Contact Form
========================================================================= */


#footer-confirm label {
width: 141px;
}
#footer-confirm input {
width: 120px;
}



/*=========================================================================
 search form
========================================================================= */

#search input {
width:140px;
}
#confirm {
	width: 300px;
}
input {
	width: 280px;
}

.styled {
	width: 300px;
}

 #confirm2 {
width:300px;
}
  textarea {
width:280px;
}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	
	#confirm label {
width: 420px;
}
/*=========================================================================
 Footer Contact Form
========================================================================= */

#footer-confirm label {
width: 201px;
}
#footer-confirm input {
width: 179px;
}

/*=========================================================================
 search form
========================================================================= */


#search input {
width:255px;
}
#confirm {
	width: 420px;
}
input {
	width: 400px;
}

.styled {
	width: 420px;
}

 #confirm2 {
width:420px;
}
  textarea {
width:400px;
}
}