/*
 * SimpleModal Contact Form
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* Overlay */
#contact-overlay {background-color:#000;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content { min-height: 160px; background-color:#fff; color:#000; height:40px; padding: 20px 0; border-radius: 10px; border:5px solid #0073c6}
#contact-container h1 {color:#666; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:center;}
#contact-container .contact-loading {background:url('../../../themes/little_terra/images/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;}
#contact-container .contact-error { float: left;  border:1px solid #ff0000; width:100%; font-size:12px; color:#ff0000; line-height:14px; margin:0 auto 10px auto; padding:5px; }
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; padding-right:4px; text-align:left; font-size: 12px;}
#contact-container .contact-input {background:#fff; border:2px solid #ccc; font-family:'Trebuchet MS', Verdana, Arial;  padding:5px; margin:0 0 10px 0; width:370px; max-width:100%; border-radius:0;}
#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 {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 {background:#0073c6; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; border-radius:2px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; padding: 10px 20px;  }
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {background: none repeat scroll 0 0 #f2f2f2;
border-radius: 100%;
color: #0073c6;
font-family: arial;
font-size: 18px;
font-weight: bold;
height: 30px;
line-height: 27px;
padding: 0;
position: absolute;
right: -15px;
text-align: center;
text-decoration: none;
top: -15px;
width: 30px;}
#contact-container a.modal-close:hover {color:#ccc;}
.contact-form { text-align: center; width: 380px; max-width: 100%; margin: 0 auto}
.contact-message { color: #666}
.wishlist_button, #stockist-form { display: inline-block;}
.compare { padding-top: 5px; }
.buttons_inline  {display: block; }
#buy_area {}
#contact-container .contact-title {font-size:20px!important;padding-bottom: 10px;}
#contact-container  .radio_button { display: block; clear: both; text-align: left; color: #000; font-size: 12px;}
#contact-container  .radio_button input[type="radio"] { margin-right: 10px;}