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

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

body {
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-darkshadow-color: #eeeeee;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #dfdfdf;
}

td {
    font: 11px tahoma;
    line-height: 14px;
}

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

img { border: 0px; }

h1 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 0px;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 4px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: -4px;
	margin-bottom: -12px;
	color: #ffffff;
}

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

.orange {
	font-weight: bold;
	text-decoration: none;
	color: #ff8e14;
}

/************************************/
/* produktmeny                      */
/************************************/

.menuTopLevel { 
	font: 11px tahoma, arial, helvetica, sans-serif; 
	background-color: #b01805; 
	padding: 5px 0px;
}

.topLevelLink {
	margin: 2px 0px;
}

.menuSubLevel {
	font: 11px tahoma, arial, helvetica, sans-serif; 
	background-color: orange; 
	/*padding: 1px 0px;*/
	padding-top: 2px;
}
.menuTopLevel { font-weight: bold; }
.menuTopLevel a, .menuSubLevel a { color: #ffffff; }

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

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

.viewCartHeader td {
    background-color: #c02d1a;
    font-weight: bold;
    padding: 0px 5px;
    height: 18px;
    color: #ffffff;
}

.viewCartRow1 td, .viewCartRow2 td{
    background-color: #eeeeee;
    padding: 5px;
}

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

.viewCartRow3 td{ padding: 5px; }

.productTd {
    border: 1px solid #cccccc;
}

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

.btnLogin, .btnLogin2, .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/global/ok.jpg) no-repeat;
}

.btnLogin {
	width: 30px;
	background: url(../gfx/menu/ok.jpg) no-repeat;	
}

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

.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;
}

.loginOk {
	width: 36px;
	background: url(../gfx/menu/ok.jpg) no-repeat;
	margin-bottom: -1px;
}

.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: 30px;
	border: 0px;
	padding: 0px;
	margin-bottom: 0px;
	background: url(../gfx/shop/product_cart.gif) no-repeat;
	cursor: pointer;
}

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

/************************************/
/* formulr                         */
/************************************/

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

.textbox { width: 340px; }
.textbox115 { width: 115px; }
.textbox220 { width: 220px; }
.textbox288 { width: 288px; }

textarea {
    width: 340px;
    height: 120px;
}

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

.qtyBox, .qtyBox2 {
    width: 30px;
    height: 25px;
    font-size: 16px;
    border: 1px solid #cccccc;
    text-align: right;
    padding-right: 2px;
    margin: 0px;
}

.qtyBox2 {
    height: 18px;
    font-size: 12px;
}

.subMenuTextbox, .searchTextbox {
	width: 120px;
	height: 17px;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding: 0px 2px;
}

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

#cart_single_line {
  font-family: 'Courier New';
  font-size: 11px;
}

/************************************/
/* lager                            */
/************************************/

.bg_top {
	height: 80px; 
	width: 217px;
	z-index: 3;
	position: absolute;
}

.menu_top {
	height: 29px; 
	width: 400px; 
	top: 1px;
	left: 213px;
	background: #ffffff url(../gfx/menu/menu_bg.gif) no-repeat; 
	padding-top: 9px; 
	padding-left: 17px; 
	letter-spacing: 3px;
	z-index: 4;
	position: absolute;
}

.datum_top {
	width: 200px; 
	top: 15px;
	left: 567px;
	z-index: 4;
	position: absolute;
	text-align: right;
}

.search_top {
	width: 220px; 
	height: 25px;
	top: 55px;
	left: 237px;
	z-index: 4;
	position: absolute;
}


.menu2_top {
	top: 60px; 
	left: 477px; 
	position: absolute; 
	width: 293px;
}

.register_top {
	height: 19px; 
	width: 85px; 
	top: 86px; 
	left: 635px;
	position: absolute; 
	z-index: 4;
}

.login_top {
	top: 35px; 
	left: 482px; 
	position: absolute;
	width: 286px;
	z-index: 4;
	height: 21px;
	text-align: right;
}

.menu_left {
	background: #f2f2f2;
	width: 217px;
	height: 100%; 
	top: 0px;
	position: absolute;
	z-index: 3;
}

.menu_left2 {
	margin-top: 100px; 
	position: relative; 
	z-index: 4;
}

.inside {
	left: 13px;
	top: 20px;
	width: 540px;
	position: absolute; 
	background-color: #ffffff; 
	z-index: 10;
}

.sida1, .sida2{
	left: 14px; 
	top: 8px; 
	position: absolute; 
	width: 536px;
}

.sida2 {
	width: 500px;
}

.news {
	left: 327px; 
	top: 0px; 
	width: 205px; 
	height: 180px; 
	background: #000000 url(../gfx/top/newsbox_top.jpg) no-repeat; 
	color: #ffffff; 
	position: absolute;
}

.bottom1 {
	background-color: #b01805; 
	color: #ffA397;
	width: 900px; 
	height: 33px; 
	padding: 9px; 
	/*text-align: center;*/
}

.bottom2 {
	background-color: #b01805;
	height: 28px; 
	top: 0px; 
	left: 218px; 
	width: 700px; 
	position: absolute; 
	padding: 11px; 
	color: #ffffff;
	font-size: 11px;
}

/************************
*	nya menyn
************************/

.topLevel {
	font: 11px tahoma, arial, helvetica, sans-serif; 
	padding: 5px 0px;
	width: 217px;
	height: 20px;
	margin: 0px;
	background: #b01805 url(../classes/gfx/arrow18.gif) no-repeat;
	background-position: 10px 7px;
}

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

.level2, .level3, .level4 {
	font: 11px tahoma, arial, helvetica, sans-serif; 
	padding: 1px 0px;
	width: 217px;
	height: 20px;
	margin: 0px;
	background: orange url(../classes/gfx/arrow18.gif) no-repeat;
	background-position: 20px 3px;
}

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

.level2 a, .level3 a, .level4 a {
	color: #ffffff;
}