/* Minification failed. Returning unminified contents.
(3740,17): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/*  ===============================================================================
	TOC
	=============================================================================== 

    HTML5 Display Definitions
    Base
    Containers
    Containers > Main Content
    Header
    Links
    Links > Icons
    Typography
    Lists
    Embedded Content
    Figures
    Forms
    Buttons
    Tables
    Checkboxes
    Radiobuttons
    Textareas
    Dropdowns
    Textboxes
    Classes
    Output Messages
    Update Panel
	Price Animation
    Modal
    Modal > Session Notifications
    Async Loading
*/


/*  ============================================================================
	HTML5 display definitions
	============================================================================  */

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section { display: block; }

	audio,
	canvas,
	video {
	    display: inline-block; 
	    *display: inline;
	    *zoom: 1;
	}

	audio:not([controls]) { display: none; }
	[hidden] { display: none; }


/*  ============================================================================
	Base
	============================================================================ */

	html {
	    font-size: 100%;
	    text-align: center;
	    background-image: none;
	    -webkit-text-size-adjust: 100%;
           -moz-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
             -o-text-size-adjust: 100%;
                text-size-adjust: 100%;
	}

	body {
	    margin: 0;
	    font-size: 14px;
	    text-align: center;
	    background-image: none;
	}


	/* scrollbar */

	::-webkit-scrollbar {
	    z-index: 200;
	    width: 8px;
	    height: 8px;
	}

	::-webkit-scrollbar-track {
		-webkit-border-radius: 10px;
           -moz-border-radius: 10px;
            -ms-border-radius: 10px;
             -o-border-radius: 10px;
                border-radius: 10px;

	    background: #d5d8dd;
	}

	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
           -moz-border-radius: 10px;
            -ms-border-radius: 10px;
             -o-border-radius: 10px;
                border-radius: 10px;

	    background: #abacb1;
	}

	::-webkit-scrollbar-thumb:hover,
	::-webkit-scrollbar-thumb:active { background: #9a9ba0; }

	html.OverflowScrolling #slideout-content,
	html.OverflowScrolling #mobile-help,
	html.OverflowScrolling #site-navigation {
		-webkit-overflow-scrolling: touch;
           -moz-overflow-scrolling: touch;
            -ms-overflow-scrolling: touch;
             -o-overflow-scrolling: touch;
                overflow-scrolling: touch;
	}


/*  ============================================================================================================
	Containers
	============================================================================================================ */


	html,
	body {
        z-index: 998;
	    width: 100%;
	    height: 100%;
	    min-height: 100%;

		-webkit-overflow-scrolling: touch;
           -moz-overflow-scrolling: touch;
            -ms-overflow-scrolling: touch;
             -o-overflow-scrolling: touch;
                overflow-scrolling: touch;
	}

	form,
	.site-container,
    #site-container,
	#slideout-container,
	#slideout-content {
	    position: relative;
   	    z-index: 998;
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	}

	.page-content,
	#site-header,
	#site-header #header-top,
	#site-header #header-site-nav,
	#site-header-container,
	#site-footer-container #footer-main,
	#site-footer-container #footer-bottom-links,
	#site-footer-container #footer-social-bar-content,
	#div-top-login,
	#content,
	#utility-header > .wrapper,
	#site-footer-container footer > ul,
	#site-footer-container footer #footer-top > ul,
	#new-site-footer-container footer > ul {
	    width: 100%;
	    max-width: 1280px;
	    margin: 0 auto;
	}

	.page-content,
	#site-header header,
	#site-header-container header,
	#content,
	#site-footer-container {
	    position: relative;
	    box-sizing: border-box;
	    text-align: left;
	}


	/*#site-container,*/

	#page,
	#content-container {
	    overflow-x: auto;
	    width: 100%;
	}

	#slideout-container {
	    min-width: 300px;
	    margin: auto;
	}

	.wrapper,
    #page,
	#content-container,
	#nav-summary,
	#nav-summary .aside-content { z-index: 900; }

	.wrapper,
	#content,
	#content-container { overflow: hidden; }

	#content {
	    position: relative;
	    background: transparent !important;
	}

	#content .wrapper,
	#content > .wrapper { padding: 20px; }

	#content > .wrapper { background: inherit !important; }

	.page-content {
	    overflow: hidden;
	    padding: 15px;
	}

	.page-wrapper { border: none !important; }

    .content-wrapper {
        max-width: 1620px;
        margin: 0 auto;
    }

	footer {
	    position: relative;
	    display: block;
	}

	#site-footer-container,
	#site-footer-container footer,
	#site-footer-container footer ul,
	#site-footer-container footer ul a,
	#site-footer-container footer ul lh a,
	#site-footer-container footer ul li a,
	#site-footer-container footer ul li .image-social-icon { z-index: 1; }


/*  ============================================================================================================
	Containers > Main Content
	============================================================================================================ */

	#main-content .page-content {
	    position: relative;

	    -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
            -ms-border-radius: 4px;
             -o-border-radius: 4px;
                border-radius: 4px;

	    background-color: #fff;
	}

	#main-content.main-content-prelogin { min-height: initial; }

	#main-content .page-buttons {
	    min-height: 30px;
	    margin-top: 10px;
	    padding: 15px;

	    -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
            -ms-border-radius: 4px;
             -o-border-radius: 4px;
                border-radius: 4px;
	    
	    background-color: #fff;
	}

	#main-content .page-step {
	    margin-bottom: 30px;
	    padding-bottom: 30px;
	    border-bottom: 1px solid #e7e7e7;
	}

	#main-content .page-step:last-child { border-bottom: none; }

	#main-content .page-step.last-page-step {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
	}

	#main-content .page-step .page-step-instruction {
	    margin-bottom: 20px;
	    font-weight: 600;
	    font-size: 15px;
	}

	#main-content .page-step .page-step-content { margin: 0 30px; }

	#main-content .step-number {
	    margin-right: 10px;
	    padding: 2px 8px;

	    -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
            -ms-border-radius: 4px;
             -o-border-radius: 4px;
                border-radius: 4px;

	    font-weight: 700;
	}


/*  ============================================================================================================
	Header
	============================================================================================================= */

	#site-header,
	#site-header-container {
	    width: 100%;
	    max-width: none;
	}

	#site-header { position: fixed; }

	#main-content .page-header {
	    position: relative;
	    height: 40px;
	    line-height: 40px;
	}

	#main-content .page-header h1,
	#main-content .dash-page-header h1,
	#nav-myaccount .aside-content h1,
	#summary-area .summary-box h3,
	#hub-page .greeting h1,
	#nav-summary .aside-content h2,
	#main-content h1,
	#options .option-header h2 {
	    margin-left: 0;
	    font-family: 'Yanone Kaffeesatz', sans-serif;
	    font-size: 28px;
	    font-weight: 500;
	    color: #666;
	    line-height: 40px;
	    text-transform: uppercase;
	}

	#main-content .page-header .link-need-help,
	#main-content .greeting-header .link-need-help {
	    position: absolute;
	    right: 0;
	    bottom: 10px;
	    padding: 5px 12px;

	    -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
            -ms-border-radius: 3px;
             -o-border-radius: 3px;
                border-radius: 3px;

	    font-size: 12px;
	    font-weight: 600;
	    line-height: 1.6em;
	    text-decoration: none;
	    text-transform: uppercase;
	    background-color: #ebecec;
	    transition: .5s;
	}

	#main-content .page-header .link-need-help i,
	#main-content .greeting-header .link-need-help i {
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    margin-left: 5px;
	    padding: 2px;
	    
	    -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
            -ms-border-radius: 50%;
             -o-border-radius: 50%;
                border-radius: 50%;

	    font-size: 13px;
	    color: #fff;
	    line-height: 16px;
	    text-decoration: none;
	    background: #6caad5;
	}

	#main-content .page-header .link-need-help:hover,
	#main-content .greeting-header .link-need-help:hover {
	    text-decoration: none;
	    background-color: #f7f8f8;
	}

	.page-subheader {
	    margin-bottom: 15px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #ccc;
	    font-size: 18px;
	    font-weight: 700;
	    color: #000;
	    line-height: 30px;
	}

    .page-subfooter { margin-top: 15px; }

    li a.link-pricing { display: none; }

/*  ============================================================================
    Links
	========================================================================== */

	a:focus { outline: thin dotted; }

	a:hover,
	a:active { outline: 0; }

	a i { cursor: pointer; }


/*  ============================================================================
    Links > Icons
	========================================================================== */

	.icon-link,
	.icon-link:active {
	    position: absolute;
	    top: 5px;
	    display: inline-block;
	    width: 40px;
	    height: 30px;
	    font-size: 18px;
	    color: #888;
	    line-height: 30px;
	    text-align: center;
	    text-decoration: none;
	}

	.icon-link.highlight,
	.icon-link:hover,
	.icon-link:active { color: #fff; }

	.submenu-dropdown-icon {
	    float: right;
	    font-size: 24px;
	    font-weight: bold;
	    color: #fff;
	    line-height: 36px;
	}

	.page-header .submenu-dropdown-icon { margin-right: 10px; }

	.footer-nav .submenu-dropdown-icon,
	#footer-bottom-links .submenu-dropdown-icon {
	    font-size: 20px;
	    line-height: 50px;
	}


	/* browsers that do not support font face but say that they do :( */

	.no-fontface {
	    display: none;
	    font-size: 14px;
	    text-transform: uppercase;
	}

	a.debounce-link { color: #ad4d00; }

/*  ============================================================================
    Typography
	========================================================================== */

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    margin: 0;
	    padding: 0;
	    font-weight: normal;
	}

	abbr[title] { border-bottom: 1px dotted; }

	b,
	strong { font-weight: bold; }

	blockquote { margin: 1em 40px; } 
	dfn { font-style: italic; }

	hr {
	    display: block;
	    height: 1px;
	    margin: 1em 0;
	    padding: 0;
	    border: none;
	    border-top: 1px solid #ccc;
	}

	ins {
	    color: #000;
	    text-decoration: none;
	    background: #ff9;
	}

	mark {
	    font-weight: bold;
	    font-style: italic;
	    color: #000;
	    background: #ff0;
	}

	pre,
	code,
	kbd,
	samp {
	    font-family: monospace, monospace;
	    font-size: 1em; 
	    _font-family: 'courier new', monospace;
	}

	pre {
	    white-space: pre;
	    white-space: pre-wrap;
	    word-wrap: break-word;
	}

	p,
	address {
	    margin: 0;
	    font-style: normal;
	    line-height: 20px;
	}

	q { quotes: none; }

	q:before,
	q:after {
	    content: '';
	    content: none;
	}

	small { font-size: 85%; }

	sub,
	sup {
	    position: relative;
	    font-size: 75%;
	    line-height: 0;
	    vertical-align: baseline;
	}

	sup { top: -.5em; }
	sub { bottom: -.25em; }


/*  ============================================================================
    Lists
	========================================================================== */

	dl {
	    margin: 0;
	    padding: 0;
	}

	dd { margin: 0 0 0 40px; }

	ul,
	ol {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    list-style-image: none;
	}

	ul.disc-list {
	    margin-left: 10px;
	    padding-left: 10px;
	    list-style: disc;
	}

	ul.disc-list li { margin-bottom: 10px; }

	.numbered-list,
	ol.numbered-list { list-style: decimal;}
    
    .numbered-list-book,
    ol.numbered-list-book li { 
        list-style: decimal;
        margin: 10px;    
    }


/*  ============================================================================
    Embedded content
	========================================================================== */

	img {
	    border: 0;
	    vertical-align: middle;
	    -ms-interpolation-mode: bicubic;
	}

	svg:not(:root) { overflow: hidden; }


/*  ============================================================================
    Figures
	========================================================================== */

	figure { margin: 0; }


/*  ============================================================================
    Forms
	========================================================================== */

	form { margin: 0; }

	fieldset {
	    margin: 0;
	    padding: 0;
	    border: 0;
	}

	label { cursor: pointer; }

    label[aria-hidden="true"] { display: none; }

	legend {
	    padding: 0;
	    border: 0; 
	    *margin-left: -7px;
	}

	textarea {
	    overflow: auto;
	    vertical-align: top;
	    resize: vertical;
	}

	button,
	input,
	select,
	textarea {
	    margin: 0;
	    font-size: 100%;
	    vertical-align: baseline; 
	    *vertical-align: middle;
	}

	button,
	input {
	    line-height: normal; 
	    *overflow: visible;
	}

	table button,
	table input { *overflow: auto; }

	button,
	input[type='button'],
	input[type='reset'],
	input[type='submit'] {
	    cursor: pointer; 
	    -webkit-appearance: button;
	}

	input[type='checkbox'],
	input[type='radio'] {
		-webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
             -o-box-sizing: border-box;
                box-sizing: border-box;
	 
	    width: 14px;
	    height: 14px;
	    margin: 0;
	    padding: 0;
	}

	input[type='password'] { font-family: arial; }

	input[type='search'] {
		-webkit-box-sizing: content-box;
           -moz-box-sizing: content-box;
            -ms-box-sizing: content-box;
             -o-box-sizing: content-box;
                box-sizing: content-box;
 
	    -webkit-appearance: textfield;
	}

	input[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

	button::-moz-focus-inner,
	input::-moz-focus-inner {
	    padding: 0;
	    border: 0;
	}


	/* Form Classes */

	.form h3 { font-size: 20px; }
	.form h4 { font-size: 16px; }

	.form .highlighted-container {
	    padding: 5px 8px 4px 8px;
	    border: 1px solid #e8dddd;
	    background: #f9eeee;
	}

	.form .form-section { margin-top: 40px; }

	.form .input-error {
	    display: none;
	    margin-top: 5px;
	    color: #900;
	}

	.form .input-container,
	.form .button-container { zoom: 1; }

	.form .input-container {
	    margin-bottom: 15px;
	    line-height: 25px;
	}

	.form .input-container label {
	    display: block;
	    margin-right: 10px;
	    font-weight: 600;
	}

	.form .input-container .textbox,
	.form .input-container .textbox,
	.form .input-container .dropdown,
	.form .input-container .additional,
	.form .input-container .textarea { display: block; }

	.form .input-container .checkbox { display: inline; }

	.form .input-container .textbox,
	.form .input-container .dropdown,
	.form .input-container .textarea {
	    margin: 4px 0 8px;
	    border: 1px solid #ccc;
	    background-color: #f4f4f4;
	}

	.form .input-container label .label-note,
	.form .input-container .input-note {
	    font-size: 11px;
	    color: #999;
	}

	.form .input-container .input-note {
	    display: block;
	    line-height: 20px;
	}

	.form .input-container label .label-note { margin-left: 15px; }

	.form .input-container label.inline,
	.form .input-container select.inline,
	.form .input-container input.inline { display: inline; }

	.form .input-container p { line-height: 25px; }

	.form .input-container ul {
	    margin-left: 10px;
	    padding-left: 10px;
	    color: #666;
	    line-height: 18px;
	    list-style: disc;
	}

	.form .input-container ul li { margin: 5px 0; }


/*  ============================================================================================================
	Buttons
	============================================================================================================= */

	.button {
	    border: none;

	    -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
            -ms-border-radius: 3px;
             -o-border-radius: 3px;
                border-radius: 3px;
	  
	    font-weight: 600;
	    color: #fff;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;

	    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
           -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
            -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
             -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
                box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);

	    cursor: pointer;

	    -webkit-transition: box-shadow .5s cubic-bezier(.35,0,.25,1), background-color .5s cubic-bezier(.35,0,.25,1), transform .5s cubic-bezier(.35,0,.25,1);
	       -moz-transition: box-shadow .5s cubic-bezier(.35,0,.25,1), background-color .5s cubic-bezier(.35,0,.25,1), transform .5s cubic-bezier(.35,0,.25,1);
	        -ms-transition: box-shadow .5s cubic-bezier(.35,0,.25,1), background-color .5s cubic-bezier(.35,0,.25,1), transform .5s cubic-bezier(.35,0,.25,1);
	         -o-transition: box-shadow .5s cubic-bezier(.35,0,.25,1), background-color .5s cubic-bezier(.35,0,.25,1), transform .5s cubic-bezier(.35,0,.25,1);
	            transition: box-shadow .5s cubic-bezier(.35,0,.25,1), background-color .5s cubic-bezier(.35,0,.25,1), transform .5s cubic-bezier(.35,0,.25,1);

	    -webkit-transform: translate3d(0,0,0);
	       -moz-transform: translate3d(0,0,0);
	        -ms-transform: translate3d(0,0,0);
	         -o-transform: translate3d(0,0,0);
	            transform: translate3d(0,0,0);
	}

        .button:hover,
        .button:active {
            border: none;
            color: #fff;

            -webkit-transform: translate3d(0, -1px, 0);
            -moz-transform: translate3d(0, -1px, 0);
            -ms-transform: translate3d(0, -1px, 0);
            -o-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
        }

	.primary-site-button,
	.primary-site-button,
	.secondary-site-button,
	.primary-page-button {
	    display: inline-block;

	    -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
             -o-box-sizing: border-box;
                box-sizing: border-box;
	}

	.primary-site-button,
	.secondary-site-button {
	    padding: 6px 25px;
	    font-size: 14px;
	    font-weight: 600;
	    text-transform: uppercase;
	}

	.secondary-site-button { float: left; }

	.primary-page-button {
	    padding: 5px 18px;
	    
	    -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
            -ms-border-radius: 4px;
             -o-border-radius: 4px;
                border-radius: 4px;

	    font-size: 12px;
	    font-weight: 600;
	    background: #387CAC;
	}

	.primary-page-button:hover,
	.primary-page-button:active { background: #387cac; }

	.link-button {
	    padding: 0;
	    border: none;
	    text-decoration: underline;
	    background: none;
	}


/*  ============================================================================
    Tables
	========================================================================== */

	table {
	    border-spacing: 0;
	    border-collapse: collapse;
	}

	td { vertical-align: top; }


/*  ============================================================================================================
	Checkboxes
	============================================================================================================= */

	.checkbox,
	.checkbox input { margin: 2px 15px 0 0; }


/*  ============================================================================================================
	Radiobuttons
	============================================================================================================= */

	.radio-button-list tr,
	.radio-button-list td,
	.radio-button-list input,
	.radio-button-list label { vertical-align: middle; }

	.radio-button-list input {
	    display: block;
	    float: left;
	    margin-top: 3px !important;
	}

	.radio-button-list label {
	    display: block !important;
	    float: none;
	    margin-left: 30px !important;
	}

	.radio-button-list label span.radio-choice-title { display: block; }

	.radio-button-list label span.radio-choice-description {
	    display: block;
	    margin: 0;
	}


/*  ============================================================================================================
	Textareas
	============================================================================================================= */

	.textarea {
	    padding: 8px;
	    color: #555;
	}

	.txt-shortdescript,
	.txt-longdescript,
	.txt-authorbio,
	.txt-services,
	.txt-keywords { width: 700px !important; }


/*  ============================================================================================================
	DropDowns
	============================================================================================================= */

	.dropdown {
	    padding: 7px;
	    color: #555;
	}
	
    /*  ============================================================================================================
	Textboxes
	============================================================================================================= */

	.textbox {
	    padding: 8px;
	    font-family: Arial, Helvetica, sans-serif;
	    color: #555;
	}

	.txt-coupon {
	    margin-right: 10px;
	    padding: 3px;
	}

	.txt-projectname,
	.txt-artistname,
	.txt-albumname,
	.txt-company,
	.txt-companyname,
	.txt-filename { width: 350px; }

	.txt-email,
	.txt-addressline1,
	.txt-fullname,
	.txt-customerID,
	.txt-isrc,
	.txt-trackname,
	.txt-volumename { width: 300px; }

	.txt-addressline2,
	.txt-city { width: 220px; }

	.txt-password { width: 206px; }

	.txt-name,
	.txt-city,
	.txt-state { width: 200px; }

	.txt-creditcard { width: 175px; }
	.txt-phone { width: 150px; }
	.txt-date { width: 100px; }
	.txt-zipcode { width: 80px; }

	.txt-quantity {
	    width: 60px;
	    text-align: center;
	}

	.txt-cvv { width: 35px; }


/*  ============================================================================
    Classes
	============================================================================ */

	.hidden { display: none; }
    
    /* Hidden input to fix chrome's broken autofill on the promo code field */
    .hidden-input {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        border: none;
    }

	.mobile { display: none !important; }

	/* hide the text (ie. image links) */

	.hide-text {
	    overflow: hidden;
	    white-space: nowrap;
	    text-indent: 100%;
	}


	/* prevents bg color from leaking outside the border on rounded corner elements */

	.rounded-corners {
		-webkit-background-clip: padding-box;
           -moz-background-clip: padding-box;
            -ms-background-clip: padding-box;
             -o-background-clip: padding-box;
                background-clip: padding-box;
	}


	/* add to the parent container with child floats (replaces the div to clear the floats) */

	.float-container {
	    position: relative;
	    top: 0;
	    left: 0;
	    overflow: hidden;
	    width: 100%;
	}

	.onchange {
	    display: none;
	    margin: 10px 0 0;
	}

	.clear-both { clear: both; }

	.clear-content10 {
	    clear: both;
	    height: 10px;
	}

	.clear-content15 {
	    clear: both;
	    height: 15px;
	}

	.clear-content20 {
	    clear: both;
	    height: 20px;
	}

	.clear-content25 {
	    clear: both;
	    height: 25px;
	}

	.clear-content30 {
	    clear: both;
	    height: 30px;
	}

	.clear-content40 {
	    clear: both;
	    height: 40px;
	}

	.clear-content80 {
	    clear: both;
	    height: 80px;
	}

	.float-left { float: left; }
	.float-right { float: right; }
	.vert-align-bottom { vertical-align: bottom; }
	.vert-align-middle { vertical-align: middle; }

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

    .distribution-options-help-mobile, 
    .distribution-options-help { display: none; }

	.recaptcha-info {
		margin: 25px auto;
		width: 200px !important;
	}

	.recaptcha-info .recaptcha { text-align: center; }
	.grecaptcha-badge { visibility: hidden !important; }

	.recaptcha {
		display: inline;
		color: #555;
	}

	.recaptcha label {
		padding-left: 10px;
		font-size: 0.9em;
		font-weight: normal;
	}

	.recaptcha label a:hover { text-decoration: underline; }

	.recaptcha label span { cursor: default; }

	.recaptcha img {
		width: 28px;
		float: left;
	}


/*  ============================================================================================================
	Output Messages
	============================================================================================================= */

	.success-message,
	.error-message,
	.callout-message,
	.approval-message,
	.attention-message {
	    display: block;
	    margin-bottom: 10px;
	    padding: 12px;
	    line-height: 20px;
	}

	.callout-note { margin-top: 10px; }

	.success-message {
	    border: 2px solid #dfe6c8;
	    color: #070;
	    background-color: #f1f8d6;
	}

	.error-message {
	    border: 2px solid #f9dddd;
	    color: #900;
	    background-color: #f9eeee;
	}

	.error-message a,
	.error-message a:hover { color: #900; }

	.callout-message {
	    border: 2px solid #dde2e8;
	    background-color: #eef3f9;
	}

	.attention-message {
	    margin-bottom: 20px;
	    border: 2px solid #dde2e8;
	    color: #fff;
	    background-color: #900;
	}

	.approval-message {
	    overflow: hidden;
	    border: 2px solid #eeb;
	    background-color: #ffc;
	}

	.approval-message.failed-validation { background: #f9f4f4; }


/*  ============================================================================
    Update Panels
	========================================================================== */

	.session-error { display: none; }


/*  ============================================================================
    Price Animation
	========================================================================== */

    .price-animation { text-shadow: white 0 0 80px; transition: text-shadow .5s ease-in-out; }
    .price-animation.up { text-shadow: green 0 0 80px; }
    .price-animation.down { text-shadow: red 0 0 80px; }


/*  ============================================================================
    Modal
	========================================================================== */

    #responsive-form-message .avlModal-wrapper { padding-top: 20px; }

	.avlModal-content { padding: 0 20px 0 0 !important; } 
	.avlModal .avlModal-wrapper { padding-right: 10px !important; }

	.avlModal .avlModal-wrapper p,
	.avlModal .avlModal-header { margin-right: 20px; }

	.avlModal .avlModal-header {
	    margin-bottom: 15px;
	    padding-bottom: 15px;
	    border-bottom: 1px solid #ddd;
	    font-size: 18px;
	    font-weight: 600;
	    color: #000;
	}

	.avlModal .async-screen,
	.avlModal .async-loader {
		-webkit-border-radius: 8px;
           -moz-border-radius: 8px;
            -ms-border-radius: 8px;
             -o-border-radius: 8px;
                border-radius: 8px;
	}

	.avlModal .async-screen {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: none;
	    width: 100%;
	    height: 100%;
	    background: transparent url(/SiteUtilities/CommonControls/Universal/BBP/IMG/Async/screen.png) repeat 0 0;
	}

	.avlModal .async-loader {
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    width: 130px;
	    height: 70px;
	    margin-top: -45px;
	    margin-left: -75px;
	    padding-top: 20px;
	    background: #fff url(/SiteUtilities/CommonControls/Universal/BBP/IMG/Async/loader.gif) no-repeat center 45px;

	    -webkit-box-shadow: 0 1px 20px #000;
           -moz-box-shadow: 0 1px 20px #000;
            -ms-box-shadow: 0 1px 20px #000;
             -o-box-shadow: 0 1px 20px #000;
                box-shadow: 0 1px 20px #000;
	}

	.avlModal .async-loader p,
	#submit-coupon-screen .async-loader p,
	#place-order-screen .async-loader p {
	    font-weight: bold;
	    text-align: center;
	}

	.avlModal .async-loader p { font-size: 14px; }

	.avlModal .button {
	    margin-bottom: 5px;
	    margin-left: 10px
	}


	.avlModal .modal-buttons {
	    clear: both;
	    margin: 20px 0 0;
	    padding: 15px 0 0 0;
	    border-top: 1px solid #ccc;
	    text-align: right;
	}

	.avlModal .secondary-site-button { float: none; }

	.avlModal #content-need-help .help-modal-contact,
	.avlModal #content-need-help .help-modal-howto { line-height: 1.7em; }

	.avlModal #content-need-help h1 {
	    margin-bottom: 5px;
        font-size: 16px;
	    font-weight: bold;
	}

	.avlModal #content-need-help i {
	    padding-right: 4px;
	    font-size: 15px;
	}

    .avlModal #content-need-help .help-modal-info { margin-top: 30px; }

	.avlModal #content-need-help .contact-label { font-weight: bold; }

	.avlModal #content-need-help .phone-icon,
	.avlModal #content-need-help .chat-icon,
	.avlModal #content-need-help .email-icon,
	.avlModal #content-need-help .pdf-icon,
	.avlModal #content-need-help .video-icon {
	    display: inline-block;
	    height: 23px;
	    margin-bottom: 3px;
	    padding-left: 25px;
	    vertical-align: top;
	}

	.avlModal #content-need-help .phone-icon,
	.avlModal #content-need-help .chat-icon,
	.avlModal #content-need-help .email-icon { color: #666; }

	.avlModal #content-need-help .phone-icon { background-position: 0 0; }
	.avlModal #content-need-help .email-icon { background-position: 0 -23px; }
	.avlModal #content-need-help .chat-icon { background-position: 0 -46px; }
	.avlModal #content-need-help .pdf-icon { background-position: 0 -69px; }
	.avlModal #content-need-help .video-icon { background-position: 0 -92px; }

    .avlModal #address-container .pnl-states {
        display: inline;
    }
	
/*  ============================================================================
    Modal > Session Notifications
	========================================================================== */

	.avlModal .session-modals p {
	    font-size: 14px;
	    line-height: 22px;
	}

	.avlModal .session-modals .button-container { margin: 30px 0 10px; }

	.avlModal .session-modals #session-notification-img,
	.avlModal .session-modals #session-expired-img {
	    position: absolute;
	    top: 10px;
	    right: 0;
	    width: 44px;
	    height: 44px;
	    margin-right: 15px;
	    text-indent: -9999px;
	    background-image: url(/SiteUtilities/CommonControls/Universal/Common/JS/Plugins/avlModal/images/avlModal.png);
	}

	.avlModal .session-modals #session-notification-img { background-position: -75px 0; }
	
	.avlModal .session-modals #session-expired-img { background-position: -30px 0; }


/*  ============================================================================
    Async Loading
	========================================================================== */

    picture.lazy img {
        background-image: url(/CommonControls/images/async-loader.gif);
        background-repeat: no-repeat;
        background-position: center;
    }

    picture img {
        height: auto;
    }

/*  ============================================================================
    Osano Customizations
	========================================================================== */

	.osano-cm-button { border-color: #449a56; }

	.osano-cm-button--type_deny { border-color: #857485; }

/*  ============================================================================
    Media Queries
	========================================================================== */

    @media screen and (max-width: 980px) {
		
		/*HTML & BODY*/

	    html,
	    body {
	        width: 100%;
	        min-height: 100%;
	    }

	    html .no-fontface { font-size: 11px; }

        body { min-width: 320px; }
	

		/*Shared Container*/

        #site-navigation .nav-menu li,
        #page-menu .nav-menu li {
            overflow: hidden;
            margin: 0 10px;
            border-top: 2px solid #999;
		    border-bottom: none;
        }

	    #site-navigation .nav-menu li a,
		#page-menu .nav-menu li a {
		    left: 10px;
		    display: block;
		    clear: right;
		    width: 120%;
		    margin: 0 0 0 -10%;
		    padding: 6px 10% 6px;
		    font-family: 'open sans', arial, sans-serif;
		    font-size: 20px;
		    color: #fff;
		    line-height: 36px;
		    text-align: left;
		    text-decoration: none;
		    text-transform: none;
		}

	    #site-navigation .nav-menu li:first-child { border-top: none; }

	    .page-content { padding: 10px; }


	    /*Site Container*/

	    #site-container {
	        overflow-x: hidden;
	        min-width: 0;
	    }


        /*Slideout Container*/

        #slideout-container {
            position: absolute;
            left: 0;
            z-index: 998;
            width: 100%;
            height: 100%;
            min-height: 100%;

            -webkit-transition: -webkit-filter .3s ease-in-out;
               -moz-transition:    -moz-filter .3s ease-in-out;
                -ms-transition:            all .3s ease-in-out;
                 -o-transition:      -o-filter .3s ease-in-out;
                    transition:         filter .3s ease-in-out; 
            *overflow-y: hidden;
        }

        #slideout-overlay {
		    position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 1000;
		    display: none;
		    width: 100%;
		    height: 100%;
		}


        #slideout-container.slide-out { width: 100%; }

        #slideout-container.slide-out #slideout-overlay {
            display: block;
            cursor: pointer;
        }

        #site-container aside#nav-myaccount { display: none; }
		
		#site-container aside .avlModal-container,
		#content-container aside .avlModal-container { display: block; }


        /*Site Container > Content Container*/

        #content,
        #outer-wrapper { margin: 0; }

        #content {
            position: static;
            background: #fff;
        }

        #content .wrapper {
            margin: 0;
            padding: 10px;
        }

        #main-content { padding: 0 !important; }


        /*Site Container > Content Container > Application Page Elements*/

        .page-wrapper { border: none; }

	    #main-content .page-header {
	        position: relative;
	        overflow: hidden;
	        height: auto !important;
	        min-height: 36px;
	        font-family: 'Yanone Kaffeesatz', sans-serif;
	        font-size: 28px;
	        color: #666;
	        text-transform: uppercase;
	    }
		
        #main-content .page-header h1 {
            position: absolute;
            left: 10px;
            margin: 0 !important;
            font-family: 'open sans', arial, sans-serif;
            font-size: 20px;
            font-weight: normal;
            line-height: 36px;
            text-align: left;
        }

        .page-header .link-need-help { display: none; }


        /*Page Menu*/

        #page-menu {
            clear: both;
            height: 0;
        }

        #page-menu .nav-menu li { padding-bottom: 0; }


        /*Mobile Site Navigation*/

        #site-container nav#site-navigation,
        #site-container nav#site-navigation #nav-wrapper {
            position: absolute;
            top: 0;
            overflow: auto;
            height: 100%;
            text-align: left;
        }

        #site-container nav#site-navigation {
            left: -80%;
            width: 80%;
            /* change back to 0 if pushing effect fails */
            max-width: 300px;

            -webkit-transition: left .4s ease;
               -moz-transition: left .4s ease;
                -ms-transition: left .4s ease;
                 -o-transition: left .4s ease;
                    transition: left .4s ease;
        }

        #site-container nav#site-navigation.active {
            left: 0;
            display: block !important;
        }

        #site-container nav#site-navigation #nav-wrapper {
            left: 0;
            width: 100%;
        }

        #site-container nav#site-navigation a {
            position: relative;
            display: block;
            overflow: hidden;
            text-decoration: none;
        }

        #site-container nav#site-navigation a span { text-align: center; }

        #site-container nav#site-navigation ul { padding: 10px 0; }
    
        /*Mobile Help Section*/

        #mobile-help {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            overflow-y: auto;
            /* change back to 0 if pushing effect fails */
            width: 0;
            height: 100%;
            font-size: 13px;
            color: #fff;
            text-align: left;

            -webkit-transition: width .4s ease;
               -moz-transition: width .4s ease;
                -ms-transition: width .4s ease;
                 -o-transition: width .4s ease;
                    transition: width .4s ease;
        }

        #mobile-help.active { width: 90%; }

        #mobile-help .help-section {
            width: 100%;
            margin-bottom: 10px;
            padding-right: 10px;
            padding-bottom: 5px;
            border-bottom: 2px solid #999;

            -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.2);
               -moz-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                -ms-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                 -o-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                    box-shadow: 0 3px 2px rgba(0,0,0,.2);
        }

        #mobile-help .help-title {
            padding-top: 5px;
            font-family: 'open sans', arial, sans-serif;
            font-size: 20px;
            font-weight: 600;
            line-height: 36px;
            text-decoration: none;
            text-shadow: 0 1px 3px #000;
        }

        #mobile-help .help-wrapper {
            overflow-x: hidden;
            margin-right: 10px;
            margin-left: 20px;
        }

        #mobile-help h1 {
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: bold;
        }

        #mobile-help p { margin-bottom: 15px; }

        #mobile-help .help-section p:last-child { margin-bottom: 5px; }

	    #mobile-help .video-icon,
	    #mobile-help .pdf-icon {
	        width: auto;
	        padding-left: 26px;
	        vertical-align: bottom;
	    }

	    #mobile-help .help-icon-link {
	        margin-bottom: 3px;
	        line-height: 24px;
	    }

	    #mobile-help .chat-icon,
	    #mobile-help .email-icon,
	    #mobile-help .phone-icon,
	    #mobile-help .video-icon,
	    #mobile-help .pdf-icon,
	    #mobile-help .morehelp-icon {
	        display: inline-block;
	        width: 23px;
	        height: 23px;
	        padding-right: 4px;
	        vertical-align: middle;
	    }

	    #mobile-help .chat-icon { background-position: 0 -46px; }
	    #mobile-help .email-icon { background-position: 0 -23px; }
	    #mobile-help .phone-icon { background-position: 0 0; }
	    #mobile-help .video-icon { background-position: 0 -92px; }
	    #mobile-help .pdf-icon { background-position: 0 -69px; }
	    #mobile-help .contact-label { font-weight: bold; }
	    #mobile-help .morehelp-icon { background-position: 0 -115px; }

	    #mobile-help a {
	        color: #fff;
	        text-shadow: 0 1px 3px #000;
	    }

	    #mobile-help .callout-message { color: #222; }
	    #mobile-help .approval-message { color: #222; }
	    #mobile-help .error-message { color: #222; }
	    #mobile-help .success-message { color: #222; }


        /*Modals*/

        .avlModal .avlModal-header {
            margin-bottom: 15px !important;
            padding-bottom: 10px !important;
            font-size: 16px !important;
        }

        .avlModal .avlModal-wrapper p,
        .avlModal .avlModal-wrapper ul li {
            font-size: 13px !important;
            line-height: 20px !important;
        }


        /*Mobile*/

        #site-footer-container .mobile,
        #new-site-footer-container .mobile { display: none !important; }

        .mobile { display: block !important; }


	    /*Mobile Header*/

	    #mobile-site-header {
	        position: relative;
	        height: 50px;
	    }

	    #mobile-site-header #togglenav-button-header,
	    #mobile-site-header #togglehelp-button-header {
	        top: 10px;

	        -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.1);
	           -moz-box-shadow: 0 1px 1px rgba(255,255,255,.1);
	            -ms-box-shadow: 0 1px 1px rgba(255,255,255,.1);
	             -o-box-shadow: 0 1px 1px rgba(255,255,255,.1);
	       			box-shadow: 0 1px 1px rgba(255,255,255,.1);
	    }

	    #mobile-site-header #togglenav-button-header { left: 10px; }
	    #mobile-site-header #togglehelp-button-header { right: 10px; }

	    #mobile-site-header .link-logo {
	        position: absolute;
	        top: 10px;
	        left: 50%;
	    }


        /*Mobile Footer*/

        #mobile-footer-buttons {
            right: 8px;
            bottom: 0;
            z-index: 100;
            display: none;
            overflow: hidden;
            width: 135px;
            height: 34px;
        }
    }

    @media screen and (max-width: 700px) {
        #site-container:lang(es-ES) .sort-container{ position: relative; }

        #site-container:lang(es-ES) .dataTables_wrapper .dataTables_length { float: left; }

        #site-container:lang(es-ES) .dataTable thead.show-sorting-dropdown { top: -10px; }
    }

    @media screen and (max-width: 500px) {
        #site-container,
        #content-container { min-height: 0; }

		.primary-site-button,
		.secondary-site-button,
		.primary-page-button,
		.secondary-page-button
        {
			width: 100%;
			margin: 0 0 10px 0;
			padding: 12px 0;
			border: none;
		}

        #btnExtendSession .more-text { display: none; }

	    .avlModal .button {
	        margin-bottom: 10px;
	        margin-left: 0 !important;
            white-space: normal;
            word-wrap: normal;
	    }

       #main-content .page-header h1 font { font-size: 13px; }

       #main-content .page-step .page-step-content { margin: 0; }

    }

    @media screen and (max-width: 960px) {
    #page {
        padding-top: 50px;
    }

    #main-content .page-header .link-need-help,
    #main-content .greeting-header .link-need-help {
        right: 2px;
        bottom: 3px;
    }
}

/*  ===============================================================================
    TOC
    ===============================================================================

        Base
        Links
        Textboxes
        Buttons
        Classes

        Site Container
        Site Container > Header Container > Header
        Site Container > Header Container > Header > Navigation
        Site Container > Header Container > Header > Search
        Site Container > Drop Down
        Utility + Phone Number Style
        StoreFront 
        eBook Download Page
        View Cart Page

        Media Queries
        Media queries - StoreFront
*/


/*  ===============================================================================
    Base
    =============================================================================== */

html,
body {
    background-color: #fff;
}

body,
button,
input,
select,
textarea {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color: #333;
}

::-moz-selection,
::selection {
    color: #fff;
    background: #666;
    text-shadow: none;
}


/*  ===============================================================================
    Links
    =============================================================================== */

a,
.link-button {
    color: #526c85;
}

a:hover,
a:active,
.link-button:hover,
.link-button:active {
    color: #5d728c;
}

a.lnk-remove {
    color: #900;
}

a.lnk-remove:hover,
a.lnk-remove:active {
    color: #c00;
}


/*  ===============================================================================
        Textboxes
        =============================================================================== */

.txt-title,
.txt-subtitle,
.txt-publisher {
    width: 350px;
}

.txt-edition,
.txt-count {
    width: 100px;
}


/*  ===============================================================================
        Buttons
        =============================================================================== */

.primary-site-button {
    background: #677f12;
}

.primary-site-button:hover,
.primary-site-button:active {
    background: #a8be5b;
}

.secondary-site-button {
    background: #999;
}

.secondary-site-button:hover,
.secondary-site-button:active {
    background: #a6a6a6;
}

#site-footer-container .primary-page-button {
    padding: 5px 15px;
    background: #ad4d00;
}

/*  ===============================================================================
        Classes
    =============================================================================== */

.highlight {
    color: #677f12;
}


/*  ===============================================================================
        Modals
        =============================================================================== */

.avlModal #content-need-help .phone-icon,
.avlModal #content-need-help .chat-icon,
.avlModal #content-need-help .email-icon,
.avlModal #content-need-help .pdf-icon,
.avlModal #content-need-help .video-icon {
    background: url(/commoncontrols/universal/BBP/IMG/helpmodal-icons.png) 0 0 no-repeat;
}

.avlModal #ask-pagecount-modal-buttons .primary-site-button,
.avlModal #ask-pagecount-modal-buttons .secondary-site-button {
    padding: 16px 25px;
}

.avlModal #ask-pagecount-modal-buttons .clear-button,
.avlModal #ask-pagecount-modal-buttons .primary-site-button,
.avlModal #ask-pagecount-modal-buttons .secondary-site-button {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 6px 0;
    text-align: center;
}


/* =============================================================================
       Site Container
       ========================================================================== */

#content-container,
#content .wrapper {
    background: #d9dbdc;
}

#site-container {
    position: static;
    overflow: inherit;
}

.site-container {
    overflow-y: auto;
    width: 100%;
}

#outer-container-responsive.site-container {
    overflow-x: hidden;
}

.content-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1620px;
    margin: 0 auto;
    padding: 10px;
}

#page {
    position: relative;
    width: 100%;
    min-height: 300px;
    margin: 70px 0 0;
    transition: margin-top .5s;
}

.isMobile #page {
    margin-top: 50px;
}


/* =============================================================================
   Site Container > Header Container > Header
   ========================================================================== */

#site-header,
#mobile-header {
    top: 0;
    right: 0;
    z-index: 1001;
    width: 100%;
    font-size: 13px;
    color: #333;
    opacity: 1;
    background: #fff;
    transition: right 0s, width 0s, background 0s, opacity .7s, height .5s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#mobile-header { 
    box-shadow: rgba(0,0,0,.6) 0 0 7px; 
}

.main-nav {
    position: relative;
    width: 100%;
    background-color: #f5f1e8;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
       -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

/* =============================================================================
    Site Container > Header Container > Header > Navigation
    ========================================================================== */

    #site-header .has-sub ul {
        flex-flow: column wrap;
        width: 50%;
        height: 500px;
        background: #fff;
    }
    
    #site-header.open,
    #site-header.open.closing {
        right: 0;
        opacity: 0;
        transition: opacity 0s; 
    }

    #site-header .img-logo,
    #mobile-header .img-logo { 
        max-width: none; 
    }

    #site-header .main-nav {
        height: 50px; 
    }

    #site-header .main-nav li.view-all > a { 
        font-style: italic; 
    } 

    #site-header .link-logo,
    #mobile-header .link-logo {
        display: table-cell;
        width: 150px;
        height: 70px;
        vertical-align: middle;
        transition: height .3s, width .3s, transform .5s;
    }

    #site-header .link-logo a,
    #site-header .link-logo img,
    #mobile-header .link-logo a,
    #mobile-header .link-logo img { 
        width: 190px; 
    }

    #site-header .link-logo img {
        padding-left: 5px;
    }

    #mobile-header .main-logo { 
        box-sizing: border-box;
        padding-left: 10px; 
    }

    #mobile-header .right-nav {
        position: absolute;
        right: 10px;
        width: 40px;
        margin-top: 17px;
        opacity: 0;
        transition: opacity .3s ease .3s, right .6s ease 0s, margin-top .3s ease 0s; 
    }

    #mobile-header .right-nav li { 
        line-height: inherit;
    }

    #mobile-header .right-nav .open-menu-link {
        position: absolute;
        right: -11px;
        font-size: 28px;
        transition: .25s;
    }

    #mobile-header.open .right-nav .open-menu-link {
        right: 15px;
    }

    #mobile-header .right-nav .open-menu-link i {
        font-size: 20px;
        transition: opacity .3s;
    }

    #mobile-header .right-nav .open-menu-link i.icon-menu,
    #mobile-header.open.closing .right-nav .open-menu-link i.icon-menu {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 1;
    }

    #mobile-header.open .right-nav .open-menu-link i.icon-menu,
    #mobile-header .right-nav .open-menu-link i.icon-cancel,
    #mobile-header.open.closing .right-nav .open-menu-link i.icon-cancel {
        font-size: 20px;
        opacity: 0;
    }

    #mobile-header .right-nav .open-menu-link i.icon-cancel,
    #mobile-header.open.closing .right-nav .open-menu-link i.icon-cancel {
        float: right;
    }

    #mobile-header.open .right-nav .open-menu-link i.icon-cancel {
        opacity: 1;
    }

    #mobile-header .link-logo a,
    #mobile-header .link-logo img { 
        width: 100%; 
    }

    .link-logo img { 
        width: 180px; 
    }

    #site-header .content-wrapper,
    #mobile-header .content-wrapper {
        z-index: 1;
        overflow: visible;
        padding: 0;
    }

    #site-header .content-wrapper { 
        max-width: none; 
    }

    .header-wrapper {
        max-width: 1620px;
        margin: 0 auto;
    }

    #site-header #header-menu {
        right: 0;
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
	    max-width: 1620px;
	    margin: auto;
	    padding: 0 10px;
        font-size: 12px;
        color: #fff;
        transition: right 0s, width 0s 0s, background 0s 0s;
    }

    #site-header .main-logo,
    #mobile-header .main-logo {
        float: left;
        width: 150px;
        text-align: left;
        transition: width .3s;
    }

    #site-header .main-logo a .text-logo { 
        display: none; 
    }

    #site-header #header-menu .right-nav {
        float: right;
        margin-top: 14px;
        font-size: 11px;
        text-transform: uppercase;
        transition: float 0s 0s, font-size 0s 0s, text-align 0s 0s, margin-top .3s;
    }

    #site-header #header-menu .right-nav .nav-icons li {
        position: relative;
        float: left;
        margin-left: 10px;
        font-size: 11px;
        transition: width 0s 0s, margin 0s 0s;
    }

    #site-header #header-menu .right-nav .nav-icons li.fair-trade-link a {
        color: #2d7ab3;
    }

    #site-header #header-menu .right-nav .nav-icons li:not(:last-child) { 
        padding-right: 20px; 
    }

    #site-header #header-menu .right-nav .nav-icons li a { 
        line-height: 40px; 
    }

    #site-header #header-menu .right-nav .nav-icons li a,
    #site-header #header-menu .right-nav .nav-icons i { 
        margin: 0; 
    }

    #site-header #header-menu .right-nav .nav-icons li a span { 
        font-weight: normal; 
    }

    #site-header #header-menu .right-nav .nav-icons li.search-link a span { 
        padding-left: 3px; 
    }
 
    #site-header #header-menu .right-nav .nav-icons .icon-text {
        font-weight: normal;
        opacity: 1;
        transition: opacity .5s;
    }

    #site-header a,
    #mobile-header a {
        outline: none;
        color: #666;
        text-decoration: none;
        transition: color .3s, background .3s, transform .5s;
    }

    #site-header a:hover,
    #mobile-header a:hover {
        color: #526c85;
        text-decoration: none;
    }

    #site-header .main-nav > .level1 {
        display: flex;
        margin: 0 auto;
        max-width: 1800px;
        text-align: center;
    }

    #site-header .main-nav .level1 > li {
        flex-grow: 1;
        text-align: center;
    }

    #site-header .main-nav .level1 > li > a.link-pricing,
    #site-header .main-nav .level1 > li > a.link-pricing:hover { 
        color: #fff; 
    }

    #site-header .main-nav .level1 li:last-of-type { 
        margin-right: 0; 
    }

    #site-header .main-nav .level1 li a,
    #site-header.open .link-logo {
        position: relative;
        display: block;
        height: 20px;
        padding: 15px 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-transform: uppercase;
        transition: padding .3s ease, height .5s, color .3s;
    }

    #site-header .main-nav .level1 li a.ebooks-nav { 
        text-transform: initial; 
    }

    #site-header .main-nav .level1 > li > a > i {
        display: inline-block;
        width: 15px;
        margin-left: 2px;
        font-size: 13px;
        transition: opacity .3s;
    }

    #site-header .main-nav .level1 > li > a > i.right-arrow {
        position: absolute;
        right: 30px;
        opacity: 0;
        transition: transform .5s;
        transform: rotate(0);
    }

    #site-header .main-nav .level1 li a:hover { 
        color: #526c85; 
    }

    #site-header .main-nav .level1 li a:active { 
        transform: scale(1); 
    }

    #site-header .main-nav .level1 li.has-sub i { 
        display: none; 
    }

    #site-header .main-nav .level2 {
        z-index: 0;
        visibility: hidden;
        box-shadow: 0 5px 10px rgba(0,0,0,.5);
    }

    #site-header .main-nav .level1 .has-sub:hover .genres-list-container {
        position: absolute;
        visibility: visible;
        overflow-y: auto;
        overflow-x: hidden;
        width: 75%;
        max-height: calc(100vh - 190px);
        max-width: 900px;
    }

    #site-header .main-nav .level1 .has-sub:hover .genres-list-container ul {
        position: relative;
        display: flex;
        visibility: visible;
        overflow: auto;
        opacity: 1;
        height: 530px;
        width: 100%;
        padding: 20px;
    }

    #site-header .main-nav .level2.open {
        display: block;
    }

    #site-header .main-nav .level2 {
        position: absolute;
        text-align: left;
    }

    #site-header .main-nav .level2 li { 
        display: block; 
    }

    #site-header .main-nav .level2 li a {
        width: 200px;
        padding: 10px;
        color: #333;
        text-transform: none;
        background: #fff;
    }

    .orange {
        color: #EC8606;
    }

    #site-header .main-nav .level2 li a i {
        display: block;
        float: right;
        font-size: 18px;
        color: #4d536c;
        transition: color .5s ease-in-out 0s;
    }

    #site-header .main-nav .level2 .level3 {
        position: absolute;
        top: initial;
        left: 100%;
        width: 300px;
        text-align: left;
    }

    #site-header .main-nav .level2 .level3 a {
        border-bottom: 1px solid #eee;
        background: #fff;
    }

    #site-header .main-nav .level2 .level3 li a:hover {
        color: #00476e;
        background: #cce3f2;
    }

    /* =============================================================================
   Site Container > Header Container > Header > Search
   ========================================================================== */

    #link-search-mobile, 
    #link-close-search { 
        display: none; 
    }

    #header-search .warning-messages { 
        display: none; 
    }

    #header-search #lnk-search {
        display: none;
        width: 36px;
        font-size: 20px;
        color: #666;
        transition: font-size .3s .3s, color 1s, right .3s ease 0s, transform .5s;
    }

    #header-search.open {
        background-color: inherit;
        transition: width .5s, transform .5s;
    }

    #header-search fieldset {
        float: right;
        margin: 0;
        padding: 11px;
        box-sizing: content-box;
    }

    #header-search fieldset .txt-search {
        text-align: left;
        transition: max-width .3s;
    }

    #header-search fieldset.active .txt-search,
    #header-search fieldset.active .txt-search input {
        background: #fff !important;
        color: #2e2c26;
    }            

    #header-search fieldset .txt-search label { 
        width: auto; 
    }

    #header-search fieldset .txt-search .input-status {
        right: 400px;
        opacity: 0;
        transition: opacity .3s, right 1s ease 0s;
        -webkit-animation: none;
           -moz-animation: none;
            -ms-animation: none;
             -o-animation: none;
                animation: none;
    }

    #header-search.open #lnk-search {
        position: absolute;
        right: 5px;
        z-index: 100;
        display: block;
        padding: 12px;
        font-size: 20px;
        line-height: 20px;
        color: #666;
        transition: font-size 0.3s, color 0.7s, right 0.3s ease 0.3s, transform 0.5s;
    }

    #header-search.open fieldset.active #lnk-search { 
        color: #2e2c26 !important; 
    }

    #header-search .close-search-link {
        position: absolute;
        right: 400px;
        left: auto;
        margin-top: 10px;
        margin-right: 30px;
        padding: 11px 0;
        font-size: 20px;
        opacity: 0;
        transition: opacity .3s, transform .5s, color .3s;
    }

    #header-search.open .close-search-link {
        opacity: 1;
        transition: opacity .5s .5s, transform .5s, color .3s;
    }

    #header-search.open fieldset .txt-search .input-status {
        display: none;
    }

    #site-header #header-search {
        position: absolute;
        right: 0;
        overflow: hidden;
        width: 0;
        height: 70px;
        transition: width .5s .3s;
    }

    #site-header #header-search.open {
        width: 75%;
        transition: width .5s, transform .5s;
    }

    #site-header #header-search input { 
        padding-right: 40px !important;
        font-weight: 500; 
    }


/*  =============================================================================
       Breadcrumb
    ========================================================================== */

.breadcrumbs-container {
    padding: 15px;
    background: #e0edf5;
}

.breadcrumbs {
    display: block;
    width: 100%;
    max-width: 1585px;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
}

.breadcrumbs a {
    color: #666;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #333;
    text-decoration: underline;
}

.breadcrumbs span.divider:after {
    color: #666;
    content: ' \003E';
}

.breadcrumbs span:not(.divider) {
    color: #666;
    content: '';
}

.breadcrumbs .genres-page-only {
    display: none;
}

/* =============================================================================
       Footer
       ========================================================================== */

#site-footer {
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 0;
}

#site-footer * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

#site-footer a:hover {
    text-decoration: underline;
}

#site-footer #footer-top {
    overflow: hidden;
    width: 100%;
    padding: 0 10px;
}

#site-footer #footer-top ul.column {
    float: left;
    width: 18%;
    margin: 20px 0 22px 1%;
    padding: 1% 0 0 1%;
    line-height: 16px;
}

#site-footer #footer-top ul.column li {
    margin-bottom: 8px;
}

#site-footer #footer-bottom {
    overflow: hidden;
    padding: 0 10px;
}

#footer-bottom .footer-bottom-mobile,
#footer-bottom .footer-bottom-spacer {
    float: left;
    display: inline-block;
    padding-right: 10px;
    color: #fff;
    font-size: 12px;
}

#site-footer li.title,
#site-footer li.title a,
#site-footer li.list-header > span,
#site-footer li.list-header > a {
    display: block;
    margin-bottom: 4px;
    padding-top: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

#site-footer li a {
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    text-decoration: none;
}

#site-footer li.title a {
    font-size: 16px;
    font-weight: 600;
}

#site-footer li a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer-bottom {
    width: 100%;
    padding: 40px 0;
    border-top: none;
}

#footer-bottom #footer-logo {
    overflow: hidden;
    max-width: 1620px;
    margin: auto;
    padding: 0 10px
}

#footer-bottom .mobile-footer-logo-link {
    float: left;
    margin-left: 10px;
}

#footer-bottom #footer-usa {
    position: relative;
    float: right;
    margin-right: 10px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

#footer-bottom .mobile-footer-logo-link img {
    width: 250px;
}

#site-footer #footer-logo a,
#footer-bottom #footer-logo a {
    float: left;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s;
}

#site-footer #footer-logo a img,
#footer-bottom #footer-logo a img{
    width: 190px;
    padding: 0 15px;
}

#site-footer #footer-social {
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

#site-footer #footer-social a {
    margin-left: 10px;
}

#site-footer #footer-social img {
    vertical-align: middle;
}

#site-footer-container {
    border-top: 1px solid #ccc;
}

#site-footer-container footer #footer-top > ul {
    overflow: hidden;
}

#site-footer-container footer #footer-top > ul > li {
    display: block;
    float: left;
    width: 19%;
    margin: 20px 0 22px 1%;
    padding: 1% 0 0 1%;
    color: #fff;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#site-footer-container footer #footer-top > ul > li > ul {
    margin-top: 10px;
}

#site-footer-container footer #footer-top > ul > li > a {
    display: block;
    margin-bottom: 4px;
}

#site-footer-container footer #footer-top > ul > li a {
    color: #fff;
}

#site-footer-container footer #footer-top > ul > li li {
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}

#site-footer-container footer ul > li > a:hover,
#site-footer-container footer ul > li > a:active {
    text-decoration: underline;
}

#site-footer-container footer ul > li li a:hover,
#site-footer-container footer ul > li li a:active {
    color: #f38909;
}

#site-footer-container #social-media-container {
    width: 100%;
    margin: 0 auto;
}

#site-footer-container #social-media-container #social-media {
    overflow: hidden;
    width: 70%;
    max-width: 300px;
    margin: 0 auto;
}

#site-footer-container #social-media .spacer {
    width: 70%;
    height: 0;
    margin: 10px auto;
    border-top: 2px solid #aaa;
}

#site-footer-container #social-media .social-icon {
    display: block;
    float: left;
    width: 16%;
    margin: 0 2%;
    text-decoration: none;
}

#site-footer-container #social-media .social-icon img {
    width: 100%;
}

#site-footer-container .image-social-icon {
    margin-right: 8px;
}


/*========= FOOTER TOP ==========*/

#footer-bands {
    width: 100%;
    height: auto;
    padding: 20px 0;
    text-align: left;
    background-color: #2d2c25;
}

.footer-bands-inner-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#footer-signup-input {
    width: 100%;
    padding: 2px 0 2px 2px;
    background: #838179;
}

#footer-bands #footer-signup-input #txtEmailMask {
    max-width: 400px;
    height: 34px;
    background: #fff;
}

#footer-bands #footer-signup-input #txtEmailMask label,
#footer-bands #footer-signup-input #txtEmailMask .textbox {
    width: 350px;
    max-width: 70%;
}

#footer-bands #footer-signup-input #txtEmailMask label {
    line-height: 17px;
}

#footer-bands #footer-signup-input fieldset {
    margin-bottom: 0;
}

#footer-bands #footer-signup-input .warning-messages {
    display: none;
}

#footer-bands #footer-signup-input #txtEmailMask .input-status {
    top: 4px;
    right: 37px;
}

.a-signup {
    display: block;
    float: right;
    width: 35px;
    height: 33px;
    background: URL('/Quoter/IMG/BBP/Other/sub-button.png') 6px 3px no-repeat;
}

#footer-signup-container {
    float: left;
    box-sizing: border-box;
    width: 100%;
    max-width: 430px;
    padding: 0 10px;
}

.footer-social {
    width: 600px;
    margin: 0 auto;
    padding: 0 10px;
}

.a-social {
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 29px;
    opacity: .5;
    background: url(/quoter/IMG/BBP/Other/social-sprite.svg) no-repeat 0 0;
}

.a-social.last {
    margin-right: 0;
}

.a-social.facebook {
    background-position: 0 0;
}

.a-social.twitter {
    background-position: -44px 0;
}

.a-social.youtube {
    background-position: -86px 0;
}

.a-social.gplus {
    background-position: -131px 0;
}

.a-social.insta {
    background-position: -175px 0;
}

.a-social.wp {
    background-position: -219px 0;
}

.a-social.pinterest {
    background-position: -263px 0;
}

.a-social.linkedin {
    background-position: -308px 0;
}

#site-footer #footer-usa {
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

#footer-usa img {
    margin-left: 5px;
    vertical-align: middle;
}

#site-footer-container footer #footer-top > ul > li#link-reviews {
    display: none;
}

#footer-nav {
    float: right;
    padding: 15px 0;
}

#footer-nav li {
    display: inline-block;
    float: left;
}

#footer-nav li#mobile-footer-logo {
    display: none;
}

#footer-nav li a {
    padding: 0 15px;
    font-size: 13px;
    white-space: nowrap;
    text-transform: uppercase;
}

#footer-nav li a:hover {
    color: #526c85;
}

#footer-signup { 
    padding: 40px 10px; 
    background: #f5f1e8;
    text-align: center;
}

#footer-signup h2 {
    margin: 15px;
    font-size: 24px;
    font-weight: 700;
}

#footer-signup p {
    margin: 15px;
    font-size: 16px;
}

#footer-signup .responsive-form { 
    max-width: 600px;
    margin: auto;
}

#footer-signup .responsive-form fieldset { 
    padding-bottom: 0;
    border-bottom: none; 
}
    
#footer-signup .responsive-form fieldset ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#footer-signup .responsive-form fieldset ul li:first-child { margin-right: 15px; }
        
#footer-signup .responsive-form fieldset ul li p.textbox-mask {
    width: 400px;
    max-width: none;
    height: auto;
    margin: 0 0 10px 0;
    border: none;
    background: none;
}

#footer-signup .responsive-form fieldset ul li p.textbox-mask.focused,
#footer-signup .responsive-form fieldset ul li p.textbox-mask.failed-validation { box-shadow: none; }

#footer-signup .responsive-form fieldset ul li .failed-validation .input-status { display: none; }

#footer-signup .responsive-form fieldset ul li p.textbox-mask label {
    padding-left: 10px;
    line-height: 35px;
    text-align: left;
}

#footer-signup .responsive-form fieldset ul li p.textbox-mask input.textbox {
    padding: 10px 8px;
    border: 2px solid #c65300;
    line-height: 28px;
    background: #fff !important;
}

#footer-signup .button-container { padding: 0; }

#footer-signup .button-container .btn-center {
    padding: 10px 30px 14px;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: #c65300;
}

/*  =============================================================================
    Utility + Phone Number Style
    ========================================================================== */

.condensed-phone {
    padding: 0 8px 0 19px !important;
    border-left: 1px solid #58554b;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #a8c8dd;
    line-height: 18px;
    text-transform: none;
}

.utility-nav {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #dfdfd0 !important;
    text-transform: uppercase;
}

.no-border {
    border-right: none !important;
}

/* Page Styles */

#storefront-page,
#genres-page,
#book-list-page {
    background: #f9f9f9;
}

#storefront-page .section-wrapper,
#genres-page .section-wrapper {
    height: 100%;
}

#book-list-page .books-container {
    max-width: 1590px;
    margin: auto;
    padding: 0 25px;
}

#book-list-page .books-container .section-wrapper h1 {
    display: none;
}

#book-list-page .top-banner,
#fair-trade-page .top-banner {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100px;
    background-color: #2d7ab2;
}

#book-list-page .top-banner h1,
#fair-trade-page .top-banner h1 {
    font-family: 'Open Sans';
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-transform: initial;
}

#fair-trade-page .page-content {
    display: flex;
    max-width: 1024px;
    padding: 3em;
    background-color: #f9f9f9;
}

#fair-trade-page .fair-trade-text {
    width: 70%;
}

#fair-trade-page .fair-trade-text p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
}

#fair-trade-page .fair-trade-logo {
    width: 30%;
    padding: 1em;
}

#storefront-page #top-search .input-search-wrapper select,
#genres-page #sort select,
#book-list-page .select-wrapper select {
    min-width: 180px;
    padding: 15px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#genres-page .select-wrapper {
    position: relative;
    min-width: 245px;
    padding: 1px;
    border-radius: 4px;
}

#genres-page .select-wrapper:after,
#book-list-page .select-wrapper:after {
    position: absolute;
    top: 12px;
    right: 20px;
    font-family: 'Icomoon';
    font-size: 28px;
    color: #434b67;
    content: '\eaf5';
    pointer-events: none;
}

#book-list-page .select-wrapper:after {
    top: 25px;
}

#genres-page #sort .label,
#book-list-page .select-wrapper .label {
    font-size: 16px;
    font-weight: 600;
}

#storefront-page #new-releases .section-wrapper,
#storefront-page #bestsellers .section-wrapper,
#storefront-page #variable-category .section-wrapper,
#storefront-page #featured-author h1,
#genres-page section .section-wrapper,
#genres-page #books .section-wrapper {
    max-width: 1580px;
    margin: 25px auto;
    padding: 0 20px;
}

#storefront-page #new-releases .section-wrapper,
#storefront-page #bestsellers .section-wrapper {
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

#storefront-page #new-releases .section-wrapper h1,
#storefront-page #bestsellers .section-wrapper h1,
#storefront-page #variable-category .section-wrapper h1,
#storefront-page #featured-author h1,
#genres-page .section-wrapper h1,
#genres-page .subgenre-content aside h2 {
    font-family: 'Open Sans';
    font-size: 30px;
    font-weight: bold;
    color: #000;
    text-transform: initial;
}

#genres-page .subgenre-content aside h2 {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

#storefront-page .section-wrapper,
#genres-page .section-wrapper {
    height: auto;
}

#storefront-page .section-title-wrapper,
#genres-page .section-title-wrapper, 
#book-list-page .section-title-wrapper {
    position: relative;
    display: inline-block;
    height: auto;
    text-align: center;
}

#genres-page .section-title-wrapper,
#book-list-page .section-title-wrapper {
    margin-bottom: 30px;
}

/* StoreFront 

        - store front
        - top search
        - new releases
        - bestsellers
        - variable category
        - featured author

    */

.slick-slider button {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    cursor: pointer;
    -webkit-transition: box-shadow .5s cubic-bezier(.35,0,.25,1),background-color .5s cubic-bezier(.35,0,.25,1),transform .5s cubic-bezier(.35,0,.25,1);
    -moz-transition: box-shadow .5s cubic-bezier(.35,0,.25,1),background-color .5s cubic-bezier(.35,0,.25,1),transform .5s cubic-bezier(.35,0,.25,1);
    -ms-transition: box-shadow .5s cubic-bezier(.35,0,.25,1),background-color .5s cubic-bezier(.35,0,.25,1),transform .5s cubic-bezier(.35,0,.25,1);
    -o-transition: box-shadow .5s cubic-bezier(.35,0,.25,1),background-color .5s cubic-bezier(.35,0,.25,1),transform .5s cubic-bezier(.35,0,.25,1);
    transition: box-shadow .5s cubic-bezier(.35,0,.25,1),background-color .5s cubic-bezier(.35,0,.25,1),transform .5s cubic-bezier(.35,0,.25,1);
    transition-property: box-shadow, background-color, transform;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1), cubic-bezier(0.35, 0, 0.25, 1), cubic-bezier(0.35, 0, 0.25, 1);
    transition-delay: 0s, 0s, 0s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#storefront-page .section-content {
    width: 90%;
    margin: 30px auto 0 auto !important;
}

#storefront-page #top-search {
    position: relative;
    height: 250px;
    background-color: #2d7ab2;
}

#storefront-page #top-search .section-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1170px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}

#storefront-page #top-search h1 {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-transform: initial;
}

#storefront-page #top-search h2 {
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

#storefront-page #top-search h2 a {
    color: #fff600;
}

#storefront-page .search-link {
    display: none;
}

#storefront-page #input-search {
    position: relative;
    margin: 0 auto;
    max-width: 75%;
}

#storefront-page #top-search .input-search-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

#storefront-page #top-search .input-search-wrapper select {
    width: 300px;
    border-color: #fff;
}

#storefront-page .select-wrapper {
    min-width: 243px;
    background-color: #fff;
}

select::-ms-expand {
    display: none;
}

#storefront-page .searchbox {
    flex: 1 1 auto;
    max-width: 300px;
    height: 36px;
    border: none;
    border-radius: 3px;
}

#storefront-page .btn-search {
    flex: 0 0 auto;
    margin-left: 10px;
    padding: 15px 50px;
    background-color: #ad4d00;
    font-size: 16px;
    text-transform: initial;
}

#storefront-page .btn-search:hover {
    background-color: #c65300;
}

#storefront-page #featured-author h1 {
    margin: 0 auto;
    padding: 15px;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
}

#storefront-page #featured-author {
    background: #838279;
}

#storefront-page #featured-author .section-wrapper {
    background: #e9e5d2;
}

#storefront-page #featured-author .section-wrapper .section-content {
    overflow: hidden;
    max-width: 1580px;
    margin: 0 auto;
}

#storefront-page #featured-author .section-content {
    margin-top: 0 !important;
    padding: 25px;
}

#storefront-page .slick-list *:focus {
    outline: none !important;
}

#storefront-page .img-wrapper {
    margin-right: 55px;
    margin-bottom: 6px;
}

/* Book Stylings */

#genres-page .section-content, 
#book-list-page .section-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#genres-page .section-content {
    margin-top: 20px;
}

#book-list-page .section-content {
    padding: 25px;
}

#genres-page .section-content .section-title-wrapper,
#book-list-page .section-content .section-title-wrapper{
    width: 25%;
}

#storefront-page .link-title,
#book-list-page .link-title,
#genres-page .link-title {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

#storefront-page .book-img,
#book-list-page .book-img,
#genres-page .book-img {
    height: 250px;
    vertical-align: middle;
    font-size: 11px;
    font-style: italic;
    line-height: initial;
    box-shadow: 2px 3px 3px 1px #999;
}

#book-list-page .book-img {
    height: 235px;
}

#genres-page .book-img {
    height: 150px;
}

#storefront-page .link-title:hover .book-img,
#book-list-page .link-title:hover .book-img,
#genres-page .link-title:hover .book-img {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#genres-page .loading,
#storefront-page .loading,
#book-list-page .loading,
#other-titles .loading {
    width: 25px;
    height: 25px;
    padding: 75px 50px;
}

#storefront-page .loading,
#book-list-page .loading {
    padding: 112px 50px;
}

#storefront-page .link-title,
#book-list-page .link-title,
#genres-page .link-title {
    color: #000 !important;
    text-align: left;
}

#storefront-page .label-title,
#book-list-page .label-title,
#genres-page .label-title {
    display: block;
    width: 175px;
    margin-top: 15px;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    word-wrap: break-word;
}

#storefront-page .label-author,
#book-list-page .label-author,
#genres-page .label-author {
    display: block;
    width: 175px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
    word-wrap: break-word;
}

#storefront-page .label-genre,
#book-list-page .label-genre,
#genres-page .label-genre {
    display: block;
    overflow: hidden;
    width: 175px;
    font-size: smaller;
    color: #6f6f6f;
    text-transform: capitalize;
}

#storefront-page .price-wrapper,
#book-list-page .price-wrapper,
#genres-page .price-wrapper {
    margin-top: 15px;
}

#storefront-page .book-price,
#book-list-page .book-price,
#genres-page .book-price {
    padding-top: 10px;
}

#storefront-page .label-price,
#book-list-page .label-price,
#genres-page .label-price {
    font-size: 13px;
    text-transform: initial;
    font-weight: 600;
}

#storefront-page .label-price span,
#book-list-page .label-price span,
#genres-page .label-price span {
    font-size: 18px;
    padding-left: 6px;
    font-weight: 600;
}

#book-list-page .select-wrapper {
    position: relative;
    padding-top: 15px;
    float: right;
}

#book-list-page .section-wrapper {
    clear: right;
}

#storefront-page .slick-prev,
#storefront-page .slick-next {
    top: 30%;
    width: 30px !important;
    height: 50px !important;
}

#storefront-page .slick-arrow.button {
    color: #3e3b32 !important;
    background: #fff;
}

#storefront-page .slick-prev:before,
#storefront-page .slick-next:before {
    width: 50px !important;
    height: 50px !important;
    font-size: 30px !important;
    color: #3e3b32 !important;
    background: transparent !important;
    opacity: 1 !important;
}

#storefront-page .slick-arrow.button:hover {
    background: #f5f5f5;
}

#storefront-page .slick-disabled {
    display: none !important;
    width: 0 !important;
    pointer-events: none;
}

#storefront-page .button-wrapper {
    display: inline-block;
    vertical-align: middle;
}

#storefront-page .btn-circle {
    position: relative;
    top: 60px;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-weight: 700;
}

#storefront-page .slick-prev {
    left: -75px;
}

#storefront-page .slick-prev:before {
    font-family: 'icomoon', 'open sans', arial, sans-serif;
    content: '\eaf8';
}

#storefront-page [dir='rtl'] .slick-prev:before {
    font-family: 'icomoon', 'open sans', arial, sans-serif;
    content: '\eaf7';
}

#storefront-page .slick-next {
    right: -60px;
}

#storefront-page .slick-next:before {
    font-family: 'icomoon', 'open sans', arial, sans-serif;
    content: '\eaf7';
}

#storefront-page [dir='rtl'] .slick-next:before {
    font-family: 'icomoon', 'open sans', arial, sans-serif;
    content: '\eaf8';
}

#storefront-page .video-column {
    float: left;
    width: 35%;
}

#storefront-page .video-container {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
}

#storefront-page .video-container iframe,
#storefront-page .video-container object,
#storefront-page .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#storefront-page .detail-column {
    float: left;
    padding-left: 20px;
    width: 60%;
}

#storefront-page .detail-column h2 {
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline;
}

#storefront-page .publish.button {
    margin-right: 25px;
    padding: 10px 15px;
    background-color: #ad4d00;
}

#storefront-page .publish.button:hover {
    color: #fff !important;
}

/* eBook Download */
#bookshop-download-page .one-page-book-section {
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 1%;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#bookshop-download-page .one-page-book-section-content {
    height: 40px;
}

#bookshop-download-page .one-page-book-download-button {
    float: right;
    width: 150px;
    margin-left: 20px;
}

#bookshop-download-page .title-section {
    width: 50%;
}

#bookshop-download-page .available-formats-section {
    width: 100%;
}

#bookshop-download-page .one-page-book-section-value {
    overflow: hidden;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
    text-overflow: ellipsis;
}

#bookshop-download-page .one-page-book {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f6f6f6;
}

#bookshop-download-page .one-page-book-section-label {
    margin-bottom: 5px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
}

#bookshop-download-page .book-description {
    font-weight: 400;
}

/* view cart page */
/*  =============================================================================
        Other titles by this author / publisher
    ============================================================================= */
#view-cart-page #other-titles {
    margin-top: 10px;
    padding: 10px;
    border-radius: 3px;
    background: #ffff;
}

#view-cart-page #other-titles .other-title-wrapper {
    display: inline-block;
}

#view-cart-page #other-titles .section-name {
    width: 100%;
    text-transform: capitalize;
}

#view-cart-page #other-titles #other-books {
    width: 90%;
    margin: 0 auto;
}

#view-cart-page #other-titles hr {
    display: block;
    color: #333;
}

#view-cart-page #other-titles .other-img-wrapper {
    margin-bottom: 6px;
}

#view-cart-page #other-titles .link-other-title {
    display: inline-block;
    min-width: 110px;
    margin-right: 20px;
    margin-bottom: 10px;
    vertical-align: top;
    text-decoration: none;
}

#view-cart-page #other-titles a.link-other-title {
    font-size: 12px;
    color: #700;
}

#view-cart-page #other-titles a.link-other-title:active,
#view-cart-page #other-titles a.link-other-title:hover {
    color: #c30;
}

#view-cart-page #other-titles .other-book-img {
    width: 100px;
    height: 160px;
    font-size: 11px;
    font-style: italic;
    line-height: initial;
    vertical-align: middle;
    background: url(/CommonControls/Images/Bookshop/loading.gif) no-repeat center center;
}

#view-cart-page .label-other-title {
    display: block;
    margin-top: 15px;
    line-height: 18px;
    text-decoration: underline;
}

#view-cart-page .section-name h2.title-text {
    font-size: 14px;
    font-weight: bold;
}

#view-cart-page #other-titles .title-text i {
    display: none;
}

#view-cart-page .label-other-author {
    display: block;
    margin-top: 5px;
    font-size: 11px !important;
    line-height: 12px;
    color: #555 !important;
    text-decoration: none;
}

#view-cart-page #other-titles .slick-prev,
#view-cart-page #other-titles .slick-next {
    top: 75px;
    width: 30px !important;
    height: 30px !important;
}

#view-cart-page #other-titles .slick-prev:before,
#view-cart-page #other-titles .slick-next:before {
    width: 50px !important;
    height: 50px !important;
    font-family: 'icomoon', 'open sans', arial, sans-serif;
    font-size: 30px !important;
    color: #3e3b32 !important;
    background: transparent !important;
    opacity: 1 !important;
}

#view-cart-page #other-titles .slick-prev:before {
    content: '\eaf8';
}

#view-cart-page #other-titles .slick-next:before {
    content: '\eaf7';
}

#view-cart-page #other-titles .slick-disabled {
    display: none !important;
    pointer-events: none;
}
/*===========================================================================
        Genre page
    =============================================================================*/
#genres-page {
    display: flex;
    justify-content: space-around;
}

#genres-page .genre-nav,
#genres-page .genre-content {
    padding: 15px;
}

#genres-page .genre-nav {
    flex-grow: 1;
    min-width: 250px;
    max-width: 25%;
    margin-top: 15px;
    border-right: 1px solid #ccc;
}

#genres-page .genre-content,
#genres-page .subgenre-content {
    flex-grow: 4;
    overflow: hidden;
}

#genres-page #genre-title {
    border-bottom: 1px solid #ccc;
}

#genres-page #genre-title .section-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px auto;
}

#genres-page aside {
    padding: 20px 10px;
}

#genres-page aside h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000 !important;
}

#genres-page .section-wrapper h1,
#genres-page aside h2 {
    text-transform: capitalize;
}

#genres-page aside h2 {
    margin-bottom: 20px;
}

#genres-page .section-wrapper h1 {
    max-width: 70%;
}

.subgenre-content #genres-page aside h2 {
    margin-bottom: 0;
}

#genres-page aside div {
    padding-left: 15px;
}

.link-genre {
    margin-right: 5px;
    color: #ad4d00;
}

.link-genre.toggle {
    text-decoration: none;
    cursor: pointer;
}

.genre-arrow::after {
    position: relative;
    padding-left: 20px;
    font-family: 'Icomoon';
    font-size: 24px;
    color: #ad4d00;
    content: '\eaf5';
    pointer-events: none;
}

.subgenre-arrow::after {
    position: relative;
    padding-left: 20px;
    font-family: 'Icomoon';
    font-size: 24px;
    color: #ad4d00;
    content: '\eaf5';
    pointer-events: none;
}

.genre-nav .current,
.genre-nav #subgenre-list .current {
    font-weight: 600;
    color: #333;
    text-decoration: none;
    list-style-type: none;
}

.genre-nav ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.subgenre-content #subgenre-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3px 25px;
}

.genre-nav ul li,
#subgenre-list ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 26px;
}

.genre-nav .count,
#subgenre-list .count {
    float: right;
    font-style: italic;
}

.genre-nav .count::before,
#subgenre-list .count::before {
    content: "(";
}

.genre-nav .count::after,
#subgenre-list .count::after {
    content: ")";
}

.subgenre-content {
    display: none;
}

#genres-page .subgenre-content #subgenre-list i {
    display: none;
}

.genre-nav aside i {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.genre-nav aside li.current i,
.genre-nav aside h2 i,
.subgenre-content aside h2 i {
    display: none;
}
/*  =============================================================================
    Pagination
    ============================================================================= */
#genre-buttons {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 10px auto 40px;
    text-align: left;
}

#genre-buttons input[type=button] {
    margin-bottom: 5px;
    margin-left: 8px;
    padding: 8px 14px;
    border: 1px solid #999;
    border-radius: 2px;
    font-weight: 700;
}

#genre-buttons input[type=button][disabled],
#genre-buttons input[type=button][disabled]:hover,
#genre-buttons input[type=button][disabled]:not(.current):hover{
    border: 1px solid #999;
    outline: none;
    color: #aaa;
    background-color: #ddd;
    cursor: default;
}

#genre-buttons input[type=button].current {
    border: 2px solid #ad4d00;
    color: #ad4d00;
    background: #fff;
    pointer-events: none;
}

#genre-buttons input[type=button]:not(.current):hover {
    border-color: #000;
    color: #000;
    background: #d7d7d7;
}

/*  =============================================================================
    Sign Up Page
    ========================================================================== */

#new-customer-form {
    max-width: 450px;
    margin: auto;
}

#new-customer-page #show-contacts-link,
#new-customer-page #show\-contacts-container {
    display: none;
}

/*  =============================================================================
    Media Queries
    ========================================================================== */

@media screen and (max-width:1480px) {
    #footer-nav ul {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:1280px) {
    #book-list-page .section-content .section-title-wrapper {
        width: 33%
    }
}

@media screen and (max-width:1130px) {
    #site-header .main-nav .level1 > li > a > i {
        width: auto;
        margin: 0;
    }

    #site-header .main-nav .level1 .has-sub:hover .genres-list-container {
        width: 80%;
    }

    #site-header .main-nav .level1 .has-sub:hover .genres-list-container ul {
        height: auto;
        max-height: calc(100vh - 190px);
    }
}

@media screen and (max-width: 1024px) {
    #book-list-page .section-content .section-title-wrapper {
        width: 50%
    }

    #genres-page #genre-title .section-wrapper {
        flex-direction: column;
    }

    #genres-page #genre-title .section-wrapper h1 {
        max-width: none;
        margin-bottom: 10px;
        text-align: center;
    }

    #genres-page #genre-title .select-wrapper,
    #genres-page #genre-title .select-wrapper select {
        width: 100%;
    }

    #genres-page #genre-title .select-wrapper .label {
        display: none;
    }
}

@media screen and (min-width: 960px) and (max-width:1050px) {
    #header-menu #nav-guides {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    /*HTML & BODY*/

    html,
    body,
    #site-container,
    #slideout-container,
    form {
        height: 100%;
    }


    /*Site Container > Sections*/

    #utility-header,
    #site-header-container {
        display: none;
    }


    /*Site Container > Content Container > Application Page Elements*/

    #main-content .dropDown-menu-link .page-header {
        background-color: #84827a;
    }


    /*Mobile Help Section*/

    #mobile-help .chat-icon,
    #mobile-help .email-icon,
    #mobile-help .phone-icon,
    #mobile-help .video-icon,
    #mobile-help .pdf-icon,
    #mobile-help .morehelp-icon {
        background: url(/commoncontrols/universal/bbp/IMG/mobile-help-icons.png) 0 0 no-repeat;
    }


    /*Mobile Site Header*/

    #mobile-site-header {
        border-bottom: 1px solid #000;
        text-shadow: 0 1px 3px #000;
    }

    #mobile-site-header #togglenav-button-header,
    #mobile-site-header #togglehelp-button-header {
        border: 1px solid #1c252b;
        color: #eee;
    }

    #mobile-site-header .link-logo {
        top: 10px;
        margin-left: -51px;
    }

    #mobile-site-header .link-logo,
    #mobile-site-header .link-logo img {
        height: 30px;
    }


    /*MOBILE > COLORS*/

    .icon-link:hover,
    .icon-link.highlight {
        background: #3e3b32;
    }

    #mobile-site-header,
    #mobile-site-header a {
        background-color: #3e3b32;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#4e4b42), to(#2e2b22));
        background-image: -webkit-linear-gradient(top, #4e4b42, #2e2b22);
        background-image:    -moz-linear-gradient(top, #4e4b42, #2e2b22);
        background-image:     -ms-linear-gradient(top, #4e4b42, #2e2b22);
        background-image:      -o-linear-gradient(top, #4e4b42, #2e2b22);
        background-image:         linear-gradient(to bottom, #4e4b42, #2e2b22);
    }

    #mobile-site-header a.link-logo {
        background: none;
    }

    #content-container .quoter-mode {
        background: #e7edf3;
    }

    #togglenav-button-header,
    #togglehelp-button-header {
        background: #445f74;
    }
}

@media all and (max-width: 960px) {
    #footer-signup-container,
    .footer-social {
        float: none;
        overflow: hidden;
        margin: 0 auto;
    }

    #footer-signup-container {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 812px) {
    #site-footer-container {
        padding: 0;
    }

    #footer-signup .responsive-form fieldset ul li p.textbox-mask {
        width: 300px;
    }

    #footer-nav {
        position: inherit;
    }

    #footer-nav ul {
        display: block;
    }

    #footer-nav ul li {
        display: block;
        float: none;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #999;
    }

    #footer-logo .mobile-footer-logo-link#footer-logo-main {
        display: none;
    }

    #footer-nav li#mobile-footer-logo {
        display: block;
        border-bottom: none;
    }

    #site-footer #footer-top ul.column {
        display: inline-block;
        float: none;
        width: 48%;
        height: auto;
        margin: 0;
        padding: 0;
        font-family: 'open sans', arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        background: none;
        cursor: pointer;
    }

    .site-container > .site-container,
    #site-container #content-container {
        padding-top: 50px;
    }

    #site-header {
        right: -100%;
        width: 100%;
        height: 50px;
        padding: 0;
        opacity: 0;
        background-color: transparent;
        transition: right 0s ease .7s, width 0s .7s, background 0s, opacity .7s, height .5s;
    }

    #site-header .content-wrapper {
        overflow-y: auto;
        height: 100%;
    }

    #site-header #header-menu {
        overflow: hidden;
    }

    #site-header .link-logo {
        opacity: 0;
    }

    #site-header .main-nav .level1 {
        display: flex;
        overflow: hidden;
        flex-direction: column;
    }

    #site-header .main-nav .level1 > li > a {
        padding-left: 0;
        transition: padding-left .1s ease, color .3s;
    }

    #site-header .main-nav .level1 .has-sub .genres-list-container ul,
    #site-header .main-nav .level1 .has-sub:hover .genres-list-container ul {
        display: none;
    }

    #site-header .link-logo,
    #mobile-header .link-logo {
        height: 50px;
    }

    #mobile-header .link-logo img.img-logo,
    #mobile-header a.link-logo,
    #mobile-header .main-logo,
    #mobile-header.open.closing .main-logo,
    #site-footer-container #footer-logo img {
        overflow: hidden;
        width: 202px;
        transition: width .5s, transform .5s;
    }


    /*OPEN Menu*/

    #site-header.open {
        right: 0;
        width: 290px;
        height: 100%;
        background: #f5f1e8;
        opacity: 1;
        transition: right .7s ease 0s, width 0s, height 0s, opacity 0s;
    }

    #site-header.open.closing {
        right: -100%;
        opacity: 0;
        transition: right .7s ease 0s, width 0s, height 0s, opacity 0s .7s;
    }

    #site-header.open #header-menu {
        padding: 0;
    }

    #site-header.open #header-menu .main-nav {
        float: left;
    }

    #site-header.open #header-menu .right-nav {
        float: none;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        font-size: 13px;
        text-align: left;
        transition: float 0s, font-size 0s, text-align 0s, font-size 0s;
    }

    #site-header.open #header-menu .main-logo {
        display: none;
    }

    #site-header.open #header-menu .right-nav .nav-icons li {
        float: none;
        margin-left: 30px;
    }

    #site-header.open .right-nav .nav-icons li {
        width: 250px;
        margin: 0 0 5px 0;
        transition: width 0s, margin 0s, transform .5s;
    }

    #site-header.open .right-nav .nav-icons li.search-link {
        display: none;
    }

    #site-header.open .right-nav .nav-icons li:first-child {
        margin-top: 60px;
    }

    #site-header.open .right-nav .nav-icons li a {
        width: 225px;
        font-size: 14px;
        line-height: 28px;
        text-align: left;
        transition: width 0s, margin 0s, font-size 0s, line-height 0s, color .5s, transform .5s;
    }

    #site-header.open .right-nav .nav-icons li a#lnk-search {
        width: auto;
    }

    #site-header.open .main-nav li a,
    #site-header.open .link-logo,
    #site-header.open .link-mobile {
        display: block;
        width: 210px;
        padding: 15px 30px;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        transition: width 0s 0s, padding 0s, font-size 0s, line-height 0s, font-weight 0s, color .5s, background .5s;
    }

    #site-header.open .link-logo {
        height: 20px;
        opacity: 1;
    }

    #site-header.open .link-logo .img-logo {
        display: none;
    }

    #site-header.open .link-logo .text-logo {
        display: inline;
    }

    #site-header.open .main-nav .level1 > li > a > i {
        float: right;
        clear: none;
        font-size: 20px;
        color: #cce3f2;
    }

    #site-header.open .main-nav .level1 > li > a > i.down-arrow {
        opacity: 0;
    }

    #site-header.open .main-nav .level1 > li > a > i.right-arrow {
        opacity: 1;
    }

    #site-header.open #header-menu .main-nav .level1 li.open > a > i.down-arrow {
        opacity: 0;
    }

    #site-header.open #header-menu .main-nav .level1 li.open > a > i.right-arrow {
        transform: rotate(90deg);
    }

    #site-header.open #header-menu .main-nav .level1 li .level2 {
        position: relative;
        box-shadow: none;
        opacity: 1;
    }

    #site-header.open #header-menu .main-nav .level1 li .level2 li {
        height: auto;
    }

    #site-header.open #header-menu .main-nav .level1 li .level2 li a {
        display: block;
        overflow: hidden;
        height: 0;
        padding: 0 30px;
        border-bottom: 0 solid #1d5778;
        background: #cce3f2;
        opacity: 0;
        transition: height .3s, padding .3s, border-width .3s, opacity .3s, color .5s, background .5s;
    }

    #site-header.open #header-menu .main-nav .level1 li.open .level2 li a {
        height: auto;
        min-height: 20px;
        padding: 12px 30px;
        border-width: 0;
        border-bottom: none;
        background: #fff;
        opacity: 1;
    }

    #site-header.open #header-menu .main-nav .level1 li .level2 li a:hover {
        background: #cce3f2;
    }

    #site-header.open #header-menu .main-nav .level1 li .level2 li a i {
        display: none;
    }

    #site-header .main-nav {
        height: auto;
        box-shadow: none;
    }

    #site-header .main-nav .level1 li {
        display: block;
    }

    #site-header .main-nav .level1 li .level2:hover .level3 {
        display: none;
    }


    /*search*/

    #header-search {
        height: 0;
    }

    #header-search.open {
        width: 0;
    }

    #site-header.open #header-search.open {
        width: 95%;
        background-color: inherit;
        transition: width .7s ease 0s;
    }

    #site-header #header-search input {
        text-shadow: none;
    }

    #site-header.open #header-search.open.closing {
        right: -300px;
        transition: right .3s ease 0s;
    }

    #header-search.open .search-button {
        top: 8px;
    }

    #header-search fieldset {
        padding: 10px 10px 0 0;
    }

    #header-search .search-button {
        right: 209px;
        padding: 0;
    }

    #header-search.open .search-button {
        position: absolute;
        top: 25px;
        right: 0;
        z-index: 2;
    }

    #header-search fieldset .txt-search label {
        top: 0;
        line-height: 32px;
    }

    #header-search fieldset .txt-search label.inputted,
    #header-search fieldset .txt-search.focused label.inputting-notrans {
        line-height: 14px;
    }

    #header-search fieldset .txt-search.focused label.inputted,
    #header-search fieldset .txt-search label.inputting {
        line-height: 19px;
    }

    #header-search fieldset .txt-search.focused label.inputting-notrans {
        line-height: 14px;
    }


    #header-search .close-search-link {
        left: 5px;
        display: none;
        margin-top: 2px;
    }

    #header-search.open fieldset .txt-search .input-status {
        top: 5px;
    }


    /* MOBILE HEADER */

    #mobile-header {
        display: block;
        height: 50px;
        transition: height .5s ease .3s;
    }

    #mobile-header .right-nav {
        right: 20px;
        height: 44px;
        margin-top: 13px;
        opacity: 1;
        transition: opacity .3s ease .3s, right .6s ease 0s, margin-top .3s ease .3s;
    }


    /*open*/

    #mobile-header.open .right-nav {
        right: 280px;
    }

    #mobile-header.open.closing .right-nav {
        right: 10px;
    }

    #outer-container-responsive > .content-wrapper {
        padding: 0;
    }

    #site-header,
    #mobile-header {
        position: fixed;
    }

    #site-footer #footer-top ul.column:nth-child(even) {
        float: right;
    }

    #site-footer-container footer #footer-top > ul > li#link-reviews {
        display: inline;
    }

    #page {
        margin-top: 50px;
    }

    #site-header .main-nav .level2 li a {
        font-size: 15px;
    }

    body #site-header .main-nav .level1 li.open .level2 > li,
    body #site-header .main-nav .level1 li.open .level3 > li {
        border: 1px solid #eee;
    }

    #header-menu .right-nav .nav-icons li.search-link {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }

    #footer-logo .footer-logo-link {
        display: none;
    }
}

@media screen and (max-width: 900px) {

    /*Footer*/

    #footer-bottom {
        height: auto;
        margin: initial;
        text-align: center;
    }

    #footer-bottom .footer-bottom-mobile,
    #footer-bottom .footer-bottom-spacer {
        display: block;
        float: none;
        padding: 5px;
        font-size: 12px;
    }

    #footer-bottom .footer-bottom-spacer {
        display: none;
    }

    #site-footer #footer-top {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .footer-nav .nav-menu li {
        overflow: hidden;
        margin: 0 10px;
        padding-bottom: 6px;
    }

    .footer-nav .nav-menu li a {
        left: 10px;
        display: block;
        clear: right;
        width: 120%;
        margin: 0 0 0 -10%;
        padding: 0 10% 6px;
        border-bottom: 2px solid #999;
        font-family: 'open sans', arial, sans-serif;
        font-size: 20px;
        line-height: 36px;
        color: #fff;
        text-align: left;
        text-decoration: none;
        -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.2);
           -moz-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                box-shadow: 0 3px 2px rgba(0,0,0,.2);
            -ms-box-shadow: 0 3px 2px rgba(0,0,0,.2);
             -o-box-shadow: 0 3px 2px rgba(0,0,0,.2);
    }

    #site-footer-container footer {
        padding: 0 10px 10px;
    }

    #site-footer-container footer #footer-top > ul {
        max-width: none;
        padding-top: 1%;
    }

    #site-footer-container footer #footer-top > ul > li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        font-family: 'open sans', arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 50px;
        color: #fff;
        text-decoration: none;
        background: none;
        cursor: pointer;
    }

    #site-footer-container footer #footer-top > ul > li a,
    #site-footer-container footer #footer-top > ul > li span {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 18px;
        line-height: 50px;
    }

    #site-footer-container footer #footer-top > ul > li > a,
    #site-footer-container footer #footer-top > ul > li > span {
        float: left;
    }

    #site-footer-container footer #footer-top > ul > li > i {
        float: right;
        margin-top: 5px;
    }

    #site-footer-container footer ul > li .sub-menu a {
        display: block;
        clear: none;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
        font-family: 'open sans', arial, sans-serif;
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        text-align: left;
        text-decoration: none;
    }

    #site-footer-container footer #footer-top > ul > li .nav-menu a:hover {
        color: #c0d478;
    }

    #site-footer-container footer li {
        padding-bottom: 0;
    }

    #site-footer-container footer ul.nav-menu {
        padding: 0 10px;
    }

    #site-footer-container footer #footer-top > ul > li > .menu-container {
        clear: both;
        overflow: hidden;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #999;
        background: #999;
    }

    #site-footer-container footer #footer-top > ul > li:last-child > .menu-container {
        border-bottom: none;
    }

    #site-footer-container footer #footer-top > ul > li > .menu-container .sub-menu {
        height: 0;
        margin: 0;
        -webkit-transition: height 1s ease;
           -moz-transition: height 1s ease;
            -ms-transition: height 1s ease;
             -o-transition: height 1s ease;
                transition: height 1s ease;
    }

    #site-footer-container #social-media-container #social-media {
        width: 100%;
    }

    #site-footer-container footer ul > li > a:hover,
    #site-footer-container footer ul > li > a:active {
        text-decoration: none;
    }

    #mobile-footer-buttons {
        position: static;
        right: auto;
        z-index: 1;
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    #full-site-link {
        display: block;
    }

    #btnNewQuote {
        position: static;
        display: block;
        float: left;
        width: 100%;
        height: auto;
        border: none;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
            -ms-border-radius: 0;
             -o-border-radius: 0;
                border-radius: 0;
        color: #fff;
        text-align: center;
        background: #c6c850;
        background: -webkit-gradient( linear, left top, left bottom, from(#c6c850), to(#abb000));
        background: -moz-linear-gradient( top, #c6c850, #abb000);
    }

    #btnNewQuote {
        background: #8cbed5;
        background: -webkit-gradient( linear, left top, left bottom, from(#8cbed5), to(#66a0af));
        background: -moz-linear-gradient( top, #8cbed5, #66a0af);
    }

    #full-site-link a {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        font-size: 16px;
        font-weight: 600;
        line-height: 42px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }


    /*Mobile*/

    #site-footer-container .mobile {
        display: block !important;
    }

    #site-footer #footer-logo a,
    #footer-bottom #footer-logo #footer-nav,
    #footer-bottom #footer-logo a {
        float: none;
    }

    #footer-nav {
        padding: 0;
    }

    #footer-bottom #footer-usa {
        float: none;
    }
}

@media screen and (min-width: 751px) and (max-width: 960px) {
    #footer-bands {
        display: table-cell;
        width: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .footer-social {
        display: table;
        float: none;
        margin: auto;
        text-align: center;
    }

    #footer-bands #footer-signup-input #txtEmailMask {
        max-width: 100%;
    }

    #footer-signup-container {
        max-width: 100%;
    }

    #mobile-header.mobile {
        display: none;
    }
}

@media all and (max-width: 600px) {
    .a-social {
        margin-right: 19px;
    }
}

@media all and (max-width: 525px) {
    #footer-signup-container {
        margin-bottom: 0;
    }

    .footer-social a {
        margin-top: 10px;
    }

    #site-footer-container #social-media-container.hidden {
        display: block;
    }

    #mobile-header.open .main-logo {
        width: 30px;
    }
}

@media screen and (max-width: 495px) {
    .footer-social {
        width: 99%;
    }
}

@media screen and (max-width:350px) {
    #mobile-header.open .main-logo {
        width: 0;
    }
}

@media screen and (max-width:768px) {
    #header-search {
        right: 0;
    }
}

@media screen and (min-width: 813px) {
    #site-header .main-nav .level2 li:nth-child(1):before {
        position: absolute;
        top: -10px;
        left: 56px;
        display: block;
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        content: '';
    }

    #mobile-header {
        display: none;
    }

    #content-container {
        margin-top: 120px;
    }
}

/*  =============================================================================
    Media Queries - StoreFront 
    ========================================================================== */

@media screen and (max-width: 1400px) {
    #storefront-page .slick-prev {
        left: -40px;
    }

    #storefront-page .slick-next {
        right: -40px;
    }

    #storefront-page .link-title {
        position: relative;
        margin-right: 60px;
    }

    #storefront-page #new-releases .section-wrapper h1,
    #storefront-page #bestsellers .section-wrapper h1,
    #storefront-page #variable-category .section-wrapper h1,
    #storefront-page #featured-author h1 {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1024px) {
    #storefront-page #input-search {
        max-width: 100%;
    }

    #storefront-page .label-title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media screen and (min-width: 813px) and (max-width: 1024px) {
    #storefront-page #top-search .section-wrapper {
        width: 800px;
    }
}

@media screen and (max-width: 812px) {
    #storefront-page #top-search .section-wrapper {
        position: relative;
        top: 10%;
        left: initial;
        width: auto;
        max-width: 75%;
        transform: initial;
    }

    #storefront-page #top-search .input-search-wrapper {
        flex-direction: column;
        text-align: center;
    }

    #storefront-page #top-search h1 {
        line-height: initial;
        font-size: 28px;
    }

    #storefront-page #top-search h2 {
        font-size: 18px;
    }

    #storefront-page #new-releases .section-wrapper h1,
    #storefront-page #bestsellers .section-wrapper h1,
    #storefront-page #variable-category .section-wrapper h1,
    #storefront-page #featured-author h1 {
        padding-left: 0;
        font-size: 18px;
        text-align: center;
    }

    #storefront-page .searchbox {
        width: 50%;
        max-width: none;
        font-size: smaller;
    }

    #fair-trade-page .top-banner h1 {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    #storefront-page #top-search {
        height: auto;
        padding: 20px 0;
    }

    #storefront-page .btn-search {
        width: auto;
    }

    #storefront-page #top-search .input-search-wrapper select {
        width: 100%;
    }

    #storefront-page #top-search .input-search-wrapper p {
        text-align: center;
    }

    #genres-page .genre-nav {
        border-right: none;
    }
}

@media screen and (max-width: 700px) {
    #storefront-page .video-column,
    #storefront-page .detail-column {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    #storefront-page .detail-column h2 {
        padding-top: 15px;
    }


    #storefront-page .btn-search {
        display: block;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    #storefront-page .searchbox {
        width: 93%;
        max-width: none;
        font-size: smaller;
    }

    storefront-page .publish.button {
        width: 75%;
        padding: 10px 15px;
        background-color: #ad4d00;
    }
    
    #storefront-page #top-search h2 a {
        display: block;
    }

    #book-list-page .section-content .section-title-wrapper {
        width: 100%;
    }

    #book-list-page .section-content .section-title-wrapper {
        text-align: center;
    }

    #fair-trade-page .page-content {
        flex-direction: column;
        padding: 2em;
    }

    #fair-trade-page .fair-trade-text {
        width: 100%;
    }

    #fair-trade-page .fair-trade-logo {
        width: 20%;
        margin: auto;
    }
}

@media screen and (max-width: 500px) {
    #footer-signup .responsive-form fieldset ul li:first-child {
        margin: 0;
    }

    #footer-signup .button-container .btn-center {
        width: 300px;
    }

    #storefront-page #top-search {
        height: auto;
        padding-bottom: 15px;
    }

    #storefront-page #top-search .input-search-wrapper p {
        text-align: center;
    }

    #storefront-page #top-search .input-search-wrapper select {
        width: 100%;
    }

    #storefront-page .slick-prev {
        left: 0;
    }

    #storefront-page .slick-next {
        right: 0;
    }

    #view-cart-page #other-titles .slick-prev {
        left: 10px;
    }

    #view-cart-page #other-titles .slick-next {
        right: 10px;
    }

    #storefront-page .label-title {
        white-space: inherit;
    }

    #storefront-page .label-author {
        width: auto;
    }

    #storefront-page .section-title-wrapper {
        position: relative;
    }

    #storefront-page .title-wrapper {
        margin: 0 auto;
    }

    #storefront-page .link-title {
        width: 120%;
        margin-right: 0;
    }

    #storefront-page .img-wrapper {
        max-width: 55%;
        margin: 0 auto;
    }

    #storefront-page .book-img {
        display: block;
        height: auto;
        max-height: 150px;
        margin-right: auto;
        margin-left: auto;
    }

    .book-wrapper,
    .price-wrapper {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }

    .price-wrapper {
        position: relative;
    }

    #storefront-page #top-search .input-search-wrapper {
        display: block;
        padding: 10px;
    }

    #storefront-page .btn-search {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
}

/*  =============================================================================
    Media Queries - eBook Download 
    ========================================================================== */

@media (max-width:780px) {
    #bookshop-download-page .title-section {
        width: 100%;
        border-right: none;
        text-align: center;
    }

    #bookshop-download-page .one-page-book-download-button {
        width: 100%;
    }

    #bookshop-download-page .book-description {
        display: block;
        font-size: 14px;
        text-align: center;
    }

    #bookshop-download-page .one-page-book-section-label {
        text-align: center;
    }

    #bookshop-download-page .one-page-book-section-value {
        height: initial;
    }
}

@media (max-width:500px) {
    #bookshop-download-page .title-section {
        width: 100%;
        border-right: none;
        text-align: center;
    }

    #bookshop-download-page .title-section {
        border-bottom: 1px dotted #ccc;
    }
}

/*  =============================================================================
    Media Queries - Genres Page 
    ========================================================================== */
@media (min-width: 1920px) {
    #genres-page .book-img {
        height: 175px;
    }
}

@media (min-width: 1025px) and (max-width: 1310px) {
    #genres-page .section-content .section-title-wrapper {
        width: 33%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #genres-page .section-content .section-title-wrapper {
        width: 50%;
    }
}

@media (max-width: 767px) {
    #genres-page {
        display: flex;
        flex-direction: column;
    }

    #genres-page .genre-content {
        padding: 0 15px;
    }

    #genres-page #genre-title .section-wrapper {
        margin-top: 0;
        padding: 0;
    }

    #genres-page .genre-nav {
        max-width: none;
    }

    .genre-nav #genre-nav ul li:first-of-type {
        padding: 10px 10px;
        border-radius: 4px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        background: #ad4d00;
        justify-content: left;
    }

    #genres-page .genre-nav #genre-nav li.current i,
    #genres-page .genre-nav :not(#genre-nav) h2 i,
    .subgenre-content aside h2 i {
        position: absolute;
        right: 38px;
        display: inline-block;
        font-size: 35px;
        color: #fff;
    }

    #genres-page .genre-nav :not(#genre-nav) h2 i {
        font-size: 24px;
        color: #666;
    }

    #genres-page aside:not(#genre-nav) h2:after {
        right: 34px;
        font-size: 28px;
    }

    #genres-page .genre-nav aside:not(#genre-nav) h2:after {
        top: unset;
        right: 20px;
        color: #434b67;
    }

    .genre-nav #genre-nav ul li:first-of-type span.count {
        margin-left: 10px;
    }

    .genre-nav #genre-nav .current {
        margin-right: 0;
        font-weight: 500;
        color: #fff;
    }

    #genres-page .section-wrapper h1 {
        display: none;
    }

    #genres-page .subgenre-content {
        padding: 0 10px;
    }

    #genres-page aside,
    #genres-page .subgenre-content aside {
        padding: 5px 0;
    }

    #genres-page aside:not(#genre-nav) {
        display: none;
    }

    #genres-page .subgenre-content aside h2 {
        padding: 10px;
        border-bottom: 2px solid #ad4d00;
    }

    #genres-page .genre-nav :not(#genre-nav) h2,
    #genres-page .subgenre-content h2 {
        margin-bottom: 5px;
        padding: 10px;
        border: 2px solid #ad4d00;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
        background: #fff;
    }

    #genres-page .subgenre-content aside h2 {
        font-family: Open Sans, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
    }

    #genres-page .subgenre-content aside h2 i {
        display: none;
    }

    #genres-page aside div {
        padding-left: 0;
    }

    #genres-page aside h2 {
        margin-bottom: 0;
        margin-left: 0;
    }

    #genres-page aside#genre-nav h2 {
        display: none;
    }

    .genre-nav ul {
        margin-bottom: 0;
    }

    #genres-page #sort,
    #book-list-page .select-wrapper {
        width: 100%;
    }

    #genres-page #sort .label,
    #book-list-page .select-wrapper .label {
        display: none;
    }

    #genres-page #sort select,
    #book-list-page .select-wrapper select {
        width: 100%;
    }

    #genres-page .toggle {
        display: none;
        margin: 15px 0;
    }

    #genres-page .genre-nav,
    #genres-page .genre-content {
        padding: 0 10px;
    }

    .subgenre-content #subgenre-list ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3px 15px;
        padding: 0 15px;
    }

    #genres-page .section-content {
        padding: 0 15px;
    }

    #genres-page .section-content .section-title-wrapper {
        width: 50%;
    }

    .genre-nav aside div > i {
        display: none;
    }
}

@media (max-width: 500px) {
    #storefront-page #top-search .section-wrapper {
        max-width: 90%;
    }

    #book-list-page .book-img {
        height: auto;
        max-width: 250px;
        max-height: 250px;
        margin: auto;
    }

    #genres-page .label-author,
    #genres-page .label-title {
        width: 125px;
    }

    #genres-page .section-title-wrapper {
        margin-left: 0;
    }

    #genres-page .book-img {
        height: 250px;
    }

    #genres-page .section-content {
        padding: 25px 0;
    }

    #genres-page .section-content .section-title-wrapper {
        width: 100%;
    }

    #view-cart-page #other-titles .other-book-img {
        margin: auto;
    }
}

/* adds a blur button thead page when overlay datalist present */
.overlay-helper {
    /* someday in the near future ;) */
    /* -webkit-filter: blur(1px) grayscale(.7); */
    -webkit-transition: all .1s;
       -moz-transition: all .1s;
        -ms-transition: all .1s;
         -o-transition: all .1s;
            transition: all .1s;
}

.avlModal-container {
    position: absolute;
    top: 0;
    left: -9999px;
    display: none;
    max-width: 2000px;
}

.avlModal {
    position: fixed;
    top: 50%;
    left: 50%;
	-webkit-perspective: 800px;
       -moz-perspective: 800px;
        -ms-perspective: 800px;
         -o-perspective: 800px;
            perspective: 800px;
}

.avlModal .avlModal-wrapper {
    padding: 20px;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    text-align: left;
    opacity: 0;
    background-color: #fff;
    background-clip: padding-box;

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
        -ms-box-shadow: 0 0 10px rgba(0,0,0,.5);
         -o-box-shadow: 0 0 10px rgba(0,0,0,.5);
            box-shadow: 0 0 10px rgba(0,0,0,.5);

    -webkit-transition: all .1s ease-in;
       -moz-transition: all .1s ease-in;
        -ms-transition: all .1s ease-in;
         -o-transition: all .1s ease-in;
            transition: all .1s ease-in;

	-webkit-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
       -moz-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
        -ms-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
         -o-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
            transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);

	-webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
         -o-backface-visibility: hidden;
            backface-visibility: hidden;
}

.avlModal .avlModal-wrapper.no-trans {
	-webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.avlModal .avlModal-wrapper.show {
    opacity: 1;

    -webkit-transform: scale(1) translateZ(0px) perspective(800px) rotateX(0deg);
       -moz-transform: scale(1) translateZ(0px) perspective(800px) rotateX(0deg);
        -ms-transform: scale(1) translateZ(0px) perspective(800px) rotateX(0deg);
         -o-transform: scale(1) translateZ(0px) perspective(800px) rotateX(0deg);
            transform: scale(1) translateZ(0px) perspective(800px) rotateX(0deg);
}

.avlModal .avlModal-wrapper.hide {
    opacity: 0;

    -webkit-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
       -moz-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
        -ms-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
         -o-transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
            transform: scale(1.1) translateZ(0px) perspective(800px) rotateX(0deg);
}

.avlModal .avlModal-content {
    overflow: auto;
    height: 100%;
    min-height: 20px;
    /* Fix for Safari modal scroll*/
    -webkit-overflow-scrolling: auto;
}

.avlModal .avlModal-content-wrapper { overflow: hidden; }

.avlModal .avlModal-content-wrapper ul.bullet-list { 
    list-style-type: disc;
    padding-left: 30px;
}

.avlModal .avlModal-content-wrapper ul.bullet-list  li {
    margin-bottom: 10px;
    padding-left: 0;
}

.avlModal .avlModal-content-wrapper li { padding-left: 5px; }

.avlModal .avlModal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9999;
    display: block;
    padding: 5px;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    line-height: 1;
}

.avlModal #responsive-form-message .avlModal-close{
    top: 5px;
    right: 5px;
}

.avlModal #responsive-form-message i#closeModalIcon {
    position: static;
    color: inherit;
}

#quantitymodal .avlModal-buttons .primary-site-button,
#quantitymodal .avlModal-buttons .secondary-site-button {
    font-size: 12px;
    text-align: center;
}

#quantitymodal #qty-item-image img { max-width: 90px; }

#quantitymodal .addon-quantity-label .quantity-note,
#quantitymodal .addon-quantity-label .bookmark-quantity-note { display: block; }
html.no-js body #content-container, 
html.no-js body #page {
    overflow: hidden;
    font-size: 13px;
}

#no-script,
#no-cookies {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
}

#no-cookies { display: none; }

#no-script div,
#no-cookies div {
    margin: 0;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: initial;
    color: #d41f08;
}


@media screen and (max-width: 1024px) {
    #no-script div,
    #no-cookies div { font-size: 14px; }
}
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


/*	=============================================================================================================
	Responsive Form Structure
	=============================================================================================================

	<div class="responsive-form">
							
		<fieldset>

			<legend></legend>

			<ul>
				<li>
					<p>
						<label></label>
						<input>
					</p>
				</li>
				<li>
					<p>
						<label></label>
						<input>
					</p>
				</li>
			</ul> 
	 
			<ul>
				<li>
					<p>
						<label></label>
						<input>
					</p>
				</li>
			</ul>
			<ul>
				<li>
					<div>
						<RadioButtonList>
					</div>
				</li>
			</ul>

		</fieldset>

	</div><!-- .responsive-form -->

	RadioButtonLists must be in a div!

	*/

/*	=============================================================================================================
	Responsive Form
	============================================================================================================= */

/* --- Microsoft love --- */

.responsive-form p,
.responsive-form .button-container {
	zoom: 1;
}

/* don't show the x or eye for text/password inputs */
::-ms-clear, ::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* used on the UL level to add extra spacing between fields that have little in common, but are grouped in the same fieldset */
.responsive-form .field-group-break-top {
	margin-top: 10px;
}

.responsive-form .field-group-break-bottom {
	margin-bottom: 10px;
}

.responsive-form label {
	color: #595959;
	display: block;
}

.responsive-form label.expdate { cursor: default !important; }

.responsive-form .radio-mask > label,
.responsive-form .outter-label {
	font-size: 13px;
	color: #777;
	line-height: 18px;
	font-weight: normal;
	margin: 0 0 3px;
	max-width: 800px;
}

.responsive-form .outter-label {
	margin: 10px 0 3px 3px;
}

	.responsive-form .outter-label.focused {
		color: #0079ff;
	}

/* 
	- used for pages that have page button container with a top solid border 
	- add the ".no-bottom-borer" class to the ".responsive-form" element 
	*/
.responsive-form.no-bottom-border fieldset:last-child {
	border-bottom: none;
}

.responsive-form .label-note {
	font-size: 11px;
	line-height: 16px;
	color: #888;
	font-weight: normal;
	clear: both;
	display: block;
	padding: 2px 4px;
	font-style: italic;
	margin-bottom: 3px;
}

.responsive-form .outter-label em {
    font-size: 12px;
    color: #999;
}

.responsive-form fieldset {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #eee;
}

.responsive-form fieldset.no-border {
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: none;
}

.responsive-form fieldset legend {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	color: #555;
}

.responsive-form fieldset legend .legend-extra-text {
	text-transform: none;
}

.responsive-form fieldset ul {
	overflow: hidden;
}

.responsive-form fieldset ul.spaced {
	margin-bottom: 10px;
}

.responsive-form fieldset ul li {
	display: inline;
	vertical-align: top;
}

.responsive-form fieldset ul li p.textbox-mask,
.responsive-form fieldset ul li p.textarea-mask,
.responsive-form fieldset ul li p.dropdown-mask,
.responsive-form fieldset ul li p.rating-mask {
	position: relative;
	/*display: inline-block;*/
	float: left;
	width: 99%;
	min-width: 100px;
	height: 39px;
	margin: 0px 6px 0 0px;
	overflow: hidden;
	line-height: 25px;
	border: 1px solid #dedede;
	cursor: text;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f9f9f9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f7f7f7));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fbfbfb), to(#f7f7f7));
	background: -moz-linear-gradient(center top, #fbfbfb, #f7f7f7);
	background: linear-gradient(#fbfbfb, #f7f7f7);
}

/* browsers that do not support box shadow (<ie8) */
.no-boxshadow .responsive-form fieldset ul li p.textbox-mask,
.no-boxshadow .responsive-form fieldset ul li p.textarea-mask,
.no-boxshadow .responsive-form fieldset ul li p.dropdown-mask {
	border-color: #ddd;
}

.responsive-form fieldset ul li small {
    display: block;
    clear: both;
    margin: 3px 3px 8px 3px;
    font-size: 11px;
    font-style: italic;
    line-height: normal;
    color: #595959;
}

.responsive-form fieldset ul li p.textbox-mask,
.responsive-form fieldset ul li p.textarea-mask,
.responsive-form fieldset ul li p.dropdown-mask {
	margin: 3px;
}

.responsive-form fieldset ul li p.textbox-mask,
.responsive-form fieldset ul li p.textarea-mask {
	padding: 0;
}

.responsive-form fieldset ul li p.textarea-mask {
	height: auto;
	margin-bottom: 6px;
	max-width: 800px;
}

.responsive-form fieldset ul li p.textarea-mask .textarea {
	width: 100% !important;
	height: 92px;
	padding-right: 28px !important;
	position: relative;
}

.responsive-form fieldset ul li p.failed-validation,
.no-boxshadow .responsive-form fieldset ul li p.failed-validation {
	border-color: #a85c6f !important;
	-webkit-box-shadow: 0 0 5px 0 #a85c6f;
	-moz-box-shadow: 0 0 5px 0 #a85c6f;
	box-shadow: 0 0 5px 0 #a85c6f;
}

.responsive-form fieldset ul li p,
.responsive-form fieldset ul li p .checkbox input,
.responsive-form .button-container * {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

	.responsive-form fieldset ul li p.focused,
	.responsive-form fieldset ul li p .checkbox input:focus {
		border-color: #229bff;
		background: #fff;
		-webkit-box-shadow: 0 0 5px 0 #0079FF;
		-moz-box-shadow: 0 0 5px 0 #0079FF;
		box-shadow: 0 0 5px 0 #0079FF;
	}

.responsive-form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;
}

.responsive-form p.focused input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.responsive-form fieldset ul li p .checkbox input:focus {
	outline: none;
}

.responsive-form fieldset ul li p label,
.responsive-form fieldset ul li p label em {
	color: #595959;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
	font-size: 13px;
}

	.responsive-form fieldset ul li p label em {
		margin-left: 5px;
	}

.responsive-form fieldset ul li p label:not(.star) {
	cursor: text;
	display: block;
	margin: 0 !important;
	position: absolute;
	z-index: 3;
	top: 8px;
	left: 0;
	width: 100%;
	height: 25px;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive-form fieldset ul li p.failed-validation label {
	padding-right: 28px;
}


.responsive-form fieldset ul li p label::-moz-selection {
    background: transparent !important;
	color: inherit !important;
	text-shadow: inherit !important;
}

.responsive-form fieldset ul li p label::selection {
	text-shadow: inherit !important;
}

.responsive-form fieldset ul li p label.inputting {
	-webkit-animation: labelSlideUp .3s both ease-out;
	-moz-animation: labelSlideUp .3s both ease-out;
	-ms-animation: labelSlideUp .3s both ease-out;
	-o-animation: labelSlideUp .3s both ease-out;
	animation: labelSlideUp .3s both ease-out;
}

.responsive-form fieldset ul li p label.inputting,
.responsive-form fieldset ul li p label.inputting-notrans {
	color: #0079FF;
}

	.responsive-form fieldset ul li p label.inputting,
	.responsive-form fieldset ul li p label.inputting em,
	.responsive-form fieldset ul li p label.inputted,
	.responsive-form fieldset ul li p label.inputted em {
		top: -3px;
		left: 0;
		font-size: 9px;
		text-shadow: none;
		font-style: normal;
		height: 0;
		overflow: visible;
	}

.responsive-form fieldset ul li p .dropdown.inline {
	display: inline;
}

.responsive-form fieldset ul li p .textbox,
.responsive-form fieldset ul li p .textbox.footer,
.responsive-form fieldset ul li p .dropdown,
.responsive-form fieldset ul li p .textarea {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	border: none;
	background-color: transparent !important;
	color: #000;
	outline: none;
	text-shadow: 1px 1px 1px #ddd;
	font-weight: bold;
	font-size: 14px;
	padding-right: 0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.responsive-form fieldset ul li p .textbox.footer{
	color: #BBB;
	font-weight: normal;
	font-size: 20px;
	top:-10px;
}

    .responsive-form fieldset ul li p .textbox[disabled="disabled"],
    .responsive-form fieldset ul li p .dropdown[disabled="disabled"],
    .responsive-form fieldset ul li p .textarea[disabled="disabled"],
    .responsive-form fieldset ul li p .textbox:disabled,
    .responsive-form fieldset ul li p .dropdown:disabled,
    .responsive-form fieldset ul li p .textarea:disabled {
        opacity: 1;
        color: #999;
        text-shadow: 1px 1px 1px #fff;
        -webkit-text-fill-color: #999;
    }

	.responsive-form fieldset ul li p .textbox::-ms-clear {
		display: none;
	}

.responsive-form fieldset ul li p .textbox {
	padding: 14px 28px 5px 8px !important;
}

.responsive-form fieldset ul li p .textbox.main-search {
	padding: 10px 28px 9px 8px !important;
}

.responsive-form fieldset ul li p.textarea-mask label {
	overflow: visible;
	white-space: normal;
	position: relative;
	height: 3px;
}

.responsive-form fieldset ul li p.textarea-mask label.inputted {
	line-height: 13px;
	padding-top: 5px;
	height: 8px;
}

.responsive-form fieldset ul li p .dropdown {
	padding: 11px 8px 1px 8px;
}

.responsive-form .input-loading {
	display: none;
	position: absolute;
	top: 12px;
	right: 10px;
}

.responsive-form .dropdown-mask .input-loading {
	right: 40px;
}

.responsive-form .input-status {
	display: none;
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 18px;
	z-index: 4; /* must be greater than label for clickability */
	zoom: 1;
	-khtml-opacity: 0.0;
	-moz-opacity: 0.0;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: -moz-transform .1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: -o-transform .1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform .1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.responsive-form .dropdown-mask .input-status {
	right: 34px;
}

.responsive-form fieldset ul li .failed-validation .input-status {
	display: block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation: statusBounceIn .3s both ease;
	-moz-animation: statusBounceIn .3s both ease;
	-ms-animation: statusBounceIn .3s both ease;
	-o-animation: statusBounceIn .3s both ease;
	animation: statusBounceIn .3s both ease;
}

.responsive-form fieldset ul li .radio-mask,
.responsive-form fieldset ul li .checkbox-mask {
	position: relative;
}

/* for browsers that do not support css animations (<ie8)*/
.no-cssanimations .responsive-form fieldset ul li .failed-validation .input-status {
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.responsive-form .input-warning {
	color: #a85c6f;
	cursor: pointer;
}

.responsive-form .warning-messages {
	width: 100%;
	overflow: auto;
	clear: both;
}

.responsive-form .warning-messages .debounce-link { font-weight: 700; }

.responsive-form .warning-messages div {
	background: #f9f4f4;
	margin: 0 3px 3px 0;
	padding: 4px 6px;
	color: #a85c6f;
	float: left;
	clear: left;
	line-height: 18px;
	font-size: 14px;
	font-style: italic;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.responsive-form#newsletter-form .warning-messages div {
    background: #fff;
    font-weight: 700;
}

.responsive-form .warning-messages div:last-child {
	margin-bottom: 10px;
}

.responsive-form .warning-messages .bypass-field-link {
	color: #a85c6f;
	font-size: 13px;
}

.responsive-form .button-container {
	padding-bottom: 5px;
}

.responsive-form .button-container * {
}

.responsive-form .button-container .clear-button {
	float: none;
	padding: 6px 10px;
	margin: 0 5px;
	text-decoration: none;
	color: #fff;
}
    
.responsive-form .character-count {
    float: right;
    font-size: 11px;
}
/* modal alerts */
#responsive-form-message .avlModal-content-wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

#responsive-form-message .avlModal-content p.warning-message {
	color: #a85c6f;
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
}

@-webkit-keyframes labelSlideUp {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 0;
		top: 0px;
	}

	100% {
		opacity: 1;
		top: -3px;
	}
}

@-moz-keyframes labelSlideUp {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 0;
		top: 0px;
	}

	100% {
		opacity: 1;
		top: -3px;
	}
}

@-o-keyframes labelSlideUp {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 0;
		top: 0px;
	}

	100% {
		opacity: 1;
		top: -3px;
	}
}

@keyframes labelSlideUp {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 0;
		top: 0px;
	}

	100% {
		opacity: 1;
		top: -3px;
	}
}

@-webkit-keyframes statusBounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.25);
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(.7);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes statusBounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.25);
	}

	70% {
		opacity: 1;
		-moz-transform: scale(.7);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes statusBounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.25);
	}

	70% {
		opacity: 1;
		-o-transform: scale(.7);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes statusBounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.25);
	}

	70% {
		opacity: 1;
		transform: scale(.7);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/*	=============================================================================================================
	Address Results Modal
	============================================================================================================= */

#address-results .avlModal-content h6 {
	font-size: 13px;
	margin-bottom: 10px;
	color: #333;
}

#address-results .avlModal-content a {
	display: inline-block;
	line-height: 25px;
	border: 1px solid #dedede;
	text-decoration: none;
	padding: 4px 8px;
	margin: 4px 0;
	color: #444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f9f9f9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f7f7f7));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fbfbfb), to(#f7f7f7));
	background: -moz-linear-gradient(center top, #fbfbfb, #f7f7f7);
	background: linear-gradient(#fbfbfb, #f7f7f7);
}

#address-results .avlModal-content a:hover {
	color: #000;
	border: 1px solid #cecece;
	background: #e9e9e9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#e7e7e7));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#ebebeb), to(#e7e7e7));
	background: -moz-linear-gradient(center top, #ebebeb, #e7e7e7);
	background: linear-gradient(#ebebeb, #e7e7e7);
}

#address-results .avlModal-content a.ar-choice {
	font-weight: 600;
}

#address-results .avlModal-content a#ar-certify em {
	font-style: normal;
	color: #000;
}

/*	=============================================================================================================
	Responsive AutoComplete
	============================================================================================================= */

.ui-menu {
	padding: 0px !important;
	border: 1px solid WindowFrame;
	background-color: Window;
	z-index: 9998;
	text-align: left;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* ie6 */
* html .ui-menu {
	height: 140px;
}

	.ui-menu .ui-menu-item {
		cursor: pointer;
		display: block;
		width: 100%;
		font: menu;
		font-size: 15px;
		overflow: hidden;
	}

		.ui-menu .ui-menu-item a {
			color: #444;
			padding: 3px 10px !important;
		}

			.ui-menu .ui-menu-item a.ui-state-focus,
			.ui-menu .ui-menu-item a.ui-state-active {
				background-color: Highlight;
				color: HighlightText;
				margin: 0 !important;
			}


.autocomplete-selected {
	background-color: Highlight;
	color: HighlightText;
}

.autocomplete-suggestions strong {
	font-weight: bold;
	color: #444;
}

.autocomplete-selected strong {
	font-weight: bold;
	color: HighlightText;
}

/*	=============================================================================================================
	Responsive Buttons
	============================================================================================================= */



/*	=============================================================================================================
	Responsive Checkboxes
	============================================================================================================= */

.responsive-form fieldset ul li p input.checkbox,
.responsive-form fieldset ul li p .checkbox input {
	margin: 3px;
	float: left;
}

.responsive-form .checkbox {
	display: block;
}

.responsive-form fieldset ul li p.checkbox-mask label {
	display: block;
	float: none !important;
	position: static;
	padding-left: 8px;
	margin-top: 1px;
	font-weight: normal;
	color: #444;
	width: auto;
	font-size: 13px;
	overflow: hidden;
	height: auto;
	white-space: normal;
	cursor: pointer;
}

.responsive-form fieldset ul li p.checkbox-mask.failed-validation {
    margin: 3px;
    padding: 15px;
    border: 2px solid #a85c6f;
    border-radius: 4px;
    background: #f9f4f4;
}

.responsive-form fieldset ul li p.approval label {
	min-height: 22px;
	vertical-align: top;
}

.responsive-form fieldset ul li p.approval.checkbox-mask.failed-validation {
	padding: 12px;
	border-width: 2px;
}

/*	=============================================================================================================
	Responsive Radiobuttons
	============================================================================================================= */

.responsive-form .radiobutton tr,
.responsive-form .radiobutton td,
.responsive-form .radiobutton input,
.responsive-form .radiobutton label {
	vertical-align: middle;
}

.responsive-form .radiobutton td {
	padding-bottom: 2px;
	overflow: hidden;
}

.responsive-form .radiobutton tr:last-child td {
	padding-bottom: 0;
}

.responsive-form table.radiobutton {
	width: 100%;
	margin: 10px 0 6px 0;
}

.responsive-form .radiobutton label {
    display: block;
    position: static;
    padding-left: 8px;
    margin-top: 1px;
    font-weight: normal;
    color: #444;
    width: auto;
    font-size: 13px;
    overflow: auto;
    height: auto;
    white-space: normal;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 4px;
    line-height: normal;
}

.responsive-form .radiobutton input {
	margin: 3px;
	float: left;
	clear: left;
}

.responsive-form .radio-mask.failed-validation {
    float: left;
    padding: 15px 10px 0;
    border: 2px solid #a85c6f;
    border-radius: 4px;
    background: #f9f4f4;
    -webkit-box-shadow: 0 0 5px 0 #a85c6f;
       -moz-box-shadow: 0 0 5px 0 #a85c6f;
            box-shadow: 0 0 5px 0 #a85c6f;
}

	.responsive-form .radio-mask.failed-validation table {
		clear: both;
	}
/*	=============================================================================================================
	Responsive Textareas
	============================================================================================================= */

.responsive-form .txt-shortdescript,
.responsive-form .txt-longdescript,
.responsive-form .txt-authorbio,
.responsive-form .txt-services,
.responsive-form .txt-keywords {
	max-width: 700px;
}

/*	=============================================================================================================
	Responsive DropDowns
	============================================================================================================= */

.responsive-form select {
	z-index: 3;
}

.responsive-form .dd-states,
.responsive-form .dd-opt-states,
.responsive-form .dd-tracklisting,
.responsive-form .dd-genre,
.responsive-form .dd-pricing {
	max-width: 220px;
}

.responsive-form .dd-content-type,
.responsive-form .dd-enhanced {
	max-width: 250px;
}

.responsive-form .dd-compilation {
	max-width: 300px;
}

.responsive-form .dd-country {
	max-width: 400px;
}

.responsive-form fieldset ul li p.dropdown-mask.dd-month {
	min-width: 90px;
	max-width: 90px;
}

.responsive-form fieldset ul li p.dropdown-mask.dd-year {
	min-width: 115px;
	max-width: 115px;
}

.responsive-form .dd-sequence {
	max-width: 600px;
}

.responsive-form .dd-spacing {
	max-width: 630px;
}

.responsive-form .dd-fade {
	max-width: 500px;
}

.responsive-form .dd-level {
	max-width: 550px;
}

.responsive-form .dd-eq,
.responsive-form .dd-performer {
	max-width: 420px;
}

.responsive-form .dd-creditcard,
.responsive-form .dd-feedback-type {
	max-width: 175px;
}

.responsive-form .dd-role,
.responsive-form .dd-language {
	max-width: 200px;
}

.responsive-form .dd-drm {
	max-width: 450px;
}

.responsive-form .dd-price {
	max-width: 150px;
}

.responsive-form .dd-subgenre {
	max-width: 720px;
}

.responsive-form .dd-question {
	max-width: 350px;
}

.responsive-form .customSelect {
	background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/img/customSelect-arrow-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.responsive-form .dd-maxWidth-50 {
	max-width: 50px;
}

.responsive-form .dd-maxWidth-100 {
	max-width: 100px;
}

.responsive-form .dd-maxWidth-150 {
	max-width: 150px;
}

.responsive-form .dd-maxWidth-200 {
	max-width: 200px;
}

.responsive-form .dd-maxWidth-250 {
	max-width: 250px;
}

.responsive-form .dd-maxWidth-300 {
	max-width: 300px;
}

.responsive-form .dd-maxWidth-350 {
	max-width: 350px;
}

.responsive-form .dd-maxWidth-400 {
	max-width: 400px;
}

.responsive-form .dd-maxWidth-450 {
	max-width: 450px;
}

.responsive-form .dd-maxWidth-500 {
	max-width: 500px;
}

.responsive-form .dd-maxWidth-550 {
	max-width: 550px;
}

.responsive-form .dd-maxWidth-600 {
	max-width: 600px;
}

.responsive-form .dd-maxWidth-650 {
	max-width: 650px;
}

.responsive-form .dd-maxWidth-700 {
	max-width: 700px;
}

.responsive-form .dd-maxWidth-750 {
	max-width: 750px;
}

.responsive-form .dd-maxWidth-800 {
	max-width: 800px;
}


/*	=============================================================================================================
	Responsive Textboxes
	============================================================================================================= */

.responsive-form .txt-email,
.responsive-form .txt-password,
.responsive-form .txt-projectname,
.responsive-form .txt-artistname,
.responsive-form .txt-albumname,
.responsive-form .txt-company,
.responsive-form .txt-country,
.responsive-form .txt-companyname,
.responsive-form .txt-url,
.responsive-form .txt-filename,
.responsive-form .txt-title,
.responsive-form .txt-imprint,
.responsive-form .txt-seriestitle,
.responsive-form .txt-author {
	max-width: 350px;
}

.responsive-form .txt-qt-or-so {
	max-width: 370px;
}

.responsive-form .txt-isbn {
    max-width: 400px;
}
.responsive-form .txt-longerdate {
	max-width: 450px;
}

.responsive-form .txt-addressline1,
.responsive-form .txt-fullname,
.responsive-form .txt-customerID,
.responsive-form .txt-isrc,
.responsive-form .txt-trackname,
.responsive-form .txt-upc,
.responsive-form .txt-volumename {
	max-width: 300px;
}

.responsive-form .txt-phone,
.responsive-form .txt-longdate {
	max-width: 240px;
}

.responsive-form .txt-addressline2,
.responsive-form .txt-city {
	max-width: 220px;
}

.responsive-form .txt-deliverynote {  
	max-width: 525px;
}

.responsive-form .txt-url-comment{
	max-width: 450px;
}

.responsive-form .txt-name,
.responsive-form .txt-city,
.responsive-form .txt-state,
.responsive-form .txt-opt-state {
	max-width: 200px;
}

.responsive-form .txt-series {
	max-width: 260px;
}

.responsive-form .txt-creditcard {
	max-width: 175px;
}

.responsive-form .txt-amount,
.responsive-form .txt-number {
	max-width: 150px;
}

.responsive-form .txt-number-range {
	max-width: 185px;
}

.responsive-form .txt-keywords {
	max-width: 600px;
}

.responsive-form .txt-date {
	max-width: 130px;
}

.responsive-form .txt-id {
	max-width: 230px;
}

.responsive-form .txt-zipcode,
.responsive-form .dd-providers {
	max-width: 145px;
}

.responsive-form .txt-quantity {
	max-width: 60px;
}

.responsive-form .txt-cvv {
	max-width: 80px;
	min-width: 80px !important;
}

.responsive-form .txt-spacing {
	max-width: 165px;
}

.responsive-form .txt-maxWidth-50 {
	max-width: 50px;
}

.responsive-form .txt-maxWidth-100 {
	max-width: 100px;
}

.responsive-form .txt-maxWidth-150 {
	max-width: 150px;
}

.responsive-form .txt-maxWidth-200 {
	max-width: 200px;
}

.responsive-form .txt-maxWidth-250 {
	max-width: 250px;
}

.responsive-form .txt-maxWidth-300 {
	max-width: 300px;
}

.responsive-form .txt-maxWidth-350 {
	max-width: 350px;
}

.responsive-form .txt-maxWidth-400 {
	max-width: 400px;
}

.responsive-form .txt-maxWidth-450 {
	max-width: 450px;
}

.responsive-form .txt-maxWidth-500 {
	max-width: 500px;
}

.responsive-form .txt-maxWidth-550 {
	max-width: 550px;
}

.responsive-form .txt-maxWidth-600 {
	max-width: 600px;
}

.responsive-form .txt-maxWidth-650 {
	max-width: 650px;
}

.responsive-form .txt-maxWidth-700 {
	max-width: 700px;
}

.responsive-form .txt-maxWidth-750 {
	max-width: 750px;
}

.responsive-form .txt-maxWidth-800 {
	max-width: 800px;
}




/*	=============================================================================================================
	Responsive Inputs (Generic)
	============================================================================================================= */

.responsive-form .npt-maxWidth-50 {
	max-width: 50px;
}

.responsive-form .npt-maxWidth-100 {
	max-width: 100px;
}

.responsive-form .npt-maxWidth-150 {
	max-width: 150px;
}

.responsive-form .npt-maxWidth-200 {
	max-width: 200px;
}

.responsive-form .npt-maxWidth-250 {
	max-width: 250px;
}

.responsive-form .npt-maxWidth-300 {
	max-width: 300px;
}

.responsive-form .npt-maxWidth-350 {
	max-width: 350px;
}

.responsive-form .npt-maxWidth-400 {
	max-width: 400px;
}

.responsive-form .npt-maxWidth-450 {
	max-width: 450px;
}

.responsive-form .npt-maxWidth-500 {
	max-width: 500px;
}

.responsive-form .npt-maxWidth-550 {
	max-width: 550px;
}

.responsive-form .npt-maxWidth-600 {
	max-width: 600px;
}

.responsive-form .npt-maxWidth-650 {
	max-width: 650px;
}

.responsive-form .npt-maxWidth-700 {
	max-width: 700px;
}

.responsive-form .npt-maxWidth-750 {
	max-width: 750px;
}

.responsive-form .npt-maxWidth-800 {
	max-width: 800px;
}

/*	=============================================================================================================
	Output Messages
	============================================================================================================= */

.success-message,
.error-message,
.callout-message,
.approval-message {
	display: block;
	padding: 14px;
	line-height: 20px;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.callout-message i,
	.success-message i,
	.error-message i {
		float: left;
		margin-right: 10px;
		font-size: 22px;
	}

	.success-message,
	.success-message i {
		color: #7e8f6d;
	}

.success-message {
	background-color: #eeffdd;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0ffdf), to(#ecfddb));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#f0ffdf), to(#ecfddb));
	background: -moz-linear-gradient(center top, #f0ffdf, #ecfddb);
	background: linear-gradient(#f0ffdf, #ecfddb);
}

.error-message,
.error-message a,
.error-message a:hover {
	color: #897e7e;
	background-color: #f9eeee;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbf0f0), to(#f7ecec));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fbf0f0), to(#f7ecec));
	background: -moz-linear-gradient(center top, #fbf0f0, #f7ecec);
	background: linear-gradient(#fbf0f0, #f7ecec);
}

.callout-message,
.callout-message i {
	color: #7e8389;
}

.callout-message {
	background-color: #eef3f9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f5fb), to(#ecf1f7));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#f0f5fb), to(#ecf1f7));
	background: -moz-linear-gradient(center top, #f0f5fb, #ecf1f7);
	background: linear-gradient(#f0f5fb, #ecf1f7);
}

.approval-message {
	color: #888763;
	background-color: #F8F7D3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faf9d5), to(#f6f5d1));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#faf9d5), to(#f6f5d1));
	background: -moz-linear-gradient(center top, #faf9d5, #f6f5d1);
	background: linear-gradient(#faf9d5, #f6f5d1);
}

.hidden { display: none; }

/*	=============================================================================================================
	Media Queries
	============================================================================================================= */

@media (max-width: 500px) {

	.responsive-form fieldset ul li p.textbox-mask,
	.responsive-form fieldset ul li p.textarea-mask,
	.responsive-form fieldset ul li p.dropdown-mask {
		max-width: 100%;
		margin: 3px 0px 3px 0;
	}

    .responsive-form fieldset legend .legend-extra-text {
        display: block;
    }

	.responsive-form fieldset {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.responsive-form .warning-messages div,
	.responsive-form .button-container .primary-site-button,
	.responsive-form .button-container .clear-button {
		width: 100%;
	}

	.responsive-form .button-container .button:not(:last-child) {
		padding: 16px 25px;
	    margin-bottom: 15px;
	}
}

div.activity-item-container:nth-child(even) {
	background: #fafafa;
}

input.txt-rating {
    width: 0 !important;
}
/*! jQuery UI - v1.13.1 - 2022-02-25
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityHeader=55&bgImgOpacityContent=100&bgImgOpacityDefault=85&bgImgOpacityHover=75&bgImgOpacityActive=100&bgImgOpacityHighlight=55&bgImgOpacityError=95&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fad42e&bgTextureHighlight=flat&bgColorHighlight=fbec88&iconColorActive=f9bd01&fcActive=e17009&borderColorActive=79b7e7&bgTextureActive=inset_hard&bgColorActive=f5f8f9&iconColorHover=217bc0&fcHover=1d5987&borderColorHover=79b7e7&bgTextureHover=glass&bgColorHover=d0e5f5&iconColorDefault=6da8d5&fcDefault=2e6e9e&borderColorDefault=c5dbec&bgTextureDefault=glass&bgColorDefault=dfeffc&iconColorContent=469bdd&fcContent=222222&borderColorContent=a6c9e2&bgTextureContent=inset_hard&bgColorContent=fcfdfd&iconColorHeader=d8e7f3&fcHeader=ffffff&borderColorHeader=4297d7&bgTextureHeader=gloss_wave&bgColorHeader=5c9ccc&cornerRadius=5px&fwDefault=bold&fsDefault=1.1em&ffDefault=Lucida%20Grande%2C%20Lucida%20Sans%2C%20Arial%2C%20sans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    float: left;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    transform: translateZ(1px);
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
    background: #ffffff;
    border-radius: 10px;
    text-align: left;
}

.ui-dialog .ui-dialog-titlebar {
    background: #eaf4f8;
    font-weight: bold;
}

.ui-dialog-titlebar .ui-state-default .ui-icon.ui-icon-closethick {
    background-image: url(/SiteUtilities/images/icons/btn-close.png);
    margin-left: initial;
    width: 30px;
    height: 30px;
    left: -2px;
    top: 6px;
    overflow: visible;
}

.ui-dialog-titlebar .ui-state-default {
    border: none;
    background: none;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .2em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: -12px;
    top: -12px;
    margin: 0 0 0 0;
    padding: 0;
    height: 30px;
    width: 30px;
    border: none;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1em 1em;
    background: none;
    overflow: auto;
    color:#666;
    line-height: 26px;
    margin-bottom: 20px;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(/SiteUtilities/CommonControls/ResponsiveForms/CSS/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP/yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: none;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
}

.ui-tabs .ui-tabs-nav li a {
    color: #ffffff;
}

.ui-tabs .ui-tabs-nav li a img {
    width: 40%;
    height: auto;
}

.ui-tabs .ui-tabs-nav li a p {
    padding-top: 10px;
    font-size: 18px;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1.1em;
    z-index: 1000 !important;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5dbec;
}

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5dbec;
    background: #dfeffc url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #2e6e9e;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1d5987;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #1d5987;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #e17009;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #79b7e7;
    background-color: #e17009;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #e17009;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88;
    color: #363636;
}

.ui-state-checked {
    border: 1px solid #fad42e;
    background: #fbec88;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_469bdd_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_d8e7f3_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_217bc0_256x240.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_f9bd01_256x240.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_cd0a0a_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(/SiteUtilities/CommonControls/ResponsiveForms/IMG/jqueryUI/ui-icons_6da8d5_256x240.png);
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: -8px -8px 8px #aaaaaa;
    box-shadow: -8px -8px 8px #aaaaaa;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    font-weight: normal;
    color: #212121;
}

#themeroller .application a:focus, div.content * {
    outline: 0 !important;
}

.ui-state-default .ui-icon {
    background-image: url(/SiteUtilities/images/icons/arrow-right.png);
}

.ui-state-active .ui-icon {
    background-image: url(/SiteUtilities/images/icons/arrow-down.png);
}

#tabs .ui-corner-all, 
#tabs .ui-corner-top, 
#tabs .ui-corner-right, 
#tabs .ui-corner-tr {
    border-top-right-radius: 0;
}

#tabs .ui-state-default, 
#tabs .ui-widget-content .ui-state-default, 
#tabs .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    background-color: #00476E;
    font-weight: normal;
    color: #555555;
    width: 20%;
    margin: 0;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    
    background-image: url(/SiteUtilities/images/backgrounds/bg-tabs-pixel.png);
    background-position: top right;
    background-repeat: repeat-y;
}

#tabs .ui-state-active, 
#tabs .ui-widget-content .ui-state-active, 
#tabs .ui-widget-header .ui-state-active {
    background: none;
    background-color: #002842;
    font-weight: normal;
    color: #ffffff;
    width: 20%;
    padding-bottom: 0;
    padding-top: 15px;

    background-image: url(/SiteUtilities/images/backgrounds/bg-tabs-pixel.png);
    background-position: top right;
    background-repeat: repeat-y;
}

#tabs #bottom-accordion .ui-state-active, 
#tabs #bottom-accordion .ui-widget-content .ui-state-active, 
#tabs #bottom-accordion .ui-widget-header .ui-state-active,
#tabs #bottom-accordion .ui-state-default,
#tabs #bottom-accordion .ui-widget-content .ui-state-default,
#tabs #bottom-accordion .ui-widget-header .ui-state-default {
    background-color: transparent;
    color: #000000;
    width: auto;
    float: left;
    clear: both;
    display: block;
}

#tabs #bottom-accordion .ui-state-default,
#tabs #bottom-accordion .ui-widget-content .ui-state-default,
#tabs #bottom-accordion .ui-widget-header .ui-state-default {
    background-image: none;
}

#tabs #bottom-accordion.ui-accordion .ui-accordion-content {
    width: 90%;
    margin: 10px 0 0;
    padding: 5px 0 0 25px;
    float: left;
}

#tabs #bottom-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: initial!important;
    right: -.7em;
    top: 50%;
}

#tabs #bottom-accordion.ui-accordion h4.ui-accordion-header {
    padding: 1.2em 1em 0em 0em;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-state-active a span.active-indicator {
    position: relative;
    float: none;
    display: none;
    width: 19px;
    height: 16px;
    background-image: url(/SiteUtilities/images/backgrounds/tab-active-indicator.png);
    background-size: initial;
    background-repeat: no-repeat;
    margin: 0 auto -34px;
    bottom: 15px;
}

#playback,
#progressBar-debug 
 
{
    position: fixed;
    z-index: 10000001;
    font-weight: bold;
    color: #fff;
    background-color: rgba(100,100,100,0.8);
    padding: 10px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

#playback 
{
    top: 10px;
    left: 10px;
}

#playback a
{
    padding: 0 6px;
    color: #fff;
}

#playback table
{
    text-align: left;
}

#playback a#clickmap
{
    border-left: 1px solid #aaa;
}

#playback a#movemap
{
    border-right: 1px solid #aaa;
}

#virtual-cursor,
#virtual-cursor #cursor-highlight,
#virtual-cursor img
{
    position: absolute; 
}

#virtual-cursor,
#virtual-cursor #cursor-highlight
{
    width: 40px;
    height: 40px;
}

#virtual-cursor
{
    display: none;
    top: 421px; 
    left: 1266px; 
    z-index: 999999; 
    direction: ltr;
}

#virtual-cursor #cursor-highlight
{
    top: -10px;
    left: -15px;
    opacity: 0.2; 
    background-color: yellow; 
    border-radius: 20px; 
    background: -webkit-radial-gradient(20px 20px, circle, yellow 15px, rgba(255,255,0,0) 20px);
}

#virtual-cursor.showhand #cursor-highlight
{
    top: -9px;
    left: -12px;
}

#virtual-cursor.mousedown #cursor-highlight
{
    background-color: #099; 
    background: -webkit-radial-gradient(20px 20px, circle, #099 15px, rgba(255,255,0,0) 20px);
}

#virtual-cursor img
{
    top: 0;
    left: 0;
    width: 12px;
    height: 21px;
}

#virtual-cursor #cursor-pointer
{
    width: 12px;
    height: 21px;
}

#virtual-cursor #cursor-hand
{
    display: none;
    left: -4px;
    width: 17px;
    height: 22px;
}

#virtual-cursor.showhand #cursor-pointer { display: none; }
#virtual-cursor.showhand #cursor-hand { display: block; }


  
.pulse_holder
{
    display: block;
    position: absolute;
    top: 100px;
    left: 350px;
    margin-top: -5px;
    margin-left: -5px;
    z-index: 99998;
}
    
.pulse_holder .pulse_marker 
{
    width: 10px;
    height: 10px;
    background: #099;
    border-radius: 20px;
}
 
.pulse_holder .pulse_rays 
{
    margin: 0 auto;
    border-radius: 100px;
    position: absolute;
    right: -29px;
    top: -29px;
    z-index: 10;
    background-color: transparent;
    opacity: 0.1;
    width: 64px;
    height: 64px;
    border: 2px solid rgba(0, 128, 64, 1);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    /* Giving Animation Function */
    -webkit-animation: pulse 1s linear infinite;
    -moz-animation: pulse 1s linear infinite; 
    border-image: initial;
}

@-webkit-keyframes pulse 
{       
    0% {-webkit-transform: scale(0); opacity: 0;}
    8% {-webkit-transform: scale(0); opacity: 0;}
    15% {-webkit-transform: scale(0.1); opacity: 1;}
    30% {-webkit-transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; -webkit-transform: scale(1);}
}

@-moz-keyframes pulse 
{       
    0% {-moz-transform: scale(0); opacity: 0;}
    8% {-moz-transform: scale(0); opacity: 0;}
    15% {-moz-transform: scale(0.1); opacity: 1;}
    30% {-moz-transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; -moz-transform: scale(1);}
}


/* progress bar styles */

.progressBar 
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-pointer-events: none;
    z-index: 10000002;
}

.progressBar .bar 
{
    z-index: 100;
    top: 0;
    left: 0;
    margin: -1px;
    height: 100%;
    width: 0%;
}

/* progress bar debug */

#progressBar-debug 
{
    width: auto;
    top: 50px;
    right: 10px;
    font-size: 14px;
    text-align: left;
}

#progressBar-debug #progress-messages
{
    margin-top: 10px;
    font-size: 12px;
}

#progressBar-debug #progress-messages div
{
    margin-top: 5px;
}

#progressBar-debug #progress-messages div .icon-ok
{
    margin-right: 10px;
}


#announcement-bar,
#announcement-bar-secondary {
    position: relative;
    display: none;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee;
    text-align: center;
    background-color: #666;
}

#announcement-bar-secondary { background-color: white; }

#announcement-bar-secondary .announcement-bar-message,
#announcement-bar-secondary .announcement-bar-message a,
#announcement-bar-secondary .announcement-bar-message a:hover,
#announcement-bar-secondary .announcement-bar-dismiss a,
#announcement-bar-secondary .announcement-bar-dismiss a:hover { color: #000; }

#announcement-bar.high { background-color: #FFE8E6; }

#announcement-bar.medium { background-color: #6DBDD7; }

#announcement-bar.low { background-color: #DFF0FF; }

.announcement-bar-message {
    display: table-cell;
    padding: 10px;
    width: 97%;
    vertical-align: middle;
    line-height: 16px;
    color: #FFF;
    font-size: 14px;
}

#announcement-bar .announcement-link,
#announcement-bar-secondary .announcement-link {
    font-weight: 500;
    text-decoration: underline;
}

#announcement-bar .announcement-link:hover,
#announcement-bar-secondary .announcement-link:hover { text-decoration: underline; }

#announcement-bar-secondary .announcement-link,
#announcement-bar-secondary .announcement-link:hover {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

#announcement-bar .announcement-bar-dismiss,
#announcement-bar-secondary .announcement-bar-dismiss {
    position: absolute;
    right: 10px;
    top: 10px;
}

#announcement-bar .announcement-bar-dismiss a,
#announcement-bar-secondary .announcement-bar-dismiss a { text-decoration-line: none !important; }

#announcement-bar.high .announcement-bar-message,
#announcement-bar.high .announcement-bar-dismiss a,
#announcement-bar.high .announcement-link { color: #DB2828; }

#announcement-bar.medium .announcement-bar-message,
#announcement-bar.medium .announcement-bar-dismiss a,
#announcement-bar.medium .announcement-link { color: #000; }

#announcement-bar.low .announcement-bar-message,
#announcement-bar.low .announcement-bar-dismiss a,
#announcement-bar.low .announcement-link { color: #333 }

@media screen and (max-width: 400px) {
    #announcement-bar .announcement-bar-message,
    #announcement-bar-secondary .announcement-bar-message { font-size: 9px; }   
}