@charset "utf-8";
/* CSS Document */
* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{ margin:0; padding:0; border:0; }
body{ overflow-y: scroll; overflow-x: hidden; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; font-style: normal; font-weight: normal; font-size:12px; color:#fff; background-color:#000; background-image: url('/img/backgr3.jpg'); background-position: center top; background-repeat: no-repeat;}

.fonts{
    font-family:'Avenir LT W02 45 Book';
    font-family:'AvenirLTW02-45BookObliq';
    font-family:'Avenir LT W02 95 Black';
}
::selection { background: #184E7F; /* Safari */	color:#fff; }
::-moz-selection { background: #184E7F; /* Firefox */ color:#fff; }

li{ vertical-align: text-top; }
.clear_left{ clear:left; }
.clear_both{  display: block; clear:both; }
.right{ float:right; }
.left{ float:left; }
.paddingNul{ padding-bottom:0;}

strong{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-style: normal; font-weight: normal;	 }

.disableSelection{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;	-o-user-select: none; user-select: none; }
.error{ color:red; }

h1, h2, h3{font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-style: normal; font-weight: normal;}

ol{ margin: 1em 0 1em 18px; list-style-type: lower-alpha; }
a{ text-decoration: none;}
em{ font-family:'AvenirLTW02-45BookObliq', Arial, sans-serif; font-style: normal; }

.mainframe{ margin:0 auto; position:relative; width:982px; z-index:20; }
#content{ position:relative; float:left; }

#header{ position:relative;	z-index: 100; width:100%; height: 122px; }
.header_background{ display: block; position: absolute;top: 0; left: 0;  width:100%; height: 100%; background: #141414; opacity: 0.85; filter: alpha(opacity=85); }
#headerContent{ width: 982px; height: 122px;}
#logo{ display: block; float: left; width:196px; height: 80px; background: url('/img/spire_sprite.png') -20px -490px; margin-left: 0; margin-top: 26px; }

/* Header */
#header-search{ position: absolute; z-index: 100; top: 24px; right: 0; width: 220px; height: 80px; text-transform: uppercase; font-size: 10px; }
#header .input{ display: block; padding: 0 10px; width: 168px; height: 32px; border: none; color: #BBBBBB; text-transform: uppercase; font-size: 10px; font-family:'Avenir LT W02 45 Medium', Arial, sans-serif;}
#header-search-category{ position: absolute; z-index: 100; width: 220px; cursor: pointer; }
#header-search-category ul{ display: block; position: relative; overflow: hidden; width: 214px; height: 32px; ; color: #777777;  }
#header-search-category li{ display: block; padding: 10px 10px; width: 168px; height: 12px; background: #ffffff;}
#header-search-category .active{ font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #444444; }
#header-search-category .choose{ color: #bbbbbb;}
#header-search-keyword{ position: absolute; top: 21px; left: 0; width: 220px; height: 32px;}
#header .btn{ position: absolute; top: 0; right: 0; z-index: 10; width: 32px; height: 32px; background: #919B9C; cursor: pointer; }
#header .btn .up{ position: relative; width: 32px; height: 32px; }
#header .btn .hover{ position: absolute; top: 0; left: 0; z-index: 10; width: 32px; height: 32px; opacity: 0; filter: alpha(opacity=0); }

#header-search-category .btn .up{ background: url(/img/spire_sprite.png) -1140px -230px;}
#header-search-category .btn .hover{ background: url(/img/spire_sprite.png) -1180px -230px;}
#header-search-keyword .btn .up{ background: url(/img/spire_sprite.png) -1060px -230px;}
#header-search-keyword .btn .hover{ background: url(/img/spire_sprite.png) -1100px -230px;}

.spireCode{ color: #888888; }

#hoofdmenu{ position:relative; width: 100%; height: 48px; background: #282828; border-bottom: 1px solid #494949; border-top: 1px solid #494949;}
#hoofdmenu ul{ position: relative; z-index: 10; display: block;}
.menubalk li{ position: relative; z-index: 10; float: left; width: 140px; list-style:none; position:relative; cursor:pointer; }
.menubalk li a{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; width: 140px; font-size:12px; line-height:48px; color:white; display:block; text-align: center; text-transform: uppercase; text-decoration: none; transition: color 0.2s;}
.menubalk li a:hover{ color: #E50000; }
.menubalk .active a{ color:#353535; }
.menubalk li span{ position: absolute; top:0; right: 0; width: 1px; height: 48px; background: #494949;}
.menubalk .last span, #footer .menubalk span{ display: none;}
#activeBackgrHeader, #activeBackgrFooter, #activeBackgrSideMenu{ position: absolute; top:0; width:140px; height: 48px; background: url(/img/spire_sprite.png) -190px -20px; display: none;}
#activeBackgrFooter{ top:-1px; height: 50px;}

.header_shadow{ position: absolute; bottom: -20px; left: 0; z-index: 80; width: 100%; height: 20px; background: url('/img/header_shadow.png') repeat-x; }

#activeBackgrHeader.home, #activeBackgrFooter.home{ display: block; left:0; }
#activeBackgrHeader.company, #activeBackgrFooter.company{ display: block; left:140px; }
#activeBackgrHeader.products, #activeBackgrFooter.products{ display: block; left:280px; }

#activeBackgrHeader.pc-accessories, #activeBackgrFooter.pc-accessories{ display: block; left:280px; }
#activeBackgrHeader.tablet-pc, #activeBackgrFooter.tablet-pc{ display: block; left:280px; }
#activeBackgrHeader.computer-cases, #activeBackgrFooter.computer-cases{ display: block; left:280px; }
#activeBackgrHeader.cpu-coolers, #activeBackgrFooter.cpu-coolers{ display: block; left:280px; }
#activeBackgrHeader.gaming, #activeBackgrFooter.gaming{ display: block; left:280px; }
#activeBackgrHeader.fans, #activeBackgrFooter.fans{ display: block; left:280px; }
#activeBackgrHeader.mobile-accessories, #activeBackgrFooter.mobile-accessories{ display: block; left:280px; }
#activeBackgrHeader.power-supplies, #activeBackgrFooter.power-supplies{ display: block; left:280px; }
#activeBackgrHeader.system-cooling, #activeBackgrFooter.system-cooling{ display: block; left:280px; }
#activeBackgrHeader.results, #activeBackgrFooter.results{ display: block; left:280px; }

#activeBackgrHeader.media, #activeBackgrFooter.media{ display: block; left:420px; }
#activeBackgrHeader.support, #activeBackgrFooter.support{ display: block; left:560px; }
#activeBackgrHeader.reseller, #activeBackgrFooter.reseller{ display: block; left:700px; }
#activeBackgrHeader.contact, #activeBackgrFooter.contact{ display: block; left:840px; }

#activeBackgrSideMenu.sitemap{ display: block; left:280px; }
#activeBackgrSideMenu.privacy-policy{ display: block; left:420px; }
#activeBackgrSideMenu.terms-and-conditions{ display: block; left:560px; }

#footer{ float: left; width: 982px; position:relative; margin-top: 170px; margin-bottom: 80px;}
#footer .arrowTop{ margin: 0 auto; width: 4px; height: 4px; background: url(/img/spire_sprite.png) -360px -20px;}
#footerContent{ float: left; margin-top: 13px; width: 982px; position:relative;}
/*#footerContent .lineMenu{ float: left; width: 982px; height: 3px; background: url(/img/line.png) repeat-x; }*/
#footermenu, #footerSubmenu, #sideMenu, #contactInfo, #footerCopyright { border-top: 1px solid white; }

#footermenu{ position:relative; float: left; width: 982px; height: 47px; }
#footermenu li.active{ background-color: white; }
#footermenu li.active a{ color: #282828; }

#footerSubmenu{ float: left; width: 982px; padding: 20px 0 15px; }
#footerSubmenu li{ float: left; width: 140px; list-style: none;}
#footerSubmenu li.first{ margin-left: 140px;}

#footerSubmenu a{ font-family:'Avenir LT W02 45 Book', Arial, sans-serif; float:left; width:140px; text-align:center; font-size:10px; line-height:12px; margin-bottom: 6px; color:white; text-transform: uppercase; text-decoration: none; transition: color 0.2s;}
#footerSubmenu a:hover{ color: #E50000; }

#sideMenu{ position:relative; float: left; width: 982px; height: 47px;}
#sideMenu li{position: relative; z-index: 10; float: left; list-style: none; width: 140px; height: 47px;}
#sideMenu li.first{ margin-left: 280px;}
#sideMenu a{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; float: left; width: 140px; font-size:12px; line-height:47px; color:white; display:block; text-align: center; text-transform: uppercase; text-decoration: none; transition: color 0.2s;}
#sideMenu a:hover{ color: #E50000; }
#sideMenu .active{ background-color: #282828; }
#sideMenu .active a{ color: white; }

#contactInfo{ float: left; width: 982px; padding: 25px 0; }
#contactInfo .location{ float: left; width: 245px;}
#contactInfo p{font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #808080; font-size: 10px; line-height: 13px; text-transform: uppercase;}
#contactInfo p .title{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; }

#contactInfo a{ color :#808080;}
#footerCopyright{float: left; width: 982px;}
#copyrights{font-family:'Avenir LT W02 95 Black', Arial, sans-serif; float: left; margin-top: 8px; color:#808080; text-transform: uppercase;}
#komma{float: right; margin-top: 8px;}
#komma a{font-family:'Avenir LT W02 95 Black', Arial, sans-serif; color:#808080; text-transform: uppercase; text-decoration: none; transition: color 0.2s;}
#komma a:hover{ color: #E50000; }
h1 .arrowDown, h2 .arrowDown{position: absolute; right:10px; top:12px; width: 4px; height: 4px; background: url(/img/spire_sprite.png) -360px -40px;}

/* HOME */
#homeProductSlider{ position:relative; width: 100%; height: 620px; }

#ke01_mask{ position: relative; overflow: hidden; }
#ke01_mask ul{ position: absolute; top: 0; left: 0; }
#ke01_mask li{ position: absolute; top: 0; left: 0; overflow: hidden; background: #353535 url('/img/ajax-loader.gif') center center no-repeat;  }
#ke01_mask a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#ke01_mask img{ display: none; position: absolute; top: 0; left: 50%;  }


#homeProductSliderMenu{ position: relative; float: left; margin-left: 244px; z-index: 10;margin-bottom: 90px;}
#homeProductSliderMenu li{ position:relative; float: left; list-style:none; width: 244px; height: 33px; margin-left: 2px; cursor: pointer; background-color: rgba(255,255,255,0.2);}
#homeProductSliderMenu li.active { background-color: #E50000; }
#homeProductSliderMenu span.title{ position:relative; display: block; z-index: 10; width: 234px; height: 33px; line-height: 36px; padding-left: 10px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; color: #ffffff; text-transform: uppercase; }
#homeProductSliderMenu .arrow{position: absolute; top:14px; right: 12px; background: url(/img/spire_sprite.png) -360px -30px; width: 3px; height: 3px;}
#homeProductSliderMenu .active .arrow{background-position: -360px -20px; width: 4px; height: 4px;}
#homeProductSliderMenu .background{ position: absolute; z-index: -10; left:0; bottom:0; width: 244px; height: 45px; display: none; background-color: #E50000; }
#homeProductSliderMenu .background:before{ content: ''; position: absolute; top: -19px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 122px 20px 122px; border-color: transparent transparent #E50000 transparent;}
#homeProductSliderMenu .active .background{ display: block;  }


#sliderBottom{ position: absolute; bottom: -33px; width: 100%; height: 33px; background: #282828;  }

#homeProductSliderMenu li:hover .background{ background-position: -10px -133px; }
#newsAndAwards{ position: relative; float: left; width: 982px; margin-top: 100px; }

#newsBlock{ position: relative; float: left; width: 245px;}
#newsBlock h2{ position: relative; float: left; width: 100%; line-height:24px; font-size: 20px; text-transform: uppercase; padding-bottom: 4px;  }
#newsBlock .image{ position: relative; float: left; margin-top: 10px; width: 245px; height: 180px; background: #DBDBDB;}
#newsBlock .image .shadow{ position: absolute; left: 0; bottom: 0; width: 245px; height: 10px; background: url(/img/spire_sprite.png) -270px -160px; }
#newsBlock .image .labelDown{ position: absolute; right: 10px; bottom:-20px; width: 23px; height: 23px; background: url(/img/spire_sprite.png) -370px -50px;}
#newsBlock .image img{ height: 100%; }
#newsBlock .newsItem{ float: left; width: 245px; background: #fff; padding-top: 20px; min-height: 194px; }
#newsBlock .newsItem h3{ float: left; margin-left: 34px; width: 178px; text-transform: uppercase; font-size: 12px; margin-bottom: 13px;}
#newsBlock .newsItem h3 a{ color: #E50000; text-decoration: none; }
#newsBlock .newsItem p{ float: left; margin-left: 34px; width: 178px; color: #000000; font-size: 12px; line-height: 16px; margin-bottom: 13px;}
#newsBlock .newsItem p a{ color: #E50000; text-decoration: none;}
#newsBlock .footer{ float: left; width: 245px; margin-top: 2px;}
#newsBlock .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -20px;}
#newsBlock .footer .link{ float: left; margin-left: 2px; width: 195px; height: 33px; padding-left: 15px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }
#newsBlock .footer a:hover .link { color: #E50000; }

#twitterBlock{position: absolute; top:-15px; left:234px; width: 264px;}
#textPages #twitterBlock{ left: 484px;}
#twitterBlock .twitterIcon{ position: absolute; z-index: 30; top:10px; left:11px; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -485px -20px;}
#twitterBlock .top{ float: left; width: 264px; height:20px; background: url(/img/spire_sprite.png) -259px -100px; }
#twitterBlock .middle{float: left; width: 264px; background: url(/img/twitterBlockBackgr.png) repeat-y; }
#twitterBlock .bottom{ float: left; width: 264px; height: 20px; background: url(/img/spire_sprite.png) -259px -140px; }

#twitterStream{ position: relative; float: left; width: 224px; height: 464px; background: #efefef; margin-left: 20px; margin-top: 1px;}
#textPages #twitterStream{ height:483px; }
#twitterBlock .footer{ position:absolute; left: 0; left:11px; bottom:-25px; width: 244px; }
#twitterBlock .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -59px;}
#twitterBlock .footer .link{ float: left; margin-left: 2px; width: 189px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }
#twitterBlock .footer .like{ float: left; margin-left: 2px; width: 189px; height: 27px; padding-top: 6px; padding-left: 20px; background: #ffffff; color: #969696; font-size: 12px; text-transform: uppercase;  }

#awardsBlock{ float: right; width: 493px;}
#awardsBlock h2{ position:relative; float: left; width: 470px; padding-left: 20px; line-height:24px; font-size: 20px; text-transform: uppercase; padding-bottom: 4px;  }
#awardsBlock ul{ float: left; margin-top: 10px;}
#awardsBlock li{ list-style:none; float: left; width: 473px; height: 163px; padding-left:20px; padding-top: 33px; background: #ffffff; margin-bottom: 2px;}
#awardsBlock li .image{ position:relative; z-index: 1; float: left; width: 174px; height: 128px; background: #DBDBDB; border: 1px solid #efefef; }
#awardsBlock li .image img{ height: 100%; }
#awardsBlock li .shadow{position: absolute; z-index: 10; left:0; top:0; width: 178px; height: 130px; display: block; background: url(/img/spire_sprite.png) -10px -220px;}
#awardsBlock li .labelRight{position: absolute; z-index: 20; right:-20px; top:80px; width: 23px; height: 23px; display: block; background: url(/img/spire_sprite.png) -370px -20px;}
#awardsBlock li .awardItem{ float: right; margin-right: 33px; width: 211px;}
#awardsBlock .awardItem h3{ float: left; width: 211px; text-transform: uppercase; color: #E50000; font-size: 12px; margin-bottom: 13px;}
#awardsBlock .awardItem h3 a{ color: #E50000; text-decoration: none; }
#awardsBlock .awardItem p{ float: left; width: 211px; color: #000000; font-size: 12px; line-height: 16px; margin-bottom: 13px;}
#awardsBlock .awardItem p a{ color:#E50000; text-decoration: none;}

#awardsBlock .footer{ float: left; width: 493px;}
#awardsBlock .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -20px;}
#awardsBlock .footer .link{ float: left; margin-left: 2px; width: 438px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }


/* PRODUCTS HOME */

#breadCrump{ position:relative; float: left; margin-top: 45px; margin-bottom: 30px; width: 982px; line-height:24px; text-transform: uppercase; border-bottom: 1px solid #979797; }
#breadCrump .arrowDown{ position: absolute; right:10px; top:12px; width: 4px; height: 4px; background: url(/img/spire_sprite.png) -360px -40px;}
#breadCrump a{ font-family:'Avenir LT W02 45 Book', Arial, sans-serif; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #7f7f7f;  }
#breadCrump a:hover{  color: #afafaf;}
#breadCrump a.active{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; color: white;  }
#breadCrump span{ font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #7f7f7f; font-size: 12px; padding-left: 3px; padding-right: 3px;}

.contact #breadCrump{ margin-bottom: 35px; }

#titleBreadCrump{ position:relative; float: left; width: 982px; padding-bottom: 4px; line-height:24px; text-transform: uppercase; border-bottom: 1px solid #979797;  }
#titleBreadCrump .arrowDown{ position: absolute; right:10px; top:12px; width: 4px; height: 4px; background: url(/img/spire_sprite.png) -360px -40px;}
#titleBreadCrump a{ float: left; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; font-size: 20px; text-decoration: none; text-transform: uppercase; color: #7f7f7f;  }
#titleBreadCrump h1 a, #titleBreadCrump a.active{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; color: white;  font-style: normal; font-weight: normal; }
#titleBreadCrump span{ float: left; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #7f7f7f; font-size: 20px; padding-left: 10px; padding-right: 10px;}

#categoryMenu{ float: left; width: 982px; margin-bottom: 40px; }
#categoryMenu li{ position: relative; float: left; width: 245px; list-style: none; background: url("/img/submenu_backgr.png") repeat-x;  }
#categoryMenu li a{ position: relative; z-index: 10; float: left; width: 243px; height: 33px; line-height: 33px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 12px; color: #b2b2b2; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; }
#categoryMenu li.active a{ color: #353535;}
#categoryMenu li .separator{ position: absolute; right: 0; top:0; width: 2px; height: 32px; background: url("/img/spire_sprite.png") -163px -20px;}
#categoryMenu li.last .separator{ display: none;}
#categoryMenu li.active .background{ position: absolute; z-index: 5; left: 0; top:0; width: 244px; height: 32px; display: block; background: url("/img/spire_sprite.png") -560px -20px;}

#productsItems{ float: left; width: 738px; }
#productsFilter{ position:relative; float: right;  width: 223px; margin-top: 30px; margin-bottom: 45px; background: url("/img/zuilBackgr.png") repeat-y }
#productsFilter h2{ float: left; width: 178px; height: 31px; font-size:12px; color: white; padding-left: 45px; line-height: 31px; text-transform: uppercase; background: url("/img/submenu_backgr.png") repeat-x;}

#productsFilter .vergrootglas{float: left; margin: 10px 21px 0 9px; width: 15px; height: 15px; background: url("/img/spire_sprite.png") -530px -240px;}
#productsFilter input[type="text"]{ float: left; width: 158px; padding-left: 10px; height: 33px; background: url("/img/spire_sprite.png") -1060px -180px; border: none; color: #2D2D2D; font-size: 12px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif;  }
#productsFilter input[type="radio"]{ float: left; margin-left: 10px; clear: both; }
#productsFilter input[type="checkbox"]{ float: left; margin-left: 10px; clear: both; }
#productsFilter label{ float: left; width: 165px; margin-left: 18px; color: #969696; text-transform: uppercase; line-height: 16px; margin-top: 2px; }
#productsFilter label.h3, #productsFilter h3{ float: left; margin: 22px 0 4px 0; padding-left: 45px; width: 178px; color: #E50000; font-size:12px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; line-height: 31px; }
#productsFilter label.sliderLabel{ font-size: 11px; margin-top:10px; margin-left: 45px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-style: normal; font-weight: normal; color:#666666; }

#productsFilter .footer{ position: absolute; left:0; bottom: -45px; width: 223px; height: 45px; background: url("/img/spire_sprite.png") no-repeat -270px -190px;}

#filter_loading{ position: relative; margin-top: 30px; padding-left: 40px; width: 696px; height: 0; border: 1px solid #ffffff; font-size:12px; text-transform: uppercase; line-height: 31px; opacity: 0; filter: alpha(opacity=0); }
#filter_loading img{ position: absolute; left: 10px; top: 5px; height: 20px; width: 20px;}

.hiddenCb{ position: relative; overflow: hidden; height: 0;  }
.hiddenCb.show{ position: relative; overflow: hidden; height: 30px;  }
.hiddenHolder{ position: absolute; top: 0; left:0;  }

#productContent{ float: left; width: 738px; margin-top: 30px;}

#photoSlider{ float: left; width: 738px;  margin-bottom: 60px; }
#photoSliderFrame{ position:relative; float: left; width: 738px; height: 488px; overflow: hidden; background: #ffffff; text-align: center;}
#photoSliderFrame .shadow{ position:absolute; left:0; bottom: 0; width: 738px; height: 10px; background: url("/img/spire_sprite.png") 0 -340px;}
#photoSliderMenu{ position: relative; float: left; width: 738px; padding-top: 40px; background: #ffffff;}
#photoSliderMenu li{ position:relative; float: left; width: 70px; height: 70px; background: #ffffff; margin-left:11px; margin-bottom: 10px; list-style: none;text-align: center; cursor: pointer;}
#photoSliderMenu li img{ margin-top: 5px; }

#productSlider{ position: absolute; }
#productSlider li{ overflow: hidden; float:left; }
#productSliderNav li.active{ width: 66px; height: 66px; border: 2px solid #E50000; }

#photoSliderMenu li span{ position: absolute; left:0; top:0; z-index: 10; width: 70px; height: 70px; background: url("/img/spire_sprite.png") -220px -260px}
#productSliderNav li.active span{ left:-2px; top:-2px;  }
#photoSliderBtns{ position:absolute; left:355px; top:13px; width: 30px; height: 10px;}
#photoSliderBtns .playBtn{ float: left; width: 10px; height: 10px; background: url("/img/spire_sprite.png") -530px -20px; margin-right: 10px; cursor: pointer; }
#photoSliderBtns .playBtn:hover, #photoSliderBtns .playBtn.active{ background: url("/img/spire_sprite.png") -530px -40px; }
#photoSliderBtns .pauseBtn{ float: left; width: 10px; height: 10px; background: url("/img/spire_sprite.png") -530px -60px;  cursor: pointer; }
#photoSliderBtns .pauseBtn:hover, #photoSliderBtns .pauseBtn.active{ background: url("/img/spire_sprite.png") -530px -80px; }

#photoSlider .footer{ float: left; width: 738px; margin-top: 2px;}
#photoSlider .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -485px -60px;}
#photoSlider .footer .link{ float: left; margin-left: 2px; width: 683px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }

#productContent h2{ position:relative; float: left; width: 738px; padding-bottom: 4px; line-height:24px; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #979797;  }

#productTabs{ position: relative; float: left; margin-top:30px; margin-left: 30px; z-index: 10;}
#productTabs li{ position:relative; float: left; list-style:none; width: 178px; height: 33px; margin-left: 2px;}
#productTabs a{ position:relative; display: block; width: 168px; height: 33px; line-height: 33px; padding-left: 10px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-transform: uppercase; text-decoration: none }
#productTabs .arrow{position: absolute; top:14px; right: 12px; background: url(/img/spire_sprite.png) -360px -30px; width: 3px; height: 3px;}
#productTabs .active .arrow{background-position: -360px -20px; width: 4px; height: 4px;}
#productTabs .background{ position: absolute; z-index: -10; left:0; top:0; width: 178px; height: 33px; display: block; background: url(/img/spire_sprite.png) -560px -180px;}
#productTabs .active .background{ height: 66px; background-position: -560px -220px;}

#productInfo{ position: relative; float: left; width: 673px; margin-bottom: 65px; padding: 66px 33px; background: #ffffff; font-size: 13px; line-height: 18px; color: #000000; }
#productInfo .marketingText{ float: left; width: 310px;}
#productInfo .shortSpecifications{ float: left; width: 310px; margin-left: 50px;}
#productInfo h3{ font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; color: #E50000; text-transform: uppercase; margin-bottom: 13px; }
#productInfo .shortSpecifications{color: #E50000; }
#productInfo table td{ vertical-align: top; padding: 0.5em 20px; }
#productInfo table .spec_label{  width: 250px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; font-style: normal; font-weight: normal;}
#productInfo table .spec_value{ width: 400px;}
#productInfo table .alt{ background: #efefef; }
#productInfo table .spec_value li{ margin-left: 14px; list-style-type: circle;  }

#relatedProducts{ position:relative; float: left; width: 738px; }
#relatedProductsFrame{ position:relative; float: left; width: 738px; height: 321px; overflow: hidden;}
#relatedProductsFrame ul{ position: absolute; left:0; top:0; width: 1500px;}
#relatedProducts .arrowLeft{ position: absolute; left:-15px; top: 94px; width: 5px; height: 10px; background: url("/img/spire_sprite.png") -530px -140px; opacity: 0; filter: alpha(opacity=0) }
#relatedProducts .arrowRight{ position: absolute; right:-14px; top: 94px; width: 5px; height: 10px; background: url("/img/spire_sprite.png") -540px -140px;}
#relatedProducts .clickLeft{ position: absolute; left:-30px; top: 0; z-index: 10; width: 30px; height: 311px; cursor: pointer;  }
#relatedProducts .clickRight{ position: absolute; right:-30px; top: 0; z-index: 10; width: 30px; height: 311px; cursor: pointer;  }

/* COMPANY PROFILE */

#textPages{ position: relative; float: left; width: 750px; margin-top: 5px; margin-bottom: 60px;}

#textBlock{ position: relative; z-index: 50; float: left; width: 493px; min-height: 500px; margin-bottom: 60px;}
#textBlock h2{ position:relative; float: left; width: 100%; height: 30px; line-height:24px; font-size: 20px; text-transform: uppercase;  font-weight: normal; font-style: normal; }
#textBlock .image a{ display: block;}
#textBlock .image{ position: relative; float: left; margin-top: 10px; width: 493px;  background: #DBDBDB; min-height: 150px;}
#textBlock .image img{ width: 100%; }
#textBlock .image .shadow{position:absolute; left:0; bottom: 0; width: 493px; height:10px; background: url(/img/spire_sprite.png) 0 -340px; }
#textBlock .image .labelDown{ position: absolute; right:10px; bottom:-20px; width: 23px; height: 23px; background: url(/img/spire_sprite.png) -370px -50px; }
#textBlock .textContent{float: left; width: 493px; background: #fff; padding-top: 20px; padding-bottom: 20px; }
#textBlock .textContent h2, #textBlock .textContent h3{ float: left; margin-left: 34px; width: 424px; text-transform: uppercase; color: #E50000; font-size: 12px; margin-bottom: 13px; background: none; }
#textBlock .textContent p{ float: left; margin-left: 34px; width: 424px; color: #000000; font-size: 12px; line-height: 16px; margin-bottom: 13px;}
#textBlock .textContent p a{ color:#E50000; text-decoration: none; }
#textBlock .textContent p a:hover{ text-decoration: underline}

#textBlock .textContent .marginLeft{ margin-left: 25px; }
#textBlock .footer{ float: left; width: 493px; margin-top: 2px; }
#textBlock .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -20px;}
#textBlock .footer .link{ float: left; margin-left: 2px; width: 438px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }

.textContent ul{ float: left; margin-bottom: 16px; margin-left: 47px; }
.textContent li{ float: left; color: #000000; font-size: 12px; line-height: 16px; width: 400px;}

#textBlock .textContent .formContent h3, #textBlock .textContent .formContent p{ margin-left: 0; }

.privacy-policy #contactformDiv{ margin-bottom: 60px;}
.privacy-policy #contactformDiv .formContent{ margin-left: 35px; padding-top: 30px;}
.terms-and-conditions #contactformDiv{ margin-bottom: 60px;}
.terms-and-conditions #contactformDiv .formContent{ margin-left: 35px; padding-top: 30px;}


#submenu{ position:relative; float: right; width: 223px;}
#submenu li{ position: relative; float: left; width: 223px; height: 33px; list-style: none; background: url("/img/spire_sprite.png") -560px -140px;}
#submenu a{ position: relative; z-index: 20; display: block; width: 223px; height: 33px; line-height:33px; text-align: center; text-transform: uppercase; color: #ffffff; text-decoration: none;  font-family:'Avenir LT W02 95 Black', Arial, sans-serif;}
#submenu .active a, #submenu a:hover{ color: #353535; }
#submenu .line{ position:absolute; left:0; top:-1px; width: 223px; height: 1px; background: url("/img/spire_sprite.png") -560px -130px;}
#submenu .active .hover, #submenu li:hover .hover{ position: absolute; left:0; top:0; width: 223px; height: 33px; background: url("/img/spire_sprite.png") -560px -80px;}

#ctaBlock{ position:relative; float: right; width: 223px; margin-top: 30px; margin-bottom: 45px; background: url("/img/zuilBackgr.png") repeat-y }
#ctaBlock h2{ float: left; width: 178px; height: 31px; color: white; font-size:12px; padding-left: 45px; line-height: 31px; text-transform: uppercase; background: url("/img/submenu_backgr.png") repeat-x; margin-bottom: 31px;}
#ctaBlock .icon{ position: absolute; left: 10px; top:13px; width: 13px; height: 9px; background: url("/img/spire_sprite.png") -530px -180px; }

#ctaBlock .ctaContent{ float: left; width: 178px; margin-left: 45px; margin-bottom: 40px;}
#ctaBlock .ctaContent p{ font-size: 13px; line-height: 20px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; color: #E50000; padding-bottom: 20px; text-transform: uppercase; }
#ctaBlock .ctaContent p a{ color: #EE0000; }
#ctaBlock .ctaContent .contactInfo, #ctaBlock .ctaContent .contactInfo a{ font-size: 12px; line-height: 18px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #000000; padding-bottom: 18px; text-decoration: none; }
#ctaBlock .footer{ position: absolute; left:0; bottom: -45px; width: 223px; height: 45px; background: url("/img/spire_sprite.png") no-repeat -270px -190px;}

#productAwards{ position:relative; float: left; width:190px; margin-left: 35px; margin-bottom: 60px; }
#productAwards .title{ float: left; margin-left: 19px; margin-bottom: 10px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; color: #E50000; text-transform: uppercase;  }
#productAwards .scrollUp{ position: relative; width: 188px; height: 30px;  cursor: pointer;}
#productAwards .scrollUp .shadow{ position: absolute; bottom: 0; left: 0; width: 188px; height: 10px; background: url("/img/spire_sprite.png") -500px -330px; }
#productAwards .scrollUp .arrow{ position: absolute; left: 89px; top: 0; width: 10px; height: 5px; background: url("/img/spire_sprite.png") -530px -115px; opacity: 0; filter: alpha(opacity=0); }
#productAwards .scrollUp:hover .arrow{ background: url("/img/spire_sprite.png") -530px -95px;}
#productAwards .scrollDown{ position: relative; float: left; width: 188px; height: 30px; cursor: pointer;}
#productAwards .scrollDown .shadow{ float: left; width: 188px; height: 10px; background: url("/img/spire_sprite.png") -500px -300px; }
#productAwards .scrollDown .arrow{ position: absolute; left: 89px; bottom:0; width: 10px; height: 5px; background: url("/img/spire_sprite.png") -530px -125px;}
#productAwards .scrollDown:hover .arrow{ background: url("/img/spire_sprite.png") -530px -105px;}
#awardListHolder{ position: relative; float: left; margin-left: 19px; margin-top: 10px; width: 150px; height: 263px; overflow: hidden;}
#awardListHolder ul{position: absolute; left:0; top:3px;}
#awardListHolder li{ position: relative; float: left; list-style: none; cursor: pointer;}
#awardListHolder .image{position:relative; width: 150px; height: 110px; background: #DBDBDB; margin-bottom: 20px;}
#awardListHolder .image img{ width: 100%;}
#awardListHolder .shadow{ position: absolute; left:0; top:0; width: 150px; height: 110px; background: url("/img/spire_sprite.png") -320px -260px;}
#awardListHolder .image a{ position:relative; z-index: 10; }
#awardListHolder .labelDownRight{ position: absolute; right:10px; top:-3px; z-index: 10; width: 23px; height: 23px; background:url("/img/spire_sprite.png") -400px -50px;}

.ctaButton{ position: relative; float: left; height: 33px; padding-left: 10px; cursor: pointer;}
.ctaButton .text{ position: relative; height: 33px; float:left; z-index: 10; color:#ffffff; line-height: 30px; text-transform: uppercase; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-style: normal; font-weight: normal;}
.ctaButton .left{ position: absolute; left:0; top:0; width: 100%; z-index: 0;}
.ctaButton .left .up{ position: absolute; left:0; top:0; width: 100%; background: url("/img/spire_sprite.png") -20px -380px; height: 33px; z-index: 0; }
.ctaButton .left .hover{ opacity: 0; filter:alpha(opacity=0); position: absolute; left:0; top:0; width: 100%; background: url("/img/spire_sprite.png") -340px -380px; height: 33px; z-index: 0; }
.ctaButton .right{position: absolute; right:0; top:0; z-index: 0;}
.ctaButton .right .up{ position: absolute; right:-10px; top:0; width: 10px; background: url("/img/spire_sprite.png") -310px -380px; height: 33px; z-index: 0; }
.ctaButton .right .hover{ opacity: 0; filter:alpha(opacity=0); position: absolute; right:-10px; top:0; width: 10px; background: url("/img/spire_sprite.png") -630px -380px; height: 33px; z-index: 0; }


/* news page */
#newsItemsBlock{position: absolute; top:-15px; left:495px; width: 244px;}
#newsItemsBlock .newsItems{ float: left; }
#newsItemsBlock .newsItems li{ float: left; width: 156px; padding:30px 44px; margin-bottom: 2px; list-style: none; background: #ffffff; cursor: pointer; }
#newsItemsBlock .newsItems span{ float: left; width: 156px; text-align: center; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #BCBCBC; text-transform: uppercase; }
#newsItemsBlock .newsItems a{float: left; width: 156px; text-align: center; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; color: #BCBCBC; text-decoration: none; text-transform: uppercase;}
#newsItemsBlock .newsItems li:hover a, #newsItemsBlock .newsItems li:hover span, #newsItemsBlock .newsItems li.active a, #newsItemsBlock .newsItems li.active span{ color: #E50000;}

#newsItemsBlock .footer{ position:absolute; left:0; bottom:-33px; width: 244px; }
#newsItemsBlock .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -20px;}
#newsItemsBlock .footer .link{ float: left; margin-left: 2px; width: 189px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }

/* CONTACT */

#textPagesFull{ position: relative; float: left; width: 982px; margin-bottom: 70px;}

#textBlockFull{ position: relative; float: left; width: 982px; margin-bottom: 60px;}
#textBlockFull h2{ position:relative; float: left; width: 100%; line-height:24px; font-size: 20px; text-transform: uppercase; margin-bottom: 7px;  }
#textBlockFull .image{ position: relative; float: left; margin-top: 10px; width: 982px; height: 180px; background: #DBDBDB;}
#textBlockFull .image .shadow, #google_maps .shadow{position:absolute; left:0; bottom: 0; width: 982px; height:10px; background: url(/img/spire_sprite.png) 0 -340px repeat-x; }
#google_maps{ position: relative; float: left; margin-top: 10px; width: 982px; background: #DBDBDB; }
#google_maps .ctaButton{ position: absolute; z-index: 30; left:448px; bottom: -15px; }
#google_maps #map_holder{width: 100%; height: 210px; position: relative; overflow: hidden;}
#google_maps #map_canvas{width: 100%; height: 120%;}

#textBlockFull .textContent{float: left; width: 982px; background: #fff; padding-top: 20px; padding-bottom: 27px;  }

#textBlockFull .introText{ float: left; margin-left: 34px; width: 424px; }
#textBlockFull h3{ float: left; width: 100%; text-transform: uppercase; color: #E50000; font-size: 12px; margin-bottom: 13px;}
#textBlockFull p{ float: left; width: 100%; color: #000000; font-size: 12px; line-height: 16px; margin-bottom: 13px;}
#textBlockFull p a{ color:#E50000; text-decoration: none;}
#textBlockFull p a:hover{ text-decoration: underline}

#textBlockFull .locations{ float: left; width: 982px; margin-top: 27px; }
#textBlockFull .locations ul{ margin-bottom: 0; margin-left: 34px; }
#textBlockFull .locations li{ float: left; width: 233px; list-style: none; }

#textBlockFull .footer{ float: left; width: 982px; margin-top: 2px;}
#textBlockFull .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -20px;}
#textBlockFull .footer .link{ float: left; margin-left: 2px; width: 927px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }

/* AWARDS */

#awardsPages{ float: left; width: 738px; margin-bottom: 65px; }
#awardsPages h1{ position:relative; float: left; width: 100%; line-height:24px; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #979797; padding-bottom: 4px;  }

#awardList{ float: left; margin-top: 37px; }
#awardList li{ position: relative; list-style: none; float: left; width: 244px; margin-right: 2px; margin-top: 30px;}
#awardList .image{ position:relative; float: left; width: 244px; background: #DBDBDB;}
#awardList .image img{ width: 100%; }
#awardList .image .shadow{position:absolute; left:0; bottom: 0; width: 244px; height:10px; background: url(/img/spire_sprite.png) -270px -160px; }
#awardList .content{ float: left; width: 244px; height:285px; background: #ffffff; text-align: center; color:#000;}
#awardList .content .main{ float: left; width: 214px; margin-left: 15px; margin-top: 18px; color:#E50000; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; line-height: 13px; text-decoration: none; text-transform: uppercase;  }
#awardList .content .main span{ font-size: 10px; font-family:'AvenirLTW02-45BookObliq', Arial, sans-serif; line-height: 13px; }
#awardList .content p{ float: left; width: 190px; margin-left: 27px; margin-top: 18px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color:#000; line-height: 14px; font-size: 10px; }
#awardList .content p a{ color:#E50000; text-decoration: none; }
#awardList .content .title{ display: block; margin-top: 10px; color: #E50000; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 13px; }
#awardList .content .date{ font-family:'AvenirLTW02-45BookObliq', Arial, sans-serif; line-height: 13px; font-size: 11px;}
#awardList .ctaButton{ position:absolute; left: 65px; bottom: 24px;}
#awardList .ctaButton .text{font-size: 11px;}

/* Marketing tools */

#textPagesMarketing{ position: relative; float: left; width: 738px; margin-bottom: 70px;}

#textBlockMarketing{ position: relative; float: left; width: 738px; margin-bottom: 60px;}
#textPagesMarketing h1, #textPagesMarketing h2{ position:relative; float: left; width: 100%; padding-bottom: 4px; line-height:24px; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #979797;  }
#textBlockMarketing .image{ position: relative; float: left; margin-top: 10px; width: 738px; min-height: 190px; background: #DBDBDB;}
#textBlockMarketing .image .shadow{position:absolute; left:0; bottom: 0; width: 738px; height:10px; background: url(/img/spire_sprite.png) 0 -340px; }

#textBlockMarketing .textContent{float: left; width: 738px; background: #fff; padding-top: 20px; }

#textBlockMarketing .introText{ float: left; margin-left: 34px; width: 600px; padding-bottom: 20px; }
#textBlockMarketing h2{ float: left; width: 100%; text-transform: uppercase; color: #E50000; font-size: 12px; line-height: 18px; height: auto; margin-bottom: 13px; background: none;}
#textBlockMarketing p{ float: left; width: 100%; color: #000000; font-size: 12px; line-height: 16px; margin-bottom: 16px;}
#textBlockMarketing p a{ color:#E50000; text-decoration: none;}

#textBlockMarketing .footer{ float: left; width: 738px; margin-top: 2px;}
#textBlockMarketing .footer .icon{float: left; width: 33px; height: 33px; background: url(/img/spire_sprite.png) -440px -20px;}
#textBlockMarketing .footer .link{ float: left; margin-left: 2px; width: 683px; height: 33px; padding-left: 20px; line-height: 33px; background: #ffffff; color: #969696; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; text-transform: uppercase;  }

.marketingList{ float: left; margin-top: 30px; margin-bottom: 30px;}
.marketingList li{ float: left; width: 736px; min-height: 132px; background: #ffffff; margin-bottom: 2px; list-style: none;}
.marketingList .content ul{ margin: 0 0 20px 0; padding: 0 10px; }
.marketingList .content li{ float: none; width: auto; min-height: 0; background: none; margin-bottom: 2px; list-style: disc; color: #969696;}
.marketingList .image{ position: relative; float: left; width: 288px; height: 88px; background: #BCBCBC; margin-left: 20px; margin-top: 20px; margin-right: 20px;}
.marketingList .shadow{ position: absolute; left:0; top:0; width: 288px; height: 88px; background: url("/img/spire_sprite.png") -760px -190px; }
.marketingList .content{ float: left; }
.marketingList .title{ display: block; margin-top: 22px; margin-bottom: 1em; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 12px; line-height: 13px; width: 385px; color: #E50000; text-transform: uppercase;}
.marketingList p{ display: block; color: #969696; margin-bottom: 1em; }
.marketingList a{  margin-bottom: 1em; }

/* Product registration */
#textPages.noMargin{margin-bottom: 0;}
#contactformDiv{ position: relative; float: left; width: 490px; }
#contactformDiv.careers{  margin-top: 30px; }
#contactformDiv .textContent p.globalError{ color:#E50000; }

#contactformDiv.careers .formContent{ padding-top: 33px; margin-left: 35px; }
body.sitemap #contactformDiv .formContent{ padding-top: 33px; margin-left: 35px; }
body.sitemap #contactformDiv{ margin-bottom: 40px; }

body.fans #contactformDiv .formContent{ padding-top: 33px; margin-left: 35px; }
body.fans #contactformDiv{ margin-bottom: 40px; }

#contactformDiv h2{ position:relative; float: left; width: 100%; height: 30px; margin-bottom: 40px; line-height:24px; font-size: 20px; text-transform: uppercase; background: url(/img/line.png) left bottom repeat-x;  }
#contactformDiv .textContentHeader{ float: left; width: 445px; padding-left: 45px; height: 33px; color: #ffffff; text-transform: uppercase; line-height: 33px;   background: url("/img/spire_sprite.png") 0 -440px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif;}
#contactformDiv .textContent{ position:relative; float: left; width: 490px; height: auto; min-height: 100%; }
#contactformDiv .spaceLeft{ position:absolute; top:0; left:0; width: 33px; height: 100px; min-height: 100%; background: #ffffff;}
#contactformDiv .formContent{ position:relative; margin-left: 0; padding-left: 30px; float: left; width: 425px; background: #ffffff; padding-top: 0; padding-bottom: 20px;}
#contactformDiv .textContent h3{ float: left;  width: 390px; text-transform: uppercase; color: #E50000; font-size: 12px; margin-bottom: 13px;}
#contactformDiv .textContent p{ float: left; width: 390px; color: #000000; font-size: 12px; line-height: 16px; margin-bottom: 13px;}
#contactformDiv .textContent p a{ color:#E50000; text-decoration: none;}
#contactformDiv .footer{ float: left; width: 490px; height: 44px; background: url("/img/spire_sprite.png") -580px -440px;}

#contactformDiv #contactform{float: left; margin-top: 20px;}
#contactformDiv input[type="text"]{ color: #BBBBBB; float: left; width: 380px; height: 13px; margin-bottom: 7px; padding-left: 10px; border: none; line-height: 13px; padding-top: 10px; padding-bottom: 10px; font-size: 10px; background: url("/img/spire_sprite.png") -660px -380px; }
#contactformDiv input[type="radio"]{ float: left; margin-top: 0; }
#contactformDiv input[type="checkbox"]{ float: left; margin-top: 0; }
#contactformDiv label{ float: left; color: #777777; line-height: 14px; font-size: 10px; text-transform: uppercase; margin-left: 5px; margin-right: 50px;  }
#contactformDiv textarea{ resize: none; color: #BBBBBB; float: left; width: 380px; height: 127px; margin-bottom: 7px; padding-left: 10px; border: none; line-height: 13px; padding-top: 10px; padding-bottom: 10px; font-size: 10px; background: url("/img/spire_sprite.png") -840px -20px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; }
#contactformDiv .gender{ float: left; width: 380px; margin-top: 10px; margin-bottom: 15px;}
#submitBtn{ margin-top: 10px;}

#contactformDiv .recaptcha_input_area input[type="text"]{ height: 30px; color: #000; font-size: 13px; }

#contactformDiv .inputHolder{ position: relative; float: left; width:390px; color: #444;}
#contactformDiv .error{ position: absolute; left: 410px; top:0; height: 33px; padding-left: 5px; padding-right: 13px; background: #E50000; color: #ffffff; font-size: 10px; line-height: 33px; text-transform: uppercase; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; white-space: nowrap; }
#contactformDiv .error span{ position: absolute; left:-10px; top:0; width: 10px; height: 33px; background: url("/img/spire_sprite.png") -530px -200px; }

/* Mobile support */
#textBlock .textContent.mobile_support ul{ margin: 0 0 50px 0; padding: 0; list-style: none; border-top: 3px solid #fff; }
#textBlock .textContent.mobile_support ul li{ position: relative; overflow: hidden; width: 493px; height: 3em; border-bottom: 3px solid #fff; cursor: pointer;}
#textBlock .textContent.mobile_support h2{ font-size: 1.5em; color: #E50000; line-height: 1; padding: 0.5em 0; }
#textBlock .textContent.mobile_support h3{ margin: 0 34px !important; color: #444; font-size: 13px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; text-transform: none; line-height: 1.2; float: none; }
#textBlock .textContent.mobile_support p{ float : none; }
.faq_header{ position: relative; padding: 1em 0; background-color: #EFEFEF ; }
.faq_number{ position: absolute; top: 13px; left: 11px; color: #E50000; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; font-size: 1.5em; }

/* Back to top */
#back_to_top_holder{ position: relative; padding: 40px 0 10px 45px; width: 178px; height: 40px; }
#back_to_top_holder .white_left{ position: absolute; top: 0; left: 0; width: 33px; height: 100px; background: #ffffff; }
#back_to_top_holder .white_right{ position: absolute; top: 0; right: 0; width: 188px; height: 100px; background: #ffffff;}
#back_to_top{ position: relative; }

#back_to_top_product{ position: relative; padding: 20px 0 10px 45px; width: 178px; height: 270px; }
#back_to_top_product .white_left{ position: absolute; top: 0; left: 0; width: 33px; height: 310px; background: #ffffff; }
#back_to_top_product .white_right{ position: absolute; top: 0; right: 0; width: 188px; height: 310px; background: #ffffff;}
#back_to_top_product .ctaContent{ position: relative; z-index: 2; margin-left: 0; }


/* Jquery Slider */
#productsFilter .sliderHolder{ position: relative; margin-left: 35px; width: 188px; height: 2px; }
.sliderHolder .bgLine{ position: absolute; left: 0; top: 0; width: 188px; height: 2px; background: url("/img/spire_sprite.png") -840px -170px;  }
#productsFilter .sliderDisplay{ display: block; margin: 0 0 15px 45px; color: #969696; }
.ui-slider { position: relative; margin-left: 22px; width: 144px; height: 2px; background: url("/img/spire_sprite.png") -840px -170px; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 26px; background: url("/img/spire_sprite.png") -529px -259px; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0;  margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-slider-disabled{ opacity: 0.5; }

/* Twitter */
#twitter{ float:left; width: 209px; margin-left: 15px; }
#twitter .twtr-hd, .twtr-ft{ display:none;}
#twitter a, #twitter a{  font-family:'Avenir LT W02 45 Book',Arial,sans-serif !important; font-style:normal; font-weight:normal; font-size:10px;  }
#twitter p a.twtr-user{ color:#E50000 !important; }
#twitter p em a.twtr-timestamp,#twitter p em a.twtr-reply, #twitter p em a.twtr-rt, #twitter p em a.twtr-fav{ color:#999999 !important; }
#twitter p{ font-family:'Avenir LT W02 45 Book',Arial,sans-serif !important; font-style:normal; font-weight:normal; font-size:10px;  }
#twitter li{ float:left; list-style:none; padding-bottom:31px; margin-bottom:25px; position:relative; }
#twitter li a{ color:#E2E2E2; }
#twitter li a.name{ text-decoration:none; }
#twitter li a.name:hover{ text-decoration:underline; }
#twitter li span{ font-size:9px; }
#twitter li .line{ position:absolute; width:100%; left:0; bottom:0; height:2px; background-color: #fff;}


#sitemap_ul{ margin: 0; padding: 0; list-style: none; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; }
#sitemap_ul ul{ list-style-type: circle; margin: 0 0 0 20px; font-family:'Avenir LT W02 45 Book', Arial, sans-serif; }
#sitemap_ul li{ line-height: 18px; margin-bottom: 1em; }
#sitemap_ul ul li{  margin-bottom: 0; }

#sitemap_ul a{ color: #444; text-decoration: none; }
#sitemap_ul a:hover{ color: #E50000 }
/*
    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;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    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:#E9E9E9;}
#colorbox{}
#cboxTopLeft{width:28px; height:29px; background:url(/img/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:29px; background:url(/img/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:28px; height:29px; background:url(/img/colorbox/border1.png) no-repeat -28px 0;}
#cboxBottomLeft{width:28px; height:29px; background:url(/img/colorbox/border1.png) no-repeat 0 -29px;}
#cboxBottomCenter{height:29px; background:url(/img/colorbox/border1.png) repeat-x 0 -79px;}
#cboxBottomRight{width:28px; height:29px; background:url(/img/colorbox/border1.png) no-repeat -28px -29px;}
#cboxMiddleLeft{width:28px; background:url(/img/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:28px; background:url(/img/colorbox/border2.png) repeat-y -28px 0;}
#cboxContent{ background:#ffffff; overflow:hidden; font-family:Arial, Helvetica, sans-serif;	font-size:13px;	color:#444;}
#cboxContent h2{ color: #444; font-weight: normal; font-size: 13px; text-transform: uppercase; }
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:0;padding:20px;}
#cboxTitle{ display: none; position:absolute; bottom:0; left:0; text-align:center; width:100%; color:#fff;}
#cboxCurrent{position:absolute; bottom:0; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0; left:63px; color:#444;}
#cboxLoadingOverlay{background:#FFFFFF url(/img/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position: absolute; top:20px; right:40px; display:block; width:20px; height:20px; border: none; background: #E50000 url("/img/spire_sprite.png") -1100px -270px;}
#cboxClose:hover{ background: #B20000 url("/img/spire_sprite.png") -1100px -270px; }

/*
  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 IE9.
*/
.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);
}

#awardPopUp{ width: 580px; height: 400px;}
#awardPopUp h1{ color:#E50000; margin-bottom: 16px;}
#awardPopUp p{ color:#000000; font-size:12px; line-height:16px; margin-bottom: 16px;}
#awardPopUp .leftColumn{ float: left; width: 250px; margin-right: 30px;padding-top: 40px; padding-left: 20px; }
#awardPopUp .rightColumn{float: right; padding-top: 40px;margin-right: 20px;  }
#awardPopUp .ctaButton{ margin-left: 20px;margin-top: 30px;  }

#wtbPopUp{ width: 500px; height: 400px; }
.resellers{ list-style: none; margin: 20px 0 0 0;padding-top: 20px; border-top: 1px solid #E9E9E9; }
.resellers li{ display: block; padding: 20px 0; border-bottom: 1px solid #E9E9E9; }
.resellers .logo{ display: block; margin: 0 20px 0 0; width: 200px; height: 150px; float: left; }
.resellers .text{ display: block; float: left; }
.resellers .text .title{ display: block; text-transform: uppercase; color: #E50000; font-size: 12px;  font-family:'Avenir LT W02 95 Black', Arial, sans-serif; }
.resellers .text .location{ display: block;  margin-bottom: 30px; text-transform: uppercase; color: #999; font-size: 10px;  font-family:'Avenir LT W02 95 Black', Arial, sans-serif;}
.read_more{ display: block; text-transform: uppercase; color:#E50000; font-family: 'Avenir LT W02 95 Black',Arial,sans-serif; font-size: 10px; }
#wtbPopUp label{ display: block; text-transform: uppercase; color: #E50000; font-size: 12px;  font-family:'Avenir LT W02 95 Black', Arial, sans-serif;}
#wtbPopUp select{ width: 300px;font-size: 1.2em; }

.no_products_found{ display: block; position: relative; margin-top: 30px; padding-top: 66px; width: 244px; height: 95px; background: #fff; color: #444; font-size: 14px; font-family:'Avenir LT W02 95 Black', Arial, sans-serif; text-align: center;}

#ctaBlock .ctaContent .wtbContent{ font-family:'Avenir LT W02 45 Book', Arial, sans-serif; color: #808080; width: 150px; font-size: 13px; line-height: 16px; text-transform:none; }

/* Social Media */
.sm-icons{ display: block; margin-bottom: 20px; height: 25px; }
.sm-square{ display: block; float: left; margin-right: 5px; width: 25px; height: 25px; background: url("/img/spire_sprite.png"); }
.sm-square.fb{ background-position: -220px -500px; } .sm-square.fb:hover{ background-position: -220px -530px; }
.sm-square.tw{ background-position: -250px -500px; } .sm-square.tw:hover{ background-position: -250px -530px; }
.sm-square.li{ background-position: -280px -500px; } .sm-square.li:hover{ background-position: -280px -530px; }
.sm-square.yt{ background-position: -310px -500px; } .sm-square.yt:hover{ background-position: -310px -530px; }