/* -------------------------------------------------- */
/* TripCentral.ca Layout Styles*/

/* -------------------------------------------------- */
/* Even Out The Browsers */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border:0;
	outline: 0;
}

/* -------------------------------------------------- */
/* Special Classes */

.specialText{position:absolute;text-indent:-5000px;}
.easyClear{clear:both;}
.print-only{display:none;}
.hidemet{display:none;}
.hideme{display:none;}

/* -------------------------------------------------- */
/* Containers */

body{
color:#575656;
font-family:"Arial";
font-size:80%;
background:#FFF url(/TRAVEL/flights/images/bg-body.png) no-repeat top center;
padding:0 7px;
}

#wrapper{
width:970px;
margin:7px auto 10px auto;
}

#header{margin-bottom:7px;position:relative;}
#tcheader{margin-bottom:7px;position:relative;}
#nav{margin-bottom:7px;}
#tcnav{margin-bottom:7px;}
#tcnav-full{margin-bottom:7px;}
#display{margin-bottom:7px;}
#footer{border-top:1px solid #c4c4c4;color:#858585;position:relative;padding-top:5px;}

/* -------------------------------------------------- */
/* Header - OLD DELETE WHEN READY*/

#logo a{
display:block;
width:374px;
height:45px;
background:url(../images/header-logo.gif) no-repeat;
}

#header-info{
position:absolute;
right:0;
top:0;
}

#header-info h5{
color:#02878a;
font-weight:normal;
font-size:1em;
text-align:right;
}

#header-info ul{
font-size:1em;
list-style:none;
}

#header-info ul li{
color:#858585;
display:inline;
}

#header-info ul li a{
color:#858585;
}

/* -------------------------------------------------- */
/* Navigation - OLD DELETE WHEN READY */

#nav{
height:58px;
width:100%;
background:url(../images/menu-tile.png) repeat-x bottom;
position:relative;
font-size:12px;
}
#nav span.left-corner{
display:block;
height:53px;
width:5px;
position:absolute;
left:0;
bottom:0;
background:url(../images/menu-left.png) no-repeat;
}
#nav span.right-corner{
display:block;
height:53px;
width:5px;
position:absolute;
right:0;
bottom:0;
background:url(../images/menu-right.png) no-repeat;
}

ul.main{
list-style:none;
margin-left:5px;
}
ul.main li{
float:left;
display:inline;
margin-right:3px;
}
ul.main li a{
color:#000;
text-decoration:none;
display:block;
padding:11px 15px 6px 15px;
}

/*
ul.main li:hover{
background:url(../images/menu-hover-right.png) no-repeat top right;
}
ul.main li:hover a{
color:#FFF;
background:url(../images/menu-hover-left.png) no-repeat top left;
}
*/
ul.main li.selected{
background:url(../images/menu-on-right.png) no-repeat top right;
}
ul.main li.selected a{
background:url(../images/menu-on-left.png) no-repeat top left;
padding:11px 15px 6px 25px;
color:#FFF;
}

ul.sub{
position:absolute;
left:0px;
top:37px;
width:800px;
}
ul.sub li{
display:inline;
float:left;
background:none;
color:#d6e8e8;
margin:0;
}
ul.sub li a,
ul.main li.selected ul li a{
background:none;
display:inline;
float:none;
color:#d6e8e8;
padding:0 7px;
}
ul.sub li a:hover,
ul.main li.selected ul li a:hover{
color:#FFF;
}
ul.main li.selected ul li a{
background:none;
padding:0 7px;
}
ul.main li:hover ul li{
background:none;
}
ul.main li:hover ul li a{
background:none;
}

/* -------------------------------------------------- */
/* Header - NEW */

#logo a{
display:block;
width:374px;
height:45px;
background:url(/TRAVEL/flights/images/header-logo.gif) no-repeat;
}

#header-links{
position:absolute;
right:0;
top:0;
text-align:right;
font-size:12px;
}

#header-phones{
text-align:center;
position:absolute;
right:300px;
top:0;
font-size:12px;
}

#header-phones h5{
color:#02878a;
font-weight:normal;
font-size:12px;
text-align:right;
}

#header-links h5{
color:#006568;
font-weight:normal;
font-size:12px;
text-align:right;
}

#header-links ul{
font-size:12px;
list-style:none;
}

#header-links ul li{
color:#858585;
display:inline;
}

#header-links ul li a{
color:#858585;
}

/* -------------------------------------------------- */
/* Navigation - NEW */

#tcnav{
height:35px;
width:100%;
background:url(/TRAVEL/flights/images/header/nav-tile.png) repeat-x top;
position:relative;
font-size:12px;
}
#tcnav span.left-corner{
display:block;
height:35px;
width:9px;
position:absolute;
left:0;
top:0;
background:url(/TRAVEL/flights/images/header/nav-left.png) no-repeat top;
}
#tcnav span.right-corner{
display:block;
height:35px;
width:9px;
position:absolute;
right:0;
top:0;
background:url(/TRAVEL/flights/images/header/nav-right.png) no-repeat top;
}

#tcnav-full{
height:56px;
width:100%;
background:url(/TRAVEL/flights/images/header/nav-tile.png) repeat-x top;
position:relative;
font-size:12px;
}
#tcnav-full span.left-corner{
display:block;
height:56px;
width:9px;
position:absolute;
left:0;
top:0;
background:url(/TRAVEL/flights/images/header/nav-left.png) no-repeat top;
}
#tcnav-full span.right-corner{
display:block;
height:56px;
width:9px;
position:absolute;
right:0;
top:0;
background:url(/TRAVEL/flights/images/header/nav-right.png) no-repeat top;
}

ul.main-nav{
list-style:none;
margin-left:9px;
}
ul.main-nav li{
float:left;
display:inline;
margin-right:3px;
}
ul.main-nav li a{
color:#FFF;
text-decoration:none;
display:block;
padding:11px 15px 6px 15px;
}

ul.main-nav li a:hover{
background:url(/TRAVEL/flights/images/header/hover-tile.png) repeat-x top;
}
ul.main-nav li ul li a:hover{
background:none;
}

ul.main-nav li.selected{
background:url(/TRAVEL/flights/images/header/hover-right.png) no-repeat top right;
}
ul.main-nav li.selected a{
background:url(/TRAVEL/flights/images/header/hover-left.png) no-repeat top left;
padding:9px 15px 8px 25px;
color:#333333;
}
ul.main-nav li.selected a:hover{
background:url(/TRAVEL/flights/images/header/hover-left.png) no-repeat top left;
}
ul.main-nav li.selected ul li a:hover{
background:none;	
}


ul.main-nav li.pop{
position:absolute;
float:none;
margin:0;
right:9px;
top:0;
background:url(/TRAVEL/flights/images/header/pop-right.png) no-repeat top right;
}
ul.main-nav li.pop a{
background:url(/TRAVEL/flights/images/header/pop-left.png) no-repeat top left;
padding:9px 15px 8px 15px;
color:#FFF;
}
ul.main-nav li.pop a:hover{
background:url(/TRAVEL/flights/images/header/pop-left.png) no-repeat top left;
}
ul.main-nav li.pop ul li a:hover{
background:none;	
}

ul.sub-nav{
position:absolute;
left:0px;
top:37px;
width:800px;
}
ul.sub-nav li{
display:inline;
float:left;
background:none;
color:#87b7b8;
margin:0;
}
ul.sub-nav li a,
ul.main-nav li.selected ul li a{
background:none;
display:inline;
float:none;
color:#006568;
padding:0 7px;
}
ul.sub-nav li a:hover,
ul.main li.selected ul li a:hover{
text-decoration:none;
}

ul.main-nav li.selected ul li a{
background:none;
padding:0 7px;
}
ul.main-nav li:hover ul li{
background:none;
}
ul.main-nav li:hover ul li a{
background:none;
}


/* -------------------------------------------------- */
/* Display */

#content{
width:786px;
float:left;
}

#side-bar{
width:174px;
float:right;
border:1px solid #eae6db;
background:#f2ebd6;
}

/* -------------------------------------------------- */
/* Column Setup */

#column-one{
width:377px;
float:left;
}

#column-two{
width:400px;
float:right;
}

#column-one-b{
width:480px;
float:left;
}

#column-two-b{
width:298px;
float:right;
}
 
#column-one-c{
width:522px;
float:left;
}

#column-two-c{
width:256px;
float:right;
}

#column-one-d{
width:503px;
float:left;
}

#column-two-d{
width:272px;
float:right;
}

#column-one-e{
width:437px;
float:left;
}

#column-two-e{
width:335px;
float:right;
}

/* -------------------------------------------------- */
/* Footer */

#footer-links{
list-style:none;
margin-bottom:5px;
}
#footer-links li{
display:inline;
font-size:0.9em;
}
#footer-links li a{
color:#858585;
}
#footer-links li a:hover{}

#footer h5{
font-weight:normal;
font-size:0.9em;
}

#footer-logos{
position:absolute;
right:0;
top:5px;
list-style:none;
}
#footer-logos li{
display:inline;
}
#footer-logos li img{}

.mouseOutClass{

}

.mouseOverClass{

background:#d7d7d7;
cursor:pointer;
}

/* -------------------------------------------------- */
/* Footer */

ul#leadinmenu { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
float:right;
}

ul#leadinmenu li { /* all list items */
	float: left;
	position: relative;
	width: 320px;
}

ul#leadinmenu li a.arrow{
text-decoration:none;
color:#565657;
font-size:14px;
font-weight:bold;
display:block;
background:url(/PHP/linxsmart/images/arrow-lead-in.png) no-repeat center right;
padding:7px 0 7px 10px;
}

ul#leadinmenu li ul { /* second-level lists */
list-style:none;
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
background:#efefef;
border:2px solid #999;
}
ul#leadinmenu li ul li{ /* second-level lists */
border-bottom:1px dotted #CCC;
border-right:1px dotted #CCC;
width:157px;
float:left;
}
ul#leadinmenu li ul li a{ /* second-level lists */
display:block;
text-decoration:none;
color:#565657;
padding:2px 10px;
font-size:13px;
}
ul#leadinmenu li ul li a:hover{ /* second-level lists */
color:#e68200;
background:#fff;
font-weight:bold;
padding:2px 10px;
}

ul#leadinmenu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#leadinmenu li:hover ul, ul#leadinmenu li.over ul { /* lists nested under hovered list items */
	display: block;
}