img, div, td {
    behavior: url("http://sportkult.ru/css/pngfix/iepngfix.htc")
}

html, body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
    background: #ffffff;
    font: 11px Tahoma;
}

/* ------------------------- */
/* СТРУКТУРА                 */
/* ------------------------- */
#outer-wrapper {
    width: 100%;
    min-width: 980px;
    min-height: 100%;
    height: 100%;
    _width: expression(document.body.clientWidth > 980 ? "100%" : "980px");
}

#wrapper {
    margin-bottom: -70px;
    min-height: 100%;
    _height: 100%;
}

#header {
    height: 121px;
    background: url("../images/bg_header.gif") repeat-x;
    position: relative;
}

#main {
    padding-top: 10px;
    overflow: hidden;
    _zoom: 1;
}

#sidebar {
    width: 200px !important;
    float: left;
}

#content {
    margin-left: 220px;
    margin-right: 190px;
    _zoom: 1;
}

#context {
    width: 180px;
    float: right;
}

#clearing {
    height: 70px;
    clear: both;   
}

#footer {
    height: 70px;
    background: url("../images/bg_header.gif") repeat-x bottom;
}

/* ------------------------- */
/* ГЛОБАЛЬНЫЕ                */
/* ------------------------- */
form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

a {
    color: #ed1c24;
    text-decoration: none;
}

a.bold {
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

h1 {
    margin-top: 10px;
    font: 22px Tahoma;
}

h2 {
    margin-top: 0px;
    font: 16px Tahoma;
    font-weight: bold;
}


/* ------------------------- */
/* HEADER                    */
/* ------------------------- */
#header-logo {
    width: 300px;
    float: left;
    text-align: left;
    padding-left: 40px;
    font-size: 12px;
    color: #ed1c24;
    padding-top: 4px;
    font-weight: bold;
}

#header-menu {
    margin-left: 325px;
    padding-top: 52px;
}

/* логотип */
#header-logo img {
    border: none;
}

#header-logo img.logo {
    position: absolute;
    top: 30px;
    left: 15px;
}

/* главное меню */
#main-menu {
    margin-left: 20px;
    background: url("../images/bg_top_menu.gif") repeat-x 0px 0px;
    _zoom: 1;
}

#main-menu ul {
    margin-left: -20px;
    margin-top: 0px;
    padding-left: 7px;
    list-style: none;
    background: url("../images/bg_top_menu_left.gif") no-repeat left top;  
    color: #fdf000;
    font: 11px Verdana;
    font-weight: bold;
    height: 37px;
    overflow: hidden;
    _margin-left: 0px;
}

#main-menu li {
    float: left;
    height: 29px;
    margin-top: 6px;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    text-transform: uppercase;
}


#main-menu a {
    display: block;
    float: left;
    background: url("../images/menu_top_icon.gif") no-repeat 3px 6px;
    height: 25px;
    padding-left: 15px;
    margin-left: 0px;
    color: #000;
    text-decoration: none;
}

#main-menu a div {
    padding-top: 5px;
    padding-right: 13px;
    padding-left: 5px;
    cursor: pointer;
}

#main-menu a:hover {
    background: url("../images/menu_top_icon_push1.gif") no-repeat 0px 0px;
    color: #f00;
}

#main-menu a:hover div {
    background: #ffffff url("../images/menu_top_icon_push_right.gif") no-repeat right top;
    height: 20px;
    float: left;
    overflow: hidden;
}

/* пользовательское меню */
#user {
    right: 230px;
    top: 15px;
    position: absolute;
}

#user form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#user .text {
    border: none;
    background: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding-top: 3px;
    font: 11px Tahoma;
    font-weight: bold;
    width: 100%;
	line-height:20px;
}

#user dl {
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

#user dt {
    float: left;
    padding-top: 2px;
    margin-right: 15px;
}

#user dd {
    float: left;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-right: 5px;
}

#user dd.field {
    background: url("../images/bg_input_text.gif") no-repeat;
    width: 90px;    
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
}

/* корзина */
#cart {
    right: 10px;
    width: 210px;
    top: 15px;
    position: absolute;
}
#cart dl {
    padding: 0px;
    margin: 0px;
}
#cart dt {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#cart dd {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-left: 5px;
    padding-top: 2px;
}

/* Фильтры */
#filters {
    position: absolute;
    right: 160px;
    top: 96px;
    font-weight: bold;
    color: #000000;
	margin-right:30px;
}

#filters dl {
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

#filters dt {
    float: left;
    padding: 0px 0px 0px 0px;
    margin-right: 10px;
    padding-top: 2px;
}

#filters dd {
    float: left;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-right: 5px;
    padding-top: 0px;
}


#filters select {
    border: yellow 1px solid;
    background: #f8f400;
    font: 11px Tahoma;
    font-weight: bold;
    width: 100px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#filters a {
    color: #ed1c24;
    font-size: 11px;
    text-decoration: none;
}

/* поиск */
#search {
    position: absolute;
    right: 10px;
    top: 95px;
}

#search .text {
    border: none;
    background: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding-top: 1px;
    width: 100%;
    font: 11px Tahoma;
	line-height:20px;
    font-weight: bold;
    color: #000;
}

#search dl {
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

#search dt {
    float: left;
    padding-top: 2px;
    margin-right: 15px;
}

#search dd {
    float: left;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-right: 5px;
}

#search dd.field {
    background: url("../images/bg_input_text_search.gif") no-repeat;
    width: 120px;    
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
}



/* ------------------------- */
/* SIDEBAR                   */
/* ------------------------- */

/* меню */
#sidebar-menu {
    background: #cecece url("../images/sidebar_menu_right.gif") repeat-y right;
}

#sidebar-menu div.bg {
    background: url("../images/sidebar_menu_bottom.gif") no-repeat bottom right;
    padding-bottom: 15px;
}

#sidebar-menu div.bg div.content {
    background: url("../images/sidebar_menu_top.gif") no-repeat top right;
    padding-top: 15px;
    padding-right: 3px;
}


/*
#sidebar-menu div {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 3px;
}

#sidebar-menu div {
    padding-left: 15px;
    margin-top: 3px;
    color: #ffffff;
}

#sidebar-menu li {
    padding-left: 15px;
    margin-top: 3px;
    color: #ffffff;
}
*/

#sidebar-menu div.top {
    padding-left: 25px !important;
    color: #343434;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;  
   background: url("../images/sidebar_menu_item_top.gif") no-repeat top right;

	height:35px;
}
	 
#sidebar-menu div.middle {
    padding-left: 15px;
    font-size: 13px;
    
	background-color:#f1f1f1;
	border-top: dotted 1px #adadad;
	color:#000;
}
#sidebar-menu div.middle:hover {
	background-color:#fff;
}

#sidebar-menu div.middle:hover a{
	color:#f00;
}

#sidebar-menu div.middle a{
	padding:5px 0;
	display:block;
}



#sidebar-menu div.sub {
    padding-left: 40px;
    font-size: 11px;
    padding-bottom: 3px;
}

#sidebar-menu div.sel {
    font-weight: bold;
}

#sidebar-menu  a {
    color: #000;
    text-decoration: none;
	display:block;
}

#sidebar-menu div.top a {
    color: #343434;
	vertical-align:middle;
	position:relative;
	top:7px;
	text-shadow: 0 1px #F3F3F3;
}
#sidebar-menu div.top a:hover{
	color: #f00;
	}

	

.contactsBlock {
    width: 180px;
	margin-left:20px;
	margin-bottom:10px;
}
.contactsBlock .up{width:180px;height:19px;background:url('/images/block_1_up.png') no-repeat}
.contactsBlock .down{width:180px;height:19px;background:url('/images/block_1_down.png') no-repeat}
.contactsBlock .center{width:180px;height:auto;background:url('/images/block_1_center.png') repeat-y}

.contactsBlock .center .text {
    margin: 0 15px;
    position: relative;
    top: -5px;
    width: 150px;
}

.contactsBlock .center .text h1 {
    color: #FF0000;
    font: 36px Arial,Helvetica,sans-serif;
    margin: 0 0 -8px;
    padding: 0;
    position: relative;
    top: -8px;
}

.contactsBlock .center .text .line {
    color: #CCCCCC;
    display: block;
    margin: 8px 0;
    width: 150px;
	background: none repeat scroll 0 0 #E8E8E9;
    height: 1px;
}

.contactsBlock .center .text .icq {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background: url("http://web.icq.com/whitepages/online?icq=335325&img=5") no-repeat scroll 0 50% transparent;
    color: #292929;
    display: block !important;
    font: 18px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 8px 0 22px;
    vertical-align: top;
}

.contactsBlock h2 {
	color: #000000;
    font: 17.5px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

.contactsBlock .center .text .skype {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background: url("/images/skype.png") no-repeat scroll 0 50% transparent;
    color: #000000;
    display: block !important;
    font: 18px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 0 22px !important;
    position: relative;
    top: 5px;
    vertical-align: top;
}	
	
/* ------------------------- */
/* CONTEXT                   */
/* ------------------------- */

#context-menu {
    background: #ffffff url("../images/context_menu_bg.gif") repeat-y left;
}

#context-menu div.bg {
    background: url("../images/context_menu_top.gif") no-repeat top left;
}

#context-menu div.content {
    text-align: center;
    background: url("../images/context_menu_bottom.gif") no-repeat bottom left;    
}
#context-menu div.content img {
    margin: 7px 7px 7px 7px;
}

#context-hot { margin-top: 10px; background: url("../images/context_hot_bg.gif") repeat-y left; }
#context-hot div.bg { background: url("../images/context_hot_top.gif") no-repeat top left; }
#context-hot div.content {
    background: url("../images/context_hot_bottom.gif") no-repeat bottom left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

/* Товар */
.goods-context {
    background: url("../images/bg_goods_context.gif") no-repeat;
    width: 152px;
    height: 172px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
}

.goods-context a {
    color: red;
    text-decoration: none;
}

/* ------------------------- */
/* CONTENT                   */
/* ------------------------- */

#nav {
    font: 13px Tahoma;
    font-weight: bold;
    color: #505050;
    margin-bottom: 10px;
}

#nav a {
    color: #505050;
    text-decoration: none;
}

#nav a:hover {
    text-decoration: underline;
}

/* товар */
ul.goods-list {
    padding:12px;
    margin: 0px 0px 0px 0px;
    padding:0;
    margin-bottom: 10px;
    margin-right: -20px;
    list-style-type:none;
    list-style-image: none;
    font-size:0;/*eliminate the extra white-space between .item-list*/
}

ul.goods-list li{
    width:190px;
    height: 190px;
    margin: 0px 0px 0px 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align:left;
    vertical-align:text-top;
    font-size:medium;
    display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/
    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    _overflow:hidden;/*fix IE6 to expanded content*/
    zoom:1;/*trigger hasLayout*/
    *display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}


div.goods {
    width: 190px;
    height: 190px;
    background: url("../images/bg_goods.gif") no-repeat;
    position: relative;
}

div.goods-hot {
    width: 190px;
    height: 190px;
    background: url("../images/bg_goods_hit.gif") no-repeat;
    position: relative;
}

.name a {
    color: #ed1c24;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
div.brand {
    width: 50px;
    padding-left: 7px;
    padding-top: 7px;
    height: 50px;
    float: left;    
}

div.name {
    margin-left: 60px;
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 5px;
    font-size: 11px;
}

div.price {
    color: red;
    font-size: 14px;
    text-align: right;
    padding-right: 15px;
    padding-top: 5px;
    font-weight: bold;
    height: 25px;
}

div.image {
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
    text-align: center;
}

/* корзина */
table.cart {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}

table.cart td {
    padding: 5px 5px 5px 5px;
    border: #bbbbbb 1px solid;
}

table.cart .header {
    background: #b21117;
    color: #ffffff;
}

/* форма */
ul.errors {
    color: red;
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}
.app {
    width: 500px;
    overflow: hidden;
}

.app textarea {
    width: 250px;
    height: 100px;
}
.required {
    color: red;
}
.app dt{   
padding:0;   
clear:both;   
width:150px;   
float:left;   
text-align:right;   
margin:5px 5px 5px 0; 
margin-top: 7px;
margin-right: 10px;
}   
  
.app dd{   
padding:0;   
float:left;   
width:280px;   
margin:5px 2px 5px 0; 
}   
  
.app p{   
padding:0;   
margin:0;   
}   
/* опции */
#options {
    width: 200px;
    float: left;
}

#options ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

#options ul li {
    border: #808080 1px solid;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
}

#options-desc {
    margin-left: 220px;
    border: #808080 1px solid;
    padding: 20px 20px 20px 20px;
    padding-top: 0px;
}

/* другое */
table.price td {
    border: #e0e0e0 1px solid;
}

div.order {
    width: 170px;
    height: 280px;
    background: url("../images/bg_order.gif") no-repeat;
    float: right;
    padding-left: 20px;
    line-height: 25px;
    padding-top: 10px;
    margin-bottom: 20px;
}

div.order select {
    background: #fff000 url("../images/bg_input_text.gif") repeat-x;
    height: 20px;
    border: none;
    color: #b70e13;
    font-weight: bold;
    width: 140px;
    
}

div.order input.text {
    background: #fff000;
    height: 18px;
    border: none;
    color: #b70e13;
    font-weight: bold;
    width: 35px;
    
}

div.photo {
    margin-right: 200px;
    padding: 0px 0px 0px 0px;
    position: relative;
    margin-bottom: 10px;
    min-height: 290px;
    _height: 290px;
}

div.price2 {
    background: #fff203 url("../images/bg_price.gif") no-repeat;
    text-align: right;
    padding-right: 10px;
    padding-left: 20px;
    height: 23px;
    right: 1px;
    top: 20px;
    position: absolute;
    color: #b70e13;
    font-size: 13px;
    font-weight: bold;
    padding-top: 7px;
}

div.price3
{
    top: 60px;
    right: 0px;
    width: 90px;
    position: absolute;
    color: #b70e13;
    font-size: 13px;
    font-weight: bold;
}

div.quest {
    margin-bottom: 10px;
    margin-top: 10px;
}

div.answer {
    display: none;
    padding-left: 30px;
    margin-top: 5px;
}


ul.desc {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
    margin-left: 20px;
    height: 30px;
    float: left;
    overflow: hidden;
    _zoom: 1;
}

ul.desc li {
    float: left;
    height: 23px;
    padding-top: 5px;
    padding-right: 7px;
    padding-left: 7px;
    border-top: #bababa 1px solid;
    border-right: #bababa 1px solid;
}
ul.desc li.first {
    background: url("../images/corner_left.gif") top left no-repeat;
    height: 24px;
    padding: 0px 0px 0px 0px;
    padding-top: 5px;
    padding-right: 7px;
    padding-left: 17px;
    border: none;
    border-right: #bababa 1px solid;
}

ul.desc li.last {
    background: url("../images/corner_right.gif") top right no-repeat;
    height: 24px;
    padding: 0px 0px 0px 0px;
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 17px;
    border: none;
}

ul.desc li.selected-first {
    background: url("../images/corner_left_selected.gif") top left no-repeat;
}

ul.desc li.selected-last {
    background: url("../images/corner_right_selected.gif") top right no-repeat;
}

a.tabs {
    font-size: 13px;
    font-weight: bold;
}

a.tabs:hover {
    text-decoration: none;
}

li.selected-first a
{
    color: #ffffff;
}

li.selected-last a
{
    color: #ffffff;
}
.selected {
    background: red;
}
.selected a {
    color: #ffffff;
}
/* ------------------------- */
/* FOOTER                    */
/* ------------------------- */

#copyright {
    font: 11px Tahoma;
    color: #303030;
    padding-left: 50px;
    padding-top: 0px;
}

#bottom-menu {
        margin: 0px auto;
        padding-top: 15px;
}
#bottom-menu ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-left: 180px;
    overflow: hidden;
    list-style: none;
    float: left;
}

#bottom-menu ul li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.t {background: url("../images/dot.gif") 0 0 repeat-x;}
.b {background: url("../images/dot.gif") 0 100% repeat-x; _height: 20px;}
.l {background: url("../images/dot.gif") 0 0 repeat-y}
.r {background: url("../images/dot.gif") 100% 0 repeat-y}
.bl {background: url("../images/corner_left_bottom.gif") 0 100% no-repeat}
.br {background: url("../images/corner_right_bottom.gif") 100% 100% no-repeat}
.tl {background: url("../images/corner_left_top.gif") 0 0 no-repeat}
.tr {background: url("../images/corner_right_top.gif") 100% 0 no-repeat; padding:10px; min-height: 100px; _height: 100px;} 

.t1 {background: url("../images/c_top.gif") 0 0 repeat-x; height: 20px;}
.l1 {background: url("../images/c_left.gif") 0 0 repeat-y; width: 20px;}
.r1 {background: url("../images/c_right.gif") 100% 0 repeat-y; width: 20px;}
.b1 {background: url("../images/c_bottom.gif") 0 100% repeat-x; height: 20px;}
.bl1 {background: url("../images/c_left_bottom.png") 0 100% no-repeat; height: 20px;}
.br1 {background: url("../images/c_right_bottom.png") 100% 100% no-repeat; height: 20px;}
.tl1 {background: url("../images/c_left_top.png") 0 0 no-repeat; width: 20px; height: 20px;}
.tr1 {background: url("../images/c_right_top.png") 100% 0 no-repeat; width: 20px; height: 20px;} 


.t2 {background: url("../images/red_dot.gif") 0 0 repeat-x;}
.b2 {background: url("../images/red_dot.gif") 0 100% repeat-x}
.l2 {background: url("../images/red_dot.gif") 0 0 repeat-y}
.r2 {background: url("../images/red_dot.gif") 100% 0 repeat-y}
.bl2 {background: url("../images/c_red_left_bottom.gif") 0 100% no-repeat}
.br2 {background: url("../images/c_red_right_bottom.gif") 100% 100% no-repeat}
.tl2 {background: url("../images/c_red_left_top.gif") 0 0 no-repeat}
.tr2 {background: url("../images/c_red_right_top.gif") 100% 0 no-repeat; padding:10px; min-height: 40px} 

#tab-content {
    min-height: 50px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
}

#tab-content table {
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    border: #bdbdbd 1px solid;
}

#tab-content table td {
    border: #bdbdbd 1px solid;
}

#paginationControl {
    font-size: 14px;
    font-weight: bold;
}