@charset "utf-8";
@import url("reset.css");  
@import url("../font-face/font-face_styles.css");
/* @import url("gallery_styles.css"); */

html, body {
	background-color: #F7F7F7; background-color: #454548;
	padding:0; margin:0;
	height: 100%;  
	font: normal 100% Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}
/*  Container on all pages */
#container { width: 1500px; margin:0 auto; text-align: left; 
	color: #000000;	padding:0; background-color: #FFFFFF; font-size: .9em; line-height: 1.3em; display:block;}

/*  Content */
#content { width:1500px; height: auto; margin:0; padding:0; overflow: visible;}
#rightcolumn2 { background-color: #ffffff; margin:0px auto; padding:0 0 50px 0}
#rightcolumn2 #prods-container, #rightcolumn2 .prods-container { padding:0; margin: 5px 0 0 0 ; margin: 0 ; width: 100%; background-color: black; overflow:hidden; }	
#rightcolumn2 #site-nav { font-size: 0.8em; color: #666; height: 20px; margin:15px 0 20px 0;}
#rightcolumn2 #main-content { width: 1080px; margin-left: 10%; float:left; height: auto; overflow: hidden; background-color: #fafafa; }
#store_top-container { width: 1080px; /* margin: 0 210px; */ margin: 0 auto; height: 500px;  position: relative; clear:both; }
#store_bottom-container, .store-main-content { width: 1080px; /* margin: 0 210px; */ margin: 0 auto; position: relative; } 
.note { padding: 10px 20px 20px 20px; margin: 0px; border: 1px solid #DFDFE0; position: relative; text-align: left; display: block; overflow: hidden; background-color: #ffffff; }

img { max-width: 100%; }
h1, h2, h3, h5, h6 { font-weight: bold; color: #505057; }
h1 { font-size: 1.6em; line-height: 1.25em; margin:12px 1px 4px 0px; }
h2 { font-size: 1.35em; margin:12px 0 0 0; padding:0px; line-height: 1.2em; }
h3 { font-size: 1.30em; font-weight: 780; line-height: 1.3em; margin:20px 0 5px 0; }
h4 { font-size: .9em; margin:20px 0 5px 0 ; color: #000000; background-color: #F5F5F5; padding:3px 0 3px 4px; border: 1px solid #CCCCCC; 
	text-indent: 5px; background-image: url(../pics/h-gr-back.jpg); background-repeat: repeat-x; background-position: bottom}
h5 { font-size: 1.05em; font-size: 1.15em; margin:10px 0 0 4px; padding-bottom: 4px; color: #505050; }
h6 { font-size: .95em; margin:20px 0 0 4px; color: #505057; }

p { /* font-size: 0.9em; */	color: #000000;	height: auto; width: auto; margin:8px 1px 4px 50px; }
a:focus { outline: none; }
a { color: #9F0000; /*	text-decoration: underline;*/ }
a:hover { text-decoration: none; }
a img { border: 0px none; }

.br_clear {	clear: both;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* Slider on main page */
#hp_slider-container { height: 350px; width: 100%; margin:0px auto 4px auto ; border-bottom: solid 1px #757575; border-bottom: solid 1px #fafafa; }
.dwuserEasyRotator { width: 980px; height: 350px; position:relative; text-align: left;  margin: 0 0 0 10%; float:left; overflow: hidden; }
.dwuserEasyRotator { margin-top:-5px; }
.dwuserEasyRotator { width: 1024px; height: 366px; }

/* Homepage boxes */
.hp_columns { background-color: #fafafa; padding: 20px 0 ; float: left; width: 31.333%; margin:1% 0 0 1.6%;}
.hpboxes { font-size: 1em; padding-bottom: 20px; margin-bottom: 40px; border: 1px solid #DFDFE0; position: relative; text-align: left; display: block; overflow: hidden; background-color: #ffffff; }
.hpboxes h1, hpboxes h3 { font-size: 1.0em; font-weight: bold; line-height: 2.3em; text-align: center; height: 40px; margin:0; position: relative; }
.hpboxes h2 { font-size: 1.3em; font-weight: bold; line-height: 1.2em; text-align: center;  }
.hpboxes h2, .hpboxes h3, .hpboxes p {padding: 0 5px 0 8px}
.hpboxes h1 a {	font-size: 1.1em; text-decoration: none; color: #424242; display: block; height: 40px; -moz-box-shadow: 0px 1px 3px 0px #888; -webkit-box-shadow: 0px 1px 3px 0px #888; box-shadow: 0px 1px 3px 0px #888; clear: both; background-color: #E8E8E8;}
.hpboxes h1 a:hover { background-color: #D1D1D1;}
.hpboxes h3.windows10, .hpboxes h3.linux  {	font-size: 1.8em; height: 50px; padding-top: 15px;background-color: #0493e2; color: white; text-align: center; }
.hpboxes p img { float: right; margin: 2px 0 0 5px; }

/* header styles */
header { height: 125px; height: 135px; height: 140px; text-align: center; width: 100%; color: red; text-decoration: none; font-weight: bold; font-size: 1em; line-height: 32px; background-color: black;  }
.header-logo{ display: block; background: black url('../pics/hcwlogo-white.png') no-repeat 15% 0px; 
    position:relative; width:105px; /* height: 80px; */ height:70px; left:120px; top:20px; float:left; }
header form { float: right; width: auto; height: 30px; text-align: right; margin:0 10px 0 0; 
   border-right-width: 1px; border-right-style: solid; border-right-color: #626262; padding:0 10px 0 0; }
header form input { font-size: .8em; background-color: #F9F9F9; float: left; border: 1px solid #999999; margin:5px 0 0 0 }
.search_field {	background-image: url(../pics/searchbox.gif); height: 20px; width: 140px; position: relative; }
header #country { float: right; height: 30px; width: auto; text-align: right; margin-right: 10px; border-right: 1px solid #626262; padding-right: 5px; font-size: .9em; line-height: 2.2em; }
header #country a { color: #666; text-decoration: none;	margin-right: 5px; }
header #country a:hover { text-decoration: none; color: #E81619; }
header #country img { height: 24px; width: 26px; /* [disabled]margin-bottom: -7px; */ }
header #country p { padding:0px; font-size: .9em; margin:0px; }
header #input-fields { text-align: right; float: right; width: 400px; margin:0; padding:20px 10% 0 0 }
header #social, header #gaming { height: 30px; float: right; width: auto; padding:20px 5% 0 0 }
header #social ul, header #gaming ul { list-style: none; }
header #social li, header #gaming li { float: left; margin:0 0 0 12px; position: relative; display: block; width: 30px; height: 30px; overflow: hidden; }
header #social a { font: 1.3em/1.7em 'fontello'; text-decoration: none; color: #2e3436; color: white; background: #BABDB6; display: block; text-align: center; height: 30px; padding:7px 0 0 0; }
header #gaming a { font: 1.3em/1.7em 'fontello'; text-decoration: none; color: #2e3436; background: #BABDB6; display: block; text-align: center; height: 30px; padding:7px 0 0 0; }
header #social a:hover, header #gaming a:hover { background: #660000; color: #F4F4F4; }
header #social li:first-child { margin-left: 0; }

/*footer styles */
footer { width: auto; margin: 10px auto 5px auto; font-size: .7em; text-align: center; padding-bottom: 10px; }
footer ul { list-style-type: none; }
footer ul li { display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #666; margin:0px; padding:0px; }
footer ul li:last-child { border-right-width: 0px; }
footer #footer-flag { height: 20px; width: 20px; }
footer form { width: auto; height: auto; margin-top: 5px; }
footer select { font-size: 1em; position: relative; top: 5px;}
footer img { text-decoration: none; margin-right: 5px; margin-top: 0px; position: relative; top: 4px; }
footer a { color: #999; text-decoration: none; padding-right: 12px; padding-left: 12px; margin:0; }
footer a:hover { color: #f0f0f0; }


/* Sitenav at the top of the product and support pages */
/* #site-nav  { font-size: 0.8em; color: #666; height: 20px; margin:5px 0 20px 0; } */
#site-nav #right-links { float: right; width: 300px; margin-right: 10px; }
#site-nav #right-links a.heydings {
font-family: 'HeydingsCommonIconsRegular';
}
#site-nav #right-links ul li{
	float: right;
	border-right: 0px solid #ABABAB;
}
#site-nav #right-links ul li:first-child:before {
	content: "D";
	margin-right: 2px;
	font: 1.3em/2px HeydingsCommonIconsRegular;
}
#site-nav #right-links ul li:last-child:before {
	content: "E";
	margin-right: 2px;
	font: 1.3em/2px HeydingsCommonIconsRegular;
}
#site-nav ul li:first-child:before {
	content: "H";
	margin-right: 4px;
	font: 1.3em/2px HeydingsCommonIconsRegular;
}
#site-nav ul {
	margin:0 0 0 5px;
	padding:0px;
}
#site-nav ul li {
	list-style-type: none;
	display: block;
	width: auto;
	float: left;
	height: 20px;
	padding:0 8px 0 8px;
	line-height: 20px;
	border-right: 1px solid #ABABAB;
}
#site-nav ul li:last-child {
	border-right-width: 0px;
}
#site-nav ul li:first-child:before {
	content: "H";
	margin-right: 4px;
	font: 1.3em/2px HeydingsCommonIconsRegular;
}
#site-nav a  {
	text-decoration: none;
	color: #666;
}
#site-nav a:hover {
	color: #000;
}
#sitenav #sitenav-right-links {
	float: right;
	height: 17px;
	width: auto;
	margin-right: 10px;
	position: relative;
	padding-top: 6px;
}
#site-nav .fb1 {
	height: 20px;
	float: left;
}

/* Icons */
.icon-download {
	color: #2E3436;
	background: #bdbdbd;
	z-index: 90;
	-webkit-font-smoothing: antialiased;
	font: 1.8em/1.4em 'fontello';
	text-decoration: none;
	color: #2e3436;
	display: block;
	text-align: center;
	height: 25px;
	width: 35px;
	float: left;
	margin: 0 5px 0 0; padding: 5px 5px 5px 5px;
}
.icon-download:before {
	content: "\e805";
}
.icon-download:hover {
	background: #c62127;
	color: #F4F4F4;
}

/* Navigator at the top of each page: Home/Products/Support, etc. */
nav {
	background-color: black; float:left; width: 100%;
	position:relative;
	left:0px;
/* top:22px; */
	margin-top: 22px; 
	overflow:hidden;
}
ul#topnav {
	padding:0px;
	list-style: none;
	width: 90%; width: 100%;
	margin:0 auto;
	margin-left: 10%;
/*	overflow: hidden;*/
}
ul#topnav li {
/*	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #330000;  */
	float: left;
	padding:0 2% 0 2%;
	margin:0 1% 0 1%;
	width: auto;
	position: relative;
}
ul#topnav li.home a, ul#topnav li.products a, ul#topnav li.support a, ul#topnav li.forum a, ul#topnav li.wtb a, ul#topnav li.webstore a, ul#topnav li.contact a, ul#topnav li.facebook a, ul#topnav li.gamingzone a, ul#topnav li.sponsorship a {
	width: auto;
}
ul#topnav li:first-child {  }
ul#topnav a {
	float: left;

	text-decoration: none;
	color: #606060; color: #f0f0f0;
	text-align: center;
	font: 1em/2.9em "Trebuchet MS", Helvetica, sans-serif;
	font: 1em/2.9em 'BebasRegular', Arial, sans-serif;
}
ul#topnav a:focus {
outline: none;
}
/* Underline on category rolled over */
ul#topnav a:hover { border-bottom: 3px solid #660000; color: #660000; }
/* Underline on current category */
#home li.home a, #products li.products a, #support li.support a,
#forum li.forum a, #wtb li.wtb a, #webstore li.webstore a,
#contact li.contact a, #facebook li.facebook a, #gamingzone li.gamingzone a {
	border-bottom: 3px solid #c32525;
	color: #c32525;
}
/* End Navigator at the top of each page  */

/*  Product and Support Selector and Contact pages */
.heads { height: auto; width: 96%;	margin:20px 1% 5px 1% ; padding-left: 10px; color: #999999;	border-bottom: 1px dotted #999999 ; clear: both;}
#main-content p { font-size: 1.0em;	color: #000000;	height: auto; width: auto; margin:6px 1px 4px 0px; line-height: normal; line-height: 20px; }
#main-content ul { padding-left: 15px;	margin-top: 0px; list-style-type: disc; }
#main-content ul li { }

/* Tabs on pages with tabs */
#main-content #tabs, #main-content #tabs #tabs-1, #main-content #tabs .ProductSelector, #main-content #tabs .ProductSelectorColumn,
#main-content #tabs #tabs-1, #main-content #tabs #tabs-2, #main-content #tabs #tabs-3, #main-content #tabs #tabs-4, #main-content #tabs #tabs-5,
#main-content #tabs #tabs-6, #main-content #tabs #tabs-7, #main-content #tabs #tabs-8, #main-content #tabs #tabs-9, #main-content #tabs #tabs-10 
		{ background-color: #fafafa; }
#main-content #tabs { font-size: .92em;	line-height: 1.3em; width: 98%; padding: 0 1% 50px 0; margin-bottom: 50px; }
#main-content #tabs p { /* font-size: 1.305em; */ font-size: inherit; color: #333333; line-height: 1.584em; font-family: "robotoregular"; }
#main-content #tabs ul { margin:6px 1px 4px 4px; padding:5px 0 0 15px;  }
#main-content #tabs ul li { /* font-size: 1.125em; */ font-size:inherit; line-height: 1.585em; }
#main-content #tabs ul ul li { /* font-size: 1.05em; */ font-size:inherit; }
#main-content #tabs ul li ul li { /* font-size: .92em; */ font-size:inherit;  display:block}

/* Text in the tabs */
#main-content #tabs #top { width: 100% }
#main-content #tabs #top a { color: #404070; font-size: .85em; line-height: 1.5em; } 
#main-content #tabs #top .closed { display:block; } 

/* Hamburger menu */
#main-content #tabs #top_burger { display:none; overflow:hidden; padding:15px;}
#top_burger .line { border-bottom: 4px solid #bbb; width: 35px; margin-bottom: 6px; }  
#top_burger  .line:last-child { margin-bottom: 0; }

/*  Product and Support Selector */
#main-content .ProductSelector { width: 100%; margin:0 0 0 0 ;	padding:0 0 0 0 ; }
#main-content .ProductSelectorColumn { width: 31.73%; float: left; padding:0 0 0 0; margin:20px .7% 40px .7%; }
#main-content .prods_main2-category { margin: 0 0 40px 0;  border: 1px solid #999; border-color: #d7d7d7; background-color: white; position: relative; }
#main-content .prods_main2-category h1 { text-align: right; text-decoration: none; height: 100px;	margin:0 0 0 0; position: relative; overflow: hidden; }
#main-content .prods_main2-category h1 a { 	font-size: .9em; line-height: 1.15em; font-weight: normal; height: 102px; display: block; text-decoration: none; background-color: #E8E8E8; border-bottom: 1px solid #999; padding:5px 5px 0 120px; }
#main-content .prods_main2-category h1 a img { float: left; position: absolute; left: 5px; top: 5px; }
#main-content .prods_main2-category p { margin: 0 ; padding: 6px 12px 6px 12px}
#main-content .prods_main2-category ul { padding-left: 0px; font-size: 1.06em; line-height: 50%;  }
#main-content .prods_main2-category ul li {	list-style-type: none; border-bottom: 1px solid #DFDFE0; }
#main-content .prods_main2-category ul li a { text-decoration: none; display: block; color: #5B5B5B; height: 50px; }
#main-content .prods_main2-category ul li a p.line-height { line-height: 15px; }
#main-content .prods_main2-category ul li a:hover { background-color: #E6E6E6; }
#main-content .prods_main2-category ul li:first-child {	border-top: 1px solid #DFDFE0; }
#main-content .prods_main2-category ul li:last-child { border-bottom: 0px; }
#main-content .prods_main2-category ul li a img {	float: left; margin-right: 12px; height: 45px; width: 55px; }

/*
#main-content .ProductSelectorColumn .prods_main2-category ul h2:first-of-type  { border-top: 1px solid #999; }
#main-content .prods_main2-category h1 p { color: #4E4E4E; font-size: .9em; line-height: 1.1em; padding:5px 5px 0 120px; }
#main-content .prods_main2-category ul.single { font-weight: bold; line-height: 22px; }
#main-content .prods_main2-category ul.single li { list-style-type: none;	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; padding-top: 0px; }
#main-content .prods_main2-category ul h2  { margin-top: 0px; padding-top: 0px; list-style-type: none; background-color: #d1d1d1; height: 30px; font-size: 1.05em; font-style: normal; line-height: 2em; text-indent: 5px; border-bottom: 1px solid #999; color: #4E4E4E; }
#main-content .prods_main2-category li p { color: #5B5B5B; font-size: 1.25em; }
*/

/* Product page boxes styles */
#main-content #tabs  { border: 1px solid #DFDFE0; border: 0px;}

/* Full page product box */
#main-content #product_box { margin-bottom: 40px; border: 1px solid #999; border-color: #d7d7d7; background-color: white; position: relative; padding:20px; }

/*  Image items to the right and left */
.buy-now-button { width: 10%; margin:10px 10px 10px 10px; text-align:right; padding-right:0px; float:right; }
.amazon-button { margin:5px 5px 5px 5px; float: right; }
.img-captions-right { width: 40%; float: right; vertical-align: top; font-size: .85em; text-align: center; color: #666666; margin:10px 0 10px 20px; overflow: hidden; }
.img-captions-right p { text-align: center; margin-bottom: 10px; margin-top: 10px; }
.img-captions-right h3 { text-align: center; font-size: 1.00em; font-weight: bold; color: black; }
.img-captions-right h5 { text-align: right; margin-right: 5%; float:right; }
.img-captions-right h6 { margin:0 0 0 0; }
.img-captions-left { float: left; font-size: .85em; text-align: center; color: #666666; margin:10px 20px 30px 20px; clear: right; /* [disabled]vertical-align: top; */	/* [disabled]width: auto; */ }
.img-captions-container { background: #963; height: auto; width: auto; /* [disabled]overflow: hidden; */ float: right; margin-left: 20px; }

/*  Videos box style */
.videos { width: auto; text-align: center; padding:5px 0px; overflow: hidden; }
.video_columns { width: 48%; padding:15px 0 0 0; float: left; margin:0 1% 0 1%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.video_boxes { height: 300px; height: 100%; width: 100%; margin-top: 10px; margin-bottom: 20px; padding:10px 2px; text-align: center; 
	border: 1px solid #939496;
	-webkit-box-shadow: 0px 2px 3px #888;
	-moz-box-shadow: 0px 2px 3px #888;
	-ms-box-shadow: 0px 2px 3px #888;
	-o-box-shadow: 0px 2px 3px #888;
	box-shadow: 0px 2px 3px #888;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.video_boxes h3 { margin:2px; line-height: 1.1em; font-size: 1.2em; }
.video_boxes h5 { text-align: center; }

/*  Spec box style */
.specs { width: 100%; text-align: left; overflow: hidden; }
.specs_columns { width: 45%; padding-top: 20px; float: left;margin:0 2%; }
.specs_boxes { font-size: 1em; margin:10px 0 20px 0; padding:15px 20px 30px 25px; border: 1px solid #939496;
	-webkit-box-shadow: 0px 2px 3px #888; -moz-box-shadow: 0px 2px 3px #888; -ms-box-shadow: 0px 2px 3px #888; -o-box-shadow: 0px 2px 3px #888;
	box-shadow: 0px 2px 3px #888;}

#main-content #tabs .specs_boxes h3 { font-size: 1.5em;	margin:2px; line-height: 1.32em; }

/* Accordian used in the FAQ  */
#main-content #tabs #accordion {margin:0; padding:0;}
#main-content #tabs #accordion ul { font-size: inherit;  line-height: 1.3469em; } 
#main-content #tabs #accordion ul p { font-size: 1.00em;  } 
#main-content #tabs #accordion ul li { font-size: inherit } 
#main-content #tabs #accordion ul li ul { font-size: 1.00em; } 
#main-content #tabs #accordion h3 { font-size: 1em; line-height: 1.85em; padding-left: 20px;  } 
#main-content #tabs #accordion h3 a { font-size: 1em;  line-height: 1.125em; }

/*TABLE STYLES*/
.table { border-collapse:separate; text-align:center; margin-top: 15px; color: #5B5B5B; border-top-width: 1px; border-left-width: 1px; border-top-style: solid;
	border-left-style: solid; border-top-color: #5B5B5B; border-left-color: #5B5B5B; float: left; margin-bottom: 10px; }
.table .first-column { padding: 8px 10px 8px 10px; text-align: right; padding-right: 10px; }
.table  th a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.table th a:hover { color: #FFFFFF; text-decoration: underline; }
.table .odd { background-color: #D6D6D6; }
.table .even { border: 1px solid #CCCCCC; background-color: #F5F5F5; }
.table tr .no-stroke { border: 1px solid #FFF; }
.table th { background-color: #383838; color: #FFFFFF; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5B5B5B;
	border-right-style: solid; border-right-width: 1px; border-right-color: #5B5B5B; font-weight: bold; text-align: center; }
.table td { padding: 8px 10px 8px 15px;	border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;		
	border-right-color: #5B5B5B; border-bottom-color: #5B5B5B; text-align: center; }
.table .notes { padding: 15px 15px 15px 180px; }
table tfoot { font-size: .85em; }
table caption{ font-size: 1.2em; font-weight: bold; padding: 0 0 10px 0; }
.table tr:nth-child(1) { background: #FFFFFF; }
.table tr:nth-child(even) { background: #CCC; }
.table tr:nth-child(2n+3) {	background: #F4F4F4;}

/* Start shrinking the width for less than max width */	
@media only screen and (max-width: 1510px) {
#container, #content { width: 100%; }
#rightcolumn2 #main-content { width: 80%; margin-left: 10%; }
}

@media only screen and (max-width: 1100px) {
#hp_slider-container, .dwuserEasyRotator  { width: 100%; margin:0; padding:0; margin-top: -5px;}
}

/* Start shrinking the width for tablet screens */
@media only screen and (max-width: 1080px) {
header #input-fields, header #social { padding: 3px }
#rightcolumn2 #main-content { width: 100%; margin:0; padding:0;}
#main-content #tabs #top {color: #404070; font-size: inherit; width: 100%}
#main-content #tabs ul { width: 97.2%; margin:0 ; padding:2px 0 0 5px; }
#main-content #tabs p, #main-content #tabs ul li { font-size: 1.05em; }
#main-content .ProductSelector { width: 100%;  padding:5px 0 0 0; margin:0 0 0 0; }
#main-content .ProductSelectorColumn { width: 31.464%;  padding:.5% .933% .5% .933%; margin:20px 0 0 0; }
#contact-main-content #contact-column-left { width: 42%; margin:0% 4% 0% 4%; }
#contact-main-content #contact-column-right { width: 42%; margin:0% 4% 0% 4%; }
}

@media only screen and (max-width: 980px) {
#main-content #tabs .prods_main2-category h1 { font-size: 1.5em; } 
#main-content #tabs .prods_main2-category ul li p { font-size: 1em; line-height: 1.15em;  }
.hpboxes h3 { font-size: 3em; padding:.5% 2% .5% 0; }
#main-content #tabs { width: 97%; padding-left: 1.5%; padding-right: 1.5%; }
}

@media only screen and (max-width: 900px) {
header { height: 100px; height: 80px; }
nav { margin-top: 0px; }
.header-logo { left: 15px; top: 10px; }	
.hpboxes h1 { font-size: .9em ; }
.contact { display: none; } 
#content_hp { padding-left: 0px; padding-right: 0px;  }
.hpboxes h3 { font-size: 2.2em; padding:.5% 2% .5% 0 ;}
#hp_slider-container, .dwuserEasyRotator { display: none; }
/* #rightcolumn2 #prods-container { } */
.country_main .flags { width: 30%; height: 30px;}
.video_columns { width: 100%; padding:15px 0 0 0; float: left; margin:0 2% 0 0; }
.video_boxes { height: 100%; width: 100%; margin:10px 0 20px 0; padding:10px 0px 10px 0; }
}

/* Go to one column  */
@media only screen and (max-width: 720px) {
#rightcolumn2 #prods-container { margin-top: 3px; }
#rightcolumn2 #main-content { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0px; padding-right:0px;}	
#main-content #tabs { width: 96%; margin-left: 0; margin-right:4%; }
#rightcolumn2 #site-nav { display: none; }
#store_slider-container { display: none;  }
/* nav ul#topnav { width: 100%;  margin:0 auto; margin-left: 0%; overflow: hidden; display: block; float:left; font-size: .9em; } */
#content_hp { clear: both; padding:0px; margin:0 2% 0 2.5%; width: 95%; }
.hp_columns { width: 100%; }
.hp_columns:first-child { margin-left: 0; }
.hpboxes { width: 100%; }
.hpboxes h1 { font-size: 1.3em; font-weight: bold; line-height: 1.8em; }
.hpboxes img {width: 50%; margin:.5% .5% .5% .5% ; padding:1.5% .5% .5% .5% ;}
.hpboxes h2 { font-size: 1.2em;	font-weight: 250; line-height: 1.35em; }
.hpboxes p { font-size: 1.0em; font-weight: 150; line-height: 1.2em; }
.span_1_of_3 { width: 100%;  }
#main-content .ProductSelectorColumn { width: 100%; font-size: 1.2em; font-weight: 200; line-height: 1.5em; margin:10px 0 10px 0; padding:0 1% 0 1%;}
#main-content .prods_main2-category h1 p { padding-right: 5%; }
.heads { width: 96%; margin:20px 2% 5px 2% ; }
#rightcolumn2, .ProductSelector, #tabs, #main-content #tabs ul {padding-top: 0px;}
.buy-now-button { width: 20%; }
.specs .specs_columns { width: 100%; margin:0 0 0 0 ; padding:0 0 0 0 ; background-color: #fafafa; }
#contact-main-content #contact-column-left, #contact-main-content #contact-column-right { width: 90%; margin:0% 5% 0% 5%; }
footer { font-size: .8em; line-height: 1.5em; }
/* hide tabs and show hamburger  */ 
#main-content #tabs #top ul { padding-left: 0px; margin:0; padding: 0px;}
#main-content #tabs #top_burger { display: block; border-bottom: 1px solid #bbb; }
#main-content #tabs #top li { width:45%; padding:0 2% 0 2%; font-size: .9em; overflow: hidden;}
.menu { height: 0; overflow: hidden; transition: height 0.3s linear; margin:0; padding:0;}
.slide-down { height: 100%; }
}

@media only screen and (max-width: 660px) {
#contact-main-content #contact-column-left, #contact-main-content #contact-column-right { width: 100%; }
header #input-fields {display:none;}
/* header { height: 100px; } */
/* #country { display: none; } */
/* .header-logo{ width:105px; height:61px; margin:0; padding:0; top:0; left: 15px; } */
/* header #input-fields { padding:0; display:none;} */
}

@media only screen and (max-width: 540px) {
/* header #input-fields { padding:0; display:none;} */
header #input-fields, header #social, header .header-logo { padding:0; margin: 0;  }
header #country { padding:0; display:none; float: right;}
header #topnav { float:left; margin-left: 0; margin: 0; padding: 0; }
#main-content #tabs #top li { font-size: .8em; }
.img-captions-right { width: 100% ; margin:10px 0 10px 0; }
.forum { display: none; } 
}

@media only screen and (max-width: 460px) {
/* Remove margins and padding and Where to Buy button on really small screens */
.wtb { display: none; } 
#rightcolumn2 { margin:0; padding:0; } 
#main-content, .ProductSelector, #tabs, #top-main-image, #top-main-description, .video_columns { margin:0 5px; padding:0 0 0 0 ; }
.buy-now-button { width: 15%; }
#contact-main-content #contact-column-left, #contact-main-content #contact-column-right {
width: 100%;
margin:0;
}
/* Shrink the header a bit
header { height: 125px; }
.header-logo {display:none;}
*/
/* make tabs one line each */
/* #main-content #tabs #top li { width: 100%; } */
}


@media only screen and (min-width: 2000px) {
html, body { background-color: #555558;}
/* #container { width: 1500px; font-size: 1.1020em; line-height: 1.592em; } */
#container { width: 1500px; font-size: 1.1020em; }

header { height: 145px;  }

/*  Main categories at the top */	
nav { height: 49px; 	}
ul#topnav { width: 83.3333%; }
ul#topnav a { height: 45px;	font: 1em/2.9em 'BebasRegular', Arial, sans-serif; }
ul#topnav li { }

#rightcolumn2 #site-nav ul li a { font-size: 1.15em; }
.ProductSelectorColumn { width: 31.5%; margin:0 8px 40px 8px; }

/* Main content  */
#main-content { font-size: 1.0em; line-height: 1.35em; }
#main-content p, #main-content ul, #main-content li { font-size: 1.05em; line-height: 1.35em; }
#main-content ul li { font-size: .95em; }

/* Content for tabs on Product and Support pages */
.img-captions-right { width: 50%; }
.heads h1 { font-size: 2em}
#main-content #tabs { margin-bottom: 30px;}
#main-content #tabs h1 { font-size: 2em;  line-height: 1.25em; }
#main-content #tabs h3 { font-size: 1.50em; }
#main-content #tabs h3 a { font-size: 1.00em;  line-height: 1.3469em; }
#main-content #tabs p { font-size: 1.1em }
#main-content #tabs #accordion h3 a { font-size: 1em;  line-height: 1.3469em; }
#main-content #tabs h5 { font-size: 1.30em; line-height: 1.50em; }
/* #main-content .prods_main2-category h1 a p { font-size: .9em; line-height: 1.1em; } */
#main-content .prods_main2-category a p { font-size: 1.0em; line-height: 1.3em; }
#main-content #tabs .img-captions-right a { line-height: 1.392em; }
#main-content #tabs .img-captions-right h3, #main-content #tabs .img-captions-right h6 { font-size: 1.245em; line-height: 1.392em; }
#main-content .prods_main2-category h1 { font-size: .73476em; line-height: 1.0em; height: 105px; }
#main-content .prods_main2-category h1 a { font-size: .65em; line-height: 1.15em; padding: 10px 10px 10px 120px }
#main-content .prods_main2-category h1 a p { }
#main-content .prods_main2-category p { font-size: 0.9796em; }
#main-content .prods_main2-category ul { font-size: 1.06em ; }
#main-content .prods_main2-category ul li { height: 61px; padding: 6px 6px 6px 0px; }
#main-content .prods_main2-category ul li a { padding-left: 6px; }
#main-content .prods_main2-category ul li a img { margin-right: 12px; height: 60px;  width: auto; }

#main-content #tabs .specs_boxes h3 { font-size: 1.6; }


/* Text in the tabs */
#tabs #top a { line-height: 1.25em;  } 
#main-content #tabs ul#top {font-size: 1.05em; font-size: .90em }

#content_hp .hp_columns {
/*	width: 30.00%;
	margin-right: 1.3333%;
	margin-left: 2.0%;		*/
	width: 31.333%;
	margin:1% 0 0 1.6%;
	}
#content_hp .hpboxes {
	font-size: .952em; 
	line-height: 1.5em;  
	}
#content_hp .hpboxes p img {
	width: auto;  
	}
#content_hp .hpboxes img {
	margin-left: 1%;
	margin-right: 1%;
	width: 96%;
	}

/*  Spec box style */
.specs { width: 100%; }
.specs_columns { width: 46%; }

/* Webstore product images */
.store_sub-images a img {
	position: absolute;
	left: 10%;
	height: 135px;
	width: 180px;
	top: 1px;
	z-index: 1;
}
#store_top-container {
	height: 550px;
	padding-bottom: 20px;
}
}