body{background-color:#ffffff;}
h1{ font-family: 'Carter One', arial, serif; font-size:2em; text-align:center; color:#000;}
h2{ font-family: 'Carter One', arial, serif; text-align:center; font-size:1.5em; color:#000;}
h3{ font-family: 'Trebuchet MS', arial, serif;font-size:1.7em;}
.container{font-family:"Trebuchet MS", Sans-Serif;}

h2.how {color:#ddd}

#uberform{font-size:1em; min-height:150px;}
.loading{display:none}
.keyword, .add{cursor:pointer}
.keyword:hover{color:#568c20; font-weight:bold;}
.infobox{
    color:#ddd;
	background:#3c3c3c;
	border:1px solid #111;
	padding:10px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -khtml-border-radius:8px;
    text-shadow:0px -1px 1px #000;
    box-shadow:0px 2px 8px #000;
    -moz-box-shadow:0px 2px 8px #000;
    -webkit-box-shadow:0px 2px 8px #000;
    font-size:1.2em;
}
#result ul{list-style-type: none;}
#basket{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}
.basket{display:none;}
.empty{color:#cccccc;}
.add, .remove{vertical-align:middle;}
#paypal{margin-left:auto; margin-right:auto; width:147px;}
#logo{margin-left:auto; margin-right:auto; width:124px; margin-top:30px;}
#letter-menu{text-align:left; padding:.8em; margin-bottom:1em; border:2px solid #ddd; font-size: 1.4em;}
a.logo:link{text-decoration:none; color:#000000;}
a.logo:visited{text-decoration:none; color:#000000;}
a.logo:link{text-decoration:none; color:#000000;}
a.logo:hover{text-decoration:none; color:#000000}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
/*#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}*/
#simplemodal-container {
    height:400px; 
    width:600px; 
    color:#ddd;
	background:#3c3c3c;
	border:1px solid #111;
	padding:10px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -khtml-border-radius:8px;
    text-shadow:0px -1px 1px #000;
    box-shadow:0px 2px 8px #000;
    -moz-box-shadow:0px 2px 8px #000;
    -webkit-box-shadow:0px 2px 8px #000;
    font-size:1.2em;
}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/static/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#ddd;}


body {
    padding: 0;
}

/* global-msg */

#global-msg {
    position: relative;
}
#global-msg:hover:after {
    background: hsla(0,0%,0%,.8);
    border-radius: 3px;
    color: #f6f6f6;
    content: 'Click to dismiss';
    font: bold 12px/30px sans-serif;
    height: 30px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 120px;
}
#global-msg:hover:before {
    border-bottom: 10px solid hsla(0,0%,0%,.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 40px;
    width: 0;
}
#global-msg:target {
    display: none;
}
.global-msg {
    background-color: #c4453c;
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
    display: block;
    font: bold 16px/40px sans-serif;
    height: 40px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    -webkit-animation: global-msg 1s ease forwards;
       -moz-animation: global-msg 1s ease forwards;
        -ms-animation: global-msg 1s ease forwards;
         -o-animation: global-msg 1s ease forwards;
            animation: global-msg 1s ease forwards;
}

/* Animation */

@-webkit-keyframes global-msg {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-moz-keyframes global-msg {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-ms-keyframes global-msg {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-o-keyframes global-msg {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@keyframes global-msg {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}