/* body */

body
{
	margin: 0px;
	padding: 0px;
	background-color: #F2F2F2;
	background-image:url(/tools/style/pattern.gif); 
	background-repeat:repeat;
}



/* text */

p, ul, ol, li, div, td
{ 
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #185570; /* #0E303F */
}

p
{
	margin: 0px;
	padding: 0px;
}

.nrm
{
	font-size: 12px;
}

.text
{
	line-height: 28px;
}


.text1 /* order texts > smaller spacing */
{
	line-height: 22px;
}

.text2 /* order texts > smaller font */
{
	font-size: 15px;
	line-height: 22px;
}


.c
{
	color: #FF007F;
}

.c a:link 
{
	color: #FF007F;
}

.c a:visited 
{
	color: #FF007F; 
}

.c2
{
	color: #185570;
}

.c2 a:link 
{
	color: #185570; 
}

.c2 a:visited 
{
	color: #185570; 
}


.c3
{
	color: #46345F; /*08303F 9CBDC1 */
}

.c3 a:link 
{
	color: #08303F; 
}

.c3 a:visited 
{
	color: #08303F; 
}



.w
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent;
}

.w a:link 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
}

.w a:visited 
{
	color: #FFFFFF;
	text-decoration: none; 
	background-color: transparent; 
}

.w a:active
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
}

.w a:hover 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
}


.msg
{
	font-weight: bold;
	font-size: 17px;
	color: #FF3366;
	padding: 0px;
	margin: 8px 0px 0px 0px;
	display: block;
	width: 100%;
}


/* links */

a:link
{
	color: #8BA7AD; /*#9CBDC1*/
	text-decoration: none;
}

a:visited
{ 
	color: #8BA7AD;
	text-decoration: none; 
}

a:active 
{
	color: #507A7E;
	text-decoration: none;
}

a:hover 
{
	color: #507A7E;
	text-decoration: none;
}


a.pic:link 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

a.pic:visited 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

a.pic:active 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

a.pic:hover 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}



/* H0 */

.h0
{
	color: #185570; /* 999999 */
	font-size: 33px;
	font-style: italic;
	margin: 0px 0px 5px 0px;
	opacity: 0.5;
}

.h0_2
{
	font-size: 33px;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	opacity: 0.6;
}



/* H1 */

.h1
{
	font-size: 26px;
	color: #08303F;
	margin: 0px;
	padding: 5px 0px 10px 0px;
}

.h1_p
{
	font-size: 26px;
	margin: 0px;
	padding: 5px 0px 10px 0px;
}

.h1_home
{
	font-size: 24px;
	margin: 0px;
	padding: 5px 0px 3px 0px;
}



/* H2 */

.h2
{
	font-size: 20px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.h2_2
{
	font-size: 22px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.h2_home
{
	font-size: 20px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.h2_quote
{
	font-size: 20px;
	font-weight: bold;
	color: #CCCCCC;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	line-height: 25px;
}

.h2_info /* cookie info */
{
	font-size: 14px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}



/* H3 */

.h3
{
	font-size: 20px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.h3_home
{
	font-size: 18px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	line-height: 28px;
}


/* H4 */

.h4
{
	font-size: 15px;
	font-weight: bold;
	color: #CCCCCC;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}



/* texts */

.h_user
{
	font-weight: normal;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px 3px 5px 0px;
	float: left;
}

.h_user_c
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px 3px 5px 0px;
	float: left;
}

.h_user_s
{
	font-weight: normal;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

.h_cart
{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 3px;
	float: left;
}

.h_cart_c
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 3px;
	float: left;
}

.h_lang
{
	font-size: 12px;
	margin: 0px 0px 0px 3px;
	padding: 6px 5px 5px 5px;
	background-color: #F2F2F2;
	float: left;
}

.h_lang_c
{
	font-size: 12px;
	margin: 0px 0px 0px 3px;
	padding: 6px 5px 5px 5px;
	background-color: #F2F2F2;
	float: left;
}

.h_copy
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.h_footer
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.h_small
{
	font-size: 10px;
}

.h_date
{
	font-size: 11px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.h_field
{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.h_sort
{
	font-size: 12px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}



/* contents */

.h_cal
{
	font-size: 13px;
}

.h_cal_num
{
	font-size: 13px;
}



.h_service_title /* list */
{
	font-size: 20px;
	font-weight: bold;
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.h_service_abstract /* list */
{
	font-size: 15px;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	line-height: 21px;
}

.h_service_price /* list */
{
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.h_service_title_2 /* dtl */
{
	font-size: 22px;
	font-weight: bold;
	margin: 5px 20px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.h_service_text /* used dtl */
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	line-height: 25px;
}




.h_product_cat_title /* home cat spacers */
{
	font-weight: bold;
	font-size: 15px;
	margin: 5px 0px 8px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.h_product_title /* list */
{
	font-weight: bold;
	margin: 2px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

.h_product_cat /* list - cat top */
{
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.h_product_type /* list - all cats */
{
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	margin: 3px 0px 5px 0px;
	padding: 0px;
}

.h_product_price /* list */
{
	font-weight: bold;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.h_product_price_info /* list - availability - not used */
{
	font-size: 13px;
	margin: -18px 5px 0px 0px;
	text-align: right;
	float: right;
}

.h_product_sold /* list - sold out */
{
	font-size: 14px;
	font-weight: bold;
	color: #FF007F;
}

.h_product_abstract /* list */
{
	font-size: 15px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 21px;
}

.h_product_size
{
	font-size: 13px;
	line-height: 19px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.h_product_title_2 /* dtl */
{
	font-size: 22px;
	font-weight: bold;
	margin: 5px 20px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.h_product_text /* used dtl */
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	line-height: 25px;
}

.h_product_text_2 /* used dtl landing page */
{
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	line-height: 20px;
}


.h_product_vat
{
	font-style: italic;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
}

.h_product_vat_total
{
	font-style: italic;
}

.h_product_fee
{
	color: #CC0000; /*29831D CC0000 */
}

.h_product_disc
{
	color: #0083C5; /*29831D CC0000 */
}



.c_price /* hervorhebung price if disc */
{
	padding: 4px 5px 4px 5px;
	background-color: #FFDDEE; /* FFA6D2 FFDDEE rosa */
	border-radius: 8px;
}

.c_price_none /* hervorhebung price if sold out */
{
	color: #CCCCCC;
}

.c_price_disc /* anzeige price disc */
{
	font-size: 13px;
	color: #00B285;
	padding: 2px 0px 0px 3px;
}



/* social links */

.h_edit
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #F1F1F1;
	float: left;
}

.h_edit_o
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #FF007F;
	float: left;
}

.h_edit_o:active
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #FF007F;
	float: left;
}

.h_edit_o:hover
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #FF007F;
	float: left;
}


.h_edit_2
{
	margin: 0px 1px 0px 0px;
	padding: 1px;
	background-color: #F1F1F1;
	float: left;
}

.h_edit_2_o
{
	margin: 0px 1px 0px 0px;
	padding: 1px;
	background-color: #FF007F;
	float: left;
}

.h_edit_2_o:active
{
	margin: 0px 1px 0px 0px;
	padding: 1px;
	background-color: #FF007F;
	float: left;
}

.h_edit_2_o:hover
{
	margin: 0px 1px 0px 0px;
	padding: 1px;
	background-color: #FF007F;
	float: left;
}



/* status */

.h_ok /* green */
{
	background-color: #B6FF9D;
	padding: 3px;
	border-radius: 4px;
}

.h_ok2 /* clear blue */
{
	background-color: #99FFFF;
	padding: 3px;
	border-radius: 4px;
}

.h_nok /* red */
{
	background-color: #FFBBBB;
	padding: 3px;
	border-radius: 4px;
}

.h_pok /* orange */
{
	background-color: #FFDFAE;
	padding: 3px;
	border-radius: 4px;
}


.s_new /* yellow */
{
	background-color: #FFFF66;
	padding: 2px;
	border-radius: 3px;
}

.s_open /* orange */
{
	background-color: #FFDFAE;
	padding: 2px;
	border-radius: 3px;
}

.s_handled /* clear blue */
{
	background-color: #73FFFF;
	padding: 2px;
	border-radius: 3px;
}

.s_delivered /* violet blue */
{
	background-color: #AEC2FF;
	padding: 2px;
	border-radius: 3px;
}

.s_sent /* violet blue */
{
	background-color: #AEC2FF;
	padding: 2px;
	border-radius: 3px;
}

.s_closed /* green */
{
	background-color: #B6FF9D;
	padding: 2px;
}

.s_paid /* green */
{
	background-color: #B6FF9D;
	padding: 2px;
	border-radius: 3px;
}

.s_rejected /* red */
{
	background-color: #FFBBBB;
	padding: 2px;
	border-radius: 3px;
}

.s_deleted /* grey */
{
	background-color: #CCCCCC;
	padding: 2px;
	border-radius: 3px;
}

.s_cancel /* grey */
{
	background-color: #CCCCCC;
	padding: 2px;
	border-radius: 3px;
}

.s_refund /* red */
{
	background-color: #FFFF66;
	padding: 2px;
	border-radius: 3px;
}



/* lists */

.list_dot
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
}

.list_text
{
	margin: 0px 0px 5px 30px;
	padding: 0px 0px 5px 0px;
}


.list_p_dot /* pay select */
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}

.list_p_text
{
	margin: 0px 0px 10px 35px;
	padding: 0px 0px 20px 0px;
	border-bottom: #FFFFFF 0.01em solid;
}


.list_a_dot /* address select */
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.list_a_text /* address select */
{
	margin: 7px 0px 0px 25px;
	padding: 0px;
}

.list_a_link /* address select */
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



/* nav */

/* nav header */

.n1
{
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}

.n1 a:link
{
	color: #CCCCCC;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

.n1 a:visited 
{
	color: #CCCCCC;
	text-decoration: none; 
	padding: 1px 2px 1px 2px;
}

.n1 a:active 
{
	color: #999999;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

.n1 a:hover
{
	color: #999999;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}


.n1_c
{
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}

.n1_c a:link
{
	color: #283044;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

.n1_c a:visited 
{
	color: #283044;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

.n1_c a:active 
{
	color: #283044;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

.n1_c a:hover
{
	color: #283044;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}



/* nav left */

.n2
{
	font-size: 15px;
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

.n2 a:link
{
	color: #9CBDC1;
	text-decoration: none; 
}

.n2 a:visited 
{
	color: #9CBDC1;14.05.2025d
	text-decoration: none; 
}

.n2 a:active 
{
	color: #8BA7AD;
	text-decoration: none;
}

.n2 a:hover
{
	color: #8BA7AD;
	text-decoration: none;
}


.n2_c
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

.n2_c a:link 
{
	color: #8BA7AD;
	text-decoration: none;
}

.n2_c a:visited
{
	color: #8BA7AD;
	text-decoration: none;
}

.n2_c a:active 
{
	color: #8BA7AD;
	text-decoration: none;
}

.n2_c a:hover
{
	color: #8BA7AD;
	text-decoration: none;
}



/* nav footer */

.nf
{
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}

.nf a:link
{
	color: #8BA7AD; /* 999999 */
	text-decoration: none;
}

.nf a:visited 
{
	color: #8BA7AD;
	text-decoration: none;
}

.nf a:active 
{
	color: #8BA7AD; 
	text-decoration: underline;
}

.nf a:hover
{
	color: #8BA7AD; 
	text-decoration: underline;
}


/* nav categories */

.nc /* used */
{
	font-size: 15px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

.nc a:link 
{
	text-decoration: none;
}

.nc a:visited
{
	text-decoration: none;
}

.nc a:active 
{
	text-decoration: none;
}

.nc a:hover
{
	text-decoration: none;
}


.nc2 /* used */
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

.nc2 a:link 
{
	text-decoration: none;
}

.nc2 a:visited
{
	text-decoration: none;
}

.nc2 a:active 
{
	text-decoration: none;
}

.nc2 a:hover
{
	text-decoration: none;
}



/* drop down cats */

.d_cat 
{
	margin: 8px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
	z-index: 1;
	float: left;
	width: 25%;
	min-width: 205px;
}

/* links inside the navbar */
.d_cat a 
{
	float: none;
}

/* the dropdown container */
.d_cat_drop 
{
	float: none;
	overflow: hidden;
	background-color: #F5F5F5;
}

/* dropdown button - title */
.d_cat_drop .d_cat_button 
{
	font-family: inherit; /* important for vertical align on mobile phones */
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	border: none;
	outline: none;
	margin: 0; /* important for vertical align on mobile phones */
	padding: 8px 20px 10px 15px;
	background-color: inherit;
	width: parent;
	min-width: 225px;
	border-top: #EEEEEE 1px solid;
}

.d_cat_content
{
	padding: 0px 10px 14px 3px;
	width: parent;
	min-width: 225px;
}


/* add a background color to navbar links on hover .d_cat a:hover,  */
/*
.d_cat_drop:hover .d_cat_button 
{
	background-color: #EFE9FE;
}
*/
/* dropdown content (hidden by default) */
/*
.d_cat_content 
{
	display: none;
	position: absolute;
	background-color: #EFE9FE;
	width: parent;
	min-width: 225px;
	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	/*z-index: 1;
}
*/

/* links inside the dropdown - links */
/*
.d_cat_content a 
{
	text-align: left;
	text-decoration: none;
	padding: 8px 10px 8px 15px;
	display: block;
	float: none;
}
*/

/* add a grey background color to dropdown links on hover */
/*
.d_cat_content a:hover 
{
	background-color: #E1D7FD;
}
*/
/* Show the dropdown menu on hover */
/*
.d_cat_drop:hover .d_cat_content
{
	display: block;
	width: inherit;
}
*/

.d_cat_search
{
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 15px;
}

.d_cat_reset
{
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 15px;
	border-top: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	background-color: #F5F5F5;
}

.d_cat_reset:hover 
{
	background-color: #EFEFEF;
}


.icon_search_cat
{
	position: relative;
	top: 3px;
	padding: 0px 3px 0px 3px;
}



@media screen and (max-width: 1050px) 
{
	.d_cat 
	{
		margin: 0px 0px 20px 0px;
		width: 100%;
		min-width: 100%;
		float: none;
	}

	.d_cat_drop .d_cat_button
	{
		width: 100%;
		min-width: 100%;
	}

	.d_cat_content
	{
		width: 300px;
		min-width: 300px;
	}

}



/* bg */

.bg_0
{
	background-color: #FFFFFF;
}

.bg_1
{
	margin: 0px 0px 55px 0px;
	background-color: #FFFFFF;
}

.bg_2
{
	background-color: #FFFFFF;
}



/* landing page */

.bg_p1 /* grey */
{
	background-color: #F5F5F5;
}

.bg_p2 /* yellow */
{
	background-color: #FFF7CC;
}

.bg_p3 /* gold */
{
	background-color: #ECEBE6;
}

.bg_p4 /* clear violett */
{
	background-color: #EFE9FE;
}

.bg_p5 /* blue */
{
	background-color: #F1F5F7;
}

.bg_p6 /* mauve */
{
	background-color: #D4A0FF;
}



.bg_img
{
	background-color: #F2F2F2;
	height: 300px;
}



.bg_tcell
{
	background-color: #F7F7F7;
}

.bg_tcell1
{
	background-color: #FFFFFF;
}

.bg_tcell2
{
	background-color: #F7F7F7;
}



/* line */

.hr_1
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border-top: #EEEEEE 1px solid;
}

.hr_2
{
	margin: 0px;
	padding: 5px;
	border-top: #F4F5EB 1px solid;
}


.hr_p /* prod list page divider */
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border-top: #EEEEEE 5px solid;
}


.hr_a /* addr in order */
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-top: #CCCCCC 1px solid;
}

.hr_addr /* address select */
{
	margin: 10px 0px -5px 0px;
	padding: 0px;
	border-top: #B1B8B8 1px dotted;
}

.hr_cr
{
	margin: 0px;
	padding: 0px;
	border-top: #F4F5EB 4px solid;
}



/* table */

/* main table columns formatting */

.tb_1
{
	margin: 0px;
	padding: 45px 0px 0px 0px;
}

.tb_2
{
	margin: 0px;
	padding: 30px 0px 0px 0px;
}

.tb_3
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


.tb_ad
{
	border-top: #EEEEEE 0.01em solid;
}


.tb_line_w /* product water list page */
{
	border-top: #EEEEEE 0.01em solid;
}

.tb_line /* above footer - not used */
{
}




/* normal input forms */

.bg_tb_1
{
	background-color: #F2F2F2;
	border-radius: 8px;
}

.bg_tb_1 td
{
	padding: 10px 15px 10px 15px;
}


/* normal display tables */

.bg_tb_2
{
	background-color: #F2F2F2;
	border-top: #FFFFFF 1px solid;
	border-radius: 8px;
}

.bg_tb_2 td
{
	padding: 10px 15px 10px 15px;
	border-bottom: #FFFFFF 1px solid;
}


/* normal detail tables */

.bg_tb_3
{
	background-color: #F2F2F2;
	border-radius: 8px;
}

.bg_tb_3 td
{
	padding: 5px 5px 5px 0px;
	border-top: #B1B8B8 1px dotted;
}



/* event cal  */

.bg_tb_ev_cal
{
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

.bg_tb_ev_cal td
{
	margin: 0px 0px 0px 0px;
	padding: 3px;
}

.bg_tb_ev_cal_on td
{
	background-color: #F2F2F2;
}



/* product list */

.bg_tb_p
{
	border-top: #EEEEEE 1px solid;
}

.bg_tb_p td
{
	padding: 15px 10px 15px 0px;
	border-bottom: #EEEEEE 1px solid;
}

.bg_tb_p_c1 /* bg color normal */
{
	background-color: #F9F9F9;
}

.bg_tb_p_c2 /* bg color 2 */
{
	padding: 15px 10px 15px 5px;
	background-color: #F4F4F4; /* #FAF6E0 #ECECFB*/
}

.bg_tb_p_2 td /* prices in 2 columns */
{
	padding: 0px;
	border-bottom: none;
}



/* order list */

.bg_tb_o_header td
{
	padding: 15px 10px 15px 0px;
	background-color: #F7F7F7;
}

.bg_tb_o
{
	border-top: #EEEEEE 1px solid;
}

.bg_tb_o td
{
	padding: 15px 10px 15px 0px;
	border-bottom: #EEEEEE 1px solid;
}

.bg_tb_o_t td /* token list in transaction_order */
{
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	background-color: #F7F7F7;
}


/* product water list */

.bg_tb_p_w /* product info list */
{
	margin: 0px 10px 0px 10px;
	/*display: none;*/
}

.bg_tb_p_w td
{
	margin: 0px 00px 0px 00px;
	padding: 1px 1px 1px 1px;
}


.bg_tb_p_w2 /* price and add to cart */
{
	margin: 0px 0px 0px 0px;
	background-color: #F2F2F2;
	border-radius: 8px;
}

.bg_tb_p_w2 td
{
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 10px 15px;
}



/* info display tables */

.bg_tb_i
{
	border-top: #EEEEEE 1px solid;
}

.bg_tb_i td
{
	margin: 0px;
	padding: 5px 3px 5px 0px;
	border-bottom: #EEEEEE 1px solid;
}


.bg_tb_i2
{
	border-top: #FFFFFF 1px solid;
}

.bg_tb_i2 td
{
	margin: 0px;
	padding: 5px 3px 5px 0px;
	border-bottom: #FFFFFF 1px solid;
}


.bg_tb_i_w
{
}

.bg_tb_i_w td
{
	margin: 0px;
	padding: 5px 3px 5px 0px;
}



/* divs */ 

.d_logo
{
	position: block;
	margin: 27px 0px 15px 0px;
	padding: 0px;
	width: 240px;
}

.d_lang
{
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
	float: right;
}

.d_user
{
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 2px 5px;
	background-color: #F2F2F2;
	width: auto;
	float: right;
}

.d_header
{
	margin: 8px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	float: left;
	z-index: 999;
	position: relative;
}

.d_header_icon 
{
	display: none;
} 

.d_copy
{
	margin: 20px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.d_social
{
	margin: 14px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_footer
{
	margin: 20px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}



/* if screen less or equal to x */
@media screen and (max-width: 1000px) 
{
	.d_logo
	{
		width: 140px;
	}

	.d_lang
	{
	}

	.d_user
	{
		text-align: left;
		margin: 94px 0px 0px -200px;
		padding: 2px 5px 2px 6px;
		background-color: #F2F2F2;
		height: 26px;
		float: none;
	}

	.d_header p
	{
		display: none;
	}

	.d_header.res
	{
		margin: 16px 0px 20px -213px;
		text-align: left;
		float: left;
	}

	.d_header.res p 
	{
		float: none;
		display: block;
	}

	.d_header_icon
	{
		margin: -15px 0px 8px -200px;
		display: block;
		text-align: left;
		text-decoration: none;
		background-color: transparent;
		z-index: 999;
		float: left;
	}

	.d_header_icon.res 
	{
		margin: -15px 0px 8px -200px;
		display: block;
		text-align: left;
		text-decoration: none;
		background-color: transparent;
		z-index: 999;
		float: left;
	}

	.d_social
	{
		margin: 60px 0px -30px -200px;
		padding: 0px 0px 0px 0px;
		float: none;
	}

	.d_footer
	{
		margin: 50px 0px 20px -200px;
		padding: 0px 0px 20px 0px;
		float: none;
	}

	.img_shim
	{
		width: 20px;
	}
} 




/* content responsive */

.d_home_left
{
	margin: 10px 20px 0px 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	float: left;
	width: 220px;
}

.d_home_right
{
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: right;
	width: 72%;
}

.d_home_both
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}


.d_nav
{
	margin: 8px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 25%;
	z-index: 1;
}

.d_content
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 70%;
}



.d_page /* landing page */
{
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 40px 30px;
	display: block;
}

.d_page_img /* landing page - img */
{
	margin: -30px 0px -5px -20px;
	padding: 0px 0px 0px 50px;
	display: block;
	float: right;
	width: 50%;
}



/* divs about */

.d_about_list /* flex container */
{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0px 0px 0px 0px;
}

.d_about /* in 2 cols */
{
	margin: 0px 35px 0px 0px;
	padding: 0px;
	min-width: 280px;
	width: 43%;
	float: left;
}


/* divs news */

.d_news
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 60%;
}

.d_news_img /* news contents right */
{
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 33%;
}

.img_corr /* only needed since css pos issue with share */
{
	margin: 0px 0px 20px 0px;
}


.d_news_share /* news share links */
{
	margin: -10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 33%;
}

.d_news_spacer
{
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #F4F5EB 1px solid;
	float: none;
	clear: both;
}

.d_news_comment
{
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #F2F2F2;
}

.d_news_comment_2
{
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #FFFFCC;
}



/* divs events */

.d_event
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 60%;
}

.d_event_img
{
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 33%;
}

.img_corr /* only needed since css pos issue with share */
{
	margin: 0px 0px 20px 0px;
}

.d_event_share /* event share links */
{
	margin: -10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 33%;
}

.d_event_spacer
{
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #EEEEEE 1px solid;
	float: none;
	clear: both;
}

.d_event_detail
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}



/* divs service */

.d_service /* service list */
{
	margin: 0px 0px 20px 0px;
	padding: 20px 30px 30px 30px;
	background-color: #F2F2F2;
	border-radius: 6px;
}

.d_service_title /* frame top */
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
	border-bottom: #EEEEEE 1px solid;
}

.d_service_share
{
	margin: -2px 0px 15px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_service_browse
{
	margin: 3px 0px 10px 1px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_service_detail
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 100%;
}

.d_service_img
{
	margin: -10px 0px 0px 0px; 
}



/* divs product */

.d_product_view_list /* flex container - not used */
{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0px -30px 0px 0px;
}

.d_product_view /* preview - not used */
{
	text-align: center;
	margin: 0px 1px 1px 0px;
	padding: 20px 20px 20px 20px;
	width: 160px;
	height: 160px;
	float: left;
}


.d_product_cat /* home product cat dividers */
{
	margin: 0px 0px 20px 0px;
	padding: 5px;
	background-color: #F2F2F2;
	width: 96%;
	clear: both;
	float: none;
	border-radius: 6px;
}

.d_product_cat_more
{
	font-size: 13px;
	margin: 7px 6px 8px 0px;
	padding: 0px;
	float: right;
	display: block;
}


.d_product_list /* flex container */
{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0px -30px 0px 0px;
}

.d_product /* home and product list */
{
	margin: 0px 10px 25px 0px;
	padding: 8px 8px 8px 8px;
	width: 29%;
	float: left;
	background-color: #FFFFFF;
	border-radius: 6px;
	cursor: pointer;
}

.d_product_premium /* home and product list */
{
	margin: 0px 10px 25px 0px;
	padding: 8px 8px 8px 8px;
	width: 29%;
	float: left;
	background-color: #EEEEEE;
	border-radius: 6px;
	cursor: pointer;
}

.d_product_2 /* home and product list > mouse over color */
{
	margin: 0px 10px 25px 0px;
	padding: 8px 8px 8px 8px;
	width: 29%;
	float: left;
	background-color: #F2F2F2; /* FFDDEE EFE9FE violett */
	border-radius: 6px;
	cursor: pointer;
}


.d_product_title /* frame top */
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
	border-bottom: #EEEEEE 1px solid;
}

.d_product_share
{
	margin: -2px 0px 15px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_product_browse
{
	margin: 3px 0px 10px 1px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_product_info /* dtl */
{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.d_product_img
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	float: none;
}

.d_product_detail
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 100%;
}


.d_product_num
{
	font-weight: bold;
	margin: 1px 0px 0px 0px;
	padding: 5px 8px 5px 5px;
	background-color: #FFFFFF;
	width: 30px;
}

.d_product_num_2
{
	font-weight: bold;
	margin: 1px 0px 0px 0px;
	padding: 5px 8px 5px 5px;
	background-color: #FFFFFF;
	width: 30px;
}

.d_product_edit /* add / rmv buttons */
{
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}



/* product price and add on product detail page */
.d_product_add
{
	background-color: #EEEEEE;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	width: 230px;
}


/* product price and add on product page */
.d_product_add_1
{
	background-color: #999999;
	margin: 10px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	width: 230px;
}


/* product price and add on product detail page */
.d_product_add_2
{
	background-color: #EEEEEE;
	margin: 10px 0px 20px 0px;
	padding: 5px;
	width: 230px;
}



.d_product_w /* water filter products list - header */
{
	font-size: 15px;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 8px 20px 10px 15px;
	width: 95%;
	background-color: #EEEEEE;
	border-radius: 8px;
}

.d_product_w_icon /* water filter products list - icon */
{
	float: right;
}



/* divs career */

.d_career
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: #F4F5EB 4px solid;
}

.d_career_detail
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	border-bottom: #F4F5EB 1px solid;
}



.d_spacer
{
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #EEEEEE 1px solid;
	float: none;
	clear: both;
}



/* pop over */

.d_info_cookie /* cookie info */
{
	margin: 0px 0px 0px 0px;
	position: fixed;
	display: none;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	z-index: 999;
	background-color: #F2F2F2;
}



@media screen and (max-width: 960px) 
{
	.d_home_left
	{
		margin: 20px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
	}

	.d_home_right
	{
		margin: 0px 0px 30px 0px;
		padding: 30px 0px 0px 0px;
		display: block;
		border-left: none;
		float: none;
		width: 100%;
		border-top: #EEEEEE 0.01em solid;
	}

	.d_nav
	{
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
	}

	.d_content
	{
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
	}



	.d_page /* landing page */
	{
		margin: 0px 0px 0px 0px;
		padding: 30px 20px 40px 30px;
		display: block;
	}

	.d_page_img /* landing page - img */
	{
		margin: 20px 0px 0px 00px;
		padding: 0px 0px 0px 0px;
		display: block;
		width: 100%;
	}


	.d_news
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}

	.d_news_img /* news contents right */
	{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}


	.d_event
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}

	.d_event_img
	{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}
	


	.d_product_cat /* home product cat dividers */
	{
		width: 95%;
	}

	.d_product_cat_more
	{
		text-align: right;
	}



	
	.d_product_list /* flex container */
	{
		margin: 0px -20px 0px 0px;
		width: inherit;
	}

	.d_product /* home and product list */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 44%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_premium /* home and product list */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 44%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_2 /* home and product list > mouse over color */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 44%;
		border-bottom: #EEEEEE 1px solid;
	}


	.d_product_detail
	{
		margin: 20px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		border-top: #EEEEEE 1px solid;
	}

	.d_product_img
	{
		margin: 10px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		display: relative;
		width: 100%;
		float: none;
	}

	.d_product_cat_more
	{
		font-size: 13px;
		margin: 5px 5px 5px 5px;
		padding: 0px;
		float: none;
	}
}



@media screen and (max-width: 660px) 
{

	.d_about_list /* flex container */
	{
		margin: 0px 0px 0px 0px;
		width: inherit;
	}

	.d_about /* about */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		float: none;
	}



	.d_product_cat /* home product cat dividers */
	{
		padding: 6px 5px 5px 5px;
		width: 98%;
	}

	.d_product_cat_more
	{
		margin: 7px 6px 5px 0px;
	}


	.d_product_list /* flex container */
	{
		margin: 0px 0px 0px 0px;
		width: inherit;
	}

	.d_product /* home and product list */
	{
		margin: 0px 0px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_premium /* home and product list */
	{
		margin: 0px 0px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_2 /* home and product list > mouse over color */
	{
		margin: 0px 0px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}
}



.d_clear
{
	clear: both;
	float: none;
}


/* show / hide form tables */

.d_show
{
	display: block;
}

.d_hide
{
	display: none;
}


.d_right /* order page */
{
	float: right;
}



/* divs product preview box */

.d_box_p1 /*  */
{
	background-color: #FFDDEE;
}

.d_box_p2 /* yellow */
{
	background-color: #FFF7CC;
}

.d_box_p3 /*  */
{
	background-color: #D9E7E8;
}

.d_box_p4 /* mauve */
{
	background-color: #D4A0FF;
}

.d_box_p5 /* grey/green */
{
	background-color: #E3EDEE;
}



/* divs box */

.d_box /* grey/green */
{
	margin: 0px 0px 5px 0px;
	padding: 25px 30px 25px 30px;
	display: block;
	background-color: #E3EDEE; /*#D9E7E8 */
	border-radius: 4px;
}

.d_box_1 /* grey */
{
	margin: 0px 0px 5px 0px;
	padding: 25px 30px 25px 30px;
	display: block;
	background-color: #D9E7E8;
	border-radius: 4px;
}

.d_box_2 /* rosa */
{
	margin: 0px 0px 5px 0px;
	padding: 25px 30px 25px 30px;
	display: block;
	background-color: #FFDDEE;
	border-radius: 4px;
}

.d_box_3 /* pink */
{
	margin: 0px 0px 5px 0px;
	padding: 15px 15px 20px 20px;
	display: block;
	border-radius: 4px;
	background: rgb(255,0,127);
	background: linear-gradient(90deg, rgba(255,0,127,1) 0%, rgba(171,11,84,1) 91%, rgba(153,7,46,1) 100%);
}


/* divs button */

.d_button_main /* on home / floating pink */
{
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	margin: 0px 15px 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FF3366;
	border-radius: 4px;
	width: 200px;
	display: inline-block;
	float: left;
}

.d_button_main a
{
	color: #FFFFFF;
}

.d_button_main a:hover
{
	color: #FFFFFF;
	background-color: #0080FF;
}

.d_button_main a:active
{
	color: #FFFFFF;
	background-color: #0080FF;
}


.d_button_main_2 /* on home / floating / pink light */
{
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	margin: 0px 15px 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FF7598;
	border-radius: 4px;
	width: 200px;
	display: inline-block;
	float: left;
}

.d_button_main_2 a
{
	color: #FFFFFF;
}

.d_button_main_2 a:hover
{
	color: #FFFFFF;
	background-color: #FF7598;
}

.d_button_main_2 a:active
{
	color: #FFFFFF;
	background-color: #FF7598;
}



.d_button /* used for > see more prods on home / go to cart / checkout etc > style=\"width:150px\" */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF007F;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	width: 250px;
	border-radius: 4px;
}

.d_button a
{
	color: #FFFFFF;
}

.d_button a:hover
{
	color: #FFFFFF;
	background-color: #FF007F;
}

.d_button a:active
{
	color: #FFFFFF;
	background-color: #FF007F;
}


.d_button_2 /* grey */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9CBDC1; /* 9CBDC1 8BA7AD */
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	width: 200px;
	border-radius: 4px;
}

.d_button_2 a
{
	color: #FFFFFF;
}

.d_button_2 a:hover
{
	color: #FFFFFF;
	background-color: #9CBDC1;
}

.d_button_2 a:active
{
	color: #FFFFFF;
	background-color: #9CBDC1;
}


.d_button_3 /* pink */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF007F;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	width: 200px;
	border-radius: 4px;
}

.d_button_3 a
{
	color: #FFFFFF;
}

.d_button_3 a:hover
{
	color: #FFFFFF;
	background-color: #FF007F;
}

.d_button_3 a:active
{
	color: #FFFFFF;
	background-color: #FF007F;
}



.d_button_service /* more / book now */
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF007F;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 5px 0px 0px 0px;
	padding: 8px 4px 9px 4px;
	border: none;
	max-width: 180px;
	border-radius: 6px;
}

.d_button_service a
{
	color: #FFFFFF;
}

.d_button_service a:hover
{
	color: #FFFFFF;
	background-color: #FF007F;
}

.d_button_service a:active
{
	color: #FFFFFF;
	background-color: #FF007F;
}


.d_button_service_2 /* fully booked */
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9CBDC1;
	text-align: center;
	text-decoration: none;
	margin: 5px 0px 0px 0px;
	padding: 8px 4px 9px 4px;
	border: none;
	max-width: 180px;
	border-radius: 6px;
}

.d_button_service_2 a
{
	color: #FFFFFF;
}

.d_button_service_2 a:hover
{
	color: #FFFFFF;
	background-color: #9CBDC1;
}

.d_button_service_2 a:active
{
	color: #FFFFFF;
	background-color: #9CBDC1;
}



.d_button_product /* browse left right */
{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 3px;
	padding: 4px 5px 3px 5px;
	color: #FFFFFF;
	background-color: #FFDDEE;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.d_button_product a
{
	color: #FFFFFF;
	background-color: #FFDDEE;
}

.d_button_product a:hover
{
	color: #FFFFFF;
	background-color: #FFDDEE;
}

.d_button_product a:active
{
	color: #FFFFFF;
	background-color: #FFDDEE;
}



.d_button_product_w /* round buttons / on product water / floating */
{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FF007F;
	border: 0px;
	border-radius: 8px;
	width: 160px;
	float: right;
}

.d_button_product_w a
{
	color: #FFFFFF;
}

.d_button_product_w a:hover
{
	color: #FFFFFF;
	background-color: #FF007F;
}

.d_button_product_w a:active
{
	color: #FFFFFF;
	background-color: #FF007F;
}




.d_button_info /* cookie */
{
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FFA6D2;
	margin: 8px 0px 5px 5px;
	padding: 8px 8px 6px 8px;
	border: none;
	max-width: 100px;
	display: inline-block;
}

.d_button_info a
{
	color: #FFFFFF;
}


.d_button_info_2
{
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 8px 0px 5px 0px;
	padding: 8px 8px 6px 8px;
	border: none;
	max-width: 100px;
	display: inline-block;
}

.d_button_info_2 a
{
	color: #FFFFFF;
}



.d_button_p /* landing page */
{
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 12px 5px 12px 5px;
	background-color: #46345F;
	border-radius: 5px;
	max-width: 300px;
}

.d_button_p a
{
	color: #FFFFFF;
}

.d_button_p a:hover
{
	color: #FFFFFF;
	background-color: #46345F;
}

.d_button_p a:active
{
	color: #FFFFFF;
	background-color: #46345F;
}




@media screen and (max-width: 600px) 
{
	.d_button_2
	{
		max-width: 260px;
	}

	.d_button_3
	{
		max-width: 260px;
	}

	.d_video
	{
		width: 95%;
		max-width: 95%;
		height: auto;
	}

}




/* divs edit */

.d_edit /* sharing icons */
{
	font-size: 12px;
	float: right;
	margin: -21px 0px 0px 0px;
}

.d_edit_2 /* sharing icons detail */
{
	font-size: 12px;
	float: right;
	margin: -21px 0px 0px 0px;
}

.d_edit_more /* home more links */
{
	margin: -24px 8px 0px 0px;
	padding: 0px;
	float: right;
}

.d_edit_right
{
	margin: 0px 0px 20px 1px;
	padding: 0px;
	float: right;
}

.d_edit_show  /* same line h2 */
{
	margin: -27px 0px 0px 0px;
	padding: 0px;
	float: right;
}


.d_edit_add_addr  /* user address add */
{
	float: right;
	margin: -35px 0px 0px 0px;
}

.d_edit_order  /* user order total page edits */
{
	float: right;
	margin: -30px 0px 0px 0px;
}


.d_edit_add /* same line h1 add - user area */
{
	float: right;
	margin: 1px 0px 0px 0px;
}

.d_edit_add a:link
{
	color: #FFFFFF;
	background-color: #E20513;
}
.d_edit_add a:visited
{
	color: #FFFFFF;
	background-color: #E20513;
}
.d_edit_add a:active
{
	color: #FFFFFF;
	background-color: #E20513;
}
.d_edit_add a:hover
{
	color: #FFFFFF;
	background-color: #E20513;
}



.d_img_edit
{
	margin: -40px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.d_file_edit
{
	margin: -40px 0px 0px 0px;
	padding: 0px;
	float: right;
}




/* images */


.img_round
{
	border-radius: 12px;
}


.img_ad
{
	margin: 10px 40px 20px 0px; 
	float: left; 
	display: inline;
}

.img_resp
{
	width: 95%;
	max-width: 95%;
    height: auto;
}

.img_resp_2
{
	width: 100%;
	max-width: 100%;
    height: auto;
}

.img_resp_50
{
	width: 200px;
	max-width: 200px;
    height: auto;
}

.img_left
{
	margin: 5px 10px 5px 0px; 
	float: left; 
	display: inline;
}

.img_right
{
	margin: 5px 0px 5px 10px; 
	float: right;
	display: inline;
}

.img_block
{
	margin: 10px 0px 10px 0px; 
	float: none; 
	display: block;
}

.img_top
{
	margin: 0px 0px 15px 0px; 
	float: none; 
	display: block;
}

.img_shim
{

}


.img_profile
{
	width: 100%;
	max-width: 100%;
    height: auto;
}

.img_list
{
	margin: 5px 10px 5px 0px; 
	float: left; 
	display: inline;
}

.img_detail
{
	margin: 5px 10px 5px 0px; 
	display: inline;
}



@media screen and (max-width: 880px) 
{
	.img_right
	{
		margin: 10px 0px 0px 0px; 
		width: 100%;
		max-width: 100%;
		height: auto;
	}


	.img_resp_50
	{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}



/* grid */

.grid_img_0 /* overview - large image */
{
	margin: 0px 0px 5px 0px; 
}


.grid_img_1 /* overview - small images */
{
	padding: 0px 5px 5px 0px; 
	margin: 0px 0px 0px 0px; 

	float: left;
	display: inline;

	width: 70px; 
	height: 55px; 
	text-align: center
}


.grid_img_12 /* list one line */
{
	padding: 0px 0px 0px 0px; 
	margin: 0px 4px 4px 0px; 

	float: left; 

	width: 100px; 
	height: 90px; 
	max-width: 100px;
	max-height: 90px;
	text-align: center
}


.grid_img_2 /* list */
{
	margin: 0px 4px 4px 0px; 
	padding: 0px 0px 0px 0px; 

	float: left; 

	width: 100px; 
	height: 120px; 
	max-width: 100px;
	max-height: 120px;
	text-align: center
}


.grid_img_3 /* detail */
{
	padding: 0px 0px 0px 0px; 
	margin: 0px 10px 5px 0px; 

	float: left; 

	width: 80px; 
	height: 90px; 
	text-align: center
}


/* paging */

.pages
{
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

.pages a:link
{
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	background-color: #FFFFFF;
}

.pages a:visited
{
	margin: 0px;
	border: #DDDDDD 1px solid;
	padding: 2px 6px 2px 6px;
	background-color: #FFFFFF;
}

.pages a:active
{
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	color: #FFFFFF; 
	background-color: #1B599A; 
}

.pages a:hover
{
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	color: #FFFFFF; 
	background-color: #1B599A; 
}


/* forms */

.field
{
	font-size: 13px;	
}

.box
{
	font-size: 14px;
	color: #000000;
	margin: 2px 0px 2px 0px; 
	padding: 3px 3px 3px 3px; 
	background-color: #FFFFFF;
	border: 1px solid #F2F2F2;
	width: 200px;
}

.box_order /* invisible field in order edit */
{
	font-size: 14px;
	color: #000000;
	margin: 2px 0px 2px 0px; 
	padding: 3px 3px 3px 3px; 
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 200px;
}

.box_search_cat
{
	font-size: 14px;
	background-color: #FFFFFF;
	margin: 0px 2px 0px 0px; 
	padding: 2px 2px 2px 2px; 
	border: none;
	float: left;
}

.button /* form buttons */
{
	font-size: 14px;
	color: #FFFFFF;
	background-color: #9CBDC1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 4px;
	width: 80px;
}

.button_grey /* form buttons */
{
	font-size: 15px;
	color: #FFFFFF;
	background-color: #CCCCCC;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 5px;
	width: 80px;
}

.button_2 /* cart add rmv buttons ? */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9CBDC1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 4px;
	width: 80px;
}