@import url("/styles/css_buttons.css")


html, body 
{
    margin:0;
    padding:0;
}
*
{
    font-family: Verdana, Arial, Tahoma, Microsoft Sans Serif, sans-serif !important;
}
body
{
    font-size: 13px;
    font-family: Verdana, Arial, Tahoma, Microsoft Sans Serif, sans-serif !important;
    color: #000;
    background-color: #fff;
	margin: 0 auto;
	padding: 0;
}
a img
{
    border:0;
}
#topouter
{
    background:url(/Content/black.gif) repeat-x left bottom;
    height:301px;
}
#top
{
    background:url(/Content/top.jpg) no-repeat left bottom;
    height:301px;
}
#topimg
{
    color:#ccc;
    font-size:10px;
    text-transform:uppercase;
}
#mainouter
{
    background:#000 url(/Content/left.jpg) no-repeat left top;    
    padding-left:72px;
}
#main
{
    background-image:url(/Content/bg.jpg);
    border-bottom:solid 14px #000;
}
#main > a 
{
    float:left;
    /*background-color:#000;*/
    position:relative;
    text-decoration:none;
}
#main > a > img
{
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin:1px;
    background-color:#fff;
}
#main > a > span
{
    position:absolute;
    z-index:100;
    bottom:1px;
    left:1px;
    text-align:center;
    color:#fff;
    text-shadow:#000 1px 1px 4px, #000 -1px -1px 4px;
    font-size:17px;
    font-weight:normal;
    background-image:url(/Content/blackbg.png);
    padding:10px 0;
}
#main > a > span.hidden, #main > a.nospan > span.hidden, #main > a.nospan:hover > span.hidden
{
    display:none!important;
}
#main > a.nospan > span
{
    display:none!important;
}
#main > a.nospan:hover > span
{
    display:block!important;
}
#main > a.nospan > span
{
    display:none!important;
}
#main > a.nospan:hover > span
{
    display:block!important;
}

#main > div.text
{
    float:left;
    color:#fff;
    background-color:#000;
    font-size:11px;
    line-height:1.7em;
	text-align: left;
}
#main > div.text > div
{
    padding:10px 10px 10px 20px;
}
#main > div.text a
{
    color:#0091ff;
    text-decoration:none;
}
#main > div.text a:hover
{
    text-decoration:underline;
}
#main > div.text a.btn
{
    color:#fff;
    text-decoration:none;
}

#main > div.text h2
{
    color:#F55;
}
#main > div.header, #main > div.contactsmap
{
    float:left;
}
#main > div.header > a
{
    display:block;
    float:none;
    background-color:transparent;
    font-weight:normal;
    text-align:center;
    color:#777;
    font-size:17px;
    padding-top:25px;
    padding-bottom:15px;
    text-decoration:none;
}
#main > div.header > a:hover
{
    color:#fff;
    background:url(/Content/back.gif) no-repeat 10px 10px;
}

 a.backspace
{
    display:block;
    float:none;
    background-color:transparent;
    font-weight:normal;
    text-align:center;
    color:#777;
    font-size:17px;
    padding-top:25px;
    padding-bottom:15px;
    text-decoration:none;
}
a.backspace:hover
{
    color:#fff;
    background:url(/Content/back.gif) no-repeat 10px 10px;
}
#main h1
{
    letter-spacing:1px;
    font-weight:normal;
    color:#fff;
    font-size:35px;
    padding:0 10px;
    text-align:center;
    margin-top:10px;
    line-height: 1em;
}
#main h2, #main > a.MML span
{
    font-weight:normal;
}
#main > a.MS h2, #main > a.TS h2
{
    margin:0;
}
#main > a > div.white
{
    display:none;
    position:absolute;
    left:1px;
    top:1px;
    z-index:200;
    background:#fff url(/Content/loading.jpg) no-repeat center center;    
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.clear
{
    clear:both;
}
.hided
{
    display:none!important;
}

.ww, .wwh, .wwhh
{
    width:380px;
}
.wwhh_width
{
      width: 568px;
}

.w, .wh, .whh
{
    width:190px;
}
.h, .wh, .wwh
{
    height:190px;
}
.hh, .whh, .wwhh
{
    height:380px;
}

.ww img, .wwh img, .wwhh img, .ww div.white, .wwh div.white, .wwhh div.white 
{
    width:378px;
}
.w img, .wh img, .whh img, .w div.white, .wh div.white, .whh div.white
{
    width:188px;
}
.h img, .wh img, .wwh img, .h div.white, .wh div.white, .wwh div.white
{
    height:188px;
}

.wwh img {
border-radius: 4px;
}
.hh img, .whh img, .wwhh img, .hh div.white, .whh div.white, .wwhh div.white
{
    height:378px;
}

.ww span, .wwh span, .wwhh span
{
    width:378px;/*360px;*/
}
.w span, .wh span, .whh span
{
    width:188px;/*170px;*/
}

.footer
{
    float:none;
    clear:both;
    text-align:center;
    padding:70px 0 30px 0;
    font-size:11px;
}
.footer b
{
    color:#000;
}
.footer a
{
    text-decoration:none;
    color:#aaa;
    padding:5px 0px;
}
.footer a:hover
{
    border-bottom:dotted 1px #ccc;
}
.footer span
{
    white-space:nowrap;
}
#main > a.MS > span, #main > a.TS > span
{
    font-size:11px;
}
#main > a.MS > span > h2, #main > a.TS > span > h2
{
    font-size:20px;
}
#main > a.MS:hover h2, #main > a.TS:hover h2
{
    color:#2d86ff!important;
}
.C > span
{
    font-size:11px!important;
    text-shadow:none!important;
}
.B > span
{
    font-size:11px!important;
    color:#999!important;
    text-shadow:none!important;
    background-image:none!important;
    width:170px!important;
    left:10px!important;
}
.S > span, .SV > span, .T > span
{
    font-size:11px!important;
}
.TT
{
    color:#fff;
    font-size:11px;
}
.price
{
    color:#777;
    margin-top:35px;
}
.price span
{
    color:#fff;
    font-size:120%;
}
#servicemenu
{
    float:right;
    margin:0 0 10px 10px;
    width:118px;
    padding:0;
}
#servicemenu ul
{
    margin:0;
    padding:0;
}
#servicemenu li
{
    margin:0;
    padding:0;
    list-style-type:none;
}
#servicemenu a
{
    display:block;
    width:96px;
    text-align:center;
    background-color:#fff;
    color:#000!important;
    margin-top:2px;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;    
    line-height:14px;
    padding:20px 10px;
    font-size:12px;
}
#servicemenu ul a
{
    background-color:#555;
    color:#fff!important;
    font-size:11px;
    padding:10px;
    line-height:12px;
}
#servicemenu a:hover
{
    background-color:#0091FF;
    color:#fff!important;
    text-decoration:none!important;
}
#servicemenu a.sel
{
    background-color:#F55;
    color:#fff!important;
    text-decoration:none!important;
}
#servicetext div
{
    display:none;
}
.tiprice
{
    position:absolute;
    top:1px;
    right:0px;
    background-image:url(/Content/blackbg.png);
    color:#fff;
    font-size:11px;
    padding:2px 3px 5px 7px;
    z-index:150;
    -moz-border-radius: 0 0 0 4px;
    -khtml-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    white-space:nowrap;
}
#main > a.TS:hover .tiprice
{
    display:none;
}


.special_big {
z-index: 999;
width: 200px;
height: 80px;
background: url(/img/00000.gif) no-repeat;
position: absolute;
background-size: cover;
background-position: top;
}

.special_small {
z-index: 999;
width: 100px;
height: 40px;
background: url(/img/00000.gif) no-repeat;
position: absolute;
background-size: cover;
background-position: top;
}


.slam_img {
display:block; margin: 5px auto; text-align: center; width: 82px !important; height: 82px !important;}



.tuning_desc {
background: #ff5d5e; height: 188px; border-radius: 3px; box-sizing: border-box; 
padding: 0 !important;
}

.tuning_desc  aside{
float: left;
margin: 0 1px  0;
height: 188px;
width: 188px;
box-sizing: border-box;
color: #fff;
font-size: 11px;
padding: 20px 20px 10px;
line-height: 11px;

}
.tuning_desc  aside span{
font-size: 22px;

display: inline;
float: left;

width: 20px;
line-height: 22px;
}

#types {
width: 100%;
}

.filter_left {
width: 50%;
float: left;
box-sizing: border-box;
padding: 5px;
font-size: 10px;
line-height: 19px;
}

#types .checkbox_type {
display: inline-block;
float: left;
}

#types select {
display: block;
width: 90%;
margin: 30px auto;
font-size: 12px;
border-radius: 4px;
background: url(img/carbon-fiber-pattern1-png.png) 0 0 no-repeat;
color: #fff;
border: 2px solid #222;
padding: 5px 0;
text-align: center;
}

#types option{
text-align: center;
background: url(img/carbon-fiber-pattern1-png.png) 0 0 no-repeat;
color: #111;
font-size: 14px;
}


#types select:focus {
outline: none
}

.hidden {
display: none !important;
}

.fancybox-title-float-wrap .child {
font-weight: 100 !important;
}

#tuning_desc_brand {
box-sizing: border-box;
padding: 20px;
background: #888;
height: auto;
min-height: 190px;
}


#tuning_call h5{
		margin: 12px auto 5px;
			text-align: center;
			font-size: 12px;
		}
		
		#tuning_call input[type="text"]{
			width: 80%;
			margin: 5px 10%;
			border: none;
			padding: 2px 5px;
box-sizing: border-box;
font-style: italic;
		}
		#tuning_call input[type="submit"]{
			width: 50%;
			margin: 5px auto;
			display: block;
			border: none;
			cursor: pointer;
			font-style: italic;
			background:#4e8cff;
			color: #fff;
		}
		
		#tuning_call input[type="submit"]:hover{
			
			background:#6e8cff;
			color: #fff;
		}
		
		
		#tuning_call textarea{
			width: 80%;
			margin: 5px 10%;
			border: none;
			box-sizing: border-box;
			height: 55px;
			padding: 2px 5px;
box-sizing: border-box;
font-style: italic;
		}

.img_margin_10px  {
    
}