/* GLOBAL
*******************************************************************************/
* { list-style: none; margin: 0; padding: 0; }
img { border: none; }
body { background: #e40e62 URL('http://www.salmat.com.au/design/images/bkng/body.jpg') repeat-x 0 0; font: 11px "Tahoma", Arial, Sans-Serif; color: #666; text-align: center;}
a { text-decoration: none; color: #e40e62; font-weight: bold; }
input, select, textarea { font: 11px "Tahoma", Arial, Sans-Serif; color: #666; }
.clear { clear: both;}
p { margin-bottom: 10px; }
p.spacing {  margin-top: 20px; }
.boldweight {  font-weight: bold; font-size: 13px;  }

a.lnkBtn { padding: 0; margin: 0px;  background: URL('http://www.salmat.com.au/design/images/btns/lnkBtn-left.gif') no-repeat 0 0; height: 21px; line-height: 21px; padding: 4px 0; .padding: 0px; }
a.lnkBtn span.rightEdge { background: URL('http://www.salmat.com.au/design/images/btns/lnkBtn-right.gif') no-repeat right 0; margin-left: 9px; height: 21px; padding: 4px 0; .padding: 0px; padding-right: 9px; }
a.lnkBtn span.rightEdge span {  display: inline-block; background: URL('http://www.salmat.com.au/design/images/btns/lnkBtn.gif') repeat-x; height: 21px; }

#pageupContent .multiSelect, #pageupContent .caption, #pageupContent #introText {font: 11px "Tahoma", Arial, Sans-Serif !important; color: #666 !important;}

/* CONTAINERS
*******************************************************************************/
#master-container { margin-bottom: 10px; }
#header-container { background: URL('http://www.salmat.com.au/design/images/bkng/header-container.jpg') no-repeat 50% 0; height: 84px; margin-top: 16px;}
#header-container-content { margin: 0px auto; width: 1024px; text-align: left; }
#breadcrumb-container { background: URL('http://www.salmat.com.au/design/images/bkng/breadcrumb.jpg') repeat-x; height: 30px; }
#breadcrumb-container-inner { margin: 0px auto; width: 950px;  text-align: left; }
#navigation-container { margin: 0px auto; width: 975px; height: 34px; text-align: left; background: URL('http://www.salmat.com.au/design/images/bkng/navigation-hline.jpg') no-repeat; }
#main-container { background: #fff; margin: 0px; padding: 0px;  }
#body-container { margin: 0px auto; width: 975px; min-height: 616px; _height: 616px; background: #fff; }
#footer-container { background: URL('http://www.salmat.com.au/design/images/bkng/footer-container.jpg') repeat-x 0 0; padding-top: 5px;}
#footer-container-content { margin: 0px auto; width: 975px; height: 34px; }
#footer-container-brand { background: URL('http://www.salmat.com.au/design/images/bkng/footer-container-brand.jpg') no-repeat 50% 0; min-height: 185px; _height: 185px; }


.contentPage-w-nav { width: auto; min-height: 616px; _height: 616px; text-align: left; background: URL("http://www.salmat.com.au/design/images/bkng/panel.gif") no-repeat 0 bottom; padding-bottom: 20px; }
.contentPage-w-nav h1 { font-size: 16px; color: #e40e62; padding-bottom: 8px; letter-spacing: 0.5px; margin-top: 15px;}
.contentPage-w-nav p { margin-bottom: 10px; font: 11px "Tahoma", Arial, Sans-Serif; color: #666;}


/* HEADER CONTAINER
*******************************************************************************/
#logo { padding-top: 12px; padding-left: 20px;  }

/*- Header Container Right -*/
#header-container-right { float: right; height: 84px; width: 259px; margin-right: 25px; }
#header-container-search { background: URL('http://www.salmat.com.au/design/images/bkng/header-container-right-sml.gif') no-repeat; height: 26px; }
#header-container-contact { padding-top: 10px; text-align: right; padding-right: 10px;  }
#header-container-contact h4 { font-size: 14px; color: #e40e62; }
#header-container-contact h4 em { color: #666; font-style: normal; }

/*- Header Container Login -*/
#header-container-login { float: left; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; padding: 0 20px; line-height: 26px; background: URL('http://www.salmat.com.au/design/images/bkng/header-container-divider.jpg') no-repeat right 0; display: none;}

/*- Header Container Search -*/
#header-container-searchfield {float: left; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; padding-left: 20px; line-height: 26px; }
#header-container-searchfield input { width: 120px; margin-left: 5px;  }
#header-container-searchfield a img { position: absolute; margin-top: 4px; margin-left: 3px; .margin-top: 0px;  }

/*- Breadcrumb -*/
#breadcrumb-container-inner li { float: left; line-height: 30px; height: 30px; padding-right: 10px; background: URL('http://www.salmat.com.au/design/images/icons/breadcrumb.jpg') no-repeat 0px 10px; padding-left: 12px; }
#breadcrumb-container-inner li.noBkng { background: none; padding-left: 0px; }

/* FOOTER CONTAINER
*******************************************************************************/
#footer-container-content ul { height: 34px; line-height: 34px; }
#footer-container-content ul li { float: left; color: #666; color: #fff; }
#footer-container-content ul li a { padding: 0 10px; color: #fff; }
#footer-container-content ul li.copyright { float: right; padding-right:10px;  }


/* NAVIGATION
*******************************************************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */

.menu {width:975px; height:34px; position:relative; z-index:99; float: left; background: URL('http://www.salmat.com.au/design/images/bkng/navigation-hline.jpg') no-repeat 0 bottom; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:976px; w\idth:975px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:244px; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon  */
.menu li { float: left; position: relative; background: URL('http://www.salmat.com.au/design/images/bkng/navigation-divider.jpg') no-repeat right 0;  margin: 0; height: 33px; }
.menu li.noBkng { background: none; }

/* style the links for the top level */
.menu a, .menu a:visited {display: block; font-family: "Tahoma"; font-weight: bold; letter-spacing: 0px; font-size: 12px; text-transform: uppercase; color: #666; line-height: 33px; text-decoration: none; padding: 0 16px 0 16px; }
.menu a.home, .menu a:visited.home { }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { }

/* style the second level hover */
.menu ul ul a.drop:hover { }
.menu ul ul :hover > a.drop {}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {color: #fff; background: #0f0; line-height: 27px; height: 27px; padding: 0px; width: 187px; padding-left: 10px; padding-right: 4px; line-height: 24px; font-size: 11px; font-family: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; text-transform: none; background: none; }

/* style the third level hover */
.menu ul ul ul a:hover { background: URL('') no-repeat;  color: #70b3f4; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:33px; left:0; width:244px; background: #f1f1f2; border: 1px solid #a2a2a2; margin: 0px; padding: 1px;  }

/* another hack for IE5.5 */
* html .menu ul ul {top:32px; t\op:33px; text-align: left;}

/* position the third level flyout menu */
.menu ul ul ul{left:203px; top:-1px; width:203px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-203px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { display: block; background: none; color: #666; font-weight: bold; line-height: 26px; height: 26px; padding: 0px; width: 224px; padding-left: 16px; padding-right: 4px; font-size: 10.5px; *font-size: 11px; text-transform: none; }

/* style the top level hover */
.menu a:hover { color:#fff; background: URL('http://www.salmat.com.au/design/images/bkng/navigation-primary-rollover.jpg') repeat-x;}
.menu ul ul a:hover { display: block; background: URL('http://www.salmat.com.au/design/images/bkng/navigation-secondary-rollover.jpg') no-repeat; height: 26px; line-height: 26px; color: #fff; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:194px; w\idth:172px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden;}
.menu ul ul :hover ul ul { visibility:hidden; }
.menu ul :hover ul :hover ul ul { visibility:hidden;} 
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible;} 
.menu ul :hover ul :hover ul :hover ul { visibility: visible; }

.menu ul ul li { background: none; padding: 0; height: 26px; line-height: 26px;}
.menu ul ul ul li { background: none; }