@charset "utf-8";
html {
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/background.jpg) 0 0 repeat-x;
	font-family: '微软雅黑',Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.clear {
	clear: both;
}
a {
}
a:hover {
}

a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #d32228;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	max-width:100%;
}

.imgin {
	border: 1px solid #eee;
	padding: 3px;
	margin-right: 14px;
	margin-bottom: 14px;
}

h1 {
	margin: 0;
	color: #d32228;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
#headerholder {
	width: 975px;
	margin: auto;
	position:relative;
	height:152px;
}
#logo {
	height: 59px;
	padding-left: 14px;
	padding-top: 20px;
	padding-top:48px;
}
.quote {
	display: block;
	float: right;
	padding-right: 57px;
	padding-top: 29px;
}
#navigation {
	width: 932px;
	height: 45px;
	background: url(../images/navigation-back.jpg) 0 0 no-repeat;
	position: absolute;
	bottom:0;
}
#navigation > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 40px;
	padding-left:30px;
}
#navigation > ul > li {
	display: block;
	float: left;
	padding-right: 16px;
	padding-right:12px;
	position:relative;
	height:45px;
}
#navigation > ul > li > a {
	display: block;
	height: 45px;
	text-decoration: none;
	font-size:14px;
	color:#fff;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}
#navigation > ul > li > a.active{
	background-color:#525252;
	border-radius: 5px 5px 0 0;

}
#navigation > ul > li:hover div.subMenu{
	display:block;
}
#navigation > ul > li > div.subMenu{
	background-color:#a9241f;
	-webkit-box-shadow:50px 20px 4px inset rgba(171, 23, 31, 1);
	-moz-box-shadow:50px 20px 4px inset rgba(171, 23, 31, 1);
	box-shadow:50px 20px 4px inset rgba(171, 23, 31, 1);
	position:absolute;
	top:42px;
	padding:10px 20px;
	color:#fff;
	font-size:14px;
	min-width:200px;
	display:none;
	z-index:11;
}
#navigation > ul > li > div.subMenu > ul{
	list-style:none;
	float:none;
	padding:0;
	margin:0;
}
#navigation > ul > li > div.subMenu > ul > li{
	float:none;
	height:auto;
	padding:0;
	margin-bottom:6px;
}
#navigation > ul > li > div.subMenu > ul > li a{
	color:#ffffff;
	text-decoration:none;
}
.subnavholder {
	position: absolute;
	width: 179px;
	left: 195px;
	top: 45px;
}
.subnav {
	background: #4c4d4e;
	width: 166px;
	padding-left: 13px;
}
.subnav ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
}
.subnav li {
	display: block !important;
	float: none !important;
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
}
.subnav a {
	width: 154px;
	height: 21px !important;
	padding-top: 8px;
	border-bottom: 1px solid #666;
	color: #999;
	text-decoration: none;
}
.subnav a:hover {
	color: #fff;
	background: url(../images/subnav-hover.gif) 148px 14px no-repeat;
}
.subnavbottom {
	width: 179px;
	height: 10px;
	background: url(../images/subnav-cap.gif) 0 0 no-repeat;
}
#search {
	float: right;
	padding-right: 28px;
	padding-top: 8px;
}
.searchfield {
	border: none;
	background: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	float: left;
	width: 190px;
	padding-right: 6px;
	height: 28px;
	padding-top: 4px;
}
.searchfield:focus {
	color: #666;
}
.searchbutton {
	border: none;
	background: none;
	width: 30px;
	height: 30px;
	cursor: pointer;
	float: left;
}

#splashholder {
	height: 226px;
	background: url(../images/splash-back.gif) 0 0 repeat-x;
	margin-top: 45px;
	margin-top:0;
}
#splashholdersub {
	height: 99px;
	background: url(../images/splash-sub-back.jpg) 0 0 repeat-x;
	margin-top: 45px;
	margin-top:0;
}
#splashholdersub2 {
/*	height: 225px;*/
	background: url(../images/splash-sub2.jpg) 0 0 repeat-x;
	margin-top: 45px;
	
	background-color:#4c4d4f;
	margin-top:0;
}
#splash {
	height: 226px;
	width: 975px;
	margin: auto;
}
#splashsub, #splashsub2{
/*	height: 78px;*/
	width: 975px;
	margin: auto;
	/*background: url(../images/splash-sub-nav.jpg) center top ;*/
	/*background-color:#4c4d4f;*/
}
#splashsub{
	background-color:#4c4d4f;
}
	
#splashsubnav {
	color: #d32228;
	padding-left: 18px;
	padding-top: 13px;
}
#splashsubnav a {
	text-decoration: none;
	color: #fff;
}
#splashsubnav a:hover {
	color: #d32228;
}
#print {
	float: right;
	padding-right: 55px;
	padding-top: 26px;
	/*width: 130px;*/
}
#print a {
	display: block;
	background: url(../images/print-icon.gif) 0 0 no-repeat;
	height: 20px;
	color: #999;
	padding-left: 25px;
	padding-top: 2px;
	text-decoration: none;
}
#print a:hover {
	color: #d32228;
}
#breadcrumbs {
	padding-left: 18px;
	padding-top: 27px;
	color: #d32228;
	font-size: 12px;
}
#breadcrumbs a {
	text-decoration: none;
	color: #999;
}
#breadcrumbs a:hover {
	color: #000;
}
#splash img {
	float: left;
}
#splashnav {
	width: 374px;
	height: 226px;
	background: url(../images/splash-nav-back.jpg) 0 0 no-repeat;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}




#splashnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 13px;
	display: block;
}
#splashnav li {
	display: block !important;
	padding-top: 12px;
	height:55px;
}
#splashnav li img{
	height:43px;
}
#splashnav a {
	display: block;
	width: 250px;
	height: 30px;
	text-decoration: none;
	color: #ccc;
	padding-top: 14px;
	padding-left: 52px;
	background: url(../images/splash-nav-a.jpg) right 13px no-repeat;
}
#splashnav a:hover {
	color: #fff;
	background: url(../images/splash-nav-hover.jpg) right 13px no-repeat;
}




#contentholder {
	width: 961px;
	margin: auto;
	padding-left: 10px;
	padding-right:20px;
	width:950px;
}
#content {
	padding-top: 30px;
}
#content, #content2, #content p, #contnet2 p {
	line-height: 20px;
}
#content2 {
}
#left {
	float: left;
	width: 573px;
	padding-right: 19px;
	line-height: 23px;
}
#leftsub {
	float: left;
	width: 557px;
	padding-right: 19px;
	line-height: 18px;
	padding-top: 5px;
}
#leftsub p {
	padding-top: 0;
	margin-top: 0;
}
#leftsub p a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #eee;
}
#leftsub p a:hover {
	color: #d32228;
	border-bottom: 1px solid #ffe6e7;
}
#leftsub h1 span{
	display: block;
	font-size: 12px;
	color: #000;
}
#leftsub h2 {
	display: block;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0;
	padding-left: 0;
}
#leftsub img1 {
	padding-right: 14px;
	padding-bottom: 14px;
	}

#rightnews {
	float: left;
	width: 286px;
	background: url(../images/news-back.jpg) 0 -30px no-repeat;
	padding-left: 40px;
	height: 280px;
}
#right {
	float: left;
	width: 326px;
}



#bottom {
	padding-top: 35px;
	color: #666;
}
.bottomspotlight {
	float: left;
	width: 304px;
}
.botspottop {
	/*width: 280px;*/
	padding-left: 24px;
	padding-right:24px;
	height: 28px;
	padding-top: 16px;
	background: url(../images/bot-spot-top.jpg) 0 0 no-repeat;
	height:44px;
}
.botspotmid {
	/*width: 278px;*/
	background: url(../images/bot-spot-mid.jpg) 0 0 repeat-y;
	padding-left: 26px;
	padding-right:26px;
	line-height: 18px;
}
.botspotmid span {
	color: #ccc;
	display: block;
	padding-bottom: 10px;
}
.spoticon {
	float: left;
	padding-right: 10px;
}
.botspotmid p {
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
}
.botspotmid ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
	float: left;
}
.botspotmid li {
	padding-left: 13px;
	background: url(../images/article-icon.gif) 0 7px no-repeat;
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
	padding-top: 2px;
}
.botspotmid a {
	text-decoration: none;
	color: #666;
}
.botspotmid a:hover {
	color: #d32228;
}
.botspotbot {
	width: 304px;
	background: url(../images/bot-spot-bot.jpg) 0 0 no-repeat;
	height: 34px;
}


.newselement {
	color: #4c4d4e;
	padding-bottom: 20px;
	padding-top: 10px;
	background: url(../images/news-bottom.jpg) left bottom no-repeat;
	margin-bottom:20px;
}
.newselement p {
	margin: 0;
	padding: 0;	
	font-size:16px;
	line-height: 20px;
}
.newselement p.phone{
	background:url(../images/icon-phone.png) no-repeat;
	padding-left:60px;
}
.newselement p.email{
	background:url(../images/icon-email.png) no-repeat;
	padding-left:60px;
}

.newselement span {
	color: #999;
}
.newselement a {
	text-decoration: none;
	color: #666;
}
.newselement a:hover {
	color: #d32228;
}



#footerholder {
	background: #fff url(../images/footer-tile.jpg) 0 0 repeat-x;
	margin-top: 40px;
	height: 110px;
}
#footer p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
#footer a {
	text-decoration: none;
	color: #999;
}
#footer a:hover {
	color: #d32228;
}
#footer {
	padding-left: 14px;
	color: #999;
	width: 975px;
	padding-top: 40px;
	margin: auto;
}
.halo {
	max-width: 400px;
	float: right;
	text-align: right;
	padding-right: 58px
}
.halo a {
	color: #999 !important;
	font-weight: bold;
	padding-right:10px;
}
.halo a:hover {
	color: #d32228 !important;
}


#basic-accordian {
	width: 572px;
}
.accordion_headings {
	width: 558px;
	padding-left: 14px;
	height: 27px;
	padding-top: 3px;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/accordion-closed.jpg) 0 0 no-repeat;
	color: #666;
	margin-bottom: 1px;
}
.accordion_child {
	padding: 15px;
	line-height: 22px;
}
.accordion_child span {
	color: #d32228;
}
.accordion_child a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
.accordion_child a:hover {
	color: #d32228;
}
.header_highlight {
	background: url(../images/accordion-opened.jpg) 0 0 no-repeat;
	color: #fff;
	margin-bottom: 1px;
}
.rssfeed {
	float: right;
	border: none;
	margin-right: 15px;
}



.sideelement {
	width: 336px;
	width:auto;
}
.sideelement p {
	margin: 0;
	padding: 0;
	line-height: 16px;
}
.sidegraytop {
	height: 24px;
	padding-top: 22px;
	background: url(../images/side-gray-top.jpg) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	padding-left: 25px;
}
.sidegraymiddle {
	width: 286px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	background: url(../images/side-gray-middle.jpg) 0 0 repeat-y;
	color: #ccc;
}
.sidegraymiddle ul {
	width: 285px;
}
.sidegraymiddle li {
	background: url(../images/article-on-gray.gif) 0 5px no-repeat !important;
	border-bottom: 1px solid #555 !important;
}
.sidegraymiddle a {
	text-decoration: none;
	color: #ccc;
}
.sidegraymiddle a:hover {
	color: #fff;
}
.sidegraybottom {
	height: 36px;
	background: url(../images/side-gray-bottom.jpg) 0 0 no-repeat;
}
.sidewhitetop {
/*	height: 24px;*/
	padding-top: 22px;
	background: url(../images/side-white-top.jpg) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #d32228;
	font-size: 18px;
	padding-left: 25px;
	background-size:contain;
	padding-top:18px;
}
.sidewhitemiddle {
/*	width: 286px;*/
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 8px;
	background: url(../images/side-white-middle.jpg) 0 0 repeat-y;
	background-size:contain;
}
.sidewhitemiddle a {
	text-decoration: none;
	color: #000;
}
.sidewhitemiddle a:hover {
	color: #d32228;
}
.sidewhitemiddle li a {
	text-decoration: none;
	color: #666;
}
.sidewhitemiddle li a:hover {
	color: #ccc;
}
/*.sidewhitemiddle li {
	background: url(../images/article-on-gray.gif) 0 4px no-repeat !important;
}
*/
.sidewhitebottom {
	height: 36px;
	background: url(../images/side-white-bottom.jpg) 0 0 no-repeat;
	background-size:contain;
}
.sideredtop {
	height: 24px;
	padding-top: 22px;
	background: url(../images/side-red-top.jpg) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	padding-left: 25px;
}
.sideredmiddle {
	width: 286px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	background: url(../images/side-red-middle.jpg) 0 0 repeat-y;
	color: #fff;
}


.sideredmiddle a {
	text-decoration: none;
	color: #ccc;
	
}
.sideredmiddle a:hover {
	color: #fff;
}
.sideredmiddle li a {
	text-decoration: none;
	color: #ccc;
	display: block;
}
.sideredmiddle li a:hover {
	color: #fff;
	background: url(../images/red-marker.jpg) right top no-repeat;
}
.sideredmiddle li {
	background: url(../images/article-on-red.gif) 0 4px no-repeat !important;
	border-bottom: 1px solid #c01e25 !important;
}



.sideredbottom {
	height: 36px;
	background: url(../images/side-red-bottom.jpg) 0 0 no-repeat;
}
.sideelement ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sideelement li {
	padding-left: 13px;
	background: url(../images/article-icon.gif) no-repeat;
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
	padding-top: 2px;
	background-position:0 8px;
}


.newsletter {
	width: 269px;
	background: url(../images/newsletter.jpg) 0 -10px no-repeat;
	color: #eee;
	line-height: 16px;
}
.letterfield {
	margin-top: 10px;
	border: none;
	background: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	float: left;
	width: 209px;
	padding-left: 7px;
	padding-right: 6px;
	height: 19px;
	padding-top: 8px;
}
.letterfield:focus {
	color: #666;
}
.letterbutton {
	margin-top: 10px;
	border: none;
	background: none;
	width: 30px;
	height: 30px;
	cursor: pointer;
	float: left;
}
.iconright {
	float: right;
	margin-left: 10px;
	border: none;
}
.iconmiddle {
	display: block;
	margin: auto !important;
	padding-top: 5px;
	padding-bottom: 5px;
}



.proizvodi {
	padding-top: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.proizvodi p {
	margin: 0;
	padding: 0;
	line-height: 20px;
}
.proizvodi img {
	border: 1px solid #eee;
	float: left;
	margin-right: 10px;
	padding: 3px;
}
.proizvodi a:hover img {
	border: 1px solid #d32228;
	float: left;
	margin-right: 10px;
	padding: 3px;
}
.proizvodi h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	display: block;
}
.detail1 {
	width: 100px;
	float: right;
	height: 90px;
	padding-top: 20px;
	background: url(../images/item-middle-right-separator.jpg) 0 0 no-repeat;
	padding-left: 30px;
	margin-left: 20px;
}
.detail1 a {
	display: block;
	color: #666;
	text-decoration: none;
	padding-top: 10px;
}
.detail1 a:hover {
	color: #d32228;
}
.detail1 img {
	padding: 0 !important;
	border: none !important;
	padding-right: 5px;
	float: left !important;
	margin-top: 4px;
}
.katalog {
	width: 70px;
	height: 49px;
	float: right;
}
.katalog a {
	display: block;
	width: 49px;
	text-align: center;
	height: 30px;
	padding-top: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: url(../images/icon-pdf.jpg) 0 0 no-repeat;
	padding-bottom: 0;
}
.katalog a:hover {
	color: #d32228;
}
.textphotoelement {
	color: #ccc;
	float: left;
	margin-right: 20px;
}
.textphotoelement p {
	margin: 0;
	padding: 0;
}
.textphotoelement img {
	padding: 3px;
	border: 1px solid #eee;
}
.textphotoelement a:hover img {
	border: 1px solid #d32228;
}
#searchlocation {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #d32228;
	padding-top: 35px;
}
#searchlocation a {
	text-decoration: none;
	color: #d32228;
	padding: 3px;
	background: none;
	padding-left: 7px;
	padding-right: 7px;
}
#searchlocation a.current {
	color: #fff;
	background: #d32228;
	padding-left: 7px;
	padding-right: 7px;
}
#searchlocation a:hover {
	color: #fff;
	background: #d32228;
	padding-left: 7px;
	padding-right: 7px;
}
.contactlocaton {
	padding-top: 30px;
	width: 270px;
	float: left;
	line-height: 20px;
}
.contactlocaton h2 {
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 10px !important;
}
.contactlocaton p {
	color: #666;
	margin: 0;
	padding: 0;
}
.contactlocaton a {
	text-decoration: none;
	color: #ccc;
}
.contactlocaton a:hover {
	color: #d32228;
}
.contactlocaton a img {
	display: block;
	padding: 3px;
	border: 1px solid #eee;
}
.contactlocaton a:hover img {
	border: 1px solid #d32228;
}

.label1 {
	display: block;
	width: 100px;
	color: #666;
	font-weight: bold;
	float: left;
}
.label2 {
	display: block;
	width: 125px;
	color: #666;
	font-weight: bold;
	float: left;
}
.contfield1 {
	width: 211px;
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	background: url(../images/contact-field1.jpg) 0 0 no-repeat;
	border: 1px solid #d6d6d6;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
.contfield2 {
	width: 211px;
	height: 89px;
	padding: 5px;
	background: url(../images/contact-field2.jpg) 0 0 no-repeat;
	border: 1px solid #d6d6d6;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
.contbutton {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width: 108px;
	height: 28px;
	border: none;
	background: url(../images/button-off.jpg) 0 0 no-repeat;
	text-align: left;
	padding-left: 10px;
	cursor: pointer;
	margin-right: 10px;
}
.contbutton:hover {
	background: url(../images/button-on.jpg) 0 0 no-repeat;
}
.gallery {


}
.gallery a {
	display: block;
	float: left;
	border: 1px solid #eee;
	padding: 3px;
	margin-right: 14px;
	margin-bottom: 14px;
}

.gallery a:hover {
	border: 1px solid #d32228;
}
.proizvod {
	width: 560px;
	height: 43px;
	margin-top: 3px;
}
.proizvod a {
	display: block;
	width: 470px;
	height: 33px;
	padding-top: 10px;
	background: url(../images/proizvod-back-en.jpg) 0 -43px no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 90px;
}
.proizvod a:hover {
	background: url(../images/proizvod-back-en.jpg) 0 0 no-repeat;
	color: #d32228 !important;
}
.proizvod h1 {
	position: absolute;
	display: block;
	float: left;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: normal;
	width: 85px !important;
	height: 43px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 4px;
	cursor: default;
}
#subsplashbigger {
	width: 605px;
	height: 182px;
	/*background: url(../images/subsplashcontent-back.jpg) 0 0 repeat-x;*/
	margin-top: 13px;
	float: left;
}
#subsplashadd {
	width: 352px;
	padding-left: 18px;
/*	height: 177px;*/
	padding-top: 15px;
	/*background: url(../images/splashsubadd.jpg) 0 0 no-repeat;*/
	margin-top: 13px;
	float: left;
	color: #ccc;
	line-height: 16px;
	width:370px;
	max-height:182px;
	padding-top:0;
}
#subsplashadd p {
	width: 296px;
	margin: 0;
	padding: 0;
	padding-top: 11px;
}
#subsplashadd h1 {
	color: #fff;
}
#subsplashadd a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
#subsplashadd a:hover {
	color: #d32228;
}
#mapa {
	width: 346px;
	padding-left: 28px;
	height: 303px;
	background: url(../images/mapa-background.jpg) 0 0 no-repeat;
	margin-left: 6px;
}
#mapa img {
	display: block;
	padding-left: 7px;
	padding-top: 22px;
}
.mapinfo {
	width: 268px;
	padding-left: 12px;
	padding-top: 15px;
}
.mapinfo h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #333;
	padding-bottom: 5px;
}
.mapinfo p {
	margin: 0;
	padding: 0;
	line-height: 16px;
	color: #666;
	display: block;
}
.mapinfo p span {
	display: block;
	float: right;
}
#proizgal {
	padding-top: 20px;
	line-height: normal !important;
}
#proizgal img {
	margin: 0 !important;
	padding: 0 !important;
}
#proizgal a {
	display: block;
	padding: 1px;
	border: 1px solid #f3f3f3;
	text-decoration: none;
	float: left;
	margin-right: 7px !important;
	margin-bottom: 7px !important;
}	
#proizgal a:hover {
	border: 1px solid #d32228;
}	

/* added by Boban */
#contentholder ul li {
	color: #666;
}
#contentholder ul li a {
	color: #666;
	text-decoration: none;
}
#contentholder ul li a:hover {
	color: #d32228;
}
#leftsub a {
	color: #666;
	text-decoration: none;
}
#leftsub a:hover {
	color: #d32228;
}
span.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

.txtCenter{
	text-align:center;
}

.productName{
	padding:4px 0 ;
}
img.product-thumb{
	width:100%;
}

.box{
	position:relative;
}
.box .box-content-wrap,.box .box-oem{
	width:50%;
	float:left;
}
.box .box-content{
	padding:10px 20px;
	line-height:1.5em;
	/*letter-spacing:2px;*/
	
}
.box .box-content.box-content-no-top-padding{
	padding-top:0;
}
img.img-vehicle{
	width:100%;
	height:auto;
}
@media only screen and (max-width:767px) {
.box .box-content-wrap,.box .box-oem{
	width:100%;
	float:left;
}
.box .box-content{
	padding:6px 10px 10px 10px;
}
.box .box-content.box-content-no-top-padding{
	padding-top:0;
	padding-left:0;
	padding-right:0;
}
}
#slider-customer {
	overflow:hidden;
	position:relative;
	background-color:#fff;
}
#slider-customer .slider-inner {
	width:100%;
	overflow:hidden;
	/*max-height:500px;*/
}
#slider-customer .slider-inner > .slide {
	height:100%;
}


#slider-customer .slick-arrow {
	position:absolute;
	z-index:10;
	top:50%;
	color:transparent;
	background-color:transparent;
	border:0;
	height:77px;
	width:25px;
	background-size:contain;
	background-repeat:no-repeat;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	outline:0;
}
#slider-customer .slick-prev {
	left:20px;
	background-image:url(/images/arrow-left.png);
}
#slider-customer .slick-next {
	right:20px;
	background-image:url(/images/arrow-right.png);
}

@media only screen and (max-width:767px) {
#slider-customer .slick-arrow {
	height:30px;
	width:20px;
}
}
.bold{
	font-weight:bold;
}


body.popup-display {
	overflow:hidden !important;
	position:relative;
}

.hover-item {
	cursor:pointer;
}
.overlay {
	display:none;
	background-color:rgba(255, 255, 255, 0.95);
	height:100%;
	width:100%;
	left:0;
	top:0;
	margin:0;
	position:fixed;
	z-index:10000;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
.overlay > .navigation {
	position:absolute;
	top:50%;
	margin-top:-24px;
	width:100%;
	height:48px;
	padding:0 3%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:10;
}
.overlay > .navigation .prev, .overlay > .navigation .next {
	height:48px;
	width:26px;
	cursor:pointer;
	float:left;
	background:url(/images/prev-arrow.png);
	background-repeat:no-repeat;
}
.overlay > .navigation .next {
	float:right;
	background:url(/images/next-arrow.png);
	background-repeat:no-repeat;
}
.overlay .close {
	position:absolute;
	width:26px;
	height:26px;
	top:3%;
	right:3%;
	background:url(/images/close.png) no-repeat center center;
	cursor:pointer;
}
.overlay .content {
	position:relative;
	display:none;
	margin-bottom:30px;
	top:50%;
	margin-top:-240px;
}
.overlay .overlay-inner {
	width:900px;
	margin:0 auto;
	padding-top:0;
	height:100%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.overlay .overlay-scroll {
	height:100%;
	overflow:auto;
}
.overlay .content > .image {
	height:100%;
	float:right;
	text-align:right;
	width:55%;
	position:relative;
}
 .overlay .content > .image img {
	border-bottom:8px solid red;
}
.overlay .content > .text {
	width:40%;
	float:left;
	text-align:left;
	padding:0;
	color:#000;
	
}
.overlay .content > .text h1 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
	margin:0 0 .2em 0;
	line-height:1.4em;
}
.overlay .content > .text h3 {
	font-weight:400;
	font-size:15px;
	margin:0 0 1em 0;
	color:#6d6194;
}
.overlay .content > .text .share {
	display:block;
	text-transform:uppercase;
	padding-left:25px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(/sites/all/themes/websiteByZiba/img/homepage/shareicon_violet.png) no-repeat center left;
	text-decoration:none;
}

.overlay .text {
	text-align:center;
	color:#5a5a5a;
	padding:60px 0;
	max-width:80%;
	margin:0 auto;
}
.overlay .text {
	height:290px;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s;
}
.overlay .text p {
	font-weight:300;
	max-width:745px;
	margin:0 auto;
}