html
{
	width: 98%;
	height: 95%;
}

body
{
	width: 98%;
	height: 95%;
	background-color: #f5e2ea;
	background-image: url(/Site/Themes/Unelma/Images/bg.png);
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

img
{
	border: 0;
}

div, td
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
}

input, select
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 10px;
	color: #f7b95a;
	border: 0;
	background-color: #fff;
}

a
{
	color: #e74273;
}

a:hover
{
	color: #e74273;
}

a.white
{
	color: #ffffff;
	text-decoration: underline;
}

a.white:hover
{
	color: #ffffff;
	text-decoration: none;
}

a.orange
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 8px;
	color: #f7b95a;
	font-weight: bold;
	text-decoration: none;
}

a.orange:hover
{
	color: #fff;
}

a.grey
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 10px;
	color: #808181;
	font-weight: bold;
	text-decoration: none;
}

a.grey:hover
{
	color: #808181;
	text-decoration: underline;
}

a.pink
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 14px;
	color: #e74273;
	font-weight: bold;
	text-decoration: none;
}

a.leftmenu
{
	font-family: tahoma, arial, helvetica, verdana;
	color: #808181;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}

a.leftmenu_selected
{
	font-family: tahoma, arial, helvetica, verdana;
	color: #e74273;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}

a.leftmenu_sub
{
	font-family: tahoma, arial, helvetica, verdana;
	color: #898a8a;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

a.leftmenu_sub_ind
{
	font-family: tahoma, arial, helvetica, verdana;
	color: #898a8a;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	margin-left: 34px;
}


h1
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0;
}

h2
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #79bfe2;
	margin: 0;
}

h3
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #e50036;
}

h4
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 15px 0 0 0;
}

h5
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 16px;
	font-weight: bold;
	color: #e74273;
	margin: 0;
}

.displaynone
{
	display: none;
}

.displayblock
{
	display: block;
}

.bold
{
	font-weight: bold;
}

.grey
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #808181;
}

.black
{
	color: #000000;
}

.top
{
	background-image: url(/Site/Themes/Unelma/Images/bg_top.jpg);
	background-repeat: repeat-y;
	height: 118px;
}

.button
{
	margin: 10px 0 10px 0;
}

.menu
{
	background-image: url(/Site/Themes/Unelma/Images/bg_top.jpg);
	background-repeat: repeat-y;
	padding: 0 15px 0 15px;
	height: 17px;
}

.submenu
{
	margin: 0 5px 0 13px;
}

.shadow_left
{
	background-image: url(/Site/Themes/Unelma/Images/shadow_left.jpg);
	background-repeat: repeat-y;
	width: 15px;
}

.shadow_right
{
	background-image: url(/Site/Themes/Unelma/Images/shadow_right.jpg);
	background-repeat: repeat-y;
	width: 15px;
}

.content_area
{
	background-color: #fff;
	width: 800px;
}

.content_front
{
	background-color: #e74273;
	background-image: url(/Site/Themes/Unelma/Images/bg_front.png);
	width: 800px;
}

.content_inner
{
	padding: 0 0 50px 0;
}

.main_inner_front
{
	padding: 13px 15px 5px 13px;
}

.main_inner
{
	padding: 0px 15px 0px 15px;
}

.front_boxes
{
	width: 215px;
}

.front_book_inner
{
	padding: 15px 15px 15px 15px;
}

.front_book_boxes
{
	position: relative;
	width: 261px;
	height: 170px;
	float: left;
}

.front_book_boxes_margin
{
	margin: 0 12px 0 0;
}

.front_book_boxes_inner
{
	margin: 6px 6px 6px 6px;
}

.front_book_boxes_inner p
{
	margin: 0 0 5px 0;
	padding: 0;
}

.price
{
	position: relative;
	text-align: center;
	width: 78px;
}

.price_box
{
	position: relative;
	background-color: #e74273;
	color: #fff;
	padding: 2px 2px 2px 2px;
	width: 50px;
	float: left;
}

.price_checkbox
{
	float: left;
}

.moreinfo_box
{
	position: relative;
	background-color: #e74273;
	color: #fff;
	float: left;
}

.book_title
{
	position: relative;
	width: 107px;
	margin: 3px 0 0 0;
	height: 35px;
}

.book_title_offer
{
	position: relative;
	width: 107px;
	margin: 7px 0 7px 0;
}

.orange_box
{
	background-image: url(/Site/Themes/Unelma/Images/front_bg_3.png);
	background-repeat: no-repeat;
}

.green_box
{
	background-image: url(/Site/Themes/Unelma/Images/front_bg_4.png);
	background-repeat: no-repeat;
}

.pink_box
{
	background-image: url(/Site/Themes/Unelma/Images/front_bg_5.png);
	background-repeat: no-repeat;
}

.blue_box
{
	background-image: url(/Site/Themes/Unelma/Images/front_bg_6.png);
	background-repeat: no-repeat;
}

.page_left
{
	width: 163px;
}

.page_left_inner
{
	padding: 20px 15px 15px 0px;
}

.page_right
{
	width: 600px;
}

.page_right_inner
{
	padding: 20px 0 15px 15px;
}

.page_inner
{
	padding: 20px 15px 15px 15px;
}

.clear
{
	clear: both;
}

.space15
{
	padding: 15px 0 0 0;
}

.bottom_colors
{
	position: relative;
	width: 100%;
	background-color: #e74273;
	margin-top: 10px;
}

.divider_vertikal
{
	width: 2px;
	background-image: url(/Site/Themes/Unelma/Images/divider_vertikal.png);
	background-repeat: repeat-y;
}

.divider_horisontal
{
	width: 100%;
	height: 2px;
	background-image: url(/Site/Themes/Unelma/Images/divider_horisontal.png);
	background-repeat: repeat-x;
	margin: 4px 0 3px 0;
	line-height: 0;
	padding: 0;
	font-size: 0;
}

.author
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 13px;
	font-weight: normal;
}

.brodtext
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	font-weight: normal;
}

.boxtext
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 9px;
	color: #fff;
}

.topbox_top
{
	background-image: url(/Site/Themes/Unelma/Images/topbox_top.png);
	background-repeat: repeat-x;
}

.topbox_bottom
{
	background-image: url(/Site/Themes/Unelma/Images/topbox_bottom.png);
	background-repeat: repeat-x;
}

.topbox_left
{
	background-image: url(/Site/Themes/Unelma/Images/topbox_left.png);
	background-repeat: repeat-y;
}

.topbox_right
{
	background-image: url(/Site/Themes/Unelma/Images/topbox_right.png);
	background-repeat: repeat-y;
}

.topbox_content
{
	width: 110px;
	height: 57px;
}

.join_book
{
	padding-bottom: 30px;
}

.shop_start_inner
{
	padding: 15px 10px 15px 10px;
}

.bigbook_left
{
	position: relative;
	width: 200px;
	float: left;
	margin-right: 15px;
	padding-bottom: 50px;
}

.bigbook_right
{
	position: relative;
	width: 370px;
	float: left;
	padding-bottom: 50px;
}

.main_table
{
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
}

#main
{
	position: relative;
	width: 830px;
	text-align: left;
	/*
	left: 50%;
	margin-left: -415px;
	*/
}

#main_print
{
	position: relative;
	width: 530px;
	left: 50%;
	margin-left: -265px;
}

#menu_bottom
{
	position: absolute;
	width: 800px;
	bottom: 27px;
	left: 0px;
	padding: 0 15px 0 15px;
}

#logo
{
	position: absolute;
	top: 36px;
	left: 172px;
}

#top_boxes
{
	position: absolute;
	right: 31px;
	top: 33px;
}

#kassa
{
	position: relative;
	float: right;
}

#login
{
	position: relative;
	float: right;
	margin-right: 10px;
}

#front_left
{
	width: 540px;
	float: left;
}

#front_right
{
	width: 216px;
	float: right;
}

#front_book
{
	position: relative;
	background-image: url(/Site/Themes/Unelma/Images/front_bg.png);
	background-repeat: no-repeat;
	width: 538px;
	height: 336px;
}

#mainbook_left
{
	position: relative;
	width: 200px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	padding-bottom: 50px;
}

#mainbook_right
{
	position: relative;
	width: 370px;
	float: left;
	margin-top: 15px;
	padding-bottom: 50px;
}

#join_offer
{
	position: relative;
	width: 590px;
	height: 203px;
	background-image: url(/Site/Themes/Unelma/Images/join_bottom.gif);
}

#join_offer_text
{
	position: absolute;
	top: 22px;
	left: 22px;
	width: 140px;
	text-align: center;
}

#join_offer_offers
{
	position: absolute;
	top: 20px;
	left: 187px;
	width: 380px;
	color: #fff;
}

#shop_start
{
	background-color: #e4dce3;
}

/*
Added by Mattias
*/

input.loginbox
{
	color: #000000;
	width: 65px;
}

.frontheading1
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 24px;
	font-weight: bold;
	color: #e84c79;
}
.frontheading2
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.frontheading3
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.frontheading4
{
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #636363;
}

.join_books2_left
{
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	width: 250px;
	height: 260px;
	border: 1px solid #b2b3b6;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.join_books2_right
{
	position: relative;
	margin-right: 15px;
	float: right;
	width: 200px;
	height: 260px;
	border: 1px solid #b2b3b6;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.join_books2_left_only
{
	position: relative;
	margin-right: 15px;
	height: 240px;
	border: 1px solid #b2b3b6;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.form_holder
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	background-color: #ef4d79;
	color: #fff;
	font-size: 12px;
	background-image: url('/Site/Themes/Unelma/Images/bg_pink.png');
}

.corner_holder
{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.corner_down_left
{
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.corner_down_right
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.corner_up_left
{
	position: relative;
	float: left;
}

.corner_up_right
{
	position: relative;
	float: right;
}

.form_inner_holder
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	color: #fff;
	font-size: 12px;
}

input.campaign_input
{
	border: 0;
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	height: 16px;
	width: 220px;
	padding: 2px 2px 2px 2px;
	color: #808181;
}

select.campaign_select
{
	border: 0;
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	color: #808181;
}

input.border
{
	border: solid 1px #808181;
}

select.border
{
	border: solid 1px #808181;
}

input.member_info
{
	border: 0;
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	color: #000000;
	border: solid 1px #808181;
}

select.member_info
{
	border: 0;
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	color: #000000;
	border: solid 1px #808181;
}

textarea.member_info
{
	border: 0;
	font-family: tahoma, arial, helvetica, verdana;
	font-size: 12px;
	color: #000000;
	border: solid 1px #808181;
}

input.cartqty
{
	padding: 3px 3px 3px 3px;
	color: #808181;
	border: solid 1px #808181;
}

.product_popup
{
	width: 300px;
	height: 500px;
	border: solid 1px black;
	background-color: #ffffff;
	position: absolute;
	display: none;
	overflow: hidden;
}

.product_popup_text
{
	text-align:left; 
	font-size: 11px;
}

.product_popup_close
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.product_popup_book
{
	position: absolute;
	top: 10px;
	left: 10px;
}

.checkout_on
{
	font-size: 16px;
	font-weight: bold;
	color: #e74273;
}

.checkout_off
{
	font-size: 16px;
	font-weight: bold;
	color: #808181;
}

.orderhistory-1
{
	width: 193px;
}

.orderhistory-2
{
	width: 30px;
}

.orderhistory-3
{
	width: 60px;
}

.orderhistory-4
{
	width: 110px;
}