html, body { font-family: Arial, Verdana, Tahoma; font-size: 14px; }
body {background:#000;color:#fff;}
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}


@font-face { font-family: 'Swis721'; src: url('../fonts/swz721bc-webfont.eot'); src: url('../fonts/swz721bc-webfont.eot?iefix') format('eot'), url('../fonts/swz721bc-webfont.woff') format('woff'), url('../fonts/swz721bc-webfont.ttf') format('truetype'), url('../fonts/swz721bc-webfont.svg#webfontLEnpEGmC') format('svg'); font-weight: normal; font-style: normal; }

* {
	margin:0;
	padding:0;
	line-height:1em;}
BODY, HTML {
	background-color: #000;
	height:100%;
	width:100%;
	font-size: 14px;}

A{ color: #DDD; }
A:hover{ color: #DDD; }

H1{ font-size: 26px; color: #f5ad17; font-weight: 600; text-transform: uppercase; font-family: 'Swis721';}
H2{ font-size: 20px; color: #f5ad17; font-weight: 600; text-transform: uppercase; font-family: 'Swis721';}
H3{}

P{ line-height: 1.5em; font-size: 13px; color: #DDD; }

.contacts TD{ vertical-align: top; border: none !important; }

.space{ height: 120px; }
.trail{ padding: 10px 0 0 15px; }
.trail a{ color: #FFF; text-transform: uppercase; font-size: 11px; }
.trail a:hover,
.trail a.active{ text-decoration: none; color: #f5ad17; }
.trail i{ padding: 0 10px 0 15px;}

.article UL{ padding: 0 0 0 20px; }
.article UL LI{ color: #CCC; line-height: 1.5em; }
.article TD{ color: #CCC; padding: 10px; font-size: 12px; line-height: 1.5em; border-bottom: 1px solid #CCC; }
.article A{ color: #CCC; text-decoration: underline;}

.article{ padding-bottom: 40px; }

.date{ display: block; padding: 0 0 10px 0; font-size: 12px; }
.date i{ padding-right: 10px; }

.image{ height: 120px; overflow: hidden; display: inline-block; padding: 0;}

.more{ background-color: #f5ad17; border: 1px solid #f5ad17; color: #222; font-weight: 600; }

HR{ border:none; border-bottom: 1px solid #666; }

THEAD TH{ padding: 10px 0; color:#f5ad17; }
TD{ color: #CCC; padding: 5px 0; border-bottom: 1px solid #333; font-size: 12px; }

/* Structure */
DIV#wrapper{
	position: relative;}
DIV.inner-wrapper{
	height: inherit;
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	background-position: center top; background-size: 100%; background-repeat: no-repeat; }
	DIV.wallpaper-wrapper{
		background-image: url(../images/default_header.jpg);
	}

.club_ok{ display: none; margin: 0; padding: 0; }
.club_ok.show{ display: block;}

.error{ border: 1px solid red !important; color: red; background-color: #ffcece; }
A.error { color: red; border: none !important; background-color: transparent; }
.tellimus{ *display: none; }
.tellimus_ok{ display: none; }

.btn-klubikood{ background-color: #f5ad17; border: 1px solid #f5ad17; }
.btn-order{ background-color: #f5ad17; border: 1px solid #f5ad17; margin-top: 10px; font-weight: 100 !important; }

.order-link{ display: block; font-size: 13px; padding: 5px 0 0 0;}
.order-link.active{ font-weight: bold; color: #F5AD17 !important; }

/* Order */
.btn-order{ text-decoration: none !important; background-color: #f5ad17; color: #FFF !important; border: none; font-weight: bold; }
.btn-order:hover{ background-color: #f5ad17; }

.btn-remove{ background-color: #f13d3d; color: #FFF !important; }
.btn-remove:hover{ background-color: #ee2222; color: #FFF !important; }


.price{ font-size: 30px; font-family: 'Swis721'; display: inline-block; padding-right: 20px;}
.price SUP{ font-weight: normal; font-size: 20px;}

.tootekood{ color: #666; display: inline-block; padding: 0 0 2px 0; margin: 0; }

.order-list{ margin: 0; padding: 0; width: 100%; }
.order-list TABLE{ width: 100%; }
.order-list INPUT{ width: 34px; border: none; color: #222; padding: 2px;}

.in-order{ font-weight: bold; color: #f5ad17; }

TR.last-row TD{ font-size: 18px; border-bottom:none; font-weight: bold; }
.transport{ font-size: 12px; letter-spacing: 1px; }

TR.last-row-2 TD{ border-bottom: none; }

/* Transport */
.tab-content{
	border: 1px solid #FFF;
	border-top: none;
	padding: 20px;}
	
	.address{ padding: 10px 0 0 18px; font-weight: normal; line-height: 1em;}
	.address P{ font-size: 12px; line-height: 1em; }
	
	.smartpost_right SELECT{ width: 100%; padding: 5px !important;}
	.smartpost_label{ padding: 0 10px;}
	.smartpost_table{ width: 100%;}
	.smartpost_table TD{ border: none;}
	
	UL.nav-tabs LI:hover A,
	UL.nav-tabs LI.active A{ background-color: #000; color: #FFF; }
	UL.nav-tabs LI.active:hover A{ background-color: #000; color: #FFF; }
	
	UL.nav-tabs LI INPUT{ display: none; }
	
/* Header tools */
DIV#header-tools{ position: absolute; right: 5px; top:10px;  min-width: 50%; }
DIV#header-tools FORM INPUT{ 
	margin: 0; padding: 2px 10px; height: auto; background-color: #222; border: 1px solid #333; color: #FFF;
	font-size: 12px; }
DIV#header-tools FORM BUTTON{ background-color: transparent; border: none; padding: 5px; }

/* Language */
DIV.lang DIV{ margin: 0; padding: 0; }
DIV.lang A.language{ color: #666; font-size: 11px; display: block; padding: 5px 10px; width: 80px;}
DIV.lang A:hover,
DIV.lang A.active{ text-decoration: none; color: #FFF;}

/* Header */
DIV#header{
	position: absolute;
	width: 100%;
	z-index: 1000;
	background:url('../images/topHalfPattern.png') #000;
	height: 98px;}

#logo{ position: absolute; top:0; left: 0; z-index: 2;  }

#stripe{ background: url(../images/lineOne.png) no-repeat center top; position: absolute; width: 100%; height: 18px; z-index: 1;}

/* Menu */
DIV#menu{
	position: absolute;
	z-index: 1000;
	bottom:-3px;
	right: -10px;}
	DIV#menu UL{ margin: 0; padding: 0;}
	DIV#menu UL LI{ list-style-type: none; float: left;}
	DIV#menu A{ 
		font-family: "Swis721"; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 16px;
		display: inline-block; padding: 10px 15px 15px 15px; }
	DIV#menu A:hover,
	DIV#menu A.active{ color: #f5ad17; }
	
	/* Submenu */
	DIV#menu  UL UL{
		padding-top: 5px;
		padding-bottom: 5px;
		display: none;
		position: absolute; 
		z-index: 1001;
		background-color: #111;
		background-color: rgba(0,0,0,0.8);}
	DIV#menu  UL UL LI { float: none; }
	DIV#menu  UL UL LI A{ display: block; min-width: 180px; padding-bottom: 10px; }
	
	DIV#menu UL LI:hover > UL{ display: block !important; }

DIV#sidemenu{
	font-family: "Swis721"; 
	color: #FFF; 
	text-decoration: none; 
	text-transform: uppercase; 
	font-size: 16px;
	display: inline-block; 
	padding: 10px 15px 15px 15px;}
	DIV#sidemenu UL{ margin: 0; padding: 0; }
	DIV#sidemenu UL LI{ list-style-type: none; }
	DIV#sidemenu UL LI A{
		font-family: "Swis721"; 
		color: #FFF; 
		text-decoration: none; 
		text-transform: uppercase; 
		font-size: 16px;
		padding: 5px 0;
		display: inline-block; }
	DIV#sidemenu UL LI A:hover,
	DIV#sidemenu UL LI A.active{ color: #f5ad17; }
	
	DIV#sidemenu UL UL{ margin-left: 20px; }
	DIV#sidemenu UL UL LI A{ font-size: 14px;}

	DIV#sidemenu .form-control{ color: #DDD;  font-weight: normal;}

.list{ list-style-type: circle !important;}

/* Content */
DIV#print_content{
	margin-top: 0;
	min-height: 200px;
	padding: 100px 0 50px 0;}
	
	DIV#print_content.index{ padding-bottom: 0; }
	
	DIV#content-container{
		margin: 0 60px;
		padding: 10px 20px;
		background-color: #222;
		background-color: rgba(0,0,0,0.5);
	}
	DIV#content-container P IMG{ margin: 0 20px 20px 0;}
	
/* Index */
DIV#index-slides{
	width: 100%;
	text-align: center;}

/* Products */
DIV.products-container{
	margin-top: 20px;
	text-align: center;
	background-color: #252525; /* #202020 */
	padding: 10px 10px 0 10px; }
	DIV.products-container DIV.row{ padding: 0 10px;}
	DIV.products-container DIV.col{ padding: 5px 10px; }

A.product-preview{ height: 300px; margin-bottom: 10px; overflow: hidden; display: block; border: 1px solid #333; padding: 20px 0 0 0; }	
A.product-preview H2{ font-size: 14px; font-weight: normal; text-transform: none; color: #999; }

A.product-preview:hover{ text-decoration: none; border: 1px solid #444; }
A.product-preview:hover H2{ color: #f5ad17; }


DIV.product-large-view{
	padding: 0 20px 20px 20px;
	text-align: left;}

.side-search{}
.side-search .col{ margin: 0; padding: 0; }

.side-search INPUT[type=text]{ width: 100%; background-color: #333; border: 1px solid #444; padding: 0 10px; }
.side-search BUTTON{ width: 100%; height: 35px; border: none; background-color: transparent; }

/**/

/* Footer */
DIV#footer{
	width: 100%;
	min-height: 200px;
	padding: 50px 0 0 0;
	background: url(../images/fullPattern.png) repeat-x center center;}
	DIV#footer UL{ margin: 0; padding: 0;}
	DIV#footer UL LI{ float: left; list-style-type: none; padding: 0; margin: 0; width: 120px; text-transform: uppercase; font-size: 11px;}
	DIV#footer UL LI A{ color: #FFF; line-height: 1.5em; }

	DIV#footer UL UL LI A{ color: #777; display: block; }


/* Bootstrap */
.carousel .item {-webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}


/* Ribbon */
.wrapper {
	margin: 50px auto;
	position: relative;
	z-index: 90;
}

.ribbon-wrapper-green{
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: 7px;
}

.ribbon-green{
	font: bold 15px Sans-Serif;
	color: #FFF;
	text-align: center;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #F5AD17;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F5AD17), to(#E08E0B)); 
	background-image: -webkit-linear-gradient(top, #F5AD17, #E08E0B); 
	background-image:    -moz-linear-gradient(top, #F5AD17, #E08E0B); 
	background-image:     -ms-linear-gradient(top, #F5AD17, #E08E0B); 
	background-image:      -o-linear-gradient(top, #F5AD17, #E08E0B); 
	color: #FFF;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
	content: "";
	border-top:   3px solid #F5AD17;   
	border-left:  3px solid transparent;
	border-right: 3px solid transparent;
	position:absolute;
	bottom: -3px;
}



.ribbon-green:before {
	left: 0;
}
.ribbon-green:after {
	right: 0;
}​