.dcg .sfc .navigation {margin-bottom: 20px; background: #fff; border-bottom: 1px solid #666; padding-bottom: 5px;}
.dcg .sfc .navigation figure {width:10%; float: left; margin:0px; background: #fff; padding:0px;}
.dcg .sfc .navigation figure img {max-height:none;}
.dcg .sfc .navigation .description {width:90%; float:right; padding-top:0px;}
.dcg .sfc .navigation .description ul {text-align: right;}
.dcg .sfc .navigation .description ul li {display: inline-block; margin-left:10px; margin-right:10px;}
.dcg .sfc .navigation .description ul li a {color:#666; text-decoration: none; width: 100%;}
.dcg .sfc .navigation .description ul li:hover {background:#fff;}
.dcg .sfc .navigation .description ul li a:hover {background:#fff; border-bottom: 1px solid #666;}
.dcg .sfc .navigation .description ul li.active {background:#fff;}
.dcg .sfc .navigation .description ul li.active a {color:#0096d6; background: #fff; border-bottom: 1px solid #0096d6;}

.dcg .sfc .mobnav nav {background:#fff; border: 1px solid #666;}
.dcg .sfc .mobnav nav a {color:#666; }
.dcg .sfc .mobnav nav a i {color:#0096d6;}
.dcg .sfc .mobnav nav li.active {background:#0096d6;}
.dcg .sfc .mobnav {display: none;}
.dcg .sfc .mobnav nav ul {display: none;}

.dcg .sfc .nav2 {width:100%; text-align: center; margin-bottom: -5px;}
.dcg .sfc .nav2 nav {margin:0px;}
.dcg .sfc .nav2 ul {width:60%; display: inline-block;}
.dcg .sfc .nav2 ul li {background:#fff; border: 1px solid #666; border-top-left-radius: 10px; border-top-right-radius: 10px; width:20%; display: inline-block; margin-bottom: 0px;}
.dcg .sfc .nav2 ul li a {color:#666; text-decoration: none; background: none; width:100%; font-weight: 100; font-size: 16px; padding-top: 10px; padding-bottom: 10px;}
.dcg .sfc .nav2 ul li.active {background:#666;}
.dcg .sfc .nav2 ul li.active a {color:#fff; text-decoration: none;}

.dcg .sfc .promotional {margin-bottom: 4%;}
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } 

.dcg .sfc .product-blocks {width:100%; background-color:#f3f3f3; float: left; margin-bottom: 2%;}
.dcg .sfc .product-blocks .pblock {width:100%; float: left;}
.dcg .sfc .product-blocks .pblock .product-img, .dcg .sfc .product-blocks .pblock .product-text {width:50%; float:left;}
.dcg .sfc .product-blocks .pblock .product-img.right-img {float:right;}
.dcg .sfc .product-blocks .pblock .product-text {padding:2%; padding-left:3%;}
.dcg .sfc .product-blocks .pblock .product-text .text-wrap h2 {font-weight: 100; font-size: 28px; letter-spacing: 0px;}
.dcg .sfc .product-blocks .pblock .product-text .text-wrap h3 {font-weight:100; font-size:24px; letter-spacing: 0px;}
.dcg .sfc .product-blocks .pblock .product-text .text-wrap p {font-weight: 100; font-size: 18px; width:80%;}
.dcg .sfc .product-blocks .pblock .product-text .text-wrap a {font-size:18px; font-weight: 100; padding:2% 4% 1.5% 4%;}
.dcg .sfc .product-blocks .pblock .product-text .text-wrap a button {font-weight: 100;}

.dcg .sfc .product-blocks .product-features {width:100%; float: left; background:#e7e7e7; padding-top:2%;}
.dcg .sfc .product-blocks .product-features h2 {width:100%; text-align: center; font-size: 28px; font-weight: 100; color:#666; margin-top:2%; margin-bottom: 2%;}
.dcg .sfc .product-blocks .product-features p {font-size:16px; color:#666; text-align: center;}
.dcg .sfc .product-blocks .product-features .feature-block {width:32%; text-align: center; float: left; margin-left:1%; margin-bottom: 2%;}
.dcg .sfc .product-blocks .product-features .feature-block.two {width:46%; text-align: center; float: left; margin-left:1%; margin-bottom: 2%;}
.dcg .sfc .product-blocks .product-features .feature-block figure {clear:both; margin-bottom: 5%; margin-top: 2%;}
.dcg .sfc .product-blocks .product-features .feature-block .feature-text {clear:both; width:100%; text-align: center;}
.dcg .sfc .product-blocks .product-features .feature-block .feature-text h3 {font-size:20px; font-weight:100; text-transform: uppercase; color:#666;}

.dcg .sfc .product-blocks .mid-banner {width:100%; float: left; position: relative;}
.dcg .sfc .product-blocks .mid-banner figure {width:100%; float: left;}
.dcg .sfc .product-blocks .mid-banner .text-wrap {width:100%; position: absolute; top:5%; text-align: center;}
.dcg .sfc .product-blocks .mid-banner .text-wrap h3 {font-size:28px; color:#fff; font-weight:100; margin-bottom: 5px;}
.dcg .sfc .product-blocks .mid-banner .text-wrap p {font-size:16px; color:#fff; font-weight: 100;}

.dcg .sfc .product-blocks .bottom-banner {width:100%; float: left; position: relative;}
.dcg .sfc .product-blocks .bottom-banner figure {width:100%; float: left;}
.dcg .sfc .product-blocks .bottom-banner .text-wrap {width:45%; position: absolute; right:0%; top: 38%; text-align: left;}
.dcg .sfc .product-blocks .bottom-banner .text-wrap h3 {font-size:28px; color:#fff; font-weight:100; margin-bottom: 5px; text-transform: uppercase;}
.dcg .sfc .product-blocks .bottom-banner .text-wrap a {font-size:18px; font-weight: 100; padding:2% 4% 1.5% 4%;}
.dcg .sfc .product-blocks .bottom-banner .text-wrap a button {font-weight: 100;}

.dcg .sfc .product-blocks .product-nav {width:100%; float: left; background-color:#fff;}
.dcg .sfc .product-blocks .product-nav h3 {width:100%; float:left; font-size:26px; color:#0096d6; font-weight: 100; margin-bottom: 5px;}
.dcg .sfc .product-blocks .product-nav p {width:100%; float:left; font-size:16px; color:#666; font-weight: 100;}
.dcg .sfc .product-blocks .product-nav .nav-block {width:49%;}
.dcg .sfc .product-blocks .product-nav .nav-block.left {float:left; margin-right:1%; margin-bottom: 1%;}
.dcg .sfc .product-blocks .product-nav .nav-block.right {float:left; margin-left:1%; margin-bottom: 1%;}

.dcg .sfc .legal p {font-size:12px; margin-bottom: 4px; }

/*Home styles */

.dcg.hp-home .sfc .group {border: 1px solid #666; background:#fff;}
.dcg.hp-home .sfc .group .supplier_intro h2 {color:#0096d6; font-size:28px; font-weight:100; letter-spacing: 0px;}
.dcg.hp-home .sfc .group .supplier_intro p {color:#666; font-size:16px; font-weight:100; letter-spacing: 0px;}
.dcg.hp-home .sfc .group .supplier_image {border: none;}

/*Premium Laptops Styles */
.dcg.premium-laptops .sfc .product-blocks .pblock .product-text .text-wrap h2 {color:#c8932b; font-weight:500;}
.dcg.premium-laptops .sfc .product-blocks .pblock .product-text .text-wrap h3 {color:#c8932b;}
.dcg.premium-laptops .sfc .product-blocks .pblock .product-text .text-wrap p {color:#666;}
.dcg.premium-laptops .sfc .product-blocks .pblock .product-text .text-wrap a {color:#fff; background-color:#c8932b;}
.dcg.premium-laptops .sfc .product-blocks .pblock .product-text .text-wrap a button {color:#fff; background: none;
border: none;}

/*Everyday Laptops Styles */
.dcg.everyday-laptops .sfc .product-blocks .pblock .product-text .text-wrap h2 {color:#0096d6;}
.dcg.everyday-laptops .sfc .product-blocks .pblock .product-text .text-wrap p {color:#666;}
.dcg.everyday-laptops .sfc .product-blocks .pblock .product-text .text-wrap a {color:#fff; background-color:#ffa500;}
.dcg.everyday-laptops .sfc .product-blocks .pblock .product-text .text-wrap a button {color:#fff; background: none;
border: none;}

/*All-in-One Desktops Styles */
.dcg.aio-desktops .sfc .product-blocks .pblock .product-text .text-wrap h2 {color:#0096d6; font-weight:500;}
.dcg.aio-desktops .sfc .product-blocks .pblock .product-text .text-wrap h3 {color:#666; font-weight:500;}
.dcg.aio-desktops .sfc .product-blocks .pblock .product-text .text-wrap p {color:#666; font-size:18px;}
.dcg.aio-desktops .sfc .product-blocks .pblock .product-text .text-wrap a {color:#fff; background-color:#ffa500;}
.dcg.aio-desktops .sfc .product-blocks .pblock .product-text .text-wrap a button {color:#fff; background: none;
border: none;}

/*GAMING LAPTOPS STYLES */
.dcg.gaming-laptops .sfc .product-blocks .pblock .product-text .text-wrap h2 {color:#666;}
.dcg.gaming-laptops .sfc .product-blocks .pblock .product-text .text-wrap h3 {color:#666;}
.dcg.gaming-laptops .sfc .product-blocks .pblock .product-text .text-wrap p {color:#666;}
.dcg.gaming-laptops .sfc .product-blocks .pblock .product-text .text-wrap a {color:#fff; background-color:#ffa500;}
.dcg.gaming-laptops .sfc .product-blocks .pblock .product-text .text-wrap a button {color:#fff;}
.dcg.gaming-laptops .sfc .product-blocks .bottom-banner .text-wrap a {color:#fff; background-color:#ffa500;}
.dcg.gaming-laptops .sfc .product-blocks .bottom-banner .text-wrap a button {color:#fff; background: none;
border: none;}

/*GAMING DESKTOP STYLES */
.dcg.gaming-desktops .sfc .product-blocks .pblock .product-text .text-wrap h2 {color:#666;}
.dcg.gaming-desktops .sfc .product-blocks .pblock .product-text .text-wrap h3 {color:#666;}
.dcg.gaming-desktops .sfc .product-blocks .pblock .product-text .text-wrap p {color:#666;}
.dcg.gaming-desktops .sfc .product-blocks .pblock .product-text .text-wrap a {color:#fff; background-color:#ffa500;}
.dcg.gaming-desktops .sfc .product-blocks .pblock .product-text .text-wrap a button {color:#fff;}
.dcg.gaming-desktops .sfc .product-blocks .bottom-banner .text-wrap p {color:#fff;}
.dcg.gaming-desktops .sfc .product-blocks .bottom-banner .text-wrap a {color:#000; background-color:#fff;}
.dcg.gaming-desktops .sfc .product-blocks .bottom-banner .text-wrap a button {color:#000; background: none;
border: none;}

@media only screen and (max-width:600px) {
    .dcg .sfc .mobnav {display: block;}
    .dcg .sfc .mobnav nav a.close{display: none;}
    .dcg .sfc .mobnav nav a.open{display: block;}
    .dcg .sfc .mobnav nav.active a.close{display: block; width: auto;}
    .dcg .sfc .mobnav nav.active a.open{display: none;}
    
    .dcg .sfc .desktopnav {
	display: none;
}
    
    .dcg .sfc .mobnav nav a.open, .dcg .sfc .mobnav nav a.close {
    margin-top:10px;    
	height: auto;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	width: auto;
	cursor: pointer;
	color: #0096d6;
}
    
    .dcg .sfc .mobnav nav.active ul {
	height: auto;
        display: block;
}
    
    .dcg .sfc .nav2 ul {width:80%; display: inline-block;}
    .dcg .sfc .nav2 ul li {width:32%;}
    
    .dcg .sfc .product-blocks .pblock .product-img, .dcg .sfc .product-blocks .pblock .product-text {width:100%;}
    .dcg .sfc .product-blocks .pblock .product-img.right-img {float:left;}
    .dcg .sfc .product-blocks .pblock .product-text .text-wrap h2 {font-weight: 100; font-size: 24px; letter-spacing: 0px;}
    .dcg .sfc .product-blocks .pblock .product-text .text-wrap p {font-weight: 100; font-size: 16px; width:100%;}
    
    .dcg .sfc .product-blocks .product-features .feature-block {width:100%;}
}