@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background: #fff;
	font-family: Verdana, Geneva, sans-serif;
}
a{
	color:#00498f;
	outline: 0;
}
a:hover{
	color: #C00;
}
a:hover, a:active, a:focus, input:focus, :focus {
    outline: 0 !important;
}
a img {
	border:none;
	text-decoration: none;
}
#container{
	width:982px;
	margin: 0 auto;
}
#cmsContainer{
	width:739px;
	margin: 0 auto;
}

/* ----- banner across top of site ----- */
.announcement {
    background: #fdf0de;
    box-shadow: 0 0 2px #ccc;
    color: #555;
    border-bottom: solid 1px #d5d5d5;
    font-size: 12px;
    padding: 7px 0;
    text-align: center;
}

/* ------ Header ------ */
#header{
	background: #fff;
	margin: 38px 0 0 0;
	float: left;
	width: 100%;
}
.logo{
	float:left;
	width:305px;
}
#search{
	float:right;
	width: 158px;
	margin: 8px 0 0 0;
}
#search input{
	width: 138px;
	height:17px;
	font-size: 11px;
	color: #666;
	padding:2px 0 0 20px;
	margin:0;
	background: url(../images/search-icon.gif) 0 0 no-repeat;
	border: 1px solid #ccc;
	vertical-align: middle;
}

/* ------ Side Bar Area ------ */
#sidenav{
	padding: 0 0 10px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #CCC;
}
#sidenav h1, #sidenav h2{
	font-weight:normal;
	text-transform:uppercase;
	font-size: 16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
	padding:0;
}
#sidenav a{
	text-decoration:none;
	display:block;
}
#sidenav ul{
	margin:0 0 10px;
	padding:0;
	list-style:none;
}
#sidenav li{
	margin:0;
	padding:0;
	list-style:none;
}
#sidenav li a{
	/*background: url(../images/sidenav-bg.gif) 0 0 no-repeat;
	height:25px;
	width:182px;
	padding: 6px 0 0 22px;
	margin: 0 0 5px;*/
	font-size: 11px;
	line-height: 15px;
	position: relative;
	margin: 0 0 0 -14px;
	padding: 2px 0 2px 14px;
	width: 216px;
}
#sidenav li li a{
	padding: 0 0 0 22px;
	margin: 0;
	width: 194px;
}
#sidenav li a:hover{
	text-decoration: underline;
}
#sidenav li a.active{
	/*color: #af006e ;
	background: url(../images/arrow-active.png) 0 4px no-repeat;*/
	background: #E6E6E6 url(../images/arrow-active-white.png) 0 6px no-repeat;
}
/* ------ Content ------*/
#content{
	background:url(../images/content-background.png) 0 0 repeat-y;
	min-height: 400px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
}
#colLeft{
	float:left;
	width:711px;
	padding: 0 14px 20px 14px;
}
#colLeft h1{
	font-size: 34px;
	line-height: 36px;
	color: #2b8a1f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing:-1px;
	margin:14px 0;
	padding:0;
}
#colLeft h2{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.helpSection h2 {
	font-size: 14px !important;
	color: #444;
	margin-top: 35px !important;
}
.helpSection>h2:target {
	background: #ffffcc;
	padding: 3px 10px !important;
}
.intro{
	font-size:14px;
	line-height: 22px;
}
#colLeft .homeIntro h1{font-size:30px; color:#2b8a1f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  margin:0 0 16px 0; padding:0; line-height:36px; letter-spacing:-1px;}
#breadcrumbs{
	font-size:11px;
	margin: 0 0 0 0;
	color: #666;
}
#breadcrumbs a{
	text-decoration:none;
}
#breadcrumbs a:hover{
	text-decoration:underline;
}
#shoutbox{
	background: #f2f2f2;
	padding:0 8px;
}
#shoutbox h1{
	margin:0 0 5px 0;
	padding:0;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2b8a1f;
	font-weight: normal;
	text-transform: none;
}
#testimonials, #quotes{
	background: #005433;
	border: 1px solid #005433;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:15px;
	width:680px;
}
#quotes{
	background: #a1cceb;
	border: 1px solid #a1cceb;
}
#testLeftSide{
	float:left;
	width:100px;
}
#testRightSide{
	float:right;
	width:570px;
}
.quote{
	background:#fff;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:15px;
	margin-bottom:15px;
	width: 539px;
	line-height: 20px;
	font-size:12px;
}
/* ------ Products ------ */
.prodDivider, .prodDivider2{
	width:200px;
	border-right: 1px solid #CCC;
	float:left;
	padding:0 10px;
}
.prodDivider2{
	border-right: none;
}
.prodLeft{
	float:left;
	width:357px;
}
.prodRight{
	float:right;
	width:314px;
	padding:0 0 0 40px;
	text-align:right;
}
.prodLine{
	height:5px;
	width:100%;
	background: #d87233;
}
.prodLineGreen{
	height:5px;
	width:100%;
	background: #2b8a1f;
}
.prodLineBlue{
	height:5px;
	width:100%;
	background: #004990;
}
#orangeBack{
	background: #d87233;
	border: 1px solid #d87233;
}
#blueBack{
	background: #004990;
	border: 1px solid #004990;
}
#greenBack{
	background: #2b8a1f;
	border: 1px solid #2b8a1f;
}
#orangeBack, #blueBack, #greenBack{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px 10px 0 10px;
	width:690px;
	line-height: 20px;
	font-size:12px;
}
.orangeSection{
	background: #f2e0d5;
	border: 1px solid #f2e0d5;
}
.blueSection{
	background: #e0ebf6;
	border: 1px solid #e0ebf6;
}
.greenSection{
	background: #d8e9d6;
	border: 1px solid #d8e9d6;
}
.orangeSection, .blueSection, .greenSection{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:15px;
	width:660px;
	margin-bottom:10px;
}
.greenSection ul, .blueSection ul, .orangeSection ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 25px;
	line-height:16px;
}
.greenSection li{
	background:url(../images/green-check.png) left top no-repeat;
	padding:0 0 0 40px;
	margin-bottom: 15px;
	min-height:28px;
}
.blueSection li{
	background:url(../images/blue-check.png) left top no-repeat;
	padding:0 0 0 40px;
	margin-bottom: 15px;
	min-height:28px;
}
.orangeSection li{
	background:url(../images/orange-check.png) left top no-repeat;
	padding:0 0 0 40px;
	margin-bottom: 15px;
	min-height:28px;
}
.orangeButton{
	color: #b74906;
	background: #f0af88;
	border: 1px solid #d87233;
}
.blueButton{
	color: #004990;
	background: #a8c9e9;
	border: 1px solid #8cb8e3;
}
.greenButton{
	color: #2b8a1f;
	background: #abcfa7;
	border: 1px solid #2b8a1f;
}
.orangeButton, .blueButton, .greenButton{
	display:block;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration:none;
	padding:2px 15px;
	
	float:left;
	margin-right:10px;
	text-align:center;
}
.orangeButton:hover{
	background: #f9cfb6;
}
.blueButton:hover{
	background: #c9dff5;
}
.greenButton:hover{
	background: #c6ddc3;
}
/* ------ Benefits ------ */
#benefitsLeft{
	float:left;
	width:301px;
}
#benefitsRight{
	float:right;
	width:410px;
	height:494px;
	background: url(../images/benefits-background.jpg) 0 bottom no-repeat;
	margin-top:20px;
}
#benefitsRight a{
	z-index:99px;
}
/* ------ Uses ------ */
#usesLeft{
	float:left;
	width:366px;
}
#usesRight{
	float:right;
	width:345px;
	height:400px;
}


/* ------ Media ------ */
.greyBar{
	background: #E5E5E5;
	clear:both;
	padding: 8px 10px 15px 10px;
}
.whiteBar{
	clear:both;
	padding: 8px 10px 15px 10px;
}
.newsDate{
	color: #2b8a1f;
	font-weight:bold;
	width:130px;
	font-size:11px;
	float:left;
}
.newsLink{
	float:right;
	width:561px;
}

/* ------ Contact Form ----- */
#contact{
	margin: 20px 0 0 0;
	line-height: 20px;
	font-size:12px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:15px;
	width:681px;
	color: #036;
}
.salesBck{background: url(../images/contactBck.png) 0 bottom no-repeat #b9ddf6; border: 1px solid #b9ddf6;}
.supportBck{background: url(../images/contactBck2.png) 0 bottom no-repeat #d1e9c9; border: 1px solid #d1e9c9;}
#contact h2{
	margin:0;
	padding:0;
	font-size:14px;
}
#contact fieldset {
	clear: both;
	border: 0;
	margin: 0 0 5px;
	padding: 0;
}
#contact label{
	text-align:right;
	width:127px;
	display:block;
	float:left;
	margin: 0;
	padding: 3px 10px 0 0;
}
#contact fieldset input {
	/*height:20px;*/
	width: 228px;
	float:left;
	border: 1px solid #FFF;
	margin: 0;
	padding: 3px 10px;
	color: #666;
}
#contact textarea {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	color: #666;	
}
#contact fieldset input#zipcode {}
#contact #schoolInfo fieldset input {
	width: 228px;
}
#contact table#radio input{
	float:left;
	padding:0;
	width: 10px;
	border:none;
}
#contact fieldset select{
	border: 1px solid #FFF;
	margin: 0;
	padding: 2px 2px;
	width: 250px;
	float: left;
	color: #666;
}
#contact fieldset select.disabled {
	background: #D0D3D5;
}
#contact textarea {
	width: 365px;
	border: 1px solid #FFF;
	height: 90px;
	padding: 3px 10px;
	margin: 0 0 10px 0;
	color: #666;
}
#contact button{
	padding: 0;
	margin: 0 0 0 260px;
	cursor: pointer;
	background: url(../images/button_send.png) 0 0 no-repeat;
	width: 140px;
	height: 36px;
	border:none;	
}
#contactTopLeft{float:left; width:410px;}
a.chatButton{display:block; width:241px; height:60px; background: url(../images/chat-bt.jpg) 0 0 no-repeat;}
a.chatButton:hover{background-position: 0 -60px;}
#cform{
	float:left;
	width:390px;
	padding: 0;
}
#addressInfo{
	float:right;
	width: 270px;
	padding: 0;
}
#yourSalesRep {
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../images/your-rep-bottom.png) bottom left no-repeat;
}
#yourSalesRep .repInfo {
	margin: 0;
	padding: 10px;
	background: url(../images/your-rep-top.png) top left no-repeat;
}
#contact .bottomForm {
	margin-top: 5px;
}
#errorMsgWide{
    background: #FFFF66;
    border: 2px dashed #900;
    padding:15px;
    color: #333;
    width: 800px;
    margin:20px auto 0;
    font-size:12px;
    text-align: center;
    line-height: 14px;
    margin-bottom:20px;
   
}


#errorMsg{
	background: #FFFF66;
	border: 2px dashed #900;
	padding:15px;
	color: #333;
	width: 400px;
	margin:20px auto 0;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	line-height: 14px;
}
#errorMsg ul{ padding:0; margin:0; list-style: none;}
#errorMsg ul li{text-align:center; font-weight: normal !important;margin: 0; padding: 0;}
#contact textarea.error, #contact input.error, #contact select.error{border: 2px solid #900;}
.success {
	background: #CCFFCC;
	border: 2px dashed #006600;
	padding:8px 10px;
	color: #333;
	margin:20px auto 0;
	font-size:12px;
	text-align:center;
	width:335px;
	line-height:14px;
}
#sideAnchors{
	float:left;
	width: 190px;
	padding-right:50px;
}
#sideAnchors a{
	display:block;
	margin-bottom:10px;
}
#anchorContent{
	float:right;
	width:471px;
}
#anchorContent h2{
	font-weight:bold;
	font-weight:14px;
	margin-bottom:15px;
	text-transform:uppercase;
	color: #2b8a1f;
}
hr{
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0;
	margin: 0 0 16px 0;
}


/* ------ Right Side ------ */
#colRight{
	float:right;
	width:204px;
	padding: 0 14px;
	line-height: 18px;
	font-size:12px;
}
#colRight h2{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0;
	color: #191919;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.header2{font-weight:bold;font-size:16px; margin:0 0 10px 0; padding:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;}

#products, #samplesshout, #trialshout, #contactshouthelp, #trainingshout, #ccssbadge{
	padding-top: 5px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
a#samples, a#trial, a#contactsidebar, a#trainingsidebar, .header2{
	display:block; text-decoration:none;
}

#products a{
	display:block;
	line-height: 24px;
	color: #2b8a1f;
}
#products a:hover{
	color: #C00;
}
#products h2{
	color: #2b8a1f;
}
#trial, #contactsidebar{
	color: #ae0d48;
}
a#samples, a#trainingsidebar{
	color:#d87233;
}
a#samples:hover, a#trainingsidebar:hover{
	color:#9d3d02;
}
a#trial:hover, a#contactsidebar:hover{
	color:#6d0128;
}


#connect a.social{
	text-decoration: none;
	font-size: 11px;
	margin:0 5px 5px 0;
}
#connect h2, #connect{
	color:#00498f;
}
a#blueShout{
	background: url(../images/blue-shoutbox.jpg) 0 0 no-repeat;
	width:323px;
	height:127px;
	color: #013669;
	float:left;
	padding:10px;
	line-height:16px;
	margin-top:17px;
	display:block;
	text-decoration:none;
}
a#blueShout:hover{background: url(../images/blue-shoutbox-over.jpg) 0 0 no-repeat;}
 a#yellowShout{
	background: url(../images/yellow-shoutbox.jpg) 0 0 no-repeat;
	width:170px;
	height:127px;
	color: #8f2000;
	float:right;
	padding:27px 5px 10px 181px;
	line-height:16px;
	display:block;
	text-decoration:none;
}
a#yellowShout:hover{background: url(../images/yellow-shoutbox-over.jpg) 0 0 no-repeat;} 
a#mayShout{
	background: url(../images/may-shoutbox.jpg) 0 0 no-repeat;
	width:191px;
	height:127px;
	color: #8f2000;
	float:right;
	padding:27px 150px 10px 15px;
	line-height:16px;
	display:block;
	text-decoration:none;
}
a#mayShout:hover{background-position: 0 -164px;} 
a#mayShout .watchVideo {margin-top: 22px;}
a#mayShout .boxHeader {margin-bottom: 25px; }

a#homeShout1, a#homeShout2{
	position: relative;
	height:157px;
	width:166px;
	margin: 17px 0 0 0;
	line-height:16px;
	display:block;
	text-decoration:none;
}
a#homeShout1 {
	background: #95b8de url(../images/homeshout1-bg.png) 0 0 repeat-x;
	color: #013669;
	float: left;
	width:140px;
	padding:25px 10px 20px 200px;
	text-shadow: 1px 1px 0 #E3EEF9;
}
a#homeShout2 {
	background: #fdbe33 url(../images/homeshout2-bg.png) 0 0 repeat-x;
	color: #8f2000;
	float:right;
	padding:25px 10px 20px 174px;
	text-shadow: 1px 1px 0 #f2e7c9;
}
#homeShout1 .r1, #homeShout1 .r2, #homeShout1 .r3, #homeShout1 .r4, #homeShout2 .r1, #homeShout2 .r2, #homeShout2 .r3, #homeShout2 .r4 { display: block; position: absolute; height: 5px; width: 5px; }
#homeShout1 .r1, #homeShout2 .r1 { top: 0; left: 0; background: url(../images/shout-corner-tl.png) 0 0 no-repeat; }
#homeShout1 .r2, #homeShout2 .r2 { top: 0; right: 0; background: url(../images/shout-corner-tr.png) 0 0 no-repeat; }
#homeShout1 .r3, #homeShout2 .r3 { bottom: 0; left: 0; background: url(../images/shout-corner-bl.png) 0 0 no-repeat; }
#homeShout1 .r4, #homeShout2 .r4 { bottom: 0; right: 0; background: url(../images/shout-corner-br.png) 0 0 no-repeat; }
#homeShout1 .watchVideo { position: absolute; bottom: 20px; right: 20px;  }
#homeShout2 .watchVideo { position: absolute; bottom: 20px; right: 20px;  }
a#homeShout1:hover { background: #acc9e7; }
a#homeShout2:hover { background: #F8C957; }
a#homeShout1 strong, a#homeShout2 strong { display: block; text-transform: uppercase; padding: 0 0 10px 0; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold; }
a#homeShout1 img, a#homeShout2 img { position: absolute; top: 16px; left: 8px; }

#greenShout{
	background: url(../images/green-shoutbox.jpg) 0 0 no-repeat;
	width:346px;
	height:127px;
	color: #135e25;
	float:right;
	padding:27px 5px 10px 5px;
	line-height:16px;
	display:block;
	text-decoration:none;
}

#greenShout img{float:left; margin-right:8px;}
.signup{
	display:block;
	margin-top:10px;
}
a#blueShout .boxHeader, a#yellowShout .boxHeader, #greenShout .boxHeader, #mayShout .boxHeader{
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
}
a#blueShout img{
	float:left;
	margin-right:15px;
}
a.orderNow{
	display:block;
	background: url(../images/order-now-bt.gif) 0 0 no-repeat;
	height:29px;
	wdith:140px;
	/*margin-left:29px;*/
}
a.orderNow:hover{
	background-position: 0 -29px;	
}
	
.fsbutton {
	background: url(../images/fsbutton.png) no-repeat scroll 0 0 transparent;
}

.bftbutton {
	background: url(../images/bftbutton.png) no-repeat scroll 0 0 transparent;
}

.onbutton {
	background: url(../images/onbutton.png) no-repeat scroll 0 0 transparent;
	margin-top:25px!important;
}
		
.fsbutton, .bftbutton, .onbutton {
    color: #FFFFFF !important;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px!important;
    margin: 10px 0 0 0;
    padding: 1px 0 0 14px;
    text-align: left;
    text-decoration: none;
    width: 146px;
}

.fsbutton:hover, .bftbutton:hover, .onbutton:hover {
	background-position: 0 -25px;
	color: #FFF !important;
	text-decoration: none !important;
}


/* ------ Site Map ------ */
.sitemap{
	float:left;
	width:106px;
	border-right: 1px solid #ccc;
	padding: 0 18px;
	line-height:16px;
	min-height: 300px;
	height: auto !important;
	height:300px;
}
.sitemap ul, .sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
.sitemap li ul{
	margin-left:15px;
}
.sitemap a{
	display:block;
	text-decoration:none;
	padding-bottom:10px;
}
.sitemap a.toplevel{
	font-weight:bold;
}
.sitemap li ul a{
	color: #36C;
}
.sitemap li ul a:hover{
	color: #C00;
}
.firstrow{
	padding-left:0;
}
.endrow{
	border:none;
}
/* ------ Footer ------ */
#footer{
	font-size:10px;
	color: #666;
	padding: 5px 0 20px 14px;
}

/* ------ Misc ------ */
.floatL {
    float: left;
}
.clear{
	clear:both;
	content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.learnMore, .readMoreYellow, .readMorePink, .readMoreRed, .readMoreGreen{
	background: url(../images/arrow-bt.png) right 4px no-repeat;
	display:block;
	text-align:right;
	font-size:11px;
	text-decoration:none;
	padding: 0 18px 0 0;
}
.watchVideo{
	margin-top:5px;
}
.readMoreYellow{
	background: url(../images/arrow-bt-yellow.png) right 4px no-repeat;
	color:#d87233;
}
.readMorePink{
	background: url(../images/arrow-bt-pink.png) right 4px no-repeat;
	color: #ae0d48;
}
.readMoreRed{
	background: url(../images/arrow-bt-red.png) right 4px no-repeat;
	color: #8f2000;
}
.readMoreGreen{
	background: url(../images/arrow-bt-green.png) right 4px no-repeat;
	color: #015c19;
}
.backToTop{
	font-size:11px;
	text-decoration:none;
	padding: 0 12px 0 0;
	background: url(../images/arrow-bt-up.png) right 6px no-repeat;
	display:block;
	margin: 15px 0;
	width:70px;
}
.right, .rightBorder{
	float:right;
	margin:0 0 0 30px;
	display:block;
}
.rightBorder{border:1px solid #ccc;}
.left{
	float:left;
	margin:0 30px 0 0;
	display:block;
	border:1px solid #ccc;
}
.leftnoborder{
	float:left;
	margin:0 30px 0 0;
	display:block;
}
a.pdf{
	background: url(../images/ico-pdf.gif) right 2px no-repeat;
	padding: 0 16px 0 0;
}
.blueborder{
	border: solid 2px #039;
}
#videoPlayer{
	padding: 10px 40px 0 20px;
}

.awardbody{
	width: 711px;
	height: 100px;
}

.awardleft{
	float:left;
	width:180px;
	margin-bottom:35px;
	text-align:center;
}
.awardright{
	float:left;
	width:521px;
	margin: 0 0 35px 10px;
}

.awardclear {
clear:both;
}

/* ------ Advisors ------ */

#advisory a{
	display:block;
	float:left;
	width: 237px;
	height: 190px;
	text-decoration:none;
	color: #666;
	text-align:center;
	margin: 10px 0 20px 0;
	padding-top:10px;
	font-weight:bold;
}
#advisory a:hover{
	background: #E8E8E8;
}
#advisory img{
	margin-bottom:8px;
	border: 1px solid #999;
}

/* ------ Tool Tip ------ */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #E8E8E8;
	padding: 15px;
	width:550px;
	}
#tooltip h3, #tooltip div { margin: 0 0 15px 0; color:#333; font-size:16px;}
#tooltip div{
	font-size:13px;
}

/* ----- Shout Area ----- */

a.shoutArea, .shoutArea2{
	background: #e4e4e4;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	color: #116db0;
	display:block;
	text-decoration:none;
	line-height:18px;
	font-size:13px;
}
a.shoutArea:hover{
	background: #d3d2d2;
	border: 1px solid #d3d2d2;}
a.shoutArea img.left, .shoutArea2 img.left{border:none; margin: 0 10px 0 0;}
.shoutArea2 a{text-decoration:none;}


/**** HELP SECTION ****/

#rainbowbar {
	clear: both;
	height: 25px;
	background: url(../images/rainbow-bar.png) bottom no-repeat;
	padding: 12px 0 0 0;
	margin: 0 0 22px 0;
}
.homeLinks {
	float: left;
	width: 100%;
}
.homeLinks h2 {
	color: #0c7c32;
	font-weight: normal !important;
	font-size:18px !important;

	margin-top: 0 !important;
}
.homeLinks ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-weight: bold;
}
.homeLinks ul ul {
	margin: 0 0 10px 10px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
.homeLinks ul li {
	margin: 0;
	padding: 0;
}
.homeLinks ul li a {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.productname a {
	font-weight: bold !important;
}
.productname li a {
	font-weight: normal !important;
}
.homeLinks ul li li a {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.small { font-size: 85%;}


/**** BROWSER REQUIREMENTS ****/
.grid .header { background-color:#0066cc; color:#ffffff; text-align:center; font-weight:bold; }
.grid  {margin-top: 30px; }
    .grid .category { background-color:#F4F4F4; }
    .grid table { table-layout: fixed; border: 1px solid #cccccc; border-collapse: collapse; }
    .grid td { padding: 5px; border: 1px solid #cccccc; }
    .message table { table-layout: fixed; border: 1px solid #000000; border-collapse: collapse; }
    .message td { padding: 5px; border: 1px solid #000000; }
	

table.usage {
	width: 100%;
}
table.usage h2 {
	font-size: 14px !important;
}
table.usage td {
	width: 33%;
	vertical-align: top;
	padding: 0 20px 0 0 ;
}
table.usage ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
table.usage ul li {
	margin: 0;
	padding: 5px 0;
	line-height: 18px;
}

.toolTip {
	display: inline-block;
	padding: 0 18px 0 0;
	background: url(/images/icon-question.png) right no-repeat;
	cursor: help;
}

.helpSection a[href$=".pdf"] { display: inline-block; padding: 0 13px 0 0; background: url(../images/ico-pdf.gif) right no-repeat; }

#awards { padding: 30px 0 0 0px; }
#awardsTop { padding: 0px 0 20px 0px; }
img.razcodie { margin: 39px 87px 0 0; }


.readingBundle { display: block; font-size: 12px; line-height: 15px; text-decoration: none; color: #666; }
.readingBundle strong { display: block; color: #00498F; text-decoration: underline; padding-bottom: 5px; }
.readingBundle:hover strong { color: #cc0000 !important; text-decoration: underline; }
.readingBundle img.screenshotBundle { float: left; margin: 0 10px 0 0; }

/*** NEW PRODUCT LAYOUT 7/11 ***/

#productsTable {
	margin-left: -20px;
}
#productsTable .prodInfo {
	float: left; 
	width: 210px;
	margin: 0 0 30px 20px;
}
#productsTable .prodInfo h2 {
	color: #0D3880 ;
	margin-bottom: 0 ;
	padding: 0 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	white-space:nowrap;
}
#productsTable .divider {
	clear: both;
	/*border-top: 1px solid #BEC0C0;
	border-bottom: 1px solid #FFF;*/
	margin: 0 5px 30px 20px;
}

.buttonSm {
    background: url(../images/button-sm1.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin: 10px 0 0 0;
    padding: 1px 0 0 14px;
    text-align: left;
    text-decoration: none;
    width: 124px;
}
.buttonSm:hover {
	background-position: 0 -25px;
	color: #FFF !important;
	text-decoration: none !important;
}


.oneSheet { width: 305px; color: #D87233; text-decoration: none; display: block; font-weight: bold; }
.oneSheet img.oneSheetImage { float: left; margin: 0 9px 0 0; border: 2px solid #D87233; box-shadow: 5px 5px 3px #ddd; }
.oneSheet span  { text-decoration: underline; color: #0049B6; }
.oneSheet:hover  { text-decoration: none; color: #D87233; }
.oneSheet:hover span  { color: #cc0000; }

ul.faqList { margin: 10px 0; padding: 0; list-style: none; }
ul.faqList li { margin: 0; padding: 6px 0 6px 13px; font-size: 12px; line-height: 14px; background: url(/images/bullet-yellow.png) 0 10px no-repeat; }

ul.noBullets { margin: 0 0 20px; padding: 0; list-style: none; }
ul.noBullets li { margin: 0; padding: 3px 0; }

.greyArea { padding: 30px 20px 0; background: #E7E8E8; border-radius: 10px; float: left; width: 671px; }
.greyArea .videosDiv { float: left; margin: 0 15px 20px 0; width: 320px; font-size: 12px; line-height: 16px; }
.greyArea .videosDiv strong { font-size: 14px; line-height: 20px; }
a.learnmore { display: block; background: #be1151 url(/content/images/arrow-learnmore.png) 95% 50% no-repeat; border-radius: 5px; color: #FFF; text-decoration: none; padding: 5px 10px; margin-top: 10px; width: 100px; }
a.learnmore:hover { background-color: #d92567; }
.greyArea .videosDiv a.video { display: block; margin: 0 0 5px 0; box-shadow: 5px 5px 5px #CCC; }
.greyArea .faq { padding: 0 10px 20px; margin: 0; border-bottom: 1px solid #CCC;
    -webkit-transition: background 2s ease;
	-moz-transition: background 2s ease;
	-ms-transition: background 2s ease;
	-o-transition: background 2s ease;
	transition: background 2s ease;
	position: relative;
	left: -10px; 
	width: 671px;
}
#colLeft .greyArea h2, #colLeft h2.green { color: #459F3D;
    font-size: 24px;
    font-weight: normal !important;
    line-height: 28px;
    margin: 0;
    padding: 20px 0 20px;
    border-top: 1px solid #FFF;
}
#colLeft .greyArea .faq h2 { position: relative; left: -10px; width: 681px; padding-left: 10px; }
.greyArea > .faq:target {
    background: none repeat scroll 0 0 #F7F7F7;
}
#colLeft .greyArea .faq .top { font-size: 10px; display: block; margin: 10px 0 0 0; text-align: right;  }

a.ext {
	background: url(/shared/images/external-link.png) right 6px no-repeat;
	padding-right: 14px !important;
	white-space:nowrap;
	display: inline-block !important;
}


.shoutOut { background: #C6F1C0; padding: 20px; margin: 0 0 20px 40px;  border: 3px solid #2B8A1F; border-radius: 10px; box-shadow: 0px 5px 5px #eaeaea; width: 200px; float: right; font-size: 14px; line-height: 23px; font-weight: bold; text-align: center; color: #2B8A1F; text-shadow: 1px 1px 0 #FFF; }

#contactShout { border-bottom: 1px solid #BBBBBB; margin: 0 0 25px 0;  padding: 0 0 25px 0;}

.contentHeading { position: relative; z-index: 1; }
.contentHeading a.questionsContact { position: absolute; right: 0; bottom: 0; display: block; width: 150px; text-align: right; text-transform: uppercase; color: #3ab9b3; font-weight: bold; font-size: 13px; line-height: 16px; text-decoration: none; padding: 0 15px 0 0; background: url(../images/arrow-contact.png) 100% 92% no-repeat; }
.contentHeading a.questionsContact span { display: block; text-transform: none; font-size: 21px; color: #565656; font-style: italic; font-weight: normal; }
.rightContentArea { float: right; width: 525px; font-size: 12px; line-height: 16px; }
#colLeft h2.greenSmall { font-family: verdana; font-weight: bold; color: #2b8a1f; font-size: 17px; padding: 0 0 13px; }

#sliderContent h2.expand a { text-decoration: none; font-size: 12px; color: #000; background: #eaeaea url(../images/arrow-slider.png) 98% 50% no-repeat; padding: 5px 20px 5px 10px; margin: 5px 0 5px; text-shadow: 1px 1px 0 #F8F8F8; border-radius: 10px; line-height: 18px;  }
#sliderContent h2.expand a.open { background: #eaeaea url(../images/arrow-slider-open.png) 98% 50% no-repeat;}
#sliderContent h3 { font-size: 12px; margin: 0; padding: 0; font-weight: bold; } 
#sliderContent h2 { font-size: 12px; margin: 0; padding: 0; font-weight: bold; } 
#sliderContent .collapse { padding: 10px 10px 20px; }

#sliderContent ol { margin: 0; padding: 0 0 0 17px; }
#sliderContent ol li {  }

 

table.chart { width: 100%; padding: 0; margin: 0; }
table.chart thead th { background: #ffe8b0; border-right: 1px solid #FFF; text-align: left; font-weight: bold; padding: 5px 10px; }
table.chart tbody td { border-bottom: 1px dashed #eaeaea; text-align: left; padding: 5px 10px; }

.ccssMainPage { font-size: 14px; line-height: 20px; }
#colLeft .ccssMainPage h2.greenSmall { font-size: 22px; line-height: 25px; }

#pleaseWait { margin-left: 264px; }
#pleaseWait input { background: #00498F;  border: 0 none;  border-radius: 20px 20px 20px 20px;  color: #FFFFFF;  padding: 6px 21px; }

#greenbar-text{	font-family:Verdana, Geneva, sans-serif; font-size:1em;	color: #fff;}
#greenbar-left{	background-color: #2b8a1f; border-top-left-radius: 10px; height: 36px;	width: 10px;}
#greenbar-right{ background-color: #2b8a1f; border-top-right-radius: 10px;	height: 36px; width: 10px;}

#divider{ height: 1px; border-bottom : 1px solid #ddd;}

#date{color: #999;}

.applyNow{ float: right;}
a.applyNow{	display:block;	background: url(../images/appynow-bt.gif) 0 0 no-repeat;	height:33px;	width:166px;}
a.applyNow:hover{	background-position: 0 -34px;}

a.ccssbadge{ display:block;	background: url(../images/CCSS-badge-short.png) 0 0 no-repeat;	height:125px; width:204px;}
a.ccssbadge:hover{	background-position: 0 -135px;}

a.minirazlogo{
	display:block;
	background: url(../images/minirazlogo092015.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}
a.minirklogo{
	display:block;
	background: url(../images/minirklogo092015.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}
a.minivocablogo{
	display:block;
	background: url(../images/minivocablogo112014.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}
a.miniwazlogo{
	display:block;
	background: url(../images/miniwazlogo112014.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}
a.minisazlogo{
	display:block;
	background: url(../images/minisazlogo092015.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}
a.minireadinglogo{
	display:block;
	background: url(../images/minirazlogo112014.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}

a.miniheadsproutlogo{
	display:block;
	background: url(../images/mini-laz-headsprout-logo112014.png) 0 0 no-repeat;
	height:29px;
	margin: 0 0 3px 5px;
}

a.minireadytestlogo{
    display:block;
    background: url(../images/minireadytestlogo112014.png) 0 0 no-repeat;
	height:28px;
	margin: 0 0 3px 5px;
}


a.minirazlogo:hover,
a.minirklogo:hover,
a.minivocablogo:hover,
a.miniwazlogo:hover,
a.minisazlogo:hover,
a.miniheadsproutlogo:hover,
a.minireadytestlogo:hover,
a.minireadinglogo:hover {
	background-position: 0 -29px;	
}

a.orderNow-wide{
	display:block;
	background: url(../images/order-now-wide.png) 0 0 no-repeat;
	height:33px;
	width:231px;
	position: absolute;
left: 749px;
top: -10px;
	/*margin-left:29px;*/
}
a.orderNow-wide:hover{
	background-position: 0 -34px !important;	
}
.pp_social { display: none; }