/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; vertical-align: middle; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block; }
strong { font-weight: bold; }
em { font-style: italic; }

/* UPDATED CLEARFIX */
.clearfixList > li:after,
.groupList > li:after,
.clearfix:after,
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfixList > li,
.groupList > li,
.clearfix,
.group { *min-height: 1px; }

/* typography */
p { margin: 12px 0; }

/* layout */
#mainMenu { margin-bottom: 11px; }
#mainContent { margin-bottom: 25px; }
#olBreadCrumbMain { margin-bottom: 18px; }
#lblProductCategoryHeader { display: inline-block; margin-bottom: 11px; }
#pnlCriteriaPanel { float: none; }
#RTPShoppingCart, #pnlShoppingCart { margin-bottom: 20px; }

/* Jquery UI dialog - styles or on the element so important required :( */
.ui-widget-overlay { width: 100% !important; position: fixed; }
.globalAsyncCover { display: none !important; }
body .ui-dialog { padding: 0; background: none repeat scroll 0 0 transparent; border: 8px solid #000; border: 8px solid rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.ui-dialog .ui-dialog-titlebar { display: none; }
.ui-dialog .ui-dialog-content { position: relative; overflow: hidden; background-color: #fff; }
.ui-dialog .ui-dialog-content .wrap > h2 { margin: 0 65px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-content .wrap > p { margin: 3px 0 15px 1px; font-size: 16px; }
.ui-dialog > .btnClose { position: absolute; right: 0; top: 0; z-index: 1003; padding: 5px 10px; font-weight: bold; font-size: 10px; color: #444; font-family: tahoma, Arial; cursor: pointer; border-radius: 0 0 0 5px; box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2); background-color: #eee; background: -moz-linear-gradient(left center, #eee, #ccc) repeat scroll 0 0 #eee; background: -webkit-linear-gradient(left center, #eee, #ccc) repeat scroll 0 0 #eee; }
.ui-dialog > .btnClose:hover { box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.7); }
.ui-dialog > .btnClose em { position: relative; left: 5px; padding: 1px 3px; font-weight: normal; font-family: Arial; border: 1px solid #999; }

/* buttons */
button, .eStoreButton { cursor: pointer; white-space: nowrap; }
.eStoreButton { opacity: 1; -moz-transition: opacity 0.3s; }
.eStoreButton.disabled { color: #444; opacity: 0.3; cursor: inherit; }

/* link buttons */
.lnkButton { background: none; border: none; text-align: left; }

/* main manu */
.panelMainMenu { overflow: hidden; height: auto !important; }
.panelMainMenu > a { display: none; }
body .MenuItemMainStatic { height: auto; }
body div.MenuMainDynamicStyle { height: auto !important; width: auto !important; }
body table.MenuItemMainDynamic { width: 100% !important; }
body table.MenuItemMainDynamic { vertical-align: middle !important; }
body a.MenuItemMainDynamic { display: table-cell; vertical-align: middle; min-width: 100% !important; padding: 0; margin: 0 !important; }
body .MenuItemMainStatic td { padding: 5px 17px; }
body table.MenuItemMainDynamic td + td { vertical-align: middle; }

/* language panel */
.languagePicker.content_full_width { padding: 3px 10px; }

/* CMT Segments */
.infrWebEditor { overflow: scroll; }
.editorPanel { overflow: auto; padding: 8px; }

/* Promotions */
.promotions { display: block; float: left; max-width: 550px; line-height: 16px; }
.promotions h5 { font-size: 16px; }
.promotions ul { display: inline-block; padding: 7px; }
.promotions ul p { display: inline; }

/* validator callout styles */
html body .ajax__validatorcallout_icon_cell, html body .ajax__validatorcallout_error_message_cell { padding: 5px; font-weight: normal; }
html body .ajax__validatorcallout_close_button_cell,
html body .ajax__validatorcallout_callout_arrow_cell,
html body .ajax__validatorcallout_callout_cell { padding: 0; }
html body .ajax__validatorcallout_callout_cell { padding-top: 7px; }
html body ajax__validatorcallout_icon_cell { vertical-align: top; }

/* alert styles */
#errorWrapper { overflow: hidden; }
#pnlAlert, div[id$="pnlAlert"] { border-radius: 5px; font-size: 11px; }
#pnlAlertTitle, div[id$="pnlAlertTitle"] { position: relative; }
#pnlAlertTitle #imgAlert, div[id$="pnlAlertTitle"] img[id$="imgAlert"] { position: absolute; top: 0; left: 0; }
#pnlAlertTitle span, div[id$="pnlAlertTitle"] span { display: inline-block; margin-left: 23px; }
#pnlAlertContent, div[id$="pnlAlertContent"] { display: inline-block; margin-left: 23px; margin-top: 5px; }

/* require field validators for login */
.content_login_form .rowFormContent .rowFormContentHeader + td { position: relative; display: block; }
.content_login_form .rowFormContent .rowFormContentHeader + td > table { left: auto !important; top: 10px !important; right: -40px !important; }

/* create search panel hacks */
#pnlSearchAccountWrapper > div, #pnlCreateAccountWrapper > div { overflow-y: visible !important; }

/* resort charge validator */
div[id$="pnlResortChargeFamily"] table[id$="ResortChargeData1_ccPaymentFamily_gvCreditCards"] tbody > tr + tr + tr { position: relative; z-index: 1; }

/* panel header padding */
body .panelFormHeaderNoOutline { padding: 10px 0; }

/* delivery info and panel reivew */
.panelFormContent .labelFormLabel + .dropDown { margin: 7px 0; }
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_PurchaseReview1_pnlReview .gridFormContent td + td,
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ConfirmationPurchaseReview_pnlReview .gridFormContent td + td { padding: 0; }
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_PurchaseReview1_pnlReview .panelFormContentMiddle > span,
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ConfirmationPurchaseReview_pnlReview .panelFormContentMiddle > span { display: inline-block; margin: 7px 0; }

/* create find styles */
.findInstructions { padding: 15px 5px 5px; }
.panelFormContent .loginButtonContainer { padding-top: 9px; text-align: center; }

/* cmt blocks/tooltip styles */
.cmt { margin-top: 0; }
.cmt.tooltip { position: relative; border: 3px solid #888; padding: 7px; min-width: 200px; min-height: 33px; background-color: #eee; line-height: 16px; font-size: 11px; font-weight: bold; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(left, #eee, #ddd); background: -webkit-linear-gradient(left, #eee, #ddd); -moz-transition: height 0.3s; -webkit-transition: height 0.3s; }
.cmt.tooltip img { vertical-align: middle; padding-right: 5px; }

.toolTipWrap { position: relative; }
.toolTipWrap .cmt.active { position: absolute; left: 68%; top: -16px; visibility: visible; opacity: 1; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; }
.toolTipWrap .cmt { visibility: hidden; opacity: 0; -moz-transition: visibility 0s linear 0.9s, opacity 0.9s linear; -webkit-transition: visibility 0s linear 0.9s, opacity 0.9s linear; }

/* tooltip triangles */
.cmt.tooltip.arrow-left:before { content: ''; position: absolute; top: 13px; left: -13px; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #888; font-size: 0; line-height: 0; }
.cmt.tooltip.arrow-left:after { content: ''; position: absolute; top: 15px; left: -8px; width: 0; height: 0; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid #eee; font-size: 0; line-height: 0; }

.cmt.tooltip.arrow-top { margin-top: 16px; }
.cmt.tooltip.arrow-top:before { content: ''; position: absolute; top: -13px; left: 30px; width: 0; height: 0; border-bottom: 10px solid #888; border-left: 10px solid transparent; border-right: 10px solid transparent; font-size: 0; line-height: 0; }
.cmt.tooltip.arrow-top:after { content: ''; position: absolute; top: -8px; left: 32px; width: 0; height: 0; border-bottom: 8px solid #eee; border-left: 8px solid transparent; border-right: 8px solid transparent; font-size: 0; line-height: 0; }

.cmt.tooltip.arrow-bottom { margin-bottom: 16px; }
.cmt.tooltip.arrow-bottom:before { content: ''; position: absolute; bottom: -13px; left: 30px; width: 0; height: 0; border-top: 10px solid #888; border-left: 10px solid transparent; border-right: 10px solid transparent; font-size: 0; line-height: 0; }
.cmt.tooltip.arrow-bottom:after { content: ''; position: absolute; bottom: -8px; left: 32px; width: 0; height: 0; border-top: 8px solid #eee; border-left: 8px solid transparent; border-right: 8px solid transparent; font-size: 0; line-height: 0; }

/* inheritance */
.ui-dialog, .ui-widget { font-family: inherit; font-size: inherit; }
.ui-loader { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear; -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear }
.loading ~ .ui-loader { visibility: visible; opacity: 1; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; }
.ui-icon-loading, .ui-widget-overlay:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px; height: 46px; width: 46px; opacity: 1; background-image: url(https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/images/ajax-loader.gif); border-radius: 36px; }
.ui-dialog .ui-icon-loading { opacity: 0.3; }
.ui-dialog .eStoreButton { font-family: inherit; }

/* shared user info control */
#fsWrap.loading ~ .ui-loader { visibility: visible; opacity: 1; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; }
#fsWrap .userInfo { float: left; }
#fsWrap .userInfo ul { width: 154px; -moz-transition: width 0.6s; -webkit-transition: width 0.6s; }
#fsWrap .userInfo ul.collapse { width: 0; }
#fsWrap #fsAddressInfo ul, #fsWrap #fsSharingInfo ul { margin-left: 15px; }
#fsWrap #fsAddressInfo ul { overflow: hidden; }
#fsWrap #fsAddressInfo input[type="text"] { width: 176px; }
#fsWrap #fsAddressInfo select { width: 180px;padding: 1px 0px; }
#fsWrap .userInfo li { margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; }
#fsWrap .userInfo .hasDatepicker { background-image: url("../App_Themes/_Base/Images/Icons/calendar.gif"); background-repeat: no-repeat; background-position: 100% 2px; }
#fsWrap .userInfo .ui-datepicker-trigger { display: none; }
#fsWrap .userInfo ul input[type="text"], #fsWrap .userInfo ul select, #fsWrap .userInfo ul .labelFormLabel, #fsWrap .userInfo ul .lnkButton { width: 145px; display: block; }
#fsWrap .userInfo ul input[type="text"].hidden, #fsWrap .userInfo ul select.hidden, #fsWrap .userInfo ul .labelFormLabel.hidden, #fsWrap .userInfo ul .lnkButton.hidden { display: none; }
#fsWrap .userInfo li > input[type="checkbox"], #fsWrap .userInfo li > input[type="checkbox"] + label { vertical-align: middle; font-size: 11px; font-weight: bold; }

/* golf accordion menu hack */
#ctl00_ctl00_ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_leftBar_GolfMenu1_AccordionProfileNav { overflow: visible !important; }

/* debug information optionally displayed at the bottom of the page */
#pnlDebug { position: fixed; bottom: 0; left: 50%; padding: 5px; background-color: #333; border-radius: 5px 5px 0 0; width: 970px; margin-left: -490px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
#pnlDebug h3 { margin-right: 10px; display: inline-block; color: #fff; font-weight: normal; font-size: small; }

div.defaultErrorPageWrapper { border: 1px solid #000; margin: 50px auto 0 auto; width: 500px; padding: 10px; color: #000; 
                              -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); -webkit-border-radius: 12px; -moz-border-radius: 7px; border-radius: 7px; }
div.defaultErrorPageTitle { text-align: center; font-weight: bold; font-size: larger; margin: 10px; padding: 10px; background-color: #f00; color: #ff0;
                            -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 7px; }
div.defaultErrorPageText, div.defaultErrorPageDetail { margin: 20px 10px; }