/* CSS Document eurohostel.css 22.1.2008 kvaliitti oy/er */

body	{
	margin:0;
	background:#fefcf0 url(img/body_bg.jpg) repeat-x;
}

td {  }

em
{
    font-style: normal;
    color: #f04f00;
}

#universal-wrapper	{
	width:796px;
	margin:auto;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #493421;
}
#header-wrapper	h1{
	margin:0;
	float:left;
}
a img	{
	border:none;
}

a, a:visited { color: #6378af; text-decoration: none;}
a:hover { color: #39508a; }


#header-actions	{
	float:left;
	width:513px;
	height:78px;
}
#header-actions-upper	{
	float:right;
	background:url(img/head_rightup_bg.jpg) repeat-x;
	
}
#flag-wrap	{
	float:right;
	margin-right:3px;
	padding:10px 0 0 0;
	font-size:0.7em;
}

#hi_logo {float: right; margin-right: 15px; padding-top: 2px;}


#flag-wrap a, #navi-tabs a	{
	color:#493421;
	text-decoration:none;
}
#navi-tabs a.navi-b	{
	color:#f04f00;
	text-decoration:none;
}
#flag-wrap a:hover, #navi-tabs a:hover	{
	text-decoration:none;
}
#navi-tabs	{
	float:left;
	font-size:0.8em;
	font-weight:bold;
	margin:2px 0 0 0;
	width:510px;
}
#navi-tabs div.page-item, #navi-tabs div.current-page-item {
	float:left;
	width:102px;
	height:32px;
}
#navi-tabs div.page-item { 
	background-image:url(img/tab_1.jpg); background-repeat: no-repeat;  
}
#navi-tabs div.page-item:hover { 
	background:url(img/tab_2.jpg) no-repeat;
}


#navi-tabs div.page-item a.navi-a, #navi-tabs div.page-item a.navi-b, #navi-tabs div.current-page-item a.navi-a, #navi-tabs div.current-page-item a.navi-b { 
	text-align:center;
	display:block;
	padding-top:9px;
	padding-bottom: 9px;
}
#navi-tabs div.current-page-item	{
	background-image:url(img/tab_2.jpg); background-repeat: no-repeat;  
}
#middle-section	{
	clear:both;
	width:796px;
	height:237px;
	/*background:url(img/banner_middle.jpg) no-repeat;*/
}
#middle-section-left	{
	float:left;
	width:316px;
	height:237px;
	background:url(img/banner_middle_left.jpg) no-repeat;
}
#middle-section-flash	{
	float:left;
	width:480px;
	height:237px;
}
#quick-links	{
	padding-left:20px;
}
#quick-links div	{
	float:left;
	padding:23px 0 0 8px;
}
#content-wrapper	{
	/*border:1px solid #f0f0f0;*/
	margin-bottom:20px;
}
#content-boxes-upper	{
	padding:15px 0 40px 0;
}
#content-boxes-upper #box-1, #content-boxes-upper #box-2, #content-boxes-upper #box-3	{
    float: left;
    width: 257px;
    height: 223px;
    background: url(img/box_bg2.jpg) no-repeat;
}	
#box-2, #box-3	{
	margin-left:11px;
}
div.box-content	{
	/*border:1px solid #f0f0f0;*/
	width:207px;
	height:190px;
	margin:12px 0 0 24px;
	
}
    
.box-category	{
	float:left;
	width:140px;
	font-size:12px;
	font-weight:bold;
	color:#f04f00;
	
}
.category-price	{
	float:left;
	font-size: 18px;
	font-weight:bold;
	color:#f04f00;
	padding-top: 6px;
}
.clear-it	{
	clear:both;
}
.category-pic	{
	margin-top:5px;
}
img.fl	{
	float:left;
}
img.fr	{
	float:right;
}
.box-buttons	{
	margin-top:7px;
}
#content-middle	{
	margin-top:10px;
}
#content-middle-left	{
	float:left;
	
	width:532px;
	
}
#content-text	{
	font-size:11px;
	margin: 0px 20px 0 20px;
	
}
#content-text a	{
	text-decoration: none;
	color: #6378af;
}
#content-text a:visited 
{
	text-decoration:none;
	color: #6378af;
	
}

#content-text a:hover	{
	text-decoration:none;
	color: #6378af;
}
#content-text span	{
	color:#f04f00;
	font-weight:bold;
}
#box-special	{
    float: left;
    width: 256px;
    height: 222px;
    margin-left: 5px;
    background: url('img/box_bg2.jpg') no-repeat;
}
.box-content-special	{
	width:207px;
	height:190px;
	margin:12px 0 0 24px;
}
.box-category-special	{
	width:207px;
	font-size:0.9em;
	font-weight:bold;
	color:#f04f00;
}
#after-all	{
	clear:both;
	width:796px;
	height:91px;
	background:url(img/footer_bg.jpg) no-repeat;
}
#after-all div	{
	float:left;
}
#newsletter	{
	background:url(img/newsletter_bg.jpg) no-repeat;
	width:218px;
	height:51px;
	margin:37px 0 0 10px;
}
#newsletter div, #explore div	{
	padding:15px 0 0 60px;
}
#newsletter div a, #explore div a	{
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
#newsletter div a:hover, #explore div a:hover	{
	text-decoration:underline;
}
#comments	{
	width:300px;
	height:51px;
	margin:10px 0 0 14px;
	font-size:10px;
	font-weight:bold;
}
#comments div	{
	margin-left:5px;
}
#explore	{
	background:url(img/explore_bg.jpg) no-repeat;
	width:218px;
	height:51px;
	margin:37px 0 0 10px;
}
#legal	{
	margin-top:4px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#493421;
}
#legal a	{
	color:#f04f00;
	text-decoration:none;
}
#legal a:hover	{
	text-decoration:underline;
}

/***************** JATKOSIVUJEN TYYLEJÄ 25.1.2008 *******************/

.content-wrapper-pages	{
	clear:both;
	width:796px;
	background:url(img/content_wrap_pages_bg.jpg) no-repeat;
	padding-bottom:25px;
}

#contentWrapperPages	{
	clear:both;
	width:796px;
	background:url(img/content_wrap_pages_bg.jpg) no-repeat;
	padding-bottom:25px;
}

.sidebar-left	{
	float:left;
	width:140px;
	font-size:11px;
	font-weight:bold;
}

#sidebarLeft	{
	float:left;
	width:140px;
	font-size:11px;
	font-weight:bold;
}


#navi-left	{
	margin:30px 0 0 15px;
	border-top:1px dotted #000;	
}
#navi-left a	{
	display:block;
}
#navi-left div	{
	padding:7px 0 7px 4px;
	border-bottom:1px dotted #000;
}
a.navi-current	{
	color:#f04f00;
	text-decoration:none;
}
a.navi-class	{
	color:#493421;
	text-decoration:none;
}
a.navi-class:hover	{
	color:#f04f00;
}
#the-content	{
	float:left;
	
	margin-top: 45px;
	margin-left: 26px;
	margin-right: 24px;
	margin-bottom: 25px;
	min-height: 400px;
	padding-bottom:40px;
	color:#493421;
}

#contentTextArea { width:600px; }

#the-content h2, h1	{
	
	color:#f04f00;
}

#the-content p 
{
    font-size:12px;
	color:#493421;	
	line-height: 16px;

}

#the-content td 
{   font-size: 11px;
    }
    

.myButtonLink
{
    background-image: img/but_small_blank.jpg;
    background-repeat: no-repeat;
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.roomImgBox 
{
    float:left;
	width:243px;
	height:195px;
	background:url(img/box_bg3.jpg) no-repeat;
	margin-right: 25px; margin-bottom: 10px;
	margin-left: 10px; 
	
     }
 .roomImgBox img { margin-left: 10px; margin-top: 16px; }
 
 .roomImgBox a { margin-left: 10px; }
#eurohostelCat { height: 210px; margin-bottom: 19px; border-bottom: 2px solid #E4D8B0;  }
#backPackerCat { height: 220px; clear: both;  }

.boxButtonBlank, .boxButtonBlank:visited 
{
    background: url(img/but_small_blank.jpg) no-repeat;
    width: 95px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    display: block; float: left;
    text-decoration: none; 
    color:#f04f00;
    font-weight: bold;
    }
    
 h1 { margin-top: 2px; font-size: 24px;}
 h1.RoomTitle {  color:#f04f00; font-size: 20px; padding: 0px; margin: 0px; }
   
 h3 { color:#f04f00; font-size: 16px; }
 
 .roomPrices {   width: 315px; float: right; border-collapse: collapse; }
 
 .roomPrices td { border: 1px solid #f04f00; border: 1px solid #f04f00; border-collapse: collapse; }
 
 .roomPrices th { border-bottom: 3px solid  #f04f00; font-size: 12px; }
 
 .roomSmallImages 
 {  width: 315px;
    height: 60px;
    float: right;
    margin-top: 20px;
     }
     
 .roomSmallImages img  
 {
     float: left; width: 98px; height: 57px; padding-right: 7px;
     }
 
 em { font-style: normal; color: #f04f00; }
 
 
 .roomPriceTable th
 {
     border-bottom: 3px solid #f04f00;
     color: #f04f00;
     font-size: 12px;
     width: 120px;
     }
     
  .roomPriceTable td
 {
     font-size: 11px;
     text-align: center;
     }
     
  td.roomTitle { text-align: left; }
  
  .small_headline 
  {
      font-size:11px;
	font-weight:bold;
	color:#493421;
	}
 
 
 
 .galleryImageBox {
        height: 115px; padding-top: 13px; border-top: 5px solid #FF4E02; 
        margin-bottom: 29px; margin-right: 8px; float: left; 
	}
 
 .galleryImage { width: 112px; height: 112px; }
 
 
 #navi-left .activeLink { color: #f04f00;  }