.debug, .debug div div, .debug div div div div, .debug div div div div div div{
	border-top: solid 2px #FF00FF;
	border-left: solid 2px #FF00FF;
	border-bottom: solid 2px #DD00DD;
	border-right: solid 2px #DD00DD;
}

.debug div, .debug div div div, .debug div div div div div{
	border-top: solid 2px #00DDBB;
	border-left: solid 2px #00DDBB;
	border-bottom: solid 2px #00BB99;
	border-right: solid 2px #00BB99;
}

div, *, *:before, *:after
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing:border-box;         /* Opera/IE 8+ */
}

.clear{
	clear:both;
}

.cursor, .pointer {
	cursor: pointer;
}

.button, a:hover.block, a:hover > div, a > div:hover, a:hover > .button, a > .button:hover{
	text-decoration:none !important;
}

.button.red{ background-color: #e63139; border: solid 1px #e63139; color:#ffffff; }
.button.red:hover{ background-color: #ff4444; border: solid 1px #ff4444; color:#ffffff; }

.button.white{ background-color: #ffffff; border: solid 1px #ffffff; color:#e63139 !important; }
.button.white:hover{ background-color: #ffffff; border: solid 1px #ffffff; color:#e63139 !important; }

.button.blue{ background-color: #244aa2; border: solid 1px #244aa2; color:#ffffff; }
.button.blue:hover{ background-color: #3d75bf; border: solid 1px #3d75bf; color:#ffffff; }

.button{
    min-width: 40px;
    line-height: 40px;
    background-color: none;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: solid 1px #666666;
    text-align:center;
    cursor: pointer;
    color:#333333;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    background-repeat:no-repeat;
    background-position:right;
    background-size:contain;
    display:block;
}

.button:hover{
	background-color: #666666; border: solid 1px #666666; color:#FFFFFF;
}

.button.large{ height:55px; line-height: 55px; }
.button.small{ height:30px; line-height: 30px; }
.button.tiny{ height:20px; line-height: 20px; }

.caps { text-transform:uppercase;}

.tiny{
	font-size: 11px;
	line-height: 12pt;
}

.small{
	font-size: 12px;
	line-height: 12pt;
}

h1, .large{
	font-size: 26px;
	line-height: 26pt;
	font-weight: 700;
	margin-bottom:0;
}

h2, .medium{
	font-size: 17px;
	line-height: 17pt;
	margin-bottom:0;
	font-weight: 700;
}

.content_area h2{
	padding:5px 5px 5px 10px;
	background-color:#8e8170;
	color:white;
	font-weight: 700;
}

.feature ul {
	color: #FFF;
	font-size: 14px;
	line-height: 16pt;
	margin:3px 0 3px 15px;
	padding: 0;
	list-style-image: url(images/whitearrow.gif);
}

.feature li a {
	text-decoration: underline;
	color: #FFF;
}

.feature h6, .feature h3{
	font-size: 18px;
	margin:0;
	color: #AADDff;
	font-style: italic;
}

.feature.discontinued h1{
	font-size: 36px;
	color:black;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

.feature.discontinued h2{
	font-size: 28px;
	line-height:34px;
	color:black;
	font-family:Helvetica, Arial, sans-serif;
}

.feature.discontinued a .button{
	font-size: 28px;
	height:46px;
	line-height:40px;
	background-color:#194994;
	border-top:3px solid #4477BB;
	border-left:3px solid #4477BB;
	border-right:3px solid #113377;
	border-bottom:3px solid #113377;
	text-align:center;
	color:white;
	font-family:Helvetica, Arial, sans-serif;
}


p{
	margin:0;
	padding:0;
}

.bold{
	font-weight:700;
}

a{
	color:#094fa4;
	text-decoration:none;
}

a.lightblue{
	color: #62b4ff;
	text-decoration:none;
}

a.lightblue:hover{
	color: #82d4ff;
	text-decoration:none;
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], select, option {
	font-size: 16px;
}

.dark, a.dark{
	color:#333333;
}

.darkblue, a.darkblue{
	color: #084a98 !important;;
	text-decoration:none;
}

.darkbluebg{
	background-color:#084a98;
}

.bluebg{ background-color: #244aa2;}

.lighblue{
	color: #3c84c5 !important;
	text-decoration:none;
}

.lightbluebg{
	background-color:#3c84c5;
}

.redbg{
	background-color:#e73139;
}

.barrabg{
    background-color: #008b87;
}

.darkgraybg{
    background-color: #555555;
}


.content_panel{
	background-color:#8e8170;
	color: #FFFFFF;
}

.content_panel a{
	color: #FFFFFF;
	text-decoration:none;
}

.white, a.white{
	color: #ffffff !important;;
	text-decoration:none;
}

.whitebg{
	background-color:#ffffff;
}

.light{
	color:#999999 !important;
}

.lightbg{
	background-color:#eeeeee;
}

.text-uppercase {
	text-transform: uppercase;
}

.shaded{
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2);
}

.dropshadow{
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.dropshadowsmall{
	-webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0,0,0,0.2);
	box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0,0,0,0.2);
}

.textshadow{
	text-shadow: 4px 4px 8px #000000;
}

.radius{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: auto;
}

.radiustl{
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

.radiustr{
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

.radiusbl{
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-botomleft: 6px;
	border-bottom-left-radius: 6px;
}

.radiusbr{
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

.blur{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}


.darken{
	filter: brightness(90%);
	-ms-filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
}

.border{
	border: 1px solid #888888;
}

.borderblack{
	border-color: #000000;
}

.borderlight{
	border: 1px solid #CCCCCC;
}

.divider{
	height:1px;
	background-color: #DDDDDD;
	opacity:0.3;
}

.divider.whitebg{
	height:1px;
	background-color: #FFFFFF;
	opacity:1;
}

 /* this is the main UL element*/
.dropdown{display:none; list-style:none; z-index: 500; padding:0; margin:0;}
/* these are the inner menus*/
.dropdown ul{margin:0 0 0 0; padding:0;}
/* these are all the LIs in the menu*/
.dropdown li{margin:0 0 0 0; padding:0; cursor:pointer;}
/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{text-decoration:none; color: #473f24; display: block}
.dropdown a li:hover{display: block; }

ul.dropdown {font-size: 13px; text-transform: uppercase; z-index: 597; float: right; display: block; absolute; top: 36px; left: 294px; }
ul.dropdown li{padding: 5px 3px 5px 0; float: left; line-height: 16px; position: relative; display: block;}
ul.dropdown li.hover, ul.dropdown li:hover {z-index: 599; display: block;}
ul.dropdown a:link, ul.dropdown a:visited {text-decoration: none; display: block;}
ul.dropdown a:hover{border-bottom: none}
ul.dropdown li a {padding: 5px 3px 0 0; display: block; color:#FFF;}

ul.dropdown ul {background-color: #EEE; visibility: hidden; position: absolute; left: 0; z-index: 598; border: #5997cf solid medium; color:#473f24;}
ul.dropdown ul a {width: 155px; text-transform: none; color:#473f24; font-size: 10px;}
ul.dropdown ul a:hover {background-image: url(images/greyarrow.jpg); background-repeat: no-repeat; background-position: left-top;}
ul.dropdown ul li {font-weight: normal; float: none; text-transform: none; width: 170px; border-bottom: none}
ul.dropdown ul li a{margin: 0; padding: 3px 0 5px 15px; border-bottom: none; display: block; color:#473f24;}
ul.dropdown li:hover > ul {visibility: visible;}
/* Root Menu Hover Persistence */
ul#dropdown a:hover{margin: 2px 0 8px 0; display: block;}
ul#dropdown li:hover a,ul#dropdown li.iehover a {margin: 2px 0 8px 0; display: block;}
ul.dropdown ul ul {padding: 0; background-color: #EEE; margin-top: 0; visibility: hidden; position: absolute; left: 90%; top: 8px; z-index: 599; border: #5997cf solid medium; color:#473f24;}
ul.dropdown ul ul li{padding: 3px 5px 0 0; line-height: 16px; list-style:none;}
ul.dropdown li a.lightblue{ text-transform:none; color:#62b4ff; }
ul.dropdown li a:hover.lightblue{ text-transform:none; color:#82d4ff; }
#lightline {border-top: #DDD solid thin;}
#lightline:hover{background-color:#FFF;}
#About {padding: 0 0 0 0; width:80px; font-size: 12px; line-height:12px;}
#Categories {padding: 0 0 0 0; width:144px; text-transform: none; font-size: 14px; }
#Categories a{color: #00489a}
#Categories ul li a{text-align:left; color:#473f24;}
#ResourcesNav {padding: 0 0 0 0; width:121px; font-size: 12px; line-height:12px;}
#Markets { padding: 0 0 0 0; margin-right:30px; text-transform: none; font-size: 14px; }
#Markets a{color: #00489a}
#Markets ul li a{text-align:left; color:#473f24;}
#Technical {padding: 0 0 0 0; width:160px; font-size: 12px; line-height:12px;}
#CrossReference { border-top: solid medium #5997cf; }
#CrossReference:hover{background-color:#FFF;}

.case_study li {
	padding-bottom: 20px;
}

.full, .whole{
	width:100%;
}

@media
only screen and (min-width:1024px)
{

    .mobile_only, .phone_only, .small_only{
        display:none !important;
    }

    .desktop_only, .large_only{
        display:block;
    }

	html,body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	min-height:100%;
	background-image:url('/images/page_background.png');
	background-repeat: repeat-x;
	background-color:white;
	color: #574f34;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 24px;
	overflow-x:hidden;
	}

    .container{
    	min-height:calc(100vh);
    	position:relative;
    }

    .content{
    	min-height:calc(100vh - 285px);
    	margin:auto;
    	width:1024px;
    }

	div.row{
		overflow:auto;
		clear:both;
		width:100%;
	}

	.nest, .nest div{
		float: left;
	}

	.nest .center{
		text-align:center;
		margin:auto;
	}

	.nest .center, .nest .center img{
		text-align:center;
		margin:auto;
	}

	.padded{
		padding-left:30px;
		padding-right:30px;
	}

	div.row > div{
		float:left;
		padding-left: 0px;
		padding-right: 30px;
		margin-bottom:30px;
	}

	div.row > div:last-child{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.half{ width:50%; }
	.third{ width:33.333%; }
	.twothirds{ width:66.667%; }
	.quarter, .fourth{ width:25%; }
	.threequarters, .threefourths{ width:75%; }
	.fifth{ width:20%; }
	.sixth{ width:15%; }
	.eighth{ width:12.5%; }
	.tenth{ width:10%; }


	.feature {
		color:white;
		height: 300px;
		padding:40px 40px 0 600px;
	}

	.feature.discontinued {
		color:black;
		height: 400px;
		padding:40px 50px 0 500px;
	}

	.resources-feature {
		color: white;
		height: 300px;
		padding: 80px 60px 0 700px;
	}

	.newsletter-feature {
		color:white;
		height: 300px;
		padding: 85px 10px 0 470px;
	}

	.about-feature {
		color:white;
		height: 300px;
		padding:50px 50px 0 720px;
	}
	
    .w1, .one{
    width:1px;
	}

	.w5, .five{
		width:5px;
	}

	.w10, .ten{
		width:10px;
	}

	.w15, .fifteen{
		width:15px;
	}

	.w20, .twenty{
		width:20px;
	}

	.w30, .thirty{
		width:30px;
	}

	.w40, .forty{
		width:40px;
	}

	.w50, .fifty{
		width:50px;
	}

	.w60, .sixty{
		width:60px;
	}

	.w70, .seventy{
		width:70px;
	}

	.w80, .eighty{
		width:80px;
	}

	.w90, .ninety{
		width:90px;
	}

	.w100, .hundred{
		width:100px;
	}

	.w110, .oneten{
		width:110px;
	}

	.w120, .onetwenty{
		width:120px;
	}

	.w130, .onethirty{
		width:130px;
	}

	.w140, .oneforty{
		width:140px;
	}

	.w150, .onefifty{
		width:150px;
	}

    .w155{
        width:155px;
    }

	.w160, .onesixty{
		width:160px;
	}

	.w170{
		width:170px;
	}

	.w180{
		width:180px;
	}

	.w190{
		width:190px;
	}

	.w200, .twohundred{
		width:200px;
	}

	.w210, .twoten{
		width:210px;
	}

	.w230, .twothirty{
		width:230px;
	}

	.w250, .twofifty{
		width:250px;
	}

	.w260, .twosixty{
		width:260px;
	}

	.w300, .threehundred{
		width:300px;
	}

	.w310, .threeten{
		width:310px;
	}

	.w320, .threetwenty{
		width:320px;
	}

	.w330, .threethirty{
		width:330px;
	}

	.w340, .threeforty{
		width:340px;
	}

	.w350, .threefifty{
		width:350px;
	}

	.w380, .threeeightyy{
		width:380px;
	}

	.w390, .threeninety{
		width:390px;
	}

    .w400, .fourhundred {
        width: 400px;
    }

    .w450, .fourfifty {
        width: 450px;
    }

    .w500, .fivehundred {
        width: 500px;
    }

    .w600, .sixhundred {
        width: 600px;
    }
    
    .w700, .sevenhundred {
        width: 700px;
    }

	
}

@media
only screen and (min-width:600px) and (max-width:1023px)
{
	.half, .threequarters, .threefourths, .third, .twothirds{ width:100%; }
	.quarter, .fourth, .fifth, .sixth, .eighth, .tenth{ width:50%; }
}

@media
only screen and (max-width:599px)
{
	.half, .threequarters, .threefourths, .third, .twothirds, .quarter, .fourth{ width:100%; }
	.fifth, .sixth, .eighth, .tenth{ width:50%; }
}

@media
only screen and (max-width:1023px)
{
    .mobile_only, .phone_only, .small_only{
        display:block;
    }

    .desktop_only, .large_only{
        display:none !important;
    }

	html,body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin:0;
	background-color:#3c84c5;
	color: #574f34;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 18pt;

	}

    .container{

    }

    .content{

    }

	div.row{
		overflow:auto;
		clear:both;
		width:100%;
		padding-left:6px;
		padding-right: 6px;
	}

	div.row > div{
		float:left;
		padding-left:6px;
		padding-right: 6px;
		margin-bottom:6px;
	}

    .mfull{ width:100% !important;}
	.mhalf{ width:50% !important;}
	.mthird{ width:33.333% !important;}
	.mtwothirds{ width:66.667% !important;}
	.mquarter, .mfourth{ width:25% !important;}
	.mthreequarters, .mthreefourths{ width:75% !important;}



	.feature{
		color:white;
		background-position:left 10px;
		background-size:153%;
		background-repeat:no-repeat;
		background-color:#084A98;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 20px;
		padding-top: calc(45vw);
	}

	.feature.discontinued{
		background-color:#FFFFFF;
		background-position:left 10px;
		background-size:194%;
		background-repeat:no-repeat;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
		padding-top: calc(80vw);
	}

	.feature.discontinued h1{
		font-size: 26px;
	}

	.feature.discontinued h2{
		font-size: 22px;
		line-height:30px;
	}

	.feature.discontinued a .button{
		font-size: 18px;
		height:46px;
	}

	.resources-feature{
		color:white;
		background-position:left 10px;
		background-size:153%;
		background-repeat:no-repeat;
		background-color:#084A98;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 20px;
		padding-top: calc(45vw);
	}

	.newsletter-feature {
		color:white;
		background-position:left 10px;
		background-size:153%;
		background-repeat:no-repeat;
		background-color:#084A98;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 20px;
		padding-top: calc(45vw);
	}

	.about-feature {
		color:white;
		background-position:left 10px;
		background-size:115%;
		background-repeat:no-repeat;
		background-color:#084A98;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 20px;
		padding-top: calc(45vw);
	}
}

.h10{ height:10px; }
.h20{ height:20px; }
.h30{ height:30px; }
.h40{ height:40px; }
.h50{ height:50px; }
.h60{ height:60px; }
.h70{ height:70px; }
.h80{ height:80px; }
.h90{ height:90px; }
.h100{ height:100px; }

.break2{ margin-bottom:2px; }
.break5{ margin-bottom:5px; }
.break10{ margin-bottom:10px; }
.break15{ margin-bottom:15px; }
.break20{ margin-bottom:20px; }
.break30{ margin-bottom:30px; }
.break40{ margin-bottom:40px; }
.break50{ margin-bottom: 50px; }
.break100{ margin-bottom: 100px; }

.padr2{ padding-right:2px; }
.padr5{ padding-right:5px; }
.padr10{ padding-right:10px; }
.padr15{ padding-right:15px; }
.padr20{ padding-right:20px; }
.padr30{ padding-right:30px; }
.padr40{ padding-right:40px; }
.padr50{ padding-right:50px; }
.padr100{ padding-right:100px; }
.padl2{ padding-left:2px; }
.padl5{ padding-left:5px; }
.padl10{ padding-left:10px; }
.padl15{ padding-left:15px; }
.padl20{ padding-left:20px; }
.padl30{ padding-left:30px; }
.padl40{ padding-left:40px; }
.padl50{ padding-left:50px; }
.padl60{ padding-left:60px; }
.padl70{ padding-left:70px; }
.padl100{ padding-left:100px; }
.padt20{ padding-top:20px; }
.padt30{ padding-top:30px; }
.padt40{ padding-top:40px; }
.padt50{ padding-top:50px; }
.pad5{ padding:5px; }
.pad10{ padding:10px; }
.pad20{ padding:20px; }
.pad30{ padding:30px; }
.pad40{ padding:40px; }
.pad50{ padding:50px; }


/* Homepage */
.feature-main {
	width: 100%;
}
.feature-main img {
	width: 100%;
}


/* Resources */
ul.resources-menu {
	font-size: 12px;
	display:table;
	table-layout: fixed;
	width: 100%;
	list-style:none;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

ul.resources-menu a {
	display: table-cell;
}

ul.resources-menu li {
	margin: 0;
	padding: 6px 0 6px 0;
	line-height: 14px;
	position: relative;
	color: #FFF;
	background-image:url(images/resources_nav_btn.gif);
	text-shadow:2px 2px 0 #EE3C3C;
	text-transform:uppercase;
	text-align: center;
	border-right: solid #EE3C3C 1px;
	border-left: solid #F26D6D 1px;
	background-size: 1px 39px;
}

ul.resources-menu li:hover {
	background-image:url(images/resources_nav_btn_hover.gif);
	background-size: 1px 39px;
}

ul.resources-menu li a {
	color: #FFF;
	text-decoration: none
}

ul.resources-menu li.active {
	background-image: url(images/resources_nav_btn_active.gif);
	text-shadow: 2px 2px 0 #000000;
	text-transform: uppercase;
}

ul.resources-menu3 {
	font-size: 14px;
	float: left;
	list-style: none;
	margin-right: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 200px;
	text-decoration: none;
	background-image: url(images/training-nav-btn_middle.gif);
	background-repeat: repeat;
}

ul.resources-menu3 li {
	margin-left: 50px;
	padding: 12px 5px 12px 5px;
	float: right;
	line-height: 23px;
	color: #FFF;
	text-shadow:2px 2px 0 #2E7AC9;
	text-align:left;
	text-decoration: none;
	display: inline-block;
	width: 200px;
}

ul.resources-menu3 li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
}

@media
only screen and (max-width:599px)
{
	ul.resources-menu a {
		display: block;
		width: 100%;
	}
}


/* Accordion */
#reversehead { background-color:#8e8170; margin-bottom:10px; padding:10px}
.reverse { color:#FFF; font-size:15px; text-transform:uppercase; font-weight:bold; margin:0; }

#fullcol { width:100%; clear:both; }
#fullcol p{ color: #473f24; font-size: 12px; line-height: 15pt; margin:10px; }
#fullcol h1{ color: #8e8170; font-size: 24px; margin: 10px; margin-left: 80px; padding-top: 28px; }
#fullcol h2{ color: #8e8170; font-size: 15px;  text-transform: uppercase; padding:0; margin:0; }
#fullcol h2 a { color: #8e8170;}
.close{ background-image: url(images/closedarrow.png); background-repeat: no-repeat; background-position: right 20px center; padding-bottom:10px; }
.open{ background-image: url(images/openarrow.png); background-repeat: no-repeat; background-position: right 20px center; padding-bottom:10px; }
.small { font-size: 10px; line-height: 12pt; }
.define{ margin: 0; padding: 0; border:#8e8170 solid 1px; border-bottom:#8e8170 solid 3px; margin-bottom: 10px; }
.define:hover{ border:#990000 solid 1px; border-bottom:#990000 solid 3px; color: #990000; }

.topic .sub {
	background-color: #f2f0ec;
	width: 100%;
	padding: 10px 20px;
}
.topic .sub:hover {
	background-color:#dfdcd2;
}

#fullcol h3{ color: #8e8170; font-size: 15px; padding: 0; padding-top: 10px;}
#fullcol ul {color: #473f24; padding-bottom: 3px; font-size: 13px; margin: 10px;}
#breathe {clear:both}
#breathe2 {clear:both; height: 200px}
a {color: #094fa4; text-decoration: none;}
.col1 {float: left; width: 240px;}
.col2 {margin-left: 14px; float: left; width: 240px; }
.col3 {margin-left: 14px; float: left; width: 240px; }
.col4 { margin-left: 14px; float: left; width: 240px; clear: right; }

.fourcol {float: left; width: 1010px; font-size: 12px;}
.fourcol h4 {margin-left: 0; color: #990000; font-size: 18px; margin-top: 10px}
.fourcol h4 a{color: #990000;}

#footer {clear: both; color: #473f24; font-size: 10px; width: 1024px; padding-top: 10px; }
.footer_right {text-align: right; width: 310px; float: right; padding: 10px}
.footer_left {text-align: left; width: 510px; margin-right: 370px; padding: 10px}
.footer a {color: #990000}


/* Product Support */
.faq-right-content {
	float: left;
	width: 735px;
	margin: 0;
	font-size: 15px;
	padding: 60px !important;
	background-color: #8e8170;
	color: #ffffff;
}
.faq-right-content a {
	color: #ffffff;
}
@media
only screen and (max-width:599px) {
	.faq-right-content {
		padding: 20px 10px !important;
	}
}


/* Images */
.images-section-header {
	padding: 20px !important;
	background-color: #aaaaaa;
	margin: 0 !important;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}

.images-content-container {
	background-color: #FFFFFF;
	border:1px solid #DDDDDD;
	overflow: hidden !important;
	display: flex;
	flex-wrap: wrap;
}
.images-content-container > div {
	height: auto;
/* 	min-height: 220px; */
}

.images-item {
	padding:18px !important;
	margin:0 !important;
	text-align: center;
/* 	height:220px; */
}


/* LEED */
.leed-container {
	background-color: #aaaaaa;
}

.leed-header {
	margin: 0 !important;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 5px !important;
}

.leed-item {
	font-size: 12px;
	background-color: #dddddd;
	border: 1px solid #ffffff;
	padding-left: 5px !important;
	margin: 0 !important;
}


/* Family */
#container {padding-top: 1px; width:1024px; margin:0 auto; position:relative; z-index:0; clear:both}
#products_example {width:1024px; height:350px; position:relative; }
#products {margin-left:0;}
#products .slides_container {width:1024px; overflow:hidden; float:left; position:relative; display:none; }

#slides {position:absolute; top:15px; left:0; z-index:100; }
ul #slides{list-style-image: url(images/arrow.gif);}
.slides_container {width:1024px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide {width:1024px; height:360px; display:block;}
.slides_container ul {padding: 0}
.slides_container li {width:235px; height:88px; display:block;}
.slides_container a {width:235px; height:88px; display:block;}

.slides_container .caption {z-index:400; position:absolute; left:765px; top: 96px; width:235px; height: 298px; display: block; padding: 0;
	font-size:15px; color:#FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bolder; }

.slides_container .caption h3 {font-size:20px; text-transform: uppercase;}
.slides_container .caption a {color:#fff; text-decoration: none; font-size:12px; background-image: url(images/navarrow.gif);
	padding-left: 15px; background-repeat: no-repeat; background-position: top-left;}

.slides_container .caption ul {padding: 0;}
.slides_container .caption ul li {list-style-image: url(images/arrow.gif);}

#products .pagination {width:984px; padding-top:0; float:left; margin-left:0; z-index:200; color:#FFF; height: 68px; position:absolute; top: 304px; }
#products .pagination li {
	float:left;
	margin: 10px 35px 0 55px;
	list-style:none;
	width:88px;}
#products .pagination li a {display:block; width:84px; height:42px; margin:0; float:left;  border:none; color:#FFF}
#products .pagination li.current a {border:2px solid #FFF; margin:0;}

#products .slides_container .pagination {background:#dfdfdf; width:990px; padding-top:5px; float:left;
margin-left:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; z-index:200;}

#products .slides_container .pagination li {float:left; margin:2px 4px; list-style:none; }
#products .slides_container .pagination li a {display:block; width:90px; height:42px; margin:1px; float:left; }
#products .slides_container .pagination li.current a {border:1px solid #7f7f7f;margin:0;}

#tag {text-transform: uppercase; margin-left: 15px; height:42px; float:left; position:absolute;}


/* Contact Form */
#contact-form {
	border: 1px solid #cccccc;
	padding-top: 20px;
}
#contact-form ol {
	display: block;
	padding: 20px 10px 20px 10px;
	background-color: #f1f1f1;
	list-style-type: none;
}
#contact-form .form_field, #contact-form .form_required {
	font-weight: bold;
}
#contact-form .text_box, #contact-form .text_area, #contact-form .text_select {
	width:100%; max-width:300px;
}


/* Data Sheets */
.data-sheets-column {
	/*width: 254px;*/
	background-color:#3a83c8;
	border:8px #ddeaf5 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px 10px 20px 10px !important;
	color: #ffffff;
	text-indent: 0;
	display: inline-block;
	font-size: 20px;
}
.data-sheets-column.disabled {
	background-color: #d4d4d4;
}
.data-sheets-column a {
	color: #ffffff;
}
.data-sheets-column > div {
	padding: 0 !important;
	margin: 0 !important;
}
#data-sheets-results {
	font-size: 16px;
	font-weight: normal;
}


/* Newsletter */
#TDS1-newsletter {display: block;  margin: 0px 0px 0px 480px; width: 540px; z-index: 10; padding: 0px; color:#fff;}

#TDS-Sealthedeal {margin: 0px; height: 300px; background-image:url(images/seal-the-deal.png) ; position: relative; top: -21px; z-index: 10;}

.newslettermenu {
	font-size: 13px;
	color: #fff;
	border: 3px solid #92BBE0;
}

.newslettermenubtn {
	display: block;
	list-style: none;
	height: 32px;
	background-image: url(images/newsletter-nav-btn.jpg);
	background-repeat: repeat-x;
	text-indent: 10px;
	padding-top: 3px;
}

.newslettermenubtnlelected {
	background-image: url(images/newsletter-nav-btn-selected.jpg);
	background-repeat: repeat-x;
	height: 32px;
	text-indent: 10px;
	padding-top: 3px;
}


.newslettermenusubbtn {
	background-image: url(images/newsletter-nav-subbtn.jpg);
	background-repeat: repeat-x;
	height: 32px;
	text-indent: 20px;
	padding-top: 3px;
	color:#666;
}

.newslettermenusubbtnselected {
	background-image: url(images/newsletter-nav-subbtn-selected.jpg);
	background-repeat: repeat-x;
	height: 32px;
	text-indent: 20px;
	padding-top: 3px;
	color:#666;
}

.newsletterimagebox {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	width:300px;
	max-width:100%;
}

.imagebox {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	width:400px;
	max-width:100%;
}

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

.newslettermaincontent {
	/*width:100%;*/
	/*float:right;*/
	padding-right:0 !important;
	line-height:24px;
}
.newslettermaincontent h1 {
	margin-top: 0 !important;
}

.newslettermaincontent img {
	max-width: 100%;
}

.newslettersidecontent {
	/*width:290px;*/
	/*float:left;*/
}

.sideinfobox {
	margin-top: 20px;
	font-size: 11px;
	background-color: #fff;
	border: 3px solid #92BBE0;
	padding: 15px;
}

.productbox {
	margin-top: 40px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
}

#accordion_info
{
	width: 100%;
	float:left;
	text-align:left;
}

.accordion_sub
{
	width:100%;
	background-image: url(images/newsletter-nav-btn-selected.jpg);
	background-repeat: repeat-x;
	height: 32px;
	text-indent: 10px;
	padding-top: 3px;
	cursor:pointer;
}

.accordion_item
{
	background-image: url(images/newsletter-nav-subbtn.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-indent: 20px;
	padding-top: 3px;
	color:#666;
}

.accordion_item_selected
{
	background-image: url(images/newsletter-nav-subbtn-selected.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-indent: 20px;
	padding-top: 3px;
	color:#666;
}


/* Product Recommendation */
.product-recommendation-container h3 {
	padding: 0 10px !important;
}





.infoproduct {position:relative; border:none; padding:0px; float:left}
.infoicon {position:relative; border:none; padding:0px; float:left}
.infoicon img {position:relative; z-index:2; color: #00C;}
.infoicon .more {display:none;}
.infoicon:hover .more {font-style:italic; display:block; position:absolute; z-index:5; left:4px; top:20px; width:153px; padding:2px 5px 5px; border:2px solid #900; background-color:#FFF;}
.infoicon:hover .more ul{font-style:italic; font-size: 9px; list-style-image: url(images/arrow.gif); padding: 0px; margin: 0px 0px 0px 15px}