/* CSS Document */
html, body {
	background-color:#fff;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
}
.wrapper {
	width:1020px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	min-height:100%;
}
.header {
	width:100%;
	height:200px;
	position:relative;
    float:left;
	background-color:#000;
	background-image:url(/images/headerBg.jpg);
	background-repeat:no-repeat;
}
.logo {
	width:427px;
	height:84px;
	position:relative;
	float:left;
}
.headerInfo{
	width:405px;
	height:89px;
	position:relative;
	float:left;
}
.headerRight {
	width:445px;
	float:right;
	text-align:right;
	position:relative;
	vertical-align:middle;
	height:84px;
	margin-right:40px;
}
.tabsText 
{
    font-weight:bold;
    color:#bce1f2;
    font-size:12px;
}
.headerAd 
{
    width:300px;
    float:left;
    text-align:right;
}
.searchHolder {
    float:right;
    height:26px;
    margin-right:8px;
    margin-top:6px;
    position:relative;
    text-align:right;
    width: 270px;
}
.searchHolder .inputSearch, .newsletterHolder .newsletterSearch {
    background-color: #FFFFFF;
    background-image: url(/images/searchBg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #262626;
    color: #515151;
    float: left;
    font-size: 10px;
    padding: 3px;
    text-align: left;
    text-transform: uppercase;
    width: 169px;
}
.newsletterHolder .newsletterSearch
{
    text-transform:none;
    width: 135px;
}
.newsletterSubmit 
{
    background-image:url(/images/submitButton.png);
    background-repeat:no-repeat;
    border:0;
    background-color:transparent;
    width:56px;
    height:17px;
    margin-left:5px;
    cursor:pointer;
}
.radioText 
{
  font-size:10px; 
  font-family:Arial, Helvetica, Sans-Serif; 
  float:left;
  margin-left:20px;
}
.phoneNumber 
{
    color:#66c800;
    float:right;
    font-size:17px;
    font-weight:bold;
    margin-top:15px;
}

#btnCart, .myAccount {
    float: right;
    margin: 20px 20px 0 0;
    position: relative;
}
#btnCart .fa, .myAccount .fa {
    font-size: 20px;
}
#btnCart .fa:hover, .myAccount .fa:hover {
    color: #ccc;
}
.myAccount {
    margin: 20px 15px 0 0;
}
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:80px;
  color: #ececec;
  background: #000;
  height: 20px;
  line-height: 20px;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 25px;
  left: 50%;
  margin-left: -40px;
  z-index: 999;
}
.numberOfItems {
    background-color: #66c800;
    border-radius: 10px;
    color: #fff;
    float: right;
    font-size: 10px;
    margin: 0 0 0 5px;
    padding: 0 4px;
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 5;
}
.cartHolder {
    float:right; 
    margin-top:5px;
    vertical-align:top;
    width:465px; 
    position: relative;
}
.cartHolder select {
    background-color: #333;
    border: 1px solid #777;
    color: #fff;
    width: auto !important;
}
.cartHolder select option {
    color: #ffffff !important;
    border: 0 !important;
}
.liveHelp {
    background-image:url(/images/liveHelp.jpg);
    background-repeat:no-repeat;
    float:left;
    height:29px;
    padding-left:30px;
    width:auto;
}
.topLinks .txtLogout a
{
    color:#fff;
    margin-left:5px;
    width:auto;
    float:right;
    margin-top:0;
}
.freeShipping {
    float:left;
    height:29px;
    width:300px;
}
#topLinks {
	position:relative;
	float:right;
}
.topLinks 
{
	font-size: 11px;
}
.topLinks a {
	font-size: 11px;
	text-decoration: none;
	color:#fff;
	float:right;
	margin-top:5px;
}
.topLinks a:hover {
	text-decoration:underline;
}
.pageTop {
	width:972px;
	height:9px;
	position:relative;
	z-index:0;
	margin-top:1px;
	float:left;
}
.pageTitleFull 
{
    background-color:#000;
    color:#66c800;
    font-size:20px;
    padding-left:40px;
    width:980px;
    float:left;
    line-height:40px;
    font-weight:bold;
    text-transform:uppercase;
}
.bodyContent {
	width:100%;
	min-height:100%;
	position:relative;
	min-height:400px;
	float:left;
}
.mainNavHolder {
    height:51px;
    position:relative;
    text-align:left;
    width:580px;
    float:left;
    clear:left;
    margin-left:20px;
}
/**** Main Navigation ****/
.btnProducts a, 
.btnSolutions a, 
.btnSoftware a, 
.btnResources a, 
.btnWhereToBuy a, 
.btnProductsSelected a, 
.btnSolutionsSelected a, 
.btnSoftwareSelected a, 
.btnResourcesSelected a,
.btnWhereToBuySelected a
{
    height:51px;
    float:left;
    background-image:url(/images/nav.png);
    background-repeat:no-repeat;
    background-position:top left;
}
.btnProducts a, .btnProductsSelected a
{
    width:115px;
}
.btnProducts a:hover, .btnProductsSelected a
{
    background-position:0 -51px;
}
.btnSolutions a, .btnSolutionsSelected a
{
    background-position:-115px top ;
    width:115px;
}
.btnSolutions a:hover, .btnSolutionsSelected a
{
    background-position:-115px -51px;
}
.btnSoftware a, .btnSoftwareSelected a
{
    background-position:-232px top;
    width:114px;
}
.btnSoftware a:hover, .btnSoftwareSelected a
{
    background-position:-232px -51px;
}
.btnResources a, .btnResourcesSelected a
{
    background-position:-346px top;
    width:115px;
}
.btnResources a:hover, .btnResourcesSelected a
{
    background-position:-346px -51px;
}
.btnWhereToBuy a, .btnWhereToBuySelected a
{
    background-position:right top;
    width:114px;
}
.btnWhereToBuy a:hover, .btnWhereToBuySelected a
{
    background-position:right -51px;
}
/**** End Main Navigation*/ 
.movie {
	width:940px;
	height:354px;
	position:relative;
	float:right;
	padding:0 40px;
	background-image:url(/images/movieBg.jpg);
	background-repeat:no-repeat;
}
.movie p 
{
    margin:0;
}
.movie p a img {
    position: absolute;
}
.movie span {
    position: relative !important;
}
.panLogin {
    color: #fff;
    float: right;
    margin-bottom: -15px;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}
.txtLogout {
    margin: 0 10px 0 0;
}
#internationalSites {
    float: right;
    margin: 25px 15px 0 0;
    padding: 2px 5px;
    width: 210px;
}
.ContentNumbers 
{
    border: 0 none;
    float: left;
    position: absolute;
    right: 40px;
    text-align: right;
    top: 322px;
}
.ContentNumbers a 
{
    padding:5px 10px;
    border-right:1px solid #5a5a5a;
    color:#fff;
    text-decoration:none;
}
.ContentNumbers a.NextImage, .ContentNumbers a.PreviousImage
{
    border-right:0;
    padding:0 3px;
}
.ContentNumbers a:hover 
{
    color:#66c800;
}
.ContentNumbers a.SelectedImageNumber
{
    color:#66c800;
    font-weight:bold;
}
.orangeHeader 
{
    color: #FFFFFF;
    float: right;
    line-height: 40px;
    margin-right: 70px;
    text-align: right;
    width: 300px;
}
.orangeHeader a 
{
    color:#fff; 
    text-decoration:none;
    margin-left:20px;
}
.orangeHeader a:hover 
{
    text-decoration:underline;
}
.browseProducts 
{
    width:100%;
    float:left;
}
.browseProducts .dropdownHolder 
{
    width:32%;
    float:left;
    padding:0 1%;
}
.dropdownHolder select 
{
    font-size:11px;
    padding:1px;
    width:222px;
    border:1px solid #666;
}
.newsletterHolder 
{
    background-image: url(/images/newsletterBg.png);
    background-repeat: no-repeat;
    float: right;
    height: 105px;
    margin-left: 20px;
    padding-left: 15px;
    width: 222px;
    color:#fff;
}
.newsletterHolder p 
{
    color:#fff;
}
.footer 
{
    width:100%;
    border-top:1px solid #b3b3b3;
    padding:5px 0 0 0;
    float:left;
}
.footerBar 
{
    background-image:url(/images/footerBar.jpg);
    background-repeat:repeat-x;
    width:100%;
    height:30px;
    float:left;
}
.footerBar a
{
    font-size:12px;
    color:#fff;
    text-decoration:none;
    line-height:30px;
    padding:0 25px;
    border-right:1px solid #636363;
    border-left:1px solid #080808;
    float:left;
}
.footerBar a:hover 
{
    text-decoration:underline;
}
.footerBottom 
{
    background-image:url(/images/footerBottom.jpg);
    background-repeat:no-repeat;
    background-color:#fff;
    height:177px;
    float:left;
    width:100%;
}
.footerBottom a 
{
    text-decoration:none;
}
.footerBottom a:hover 
{
    text-decoration:underline;
}
.divider 
{
    padding:0 5px;
}
.leftColumnHolder 
{
    width:175px;
	height:100%;
	position:relative;
	float:left;
	z-index:0;
	margin-left:40px;
}
.leftNavInside{
	padding:0 5px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.leftNavInside a, .leftNavInside p{
	font-size: 10px;
}
.leftNavInside a:hover{
	font-size: 10px;
}
.leftColumnHolderCatalog {
	width:230px;
	position:relative;
	float:left;
	margin-right:3px;
}
.leftNavHolder
{
    width:100%;
	background-color:#fff;
	float:left;
	position:relative;
	padding-top:8px;
}
.leftNavHolder ul.leftNavItem{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	line-height:165%;
	width:100%;
	list-style-image:none;
	line-height:normal;
	font-weight:normal;
}
.leftNavHolder ul.leftNavItemSelected{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	line-height:165%;
	width:100%;
	list-style-image:none;
	line-height:normal;
	font-weight:normal;
}
.leftNavHolder ul.leftNavItem li{
	margin:0;
	padding:0;
	list-style-image:none;
	line-height:150%;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:100%;
}
.leftNavHolder ul.leftNavItem li a, .leftNavHolder ul.leftNavItemSelected li a {
	display:block;
	text-decoration:none;
	list-style-image:none;
	line-height:20px;
	text-align:left;
	list-style-image:none;
	color: #66C800;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.leftNavHolder ul.leftNavItemSelected li a:hover 
{
    text-decoration:underline;
    font-weight:bold;
}
.leftNavHolder ul.leftNavItem li a:hover {
	color:#66c800;
	font-weight:bold;
	text-decoration:underline;}
.leftNavHolder ul.leftNavItem li a.current,ul.vert-one li a.current:hover{
	color:#66c800;
}
.subNavTitle
{
    font-size:11px;
    color:#a15522;
    font-weight:bold;
    padding:12px;
    border-top:1px solid #444444;
    text-transform:uppercase;
    line-height:24px;
}
#breadcrumbs {
    float:right;
    min-height:15px;
    margin:10px 0 10px 0;
    width:100%;
}
#breadcrumbsCatalog {
	width: 100%;
	float:right;
	min-height:15px;
	margin:10px 0 10px 0;
}
#breadcrumbsFullPage {
	width: 100%;
	float:right;
	min-height:15px;
	margin:10px 0 10px 0;
}
.breadcrumbs 
{
    font-family:Arial,Helvetica,Sans-Serif;
	font-size:10px;
	text-decoration:none;
}
.breadcrumbs a {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
}
.breadcrumb a:hover 
{
    text-decoration:none;
}
.breadcrumbsCurrent {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:10px;
	font-weight:bold;
}
.contentHolder 
{
    width:760px;
    float:right;
    min-height:400px;
    background-color:#ffffff;
    margin-right:40px;
    padding-bottom:15px;
}
.contentHolderCatalog 
{
    width:684px;
    float:right;
    border:1px solid #DCD8CC;
    min-height:400px;
    background-color:#ffffff;
    padding:15px;
}
.contentHolderFull 
{
    width:940px;
    float:right;
    min-height:420px;
    background-color:#ffffff;
    margin:0 40px;
}
.contentHolderInside 
{
    
}
.contentHolderInsideCatalog 
{
    border:1px solid #DCD8CC;
    float:right;
    padding:15px;
    width:654px;
}
.contentHolderFullInside 
{
    padding: 20px 0;
    width: 100%;
    float: left;
}
.loginBox
{
    min-height:250px;
    border:1px solid #ccc;
    margin-top:10px;
    padding:15px;
}
.loginBoxFull
{
    width: 100%;
    float: left;
}
.loginBoxForgot
{
	float:left; 
	width:230px; 
	text-align:left;
}
.loginBoxBottom 
{
    height:20px;
    border-top:1px solid #ffffff;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#ececec;
    padding:15px;
    text-align:right;
}
.loginBoxBottomFull
{
    margin: 10px 0 0;
    padding: 10px 0;
    text-align: right;
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
}
.pagerPrevious 
{
    float:left;
    width:80px; 
    padding-left:5px; 
    padding-top:5px;
    padding-bottom:5px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc; 
    border-left:1px solid #ccc;
    background-color:#ececec;
}
.pagerNext 
{
    float:left;
    width:80px;
    text-align:right; 
    padding-right:5px; 
    padding-top:5px;
    padding-bottom:5px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc; 
    border-right:1px solid #ccc;
    background-color:#ececec;
}
/*Auto Complete CSS */
.AutoCompleteHolder
{
    background-color: white;
    border: 1px solid #555555;
    float: left;
    padding: 10px;
    position: absolute;
    top: 32px;
    width: 450px;
    z-index: 1000;
    right:30px;
}
.AutoCompleteHolder .AutoResult, .AutoCompleteHolder .AltAutoResult
{
    float:left;
    width:430px;
    padding:10px;
    background-color:#fff;
    min-height:50px;
}
.AutoCompleteHolder .AutoResult:hover, .AutoCompleteHolder .AltAutoResult:hover 
{
    background-color:#cccccc;
    cursor:pointer;
}
.AutoCompleteHolder .AltAutoResult 
{
    background-color:#ececec;
}
.AutoCompleteHolder .AutoResultProductHeader, .AutoCompleteHolder .AutoResultCategoryHeader
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    background-color:#222222;
    float:left;
    width:100%;
}
.AutoCompleteHolder .AutoResultImage
{
    max-height:60px;
    max-width:60px;
    float:left;
} 
.AutoCompleteHolder .AutoResultCategory a, .AutoCompleteHolder .AltAutoResultCategory a
{
    color:#333;
    font-weight:bold;
    width:100%;
    float:left;
    text-decoration:none;
    background-color:#fff;
    text-align:left;
    line-height:22px;
}
.AutoCompleteHolder .AltAutoResultCategory a
{
    background-color:#ececec;
}
.AutoCompleteHolder .AutoResultCategory a:hover, .AutoCompleteHolder .AltAutoResultCategory a:hover
{
    background-color:#cccccc;
}
.AutoCompleteHolder .AutoResultName, .AutoCompleteHolder .AutoResultDetails 
{
    float:right;
    width:355px;
    text-align:left;
    font-weight:bold;
    color:#222222;
}
.AutoCompleteHolder .AutoResultDetails 
{
    font-weight:normal;
    color:#444;
}
#PanSuggestions 
{
    display:none;
}
/*END Auto Complete CSS */
.formSplitter 
{
    background-color: #ECECEC;
    padding: 5px 0;
}