﻿/*--PCOcental STYLES--
-----------------------------------------------------------------------------------*/

/*--GENERAL STYLE--
--------------------------------*/
body {font-size:small; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#ffffff;}
a {margin:0; padding:0; text-decoration:none; color:#FF0000; outline:none;}
a:hover {text-decoration:underline;}
img {margin:0; padding:0; border:0;}
p {margin:0; padding:0; color:#606060;}
th, td {vertical-align:top;}
ul, li {margin:0; padding:0; list-style:none;}
#wrapper {width:1022px; margin:0 auto; background-color:#ffffff; position:relative;}
#wrapper-inner {width:860px; margin:0 auto; position:relative;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */
/*--FONT STYLES--
--------------------------------*/
h1, h2, h3, h4, h5, h6 {padding:10px 0; margin:0; color:#050172;}
h1, h2 {color:#050172;}
h4, h5 {color:#fe0000;}
h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:150%; color:#000000}
h4 {font-size:200%;}
h5 {font-size:150%;}
h6 {font-size:110%;}

/*--HEADER STYLE--
--------------------------------*/
#header {height: 185px; position:relative; background:url(/layout/images/header-bottom-border.gif) no-repeat 0 182px;}
#login-contact-block {float:right; color:#050172; font-size:100%; margin-top:12px;}
#login-contact-block a {margin:0 7px; color:#050172; font-weight:bold;}

/*--TOP NAVIGATION STYLE--
--------------------------------*/
#top-nav {position:absolute; right:30px; top:30px; margin:0; padding:0;}
#topnavcontainer ul {position:absolute; right:30px; top:30px; margin:0; padding:0; margins:0 0 0 53px; padding:0; list-style-type:none; text-align:left;}
#topnavcontainer ul li {display:inline;	padding:0 4px; font-size:11px;}
#topnavcontainer ul li a {padding:0 7px; color:#050172; border-left:1px transparent solid; border-right:1px transparent solid;}
#topnavcontainer ul li a:hover {text-decoration:none; color:#FE0000; border-left:1px #050172 solid; border-right:1px #050172 solid;}
#topnavcontainer ul li a.current, #topnavcontainer ul li a.currentParent {color:#FE0000; border-left:1px #050172 solid; border-right:1px #050172 solid;}

/*--SIDE NAVIGATION STYLE--
--------------------------------*/
#breadcrumb {margin:10px 0; font-size:80%;}
#breadcrumb a {color:#606060;}
#side-nav-wrapper {width:188px; background:url(/layout/images/side-nav-bottom.gif) no-repeat bottom left; padding-bottom:77px;}
#side-nav-wrapper h1, #side-nav-wrapper h2, #side-nav-wrapper h3, #side-nav-wrapper h4 {margin-left:8px;}
#side-nav-top {background:url(/layout/images/side-nav-top.gif) no-repeat top left; width:188px;}
#side-nav-content {background:url(/layout/images/side-nav-bg.gif) repeat-y 0 0; width:188px; padding-bottom:30px;}
#side-nav-content-inner {margin-left:8px;}
#side-nav-content li {display:block; width:180px;}
#side-nav-content a {width:180px; font-size:90%; display:block; margin-bottom:5px; float:left; font-weight: normal; color:#000000;}
#side-nav-content a span {width:169px; display:block; margin:0; padding:5px 4px 5px 7px; float:left;}
#side-nav-content a:hover {text-decoration:underline; background:#FFFFFF url(/layout/images/side-nav-hover-top.gif) no-repeat 0 0;}
#side-nav-content li ul li:hover span {background:none;}
#side-nav-content a.hover-white:hover {text-decoration:none; cursor:hand;}
#side-nav-content a.current, #side-nav-content a.currentParent {text-decoration:none; background:#FFFFFF url(/layout/images/side-nav-hover-top.gif) no-repeat 0 0;}
#side-nav-content li a:hover.hover-white span, #side-nav-content li a.hover-white.current span, #side-nav-content li a.hover-white.currentParent span, #side-nav-content li a:active.hover-white span {background:url(/layout/images/side-nav-hover-bottom.gif) no-repeat bottom left;}
#blog-bar li ul {padding-bottom:10px;}
#blog-bar ul li ul li {display:inline; width:180px; padding:0 0 4px 0;}
#side-nav-content-inner li a.blog-inline {display:inline; background:none; font-size:90%; float:none; margin-left:5px;}
#side-nav-content-inner li a.blog-inline:hover {color:#FF0000;}
#side-nav-content-inner li span.blog-date {background:none; float:none; font-size:80%; display:inline; margin:0 0 0 8px;}
#side-nav-content-inner ul li a:hover span.blog-date {text-decoration:none;}
#side-nav-content-inner li span {display:inline;}

/*--CONTENT STYLE--
--------------------------------*/
#section-1 {background:url('/layout/images/new-home/bg-1.jpg') no-repeat; margin:0; padding:0; width:1022px; height:140px; position:relative;}
#section-2 {background:url('/layout/images/new-home/bg-2.jpg') no-repeat; margin:0; padding:0; width:1022px; height:22px; position:relative;}
#section-3 {background:url('/layout/images/new-home/bg-3.jpg') no-repeat; margin:0; padding:0; width:1022px; height:257px; position:relative;}
#section-4 {background:url('/layout/images/new-home/bg-4.jpg') no-repeat; margin:0; padding:0; width:1022px; height:25px; position:relative;}
#section-5 {background:url('/layout/images/new-home/bg-5.jpg') no-repeat; margin:0; padding:0; width:1022px; height:202px; position:relative;}
#section-6 {background:url('/layout/images/new-home/bg-6.jpg') no-repeat; margin:0; padding:0; width:1022px; height:85px; position:relative;}
#section-7 {background:url('/layout/images/new-home/bg-7.jpg') no-repeat; margin:0; padding:0; width:1022px; height:72px; position:relative;}
#section-8 {background:url('/layout/images/new-home/bg-8.jpg') no-repeat; margin:0; padding:0; width:1022px; height:38px; position:relative;}
#section-9 {background:url('/layout/images/new-home/bg-9.jpg') no-repeat; margin:0; padding:0; width:1022px; height:59px; position:relative;}

#content-wrapper {width:860px; position:relative; padding-bottom:25px; padding-top:10px;}
#content-left {width:188px; background-color:#FFFFFF; float:left;}
#content-right {width:648px; float:right;}
#left-content-block {width:188px; margin-top:10px;}

/*--FOOTER STYLE--
--------------------------------*/
#footer-wrapper {width:929px; height:63px; margin:0 auto; position:relative; background:url(/layout/images/footer-bottom.gif) no-repeat 0 0;}
#footer {width:860px; margin:0 auto; color:#767676; font-size:80%; font-weight:bold;}
#footer a {color:#767676;}
#footer-logo img {position:absolute; bottom:27px; right:35px; border-style:none;}
#footnote {position:relative; text-align:center; color:#050172; line-height:38px;}
#footnote a {color:#050172;}
#phone-number {font-size:240%; position:absolute; left:40px; top:10px; color:#050172; font-weight:normal; margin:0; padding:0;}
#authorize-net {float:right; margin:-25px 20px 0 0; padding:0;}
#twitter {float:right; margin:15px 20px 0 0; padding:0;}
#facebook {float:right; margin:15px 27px 0 0; padding:0;}
