* {
  margin: 0;
  padding: 0;
  }

body {
  font-size:100%;
  font-family: Arial,'Lucida Grande',Verdana,sans-serif;
  text-align:center;
  background:#000 url(images/background.gif) repeat-x top left;
}

.css-slideshow{
  position: relative;
  max-width: 953px;
  height: 300px;
  margin-left:20px;
  margin-top:1px;
}
.css-slideshow figure{
  margin: 0;
  max-width: 953px;
  height: 300px;
  background: #000;
  position: absolute;
}
.css-slideshow img{
  box-shadow: 0 0 2px #666;
}
.css-slideshow figcaption{
  position: absolute;
  top: 0;
  color: #fff;
  background: rgba(0,0,0, .3);
  font-size: .8em;
  padding: 8px 12px;
  opacity: 0;
  transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
  transition: opacity .5s;
  opacity: 1;
}
.css-slideshow-attr{
  max-width: 953px;
  text-align: right;
  font-size: .7em;
  font-style: italic;
  margin:0 auto;
}
.css-slideshow-attr a{
  color: #666;
}
.css-slideshow figure{
  opacity:0;
}
figure:nth-child(1) {
  animation: xfade 48s 42s infinite;
}
figure:nth-child(2) {
  animation: xfade 48s 36s infinite;
}
figure:nth-child(3) {
  animation: xfade 48s 30s infinite;
}
figure:nth-child(4) {
  animation: xfade 48s 24s infinite;
}
figure:nth-child(5) {
  animation: xfade 48s 18s infinite;
}
figure:nth-child(6) {
  animation: xfade 48s 12s infinite;
}
figure:nth-child(7) {
  animation: xfade 48s 6s infinite;
}
figure:nth-child(8) {
  animation: xfade 48s 0s infinite;
}

@keyframes xfade{
  0%{
    opacity: 1;
  }
  10.5% {
    opacity: 1;
  }
  12.5%{
    opacity: 0;
  }
  98% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

h1 {
	font-weight:bold;
	font-size:12pt;
	font-variant: small-caps;
	color: #326195;
}
h2 {
	font-weight:bold;
	font-size:10px;
	font-variant:small-caps;
	color: #0064a2;
}

table {
	border-style:none;
}
#container {
  width:993px;
  background:#FFF;
  margin:0 auto 0 auto;
}

#body_space {
	padding:0 0px 0 0px;
}
  
#header {
  width:984px;
  background:#FFF;
  margin-left:20px;
  margin:0 auto 0 auto;
}

.table-indent {
	padding-left:40px;
	text-align:left;
}

.cls {
clear:both;
}

/* logo and small slogan */

#logo-block {
  height:126px;
  width:601px;
  float:left;
  text-align:left;
}

#logo {
  padding-top:44px;
  line-height:40px;
  font:48px Arial, "Times New Roman", Times;
  padding-left:27px;
  color:#5A5A5A;
}

#slogan {
  font:14px Arial, "Times New Roman", Times;
  color:#5A5A5A;
  padding-left:97px;
}

.logoblue {
color:#518BBA;
}

/* end logo and small slogan */

/* top login and search */

#definels {
  width:383px;
  float:right;
}

#login_top {
  background:#000 url(images/login.gif) no-repeat top left;
  height:35px;
  text-align:left;
  padding-left:50px;
 }

 #login_top p {
  font:14px Arial, "Times New Roman", Times;
  color:#E9E9E9;
  padding-top:10px;
  float:left;
 }
 
#login_top input {
  margin:6px 0;
  padding-right:8px;
  float:left;
}

.topinputstyle{
  border:0px;
  background:#D1D1D1;
  width:77px;
  height:17px;
  color:#000;
  font-size:14px;
  padding-top:5px;
  padding-bottom:2px;
  padding-left:10px;
}

.loginbutton{
  background:transparent url(images/loginbutton.gif) no-repeat top left;
  border:none;
  width:22px;
  height:22px;
  cursor:pointer;
  padding-left:10px;
  margin-top:2px;
}

#search {
  clear:left;
  width:259px;
  margin-left:43px;
  margin-top:30px;
}

#search input.box {
  color: #000;
  font-size: 14px;
  width: 160px;
  height: 17px;
  background: #FFF;
  border:1px solid #A6A6A6;
  margin-right: 5px;
}

#search button.btn {
  width: 79px;
  height: 21px;
  cursor: pointer;
  color:#fff;
  background: #fbc900 url(images/search.gif) no-repeat top left;
}

/* top login and search */

/* top navigation bar */

#top-nav-bg  {
  background:none no-repeat top left;
  height:38px;
  width:984px;
}

	
#top-nav {
  height:38px;
  width:984px;
}
  
#top-nav ul {
  list-style:none;
  padding-left:20px;
}
  
#top-nav ul a {
  background-image: url(images/topnavdivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
  padding-left: 16px;
  display: block;
  line-height: 38px;
  text-decoration: none;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 17px;
  color: #FFF;
}
	
#top-nav ul a:hover {
  color: #FDA041;
  text-decoration: underline;
}
 
  #top-nav li {
    float:left;
	}
	
/* end top navigation bar */
.page {
  width:993px;
  min-height:206px;
  margin:0 auto 0 auto;
  background:#FFF;
  padding-top:8px;
}

#page {
  width:993px;
  min-height:206px;
  margin:0 auto 0 auto;
  background:#FFF;
  padding-top:8px;
}

#page table {
	margin-left:60px;
	border-style:none;
}

#page table td {
	color:hsla(212,51%,39%,1.00);
}

#page table tr {
	border-style:solid;
}

#page-middle {
	align-items:center;
	width:850px;
	background-image:url(images/prodFill.png);
	background-repeat:repeat-y;
	background-position:top left;
	margin-left:0px;
}

#page-middle table {
	margin-right:10px;
}

#page-footer {
	width:850px;
	height:55px;
	background-image:url(images/prodFooter.png);
	background-repeat:no-repeat;
}

#page-top-sb2 {
	width:850px;
	height:156px;
	background-image:url(images/header-sb2.png);
	background-repeat:no-repeat;
	background-position:top left;
	top: 0;
}

#page-top-ss {
	width:850px;
	height:156px;
	background-image:url(images/header-ss.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-ssz {
	width:850px;
	height:156px;
	background-image:url(images/header-ssz.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-sb4 {
	width:850px;
	height:156px;
	background-image:url(images/header-sb4.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-sb3 {
	width:850px;
	height:156px;
	background-image:url(images/header-sb3.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-sb2lt {
	width:850px;
	height:156px;
	background-image:url(images/header-sb2lt.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-snet {
	width:850px;
	height:156px;
	background-image:url(images/header-snet.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-bg {
	width:850px;
	height:156px;
	background-image:url(images/header-bg.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-onets {
	width:850px;
	height:156px;
	background-image:url(images/header-onets.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-top-zebra {
	width:850px;
	height:156px;
	background-image:url(images/header-zebra.png);
	background-repeat:no-repeat;
	top: 0;
}

#page-padding {
  padding:3px 8px 0px 8px;
}
	
#myPress-margins {
	margin-left:20px;
}

.myPress-images {
	width: 200px;
	height: 200px;
}

.myPress-images img{
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	}

.myPress-images:hover img {
	width: 200px;
	height: 200px;
	-webkit-transform:rotate(-30deg); /* Safari and Chrome */
	-moz-transform:rotate(-30deg); /* Firefox */
	-ms-transform:rotate(-30deg); /* IE 9 */
	-o-transform:rotate(-30deg); /* Opera */
	transform:rotate(-30deg);
	-webkit-filter: drop-shadow(10px 7px 1px grey); /* Safari and Chrome */
	-moz-filter: drop-shadow(10px 7px 1px grey); /* Firefox */
	-ms-filter: drop-shadow(10px 7px 1px grey); /* IE 9 */
	-0-filter: drop-shadow(10px 7px 1px grey); /* Opera */
	filter: drop-shadow(10px 7px 1px grey);
	 }
	 
/* main page content */

#content {
  float:left;
  width:750px;
  margin-left:10px;
  margin-bottom:10px;
  background:#FFF url(images/page-background.jpg) no-repeat top left;
}
#main-content {
  float:left;
  width:960px;
  margin-left:10px;
  background:#FFF url(images/page-background.jpg) repeat-x;
}
#product-content {
  float:left;
  align-content:center;
  width:960px;
  margin-left:10px;
  background:#FFF url(images/page-background.jpg) repeat-x top left;
}
#page #page-padding #content #content-padding p img {
	padding: 10px;
}


#content-padding {
  padding:15px;
}

#content-img {
	padding:10px;
}

#content h1,h2,h3,h4,h5 {
  padding:5px 5px 10px 5px;
  font:32px Arial, "Times New Roman", Times;
  color:#494949;
  text-align:left;
}

#content p {
  padding:0px 5px 10px 5px;
  font:15px Arial, "Times New Roman", Times;
  text-align:justify;
}

#content a {
  text-decoration: underline;
  color:#0B3E70;
}
	
#content a:hover {
  text-decoration:none;
  text-shadow:0px 0px 4px #FDA041;
}
.content-prod-img {
	position:absolute; top: 0; left: 0;
}
.content-prod-fill {
	background-repeat:repeat-x;
}
.content-prod-box {
	position: absolute;
	top: 554px;
	left: 227px;
}
.prodBox {
	width:875px;
	min-height:200px;
	background-image:url(images/prodHeader.png);
	background-repeat:no-repeat;
	background-position:right;
}
.grey {
  color:#494949;
}
.blue {
	color:#0e76bc;
	margin-right: 20px;
	font-size: 24px;
	float: right;
	text-decoration: none;
}
.orderBlue {
	color:#FFFFFF;
	background-color:#0e76bc;
	margin-right: 20px;
	font-size: 24px;
	font-weight:bold;
	float: right;
	text-decoration: none;
}

.hidden { 
	display: none;
}

.unhidden { 
	display: block;
}

/* end main page content */

/* right menu, navigation, newsletter */

#right-nav {
  float:right;
  margin-right:10px;
  width:200px;
  text-align:left;
}

.right-nav-back {
  background:#FFF url(images/right-menu-bg.gif) repeat-y top left;
  width:283px;
}

.right-nav-top {
  background:#FFF url(images/right-menu-top.gif) no-repeat top left;
  width:283px;
  height:36px;  
}
.right-nav-top p {
  color:#FFF;
  font:13px Arial, "Times New Roman", Times;
  font-weight:bold;
  padding:13px 0px 0px 10px;
}
.right-nav-bottom {
  background:#FFF url(images/right-menu-bottom.gif) no-repeat top left;
  width:283px;
  height:12px;
  padding-bottom:10px;
}
  
#right-nav ul
{
  list-style:none;
  text-align:left;
  padding-top:10px;
}
  
#right-nav li a
{
  background-image: url(images/right-menu-div.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  display:block;
  padding:13px 0px 18px 15px;
  line-height:15px;
  text-decoration: none;
  color: #494949;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:19px;
}
  
#right-nav li a:hover
{
  color:#C46A00;
  text-decoration: underline;
}
  
.right-nav-divider {
  background: transparent url(images/menu-divider.gif) no-repeat top left;
  width:226px;
  height:1px;
  padding-bottom:33px;
}

#subscribe {
  text-align:right;
  padding-right:30px;
}

#subscribe form {
  margin-left:11px;
}

#subscribe input {
  margin:6px 0;
}

.inputstyle {
  background:#FFF;
  border:1px solid #ADADAD;
  width:250px;
  height:22px;
  color:#494949;
  font-size:14px;
  padding-top:5px;
  padding-left:10px;
}

.button {
  background:transparent url(images/button.jpg) no-repeat top left;
  vertical-align:middle;
  padding-bottom:5px;
  border:none;
  width:131px;
  height:31px;
  color:#FFF;
  font:bold 13px Arial, Georgia, "Times New Roman", Times;
  cursor:pointer;
  margin-left:5px;
}

/* end right menu, navigation, newsletter */

/* footer */

#footer {
  clear:both;
  background:#000 url(images/footer.gif) repeat-x top left;
  width:993px;
  height:167px;
  margin:0 auto 0 auto;
  text-align:left;
}

#footer-m  {
	clear:both;
	background:#000 url(images/footer.gif) repeat-x top left;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
}

#footer-m p {
	font:14px Arial, "Times New Roman", Times;
	color:#929292;
}

#footer-m a {
  color:#FFF;
  text-decoration:underline;
}

#footer-m a:hover {
  color:#C46A00;
  text-decoration:none;
}

#footer-pad {
  width:984px;
  padding:10px 0px 0px 0px;
  text-align:center;
}

#footer p {
  font:14px Arial, "Times New Roman", Times;
  color:#929292;
}

#footer a {
  color:#FFF;
  text-decoration:underline;
}

#footer a:hover {
  color:#C46A00;
  text-decoration:none;
}

/* end footer */
.fadein { 
	position:relative; 
	height:300px; 
	width:953px; 
	margin-left:20px; 
	margin-top:0px; 
	}
	
.fadein img { 
	position:absolute; 
	left:0; 
	top:0; 
	}

/* start masthead */
#masthead {
	background-color: #FFF;
	width: 993px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-right: 0px;
	height: 210px;
	position:relative;
}
/* end masthead */
#masthead .blue a {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	color: #0E76BC;
	text-align:right;
	margin-right:20px;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(colorbox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}