/* tabs for navigation */
#navigation-container { padding: 0px 10px;}
#navigation { z-index: 900; position: relative; margin: 0px 0px 0px 410px; width: 570px;}
#navigation #nav li { border-right: 1px solid #5a4099; border-left: none; border-top: none; background-image: url(/site-media/css/images/nav-li-bg.png); background-repeat: repeat-x; background-position: top; float: left; text-transform: uppercase; padding: 5px; margin: 0px; }
#nav li a { color: #5a4099; font-size: 12px;}
#navigation.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: 0px; }
#navigation.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
#navigation.ui-tabs .ui-tabs-panel { padding: 0px; display: block; border: 0; background: none; }
#navigation.ui-tabs .ui-tabs-hide { display: none !important; }
#navigation li .micro { color: #5a4099!important; }

#navigation #tabs-1,#navigation #tabs-2,#navigation #tabs-3,#navigation #tabs-4,#navigation #tabs-5,#navigation #tabs-6 { position: absolute; font-size: 12px; background-image: url(/site-media/css/images/nav-bg.png); background-position: bottom right; background-repeat: no-repeat;}
#navigation #tabs-2,#navigation #tabs-3,#navigation #tabs-4,#navigation #tabs-5,#navigation #tabs-6 { width: 600px; left: -100px; padding: 10px;}

/* destinations tab */
#navigation #tabs-1 { width: 900px; left: -370px; top: 35px; padding: 10px;}
#navigation #tabs-1 div { float: left; margin: 0px 15px 20px 0px; width: 160px;}
#navigation #tabs-1 div li { padding: 3px;}
#navigation #tabs-1 div li:hover { background-color: #afe1f1; font-weight: bold;}
ul#europe { background-image: url(/site-media/css/images/nav-icons/europe.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#asia { background-image: url(/site-media/css/images/nav-icons/asia.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#africa { background-image: url(/site-media/css/images/nav-icons/africa.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#sou-amr { background-image: url(/site-media/css/images/nav-icons/south-america.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#cen-amr { background-image: url(/site-media/css/images/nav-icons/central-america.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#mid-east { background-image: url(/site-media/css/images/nav-icons/middle-east.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#polar { background-image: url(/site-media/css/images/nav-icons/polar.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#aussie { background-image: url(/site-media/css/images/nav-icons/austrailia.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}
ul#nor-amr { background-image: url(/site-media/css/images/nav-icons/north-america.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 55px;}

/* inspire me tab */
#navigation #tabs-2 { width: 600px;}

/* Tabs
NOTE: These are for positioning only. No whitespace, colours, backgrounds,
or other visual styles should be applied to all tabs here. Specifically
add these styles elsewhere, otherwise unseen consequences might occur due
to frequent use of these classes.
----------------------------------*/
.ui-tabs .ui-tabs-nav { position: relative; }
.ui-tabs ul { list-style: none; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; }
.ui-tabs .ui-tabs-nav li a { display:block; }
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none; }