﻿#MainSpot {
 width: 960px;
 display: inline-block;
 height: 385px;
 overflow: hidden;
}
#MainSpot .SpotContent {
 display: block;
 position: relative;
 float: left;
 width: 796px;
 overflow: hidden;
}
#MainSpot .SpotContent ul {
 visibility: hidden;
}
/*important nontyped carousel classes!*/
#MainSpot .SpotContent .jcarousel-clip-horizontal {
 width: 796px;
}
#MainSpot .SpotContent .jcarousel-item {
 width: 796px;
}
/* / important nontyped carousel classes!*/

#MainSpot .SpotContent ul li {
 padding:0;
 background:none;
 /*carousel-item-size*/
 list-style: none;
 width: 796px;
 height:373px;
 overflow:hidden;
}
#MainSpot .SpotContent img, #MainSpot .SpotContent object, #MainSpot .SpotContent embed {
 margin-top: 16px;
}
#MainSpot a#LeftArrow, #MainSpot a#RightArrow, #MainSpot a.DLeftArrow, #MainSpot a.DRightArrow {
 position: relative;
 width: 60px;
 height: 226px;
 z-index: 2;
}
#MainSpot a#LeftArrow, #MainSpot a#RightArrow {
 background: transparent url(/i/t/sprite.png) no-repeat;
}
#MainSpot a#LeftArrow {
 float: left;
 background-position: 0 -250px;
 margin: 77px 12px 0 9px;
}
#MainSpot a:Hover#LeftArrow {
 background-position: -122px -250px;
}
#MainSpot a#RightArrow {
 float: left;
 background-position: -61px -250px;
 margin: 77px 0 0 12px;
}
#MainSpot a:Hover#RightArrow {
 background-position: -183px -250px;
}
#MainSpot a.DLeftArrow {
 cursor: default;
 background-position: -425px 0 !important;
}
#MainSpot a.DRightArrow {
 cursor: default;
 background-position: -486px 0 !important;
}

#MainSpot .SpotContent .Pager {
 float: right;
 position: relative;
 top: -355px;
}
#MainSpot .SpotContent .Pager span {
 cursor: pointer;
 display: inline-block;
 background: transparent url(/i/t/sprite.png) no-repeat;
 overflow: hidden;
 width: 17px;
 height: 17px;
 background-position: 0 -60px;
}
#MainSpot .SpotContent .Pager span.Active {
 background-position: 0 -77px;
}

#ActionMenu {
 width: 960px;
 display: inline-block;
 height: 90px;
}

#ActionMenu ul {
 margin: 11px 0 0 81px;
}
#ActionMenu ul li {
 padding:0;
 background:none;
 list-style: none;
 float: left;
}
#ActionMenu ul li a {
 background: transparent url(/i/t/sprite.png) no-repeat;
 _background: transparent url(/i/t/sprite_8bit.png) no-repeat;
 display: inline-block;
 width: 90px;
 height: 90px;
}
#ActionMenu ul li.AllProducts {
 width: 257px;
 text-align: center;
}

h2.White a {
 color: #1E428E;
 font-size: 15px;
 text-align: center;
 text-decoration: none;
}
#ActionMenu ul li.AllProducts h2 {
 padding-left: 7px;
 display: inline-block;
 width: 101px;
}
#ActionMenu ul li a {
 text-decoration:none;
 text-align:left;
}
#ActionMenu ul li a span.tooltip {
 text-align:center;
 display:inline-block;
 position:absolute;
 margin-top:-31px;
 margin-left:-35px;
 padding:11px;
 width:151px;
 height:19px;
 color:white;
 background: transparent url(/i/t/sprite.png) no-repeat;
 _background: transparent url(/i/t/sprite_8bit.png) no-repeat;
 background-position:-244px -279px;
 }
#ActionMenu ul li.AllProducts a {
 background-image: none;
}
#ActionMenu ul li a.IconOne {
 background-position: 0 -497px;
}
#ActionMenu ul li a.IconTwo {
 background-position: -90px -497px;
}
#ActionMenu ul li a.IconThree {
 background-position: -180px -497px;
}
#ActionMenu ul li a.IconFour {
 background-position: -270px -497px;
}
#ActionMenu ul li a.IconFive {
 background-position: -360px -497px;
}
#ActionMenu ul li a.IconSix {
 background-position: -450px -497px;
}
#ActionMenu ul li a:Hover.IconOne {
 background-position: 0 -587px;
}
#ActionMenu ul li a:Hover.IconTwo {
 background-position: -90px -587px;
}
#ActionMenu ul li a:Hover.IconThree {
 background-position: -180px -587px;
}
#ActionMenu ul li a:Hover.IconFour {
 background-position: -270px -587px;
}
#ActionMenu ul li a:Hover.IconFive {
 background-position: -360px -587px;
}
#ActionMenu ul li a:Hover.IconSix {
 background-position: -450px -587px;
}


#ShowCasePopup{
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 25px 5px #999;
    /*color: #2B91AF;*/
    color:#111;
    display: none;
    padding: 5px;
}

#ShowCasePopup .button{
    background-color: #2B91AF;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

#ShowCasePopup .button.small{
    border-radius: 15px;
    float: right;
	margin: 22px 5px 0;
	padding: 6px 15px;
}

#ShowCasePopup .button:hover{
    background-color: #1e1e1e;
}

#ShowCasePopup .button > span{
    font-size:84%
}

#ShowCasePopup .button.b-close, .button.bClose{
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

