﻿* { list-style: none; margin: 0; padding: 0; }
img { border: none; }
body { background: #600a09 URL("/images/common/body-bkng.jpg") repeat-x; font: 11px "Tahoma", Verdana, Arial, Sans-Serif; }
a { color: #fff; text-decoration: none; }
input, select, textarea { font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #600; }

h2 { font: 18px "Tahoma"; color: #600; margin-bottom: 5px; }
h2 em { font-weight: bold; color: #f90; font-style: normal;  }

p { margin: 8px 0; color: #600; }

.white { color: #fff; }
.clear { clear: both; }

/* CONTAINERS
*******************************************************************************/
#master-container { margin: 0px auto; width: 988px; background: URL("/images/common/bkng-Gradient.png") no-repeat; }
#container { width: 975px; margin-left: 6px; background: #b83334; text-align: left; }
#utility-container { margin-top: 2px; width: auto; background: #fff; height: 27px; }
#headerStrip-container {width: auto; height: 104px; border-bottom: 2px solid #fff;}
#navigation-container { width: auto; background: #f90; height: 35px; border-bottom: 1px solid #ff9900; }


/* UTILITY Container
*******************************************************************************/
#utility-container ul { float: left; margin-left: 15px; }
#utility-container li { float: left; margin-right: 15px; }
#utility-container li a { font: bold 11px "Tahoma"; color: #f90; text-transform:uppercase; line-height: 27px; background: URL("/images/common/iconArrow.png") no-repeat 0 0px; padding-left: 18px;}

#tagLine { float: right; padding-top: 2px; padding-right: 10px;}


/* HEADERSTRIP Container
*******************************************************************************/
.header-bkng { position: absolute; _margin-left: -900px;}
.headerStrip-Overlay { position: absolute; z-index: 100; }


/* MAIN Container
*******************************************************************************/
#main-container { width: auto; background: #6d0c0c URL("/images/common/container_bkng.gif") repeat-y 0 0; min-height: 300px; border-bottom: 1px solid #fff; }

#main-container-content-homepage { width: 705px; margin-top: 10px; padding: 10px 20px; float: left; }
#main-container-content-homepage h1 { font: 18px "Tahoma"; font-weight: bold; color: #fff; margin-bottom: 5px; text-transform: uppercase;}
#main-container-content-homepage p { color: #fff; }

#main-container a, #glideDiv-Content-hp a { color: #f90; font-weight: bold; }

#main-container-content { width: auto; padding: 10px 20px 0px 20px; margin: 0; float: left; text-align: left; }
#main-container-content h1 { font: 18px "Tahoma"; color: #fff; margin-bottom: 10px; padding-top:10px;  }

#contentpage-wrapper { width: auto; margin-top: 10px; padding: 10px 0px; float: left; }

#page-content { float: left; width: 685px; background: #fff; padding: 15px 20px; margin-left: 20px; margin-right: 8px; margin-bottom: 20px; padding-bottom: 35px; }
#page-content ul { margin-left: 20px; margin-bottom: 15px; }
#page-content li { padding-right: 25px; color: #600; margin-bottom: 5px; background: URL("/images/common/listBullet.gif") no-repeat 0 3px; padding-left: 15px; }
#page-content td { color: #600; }
.red { color: #f00; }

#page-content select { width: 120px; }

#locationTile { width: 222px; height: 124px; background: transparent URL("/images/common/locationTile-Bkng.png") no-repeat 0 0; float: right; }
#locationTile p { width: 130px; margin-left: 85px; margin-top: 15px; color: #600;}

#locationTile-hp { margin-top: 45px; width: 222px; height: 124px; background: transparent URL("/images/common/locationTile-Bkng.png") no-repeat 0 0; float: right; }
#locationTile-hp p { width: 130px; margin-left: 85px; margin-top: 15px; color: #600;}

.btn-Map { margin-left: 45px; margin-top: 5px;  }
.genI { border: 1px solid #f90; padding: 5px; background: #fff; width: auto; height: auto; margin: 0; }

#borderDiv { width: auto; height: 10px;  background: #b83334; border-bottom: 1px solid #ff9900; border-top: 1px solid #ff9900; }


/* Promotional Tiles Container
*******************************************************************************/
#promotional-tiles-container { width: auto; padding: 25px 20px; }
.hp-promotional-tile { width: 215px; border: 1px solid #f90; margin-right: 20px; float: left; background: #fff; display: none; }
#promotional-tiles-container h3 { display: block; width: 215px; height: 20px; padding-top: 3px; text-transform: uppercase; font: 13px "Tahoma"; font-weight: bold; text-align: center; color: #fff; background: #f90 URL("/images/common/promotional-tile-h3.png") no-repeat;}
#promotional-tiles-container h3.red { background: #c00 URL("/images/common/promotional-tile-h3.png") no-repeat;; }
#hp-dealeroftheYear { margin-right: 0px; }

#hp-newCoromals-content { width: auto; padding: 5px 5px 10px 10px; height:198px; background: URL("/images/common/hp-promoTiles-orange_bkng.gif") repeat-x 0 bottom; }
#hp-usedCaravans-content { width: auto; padding: 5px 5px 10px 10px; height:226px; background: URL("/images/common/hp-promoTiles-red_bkng.gif") repeat-x 0 bottom; }
#hp-servicing-content { width: auto; padding: 5px 5px 10px 10px; height:226px; background: URL("/images/common/hp-promoTiles-red_bkng.gif") repeat-x 0 bottom; }
#hp-dealeroftheYear-content { width: auto; padding: 5px 5px 10px 10px; height:226px; background: URL("/images/common/hp-promoTiles-orange_bkng.gif") repeat-x 0 bottom; }

#hp-usedCaravans-content p, #hp-servicing-content p { margin-bottom: 0px; }

#hp-newCoromals-footer { border-top: 2px solid #f90; width: 215px; text-align: center; }

.hp-userCaravan-featureImage { margin: 0; }
.center { text-align: center; margin: 0; padding: 0; }
.imgRight { float: right; padding-left: 5px; }
.btn-Promo { text-align: center; }

/* TERTIARY CONTAINER
*******************************************************************************/
#tertiary-container{ padding: 10px 0; }
#tertiary-container-left { float: left; width: 713px;  padding: 0 20px; }
#tertiary-container-right { float: left; width: 222px; background: URL("/assets/hp/forum-top.jpg") no-repeat 0 0; }
#tertiary-container-right-inner { background: URL("/assets/hp/forum-bottom.jpg") no-repeat 0 bottom; min-height: 406px; padding: 10px 15px; }

/*- Tiles -*/
.hp-tertiary-tile { background: #fff; width: 340px; float: left; height: 211px; margin-right: 15px; margin-bottom: 15px; }
.hp-tertiary-title-new-coromals { background: URL("/assets/hp/new-coromals.jpg") no-repeat; padding: 15px; height: 156px;   }
.hp-tertiary-title-new-coromals p { color: #fff; margin-top: 0px; padding-top: 0px;  }
.hp-tertiary-title-used-caravans { background: URL("/assets/hp/used-caravans.jpg") no-repeat; padding: 15px; height: 156px;   }
.hp-tertiary-title-used-caravans p { color: #fff; margin-top: 0px; padding-top: 0px;  }
.hp-tertiary-title-servicing { background: URL("/assets/hp/servicing.jpg") no-repeat; padding: 15px; height: 156px;   }
.hp-tertiary-title-servicing p { color: #fff; margin-top: 0px; padding-top: 0px;  }
.hp-tertiary-title-vip { background: URL("/assets/hp/vip.jpg") no-repeat; padding: 15px; height: 156px;   }
.hp-tertiary-title-vip p { color: #fff; margin-top: 0px; padding-top: 0px;  }
#main-container .hp-tertiary-tile h3 a { color: #600; text-transform: uppercase; font-size: 14px; padding-left: 10px; }
#main-container .hp-tertiary-tile h3 a img { position: absolute; padding-left: 10px; padding-top: 1px; }

/*- Forum -*/
#tertiary-container-right-inner h3 { color: #600; text-transform: uppercase; font-size: 14px; }
.forumPosts { margin: 5px 0; }
.forumPosts li { color: #600; }
.forumPosts li.divline { height: 1px; background: #B93334; margin: 10px 0; }
.forumPosts li em { margin-bottom: 3px; display:inline-block; }

/* USED Caravans Container
*******************************************************************************/
.vanRolloverI { border: 1px solid #f90; padding: 5px; background: #fff; width: auto; height: auto; margin: 0; }

#used-promotional-container { width: auto; background: #fff; height: 130px; padding: 5px; }
.used-promotional-title { width:auto;  height: 36px; padding-top: 4px; padding-right: 10px; }
.searchboxes { background: URL("/assets/promotions/pane-gradient.png") repeat-y; height: 70px; padding: 10px; }
.searchboxes p { color: #fff; width: 600px; }
.searchTbl { padding: 0px; margin: 0px;  width: auto; }
.searchTbl td { color: #fff; border-top: none; background: none; padding: 0px; margin: 0px;  }
.searchTbl tr:hover td { background: none; }
.searchTbl input, .searchTbl select { width: 120px; margin-right: 10px; padding: 3px;  }


#used-leftContent { width: 340px; float: left; margin: 0px; padding: 0px; margin-right: 10px; }

#used-leftContent p { clear: both; }
#used-leftContent span { display: inline-block; width: 140px; margin: 0px; padding: 0px; }

#used-leftContent li { width: 275px; _width: 230px; color: #600; margin-bottom: 5px; background: URL("/images/common/listBullet.gif") no-repeat 0 3px; padding-left: 15px; }
#used-leftContent ul { margin-left: 20px; margin-bottom: 15px; }

#used-middleContent { width: 350px; float: left; margin-right: 10px;}
#used-middleContent ul { margin-top: 5px; background: #f00; }
#used-middleContent li { float: left; margin-left: 4px; _margin-left: 2px; }

#used-rightContent { background: #ffb50f; min-height: 120px; width: 190px; float: left; padding-top: 10px; }
#used-rightContent h3 { width: auto; text-transform: uppercase; height: 20px; padding-top: 3px; font: 14px "Tahoma"; text-align: center; color: #fff; background: #600;}
#used-rightContent ul { padding: 10px; }
#used-rightContent li { margin-bottom: 5px; background: URL("/images/common/iconArrow.png") no-repeat 0 2px; padding-left: 18px; }
#used-rightContent li a { color: #600;  }

.new { font-weight: bold; color: #00f; }
.sold { font-weight: bold; color: #f00; }


/* PRODUCT Container
*******************************************************************************/

#ProductGroup, #UsedGroup { clear: both; position: relative; background: #fff; width: 905px; margin: 0 0px 20px 0px; padding: 20px 15px 5px 15px;   }
#ProductGroup h2 { clear: both;}
#ProductGroup dl { width: auto; margin: 0; padding: 0; }
#ProductGroup dt { width: 40%; float: left;  margin: 0; padding: 0; padding-bottom: 10px;  }
#ProductGroup dd { width: 60%; float: left; margin: 0; padding: 0; padding-bottom: 10px;  }

#orangeBar { width: auto; height: 1px; background: #f90; padding: 0px; margin: 5px 0 15px 0; clear: both; }

#quote { clear: both; width: 20px; padding: 5px 20px 5px 20px; font: 11px "Tahoma"; color: #600; width:auto; font-weight: bold;  }
.leftQuote { position: absolute; margin-left: -22px; margin-top: -3px;}
.rightQuote { position: absolute; margin-top: -1px; margin-left: 4px; }

.buttons { margin-top: 15px;  }
.button { padding-right: 10px; }

#pGroupTabs { clear: both; width: 935px; min-height: 280px; margin: 0 0px 20px 0px; padding: 10px 0px 0px 0px;  }

#nav2 { position: absolute; border-bottom:4px solid #ff9900; height:27px; width:935px; z-index: 10;}
#nav2 ul { }
#nav2 li { width:102px; text-align:center; float: left; margin-right: 1px; }
#nav2 a { color:#333333; display:block; background: #ffd699; position:relative; height:27px; line-height: 27px; text-decoration:none; font-weight: normal; }	
#nav2 a.current { background: URL("/assets/promotions/nav-on.png") repeat; color: #fff; }


#panes2 { width:935px; min-height:280px; 
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

#panes2 div { background: #fff; }
#panes2 div.pane-item2 { width: 895px; min-height: 280px; display:none; color:#444; margin: 0px; margin-top: 30px; padding: 20px; }


.top-btns { float: right; width: 300px; margin-top: -5px; text-align: right; }
.top-btns-btm { clear: both; float: right; width: 300px; text-align: right; }
#Features ul, #Options ul { margin-left: 20px; margin-bottom: 15px; }
#Features p, #Options p, #ProductGroup p { clear: both; margin-top: 15px;}
#Features li, #Options li { width: 360px; padding-right: 25px; float: left; color: #600; margin-bottom: 5px; background: URL("/images/common/listBullet.gif") no-repeat 0 3px; padding-left: 15px; }

#Gallery ul { margin-top: 15px; margin-bottom: 15px; }
#Gallery li { float: left; padding-right: 10px; padding-bottom: 10px;  } 

#Layouts ul { margin-top: 15px; margin-bottom: 15px; }
#Layouts li { float: left; padding-bottom: 10px;  margin-right: 10px;  } 
#Layouts li span { font-weight: bold; color: #f90;}
#Layouts p { clear: both; }


.PopBoxImageSmall { border: 1px solid #f90; width: 167px; height: 121px; cursor: pointer; }
.PopBoxImageLarge { border: solid 1px #fff; cursor: pointer; }
.UsedPopBoxImageSmall { border: 1px solid #f90; width: 158px; height: 115px; cursor: pointer; border: 1px solid #f90; padding: 5px; }


/* FORUM
*******************************************************************************/
.forumTable { margin: 10px 0;}
.forumTable th { padding: 8px; text-align: left; background: #f90; color: #fff; } 
.forumTable td { padding: 8px; border-bottom: 1px solid #f90; vertical-align: top; }
.forumTable tr.alt td { background: #f2d7d7; }

p.rightAlign { width: 100%; text-align: right; }

/* PANES
*******************************************************************************/
#promotion-container { width: auto; background: #fff; height: 290px; padding: 5px; }

#nav { position: absolute; background: #ffd699;	border-right:4px solid #ff9900;	height:290px; width:192px; z-index: 10;}
#nav ul { width:192px; margin:0 auto; margin-top: 5px;}
#nav li { width:192px; list-style-type:none; text-align:left; margin-bottom: 5px; }
#nav a { color:#333333; display:block; padding:5px 10px; 	position:relative; height:47px;	text-decoration:none; background: URL("/assets/promotions/nav-off.png") repeat; font-weight: normal; }	
#nav a.current { background: URL("/assets/promotions/nav-on.png") repeat; color: #fff; }
#nav a strong { display:block; padding-bottom: 2px; text-transform: uppercase;}
#nav a.current strong { }


#panes { width:auto; height:330px;	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

#panes div { background: #fff; }
#panes div.pane-item { width: 965px; height: 290px; display:none; position:absolute; color:#444; }
#panes div.pane-content { width: 749px; height: 72px; margin-left: 195px; background: URL("/assets/promotions/pane-gradient.png") repeat-y; margin-top: 198px; padding: 10px; }
#panes div.pane-content h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: #fff; }
#panes div.pane-content p { color: #fff; }
#panes div#panes1 { background: URL("/assets/promotions/forum-promo.jpg") no-repeat; }
#panes div#panes2 { background: URL("/assets/promotions/promo1.jpg") no-repeat; }
#panes div#panes3 { background: URL("/assets/promotions/promo2.jpg") no-repeat; }
#panes div#panes4 { background: URL("/assets/promotions/promo3.jpg") no-repeat;  }




/* Promotional Container
*******************************************************************************/
#promotionalContainer { width: auto; padding: 5px; margin: 0; height: 280px; background: #fff; }
#promotional-container { width: auto; height: 53px;  width: 751px; padding-top: 170px; }
#leftPromoContent { float: left; width: 751px; text-align: left; z-index: 10px; }
#rightPromoContent { float: left; width: 210px; background: #ffd699; height: 250px; border-left:4px solid #ff9900; text-align: center; padding-top: 30px; }
#leftPromoContent .title { background: #fff; width: auto; text-align: left; padding-left: 5px; padding-bottom: 3px; }
#rightPromoContent .brochure { margin-top: 5px; }
#rightPromoContent .brochure img { padding-bottom: 15px; }
#leftPromoContent .coromalLogo { width: auto; float: right; padding: 2px 0; padding-right: 10px; margin-top: 25px; }
#leftPromoContent .leftPromoGradient { width: 749px; height: 35px; background: URL("/assets/promotions/pane-gradient.png") repeat-y; padding: 10px; color: #fff; }

/*- Background Images -*/
.Princeton { background: #6d0c0c URL("/assets/Product-Promotions/Princeton-bkng.jpg") no-repeat 0 0; }
.Lifestyle { background: #6d0c0c URL("/assets/Product-Promotions/Lifestyle-bkng.jpg") no-repeat 0 0; }
.Corvair { background: #6d0c0c URL("/assets/Product-Promotions/Corvair-bkng.jpg") no-repeat 0 0; }
.Excel { background: #6d0c0c URL("/assets/Product-Promotions/Excel-bkng.jpg") no-repeat 0 0; }
.Excel-Compac { background: #6d0c0c URL("/assets/Product-Promotions/Excel-compac-bkng.jpg") no-repeat 0 0; }
.Silhouette { background: #6d0c0c URL("/assets/Product-Promotions/Silhouette-bkng.jpg") no-repeat 0 0; }
.EKO { background: #6d0c0c URL("/assets/Product-Promotions/Eko-bkng.jpg") no-repeat 0 0; }
.Pioneer-Corvair { background: #6d0c0c URL("/assets/Product-Promotions/PCorvair-bkng.jpg") no-repeat 0 0; }
.Pioneer-Silhouette { background: #6d0c0c URL("/assets/Product-Promotions/PSilhouette-bkng.jpg") no-repeat 0 0; }
.Pioneer-Compac { background: #6d0c0c URL("/assets/Product-Promotions/PCompac-bkng.jpg") no-repeat 0 0; }
.Mirage { background: #6d0c0c URL("/assets/Product-Promotions/Mirage-bkng.jpg") no-repeat 0 0; }
.Used-caravans { background: #6d0c0c URL("/assets/Product-Promotions/used-caravans-bkng2.jpg") no-repeat 0 0; }
.Banksia { background: #6d0c0c URL("/assets/Product-Promotions/Banksia-bkng.jpg") no-repeat 0 0; }
.Casuarina { background: #6d0c0c URL("/assets/Product-Promotions/Casuarina-bkng.jpg") no-repeat 0 0; }
.Wattle { background: #6d0c0c URL("/assets/Product-Promotions/Wattle-bkng.jpg") no-repeat 0 0; }
.Acacia { background: #6d0c0c URL("/assets/Product-Promotions/Acacia-bkng.jpg") no-repeat 0 0; }
.Family-Camper{ background: #6d0c0c URL("/assets/Product-Promotions/FamilyCamper-bkng.jpg") no-repeat 0 0; }
.Family-Pop-Top{ background: #6d0c0c URL("/assets/Product-Promotions/FamilyPopTop-bkng.jpg") no-repeat 0 0; }
.Family-Caravan{ background: #6d0c0c URL("/assets/Product-Promotions/FamilyCaravan-bkng.jpg") no-repeat 0 0; }
.Magnum { background: #6d0c0c URL("/assets/Product-Promotions/Magnum-bkng.jpg") no-repeat 0 0; }


/* Footer Container
*******************************************************************************/
#footer-container { background: #fff; width: auto; margin-bottom: 10px;}
#footer-container ul { width: auto; padding-top: 4px; padding-bottom: 4px; }
#footer-container ul li { color: #600; display: inline; padding-left: 10px; }
#footer-container ul li a { color: #600; font-weight: bold; }
#footer-container p.footerRight { float: right; margin-top: -18px; 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.
=================================================================== */

/* ================================================================ 
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:35px; position:relative; z-index:99; float: left; background: URL("/images/navigation/navigation-bkng.jpg") repeat-x;  }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:971px; w\idth:970px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; margin-left: 10px; }
.menu ul ul {width:201px; }

/* 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 12px;  background: URL("/images/common/bkng/nav-divider.jpg") no-repeat right 0;  } */
.menu li { float: left; position: relative; margin: 0; padding: 0 10px 0 10px; height: 35px; }
.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: 0.2px; font-size: 13.2px; text-transform: uppercase; color: #660000; line-height: 35px; text-decoration: none;}
.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{ /*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 {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("/resources/images/bkng/navigation-rollover.png") 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:35px; left:0; padding-top: 3px; padding-bottom: 3px; width:201px; background: #861110; border: 1px solid #ff9900;  }

/* another hack for IE5.5 */
* html .menu ul ul {top:35px; t\op:36px;}

/* position the third level flyout menu */
.menu ul ul ul{left:193px; top:-1px; width:193px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-193px;}

/* 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 { color: #fff; background: #0f0; height: 20px; padding: 0px; width: 187px; padding-left: 10px; padding-right: 4px; line-height: 27px; height: 27px; font-size: 11px; font-family: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; text-transform: none; background: none; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#fff; background: transparent;}
.menu :hover > a { color:#fff; background: transparent;}
.menu ul ul :hover > a { color:#fff; background: URL("/images/navigation/navigation-hover.jpg") no-repeat; }
.menu ul ul a:hover { background: URL("/images/navigation/navigation-hover.jpg") no-repeat;  color: #fff; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:193px; w\idth:171px;}

/* 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 0 0 0px; height: 27px; }
.menu ul ul ul li { background: none; }