@charset "utf-8";
/* CSS Document */
body {
	font-size: 100.1%;
	color: #333333;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff
}
form {
	margin: 0;
}
table {
	border-collapse:collapse;
}
#mainbody {
	width: 1000px;
	margin:0 auto;
}
#mainbody.noItem #fullpage{
	max-height: 340px;
}
#pageheader-container{
	position:relative;
	height: 110px;
	background:url(/brand/johnsontruckbodies/bg-page-head-container.jpg) center center no-repeat;
	border-bottom: solid 2px #000;
}
#headImg1{
	position:absolute;
	top: 6px;
	left: 10px;
	width:284px;
	height:109px;
	background:url(/brand/johnsontruckbodies/localdot.png) center center no-repeat;
}
#headImg1 img{
	width:100%;
	height:100%;
}
#headImg2{
	position:absolute;
	top: 20px;
	right: 2%;
	width:164px;
	height:75px;
	background:url(/brand/johnsontruckbodies/logo-fleetwise.png) center center no-repeat;
}
/* old (static) heading logo img */
#pageheader-container a img{
	border:none;
}
#pgHdrTxt{
	position:absolute;
	top: 1px;
	left: 430px;
	width: 300px;
	text-align:center;
	color:#FFFFFF;
	font-size:1.2em;
	text-shadow: 1px 1px #555;
}
#pgHdrTxt.forPrint{
	font-size:1em;
}
#pgHdrTxt .phone{
	font-size:1.4em;
	font-style:normal;
	letter-spacing:0.06em;
}
#navtop {
	position:relative;
	height: 2.2em;
	line-height: 1.2em;
	color: #999999;
	font-size: 0.7em;
	background:#222 url(/brand/johnsontruckbodies/bg-navtop.png) repeat-x;
	border-bottom:solid 2px #000;
}
#navtop ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navtop li{
	display: block;
	float: right;
	font-weight:bold;
	/*border-left: solid 1px #333;*/
}
#navtop li:hover{
	/*background: #4B2E2E;*/
}
#navtop ul > li:last-child{

}
#navtop li a,#navtop li a:visited{
	display:block;
	padding: 6px 15px;
	color: #E7E7E7;
	text-decoration: none;
}
#navtop li a:hover{
	color: #fff;
	background:url(/brand/johnsontruckbodies/bg-navtop-hover.png) repeat-x;
}
.navtopphone,.navtopemail{
	position:absolute;
	font-size: 1em;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 2.4em;
}
.navtopphone{
	left: 0;
	top: -6px;
	width: 160px;
	font-size:1.4em;
}
.navtopemail{
	left:150px;
	width:160px;
}
.navtopemail a,.navtopemail:visited{
	color:#fff;
}
.navtopemail a:hover{
	text-decoration:none;
}
#catbox{
}

#nav2 {
	width:100%;
	height:40px;
background: #2e5370;
background: -moz-linear-gradient(top,  #2e5370 0%, #1b2e3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e5370), color-stop(100%,#1b2e3d));
background: -webkit-linear-gradient(top,  #2e5370 0%,#1b2e3d 100%);
background: -o-linear-gradient(top,  #2e5370 0%,#1b2e3d 100%);
background: -ms-linear-gradient(top,  #2e5370 0%,#1b2e3d 100%);
background: linear-gradient(to bottom,  #2e5370 0%,#1b2e3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5370', endColorstr='#1b2e3d',GradientType=0 );

	border-bottom: solid 2px #4E0103;
}
#nav2 ul {
	float:right;
	height:40px;
	line-height:39px;
	margin:0;
	padding:0;
	list-style:none;
}
#nav2 li {
	display:inline-block;
	padding: 0 8px;
	margin:0;
	border-left: solid 2px #333;
}
#nav2 li:hover{
	background:#990000;
}
#nav2 li a,#nav2 li a:visited {
	display:block;
	font-size: 0.8em;
	font-weight:bold;
	text-decoration: none;
	color: #FFCB5E;
}
#nav2 li a:hover{
	color: #fff;
}
#nav2spacer{
	display:none;
	width: 100%;
	line-height: 0.5em;
}
#nav2-supplement{
	float:left;
	font-size: 0.75em;
	text-align: right;
}
a.nav2-supplementlink, a.nav2-supplementlink:visited{
	display:inline-block;
	float: right;
	padding: 20px 10px 0 10px;
	background-image: none;
	color: #FCEEBE;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
}
a.nav2-supplementlink:hover{
	color: #fff;
	text-decoration: underline;
}
a.nav2-supplementlink.navCheckout{
	color: #1D399A;
	font-size: 1.07em;
	margin-top: -2px;
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
}
a.nav2-supplementlink.navCheckout:hover{
	color: #b00;
	text-decoration: none;
}
.breaker{
	padding-left: 15px;
	color: #CCCCCC;
}
#nav {
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-top: 8px;
}
#nav a,#nav a:visited{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
	padding-right: 1px;
	padding-left: 1px;
	margin-left: 20px;
	font-weight: bold;
	border-bottom:solid 1px #67261B;
}
#nav a:hover{
	border-bottom-color: #BD6A21;
}
#leftColBanner{
	display:inline-block;
	width:100%;
	text-align:center;
}
#leftcol{
	float: left;
	/*width:240px;*/
	width:20%;
	min-height:600px;
	height:auto;
	background-color: #333;
	color: #fafafa;
	padding: 0 0 40px 0;
	border-right: solid 1px #480000;
	border-bottom-right-radius:16px;
	box-shadow: 2px 2px 8px #555;
}
#about{
	margin: 40px 8%;
}
#about p{
	margin: 8px 0 !important;
	font-size:0.9em;
	line-height:1.3em;
	color:#aaa;
}
#about p strong{
	text-shadow:1px 2px #222;
	color:#fafafa
}
#about p.head{
	margin-bottom: 6px !important;
	color:#fff;
	text-shadow:1px 0 #007AC4;
}
#about p.subHead{
	margin-top:0 !important;
	font-size:0.7em;
	font-style:italic;
	letter-spacing:0.1em;
}
#about p .lbl,#about p .lbl2{
	color:#ccc;
}
#about p .lbl{
	display:inline-block;
	width: 60px;
	margin-right: 5px;
	font-size:0.8em;
}
#about p .lbl2{
	padding-left: 8px;
	font-size:0.8em;
}
#about hr{
	height:1px;
	background:#000;
	border:none;
}
#leftcol img{
	width: 90%;
	max-width:230px;
	margin:20px auto;
	border:solid 1px #000;
	border-radius:9px;
}
#leftcol p{
	margin:0 0 5px 0;
}
#leftcol h1{
	font-size: 1.2em;
	padding-left: 7px;
	border-top: solid 1px #fafafa;
	border-bottom: solid 1px #ccc;
	margin-right: 7px;
	padding-bottom: 7px;
	text-align: center;
	margin-top: 25px;
	margin-left: 7px;
	padding-top: 7px;
	margin-bottom: 35px;
}
#leftcol h2{
	font-size: 1em;
	color: #F8F0E4;
	padding-right: 7px;
	padding-left: 22px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top:solid 1px #fcfcfc;
	border-bottom:solid 1px #ccc;
	margin-right: 15px;
	margin-left: 15px;
	text-align: right;
}
.leftcolcontactinfo{
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.3em;
	font-size: 0.9em;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 7px;
	background-color: #000;
	padding-right: 7px;
	margin-right: 7px;
	margin-left: 7px;
}
.leftcolemail{
	font-size: 0.85em;
}
.catalogCover img{
	max-width: 95%;
}
#rightcol{
	padding: 10px;
	margin-top: 60px;
	width: 600px;
	text-align: center;
	color: #000000;
	margin-bottom: 20px;
	float: left;
	margin-left: 100px;
}
#rightcol p {
	margin-top: 7px;
	margin-bottom: 7px;
}

a.go,visited{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #1F3B9F;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
	border: 2px solid #000000;
	display: block;
	height: 40px;
	font-size: 1em;
	line-height: 2.4em;
	margin-left: 200px;
	margin-top: 80px;
	float: left;
	text-align: center;
}
a.go:hover{
	background-color: #3F62DA;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
a.moreinfo,a.moreinfo:visited{
	color: #FFFF00;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	text-shadow:1px 1px #222;
}
a.moreinfo:hover{
	color:#FFFF80;
	text-shadow: 1px 1px #D24A09;
	text-decoration: underline;
}
.qtydisc a,.qtydisc a:visited{
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	background-color: #E9E9E9;
	display: block;
	padding-top: 1px;
	padding-left: 3px;
	border: 1px solid #333;
	background-image: url(bg-button-shared.png);
	background-repeat: repeat-x;
	background-position: left center;
	width: 98%;
}
.qtydisc a:hover{
	border-bottom-color: #000;
	background-color: #FFF;
	background-position: left bottom;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
}
.clearfloat,.clearFloat,.clrFloat{
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	clear:both;
}
.underline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2C5C70;
}
.txt-diminutive{
	color: #2C5C70;
}
.returnscrn-srchbox{
	width: 110px;
	margin: 1px 0 0 5px;
	padding: 2px 5px;
	font-size: 0.9em;
	color: #999;
	background-color: #fafafa;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #ccc;
	border-radius:4px;
}
#select-year select{
	margin-left: 5px;
	margin-top: 1px;
	font-size: 0.9em;
	color: #999;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #ccc;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
#searchtools.compressed p{
	font-size:0.9em;
}
a.returnscrn-srchbutton, a.returnscrn-srchbutton:visited{
	margin-left: 2px;
	padding: 0 3px;
	color: #f00;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
	background:#EEE3D2 url(/brand/johnsontruckbodies/grad-gray-shiny1.png) center center repeat-x;
	border: 1px solid #333;
	border-radius:4px;
}
a.returnscrn-srchbutton:hover{
	background:#fff;
	color:#333;
	border-color:#0F8AE6;
}
#searchtools{
	width: 80%;
	margin:0 auto;
	font-size: 0.8em;
	color:#fafafa;
}
#searchtools p{

}
#searchtools input,#searchtools select{
	width: 100%;
	margin:0;
	padding: 2px 5px;
	font-size: 0.9em;
	color: #555;
	border: 1px solid #000 !important;
	border-radius:4px;
}
#searchtools label{
	display:block;
}
#searchtools .lblSm{
	font-size:0.8em;
}
#searchtools a,#searchtools a:visited{
	margin:5px 3px 0 0;
	padding: 3px 9px;
	display:inline-block;
	text-align:center;
	color:#fff;
	background:#0076C0 url(/brand/johnsontruckbodies/grad-gray1.png) center top repeat-x;
	border:solid 1px #000;
}
#searchtools a:hover{
	background-color: #18A3F5;
}
#searchtools a:last-child{
	font-size:0.8em;
}

/* generation filters */
#genNavContainer{
	margin:20px 0;
}
#genNav{
	width:70%;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#genNav li{
	margin-bottom:1px;
}
#genNav li.activeGen a{
	background:#fff;
	border-color:#B9CEE6;
}
#genNav li a,#genNav li a:visited{
	display:block;
}

#catalogLinkList{
	margin-top: 40px;
}
#catalogLinkList a,#catalogLinkList a:visited{
	display:block;
	width: 170px;
	padding:4px;
	margin:auto;
	text-align:center;
	color:#0C6CB6;
	text-decoration:none;
	background:#fff url(/brand/johnsontruckbodies/grad-gray1.png) center top repeat-x;
	border: 1px solid #ccc;
	border-radius:4px;
}
#catalogLinkList a:hover{
	color:#555;
	background:#fff;
	border-color:#0C6CB6;
}
.returnscrn-srchlbl0{
	margin: 40px 0 20px 0;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color:#fafafa;
}
.returnscrn-srchlbl{
	font-size: 0.8em;
	margin-left: 18%;
	margin-bottom: 5px;
	float: left;
	display: block;
	width: 40px;
	margin-top: 3px;
	text-align: right;
}
.returnscrn-srchlbl2{
	width: 100%;
}
.returnscrn-srchlbl3{
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 40px;
}
#itemcol{
	position:relative;
	float: right;
	width:79%;
}
#itemcol p{
	margin-top: 0px;
	margin-bottom: 4px;
}
#itemListContainer{
	position:relative;
	border-top: dotted 1px #aaa;
	border-left: dotted 1px #aaa;
	margin-right:16px;
}
.item{
	position:relative;
	float: left;
	width: 184px;
	height: 350px;
	padding: 15px 4px 0 4px;
	overflow: hidden;
	font-size: 1em;
	background-color: #fff;
	text-align: center;
	border-right: dotted 1px #aaa;
}
.imgtxt{
	display: block;
	height:120px;
	margin: 0 auto 11px auto;
	text-align: center;
}
.imgtxt a img{
	border-radius:5px;
}
.imgtxt a{
	text-align: center;
	display: block;
	height:100%;
	margin: auto;
}
.imgtxt a img{
	height: 100%;
	width:auto;
	padding: 1px;
	margin: 2px auto;
}
.imgtxt a img.noClass{
	height:auto;
	width:auto;
}
.imgtxt a img.smallImg{
	height:auto;
	width: 100%;
}
.clearboth{
	clear:both;
}
/*push down content beneath image (ie 7)*/
.item-imgpusher{
	line-height: 0px;
}
.itemother{
	text-align: left;
	padding-left: 4px;
}

a.prevButton.disabled,a.prevButton.disabled:visited,a.prevButton.disabled:hover,
a.nextButton.disabled,a.nextButton.disabled:visited,a.nextButton.disabled:hover{
	color:#aaa !important;
	background:#576168 !important;
	cursor:default;
	border-color:#454D52 !important;
	opacity:0.6;
}
.section-recsperpage{
	height: 40px;
	margin-right:15px;
	padding:9px 3px;
	line-height: 1.8em;
	text-align: right;
	font-size: 0.8em;
	color: #25689A;
}
.section-recsperpage a,.section-recsperpage a:visited{
	float: left;
	display: block;
	margin:7px 8px 0 0;
	padding:4px 8px;
	color: #fafafa;
	text-decoration: none;
	font-size: 0.9em;
	background:#3A5E85;
	border: solid 1px #263E57;
	border-radius:8px;
}
.section-recsperpage a:hover{
	background:#4999D3;
	color:#fff;
	border-color:#283140;
}
.section-recsperpage select{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #777;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #ccc;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
#pageidrow{
	position: relative;
	margin-bottom: 3px;
	font-size: 0.9em;
	font-weight:bold;
	color: #25689A;
	padding: 8px;
}
.generation{
	font-size:0.8em;
}
#announcement{
	display:none;
	margin: 10px;
	padding: 15px;
	background:#fff;
	border:solid 1px #777;
	border-radius: 7px;
	box-shadow: 2px 2px 4px #555;
}
.section-return-footer{
	margin: 20px 15px 20px 0;
	padding: 10px;
	text-align:right;
	font-size: 0.88em;
	color: #aaa;
	background:#555;
	border-radius: 6px;
	box-shadow:2px 2px 4px #999;
}
.section-return-footer a,.section-return-footer a:visited{
	margin-left: 2px;
	padding: 2px 7px;
	color:#fafafa;
	text-shadow:1px 1px #000;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
}
.section-return-footer a:hover{
	color:#fff;
	text-shadow:1px 1px #004A77;
	text-decoration:underline;
}
.section-return-footer a.disabled{
	display:none;
}
.txt-dim{
	color: #49546D;
}
.partname{
	font-size: 0.73em;
	line-height:1.8em;
}
.retailPrice,.dealerPrice{
	display:block;
	font-size:11px;
	color:#777;
}
.dealerPrice .dtlData,.dealerPrice .dtlLbl,
.dealerPrice .priceLbl,.dealerPrice .pricevalue{
	color:#D03737;
}
.priceLbl,.partname label{
	display:inline-block;
	width: 70px;
	font-weight:normal;
	font-size:11px;
	color:#777;
}
a.partnameurl,a.partnameurl:visited{
	display: block;
	min-height:20px;
	padding: 4px 4px 18px 4px;
	color: #555;
	font-weight:bold;
	text-decoration: none;
	background: transparent url(/brand/johnsontruckbodies/bg-item1.png) right 96% no-repeat;
	border: 1px solid transparent;
	border-radius:4px;
}
a.partnameurl:hover{
	color: #333333;
	background-image:url(/brand/johnsontruckbodies/bg-item2.png);
	background-color:#fff;
	border: 1px solid #ccc;
}
a.partnameurl.shrinkTxt{
	font-size:0.9em;
}
.partnum{
	color: #333333;
}
.optionmodifier{
	font-size: 0.8em;
	/*border: solid 1px #ddd;
	border-radius:5px;*/
}
.optionmodifier.shrinkHeight{
	min-height:20px;
}
.optionmodifier.omDtl{
	min-height:0;
	border:none;
}
.optionmodifier input,.inputqty input{
	padding: 2px 5px;
	font-size: 0.9em;
	color: #777;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #ccc;
	border-radius:4px;
}
.optionmodifier select{
	margin: 0px;
	padding: 0px;
	padding-left:0px;
	font-size: 0.8em;
	color: #777;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #ccc;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.optionmodifier-label{
	display:block;
	font-size: 0.85em;
	color: #777;
}
.yearVal,.pricevalue{
	color: #555;
	font-weight: bold;
	font-size: 1em;
}
.pricevalue{
	font-size:1.2em;
	font-style:italic;
}
.pkg{

}
.pricevalue input{
	width:58px;
	margin:0;
	padding:0;
	color: #555;
	font-weight: bold;
	font-size: 1em;
	background:transparent;
	border:none;
}
.partnumvalue{
	margin-right: 15px;
}
.qtyAvailable{
	display:none;
	font-size:0.8em;
	color:#333;
}
.qtyAvailableLbl{
	margin-right: 5px;
}
.colQoh{
	display:none;
}
.inputQtyCont{
	position:absolute;
	bottom:15px;
	right:10px;
	width: 90%;
	padding-bottom:10px;
	text-align:right;
	border-bottom: dotted 1px #aaa;
}
a.addtocart,a.addtocart:visited{
	padding:2px 8px;
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	background: #0075bf;
	background: -moz-linear-gradient(top,  #0075bf 0%, #004b7a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0075bf), color-stop(100%,#004b7a));
	background: -webkit-linear-gradient(top,  #0075bf 0%,#004b7a 100%);
	background: -o-linear-gradient(top,  #0075bf 0%,#004b7a 100%);
	background: -ms-linear-gradient(top,  #0075bf 0%,#004b7a 100%);
	background: linear-gradient(to bottom,  #0075bf 0%,#004b7a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075bf', endColorstr='#004b7a',GradientType=0 );
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #555;
	border-radius:4px;
}
a.addtocart:hover{
	background: #0081CE;
	border-color: #333;
}
.pkg{
	font-size: 0.8em;
	color: #333333;
}
.contactinfo{
	font-size: 0.9em;
	text-align: center;
	padding: 7px;
	margin-top: 15px;
	border: 1px solid #999999;
	color: #333333;
	background-color: #EEEACA;
}
.inputqty input{
	font-size: 0.78em;
	width: 20px;
	margin-right: 4px;
}
#fullpage{
	padding: 15px;
	/*margin: 2px;*/
	font-size: 0.87em;
	background:#fafafa;
	border:solid 1px #ccc;
}
#detailPage{
	float: left;
	width: 75%;
	margin-left: 35px;
	color:#fafafa;
}
#dtlItem{
	padding: 15px;
	margin-right:15px;
	border:solid 1px #ccc;
	border-radius: 9px;
	box-shadow:2px 2px 4px #aaa;
}
.detailPartName{
	font-style: normal;
}

.detailPartName h1{
	margin: 0 0 10px 0;
	font-size:1em;
	color:#555;
}
.detailPartName h1.discontinued,
.detailPartName h1 span.discontinued{
	color:#40648C;
}
.disclaimer{
	padding:4px;
	background:#fff;
	font-size: 0.9em;
}
.detailContinueShopping{
	margin:20px 0;
	padding:0;
	font-size:0.9em;
}
.detailContinueShopping a,
.detailContinueshopping a:visited{
	font-size: 1em;
	font-weight: bold;
	color:#0076C0;
}
.detailContinueShopping a:hover{
	text-decoration: none;
	color:#0099F4;
}

ul#partDtl{
	margin:0;
	padding:0;
	list-style:none;
}
ul#partDtl li{
	margin:2px 0;
}
.dtlLbl{
	display:inline-block;
	width: 100px;
	font-size:14px;
	font-weight:bold;
	color:#0077BD;
}
#partDtl .retailPrice .dtlLbl,
#partDtl .dealerPrice .dtlLbl{
	width: 100px;
	font-size:14px;
}
#partDtl .retailPrice .dtlData,
#partDtl .dealerPrice .dtlData{
	font-size:14px;
}
.dtlLbl.wide{
	width: 100px;
}
ul#partDtl li.addToCart{
	margin-top: 15px;
	text-align:right;
}
.dtlData{
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	color:#333;;
}
/* xref */
#xRef{


}
#xRef .dtlLbl,#xRef .dtlData, #xRefList{
	float:left;
}
#xRefList{
	margin:0 !important;
	padding:4px !important;
	border: solid 1px #ccc;
	border-radius:5px;
}
#xRefList li{
	padding:0 !important;
}
#xRefList .dtlLbl,#xRefList .dtlData{
	font-size:0.8em;
	font-weight:normal;
	padding:0;
}
#xRefList .dtlLbl{
	color:#418BC2;
}

#partDesc{
	margin:20px 0;
}
ul#partDtl li.addToCart input[type=text]{
	margin-right: 7px;
	padding:2px;
	color:#555;
	background: #dbdbdb;
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 32%, #ffffff 32%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(32%,#ffffff), color-stop(32%,#ffffff));
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 32%,#ffffff 32%);
	background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 32%,#ffffff 32%);
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 32%,#ffffff 32%);
	background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 32%,#ffffff 32%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );
	border: solid 1px #aaa;
	border-radius:3px;
}


#comment,#info{
	margin:2px 0;
}
#instruct a,#instruct a:visited{
	color:#FFF1CE;
	font-weight:bold;
}
#instruct a:hover{
	text-decoration:none;
}
#assocHead{
	padding:6px;
	font-size:0.9em;
	background:#9D360B;
	color:#fff;
	border: solid 1px #DE7A01;
	border-radius:3px;
}
#gallery{
	margin:10px 0;
}


/* detail picture gallery */
.dtlPicGallery{
	border: solid 1px #ccc;
	float:left;
}
/* mfrlogo on detail page*/
.mfrLogoDtl{
	float: right;
	width: 192px;
	height: 75px;
	margin-top: 20px;
}
.mfrLogoDtl img{
	border:0;
}

.label-bg{
	background-color:#f6f6f6;
	text-align: right;
	border: 1px solid #aaa;
}
.data-bg{
	background-color: #FFFFFF;
}
.data-bg-checkout input.payButton{
	min-width: 200px;
	padding:4px 16px;
	color:#0C6CB6;
	font-weight:bold;
	background:#fff url(/brand/johnsontruckbodies/grad-gray-shiny1.png) center center repeat-x;
	cursor:pointer;
}
.data-bg-checkout input.payButton:hover{
	background:#fff;
	color:#1083D8;
	border-color:#0C6CB6;
}
#shipInfo a,#shipInfo a:visited{
	color:#0C6CB6;
}
#shipInfo a:hover{
	color:#555;
	text-decoration:none;
}
#cartcontents{
	font-size: 1.3em;
	padding: 10px !important;
	font-style: italic;
	font-weight: bolder;
	color: #777;
	border:none !important;
}
a.cartcontrols, a.cartcontrols:visited{
	display:inline-block;
	text-decoration: none;
	margin:8px;
	padding:3px 8px;
	font-size: 0.85em;
	background:#0076C0;
	color:#fff;
	border: solid 1px #333;
	border-radius:5px;
}
a.cartcontrols:hover{
	background:#0099F4;
	border-color:#111;
}
a.checkout-continue-shopping,a.checkout-continue-shopping:visited{
	float:left;
	display: block;
	width: 190px;
	height: 20px;
	line-height:26px;
	margin:25px 3% 15px 0;
	font-size:1em;
	text-align: center;
	font-weight: bold;
	color:#0C6CB6;
}
a.checkout-continue-shopping:hover{
	text-decoration:none;
	color:#0F88E1;
	text-shadow:1px 1px #C6EBFF;
}
a.checkout,a.checkout:visited{
	float: left;
	display: block;
	width: 300px;
	height: 40px;
	margin:15px 3% 15px 0;
	padding:8px 0;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color:#fff;
	background: #0076c0;
background: -moz-linear-gradient(top,  #0076c0 0%, #006eb2 50%, #0067a3 51%, #005789 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076c0), color-stop(50%,#006eb2), color-stop(51%,#0067a3), color-stop(100%,#005789));
background: -webkit-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
background: -o-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
background: -ms-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
background: linear-gradient(to bottom,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076c0', endColorstr='#005789',GradientType=0 );

	border: 2px solid #555;
	border-radius:12px;
}
a.checkout:hover{
	background:#008ADD;;
	color:#fff;
	border-color:#111;
}
a.checkout b{
	display: block;
	font-weight: normal;
	color: #e3e3e3;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;
	font-size: 0.8em;
}
a.checkout:hover b{
	color: #fff;
}
.checkout-extra{
	text-align: center;
}
.privacy{
	margin:auto;
	padding:20px 120px;
	color:#777;
	word-spacing:0.15em;
	letter-spacing:0.14em;
	border: solid 1px #ddd;
	border-radius:9px;
	box-shadow:0 3px 9px #eaeaea;
}
.privacy .lbl{
	margin-right: 20px;
	font-size:1.2em;
	font-weight:bold;
	color:#0068D0;
}
.privacy p{
	margin:7px 0;
	line-height:1.6em;
}
.lbl2{
	font-size:0.8em;
	color:#0C6CB6;
}
a.cartdtl, visited{
	color: #777;
	font-size: 0.87em;
}
a.cartdtl:hover{
	color: #555;
	text-decoration:none;
}
#carttbl td{
	margin: 0px;
	padding: 3px;
	border: 1px solid #ccc;
	color:#557;
}
#carttbl th{
	padding:4px 2px;
	background:#ddd;
	text-align:center;
	color:#222;
	font-size:0.9em;
	border: solid 1px #aaa;
}
#checkoutTblDtl th{
	color:#555;
	background:#eee;
	border: solid 1px #ccc;
}
.sectionhead-checkout{
	font-weight: bold;
	color: #3A4252;
	font-size: 1.02em;
	padding-top: 7px;

}
#container{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-bottom-right-radius: 9px;
	box-shadow: 2px 2px 4px #777 inset;
}
#container-nosidebar{
	background-color: #F3F5F8;

}
#pagefooter{
	margin-bottom:20px;
	padding: 6px;
	background:#721F1F url(/brand/johnsontruckbodies/grad-gray1.png) center top repeat-x;
	color:#ccc;
	text-align: center;
	font-size: 0.8em;
}
#pagefooter a, visited{
	font-size: 0.9em;
	color: #CCCCCC;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#pagefooter a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.cmasGiftOrder{
	font-weight:bold;
	color:#f00;
}
#assoc{
}
#assoc p{
	margin-top: 3px;
	margin-bottom: 5px;
}
#assocdivider{
	color: #ffffff;
	background-color:#6881B9;
	text-align: left;
	padding: 3px;
}
.assocPicBox{
	width: 150px;
	float:left;
}
.assocPic{
	width: 150px;
	background:#fff;
}
.assocPic img{
	width: 50%;
	border: solid 1px #aaa;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #444;
}
ul.assocDescriptBlock{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#assocYear,#assocDescript{
	padding-right:10px;
	font-weight:bold;
	color:#fafafa;
}
.assocDescriptBlock li.addToCart{
	border-bottom: solid 1px #aaa;
}
.label-bg-checkout,
.label-bg-checkout-highlight{
	background-color:#eee;
	text-align: right;
	border: solid 1px #ccc;
	padding: 4px;
}
.data-bg-checkout,
.data-bg-checkout-highlight{
	padding:4px;
	color:#777;
	background-color: #FFFFFF;
	border: solid 1px #ccc;
}
.data-bg-checkout select,.data-bg-checkout input,.data-bg-checkout-highlight input,.data-bg-checkout textarea{
	font-size: 0.9em;
	color: #555;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #ccc;
}
.data-bg-checkout input,.data-bg-checkout-highlight input,.data-bg-checkout textarea{
	padding:2px;
	border-radius:4px;
}
.data-bg-checkout-highlight input{
	border-color:#0C6CB6;
}
.data-bg-checkout select{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.data-bg-checkout textarea{
	width:60%;
	font-family:arial;
	font-size:0.9em;
}
.checkout-section-header{
	padding: 16px 8px 0 0;
	color: #0068D0;
	font-size: 1.2em;
	font-weight: bold;
}
.label-bg-checkout-highlight{
	background-color: #5EAEFF;
	color: #FFF;
}
td.data-bg-checkout-highlight{
	color:#0C6CB6;
	font-weight:bold;
}
.questionnaire-tbl{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #494949;
	border-bottom-color: #494949;
	border-collapse: collapse;
	text-align: left;
}
.questionnaire-tbl td{
	margin: 0px;
	padding: 4px;
	border: 1px solid #CCC;
}
.txt-right{
	text-align: right;
}
.questionnaire-error {
	font-weight: bold;
	color: #FFF;
	background-color: #C00;
	text-align: center;
}
.questionnair-thanks{
	font-weight: bold;
	color: #FFF;
	background-color: #090;
	text-align: center;
}
.questionnaire-ctrls{
	font-size: 0.9em;
}
.txt-center {
	text-align: center;
	background-color: #EAEAEA;
}
a.questionnaire-link,a.questionnaire-link:visited{
	color: #FFF;
	font-size: 1.2em;
	line-height: 2em;
	background-color: #1E3A9D;
	background-image: url(bg-checkout1.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	text-decoration: none;
	border: 1px solid #999;
}
a.questionnaire-link:hover{
	background-image: url(bg-checkout1.png);
	background-position: top;
}
.label-bg-alt2{
	background-color: #1C1C1C;
	color: #FFF;
	text-align: center;
	border: 1px solid #666;
}
.quickorder-bg{
	background-color: #f0f0f0;
}
.quickOrderTbl td.label-bg-alt2{
	background:#aaa;
	border:solid 1px #777;
	font-size:0.8em !important;
}
.quickOrderTbl td.label-bg{
	background:#ddd;
	color:#555;
	border: solid 1px #aaa;
	border-left:none;
}
.quickorder-bg input{
	font-size: 0.9em;
	border: 1px solid #666;
}
#quickorder{
	padding: 30px;
	margin: 10px;
}
#quickorder h1{
	font-size: 1.4em;
	color:#0C6CB6;
	border-bottom: solid 1px #ccc;
}
#quickorder p{
	width: 100%;
	margin: right: 0px;
	padding-bottom: 4px;
	color:#777;
}
#quickorder a,visited{
	padding:5px 10px;
	margin-right: 20px;
	color:#555;
	text-decoration:none;
	background:#fff url("/brand/johnsontruckbodies/grad-gray-shiny1.png") center center repeat-x;
	font-weight: normal;
	font-size: 1.2em;
	border:solid 1px #aaa;
	border-radius:6px;
}
#quickorder a:hover{
	background:#fff;
	border-color:#0C6CB6;
}
.wishlistcontrols{
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	padding:4px 0 4px 8px;
	font-size: 0.72em;
	background:#500A0A;
}
.wishlabel{
	display:inline-block;
	margin-right: 10px;
	margin-left: 0px;
	padding-top: 2px;
	color: #EA9948;
}
.wishlistcontrols a,.wishlistcontrols a:visited{
	position:relative;
	display: inline-block;
	padding: 1px 8px;
	line-height:14px;
	margin-right:2px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	text-align: center;
	background: #861400;
	border: 1px solid #000;
	border-radius:3px;
}
.wishlistcontrols a:hover{
	background:#B32800;
	box-shadow:0 0 4px #FFAB1E;
}

.emphasize{
	font-weight: bold;
	font-color: #000;
	font-size: 1.3em;
}
.cctech{
	background-image: url(cc_tech_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 125px;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
	cursor:pointer;
}
.couponcode{
	height: 100%;
	width: 99%;
	margin: -3px;
	padding: 4px;
	font-size: 1.2em;
	font-weight:bold;
	color: #AC3939;
}
.couponcode span{
	float: left;
	padding-top: 5px;
}
.couponcode input{
	float: left;
	margin-right: 10px;
	color:#777;
	font-size:1.1em;
	background:#fff url(/brand/johnsontruckbodies/grad-gray2.png) center top repeat-x;
	border: 1px solid #0C6CB6;
	border-radius:4px;
}

/* minicart */
#plugin{
	position: relative;
	margin: -16px -10px 0 0;
}
/* used to set minicart's horizontal position */
#rStop{
	float: right;
	margin-right: 16px;
}
#mcContainer{
	position: absolute;
	top:65px;
	width: 290px;
	z-index: 888;
}
#detailPage #mcContainer{
	top: 160px;
}
#minicart{
	display: none;
	padding: 4px;
	font-size: 0.8em;
	background:#fff;
	color: #222;
	border: solid 1px #aaa;
	border-top:none;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius:4px;
	box-shadow:4px 4px 12px #555;
	opacity:0.9;
}
#minicart ul{
	margin: 0;
	padding: 0;
}
#minicart li{
	list-style-type: none;
}
.toggleMinicart{
	font-size: 14px;
	padding:5px;
	cursor: pointer;
	color: #fafafa;
	background:#00588E url(/brand/johnsontruckbodies/grad-gray1.png) center center repeat-x;
	font-weight: bold;
	text-align: right;
	border: solid 1px #000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#detailPage .toggleMinicart{
	border-radius:4px;
}
.toggleMinicart.open{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius:0 !important;
}
span.mcIcons{
	float: right;
	width: 14px;
	height: 14px;
	margin: 6px 0 0 4px;
	background-image: url("/brand/johnsontruckbodies/cart-icons.png");
	background-repeat: no-repeat;
	cursor:pointer;
}
span.mcIcons.mcIconsW{
	background-position: 0 0;
}
span.mcIcons.mcIconsW.highlight{
	background-position: 0 -14px;
}
span.mcIcons.mcIconsS{
	background-position: -15px 0;
}
span.mcIcons.mcIconsS.highlight{
	background-position: -15px -14px;
}
.toggleMinicart:hover{
	background:#00588E;
}
.toggleMinicart span{
	margin-left: 30px;
	padding: 2px;
	font-weight: bold;
	font-style: italic;
}
.toggleMinicart.noBorder{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.mcItem.error li{
	padding: 2px !important;
	background:#eee;
	text-align:center;
	color:#555;
	border: solid 1px #f77 !important;
}
.mcItem li{
	padding: 4px 2px 0 2px;
	margin: 0;
	border: none;
}
.mcItem li.ctrl{
	padding: 0;
	text-align: right;
	font-size: 1em;
	background:#448FEC url("/brand/johnsontruckbodies/grad-gray-shiny1.png") center center repeat-x;
	border: solid 1px #000;
	border-radius: 4px;
}
.mcItem li.ctrl span a{
	display: inline-block;
	height: 21px;
	line-height: 20px;
	color: #fff;
	padding: 0 4px;
	margin: 0 0 0 8px;
	text-decoration: none;
	border-radius: 4px;
}
.mcItem li.ctrl span a:hover{
	background: #0C559E;
}
.mcItem li.itemLast{
	margin: 0 0 10px;
	border-bottom: 1px dotted #555;
}
.mcQty, .mcDesc, .mcPartnum, .mcPrice, .mcPkg{
	padding: 0 1px;
	margin-right: 4px;
}
.mcQty{
	font-weight: bold;
	color: #000;
}
.mcDesc{
	font-size: 0.9em;
}
.mcPartnum{
	font-size: 0.9em;
	text-align: right;
	float: right;
	margin: 0;
}
.mcPartnum a{
	color:#444;
}
.mcPartnum a:hover{
	color: #000
}
.mcItem li.mcTot{
	text-align: right;
	background: #fff;
	color: #444;
	padding: 2px;
}
.test{
	display:none;
	width: 500px;
	margin: auto;
	color #000;
	font-size: 12px;
}
.testToggle{
	cursor: pointer;
	width: 10px;
	height: 10px;
	border-left: dotted 1px #555;
}
.msgContainer{
	position: absolute;
	top: 7px;
	left: 23%;
	width: 38%;
	height: 55px;
	padding: 10px;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.6em;
	color: #333;
	background:#fff;
	border: solid 1px #217BBE;
	border-radius: 8px;
	box-shadow: 4px 4px 9px #aac inset;
}
.msgContainer.checkout{
	top: 75px;
}
.sortCtrl{
}
.basePartNum{
	visibility:hidden;
}
.dtl-imgbox {
	position:relative;
	width: 200px;
	height: 150px;
	float:left;
	margin: 10px 10px 10px 0;
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 6px;
	box-shadow:2px 2px 4px #aaa;
}
.dtl-imgbox img{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	max-height: 70%;
	max-width: 90%;
	border:none;
}
.dtl-imgbox .caption{
	position:absolute;
	bottom:4px;
	width:97%;
	text-align:center;
	color:#aaa;
	font-size:0.7em;
}
#noItem{
	position:relative;
	width: 80%;
	margin: 20px auto 300px auto;
	padding: 40px;
	background:#fff;
	border: solid 1px #ccc;
	border-radius: 8px;
	text-align:center;
}
#noItem h3,#noItem h4{
	color:#777 !important;
	margin: 0 auto 10px auto;
}
#noItem h4{
	margin-bottom:40px;
}
#noItem input{
	width: 200px;
}
#noItem label{
	display:inline-block;
	width: 85px;
	color:#777;
}
#noItem .goBack{
	position:absolute;
	bottom: 5px;
	right: 5px;
}
.inviso{
	background:#fff;
	color:#fff;
	border:none;
	border-bottom: solid 1px #ccc;
}
.instructData.inviso{
	border-right: solid 1px #ccc;
}
.noRBorder{
	border-right:none;
}
#copyright{
	position:absolute;
	bottom: 5px;
	width: 100%;
	text-align:center;
	color:#bbb;
}
/* -------- page header dynamic catalog navigation */
#headinglogoimg{
	position:absolute;
	top: 20px;
	left: 15px;
	width: 190px;
	height: 65px;
}
#headinglogoimg img{
	border:none;
}
#catalogNav{
	display:block;
	float:right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 600px;
	height: 133px;
	line-height: 133px;
}
#catalogNav li{
	display:inline-block;
	width: 50px;
	height: 50px;
	margin-left: 3px;
	list-style-type:none;
}
#catalogNav li:first-child{
	margin-left: 40px;
}
#catalogNav li img{
	width: 100%;
	border:none;
}
#catalogNav li a{
	display:block;
}
li#catSwapMeet{
	width: 60px;
}
li#catAccessory{
	width: 60px;
}
#freeShipping{
	margin-right: 10px;
	font-size:14px;
	font-weight: bold;
	color:#f00;
}
.checkoutButtons{
	padding: 20px;
	text-align:right;
}
.checkoutButtons input[type=button],.checkoutButtons input[type=submit]{
	padding:6px 12px;
	color:#fff;
	cursor:pointer;
	font-size:1.5em;
	background: #0076c0;
	background: -moz-linear-gradient(top,  #0076c0 0%, #006eb2 50%, #0067a3 51%, #005789 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076c0), color-stop(50%,#006eb2), color-stop(51%,#0067a3), color-stop(100%,#005789));
	background: -webkit-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	background: -o-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	background: -ms-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	background: linear-gradient(to bottom,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076c0', endColorstr='#005789',GradientType=0 );
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #333;
	border-radius:7px;
}
.checkoutButtons input[type=button]:hover,.checkoutButtons input[type=submit]:hover{
	background: #008FE6;
	border-color#111;
}
.checkoutButtons input.cancelButton{
	font-size: 0.8em;
	background:#888;
}
.paymentOptions td{
	padding: 10px;
}

.paymentOptions input[type=button],.paymentOptions input[type=submit]{
	display:block;
	width: 90% !important;
	margin:auto;
	padding: 14px 8px;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	background: #0076c0;
	background: -moz-linear-gradient(top,  #0076c0 0%, #006eb2 50%, #0067a3 51%, #005789 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076c0), color-stop(50%,#006eb2), color-stop(51%,#0067a3), color-stop(100%,#005789));
	background: -webkit-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	background: -o-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	background: -ms-linear-gradient(top,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	background: linear-gradient(to bottom,  #0076c0 0%,#006eb2 50%,#0067a3 51%,#005789 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076c0', endColorstr='#005789',GradientType=0 );
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #333;
	border-radius:7px;
}
.paymentOptions input[type=button]:hover,.paymentOptions input[type=submit]:hover{
	background: #008FE6;
	border-color#111;
}

.checkout3Tbl a,.checkout3Tbl a:visited{
	padding:2px 4px;
	color:#0F6CB2;
	border-radius: 4px;
}
.checkout3Tbl a:hover{
	text-decoration:none;
	background:#0F6CB2;
	color:#fff;
}
tr.dataRow td.colPrice,tr.dataRow td.colCoreCharge{
	border: solid 1px #ccc;
}
tr.dataRow td.colExtPrice{
	color:#000;
}
td.colMerchTot,td.colShipChg,td.colTotalSpec,td.colTotTax,td.colTotCoreCharge,td.colTotCharge{
	color:#000;
}

#imgDialog{
	text-align:center;
}
#imgDialog img{
	max-height:80%;
	max-width:80%;
}
div.ui-dialog{
	box-shadow:3px 3px 16px #000;
}
div.ui-dialog-titlebar.ui-widget-header{
	color:#fff;
	background: #0076c0;
	background: -moz-linear-gradient(top,  #0076c0 0%, #0064a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076c0), color-stop(100%,#0064a3));
	background: -webkit-linear-gradient(top,  #0076c0 0%,#0064a3 100%);
	background: -o-linear-gradient(top,  #0076c0 0%,#0064a3 100%);
	background: -ms-linear-gradient(top,  #0076c0 0%,#0064a3 100%);
	background: linear-gradient(to bottom,  #0076c0 0%,#0064a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076c0', endColorstr='#0064a3',GradientType=0 );

}
/*img viewer*/
#componentIllust{
	display:none;
	overflow:hidden;
}

.viewContainer{
	position:relative;
	height: 600px;
	width: 700px;
	margin:10px 18px 10px 0;
	overflow:hidden;
	background:#cecece;
	box-shadow:inset 5px 5px 10px #444;
	cursor:move;
	border:solid 1px #555;
	border-top-width: 2px;
}
.viewer{
	position:absolute;
	width: 100%;
}
.viewer img{
	width: 100%;
	height: auto;
	border-right: solid 1px #5B5B5B;
	border-bottom: solid 1px #5B5B5B;
	-moz-box-shadow: 4px 4px 7px  #5B5B5B;
	-webkit-box-shadow: 2px 4px 7px #5B5B5B;
	box-shadow: 4px 4px 7px #5B5B5B;
	cursor: move;
}
.imgCtrls{
	margin: -10px 0 2px 0;
	padding-left: 6px;
}
.assyImgToolbar{
	position:absolute;
	top: 5px;
	left: 5px;
	z-index: 375;
	padding: 4px;
	background: #777;
	border: solid 1px #000;
	border-radius: 3px;
}
.assyImgToolbar.mouseIn{
	zoom: 1;
	filter alpha(opacity=100);
	opacity: 1;
	box-shadow: 4px 4px 4px #777;
}
.assyImgToolbar.mouseOut{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.zoomButton,.toggleAssyImgButton{
	display:inline-block;
	padding: 1px 0;
	width: 70px;
	line-height:14px;
	text-align:center;
	background:#fff url(/brand/chicagomusclecar/img/shared-grad-shiny2.png) center center repeat-x;
	cursor:pointer;
	border: solid 1px #777;
	border-radius: 4px;
}
.zoomButton:hover,.toggleAssyImgButton:hover{
	background: #f9f9f9;
	border-color:#EB9608;
}
.zoomButton .ui-icon,
.toggleAssyImgButton .ui-icon{
	display:inline-block;
	width: 16px
	height: 16px;
	margin-right: 3px;
	background-image: url(/brand/chicagomusclecar/img/ui-custom-icons2.png);
	background-repeat: no-repeat;
}
.zoomButton.zoomIn .ui-icon{
	background-position: center -32px;
}
.zoomButton.zoomOut .ui-icon{
	background-position:center -48px;
}
.zoomButton.zoomReset .ui-icon{
	background-position:center -64px;
}
.zoomButton.zoomFit .ui-icon{
	background-position:center -80px;
}
.toggleAssyImgButton.rollUp .ui-icon{
	background-position:center -240px;
}
.toggleAssyImgButton.rollDown .ui-icon{
	background-position:center -256px;
}
#mediaCont{
	margin:0 0.3rem;
}
#mediaCont h3{

}
#fileListCont a,
#fileListCont a:visited{
	display:block;
	margin:0.4rem 0;
	color:#e4e4e4;
	font-size:0.8rem;
}
#fileListCont a:hover{
	text-decoration:none;
	color:#ffffff;
}