@charset "utf-8";
/**
 *
 * Bazomb! CSS
 *
**/


/* HELPERS
 *********************************************/
.clear { clear: both; }

/* GLOBAL
 *********************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: url(../images/circus_bg_words.gif) repeat;
}
fieldset,img { border: none; }
h1 {
	font-size: 1.8em;
	margin-top: 0;
}
h2 {
	font-size: 1.2em;
}

a {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}
a.red {
	color: #780200;
}
a.small {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #780200;
}
a:hover {
	text-decoration: none;
	color: #d83f3f;
}


/* FORM FIELDS
 *********************************************/
input.field {
	border: 1px solid #aaa;
}
input.field-error {
	border: 1px solid red !important;
	background-color: #f99;
}
span.errorMsg {
	color: red;
	font-weight: bold;
}
.forms-field-required {
	color: #780200;
}

/* circus box */

.circusBox {
	width: 962px;
}
.circusBoxTop {
	background: url(../images/circus_mainbox_top.gif) no-repeat;
	height: 9px;
}
.circusBoxMid {
	background: url(../images/circus_mainbox_mid.gif) repeat-y;
	padding: 15px 42px;
}
.circusBoxBot {
	background: url(../images/circus_mainbox_bottom.gif) no-repeat;
	height: 10px;
}
.circusBoxSep {
	background: url(../images/circus_mainbox_sep.jpg) no-repeat;
	height: 10px;
}
.circusBoxSepTop {
	background: url(../images/circus_mainbox_sep_top.gif) no-repeat;
	height: 17px;
}

/* inner divs to support side ads, place within circusBoxMid and terminate with div class="clear" */

.circusLeftAd {
	float: left;
	width: 733px;
	margin-bottom: 10px;
}

.circusRightAd {
	float: right;
	width: 120px;
	padding-top: 25px;
	margin-bottom: 10px;
}

/* circus standard formats */

.circusTitle {
	font-family: Georgia;
	font-size: 30px;
	font-weight: bold;
	color: #385d72;
}

.circusSubtitle {
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	color: #385d72;
}

.circusBox .circusTextBlock, .circusBox p {
	font-family: Georgia;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	line-height: 26px;
}

.circusBox p label, .circusBox .circusLabel {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}
		
.circusAddr {
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
}

.circusBorder {
	border: 1px solid black;
}

.circusRequired {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #780200;
}

.circusStep {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.circusCallout {
	background-color: #e7e7e7;
	border: 1px solid #bcb9a8;
	padding: 10px;
}

.circusRed {
	color: #780200;
}
		
/* offer list */

.offerList .t5L {
	float: left;
}

.offerList .t5L img {
	float:left;
	vertical-align: middle;
	height: 60px;
	margin-right: 10px;
}

.offerList .t5L div {
	float:left;
}

.offerList .t5L #retailerName {
	font-weight: bold;
}

.offerList .t5L #retailerAddr {
	font-size: x-small;
}

.offerList .t5L #titleSubtitle {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #385d72;
}

.offerList .t5R {
	float: right;
}

.offerList .t5R #divLeft {
	float: left;
}

.offerList .t5R #divLeft #aboutBusiness {
	margin-top: 5px;
	margin-bottom: 10px;
}

.offerList .t5R #divLeft #aboutOffer {
}

.offerList .t5R #divRight {
	float: right;
}

.offerList .t5R #divRight #printCoup {
	margin-bottom: 5px;
}

.offerList .t5R #divRight #saveCoup {
}

.offerList #moreOffers {
	margin-left: 90px;
	font-size: x-small;
	color: red;
}

.offer {
	position: relative;
}

.offer hr {
	color: LightGray;
	margin-top: 10px;
	margin-bottom: 10px;
}



/* LAYOUT
 *********************************************/
#site_container {
	width: 962px;
	margin: 0 auto;
	background: url(../images/circus_bg_tan.gif) repeat-y;
}

#headerAds {
	padding-top: 0px;
}

#middle {
	padding: 0 0 0px;
}

#nav {
	padding: 10px 25px 0px;
	background: url(../images/circus_BazombHeader.gif) no-repeat;
}
#nav .logo {
	float: left;
	width: 320px;
	height: 110px;
}

/* top nav */
#nav .form {
	position: relative;
	float: right;
	height: 110px;
	width: 504px;
	text-align: right;
}
#nav .form form {
	font-weight: bold;
	font-size: 11px;
}

/* top nav: search form */
#nav #search {
	margin-top: 12px;
}
#nav #search .label {
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	color: #385d72;
	margin-top: 0px;
}
#nav #search * {
	vertical-align: middle;
}
#nav #change {
	font-family: Verdana;
	font-size: 10px;
	cursor: pointer;
	color: #385d72;
}
#nav #change:hover {
	color: #d83f3f;
}

#nav #category {
	margin-left: 5px;
	padding-left: 2px;
	height: 19px;
	width: 225px;
	border: 1px solid #8f8f8f;
}
#nav .form input.empty {
	font-size: 11px;
	color: #aaa;
}

#searchInstructions {
	position: relative;
	top: 50px;
	left: 18px;
	font-size: 11px;
	font-weight: bold;
}


/* top nav: location form */
#social {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	z-index: 1;
}
#social img {
	vertical-align: top;
}
#middle #nav .form div#location {
	margin-top: 30px;
	z-index: 1;
}
#middle #nav .form div#location .locationText {
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	line-height: 1em;
}
#middle #nav .form div#location img {
	margin-left: 10px;
	vertical-align: bottom;
	padding-bottom: 3px;
	cursor: pointer;
}
#locationSwitchDiv {
	display: none;
	position: absolute;
	top: 85px;
	left: 135px;
	padding: 2px;
	width: 365px;
	background-color: #e7e7e7;
	text-align: left;
	z-index: 2;
}
#locationSwitchForm {
	position: relative;
	border: 2px solid #216064;
	padding: 12px;
}

#locationSwitchForm div.bigLabel {
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	color: #385d72;
	margin-bottom: 10px;
}
#locationSwitchForm #txtLocation {
	width: 185px;
}

#location .btnDimmer {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 35px;
	background: url(../images/btnDimmer.png) no-repeat;
}

/* main nav */
#middle #nav .links {
	float: left;
	margin-top: 35px;
	font-family: Georgia;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

/* side nav (login, etc.) */
#middle #nav .welcome {
	float: right;
	margin-top: 35px;
	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
}
#middle #nav .welcome .sep {
	margin: 0 10px;
}
#middle #nav .welcome a.small {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	margin-left: 5px;
}
#middle #nav .welcome a.small:hover {
	color: #d83f3f;
}

/* content area */
#middle #content {
	float: left;
}

/* side ads */
#middle #ads_side {
	float: right;
	width: 120px;
	margin-top: 15px;
	margin-right: 30px;
	_margin-right: 15px; /* IE6 */
}
#middle #ads_side .ad_boom {
	margin-bottom: 15px;
}
#middle #ads_side .ad_skyscraper {}
#middle #shade {
	background: url(../images/bg_content_bottom.gif) no-repeat;
	height: 139px;
}

#footer {
	width: 962px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 15px;
}
#footer #footerBackground {
	background: url(../images/circus_bg_tan.gif) repeat-y;
}
#footer #text {
	/* text-align: center; */
	margin-top: 15px;
	font-size: 11px;
	color: #ffffff;
}
#footer #text a {
	color: #ffffff;
	margin: 0px 2px;
}
#footer #text .copyright {
	/*margin-top: 10px;*/
}

/* top/bottom ads */
.ad_sponsor, 
.ad_banner {
	float: left;
}
#headerAds .ad_sponsor {
	margin-right: 5px;
}
#footer .ad_banner {
	margin-right: 5px;
}


/* DROP-DOWN NAV
 *********************************************/
#middle #nav .links ul.nav {
	margin: 0;
	margin-left: -5px;
	padding: 0;
	cursor: pointer;
}
#middle #nav .links ul.nav li {
	float: left;
	position: relative;
	list-style: none;
	line-height: 30px;
	white-space: nowrap;
}
#middle #nav .links ul.nav li.hover {
	/*
	background-color: #d83f3f;
	border: 1px solid #999;
	margin: -1px 9px -1px -1px;
	*/
}
#middle #nav .links ul.nav li .linksSep {
	margin-left: 10px;
	margin-right: 10px;
	color: #439189;
}
/* subnav */
#middle #nav .links ul.subnav {
	display: none;
	margin: 0;
	padding: 0 5px 5px 0;
	position: absolute;
	top: 30px;
	left: -1px;
	z-index: 3;
	background: url(../images/shadow.png) no-repeat bottom right;
	_background: none; /* IE6 */
}
#middle #nav .links ul.subnav li {
	float: none;
	width: 150px;
	padding: 0 10px;
	margin: 0;
	background-color: #eee;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	list-style: none;
}
#middle #nav .links ul.subnav li a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
#middle #nav .links ul.subnav li.subnavHover {
	background-color: #ddd;
}
#middle #nav .links ul.subnav li.first {
	border-top: 1px solid #999;
}


/* AUTO-COMPLETE
 *********************************************/
.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#ddd; }
.autocomplete div { padding:3px 5px; white-space:nowrap; }
.autocomplete strong { color:#DF102A; }
.autocomplete .statusMessage { color:#999; text-align:center; cursor: pointer;}


/* OFFER / BUSINESS LIST CONTROLS
 *********************************************/
.resultControls {
	width: 684px;
	margin: 0 auto;
}
.resultControls table {
	width: 100%;
	border: none;
}
.resultControls table td {
	padding: 0;
}
.resultControls .paginationBar {
	cursor: default;
	text-align: center;
}

.resultControls .paginationBar span,
.resultControls .paginationBar a {
	margin: 0 1px;
	padding: 2px 2px;
	line-height: 2em;
	font-weight: bold;
}
.resultControls .paginationBar a {
	color: #385d72;
	border: 1px solid #ddd;
}
.resultControls .paginationBar span {
	font-weight: bold;
}

.resultControls .paginationBar, .resultControls select {
	font-size: 11px;
}


/* OFFER LIST
 *********************************************/
#offerList {
	width: 684px;
	margin: 20px auto;
}
#offerList .offer {
	position: relative;
	height: 112px;
	padding: 7px 10px;
	margin-bottom: 10px;
	background: url(../images/bg_offer_big.gif) no-repeat;
}
#offerList .offerResult {
	margin-bottom: 0;
}
#offerList .offer .image {
	float: left;
	margin-right: 35px;
	height: 100px;
	width: 200px;
}
#offerList .offer .copy {
	float: left;
}
#offerList .offer .copy span {
	display: block;
}
#offerList .offer .copy .name {
	font-size: 14px;
	font-weight: bold;
}
#offerList .offer .copy .location {
	margin-bottom: 8px;
}
#offerList .offer .copy .title {
	font-size: 16px;
	color: #060;
	font-weight: bold;
}
#offerList .offer .copy .subtitle {
	font-size: 14px;
	color: #060;
	margin-bottom: 10px;
}
#offerList .offer .copy .links {
	font-size: 11px;
}
#offerList .offer .buttons {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#offerList .offer .buttons a {
	display: block;
	margin-top: 5px;
}
#offerList .offer .buttons .saveCouponButtonDisabled {
	margin-top: 5px;
}

/* OFFER SINGLE DETAILS
 *********************************************/
.offerSingle .buttons {
	text-align:center;
	margin:5px 0 5px 0;
}
.offerSingle .offer-image {
	text-align:center;
}
.offerSingle .image-text {
	width:250px;
	margin: 5px auto 5px auto;
}
.offerSingleDetails .title {
	font-size: 20px;
	color: #060;
	font-weight: bold;
}
.offerSingleDetails .subtitle {
	font-size: 16px;
	color: #060;
	margin-bottom: 10px;
}
.offerSingleDetails .links {
	font-size: 11px;
	color: #DF102A;
}

/* OFFER BUBBLES
 *********************************************/
.printCouponContent {
	border:3px solid #060;
	padding:5px;
	margin-bottom:7px;
}
.printCouponContent span {
	display:block;
}


.offerBubble {
	display: none;
	position: absolute;
	top: 0;
	left: 220px;
	width: 340px;
	z-index: 1;
	padding: 2px;
	background-color: #e7e7e7;
}
.offerBubbleContent {
	position: relative;
	border: 2px solid #216064;
	padding: 12px;
}
.offerBubble span {
	display: block;
}
.offerBubble .title, div#printCouponDialog div.printCouponContent .title {
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #060;
}
.offerBubble .subtitle, div#printCouponDialog div.printCouponContent .subtitle {
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
	color: #060;
}
.offerBubble .details, div#printCouponDialog div.printCouponContent .subtitle {
	font-family: Georgia;
	color: #060;
}
.offerBubble div.expirationdate {
	margin-top:5px;
}
.offerBubble .name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2px;
}
.offerBubble .location {
	font-size: 12px;
	margin-bottom: 2px;
}
.offerBubble .phone {
	font-size: 14px;
	font-weight: bold;
	color: #2291c5;
}
.offerBubble .fineprint {
	font-size: 9px;
}


/* Growl-style notifications
 *********************************************/
div.growlUI {
	background: url(../images/icon_notification.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 60px;
	text-align: left;
	color: white;
}
div.growlUI h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	line-height: 32px;
}
div.growlUI h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}


/*
************************************************************************/
input.mini-input{
	width:30px;
}
input.standard-input{
	width:200px;
}
textarea.big-textarea {
	width: 90%;
	height: 200px;
	margin-right:20px;
}
td.label {
	text-align:right;
}
textarea.xml-view {
	width:800px;
	height:300px;
}
td.form-cell-label {
	padding-right:10px;
	text-align:right;
}

a.disabled-link, a.disabled-link:hover {
	color:#999;
	text-decoration:none;
	cursor:default;
}


/* Print Coupon Confirmation Dialog
 *********************************************/
div#printCouponDialog {
	display: none;
	padding: 20px 20px 10px;
	text-align: left;
	background-color: #e7e7e7;
}
div#printCouponDialog .title {
	color: #DF102A;
	margin-bottom: 15px;
}
div#printCouponDialog .buttons {
	margin-top: 40px;
	text-align: right;
}
div#printCouponDialog .buttons a {
	margin-left: 10px;
}

#locationRefine {
	padding:4px 0 0 5px;
}

/*
 * Offer Details Page
 */
.offer-details-toggle {
	margin:7px 0 7px 0;
	font-weight:bold;
}
.locationDetails .phone {
	color: #2291c5;
	font-weight:bold;
}
.offer-details-middle {
	background:url('../images/bg_3d-middle.gif') repeat-y;
}
.offer-details-middle .small-padding {
	padding:0 7px 0 7px;
}
.offer-details-bottom {
	background:url("../images/bg_3d-bottom.gif") no-repeat scroll 0 0 transparent;
	height:50px;
	display:block;
}
.offer-details-bottom  .largePrintBtn {
	margin-right:20px;
	text-align:right;
}

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


/* Add This Sharing Button */
.description .btnAddThis {
	float: right;
	padding-right: 15px;
}

.offerSingle  .btnAddThis {
	text-align: center;
}
.offerSingle .buttons div {
	margin:3px 0 3px 0;
}

div.locationDetails div.header {
	font-size:20px;
}
div.locationDetails div {
	margin:3px 0 3px 0;
}