@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");

/*
	Twenty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    -webkit-text-size-adjust: none;
}

mark {
    background-color: transparent;
    color: inherit;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*input, select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}*/

/* Basic */

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body, input, select, textarea {
    color: #7c8081;
    font-family: 'Lato', sans-serif;
    font-size: 15pt;
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1.75em;
}

a {
    -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    color: #3fb1a3;
    text-decoration: none;
    border-bottom: dotted 1px;
}

    a:hover {
        border-bottom-color: transparent;
    }

strong, b {
    font-weight: 400;
}

p, ul, ol, dl, table, blockquote {
    margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-weight: 300;
    line-height: 1.75em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
        border: 0;
    }

h2, #LblTitle {
    font-size: 1.2em;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-transform:uppercase;

}

h3 {
    font-size: 1.15em;
    letter-spacing: 0.025em;
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

hr {
    border-top: solid 1px rgba(124, 128, 129, 0.2);
    border: 0;
    margin-bottom: 1.5em;
}

blockquote {
    border-left: solid 0.5em rgba(124, 128, 129, 0.2);
    font-style: italic;
    padding: 1em 0 1em 2em;
}

/* Form */

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    border: solid 1px rgba(124, 128, 129, 0.2);
    border-radius: 0;
    color: inherit;
    display: block;
    padding: 0.75em;
    text-decoration: none;
    width: 100%;
    outline: 0;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        border-color: #83d3c9;
    }

input[type="text"],
input[type="password"],
input[type="email"] {
    line-height: 1em;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.5;
    position: relative;
    top: 3px;
}

:-moz-placeholder {
    color: inherit;
    opacity: 0.5;
}

::-moz-placeholder {
    color: inherit;
    opacity: 0.5;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 0.5;
}


/* Icon */

.icon {
    text-decoration: none;
    position: relative;
}

    .icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important;
    }

    .icon.circle {
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border: 0;
        border-radius: 100%;
        display: inline-block;
        font-size: 1.25em;
        height: 2.25em;
        left: 0;
        line-height: 2.25em;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 2.25em;
    }

        .icon.circle:hover {
            top: -0.2em;
        }

        .icon.circle.fa-twitter {
            background: #70aecd;
            color: #fff;
        }

            .icon.circle.fa-twitter:hover {
                background: #7fb7d2;
            }

        .icon.circle.fa-facebook {
            background: #7490c3;
            color: #fff;
        }

            .icon.circle.fa-facebook:hover {
                background: #829bc9;
            }

        .icon.circle.fa-google-plus {
            background: #db6b67;
            color: #fff;
        }

            .icon.circle.fa-google-plus:hover {
                background: #df7b77;
            }

        .icon.circle.fa-github {
            background: #dcad8b;
            color: #fff;
        }

            .icon.circle.fa-github:hover {
                background: #e1b89b;
            }

        .icon.circle.fa-dribbble {
            background: #da83ae;
            color: #fff;
        }

            .icon.circle.fa-dribbble:hover {
                background: #df93b8;
            }

    .icon.featured {
        cursor: default;
        display: block;
        margin: 0 0 1.5em 0;
        opacity: 0.35;
        text-align: center;
    }

        .icon.featured:before {
            font-size: 5em;
            line-height: 1em;
        }

    .icon > .label {
        display: none;
    }

.icons a {
    border-bottom: none;
}
/* List */

ol {
    list-style: decimal;
  
}

ul {
    list-style: disc;
  
}


    /* Icons */

    ul.icons {
        list-style: none;
        padding-left: 0;
        cursor: default;
    }

        ul.icons li {
            display: inline-block;
            line-height: 1em;
            padding: 0 1em;
        }

   

    /* Buttons */

    ul.buttons {
        cursor: default;
        list-style: none;
        padding-left: 0;
    }

        ul.buttons:last-child {
            margin-bottom: 0;
        }

        ul.buttons li {
            display: inline-block;
            padding: 0 0 0 1.5em;
        }

            ul.buttons li:first-child {
                padding: 0;
            }

        ul.buttons.stacked li {
            display: block;
            padding: 1.5em 0 0 0;
        }

            ul.buttons.stacked li:first-child {
                padding: 0;
            }


/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button, .GCButton {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    background: none;
    border: solid 1px;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 900;
    letter-spacing: 2px;
    padding: 0 0.75em;
    line-height: 3.4em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.GCButton a {
    border-bottom:none;
}
    #BtnCheckout {
        padding:0;
        border:0;
        font-size:initial;
    }

    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    button:hover,
    .button:hover {
        background: rgba(188, 202, 206, 0.15);
        border-color: inherit;
    }

    /*input[type="button"].primary,
		input[type="submit"].primary,
		input[type="reset"].primary,
		button.primary,
		.button.primary {
			background: #83d3c9;
			border-color: #83d3c9;
			color: #fff !important;
		}

			input[type="button"].primary:hover,
			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background: #96dad1 !important;
				border-color: #96dad1 !important;
			}*/

    input[type="button"].fit,
    input[type="submit"].fit,
    input[type="reset"].fit,
    button.fit,
    .button.fit {
        width: 100%;
    }

    input[type="button"].small,
    input[type="submit"].small,
    input[type="reset"].small,
    button.small,
    .button.small {
        font-size: 0.7em;
        min-width: 14em;
        padding: 0.5em 0;
    }





/*Other Styles*/


.ApptFormBody {
    background: white;
    PADDING: 2em 1em;
}
.GiftFormBody {
    background: white;
    PADDING: 0 1em;
}

.apptMenu {
    margin: 0 auto;
}
.GuestFormBody {
    PADDING: 0 1em;
}
    .GuestFormBody input[type=submit] {
        width:initial !important;
    }

/*CATALOG --------------------------------------------------------------------*/
.CatFooter, .ShopHeaderLogo, .ShopHeaderCompany, .ShopFooter {
    display: none;
}

.shopBody * {
    color: #5b5b5b;
}

.shopBody {
    color: #5b5b5b;
    background: white;
}

#TxtInstruct {
    width: 95%
}

.shopCatGroup {
    background-color: transparent;
}

    .shopCatGroup a, #shopCart a {
        color: #5b5b5b;
        border-bottom: solid 1px rgba(128, 128, 128, 0.15);
        text-decoration: none;
        -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
        -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
        -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
        transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    }

        .shopCatGroup a:hover, #shopCart a:hover {
            color: #ef8376;
            border-bottom-color: transparent;
        }

        .shopCatGroup a, .shopCatGroup a:link, .shopCatGroup a:visited {
            color: #5b5b5b;
        }

            .shopCatGroup a:hover, .shopCatGroup a:link:hover, .shopCatGroup a:visited:hover {
                color: #5b5b5b;
            }

#shopSort {
    padding-top: 0;
    text-align: left;
    padding-left: 2em;
}

#shopSearch {
    float: left;
    padding: 0 1em 0 0;
}
.ShopItemName {
    font-size:.8em;
}
#TxtSearch {
    float: left;
    margin-right: 5px;
    width:75%;
}

#BtnSearch {
    float: right;
    margin: 2px;
}

#shopSearch span {
    display: block;
    text-align: left;
}

.shopCatGroup {
    text-align: right;
}

.ShopPriceDiv {
    border: initial;
    background: initial;
}

.shopItemDesc {
    max-height: initial !important;
}