/* CSS Document */
body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#fff; }
body.subPage { background:url(../images/body-leftBG.gif) 0 0 repeat-y #fff; }
h1, h2, h3, h4, h5, form { margin:0; }
a { text-decoration:none; color:#900; } 
a:hover { text-decoration:underline; }
#home { padding:3px 7px;; background-color:#000; clear:both  }
#home h1, #home h2, #home img, #home a { float:left; font-size:11px; margin:0 3px; padding:0; color:#FFFFFF  }
#sitemap { margin-left:690px; font-weight:bold; width:60px}
#home-topSection { background-image:url(../images/body-blue-bg.gif); height:365px; position:relative; background-color:#003366 }
#home-circle { width:526px; height:365px; background:url(../images/home-mainImage.gif) no-repeat; position:relative;}
#home-circle h3,
#home-circle h4 { position:absolute; font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif; width:150px; }
#home-circle h4 a { color:#000; display:block; height:50px; padding-left:70px;}
#home-circle #home-link-1 a { padding:57px 0 0 5px; }
#home-circle #home-link-2 a { padding:10px 0 0 75px; }
#home-circle #home-link-3 a { padding:0 0 0 80px; }
#home-circle #home-link-4 a { padding:10px 0 0 65px; }
#home-circle #home-link-6 a { padding:15px 0 0 65px; height:40px;}
#home-circle #home-link-7 a { padding:15px 0 0 80px; height:40px; }
#home-circle #home-link-8 a { padding:0 0 0 30px; height:60px; }
#home-circle #home-link-10 a { padding:15px 0 0 85px; }
#home-circle #home-link-11 a { padding:5px 0 0 65px; }
#home-circle #home-link-12 a { padding:60px 0 0 75px; }
#home-phone { position:absolute; top:10px; left:500px; }
#home-prodPomo { position:absolute; left:537px; top:55px; }
#home-boxes { position:absolute; left:528px; top:241px; width:250px; }
#home-greyArea { background:url(../images/body-ltGrey-shadow.gif) repeat-x #EDEDED; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
#home-greyArea .cf { width:778px; }
#home-greyArea .cf div { float:left; border-right:1px solid #ccc; height:156px; }
#home-box1 { width:223px; }
#home-box1 p { margin:0; padding:22px 0 10px 22px; }
#home-box1 ul { margin-top:0; color:#A10F00; }
#home-box1 ul li { margin-bottom:3px;}
#home-box1 ul li a { color:#003366; font-weight:bold; }
#home-box2 { width:278px; text-align:center; }
#home-box2 img { margin-top:15px; }
#home-box3 { width:273px; text-align:center; }
#home-box3 img { margin-top:15px; }

#body-nav { background:url(../images/body-home-navBG.gif) repeat-x; background-color:#A10F00 }
#body-nav div { width:785px;}
#body-nav a { float:left; }
#body-nav img { }
#body-footer { width:777px; padding-top:10px;}
#body-footer div { float:left; width:707px; }
#body-footer div p { text-align:center; }
#body-footer div a { color:#333; padding:0 7px; font-weight:bold;}

#body-topSection { background-image:url(../images/body-blue-bg.gif); background-color:#003366 }
#body-topSection .cf { width:777px; }
#body-logo { float:left; width:494px; }
#body-phone { float:left; width:280px; padding-top:10px; }
#body-crumbs { background:url(../images/body-drkGrey-shadow.gif) repeat-x; height:26px; background-color:#C8C8C8}
#body-crumbs a { color:#000; }
#body-breadCrumbs { font-weight:bold; font-size:11px; float:left; width:570px; padding:5px 0 0 22px; }
#body-breadCrumbs h1,
#body-breadCrumbs h2 { display:inline; font-size:11px; width:400px; overflow:hidden }
#body-pageLinks { padding-top:4px;}
#body-pageLinks a { font-size:10px; margin-right:10px; }
#body-pageLinks a img { vertical-align:bottom; margin-right:5px; }
#body-wrapper { background:url(../images/body-leftBG.gif) 0 0 repeat-y; width:995px; background-color:#FFFFFF }
#body-lCol { padding:25px 0 0 12px; float:left; width:148px; }
#body-lNav { background-color:#fff; width:135px; margin:0 0 0px 0; padding:5px 0; border:1px solid #ccc; border-width:1px 0 1px 1px; }
#body-lNav ul { margin:0 0 0 5px; padding:0 0 0 2px; color:#A10F00; list-style-position:inside;  }
#body-lNav ul li { padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #ccc; }
#body-lNav ul li a { color:#003366; font-weight:bold; }
#body-chat { width:135px; align:left; }
#body-mainContents { width:618px; float:left; padding-top:18px; margin-left:15px; background-color:#FFFFFF }
#body-mainContents table { background-color:#FFFFFF !important }
#body-mainContents td { font-size:11px; }
#body-mainContents td p { margin:0; padding:0; }
#body-mainContents a { text-decoration:underline; }
#body-mainContents .title { font-size:18px; text-align:center; margin-bottom:20px; }
#prod-Box { margin-bottom:15px;}
#prod-img { width:330px; float:left; }
#prod-img p { text-align:center; margin:0 0 10px 0;}
#prod-feat { width:230px; float:left; border:1px solid #ccc; background-color:#ededed; padding:18px 25px; }
#prod-feat div { text-align:center;}
#prod-feat ul { margin:0; padding:0; list-style-position:inside;  }
#prod-listing { margin-bottom:30px; clear:both; border:1px solid #000; padding:10px; text-align:center; font-size:16px; font-weight:bold;  background-color:#FFF7C4;}

#body-wrapper #body-footer div { clear:both; width:620px; padding-top:10px; margin-left:160px; float:none; border-top:1px solid #ccc; } 
#body-wrapper #body-footer div a { color:#333; padding:0 4px; font-weight:bold;}
/* --- Blog --- */
#BlogLeft { float:left; width:450px; margin-right:20px; }
#BlogLeft p.title { color:#000000 !important; text-decoration:none !important; }
#BlogLeft div.date-header { border-bottom:1px solid #CCC; text-align:left; padding:10px 0; margin:5px 0; font-size:11px; color:#666666; font-weight:bold }
#BlogLeft .post { padding:0 0px 40px 10px; }
#BlogRight { float:left; width:140px; }
#BlogRight h4 { margin:0; padding:30px 0 0 0; font-size:11px }
#BlogRight li { margin-left:15px; padding-left:5px; font-size:11px; }


/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */