/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

html
{
	font-size: 62.5%;
}

body
{
	background: #ffffff;
	color: #5b5b5b;
	font-size: 1.1em;
	font-family: Tahoma, Verdana, Arial;
}

body, form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

input, select, textarea, sub, sup
{
	font-family: Tahoma, Verdana, Arial;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #858585;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

/* CLEAR */
/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr
{
	display: none;
}

.noscreen
{
	width: 1px;
	height: 1px;
	position: absolute;
	left: -4999px;
	overflow: hidden;
	visibility: hidden;
}

.flL { float: left; margin: 0 15px 10px 0; }
.flR { float: right; }

/*======================================================================================*/
/* CONCRETE STYLES                                                                      */
/*======================================================================================*/

#page
{
	position: relative;
}

.home #topPanelHolder
{
	width: 100%;
	height: 459px;
	background: #272727 url(images/home-top-holder-background.jpg) no-repeat center top;
}

.subpage #topPanelHolder
{
	width: 100%;
	height: 312px;
	background: #272727 url(images/subpage-top-holder-background.jpg) no-repeat center top;
}

/*======================================================================================*/
/* MIDDLE PANEL	                                                                        */
/*======================================================================================*/

#middlePanel
{
	width: 1006px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	position: relative;
	overflow: hidden;
}

#middlePanel #rightSide
{
	width: 789px;
	float: right;
	overflow: hidden;
}

#middlePanel #rightSide #contentPanel
{
	width: 570px;
	float: left;
	overflow: hidden;
}

/*======================================================================================*/
/* RIGHT PANEL	                                                                        */
/*======================================================================================*/

#middlePanel #rightSide #rightPanel
{
	width: 215px;
	float: right;
	overflow: hidden;
}

#middlePanel #rightSide #rightPanel .box
{
	width: 210px;
	margin: 0 0 8px 5px;
	background: #e2e2e2;
}

#middlePanel #rightSide #rightPanel .box .header
{
	height: 49px;
	background: url(images/left-panel-box-header-background.png) repeat-x left top;
}

#middlePanel #rightSide #rightPanel .box .header h2
{
	height: 49px;
	margin: 0 0 0 -5px;
	padding: 0 0 0 55px;
	line-height: 49px;
	color: #2c2c2c;
	font-size: 1.7em;
	font-weight: normal;
}

#middlePanel #rightSide #rightPanel .box .header h2.news
{
	background: url(images/header-news.png) no-repeat left center;
}

#middlePanel #rightSide #rightPanel .box .header h2.tour
{
	background: url(images/header-tour.png) no-repeat left center;
}

#middlePanel #rightSide #rightPanel .box .header h2.photo
{
	background: url(images/header-photo.png) no-repeat left center;
}

#middlePanel #rightSide #rightPanel .box .header h2.profile
{
	background: url(images/header-profile.png) no-repeat left center;
}

#middlePanel #rightSide #rightPanel .box .content
{
	padding: 10px;
}

#middlePanel #rightSide #rightPanel .tourSearch
{
	padding: 8px 0 0 8px;
}

#middlePanel #rightSide #rightPanel .tourSearch .input,
#middlePanel #rightSide #rightPanel .tourSearch .select,
#middlePanel #rightSide #rightPanel .tourSearch .checkbox
{
	width: 148px;
	height: 17px;
	margin: 0 0 10px 0;
	padding: 5px 14px;
	background: url(images/tour-search-input-background.png) no-repeat left top;
}

#middlePanel #rightSide #rightPanel .tourSearch .checkbox
{
	width: 171px;
	padding: 5px 0 5px 5px;
	background: none;
}

#middlePanel #rightSide #rightPanel .tourSearch .select
{
	width: 166px;
	padding: 5px 5px;
}

#middlePanel #rightSide #rightPanel .tourSearch .input input,
#middlePanel #rightSide #rightPanel .tourSearch .select select
{
	width: 150px;
	height: 16px;
	border: none;
	background: #ffffff;
	color: #3f3f3f;
}

#middlePanel #rightSide #rightPanel .tourSearch .select select
{
	width: 166px;
	height: 20px;
	display: block;
}

#middlePanel #rightSide #rightPanel .tourSearch .checkbox input
{
	height: 14px;
	margin: 0 5px 0 0;
	float: left;
	position: relative;
	border: none;
}

#middlePanel #rightSide #rightPanel .tourSearch .checkbox label
{
	margin: 0 10px 0 0;
	float: left;
	color: #606060;
}

#middlePanel #rightSide #rightPanel .tourSearch p
{
	margin: 0 0 8px 20px;
	color: #606060;
}

#middlePanel #rightSide #rightPanel .tourSearch .button input
{
	width: 126px;
	height: 28px;
	margin: 0 0 0 20px;
	border: none;
	background: url(images/tour-search-button-background.png) no-repeat left top;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#middlePanel #rightSide #rightPanel .tourList
{
	padding: 0 0 0 4px;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem
{
	padding: 10px 0;
	border-bottom: 1px solid #ffffff;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem .img
{
	width: 73px;
	float: left;
	overflow: hidden;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem .img a img
{
	border: 5px solid #ffffff;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem h3
{
	width: 112px;
	float: left;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 1.1em;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem h3 a
{
	color: #0eb2e2;
	text-decoration: none;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem h3 a:hover
{
	text-decoration: underline;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem p
{
	color: #5b5b5b;
	clear: both;
}

#middlePanel #rightSide #rightPanel .tourList .tourItem p strong
{
	color: #ef000b;
	font-size: 1.1em;
}

/*======================================================================================*/
/* LEFT PANEL	                                                                        */
/*======================================================================================*/

#middlePanel #leftPanel
{
	width: 214px;
	float: left;
	overflow: hidden;
}

#middlePanel #leftPanel #leftMenu
{
	width: 210px;
	margin: 0 0 5px 0;
	padding: 6px 0 0 7px;
	position: relative;
	left: -3px;
	top: -4px;
	background: url(images/left-menu-background.png) no-repeat left top;
	list-style-type: none;
}

#middlePanel #leftPanel #leftMenu li
{
	margin: 0 0 1px 0;
}

#middlePanel #leftPanel #leftMenu li a
{
	height: 34px;
	padding: 0 0 0 25px;
	display: block;
	line-height: 34px;
	background: #efefef url(images/left-menu-button-background.png) no-repeat left top;
	color: #0eb2e2;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

#middlePanel #leftPanel #leftMenu li a:hover,
#middlePanel #leftPanel #leftMenu li a.active
{
	padding: 0 0 0 35px;
	background: #de000a url(images/left-menu-button-background.png) no-repeat left -34px;
	color: #ffffff;
}

#middlePanel #leftPanel #leftMenu li ul li a
{
	height: 25px;
	padding: 0 0 0 35px;
	line-height: 22px;
	background: #e0e0e0 url(images/left-menu-submenu-item-background.png) no-repeat left top;
	color: #656565;
}

#middlePanel #leftPanel #leftMenu li ul li a:hover,
#middlePanel #leftPanel #leftMenu li ul li a.active
{
	padding: 0 0 0 35px;
	background: #e0e0e0 url(images/left-menu-submenu-item-background.png) no-repeat left -25px;
	color: #ef000b;
}

#middlePanel #leftPanel #leftMenu li ul li ul
{
	margin: 5px 0 10px 0;
}

#middlePanel #leftPanel #leftMenu li ul li ul li a
{
	padding: 0 0 0 45px;
	height: 17px;
	background: none;
	color: #606060;
	font-weight: normal;
}

#middlePanel #leftPanel #leftMenu li ul li ul li a:hover,
#middlePanel #leftPanel #leftMenu li ul li ul li a.active
{
	padding: 0 0 0 45px;
	background: none;
	color: #ef000b;
	font-weight: bold;
}

#middlePanel #leftPanel .box
{
	width: 210px;
	margin: 0 0 8px 4px;
	background: #e2e2e2;
}

#middlePanel #leftPanel .box .header
{
	height: 49px;
	background: url(images/left-panel-box-header-background.png) repeat-x left top;
}

#middlePanel #leftPanel .box .header h2
{
	height: 49px;
	margin: 0 0 0 -5px;
	padding: 0 0 0 55px;
	line-height: 49px;
	color: #2c2c2c;
	font-size: 1.7em;
	font-weight: normal;
}

#middlePanel #leftPanel .box .header h2.news
{
	background: url(images/header-news.png) no-repeat left center;
}

#middlePanel #leftPanel .box .header h2.tour
{
	background: url(images/header-tour.png) no-repeat left center;
}

#middlePanel #leftPanel .box .header h2.photo
{
	background: url(images/header-photo.png) no-repeat left center;
}

#middlePanel #leftPanel .box .header h2.article
{
	background: url(images/header-articles.png) no-repeat left center;
}

#middlePanel #leftPanel .box .header h2.profile
{
	background: url(images/header-profile.png) no-repeat left center;
}

#middlePanel #leftPanel .box .content
{
	padding: 10px;
}

#middlePanel #leftPanel .photogallery
{
	margin: 0 0 12px 0;
	padding: 0 7px;
}

#middlePanel #leftPanel .photogallery h3
{
	margin: 0 0 10px 0;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-weight: bold;
	font-size: 1.1em;
}

#middlePanel #leftPanel .photogallery h3 a
{
	color: #0eb2e2;
	text-decoration: none;
}

#middlePanel #leftPanel .photogallery h3 a:hover
{
	text-decoration: underline;
}

#middlePanel #leftPanel .photogallery a img
{
	border: 5px solid #ffffff;
}

#middlePanel #leftPanel .articleList
{
	padding: 0 0 0 4px;
}

#middlePanel #leftPanel .articleList .articleItem,
#middlePanel #leftPanel .articleList .articleItemLast
{
	padding: 10px 0;
	border-bottom: 1px solid #ffffff;
}

#middlePanel #leftPanel .articleList .articleItemLast
{
	border: none;
}

#middlePanel #leftPanel .articleList .articleItem .img,
#middlePanel #leftPanel .articleList .articleItemLast .img
{
	width: 73px;
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel #leftPanel .articleList .articleItem .img a img,
#middlePanel #leftPanel .articleList .articleItemLast .img a img
{
	border: 5px solid #ffffff;
}

#middlePanel #leftPanel .articleList .articleItem h3,
#middlePanel #leftPanel .articleList .articleItemLast h3
{
	margin: 0 0 2px 0;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 1.1em;
}

#middlePanel #leftPanel .articleList .articleItem h3 a,
#middlePanel #leftPanel .articleList .articleItemLast h3 a
{
	color: #0eb2e2;
	text-decoration: none;
}

#middlePanel #leftPanel .articleList .articleItem h3 a:hover,
#middlePanel #leftPanel .articleList .articleItemLast h3 a:hover
{
	text-decoration: underline;
}

#middlePanel #leftPanel .articleList .articleItem .text,
#middlePanel #leftPanel .articleList .articleItemLast .text
{
	width: 102px;
	float: left;
}

#middlePanel #leftPanel .articleList .articleItem .text p.info,
#middlePanel #leftPanel .articleList .articleItemLast .text p.info
{
	color: #bdbdbd;
}

#middlePanel #leftPanel .articleList .articleItem .text p,
#middlePanel #leftPanel .articleList .articleItemLast .text p
{
	color: #5b5b5b;
}

#middlePanel #leftPanel .userProfile a img
{
	margin: 0 10px 15px 0;
	float: left;
	border: 5px solid #ffffff;
}

#middlePanel #leftPanel .userProfile h3
{
	margin: 15px 0 0 0;
	float: left;
	color: #0eb2e2;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 1.1em;
}

#middlePanel #leftPanel .userProfile h3 a{
    color: #0eb2e2;
}

#middlePanel #leftPanel .userProfile p
{
	margin: 0 0 15px 0;
	clear: both;
}

#middlePanel #leftPanel .linksList
{
	padding: 0 0 15px 10px;
}

#middlePanel #leftPanel .linksList a
{
	margin: 0 0 3px 0;
	float: left;
	clear: left;
	color: #0eb2e2;
}

#middlePanel #leftPanel .rss,
#middlePanel #leftPanel .recommend
{
	width: 146px;
	height: 28px;
	margin: 10px 0 8px 35px;
	display: block;
	line-height: 28px;
	background: url(images/rss-button.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

#middlePanel #leftPanel .recommend
{
	width: 166px;
	margin: 0 0 0 25px;
	background-image: url(images/recommend-button.png);
}

/*======================================================================================*/
/* BREADCRUMBS	                                                                        */
/*======================================================================================*/

#middlePanel #breadCrumbs
{
	padding: 10px 20px 20px 25px;
}

#middlePanel #breadCrumbs a
{
	float: left;
	color: #0eb2e2;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

#middlePanel #breadCrumbs a:hover
{
	text-decoration: underline;
}

#middlePanel #breadCrumbs span
{
	width: 22px;
	height: 10px;
	margin: 2px 0 0 0;
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#middlePanel #breadCrumbs span span
{
	width: 22px;
	height: 10px;
	margin: 0;
	float: none;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#middlePanel #breadCrumbs span.level1 span
{
	background: url(images/breadcrumbs-level1.png) no-repeat center center;
}

#middlePanel #breadCrumbs span.level2 span
{
	background: url(images/breadcrumbs-level2.png) no-repeat center center;
}

#middlePanel #breadCrumbs span.level3 span
{
	background: url(images/breadcrumbs-level3.png) no-repeat center center;
}

#middlePanel #breadCrumbs strong
{
	color: #737373;
	font-weight: normal;
}

/*======================================================================================*/
/* TOP PANEL	                                                                        */
/*======================================================================================*/

#topPanel
{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
}

.home #topPanel
{
	height: 459px;
}

.subpage #topPanel
{
	height: 312px;
}

#topPanel .topPanel-in
{
	width: 1006px;
	margin: 0 auto;
	position: relative;
}

#topPanel h2.logo,
#topPanel h2.logo a
{
	width: 413px;
	height: 90px;
	position: absolute;
	left: 40px;
	top: 68px;
	overflow: hidden;
	color: #ffffff;
}

#topPanel h2.logo a
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/logo.png) no-repeat left top;
	text-decoration: none;
}

#topPanel h2.logo span
{
	visibility: hidden;
}

.home #topPanel #loginPanel
{
	width: 165px;
	height: 87px;
	padding: 25px 0 0 75px;
	position: absolute;
	right: 2px;
	top: 75px;
	background: url(images/login-panel-background.png) no-repeat left top;
}

.home #topPanel #loginPanel input
{
	width: 125px;
	height: 20px;
	padding: 5px 0 0 10px;
	margin: 0 0 5px 0;
	border: 1px solid #bdbdbd;
	background: #ffffff url(images/login-panel-input-background.png) no-repeat left top;
	color: #666565;
}

.home #topPanel #loginPanel input.password
{
	width: 69px;
	margin: 0 6px 0 0;
	padding: 5px 0 0 10px;
	float: left;
}

.home #topPanel #loginPanel input.button
{
	width: 51px;
	height: 22px;
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
	border: none;
	background: #d70000 url(images/login-panel-button-background.png) no-repeat left top;
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
}

.subpage #topPanel #loginPanel
{
	width: 305px;
	height: 30px;
	padding: 0 0 0 35px;
	position: absolute;
	left: 250px;
	top: 4px;
	background: url(images/subpage-login-background.png) no-repeat left top;
	overflow: hidden;
}

.subpage #topPanel #loginPanel input
{
	width: 79px;
	height: 21px;
	margin: 0 5px 0 0;
	padding: 8px 0 0 13px;
	border: none;
	background: url(images/subpage-login-input-background.png) no-repeat left top;
	color: #ffffff;
}

.subpage #topPanel #loginPanel input.password
{
	width: 62px;
	margin: 0 12px 0 0;
	padding: 8px 24px 0 13px;
	background: url(images/subpage-login-password-background.png) no-repeat left top;
}

.subpage #topPanel #loginPanel input.button
{
	width: 71px;
	height: 22px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -2px;
	border: none;
	background: url(images/subpage-login-button-background.png) no-repeat left top;
	color: #6f6f6f;
	font-size: 0.9em;
	font-weight: bold;
}

#topPanel #searchPanel
{
	width: 230px;
	height: 35px;
	padding: 0 0 0 30px;
	position: absolute;
	left: 605px;
	top: 2px;
	background: url(images/search-panel-background.png) no-repeat left 2px;
	overflow: hidden;
}

#topPanel #searchPanel input
{
	width: 133px;
	height: 21px;
	margin: 2px 8px 0 0;
	padding: 8px 0 0 13px;
	border: none;
	background: url(images/search-panel-input-background.png) no-repeat left top;
	color: #ffffff;
}

#topPanel #searchPanel input.button
{
	width: 51px;
	height: 22px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -1px;
	background: url(images/search-panel-button-background.png) no-repeat left top;
	color: #6f6f6f;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}

#topPanel #blogerPanel
{
	width: 170px;
	height: 147px;
	padding: 38px 0 0 73px;
	position: absolute;
	right: 0px;
	top: 182px;
	background: url(images/bloger-panel-background.png) no-repeat left top;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	overflow: hidden;
}

.subpage #topPanel #blogerPanel
{
	width: 176px;
	height: 133px;
	padding: 26px 0 0 72px;
	right: 23px;
	top: 68px;
	background: url(images/subpage-bloger-panel-background.png) no-repeat left top;
}

#topPanel #blogerPanel p,
#topPanel #blogerPanel h3
{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

#topPanel #blogerPanel h3
{
	margin: -5px 0 0 0;
	font-size: 2.3em;
}

.subpage #topPanel #blogerPanel h3
{
	line-height: 1.1em;
}

#topPanel #blogerPanel .button
{
	width: 126px;
	height: 28px;
	margin: 10px 0 0 0;
	display: block;
	line-height: 28px;
	background: #dd0000 url(images/bloger-panel-button-background.png) no-repeat left top;
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#topPanel #blogerPanel .info
{
	width: 140px;
	height: 45px;
	display: block;
	position: absolute;
	left: 72px;
	top: 95px;
	overflow: hidden;
}

#topPanel #blogerPanel .info .profile
{
	width: 71px;
	padding: 0 0 0 55px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
}

#topPanel #blogerPanel .info img
{
	position: absolute;
	left: 0px;
	top: 5px;
	border: 5px solid #ffffff;
	z-index: 5;
}

#topPanel #actionPanel
{
	width: 460px;
	position: absolute;
	left: 95px;
	top: 225px;
}

#topPanel #actionPanel p
{
	width: 133px;
	height: 20px;
	line-height: 20px;
	background: #ef000b;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	text-align: center;
}

#topPanel #actionPanel h3
{
	padding: 2px 15px 0 8px;
	background: #ef000b;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 2.7em;
	text-transform: uppercase;
}

#topPanel #actionPanel h3 img
{
	padding: 0 15px 0 0;
}

#topPanel #actionPanel .button
{
	width: 113px;
	height: 25px;
	margin: 10px 0 0 0;
	display: block;
	float: right;
	line-height: 25px;
	background: url(images/action-panel-button-background.png) no-repeat left top;
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#topPanel #menu
{
	width: 605px;
	height: 60px;
	position: absolute;
	left: 248px;
	top: 397px;
	overflow: hidden;
	list-style-type: none;
}

.subpage #topPanel #menu
{
	top: 251px;
}

#topPanel #menu li
{
	height: 26px;
	margin: 0 2px 2px 0;
	float: left;
}

#topPanel #menu li a
{
	height: 26px;
	padding: 0 18px;
	float: left;
	line-height: 26px;
	background: #5f5f5f;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-weight: bold;
	text-decoration: none;
}

#topPanel #menu li a:hover,
#topPanel #menu li a.active
{
	background: #ef000b;
}

#topPanel .interest
{
	width: 207px;
	height: 54px;
	padding: 0 0 0 35px;
	position: absolute;
	left: 2px;
	top: 397px;
	line-height: 55px;
	background: #ef000b url(images/interest-background.png) no-repeat 210px center;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 1.9em;
}

.subpage #topPanel .interest
{
	top: 251px;
}

#topPanel .tab,
#topPanel .tab span
{
	width: 111px;
	height: 37px;
	position: absolute;
	right: 10px;
	top: 0;
	overflow: hidden;
	text-decoration: none;
}

#topPanel .tab span
{
	display: block;	
	left: 0;
	top: 0;
	background: url(images/chorvatsko-background.png) no-repeat left top;
}

/*======================================================================================*/
/* BOTTOM PANEL	                                                                        */
/*======================================================================================*/

#bottomPanel
{
	width: 100%;
	height: 168px;
	position: relative;
	background: #272727;
}

#bottomPanel .bottomPanel-in
{
	width: 1006px;
	height: 138px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	position: relative;
}

#bottomPanel .bottomPanel-in a.logo
{
	margin: 0 10px 20px 0;
	float: left;
}

#bottomPanel .bottomPanel-in p
{
	width: 174px;
	height: 35px;
	margin: 15px 0 0 10px;
	padding: 8px 0 0 21px;
	float: left;
	background: url(images/bottom-panel-background.png) no-repeat left top;
	color: #b2b2b2;
	font-size: 0.9em;
}

#bottomPanel .bottomPanel-in p a
{
	float: none;
	color: #b2b2b2;
}

#bottomPanel .bottomPanel-in ul
{
	width: 600px;
	margin: 0 0 0 10px;
	float: left;
	clear: both;
	list-style-type: none;
}

#bottomPanel .bottomPanel-in ul li
{
	float: left;
	color: #4e4e4e;
	font-size: 0.8em;
}

#bottomPanel .bottomPanel-in ul li a
{
	padding: 0 5px;
	float: left;
	color: #4e4e4e;
	border-right: 1px solid #4e4e4e;
}

#bottomPanel .bottomPanel-in ul li.last a
{
	border: none;
}

#bottomPanel .bottomPanel-in .top
{
	width: 86px;
	height: 27px;
	padding: 0 0 0 25px;
	display: block;
	line-height: 27px;
	position: absolute;
	right: -80px;
	top: 0;
	background: #e5000a url(images/bottom-panel-button-background.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#bottomPanel .bottomPanel-in .top:hover
{
	text-decoration: underline;
}
#bottomPanel .bottomPanel-in .top1
{
	width: 46px;
	height: 27px;
	padding: 0 0 0 0;
        padding-left: 25px;
	display: block;
	line-height: 27px;
	position: absolute;
	right: 40px;
	top: 0;
	background: #e5000a url(images/bottom-panel-button-background1.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#bottomPanel .bottomPanel-in .top:hover
{
	text-decoration: underline;
}