@font-face {
	font-family: ff_din_bold;
	src: url('ff_din_bold.eot');
	src: local(ff_din_bold), url('ff_din_bold.otf') format('opentype');
}


@font-face {
	font-family: ff_din_medium;
	src: url('ff_din_medium.eot');
	src: local(ff_din_medium), url('ff_din_medium.otf') format('opentype');
}


body {
	margin:0;
	padding:0;
	background:#17233d url(/$files/img/body-bg-stripes.png) repeat-Y center;
	font-family:Tahoma,Arial,Helvetica;
	font-size:11px;
}

input[type="text"], input[type="password"], textarea, select { 
	outline: none;
}

input:focus {
	-webkit-box-shadow:0 0 6px rgba(255,255,255,0.5)!important;
	-moz-box-shadow:0 0 6px rgba(255,255,255,0.5)!important;
	box-shadow:0 0 6px rgba(255,255,255,0.5)!important;
}

h1{
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-size:19px;
	line-height:19px;
}

h2{
	margin:0;
	padding:0 0 4px 0;
	font-weight:normal;
	font-size:16px;
	line-height:16px;
}

div.clear {
	clear:both;
//	height:1px;
//	overflow:hidden;
//	visibility:hidden;
}

a img{
	border:0;
}

#frame {
	margin:0 auto;
	width:980px;
	background:#e6e6e6;
	display:block;
}

.pagecontainer{
	width:980px;
}

#header{
	position:relative;
	height:130px;
	background:#343D4B url(/$files/img/header-bg.jpg) no-repeat;
}

#header #socialmedia{
	position:absolute;
	top:24px;
	left:194px;
}

#header #socialmedia span{
	display:inline-block;
	width:28px;
	height:28px;
}

#header #socialmedia span img{
	width:28px;
	height:28px;
}

.headerLinks{
	text-align:right;
	margin-bottom:12px;
	font-size:10px;
	color:#fff;
}

.headerLinks a{
	margin-left:10px;
	text-decoration:none;
	color:#fff;
}

.headerBasket{
	text-align:right;
	font-size:11px;
	color:#fff;
}

.headerBasket a{
	margin-left:10px;
	text-decoration:none;
	color:#fff;
}

#footer{
	background:#070b18 url(/$files/img/footer-bg.png) repeat-X top;
	he2ight:300px;
}

.footerOptionsBlock div{
	float:left;
	width:156px;
	//width:196px; 
	padding:30px 20px 12px 20px; 
	font-size:10px;
}

.footerOptionsBlock a{
	display:block;
	color:#83858c;
	text-decoration:none;
	margin-bottom:6px;
}

.footerOptionsBlock a:hover{
	color:#fff;
}

.footerInfoBlock{
	width:100%;
	position:relative;
	margin-top:20px;
}

.footerLinksBlock{
	padding:20px; 
	text-align:center; 
	font-size:11px;
	color:#fff;
}

.footerLinksBlock a{
	color:#fff;
	text-decoration:underline;
	white-space:nowrap;
	display:inline-block;
	margin:2px 6px;
}

.footerLinksBlock a:hover{
}

.footerContactsBlock{
	padding:20px;
	text-align:right;
	font-size:10px;
	color:#fff;
}

.footerContactsBlock a{
	text-decoration:underline;
	color:#fff;
}

footerContactsBlock a:hover{
	text-decoration:underline;
}

.footerOutInfo,
.footerOutInfo a{
	color:#83858c;
	text-decoration:none;
}

.footerOutInfo a:hover{
	color:#fff;
}


#topmenu{
	height:22px;
	width:980px;
	background:#dbdbdb url(/$files/img/topmenu-bg.png) repeat-X;
	overflow:hidden;
}

#topmenu .menupoint {
	display:block;
	float:left;
	height:22px;
	color:#192440;
	text-decoration:none;
	padding:0 7px 0 7px;
	margin:0;
}

#topmenu a.menupoint{
	text-decoration:none;
}

#topmenu a.menupoint:hover{
	background:#f79e03 url(/$files/img/topmenu-bg-highlight.png) repeat-X;
}

#topmenu .rightpoint{
	float:right;
}

#topmenu .menupoint span{
	line-height:22px;
//	line-height:22px;
	font-family:Arial, Verdana;
	font-size:14px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	letter-spacing:-1px;
//	letter-spacing:0px;
	font-weight:bold;
}


.mainpage{
	position:relative;
	background:url(/$files/img/mainpage-bg.jpg) repeat-Y center;
}

.basicpage{
	position:relative;
	padding-top:10px;
}

.textpage{
	position:relative;
	padding-top:10px;
	background:#fff;
}

.textpageContent{
	padding:32px;
	color:#424242;
	line-height:150%;
	font-size:12px;
}

.textpageContent a{
	text-decoration:underline;
	color:#424242
}


.textpageContent .chart {
	border:none;
	border-collapse:none;
	border-spacing:2px;
	font-size:11px;
	line-height:100%;
}

.textpageContent .chart small{
	font-size:10px;
}

.textpageContent .chart tr.strong{
	font-weight:bold;
}

.textpageContent .chart tr.highlight td,
.textpageContent .chart td.highlight{
	background:#FFCC33;
}

.textpageContent .chart td,
.textpageContent .chart th{
	background:#E6E6E6;
	padding:4px 2px;
	text-align:center;
	color:#000;
	white-space:nowrap;
}

.textpageContent .chart th{
	background:#B8B8B8;
	color:#fff;
	font-weight:normal;
}

.textpageContent .chart .blank{
	background:none;
}




#vieweditems{
	position:relative;
	padding:14px;
}

#vieweditems .container{
	position:relative;
	background:#fff;
	text-align:center;
	height:220px;
	overflow:hidden;
}

.blockViewedItem{
	position:relative;
	vertical-align:top;
	display:inline-block;
	width:126px;
	height:192px;
	margin: 14px 3px 14px 3px;
	cursor:'hand';
	overflow:hidden;
}

.blockViewedItemWide{
	width:180px;
}

.blockViewedItem a{
	color:black;
	text-decoration:none;
}

.blockViewedItem .itemframe{
	w2idth:126px;
	overflow:hidden;
}

.blockViewedItem .itemframe .itemimg{
	height:100px;
}

.blockViewedItem .itemframe .itemimg img{
	width:90px;
	height:90px;
	margin-top:5px;
}

.blockViewedItem .itemframe .itemtitle{
	font-size:10px;
}

.blockViewedItem .itemprice{
	margin:0 0 3px 0;
	padding:2px;
	color:#858585;
	font-size:10px;
	font-weight:bold;
	white-space:nowrap;
	background:#E8E8E8;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
}

/* Corner radius */
.corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }



.menuBlock{
	font:normal 11px Verdana;
	padding:5px 0 5px 5px;
}

.textpage .menuBlock{
	padding:14px;
	margin:14px;
	background:#E6E6E6;
}


.menuBlock ul{
	padding:0; 
	margin:0; 
	list-style:none; 
}

.menuBlock ul ul{
	margin-left:15px;
}

.menuBlock li{
	list-style:none;
	border-bottom:1px solid #b8b8b8;
}

.menuBlock li div{
	padding:3px;
}

.menuBlock a{
	color:#2e2e2e;
	text-decoration:none;
	display:block;
	padding:3px;
}

.menuBlock a.current{
	background:#fff;
	font-weight:bold;
}

.menuBlock a:hover{
	color:#2e2e2e;
	text-decoration:none;
	background:#fff;
}

.menuBlock ul ul a.current{
	font-weight:normal;
}



/* ### ICONS ### */

.sm-icon{
	background-image:url(/$files/img/social-icons.png);
	background-repeat:no-repeat;
}

.sm-icon-facebook	{ background-position: 0 0; }
.sm-icon-twitter	{ background-position: -28px 0; }


.op-icon{
	background-image:url(/$files/img/_size-icons.png);
	background-repeat:no-repeat;
}

.op-icon.hover{
	background-image:url(/$files/img/_size-icons-hover.png);
}

.op-icon-hs5950-6	{ background-position: 0 -16px; }
.op-icon-hs5950-618	{ background-position: 0 -32px; }
.op-icon-hs5950-614	{ background-position: 0 -48px; }
.op-icon-hs5950-638	{ background-position: 0 -64px; }
.op-icon-hs5950-612	{ background-position: 0 -80px; }
.op-icon-hs5950-658	{ background-position: 0 -96px; }
.op-icon-hs5950-634	{ background-position: 0 -112px; }
.op-icon-hs5950-678	{ background-position: 0 -128px; }
.op-icon-hs5950-7	{ background-position: -37px 0; }
.op-icon-hs5950-718	{ background-position: -37px -16px; }
.op-icon-hs5950-714	{ background-position: -37px -32px; }
.op-icon-hs5950-738	{ background-position: -37px -48px; }
.op-icon-hs5950-712	{ background-position: -37px -64px; }
.op-icon-hs5950-758	{ background-position: -37px -80px; }
.op-icon-hs5950-734	{ background-position: -37px -96px; }
.op-icon-hs5950-778	{ background-position: -37px -112px; }
.op-icon-hs5950-8	{ background-position: -37px -128px; }


.op-icon-headsizestretch2-sm,
.op-icon-hs3930-sm	{ background-position: -74px 0; }

.op-icon-hs3930-ml	{ background-position: -74px -16px; }

.op-icon-headsizestretch2-lxl,
.op-icon-hs3930-lxl	{ background-position: -74px -32px; }


.op-icon-apparelsize-xxxs	{ background-position: -111px 0; }
.op-icon-apparelsize-xxs	{ background-position: -111px -16px; }

.op-icon-apparelsize-xs,
.op-icon-hsehfit-xs			{ background-position: -111px -32px; }

.op-icon-apparelsize-s,
.op-icon-hsehfit-s,
.op-icon-hs2920-s			{ background-position: -111px -48px; }

.op-icon-apparelsize-m,
.op-icon-hsehfit-m,
.op-icon-hs2920-m			{ background-position: -111px -64px; }

.op-icon-apparelsize-l,
.op-icon-hsehfit-l,
.op-icon-hs2920-l			{ background-position: -111px -80px; }

.op-icon-apparelsize-xl,
.op-icon-hsehfit-xl,
.op-icon-hs2920-xl			{ background-position: -111px -96px; }

.op-icon-apparelsize-xxl,
.op-icon-hsehfit-xxl		{ background-position: -111px -112px; }
.op-icon-apparelsize-xxxl	{ background-position: -111px -128px; }
.op-icon-apparelsize-xxxxl	{ background-position: -111px -144px; }

/* LIST PAGING */

.listHeader{
	padding:0 8px 7px 0;
}

.listFooter{
	padding:7px 8px 7px 0;
}

.listPaging{
	float:right; 
	font-size:10px;
	color:#2e2e2e;
}

.listPaging a{
	color:#000;
	text-decoration:none;
	display:inline-block; 
	padding:7px 0 7px 0; 
	background:#b8b8b8; 
	margin-left:4px; 
	width:20px; 
	text-align:center; 
//	vertical-align:middle;
}

.listPaging a.active{
	background:#2e2e2e;
	color:#fff;
}
DIV.listPaging a:hover{
	background:#000;
	color:#fff;
}


/* CATALOGUE ELEMENTS */

.itemBlock_196 {
	position:relative;
	float:left;
	width:186px;
	height:245px;
	margin:4px 3px;
	background:#fff url(/$files/img/block196-bg.png) repeat-X bottom;
}

.itemBlock_196 a{
	color:#424242;
	text-decoration:none;
}

.itemBlock_196 a:hover{
	color:#000000;
	text-decoration:none;
}

.itemBlock_196 .img {
	margin:0 8px;
}

.itemBlock_196 .img img {
	width:170px;
	height:170px;
}

.itemBlock_196 .text{
	position:absolute;
	top:180px;
	font: normal 11px Arial,Helvetica;
	padding:0 10px;
}

.itemBlock_196 .price{
	position:absolute;
	top:160px;
	padding:0 10px;
	font: bold 11px Arial,Helvetica;
	color:#191919;
	white-space:nowrap;
}

.itemBlock_196 .icons{
	position:absolute;
	top:13px;
	right:11px;
}

.itemBlock_196 .options{
	display:none;
	top:5px;
	right:3px;
	position:absolute;
	width:37px;
}

.itemBlock_196 .options span.op-icon{
	display:block;
	width:37px;
	height:16px;
}



.formButton{
	background:transparent url(/$files/img/button-graphite.png) no-repeat;
	border:none;
	margin:2px 2px 0 2px;
	padding:0;
	width:127px;
	height:36px;
	font-size:9px;
	font-family:Verdana, Tahoma;
	color:#fff;
	cursor:hand;
}

.formButton.red{
	background:transparent url(/$files/img/button-red.png) no-repeat;
}

button.formButton:hover{
	background:transparent url(/$files/img/button-red.png) no-repeat;
}


/* FORM COLUMN */

DIV.ColumnForm{
	margin:14px;
	padding:14px;
	border:solid 1px #9398A2;
}


DIV.ColumnForm DIV.formField{
	margin-bottom:3px;
}

DIV.ColumnForm DIV.formFieldTitle{
	position:relative;
	float:left; 
	padding-top:3px; 
	width:95px;
}

DIV.ColumnForm DIV.formFieldInput,
DIV.ColumnForm DIV.formFieldSelect
{
	margin-left:100px;
	margin-right:6px;
	position:relative;
}

DIV.ColumnForm DIV.formFieldInput DIV{
	width:100%;
//	margin-left:-95px;
}

DIV.ColumnForm DIV.formFieldSelect DIV{
	width:100%;
}


DIV.ColumnForm SELECT,
DIV.ColumnForm INPUT
{
	font-family:Tahoma, Arial;
	font-size:11px;
	padding:2px;
	margin:0;
	width:100%;
	border:solid 1px #9398A2;
	background:#fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}



/* LAYOUTS BLOCKS */

.Block_2of10{
	position:relative;
	width:196px; 
	float:left;
}

.Block_3of10{
	position:relative;
	width:294px; 
	float:left;
}

.Block_5of10{
	position:relative;
	width:490px; 
	float:left;
}

.Block_7of10{
	position:relative;
	width:686px; 
	float:left;
}

.Block_8of10{
	position:relative;
	width:784px; 
	float:left;
}

.Block_3of4{
	position:relative;
	width:735px; 
	float:left;
}

.Block_1of4{
	position:relative;
	width:245px; 
	float:left;
}