﻿.page-border, 
.content {
    overflow: hidden;
}

.content {
    width: 100%;
}


.content {
	padding: 0;
}

.pageWidth {
	width: 3px;
}

h1 {
	padding-bottom: 20px;
}

/* Header */

#logo {
    float: left;
    padding: 25px 0 25px 3%;
    width: 47%;
}

.tagline {
	display: none;
}

.breadcrumb {
	display: none;
	margin: 2px;
}

#hide_rwd {
    width: 40%;
}

.rwd_menu {
    padding: 30px 5%;
}

/* Footer */

.footerAccordion {
    padding-left: 3%;
}

.pageFooter { 
	padding-left: 3%;         
}

.footer {
    margin-top: 0;
}

.followContainer {
    width: 94%;
    float: none;
    position: relative;
    padding-bottom: 17px;
    padding-left: 3%;	
}

.labor {
    display: block;
    left: 3.7%;
    top: 10px;
    padding: 0;
}

.footer-main {
    padding: 22px 3% 17px 3%;
}

.footer-main #hide_rwd {
    width: 100%;
}

.footer-links {
    display: block;
    float: left;
    padding: 19px 3% 13px 3%;
}

#sitesearch {
  	float: left;
  	margin: 0;
  	width: 94%;
}

.footer .ms-sbplain {
 	width: 93%;
}

.wechatPopup {
    display: none !important;
}

/* Home Page - New */

.homeComputers img {
	margin-left: -70%;
}

.homeComponents img {
	margin-left: -30%;
}

.homeCategoryText {
    background-image: none;
    background-color: #dcdcdc;
    padding-left: 2%;
    padding-right: 2%;    
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%;
}

/*
.homeResellers {
    background: none;
}

.homeResellers .homeCategoryText {
    background-color: #fff;
    padding-left: 2%;
    padding-right: 2%;    
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%;	
}

.homeResellerImg {
	display: none;
}

.homeResellerLogoContainer {
    display: inline-block;
    margin-left: 0;
    position: relative;
    width: 100%;
}

.homeResellerLogoRow {
    display: block;
}

.homeResellerLogoContainer .homeResellerLogo {
    display: inline-block;
    float: left;
	padding-left: 12%;    
}
*/

.resellerIconRowWrapper {
	margin-top: 0;	
	display: inline-block;
	float: left;
}

.resellerIconRow {
    display: inline-block;
    float: left;
    padding-left: 0;
}

.resellerIconRow:first-child {
	width: 50%;
}

.resellerIconRow:last-child {
	width: 50%;
}

.resellerIconImg {
	height: 150px;
    display: inline-block;
    padding: 0 15%;
    width: 70%;
    border-bottom: 1px solid #ccc;
}

.resellerIconImg img {
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
    text-align: center; 
    width: auto;	
}

.resellerIconLink {
	height: 150px;
    display: inline-block;
    width: 80%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 0 8% 0 12%;
}

.resellerIconLink p {
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
  	padding: 0;
  	margin: 0;  	
}

.resellerIconLink a {
	font-family: 'KlavikaMediumCondensed', Calibri, Arial, sans-serif;
	font-size: 25px;
	margin: 0;
	font-weight: normal;
	line-height: 26px;  	
}

#reseller .homePageHeroLink {
    margin: 20px 2%;   
}

#reseller .homePageHeroLink a {
    margin: 0;  
}

.resellerLeftCol {
    float: none;
    width: 100%;
	background-color: #d7d7d7;
}

.resellerRightCol {
    width: 100%;
    float: left;
    text-align: left;
	background-color: #d7d7d7;
}

.home-tile {
  width: 100%;
}

.hub-tile img {
	position: relative;
    width: 100%;
}

.hub-tile-text {
	padding-top: 20px;
	width: 100%;
}

.hub-tile {
	height: auto;
	width: 100%;
}

/*
.home-reseller-icon-container {
    width: 50%;
    text-align: center;
    padding-right: 0;
}

.home-icon-reseller-img {
	width: 100%;
    text-align: center;
    display: inline-block;	
}

.home-icon-reseller-img img {

}
*/

#homepage .columnContainer {
	width: 100%;
}

.home-reseller-icon-container {
	width: 96%;
    display: inline-block;
    margin-bottom: 0;
    padding: 20px 2%;    
    text-align: left;
    height: 96px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;	
}

.home-icon-reseller-img {
    text-align: center;
}

.home-icon-reseller-img img {
    width: auto;
    height: 96px;
}

.home-reseller-icon-container .home-icon-link {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.home-reseller-icon-container .home-icon-link a {
    font-family: 'KlavikaMediumCondensed', Calibri, Arial, sans-serif;
    font-size: 25px;
    margin: 0 0 15px 0;
    font-weight: normal;
    line-height: 26px;
}

#reseller .contentBoxText {
    padding: 0;
}


/* Home Page */


.promoBucket {
	width: 100%;
	margin-bottom: 30px;
}
.majorHubGridContent.shopByType {
	width: 100%;	
}

.majorHubGridContent.shopByType .linkHome {
	width: 100%;
	margin-left: 0;
}

.majorHubGridContent.shopByType .linkGaming {
	width: 100%;			
}

.majorHubGridContent.shopByType .linkBusiness {
	width: 100%;	
	margin-left: 0;	
}

#homePage .HeroItem h1 {
	font-size: 45px;
	line-height: 45px;
	padding-bottom: 15px;
	padding-left: 0;	
}

#homePage .homepage-hero-img {
    height: auto;
    width: 100%;	
}

#homePage .homepage-hero-text {
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 25px;
    margin-top: 0;
    padding: 20px 4%;
    position: relative;
    width: 95%;	
}

.homepageContent {
    display: inline-block;
    padding: 0 0 0 3%;
    width: 96%;
}

.homepageCopy {
	width: 99%;
	padding-right: 0;
}

.homepageLinks {
	width: 100%;
}

.contentBoxTitle {
    padding: 10px 3%;
}

.contentBoxText {
    padding: 0;
}

/* Rotating Hero */

.homepage-hero-text {
	padding-left: 4%;
    width: 93%;
}

.homepage-hero-img {
    width: 100%;	
}



/* General Content */

.generalHero {
    height: auto;
	margin: 0 0 30px -3%;
    width: 106%;
    border-bottom: 1px solid #ccc;
}

.generalHeroText {
    float: left;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 3% 0;
    width: 93%;
}

.generalHeroImage {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;    
    margin-bottom: 0;
}

.generalHeroImage img {
    width: 100%;
}

.generalHeroText h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}

.generalHeroText p {
	font-size: 20px;
	line-height: 25px;
}


.generalProductRow ul {
	width: 100%;
    margin-left: 20px;
}


/* Hub Pages */

#shopHub .majorHubHero,
.majorHubHero {
	margin-top: 0;
}

#shopHub .majorHubHeroText,
.majorHubHeroText {
	width: 95%;
	padding-top: 10px;
}

#shopHub .majorHubHeroImage,
.majorHubHeroImage {
	width: 100%;
}

#shopHub .majorHubHeroImage img,
.majorHubHeroImage img {
	width: 100%;
}


.page-border {
	margin-top: 0;
	width: 100%;
}

.pageContent {
	display: inline-block;
	float: left;
	width: 95%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;	
}

.majorHubGrid,
#shopHub .majorHubGrid {
	border-top: 1px solid #ddd;
	margin-top: -10px;
	float: left;
}

.majorHubGridRow,
#shopHub .majorHubGridRow {
    width: 100%;
}

.majorHubGridColumn,
.majorHubGridColumnGroup,
#shopHub .majorHubGridColumn,
#shopHub .majorHubGridColumnGroup {
	width: 100%;
	border-top: none;
	display: inline-block;
}

.majorHubGridHeader,
#shopHub .majorHubGridHeader {
	display: inline-block; 
	padding: 0;
	float: left; 
}

.majorHubGridHeader:hover,
#shopHub .majorHubGridHeader { 
	padding: 0;	   
}

.majorHubGridContent,
#shopHub .majorHubGridContent {
	display: inline-block; 
	width: 86%;
	float: left;    
}

.majorHubGridColumn.group,
#shopHub .majorHubGridColumn.group {
	width: 100%;
	border-right: none;
	float: left; 	
}

.majorHubGridColumn.group .majorHubGridContent,
#shopHub .majorHubGridColumn.group .majorHubGridContent {
    border-top: none;
    padding: 0 0 0 7%;
    width: 90%;
}

.majorHubGridColumn.group .majorHubGridContent .dfwp-column,
#shopHub .majorHubGridColumn.group .majorHubGridContent .dfwp-column {
	margin: 0;
}

.majorHubGridHeaderFull,
#shopHub .majorHubGridHeaderFull {
    display: inline-block;
    float: left;
    padding: 7% 0 7% 7%;
    width: 93%;  
}

.majorHubGridHeaderContainer,
#shopHub .majorHubGridHeaderContainer {
    display: inline-block;
}

.majorHubGridContent.shopByType {
	margin-bottom: 30px;
}

#homePage .majorHubGrid {
	border-bottom: none;
}

#homePage .majorHubGrid .majorHubGridColumn {
	border-bottom: 1px solid #ddd;
	display: inline-block;
}

/* Rotating Banners */

.pageContentFull .HeroItem {
    height: auto;
    margin-bottom: 0;
    margin-left: -4%;
    margin-top: 0;
    min-height: 0;
    width: 108%;
}

.pageContentFull .HeroItem h2 {
    margin-top: 0;
}

.pageContentFull .HeroItem .major-hub-hero-text {
	padding: 10px 0 30px 3.09917%;
	width: 95%;
}

.pageContentFull .HeroItem .major-hub-hero-img {
	width: 100%;
}

.pageContentFull #heronav {
    padding-left: 3%;
}

/* Rotating Banners */

.pageContentFull .HeroItem {
    height: auto;
    margin-bottom: 0;
    margin-left: -4%;
    margin-top: 0;
    min-height: 0;
    width: 108%;
}

.pageContentFull .HeroItem h2 {
    margin-top: 0;
}

.pageContentFull .HeroItem .major-hub-hero-text {
	padding: 10px 0 30px 3.09917%;
	width: 95%;
}

.pageContentFull .HeroItem .major-hub-hero-img {
	width: 100%;
}

.pageContentFull #heronav {
    padding-left: 3%;
}

#resellerPage div.heroItem {
    background-color: initial;
}


/* Minor Hub */

.minorHubHero {
    height: auto;
	margin: 0 0 30px -3%;
    width: 106%;
    border-bottom: 1px solid #ccc;
}

.minorHubHeroText {
    float: left;
    font-size: 18px;
    line-height: 25px;
	padding: 30px 3% 20px;
    width: 93%;
}

.minorHubHeroImage {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;    
    margin-bottom: 0;
}

.minorHubHeroImage img {
    width: 100%;
}

.minorHubHeroText h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}

.minorHubHeroText p {
	font-size: 20px;
	line-height: 25px;
}

.minorHubHeroText p:last-child {
	padding-bottom: 10px;
}

.minorHubColumn {
	width: 100%;
	margin-top: 0;
}

.minorHubColumn:first-child {
	margin-top: 25px;
}


#sideNavBox,
#left-col {
	width: 100%;
}


#sideNavBox {
	margin-top: 0;
	margin-bottom: 30px;
}

#left-col li .menu-item-text {
    font-size: 36px;
    line-height: 36px;
}

#left-col li {
	width: 100%;	
}

#left-col li.display:hover > .ms-core-listMenu-item {
    
    /*color: #999; 
    background: transparent url('Images/left-nav-plus.png') no-repeat 96% 25px;      */   
}

#left-col li ul li.display:hover > .ms-core-listMenu-item {  
    background-image: none;    
}

#left-col li.static {
	display: none;
}

#left-col li.display {
	display: inline-block;
}

#left-col li.selected {
	width: 100%;
	display: inline-block;
}

#left-col li.display a {
    background: url("Images/left-nav-plus.png") no-repeat scroll 96% 18px;
    padding: 15px 18% 15px 3%;
    width: 80%;    
}

#left-col li.display a:hover {
    background: transparent url('Images/left-nav-plus.png') no-repeat 96% 18px; 
    color: #999;
}

#left-col li.selected > .ms-core-listMenu-item {
    width: 80%; 
    color: #999;    
}

#left-col li a.selected {
    width: 80%;    
    background: transparent url("Images/left-nav-plus.png") no-repeat 96% 18px;
    padding: 15px 18% 15px 3%;
}

#left-col li a.selected:hover {
    cursor: pointer;
    background: transparent url('Images/left-nav-plus.png') no-repeat 96% 18px;
}

#left-col li.selected > a.open {
    color: #000;    
}

#left-col li a.open {
    width: 80%; 
    color: #000;	
    background: transparent url('Images/left-nav-minus.png') no-repeat 96% 18px; 	
}

#left-col li a.open:hover {
    width: 80%; 
    color: #000;	
    background: transparent url('Images/left-nav-minus.png') no-repeat 96% 18px; 	
}

#left-col li:hover,
#left-col li a:hover {
    background-image: none;
}

#left-col li ul li .menu-item-text {
    font-size: 24px;
	line-height: 34px;  
}

#left-col li ul li:hover,
#left-col li ul li a:hover {
    background-color: #ededed;   
    background-image: none;    
}

#left-col li ul li.display a {
    width: 80%;
    padding: 10px 3.7%;    
    background-image: none; 
}

#left-col .ms-core-listMenu-verticalBox .ms-listMenu-editLink a {
    background-image: none;
}

.leftColumn {
	width: 100%;
	/* display: none; */
}

#Refinement {
	width: 100%;
	display: none;
}

#Refinement.filterDisplay {
	display: inline-block;
	margin-top: 10px;
}

.leftColumn .filterAccordion {
	display: inline-block;	
	width: 100%;	
	cursor: pointer;
}

.leftColumn .filterAccordion.open a.ms-ref-refinername div.ms-displayInlineBlock {
    background: url("Images/left-nav-minus.png") no-repeat scroll 96% 9px #ddd;
    color: #000;   
    margin-top: 0; 
}

.leftColumn a.ms-ref-refinername div.ms-displayInlineBlock {
    padding-left: 3%;
    padding-right: 3%;
    width: 100%;
    margin-top: 10px;
}

.leftColumn .filterAccordion a.ms-ref-refinername div.ms-displayInlineBlock {
    background: url("Images/left-nav-plus.png") no-repeat scroll 96% 9px #ddd;
    color: #999;
    width: 94%;  
    margin-top: 0;      
/*    
    padding: 15px 18% 15px 3%;

*/    
}

.leftColumn #Value {
	float: left;
}

.leftColumn a.ms-commandLink {
    width: 100%;
}

.centerContent,
.centerContentFull {
    width: 94%;
    margin: 0 3%;
}


/*
.centerContent .ms-srch-sbLarge {
	width: 93%;
}


.centerContent .ms-srch-sbLarge > input {
	width: 90%;	
}


#SearchBox {
    margin-top: -10px;
}

 .centerContent .ms-srch-sbLarge > input, */
#SearchBox .ms-srch-sbLarge-fullWidth {
    width: 84%;
}

.ms-srch-sbLarge > .ms-srch-sb-searchLink {
    float: right;
}

#compareContainer {
	display: none;
}

.shopLeft {
    width: 100%;
    margin-right: 0;
	text-align: center;
	margin: 0 0 30px 0;    
}

.shopLeft .comparediv {
	display: none;
}

.centerContentFull .shopCenter,
.shopCenter {
    width: 100%;     
}

.shopRight {
    float: left;
    margin: 0 0 0 3%;
    width: 98%;
}

.shopRight .price {
    float: left;
    width: 92px;
}

.shopRight .listPlusShipping {
    float: left;
    margin: 30px 0 0 -80px;
}

.shopRight .orangeButton {
	float: right;
	margin-top: 12px;
}

.leftColumn .ms-ref-refinername:link, 
.leftColumn .ms-ref-refinername:visited {
	width: 100%;
}

.ms-srch-result #Actions {
    float: left;
    width: 100%;
}

#Sortby {
	width: 100%;
}

.ms-srch-result #ResultHeader select {
    width: 100%;
}

/* Product Listing */

.productListingHubHero {
    background-color: transparent;
    height: auto;
    margin: 0 0 0 -3%;
    width: 106%;
}

.productListingHubHeroText {
    float: left;
    font-size: 18px;
    line-height: 25px;
    padding: 0 3% 40px;
    width: 93%;
}

.productListingHubHeroImage {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 3% 3% 3%;    
    margin-bottom: 25px;
}

.productListingHubHeroImage img {
    width: 90%;
}

/*
.productListingHubHeroText h2 {
	font-size: 25px;
	color: #999;
	text-transform: uppercase;
	margin-bottom: 0;
}
*/

.productListingHubHeroText h2 {
	margin-bottom: 15px;
}

.productListingHubHeroText p {
	font-size: 18px;
	line-height: 20px;
}


.productListingHubHeroText p:last-child {
	padding-bottom: 0;
}


/* Product Detail */

.productDetailHero {
    height: auto;
    margin: 0;
    width: 100%;
}

.productDetailHeroText {
    float: left;
    font-size: 18px;
    line-height: 25px;
    padding: 0;
    width: 100%;
}

.productDetailHeroImage {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.productDetailHeroIcons {
	float: left;
	margin: 30px 0 0 0;	
	width: 100%;
}

.productDetailHeroText h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.productDetailHeroText p {
	font-size: 20px;
	line-height: 25px;
}

.productDetailHeroLink {
    margin: 10px 0 0;
    clear: none;
}

.productDetailHero2 {
    height: auto;
    margin: 0;
    width: 100%;
}

.productDetailHero2Text {
    float: left;
    font-size: 18px;
    line-height: 25px;
    padding: 0;
    width: 100%;
}

.productDetailHero2Image {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}


.productDetailColumn {
	width: 100%;
	margin-top: 0;
}

.productDetailColumn:first-child {
	margin-top: 25px;
}

#flix-minisite a img {
    padding-top: 15px;
}

/* Great Page */

.greatPageHero {
	margin-left: -4%; 
	width: 107%;
}

.greatPageHeroImage {
	width: 100%;
}

.greatPageHeroImage img {
	width: 100%;
}

.greatPageHeroText {
	width: 93%;
}

.greatPageContentLeft .greatPageContentImage, 
.greatPageContentRight .greatPageContentImage {
	width: 100%;
	padding-bottom: 20px;
	float: left;
}

.greatPageContentLeft .greatPageContentImage img, 
.greatPageContentRight .greatPageContentImage img {
	width: 100%;
}

.greatPageContentLeft .greatPageContentText,
.greatPageContentRight .greatPageContentText {
    width: 100%;
}

.greatPageResources .groupmarker {
    width: 100%;
}

.greatPageRotator {
    width: 100%;
}

.greatPageRotator .greatPageContainer {
    width: 100%;	
}

.greatPageRotatorContainer {
    width: 100%;	
}

#greatPageRotatorNav {
    /* width: 95%; */
    margin-left: 0;
}

#greatPageScrollLeft, 
#greatPageScrollRight {
    display: none;
}

#greatPageRotatorContent1,
#greatPageRotatorContent2,
#greatPageRotatorContent3 {
	width: 100%;
}

.greatPageRotatorText {
    width: 100%;
}

.greatPageRotatorButton {
    margin-right: 0;
}


/*
.greatPageTable {
	float: left;
	width: 100%;
	margin: 0 0 0 -3%;
	width: 105%;
}
*/


.ls-responsive .liquid-slider .panel .panel-wrapper {
    overflow: hidden;
}

		/* Force table to not be like tables anymore */
.ls-responsive .liquid-slider .panel .panel-wrapper table, 
.ls-responsive .liquid-slider .panel .panel-wrapper thead, 
.ls-responsive .liquid-slider .panel .panel-wrapper tbody, 
.ls-responsive .liquid-slider .panel .panel-wrapper th, 
.ls-responsive .liquid-slider .panel .panel-wrapper td, 
.ls-responsive .liquid-slider .panel .panel-wrapper tr { 
			display: block; 
}
		
		/* Hide table headers (but not display: none;, for accessibility) */
.ls-responsive .liquid-slider .panel .panel-wrapper thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
.ls-responsive .liquid-slider .panel .panel-wrapper tr { border: 1px solid #ccc; }
		
.ls-responsive .liquid-slider .panel .panel-wrapper td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
.ls-responsive .liquid-slider .panel .panel-wrapper td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		

.table-wrapper { 
	position: relative; 
	margin-bottom: 20px; 
	overflow: hidden; 
	border-right: 1px solid #ccc; 
}

.table-wrapper div.scrollable table {
	margin-left: 35%;
}

.table-wrapper div.scrollable { 
	overflow: scroll; 
	overflow-y: hidden; 
}

.responsive td, 
.responsive th {
	position: relative;
	/* white-space: nowrap; */
	overflow: hidden;
}

.responsive th:first-child, 
.responsive td:first-child,
.responsive td:first-child,
.responsive.pinned td {
	display: none;
}

.pinned { 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 35%;
	overflow: hidden;
	overflow-x: hidden;
	background-color: #fff;
	border: none;	
}

.pinned table { 
	border-right: none; 
	border-left: none;
	width: 100%; 
}

.pinned table th, 
.pinned table td {
	border-right: none; 
}

.pinned td:last-child { 
	border-bottom: none;
}

.pinned .ms-rteTable-default > tbody > tr > th,
.pinned .ms-rteTable-default > tbody > tr > td, 
.scrollable .ms-rteTable-default > tbody > tr > th,
.scrollable .ms-rteTable-default > tbody > tr > td {
	padding: 0 5px;
	border-right: none;	
}


.pinned img,
.scrollable img {
	margin: 0 !important;
}


/* Tables */

.formTable {
	width: 100%;
}

.formTable input[type="text"],
.formTable input[type="select"],
.formTable .dropdown {
	width: 90%;
}

.tableScroll {
	overflow: scroll;
}

.tabImageLeft240 .image {
	width: 100%;
}

.tabImageLeft240 .text {
	width: 100%;
}

.dfwp-column {
    width: 100% !important;
}

#EUCookieMsg {
	width: auto !important;
	right: 23px !important;
}

.detailPage .productDetailImage {
    width: 100%;
    margin-right: 0;
    text-align: center;
}

.detailPage .productDetails {
    float: left;
    width: 100%;
}

.retailer {
	width: 50%;
	height: 150px;
}

.retailer .retailerLogo,
.retailer .retailerName,
.retailer .retailerPrice,
.retailer .shopNowButton {
	display: inline-block !important;
    float: left;   
   	width: 100%;
}

.retailer .shopNowButton a {
    float: left;   
}

.retailer .retailerLogo {
	margin-bottom: 5px;
}

.retailer .retailerName {
	margin-bottom: 10px;
}

.retailer .retailerPrice {
	margin-bottom: 5px;
}




.rightColumn {
	width: 97%;
    margin-left: 3%;
}

.rightPromo {
    width: 97%;
    float: left;
    padding-top: 10px;
}

.rightPromo2 {
    padding-top: 0;
    float: left;
    width: 100%;
}

.rightPromo2 h3 {
    margin-top: 5px;
    font-size: 24px;
    line-height: 24px;
}

.rightPromoImage {
    float: left;
	width: 50%;    
}

.rightPromo a.rightPromoLink {
    margin-left: 0;
}

.detailPage p {
    float: left;
}

.rightColumn .shopRecommendation {
    height: 200px;
}

.rightColumn .productImage {
    float: none;
    margin-right: 3%;
}

.rightColumn .productText {
	overflow: auto;
}

.rightColumn ul.cbs-List li {
	display: inline-block;
    margin-top: 0;
    margin-right: 3%;
    float: none;
    width: 47%;
    vertical-align: top;
}


.pageManufacturers ul.cbs-List,
.pageSellers ul.cbs-List {
	margin-top: 30px;
	width: 94%;
}

li.shopCompanyLI {
    margin: 0 3% 25px 9%;
}

.landingPageHeroText {
    width: 100%;
}

.landingPageHeroImage {
    width: 100%;
}

/*
.imageTextLeft {
	float: left;
	padding-right: 15px;
	margin: 0 0 30px 0;
}

.imageTextRight {
	overflow: hidden;
	margin: 0 0 30px 0;			
}
*/


/*
input[type="password"], input[type="text"], input[type="file"], textarea, .ms-inputBox {
    padding: 2px 5px;
}
*/



/*
.productDetailHeroImage {
    width: 100%;
    height: auto;
}

.productDetailHeroImage img {
    width: 90%;
}


.productDetailHeroText {
    display: inline-block;
    float: left;
    font-size: 18px;
    line-height: 25px;
    width: 100%;
}

.productDetailHeroText h2 {
    display: inline-block;
    float: left;
    font-size: 25px;
    color: #999;
    text-transform: uppercase;
    line-height: 25px;
    width: 100%;
}
*/

div.heroContent {
	display: none;
}

.categoryPageThreeColumn {
    width: 100%;
    margin-bottom: 50px;
}

.categoryPageThreeColumnLast {
    width: 100%;
}

.contentBox {
    width: 100%;
    border-left: none;
    border-right: none;
}

/* Homepage 2015 */

.homePageHeroContent {
    width: 100%;
    margin-left: 0;
    position: relative;
}

.homePageHeroContainer .homePageHero {
	background-size: auto 250px;
	background-position: 66.6% 0;	
    width: 100%;
}

.home-icon-container {
	width: 96%;
    display: inline-block;
    margin-bottom: 0;
    padding: 20px 2%;    
    text-align: left;
    height: 96px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;	
}

.home-icon-container:last-child {
    border-bottom: none;	
}

.home-icon-img {
    float: left;
    width: 35%;
    padding: 0 5% 0 0;
    text-align: center;
}

.home-icon-img img {
    width: auto;
    height: 96px;
}

.home-icon-container .home-icon-link {
    width: 60%;
    float: left;
    padding-top: 33px;
}

.home-icon-container .home-icon-link a {
    font-family: 'KlavikaMediumCondensed', Calibri, Arial, sans-serif;
    font-size: 25px;
    margin: 0 0 15px 0;
    font-weight: normal;
    line-height: 26px;
}

.homePageHeroImage {
	margin: 0 -590px;    
}

.home-tile-text {
	width: 94%;
    padding-top: 215px;
    padding-left: 3%;
    padding-right: 3%;    
    padding-bottom: 5px;
    color: #000;
}

.home-tile-text .homePageHeroLinkBorder a {
	border: none;
}

.home-tile-text h2 {
    color: #000;
    margin-top: 0;
}

.home-tile-text p {
    color: #000;
}

.leftFeature {
	width: 100%;
	background-color: #ccc;
	margin-bottom: 20px;
}

.rightFeature {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #d7d7d7;
	margin-bottom: 20px;    
}

.home968 {
    padding: 0;
    width: 100%;
}

.retailBanner,
#resellerPage .retailBanner {
    margin-top: -40px;
    margin-left: -3%;
    width: 106%;
}

.retailBanner h2,
#resellerPage .retailBanner h2 {
    background-color: #fff;
    width: 94%;
    font-size: 40px;
    padding-top: 20px;    
    padding-left: 6%;
    padding-right: 3%;    
}

.retailBanner .bannerImage,
#resellerPage .retailBanner .bannerImage {
	text-align: center;
    margin: 0 auto;
    width: 85%;
    float: none;
    background-image: 
}

.retailBanner .bannerImage img,
#resellerPage .retailBanner .bannerImage {
	width: 100%;
}

.home-tile {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    height: auto !important; 
    margin-top: 0;
}
 
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promotion.video {
    width: 95.9%;
    margin-left: 10px;
}

.promotion {
    width: 86%;
    margin-bottom: 10px;
}

.promotionLeft {
    margin-bottom: 10px;
    padding-bottom: 10px;    
    width: 100%;
    border-bottom: 1px solid #ddd;    
}

.promotionRight {
    float: left;
    text-align: left;
    width: 100%;
}

.promotionSeller {
    float: left;
    margin-top: 10px;
}

.promotionLink {
    float: right;
}

.deal {
	width: 90%;
	margin-left: 3%;
	margin-right: 3%;
}
