/* NFC stylesheet designed by M.Koyak July, 2010 for Nissan Forklift Corporation North America  */

/**********RESET**********/

header, footer, article, nav, section, aside, hgroup {display: block;}
time {display: inline;}
img {border: none;}
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 {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; list-style: none;}
html {height: 100%;}
body {font-family: Verdana, Geneva, sans-serif; background: #fff; color: #6D6C72; height: 100%;}
ol, ul, li {list-style: none outside none;}
h1, h2, h3, h4 {line-height: 1.3em; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; text-decoration: none;}
h1 {font-size: 18px; font-style: italic;}
h2 {font-size: 12px;}
h3 {font-size: 11px;}
h4, h5 {font-size: 10px; line-height: 1.2em;}
p {font-size: 10px; line-height: 18px;}
a {text-decoration: none; }
a:hover {color: #C91F46;}
:focus {outline: 0;}

/**********WRAPPERS**********/

#wrapper {
	height: auto !important;
	margin: 0 auto;
	min-height: 100%;
	width: 100%;
}
#wrapperProduct { 
	float: right;
	margin: 0 0 35px 0;
	width: 763px;
	overflow: hidden;
}
.full {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.fullShadow {
	width: 1000px;
	
	margin: 0 auto;
	padding-top: 1px;
}
.center {
	width: 960px;
	height: auto;
	margin: 0 auto;
}
.asideLeft {
	float: left;
	width: 194px;
	height: 100%;
	min-height: 750px;
	border-right: #fff 3px solid;
	background: url(../images/left_nav_bg2.gif) repeat-y 0 0;
}
.asideRight {
	float: right;
	width: 763px;
	height: 100%;
	min-height: 720px;
}
.clear {
	float: none;
	clear: both;
}
.divide { width: 100%; height: 5px; border-top: 1px solid #9d9d9d;}

/**********ENRICHED**********/

/* 
CSS3 + vendor-specific styles

-webkit	 	Safari
-moz 	 	Firefox
*/

a:link, a:visited {-webkit-transition: color .2s linear;}
a:hover {color: rgba(201,31,70,.8);}
nav li a {-webkit-transition: background-color .4s linear;}
nav ul li a.relief {color: #C71340;}
nav ul li a.relief:hover {color: #fff;}
nav li a:hover {color: #fff; background-color: #C91F46; text-shadow: none;}
nav li.selected a {}
/*#leftNavProd li a {-webkit-transition: background-color .4s linear;}
#leftNavProd li a:hover {color: #C91F46; background: rgba(0,0,0,.15); border-right: solid 3px #C91F46;}
#leftNavProd li.selected a {}*/


#leftNav li a {-webkit-transition: background-color .4s linear;}
#leftNav li a:hover {color: #C91F46; background: rgba(0,0,0,.15); border-right: solid 3px #C91F46;}
#leftNav li.selected a {}
.leftNav-more {margin-left: 15px; padding-top: 100px;}
#leftNav-more li a {-webkit-transition: background-color .4s linear;}
#leftNav-more li a:hover {color: #C91F46; background: rgba(0,0,0,.15); border-right: solid 3px #C91F46;}
#leftNav-more li.selected a {}
.brochure {margin: 50px 0 0 15px; background: url(../images/buttons.png) no-repeat top left; color: #fff; display: block; font-size: 10px; font-weight: bold; height: 15px;
	padding: 8px 10px; text-shadow: 0px 1px 0px #222; width: 114px; }
.brochure a, .brochure a:hover { color: #fff; text-decoration: none; font-size: 10px;}
#buttonpadding {
	padding:0 0 0 14px;
}

/* 
Title:		IE patches
Author: 	dan@simplebits.com
*/

/* nav fix */
*:first-child+html #nav li { width: 24.9%; }
/* PNG fix */
* html #selector { /* for IE<6 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent;}
/* self-clear floats */
* html .group { /* IE6 */ height: 1%; }
*:first-child+html .group { /* IE7 */ min-height: 1px; }

/**********NAV**********/
nav {position: relative;margin: 0 0;font-size: 10px;height: 71px;}
nav ul {margin: 0 auto;}
nav ul li {float: left;width: auto;margin: 40px 0 0 0;text-shadow: 0 1px 0 rgba(255,255,255,.8);}
nav ul li.last {margin-right: 0;}
nav ul li a {display: block;float: left;width: 100%;font-size: 11px;line-height: 1.3em;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #9D9D9D;border-left: 1px solid #9D9D9D;}
nav ul li a strong {display: block;padding: .8em 15px;}
/* logo */
nav h1 a {float: left; width: 189px; height: 71px; background: url(../images/menu_logoblock.png) no-repeat top left;}
/* dealer nav */
#dealerNav { float: right; margin: 5px 15px 0 0; font-size: 10px; line-height: 1.2; text-transform: uppercase; color: #9D9D9D;}
#dealerNav p a:link, #dealerNav p a:visited {padding : 0px 10px; color: #9D9D9D; text-decoration: none;}
#dealerNav p a:hover {padding : 0px 10px; color: #C71340; text-decoration: none;}
/* left nav */
/*#leftNavProd {width: 186px; height: 100%;}
#leftNavProd ul {margin: 0 auto;}
#leftNavProd ul li {float: left; width: auto; margin: 0 0; }
#leftNavProd ul li a {display: block; width: 186px; font-size: 9px; line-height: 1.5em; text-decoration: none; letter-spacing: 1px; border-top: dotted 1px #9D9D9D; text-transform: uppercase; -webkit-transition: background-color .4s linear;}
#leftNavProd ul li a:hover {color: #C91F46; background: rgba(0,0,0,.15); border-right: solid 3px #C91F46;}
#leftNavProd ul li.selected a {}
#leftNavProd ul li a strong {display: block; padding: 1.5em 15px; text-transform: none; color: #6D6C72; font-weight:400; float:left;}*/

#truck_title {color:#c71444; text-transform:uppercase; font-size:9px; font-weight:bold;}
#truck_desc {font-weight:400; font-size:9px;}

#thumbnail_left {float:left;}
#leftNav {width: 186px; height: 100%;}
#leftNav ul, #leftInfo ul {margin: 0 auto;}
#leftNav ul li, #leftInfo ul li {float: left; width: auto; margin: 0 0;}
#leftNav ul li.first {font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #6D6C72;}
#leftNav ul li a {display: block; width: 186px; font-size: 10px; line-height: 1.5em; text-decoration: none; letter-spacing: 1px; color: #6D6C72; border-bottom: dotted 1px #9D9D9D;}
#leftNav ul li a strong {display: block; padding: 1.2em 15px;}

#leftInfo {width: 160px; margin-top: 20px; font-size: 12px; color: #6D6C72; padding: 0 10px 0 15px;}
#leftInfo a { text-decoration: none; color: #6d6c72;}
#leftInfo ul {margin: 0 auto;}
#leftInfo ul li {float: left; width: auto; margin: 0 0;}
#leftInfo a:hover { text-decoration: underline; color: #c91f46;}
#leftNav-more {width: 186px; height: 100%;}
#leftNav-more ul, #leftInfo-more ul {margin: 0 auto;}
#leftNav-more ul li, #leftInfo-more ul li {float: left; width: auto; margin: 0 0;}
#leftNav-more ul li.first {font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #6D6C72;}
#leftNav-more ul li a {display: block; width: 186px; font-size: 10px; line-height: 1.3em; text-decoration: none; letter-spacing: 1px; color: #6D6C72; border-top: dotted 1px #9D9D9D;}
#leftNav-more ul li a strong {display: block; padding: .8em 15px;}
#leftInfo-more {width: 160px; margin-top: 20px; font-size: 12px; color: #6D6C72; padding: 0 10px 0 15px;}
#leftInfo-more a { text-decoration: none; color: #6d6c72;}
#leftInfo-more a:hover { text-decoration: underline; color: #c91f46;}
/* bread nav */
#navbread {width: 753px; height: 20px; margin: 10px auto 10px auto; float: left; font-family: Verdana, Geneva, sans-serif;}
#navbread ul {list-style-type: none; color: #6d6c72;font-size: 10px;line-height: 1.3em;margin: 0 0 2px 0;display: inline;}
#navbread a {text-decoration: none; text-indent: none; display: inline; }
#navbread a, #navbread a:active,  #navbread a:visited {color: #6D6C72; font-weight: bold; }
#navbread a:hover {color: #C71444;text-decoration: underline;font-weight: bold;}

/**********MASTHEAD**********/
#masthead {
	width: 753px;
	height: 86px;
	background: transparent url(../images/mastheads.png) no-repeat top left;
	margin-bottom: 20px; 
	overflow: hidden;
	-moz-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-goog-ms-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-goog-ms-border-bottom-right-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: #6D6C72 1px solid;
}
#masthead[title=General] {background-position: 0 0;}
#masthead[title=Demand] {background-position: 0 -86px;}
#masthead[title=DURA-LIFT] {background-position: 0 -172px;}
#masthead[title=Green] {background-position: 0 -258px;}
#masthead[title=Training] {background-position: 0 -344px;}
#masthead[title=Webinar] {background-position: 0 -430px;}
#masthead[title=Lineup] {background-position: 0 -516px;}

/**********SECTIONS**********/
header.dealerNav {
	width: 960px;
	height: 5px;
	margin: 0 auto;
	/*background: url(../images/bg-owned.png) no-repeat top left;*/
}
header.main {
	width: 960px;
	height: 71px;
	margin: 0 auto;
	border-bottom: #9D9D9D 1px solid;
	background: url(../images/bg-headermain.jpg) repeat-x bottom left;
}
#wrapperProduct li {
	display: inline;
}
#imgGall {
	width: 200px;
	font-size: 10px;
	display: inline-block;
	margin: 20px 20px 0 0;
}
#contentProduct .nonPanel {padding-left: 10px;}
.nonPanel ul {
	width: 400px;
	line-height: 18px;
	font-size: 12px;
	display: block;
	list-style: none;
	margin-left: 30px;
	padding-left: 1em;
	text-indent: -1.0em;
	color: #6d6c72;
	margin-bottom: 2px;
}
.nonPanel ul li {list-style-type: disc; list-style-position: inside;}
.nonPanel h2 {
	font-size: 18px;
	font-weight: bold;
	color: #6d6c72;
	text-shadow: 1px 1px 5px rgba(0,0,0,.3);
	padding-top: 8px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	font-style: italic;
}
#titleWebinar h2 {
	display: block;
	height: 45px;
	width: 402px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	font-family: Verdana;
	text-transform: none;
	font-size: 24px;
	font-weight: bold;
	color: #C91F46;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	letter-spacing: -.06em;
}

#aboutWebinar {position: absolute;}
#aboutWebinar p {padding-top: 10px;}
#aboutWebinar p, #aboutWebinar li { font-size: 12px; text-transform: none;}
#aboutWebinar h4 { font-size: 12px; text-transform: none; color:#C91F46; }
#aboutWebinar { width:402px; padding-left: 10px; padding-top: 10px;}

/********* BANNER ***********/
#banner_body {
	width: 960px;
	height : 100%;
	margin: 0 auto;
	color : #a4a4a4;
	cursor : default;
	font-size : 11px;
	line-height : 16px;
	text-align : center;
	background-color : #fff;
	background-position : 50% 0;
	background-repeat : no-repeat;
	font-family : Tahoma, sans-serif;
	}
#banner a:link, #banner a:visited {
	color : #fff;
	text-decoration : none;
	}
#banner a img {
	border : 0;
	}
.wrap {
	width : 960px;
	margin : 0 auto;
	text-align : left;
	}
#banner {
	margin : -1px 0 0;
	}
#video-header {
	height : 683px;
	margin : -1px 0 0;
	}
#banner .wrap {
	height : 365px;
	}
#slide-holder {
	z-index : 40;
	width : 960px;
	height : 365px;
	position : absolute;
	}
#slide-holder #slide-runner {
	width : 960px;
	height : 365px;
	overflow : hidden;
	position : absolute;
	}
#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
	}
#slide-holder #slide-controls {
	left : 0;
	bottom :300px;
	width : 960px;
	height : 46px;
	display : none;
	position : absolute;
	}
#slide-holder #slide-controls p .text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
	}
#slide-nav a {
		width : 16px;
		height : 16px;
		float: right;
		display : inline;
		font-size : 0;
		color: #000;
		margin : 0 5px 0 0;
		line-height : 0;
		font-weight : bold;
		text-align : center;
		text-decoration : none;
		background: transparent url(../images/silde-nav-small.png) no-repeat 0 0;
		}
		#slide-nav a:hover {
			background-position: 0 bottom;
			color: #c51733;
			}
			
/********** NEWS **********/
#news {
	padding: 5px;
	height: 94px;
	width: 230px;
	background: url(../images/footer_bknd.jpg) repeat-x top left;
	background-color: #fff;
	float: left;
	border-top: 1px solid #9D9D9D;
	font-size: 9px;
	line-height: 1.8em;
}
#news h3 {
	width: 230px;
	height: 20px;
	padding: 5px 0 0 3px;
	display: block;

	color: #5d5d5d;
}
#news ul {
	width: 230px;
	height: 70px;
	display: block;
	padding-left: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #ebebeb;
}
#news ul li {
	width: 300px;
	list-style-type: disc;
	list-style-position: inside;
}
#news a, #news a:visited {
	color: #5d5d5d;
	text-decoration: none;
}
#news a:hover {
	color: #C91F46;
	text-decoration: underline;
}
#newsHead {
	width: 520px;
	height: auto;
	margin-bottom: 20px;
	padding: 0 0 0 10px;
	float: right;
}
#newsImg {
	width: 213px;
	height: 95px;
	float: left;
	margin-bottom: 20px;
}

/********** SLIDER **********/
#slider {width: 960px; height: 105px; margin: 0 auto;}
#slider_wrap {padding: 5px; height: 94px; width: 710px; background: url(../images/footer_bknd.jpg) repeat-x top left; background-color: #fff; float: right; border-top: 1px solid #9D9D9D;}
.slider {/* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0;}
.slider li{/* these are required, but the values are up to you (must be pixel) */ width: 138px; height: 94px;/*do not change these */ display: block; overflow: hidden; padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */}
.slider.horizontal li {/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */ margin-right: 5px; /*Set to same as spacing option. */	float: left;}
.slider.vertical  li{/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */ margin-bottom: 5px; /*Set to same as spacing option. */}
#slider_1, #slider_2, #slider_3, #slider_4, #slider_5 { background-color: #EBEBEB;}
.slider.horizontal #slider_5 {margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */}
.slider.vertical #slider_5 {margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */}
#slider_1 a, #slider_2 a, #slider_3 a, #slider_4 a, #slider_5 a {display: block; height: 94px; width: 94px; text-decoration: none; background-color: #fff; color: #5d5d5d;}
#slider_1 img, #slider_2 img, #slider_3 img, #slider_4 img, #slider_5 img {position: absolute;}
#slider_1 p, #slider_2 p, #slider_3 p, #slider_4 p, #slider_5 p {width: 250px; display: block; margin-left: 150px; font-size: 9px; line-height: 12px;}

/********** FOOTER **********/
footer {font-size: 11px;color: #9D9D9D;border-top-width: 1px;border-top-style: solid;border-top-color: #9D9D9D;}
footer h1 {float: left;}
footer li a:link, footer li a:visited {padding : 0px 10px;color: #9D9D9D;text-decoration: none;}
footer li a:hover {padding : 0px 10px;color: #C71340;text-decoration: none;}
footer ul li {float: left;width: auto;margin: 0 0 0 0;padding: 10px 0 0 10px;}
footer ul li a {display: block;padding : 0px 10px;float: left;line-height: 1.3em;text-decoration: none;color: #9D9D9D;border-left: 1px solid #9D9D9D;}

/********** SOCIAL LINKS **********/
#soc_links {margin: 0 15px 0 0;float: right; display: block;}
#soc_links ul sp { list-style-type: none; display: inline;}
a.youtube {width: 60px;height: 60px;background: transparent url(../images/YouTube_pop.png) no-repeat 0 0;float: right;}
a.youtube:hover {background-position: 0 bottom;}
a.twitter {width: 60px;height: 60px;background: transparent url(../images/Twitter_pop.png) no-repeat 0 0;float: right;}
a.twitter:hover {background-position: 0 bottom;}
a.linkedin {width: 60px;height: 60px;background: transparent url(../images/LinkedIn_pop.png) no-repeat 0 0;float: right;}
a.linkedin:hover {background-position: 0 bottom;}
a.facebook {width: 60px;height: 60px;background: transparent url(../images/Facebook_pop.png) no-repeat 0 0;float: right;}
a.facebook:hover {background-position: 0 bottom;}

/********** ZOOM **********/
.slideshow {height: auto;width: auto;margin-top: 20px;margin-left: 15px;text-align: center;float: right;}
.caption {width: 240px;font-size: 12px;padding: 10px 10px;display: block;}

/********** WEBINARS ***********/
#titleWebinar {
	float: left;
	height: 53px;
	width: 412px;
	position: absolute;
	margin-left: 39px;
}
#aboutWebinar {
	height: 610px;
	width: 412px;
	margin-top: 53px;
	float: left;
	position: absolute;
	margin-left: 39px;
}
#widgets {
	height: auto;
	width: 302px;
	margin-left: 451px;
	text-align: center;
	float: right;
}

/******** LEADERSHIP PAGE ************/
#leadership_panel{
	width:573px;
	margin:25px 0 0 20px;
	float:left;	
}

#leadership_name {
	color:#717174;
	font-size:20px;
	font-weight:500;	
}

#leadership_title {
	color:#c91f46;
	font-size:15px;
	font-style:italic;
	font-weight:500;
}

.leadership_bar {
	width: 753px;
	clear: both;
	border-top: #6D6C72 1px solid;
	margin: 35px 0 35px 0;
}

.leadership_left {
	float:left;
	margin:25px 0 0 0;
}