.content { position: relative; }
.content sup { position: relative; font-size: 10px; height: 0; bottom: .9ex; line-height: 1em; vertical-align: baseline; }

/* Viewer / Download */
.content dl { margin: 16px 0 0 0; min-height: 355px; }
.content dt { width: 233px; border: 1px solid #bfbfbf;  
			  filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#fbfbfb', endColorstr='#dfdfdf');
			  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dfdfdf));
			  background: -moz-linear-gradient(top, #fbfbfb, #dfdfdf); }
.content dt a { display: block; width: 200px; padding: 3px 23px 0 10px; font-size: 14px; color: #444; background: url('/src/img/lit-bg.png') 220px -18px no-repeat; }
.content dt a:hover { color: #777; text-decoration: none; }
.content dt.selected {background: #7e7574; filter: none;}
.content dt.selected a {color: #fff; background-position: 220px 5px;}

.content dd { display: none; position: absolute; top: 70px; left: 280px;}
.content dd h3 { margin: 0 0 11px; font-size: 24px; font-weight: normal; color: #cf2a2a;}
.content dd a:first-child img {float: left; margin: 10px 0 12px; border: 1px solid #b8b8b8;}
.content dd p { min-height: 160px; margin: 0 0 15px; color: #444; line-height: 1.5em;}
.content dd ol { width: 217px; margin: 0 0 15px 0; padding: 9px 0 6px 8px; font-size: 10px; list-style-type: none; border: 1px solid #6b6b6b; overflow: hidden; } /* overflow: hidden required to prevent clearing below the image */
.content dd ol li { clear: both; line-height: 14px; height: 18px; }
.content dd ol li input { display: block; float: left; margin: 0 4px 0 0; }
.content dd ol a { display: block; float: left; margin: -1px 0 0 3px; color: #444; outline: none !important; }

.content dd .disclaimer, .content dd .disclaimer1 {margin-top: 37px; font-size: 11px; color: #888; clear: left;}
.content dd .disclaimer1 { display: none;}
.content dd .disclaimer2 {margin-top: 37px; font-size: 11px; color: #888; clear: left;}
.content dt#sdg-item + dd a.download + a img { margin-top: 50px; }
.content dd a:hover img { filter: alpha(opacity = 80); opacity: 0.8; }
.content dt.selected + dd { display: block; }

.content dd .info {margin-top: 60px; float: right; width: 100%;}

#sdgWrap {float: left;}

#sdg-tabs { position: relative; top: 1px; padding: 0; list-style-type: none; z-index: 1; }
#sdg-tabs li { float: left; margin-right: 7px !important; padding: 7px 10px 5px 10px; font-weight: bold; border: 1px solid #6b6b6b;  background: #e0e0e0; cursor: pointer; }
#sdg-tabs li.selected { padding-bottom: 6px; color: #cf2a2a; border-bottom: 0; background: #fff; }
p#sdg-full-guide { display: none; width: 100%; min-height: 0; margin: 0; padding: 10px 10px 0 10px; color: #484848; border: 1px solid #6b6b6b; line-height: 1.5em; overflow: hidden; }
p#sdg-full-guide span { display: block; margin-bottom: 4px; font-size: 9px; color: #888; }
/* #sdg-chapters { display: none; } */

#paginator { position: absolute; left: 345px; top: 400px; width: 90px; height: 25px; background: url('/src/img/lit-bg.png') -131px -67px no-repeat; }
#paginator a  { display: block; float: left; width: 18px; height: 18px; margin: 4px 0 0 4px; background: url('/src/img/lit-bg.png') -255px -70px; cursor: pointer; filter: alpha(opacity = 80); opacity: 0.8; }
#paginator a:hover { filter: alpha(opacity = 100); opacity: 1.0; }
#paginator #page-prev { display: none; }
#paginator #page-next { float: right; margin: 4px 4px 0 0; background-position: -305px -70px; }
#paginator span { position: absolute; left: 25px; color: #555; }

.downloadDisclaimer {float: left; clear: left; width: 230px;}
.downloadDisclaimer .download {display: block;}
.content dd .downloadDisclaimer .download img {border: none;}
.downloadDisclaimer span {display: block;}

.contnet dd .info {}

.portlet-cart-wrapper {background: #eee; margin: 0 0 50px; padding: 20px;border-radius: 9px;}
#cart-portlet dt {text-decoration: underline; font-size: 17px; font-weight: 700;}
#cart-portlet dd {margin: 10px;}
#cart-portlet dd img {margin: 0 5px 0 0;}
#cart-totals {margin: 0 0 20px;}
#cart-totals dt {float: left; margin-right: 10px; font-size: 17px; font-weight: 700;}
#cart-totals dd {font-size: 17px;}


/* Mail Order */
/*
.content h2 { margin: 5px -16px 0 -16px; padding: 3px 10px 20px 0; font-size: 14px; color: #fff; text-align: center; background: url('/src/img/lit-bg.png') center -116px repeat-x; }

.content form ul { float: left; margin: 0 0 0 80px; padding: 0; font-size: 14px; list-style-type: none; }
.content form li { line-height: 20px; }
.content form input { margin: 0 5px 0 0; }

.content .form-controls { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dadada; text-align: center; }
*/

@media screen and (max-width: 1024px) { 
	.content dd {width: 320px;}
	.content dd .info {clear: left; float: none; padding-top: 60px;}
}

@media screen and (max-width: 950px) {
	.content dd {width: 280px;}
	.content dd .info {clear: left; float: none; padding-top: 60px;}
}

@media screen and (max-width: 850px) {
	.content dd {width: 220px;}
	.content dd .info {clear: left; float: none; padding-top: 60px;}
}

@media screen and (max-width: 780px) {
	.content dd {width: 220px; left: 220px;}
	.content dd .info {clear: left; float: none; padding-top: 60px;}
}

@media screen and (max-width: 750px) {
	.content dd {width: 450px; left: 250px; float: left;}
	.content dd .info {clear: none; float: right; width: 200px; padding-top: 0;}
}

@media screen and (max-width: 660px) {
	#LitSelect {margin-bottom: 450px;}
	.content dd .info {clear: left; float: none; width: 200px; padding-top: 60px;}
}

@media screen and (max-width: 500px) {
	.content dd {top: 0;}
}