@charset "utf-8";

body {
	background: #77ADC5 url(../images/background.png) repeat-x;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
	color: #333333;
}
/**
* Div Layout
*/

#sz_container {
	position: relative;
	width: 987px;
	margin: 4px auto 0px;
	padding: 0px;
	text-align: left;
}

#sz_containerTop {
	position: relative;
	float: right;
	color: #FFFFFF;
	padding: 2px 8px;
}

#sz_containerTop p {
	color: #f4c022;
}

#sz_containerTop form {
	float: left;
}

#sz_containerTop #sz_quickJoinElements {
	float: left;
}

#sz_containerTop #sz_quickJoinButton {
	float: left;
}

#sz_containerTop #sz_quickJoinElements {
	display: inline;
}

#sz_containerTop #sz_quickJoinElements input {
	font-size: 11px;
	padding: 1px;
}

#sz_containerTop #sz_quickJoinElements label {
	color: #FFFFFF;
}

#sz_containerTop #submit {
	display: block;
	width: 79px;
	height: 22px;
	cursor: pointer;
	border: none;
	color: #8C6917;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/btn_join.png) bottom left no-repeat scroll;
	padding: 3px 0px 6px;
}

#sz_containerTop #submit:hover {
	color: #715104;
	background-position: left top;
}

#sz_containerTop  #sz_connect {
	float: left;
	padding: 3px 0px 0px 2px;
}

#sz_containerTop a {
	color: #FFFFFF;
}

#sz_header {
	position: relative;
}

#sz_logo {
	position: absolute;
	top: -4px;
	left: -13px;
	z-index: 1;
}

#sz_headerTop {
	width: 100%;
	height: 12px;
	font-size: 1px; /* To avoid IE6 bug */
	background: url(../images/bg_headertop2.png) no-repeat left top scroll;
}

#sz_headerNav {
	position: relative;
	width: 100%;
	height: 53px;
	background: url(../images/bg_headernav2.png) no-repeat left top scroll;
}

#sz_headerSearch {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../images/bg_headersearch2.png);
	background-position: top right;
	background-repeat: repeat-y;
}


#sz_headerBottom {
	width: 100%;
	height: 7px;
	font-size: 1px; /* To avoid IE6 bug */
	background-color: #FFFFFF;
	background-image: url(../images/bg_headerbottom2.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#sz_main {
	position: relative;
	background-color: #FFFFFF;
}

#sz_mainTop {
	position: relative;
	width: 100%;
	height: 27px;
}

#sz_main #sz_breadcrump {
	position: absolute;
	top: 4px;
	right: 12px;
}

#sz_content {
	position: relative;
	padding: 6px;
}

/**
* Search Places Form
*/

#sz_searchPlacesForm {
	position: relative;
	width: 807px;
	color: #6A5104;
	margin: 0px 0px 0px 179px;
	padding: 0px;
}

#sz_searchCategories {
	position: relative;
	float: left;
}

#sz_searchCategories a {
	display: block;
	width: 106px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #C9A94F; /*#9A7A27;*/
	background: url(../images/bg_searchcategory2.png) top left no-repeat;
}

#sz_searchCategories a:hover {
	background-position: center left;
	color: #A3832F;
	text-decoration: none;
}

#sz_searchCategories a.current {
	background-position: bottom;
	color: #715104;
	text-decoration: none;
}

#sz_searchPlacesForm input.sz_textbox,  #sz_searchPlacesForm select {
	width: 126px;
}

#sz_searchPlacesForm label {
	float: left;
	display: block;
}

#sz_searchPlacesForm label.sz_searchElemTitle {
	width: 100%;
	font-weight: bold;
	margin-bottom: 4px;
}

#sz_searchPlacesForm div.sz_searchElem {
	float: left;
	width: 100%;
	padding: 0px 0px 6px;
}

#sz_searchMain {
	position: relative;
	float: left;
	width: 701px;
}

#sz_mainValues, #sz_advancedValues {
	position: relative;
	width: 100%;
	padding: 8px 0px 0px;
}

#sz_whereValues, #sz_criteria1Values, #sz_criteria2Values, #sz_criteria3Values {
	float: left;
	padding: 0px 8px;
}

#sz_keywordValues {
	padding: 0px 8px;
} 

#sz_criteria2Values {
	padding-right: 0px;
}

#sz_whereValues, #sz_criteria1Values, #sz_criteria2Values {
	height: 90px;
}

#sz_whereValues, #sz_keywordValues, #sz_criteria2Values  {
	width: 133px;
}

#sz_criteria1Values, #sz_criteria2Values {
	border-left: 2px dashed #FFFFFF;
}

#sz_criteria1Values {
	width: 388px;
}

#sz_criteria3Values {
	width: 528px;
}

#sz_criteria1Values label, #sz_criteria3Values label {
	width: 129px;
}

#sz_bottomValues {
	position: relative;
	float: left;
	width: 100%;
}

#sz_searchButtons {
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 1;
	/*float: right;
	padding: 4px 4px 0px 0px;*/
}

#sz_searchButtons #go {
	display: block;
	float: left;
	width: 80px;
	height: 22px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	color: #3C6684;
	border: none;
	background: url(../images/btn_search2.png) bottom left repeat scroll;
	padding-top: 3px;
	padding-bottom: 6px;
	margin: 0px;
}

#sz_searchButtons #go:hover {
	color: #1D4666;
	background-position: top left;
}

#sz_searchButtons #sz_searchMore, #sz_searchButtons #sz_searchLess {
	float: left;
	display: block;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
	padding: 0px 4px 0px 0px;
}

/**
* Navigation
*/

#sz_nav {
	position: absolute;
	top: 28px;
	right: 9px;
	z-index: 1;
	/*padding: 0px 0px 2px 0px;*/
}

#sz_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	background: #FF0000;
}

#sz_nav ul li {
	float: left;
	margin: 0px 0px 0px 1px;
}

#sz_nav li a {
	display: block;
	width: 94px;
	height: 15px;
	line-height: 14px;
	font-size: 11px;
	font-weight: bold;
	text-align:  center;
	text-decoration: none;
	color: #666666;
	background: url(../images/btn_nav.png) center left no-repeat scroll;
	margin: 0px;
	padding: 8px 0px 0px;
}

#sz_nav li a.smallnav{
	width: 33px;
	background: url(../images/btn_navSmall.png) center left no-repeat scroll;
}

#sz_nav li a:hover, #sz_nav li a:active {
	background-position: top left;
}

#sz_nav li a.current, #sz_nav li a.current:hover {
	background-position: bottom left;
	color: #333333;
}

/**
* Language naviguation
*/

#sz_navLang {
	position: absolute;
	top: 3px;
	left: 10px;
}

#sz_navLang a {
	font-size: 11px;
	font-weight: bold;
}

/**
* Footer
*/

#sz_footer {
	position: relative;
}

#sz_footerTop {
	position: relative;
	height: 104px;
	text-align: center;
	background: url(../images/bg_footertop.png) top left no-repeat scroll;
}

#sz_footerTop p {
	position: absolute;
	width: 100%;
	bottom: 4px;
	left: 0px;
}

#sz_footerTop a {
	color: #333333;
}

#sz_rss {
	position: absolute;
	bottom: 0px;
	right: 10px;
	clear: both;
}

#sz_rssToggle {
	display: block;
	float: right;
	background: url(../images/icons/rss.gif) scroll no-repeat center right;
	padding: 0px 21px 0px 0px;
	height: 20px;
	line-height: 20px;
	vertical-align: center;
}

#sz_rssBox {
	position: absolute;
	bottom: 100%;
	right: -6px;
	width: 93px;
	height: 19px;
	text-align: center;
	background: url(../images/bg_rss.gif) no-repeat;
	padding: 4px 4px 14px;
	z-index: 1;
}

#sz_footerBottom {
	position: relative;
	height: 67px;
	background: url(../images/bg_footerbottom.png) top left no-repeat scroll;
	padding: 24px 0px 0px;
	overflow: visible;
}


/**
* Quick search sub-footer behavior
*/

#sz_quickSearch {
	position: relative;
	margin: 24px 0 0;
}

#sz_quickSearch h3 {
	font-size: 14px;
	padding: 0 0 4px 12px;
}

#sz_quickSearch h4 {
	color: #666666;
	font-size: 13px;
	padding: 0 0 8px;
}

#sz_quickSearch p {
	font-size: 12px;
	padding: 0 0 4px;
}

#sz_lists {
	position: relative;
	width: 100%;
	height: 153px;
	background: url(../images/bg_lists.png) top center no-repeat scroll;
}

.sz_listLeft {
	float: left;
	width: 150px;
	padding: 12px 0 0 12px;
}

.sz_list {
	float: left;
	width: 162px;
	padding: 12px 0 0;
}

.sz_listRight {
	float: right;
	width: 150px;
	padding: 12px 12px 0 0;
}

/**
* Dynamic boxes layout
* --------------------
* Specific settings need to define:
* background-image (for all elements)
* padding (only for right elements where there is content)
* height (for top center and bottom center elements)
* Note : 
* 	- The box will take the width of its container
* 	- Contents always go to the right elements
*/

.boxWarp {
	position: relative;
	margin: 0;
	padding: 0;
}

.boxTopCenter, .boxTopLeft, .boxTopRight,
.boxMiddleCenter, .boxMiddleLeft, .boxMiddleRight,
.boxBottomCenter, .boxBottomLeft, .boxBottomRight {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.boxTopCenter, .boxMiddleCenter, .boxBottomCenter {
	position: relative;
}

.boxTopLeft, .boxTopRight,
.boxMiddleLeft, .boxMiddleRight,
.boxBottomLeft, .boxBottomRight {
	height: 100%;
}

.boxTopCenter {
	background-position: top left;
	background-repeat: repeat-x;
}

.boxTopLeft {
	background-position: top left;
	background-repeat: no-repeat;
}

.boxTopRight {
	background-position: top right;
	background-repeat: no-repeat;
}

.boxMiddleCenter {
	background-position: top left;
	background-repeat: repeat;
}

.boxMiddleLeft {
	background-position: top left;
	background-repeat: repeat-y;
}

.boxMiddleRight {
	background-position: top right;
	background-repeat: repeat-y;
}

.boxBottomCenter {
	background-position: bottom left;
	background-repeat: repeat-x;
}

.boxBottomLeft {
	background-position: bottom left;
	background-repeat: no-repeat;
}

.boxBottomRight {
	background-position: bottom right;
	background-repeat: no-repeat;
}