/* April 23, 2013
 * Added Red Tag Dynamic Banner Code
*/
/* August 20, 2012
 * CSS changes for Product Launch 2013
	.product.n360 .desc h1 {font-size: 26px; margin-top: 15px;}
	.product.n360 .desc p {padding-top: 8px;}
	.product .featureList {} */ /* removed min-height */ /*
	.product.n360 .desc img {position: absolute; z-index: 100; left: 15px; top: 30px; }
*/

/* CSS Reset per Eric Meyer */
@import url('/norton/ps/styles/promo.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
  
/* Page Definitions */
body {margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #ecebea url('/norton/ps/images/bg.gif') top repeat-x;}
.container {width: 952px; text-align: left; margin: 0 auto;}
a {text-decoration: none;}
img {behavior: url(/norton/ps/styles/iepngfix.htc);}

#black_billboard {float: left; width: 948px; height: 73px; background: url('/norton/ps/images/bg-top-mast.gif') top center no-repeat; margin-left: 3px;}
#black_billboard p {float: left; width: 880px; padding-top: 10px; padding-left: 48px; font-size: 16px; line-height: 24px;}
#black_billboard.black {background: url('/norton/ps/images/bg-top-mast-black-ctr.gif') top center no-repeat;}
#black_billboard.black p {font-size: 20px; line-height: 28px; color:#ffcf00; margin-top:10px; font-weight:bold;}

#billboard {float: left; width: 948px; height: 73px; background: url('/norton/ps/images/bg-top-mast.gif') top center no-repeat; margin-left: 3px;}
#billboard p {float: left; width: 880px; padding-top: 10px; padding-left: 48px; font-size: 16px; line-height: 24px;}
#billboard.orange {background: url('/norton/ps/images/bg-top-mast-orange.gif') top center no-repeat;}
#billboard.orange p {font-size: 20px; line-height: 28px;}
#billboard.orange p strong {font-weight: bold; text-transform: uppercase; color: #900;}
#header {float: left; width: 100%; padding-bottom: 10px; background: #fff;}
#header .logo {float: left; margin-top: 16px;}
#header ul {float: left; background: #333; width: 829px; margin: 20px 0 0 20px;}
#header ul li {float: left; line-height: 26px; margin-right: 30px;}
#header ul li.first {margin-left: 15px;}
#header ul li.region {float: right; font-size: 11px; color: #999; margin-right: 10px;}
#header ul li a {font-weight: bold; color: #fff;}
#footer {clear: left; width: 100%; margin-top: 20px; padding-top: 20px;}
#footer a {color: #bbb;}
#footer p {float: left; width: 98%; clear: left; color: #bbb; line-height: 16px; margin-bottom: 12px; margin-left: 10px;}
#canvas {float: left; width: 100%; background: #fff;}

.product {float: left; width: 305px; margin-left: 9px;}
.product .desc {float: left; position: relative; width: 100%; height: 155px; background: url('/norton/ps/images/bg-mast.gif') bottom repeat-x; overflow: visible; z-index: 50;}
.product .desc .sale {float: left; white-space: nowrap; position: absolute; top: 0px; left: 125px; background: #990000; font-weight: bold; color: #fff; padding: 3px; text-transform: uppercase; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.product .desc img {position: absolute; z-index: 100; left: 15px; top: 30px; }
.product .desc h1 {font-weight: bold; margin-left: 123px; padding-top: 25px;}
.product .desc p {color: #666; font-size: 13px; line-height: 16px; padding: 8px 0; margin: 0; margin-left: 123px;}
.product .pricing p.specs {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; padding: 30px 0 0 20px;}
.product .pricing {float: left; position: relative; width: 100%; background: #fdf8e5;}
.product .pricing ul {float: left; width: 100%; padding: 15px 0 5px 0;}
.product .pricing ul li {float: left; position: relative; width: 100%; font-size: 17px; padding-bottom: 15px; color: #006600;}
.product .pricing ul li .price {float: left; line-height: 36px; margin-left: 10px;}
.product .pricing ul li .price.old {position: absolute; top: -20px; left: 195px; white-space: nowrap; text-decoration: line-through; color: #666; font-size: 12px;}
.product .pricing ul li .price.new {color: #990000; font-weight: bold;}
.product .pricing ul li .term {float: left; clear: left; width: 200px; margin-left: 20px; font-size: 12px; color: #666;}
.product .pricing .btn {float: left; line-height: 36px; background: url('/norton/ps/images/btn-left.png') left no-repeat; color: #000; font-weight: bold; font-size: 17px; padding-left: 10px; margin-left: 20px;}
.product .pricing .btn span {float: left; cursor: pointer; cursor: hand; width: 145px; line-height: 36px; background: url('/norton/ps/images/btn-right.png') right no-repeat; padding-right: 20px; text-shadow: #fff 0px 0px 10px;}
.product .pricing .btn:hover {color: #630;}
.product .support {display: inline-block; height: 32px; width: 100%; height: 34px; overflow: hidden; background: #fff url('/norton/ps/images/bg-support.gif') top repeat-x;}
.product .support p {float: left; display: inline; padding-left: 32px; line-height: 34px; font-size: 13px; background: url('/norton/ps/images/icn-support.png') 10px 9px no-repeat; margin-left: 5px;}
.product .support p strong {font-size: 15px; font-weight: bold;}
.product .support p strong span {color: #cc0000;}
.product .featureList {float: left; width: 85%; padding-left: 28px; padding-bottom: 25px;}
.product .featureList h3 {float: left; width: 100%; line-height: 30px; font-size: 15px; color: #666; font-weight: bold; padding-top: 15px;}
.product .featureList ul {float: left; width: 100%;}
.product .featureList ul li {float: left; width: 98%; position: relative; padding-left: 17px; background: url('/norton/ps/images/bullet-square-grey.gif') 6px 8px no-repeat; line-height: 16px;}
.product .featureList ul li .new {position: absolute; text-align: right; font-weight: bold; text-transform: uppercase; left: -22px; color: #900; font-size: 11px;}
.product .featureList ul li .improved {position: absolute; text-align: right; font-weight: bold; text-transform: uppercase; left: -55px; color: #C60; font-size: 11px;}
.product .featureList ul li .exclusive {position: absolute; text-align: right; font-weight: bold; text-transform: uppercase; left: -59px; color:#339933; font-size: 11px;}
	
.product.av .desc h1 {font-size: 22px; }
.product.av .desc h1 span.sub {font-size: 14px; font-weight: normal;}
.product.av .desc h1 span.sub  strong{ font-size: 16px; font-weight: bold;}
.product.nis .desc h1 {font-size: 22px; }
.product.nis .desc h1 span {font-size: 16px; color: #666;}
.product.n360 .desc h1 {font-size: 26px; margin-top: 15px;}
.product.n360 .desc p {padding-top: 8px;}
.product.n360 .desc h1 span {font-size: 12px; color: #cc0000; line-height: 28px;}
.product.n360 .desc h1 span.sub {font-size: 16px; color: #000000; line-height: 28px;}
.product.n360 .desc img {position: absolute; z-index: 100; left: 15px; top: 30px;}
.product.n360p .desc h1 {font-size: 22px; margin-top: 15px;}
.product.n360p .desc p {padding-top: 0;}
.product.n360p .desc h1 span {font-size: 12px; color: #cc0000; line-height: 28px;}
.product.n360p .desc img {top: 0px;}


.prodCompare {display: table; clear: left; width: 98%; border-collapse: collapse; margin: 10px;}
.prodCompare th {padding: 4px; background: #eee; font-size: 15px; font-weight: bold; border: 1px solid #ccc; vertical-align: middle;}
.prodCompare td {padding: 4px; background: #fff; border: 1px solid #ccc;}
.prodCompare .featureRow {}
.prodCompare .featureRow .title {background: #fff5d1; color: #666; font-weight: bold;}
.prodCompare .featureRow .titleBlank {background: #fff5d1; }
.prodCompare .feature {}
.prodCompare .feature .title {font-size: 11px; color: #666;}
.prodCompare .feature .checkmark {text-align: center;}
.prodCompare .titleRow {}
.prodCompare .titleRow .legal {color: #999; border-left: 0; border-bottom: 0; font-size: 11px; vertical-align: middle;}
.prodCompare .titleRow .prodName {background: #eee; font-weight: bold; padding-top: 10px; padding-bottom: 10px;}
.prodCompare .buttonRow {}
.prodCompare .buttonRow .legal {color: #999; border-left: 0; border-bottom: 0; border-top: 0;}
.prodCompare .buttonRow .btn {float: left; clear: left; line-height: 24px; background: url('/norton/ps/images/btn-left-sml.gif') left no-repeat; color: #000; font-weight: bold; font-size: 14px; padding-left: 10px;}
.prodCompare .buttonRow .btn.first {margin-bottom: 15px;}
.prodCompare .buttonRow .btn span {float: left; cursor: pointer; cursor: hand; width: 125px; line-height: 24px; background: url('/norton/ps/images/btn-right-sml.gif') right no-repeat; padding-right: 10px; text-shadow: #fff 0px 0px 10px;}
.prodCompare .buttonRow .btn:hover {color: #630;}
.prodCompare .buttonRow .term {float: left; clear: left; width: 100%; font-size: 12px; color: #666; margin: 3px 0 10px 0;}
.prodCompare .buttonRow td {vertical-align: top;}

.requirementCol {float: left; width: 250px; padding-left: 25px; margin: 40px 50px 40px 0; display: inline; color: #666;}
.requirementCol h3 {float: left; width: 90%; font-size: 16px; font-weight: bold; padding-bottom: 20px;}
.requirementCol h4 {float: left; width: 98%; font-size: 12px; line-height: 14px; font-weight: bold; padding-bottom: 10px;}
.requirementCol p {float: left; clear: left; width: 95%; font-size: 12px; padding-bottom: 10px; line-height: 14px;}
.requirementCol ul {float: left; clear: left; width: 100%; font-size: 12px; padding-bottom: 15px;}
.requirementCol ul li {float: left; clear: left; width: 95%; padding-left: 12px; background: url('/norton/ps/images/bullet-square-grey.gif') 2px 6px no-repeat; line-height: 16px;}
.requirementCol.wBorder {border-left: 1px dotted #999; margin-left: -5px; }
.requirementCol.wBorder.last {margin-right: 0;}

ul.bullet li{line-height:13px;margin-bottom:2px;}

/*Dynamic Banner*/
.bnrBoxshot {position: absolute; top: 0; left: 596px; z-index: 300;}
.bnrWrap {position: absolute; top: 0; left: 738px; z-index: 400;padding-top:10px;text-align:left;font-weight:bold;max-width:185px;}
.bnrTitle {font-size:15px;color:#ffe400;padding-bottom:4px;border-bottom:1px solid #f06564;letter-spacing:-1px;}
.bnrText {font-size:45px;color:#fff;padding-top:5px;position:relative;display:inline;}
.bnrText2 {font-size:18px;color:#fff;padding-top:5px;float:left;width:30px;}
.bnrTextSml {position:absolute;top:19px;right:-45px;font-size:26px;}
.bnrTextSml {right:-60px\0/;}

/* Red Tag Dynamic Banner */
.headline, .headline ul li, .oneup, .discpct, .discoff, .off, .off2, .upto { position: absolute; font-weight: bold; }
.headline {
top:40px; right:450px; width:440px; color: #202020; font-size:38px; line-height:30px; letter-spacing:-1px;}
.headline ul li {
top:-20px; margin-left:600px; color: #ffe400; font-size:13px; line-height:12px; width:200px; letter-spacing: 0;}
.headline ul li .oneup {
top:8px; right:3px; color: #ffe400; font-size:18px; line-height:12px; width:200px; letter-spacing: 0; }
.headline ul li .discpct {
top:40px; color: #fff; font-size:50px; line-height: 30px; right:110px; letter-spacing:-2px; text-shadow: 0 2px 2px #202020;}
.headline ul li .discoff {
top:40px; color: #fff; font-size:45px; line-height: 30px; right:100px; letter-spacing:-3px; text-shadow: 0 2px 2px #202020;}
.headline ul li .off {
top:37px; color: #fff; font-size:30px; line-height: 30px; padding: 3px; right:42px; text-transform: uppercase; text-shadow: 0 2px 2px #202020; letter-spacing:-1px;}
.headline ul li .off2 {
top:37px; color: #fff; font-size:25px; line-height: 35px; right:42px; text-transform: uppercase; text-shadow: 0 2px 2px #202020; letter-spacing:-1px;}
.headline ul li .upto {
top:33px; color: #fff; font-size:20px; line-height: 20px; padding: 3px; right: 172px; text-transform: uppercase; text-shadow: 0 2px 2px #202020;}
.hide { display: none; }
.show { display: block; }