@font-face {
	font-family: 'Cisco Sans TT Regular';
	src: url('../fonts/CiscoSansTTRegular.eot');
	src: local(CiscoSansTTRegular),
		 url('../fonts/CiscoSansTTRegular.ttf') format('truetype'),
		 url('../fonts/CiscoSansTTRegular.svg') format('svg'),
		 url('../fonts/CiscoSansTTRegular.woff') format('woff');
}

@font-face {
	font-family: 'Cisco Sans TT Thin';
	src: url('../fonts/CiscoSansTTThin.eot');
	src: local(CiscoSansTTThin),
		 url('../fonts/CiscoSansTTThin.ttf') format('truetype'),
		 url('../fonts/CiscoSansTTThin.svg') format('svg'),
		 url('../fonts/CiscoSansTTThin.woff') format('woff');
}

/* we don't have this font "yet"
@font-face {
	font-family: 'Cisco Sans TT Light';
	src: url('../fonts/CiscoSansTTLight.eot');
	src: local(CiscoSansTTThin),
		 url('../fonts/CiscoSansTTLight.ttf') format('truetype'),
		 url('../fonts/CiscoSansTTLight.svg') format('svg'),
		 url('../fonts/CiscoSansTTLight.woff') format('woff');
}*/

@font-face {
	font-family: 'Cisco Sans TT Extra Light';
	src: url('../fonts/CiscoSansTTExtraLight.eot');
	src: local(CiscoSansTTThin),
		 url('../fonts/CiscoSansTTExtraLight.ttf') format('truetype'),
		 url('../fonts/CiscoSansTTExtraLight.svg') format('svg'),
		 url('../fonts/CiscoSansTTExtraLight.woff') format('woff');
}

body {
    font-family: 'Cisco Sans TT Regular';
    margin: 0;
    padding: 0;
    color: #3F3F3F;
    font-size: 13px;
}

.header {
    background: #30aeef;
    background-image: -moz-linear-gradient(-90deg,#1facef 0%,#1775c7 100%);
    background-image: -webkit-linear-gradient(-90deg,#1facef 0%,#1775c7 100%);
    background-image: -o-linear-gradient(-90deg,#1facef 0%,#1775c7 100%);
    background-image: linear-gradient(180deg,#1facef 0%,#1775c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr=#1facef,endColorStr=#1775c7);
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 100;
    color: #FFFFFF;
}

.header .container {
    max-width: 1200px;
    display: block;
    margin: 10px auto 0 auto;

}
.header .container .cisco-logo {
    display: inline-block;
    width: 50px;
    height: auto;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 20px;
}
.header .container .estore-heading {
    display: inline-block;
    font-size: 17px;
    font-family: 'Cisco Sans TT Thin';
    vertical-align: middle;
    margin: 0;
}

.content > * {
    padding-left: 20px;
    padding-right: 20px;
}

.content {
    position: relative;
    display: block;
    top: 50px;
    max-width: 1200px;
    margin: 20px auto;
}

.content h1.content-heading {
    font-size: 18px;
    margin: 20px 0px 15px 0px;
}

.content .content-intro {
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}

.content h2.content-heading {
    font-size: 16px;
    margin: 17px 0px 15px 0px;
}

.content .content-instructions {
    margin-bottom: 22px;
    padding-left: 20px;
}

.content-instructions .content-instructions-cell {
    max-width: 100%;
    vertical-align: top;
    margin-right: 20px;
    padding-bottom: 10px;
}
.content-instructions .content-instructions-cell-text {
    height: auto;
    display: block;
}
.content-instructions .content-instructions-cell img {
    max-width: 100%;
    display: block;
    margin: 15px 20px 22px 0px;
}

@media screen and (min-width: 701px) and (orientation: landscape) {
    /*
    #unknown-one {
        margin-top: 33px;
    }
    #unknown-two {

    }
    #unknown-three {
        margin-top: 30px;
    }
    */
    .content .content-intro {
        padding-bottom: 0px;
        border-bottom: 0px solid #CCCCCC;
    }

    .content-instructions-wrapper {
        /*
        position: relative;
        float: left;
        */
    }
    .content .content-instructions {
        position: relative;
        float: left;
    }
    .content-instructions .content-instructions-cell {
        float: left;
/*        max-width: 280px;*/
        vertical-align: top;
        margin: 0px;
        width: 30%;
        margin-right: 5%;
    }

    .content-instructions .content-instructions-cell:nth-child(3) {
        margin-right: 0px;
    }
    .content-instructions .content-instructions-cell-text {
        height: 54px;
    }
    .content-instructions .content-instructions-cell img {
        max-width: 90%;
    }
}