﻿/* GENERIC STYLES */
body{font-family:Arial;margin:0;padding:0;border:0;color:#777;font-size:100%;background:url('../Images/page_bkg.jpg') repeat-x top;}

form {margin:0;padding:0;border:0;}

#Page {position:relative;}

h1{}
.H1Component{font-size:180%;color:#8fd03f;margin:0;padding:0;}
h2{}
h3{}
p {margin:0 0 13px 0;}
a, a:visited{color:#8fd03f;text-decoration:none;}
img{border:0;margin:0;padding:0;}

.Clear, .clear {clear:both;}

.Divider{color:#8fd03f;}

/* MAIN SITE STYLES */
#Wrapper{margin:0px auto;padding:0;}
#Page{margin:0px auto;padding:0 10px 10px 10px;font-size:100%;width:970px;color:#777;}
#Content{z-index:1;font-size:80%;position:relative;}


.FooterLinks{font-size:75%;}
.FooterLinks a{color:#333;display:block;}
.FooterLinks a:hover{text-decoration:underline;}

.Table	{}
.Table .Row {position:relative;}
.Table .Row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.Table .Row .Column{float:left;}
.Table .Row .ColumnFull {width:100%;}

.TelephoneNumber{position:absolute;right:30px;top:20px;}

.LiveChatProd{position:absolute;right:1px;top:94px;margin:0;padding:0;}
.LiveChatProd a{display:block;margin:0;padding:0;}
.LiveChatProd img{margin:0;padding:0;border:none;}

.Mandatory {color:#DD0000;}
.RequiredField{color:Red;}
.ErrorMessage {color:Red;}
input, select, textarea {margin:0;padding:0;}

/* HEADER */
#Header{position:relative; z-index:500; width:100%; border-top:1px solid transparent;}

#HeaderLogo{width:204px;height:87px;margin-top:0px;margin-left:20px;}
#HeaderLogo h1{background:url(../Images/purenet_logo.jpg) no-repeat;height:100%;width:100%;margin:0;}
#HeaderLogo h1 a{text-decoration:none;position:absolute;width:204px;height:87px;}
#HeaderLogo h1 a span{visibility:hidden;width:100%;}

#StrapLine{position:absolute;right:70px;top:40px}


/* HEADER SUB NAV */
#TopNavSub {position:absolute; right:0; top:10px; margin:0; padding:0; font-size:80%;}
#TopNavSub ul{margin:0;padding:0;list-style:none; }
#TopNavSub ul li {display:inline;text-align:center;}
#TopNavSub ul li a,
	#TopNavSub ul li a:visited{font-weight:bold;padding:0 6px;border-left:1px solid #000;text-align:center;}
#TopNavSub ul li.First a,
	#TopNavSub ul li.First a:visited{border-left:none;}


/* TOP MAIN NAVIGATION */
#TopNavMain{margin:1px;padding:0;background:url('../Images/top_nav_bkg_num.jpg') top no-repeat; 
            height:50px;z-index:90; font-size:80%;}

#TopNavMain .homeicon a span {display:none;}
#TopNavMain .homeicon a {display:block; width:22px; height:20px; background:url(../Images/home_logo.gif) no-repeat 20px 0;}

#TopNavMain .homeicon a, 
	#TopNavMain .homeicon a:visited,
	#TopNavMain .homeicon a:hover
	{
		display:inline;
		float:left;
		margin:10px 5px;
		width:40px;
		line-height:normal; 
		text-align:right;
		padding:0 10px 0 0;
	}

#TopNavMain .TopNavMain ul{margin:0;padding:0;list-style:none;border-bottom:1px solid #fff;z-index:500;}
#TopNavMain .TopNavMain li{margin:6px 0 0 0;position:relative; float:left; background:url('../Images/top_nav_border.jpg') right no-repeat;}

#TopNavMain .TopNavMain ul.Level1 li li{width:auto;position:static;}

/* removes whitespace on level 2 list in FF */
#TopNavMain .TopNavMain ul.Level2 > a {background:#fff; margin:0; padding:0; height:0;}

/* style the links for the top level */
#TopNavMain .TopNavMain a,
	#TopNavMain .TopNavMain a:visited
{
	display:block;
	float:none;
	font-weight:bold;
	color:#555;
	line-height:29px; 
	text-align:center;
	margin:0 1px;
	padding:0 26px;
}

/* style the top level drop down */
#TopNavMain .TopNavMain a:hover, #TopNavMain .TopNavMain :hover > a
{
	background-color:#fff;
	color:#8fd03f;
	margin:0;
	
	/*padding:0;*/
}

#TopNavMain .TopNavMain .Level1 li > a:hover, #TopNavMain .TopNavMain .Level1 :hover > a
{	
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	/*border-bottom:1px solid #FFF;*/
	border-bottom:0;
	height:32px;
}
#TopNavMain .TopNavMain ul.Level1 > li:hover.Empty a {border-bottom:1px solid #999; height:31px;}
#TopNavMain .TopNavMain .Level2 li a:hover, #TopNavMain .TopNavMain .Level2 :hover > a{border:none;padding:0;height:20px;z-index:500;width:220px;margin:0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#TopNavMain .TopNavMain ul ul {display:block; visibility:hidden;position:absolute;width:240px;
                   background:#fff;
                   border:1px solid #999; border-top:0;
                   padding:5px 20px 15px 20px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#TopNavMain .TopNavMain table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* style the second level links */
#TopNavMain .TopNavMain ul ul li{background:#fff;float:none;display:block;border-bottom:1px solid #8fd03f;
                     margin:0;padding:2px 0;}

#TopNavMain .TopNavMain ul ul a,
	#TopNavMain .TopNavMain ul ul a:visited
{
	display:block;
	float:none;
	text-align:left;
	margin:0;
	padding:0;
	line-height:20px;
	height:20px;
	width:220px;
	z-index:500;
	background-color:#fff;
}
/* style the second level hover */
#TopNavMain .TopNavMain ul ul a:hover
{                  
	color:#8fd03f;
}

#TopNavMain .TopNavMain > ul > li:hover {margin-top:5px;}

/* position the third level flyout menu for a left flyout */
#TopNavMain .TopNavMain ul ul.AfterMiddle {left:-149px;}

/* make the second level visible when hover on first level list OR link */

#TopNavMain .TopNavMain .Level1 :hover ul{/*z-index:300;*/}
#TopNavMain .TopNavMain .Level1 :hover ul.Level2{/*z-index:300;*/}

#TopNavMain .TopNavMain ul li:hover ul,
#TopNavMain .TopNavMain ul li:hover ul{visibility:visible; height:auto; }




/* LEFT HAND NAVIGATION */
.LeftNav{}
.LeftNav ul{}
.LeftNav ul li{}
.LeftNav a, .LeftNav a:visited{}
.LeftNav a:hover{}


/* BREADCRUMB */
#BreadCrumb{font-size:90%;color:#000;font-weight:bold;}
#BreadCrumb p{display:inline;margin-right:8px;}
#BreadCrumb ul{list-style:none;margin:0;padding:0;display:inline;}
#BreadCrumb ul li{display:inline;}
#BreadCrumb a, #BreadCrumb a:visited{color:#000;}
#BreadCrumb a:hover{}
#BreadCrumb .Current{font-weight:normal;}


/* INNER PAGE STYLES */
.ContentRoundTop{height:14px;background:url('../Images/content_round_top.gif') no-repeat;margin:0;padding:0;}
.ContentInner{border-left:1px solid #999;border-right:1px solid #ccc;width:945px;margin:0;padding:0 10px;background:#fff;}
.ContentInner:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.InnerTop{margin-bottom:30px;padding-top:10px;padding-left:20px;}
.ContentRoundBottom{clear:both; height:14px;background:url('../Images/content_round_bottom_white.gif') no-repeat;margin:0;padding:0;}

.MainContent h2 {height:30px; color:#fff; padding-left:10px; margin:0px; line-height:30px; font-size:100%; background:url(../Images/H2_Background.gif) left no-repeat; border-bottom:2px solid #b8b8b8;}
.MainContent h3 {padding:0; margin:0;}

.InnerLeftCol{float:left;width:200px;min-height:300px;}
.InnerLeftColContent{margin-left:20px;padding:0 10px 10px 0;}

.InnerMiddleCol {float:left;background:url(../Images/purenet_line.gif) no-repeat bottom; padding-bottom:49px;width:546px; font-size:100%;}
.InnerMiddleCol .InnerMiddleColContent {border-left:1px solid #8fd03f;}
.InnerMiddleColContent {border-right:1px solid #8fd03f; padding:0 10px;}
.InnerMiddleCol2 {background:url(../Images/inner_stripe_end.jpg) no-repeat bottom right; margin-right:199px; padding-bottom:49px; font-size:100%;}
.InnerMiddleCol2Nav {padding-bottom:49px; margin-left:200px;background:url(../Images/inner_stripe_end.jpg) no-repeat bottom left;}
.InnerMiddleCol2Nav .InnerMiddleColContent {border-right:0;  border-left:1px solid #8fd03f;}

.InnerRightCol{float:right;width:199px;min-height:300px;}

.LeftNav {font-size:95%;color:#000;font-weight:bold;padding-top:2px;}
.LeftNav h2 {font-size:170%;margin:0;padding:0;}
.LeftNav ul {list-style:none;margin:10px 0 0 6px;padding:0; text-indent:-6px;}
.LeftNav ul li {margin:4px 0;}
.LeftNav ul li a, .LeftNav ul li a:visited{color:#000;}
.LeftNav ul li a:hover{font-size:100%;}

.LeftNav .Level3 {text-indent:-17px; margin-left:17px;}
.LeftNav .Level3 a, .LeftNav .Level3 a:visited{font-size:90%;color:#777;margin-left:10px;}
.LeftNav .Level3 a:hover{font-size:90%;color:#777;margin-left:10px;}
.LeftNav .Level3 .Current a{font-weight:bold;color:#222;}

/* DOWNLOAD PAGE TEMPLATE */

.DownloadsForm {position:relative; background:#f8f8f8; border:13px solid #fbfbfb; margin:0 auto; width:90%;}
.DownloadsForm:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.DownloadsForm .Table {float:left;}
.DownloadsForm .Table .Row {margin-bottom:10px;}
.DownloadsForm .Table .Row .Column1 {margin-left:15px; width:300px;}
.DownloadsForm .input {background:#fff; display:inline-block; padding:5px;}
.DownloadsForm .Buttons {position:absolute; right:30px; bottom:20px;}
.DownloadsForm .Buttons input {width:258px; border:0; height:33px; background:url(../Images/WhitePapersDownloadButton.gif);cursor:pointer;}
.DownloadsForm .Subscribe {margin-top:20px; float:right; margin-right:30px; color:#8fd03f;}
.DownloadsForm .Subscribe label {margin-left:10px; font-weight:bold;}

.DocumentCover {position:relative;}
.DocumentCover .CheckBox{position:absolute;bottom:25px;margin:0;padding:0;}
.DocumentBlurb{}

.DownloadsList {}
.DownloadsList .Table .Row .Column {width:259px; margin:0 25px; background:url(../Images/WhitePapersBorderTop.gif) top no-repeat;padding-top:8px;}
.DownloadsList .Item {background:url(../Images/WhitePapersBackground.gif);}
.DownloadsList .Item .Description {padding:0 10px 16px 10px;}
.DownloadsList .Item .Image {text-align:center;}
.DownloadsList .Item .Title {color:#8fd03f; font-weight:bold; margin:5px 10px;}
.DownloadsList .Item .Select {background:url(../Images/WhitePapersBorderBottom.gif) bottom no-repeat; color:#8fd03f; padding:0 20px 15px 20px;}
.DownloadsList .Item .Select input {}
.DownloadsList .Item .Select label {padding-left:10px;}

/* NEWS TEMPLATES */
.HeadLine {width:529px; height:168px; background:url(../Images/NewsEventsHeadlineBackground.gif);}
#NewsContentContainer {}
#NewsContentContainer h1 {margin:0px 0px 10px 0px;font-weight:bold;}
#NewsRightCol {}

.NewsLastUpdate{}

/* News Listing */
.NewsList {position:relative;}
.NewsList .Table .Row {height:185px; background:url(../Images/NewsListAricleDivider.gif) no-repeat center top;}
.NewsList .Item {float:left; position:relative; height:185px; width:50%; font-size:90%;}
.NewsList .Item .Title {position:absolute; top:10px; left:5px; width:132px; height:79px; background:url(../Images/NewsListArticleBubble.gif) no-repeat; color:#2f2f2f; padding:15px 13px 0 13px;}
.NewsList .Item .Title a {color:#2f2f2f; font-weight:bold;}
.NewsList .Item .Image {position:absolute; top:18px; right:10px; width:70px; height:50px;}
.NewsList .Item .Description {position:absolute; top:90px; left:15px;}
.NewsList .Item .MoreInfo { position:absolute; bottom:1px;width:235px;background:#f6f6f6;text-align:right;padding:5px; margin:0 10px 0 8px;}

.HeadLine {position:relative;}
.HeadLine h3 {position:absolute; font-size:150%; width:360px; top:23px; left:40px; margin:0; padding:0;}
.HeadLine .Description {position:absolute; width:360px; top:95px; left:30px; color:#fff;}
.HeadLine .Image {position:absolute; width:88px; height:129px; right:16px; top:25px; vertical-align:middle;}
.HeadLine .Image img {vertical-align:middle; text-align:center;}
.HeadLine .MoreInfo {position:absolute; bottom:10px; right:120px; font-weight:bold;}
.HeadLine .MoreInfo a {color:#BBE28B;}

/* News Archive */
.NewsArchive {/*font-size:80%;*/}
.NewsArchive .Table{position:relative;}
.NewsArchive .Table .Row{clear:both;border-bottom:1px solid #888;margin:3px 0;padding:3px 0;}
.NewsArchive .Table .Row .Column{float:none;width:99%;}
.NewsArchive .Table .Row .ColumnFull {width:98%;}

.NewsArchive .NewsStoryContainer {margin:10px 5px 5px 0;}
.NewsArchive .NewsStoryContainer .NewsStoryImage {float:right;/*margin-right:10px;*/}
.NewsArchive .NewsStoryContainer .NewsStoryContent {}
.NewsArchive .NewsStoryContainer .NewsStoryContent .NewsStoryTitle {font-size:120%;font-weight:bold;margin:3px 0 5px 0;}
.NewsArchive .NewsStoryContainer .NewsStoryContent .NewsStoryTitle a {}
.NewsArchive .NewsStoryContainer .NewsArchiveContent{display:block;width:450px;}

.NewsArchive .NewsItemDate {font-weight:bold;color:#666;font-size:100%;margin:0;}
.NewsArchive .NewsItemTitle{color:#000;margin:0;}
.NewsArchive .NewsItemTitle h1{font-size:140%;}

.NewsArchive .ViewMore{font-size:90%;margin:0;float:left;margin-top:5px;}



.BackButton {margin-top:10px;color:#8fd03f;float:right;/*display:block;*/font-size:75%;}
.BackButton a {color:#8fd03f;text-decoration:none;font-weight:bold;}
.BackButton a:Hover {text-decoration:underline;}



/* EVENTS TEMPLATES */
.EventContentContainer{}

.EventListing .Table {position:relative;}
.EventListing .Table .Row{clear:both;border-bottom:1px solid #888;margin:3px 0;padding:3px 0;}
.EventListing .Table .Row .Column{float:none;width:99%;}
.EventListing .Table .Row .ColumnFull {width:98%;}

.EventStoryContainer {margin:10px 5px 5px 0;}
.EventStoryContainer .EventStoryImage {float:left;/*margin-right:10px;*/}
.EventStoryContainer .EventStoryContent {}
.EventStoryContainer .EventStoryContent .EventStoryTitle {font-size:120%;font-weight:bold;margin:3px 0 5px 0;}
.EventStoryContainer .EventStoryContent .EventStoryTitle a {}

.EventItemDate, .EventItemLocation {font-weight:bold;color:#666;font-size:80%;margin:7px 0;}
.EventItemTitle{color:#000;margin:7px 0;}
.EventItemTitle h1{font-size:150%;}
.EventItemLocation{}
.EventDescription{color:#888;font-size:80%;margin-top:8px;}

.EventListing .ViewMore{font-size:90%;margin:0;margin-top:5px;}

/* TOP STORIES COMPONENT */
.TopStories{}
.TopStory{padding:5px;}
.TopStory a{color:#555;}
.ViewMore{margin-top:5px;}

/* TOP EVENTS COMPONENT */
.TopEvents {}
.TopEvents .TopEvent {color:#555; margin-bottom:10px; display:inline-block;}
.TopEvents .ViewMore {margin:10px;}

.TopEvents .TopEvent .TopEventItem {margin:5px 10px 10px 0;}
.TopEvents .TopEvent .TopEventItem .TopEventTitle { font-weight:bold;}
.TopEvents .TopEvent .TopEventItem .TopEventDescription {font-size:85%;color:#999;}
.TopEvents .TopEvent .TopEventItem .MoreLink {font-weight:bold; font-weight:90%;}


/* WHITE PAPER COMPONENT */


.DocumentCover{margin:0;padding:0;}
.DocumentCover img{float:left;margin:0;padding:0;}
.DocumentCover p{margin:0;padding-top:10px;}
.DocumentBlurb p{font-size:90%;clear:left;text-align:justify;margin:0;padding:0;}

.WhitePaper .DocumentCover p{font-size:80%;}
.WhitePaper .DocumentBlurb p{font-size:80%;}


/* QUOTE COMPONENT */
.QuoteBlock{text-align:right;font-size:90%;margin:0 5px;}
.QuoteMarkTop{height:15px;background:url('../Images/quote_top.gif') center left no-repeat;}
.QuoteBody{margin:8px;font-style:italic;}
.QuoteMarkBottom{height:15px;background:url('../Images/quote_bottom.gif') center right no-repeat;}
.QuoteName{}


/* FEATURE BOXES */
.FeatureBox {width:226px;background:url(../Images/NewsStoryFooter.gif) #92d440 no-repeat bottom; padding-bottom:10px;}
.FeatureBox .Title {height:36px; font-size:120%; line-height:30px; font-weight:bold; background:url(../Images/NewsStoryHeader.gif) #92d440 no-repeat; color:#fff; text-align:center;}
.FeatureBox .Content {font-size:85%; background:#fff; border:1px solid #b4b7b8; border-top:0px; border-bottom:0px; overflow:hidden;}
.FeatureBox .Content .Text {padding:6px;}
.FeatureBox .Content .Text p {margin:0;padding:0;}
.FeatureBox .Content .Buttons {padding:0 10px;text-align:right;font-weight:bold;}
.FeatureBox .Content .Buttons span {color:#8fd03f;}
.FeatureBox .Content .Buttons a {}
.FeatureBox img {margin:0; padding:0; border:0;}

/* Sidebar Boxes */
.SideBox {text-align:right;width:180px;}
.SideBox .Title {padding-left:10px;clear:both;}
.SideBox .Title .Text {padding:14px 0px 16px 40px;font-weight:bold;float:right;display:inline;clear:both;}
.SideBox .Content .Image {}
.SideBox .Content {}
.SideBox .Content .Text {margin-top:10px;padding-left:10px;}
.SideBox .Content .Buttons a {font-weight:bold;}
.SideBox .Content .Buttons a:Hover {text-decoration:underline;}

.Downloads .Title .Text {background:url(../Images/download_icon.gif) no-repeat top left;}
.Downloads .Content {text-align:left;}
.Downloads .Content ul {list-style-type:none; margin:0; padding:0;font-weight:bold;}
.Downloads .Content .Buttons {text-align:right;}

.CaseStudies .Title .Text {background:url(../Images/Case-Study-component.gif) no-repeat top left;}
.WhitePaper .Title .Text {background:url(../Images/white_paper_icon.gif) no-repeat top left;}
.SuccessStory .Title .Text {background:url(../Images/success_icon.gif) no-repeat top left;}



/* CASE STUDIES COMPONENT */
.CaseStudies .xboxcontent{font-size:80%;}

.CaseItem{position:relative;}

.CaseItem a, .CaseItem a:visited{color:#000;/*font-weight:bold;*/font-size:150%;}

.CaseItem:hover a.CaseImage, .CaseItem:hover a.CaseImage img {z-index:-1;}
.CaseItem:hover .CaseDetails{visibility:visible;z-index:1000;}
.CaseItem p{margin:0;padding:0;}
.CaseDetails {position:absolute;visibility:hidden;top:20px;left:10px;background:url(../Images/CaseStudy_Popup_Top.gif) no-repeat top left;width:160px;text-align:left;}
.CaseDetails .CaseDetailsInner {background:url(../Images/CaseStudy_Popup_Bottom.gif) no-repeat Bottom left;padding:15px 10px 10px 10px;width:140px;}
.CaseDetails .CaseName {color:#666666;font-size:90%;}
.CaseDetails .CaseName a {font-weight:bold;color:#666666;}
.CaseDetails .CaseName a:Hover {text-decoration:underline;}
.CaseDetails .CaseTitle {margin-top:4px;}



/* CASE STUDY BLOCK */
.InnerContentBlock .Details {font-size:80%;}
.InnerContentBlock .Details h3 {font-weight:bold;font-size:130%;margin:5px 0; padding:0;}
.InnerContentBlock .Details p {margin:5px 0;}

.InnerContentBlock .Link {display:block;height:25px;width:100%;background:#f6f6f6;font-size:85%;text-align:right;padding-top:5px;}
.InnerContentBlock .Link a {font-weight:bold;margin-right:15px;}

.SummaryBox {width:290px;}
.SummaryBox .Image {text-align:center;}
.SummaryBox .Details {font-size:80%;}
.SummaryBox .Details h3 {font-size:120%; font-weight:bold; color:#90c848;}
.SummaryBox .Details .Description {min-height:92px;}

/* Contact Us Form Start */

.ContactUsForm {width:385px; background:url(../Images/ContactUs_Header_BG.gif) no-repeat top; padding-top:10px;}
.ContactUsForm .Table {border-left:1px solid #8CC63F;border-right:1px solid #8CC63F; padding-bottom:10px;}
.ContactUsForm .Bottom {background:url(../Images/ContactUs_Footer_BG.gif) no-repeat bottom #fff; width:385px; height:10px;}

.ContactUsForm .Table .Row {padding:5px 20px 0px 20px; }
.ContactUsForm .Table .Column1 {width:150px;}
.ContactUsForm .Table .Column2 input,
	.ContactUsForm .Table .Column2 textarea {width:185px;}
.ContactUsForm .Table .Column2 select {width:190px;}

.ContactUsForm .Table .Buttons {margin-left:0; text-align:right;}

.ContactUsForm .Table .Validator {padding:10px 20px;}

/* Contact Us Form End */


