@charset "utf-8";
body {

	margin: 0 auto;}
#intro{
	width: 800px;
	margin-left: 40px;
	}/* CSS Document */
div.article{
	margin: 0 auto;
	width: 800px;
	}
i{
	text-align: center;}
p.caption{
	text-align: left;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 17px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 20px;
	}
#ethernet {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 22px;
	color: #666666;
	font-weight:700;
	margin-top: 30px;
	}
.header-text {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 15px;
	color: #666666;
	line-heigth: 1.5em;
	margin-bottom: 20px;
	}
ul#insidenav{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #666666;
	line-heigth: 26px;
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 40px;
	}
li.submenu{
	padding-bottom: 8px;
	color: #1E8BC3;
	}
li.submenu>a{
	color: #1E8BC3;
	text-decoration: none;
}
li.submenu>a:hover{
	color: #1c76a5;
	text-decoration: underline;
	}
	
h3{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight:700;
	margin-bottom: 10px;
	}
p.content {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #515151;
	line-height: 23px;
	margin-top: 0;
	margin-bottom: 5px;
	 }
p.end {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 23px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style:italic;
	 }
#ethernet{
	margin-bottom: 10px;
	}
table#comparison{
	width: 720px;
	border: 1px solid #c0c0c0;
	margin: 10px auto 30px auto;
	}
td.switch{
	border: 1px solid #e2e2e2;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 13px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	}
tr.charachteristics{
	background-color: #ececec;
	}
tr.managed {
	background-color: #e4f1fe;
	}
tr.unmanaged {
	background-color: #dff7de;
	}
img.control{
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
table#features {
	margin: 0 auto;}
p.img-description {
	font-style:italic;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-color: #333333;
	font-size: 14px;
	}
a.text{
	color: #1E8BC3;
	text-decoration: none;
	}
a.text:hover{
	color: #1c76a5;
	text-decoration: underline;
	}
a.button {
	padding: 10px;
	background-color: #1E8BC3;
	border: 2px solid #1E8BC3;
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	}
div#action{
	margin: 30px auto;
	}
a.button2{
	padding: 10px 20px;
	border: 2px solid #1E8BC3;
	color: #1E8BC3;
	text-decoration: none;
	border-radius: 5px;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	margin-bottom: 30px;
	margin-right: 20px;
	}
a.button2:hover{
	background-color: #1E8BC3;
	color: #ffffff;}
a.button:hover{
	background-color: #1c76a5;
	border: 2px solid #1E8BC3;
}
a.chapter{
	text-decoration: none;
	color: #666666;
	}
a.chapter:hover{
	text-decoration: none;
	}
#features{
	margin-bottom: 20px;
	}
	
.sharing{
	padding-left: 0px;
	padding-top: 40px;
	margin-bottom: 50px;
	margin-top: 20px;
	}
ul.materials>li, ul.share-buttons>li {
	display: inline;
	}
div.sharing{
	clear: both;
	}
ul.share-buttons{
	text-align: left;
	padding-left: 20px;}
.kit{
		color: #1E8BC3;
		text-decoration: none;
		font-weight: 600;
		}
.kit:hover{
	text-decoration: underline;
	}
h3.subtitle{
	margin-top: 30px;
	border: none;
	}
.ghost{
	border: 2px solid #4398ef;
    color: #4398ef;
    border-radius: 3px;
    padding: 5px 25px;
    text-align: center;
    min-width: 120px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	margin: 0 auto;
	}
.ghost:hover{
	background-color: #2284e8;
	color: #ffffff;
	border: 2px solid #2284e8;}
.estore-btn2{
	background-color: #4398ef;
	border: 2px solid #4398ef;
    color: #fff;
    border-radius: 3px;
    padding: 5px 35px;
    text-align: center;
        min-width: 120px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	margin: 0 auto;
	}
.estore-btn2:hover{
	background-color: #2284e8;
	border: 2px solid #2284e8;
	color: #ffffff;}
.left{
	float: left;
	padding: 20px;}
.right{
	float: right;
	padding: 20px;
	}

.buttons{
	width: 95%;
	margin: 0 auto;
	}
.imagedropshadow-left {
	border-radius: 15px;
    padding: 5px;
    border: solid 1px #EFEFEF;
	margin-right: 20px;
	margin-top: 10px;
}
.imagedropshadow-right {
	border-radius: 15px;
    padding: 5px;
    border: solid 1px #EFEFEF;
	margin-left: 20px;
	margin-top: 10px;
}
.link{
	text-decoration:underline;
	}
.edm-pic{
	padding-left: 25px;
	display: block;
	font-size: 0;
	}