* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; }
body { backgound-color:#CCCCCC; margin:0px; padding:0px;}
.bg1 { background-color: #82ade2 }
.bg2 { background-color: #01236e }
.bg3 { background-color: #ffffff }
.bg4 { background-color: #234eae }
.bg5 { background-color: #CCCCCC }
.bg6 { background-color: #269238 }
.bg7 { background-color: #999999 }
.bg8 { background-color: #cbcb50 }
h1 { font-family: arial, sans-serif; font-size: 14px; color: #01236e; font-weight: bold }
h2 { font-family: verdana, sans-serif; font-size: 12px; color: #333333; font-weight: bold }
h3 { font-family: Verdana, sans-serif; font-size: 9.4px; font-weight: bold; color: #990033; text-transform : uppercase; line-height: 11px; }
h4 { font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #01236e; text-transform : uppercase; line-height: 11px; }
.notice { color:#CC3300; font: 11px Verdana, Arial, Helvetica, sans-serif }
p { font-family: Verdana, sans-serif; font-size: 11px; line-height:17px; color: #333333 }
.bottomnav { font-family: Verdana, sans-serif; font-size: 9.4px; line-height: 10px; color: #333333 }
.tag { font-family: Verdana, sans-serif; font-size: 13px; line-height: 18px; color: #234eae; font-weight: bold; text-decoration: none; }
.small { font-family: Verdana, sans-serif; font-size: 9.4px; line-height: 13px; color: #333333 }
ul { font-family: Verdana, sans-serif; font-size: 10px; color: #333333 }
li { font-family: Verdana, sans-serif; font-size: 10px; color: #333333 }
ol { font-family: Verdana, sans-serif; font-size: 10px; color: #333333 }
a { font-family:Verdana, sans-serif; color:#234eae; text-decoration:underline }
a:hover { font-family:Verdana, sans-serif; color:#82ade2; text-decoration:underline }
.bottomnav { font-family:Verdana, sans-serif; font-size: 9.4px; color:#333333; text-decoration:none }
.bottomnav:hover { font-family:Verdana, sans-serif; font-size: 9.4px; color:#666666; text-decoration:none }
.topnav { font-family:Verdana, sans-serif; font-size: 10px; color:#ffffff; text-decoration:none }
.topnav:hover { font-family:Verdana, sans-serif; font-size: 10px; color:#ffffff; text-decoration:underline }
.sidenav { font-family:Verdana, sans-serif; font-size: 9.4px; color:#ffffff; text-decoration:none; line-height: 10px;  display:block}
.sidenav:hover { font-family:Verdana, sans-serif; font-size: 9.4px; color:#66CCFF; text-decoration:none; }
.sidenavactive { font-family:Verdana, sans-serif; font-size: 9.4px; color:#FFFFFF; text-decoration: none; line-height: 10px; font-weight: bold; }
.sidenavactive:hover { font-family:Verdana, sans-serif; font-size: 9.4px; color:#FFFFFF; font-weight:bold; text-decoration: none; }
.subsidenav { font-family:Verdana, sans-serif; font-size: 9.4px; color:#FFFFFF; font-weight: normal; text-decoration: none; line-height: 10px; }
.subsidenav:hover { font-family:Verdana, sans-serif; font-size: 9.4px; color:#66CCFF; text-decoration:none }
.subsidenavactive { font-family:Verdana, sans-serif; font-size: 9.4px; color:#FFFFFF; text-decoration:none; line-height: 10px; }
.subsidenavactive:hover { font-family:Verdana, sans-serif; font-size: 9.4px; color:#FFFFFF; font-weight:bold; text-decoration:none }
.white { font-weight: normal; color: #FFFFFF }
.topnavScreen { font-family:Verdana, sans-serif; font-size: 9.8px; color:#ffffff; text-decoration:none }
.topnavScreenHover { font-family:Verdana, sans-serif; font-size: 9.8px; color:#99CCFF; text-decoration:none }
.whiteTitle { font-size: 12px; font-weight: bold; color: #FFFFFF; }
.optionsnav { font-family:Verdana, sans-serif; font-size: 9.4px; color:#234eae; font-weight: bold; text-decoration: none }
.pageheader { font-size: 11px; font-weight: bold; color: #01236e; }
.sidenavheader { font-family:Verdana, sans-serif; font-size: 10px; color:#234eae; text-decoration:none; font-weight: bold; }
.header { font-size: 14px; }
.more { font-size: 10px; color: #234eae; font-weight: bold; }
.inputstyle { BORDER-RIGHT: #e2e2e2 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #e2e2e2 1px solid; BACKGROUND-COLOR: #E3EDF9; font-family: verdana, sans-serif; font-size: 10px; color: #333333; }
.suggestionform { BORDER-RIGHT: #e2e2e2 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #e2e2e2 1px solid; BACKGROUND-COLOR: #E3EDF9; font-family: verdana, sans-serif; font-size: 10px; color: #333333; width:200px }
Select { BORDER-RIGHT: #e2e2e2 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #e2e2e2 1px solid; BACKGROUND-COLOR: #E3EDF9; font-family: verdana, sans-serif; font-size: 10px; color: #333333; }
TextArea { BORDER-RIGHT: #e2e2e2 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #e2e2e2 1px solid; BACKGROUND-COLOR: #E3EDF9; font-family: verdana, sans-serif; font-size: 10px; color: #333333; width:400px; }
.submit { background:#234eae; color:#FFFFFF; BORDER-RIGHT: #01236e 1px solid; BORDER-TOP:	#82ade2 1px solid; BORDER-LEFT: #82ade2 1px solid; BORDER-BOTTOM: #01236e 1px solid; font-family: verdana, sans-serif; font-size: 10px; color: #ffffff; }
.formtext { font-family: Verdana, sans-serif; font-size: 12px; line-height: 14px; color: #333333 }
ul.BulletList { list-style-type: none; font-family: Verdana, sans-serif; font-size: 10px; line-height: 16px; color: #333333; padding: 10px 0 3px 5px; margin-left: 1em; }
li.BulletList { list-style-type: none; padding-left: 12px; background-image: url(/images/arrow_bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; }
.reg { font-size:0.9em; position:relative; top:-0.4em; left:0; }
/***** FORM styles *****/
.required { color:#990000; }
#contact-form, #contact { border:1px solid #ccc; padding:20px }
#contact-form label { width:100px; float:left; display:block; padding:1px 6px 0 0; text-align:right; font-weight:bold }
#contact-form label.lg { width:270px; float:left; display:block; padding:1px 6px 6px 0; text-align:right; font-weight:bold }
#contact-form input { margin:0 0 10px 0 }
#contact-form textarea { margin:0 0 10px 0; font:13px/18px Verdana, Arial, Helvetica, sans-serif; width:300px }
#contact-form .submit-btn { width:90px; background:#234EAE; color:#FFFFFF; border-left:1px solid #82ADE2; border-top:1px solid #82ADE2; border-bottom:1px solid #017699; border-right:1px solid #017699; font:11px/19px Verdana, Arial, Helvetica, sans-serif; font-weight:bold }
/************** navigation css *******************/
/* Root = Horizontal, Secondary = Vertical */
td ul#navmenu{text-align:right;}
ul#navmenu { margin: 0; border: 0 none; padding: 0; width: 522px; For KHTML  list-style: none; height: 29px; text-align:right }

ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; width:auto; z-index:100;   }

/*/drop down navigation*/
ul#navmenu ul { margin: 0; border: 0 none; padding: 0; list-style: none; display: none; position: absolute; top: 28px; left: 0; z-index:1; border-bottom:1px solid #01236e; }
ul#navmenu ul:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu li ul li { /*width: 160px;*/
 float: none;  /*For IE 7 lack of compliance*/ display: block; margin:0; padding:0; line-height:14px;/*display: inline; For IE*/


}
/* Root Menu */
ul#navmenu a { padding: 0 5px 0 7px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block;color: #fff; font: normal 11px/29px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ background:url(/images/nav_divide.gif) right no-repeat;}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {  color: #82ade2; }
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { display:block; float: none; background: #82ade2; color: #01236e; width:180px; border-top:1px solid #01236e; border-right:1px solid #01236e; border-left:1px solid #01236e; border-bottom:none; height:20px; line-height:13px; padding:4px; text-align:left }
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #999; color: #FFF; border-top:1px solid #01236e; border-right:1px solid #01236e; border-left:1px solid #01236e; display:block; }
/*ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a.last {
  border-bottom:1px solid #01236e;}*/
 
/*------------------------------------------------------*/

/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666; }
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; }
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; }
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; }
ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0;/*left: 160px;*/
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }
/*******************digital update ************************/


#digitalHor { background:url(/images/popuppromo-bg.jpg) no-repeat; margin:12px 0; height:73px; text-align:left }
#digitalHor div.digitalCopy { width:195px; padding:26px 0 0 0; float:left }
#digitalHor div.digitalFrom { float:left; width:204px; padding:26px 0 0 16px; margin:0 }
#digitalHor form { padding:0; margin:0; }
#digitalHor p { padding:0; margin:6px 0 0 0 }
#digitalVert { background:url(/images/interiorpromo-bg.jpg) no-repeat; margin:12px 0 0 0; height:300px; width:182px }
#digitalVert div.digitalCopy { padding:62px 12px 10px 10px; }
#digitalVert div.digitalFrom { padding:2px 0 0 10px; }
#digitalVert form { padding:0; margin:0; }
#digitalVert p { padding:0; margin:10px 0 10px 0 }
#digitalVert input.submit, #digitalHor input.submit { background:#234EAE none repeat scroll 0 0; border-color:#82ADE2 #01236E #01236E #82ADE2; border-style:solid; border-width:1px; color:#FFFFFF; font-family:verdana, sans-serif; font-size:10px; padding:1px; margin:0; font-size:10px; }
#digitalVert input.inputVal, #digitalHor input.inputVal { width:120px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999; }
#digitalUpdate { width:700px; background:#fff; }
#digitalUpdate div.content { padding:4px 20px 80px 40px; text-align:left }
#digitalUpdate h1 { font-size:24px; padding:0; margin: 22px 0 0 0; color:#234bab; text-transform:uppercase; font-style:italic }
#digitalUpdate h2 { font-size:14px; line-height:16px; padding:0; margin:0; color:#234bab }

/*------------------------------------------------------*/

/*-----------------------HOME PAGE REFRESH CSS-------------------------------*/

#slideHeader {background:url(images/header_bg.jpg) no-repeat #fff; width: 825px; height:235px; margin:0px auto; padding:0px; margin-top:5px; border:none;}
#bodyCont{ width:777px; margin: 0px auto; min-height:100px; text-align:left;}
#companyHL{background:url(images/company-hl-bg.jpg) no-repeat; width:398px; height:149px; padding:40px 30px 5px 20px; float:left;}
#social{float:right; width:309px; min-height:192px; text-align:left;}
#social p{margin:0px; padding:0px; padding:0 10px 0 4px;}
#bugs{background:url(images/social-bugs.jpg) no-repeat; width:274px; height:98px; margin-top:15px; text-align:left;}

#bugs a{width:63px; height:63px; display:block; float:left; margin-right:10px; margin-left:11px; text-decoration:none; position:relative;}
.prod{width:777px;  margin:0px auto;}
.prodImg { /*position:relative; top:-100px; left:300px; width: 300p x;*/ float:right; padding:0; }
#news{background:url(images/home_news-new.jpg) no-repeat; width:773px; margin:0px auto; margin-top:5px; height:96px; text-align:left;}
#homeDigitalFrom{ float:right; width:390px; margin:0; margin-top:35px; text-align:left;}
#news p{margin-left:19px; margin-top:40px; font-size:12px;}
#homeDigitalFrom a{margin:0px; margin-top:-12px; padding:0px; color:#597ac2;}
#selectProd{background:url(images/select-prod-bg.jpg) repeat-x; width:100%; height:67px; z-index:1;}
#selectWidth{margin:0px auto; width:750px; padding-top:15px;}
#selectForm{float:right; padding-top:7px; width:550px;}
#newsStories{background:url(images/news-bg.jpg) repeat-x, #3f73af; width:752px; margin:0px auto; min-height:270px; z-index:1000; margin-top:-7px; padding:0px 10px 0px 15px; text-align:left;}
.newsBit{float:left; width:235px; background:url(images/news_hl_bg.jpg) repeat-x #3f73af; min-height:200px; padding:0px 5px 0px 5px; margin:15px 5px 0 0; color:#fff;}
.newsBit a{color:#b0defe; display:block; margin:0px; padding:0px;}
.newsBit a:hover{color:#d7eefd; }
.newsBit p{color:#fff;}
.bitTitle{color:#ffffff; font-size:14px; margin:0px; padding:0px; margin-bottom:10px;};
.newFooter{background:url(images/footerbg.jpg) repeat-x, #092e7f; height:28px;}
#newFootCont{width:777px; margin:0px auto; padding:0px; text-align:right; color:#fff;}
.newFooter p {color:#fff; padding:0px; margin:0px; margin-top:5px;}
.bottomFooter{background:#cccccc; width:100%; float:left; padding-bottom:35px; }
#width{width:777px; margin:0px auto;}
.bfCont{width:145px; margin:0px; margin-right:5px; margin-left:5px; padding:0px; float:left; text-align:left;}
.bfCont h2{margin:0px; padding:0px; padding-top:10px; color:#00174a; font-size:13px; font-weight:normal; margin-bottom:5px;}
.bfCont ul{ list-style-type:none; margin:0px; padding:0px;}
.bfCont li{margin:0px; padding:0px; margin-bottom:5px;}
.bfCont a{text-decoration:none; color:#3e3e3e; line-height:15px;}
.bfCont a:hover{color:#727e89;}

.promoText{float:right; width:512px; margin:0 20px 0 0; text-align:left;}
.promoText H3{ font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:25px; letter-spacing:-1px; text-transform:none; font-weight:normal; color:#01236e; padding:0px; margin:0px; margin-top:5px; margin-bottom:10px;}
.promoText p{font-size:13px; line-height:18px; color:#858f9b; padding:0; margin:0}

/*hightlight on the homepage**/
#PromotionFeature { position:relative; background-image:url(images/promo-bg.jpg) no-repeat; width:777px; margin:0px auto; height:180px;} 

#PromotionFeature .slider ul { list-style:none; padding:0; margin:0; position:absolute; top:-22px; right:20px; padding:0; width:70px }
#PromotionFeature a.learnMore{margin:16px 0 0 0;}
#PromotionFeature .slider ul li {float:left; width:13px; height:13px; display:block; width:13px; height:13px;}
#PromotionFeature .slider ul li a {font-size:25px; font-weight:bold; text-decoration:none; background:url(images/highlight-off.jpg); width:13px; height:13px; display:block}
#PromotionFeature .slider ul li a.selected { color:#375eb5;background:url(images/highlight-on.jpg) }
#PromotionFeature .slider ul li a span {display:none}

#PromotionFeature .text{float:right; width:500px; margin:0 15px 0 0;}
#PromotionFeature .text h3{font-family:Arial, Helvetica, sans-serif; font-size:25px; text-transform:none; font-weight:normal; color:#01236e;}

#PromotionFeature .Promotion {height :220px;}
#PromotionFeature .feature1{ background:url(images/promo1.jpg) no-repeat; height:220px; }

#PromotionFeature .feature2{background:url(images/promo2.jpg) no-repeat; height:220px; }

#PromotionFeature .feature3{background:url(images/promo3.jpg) no-repeat; height:220px;}

#PromotionFeature .feature4{background:url(images/promo4.jpg) no-repeat; height:220px;}

#PromotionFeature .feature5{background:url(images/promo5.jpg) no-repeat; height:220px;}

.clear{clear:both;}