@import '../contrib/reset.less';
@import '../contrib/grid.less';
@import 'knobs.less';
@import 'base.less';

/*
 * Z Order
 */
#header_wrapper { z-index: 200;}
#nav_wrapper { z-index: 300; }
#feature-wrapper { z-index: 400; }
#content_wrapper { z-index: 100; }
#footer_wrapper { z-index: 200; }

/* ... */

body {
	min-height: 565px + 225;
    background-color: #f3f4f5;
    color: @color-text;
}

#wrapper, #footer_wrapper { min-width: 960px; }

/*
 * Header
 */
#header_wrapper {

    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f8f8 0%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8f8f8 0%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */

    header {
        .logo-container {
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -460px;
            text-align: right;
            
            .logo {
                max-height: 90px;
            }        

            .phone {
                color: #252525;
                font-size: 140%;
                letter-spacing: 1.25px;
                margin-top: -5px;
            }
        }
      
        h2.about,
        h2.download {
            position: absolute;
            bottom: 45px;
            right: 15px;
            font-weight: bold;
            font-size: 125%;
            display: none;
        }
        h2.about {}
        h2.download {}
        
        a.about,
        a.download {
            .rounded-corners(10px, 10px, 0, 0);
            position: absolute;
            bottom: -5px;
            line-height: 20px;
        }
        a.about { right: 205px; }
        a.download { right: 19px; }
        
        a.download {
            width: 400px;

            &.pointy:before {
                right: 27.5px;
                left: auto;
            }
        }

        .newsletter {
            .rounded-corners(0, 0, 10px, 10px);
            width: 425px;
            position: absolute;
            top: 0;
            right: 10px;
            color: #fff;
            padding: 12px 0 12px 15px;
        
            border: solid .5px #121d3a;
            background: #35435f; /* Old browsers */
            background: -moz-linear-gradient(top,  #35435f 0%, #253451 51%, #0a1b3b 53%, #152443 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35435f), color-stop(51%,#253451), color-stop(53%,#0a1b3b), color-stop(100%,#152443)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35435f', endColorstr='#152443',GradientType=0 ); /* IE6-9 */
        
            h2 {
                display: inline-block;
                font-style: italic;
                color: #fff;
                padding-right: 15px;
                font-weight: bold;
                font-size: 100%;
                line-height: 100%;
                padding-top: 5px;
                vertical-align: top;
            }
            
            form {
                display: inline-block;
                font-size: 90%;
                width: 250px;
                
                input[type="text"],
                input[type="email"] {
                    width: 120px;
                    padding: 2px 3px;
                    margin: 0 3px;
                }

                .mc4wp-alert {
                    padding-top: 5px;
                    vertical-align: top;
                    margin-left: -135px;
                    line-height: 120%;
                }
            }
        }
    }
}

body.home #nav_wrapper { border-bottom: none; }

/*
 * Navigation
 */
#nav_wrapper {
    position: relative;
    font-size: 105%;

    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #d5d5d5 42%, #cfcfcf 50%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(42%,#d5d5d5), color-stop(50%,#cfcfcf), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#d5d5d5 42%,#cfcfcf 50%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e4e4 0%,#d5d5d5 42%,#cfcfcf 50%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#d5d5d5 42%,#cfcfcf 50%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4e4e4 0%,#d5d5d5 42%,#cfcfcf 50%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
    
    border-top: 1.5px solid #263049;
    border-bottom: 1px solid #1D2A48;

    nav {
        text-align: center;

		/* IE */
        zoom: 1;
        *display: block;

        ul {
        }
    
        li {
            position: relative;
            display: inline;
            list-style-type: none;
            line-height: @nav-height;

            /* IE */
            zoom: 1;
            *display: inline;

            &.current-menu-item a,
            &.current-page-ancestor a,
            &.current-post-ancestor a {
                    color: @color-text-reverse;

                    background: #35435f; /* Old browsers */
                    background: -moz-linear-gradient(top,  #35435f 0%, #253451 51%, #0a1b3b 53%, #152443 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35435f), color-stop(51%,#253451), color-stop(53%,#0a1b3b), color-stop(100%,#152443)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* IE10+ */
                    background: linear-gradient(to bottom,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35435f', endColorstr='#152443',GradientType=0 ); /* IE6-9 */
            }

            a {
	         padding: 0 22px;
                color: @color-text-emphasis;
                display: block;
                font-weight: bold;
				
			&:hover {
                    color: @color-text-reverse;

                    background: #35435f; /* Old browsers */
                    background: -moz-linear-gradient(top,  #35435f 0%, #253451 51%, #0a1b3b 53%, #152443 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35435f), color-stop(51%,#253451), color-stop(53%,#0a1b3b), color-stop(100%,#152443)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* IE10+ */
                    background: linear-gradient(to bottom,  #35435f 0%,#253451 51%,#0a1b3b 53%,#152443 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35435f', endColorstr='#152443',GradientType=0 ); /* IE6-9 */
				}
            }

            a:link, a:hover, a:active, a:visited {
				display: inline-block;
				height: @nav-height;
                text-decoration: none;
                line-height: @nav-height;
            }
			
			ul {
				display: none;
			}
        }
    }

    &:after {
        .float-container();
    }
}

/*
 * Featured Sections
 */
#feature-wrapper {
    .wrapper;

    background-image: url('../img/bg-dark.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: 440px;
    padding-bottom: @nav-height;
    background-color: #000000;
    overflow: visible;
    border-top: 1.5px solid #263049;

    #features {
        width: 960px;
        margin: 0 auto;
        position: relative;
        padding-top: 40px;
        text-align: center;
    
        .feature {
            .box-shadow;
            .rounded-corners(10px, 10px, 10px, 10px);
            display: inline-block;
            background-color: #fff;
            width: 290px;
            height: 450px;
            margin: 0 15px;
            position: relative;
            vertical-align: top;
            text-align: left;
            padding: 20px;
            
            a {
                text-decoration: none;
                color: @color-text-alt;
            }

            a.button {
                font-size: 90%;
                position: absolute;
                bottom: 15px;
                width: 270px;
                padding-left: 0;
                padding-right: 0;
                left: 10px;
                color: #fff;
                margin: 0;
            }

            p {
                line-height: 145%;
            }

            & > a img:first-child {
                .rounded-corners(10px, 10px, 0, 0);
                margin-top: -20px;
                margin-left: -20px;
            }
            
            h1 {
                font-size: 200%;
                line-height: 29px;
                padding-left: 33px;
                margin: 2px 0 5px -2px;
                position: relative;

                &:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0; left: 0;
                    width: 29px; height: 29px;
                    background-image: url('../img/icon-arrow.png');
                }
            }

            &:hover {
                -webkit-box-shadow: 0 0 15px 5px rgba(255,255,255,.35);
                box-shadow: 0 0 15px 5px rgba(255,255,255,.35);
            }
        }
        
        .feature:first-child { margin-left: 0; }
        .feature:last-child { margin-right: 0; }
    }
    
    &:before {
        content: "";
        display: block;
        width: 100%;
        height: @nav-height;
        
        position: absolute;
        bottom: 0;

        border-bottom: solid 1px #1d2a48;
        border-top: solid 1px #686868;
    
background: #aec0e1; /* Old browsers */
background: -moz-linear-gradient(top,  #aec0e1 0%, #87a4d6 51%, #7797d0 53%, #7e9ed3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aec0e1), color-stop(51%,#87a4d6), color-stop(53%,#7797d0), color-stop(100%,#7e9ed3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aec0e1 0%,#87a4d6 51%,#7797d0 53%,#7e9ed3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aec0e1 0%,#87a4d6 51%,#7797d0 53%,#7e9ed3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aec0e1 0%,#87a4d6 51%,#7797d0 53%,#7e9ed3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aec0e1 0%,#87a4d6 51%,#7797d0 53%,#7e9ed3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aec0e1', endColorstr='#7e9ed3',GradientType=0 ); /* IE6-9 */


    }
}

/*
 * Content
 *
 * "user-visible styles"
 */
body {
a.button,
input.button,
a.small-button,
a.smallblue, a.bigblue {
    .box-shadow;
    .rounded-corners(12px, 12px, 12px, 12px);
    cursor: pointer;
    text-shadow: none;
    position: relative;
    display: inline-block;

    font-weight: bold;
    line-height: 30px;
    padding: 8px 22px;
    margin: 1px 4px;
    text-decoration: none;
    text-align: center;
    color: @color-text-reverse !important;

    border: none;

background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

    &:link, &:hover, &:active, &:visited {
        color: @color-text-reverse !important;
        font-size: 100%;
    }


    &.alt {
	    line-height: 35px;
        padding: 0 16px;
		font-size: 95%;

	}
	
	&:hover {

background: #800220; /* Old browsers */
background: -moz-linear-gradient(top,  #800220 0%, #6c021a 44%, #520013 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800220), color-stop(44%,#6c021a), color-stop(100%,#520013)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #800220 0%,#6c021a 44%,#520013 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #800220 0%,#6c021a 44%,#520013 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #800220 0%,#6c021a 44%,#520013 100%); /* IE10+ */
background: linear-gradient(to bottom,  #800220 0%,#6c021a 44%,#520013 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800220', endColorstr='#520013',GradientType=0 ); /* IE6-9 */


	}

    &.pointy {
        width: 175px;
        margin: 0;

        &:before {
            content: "";
            display: block;
            position: absolute;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent rgb(169,3,41) transparent;
            top: -10px;
            left: 77.5px;
        }
        
        &:hover {
            &:before {
                border-color: transparent transparent #800220 transparent;
            }
        }
    }    
}
}


body.home #content_wrapper {
    padding-top: 140px;
}

#content_wrapper {
    background-image: url('../img/bg-light.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 250px;
    overflow-x: hidden;
    padding-bottom: 80px;
}

#carousel-wrapper {
    width: 940px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    
    .carousel-item, .carousel-backing {
        z-index: 500;
        .rounded-corners(10px, 10px, 10px, 10px);
        .box-shadow(1px, 2px, 8px, 4px, 0, 0, 0, .2);

        background: #f8f8f8; /* Old browsers */
        background: -moz-linear-gradient(top,  #f8f8f8 0%, #d3d3d3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f8f8f8 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f8f8f8 0%,#d3d3d3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f8f8f8 0%,#d3d3d3 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f8f8f8 0%,#d3d3d3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */

        width: 100%;
        height: 250px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 25px 280px 20px 30px;
        
        h2 {
            z-index: 498;
            text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
            color: #F4F7FB;
            font-size: 75px;
            left: 10px;
            letter-spacing: 1.75px;
            margin-top: -31px;
            position: absolute;
            text-transform: lowercase;
            top: 0;
        }

        img {
            .rounded-corners(0, 10px, 10px, 0);
            position: absolute;
            top: 0;
            right: 0;
        }
/*
        &:nth-child(2n + 1) {

            img {
                .rounded-corners(0, 10px, 10px, 0);
                position: absolute;
                top: 0;
                right: 0;
            }
        }
*/
    }

    
    .carousel-navigation {
        z-index: 600;
        position: absolute;
        bottom: 0;
        width: 43px;
        height: 44px;
        background-color: #fff;
        cursor: pointer;

        &:after {
            content: "";
            display: block;
            position: absolute;
            width: 13px;
            height: 14px;
            top: 15px;
            left: 15px;
            background-image: url('../img/icon-slider-arrow-sprite.png');
            background-repeat: no-repeat;

        }
    }
    
    .carousel-navigation-left {
        .rounded-corners(0, 10px, 0, 10px);
        left: 0;
        -webkit-box-shadow: 2px -2px 2px 1px rgba(0,0,0,.1);
        box-shadow: 2px -2px 2px 1px rgba(0,0,0,.1);
    }
    
    .carousel-navigation-right {
        .rounded-corners(10px, 0, 10px, 0);
        right: 0;
        -webkit-box-shadow: -2px -2px 2px 1px rgba(0,0,0,.1);
        box-shadow: -2px -2px 2px 1px rgba(0,0,0,.1);
        
        &:after {
            background-position: -13px 0;
        }
    }
    
    .carousel-pagination {
        .rounded-corners(10px, 10px, 0, 0);
        background: #253451; /* Old browsers */
        background: -moz-linear-gradient(top,  #253451 0%, #1e2f4f 51%, #031738 53%, #00153f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#253451), color-stop(51%,#1e2f4f), color-stop(53%,#031738), color-stop(100%,#00153f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #253451 0%,#1e2f4f 51%,#031738 53%,#00153f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #253451 0%,#1e2f4f 51%,#031738 53%,#00153f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #253451 0%,#1e2f4f 51%,#031738 53%,#00153f 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #253451 0%,#1e2f4f 51%,#031738 53%,#00153f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253451', endColorstr='#00153f',GradientType=0 ); /* IE6-9 */
        position: absolute;
        top: -33px;
        right: 30px;
        padding: 8px 10px 5px 10px;

        a {
            .rounded-corners(5px);
            z-index: 700;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 2px;
            background-color: #59706a;
            
            &.selected,
            &:hover {
                background-color: #fff;
            }
        }
    }

    margin-bottom: 20px;
    &:after {
        content: "";
        display: block;
        position: absolute;
        border-bottom: 1.5px solid #b7b7b7;
        bottom: -40px;
        left: -50%;
        width: 200%;
    }
}


/*
    h1 { font-size: 160%; }
    h2 { font-size: 150%; }
    h3 { font-size: 150%; }
    h4 { font-size: 135%; }
    h5 { font-size: 120%; }
    h6 { font-size: 110%; }
*/

    h1 { font-size: 180%; }
    h2 { font-size: 170%; }
    h3 { font-size: 160%; }
    h4 { font-size: 145%; }
    h5 { font-size: 130%; }
    h6 { font-size: 120%; }

    h1 a, h2 a, h3 a, h4 a { text-decoration: none; }


#content {
	
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 45px;
    padding-bottom: 15px;
    color: #413833;
/*
    h1 {
        color: #E0251F;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    };
*/
    hr {
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
        background-image: -moz-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
        background-image: -ms-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
        background-image: -o-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0)); 
        margin: 35px 0 40px 0;
    }

    h1, p, ul, ol {
	 margin-top: .25em;
        margin-bottom: 1em;
    }
    p { padding-right: 21px; }

    .float-left { float: left; }
    .float-right { float: right; }
    .clear { clear: both; }
    .clear-right { clear: right; }
    .clear-left { clear: left; }
    .inline-block { display: inline-block; }

    .align-left { text-align:left; }
    .align-right { text-align:right; }
    .align-center { text-align:center; }
    .valign-top { vertical-align:top; }
    .valign-bottom { vertical-align:bottom; }
    .valign-middle { vertical-align: middle; }

    img.float-right { margin-left: 15px; }
    img.float-left { margin-right: 15px; }
    img.treatment {
        border: .5px solid #888;
        padding: 8px;
        background-color: #fff;
    }
    img { -ms-interpolation-mode: bicubic; max-width: 100%; }
    .nowrap { white-space: nowrap; }

    ul { list-style-type: disc; padding-left: 20px; padding-right: 45px; }
    ul.gform_fields { padding: 0; }
    ol { list-style-type: decimal; }
    ul ul, ol ul { list-style-type: circle; margin-left: 15px; }
    ol ol, ul ol { list-style-type: lower-latin; margin-left: 15px; }

    blockquote {
        background: #f9f9f9;
        border: .5px solid #98B0DB;
        border-left: 10px solid #98B0DB;
        margin: 1.25em 10px 1.4em 10px;
        padding: 0.75em 5px 0.75em 15px;
        quotes: "\201C""\201D""\2018""\2019";

		display: inline-block;
		width: auto;
		overflow: auto;
        
        color: @color-text-alt;
        font-weight: bold;
    }
/*
    blockquote:before {
        color: #98B0DB;
        content: '"';
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }
*/
    blockquote p {
        display: inline;
    }
	
	blockquote footer {
	    font-weight: bold;
		padding-top: 20px;
		padding-left: 100px;
		width: auto;
	}

    .button.float-right {
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .action {

    }
    
    #comments {
        margin: 50px 0;
    }

    .news.latest {
        div {
            font-size: 80%;
            width: 48%;
            float: left;
            margin-top: 10px;
            line-height: 140%;
            margin-right: 15px;

            p { margin-bottom: 0; }

            &:nth-child(odd) {
                margin-right: 0;
                padding-bottom: 10px;
            }
        }
        h1 {
            margin: 0;
        }
    }

    .nav-previous { float: left; width: 45%; }
    .nav-next { float: right; width: 45%; }
    label[for="comment"] { display: block; }

    .sidebar {
    
        border-left: dotted 2px #b7b7b7;
    
        & > div {
            padding: 0 20px;
            
            form {
                margin-top: 10px;
            }
        }
    
        .contact {
            text-align: center;
            
            .button {
            }

            .gform_footer { margin: 0; }
        }

        .news ul { padding-left: 10px; padding-right: 5px; }
        .current-cat { font-weight: bold; }
        blockquote { margin-top: 0; margin-bottom: 0; }
    }

    .productselect {
        margin-top: 25px;

        a.button,
        a.small-button {
            line-height: 22px;
            padding-left: 8px;
            padding-right: 8px;
        }
    }

    &:after {
        .float-container();
    }
}

/*
 * Footer
 */
#footer_wrapper {
    background-color: #071839;
    height: auto;
	
    footer {
        padding: 20px 0;
        text-align: center;
        line-height: @footer-height;
        color: @color-text-reverse;
        line-height: 140%;

        .auth {
            margin-top: 1px;
            a {
                color: #fff;
                padding: 0 6px;
            }
        }
        .contact {
            margin-top: 17px;
            font-size: 85%;
            line-height: 130%;
        }

        .social,
        .newsletter {
            h1, h2, h3, h4, h5 { color: #fff; }
            h2 { font-size: 140%; letter-spacing: 1px; }
        }

        .newsletter { margin-top: 10px; }

        .matters {
            .rounded-corners(10px, 10px, 10px, 10px);
            padding: 15px 0;
            text-align: center;
            
            h3 { padding-bottom: 25px; }
            img { width: 80%; }

            background-color: #fff;
        }

        a:link, a:hover, a:visited, a:active { color: #fff; }

        & > .container {
            float: left;
            width: 33%;

            &:last-child { float: right; width: 27%; }
        }

        &:after { .float-container(); }
    }

    .responsive {
        display: none;
        clear: both;
        width: 100%;
        background-color: #000;
        padding: 15px;
        text-align: center;

        a:link, a:hover, a:visited, a:active { color: #fff; }
    }
}

/*
 * Store overrides
 */
body.store {
    /* Volusion has a bunch of whitespace below footer -- fill with footer bg color */
    background-color: #071839;
    background-image: none;
    min-height: 0;
    height: auto;

    .colors_lines { background-color: #fff; }

    #wrapper {
        min-height: auto;
    }

    #header_wrapper {
        header {
            height: 78px;

            .logo-container {
                top: 10px;
                img.logo { max-height: 60px; }
                h1 { display: none; }
            }

            #site_tools {
                top: auto;
                bottom: 10px;
                right: 25px;

                a { font-size: 100%; }
            }

            #display_search {
                position: absolute;
                bottom: 20px;
                right: 50px;
                display: none;
            }
        }
    }

    #content_wrapper {
        background-color: #F3F4F5;
        padding-bottom: 0;
        min-height: 0;
        vertical-align: top;

        #content {
            padding-top: 15px;

            #content_area {
                width: 100%;
                padding: 0;

                table, tr, td, th {
                    vertical-align: top;
                }

/*                #product_photo_zoom_url, */
                #product_photo_zoom_url2 {
                    display: none;
                }

                .colors_productname { font-size: 120%; line-height: 150%; }
                #vCSS_mainform { line-height: 100%; }
                #altviews { display: none; }

                input[type="text"] {
                    font-size: 105%;
                    margin-right: 10px;
                }
                input[id*="product-wishlist-button"] { display: none; }

                .vCSS_breadcrumb_td {
                    & > b:first-child { display: none; }
                }

                #vCSS_mainform {
                    img[height="5"] { display: none; }
                    margin-top: -25px;
                }

                td[class*="productdetail-options"] { padding-right: 12px; }
                .product_productprice {     font-size: 140%;
    margin-top: 10px;
    padding-left: 10px; }
                span[itemprop="description"] { display: block; margin-left: 10px; margin-right: 12px; }
                #ProductDetail_ProductDetails_div { padding: 0 10px; }
                table[id*="product-parent"] { margin-bottom: 35px; }

/*                .colors_descriptionbox  */
                #ProductDetail_ProductDetails_div2 td[width="100%"] {
                    padding-bottom: 10px;
                    padding-left: 20px;
                    padding-right: 25px;
                }

                #Header_ProductDetail_ProductDetails_span {
                    display: none;
                }

                td#v65-cart-shipping-addresstype { vertical-align: bottom; }
            }
        }
    }

    #footer_wrapper {
        height: auto;
        margin-top: 0;
        
        footer {
            line-height: 120%;
            padding-top: 35px;

            ul { width: 24%; display: inline-block; vertical-align: top; 

                li:first-child { margin-bottom: 7px; }
            }
            a:link, a:hover, a:visited, a:active { color: #fff !important; font-size: 85%; }

            div {
                padding-top: 25px;

                #newsletter {
                    color: #fff;

                    h2 { color: #fff; font-size: 140%; }
                    
                }

                #terms { font-size: 85%; margin-top: 15px; }
            }
        }
    }
}


/* @import 'responsive.less'; */