/***** COPYRIGHT ****************************************/
/*                                                      */
/*     starsnbars.se - CSS v.1.0                        */
/*     All Copyright reserved hyperskins.com            */ 
/*     By Ria Elliger  2008-11                          */
/********************************************************/

/***** CSS LIBRARY V.1.0 ********************************/ 
/*                                                      */
/*		//BASE 			  								*/
/*		1:1 BASIC MARGIN, TAGS ETC						*/
/*      1:2 CLEAR FIXES                                 */
/*		1:3 PAGE STRUCTURE   							*/
/*		1:4 VIEWS										*/
/*		1:5 OVERLAY			   							*/
/*                                                      */
/********************************************************/

/********************************************************/
/*    SECTION 1:1                                       */
/********************************************************/

* {
	margin:			0;
	padding:		0;
}

html, body {
	height: 		100%; /* Required */
	overflow: 		hidden;
}

#globalcontainer {
	width: 			100%;
	height:			100%;
	overflow:		auto;
	position: 		absolute;
	top:			0;
	left:			0;
}

body {
    font-size: 		73%;
	color:			#fff;
    background: 	#fff url(../img/background_body.jpg) top left repeat-x;
	font-family: 	"MS Reference Sans Serif", Verdana, Arial, Helvetica, sans-serif;	
}

A {
    text-decoration:none;
	color:			#fff;
}

A:HOVER {
	text-decoration:underline;
}

B {
	font-weight:	900;
}

IMG {
	border:			0px;
}

IMG.border {
	border:			1px solid #2c2c2c;
}

.clickable {
	cursor: 		pointer;
}

.nooverflow {
	overflow: 		hidden;
}

.left{
	float:			left;
}

.right{
	float:			right;
}

.textright {
	text-align:		right;
}

IMG.right {
	margin-left:	10px;
}

IMG.left {
	margin-right:	10px;
}

.center {
	text-align: 	center;
	margin: 		0px auto;
}

.middle {
	vertical-align:	middle;
}

.hidden{
	display:		none;
}

.invisible{
	visibility:		hidden; 
}

.red {
	color:			#ca1217;
}

.big {
	font-size:		1.3em;
	text-transform: uppercase;
}

.justify {
	text-align:		justify;
}

.absolute {
	position:		absolute;
	top:			0px;
	left:			0px;
}

.relative {
	position:		relative;
}


.png {
	behavior:		url(iepngfix.htc);
}

.bold {
	font-weight:	bold;
}


/**/
/********************************************************/
/*    SECTION 1:2                                      */
/********************************************************/


.clearfix:after { 
    content:		"."; 
    display:		block; 
    height:			0; 
    clear:			both;
	visibility: 	hidden;
} 
.clearfix {
    display:		inline-block;
	padding:		0;
	margin:			0;
} 
/* Hide from IE Mac \*/ 
.clearfix {
    display:		block;
} 
/* End hide from IE Mac */




/********************************************************/
/*    SECTION 1:3                                       */
/********************************************************/

#container{
	position:		relative;
	margin:			0px auto;
	width:			920px;
	padding:		0 30px;
	min-height: 	100%;
	background:		url(../img/background_container.png) top left repeat;
	z-index:		0;	
	
}


#header{
	width: 			100%;
	z-index:		100;
	height:			298px;
	background:		url(../img/background_header.jpg) top left no-repeat;
	position:		relative;
	font-size:		0.8em;
	
}

#content{
	width: 			880px;
	overflow: 		hidden;
	padding:		10px 20px 60px;
	z-index: 		10;
	position:		relative;
	background: 	#C0E6FB url(../img/background_content.jpg) top center repeat-x;
}

#content_red{
	width: 			880px;
	overflow: 		hidden;
	padding:		10px 20px;
	padding-bottom: 0;
	z-index: 		10;
	position:		relative;
	background: 	#db1c21 url(../img/background_content_red.jpg) top center repeat-x;
}

#footer{
	height:			5px;
	margin:			0px auto;
	margin-top: 	-20px;
	width:			900px;
	position:		relative;
	text-align:		right;
}

#footer_text{
	height:			18px;
	margin:			0px auto;
	margin-bottom: 	0px;
	width:			846px;
	padding: 		5px 10px 0 10px;
	background: 	#000 url(../img/background_footer.jpg) top left repeat-x;
	text-align: 	center;
}

#imagescroll {
	margin-left: 	0px;
	height: 		245px;
	margin-left: 	6px;
	position:		relative;
}

#left_column {
	width:			507px;
	float: 			left;
	position:		relative;
}

#left_column_wide {
	width:			574px;
	float: 			left;
	position:		relative;
}

#right_column {
	width:			258px;
	float: 			right;
	position:		relative;
}

#right_column_wide {
	width:			325px;
	float: 			right;
	position:		relative;
}

#right_column.left, #right_column_wide.left {
	float:			left;
}

#left_column.right, #left_column_wide.right {
	float:			right;
}


/********************************************************/
/*		SECTION 1:4										*/
/********************************************************/

/* USser Login */

#user_login {
	position:		absolute;
	top:			10px;
	right:			20px;
	width:			340px;
}

#user_login INPUT{
	width:			160px;
	margin-bottom:	2px;
}

#user_login .btn_small {
	width:			70px;
	margin-left:	10px;
	margin-top:		5px;
}

#user_login DIV {
	text-align:		right;
	margin-top:		-7px;
}

#user_newpassword {
	color:			#13207c;
}


/* Menu */

#menu {
	width: 			920px;
	height: 		32px;
	background: 	url(../img/background_menu.jpg) top left repeat-x;
	margin: 		0 auto;
	font-size: 		1.3em;
	position:		absolute;
	bottom:			0;
}

#menu * {
	z-index:		100;
}

#menu ul {
	margin: 		0;
	padding: 		0;
	padding-left:	30px;
	list-style: 	none;
}

#menu li {
	display: 		inline;
	float: 			left;
}

#menu li img{
	margin:			3px 5px 0;
	margin-top:		3px;
}

#menu li a {
	display: 		block;
	height: 		23px;
	color: 			#fff;
	padding: 		9px 10px 0px 10px;
	text-decoration:none;
}

#menu a:hover {
	color: 			#ffe347;
}

#menu .current, #menu a.current:hover {
	color: 			#ffe347;
	font-weight:	bold;
}



/*
#menu li ul {
	background:		#141414;
	position: 		absolute;
	z-index:		100;
}

#menu li li {
	display: 		block;
	float: 			none;
}

#menu li li a {
	padding-bottom: 0px;
}

#menu .submenu {
	display: 		none;
}

*/



/* Puff */

.puff {
	width: 			100%;
	background:		#fff;
	border:			1px solid #f00;
	z-index: 		0;
	color:			#000;
	margin-bottom:	10px;
}

.puff.redpuff {
	background:		url(../img/background_redpuff.jpg) top left repeat-x #a90329;
	color:			#fff;
}

.puff.yellowpuff {
	background:		url(../img/background_yellowpuff.jpg) top left repeat-x #ffe347;
}


#right_column .puff.candypuff {
	background:		url(../img/background_candypuff_right.jpg) bottom left no-repeat #fff;
	padding-bottom: 100px;
}
.puff H2 {
	height:			19px;
	margin:			0px 20px 0px 20px;
	padding-top:	10px;
	font-size:		1.3em;
	font-weight:	900;
	color:			#ff0000;
}

.puff.redpuff H2 {
	color: 			#ff0;
}

.puff .puff_content {
	margin:			0px 20px 20px;
	padding-top: 	10px;
	font-size: 		0.95em;
	text-align:		justify;	
}

.puff DIV.half {
	width: 			50%;
}

.puff .puff_content .border_left{
	padding-left: 	10px;
	border-left:	1px solid #202020;
	margin-left:	10px;
	padding-bottom:	0px;
}

.puff .puff_content .border_right{
	padding-right: 	10px;
	border-right:	1px solid #202020;
	margin-right:	10px;
	padding-bottom:	0px;
}

.puff .puff_content .ingress{
	color:			#ed1e24;
	font-weight:	bold;
}

.yellowpuff .puff_content .ingress {
	color:			#1694e9;
}

.yellowpuff.result .ingress {
	color:			#13207c;			
}

.redpuff .puff_content .ingress {
	color:			#ff0;
}

.puff .puff_content .ingress SPAN.subtitle{
	color:			#d9d9d9;
	font-size:		0.9em;
	display: 		block;
}

#right_column>IMG, #left_column>IMG, #right_column_wide>IMG, #left_column_wide>IMG, #right_column>A>IMG, #left_column>A>IMG, #right_column_wide>A>IMG, #left_column_wide>A>IMG {
	border: 1px solid #f00;
	margin-bottom:	10px;
}



/* Tables */

.puff TABLE {
	width: 			555px;
	margin-left:	-10px;
	
}

.products TABLE {
	color:			#606060;
	font-weight:	bold;
	width:			100%;
	margin-left:	0;
}

.products TABLE TD{
	color:			#333;
}

.puff TABLE.middle TD {
	vertical-align:	middle;
}

.puff  TD {
	vertical-align:	top;
}







/* Forms */


FORM {
	text-align:		left;
}

FORM DIV {
	padding:		7px 0;
}

SPAN.half {
	width:			49%;
}

SPAN.half.left, .full {
	clear: 			both;
}

SPAN.fourth {
	width:			28%;
}

INPUT, TEXTAREA, SELECT {
	padding:		2px;
	margin-top:		2px;
	margin-bottom:	7px;
	border:			1px solid #8D8F90;
	font-size:		1.1em;
	background:		#fff;	
	vertical-align:	middle;
}

.puff TABLE INPUT {
	margin-bottom:	0;
}

.puff TABLE INPUT[type=button], .puff TABLE INPUT[type=submit] {
	margin:			3px 0;
}

INPUT.absolute {
	position:		absolute;
	left:			180px;
}

INPUT[type=radio] {
	margin-bottom:	5px;
	margin-top:		3px; 
	background:		transparent;
	border:			0;
}

INPUT[type=button], INPUT[type=submit] {
	cursor:			pointer;
}

SPAN.half INPUT, SPAN.half TEXTAREA, SPAN.half SELECT {
	width: 			97%;
}

.full INPUT, .full TEXTAREA {
	width: 			99%;
}

SPAN.full SELECT {
	width: 			100%;
}

SPAN.fourth INPUT, SPAN.fourth TEXTAREA, SPAN.fourth SELECT {
	width: 			99%;
}

TEXTAREA {
	height:			110px;
}

.buttons {
	width: 			100%;
	margin:			10px 0px 10px 0px;
	text-align: 	right;
}

.button {
	margin:			0px 0px 0px 10px;
	vertical-align:	bottom;
}

.skicka_nojs {
	width:			80px;
	height:			27px;
	background:		url(../img/button_skicka.gif) top left no-repeat;
	border:			0px;
}

.btn_small {
	background:		url(../img/btn_small.gif) top left no-repeat;
	width:			70px;
	height:			18px;
	border:			0;
	color:			#fff;
}

.btn_big {
	background:		url(../img/btn_big.gif) top left no-repeat;
	width:			97px;
	height:			25px;
	border:			0;
	color:			#fff;
	font-size:		12px;
}

.btn_short {
	background:		url(../img/btn_short.gif) top left no-repeat;
	width:			66px;
	height:			20px;
	border:			0;
	color:			#fff;
	font-size:		12px;
	position:		relative;
}

.btn_short[disabled=disabled] {
	opacity:		0.5;
	filter:			alpha(opacity=50);
}

.btn_big_yellow {
	background:		url(../img/btn_big_yellow.gif) top left no-repeat;
	width:			97px;
	height:			25px;
	border:			0;
	color:			#fff;
	font-size:		12px;
}

.feedback {
	float:			right;
	margin-right:	10px;
}






/* Picture Sidebar */

#picture_sidebar {
	text-align:		center;
	padding-top:	5px;
}

#picture_sidebar * {
	text-align:		left;
}

#picture_sidebar IMG{
	border:			1px solid #f00;
	margin-bottom:	5px;
}



/* Products */

#products_sidebar {
	position:		relative;
	overflow:		hidden;
	color:			#1074C5;
	font-weight:	bold;
}

#products_sidebar H2 {
	margin-bottom:	10px;
}

#products_sidebar UL {
	margin-top:		20px;
	list-style:		none;
	padding-left:	20px;
}

#products_sidebar UL SPAN {
	font-size:		1.1em;
	cursor:			pointer;
	vertical-align:	middle;
}

#products_sidebar UL SPAN.bigbull {
	/*background:		url(../img/ball_menu.png) top left no-repeat;*/
	padding:		5px 0 5px 0px;
}

#products_sidebar UL SPAN.bigbull IMG{
	vertical-align: middle;
	margin-right: 	5px;
}


#products_sidebar UL SPAN:HOVER {
	color:			#f00;
}

#products_sidebar LI UL{
	list-style-image:url(../img/ball_menu_small.png);
	margin:			0;
	margin-left:	20px;
	padding-top:	10px;
	font-size:		0.9em;
	
}

#products_sidebar LI{
	margin:			10px 0;
}

#products_sidebar LI LI{
	cursor:			pointer;
	margin: 		0;
	padding:		0;
}

#products_sidebar LI LI:HOVER {
	color:			#f00;
}

#products_sidebar A {
	color:			#1074C5;
	text-decoration:none;
}



#product_view_puff IMG{
	border:			1px solid #e69f13;
}

.order_shoppingcart {
	padding:		5px 10px;
	color:			#666666;
}

.show_order_details {
	text-decoration:underline;
	font-weight:	bold;
	cursor:			pointer;
	color:			#333;
	height:			26px;
	line-height:	26px;
}

.show_order_details:HOVER {
	color:			#000;
}

.new {
	color:			#F41600;
}

.sent {
	color:			#40A010;
}

.processed {
	color:			#1694e9;
}

.canceled {
	
}

#feedback {
	height:			15px;
	line-height:	15px;
	vertical-align:	middle;
	margin-right:	10px;
}

.moreInfo {
	cursor:			pointer;
}



/* Contact */

#logo_circle {
	height: 		182px;
	width: 			180px;
	margin: 		0 auto 10px auto;
	background:		url(../img/logo_circle.gif) bottom center no-repeat;
}

/* Hide from IE Mac \*/ 
.puff_content>#logo_circle {
	background:		url(../img/logo_circle.png) bottom center no-repeat;
}
/* End hide from IE Mac */




/* Gallery */

#picture_section {
	text-align:		center; 
	min-height:		383px;
}  

#picture_section IMG {    
    margin: 		8px;  
    cursor:			pointer; 
}  
 
#display_picture_container {  
    position:		absolute;  
    top: 			0px;  
    left:			0px;  
    width: 			100%; 
	height: 		100%; 
	text-align:		right;
	display: 		none;
}  
  
#display_picture_close { 
	position: 		relative;
	top: 			-10px;
	left: 			-20px; 
	cursor:			pointer;
	
}

#display_picture_background { 
    position:		absolute; 
	top: 			0px;
	left: 			0px;
	width:			100%;
	height: 		100%;
	/*imporant for IE to block klicking through*/   
	background-color:#000;
	opacity:		0; 
	filter:			alpha(opacity=0); 
	
	
}

#display_picture_img {  
	top: 			50px;
    height:			320px;
	width: 			100%; 
	text-align:		center;
	position: 		relative;
}

#big_picture {    
	border:			1px solid #2c2c2c;
	vertical-align: top;
}

.gallery_nav_element {
	height:			159px;
	width:			206px;
	margin:			0px;
	position: 		relative;
	float: 			left;
	cursor:			pointer;
	margin:			1px;
}

.gallery_nav_element {
	opacity:		0.4; 
	filter:			alpha(opacity=40); 
}


.gallery_nav_element:HOVER, .gallery_nav_element.active {
	opacity:		1.0; 
	filter:			alpha(opacity=100); 
}

.gallery_nav_text {
	position: 		absolute;
	bottom:			2px;
	left:			0;
	width: 			186px;
	height: 		139px;
	padding:		10px;
	text-align: 	right;
	opacity:		0.0; 
	color:			#fff;
	background:		none;
}

.gallery_nav_text:HOVER, .gallery_nav_element.active .gallery_nav_text {
	opacity:		1.0; 
	background:		none;
}



/* Meny */
.puff .folder_arrow {
	margin-left: 	10px;
	vertical-align:	middle;
	top: 			-1px;
}

.puff #meny_elements_0 {
	margin-bottom: 	5px;
}


/* Boka Bord */
#plan_tables_container {
	position: 		relative;
}

#choose_table {
	position:		relative;
}


/********************************************************/
/*    SECTION 1:5                                      */
/********************************************************/

#overlay {
	position: 		absolute;
	top: 			0;
	left: 			0;
	width: 			100%;
	height: 		100%;
	display: 		none;
	vertical-align: middle;
	z-index: 		1000;
	font-size: 		0.9em;
}

body>div#overlay {
   position: 		fixed;
} 

#overlay #overlayBackground {
	position: 		absolute;
	top: 			0;
	left: 			0;
	width: 			100%;
	height: 		100%;
	background-color: #000;
	filter:			alpha(opacity=70);
	opacity: 		.7;
}

#overlay #overlayContentBox {
	position: 		absolute;
	top: 			50%;
	left:			50%;
	width: 			500px;
	height: 		400px;
	margin-left: 	-250px;
	margin-top: 	-200px;
	color: 			#000;
}

#overlay #overlayContentBox h2{
	background: 	url(../img/top_puff_big.jpg) top right no-repeat;
}
	
#overlay #overlayContent {
	background-color: #c4c4c4;
}

#overlay #overlayContent .textbox {
	padding: 		5px;
	height: 		300px;
	width: 			450px;
	overflow: 		auto;
	margin: 		20px auto;
	border: 		1px solid #313131;
	text-align: 	justify;
	color: 			#111;
}

#overlay #overlayContent .bold {
	font-weight: 	bold;
}

#overlay #overlayContentBox .btn {
	float: 			right;
	margin-right: 	10px;
}

#overlay #skickaBtn, #overlay #stangBtn, #overlay #avbrytBtn {
	float: 			right;
}

#overlay #avbrytBtn {
	margin-top: 	-15px;
}

#overlay form {
	color: 			#000;
}