/*
-----------------------------------------------
Style Sheet
Site: B2BY.by
----------------------------------------------- */

html {margin:0;padding:0} 
body {margin:0;padding:0;font-size:100.01%;font-family:Arial, Helvetica, sans-serif;text-align:center;}

.layout {position:relative;margin:0 auto;padding:0;text-align:left;width:1000px;background:url(../img/bg_header.jpg) no-repeat top center}

/*-- COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}

a {color:#3f91c9;text-decoration:underline}
a:hover {text-decoration:none}

a img {border:medium none}

sup, sub {line-height:1em}
sup {vertical-align:super}
sub {vertical-align:sub}

hr {color: #ccc;background-color: #ccc;height: 1px;border-width: 0px}

.left {float:left}
.right {float:right; }

a.btn {background:url(../img/btn.png) no-repeat 100% 0;padding:0 7px 0 0;float:left;line-height:23px;color:#fff;text-decoration:none;font-weight:bold;position:relative;font-size:13px}
a.btn span {display:block;background:url(../img/btn.png) no-repeat 0 0;float:left;line-height:23px;padding:0 0 0 10px;margin:0 0 0 -3px;position:relative;cursor:pointer}
a.btn:hover {background-position:100% -23px}
a.btn:hover span {background-position:0 -23px}

/*-- HEADER --------------------- */
#header {height:378px;padding:0 15px}
#logo {padding:29px 0 0;margin:0 0 26px}


#header dl {background:url(../img/block_top.png) no-repeat 0 0;height:221px;width:310px;font-size:13px;line-height:18px;margin:0 16px 0 0;float:left}
#header dt {font-size:15px;font-weight:bold;color:#fff;height:30px;line-height:30px;padding:0 15px;margin:0 0 15px}
#header dd {padding:0 15px 0 30px;background:url(../img/bullit.gif) no-repeat 15px 6px}
#header dd.text {padding:0 15px;background:none; font-size: 12px;}
/*-- CONTENT --------------------- */
.centerblock {padding:15px 15px 0 0; text-align:  left !important;}
#content {float:left;width:650px}
div.contentin {width:  1000px !important;}
#rightCol {float:right;width:318px}
#rightCol a.full-registration {margin-left:85px;margin-top:-30px;}

.title {background:url(../img/dotted.gif) repeat-x bottom left;font-size:18px;color:#000;padding:0 0 3px;line-height:30px;margin:0 0 18px 15px;position:relative;z-index:7}
.title a {color:#3f91c9;text-decoration:underline}
.title a:hover {text-decoration:none}
.title span {padding:0 2px}
.title i {color:#0f75bc}
.title i.bl {color:#000}
h1.title-news {margin: 0; font-weight: normal; color: #000000; padding: 0;}

.news ul {list-style-type:none;clear:both;margin:0 0 15px;font-size:13px;line-height:18px;overflow:hidden;_height:1%}
.news li {float:left;width:310px;margin:0 0 0 15px;_display:inline}
.news li a.pic {float:left;margin:0 8px 0 0;text-decoration:none; /*border-bottom:4px solid #0f75bc*/}
/*.news li a.pic:hover {border-bottom:4px solid #bf3f00}*/
.data {font-size:11px;color:#9e9e9e;display:block}

.forum {padding:5px 0 15px 0;margin:0;position:relative}
.forum table {font-size:14px;line-height:22px;position:relative;z-index:1;top:-56px;margin:0 0 -56px 15px}
.forum table thead {height:40px;line-height:40px}
.forum th {text-align:center;padding:0 19px}
td.article, td.msg { background:url(../img/border.gif) repeat-y top left;padding:0 19px}
td.numbers {text-align: center;}

#popular {padding:0 0 0 15px;overflow:hidden;_height:1%}
#popular .title {margin:0 0 4px}
#popular dl {background:url(../img/border.gif) repeat-y 235px 0;width:246px;font-size:13px;line-height:18px;float:left}
#popular dl.field {background:none}
#popular dt {background:url(../img/icons.png) no-repeat;font-size:18px;font-weight:normal;position:relative;height:55px;overflow:hidden;line-height:90px;padding:0 20px 0 60px;margin:0 0 10px}
#popular dl.group dt {background-position:0 0}
#popular dl.country dt {background-position:0 -55px}
#popular dl.company dt {background-position:0 -110px}
#popular dl.field dt {background-position:0 -165px}
#popular dd {padding:0 20px 0 0}
#popular dd.loggedIn {margin: 0}

.about {background:#deefff url(../img/btm.gif) no-repeat bottom left;width:318px;padding:0 0 10px;font-size:13px;line-height:18px}
.about .top {background:url(../img/top.gif) no-repeat;height:41px;font-size:15px;color:#fff;font-weight:bold;padding:0 0 0 26px;line-height:31px}
.about ul {list-style-type:none}
.about ul li {padding:0 10px 10px 10px;background:url(../img/dotted.gif) repeat-x bottom left;margin:0 0 7px}
.about ul li.last {background:none}
.about ul li img {float:left;margin:-1px 5px 0 0}


/*-- FOOTER --------------------- */
#footer {background:url(../img/footer_bg.gif) repeat-x top left;height:92px;border-top:1px solid #acacac;font-size:11px;margin:75px 0 55px;;color:#555}
#footer ul {list-style-type:none;margin:18px 0 10px 15px;height:18px}
#footer li {float:left;padding:0 10px 0 0;background:url(../img/bullit_2.gif) no-repeat 100% 5px;margin:0 6px 0 0}
#footer li.last {background:none}
#footer li a {color:#3f91c9;text-decoration:none}
#footer li a:hover {text-decoration:underline}
#footer p {padding:0 0 0 15px}
#footer div.banner {float: right; display: table-cell;padding-bottom:10px;}
#header-language-selector{background-color:#FFF;border:1px solid #D0D0D0;position:absolute;text-align:left;width:160px;z-index:100}
#language-select {list-style: none;font-size:1.2em;background-color:#FFFFFF;border:1px solid #D0D0D0;position:absolute;text-align:left;width:160px;z-index:100;}
#language-select ul li {color:#646365;text-decoration:none;display:block;padding:2px 10px;width:140px;}
#language-select li {display:block;height:17px;margin:0;padding:0;white-space:nowrap;}
#language-select li a {display:block;padding:2px 10px;text-decoration:none;width:140px; font-size:0.8em;color:#646365;}


/*-- FLOAT CLEARING --------------------- */
.clearfix:after, .centerblock:after, .about:after, .msg:after, .itemActive:after, .block:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix, .centerblock, .about, .msg, .itemActive, .block {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix, *html .centerblock, *html .about, *html .msg, *html .itemActive, .block {height:1%}
.clearfix, .centerblock, .about, .msg, .itemActive, .block {display:block}
/* End hide from IE-mac */
.msg p {line-height: 15px;font-size: 13px;margin: 0}

#enter p.info-panel-login-failed{font-size: 0.9em;font-size:0.9em;height:18px;margin:-27px 0 0 -310px;width:135px;}

#groups { padding:0 15px}
#groups .title { margin:0 0 5px}
#groups .item { font-size:13px; color:#000; margin:0 0 12px}
#groups .h_item { height:32px; background:#ededed url(../img/g_top.gif) no-repeat 100% -32px; position:relative; margin:0 0 10px}
#groups .h_item a { display:block; float:left; background:url(../img/g_top.gif) no-repeat top left; line-height:32px; font-size:14px; color:#3f91c9; text-decoration:underline; padding:0 0 0 15px}
#groups .h_item a:hover { text-decoration:none}
#groups .data { position:absolute; top:10px; left:760px; font-size:11px; color:#010101; font-weight:bold}
.item p { float:left; width:600px}
.author { float:right; width:306px; font-size:12px; line-height:18px; position:relative; margin:4px 0 0}
.author img { position:absolute; top:0; left:0}
.author p { margin:0 0 0 84px; background:url(../img/border.gif) repeat-y top left; height:100px; padding:0 15px 0 11px; width:auto; float:none}
.author span { display:block}

.block { background:url(../img/dotted.gif) repeat-x 0 30px; margin:0 15px}
.block .title { background:none; margin:0 18px 4px 4px }


.active { float:right; width:345px; margin:0;  }
.itemActive { border-bottom:1px solid #ededed; font-size:12px; padding:0 0 12px; margin:0 0 15px 0; position:relative}
.itemActive .pic { float:left;}
.itemActive div { margin:0 0 0 87px;}
.info { color:#999; font-size:12px; margin:8px 0 0}
.curr { font-weight:bold; font-size:14px; color:#3f91c9}
.gr, p.gr { color:#999}
.itemActive div p {margin: 0; font-size: 12px;line-height: 15px; }
.pages {font-size:13px;color:#8d8d8d;list-style-type:none;height:22px;padding:0 0 0 15px}
.pages li {padding:1px 4px;float:left;margin-right:4px}
.pages li.current {background:#3f91c9;color:#fff}
.pages li a {text-decoration:none}
.pages li a:hover {text-decoration:underline}
.pages li.new {margin:0 20px 0 0}
.pages li.old {margin:0 0 0 16px}
 
 #content h1 {font-size:24px;}
 
.text {padding:0 0 0 15px;line-height:20px;font-size:14px}
.text p {margin:0 0 20px}
.text p.pic {float:right;border:1px solid #eaeaea;padding:6px;font-size:10px;color:#898989}
.text p.pic span {display:block;text-align:right;line-height:normal}

 #news .news li {width:470px}

#rightCol .title {margin:0 0 18px}
#rightCol .news ul {margin:0}
#rightCol .news li {padding:0 0 23px; margin:0}

.nav {height:22px;font-size:13px}
.nav .left, .nav .right {width:45%}
.nav .right {text-align:right}
.nav a {text-decoration:none}
.nav a:hover {text-decoration:underline}
 
.all {font-size:13px;font-weight:bold;padding:0 5px 0 0;text-align:right}
.all a {color:#3f91c9;text-decoration:underline;}
.all a:hover {text-decoration:none}
/**New design 3**/
.weather i {display:block;font-size:11px;font-style:normal}
.weather span {font-size:14px;font-weight:bold}
.vbott {vertical-align:bottom}
.today {background:#97d1ff}
.tommorrow {background:#bebebe}
.other {background:#e4e4e4;}

#currency { margin:0 0 20px; line-height:22px; font-size:13px}
#currency td { padding:0 35px}
#currency .r1 { background:#f2f2f2}
#currency td.unit { font-weight:bold; border-right:1px dotted #b5b5b5}

.weather { background:url(../img/dotted.gif) repeat-x top left;font:normal 14px Arial, Helvetica, sans-serif; padding:1px 0 0}
.weather .title { background:url(../img/border.gif) repeat-y top right;font:normal 13px Arial, Helvetica, sans-serif}
.weather .title i { color:#000;}
.weather .title span { padding:0}
.weather td { background:url(../img/border.gif) repeat-y top right;padding:6px 5px}
tr.vbott td { background:#e4e4e4 url(../img/border.gif) repeat-y top right;}
.weather td.day { background:none; vertical-align:top; text-align:right; padding:10px 10px 0 0}

#townlist {list-style:none;margin:15px 0 20px 0;padding:0;height:18px;line-height:18px;clear:both;font-size:14px;color:#333; font-weight:bold}
#townlist li {float:left;list-style:none;margin:0;padding:0 15px 0 0;height:18px;line-height:18px}
#townlist li a {color:#1a6fb2; text-decoration:underline}
#townlist li a:hover { text-decoration:none}
#content div.text{
font-size:13px;
line-height:18px;
font-family:Arial,Helvetica,sans-serif;
}
/*buttons style */

a.cancel-button {background:url(/img/screen/spr_button_r1.png) no-repeat 100% -23px;
padding:0 7px 0 0;float:left;line-height:23px;color:#fff;text-decoration:none;font-weight:bold;position:relative;font-size:13px}
a.cancel-button span {
	display:block;background:url(/img/screen/spr_button_r1.png) no-repeat 100% -23px;
	float:left;line-height:23px;padding:0 0 0 10px;margin:0 0 0 -3px;position:relative;cursor:pointer;background-position:100% -23px}
a.cancel-button:hover {background-position:100% -23px;
background-image: }
a.cancel-button:hover span {background-position:100% -23px}

div.info-list ul li {
background:url("/img/screen/icn_information.gif") no-repeat scroll 0 0 transparent;
padding:0 0 0 22px;
}
div.info-list ul {
list-style:none outside none;
margin:0;
padding:10px 0;
}

ul.topNav {
float:right;
font-size:11px;
font-weight:bold;
height:18px;
list-style-type:none;
position:absolute;
right:15px;
top:8px;
}
.topNav li {float:left;padding:0 11px 0 0;background:url(../img/bullit_2.gif) no-repeat 100% 5px;margin:0 7px 0 0}
.topNav li a {color:#000;text-decoration:underline}
.topNav li a:hover {text-decoration:none}
.topNav li.lang { background:none; padding:0}
.topNav li.lang a { color:#990000; text-decoration:underline;}
.topNav li.lang a:hover { text-decoration:none}

#extra {position:absolute;top:46px;right:15px;width:318px}

#reg {background:url(../img/block_top.png) no-repeat 0 -221px;width:318px;height:220px;margin:0;padding:0;font-size:13px}
#reg p.title {background:none;font-size:15px;font-weight:bold;color:#000;margin:0 0 3px}
#reg p {padding:0 15px;clear:both;height:25px; margin: -1px 0 0}
#reg input {float:left}
#reg label {width:97px;text-align:right;line-height:20px;float:left;margin:0 7px 0 0;_display:inline}
#reg .i_text {border:1px solid #a6a6a6;height:17px;width:180px;font:normal 13px Arial, Helvetica, sans-serifs;display:block;float:left}
#reg p.check {padding:0 0 0 115px}
#reg p.check label {width:135px;text-align:left}
#reg a.btn {float:right;margin:0 15px 0 0}
#reg select {border:1px solid #A6A6A6;display:block;float:left;font:13px Arial,Helvetica,sans-serifs;height:22px;width:182px;}

#enter {margin:0;padding:0;height:95px;width:318px;position:relative}
#enter p {float:left;margin:0 0 0 15px;height:43px;//display:inline}
#enter a.btn { margin:3px 0 0 68px}
#enter p.check label {font-weight:normal}
#enter label {font-size:12px;color:#000;font-weight:bold}
#enter .i_text {width:129px;height:17px;border:1px solid #a6a6a6;font:normal 13px Arial, Helvetica, sans-serif;display:block;margin:2px 0 0}
#reg input.error-message-start, #reg select.error-message-start, #enter input.error-message-start {
border-color:#BC100E #FE9999 #FE9999 #BC100E;
border-style:solid;
border-width:2px 1px 1px 2px;
}



/*-- NEW --------------------- */
#review {padding:0 15px;margin:0 0 20px;position:relative;z-index:200}
#review .title {margin:0 0 15px}
#offer {float:left;width:485px}
#offer .from {background:#e5f4ff;margin:0 10px 10px 0;overflow:hidden;_height:1%}
#offer img {float:left;border:1px solid #b5b5b5;margin:0 10px 0 0}
#offer .from ul {list-style-type:none;font-size:12px;line-height:17px;margin:5px 0 0}
.offer_text {font-size:12px;padding:0 20px 0 0}
.offer_text p {margin:15px 0 0 70px;}
.offer_text h3 {margin:0 0 0 70px;font-size:12px;margin:0;padding:0;font-weight:bold}
.offer_text h4 {font-size:12px;margin:0;padding:0}
.offer_text ul {margin:2px 0 0 70px;list-style-type:none}
.offer_text ul li {background:url(../img/bullit_3.gif) no-repeat 0 4px;padding:0 0 0 12px;margin:0 0 0 10px;line-height:17px}
.offer_text .more {padding:0 0 0 30px}

#personal_offer {float:right;width:469px;}
.offer_list ul {clear:both;list-style-type:none;margin:0 0 14px}
.offer_list ul a {display:block}
.offer_list ul a.pic {float:left;margin:0 10px 0 0}
.offer_list ul li {width:225px;margin:0;font-size:12px;position:relative}
.offer_list ul li.right {text-align:left !important;}

.pop_up {position:absolute;width:290px;z-index:200;top:48px;left:-70px}
.p_t {background:url(../img/popup_top.png) no-repeat;height:50px}
.p_btm {background:url(../img/popup_bottom.png) no-repeat;height:16px;font-size:1px}
.p_c {background:url(../img/popup_midle.gif) repeat-y top left;padding:0 12px;font-size:12px}
.p_c img {float:left;border:1px solid #999;margin:2px 0 0}
.p_c dl {margin:0 0 0 45px;line-height:14px}
.p_c dt {font-weight:bold}
.p_c .clearfix {margin:0 0 12px}

.newUser {float:left;background:url(../img/border.gif) repeat-y top right;padding:0 10px 0 0;font-size:13px}
.newUser ul {list-style-type:none;width:301px}
.newUser li {background:url(../img/plus.png) no-repeat 5px 10px;border-bottom:1px solid #EDEDED;padding:6px 0 6px 25px;clear:both;overflow:hidden;_height:1%;position:relative}
.newUser li img {float:left;border:1px solid #b5b5b5;margin:0 8px 0 0}
.newUser li a {display:block;margin:0 0 5px}
.newUser ul span.per {position:absolute;font-size:13px;color:#999;left:235px;top:6px}

.itemActive {border-bottom:1px solid #ededed;font-size:12px;padding:6px 0 12px 0;margin:0 0 10px 0;position:relative}
p.gr a {font-size:14px;font-weight:bold}

.h_item {height:32px;background:#ededed url(../img/g_top.gif) no-repeat 100% -32px;position:relative;margin:0 0 10px;z-index:1;}
.msg {position:relative;z-index:1;}
#groups {position:relative;z-index:1}

/*-- FLOAT CLEARING --------------------- */
.clearfix:after, .center:after, .about:after, .msg:after, .itemActive:after, .block:after, .offer_list ul:after, #review:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix, .center, .about, .msg, .itemActive, .block, .offer_list ul, #review {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix, *html .center, *html .about, *html .msg, *html .itemActive, *html .block, *html .offer_list ul, *html #review {height:1%}
.clearfix, .center, .about, .msg, .itemActive, .block, .offer_list ul, #review {display:block}
/* End hide from IE-mac */