@import "navigation.css";
@import "input.css";
@import "catalog.css";
@import "search.css";
@import "checkout.css";
@import "customer_centre.css";
@import "news.css";

/************************* HTML BODY **********************/
html {	
	background: url(/web/grafik/bg_top.gif) top left repeat-x;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(/web/grafik/bg_body.jpg) center 109px no-repeat;
	color: #4b6f9a;
	font: 11px/16px Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/************************* STRUCTURE **********************/

#container {
	padding: 0;
	margin: 0 auto;
	width: 962px;
	position: relative;
}


#top {
	height: 109px;
	padding: 0 10px 0 10px;
	width: 962px;	
}
	
span.topicons{
	color: #000;
	display: block;
	float: left;
	font-size: 24px;
	font-weight: bold;
	height: 24px;
	line-height: 22px;
	padding: 0 0 0 34px;
}

span.tlf{
	background: url(/web/grafik/icon_tlf.gif) no-repeat;
	margin: 28px 0 0 60px;
}

#mainnav {
	float: left;
	height: 40px;
	margin: 7px 0 0 10px;
	position: relative;
	width: 962px;
}

#topnav{
	float: right;
}

.phonenumber {
	position: absolute;
	top: 0;
	right: 25px;
}

#header {
	background: #FFF url(/web/grafik/shop_header.jpg) no-repeat bottom;
	color: #FFF;
	border-bottom: 10px solid #FFF;;
	width: 962px;
	height:188px;
	padding: 0;
}



#kurveffekt {
	width: 260px; 
	height: 143px;
	padding: 60px 0 0 20px;
	left: 550px; 
	top: 175px;
	background-image: url(/web/grafik/popup_buy.gif);
	background-repeat: no-repeat;
	position:absolute; 
	display:none;
	font-size: 12px;
	line-height: 25px;
	z-index: 1000;
	color: #FFF;
}


#subpage_header {
	width: 962px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;
}

#content {
	width: 932px;
	margin: 0;
	padding: 0 14px 14px 14px;
	background-color: #fff;
	border-left: #e1edf9 1px solid;
	border-right: #e1edf9 1px solid;
}

#subpage_content1 {
	width: 932px;
	margin: 0;
	padding: 0;
	background-image: url(/web/grafik/subpage_content_back.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#subpage_content2 {
	width: 932px;
	margin: 0;
	padding: 0;
	background-image: url(/web/grafik/subpage_content_ski.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#mainnav {
	float: left;
	height: 40px;
	margin: 7px 0 0 5px;
	position: relative;
	width: 932px;
}


#shopnav {
	width: 200px;
	padding: 5px 0 0 0;
	margin: 0;
	border-top: 6px #fff solid;
}

#column1 {
	width: 200px;
	height: auto;
	padding: 0 7px 0 0;
	margin: 0;
	float: left;
}

#search {
	width: 190px;
	height: 65px;
	padding: 10px 0 10px 10px;
	margin: 0;
	background-color: #d5dfee;
	position: relative;
}

#column2 {
	width: 723px;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;
}

#content_image {
	width: 723px;
	margin: 0 0 6px 0;
	padding: 0;
	border: 1px #e9eef0 solid;
}

#frontpage_info {
	width: 704px;
	height: auto;
	margin: 0 0 6px 0;
	padding: 10px;
	background-color: #f7fafc;
}

#frontpage_items {
	width: 723px;
	height: auto;
	margin: 0;
	padding: 0;
}


#cart {
	background: url(/web/grafik/bg_cart.png) no-repeat left 10px;
	width: 150px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 40px;
	top: 130px;
	line-height: 25px;
	
}

#cart .din_varekurv {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	float: right;
	
}

#cart .items {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFF;
	float: right;
	line-height: 18px;
}


#cart .link {
	margin-top: -15px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #ffef5a;
	float: right;
}


#footer {
	width: 962px;
	margin: 0;
	padding: 10px 0 10px 0;
	color: #4b6f9a;
}

/************************* TEXT **********************/

h1 {
	margin-top: 10px;
	font-size: 18px;
	color: #6387b1;
}

h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
	font-size: 120%;
}

h2 a {
	text-decoration: none;
}

h3 {
	font-size: 100%;
	color: #4b6f9a;
}

p {
}


#search .h2{
	margin: 0 0 10px 0;
	font-size: 120%;
	font-weight: bold;
	display: block;
}

#discounts h2, #cart h2 {
	margin: 0 0 10px 0;
	font-size: 120%;
	color: #fff;
}

#commercials {
	width: 693px;
	margin: 10px 0 0 0;
	padding: 15px; 
	background-color: #CEE1F0;
	float: left;
}

#commercials img {
	margin-left: 15px;
}

.top_head{
	font-size:30px;
	margin:0px 0 0 34px;
	color:#176aa0;
	display:block;
	font-weight:bold;}

.top_under{
	font-size:18px;
	margin:1px 0 0 34px;
	color:#176aa0;
	display:block;
	line-height:20px;
	font-weight:bold;}

.top_brod{
	font-size:13px;
	margin:10px 0 0 34px;
	color:#176aa0;
	display:block;
	line-height:20px;
	font-weight:bold;}

/************************* LINKS **********************/

a {
	/*color: #6387b1;*/
	color: #4b6f9a;
}

a:hover {
	/*color: #6387b1;*/
	color: #4b6f9a;
	text-decoration: none;
}
#breadcrumbs a, #breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

#discounts a {
	color: #fff;
	text-decoration: underline;
}

.large_item_wrapper a {
	text-decoration: underline;
}

.large_item_wrapper a:hover, .item_wrapper a:hover {
	text-decoration: none;
}

.link_previous {
	float: left;
	background-position: left 5px;
	background-repeat: no-repeat;
	display: inline;
	padding: 0 0 0 5px;
}

.link_next {
	float: right;
	background-position: right 5px;
	background-repeat: no-repeat;
	padding: 0 5px 0 0;
	display: inline;
}


#cart .btn {
	width: 122px;
	height: 50px;
	line-height: 35px;
	padding: 0;
	margin: 5px 0 0 0;
	background-image: url(/web/grafik/knap_laeg_i_kurv.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 100%;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	display: block;
	float:left;
}
/************************* TABLES **********************/

#search td.left {
	padding: 8px 20px 0 0;
	color: #fff;
}

#search td.right {
	padding: 8px 0 0 0;
	color: #fff;
}

/************************* OTHERS **********************/

.light_blue {
	padding: 10px;
	margin: 0;
	background-color: #f6fafd;
}

.light_blue_border {
	padding: 10px;
	margin: 0 0 6px 0;
	background-color: #f6fafd;
}

.dark_blue {
	padding: 10px;
	margin: 0 0 6px 0;
	background-color: #E1EDF9;
}

.dark_blue_noborder {
	padding: 10px;
	margin: 0;
	background-color: #E1EDF9;
}


.logo {
	border: 0;
	float: left;
	margin: 12px 0 0 5px;
	
}

.logo a {
	display: inline;
}


.payment {
	float: left;
	margin: 25px 0 0 80px;
}

#discounts img {
	margin: 10px 0 10px 0;
}

.clear {
	height: 0px;
	overflow: auto;
	display: block;
	clear: both;
}

.noshow {
	display: none;
}

.submitbtn_yellow, #faktura_container .submitbtn_yellow, #cart_container .cart_items .submitbtn_yellow, #tip_friend_container .content .submitbtn_yellow {
	width: 140px;
	height: 33px;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url(/web/grafik/yellow_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 100%;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
}

.tag {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 20;
}

.error_msg {
	height:20px;
	width: 713px;
	font-weight: bold;
	color: #FF0000;
	font-size:13px;
	background-color: #D0E1F1;
	padding: 5px 0 0 10px;
	margin: 10px 0 0 0;
}

.error {
	font-weight: bold;
	color: #ff0000;
}
