@import url("carousels.css");

button.ui-button-icon-only
{
  width: 34px !important;
}

.ui-dialog-titlebar-close
{
	height: 30px !important;
	margin-top: -15px !important;
}

.gs-data
{
	width:100%;
	border: solid rgb(240,240,240) 2px;
}

.no-records-row td
{
	font-size: 110%;
	text-align: center;
}

.gs-progress-cell
{
	text-align:center;
}

/*
  0C0D0F -> Woodsmoke			| -0C0D0F -> Woodsmoke
  CCCCCC -> Quill Gray		| -CCCCCC -> Quill Gray
  F4F4F4 -> Wild Sand			| -F4F4F4 -> Wild Sand
  494949 -> Blue Bayoux		| -494949 -> Blue Bayoux
  858585 -> Bali Hai			| 858585 -> Bali Hai
  AAAAAA -> Pigeon Post		| AAAAAA -> Pigeon Post
  -------------------------------------------------
  901E1E -> Red Brick			|
*/

#agree-to-terms .checkbox
{
	margin-top: 3px!important;
	float:right!important;
}

.results-tally, #results-tally, #toolbar-label
{
	float:right;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:100%;
	color:#FFFFFF;
	margin:4px 10px;
}

#toolbar-label
{
	float:left;
}

.embed-responsive-4by1
{
	padding-bottom:25%;
}
/* Tinymce Editor Containers */
button, input, optgroup, select, textarea
{
  color: initial;
}
body
{
  width: 100%;
}

@media screen and (min-width: 1200px)
{
  body
	{
	}
}

@media screen and (max-width: 1200px)
{
  body
	{
		margin-left: 0px;
	}
}

#pr-form, #activate-dialogue, #site-login-box, .login-box-section[data-type="create-account"], .login-box-section[data-type="reset-password"], #sign-in-link, input[type="file"], #loginFormDialogue, .hidden-field, .hidden-field[type="file"], .image-file[type="file"], #continue-login, .sp-dialogue, .different-dialogue
{
  display: none;
}

.login-box-section, .login-box-controls
{
  float: left;
  width: 100%;
  padding: 0 10px;
}

.login-link
{
  float: left;
  margin: 5px 15px;
  width: calc(100% - 30px);
  cursor: pointer;
}

.login-box-controls
{
  margin-bottom: 15px;
}

.login-spacer
{
  float: left;
  width: 100%;
  height: 1px;
}

.login-field
{
  width: calc(100% - 10px);
  margin: 0 5px;
}

.login-button
{
  font-size: 90% !important;
  margin-right: 5px !important;
}

#login-box-message, #activate-acct-message, .dialogue-message, .dialogue-results
{
  float: left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:80%;
  text-align: center;
  color: #901E1E;
  margin-top: 10px;
	visibility:hidden;
}

.dialogue-results
{
	visibility:visible;
}

#activate-acct-message
{
  color: #494949;
}

.ui-menu-item
{
  z-index: 999;
	font-size: 80%;
}

.progress-wrapper
{
  visibility: hidden;
  position: absolute;
  background-color: #FFFFFF;
  opacity: 0.9;
}

.progress-w-micro
{
  height: 100px;
  width: 100px;
}

.progress-w-thumb
{
  height: 140px;
  width: 140px;
}

.progress-w-small
{
  height: 200px;
  width: 200px;
}

.progress-w-large
{
  height: 800px;
  width: 800px;
	z-index:9999; /* acceptable as this is only for dialogue box images */
}

.input-progress
{
  visibility: hidden;
  background-image: url("../assets/images/.gif");
  background-color: #ffffff;
  background-image: url("../assets/images/ajax-loader-for-inputs.gif");
  float: right !important;
  height: 16px;
  margin: -29px 3px 0;
  opacity: 0.9;
  width: 16px !important;
}

.progress-icon
{
  background-image: url("../assets/images/ajax-loader.gif");
  float: left;
  height: 55px;
  width: 54px;
  margin: calc((100% - 54px) / 2);
}

.progress-icon-2
{
  display: none;
  background-image: url("../assets/images/ajax-loader-2.gif");
  float: left;
  height: 25px;
  margin: 8px 0 0 5px;
  width: 25px;
}

.different-button, .different-button-small
{
  float: right;
  font-size: 90%;
  margin-left: 10px;
	height:32px;
}

.different-button-small
{
  margin: 5px;
}

.content_area, #content_area
{
  width: 100%;
}

.checkbox, .radio
{
  margin-top: 0;
  margin-bottom: 0;
}

.editor-container
{
  float: left;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
}

.editor-container-half
{
  float: left;
  width: calc(50% - 10px);
  margin: 0 10px 5px 0;
  overflow: hidden;
}

.content-container
{
  float: left;
  margin-top: 10px;
  width: 100%;
}

#map_text_container, .map_code_container
{
  float: left;
  margin-top: 10px;
  width: 50%;
}

.section-header, .different-header
{
  float: left;
  width: calc(100% - 20px);
  margin: 5px 0 20px;
}

.section-header h4
{
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:130%;
  text-align: center;
}

.different-header
{
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:130%;
  text-align: center;
}

.placeholder-50-100
{
	margin-left: calc(50% - 100px);
}

.half-section_header
{
  float: left;
  width: calc(50% - 10px);
  margin: 5px 0 20px;
}

.half-section_header h4
{
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:130%;
  text-align: center;
}

.general-link, #credits span a
{
  text-decoration: none;
  color: #494949;
}

#section-header h4 a, .section-header h4 a, .different-link
{
  text-decoration: none;
  color: #494949;
	cursor:pointer;
}

.general-link:hover, .section-header h4 a:hover, #credits span a:hover, .different-link:hover
{
  text-decoration: none;
  color: #858585;
}

.general-link:active, .section-header h4 a:active, #credits span a:active, .different-link:active
{
  text-decoration: none;
  color: #494949;
}

.progress-bar
{
  visibility: hidden;
  float: left;
  height: 30px;
  margin: 5px 0;
  width: calc(100% - 20px);
  overflow: hidden;
}

.progress-completion
{
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:90%;line-height:220%;
  float: left;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: transparant;
}

.ui-progressbar .ui-progressbar-value
{
  margin: 0px;
}

.scaled-editor, .scaled-header, .scaled-progress
{
}

/* jQuery ui features */

.custom-combobox
{
  position: relative;
  display: inline-block;
}

.custom-combobox-toggle
{
  position: absolute;
  top: 0;
  bottom: 0;
  height: 30px;
  margin-left: -1px;
  padding: 0;
  /* support: IE7 */
  *height: 1.7em;
  *top: 0.1em;
}

.custom-combobox-input
{
  padding: 0.3em;
  height: 30px;
  border: solid #494949 1px;
}

/* Side Bar features */
.right_side_bar
{
  float: right;
  width: 200px;
}

/* Main Menu Style Sheet */

.navbar-nav ul li
{
  float: left;
	clear:left;
  display: block;
  font-weight: bold;
  height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0px 4px;
  cursor: pointer;
}

.navbar-nav  li:hover > ul
{
  display: block;
  margin-left: -2.8em;
  margin-top: 0px;
}

.navbar-nav ul li li
{
  float: none;
  list-style-type: none;
  font-size: 100%;
}

.navbar-nav li ul
{
  position: absolute;
  display: none;
  padding: 5px 0px 0px 30px;
  width: 300px;
  cursor: pointer;
	background-color:#F4F4F4;
}

#login_item, #logout_item
{
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:80%;line-height:170%;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  border-right: none;
  cursor: pointer
}

#sm-icon-container
{
  float: right;
}

.sm-icon
{
  position: relative;
  width: 40px;
  height: 40px;
  margin: 10px 10px 0 0;
  cursor: pointer
}

.sm-icon-link
{
  text-decoration:none;
}

#logo
{
  float: left;
  width: 1155px;
  height: 200px;
  margin-top: -50px;
}

#logo img
{
  float: left;
}

/* End Of Page Bar */

.end_bar
{
  float: left;
  width: 1155px;
  height: 30px;
  margin-top: 25px;
}

/* General CSS */
#page-coming-soon
{
  float: left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:200%;
  text-align: center;
  color: #0C0D0F;
  margin: 50px 0;
}

.progress-square
{
  display: none;
  float: left;
  height: 25px;
  width: 25px;
  margin: -2px 0 0 2px;
}

.square-completion
{
  color: #0C0D0F;
  position:absolute;
  height: 25px;
  width: 25px;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:60%;
  text-align: center;
}

/* NEW LOGIN CSS */

.ui-button-text
{
  font-size: 80%;
}

.ui-effects-transfer
{
  border: 2px dotted #494949;
}

#login-message
{
  float: left;
  width: 420px;
  color: #858585;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  display: none;
}

#password_area, #email_area, #sign_up_area, #title_area, #fn_area, #ln_area
{
  float: left;
  width: 420px;
  margin-bottom: 10px;
}

#pwInput, #eInput, #fnInput, #lnInput
{
  float: left;
  width: 200px;
  height: 27px;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:90%;
  border: solid #494949 1px;
  border-radius: 3px;
  margin: 0 5px;
}

.custom-tInput
{
  width: 155px;
}

#pwLabel, #login_chkLabel, #sign_up_chkLabel, #eLabel, #tLabel, #fnLabel, #lnLabel
{
  float: left;
  width: 120px;
  height: 20px;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:90%;
  font-weight: bold;
  text-align: right;
  color: #0C0D0F;
  margin: 7px 5px 5px 30px;
}

#login_section_enter
{
  float: left;
  padding: 5px;
}

#legal_info
{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#gallery_legal
{
  float: left;
  width: 33%;
  margin-top: 10px;
}

#gallery_legal span
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:70%;
  font-weight: bold;
  text-align: left;
  color: #0C0D0F;
}

#credits
{
  float: left;
  width: 34%;
  margin-top: 10px;
}

#credits span
{
  float: left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:70%;
  font-weight: bold;
  text-align: center;
  color: #0C0D0F;
}

#pageLastUpdate
{
  float: right;
  width: 33%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:70%;
  font-weight: bold;
  text-align: right;
  color: #0C0D0F;
  margin-top: 10px;
}

.different-dialogue img
{
  float: left;
  width: 200px;
  height: 200px;
}

#enlarged-auction-image
{
	height: 800px;
	width: 800px;
	margin:0;
}

.dialogue-download-image-container
{
	float:left;
	width:800px;
	height:800px;
}

.open-download-img-dialogue
{
	cursor: pointer;
}

.card-img
{
  float: left;
  cursor: pointer;
  width: 140px;
  height: 140px;
}

.field-label
{
  float: left;
  border: solid #494949 1px;
  border-radius: 5px;
  margin: 5px;
	width: calc(100% - 10px);
	overflow:hidden;
}

.field-title
{
  float: right;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:65%;line-height:110%;
  font-weight: bold;
  color: #F4F4F4;
  background-color: #494949;
  width: 100%;
  padding-left: 2px;
}

.different-input, .different-select, .gs-input
{
  float: left;
	height: 29px;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:80%;
  color: #0C0D0F;
  text-align: left;
  font-weight: bold;
  padding: 0 5px;
  border-radius: 5px;
  border: none;
}

.gs-input
{
	height:30px;
	border: solid #494949 1px;
	font-size:100%;
}

.gs-tbl-chk-edit + .checkbox
{
	margin-left:calc(50% - 9px)!important;
}

.different-textarea
{
  float:left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:80%;
  width: 100%;
  padding: 0 5px;
  height: 142px;
  overflow: hidden;
  resize: none;
}

#page-not-available
{
  float: left;
  width: 100%;
  margin-top: 20px;
}

#page-not-available h3
{
  float: left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:200%;line-height:140%;
  text-align: center;
  color: #0C0D0F;
}

.content-block
{
  float: left;
  width: 100%;
}

#search-button-1, #search-button-2
{
  cursor: pointer;
}

#page-specific-content
{
  float: left;
  width: 100%;
  padding: 0 2%;
}

#secondary-navigation-pane, #secondary-navigation-pane div div ul
{
  float: left;
  width: 100%;
}

/* Menu styles */
.menu-spacer
{
  margin-top: -40px;
	position:absolute;
  width: 100%;
	background-color:blue;
	height:40px;
}

.affix
{
	padding: 20px 0;
	margin-bottom:0px;
	margin-top:0px!important;
}

#sp-navbar
{
	margin-top:-40px;
  top: 0;
  width: 100%;
  z-index: 999;
}
#sp-navbar, #sp-navbar-2
{
  border: none;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #222222;
}
#sp-navbar-2
{
  margin-bottom: 0;
}

#end-of-page-items .navbar-header
{
  float: left;
  margin: 0;
  padding: 0;
}

#end-of-page-items .navbar-header .navbar-toggle
{
  float: left;
  border: 1px solid #cccccc;
  margin: 0 10px;
}

#end-of-page-items .navbar-header .navbar-toggle .icon-bar
{
  clear: right;
  margin: 2px 0;
}

#sp-navbar.navbar-default .navbar-brand, #sp-navbar-2.navbar-secondary .navbar-brand
{
    color: rgba(34, 34, 34, 1);
}
#sp-navbar.navbar-default, #sp-navbar-2.navbar-secondary
{
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
	background-image: none;
    background-repeat: none;
    border-radius: 0px;
}
#sp-navbar.navbar-default .navbar-nav>li>a, #sp-navbar-2.navbar-secondary .navbar-nav>li>a
{
    color: rgba(34, 34, 34, 1);
    background-color: rgba(255, 255, 255, 1);
}
#sp-navbar.navbar-default .navbar-nav>li>a:hover,
#sp-navbar.navbar-default .navbar-nav>li>a:focus,
#sp-navbar-2.navbar-secondary .navbar-nav>li>a:hover,
#sp-navbar-2.navbar-secondary .navbar-nav>li>a:focus
{
    color: rgba(153, 153, 255, 1);
    background-color: rgba(255, 255, 255, 1);
}
#sp-navbar.navbar-default .navbar-nav>.active>a,
#sp-navbar.navbar-default .navbar-nav>.active>a:hover,
#sp-navbar.navbar-default .navbar-nav>.active>a:focus,
#sp-navbar-2.navbar-secondary .navbar-nav>.active>a,
#sp-navbar-2.navbar-secondary .navbar-nav>.active>a:hover,
#sp-navbar-2.navbar-secondary .navbar-nav>.active>a:focus
{
    color: rgba(85, 85, 153, 1);
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    box-shadow: none;
}
#sp-navbar.navbar-default .navbar-toggle, #sp-navbar-2.navbar-secondary .navbar-toggle, #end-of-page-items .navbar-header
{
    border-color: #ffffff;
	margin-right: 0;
	padding: 9px 0;
}
#sp-navbar.navbar-default .navbar-toggle:hover,
#sp-navbar.navbar-default .navbar-toggle:focus,
#sp-navbar-2.navbar-secondary .navbar-toggle:hover,
#sp-navbar-2.navbar-secondary .navbar-toggle:focus,
#end-of-page-items .navbar-header:hover,
#end-of-page-items .navbar-header:focus
{
    background-color: #ffffff;
}
#sp-navbar.navbar-default .navbar-toggle .icon-bar,
#sp-navbar-2.navbar-secondary .navbar-toggle .icon-bar,
#end-of-page-items .navbar-header .icon-bar
{
    background-color: #222222;
}
#sp-navbar.navbar-default .navbar-toggle:hover .icon-bar,
#sp-navbar.navbar-default .navbar-toggle:focus .icon-bar,
#sp-navbar-2.navbar-secondary .navbar-toggle:hover .icon-bar,
#sp-navbar-2.navbar-secondary .navbar-toggle:focus .icon-bar
#end-of-page-items .navbar-header:hover .icon-bar,
#end-of-page-items .navbar-header:focus .icon-bar
{
    background-color: #9999FF;
}
#company-branding
{
  font-size: 150%;
  height: 100%;
  margin: 8px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

@media(max-width:750px)
{
  #booking-form
  {
    width: 100% !important;
		margin-left: 0 !important;
  }
	.right_side_bar
	{
		display:none;
	}
	.content_area,#content_area
	{
		width:100%!important;
	}
}

@media(max-width:1120px)
{
	.carousel-indicators
	{
		display:none;
	}
  #banner-overlay-logo
  {
    display: none;
  }
  /* OAP and Booking Fields */
  .width-15
  {
    width: calc(50% - 10px) !important;
	margin-left: 0 !important;
  }
  .width-25
  {
    width: calc(50% - 5px) !important;
	margin-left: 10px !important;
	margin-right: 0 !important;
  }
  .width-40
  {
    width: 100% !important;
	margin-left: 0 !important;
  }
  .width-20-l
  {
    width: calc(50% - 10px) !important;
	margin-left: 0 !important;
  }
  .width-20-r
  {
    width: calc(50% - 5px) !important;
	margin-left: 10px !important;
	margin-right: 0 !important;
  }
  /* Social Media Links */
  .social-media-img
  {
    width: 25px !important;
	height: 25px !important;
	margin: 5px 5px 0 0 !important;
  }
  .navbar-collapse.collapse
  {
    display: none !important;
  }
  .navbar-collapse
  {
    overflow-x: visible !important;
  }
  .navbar-collapse.in
  {
    overflow-y: auto !important;
  }
  .collapse.in
  {
    display: block !important;
  }
  .navbar-toggle
  {
    display: block !important;
  }
  .navbar-nav
  {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li
  {
    float: none;
  }
  .navbar-nav>li>a
  {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text
  {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in
  { 
    display: block!important;
  }
  .collapsing
  {
    overflow: hidden!important;
  }
  #company-branding
  {
    display: inline;
	padding: 3px 0;
  }
  .navbar-form
  {
    float: left!important;
	padding-left: 0;
  }
  /* End of page items */
  #atol-page-logo
  {
    margin-left: 0px !important;
  }
}

/* login */
.staff-login, .staff-logout
{
  cursor: pointer;
}

div.ui-dialog
{
  z-index: 1000;
}

div.ui-dialog
{
  position: fixed;
}

.sp-dialogue img
{
  float: left;
  width: 100px;
  height: 100px;
}

.sp-dialogue div
{
  float: left;
  margin: 25px 0 0 10px;
  width: calc(100% - 110px);
}

#staff-login-dialogue
{
}

.sp-label
{
  float: left;
  width: 100%;
}

#special-logout
{
  position: absolute;
  z-index: 9999;
  margin-left:0;
  left:0;
}

#username, #password, #password1, #password2, #website
{
  color: #999999;
  height: 32px;
  border: solid #555599 1px;
  border-radius: 5px;
  margin: 5px;
  padding-left: 10px;
}

#staff-login-error, #staff-account-error, #special-login-error, .dialogue-footnote, .dialogue-footnote-success, .dialogue-error
{
	float:left;
  visibility: hidden;
  width: 100%;
  color: #992222;
	font-weight:bold;
  font-size: 90%;
  text-align: justify;
  width: 100%;
}

.dialogue-footnote, .dialogue-footnote-success
{
	visibility:visible;
	width:calc(100% - 210px);
	text-align:center;
}

.dialogue-footnote-success
{
	color: #494949;
	width:100%;
}

.substitute
{
	font-style:italic;
}

#staff-login-error span
{
  color: #555599;
  cursor: pointer;
}

#staff-login-error span:hover
{
  color: #8888FF;
}

#staff-login-error span:active
{
  color: #555599;
}

/* sections and headers */
.section-header, .empty-search
{
  float: left;
  width: 100%;
}

.section-header h3, .empty-search h4
{
  width: 100%;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  text-align: center;
}

.content-container
{
  float: left;
  width: 100%;
}

.controls
{
  float: left;
  width: 100%;
  margin-top: 10px;
}

.progress-bar
{
  display: none;
  float: left;
  height: 30px;
  overflow: hidden;
	width: 100%;
}

.progress-completion
{
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:90%;line-height:190%;
  position: absolute;
  text-align: center;
  width: calc(96% - 150px);
  background-color: transparant;
}

.progress-icon, #destination-progress-icon
{
  display: none;
  background-image: url("../assets/images/ajax-loader.gif");
  float: left !important;
  height: 25px !important;
  margin: 8px 0 0 5px;
  width: 25px !important;
}

.active-label
{
  float: right;
}

.active-label-small, .active-label-small-2
{
  float: right;
  margin: 5px;
}

.active-title
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:90%;
  font-weight: bold;
  margin-top: 8px;
  color: #222222;
}

.placeholder-card, .placeholder-card-2
{
  float: left;
  width: 202px;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin: 5px;
  overflow: hidden;
}

.placeholder-card-2
{
  width: calc(50% - 50px);
  min-width: 525px;
  padding: 10px;
}

.placeholder-card-3
{
  float: left;
  width: calc(100% - 50px);
  /*min-width: 400px;*/
  margin: 10px 0 10px 25px;
}

.text-block-value
{
  float: left;
  width: calc(100% - 202px);
  height: 200px;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 100%;
  padding: 5px;
}

.linked-card
{
  cursor: pointer;
}

.card-img
{
  float: left;
  cursor: pointer;
}

.field-value
{
  float: left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align:center;
  color: #222222;
  margin: 5px 0;
	height:40px;
}

.head-value
{
  color: #555599;
  font-size: 110%;
}

.hyphen
{
  width: 6px;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:90%;
  font-weight: bold;
  color: #222222;
  text-align: center;
  font-weight: bold;
  margin: 0 5px;
}

.sp-input, .sp-textarea, .sp-select
{
  float: left;
  height: 20px;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:80%;
  color: #222222;
  text-align: left;
  font-weight: bold;
  padding-right: 5px;
}

.sp-textarea
{
  height: 60px;
  resize: none;
}

.checkbox
{
  margin: 7px 0 0 5px;
  cursor: pointer;
}

.sp-button, .sp-button-small
{
  float: right;
  font-size: 90%;
  margin-left: 10px;
}

.sp-button-small
{
  margin: 5px;
}

/* editors */
.content-editor
{
  float: left;
  width: 100%;
  height: 300px;
  resize: none;
}

/* miscellaneous */
.ui-progressbar .ui-progressbar-value
{
  margin: 0px;
}

.information
{
  float: left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:90%;
  color: #222222;
  text-align: center;
  font-weight: bold;
}

a.sp-link
{
  text-decoration: none;
  color: #555599;
  cursor: pointer;
}

a.sp-link:hover
{
  color: #8888FF;
}

a.sp-link:active
{
  color: #555599;
}

.carousel .item
{
  background:#FFFFFF;
  overflow:hidden;
  padding:5px;
}

.carousel-inner > .item > img:hover
{
}

.info-slide-title, .info-slide-caption
{
  width: 100% !important;
  text-align: center !important;
  color: hsl(240, 29%, 47%) !important;
  border: 1px solid #555599;
  border-radius: 3px;
  padding: 5px;
  resize: none;
}

.aspect-ratio, .underlay
{
  visibility: hidden;
}

.overlay
{
  position: relative;
  visibility: visible;
  z-index: 99;
}

.c-indicators
{
  z-index: 999;
}

.sort-area
{
  float: left;
  list-style-type:none;
  width: 100%;
  background-color: #FFFFFF;
  border: solid #555599 1px;
  min-height: 110px;
  margin-top: 10px;
  padding-left: 17px;
  display: inline;
}

.sort-area li
{
  float: left;
  width:100px;
  height:100px;
  margin: 4px;
  border-radius: 5px;
}

.sort-area li img
{
  position:absolute;
  border-radius: 5px;
}

.ui-state-highlight .sort-place
{
  width: 100px;
  height: 100px;
}

/* carousel features */
.carousel-image
{
  position: absolute;
  margin: 0pt 3px;
  padding: 2px;
  height: none;
  width:  100%;
  padding: 0;
  margin: 0;
}

.ordering-header
{
  display: inline;
}

.carousel-progress
{
  width: calc(100% - 150px);
}

.carousel-completion
{
  width: calc(76% - 150px);
}

/* Search CSS */
.search-result
{
  float: left;
  width: calc(50% - 50px);
  min-width: 400px;
  border-bottom: dashed #CCCCCC 2px;
  padding: 10px;
  margin: 10px 0 10px 25px;
}

.search-image
{
  float: left;
  width: 100px;
  height: 100px;
}

.search-title
{
  float: left;
  text-align: center;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #555599;
  width: calc(100% - 10px);
}

.search-text
{
  float: left;
  width: calc(100% - 110px);
  height: 80px;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 100%;
  padding: 5px 20px;
  resize: none;
}

.search-controls
{
  float: left;
  width: calc(100% - 110px);
  height: 10px;
}

.search-link
{
  float: right;
  font-weight: bold;
}

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

.nav li span
{
  text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25);
  line-height: 20px;
  position: relative;
}

.nav li a
{
  padding-bottom: 0;
  outline: 0;
}

#end-of-page-items
{
  width: 98%;
  display: inline-block;
  text-align: left;
  margin-left: 2%;
  margin-bottom: 5px;
}

#end-of-page-items span:not(.icon-bar)
{
  float: right;
  color: #222222;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:80%;line-height:50px;
  margin: 0 15px;
}

#end-of-page-items a
{
  color: #555599;
  text-decoration: none;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:80%;line-height:50px;
  margin: 0 5px;
}

#end-of-page-items a:hover
{
  color: #9999FF;
}

#end-of-page-items a:active
{
  color: #555599;
}

.dropdown-menu li a
{
  font-weight: bold;
  cursor: pointer;
}

#atol-page-logo
{
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 15px;
}

#icon-container
{
  position: absolute;
  width: 100%;
  z-index: 999;
}

.social-media-link
{
  text-decoration: none;
}

.social-media-img
{
  cursor: pointer;
  float: right;
  height: 50px;
  margin: 10px 10px 0 0;
  width: 50px;
}

.buy-now, .add-to-cart
{
	height:27px;
	float:left;
}

/* toolbar CSS */
.toolbar
{
  float: left;
  width: calc(100% - 10px);
  height: 34px;
  margin: 5px;
  padding: 2px;
}

.scaled-toolbar
{
}

.toolbar-button
{
  float:left;
  font-size: 100%;
	height:27px;
}

.custom-combobox
{
	float: left;
	width: 210px;
	margin-top: 0;
}

.custom-combobox button, .custom-combobox input
{
	margin-top:0!important;
	height:27px;
	font-weight: bold;
	font-size: 95%;
	text-align: center;
}

.toolbar-divider
{
  float: left;
  margin: 4px -3px 0;
}

.toolbar-title
{
  float: right;
  color: #0C0D0F;
  margin: 3px 10px 0 0;
}

.center-left, .center-right
{
	width:50%!important;
	text-align:center
}

.reveal-encrypted-input
{
	float: right;
	margin-top: -42px;
	cursor: pointer;
	position: relative;
	z-index: 9999 !important;
}

.reveal-encrypted-input img
{
	float: left;
	width: 30px;
	height: 29px;
	border-top-right-radius: 5px;
}