﻿
/*
	Base Styling

	1. Fonts
	2. Headers & Text
	3. Box Styles
	4. Buttons
	5. Links
	6. Form Elements
	6. Modal Popup
	7. Forms
	8. Table
	9. Lists
	10. Tabs
	11. Paging
	12. Star Ratings
	13.	Breadcrumbs
	14. Warning and Info Boxes

*/


/*#region 1. Fonts*/

@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700);

body {-webkit-font-smoothing:antialiased !important;}

/*#endregion*/


/*#region 2. Headers & Text */

body {font-family:'Quicksand', arial, helvetica, Sans-Serif;font-size:12px;color:#000833;background:#f2f2f2;}
.scroll-lock {overflow: hidden;}

h1 {font-family:'Quicksand';font-weight:300;font-size:50px;margin:0;color:#84226b;}
h2 {font-family:'Quicksand';font-weight:300;font-size:20px;margin:0;color:#84226b;}
h3 {font-family:'Quicksand';font-weight:300;font-size:20px;margin:0;color:#84226b;}
h4 {font-family:'Quicksand';font-weight:300;font-size:16px;margin:0;color:#84226b;}
h5 {font-family:'Quicksand';font-weight:300;font-size:14px;margin:0;color:#84226b;}
h6 {font-family:'Quicksand';font-weight:300;font-size:12px;margin:0;color:#84226b;}

p {line-height:24px;color:#000833;margin:0;font-weight: 500;}
P + P {margin-top:10px;}

* + h2 {margin-top:20px;}
* + h3 {margin-top:10px;}

/*#endregion*/


/*#region 3. Box Styles */

/* Box */
div.box {position:relative;border-radius:5px;padding:97px 25px 25px;margin-bottom:20px;border:solid 1px #dfdfdf;background:#fff;}
div.box div.boxTitle {position:absolute;top:-1px;left:-1px;width:690px;height:26px;line-height:28px;padding:25px;width:660px;}

/* Box - Primary */
div.box.primary {border:solid 1px #dfdfdf;background:#fff;}

/* Sidebar Box */
div.sidebarBox {position:relative;border-radius:5px;padding:80px 25px 25px;margin-bottom:20px;border:solid 1px #dfdfdf;background:#fff;}
div.sidebarBox div.boxTitle {position:absolute;top:-1px;left:-1px;width:150px;padding:25px;}

/* Sidebar Box - Primary */
div.sidebarBox.primary {border:solid 1px #dfdfdf;background:#fff;}


/* Floating Box */
div.floatingBox {position:relative;border-radius:5px;padding:90px 25px 25px;min-height:100px;margin-bottom:20px;border:solid 1px #dfdfdf;background:#fff;}
div.floatingBox div.boxTitle {position:absolute;top:-1px;left:-1px;width:598px;padding:25px;}     
      
/* Floating Box - Primary */
div.floatingBox.primary {border:solid 1px #dfdfdf;background:#fff;}


/*#endregion*/


/*#region 4. Buttons*/

/* Standard */
input.button, a.button {padding:15px 20px;border-radius:5px;cursor:pointer;background:#000833;border:none;font-family:'Quicksand';
                        font-weight:500;font-size:16px;color:#fff;}
input.button:hover, a.button:hover {background:#2a0059;}
input.button.primary, a.button.primary {background:#f7772a;}
input.button.primary:hover, a.button.primary:hover {background:#f78640;}


a.button {display:inline-block;line-height:12px;}
a.button:hover {text-decoration:none;}


/* Button Sizes */
input.button.xlarge, a.button.xlarge {font-size:18px;}
input.button.large, a.button.large {font-size:18px;}
input.button.small, a.button.small {font-size:11px;}
input.button.tiny, a.button.tiny {font-size:10px;}


/* Icon Button */
a.button.icon i { display: none;}

a.button.xlarge i {font-size:14px;}
a.button.large i {font-size:12px;}
a.button.small i {font-size:9px;}
a.button.tiny i {font-size:8px;}

a.button.primary.icon i {color:#fff;}


/*#endregion*/


/*#region 5. Links */

a {color:#fe8e29;text-decoration:none;}
a:hover {text-decoration:underline;}

a.secondary {text-decoration:none;}
a.secondary:hover {text-decoration:underline;}

/* remove link borders */
a, a:active, a:focus {outline-style:none !important;}
a { _noFocusLine: expression(this.hideFocus=true); } /* For IE7 to hide outline */
a img {border:none;}


/* Tooltip */
a.tooltip {color:#fe8e29;text-decoration:none;display:inline-block;border-bottom:1px dashed #fe8e29;padding-bottom:1px;}
a.tooltip:hover {text-decoration:none;}

div.tooltip {padding:10px;border:1px solid #dfdfdf;border-radius:5px;width:100px;background:#fff;}

div.tooltip.top {margin-top:-10px;}
div.tooltip.bottom {margin-top:10px;}

div.tooltip.left {margin-left:-10px;}
div.tooltip.right {margin-left:10px;}


div.tooltip div.arrow {position:absolute;width:0;height:0;}
div.tooltip div.arrow:after {content:"";position:absolute;width:0;height:0;}

div.tooltip.top div.arrow {bottom:-7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:7px solid #dfdfdf;}
div.tooltip.top div.arrow:after {margin-left:-6px;bottom:1px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;}

div.tooltip.bottom div.arrow {top:-7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:7px solid #dfdfdf;}
div.tooltip.bottom div.arrow:after {margin-left:-6px;top:1px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;}

div.tooltip.left div.arrow {right:-7px;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:7px solid #dfdfdf;}
div.tooltip.left div.arrow:after {margin-top:-6px;right:1px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff;}

div.tooltip.right div.arrow {left:-7px;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:7px solid #dfdfdf;}
div.tooltip.right div.arrow:after {margin-top:-6px;left:1px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff;}

/*#endregion*/


/*#region 6. Modal Popup */
a.modalpopup {color:#fe8e29;text-decoration:none;display:inline-block;border-bottom:1px dashed #fe8e29;padding-bottom:1px;}
a.modalpopup:hover {text-decoration:none;}

div.overlay {position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.6;z-index:100;}
div.modalpopup {overflow:hidden;position:absolute;background:#fff;padding:20px 20px;border-radius:5px;z-index:101;}
div.group-popup {padding:0;width:738px;font-weight:500;font-size:14px;}
#divModalPopup.group-popup a.close {top: 6px;}
#divModalPopup.group-popup table.def td.noBorder {border-top: none;padding-bottom: 15px;padding-top: 0;}
#divModalPopup.group-popup table.def a {text-decoration: underline;}
#divModalPopup.group-popup table.def div.cancellation td.noBorder {border-top: none;padding: 0;}
#divModalPopup.group-popup table.def td {padding: 10px 20px;border-top: solid 1px #dfdfdf;border-bottom: none;}
#divModalPopup.group-popup p {padding: 10px 0px 10px 20px;font-weight: 600;}
#divModalPopup.group-popup div.errata p {font-size: 12px;padding: 0;padding-bottom: 10px;font-weight: 500;}
#divModalPopup.group-popup div.errata h5 {padding: 0;padding-top: 10px;}

div.modalpopup div.popupTitle {z-index:0;position:relative;top:-20px;left:-20px;width:100%;padding:20px;border-bottom:solid 1px #dfdfdf;}       

div.modalpopup a.close {z-index:1;position:absolute;top:20px;right:20px;display:block;color:#ec0000;height:30px;line-height:30px;padding:0 10px;background:#ec0000;border-radius:3px;}
div.modalpopup a.close:hover {text-decoration:none;background:#ff522e;}

div.modalpopup a.close:after {content:"close";line-height:30px;font-family:'Quicksand';font-size:14px;display:inline-block;
								text-align:center;font-weight:500;color:#fff;margin-left:-6px;text-transform:capitalize;}
/*#endregion*/


/*#region 6. Form Elements */

label {font-weight:bold;color:#242b48;}

label.checkboxLabel {position:relative;padding-left:22px;cursor:pointer;padding-top:0;}
label.checkboxLabel:before{content:" ";position:absolute;left:0;top:0;display:inline-block;width:17px;height:17px;margin-right:5px;
                            background:url('/themes/bookabed2017/images/sprite.png') no-repeat -573px -190px;}
label.checkboxLabel.selected:before{background-position: -573px -230px}
label.checkboxLabel.selected:hover:before{background-position: -573px -230px}
label.checkboxLabel:hover:before{background-position: -573px -210px}
label.checkboxLabel .checkbox {display:none;}

input.textbox {width:190px;padding:15px 10px;border:solid 1px #dfdfdf;color:#666;border-radius:5px;height:14px;line-height: normal;font-weight: 500;}
input{font-family:'Quicksand'}


/* remove ie10 clear X icon */
input[type=text]::-ms-clear {display:none;}


/*placeholders*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#666;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}

input.textbox.xlarge {width:400px;}
input.textbox.large {width:300px;}
input.textbox.small {width:140px;}
input.textbox.tiny {width:80px;}


/* textbox with icons */
div.textbox.icon {position:relative;display:inline-block;white-space:nowrap;}
div.textbox.icon i {background:#transparent;border:1px solid #dfdfdf;height:44px;width:32px;line-height:44px;text-align:center;}
div.textbox.icon input.textbox {display:inline-block;margin-left:0;vertical-align:top;}


div.textbox.icon.left {padding-left:33px;}
div.textbox.icon.left i {position:absolute;top:0;left:0;border-top-left-radius:2px;border-bottom-left-radius:2px;}

div.textbox.icon.right {padding-right:33px;}
div.textbox.icon.right i {position:absolute;top:0;right:0;border-top-right-radius:2px;border-bottom-right-radius:2px;}


div.textbox.icon.embedded i {background:#fff;border:1px solid #dfdfdf;}

div.textbox.icon.left.embedded i {border-right:none;}
div.textbox.icon.right.embedded i {border-left:none;}


input.checkbox {position:relative;top:2px;margin:0;}
input.radio {position:relative;top:2px;margin:0;}

input.error, select.error, label.error {background:#f2dede;}

select {color:#666;border:solid 1px #dfdfdf;padding:7px 10px;margin:0;font-family:'Quicksand';font-size:14px;font-weight:500;}

select.large {width:250px;}
select.small {width:96px;}

.custom-select {border:1px solid #dfdfdf;position:relative;padding:0;margin:0;width:150px;overflow:hidden;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.custom-select:after{content:" ";position:absolute;right:10px;top:20px;width:9px;height:6px;background:url('/themes/bookabed2017/images/sprite.png') no-repeat -575px -260px;}
.custom-select select {position:relative;z-index:1;width:100%;height:44px;;line-height:normal;border:none;box-shadow:none;background-color:transparent;background-image:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.custom-select.error {background:#f2dede;}

textarea {border:solid 1px #dfdfdf;padding:10px;color:#666;width:300px;font-family:'Quicksand';font-weight: 500;}

/* remove inpout borders */
input, input:active, input:focus {outline-style:none !important;}
input { _noFocusLine: expression(this.hideFocus=true); } /* For IE7 to hide outline */

/*#endregion*/


/*#region 7. Date Picker */

body div.ui-datepicker {display:none;}

div.ui-datepicker {width:auto !important;border-radius:5px;border:1px solid #dfdfdf;background:#fff;}

div.ui-datepicker div.ui-datepicker-group {float:left;padding-bottom:3px;}
div.ui-datepicker div.ui-datepicker-group-first {border-top-left-radius:3px;border-right:1px solid #dfdfdf;}
div.ui-datepicker div.ui-datepicker-group-last {margin-left:-1px;border-top-right-radius:3px;border-left:1px solid #dfdfdf;}

/* Header */
div.ui-datepicker-header {height:50px;line-height:50px;text-align:center;background:#85226b;color:#fff;font-family:'Quicksand';}
div.ui-datepicker-group-first div.ui-datepicker-header {border-top-left-radius:3px;}
div.ui-datepicker-group-last div.ui-datepicker-header {border-top-right-radius:3px;}

div.ui-datepicker-header a {position:absolute;top:0;width:30px;height:30px;cursor:pointer;font-family:'Glyphicons';font-size:10px;text-decoration:none;color:#fff;}
div.ui-datepicker-header a:hover {background:#f7772a;}
div.ui-datepicker-header a span {display:none;}
div.ui-datepicker-header a.ui-state-disabled {cursor:not-allowed;}
div.ui-datepicker-header a.ui-state-disabled:hover {background:#333;}

div.ui-datepicker-header a.ui-datepicker-prev {width:50px;height:50px;line-height:50px;left:0;border-top-left-radius:3px;}
div.ui-datepicker-header a.ui-datepicker-prev:before {content:"\e225";}
div.ui-datepicker-header a.ui-datepicker-next {width:50px;height:50px;line-height:50px;right:0;border-top-right-radius:3px;}
div.ui-datepicker-header a.ui-datepicker-next:before {content:"\e224";}

div.ui-datepicker-header div {height:50px;line-height:52px;font-size:14px;}


/* table */
table.ui-datepicker-calendar {margin:10px;border-collapse:collapse;font-weight: 500;}

table.ui-datepicker-calendar th {color:#85226b;}
table.ui-datepicker-calendar td, table.ui-datepicker-calendar th {width:30px;height:30px;text-align:center;}

table.ui-datepicker-calendar td a {text-decoration:none;color:#333;}
table.ui-datepicker-calendar td {cursor:pointer;position:relative;}
table.ui-datepicker-calendar td:hover:before {display:inline-block;z-index:-1;content:" ";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:15px;background:#f7772a;}
table.ui-datepicker-calendar td:hover a {z-index:1;color:#ffffff;}

table.ui-datepicker-calendar td.ui-datepicker-current-day:before {display:inline-block;z-index:-1;content:" ";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:15px;background:#f7772a;}
table.ui-datepicker-calendar td.ui-datepicker-current-day a {z-index:1;color:#ffffff;}

table.ui-datepicker-calendar td.ui-datepicker-days-cell-over:before {display:inline-block;z-index:-1;content:" ";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:15px;background:#f7772a;}
table.ui-datepicker-calendar td.ui-datepicker-days-cell-over a {z-index:1;color:#fff;}

table.ui-datepicker-calendar td.ui-state-disabled {cursor:not-allowed;color:#d8d8d8;}
table.ui-datepicker-calendar td.ui-state-disabled:before {background:none;}

table.ui-datepicker-calendar td.ui-datepicker-other-month {cursor:auto;border:none;background:#fff;}



/*#endregion*/


/*#region 7. Forms */

/* standard form */
div.form fieldset {border:none;padding:0;}
div.form fieldset legend {font-size:12px;font-weight:bold;padding:0 10px;}

div.form fieldset dl {width:100%;margin:0;}
div.form fieldset dt {clear:left;float:left;padding-top:7px;margin:0;}
div.form fieldset dt label {color:#333;font-size:12px;}

div.form fieldset dt + dd {padding-top:10px;}

div.form fieldset dd {margin:0;}
div.form fieldset dd label.checkboxLabel {display:block;padding-top:3px;color:#333;}

/* grouped form */
div.form.grouped dd {clear:both;float:left;}
div.form.grouped dt {padding-top:0;margin-bottom:2px;margin:0;}

div.form.grouped dd label.checkboxLabel {padding-top:0;}

/*#endregion*/


/*#region 8. Table */

/* Def Styling */
table.def {width:100%;border-collapse:collapse;border-spacing:0;color:#333;}

table.def th {text-align:left;padding:20px;background:#e7edef;border-right:1px solid #dfdfdf;font-weight:normal;}

table.def td {padding:10px 20px;border-bottom:solid 1px #dfdfdf;}

table.def tr:last-child td:first-child {border-bottom-left-radius:10px;}
table.def tr:last-child td:last-child {border-bottom-right-radius:10px;}


table.def .right {text-align:right;}

/* Striped */
table.def.striped tr:nth-child(odd) > td {background:#fff;}

/* Hover */
table.def.hover tr:hover td {background:#e7edef;}


/*#endregion*/


/*#region 9. Lists */

ul {padding:0 0 0 10px;}

ul.bulleted {padding:0;}
ul.bulleted li {height:30px;padding-left:30px;line-height:30px;list-style:none;background:url('/themes/bookabed2017/images/sprite.png') no-repeat -575px -579px;}

ol {padding:0 0 0 10px;}

/*#endregion*/


/*#region 10. Tabs */


/* standard */
div.tabs ul {padding:0;margin:0;}
div.tabs ul li {overflow:hidden;height:50px;float:left;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;list-style:none;}

div.tabs ul li a {float:left;display:block;height:45px;padding:4px 17px 0 17px;text-align:center;line-height:42px;}
div.tabs ul li a:hover {padding-top:0;text-decoration:none;border-top:5px solid #f7772a;line-height:40px;}

div.tabs ul li:first-child {position:relative;border-top-left-radius:5px;}
div.tabs ul li:last-child {position:relative;border-top-right-radius:5px;border-right:none;}

div.tabs ul li.selected {border-bottom:none;}
div.tabs ul li.selected a {padding-top:0;border-top:5px solid #f7772a;border-bottom:0;}
div.tabs ul li.selected a:hover {line-height:42px;}


/* radio */
div.tabs.radio ul li a {padding:4px 17px 0 0;text-align:left;}
div.tabs.radio ul li a:hover {padding-top:0;text-decoration:none;}

div.tabs.radio ul li a:before {content:" ";position:relative;float:left;width:30px;height:30px;margin-top:6px;background:url(/themes/bookabed2017/images/sprite.png) no-repeat -570px -30px;}
div.tabs.radio ul li a:hover:before {margin-top:5px;}

div.tabs.radio ul li.selected a {padding-top:0;}
div.tabs.radio ul li.selected a:before {content:" ";position:relative;float:left;width:30px;height:30px;background-position:-570px 0;}
div.tabs.radio ul li.selected a:hover:before {margin-top:6px;}


/* tabbed box */
div.tabbedBox {position:relative;padding:10px;min-height:150px;margin:36px 0 20px;border:solid 1px #dfdfdf;
				border-radius:5px;border-top-left-radius:0px;}

div.tabbedBox div.tabs {position:absolute;top:-38px;left:-1px;width:100%;height:36px;}

div.tabbedBox div.tabs ul li a {border:1px solid #dfdfdf;background:#ddd;margin:6px 5px 0 0;border-bottom:none;
                                border-top-left-radius:5px;border-top-right-radius:5px;}
div.tabbedBox div.tabs ul li a:hover {height:36px;line-height:36px;margin:0 5px 0 0;background:#fff;position:relative;
                                      border-bottom:1px solid #fff;}

div.tabbedBox div.tabs ul li.selected a {height:36px;line-height:36px;margin:0 5px 0 0;background:#fff;position:relative;
                                         border-bottom:1px solid #fff;}
div.tabbedBox div.tabs ul li:first-child a {margin-left:10px;}


/*#endregion*/


/*#region 11. Paging */

div.paging ul {padding:0;}

div.paging ul:before, div.paging ul:after {content:" ";display:table;}
div.paging ul:after {clear:both;}
div.paging ul {*zoom:1;} /* IE < 8 */

div.paging ul li {float:left;display:inline;}
div.paging ul li:last-child {padding-right:0;}

div.paging ul li a {font-family:'Quicksand';font-weight:500;display:block;height:26px;width:10px;padding: 0 8px;text-align:center;
						border-radius:3px;line-height:26px;font-size:16px;color:#000833;}
div.paging ul li a:hover {position:relative;text-decoration:none;color:#151849;}
div.paging ul li a:hover::after {content: " ";border-bottom:3px solid #f7772a;display:inline-block;position:absolute;top:0;left:7px;width:12px;height:26px;}
div.paging ul li.disabled a:hover {cursor:not-allowed;background-color:inherit;}

div.paging ul li.current a {position:relative;color:#151849;}
div.paging ul li.current a::after {content: " ";border-bottom:3px solid #f7772a;display:inline-block;position:absolute;top:0;left:7px;width:12px;height:26px;}

div.paging ul li.prev { padding-right:10px;}
div.paging ul li.prev a {font-size:11px;color:#fff;background:#f7772a;border-top-left-radius:5px;border-bottom-left-radius:5px;font-family:'Glyphicons';}
div.paging ul li.prev a:hover {background:#f78640;border-bottom: none;}
div.paging ul li.prev a:hover:after{ content: none;}
div.paging ul li.prev.disabled a:hover {cursor:not-allowed;background-color:#f7772a;}
div.paging ul li.prev a:before {content:"\e225";}

div.paging ul li.next { padding-left: 10px;}
div.paging ul li.next a {font-size:11px;;color:#fff;background:#f7772a;border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #ddd;font-family:'Glyphicons';}
div.paging ul li.next a:hover {background:#f78640;border-bottom: none;}
div.paging ul li.next a:hover:after{ content: none;}
div.paging ul li.next.disabled a:hover {cursor:not-allowed;background-color:#f7772a;}
div.paging ul li.next a:before {content:"\e224";}

div.paging ul li.totalpages {height:26px;line-height:26px;font-size:16px;}
div.paging ul li.totalpages span {font-weight:500;padding:0 8px;}

#divAll {margin-top:20px;}

/*#endregion*/


/*#region 12. Star Ratings */

span.rating {display:inline-block;width:99px;height:17px;background:url('/themes/bookabed2017/images/sprite.png') no-repeat left top;}

span.rating.star0 {background-position:-105px 0px;background:none;}
span.rating.star1 {background-position:-84px 0px;}
span.rating.star1.half {background-position:-63px -30px;}
span.rating.star2 {background-position:-63px 0px;}
span.rating.star2.half {background-position:-42px -30px;}
span.rating.star3 {background-position:-42px 0px;}
span.rating.star3.half {background-position:-21px -30px;}
span.rating.star4 {background-position:-21px 0px;}
span.rating.star4.half {background-position:0px -30px;}
span.rating.star5 {background-position:0px 0px;}

span.rating.small {width:57px;height:11px;}

span.rating.small.star0 {background-position:-270px 0px;background:none;}
span.rating.small.star1 {background-position:-258px 0px;}
span.rating.small.star1.half {background-position:-246px -30px;}
span.rating.small.star2 {background-position:-246px 0px;}
span.rating.small.star2.half {background-position:-234px -30px;}
span.rating.small.star3 {background-position:-234px 0px;}
span.rating.small.star3.half {background-position:-222px -30px;}
span.rating.small.star4 {background-position:-222px 0px;}
span.rating.small.star4.half {background-position:-210px -30px;}
span.rating.small.star5 {background-position:-210px 0px;}

/*#endregion*/


/*#region 13. Breadcrumbs */

div.breadcrumbs {position:relative;margin-bottom:30px;margin-top:20px;}

div.breadcrumbs ul {padding:0;}

div.breadcrumbs ul li {position:relative;display:inline-block;min-width:40px;text-align:center;height:65px;}
div.breadcrumbs ul li:first-child:before{content:none;}
div.breadcrumbs ul li:before {content:" ";color:#84226b;top:20px;width:40%;position:absolute;left:-20%;border-top:1px solid #84226b;}
div.breadcrumbs ul li:after {content:" ";z-index:1;position:absolute;top:0;left:50%;width:52px;height:37px;margin-left:-26px;
                             font-size:20px;font-weight:500;text-align:center;line-height:36px;color:#84226b;
                             background:url('/themes/bookabed2017/images/sprite.png') no-repeat -125px -240px;}

div.breadcrumbs ul li:first-child:after {content:"1";}
div.breadcrumbs ul li:first-child + li:after {content:"2";}
div.breadcrumbs ul li:first-child + li + li:after {content:"3";}
div.breadcrumbs ul li:first-child + li + li + li:after {content:"4";}
div.breadcrumbs ul li:first-child + li + li + li + li:after {content:"5";}
div.breadcrumbs ul li:first-child + li + li + li + li + li:after {content:"6";}
div.breadcrumbs ul li:first-child + li + li + li + li + li + li:after {content:"7";}
div.breadcrumbs ul li span.divider {display:none;}

div.breadcrumbs ul li.disabled:after{background-position:-125px -340px;color:#fff;}
div.breadcrumbs ul li.disabled:after,
div.breadcrumbs ul li.disabled:hover:after,
div.breadcrumbs ul li.previous:after {background-position:-125px -340px;color:#fff;}
div.breadcrumbs ul li.previous:hover:after {background-position:-125px -290px;}

div.breadcrumbs ul li a {position:absolute;display:block;z-index:2;bottom:0;width:100%;top:0;left:0;right:0;
                         padding-top:45px;font-weight:500;font-size:16px;font-family:'Quicksand';color:#84226b;}
div.breadcrumbs ul li a:hover {text-decoration:none;}
div.breadcrumbs ul li.disabled a {cursor:not-allowed;}

div.breadcrumbs ul li.current:after {background-position:-125px -290px;color:#fff;}
div.breadcrumbs ul li.current a {cursor:default;}
div.breadcrumbs ul li.future a {cursor:default;}


/*search modes*/
div.breadcrumbs.FlightPlusHotel ul li {width:134px;}
div.breadcrumbs.FlightOnly ul li {width:157px;}
div.breadcrumbs.HotelOnly ul li {width:157px;}
div.breadcrumbs.CarHireOnly ul li {width:157px;}
div.breadcrumbs.TransferOnly ul li {width:189px;}
div.breadcrumbs.Anywhere ul li {width:157px;}

/*#endregion*/


/*#region 14. Warning and Info Boxes */

/* 14.1 general */
div.infobox {padding:20px;margin-bottom:20px;border-radius:5px;}

div.infobox p {line-height:30px;}
div.infobox p.icon i {font-size:30px;line-height:30px;vertical-align:middle;margin-right:20px;}

div.infobox a.close {display:block;float:right;height:30px;line-height:30px;font-family:helvetica, arial;font-weight:bold;
						font-size:18px;opacity:0.2;color:#000;}
div.infobox a.close:hover {opacity:0.4;text-decoration:none;}


/* 14.2 warning */
div.infobox.warning {background:#f2dede;border:1px solid #eed3d7;}
div.infobox.warning p {color:#b94a48;}


/* 14.3 information */
div.infobox.information {background:#d9edf7;border:1px solid #bce8f1;}
div.infobox.information p {color:#3a87ad;}


/* 14.4 success */
div.infobox.success {background:#dff0d8;border:1px solid #d6e9c6;}
div.infobox.success p {color:#468847;}


/*#endregion*/


/*#region 15. Slider */

div.slider {position:relative;background:#ddd;border-radius:4px;height:6px;width:120px;margin:50px 0 0;}

div.slider label.range {background:#e7edef;border:solid 1px #dfdfdf;border-radius:5px;padding:5px;font-weight:normal;}
div.slider label.start {position:absolute;left:0px;top:-35px;}
div.slider label.end {position:absolute;right:0px;top:-35px;}


a.sliderbutton {display:block;position:absolute;top:-7px;width:10px;height:20px;cursor:pointer;
                background:url('/themes/bookabed2017/images/sprite.png') no-repeat -340px -64px;}

div.slider div.highlight {height:6px;position:absolute;top:0;border-radius:4px;border:solid 0px #f7772a;background:#f7772a;} 

#divSidebar div.slider {width:100%;}

#divSidebar p.displayrange{font-size:12px;text-align:center;margin-top:5px;}

/*#endregion*/

