.error {color: #FF0000;}
a {
color: #eea905;
text-decoration: none;
}
a:hover {
color: #af5b19;
}
a.top {
font-weight: bold;
}
a.top:hover {
color: #422e21;
}
#bottom a{
color: #decdba;
}
#bottom a:hover {
color: #422e21;
}
h1 {
font: bold 26px/100% Arial, Helvetica, sans-serif;
color: #4f3829;
font-style: oblique;
/*font-variant: small-caps;
text-transform: capitalize;
font: Verdana;*/
}
h1.model {
font-size: 22px;
font-style: normal;
text-align: left;
margin: 0 0 30px 12px;
}
.fwmodel {
font-size: 18px;
margin-right: 5px;
}
h2 {
font: bold 20px/100% Arial, Helvetica, sans-serif;
color: #fff;
background: #4f3829;
padding: 7px;
}
h2.nobg {
color: #422e21;
background: none;
text-align: left;
padding: 0;
}
h3 {
font: bold 20px/100% Arial, Helvetica, sans-serif;
color: #4f3829;
}
h4 {
margin-bottom: 0;
}
div.line {
color: #fff;
font: bold 18px/100% Arial, Helvetica, sans-serif;
text-align: right;
margin: 0;
padding: 11px;
background-color: #5a4231;
}
.leftalign {
text-align: left;
}
ul.qualitycheck {
list-style-type: none;
margin-left: 20px;
}
ul.qualitycheck li {
display: block;
max-width: 300px;
margin-left: 10px;
margin-bottom: 15px;
}
.check {
color: red;
font-weight: bold;
padding-right: 5px;
margin-left: -18px;
}
.sideinfo {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 5px 0;
}
.bottominfo {
font-size: 14px;
font-weight: bold;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul.products li {
width: 192px;
display: inline-block;
vertical-align: top;
text-align: center;
/*padding-bottom: 5px;
padding-top: 10px;
background-color: #fff;
border: 1px solid #6d513b;
border-radius: 5px;*/
margin: 10px 18px 30px;
}
ul.products li img {
width: 140px;
height: 140px;
padding: 10px;
/*background-color: #fff;
border: 1px solid #7f6f67;*/
border-radius: 5px;
}
ul.products li h4 {
margin-top: 0;
/*color: #4f3829;*/
}
ul.products li a {
display: block;
color: #b8a393;/*422e21*/
font-weight: bold;
background-color: #fff;
border: 1px solid #decdba;
border-radius: 5px;
min-height: 216px;
padding: 10px 10px 5px;
}
ul.products li a:active {
font-size: 1em;
color: #fff;
padding: 5px 5px 5px 10px;
font-weight: bold;
background: #4f3829 url(../images/current-bg.png) no-repeat;
background-position: right;
}
ul.products li a:hover {
color: #4f3829;
border-color: #4f3829;/*af5b19*/
/*background-color: #fdf8f2;*/
}
a.new {
background-repeat: no-repeat;
background-position: top left;
}
div.newsec {
background-color: #f0e8e0;display:none;
}
div.message {
text-align: left;
}
.newtext {
text-align: left;
font-weight: bold;
font-style: italic;
padding: 15px 0 5px 20px;
margin: 0;
}
ul.products li.placeholder {
margin: 0 20px 0 15px;
}
.csoon {
color: #c82828;
font-weight: bold;
font-style: italic;
padding-right: 5px;
}
ul.leds li {
width: 192px;
/*height: 460px;*/
display: inline-block;
vertical-align: top;
text-align: left;
padding: 5px;
/*padding-top: 10px;
background-color: #fff;*/
border: 1px solid #decdba;
border-radius: 5px;
margin: 10px 12px 30px;
}
ul.leds li img {
width: 172px;
height: 172px;
padding: 5px;
/*background-color: #fff;
border: 1px solid #7f6f67;*/
border-radius: 5px;
}
ul.leds li a {
display: block;
color: #b8a393;/*422e21*/
font-weight: bold;
background-color: #fff;
border-radius: 5px;
}
ul.leds li a:hover {
color: #4f3829;
border-color: #4f3829;
background-color: #f0e8e0;
}
.ledlist {
font-weight: bold;
margin-right: 5px;
}
table.specs {
width: 100%;
margin-top: 0px;
border-collapse:collapse;
}
table.specs caption {
text-align: left;
font-size: 20px;
font-weight: bold;
padding-bottom: 5px;
}
table.specs th {
width: 90px;
vertical-align: top;
border-bottom: 1px dotted #422e21;
}
table.specs tr {
border-bottom: 1px dotted #422e21;
}
table.specs td, table.specs th {
text-align: left;
padding: 4px 0 5px;
}
.ledgreen {
color: #85c441;
font-weight: bold;
}
table.othermodels {
width: 100%;
margin-top: 0px;
border-collapse:collapse;
border: 1px solid #422e21;
}
table.othermodels caption {
font-weight: bold;
}
tr.alt {
background-color: #f0e8e0;
}
table.othermodels th {
color: #fff;
font-size: 14px;
background-color: #4f3829;
}
td.bold {
font-weight: bold;
}
table.othermodels td, table.othermodels th {
text-align: center;
border: 1px dotted #422e21;
}
#gallery {
width: 100%;
text-align: center;
}
#gallery li {
width: 30%;
display: inline-block;
margin: 0 auto 20px;
padding: 0;
border: 1px solid #b8a393;
cursor: pointer;
}
/* nav */
.nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.nav li a {
display: block;
border-bottom: 1px solid #8f7561;
padding: 5px 5px 5px 10px;
text-decoration: none;
color: #4f3829;
font-weight: bold;
}
.nav a:hover {
background-color: #b8a393;
color: #422e21;
}
.nav li a:active {
background: #4f3829 url(../images/current-bg.png) no-repeat;
background-position: right;
color: #fff;
}
.nav .current a {
background: #4f3829 url(../images/current-bg.png) no-repeat;
background-position: right;
color: #fff;
}
.nav .current a:hover {
background: #b8a393 url(../images/current-hover-bg.png) no-repeat;
background-position: right;
color: #422e21;
}
.nav .prosubmenu a {
padding-left: 30px;
border-bottom: 0;
font-weight: normal;
}
.nav .prosubmenu a:hover {
background-color: #b8a393;
color: #422e21;
}
@media screen and (max-width: 880px/*610px*/) {
.nav {
position: relative;
z-index: 3000;
/*min-height: 40px;*/
}
.nav ul {
width: 100%;
position: absolute;
top: 0;
left: 0;
border: solid 1px #7f6f67;
background: #4f3829 url(../images/icon-menu.png) no-repeat 10px 10px;
}
.nav li a {
border-bottom: 0;
width: auto;
}
.nav li {
display: none; /* hide all items */
margin: 0;
}
.nav .current {
display: block; /* show only current item */
}
.nav a {
display: block;
padding: 5px 5px 5px 32px;
text-align: left;
}
.nav .current a {
background: none;
color: #fff;
padding-left: 30px;
}
.nav .current a:hover {
background: #b8a393 url(../images/icon-check-hover.png) no-repeat 10px 10px;
color: #422e21;
}
/* on nav hover */
.nav ul:hover {
background-image: none;
background-color: #f8eedb;
}
.nav ul:hover li {
display: block;
margin: 0 0 5px;
}
.nav ul:hover .current {
background: #4f3829 url(../images/icon-check.png) no-repeat 10px 10px;
}
}
/*topmod hover styling*/
a.topinfo {
display: block;
width: auto;
margin: 0;
padding: 0;
border: 1px solid #fff;
border-top: 0;
/*opacity:1.0;
filter:alpha(opacity=100);*/ /* For IE8 and earlier */
}
a.topinfo:hover {
border: 1px solid #8f7561;
border-top: 0;
}
a.quantum {
color: #decdba;
font-weight: bold;
-webkit-transition: color .5s linear;
-moz-transition: color .5s linear;
-ms-transition: color .5s linear;
-o-transition: color .5s linear;
transition: color .5s linear;
}