/* Common */
FORM {MARGIN: 0px}
BODY, table {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
BODY {margin:0; padding:0; background-color: #F0F0F0;}
 
A:link {
	FONT-SIZE: 11px; COLOR: #0B70AA; TEXT-DECORATION: underline;
}
A:visited {
	FONT-SIZE: 11px; COLOR: #0B70AA; TEXT-DECORATION: underline;
}
A:active {
	FONT-SIZE: 11px; COLOR: #0B70AA; TEXT-DECORATION: underline;
}
A:hover {
	FONT-SIZE: 11px; COLOR: #0B70AA; TEXT-DECORATION: none; cursor: pointer;
}

TD.main_content {padding-bottom: 60px; text-align: justify; padding-right: 45px;} 
.titlepage {font-size: 18px; COLOR: #0470d2; display: block; margin: 15px 0 25px; font-weight: normal;}
h2 {font-size: 14px; COLOR: #0470d2; margin: 35px 0 15px; font-weight: bold; clear: both;}
h3 {font-size: 14px; color: #000000;}
h5 {font-size: 11px; margin-bottom: 10px;}

.button {
	BORDER-RIGHT: #657078 1px solid; BORDER-TOP: #657078 1px solid; BORDER-LEFT: #657078 1px solid;
	BORDER-BOTTOM: #657078 2px solid;
	
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;	
	FONT-SIZE: 10px; COLOR: #135ca0; FONT-FAMILY: Arial;
	BACKGROUND: #ffffff;
	height: 19px; $height: 20px;
}

.button_disabled_color {color: #808080 !important;}

.btn_blue {	
	BACKGROUND: #cddee4; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 1px solid #93a8b3; BORDER-BOTTOM: 1px solid #93a8b3;
	COLOR: #578aa4; FONT-SIZE: 11px; padding: 2px;
}

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

/* EditAddressControl */
.editFormAddress {width:370px; position: absolute; top: 20%; left: 30%; background: #FFFFFF;  border: 1px solid #b2c9d4; padding: 0 20px 10px; z-index: 99;}

p.both {clear: both;}

div.imgInline {float: left;}

.ul li {margin-bottom: 5px;}
.ul_links {line-height: 18px; margin-top: 10px;}

.ul_wellbeing {line-height: 16px; margin: 0 17px; padding:0; text-align: justify;}
.ul_wellbeing li {margin-bottom: 12px;}

.newstitle {FONT-SIZE: 14px; COLOR: #0470d2; margin: 2px 0;}
dl.news dd {margin: 0px; margin-top: 0px;}
dl.news dd p {margin: 7px 0;}

dl.manual dt {margin-left: 10px;}
dl.manual dd {margin-left: 25px;}
dl.manual dd span {display: block; margin: 8px 0;}

dl.gbc dt {margin-left: 0px; margin-bottom: 4px; font-weight: bold;}
dl.gbc dd {margin-left: 0px;}

.img_margin {margin: 0 12px 15px 0;}

/* UploadSchema.aspx And AllProducts.aspx */
table.ushema_order {FONT-SIZE: 11px; COLOR: #393939; margin-bottom: 25px;} 
table.ushema_order TD {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
table.ushema_order TD.noborderR {border-right: 0px;}
table.ushema_order TD.titleitallic {border-right: 0px; font-style:italic; text-align: center;}
table.uorder_price {FONT-SIZE: 11px; COLOR: #393939;}
table.uorder_price TD { border: 0px;}
.titleCategories {font-weight: bold; text-align: center; background-color:#f1f1f1; }
.titleProducts {font-size: 12px; font-weight: bold;} 
.tblShopPrice {font-size: 12px; white-space: nowrap;} 
p.p2 {margin: 10px 0;}
.fields_dlvtitle {position:relative; background-color: #F1F1F1; padding: 5px; padding-left: 10px; font-weight: bold; margin-top: 45px;} 
.fields_dlvtitle span {position: absolute; top: -20px; right:0; $right: 20px; font-weight: normal;}
.fields_dlvtitle input {vertical-align: -3px; $vertical-align: -4px; margin-left: 0; $margin-left: -3px;}
.dlvAddressShort {margin: -10px 0 25px 30px;}

/* Возможно бесполезная хрень */
.vert_middle {VERTICAL-ALIGN: middle}

/* Нах убрать. Используется только на странице Fuctions.aspx. Закинуть на эту страницу или заменить на что-то общее */
.titlefunction {font-size: 12px; font-weight: bold; }

/* PagingControl links */
A.black:link {
	font-size: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A.black:visited {
	font-size: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A.black:active {
	font-size: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A.black:hover {
	font-size: 12px; COLOR: #000000; TEXT-DECORATION: none
}

/* OrderControlTable заменить на какой-то другой, этот убрать */
.fontb12px {font-size: 12px; } 

/* Используется в только ReportControl.ascx. Может стоит заменить на что-то другое */
.order {FONT-SIZE: 14px; FONT-FAMILY: Arial}

.formsearch { FONT-SIZE: 11px; vertical-align:top; }

/* Лучше было бы сделать стилем для таблицы по умолчанию. В других случаях вроде как не используется */
.text {	FONT-SIZE: 11px; COLOR: #000000; }

.tableborder { padding-top: 12px; padding-bottom: 12px; padding-left: 8px; padding-right: 8px; }

/* OrderRequestControl.ascx требует оптимизации */
.title_request {
  font-size: 9px;
  padding: 2px 7px 2px 7px;
}
.tablerequest {
  padding: 7px;
}
.titletable3 {color: #80570C; }
.margin_request_ico {margin-top: -2px; margin-bottom: -5px; margin-left: 2px;}

.titletable {color: #0B70AA;}

/* Order Info */
.orderinfo_block_title {color: #0B70AA; font-weight: bold;}
.orderinfo_block {background-color: #E5EEF2; border-top: 1px solid #0B70AA; margin: 5px 0 20px; padding: 10px;}
TD.tblTDtitle {white-space:nowrap; padding-right: 7px;}

/* Top horisontal menu and Vertical menu in action TD */
.icotopmenu {
	PADDING-RIGHT: 6px; BORDER-TOP: #b0cbe0 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; 
	BORDER-BOTTOM: #b0cbe0 1px solid; margin: 25px 0;
}
.icotopmenu img {border:0px; width:19px; height:17px;}
.icotopmenu span {padding-right: 15px;}

.menu_v_actions {line-height: 18px;}
.menu_v_actions img {border:0px; width:19px; height:17px;}

.icotext_mdl {white-space: nowrap;}
.icotext_mdl img {vertical-align: middle; display: inline-block; margin-right: 2px;}
.icotext_mdl span {vertical-align: middle; display: inline-block;}

/* OrderDocumentControl Control */
.ico_documents {padding-right: 10px; width: 1px;}
.tblDocuments TH {border-bottom: 2px solid #5B8BBC; color: #0B70AA; text-align: left; font-weight: bold; padding-bottom: 5px; padding-right: 35px; white-space:nowrap;}
.tblDocuments TD {border-bottom: 1px dashed #5B8BBC; height: 26px; padding-right: 35px;}
.line_punktir { border-bottom: 1px dashed #c4c4c4; margin-bottom: 10px; height: 12px;}
A.doc:link, A.doc:visited, A.doc:active {FONT-SIZE: 12px; COLOR: #0b70aa; text-decoration: none; border-bottom: 1px dashed #0b70aa; }
A.doc:hover {FONT-SIZE: 12px; COLOR: #0b70aa; text-decoration: none; border-bottom: 0px; }
div.title_doc {margin-bottom: 4px; font-size: 12px; color: #0b70aa;}
div.select_doc {background-color: #EEF3F7; padding: 10px;}

/* Debts. Дивки с сообщением заменить на NewAdminMessage */ 
.msg_attention { border: 1px solid #FFD37B; padding: 7px 8px 8px 29px; color: #80570C; margin-bottom: 15px; margin-top: 15px;
background: url(images/attention.gif) #FFF6E4 no-repeat 6px 6px;}
div.msg_deptsTo {background: #FFF6E4; padding: 8px; color: #80570C; font-weight: bold; margin: 25px 0 1px;}
div.msg_deptsTo img {margin-right: 6px; vertical-align: -4px;}
div.msg_deptsFrom {padding: 5px; color: #0B70AA; font-weight: bold; margin: 30px 0 1px;}
div.msg_deptsFrom img {margin-right: 6px; vertical-align: -6px;}

/* CustomerNotLogged header menu */
.topmenu_item {position: absolute; top: 188px; z-index: 100; font-family:verdana; font-size:12px; color:white;}
.topmenu_item a {text-decoration: none; font-family:verdana; font-size:12px; color:white;}
.topmenu_item a:visited {text-decoration: none; font-family:verdana; font-size:12px; color:white;}

/* CustomerNotLogged footer menu */
#footerMenu {position: relative; margin: 10px 10px 10px 229px;}
#footerMenu p {margin: 10px 0 5px;}

/* UploadSchema UploadStepBar Control */
.progress { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #a7a7a7; TEXT-DECORATION: none }
.progress_on { 	FONT-SIZE: 11px; HEIGHT: 22px; BACKGROUND-COLOR: #0094e7 }
A.progress_on_a:link { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.progress_on_a:active { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.progress_on_a:visited { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.progress_on_a:hover { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
/* не хватает стиля ind для ссылок */

/* OrderPurchaseControl Control */
.tblCalculation TH {border-bottom: 2px solid #5B8BBC; text-align: left; color: #0B70AA; font-weight: bold;}
.tblCalculation TD {border-bottom: 1px solid #A0B8D0;}
.tblCalculation TD.total {border: 0px;}
.tblCalculation li {margin-left: 10px;}
.tblCalculation li span {margin-left: -4px; }

/* Errors, ValidationSummary */
.vsummary {border: 1px solid #FF0000; padding: 10px; margin: 10px 0 25px; color: #FF0000; background-color: #fff3f3; }
DIV.vsummary UL {margin: 5px 0; padding-left: 30px;} 
TABLE.vsummary TD UL {margin: 5px 0; padding-left: 30px;}

/* Login form */ 
#bg_login {position: absolute; left: 50%; top: 50%; width: 368px; height: 219px; margin-left: -184px; margin-top: -150px;
background-image:url(images/bg_login.jpg); background-repeat: no-repeat;  padding-top: 30px;
border: 0px solid #FF0000;}
/* убрать нах или заменить. Используется только для вывода ошибки на Login.aspx */
.textred {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FF0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#bg_login span {padding-right: 8px;}
#bg_login TD {height: 26px;}
#bg_login h1 {text-align: center; margin: 5px 0 0 0; $margin: 35px 0 0 0;}
#shadow {position: absolute; top: 219px; left: 265px;} 
#bg_login_cust {position: relative; left: 185px; top: 0px; width: 368px; height: 219px;
background-image:url(images/bg_login.jpg); background-repeat: no-repeat; padding-top: 45px;}
#bg_login_cust span {padding-right: 8px;}
#bg_login_cust TD {height: 26px;}
#shadow {position: absolute; top: 219px; left: 265px;}

.login_textbox {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* OrderStatus */
.order_status_New {position: relative;}
.order_status_Delivered {position: relative;}
.order_status_ReturnedAfterRenting {position: relative;}
.order_status_WaitsForPay {position: relative; padding-left: 17px; background-image: url(images/sphere_orange.gif); background-repeat: no-repeat; background-position: 0 1px;}
.order_status_ReadyForDelivery {position: relative; padding-left: 17px; background-image: url(images/sphere_green.gif); background-repeat: no-repeat; background-position: 0 1px;}
.order_status_Refused {position: relative; padding-left: 17px; background-image: url(images/sphere_red.gif); background-repeat: no-repeat; background-position: 0 1px;}

.order_paymentstatus_Paid {position: relative;}
.order_paymentstatus_Unpaid {position: relative; padding-left: 17px; background-image: url(images/sphere_red.gif); background-repeat: no-repeat; background-position: 0 1px;}
.order_paymentstatus_PaymentDoesNotExist {position: relative; padding-left: 17px; background-image: url(images/sphere_red.gif); background-repeat: no-repeat; background-position: 0 1px;}

/* TabsControl Control */
.tabs {margin: 35px 0 1px; height: 20px; $height: 27px; border-bottom: 1px solid #DBDBDB; white-space: nowrap;}
.tabs span a:link {color:#FFFFFF;}
.tabs span a:visited {color:#FFFFFF;}
.tabs span a:hover {color:#FFFFFF;} 
.tabs .tab_first {padding-left: 10px !important; $display: inline-block;}
.tabs .tab_selected {$display: inline-block; color: #000000; padding: 6px 26px 6px 10px; background: #F4F4F4 url(images/tabs_active_noactive.gif) no-repeat right top;}
.tabs .tab_selected_last {$display: inline-block; color: #000000; padding: 6px 26px 6px 10px; background: #F4F4F4 url(images/tabs_active.gif) no-repeat right top;}
.tabs .tab_notselected {$display: inline-block; color: #FFFFFF; padding: 6px 26px 6px 0px; background: #6DA5D3 url(images/tabs_noactive_noactive.gif) no-repeat right top;}
.tabs .tab_notselected_selected {$display: inline-block; color: #FFFFFF; padding: 6px 14px 6px 0px; background: #6DA5D3 url(images/tabs_noactive_active.gif) no-repeat right top;}
.tabs .tab_notselected_last {$display: inline-block; color: #FFFFFF; padding: 6px 26px 6px 0px; background: #6DA5D3 url(images/tabs_noactive.gif) no-repeat right top;}
.tabsCtrl_indent {margin: 25px 0;}

/* BButton Control */
.bbutton { 
  background: #FFFFFF;  
  background-image:url(images/bg_button.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px  solid #B7D0E5;
  border-bottom: 1px solid #B7D0E5;
  
  $padding: 0 .5em;
  width:auto;
  overflow:visible;
  
  FONT-SIZE: 11px; font-weight: bold; color: #0B70AA; font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-right: 10px; 
  white-space: nowrap; 
  cursor: default;
}
.bbutton span {padding: 3px .6em; display: block;} 

/* NewAdminMessage Control */
#area_info {padding: 12px; background-color: #F4F4F4; margin: 20px 0;
background-image:url(images/area_info_ico.gif); background-repeat: no-repeat; background-position: 10px 8px; $background-position: 10px 7px; padding-left: 35px;}
#area_info div.area_title {padding-bottom: 8px;}
#area_info div.area_content {}
#area_info div.area_content ul {padding:0px; margin:0px 0px 0px 16px;}
#area_info div.area_content ul li {margin-bottom:5px;}

#area_success {border: 1px solid #5CB45A; padding: 10px; margin: 25px 0; color: #1C8C26; background-color: #F7FFF5;
background-image: url(images/area_succ_ico.gif); background-repeat: no-repeat; background-position: 10px 6px; $background-position: 10px 7px; padding-left: 35px;}
#area_success div.area_title {padding-bottom: 8px;}
#area_success div.area_content {}

#area_error {border: 1px solid #FF0000; padding: 10px; margin: 25px 0; color: #FF0000; background-color: #fff3f3;
background-image: url(images/area_err_ico.gif); background-repeat: no-repeat; background-position: 10px 6px; $background-position: 10px 7px; padding-left: 35px;}
#area_error div.area_title {padding-bottom: 8px;}
#area_error div.area_content {}

#area_message {margin: 15px 0;}
#area_message div.area_title {}
#area_message div.area_content {}

.area_info_4_action {padding: 10px; background-color: #F4F4F4; margin-bottom: 8px; 
background-image:url(images/area_info_ico.gif); background-repeat: no-repeat; background-position: 8px 8px; $background-position: 8px 6px; padding-left: 35px;}
.area_info_4_action div.area_content ul li {margin-left: -45px;}

/* Customer/Reseller left menu */ 
#lMenu {margin: 20px 0 20px 2px; padding: 0px; list-style: none;}
#lMenu li {margin-bottom: 7px;}
#lMenu li a {font-size: 12px; margin-left: 3px; text-decoration: none;}
#lMenu li a:hover {font-size: 12px; margin-left: 3px; text-decoration: none;}

.lMenuSub {margin: 5px 0 10px 10px; line-height: 18px; list-style: none; padding: 0px;}
.lMenuSub li {margin: 0 !important; padding-left: 16px; background-image: url(images/mulka_area_orange.gif); background-repeat: no-repeat; background-position: 7px 7px;}
.lMenuSub li a {font-size: 11px !important; margin-left: 0px !important; font-weight: normal !important;}
.lMenuSub li a:hover {text-decoration: underline !important;}

.ico_on a {font-weight: bold;}
.ico_off a {font-weight: normal;}

.lItem {margin-top: 10px; margin-bottom: 25px; padding: 0 2px;}
.lItem img {vertical-align: -6px;}
.lItem span {background-color: #72808f; color: #FFFFFF; font-weight: bold; display: block; height: 21px;}
.lItem .select {font-size: 11px; vertical-align: -2px; $vertical-align: -1px;}

/* Input forms */
.fields_container {margin: 10px 0;}
.fields_container TD {padding: 0 25px 10px 0; vertical-align: top;} 
p.fields_containertitle {border-bottom: 1px solid #CCCCCC; font-weight: bold; padding-bottom: 7px; margin: 25px 0 20px;} 
p.field_msg {margin: 2px 0; color: #999999; margin-top: 2px; width: 70%;} 
p.field_errmsg {margin: 2px 0; color: #FF0000; margin-top: 2px; width: 70%; border: 0px solid #FF0000;}
.field_tb {width: 220px;}
.field_ddl {width: 220px;}
.field_file {width: 280px; $width: 300px;} 
.field_cb input {vertical-align: -5px; $vertical-align: -3px;} 
.field_cb label {margin-left: 3px;}
.field_rb input {vertical-align: -3px; $vertical-align: -4px;}
.field_rb label {margin-left: 3px;}
.fields_container TD.field_title {padding-top: 4px; width: 170px; height: 32px;}  
.fields_container TD.field_titleerr {padding-top: 4px; color: #FF0000; width: 170px; height: 32px;}
.fields_container TD span.field_txt {display: block; padding-top: 4px;}
.field_cblst TD {padding: 0 25px 0 0 !important; white-space:nowrap; height: 20px; border: 0px !important;}
.field_cblst input {vertical-align: -5px; $vertical-align: -3px;}
.field_cblst label {margin-left: 3px;}
.field_rblst TD {padding: 0 25px 0 0 !important; white-space:nowrap; height: 20px; border: 0px !important;}
.field_rblst input {vertical-align: -3px; $vertical-align: -4px;}
.field_rblst label {margin-left: 3px;}

.field_short {width: 60px;}
.field_day {width: 30px;}
.field_w100 {width: 95%; overflow: auto;}

table.btns_area {margin: 15px 0;}
table.btns_area button {$width: 100%;} 

/* Change Bank Details */
fieldset#ChangeBankDetails  {border: 1px solid #CCCCCC; margin: 10px 0 25px;}
fieldset#ChangeBankDetails legend {font-weight: bold; margin: 0 5px; padding: 0 5px;}
.bankdet {margin-right: 15px; display: inline; padding: 4px; $padding: 0 5px 0 3px;}
.bankdet_sel {background-color: #F1F1F1;}

/* Actions */
.actnMenuClose {
	position: relative;
	background-image: url(images/bg_actnMenu_blue.gif); background-repeat: repeat-x; background-position: bottom; height: 25px;
	border: 1px solid #ADC7D3;
	padding-left: 26px; margin-top: 1px;
	cursor: pointer; color: #0B70AA;
}
.actnMenuClose span {display: block; padding-top: 5px;}
.ico_actnMenu {position: absolute; left: 4px; top:4px; width: 19px; height: 17px; border: 0px; }
.arrow {position: absolute; right: 8px; top:11px; width: 8px; height: 5px; border: 0px;}
.actnMenuInfoArea {border: 1px solid #ADC7D3; border-top: 0px; padding: 8px; $width: 100%;}
.actnMenuInfoArea p {margin: 0 0 8px;}
.actnMenuInfoArea span {display: block; margin: 0 0 3px;}

/* actionRequest */
.actnRequest {
	position: relative;
	background: url(images/bg_actnRequest.gif) repeat-x 0 0; height: 23px; $height: 24px;
	border: 1px solid #E6B24F;
	border-bottom: 0px;
	padding-left: 26px;
	color: #80570C; font-weight: bold; 
}
.actnRequest span {display: block; padding-top: 5px; margin-left: 4px;}		
.ico_actnRequest {position: absolute; left: 6px; top: 4px; width: 19px; height: 17px; border: 0px;}
.ico_actnRequestClose {position: absolute; right: 8px; top: 7px; width: 12px; height: 11px; border: 0px;}
.actnRequestInfoArea {border: 1px solid #E6B24F; $width: 100%; background: #FFF1D6;}
.actnRequestInfoArea p {margin: 8px;}
.actnCreatorInfo {background: #F6E4C0; border: 0px solid #E6B24F; border-top: 0px; font-size: 9px; padding: 2px 7px 3px 7px; line-height: 12px;}

/* BaseTable */
.tblBase {margin: 20px 0;}
.tblBase table {border-collapse: collapse; width: 100%;}
.tblBase table TH {border-bottom: 1px solid #B7D6EE; border-left: 1px solid #B7D6EE; padding: 5px; text-align: left; color: #0B70AA; font-weight: bold; background-color: #E1EEF8;}
.tblBase table TD {border-bottom: 1px solid #B7D6EE; border-left: 1px solid #B7D6EE; padding: 5px; vertical-align: top;}
.tblBase table TH.noborderL {border-left: 0px;}
.tblBase table TD.noborderL {border-left: 0px;}
.tblBase table TR.trZebra {background-color: #F5F9FC;}
.tblBase table TR.trResult {background-color: #E1EEF8; font-weight: bold;}

/* Paging control */
.ctrlPaging {height: 24px; margin: 20px 0 -25px 0;}
.ctrlPagingBottom {height: 24px; margin-top: -15px;}

/* Orders Total Line */
.ordsTotal {background-color: #F4F4F4; padding: 5px 7px 7px; margin-bottom: 15px;} 
.ordsTotal span {margin-right: 20px;}

/* Invoice */ 
.invoice {position: relative; background-color: #F6F6F6; padding: 4px; margin: 0 2px 1px;}
.marginL {margin-left: 12em;}
.invoice_n {position: absolute; top: 4px; left: 5px; $left: 2px; white-space: nowrap;}
.invoice_ico {position: absolute; top: 4px; right: 2px; $right: 7px;}
.invoice_ico a {margin-right: 6px;}

/* Button on IndexPage */
.btn_index {float: left; padding-right: 8px; margin: 10px 0 35px; $margin: 10px 0 0;}

/* SiteMap Page */
#sitemap {margin: 0 0 2px 0;} 
#sitemap table td {vertical-align: top; padding-right: 39px;}
#sitemap H2 {margin: 0 0 6px 0; font-size: 12px; font-weight: bold; white-space: nowrap;}
#sitemap ul {margin: 0 0 18px 12px; padding: 0; list-style: none;}
#sitemap ul li {line-height: 18px;}
#sitemap ul li a.sub {margin-left: 6px; background: url(images/ico_smap_sub.gif) no-repeat 0 2px; padding-left: 14px;}
#sitemap #sm_shop {background: url(images/ico_smap_shop.gif) no-repeat left bottom; padding-left: 20px; position: relative; left: -20px; top: 0px; height: 0px;}
#sitemap #sm_contact {background: url(images/ico_smap_contact.gif) no-repeat left bottom; padding-left: 20px; position: relative; left: -20px; top: 0px;}

/* Where it works area */
.ulItWorks {line-height: 16px; margin-bottom: 35px; list-style: none; $margin-left: 25px;}
.blkItWorks {position: relative; margin-bottom: 10px; border: 1px solid #FFFFFF;}
.blkItWorks h2 {margin: 0 0 10px 0 !important;}
.blkItWorks p {margin: 0 0 10px 0 !important;}				
.blkItWorksImg {position:absolute; left:0; top:0;}
.blkItWorksImg p {margin-top: 5px !important;}
.blkItWorksText {margin-left: 207px;}

/* Quick links in bottom page. */
#ddlMenu OPTGROUP {background: #EEEEEE; color: #000000; font-weight: normal; font-style: normal;}
#ddlMenu OPTGROUP option {background: #FFFFFF; color: #000000;}