/*******************************************************************************
* 		basformatering
*******************************************************************************/

html {
	overflow-x: hidden;
}

body, div {
    font: 11px tahoma;
    margin: 0px;
    padding: 0px;
	 color: #000000;
}

img { border: 0px; }

td {
    font: 11px tahoma;
    vertical-align: top;
}

a {
	color: #db001b;
	text-decoration: none;
}

a.news {
    font: normal 11px tahoma;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #db001b;
}

a.submenu {
    font: normal 11px tahoma;
    color: #000000;
    letter-spacing: 2px;
    line-height: 23px;
    text-transform: uppercase;
    color: #7b1a44;
    margin-left: 12px;
}

h1 {
    margin-top: 0px;
    font: normal 30px tahoma;
    margin-top: 0px;
    color: #ffffff;
}

h2 {
    margin-top: 0px;
    margin-bottom: 5px;
    font: normal 22px tahoma;
    color: #db001b;
}

h3 {
	font: bold 15px tahoma;
   margin-top: 0px;
   color: #666666;
}

em {
	font-style: normal;
	color: #db001b;
}

cite {
	font-weight: bold;
	text-decoration: none;
	color: #db001b;
}

span{
	font-size: 9px;
}

var {
	font-style: normal;
}

hr {
	background-color: #cccccc;
	color: #cccccc;
	border: 0px;
	height: 1px;
}

p {
	margin: 0px;
	font: 11px tahoma;
}

/*******************************************************************************
* 		classer
*******************************************************************************/

a.menu_white  {
	font: bold 11px tahoma;
	color: #ffffff;
	text-transform: uppercase;
	margin-right: 20px;
}

a.menu_blue {
	font: bold 11px tahoma;
	color: #0067c6;
	text-transform: uppercase;
	margin-right: 20px;
}

.spacing {
	position: relative;
	height: 5px;
}

.head_margin {
	margin-left: -4px;
}

.box {
	width: 131px;
	height: 131px;
	left: 0px;
	top: 0px;
	position: relative;
	margin-right: 13px;
	margin-bottom: 13px;
	float: left;
	cursor: pointer;
}

.ruta, .imgruta {
	z-index:2;
	position: absolute;
	left: 0px;
	top: 0px;
	width:131px;
	height:131px;
	clip:rect(0px 131px 131px 0px);
	display:block;
	overflow:hidden;
}

.img_rounded {
	background: transparent url(../gfx/global/rund_ruta.gif) no-repeat;
	width: 131px;
	height: 131px;
	overflow:hidden;
	z-index:3;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ruta2 {
	margin-bottom: 13px;
}

.gul {
	color: #ffe300;
	font-weight: bold;
}

.lable {
	z-index: 200;
	width: 127px;
	top: 100px;
	color: #ffffff;
	background-color: #da0017;
	position: absolute;
	text-align: center;
	padding: 2px;
}


/*******************************************************************************
* 		menyn
*******************************************************************************/

.topLevel {
	font: 11px tahoma;
	padding: 3px 0px;
	width: 155px;
	height: 12px;
	background: transparent url(../gfx/global/pil.gif) no-repeat;
	background-position: 0px 7px;
	left: 0px;
	position: relative;
}

.topLevel a {
	color: #db001b;
	font-weight: bold;


}

.level2, .level3, .level4 {
	font: normal 10px tahoma;
	padding: 1px 0px;
	width: 155px;
	height: 20px;
	background: transparent url(../gfx/global/pil.gif) no-repeat;
	background-position: 15px 7px;
	left: 0px;
	position: relative;
}

.level3 { background-position: 30px 7px;}
.level4 { background-position: 40px 7px;}

.level2 a, .level3 a, .level4 a {
	color: #db001b;
	font-weight: bold;
	vertical-align: middle;
	line-height: 18px;
}


/*******************************************************************************
* 		tabeller
*******************************************************************************/

.viewCartTable {
	width: 768px;
	border: 0px;
}

.viewCartHeader td {
	background-color: #db001b;
	padding: 2px 5px;
	height: 18px;
	color: #ffffff;
	vertical-align: middle;
	font: bold 11px tahoma;
}

.viewCartRow1 td, .viewCartRow2 td{
    background-color: #f2f2f2;
    padding: 5px;
    font: 11px tahoma;
}

.viewCartRow2 td{ background-color: #ffffff; }

.viewCartRow3 td{ padding: 5px; font: 11px tahoma;}

.productTd {
    width: 375px;
}

.sub_table td {
	/*line-height: 31px;*/
	vertical-align: top;
	height: 30px;
}

/*******************************************************************************
* 		knappar
*******************************************************************************/

.btnLogin, .btnSave, .btnSend, .loginOk, .btnSearch, .btnOk, .btnCheckout, .btnConfirm, .btnUpdate, .btnSave2, .btnSend2, .btnSearch2, .btnCheckout2, .btnConfirm2, .btnUpdate2{
	height: 17px;
	margin: 0px 0px 1px 0px;
	border: 0px;
	cursor: pointer;
}

.btnCheckout {
	width: 107px;
	background: url(../gfx/shop/check_out.jpg) no-repeat;
}

.btnCheckout2 {
	width: 76px;
	background: url(../gfx/shop/check_out_2.jpg) no-repeat;
}

.btnConfirm {
	width: 107px;
	background: url(../gfx/shop/confirm.jpg) no-repeat;
}

.btnConfirm2 {
	width: 107px;
	background: url(../gfx/shop/confirm_2.jpg) no-repeat;
}

.btnUpdate {
    width: 80px;
	background: url(../gfx/shop/recalculate.jpg) no-repeat;
}

.btnUpdate2 {
    width: 95px;
	background: url(../gfx/shop/recalculate_2.jpg) no-repeat;
}

.btnOk {
	width: 30px;
	background: url(../gfx/shop/btn_ok.jpg) no-repeat;
}

.btnOkTop {
	width: 30px;
	border: 0px solid red;
	font: bold 11px tahoma;
	color: #ffffff;
	background-color: transparent;
	background: transparent url(../gfx/global/pil_white.gif) no-repeat;
	padding-left: 10px;
	background-position: 0px 4px;
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: 2px;
}


.btnLogin {
	width: 30px;
	background: url(../gfx/shop/login.jpg) no-repeat;
	margin-bottom: 2px;
}

.btnLogin2 {
	border: 0px;
	width: auto;
	font: bold 11px tahoma;
	color: #db0019;
	background-color: transparent;
	background: transparent url(../gfx/global/pil_white.gif) no-repeat;
	padding-left: 10px;
	background-position: 0px 4px;
	cursor: pointer;
	margin-left: 80px;
	margin-top: 2px;
}

.btnSave {
	width: 62px;
	background: url(../gfx/shop/save.jpg) no-repeat;
}

.btnSave2 {
	width: 62px;
	background: url(../gfx/shop/save_2.jpg) no-repeat;
}

.btnSend {
	width: 62px;
	background: url(../gfx/shop/send.jpg) no-repeat;
}

.btnSendContact {
	width: 95px;
	font: 11px tahoma;
	color: #7b1a44;
	background-color: transparent;
	border: 0px solid red;
	height: 17px;
	margin: 0px;
	cursor: pointer;
	text-align: left;

}

.loginOk {
	width: 37px;
	height: 38px;
	background: url(../gfx/top/button_login.gif) no-repeat;
}

.btnSearch {
	width: 28px;
	background: url(../gfx/menu/search.gif) no-repeat;
	/*margin-top: 6px;*/
}

.btnSearch2 {
	width: 46px;
	background: url(../gfx/menu/eng/search.gif) no-repeat;
	/*margin-top: 6px;*/
}

.btnCart, .btnCartCheckout {
	height: 26px;
	width: 150px;
	border: 0px;
	padding: 0px;
	/*background: url(../gfx/shop/product_cart.gif) no-repeat;*/
	color: #db001b;
	font: bold 11px tahoma;
	cursor: pointer;
	margin: 0px;
	text-align: left;
	background-color: transparent;
	margin-left: 10px;
}

.btnCartCheckout {
	background: url(../gfx/shop/check_out.jpg) no-repeat;
}

.btnSendContact {
	background: transparent url(../gfx/knappar/knapp_skicka.gif) no-repeat;
	width: 54px;
	height: 22px;
	cursor: pointer;

}

/*******************************************************************************
* 		formulär
*******************************************************************************/

.textbox, .textbox115, .textbox220, .textbox220, .textbox288, .textbox415, textarea, select {
    border: 1px solid #cccccc;
    margin: 2px 0px;
    padding: 1px;
    font: 11px tahoma;
    color: #000000;
}

.textbox_login {
    border: 0px solid red;
    margin: 2px 0px;
    padding: 2px;
    font: 11px tahoma;
    color: #000000;
    width: 140px;
}

.textbox { width: 340px; }
.textbox115 { width: 115px; }
.textbox220 { width: 290px; }
.textbox288 { width: 288px; }
.textbox415 { padding: 4px; width: 409px; }

.textbox200 {
	border: 0px;
	padding: 4px;
	font: 11px tahoma;
	width: 238px;
}

textarea {
    width: 504px;
    height: 120px;
    overflow: auto;
    border: 0px;
    padding: 4px;
}

.textarea220 {
	width: 220px;
	height: 160px;
}

.qtyBox, .qtyBox2 {
    width: 28px;
    height: 26px;
    font-size: 16px;
    text-align: right;
    padding-right: 2px;

    border: 1px solid #db001b;
}

.qtyBox2 {
    height: 14px;
    width: 20px;
    font-size: 12px;
    border: 1px solid #cccccc;
}

.subMenuTextbox, .searchTextbox {
	width: 170px;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding: 3px;
	color: #888888;
}

.loginBox {
	width: 168px;
	height: 21px;
	font: 11px tahoma;
	background: url(../gfx/top/login_bg.gif) no-repeat;
	border: 0px;
	padding: 5px;
	margin-bottom: 8px;
}

.searchTextbox {
	width: 115px;
	margin-top: 6px;
}

#cart_single_line {
  /*font-family: 'Courier New';
  font-size: 11px;*/
  font: 10px tahoma;
}

/**********************************************************************************************
* 	produktvisning
**********************************************************************************************/

#details_top {
	background: #ffffff url(../gfx/global/bg_details_uppe.gif) no-repeat top left;
	width: 770px;
	height: 14px;
	top: 0px;
	left: 0px;
	position: relative;
}

#details {
	background-color: #ffffff;
	border: 1px solid #f8b323;
	border-top: 0px;
	border-bottom: 0px;
	width: 733px;
	position: relative;
	padding: 10px 15px 0px 20px;
	left: 0px;
	top: 0px;
	min-height: 320px !important;

}

#details_bottom {
	background: #ffffff url(../gfx/global/bg_details_nere.gif) no-repeat bottom left;
	width: 770px;
	height: 16px;
	top: -12px;
	left: 0px;
	position: relative;
}

#pNum_top {
	background: #ffffff url(../gfx/global/img_ram_uppe.gif) no-repeat bottom left;
	width: 468px;
	height: 13px;
	top: -7px;
	left: 0px;
	position: relative;
	border: 0px;
}

#pNum {
	background-color: #ffffff;
	border: 1px solid #ffe8bb;
	border-top: 0px;
	border-bottom: 0px;
	width: 466px;
	position: relative;
	padding: 30px 0px;
	left: 0px;
	top: -7px;
	min-height: 320px !important;
	text-align: center;
}

#pNum_bottom {
	background: #ffffff url(../gfx/global/img_ram_nere.gif) no-repeat bottom left;
	width: 468px;
	height: 13px;
	top: -7px;
	left: 0px;
	position: relative;
}

.list_top {
	background: #ffffff url(../gfx/global/bg_list_uppe.gif) no-repeat bottom left;
	width: 375px;
	height: 14px;
	top: 0px;
	left: 0px;
	position: relative;

}

.list {
	background-color: #ffffff;
	border: 1px solid #f8b323;
	border-top: 0px;
	border-bottom: 0px;
	width: 343px;
	position: relative;
	padding: 10px 15px;
	left: 0px;
	top: 0px;
	height: 187px;
}

.list_bottom {
	background: #ffffff url(../gfx/global/bg_list_nere.gif) no-repeat bottom left;
	width: 375px;
	height: 13px;
	top: 0px;
	left: 0px;
	position: relative;
}

.img_top {
	background: #ffffff url(../gfx/global/img_ram_uppe_sml.gif) no-repeat top left;
	width: 216px;
	height: 13px;
	top: -7px;
	left: 0px;
	position: relative;
	border: 0px;
}

.img {
	background-color: #ffffff;
	border: 1px solid #ffe8bb;
	border-top: 0px;
	border-bottom: 0px;
	width: 214px;
	position: relative;
	padding: 0px;
	left: 0px;
	top: -7px;
	text-align: center;
	min-height: 175px !important;
}

.img_bottom {
	background: #ffffff url(../gfx/global/img_ram_nere_sml.gif) no-repeat bottom left;
	width: 216px;
	height: 14px;
	top: -7px;
	left: 0px;
	position: relative;
}

#price {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

/**********************************************************************************************
* 	kontakt
**********************************************************************************************/
#contact_ram {
	top: 150px;
	left: 204px;
	width: 563px;
	position: absolute;
}


#contact_top {
	background: #ffffff url(../gfx/global/bg_contact_uppe.gif) no-repeat top left;
	width: 563px;
	height: 10px;
	top: 0px;
	left: 0px;
	position: relative;
}

#contact {
	background-color: #f8b323;
	border-top: 0px;
	border-bottom: 0px;
	width: 528px;
	position: relative;
	padding: 10px 15px 0px 20px;
	left: 0px;
	top: 0px;
	min-height: 320px !important;
}

#contact_bottom {
	background: #ffffff url(../gfx/global/bg_contact_nere.gif) no-repeat bottom left;
	width: 563px;
	height: 11px;
	top: -11px;
	left: 0px;
	position: relative;
}

/*******************************************************************************
* 	mainframe
*******************************************************************************/

#hem_top {
	background: #000000 url(../gfx/global/bg_svart_uppe.gif) no-repeat top left;
	color: #ffffff;
	width: 768px;
	height: 18px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#hem {
	background: #000000  url(../gfx/global/flames.gif) no-repeat bottom right;
	color: #ffffff;
	width: 708px;
	position: relative;
	padding: 36px 30px 0px 30px;
	left: 0px;
	top: 0px;
	height:110px;
	min-height: 110px !important;
}

#hem_bottom {
	background: #000000 url(../gfx/global/bg_svart_nere.gif) no-repeat top left;
	color: #ffffff;
	width: 768px;
	height: 16px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	border-bottom:20px solid #FFF;
}

#main {
	left: 240px;
	top: 50px;
	width: 415px;
	position: absolute;
	z-index: 2;
	padding-bottom: 20px;
}

#produkt_kat {
	left: 0px;
	top: 20px;
	position: relative;
	width: 728px;
	height: 278px;
	background: url(../gfx/rubriker/rub_produktkategorier.gif) no-repeat top left;
	padding-left: 47px;
}



/*******************************************************************************
*	bottomframe
*******************************************************************************/

#bottom {
	background: #7b1d42;
	height: 44px;
	top: 0px;
	left: 0px;
	width: 901px;
	position: absolute;
	padding: 0px;
	color: #ffffff;
	font: bold 11px tahoma;
}

#bottom2 {
	background: #7b1d42;
	height: 15px;
	top: 20px;
	left: 0px;
	width: 891px;
	position: absolute;
	padding: 5px;
	color: #ffffff;
	font: 11px tahoma;
	text-align: center;
}

/*******************************************************************************
*	topframe
*******************************************************************************/

#logo {
	position: absolute;
	width: 198px;
	height: 85px;
	left: 0px;
	top: 10px;
	background: transparent url(../gfx/global/logo-papershop.gif) no-repeat;
	cursor: pointer;
}

#links {
	position: absolute;
	width: 580px;
	top: 56px;
	left: 400px;
	z-index: 3;
	height: 23px;
}

#links_shop {
	position: absolute;
	width: 575px;
	top: 80px;
	left: 400px;
	z-index: 3;
	height: 25px;
	text-align: right;
}
/*******************************************************************************
*	menuframe
*******************************************************************************/

#menu_top {
	background: #f8b323 url(../gfx/global/bg_gul_uppe.gif) no-repeat top left;
	color: #db001b;
	width: 185px;
	height: 19px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#menu {
	background-color: #f8b323;
	color: #ffffff;
	width:165px;
	position: relative;
	padding: 26px 0px 0px 20px;
	left: 0px;
	top: 0px;
	min-height: 459px !important;
	height:459px;
}

#menu_bottom {
	background: #f8b323 url(../gfx/global/bg_gul_nere.gif) no-repeat bottom left;
	color: #db001b;
	width: 185px;
	height: 16px;
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#menu_loggedin {
	color: #db001b;
	bottom: 20px;
	left: 20px;
	position: absolute;
}

#varukorg {
	background: #da001a url(../gfx/global/varukorg_hjarta.gif) no-repeat top left;
	height: 57px;
	width: 175px;
	bottom: 0px;
	position: absolute;
	padding-top: 100px;
	padding-left: 10px;
	color: #ffe300;
	font-weight: bold;
}