@charset "utf-8";
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: #282827; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.container { background: #FFF; width: 1000px; margin: auto; position: relative; }

/*.header { background: #1E1E1E; width: 900px; height: 63px; padding: 17px 50px 0; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; position: absolute; z-index: 9999; }*/
.header { background: rgba(30,30,30,0.4); width: 900px; height: 63px; padding: 17px 50px 0; position: absolute; z-index: 9999; }
.header .logo { width: 90px; height: 51px; left: 50px; position: absolute; }
.header .logo a { background: url(../img/logo.png) no-repeat; width: 90px; height: 51px; float: left; }
.header .logo h1 { display: none; }
.header .menu { width: 550px; text-transform: uppercase; text-align: right; padding-top: 37px; margin: 0 0 0 auto; }
.header .nav li { display: inline; }
.header .nav li a { color: #FFF; padding: 5px; margin-left: 25px; }
.header .nav li a:hover { color: #078381; }
.header .nav li.active a { color: #078381; }

.slider-wrapper { background: #373737; height: 600px; }
.nivo-controlNav { margin-top: -62px; position: relative; z-index: 10; }

.banner_products { height: 600px; overflow: hidden; }

.banner_temp { height: 600px; background: url(../img/banner_carproducts.jpg) no-repeat; }
.banner_temp2 { height: 600px; background: url(../img/banner_marineproducts.jpg) no-repeat; }

.products_for { background: url(../img/products_for.jpg) no-repeat; height: 452px; padding: 87px 78px 61px 0; }
.products_for li { width: 314px; height: 87px; padding: 0 0 34px 147px; display: inline; float: left; }
.products_for li a { width: 314px; height: 87px; float: left; }
.products_for li a span { display: none; }

.icon_car a { background: url(../img/icon_1.png) no-repeat; }
.icon_motorbike a { background: url(../img/icon_2.png) no-repeat; }
.icon_marine a { background: url(../img/icon_3.png) no-repeat; }
.icon_truck a { background: url(../img/icon_4.png) no-repeat; }
.icon_wheelchair a { background: url(../img/icon_5.png) no-repeat; }
.icon_forklift a { background: url(../img/icon_6.png) no-repeat; }
.icon_golfcart a { background: url(../img/icon_7.png) no-repeat; }

.category_list { min-height: 520px; height: auto !important; height: 520px; padding: 40px }
.category_list .title { height: 34px; }
.category_list .t_charger { background: url(../img/title_charger.png) no-repeat; }
.category_list .t_jumpstarters { background: url(../img/title_jumpstarters.png) no-repeat; }
.category_list .t_analyser { background: url(../img/title_analyser.png) no-repeat; }
.category_list .t_power_stabilizer { background: url(../img/title_power_stabilizer.png) no-repeat; }

.product_list { text-transform: uppercase; font-family: 'Arimo', sans-serif; font-weight: 700; letter-spacing: 1.5px; padding-top: 30px; }
.product_list li { display: inline; }
.product_list li a { width: 400px; height: 130px; margin: 0 0 25px 50px; float: left; }
.product_list li a .thumb { background-position: center; width: 130px; height: 130px; float: left; }
.product_list li a .thumb span { display: none; }
.product_list li a .s_name { font-size: 26px; padding: 42px 0 0 10px; float: left; }
.product_list li a .s_name span { font-size: 16px; letter-spacing: 0; }

.BAC { background: url(../img/thumb_BAC.png) no-repeat; }
.BAH { background: url(../img/thumb_BAH.png) no-repeat; }
.BFA { background: url(../img/thumb_BFA.png) no-repeat; }
.BFD { background: url(../img/thumb_BFD.png) no-repeat; }
.BFH { background: url(../img/thumb_BFH.png) no-repeat; }
.BFJ { background: url(../img/thumb_BFJ.png) no-repeat; }
.BFM { background: url(../img/thumb_BFM.png) no-repeat; }
.BFP { background: url(../img/thumb_BFP.png) no-repeat; }
.BFS { background: url(../img/thumb_BFS.png) no-repeat; }
.BSC { background: url(../img/thumb_BSC.png) no-repeat; }
.BSE { background: url(../img/thumb_BSE.png) no-repeat; }
.DT { background: url(../img/thumb_DT.png) no-repeat; }
.BT { background: url(../img/thumb_BT.png) no-repeat; }
.BTA { background: url(../img/thumb_BTA.png) no-repeat; }
.BTZ { background: url(../img/thumb_BTZ.png) no-repeat; }
.JPR { background: url(../img/thumb_JPR.png) no-repeat; }
.LPS { background: url(../img/thumb_LPS.png) no-repeat; }
.BCA { background: url(../img/thumb_BCA.png) no-repeat; }
.JPS { background: url(../img/thumb_JPS.png) no-repeat; }
.SCJ { background: url(../img/thumb_SCJ.png) no-repeat; }
.PSB { background: url(../img/thumb_PSB.png) no-repeat; }

.product_info { height: 95px; color: #4C4B4C; font-family: 'Arimo', sans-serif; padding: 115px 50px 0; position: relative; }

.first_product { background: none !important; height: 280px !important; padding-top: 0 !important; }
.first_product .p_img_right { bottom: 0; }
.first_product .p_desc { padding: 10px 0 0 20px; }
.product { /*background-image: url(../img/bottom_shadow.png); background-repeat: no-repeat; background-position: top;*/ /*height: 325px;*/ height: 480px; color: #4C4B4C; padding: 40px 50px; position: relative; }
/*.product:nth-child(even) { background-color: #CECECE; }*/
.p_title { text-transform: uppercase; font-weight: bold; }
.p_series { color: #078281; font-size: 2.5em; }
.p_category { color: #078281; font-size: 2em; }
.p_model { font-size: 1.5em; padding: 17px 0 0 2px; }
.p_desc { width: 330px; font-family: 'Lato', sans-serif; font-size: 14px; list-style-type: disc; padding: 120px 0 0 20px; line-height: 150%; }
.p_img_left { left: 0; bottom: 100px; position: absolute; }
.p_img_right { right: 0; bottom: 100px; position: absolute; }

.comparison { background: url(../img/bottom_shadow.png) top no-repeat #CECECE; min-height: 300px; height: auto !important; height: 300px; padding: 50px; }
.comparison .title { background: url(../img/title_comparison.png) no-repeat; height: 24px; width: 221px; }
.comparison img { padding: 40px 0 15px; }

.bg_gray { background-color: #CECECE; }
.bg_shadow { background-image: url(../img/bottom_shadow.png); background-repeat: no-repeat; background-position: top; }

.maps { padding-top: 80px; width: 1000px; height: 500px; }

.contact { height: 450px; padding: 60px; }
.contact .list { width: 75%; }
.contact .list td { padding: 7px 0; }
.contact h2 { font-size: 18px; }
.contact h3 { font-size: 16px; }

/*
.footer { background: #373737; height: 300px; padding-top: 30px; }
.footer .title { background: url(../img/title_contact.png) no-repeat; width: 173px; height: 19px; margin: auto; }
*/

.social { width: 163px; padding-top: 150px; margin: auto; }
.social:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.social li { display: inline; }
.social li a { background: url(../img/social_icons.png) no-repeat; width: 29px; margin-right: 15px; float: left; }
.social span { display: none; }

.social li .youtube { background-position: 0px 0px; height: 29px; }
.social li .facebook { background-position: -29px 0px; height: 29px; }
.social li .twitter { background-position: -58px 0px; height: 29px; }
.social li .email { background-position: -87px 0px; height: 29px; }
.social li .google { background-position: -116px 0px; height: 29px; }
.social li .linkedin { background-position: -145px 0px; height: 29px; }

.footer { background: #373737; height: 14px; color: #FFF; text-align: center; font-size: 11px; padding: 40px 0; }

a { color: #068281; }
a:hover { color: #054847; }
a:link, a:visited, a:active { text-decoration: none; }

.title span { display: none; }

.left { float: left; }
.right { /*text-align: right;*/ float: right; }
.last a { border-right: 0 !important; margin-right: 0 !important; }

.clearfix {	display: inline-block; }
.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }