/* body */


@font-face 
{
	font-family: 'Circular';
	font-style: normal;
	font-weight: normal;
	src: local('Circular'), url('/tools/style/circular_book.woff') format('woff');
}

@font-face 
{
    font-family: 'Circular';
	font-style: bold;
	font-weight: bold;
	src: local('Circular'), url('/tools/style/circular_bold.woff') format('woff');
}


body
{
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
}


/* text */

p, ul, ol, li, div, td
{ 
	font-family: Circular, Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #004471;
}

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

.nrm
{
	font-size: 13px;
}

.text
{
	line-height: 24px;
	/*opacity: 0.8;*/
}

.text2 /* smaller font for order texts */
{
	font-size: 13px;
	line-height: 17px;
	/*opacity: 0.8;*/
}

.c
{
	color: #AD5BFF;
}

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

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

.c_title /* product list - cat titles */
{
	color: #AD5BFF;
}


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

.w a:link 
{
	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;
}

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


.d
{
	color: #004471;
}

.d a:link 
{
	color: #004471; 
}

.d a:active 
{
	color: #004471; 
}

.d a:hover 
{
	color: #004471; 
}

.d a:visited 
{
	color: #004471; 
}


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

.msg2 /* wallet signing - to match h3 */
{
	color: #FF0000;
}



/* links */

a:link
{
	color: #7F00FF;
	text-decoration: none; 
}

a:visited
{ 
	color: #7F00FF; 
	text-decoration: none; 
}

a:active 
{ 
	color: #7F00FF; 
	text-decoration: none; 
}

a:hover 
{
	color: #7F00FF; 
	text-decoration: underline; 
}


a.transp:link 
{ 
	color: #3F769E; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

a.transp:visited 
{ 
	color: #3F769E; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

a.transp:active 
{ 
	color: #3F769E; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

a.transp:hover 
{ 
	color: #3F769E; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}


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

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

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

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



/* H0 */

.h0
{
	font-size: 33px;
	/*font-weight: bold;*/
	color: #FFFFFF;
	margin: 30px 0px 5px 0px;
	line-height: 36px;
}

/* H1 */

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

.h1_home
{
	font-size: 34px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


/* H2 */

.h2
{
	font-size: 22px;	
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.h2_home
{
	font-size: 22px;	
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 28px;
	/*opacity: 0.8;*/
}


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


/* H3 */

.h3
{
	font-size: 19px;	
	line-height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}



/* H4 */

.h4
{
	font-size: 14px;	
	margin: 0px 0px 5px 0px;
	padding: 0px;
}



/* texts */

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

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

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

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

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

.h_lang
{
	font-size: 11px;
	margin: 0px 0px 0px 2px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
	border-radius: 2px;
	float: right;
}

.h_lang_c
{
	font-size: 11px;
	margin: 0px 0px 0px 2px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
	float: right;
	border-radius: 2px;
}

.h_copy
{
	color: #CCCCCC;
	font-size: 11px;
	line-height: 19px;
	margin: 0px;
}

.h_footer
{
	font-size: 11px;
	line-height: 19px;
	margin: 0px;
}


.h_small
{
	font-size: 10px;
}

.h_small_2
{
	font-size: 6px;
}


.h_date
{
	font-size: 11px;
	margin: 0px 0px 5px 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_partner
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


.h_partner_premium /* home */
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



.h_cal
{
	font-size: 13px;
}

.h_cal_num
{
	font-size: 13px;
}



.h_news_title
{
	color: #FF007F;
	font-size: 20px;
	margin: 0px;
	padding: 10px 0px 15px 0px;
}

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

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



/* divs product */

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

.h_product_title /* list */
{
	font-weight: bold;
	margin: 4px 0px 4px 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: 0px 0px 0px 0px;
	padding: 0px;
}

.c_price /* hervorhebung price if disc */
{
	padding: 4px 5px 4px 5px;
	background-color: #E1D7FD;
	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;
}


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


.h_product_sold /* list - sold out */
{
	font-weight: bold;
	color: #FF0000;
}


.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 */
}



/* divs resources */

.h_resource_info /* list */
{
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}



/* divs career */

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

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



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



/* social links */

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

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

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

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


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

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

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

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




/* 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 0px 0px;
	padding: 0px;
	float: left;
}

.list_text
{
	margin: 0px 0px 0px 15px;
	padding: 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-weight: bold;
	font-size: 17px;
	margin: 0px 10px 0px 5px;
	padding: 0px;
	float: left;
}

.n1 a:link 
{
	color: #004471;
	text-decoration: none;
}

.n1 a:active 
{
	color: #004471;
	text-decoration: none; 
}

.n1 a:hover
{
	color: #7F00FF;
	text-decoration: none; 
}

.n1 a:visited
{
	color: #004471; /*AD5BFF*/
	text-decoration: none;
}


.n1_c
{
	font-weight: bold;
	font-size: 17px;
	margin: 0px 10px 0px 5px;
	padding: 0px;
	float: left;
}

.n1_c a:link
{
	color: #7F00FF;
	text-decoration: none;
}

.n1_c a:active 
{
	color: #7F00FF;
	text-decoration: none;
}

.n1_c a:hover
{
	color: #7F00FF;
	text-decoration: none;
}

.n1_c a:visited 
{
	color: #7F00FF;
	text-decoration: none; 
}


/*
.n1_2
{
	font-weight: bold;
	font-size: 17px;
	margin: 0px 14px 0px 5px;
	padding: 0px;
	float: left;
}

.n1_2 a:link 
{
	color: #BBA65B;
	text-decoration: none;
}

.n1_2 a:active 
{
	color: #BBA65B;
	text-decoration: none; 
}

.n1_2 a:hover
{
	color: #BBA65B;
	text-decoration: none; 
}

.n1_2 a:visited
{
	color: #BBA65B;
	text-decoration: none;
}


.n1_2_c
{
	font-weight: bold;
	font-size: 17px;
	margin: 0px 14px 0px 5px;
	padding: 0px;
	float: left;
}

.n1_2_c a:link
{
	color: #BBA65B;
	text-decoration: none;
}

.n1_2_c a:active 
{
	color: #BBA65B;
	text-decoration: none;
}

.n1_2_c a:hover
{
	color: #BBA65B;
	text-decoration: none;
}

.n1_2_c a:visited 
{
	color: #BBA65B;
	text-decoration: none; 
}

*/


/* nav left */

.n2_title
{
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px 3px 3px;
	padding: 0px;
	height: 20px;
	border-bottom: #EEEEEE 1px solid;
}

.n2
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	height: 20px;
}

.n2 a:link 
{
	color: #004471;
	text-decoration: none;
	padding: 2px;
}

.n2 a:visited
{
	color: #004471;
	text-decoration: none;
	padding: 2px;
}

.n2 a:active 
{
	color: #004471;
	text-decoration: none;
	padding: 2px;
}

.n2 a:hover
{
	color: #004471;
	text-decoration: none; 
	padding: 2px;
}


.n2_c
{
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	height: 20px;
}

.n2_c a:link 
{
	color: #004471;
	text-decoration: none; 
	padding: 2px;
}

.n2_c a:visited
{
	color: #004471;
	text-decoration: none; 
	padding: 2px;
}

.n2_c a:active 
{
	color: #004471;
	text-decoration: none; 
	padding: 2px;
}

.n2_c a:hover
{
	color: #004471;
	text-decoration: none; 
	padding: 2px;
}


/* nav footer */

.nf_title
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

.nf_title a:link
{
	font-weight: bold;
	color: #004471;
	text-decoration: none; 
}

.nf_title a:visited 
{
	font-weight: bold;
	color: #004471;
	text-decoration: none; 
}

.nf_title a:active 
{
	font-weight: bold;
	color: #004471;
	text-decoration: underline;
}

.nf_title a:hover
{
	font-weight: bold;
	color: #004471;
	text-decoration: underline;
}


.nf
{
	font-size: 11px;
	line-height: 19px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}

.nf a:link
{
	color: #004471;
	text-decoration: none; 
}

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

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

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



/* nav categories */

.nc /* used */
{
	font-size: 15px;
	margin: 0px;
	padding: 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: 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: 0px 30px 30px 0px;
	padding: 22px 0px 0px 0px;
	border-top: #EEEEEE 1px solid;
	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-bottom: #EEEEEE 1px solid;
}

/* 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;
	border-bottom: #EEEEEE 1px solid;
}

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

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


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


/* if screen less or equal to x */
@media screen and (max-width: 880px) 
{
	.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 /* grey */
{
	background-color: #F3F3F3;
}

.bg_2 /* light brown */
{
	background-color: #DBD1C1;
}

.bg_3 /* green */
{
	background-color: #99DBCF;
}

.bg_4 /* violett */
{
	background-color: #F9F2FF;
}

.bg_6 /* orange */
{
	background-color: #FFF5D9;
}


/*
pink #FF3C97
blue #24A7E4
green #24E487
violett #B76FFF
*/


.bg_pa /* #F9F9F9 #F4F4F4 */
{
	background-color: #F4F4F4;
}


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

.bg_video
{
	background-color: #FFFFFF;
	height: 300px;
	margin: 0px;
	padding: 0px;
}



.bg_tcell
{
	background-color: #F9F9F7;
}

.bg_tcell1
{
	background-color: #FFFFFF;
}

.bg_tcell2
{
	background-color: #F3F3F3;
}



/* line */

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

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

.hr_3
{
	height: 1px;
	background-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
}

.hr_p /* pay select */
{
	height: 1px;
	background-color: #EEEEEE;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

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

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




/* table */

/* main table columns formatting */

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

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

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


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



/* normal input forms */

.bg_tb_1
{
	background-color: #F2F2F2;
}

.bg_tb_1 td
{
	padding: 10px 15px 10px 15px;
	background-color: #F2F2F2;
}


/* normal display tables */

.bg_tb_2
{
	padding: 15px 10px 10px 15px;
	background-color: #F2F2F2;
}

.bg_tb_2 td
{
	padding: 8px 5px 8px 5px;
}


/* normal detail tables */

.bg_tb_3
{
	background-color: #F2F2F2;
}

.bg_tb_3 td
{
	padding: 2px 2px 2px 2px;
}

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




/* 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 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;
}



/* token list in product_list */

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

.bg_tb_tk td
{
	font-size: 12px;
	padding: 10px 5px 10px 0px;
	border-bottom: #EEEEEE 1px solid;
}




/* invoice display tables */

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

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



/* info display tables */

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

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



/* zone display tables */

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

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

.bg_tb_z_h1 /* header */
{
	color: #FFFFFF;
	background-color: #7F00FF;
}

.bg_tb_z_e1 /* entries */
{
	background-color: #E1D7FD;
}

.bg_tb_z_h2 /* header */
{
	color: #FFFFFF;
	background-color: #AD5BFF;
}

.bg_tb_z_e2 /* entries */
{
	background-color: #EFE9FE;
}




/* divs */ 

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

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

.d_user
{
	text-align: center;
	margin: 14px 0px 0px 0px;
	padding: 5px 7px 5px 7px;
	background-color: #F2F2F2;
	float: right;
	border-radius: 6px;
}

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

.d_header_icon 
{
	display: none;
} 

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

.d_social
{
	margin: 0px 35px 30px 0px;
	padding: 20px 0px 0px 0px;
	/*border-top: #CCCCCC 1px solid;*/
	display: block;
	float: right;
	text-align: right;
	width: 20%;
}

.d_footer
{
	margin: 35px 0px 10px 0px;
	padding: 0px;
	float: left;
}

.d_footer2
{
	margin: 0px 25px 20px 5px;
	padding: 0px;
	width: auto;
	max-width: 155px;
	height: auto;
	float: left;
}

/* display: inline-block;
text-align:right
*/


.d_logo2
{
	position: block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 140px;
}

.d_header2 /* landing page header text */
{
	font-size: 18px;
	font-weight: bold;
	margin: 46px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.d_content2 /* landing page content */
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 100%;
}


.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: 1050px) 
{
	/* since footer falls apart earlier / bc of social */

	.d_footer
	{
		margin: 160px 0px 0px -248px;;
		padding: 0px;
		float: none;
		width: 100%;
	}

	.d_social
	{
		margin: -20px 0px 30px -248px;
		padding: 20px 0px 0px 0px;
		display: block;
		float: none;
		text-align: left;
		width: 100%;
	}

}


@media screen and (max-width: 960px) 
{
	.d_logo
	{
		margin: 10px 0px 0px 0px;
		width: 210px;
	}

	.d_lang
	{
		display: none;
	}

	.d_user
	{
		text-align: left;
		margin: 75px 0px 5px -250px;
		padding: 3px 7px 6px 7px;
		background-color: #F2F2F2;
		float: none;
	}

	.d_header p
	{
		display: none;
	}

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

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

	.d_header.res
	{
		margin: 52px 0px 15px -250px;
		text-align: left;
		float: left;
	}

	.d_header.res p 
	{
		padding: 2px 0px 2px 0px;
		float: none;
		display: block;
	}


	.d_footer
	{
		margin: 160px 0px 0px -248px;
		padding: 0px;
		float: none;
		width: 200px;
	}

	.d_footer2
	{
		margin: 0px 0px 20px 0px;
		padding: 20px 0px 0px 0px;
		width: auto;
		max-width: 100%;
		height: auto;
		float: none;
	}


	.img_shim
	{
		width: 30px;
	}


	.d_header2 /* landing page header text */
	{
		display: none;
	}

} 



/* content responsive */

.d_home_left
{
	margin: 20px 20px 30px 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	float: left;
	width: 52%;
}

.d_home_right
{
	margin: 20px 0px 30px 0px;
	padding: 5px 0px 0px 40px;
	display: block;
	border-left: #EEEEEE 0.01em solid;
	float: right;
	width: 40%;
}

.d_home_both
{
	margin: 20px 0px 30px 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	width: 100%;
}

.d_home_ad /* landing page - old */
{
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
}

.d_home_info /* landing page - new */
{
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
}


.d_home_partner
{
	margin: 20px 0px 30px 0px;
	padding: 5px 0px 0px 40px;
	display: block;
	width: 100%;
}


.d_nav
{
	margin: 0px 30px 30px 0px;
	padding: 22px 0px 0px 0px;
	border-top: #EEEEEE 1px solid;
	display: block;
	position: relative;
	overflow: visible;
	z-index: 999;
	float: left;
	width: 25%;
}

.d_content
{
	margin: 0px 0px 30px 0px;
	padding: 20px 0px 0px 0px;
	border-top: #EEEEEE 1px solid;
	display: block;
	float: left;
	width: 70%;
}

.d_content2 /* w/o line */
{
	margin: 0px 0px 30px 0px;
	padding: 20px 0px 0px 0px;
	display: block;
	float: left;
	width: 70%;
}


.d_content_full
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center:
	display: block;
	width: 100%;
}

.d_info /* info pages box left */
{
	margin: 0px 30px 0px 0px;
	padding: 20px 0px 0px 0px;
	display: block;
	float: left;
	width: 25%;
	z-index: 1;
	border-top: #EEEEEE 1px solid;
}

.d_info2 /* info pages box left w/o line */
{
	margin: 0px 30px 0px 0px;
	padding: 20px 0px 0px 0px;
	display: block;
	float: left;
	width: 25%;
	z-index: 1;
}


.d_home_resource
{
	margin: 0px 10px 10px 0px;
	padding: 5px 5px 5px 5px;
	min-width: 165px;
	min-height: 130px;
	text-align: center;
	float: left;
	border: #EEEEEE 1px solid;
	background-color: #FFFFFF;
	border-radius: 5px;
}


.d_home_partner
{
	margin: 5px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 150px;
	float: left;
	/*border-bottom: #EEEEEE 1px solid;*/
}

.d_home_more
{
	margin: 10px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	float: none;
}



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

.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: #EEEEEE 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;
}



.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 asset - for asset list - rest same styles as product */

.d_asset
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*float: left;
	width: 60%;*/
}

.d_asset_img
{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: inline;
}


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


/* divs product */

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

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


.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: #EFE9FE;
	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: 4px 0px 10px 2px;
	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;
}


/* divs resource */

.d_resource /* resource list */
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 65%;
}

.d_resource_premium /* resource list */
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #EEEEEE;
	border-radius: 6px;
	float: right;
	width: 60%;
}

.d_resource_info /* dtl */
{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.d_resource_img
{
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 30%;
}

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



.d_partner
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 60%;
}

.d_partner_img
{
	margin: -10px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 33%;
}

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


.d_partner_img_premium /* home */
{
	margin: 4px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 50%;
}


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



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

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

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

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

}


@media screen and (max-width: 880px) 
{
	.d_home_left
	{
		margin: 20px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
		border-bottom: #EEEEEE 0.01em solid;
	}

	.d_home_right
	{
		margin: 20px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
		border-left: none;
	}

	.d_nav
	{
		margin: 0px 0px 20px 0px;
		padding: 22px 0px 10px 0px;
		display: block;
		float: none;
		width: 100%;
		/*border-bottom: #EEEEEE 0.01em solid;*/
	}

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

	.d_content2 /* w/o line */
	{
		margin: 0px 0px 30px 0px;
		padding: 20px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
	}

	.d_info /* info pages box left */
	{
		display: none;
	}

	.d_info2 /* info pages box left w/o line */
	{
		display: none;
	}


	.d_home_resource
	{
		margin: 0px 10px 10px 0px;
		padding: 5px 5px 5px 5px;
		min-width: 165px;
		min-height: 130px;
		text-align: center;
		float: left;
		border: #EEEEEE 1px solid;
		background-color: #FFFFFF;
		border-radius: 4px;
	}

	.d_home_partner
	{
		margin: 5px 5px 5px 0px;
		padding: 0px 0px 0px 0px;
		min-height: 130px;
		float: left;
	}


	.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_asset
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}

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


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

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

	.d_product_2 /* home and product list > mouse over color */
	{
		margin: 0px 0px 25px 0px;
		padding: 8px 8px 8px 8px;
		width: 100%;
		float: none;
		background-color: #EFE9FE;
		border-radius: 6px;
	}


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

	.d_resource_img
	{
		margin: 10px 0px 20px 00px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}



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

	.d_partner_img
	{
		margin: 10px 0px 20px 00px;
		padding: 0px 0px 0px 0px;
		float: none;
		width: 100%;
	}

}



.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 box */

.d_box
{
	margin: 0px 0px 5px 0px;
	padding: 25px 30px 25px 30px;
	display: block;
	background-color: #EFE9FE; /* EFE9FE E1D7FD */
	border-radius: 5px;
}



/* divs button */

.d_button_main
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004471; /*34A1FF FF007F 004471 589084*/
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border-radius: 12px;
	border: none;
}

.d_button_main a
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button_main a:hover
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button_main a:active
{
	color: #FFFFFF;
	text-decoration: none; 
}



.d_button /* same as form buttons */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004471;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 8px;
	width: 220px;
}

.d_button a
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button a:hover
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button a:active
{
	color: #FFFFFF;
	text-decoration: none; 
}



.d_button_2
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7F00FF; /*34A1FF FF007F*/
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 8px;
	width: 200px;
}

.d_button_2 a
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button_2 a:hover
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button_2 a:active
{
	color: #FFFFFF;
	text-decoration: none; 
}



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

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

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

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




/* 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: -36px 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_ad
{
	margin: 10px 40px 20px 0px; 
	float: left; 
	display: inline;
}

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

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

.img_resp_90
{
	width: 98%;
	max-width: 98%;
    height: auto;
}

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

.img_right
{
	margin: 0px 0px 10px 30px; 
	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;
	}
}



/* grid */

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


.img_grid /* 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_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
}



/* pagination */

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

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

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

.pages a:active
{
	text-decoration: none; 
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 8px 2px 6px;
	background-color: #EFE9FE; 
}

.pages a:hover
{
	text-decoration: none; 
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 8px 2px 6px;
	background-color: #EFE9FE; 
}


/* form */

.field
{
	font-size: 12px;
}

.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: 15px;
	color: #FFFFFF;
	background-color: #004471; /* 589084 green */
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 8px;
	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: 8px;
	width: 80px;
}

.button_2 /* cart add rmv buttons */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #589084;
	cursor: pointer;
	text-align: center;
	text-decoration: none; 
	margin: 5px 0px 5px 0px;
	padding: 6px 5px 6px 5px;
	border: none;
	border-radius: 8px;
}