/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 254 2010-07-23 05:14:44Z emartin24 $
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content {background-color:#fff; color:#666; height:40px;}
#contact-container h1 {color:#333; font-size:20px; line-height:20px; margin:0; padding:0 0 12px 12px; text-align:left;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;font-size: 14px;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-size:14px; padding-right:4px; text-align:right; width:100px;color: #333;}
#contact-container .contact-input {font-size: 13px; background:#fff; border:1px solid #999; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#fff; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {padding: 4px; background-color:#fff; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
/*#contact-container .contact-button {font-family: sans-serif; background:#333; border:0; color:#fff; cursor:pointer; font-size:14px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#contact-container .contact-button:hover {background:#666;}*/

#contact-container .contact-button{color: #fff; font-weight: bold; padding: 0.9em 0.5em !important; line-height: 0.8em; margin-bottom:20px; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); border-top: 1px solid #c3c3c3; border-radius: 3px; background: #d01d10; background: -moz-linear-gradient(top,  #e10f0f 0%, #b20000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e10f0f), color-stop(100%,#b20000));  background: -webkit-linear-gradient(top,  #e10f0f 0%,#b20000 100%); background: -o-linear-gradient(top,  #e10f0f 0%,#b20000 100%); background: -ms-linear-gradient(top,  #e10f0f 0%,#b20000 100%); background: linear-gradient(to bottom,  #e10f0f 0%,#b20000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10f0f', endColorstr='#b20000',GradientType=0 ); border: 1px solid #750000; cursor:pointer; width:100px; margin-left:2px;}

#contact-container .contact-button:hover{background: #d01d10; background: -moz-linear-gradient(top,  #d01d10 0%, #f36d64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d01d10), color-stop(100%,#f36d64)); background: -webkit-linear-gradient(top,  #d01d10 0%,#f36d64 100%); background: -o-linear-gradient(top,  #d01d10 0%,#f36d64 100%); background: -ms-linear-gradient(top,  #d01d10 0%,#f36d64 100%); background: linear-gradient(to bottom,  #d01d10 0%,#f36d64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01d10', endColorstr='#f36d64',GradientType=0 );}


#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#bbb;}
#contact-container textarea {height: 100px !important;}
.wpi-button{color: #fff; font-weight: bold; padding: 1.1em 0.5em; line-height: 0.8em; margin-bottom:20px; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); border-top: 1px solid #c3c3c3; border-radius: 3px; background: #d01d10; background: -moz-linear-gradient(top,  #e10f0f 0%, #b20000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e10f0f), color-stop(100%,#b20000));  background: -webkit-linear-gradient(top,  #e10f0f 0%,#b20000 100%); background: -o-linear-gradient(top,  #e10f0f 0%,#b20000 100%); background: -ms-linear-gradient(top,  #e10f0f 0%,#b20000 100%); background: linear-gradient(to bottom,  #e10f0f 0%,#b20000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10f0f', endColorstr='#b20000',GradientType=0 ); border: 1px solid #750000; cursor:pointer;}
.wpi-button:hover{background: #d01d10; background: -moz-linear-gradient(top,  #d01d10 0%, #f36d64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d01d10), color-stop(100%,#f36d64)); background: -webkit-linear-gradient(top,  #d01d10 0%,#f36d64 100%); background: -o-linear-gradient(top,  #d01d10 0%,#f36d64 100%); background: -ms-linear-gradient(top,  #d01d10 0%,#f36d64 100%); background: linear-gradient(to bottom,  #d01d10 0%,#f36d64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01d10', endColorstr='#f36d64',GradientType=0 );}

#wdm_product_name{-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; box-sizing: none !important; font-family:  inherit !important; color:#333; font-weight:bold; font-size: 14px; width:400px !important; border: none !important;background-color: #fff !important;padding: 4px 2px 10px 12px !important;}