@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,button,input,select,textarea{color: #222;}
body {font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
html { background: #f6f6f6; }
body { font: 14px/22px "Open Sans"; color: #555555; }
input, select, textarea { font-family: "Open Sans"; }
h1, h2, h3, h4, h5, h6 { color: #333; font-family: "Impact", "Open Sans"; font-weight: normal; }
h1 { line-height: 1.2em; }
dt { font-weight: bold; color: #448CCB; }
strong { font-weight: 600; font-size: 15px; line-height: 24px; }
a { color: #448CCB; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { border-top-color: #ccc; margin: 30px 0; }
.container { width: 1222px; margin: 0 auto; }
#header { background: url("../img/header-pattern.png") 0 100% repeat-x; overflow: hidden; padding: 4px 0 6px; clear: both; }
#header #logo { float: left; }
#header #phone { float: right; margin-top: 14px; color: #fff; font-size: 22px; }
#nav-bar { box-shadow: inset #444 0 3px 2px; padding-top: 5px; border-bottom: #474647 20px solid; background: #fff; height: 407px; }
#nav-bar .container { position: relative; }
.nivoSlider { z-index: 1; }
#top-nav { color: #fff; font-size: 16px; text-align: right; margin: -28px 0 6px; }
#top-nav a { color: #fff; text-decoration: none; font-weight: 600; }
#top-nav a:hover { text-decoration: underline; }
#top-nav ul { margin: 0; padding: 0; overflow: hidden; }
#top-nav li {border-left: #fff 1px solid;padding: 0 20px;line-height: 20px;display: inline-block;}
#top-nav li:first-child { padding-left: 36px; border: none; }
#top-nav li:last-child { padding-right: 0; }
.mean-nav a { font-weight: 600; text-transform: none !important; }
.models li { padding-left: 22px; list-style-type: none; background: url("../img/arrow.png") 0 6px no-repeat; margin: 6px 0; }
#search-form { position: absolute; padding: 0 10px 0; width: 210px; margin-right: 6px; height: 329px; z-index: 1000; top: 45px; left: 60px; background: url("../img/quote-bg.png"); }
#search-form h2 { text-align: center; color: #fff; margin: 0 -10px 5px; font-size: 28px; line-height: 28px; background: #000; padding: 6px 0 9px; }
#search-form input[type="text"], #search-form select, #status-form input[type="text"] { width: 210px; margin: 0 0 2px; border: none; padding: 1px; color: #636363; }
#contact-form select, #contact-form input[type="text"] { width: 210px; margin: 0 0 13px; border: none; padding: 2px; color: #636363; }
#search-form input[type="text"], #status-form input[type="text"] { padding: 3px 2px; width: 206px; }
#search-form input[type="submit"], #status-form input[type="submit"], #contact-form input[type="submit"] { background: #448ccb; border: #fff 2px solid; color: #fff; padding: 4px; font-weight: bold; font-size: 14px; line-height: 14px; width: 90px; float: right; }
#search-form fieldset label { font-size: 13px; color: black; }
#search-form input[type="submit"] { margin-top: 6px; }
#footer { padding: 20px 0; overflow: hidden; border-top: #474647 2px solid; }
#footer ul { padding: 0; margin: 0; }
#footer li { float: left; margin-right: 30px; }
#swtfreeshipping { background: #437daf; width: 100%; display: block; }
#swtfreeshipping img { margin-right: auto; margin-left: auto; display: block; }
#quotecontent { width: 680px; float: left; }
#ratingscontent { width: 275px; float: right; }
#quotecontent label { font-size: 18px; font-weight: bold; margin-right: 10px; display: inline-block; min-width: 90px; float: left; margin-bottom: 8px; }
#quotecontent fieldset { font-size: 16px; }
#quotenumber { color: steelblue; font-weight: bold; font-size: 18px; }
#price, #shipping { color: green; font-weight: bold; font-size: 18px; }
#slider-container { max-width: 1222px; width: 100%; }
#checkout a { margin: 0 20px 0 0; }
.gallery { padding: 20px 0 0; overflow: hidden; }
.gallery li {list-style-type: none;float: left;margin: 0 20px 20px 0;min-height: 155px;}
.gallery img { width: 200px; }
#content { clear: both; padding: 30px 0 50px; background: #fff; }
.theme-default .nivo-controlNav { margin-top: -52px; z-index: 1000; position: relative; padding: 10px 0 !important; }
.lists { overflow: hidden; color: #ccc; }
.lists ul { width: 140px; float: left; }
#status-form, #status-form {background: #DFDFDF;width: 210px;padding: 20px 10px 15px;margin: 0 auto;display: block;overflow: hidden;margin-top: 30px;}
#contact-form {background: #DFDFDF;padding: 25px 0;}
#contact-form label { width: 450px; float: left; text-align: right; margin-right: 20px; }
#contact-form textarea { width: 300px; height: 150px; border: none; }
#contact-form input[type="submit"] { float: none; margin: 20px 0 0 470px; }
@media (max-width: 1260px) {
    .container { width: 980px; }
    #nav-bar { height: 326px; }
    #search-form { top: -3px; left: 10px; }
    #contact-form label { width: 350px; }
}
@media (max-width: 1001px) {
    #top-nav { font-size: 16px; }
    #top-nav li { padding: 0 14px; }
    #search-form { width: auto; margin: 0 0 6px 0; float: none; height: auto; }
    #slider-container { width: auto; float: none; clear: both; }
    #search-form { position: static; margin-top: 20px; margin-bottom: 10px; }
    #search-form h2 { margin-left: -20px; margin-right: -20px; }
    #top-nav { margin: 0; }
    #nav-bar { height: auto; }
    #quotecontent { width: 100%; float: none; }
    #ratingscontent { float: none; margin-left: auto; margin-right: auto; }
	width: 100%;
}
@media (min-width: 768px) and (max-width: 1001px) {
    .container { width: 748px; }
    #search-form, #footer { padding-left: 20px; padding-right: 20px; }
    #contact-form label { width: 220px; }   
    /*#search-form fieldset { display: inline-block; }
    #search-form input[type="submit"] { margin-top: -2px; display: inline-block; }*/
    #nav-bar { height: auto; }
	#search-form input[type="text"], #search-form select {width: 100%;}
	#search-form input[type="submit"] {float: none; width: 100%;}
	#search-form { padding-bottom: 35px; }
	.pos-top-right {left: -80px;}
	.cap-text span, .cap-text {
		float: left !important;
		text-align: left;
	}
}
@media (max-width: 767px) {
    .container { width: auto; }
    #contact-form, #header, #search-form, #content, #footer { padding-left: 20px; padding-right: 20px; }
    #search-form input[type="text"], #search-form select { width: 100%; }
    #search-form input[type="submit"] { float: none; width: 100%; }
    #contact-form label { width: auto; float: none; display: block; text-align: left; }
    #contact-form small { display: block; margin: -10px 0 15px; }
    #contact-form input[type="text"], #contact-form textarea, #contact-form select { width: 100%; }
    #contact-form input[type="submit"] { margin-left: 0; }
    #search-form { padding-bottom: 35px; }
    #content { padding-top: 0; }
    #top-nav { margin-bottom: 0; }
    #quotecontent { margin-top: 15px; }
}
@media (max-width: 549px) {
    #header #logo, #header #logo img { float: none; display: block; margin: 0px auto 15px auto; width: 340px; }
    #header #phone { float: none; display: block; margin: 0 auto 2px; }
    #swtfreeshipping img { width: 340px; }
    input, select{ font-size: 16px; }
    #checkout { width: 100% }
    #checkout a { display: block; margin: 0 0 10px 0; text-align: center; }
    #quotecontent label { width: auto; float: none; display: block; text-align: left; margin-bottom: 3px; }
    #quotecontent fieldset { margin-bottom: 15px; }
    #search-form input[type="submit"], #status-form input[type="submit"], #contact-form input[type="submit"] { font-size: 18px; line-height: 24px; margin-top: 12px; }
}
@media (max-width: 350px) {
    #header #logo img { width: 290px; margin:0px; }
    #swtfreeshipping img { width: 290px; }
}
.ir {background-color: transparent;border: 0;overflow: hidden; *text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}