/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: helvetica, arial, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
blockquote *:first-child:after {content: "\201D";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}
/*
-----------------------------
CONTENT ONLY
-----------------------------
*/
/* BASE SIZES */
body {font-size: 1.2em; line-height: 1.4em; background:#FFF; color:#000;
text-align: center; }
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}
/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}
/* TABLES */
table {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
th, td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; vertical-align:top;}
/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .4em .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}
/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}
/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #d83531;}
a:visited {text-decoration: underline; color: #d83531;}
a:hover {text-decoration: underline; color: #0066cb;}
a:active, a:focus {text-decoration: underline; color: #000;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */
/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}
/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}
.wrap
{
width: 1000px;
text-align: left;
margin: auto;
}
.header_top
{
background: url(/images/header_top.png) 0 0 no-repeat;
height: 84px;
}
.header
{
background: url(/images/header.jpg) 0 0 no-repeat;
height: 242px;
}
.menu
{
background:#dbdada url(/images/menu_bg.png) 0 0 repeat-x;
}
ul.b-menu {border: 1px solid #a2a2a2; border-right: 0; margin:0; padding:0; list-style:none; float:left;} ul.b-menu li {text-indent: 0; margin: 0; padding:0 0 0 15px; list-style:none; float:left; } ul.b-menu li:before {content: "";}
.b-menu__red
{
background: #c72229;
}
.b-menu__yellow
{
background: #f8c701;
}
.b-menu__blue
{
background: #0066cb;
}
.b-menu__green
{
background: #43b44a;
}
.b-menu__orange
{
background: #e18023;
}
.b-menu a:link, .b-menu a:visited, .b-menu a:hover, .b-menu a:active, .b-menu a:focus
{
display: block;
background: #cccacb;
border-right: 1px solid #a2a2a2;
border-left: 1px solid #a2a2a2;
display: inline-block;
text-decoration: none;
color: #777777;
padding: 0.2em 2em 0 2em;
font-weight: bold;
text-transform: uppercase;
line-height: 1.5em;
}
.b-menu a:hover
{
color: #000000;
}
.footer
{
background: url(/images/footer.png) 0 0 repeat-x;
padding: 20px 45px;
font-size: 90%;
}
.adress
{
float: right;
text-align: right;
}
.copy
{
padding: 1.5em 0 0 12em;
text-align: center;
}
.footer_logo
{
position: absolute;
}
.rightMenu
{
float: right;
width: 345px;
border-top: 19px solid #f3f3f3;
}
.b-rightmenu__title
{
border: 2px solid #c62229;
border-left: none;
border-right: none;
color: #c62229;
margin: 0;
padding: 0.5em 1em;
font-size: 120%;
text-transform: uppercase;
line-height: 120%;
}
ul.b-rightmenu {margin:0; padding:0; list-style:none; border-top: 5px solid #f3f3f3; margin-bottom: 2em; font-size: 110%; }
ul.b-rightmenu li {text-indent: 0; margin: 0; padding:0; list-style:none;}
ul.b-rightmenu li:before {content: "";}
ul.b-rightmenu a:link, ul.b-rightmenu a:visited, ul.b-rightmenu a:hover, ul.b-rightmenu a:active, ul.b-rightmenu a:focus
{
display: block;
background: #e7e8e8 url(/images/b-menu.png) 10px 10px no-repeat;
border-bottom: 1px solid #d1d3d3;
border-top: 1px solid #f3f3f3;
padding: 0.6em 10px 0.6em 32px;
color: #666666;
}
ul.b-rightmenu a:hover
{
background-color: #d1d3d3;
}
ul.b-rightmenu li ul {margin:0; padding:0; list-style:none} ul.b-rightmenu li ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul.b-rightmenu li ul li:before {content: "";}
ul.b-rightmenu ul a:link, ul.b-rightmenu ul a:visited, ul.b-rightmenu ul a:hover, ul.b-rightmenu ul a:active, ul.b-rightmenu ul a:focus
{
display: block;
background: #fff url(/images/b-menu.png) 10px 10px no-repeat;
border-bottom: 1px solid #d1d3d3;
border-top: 1px solid #f3f3f3;
padding: 0.6em 10px 0.6em 32px;
color: #666666;
text-transform: uppercase ;
}
ul.b-rightmenu ul a:hover
{
background-color: #d1d3d3;
}
ul.b-rightmenu ul a.prod_active:link, ul.b-rightmenu ul a.prod_active:visited, ul.b-rightmenu ul a.prod_active:hover, ul.b-rightmenu ul a.prod_active:active, ul.b-rightmenu ul a.prod_active:focus
{
font-weight: bold;
color: #c62229;
text-decoration: none;
}
ul.b-rightmenu a.active:link, ul.b-rightmenu a.active:visited, ul.b-rightmenu a.active:hover, ul.b-rightmenu a.active:active, ul.b-rightmenu a.active:focus
{
font-weight: bold;
color: #c62229;
text-decoration: none;
}
.leftContent
{
margin: 20px 0 0 30px;
float: left;
width: 596px;
padding-bottom: 20px;
}
.leftContent h1
{
height: 32px;
overflow: hidden;
line-height: 32px;
background: url(/images/title-bg.png);
display: block;
margin: 0;
text-indent: 20px;
font-size: 120%;
color: #707070;
text-transform: uppercase;
width: 100%;
}
.content
{
padding: 20px 20px 0 20px;
border: 1px solid #a2a2a2;
border-top: none;
}
table.clean, table.clean td {
border: none;
}
table.list, table.list td {
border: none;
padding: 0;
text-align: center;
vertical-align: middle;
}
.tblDetails
{
width:100%
}
.tblDetails p
{
margin:0;
}
.tblDetails th
{
background: #D1D3D3;
}
.tblDetails .tDTitle, .tblDetails .tDTitleNoLine
{
background: #E7E8E8;
}
.tblDetails td, .tblDetails th
{
font-size: 90%;
}
.selector a
{
background-color:#D1D3D3;
display: block;
margin: 1px;
border:1px solid #D1D3D3;
width:100px;
height:100px;
float:left;
overflow: hidden;
position: relative;
text-decoration: none;
}
.selector strong
{
position: absolute;
right: 2px;
bottom: 0;
text-transform: uppercase;
text-decoration: none;
color: #000;
}
.selector a span
{
opacity: .50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=75)";
-khtml-opacity: .50;
-moz-opacity: .50;
}
.selector a:hover span
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
.ecodisel
{
padding: 1em 0;
}
.rightimg
{
float: right;
margin: 0 0 1em 1em;
}
.mtn
{
margin-top: 0;
}
.leftimg
{
float: left;
width: 170px;
}
.leftimg img
{
margin-top: 2em;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active, .footer a:focus
{
color: #000;
}
.footer a:hover
{
text-decoration: none;
}