/* Site-wide structure
.container #the-page-name
--#header
----#site_title_bar
----#mini_nav
----#main_nav
--#body
----#content
------#breadcrumbs
------#bc
----#aside
------#section_menu
------#contact_us_box
------#learn_more_box
--#footer
----#trademark_info
----#additional_site_info
*/





/* General site-wide stuff */
a {
color: #0066cc;
text-decoration:none;
font-weight:bold;
white-space: nowrap;
}

a:hover {
color:#000000;
font-weight:bold;
}

h1, h2, h3, h4, h5, h6 {
color: #0066cc;
}

img {
border-style: none;
}

ol {
list-style-position: inside;
}

dt {
font-weight: bold;
}

p.line {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 1;
}






/* Special styling for the phone microformat. */
/* <span class="tel"><span class="type">typehere</span><span class="value">valuehere</span></span> */
span.tel span.type {
display:none;
}





/* Styling of gross site structure. */
html, body {
background: #e4e4e4;
color: #000000;
margin: 0;
font-family: Arial;
font-size: 14px;
font-weight: normal;
}

#header {
margin: 0 auto 0 auto;
background-color: #FFFFFF;
}

#body {
background:#FFFFFF;
margin-top: -30px;
width: 100%;
}

#aside {
border: 2px #ffffff;
border-style: solid none none solid;
background: #f5f1f2;
vertical-align: top;
width: 260px;
}

#content {
margin-top: 2px;
background: #ffffff;
vertical-align: top;
}

#footer {
clear: both;
background: #f5f1f2;
width: 100%;
}





/* Obviously, breadcrumb styles.  That little nav-history thing at the top of each content section. */
#breadcrumbs {
height:25px; 
width:747px;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
background : #f5f1f2;
font-size : small;
font-weight: bold;
}

#breadcrumbs ul {
padding: 0;
margin: 0;
position: relative;
left: 10px;
top: 4px;
list-style-type: none;
display:inline;
}

#breadcrumbs li {
display:inline;
padding-left: .5em;
}





/* The list showing the current section and the major sites in that section, displayed on every page. */
#section_menu {
font-weight: bold;
width: 226px;
margin-right: auto;
}

#section_menu h3 {
font-weight: bold;
font-size: 16pt;
padding-left: 10px;
margin: 0;
font-family: Arial, Georgia, Helvetica;
}

#section_menu > ul {
list-style-image: url(../images/plus_bullet.jpg);
}

#section_menu ul ul {
list-style-image: none;
list-style-type: disc;
margin: 0 0 0 .5em;
padding: 0 0 0 .5em;
}

#section_menu li {
margin-top: .5em;
}

#section_menu a {
text-decoration: underline;
line-height: 1.2;
}





/* Well, the Contact Us box on each page. */
#contact_us_box {
width:226px;
margin-right:auto;
font-size: x-small;
background-color: #fff;
}

#contact_us_box > ul {
background:url("../images/contact-us-box-bg.jpg") repeat-y;
margin-bottom: 0;
margin-top: 0;
}

#contact_us_box h1, #contact_us_box h1 a {
font-size: medium;
margin-bottom: 0;
padding-bottom: 0;
margin-top: 0;
color: #006;
text-decoration: underline;
white-space: normal;
}

#contact_us_box ul {
margin-left: 0;
padding-left: 1em;
list-style-type: none;
}

#contact_us_box > ul > li {
padding-bottom: 1em;
}

#contact_us_box ul ul {
margin-left: 0;
padding-left: 0;
}

#contact_us_box span.tel {
font-size: medium;
font-weight: bold;
}







/* Some general styling for the Aside element. */
#aside > div {
margin: .5em auto 3em;
width: 226px;
}

#aside img {
display: block;
}

#aside strong {
text-transform: uppercase;
}




/* Footer element styling. */
#footer {
font-size: x-small;
}

#footer > p {
display:inline;
}

#trademark_info {
float:left;
margin: 1em;
width: 700px;
}

#additional_site_info {
width: 250px;
float:right;
text-align:center;
}

#additional_site_info > * {
margin: .25em;
}




/* Mini-nav styling (the tiny links at the top of the screen) */
#mini_nav {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 3px;
right: 10px;
z-index: 1;
display: inline;
font-size: x-small;
}

#mini_nav li {
display: inline;
padding: 0 .5em;
margin: 0;
}

#mini_nav form {
display: inline;
}

#mini_nav a, #mini_nav input {
color: #ffffff;
}




/* Header styling */
#site_title_bar {
margin: 0;
padding: 0;
height: 162px;
background: url("../images/header-bg.jpg") repeat-x;
border-top: 21px solid #0066cc;
}

#site_title_bar img[src="/images/logo.jpg"] {
float: left;
}

#site_title_bar img[src="/images/header.jpg"] {
float: right;
}




/* PCI PABP Certification banner */
#pci-pabp {
	position: absolute;
	top: 22px;
	right: 5px;
}




/* The hover buttons on the left side */
#side_nav_group {
width:224px;
border-style: hidden;
margin-left: auto;
margin-right: auto;
}

#side_nav_group ul {
list-style-type: none;
margin: 20px 0px 20px 0px;
padding: 0px;
}

#side_nav_group a{
display: block;
width: 224px;
height: 48px;
text-indent: -9009px;
}

#side_nav_group #btn-free-trial:hover {
background-image: url(../images/box-request-free-trial.gif);
}

#side_nav_group #btn-free-trial {
background-image: url(../images/box-request-free-trial_ovr.gif);
}

#side_nav_group #btn-igo-demo:hover {
background-image: url(../images/box-view-demo.gif);
}

#side_nav_group #btn-igo-demo {
background-image: url(../images/box-view-demo_ovr.gif);
}





/* Despite the name, this section is for site-wide styles in the content section. */
#bc {
padding: 0 1em 1em;
font-size: 10pt;
color: #000;
}

#bc h2 {
font-size: 12pt;
color: #006;
}

#bc h3 {
font-size: 11pt;
color: #006;
margin-bottom: 0;
margin-top: 2em;
}

#bc h4 {
font-size: 10pt;
}

#bc h5 {
font-size: 10pt;
}

#bc h6 {
font-size: 10pt;
}

#bc p {
margin-top: .5em;
}

button {
text-align: center;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
background-color : #0066cc;
padding : 2px;
border : 1px solid #bae1fe;
}

.footnote {
font-style: italic;
font-size: 90%;
}

.centered {
text-align: center;
margin-right: auto;
}

li {
padding-top: .2em;
}

em em {
font-style: normal;
font-weight: bold;
}

em em em {
text-transform: capitalize;
}

#bc fieldset {
border-width: 0;
border-style: solid;
float: left;
margin-left: .5em;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#bc legend {
font-size: 10pt;
color: #0066cc;
font-weight: bold;
}

#bc label {
display: block;
margin-bottom: .5em;
}

#bc input, #bc select, #bc textarea {
display: block;
}

#bc input[type="radio"] {
display: inline;
}

#bc #your-comment {
clear: both;
}