/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

.no-top {
    margin-top: 0 !important;
}

.no-bottom {
    margin-bottom: 0 !important;
}

.wrapper {
	width:978px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.wrapper .btn {
	font-size:0;
	border:none;
	min-height:40px;
	margin-bottom:12px;
}

#content-wrapper {
    position:relative;
	overflow:hidden;
}

#content {
	min-height: 400px;
	background:#fff;
	color:#58595b;
}

hr {
	margin:25px 0 0 0;
	border-top:2px dotted #b6b1a9;
	padding:25px 0 0 0;
}


/* custom grid: 978px width, 12 columns @ 43px with 42px gutters - margins exist outside of grid (12px on .wrapper) */
div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 {
	float: left;
	margin-left: 42px;
}
div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left:0; }
div.col1 { width: 43px; }
div.col2 { width: 128px; }
div.col3 { width: 213px; }
div.col4 { width: 298px; }
div.col5 { width: 383px; }
div.col6 { width: 468px; }
div.col7 { width: 553px; }
div.col8 { width: 638px; }
div.col9 { width: 723px; }
div.col10 { width: 808px; }
div.col11 { width: 893px; }
div.col12 { width: 978px; }

/* custom grid: 978px width, 10 columns @ 60px with 42px gutters - margins exist outside of grid (12px on .wrapper) */
div.cols3, div.cols5, div.cols6, div.cols7 {
	float: left;
	margin-left: 42px;
}
div.cols3:first-child, div.cols5:first-child, div.cols6:first-child, div.cols7:first-child { margin-left:0; }
div.cols3 { width: 264px; }
div.cols5 { width: 468px; }
div.cols7 { width: 672px; }

/* homepage promo buttons */
#promos div div a {
	display:block;
	height:120px;
	width:298px;
	margin-bottom:25px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
	box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
	font-size:0;
}

#news-views {
	border:1px solid #d9d9d9;
	padding:10px;
	background-color:#eee;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
	box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
}

	#news-views h3 {
		margin-bottom:10px;
		border:none;
		padding:0 0 0 36px;
		background:url('/images/icons/pointer-teal-bottom-right.png') 3px 5px no-repeat;
		font:normal 32px/32px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
		text-transform:uppercase;
		color:#002c5f;
	}

	#news-views ul {
		margin:0;
		border:1px solid #d9d9d9;
		padding:2px 12px;
	 	background-color:#fff;
	 	-webkit-box-shadow:inset 0 0 4px 0 rgba(88,89,91,0.2);
		box-shadow:inset 0 0 4px 0 rgba(88,89,91,0.2);
		list-style:none;
	}

	#news-views li {
		margin:0;
		border-top:1px solid #edebe9;
		padding:0 3px;
	}

		#news-views li:first-child {
			border:none;
		}

		#news-views li a {
			display:block;
			min-height:36px;
			margin:6px 0 5px 0;
			padding:0 0 0 46px;
			font:normal 11px/16px Arial, Helvetica, sans-serif;
			color:#58595b;
		}

			#news-views li a:hover {
				color:#ec7a08;
			}

			a.blog {
			    background:url('/images/icons/news-blog.png') 0 0 no-repeat;
			}

			a.facebook {
			    background:url('/images/icons/news-facebook.png') 0 0 no-repeat;
			}

			a.twitter {
			    background:url('/images/icons/news-twitter.png') 0 0 no-repeat;
			}

		#news-views li.read-more {
		    border:none;
		    text-align:right;
		}

		    #news-views li.read-more a {
		        min-height:16px;
		        padding:2px 14px 0 0;
		        background:url('/images/icons/arrow-right-teal.png') right center no-repeat;
                font:normal 16px/16px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
		        text-transform:uppercase;
		        color:#00b0ca;
		    }

		         #news-views li.read-more a:hover {
		            color:#ec7a08;
		         }



footer {
	margin-bottom:40px;
	background-color:#fff;
}

	footer li {
		float:right;
		margin-left:22px;
	}

		footer li a {
			display:block;
			font:normal 16px/36px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
			color:#b6b1a9;
			text-transform:uppercase;
		}

			footer li:first-child a {
				color:#838485;
				padding-right:16px;
				background:url(/images/icons/arrow-up-gray.png) right center no-repeat;
			}

			footer li a:hover {
				color:#ec7a08;
			}


	footer #social {
		height:31px;
		margin:16px 0;
		font:normal 12px/31px 'DIN 2014', Arial, Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
		color:#b6b1a9;
		text-align:right;
	}

		footer #social a {
			display:inline-block;
			width:32px;
			height:31px;
			margin:0 4px;
			white-space:nowrap;
			vertical-align:middle;
		}

			footer #social a.facebook {
				background:url(/images/icons/social-facebook.png) 0 0 no-repeat;
				margin-left:10px;
			}

			footer #social a.instagram {
				background:url(/images/icons/social-instagram.png) 0 0 no-repeat;
			}

			footer #social a.linkedin {
				background:url(/images/icons/social-linkedin.png) 0 0 no-repeat;
				margin-right:0;
			}

			footer #social a.twitter {
				background:url(/images/icons/social-twitter.png) 0 0 no-repeat;
			}

			footer #social a.youtube {
				background:url(/images/icons/social-youtube.png) 0 0 no-repeat;
			}


	/*footer #copyright {
		border-top:2px dotted #b6b1a9;
		font:normal 10px/36px 'DIN 2014', Arial, Helvetica, sans-serif;
        font-weight: 300;
        letter-spacing: 0.3px;
		color:#b6b1a9;
		text-align:right;
	}*/


#slideout {
    position:fixed;
    top:35%;
    right:-133px;
    z-index:999;
    width:164px;
    height:103px;
    background:url('/images/buttons/chat-online.png') left top no-repeat;
    border:4px solid #fff;
    border-right:none;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    -webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,0.4);
    box-shadow:0 2px 7px 0 rgba(0,0,0,0.4);
    cursor:pointer;
}

    #slideout:hover {
        border-color:#f1c857;
    }

    #slideout.chatOffline {
        background-image:url('/images/buttons/chat-offline.png');
    }

#slideout-button {
    float:left;
    height:95px;
    width:27px;
    font-size:0;
}

#slideout-content {
    margin-left: 25px;
    height:95px;
    width:137px;
    font-size:0;
}



#sticky-block.sticky {
    position: fixed;
    top: 70px;
    width: inherit;
}

.btn-need-help-online {
	float:right;
	margin:0 12px -12px 0;
	width:125px;
	background: url('/images/buttons/need-help-online.png') 0 0 no-repeat;
}

.btn-need-help-offline {
	float:right;
	margin:0 12px -12px 0;
	width:125px;
	background: url('/images/buttons/need-help-offline.png') 0 0 no-repeat;
}

.btn-online-ordering {
	width:163px;
	margin-bottom:0;
	background: url('/images/buttons/online-ordering.png') 0 0 no-repeat;
}

.btn-online-order-form {
	width:240px;
	height:50px;
	margin-bottom:0;
	background: url('/images/buttons/online-order-form.png') 0 0 no-repeat;
}

    .btn-online-order-form:hover {
		background-position: 0 -50px;
	}

.btn-order-now,
.btn-order-now-inline {
	position:absolute;
	bottom: 0;
    	left: 76px;
	width: 140px;
	margin-bottom: 0;
	background: url('/images/buttons/order-now.png') 0 0 no-repeat;
}

	.btn-order-now-inline {
		position: relative;
		left: 0;
	}

.btn-return-to-product-overview {
    position:absolute;
    bottom:-10px;
    left:36px;
	width:239px;
	background: url('/images/buttons/return-to-product-overview.png') 0 0 no-repeat;
}

.btn-surflink-compatible {
    width:213px;
    height:60px;
    margin:25px 0 0 0;
    background:url('/images/buttons/surflink-compatible.png') left top no-repeat;
    -moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
	box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
}

    .btn-surflink-compatible:hover {
        background-position:0 -60px;
    }

.btn-trulink-compatible {
    width:213px;
    height:70px;
    margin:25px 0 0 0;
    background:url('/images/buttons/trulink-compatible.png') left top no-repeat;
    -moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
	box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
}

    .btn-trulink-compatible:hover {
        background-position:0 -70px;
    }


.feature {
    margin-bottom:25px;
}

.feature-fpo {
    height:180px;
    background-color:#eaeaeb;
    margin-bottom:25px;
}

.maintenance {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    /*padding: 6px;*/
    background: url(/images/maintenance-bkgd.png) left center repeat-x;
    text-align: center;
}

    .maintenance span {
        display: inline-block;
        margin: 0;
        padding:6px 18px;
        background-color: #000;
        color: #fefeff;
        font:bold 14px/18px Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

    .maintenance strong {
        color: #fcb100;
    }


.outline {
	margin:30px 0;
	padding:20px;
	background-color:#eee;
	border:5px solid #abacad;
	-webkit-border-radius:6px;
	border-radius:6px;
}

    .outline h5:first-child {
        margin-top: 0;
    }

.outline-green {
	background-color:#f8f8e5;
	border-color:#dadf7f;
}

.outline-red {
    background-color:#fbe9e8;
    border-color:#ea958e;
}

    .outline-red h2 {
        /*color:#97233f;*/
    }


h1 {
	margin-bottom:12px;
	font:normal 32px/38px 'DIN 2014', Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
	color:#d52b1e;
}

	.lowercase {
		text-transform: lowercase !important;
	}

h2 {
	margin-bottom:8px;
	font:normal 32px/38px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
}

    /*h2.underline {*/
.wrapper .underline {
        margin:0 -2px 12px -2px;
	    padding:0 2px 4px 2px;
	    border-bottom:2px solid #c1c1c1;
    }

h3 {
	margin:25px 0 12px 0;
	padding:0 0 4px 0;
	border-bottom:2px solid #c1c1c1;
	/*font:normal 24px/28px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;*/
}

    h3 em,
    h3 span.lowercase {
       font-style: normal;
       text-transform: lowercase;
    }

    h3 .alert {
        margin-right: 2px;
        padding: 0 4px;
        background-color: #d52b1e;
        font-size: 60%;
        color: #fff;
        letter-spacing: 1px;
        vertical-align: text-top;
    }

    h3 span.lowercase {
        margin-right: inherit;
        padding: 0;
        background-color: transparent;
        color: inherit;
        font-size: 100%;
        letter-spacing: normal;
        vertical-align: inherit;
    }

    .ie h3 span {
        vertical-align: top;
    }

    h3.tipdown-headline {
	    margin:30px 0 12px 0;
	    border:none;
	    padding:0;
    }

	h3:first-child,
	h3.tipdown-headline:first-child {
		margin-top:0;
	}

h5 {
	margin:16px -2px 6px -2px;
	padding:0 2px 2px 2px;
	border-bottom:1px solid #c1c1c1;
	font:normal 14px/18px 'DIN 2014', Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
	text-transform:uppercase;
}

h6 {
	margin:10px -3px 6px -3px;
	padding:0 3px 2px 3px;
	border-bottom:1px solid #c1c1c1;
	font:normal 13px/16px 'DIN 2014', Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
}

    h6:first-child {
        margin-top:0;
    }


.wrapper p {
	font:normal 13px/22px Arial, Helvetica, sans-serif;
}

	p.small {
		margin-bottom:0;
		font:normal 11px/15px Arial, Helvetica, sans-serif;
	}

        p.small strong {
            font:bold 11px/15px Arial, Helvetica, sans-serif;
        }


	.copyright {
	    margin: 20px 0 -20px 0;
	}

	.copyright p {
	    font:normal 10px/14px Arial, Helvetica, sans-serif;
	    color:#aeaeaf;
	}

ul.disc {
	list-style:disc;
	margin:16px 0 25px 40px;
}

	ul.disc li {
		font: normal 13px/20px Arial, Helvetica, sans-serif;
		font: normal 13px/20px Arial, Helvetica, sans-serif;
	}

	.wrapper li { margin-bottom:20px; }

.col4 .input-block label {
	text-align: left;
}

.col4 .input-block input[type="text"],
.col4 .input-block input[type="password"] {
	width: 188px;
}

.col4 .input-block .btn {
	margin-left: 0;
}


.trigger {
	cursor:pointer;
}

table.data {
	margin-bottom:25px;
	border-collapse:collapse;
	font-size:12px;
}

	table caption {
		border-bottom:8px solid #002c5f;
		padding-bottom:4px;
		font:normal 32px/32px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
		color:#002c5f;
		text-transform:uppercase;
		text-align:left;
	}

		table caption em {
			font-style:normal;
			font-size:20px;
			margin-left:5px;
			color:#999;
			line-height:1.0;
			cursor:pointer;
		}

	.data th {
		border-top:1px solid #fff;
		padding:10px;
		background-color:#ccd5df;
		font:normal 16px/16px 'DIN 2014', Arial, Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
		color:#002c5f;
		text-align:left;
	}

	.data .header {
		cursor:pointer;
	}

	.data .headerSortDown {
		background-color:#aab5bf;
	}

	.data .headerSortUp {
		background-color:#aab5bf;
	}

	.data tr:hover {
		background-color:#ffffe5;
	}
	.data tr:nth-child(even) { background: #eee }
	.data tr:nth-child(even):hover { background: #f7f7dd }

	.data td {
		padding:12px 10px;
		font:normal 14px/14px Arial, Helvetica, sans-serif;
		color:#58595b;
		white-space: nowrap;
		overflow: hidden;
	}


		.data td.doc-name {
			/*font-weight:bold;*/
		}

		.data td.doc-links {
			width:23%;
			color:#bdbdbc;
		}

			.data td.doc-links a {

			}

			.data td.doc-links span {
				padding:0 8px;
			}

	.data .link {
		padding-left:20px;
		background:url(/images/icons/tracking-arrow.png) left top no-repeat;
		color:#00b0ca;
	}

		.data .link:hover,
		.locations .data tr:hover .link {
		    background-position:left bottom;
			color:#ec7a08;
			text-decoration:none;
		}


    .thumbs tr {
        background-color:#fff !important;
    }

    .thumbs td {
	    width:50%;
	    white-space: normal;
		overflow: visible;
    }

    .thumbs td img {
        float:right;
        padding:0 14px 16px 20px;
    }

.locations .data {
	margin-top:50px;
}

	.locations .data:first-child {
		margin-top:10px;
	}

	.locations .data .link {
		background:none;
		padding-left:10px;
	}

.wrapper table { width:100%; }

table.business-tools {

}

    table.business-tools td,
    table.business-tools th {
        vertical-align:top;
    }

    .business-tools td h5:first-child {
        margin-top:6px;
    }

    .business-tools th {
        width: 144px;
    }

        .business-tools th img {
            float: none;
        }


    table.marketing td {
        padding:18px 20px 18px 15px;
    }

    table.marketing th {
        width:134px;
    }

		table.marketing .video-link {
		    width:223px;
		    padding: 8px 16px 0 0;
		    vertical-align: top;
		}

    table.marketing h4 {
        margin:0;
        border:none;
        padding:6px 0 10px 0;
    }

    table.marketing h5 {
        border-bottom:1px solid #cdcdcd;
        letter-spacing:1px;
        margin:0 -5px;
        padding:0 5px 2px 5px;
    }

    table.marketing p {
        color: #787878;
    }

        table.marketing p a {
            padding-right:5px;
        }


table.mobile-apps {
	/* padding: 10px 10px 0; */
}

.mobile-apps tr {
	border-top: 1px solid #dededd;
}

	.mobile-apps tr:first-child {
		border: none;
	}

.mobile-apps td,
.mobile-apps th {
	vertical-align:top;
}

	.mobile-apps th {
	   width: 140px;
	   padding: 36px 0 0 16px;
	}

	.mobile-apps tr:first-child th {
		padding-top: 24px;
	}

		.mobile-apps th img {
		   float: none;
		}

	.mobile-apps td {
		padding: 44px 20px 0 40px;
	}

	.mobile-apps tr:first-child td {
		padding-top:  32px;
	}

	.mobile-apps a img {
		float: none;
    width: 100%;
		margin: 0;
	}

	.mobile-apps .app-store {
		display: inline-block;
		margin: 0 0 10px -4px;
		width: 120px;
	}

.mobile-apps .google-play {
		display: inline-block;
		margin: 1px 0 10px 16px;
		width: 118px;
	}

.spec-image {
	position: relative;
}

	.spec-image p {
		position: absolute;
		width: 100%;
		text-align: center;
	}

		.spec-image p a,
		p.overview a {
			padding-left: 14px;
			background: url('/images/icons/arrow-left-teal.png') center left no-repeat;
			text-transform: uppercase;
		}

	.spec-image img {
		/* padding-top: 12px; */
	}

.specs {
	/*margin-bottom:25px;*/
}

    .specs caption {
		border-bottom:8px solid #002c5f;
		padding-bottom:2px;
		text-align:left;
	}

	.specs caption span {
	    text-transform: lowercase;
	}

    .specs tr {

    }

        .specs tr.alt {
            background-color:#eee;
        }

    .specs th {
        width:137px;
        padding:10px 16px 10px 10px;
        font:bold 12px/18px Arial, san-serif;
        text-align:left;
        vertical-align:top;
    }

    .specs td {
        width:221px;
        padding:10px 8px;
        font:normal 12px/18px Arial, san-serif;
    }

    .specs img {
        margin-left:4px;
    }

        .specs img:first-child {
            margin-left:0;
        }


.fitting {
    display:block;
    margin-bottom:8px;
    text-align:center;
}
    .fitting img {
        margin-top:0 !important;
    }

    .fitting span {
        padding-right:8px;
        font:bold 12px/18px Arial, Helvetica san-serif;
        text-transform:uppercase;
    }


#dashboard-buttons {
    margin-left:-42px;
}

    #dashboard-buttons a,
    a.button {
        display:block;
        position:relative;
        float:left;
        width:213px;
        height:80px;
        margin:0 0 30px 42px;
        text-indent:-9999px;
        background-position:left top;
        background-repeat:no-repeat;
        -moz-border-radius:4px;
	    border-radius:4px;
	    -webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
	    box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
    }

    a.button {
        float:none;
        margin-left:0;
    }

    a.button-big {
        width:298px;
        height:120px;
    }

    a.button-hover:hover {
        background-position:left bottom;
    }


.ribbon {
    position:absolute;
    top:-3px;
    left:-3px;
    height:60px;
    width:60px;
    background:url('/images/icons/ribbon-new.png') 0 0 no-repeat;
    text-indent:-9999px;
}


#chat-button {
    display:block;
    width:213px;
    height:80px;
    margin-bottom:25px;
    font-size:0;
    background:url('/images/buttons/dashboard/chat-online.png') left top no-repeat;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
    box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
}

    a#chat-button.offline {
        background:url('/images/buttons/dashboard/chat-offline.png') left top no-repeat;
    }


a.arrow {
    padding-right:14px;
    background:url('/images/icons/arrow-right-teal.png') right center no-repeat;
}


a.document {
	display:block;
	/*min-height:40px;
	margin:16px 5px;
	padding:3px 0 0 46px;
	background:url('/images/icons/document-pdf.png') left top no-repeat;
	margin:12px 5px;*/
	min-height:38px;
	padding:2px 0 0 42px;
	background:url('/images/icons/document.png') left top no-repeat;
	font:bold 13px/17px Arial, Helvetica, sans-serif;
	color:#58595b;
}

	a.document.zip {
		background:url('/images/icons/document-zip.png') left top no-repeat;
	}

	a.document:hover {
		color:#58595b;
		background-position:left -60px;
	}

    a.document span {
        display:block;
        font:bold 12px/16px Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        color:#00b0ca;
    }

        a.document:hover span {
            color:#ec7a08;
        }

        .ie a.document span {
            padding-top:2px;
        }


a.video {
    display:block;
    margin:18px 0;
    /*padding:0 6px;*/
}

    div a.video:first-child {
        margin-top:0;
    }

    a.video img {
        display:block;
        margin:8px 0;
         -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.4);
        box-shadow:0 1px 5px 0 rgba(0,0,0,0.4);
    }

    a.video span {
        display:block;
        padding:0 6px;
        font:normal 15px/18px 'DIN 2014', Arial, Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
        color:#58595b;
    }

    a.video:hover span {
        color:#ec7a08;
    }

/* dl, dt, & dd are being repuporsed as a document list */

dl {
    margin:25px 0;
}

    dl:first-child {
		margin-top:0;
	}

dt {
	margin:25px 0 0 0;
	padding:0 0 4px 0;
	border-bottom:2px solid #c1c1c1;
	font:normal 24px/28px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
	text-transform:uppercase;
}

	dt:first-child {
		margin-top:0;
	}

    .tipdown dt {
        font:normal 20px/24px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    dt span.lowercase {
        text-transform: lowercase;
    }

dd {
    padding:8px 9px;
}

    dd.alt {
        background-color:#eee;
    }

    dd em {
        padding-left:16px;
        font-style:normal;
    }

    dd a {
	    display:block;
	    min-height:38px;
	    padding:2px 0 0 42px;
	    background:url('/images/icons/document.png') left top no-repeat;
	    font:bold 13px/17px Arial, Helvetica, sans-serif;
	    color:#58595b;
    }

        dd a.locked {
            background:url('/images/icons/document-locked.png') left top no-repeat;
        }

        dd a.vid,
        dd a.fancybox_640x360,
        dd a.fancybox_854x480 {
            background:url('/images/icons/video.png') left top no-repeat;
        }

	    dd a:hover {
		    color:#58595b;
		    background-position:left -60px;
	    }

	    dd a div {
            display: inline;
        }

        dd a span {
            white-space: nowrap;
            font:bold 12px/16px Arial, Helvetica, sans-serif;
            text-transform:uppercase;
            color:#00b0ca;
        }

            dd a:hover span {
                color:#ec7a08;
            }



.tipdown-headline + .tipdown-list {
    margin-top:0;
}

.tipdown-list {
    margin:30px 0;
    border:1px solid #dededd;
    -moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 0 4px 0 rgba(88,89,91,0.2);
	box-shadow:inset 0 0 4px 0 rgba(88,89,91,0.2);
	cursor:pointer;
}

    .tipdown-list > h3 {
        margin:0;
        border-top:1px solid #e5e5e4;
        border-bottom:none;
        padding:8px 16px;
        background:url('/images/icons/toggle-down.png') right center no-repeat;
        text-transform:uppercase;
    }

        .tipdown-list > h3:first-child {
            border:none;
        }

        .tipdown-list > h3:hover {
            background-color:#f0efee;
        }

        .tipdown-list > h3.expanded {
            color:#1a3c69;
            background:#e5e9ef url('/images/icons/toggle-up.png') right center no-repeat;
        }

        .tipdown-list > h3 em {
            padding-left:10px;
            /*font:normal 16px/28px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
            color:#b6b1a9;*/
        }

    .tipdown-list > div {
        /*display:none;*/
        border-top:1px solid #dededd;
        padding:14px 24px 0 24px;
    }

    .tipdown-list p.small {
        margin-bottom:20px;
    }

    div.tipdown {
        position:relative;
    }

    .tipdown img {
        float:left;
        padding:0 20px 16px 0;
    }

    .tipdown .video img {
	    float: none;
	    padding: 0;
    }



.pediatric-bug {
    position:absolute;
    right:0px;
    bottom:0px;
}



.styles-list {
    margin-bottom:30px;
    padding:14px 20px 0 20px;
}

    .styles-list h3 {
        margin:0 0 12px 0;
        padding:0;
        border:none;
    }

    .styles-list a {
        position:relative;
        display:block;
        float:left;
        height:86px;
        width:200px;
        margin-bottom:20px;
        background:#fff 0 0 no-repeat;
        -moz-border-radius:4px;
	    border-radius:4px;
	    -webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,0.2);
	    box-shadow:0 1px 6px 0 rgba(0,0,0,0.2);
    }

        .styles-list a.gutter {
            margin-right:28px;
        }

        .styles-list a span {
            position:absolute;
            top:16px;
            right:14px;
            font:normal 30px/30px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
            color:#58595b;
            text-transform:uppercase;
            text-align:right;
        }

            .styles-list a.longname span {
                top:12px;
                font:normal 25px/22px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
            }

            .styles-list a span.spec-link {
                top:auto;
                bottom:16px;
                padding-right:14px;
                background:url('/images/icons/arrow-right-light-gray.png') right center no-repeat;
                font:normal 15px/15px 'DIN 2014', Arial, san-serif;
        font-weight: 700;
        letter-spacing: 0.3px;
                color:#b6b1a9;
            }

                .styles-list a.longname span.spec-link {
                    bottom:10px;
                }

                .styles-list a[target] span.spec-link {
                    padding-right:22px;
                    background:url('/images/icons/download.png') right top no-repeat;
                }

                    .styles-list a[target]:hover span.spec-link {
                        background-position:right -30px;
                    }



       .styles-list a:hover {
           background-color:#fdf1e6;
       }

            .styles-list a:hover span.spec-link {
                color:#ec7a08;
            }


.app-list { }

    .app-list li {
        position:relative;
        margin:12px 0;
        padding:2px 0 2px 50px;
    }

        .app-list li:first-child {
            margin-top:0;
        }

    .app-list img {
        position:absolute;
        top:0;
        left:2px;
    }

    .app-list p {
        margin-bottom:0;
        font:normal 13px/17px Arial, Helvetica, san-serif;
        color:#b6b1a9;
    }

    .app-list strong {
        font:bold 13px/17px Arial, Helvetica, san-serif;
        color:#58595b;
    }


.searchResult {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

.searchUrl {
	margin:5px 0 20px 0;
	color:#093;
}


.wrapper .highlight {
    margin-bottom:30px;
    padding:10px 14px 10px 14px;
    background-color:#edebe9;
    -moz-border-radius:4px;
	border-radius:4px;
}

    .highlight-red {
        background-color:#f9dfdd;
        text-align:center;
    }

    .highlight img:first-child {
        margin-top:16px;
    }

    .highlight h3 {
        margin:0 0 10px 0;
        border:none;
        padding:0;
    }

    .highlight .last {
        margin-bottom:0;
    }


.innovations {
    margin:5px 0;
}

.innovations > a {
    display:block;
    float:left;
    margin:0 0 12px -6px;
    width:164px;
    font:bold 14px/20px Arial, Helvetica, san-serif;
    text-align:center;
}

.innovations img {
    padding:0;
}

.innovations div {
    float:left;
    width:480px;
    margin:5px 0 0 24px;
}

.innovations h3 {
    /*margin-bottom:6px;
    padding-bottom:2px;*/
}



img.left {
    float:left;
    padding:0 12px 4px 0;
}


.infoButton {
	position:relative;
	display:inline-block;
	margin-left:3px;
	margin-top:-3px;
	vertical-align:middle;
	cursor:pointer;
}

.infoTooltip {
	display:none;
	position:absolute;
	width:290px;
	margin:2px 0 0 226px;
	border:1px solid #58595b;
	padding:14px 16px;
	background-color:#fff;
	-webkit-box-shadow:0 0 30px 5px #999;
	box-shadow:0 0 30px 5px #999;
}

.spinner {
	height:18px;
}

	.spinner p {
		display:inline;
		padding:2px 22px;
		background-image:url(/images/icons/loading.gif);
		background-position:left top;
		background-repeat:no-repeat;
	}


.placeholder { color:#aaaaaa; }
.requiredSection { border:2px solid #aa3333; background-color:#ffcccc; margin-top:20px; padding:15px; border-radius:7px; }
.requiredHeader { color:#aa3333; font-size:18px; font-weight:bold; text-align:center; padding-bottom:10px; }
.requiredItem { color:#aa3333; font-size:14px; font-weight:bold; text-align:center; }

.station { display:inline-block; border:2px solid #777777; background-color:#cccccc;
		   padding:15px; border-radius:7px; color:#666666; font-family:Helvetica,sans-serif;
		   font-size:14px; font-weight:bold; text-align:center; }
.stationDone { color:#119911; background-color:#ccffcc; border:2px solid #33aa33; }


.squish .row {
	margin: 15px 0;
}

.spacer {
	margin-top:50px;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.visually-hidden {
    border:0;
    clip:rect(0,0,0,0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}

.print-button {
	float:right;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	background-image:url(/images/icons/print.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:2px 0 2px 25px
}

.problemArea {
	position:absolute;
	cursor:pointer;
	background:#4f7d87;
	color:White;
	line-height:16px;
	border:2px solid White;
	border-radius:10px;
	height:20px;
	width:20px;
	font-size:11px;
	text-align:center;
}

.problemAreaSelected {
	background:Yellow;
	border-color:#345257;
	font-weight:bold;
	color:#345257;
}

.problemAreaLabel {
	color:#003d78;
	cursor:pointer;
	font-size:11px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:1.3;
}

.problemLabelSelected {
	background-color:Yellow;
	font-weight:bold;
}


a.social {
    display: block;
    height: 36px;
    margin: 14px 4px;
    padding-left: 48px;
    font:bold 18px/36px Arial, Helvetica, sans-serif;
}

a.social-linkedin {
    background: url(/images/buttons/social-linkedin.png) no-repeat top left;
}

a.social-twitter {
    background: url(/images/buttons/social-twitter.png) no-repeat top left;
}

blockquote {
    font-family: Georgia, serif;
    font-size: 15px;
    font-style: italic;
    margin: 0.25em 0 1.5em 0;
    padding: 0.25em 0 0.25em 26px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    content: "\201c";
    font-size: 80px;
    position: absolute;
    left: -18px;
    top: -20px;
    color: #cdcdce;
}

blockquote cite {
    display: block;
    margin-top: 7px;
    padding-right: 26px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #787878;
    text-align: right;
}

blockquote cite:before {
    content: "\2014 \2009";
}


.ahb .tipdown-headline {
    color: #001c48;
}

.ahb .outline {
    background-color: #f3e6e5;
    /* border-color: #a33d36; */
    border-color: #b35f5a;
    text-align: center;
}

.ahb .outline h2 {
    line-height: 1;
    color: #001c48;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
}

.ahb .outline p span {
    font-size: 28px;
    font-weight: bold;
    color: #8c0c04;
    line-height: 1.5;
}

.ahb .outline ol {
    margin-left: -15px;
    text-align: left;
}


/* styles for the server maintenance message on login.html
-------------------------------------------------------------------------------*/
.unavailable {
	padding: 40px 0 0 0;
}

.unavailable img {
	float: right;
}

.unavailable h1 {
	margin: 18px 0 4px 0;
	font-size: 60px;
}


/* My Starkey Contacts styles ------------------------------------------- */

.contact-block {
    /* added the following to keep long email address from breaking out of the highligh box */
    -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
                hyphens: auto;
}

.contact-block h4 {
    margin: 13px 0 5px 15px;
    font-size: 18px;
    line-height: 1.25;
    text-transform: uppercase;
}

.contact-block table th {
    width: 50px;
    padding-right: 8px;
    vertical-align: top;
    text-align: right;
}

.contact-block table p {
    margin-bottom: 0;
    font-size: 12px;
}

.contact-block table p strong,
.contact-block table p a {
    font-size: 14px;
}

.contact-block p strong {
    /* added to keep phone number from wrapping */
    white-space: nowrap;
}


/* Hybrid Prosite/Bootstrap element styles ------------------------------------------- */

a.video img.img-responsive {
	margin-bottom: 12px;
	border: 6px solid #fff;
}


/* starkeypro repo overrides ------------------------------------------- */

.btn {
    font-size: 16px;
    font-weight: 500;
}

h2.section {
    font-size: 16px;
}

#nav ul li ul a {
    font-size: 14px;
}

#nav ul li a {
    font-size: 17px;
    font-weight: 500;
}

footer a {
    font-size: 12px;
    font-weight: 500;
}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
	header { display:none; }
	#slideout { display:none; }
	#navCrumb { padding-top:0 !important; }
	#search_field { display:none; }
	#chat-button { display:none; }
	.print-button { display:none; }
	nav { display:none; }
	footer { display:none; }
	input { border-style:none !important; }
	* { color:black !important; background-color:white !important; }
}