﻿/* resets */

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
}

/* Basics */
body {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, Arial, Sans-Serif;
    font-size:12px;
    line-height:1.5em;
    margin:0;
    padding:0 0 1em;
}
h1, h2, h3, h4 {
    color:#222;
    margin:0.2em 0 .5em;
    padding:0 0 .5em;
    
}
h1 {
    font-size:2em;
    border-bottom:1px solid #eee;
}
h1.no_sep 
{
    border-bottom: 0;
}
h2 {
    font-size:1.8em;
    border-bottom:1px solid #eee;
}
h3 {
    font-size:1.6em;
    color:#666;
}
h4 {
    font-size:1.4em;
    color:#666;
}
p {
    margin:0 0 1em;
}
dl {}
dl dt {
    font-weight:bold;
    font-size:1.2em;
    color:#888;
}
dl dd {
    margin:0.5em 0 1em 1em;
}
a, a:active {
 color:#5897CD;
 text-decoration:none;
}
a, a:active {
 text-decoration:underline;
}
acronym {
    text-decoration:underline;
    cursor:help;
}

/* Layout */
 #tripSearch {
    position:absolute;
    top:5px;
    right:65px;
    height:193px;
    width:291px;
    background-image:url(/img/searchfrm.png);
}
#main { 
    position:relative;
    background: url(/img/border/heavy.png) -1000px 0 repeat-y;
    width: 1000px; 
    min-height: 100%; 
    background-color: #fff; 
    margin: 0 auto;
}
#main-top 
{
    background: url(/img/border/heavy.png) 0 -5px no-repeat;
    width: 1000px; 
    height: 20px; 
}
#main-bottom 
{
    background: url(/img/border/heavy.png) -2000px 0 repeat-y;
    width: 1000px; 
    height: 20px; 
}
.border-wrap
{
    padding: 0;
    margin: 0 auto;
    width: 934px;
    background: transparent url(/img/border/light.png) -934px 0 repeat-y;
}
.border-top
{
    padding: 0;
    margin: 0 auto;
    width: 934px;
    height: 11px;
    background: url(/img/border/light.png) 0 0 no-repeat;
}
.border-bottom
{
    padding: 0;
    margin: 0 auto;
    width: 934px;
    height: 11px;
    background: url(/img/border/light.png) -1868px 0 no-repeat;
}
.borderless-wrap 
{
    margin: 0 auto;
    padding-left: 10px;
    width: 900px;
    height: 100%;
    
}
.content-wrap
{
    margin-left: 13px;
}
#header {
    position:relative;
    z-index:100;
    width:910px;
    height:170px;
    display:block;
    background-repeat:no-repeat;
    /*background-position:54px;*/
    }
    .hed-a {
        background-image:url(/img/header/a.jpg);
    }
    .hed-b {
        background-image:url(/img/header/a.jpg);
    }
    .hed-c {
        background-image:url(/img/header/a.jpg);
    }
    .hed-d {
        background-image:url(/img/header/a.jpg);
    }
    .hed-e {
        background-image:url(/img/header/a.jpg);
    }
    .hed-f {
        background-image:url(/img/header/a.jpg);
    }
    .hed-g {
        background-image:url(/img/header/a.jpg);
    }    
                       
    #header .logo-hotspot {
        position:absolute;
        display:block;
        top:25px;
        left:50px;
        height:150px;
        width:220px;
        z-index:150;
    }
    #header .logo-hotspot span {
        display:none;
    }
#headerSubBar
{
	border-color: #9E5401;
	border-width: 1px;
	border-style: solid;
	background-color: #FB9D17;
	text-align: right;
	color: #fff;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	width: 891px;
	margin-left: 54px;
}

#content-wrapper {
    width:915px;
    margin:0 auto;
    padding:0 0 1em;
    position:relative;
}
    .about #content-main, .contact #content-main, .faq #content-main, .insurance #content-main {
        margin-top:23px;
    }
    #content-main { 
        width: 64%;
        margin:0;
    }
    #sidebar { 
        width:290px;
        padding:0 0 0 10px;
        margin:23px 0 0;
        float:left;
        text-align:right;
    }
    #sidebar img { margin-bottom:10px;}
        .tripSearch {
            display:block;
            width:310px;
            height:470px;
            border:1px solid #eee;
            background-image: url(/img/loading.gif); 
            background-repeat:no-repeat; 
            background-position:center center;    
            background-color:transparent;               
        }
 
    
/* Content */
#contentLayoutTable 
{
    width:915px;
    margin:0 auto;
}
#contentLayoutTableLeft
{
    width: 590px;
}
#contentLayoutTableRight
{
    width: 325px;
}

#defaultRightContainer
{
    padding-top: 10px;
}

a.mainbox {
    display:block;
    position:relative;
    height:253px; 
    width: 586px;
    margin:5px 0 0 3px;
    cursor:pointer;
}
a.mainbox img.minutesOver {
    display:none;
    position:absolute;
    bottom:5px;
    left:0;
    cursor:pointer;   
}
a.mainbox:hover img.minutesOver {
    display:block;
}

#xapaDealsLocation 
{
    z-index: 2999;
    position: relative;
    height: 1px;
    width: 200px;
    overflow: visible;
    top: 20px;
    left: 250px;
}
#xapaDealsPlaceHolder {
    position:relative;
    height:250px;
    width:590px;
}

#minutesPopup {
    padding:1em;
    text-align:left;
    border:1px solid #222;
    cursor:default;
}
#minutesPopup h1 {
    background-image:url(/img/popuptitle.jpg);
    background-repeat:no-repeat;
    width:350px;
    padding: 0.5em;
    color:#fff;
    letter-spacing:-2px;
}
#minutesPopup p {
    font-size:1.6em;
    line-height:1.2em;
    letter-spacing:-2px;
    padding:0 1em;
    font-weight:bold;
    color:#555;
}   
.customersupport {
    padding:1em;
    border:1px solid #666;
    background-color:#eee;
    text-align:center;
    margin:0.5em 0;
}

#searchNowButton 
{
	display: inline-block;
	width: 300px;
	height: 50px;
	background-image: url('/img/SearchVacationsNow_btn.jpg');
}
#searchNowButton:Hover {
	background-image: url('/img/SearchVacationsNow_hover.jpg');
}

/* Floats and clearfix */
.right {float:right;}
.left {float:left;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


    
    
/*======================
    misc / outdated
    ====================*/
.bodyText { padding-left: 20px; font-size: 14px; }
.tableList ul { position: relative; }
.tableList ul li { list-style: none; padding: 3px 0; }
.tableList li span { position: absolute; right: 65px; text-align: right; }

.bodyText ul{ list-style: disc; }
.bodyText ul li { padding: 5px 0; }

#lastMinute { text-align: center; }
.lastMinuteC { font-size: 18px; font-weight: bold; padding-top: 25px; }

.partners
{
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
	border: solid 1px #555;
}
.partners th
{
	padding-top: 15px;
	background-color: #ddd;
	border-bottom: solid 1px #555;
}
.partners td
{
	padding: 10px 35px;
	background-color: #eee;
}
.partners img
{
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #555555 !important;
}

/* deal Rotator */

div.DealItem 
{
    background-image: url(/img/deals/boxBackgroundOrange.png);     
}
.deal_stars { background: url(/App_Themes/Orange/Deals/boxStars.png) 0 0 no-repeat; height: 13px; position: absolute; top: 66px; left: 10px; overflow: hidden;}

/* infoboxes */
#mail_help_stack { width: 300px; display:inline-block; *display: inline; zoom: 1; float: right;}
#maillist_link { background: url(/App_Themes/Orange/InfoBoxes/Email/background_with_hover.png) 0 -143px no-repeat; height: 143px; width: 300px; cursor: pointer; display:inline-block; zoom: 1; overflow: hidden; text-indent:-1000px; *display:inline; }
#maillist_link:hover { background-position: 0 0px; }