/* main.css
 *
 * Styles for pages on the VeriFone DevNet web site.
 *
 */
 
body {
	margin: 10px 10px 10px 10px;
	font-family: /*"Lucida Grande", "Lucida Sans Unicode", "Gill Sans",*/ "Trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	background: #66ccff;
	/*background: #99cc66;*/
	/*background: #0099FF; */
	line-height: 150%;
}

	/* Anchor tag styles */

a			{	text-decoration: none; font-weight: normal; outline: none; }
a:link		{	color: #a00; }
a:visited	{	color: #815151; }
a:active	{	color: red; }
a:hover		{	color:red; text-decoration:underline; }

	/* Default styles */
	
img			{	border: 0; }
p 			{	font-size: 12px; }
strong		{	font-weight: bold; }
b			{	font-weight: bold; }
em			{	font-style: italic; }
i			{	font-style: italic; }
h1			{	font-size: 36px; }
h2			{	font-size: 24px; }
h3			{	font-size: 18px; }
h4			{	font-size: 16px; }
h5			{	font-size: 14px; }
h6			{	font-size: 12px; }

	/* website-content - box containing the contents of the web page */

#website-content {
	/*
	position: relative;
	margin: auto;
	*/
	width: 800px;
	border: 0px solid #999;
}

	/* This style is only for IE5 browsers */

#website-content {
	background: url(/images/background.gif) repeat-y #fff;
}

/* IE5 hack \*/
#website-content {
	background: url(/images/background.gif) repeat-y #fff;
}
/* end hack */

	/* header - This contains the VeriFone DevNet logo and the VeriFone logo */
	
#website-content #website-header h1 a {
	display: block;
	width: 800px;
	height: 90px;
}

#website-content #website-header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 90px;
	background: #fff;
}


	/* website-search - Styles for the search bar at the top of every page */

#website-search {
	position: absolute;
	top: 40px;
	left: 668px;
}

#website-search form input {
	font-size: 10px;
	color: #000;
}

#website-search p {
	font-size: 9px;
	white-space: nowrap;
	color: #fff;
	padding: 0;
	margin: 0;
	display: inline;
}



	/*  website-menu - This is the web site's main navigation bar (Home, Download, Learn, Connect) */

#website-menu {
	clear: both;
	margin: 0;
	padding: 0;
	height: 2em;
	width: 800px;
	border-top: 1px solid #ffffff;
	/*background: #669933;*/
	background: #0099FF;
}

#website-menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#website-menu ul li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
}

#website-menu ul li a {
	height: 2em;
	padding: 0 10px 0 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 12px;
}

#website-menu ul li { width: 100px; }


#website-menu ul li a:hover {
	/*background: #0099FF;*/
	background: #669933;
}

#website-menu ul li a:active	{
	/*background: #0099FF;*/
	background: #669933;
}

#website-menu ul li a.current	{
	/*
	background: #fff;
	color: #0099FF;
	*/
}

#website-menu ul li a.current:hover	{
/*
	background: #fff;
	color: #768176;
*/
}


ul#website-breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	border-bottom: 1px dashed #ddd;
}

ul#website-breadcrumbs li {
	display: inline;
	padding: 0;
	margin: 0;
}


/* the width of the main div is defined in either the sidebar.css or nosidebar.css stylesheets */

#website-main h1 {
	margin: 10px 0 0 0 !important;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}


	/* website-footer - This is the footer on every page */

#website-footer {
	clear: both;
	color: #000;
	margin: auto;
	text-align: center;
	padding: 10px 0 0 0;
	border-top: 1px solid #999;
}

#website-footer a {
	color: #728371;
}

#website-footer p {
	font-size: 9px;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 0;
}

#website-footer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#website-footer ul li {
	float: left;
	text-align: center;
	padding: 0 5px 0 0;
	margin: 0;
	position: relative;
}

	/* website-sidebar - The secondary navigation bar, located on the left-hand side of
	   every page except the home page */

#website-sidebar {
	margin: 22px 0 5px 3px;
	color: #728371;
	float: left;
	width: 160px;
}

* html #website-sidebar {
\width: 160px;
w\idth: 150px;
}


#website-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;	
}

#website-sidebar ul li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	padding: 0 0 5px 5px;
	color: #728371;
}

#website-sidebar ul li a {
	display: block;
	text-decoration: underline;
	font-size: 14px;
	color: #728371;
	font-weight: normal;
	
}

#website-sidebar ul li ul li a {
	display: block;
	padding: 0px 0px 5px 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #728371;
}

#website-sidebar ul li ul li a:hover {
	text-decoration: underline;
}

html>body #website-sidebar li a {
	width: auto;
}

	/* website-breadcrumbs - This displays where the user is located in the site map */

#website-breadcrumbs {
	margin: 0;
	padding: 2px 0 10px 0px !important;
	padding: 2px 0 20px 3px;
	border: 1px solid #fff;
}

#website-breadcrumbs ul {
	font-size: 10px;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	display: inline;
}

#website-breadcrumbs ul li {
	display: block;
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
}

#website-breadcrumbs ul li.last-item {
	clear: right;
}

html>body #website-breadcrumbs ul li a {
	width: auto;
}


	/* links - styles for the links section in the South African Copyright page */

#website-links ul {
	margin-top: 5px;
	padding-top: 0;
}

#website-links ul li {
	padding-bottom: 5px;
}

#website-links ul li ul li {
	
}

	/* Suggestions Form */

#website-suggestions, #website-license {
	width: 500px;
	background-color: #f1f1de;
	border: 1px solid #cccc99;
	padding: 5px;
	margin: 0px auto;
}

#website-suggestions label, #website-license label{
	display: block;
	font-weight: bold;
	vertical-align: top;
}

#website-suggestions div.row, #website-license div.row {
  clear: right;
  padding-top: 5px;
}

#website-suggestions div.row span.label {
  float: left;
  width: 125px;
  text-align: right;
  font-weight: bold;
  padding: 4px 4px 0 0;
  
}

#website-license div.row span.label {
  float: left;
  width: 160px;
  text-align: right;
  font-weight: bold;
  padding: 4px 4px 0 0;
  
}

#website-getcontent {
	width: 550px;
	background-color: #f1f1de;
	border: 1px solid #cccc99;
	padding: 5px;
	margin: 0px auto;
}

#website-getcontent h2 {
	padding: 0 0 0 20px;
}

#website-getcontent form {
	padding: 0 20px 0 20px;
}

#website-getcontent label {
	display: block;
}

#website-getcontent fieldset {
	border: 1px solid #666;
}

.website-box {
	width: 500px;
	background-color: #f1f1de;
	border: 1px solid #cccc99;
	padding: 10px;
	margin: 10px auto 10px auto;
	text-align: center;
}


ul#website-partners {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#website-partners li a {
	font-size: 11px;
}

#website-partners li a:link { color: #a00; text-decoration: none; font-size: 11px; }
#website-partners li a:visited { color: #815151; font-size: 11px; }
#website-partners li a:active { color: #red; font-size: 11px; }
#website-partners li a:hover { color:red; text-decoration:underline; font-size: 11px; }