* {
margin: 0;
padding: 0;
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
background-color: #fff;
}
a {
text-decoration: none;
color: #4f7cb2;
}
a:hover {
text-decoration: underline;
color: #0d4e76;
}

p {
font-size: 12px;
color: #3e3e3e;
}
p b,
b{
font-weight: bold;
color: #3e3e3e;
}
img {
border: 0;
}
em {
font-style: normal;
}
ul {
list-style-type: none;
}
input.text {
background: url('../image/background/bkgd-input-field.gif') right top no-repeat;
border: 0;
height: 17px;
padding-top: 4px;
padding-left: 4px;
font-size: 10px;
color: #606165;
}
input.submit {
border: 0;
background: #446283 url('../image/background/bkgd-submitbutton-edge-ltblue.gif') bottom right no-repeat;
color: #fff;
font-weight: bold;
font-size: 8px;
padding: 5px 3px 4px 3px;
text-transform: uppercase;
cursor: pointer;
position: relative;
top: -2px;
}
h1, h2, h3 {
color: #f18e0f;
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
}
/* Common
---------------- */
.fr{
display: inline;
float: right;
}
.fl{
display: inline;
float: left;
}
ul.piped li {
border-right: 1px solid;
display: inline;
float: left;
margin-right: 10px;
padding-right: 10px;
}
ul.piped li.last {
border-right: none;
margin-right: 0;
padding-right: 0;
}
ul.piped a{
white-space:nowrap;
}

ul.piped a:hover,
ul.piped a.selected:hover {
color: #EA7E3A;
}
ul.piped a.selected {
font-weight: bold;
color: #093f60;
}

ul.piped a.forparents {
font-weight: bold;
color: #EA7E3A;
}

/* General Page Layout
-------------------------- */
#container {
width: 966px;
padding: 0 29px;
margin: auto;
}
/* Header
-------------------- */
#header {
clear: both;
border-bottom: 1px dotted #d1dbe5;

margin-bottom: 2px;
padding-bottom: 3px;
background-color: #fff;
width:966px;
height: 86px;
}
#header img {
margin: 0 0 0 0;
float: left;
}
#links1 {
float: right;
padding-left: 120px;
text-transform: lowercase;
height: 38px;
width: 65%;
}
#links1 ul {
float: right;
margin-right: 15px;
margin-top: 12px;
}
#links1 ul li {
border-color: #0d4e76;
}
#links1 input.text {
width: 166px;
margin-right: 2px;
}
#links1 form {
margin-right: 8px;
margin-top: 9px;
float: right;
display: inline;
}
#links2 {
float: left;
margin-left: 32px;
_margin-left: 15px;
margin-top: 23px;
width: 473px;
_width: 470px;
_display: inline;
}
#links2 li {
border: 0;
padding: 0;
margin: 0 6px 0 0;
text-transform: uppercase;
}
#links2 li a {
display: block;
line-height: 25px;
font-size: 12.7px;
font-weight: bold;
color: #093f60;
text-align: center;
padding: 0 7px;
}
#links2 li a:hover {
text-decoration: none;
background-color: #f18e0f;
color: #fff;
}
#links2 li a.selected {
text-decoration: none;
background-color: #f18e0f;
color: #fff;
}
#links3 {
text-transform: uppercase;
float: right;
margin-top: 23px;
}
#links3 li {
border: 0;
font-size: 11px;
letter-spacing: 0.8px;
font-weight: bold;
color: #ea7e3a;
margin-left: 2px;
margin-right: 0;
padding-right: 0;
}
#links3 li a {
border: 1px solid #fff;
padding:0 4px;
color: #ea7e3a;
line-height: 25px;
font-size: 12.7px;
display: block;
}
#links3 li a:hover,
#links3 li a.selected {
text-decoration: none;
color: #b75312;
border: 1px solid #b75312;
}
#body {
background: #fff url('../image/background/bkgd-gradient-leftsash-main-new.gif') left repeat-y;
width:966px;
}
/* Special width for homepage */ 
div.homepage{
width: 966px;
padding: 0px;
}
/* Left-Sash
-------------- */
#leftsash {
float: left;
width: 183px !important;
padding-bottom: 10px;
}
#leftsash a * {
cursor: pointer;
}
#leftsash ul {
margin: 40px 0 0 0;
padding: 0 1px;
background: #6791C3 url('../image/background/bkgd-gradient-leftsash-action.gif') left top repeat-y;
}
#leftsash ul li * { /* Undo IE fix */
line-height: 1em;
font-size: 12px;
}
#leftsash ul li {
background: url('../image/background/bkgd-diag-nav-boxedge-trans.gif') left top no-repeat;
border-bottom: 1px solid #5882B4;
clear: both;
/* IE vert space fix */
font-size: 0;
zoom: 1;
line-height: 0;
/* end IE fix */
}
#leftsash ul li a {
color: #D4DED5;
display: block;
zoom: 1;
padding: 11px 0 10px 5px;
}
#leftsash ul li a.hover,
#leftsash ul.general li a:hover {
text-decoration: none;
background-color: #487BA4;
}
#leftsash ul li a em {
color: #fff;
}
/* Left-Sash General List (General)
------------------------------------ */
#leftsash ul.general ul,
#leftsash ul.general ul li {
background: none;
border: 0;
margin: 0;
padding: 0;
}
#leftsash ul.general li a,
#leftsash ul.general li.link a {
padding: 8px 0 8px 19px;
font-weight: bold !important;
line-height:12px;
background: transparent none no-repeat scroll 9px 11px;
_background: transparent none no-repeat scroll 9px 10px;
background-image:url(../image/arrow/arrw-90deg-ltorange-trans.gif);
color:#fcefbe;
}
#leftsash ul.general li a.selected{
background: transparent none no-repeat scroll 9px 13px;
_background: transparent none no-repeat scroll 9px 12px;
background-image:url(../image/arrow/arrw-180deg-ltorange-trans.gif);
background-color:#487BA4;
}
#leftsash ul.general li a.selected-na{
background-color:#487BA4;
}
#leftsash ul.general li a span {
display: block;
}
/* Left-Sash General List -> Level One
--------------------------------------- */
#leftsash ul.general li a span {
padding-left: 11px;
line-height: 0.9em;
margin: 8px 0;
font-size: 12px;
font-weight: bold;
background: 0px 2px no-repeat;
color: #fcefbe;
}
#leftsash ul.products li a span.productFamily {
font-style: italic;
font-weight: normal;
margin-top: 0;
}
/* Left-Sash General List -> Level Two
--------------------------------------- */
#leftsash ul li ul li a {
color: #6491bf;;
display: block;
zoom: 1;
padding: 6px 1px 6px 5px;
}
#leftsash ul.general li ul li a:hover {
border: 1px solid #f8bf3a;
padding: 6px 1px 6px 5px;
background: #fff;
}
#leftsash ul.general li ul {
background: #E1EAF1 url('../image/background/bkgd-gradient-leftsash-sub.gif') left repeat-y;
border-top: 1px solid #5882B4;
}
#leftsash ul.general li ul {
display: block;
}
#leftsash ul.general li ul li {
border-top: 1px solid #D5DADE;
}
#leftsash ul.general li ul li span {
display: block;
background: transparent url('../image/bullet/bul-smalldrkblue-trans.gif') 10px center no-repeat;
color: #6491bf;
margin: 0;
padding-left: 25px;
line-height: 22px;
font-weight: bold;
}
#leftsash ul.general li ul li span.nolink {
padding: 8px 0 8px 19px; 
font-weight: bold !important; 
line-height:12px;background: transparent none no-repeat scroll 9px 11px;_background: transparent none no-repeat scroll 9px 10px;
}
#leftsash ul.general li ul li span.label {
background-image: none;
background-color: #f6f9fc;
color: #97bce1;
}
#leftsash ul.general li ul li a {
padding: 6px 0 6px 20px;
color: #6491bf;
line-height: 12px;
background: none;
}
#leftsash ul.general li ul li a.selected {
border: 1px solid #f8bf3a;
padding: 5px 0 5px 19px;
background: #fff url('../image/bullet/bul-smallorange.gif') 6px center no-repeat !important;
_background-position: 9px center;
color: #ea7e3a;
}
#leftsash ul.general li ul li a.selected:hover {
background: #fff url('../image/bullet/bul-smallorange.gif') 6px center no-repeat !important;
_background-position: 9px center;
padding: 5px 0 5px 19px;
}
#leftsash ul.general li ul li a.hover,
#leftsash ul.general li ul li a:hover {
border: 1px solid #f8bf3a;
padding: 5px 0 5px 19px;
background: #fff;
color: #ea7e3a;
}
#leftsash ul.general li ul li a.hover span,
#leftsash ul.general li ul li a:hover span {
background: #fff url('../image/bullet/bul-smallorange.gif') 6px center no-repeat;
_background-position: 9px center;
border-left: 3px solid #FEEC9C;
line-height: 20px;
padding-left: 21px;
}
/* Left-Sash General List -> Level Three
----------------------------------------- */
#leftsash ul.general li ul li ul {
border: 0;
}
#leftsash ul.general li ul li ul {
display: block;
}
#leftsash ul.general li ul li ul li a{
color: #6491bf;
display: block;
zoom: 1;
line-height: 12px;
padding: 6px 1px 6px 35px;
}
#leftsash ul.general li ul li ul li a.selected {
border: 1px solid #f8bf3a;
padding: 5px 0 5px 34px;
background: #fff url('../image/bullet/bul-smallorange.gif') 6px center no-repeat !important;
_background-position: 9px center;
color: #ea7e3a;
}
#leftsash ul.general li ul li ul li a.selected:hover {
background: #fff url('../image/bullet/bul-smallorange.gif') 6px center no-repeat !important;
_background-position: 9px center;
padding: 5px 0 5px 34px;
}
#leftsash ul.general li ul li ul li a:hover{
border: 1px solid #f8bf3a;
padding: 5px 1px 5px 34px;
line-height: 12px;
background: #fff;
}
#leftsash ul.general li ul li ul li a.hover span,
#leftsash ul.general li ul li ul li a:hover span,
#leftsash ul.general li ul li ul li a span {
background-image: none;
padding-left: 35px;
}
#leftsash ul.general li ul li ul li a.hover span,
#leftsash ul.general li ul li ul li a:hover span {
padding-left: 31px;
}
/* Left-Sash Products List (Products Area)
------------------------------------ */
#leftsash ul.products ul,
#leftsash ul.products ul li {
background: none;
border: 0;
margin: 0;
padding: 0;
}

#leftsash ul.products li ul {
background: #E1EAF1 url(../image/background/bkgd-gradient-leftsash-sub.gif) repeat-y scroll left center;
border-top: 1px solid #5882B4
}

#leftsash ul.products li ul li {
border-top: 1px solid #D5DADE;
}

#leftsash ul.products li.link a {
padding: 0 0 0 9px;
line-height: 25px;
}
#leftsash ul.products li a span {
display: block;
}
#leftsash ul.products li a:hover {
text-decoration: none; 
background: #4d7d9a;
}
/* Left-Sash Products List
--------------------------------------- */
#leftsash ul.products li a span {
padding-left: 11px;
line-height: 0.9em;
margin: 8px 0;
font-size: 12px;
font-weight: bold;
background: 0px 2px no-repeat;
color: #fcefbe;
}
#leftsash ul.products li a span.productFamily {
font-style: italic;
font-weight: normal;
margin-top: 0;
}
#leftsash ul.products li a span.productName {
text-transform: uppercase;
width: 100px;
margin-top: 9px;
margin-bottom: 0;
}
#leftsash ul.products li a span.productExt {
width: 100px;
margin-top: 9px;
margin-bottom: 0;
}

#leftsash ul.products li a.yellow span.productName {
background-image: url('../image/arrow/arrw-90deg-ltorange-trans.gif');
color: #F1F0D4;
}
#leftsash ul.products li a.orange span.productName {
background-image: url('../image/arrow/arrw-90deg-orange-trans.gif');
color: #E2B49A;
}
#leftsash ul.products li a.pink span.productName {
background-image: url('../image/arrow/arrw-90deg-pink-trans.gif');
color: #E6B5D2;
}
#leftsash ul.products li a.green span.productName {
background-image: url('../image/arrow/arrw-90deg-green-trans.gif');
color: #B4D7BF;
}

#leftsash ul.products li a.blue span.productName {
background-image: url('../image/arrow/arrw-90deg-blue-trans.gif');
color: #c6e6ec;
}

#leftsash ul.products li.selected a.yellow span.productName {
background-image: url('../image/arrow/arrw-180deg-ltorange-trans.gif');
}
#leftsash ul.products li.selected a.orange span.productName {
background-image: url('../image/arrow/arrw-180deg-orange-trans.gif');
}
#leftsash ul.products li.selected a.pink span.productName {
background-image: url('../image/arrow/arrw-180deg-pink-trans.gif');
}
#leftsash ul.products li.selected a.green span.productName {
background-image: url('../image/arrow/arrw-180deg-green-trans.gif');
}

#leftsash ul.products li.selected a.blue span.productName {
background-image: url('../image/arrow/arrw-180deg-blue-trans.gif');
}

#leftsash ul.products li.selected ul li a{
font-weight: bold;
background:transparent none repeat scroll 0%;
color:#6491BF;
line-height:12px;
padding:6px 0pt 6px 20px;
}

#leftsash ul.products li ul li a:hover{
background:#FFF !important;
border: 1px solid #F8BF3A !important;
color:#EA7E3A;
padding:5px 0pt 5px 19px;
}
#leftsash ul.products li ul li a.selected,
#leftsash ul.products li ul li a.selected:hover {
background:#FFFFFF url(../image/bullet/bul-smallorange.gif) no-repeat scroll 6px center !important;
border:1px solid #F8BF3A;
color:#EA7E3A;
padding:5px 0pt 5px 19px;
}
/* Left-Sash Action Links
---------------------------- */
#leftsash div.actionLinks {
background: #6791C3 url('../image/background/bkgd-gradient-leftsash-action.gif') left top repeat-y;
}
#leftsash div.actionLinks ul {
background: url('../image/background/bkgd-diag-nav-boxedge-trans.gif') left top no-repeat;
padding: 5px 0;
}
#leftsash div.actionLinks ul li {
background-image: none;
border: 0;
}
#leftsash div.actionLinks ul li.last {
margin-bottom: 0;
}
#leftsash div.actionLinks ul li a {
padding: 3px 8px;
height: 17px;
line-height: 17px;
}
#leftsash div.actionLinks ul li a:hover {
background-image: none;
}
/* Content Area
------------------------- */
#whiteContainer {
border-top: 5px solid #9dbfe3;
padding: 12px 0 0 8px;
width: 773px;
float: left;
overflow: hidden;
background: #fff;
}
div.homepage_content #whiteContainer {
border-top: 5px solid #9dbfe3;
padding: 12px 0 0 0;
width: 966px;
float: left;
overflow: hidden;
background: #fff;
}
/* White Container Box -> Breadcrumbs
---------------------------- */
#whiteContainer #breadcrumbs {
font-size: 11.5px;
font-weight: bold;
color: #b75312;
text-transform: uppercase;
margin-left: 7px;
}
#whiteContainer #breadcrumbs li {
border: 0;
background: transparent url('../image/arrow/arrw-90deg-blue-white.gif') no-repeat scroll right center;
padding-right: 11px;
margin-right: 9px;
}
#whiteContainer #breadcrumbs li.last {
padding-right: 0;
background: none;
}
#whiteContainer #breadcrumbs li a {
color: #0d4e76;
}
#whiteContainer #breadcrumbs li a:hover {
color: #b75312;
}
/* White Container Box -> Heading
----------------------------------------------- */
#whiteContainer .heading {
border-bottom: 1px solid #BD9768;
margin-top: 6px;
padding-bottom: 6px;
padding-left: 5px;
}
#whiteContainer .heading a {
float: right;
}
#whiteContainer .heading h1 {
font-size: 35px;
font-weight: normal;

}
#whiteContainer .heading h1.hasImage {
width: 375px;

}
#whiteContainer .heading .fontsize {
float: right;
line-height: 21px;
margin-top: 2px;
margin-right: 0;
color: #999999;
font-weight: bold;

}
#whiteContainer .heading .fontsize a {
float: none;
clear:none;
color: #999999;
}

#whiteContainer .heading .fontsize a.disabled {
color: #f18e0f;
}
#whiteContainer .heading .fontsize a.disabled:hover {
text-decoration:none;
}

#whiteContainer .heading .fontsize a#med_text{
font-size: 14px;
}
#whiteContainer .heading .fontsize a#lrg_text {
font-size: 16px;
}
#whiteContainer .heading .header-icons {
float:right;
width: 160px;
}
#whiteContainer .heading .icons {

}
#whiteContainer .heading .icons a {
color: #fff;
background: top left no-repeat;
display: block;
line-height: 21px;
margin-left: 6px;
margin-top: 0;
text-indent: -99999px;
}
#whiteContainer .heading .icons a.mail {
width: 24px;
margin-top: 0;
background-image: url('../image/icon/icon-mail.gif');
}
#whiteContainer .heading .icons a.print {
width: 17px;
background-image: url('../image/icon/icon-print.gif');
}
#whiteContainer .heading .icons a.request-info {
width: 101px;
background-image: url('../image/icon/icon-request-info.gif');
}
/* White Container Box -> Content
--------------------------------- */
#content {
width: 519px;
float: left;
padding: 0 8px 0 8px;
}
.homepage_content{
width: 1012px;
padding: 0px;
}
#content p {
font-size: 12px;
margin: 19px 0 9px 0;
}
#content ul, #content ol{
padding:0 10px;
}

#content ol {
padding: 0 26px;
}

#content ol li {
padding: 0 0 5px 0;
line-height: 16px;
color: #3e3e3e;
}

#content ul li{
background: url('../image/bullet/bul-smallorange.gif') 0 6px no-repeat;
padding:    0 0 5px 12px;
line-height:16px;
color: #3e3e3e;
}

#content ul li em {
font-style: italic;
}

#content ul li.lt{
background: none;
padding: 0 0 5px 0px;
color: #999999;
font-size: 14px;
}
div.sitemap {
    float:left; 
    width: 30%;
    padding-top: 15px;
    padding-right: 20px;
}
#content ul.sitemapUl {
  margin-left: 0px;
  padding: 0px;
}
    
ul li ul {
margin-top: 5px;
}

#content table.wimgicons {
    border-collapse: collapse;
    width: 100%;
 }
 

#content table.wimgicons td {
    padding: 5px;
}

#content table.wimgicons td.wimg {
    width: 100px;
}

#content table.wimgicons img {
    float: right;
    padding-left: 10px;
}


#content.fullwidth {
width: 100%;
float: none;
}

/* White Container Box -> Headings
--------------------------------- */
#content h2 {
font-weight: bold;
color: #6C8FB5;
margin: 18px 0 9px 0;
padding-bottom: 6px;
border-bottom: 1px solid #D4D7DC;
font-size: 16px;
}
#content h2.nb {
font-weight: bold;
color: #6C8FB5;
margin-top: 18px;
padding-bottom: 6px;
border-bottom: none;
font-size: 16px;
}
#content h2 em {
color: #f18e0f;
}
#content h3 {
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
font-size: 18px;
color: #999;
font-weight: normal;
margin-top: 10px;
margin-bottom: 9px;
position: relative;
zoom: 1;
}
#content h3 em{
font-style:italic;
font-size: 15px;
}
#content h3 i{
font-style:italic;
font-size: 15px;
color: #6C8FB5;
}
#content h3.force-i{
font-style:italic;
font-size: 15px;
color: #6C8FB5;
text-align: center;
}

#content h3.bq {
font-family: georgia;
font-size: 15px;
color: #B75312;
font-weight: bold;
margin-top: 10px;
margin-bottom: 9px;
padding: 8px 10px 0 10px;
}
#content h3.bq_small {
font-family: georgia;
font-size: 12px;
color: #B75312;
font-weight: bold;
margin-top: 10px;
margin-bottom: 9px;
padding: 8px 10px 0 10px;
}
#whiteContainer .heading h1.hasImage {
width: 368px;
}
#content h3.hasImage {
padding-right: 200px; /* Should match the width of the image included below */
}
#content h3 img {
margin-bottom: 1px; /* Aesthetic nudge */
margin-right: -13px;
bottom: -19px;
right: 0;
position: absolute;
}
#content h4{
margin-top: 15px;
}
img.withh3 {
position:    absolute;
margin:      0 0 0 330px;
top:        85px;
}
/* White Container Box -> Piped Lists
--------------------------------- */
#content ul.piped {
text-align: center;
margin-top: 6px;
clear: both;
}
#content ul.piped li {
border: 0;
border-left: 1px solid;
margin: auto;
margin-right: 8px;
padding: 0 10px;
float: none;
background: url('/image/bullet/bul-arrowdot-90deg-onwhite.gif') right no-repeat;
}
#content ul.piped li {
font-size:11px;
}
#content ul.piped li.first {
border: none !important;
padding-left: 0;
}
#content ul.piped li.last {
padding-right: 10px;
margin-right: 0;
}

/* White Container Box -> Content -> Tabbed Box Table -> Tabs
------------------------------------------------------- */
DIV.tabbedTable TABLE.tabsWrapper {
display: table;
width: 519px;
padding: 0 !important;
margin: 0 !important;
border: 1px solid #6591C0;
border-bottom: 0;
}
DIV.tabbedTable TR.tabs {
display: table-row-group;
vertical-align: middle;
background: #FFFF00;
border: 0;
padding: 0 !important;
margin: 0 !important;
}
DIV.tabbedTable TR.tabs TD {
display: table-cell;
background: #6591C0;
color: #FFFFFF;
background-image: none !important;
text-align: center;
cursor: pointer;
margin: 0 !important;
padding:8px 0 !important;
border-right: 1px solid #FFFFFF;
}
DIV.tabbedTable TR.tabs TD.hover,
DIV.tabbedTable TR.tabs TD:hover {
background-color: #f18e0f;
}
DIV.tabbedTable TR.three-col TD {
width: 172px;
}
DIV.tabbedTable TR.four-col TD {
width: 129px;
}
DIV.tabbedTable TR.five-col TD {
width: 103px;
}
DIV.tabbedTable TR.tabs TD.selected {
background: #FFFFFF !important;
color: #6591C0;
border-bottom: 1px solid #FFFFFF;
}
DIV.tabbedTable TR.tabs TD.last {
border-right: 0;
}
DIV.tabbedTable TR.three-col TD.last {
}
DIV.tabbedTable TR.four-col TD.last {
}
DIV.tabbedTable TR.five-col TD.last {
}

/* White Container Box -> Content -> Tabbed Box -> Tabs
------------------------------------------------------- */
div.tabbed ul.tabs {
border: 1px solid #6591C0;
border-bottom: 0;
width: auto;
background:#6591C0;
padding: 0 !important;
margin: 0 !important;
}
div.tabbed ul.tabs li {
display: inline;
float: left;
background: #6591C0;
background-image:none !important;
padding: 0 !important;
border-right: 1px solid #fff;
text-align: center;
}
div.tabbed ul.three-col li {
width: 33.2%;
/* IE6 width hack 8*/
_width: 33.15%;
}
div.tabbed ul.four-col li {
width: 24.85%;
}
div.tabbed ul.five-col li {
width: 19.85%;
/* IE6 width hack 8*/
_width: 19.77%;
}
div.tabbed ul.tabs li.selected,
div.tabbed ul.tabs li.selected a:hover {
background: #fff !important;
}
div.tabbed ul.tabs li.last {
border-right: none;
margin: 0 !important;
padding: 0 !important;
}
div.tabbed ul.tabs li a {
display: block;
color: #fff;
padding:8px 0 !important;
height: 1%;
}
div.tabbed ul.tabs li a:hover {
text-decoration: none;
background-color: #f18e0f;
}
div.tabbed ul.tabs li.selected a {
color: #6591C0;
}
div.tabbed div.tab_content,
div.tabbedTable div.tab_content {
padding: 15px;
clear: left;
border: 1px solid #6591C0;
border-top: 0;
}
div.tabbed div.tab_content embed,
div.tabbedTable div.tab_content embed,
div.tabbed div.tab_content div#flashcontent embed,
div.tabbedTable div.tab_content div#flashcontent embed{
padding: 0 !important;
margin: 0 !important;
}

#home #flashcontent {
    height: 381px;
}

div.tabbed div.np,
div.tabbedTable div.np{
/* remove padding from previous tabbed_content class*/
padding: 0 !important;
}

#content div.tabbed div.tab_content ul.products,
#content div.tabbedTable div.tab_content ul.products {
padding: 0px;
}
#content div.tabbed div.tab_content ul.products li,
#content div.tabbedTable div.tab_content ul.products li {
display: inline;
padding: 0px 9px;
float: left;
height: 149px;
width: 47%;
background: transparent !important;
border-right: 1px #F18E0F solid;
}

#content div.tabbed div.tab_content ul.products li a,
#content div.tabbedTable div.tab_content ul.products li a {
color: #F18E0F !important;
font-weight: bold;
}

#content div.tabbed div.tab_content ul.products li a.piped, div.tabbed p a.piped,
#content div.tabbedTable div.tab_content ul.products li a.piped, div.tabbed p a.piped {
color: #F18E0F !important;
font-weight: normal;
}

#content div.tabbed div.tab_content ul.products li.last,
#content div.tabbedTable div.tab_content ul.products li.last { 
padding-right: 0px !important;
border: none;
}
#content div.tabbed div.tab_content ul.products li.first,
#content div.tabbedTable div.tab_content ul.products li.first {
padding-left: 0px;
}

#content div.tabbed div.tab_content ul.products li.first span.listhead,
#content div.tabbedTable div.tab_content ul.products li.first span.listhead {
color: #F18E0F !important;
font-weight: bold;
}

#content div.tabbed div.tab_content ul.products li.last span.listhead,
#content div.tabbedTable div.tab_content ul.products li.last span.listhead {
color: #F18E0F !important;
font-weight: bold;
}


/* White Container Box -> Content -> Tabbed Box (Vertical) -> Tabs
------------------------------------------------------------------ */
#content .tabbed.vertical {
margin-top: 7px;
color: #666;
background: #e8f7ff;
}
#content .tabbed.vertical ul.tabs {
border: 0;
width: 130px;
background: none;
float: left;
}
#content .tabbed.vertical ul.tabs li {
width: 160px;
line-height: 84px;
border-right: 7px solid #fff;
background: #d6edff;
}
#content .tabbed.vertical ul.tabs li.selected {
background: #e8f7ff;
border-right-color: #e8f7ff;
}
#content .tabbed.vertical ul.tabs li a {
font-size: 21px;
text-align: left;
text-indent: 25px;
color: #8bb3de;
}
#content .tabbed.vertical ul.tabs li.selected a {
color: #6491bf;
}
#content .tabbed.vertical div.tab_content {
border: 0;
clear: none;
padding: 0 18px 0 24px;
margin-left: 150px;
background: top right no-repeat;
}
#content .tabbed.vertical div.tab_content p {
color: #666;
font-size: 13px;
line-height: 1.5em;
margin-top: 38px;
}
#content .tabbed.vertical div.tab_content h4 {
font-size: 16px;
font-weight: bold;
color: #666;
width: 135px;
padding: 38px 0 0 0;
background: none;
}
#content .tabbed.vertical div.tab_content.wiring {
background-image: url('../image/photo/phot-fingerkid.jpg');
}
#content .tabbed.vertical div.tab_content.otherName1 {
background-image: url('../image/photo/phot-fingerkid.jpg');
}
#content .tabbed.vertical div.tab_content.otherName2 {
background-image: url('../image/photo/phot-fingerkid.jpg');
}
/* White Container Box -> Content -> Tabbed Box -> Content Area
/  Commented out these styles in favor of client specified new styles - Amadeo 8-27-07
--------------------------------------------------------------- 
#content .tabbed div.tab_content {
font-size: 12px;
padding-left: 19px;
padding-top: 13px;
}
#content .tabbed div.tab_content p {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 1.5em;
}
#content .tabbed div.tab_content a {
color: #ea7e3a;
} 
#content .tabbed div.tab_content a:hover {
color: #6491bf;
}
#content .tabbed div.tab_content h3 {
color: #3E3E3E;
margin: 0;
padding: 0;
margin-bottom: 22px;
line-height: 1em;
}
#content .tabbed div.tab_content ul {
margin-top: 31px;
padding: 0;
}
#content .tabbed div.tab_content ul li {
float: left;
padding: 0;
margin: 0 24px 0 0;
width: 140px;
background: none;
}
#content .tabbed div.tab_content ul li.last {
margin: 0;
}
#content .tabbed div.tab_content ul li p {
line-height: 1.4em;
}
#content .tabbed div.tab_content ul.general li a.learnMore {
background: url('../image/bullet/bul-arrowdot-90deg-onwhite.gif') right no-repeat;
padding-right: 10px;
}
*/
/* for Investor info page tabs */
#content .tabbed div.tab_content div.leftlist, #content .tabbedTable div.tab_content div.leftlist  {
float: left;
 width:50%;
 margin:0;
 padding:0;
}
#content .tabbed div.tab_content div.rightlist, #content .tabbedTable div.tab_content div.rightlist {
float: right;
 width:50%;
 margin:0;
 padding:0;
}
/* White Container Box -> Content -> Product Info Box
----------------------------------------------------- */
#content dl.productInfoBox {
background: #FBCC38;
padding-bottom: 3px;
}
#content dl.productInfoBox dt {
height: 91px;
background: url('../image/banner/ban-520x91-wiringthebrain.jpg') top left no-repeat;
text-indent: -99999px; /* Hide text from graphical browsers */
margin-bottom: 3px;
}
#content dl.productInfoBox dd {
}
#content dl.productInfoBox dd dl {
width: 253px;
_width: 250px;
margin: 0 3px;
float: left;
}
#content dl.productInfoBox dd dl dt {
background: #fff;
padding: 13px 8px;
text-indent: 0;
margin: 0;
}
#content dl.productInfoBox dd dl dt {
min-height: 107px;
height: 107px;
}
#content dl.productInfoBox dd[class] dl dt {
height: auto;
}
#content dl.productInfoBox dd dl dt span.head {
display: block;
font-size: 18px;
color: #EC8A4D;
margin-bottom: 8px;
margin-left: 2px;
}
#content dl.productInfoBox dd dl dt span.head img{
position: relative;
top:2px;
margin-right:2px;
}
#content dl.productInfoBox dd dl dt span.subhead {
}
#content dl.productInfoBox dd dl dd {
background: #FFF3C1;
}
#content dl.productInfoBox dd dl dd dl {
width: auto;
margin: 0;
float: none;
border-bottom: 1px solid #CEBE9D;
}
#content dl.productInfoBox dd dl dd dl dt {
padding: 0;
height: auto;
min-height: 0;
background: transparent url('../image/bullet/bul-orange-plus-trans.gif') 8px 14px no-repeat;
border-top: 1px solid #CEBE9D;
border-bottom: 1px solid #FFFEDC;
font-weight: bold;
}
#content dl.productInfoBox dd dl dd dl dt.open {
background-image: url('../image/bullet/bul-orange-dash-trans.gif');
}
#content dl.productInfoBox dd dl dd dl dt a {
display: block;
line-height: 27px;
padding-left: 21px;
margin-top: 3px;
}
#content dl.productInfoBox dd dl dd dl dd {
padding: 10px 8px;
background: #FFDE7D;
border: 1px solid #FFFEDC;
border-top: #CEBE9D;
line-height: 16px;
}
/* White Container Box -> Content -> Success Story Box
----------------------------------------------------- */
#content div.success{
margin: 0;
position: relative;
} 
#content div.success div.content{
height: 253px;
position: relative;
}
#content div.success h2#title{
border: none;
padding: 17px 0 0 8px;
margin: 0;
}
#content div.success h3{
margin: 15px 0 10px 15px !important;
padding: 0;
width: 280px;
}
#content div.success p{
margin: 10px 0 10px 15px !important;
padding: 0;
width: 290px;
}
#content div.success{
background: url(../image/photo/photo-success-kenny.jpg) 0 0 no-repeat;
padding: 0;
position: relative;
}
#content div.case-study{
background: url(../image/photo/phot-casestudytab-st-mary.jpg) 0 0 no-repeat;
padding: 0;
position: relative;
height: 191px !important;
}
#content div.case-study h3{
margin: 15px 0 10px 200px !important;
padding: 0;
width: 290px;
}
#content div.case-study p{
margin: 10px 0 10px 200px !important;
padding: 0;
width: 280px;
}
#content div.success ul{
position: absolute;
bottom: 10px;
left: -5px;
width: 100%
}
#content div.success ul li{
display: inline;
float: left;
margin: 0 7px 0 25px;
padding: 0 0 0 15px;
float: none;
background: url('../image/bullet/bul-arrowdot-90deg-onwhite.gif') 1px 4px no-repeat;
width: auto !important;
}
#content div.success ul li a{
color: #255f83 !important;
font-weight: bold;
}
#content div.success ul li a:hover{
color: #ea7e3a !important;
font-weight: bold;
}
#content div.success ul li a.last{
color: #255f83 !important;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}
/* Orange Column List Styles
-------------------------------------------------- */
div.oc1{
display: inline;
float:left;
border: 2px solid #F18e0F;
width: 517px;
margin: 10px 0 10px 0;
padding: 0;
}
div.oc1 h4{
padding: 0 !important;
margin: 0 !important;
}
div.story{
margin: 5px 10px;
padding: 5px 0 10px 0;
border-bottom: 1px solid #abc3dd;
line-height: 20px;
}
div.oc1 div.last{
border-bottom: none;
}
div.story h5 {
font-size: 12px;
color: #F18e0F;
font-weight: bold;
}
div.story h6 a{
font-size: 12px;
text-transform: uppercase;
color: #255f83;
font-weight: bold;
margin: 0;
padding:0;
}
div.story p{
margin:0 !important;
padding:0 !important;
}
div.story img{
clear: both;
display: block;
border: 1px solid #abc3dd;
}
div.story img.videoLink{
border: none;
margin-top: 5px;
}
div.oc1 ul{
margin: 10px;
}
div.oc1 ul span{
font-weight: bold;
color: #000000;
}
/* White Container -> Form Styles
-------------------------------------------------- */
#content form{
margin-left: 8px;
}
/* Right Sash
------------------------------------ */
#whiteContainer .rightSash {
float: right;
width: 218px;
padding: 17px 0 20px 18px;
background: #fff url('../image/background/bkgd-gradient-rightsash-main.gif') left repeat-y;
overflow: hidden;
height: 100%;
}
#whiteContainer .rightSash h3 {
border-bottom: 1px solid #B8C1C8;
padding-bottom: 8px;
padding-left: 3px;
font-size: 15px;
}
#whiteContainer .rightSash h3.additional {
padding-top: 8px;
}
#whiteContainer .rightSash ul li {
clear: both;
margin: 0;
}
#whiteContainer .rightSash ul li.additional {
clear: both;
margin: 5px 0 0 0;
padding: 0;
}
#whiteContainer .rightSash ul li.additional ul li p{
padding: 0 0 0 3px;
margin: 7px 0;
}
#whiteContainer .rightSash ul li.first {
margin-top: 7px;
}
#whiteContainer .rightSash ul li li {
clear: none;
margin: 0;
}

#whiteContainer .rightSash img.icon {
float: left; 
margin: 0 4px 0 0;
}

/* Right Sash -> Arrowed list
---------------------------------------------------- */
#whiteContainer .rightSash ul li.arrowed ul {
display: inline;
}

#whiteContainer .rightSash ul li.arrowed ul li, 
#whiteContainer .rightSash ul li.additional li li{
display: block;
background: url('../image/arrow/arrw-90deg-blue-white.gif') left 7px no-repeat;
padding:    3px 0 3px 8px;
margin-left: 3px;
}
#whiteContainer div.rightSash ul li.arrowed ul li a:link {
color: #255f83;
}
#whiteContainer .rightSash ul li.arrowed ul li a:hover {
color: #ea7e3a;
}

#whiteContainer .rightSash ul li ul li.no-arrow {
background: none;
padding: 0;
}
/* Right Sash -> Form
---------------------------------------------------- */
#whiteContainer .rightSash div.right-form {
margin: 0;
padding: 0;
}
#whiteContainer .rightSash div.right-form form input.right-input {
padding: 0  0 0 3px;
margin: 3px 0 0 0;
display:  inline;
width: 150px;
}
#whiteContainer .rightSash div.right-form form input.right-submit {
border: 0;
float:right;
display:  inline;
margin: 4px 15px 0 0;
padding: 0;
clear:none;
}


/* Right Sash -> Tout
-------------------------------------------- */
#whiteContainer .rightSash ul li.tout div {
font-size: 0;
float: left;
margin: 15px 0 0 3px;
}
#whiteContainer .rightSash ul li.tout div a {
background: #f2b086;
color: #fff;
display: block;
text-align: right;
line-height: 20px;
text-transform: uppercase;
padding-right: 5px;
font-size: 12px;
}
/* for image as a link */
#whiteContainer .rightSash ul li.tout div a.rimage {
background: none;
padding:0;
}
#whiteContainer .rightSash ul li.tout div a span {
background: url('../image/arrow/arrw-90deg-white-orange.gif') left no-repeat;
padding-left: 10px;
}
/* Right Sash -> Pull Quote
-------------------------------------------------- */
#whiteContainer .rightSash ul li.pullQuote {
background: url('../image/doodad/doo-quoteopen.gif') 0 20px no-repeat;
padding-top: 7px;
margin: 0;
}
#whiteContainer .rightSash ul li.pullQuote p {
/*background: url('../image/doodad/doo-quoteclose.gif') bottom right no-repeat;*/
padding: 0 25px 0 10px;
margin: 20px 20px 0 0;
text-indent: 18px;
font-size: 18px;
color: #999;
}
#whiteContainer .rightSash ul li.pullQuote p img.quote-close{
position: relative;
top: 2px;
left: 6px;
}
/* Right Sash -> Pull Quote Results Reports
-------------------------------------------------- */
#whiteContainer .rightSash ul li.reportQuote {
background: url('../image/doodad/doo-quoteopen.gif') 0 20px no-repeat;
padding-top: 7px;
margin: -20px 0 0 0;
}
#whiteContainer .rightSash ul li.reportQuote p {
/*background: url('../image/doodad/doo-quoteclose.gif') bottom right no-repeat;*/
padding: 0 25px 0 10px;
margin: 20px 20px 0 0;
text-indent: 18px;
font-size: 18px;
color: #999;
}
#whiteContainer .rightSash ul li.reportQuote p img.quote-close{
position: relative;
top: 2px;
left: 6px;
}
#whiteContainer .rightSash ul li p.citation {
padding: 0 25px 0 10px;
margin: 20px 20px 20px 0;
text-indent: 0;
font-size: 14px;
color: #6491bf;
}
#whiteContainer .rightSash ul li p.citation  a:link, #whiteContainer .rightSash ul li p.citation a:visited {
color: #4f7cb2; 
text-decoration: underline;
}
#whiteContainer .rightSash ul li p.citation a:hover {
color: #0d4e76; 
text-decoration: underline;
}


/* Page-specific setting
-------------------------------------------------- */
div#casestudy-quote-box,
div.reallife_quote_box{
/*border: 1px solid #FF9933;
padding: 10px;*/
width: auto;
margin: 0;
}
div#casestudy-quote-box h5,
div.reallife_quote_box h5{
font-size: 14px;
font-weight: bold;
display: block;
margin-bottom: 7px;
}
div#casestudy-quote-box li span,
div.reallife_quote_box li span{
font-weight: bold;
}
div#casestudy-quote-box li,
div.reallife_quote_box li{
list-style-type: none;
font-size: 12px;
font-weight: normal;
line-height: 17px;
}
div.reallife_quote_box img#student_image{
float: left;
padding-right: 10px;
border: none;
}
/* Home Page Styles
-------------------------------------------------- */
#home{
padding: 0;
margin: 0;
background:none;
}

#home img#signup{
display: inline;
float:right;
margin: -8px 0px 5px 0;
}
#home #bottom{
width: 100%;

background: url('../image/background/bkgd-home-bottom.gif') 0 0 repeat-y;
border-bottom: 6px #2c5c93 solid;
padding: 0;
margin: 0;
}
#home div{
float: left;
display: inline;
padding: 0;
margin: 0;
}
#home #bottom #left{
width: 445px;
position: relative;
}

#home #bottom #left div#mon{
position: absolute;
top:-25px;
background: url('../image/Fast-ForWord/brain-fitness-exercises.png') 0 0 no-repeat;
width:130px;
height: 141px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/Fast-ForWord/brain-fitness-exercises.png', sizingMethod='scale');
_background-image:none;
}

#home #bottom #center{
padding: 11px 10px 0 0;
width: 310px;
}
#home #bottom #center h1{
text-transform:uppercase;
color: #2c5c93;
font-size: 11px;
font-weight: bold;
margin:0 0 5px 0;
}
#home #bottom #center h2{
color: #b75312;
font-size: 11px;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#home #bottom #center p{
color: #2c5c93;
font-size: 11px;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#home #bottom #center p a{
color: #b75312;
font-size: 11px;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#home #bottom #center a.more{
float: right;
display: inline;
margin: 4px 3px 0 0;
text-transform: uppercase;
font-weight: normal;
color: #b75312;
clear: both;
}
#home #bottom #right{
padding: 27px 0 0 0;
margin: 0;
}
/* Search Results Styles
-------------------------------------------------- */
p.recommended{
background-color: #F8FFBF;
padding:5px;
}
form.search-form{
padding:0 9px;
}
form.search-form .radio{
position:  relative;
top:  3px;
margin-right: 2px;
}
/* Press Release Index Settings------------------------*/
div.pr{
display: block;
margin: 0 0 10px 0 !important;
padding: 0;
width: auto;
}
span.left {
clear:both;
float:left;
text-align:left;
width:50px;
padding: 0;
}
span.right {
display:block;
float:right;
margin:0;
text-align:left;
width:440px;
}
/* Product page exercise images */
.floatholder {
margin:0;
padding:0;
border:0;
}
span.rightimg {
display:inline;
float:right;
margin: 10px 0 4px 6px;
padding:0;
}
span.lefttext {
display:inline;
float:left;
margin: 0;
padding:0;
width:70%;
}
/* Scientist page video layout  and SBR landing page */
span.rightcol {
display:inline;
float:right;
padding:0 10px 0 10px;
text-align:left;
padding:0;
width:50%
}
span.leftcol {
display:inline;
float:left;
padding:10px 0;
margin: 0;
padding:0;
width:45%;
}

/* illustration image and text on Classroom Resources page */
div.ill {
   padding: 0 4px 10px 0;
   float:left;
}

div.ill-text {
   font-size: 12px;
   color: #3e3e3e;
   margin:0 !important;
}
div.clearboth {
   clear: both;
}

/* thumbnail image and text on videos page */
div.thumbLeft {
   padding: 0 10px 10px 0;
   float:left;
   
}
div.textRight {
   font-size: 12px;
   color: #3e3e3e;
   margin: 20px 0 20px 0 !important;
   display: inline;
       
}
div.textRight p {
width: 85%;
*width: 70%;
_width: 60%;
margin:0 !important;
padding: 0 !important;
}
/* table with blue border on committees page */
table.outline { border-collapse: collapse; border: 1px solid #6591C0; background-color: #ffffff;}
table.outline td { border: 1px solid #6591C0;padding:4px; }

/* table with orange header on myscilearn product page */
table.myscilearn { border-collapse: collapse; border: 1px solid #6591C0; background-color: #ffffff; width: 280px; margin-bottom: 10px;}
table.myscilearn td { border: 1px solid #6591C0;padding:5px; }
table.myscilearn th { color: #fff; background-color: #dc6736;padding:5px; font-size: 12px; }
table.myscilearn td.aligncenter {text-align: center;}

table.myscilearnFull { width: 100%; }

/*Footer Settings------------------------*/
#footerContainer #footer{
width: 966px;
margin: 20px  auto;
padding:0px 29px;
overflow: hidden;
}

/*-- two column - map and right boxes */
div.col2_wrap_footer {
width:100%;
clear:both;

}

div.col1_footer {
width:590px;
_width:596px;
float:left;
display:inline;
padding: 0 0 22px 15px;
}


div.col2_footer {
width:361px;
_width:361px;

float:right !important;
display:inline;
}



div.col2_footer p, div.col1_footer p {
clear: both;
display: block;
color: #A5A5A5;
font-size: 12px;
padding-top: 15px !important;
}

div.col2_footer p.social_text{
margin:  0;
padding-left: 50px;
_padding-left: 50px;

padding-top: 10px !important;
display: inline;
float:left;
color: #666666;
height: 100%;
}

div.col2_footer p.slc_text{
float:left;
padding-left:50px;
display:inline;
width: 100%;
margin: 0;
padding-top:0;
*margin-top: 15px !important;
}

#footer ul 
{
padding: 0;
display: inline;
float:left;
margin: 10px 0 0 0;

}
#footer ul li {
display: inline;
margin: 0;
height: 10px;
padding: 0 17px 0 0 !important;
}
#footer ul li.last {
background: none;
}
#footer ul li a 
{
font-family: Arial,Verdana,Helvetica,Sans-serif;
font-weight: normal;
font-size: 12px;
color: #2C5C93;
text-decoration: none;
}
#footer ul li a:hover{
text-decoration: underline;
}
#footer span{
}
#footer ul li a.selected{
color : #F18E0F;
}

#footer .social-icons {
display: inline;
float:right;
margin: 8px 0 0 0;
}

#footer .social-icons a {
color: #4d7d9a;
background: top left no-repeat;
float: left;
display: inline;
line-height: 28px;
text-indent: -99999px;
}
#footer .social-icons a.twitter {
margin: 0 2px 0 0px;
background-image: url('../image/icon/icon-twitter.png');
width: 28px;
}
#footer .social-icons a.facebook {
margin: 0 2px 0 1px;
background-image: url('../image/icon/icon-fb.png');
width: 28px;
}
#footer .social-icons a.youtube {
margin: 0 2px 0 1px;
background-image: url('../image/icon/icon-yt.png');
width: 28px;
}
#footer .social-icons a.rss {
margin: 0 2px 0 1px;
background-image: url('../image/icon/icon-rss.png');
width: 28px;
}
/*  /footer */

#overlay {
position: absolute;
top: 0px;
left: 0px;
background-color: #000000;
height: 100%;
width: 100%;
opacity: 0.8;
-moz-opacity: 0.8;
_filter:alpha(opacity=50);
z-index: 5000;
display: none;
}

#lightboxContainer {
position: absolute;
background-color: #f8f8f8;
margin-left: -150px;
border: 5px #6591C0 solid;
left: 50%;
top: 30%;
width: 300px;
padding: 20px;
z-index: 5250;
display: none;
}

#lightboxContainer p {
    padding: 5px 0;
}

#lightboxContainer p.submitcell {
    text-align: center;
}


/* Bugfixes
---------------- */
.clearfix:after { /* All except IE */
content: ".";
display: block;
height: 0;
line-height: 0px;
clear: both;
visibility: hidden;
}
.clearfix { /* IE Mac */
display: inline-block;
}
/* Hides from IE Mac, for IE Win \*/
* html .clearfix {
zoom: 1;
}

* :first-child+html .clearfix {
zoom: 1;
}
.clearfix {
display: block;
}
/* End hide from IE Mac */
/* Event Ready Styles
---------------------------------*/
div#iplan_layout table td{
    padding: 2px !important;
}
/* table for show times */
table.outline { border-collapse: collapse; border: 1px solid #e2e3e2;width:100%}
table.outline  td { border: 1px solid #e2e3e2;padding:4px; font-size:12px; }
table.outline  th { border: 1px solid #e2e3e2;padding:4px; font-size:12px; }

/* Thickbox styles
-------------------------------------------------------------*/
div#lightbox ul li, div#lightbox ul li ul li {

background: url('../image/bullet/bul-smallorange.gif') 0 6px no-repeat;
padding:    0 0 5px 12px;
line-height:16px;
color: #3e3e3e;
}

/* Show/hide on RAEE page for library image content
-------------------------------------------------------------*/

.demo-show, .demo-show2 {
  width: 230px;
  margin: 1em .5em;
}
.demo-show h3, .demo-show2 h3 {
  margin: 0;
  padding: .25em;
   border-top: 1px solid #386785;
  border-bottom: 1px solid #386785;
  font-size: 12px !important;
  color: #3e3e3e !important;
  font-weight: bold !important;
 
  background: #ffff99 url(../image/background/bkgd-show-details.gif) left top no-repeat;
}
.demo-show div, .demo-show2 div {
  padding: 0 .25em;
}

.demo-show h3.hover, .demo-show2 h3:hover {
    
  background: #cdff99  url(../image/background/bkgd-show-details-hover.gif) left top no-repeat;
  cursor: pointer;
}
.demo-show h3.on {
 background: #cdff99;
 /* background: transparent url(../image/arrow/arrw-180deg-blue-trans.gif) right 8px no-repeat; */
}


/* for RAEE library */
#content .tabbed div.tab_content div.leftlib, #content .tabbedTable div.tab_content div.leftlib  {
float: left;
 width:50%;
 margin:0;
 padding:0;
}
#content .tabbed div.tab_content div.rightlib, #content .tabbedTable div.tab_content div.rightlib {
float: right;
 width:50%;
 margin:0;
 padding:0;
 padding-top:  16px;
}

/*  SBR results page */
#content div.recommended {
background-color: #F1F0F8;
padding: 10px;

}

#content div.recommended h2{
border: none;
color:  #6C8FB5;
font-weight: bold;
font-size: 14px;
margin:0 !important;
padding:0 !important;
}

#content span.content-head {
color: #F18E0F !important;
font-weight: bold;
margin:0 !important;
margin-top:  -10px !important;
font-size:14px;
padding:0 !important;
}
#content div.results-number {
padding: 10px 0;
color:  #6C8FB5;
font-weight: bold;
}
#content div.results-number span.right-col {
display:inline;
float:right;
text-align:right;
padding:0;
width:45%
}
#content div.results-number  span.left-col {
display:inline;
float:left;
margin: 0;
padding:0;
width:50%;
}

form select.resultsbox {
width: 250px;
}
/*  End SBR results page */

/* new styles for Services section */
#content ul.links li{
background: url('../image/bullet/bul-double-arrow.gif') 0 3px no-repeat;
padding:    0 0 5px 12px;
line-height:16px;
color: #3e3e3e;
}

#content ul.links li a {
text-decoration: none;
color: #2c5c93;
font-weight: bold;
}
#content ul.links li a:hover {
text-decoration: underline;
color: #0d4e76;
}

#content h3.lg-header {
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
color: #999;
font-weight: normal;
margin-top: 18px;
position: relative;
zoom: 1;
}
.adjust_bottom {
margin-bottom: -10px !important;

}


#content h3.adjust-bottom {
margin-bottom: 10px;
}
#content h2.lg-header {
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
font-size: 22px;
color: #f18e0f;
font-weight: bold;
margin-top: 10px;
margin-bottom: -10px;
position: relative;
zoom: 1;
}

div.rightcol {
display:inline;
float:right;
text-align:left;
padding:0 10px;
width: 246px;
}

div.rightcol p{
margin:0;
padding:0;
}
div.leftcol {
display:inline;
float:left;
margin: 0;
padding:0;
width:246px;
}

#content div.services-bp-1 {
background: url('../image/background/bkgd-services-1-set-the-plan.gif')  no-repeat left top;
height:63px;
width:424px;
margin-top: 10px;
}
#content div.services-bp-2 {
background: url('../image/background/bkgd-services-2-prof-development.gif') no-repeat left top;
height:63px;
width:424px;
margin-top: 10px;
}
#content div.services-bp-3 {
background: url('../image/background/bkgd-services-3-set-the-schedule.gif') no-repeat left top;
height:63px;
width:424px;
margin-top: 10px;
}
#content div.services-bp-4 {
background: url('../image/background/bkgd-services-4-create-learning-environment.gif') no-repeat left top;
height:63px;
width:500px;
margin-top: 10px;
}
#content div.services-bp-5 {
background: url('../image/background/bkgd-services-5-see-the-gains.gif') no-repeat left top;
height:63px;
width:424px;
margin-top: 10px;
}
#content ul.services-bp {
margin-left: 70px;
margin-top:  -20px;
margin-bottom:  -5px;
padding-bottom: 0;
}
.right-button{
clear:both;
float:right;
padding-right: 20px;

}/* the overlayed element */
.latest_overlay {
    display:none;
    text-align: left;
    padding:20px !important;
    width:520px;  
    background-color: #fff;

}
.latest_overlay h4,  .latest_overlay p  {
  margin-bottom: 15px;
}
.latest_overlay h4 {
  color: #4f7cb2;
font-size: 18px;
}
 .latest_overlay p {
font-size: 14px !important;
}

/* close button positioned on upper right corner */
.latest_overlay .close {
background: url(/image/button/but-close.png);
position:absolute;
right:-17px;
top:-17px;
cursor:pointer;
height:35px;
width:35px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-close.png', sizingMethod='scale');
_background-image:none;
}

/* the overlayed element for video page*/
.simple_overlay {

/* must be initially hidden */
display:none;
text-align: center;
    padding:10px;
    width:500px;
       background-color: #000;

}
.simple_overlay_640 {

/* must be initially hidden */
display:none;
text-align: center;
    padding:10px;
    width:640px;
    background-color: #000;

}


.simple_overlay_320 {

/* must be initially hidden */
display:none;
text-align: center;
    padding:10px;
    width:320px;  
    background-color: #000;

}

/* close button positioned on upper right corner */
.simple_overlay .close, .simple_overlay_320 .close, .simple_overlay_640 .close  {

background: url(/image/button/but-close.png);
position:absolute;
right:-17px;
top:-17px;
cursor:pointer;
height:35px;
width:35px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-close.png', sizingMethod='scale');
_background-image:none;
}

/* Three column layout (St Mary landing page) */
.block_1, .block_1_bkgrd
{
float: left;
width: 34%;
margin-left: 33%;
}
* html .block_1
{
display: inline;
}
* html .block_1_bkgrd
{
display: inline;
}

* html .block_1_50
{
display: inline;
}


.block_2
{
float: left;
width: 33%;
margin-left: -67%;
}
.block_3, .block_3_bkgrd 
{
float: left;
width: 33%;
}
.block_1_bkgrd, .block_3_bkgrd
{
background: #FFFFCC;
}
.block_3_bkgrd
{
background: #FFFFCC;
}
.block_1_50 {
float: left;
width: 50%;
margin-left: 49%;
}

.block_2_50 {
float: left;
width: 49%;
margin-left: -99%;
}


.block_1 p,.block_2 p,.block_3 p, .block_1_50 p, .block_2_50  p {
margin: 10px 15px 5px 0 !important;
}

 .block_1_bkgrd p
 {
margin: 10px 15px 5px 6px !important;
}
 .block_3_bkgrd p
{
margin: 10px 15px 2px 6px !important;
}

.wrapper
{
position: relative;
overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
.rightbutton{
clear:both;
float:right;
padding-right: 20px;
margin-top: -10px !important;
}
#content h3.lgheader {
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
font-size: 22px;
color: #999;
font-weight: normal;
margin-top: 8px;
_margin-top: 0;
margin-bottom: 0;
position: relative;
}
#content .block_1_bkgrd h3.lgheader {
margin-left: 4px;
}
/* 2 column layout (Brain Events page with form )
-------------------------------------------------------------*/

#col_1 {
float:left;
width: 366px;
padding:10px;

}

#col_2 {
float:right;
width:366px;
padding:10px;
}

/* 2 column layout (Florida state page)
-------------------------------------------------------------*/
div.col_f_wrap {
width:100%;
}
#col_1f {
float:left;
width: 228px;
padding:10px 10px 0 10px;
display:inline;
border:1px solid #E8EFF6;
}

#col_2f {
float:right;
width:228px;
padding:10px 10px 0 10px;
display:inline;
border:1px solid #E8EFF6;
}
#col_1f p, #col_2f  p {
margin-top: -4px;
}



/* Country List css
-------------------------------------------------------------*/
#countrydiv .menutitle{ 
cursor:pointer; 
margin-top: 5px; 
margin-bottom: 0px;
background-color:#E8EFF6; 
color:#333; 
padding: 2px 0px 2px 5px; 
text-align:left; 
font-weight:bold; 
font-size:12px; 
} 

#countrydiv .submenu{ 
padding:10px; 
font-size:90%; 
margin-bottom: 0.5em; 
font-size:11px;
margin-top:0px; 
border: 1px solid #E8EFF6; 
border-top:0px; 
} 
#countrydiv .submenu h2{ 
color: #426885;
font-size: 12px;
font-weight: bold;
border:0;
padding: 0 !important;
margin: 0px !important;
}
#countrydiv .submenu p{ 
 margin: 0px !important;
}
table.which { 
border-collapse: collapse; border: 0; background-color: #ffffff;
margin: -8px 0 0 0;
height: 386px;
width: 100%;

}
table.which th {
font-size: 18px;
color: #3F849E;
font-weight: bold;
text-align: left;
padding:4px 8px;
width: 70%;
}
table.which th.whichproduct{
font-size: 14px;
padding:8px 12px;
width: 30%

}
table.which tr {
border: 0;
}
table.which tr.shade { 
background-color: #e7e7e7;
}
table.which td { 
font-size: 12px;
color: #3e3e3e;
padding:4px 8px;
}
table.which td p {
font-size: 11px;
padding:4px 0 4px 4px;

}

table.which td img {
margin-left: 0px;
vertical-align:bottom;
}
table.which td a.checked {
padding: 6px 0 0 4px;
}
table.which td a.offSite_link {
background: url(/image/icon/icon-offsite.png)  right top no-repeat;
padding:    0 15px 0 0;
margin-right: -15px;
width: 12px;
height: 14px;

}
a.offSite_link {
background: url(/image/icon/icon-offsite.png)  right top no-repeat;
padding:    0 15px 0 0;
width: 12px;
height: 14px;

}
/* table for webinar realtime Virtual Brain Seminar reg page */
#events
{
width:100%;
border-collapse:collapse;
border:1px solid #E8EFF6;
}
#events td, #events th 
{
padding:3px 4px 2px 4px;
}
#events th 
{
font-size:11px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#E8EFF6;

}
#events tr td 
{
font-size:11px;

}
#events tr.alt td 
{
background-color:#e7e7e7;
}
.italicNow {
font-style: italic;
color: #3e3e3e;
}
h2.noMargin {
margin: 0 !important;
padding 0 !important;
border: 0 !important;
}