﻿body {margin:0 auto; padding:0; border:none; background:#369 url(_images/pageBG.gif) repeat-x center top; color:#000; 
  font:normal smaller Arial, Verdana, 'Trebuchet MS'; text-decoration:none; text-align:center;}
img {border:none}
hr {color:#000; padding:0; margin:0;}
h1, h2, h3 {font-size:12px; font-weight:bold; line-height:15px; margin:0; padding:0;}
a {font-size:10px; outline:none; text-decoration:none;}
sup, sub {font-size:65%;}


/* HEADER ELEMENTS */

#banner {margin:0 auto; width:inherit; background:#369; max-height:225px;}

#alexa {float:left; margin-left:25px; padding:10px; width:120px;}

#logo {padding:10px; float:left; width:200px; margin-left:-170px;}

#siteNameHolder {float:left; margin-left:40px;}
#siteName {margin:-85px 20px 0 5px;}
#siteName a, #siteNameShade a {font-size:500%; font-weight:bold; color:#ccc;}
#siteNameShade {margin-top:30px; z-index:10;}
#siteNameShade a {color:#333;}
#siteName h1 {padding-left:5px; font-style:italic; color:#ccc; display:inline;}

#car {padding:10px; margin-left:770px;}

#topNav {background:#ccc url(_images/topNav.gif) repeat-x center top;}
#topNavItems {padding-right:20px; text-align:right;}


/* THREE COLUMN LAYOUT */

.container {border:none; margin:0 auto; padding:0; background:#fff; text-align:center; min-width:780px; max-width:1270px;} 

#menu-wrap {top:-1px; position:relative; text-align:left; margin-bottom:-1px; width:100%;}
#side-wrap {position:relative; text-align:left;	width:100%;}
#body {top:-1px; overflow:hidden;}
#bodyMenu {top:0px; border-right:solid 1px #666; background:#369 url(_images/menuShade.gif) repeat-x center top;
  float:left;	width:198px; /* for IE5/WIN */
	voice-family:"\"}\""; voice-family:inherit; width:178px; /* actual value */
	margin:0; z-index:100; padding:10px; margin-bottom:-5000px; padding-bottom:5000px;}
#bodyAd {padding:10px; float:right;}


/* MENU ELEMENTS */

#menu {padding-left:10px;}
#menu a, #menu a.sub, .menuPics a {color:#000; font-size:12px; font-weight:bold;}
#menu a.sub {color:#333; font-weight:normal; padding-left:20px;}
#menu a.head {color:#333;}
#menu ul {margin:0;	padding:0; list-style:none;}
#menu li {background:url(_images/menuSeparator.gif) no-repeat center bottom; margin:0; padding:5px 0 0 10px;}

.menuPics {text-align:center; font-weight:bold;}
.menuPics img {padding:5px;}


/* BODY TEXT ELEMENTS */ 

#bodyText {top:-1px; background:url(_images/bodyShade.gif) repeat-x center top;
	padding:0 5px 0 200px; /* relative to #menu-width and #side-width */
    /* margin-bottom:-5000px;padding-bottom:5000px; */}
#bodyText .warning_wrap {margin:0; padding:0 25px 0 25px;}
#bodyText .warning {padding:10px 15px 10px 15px; margin:0; background:#eee; color:#f00;}
#bodyText .warning p, #bodyText .warning ul, #bodyText .warning li {padding:0; margin:0;}
#bodyText .warning ul {padding:8px 0 0 35px;}

.admin #bodyText {padding-left:0;}

#bodyText .leftImage {text-align:center; float:left; padding-right:15px;}
#bodyText .rightImage {text-align:center; float:right; padding:0 5px 0 10px;}
#bodyText .rightImage span, #bodyText .leftImage span {font-size:75%;}
#bodyText img.border {border:solid 1px #aaa;}


/* DIRECTORY ELEMENTS */

.directory a {font-size:100%;}
.directory #topNav {margin-top:-3px;}
.directory #topNav .title {padding-left:20px; float:left; font-size:120%; font-weight:bold; line-height:31px;}
.directory #topNav .items a {padding:0 10px 0 10px; color:#333; font-weight:bold; line-height:31px; text-align:right;}
.directory #topNav .items a:hover {color:#555;}
.directory #bodyMenu {background:#369;}
.directory #bodyText {background:#fff; padding-top:10px; padding-left:210px;}

.directory .search {padding:10px 25px 18px 10px; background:#369 url(_images/menuShade.gif) repeat-x center top; font-weight:bold; 
  color:#222; clear: both;}
.directory .search .form {float: right;}
.directory .search .text, .directory .search .range {margin-left: 5px; padding:2px; width:180px; color:#036; 
  font:normal 11px Verdana, Arial, Helvetica, sans-serif; background:#fff; border:2px solid #bbb; border-left:2px solid #666; 
  border-top:2px solid #666;} 
.directory .search .range {padding:1px; width:150px; text-decoration:none;}
.directory .search input.submit {margin:0 10px 0 5px; padding:4px 0; width:65px; font:bold 12px Arial, Sans-Serif; color:#222;
  background:url(_images/searchButton.gif) no-repeat; border:0;}
.directory .search input.submit:hover {color:#333;}
.directory .search .letters {padding-top: 3px; text-align:left; color:#111;}
.directory .search .letters a {font-size:120%; color:#036;}
.directory .search .letters a:hover {color:#333;}


/* LINK PAGE ELEMENTS */

#links_wrap {width:138px;}
#linkText {padding:0 140px 0 0; margin:0;}
#linkText table td {padding:5px 0 5px 30px; text-indent:-25px;}
#link {font-size:75%; font-weight:bold; margin-left:5px; text-align:center; padding:5px; padding-bottom:0; background:#ccc; 
  border:solid 1px #999;}
#link span {font-size:120%;}




#banners {text-align:center;}


#contentAdBanner {margin-top:-20px; padding-right:15px; float:right; text-align:right;}
#contentHeader {padding:30px 0 10px 10px; font-size:120%; font-weight:bold;}
#contentHeader h2 {float:left; font-size:100%; line-height:110%}
#contentHeader h2:first-letter {font-size:120%}
#contentHeader span {font-size:75%; color:#036; font-weight:bold; padding-left:8px;}
#contentHeader span.dated {font-size:75%; color:#000;}
#contentHeader a {font-size:100%; color:#036; font-weight:bold;}
#contentHeader a.spaced {font-size:15px; font-weight:normal;}
#contentHeader a:hover {text-decoration:underline;}
#contentHeader:first-letter {font-size:130%;}

#contentText {padding:10px 5px 10px 10px;}
#contentText a {font-size:100%; color:#036; text-decoration:underline;}
#contentText a:hover {}
#contentText a.note {text-decoration:none;}
#contentText p:first-letter {font-size:150%; font-weight:bold;}
#contentText span {color:#036; font-weight:bold;}

#contentText .offset, #offset, #offset2 {margin-left:60px;}
#contentText .offset span, #offset span, #offset2 span {color:#000; font-weight:normal;}
#contentText .offset span.u, #offset span.u, #offset2 span.u {text-decoration:underline;}
#contentText .offset span.middle {float:left;line-height:200%;}

#pageNav {text-align:right; padding-right:10px;}
#pageNav a, #pageNav a:hover, #page a:visited #pageNav a:active {color:#036; font-size:90%; font-weight:bold; text-decoration:none;}
#pageNav a.here {background:#ccc; font-size:120%; font-weight:normal;}

#note {color:#f00; font-size:100%; font-weight:bold;}
#note span {font-size:120%; padding-right:5px;}


/* GLOSSARY PAGE ELEMENTS */

.glossaryLinks {padding-top:20px;}
.glossaryLinks a {font-size:medium; padding:0 10px 0 10px;}

.glossary {}
.glossary h3 {}
.glossary h4 {color:#555; margin-bottom:5px; font-size:90%; padding-left:20px;}

.explanation {padding:0 10px 0 30px;}
.explanation i {font-size:90%;color:#333;}


/* FOOT ELEMENTS */

#footer {margin:0 auto; padding:0; padding-top:45px; clear:both; font-weight:bold; z-index:2; text-align:center;
  background:#369 url(_images/footNavBG.gif) repeat-x center top;}
#footer .container {background:none;}
#footer #footNav {margin:0 auto; margin-top:-40px; margin-right:180px; padding:5px 10px 5px 10px; text-align:left;}
#footer #footNav a {color:#036; font-weight:900; padding:0 10px 2px 10px;}
#footer #footNav a:hover {background:#ccc;}
#footer #footNav #navLinks {margin-top:-3px;}

#copyright {font-size:10px; text-align:center; padding-top:3px;}
#copyright a {color:#000;}

#updated {float:right; font-size:10px; margin-top:-39px; margin-right:10px;}


.sitemap1 {padding-left:10px;}
#sitemap1 a {text-decoration:none;}
#sitemap1 a.sub {color:#333; font-size:95%; padding-left:20px;}

.subheader {font-weight:bold; font-size:100%; padding:20px 0 0 20px;}
.subheader:first-letter {font-weight:normal; font-size:140%;}    

#contentText h3 {font-weight:bold; font-size:100%; padding:20px 0 0 20px; margin:0;}
#contentText h3:first-letter {font-weight:normal; font-size:140%;}  


/* CONVERSION TABLE */

.conversion {width:100%;}
.conversion td {vertical-align:top;}

.conHead {font-weight:bold; padding-top:15px; padding-bottom:7px;}
.convert {width:16%;}
.convert2 {width:22%;}
.conTimes {width:4%;}
.conFactor {width:5%;}



#email {font-weight:bold; width:550px; text-align:center;}
#email .clear {clear:right;}

.left {float:left; padding-left:60px; text-align:left; width:100px;}

.clear {clear:both; text-align:center;}

.clearRight {clear:right; height:10px;}


/* NOADS PAGES */

#noads-BodyText {position:relative; top:-1px; padding:0 5px 0 200px; /* relative to #menu-width and #side-width */}
#noads-side-wrap {}


/* WALLPAPER ELEMENTS */

.wallpaper {padding:10px; padding-left:30px;}
.wallpaper a {font-size:80%; color:#036; line-height:18px; font-weight:bold;}
.wallpaper a:hover {text-decoration:underline;}
.wallpaper a:visited {color:#999;}

.wallpaperImage {float:left; width:134px; border:solid 1px #666;}
.wallpaperTitle {font-weight:bold; padding:0 0 10px 150px;}
.wallpaperLinks {padding-left:160px;}

#wallpaper-menu {margin-left:-10px; margin-right:-10px; padding-left:20px; background:#396;}
#wallpaper-menu a, #wallpaper-menu a.sub {color:#000; font-size:12px;font-weight:bold;}
#wallpaper-menu a.sub {color:#333; font-weight:normal; padding-left:20px;}
#wallpaper-menu a.head {color:#333;}
#wallpaper-menu ul {margin:0; padding:0; list-style:none;}
#wallpaper-menu ul li {margin:0; padding:5px 0 0 10px; background:url(_images/menuSeparator2.gif) no-repeat center bottom;}



.spotLeft {width:46%; padding:5px 10px 10px 10px; float:left;  background:#eee; border:solid 1px #aaa;}
.spotRight {width:46%; padding:5px 10px 10px 10px; float:right; background:#eee; border:solid 1px #aaa;}
.spotText {margin-left:114px;}
.spotImage img {height:72px; width:94; float:left;}
.spotLink {text-align:right; font-weight:bold;  font-size:80%; padding-top:5px;}
.spotLeft h2, .spotRight h2 {color:#f00;padding-bottom:5px;}
#contentText h3.spot, #contentText h3.spot:first-letter {color:#f00; font-weight:bold; font-size:100%; padding:0 0 5px 0; margin:0;}

.spotLink a {text-decoration:none;}

table#spot {border:none;}
table#spot td {width:50%; padding:5px 10px 10px 10px; background:#eee; border:solid 1px #aaa;}
table#spot td.space {width:10px; border:none; background:#fff;}
table#spot tr.space {padding:5px; border:none; background:#fff;}

table.spot {border:none;}
table.spot td {width:50%; padding:5px 10px 10px 10px; background:#eee;}
table.spot td.space {width:10px; border:none; background:#fff;}
table.spot tr {border-bottom:solid 20px #fff;}
table.spot tr.space {padding:5px; border:none; background:#fff;}

table.image tr td {text-align:center;}
table.image .imageTitle {padding-bottom:5px;border:sold 1px #000;}
table.image .altText {padding-top:4px; padding-bottom:20px; font-size:10px; font-weight:normal;}





#Partners {color:#333; font-size:10px; font-weight:bold; padding-top:2px; margin:0; text-align:center; z-index:1;}
#Partners a {padding:0 8px 0 8px; color:#333;}
#Partners a:hover {color:#666;}


/* NEW WALLPAPER ELEMENTS */

#wallpaperHeader {padding:30px 0 10px 10px; font-size:120%; font-weight:bold;}
#wallpaperHeader span {font-size:100%; line-height:110%}
#wallpaperHeader span:first-letter {font-size:130%;}

.wallpaperText {padding:10px 0 10px 10px;}
.wallpaperText a {font-size:100%; color:#036; text-decoration:underline;}
.wallpaperText a:hover {}
.wallpaperText a.note {text-decoration:none;}
.wallpaperText p:first-letter {font-size:150%; font-weight:bold;}
.wallpaperText h3.spot, #wallpaperText h3.spot:first-letter {color:#f00; font-weight:bold; font-size:100%; padding:0 0 5px 0; margin:0;}

.wpLeft {float:left;}
.wpRite {float:right; font-size:12px; font-weight:bold; color:#036;}
.wpRite a {font-size:12px; font-weight:bold; color:#036; text-decoration:underline;}
.wpRite a:active {text-decoration:none; font-size:14px; font-weight:normal; background:#eee;}

.spotItem {padding:5px 10px 10px 10px; background:#eee; border:solid 1px #aaa;}

table.spotDataList td.space {width:10px; border:none; background:#fff;}
table.spotDatalist tr.space {padding:5px; border:none; background:#fff;}


/* PICTURE PAGES */

.picText, .thumbs {padding:10px;}
.picText p:first-letter {font-size:150%; font-weight:bold;}
.thumbs a, .picText a {font-size:100%;}
/*.rightImage {border-style:solid; border-width:1px;
    border-color:#666; padding:1px; margin-left:7px;
    float:right; text-align:center;}*/
.thumbs {clear:right; text-align:center;}
.thumbs span span {padding:7px;}


/* TABLES */

.tableLeft {float:left; padding:10px; padding-top:0;}

.tireCodes, .tireCodes td {border:solid 1px #ccc;}
.tireCodes .head {color:#036; padding:2px}
.tireCodes .subHeading {padding-left:10px; font-weight:bold;}
.tireCodes .rating {width:55px; text-align:center;}
.tireCodes .speed {width:150px;}
.tireCodes .load {width:60px;}

#table2 {border-bottom:solid 2px #ccc;}


/* ERROR PAGES */

#errorBox {float:left; padding:20px;}
.errorHeader {font-size:200%; font-weight:bold;}
.errorText p:first-letter{font-size:150%; font-weight:bold;}
.error {color:#ccc; padding-top:10px;}


/* ADSENSE */

.wideTextAd {width:98%; text-align:center;}
.separator {background:url(_images/menuSeparator2.gif) no-repeat center bottom; margin-top:-2px; max-height:1px;}
.skyscraper {width:180px; padding:10px; margin-top:18px; border:solid 1px #eee;}


/* MISCELLANEOUS ITEMS */

.bookmarkers {width:100%; text-align:center;}
.bookmarkers a {padding-left:10px; padding-right:10px;}

#alexaRank {position:absolute; top:0; left:-120px;}


/* ADMIN */

.detailsview table tr td input {width:500px;}
.detailsview .detailsheader {width:200px;}