/* Page parts import
--------------------------------------------------*/
@import "infoblock.css";

/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,p a,form,fieldset {margin:0;padding:0;}
img { border: 0; }

h1{
 font-size: 14px;
}

/* body
--------------------------------------------------*/
body {
    padding: 8px;
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 62.5%;   /* Resets 1em to 10px */
}
hr { display: none; }
a { color: #222; }
a:hover { text-decoration: none; }
.left { float: left; }
.right { float: right; }

/* Head logo
--------------------------------------------------*/
#HeadLogo { position: absolute; top: 8px; left: 7px; width: 156px; height: 88px; }


/* Menu
--------------------------------------------------*/
#Menu, #Menu ul { margin: 0; padding: 0; list-style: none; width: 154px; font-size: 11px;}
#Menu { padding: 4px; border: 1px solid #87AFC6; background: #BBDAEC; position: absolute; top: 216px; left: 8px; }
#Menu li { background: url("../_images/bg_menuitem.gif") no-repeat; position: relative; }
#Menu ul { position: absolute; left: 144px; top: 0; }
#Menu a, #Menu b { padding: 5px 6px 6px 10px; display: block; width: 144px; }
#Menu a:hover{text-decoration:underline; color:red;}

#Menu a { text-decoration: none; color: #000; }
#Menu b { padding-left: 21px; background: url("../_images/bg_menuitem_cur.gif") no-repeat; }

/* Holly Hack. IE Requirement \*/
* html #Menu li { float: left; height: 1%; }
* html #Menu li a { height: 1%; }
/* End */
/* IE 5,6 Fix */
#Menu, #Menu ul { w\idth: 144px; }
#Menu a, #Menu b { w\idth: 128px; }
#Menu b { margin-right: -10px; }
/* End of IE 5,6 Fix */

#Menu ul { display: none; }
#Menu li:hover ul, #Menu li.over ul { display: block; }


/* Main content
--------------------------------------------------*/
#MainContentWrapper {
    width: 100%;
    float: left;
    margin-right: -178px;
}
#MainContent {
    margin: -13px 178px 0 162px;
    padding: 10px;
    border: 1px solid #87AFC6;
    background: #BBDAEC url("../_images/bg.php") no-repeat 0% 100%;
    font-size: 1.2em;
    color: #333;
}
#MainContent { marg\in-top: 1px;}

/* headings, paragraphs, links, etc.
--------------------------------------------------*/
.MainInfoItem { background: #fff url("../_images/bg_corner_while_tl.gif") no-repeat; height:1%; }
.MainInfoItem .tr { background: url("../_images/bg_corner_while_tr.gif") no-repeat 100% 0; }
.MainInfoItem .br { background: url("../_images/bg_corner_while_br.gif") no-repeat 100% 100%; }
.MainInfoItem .bl { padding: 15px; background: url("../_images/bg_corner_while_bl.gif") no-repeat 0 100%; }
.MainInfoItem + .MainInfoItem { margin-top: 14px; }
*html .MainInfoItem { margin-bottom: 14px; }
.MainInfoItem h2 { padding-top: 1.2ex; padding-bottom: 1.2ex; font-size: 1.2em; }

.MainInfoItem, .MainInfoItem p, .MainInfoItem p a, .MainInfoItem td{
line-height: 1.3em;
font-size:12px;
}
.MainInfoItem .BotLine { padding-top: 1.2ex; text-align: right; }

#LoginForm { padding: 8px; background: #C0D1ED url("../_images/bg_loginform.gif") no-repeat; position: absolute; top: 102px; left: 7px; width: 155px; height: 106px; font-size: 12px; line-height: 20px; color: #415059; }
#LoginForm h3 { margin-bottom: 2px; font-size: 12px; }
#LoginForm .intxt { border: 1px solid #627E8F; background: #D2E3EC; font-size: 12px; position: absolute; right: 10px; width: 80px; height: 14px; }
#LoginForm .button { position: absolute; right: 10px; bottom: 10px; }
#LoginForm { w\idth: 140px; he\ight: 91px; }


/* Side bar
--------------------------------------------------*/
#SideBar {
    float: right;
    width: 171px;
    font-family: Tahoma;
    font-size: 11px;
    color: #333;
}

.InfoBlock { margin: 0 0 6px 0; padding: 0 14px 14px 14px; background: #C6D5E9 no-repeat 0 100%; height: 1%; line-height: 15px; }
.InfoBlock h3 { margin: 0 -14px 0 -14px; padding: 4px; background-repeat: no-repeat; height: 42px; }
.InfoBlock ul { margin: 0; padding: 0; list-style: none; }
.InfoBlock ul li { margin: 5px 0 0 0; }

#CountersWrapper { background: #B3E0E9 url("../_images/bg_counters.gif") no-repeat 0% 100%; position: absolute; top: 520px; left: 7px; width: 156px; }
#Counters { padding: 8px 0; background: url("../_images/bg_counters_top.gif") no-repeat 0 0;  text-align: center; }
#Counters img { margin: 2px 0; }

#GalleryWrapper { background: #B3E0E9 url("../_images/bg_counters.gif") no-repeat 0% 100%; position: absolute; top: 590px; left: 7px; width: 156px; }
#Gallery { padding: 8px 0; background: url("../_images/bg_counters_top.gif") no-repeat 0 0;  text-align: center; }
#Gallery img { margin: 2px 0; }
#ban {  position: absolute; top: 850px; left: 7px; width: 156px; }


/* Footer
--------------------------------------------------*/
#Footer {
    padding: 5px 0 0 0;
    clear: both;
}
#Footer #Center {
    margin: 0 178px 0 162px;
    padding: 3px;
    text-align: center;
}
#Footer #copyright {
    float: right;
    width: 172px;
    font-size: 10px;
    color: #aaa;
}
#Footer #copyright a {
    text-decoration: none;
    color: #aaa;
}
.xpricetable tr{
background-color:#E4F1F8;
}

#alertblock {
    position: absolute;
    left: 200px;
    top: 50px;
    display: block;
    width: 300px;
    border: 1px solid red;
    background-color:rgb(244,220,220);
    padding: 10px;
    visibility: visible;
}