/* Fusionbox Admin CSS Template */

/* Reset default positioning values */
@import "reset.css";

/* Import TinyMCE styles */
@import "tinymce.css";

/* sIFR @import "sIFR-screen.css"; */

/*************** Layout */


ul.sitemap {
  list-style-type:none;
}

span.sitemap_item {  
  cursor: pointer;
}

ul.sitemap span {
  float:left;
}

ul.controller_list,
ul.brand_list,
ul.featured_list
 {
  display:none;
}

.heroNavPage {
float:left;
}

#wrapper {
  width: 992px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  color: #333333;
}

#header {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  margin: 10px 0px 6px 0px;
}

#content {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
}

#logo {
  float: left;
  display: inline;
  width: 426px;
  height: 69px;
  margin: 50px 0px 0px 0px;
  font-size: 20px;
  line-height: 20px;
}

div.bigColumn,
#search {
  display: inline;
  width: 680px;
  height: auto;
}

#errorblock { 
  display: inline;
  height: auto;
}

.noFloat {
float:none;
}

/*************** Banner */

#banner {
  float: right;
  display: inline;
  width: 680px;
  height: auto;
}

/*************** Navigation Tabs */

#nav {
  float: right;
  display: inline;
  position: relative;
  width: 480px;
  height: auto;
  margin: 0px 0px 0px 0px;
}

#nav div.tab_content {
  float: left;
  display: inline;
  width: 466px;
  height: 70px;
  padding: 0px 10px 0px 0px;
  margin: 12px 0px 0px 4px;
}

div.nav {
  float: none;
  display: inline;
}

#nav div.nav {
  width: 466px;
  height: auto;
}

#nav #content_use {
  float: left;
  width: 460px;
  margin: 0px 0px 0px 6px;
}

div.nav a:link,
div.nav a:visited {
  float: left;
  clear: left;
  display: inline;
  margin: 0px 0px 5px 0px;
  width: 90px;
  height: 8px;
  background-position: left;
  background-repeat: no-repeat;
}

div.nav a:hover {
  background-position: center;
}

div.nav a.mydg:link,
div.nav a.mydg:visited {
  float: none;
  clear: none;
  margin: 0px;
  width: auto;
  height: auto;
}

div.page {
display:none;
}

div.page on{
display:block;
}

div.nav a:active,
div.nav a.here:link,
div.nav a.here:visited,
div.nav a.here:hover,
div.nav a.here:active {
  background-position: right;
}

div.nav span.sifrLink {
  float: left;
  clear: left;
  display: inline;
  width: 90px;
  height: 14px;
  margin: 0px 0px 1px 10px;
}

div.nav a#nav_taketour:link,
div.nav a#nav_taketour:visited,
div.nav a#nav_open:link,
div.nav a#nav_open:visited {
  float: left;
  display: inline;
  clear: none;
  margin: 4px 4px 0px 0px;
  height: 18px;
  background-position: top;
  background-repeat: no-repeat;
}

div.nav a#nav_taketour:hover,
div.nav a#nav_taketour:active,
div.nav a#nav_open:hover,
div.nav a#nav_open:active {
  background-position: bottom;
}

#nav_dreamgarages { background-image: url('../image/nav_dreamgarages.gif'); }
#nav_workshops { background-image: url('../image/nav_workshops.gif'); }
#nav_hangouts { background-image: url('../image/nav_hangouts.gif'); }
#nav_garageproperty { background-image: url('../image/nav_garageproperty.gif'); }

#nav_designcenter { background-image: url('../image/nav_designcenter.gif'); }
#nav_cabinets { background-image: url('../image/nav_cabinets.gif'); }
#nav_storage { background-image: url('../image/nav_storage.gif'); }
#nav_flooring { background-image: url('../image/nav_flooring.gif'); }
#nav_plans { background-image: url('../image/nav_plans.gif'); }
#nav_doors { background-image: url('../image/nav_doors.gif'); }

#nav_automobiles { background-image: url('../image/nav_automobiles.gif'); }
#nav_motorcycles { background-image: url('../image/nav_motorcycles.gif'); }
#nav_atvs { background-image: url('../image/nav_atvs.gif'); }
#nav_rvs { background-image: url('../image/nav_rvs.gif'); }
#nav_utility { background-image: url('../image/nav_utility.gif'); }
#nav_snowmobiles { background-image: url('../image/nav_snowmobiles.gif'); }

#nav_boats { background-image: url('../image/nav_boats.gif'); }
#nav_collectibles { background-image: url('../image/nav_collectibles.gif'); }
#nav_gear { background-image: url('../image/nav_gear.gif'); }
#nav_gadgets { background-image: url('../image/nav_gadgets.gif'); }
#nav_getaways { background-image: url('../image/nav_getaways.gif'); }

#nav_taketour { width: 60px; background-image: url('../image/nav_taketour.gif'); }
#nav_open { width: 35px; background-image: url('../image/nav_open.gif'); }

div.nav a span {
  display: none;
}
  
div.nav a.ad:link,
div.nav a.ad:visited,
div.nav a.ad:hover,
div.nav a.ad:active {
  float: right;
  clear: none;
  display: inline;
  width: 110px;
  height: 60px;
  margin: 0px;
}

div.nav div.column {
  float: left;
  display: inline;
  width: 90px;
  margin: 0px;
  padding: 0px;
}

/*************** Nav Search */

#nav #navSearch {
  position: absolute;
  top: 1px;
  left: 223px;
  width: 258px;
  height: auto;
}

#nav #navSearch p {
  width: 258px;
  margin: 0px;
  padding: 0px;
}

#nav #navSearch p input.text {
  float: left;
  display: inline;
  width: 198px;
  height: auto;
  margin: 0px 2px 0px 0px;
  padding: 3px 3px 2px 3px; /* add one padding to left, right, and top */
  border-color: #cccccc;
}

#nav #navSearch input.search {
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
}

/*************** Tabs */

div.tabs {
  float: left;
  display: inline;
  width: 100%;
  height: 24px;
  border-bottom: solid 1px #cccccc;
  z-index: 1;
}

div.tabs a:link, 
div.tabs a:visited {
  float: left;
  display: inline;
  position: relative;
  top: 1px;
  width: auto;
  height: 22px;
  line-height: 24px;
  margin: 0px 0px 0px 2px;
  padding: 0px 9px;
  border: solid 1px #cccccc;
  background: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  color: #111111;
  z-index: 2;
}

div.tabs a:hover,
div.tabs a:active {
  background: #ffffff;
  color: #cc2222;
}


div.tabs a.inactive,
div.tabs a.inactive:hover,
div.tabs a.inactive:active {
  background: #ffffff;
  color: #999999;
}

div.tabs a.on:link,
div.tabs a.on:visited,
div.tabs a.on:hover,
div.tabs a.on:active {
  color: #cc2222;
  background: #ffffff;
  border-bottom-color: #ffffff;
}

div.tabs span {
  float: left;
  display: inline;
  margin: 0px 2px 0px 0px;
  line-height: 24px;
  font-weight: bold;
}

div.tabs span.myDG {
  float: right;
  display: inline;
  margin: 0px 2px 0px 0px;
  line-height: 24px;
  font-weight: bold;
}

div.tabs span.myDG a:link,
div.tabs span.myDG a:visited,
div.tabs span.myDG a:hover,
div.tabs span.myDG a:active {
  float: none;
  display: inline;
  margin: 0px;
  top: 0px;
  width: auto;
  height: auto;
  line-height: auto;
  padding: 0px;
  border: 0px;
  background: none;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  color: #999999;
  z-index: 2;
}

/*************** sIFR Tabs */

div.sifrTabs,
div.photoVideoTabs,
div.resourceTabs {
  float: left;
  display: inline;
  width: 100%;
  height: 24px;
  margin: 0px 0px 10px 0px;
  border-bottom: solid 1px #cccccc;
  z-index: 1;
}

div.sifrTabs p,
div.photoVideoTabs p,
div.resourceTabs p {
  float: left;
  display: inline;
  position: relative;
  top: 1px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 2px;
  padding: 0px;
  color: #111111;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: solid 1px #cccccc;
  z-index: 2;
}

div.sifrTabs p a:link,
div.sifrTabs p a:visited,
div.photoVideoTabs p a:link,
div.photoVideoTabs p a:visited,
div.resourceTabs p a:link,
div.resourceTabs p a:visited {
  display: block;
  text-decoration: none;
  color: #111111;
  padding: 1px 10px 4px 10px;
}

div.sifrTabs p hover,
div.sifrTabs p a:active,
div.photoVideoTabs p hover,
div.photoVideoTabs p a:active,
div.resourceTabs p hover,
div.resourceTabs p a:active {
  text-decoration: none;
  color: #cc2222;
}

div.sifrTabs p:hover,
div.sifrTabs p:hover a:hover,
div.photoVideoTabs p:hover,
div.photoVideoTabs p:hover a:hover,
div.resourceTabs p:hover,
div.resourceTabs p:hover a:hover  {
  color: #cc2222;
}

div.sifrTabs p.inactive,
div.sifrTabs p.inactive:hover,
div.sifrTabs p.inactive a:hover,
div.photoVideoTabs p.inactive,
div.photoVideoTabs p.inactive:hover,
div.photoVideoTabs p.inactive a:hover,
div.resourceTabs p.inactive,
div.resourceTabs p.inactive:hover,
div.resourceTabs p.inactive a:hover {
  color: #999999;
}

div.sifrTabs p.on,
div.photoVideoTabs p.on,
div.resourceTabs p.on {
  border-bottom-color: #ffffff;
}

div.sifrTabs p.on,
div.sifrTabs p.on a:hover,
div.sifrTabs p.on:hover,
div.photoVideoTabs p.on,
div.photoVideoTabs p.on a:hovers,
div.photoVideoTabs p.on:hover,
div.resourceTabs p.on,
div.resourceTabs p.on a:hovers,
div.resourceTabs p.on:hover {
  color: #cc2222;
}

div.photoVideoTabs p.first {
  margin-left: 10px;
}

/*************** Homepage Sponsored Garages */

div.tabs.garages {
  height: 28px;
  margin: 0px 0px 0px 0px;
}

div.tabs.garages img {
  float: left;
  display: inline;
  margin: 16px 2px 0px 0px;
}

div.tabs.garages a:link,
div.tabs.garages a:visited {
  float: right;
  width: 32px;
  height: 28px;
  top: 0px;
  margin: 0px 2px 0px 0px;
  padding: 0px;
  font-size: 11px;
  line-height: 20px;
  border: 0px;
  background-repeat: no-repeat;
  background-position: top;
}

div.tabs.garages a:hover,
div.tabs.garages a:active,
div.tabs.garages a.on:link,
div.tabs.garages a.on:visited,
div.tabs.garages a.on:hover,
div.tabs.garages a.on:active {
  background-position: bottom;
}

a#tabGarage1 {
  background-image: url('../image/tab_garage_1.gif');
}

a#tabGarage2 {
  background-image: url('../image/tab_garage_2.gif');
}

a#tabGarage3 {
  background-image: url('../image/tab_garage_3.gif');
}

a#tabGarage4 {
  background-image: url('../image/tab_garage_4.gif');
}

div.tabs.garages a span {
  display: none;
}

#homeFeatured div.tab_content {
  width: 300px;
  height: 450px;
  margin: 0px;
  padding: 10px 0px;
  border-bottom: solid 1px #cccccc;
}

#contentGarage1,
#contentGarage2,
#contentGarage3,
#contentGarage4 {
  float: none;
  width: 300px;
  height: 190px;
  margin: 0px 0px 10px 0px;
}

#contentGarage1 img,
#contentGarage2 img,
#contentGarage3 img,
#contentGarage4 img {
  float: left;
  display: block;
  width: 300px;
  height: 190px;
}

#homeFeatured div.googleAd {
  float: none;
  display: block;
  width: 300px;
  height: 250px;
  background: #eeeeee;
}

#homeFeatured div.googleAd img {
  float: left;
  display: block;
}

/*************** Homepage: Most Wanted */

#mostWanted {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  padding: 10px 0px 0px 0px;
}

#mostWanted img.h1 {
  float: left;
  display: block;
  width: 125px;
  height: 16px;
  margin: 4px 0px 8px 0px;
  padding: 0px;
}

#mostWanted select {
  float: left;
  display: inline;
  width: 200px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  padding: 2px;
  margin: 0px 0px 0px 8px;
}

#mostWanted #mostWantedItems {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  padding: 0px;
  margin: 0px;
}

#mostWanted #mostWantedItems .mostWantedItem {
  float: left;
  display: inline;
  width: 174px;
  height: 210px;
  padding: 10px;
  margin: 0px 3px 0px 0px;
  background: #e5e5e5;
  border: solid 1px #cccccc;
}

#mostWanted #mostWantedItems .mostWantedItem.last {
  float: left;
  margin: 0px -3px 0px 0px;
}

#mostWanted #mostWantedItems .mostWantedItem div {
  float: none;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  position: relative;
}

#mostWanted #mostWantedItems .mostWantedItem a.image {
  float: none;
  display: block;
  width: 174px;
  height: auto;
  margin: 0px;
  padding: 8px 0px 0px 0px;
  position: relative;
  top: 0px;
  left: 0px;
}

#mostWanted #mostWantedItems .mostWantedItem img {
  float: none; 
  display: block;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
}

/*************** Tabbed Content Buckets */

div.on {

}

div.off {
  float: none;
  width: auto;
  height: auto;
  position: static;
  display: none !important;
  overflow: visible;
  margin: 0px;
  padding: 0px;
}

span.off {
  display:none;
}

div.tab_content {
  float: left;
  display: inline;
}

/*************** Home Page */

#homeNav {
  float: left;
  margin: 8px 0px 0px 10px;
  width: 670px;
  height: auto;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #111111;
}

#homeNav span.home {
  float: left;
  display: inline;
  margin-right: 5px;
  color: #111111;
}

#homeNav a,
#homeNav span {
  text-decoration: none;
  float: left;
  margin-right: 5px;
  padding: 0px;
  cursor: pointer;
  color: #999999;
}

#homeNav a:hover,
#homeNav span:hover {
  color: #cc2222;
}

#homeNav a.here,
#homeNav span.here {
  color: #cc2222;
}

#homeNav a#heroBack,
#homeNav span#heroBack {
  float: left;
  display: block;
  width: 39px;
  height: 13px;
  margin-top: 3px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/button_back.gif') top no-repeat;
}

#homeNav a#heroNext,
#homeNav span#heroNext {
  float: left;
  display: block;
  width: 39px;
  height: 13px;
  margin-top: 3px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/button_next.gif') top no-repeat;
}

#homeNav .heroPause {
  float: left;
  display: block;
  width: 38px;
  height: 13px;
  margin-top: 3px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/button_pause.gif') top no-repeat;
}

#homeNav .heroPlay {
  float: left;
  display: block;
  width: 38px;
  height: 13px;
  margin-top: 3px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/button_play.gif') top no-repeat;
}

#homeNav a#heroMore,
#homeNav span#heroMore {
  float: left;
  display: block;
  width: 39px;
  height: 13px;
  margin-top: 3px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/button_more.gif') top no-repeat;
}

#homeNav a#heroBack:hover,
#homeNav a#heroNext:hover,
#homeNav a#heroPause:hover,
#homeNav a#heroPlay:hover,
#homeNav span#heroBack:hover,
#homeNav span#heroNext:hover,
#homeNav span#heroPause:hover,
#homeNav span#heroPlay:hover {
  background-position: bottom;
}

/*************** Hero: List (Homepage Only) */

#heroWrapper {
  float: left;
  display: inline;
  width: 658px;
  height: auto;
  padding: 10px;
  border: solid 1px #cccccc;
  background: #ffffff;
}

#heroes {
  float: left;
  display: inline;
  width: 658px;
  height: 380px;
  position: relative; /* important */
  overflow: hidden; /* important */
}

ul#heroList {
  position: absolute;
  top: 0px;
  width: 999999px;
  height: 450px;
  margin: 0px;
  padding: 0px;
}

ul#heroList li.heroItem {
  float: left;
  display: block;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 658px;
  height: 450px;
}

/*************** Hero: Category (Homepage Only) */

.heroCategory {
  float: right;
  clear: right;
  display: inline;
  width: 200px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #ff0000;
}

.heroCategory a {
  text-decoration:none;
}


/*************** Hero */

div.hero {
  float: left;
  display: inline;
  width: 658px;
  height: auto;
}

ul#heroList li.heroItem div.hero {
  width: 658px;
  border: 0px;
}

div#showcase {
  width: 658px;
  height: 380px;
  overflow: hidden;
}

div.heroHeightMaintainer {
  float: left;
  display: inline;
  width: 658px;
  height: 380px;
  overflow: hidden;
}

.heroCaptionWrapper {
  float: left;
  display: inline;
  width: 658px;
  height: 117px;
  top: 263px;
  position: relative;
  overflow: hidden;
}

.heroCaptionWrapperHidden {
  float: left;
  display: inline;
  width: 658px;
  height: 17px;
  top: 363px;
  position: relative;
  overflow: hidden;
}

.heroCaptionWrapperHidden .heroClose {
  visibility: hidden;
}

.heroBalloon {
  float: left;
  display: inline;
  width: 658px;
  height: 1px;
}

.heroCaption {
  float: left;
  display: inline;
  position: relative;
  width: 628px;
  height: 70px;
  padding: 15px;
  background-color: #e5e5e5;
}

.heroCaption.seethru {
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}

.captionContent {
  float: left;
  display: inline;
  width: 370px;
  height: 81px;
  overflow: hidden;
}

.heroCaption .captionContent h3,
.heroCaption .captionContent p {
  width: 370px;
}

.captionContent.wide {
  width: 628px;
}

.heroCaption .captionContent.wide h3,
.heroCaption .captionContent.wide p {
  width: 628px;
}

.heroCaption .captionContent h3 a:link,
.heroCaption .captionContent h3 a:visited {
  text-decoration: none;
  color: #111111;
}

.heroCaption .captionContent h3 a:hover,
.heroCaption .captionContent h3 a:active {
  text-decoration: none;
  color: #333333;
}

a.read {
  position: absolute;
  top: 75px;
  left: 595px; 
}

/* Full-width caption for article page captions */

.heroCaption.article {
  width: 658px;
  height: auto;
  padding: 0px;
  background-color: #ffffff;
}

.heroCaption.article .captionContent {
  width: 658px;
  padding: 10px 0px 5px 0px;
  height: auto;
}

.heroCaption.article .captionContent h3,
.heroCaption.article .captionContent p {
  width: 658px;
}

/* Ad space below hero images */

.heroAdTop
{ 
  float: left;
  display: inline;
  width: 658px;
  height: 60px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.heroAd {
  float: left;
  display: inline;
  width: 658px;
  height: 60px;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

.heroAdTop.internal,
.heroAd.internal {
  padding: 0px 0px 10px 0px;
}

.heroAdTop img.floatLeft,
.heroAd img.floatLeft {
  margin: 0px;
  display: inline;
}

.heroAdTop img.floatRight,
.heroAd img.floatRight {
  margin: 0px;
  display: inline;
}

/*************** Hero: "Plus" Content */

.heroCaption .heroPlus {
  float: left;
  display: inline;
  width: 40px;
  margin: 0px 0px 0px 10px;
  font-size: 60px;
  line-height: 50px;
  font-weight: normal;
  color: #cccccc;
  text-align: center;
  cursor: default;
}

.heroCaption .heroPlusContent {
  float: right;
  display: inline;
  width: 200px;
  height: 60px;
  margin: 0px;
}

.heroCaption .heroPlusContent ul {
  margin: 0px;
}

.heroCaption .heroPlusContent li {
  font-size: 11px;
  line-height: 14px;
}

/*************** Hero: Open/Close Buttons */

.heroClose {
  float: right;
  display: block;
  cursor: pointer;
  height: 17px;
  z-index: 100;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}

.heroOpen {
  display: inline;
  position: absolute;
  top: 0px;
  left: 601px;
  cursor: pointer;
  width: 47px;
  height: 17px;
  z-index: 99;
  margin: 0px;
  padding: 0px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}

/*************** Hero: Article Pages */

div.hero.singular {
  height:auto !important;
  padding: 0px 0px 40px 0px;
}

div.hero.singular div.captionContent {
  width: 100%;
}

div.hero.singular div.captionContent h3, 
div.hero.singular div.captionContent p {
  width: 100%;
  line-height: 16px;
}

div.hero.singular div.captionContent h3 span {
  color: #000000;
}

/*************** Hero: Article Pages Pics/Vid Overlay */

#photoVideoTabs {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  position: relative;
  margin-top: -52px;
}

#photoVideoTabs div.tabs.small {
  margin: 0px;
}

#photoVideoTabs div.photoVideoWrapper {
  float: left;
  width: 658px;
  height: 44px;
  padding: 0px 10px 10px 10px;
  background: #ffffff;
  color: #333333;
  position: relative;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}

#photoVideoTabs div#hero_videos,
#photoVideoTabs div#hero_photos {
  width: 658px;
  height: 44px;
  color: #333333;
  position: relative;
  z-index: 1;
}

#photoVideoTabs div.images {
  float: left;
  display: inline;
  width: 574px;
  height: auto;
  margin: 0px;
}

#photoVideoTabs div.videos {
  float: left;
  display: inline;
  width: 564px;
  height: auto;
  margin: 0px 0px 0px 6px;
}

#photoVideoTabs img {
  float: left;
  display: inline;
  margin: 0px 4px;
  padding: 0px;
  border: solid 2px #cccccc;
}

#photoVideoTabs div.videos img {
  margin: 0px 6px 0px 7px;
}

#photoVideoTabs img:hover {
  border: solid 2px #333333;
}

#photoVideoTabs div.paging {
  display: inline;
  width: 30px;
  height: 44px;
}

#photoVideoTabs div.paging.left {
  float: left;
  margin: 0px 12px 0px 0px;
}

#photoVideoTabs div.paging.right {
  float: right;
  margin: 0px;
}

#photoVideoTabs div.paging img {
  border: 0px;
  margin: 0px;
}

/*************** Hero: Article Pages Caption */

div.hero.singular div.heroCaptionWrapper {
  height: auto;
  top: 0;
  margin: 0px;
}

div.hero.singular div.heroCaptionWrapper div.heroCaption {
  height: auto;
  margin: 0px;
}

.plus {
  float: right;
  display: inline;
  position: absolute;
  top: 0px;
  left: 460px;
  width: 180px;
  height: 81px;
  padding: 10px;
  background: #e5e5e5;
  overflow: hidden;
}

.plus h3,
.plus p {
  width: 180px;
}

.plus p {
  margin: 0px;
  font-weight: normal;
}

.plus p img {
  float: left;
  display: block;
  border: solid 1px #999999;
  margin: 0px 10px 0px 0px;
}


/*************** Hero: Article Pages CaptionLinks */

#photoVideoTabs div.links {
  float: right;
  display: block;
  width: 520px;
  height: auto;
  padding: 0px;
  margin: 6px 0px 0px 0px;
}

#photoVideoTabs div.links img {
  float: left;
  margin: 0px 0px 0px 8px;
  border: 0px;
}

span.email img.icon {
  float: left;
  display: inline;
  position: relative;
  top: -5px;
  margin: 0px 0px 0px 10px;
}

span.email input.text {
  float: left;
  display: inline;
  position: relative;
  top: -4px;
  width: 120px;
  font-size: 10px;
  line-height: 12px;
  padding: 2px;
  margin: 0px 0px 0px 4px;
}

span.email input.image {
  float: left;
  display: inline;
  position: relative;
  top: -4px;
  padding: 0px 4px;
  margin: 0px 0px 0px 2px;
}

span.email em {
  position: relative;
  top: -2px;
  left: 8px;
}

/*************** Breadcrumb and Error Block */

#breadcrumb, 
.breadcrumb, 
#errorblock {
  color: #aaaaaa;
}

#errorblock a:link,
#errorblock a:visited,
#breadcrumb a:link,
#breadcrumb a:visited,
.breadcrumb a:link,
.breadcrumb a:visited {
  color: #999999;
  text-decoration: none;
}

#errorblock a:hover,
#errorblock a:active,
#breadcrumb a:hover,
#breadcrumb a:active,
.breadcrumb a:hover,
.breadcrumb a:active {
  color: #333333;
}

#breadcrumb a.list:link,
#breadcrumb a.list:visited { 
  color: #CC2222;
}

#breadcrumb a.list:hover,
#breadcrumb a.list:active { 
  color: #EE5555;
}

#breadcrumb h1 a:link,
#breadcrumb h1 a:visited,
#breadcrumb h1 a:hover,
#breadcrumb h1 a:active {
  color: #111111;
}

/*************** Internal Tabs */

#main_tabs {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  margin: 20px 0px 0px 0px;
}

#main_tabs div.tabs {
  margin: 0px 0px 10px 0px;
}

div.main.on {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
}

div.main h1,
div.main h2,
div.main h3,
div.main h4,
div.main p,
div.main div.list {
  width: 300px;
}

div.main.full.on {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
}

div.main.full h1,
div.main.full h2,
div.main.full h3,
div.main.full h4,
div.main.full p,
div.main.full div.list {
  float: left;
  display: inline;
  width: 100%;
}

/*************** Internal Left Nav */

#smallColumn,
.smallColumn {
  display: inline;
  width: 300px;
  height: auto;
  margin: 0px 0px 8px 0px;
  overflow: hidden;
}

#breadcrumb,
.breadcrumb {
  display: inline;
  width: 300px;
  height: auto;
}

div.bigColumn #breadcrumb {
  display: inline;
  width: 680px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

#smallColumn p,
.smallColumn p {
  width: 100%;
  font-weight: normal;
}

#smallColumn p.bold,
.smallColumn p.bold {
  font-weight: bold;
}

#smallColumn div.third p,
.smallColumn div.third p {
  width: 100%;
}

#smallColumn div.adsense,
.smallColumn div.adsense {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
}

#smallColumn div.adsense p,
.smallColumn div.adsense p {
  width: 300px;
}

div.main div.photoNav,
div.main div.relatedNav,
div.main div.useNav,
div.main div.spotlightNav {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
}

div.main div.photoNav div.preview,
div.main div.relatedNav div.preview,
div.main div.useNav div.preview,
div.main div.spotlightNav div.preview {
  float: left;
  display: inline;
  width: 150px;
  height: 150px;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
}

div.main div.preview a:link,
div.main div.preview a:visited {
  float: left;
  display: inline;
  width: 146px;
  height: 146px;
  padding: 1px;
  border: solid 1px #ffffff;
  background: #ffffff;
  color: #666666;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
}

div.main div.preview a:hover,
div.main div.preview a:active {
  color: #333333;
  border: solid 1px #cccccc;
  background: #e5e5e5;
}

div.main div.preview a.here:link,
div.main div.preview a.here:visited,
div.main div.preview a.here:hover,
div.main div.preview a.here:active {
  color: #ffffff;
  border: solid 1px #000000;
  background: #222222;
}

div.main div.preview a:link img,
div.main div.preview a:visited img,
div.main div.preview a:hover img,
div.main div.preview a:active img {
  float: left;
  width: 144px;
  height: 108px;
  border: solid 1px #222222;
  margin: 0px 0px 4px 0px;
}

div.main div.preview a span {
  float: none;
  display: block;
  width: 134px;
  height: auto;
  font-size: 11px;
  line-height: 14px;
  margin: 0px;
  padding: 2px 6px 0px 4px;
}

div.main div.preview img.sponsored {
  margin: 2px 2px 6px 2px;
  border: solid 1px #cc2222;
}


div.main div.preview:hover img.sponsored {
  margin: 0px 0px 4px 0px;
  border: solid 3px #cc2222;
}

div.main div.preview span.sponsored {
  position: absolute;
  top: 3px;
  left: 3px;
  margin: 0px;
  width: 144px;
  height: 16px;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background: #cc2222;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
}

span.showcase,
div.controls {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 174px;
  height: 20px;
  color: #ffffff;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  background: #cc2222;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}

div.main div.preview span.showcase {
  top: 3px;
  left: 3px;
  width: 144px;
}

div.main div.preview div.controls {
  top: 3px;
  left: 3px;
  width: 144px;
  background: #000000;
}

#mostWanted span.showcase {
  top: 8px;
}

div.main div.preview div.controls a:link,
div.main div.preview div.controls a:visited,
div.main div.preview div.controls a:hover,
div.main div.preview div.controls a:active {
  float: none;
  width: auto;
  display: inline;
  height: auto;
  padding: 0px;
  border: 0px;
  background: none;
  color: #ffffff;
}

div.main div.preview div.controls a:link img,
div.main div.preview div.controls a:visited img,
div.main div.preview div.controls a:hover img, 
div.main div.preview div.controls a:active img {
  float: right;
  display: inline;
  width: 12px;
  height: 12px;
  margin: 3px 3px 0px 0px;
  border: 0px;
}

div.main div.preview a:link img.media_icon,
div.main div.preview a:visited img.media_icon,
div.main div.preview a:hover img.media_icon,
div.main div.preview a:active img.media_icon {
  margin: 0px;
  border: 0px;
  position: absolute;
  display: block;
  top: 26px;
  left: 44px;
  width: 60px;
  height: 60px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}

div.paging {
  float: left;
  display: inline;
  width: 300px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  background: #eeeeee;
}

div.paging span.back {
  float: left;
  display: inline;
  width: 60px;
  height: 30px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/paging_back.gif') top no-repeat;
}

div.paging span.next {
  float: right;
  display: inline;
  width: 60px;
  height: 30px;
  line-height: 1px;
  font-size: 1px;
  background: url('../image/paging_next.gif') top no-repeat;
}

div.paging span.back:hover,
div.paging span.next:hover,
div.paging span.back.cursor_default,
div.paging span.next.cursor_default  {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
}

div.paging span.pages {
  float: left;
  display: inline;
  width: 180px;
  height: 20px;
  padding: 5px 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}

div.paging span.pages a:link,
div.paging span.pages a:visited {
  color: #333333;
}

div.paging span.pages a:hover,
div.paging span.pages a:active {
  color: #666666;
}

#smallColumn div.ad,
.smallColumn div.ad {
  float: left;
  clear: left;
  display: inline;
  width: 300px;
  height: auto;
}

#smallColumn div.adleft,
.smallColumn div.adleft {
  margin: 10px 0px;
}

div.contextAd {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
  margin: 10px 0px;
}

div.contextAd span {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  font-family: tahoma, geneva, verdana, sans-serif;
  color: #999999; 
}

div.contextAd img {
  float: left;
  margin: 3px 0px;
  padding: 3px 0px;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;  
}

/*************** Sort (My Dream Garage) */

#smallColumn p.sort,
.smallColumn p.sort,
.full p.sort,
p.sort {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #666666;
  padding: 8px 0px;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}

.full p.sort,
#create_gallery p.sort {
  float: left;
}

.remover,
.mailfriend,
.mailer {
  display: none;
  margin: 100px auto 0px auto;
  width: 310px;
  height: auto;
  padding: 20px;
  background-color: #ffffff;
  z-index: 10;
  border: solid 10px #dddddd;
}

.remover p,
.mailfriend p,
.mailer p {
  display: block;
  width: 100%;
  padding: 5px 0px 20px 0px;
}

.mailfriend input.text,
.mailer input.text {
  width: 300px;
}

.mailer textarea {
  width: 300px;
}

.remover span.link,
.mailfriend span.link,
.mailer span.link {
  line-height: 30px;
  margin: 0px 10px 0px 0px;
}

/*************** Create Gallery Steps */

p.steps {
  float: left;
  padding: 0px 0px 8px 0px;
  border-bottom: solid 1px #cccccc;
}

p.steps img {
  float: left;
  margin: 0px 8px 0px 0px;
}

img.faded {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

div.main.full div.half p.upload {
  float: left;
  display: inline;
  position: relative;
  top: 0px;
  left: 0px;
  width: 160px;
  height: 260px;
  margin: 0px 5px 5px 0px;
}

div.main.full div.half p.upload.last {
  margin: 0px 0px 5px 0px;
}

div.half p.upload img {
  border: solid 1px #333333;
  margin: 0px 0px 4px 0px;
}

div.half p.upload.image_default img,
div.half p.upload.video_default img {
  border-color: #cc2222;
}

div.main p.upload span.controls {
  position: absolute;
  display: block;
  top: 1px;
  left: 1px;
  width: 158px;
  height: 20px;
  color: #ffffff;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  background: #000000;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}

div.main p.upload span.controls a:link,
div.main p.upload span.controls a:visited,
div.main p.upload span.controls a:hover,
div.main p.upload span.controls a:active {
  float: none;
  width: auto;
  height: auto;
  padding: 0px;
  border: 0px;
}

div.main p.upload span.controls a img {
  float: right;
  width: 12px;
  height: 12px;
  margin: 3px 3px 0px 0px;
  border: 0px;
}

input.image_upload_caption_input,
input.video_upload_caption_input,
input.image_upload_title_input,
input.video_upload_title_input {
	margin: 0 0 3px 0;
}

input.image_upload_save,
input.video_upload_save {
	background: #eee;
	border-color: #333333;
	margin: 0 0 3px 0;
}

input.image_upload_save:hover,
input.video_upload_save:hover {
	color: #cc2222;
  cursor: pointer;
}


/*************** Article Page IE6 Issue Resolution */

#main_article {
  float: none;
  width: 300px;
}

#smallColumn div.articleNav,
.smallColumn div.articleNav {
  float: none;
  display: inline;
  width: 300px;
  height: auto;
}

#smallColumn div.articlePage,
.smallColumn div.articlePage {
  float: none;
  width: 300px;
  height: auto;
}

#smallColumn div.articlePage p,
.smallColumn div.articlePage p {
  float: none;
  display: block;
}

#smallColumn div.articlePage img,
.smallColumn div.articlePage img {
  margin-bottom: 10px;
}


/*************** View All */

div.viewAll {
  float: left;
  display: inline;
  width: 680px;
  height: auto;
  margin: 0px 0px 10px 0px;
  background: #eeeeee url('../image/view_all_top.gif') top no-repeat;
}

div.viewAll div.middle {
  float: left;
  display: inline;
  width: 660px;
  padding: 10px 10px 7px 10px;
  height: auto;
}

div.viewAll div.middle div.info {
  float: left;
  display: inline;
  width: 530px;
  height: auto;
}

div.viewAll div.middle div.info h1, 
div.viewAll div.middle div.info h2, 
div.viewAll div.middle div.info h3, 
div.viewAll div.middle div.info h4, 
div.viewAll div.middle div.info div.list {
  width: 530px;
  margin: 0px 0px 2px 0px;
}

div.viewAll div.middle div.info img {
  float: left;
  border: solid 1px #999999;
  margin: 0px 10px 0px 0px;
}

div.viewAll div.middle div.info p {
  float: right;
  display: inline;
  width: 374px;
  margin: 0px 0px 2px 0px;
}

div.viewAll div.middle div.plus {
  float: right;
  display: inline;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 110px;
  height: auto;
  background: none;
}

div.viewAll div.middle div.plus h1, 
div.viewAll div.middle div.plus h2, 
div.viewAll div.middle div.plus h3, 
div.viewAll div.middle div.plus h4, 
div.viewAll div.middle div.plus p, 
div.viewAll div.middle div.plus div.list {
  width: 110px;
}

div.viewAll div.middle div.plus img {
  float: left;
  margin: 0px 0px 5px 0px;
  border: solid 1px #999999;
}

div.viewAll div.bottom {
  float: left;
  display: inline;
  width: 680px;
  height: 3px;
  font-size: 1px;
  line-height: 1px;
  background: #eeeeee url('../image/view_all_bottom.gif') bottom no-repeat;
}

/*************** Search Results */

div.searchResultWide {
  float: left;
  display: inline;
  width: 680px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

div.searchResultWide div.top {
  float: left;
  display: inline;
  width: 680px;
  height: 32px;
  background: url('../image/search_result_wide_top.gif') top no-repeat;
}

div.searchResultWide div.top h3 {
  width: 660px;
  margin: 8px 0px 0px 10px;
}

div.searchResultWide div.middle {
  float: left;
  display: inline;
  width: 658px;
  height: auto;
  padding: 10px;
  background: #ffffff;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
}

div.searchResultWide div.middle p {
  width: 658px;
  font-weight: normal;
}

div.searchResultWide div.middle p img {
  float: left;
  border: solid 1px #999999;
  margin: 0px 8px 0px 0px;
}

div.searchResultWide div.bottom {
  float: left;
  display: inline;
  width: 680px;
  height: 3px;
  font-size: 1px;
  line-height: 1px;
  background: url('../image/search_result_wide_bottom.gif') bottom no-repeat;
}

div.searchResult {
  float: left;
  display: inline;
  width: 334px;
  height: auto;
  margin: 0px 10px 30px 0px;
}

div.searchResult.last {
  margin: 0px 0px 30px 0px;
}

div.searchResult div.top {
  float: left;
  display: inline;
  width: 313px;
  height: auto;
  padding: 4px 0px;
  border-bottom: solid 1px #cccccc;
}

div.searchResult div.top h3 {
  width: 100%;
  margin: 0px;
}

div.searchResult div.middle {
  float: left;
  display: inline;
  width: 334px;
  height: auto;
  padding-bottom: 10px;
}

div.searchResult div.middle p {
  float: left;
  width: 146px;
  height: 160px;
  padding: 10px 21px 0px 0px;
  font-weight: normal;
}

div.searchResult div.middle p a:link, 
div.searchResult div.middle p a:visited {
  color: #333333;
}

div.searchResult div.middle p a:hover, 
div.searchResult div.middle p a:active {
  color: #666666;
}

div.searchResult div.middle p img {
  float: left;
  border: solid 1px #333333;
  margin: 0px 0px 4px 0px;
}

div.searchResult div.bottom {
  float: left;
  display: inline;
  width: 313px;
  height: auto;
  border-bottom: solid 1px #cccccc;
}

div.searchResult div.bottom p {
  float: left;
  width: 313px;
}

/*************** Resources */

#resources {
  float: right;
  display: inline;
  width: 680px;
  height: auto;
  margin: 20px 0px 0px 0px;
}

#resources.preview {
  float: left;
  margin-top: 0px;
}

#resources .resourceTabs span.floatLeft {
  width: 202px;
}

#resourcesNav {
  float: left;
  display: inline;
  width: 200px;
  height: auto;
}

#resourcesNav div.categories {
  float: left;
  display: inline;
  width: 200px;
  height: auto;
  background: #dddddd;
  padding: 5px 0px;
  margin: 0px 0px 10px 0px;
}

#resourcesNav div.categories select {
  float: left;
  display: inline;
  width: 180px;
  margin: 5px 0px 5px 10px;
}

#resourcesNav div.categories a:link,
#resourcesNav div.categories a:visited {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  padding: 5px 10px;
  color: #111111;
  font-weight: bold;
  text-decoration: none;
}

#resourcesNav div.categories a.current,
#resourcesNav div.categories a:hover,
#resourcesNav div.categories a:active {
  font-weight: bold;
  color: #cc2222;
  background: #f4f4f4;
  text-decoration: underline;
}

#resourcesNav img {
  float: left;
  display: inline;
  margin: 0px 0px 10px 0px;
}

#resourcesNav p {
  float: left;
  display: inline;
  width: 200px;
}

#resources div.resources {
  float: right;
  width: 468px;
}

#resources img.affiliate {
  float: left;
  margin: 0px 0px 10px 0px;
}

#resources div.listing {
  float: left;
  display: inline;
  width: 448px;
  height: auto;
  margin: 0px;
  padding: 7px 10px 11px 10px;
  border-style: solid;
  border-color: #dddddd;
  border-width: 0px 0px 1px 0px;
}

#resources div.listing.first {
  border-width: 1px 0px;
}

#resources div.listing.featured {
  background: #eeeeee;
  border-color: #aaaaaa;
}

#resources div.listing p.title {
  float: left;
  width: 448px;
  font-size: 16px;
  line-height: 20px;
  margin: 0px 0px 5px 0px;
}

#resources div.listing p.title.short {
  width: 378px;
  margin: 0px 0px 5px 0px;
}

#resources div.listing img {
  float: left;
}

#resources div.listing p.description {
  float: right;
  width: 318px;
  color: #666666;
  margin: 0px 0px 5px 0px;
  font-weight: normal;
}

#resources div.listing p.offer {
  float: right;
  width: 318px;
  margin: 0px;
}

#resources div.listing p.website {
  float: right;
  width: 70px;
  line-height: 20px;
  text-align: right;
  margin: 0px 0px 5px 0px;
}

#resources div.listing p.address {
  float: left;
  width: 448px;
  margin: 5px 0px 0px 0px;
  color: #666666;
  font-weight: bold;
}

#resources div.localForm {
  float: left;
  display: inline;
  width: 468px;
  height: auto;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: solid 1px #dddddd;
}

#resources div.localForm span {
  line-height: 19px;
  color: #666666;
}

#resources div.localForm span.marginLeft {
  margin-left: 15px;
}

#resources div.localForm input,
#resources div.localForm select {
  margin: 0px 0px 0px 8px;
}

#resources div.localForm select.range {
  width: 45px;
}

#resources div.localForm input.text {
  padding: 2px;
}

#resources div.paging {
  width: 468px;
}

#resources div.paging span.pages {
  width: 348px;
}

#resources p.zeroResources {
  float: left;
  display: inline;
  width: 468px;
  height: auto;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

/*************** Resource Modal Forms */

.resourceForm {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.modalOuter {
  margin: 100px auto 0px auto;
  width: 800px;
  height: auto;
  z-index: 11;
}

.modalInner {
  float: left;
  display: inline;
  width: 760px;
  height: auto;
  padding: 20px;
  background-color: #ffffff;
  z-index: 12;
  border: solid 10px #dddddd;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  color: #333333;
}

.resourceForm p,
.resourceForm div.list {
  float: left;
  display: inline;
  width: 100%;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.resourceForm p.resourcePreview {
  width: 730px;
  height: 51px;
  padding: 280px 15px 15px 15px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
  background: url("/image/screen_become_a_resource.gif") no-repeat;
}

.resourceForm .bigMargin {
  margin: 0px 0px 30px 0px;
}

.resourceForm .floatRight {
  float: right;
}

.resourceForm span.link {
  line-height: 30px;
  margin: 0px 10px 0px 0px;
}

.resourceForm .intro {
  width: 500px;
  clear: left;
}

.resourceForm div.adType {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px;
}

.resourceForm div.adType p.adType {
  width: 210px;
  font-size: 12px;
  line-height: 16px;
}

.resourceForm div.adType p.or {
  margin: 0px;
  width: 60px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  color: #666666;
}

.resourceForm .selectCategories {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}

.resourceForm .selectCategories select {
  width: 290px;
}

.resourceForm .createAd {
  float: left;
  display: inline;
  width: 730px;
  height: auto;
  background: #dddddd;
  border: solid #aaaaaa;
  border-width: 1px 0px;
  margin: 0px 0px 20px 0px;
  padding: 15px;
}

.resourceForm p.label,
.resourceForm p.field {
  width: 100%;
  line-height: 20px;
  font-weight: normal;
  color: #666666;
  margin: 0px 0px 0px 0px;
}

.resourceForm div.section {
  float: left;
  display: inline;
  margin: 0px 0px 15px 0px;
}

.resourceForm div.section.title { width: 500px; }
.resourceForm div.section.title input { width: 490px; }

.resourceForm div.section.website { float: right; width: 200px; }
.resourceForm div.section.website input { width: 190px; }

.resourceForm div.section.image { width: 200px; }
.resourceForm div.section.image p.label { margin: 0px 0px 20px 0px; }
.resourceForm div.section.image input { width: 190px; }
.resourceForm div.section.desc { float: right; width: 500px; }
.resourceForm div.section.desc textarea { width: 490px; height: 34px; }
.resourceForm div.section.offer { float: right; width: 500px; }
.resourceForm div.section.offer input { width: 490px; }

.resourceForm div.section.addr { width: 200px; }
.resourceForm div.section.addr input { width: 190px; }

.resourceForm div.section.city { width: 160px; margin: 0px 0px 0px 30px; }
.resourceForm div.section.city input.city { width: 140px; margin: 0px 10px 0px 0px; }

.resourceForm div.section.state { width: 85px; margin: 0px 0px 0px 10px; }
.resourceForm div.section.state select { width: 70px; font-size: 15px; position: relative; top: 1px; margin: 0px 10px 0px 0px; }

.resourceForm div.section.zip { width: 65px; margin: 0px 0px 0px 10px; }
.resourceForm div.section.zip input.zip { width: 50px; }

.resourceForm div.section.phone { float: right; width: 140px; }
.resourceForm div.section.phone input { width: 130px; }

.resourceForm div.section.ccstate { width: 85px; }
.resourceForm div.section.ccstate select { width: 70px; font-size: 15px; position: relative; top: 1px; margin: 0px 10px 0px 0px; }

.resourceForm div.section.cczip { width: 65px; }
.resourceForm div.section.cczip input { width: 50px; }

.resourceForm .accountInfo {
  float: left;
  display: inline;
  width: 365px;
  margin: 0px 0px 20px 0px;
  height: auto;
}

.resourceForm .billingInfo {
  float: right;
  display: inline;
  width: 365px;
  height: auto;
  margin: 0px 0px 20px 0px;
}

.resourceForm div.section.expiration { width: 170px; }
.resourceForm div.section.expiration input { width: 30px; }
.resourceForm div.section.security { float: right; width: 170px; }
.resourceForm div.section.security input { width: 40px; }

.resourceForm div.legalese {
  float: left;
  display: inline;
  width: 380px;
  height: auto;
}

.resourceForm .total {
  float: right;
  display: inline;
  width: 360px;
  height: auto;
}

.resourceForm .total .bucket {
  float: right;
  display: inline;
  width: 330px;
  height: 36px;
  padding: 15px;
  background: #dddddd url("/image/total_bg.gif") no-repeat;
}

/*************** Messages */

div.messageDetail {
  float: left;
  display: inline;
  width: 810px;
  height: auto;
}

div.messageDetail div.reply {
  float: left;
  display: inline;
  width: 790px;
  height: auto;
  padding: 10px;
  margin: 20px 0px 20px 0px;
  background: #f1f1f1;
}

div.messageDetail p,
div.messageDetail p.sort {
  width: 100%;
}

div.messageDetail div.reply textarea {
  width: 780px;
  height: 150px;
  margin: 0px 0px 10px 0px;
}

div.messageAds {
  float: right;
  display: inline;
  width: 160px;
  height: auto;
}

/*************** Modal Screen */

#screen {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  background: url("/image/grey_opaque_dot.png");
}

/*************** Foot */

#footer {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 0px 5px 0px;
  margin: 10px 0px 10px 0px;
  color: #666666;
  background: #111111;
}

#footer p {
  width: 100%;
  float: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

#footer p a:link,
#footer p a:visited {
  color: #999999;
  text-decoration: none;
}

#footer p a:hover,
#footer p a:active {
  color: #bbbbbb;
}


/*************** Foot (New) */

#footer_ {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  font-size: 11px;
  line-height: 16px;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 0px 0px;
  color: #999999;
  border-top: solid 1px #cccccc;
}

#footer_ .column {
  float: left;
  display: inline;
  width: 130px;
  height: auto;
  margin: 0px 10px 0px 0px;
}

#footer_ .column.narrow {
  width: 100px;
}

#footer_ .column.wide {
  width: 160px;
}

#footer_ .column.last {
  float: right;
  margin: 0px;
}

#footer_ .column p {
  font-weight: normal;
  width: 100%;
}

#footer_ span.top {
  color: #666666;
  font-weight: bold;
}

#footer_ a:link,
#footer_ a:visited {
  color: #999999;
  text-decoration: none;
}

#footer_ a:hover,
#footer_ a:active {
  color: #333333;
  text-decoration: underline;
}

#footer_ a.sub {
  padding-left: 20px;
}

#copyright {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  padding: 0px 0px 10px 0px;
}

#copyright a:link,
#copyright a:visited {
  color: #999999;
  text-decoration: none;
}

#copyright a:hover,
#copyright a:active {
  color: #333333;
  text-decoration: underline;
}

/*************** Tags */

h1 {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
  font-weight: normal;
  color: #111111;
  letter-spacing: -3px;
  font-size: 40px;
  line-height: 40px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
  float: left;
  display: inline;
  width: 300px;
  height: auto;
  font-weight: normal;
  color: #111111;
  letter-spacing: -3px;
  font-size: 40px;
  line-height: 40px;
  font-family: NimbusSanConT, Arial, Helvetica, sans-serif;
  margin: 0px;
}

h2 {
  float: left;
  display: inline;
  clear: left;
  width: 992px;
  height: auto;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -2px;
  font-weight: bold;
  color: #111111;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 3px 0px;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  width: 992px;
  height: auto;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 4px 0px;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  width: 992px;
  height: auto;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 3px 0px;
}

p {
/*  display: inline; */
  width: 992px; 
  height: auto;
  margin: 0px 0px 8px 0px;
  line-height: 15px;
}

a, a:link, a:visited, span.link {
  color: #cc2222;
  cursor: pointer;
}

a:hover, a:active, span.link:hover {
  color: #ee5555;
}

a.black, a.black:link, a.black:visited {
  color: #333333;
  text-decoration: none;
}

a.black:hover, a.black:active {
  color: #666666;
}

a.grey, a.grey:link, a.grey:visited {
  color: #666666;
  text-decoration: none;
}

a.grey:hover, a.grey:active {
  color: #999999;
}

a.underline:link, a.underline:visited, a.underline:hover, a.underline:active {
  text-decoration: underline;
}

hr, div.hr {
  font-size: 1px;
  line-height: 1px;
  background: #ffffff;
  border-top: solid 1px #cccccc;
  margin: 0px 0px 10px 0px;
}

blockquote {
  width: 744px;
  height: auto;
  padding: 12px;
  margin: 0px 0px 8px 0px;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}


/*************** Column Layout */

.half h1, .half h2, .half h3, .half h4, .half p {
  width: 100%;
  height: auto;
}

.third h1, .third h2, .third h3, .third h4, .third p {
  width: 100%;
  height: auto;
}

.twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds p {
  width: 100%;
  height: auto;
}


/*************** Lists */

div.list {
  float: left;  
  display: inline;
  width: 992px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

ul, ol {
  margin: 0px;
}

ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;  
}

ol {
  list-style: decimal;
  padding: 0px 0px 0px 28px;  
}

ul li, ol li {
  font-size: 11px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
}

ul li ul {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ol li ol {
  list-style: lower-alpha;
  margin: 2px 0px;
  padding: 0px 0px 0px 18px;  
}

ul li ul li, ol li ol li {
  font-size: 10px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
}


/*************** Tables */


table {
  float: left;
  clear: left;
  display: inline;
  width: 992px;
  height: auto;
  border-collapse: collapse;
  margin: 0px 0px 10px 0px;
}

div.half table {
  width: 476px;
}

table tr th {
  width: 17%;
  padding: 5px;
  height: auto;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  vertical-align: top;
}

table tr td {
  width: 17%;
  padding: 5px;
  height: auto;
  font-size: 11px;
  line-height: 15px;
  font-weight: bold;
  color: #666666;
  vertical-align: top;
}

table tr td.nobold {
  font-weight: normal;
}

table tr.alt td {
  background: #eeeeee;
}

table tr.unread td {
  font-weight: bold;
}

table tr.read td {
  font-weight: normal;
}

table tr th.short,
table tr td.short {
  width: 10%;
}

table tr th.mid,
table tr td.mid {
  width: 20%;
}

table tr th.midLong,
table tr td.midLong {
  width: 30%;
}

table tr th.long,
table tr td.long {
  width: 50%;
}

table tr th.icon,
table tr td.icon {
  width: 5%;
}

#main_listings tr td { 
  vertical-align: middle;
}

table tr td.centered img {
  display: inline;
  position: relative;
  top: 4px;
}

table tr td.form {
  text-align: right;
  padding-top: 8px;
}


/*************** Forms */

input {
  display: inline;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #999999;
  padding: 4px;
  background: #ffffff;
}

select {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #999999;
  padding: 1px;
  background: #ffffff;
}

input.search {
  border: 0px;
  padding: 0px;
}

input.file {
  width: 308px;
  height: auto;
}

input.text {
  width: 290px;
  height: auto;
}

input.city {
  width: 184px;
  height: auto;
}

input.zip {
  width: 50px;
  height: auto;
}

input.short {
  width: 75px;
  height: auto;
}

input.image {
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

input.image:hover,
img.hover:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

span.check {
  float: left;
  clear: left;
  display: inline;
}

span.check input {
  position: relative;
  top: 2px;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 4px 0px 0px;
  padding: 0px;
}

select.multiple {
  width: 308px;
  height: auto;
}

select.state {
  width: 50px;
  height: auto;
}

select.month {
  width: 80px;
  height: auto;
}

select.day {
  width: 50px;
  height: auto;
}

select.year {
  width: 80px;
  height: auto;
}

select.vehicles { 
  width: 130px;
  height: auto;
}

textarea {
  width: 290px;
  height: 100px;
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #999999;
  background: #ffffff;
}

input.submit,
button {
  float: right;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 4px;
  padding: 1px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: #111111;
  font-weight: bold;
  text-align: center;
  background: #ffffff;
  border: solid 1px #666666;
}

button {
  padding: 3px 4px;
}

input.submit:hover,
button:hover {
  color: #cc2222;
  cursor: pointer;
  border-color: #333333;
}

.error {
  float: left;
  display: inline;
  width: 756px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 10px 0px;
}

.naverror {
  float: left;
  display: block;
  width: auto;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 10px 0px;
}

.navsuccess {
  color:#22AA22;
  background: #99ff99;
  border: 1px solid #22AA22;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  margin: 0 0 10px 0;
  padding: 5px;
  width: auto;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

div.clear {
  float: left;
  display: inline;
  clear: both;
  width: 100%;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

/*************** GEAR FAQ */
.questions { 
  margin-top: 10px;
  margin-bottom: 10px;
}

.question_group { 
  margin-top: 6px;
}

a.expand_answer { 
  text-decoration: none;
}

a.expand_answer:hover { 
  text-decoration: none;
}

/*************** Generic Classes */

.floatLeft      { float: left; }
.floatRight     { float: right; }
.centered       { text-align: center; }
.alignRight     { text-align: right; }
.clearLeft      { clear: left; }
.clearRight     { clear: right; }
.clearBoth      { clear: both; }

.inline         { display: inline; }

.autoWidth      { width: auto !important; }

.tiny           { font-family: tahoma, geneva, verdana, sans-serif; font-size: 10px; line-height: 16px; }
.small          { font-size: 11px; line-height: 16px; letter-spacing: 0px; }
.normal         { font-size: 12px; line-height: 18px; letter-spacing: 0px; }
.medium         { font-size: 14px; line-height: 20px; }
.big            { font-size: 16px; line-height: 22px; }
.huge           { font-size: 18px; line-height: 24px; }

.italic         { font-style: italic; }
.bold           { font-weight: bold; }
.nobold         { font-weight: normal; }

.grey           { color: #999999; }
.blue           { color: #336699; }
.green          { color: #339933; }
.red            { color: #cc2222; }
.black          { color: #111111; }

.half           { width: 50%; }
.third          { width: 33%; }
.twoThirds      { width: 67%; }

.marginRight    { margin-right: 8px; }

.cursor_default { cursor: default; }
.cursor_pointer { cursor: pointer; }

.hidden         { display: none !important; }
.relative       { position: relative; }