/* GLOBAL
*******************************************************************************/
* {	list-style: none; margin: 0; padding: 0; } 

body { font: 11px "Tahoma", Verdana, Sans-serf; color: #369; text-align: center; background: #fff URL("/images/bkng/main-body.jpg") repeat-x 0 top; padding: 0; }
img { border: none; }
a { font-weight: bold; color: #69f; text-decoration: none;}
a.lnkArrow {  background: URL("/images/link-arrow.gif") no-repeat 0 2px; padding-left: 15px; }
a.lnkArrow-blue {  background: URL("/images/link-arrow.gif") no-repeat 0 2px; padding-left: 15px; color: #69f; padding-right: 5px; }
.clear { clear: both; }
p { margin: 3px 0; }
p.indent { margin-top: 10px; }
p.indent-left { margin-left: 10px; }
p.indent-left-categories { margin-left: 5px; }
input, textarea, select { font: 11px "Tahoma", Verdana, Sans-serf; color: #369; }
.red { color: #f00; }
.right { width: 100%; height: 15px; margin-top: 5px; text-align: right; background: #fff; }
.CodeBold { font-size: 12px; font-weight: bold; line-height: 15px; padding-left: 10px; }

/* CONTAINERS
*******************************************************************************/

#container { margin: 0 auto; width: 950px; clear: both; text-align: left; padding-bottom: 30px; }
#nav-container { height: 39px; width: auto; }
#header-container { height: 112px; width: auto; }
#main-container { }
#footer-container { margin: 0 auto; clear: both; text-align: left; background: URL("/images/bkng/footer-container.jpg") repeat-x 0 bottom; }


/* MAIN FUNCTIONS
*******************************************************************************/
#function-container { padding-left: 6px; }

.function-header-lge { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; line-height: 43px; padding-left: 10px; }
.function-header-lge span { color: #f90; line-height: 43px; vertical-align: top; }
.function-header-sml { font-size: 12px; text-transform: uppercase; color: #369; font-weight: bold; line-height: 23px; padding-top: 2px; }
.function-header-sml em { font-style: normal; color: #fff; }

/* -- Search Container --*/
#search-container { float: left; width: 316px; height: 43px; background: URL("/images/bkng/search-panel.gif") no-repeat; padding-right: 3px; }
#search-container ul { margin-left: 6px; }
#search-container li { float: left; }
.search-input { margin-top: 13px; width: 160px; margin-left: 5px; }
.search-button { margin-top: 13px; margin-left: 5px; }

/* -- Member Container --*/
#member-container { float: left; width: 313px; height: 43px; background: URL("/images/bkng/member-panel.gif") no-repeat; padding-right: 3px; }
#member-container ul { margin-left: 6px; }
#member-container li { float: left; }
.login-i { padding-right: 5px; }

/* -- Favourites Container --*/
#favourites-container { float: left; width: 304px; height: 43px; background: URL("/images/bkng/favourites-panel.gif") no-repeat;}
#favourites-container ul { margin-left: 6px; }
#favourites-container li { float: left; }
.bag-i { padding-right: 3px; }
.help-i { padding-top: 5px; padding-left: 10px; }


/* NAVIGATION CONTAINER
*******************************************************************************/

/* ================================================================ 
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.
=================================================================== */

/* ================================================================ 
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:570px; height:39px; position:relative; z-index:99; float: left;  }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:571px; w\idth:570px;}

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

/* 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;  margin: 0; padding: 0 0px 0 0px;  }
.menu li img { vertical-align: middle; _padding: 17px 0; padding-left: 4px; }
/* style the links for the top level */
.menu a, .menu a:visited {  display: block; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 39px; height: 39px; background: URL("/images/bkng/nav-divider.gif") no-repeat right 0; padding: 0 20px 0 20px; _width:142px; }
.menu a.home, .menu a:visited.home { _width: 50px; }
/* 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{ /*background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */}
.menu ul ul :hover > a.drop { background: #fff; color: #69f; /*background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #fc9; color: #fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background: #fff; color: #69f;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:175px;  }

/* another hack for IE5.5 */
* html .menu ul ul {top:38px; t\op:39px;}

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

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

/* 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 { background: #fc9; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; height: 25px; padding: 0px; padding-left: 10px;  width: 152px; margin-left: 20px; border-left: 3px solid #f90; border-right: 10px solid #f90; }
.menu ul ul a.allstores { background: #369; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; }
.menu ul ul a.newstores { background: #69f; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#fff; background: transparent;}
.menu :hover > a, .menu ul ul :hover > a { color:#fff; background: transparent;}

.menu ul ul a:hover { background: #fff; color: #69f; }

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

/* 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;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}





/*

#nav, #nav ul { list-style: none; margin: 0; padding: 0; }
#nav { z-index: 99; position: relative; }
#nav li { background: URL("/images/bkng/nav-divider.gif") no-repeat right 0; float: left; margin: 0; padding: 0 20px 0 20px; height: 39px; position: relative; }
#nav li img { vertical-align: middle; _padding: 17px 0; padding-left: 4px; }
#nav li a { display: block; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 39px; }

#nav li ul { position: absolute; left: -999em; height: auto; font-weight: normal; margin: 0; padding: 0; width: 175px; }
#nav li:hover ul li, #nav li.sfhover ul li { width: 165px; height: 25px; float: none; padding: 0; margin: 0; }
#nav li:hover ul li a, #nav li.sfhover ul li a { background: URL("/images/bkng/nav-off.gif") no-repeat; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; height: 25px; padding-left: 10px; width: 165px; }
#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover { background: URL("/images/bkng/nav-on.gif") no-repeat; color: #69f; }
*/
/*

#nav li ul li a:hover { background: URL("/images/bkng/nav-on.gif") no-repeat; color: #69f; }

#nav li ul li a.allstores { background: #369; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; }
#nav li ul li a.newstores { background: #69f; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; }

#nav li ul ul {	margin: -27px 0 0 175px; border-left: 1px solid #fff; min-height: 27px; }
#nav li ul ul li { width: 165px; height: 25px; float: none; padding: 0; margin: 0; }
#nav li ul ul li a { background: URL("/images/bkng/nav-off.gif") no-repeat; color: #fff; line-height: 25px; font-size: 11px; text-transform: none; padding-left: 10px; width: 165px; }
#nav li ul ul li a:hover { background: URL("/images/bkng/nav-on.gif") no-repeat; color: #69f; }


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
*/
/*#nav input { line-height: 0px; margin: 0; padding: 0; height: 0px; width: 0px; display: none;   }
.hideField { display: none; margin: 0; padding: 0; height: 0px; width: 0px; }*/

/* HEADER CONTAINER
*******************************************************************************/

#header-container ul {}
#header-container li { float: left; }
#header-container li.mainImage { width: 666px; }

#staf { margin-left: 260px; float: left; }

/* TOP COUPONS
*******************************************************************************/

#topCoupons { width: auto; height: 94px; background: URL("/images/bkng/top-coupons.jpg") repeat-x; margin-top: 3px; margin-bottom: 10px;  }
.tc-name { height: 28px; margin-top: -8px; }
.tc-name-stores { height: 28px; margin-top: 2px; padding-left: 3px; width: 120px; }

.jCarouselLite { position: relative; visibility: hidden; left: -5000px; }
.jCarouselLite { text-align: center; }
.jCarouselLite li { width: 130px; margin-left: 5px; _margin-left: 0px; text-align: center; }
.jCarouselLite li img { margin: 5px 0; height: 60px; }

.prev { cursor: pointer; background: URL("/images/lft-arrow.gif") no-repeat; height: 20px; width: 20px; position: absolute; z-index: 99; margin-left: -10px; margin-top: 35px; }
.next { cursor: pointer; background: URL("/images/rght-arrow.gif") no-repeat; height: 20px; width: 20px; position: absolute; z-index: 99; margin-left: 940px; margin-top: -53px; }

/* LEFT CONTENT
*******************************************************************************/
#leftContent { float: left; margin-left: 16px; width: 220px; padding-bottom: 10px; }
#leftContent-bkng { width: 220px; background: #4b78a5 URL("/images/bkng/left-content.png"); _background: #4b78a5 URL("/images/bkng/left-content.jpg") no-repeat; } 

/*  -- Panels -- */
.panel { text-transform: uppercase; cursor:pointer;  }
.panel-up, .panel-down { width: 185px; height: 36px; color: #fff; font: bold 14px "Tahoma", Verdana; padding-left: 35px; line-height: 35px; margin: 0; }
.dep1.panel-up { background: URL("/images/bkng/leftcontent-b-closed.png") no-repeat; }
.dep2.panel-up { background: URL("/images/bkng/leftcontent-r-closed.png") no-repeat; }
.dep3.panel-up { background: URL("/images/bkng/leftcontent-b1-closed.png") no-repeat; }
.dep1.panel-down { background: URL("/images/bkng/leftcontent-b-open.png") no-repeat; }
.dep2.panel-down { background: URL("/images/bkng/leftcontent-r-open.png") no-repeat; }
.dep3.panel-down { background: URL("/images/bkng/leftcontent-b1-open.png") no-repeat; }
.panel-target { width: auto; padding:5px; background-color:#fff; margin: 2px; margin-bottom: 0px; }
.panel-closed { display:none; }

/*  -- Feature Tile -- */
.featureTile { margin-top: 0px; background: URL("/images/bkng/left-tile.png") no-repeat 0 bottom; _background: URL("/images/bkng/left-tile.jpg") no-repeat 0 bottom;  min-height: 112px; width: auto; padding-bottom: 20px;  }
.featureTile img { padding-left: 10px; padding-top: 20px; }

/*  -- Coupon Categories -- */
.rhs-categoryTable, .rhs-categoryTable2, .rhs-categoryTable-red { width: 100%; }
.rhs-categoryTable td, .rhs-categoryTable-red td { height: 15px; padding: 3px 5px 3px 10px;   }
.rhs-categoryTable2 td { height: 15px; padding: 3px 5px 3px 10px;   }
p.rhs-blue { color: #666; line-height: 22px; height: 22px; margin-top: 5px; padding-left: 10px; font-weight: bold; margin: 0; }
#StoreBannerImages { margin-top: 10px; width: 220px; text-align: center; }
#StoreBannerImages img { margin-bottom: 10px; }

/* --- Sub Categories -- */
.sub-category-listing { margin-left: 20px; padding-bottom: 15px; }
.sub-category-listing  li { float: left; width: 220px; height: 18px; vertical-align: top; }

.rhs-category-subnav { }
.spacer-top { width: auto; height: 5px; }
.spacer-bottom { width: auto; height: 10px; }

/*  -- Stores Page -- */
.storeList li { float: left; padding-right: 15px; padding-bottom: 3px; }


/* MAIN CONTENT
*******************************************************************************/
#mainContent { float: left; margin-left: 6px; width: 700px;}

#pagetxt { width: auto; padding: 10px; background: #ccc URL("/images/bkng/txt-panel.gif") no-repeat 0 top; }

/*  -- Main Header -- */
#mainContent h1 { margin-top: 15px; font: bold 20px "Tahoma", Verdana; color:#369; text-transform:uppercase; border-bottom: 1px solid #f90; padding-bottom: 2px; margin-bottom: 4px; }
#mainContent h3 { margin-top: 20px; font: bold 12px "Tahoma", Verdana; color:#369; text-transform:uppercase; padding-bottom: 2px; margin-bottom: 4px; }
.header-image { position: absolute; margin-left: 306px; margin-top: -13px; z-index: 1;}
#mainContent h1 span { position: relative; z-index: 2; }

/*  -- Page Content -- */
#pageContent { width: 100%; margin-top: 10px; }

/*  -- Bookmark Container -- */
#bookmark-container { width: auto; height: 36px; padding-bottom: 10px; }
#bookmark-container ul { float: right; padding-right: 20px; }
#bookmark-container li { float: left; padding-left: 10px; line-height: 36px; }

/*  -- Coupons Table -- */
.couponsTable { width: 100%; margin-bottom: 20px;  }
.couponsTable td { height: 102px; vertical-align: top; margin: 0; padding: 0; } 
.couponsTable td a.lnkArrow { font-weight: normal; }
.couponsTable td h4 { margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; font: bold 12px "Tahoma", Verdana; text-transform: uppercase; }
.couponsTable td h4 a { color: #f90; } 
.couponsTable td.center-content { padding: 8px 20px 0px 20px; height: 94px; }
.table-logo { padding: 10px; background: #fff; width: 100px; height: 60px; border: 1px solid #369; margin-top: 8px; }

tr.alt td { background: #ffedd9; }
tr.alt-red td { background: #f9e1e7; }

/*  -- Store Drop Down -- */
#store-dropdown { width: 690px; background: #ffedd9; padding: 5px; text-align: right; margin-bottom: 10px; }
#store-dropdown select { margin-left: 10px; }

/*  -- General -- */
#bulletList { margin: 5px 0; }
#bulletList li { background: URL("/images/common/linkBullet.jpg") no-repeat 0 4px; padding-left: 10px; margin-left: 15px;  margin-bottom: 3px; }
.loginTable { margin-top: 40px; margin-bottom: 20px; margin-left: 80px;}
.CreateTable { margin-top: 40px; margin-bottom: 20px; margin-left: 80px;}
.btn { margin-top: 5px; }

#mainContent ol { margin-left: 10px;  padding-left: 20px; }
#mainContent ol li { list-style-type: decimal; padding: 3px 0; }

/* SEND TO A FRIEND
*******************************************************************************/
#stafContainer { margin: 10px; background: #fff; text-align: left; padding: 15px; }
#stafContainer h1 { margin-top: 15px; font: bold 20px "Tahoma", Verdana; color:#369; text-transform:uppercase; border-bottom: 1px solid #f90; padding-bottom: 2px; margin-bottom: 4px; }

/* FOOTER
*******************************************************************************/

#footer { margin: 0 auto; width: 950px; clear: both; text-align: left; padding-top: 10px; padding-bottom: 10px; }
#footer ul { }
#footer li { float: left; margin-left: 15px; background: URL("/images/link-arrow.gif") no-repeat 0 2px; padding-left: 15px;   }
.copyright { float: right; margin-top: -1px; padding-right: 10px; }
.stafTable td { height: 22px; }

/* CLEAR FLOAT
*******************************************************************************/
/*** see http://www.positioniseverything.net/easyclearing.html ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 


/* Create Account */
.CreateTable { margin-top: 20px;  }
.CreateTable tr {}
.CreateTable td { padding-top: 5px; text-align: left;  }
.CreateTable td.leftBorder { padding-left: 10px; border-left: 1px solid #ff7f1e; }
.CreateTable td.rightBorder { padding-left: 10px; border-right: 1px solid #ff7f1e; }
.CreateTable td.lrBorder { padding-left: 10px; border-left: 1px solid #ff7f1e; border-right: 1px solid #ff7f1e; }
.CreateTable td.edgeBorder { border-left: 1px solid #ff7f1e; border-right: 1px solid #ff7f1e; border-bottom: 1px solid #ff7f1e; height: 10px; }
.CreateTable td.right { text-align: right; }