@import url('css/reset.css');
/* HTML5 ✰ Boilerplate */

/* STYLES */
body {font: 13px/1.4em Arial, Helvetica, sans-serif; background: #f8f8f8 url('images/background.png') repeat-x top; letter-spacing: 0.05px; color: #303030;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
a {text-decoration: none;}
a:hover {color: #1b215c; text-decoration: underline;}
h3 {color: #0855b4; font-size: 24px; letter-spacing: .1px; font-weight: normal;}
strong {font-weight: bold;}

div#main {width: 940px; margin: 0 auto;}
div#main h1 {width: 600px; font-weight: bold; font-size: 28px; color: #0855b4; letter-spacing: .1px; margin: 30px 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px groove #b9b9b9;}

header {width: 940px; height: 130px; background: url('images/header-background.png') no-repeat top center; position: relative; margin: 0 auto;}
	a#logo img {margin: 26px 0 0 0;}
	
	form#search-form {position: absolute; top: 0px; right: 0px; float: right;}
	input#search {font-size: 13px; color: #303030; height: 17px; margin: 8px 0 0 0; padding: 5px 0 3px 31px; width: 190px; background: url('images/search-background.png') no-repeat top; border: none;}
	input#submit {display: none;}
	
	ul#navigation {position: absolute; right: 0px; top: 57px;}
	ul#navigation li {float: left; margin: 0 0 0 5px;}
	ul#navigation li a {text-indent: -9000px; display: block; height: 55px; width: 130px; background: url('images/navigation.png') no-repeat;}
	
	ul#navigation li#nav-home a {background-position: 0 0;}
	ul#navigation li#nav-home a:hover, ul#navigation li#nav-home.current a {background-position: 0px -56px;}
	
	ul#navigation li#nav-coup a {background-position: -131px 0;}
	ul#navigation li#nav-coup a:hover, ul#navigation li#nav-coup.current a {background-position: -131px -56px;}
	
	ul#navigation li#nav-fdsh a {background-position: -262px 0;}
	ul#navigation li#nav-fdsh a:hover, ul#navigation li#nav-fdsh.current a {background-position: -262px -56px;}
	
	ul#navigation li#nav-micp a {background-position: -393px 0;}
	ul#navigation li#nav-micp a:hover, ul#navigation li#nav-micp.current a {background-position: -393px -56px;}
	
	ul#navigation li#nav-faqs a {background-position: -524px 0;}
	ul#navigation li#nav-faqs a:hover, ul#navigation li#nav-faqs.current a {background-position: -524px -56px;}

div#tagline-container {width: 940px; height: 95px; margin: 0 auto;}
div#tagline-container h1#tagline {float: right; color: #101546; font-style: italic; font-size: 18px; width: 460px; margin: 20px 70px 0 0; padding: 12px 0 0 15px; background: url('images/blockquote.png') no-repeat top left; letter-spacing: .1px;}

div#featured {height: 355px; width: 940px; padding: 5px; margin: 0 auto 40px; background: url('images/slideshow-bg.png') no-repeat center; position: relative;}
	a#buy {position: absolute; top: 0px; right: 0px; margin: 5px 5px 0 0; z-index: 15; background: url('images/buy.png') no-repeat top center; height: 126px; width: 149px; text-indent: -9999px;}
	a#buy:hover {background-position: 0px -126px;}
	div#slides {height: 300px; width: 940px; overflow: hidden;}
		div.featured-image {position: relative; height: 300px; width: 940px;}
		div.corner-left {height: 10px; width: 10px; z-index: 10; position: absolute; top: 0; left: 0; background: url('images/corners.png') no-repeat top left;}
		div.corner-right {height: 10px; width: 10px; z-index: 10; position: absolute; top: 0; right: 0; background: url('images/corners.png') no-repeat top right;}
	div#buttons {margin: 13px 0 0 60px; float: left;}
		div#buttons a {outline: none; display: block; height: 30px; width: 30px; background: url('images/buttons.png') no-repeat; text-indent: -9999px; float: left; margin: 0px 7px 0 0;}
		div#buttons a#pager-0 {background-position: 0px 0px;}
		div#buttons a#pager-0:hover, div#buttons a#pager-0.activeSlide {background-position: 0px -540px;}
		div#buttons a#pager-1 {background-position: 0px -90px;}
		div#buttons a#pager-1:hover, div#buttons a#pager-1.activeSlide {background-position: 0px -630px;}
		div#buttons a#pager-2 {background-position: 0px -180px;}
		div#buttons a#pager-2:hover, div#buttons a#pager-2.activeSlide {background-position: 0px -720px;}
	div#slides-footer {background: url('images/captions-bg.png') no-repeat top center; height: 56px; width: 940px; position: relative; bottom: 1px;}
	div#captions span {float: left; font: 18px Arial, Helvetica, sans-serif; letter-spacing: .1px; color: #3c3c3c; margin: 17px 0 0 315px; display: none;}

div#content {width: 940px; margin: 0 auto;}
div.column {position: relative;}
div.column h3 {margin: 10px 0 3px 0;}
div.column small {font-size: 12px; font-style: italic;}
div.column p {margin: 8px 0 0 0;}
div#our-mission {width: 820px; padding: 0 60px 25px;}
div#our-mission h3 {font-weight: bold;}
div#how-it-works {float: left; width: 448px; padding: 10px 25px 0 60px; margin: 0 0 60px 0; border-top: 2px dashed #000; border-right: 2px dashed #000; height: 510px;}
div#donate-coupons {border-top: 2px dashed #000; float: left; width: 320px; margin: 0 60px 0 0; padding: 10px 0 10px 25px;}
div#scissors {position: absolute; top: -35px; right: -50px; text-indent: -9999px; height: 55px; width: 99px; background: url('images/scissors.png') no-repeat;}
div#how-it-works ol {margin: 10px 0;}
div#how-it-works ol li {background: url('images/buttons.png') no-repeat top left; width: 388px; padding: 3px 0 0 40px; min-height: 30px; margin: 0 0 10px 0;}
div#how-it-works ol li.step-1 {background-position: 0px 0px;}
div#how-it-works ol li.step-2 {background-position: 0px -90px;}
div#how-it-works ol li.step-3{background-position: 0px -180px;}
div#how-it-works ol li.step-4 {background-position: 0px -270px;}
div#how-it-works ol li.step-5 {background-position: 0px -360px;}
div#how-it-works ol li.step-6 {background-position: 0px -450px;}

div#footer-background {clear: both; height: 172px; width: 100%; background: url('images/footer-repeating-background.png') repeat-x bottom left;}
footer {position: relative; margin: 0 auto; height: 172px; width: 940px; background: url('images/footer-background.png') no-repeat bottom center;}
	ul#footer-navigation {float: left; margin: 50px 0 8px 0;}
	ul#footer-navigation li {float: left; margin: 0 8px 0 0;}
	ul#footer-navigation li a {color: #fff; font-size: 14px;}
	ul#footer-navigation li a:hover {color: #123868;}
	ul#footer-navigation li.current a {font-weight: bold;}
	
	a#back-to-top {text-indent: -9999px; display: block; position: absolute; top: -10px; right: 0px; height: 69px; width: 172px; background: url('images/back-to-top.png') no-repeat top left;}
	a#back-to-top:hover {background-position: 0 -69px;}
	p#copyright {clear: left; color: #fff; font-size: 12px;}
	ul#secondary-navigation li a {color: #fff; font-size: 12px;}
	
/* COUPONS PAGE STYLES */
div#coupon-wrapper {margin-bottom: 55px; position: relative; background: url('images/coupon-backdrop.png') no-repeat; height: 1800px; width: 940px;}
div#coupon-wrapper iframe, div#coupons-frame {float: left; margin: 75px 0 0 27px; position: relative; top: 10px; width: 690px; }
div#coupon-wrapper iframe {margin-top: 0px;}
div#coupon-wrapper iframe#smart-source-frame {margin: 0;}
div#coupons-frame {overflow: hidden; height: 1200px;}
img.please-select {position: absolute; top: 30px; right: 27px;}

div#directions-wrapper {display: none; z-index: 999; height: 407px; background: url('images/directions-bg.png') no-repeat left top; width: 320px; position: absolute; top: 263px; left: 416px; }
    div#directions-wrapper img {position: absolute; top: 22px; right: 45px;}
    div#directions-wrapper h6 {margin: 22px 0 3px 25px; font-weight: bold; font-size: 30px; color: #ffd38a;}
    div#directions-wrapper ol li {margin: 0px 0px 7px 25px; line-height: 14px; color: #ffd38a;}
    div#directions-wrapper p {line-height: 14px; margin: 0px 0px 7px 25px; color: #ffd38a;}
    div#directions-wrapper em {font-style: italic;}

div.coupon-side {float: right;}
a.help-icon {position: relative; top: 8px; margin: 0 0 0 19px; background: url('images/help.png') no-repeat; height: 44px; width: 145px;}

div#coupon-navi {width: 184px; margin: 105px 27px 0 0; }
div#coupon-navi a {width: 184px; height: 73px; text-indent: -9999px; margin: 0 0 12px 0; display: block; background: url('images/coupon-navi.png') no-repeat -0px -0px;}

div#coupon-navi a#coupons-link {background-position: -0px -0px;}
div#coupon-navi a#coupons-link:hover, div#coupon-navi a#coupons-link.selected {background-position: -184px -0px;}

div#coupon-navi a#redplum-link {background-position: -0px -73px;}
div#coupon-navi a#redplum-link:hover, div#coupon-navi a#redplum-link.selected {background-position: -184px -73px;}

div#coupon-navi a#smart-source-link {background-position: -0px -146px;}
div#coupon-navi a#smart-source-link:hover, div#coupon-navi a#smart-source-link.selected {background-position: -184px -146px;}

div#coupon-navi a#coupon-network-link {background-position: -0px -219px;}
div#coupon-navi a#coupon-network-link:hover, div#coupon-navi a#coupon-network-link.selected {background-position: -184px -219px;}

/* DIRECTORY PAGE STYLES */
div#map {width: 940px; float: left;}
img#us-map {float: right; margin: 30px 0 0 0;}
div#hoverbox {position: absolute; height: 62px; width: 137px; background: url('images/hoverbox.png') no-repeat top left; padding: 12px 0 0 7px;}
div#hoverbox span {font-size: 18px; color: #303030; display: inline;}
div#directions {float: left;}
div#directions h3 {margin: 30px 0 10px 0;}
div#directions p {width: 345px; margin: 8px 0 0 0;}
div#directions small {font-size: 12px; font-style: italic; width: 345px; display: block;}
div#directions ol li {background: url('images/buttons.png') no-repeat top left; width: 285px; margin: 12px 0 0 15px; padding: 3px 0 0 40px; min-height: 30px;}
	div#directions ol li.step-1 {background-position: 0px 0px;}
	div#directions ol li.step-2 {background-position: 0px -90px;}
	div#directions ol li.step-3 {background-position: 0px -180px;}
	a#d-donate-coupons {margin: 25px 0; display: block; text-indent: -9999px; height: 35px; width: 290px; background: url('images/donate.png') no-repeat top left; float: left; }
	a#d-donate-coupons:hover {background-position: 0 -35px;}
	
div#directory {width: 940px; margin: 20px auto 50px; float: left; height: 421px;}
div#table {height: 396px; width: 737px; background: url('images/directory-background.png') no-repeat top left;  padding: 25px 0 0 25px; position: relative;}
div#table h3 {margin: 0 0 25px 0;}
div#table table th {font-weight: bold; padding: 0 0 10px 0; width: 170px;}
div#table table td {padding: 0 30px 15px 0;}
div#table table th.fs-phone {width: 140px;}
div.link-container {position: absolute; bottom: 30px;}
div.link-container span {display: block; margin-bottom: 5px; font-size: 12px; font-style: italic;}
.ui-state-default {border: 1px solid #c5dbec; background: #dfeffc url('images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none;}
.ui-state-active {border: 1px solid #79b7e7; background: #f5f8f9 url('images/ui-bg_inset-hard_100_f5f8f9_1x100.png') 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none;}
.pagination-link{display: block; float: left; font: normal 8.4pt Arial !important; margin: 0 3px 0 0; padding: 3px 8px; text-decoration: none;}
div#table th.fs-website {display: none;}



/* FAQS STYLES */
div#frequently-asked {float: left; width: 880px; margin: 30px 0 30px 30px;}
div#frequently-asked img {float: right; padding: 0px 0px 20px 20px}
div#frequently-asked blockquote {color: #0855b4; font-size: 18px; margin: 20px 0 0 0; letter-spacing: .1px; padding: 10px 0 0 40px; background: url('images/question.png') no-repeat top left;}
div#frequently-asked p {margin: 10px 0 0 45px;}
div#frequently-asked blockquote#first {margin-top: 0px;}


/* MILITARY STYLES */
div#military-candidate {position: relative; float: right; width: 522px; margin: 20px 0 50px 0;}
div.military-candidate-content {width: 522px; background: url('images/military-backdrop.png') repeat-y top center; }
div#military-family {float: left; width: 418px; margin: 20px 0 0 0;}
div#military-family h2 {color: #0855b4; font-size: 24px; margin: 70px 0 0 0;}
div#military-candidate h5 {font-size: 24px; padding-top: 25px; margin: 0 0 0 25px;}
div#military-candidate h6 {margin: 28px 0 0 25px; font-size: 18px; }
div#military-family p  {width: 388px; margin: 12px 0 0 0;}
div#military-family i {font-size: 11px;}
div#military-family table {margin: 5px 0 8px 0;}
div#military-family table th {font-weight: bold;}
div#military-family table th.col1 {width: 150px; }
div#military-family table th.col2 {width: 220px;}
div#military-family table tr {border-bottom: 1px solid #0855b4;}
div#military-candidate p {margin: 12px 30px 0 25px;}
div#military-family img {margin: 16px 0 0 0;}
div#bottom-piece {height: 35px;}
div#military-family h2#baslis {margin: 40px 0 0 0; clear: both;}
div#base-navi a {margin: 12px 5px 8px 0; float: left; display: block; height: 32px; width: 92px; background: url('images/base-navi.png') no-repeat top left;}
div#base-navi a#ausaf {background-position: 0px 0px;}
div#base-navi a#ausaf:hover, div#base-navi a#ausaf.base-navi-current {background-position: 0px -32px;}
div#base-navi a#ausaa {background-position: -92px 0px;}
div#base-navi a#ausaa:hover, div#base-navi a#ausaa.base-navi-current {background-position: -92px -32px;}
div#base-navi a#ausns {background-position: -184px 0px;}
div#base-navi a#ausns:hover, div#base-navi a#ausns.base-navi-current {background-position: -184px -32px;}
div#base-navi a#ausma {background-position: -276px 0px;}
div#base-navi a#ausma:hover, div#base-navi a#ausma.base-navi-current {background-position: -276px -32px;}
img#military-bottom-piece {position: absolute;}
div#military-navi {position: relative; width: 522px; height: 42px;}
a#mili-page-1 {z-index: 3; display: block; height: 40px; width: 194px; position: absolute; top: 1px; left: 28px;}
a#mili-page-2 {z-index: 3; display: block; height: 40px; width: 194px; position: absolute; top: 1px; left: 224px;}
div#bg1 {z-index: 1; position: absolute; width: 522px; height: 42px; background: url('images/military-coupon-button1.png') no-repeat top center;}
div#bg2 {z-index: 1; position: absolute; width: 522px; height: 42px; display: none; background: url('images/military-coupon-button2.png') no-repeat top center;}
div#mili-cont1 {display: block;}
div#mili-cont2 {display: none;}
div#military-family table {position: relative; left: 1px;}
div#military-family table td {padding: 0 0 10px 0;}
table#usaf {display: inline;}
table#usaa {display: none;}
table#usns {display: none;}
table#usma {display: none;}
div#base-list-tables {clear: left; height: 400px; width: 390px; overflow: scroll;} 

/* Ugly hackery to make coupons.com behave */
#ci_css_container {background: transparent!important; padding: 0px!important; width: 690px!important;}
#ci_css_sidebar {width: 140px!important; margin-right: 22px!important;}
#ci_css_coupon_codes {width: 690px!important;}
#in-wrapper .center_col {float: left!important;}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}