<!--
@import url(//fonts.googleapis.com/css?family=Gochi+Hand|Kameron:700|Open+Sans+Condensed:700,300,300italic);

.clearfix:after {
    clear: both;
    display: block;
    content: " ";
    height: 0px;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
li.clearfix {
    display: list-item;
}
/* End hide from IE-mac */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    background-color: #2a2523;
    margin: 0;
    padding: 0;
    color: #000;
    background-image:url(../images/bkg.jpg);
    background-repeat: repeat;
    background-position: center top;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
}


p {
    margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

h1, h3, h5 {
    color: #d81f3c;
}

h2, h4, h6 {
    color: #89061f;
}


h1 {
    width: 100%;
    height: 40px;
    font-size: 24px;

    text-transform: uppercase;
    letter-spacing: 1px;


    margin: 0px 0px 15px 0px;
    padding: 0;

    position: relative;
}

h1 .l {
    display: block;
    height: 40px;
    background-color: #d81f3c;
    width: 1000%;
    position: absolute;
    left: -1000%;
}

h1 .r {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-image:url(../images/h1.png);
    background-position: right bottom;
}


h1 .text {
    display: block;
    float: left;
    line-height: 40px;
    height: 40px;
    background-color:#d81f3c;
    padding-right: 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

h2 {
    font-size: 26px;
    line-height: 28px;
    margin: 8px 0px 8px 0px;
    padding: 0;
}

h3 {
    font-size: 24px;
    line-height: 26px;
    margin: 8px 0px 8px 0px;
    padding: 0;
}

h3 big {
    font-size: 34px;
}

h4 {
    font-size: 22px;
    line-height: 24px;
    margin: 6px 0px 6px 0px;
    padding: 0;
}

h5 {
    font-size: 18px;
    line-height: 20px;
    margin: 6px 0px 6px 0px;
    padding: 0;
}

h6 {
    font-size: 14px;
    line-height: 17px;
    margin: 4px 0px 8px 0px;
    padding: 0;
}

p {
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0px 10px 0px;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #89061f;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
    color: #d81f3c;
    text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    color: #89061f;
    text-decoration: none;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
    width: 100%;
    min-width: 1000px;
    background-color: #FFFFFF;
    background-image:url(../images/bkg-white.jpg);
    background-position: center top;

    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    margin-bottom: 15px;

    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 	/* For IE 5.5 - 7 */
}

.wrap {
    width: 970px;
    margin: 0 auto;
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
    margin-bottom: 15px;
    position: relative;
    z-index: 99;
    background-image:url(../images/bkg-tan.jpg);
    min-width: 1000px;
}

header > .wrap {
    height: 60px;
    position: relative;
}

header .logo {
    float: left;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    height: 50px;
    overflow: visible;
}

header .logo img {
    max-width: 210px;
    max-height: 40px;
}

header .betterspreading {
    position: absolute;
    left: 220px;
    top: 15px;
    width: 393px;
    height: 25px;
    background-image:url(../images/better-spreading-made-simple.png);
    background-repeat: no-repeat;
    text-indent: -2000px;
}

header .social {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 220px;
}

.social .btn-sm {
    position: relative;
    top: -5px;
}

header address {
    padding-top: 5px;
    text-align: left;
    float: right;
    font-size: 11px;
    line-height: 14px;


    color: #000;
    font-style: normal;
    font-weight: normal;
}

header address strong {
    display: block;
    float: left;
    text-align: right;

    height: 35px;

    font-size: 14px;
    line-height: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

header address table tr td {
    padding: 0px 5px;
}

header address table tr td:first-child {
    border-right: 1px solid #000;

}

.content {
    padding: 15px 15px 15px 15px;
    width: 630px;
    float: left;
}

.sidebar {
    float: left;
    width: 280px;
    padding: 15px 15px 15px 15px;
}

.full {
    padding: 15px 15px 15px 15px;
    width: 940px;
    float: left;
}

.withbackground .content, .withbackground .sidebar, .withbackground .full {
    padding-top: 215px;
}


/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.content ul.checklist {
    padding: 0 15px 15px 0px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

ul.checklist {
    list-style: none;
    margin-left: 0px;
    padding: 0px 5px;
}

ul.checklist li {
    border-bottom: 1px solid #eee;
    background-image: url(../images/checkmark.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    padding: 4px 2px 2px 25px;
}

ul.checklist li:first-child {
    border-top: 1px solid #eee;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */

.navbar {
    clear: both;

    width: 100%;
    height: 15px;

    background-color: #88061e;

    position: relative;
    top: 15px;
    z-index: 1;

    -moz-box-shadow: 0px 3px 4px #000;
    -webkit-box-shadow: 0px 3px 4px #000;
    box-shadow: 0px 3px 4px #000;

}
nav {
    float: left;
}
nav ul{
    list-style: none; /* this removes the list marker */
    height: 30px;
}
nav li {
    display: block;
    float: left;
}
nav a, nav a:link, nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */

    position: relative;
    top: -15px;

    padding: 0px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-decoration: none;

    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    text-transform: uppercase;

    color: #FFF;

    text-shadow: 1px 1px 1px #000;
}
nav a:hover, nav a:focus, nav li.selected a { /* this changes the background and text color for both mouse and keyboard navigators */
    color: #FFF;
}
nav a:active {
    color: #cec7a6;
}
nav a .l, nav a .r, .feature .l, .feature .r {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background-image:url(../images/bar-tl.png);
    background-repeat: no-repeat;
}
nav a .r, .feature .r {
    background-image:url(../images/bar-tr.png);
}
nav a .text, .feature .text {
    height: 30px;
    float: left;
    background-image:url(../images/bar.png);
    background-repeat: repeat-x;
}

nav a.brands_overlay .text {
  background-image:url(../images/bar-black.png);
}
nav a.brands_overlay .l {
  background-image:url(../images/bar-tl-black.png);
}
nav a.brands_overlay .r {
  background-image:url(../images/bar-tr-black.png);
}

nav a:hover .l, nav li.selected a .l, .feature:hover .l {
    background-image:url(../images/bar-tl-over.png);
}
nav a:hover .r, nav li.selected a .r, .feature:hover .r {
    background-image:url(../images/bar-tr-over.png);
}
nav a:hover .text, nav li.selected a .text, .feature:hover .text {
   background-image:url(../images/bar-over.png);
}

nav .dropdown {
    display: none;

    position: absolute;
    left: 0px;
    top: 15px;

    padding-top: 15px;

    width: 100%;
    background-color:#eee;

    -moz-box-shadow: 0px 3px 4px #000;
    -webkit-box-shadow: 0px 3px 4px #000;
    box-shadow: 0px 3px 4px #000;

}


nav .dropdown a, nav .dropdown a:link, nav .dropdown a:focus,  nav .dropdown a:visited{
    color:#89061f;
    display: block;
    height: 75px;
    width: 271px;

    background-color: #fff;

    padding: 15px 15px 15px 15px;

    font-size: 18px;
    line-height: 22px;
    text-transform: none;

    float: left;
    margin: 15px 0px 0px 15px;

    text-shadow: none;

}

nav .dropdown.wide a, nav .dropdown.wide a:link {
    width: 430px;
    height: 100px;
}

nav .dropdown a:hover {
    color:#d81f3c;
}

nav .dropdown a:active {
    color:#89061f;
}

nav .dropdown a .img {
    float: left;
    width: 110px;

    margin: 0px 15px 15px 0px;
}

nav .dropdown a .img img {
    width: 110px;
}

nav .dropdown a em {
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    line-height: 13px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #666;
    font-style: normal;
    font-weight: normal;
}

nav li:hover .dropdown,  nav li:focus .dropdown {
    display: block;
}

.feature {
    width: 293px;
    float: left;
    margin: 15px;
}

.feature .bar .text {
    width: 233px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-decoration: none;

    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;

    text-shadow: 1px 1px 1px #000;
}

.feature .subbar {
    width: 293px;
    float: left;
    color: #cec7a6;
    background-color: #272220;
    font-size: 10px;
    padding: 2px 0px;
    text-align: center;
    font-weight: bold;
}


/* ~~ The footer ~~ */
footer {
    padding: 10px 0px 0px 0px;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    z-index: 2;
}

footer .logo {
    padding: 0px 15px;
    padding-left: 0px;
}

footer .logo img {
    max-width: 210px;
    max-height: 40px;
}

footer section {
    width: 240px;
    float: left;
}

footer section:first-child {
    width: 250px;
}

footer, footer p, footer h6, footer a {
    color: #cec7a6;
}


footer p {
    font-size: 12px;
    line-height: 16px;
}

footer h6 {
    text-transform: uppercase;
    font-weight: normal;
}

footer .logo img {
}

footer a {
    color:#cec7a6 !important;
    text-decoration: none !important;
}

footer a:hover {
    text-decoration: underline !important;
}

footer a:active {
    color: #fff !important;
}

footer .copyright {
    clear: both;
}

footer .copyright p {
    font-size: 9px;
}


/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure,address {
    display: block;
}

table {
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

.hr {
    clear: both;
    width: 100%;
    margin: 15px auto;
    height: 1px;
    background-color:#ccc;
}

#banner {
    position: relative;
    width: 970px;
    height: 475px;
    margin: 0 auto;
}

#banner .cycle-slideshow {
    float: left;
    position: relative;
    left: -115px;
    z-index: 2;
}

#prev, #next {
    position: absolute;
    z-index: 3;
    left: -90px;
    top: 222px;
    margin: 0px 0px;
    cursor: pointer;
    display: block;
    width: 0;
    height: 0;
    border-right: 30px solid #fff;
    border-bottom: 30px solid transparent;
    border-top: 30px solid transparent;

    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}


#prevsm, #nextsm {
    position: absolute;
    z-index: 3;
    left: 5px;
    top: 40px;
    margin: 0px 0px;
    cursor: pointer;
    display: block;
    width: 0;
    height: 0;
    border-right: 15px solid #000;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;

    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#nextsm {
    left: auto;
    right: 5px;
    border-left: 15px solid #000;
    border-right: 0px solid #000;
}


#next {
    left: auto;
    right: -90px;
    border-left: 30px solid #fff;
    border-right: 0px solid #fff;
}

#next:hover, #prev:hover, #nextsm:hover, #prevsm:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

#next:active, #prev:active, #nextsm:active, #prevsm:active {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

#hdr {
    position: relative;
    width: 970px;
    height: 250px;
    margin: 0 auto;
}

#hdr .cycle-slideshow {
    float: left;
    position: relative;
    left: -115px;
    z-index: 2;
}

#hdr #next, #hdr #prev {
    top: 85px;
}

@media (max-width: 1200px) {

    #banner {
        width: 100%;
    }
    #banner .cycle-slideshow {
        left: 0px;
    }
    #banner .cycle-slideshow img {
        width: 100%;
        min-width: 1000px;
    }

    #prev {
        left: 5px;
    }

    #next {
        right: 5px;
    }

    #hdr {
        width: 100%;
    }
    #hdr .cycle-slideshow {
        left: 0px;
    }
    #hdr .cycle-slideshow img {
        width: 100%;
        min-width: 1000px;
    }

}

#gallery {
    position: relative;
    z-index: 1;
    width: 970px;
    margin: 0 auto;
}

#gallery #prev {
    left: 5px;
}

#gallery #next {
    right: 5px;
}

.cycle-pager {
    float: right;
    position: relative;
    z-index: 1;
    margin: 0px;
    top: -5px;
}

.cycle-pager div {
    float: left;
    margin: 0px 5px;

    cursor: pointer;
    display: block;

    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;

    border-top: 15px solid #cec7a6;

}
.cycle-pager div:hover {
    border-top: 15px solid #89061f;
}

div.cycle-pager-active, .cycle-pager div:active {
    border-top: 15px solid #d81f3c;
}


.contact table {
    width: 100%;
}

.contact table tr td {
    vertical-align: top;
    padding: 5px;
}

.contact table table tr td {
    padding: 0px;
}

.contact table  tr  td {
    border-bottom: 1px solid #ddd;
}

.contact table  tr td:first-child {
    width: 160px;
    text-align: right;
}

.contact table table  tr td:first-child {
    width: auto;
    text-align: left;
}

.contact table table  tr  td {
    border-bottom: 0px solid #ddd;
    text-align: left;
}

input[type="text"], textarea, select{
    width: 180px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

select {
    width: 188px;
}

input[type="text"]:focus, textarea:focus, select:focus{
    border: 1px solid #eee;
    outline: none;
}

.contact label {
    cursor: pointer;
    display: block;
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
}


.right {
    float: right;
    margin: 0px 0px 15px 15px;
}

.left {
    float: left;
    margin: 0px 15px 15px 0px;
}

.frame, .shadow {
    -moz-box-shadow: 2px 2px 3px #CCCCCC;
    -webkit-box-shadow: 2px 2px 3px #CCCCCC;
    box-shadow: 2px 2px 3px #CCCCCC;

}

.frame {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ddd;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

}

a .frame:hover {
    background-color: #ddd;
}

a .frame:active {
    background-color: #eee;
}


.thumbnails {
    clear: both;
    position: relative;
    z-index: 5;
    top: -30px;
}

.thumbnails a {
    display: block;
    float: left;
    position: relative;
    top: 10px;

    width: 174px;
    margin-left: 15px;
    text-decoration: none;

    font-size: 18px;
    line-height: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}


.thumbnails a em {
    display: block;
    font-size: 12px;
    line-height: 14px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.thumbnails a img {
    width: 170px;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #eee;

    -moz-box-shadow: 2px 2px 3px #CCCCCC;
    -webkit-box-shadow: 2px 2px 3px #CCCCCC;
    box-shadow: 2px 2px 3px #CCCCCC;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC')"; /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC'); 	/* For IE 5.5 - 7 */


    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.thumbnails a:hover img {
    background-color: #ddd;
}

.thumbnails a:hover em {
    color: #333;
}

.thumbnails a:active img {
    background-color: #eee;
}

.thumbnails a:active em {
    color: #111;
}

.gallery {
    width: 100%;
}

.gallery tr td {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.gallery img {
    width: 140px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.gallery_images {
    background-size: cover;
}

.btn, .btn-sm, .btn-lg{
    display: inline-block;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #fff !important;
    background-color: #000;
    border: 0px solid #000;
    padding: 4px 6px;
    text-decoration: none !important;


    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.btn-sm {
    font-size: 10px;
    padding: 2px 4px;

    position: relative;
    top: -5px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.btn-lg {
    font-size: 18px;
    padding: 5px 7px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

h4 .btn {
    position: relative;
    top: -2px;
}


.btn:hover,  .btn-sm:hover, .btn-lg:hover{
    background-color: #d81f3c !important;
}

.btn:active,.btn-sm:active,.btn-lg:active{
    color: #cec7a6 !important;
    background-color: #2a2523 !important;
}

.btn-rev {
    background-color: #cec7a6 !important;
    color:#000 !important;
}

.btn-rev:hover {
    background-color: #d81f3c !important;
    color:#fff !important;
}

.btn-rev:active {
    background-color: #cec7a6 !important;
    color:#000 !important;
}

.btn:disabled, .btn-sm:disabled, .btn-lg:disabled{
    background-color: #333 !important;
    color: #eee !important;

    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;

    cursor: default;

}

.box {
    clear: both;
    margin: 15px auto 30px auto;
}

.box .t, .box .b {
    height: 30px;
}

.box .t .l, .box .t .r, .box .b .l,.box .b .r  {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background-image:url(../images/box-tl.png);
}

.box .t .r {
    background-image:url(http://lancoequipment.com/lancoequipment/images/box-tr.png);
}

.box .b .l {
    background-image:url(http://lancoequipment.com/lancoequipment/images/box-bl.png);
}

.box .b .r {
    background-image:url(http://lancoequipment.com/lancoequipment/images/box-br.png);
}

.box.withbar .t .l {
    background-image:url(../images/bar-tl.png);
}

.box.withbar .t .r {
    background-image:url(../images/bar-tr.png);
}

.box .open, .box .close {
    clear: both;
    height: 1px;
    margin: 0px;
}

aside .box p {
    font-size: 12px;
    line-height: 15px;
}


.locator .b p {
    margin: 0px;
    padding: 0px;
}

.locator .t h4 {
    font-size: 18px;
    letter-spacing: 0px;
}

.locator small {
    font-size: 10px;
}

.box.locator .m {
    position: relative;
}

.box.locator .m form {
    position: relative;
    z-index: 2;
    padding: 15px 0px 10px 70px;
    text-align: center;
}

.locator input[type="text"] {
    width: 55px;
}

.locator .usa {
    position: absolute;
    z-index: 1;
    left: -15px;
    top: 15px;asdf
}

.locator .hr {
    background-color: #f0e9c7;
    margin: 0px auto 10px auto;
}

aside .box .t .text, aside .box .b .text {
    display: block;
    float: left;
    width: 220px;
    height: 30px;
    background-color: #cec7a6;
}

.content .box .t .text, .content .box .b .text {
    display: block;
    float: left;
    width: 570px;
    height: 30px;
    background-color: #cec7a6;
}


.box .m {
    background-color: #cec7a6;
    padding: 0px 15px;
}

.locator h6 {
    letter-spacing: 0px;
}

.box.outline .t .l {
    background-image:url(../images/bar-tl.png);
}

.box.outline .t .r {
    background-image:url(../images/bar-tr.png);
}

.box.outline .b .l {
    background-image:url(http://lancoequipment.com/lancoequipment/images/box-o-bl.png);
}

.box.outline .b .r {
    background-image:url(http://lancoequipment.com/lancoequipment/images/box-o-br.png);
}

.box.outline .b .text {
    background-color: #fff;
    border-bottom: 1px solid #cec7a6;
}

.box.outline .t .text, .box.withbar .t .text {
    width: 220px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-decoration: none;

    background-image:url(../images/bar.png);

    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;

    text-shadow: 1px 1px 1px #000;
}

.content .box.outline .t .text, .content .box.withbar .t .text {
    width: 570px;
}

.full .box.outline .t .text, .full .box.withbar .t .text, .full .box.outline .b .text, .full .box.withbar .b .text {
    display: block;
    float: left;
    height: 30px;
    width: 880px;
}


.box.outline .m {
    background-color: #fff;
    border: 1px solid #cec7a6;
    border-top: 0px;
    border-bottom: 0px;
}

.specs {
    width: 100%;
}

.specs img {
    width: 100%;
}

.specs td {
    padding: 0px 10px 15px 10px;
}


.reg {
    position: relative;
    top: -0.5em;
    font-size: .5em;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

.tan-light {
    color: #f0e9c7;
}

.white-bkg {
	background-color: #FFFFFF;
	background-image:url(../images/bkg-white.jpg);
	background-position: center top;
}

.red-gradient-bkg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7e051d+0,d72341+50,7e051d+100 */
	background: #7e051d; /* Old browsers */
	background: -moz-linear-gradient(left,  #7e051d 0%, #d72341 50%, #7e051d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #7e051d 0%,#d72341 50%,#7e051d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #7e051d 0%,#d72341 50%,#7e051d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e051d', endColorstr='#7e051d',GradientType=1 ); /* IE6-9 */
}

.black-bkg {
    background-image:url(../images/bkg.jpg);
    background-repeat: repeat;
    background-position: center top;
}