fd@charset "UTF-8";
/* CSS Document */

/* Colors
#878787 = grey text
#fcb040 = hdr orange
#C41230 = red
#016fa6 = strativa blue
#d88503 = yellow
#473f3A = DarkGray
*/

@import "reset.css";

/* General Styles
------------------------------------- */

html { overflow-y: scroll; }

body
{
	background: transparent url(../images/home-bk.png) repeat-x top right;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #58524d;
}

#wrapper
{
	margin: 0 auto;
	width: 998px;
	background-color: inherit;
}

.tooltip{
	position:absolute;
	left:-2000px;
	background-color:#dedede;
	padding:5px;
	border:1px solid #fff;
	width:250px;
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	z-index:10000;
}


.sub {font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:16px;font-size:70%;position:relative;bottom:-0.2em;}
.hr
{
	border-top: 1px solid #c44966;
	width: 100%;
	float: left;
	margin-top: -90px;
}

.last {
	border:none;
}

/* Header
------------------------------------- */

#hdr {
	height: 479px; /*height(Header+util+nav)*/
	margin:0px;
}

#nav
{
	width:998px;
	height:50px;
}
#home-splash
{
	background: transparent url(../images/home-splash.png) repeat top right;
	float: left;
	width: 100%;
	height: 385px;
	font-family: Arial, Helvetica, sans-serif;
	margin:-7px 0px 0px 0px ;
	padding:0px;
}
#flash_content
{
	float: left;
	width: 999px;
	height: 385px;
	margin: -8px 0px 0px 0px ;
	padding:0px;
}

#logo
{
    padding: 0px;
	margin: 0px 0px 0px -1px;
	background: #ffffff url(../images/naslogo.png);
	height:122px;
	width: 210px;
	float: left;
	position: absolute;
}

#logo a, #logo a:hover
{
    padding: 0px 0px 0px 15px;
	background: #fff url(../images/nav-arrow-red.png) no-repeat 7px 2px;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #473f3A;
	line-height: 17px;
}

#logo #hcp-link {
	border-top:1px solid #fbad18;
	border-bottom:1px solid #fbad18;
	margin:10px auto 0;
	text-indent:8px;
	display:block;
	width:180px;
}

#navtagline h2
{
    float: left;
	color: inherit;
	text-indent:-9000px;
	background:#fff url(../images/nav-tagline.png) no-repeat;
	width:202px;
	height:26px;
	padding: 0; margin: 10px 0px 0px 227px;
}

#myreminders h2
{
    float: left;
	text-indent:-9000px;
	background:#fff url(../images/nav-myreminders-home.png) no-repeat;
	width:222px;
	height:30px;
	padding: 0; margin: 8px 15px 0px 20px;
}
#myreminders h2:hover
{
	cursor: pointer;
	background:#fff url(../images/nav-myreminders.png) no-repeat;
    float: left;
	text-indent:-9000px;
	width:222px;
	height:30px;
	padding: 0; margin: 8px 15px 0px 20px;
}

#header {
	float: left;
	width: 100%;
	height: 140px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px ;
	padding:0px;
}

#myreminder h2
{
    float: left;
	color: inherit;
	text-indent:-9000px;
	background:#fff url(../images/hdr-myreminder.png) no-repeat;
	width:552px;
	height:140px;
	padding: 0; margin: 0;
}
#util {
	float: left;
	width: 100%;
	height: 42px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#util .util-links a
{
    margin-left: 15px;
    padding: 0px 0px 0px 15px;
	background: #fff url(../images/nav-arrow.png) no-repeat left;
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #473f3A;
	line-height: 49px;
}
#util .util-links a:hover{text-decoration: underline;}
#nav {
	float: left;
	width: 100%;
	height: 52px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#couponad h2
{
    float: left;
	color: inherit;
	text-indent:-9000px;
	background:#fff url(../images/callout-coupon2.png) no-repeat;
	width:206px;
	height:58px;
	padding: 0;
	margin: 0px;
	position: relative;
}
#couponad h2:hover{cursor: pointer; background:#fff url(../images/callout-coupon2-over.png) no-repeat;}
#couponad #NasCoupon-on{background:#fff url(../images/callout-coupon2-on.png) no-repeat;}

/* Content/Home
------------------------------------- */

#home #content
{
	clear:both;
	width:998px;
	color:inherit;
	margin-top: -8px;
}

#home #content #callout-discuss
{
	background: transparent url(../images/home-callout-discuss.png) no-repeat top right;
	float:left;
	width:355px;
	height:120px;
	margin-top: 3px;
}

#home #content #callout-discuss p
{
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin: 40px 0px 0px 45px;

}
#home #content #callout-discuss table {margin-left: 32px;}
#home #content #callout-discuss td
{
	font: 14px Arial, Helvetica, sans-serif;
	color: #c41230;
	font-weight: bold;
	padding: 0; margin:0;
	line-height: 19px;
}
#home #content #callout-discuss a, a:hover
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c41230;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 19px;
}

#home #content #callout-saving
{
	background: transparent url(../images/home-callout-saving.png) no-repeat top right;
	float:left;
	width:477px;
	height:120px;
	margin-top: 3px;
}
#home #content #callout-saving #printcoupon
{
margin:0 0 0 8px;
padding:95px 2px 0 160px;
position: absolute;
}

#home #content #callout-saving p
{
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin: 40px 0px 0px 186px;

}
#home #content #callout-saving a, a:hover
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c41230;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 19px;
}
#home #content #callout-isi
{
	width:155px;
	height:120px;
	float: right;
	margin-top: 15px;
}
#home #content #callout-isi span
{
	color: #58524d;
}
#home #content #callout-isi td
{
	font: 14px Arial, Helvetica, sans-serif;
	color: #c41230;
	font-weight: bold;
	padding: 0; margin:0;
	line-height: 15px;
}

/* Content/Coupon
------------------------------------- */

#coupon
  {
  	background: transparent url(../images/bg-couponoffer.png) repeat-x top right;
  }
  #coupon #home-splash{background: none;height: 0; width: 0;}
  #coupon #hdr{background: none;height: 94px;}
  #coupon #content
  {
  	clear:both;
  	background: url(../images/hdr-coupon.png) no-repeat top left;
  	width: 968px;
  	height: 975px;
  	font-family: Arial, Helvetica, sans-serif;
  	margin: 0px 0px 20px 0px;
  	padding:0px;
  }

  #coupon #content #cntContainer{position:absolute; margin:635px 0 0;}
  #coupon #content #cntContainer a{line-height: normal}
  #coupon #content #btn-clickdownload a
  {
  height:21px;
  margin:525px 0 0 21px;
  padding:0;
  position:absolute;
  text-indent:-9000px;
  width:523px;
  }

  #coupon #content #btn-download a
  {
  background: transparent url(../images/btn-download-coupon.png) no-repeat;
  height:68px;
  margin:495px 0 0 20px;
  padding:0;
  position:absolute;
  text-indent:-9000px;
  width:335px;
  }
  #coupon #content #btn-download a:hover{background: transparent url(../images/btn-download-coupon-over.png) no-repeat;}

  #coupon #content #btn-adobe a
  {
  height:35px;
  margin:553px 0 0 429px;
  padding:0;
  position:absolute;
  text-indent:-9000px;
  width:116px;
  }

  #coupon #content #cnt1 { border-bottom:1px solid #ffffff;margin:0;padding:0 50px 10px 30px;}
  #coupon #content #cnt1 #cnt1-sub p{font-size: 12px; padding: 5px 0 5px 0;}
  #coupon #content #cnt1 p, #coupon #content #cnt1 p a {font-size: 15px;font-weight: bold;color: #ffffff; text-decoration: none; line-height: normal; }
  #coupon #content #cnt1 p a:hover{color:#C41230;}
  #coupon #content #cnt2 {margin:0 0 0 28px; }
  #coupon #content #cnt2 p {font-size: 15px;font-weight: bold;color: #ffffff; line-height: 30px; }
  #coupon #content #cnt3 {border-top:1px solid #ffffff;margin:13px 0 0 0;padding:0 20px 10px 30px;width:575px;}
  #coupon #content #cnt3 table td {font-size: 11px;color: #ffffff; padding-top: 10px; }
  #coupon #content #cnt4 {margin:0; width: 600px;}
  #coupon #content #cnt4 ul li {font-size: 12px;color: #ffffff; list-style: none; padding-right: 80px; float:left;}
  #coupon #content ul {margin-left: 28px; padding:0;}
  #coupon #content ul li {font-size: 12px;color: #ffffff; list-style-type: disc; list-style-position: inside; }
  #coupon #content ul li a{color: #fff; text-decoration: none}
  #coupon #content ul li a:hover{color: #fff; text-decoration: underline; line-height: normal;}

  #coupon150
  {
  	background: transparent url(../images/bg-couponoffer150.png) repeat-x top right;
  }
  #coupon150 #home-splash{background: none;height: 0; width: 0;}
  #coupon150 #hdr{background: none;height: 94px;}
  #coupon150 #content
  {
  	clear:both;
  	background: url(../images/hdr-coupon150.png) no-repeat top left;
  	width: 968px;
  	height: 875px;
  	font-family: Arial, Helvetica, sans-serif;
  	margin: 0px 0px 20px 0px;
  	padding:0px;
  }

  #coupon150 #content #cntContainer{position:absolute; margin:415px 0 0;}
  #coupon150 #content #cntContainer a{line-height: normal}
  #coupon150 #content #btn-clickdownload a
  {
  height:21px;
  margin:306px 0 0 21px;
  padding:0;
  position:absolute;
  text-indent:-9000px;
  width:523px;
  }

  #coupon150 #content #btn-download a
  {
  background: transparent url(../images/btn-download-coupon.png) no-repeat;
  height:68px;
  margin:338px 0 0 20px;
  padding:0;
  position:absolute;
  text-indent:-9000px;
  width:335px;
  }
  #coupon150 #content #btn-download a:hover{background: transparent url(../images/btn-download-coupon-over.png) no-repeat;}

  #coupon150 #content #btn-adobe a
  {
  height:35px;
  margin:345px 0 0 429px;
  padding:0;
  position:absolute;
  text-indent:-9000px;
  width:116px;
  }

  #coupon150 #content #cnt1 { border-bottom:1px solid #ffffff;margin:0;padding:0 50px 10px 30px;}
  #coupon150 #content #cnt1 #cnt1-sub p{font-size: 12px; padding: 5px 0 5px 0;}
  #coupon150 #content #cnt1 p, #coupon150 #content #cnt1 p a {font-size: 15px;font-weight: bold;color: #ffffff; text-decoration: none; line-height: normal; }
  #coupon150 #content #cnt1 p a:hover{color:#C41230;}
  #coupon150 #content #cnt2 {margin:0 0 0 28px; }
  #coupon150 #content #cnt2 p {font-size: 15px;font-weight: bold;color: #ffffff; line-height: 30px; }
  #coupon150 #content #cnt3 {border-top:1px solid #ffffff;margin:13px 0 0 0;padding:0 20px 10px 30px;width:575px;}
  #coupon150 #content #cnt3 table td {font-size: 11px;color: #ffffff; padding-top: 10px; }
  #coupon150 #content #cnt4 {margin:0; width: 600px;}
  #coupon150 #content #cnt4 ul li {font-size: 12px;color: #ffffff; list-style: none; padding-right: 80px; float:left;}
  #coupon150 #content ul {margin-left: 28px; padding:0;}
  #coupon150 #content ul li {font-size: 12px;color: #ffffff; list-style-type: disc; list-style-position: inside; }
  #coupon150 #content ul li a{color: #fff; text-decoration: none}
  #coupon150 #content ul li a:hover{color: #fff; text-decoration: underline; line-height: normal;}

  #coupon150  #couponad h2 {
	background: transparent url(../images/callout-coupon150.png) no-repeat;
  }

/* Content/Reps
------------------------------------- */

  #reps {background: transparent url(../images/bk-reps.png) repeat-x top right; }
  #reps #hdr{background: none;height: 94px;}
  #reps #content
  {
	background: url(../images/bk-offer.png) no-repeat top left;
  	width: 630px;
  	height: 253px;
  	font-family: Arial, Helvetica, sans-serif;
  	margin:130px 0 150px 170px;
  	padding:0px;
  	font-size: 14px;
  	font-weight: bold;
   }   
  #reps #content h1
  {
  	position: absolute;
	background: url(../images/offer-header.png) no-repeat top left;
  	width: 448px;
  	height: 80px;
  	text-indent: -9000px;
  	margin:20px 0 0px 20px;
   }
  #reps #content ul { position: absolute; margin:100px 0 0px 24px; padding: 0px;}
  #reps #content ul li {list-style-position: inside; list-style-type: disc; margin: 0px; padding: 0px;}
  #reps #content #btn-clickdownload a,   #reps #content #btn-clickdownload a:hover
  {
  position: absolute;
  color: #C41230;
  font-weight: bold;
  height:21px;
  margin:150px 0 0 20px;
  font-size: 14px;
  text-decoration: none;
  line-height: normal;
  }
 
  #reps #content #btn-download a
  {
  position: absolute;
  background: transparent url(../images/btn-download.png) no-repeat;
  height:59px;
  margin:180px 0 0 20px;
  padding:0;
  text-indent:-9000px;
  width:331px;
  }
  #reps #content #btn-download a:hover{background: transparent url(../images/btn-download-hover.png) no-repeat;}

  #reps #content #btn-adobe a
  {
  position: absolute;
  background: transparent url(../images/adobe.png) no-repeat;
  height:38px;
  margin: 188px 0 0 429px;
  padding:0;
  text-indent:-9000px;
  width:116px;
  }

  
 /* Content/DDG
------------------------------------- */

#ddg  {	background: transparent url(../images/bg-ddglanding.png) repeat-x top right; }
#ddg #home-splash{background: none;height: 0; width: 0;}
#ddg #hdr{background: none;height: 90px;}
#ddg #content
  {
  	clear: both;
  	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/hdr-ddg.jpg) no-repeat top left;
	width: 990px;
  	height: 651px;
	margin:4px 0px 20px 0px;
	padding:0px;
  }

  #ddg #splash
  {
  	background: transparent url(../images/ddg-splash.png) no-repeat top right;
	float:right;
	height:585px;
	margin:125px 0px 0 0;
	width:992px;
  }
#ddg #splash .moveto {background: transparent url(../images/btn-ddg2.png) no-repeat;float:right;height:51px;margin:330px 152px 0 0;width:320px;}
#ddg #splash .moveto:hover{background: transparent url(../images/btn-ddg2-over.png) no-repeat;}
#ddg #splash h1 {color: #C41230; font-size: 14px;font-weight: bold;margin:25px 0 0; width: 300px; line-height: 18px;}
#ddg #splash p {font-size: 12px;color: #37322f; padding: 20px 0 0 0;  width: 270px;}
#ddg #splash p a, a:hover {color: #ffffff; text-decoration: none; line-height: normal;}

/* Footer
------------------------------------- */
#flood
{
	clear:both;
	color: #4C4845;
	font: 14px/16px Arial,sans-serif;	
	padding-bottom: 20px;
}

#isi
{
	width: 998px;
	padding-bottom: 30px;
}
#isi-wrapper{
	width:998px;
	margin:0 auto;
}
#isi .bul {
	background:url(../images/bullet-isi.gif) no-repeat 0 2px;
	text-indent:10px;
}
#ftrcopy
{
	height: 50px;
	width: 998px;
}
#coupon #ftrcopy {
	margin:0 auto;
}
#strativa
{
	background: transparent url(../images/ftr-strativa.jpg) no-repeat top right;
	float:left;
	text-indent:-9000px;
	width:127px;
	height:34px;
	margin-left: 0px;
}
#copy
{
	float:left;
	margin: 15px 60px 0px 20px;
}
#copy a, #copy a:hover
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c41230;
	text-transform: none;
}
#copylinks
{
	float: right;
}
#copylinks ul li
{
	display: inline;
}
#copylinks ul li a
{
	float:left;
	margin: 15px 0px 0px 0px;
	text-decoration:none;
	padding: 0 10px;
	border-right:2px solid #f0b559;
	color: #999999;
	font:11px/13px Arial, Helvetica, sans-serif;
}
#copylinks ul li a:hover{color: #c31230;}
#copylinks ul li a.last{border:none;}

#flood h5 {
	clear:both;
	font-weight:bold;
	color: #DB9110;
	margin-bottom:16px;
}

#flood p {
	margin-bottom:16px;
}

#flood .reg
{
	position:relative;
	top:-5px;
	font-size:10px;
}

#flood .sub {
-x-system-font:none;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

#footer-isi p
{
	color: #4C4845;
	font: 14px/16px Arial,sans-serif;
	margin:  15px 0px 15px 0px;
	font-weight:bold;
}
#footer-isi span
{
	color: #58524d;
}

#footer-isi a, #isi a, a:hover, #callout-isi a, a:hover
{
	font: 14px/16px Arial,sans-serif;
	text-decoration: none;
	color: #c41230;
	text-transform: none;
	font-weight:bold;
}
#isi a:hover{text-decoration: underline;}

span.sup {
	font-size: 10px;
	line-height: 16px;
	position: relative;
	top: -0.6em;
}

a#homelink{
	background: none;
	text-indent: -9000px;
	display: block;
	padding: 0;
	margin-top: 12px;
	height: 70px;
}

a#homelink:hover{
	background: none;
	padding: none;
}
