/* AUTOPARTNERS */
/* Origination CRM | Will Dayble, April 08 */
/* This is the rewards catalogue stuff, including hacky replacement of the original CSS (assumes modded version of catalogue) */

#rewardsBanner{overflow:hidden; position:relative; padding:0; z-index:40;}
#rewardsBannerInner{display:block; text-decoration:none; position:absolute; top:0; width:1273px; left:50%; margin:0 0 0 -630px; z-index:50;}


/* here are some individual banners. We use a different class for each as these may change and we may want to revert... */

#rewardsBanner.banner101{background: url(../images/rewards/banners/2009-repeater.jpg) repeat-x bottom; height: 450px; margin: 0 0 0 0}
#rewardsBanner #rewardsBannerInner{background:url(../images/rewards/banner_NEWrewards.jpg) no-repeat top; height: 450px; position: relative; z-index: 100;}

/* red cross version
#rewardsBanner #rewardsBannerInner{background:url(../images/rewards/banners/red-cross-banner.jpg) no-repeat top; height: 554px; position: relative; z-index: 100;}

2009 catalogue:
#rewardsBanner #rewardsBannerInner{background:url(../images/rewards/banners/2009-catalogue-page-header.jpg) no-repeat top; height: 554px; position: relative; z-index: 100;}
*/

/* search results */
#searchHeader{background:url(../images/rewards/search-header.jpg) no-repeat top; margin:50px 0 0 0; padding:30px 0; position:relative;}
#prodDetailHeader{background:url(../images/rewards/footer-upside-down.jpg) no-repeat top; margin:75px 0 0 0; padding:10px 0 30px; position:relative;}

#mainContentFooter.hacketyMargin{margin-top: -120px; z-index: 500; position: relative;}

/* stuff already generated by composure */
#QuickSearch{padding:20px 0 30px; z-index: 300;}
#QuickSearch{font-size:14px; color:#333;}
#QuickSearch h2{font-size:22px; font-weight:normal; margin:0; padding:10px 0 0;}

#QuickSearch table{margin:0 auto;}
#QuickSearch td{vertical-align:top;}

#QuickSearch ul{margin:0; padding:15px;}
#QuickSearch li {list-style:none; margin:0; padding:0;border-bottom:1px solid #fff}
#QuickSearch li a{background:url(../images/rewards/li-arrow.gif) no-repeat left; color:#000; display:block; padding:3px 0 5px 15px; text-decoration:none;}
#QuickSearch li a:hover{background:url(../images/rewards/li-arrow-over.gif) no-repeat left; color:#ff0000; }


#QuickSearch form{margin:0; padding:10px 0;}
#QuickSearch form input{margin:0; padding:0; border:1px solid #ccc; background:#fff; font-size:15px; padding:4px;}


/* search */
#RefineSearch{font-size:14px; color:#333; background:#fffde8 url(../images/rewards/yellow-grad-up.jpg) repeat-x bottom; margin:30px 20px; padding:10px; position:relative; border:1px solid #e4e1bd; height:120px; z-index:50;}
#RefineSearch fieldset{padding:0; border:none; }
#RefineSearch legend{display:none;}

#refineYourSearch{background:url(../images/rewards/magnify.gif) no-repeat left; padding:15px 0 15px 55px; font-size:16px; position:absolute; top:40px; left:35px; z-index:100; color:#000;}

#RefineSearch .InputRow{position:relative; height:30px; width:420px; float:right; clear:right;}
#RefineSearch .InputRow label{color:#6c683a; font-size:14px; width:100px; text-align:right; position:absolute; top:0; left:0;}
#RefineSearch .InputRow input, #RefineSearch .InputRow select {color:#555; font-size:15px; width:300px; padding:3px 0; position:absolute; top:0; left:120px;}
#RefineSearch input{border:1px solid #ccc; background:#fff; font-size:15px; padding:4px;}
#RefineSearch select{border:1px solid #ccc; background:#fff; font-size:15px; padding:4px;}

.PageIndex{font-size:11px;}
.PageIndex a{color:#cc0000 !important; text-decoration:none;}

/* results */
#GenericHeading h2{font-size:22px; color:#cc0000; font-weight:normal; margin:0; padding:0;}
#PageIndex{/* need woric to kill inline styles */}

#SearchResults{border:1px dashed #ccc; margin:30px 20px; padding:10px;}

#SearchResults td{border-bottom:1px solid #ccc;}

/* thumb */
.TN{width:90px;}
.TN a{display:block; padding:5px; border:1px solid #ccc; text-decoration:none; text-align:center; margin:5px 0;}
.TN a:hover{border:1px solid #666;}

/* text */
.Txt{font-size:12px; color:#666; width:540px; padding:10px 10px 10px 20px;}
.Txt a{color:#cc0000; text-decoration:none; font-size:14px; padding:0 0 5px; display:block;}
.Txt a:hover{color:#ff0000;}

.HeadingLeft{color:#000; padding:0 10px 0 0;}
.HeadingRight{color:#000; padding:0 10px 0 20px;}


/* this is the points plus pay tooltip */

#SearchResults .Lnks{position: relative !important; display: block; padding-top: 20px; border-bottom: 1px solid #ccc; height: 75px;}
#SearchResults .Lnks .PPP{position: absolute; width: 90px; height: 45px; top:20px; right: 90px; display: block; text-decoration: none; background:url(../images/rewards/pointspluspay/product-row-icon.gif);}
#SearchResults .Lnks .PPP span, .PPPvariation label .hint a b{display: none; position: absolute; width: 237px; height: 152px; top:-55px; left: -215px; background: url(../images/rewards/pointspluspay/tooltip.png); text-indent: -999em;}
#SearchResults .Lnks .PPP:hover span, .PPPvariation label .hint a:hover b{display: block;}

* html #SearchResults .Lnks .PPP span{background: url(../images/rewards/pointspluspay/tooltip.gif);} 

/* the cart !*/
#ShoppingCart{border:1px solid #ccc; position:absolute; right:20px; width:100px; background:#fff; padding:4px;}
#searchHeader #ShoppingCart{top:-74px; }
#prodDetailHeader #ShoppingCart{top:-56px; }
#ShoppingCart h2{font-size:11px; color:#777; font-weight:normal; margin:0; padding:0;text-align:right;}
#ShoppingCart ul{margin:0; padding:0; list-style:none;}
#ShoppingCart li{margin:0; padding:0; font-size:11px; text-align:right;}
#ShoppingCart a{font-size:11px; color:#cc0000; display:block; text-align:right; text-decoration:none; background:#ddd; padding:3px; position:absolute; bottom:0; left:0px; right:0px;}
* html #ShoppingCart a{width:100%; margin-left: 1px;}
#ShoppingCart a:hover{background:#aaa; color:#fff;}
#ShoppingCart .base{display:none;}

/* details! */

#RewardDetails h3, #yourSelectedItem, #yourDetailsCheckout{font-size:18px; color:#999; background:#f5f5f5; padding:10px; margin:5px 0 15px; border:none !important;}

.prodDetailLeftTableTD{width:295px; text-align:center;}
.prodDetailRightTableTD{padding:0 0 0 20px; width:390px; }

#RewardDetails{font-size:13px; color:#555;}

#rewardDetailProdName{font-size:20px; font-weight:normal; margin:0 0 10px 0; padding:0 0 5px 0;}

#thisIsNotADamnFieldSet{font-size:12px; border:1px solid #ccc; position:relative; margin:0 0px 0 0; clear:both; padding:9px; min-height:55px; overflow: visible;}
* html #thisIsNotADamnFieldSet{height:125px; overflow: visible;}
#thisIsNotADamnFieldSet a{color:#cc0000; text-decoration:none;}


/* dude what ?
#thisIsNotADamnFieldSet .variation{padding:5px; background: #f9f9f9; position:relative; height:32px; clear: both; float: none;}
#thisIsNotADamnFieldSet .variation label{width:120px; display:block; float: left; margin-right: 0px; width: 125px;}
*/

/* then it's in! */
#thisIsNotADamnFieldSet p{margin:0; padding: 5px;}
	
#rewardAddLabel{width:80px; margin-right: 5px;}
#rewardAddQuantity{width:40px; font-size:16px; margin: 5px;}
#rewardAddToCartDiv{clear:both; padding:15px 0; display:block; height: 40px;}
#rewardAddToCart{width:150px; background: #fff; border:1px solid #666; clear:both;}

#rewardDetailContinueCheckoutButtons{padding-top:20px; clear:both;}
* html #rewardDetailContinueCheckoutButtons{margin-top:-30px;}
#rewardDetailContinueCheckoutButtons a, #rewardDetailContinueCheckoutButtons span, #ShoppingCartButtons input, #catalogueCheckoutButton, #ClaimFormSubmit, #ClaimForm_c3554242ae954c82ae6513311908768d .SubmitRow input, #rewardAddToCartDiv input{background:#ffad00 url(../images/grads/orange-up-ffad00.jpg) repeat-x bottom;display:block; float:left; padding:10px; margin:0 5px; font-size:20px; color:#fff; border:1px solid #000; text-decoration:none;}
#rewardDetailContinueCheckoutButtons .disabled{color:#aaa; background:#fff; border:1px solid #ccc;}
#rewardDetailContinueCheckoutButtons a:hover, #ShoppingCartButtons input:hover{color:#000;}

/* error for the claim forms needs to be bigger, some people are missing it!*/
#ClaimForm form fieldset .errorMsg{border:1px solid #c00; font-weight: bold; color: #c00; padding: 5px; font-size: 12px; text-align: center;}

.BackOrder{color:#cc0000; display:block; padding:10px; font-style:italic; background:#f9f9f9;}

#ShoppingCart_Cart{ font-size:13px;}
#ShoppingCartItems table{font-size:13px; margin:0 auto 20px; width:650px; border:1px solid #ccc; background:url(../images/library/grads/grad-up-light-midsize.jpg) repeat-x bottom; padding:5px;}
#ShoppingCartItems table th{color:#fff; background:#666; padding:5px;}
#ShoppingCartItems table td{padding:5px; border-bottom:1px solid #ccc;}
#ShoppingCartItems table td a{text-decoration:none; color:#cc0000;}
#ShoppingCartItems table td a:hover{color:#ff0000;}

#ShoppingCartButtons {margin:0 0 0 45px;}
#ShoppingCartButtons input{width:220px;} /* see above for main styles */

/* check out */
#yourSelectedItem, #yourDetailsCheckout{/* see above */}
#yourDetailsCheckoutIntro{background:#fffde8 url(../images/rewards/yellow-grad-up.jpg) repeat-x bottom; font-size:14px; padding:15px; border:1px solid #e4e1bd; color:#706434; width:400px; margin:0 auto;}
#ClaimForm input{border:1px solid #ccc; width:260px; font-size:16px; padding:2px 0;}
.clarification{font-size:11px !important; display:block;}
#ClaimForm .ReadOnly input{border:1px solid #ccc; width:260px; font-size:16px; padding:2px 0; color: #444; background: #ddd;}

.hidden{display:none !important;}


/* and they have to log in, apparently */

#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f form .SubmitRow {padding:10px 0 0 120px;}
#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f form, #loginErrorAtCheckout{width:400px; margin:10px auto; font-size:13px;}
#loginErrorAtCheckout h4{color:#cc0000;}
#loginErrorAtCheckout a{color:#555; text-decoration: none;}

/* set some widths in silly ways */
#ClaimForm_420fa3f5cf6c45eeb80ddb3d76acc569 #ClaimForm{width:400px; margin:0 auto;}
#ClaimThankyou_6bd100fc8ca5435297d050e4242614f8 #ClaimForm form{width:400px; margin:0 auto;}

/* now we do the confirmation */

#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f fieldset, #ClaimThankyou_6bd100fc8ca5435297d050e4242614f8 fieldset{border:1px solid #ccc; padding:10px; margin:10px 0;}
#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f legend, #ClaimThankyou_6bd100fc8ca5435297d050e4242614f8 legend{border:1px solid #ccc; padding:5px; font-size:11px;}
#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f .InputRow, #ClaimThankyou_6bd100fc8ca5435297d050e4242614f8 .InputRow{font-size:13px; padding:5px; border-bottom: 1px solid #ddd;}
#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f .InputRow label, #ClaimThankyou_6bd100fc8ca5435297d050e4242614f8 .InputRow label{color:#666;width:150px; display: block; float:left; font-size: 11px;}

#ClaimFormSubmitRow{text-align: center;}
#ClaimFormSubmit{margin:5px auto;}
#ConfirmClaim_93d0cdfaecb943858350f0955d73a28f .InputRow input{margin:0 auto;}
#changeDetailsFun{font-size:13px; color: #cc0000; padding:5px; background: #fff; border:none;}

.hidden{display:none !important; border:none !important; overflow: hidden !important; width:1px !important; height:1px !important;}

/* please supply search terms when no category is selected */
#supplySearchTerms{padding:10px; text-align: center; border:1px solid #ccc; background: #f9f9f9; margin:0 20px;}


/* trying to fix the mess */
.variation{clear: both;}
.optionRow, .radioRow{clear: both; background: #fff; padding: 5px 0; margin: 4px 0;}
.optionRow:after, .radioRow:after {content: ".";display: block;height: 0; clear: both;visibility: hidden;}
* html .optionRow, * html .radioRow{overflow: visible; height: 40px}
.PPPvariation h5, .variation h5{padding: 5px 0 0; margin: 0; font-size: 12px;}
.PPPvariation span, .PPPvariation label, .variation label .variation span{float: left; display: block; padding: 4px; margin: 0;}
.PPPvariation span, .variation span{width: 20px; clear: left;}
.PPPvariation label, .variation label{width: 300px !important; padding-top: 7px;}

.optionRow{}

/* tooltip, see #SearchResults .Lnks .PPP em for the rest of this style */

.PPPvariation label .hint a {display: inline; position: relative;}
.PPPvariation label .hint b{left: -230px !important; top:-65px !important;}

/* SINGING! It true we cold like Alaska, freezer */