/*body			{ background: #1d1a1a url(img/bg-gradient.png) repeat-x; padding: 0 0 0 0; margin: 0; 
				  font-size: small; font-family: Verdana, sans-serif; } */

body {
    /* background: #d4cd9d url(img/grass.jpg); */
    padding: 0 0 0 0;
    margin: 0;
    font-size: small;
    font-family: Verdana, sans-serif;
}

a,
a:visited {
    text-decoration: none;
    color: #3884bc;
}

a:hover,
a:active {
    text-decoration: underline;
}

#magnum-logo {
    display: block;
    border: 0;
    margin: 17px 0 -7px 28px;
    width: 346px;
    height: 95px;
    background: transparent url(img/logo-head4.png) no-repeat;
}

.layout {
    position: relative;
    width: 832px;
    margin: 0px auto;
}

.content {
    background: transparent url(img/bg-body.png) repeat-y;
}

.title {
    background: transparent url(img/bg-body-title.png) repeat-y;
}

.title h1 {
    text-align: left;
    display: block;
    padding: 7px 40px 7px 40px;
    font-size: 28px;
    margin: 0;
    font-weight: normal;
}

#gutter {
    float: left;
    margin: 0 0 0 20px;
    width: 189px;
    overflow: hidden;
}

#body {
    margin: 0 20px;
    line-height: 1.3em;
}

.body {
    overflow: auto;
    background-color: white;
}

.body>*:first-child {
    margin-top: 25px;
}


/*
#body			{ margin: 0 20px 0 209px; line-height: 1.3em; }
.body			{ padding-top: 20px; }
*/

dfn {
    border-bottom: 1px dotted black;
    cursor: help;
    font-style: normal;
}

.footer {
    background: transparent url(img/bg-body-title.png) repeat-y;
}

.dropshadow {
    padding: 10px 0 20px;
    font-size: smaller;
    text-align: center;
    color: black;
    height: 31px;
    background: transparent url(img/bg-dropshadow.png) no-repeat;
}

.dropshadow a {
    color: black;
}

.buttonbar {
    background: transparent url(img/bg-buttons-shadow.png) no-repeat;
    height: 45px;
}

#trailing-space {
    height: 500px;
    display: none;
}

.button {
    background-position: top left;
    display: block;
    position: absolute;
    width: 264px;
    height: 37px;
    bottom: 0;
}

.button:hover {
    z-index: 10;
}

.button:hover .menu {
    display: block;
}

.menu {
    opacity: 0.98;
    width: 340px;
    position: absolute;
    top: -6px;
    left: -38px;
    display: none;
    padding-bottom: 20px;
}

.menu .bhi {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    height: 43px;
    display: block;
}

.menu ul {
    background-color: transparent;
    background-repeat: repeat-y;
    background-position: top center;
    padding: 0 12px;
    margin: 0;
    display: block;
    list-style: none;
}

.menu .cap {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    height: 27px;
}

.menu ul li {
    margin: 0 24px;
    padding: 0;
    background: transparent url(img/dropdown-line.png) no-repeat top center;
    text-align: center;
    font-size: medium;
}

.menu ul li a {
    display: block;
    padding: 0.8em 12px;
}

.menu ul li a,
.menu ul li a:visited {
    color: white;
}

.menu ul li:hover {
    background-repeat: repeat-y;
}

.menu ul li:hover a {
    text-decoration: none;
}

#service {
    background-image: url(/img/bg-buttons-service.png);
    left: 20px;
}

#supplies {
    background-image: url(/img/bg-buttons-supplies2.png);
    left: 284px;
}

#contact {
    background-image: url(/img/bg-buttons-contact.png);
    right: 20px;
}

#service .bhi {
    background-image: url(img/dropdown-service-button.png);
}

#service ul {
    background-image: url(img/dropdown-service-body.png);
}

#service .cap {
    background-image: url(img/dropdown-service-cap.png);
}

#supplies .bhi {
    background-image: url(img/dropdown-supplies-button2.png);
}

#supplies ul {
    background-image: url(img/dropdown-supplies-body.png);
}

#supplies .cap {
    background-image: url(img/dropdown-supplies-cap.png);
}

#contact .bhi {
    background-image: url(img/dropdown-contact-button.png);
}

#contact ul {
    background-image: url(img/dropdown-contact-body.png);
}

#contact .cap {
    background-image: url(img/dropdown-contact-cap.png);
}

#news_sidebar {
    position: relative;
    border: 2px solid white;
    margin: 0 -2px 3em;
    padding: 0 15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: none;
    background: -moz-linear-gradient(top, rgba(212, 218, 229, 1) 0%, rgba(212, 218, 229, 0) 60px);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 218, 229, 1)), color-stop(60px, rgba(212, 218, 229, 0)));
    background: -webkit-linear-gradient(top, rgba(212, 218, 229, 1) 0%, rgba(212, 218, 229, 0) 60px);
    background: -o-linear-gradient(top, rgba(212, 218, 229, 1) 0%, rgba(212, 218, 229, 0) 60px);
    background: -ms-linear-gradient(top, rgba(212, 218, 229, 1) 0%, rgba(212, 218, 229, 0) 60px);
    background: linear-gradient(to bottom, rgba(212, 218, 229, 1) 0%, rgba(212, 218, 229, 0) 60px);
}

#news_sidebar h2 {
    margin: 5px 0;
    font-size: inherit;
    color: #3884bc;
    /*    text-shadow: 1px 1px rgba(255,255,255,0.2); */
}

#rss_link {
    position: absolute;
    top: 6px;
    right: 15px;
    width: 14px;
    height: 14px;
    background: url('img/feed-icon-14x14.png');
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#news_sidebar ul {
    list-style: none;
    padding: 0;
    font-size: 11px;
}

#news_sidebar li {
    overflow: auto;
    clear: both;
    margin-bottom: 1.4em;
}

#news_sidebar li a {
    color: #595959;
}

#news_sidebar li a:hover {
    text-decoration: none;
    color: black;
}

#news_sidebar li:first-child a {
    font-size: 12px;
    font-weight: bold;
}

#news_sidebar span {
    float: right;
    font-size: 10px;
    color: gray;
    font-weight: normal;
}

.nav {
    display: block;
    margin: 10px 0 40px;
    padding: 0;
    text-align: right;
    list-style: none;
    font-size: large;
    overflow: hidden;
}

.nav a,
.nav a:visited {
    color: #868686;
}

.nav a:hover,
.nav a:active {
    color: black;
    text-decoration: none;
}

.nav li {
    padding: 7px 20px 7px 10px;
}

.nav li.current {
    background: transparent url(/img/list-arrow.png) no-repeat right;
}

.nav li.current a,
.nav li.current a:visited {
    color: black;
}

img.marker {
    display: block;
    position: absolute;
    right: -25px;
}

#gutter img {
    display: block;
    margin: 15px auto;
}

#shoplink {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #3884bc;
    font-size: large;
    background: #d4dae5;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #aabee4;
    text-decoration: none;
}

#shoplink:hover {
    background: #aabee4 url(img/bg-smallbluegradient.png) repeat-x;
}

#shoplink:hover>a {
    text-decoration: none;
    color: black;
}

.body>p,
fieldset,
.body>table,
.body>dl {
    margin: 0 45px 1.2em;
    text-align: justify;
}

#devicecheckmarks {
    width: 510px;
}

#devicecheckmarks th {
    font-weight: normal;
}

#devicecheckmarks td {
    padding-left: 20px;
    background: transparent url(img/checkbox.gif) no-repeat;
}

.body h2 {
    text-align: left;
    font-size: small;
    margin: 35px 45px 0 25px;
}

.body>ol,
.body>ul {
    margin: 0 45px 1.2em 45px;
    text-align: left;
}

.body ol li {
    margin-bottom: 0.5em;
}

.blacklinks a {
    color: black;
}

.body dl {
    text-align: left;
}

.body dt {
    font-weight: bold;
}

.body hr {
    margin: 35px 45px 0;
    height: 2px;
    background-color: #E3E3E3;
    border: none;
}

#shop_search_box {
    width: 350px;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
    top: 0;
    border-radius: 7px;
    background: -moz-linear-gradient(top, #e6eaf2 0%, #aabee4 100%);
    background: -webkit-linear-gradient(top, #e6eaf2 0%, #aabee4 100%);
    background: linear-gradient(to bottom, #e6eaf2 0%, #aabee4 100%);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}

#shop_search_box input {
    font-size: medium;
    padding: 0.5em;
    border: none;
}

#shop_search_input {
    overflow: hidden;
}

#shop_search_input input {
    box-sizing: border-box;
    width: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#shop_search_button {
    float: right;
}

#shop_search_button input {
    padding-left: 1em;
    padding-right: 1em;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #71A2DA;
    color: white;
    cursor: pointer;
}

#map {
    margin-left: 45px;
    margin-bottom: 30px;
    width: 510px;
    height: 400px
}

ul.form {
    list-style: none;
    padding: 0;
    margin: 10px;
}

ul.form li {
    min-height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
}

ul.form li label {
    display: block;
    width: 100px;
    margin-right: 5px;
    float: left;
    font-size: smaller;
    overflow: hidden;
}

ul.form span {
    margin-left: 5px;
    font-size: smaller;
    color: red;
}

ul.form input[type="text"],
ul.form input[type="password"],
ul.form input[type="tel"],
ul.form input[type="email"],
ul.form select {
    margin: 0;
}

ul.form li.checkbox {
    white-space: normal;
    margin-top: 8px;
    min-height: 0;
}

ul.form li.checkbox input {
    margin: 0 0 0 105px;
    float: left;
}

ul.form li.checkbox label {
    margin: 0 0 0 125px;
    width: inherit;
    float: none;
    overflow: visible;
    display: block;
    line-height: normal;
}

ul.form li.err input {
    background-color: pink;
}

ul.form li.err label {
    color: red;
}

fieldset {
    position: relative;
    margin-bottom: 15px;
    padding: 0;
    border: 1px solid #CCC;
    background: white url(img/bg-fieldset.png) repeat-x;
}

legend {
    margin-left: 10px;
    font-weight: bold;
}

fieldset>p {
    margin: 15px 25px;
}

.body fieldset hr {
    margin: 20px;
}

ul.form li textarea {
    width: 99%;
}

input.driftnet {
    display: none;
}

blockquote {
    margin-bottom: 2.5em;
    background: transparent url(img/quote-open2.gif) no-repeat top left;
}

blockquote .blockquote {
    background: transparent url(img/quote-close2.gif) no-repeat bottom right;
    padding: 0 25px;
    text-align: justify;
}

.attrib {
    font-weight: bold;
    float: right;
}

#errbox {
    position: relative;
    left: 42px;
    width: 173px;
    padding-top: 55px;
    background: transparent url('/img/bg-errorsearch.png') no-repeat;
}

#errbox input {
    position: absolute;
    top: 29px;
    left: 10px;
    border: 0;
    width: 145px;
}

#errbox img#status {
    position: absolute;
    top: 30px;
    left: 157px;
}

#errbox ul {
    background: white url('/img/bg-errorsearchfoot.png') no-repeat bottom center;
    list-style: none;
    margin: 0;
    padding: 0 0 11px 0;
}

#errbox li {
    border-left: 3px solid #85abd8;
    border-right: 3px solid #85abd8;
    padding: 6px 12px 6px 5px;
    font-weight: bold;
    line-height: 1em;
    cursor: pointer;
}

#errbox li:hover {
    background: #d7deec;
}

#errbox li:active {
    background: #85abd8;
}

#errinfo {
    float: right;
    width: 385px;
    margin: 1em 0;
}

#errinfo p {
    text-align: left;
}

#errinfo h2 {
    padding-right: 2em;
}

#grouponlist tr:nth-child(even) {
    background-color: lightgray;
}

#email_confirm {
    display: none;
}