/*

PROBABLY DEPRECATED

red 900922 or 6f0619 dark: 38040e or 420c16
yel 9f900a	caba28	decb21	ecd60f
blu 084f81
*/

html {}
body {
	background: #000 url('../Images/Elements/site-bg.gif') center top repeat-x;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

table {padding: 0; border-collapse: collapse;}
table tr td {padding: 0;}

a img {border: 0;}

a {color: #decb21; text-decoration: none;}
a:hover {color: #ecd60f; text-decoration: underline;}
a:active {outline: none;}
a:visited {color: #caba28;}

/* relatively generic styles */
.centered {text-align: center;}
.padded {padding: 10px 0; margin: 0 10px;}
sup {font-size: 80%; line-height: 0.8em;}

#MainOuterShell {position: relative; width: 1002px; margin: 20px auto;}
#MainShell {position: relative; width: 982px; margin: 0 auto;}
#MainHeader {position: relative; width: 982px; height: 128px; background: url('../Images/Elements/header-bg.png') center top no-repeat transparent;}
#MainHeader #Logo {position: absolute; top: 7px; left: 14px; background: url('../Images/Elements/japarts-header-logo.png') 0 0 no-repeat transparent;}
#MainHeader #Logo a img#LogoImg {width: 344px; height: 102px;}
#MainHeader #AltLogos {position: absolute; right: 20px; top: 20px;}
#MainHeader #Menu {position: relative;}
#ContentShell {position: relative; background: url('../Images/Elements/content-shell-bg.png') center top repeat-y transparent; margin: 0; padding: 0;}

#Content {position: relative; width: 100%; overflow: auto; min-height: 353px; margin: 0; padding: 20px 0; background: url('../Images/Elements/content-top-bg.png') center top no-repeat transparent;}
#Content #LeftSide {float: left; width: 174px; margin-left: 22px;}
#Content #RightSide {float: right; width: 174px; margin-right: 22px;}
#Content #ContentWell {position: relative; width: 560px; margin-left: 210px;}
#Content #ContentWell.ContentFull {width: auto; margin: 0 40px;}

#Footer {position: relative; height: 37px; background: url('../Images/Elements/footer-bg.png') center top no-repeat transparent; margin: 0; padding: 0;}

#Content .Blurb {position: relative; width: 560px; margin: 0px auto 20px auto; border: 1px solid #520c16; border-bottom-width: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#Content .Blurb .Title {position: relative; background-color: #420c16; padding: 4px; font-weight: bold; font-size: 14px; font-family: 'Cabin'; letter-spacing: 1px;}
#Content .Blurb .Info {position: relative; width: auto; overflow: auto; padding: 10px 0; margin: 0 10px;}
#Content .Blurb .Info.News {overflow: auto;}
#Content .Blurb .divider {position: relative; width: 30%; margin: 0 auto; height: 11px; background: transparent url('../Images/red-line.gif') 0 6px repeat-x;}
#Content .gray {color: #999;}
#Content .Blurb h3 {font-family: 'Cabin';}

#Content .Blurb .Info .centered.padded a img {margin: 0 2px;}
#Content .Blurb .Info p {margin-top: 0px; font-size: 120%;}
#Content .Blurb .Info .Photo {float: left; margin-right: 15px;}
#Content .Blurb .Info .Photo.Right {float: right; margin-right: px;}
#Content .Blurb .Info .Photo img {border: 1px solid #ddd;}
#Content .Blurb .Info .Photo img.Clean {border: 0;}
#Content .Blurb .Footnote {font-size: 80%; text-align: center; padding: 10px 0; margin: 0 10px;}
#Content .Blurb .Footnote.Left {text-align: left;}

table.ProductBrowser {width: 480px; margin: 0 auto 10px auto; background-color: #420c16; border-bottom: 3px solid #520c16; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
table.ProductBrowser tbody tr td.ProductPhoto {vertical-align: top; width: 120px;}
table.ProductBrowser tbody tr td.ProductPhoto .Photo {padding: 10px;}
table.ProductBrowser tbody tr td.ProductInfo {width: 360px; vertical-align: top; padding-bottom: 10px;}
table.ProductBrowser tbody tr td.ProductInfo .ProductName {font-weight: bold; font-size: 16px; margin: 4px; padding: 4px 10px; background-color: #2f030b;}
table.ProductBrowser tbody tr td.ProductInfo .ProductInfo {}
table.ProductBrowser tbody tr td.ProductInfo .ProductInfo ul {margin: 0; font-size: 12px; list-style-type: circle;}
table.ProductBrowser tbody tr td.ProductInfo .ProductPrice {font-weight: bold; font-size: 16px; float: right; background-color: #6f0619; padding: 6px 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}


.ItemGroup {margin-bottom: 20px;}
.ItemGroup .Title {
	background-color: #420c16; padding: 4px;
	font-weight: bold; font-size: 14px; font-family: 'Cabin';
	 -moz-border-radius: 3px 3px 0 0;
	 -webkit-border-radius: 3px 3px 0 0;
	 border-radius: 3px 3px 0 0;
}
.ItemGroup.Outlined {border: 1px solid #420c16; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.ItemGroup .ItemSingle {padding: 0 0 10px 0;}
.ItemGroup.Outlined .ItemSingle {padding: 0 0 5px 0;}

.ItemGroup .ItemSingle .Title {background-color: #420c16; padding: 4px; font-weight: bold; font-size: 14px;}
.ItemGroup .ItemSingle .Info {padding: 10px 0; margin: 0 5px;}

.ItemGroup .ItemSingle.CatalogDownload {}
.ItemGroup .ItemSingle.CatalogDownload div.Image a {display: block;}
.ItemGroup .ItemSingle.CatalogDownload div.Image a img {display: block; margin: 0 auto;}

/* download button */
.ItemGroup .ItemSingle div.Button.Download {width: 168px; height: 23px; margin: 0 auto;}
.ItemGroup .ItemSingle div.Button.Download a {display: block; width: 168px; height: 23px; background: url(/Images/Elements/btn-downloadview.png) 0 0 no-repeat;}
.ItemGroup .ItemSingle div.Button.Download a:hover {background-position: 0 -23px;}
.ItemGroup .ItemSingle div.Button.Download a span {display: none;}

/* featured items */
.ItemGroup .ItemSingle.Feature {position: relative; width: 174px; margin: 10px auto; border: 0; background-color: #ccc; color: #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.ItemGroup .ItemSingle.Feature .Title {position: relative; background-color: #6f0619; color: #fff; font-size: 12px;}
.ItemGroup .ItemSingle.Feature .Description {position: relative; width: 156px; overflow: auto; margin: 5px auto 0px auto; font-size: 11px;}
.ItemGroup .ItemSingle.Feature .InfoSet {position: relative; width: 156px; overflow: auto; margin: 2px auto 10px auto;}
.ItemGroup .ItemSingle.Feature .InfoSet .Photo {float: left;}
.ItemGroup .ItemSingle.Feature .InfoSet .Photo img {border: 1px solid #000;}
.ItemGroup .ItemSingle.Feature .InfoSet .InfoItem {margin-left: 73px; font-size: 11px;}
.ItemGroup .ItemSingle.Feature .InfoSet .InfoItem.Price {font-size: 13px; font-weight: normal; font-family: 'Droid Sans Mono'; color: #6f0619;}