@charset "utf-8"; /* CSS Document */
body { font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000000; background-color: #666; }
#superContainer { position: relative; width: 1021px; margin: 0; padding: 0; } 
#container { position: absolute; top: 0px; left: 0px; width: 899px; background: #fff url(/images/333bg.gif) repeat-y; margin: 0; padding: 0; border-right: 1px solid #333; border-bottom: 1px solid #333; text-align: left; } 
/* HEADER */
#header { width: 899px; height: 117px; padding: 0; background-color: #000000; }
#quicksearch { position: absolute; left: 10px; top: 90px; }

#rightBanner { position: absolute; top: 0px; left: 900px; width: 120px; border-right: 1px solid #333; border-bottom: 1px solid #333; background: #d9d9d9 url(/themes/common/largeGradientFill.png) repeat-x top; }
.rightBannerLink a { font-size: 9px; font-weight: bold; color: #333; text-decoration: none; }
.rightBannerLink a:hover { font-size: 9px; font-weight: bold; color: #003399; text-decoration: none; }
.banner_right { background: #d9d9d9 url(/themes/common/largeGradientFill.png) repeat-x top; }
.banner_left { background: #333333; }

/* TOP RIGHT NAV */
#toprightnav { position: absolute; padding-top: 2; margin-top: 2; left: 536px; z-index: 20; }

#navlist { padding: 0; margin-left: 0; font: bold 11px Verdana, sans-serif; }

#navlist li { list-style: none; margin: 0; display: inline; }

#navlist li a { padding-right: 1em; margin-left: 1px; /*border: 1px solid #778; border-top: none; // create boxes around nav items
	background: #DDD; */
	text-decoration: none; }

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover { color: #ccc; /*background: #ddd; // use for boxes
	border-color: #778; */
}

#navlist li a#current { background: white; border-bottom: 1px solid white; }
/* END TOP RIGHT NAV */

#loginLink { position: absolute; left: 760px; padding-top: 93px; }

#viewListings { position: absolute; left: 760px; padding-top: 73px; }

#viewListings a { font-size: 10px; color: #EEE; text-decoration: none; }
/* END HEADER DIV */


/* MAIN NAV */
#mainnavholder { width: 899px; background-color: #666666; border-top: 1px solid #999; border-bottom: 1px solid #333; }
.mainnav table { width: 899px; }
.mainnav tr td { width: 149px; padding: 3px 0px 3px 0px; background-color: #666666; text-align: center; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.mainnav a:hover { color: #CC9900; }
.mainnavButtontext { padding: 3px 5px 3px 5px; color: #ddd; text-decoration: none; }
.mainnavSelected { padding: 3px 5px 3px 5px; color: #CC9900; text-decoration: none; }
/* END MAINNAV DIV */

#headline { width: 899px; height: 27px; background-color: #999999; background-image: url(common/earth/grey_gradientBG.gif); background-repeat: repeat-x; background-position: top; }
.headline { padding-left: 10px; font-size: 21px; font-weight: bold; color: #336699; }

#homewww2 { text-align: center; margin: 0 auto; }
.homeCats { float: left; width: 325px; margin: 5px; padding: 5px; background-image: url(/themes/common/grey_mirror_large.gif); background-repeat: repeat-x; border: 1px solid #666; }
.homeCats img { border: 1px solid #333; margin-right: 5px; width: 75px; height: 39px;}
.homeCatLink { font-weight: bold; font-size: 14px; color: #aaa; text-decoration: none; cursor: pointer; }
.homeCatLink:hover { font-weight: bold; font-size: 14px; color: #666; text-decoration: none; cursor: pointer; }

#lowerContainer { width: 899px; position: relative; top: 0px; left: 0px; }

#sidebar { /* holder for all divs in left sidebar */
	float: left; width: 170px; background: #333333; padding: 0;}

#category { /* div holding categoryTable */
	padding-top: 10px; padding-bottom: 10px; background-color: #ddd; }

#categoryTable { /* left-hand table of categories */
	width: 170px; }

#www2 { /* web 2.0 icons */
	width: 100%; padding: 2px 0px 1px 0px; background-color: #222; text-align: center; }

#register { /* div around register table */
	padding-top: 15px; padding-bottom: 10px; background-color: #333333; }
#registerTable table tr td { /* register form on homepage */
	padding: 3px; }

#maincontent { width: 704px; margin: 0px 0px 0px 170px; padding: 10px; } 

#maincontentfullwidth { /* used to make submenu dissappear */
	margin: 0; padding: 20px; background-color: #fff; }

#footer { position: relative; width: 899px; padding: 0; background:#DDDDDD; } 
#footerTable { width: 850px; font-size: 9px; font-weight: bold; text-align: center; }
#footerTable a { text-decoration: none; color: #666; }
#footerTable a:hover { text-decoration: none; color: #333; }

/* BROWSE BY TYPE */
#browseByType { width: 100%; }
.typePhoto { float: left; width: 135px; margin-right: 5px; }
.typeDescription { margin: 0; padding: 0; font-size: 10px; vertical-align: top; }
.typeDescription a { font-size: 10px; font-weight: bold; text-decoration: none; }
/* END BROWSE BY TYPE */

#listingHeader { background-color: #ddd; }
#listingHeader tr td { padding: 3px; font-size: 11px; font-weight: bold; background-image: url(common/tropical/mid_grey_gradientBG.gif); background-repeat: repeat-x; padding: 5px; }
.listingSubHeader { font-size: 11px; font-weight: bold; color: #fff; background-image: url(common/grey_shadowTopBG.gif); background-repeat: repeat-x; padding: 5px; }
.listingImage { border: 1px solid #333; width: 150px; height: 113px; cursor: pointer; margin-right: 3px; margin-bottom: 5px; }
#listingDetailHeader { background-color: #ddd; }
#listingDetailHeader tr td { padding: 5px; color: #333; font-size: 12px; font-weight: bold; background-image: url(common/earth/grey_gradientBG.gif); background-repeat: repeat-x; }
a.listingCompanyTitle { font-size: 12px; font-weight: bold; text-decoration: underline; color: #333; }
a:hover.listingCompanyTitle { font-size: 12px; font-weight: bold; text-decoration: underline; color: #666; }
.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333; background: #cccccc url(/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; border: 1px solid #ccc; }
.buttonMimic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333; background: #cccccc url(/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; border: 1px solid #ccc; }
.categoryMenu { font-size: 11px; font-weight: bold; color: #003366; text-decoration: none; }

.nine { font-size: 9px; font-weight: normal; }
.ten { font-size: 10px; font-weight: normal; }
.eleven { font-size: 11px; font-weight: normal; }
.twelve { font-size: 12px; font-weight: normal; }
.fourteen { font-size: 14px; font-weight: normal; }
.eighteen { font-size: 18px; font-weight: normal; }
.bold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }
.subHeaderText { font-size: 14px; font-weight: bold; color: #333333; }
.headerText { font-size: 18px; font-weight: bold; color: #333333; }
.fieldText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.field { background-color: #eee; border: 1px solid #ccc; font-size: 10px; }
.labelText { font-family: Arial, Helvetica, sans-serif; font-size: 16px; vertical-align:top; font-weight:bold; text-align:right; }
.categoryImage { border: 1px solid silver; padding: 3px; }
.categorySubImage { border: 1px solid silver; margin: 0px 1px 5px 1px; width: 100px; height: 75px; cursor: pointer; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.editablearea { cursor: pointer; }

.editicon { position: relative; top: 0px; left: 0px; width: 12px; height: 10px; z-index: 10; }

form.editableTextArea > button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333; background: #cccccc url(/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; border: 1px solid #ccc; }
form.editableTextArea > textarea { border: 1px solid silver; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.upload > button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333; background: #cccccc url(/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; border: 1px solid #ccc; }
.favsHeader { font-size: 18px; font-weight: bold; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #FBFBEE; padding: 5px; opacity: 1; }
#tooltip h3, #tooltip div { margin: 0; }

.contactInfoPop { font-size: 12px; font-weight: normal; line-height: 150%; }

.categorypics { height:  204px; width:   304px; padding: 0; margin:  0; } 
 
.categorypics img { padding: 2px; border:  1px solid ##ccc; background-color: ##eee; width:  300px; height: 200px; position: absolute; top:  0; left: 0; }
/* share this */
.stbutton { color: white; font-size: 10px; text-decoration: none; font-style: normal; }

.blogSection { margin-bottom: 10px; }
.blogTitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000033; }
.blogDate { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #eee; }
.blogImage { border: 1px solid #666; }
.blogBody { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.welcomeField { height: 16px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid silver; background-color: #eee; }
.required { color: red; }
.buttonNoJQuery {	padding: 3px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;	color: #333;	background: #cccccc url(/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; border: 1px solid #999;}