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

/* new skin styles  */
#brandingN{height:157px;background:url(header.png) no-repeat top left}
/*#branding{height:180px;background:url(header.jpg) no-repeat top left}*/
#menu{height:35px;width:970px;margin-bottom:25px}
#enclose{width:720px;float:left}
.rightPanel{width:210px;float:right}
#frameN{width:970px;margin:0 auto;text-align:left}

.flagPanel{float:right;text-align:right;width:300px;padding:10px 18px;margin-top:10px}
.flagPanel h2{display:none}
.contentWidePanel{width:680px;float:left;padding:0 15px 15px 15px}
.home .contentWidePanel{width:510px;float:left;padding:0 15px 15px 15px}
.contentWidePanelDefault{width:172px;float:right;padding:10px}
.contentWidePanelDefault2{width:290px;height:100px;float:right}
.contentWidePanelAdmin{width:885px;float:left;padding:10px;margin-left:10px}
.leftPanel{width:210px;padding:0;margin:0;float:left}
.supplierHome .leftPanel{width:350px}
.supplierHome .contentWidePanel{width:525px}
#contentFrame{width:970px}
#contentAreaN{width:970px;float:left}
#footerN{clear:both;height:75px;text-align:center;font-size:12px;font-weight:400;padding:50px 0 0 0}
html>body #footerN{width:970px}
#footerN a,#footerN a:link,#footerN a:active,#footerN a:visited,#footerN a.footerMenuItem{font-size:10px;color:#cf0202;text-decoration:none;text-transform:uppercase;font-weight:700}
#footerN a:hover{text-decoration:underline}

/* Search */
.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 #ccc}
.totalCashoutTextBox{background:#ff9999;border:1px double;padding:0px 2px;width:60px}

#CreatedByUser{width:88%}

/******************************************************
    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:#881417}
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:#f5f5f5;padding:9px 15px 0 15px;font-size:16px;height:26px;background:url(bg_menu_item.png) top left repeat-x}
/* 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:#fcfb7e;/*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:#881417}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA/*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:#fff;font-size:12px;text-decoration:none;background:#881417;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:#a52426;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 */

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

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html{height:auto;background:#f5f5f5 url(bg-grad.png) repeat-x top left/* Firefox and IE7 hack for 100% background */}
body{margin:0px;padding:0;background:#fff;height:100%/* IE6 hack for 100% background  */}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000;font-weight:400;line-height:1.5em}

/* 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:#444;font-family:Tahoma,Arial,Helvetica;font-size:11px;font-weight:700;text-align:left}
#dnn_LeftPane .SubHead{color:#000;font-family:verdana;font-size:11px;font-weight:700;padding-left:13px}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead{font-family:Tahoma,Arial,Helvetica;font-size:11px;font-weight:700;color:#000}
/* text style used for rende#FF0000 text which requires emphasis */
.NormalBold{font-family:Tahoma,Arial,Helvetica;font-size:11px;font-weight:700}
/* text style used for error messages */
.Normal#FF0000{font-family:Tahoma,Arial,Helvetica;font-size:12px;font-weight:700;color:#ff0000}
div.{width:100%;height:1.2em;padding:2px;text-align:center}
.NormalGreen{color:#008000}

/* 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:400;font-size:12px}
h1{font-size:28px;font-weight:normal;color:#990000;padding:12px 0 18px 0;margin-bottom:10px;font-family:"Century Gothic",sans-serif;line-height:32px}
h2,.head,h2 span.head,.container h2 span.head{font-size:20px;font-weight:normal;margin-bottom:10px;padding-bottom:5px}
h3,h3 span.SubHead,.newstitle{font-size:14px;color:#1b1b1b;font-weight:bold;margin-bottom:10px;padding-bottom:5px}
h4{font-size:14px;font-weight:700}
h5,DT{font-size:13px;font-weight:700}
h6{font-size:12px;font-style:italic}

#dnn_LeftPane h2,#dnn_RightPane h2{color:#990000;font-family:"Century Gothic",sans-serif;font-size:18px;font-weight:normal;margin:5px 0 10px 0;padding:5px 0}
body,td,ul li,p #dnn_LeftPane{line-height:15px}

p{margin:5px 0 15px 0;color:#000}
ul{margin:0 0 10px 25px}
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:0;margin:0;padding:0;-ms-interpolation-mode:bicubic}
blockquote{font-size:15px;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:Lucida Console,monospace;color:#434343;font-weight:400;font-size:11px}
address{font-family:Arial,Verdana,Helvetica;color:#434343;font-weight:400;font-size:11px;font-style:italic}
td{vertical-align:top}
#dnn_LeftPane .container ul{margin-left:0px}

/* link styles */
a,a:link,a:active,a:visited{color:#990100;text-decoration:none;padding:0px;margin:0px}
a:hover{text-decoration:none;color:#000}

.hideMe{display:none;visibility:hidden}

/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{width:150px;height:18px;border:1px solid #ccc}
.formBtn{}.formRadio{}.formCheckBox{}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.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:3px 8px;width:0;overflow:visible;font-weight:400;font-size:11px;background:#d1e490;color:#000;font-family:Verdana;margin-left:10px;cursor:pointer;clear:both;height:20px;border-bottom:1px solid #6c8026;border-right:1px solid #6c8026;border-top:1px solid #e9f6ba;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,a.StandardButton:hover{background:#e9f6ba}

/* Preview and Save for Approval Buttons - Store Admin */
.GreenButton,a.GreenButton{background:#090 none!important;color:#fff!important}
.RedButton,a.RedButton{background:#C52729 none!important;color:#fff!important}

/* button for Supplier home page */
.LargeButton,a.LargeButton,a:link.LargeButton,a:active.LargeButton,a:visited.LargeButton,input.LargeButton{padding:1px 8px;width:0;overflow:visible;font-weight:400;font-size:14px;background:url(btn_bg.gif) repeat-x bottom left;color:#000;font-family:Verdana;margin-left:10px;cursor:pointer;clear:both;border:1px solid #003c74 ;white-space:nowrap;clear:both;line-height:22px}
input.LargeButton[class]{width:auto} /* Non IE browsers read this */
input:hover.LargeButton{color:#E0E0E0}

/* 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-family:Tahoma,Arial,Helvetica;font-size:12px;font-weight:400}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px;font-weight:400}
.NormalTextBoxMod,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-size:12px;font-weight:400;background:#fff;border:1px solid #ccc;color:#333;padding:4px;-moz-border-radius:3px;-webkit-border-radius:3px}

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

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

/******************************************************
    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:#fff}

/******************************************************
    DNN STYLES
******************************************************/
.SkinObject{font-weight:700;font-size:8.5pt;color:#003366;font-family:Tahoma,Arial,Helvetica;text-decoration:none}
A.SkinObject:link,A.SkinObject:visited,A.SkinObject:active,A.SkinObject:hover{text-decoration:none;color:#003366}

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

/* text style used for help text rende#FF0000 by modules */
.Help{border:#000 1px solid;padding:2px;font-weight:400;font-size:11px;color:#000;font-family:Tahoma,Arial,Helvetica;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;font-family:"Trebuchet MS"}
.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:700;color:#fff}

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

/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
******************************************************/
#Highlight_SubHead{font-weight:700;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:700;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:0;margin:0;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 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:700}

/* [Glen] 21/08/2009:Text Input highlight */
/******************************************************
    TEXT INPUT HIGHLIGHT
******************************************************/ 
.focusField{border:1px solid #b3b3b3;background:#eee;color:#333}
textarea{font-family:Tahoma,Arial,Helvetica;font-size:12px}

/* [Varit] 21/08/2009:Style for Report */
/******************************************************
    REPORTS STYLES
******************************************************/ 
.ReportTable{border:1px solid #fff;border-style:hidden}
.ReportTableAlt{background:#eee}
.ReportTable tr:hover,.ReportTableAlt tr:hover{background:#ccc}
.ReportTable td{text-align:left;border:0;border-style:hidden}
.ReportTable .ReportHeader th{font-weight:700;border:0;border-style:hidden;text-align:center} 
.ReportTable .ReportHeader:hover{background:#fff}
.ReportTable td.MoneyColumn{text-align:right;width:80px;border:0;border-style:hidden}

/* [Varit] 11/11/2009:Add style for CAPTCHA */
div .Captcha .NormalRed{color:#f00}

table.CATGridBorder:hover{background:#eee}

.cart_icons{text-align:right}

/* Text Style for admin message - Added 07/09/2009 - Harry */
div.AdminMessage,div.AdminMessageNon,div.StaffNotifications{color:#000;background:Lime;width:100%;height:1.2em;padding:2px;text-align:center}
div.StaffNotifications{background:Pink}

.cart_icons a{display:inline-block}
a#dnn_hypAccountLink{background:url(quotes.gif) top left no-repeat;height:29px;width:65px;text-indent:-9999px;display:inline-block;float:right}

/* PAY ON ARRIVAL */
/* [Varit] 20/01/2010:Add style for Extra Condition for product */
a.payOnArrival{}
.extraConditions{position:absolute;width:300px;padding:10px;height:auto;background:#666;z-index:10000;display:none;filter:alpha(opacity=90);opacity:.9;border:2px solid #990000;border-radius:10px;-moz-border-radius:10px;-web-kit-border-radius:10px}
.extraConditions p,.extraConditions li,.extraConditions{color:#fff;font-size:13px}

/* 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;}