@import url(//fonts.googleapis.com/css?family=Ruda:400,700,900);
@import url(/files/layout/css/modify.css);
@import url(/style_5.css);


iframe[name=google_conversion_frame]{ display: none; }

/*
font-family: 'Ruda', sans-serif;
*/


input[type=submit] {-webkit-appearance: none; border-radius: 0; }
input[type=button] {-webkit-appearance: none; border-radius: 0; }
input[name=fPhrase] {-webkit-appearance: none; border-radius: 0; }

body
{
 font-family: 'Ruda', sans-serif;
 font-size: 11px;
 line-height: 17px;
 color: #101010;
 margin: 0;
 padding-bottom: 20px;
}

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alignright{ text-align: right; }
.cursor{ cursor: pointer; }
.center{ text-align: center; }
.relative{ position:relative; } 
.ucase{ text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }

.table{ display: table; }
.table-row{ display: table-row; }
.cell{ display: table-cell; vertical-align: top; }
.bottom{ vertical-align: bottom!important; }
.middle{ vertical-align: middle!important; }

.article ul{ list-style-type: none; margin: 0; padding: 0; }
.article ul li{ background: none; padding-left: 0; position: relative; padding-left: 19px; }
.article ul li:before { content:"•"; font-family: arial; font-size:15px; display: block; position: absolute; top: 0; left: 0; }

ol{ margin-left: 17px; }
ol li{ margin-bottom: 17px; }

strong{ font-weight: 700; }

h1,h2,h3{ margin: 0; padding: 0; font-weight: 700; }
h1,h2{ font-size: 24px; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; }

input, select, textarea{ font-family: 'Ruda', sans-serif; }

h3{ color: #640000; font-size: 16px; line-height: 21px; text-transform: uppercase; margin-bottom: 10px; }
p{ font-size: 13px; line-height: 18px; margin: 0; padding: 0;  }

.sitewidth{ width: 960px; margin: 0 auto; position: relative; }

.top{ background: #e1e2e1; }
.top .sitewidth{ height: 181px; background: url(/files/system/gfx/img_toppic_banner_01.jpg) no-repeat; }

.logo{ display: block; width: 200px; height: 140px; position: absolute; top: 25px; left: 20px; }

.languages{ position: absolute; top: 18px; right: 28px; }
.languages a{ float: left; margin-left: 6px; }

.submenu-wrap{ background: url(/AjrGfx/gfx/bg_body.jpg) repeat-x; background-color: #f0f0f0; margin-bottom: 27px; }

.menu-wrap{ background: #640000; height: 29px; margin-bottom: 32px; }
.menu{ height: 29px; padding-left: 258px; }
.menu *{ display: block; float: left; }
.menu a{ font-weight: 700; font-size: 13px; line-height: 29px; color: #fff; text-transform: uppercase; margin: 0 25px; text-decoration: none; }

.submenu div{ margin-bottom: 10px; }
.submenu div a{ color: #640000; font-size: 16px; line-height: 18px; text-transform: uppercase; text-decoration: none; }
.submenu div a.selected{ text-decoration: underline; }

.col200{ width: 200px; margin-left: 28px; }
.col673{ width: 673px; margin-right: 29px; }

.col200 .ajour-article{ width: 185px; }

.search-wrap{ background: url(/files/layout/search-frame.png) no-repeat; padding: 30px 30px 20px 30px; }
.scrambleemail{ display: inline; }

.tabs span{ display: block; background: rgba(100,0,0,0.73); color: #fff; font-size: 20px; font-weight: 700; line-height: 49px; padding: 0 45px; float: left; position: relative; bottom: -6px; cursor: pointer; }
.tabs span.selected{ background: rgba(100,0,0,1); border-top: 6px solid #640000; bottom: 0; }
.tabs span{ border-right: 1px solid #640000; text-transform: uppercase; }
.criteria span{ text-transform: uppercase; }

.search-wrap input[type=text]{
 color: #000; font-size: 24px; line-height: 47px; text-transform: uppercase; border: 1px solid #a2a2a2; height: 47px; padding: 0 20px; width: 430px; float: left;
 font-weight: 700;
}
.search-wrap input[type=submit]{
 cursor: pointer; 
 background: #066401; border: none; color: #fff; font-size: 20px; height: 49px; border: 1px solid #a2a2a2; padding: 0 27px; font-weight: 900; text-transform: lowercase; float: left; margin-left: 5px;
}

.search-wrap form{ display: block; }
.search-wrap p{ clear: both; font-size: 11px; line-height: 17px; width: 465px; display: block; height: 60px; padding-top: 15px; }

.criteria{ font-size: 18px; line-height: 24px; font-weight: 700; }
.criteria strong{ font-weight: 900; }
.criteria input{ font-size: 12px; color: #fff; padding: 0 12px; height: 26px; border: none; background: #a2a2a2; cursor: pointer; margin-left: 20px; position: relative; top: -3px; }

.filters-wrap select{ padding: 6px 4px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #000;width: 188px;border: 1px solid #640000; }

.footer{ padding-top: 30px; width: 702px; margin: 0 auto; padding-left: 258px; }
.footer *{ color: #101010; text-decoration: none; }
.footer span{ margin: 0 5px; }


.instruments{ max-height: 450px; overflow: auto; }
.instruments span{ display: inline-block; background: #a2a2a2; border: 1px solid #aaa; cursor: pointer; 
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff; margin: 0 6px 10px 0; padding: 0 10px; line-height: 23px; }

.instruments span:hover{ background: #066401; }

.ui-autocomplete a{ color: #000; font-size: 16px; line-height: 23px; text-transform: uppercase; font-family: 'Ruda', sans-serif; font-weight: 700; }

.instruments input[type=text] {
color: #000;
font-size: 24px;
line-height: 47px;
text-transform: uppercase;
border: 1px solid #a2a2a2;
height: 47px;
padding: 0 20px;
width: 300px;
float: left;
font-weight: 700;
}


.filters{ font-size: 13px; line-height: 20px; margin-top: 10px; }
.filters div{ font-size: 12px; line-height: 20px; display: inline-block; background: #a2a2a2; margin-left: 10px; color: #fff; padding: 2px 20px 0 5px; position: relative;
}
.filters div span{ border-left: 1px solid #f0f0f0; font-size: 10px; line-height: 22px; position: absolute; top: 0; right: 5px; padding-left: 5px; cursor: pointer;  }


.mostsold{ border: 1px solid #640000; }
.mostsold div{ padding: 5px 8px; }

.mostsold strong { color: #000!important; }
.mostsold * { text-transform: uppercase; font-size: 13px!important; color: #000; }
.mostsold a{ text-decoration: none; color: #640000; }

#smallbasket span{ font-size: 13px; line-height: 20px; }
#smallbasket a{ font-size: 13px; line-height: 20px; color: #000; text-decoration: none; }

.smallbasket{ margin-bottom: 15px; border: 1px solid #640000; border-top: none; }
.smallbasket div:first-child{ background: #efefef; }
.smallbasket div{ padding: 6px 10px 4px 10px; }
.smallbasket div.alignright{ border-top: 1px solid #640000; }

.smallbasket div span.cell{ display: table-cell; width: 89px; }
.smallbasket span.cell:last-child{ text-align: right; }


.arrow_box {
	position: relative;
	background: #883f3f;
 -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-align: left!important;
 width: 120px; color: #fff; padding: 10px 15px; font-size: 12px!important; text-transform: none!important;     
}
.arrow_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(100, 0, 0, 0);
	border-left-color: #883f3f;
	border-width: 10px;
	margin-top: -10px;
}

.selectinstrument{ position: absolute; top: -23px; left: -185px; display: none; }
.selectinstrument .arrow_box{ width: 140px; }
.burgerhelp{ position: absolute; top: -6px; right: 45px; display: none; z-index: 99; }


.arrow_box span{ position: absolute; top: -5px; right: 0; cursor: pointer; display: inline-block; padding: 5px; text-transform: none!important; font-size: 12px!important; }

.productlist a{ text-decoration: none; color: #640000; }
.productlist *{ text-transform: uppercase; font-size: 13px; }
.productlist .info{ text-transform: uppercase; font-size: 13px; }
.productlist .table-row-header *{  font-weight: 700; }
.productlist .info{ color: #640000; }
.productlist .info strong{ color: #000; }

input.buy{ display: inline-block; font-weight: 900; line-height: 13px; padding: 6px 12px 4px 12px; background: #066401; color: #fff; text-decoration: none; border: none; cursor: pointer; }
.match{ display: inline-block; width: 40px; height: 15px; background: url(/files/layout/bg-match.png) no-repeat; }
span.percent{ position: relative; top: -2px; margin-left: 7px; }

.pl30{ padding-left: 30px!important; }
.pr10{ padding-right: 10px!important; }
.pr20{ padding-right: 20px!important; }

#showmore{ border-bottom: 1px solid #640000; margin-top: 10px; padding: 10px 0 15px 0; text-transform: uppercase; color: #640000; text-align: center; cursor: pointer; }

.appended td{ height: 0; overflow: hidden; padding: 0!important; }

.moreinfo{ padding: 5px 30px 10px 30px; display: none; }

.player{ position: fixed; bottom: 10px; right: 100px; 

/*background: rgba(0,0,0,0.85); padding: 10px 0 0 0;*/
}
.player .title{ color: #fff; text-transform: uppercase; font-weight: 700; font-size: 13px; line-height: 17px; padding: 0 10px; }
.player .format{ float: left; color: #000; text-transform: uppercase; font-weight: 700; font-size: 13px; line-height: 17px; padding: 0 10px; line-height: 40px; }

.related { text-transform: none; }
.related a{ color: #640000; text-decoration: none; display: inline-block; }

a.close-player{ position: absolute; top: -7px; right: 0; font-weight: 700; color: #fff; text-decoration: none; padding: 10px; }

audio{ display: none; }

.related-header{ color: #000; font-size: 13px; line-height: 17px; text-transform: uppercase; font-weight: 700; }

.custom-loader {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(41,0,0,0.9);
	opacity:.9;
	border-right:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #290000;
	width:50px;
	height:50px;
	margin:0 auto;
	-moz-animation:spinPulseCustom 1s infinite ease-in-out;
	-webkit-animation:spinPulseCustom 1s infinite linear;
}
.custom1-loader {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(41,0,0,0.9);
	opacity:.3;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #290000; 
	width:20px;
	height:20px;
	margin:0 auto;
	position:relative;
	top:-45px;
	-moz-animation:spinoffPulseCustom 1s infinite linear;
	-webkit-animation:spinoffPulseCustom 1s infinite linear;
}

@-moz-keyframes spinPulseCustom {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #290000;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulseCustom {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulseCustom {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #290000; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulseCustom {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
 .player { position: fixed; bottom: 10px; left: 100px; }
}