@charset "utf-8";

/* CSS Document */
body {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

a:link, a:hover, a:visited, a:active {
	color: #000000;
}


select.generall {
	font-size: 12px;
	color: #333333;
}

.textonwhite {
	font-size: 14px;
	color: #7f8089;
}

.esButton:link, .esButton:hover, .esButton:active, .esButton:visited, .esButton  {
	cursor: pointer;
	font-size: small;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

	color: #023b5b;
	background-color: #e1ebf2;
	border: 1px solid #023b5b;
}

.esButton:hover {
	background-color: #eaffcf;
	text-decoration: none;
}


/*
#####################################
LOGIN FORMS
#####################################
*/
input.login {
	height: 11px;
	font-size: 10px;
	width: 150px;
}

.infoinput {
	font-size: 11px;
	width: 200px;
}

/*
#####################################
Info Box (small right bottom corner) -> added to cart
#####################################
*/
.infoBoxContainer {
	height: 150px;
	width: 250px;
	position: fixed;
	right: 3px;
	bottom: 3px;
	background-color: #ffffff;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}





.small {
	font-size: 11px;
}

/*
#####################################
Info Box (small right bottom corner) -> added to cart
#####################################
*/
.boxContainer {
	font-size: 12px;
	color: #777777;
	padding: 1px;
	width: 420px;
	background-color: #ffffff;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}

.topabs {
	position: absolute;
	z-index: 9010;
}

.boxContainerHeader {
	padding-top:5px;
	font-weight:bold;
}

.errorMessage {
	background-color:#ffbab2;
	padding:3px;
	border: 1px solid #ff0000;
	color: #ff0000;
}

.notifyMessage {
	background-color: #D4FFC1;
	border: 1px solid #90BD7B;
}


/*
#####################################
PATH LINE
#####################################
*/
div.path_line {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-color: #8b7683;
	height: 21px;
}

div.path_inner {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	background-image: url("bckgr_path.png");
	padding-top:3px;
	height: 18px;
}


/*
#####################################
VERY TOP
#####################################
*/
div.headerBox {
	position: absolute;
	left: 50%;
	margin-left: -400px;
}

div.headerBoxBg {
	background-color: #ffffff;
	height: 120px;
	float: left;
	width: 100%;
}

div.banner_top {
	height:100px;
}

a.very_top:link, a.very_top:visited, a.very_top:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

a.very_top_right:link, a.very_top_right:visited, a.very_top_right:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.verytop {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
	background-image: url("sr_headlinks.png");
}






/*
#####################################
LEFT SIDE (MENUE + SEARCH + CAT)
#####################################
*/
.leftmenue
{
	width: 180px;
	font-size: 12px;
	color: #333333;

	background-image: url("image_menuleft.png");
	background-repeat: no-repeat;
	min-height: 640px;
}

.menuItem {
	font-weight: bold;
}

div.menuSpacer {
	height:20px;
}

div.menuContainer {
	padding: 5px;
}

div.menuBackground {
	background-image:url('search_bg.png');
	height:26px;
	background-position:center;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:11px;
}

div.menuContBody {
	padding-left: 10px;
}



input.searchbox {
	background-color: #ffffff;
	height: 11px;
	width: 82px;
	font-size: 9px;
	border: 1px solid #000000;
	color: #000000;
	vertical-align: top;
}

input.input_detailedsearch {
	width: 150px;
	padding: 2px;
	font-size: 16px;
	text-align: right;
}

input.input_splimits {
	width: 50px;
	height: 17px;
	font-size: 12px;
}

div.search_arrow {
	cursor: pointer;
	float: right;
	text-align: right;
	font-weight:bold;
	padding-right:8px
}

/*every item in menu is spaced to the bottom */
div.elements, div.elements_active
{
	padding-bottom :2px;
	padding-top :2px;
	color: #555555;
}

div.elBullet, div.elBullet_active, div.elBullet_activedown, div.elBulletdown {
	padding-left: 5px;
	background-position: 0px 1px;
	background-repeat: no-repeat;
	background-image:url('bg_menuitem.png');
}

div.elBulletSub, div.elBulletSub_active, div.elBulletSub_activedown {
	padding-left: 5px;
	background-position: 0px 1px;
	background-repeat: no-repeat;
	background-image:url('bg_menuitem.png');
}

.elHighlight {
	text-decoration: underline;
}

div.prodinmenu_container
{
	border-top : 1px solid #bbbbbb;
	border-bottom : 1px solid #bbbbbb;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}




a.prodinmenu_item:link, a.prodinmenu_item:visited {
	color: #ffffff;
	text-decoration: none;
}


a.prodinmenu_item:hover, a.prodinmenu_item:active, a.prodinmenu_itemactive:link, a.prodinmenu_itemactive:visited, a.prodinmenu_itemactive:hover, a.prodinmenu_itemactive:active {
	color: #ffffff;
	text-decoration: underline;
}





a.categories:link, a.categories:visited, a.categories_active:link, a.categories_active:visited {
	color: #555555;
	text-decoration: none;
}


a.categories:hover, a.categories:active, a.categories_active:hover, a.categories_active:active {
	color: #555555;
	text-decoration: underline;
}





/*
#####################################
BODY CORECONTENT
#####################################
*/
#corecontent {
	float: right;
	min-height: 500px;
	background-color: #ffffff;

	width: 610px;

	border-top: 25px solid #D7CEBD;
	border-right: 5px solid #D7CEBD;

	padding: 5px;
	padding-right: 0px;
	padding-top: 5px;
}

#paymentWaiting {
	background-color: #ffffff;
	height: 400px;
	width: 600px;
}

#filler {
	background-color: #ffffff;
	float:right;
	width:615px;
	border-right: 5px solid #D7CEBD;
	border-bottom: 25px solid #D7CEBD;

}

/* Menuarea included */
div.body_core {
	background-color: #d7cebd;
	background-image:url('bg_menurepeat.png');
	background-repeat: repeat-y;
}


div.banner_coreright
{
	position: absolute;
	right: -110px;
	top: 0px;
	width: 100px;
}






/*
#####################################
BODY CATEGORY
#####################################
*/
div.category_body {
	padding-top:5px;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}

div.subcategory_header {
	font-weight: bold;
	font-size: 11px;
}

div.subcatbox {
	border: 1px solid #000000;
}

div.subcategories_item {
	width: 202px;
}

a.subcategories:link {
	color: #555555;
	text-decoration: none;
}

a.subcategories:visited {
	color: #555555;
	text-decoration: none;
}

a.subcategories:hover {
	color: #555555;
	text-decoration: underline;
}

a.subcategories:active {
	color: #555555;
	text-decoration: underline;
}

div.noentryfound {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}

div.cat_prodlist {
	width:600px;
	padding-top:5px;
	padding-bottom:5px;
}

div.pagelist_all {
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		padding-top: 3px;
		padding-bottom: 3px;
}

/*
#####################################
SMALL PROD VIEW
#####################################
*/
div.small_container {
	width: 180px;
	align: center;
	border: 1px solid #000000;
	overflow: hidden;
}

a.awhite:link, a.awhite:hover, a.awhite:visited, a.awhite:active {
	color: #ffffff;
}

div.small_picture {
	width: 170px;
	height: 140px;
	overflow: hidden;
	padding: 9px;
}

div.small_sub {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	overflow: hidden;

}

div.small_sub_inner {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height: 25px;
	background-color: #8e8e8e;
	text-align: center;
	padding-top: 6px;
	font-size: 11pt;
}






div.small_40_container {
	padding: 9px;
	width: 180px;
	float: left;
	align: center;
	/* border: 1px solid #000000; */
}
div.small_40_sub1 {
	padding-top: 5px;
	height: 40px;
	width: 170px;
	font-weight: normal;
	color: #000000;
	overflow: hidden;
}


div.prod_compressed_1 {
	padding: 5px;
	width: 170px;
	height: 170px;
	border: 1px solid #000000;
}

/*
#####################################
BIG PROD VIEW
#####################################
*/
.productview {
	height: 100%;
}

.prodHeader {
	font-size: 18px;
	margin: 0px;
	font-weight: normal;
}

div.color_circl {
	background-image:url(template/shopicons/col_circ_big.png);
}
div.color_circl_small {
	background-image:url(template/shopicons/col_circ.png);
}

input.amountbox {
	width: 35px;
	text-align: left;
	color: #000000;
	BORDER-LEFT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

select.varselect {
	width: 120px;
	color: #000000;
	BORDER-LEFT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

input.amountbox_2 {
	width: 20px;
	text-align: right;
	color: #555555;
	BORDER-LEFT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

select.amountbox_3 {
	width: 40px;
	text-align: center;
	color: #555555;
	BORDER-LEFT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

select.varselect_2 {
	width: 280px;
	color: #555555;
	BORDER-LEFT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

div.fitswith {
}

div.fitswith_header {
	padding-top: 5px;
	font-weight: bold;
	font-size: 15px;
	color: #000000;
}


div.sbook_header {

}

div.sbook_container {

}

div.sbook_inner {
	border-top: 1px solid #000000;
	padding-bottom: 3px;
}

/*
#####################################
CART VIEW / MYACCOUNT
#####################################
*/

div.cartempty_info {
	padding-top:15px;
	BORDER-TOP: #aaaaaa 1px solid;
}

div.cart_text {

}


div.cartsubtext {
	padding: 10px;
	font-size: 10px;
	color: #555555;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #000000;
}

div.cartheader {
	font-size: 12px;
	font-weight: bold;
	color: #777777;
}

div.contentHeadline {
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #777777;
}

div.cs_image {
	padding: 0px;
}

div.body_contact {
	padding-bottom:25px;
}

.borderGenerall {
	border: 1px solid #bbbbbb;
}

div.cart_itemBeginBorder {
	border-top: 1px solid #eeeeee;
}

div.cart_rightsepborder {
	border-right: 1px solid #eeeeee;
}

select.shippingPrices {
	font-size: 9px;
	color: #777777;
	width: 70px;
}

div.stepheader {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000000;
	font-size: 10px;
	color: #777777;
}

div.stepheader_item {
	float: left;
	width: 20%;
}

select.select_pay {
	width: 150px;
	color: #777777;
}

input.address {
	height: 11px;
	font-size: 10px;
	color: #333333;
	width: 120px;
}

select.customerPickUp
{
	height: 20px;
	width: 120px;
	font-size: 11px;
	color: #777777;
	text-align: right;
}


.cart_descripfield {
	width: 180px;
	float: left;
}


.addressChooseBoxContainer {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;

	text-align: left;
}

.addressChooseBoxInner {
	border: 1px solid #eeeeee;
}

.addressChooseBoxContent {
	padding: 10px;
	overflow: auto;
	height: 60px;
	font-size: 11px;
}

a.addressChooseBox:link, a.addressChooseBox:hover, a.addressChooseBox:visited, a.addressChooseBox:active {
	color: #777777;
}


/*
Cart Step 4
*/
div.payContent {
	font-size: 12px;
	color: #333333;
	padding: 3px;
	border: 1px solid #eeeeee;
}

div.acceptContent {
	font-size: 12px;
	color: #333333;
}

/*
#####################################
Additional Texts (policy, shipping .. )
#####################################
*/
div.addTexts {
	font-weight: normal;
	font-size: 11px;
}

div.shipCostsTableItem {
	border-top: 1px dotted #777777;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*
#####################################
orderview (open closed)
#####################################
*/
div.orderview {
	color: #777777;
	font-weight: normal;
	font-size: 11px;
}

.border_login {
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}

div.myaccount {
	font-size: 12px;
	color: #777777;
}

div.orderitem {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: #cccccc 1px solid;
}

/*everything concerning the cart*/
div.cart {
	font-size: 10px;
	color: #777777;
}

div.buy_headers {
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	color: #777777;
}

div.buy_footers {
	height:5px;
	background-color:#EEEEEE;
}

.border_cart_rightbottom {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
}

.border_cart_bottom {
	BORDER-BOTTOM: #eeeeee 1px solid;
}

.border_cart_right {
	BORDER-RIGHT: #eeeeee 1px solid;
}

div.footnote {
	font-size: 9px;
	color: #666666;
}


a.myaccount:link {
	color: #777777;
	font-size: 12px;
	text-decoration: none;
}

a.myaccount:visited {
	color: #777777;
	font-size: 12px;
	text-decoration: underline;
}

a.myaccount:active {
	color: #777777;
	font-size: 12px;
	text-decoration: underline;
}

a.myaccount:hover {
	color: #777777;
	font-size: 12px;
	text-decoration: underline;
}

.border_light {
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
}

.border_red {
	BORDER-LEFT: #ee0000 1px solid;
	BORDER-TOP: #ee0000 1px solid;
	BORDER-RIGHT: #ee0000 1px solid;
	BORDER-BOTTOM: #ee0000 1px solid;
}

div.step4errorBox {
	font-size: 12px;
	padding: 5px;
	border: 2px solid red;
	padding: 3px;
	color: red;
}

.border_light_left {
	BORDER-LEFT: #eeeeee 1px solid;
}

.border_light_right {
	BORDER-RIGHT: #eeeeee 1px solid;
}

.border_dark {
	BORDER-LEFT: #555555 1px solid;
	BORDER-TOP: #555555 1px solid;
	BORDER-RIGHT: #555555 1px solid;
	BORDER-BOTTOM: #555555 1px solid;
}

.border_dark_topbottom {
	BORDER-TOP: #555555 1px solid;
	BORDER-BOTTOM: #555555 1px solid;
}

.footer {
	font-size: 10px;
	color: #888888;
}

/*
###################################
Popup
###################################
*/

#blanket {
	background-color: #111;
	opacity: 0.55;
	position: absolute;
	z-index: 100;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
}

.picOverlay {
	background-color: #ffffff;
	BORDER: #aaaaaa 1px solid;
}

.btn_light {
	opacity: 1;
}
.btn_full {
	opacity: 0.80;
}

.popUpDiv {
	position: absolute;
	width: 500px;
	left: 50%;
	margin-left: -250px;

	color: #000000;

	background-color: #eeeeee;
	background-image: url('generall/arsymbol_trans.png');
	background-position: 50% 50%; background-repeat: no-repeat;
	z-index: 9002;
}

.border_popup {
	BORDER: #87d029 1px solid;
}

.mainsubmenues {
	font-size: 12px;
	font-weight: bold;
	color: #7f8089;
}

.picPreview {
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-BOTTOM: #aaaaaa 1px solid;
}

input.pupup_input {
	width: 320px;
}

.pupup_area {
	width: 320px;
	height: 110px;
}

.popup_inner {
	font-size: 11px;
	color: #000000;
}

/*
###################################
FAQ
###################################
*/

a.faqitem:link {
	color: #333333;
	text-decoration: none;
}

a.faqitem:visited {
	color: #333333;
	text-decoration: none;
}

a.faqitem:hover {
	color: #333333;
	text-decoration: underline;
}

a.faqitem:active {
	color: #333333;
	text-decoration: underline;
}

div.faqContainer {
	padding-bottom: 25px;
}

div.faqQuestion {
	font-size: 14px;
	font-weight: bold;
	color: #87d029;
	padding-top: 15px;
}

div.faqAnswer {
	padding-left: 25px;
	padding-top: 10px;
}

/*
###################################
SEARCH ITEMS
###################################
*/
div.searchItem_header {
	font-weight: bold;
}

div.searchItem_content {

}

div.searchItem {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #343434;
}

div.searchItem_hover {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EEEEEE;
	border-bottom: 1px dotted #1FD101;
}


/*
###################################
ADMIN MODE WINDOW
###################################
*/

div.adminmode
{
	height: 20px;
	width: 110px;
	position: fixed;
	left: 3px;
	top: 3px;
	background-color: red;

	padding: 15px;
	color: #ffffff;
	opacity:.40;
	FILTER: Alpha(Opacity=60, FinishOpacity=60, Style=1);
}