﻿body
{
	font-family: tahoma,arial;
	font-size: 11px;
	background-color: #E7E7E7;
	margin: 0;
	padding: 4px 0 0 0;
}

#wrap
{
	text-align: left;
	position: relative;
	width: 960px;
	border: solid 1px #DADADA;
	margin: 0 auto;
	padding: 6px;
	background: #FFF;
}

#centrePic
{
	float:right;width:370px
}
#centreTxt
{
	position:relative;
	color: White;top:80px;left:15px;
}
#homeCentre
{
	background-color: #030303;
	height: 240px;overflow:hidden
}
#homeLogos
{
	background-color: #141414;
}
#logo
{
	text-align: left;
	height: 62px;
	background: #FFFFFF url(tridonLogo.gif) no-repeat left center;
}

#logo a
{
	display: block;
	width: 230px;
	height: 83px;
}


.lnkList
{
	list-style: none;
}

.lnkList li
{
	float: right;
	padding-right: 8px;
}

.lnkList a
{
	color: #565656;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding-left: 8px;
	padding-right: 14px;
	background: url(vLine.gif) right no-repeat;
}


#navTop
{
	right: 0;
	position: absolute;
	top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}

#navFooter
{	clear:both;
	padding-top: 8px;padding-bottom:9px;
	text-align: right;
	background-color: white;}

#navFooter .lnkList
{
	text-align: right;
	margin: 0;
}

#navFooter .lnkList ul li
{
	margin: 0;
}
#navFooter .lnkList a
{
	display: inline-block;
	padding-left: 8px;
	padding-right: 14px;
	background: url(vLine.gif) right no-repeat;
}

.MenuGroup
{
	cursor: pointer;
	border-collapse: collapse;
}

.TopMenuItem
{
	background-color: #E1E1E1;
	color: #565656;
	font-family: tahoma,arial;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	border-right: solid 3px #FFF;
	cursor: pointer;
}
.TopMenuItemHover
{
	background-color: #565656;
	color: #FFF;
	font-weight: bold;
	border-right: solid 3px #FFF;
	font-family: tahoma,arial;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
}
td
{
	font-size: 11px;
}

h1
{
	font-size: 1.5em;
}
h3
{
	font-size: 1.3em;
}
h4
{
	font-size: 12px;
}
h5
{
	font-size: 1.1em;
}
h6
{
	font-size: 1em;
}

#caMenu
{
	padding-bottom: 1px;
}
#islands
{
	padding-top: 4px;
	padding-bottom: 4px;
}

#selectYear
{
	background-color: #EDEDED;
	padding: 7px 0 2px 10px;
}
.make
{
	background-color: #F7F7F7;
	padding: 1px 0 2px 10px;
}
.model
{
	background-color: #F3F3F3;
	padding: 1px 0 2px 10px;
}

#selectYear, .make, .model, .vehicle span, .apps span
{
	color: #767676;
	font-weight: bold;
}
.apps
{
	background-color:#FFF6D0;
	padding: 10px;
	border-bottom: 1px solid #B1B1B1;
}
.bar
{
	background-color: #767676;
}

#ctl00_cph_fvwSet
{
	background-color: black;
}

#ctl00_cph_dlGroups
{
	background-color: #E1E1E1;
	padding: 10px;
}
#productGrps
{
	background-color: #E1E1E1;
	padding: 14px;
}
#productGrps td
{
	width: 164px;
}
#productGrps td img
{
	width: 130px;
	height: 130px;
}
#productGrps a
{
	color: Black;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#productGrp
{
	margin-bottom: 14px;
}
.fRight
{
	float: right;
}
.fLeft
{
	float: left;
}
#brandLogo
{
	float: left;
	padding: 10px;
	width: 130px;
}
#brandText
{
	float: left;
	padding: 10px;
	width: 386px;
}

.subMenu
{
	background-color: #F9F9F9;
	font-size: 11px;
}


.MenuItemActive
{
	background-color: #C8C8C8;
}
.subMenuHover
{
	background-color: #D7D7D7;
	cursor: pointer;
}

.MenuItem
{
	color: black;
	font-family: tahoma,arial;
	font-size: 11px;
	cursor: pointer;
	background-color: #E1E1E1;
}

.MenuItemHover
{
	background-color: #D7D7D7;
	color: black;
	font-family: tahoma,arial;
	font-size: 11px;
	cursor: pointer;
}

.altRow
{
	background-color: #EFEFEF;
}

#productList
{
	background-color: #F0F0F0;
	width: 160px;
	padding: 5px;
}
#productList a
{
	color: Black;
	text-decoration: none;
}
#productList a:hover
{
	text-decoration: underline;
}

#productImage
{
	float: left;
	width: 260px;
}

#brand {
	float: right;
	width:100px;
	
}
#brand img { align:top } 

#printLnk
{
	text-align: right;
	position: absolute;
	right: 40px;
	font-size: 10px;
	padding: 5px;
}
#printLnk a
{
	color: Black;
	text-decoration: none;
	padding: 10px 0 5px 20px;
	background: url(print.gif) no-repeat left 6px;
}

.panel
{
	padding: 8px;
	background-color: #FAF9F9;
	border: solid 1px #F6F3F3;
	width: 470px;
}

h2
{
	background: #414141;
	color: White;
	padding: 7px;
	margin: 0 0 4px 0;
	font-size: 14px;
}
#search
{
	position: absolute;
	top: 66px;
	right: 16px;
}
#search .txtSearch
{
	font-size: 11px;
	border: solid 1px #C7C7C7;
	background: white url(SearchMFG.gif) no-repeat;
	padding: 2px 1px 2px 20px;
}

#search .goBtn
{
	background-color: #E1E1E1;
	padding: 1px 6px 1px 6px;
	border: solid 1px #C7C7C7;
	font-size: 10px;
}
.menu
{
	margin-bottom: 4px;
}

#prodContent
{
	float: left;
	width: 750px;
}
.modalBackground
{
	background-color: white;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.clear
{
	padding: 0;
	margin: 0;
	clear: both;
	font-size: 6px;
}
.center, .centre
{
	text-align: center;
}
.pad10
{
	padding: 10px;
}



/*My Collection*/
#projPanel
{
	background-color: #B6B6B6;
	padding: 4px;
	border-top: solid 1px #888888;
}

#projPanel a
{
	color: white;
}

#projPanel .txt
{
	font-size: 11px;
	height: 14px;
}

.panelNext a
{
	font-weight: bold;
}
/* // My Collection*/


/* Forms*/
.formHeader
{
	background-color: #FFD100;
	color: black;
	font-size: 11pt;
	padding: 5px;
}
.formLabels
{
	background-color: #999999;
	padding-right: 5px;
	color: White;
	font-weight: bold;
	text-align: right;
	border-bottom: solid 1px #6A5577;
}
.formDetail
{
	padding-left: 5px;
	background-color: #E6E6E6;
	border-bottom: solid 1px #6A5577;
}
.formFooter
{
	text-align: center;
	background-color: #414141;
	color: white;
	padding: 5px;
}
.formFooter a, .formFooter a:visited
{
	color: white;
}

.confirm
{
	width: 496px;
	padding: 10px;
	background-color: white;
	color: black;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #6A5577;
}
.confirm a, .confirm a:visited
{
	color: black;
}

form
{
	margin: 0;
}

/* // Forms*/


#pageList h4
{
padding:6px 1px 6px 6px;background-color:#FFD100;border-bottom:solid 2px #BF9D00;margin-top:0;
}
#pageList
{
	float: left;
	width: 189px;
	background-color: #F0F0F0;
	padding: 0px;
	margin-right: 10px;
}
#pageList ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#pageList a
{
	color: black;
	text-decoration: none;
	display: block;
	width: 180px;
	border-bottom: 1px solid #B0B0B0;
	padding: 3px 1px 3px 8px;
}
#pageList a:hover
{
	background-color: Black;
	color: White;
}
#pageContent
{
	min-height: 430px;
}
.grpGrid td
{
	width: 33%;
	vertical-align: top;
	text-align: center;
}

.grpGrid hr
{
	color: #F6F6F6;
	height: 1px;
}

.photo
{
	margin: 5px 10px 10px 5px;
	padding: 3px;
	background-color: #F6F6F6;
	border: solid 1px #BBBABA;
}

.itmPhoto
{
	background-color: white;
}
.bar
{
	background-color: #FEF6C8;
	text-align: center;
	padding: 3px 0 3px 0;
	border-bottom: 2px solid #FCEE92;
}

.grdMake
{
	background-color: #808080;
	font-size: 14px;
	color: white;
}


.msg
{
	padding: 10px;
	color: red;
}

.popup
{
	padding: 10px 15px 10px 15px;
	border: solid 1px #797979;
	background-color: #F7F7F7;
}
.popupHeader
{
    background-color: #515151; color:White; font-weight:bold;padding:5px;}
}

.zoom
{
	border: solid 1px #CFCFCF;
}
.caption, .imgTable tr td
{
	font-weight: bold;
	color: #797979;
	font-size: 11px;
	background-color: white;
}

.gridView a
{
	color: #5B5B5B;
}
.gridView a:hover
{
	text-decoration: none;
}

tr.hilite td
{
	background-color: #FFFFC0;
	border: solid 1px #FFFFC0;
	vertical-align:top;
}
.sr
{
	background: url(mfg.gif) no-repeat 50%;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.crumbs
{
	padding: 2px 1px 5px 0;
	text-align: left;
}

.imgTable
{
	text-align: center;
	background-color: #F3F3F3;
	width: 747px;
	border-bottom: solid 2px white;
}

a
{
	color: #202020;
}
a:hover
{
	color: #202020;
	text-decoration: none;
}

a.active
{
	background: #DFDFDF url(active.gif) right no-repeat;
}

.code, .name
{
	font-weight: bold;
}
.code
{
	width: 76px;
}

.grid tr td
{
	vertical-align: top;
}
.grid tr td img
{
	width:95px;height:95px;
}

ul.itmFeat
{
	margin-left: 18px;
}
.contentsTable
{
	width: 100%;
}

table.contentsTable tr td
{
	border-bottom: solid 1px #F7F7F7;
}

table.pagebank tr td
{
	vertical-align: top;
}

tr.contentsHeader th
{
	background-color: #FBFBFB;
	color: black;
	border-bottom: solid 1px #C3C3C3;
}

th
{
	padding: 5px 2px 3px 2px;
	font-size: 10px;
	font-family: verdana,arial;

}

tr.pfhead th { padding:1px;background-color:#D0D0D0 }
tr.pfhead
{

	padding: 0;
	font-size: 11px;
	font-family: verdana,arial;
	background-color: #414141;
	color: White;
}

tr.pfhead th div { background-color:#414141;padding:5px; }


.filters
{
	font-size: 11px;
	background-color: white;
}
.filtered
{
	font-size: 11px;
	background-color: #DF3F17; color:White;
}


.detailsPanel { position:absolute; top:156px;right:6px;width:430px; overflow:auto; height:200px;

	background: #CACACA;
	filter: alpha(opacity=94);
	opacity: 0.94;border-left: solid 1px #989898;
	padding:4px 2px 4px 4px
}

.loadingPanel { position:absolute; top:202px;left:376px;width:140px; height:50px;
		text-align:left;
		z-index:1000;color:Black;
}

.photo { border:solid 3px white }

.appName { background-color: #DC241F; color:white;padding:3px;border-bottom:solid 1px white;}
.appDetails { background:white }
.appDetails ul {margin: 0 0 0 16px;}
.rowHover { background-color : #FFFFE0 } 
.selected {background-color:green }

.partFinderClick { width:402px;height:130px; padding:50px 10px 10px 10px;text-align:center; font-size:14px;background-color:#FBFBFB}

/* sitemap */
.rootNode { padding-top:10px}
.SiteMap { background-color: #E1E1E1;}
.SiteMap h3 { margin-bottom:0;padding-bottom:0 }
.productSiteMap  {width:100% }
.productSiteMap img {padding:20px 0 5px 0}

h2.partFinder { 
	background: #FFD100;
	border-bottom: solid 2px #BF9D00;
	color:Black; 
}

#dgPbPages tr td { vertical-align:top;}
.island { background-color:#D4D4D4;border-collapse:collapse;height:110px;padding:0;width:315px;border:solid 1px #D2D2D2}
.island a { text-decoration: none }
.island h4 { font-size:16px;margin-bottom:6px;margin-top:5px; }
.islandText { padding:6px;font-size:12px; line-height:14px;colot:white;}
.islandText a { color:white }
.islandSmallTxt { font-size:10px; }
.islandImg { background-color:#EAEAEA;width:126px; white-space:nowrap;overflow:hidden;border:0;vertical-align:middle;font-size:1px;}

#dgdB tr td { width:25%;text-align:center;padding-bottom:15px; }

PagerStyle table
{
	text-align: center;
	margin: auto;
}

.PagerStyle table td
{
	border: 0px;
	padding: 5px;
}

.PagerStyle td
{
	border-top: #E6E6E6 2px solid;
	background: #F2F2F6;
}

.PagerStyle a
{
	color: #000;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	border-top: solid 1px #777777;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #777777;
	background-color: White;
}

.PagerStyle span
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
}

#ctl00_cph_fvDetails_panPreview_DropShadow { 	filter: alpha(opacity=60);
	opacity: 0.6;
 }

.show {   z-index: 100;}


div#rotator ul
{
    margin: 0;
    padding: 0;
}
div#rotator ul li
{
    float: left;
    position: absolute;
    list-style: none;
}


img a { border: 0}
