/*
Theme Name: Hardex Brakes
Theme URI: http://www.designvetica.com/
Description: Unique WordPress theme for Hardex Brakes
Author: Design Vetica
Author URI: http://www.designvetica.com/
License: All Rights Reserved
*/

/* GONDENIAN RESET v 1.0 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, img, q, s, small, strike, strong, sub,sup, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol, ul, li {list-style: none;}:focus {outline: 0;}table {border-collapse: collapse;border-spacing: 0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;}del,ins {text-decoration:none;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400;}abbr,acronym {border:0;font-variant:normal;}legend {color:#000;}input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select {font-size:100%;}

body {font-size:62.5%;background:#f4f4f4;color:#666;font-family:arial;text-shadow:0 1px 0 #fff;}
a {text-decoration:none;}
.wrapper {width:960px;margin: 0 auto;}
.clear {clear:both;}

/* REGULAR STYLES START HERE */
#logo {width:320px;height:113px;background: url('images/hardex_logo.png') no-repeat;float:left;}
#logo a {display:block;width:320px;height:115px;}
#logo span {display:none;}
#contactheader {float:right;padding-top:30px;}
#contactheader span {display:block;font-size:1.4em;color:#5f5f5f;font-weight:700;padding-left:25px;line-height:1.7em;}
#contactheader a {color:#AAA;}
.canadian {background: url('images/canada.png') no-repeat center left;}

#nav {height:40px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dadada');background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dadada));background: -moz-linear-gradient(top,  #f8f8f8,  #dadada);border:1px solid #e3e3e3;box-shadow:0 1px 5px #e2e2e2;-webkit-box-shadow:0 1px 5px #e2e2e2;-moz-box-shadow:0 1px 5px #e2e2e2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:30px;}
#nav li {float:left;width:95px;} /*x3*/
#nav .big {width:130px;} /*x2*/
#nav .bigg {width:190px} /*x2*/
#nav a {display:block;text-align:center;height:40px;line-height:40px;color:#666;font-size:1.4em;font-weight:700;}

#slideshow {width:100%;height:330px;margin:20px 0;}
#pager a {text-indent:-9999px;background:#222;float:left;height:13px;width:13px;margin-left:15px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;display:block;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#pager {float:right;position:relative;z-index:9;margin-top:305px;margin-right:20px;}
#pager .activeSlide {background:#000;}
#homecontent h1 {font-size:3em;padding-bottom:0.5em;font-weight:700;}
#homecontent p {font-size:1.2em;line-height:1.7em;margin-bottom:15px;}
#hleft {float:left;width:60%;}
#hright {float:right;width:38%;padding-top:4px; position: relative; height: 400px;}
#moldinglogo {float:right;background: url('images/positivemolding.png') no-repeat center right;width:165px;height:133px;text-indent:-9999px;}
#moldinglogo a {display:block;width:165px;height:133px;}
#hundredlogo {float:left;background: url('images/100symbol.png') no-repeat center left;width:171px;height:133px;text-indent:-9999px;}
#newsbox{
	margin: 0!important;
	float: left;
	width: 242px;
	height: 116px;
	padding: 61px 31px 23px 31px;
	background: url('images/news-box.jpg') no-repeat;
	position: relative;
}
#newsbox ul{
	margin-bottom: 0;
}
#newsbox h3{
	font-size: 3em;
	margin-bottom: .5em;
}
#newsbox li{
	background: none;
	padding-left: 0!important;
	margin: 0!important;
	list-style-type: none;
}
#newsbox strong{
	font-weight: bold;
	font-size: 1.2em;
}
#newsbox .read-more{
	display: block;
	float: right;
}
#newsbox .read-more a{
	text-decoration: none;
	display: block;
	width: 70px;
	height: 14px;
	text-indent: -99999px;
	background: url('images/read-more.jpg') no-repeat;
	position: absolute;
	bottom: 24px;
	right: 34px;
}
.hentry {
	margin: 20px 0 40px 0;	
}

iframe {
	margin: 0;
	padding: 0;
}
#facebook {
	margin-left: 14px;	
	position: absolute;
	bottom: 0;
	z-index: 999;
}

#hundredlogo a {display:block;width:171px;height:133px;}
#vidthumb {margin-left:10px;margin-bottom:0px;float:left;width:171px;height:100px;text-indent:-9999px;padding-top:50px;}
#vidthumb a {display:block;width:171px;height:100px;}
.vidleft {background: url('images/vidright.jpg') no-repeat center left;}
.vidright {background: url('images/vidleft.jpg') no-repeat center left;}
#vidplay {clear:both;background: url('images/videoplay.jpg') no-repeat center left;width:333px;height:180px;margin:160px auto 0 auto;text-indent:-9999px;}
#vidplay a {display:block;width:333px;height:180px;}
.infobox {width:30%;margin-top:15px;margin-right:4%;border:1px solid #dedede;float:left;}
.infobox h3 {border-bottom:1px solid #dedede;padding:7px 5px;font-size:1.4em;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dadada');background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dadada));background: -moz-linear-gradient(top,  #f8f8f8,  #dadada);}
.infobox img {background:#FFF;width:100%;}
.lastbox {margin-right:0px;}

#page {margin:20px 0;}
#page h2 {font-size:3em;padding-bottom:10px;border-bottom:1px solid #DDD;margin-bottom:20px;font-weight:700;}
#page h3 {font-size:2em;margin-bottom:20px;}
#page p {font-size:1.3em;margin-bottom:15px;line-height:1.7em;}
#page ul, #page ol {margin:0 0 15px 30px;font-size:1.2em;line-height:2em;}
#page ul li {list-style:disc outside;}
#page ol li {list-style-type:decimal}
#page ol ul li {font-size:0.9em;list-style:disc outside;}
#page ul ul li {font-size:0.9em;}
#page a[href] {color:#353535;border-bottom:1px dashed #a3a3a3;}
#page a:hover {border-bottom:1px dashed #666;}
#page strong {font-weight:700;}
#page .alignright {float:right;margin-left:20px;}
#page .alignleft {float:left;margin-right:20px;}
#page .answer {display:none;}
#page #sharethis_0 {font-size:0.5em;float:right;margin-top:15px;}
#page #sharethis_0 a {border:none;}

#page .left {float:left;width:45%;}
#page .right {float:right;width:33%;background:#fff;padding:25px 35px;text-shadow:0 1px 0 #fff;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
#contact h3 {font-size:2em;color:#666;margin-bottom:20px;}
#contact a {color:#8B8B8B;text-decoration:none;}
#contact textarea {padding:5px;line-height:20px;width:450px;height:190px;}
#contact #submit {border:none;background:#666;color:#fff;text-shadow:0 1px 0 #454545;letter-spacing:0.5px;padding:5px 20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#contact span.wpcf7-not-valid-tip {top:-6px!important;width:190px!important;margin-left:277px;}
.wpcf7-list-item {width:30%;float:left;}

#footer {margin:25px 0; position: relative}
#footer li{float:left;}
#footer ul {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dadada');background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dadada));background: -moz-linear-gradient(top,  #f8f8f8,  #dadada);border:1px solid #e3e3e3;box-shadow:0 1px 5px #e2e2e2;-webkit-box-shadow:0 1px 5px #e2e2e2;-moz-box-shadow:0 1px 5px #e2e2e2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 0 15px;}
#footer a {display:block;text-align:center;color:#6d6d6d;font-size:1.2em;padding-right:5px;border-right:1px solid #858585;margin: 5px 7px 7px 0;}
#footer a:hover {color:#434343;}
#footer .last {border:none;}
#footer span {font-size:1.3em;padding-top:20px;display:block;}

/* SUCKERFISH */
#suckerfishnav {
    width:100%;
	z-index:10;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    margin:0;
    width:100%;
	z-index:10;
    }
#suckerfishnav a {
display:block;font-size:1.4em;font-weight:700;z-index:10;
    }
#suckerfishnav li {
    float:left;
    padding:0;
	z-index:10;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    line-height:1;
    border:0;
	padding:0;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
    border:1px solid #d7d7d7;
z-index:10;
    }
#suckerfishnav .big ul {margin-left:35px;}
#suckerfishnav .bigg ul {margin-left:30px;}

#suckerfishnav li li {
    width:151px;
	height:30px;
    font-weight:normal;
    font-family:verdana,sans-serif;
	z-index:10;
    }
#suckerfishnav li li a {
    padding:0 10px;
    width:150px;
    font-size:1em;
    color:#7C7C7C;
	text-align:left;
	text-shadow:none;
	z-index:10;
	line-height:30px;
    }
#suckerfishnav li ul ul {
	width:200px;
    margin:-41px 0 0 150px!important;
    }
#suckerfishnav li ul ul li {
	width:200px;
}
#suckerfishnav li ul ul a {
	width:200px;
}
#suckerfishnav li li:hover {
    background:#5F5F5F;
    }
#suckerfishnav li .last:hover{
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#393939;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#7C7C7C;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fff;	
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    }

/* FANCYBOX */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 3px;
	right: -3px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}


/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.lof-slidecontent, .lof-slidecontent a {	color:#FFF;	}
.lof-container {}.lof-slidecontent{	position: relative;}
.lof-slidecontent .preload{	position:absolute;	top:0;	left:0;	z-index:2; height: 100%; width: 100%;}
.lof-main-outer {position: relative; overflow:hidden;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{	display:block;	width:58px!important;	color:#FFF;	cursor:pointer;	position:absolute;	height:100%;	top:0;}
.lof-main-outer .lof-next {	right:0px!important;}
.lof-main-outer .lof-previous {	left:0px!important;}
.lof-main-wapper li {border: none !important;}

/* main flash */
ul.lof-main-wapper{	/* margin-right:auto; */	background: transparent;	padding:0 !important;	margin:0 !important;	position: relative;}
ul.lof-main-wapper li{	padding:0 !important;	margin:0 !important;	float:left;	list-style: none;	position:relative;}
ul.lof-main-wapper li a img {border:none !important;}
.lof-opacity {	overflow:visible  !important;;	position:absolute !important;}
.lof-opacity  li{	position:absolute  !important;;	top:0;	left:0;	margin:0;	padding:0;	float:inherit  !important;}
ul.lof-main-wapper li img{	padding:0 !important; margin:0 !important; max-width: none !important; }

/* item navigator */.lof-navigator-wapper {	position:absolute;}
.lof-navigator-outer{	position:relative;	z-index:1;	height:180px;	overflow:hidden;	color:#FFF;	margin:0;	padding:0;}ul.lof-navigator{	top:0;	padding:0;	margin:0;	position:relative;	width:100%;}
ul.lof-navigator li{	cursor:pointer;	list-style:none;	padding:0;	margin: 0;	overflow:hidden;	float:left;	display:block;	text-align:left; border: none !important;}
ul.lof-navigator li span {	display: none;}
ul.lof-navigator li.active {		display:block;}


#footer .hardex {
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -99999em;
	margin: 10px auto 0;
	background: url(images/hardex-icon.png) no-repeat;
	background-position: 0 -55px;
	border: none;
}
#footer .hardex:hover {
	background-position: 0 0;
}