@charset "utf-8";
/* CSS Document */

#spiderFood{
width:863px;
min-height:164px;
background-image:url(/051web/resources/images/spiderFoodBG.jpg);
background-repeat:none;
margin-left:auto;
margin-right:auto;
}
 
#spiderBox{
width:145px;
float:left;
margin-top:20px;
margin-left:24px;
}
 
 
 
#spiderBox p{
font-size:10px;
margin:0;
padding:0;
margin-top:5px;
line-height:14px;
}
 
#spiderBox a{
color:#d2382e;
text-decoration:none;
}
 
 
.spiderHead{
font-size:12px;
color:#d2382e;
font-weight:bold;
text-decoration:underline;
}
 
body {
        /*margin:0;*/
overflow-x: hidden;
 
}
 
 
</style> 
 
<style type="text/css"> 
 
 
/*LAYOUT ELEMENTS*/
 
div#search{width:200px;margin-right:0px;float:right;margin-top:6px; margin-right:30px; text-align:right;}
div#search input.search{background-image:url(/051web/resources/images/searchBtn.jpg); color:#FFF;width:28px; height:21px; padding:0px; border:none;}
div#search input.search:hover{cursor:pointer;}
 
div#navcontainer {
	width:919px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:333;
	left: 135px;
	height: 35px;
 
}
 
div#navcontainer h4 {
        font-size:16px;
color:#000;
line-height:135%;
}
 
ul#mainnav {
        margin:0;
        padding:0;
        list-style:none;
 
}
 
ul#mainnav a {
        color:#FFF;
        text-decoration:none;
        font-size:13px;
        margin:0;
        padding:7px 0 0 0;
}
 
ul#mainnav li div.selected {
        background-position:0 -35px;
}
 
/*ul#mainnav a.selected {
        background-position:0 -35px;
}*/
 
ul#mainnav li {
        float:left;
        margin:0;
        padding:0;
        color:#FFF;
        font-size:13px;
        font-weight:normal;
        text-align:center;
}
 
ul#mainnav li h2 {
color:#fff;
        font-size:13px;
        margin:0;
        padding:7px 0 0 0;
}
 
ul#mainnav li div {
        cursor:pointer;
}
 
div#products_btn {
        width:107px;
        height:35px;
        background: url(/051web/resources/magicMenu/images/products_btn.jpg) top left no-repeat;
        display:block;
}
 
div#how_btn {
        width:153px;
        height:35px;
        background: url(/051web/resources/magicMenu/images/nav_btn.jpg) top left repeat-x;
        display:block;
}
 
div#resources_btn {
        width:108px;
        height:35px;
        background: url(/051web/resources/magicMenu/images/nav_btn.jpg) top left repeat-x;
        display:block;
        
}
 
div#services_btn {
        width:98px;
        height:35px;
        background: url(/051web/resources/magicMenu/images/nav_btn.jpg) top left repeat-x;
        display:block;
        color:white;
}
 
div#customers_btn {
        width:108px;
        height:35px;
        background: url(/051web/resources/magicMenu/images/nav_btn.jpg) top left repeat-x;
        display:block;
}
 
div#about_btn {
        width:91px;
        height:35px;
        background: url(/051web/resources/magicMenu/images/nav_btn.jpg) top left repeat-x;
        display:block;
}
div#right_btn{
        width::255px;
		height:35px;
		background:url(/051web/resources/magicMenu/images/products2_btn.jpg) top right no-repeat;
        display:block;
		z-index:255;
        }
/*MEGA MENU*/
 
div#megamenu {
        position:absolute;
        top:35px;
        left:0;
        width:921px;
        min-height:340px;
        /*background:#333;*/
        display:none;
        z-index:333;
}
 
div#megamenu div.mm_subcontent {
        -webkit-border-bottom-left-radius:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-box-shadow:2px 2px 6px #444;
        
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -moz-box-shadow:2px 2px 6px #444;
        
}
 
div#products_mm {
        width:505px;
        height:245px;
        position:absolute;
        top:0;
        left:0;
        display:none;
        border: 1px solid #e7e7e7;
}
 
div#how_mm {
        width:590px;
        height:350px;
        position:absolute;
        top:0;
        left:107px;
        display:none;
        border: 1px solid #e7e7e7;
}
 
div#resources_mm {
        width:500px;
        height:250px;
        position:absolute;
        top:0;
        left:260px;
        display:none;
        border: 1px solid #e7e7e7;
}
 
div#services_mm {
        width:502px;
        height:242px;
        position:absolute;
        top:0;
        left:368px;
        display:none;
        border: 1px solid #e7e7e7;
}
 
div#customers_mm {
        width:502px;
        height:242px;
        position:absolute;
        top:0;
        left:73px;
        display:none;
        border: 1px solid #e7e7e7;
}
 
div#about_mm {
        width:462px;
        height:350px;
        position:absolute;
        top:0;
        left:211px;
        display:none;
        border: 1px solid #e7e7e7;
}
 
div#megamenu div.mm_subnavcontainer {
        float:left;
        position:relative;
        -webkit-border-radius:0;
        -webkit-border-bottom-right-radius:0;
        -webkit-box-shadow:none;
        
        -moz-border-radius:0;
        -moz-box-shadow:none;
        
        border-radius:0;
        border-bottom-right-radius:0;
        z-index:120;
}
 
div#megamenu div.mm_subnavcontainer_right {
        float:right;
        position:relative;
        -webkit-border-radius:0;
        -webkit-border-bottom-right-radius:0;
        -webkit-box-shadow:none;
        
        -moz-border-radius:0;
        -moz-box-shadow:none;
        z-index:120;
}
 
div#megamenu div.mm_subcontent {
 
 
position:absolute;
top:0;
left:0;
        width:100%;
        height:100%;
        text-align:right;
}
 
 
 
#product_mm_subcontent div.inner div, #services_mm_subcontent div.inner div, #customers_mm_subcontent div.inner div, #resources_mm_subcontent div.inner div {
        position:relative;
        width:100%;
        min-height:220px;
}
 
div.inner div img {
        position:absolute;
        bottom:0;
        right:12px;
        z-index:-1;
}
 
#product_mm_subcontent {
        background: url(/051web/resources/magicMenu/images/products_mm_bg.jpg) 180px -1px no-repeat #FFF;
        height:244px;
        
}
 
#how_mm_subcontent {
        background: #FFF url(/051web/resources/magicMenu/images/how_bg.jpg) 300px 0px no-repeat;
        height:244px;
}
#resources_mm_subcontent {
        background: #FFF url(/051web/resources/magicMenu/imagesresources_bg.jpg) 173px 3px no-repeat;
        height:250px;
}
 
#services_mm_subcontent {
        background: url(/051web/resources/magicMenu/images/service_bg.jpg) 174px -3px no-repeat #FFF;
        height:244px;
}
 
#customers_mm_subcontent {
        background: url(/051web/resources/magicMenu/images/customers_bg.jpg) 3px -3px no-repeat #FFF;
        height:244px;
}
 
#about_mm_subcontent {
        background: url(/051web/resources/magicMenu/images/about_bg.png) 2px 2px no-repeat #FFF;
        height:244px;
}
 
div#megamenu div#product_mm_subcontent div.inner {
        text-align:left;
        padding:10px 0 0 215px;
        font-size:13px;
        overflow:hidden;
}
 
div#megamenu div#how_mm_subcontent div.inner {
        text-align:left;
        padding:10px 0 0 333px;
        font-size:13px;
        overflow:hidden;
}
 
div#megamenu div#resources_mm_subcontent div.inner {
        text-align:left;
        padding:10px 0 0 215px;
        font-size:13px;
        overflow:hidden;
}
 
div#megamenu div#services_mm_subcontent div.inner {
        text-align:left;
        padding:10px 0 0 215px;
        font-size:13px;
        overflow:hidden;
}
 
div#megamenu div#customers_mm_subcontent div.inner {
        text-align:left;
        padding:10px 0 0 10px;
        font-size:13px;
        overflow:hidden;
}
 
div#megamenu div#about_mm_subcontent div.inner {
        text-align:left;
        padding:10px 0 0 10px;
        font-size:13px;
        overflow:hidden;
}
 
ul.mm_subnav {
        margin:0;
        padding:0;
        list-style:none;
}
 
ul.mm_subnav li {
        text-align:left;
}
 
ul.mm_subnav li h3 {
        padding:12px 0 0 10px;
        margin:0;
        font-size:14px;
        font-weight:normal;
        color:white;
}
 
 
ul.mm_subnav div {
        width:207px;
        height:50px;
        background: url(/051web/resources/magicMenu/images/mm_nav_over.png) top left no-repeat;
        display:block;
        color:#333;
        text-align:left;
        text-decoration:none;
        cursor:pointer;
}
 
ul.mm_subnav div.last {
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-bottomleft:10px;
        border-bottom-left-radius:10px;
}
 
ul.mm_subnav div.flip {
        width:207px;
        height:50px;
        background: url(/051web/resources/magicMenu/images/mm_nav_over_flip.png) top left no-repeat;
        display:block;
        color:#333;
        text-align:left;
        padding-left:
        text-decoration:none;
}
 
ul.mm_subnav div.flip h3 {
        padding:12px 0 0 50px;
        margin:0;
        font-size:14px;
}
 
ul.mm_subnav div.selected, ul.mm_subnav div.flip .selected {
        color:#FFF;
        background-position:0 -50px;
        text-decoration:none;
        text-shadow: 0 -1px 1px #444;
}
 
div.inner div {
        display:none;
        padding-right:30px;
}
 
div.inner div p {
        font-size:12px;
        color:#333;
        letter-spacing:1px;
       line-height: 130%;
}
 
#how_mm h4 {
        font-size:16px;
}
 
#how_mm_subnav div.last {
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-bottomleft:10px;
        border-bottom-left-radius:10px;
}
 
#how_mm_subnav div {
        width:333px;
        height:50px;
        background: url(/051web/resources/magicMenu/images/mm_nav_over_long.png) top left no-repeat;
        display:block;
        color:#333;
        text-align:none;
        text-decoration:none;
}
 
 
 
#how_mm_subnav div.selected {
        color:#FFF;
        background-position:0 -50px;
        text-decoration:none;
        text-shadow: 0 -1px 1px #444;
}
 
div#subcontent {
        width:920px;
        height:355px;
        background:#CCC;
        color:#FFF;
        margin:0;
        padding:0;
        text-align:center;
}
 
 
 
.mm_subnav a, .mm_subnav a visited {
       text-decoration:none;
       color: black;
 
 
}
 
.mm_subnav a:hover{
       text-decoration:none;
       color: white;
 
}
.mm_subnav a.selected {
       text-decoration:none;
       color: white;
}
</style> 
 
<style type="text/css"> 
 
div#slidecontainer {
        width:920px;
        height:20px;
        margin:0 auto;
        padding:0;
        overflow:hidden;
        background:#212121;
        position:absolute;
z-index:99;
}
 
div#slidecontainer div#slidernav {
        position:absolute;
        bottom:0;
        left:10px;
        width:150px;
        height:26px;
        z-index:99;
}
 
div#slidernav ul {
        margin:0;
        padding:0;
        list-style:none;
}
 
div#slidernav ul li {
        float:left;
        margin:0 3px;
        height:26px;
}
 
div#slidernav ul li div.navbar{
        display:block;
        width:10px;
        height:100%;
        font-size:10px;
        text-align:center;
        background: url(/051web/resources/slider/navbar_bg.jpg) 0 13px no-repeat;
        cursor:pointer;
}
 
div#slidernav ul li div.navbar.selected {
        background-position: 0 0;
}
 
div#slidecontainer div#slides {
        width:4600px;
        height:338px;
        position:absolute;
        top:0;
        left:0;
        display:block;
        z-index:10;
}
 
div.slide {
        position:relative;
        float:left;
        width:920px;
        height:338px;
z-index:10;
}
 
div.inner {
        display:block;
        position:absolute;
        width:250px;
        top:45px;
        right:40px;
        background: transparent;
z-index:99;
}
 
div.inner#blogcontent {
        padding-top:30px;
}
 
div.inner h3 {
        font-size:18px;
        color:#FFF;
        margin-top:0;
        padding-top:0;
}
 
div.inner h3 a{
        font-size:18px;
        color:#FFF;
        margin-top:0;
        padding-top:0;
text-decoration:none;
}
 
div.inner h3 a:hover{
 
text-decoration:underline;
}
 
div.inner h4 {
        font-size:18px;
        color:#FFF;
        margin-top:0;
        padding-top:0;
}
 
div.inner#blogcontent h4 {
        margin:0 0 5px 0;
        padding:0;
        font-size:14px;
}
 
div.inner p {
        font-size:13px;
        color:#e5e1c2;
        line-height:20px;
}
 
div.inner p a.blogLink{
        font-size:13px;
        color:#e5e1c2;
        line-height:20px;
text-decoration:none;
}
 
div.inner p a:hover{
 
text-decoration:underline;
}
 
div.inner p.quote {
        font-style:italic;
}
 
div.inner img.button {
        margin:0 auto;
        display:block;
}
 
div.inner #blog_submit {
        height:26px;
        margin:0;
        padding:0;
        border:none;
        color:#666666;
}
 .fullscreen { display: ; }