html, body { height:100%; margin: 0; padding: 0; }

a, a:link, a:visited { color: #0973ba; text-decoration: none; font-size: 8pt; }
a:hover { text-decoration: underline; }
a, a:link, a:visited { color: #0973ba; text-decoration: none; font-size: 8pt; }
a:hover { text-decoration: underline; }

.compare_container { width: auto; min-width: 620px; margin: 10px 0px 0px 5px; padding: 10px; position: relative; }

.mat_container #main { padding: 0px; margin: 0px; }
#main .mat_title { margin: 0px 0px 0px 160px; padding: 0px; font-size: 12pt; font-weight: normal; text-decoration: none; color: #eb0e17; }
a.mat_item_title:hover, a.mat_item_title:visited { text-decoration: none; }

#img_m { width: 160px; border: solid 1px #eeeeee; }
#main #img_m { float: left; margin: 0px 18px 110px 0px; text-align: center; }
#main #title { margin: 0px 0px 0px 160px; text-decoration: none; }

#img_addon { position: relative; height: 85px; margin: 10px 0px 10px 0px; }
#img_addon a { text-decoration: none; }
#img_addon img { background: white; border: 1px solid #dddddd; }

.categories { overflow: hidden; }
.categories .column { float: left; padding: 10px; } 
.categories ul { padding: 0px 0px 0px 20px; margin: 10px 0px 0px 10px; } 
.categories .title { cursor: pointer; font-weight: bold; }
.categories li { color: #727274; font-size: 8pt; margin-top: 1px; }
.categories li a, .categories li a:link, .categories li a:visited { color: #0973ba; text-decoration: none; }
.categories li a:hover { text-decoration: underline; }
.categories .imp1 a { font-weight: bold;  }
.categories .imp2 {  }
.categories .lev1 {  }
.categories .lev2 { margin-left: 10px; }
.categories .more { color: #0973ba; cursor:pointer; display: none; }

.announces { clear: both; }
.announces .item { width: 119px; text-align: center; 	}
.announces .item a img { background: white; border: 1px solid #dddddd; }
.announces .item a:hover { text-decoration: none; }
.announces .item .price { width: 110px; text-align: center; color: #ed1c24; }

/* Scrollable */
div.scrollable { position:relative; overflow:hidden; width: 522px; height:105px; float:left; }
.announces div.scrollable { height: 140px; }

div.scrollable div.items { width:20000em; position:absolute; }
div.scrollable div.items div { float:left; padding: 4px 5px; }

a.prevPage, a.nextPage { display:block; width:18px; height:18px; background:url("/img/dev_arrow_left.png") no-repeat; float:left; margin:33px 10px; cursor:pointer; }
a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; }
a.disabled { visibility:hidden !important; }
a.nextPage { background-image:url("/img/dev_arrow_right.png"); clear:right; }


/* Main Params for Material Page */
#main_params { margin: 0px 0px 0px 160px; }
#main_params a { font-size: 8pt; }
#main_params #platform { margin: 5px 0px 2px 0px; }
#main_params #platform span { margin-right: 10px; }
#main_params #brand_type { margin: 5px 0px 2px 0px; }
#main_params #brand_type span { margin-right: 10px; }
#main_params #cpu { font-size: 9pt; color: #525254; font-weight: bold; margin: 15px 0px 2px 0px; }
#main_params #cpu span { margin-right: 10px; }
#main_params #memory { font-size: 9pt; color: #525254; font-weight: bold; margin: 6px 0px 2px 0px; }
#main_params #memory span { margin-right: 10px; }
#main_params #screen { font-size: 9pt; color: #525254; font-weight: bold; margin: 6px 0px 2px 0px; }
#main_params #screen span { margin-right: 10px; }
#main_params #camera { font-size: 8pt; color: #808080; font-weight: bold; margin: 6px 0px 2px 0px; }
#main_params #camera span { margin-right: 10px; }
#main_params #slots { font-size: 8pt; color: #808080; font-weight: bold; margin: 6px 0px 2px 0px; }
#main_params #slots span { margin-right: 10px; }
#main_params #comm { font-size: 8pt; color: #808080; font-weight: normal; margin: 6px 0px 2px 0px; }
#main_params #comm span { margin-right: 10px;  }
#main_params #phys { font-size: 8pt; color: #808080; font-weight: bold; margin: 6px 0px 2px 0px; }
#main_params #phys span { margin-right: 10px; }

#main_params #features { margin: 16px 0px 2px 0px; }
#main_params #features div { float:left; overflow: hidden; width: 30px; height: 30px; background-image: url("/img/dev_features.png"); background-repeat: no-repeat; }

#description p { font-size: 8pt; color: #525254; text-align: justify; }
#description strong { font-weight: normal; } 

/* Fullspecs */
#fullspecs { clear: both; margin-top: 10px; }
#fullspecs .open-all, #fullspecs .open-secondary, #fullspecs .close-all { 
	padding: 2px 0px 7px 30px; 
	cursor: pointer; 
	display: none;
	background: #ffffff url("/img/dev_details.png") no-repeat 10px 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #0973ba;
}
#fullspecs .group .name { padding: 5px 0px 5px 8px; background-color: #fafafa; color: #eb0e17; font-weight: bold; }
#fullspecs table { width: 100%; }
#fullspecs .imp1 * { font-size: 8pt; font-weight: bold; color: #303030; }
#fullspecs .imp2 * { font-size: 8pt; color: #525254; }
#fullspecs .imp3 * { font-size: 8pt; color: #808080; }
#fullspecs .label { width: 180px; vertical-align: top; padding-left: 5px; }
#fullspecs .label * { font-size: 8pt; font-weight: normal; color: #808080; }
#fullspecs .postfix span {  }
#fullspecs li { list-style-type: none; text-indent: -2px;  }
#fullspecs ul { margin: 0px; padding: 0px 0px 0px 10px; }

/* Sale panel */
#sale { position: absolute; top: 180px; left: 10px; border: solid 1px #d5d5d6; width: 160px; text-align: center; }
#sale #price { 
	font-size: 8pt; color: #808080; 
	height: 30px; padding: 10px 0px 5px 0px;
	background: #ffffff url("/img/dev_gradient_20.png") repeat-x bottom left;
}
#sale #price_rub { color: #eb0e17; font-size: 12pt; font-weight: bold; margin-bottom: 5px; }
#sale #buy, #sale #buy_online { 
	height: 20px; 
	border-top: solid 1px #d5d5d6; 
	background: #ffffff url("/img/dev_gradient_10.png") repeat-x bottom left;
}
#sale #buy a, #sale #buy_online a {
	display: block;
	font-size: 8pt; color: #eb0e17; font-weight: normal; text-transform: uppercase;
	margin: 4px auto 0px auto; 
}

/* Wizard Page */
#wizard #help { margin: 2px 0px 5px 0px; border: solid 1px #dddddd; padding: 0px 10px 0px 10px; }

#wizard .param { margin: 2px 0px 2px 0px; }
#wizard .param .label { display: block; float: left; width: 200px; font-weight: bold; color: #525254; margin-top: 5px; }
#wizard #categories_control { 
	display: none; 
	padding: 2px 0px 6px 20px; margin: 5px 0px 5px 0px;
	background: #ffffff url("/img/dev_arrow_right.png") no-repeat;
	height: 10px;
}
#wizard #ccontrol a {
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}
#wizard .categories { margin: 10px 0px 10px 0px; }
#wizard .vocabname { color: #525254; font-weight: bold; }
#wizard .vocabname li { font-weight: normal; }

#wizard input.submit { 
	color: #eb0e17; text-transform: uppercase; font-family: Verdana, helvetica, arial, sans-serif; font-size: 8pt;
	margin: 0px 0px 10px 30px;
	border: solid 1px #d5d5d6; height: 25px; width: 100px;
	background-color: #ffffff; background: #ffffff url("/img/dev_gradient_20.png") repeat-x bottom left;
}

/* Materials List Page */
.materials_list .item { position: relative; clear: both; margin: 20px 0px 5px 0px; padding: 5px 5px 5px 10px; }
.materials_list .item a.hover { vertical-align: top; text-decoration: none; }
.materials_list .item a.hover img { border: solid 1px #eeeeee; float: left; margin: 2px 10px 27px 0px; }
.materials_list .item a.hover .title { margin: 5px 0px 2px 10px; color: #eb0e17; font-weight: normal; font-size: 10pt; }
.materials_list .item .info { margin: 2px 0px 2px 160px; }

.materials_list .item #features { margin: 5px 0px 5px 0px; height: 30px; }
.materials_list .item #features div { float: left; overflow: hidden; width: 30px; height: 30px; background-image: url("/img/dev_features.png"); background-repeat: no-repeat; }

.materials_list .item #sale { position: absolute; top: 168px; left: 10px; margin: 0px; width: 140px; }
.materials_list .item #sale #price { height: 16px; padding: 5px 0px 5px 0px; }
.materials_list .item #sale #price img { margin: 0px 3px 0px 2px; }
.materials_list .item #sale #price_rub { display: inline; font-size: 10pt; margin: 0px 5px 0px 0px; }
.materials_list .item .label_new { position: absolute; top: 8px; left: 10px; width: 22px; height: 105px; background: transparent url("/img/dev_label_new.png") no-repeat top left;}
.materials_list .item .label_bestseller { position: absolute; top: 8px; left: 10px; width: 22px; height: 105px; background: transparent url("/img/dev_label_bestseller.png") no-repeat top left;}
.materials_list .item .label_discount { position: absolute; top: 8px; left: 10px; width: 22px; height: 105px; background: transparent url("/img/dev_label_discount.png") no-repeat top left;}


.materials_list #platform { margin: 4px 0px 2px 0px; }
.materials_list #platform span { margin-right: 10px; }
.materials_list #brand_type { margin: 2px 0px 2px 0px; }
.materials_list #brand_type span { margin-right: 10px; }
.materials_list #cpu { font-size: 8pt; color: #525254; font-weight: bold; margin: 5px 0px 2px 0px; }
.materials_list #cpu span { margin-right: 10px; }
.materials_list #memory { font-size: 8pt; color: #525254; font-weight: bold; margin: 2px 0px 2px 0px; }
.materials_list #memory span { margin-right: 10px; }
.materials_list #screen { font-size: 8pt; color: #525254; font-weight: normal; margin: 2px 0px 2px 0px; }
.materials_list #screen span { margin-right: 10px; }
.materials_list #camera { font-size: 8pt; color: #808080; font-weight: normal; margin: 2px 0px 2px 0px; }
.materials_list #camera span { margin-right: 10px; }
.materials_list #slots { font-size: 8pt; color: #808080; font-weight: normal; margin: 2px 0px 2px 0px; }
.materials_list #slots span { margin-right: 10px; }
.materials_list #comm { font-size: 8pt; color: #808080; font-weight: normal; margin: 2px 0px 2px 0px; }
.materials_list #comm span { margin-right: 10px;  }
.materials_list #phys { font-size: 8pt; color: #808080; font-weight: normal; margin: 2px 0px 2px 0px; }
.materials_list #phys span { margin-right: 10px; }


/* Compare dynamic panel */ 
/* #compare_list { display: none; } */
#panel_compare { position: fixed; top: 145px; left: 820px; z-index: 5; background-color: #ffffff; }
#block_compare #list, #panel_compare #empty { background-color: #f7f8f8; }
#panel_compare #empty { padding: 0px 5px 0px 10px; color: #97989a; }
#block_compare #list .item { background: url("/img/bullet_star2.png") no-repeat 3px 3px; padding: 1px 8px 1px 3px; font-weight: bold;  }
#block_compare #list .item .remove { float: right; cursor: pointer; font-size: 8pt; font-weight: normal; }
#block_compare #compare { font-weight: bold; }
#block_compare #source, #block_compare #actions { display: none; }
#block_compare #hand { display: none; }
#block_compare #tip { position: absolute; top: 32px; left: 0px; border: solid 1px #ffcc00; padding: 2px 5px 2px 5px; background-color: #ffffdd; display: none; }
#block_compare .head { cursor: move; }

#compare_check { float: right; font-size: 7pt; color: #58585a; text-align: center; text-indent: 0px; }
#compare_check input { text-indent: 0px; margin: 0px; padding: 0px; }

/* Compare Page */
.compare_container #sale { position: relative; top: 0px; left: 0px; }
.compare_container #fullspecs .group .name { cursor: auto; }
.compare_container td { vertical-align: top; text-align: left; }
.compare_container li { vertical-align: top; text-align: left; }
.compare_container td.label span { width: 160px; display: block; }
.compare_container #img_m img { border: none; }
.compare_container td.devname { font-size: 8pt; color: #bbbbbb; padding: 2px 2px 2px 2px; border-bottom: solid 1px #eeeeee; }

/* Treeview */
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul { background-color: white;	margin-top: 4px; }
.treeview .hitarea { background: url("/img/dev_treeview.png") -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px;	float: left; cursor: pointer; }

/* fix for IE6 */
* html .hitarea {	display: inline; float:none; }

.treeview li { margin: 0;	padding: 2px 0pt 1px 18px; }
.treeview li ul li { margin: 0;	padding: 0px 0px 0px 16px; }

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url("http://code.hpc.ru/js/treeview/images/treeview-default-line.gif") 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url("/img/dev_treeview.png"); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-red-line.gif"); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-red.gif"); } 

.treeview-black li { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-black-line.gif"); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-black.gif"); }  

.treeview-gray li { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-gray-line.gif"); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-gray.gif"); } 

.treeview-famfamfam li { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-famfamfam-line.gif"); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url("http://code.hpc.ru/js/treeview/images/treeview-famfamfam.gif"); }