/* CSS Document */

* { margin:0px; padding:0px; list-style:none; text-decoration:none;}

body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.hidden { display:none;}
.expander { clear:both;}

#header { width:770px; margin:auto; background:url(/static/images/backgrounds/header/main.gif) no-repeat; border-bottom:1px #00aac9 solid; }
#header .contact { padding-top:5px; height:15px;  background-color:#000000; border-bottom:1px #00aac9 solid; padding-right:20px;}
#header .contact a.email { text-indent:-99999px; float:right; display:block;  background:url(/static/images/backgrounds/header/email.gif) no-repeat; width:123px; height:10px; margin-right:15px; }
#header .contact p.phone { text-indent:-99999px; float:right; background:url(/static/images/backgrounds/header/phone.gif) no-repeat; width:125px; height:10px; }
#header h1 a { float:left; overflow:hidden; text-indent:-99999px; background:url( /static/images/backgrounds/header/logo.gif) right no-repeat; width:204px; height:70px; margin-top:54px; padding-left:20px; margin-bottom:18px;}
#header .search { float:right; margin-top:28px; padding-right:19px; width:161px; text-align:right;}
#header .search p { color:#FFFFFF; font-size:11px; }
#header .search p.title { background:url( /static/images/backgrounds/header/search.gif); width:161px; height:14px;}
#header .search input { margin-top:5px; float:left; margin-bottom:5px; width:130px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-left:#cccccc 1px solid; border-bottom:#cccccc 1px solid; border-right:#999999 1px solid; border-top:#999999 1px solid; }
#header .search button.search { background:url(/static/images/backgrounds/search.gif) no-repeat; width:17px; height:17px; text-indent:-99999px; border:none; display:block; margin-left:5px; margin-top:8px;}

#header .clock { color:#ffffff; position:absolute; margin-top:3px; font-size:11px; margin-left:10px; z-index:1;}
#header .clock p { float:left; font-weight:bold;}
#header .clock #clock { float:left; margin-left:5px;}

#header ul#topnav { clear:both; border-top:1px #00aac9 solid; border-bottom:1px #00aac9 solid; height:29px; margin-bottom:6px; background:#000000;}
#header ul#topnav li { float:left; display:block;}
#header ul#topnav li a { display:block; height:23px; overflow:hidden; color:#FFFFFF; font-size:12px;}
#header ul#topnav li a.nav-item-1 { background:url(/static/images/backgrounds/header/topnav/company.gif) no-repeat; width:85px; padding-left:28px; padding-top:6px; font-size:13px;}
#header ul#topnav li a.nav-item-2 { background:url(/static/images/backgrounds/header/topnav/products.gif) no-repeat; width:69px; padding-left:18px; padding-top:6px; font-size:13px;}
#header ul#topnav li a.nav-item-3 { background:url(/static/images/backgrounds/header/topnav/services.gif) no-repeat; width:68px; padding-left:17px; padding-top:6px; font-size:13px;}
#header ul#topnav li a.nav-item-4 { background:url(/static/images/backgrounds/header/topnav/prices.gif) no-repeat; width:76px; padding-left:17px; padding-top:6px; font-size:13px;}
#header ul#topnav li a.nav-item-5 { background:url(/static/images/backgrounds/header/topnav/news.gif) no-repeat; width:88px; padding-left:19px; padding-top:6px; font-size:13px;}
#header ul#topnav li a.nav-item-6 { background:url(/static/images/backgrounds/header/topnav/links.gif) no-repeat; width:51px; padding-left:17px; padding-top:6px; font-size:13px;}
#header ul#topnav li a.nav-item-7 { background:url(/static/images/backgrounds/header/topnav/login.gif) no-repeat; width:71px; padding-left:18px; padding-top:6px; font-size:13px;}

#header ul#topnav ul { padding: 0; margin: 0; margin-top:2px; list-style: none; background-color:#000000; border:1px solid #00aac9; border-bottom:none; }
#header ul#topnav li { float:left; }
#header ul#topnav li ul { position: absolute; left: -999em; top:191px; }
#header ul#topnav li ul li { border-bottom:1px solid #00aac9; float:none;}
#header ul#topnav li ul li a { padding-left:9px; padding-right:9px; padding-top:2px; padding-bottom:3px; height:auto; text-indent:0px; color:#FFFFFF; }
#header ul#topnav li:hover ul, #header ul#topnav li.sfhover ul { left: auto; top:191px; }
#header ul#topnav li:hover ul a:hover, #header ul#topnav li.sfhover ul a:hover { background:#00aac9; }
#header ul#topnav li:hover ul li a { background:none; width:auto;}

#header ul#topnav ul ul { display:none; padding: 0; margin: 0; margin-top:2px; list-style: none; background-color:#000000; border:1px solid #00aac9; border-bottom:none; }
#header ul#topnav li:hover ul li ul { position: absolute; left:-999em; top:0px; margin-left:130px;  }


#maincontent { width:770px; margin:auto; }
#maincontent .titlebar { border-bottom:1px solid #00aac9; padding-left:20px; padding-top:10px; padding-bottom:10px;}
#maincontent .titlebar h2 { font-weight:normal;}
#maincontent .titlebar h2.section { color:#00aac9; width:250px; float:left; font-size:18px; font-weight:bold; }
#maincontent .titlebar p.breadcrum { float:left; color:#666666; width:450px; padding-top:3px; font-size:11px;}
#maincontent .titlebar p.breadcrum a { color:#666666; }
#maincontent .subtitlebar { border-bottom:1px solid #00aac9; margin-bottom:20px;}
#maincontent .subtitlebar h3.pagetitle { color:#00aac9; font-weight:bold; font-size:18px; margin-top:10px; margin-bottom:10px; width:350px; float:left;}
#maincontent .subtitlebar h3.ordercode { color:#003366; font-weight:normal; font-size:18px; padding-top:9px;}
#maincontent .subtitlebar img { border-left:1px solid #00aac9; border-right:1px solid #00aac9; float:right;}
#maincontent a.readmore { background:url( /static/images/homepage/readmore.gif) no-repeat center left; padding-left:15px; padding-bottom:1px; text-decoration:underline; color:#003366; }

#maincontent .navcol { float:left; width:265px;}
#maincontent .navcol ul { }
#maincontent .navcol ul li { color:#666666; font-size:11px; }
#maincontent .navcol ul li a { padding-left:21px; color:#666666; display:block; border-bottom:#00aac9 1px dotted; width:185px; padding-bottom:4px; padding-top:4px;}
#maincontent .navcol ul li a.nav_has_children { background:url(/static/images/backgrounds/side-nav/level-1.gif) no-repeat top left; }
#maincontent .navcol ul li a.nav_open { background:url(/static/images/backgrounds/side-nav/level-1-open.gif) no-repeat top left; }
#maincontent .navcol ul li li a { padding-left:31px; width:175px;}
#maincontent .navcol ul li li a.nav_has_children { background:url(/static/images/backgrounds/side-nav/level-2.gif) no-repeat top left; }
#maincontent .navcol ul li li a.nav_open { background:url(/static/images/backgrounds/side-nav/level-2-open.gif) no-repeat top left; }
#maincontent .navcol ul li li li a { padding-left:41px; width:165px;}
#maincontent .navcol ul li li li a.nav_has_children { background:url(/static/images/backgrounds/side-nav/level-3.gif) no-repeat top left; }
#maincontent .navcol ul li li li a.nav_open { background:url(/static/images/backgrounds/side-nav/level-3-open.gif) no-repeat top left; }
#maincontent .navcol ul li li li li a { padding-left:51px; width:155px;}
#maincontent .navcol ul li li li li a.nav_has_children { background:url(/static/images/backgrounds/side-nav/level-4.gif) no-repeat top left; }
#maincontent .navcol a.onlinehelp { text-indent:-99999px; overflow:hidden; display:block; background:url(/static/images/online-help.gif) no-repeat; width:195px; height:30px;}

#maincontent .content { float:left; width:500px; padding-bottom:20px;}
#maincontent .content .pageimage { text-align:center; border-bottom:1px solid #00aac9; margin-bottom:20px; padding-bottom:20px; }
#maincontent .content .pageimage img { margin:0px; padding:0px;}
#maincontent .content { color:#00aac9; font-size:12px; }
#maincontent .content h5 { color:#00aac9; font-size:13px; margin-bottom:20px; clear:both;}
#maincontent .content p { color:#757575; line-height:16px; margin-bottom:20px; padding-right:5px; clear:both; }
#maincontent .content p a { color:#00aac9;}
#maincontent .content p a:hover { color:#00aac9; text-decoration:underline;}
#maincontent .content ul { margin-bottom:20px;}
#maincontent .content ul li { color:#666666; font-size:12px; border:none; padding-top:4px; padding-bottom:4px;}
#maincontent .content ul li h4 { color:#00aac9; font-size:12px;}
#maincontent .content ul li a { color:#00aac9; background:url(/static/images/backgrounds/bullet.gif) top left no-repeat; padding-left:10px;}
#maincontent .content ul li a:hover { text-decoration:underline;}
#maincontent .content ul li ul { margin-bottom:0px; padding-left:20px; padding-top:5px;}
#maincontent .content ul li ul li { color:#666666; font-size:12px; border:none; padding-top:4px; padding-bottom:4px;}
#maincontent .content ul li ul li h4 { color:#00aac9; font-size:12px;}
#maincontent .content ul li ul li a { color:#00aac9; background:url(/static/images/backgrounds/bullet.gif) top left no-repeat; padding-left:10px;}
#maincontent .content ul li ul li a:hover { text-decoration:underline;}
#maincontent .content ul .bulleted { background:url(/static/images/backgrounds/bullet-2.gif) top left no-repeat; padding-left:10px;}
#maincontent .content a.contact { color:#00aac9; font-weight:bold; text-decoration:underline;}
#maincontent .content table { background:url(/static/images/backgrounds/table.gif) repeat-x #003366; border:1px #00aac9 solid; border-bottom:none; border-right:none;}
#maincontent .content table tr { vertical-align:top;  }
#maincontent .content table td { background:#FFFFFF; border-bottom:1px #00aac9 solid; border-right:1px #00aac9 solid; padding:3px; line-height:18px; color:#757575; font-size:10px; font-weight:bold; padding-left:10px; padding-right:10px;}
#maincontent .content table td.title { background:none; border-right:1px #00aac9 solid; color:#FFFFFF;}
#maincontent .content p.spec-dis { font-size:10px; font-weight:bold; margin-left:10px; }
#maincontent .content img { float:left; margin-bottom:10px; margin-right:10px; border:1px #00aac9 solid;}

#news #maincontent .content .article { margin-bottom:20px;}
#news #maincontent .content .article h4 { color:#003366; font-size:14px; margin-bottom:8px;}
#news #maincontent .content .article img { float:left; padding-right:15px;}
#news #maincontent .content .article p { float:left; width:350px; line-height:18px; margin:0px; margin-top:5px;}
#news #maincontent .content .fullarticle {}
#news #maincontent .content .fullarticle p.date { font-size:10px; color:#666666; margin-bottom:5px;}
#news #maincontent .content .fullarticle h4 { color:#00aac9; font-size:18px; margin-bottom:10px;}
#news #maincontent .content .fullarticle h5 { color:#666666; font-size:16px; margin-bottom:10px; font-weight:normal;}
#news #maincontent .content .fullarticle img { margin-bottom:20px; }

#footer { margin:auto; width:770px; border-top:1px #00aac9 solid; }
#footer p { color:#999999; padding-left:25px; float:left; clear:left; font-size:10px; padding-top:5px; width:400px; }
#footer p .green { color:#00aac9;}
#footer p a { color:#999999;text-decoration:underline;}
#footer img { float:right; padding:5px; padding-top:0px; margin-top:5px; }