@import url(catalook.css);
	 
/** SKIN LAYOUT STYLES **/
#bodyDiv { width:100%; height: 100%; text-align:left;background:url(images/bg-body.png) #f8f8f8 top left repeat-x;padding: 0px; margin: 0px;margin-left:auto;margin-right:auto }
html>body #bodyDiv { height:auto; min-height: 100%;}

/* new skin styles  */
#brandingN { height: 156px; background: url(images/bg-header.png) no-repeat; }
#branding { height: 180px; background: url(ozTravelHeader.jpg) no-repeat;}
#menu{ height:35px;background: url(images/bg-menu.png) top left repeat-x; width:970px; margin-bottom:25px;}
#enclose { width: 720px; float: left;}

.rightPanel { float:right; width:210px; }

#frameN{width:950px; margin-left:auto; margin-right:auto;}
html>body #frameN{ width:970px;}

#contentFrame{width:970px; }
#contentAreaN {float:left}
#footerN {clear:both; height: 50px; width:970px; text-align:center; font-size: 12px;font-weight:normal; color:#1b1b1b; padding:20px 0px 0px 0px; margin-bottom:20px}
html>body #footerN { width:970px;}

.contentWidePanel { float:left;
padding:0 15px 15px;
width:510px; }

#footerN a, #footerN a:link, #footerN a:active, #footerN a:visited, #footerN a.footerMenuItem {font-size: 10px; color:#C45806; text-decoration: none;text-transform:uppercase; font-weight:bold;}
#footerN a:hover {text-decoration: underline;}

.leftPanel { float:left; margin:0; padding:0; width:210px; }

.search_container{float:right;height:70px; width:252px;}
.search_left{background:url(btn_search.jpg) no-repeat; height:20px; width:76px; float:left; margin-top:36px}
.search {float:right;padding:30px 20px 0px 0px;}
.search img{padding-top:0px;}
.search .NormalTextBox{border:1px solid #cccccc;}
.totalCashoutTextBox {background-color:#FF9999; border:1px double;padding:0px 2px;width:60px}

/******************************************************
    DIGICON CLEAN CSS MENU STYLES              
***************************************************** **  
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu,.menu ul{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0;/*IE7*/}
.menu li{margin:0;padding:0;border:0;display:block;float:left;position:relative;z-index:5;white-space:nowrap}
.menu li:hover{z-index:10000;white-space:normal}
.menu li.menuHover /*IE6*/{z-index:10000}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility:visible}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top:100%;left:0}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top:0;left:100%}
.menu li li{float:none}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.menu li:hover>ul{visibility:visible;	top:100%}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top:0;left:100%}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active{display:block;position:relative}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{}
.menu li li /*fix white gap problem*/ /*IE6*/{float:left;width:100%}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top:-1px}
html>body .menu li li{margin-top:0px}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li{}
.menu ul li{text-align:left;}
.menu ul{ font-family: Century Gothic, sans-serif; font-weight:normal; }
ul.menu ul{border:0px;padding:5px;margin:0 0 0 0px;background:#536515}
ul.menu ul ul {padding:5px !important;}
* html ul.menu ul{border-top:1px solid #fff;padding-top:1px}

/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active{text-decoration:none;color:#3e4b11;padding:9px 15px 0 15px;font-size:16px; height:26px; }
/* html .menu a, * html .menu a:link, * html .menu a:active, * html .menu a:visited, * html .menu a:hover, * html .menu a:link:hover, * html .menu li.active{text-decoration:none;color:#FCFB7E;padding:0px 0px 12px 23px;font-weight:700;font-size:11px;font-family:verdana}*/
.menu li.active{ color:#3e4b11; /*background:url(bg_menu_active.png) no-repeat bottom center;*/ padding:9px 15px 0 15px; font-size:16px; height:26px; }
.menu a:hover, .menu a:link:hover, .menu li:hover>a{color:#f3eb04 !important; background:#536515;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:#fff}

ul.menu ul ul{padding:0px;margin:0px}
* html ul.menu ul ul{margin-left:2px;padding-top:1px}
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul li.active{ color:#ffffff;font-size:12px;text-decoration:none;background:#536515;white-space:normal;width:165px;height:auto;padding:6px 0px 6px 10px!important;margin:0px!important;border-bottom:1px dotted #1b1b1b}
ul.menu ul a:hover, ul.menu ul a:link:hover { color:#f3eb04;font-size:12px;text-decoration:none;background:#728926;white-space:normal;width:165px;height:auto;padding:6px 0px 6px 10px!important;margin:0px!important;border-bottom:1px dotted #1b1b1b}
ul.menu ul li.active{}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a{color:#FCFB7E}
* html ul.menu ul li a:hover, * html ul.menu ul li a:link:hover, * html ul.menu ul li li:hover>a{color:#fcfb7e}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:#e6d561;}
* html .menu ul a:hover, * html .menu ul a:link:hover, * html .menu ul .menuHoverA{color:#fcfb7e}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding plus 1 */{}
.menu li li{}
/*.menu ul>li + li remove top border on all but first item in the list{border:0}*/
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top:-1px;left:100%}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top:0px;left:100%}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a{
	color:#567;
}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul{background-image:url(empty.gif);/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding:10px 30px 30px 30px;margin:-5px 0 0 -30px;/*background:#f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
.menu ul ul{padding:30px 30px 30px 10px;margin:-30px 0 0 -10px}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a{float:left}
/* End Fix 


/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px;}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #f8f8f8;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #fff; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{ font-size: 11px;color: #1b1b1b;font-weight: normal;line-height:1.5em; font-family:Arial,Helvetica,sans-serif; }

/* text style used for rende#FF0000 text which should appear disabled */
.NormalDisabled { color: #D3D3D3;}
/* style of item titles on edit and admin pages */
.SubHead {color: #444444; font-size: 11px; font-weight: bold; text-align: left;}
#dnn_LeftPane .SubHead {color:#000; font-size: 11px; font-weight: bold; padding-left:13px;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-size: 11px; font-weight: bold; color: #000;}
/* text style used for rende#FF0000 text which requires emphasis */
.NormalBold { font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.Normal#FF0000 { font-size: 12px; font-weight: bold; color: #ff0000}

/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th { color:#000; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:16px; color:#000;}
h2, .head, h2 span.head, .container h2 span.head {font-size:18px;}
h3, h3 span.SubHead, .newstitle {font-size: 12px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}

#dnn_LeftPane h2,#dnn_RightPane h2{ color:#fff; background:url(images/bg-h2.png)  top left no-repeat #96b624; height:18px; font-family: "Century Gothic", Century Gothic, sans-serif; font-size:16px; font-weight:normal; margin:5px 0 10px 0; padding:6px 15px 4px 15px; width:180px }
body, td, ul li, p #dnn_LeftPane{line-height:15px}

table,td {border:0px;}
p {margin: 5px 0px 15px 0px; color:#000;}
ul { margin: 0px 0px 10px 25px;}
html>/**/body ul {margin-left:0px;padding-left:15px}
ul li { margin-left:5px; padding:0px; list-style-type: square; /*list-style:none; list-style-image: url(bullet.gif)*/}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr { color: dimgrey; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}

/* link styles */
a, a:link, a:active, a:visited { color:#3E4B11; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:underline; color:#000000;}

blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address { color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}

/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}

.formItem { clear: both;}
.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails {float: right;}
html>body .labelDetails {margin-bottom: 5px;}
*:first-child+html .labelDetails {margin-bottom: 0px;}
.contentWidePanel .labelDetails {width: 535px;}
.labelDetails p { margin: 0px 0px 7px 0px;}
.contentWidePanel .labelDetails textarea {width: 500px; height: 100px;}

/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton {padding:0px;width:0;overflow:visible;font-weight:normal;font-size:11px;background:#e6f3b8;color:#000;margin-left:0px;cursor:pointer;clear:both;height:22px;border:1px solid #3E4B11;white-space:nowrap}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #000;background: #e6f3b8;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-size: 12px; font-weight: normal;}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;  font-weight: normal; }

.NormalTextBoxMod,input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { border: 1px solid #999999;}

/*Dropdown Boxes*/
select { font-size: 10px;}

/* Requi#FF0000 Fields */
span.mandatory { color: #334692; font-weight:bold;}

/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}

/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.noPrint {padding: 5px 10px; display: block;}

.taskDescBox{ position:absolute; width:300px; padding: 10px; height:auto; 10px; background-color:#666666; background-repeat:no-repeat; z-index:10000; visibility:hidden; filter:alpha(opacity=90);}
.taskDescBox p, .taskDescBox li, .taskDescBox {color:#FFFFFF; }

/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/
/* What exactly does this style?? */
.SkinObject { font-weight: bold; font-size: 8.5pt; color: #003366; text-decoration: none;}
A.SkinObject:link { text-decoration: none; color:#003366;}
A.SkinObject:visited { text-decoration: none; color:#003366;}
A.SkinObject:active { text-decoration: none; color:#003366;}
A.SkinObject:hover { text-decoration: none; color:#003366;}

/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-size: 10px; font-weight: normal;}

/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; background-color: #ffff99;}

SMALL { font-size: 8px;}
BIG { font-size: 14px;}

/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink { padding:0px 0px 0px 0px; background:url(bg_quick.gif) no-repeat; width:156px; }
.QuickLink h3 { margin:0px; padding:5px 6px 0px 0px; color:#fff; text-align:right;text-transform:uppercase; }
.QuickLink img { float:left; padding:1px 0px 0px 6px;}
.QuickLink p { margin:5px;color:#b30000; font-weight:11px; line-height:13px; margin-top:85px; }
.QuickLink a, .QuickLink a:active, .QuickLink a:visited, .QuickLink a:hover{ margin:0px; font-size:12px; font-weight:bold; color:#FFF;}

/******************************************************
    SURVEY MODULE STYLES
******************************************************/
.YourCompanyNameSurveyResults {font-family: Arial, Helvetica; font-size: 12px; font-weight: normal;}

/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
******************************************************/
#Highlight_SubHead {font-weight:bold; font-size:12px; height:15px;padding:3px 5px 0px 0px; text-align:right; text-transform:uppercase;}
#Highlight{background:url(bg_quick.gif) no-repeat; width:156px; height:103px;}
#Highlight img{padding:2px 0px 0px 5px;}
#Highlight a, #Highlight a:active, #Highlight a:visited, #Highlight a:hover{ margin:0px; font-size:12px; font-weight:bold; color:#FFF;}

/******************************************************
  TICKET STYLES
******************************************************/
#ticketFrame{width:595px}
.ticketHeader{width:595px;height:111px; text-align:center}
.ticketFooter{width:595px;height:15px; text-align:center; clear:both}
.ticketContent{width:595px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.4em}
.ticketEnclose{float:left;width:542px}
.ticketLeft{float:left;width:108px}
.ticketContentPanel{width:555px;padding:0 20px}
.ticketRight{float:right;width:108px}
.voucherTop{padding-bottom:10px}
.storeAddress{float:left;text-align:left}
.abnDetails{float:right;text-align:right}
.travelVoucher h2, .travelVoucher h3{padding:0px;margin:0px;clear:both;line-height:20px;text-align:center}
.bookingDetails{ margin:10px 0px}
.bookingDetails table{width:100%}
.bookingDetails tr td {border-bottom:1px dotted #000;padding:4px; min-width:20px}
.bookingDetails tr.tablehead {border-bottom:0; background:#f5f5f5}
.voucherImportant {padding: 0px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border: 2px solid #861417;	background:#ffdadb}
.voucherBottom p {font-size:10px}
.consultTravTips{margin-top:10px}
.travelTips{}
.travelTips h5{ padding-top:5px}
.terms{clear:both;margin-top:20px}
.highlight{background:#d7d7d7;padding:3px 0px 1px 0px}
.balance{background:#AF2824;color:#fff;padding:3px 0px 1px 0px}

/* [Varit] 04/12/2007: Style the Checkout step */
/******************************************************
    CHECKOUT STEPS STYLES
******************************************************/ 
.ActiveStep {text-decoration:underline; font-weight:bold;}

/* [Varit] 20/01/2010: Add style for Extra Condition for product */
.extraConditions{position:absolute;width:300px;padding:10px;height:auto;background-color:#666666;background-repeat:no-repeat;z-index:10000;display:none;filter:alpha(opacity=90)}
.extraConditions p, .extraConditions li, .extraConditions{color:#fff;}

table.CATGridBorder:hover { background:#eeeeee; }

/* FIVE PANELS SKIN */
.fivepanels #frameN {width: 1420px;}
.fivepanels #menu {width: auto}
.fivepanels .extraPanel {width: 200px; float: left; padding: 0 10px; min-height: 100px}
.fivepanels #contentFrame {float: left;}
.fivepanels #footerN {width: auto !important;}
.fiveWrapper {clear: both;}