* {font-size: 100.01%;}

:focus {outline: none;}

html, body {height: 100%;}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font: normal 0.75em tahoma, verdana, arial;
    color: #000;
}

h1, h2, h3, h4 {
    margin: 0 0 0.5em;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.3;
    color: #333f50;
}

h1 {font-size: 2.8em;}

h2 {font-size: 1.8em;}

h3 {
    font-size: 1.6em;
    color: #000;
}

h4 {
    margin: -1.5em 0 1em 0.1em;
    text-transform: capitalize;
    font-size: 1.1em;
    letter-spacing: 1px;
}

p {margin: 0 0 1.8em; line-height: 1.4em;}

address {
    margin: 0 0 1.2em;
    font-style: normal;
}

blockquote {margin: 0 0 1.2em 1.5em;}

ul, ol {
    margin: 0 0 1.2em 1.5em;
    padding: 0;
}

ul {list-style-type: disc;}

ol {list-style-type: decimal;}

li {margin: 0 0 0.5em;}

li ul, li ol {margin: 0.5em 0 0 1.5em;}

dl {margin: 0 0 1.2em;}

dt {margin: 0 0 0.4em;}

dd {margin: 0 0 0.2em 0;}

table {
    margin: 0 0 1.2em;
    border-spacing: 0;
    border-collapse: collapse;
}

th, td {
    padding: 0;
    vertical-align: top;
}

hr {
    height: 0;
    border: 0;
    border-top: 1px solid #000;
}

img {border: none;}


form {margin: 0 0 1.2em;}

input, select, button, textarea {
    font-family: tahoma, verdana, arial;
    color: #000;
}

/*-------------------------------*/

a.invert:hover, a.invert:active,
a {
    text-decoration: underline;
    color: #5d728d;
}

a.invert,
a:hover, a:active {color: #bf0f1b;}

/*-------------------------------*/

abbr, acronym {border-bottom: 1px dotted #4c4c4c;}

dfn {font-weight: bold;}

del {color: #4c4c4c;}

ins {text-decoration: none;}

sup, sub, small, .small {font-size: 80%;}

big, .big {font-size: 120%;}

.clear {clear: both;}

.hidden {overflow: hidden;}

.none {display: none;}

.block {display: block;}

.nobr {white-space: nowrap;}

.alarm {color: red !important;}

.color {color: #eb008b !important;}

.click {
    cursor: pointer;
    cursor: hand;
}

.z {border: 1px dashed red;}

/*-------------------------------*/

#container {
    margin: 0 auto;
    min-width: 990px;
    width: auto;
    -width: expression(
        document.documentElement.clientWidth < 990 ? '990px' : (document.documentElement.clientWidth > 1300 ? '1300px' : 'auto')
    );    
    max-width: 1300px;
    min-height: 100%;
    -height: 100%;
    position: relative;
}

/*-------------------------------*/

#header {
    margin-bottom: 3em;
    width: 100%;
    position: relative;
    background: url(../images/header_bg.gif) 0 0 repeat-x;
}

#header_bg_right {
    width: 247px;
    height: 55px;
    position: absolute;
    right: 0;
    //right: expression( parentNode.offsetWidth % 2 ? '-1px' : 0 );
    bottom: 2px;
    //bottom: expression( parentNode.offsetHeight % 2 ? '-1px' : 0 );
    background: url(../images/header_bg_right.gif) 0 0 no-repeat;
}

#header .wrapper {
    width: 100%;
    overflow: hidden;
    background: url(../images/header_bg_left.jpg) 0 0 no-repeat;
}

.logo,
.contact {
    width: 0;
    float: left;
    //clear: right;    
}

.logo .r,
.contact .r {
    position: relative;
    //zoom: 1;
    margin-right: -360px;
    text-align: right;    
}

.contact {width: 100%;}

.contact .r {
    margin: 0 360px 0 0;    
    width: 100%;
}

.contact .r h3 {
    margin: 5px 35px 15px 0;
    font: normal 4em georgia;
    color: #fff;
}

.contact .r p {
    margin: 0 35px 0 0;
    font-size: 1.4em;    
    color: #fff;
}

.contact .r p a {color: #fff;}

/*-------------------------------*/

.content {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.content .c,
.content .b,
.content .a {
    width: 0;
    float: left;
    //clear: right;
}

.content .a {width: 100%;}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    .content .c,
    .content .b,
    .content .a {width: 0.1%;}
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    .content .a {width: 99.8%;}
}

.content .c .r,
.content .b .r,
.content .a .r {
    position: relative;
    //zoom: 1;    
}

.content .b .r {
	padding-bottom: 40px;
    margin-left: -565px;
    width: 285px;
}

#not-banners .a .r,    
.content .a .r {
    margin-right: 585px;  
    padding: 0 20px 0 2%;
}

#not-banners .a .r {margin-right: 325px;}

#not-banners .b .r {margin: 0 0 0 -305px;}

.content .c .r {
    margin: 0 20px 0 -280px;
    padding-left: 30px;
}

.navigation {margin-left: 40%;}

.navigation p span {margin: 0 0.5em;}

.navigation a {margin: 0 0.5em;}

/*-------------------------------*/

#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#footer p {
    margin: 0 30px 10px; 
    text-align: right;
    font-size: 0.9em;
	color: #4c4c4c;
}

/*-------------------------------*/

.news {
    margin-bottom: 2.5em;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.news-b,
.news-a {
    width: 0;
    float: left;
    //clear: right;
}
.news-b {width: 100%;}

.news-a img {border: 1px solid #02295f;}

.news-b .m,
.news-a .m {
    margin-right: -240px;
    position: relative;
    //zoom: 1;    
}

.news-b .m {margin: 0 0 0 240px;}

.news-b h3 {margin: 0 0 0.1em;}

span.units_sold {
    font-size: 0.6em;
}

.order ol span,
.news-b dl span,
.news-b p span {
    font-weight: bold;
    color: #1c7138
}

.news-b table {width: 60%;}

.news-b table th {
    padding: 0 0.5em 0.5em 0;
    text-align: left;
}

.news-b table td {
    padding: 0.2em;
    border-top: 1px solid #d4dbe4;
}

/*-------------------------------*/

#menu {margin-bottom: 4em;}

#menu fieldset {border: 1px solid #5d728d;}

#menu fieldset legend {color: #333f50;}

.menu {
    margin: 1em 1em 2.5em;
    //margin: 1.5em 1.5em 2.5em;
}

.menu ul {
    margin: 0;
    list-style-type: none;
    font-weight: normal;
    color: #000;
}

.menu ul li {    
    margin: 0 0 0.4em;
    font-size: 1.6em;    
}

/*.menu li span {border: 1px solid red;}*/

.menu ul li ul {
    margin: 0.5em 0 1em 2em;
    font-size: 0.4em;
}

/*-------------------------------*/

#find {
    margin: 0 -9px -20px -9px;
    //margin: 0;
    padding: 1.6em 1.6em 0.6em;
    background-color: #5d728d;
}

@-moz-document url-prefix() {
    #find {margin: 0 -8px -20px -9px;}
}

#find .wrapper {
    width: 100%;
    overflow: hidden;
}

#ajaxSearch_form {
    padding: 0;
    margin: 0;
}

#ajaxSearch_input {
    margin-right: 10px;
    width: 58%;
    //width: 56%;
    float: left;
}
#ajaxSearch_submit {
    width: 80px;
    cursor: pointer;
    cursor: hand;
}

.ajaxSearch_highlight2,
.ajaxSearch_highlight1,
.ajaxSearch_highlight {
    background-color: #f9e176;
}

/*-------------------------------*/

#citation {
    8margin-top: 3em;
    width: 100%;
    position: relative;
}

#to_unquote,
#to_quote {
    position: absolute;
    font: normal 6em georgia;
}

#to_quote {
    top: -30px;
    left: -15px;
}

#to_unquote {
    bottom: -20px;
    right: 0px;
}

#citation .m {
    padding: 0.5em 1.8em;
    font: normal 1.5em arial;
    font-style: oblique;
}

/*-------------------------------*/

.subscription {margin: 0 0 2em;}

.subscription p {margin-bottom: 1em;}

.subscription div {margin-bottom: 0.5em;}

/*-------------------------------*/

.icq {margin: -1em 0 3em 0;}

.icq p {margin: 0 0 0.5em;}

.icq p img {margin: 5px 10px -5px 0;}

.icq .b p a {padding-right: 5px;}

/*-------------------------------*/

.order {padding-top: 2em;}

.order ol h3 {margin: 0;}

/*-------------------------------*/

.space_before {padding-top: 2em;}

/*-------------------------------*/
.b-catalog {
    position: relative;
    }
.b-catalog span {
    width: 36px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/pic.jpg) 0 0;
    }
.b-catalog a {
    display: block;
    padding: 10px 0 0 45px;
    }