* { font-family:  "Arial", sans-serif }
a img { border: none }

a:hover {color: #ff3300;}
a.yeshover {text-decoration:none;}
a.yeshover:hover {text-decoration:underline;}
a.nohover:hover {color: #0481dd; cursor:default;}

.artlist a:visited {color: #660099 !important; }

div.twophone
{
	font-size:70%; 
	color: #bfe0f9;
}

div.printlogo
{
	height: 35px;
	width: 308px;
	background: url(/images/header/logo_igromagazin_print.jpg) no-repeat left top;
}

#logo_print
{
	display:none;
}

#logo_preview
{
	display:block;
}

div.print_btn_block
{
	width:100%;
	text-align:center;
	display:block;
}

div.clear, div.clear_left, div.clear_right {
 clear: both;
 line-height: 0;
 height: 0;
 font-size: 0;
 margin: 0;
 padding: 0;
}
div.clear_left { clear: left }
div.clear_right { clear: right }

.black { color: black }
.bold { font-weight: bold }

p {
 margin: 0;
 padding: 0 0 10px 0;
 font-size: 90%;
}
/*
p.date {
 padding-left: 15px;
 line-height: 10px;
 color: #999;
 background: url(/images/icons/clock.gif) no-repeat left top;
}
*/

p.date {
 padding-left: 15px;
 line-height: 10px;
 color: #ff7301;
 font-weight: bold;
 background: url(/images/icons/clock.gif) no-repeat left top;
}

a { color: #0481dd }
a.off_link { text-decoration: none; } 
a.off_link:hover {color: #ff3300; text-decoration: underline;}

h3, h4, h5 {
 margin: 0;
 padding: 0 0 10px 0;
 font-size: 100%;
}

h3 { font-size: 110% }

h5 {
 padding-left: 10px;
 background: url(/images/icons/blue_dot.gif) no-repeat left 6px;
}

.hr {
 border: none;
 height: 1px;
 line-height: 1px;
 font-size: 0;
 margin: 0;
 padding: 0 0 12px 0;
 background:  url(/images/hr.png) repeat-x left top;
}

/* H2 */

h1
{
	color: #666 !important;
}

h2 {
 margin: 0 0 0 -15px;
 padding: 0 0 13px 15px;
 font-size: 150%;
 font-weight: normal;
 background: url(/images/icons/gray_arrow.gif) no-repeat left 8px;
 color: #666;
}

h2.gr {
 position: relative;
 z-index: 25000;
 top: 0;
 left: 0;
 height: 18px;
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
 background: none;
}

h2 * {
 position: absolute;
 z-index: 35000;
 top: -30px;
 left: -13px;
 display: block;
 font-size: 0;
 line-height: 0;
 height: 35px;
}

h2.catalog * { width: 187px; background: url(/images/boxes/titles/catalog.png) }
h2.news * { width: 137px; background: url(/images/boxes/titles/news.png) }
h2.novelties * { width: 187px; background: url(/images/boxes/titles/novelties.png) }
h2.popular * { width: 187px; background: url(/images/boxes/titles/popular.png) !important; }
h2.recalls * { width: 157px; background: url(/images/boxes/titles/recalls.png) }
h2.tgoods * { width: 137px; background: url(/images/boxes/titles/tgoods.png) }


/* BODY */



.docbody {
 padding: 0 10px;
 margin: 0 auto;
 min-width: 1200px; /* 970px */
 max-width: 1250px;
 /*
 width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 990 ? "970px" : ((document.documentElement.clientWidth || document.body.clientWidth) > 1270 ? "1250px" : "auto"));
 */
 width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 990 ? "1250px" : ((document.documentElement.clientWidth || document.body.clientWidth) > 1270 ? "1250px" : "auto"));
}

body {
 margin: 0;
 padding: 0;
 color: /*#666 */ black;
 font-size: 9pt;
 background: white url(/images/page_background.png) repeat-x top left;
 
 width: expression( (screen.width < 1280 && (document.documentElement.clientWidth || document.body.clientWidth) < 990) ? "1250px" : "100%" );
 
 /*
 width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 990 ? "990px" : ((document.documentElement.clientWidth || document.body.clientWidth) > 1270 ? "1270px" : "auto"));
 */
}



/* COLUMNS */



.col_left { float: left; width: 248px; position: relative; border: 0px solid blue;  }
.col_center { margin: 0 214px 0 258px; position: relative; border: 0px solid green; } 
/*.col_center {width: expression((document.documentElement.clientWidth || document.body.clientWidth) - 214 - 258 - 20); } */
.col_center2 { margin: 0 0px 0 258px; position: relative; }
.col_right { float: right; width: 204px; position: relative; border: 0px solid black;}

* html .col_left { height: 1% }
* html .col_center { height: 1%; margin: 0 211px 0 255px } 
* html .col_center2 { height: 1%; margin: 0 0px 0 255px }
* html .col_right { height: 1% }

.list_50p {
 width: 100%;
 overflow: hidden;
}

.list_50p .left { float: left }
.list_50p .right { float: right }
.list_50p ul {
 height: 1%;
 width: 49.8%;
 list-style: none;
 margin: 0;
 padding: 0 0 20px 0;
}


.list_50p .left li {
 margin: 0;
 padding: 15px 8px 0 13px;
 background: url(/images/icons/blue_dot.gif) no-repeat left 21px;
}

.list_50p .right li {
 margin: 0;
 padding: 15px 0 0 18px;
 background: url(/images/icons/blue_dot.gif) no-repeat 8px 21px;
}


.allnovelties a { padding-left: 4px } 
.allnovelties a:hover { color: #ff3300; }
.allnovelties {
 z-index: 50000;
 position: relative;
 float: right;
 font-size: 90%;
 color: #0481dd;
 margin-top: -4px;
 padding-right: 5px;
}

.getprice {
 padding: 5px 10px 20px 0;
 text-align: center;
}



/* HEADER */



.header { position: relative }
div.hdr_clear { height: 15px }

/*
.header, .header a, .header a:hover { color: white; }
*/

.header, .header a { color: white; }

.header a:hover { color: ff3300; }

div.hdr_l { float: left; width: 263px }
div.hdr_c { margin: 0 234px 0 273px }


.header .logo img { display: block }
.header .logo {
 display: block;
 margin: 35px 0 0 20px;
 height: 35px;
}


.header .phones {
 position: relative;
 margin: 0 0 0 87px;
 font-size: 190%;
 font-weight: bold;
}

.header .phones span {
 position: absolute;
 right: 178px;
 font-size: 65%;
 color: #bfe0f9;
}


* html .header .main_menu { margin-right: -6px }
.header .main_menu {
 list-style: none;
 margin: 0;
 padding: 184px 0 0 22px;
 height: 25px;
 background: #2c9aef url(/images/header/menu/corner.png) no-repeat left bottom;
}

.header .main_menu li {
 float: left;
 margin: 0;
 padding: 0 12px;
 background: url(/images/header/menu/separator.png) no-repeat right center;
}

.header .main_menu li.last { background: none; padding-right: 0 }
.header .main_menu img { display: block }
.header .main_menu a {
 display: block;
 padding: 3px 0;
}


.header .ccont .wrapper {
 background: url(/images/header/corner_tl.png) no-repeat left top;
}

.header .ccont {
 position: absolute;
 top: 30px;
 left: 10px;
 width: 100%;
 height: 148px;
 padding: 0;
 background: white url(/images/header/corner_bl.png) no-repeat left bottom;
}

.header .ccont .textcont { padding: 10px 215px 0 0 }

.header .ccont a { color: #0481dd }
.header .ccont p {
 font-size: 100%;
 color: #666;
 padding: 0 0 10px 20px;
}

.header .ccont .kid {
 position: absolute;
 width: 209px;
 height: 178px;
 top: -30px;
 right: 0;
 background: url(/images/header/kid.jpg) no-repeat top left;
}

.header .ccont .lnk {
 text-align: center;
 padding-right: 30px;
 color: #0481dd;
}

.lnk a:hover { color: #ff3300; }

div.hdr_r {
 float: right;
 margin-top: 48px;
 width: 210px;
 padding: 0 0 0 40px;
 background: url(/images/header/cart/background.png) repeat-x top left;
}

* html div.hdr_r { width: 210px; padding-left: 15px }
*:first-child+html div.hdr_r { width: 210px; padding-left: 15px }


.cart_h p { font-size: 100%; padding-bottom: 15px }
.cart_h {
 background: url(/images/header/cart/corner_br.png) no-repeat bottom right;
}

.cart_h .wrapper {
 padding: 11px 0 0 15px;
 height: 107px;
 background: url(/images/header/cart/corner_tr.png) no-repeat top right;
}

.cart_bt a { padding: 0 10px }
.cart_bt {
 padding: 19px 0 0 5px;
}

.urcart img { display: block }
.urcart {
 display: block;
 padding: 0 0 15px 21px;
 width: 1%;
 background: url(/images/icons/cart_white.gif) no-repeat left 3px;
}




.search {
 display: block;
 margin: 0;
 padding: 48px 0 0 12px;
 background: url(/images/header/searchform/title.png) no-repeat 25px 35px;
}

.search .text {
 margin: 1px 12px 1px 0;
 padding: 4px 5px;
 width: 149px;
 height: 14px;
 line-height: 14px;
 border: none;
 background:  url(/images/header/searchform/text.png);
 background-repeat : no-repeat;
 background-attachment : fixed;
 background-position : left;
}

.search .textdiv {
 margin: 1px 12px 1px 0;
 /* padding: 4px 5px; */
 
 border: none;
 background:  url(/images/header/searchform/text.png);
 background-repeat : no-repeat;
 background-position : left;
}


.search .submit {
 margin: 0;
 padding: 0;
 width: 52px;
 height: 24px;
 color: white;
 font-weight: bold;
 cursor: pointer;
 border: none;
 background:  url(/images/header/searchform/submit.png);
}

.submit:hover {
 margin: 0;
 padding: 0;
 width: 52px;
 height: 24px;
 color: white;
 font-weight: bold;
 cursor: pointer;
 border: none;
 background:  url(/images/header/searchform/submit_clk.png);
}

.submit_card {
 margin: 0;
 padding: 0 3px 0 18px;
 width: 66px;
 height: 19px;
 color: black;
 font-weight: bold;
 font-size: 8px;
 font-family: sans-serif;
 cursor: pointer;
 border: none; /*1px solid red; */
 text-align:left;
 background:  url(/images/buttons/tcart.gif);
}

.submit_card:hover {
 margin: 0;
 padding: 0 3px 0 18px;
 width: 66px;
 height: 19px;
 color: black;
 font-weight: bold;
 font-size: 8px;
 font-family: sans-serif; 
 cursor: pointer;
 border: none; /* 1px solid green; */
 text-align:left;
 background:  url(/images/buttons/tcart_on.gif);
}

.submit_card_blank {
 margin: 0;
 padding: 0 3px 0 18px;
 width: 66px;
 height: 19px;
 color: black;
 font-weight: bold;
 font-size: 8px;
 font-family: sans-serif;
 cursor: pointer;
 border: none; /*1px solid red; */
 text-align:left;
 background:  url(/images/buttons/blank_tcart.gif);
}

.submit_card_blank:hover {
 margin: 0;
 padding: 0 3px 0 18px;
 width: 66px;
 height: 19px;
 color: black;
 font-weight: bold;
 font-size: 8px;
 font-family: sans-serif; 
 cursor: pointer;
 border: none; /* 1px solid green; */
 text-align:left;
 background:  url(/images/buttons/blank_tcart_on.gif);
}

/* BOXES */


.box {
 position: relative;
 background: white;
 border-bottom: 20px solid white;
 padding: 5px;
}

.bluecrn {
 position: absolute;
 z-index: 100000;
 width: 100%;
 height: 11px;
 font-size: 0;
 background: url(/images/boxes/corners_o/blue/r.gif) no-repeat right top;
}

.bluecrn i {
 display: block;
 width: 11px;
 height: 11px;
 font-size: 0;
 background: url(/images/boxes/corners_o/blue/l.gif) no-repeat left top;
}

.box .wrapper {
 
 padding: 25px 20px 15px 20px;
 background: white;
}

.box .crn_top,
.box .crn_bottom {
 position: absolute;
 z-index: 1000;
 width: 100%;
 left: 0;
 margin-top: -5px;
 height: 14px;
 font-size: 0;
 border:0px solid red;
}

.box .crn_bottom { margin-top: -9px }
* html .box .crn_top { left: -5px; padding-right: 10px }
* html .box .crn_bottom { left: -5px; padding-right: 10px }

.box .crn_top i,
.box .crn_bottom i {
 display: block;
 width: 14px;
 height: 14px;
 font-size: 0;
}

.border_blue { background: #f0f9fe }
.border_blue .crn_top i { background: url(/images/boxes/corners/blue/tl.png) no-repeat left top }
.border_blue .crn_top { background: url(/images/boxes/corners/blue/tr.png) no-repeat right top }
.border_blue .crn_bottom i { background: url(/images/boxes/corners/blue/bl.png) no-repeat left top }
.border_blue .crn_bottom { background: url(/images/boxes/corners/blue/br.png) no-repeat right top }

.border_red { background: #fff7ee }
.border_red .crn_top i { background: url(/images/boxes/corners/red/tl.png) no-repeat left top }
.border_red .crn_top { background: url(/images/boxes/corners/red/tr.png) no-repeat right top }
.border_red .crn_bottom i { background: url(/images/boxes/corners/red/bl.png) no-repeat left top }
.border_red .crn_bottom { background: url(/images/boxes/corners/red/br.png) no-repeat right top }

/* DYNMENU */


.dynmenu, .dynmenu li ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.dynmenu li ul { display: none }
.dynmenu li ul.active { display: block }

.dynmenu a {
 color: #ff3300;
 text-decoration: none;
 cursor: pointer;
}
.dynmenu a:hover {text-decoration: underline; color: #0481dd;}
.dynmenu a.act {
 color: #333;
 text-decoration: none;
 cursor: pointer;
}

.dynmenu li { margin: 0; padding: 0 0 2px 0; list-style: none; }
.dynmenu li ul li { margin: 0; padding: 2px 0 2px 13px; border:0px solid green; list-style: none; } 
/* .dynmenu li ul li { margin: 0; padding: 10px 0 5px 13px; border:0px solid green; list-style: none; }  */
/* .dynmenu li ul li { margin: 0; padding: 1px 0 1px 13px; border:0px solid green; } */

.dynmenu a, .dynmenu span { padding-left: 13px }
.dynmenu span.num { padding-left: 0px; background: none; color:gray; float:right;}
.dynmenu span { color: #333 }

.dynmenu a { background: url(/images/icons/red_arrow.gif) no-repeat left 4px; display:block; }
.dynmenu a.act { background: url(/images/icons/gray_arrow.gif) no-repeat left 4px; display:block; }
.dynmenu ul a { background: url(/images/icons/red_o.gif) no-repeat 4px 5px; display:block; }
.dynmenu ul a.act { background: url(/images/icons/gray_o.gif) no-repeat 4px 5px; display:block; }
.dynmenu span { background: url(/images/icons/gray_arrow.gif) no-repeat left 4px; display:block; }
.dynmenu ul span { background: url(/images/icons/gray_o.gif) no-repeat 4px 5px; display:block; }



/* ARTLIST ARTICLE */

.box div.artlist { padding: 17px 12px 7px 12px }
.artlist h2.gr * { top: -22px; left: -5px }

.article .price span { font-size: 110%; color: #666b6e }
.article .price span.old {
 display: block;
 height: 1.2em; 
 line-height: 1.2em;
 font-size: 120%;/* 165% */
 text-decoration: line-through;
}

.article h3 { padding-bottom: 14px }
.article .price strong { font-weight: normal; font-size: 165%; color: #ff7301 }
.price strong.red-price { color: red }
.article .tcart { padding-left: 5px; cursor:pointer; }
.article .tcart img { margin-bottom: -3px }
.article .tcart img { padding-top: 4px }
.pic16 .pic { display: block; margin-bottom: 16px; margin-top: 5px }
.red-price .price strong { color: red }
table.col3 {position:relative; border: 0px solid red; }
table.col3 td { width: 33%; overflow:hidden; }

/* for newest list */
.sm_offer_card { 
	width: 33%; 
	float:right; 
	display:block; 
	min-width:100px;
	z-index:55000;
	border:1px solid #eeeeee; 
}

.col_center2 .col3 td { width: 25% !important }
.artlist table {
 margin: 0;
 padding: 0;
 width: 100%;
 border-collapse: collapse;
}

.artlist td {
 margin: 0;
 padding: 12px 8px 8px 8px;
 border: 0;
 vertical-align: bottom;
}

.artlist tr.rev td { vertical-align: top; padding-bottom: 0 }
.artlist tr.price td { padding-top: 0 }

.artlist tr.border { background: url(/images/hr.png) repeat-x left bottom }
.artlist tr.border_emp { background: none; }

/* FOOTER */

#footer-br {
 border-top: 2px solid #caeafb;
 border-bottom: 13px solid #f1f9fe;
 height: 0;
 line-height: 0;
 font-size: 0;
}

.footer p { font-size: 100%; padding: 3px 0 }
.footer p a { color: #ff6c0c }

.footer .col_center { margin-right: 0 }

.footer .col_center .lnk span { padding: 0 10px }
.footer .col_center .lnk { padding-bottom: 20px }

.footer .col_center .wrapper { padding: 25px 40px }
.footer .col_left .wrapper { padding: 45px 0 0 22px }

.footer .col_left .container { float: left; height: 1%; padding: 0 12px 5px 0 }

.footer .col_right { background: url(/images/abc.jpg) no-repeat right top; height: 70px; width: 110px }

.icqicon { position: relative; width: 1px; padding-right: 20px }
.icqicon img { position: absolute; top: -2px; left: 0; width: 18px; height: 18px }
* html .icqicon img { top: 2px }
*:first-child+html .icqicon img { top: 2px }



.str_nav {padding: 0px 0px 25px 20px; font: normal 9pt Arial}
.str_nav a {margin: 0px 2px}
.str_nav strong {padding: 0px 2px}
/* .in2_r {padding: 0px 50px 0px 65px !important; text-align: center; vertical-align: middle !important;} */
.in2_r {padding: 0px 50px 0px 45px !important; text-align: center; vertical-align: middle !important;}
.in2_r table {border-collapse: collapse !important}
.in2_r table td {background: #e6f4fd; padding: 0px; margin: 0px; font: normal 1pt/1pt Arial}
.in2_r table td img {margin-bottom: -1px}
.txt {text-align: left; color: #000000}
.txt2 {font: normal 16pt Arial; padding: 15px 40px 12px 15px; color: #666666; text-align: left}
.txt2 strong {font: normal 16pt Arial; color: #ff0000; background: url(/images/buttons/tcart2.gif) 0% 2px no-repeat; padding: 0px 7px 0px 8px !important}
.txt2 span {padding: 0px 3px; text-decoration: line-through;font-size:80%;}
/* .txt2 img {margin-bottom: -5px; position: relative} */
.txt2 img {cursor:pointer;}
.txt3 {padding:15px 20px 20px 20px; background: url(/images/bg.gif) 0% 100% repeat-x; margin: 0px 10px}
.txt3p {font-size:100%; padding:15px 20px 20px 20px; background: url(/images/bg.gif) 0% 100% repeat-x; margin: 0px 10px}
.txt4 {padding:15px 20px 20px 20px; margin: 0px 10px}
.in2_l {padding-left: 20px !important;}
.in2_r small {color: #000000; display: block; text-align: left; padding-left: 20px}
.in2_r small {font: normal 9pt Arial}
.in2 {width: 100%}
.in2 td {padding-bottom: 0px}
.sagl {font: bold 11pt Arial; padding-bottom: 10px}
.otsiv {padding: 0px 50px 0px 25px}
.ots {font: normal 13.5pt Arial; color: #ff7301; padding: 0px 0px 10px 22px}
.bl1, .bl2 {padding: 18px 25px 21px 22px}
.tops {padding-bottom: 15px}
.tops a {font: bold 9pt Arial; color: #666666; margin-right: 20px; text-decoration:underline;}
.bl1 {background: #fafafa}
.ost_ots {background: #e2f3fd; margin-left: 25px}
.formas div {font: normal 16.5pt Arial; color: #ff7301; padding: 0px 50px 15px 50px}
.ost_ots td {padding: 0px 25px}
.st1 td {padding: 15px 25px}
.st1 .cols_1 {padding-right: 0px !important; width: 60px; text-align: left}
.ost_ots input, .ost_ots textarea {border-left: solid 1px #6d6d6d; border-top: solid 1px #6d6d6d; font: normal 9pt Arial}
.ost_ots input {width: 300px}
.ost_ots textarea {width: 510px; height: 80px}
.but_10 {cursor:pointer; border: none !important; background: url(/images/but.gif) 0% 0% no-repeat; width: 110px !important; height: 24px}
.st2 td {padding-right: 95px}
.st3 td {padding-top: 12px; padding-bottom: 10px}
.formas {padding: 30px  0px 35px 0px}
.col_center2 .artlist h2 {color: #0d65a6; background: url(/images/h2.gif) 2px 8px no-repeat; margin-left: 10px; font-size: 200%; } 
.k1 {width: 9px; height: 9px; background: url(/images/bor1.gif) 0% 0% no-repeat !important; padding: 0px !important}
.k2 {width: 9px; height: 9px; background: url(/images/bor2.gif) 0% 0% no-repeat !important}
.k3 {width: 9px; height: 9px; background: url(/images/bor3.gif) 0% 0% no-repeat !important}
.k4 {width: 9px; height: 9px; background: url(/images/bor4.gif) 0% 0% no-repeat !important}
.k_cent {font: normal 9pt Arial !important; padding: 10px !important}
.txt2 table td {background: none !important; font: normal 16pt Arial; padding: 0px !important; vertical-align: middle}