@charset "UTF-8";
/* CSS Document */

html {
	font-family: 'Roboto', sans-serif;
	}

h1 {
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	line-height:30px;
	padding:0 0 20px 0;
	font-weight:500;
	}

h2 {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:26px;
	padding:0 0 20px 0;
	font-weight:500;
	}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size:19px;
	line-height:25px;
	padding:0 0 20px 0;
	font-weight:500;
	}

p {
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height:24px;
	padding:0 0 20px 0;
	}

ul {font-family: 'Roboto', sans-serif;
	font-size:18px;
	line-height:26px;
	padding:0 0 20px 20px;
	font-weight:500;
	list-style-type:disc;
	}

ul li {}

.clear {
	clear:both;
	}

.container {
	width:80%;
	margin:20px auto;
	}

.header {
	float:left;
	width:100%;
	height:80px;
	padding:0 0 20px 0;
	}
	
.logo {
	float:left;
	width:250px;
	height:57px;
	}

.logo a {
	display:block;
	width:100%;
	height:100%;
	}

.logo a img {
	width:100%;
	height:100%;
	}
	
.fun {
	float:right;
	}

.fb {height:30px;width:30px;float:left;padding:5px;}
.fb a:link, .fb a:visited {float:left;background-image:url(images/fb.png);background-size:contain;background-color:#3b5998;height:30px;width:30px;display:block;border-radius:4px;}
.fb a:hover {background-color:#4f6aa3;}
.tw {height:30px;width:30px;float:left;padding:5px;}
.tw a:link, .tw a:visited {float:left;background-image:url(images/tw.png);background-size:contain;background-color:#4099ff;height:30px;width:30px;display:block;border-radius:4px;}
.tw a:hover {background-color:#53a3ff;}
.news {height:30px;width:120px;float:left;padding:5px 0px 5px 5px;}
.news a:link, .news a:visited {float:left;background-color:#21759b;height:30px;width:120px;display:block;border-radius:4px;color:white;text-decoration:none;line-height:30px;text-align:center;}
.news a:hover {background-color:#2391c1;}	
	
.call-top {float:right;text-align:right;line-height:40px;padding:0 20px 0 0;font-size:24px;color:#666;}
.call-top a:link, .call-top a:visited {text-decoration:none;
	color:#00adef;}
.call-top a:hover {}
	
	
.nav {
	float:right;
	clear:right;
	height:40px;
	line-height:40px;
	}
	
.nav a:link, .nav a:visited {
	display:inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#333333;
	padding:0 10px;
	text-transform:uppercase;
	font-size:14px;
	}
	
.nav a:hover {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	
	height:40px;
	background-color:#eeeeee;
	}

.nav a.current-page {
	color:#ec1d23;
	font-weight:500;
	}

.nav-toggle {display:none;}

.mob-nav {display:none;}
	
.banner {
	float:left;
	width:100%;
	height:500px;
	background-color:#dddddd;
	background-size:cover;
	background-position:center center;
	}

.products-banner {
	float:left;
	width:100%;
	height:50px;
	background-color:#dddddd;
	background-size:cover;
	background-position:center center;
	}
	
.cycle-bg-image {
	background-position:center center;
	background-size:cover;
}

.banner-text {
	margin-top:450px;
	height:50px;
	background-color:rgba(0,0,0,0.5);
	color:white;
	width:96%;
	padding:0 2% 0 2%;
	line-height:50px;
	text-align:right;
	font-size:20px;
	font-weight:200;
	background-image:url(images/dahle-icon.png);
	background-size:contain;
	background-position:left;
	background-repeat:no-repeat;
	}
	
.products-banner-text {
	height:50px;
	background-color:#24272c;
	color:white;
	width:96%;
	padding:0 2% 0 2%;
	line-height:50px;
	text-align:right;
	font-size:20px;
	font-weight:200;
	background-image:url(images/dahle-icon.png);
	background-size:contain;
	background-position:left;
	background-repeat:no-repeat;
	}

.content {
	width:100%;
	margin:20px 0;
	float:left;
	}

.content-left {
	width:78%;
	float:left;
	
	}

.content-left a:link, .content-left a:visited {text-decoration:none;color:#00adef;}
.content-left a:hover {text-decoration:underline;}

.content-right {
	width:20%;
	float:right;
	margin-bottom:20px;
	}

.content-left-contact {
	width:68%;
	float:left;
	
	}

.content-left-contact a:link, .content-left-contact a:visited {text-decoration:none;color:#00adef;}
.content-left-contact a:hover {text-decoration:underline;}

.content-right-contact {
	width:30%;
	float:right;
	}

.product {
	box-shadow:2px 2px 6px #dddddd;
	padding:20px 2%;
	width:96%;
	margin:0 0 20px 0;
	border-radius:8px;
	}

.product img {
	width:30%;
	height:auto;
	float:left;
	}

.product-toggle {
	padding:5px 0 0 0;
	text-align:right;
	}

.product-toggle a:link, .product-toggle a:visited {
	display:block;
	color:#ec1d23;
	text-decoration:none;
	font-size:14px;
	}

.product-toggle a:hover {
	text-decoration:underline;
	}

.product-info {
	float:left;
	width:68%;
	padding:0 0 0 2%;
	}

.product-info p {
	padding:0 0 5px 0;
	font-size:16px;
	}

.product-info table {
	margin:10px 0 20px 0;
	}

.product-info table tr {
	font-size:14px;
	border-bottom:1px solid #eeeeee;
	}

.product-info table td {
	padding:0 10px 0 0 ;
	}

.product1-info {display:none;padding:20px;}
.product1-info ul {padding:0 0 0 20px;}
.product1-info ul li {list-style-type:disc;font-size:14px;}

.product2-info {display:none;padding:20px;}
.product2-info ul {padding:0 0 0 20px;}
.product2-info ul li {list-style-type:disc;font-size:14px;}

.product3-info {display:none;padding:20px;}
.product3-info ul {padding:0 0 0 20px;}
.product3-info ul li {list-style-type:disc;font-size:14px;}

.product4-info {display:none;padding:20px;}
.product4-info ul {padding:0 0 0 20px;}
.product4-info ul li {list-style-type:disc;font-size:14px;}

.product5-info {display:none;padding:20px;}
.product5-info ul {padding:0 0 0 20px;}
.product5-info ul li {list-style-type:disc;font-size:14px;}

.product6-info {display:none;padding:20px;}
.product6-info ul {padding:0 0 0 20px;}
.product6-info ul li {list-style-type:disc;font-size:14px;}

.product7-info {display:none;padding:20px;}
.product7-info ul {padding:0 0 0 20px;}
.product7-info ul li {list-style-type:disc;font-size:14px;}

.product8-info {display:none;padding:20px;}
.product8-info ul {padding:0 0 0 20px;}
.product8-info ul li {list-style-type:disc;font-size:14px;}

.product9-info {display:none;padding:20px;}
.product9-info ul {padding:0 0 0 20px;}
.product9-info ul li {list-style-type:disc;font-size:14px;}

a.shredder-button:link, a.shredder-button:visited {
	display:block;
	background-image:url(images/shredder-button.jpg);
	width:96%;
	background-size:cover;
	background-position:center center;
	padding:43% 2% 7% 2%;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	border-radius:8px;
	margin:0 0 10px 0;
	}

a.shredder-button:hover {
	color:#ec1d23;
	}
	
a.distributor-button:link, a.distributor-button:visited {
	display:block;
	background-image:url(images/distributor-button.jpg);
	width:96%;
	background-size:cover;
	background-position:center center;
	padding:40% 2% 7% 2%;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	border-radius:8px;
	margin:0 0 10px 0;
	}

a.distributor-button:hover {
	color:#ec1d23;
	}

a.become-distributor-button:link, a.become-distributor-button:visited {
	display:block;
	/*background-image:url(images/distributor-button.jpg);*/
	width:96%;
	background-size:cover;
	background-position:center center;
	padding:15px 2% 15px 2%;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	border-radius:8px;
	margin:20px 0 10px 0;
	clear:both;
	background-color:#24272c;
	}

a.become-distributor-button:hover {
	color:#ec1d23;
	}

a.become-distributor-button img {
	height:30px;
	width:30px;
	}

.footer {
	width:94%;
	background-color:#24272c;
	padding:20px 3%;
	color:#fff;
	}
	
.footer-left {float:left;width:45%;font-size:14px;}
	
.footer-right {float:right;text-align:right;width:45%;font-size:14px;}
.footer-right a:link, .footer-right a:visited {color:#fff;font-size:14px;}
.footer-right a:hover {color:#ec1d23;}

.distributor-contact {
	width:90%;
	margin:10px 0;
	border-radius:8px;
	padding:20px 5%;
	background-color:#24272c;
	}
	
.distributor-contact img {
	width:25%;
	height:auto;
	float:left;
	padding:0 20px 0 0;
	}

.distributor-contact h2, .distributor-contact p {
	color:#fff;
	}

.distributor-info {
	float:left;
	width:70%;
	}

.distributor-info a {
	color:#00adef;
	}

a.web-link:link, a.web-link:visited {
	display:block;
	line-height:40px;
	width:100%;
	margin:10px 0 10px 0 ;
	background-color:#ec1d23;
	text-align:center;
	color:#ffffff;
	border-radius:8px;
	text-decoration:none;
	font-weight:400;
	}

a.web-link:hover {
	background-color:#ff242c;
}
	
	
	
.content-right p {
	font-size:15px;
	padding:0 0 10px 0 ;
	}
	
.heavy {font-weight:700;}

img.shredder-feature {float:left;width:25%;padding:0 2%;}

img.shredder-feature-desc {float:left;width:50px;padding:0 10px 0 0;}