@charset "utf-8";
body,
h1,
p,
ul {
    margin: 0
}
#buy,
h1 {
    display: inline-block
}
#buy:hover,
a {
    text-decoration: none
}
#page p,
h2 {
    color: #707070
}
#body,
#head,
#templates {
    border-bottom: 1px solid #d0d0d0
}
#tbar,
#tlist,
#tlist li {
    position: relative
}
.label,
h1,
h2,
h3 {
    font-weight: 400
}
#tlist,
.values ul {
    list-style-type: none
}
body {
    background-color: #f0f0f0
}
a {
    color: #004B90
}
a:hover {
    text-decoration: underline
}
ul {
    padding: 0
}
#page {
    font-family: Tahoma, sans-serif;
    max-width: 900px;
    margin: 40px auto;
    color: #505050;
    font-size: 15px
}
#head {
    padding-bottom: 15px
}
h1 {
    color: #1B7AB8;
    font-size: 34px
}
#buy {
    padding: 6px 11px;
    background-color: #64BB34;
    border-radius: 5px;
    float: right;
    margin-top: 10px;
    border: 1px solid #4E9A24;
    font-size: 15px;
    color: #fff
}
#tlist li,
.values li {
    background-color: #fafafa;
    cursor: pointer
}
#body {
    border-top: 1px solid #fff
}
h2 {
    margin: 0 0 15px;
    font-size: 22px
}
#templates {
    padding: 20px 0 25px
}
#tbar {
    margin-top: 20px
}
#tmask {
    overflow: hidden;
    height: 124px
}
#next,
#prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 42px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}
#prev {
    background-image: url(img/prev.png);
    left: -40px
}
#next {
    background-image: url(img/next.png);
    right: -40px
}
#tlist li {
    width: 80px;
    height: 100px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    float: left;
    margin: 1px 11px 1px 1px;
    padding: 10px 20px;
    overflow: hidden
}
#tlist li:last-child {
    margin-right: 1px
}
#tlist li.selected,
#tlist li:hover {
    border: 2px solid #1B7AB8;
    margin: 0 10px 0 0
}
#tlist li.selected:last-child,
#tlist li:last-child:hover {
    margin-right: 0
}
#tlist img {
    max-height: 100px
}
.num {
    color: #a0a0a0;
    position: absolute;
    bottom: 7px;
    right: 12px;
    font-size: 14px
}
#options {
    border-top: 1px solid #fff;
    padding-top: 20px
}
#options p {
    margin-bottom: 5px
}
.section {
    padding: 20px 0 25px
}
.section:not(:last-child) {
    border-bottom: 1px solid #dadada
}
h3 {
    font-size: 19px;
    color: #707070;
    margin-top: 1px;
    margin-bottom: 17px
}
#options-main {
    padding-top: 15px
}
.option {
    margin-left: 3px
}
.option:not(:first-child) {
    clear: left;
    padding-top: 15px
}
.label {
    font-size: 17px;
    color: grey;
    width: 20%;
    float: left;
    line-height: 36px
}
.values {
    width: 80%;
    float: left
}
.values ul:not(:first-child) {
    position: relative;
    left: 10px
}
.values li {
    border: 1px solid #d0d0d0;
    padding: 7px 10px;
    border-radius: 5px;
    margin: 1px 5px 1px 1px;
    float: left;
    1text-transform: lowercase
}
li.input {
    padding: 3px 5px;
    1height: 22px
}
.values .sel {
    border: 2px solid #1B7AB8;
    margin: 0 4px 0 0
}
#opt-social {
    padding-top: 10px
}
#opt-social li {
    margin-top: 5px
}
#opt-social li.sel {
    margin-top: 4px
}
/* input[type=text] {
    width: 35px;
    border-radius: 3px;
    border: none;
    padding: 5px;
    text-align: center
}
input:focus {
    border: none;
    outline: 0
} */
.flabel {
    color: #a0a0a0;
    font-style: italic
}
#footer {
    color: #707070;
    font-size: 15px;
    border-top: 1px solid #fff;
    padding-top: 25px;
    position: relative
}
#copy {
    position: absolute;
    right: 0;
    top: 22px
}
#markup {
    display: none
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}