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

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

@import url(defaults.css?r=30);
@import url(forms.css?r=7);
@import url(navigation.css?r=40);


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

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

div#wholepage {
	background: #000000;
	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#topline {height: 45px; width: 100%; background: #262626; }
div#topline_content {width: 980px; margin: 0 auto; height: 45px;}


div#wrapper { }
div#container {width:918px; margin:0 auto;}

div#content_wrapper { width: 100%; max-width: 980px; margin: 0 auto; }

div#page {float:left; width:590px;}	

div#header { padding-top: 15px; }

div#header_main { width: 100%; max-width: 980px; margin: 0 auto; z-index: 2; position: relative; }
	#header_main h1 { float: left; width: 30%; max-width: 290px; margin: 0 0 8px 0; height: 85px; }
	#header_main h1 a {}	
	#header_main h1 a img {width: 100%;}

#head_left {background: url(../img/bgm-left) no-repeat top right; height: 59px; width: 500px; position: absolute; margin: 5px 0 0 -520px; z-index: 1; overflow: hidden;}
#head_right {background: #ce0039; height: 59px; width: 800px; position: absolute; left: 100%; top: 20px; margin-left: -40%; z-index: 1; overflow: hidden;}

.dbContent {
	background: #fff; padding: 21px 15px 1px 15px; margin: 0 0 15px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#999999');
}

.dbInner {padding: 21px 15px 1px 15px;}
.with_pics {float: left; width: 73%; padding: 0 !important;}
.news .with_pics {min-height: 180px;}

.box {background: #fff; margin-bottom: 15px; }
.half-box {float: left; width: 49%; margin: 0 2% 15px 0; background: #fff;}
.inner-box {padding: 10px 15px;}


/* Cart circle */

div#cart_circle_conntainer {clear: both; float: right; width: 94px; height: 1px;}
div#cart_circle { width: 94px; height: 94px; background: url(../img/hm/circle.png) no-repeat center center; position: absolute; z-index: 3; margin: -106px 0 0 0;}
#cart_circle a {display: block; width: 100%; text-align: center; height: 94px; }
#cart_circle img {display: block; padding: 0; margin: 32px 0 0 27px;}


#nav_mobile {width: 94px; height: 94px; background: url(../img/hm/circle.png) no-repeat center center; display: none; poisition: relative; z-index: 3; margin: -5px 0 0 22%;}
#nav_mobile_a {display: block; width: 100%; text-align: center; }
#nav_mobile_a span {display: inline-block; padding: 34px 0 30px 0; }
#nav_mobile_a span img {display: block; padding: 0; margin: 0;}

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

div.column {width:23%;float:left; margin:10px 0 0 0; }
div.col_left {margin-right: 2%; width: 23%; }
div.col_right {margin-left: 10px; padding-top: 10px;}

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 { }

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


/* SMALL FOOTER */

div#footer {clear:both; width:980px; background:#000; margin:0 auto; color:#c4c4c4; height: 60px;}
	#footer p { line-height: 60px; text-align: center; }

/* BIG FOOTER */

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

#bigfoot_left {float: left; width: 50%; background: #ce0039; height: 113px;}
#bigfoot_left h3 {float: right; width: 100%; max-width: 490px; color: #fff !important; font-size: 42px; font-weight: normal; height: 113px; padding: 0; line-height: 110px; border-right: 1px solid #fff;}

#bigfoot_right {float: left; width: 50%; background: #ab0035; height: 113px;}

div#foot_search { width: 100%; max-width: 490px; }
form#footer_search { float: right; width: 80%; max-width: 360px; text-align: right; padding-top: 40px; }
#footer_search input {float: left; width: 100%; border: 0; outline: none; height: 36px; line-height: 36px; font-size: 12px; color: #68696a; text-indent: 8px;}
#footer_search a {float: right; display: block; position: relative; margin: -36px 0 0 0; }


div#bigfoot_container {width: 100%; max-width: 980px; margin: 0 auto; padding: 47px 0 35px 0;}

p.book_direct {color: #fff; font-size: 16px; line-height: 140%; padding-top: 5px; margin: 0 0 27px 0; }
p.book_direct span {color: #e51840; }

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: 75%; float: left; }
div#footer_contact {width: 25%; float: left; text-align: right; color: #bbb; padding: 20px 0 0 0;}
div#footer_contact p {margin: 0;}

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: left; margin-top: 20px;}
img#i_made_this {display: block; float: right; position: absolute; margin: -65px 0 0 930px; visibility: hidden; }

#bigfoot_bottom {clear: both; height: 36px; width: 100%; background: url(../img/hm/cammo-bottom.jpg) repeat-x top left;}

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

div.prod-catalog-middle {padding: 0 0 25px 0; text-align: center; display: block; width: 48%; margin: 0 1% 0 1%; float: left;}
div.prod-catalog-middle img {display: block; margin: 0 auto; padding: 0; border: 0; outline:none; max-width: 100%;}

p#dlnk {display: none;}

/*-----------------------------------------------------------------------------------
* == INDEX WEBSHOP NAVIGATION
* --------------------------------------------------------------------------------- */

div.index-frm-left {
	float: left;
	width: 50%;
	background: #ce0039;
	margin: 10px 0 30px 0;
	height: 136px;
}
div.index-frm-left div {border-right: 1px solid #fff; padding: 14px 40px 25px 20px;}
div.index-frm-left fieldset {margin: 0 !important;}

input#inf_products_search {
	float: left; background: url(../img/inf-search.png) no-repeat bottom right; height: 51px; line-height: 51px; 
	font-size: 16px; color: #999; border: 0; text-indent: 10px; outline: none;
	width: -moz-calc(100% - 87px); /* Firefox */
	width: -webkit-calc(100% - 87px); /* WebKit */
	width: -o-calc(100% - 87px); /* Opera */
	width: calc(100% - 87px); /* Standard */
}
a#inf_prod_search { float: right; width: 77px; height: 51px; background: url(../img/inf-button-search.png) no-repeat top left; text-indent: -90000px; overflow: hidden; }


div.index-frm-right {
	float: left;
	width: 50%;
	background: url(../img/inf-bg.png) no-repeat bottom right;
	margin: 10px 0 30px 0;
	height: 136px;
}
div.index-frm-right form fieldset { margin: 14px 40px 25px 20px !important; padding: 0; }
div.index-frm-left form fieldset legend, div.index-frm-right form fieldset legend {color: #fff; font-size: 24px;}

.index-frm-right form fieldset p {
	float: left; margin: 0; cursor: pointer; background: url(../img/inf-select.png) no-repeat bottom right; height: 51px; line-height: 51px; 
	font-size: 16px; color: #999; border: 0; text-indent: 10px; outline: none;
	width: -moz-calc(100% - 87px); /* Firefox */
	width: -webkit-calc(100% - 87px); /* WebKit */
	width: -o-calc(100% - 87px); /* Opera */
	width: calc(100% - 87px); /* Standard */
	
}
.index-frm-right form fieldset p, .index-frm-right form fieldset p span {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	
a#inf_prod_go {float: right; width: 77px; height: 51px; background: url(../img/inf-button-go.png) no-repeat top left; text-indent: -90000px; overflow: hidden;}

#inf_prod_select em {display: none; font-style: normal !important;}

ul#inf_prod_list {display: none; list-style: none; background: #fff; width: 80%; height: 200px; overflow-y: scroll; overflow-x: hidden; margin-top: -10px !important; position: relative; z-index: 100;}
ul#inf_prod_list li {margin: 0; border-bottom: 1px solid #ccc;}
li.li-indent a {padding-left: 25px !important;}
ul#inf_prod_list li a {color: #333 !important; padding: 5px 0 5px 10px; display: block; width: 100%;}
ul#inf_prod_list li a:hover {text-decoration: none; background: #f0f0f0;}

/*-----------------------------------------------------------------------------------
* == SLIDESHOW
* --------------------------------------------------------------------------------- */

div#slide_contact {width: 96%; max-width: 980px; margin: 0 auto; }
#slide_contact p {
	display: inline-block; 
	padding: 0 15px; 
	height: 60px; 
	line-height: 60px; 
	font-size: 24px; 
	font-weight: bold;
	color: #fff; 
	background: #ce0039; 
	position: absolute; 
	z-index: 99999; 
	margin: -60px 0 0 0;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	behaivor: url(border-radius.htc);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#slide_contact p a {color: #fff !important; }

div#slideshow_container { margin: 0 auto 15px auto; }

.slide-txt-bg {
	background: url(../img/hm/slideshow-bg.png) no-repeat left center; height: 370px; width: 45%; overflow: hidden;
}
.slide-txt-content h2 {
	background: url(../img/h2-bg2.png) no-repeat top left !important;
	height: 59px !important;
	margin: 100px 0 10px 0;
	font-size: 20px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0x;
	border-radius: 0;
}
.slide-txt-content h2 span {background: url(../img/menu_bg_reg.png) no-repeat left center; padding-left: 15px; border-right: 1px solid #FABBB6; }
.slide-txt-content p {
	background: #111;
	margin: 0; 
	padding: 20px 0 20px 15px;
}
.slide-txt-content p span {
	color: #fff; width: 80%; max-width: 320px; display: block;
}
.ls-bottom-slidebuttons, .ls-carousel .ls-bottom-slidebuttons a { height: 10px; }
.ls-bottom-slidebuttons a { 
	border: 2px solid #ffffff !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behaivor: url(border-radius.htc);
	border-radius: 8px;
	width: 10px; 
	background: #959494;
	margin: 0 2px;
}
.ls-bottom-slidebuttons a.ls-nav-active,
.ls-bottom-slidebuttons a:hover {
	background: #ab0035;
}

/*--------------------------------------------------------------------------------------------------------
/* ==  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; }


	
/*-----------------------------------------------------------------------------------
* == 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; float: right; width: 25%; margin: 0;}
	.images li {  margin:0 0 15px 0; background: #fff; width: 100%;}
	.images li div {padding: 10px;}
	.images li img { width: 100%; display: block; border: 0; margin: 0 auto; padding: 0; }
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}
	.images li div p {color: #606060; font-style:italic; font-size: 12px !important; margin: 0 !important; padding: 5px 0 0 0; }

/*
.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
* --------------------------------------------------------------------------------- */

form#contact_form { width: 100%; }
form#contact_form legend {font-weight: bold;}
div#contact_map {width: 550px; float: left; margin-left: 15px; }

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

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */

.post {margin-bottom: 20px;}
.post p a, .post a:visited {color:#333;}
.post p a:hover {color:#333; text-decoration:none;}
.post h4 {margin: 0;}
.post h4 a {color: #333 !important;}

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



/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff div.post {
		float: left; 
		width: 49%; 
		margin-left: 2%; 
		padding: 0 !important;
	}
	.staff div.post div {padding: 15px;}
	.staff div.post img {float: left; display: block; width: 38%;}
	.staff div.post div div {float: right; width: 58%; padding: 0; }
	.staff div.row {clear: left; float: left; margin-left: 0; }

	.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;}
.reference_list tr td {vertical-align:middle; padding-top: 20px;}
td.ref_image {width: 260px; text-align: center;}

/* 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;}

/*--------------------------------------------------------------------------------------------------------
/* ==  CALENDAR
------------------------------------------------------------------------------------------------------- */

div#calendar_index {clear: both;}

div.calendar_date {float: left; width: 80px; height: 86px; background: url(../img/cal.png) no-repeat center center; color: #fff; }
.calendar_date p { margin: 13px 0 0 0; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: #505050 0px -1px 0; }
.calendar_date span {display: block; margin: 0; padding: 5px 0 0 0; color: #a71935; text-shadow: #580c1b 0 -1px 0; font-size: 34px;}

div.calendar_post {
	float: left; margin: 0 0 0 20px;
	width: -moz-calc(100% - 100px); /* Firefox */
	width: -webkit-calc(100% - 100px); /* WebKit */
	width: -o-calc(100% - 100px); /* Opera */
	width: calc(100% - 100px); /* Standard */
}

.calendar_post img {display: block; float: right; margin: 15px 15px 0 15px;}
.calendar_post .dbContent {padding: 15px;}
.calendar_post p a {color: #333 !important;}

div.calendar_apply {background: #efefef; margin-top: 15px; padding: 15px; }
.calendar_apply p {margin-bottom: 10px; }
.calendar_apply fieldset {margin: 0;}
.calendar_apply label {width: 230px; float: left; padding-top: 5px; font-weight: bold; }
.calendar_apply button {float: left;}

div.next_activity {border: 1px solid #ccc; margin-bottom: 25px; background: #f7f7f7;}
a#nextact { border: 0; position: absolute; padding: 0; width: 202px; height: 67px; margin: -3px 0 0 200px; left: 50%; } /* margin: -3px 0 0 -161px; */
.next_activity div.calendar_date {margin: 10px 0 0 10px;}
.next_activity div.calendar_post {width: 650px; margin: 10px 0 0 20px;}
.next_activity div.calendar_post p {margin-bottom: 5px;}

div.next_activity_start {border: 1px solid #ccc; margin-bottom: 25px; background: #f7f7f7;}
.next_activity_start div.calendar_post {width: 238px; margin: 10px 0 0 10px;}
.next_activity_start div.calendar_post p {margin-bottom: 5px;}
a#nextact_start { border: 0; position: absolute; margin: -2px 0 0 200px; padding: 0; width: 202px; height: 67px; left:50%; }
span#next_act_date {color: #bbb; font-size: 26px; display: block; text-shadow: 0 -1px 0 #777, 0 1px 0 #fff; }
a#next_act_link {color: #a3a60f; display: block; margin: 0; padding: 0; width: 236px; font-weight: bold;}


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

div#news_latest_list {}
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;}



/*--------------------------------------------------------------------------------------------------------
/* ==  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; }