html, body{ margin:0; padding:0; height:100%; font-size:12pt; font-family:Helvetica, Geneva, Arial, sans-serif; line-height:24px; background:#F8F8F8; color:#444; }

a:link, a:visited{ text-decoration:none; color:#669933; }
a:hover, a:active{ text-decoration:underline; }

h1,h2,h3{ font-weight:bold; color:#444; margin-top:0; }
h1{ font-size:28px; letter-spacing:-.05em; }
h2{ font-size:24px; margin:0 0 10px 0; }
h3{ font-weight:normal; font-size:20px; margin:0 0 10px 0; font-family:Helvetica, Arial, sans-serif; }
h4{ font-size:16px; display:inline; font-weight:normal; }

label{ float:left; display:inline; width:150px; text-align:right; margin:0 10px 0 0; padding:0; font-weight:bold; } 

label.large{ float:left; display:inline; width:175px; padding:0; text-align:left; font-weight:bold; text-transform:lowercase; font-size:18px; padding-top:5px; text-transform:capitalize; }

label.small{ float:none; display:block; width:190px; padding:0; text-align:left; font-weight:bold; text-transform:uppercase; }

label.small_alt{ float:none; display:block; width:190px; padding:0; text-align:left; font-weight:bold; }

label.tiny{ float:none; display:block; padding:0; margin:0; text-align:left; font-weight:bold; font-size:12px; }

label.normal{ float:none; width:auto; padding:0; text-align:left; font-weight:bold; text-transform:uppercase; }


input{ font-size:13px; border:1px #CCC solid; color:#444; padding:2px; }
input.search_button{ background:url(../img/button_front_search.gif) no-repeat top; color:#fff; font-weight:bold; border:none; }
	input.search_button:hover{ background-position:bottom; }

input.button_green_small{ width:84px; height:46px; padding-bottom:5px; background:url(../img/button_green_small.png) no-repeat top; color:#fff; font-weight:bold; border:none; font-size:14px; }
	input.button_green_small:hover{ background-position:bottom; cursor:pointer; }

input.button_green{ width:152px; height:46px; padding-bottom:5px; background:url(../img/button_green.png) no-repeat top; color:#fff; font-weight:bold; border:none; font-size:20px; }
	input.button_green:hover{ background-position:bottom; cursor:pointer; }

input.button_green_large{ width:226px; height:52px; padding-bottom:5px; background:url(../img/button_green_large.gif) no-repeat top; color:#fff; font-weight:bold; border:none; font-size:16px; }
	input.button_green_large:hover{ background-position:bottom; cursor:pointer; }

input.button_search{ background:url(../img/button_green.gif) no-repeat top; color:#fff; font-weight:bold; border:none; }

.input_large{ color:#aaa; background:white; border:1px solid #aaa; font-size:18px; padding:2px 10px; width:193px; height:29px; font-family:Helvetica, Geneva, Arial, sans-serif; background:url(../img/back_input.gif) top left no-repeat; }

input.input_large_front{ color:#333; background:white; border:1px solid #aaa; font-size:18px; padding:2px 10px; width:193px; height:29px; font-family:Helvetica, Geneva, Arial, sans-serif; background:url(../img/back_input_search.gif) top left no-repeat; }


input.input_search{ color:#888; font-size:12px; padding:2px 10px; width:149px; height:27px; font-family:Helvetica, Geneva, Arial, sans-serif; background:url(../img/back_top_search.gif) top left no-repeat; border:none; }

input.button_search{ width:51px; height:31px; font-family:Helvetica, Geneva, Arial, sans-serif; background:url(../img/button_top_search.gif) top left no-repeat; }
	input.button_search:hover{ background-position:bottom; }

.button_large{ border:1px solid #CCC; padding:2px; width:200px; text-transform:lowercase; font-size:20px; }

#page_wrapper{ width:100%; background:#FFF url(../img/back_body.gif) repeat-x top; }

#page{ width:965px; margin:0 auto 0 auto; }

#top, #footer{ width:965px; margin:0 auto 0 auto; padding:20px; }

#top{ background:#BBB; color:#fff; height:25px; padding:5px 5px 5px 35px; }
	#top a:link, #footer a:link, #top a:visited, #footer a:visited{ color:#fff; text-decoration:none; font-weight:bold; }
	#top a:active, #footer a:active, #top a:hover, #footer a:hover{ text-decoration:underline; }

#top_menu{ float:right; margin:10px 0 0 0; }
	#top_menu ul{ position:relative; margin:0; padding:0; list-style-type:none; }
	#top_menu ul li{ position:relative; float:left; display:inline; padding:0; margin:0 5px 0 5px; color:#525252; text-align:center; }
	#top_menu ul li a{ position:relative; display:block; color:#eee; font-size:14px; font-weight:normal; text-decoration:none; padding:2px 5px 2px 5px; }
	#top_menu ul li a:visited{ }
	#top_menu ul li a:hover{ color:#888; }
	#top_menu ul li.top_button{ background:url(../img/button_top.gif) top left no-repeat; width:55px; height:22px; }
	
#header{ position:relative; width:964px; margin:0 auto 0 auto; padding:0; }

.social{ position:absolute; right:30px; top:5px; }
	.social a:link, .social a:visited{ color:#444; text-decoration:none; font-weight:bold; }
	.social a:active, .social a:hover{ text-decoration:underline; }

.logo{ font-size:12px; color:#999; line-height:1em; }
.headline{ padding:0 0 0 8px; font-weight:bold; }
.logo_info{ position:absolute; bottom:3px; left:30px; }

#menu{ width:965px; margin:0 auto 0 auto; text-align:center; padding:0; }
	#menu ul{ position:relative; margin:15px 0 0 0; padding:0; list-style-type:none; }
	#menu ul li{ position:relative; float:left; display:inline; padding:7px 0 0 0; margin:0 5px 0 5px; color:#525252; text-align:center; }
	#menu ul li a{ position:relative; display:block; color:#eee; font-size:0.9em; text-transform:lowercase; font-weight:normal; text-decoration:none; padding:0 5px 0 5px; }
	#menu ul li a:visited{ }
	#menu ul li a:hover{ background:#666; color:#ccc; }
	#menu .subfolderstyle{ z-index:3000; }
	
/* Holly Hack for IE \*/
* html #menu ul li { float:left; height:1%; }
* html #menu ul li a { height:1%; }
/* End */

.submenu{ width:660px; margin:0 auto 0 auto; text-align:left; padding:0; }
	.submenu ul{ position:relative; margin:10px 0 0 0; padding:0; list-style-type:none; }
	.submenu ul li{ position:relative; float:left; display:inline; padding:0; margin:0 5px 0 5px; background:#CCC; color:#444; text-align:center; }
	.submenu ul li a{ position:relative; display:block; color:#fff; font-size:12px; text-transform:uppercase; font-weight:normal; text-decoration:none; padding:7px 0 7px 0; width:100px; }
	.submenu ul li a:visited{ }
	.submenu ul li a:hover{ background:#aaa; }
	.submenu ul li a.selected{ background:#aaa; }

.tabbed_wrapper{
	background:#fff; 
	text-align:center;
}
	.tabbed_wrapper h3{
		margin-top:5px;
		margin-bottom:0;
		font-size:12px;
		font-weight:bold;
		color:#669933;
		line-height:1.3em;
	}

.tabbed ul{
	list-style:none;
	margin:0 auto 5px auto;
	padding:0;
	width:auto;
	border-bottom:none;
}
.tabbed ul li{
	display:inline;
	float:left;
	font-size:14px;
	border-right:1px #669933 solid;
	margin:0;
}

.tabbed ul li.last{
	border-right:1px #ccc solid;
}
.tabbed ul li a:link, .tabbed ul li a:visited{
	font-weight:normal;
	padding:4px 10px;
	background:#fff;
	text-decoration:none;
	color:#669933;
}
.tabbed ul li a:active, .tabbed ul li a:hover, .tabbed ul li a.selected{
	font-weight:bold;
	padding:4px 10px 5px 10px;
}



.tabbed_small ul{
	list-style:none;
	width:185px;
	margin:0 auto 5px auto;
	padding:0;
	width:auto;
	border-bottom:none;
}
.tabbed_small ul li{
	display:inline;
	font-size:10px;
	border-right:1px #669933 solid;
	margin:0;
	padding:0;
}

.tabbed_small ul li.last{
	border-right:none;
}
.tabbed_small ul li a:link, .tabbed_small ul li a:visited{
	font-weight:normal;
	padding:0px 5px 0px 5px;
	margin:2px 0 4px 0;
	font-size:10px;
	background:#fff;
	text-decoration:none;
	color:#669933;
}
.tabbed_small ul li a:active, .tabbed_small ul li a:hover, .tabbed_small ul li a.selected{
	font-weight:bold;
	padding:0px 5px 0px 5px;
	margin:5px 0 5px 0;
}

#widget-logo{
	position:relative;
}

.social_media{ background:#669933; text-align:center; padding:10px; }
.social_media_bottom{ background:#99cc33; padding:10px; }

.paging{ float:right; font-weight:normal; font-size:13px; margin:10px 10px 0 0; }
	.paging a:link, .paging a:visited{ background:#D8D8D8; border:1px solid #CCC; padding:3px 5px 3px 5px; color:#666; width:30px; }
	.paging a:active, .paging a:hover, .paging a.selected{ color:#fff; background:#468600; }

.search_box{ background:#f8f8f8; padding:7px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; border:#e1e1e1 solid 1px; color:#444; }
	.search_box.c4 h4{ font-size:12px; margin-top:15px; }

#thumbnails{ display:block; text-align:left; margin:45px 0 10px 0; padding:0; } 
	
#content_container{ position:relative; width:752px; float:left; background:URL(../img/header.jpg) no-repeat; }

#content{ float:left; width:980px; min-height:500px; height:auto !important; height:500px; padding:20px 10px 20px 10px; }

#front_search{ min-height:110px; height:auto !important; height:110px; padding:20px 20px 5px 20px; margin:10px 10px 10px 0; font-size:2em; color:#fff; background:#eee; font-weight:bold; }
	#front_search h2{ font-size:16px; color:#415d03; }
	#front_search h4{ font-size:22px; color:#fff; }
	#front_search a:link, #front_search a:visited { color:#fff; }
	#front_search a:hover, #front_search a:active { }

#prefooter{ width:100%; height:121px; background:url(../img/back_prefooter.gif) repeat-x; }

#footer_wrapper{ width:100%; background:url(../img/back_footer_wrapper.gif) top left; }
#footer{ color:#ccc; font-size:12px; }
	#footer .c4 h4{ font-size:12px; font-weight:bold; #fff; border-bottom:1px #666 solid; padding-bottom:10px; width:100%; display:block; }
	#footer ul{ position:relative; margin:0; padding:0; list-style:none; }
	#footer ul li{ position:relative; padding:0; margin:2px 0 2px 0; }
	#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited{ position:relative; display:block; color:#fff; font-size:14px; font-weight:normal; text-decoration:none;}
	#footer ul li a:hover{ color:#DDD; }
	#footer p{ margin:5px 0;}

#toolkit_companies{ float:left; border:1px #aaa solid; background:#eee; padding:10px; width:350px; }
	#toolkit_companies ul{ list-style:none; margin:0; padding:0; }
	#toolkit_companies ul li{ margin:0; padding:0; }

/* variable columns */
.c1{ float:left; width:200px; padding:50px 0 0 0; }

.c2{ position:relative; float:right; text-align:left; margin:0 5px 0 0; }
	.c2 a:link, .c2 a:visited{ margin-right:30px; }

/* directory/toolkit browsing columns */
.c3{ width:183px; min-height:250px; height:auto !important; height:250px; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#fff; border:1px #ccc solid; padding:14px; line-height:1.2em; }
	.c3a { background:#f6f6f6; }
	.c3b { background:#eee; }
	.c3 h2{ color:#468600; font-size:14px; display:inline; }
	.c3 h3{ font-size:12px; font-weight:normal }
	.c3 a:link, .c3 a:visited{ color:#468600; }
	
.c3-tags{ position:absolute; bottom:0; padding:5px 5px 5px 10px; margin-left:-5px; background:#E1E1E1; }
.c3-readmore{ float:right; }
	.c3-readmore a:link, .c3-readmore a:visited { font-size:14px; color:#468600; }
	.c3-readmore a:active, .c3-readmore a:hover { color:#468600; }

/* generic variable width column */
.c4{ position:relative; float:left; text-align:left; margin:0 5px 0 0; }
	.c4 h3{ margin:0; padding:0; }
	.c4 h4{ color:#444; font-size:20px; display:inline; font-weight:bold; }
	.c4 p{ color:#444; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:1.6em; }
	.c4 a:link, .c4 a:visited, .c4 a:active, .c4 a:hover{ font-size:12px; }
	.c4 a.heading{ font-size:14px; margin:0; }
.c4a,.c4b{ padding:5px; }
.c4a{ background:#E8E8E8; border-top:1px solid #fff; border-bottom:1px solid #CCC; }
.c4b{ background:#F8F8F8; border-top:1px solid #fff; border-bottom:1px solid #CCC; }

.c5{ position:relative; float:left; text-align:left; margin:0 5px 0 0; background:#eee; padding:7px; }
	.c5 h2, .c5 h3{ display:inline; margin:0 0 10px 0; }
	.c5 h3{ font-size:13px; }
	
/* variable grey column */
.c6{ position:relative; float:left; text-align:left; margin:10px 10px 0 0; background:#eee; padding:7px; }
	.c6 h2{ text-transform:uppercase; font-size:15px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; }
	.c6 h2 a:link, .c6 h2 a:visited, .c6 h2 a:hover, .c6 h2 a:active{  }
	.c6 h3{ color:#fff; font-size:16px; }	
	.c6 a:link, .c6 a:visited, .c6 a:active, .c6 a:hover{ font-size:12px;}
.c6a,.c6b{ padding:5px; }
.c6a{ border-bottom:1px solid #EEE; }
.c6b{ border-bottom:1px solid #EEE; }

/* variable grey column -- white interior */
.c7{ position:relative; float:left; text-align:left; margin:0 10px 10px 0; background:#fff; border:1px solid #d6d6d6; padding:5px; font-size:12px;  }
	.c7 h2{ color:#468600; text-transform:uppercase; font-size:15px; font-family:Helvetica, Arial, sans-serif; }
	.c7 h3{ font-weight:bold; }
	.c7 p{ font-size:12px; color:#666; }
	.c7 span{ color:#468600; font-weight:normal;}

/* company logo box */
.c8 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:100px; height:55px; margin:0 15px 0 0; background:#fff; border:1px #d6d6d6 solid;
}
.c8 * {
    vertical-align: middle;
	text-align:center;
}
/*\*//*/
.c8 {
    display: block;
}
.c8 span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/* variable white column (no padding) */
.c9{ position:relative; float:left; text-align:left; margin:10px 10px 0 0; background:#fff; padding:0; }
	.c9 h2{ text-transform:uppercase; font-size:15px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; }
	.c9 h2 a:link, .c9 h2 a:visited, .c9 h2 a:hover, .c9 h2 a:active{ float:right; }
	.c9 p{ color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; }

/* fixed popup box div */
.c10{ position:relative; float:left; width:665px; padding:7px; text-align:left; background:#fff; padding:7px; font-family:Arial, Helvetica, sans-serif; }
	.c10 h1, .c10 h2, .c10 h3{ margin:5px 10px 5px 0; }
	.c10 h1, .c10 h2{ float:left; }
	.c10 h1{ font-size:32px; }
	.c10 h2{ font-weight:100; font-size:16px; color:#777; padding-top:5px; }
	.c10 h3{ font-size:16px; font-weight:bold; }
	.c10 p{ margin:0; padding:0; font-size:14px; }

/* fixed page div */
.c11{ position:relative; float:left; width:955px; padding:0; text-align:left; background:#fff; border:1px solid #eee; }
	.c11 h1, .c11 h2, .c11 h3{ margin:5px 0 5px 0; padding:7px; }
	.c11 h1, .c11 h2{ }
	.c11 h1{ font-size:32px; margin:0; padding:10px 0 10px 20px; }
	.c11 h2{ font-weight:100; font-size:16px; color:#777; padding:5px 0 0 20px; text-transform:uppercase; background:#f5f5f5; border-top:1px solid #eee; border-bottom:1px solid #eee; font-family:Arial, Helvetica, sans-serif; }
	.c11 h3{ font-size:16px; font-weight:bold; }
	.c11 p{ margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
	.c11 li { font-family:Arial, Helvetica, sans-serif; }
	
	.c11 ol li{ font-size:14px; }
	.c11 ul li{ font-size:14px; }

/* fixed tiny boxes */
/* company logo box */
.c12 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:60px; height:40px; margin:0 10px 0 0; background:#fff; border:none;
}
.c12 * {
    vertical-align: middle;
	text-align:center;
}
/*\*//*/
.c12 {
    display: block;
}
.c12 span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/* User profile toolkit list */
.c13{ border-bottom:1px dotted #ccc; padding:10px 0 10px 0; }
	.c13 h2{ font-size:16px; color:#468600; }
	.c13 p{ font-size:13px; line-height:1.2em; }

/* generic elements */
.min-height-50{ min-height:50px; height:auto !important; height:50px; }

.min-height-100{ min-height:66px; height:auto !important; height:66px; }

.min-height-225{ min-height:204px; height:auto !important; height:204px; }

.min-height-315{ min-height:325px; height:auto !important; height:325px; }

.min-height-400{ min-height:400px; height:auto !important; height:400px; }

.min-height-420{ min-height:420px; height:auto !important; height:420px; }

.right{ float:right; }

.center{ text-align:center; }

.italic{ font-style:italic; }

.strong{ font-weight:bold; }

.hint{ font-size:11px; font-style:italic; }

.small_hint{ font-size:13px; font-style:italic; }

.big_hint{ font-size:15px; font-style:italic; }

.no-border{ border:none; }

.arial{ font-family:Arial, Helvetica, sans-serif; }

.tiny_header{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-transform:uppercase; }

.small_header{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; }

.coupon{ display:block; background:#fff5d3; border:1px #efe4ba solid; padding:5px; font-size:13px; }

.white_box{ display:block; background:url(../img/back_input.gif) no-repeat top left; padding:5px 10px; }

.white_box_plain{ display:block; font-size:12px; line-height:14px; background:#fff; padding:10px; border:1px #ccc solid; }

.grey_box{ display:block; background:#ccc; border:1px #aaa solid; padding:2px 5px; }

.light_grey_box{ display:block; background:#eee; padding:2px 5px; }

.blue_box{ display:block; font-size:12px; line-height:14px; background:#e7f2ff; padding:10px;  }

.corner_nav{ position:absolute; top:3px; right:15px; }
	.corner_nav a:link,.corner_nav a:visited{ font-size:12px; }

.bottom_corner_nav{ position:absolute; bottom:18px; right:15px; }
	.bottom_corner_nav a:link,.corner_nav a:visited{ font-size:12px; }

.centered{ text-align:center; }

.bottom_border{ border-bottom:1px #CCC solid; }

.dotted_bottom{ border-bottom:1px #CCC dotted; }

.footer{ font-size:12px; color:#888; }

.close{ position:absolute; top:-14px; right:-14px; }

.error{ font-weight:bold; color:#FF6600; }

.clear{ clear:both; }

.counter{ border:1px #CCC solid; padding:5px 20px 5px 20px; float:right; font-size:24px; font-weight:bold; color:#ae0000; -moz-border-radius:10px; }

.status_good{ background:#dfffdf; border:1px #00d700 solid; padding:5px 10px 5px 10px; font-weight:bold; color:#00d700; margin:10px 0 10px 0; background:; }

.status_bad{ background:#ffd1bb; border:1px #e17100 solid; padding:5px 10px 5px 10px; font-weight:bold; color:#e17100; margin:10px 0 10px 0; -moz-border-radius:10px; }

.edit, .table_td, .edit-tags, .edit-category, .table_th{ float:left; padding:2px 5px 2px 5px; margin:0 5px 0 0; font-size:11px; }
.table_th{ background:#CCC; }


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

input.signup_modal_trigger{ width:226px; height:52px; padding-bottom:5px; background:url(../img/button_green_large.gif) no-repeat top; color:#fff; font-weight:bold; border:none; font-size:16px; }
	input.signup_modal_trigger:hover{ background-position:bottom; cursor:pointer; }
 
.jqmWindow { display:none; position:absolute; top:80px; left:50%; margin-left:-300px; width:665px; background:none; color:#333; border:none; padding:0; }

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


