body { font-size: 12px; }



a { color: #777; }
a:hover { color: #333; }
	
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
	
li { margin-bottom: 1em; }
	
dt { font-weight: bold;	padding-bottom: 8px; }	
dd { padding-bottom: 20px; }
	
/*
 * Colors
 */
 
.white {color:#fff}
.red {color:red}	
.green {color:green}	
.blue {color:#396682}	
.gold {color:#fc9c07}
.aqua {color:#5ba2ce}	
.grey {color:#777}


.bg_blue {background-color:#396682}	
.bg_gold {background-color:#fc9c07}	
.bg_aqua {background-color:#5ba2ce}	
.bg_grey {background-color:#777}
	
.bg_bars {background: #777 url(/website/images/column_bars.gif) top left repeat-y}	
.dots {background: url(/website/images/dots_grey.gif) top left repeat-x;margin:4px 0 10px 0;padding:1px 0 0 0}	
.loading {background: url(/website/images/activity.gif) left no-repeat;padding-left:20px;color:green}

.enlarge {
	font-size: 1.3em;
	font-weight: bold;
}
	
/*
 * Links
 */
 
a.arrow {
	color: #777;
	padding-right: 16px;
	background: url(/website/images/arrow.gif) center right no-repeat;
	font-style: italic;
	text-decoration: none;
	}

a.popup {
	color: #777;
	padding-right: 22px;
	background: url(/website/images/popup.gif) top right no-repeat;
	font-style: italic;
	text-decoration: none;
	}
	
a.button {
	display: block;
	margin-bottom: 4px;
	padding: 8px 0;
	color: #fff;
	background-color: #999;
	border: 2px solid #5ba2ce;
	background: #777;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	}

a.button:hover {	
	color: #5ba2ce;
	background-color: #999;
	border: 2px solid #5ba2ce;
	background: #333;
	}

a.new-button {
	display: block; width: 160px; height:34px; text-align: center; text-decoration: none;
	background: url(/website/images/default.jpg) !important;
}

a.new-button span {
	 display: block; font-size: 14px; padding-top: 8px; color:red;
}


/*
 * Misc
 */
 
.hide {display:none;visibility:hidden}

.clearme {clear:both}
.clear-left {clear:left}
.clear-right {clear:right}

.lower {text-transform:lowercase}
	
.bar {
	padding-top: 10px;
	border: 1px solid #cfcfcf;
	border-width: 1px 0;
	clear: both;
	}

.right { text-align: right;	}	
.highlight { background-color:#FFFF00; }
.bold { font-weight: bold; }
.float-right { float: right; }

/*
 * Status Bar
 */

.pbar_wrapper {
	position: relative;
	display: block;
	width: auto; height: 12px;
	background-color: #d2d2d2;
	border: 1px solid #999;
	}
	
.pbar_title {
	position: absolute;
	top: 4px; left: 4px;
	}
	
.pbar {
	display: block;
	width:0; height:12px;
	margin:0; padding:4px;
	background: url(/website/images/progress_bar.gif) left;
	}

/*******************************************************************
	Top
*******************************************************************/

#top {
	color: #f2f2f2;
	font-size: 11px;
	}

#top .login,
#top .logout,
#top .links {
	margin: 8px 6px;
color: #f2f2f2;
	}

#top .login a, #top .logout a { margin: 0 12px; }

#top .login a strong, #top .logout a strong { color: #000; }

#top .links a {
	color: #f2f2f2;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
#top .links span {
	margin: 0 12px 0 24px;
	padding-left: 12px;

	
	
}
	
#top .links span.last { margin-right: 0; }
	
/*******************************************************************
	Header
*******************************************************************/

#header {}
	
#header h1 {
	padding: 0 16px;
	}
	
#header h1 a {
	display: block;	
	
	width: 210px;
	height: 60px;
	
	background: url(images/          ) left no-repeat;
	}
	
#header h1 span {
	display: none;
	}
	
/*******************************************************************
	Content
*******************************************************************/

#content {
	background-color: #fff;
	}
	
#content h1,
#content h2,
#content h3,
#content p,
#content table {
	margin: 0 20px 10px 20px;
	}

#content .widgToolbar {
	margin: 0;
	padding: 0;
	}

#content h3 { 
	color: #777;
	padding: 0 5px 7px;
	border-bottom: 1px solid #ccc;
	}
	
#content ul,
#content dl {
	margin: 0 20px 10px 36px;
	}




div.menu_yes {
	 background: #fff url(/website/images/menu_bg.gif) top left repeat-y;
	 }






div.menu_no {
	background: #fff;
	}
	
/*******************************************************************
	Menu
*******************************************************************/

#menu { font-size:12px;	}

#menu h1 {
	margin: 0 0 4px 0;
	padding: 12px 10px 0 30px;
	height: 28px;
	color: #fff;
	background: #cfcfcf url(/website/images/bullet_white.gif) left no-repeat;
	background-position: 16px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#menu h1 a { color: #fff; text-decoration: none; }
#menu h1.blue {	background-color: #9cb2c0; }
#menu h1.gold {	background-color: #e7d6ad; }
#menu h1.aqua {	background-color: #a6c9df; }

/*
 * button styles
 */

#menu ul,
#menu ul li { margin:0; padding:0; list-style:none; }
#menu ul { margin-bottom: 10px; }
	
#menu ul li {
	margin-left: 10px;
	width: 180px;
	height: 26px;
	background: #777 url(/website/images/menu_btn_over.gif) no-repeat;
	}

#menu ul li a {
	position: relative;
	display: block;
	width: 180px;
	height: 26px;
	margin: 0; padding: 0;
	white-space: nowrap;
	text-decoration: none;
	}

#menu ul li a span {
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 5px 0 0 20px;
	cursor: pointer;
	}
	
#menu ul li a .menu_btn_up {
	display: block;
	width: 180px; height: 26px;
	border: 0;
	background-color: #f1f1f1;
	}

* html a:hover { visibility:visible; }

#menu ul li a:hover .menu_btn_up, #menu ul li.current .menu_btn_up { visibility: hidden; }

#menu ul li a:hover { color: #333; }

#menu ul li.current {
	background: #777 url(/images/menu_btn_current.gif) no-repeat;
	font-weight: bold;
	}

#menu ul.business_solutions li, #menu ul.search li { background-color: #396682; }
#menu ul.business_solutions li a:hover, #menu ul.search li a:hover,
#menu ul.business_solutions li.current a, #menu ul.search li.current a { color: #396682; }

#menu ul.listing_services li { background-color: #cfae5b; }
#menu ul.listing_services li a:hover,
#menu ul.listing_services li.current a{ color: #cfae5b; }

#menu ul.marketing_tools li { background-color: #5ba2ce; }
#menu ul.marketing_tools li a:hover,
#menu ul.marketing_tools li.current a { color: #5ba2ce; }


/*******************************************************************
	Page
*******************************************************************/


	
#page form {
	width: 538px;
	margin: 0 0 10px 20px;
	}
	
/*
 * Titles
 */

#page h1.title {width:480px;height:24px;margin-bottom:0}
	#page h1.title span {display:none}	
#page h1.dots {margin-top:0}	

/*
 * Graphic Design Titles
 */ 
 
#page h1.graphic_design {background: url(/website/images/graphic_design.gif) left no-repeat}	

	
/*
 * Information Titles
 */ 
 
#page h1.useful_info {background: url(/website/images/useful_info.gif) left no-repeat}	


	
/*
 * Web Design Titles
 */ 
 
#page h1.web_design {background: url(/website/images/web_design.gif) left no-repeat}	
	

	

/*******************************************************************
	Sidebar
*******************************************************************/

#sidebar {
	margin: 0 0 20px 20px;
	padding: 0;
	background: #fff;	
	border-left: 1px solid #cfcfcf;		
	border-right: 20px solid #fff;		
	font-size: 11px;
	}

#sidebar h1 {
	margin: 0;
	margin-bottom: 4px;
	padding: 10px 6px 0 10px;
	height: 24px;
	color: #777;
	background: #e0e0e0;
	border: 1px solid #cfcfcf;
	border-left: 0;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#sidebar h1.current { background-color: #777; color: #fff; }
	
#sidebar h1.break {
	background: #fff;
	border: 1px solid #fff;
	}

#sidebar p {
	margin: 0 10px 10px 10px;
	line-height: 14px;
	}
	
#sidebar ul,
#sidebar dl {
	margin: 0 10px 10px 16px;
	}
	
#sidebar li {
	margin-bottom: 4px;
	list-style: url(/website/images/bullet.png);
	}
	

#sidebar ul.nav a:hover {
	background: none;
	}

#sidebar ul.nav {
	margin: 0 0 10px 0;
	list-style: none;
	}

#sidebar ul.nav li {
	list-style: none url();
	}
	

	
/*******************************************************************
	Footer
*******************************************************************/

#footer {color: #f2f2f2;
	font-size: 10px;
	}
	
#footer a {color: #f2f2f2;
	margin-right: 10px;
	}
	
	
/*******************************************************************
	Data Tables
*******************************************************************/

table.data {
	display: table;
	}

table.data tr.top th {
	background-color: #cfcfcf;
	padding: 10px 6px;
	}
	
table.data tr.top strong {
	color: #fff;
	font-size: 16px;
	}
	  
table.data tr.top .right {
	text-align: right;
	}
	  
table.data tr {
	background: #fff;
	text-align: left;
	}  
/*   
table.data tr:hover td {
	color: #fff;
	background: #5A86B0;
	}

table.data tr:hover td a {
	color: #fff;
}
*/
  
table.data tr.even {
	background: #eee;
	}
  
table.data tr.last {
	background:  #e0e0e0;
	}

table.data tr.last:hover td {
	color: #000;
	background:  #e0e0e0;
	}
  
table.data th,
table.data td {
	padding: 6px;
	vertical-align: top;
	}
  
table.data th {
	background:#e0e0e0;
	border: 1px solid #cfcfcf;
	border-width: 1px 0;
	}

table.data td {
	border-bottom: 1px solid #cfcfcf;
	}
  
table.data .right,
table.data .number {
	text-align: right;
	}
	
table.order_history {
	width: 93%;
	border: 1px solid #cfcfcf;
	}




/*******************************************************************
	Font Sizing
*******************************************************************/

#font_size a {
	cursor: pointer;
	}

/*******************************************************************
                       Section Tools
*******************************************************************/

#page div.section {width: 558px}
	#page div.section p, #page div.section table.data {margin-right:0}
	#page div.section h2 {margin-bottom:0}
		#page div.section h2 a {text-decoration: none}
	#page div.section p.right {margin-bottom:10px;padding:0 0 5px 0;background: url(/images/default/dots_grey.gif) bottom left repeat-x}

#page .section {background:none;height:auto}
	#page .section div.tool {clear:left;display:block;margin: 20px 0 20px 20px;padding:0}
		#page .section div.full { padding-left:0; }	
		#page .section div.tool h2 {padding-bottom:0;font-size:12px;margin:0}
		#page .section div.tool p {margin:0}
		#page .section div.tool p.link {text-align: right;background: url(/images/default/dots_grey.gif) bottom repeat-x;padding-bottom: 6px}
			#page .section div.tool p.link a {margin-left: 10px}
		#page .section div.tool div {float:right;width:420px}
			#page .section div.tool div h2 {margin:0 !important;padding:0 !important;}
			#page .section div.tool div p {margin:0 0 20px 0 !important;padding:0 !important}
			#page .section div.tool div p.link {margin:0 !important; padding-bottom:6px !important}
			#page .section div.tool img.icon {float:left;margin:0 0 20px 0;border:none}
		#page .section div.tool .two {width: 200px; margin-left:10px;}