/* >>>>>>>>><<<<<<<<<< */
/* >>>> ALL PAGES <<<< */
/* >>>>>>>>><<<<<<<<<< */

/*
-----------------------------{body centered}
*/

body
{
	background-color: #FFF;
	padding: 36px;
	width: 540px;
	font-family: Arial, Helvetica, Sans-serif;
}

img
{
	border: 0px;
}

a
{
	outline: none;
}

/*
-----------------------------{typography}
*/

h1
{
	color: #C80007;
	padding: 0px;
	margin: 0px;
	font-size: 22px;
	font-weight: 600;
	line-height: 180%;
}

h2
{
	color: #C80007;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
}

h2.black
{
	color: #000;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 180%;
}

h3
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

h4
{
	color: #C80007;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

.tabRedHeadline
{
	font-size: 16px;
	color: #C80007;
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
}

.redHead
{
	font-size: 16px;
	color: #C80007;
}

.redHeadBold
{
	font-size: 16px;
	color: #C80007;
	font-weight: bold;
}

.redHead2
{
	font-size: 12px;
	color: #C80007;
	font-weight: bold;
}

.highlighter
{
	background-color: #f8ef00;
	font-weight: bold;
}

.blackHead
{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.blackHeadMedium
{
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

.blackHeadSmall
{
	font-size: 11px;
	color: #000;
	font-weight: bold;
	display: block;
	height: 20px;
}

.blackParagraph
{
	font-size: 12px;
}

.blackParagraphLt
{
	font-size: 11px;
}

.blackParagraphLtBold
{
	font-size: 11px;
	font-weight: bold;
}

.blackParagraphBold
{
	font-size: 12px;
	font-weight: bold;
}

.blueParagraphBold
{
	color: #294395;
	font-size: 12px;
}

.redTestimonial
{
	font-size: 11px;
	color: #C80007;
	font-weight: bold;
}

.greyTestimonial
{
	font-size: 11px;
	color: #333;
	font-weight: bold;
}

.blackTestimonial
{
	font-size: 11px;
	color: #000;
	line-height: 100%;
}

.greyParagraph
{
	font-size: 12px;
	color: #666;
}

.greyParagraphHead
{
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.greySmallLead
{
	font-size: 10px;
	color: #666;
	font-weight: bold;
}

.greySmallParagraph
{
	font-size: 10px;
	color: #666;
}

.blackSmallParagraph
{
	font-size: 10px;
	color: #000;
}

.greySmallLink
{
	font-size: 10px;
	color: #555;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.greySmallLink:hover
{
	color: #E15A00;
	text-decoration: underline;
}

.greyMediumLink
{
	font-size: 11px;
	line-height: 180%;
	color: #555;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.greyMediumLink:hover
{
	color: #E15A00;
	text-decoration: underline;
}

.greyMediumLinkSelected
{
	font-size: 11px;
	line-height: 180%;
	color: #b80007;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.pagerLink
{
	font-size: 11px;
	line-height: 180%;
	color: #555;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.pagerLink:hover
{
	color: #E15A00;
}

.pagerCurrent
{
	font-size: 11px;
	line-height: 180%;
	color: #b80007;
	font-weight: bold;
	text-decoration: none;
}

.related
{
	
}

.orangeLink
{
	font-size: 10px;
	color: #555;
	text-decoration: underline;
}

.orangeLink:hover
{
	font-size: 10px;
	color: #E36000;
	text-decoration: underline;
}

.orangeLinkSmallParagraph
{
	font-size: 11px;
	color: #E36000;
	text-decoration: none;
}

.orangeLinkSmallParagraph:hover
{
	text-decoration: underline;
}

.orangeHeadSmall
{
	font-size: 12px;
	color: #E36000;
	font-weight: bold;
	display: block;
	height: 20px;
}

.blueHead
{
	font-size: 14px;
	color: #294196;
	font-weight: bold;
	display: block;
	height: 20px;
}

a.utilityNavBlack
{
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.utilityNavBlack:hover
{
	color: #E36000;
}

a.utilityNavBlack:active
{
	color: #E36000;
}

a.utilityNavRed
{
	font-size: 10px;
	font-weight: bold;
	color: #C80007;
	text-decoration: none;
}

a.utilityNavRed:hover
{
	color: #E36000;
}

a.utilityNavRed:active
{
	color: #E36000;
}

ul.smallArrowUl
{
	list-style-image: url(../designimages/red_arrow_small.gif);
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
}

ul.smallArrowOpenUl
{
	list-style-image: url(../designimages/red_arrow_open_small.gif);
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 20px;
}

ul.smallDiscUl
{
	list-style-image: url(../designimages/red_disc_small.gif);
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 10px;
}

ul.smallCircleUl
{
	list-style-image: url(../designimages/red_circle_small.gif);
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 40px;
}

ul.smallDashUl
{
	list-style-image: url(../designimages/red_dash_small.gif);
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 50px;
}

li.navMoreLi
{
}

#ulLevel0
{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	list-style-type: none;
}

a.generalButtonText
{
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-top: 12px;
	padding-left: 45px;
	display: block;
}

a.generalButtonText:hover
{
	color: #E36000;
}

a.generalButtonWideText
{
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-top: 12px;
	padding-left: 95px;
	display: block;
}

a.generalButtonWideText:hover
{
	color: #E36000;
}

a.generalButtonCategoryLink
{
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding-top: 11px;
	padding-left: 45px;
	display: block;
}

a.generalButtonCategoryLink:hover
{
	color: #E36000;
}

.wideBottom ul
{
	margin: 0;
	padding: 0 0 0 15px;
}

a.footerNavBlack
{
	display: none;
}

/*
-----------------------------{outer wrapper}
*/

#wrapper
{
	width: 540px;
	padding: 0px;
	background-color: #fff;
}

/*
-----------------------------{utility nav}
*/

#utilityNavWrapper
{
	display: none;
}

/*
-----------------------------{header}
*/

#headWrapper
{
	width: 540px;
	height: 81px;
	overflow: hidden;
	background-image: url(../designimages/power-to-succeed.gif);
	background-repeat: no-repeat;
	background-position: 300px 35px;
	background-color: #C80007;
}

#logoWrapper
{
	width: 208px;
	height: 81px;
	background-image: url(../designimages/banner-tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #B80007;
}

#logo
{
	margin-top: 27px;
	margin-left: 28px;
	border: 0px;
}

/*
-----------------------------{navigation}
*/

#mainNavWrapper
{
	display: none;
}


/*
-----------------------------{navigation overlay}
*/

#navOverlayPlatform
{
	display: none;
}

.clear
{
	clear: both;
}


/*
-----------------------------{breadcrumb}
*/

#breadcrumbBox
{
	display: none;
}

#breadcrumb
{
	display: none;
}

/*
-----------------------------{mainBody}
*/

#mainBodyWrapper
{
	width: 1010px;
}

#mainLeftWrapper
{
	width: 540px;
	margin-bottom: 10px;
}

#mainRightWrapper
{
	display: none;
}

#title
{
	width: 520px;
	min-height: 58px;
	background-image: url(../designimages/title_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 20px;
}

#titleTall
{
	width: 520px;
	min-height: 150px;
	background-image: url(../designimages/titleTall_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 20px;
}

#titleNoBg
{
	width: 520px;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#mainRightWideblock
{
	width: 540px;
	border-top: 3px #b80007 solid;
	border-bottom: 1px #ccc solid;
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#mainRightWideblockNoRed
{
	width: 540px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 20px;
}

#pagerWrapper
{
	display: none;
}

#navThisSection
{
	display: none;
}

#navRelatedContent
{
	display: none;
}

#navMore
{
	display: none;
}


/*
-----------------------------{carousel mini banner}
*/

#carousel5BoxWrapper
{
	display: none;
}


/*
-----------------------------{site map}
*/

#siteMapWrapper
{
	display: none;
}


/*
-----------------------------{footer}
*/

#footerOuterWrapper
{
	width: 540px;
	height: 50px;
	padding-top: 4px;
	overflow: hidden;
	background-color: #fff;
}

#footerInnerWrapper
{
	width: 540px;
	height: 48px;
	overflow: hidden;
	background-color: #fff;
	border-top: 2px solid #B80007;
}

#footerInnerLeft
{
	width: 190px;
	height: 30px;
	float: left;
	padding-top: 18px;
	padding-left: 10px;
}

#footerInnerLeft img.smallLogo
{
	border: 0px;
	margin-left: 6px;
}

#footerInnerRight
{
	width: 340px;
	height: 30px;
	float: left;
	text-align: right;
	padding-top: 18px;
	font-size: 10px;
	color: #000;
}

span.footerNavDivider
{
	display: none;
}

span.footerPhone
{
	font-size: 10px;
	font-weight: bold;
	padding: 5px 10px 0 10px;
}


/*
-------------------------------{next steps tall}
*/

.nextStepsWrapperTall
{
	display: none;
}


/*
-------------------------------{ad}
*/

.adBox
{
	display: none;
}


/*
-------------------------------{resources}
*/

.resourcesWrapper
{
	display: none;
}


/*
----------------------------{bio}
*/

#portrait
{
	margin-right: 10px;
}

#infoHeader
{

	padding-top: 5px;
	padding-bottom: 5px;
}

#infoBio
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* >>>>>>>>><<<<<<<<<< */
/* >>>>>> BODYS <<<<<< */
/* >>>>>>>>><<<<<<<<<< */

/*
-----------------------------{body 1}
*/

#bodyOneWrapper
{
	width: 540px;
}

#bodyOneLeft
{
	width: 540px;
	padding-top: 15px;
}

#bodyOneRight
{
	width: 220px;
	padding-top: 15px;
}


/*
-----------------------------{body 2}
*/

#bodyTwoWrapper
{
	width: 540px;
	margin-left: 7px;
}

#bodyTwoLeft
{
	width: 540px;
	padding-top: 15px;
}

#bodyTwoRight
{
	width: 300px;
	padding-top: 15px;
}


/*
-----------------------------{body three}
*/

#bodyThreeLeft
{
	width: 540px;
	padding-top: 15px;
}

#bodyThreeLeftNoBorder
{
	width: 540px;
	padding-top: 15px;
}

#bodyThreeLeftInternal
{
	width: 540px;
	border-top: 3px #C80007 solid;
	padding-top: 20px;
}

.categoryRowHeader
{
	width: 540px;
	border-bottom: 1px #ccc solid;
	
}

.categoryRow
{
	width: 540px;
	padding-top: 20px;
	padding-left: 20px;
	border-bottom: 1px #ccc solid;
	
}

#bodyThreeRight
{
	float:left;
	padding:5px 0 5px 25px;
	width:298px;
}


/*
-----------------------------{general box}
*/

.generalWrapperOne
{
	width: 207px;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 20px;
}

.generalWrapperTwo
{
	width: 184px;
	overflow: hidden;
	margin-left: 97px;
}

.generalWrapperThree
{
	width: 307px;
	overflow: hidden;
	margin-left: 0px;
	margin-bottom: 10px;
}

.generalTopWrapperOne
{
	width: 220px;
	padding-right: 7px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/general_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #C1C1C5;
}

.generalTopWrapperThree
{
	width: 280px;
	padding-right: 7px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/general_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #C1C1C5;
}

.generalTop
{
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/large_gradient_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 40px;
}

.generalTopNoPic
{
	padding-top: 40px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/large_gradient_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.generalTopNoPicShort
{
	padding-top: 20px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/general_gradient_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.generalTitle
{
	padding: 10px 0px 10px 10px;
	margin-top: 5px;
	margin-right: 7px;
	background-image: url(http://media.eloqua.com/designimages/general_headline_bg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

.generalPic
{
	overflow: hidden;
	margin-left: 4px;
}

.generalLogo
{
	margin-top: 5px;
}

.quoteBoxWrapper
{
	overflow: hidden;
	margin-left: 8px;
	width: 100%;
}

.quoteBoxLeft
{
	float: left;
	width: 8px;
	clear: right;
}

.quoteBoxRight
{
	width: 169px;
	margin-left: 3px;
	float: left;
}

.quoteBoxRightWide
{
	width: 240px;
	margin-left: 3px;
	float: left;
}

#generalBadge
{
	padding: 20px 5px 10px 20px;
	margin: 12px 0px 0px 0px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/general_badge_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EEEEEF;
	float: right;
}

.generalBottom
{
	width: 224px;
	height: 4px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/general_bottomShadow_bg5.jpg);
	background-repeat: none;
}

.generalBottomThree
{
	width: 280px;
	height: 4px;
	overflow: hidden;
	background-image: url(http://media.eloqua.com/designimages/general_bottomShadowWideLess_bg.gif);
	background-repeat: no-repeat;
}


/*
-----------------------------{utility boxs}
*/

.utilityBoxWrapperOne
{
	display: none;
}

.utilityBoxWrapperTwo
{
	display: none;
}

.utilityBoxWrapperThree
{
	display: none;
}


/*
-----------------------------{tab box}
*/
.tabBoxWrapper
{
}

#tabs ul
{
	height: 34px;
	overflow: hidden;
	padding: 0px;
}

.tabMoreInfoBoxWrapper
{
	background-image: url(../designimages/tabInfoBox_bg.gif);
	background-repeat: repeat-y;
	background-color: #EDEDED;
	border-top: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	width: 252px;
	margin-top: 5px;
}

.tabMoreInfoBox
{
	background-image: url(../designimages/tabInfoBoxArrow.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding: 20px 10px 10px 10px;
}

.tenPadBox
{
	padding: 10px;
}

.tabIcon
{
	vertical-align: middle;
}

.tabVideoWrapper
{
	overflow: hidden;
	margin-top: 10px;
	width: 260px;
}

.tabVideoLeft
{
	float: left;
	width: 125px;
	text-align: center;
	overflow: hidden;
}

.tabVideoRight
{
	float: left;
	width: 103px;
	overflow: hidden;
}

/*
-----------------------------{various}
*/

.preload
{
	display: none;
}


#featureBoxTwo
{
	width: 300px;
	overflow: hidden;
	margin-bottom: 20px;
}

.shortBoxHeadline
{
	text-align: center;
	margin-bottom: 10px;
}

.webinarWrapper
{
	overflow: hidden;
	padding-bottom: 10px;
}

.webinarLeft
{
	width: 73px;
	float: left;
	margin-left: 10px;
}

.webinarRight
{
	width: 80px;
	float: left;
	margin-left: 10px;
}

.generalButton
{
	clear: both;
	background-image: url(../designimages/button_overlay.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 35px;
	margin-top: 5px;
}

.generalButton:hover
{
	background-image: url(../designimages/button_overlay_on.png);
}

.generalButtonCategory
{
	clear: both;
	background-image: url(../designimages/button_overlay.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 35px;
	width: 205px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 255px;
}

.generalButtonCategory:hover
{
	background-image: url(../designimages/button_overlay_on.png);
}

.playOverlayButton
{
	background-image: url(../designimages/button_overlay.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 35px;
	margin-top: 5px;
	position: relative;
	z-index: 1;
	top: -45px;
	left: -6px;
}

.playOverlayButton:hover
{
	background-image: url(../designimages/button_overlay_on.png);
}


/*
-----------------------------{lightbox}
*/

#cover
{
	position: absolute;
	width: 1010px;
	height: 200%;
	z-index: 4000;
	display: none;
	background-color: transparent;
	background-image: url(../designimages/cover_bgd.png);
	background-repeat: repeat;
}

#slide
{
	position: absolute;
	z-index: 5000;
	margin-top: 150px;
	display: none;
	top: 20px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	border: 1px solid #666;
	background-color: #fff;
}

/*
-----------------------------{lightbox}
*/

#topBar{
	display: none;
}
#topNav{
	display: none;
}
#topShadow{
	background:url(http://media.eloqua.com/designimages/backGradTop.jpg) top left repeat-x;
	height:440px;	
}
#bottomShadow{
	background:url(http://media.eloqua.com/designimages/backGradBottom.jpg) bottom left repeat-x;
}