/* This stylesheet contains most default element styles (excluding links and lists)
as well as basic structural CSS, paragraph definitions and other 'random' styles.
Note that there are more classes defined than are probably necessary for the initial design. 
However, these additional classes will make it easier to create new templates in the future. */  


/* ------ Default Element Styles -------- */

body, div, p, h1, h2, h3, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#515151;
}
body {
	background-color: #FFFFFF;
	padding-top: 0;
	margin-top: 0;
}
p {
	color:#515151;
}
.nopad {
	padding: 0;
    margin: 0;
}
h1 {
	padding:0;
	margin:0 0 5px 0;
	font-size: 200%;
	color:#002447;
	font-weight:normal;
}
h2 {
	padding:0;
	margin:0;
	font-size: 180%;
	color:#99AE5F;
	font-weight:normal;
}
h3 {
	padding:0;
	margin:0;
	font-size: 130%;
	color:#002447;
	font-weight:normal;
}
h4 {
	padding:0;
	margin:0;
	font-size: 110%;
	color:#F1943F;
}

/* ------ IDs -------- */
  /* Styles Used in Header */
#headerLogo {
	text-align: right;
}
#headerText {
	font-size: 65%;
	line-height: 150%;
	margin-top: 20px;
	margin-right: 7px;
}
#metaNav {
	font-size: 95%;
}
  /* Structural CSS */
 
/* three Column Layout */
#threeColumnLayout #leftColumn {
	width:197px;
}
#threeColumnLayout #mainColumn {
	width:388px;
}
#threeColumnLayout #rightColumn {
	width:177px;
}
#homeThreeColumnLayout #leftColumn {
	width:196px;
}
#homeThreeColumnLayout #mainColumn {
	width:370px;
}
#homeThreeColumnLayout #rightColumn {
	width:196px;
}

/* two column layouts */

#leftMainLayout #leftColumn {
	width:197px;
}
#leftMainLayout #mainColumn {
	width:563px
}

#mainRightLayout #mainColumn {
	width:585px;
}
#mainRightLayout #rightColumn {
	width:177px;
}

/* Font sizes */
#leftColumn{
	font-size: 65%;
}
#rightColumn {
	font-size: 70%;
}
#mainColumn {
	font-size: 80%;
}
#mainColumn .orangeCenterSidebar {
	font-size: 81%;
}

/* Content Area Styles */
/* margins and padding only */
#mainContent {
	padding:12px 12px 0 15px;
}

#mainContentHome {
	margin:0;
}
.rightSidebarContent {
  padding:0;
  margin: 5px 14px 5px 14px;
}
.leftSidebarContent {
  padding:0;
  margin: 10px 10px 5px 10px;
}
.orangeSidebarContent {
   padding:0;
  margin: 10px 10px 5px 10px; 
}
.centerSidebarContent {
  padding:0;
  margin: 10px 15px 10px 30px;
}
.lightBlueRightSidebar .rightSidebarContent {
  padding:0;
  margin: 5px 10px 5px 10px;
}

/* Content Blocks */
.rightSidebarContent .contentBlock {
   margin: 5px 0 17px 0;
}
#mainContent .contentBlock {
   margin: 5px 0 15px 0;
}
.productPromotion {
	padding: 0;
	margin: 20px 0 0 0;
	border: 1px solid #C2CEDA;
}
div.fullFeatureListHeader {
	display:block;
	margin:0 0 10px 0;
}
.leftColproductOverviewImage p {
   margin: 5px 0 0 0;
}

/* Paragraphs */

.leftSidebarContent p {
   color: #334C6C;
}
.blueCenterSidebar p {
   color: #7C7C7C;
}
.whiteRightSidebar .rightSidebarContent p {
   color: #000000;
   margin: 5px 0 5px 0;
}
.clearLeftSidebar p {
   color: #7C7C7C;
   margin: 5px 0 5px 0;
}

.blueRightSidebar p, .darkBlueRightSidebar p, .whiteRightSidebar p, .yellowRightSidebar p {
	color: #333333;
}
.lightBlueRightSidebar p {
	font-size: 120%;
} 
#footer p {
	font-size: 65%;
	color: #727272;
	margin: 10px 9px 0 9px;
}
.clearLeftSidebar p {
	color: #727272;
}
#bottomNav p {
	margin: 20px 0 30px 0;
	font-size: 81%
}

/* ------ Classes -------- */
.hidden {
	display:none;
}

/* Paragraph Classes */
.caseList {
	color: #333333;
}
.compatibilityHome {
    color: #7C7C7C;
    margin: 30px 0 10px 0;
}


/* Heading Styles */
.featureListPageSubheader {
	margin:0 0 10px 0;
}
.fullFeatureListHeader {
	color: #002447;
	display:inline;
}
.firstSupportPageSubHeader{
	margin:18px 0 0 0;
}
.whiteRightSidebar h1 {
   color: #333333;
   font-size: 120%; 
   font-weight:bold;
}

/* Image Classes and IDs */
.sidebarHeader {
	padding:0;
	margin: 3px 0 0 3px;
}
.homeSidebarHeader {
	padding:0;
	margin: 2px 0 0 2px;
}
.homeContentSidebarHeader {
	padding:0;
	margin: 1px 0 0 1px;
}
.hrInRightSidebarArrowList {
	margin-bottom:3px;
}
.sidebarImage {
	padding: 0;
	margin: 0 0 5px 5px;
}
.promotionImageHome{
	padding: 0;
	margin: 0 10px 5px 0;
}
#promotionalBanner {
	padding:0;
	margin: 4px 0 0 8px;
}
.imageInTextRight {
	margin: 0 0 10px 10px;
}
.imageInTextLeft {
	margin: 0 10px 10px 0;
}

.footnote {
	font-size: 65%;
	color: #727272;
	margin: 10px 9px 0 9px;
} 
.example
{
    FONT-FAMILY: Courier New;
    FONT-SIZE: 100%;
    COLOR: #000060;
    margin-top: 0px;
    background-color: #FFF2E6;
}
.quote 
{
	font-size: x-small;
	color: Gray;
	font-style: normal;
}
.quotename
{
	font-size: x-small;
	color: Gray;
	font-style: normal;
}

/* Quote form fields */
.quotetext
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D2D3D3;
	background-color: #F4F6F7;
	width: 220px;
	padding-left:2px;
}

.quotetextorange
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #F1943F;
	background-color: #FFF1E4;
	width: 220px;
	padding-left:2px;
}

.formerror
{
	color: #F70808;
	border: 1px solid #F70808;
	background-color: #F9ECEC;
	font-size: 10px;
	text-align: center;
	padding: 3px;
}