/* GENERAL */

/* apply this class to elements that are still undergoing design review or undergoing development */
span.indesign,
span.indesign p
{
    color: #ff5f5f !important;
    background: #eee !important;
}

/* fixes ugly borders around fields that are affected by checkbox/combobox javascript */
.twoline .field,
.search_refine_part2 .nearest .field
{
	border: none !important;
}

.iconselect
{
	background: none !important;
}

.iconselect span
{
	display: block;
}

ol.disc,
ol li ol.disc
{
	margin-left: 15px;
}

ol.disc li
{
	list-style-type: disc;
}

ol.decimal li
{
	list-style-type: decimal;
}

.important,
.searchbar .important
{
	font-weight: bold;
}

.smallbottomspacer
{
	display: block;
	margin-bottom: 5px;
}

.mediumbottomspacer
{
	display: block;
	margin-bottom: 15px;	
}

.mediumtopspacer
{
	margin-top: 15px;
}

.bigtopspacer
{
	margin-top: 30px;
}

.mediumindent
{
    margin-left: 20px;
}

.note
{
	font-style: italic;
}

.error
{
    color: #f00;
}

.iconselect .comboboxfix
{
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 25px;
	background: #fff url(../images/select_arrow.gif) no-repeat -1px 4px;
	border-left: solid 1px #00AEEF;
}

.modalcontentcontainer
{
	font-size: medium;
	text-align: center;
}

.divider
{
	background: transparent url(../images/dots.gif) repeat-x scroll left center;
}

.inputdisabled,
.input .field .inputdisabled
{
	border: solid 1px #bfbfbf;
	color: #666;
}

.breadcrumbContainer
{
    margin-bottom: 20px;
}

.breadcrumbContainer label
{
    color: #F37321;
}

.breadcrumbContainer a
{
    color: #F37321;
    text-decoration: underline;
}

.breadcrumbContainer a:hover
{
    text-decoration: none;
}

/* JIGSAW MODAL DIALOGUE */

#modalContainer
{
	background: #fff;
	padding: 10px;
	cursor: default;
}

#modalContainer .content
{
	font-family: Arial;
	color: #0093D0;
}

#modalContainer .content p
{
	padding-bottom: 10px;
}

#modalContainer .content ol
{
	margin-top: 10px;
	margin-left: 25px;
	padding-top: 0;
}

#modalContainer .commandscontainer
{
	margin-top: 20px;
	text-align: center;
}

#modalContainer .commandscontainer .cancelCommand
{
	display: block;
	float: left;
	margin-left: 20px;
}

#modalContainer .commandscontainer .confirmCommand
{
	display: block;
	float: right;
	margin-right: 20px;
}

/* LOGIN POPUP */

.loginbox
{
}

.loginbox table
{
	width: 400px;
}

/* MODAL DIALOGUE */

div.sweepsMessage
{
   margin-bottom: 30px;
   color: #0093D0;
   font-size: larger; 
}

/* GENERAL SEARCH */

.search_holder .inner
{
	padding-bottom: 20px;
}

.location_details .logo,
body .favorites_result .logo,
.partner_details .logo
{
	width: 124px;
	height: 124px;
	overflow: hidden;
}

.searchbar .type
{
	margin-top: 5px;
}

/* SEARCH/SEARCH.ASPX */

.searchbar
{
	margin-bottom: 30px;
}

.searchbar .iconselect,
.search_holder .iconselect
{
	padding: 0;
	height: 23px !important;
	width: 100% !important;
	overflow: hidden;
}

.searchbar .iconselect span,
.search_holder .iconselect span
{
	margin-left: 3px;
	margin-top: 3px;
}

.searchbar .iconselect .comboboxfix,
.search_holder .iconselect .comboboxfix
{
	height: 23px;
}

.searchbar .twoline .field
{
	width: 175px !important;
}

.searchbar .twoline .textfield
{
	width: 175px !important;
}

.searchbar .input .field,
.searchbar .select .field
{
	width: 109px;
	float: right !important;
	margin-bottom: 0 !important;
}

.search_holder .select .field
{
	width: 109px !important;
	float: left !important;
	margin-bottom: 0 !important;
}

.search_holder .select .wide,
.search_holder .select .wide .iconselectholder
{
	width: 200px !important;
}

.search_holder .orderContainer 
{
	margin-bottom: 10px;
}

.searchbar .input .textfield
{
	width: 101px !important; /* investigate why this has to be set to a specific value instead of relative */
	margin-bottom: 0 !important;
}

.searchbar .input label,
.searchbar .select label,
.search_holder .select label
{
	width: auto !important;
	float: left;
}

.searchbar .select .widefield
{
	width: 175px;
}

.searchbar .submit
{
	margin-bottom: 20px;
}

.main_result
{
    padding-bottom: 12px;
}

.main_result .top
{
	margin-bottom: 8px;
}

.main_result h3
{
	color: #F37321;
	margin-bottom: 5px;
}

.main_result h4
{
	margin-bottom: 5px;
}

.main_result .data
{
	width: 286px;
}

.main_result .pts
{
	width: 95px;
	height: 56px;
	max-height: 56px;
	background:	transparent url(../images/searchresult_points_wide.gif) no-repeat scroll 0 0;
	margin-left: 25px;
	margin-right: 0px;
	margin-top: 12px;
	font-size: x-large;	
}

.main_result .partnerSearchImage
{
    float: left;
}

.main_result .rightContainer
{
    float: left;
    width: 505px;
}

.main_result .partnerSearchImageContainer
{
    float: left;
    width: 140px;
    padding: 0px 14px 0px 8px;
    max-width: 140px;       
}

.main_result .detailContainer
{
	float: right;
	margin-left: 25px;
	width: 115px;
}

.main_result .detailContainer *
{
	display: block;
	text-align: center;
	font-family: Arial;
}

.main_result .detailContainer label
{
	font-size: medium;
	font-weight: bold;
}

.main_result .detailContainer img
{
	margin-top: 8px;
}

.main_result .detailContainer .savings
{
	margin-right: 0;
	float: none;
	font-size: small;
	width: auto;
	margin-top: 8px;
}

.main_result .topContainer
{
    margin-top: 12px;
}

.main_result .topContainer .data
{
    width: 365px;
}

.main_result .bottomContainer
{
    margin-top: 12px;
    padding-right: 10px;
}

.main_result .bottomContainer .logo
{
    padding: 0;
}

.main_result .bottomContainer .pts,
.main_result .bottomContainer .singularPoint
{
    float: right;
    margin-top: 0;
    margin-right: 12px;
}

.main_result .bottomContainer .singularPoint
{
    margin-right: 32px;
}

.main_result .bottomContainer .pts a,
.main_result .bottomContainer .singularPoint a
{
    display: block;
    color: #f47321;
    text-decoration: none;
}

.pagingContainer
{
	text-align: right;
	padding-right: 45px;
}

/* SEARCH/SEARCHOFFER.ASPX */

.search_holder .location_details
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 680px;
}

.search_holder .location_details .action
{
	float: left;
	width: 180px;
}

.search_holder .location_details .describe
{
	margin-right: 30px !important;
}

.search_holder .location_details .describe p
{
	font-weight: bold;
}

.offers_result .top
{
	margin-bottom: 5px;
}

.offers_result .data
{
	margin-left: 10px;
	width: 450px;
}

.offers_result h3
{
	color: #1B75BC;
	margin-bottom: 10px;
}

.offers_result h4.title
{
    color: #F37321;
    font-weight; bold;
}

.offers_result .pts
{
	margin-left: 20px;
	margin-right: 0;
}

.offers_result .detailContainer
{
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	width: 115px;
	text-align: center;
}

.offers_result .detailContainer .savings
{
	margin: 0 0 10px 0;
	font-size: 15px;
	width: 100%;
}

/* SEARCH/SEARCHMAPS.ASPX */

.search_holder .location_details_wide
{
	width: 718px;
}

.search_holder .location_details_wide .action
{
	margin-left: 35px;
}

.resultsContainer
{
	float: left;
}

.map_result
{
	width: 372px;
	background: #dcf1fd url(../images/partner_result_bottom.gif) no-repeat scroll left bottom;
	padding-bottom: 10px;
	margin-bottom: 3px;
}

.map_result .top
{
	margin-bottom: 5px;
}

.map_result h4
{
	float: left;
	width: 128px;
	margin-left: 3px;
}

.map_result label
{
	float: left;
	width: 78px;
}

.map_result .pts
{
	background: transparent url(../images/points_small_bg.gif) no-repeat scroll 0 0;
	margin: 0 0 0 2px;
	padding: 0;
	width : 26px;
	height: 26px;
	text-align: center;
}

.map_result .pts p
{
	font-size : 14px;
	line-height: 25px;
	padding: 0;
}

.map_result .detailContainer
{
	float: left;
	margin-left: 2px;
}

.resultsContainer .pagingContainer
{
	text-align: right;
	padding: 0;
	width: 370px;
}

#mapview-right
{
	margin-left: 5px;
	width: 320px;
}

#map
{
	overflow: hidden; /* fixes the copyright text spilling out of map boundary */
}

/* SEARCH/SEARCHDETAILS.ASPX */

.searchdetails
{
	/* Fix: Stops Float layout calculation jumping */
	width: 1000px;
}

.searchdetails .searchbar .back
{
	padding-top: 10px;
}

.searchdetails .inner
{
	padding-bottom: 0 !important;
}

.searchdetails .searchbox
{
	background-image: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.searchdetails .searchbar .backtoresults img
{
	margin-bottom: 10px;
}

.searchdetails .box .box_top_left
{
	background: url('../images/box_top_left_narrow.gif') left top no-repeat;
}

.searchdetails .box .box_top_right
{
	background: url('../images/box_top_right_narrow.gif') right top no-repeat;
}

.searchdetails .box .box_bottom_left
{
	background: url('../images/box_bottom_left_narrow.gif') left bottom no-repeat;
}
.searchdetails .box .box_bottom_right
{
	background: url('../images/box_bottom_right_narrow.gif') right bottom no-repeat;
}

.searchdetails .unselected .box .box_top_left
{
	background: url('../images/box_top_left_narrow_unselected.gif') left top no-repeat;
}

.searchdetails .unselected .box .box_top_right
{
	background: url('../images/box_top_right_narrow_unselected.gif') right top no-repeat;
}

.search .back
{
	background-image: none !important;
}

.offersubheadercontainer .subLeftContainer
{
	float: left;
	width: 480px;
	margin-right: 10px;
}

.offersubheadercontainer .subLeftContainer .logo
{
	float: left;
	margin-right: 5px;
	width: 124px;
	height: 124px; /* design specifies 99px; */
	overflow: hidden;
}

img.partnerlogo
{
	/* Design specs
	width: 82px;
	height: 96px;
	*/
}

.offersubheadercontainer .subLeftContainer .data
{
	float: left;
	width: 350px;
}

.offersubheadercontainer .subLeftContainer .data h3.specialoffer
{
	color: #F37321;
	margin-bottom: 18px;
}

.offersubheadercontainer .subLeftContainer .data p
{
	margin-top: 20px;
}

.offersubheadercontainer .subLeftContainer .data a
{
	display: block;
	margin-top: 5px;
	text-decoration: none;
	color: #0093D0;
}

.offersubheadercontainer .subLeftContainer .data a:hover
{
	text-decoration: underline;
	color: #0093D0;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer
{
	margin-top: 20px;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer h2
{
	margin-bottom: 10px;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer p
{
	padding: 0;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol
{
	margin-top: 10px;
	margin-left: 25px;
	padding-top: 0;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer li
{
	list-style-type: disc;
	margin-bottom: 5px;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol.decimal li
{
	list-style-type: decimal;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol.alphabetic li,
.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol.decimal ol.alphabetic li
{
	list-style-type: lower-alpha
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol.none li,
.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol.decimal ol.none li
{
	list-style-type: none;
}

.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol.disc li,
.offersubheadercontainer .subLeftContainer .redemptionInstructionsContainer ol ol.disc li
{
    list-style-type: disc;
}

.offersubheadercontainer .rightSubContainer
{
	float: left;
	width: 196px;
}

.offersubheadercontainer .rightSubContainer .data
{
	float: left;
}

.offersubheadercontainer .rightSubContainer .data h3
{
	margin-top: 16px;
}

.offersubheadercontainer .rightSubContainer .pts
{
	float: right;
	width: 54px;
	height: 54px;
	text-align: center;
	display: inline;
	background: url('../images/searchdetails_points_bg.gif') no-repeat;
	position: relative;
	font: bold 27px/27px Arial, Helvetica, sans-serif;
	color: #f47321;
	padding-top: 8px;
	max-height: 46px;
}

.offersubheadercontainer .rightSubContainer .commands
{
	margin-top: 20px;
}

.offersubheadercontainer .rightSubContainer .commands img,
.offersubheadercontainer .rightSubContainer .commands input
{
	margin-top: 7px;
}

.specialInformationContainer
{
	margin-top: 20px;
}

.specialInformationContainer .box_inn
{
	padding: 10px !important;
}

.specialInformationContainer img
{
	float: left;
	width: 9px;
	height: 32px;
	margin-left: 10px;
}

.specialInformationContainer p
{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	padding: 0;
	width: 620px;
}

.offerdetailmultiviewtabcontainer
{
	margin-top: 15px !important;
}

.offerdetailmultiviewtabcontainer a
{
	text-decoration: none;
}

#searchbox_tabs .box
{
	margin-right: 3px;
	background-color: #c2e7fc;
}

#searchbox_tabs .box .box_inn
{
	padding: 8px 25px 8px 25px;
	color: #F37321;
	font-weight: bold;
}

#searchbox_tabs .selected .box
{
	background-color: #DCF1FD;
}

.offermultiviewcontainer
{
	background: none;
}

.offermultiviewcontainer .contentarea
{
	padding: 20px;
}

.offermultiviewcontainer .locationdetails
{
	float: left;
	width: 130px;
}

.offermultiviewcontainer .locationdetails .logo
{
	text-align: left;
	margin-right: 0;
	width: 124px;
	height: 124px;
	overflow: hidden;
}

.offermultiviewcontainer .locationdetails .info span
{
	display: block;
}

.offermultiviewcontainer .offerdescriptioncontainer .description
{
	float: left;
	margin-left: 5px;
	width: 520px;
}

.offermultiviewcontainer .offerdescriptioncontainer .description ol
{
	margin-left: 10px;
}

.offermultiviewcontainer .offerdescriptioncontainer .description ol li
{
	list-style-type: disc;
}

.offermultiviewcontainer .offerdescriptioncontainer .offerDetailsButtonContainer
{
	float: right;
	margin-top: 30px;
}

.offermultiviewcontainer .offermapcontainer .locationdetails .getdirections
{
	margin-top: 50px;
}

.offermultiviewcontainer .offermapcontainer .mapContainer
{
	float: left;
	width: 510px;
	height: 300px;
	margin-left: 10px;
}

.offermultiviewcontainer .offermapcontainer .mapContainer #map
{
	width: 510px;
	height: 300px;
}

.offermultiviewcontainer .offertermscontainer p
{
	padding: 0;
	margin-bottom: 3px;
}

.offermultiviewcontainer .offertermscontainer p.copyright
{
	margin-top: 15px;
}

/* HOME/REDEEMVOUCHER.ASPX */

.box
{
	background-color: #DCF1FD;
}

.modalPopup
{
	width: 400px;
	padding: 20px;
}

.cancelbutton
{
	float: left;
}

.okbutton
{
	float : right;
}

.printerHelp
{
	text-align: left;
}

.redemptionDialogNotice
{
	color: #0093d0;
	font-style: normal;
	font-family: Arial;
	font-size: medium;
	text-align: center;
}

.redemptioncontainer
{
	padding-right: 30px;
	margin-top: 20px;
}

.redemptioncontainer h2
{
	margin-bottom: 12px;
	line-height: 18pt;
}

.redemptioncontainer p
{
	padding: 0;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 18px;
}

.redemptioncontainer .readonlyBox
{
	display: block;
	border: 1px solid #00aeef;
	background: #f0f0f0;
	color: #00aeef;
	padding: 5px 20px;
	outline: none;
	margin-bottom:10px;
}

.redemptioncontainer ol.disc li
{
	margin-bottom: 15px;
}

.redemptioncontainer ol.disc li ol li
{
	margin-bottom: 0;
}

.redemptioncontainer div.checkboxcontainer
{
	margin-top: 10px;
	padding-right: 5px;
}

.redemptioncontainer div.checkboxcontainer label
{
	float: left;
}

.redemptioncontainer div.checkboxcontainer input
{
	float: right;
}

.redemptioncontainer .leftPanel
{
	float: left;
}

/* correction */
.redemptioncontainer .leftPanel .locationdetails
{
	float: none;
}

.redemptioncontainer .rightPanel
{
	float: left;
	width: 520px;
	margin-left: 10px;
}

.redemptioncontainer .commandcontainer
{
	margin-top: 10px;
	text-align: right;
}

.redemptioncontainer .commandbutton
{
	float: right;
	margin-left: 10px;
}

.redemptioncontainer .submitcommand
{
	margin-top: 10px;
}

.redemptioncontainer .donatepointsinputcontainer
{
	text-align: center;
}

.redemptioncontainer .input .field input.pointsinput
{
	width: 100px;
}

.redemptioncontainer .optinStatusContainer
{
	margin-top: 10px;
	background-color: #ffff5f;
}

.redemptioncontainer .optinStatusContainer label
{
	display: block;
	padding: 5px;
	text-align: center;
}

#postCouponModalContainer .postCouponCouponIncFrame
{
    width: 600px;
    height: 600px;
    border: none;
}

.redemptionTermsAndConditionsContainer
{
	margin-top: 10px;
	text-align: right;
}

.redemptionTermsAndConditionsContainer a
{
	text-decoration: underline;
	color: #f37321;
}

.redemptionTermsAndConditionsContainer a:hover
{
	text-decoration: none;
}

/* HOME/BANKPOINTS.ASPX */

.floatclear
{
	float: none;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
}

#bank_points div.input img
{
	margin-left: 10px;
	margin-top: 4px;
}

#bank_points .input .field .textfield
{
	margin: 0;
}

#bank_points label.retailerlistsubheader
{
	width: 241px !important;
	text-align: left !important
}

#bank_points .errormessage
{
	display: block;
	float: left;
	color: #ff2f2f;
	padding-left: 70px;
	padding-right: 80px;
}

#bank_points a.InfoT
{
	margin-left: 5px;
}

#bank_points .cant_remember
{
	margin-top: 5px;
}

/* MYACCOUNT/FAVORITES.ASPX */

.favorites_result .actions a
{
	float: left;
	margin-bottom: 10px;
}


/* HOME/KROGER.ASPX */

.krogerframe
{
	width: 100%;
	height: 400px;
	border: none;
	margin-top: 40px;
	overflow: hidden;
}


/* HOME/REGISTRATIONWELCOME.ASPX */

.thankscrmusercontainer
{
	margin-top: 10px;
	margin-bottom: 40px;
}

.thankscrmusercontainer label
{
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

.thankscrmusercontainer a
{
	margin-left: 30px;
}

/* MYACCOUNT/COMPLETESURVEY.ASPX */

.account_survey_holder .submit .cancelcommand
{
	float: left;
}

.account_survey_holder .submit .submitcommand
{
	float: right;
}

/* LOGIN/ACCOUNTDISPLAY.ASPX */

.passwordtext
{
	color: #F37321;
	font-weight: bold;
}

/* LOGIN/LOGIN.ASPX */

.loginContainer
{
	margin-top: 40px;
	margin-left: 238px;
	margin-bottom: 70px;
}

.loginContainer .sweepstakesMessage
{
	display: block;
	font-size: 115%;
	margin-bottom: 20px;
	margin-left: 65px;	
}

.loginContainer .row
{
	margin-bottom: 10px;
}

.loginContainer .indent
{
	padding-left: 90px;
}

.loginContainer .row .title
{
	float: left;
	width: 80px;
	color: #00AEEF;
	font-size: 125%;
	margin-top: 5px;
	text-align: right;
}

.loginContainer .row .textbox
{
	float: left;
	margin-left: 10px;
	border: solid 1px #00AEEF;
	width: 240px;
	/*height: 30px;*/
	padding: 3px;
	font-size: 125%;	
}

.loginContainer .row .failureText,
.loginContainer .row .cookieError
{
	width: 250px;
	color: #f00;
	display:block;
}
.loginContainer .row .forgottenPassword
{
	color: #00AEEF;
	font-size: 125%;
}

.loginContainer .row .rememberMe label
{
	padding-left: 10px;
	vertical-align: text-bottom;
}

.loginContainer .row .rememberDescription
{
	display: block;
	width: 250px;
	font-size: 90%;
}

.loginContainer .row .loginCancelButton
{
	float: left;
}

.loginContainer .row .loginButton
{
	float: right;
}

.loginContainer .row .registerLink
{
	margin-left: 45px;
	color: #FE985C;
}