* {
   margin: 0px;
   padding: 0px;
   border: none;
}

body,html {
   text-align:center;
   font-family: "trebuchet ms",arial,sans-serif;
   color: #000;
}

a {
   color: #888;
}

a:hover {
   color: #D94C21;   
}


#loader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent url("/ramskaparen/images/indicator.gif") no-repeat center;
   z-index: 200;
   display: none;
}

#startup_screen {
   position: absolute;
   top: 0;
   left: 0;
   width: 870px;
   height: 332px;
   border: 0px solid;
   background: #fff url('/ramskaparen/images/loading_back.jpg') no-repeat;
   z-index: 200;
   font-size: 12px;
   text-align: right;
}

#startup_screen #startup_loader {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 230px;
   height: 330px;
   background: transparent url(/ramskaparen/images/startup_indicator.gif) no-repeat center;
}

#startup_screen a {
   position: absolute;
   width: 230px;
   height: 330px;
   top: 0;
   right: 0;
   color: #fff;
   border: 0px solid;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11px;
   text-decoration: none;
   background: url('/ramskaparen/images/loading_btn_hover.png');
   opacity: 0.75;
}

#startup_screen a:hover {
   color: #444;
   opacity: 1;
}

#startup_screen a:active {
	outline: none;
}


#help_screen {
   position: absolute;
   width: 870px;
   height: 300px;
   top: 0;
   left: 0;
   border: 0px solid;
   background: #fff;
   z-index: 200;
   font-size: 12px;
   text-align: right;
   display: none;
}

#help_screen a {
   position: absolute;
   width: 75px;
   top: 25px;
   right: 30px;
   color: #D94C21;
   border: 0px solid;
   background: #fff;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11px;
   text-decoration: none;
}

#help_screen a:hover {
   color: #333; 
}

#main_holder {
   position:relative;
   width: 870px;
   height: 332px;
   margin: 0;
}

#header_frame {
   position: relative;
   width: 100%;
   height: 30px;
   border: 0px solid;
   background: url("/ramskaparen/images/content/headerframe_bg.jpg") repeat-y 0 30px;
   overflow: hidden;
}

#holder_frame {
   position: relative;
   margin-top: 2px;
   height: 300px;
   background: url("/ramskaparen/images/content/skapare_bg.jpg");
}

#preview_frame {
   position: absolute;
   top: 15px;
   left: 600px;
   width: 255px;
   height: 235px;
   overflow: hidden;
   background: url("/ramskaparen/images/preview_background.jpg");
   cursor: pointer;
}

#left_frame {
   position: absolute;
   top: 15px;
   left: 300px;
   width: 261px;
   height: 261px;
   padding: 6px 3px 3px 6px;
   overflow: hidden;
}

#main_frame {
   position: absolute;
   top: 15px;
   left: 15px;
   width: 275px;
   height: 270px;
   border: 0px solid;
   text-align: left;
}

#tooltip {
   position: absolute;
   bottom: 15px;
   left: 300px;
   width: 270px;
   height: 35px;
   border: 0px solid;
   background: url('/ramskaparen/images/content/tooltip_bg.jpg');
   font-size: 11px;
   line-height: 35px;
   text-transform: none;
   color: #333;
}

#add_frame {
   position: absolute;
   bottom: 15px;
   left: 600px;
   width: 255px;
   height: 35px;
   border: 0px solid;
   background: url('/ramskaparen/images/content/tooltip_bg.jpg');
   font-size: 11px;
   line-height: 32px;
   text-transform: uppercase;
   color: #333;
}

.scroller {
   position: absolute;
   left: 0;
   bottom: 32px;
   width: 270px;
   height: 34px;
   border: 0px solid;
   background: #fff;   
}

#size {
   position: absolute;
   bottom: 48px;
   width: 230px;
   left: 20px;
   
}
#size_prev_outer,
#size_prev_inner {
   position:relative;
   margin: auto;
}

#size_prev_inner {
   position: relative;   
   background: #fff;
   border-right: 2px solid #eee;
   border-bottom: 2px solid #e6e6e6;
   border-top: 1px solid #ccc;
   border-left: 2px solid #ddd;
}

#size_prev_inner p {
   position: absolute;
   left: 2px;
   bottom: 2px;   
}

#size_prev_outer {
   text-align: left;
   background: #e9e9e9;
   background: url("/ramskaparen/images/content/cartinfo_bg.jpg");
   margin-top: 23px;
   border-right: 2px solid #ddd;
   border-bottom: 1px solid #ccc;
   border-top: 2px solid #f7f7f7;
   border-left: 2px solid #eee;
}

#size_prev_outer #out_size.breadtext {
   margin-left: 7px;
   margin-top: 5px;
}

.breadtext {
   font-size: 8px;
   border: 0px solid;
   color: #D94C21;
}


#header_frame a.header-item {
   position: relative;
   width: 168px;
   float:left;
   display:inline;
   line-height: 30px;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
   letter-spacing: 1px;
   color: #888;
   outline: none;
	cursor: default;
}

#header_frame a.header-item:hover {
/*   color: #D94C21;
*/}

#header_frame a.header-item.rm-btn-active {
   color: #fff;
}

#header_frame a#header_help {
   width: 198px;
   color: #fff;
   cursor: pointer;

}

#header_frame a:hover#header_help {
   color: #c5d1d9;
}


#header_frame span#cart_no {
   position: absolute;
   top: 0;
   width: 26px;
   height: 30px;
   right: 5px;
   color: #444;
   text-align: center;
   line-height: 30px;
}


/***********************************/
/******* ALTERNATIV FRAME **********/
/***********************************/

#left_frame a.button {
   width: 84px;
   height: 96px;
   float: left;
   margin: 0 3px 3px 0;
   background: #eee;
   overflow: hidden;
   font-size: 10px;
   line-height: 17px;
}

#left_frame a.button.rm-btn-active {
   background: #D94C21;
   color: #fff;
}


#left_frame img {
   width: 84px;
   height: 80px;
}

#left_frame a.button span {
   display:block;
}

#left_frame a#p_none {
	display:none;
}


/**********************************/
/********VALJAR FRAME *************/
/**********************************/

#main_frame .button,
#main_frame .button.rm-btn-active
 {
   width: 265px;
   height: 42px;
/*   line-height: 36px;*/
   margin-bottom: 2px;
   padding: 10px 0 0 10px;
   overflow: hidden;
}

#right_frame .button,
#add_frame .button,
#left_frame #foot .button {
   height: 35px;
   line-height: 35px;
} 


#right_frame .button,
#add_frame .button,
#left_frame #foot .button {
   width: 275px;
   padding:0;
}

#add_frame .button {
   width: 255px;
} 




#main_frame span {
/*   position: absolute;*/
   display:block;
/*   left: 10px;*/
/*   margin-top: -19px;*/
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #fff;
}

#main_frame .button.rm-alt-1 {
   height: 44px;
   background: url("/ramskaparen/images/content/button_menu_top.jpg");
}
#main_frame .button.rm-alt-2 {
   background: url("/ramskaparen/images/content/button_menu_general.jpg");
}

#add_frame .button.rm-alt-4 {
   color: #FfC9B8;
   background: url("/ramskaparen/images/content/button_right_orange.jpg");
}

#main_frame .button.rm-alt-4 {
   background: url("/ramskaparen/images/content/button_menu_bottom.jpg");
}

#main_frame .button.rm-alt-1.rm-btn-active {
   height: 44px;
   color: #D94C21;   
   background: url("/ramskaparen/images/content/button_menu_top_active.jpg");
}
#main_frame .button.rm-alt-2.rm-btn-active {
   color: #D94C21;   
   background: url("/ramskaparen/images/content/button_menu_general_active.jpg");
}
#main_frame .button.rm-alt-4.rm-btn-active {
   background: url("/ramskaparen/images/content/button_menu_bottom_active.jpg");
}

#main_frame .button.rm-alt-3:hover,
#add_frame .button.rm-alt-4:hover,
#main_frame .button.rm-alt-4:hover {
   color: #fff;
}

#add_frame .button.disabled {
   display: none;
}

#add_frame .button.disabled:hover {
   color: #d9ab9d;
}

#pristagg {
   position: absolute;
   top: 20px;
   right: 209px;
   color: #555;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11px;
   padding: 5px;
   background: #fff;
   opacity: 0.7;
}

#zooma_preview {
   position: absolute;
   top: 25px;
   right: 20px;
   width: 25px;
   height: 25px;
}

#zooma_preview a {
   width: 100%;
   height: 100%;
   background: url("/ramskaparen/images/content/zoom.gif");
   display: block;
}

#zooma_preview a:hover {
   background: url("/ramskaparen/images/content/zoom_on.gif");
}

/**********************************/
/************** UPLOAD ************/
/**********************************/


#left_frame #top {
   width: 100%;
   height: 298px;
}

#left_frame #foot {
   width: 100%;
   height: 35px;
   position: absolute;
   bottom: 0px;
   left: 0;
   border-top: 0px solid #eee;
}

#left_frame #foot .rm-upload-file {
   position: absolute;
   bottom: 5px;
   left: 20px;
   background: #f5f5f5;
}

#left_frame #foot #rm_upload_file_holder {
   position: absolute;
   top: -205px;
   height: 235px;
   width: 100%;
   background: #fff;
   opacity: 0.9;
   display:none;
   z-index: 50;
   left:0;
}

#left_frame #foot #rm_upload_file_holder #rm_upload_text {
   font-size: 12px;
   text-align: left;
   margin: 15px;
}

#left_frame #foot #rm_upload_file_holder #rm_upload_text div.safari {
	color:#FF0000;
	position:absolute;
	right:15px;
	top: 33px;
	text-align:center;
	width:120px;
	display:none;
	font-size: 10px;
}
#left_frame #foot #rm_upload_file_holder #rm_upload_text p.first {
   font-size: 14px;
   margin-bottom: 15px;
}

#left_frame #foot #rm_upload_file_holder #rm_upload_text p.last {
   margin-top: 15px;
}


#left_frame #foot .rm-submit {
   display:none;
}

#left_frame #foot .rm-upload {
   position: absolute;
   font-size: 13px;
   bottom: 0px;
   left: 0;
   width: 270px;
   height: 35px;
   margin: 0;
   z-index: 10;
   line-height: 35px;
   color: #ffc9b8;
   background: url("/ramskaparen/images/content/button_right_orange.jpg")
}

#left_frame #foot .rm-upload:hover {
   color: #fff;
}

/**********************************/
/*********** CART STYLING *********/
/**********************************/

#right_frame {
   position: absolute;
   top: 15px;
   left: 600px;
   width: 255px;
   height: 270px;
   border: 0px solid;
}

#right_frame .button {
   height: 35px;
   line-height: 35px;
   width: 255px;
   border: 0px solid;
   margin-bottom: 2px;
}

#right_frame .button.rm-alt-3 {
   color: #eee;
   background: url("/ramskaparen/images/content/button_right_grey.jpg")
}
#right_frame .button.rm-alt-4 {
   color: #FFC9B8;
   background: url("/ramskaparen/images/content/button_right_orange.jpg")
}

#right_frame .button:hover {
   color: #fff;
}

#cart_legend {
   position: relative;
   height: 34px;
   width:521px;
   margin-bottom: 2px;
   line-height:34px;
   text-align:left;
   text-decoration: none;
   color: #999;
   z-index: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
   background: url("/ramskaparen/images/content/item_bg.jpg");
   float: left;
}

#cart_info {
   position: relative;
   margin-bottom: 2px;
   width: 255px;
   height: 196px;
   background: url("/ramskaparen/images/content/cartinfo_bg.jpg");
   text-decoration: none;
   color: #999;
   font-size: 11px;
   line-height: 11px;
}

#cart_info div {
   text-align: left;
}

#cart_info .rm_cart_info_head {
   height: 16px;
   text-transform: uppercase;
   text-align: center;
   border-bottom: 1px solid #999;
   line-height: 14px;
   margin: 0 10px 10px 10px;
   padding-top: 4px ;
}

#cart_info .rm_cart_flow_1 {
   margin-left: 10px;
   margin-right: 45px;
}

#cart_info .rm_cart_flow_2 {
   position: absolute;
   right: 81px;
}

#cart_info .rm_cart_flow_3 {
   position: absolute;
   right: 10px;
   color: #333;
}

#cart_info .rm_cart_down {
   width: 100%;
   position: absolute;
   bottom: 10px;
   left: 0;
}


#cart_frame {
   position: absolute;
   top: 15px;
   left: 15px;
   width: 555px;
   height: 270px;
   overflow: hidden;
}

#cart_items {
   position: absolute;
   top: 36px;
   left: 0;
   width: 521px;
   height: 234px;
   overflow: hidden;
}

#cart_items_scroll {
	position: relative;
}

#cart_scroller {
   position: absolute;
   top: 0;
   right: 0;
   width: 32px;
   height: 270px;
   background: url("/ramskaparen/images/content/bar_middle.jpg");
}

#cart_scroller a.scroll_top {
   position: absolute;
   top: 0;
   left: 0;
   width: 32px;
   height: 32px;
   background: url("/ramskaparen/images/content/bar_up_on.jpg");
}

#cart_scroller a.scroll_bottom {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 32px;
   height: 32px;
   background: url("/ramskaparen/images/content/bar_down_on.jpg");
}
#cart_scroller a:hover.scroll_top {
   background: url("/ramskaparen/images/content/bar_up_active.jpg");
}

#cart_scroller a:hover.scroll_bottom {
   background: url("/ramskaparen/images/content/bar_down_active.jpg");
}


#cart_legend div {
   font-size: 11px;
   float: left;
   text-align: left;
   margin: 0 4px 0 4px;
}

#cart_legend div.cart_legend_1 {
   width: 51px;
}

#cart_legend div.cart_legend_2 {
   width: 270px;
}

#cart_legend div.cart_legend_3 {
   width: 69px;
}

#cart_legend div.cart_legend_4 {
   width: 90px;
   text-align: right;
}


#cart_items #cart_message {
   position: relative;
   height: 100%;
   border: 0px solid;

   text-align: left;
   margin-left: 15px;
   margin-top: 15px;
   font-size: 12px;
   color: #333;
}


#holder_frame div.rm_cart_item_div {
   position: relative;
   display: block;
   overflow: hidden;
   line-height:17px;
   text-decoration: none;
   font-size: 11px;
   color: #000;
   cursor: pointer;
}

#holder_frame div.rm_cart_item {
   position: relative;
   height: 57px;
   width:521px;
   margin-bottom: 2px;
   text-align:left;
   z-index: 0;
   background: url("/ramskaparen/images/content/item_bg.jpg");
}



#holder_frame div.rm_cart_item div.rm_cart_content {
   float: left;
   width: 240px;
   margin-top: 6px;
   color: #888;
   line-height: 15px;
   border: 0px solid;
}

#holder_frame div.rm_cart_item div.rm_cart_content span.rm_cart_item_header {
   font-size: 13px;
   color: #444;
}


#holder_frame div.rm_cart_item img {
   height: 49px;
   width: 51px;
   margin: 4px 8px 4px 4px;
   float:left;
}





#holder_frame .rm_cart_modifiers {
   position: absolute;
   top: 0px;
   right: 52px;
   width: 160px;
   height: 57px;
   border: 0px solid #fff;
   text-align: center;
   z-index: 0;
   display: block;
}

#holder_frame .rm_cart_modifiers .rm_cart_amount {
   position: relative;
   width: 40px;
   height: 18px;
   background: #fff;
   font-size: 14px;
   margin-left: 2px;
   margin-right: 2px;
   margin-top: 0px;
   margin-bottom: 13px;
   padding: 10px 0;
   color: #444;
   text-align: center;
   display: block;
   border: 1px solid #ddd;
}

#holder_frame .rm_cart_modifiers a.rm_button_mini {
   position: relative;
   padding: 1px 2px;
   width: 40px;
   height: 15px;
   font-size: 10px;
   color: #999;
   border: 1px solid #ddd;
   text-decoration: none;
   background: #fff;
   display: block;
   line-height: 15px;
   margin-bottom: 2px;
}

#holder_frame .rm_cart_modifiers a.rm_button_mini.rm_extra_mini {
   font-size: 16px;
   font-weight: normal;
   line-height: 14px;
   width: 20px;
}

#holder_frame .rm_cart_modifiers a:hover.rm_button_mini {
   background: #fff;
}

#holder_frame .rm_cart_pricing {
   width: 100px;
   height: 57px;
   position: absolute;
   top: 0px;
   right: 15px;
   text-align: right;
   font-size: 12px;
   line-height: 57px;
   color: #D94C21;
/*   display:none;*/
}

#holder_frame .floater {
   border: 0px solid;
   height: 57px;
   position:relative;
   float: left;
   margin-top: 10px;
}


/********************
   KONTAKTUPPGIFTER
 ********************/

#kontakt_frame,
#betalning_frame {
   width: 555px;
   height: 270px;
   left: 15px;
   overflow: hidden;
   position: absolute;
   top:15px;
   text-align: left;

}

#kontakt_form div.headline {
   position: relative;
   height: 34px;
   width:247px;
   margin-bottom: 2px;
   line-height:34px;
   text-align:left;
   text-decoration: none;
   color: #333;
   z-index: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
   background: url("/ramskaparen/images/content/item_bg.jpg");
   padding: 0 15px;
   font-size: 13px;
   float:left;
}

#kontakt_form div#head_2.headline {
   margin-left: 1px;
}

#kontakt_form div#fader {
   position: absolute;
   right: 0;
   top: 0;
   width: 277px;
   height: 200px;
   background: #ddd;
   opacity: 0.8;
}



#form div.col {
   padding: 15px;
   background: #ddd;
   width: 247px;
   height: 270px;
   float: left;
}

#form div#form_2.col {
   margin-left: 1px;

}

#form div.row {
   color: #333;
   border-top: 1px solid #fff;
   margin-top: 5px;
   padding-top: 5px;
}

#form span.small {
   font-size: 11px;
}

#form span.small.input {
   line-height: 23px;
}

#form input {
	width: 235px;
	height: 15px;
	margin: 0 0 5px 0;
	font-size: 10px;
	font-family:"trebuchet ms",arial,sans-serif;
	border: none;
	padding: 4px 5px;
	background: #fff;
	color: #333;
}

#form textarea{
	width: 305px;
	height: 75px;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 11px;
	font-family:"trebuchet ms",arial,sans-serif;
	border: none;
	background: #fff;
}

#form input.checkbox {
	width: 14px;
	height: 14px;
	margin: 5px 5px 5px 0;
	font-size: 11px;
	font-family:"trebuchet ms",arial,sans-serif;
	border: none;
	padding: 0px;
	vertical-align: middle;
}

#form .error {
	background: #D94C21;
	font-weight: bold;
}





#form input#postnummer,
#form input#fornamn,
#form input#lev_postnummer,
#form input#lev_fornamn
 {
   width: 100px;
   margin-right: 5px;
}

#form input#ort,
#form input#efternamn,
#form input#lev_ort,
#form input#lev_efternamn {
   width: 120px;
}




/************
   KASSA
 *************/

#betalning_frame #iframe,
#betalning_frame #iframe iframe
 {
	width: 555px;
	height: 270px;
	background: url('/ramskaparen/images/betalning_loading.png');
}


#debug {
   position: absolute;
   width: 200px;
   right: 0;
   z-index: 10;
   font-size: 10px;
   overflow: auto;
   color: #000;
   background: #fff;
   display:none;
}

/***************
    END
 ***************/
.end_title {
	position:absolute;
	font-size: 16px;
	top: 100px;
	width: 100%;
	text-align: center;
	color: #fff;
	left: 0;
}

.end_title p.end_title_1 {
	margin-bottom: 20px;
}

.end_title p.end_title_2 {

}

.end_title p.end_title_orderid {
   text-transform: uppercase;
   font-size: 45px;
   margin-bottom: 20px;
}


/*********/
/* other */
/*********/


.button {
   font-size: 13px;
   display:block;
   outline:none;
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.expand {
   height: 233px !important;	
}