body{background:#000 url(../images/layout/body-rep.jpg) repeat-x top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; position:relative;}
.clearPlz{clear:both; display:block; height:1px; overflow:hidden; /* overflow makes it 1px in IE6 */ }
a img{border:none;}
h1{position:absolute; top:20px; left:50%; width:214px; height:66px; margin:0 0 0 -370px; padding:0;}
h1 a{text-decoration:none; display:block; width:214px; height:66px; background:url(../images/layout/exedy-logo.jpg);}
h1 a:hover{background:url(../images/layout/exedy-logo-over.jpg);}
h1 a span{display:none;}

#containYourselfSon{width:768px; margin:0 auto; padding:101px 0 50px;}

/* main menu */
#m1{width:770px; margin:0 auto; height:26px;}
#m1 a{font-weight:bold; font-size:12px; color:#fff; text-decoration:none; border-right:1px solid #fff; padding:8px 14px 4px 14px; display:block; float:left; letter-spacing:0px;}
#m1 a:hover, #m1 a.on{background:#fff url(../images/layout/m1-over.jpg) repeat-x bottom; color:#000;}
#lastm1{border-right:none !important;}
* html #lastm1 {width:51px !important;}

#m2{width:764px; margin:0 1px; background:#fff url(../images/layout/m2-backer.jpg) repeat-x bottom; border:1px solid #fff; border-bottom-width:0; height:33px;}
#m2 a{font-weight:bold; font-size:12px; color:#555; text-decoration:none; padding:10px; display:block; float:left;margin:-1px 0;}
#m2 a:hover, #m2 a.on{color:#000; background:url(../images/layout/m2-arrow.jpg) no-repeat bottom;}
/* old m2 up background:url(../images/library/icons/up-arrow-small-lightgrey-a1a1a1.gif) no-repeat bottom; */


#footer{background:#181a1f; font-size:11px; color:#333; text-align:right; padding:5px; border-left:1px solid #49484d; border-right:1px solid #49484d; border-bottom:1px solid #49484d; position:relative; z-index:200; width:756px;}

#footerRight a{color:#777; text-decoration:none; padding:0 2px;}
#footerRight a:hover{color:#fff;}
#daikin{background:url(../images/layout/daikin-logo.jpg) no-repeat right; padding:0 40px 0 0 !important; font-size:9px; margin:0 10px 0 0;}

#footerLeft{width:288px; height:28px; position:absolute; bottom:0; left:-2px; background:url(../images/layout/footer-left-footy.gif) no-repeat; border-left:1px solid #000;}
#footyTipping{position:absolute; top:4px; left:4px; font-size:20px; font-weight:bold; text-align:left; color:#000 !important; text-decoration:none;}
#footyTipping span{display:block; font-size:9px; position:absolute; top:3px; left:50px; width:80px; line-height:8px;}
#footyTipping:hover{color:#000099 !important;}


.closeFooterPopper{position:absolute; top:5px; left:7px; width:700px; color:#666; font-size:11px; text-decoration:none; display:block; background:url(../images/library/icons/close-box-grey.gif) no-repeat left; padding:3px 0 3px 15px;}
.closeFooterPopper:hover{color:#000;background:url(../images/library/icons/close-box-grey-over.gif) no-repeat left;}

#footerUnder{position:relative; margin:0 auto; width:770px; background:#000;}

/* this is the bit below the footer, pop tartish */
#footyTippingPoppy{padding:20px; background:#fff url(../images/layout/grad-down-light-small.jpg) repeat-x top; position:absolute; height:170px; border-bottom:1px solid #fff; width:728px; top:0; left:0;}

#footTippingArrow{position:absolute; top:45px; left:20px; background:url(../images/footy/arrow.jpg) no-repeat; height:90px; width:291px;}
#footTippingArrow h4{font-size:20px; color:#777; margin:0; border:none; position:absolute; top:18px; left:25px; padding:0; font-weight:bold;}
#footTippingArrow p{font-size:13px; color:#777; margin:0; border:none; position:absolute; top:42px; left:25px; padding:0;}

#footyTippingPoppy a.tipLogos{float:right; display:block; width:210px; height:190px; position:relative; margin:20px 0 0 0;color:#333;}
#footyTippingPoppy a.tipLogos:hover{color:#cc0000;}
#footyTippingPoppy a.tipLogos span{position:absolute; top:-20px; left:0; display:block; text-align:center; font-size:13px;  width:190px;}

#footyTippingAFL{background:url(../images/footy/afl.jpg) no-repeat top;}
#footyTippingNRL{background:url(../images/footy/nrl.jpg) no-repeat top;}



/*subscripe foota */

#subscribeFooter{position:absolute; display:block; text-decoration:none; bottom:0; left:130px; height:21px; width:140px; } /* change left to 130px for the tipping season */
#subscribeFooterPoppy{padding:20px; background:#fff url(../images/layout/grad-down-light-small.jpg) repeat-x top; position:absolute; height:170px; border-bottom:1px solid #fff; width:728px; top:0; left:0;}

#subscribeFooterArrow{position:absolute; top:35px; left:20px; background:url(../images/subscribe/arrow.jpg) no-repeat; height:90px; width:291px;}
#subscribeFooterArrow span{font-size:13px; color:#333; position:absolute; top:100px; left:20px; width:250px; display:block;}

#subscribeFooterPoppy form{display:block; position:absolute; top:30px; right:20px; width:400px;}
#subscribeFooterPoppy form .text{width:250px; margin:5px 0; border:1px solid #ccc; font-size:22px; letter-spacing:-1px; padding:5px}
#subscribeFooterPoppy form .submit{font-size:22px; font-weight:bold; border:none; background:#fff; padding:5px 0; margin:0; color:#cc3366; cursor:pointer; display:block;}


/* some boxes */
#distributorBox{width:180px; height:87px; background:url(../images/boxes/distributor-box-shadowless.gif); position:relative; }
#distributorBox span{color:#fff; font-size:9px; position:absolute; top:41px; left:20px;} 
#distributorBox form{margin:0; padding:0;}
#distributorBoxInput{width:60px; height:13px; text-align:center; color:#444; position:absolute; left:20px; top:57px; padding:1px; font-size:11px;}
#distributorBoxSubmit{width:60px; height:20px; text-align:center; position:absolute; left:100px; top:57px;}
#distributorBox .Text {color:#fff; font-size:9px; position:absolute; top:41px; left:20px;}
#distributorBox .Links {position:absolute; top: 60px; left: 40px;}
#distributorBox .Links a{color: black; font-size: 96%; font-weight: bold; text-decoration: none; margin-right: 16px; padding: 1px 6px ; background: white; border: 1px solid #888;}
#distributorBox .Links a:hover{color: black; text-decoration: none; background: white; }

/* a map of where to go go go */
.mapOf{height: 300px; position: relative;}
.mapOf a{color: #004583;}
.mapOf .australia{width: 270px; height: 246px; position: absolute; top:20px; left: 50px; display: block; text-decoration: none; background: url(../images/distributor/australia-big.gif) no-repeat;}
.mapOf .nz{width: 270px; height: 183px;position: absolute; top:50px; right:50px; display: block; text-decoration: none; background: url(../images/distributor/nz-big.gif) no-repeat right;}
.mapOf a span{display: block; position: absolute; width: 300px; text-align: center; font-size: 20px; top:90px; left: 0;}
.mapOf .nz span{ top:35px;}
.mapOf a:hover{color: #000;}

/* some boxes */
#clutchFinderBox{width:180px; height:110px; background:url(../images/boxes/clutch-finder-pink-noshadow2.gif); position:relative; } 
#clutchFinderBox span{color:#fff; font-weight:bold; font-size:11px; position:absolute; top:46px; left:20px; width:150px;} 
#clutchFinderBox form {margin:0; padding:0;}
#clutchFinderBox form select{width:150px; text-align:left; color:#444; position:absolute; left:20px; top:78px; padding:1px;}
#clutchFinderBox input {width:150px; height:24px; text-align:center; position:absolute; left:20px; top:77px;}


.homePageClutchFinderBox{margin:0 0 10px 0;}

/* now we are attempting to deal with the content, content, content of the page my dear */


#content{ min-height:200px; position:relative; background:#fff url(../images/layout/content-fader.jpg) repeat-x top; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
* html #content{height:200px;}

/* this is for TEXT pages, simple ones */

.textPageTemplate{margin:0; padding:10px 30px 20px; position:relative;}
.textPageTemplate h2, .textPageTemplate h3, .textPageTemplate h4, #content h2 {margin:5px 0 10px; padding:5px 0; border-bottom:1px solid #ccc; color:#777; font-weight:normal;}
.textPageTemplate h2{font-size:30px;}
.textPageTemplate h3{font-size:20px;}
.textPageTemplate h4{font-size:18px; border-bottom:none;margin:13px 0 5px;}
.textPageTemplate p {color:#333; margin:0; padding:0 0 12px 0; font-size:13px;}
.textPageTemplate a{color:#075baa;}
.textPageTemplate a:hover{color:#244a6e; text-decoration:none;}

.textPageTemplate ol, ul{margin:0; padding:10px 25px;}
.textPageTemplate li{font-size:13px; padding:0; margin:0 0 10px;}

#homeBannerJapCar{background:url(../images/home/bannerJapCar.jpg) no-repeat top; height:252px; position:relative;}
#homeBannerJapCar span{width:220px; position:absolute; top:85px; left:23px; font-size:12px; color:#3b3c34; line-height:130%;}


/* home page action */

.blueBoxie{width:177px; height:208px; float:left; margin:0 5px; background:url(../images/boxes/blue-boxes-home.gif); position:relative; text-align:center;}
.blueBoxie h3{height:25px;margin:0; padding:12px 2px 8px 45px;text-align:left;}
.blueBoxie h3 span.hidden{display:none;}
.blueBoxie p{padding:4px 0; margin:0; font-size:11px; color:#666; background:url(../images/boxes/home-blueboxes-img-bg.jpg);}
.blueBoxie a{font-size:11px; color:#666; text-decoration:none; background:url(../images/boxes/home-blueboxes-img-bg.jpg);}
.blueBoxie p img{border:1px solid #000;}
.blueBoxie a:hover{color:#000;}

/* abandoned to make home page updatable in composure
.blueBoxie{width:177px; height:208px; float:left; margin:0 5px; background:url(../images/boxes/blue-boxes-home.gif); position:relative; text-align:center;}
.blueBoxie img{margin-bottom:5px;text-align:center;margin:4px; width:152px;xborder:1px solid #000;}
*/
/* abandoned web text version 
.blueBoxie h3{color:#fff; font-size:16px; letter-spacing:-1px; margin:0; padding:0; position:relative;}
.blueBoxie h3 span{display:block; position:absolute; top:10px; left:45px;}
*/
/*.blueBoxie h3{height:20px;display:block; position:absolute; top:10px; left:45px; width:150px; margin:0 0 30px 0; padding:0;}
.blueBoxie h3 span{display:none;}
#Home_3055671a26164487b732dfd5f42e0b06 h3{background:url(../images/home/blueboxes/latest-news.jpg) no-repeat left;}
#Home_ede4389a6f124dfb9ad0e571632147c6 h3{background:url(../images/home/blueboxes/car-of-the-month.jpg) no-repeat left;}
#Home_93cdfa3a3c8841ef9a9676f9d56fd0de h3{background:url(../images/home/blueboxes/featured-product.jpg) no-repeat left; margin-bottom:10px;}

.blueBoxThumbLink{display:block; padding:0px; margin:0; font-size:11px; color:#666; text-decoration:none; height:160px; position: absolute; top:50px; left:10px; width:152px; background:url(../images/boxes/home-blueboxes-img-bg.jpg);}
.blueBoxThumbLink span{display:block; text-align:center; padding:0px 0 0 0;}
.blueBoxThumbLink:hover{color:#000;}
*/

/* products home */
.absolutelyGorgeousBlue{background:url(../images/prodDetail/blue-grad.jpg) repeat-x bottom; position:relative; padding:5px 0 20px 20px;}
#ratherPrettyBlue{background:url(../images/products/filthy-blue-grad.jpg) repeat-x bottom; height:730px; position:relative;}
#productsIndexTopRight{position:absolute; top:150px; right:25px;}

#ratherPrettyBlueTitle{position:absolute; left:30px; top:25px;}

#productsIndexIntroParagraph{font-size:16px; position:absolute; top:90px; left:30px; width:650px; color:#666;}
#productsIndexIntroParagraph a{color:#000; text-decoration:none;}
#productsIndexIntroParagraph a:hover{text-decoration:underline;}

#productsHomeImage{border:1px solid #000; margin:30px 0 0 0;}


/* products list */
#productList{width:510px; height:567px; background:url(../images/products/the-range-backers.jpg); position:absolute; bottom:20px; left:20px;}
#productListAnchors{padding:14px 10px 0 35px; margin:0;}
#productListAnchors a{display:block; position:relative; margin:0 0 30px 0; padding:10px 120px 0 0; height:53px; font-size:12px; color:#000; text-decoration:none;}
#productListAnchors a:hover{color:#666;}
#productListAnchors a strong{text-transform:uppercase; display:block;}

#prodListOEM{margin-bottom:26px !important;}
#prodListSports{margin-bottom:32px !important;}
#prodListSafari{padding-bottom:5px;}



/* prod details */
#prodDetailBox{width:530px; margin:0; background:#fff; border:1px solid #000; position:relative; }

#prodDetailBoxCorner{position:absolute; background:url(../images/prodDetail/blue-bot-left-corner.jpg) no-repeat bottom left; height:22px; width:22px; bottom:-1px; left:-1px;} /* for bottom left thingo */
* html #prodDetailBoxCorner{bottom:-2px;}
#productInnerBanner{padding:17px 0 0; height:180px;}

#prodDetailBox h2{color:#fff; background:#000; padding:10px; font-size:18px; font-weight:normal; margin:0; text-transform:uppercase;}
#prodDetailBox #m4{background:url(../images/prodDetail/prod-menu-over.jpg) repeat-x bottom; border-bottom:1px solid #8c8c8c; height:27px;}
#prodDetailBox #m4 a{font-size:13px; background:url(../images/prodDetail/prod-menu-side.jpg) no-repeat bottom right; color:#555; text-decoration:none; display:block; float:left; padding:6px 10px; position:relative;}
#prodDetailBox #m4 a span{position:absolute; bottom:-6px; left:50%; width:20px; display:block; height:6px; margin:0 0 0 -10px;}
* html #prodDetailBox #m4 a span{bottom:-7px;}
#prodDetailBox #m4 a.on, #prodDetailBox #m4 a:hover{color:#000;}
#prodDetailBox #m4 a:hover span, #prodDetailBox #m4 a.on span{background:url(../images/prodDetail/prod-menu-arrow.jpg) no-repeat bottom; }

#prodDetailBoxLeft{width:144px; margin:15px 0 0 15px; float:left;}
* html #prodDetailBoxLeft{margin:15px 0 0 7px;}
#prodDetailBoxLeftImage{border:1px solid #ccc; text-align:center;}
#prodDetailBoxLeftImage a{display:block; text-decoration:none; position:relative;padding:0 0; color:#666;}
#prodDetailBoxLeftImage a span{background:url(../images/prodDetail/magnify.jpg) no-repeat 10px 0; height:15px; font-size:10px; display:block; padding:2px 0 10px 10px;}
#prodDetailBoxLeftImage a:hover{color:#000;}
#prodDetailBoxLeftExtras {padding:10px;}
#prodDetailBoxLeftExtras a{background:url(../images/prodDetail/arrow.jpg) no-repeat left; display:block; padding:5px 0 5px 10px; font-size:12px; color:#666; text-decoration:none;}
#prodDetailBoxLeftExtras a:hover{color:#000;}

#productSelectorGuideThumb a{display:block;}
#productSelectorGuideThumb span{display:block;}


#prodDetailBoxRight{float:right; width:320px; margin:15px 15px 15px 0; border-left:1px solid #ccc; min-height:386px; padding:0 0 0 20px;}
* html #prodDetailBoxRight{height:386px; width:305px;}






/* stuff on the right */
#prodDetailBoxRight h3{color:#000; font-size:18px; margin:0; padding:0 0 10px 0;}
#prodDetailBoxRight p{color:#333; font-size:13px; margin:0; padding:0 0 10px 0; line-height:150%;}

#prodDetailBoxRight ul, #prodDetailBoxRight ol{margin:0; padding:0 20px 15px;}
#prodDetailBoxRight li{margin:0; padding:0 0 5px; font-size:13px;}

#prodDetailClutchBoxery{position:absolute; top:202px; right:15px;}
#prodDetailRightImage{border:1px solid #000; margin:10px 0 0 0;}
#prodDetailRightStuff{position:absolute; top:190px; right:15px;}


#techCentreHome{height:352px; background:#000 url(../images/techcentre/home-page-backer.jpg) no-repeat top left; margin:10px; position:relative;}
#techCentreHome h2{position:absolute; top:50px; right:30px; width:300px; font-size:30px; color:#a7a684; letter-spacing:-0.05em; text-align:right; font-weight:normal; line-height:140%;margin:0; padding:0;}
#techCentreHome h2 span{display:block; font-size:50px; color:#fff; letter-spacing:-0.07em;}
#techCentreHome p{margin:0; padding:0; position:absolute; color:#999; font-size:16px; text-align:right; width:200px; top:160px; right:30px; line-height:150%;}
#techCentreHome p a{color:#fff; text-decoration:none;}
#techCentreHome p a:hover{text-decoration:underline;}

#belowTechCentreHome{margin:10px 0 15px; background:#e5e5e5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:210px;}
#belowTechCentreHome div{margin:10px; float:left; width:310px; padding:20px;}
#belowTechCentreHome h3{font-size:22px;  margin:0; padding:0; font-weight:normal;}
#belowTechCentreHome p{color:#222; font-size:14px;}
#belowTechCentreHome p span{color:#666;font-weight:bold;}
#belowTechCentreHome a{color:#065da9; font-size:13px; text-decoration:none;}
#belowTechCentreHome a:hover{color:#000066;}
#belowTechCentreHomeRight{border-left:1px solid #ccc;}

/* Product Bulletins / Tech notes table */
#productBulletins, .TechNote_Table table{border:1px solid #ccc; margin:10px 0 20px 0; padding:5px; width:100%;}
#productBulletins th, .TechNote_Table th{background:#075baa; color:#fff; font-size:13px; padding:3px;}
#productBulletins td, .TechNote_Table td{border-bottom:1px solid #ddd; padding:3px; font-size:12px;}
#productBulletins tr.odd td, .TechNote_Table tr.odd td{background:#f9f9f9;}
#productBulletins td a, .TechNote_Table td a{display:block; background:url(../images/standards/pdf-icon-20x20.jpg) no-repeat left; padding:5px 0 5px 30px; text-align:left;}
#productBulletins td.action a, .TechNote_Table td.action a{display:block; text-align:center; background-image: none; padding: 0px;}



/* Product Bulletins  */
#productBulletins th.bulletin{text-align:left; padding-left:32px;}
#productBulletins th.listings, #productBulletins th.technical{width:150px;}
#productBulletins td{text-align:center;}


/* link for PDFs */
.pdfLink{display:block; background:url(../images/standards/pdf-icon.jpg) no-repeat left; padding:10px 0 10px 60px; font-size:110%}
.clickHereToGetAdobeReader{background:url(../images/standards/get_adobe_reader.gif) no-repeat left; padding:10px 0 10px 120px; display:block; font-size:11px; color:#666; text-decoration:none; margin:0 0 0 40px;}


/* how a clutch works */
#clutchWorksOuter{width:507px; margin:10px auto;}
#howAClutchWorksFlash{}


/* product selector guide printables */

#printableVersionSelection{position:absolute; top:0px; right:0px; color:#666; border:1px solid #ccc; padding:3px; background:#fff; text-decoration:none;}
* html #printableVersionSelection{width:150px;}
#printableVersionSelection span{display:block; background:url(../images/clutch-finder/details/print-icon.jpg) no-repeat right; padding:10px 36px 10px 7px; font-size:13px;}
#printableVersionSelection:hover{color:#000; border:1px solid #777;}
#printableVersionSelection em{font-style:normal;}
#printableVersionSelection strong{font-weight:normal; display:none;}


/* news and media section */
#newsBacker{background:#000 url(../images/newsmedia/black-glint.jpg) no-repeat top right; height:365px; margin:10px 10px 15px; position:relative;}
#newsBacker h2{position:absolute; margin:0; padding:0; top:120px; left:50%; width:50%; font-size:40px; letter-spacing:-2px; color:#fff; font-weight:normal;}
#newsBacker p{margin:0; padding:0; position:absolute; color:#999; font-size:14px;  width:200px; top:180px; left:50%; line-height:140%;}
#newsBacker p a{color:#fff; text-decoration:none;}
#newsBacker p a:hover{text-decoration:underline;}

#newsHomeMoovie{width:214px; height:199px; position:absolute; top:90px; left:25%; margin:0 0 0 -105px; background:url(../images/newsmedia/movie-example.jpg) no-repeat top; text-decoration:none; display:block;color:#666; border:1px solid #000;}
#newsHomeMoovie:hover{border:1px solid #ccc; color:#fff;}
#newsHomeMoovie span{display:block; width:100%; height:20px; position:absolute; bottom:-25px; left:0; font-size:11px; text-align:center;}


/* enews or e news section */
#ENews_8b647dcb9ffb4bc5ad0d8619cedab149 .ComposureForm{width:420px; margin:10px auto;}

/*downloads */
#desktopThumbs a{width:200px; height:160px; display:block; margin:10px; padding:2px; border:1px solid #ccc; background:#fff; float:left;}
#desktopThumbs a:hover{border:1px solid #666;}

/* movies */
#moviesBacker{position:relative; height:385px; z-index:50;}
#moviesRoom{background:url(../images/newsmedia/videos/video-backer.jpg) no-repeat top; width:764px; height:388px; position:absolute; top:0; left:50%; margin:0 0 0 -382px; z-index:60;}
.moviesRoomMenu{position:relative; z-index:70; padding:0px 0 20px 0;}
.moviesRoomMenu h2{width:100%; text-align:center; color:#000; margin:0; padding:15px 0 0 0; border:none; font-weight:normal; letter-spacing:-1px; font-size:35px;}
.moviesRoomMenu a{display:block; text-align:center; width:400px; margin:5px auto; color:#444; font-size:14px; text-decoration:none;border-top:1px solid #fff;border-bottom:1px solid #fff; padding:3px;}
.moviesRoomMenu a span{display:block; font-size:11px; color:#666;}
.moviesRoomMenu a:hover{background:#f9f9f9; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#moviesFlash{width:425px; position:absolute; top:30px; left:50%; margin:0 0 0 -212px; z-index:150; height:355px; text-align:center;}
#moviesFlash p{font-size:12px; color:#666; height:50px; width:200px; position:absolute; top:223px; left:50%; margin:0 0 0 -96px; text-align:center;}

/* autopartners */
#autoPartnersBlub{background:url(../images/newsmedia/autopartners/auto-partners-logo.jpg) no-repeat top right; padding:0 250px 0 0;min-height:240px; margin:20px 0;}
* html #autoPartnersBlub{height:240px;}

/* about exedy */
#aboutExedyLeft{xpadding-right:340px;}
.aboutExedyRight{xposition:absolute; xtop:55px; xright:30px; padding:3px; border:1px solid #ccc; width:300px; margin-left:15px; float:right;}
.aboutExedyRight img{background:#fff; width:300px;}

#keyPersonnel {border:1px solid #ccc; padding:10px; margin:20px; z-index:150; position:relative;}
#keyPersonnel h4 {position:relative; font-size:14px !important; border-bottom:1px dashed #ccc; padding:10px !important; margin:0;color:#000;}
#keyPersonnel h4 span{position:absolute; left:50%; color:#666;}

.offculla{background:#eef7ff;}

#exedyWorldWide{background:url(../images/about/exedymap-better.jpg); position:relative; height:374px; width:712px; margin:0 auto; margin:10px 0 0; z-index:100;}
#exedyWorldWide a{display:block; position:absolute; width:10px; height:10px; background:#000; margin:-7px 0 0 -7px; border:1px solid #fff; cursor:help; z-index:200;}
* html #exedyWorldWide a{overflow:hidden;}
#exedyWorldWide a:hover{background:#fff; border:1px solid #000;}
#ewwEurope{left:310px; top:101px;}
#ewwMiddleEast{left:408px; top:163px;}
#ewwJapan{left:570px; top:136px;}
#ewwChina{left:488px; top:141px;}
#ewwAmerica{left:136px; top:126px;}
#ewwAustralia{left:610px; top:279px;}
#ewwIndonesia{left:570px; top:230px;}
#ewwIndia{left:462px; top:190px;}
#ewwMalaysia{left:545px; top:220px;}
#ewwVietnam{left:532px; top:190px;}
#ewwHungary{left:350px; top:121px;}
#ewwThailand{left:512px; top:190px;}

#locationItems h4{font-size:18px; font-weight:bold; margin:20px 0 0; padding:5px; background:#f9f9f9; border:1px solid #ccc; border-bottom:none;}
#locationItems ul{border:1px solid #ccc; padding:0; margin:0;}
#locationItems ul li, .megaTip li{list-style:none; background:url(../images/library/icons/right-arrow-small-lightgrey-a1a1a1.gif) no-repeat left; padding:10px 0 10px 15px; font-size:12px; line-height:140%;}
#locationItems ul li strong, .megaTip li strong{display:block;}
#locationItems a{text-decoration:none;}

.megaTip{background:#000; color:#fff; padding:10px 0 0; font-size:12px; border:1px solid #fff; position:relative; width:400px;}
.megaTip li{padding:5px 0 5px 15px; font-size:11px; margin:0;}
.megaTitle{font-size:18px; padding:5px 10px; position:absolute; top:-10px; left:0; color:#555; background:#222; width: 380px;}

.megaTip a{text-decoration:none; color:#0066FF;}
.megaTip a:hover{text-decoration:none; color:#fff;}

/* life, don't talk to me about life (problem finder) */
#eDiagnoseWhiteBox{margin:20px 0; border:1px solid #fff;}
#eDiagnoseWhiteBoxInner{padding:10px;}
#eDiagnoseExplanation{width:280px; float:left; padding:20px 0 20px 20px; text-align:right;}
#eDiagnoseExplanation h4{margin:0 !important; font-size:30px; }
#eDiagnoseExplanation p{font-size:14px;}
#eDiagPleaseNote{font-size:12px !important; color:#777;}


#accordion {border: 1px solid #215689; width: 350px; font-size: 11px; float:right;}
#accordion h3 {font-size: 12px; padding: 4px 6px 4px 6px; margin: 0;  color:#a5c9ec; background:#065bab; cursor:pointer; font-weight:bold; border-top:1px solid #5897d3;border-bottom:1px solid #033464;}
#accordion h3:hover{background:#215689; color:#fff;}
#visible {}
.panel_body {background:#000;}
.panel_body a{display:block; font-size:11px; padding:5px; text-decoration:none; color:#ccc; margin-left:5px;}
.panel_body a:hover{background:#333; border-left:5px solid #fa0469; margin-left:0; color:#fff;}

#clearerForeDiagnose{height:10px; }

/* okay, so for some reason the min-height:1px; is what makes this display in IE7. no, rly. */
#ShowSolution{border:1px solid #ccc; background:#f7f7f7 url(../images/library/grads/grad-mid-up-f7f7f7.jpg) repeat-x bottom; position:relative;padding:0 10px 10px; margin:0 0 10px 0; min-height:1px;}
* html #ShowSolution{height:1px;} /* so this makes it better in IE6. Wut?  */

#ShowSolutionImage {float:right; width:250px; text-align:right; padding:10px 0 0 0;}
#ShowSolutionImage span {display:block; padding:0 0 10px 0;}
#ShowSolutionImage span img{border:1px solid #666; max-width:250px;}
* html #ShowSolutionImage span img{width:250px;}

#ShowSolutionLeft{width:420px; float:left;}
#ShowSolutionLeft h4{padding:0 0 0 0;}
#ShowSolutionLeft ul{margin:0; padding:0;}
#ShowSolutionLeft ul li{list-style:none; margin:0; padding:5px; font-size:13px; background:#fff; border:1px solid #ccc;}


#ShowSolution .Revised{font-size:11px; color:#666; display:block; padding:10px 0;}


/* Events Gallery */
#galleryLeft{background:url(../images/standards/grads/vertical-fade-splitter.jpg) no-repeat right; width:160px; padding:10px 0 0; min-height:250px; float:left; margin:10px 0 0 0; z-index:150;}
* html #galleryLeft{height:25px;}
#galleryLeft ul{margin:0; padding:0;}
#galleryLeft li{list-style:none; margin:0; padding:0;}
#galleryLeft h4{text-align:right; padding:5px 20px; font-weight:normal;}
#galleryLeft a{display:block; text-align:right; font-size:14px; padding:5px 20px; color:#555; text-decoration:none; border-left:1px solid #fff; margin:0 2px 0 0;}
#galleryLeft a:hover, #galleryLeft a.on{background:#e8e8e8; border-right:1px solid #aaa; margin:0 1px 0 0; color:#000;}

#galleryRight{width:510px; float:right; padding:10px; min-height:350px;z-index:150; }


/* contact page */
#contactH2Backer{}
#contactH2{font-size:55px; letter-spacing:-3px; color:#fff; text-align:center; padding:20px 0; background:#000 url(../images/newsmedia/black-glint.jpg) no-repeat top right; border:none; font-weight:bold; width:710px; margin:0 0 10px 0;}

#contactH2 span{display:block; font-size:16px; letter-spacing:0; font-weight:normal; color:#666;}
#contactFormIntro{text-align:center; font-size:14px;}

/* hack! */
#contactPageForm p{font-size:16px; color:#666;}
#contactPageForm .ComposureForm{width:420px !important; margin:15px auto;}
#contactPageForm .SubmitButtonRow label{display:none;}
#contactPageForm .SubmitButtonRow {text-align:center;}



/* distributor finder! */

.white-lightshadow-resize{position:relative; }
.white-lightshadow-resizeT{background:url(../images/library/boxes/white-lightshadow-resize/top.jpg) repeat-x top;}
.white-lightshadow-resizeR{background:url(../images/library/boxes/white-lightshadow-resize/right.jpg) repeat-y right;}
.white-lightshadow-resizeB{background:url(../images/library/boxes/white-lightshadow-resize/bottom.jpg) repeat-x bottom;}
.white-lightshadow-resizeL{background:url(../images/library/boxes/white-lightshadow-resize/left.jpg) repeat-y left;}
.white-lightshadow-resizeTL{background:url(../images/library/boxes/white-lightshadow-resize/top-left.jpg) no-repeat top left;}
.white-lightshadow-resizeTR{background:url(../images/library/boxes/white-lightshadow-resize/top-right.jpg) no-repeat top right;}
.white-lightshadow-resizeBR{background:url(../images/library/boxes/white-lightshadow-resize/bottom-right.jpg) no-repeat bottom right;}
.white-lightshadow-resizeBL{background:url(../images/library/boxes/white-lightshadow-resize/bottom-left.jpg) no-repeat bottom left;}
.white-lightshadow-resizeInner{padding:7px;}


#distributorIntroP{font-size:18px; color:#777;}
#distributorFailedSearch{font-size:18px; }
#distributorSearchSuburb, #distributorSearchPostcode{width:350px; float:left; position:relative; margin:120px 0 0 0; }

#distributorSearchSuburb h3, #distributorSearchPostcode h3{font-size:30px; letter-spacing:-1px; width:315px; position:absolute; top:-110px; line-height:150%; margin:0; padding:10px; border:none;}
#distributorSearchSuburb h3{text-align:left;}
#distributorSearchPostcode h3{text-align:right;}
#distributorSearchSuburb h3 em, #distributorSearchPostcode h3 em{font-size:60px; letter-spacing:-2px; color:#000; font-weight:bold; font-style:normal; display:block;}

#distributorSearchSuburb .ErrorMessage, #distributorSearchPostcode .ErrorMessage{font-size:13px; color:#cc0000; text-align:left; position:absolute; top:10px; left:20px; width:300px;}
#distributorSearchSuburb .IsError .distributorSearchSubmit, #distributorSearchPostcode .IsError .distributorSearchSubmit{border:none !important;} /* make the submit buttons okay */

/*some spans */
#distroState, #distroSbrb{display:block; clear:both;}
/* and the button */
#distributorSuburbSearchSubmit, #distributorPostcodeSearchSubmit{position:absolute; top:27px; left:200px;}

#distributorSearchSuburb form, #distributorSearchPostcode form{margin:0; padding:20px 0 0 0; height:75px;}
#distributorSearchSuburb span, #distributorSearchPostcode span{width:46%; display:block; float:left; text-align:right; border:1px solid #fff; }

#distributorSearchSuburbInputs {padding-left:15px;}
#distributorSearchSuburbInputs input, #distributorSearchSuburbInputs select{border:1px solid #ccc; font-size:15px; width:140px; display:block; margin:0 0 3px; padding:2px;}

/* now the inputs */
.distributorPostcodeInput{border:1px solid #ccc; width:114px; height:48px; color:#555; text-align:center; font-size:38px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:4px; }
.distributorSearchSubmit{background:url(../images/distributor/submit-button.jpg); width:114px; height:55px; color:#000; cursor:pointer; margin:0; padding:0; font-size:22px; font-weight:normal; border:none; text-align:center; letter-spacing:-1px;}
.distributorSearchSubmit:hover{color:#555;}


/* search Results */
#distributorSearchResults{width:700px; margin:20px 0;}
#distributorSearchResults .white-lightshadow-resizeInner{padding:5px 20px;}



/* clutchFinder clutch finder */

#clutchFinderBacker{background:#000 url(../images/clutch-finder/clutch-backer-3.jpg) no-repeat top right; border:1px solid #000; margin:10px 10px 15px; padding:150px 0 0; position:relative;}
#clutchFinderBacker h3{position:absolute; color:#fff; margin:0; padding:0; top:30px; left:30px; font-size:22px; letter-spacing:-1px; font-weight:normal; width:270px;}
#clutchFinderBacker h3 span {color:#666; font-size:16px; display:block;letter-spacing:-0.02em; }

#clutchFinder, #clutchFinder2{width:730px; margin:0;}
#clutchFinder fieldset, #clutchFinder2 fieldset{width:640px; border:2px solid #565656; margin:0 auto 20px !important; position:relative; }
#clutchFinder legend, #clutchFinder2 legend{border:1px solid #333; color:#333;}
#clutchFinder .InputRow, #clutchFinder2 .InputRow {position:relative; padding-right:30px; height:15px;}
#clutchFinder .InputRow label, #clutchFinder2 .InputRow label{width:125px;}
#clutchFinder .InputRow select, #clutchFinder2 .InputRow select{width:470px;}
#clutchFinder .InputRow input, #clutchFinder2 .InputRow input{width:462px;}
#clutchFinder .SubmitButtonRow, #clutchFinder2 .SubmitButtonRow{padding-top:20px; padding-bottom:5px;}
#clutchFinder .Indicator{margin:0; display:block; width:20px; height:25px; position:absolute; right:0;}
#clutchFinder .IsSuccess .Indicator{background:url(../images/distributor/green-tick.jpg) no-repeat right;}
#clutchFinder .IsNeutral .Indicator{background:url(../images/distributor/next-arrow.jpg) no-repeat right;}
#clutchFinder .IsDisabled select{background:#f3f3f3; border:1px solid #fff !important;}

#distributorCantFindLink{display:block; padding:10px; color:#777; font-size:12px; text-decoration:none; position:absolute; bottom:10px; left:10px; width:300px;}
#distributorCantFindLink:hover{color:#000;}

#clutchKitSpigotLine{display:block; padding:10px; color:#555; font-size:11px; text-decoration:none; position:absolute; top:70px; left:60px; width:300px;}

#printableVersionClutch{position:absolute; top:10px; right:30px; color:#666; border:1px solid #ccc; padding:3px; background:#fff; text-decoration:none;}
* html #printableVersionClutch{width:150px;}
#printableVersionClutch span{display:block; background:url(../images/clutch-finder/details/print-icon.jpg) no-repeat right; padding:10px 36px 10px 7px; font-size:13px;}
#printableVersionClutch:hover{color:#000; border:1px solid #777;}
#printableVersionClutch em{font-style:normal;}
#printableVersionClutch strong{font-weight:normal; display:none;}

#clutchDetailBlackBox{background:#000 url(../images/clutch-finder/details/top-black-box-rep.jpg) repeat-x top; position:relative;}
#clutchDetailBlackBoxInner{background:#121212 url(../images/clutch-finder/details/top-black-box-left.jpg) no-repeat top left; position:absolute; top:0; left:0; height:100%; width:196px; z-index:50;}

#clutchDetailBlackBox table{margin:0; padding:0; position:relative; z-index:60; border:none; width:690px;}
#clutchDetailBlackBox th{width:180px; padding:10px 0; font-size:10px; text-transform:uppercase; color:#999; text-align:right; border:none; font-weight:normal; background:none;}
#clutchDetailBlackBox td{margin:0; padding:0; font-size:16px; padding:5px 0 5px 25px; color:#fff; border:none;}

#clutchDetailBlackBox td ul{margin:0; padding:0; list-style:none;}
#clutchDetailBlackBox td ul li{margin:0; padding:3px 0 3px 10px; background:url(../images/clutch-finder/details/arrow.gif) no-repeat 0 10px; color:#777; font-size:11px;}

#clutchDetailWhiteBox{background:#fff; position:relative;}
#clutchDetailWhiteBoxInner{background:#f9f9f9; position:absolute; top:0; left:0; height:100%; width:196px; z-index:50;}
* html #clutchDetailWhiteBoxInner{background:none;}
#clutchDetailWhiteBox table{margin:0; padding:0; position:relative; z-index:60; border:none; width:680px; background:url(../images/clutch-finder/details/exedy-logo.jpg) no-repeat 470px 10px;min-height:100px;}
* html #clutchDetailWhiteBox table{height:100px;}
#clutchDetailWhiteBox th{width:180px; padding:10px 0; font-size:10px; text-transform:uppercase; color:#666; text-align:right; border:none; font-weight:normal; background:none;}
#clutchDetailWhiteBox td{margin:0; padding:0; font-size:16px; padding:5px 0 5px 25px; color:#000; border:none;}


#cantFindTheClutchYoureAfter{position:absolute; top:70px; right:30px; z-index:70; display:block; width:200px; text-align:right; font-size:11px; text-decoration:none;}
* html #cantFindTheClutchYoureAfter{right:50px;}

.clutchDetailPdfLink{background:url(../images/library/icons/pdf-icon-20x20.jpg) no-repeat left; display:block; padding:5px 0 5px 28px; font-size:15px; color:#666 !important; }
.clutchDetailPdfLink:hover{color:#000 !important;}

#clutchApplicationMatrix{}
#clutchApplicationMatrix table{border:1px solid #666; width:682px; margin:5px; border:none;}
#clutchApplicationMatrix th{padding:3px; font-size:11px; background:#333; color:#fff;}
#cluthcTHprodCat{width:25%;}
#cluthcTHprodDesc{width:25%}
#cluthcTHappAvail{width:140px;}
#cluthcTHpartNo{}

#clutchApplicationMatrix td{border:1px solid #ccc; padding:4px; font-size:12px;}
#clutchApplicationMatrix span{text-align:center; color:#00cc00; height:15px; display:block; text-align:center;}
#clutchApplicationMatrix .splitter td{height:1px; padding:1px; background:#ccc;}

/* distributor search results */
#distributorSearchResults table{width:660px; border:1px solid #ccc; margin:0 auto 15px; padding:3px;}
#distributorSearchResults th{background:#333; font-size:13px; color:#fff; padding:5px; text-align:left}
#distributorSearchResults td{font-size:13px; color:#333; padding:5px;}
#distributorSearchResults .OddRow td{background:#f9f9f9; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}


.white-lightshadow-resize{border:1px solid #fff !important;}


/* car of the month */
#carOfTheImage{text-align:center; background:url(../images/car-of-the-month/car-of-the-month.gif) no-repeat top; padding:69px 0 0 0; margin:20px auto 0; width:650px;}
#carOfTheImage img{border:5px solid #000;}
#carOfTheTable{width:400px; margin:0 auto 10px; font-size:14px; background:#000; color:#fff; padding:10px;}
#carOfTheTable th{text-align:right; color:#666; font-weight:normal; width:35%;}
#carOfTheTable td{padding:4px 0 4px 15px;}
#carOfTheTable td, th{border-bottom:1px solid #111;}

.cotmText{font-size:22px; text-align:center; padding:20px 0 !important; font-weight:bold;} /* appears on submit and cotm pages */
.cotmUL{margin:0 auto; width:500px; padding:0 0 20px 0;}


/* this is our slideshow, it appears on the featured car page. */
#slide-images{position:relative; display:block; margin:0px; padding:0px; overflow:hidden; /* this is for div around the image (not the actual image size) --> */ width:650px; height:490px; list-style:none !important;}
#slide-images li{ position:absolute; display:block; margin:0px; padding:0px; background-color:#fff; top:0; left:0; width:640px; height:480px;}
#slide-images li img{background-color:#fff; position:absolute; top:0; left:0;}


#SiteMap{}
#SiteMap a{text-decoration:none;  display:block;}
#SiteMap{} .level_1 a{background:url(../images/library/icons/right-arrow-small-lightgrey-a1a1a1.gif) no-repeat left; padding:5px 0 5px 10px;}
#SiteMap{} .level_2{border-left:1px dotted #a1a1a1; margin:0 0 0 15px;}
#SiteMap{} .level_2 a{padding:0; }
#SiteMap{} .level_2 span{display:block; padding:5px 0 5px 15px;background:#fff url(../images/library/icons/sitemap-sub-arrow.gif) no-repeat left !important;}
#SiteMap{} .level_3{padding-left:0;border-left:1px dotted #a1a1a1; margin:0 0 0 15px;}


#SiteMap{} .level_1 a{font-size:15px; font-weight:bold;}
#SiteMap{} .level_2 a{font-size:12px !important;} 
#SiteMap{} .level_3 a{font-weight:normal !important;}


/* training knights! */
/* oh those training nights. oh you. no stop, really */

#trainingNights {border:1px solid #ccc;}
#trainingNights th{text-align:left; font-size:16px; padding:5px; border-bottom:1px solid #ccc; color:#fff; background:#085cab;}
#trainingNights td.Date{width:150px; background:#f9f9f9;}
#trainingNights th.Location{width:100px;}
#trainingNights td{vertical-align:top;padding:8px; border-bottom:1px solid #ccc; }
#trainingNights .TNsub, #trainingNights .TNsub p{color:#666; font-size:11px;}


/* this is for the events gallery */
.nicerImages, .nicerImages p{text-align:center;}
.nicerImages img{border:1px solid #ccc; padding:3px; background:#fff;}


table.ENZ_Distributors-rev-21apr09{font-size: 12px; width: 100%;}
table.ENZ_Distributors-rev-21apr09 th, table.ENZ_Distributors-rev-21apr09 td{text-align: left; padding:3px; border-bottom: 1px solid #ccc;}
table.ENZ_Distributors-rev-21apr09 th{font-weight: bold;}

table.ENZ_Distributors-rev-21apr09 td{text-transform: capitalize;}
table.ENZ_Distributors-rev-21apr09 td.Area{text-transform: uppercase;}

#MediaDocs ul {list-style: none; margin-left: 0em; padding-left: 0em;}
#MediaDocs ul li {float: none; clear: both; display: block; padding: 10px 0px;}
#MediaDocs .Description {float:none; display:block; font-size: 120%; font-weight: bold; margin-bottom: 5px; width: 340px; clear: both;}
#MediaDocs .Summary  {display:block; float: none;}
#MediaDocs .Summary  img {float: left; border: 2px solid #999; margin-right: 14px; width: 140px; height: 98px; overflow: hidden;}
#MediaDocs .pdf_link {display:block; float: none; padding-left: 0px; width: 500px; clear: right;}
#MediaDocs .pdf_link a {background:url(../images/standards/pdf-icon-20x20.jpg) no-repeat left; padding:5px 0 5px 30px; text-align:left;}
#MediaDocs .FileSize {cpadding-left: 0.2em; color: #888; font-size: 85%}