.clearboth {
        clear: both;
}
body {
        font-family: arial, helvetica, sans-serif;
        font-size: 73%;
        background: #ddd;
        margin: 5px;
}
a {
        color: black;
}
a:hover {
        color: red;
}
#primary h1 {
        font-weight: bold;
        color: #696;
        font-size: 120%;
}
#primary h2,h3,h4 {
        font-weight: bold;
        font-size: 110%;
}
#primary h3,h4 {
        font-size: 100%;
}
#primary h4 {
        font-style: italic;
}
#primary h1.banner {
    text-align: center;
    background: #696;
    color: #fff;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;
}
#container {
        position: relative;
        width: 850px;
        margin: 0px auto 0px auto;
        background: white;
        border-style: solid;
        border-color: #ccc;
        border-width: 1px;
}
#wrapper {
        margin: 4px;
}
#header {
        margin: 3px 3px 5px 3px;
        height: 65px;
        position: relative;
        border-style: none;
        border-width: 1px;
}
#lefthead {
        position: absolute;
        left: 0;
}
#lefthead img {
        border-style: none;
}
#altrighthead {
        position: absolute;
        right: 0;
        top: 0;
        width: 25em;
        text-align: center;
}
#altrighthead .head {
        font-weight: bold;
        font-size: 100%;
}
#altrighthead a {
        font-weight: bold;
        font-size: 110%;
}
#righthead {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 60px;
        width: 150px;
        text-align: right;
}
#righthead img {
        border-style: none;
        vertical-align: bottom;
}
#righthead a {
        display: block;
        border-style: solid;
        border-width: 1px;
        border-color: #696;
}
#righthead a:hover {
        border-color: red;
}
.sumclear {
    padding: 0.5em 0;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 120%;
}
#tabwrap {
        margin: 0 2px 0 2px;
}
#tabtab {
        width: 100%;
}
#tabtab td {
        background: url(../images/site/tabtopright.gif) no-repeat right top;
        text-align: center;
        padding: 0 0 0 0;

        width: 20%;

        border-right-width: 3px;
        border-right-style: solid;
        border-right-color: white;
}
#tabtab td.last {
        border-right-style: none;
}
#tabtab a { 
        background: url(../images/site/tabtopleft.gif) no-repeat left top;
        font-size: 105%;
        font-weight: normal;
        color: #000;
        display: block;
        padding: 8px 0 8px 0;
        text-decoration: none;
}
#tabtab a:hover {
        color: #fff;
        text-decoration: underline;
}
#tabstuff {
        margin: 0 0 0 0;
        padding: 8px 2px 8px 2px;
        text-align: center;
        font-weight: bold;
        color: white;
        background: #696;
}
#content {
}
#navigation {
        width: 180px;
        margin-top: 0;
        margin-right: 3px;
        padding: 0 3px 3px 3px;
        border-style: solid;
        border-width: 1px;
        background: white;
        border-color: #ccc;
}
#navigation .search {
        font-weight: bold;
        font-size: 120%;
        margin: 0;
        padding: 0;
}
#searchform {
        margin: 0;
        padding: 0;
}
#navigation .search input.box {
        width: 140px;
}
#navigation .search input.go {
        vertical-align: middle;
}
#navigation .header {
        margin: 2px 0px 2px 0px;
        padding: 5px;
        font-size: 150%;				
        color: white;
        background: #696;
        border-bottom-style: dashed;
        border-bottom-color: #000;
        border-bottom-width: 1px;
        border-top-style: dashed;
        border-top-color: #000;
        border-top-width: 1px;
}
#navigation ul.sublist {
        width: 100%;
        margin: 0 5px 0 -1em;
        padding: 0 5px 0 0;
        list-style: square inside;
        display: none;
}
#navigation ul.sublist li {
        border-style: none;
}
#navigation ul {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 5px 0 0;
        list-style: none;
}
#navigation .home,.stars {
        font-size: 90%;
        margin: 5px 2px 0 0px;
        padding: 2px 2px 2px 10px;
        border-bottom-style: solid;
        border-bottom-color: #d6de94;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-top-color: #d6de94;
        border-top-width: 1px;
}
#navigation li {
        font-size: 90%;
        margin: 0 2px 0 0px;
        padding: 2px 2px 2px 10px;
        border-bottom-style: solid;
        border-bottom-color: #d6de94;
        border-bottom-width: 1px;
}
#navigation li.expandable {
        background: url(../images/site/plus.gif);
        background-repeat: no-repeat;
        background-position: 0px 5px;
}
#navigation li.bold a {
        color: red;
        font-size: 120%;
        font-weight: bold;
}
#navigation li.last {
        margin-bottom: 1em;
}
#navigation a {
        color: #000;
        font-size: 110%;
        text-decoration: none;
}
#navigation a:hover {
        color: #f00;
        text-decoration: underline;
}
#contab {
        width: 100%;
        border-style: none;
        border-width: 3px;
        padding: 3px;
}
#contab td {
        vertical-align: top;
}
#contab td.left {
        margin: 0 2px;
        width: 20%;
}
#contab td.right {
        width: 80%;
}
#main {
}
#primary {
        margin: 0;
        padding: 10px; 
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
}
#quest {
        margin: 0 0 0 0;
        padding: 0px;
        border-style: none;
        border-width: 1px;
        border-color: #ccc;
}
#quest table {
        width: 100%;
        margin: 0;
        padding: 0;
        border-style: none;
}
#quest td {
        font-size: 115%;
        font-weight: normal;
        line-height: 95%;
        background: #ecee4c;
        padding: 8px 8px;
        border-left-style: none;
        border-left-color: red;
        border-left-width: 1px;
        border-top-style: solid;
        border-top-color: white;
        border-top-width: 5px;
        border-bottom-style: solid;
        border-bottom-color: white;
        border-bottom-width: 5px;
        border-right-style: solid;
        border-right-color: white;
        border-right-width: 3px;
}
#quest td.last {
        border-right-style: none;
}
#quest .tans {
        text-align: right;
}
#quest td a {
        text-decoration: none;
        font-weight: normal;
        color: red;
}
#quest td a:hover {
        text-decoration: underline;
}
#footer {
        margin: 0 0 0 0;
        padding: 3px;
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
        vertical-align: middle;
        background: #ecee4c;
}
#footer .leftfoot {
        line-height: 48px;
        text-align: center;
}
#footer .leftfoot img {
        vertical-align: middle;
        padding: 2px 2px 2px 2px;
}
#footer .leftfoot a {
        color: black;
        text-decoration: underline;
        font-size: 85%;
}
#footer .leftfoot a:hover {
        color: red;
        text-decoration: underline;
}
#footer .leftfoot a img {
        border-style: none;
}
#footer .rightfoot {
        float: right;
        padding: 0 5px 0 0;
        line-height: 48px;
        font-size: 85%;
}
#footer .address {
        text-align: center;
        font-size: 85%;
}
#footer .copy {
    text-align: center;
}
#primary .quoted_pic {
    text-align: right;
    font-size: 95%;
    font-style: italic;
    font-weight: bold;
    color: #696;
    width: 300px;
    float: right;
    margin: 5px 0 5px 0;
}
#primary .quoted_pic .gap {
    clear: both;
    padding: 10px 0 10px 0;
}

#primary .check_list {
    list-style: none;
}
#primary .check_list li {
    margin-top: 1em;
    background-image: url(../images/site/smcheck.gif);
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 1em;
}                        
#primary .testimonial .head {
        font-size: 105%;
        font-weight: bold;
        margin-top: 1em;
}
#primary .testimonial li {
        margin-left: -2em;
}
#primary .itemdetail h1 a { 
    color: #696;
    text-decoration: underline;
}
#primary .itemdetail h1 a:hover {
    color: red;
}
#primary .itemdetail img {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    margin: 0px 0px 5px 0;

}
#primary .itemdetail .price {
    font-weight: bold;
    font-size: 110%;
}
#primary .itemdetail .sandh {
    font-size: 90%;
}
#primary .itemdetail .left {
    float: left;
    width: 38%;
}
#primary .itemdetail .right {
    float: right;
    width: 62%;
}
#primary .itemdetail .right .buyform {
    padding: 10px 0 0 0;
}
#primary .itemdetail .right .buyform input {
    vertical-align: middle;
}
#primary .itemdetail .right .buyform input.qty {
    text-align: right;
    width: 3em;
}
#primary .itemdetail .right .addtocart {
    border: none;
    border-top-style: solid;
    border-color: #ccc;
    border-width: 1px;
    margin-top: 8px;
}
#primary .itemdetail .right .addtocart .pricegroup {
    float: left;
    margin-top: 5px;
    text-align: right;
    width: 35%;
}
#primary .itemdetail .right .addtocart .formgroup {
    float: left;
    margin-left: 3em;
}
#primary .itemdetail .guarantee {
    text-align: center;
    width: 85%;
    color: #888;
    margin: 10px auto 0 auto;
    padding: 5px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-color: #ccc;
    border-width: 1px;
}
#prodarray {
        margin: 20px 0 0 0;
}
#prodarray .prodline {
        text-align: center;
}
#prodarray .descr {
}
#prodarray .price {
}
#prodarray a {
        color: black;
        text-decoration: none;
        font-weight: bold;
        font-size: 95%;
}
#prodarray a:hover {
        color: red;
        text-decoration: none;
}
#prodarray .prod {
        margin: 0px 0px;
        padding: 0 8px;
        float: left;
        width: 135px;
        text-align: center;
        border-right-style: solid;
        border-right-width: 4px;
        border-right-color: #d6de94;
        position: relative;
}

#prodarray .prodline .prod .soldout {
    position: absolute;
    top: 60px;
    left: 8px;
    color: #696;
    background: #eee;
    font-weight: bold;
    font-size: 180%;
    width: 135px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

#prodarray .prod_eol {
        margin: 0px 0px;
        padding: 0 8px;
        float: left;
        width: 135px;
        text-align: center;
        border-right-style: none;
}
#prodarray img {
        border-style: none;
        border-width: 1px;
}
#prodarray .clear {
        clear: both;
}
#prodarray .eol {
        margin: 0 0 1em 0;
        border-top-style: solid;
        border-top-color: #d6de94;
        border-top-width: 3px;
}

#primary .ordernow a img {
    border-color: black;
    border-style: solid;
    border-width: 1px;
}
#primary .ordernow a:hover img {
    border-color: red;
}

                #primary .custformhead {
                    margin: 10px;
                    text-align: center;
                }
                #primary .custformhead h2 {
                    margin: 0px;
                    color: red;
                }
                #primary .custformhead ul {
                    margin: 0 auto;
                    text-align: left;
                    width: 50%;
                    border-style: solid;
                    border-color: #d6de94;
                    border-width: 3px;
                }
                #primary .custformhead .field {
                    font-weight: bold;
                }
.shipregmap .map {
text-align: center;
}
.shipregmap fieldset {
width: 30em;
margin: 0 auto;
border-width: 4px;
border-style: solid;
border-color: #696;
}
.shipregmap legend {
font-size: 120%;
font-weight: bold;
}
.shipregmap .legendrow {
padding: 1em;
clear: both;
}

.shipregmap .reg {
border-color: #000;
border-style: solid;
border-width: 1px;
font-size: 120%;
width: 1.5em;
text-align: center;
float: left;
}
.shipregmap .reg1 {
background: #f16528;
}
.shipregmap .reg2 {
background: #01a451;
}
.shipregmap .reg3 {
background: #490049;
}
.shipregmap .reg4 {
background: #f56c7e;
}
.shipregmap .reg5 {
background: #635aad;
}
.shipregmap .reg6 {
background: #ef2121;
}
.shipregmap .reg7 {
background: #9b0159;
}
.shipregmap .reg8 {
background: #fef105;
}
.shipregmap .reg9 {
background: #00afd5;
}

.shipregmap .shipinfo {
float: left;
margin-left: 1em;
}

.pgrid .img {
text-align: center;
}


table.plugorderform {
width: 100%;
border-color: #000;
border-style: solid;
border-width: 1px;
font-size: 95%;
}

table.plugorderform td, table.plugorderform th {
text-align: center;
height: 3em;
padding: 0;
}

table.plugorderform td {
padding-top: 1em;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ccc;
}

table.plugorderform th {
background: #585;
color: white;
border-width: 0;
}

table.plugorderform td.twoline {
padding-top: 0.5em;
padding-bottom: 0.5em;
}

table.plugorderform td.plugger {
    text-align: left;
    padding-left: 2em;
}
table.plugorderform td.numplugs, table.plugorderform th.numplugs {
text-align: center;
}
table.plugorderform td.freeplugs, table.plugorderform th.freeplugs {
}
table.plugorderform td.freebonus, table.plugorderform th.freebonus {
text-align: left;
padding-left: 1.5em;
}
/*table.plugorderform th.freebonus {
text-align: center;
}
*/
table.plugorderform td.retail, table.plugorderform th.retail {
font-style: italic;
}
table.plugorderform td.plus, table.plugorderform th.plus {
font-weight: bold;
 font-size: 110%;
color: red;
}
table.plugorderform td.times, table.plugorderform th.times {
width: 2em;
text-align: right;
}
table.plugorderform td.yourprice, table.plugorderform th.yourprice {
text-align: center;
font-weight: bold;
}
table.plugorderform td.yourvalue, table.plugorderform th.yourvalue {
text-align: center;
}
table.plugorderform td.savings, table.plugorderform th.savings {
color: red;
font-weight: bold;
}
table.plugorderform td.totalplugs, table.plugorderform th.totalplugs {
font-weight: bold;
}
table.plugorderform input.qty {
width: 1.8em;
text-align: center;
font-family: sans-serif;
padding: 0;
}
table.plugorderform td.qty {
    padding-left: 0.5em;
    padding-top: 0.7em;
}
table.plugorderform td.a2c {
text-align: left;
border-bottom-style: none;
}    
div.retcust {
    background: #d6de94;
    padding: 5px;
    margin: 0;
}
div.retcust input.go {
    vertical-align: middle;
}
div.retcust input.box {
    height: 20px;
}
div.retcust p.problem {
    color: black;
    font-weight: bold;
    background: #ecee4c;
    text-align: center;
    padding: 1em;
}
div.retcust p.ok {
    font-weight: bold;
    text-align: center;
}
h1.banner.order {
    margin-bottom: 0;
}

.stuck {
    position: fixed;
    width: 177px;
    margin-right: 3px;
    top: 0px;
}
.unstuck {
    position: relative;
}
#leftfloatordnow {
    margin-right: 3px;
    margin-top: 1em;
    padding: 0.5em
}
.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 1em;
}
.orderlink a {
    color: red;
    font-size: 108%;
    font-weight: bold;
    text-decoration: none;
}
.orderlink a:hover {
    text-decoration: underline;
}