/*CSS Document*/
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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*remember to define focus styles!*/
:focus
{
	outline: 0;
}
BODY
{
	line-height: 1;
}
OL, UL
{
	list-style: none;
}
/*tables still need 'cellspacing="0"' in the markup*/
TABLE
{
	border-collapse: separate;
	border-spacing: 0;
}
CAPTION, TH, TD
{
	text-align: left;
	font-weight: normal;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: "";
}
BLOCKQUOTE, Q
{
	quotes: "" "";
}
.box-clear
{
	clear: both;
	line-height: 0px;
	font-size: 1px;
}
/*IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml]
\*/
.box-clear
{
	font-size: medium;
}
.fake.box-clear
{
	display: none;
}
.clear
{
	clear: both;
}
/* 
Turn off for Opera 6 and below*/
HTML>BODY DIV.box-clear
{
	display: none;
}
/*And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html]*/
HEAD:first-child+BODY DIV.box-clear
{
	display: block;
}
/*====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
--------------------------------------------------------------------*/
.nn4clear
{
	clear: both;
	line-height: 0px;
	font-size: 1px;
}
/*/*/
.nn4clear
{
	display: none;
}
/* 
====================================================================


/* /////////////////////////////   JAPSPEED   /////////////////// Creative Theory 2009 ////////////////////////////*/
BODY
{
	background-color: #181818;
	color: #FFF;
	font-family: Helvetica, sans-serif;
}
#japspeed-performance-parts
{
	background-image: url(../templateimages/japspeed-bg.gif);
	background-repeat: repeat-x;
	width: 100%;
}
#wrapper
{
	width: 1000px;
	margin: 0 auto;
}
/*HEADER SECTION*/
#header
{
	position: relative;
	height: 150px;
	background-image: url(../templateimages/nav-bg.gif);
}
#header H1
{
	background-image: url(../templateimages/japspeed-tuning-parts-logo.gif);
	width: 408px;
	height: 118px;
	text-indent: -9999em;
	background-position: 0px 7px;
}
#header H2
{
	text-indent: -9999em;
}
#shopping-bag
{
	position: absolute;
	left: 688px;
	top: 0px;
	width: 312px;
	height: 99px;
	background-image: url(../templateimages/japspeed-cart-bg.gif);
}
#search-catalogue
{
	position: absolute;
	left: 688px;
	top: 101px;
	width: 232px;
	height: 29px;
	padding: 10px 5px 0px 75px;
	background-image: url(../templateimages/search-catalogue-bg.gif);
}
#navigation
{
	position: absolute;
	top: 122px;
	height: 27px;
	padding: 3px 0px 0px;
	font-size: 8pt;
}
#navigation UL LI
{
	display: inline;
	padding-left: 20px;
}
#navigation UL LI A
{
	color: #FFF;
}
#navigation UL LI A:hover
{
	color: #49D1FC;
}
/*PROMO HEADERS*/
#promo
{
}
/*RIGHT PROMO BOXES*/
.PromoBox
{
	margin: 5px 0px;
	text-align: center;
	width: 208px;
	background-image: url(../templateimages/right-box-bg.jpg);
	background-repeat: repeat-y;
}
.PromoBox IMG
{
	border: 4px solid #333333;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}
.PromoBox IMG:hover
{
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.PromoBoxHeader
{
	text-indent: -1000em;
	width: 208px;
	height: 42px;
}
.PromoBox P
{
	border-bottom: 1px solid #262626;
	border-top: 1px solid #262626;
	display: block;
	margin: 3px auto;
	padding: 5px 0px;
	text-align: center;
	width: 190px;
}
.PromoBox H3
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0pt auto;
	padding-top: 7px;
	width: 180px;
	border: none;
}
.PromoBoxFooter
{
	display: block;
	width: 208px;
	height: 22px;
	background-image: url(../templateimages/right-box-footer.jpg);
}
.promopad
{
	margin-top: 5px;
}
/*STORE LAYOUT*/
#store-content
{
	float: left;
	width: 742px;
}
/*MAIN STORE*/
#japspeed-store
{
	float: right;
	width: 502px;
	border: 1px solid #FFF;
}
/*LEFT NAVIGATIONAL AND VEHICLE SELECTION*/
#left-column
{
	margin-right: 200px;
	width: 240px;
	border: 1px solid #FF0000;
}
#select-my-car
{
	width: 216px;
	background-color: #000;
	background-image: url(../templateimages/vehicle-selection-title.gif);
	padding: 80px 5px 5px;
	border: 4px solid #252525;
	background-repeat: no-repeat;
	margin-top: 5px;
	text-align: center;
}
#select-my-car H2
{
	font-size: 16pt;
	letter-spacing: -0.8px;
	color: #FFF;
	margin-bottom: 10px;
}
#select-my-car A
{
	color: #ADADAD;
}
#select-my-car A:hover
{
	color: #49D1FC;
}
#car-manufacturers
{
	width: 216px;
	background-color: #000;
	background-image: url(../templateimages/browse-manufacturer-title.gif);
	background-position: center 2px;
	padding: 22px 5px 5px 6px;
	border: 4px solid #252525;
	background-repeat: no-repeat;
	margin: 5px 0px;
}
#car-manufacturers H2, #car-manufacturers LI
{
	text-indent: -9999em;
}
#nissan A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-nissan-btn.gif) no-repeat top left;
}
#nissan A:hover
{
	background-position: 0px -43px;
}
#honda A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-honda-btn.gif) no-repeat top left;
}
#honda A:hover
{
	background-position: 0px -43px;
}
#mitsubishi A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-mitsubishi-btn.gif) no-repeat top left;
}
#mitsubishi A:hover
{
	background-position: 0px -43px;
}
#lexus A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-lexus-btn.gif) no-repeat top left;
}
#lexus A:hover
{
	background-position: 0px -43px;
}
#toyota A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-toyota-btn.gif) no-repeat top left;
}
#toyota A:hover
{
	background-position: 0px -43px;
}
#mazda A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-mazda-btn.gif) no-repeat top left;
}
#mazda A:hover
{
	background-position: 0px -43px;
}
#subaru A
{
	width: 214px;
	height: 43px;
	display: block;
	background: url(../templateimages/nav/1-subaru-btn.gif) no-repeat top left;
}
#subaru A:hover
{
	background-position: 0px -43px;
}
#product-categories
{
	background-color: #000000;
	background-image: url(../templateimages/browse-category-title.gif);
	background-position: center 2px;
	background-repeat: no-repeat;
	border: 4px solid #252525;
	padding: 48px 5px 5px;
	margin-bottom: 5px;
	width: 191px;
}
#slideshow
{
	position: relative;
	height: 181px;
	width: 1000px;
	overflow: hidden;
}
#slideshow IMG
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}
#slideshow IMG.active
{
	z-index: 10;
}
#slideshow IMG.last-active
{
	z-index: 9;
}
/*Car Models*/
#showModels LI
{
	border: 1px solid #CCCCCC;
	float: left;
	height: 60px;
	margin: 5px;
	padding: 10px;
	text-align: center;
	width: 230px;
}
#showModels A
{
	display: block;
}
#showModels LI IMG
{
	width: 80px;
	float: left;
}
/*News Layouts*/
.NewsListing
{
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.NewsListing A:hover
{
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration: none;
}
.NewsImgLayout
{
	position: relative;
	width: 532px;
	overflow: hidden;
}
.NewsImgLayout H2
{
	position: absolute;
	background-color: #30B1DA;
	color: #171717;
	font-family: georgia;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 98%;
	padding: 10px;
	left: 0px;
	top: 40px;
	z-index: 5;
	width: 380px;
}
.NewsPublish
{
	background-color: #171717;
	color: #CCCCCC;
	font-size: 10px;
	margin-top: -14px;
	padding-right: 10px;
	text-align: right;
	width: 522px;
}
.NewsArticle
{
	font-size: 12px;
	margin: 10px 0px;
	padding: 0 5px;
}
.NewsGalleryImg
{
	width: 150px;
	height: 100px;
	border: 3px solid #CCC;
	margin: 8px;
}
/*====================================================================
box layout
--------------------------------------------------------------------*/
.columns-float
{
	float: left;
	width: 791px;
}
/*the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack*/
.store
{
	width: 547px;
	float: right;
	padding-top: 20px;
}
.categories
{
	width: 243px;
	float: left;
}
.promotions
{
	width: 195px;
	width/* */: 199px;
	float: right;
/*margin-left            : 7px;*/
	padding-top: 5px;
}
/*====================================================================
box styling
--------------------------------------------------------------------
CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned
/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, H2
{
	p\osition: relative;
}
/* 
====================================================================



/* JAPSPEED FRIENDS*/
#friends
{
	background: transparent url(../../_lib/_friends/friends-top-bar.gif) no-repeat scroll center top;
	height: 120px;
	width: 1062px;
	margin: 35px auto;
	padding-top: 40px;
	overflow: hidden;
}
#friends UL
{
	font-weight: bold;
	margin: 0 auto;
}
#friends UL.friends-top
{
	margin-left: 96px;
}
#friends UL.friends-bottom
{
	margin-left: 363px;
}
#friends LI
{
	float: left;
	text-indent: -1000em;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	padding-right: 17px;
}
#friends LI A
{
	display: block;
	height: 62px;
}
#friends LI.gda-friend, #friends LI.gda-friend A
{
	background: transparent url(../../_lib/_friends/gda-sportscars.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 65px;
}
#friends LI.bdc-friend, #friends LI.bdc-friend A
{
	background: transparent url(../../_lib/_friends/british-drift-championship.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 132px;
}
#friends LI.skyline-owners-friend, #friends LI.skyline-owners-friend A
{
	background: transparent url(../../_lib/_friends/skyline-owners.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 114px;
}
#friends LI.scoobynet-friend, #friends LI.scoobynet-friend A
{
	background: transparent url(../../_lib/_friends/scoobynet.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 110px;
}
#friends LI.stobart-friend, #friends LI.stobart-friend A
{
	background: transparent url(../../_lib/_friends/stobart.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 111px;
}
#friends LI.doristars-friend, #friends LI.doristars-friend A
{
	background: transparent url(../../_lib/_friends/doristars.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 134px;
}
#friends LI.banzai-friend, #friends LI.banzai-friend A
{
	background: transparent url(../../_lib/_friends/banzai.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 111px;
}
#friends LI.total-car-friend, #friends LI.total-car-friend A
{
	background: transparent url(../../_lib/_friends/total-car-magazine.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 75px;
}
#friends LI.maxxis-friend, #friends LI.maxxis-friend A
{
	background: transparent url(../../_lib/_friends/maxxis.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 134px;
}
#friends LI.airwaves-friend, #friends LI.airwaves-friend A
{
	background: transparent url(../../_lib/_friends/airwaves.gif) no-repeat scroll 0%;
	color: #FFF;
	width: 134px;
}
#friends LI:hover, #friends LI A:hover
{
	opacity: 1;
	filter: Alpha(Opacity=100);
}
/*FOOTER*/
#footer
{
	clear: both;
	margin-top: 30px;
	height: 269px;
	background-image: url(../templateimages/footer-main-bg.jpg);
	background-repeat: repeat-x;
}
#footer H2
{
	background-image: url(../templateimages/japspeed-exhausts.jpg);
	background-repeat: no-repeat;
	background-position: center 7px;
	height: 60px;
	text-indent: -9999em;
}
#footer-wrapper
{
	width: 1000px;
	margin: 0 auto;
}
#footer-wrapper A:link, #footer-wrapper A:visited
{
	color: #CCC;
}
#footer-wrapper A:hover
{
	color: #30B1DA;
}
#footer-wrapper UL
{
	padding-left: 15px;
}
#latest-news
{
	width: 335px;
	height: 100px;
	margin-right: 10px;
	border-right: 1px dotted #333333;
	float: left;
}
#latest-news H3
{
	width: 72px;
	background-image: url(../templateimages/news-feed-h2.gif);
}
#best-sellers
{
	width: 327px;
	height: 100px;
	float: left;
	margin-right: 10px;
	border-right: 1px dotted #333333;
}
#best-sellers H3
{
	width: 100px;
	background-image: url(../templateimages/new-products-h2.gif);
}
#contact-details
{
	width: 310px;
	height: 100px;
	float: left;
}
#contact-details H3
{
	width: 128px;
/*background-image:url(../templateimages/contact-japspeed-h2.gif);*/
}
#latest-news H3, #best-sellers H3, #contact-details H3
{
	text-indent: -1000em;
	margin: 5px 0 15px 0px;
	height: 12px;
	border: none;
	padding: 0;
}
#lower-footer
{
	float: right;
	margin: 30px 5px;
	height: 42px;
}
#lower-footer UL LI
{
	display: inline;
}
.lf-link
{
	border-right: 1px dotted #666677;
	padding: 0px 5px;
	vertical-align: 15px;
}
DIV.hr
{
	border: none;
	border-top: 1px dotted #333;
	margin-top: 5px;
	margin-bottom: 10px;
}
DIV.hr HR
{
	display: none;
}