@charset "utf-8";
/* CSS Document */
body {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}



small {font-family:Arial, Helvetica, sans-serif; font-size:8pt; padding: 0px 0px 0px 0px; color: #999999;}
small a:hover {font-family:Arial, Helvetica, sans-serif; font-size:8pt; padding: 0px 0px 0px 0px; color: #990000;}

strong {font-family:Arial, Helvetica, sans-serif; font-size:8pt; color: #333;  padding: 0px 0px 0px 0px; font-weight:bold;}
strong a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color: #990000;  padding: 0px 0px 0px 0px;font-weight:bold;}

.bold {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color: #333; font-weight:bold;}

td {padding: 0px 0px 0px 0px;}

.clear {display: block; padding: 10px 0px 0px 0px;}

/*Top logo*/
.toplogo { width:990px; margin: 0 auto; height:80px; text-align:left; background-image: url(../images/elftone.gif); background-repeat:no-repeat;} 

/*Top Level Navigation*/
.topnavigation { margin-top:-30px; width:100%; padding:0px 0px 0px 0px; height:30px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#333333;}
#topnavigationlinks li {float:left; margin-top:-30px;  display:block;  background:url(../images/menubg.gif); background-repeat:no-repeat; height:30px; width:160px; text-align:center;  margin: 0 auto;}
.topfont { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; padding-top:7px; margin-top:0px;}
.topnavigation a {float:left; display:block; text-decoration: none; font-weight:bold; font-size:10pt; height: 30px; width:160px; text-align:center;}
.topnavigation a:hover {float:left; display:block; text-decoration: none; font-weight:bold; font-size:10pt; color:#000; background:url(../images/menubgroll.gif); background-repeat:no-repeat; height:30px; width:160px; text-align:center; margin-top:0px;}



/*Second Level Navigation*/
.secondnavigation { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#333333; width:100%; height:30px; background-color:#f5f4f2; list-style-type: none; }
#secondfontlinks li {  display:block; float:left; padding: 7px 0px 0px 0px; margin-left:-5px; width:auto;}
#secondfontlinks li a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration: none; font-weight:bold; color:#333; }
#secondfontlinks li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration: none; font-weight:bold; color:#900; }
/*.secondnavigation a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration: none; font-weight:bold; font-size:9pt; color:#333333;}
.secondnavigation a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration: none; font-weight:bold; font-size:9pt; color:#990000;}*/
.secondnavigationfont {font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#333333; text-align:left; }

.seperator {background-image:url(../images/menubreakers.gif);  background-repeat:no-repeat; height:30px; width:1px; padding:0px 10px 0px 10px;}
.seperator1 {padding:0px 10px 0px 10px;}
.menucontainer {width: 900px; margin: 0 auto; padding-left:100px;}


/*Search Bar*/
.searchbar { width:100%; height:50px; background-image:url(../images/searchbar64.gif); background-repeat:repeat-x; padding:3px 0px 3px 0px;}
.searchcontainer {width: 650px; margin: 0 auto;}
.searcharea { float: left; width:600px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:4px 15px 0px 15px;}
.searchtelephone { float: left; width:330px; font-family:Arial, Helvetica, sans-serif; text-align: right; padding:6px 0px 0px 0px;}
.searchbarfont { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:9pt; font-weight:bold; padding:5px 0px 15px 0px;}
.searchbarfonttel { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:9pt; font-weight:bold; padding:5px 0px 15px 0px; text-align:right;}
.searchdropdown { border:1px solid #DBDBDB; color:#000; font-size:9pt; padding:2px 5px 2px 5px;}
.searchdropdown:hover, .button:focus {color:#fff; cursor:pointer; border:1px solid #DBDBDB; color:#000; font-size:9pt; padding:2px 6px 2px 5px;}
.submit {background: url(../images/gobutton.gif) left top; color:#fff; border:none; font-size:10pt; font-weight:bold; cursor:pointer; width:40px; height:20px;}
.submit:hover {background: url(../images/gobuttonroll.gif) left top; color:#fff; border:none; font-size:10pt; font-weight:bold; cursor:pointer; width:40px; height:20px;}



/*Central Holder*/
.centralholder {width: 1000px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.4em;}


/*menu*/
.menu { float:left; width: 180px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.7em; padding: 0px 0px 0px 10px;}
.menutext {font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.6em; color:#000;}
.menu H2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:1.6em; font-weight:bold; color:#990000; padding:0px 0px 5px 0px;}
.menu li {list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.7em; }

.menu a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt; font-weight:bold; color:#333333; line-height:0.2em; }
.menu a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; font-weight:bold; line-height:0.2em;}
.red{color:#990000;}
.red a{color:#990000;}
.red a:hover{color:#990000;}


/*Brand Search*/
.brandsearch { float:left; width: 180px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.6em;}
.brandsearch H2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:1.6em; font-weight:bold; color:#990000; padding:20px 0px 5px 0px;}
.brandpadding {padding:0px 0px 0px 0px; margin: 0px 0px 0px -5px;}


/*Vertical Seperator*/
.verticalbreak { float:left; width:20px; height:700px; background-image:url(../images/verticalline.gif); background-repeat:no-repeat; margin:0px 20px 0px 0px;}


/*Product area*/
.productimage { float:left; width:300px; height:100%; padding:0px 10px 0px 0px;}
.mainproductimage { position:relative; width:290px; margin-top:10px;}
.thumb1 { float:left; width:85px; height:85px; border:solid; border-width:thin; color:#e4e4e4; margin:10px 5px 0px 0px; border-width:1px;}
.thumb2 { float:left; width:85px; height:85px; border:solid; border-width:thin; color:#e4e4e4; margin:10px 5px 0px 10px; border-width:1px;}
.thumb3 { float:left; width:85px; height:85px; border:solid; border-width:thin; color:#e4e4e4; margin:10px 5px 0px 10px; border-width:1px;}


/*Product Description*/
.description { float:left; width: 370px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding:0px 0px 40px 0px; line-height:1.4em; }
.description H2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#990000; padding:10px 0px 5px 0px;}
.description H1 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#000; padding:10px 0px 5px 0px;}
.description .unorderedlist ul {padding-left: 1em;}
.description .unorderedlist li {list-style-type: disc;}


/*related products*/
.footercontainer {width: 1000px; margin: 0 auto;}
.hbreaker { float:left; background-image:url(../images/horizontalbreaker.gif); background-repeat:repeat-x; width:100%; height:42px;}
.relatedproducts {float: left; width:100%;}
.relatedproducts H1 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#000; padding:10px 0px 0px 0px;}

.product1 { float:left; width:145px; height:200px;  color:#e4e4e4; margin:10px 20px 0px 0px; padding-bottom:10px;}
.product1 a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold; margin-top:20px; padding-bottom:10px;}
.product1 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold; padding-bottom:10px;}

.product2 { float:left; width:145px; height:145px; margin:10px 20px 0px 10px;}
.product2 a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.product2 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}


.product3 { float:left; width:145px; height:145px;  margin:10px 20px 0px 10px; }
.product3 a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.product3 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}

.product4 { float:left; width:145px; height:145px;  margin:10px 20px 0px 10px; }
.product4 a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.product4 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}

.margin10 {margin-top:10px;}


/*Footer*/
.footerbg { float:left; width:99%; background-image:url(../images/footerbg.gif); height:80px; background-repeat:repeat-x; padding:0px 0px 20px 0px;}
.footer { float: left; width:650px; padding:0px 0px 20px 20px;}
.designfooter { float: left; width:300px; font-family:Arial, Helvetica, sans-serif; text-align: right; padding:0px 0px 10px 0px;}
.footertext { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt;  padding:4px 0px 10px 0px;}
.designtext { font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:9pt;  padding:4px 0px 10px 0px;}
.designtext a {text-decoration: none; font-size:9pt; color:#333333;}
.designtext a:hover { text-decoration: none;font-size:9pt; color:#990000;}


/*footer Navigation*/
.rightcontainer {float: left; width: 720px; margin: 0 auto;}
.middlecontainer {float: left; width:500px; height:700px; margin: 0 auto; background-image:url(../images/verticalline.gif); background-repeat:no-repeat; }
.leftcontainer {float: left; width: 190px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; padding-left:10px; }



.maincontainertop { width: 840px; margin: 0 auto; padding:0px 0px 0px 150px;}
.topnavcontainer { width: 100%; }
.maincontainer { width: 1000px; margin: 0 auto;}
.footercontainer {width: 1000px; margin: 0 auto;}
.companyfooterlogo { margin-top:-1px; border:none;}
.secondlevel {padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:9px;}





/*Article page styling*/

/*Article middle styling*/
.middlecontainerarticle {float:left; width:500px; margin:0 auto; padding:0px 20px 0px 0px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333; line-height:1.4em;}
.middlecontainerarticle a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt;  color:#333333;}
.middlecontainerarticle a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000;}
.middlecontainerarticle h2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:1.6em; font-weight:bold; color:#333; padding:30px 0px 10px 0px;}

.middlecontainerarticle H1 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#000; padding:10px 0px 10px 0px;}
.middlecontainerarticlefont {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333;}
.articledate {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:8pt; color:#999999;}
.printlink{list-style: url(../images/printicon.gif); margin:15px 0px 0px 17px;}
.arrowlink{list-style: url(../images/arrow-back.gif); margin:15px 0px 0px 17px;}
.print {font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#333333;}
.print a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt; font-weight:bold; color:#333333;}
.print a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; font-weight:bold;}



/*Global form styling*/
.middlecontainerarticle td {padding: 0px 10px 15px 0px;}
.middlecontainerarticle input {width:300px;}
.middlecontainerarticle textarea{width:300px;}
.middlecontainerarticle .btn_submit{width:100px;}
.middlecontainerarticle .btn_long{width:150px;}
.middlecontainerarticle .error{color:#990000; font-weight: bold; padding-top:15px; padding-bottom:15px;}
.middlecontainerarticle .fieldrequired {color:#990000;}
.middlecontainerarticlefont {font-family:Arial, Helvetica, sans-serif; font-size:9.5pt; color:#333; padding-top:10px; padding-bottom:10px}
.middlecontainerarticlefont p {padding-top: 5px; padding-bottom: 5px}



/*rightcontainer related articles styling*/
.rightcontainerarticle {float: left; width: 200px; padding:10px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333; }
.relatedarticles { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333; float:left; width:178px; background-color:#fbfbfb ; border:solid #e4e4e4 1px; padding:0px 10px 10px 10px;}
.relatedarticles li {list-style: url(../images/relatedarticlearrow.gif); margin: 0px 0px 0px 0px;}
.relatedarticles h2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:1.6em; font-weight:bold; color:#990000; padding:5px 0px 0px 0px;}
.relatedarticlesfont {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333;}
.relatedarticlesfont a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt; color:#333333;}
.relatedarticlesfont a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000;}
.relatedarticlesfontbold {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333; font-weight:bold;}


/*rightcontainer how to order styling*/
.relatedhowtocontainer { float: left; width: 180px; padding:20px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt;}
.relatedhowto {float:left; width: 178px;  background-color:#fbfbfb; border:solid #e4e4e4 1px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; padding:0px 10px 10px 10px; }
.relatedhowto a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt; color:#990000;}
.relatedhowto a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333333;}
.relatedhowto h2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#990000; padding:15px 0px 5px 0px;}

/*Homepage CSS*/

.advertisingslot {float:left; width:500px; float:left; height:215px;  border: none;}
.advertisingslot img {border: none;}
.breakertop { width:500px; float:left; height:15px; background-image:url(../images/breaker.gif); background-repeat:no-repeat; padding:5px 0px 10px 0px;}

.bottom-promos {float:left; width:720px;}
.bottom-promos img {border: #EBEBEB 1px solid;}
.bottom-promos .item-row {clear:both;}
.bottom-promos .item {float:left; width:150px;  margin:0 40px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding:0 0 10px 0;}
.bottom-promos  .last {margin:0;}
.bottom-promos .item a {text-decoration: none; font-size:12pt; font-weight:bold; color:#333333; padding: 5px 0 5px 0;}
.bottom-promos .item a:hover, .bottom-promos .item a:focus, .bottom-promos .item a:active {color:#990000;}
.bottom-promos .item  h2 {font-size:12pt; font-weight:bold; color:#000; padding:5px 0px 8px 0px; line-height:1.2em; }

.imgborder  {border:solid #e4e4e4 1px;}

/*news*/

.newsfont {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333;}
.newsfontbold {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333; text-decoration:none; font-weight:bold;}
.newsfontbold a {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#333333; font-weight:bold; text-decoration:none;}
.newsfontbold a:hover {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:9pt; color:#990000; font-weight:bold; text-decoration:none;}


.newsfont a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt; color:#333333; padding:0px 0px 0px 0px;}
.newsfont a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000;}

/*My-Account CSS*/
UL.my-account-nav {padding:0px 0px 0px 0px; margin:10px 10px 20px 0px; height:20px;}
UL.my-account-nav LI {float:left; list-style:none; font-weight:bold; color:#999999; background:url(../images/dot-blue.gif) right top repeat-y; padding:0px 10px 0px 0px; margin:0px 10px 0px 0px;}
UL.my-account-nav a {font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:9pt; font-weight:bold; color:#333333; padding: 5px 0px 5px 0px;}
UL.my-account-nav a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; font-weight:bold; padding: 5px 0px 5px 0px;}
UL.my-account-nav h2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:1.6em; font-weight:bold; color:#990000; padding:5px 0px 0px 10px;}



/*product listing page*/


.productlistcontainer {float: left; font-family:Arial, Helvetica, sans-serif; width:475px; margin-top:20px;}
.productcontainer { width:475px; height:110px; padding:8px 8px 8px 8px;}
.productbackground1{background-color:#F4F4F4; width: 460px;}
.productbackground2{background-color: #FBFAF7; width: 460px;}
.product-image {float:left; height:110px; width:110px; border: solid 1px #F0F0F0; padding:0px 0px 0px 0px; background:#FFFFFF;}
.product-description {float:left; width:290px; height:110px; padding:10px 0px 10px 20px;}
.product-descriptionbold {font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold;}
.product-state {font-style: italic;}


/*Pagination*/

.navigator {float: left; width:700px; padding:0px 0px 0px 0px; margin-top:30px; height:20px; font-size:10pt;}
.navigator a { background-color: #ACACAC; padding:5px 10px 10px 10px; color:#FFFFFF!important; font-weight:bold; border: solid 1px #F0F0F0;}
.navigator a:hover { background-color: #888; padding:5px 10px 10px 10px; color:#FFFFFF!important; font-weight:bold; border: solid 1px #F0F0F0;}
.navigator b { background-color: #990000; padding:5px 10px 10px 10px; color:#FFFFFF!important; font-weight:bold; border: solid 1px #F0F0F0;}

/*Global Snipet*/

.snipet {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333; padding:10px 0px 10px 0px;}
.snipet a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; padding:10px 0px 10px 0px; text-decoration:none;}
.snipet a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333; padding:10px 0px 0px 0px; text-decoration:none; }

.boldcontact {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333; font-weight:bold; padding:30px 0px 5px 0px;}

/*removal of bullets technical lists*/
.unorderedlist li {list-style:none;  line-height:1.8em;}
.unorderedlist ul {list-style:none;  line-height:1.5em;}


/*product states*/
.productstate { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#900; font-weight:bold; padding: 10px 0px 10px 0px;}


/*brands ajax panel*/
.brandcontainer { float:left; padding: 20px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 9pt;}
.brandarrowtop {float:left; display: block; background-image: url(../images/brandarrowtop.gif); background-repeat:no-repeat; height:25px; width:150px;padding-left:10px;}
.brandarrowtop a:hover {float:left; display: block; background-image: url(../images/brandarrowtop-roll.gif); background-repeat:no-repeat; height:25px; width:150px;padding-left:10px;}

.brandarrowbottom {float:left; display: block; background-image: url(../images/brandarrowbottom.gif); background-repeat:no-repeat; height:25px; width:150px; padding-left:10px;}
.brandarrowbottom a:hover {float:left; display: block; background-image: url(../images/brandarrowbottom-roll.gif); background-repeat:no-repeat; height:25px; width:150px; padding-left:10px;}
.brandcontent {float:left;  padding: 10px 0px 10px 0px; height:125px; line-height:1.6em;  width: 160px; }
h2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:1.6em; font-weight:bold; color:#990000; padding:5px 0px 5px 10px;}
.brandcontent li { list-style:none; line-height:1.7em; padding-left:10px;}
.brandcontent a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.brandcontent a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}


/*About Elf */ 
.aboutelf { float:left; width:180px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding-top:20px; line-height:1.6em; }
.aboutelf li { list-style:none; line-height:1.5em; padding-left:10px;}
.aboutelf a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.aboutelf a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}
.aboutelf H2 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#990000; padding:0px 0px 5px 10px;}


/*search filter*/
.filterbar { width:465px; padding: 10px 5px 10px 5px; border-top:solid 1px #e4e4e4 ; border-bottom:solid 1px #e4e4e4; font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
.searchdropdownfilter { color:#000; font-size:10pt;  border:solid 1px #e4e4e4 ; width:170px; font-family:Arial, Helvetica, sans-serif; padding-left:2px; margin:0px 5px 0px 5px;}


.middlecontainerarticle-listing {float:left; width:470px; padding:0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; text-align:left;  color:#333; line-height:1.3em;}
.article-item {font-family: Arial, Helvetica, sans-serif; font-size:9pt; padding: 10px 0px 20px 0px; color:#333;  }
.article-item  h3{font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#333;  }
.middlecontainerarticle-listing h3 a {font-family:Arial, Helvetica, sans-serif; text-decoration: none;  color:#333333;}
.middlecontainerarticle-listing  h3 a:hover {font-family:Arial, Helvetica, sans-serif;  color:#990000;}
.middlecontainerarticle-listing h1 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#000; padding:10px 0px 10px 0px;}

.specialcontainerlead { float:left; widows: 100%; border-bottom: solid 1px #F0F0F0; border-top: solid 1px #F0F0F0; }
.leadleft { float:left; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333333; width:45%;  padding:10px 0px 10px 10px; border-right: solid 1px #F0F0F0; }
.leadleft a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.leadleft a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}
.leadleft img {border: none;}

.leadright { float:left; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#333333; width:45%;  padding:10px 0px 10px 10px; }
.leadright a {font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;  color:#333; text-decoration:none; font-weight:bold;}
.leadright a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;}
.leadright img {border: none;}