/* Main Styles and Classes */

html {height:100%;}
body {background:#fff;font:12px/18px arial;color:#666;font-family:arial, sans-serif;height:100%;}
.wrapper {margin:0 auto;padding:0 50px;position:relative;}
.wrapper.no-right-padding {padding:0 0 0 50px;}
.clear {clear:both;}
.content {background:#f7f7f7;}
.white-bg {background:#f7f7f7;}
.bg-fade {background:#fff url(//media.tripcentral.ca/style/responsive/img/background/bg-fade.png) repeat-x top;padding-bottom:13px;margin-top:38%;}

.ui-dialog { z-index: 9999 !important ;}

/* Columns */

.column-left {
width:75.5%;
margin-top:-16%;
}
.column-left.no-top-margin {margin-top:0;}

.sidebar {
position:absolute;
width:21.5%;
right:50px;
top:0px;
z-index:9800;
}

/* Chat */

.chat-bubble {
position:fixed;
left:50%;
bottom:-5px;
margin-left:-163px;
z-index:9999;
cursor:pointer;
}
.chat-bubble .close {
background:url(//media.tripcentral.ca/style/images/bg-chat-bubble-close.png) no-repeat top;
height:22px;
width:20px;
text-indent:-9999px;
display:block;
position:absolute;
top:17px;
right:17px;
}

.chat-bubble-disable {
background:#ffebe8;
box-shadow:2px 2px 7px rgba(0, 0, 0, 0.25);
width:480px;
position:fixed;
z-index:9999;
bottom:0px;
left:50%;
margin-left:-250px;
border:solid #cc1600;
border-width:1px 1px 0 1px;
border-radius:5px 5px 0 0;
color:#cc1600;
height:37px;
padding-left:20px;
font:bold 12px/37px arial;
}
.chat-bubble-disable span {font-weight:normal;}
.chat-bubble-disable a {font-weight:normal;text-decoration:underline;color:#cc1600;margin-left:5px;}
.chat-bubble-disable .close {
background:url(//media.tripcentral.ca/style/images/bg-close-disable.png) no-repeat top;
height:22px;
width:20px;
text-indent:-9999px;
display:block;
position:absolute;
top:8px;
right:10px;
}

.button-style {
height:40px;
border:1px solid #961b20;
display:block;
color:#fff !important;
text-decoration:none;
font:16px/40px arial !important; 
text-align:center;
margin-bottom:0;
border-radius:3px;
width:100%;
cursor:pointer;
box-sizing:border-box;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset;
padding:0;
position:relative;
overflow:hidden;
}
button.button-style {line-height:20px !important;}
.button-style span {position:relative;z-index:9000;}

.button-style.proceed {
background: #b7251e;
background: linear-gradient(#d5574e, #b7251e);
}
.button-style::before {
content:"";
display:block;
width:100%;
height:38px;
position:absolute;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset;
top:0px;
left:0px;
z-index:6000;
background: #bb2424;
background: linear-gradient(#bb2424, #a41515);
border-radius:1px;
opacity:1;
transition:opacity .2s;
}
.button-style:hover::before {opacity:0;}

/* Alternate Buttons - Currently Green Colored */

.button-style.alt {
background: #077176;
background: linear-gradient(#209ba0, #077176);
border:1px solid #00666a;
}

.button-style.alt::before {
content:"";
background: #008a90;
background: linear-gradient(#008a90, #006c72);
}

/* Select Box Styles */

.select-style {
background: #fff url(/style/responsive/img/packages/icon-select.png) no-repeat right center;	
border:1px solid #cacaca;
width:auto;
border-radius:3px;
overflow:hidden;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.select-style:hover {border:1px solid #908e8e;transition:border 0.2s ease-in-out 0s;}
.select-style select {
padding: 2px 8px;
width:100%;
border:none;
box-shadow:none;
background:transparent;
background-image:none;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none; 
color:#666;
font:14px/18px arial;
height:28px;
}
.select-style select::-ms-expand{display:none;}
.select-style select option {background:#fff;padding:5px;border:none;}
.select-style select:focus {outline:none;}