/*-------------------------------- basic classes -----------------------------*/
* {
margin:0;
padding:0;
border:0;
}
body {
padding:5px;
font-size:100.01%;
text-align:center;
background:#e6f0f9;
}
p {
padding:3px;
color:#1c3e55;
font:11px tahoma,verdana;
text-align:justify;
text-indent:5px;
}
p a {
color:#1c3e55;
}
p a:hover {
color:#f58a6e;
}
h1 {
padding:15px 0 15px 0;
color:#00347e;
font:bold 14px arial,tahoma,verdana;
text-align:right;
text-transform:uppercase;
}
h2 {
padding:15px 0 15px 0;
color:#00347e;
font:bold 14px arial,tahoma,verdana;
text-align:right;
text-transform:uppercase;
}
h3 {
padding:5px 0 5px 0;
color:#00347e;
font:bold 13px tahoma,verdana;
text-align:center;
}
h3.appsheader {
padding:5px 0 8px 0;
border-bottom: 1px #c9dfff solid;
background:#e6f0ff;
}
h4 {
padding:10px 0 15px 0;
color:#00347e;
font:bold 12px tahoma,verdana;
text-align:center;
}
h3.appsheader a, h4 a {
color:#00347e;
text-decoration:none;
}
h3.appsheader a:hover, h4 a:hover {
color:#f58a6e;
}
/*------------------------------- custom classes -----------------------------*/
.blue {
color:#7c9ac3;
}
.orange {
color:#f58a6e;
}
.center {
text-align:center;
}
table.pix {
width:100%;
}
table.pix a {
text-decoration:none;
}
table.pix td {
padding:3px;
text-align:center;
}
table.pix img {
border:1px #86aadd solid;
}
p.line {
padding-top:1px;
border-top:1px solid #7c9ac3;
}
div.apps {
padding:3px;
margin-bottom:10px;
border: 1px #c9dfff solid;
background:#f2f7ff;
}
.add {
position:absolute;
top:-200px;
left:-200px;
width:100px;
height:100px;
overflow:hidden;
}

/*-------------------------------- main elements -----------------------------*/
#container {
width:750px;
text-align:left;
margin:0px auto;
border:1px solid #3169a1;
background:#fbfcfd;
}
#header {
height:230px;
}
#content,#content2,#left,#footer {
overflow:hidden;
}
#content {
width:100%;
background:url('/images/content_bg.gif') #f6f6fe right repeat-y;
}
#content2 {
width:100%;
background:url('/images/content2_pic.jpg') left bottom no-repeat;
}
#left {
width:25%;
padding:40px 10px 120px 10px;
float:left;
background:url('/images/left_pic.gif') top left no-repeat;
}
#right {
width:70%;
height:100%;
padding: 5px 10px 10px 0;
float:right;
}
#footer {
width:100%;
height:30px;
clear:both;
background:url('/images/footer_bg.gif') #306ca6 repeat-x;
}
#footer2 {
height:40px;
background:url('/images/footer2_pic.jpg') top left no-repeat;
}
/*-------------------------------- other elements ----------------------------*/
#langline {
height:20px;
}
#langline a {
height:15px;
padding:2px 0 0 32px;
margin:3px 10px 0 0;
float:right;
display:block;
font:10px tahoma;
color:#1c3e55;
}
#en {
background:url('images/england_flag.gif') 0px top no-repeat;
}
#ru {
background:url('images/russian_flag.gif') 0px top no-repeat;
}
#langline a:hover {
color:#f58a6e;
}
#flash {
height:195px;
text-align:center;
color:#1c3e55;
font:11px tahoma,verdana;
background:url('/images/flash_pic.jpg') bottom left no-repeat;
}
#top_menu {
height:35px;
background:url('/images/top_menu_bg.gif') #195c9c top repeat-x;
}
#top_menu_ul {
height:35px;
padding-left:225px;
list-style:none;
background:url('/images/menu_pic.jpg') top left no-repeat;
}
#top_menu_ul li {
float:left;
white-space:nowrap;
}
#top_menu_ul a {
padding:11px 10px 12px 10px;
color:#fff;
display:block;
font:bold 10px tahoma,verdana;
text-decoration:none;
}
#top_menu_ul a:hover {
color:#f58a6e;
}
#btm_menu_ul {
height:30px;
padding-left:220px;
list-style:none;
background:url('/images/btm_menu_ul_pic.jpg') top left no-repeat;
}
#btm_menu_ul li {
float:left;
white-space:nowrap;
}
#btm_menu_ul a {
padding:8px;
color:#fff;
display:block;
font:11px tahoma,verdana;
text-decoration:none;
}
#btm_menu_ul a:hover {
text-decoration:underline;
}
#right ul {
color:#1c3e55;
font:11px tahoma,verdana;
text-align:justify;
}
#right li {
margin: 0.5em 0;
list-style-type: none;
text-indent:1.2em;
background: url("images/ul_pic.gif") no-repeat 0 0.25em;
}
#price {
width:100%;
border-collapse:collapse;
}
#price th {
padding:3px;
border:1px #86aadd solid;
text-align:center;
color:#1c3e55;
font: bold 11px tahoma,verdana;
background:#eef5ff;
}
#price td {
padding:3px;
border:1px #86aadd solid;
color:#1c3e55;
font:11px tahoma,verdana;
}
#counter {
width:1px;
height:1px;
position:absolute;
top:5px
left:5px;
}
#counter_logo {
padding:4px;
float:right;
}
#author {
width:275px;
padding:7px 20px 0 0;
color:#757575;
font:9px verdana,arial,tahoma;
white-space:nowrap;
text-align:right;
float:right;
}
#author a {
color:#656565;
}
#orderform table {
border-collapse:collapse;
}
#orderform th {
width:30%;
padding:5px;
border:1px #c9dfff solid;
text-align:center;
color:#1c3e55;
font:bold 11px tahoma,verdana;
}
#orderform th.header {
padding:5px 0 8px 0;
border-bottom: 1px #c9dfff solid;
color:#00347e;
font:bold 13px tahoma,verdana;
text-align:center;
background:#e6f0ff;
}
#orderform td {
width:70%;
padding:5px;
border:1px #c9dfff solid;
text-align:left;
color:#1c3e55;
font:bold 11px tahoma,verdana;
}
#orderform td table td{
border:0;
}
#orderform select {
height:18px;
border:1px #86aadd solid;
text-align:left;
color:#1c3e55;
font:11px tahoma,verdana;
background:#fff;
}
input {
width:100%;
height:14px;
border:1px #86aadd solid;
text-align:left;
color:#1c3e55;
font:11px tahoma,verdana;
background:#fff;
}
#orderform textarea {
width:100%;
border:1px #86aadd solid;
text-align:left;
color:#1c3e55;
font:11px tahoma,verdana;
background:#fff;
}
.btn  {
width:150px;
height:24px;
margin:3px;
border:1px #86aadd solid;
text-align:center;
color:#1c3e55;
font:bold 11px tahoma,verdana;
background:#fff;
}
#orderlink {
width:177px;
background:url('/images/orderlink_pic.gif') top left no-repeat;
}
#orderlink a {
width:117px;
height:68px;
margin-left:60px;
display:block;
background:url('/images/orderlink_a_pic.gif') top right no-repeat;
}
#orderlink a:hover {
background:none;
}