﻿/* Global */
body {
	padding: 0;
	margin: 0;
	font: 0.75em Arial, Verdana, Helvetica, sans-serif;
	color: #464747;
	background: url(../wsimages/page_bg.jpg) top left repeat-x;
}

/* General */
h6 {
	padding: 0;
	margin: 0 0 20px;
	color: #464747;
	font-weight: bold;
}

h5 {
	padding: 0;
	margin: 0 0 20px;
	color: #464747;
	font-weight: bold;
}

h4 {
	padding: 0;
	margin: 0 0 20px;
	color: #464747;
	font-weight: bold;
}

h3 {
	padding: 0;
	margin: 0 0 20px;
	color: #464747;
	font-weight: bold;
}

h2 {
	padding: 0;
	margin: 0 0 20px;
	color: #464747;
	font-weight: bold;
}

h1 {
	padding: 0;
	margin: 0 0 20px;
	color: #464747;
	font-weight: bold;
}

h1 { font-size: 1.50em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.05em; }

.hidden { 
	visibility: hidden; 
	font-size: 1px;
	padding: 0;
	margin: 0;
}

img  { 
	border: none;
	text-decoration: none;
	outline: 0;
}

a img  { 
	border: none;
	text-decoration: none;
	outline: 0;
}

a {
	font: 1em Arial, Verdana, Helvetica, sans-serif;
	color: #00a0d1;
	text-decoration: underline;
	outline:0;
}

a:hover { text-decoration: none; }

p {
	padding: 0;
	margin: 0 0 23px;
}

p#introduction {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.8em;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

textarea {
	padding: 1px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

input.text {
	float: left;
	width: 210px;
	margin-right: 15px;
}

textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; }

input { font: 1em Verdana, Arial, Helvetica, sans-serif; }

.clear {
	visibility: hidden;
	clear: both;
	font-size: 1px;
	height: 1px;
	background: none;
}

span.required { 
	color: #ff0000;
	font-style: italic;
}

span.bad_validation {
	display: block;
	color: #ff0000;
	font-style: italic;
}

.black_button {
	float: left;
	display: block;
	height: 42px;
	padding: 0 0 3px;
	line-height: 42px;
	margin: 0;
	border: 0;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

.blue_button {
	float: left;
	display: block;
	height: 42px;
	padding: 0 0 3px;
	line-height: 42px;
	margin: 0;
	border: 0;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

.blue_button {
	width: 177px;
	background: url(../wsimages/button_blue.png) no-repeat;
}

.blue_button_contact {
	width: 177px;
	background: transparent url(../wsimages/button_blue.gif) no-repeat;
	float: left;
	display: block;
	height: 42px;
	padding: 0 0 3px;
	line-height: 42px;
	margin: 0;
	border: 0;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

}

#hm_package_but {
	margin:0 0 22px 9px;
}

.black_button {
	width: 157px;
	background: url(../wsimages/button_black.gif) no-repeat;
}

/* Content */
#container {
	position: relative;
	margin: 0 auto;
	width: 902px;
}

#header {
	width: 902px;
	height: 175px;
}

#logos {
	position: relative;
	height: 84px;
}
#site_logo {
	float: left;
	width: 782px;
	height: 65px;
	padding-top: 19px;
}

#company_logo {
	float: left;
	width: 119px;
	height: 79px;
	padding-top: 5px;
}

/* Menu */
#menu {
	height: 48px;
	margin-top: 43px;
}

#menu li {
	float: left;
	margin-right: 4px;
}

#menu li.final_menu_item { margin: 0px; }

#menu a {
	display: block;
	width: 86px;
	height: 48px;
	background-position: top;
	text-decoration: none;
}

/* Rollovers */
#menu_home { background: url(../wsimages/menu_home.jpg) no-repeat; }
#menu_overview { background: url(../wsimages/menu_overview.jpg) no-repeat; }
#menu_demo { background: url(../wsimages/menu_demo.jpg) no-repeat; }
#menu_features { background: url(../wsimages/menu_features.jpg) no-repeat; }
#menu_users { background: url(../wsimages/menu_users.jpg) no-repeat; }
#menu_contact { background: url(../wsimages/menu_contact.jpg) no-repeat; }
#menu_login { background: url(../wsimages/menu_login.jpg) no-repeat; }

/* Active */
#menu #menu_home_active { background: url(../wsimages/menu_home_active.jpg) no-repeat; }
#menu #menu_overview_active { background: url(../wsimages/menu_overview_active.jpg) no-repeat; }
#menu #menu_demo_active { background: url(../wsimages/menu_demo_active.jpg) no-repeat; }
#menu #menu_features_active { background: url(../wsimages/menu_features_active.jpg) no-repeat; }
#menu #menu_users_active { background: url(../wsimages/menu_users_active.jpg) no-repeat; }
#menu #menu_contact_active { background: url(../wsimages/menu_contact_active.jpg) no-repeat; }
#menu #menu_login_active { background: url(../wsimages/menu_login_active.jpg) no-repeat; }

#menu a:hover { background-position: bottom; }

#contact_number {
	position: absolute;
	top: 98px;
	right: 0;
}

#phone_number {
	position: absolute;
	top: 92px;
	right: 0;
}

.extra_menu_items {
	position: absolute;
	top: 127px;
	right: 0;
	outline:0;
}

.extra_menu_items_login {
	position: absolute;
	top: 127px;
	right: 92px;
	outline:0;
}


.extra_menu_items_login a {
	display: block;
	width: 91px;
	height: 46px;
	text-decoration: none;
	outline:0;
}


.extra_menu_items a {
	display: block;
	width: 91px;
	height: 46px;
	text-decoration: none;
	outline:0;
}

a#menu_login:hover { background-position: bottom; outline:0 }

a#menu_contact:hover { background-position: bottom; outline:0 }

#menu_contact_active { background: url(../wsimages/menu_contact_active.jpg) no-repeat; }
#menu_login_active { background: url(../wsimages/menu_login_active.jpg) no-repeat; }

/* Content */
#content {
	position: relative;
	width: 902px;
	padding-bottom: 117px;
	line-height: 1.5em;
}

#content ul { margin-bottom: 23px; }

#content ul li {
	padding-left: 22px;
	margin-bottom: 10px;
	background: url(../wsimages/bullet_point.jpg) no-repeat;
}

.content_banner_column {
	float: left;	
	width: 191px;
	margin: 0 17px 15px 0;	
}

#prod_list {
	padding:10px;
	font-size:120%;	
}

#prod_list img {
	vertical-align: middle;
	margin:8px 10px 0 0;
}



#marketpower_banner {
	width: 137px;
	height: 264px;
	padding: 22px 27px;
	background: url(../wsimages/marketpower_banner_bg.png) no-repeat;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

#marketpower_banner a { color: #fff; }

#marketpower_banner img { margin: 14px 0 3px; }

.interface_screenshot {
	margin-left: 21px;
	padding: 3px;
	border: 1px solid #464747;
}


.prod_logo {
	margin:10px 0 20px 0;
}

.totop {
	font-size:90%;
	text-align: right;
}


/*** Footer ****************/

#footer_container {
	position: relative;
	width: 100%;
	background: #a4c7d2 url(../wsimages/footer_bg.gif) repeat-x;
}

#footer_content {
	width: 902px;
	padding: 12px 0;
	margin: 0 auto;
}

#footer_content a { 
	color: #fff;
	font-size: 0.93em;
}

#footer_content p { margin: 0; }

#footer_content #footer_copy {
	width: 902px;
	padding-right: 34px;
}

#footer_copy ul { padding-bottom: 25px; }

#footer_content #footer_copy li {
	float: left;
	display: block;
	margin-right: 20px;
}

#footer_copy li#final_list_item { margin: 0; }

#footer_copy ul#group_companies {
	height: 50px;
	margin-top: 25px;
}

#footer_copy ul#group_companies li { 
	margin-right: 68px;
	vertical-align: middle;
}

#footer_copy #copyright { font-size: 0.85em; }

#footer_copy #copyright a { color: #464747; }

#copyright_terms { 
	float: left;
	width: 759px;
}

#footer_company_logo {
	float: left;
	width: 143px;
	padding-top: 5px;
}