html,body { margin:0; padding:0 }
body { font:normal 15px/22px Arial, Helvetica, sans-serif; color:#343434; text-align:center }
a { color:#ae4dc8; text-decoration:underline }
a:hover { color:#ff8400; text-decoration:underline }
a img { border:none }
p { margin:0 0 0.8em 0; padding:0 }
.spacer { height:1px; overflow:hidden; clear:both; display:block }
.clear {clear: both;}

ul { margin:0 0 1em 0; padding:0; list-style:none }
ul li { margin:0 0 8px 0; padding:0 0 0 32px; background:url(/assets/templates/rubin/i/li.gif) 8px 12px no-repeat }
ul li ul { margin-top:8px }
ul li ul li { padding:0 0 0 29px; font-size:13px; line-height:18px; background:url(/assets/templates/rubin/i/li2.gif) 12px 9px no-repeat  }
ul.small li { padding:0 0 0 29px; font-size:13px; line-height:18px; background:url(/assets/templates/rubin/i/li2.gif) 12px 9px no-repeat  }

ol { margin:0 0 1em 0; padding:0;}
ol li { margin:0 0 8px 35px; padding:0;}
ol li ul { margin-top:8px }
ol li ul li { padding:0 0 0 29px; font-size:13px; line-height:18px; background:url(/assets/templates/rubin/i/li2.gif) 12px 9px no-repeat  }
ol.small li { padding:0 0 0 29px; font-size:13px; line-height:18px; background:url(/assets/templates/rubin/i/li2.gif) 12px 9px no-repeat  }

.topBar { background:#f5f3ea; border:#efebdb 1px solid; height:28px }
.topBar .topBarInner { width:943px; text-align:left; margin:0 auto; height:28px }
.topBar .topBarInner .menu { float:left; line-height:27px; width:725px; font-size:11px; color:#5a5a5a }
.topBar .topBarInner .menu a { float:left; margin:0 24px 0 0; color:#5a5a5a }
.topBar .topBarInner .menu a:hover { color:#000 }
.topBar .topBarInner .menu strong { float:left; display:inline; height:28px; margin:0 0 0 -12px; padding:0 10px; background:#efebdb }
.topBar .topBarInner .menu strong a { float:none; margin:0 }
.topBar .topBarInner .lang { float:right; padding:6px 0 0 0 } /* width:132px;*/
.topBar .topBarInner .lang img { padding:2px; background:url(/assets/templates/rubin/i/flag.gif) 0 0 no-repeat; float:left; display:inline; margin:0 0 0 11px }

.header { width:1000px; height:152px; margin:0 auto; position:relative; text-align:left }
/* айдентика */
.header .logoRubin { position:absolute; top:8px; left:54px }
.header .logoRubinText { width:425px; height:52px; overflow:hidden; margin:0; padding:0; position:absolute; top:52px; left:297px }
.header .tel { position:absolute; top:26px; right:24px }

.mainMenu { height:43px; background:#ae4dc8 url(/assets/templates/rubin/i/mainmenu.png) 0 0 repeat-x }
.mainMenu ul { width:987px; padding:0 0 0 13px; margin:0 auto; height:43px; list-style:none }
.mainMenu ul li { float:left; height:43px; margin:0; padding:0; background:none }
.mainMenu ul li a { display:block; width:100%; height:43px; background:url(/assets/templates/rubin/i/menu.png) 0 0 no-repeat }
.mainMenu ul li strong { display:block; width:100%; height:43px; background:url(/assets/templates/rubin/i/menu.png) 0 0 no-repeat }

.mainMenu a { color:#ffffff; font-weight: bold;}
.mainMenu a:hover { color:#ff8400; font-weight: bold;}

.mainMenu ul li#tir { width:160px }
.mainMenu ul li#tir a { background-position:0 0 }
.mainMenu ul li#tir a:hover { background-position:0 -43px }
.mainMenu ul li#tir strong { background-position:0 -86px }

.mainMenu ul li#games { width:219px }
.mainMenu ul li#games a { background-position:-160px 0 }
.mainMenu ul li#games a:hover { background-position:-160px -43px }
.mainMenu ul li#games strong { background-position:-160px -86px }

.mainMenu ul li#weapon { width:192px }
.mainMenu ul li#weapon a { background-position:-379px 0 }
.mainMenu ul li#weapon a:hover { background-position:-379px -43px }
.mainMenu ul li#weapon strong { background-position:-379px -86px }

.mainMenu ul li#equip { width:244px }
.mainMenu ul li#equip a { background-position:-571px 0 }
.mainMenu ul li#equip a:hover { background-position:-571px -43px }
.mainMenu ul li#equip strong { background-position:-571px -86px }

.mainMenu ul li#doc { width:164px }
.mainMenu ul li#doc a { background-position:-812px 0 }
.mainMenu ul li#doc a:hover { background-position:-812px -43px }
.mainMenu ul li#doc strong { background-position:-812px -86px }


.middle { height:331px; background:#000 url(/assets/templates/rubin/i/middle.png) 0 0 repeat-x }
.middleInner { width:1000px; height:331px; margin:0 auto; position:relative; text-align:left }
.middle .image { position:absolute; left:520px; top:3px; width:402px; height:355px; background:url(/assets/templates/rubin/i/visual.png) 0 0 no-repeat; z-index: 3;
// background:none;
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/assets/templates/rubin/i/visual.png);
}
.middle .text { position:absolute; top:90px; left:0; z-index:2; width:599px; height:208px; background:url(/assets/templates/rubin/i/main_image.png) 0 0 no-repeat }

body.inside .middle { height:43px }
body.inside .middleInner { height:43px }

.subMenu { margin:0 0 0 20px; padding:0; list-style:none; height:43px; position:relative; z-index:3 }
.subMenu li { float:left; margin:0; padding:0; background:none; height:43px }
.subMenu li a,
.subMenu li strong { display:block; width:100%; height:43px; background:url(/assets/templates/rubin/i/menu.png) 0 0 no-repeat }

.subMenu a { color:#ffffff; font-weight: bold;}
.subMenu a:hover { color:#ff8400; font-weight: bold;}

.subMenu li#price { width:96px }
.subMenu li#price a { background-position:0 -129px }
.subMenu li#price a:hover { background-position:0 -172px }
.subMenu li#price strong { background-position:0 -215px }

.subMenu li#order { width:60px }
.subMenu li#order a { background-position:-96px -129px }
.subMenu li#order a:hover { background-position:-96px -172px }
.subMenu li#order strong { background-position:-96px -215px }

.subMenu li#news { width:76px }
.subMenu li#news a { background-position:-156px -129px }
.subMenu li#news a:hover { background-position:-156px -172px }
.subMenu li#news strong { background-position:-156px -215px }

.subMenu li#about { width:100px }
.subMenu li#about a { background-position:-232px -129px }
.subMenu li#about a:hover { background-position:-232px -172px }
.subMenu li#about strong { background-position:-232px -215px }

h1 { margin:0 0 20px 0; padding:0; overflow:hidden }
h2 { margin:0 0 14px 0; padding:0; overflow:hidden }

/* Нужно привести к унифицированному виду */
.content { width:1000px; margin:0 auto; text-align:left; _height:350px; min-height:350px }
.content .side { width:242px; float:left; padding:42px 0px 26px 29px }
.content .article { width:630px; float:left; padding:30px 60px 26px 30px }

#dealersListVip a {
	display: block;
	text-decoration:none;
	background-color:#f5f3ea;
	margin: 0px 0px 15px 0px;
	padding:6px 10px 10px 10px;
}
#dealersListVip a strong {color:#343434;}
#dealersListVip a em { font-size:11px; font-style:normal; color:#999999; margin-top: -5px; }
#dealersListVip a p { text-decoration:underline; }
#dealersListVip a:hover {padding:4px 8px 8px 8px; border:#ff8400 2px solid; }

.accent,
div.errors { margin:20px -17px 20px -17px; padding:10px 17px; background:#f5f3ea; line-height:18px }
.accent span { color:#666; font-size:11px }
.accent span a { color:#666 }
.accent span a:hover { color:#000 }
.hintsBox { margin-bottom:40px; zoom:1 }
.hintsBox p { float:left; width:187px; padding:0 30px 0 0; margin:0 }

.hintsBox2 { margin: 10px 40px 0 0px; zoom:1; float:right;}
.hintsBox2 p {width:200px; padding:0 0 25px 0; margin:0; }


.col1 { float:left; width:290px; padding:0 22px 0 0 }
.col2 { float:left; width:290px; padding:0 0 0 22px }

.newsAcrchiveLink { font-size:11px }

.footer { clear:both; border-top:#ebe9e2 1px solid }
.footer .footerInner { width:912px; padding:20px 59px 20px 29px; margin:0 auto; text-align:left }
.footer .copy { float:left; width:350px; font-size:13px; line-height:18px; color:#000; }
.footer .creators { float:right; width:206px }
.footer .creators p { margin:0 0 20px 0; padding:0 0 0 22px; font-size:11px; line-height:18px; color:#b5b5b5 }
.footer .creators p a { font-size:13px; color:#605c5b }
.footer .creators p a:hover { color:#000 }
.footer .creators .astra { background:url(/assets/templates/rubin/i/astra.gif) 3px 0 no-repeat }
.footer .creators .nikitakozin { background:url(/assets/templates/rubin/i/kozin.gif) 0 6px no-repeat }
.footer .counters { width:88px; margin:0; float:left }

.pathBar { padding:5px 0 0 32px; font-size:11px; color:#5a5a5a }
.pathBar a { color:#5a5a5a }
.pathBar a:hover { color:#000 }
.pathBar span { padding:0 7px }
.pathBar span.B_currentCrumb { font:bold 11px/22px Arial, Helvetica, sans-serif; color:#5a5a5a; margin:0; padding:0; display:inline }

.sidePhoto { margin:0 0 30px 0; position:relative; overflow:hidden; width:242px;}
.sidePhoto img { display:block; margin: 0 auto;}
.sidePhoto .t { width:242px; height:20px; background:url(/assets/templates/rubin/i/corners.png) 0 0 no-repeat; position:absolute; top:-10px; left:0;
// background:none;
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/assets/templates/rubin/i/corners.png);
}
.sidePhoto .b { width:242px; height:20px; background:url(/assets/templates/rubin/i/corners.png) 0 0 no-repeat; position:absolute; top:100%; left:0; margin:-10px 0 0 0;
// background:none;
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/assets/templates/rubin/i/corners.png);
}

.priceItem { margin:20px -17px 20px -17px; padding:13px 180px 13px 17px; background:#f5f3ea; position:relative; zoom:1; min-height:30px; _height:30px }
.priceItem .cost { display:block; width:84px; height:52px; padding:32px 0 0 0; text-align:center; font-size:11px; font-weight:normal; line-height:13px; color:#fff; background:url(/assets/templates/rubin/i/costs.gif) 0 0 no-repeat; position:absolute; top:-19px; right:17px }
.priceItem .cost b { font-size:15px; white-space:nowrap }
.priceItem .cost2 { background-position:0 -84px }

.priceItemList { margin-bottom:0; margin-top:0; border-bottom:#c8c5bf 1px solid }
.priceItemList .cost { background:none; color:#343434; top:-16px }
.nobrd { border:none }

.priceItemInfo { width:470px; margin:0 0 35px 0 }

ul.newsArchiveList li { padding:0; background:none; font-size:15px }
ul.newsArchiveList li ul li { margin:0 0 4px 0; padding:0 0 0 29px; font-size:13px; line-height:18px; color:#cccccc; background:url(/assets/templates/rubin/i/li2.gif) 12px 9px no-repeat  }
ul.newsArchiveList li ul li strong { color:#343434 }

.newsBox { font-size:13px; line-height:21px; margin:0 0 30px 0 }
.newsBox .title { font-size:15px; margin:0 0 7px 0 }
.newsBoxAccent { margin:0 -17px 30px -17px; padding:10px 17px; background:#f5f3ea; font-size:15px; line-height:22px }

.pages { height:47px; margin:0 0 20px -17px }
.pages strong { float:left; padding:0 17px; height:47px; line-height:45px; background:#f5f3ea; display:inline; margin:0 9px 0 0 }
.pages a { float:left; padding:0 8px; height:32px; font-weight:bold; line-height:30px; display:inline; margin:8px 5px 0 4px }
.pages a:hover { color:#fff; text-decoration:none; background:#ff8400 }

form.order { position:relative }
form.order p { margin:0 0 15px 0; _height:55px; min-height:55px; zoom:1 }
form.order .textInput { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#1a1a1a; padding:5px; background:#fff url(/assets/templates/rubin/i/input.gif) 0 0 repeat-x; border:#cf7cef 1px solid; width:345px }
form.order .textInput { position:relative; height:20px }
form.order  textarea.textInput { width:345px; height:80px; font-size:15px }
form.order	textarea#order_products {height:160px;}
form.order .textInput:focus { outline: none; margin:-1px -1px -1px 0; left:-1px; border:#ff8400 2px solid }
form.order .textInputFocus { margin:-1px -1px -1px 0; left:-1px; top:-1px; border:#ff8400 2px solid }
form.order textarea.textInput:focus { margin:-1px -1px 1px 0; left:-1px; border:#ff8400 2px solid }
form.order input.required, form.order input.invalid { margin:-1px -1px -1px 0; left:-1px; top:-1px; border:#ff2200 2px solid }
form.order textarea.required { margin:-1px -1px 1px 0; left:-1px; border:#ff2200 2px solid }

form.order .accent { zoom:1 }
form.order label { font-size:11px; color:#666; line-height:18px }
form.order p.hint { position:absolute; margin:12px 0 0 388px; width:150px }

.newsIndexBox { margin:0 -60px 0 0 }
.newsIndexBox .col { float:left; width:290px; padding:0 50px 0 0 }

/* Оформление каталогов */
.item {margin-left: -268px; width: 888px; margin-bottom: 2.5em;}
.item p.ww {margin-left: 268px;}
.item .sidePhoto {float: left; margin-right: 26px;}
.item .itemText {margin-left: 268px; width: 610px;}