﻿body{margin:0;padding:0;background-image:url(../App_Images/Assets/headerGradiant.jpg);background-repeat:repeat-x;background-color:#E6E6E6;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;font-size:12px;}
h1, h3, h4{font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;color:#E3370D;margin:0;}
h2{font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;margin-top:0;}

h4{font-size:24px;} /*Header Slogan*/
h1{font-size:22px;} /*Page Content Header*/
h2{font-size:15px;font-weight:normal;} /*Page Content Sub Header*/
h3{font-size:15px;padding-top:6px;} /*category headers*/

.mainContent ul{padding-left:20px;margin:5px 0;}
.mainContent ul li{padding:2px 0;}
.mainContent ul li ul{list-style-type:decimal;}/*border:1px dotted #999;padding:5px 5px 5px 25px}*/
.sidebar ul, .learnMoreBox ul{list-style-type:none;margin:0;padding:0;}
.sidebar ul li, .learnMoreBox ul li{background-image:url(../App_Images/Assets/arrow.gif);background-position:0 6px;background-repeat:no-repeat;margin:6px 0;padding:0 0 0 11px;}
.sidebar ul li a, .learnMoreBox ul li a{color:#000;}
.sidebar ul li a:hover, .learnMoreBox ul li a:hover{color:#E3370D;}
p{line-height:157%;margin:5px 0;background:transparent;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.bodyContentCase a, .sidebar .sidebarBox .sidebarBoxContent p a{color:#000;text-decoration:underline;}
.bodyContentCase a, .sidebar .sidebarBox .sidebarBoxContent p a:hover{color:#E3370D;}

/*site*/
.site{width:956px;margin:0 auto;}

/*header*/
.header{height:206px;background-image:url(../App_Images/Assets/headerPeople.jpg);background-repeat:no-repeat;position:relative;}
.header .logo{display:block;position:absolute;left:36px;top:53px;width:165px;height:56px;background-image:url(../App_Images/Assets/headerLogo.jpg);background-repeat:no-repeat;text-indent:-5000px;}
.header .contactLinks{position:absolute;top:20px;right:8px;font-size:12px;color:#777;}
.header .contactLinks a{color:#777;}

.header .slogan{position:absolute;top:80px;right:30px;width:350px;font-size:12px;}

/*main box*/
.mainBodyContent{width:664px;float:left;margin-right:9px;}

/*body content*/
.bodyContentCase{height:488px;overflow:hidden;background-color:#FFF;border:1px solid #D2D2D2;background-image:url(../App_Images/Assets/bodyContentBG.jpg);background-position:bottom;background-repeat:no-repeat;min-height:400px;position:relative;}
.bodyContentCase .announcementsButton{width:268px;height:33px;background-image:url(../App_Images/Buttons/announcements.jpg);background-repeat:no-repeat;position:absolute;right:11px;top:11px;z-index:99;}
.bodyContentCase .announcementsButton a{display:block;padding:8px 0 6px 15px;color:#E3370D;text-decoration:none;}
.bodyContentCase .previousAnnouncementsBox{width:270px;height:297px;position:absolute;top:46px;right:9px;background-image:url(../App_Images/Assets/dropdownBG.gif);background-repeat:no-repeat;}
.bodyContentCase .previousAnnouncementsBox a{display:block;border-bottom:1px solid #DCDBDB;padding:10px 11px;text-decoration:none;color:#E3370D;margin:1px 5px 0 1px;}
.bodyContentCase .previousAnnouncementsBox a:hover{background-color:#F8F8F8;}
.bodyContentCase .previousAnnouncementsBox a img{border:1px solid #D2D2D2;float:left;margin-right:10px;}
.bodyContentCase .previousAnnouncementsBox a span.dateText{display:block;padding:3px 0;color:#999;font-size:10px;}
.bodyContentCase .previousAnnouncementsBox a.btnViewAll{height:33px;padding-top:15px;border-bottom:none;margin-bottom:0;padding-bottom:0;}

.bodyContentCase .bodyContent{padding:26px 21px 0 34px;position:inherit;display:block;overflow:visible;}
.bodyContentCase .bodyContent .mainContent{width:365px;float:left;margin-right:20px;position:relative;}
.bodyContentCase .bodyContent .mainContent .dateText{margin:0;font-size:11px;}

.bodyContentCase .mainSideContent{width:220px;float:left;margin-top:27px;position:relative;}
.bodyContentCase .mainSideContent .learnMoreBox{padding:8px;background-color:#F2F2F2;margin: 10px 0 0;font-size:12px;}
.bodyContentCase .mainSideContent .learnMoreBox .learnMoreContent{border:1px solid #D2D2D2;padding: 8px 18px;background-color:#FFFFFF;position:inherit;display:block;}
.bodyContentCase .mainSideContent .learnMoreBox .learnMoreContent strong{color:#E3370D;}

.bodyContentCase .mainSideContent .viewProductPageLink{margin-top:42px;font-weight:bold;display:block;font-size:11px;}

/*bottom box*/
.bottomBox{width:662px;float:left;font-size:11px;}
.bottomBox h3{padding-top:0;}

.bottomBox .askTheExpertsBox{width:324px;height:136px;float:left;margin-right:10px;margin-top:10px;background-color:#FFF;border:1px solid #D2D2D2;background-image:url(../App_Images/Assets/bottomBoxBG.jpg);background-position:bottom;background-repeat:no-repeat;}
.bottomBox .askTheExpertsBox .askTheExpertsContent{padding:20px 20px 0 20px;}
.bottomBox .askTheExpertsBox .askTheExpertsContent img{float:left;margin: 0 20px 45px 0;}
.bottomBox .askTheExpertsBox .askTheExpertsContent p{line-height:1.5em;}
.bottomBox .askTheExpertsBox .askTheExpertsContent a{color:#000;text-decoration:underline;}
.bottomBox .askTheExpertsBox .askTheExpertsContent a:hover{color:#E3370D !important;}
.bottomBox .boxend {margin-right:0;}
.bottomBox .industryResourcesBox{height:162px;}
.bottomBox .industryResourcesBox p{margin-bottom:12px;}
.bottomBox .industryResourcesBox h3{padding-top:3px;}
.bottomBox .industryResourcesBox img{border:none;float:none;margin:0 8px 0 0 !important;}
.industryLinks{float:left;width:95px;padding-top:4px;}
.industryLinks2{float:left;width:55px;padding-top:4px;}

.eNewsSignupBox{width:324px;border:1px solid #D22213;height:162px;margin-top:10px;background-image:url(../App_Images/Assets/eNewsSignupBG.jpg);background-repeat:repeat-x;background-position:bottom;background-color:#EE3C22;margin-bottom:10px;float:left;}
.eNewsSignupBox .eNewsSignupContent{padding:14px 18px 0;}
.eNewsSignupBox .eNewsSignupContent h3{color:#FFF;margin-bottom:6px;padding-top:9px;}
.eNewsSignupBox .eNewsSignupContent input.emailText{width:162px;margin-right:5px;}
.eNewsSignupBox .eNewsSignupContent input.emailTextWatermark{color:#999;}
.eNewsSignupBox .eNewsSignupContent input.btnSubscribe{width:72px;}
.eNewsSignupBox .eNewsSignupContent a{font-size:9px;color:#EE8E83;}
.eNewsSignupBox .eNewsSignupContent p{line-height:1.5em;color:#FFF;}

/*sidebar*/
.sidebar{width:283px;float:left;font-size:11px;}
.sidebar h3{font-size:14px;padding-top:0px;}
.sidebar p{line-height:1.5em;}

.sidebar .sidebarBox{border:1px solid #D2D2D2;border-top:none;background-color:#FFFFFF;background-image:url(../App_Images/Assets/sidebarBoxBG.jpg);background-position:bottom;background-repeat:no-repeat;margin-bottom:10px;}
.sidebar .sidebarBox .sidebarBoxContent{background-image:url(../App_Images/Assets/sidebarBoxTopBG.jpg);background-repeat:repeat-x;padding:30px 18px;}
.sidebar .sidebarBox .sidebarBoxContent p{padding-right:65px;}

.sidebar .sidebarBox .sidebarBoxContent ul li{position:relative;}
.sidebar .sidebarBox .sidebarBoxContent ul li .hoverBox{display:none;width:160px;border:1px solid #D2D2D2;position:absolute;top:0px;left:60px;background-color:#FFF;z-index:90;}
.sidebar .sidebarBox .sidebarBoxContent ul li .hoverBoxCont{padding:3px 8px;display:block;}
.sidebar .sidebarBox .sidebarBoxContent ul li:hover .hoverBox, .sidebar .sidebarBox .sidebarBoxContent ul li .hoverBox:hover{display:block !important;}
.hoverBoxHover span{display:block !important;}
.supportText{color:#EE3C23;font-weight:bold;margin:0;line-height:normal !important;padding-top:15px;}

.sidebar .designAndAnalysisBox{background-image:url(../App_Images/Assets/designAndAnalysisBG.jpg);}
.sidebar .searchSolutionsBox{background-image:url(../App_Images/Assets/searchSolutionsBG.jpg);}
.sidebar .catalogCentralBox{background-image:url(../App_Images/Assets/catalogCentralBG.jpg);}
.sidebar .popularSystemConfigBox .sidebarBoxContent{padding-top:25px;padding-bottom:19px}
.sidebar .popularSystemConfigBox p{padding-right:0 !important;}
.sidebar .popularSystemConfigBox img{float:right;margin-left:8px;margin-top:5px;}

/*footer*/
.footer{height:189px;background-image:url(../App_Images/Assets/footerBG.jpg);background-repeat:repeat-x;}
.footer .footerContent{width:956px;margin:0 auto;color:#999;position:relative;padding-top:20px;}
.footer .footerContent a{color:#999;}
.footer .footerContent .rightLinks{position:absolute;top:20px;right:8px;}

/*extras*/
.arrowLink{background-image:url(../App_Images/Assets/arrow.gif);background-position:0 6px;background-repeat:no-repeat;padding-left:11px;color:#000 !important;}
.arrowLink:hover{color:#E3370D !important;}
.mainContent .arrowLink{font-weight:bold;}
.clearall{clear:both;display:block;} /*I added display block because i use this class on a span because A tags cant have divs inside them*/