/* Author:				Dreamscape Interactive, www.dreamscape.se
*  Contact:				info@dreamscape.se
*  Version:				2.0
*  Created:				2015
*
* RentalWeb
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(text.css);
@import url(960.css);

@import url(defaults.css?r=2);
@import url(forms.css?r=2);
@import url(navigation.css?r=2);


@import url(../js/slimbox/css/slimbox.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */

div#wholepage {
	background: #ffffff;
	position: absolute;
	width: 100%;
	height: 120%;
	z-index: -2;
	filter:alpha(opacity='1');
	-moz-opacity:0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;
}

div#bodywrap { }

div#topline {height: 45px; width: 100%; background: #262626; }
div#topline_content {width: 100%; max-width: 980px; margin: 0 auto; height: 45px;}

.only_on_phone, .only_on_pad {display: none;}


div#wrapper {width: 100%; max-width:980px; margin:0 auto; padding: 0 0 40px 0; background: #ffffff; border: 1px solid #ccc; border-top: 0; border-bottom: 0; }

div#header { width: 100%; height: 220px; position: relative;}
	#header h1 {margin: 8px 0 0 25px; }
	#header h1 a {}	

div#s_overlay {width: 100%; height: 220px; background: url(/wwwdocs/img/header_upper3.png) no-repeat top left; position: absolute; z-index: 20; }
div#sb_overlay {width: 100%; height: 220px; background: url(/wwwdocs/img/header_lower2.png) no-repeat bottom right; position: absolute; z-index: 20; }

	#subtitle {left: 207px;margin: 10px 0 13px;}

a#hyrex_link {display: block; width: 108px; height: 65px; position: absolute; z-index: 25; top: 148px; left: 100%; margin-left: -132px;}


#h_facebook {margin-top: -44px;}

div.column { }
.column img {max-width: 96%; margin: 0 auto;}
.col_item img {width: 100% !important; display: block; margin-bottom: 15px;}
.col_item ul li {width: 96%; margin: 0 auto;}

div.col_left {float: left; width: 27%; padding-top: 23px; margin-bottom: 15px; }
div.col_right {float: right; width: 23%; padding-top: 10px; margin-bottom: 15px;}

ul.col_misc {list-style:none; list-style-type:none; margin: 55px 0 0 0;}
ul.col_misc li {border-bottom: 1px solid #ccc; margin: 5px 0 10px 0; text-align: center; padding-bottom: 10px;}

div#content {width:75%; margin:20px 0 0 0; float:left;}
div#content_inner {padding: 0 0 0 20px;}

.body-webshop-index #content, 
.body-webshop-view #content, 
.body-webshop-cart #content, 
.body-webshop-confirm #content, 
.body-webshop-success #content, 
.body-webshop-order #content 
 { width: 70%; margin-right: 0 !important;}

div#google_translate_element {text-align: center;}
	 div.goog-te-gadget-simple {width:182px}


/* SMALL FOOTER */

div#footer {
	clear:both; width:100%; max-width:980px; background:#000; margin:0 auto; color:#c4c4c4;
	-webkit-box-shadow: 0px 15px 15px -8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 15px 15px -8px rgba(0,0,0,0.5);
	box-shadow: 0px 15px 15px -8px rgba(0,0,0,0.5);
}
#footer p { padding: 22px 0; text-align: center; width: 90%; margin: 0 auto;}

/* BIG FOOTER */

div#bigfoot {background: #000; margin: 50px auto 0 auto; padding: 0; }

div#bigfoot_container {width: 100%; max-width: 980px; margin: 0 auto; padding: 47px 0 50px 0;}
   #bigfoot_container h3 {color: #fff !important; font-size: 42px; font-weight: normal; width: 63%; float: left; padding-bottom: 20px;}

   #bigfoot_container form {width: 35%; max-width: 400px; float: right; text-align: right; padding-top: 10px; position: relative;}
   #bigfoot_container form input {width: 100%; border: 0; outline: none; height: 36px; line-height: 36px; font-size: 12px; color: #68696a; text-indent: 8px; }
   #bigfoot_container form a {
	   display: block; position: absolute;
		margin-top: -36px !important;
		margin-left: -moz-calc(100% - 36px) !important; /* Firefox */
		margin-left: -webkit-calc(100% - 36px) !important; /* WebKit */
		margin-left: -o-calc(100% - 36px) !important; /* Opera */
		margin-left: calc(100% - 36px) !important; /* Standard */
	  }

p.book_direct {color: #fff; font-size: 16px; line-height: 140%; padding-top: 5px; margin: 0 0 27px 0; max-width: 40%; height: 50px; }
p.book_direct span, p.book_direct a { color: #0090e3 !important; }

div#bigfoot_content { clear: both; margin: 0 auto; padding: 10px 10px 0 10px; border: 1px solid #262626; border-left: 0; border-right: 0; }
div#bigfoot_content ul {float: left; width: 192px; list-style:none; }
div#bigfoot_content ul li { padding: 0 0 1px 0; margin: 0; font-size: 14px;}
div#bigfoot_content ul li a { color: #808080; }
ul.footcat_up {margin-top: -74px; }

div#footer_yada {width: 80%; float: left; }

ul#footer_menu {list-style-type: none; margin-top: 20px; }
ul#footer_menu li {margin: 0 20px 0 0; float: left; }
ul#footer_menu li a {color: #bbbbbb; font-size: 13px; font-weight: bold; }

p#footer_copynotice {clear: left; color: #757575; font-size: 12px; margin: 0; }
p#footer_copynotice a {color: #bebebe; font-weight: bold;}


a#dreamscape_logo {display: block; float: right; margin-top: 20px; width: 18%; margin-right: 2%; }
#dreamscape_logo img {max-width: 100%; margin: 0 auto; }
img#i_made_this {display: block; float: right; max-width: 18%; position: relative; margin: -165px 0 0 78%; visibility: hidden; }

div.product_catalog_div {text-align: center; padding: 6px 0 0 0;}
div.product_catalog_div img {margin-bottom: 10px;}

p#dlnk {display: none;}

/*--------------------------------------------------------------------------------------------------------
/* ==  Google Translate
------------------------------------------------------------------------------------------------------- */

div#g_translate {float: left; width: 200px; padding-top: 11px;}
#g_translate a {padding-right: 2px;}
#g_translate a img {height: 24px;}

/*--------------------------------------------------------------------------------------------------------
/* ==  AddThis Toolbox
------------------------------------------------------------------------------------------------------- */

div.addthis_default_style {float: left; width: 160px; padding: 0; margin: 15px 0 0 15px;}
.addthis_box {text-align: right; margin: 15px 0; }

/*--------------------------------------------------------------------------------------------------------
/* ==  Included files in regular pages
------------------------------------------------------------------------------------------------------- */

ul.filspalt {list-style: none; display: inline-block; width: 23%; margin-right: 2%; vertical-align: top;}
ul.last {margin-right: 0 !important;}
ul.filspalt li {margin: 0; padding: 0; font-size: 120%;}

form.file_search {
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	padding: 5px 0;
	margin-bottom: 15px;
}
.file_search fieldset {margin: 0; padding: 0;}
.file_search input {margin: 0; max-width: 55%;}

.file_search label {
	display: inline; padding: 0 5px 0 0; margin: 0; 
}

.file_search button {
	display: inline; border: 0; background: none; height: auto; padding: 0; margin: 0; font-weight: bold;
	cursor: pointer; text-decoration: underline; color: #039;
}

/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */
div#slideshow_container {position:relative;}
#slideshow_container, #slideshow, #slideshow li {width:100%; max-width: 980px;}
#slideshow ul, #slideshow ul li {list-style: none; margin: 0 !important;}
#slideshow li img {width: 100%; height: 220px;}
#slideshow_container.slideshow_regular, .slideshow_regular #slideshow, .slideshow_regular #slideshow li { width: 100%; }

div#slideshow_container {}
	#promotion img {}
	#promotion p {}

div#slideshow {position:relative; } 
	div#slideshow li {position:absolute; margin: 0; }

div#page {float:left; width:590px;}	
	
/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	#login .input_text {width:170px;}
	#login fieldset, #login button {margin:10px 0 0 0;}
	
	#login ul {margin:5px 0 10px 0;}
		#login ul li {margin-bottom:5px;}

/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
ul.images {list-style-type:none; max-width: 40%;}
	.images li { margin-bottom:15px; margin-left:0; }
	.images li img { width: 100%; }
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}
	.images p {color: #606060; font-style:italic;}

.alignleft {float:left; margin:0 0 20px 0; display:block;}
.alignright {float:right; margin:0 0 0 20px; display:block;}
.aligntop {display:block; margin-bottom:15px;}

.adjust_top {margin-top: 100px;}
.adjust_top li {margin-bottom: 23px;}

/*-----------------------------------------------------------------------------------
* == CONTACT
* --------------------------------------------------------------------------------- */

.body-contact-index #content {width: 100% !important;}
.contact {width: 100% !important;}

form#contact_form {width: 39%; float: left; }
form#contact_form legend {font-weight: bold;}
div#contact_map {width: 59%; float: right; }

.contact table {margin: 0;}
.contact table td {border: 0;}

/*-----------------------------------------------------------------------------------
* == DEPOTS
* --------------------------------------------------------------------------------- */

div.depot_view {padding-bottom: 15px;}
div#depot_map_container {padding-bottom: 20px;}
.depot_data h3 {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 20px; font-size: 16px;}

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post img {max-width: 45%;}
	.post p a, .post a:visited {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}
	.post h4 {margin: 0;}
	.post h4 a {color: #000 !important;}

span.date {display: block; margin-bottom: 15px; font-weight: bold; color: #606060;}

.news_view h1 {margin-bottom: 5px; }


/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff div.post {display: inline-block; width: 48%; margin: 0 1% 15px 1%; }
	.staff div.post img {float: left; display: block; max-width: 30%; }
	.staff div.post div {float: right; width: 66%; }

	.staff h4 {margin-bottom:5px; font-size: 14px; }
	.staff ul { list-style:inside; list-style-type:none; }
	.staff ul li {margin: 0;}

div.depot_description { border-bottom: 1px solid #ccc; margin-bottom: 15px; width: 660px; }
div#depot_map_container {clear: both; padding-top: 15px;}
#depot_map_container h3 {margin-bottom: 10px;}

/*-----------------------------------------------------------------------------------
* == SUPPLIERS
* --------------------------------------------------------------------------------- */	

table.reference_list {
	width: 100%; border-top: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}
.reference_list tr td {vertical-align:middle; padding: 15px 0;}
td.ref_image {width: 33% !important; text-align: center;}
td.ref_image img {max-width: 80%;}

/* Suppliers promo (first page) */
table#suppliers_promo {margin-top: 10px; height: 80px; width: 100%;}
	#suppliers_promo tr td {border: 4px solid #a3a60f; border-left: none; border-right: none; text-align: center; vertical-align: middle; padding: 0;}
	#suppliers_promo a, #suppliers_promo img {margin: 0 auto; padding: 0;}
	img.sup_gray {display: block;}
	img.sup_color {display: none;}



/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	

div#news_latest_list {margin-top: 20px;}
div#news_latest_list ul {list-style: none; margin: 0;}
div#news_latest_list ul li {margin: 0; border-bottom: 1px solid #d0d0d0; padding-bottom: 15px; margin-bottom: 15px; }
div#news_latest_list ul li span {color: #606060; font-style: italic; display: block;}
div#news_latest_list ul li a {font-weight: bold; color: #606060; font-size: 14px;}


/*-----------------------------------------------------------------------------------
* == VIDEOS
* --------------------------------------------------------------------------------- */

.video_view { width: 100%; margin-bottom: 20px; }
.video_description {background: #f0f0f0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.video_description h3 {background: #e0e0e0; margin: 0; padding: 6px 10px 5px 10px; border-bottom: 1px solid #d5d5d5; }
.video_description div {padding: 10px 10px 0 10px; }

/* YouTube Videos */
.video_view {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video_view iframe,
.video_view object,
.video_view embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.videos_list { }
.video_thumb {display: block; float: left; width: 25%; max-width: 100px; }
.video_thumb img {display: block; width: 100% !important; max-width: 100% !important;}
.videos_list .post {background: #f0f0f0; margin-bottom: 10px; padding: 10px;}
.videos_list .post div {float: left; width: 72%; margin-left: 2%;}
.videos_list .post span.date {display: inline; padding: 0 0 4px 0; color: #333; font-weight: normal; }


/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }