


/* ----- GENERAL ----- */

body
{
	margin: 0px;
	background-color: #a7c3e0;

	font-family: Lucida Sans, sans-serif;
	font-size: 12px;
}

img
{
	border: 0px;
}

h5
{
	font-size: 14px;
	margin-top: 4px;
	font-weight: bold;
	display: inline;
	text-align: left;
}

h4
{
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: bold;
	text-align: left;
}

h3
{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 4px;
	font-weight: normal;
	text-align: left;
}

h2
{
	font-size: 22px;
	margin-bottom: 8px;
	margin-top: 8px;
	font-weight: normal;
	text-align: left;
}

p
{
	text-align: left;
	line-height: 1.5em;

	margin-top: 5px;
	margin-bottom: 5px;
}

a			{ color: #666666; text-decoration: none; }
a:hover		{ color: #666666; text-decoration: underline; }



/* ----- HEADER ----- */

.headerframe
{
    width: 100%;
    height: 84px;

    background: url(/images/back_header.gif) repeat-x;
}

.headercenterframe
{
    width: 908px;
    height: 84px;

    margin-left: auto;
    margin-right: auto;

    background: url(/images/back_shadow_header.gif) repeat-x bottom left;

    text-align: right;
}

.headerlogo
{
    width: 378px;
    height: 36px;

    padding-top: 48px;

    float: left;
    background: url(/images/header_logotop.gif) no-repeat bottom left;

}

.bannerframe
{
    width: 908px;
    height: 68px;

    margin-left: auto;
    margin-right: auto;

    text-align: left;
    background-color: white;
}

.bannershadow
{
    float: left;

    width: 8px;
    height: 68px;
    background: url(/images/banner_shadow.gif) no-repeat top left;
}



/* ----- MAINMENU ----- */

.tab_sel
{
    float: right;
    height: 32px;
    background: url(/images/tab_back_sel.gif) repeat-x bottom left;
}

.tab_sel a          { text-decoration: none; color: black; font-size: 14px; font-weight: bold; }
.tab_sel a:hover    { text-decoration: none; color: black; font-size: 14px; font-weight: bold; }

.tabright_sel
{
    float: right;
    height: 32px;
    width: 3px;
    background: url(/images/tab_backright_sel.gif) no-repeat bottom left;
}

.tab
{
    float: right;
    height: 32px;
    background: url(/images/tab_back.gif) repeat-x bottom left;
}

.tab a          { text-decoration: none; color: #666666; font-size: 14px; }
.tab a:hover    { text-decoration: underline; color: #666666; font-size: 14px; }

.tabright
{
    float: right;
    height: 32px;
    width: 3px;
    background: url(/images/tab_backright.gif) no-repeat bottom left;
}

.tabspace
{
    float: right;
    height: 32px;
    width: 3px;
    background: url(/images/tab_space.gif) no-repeat bottom left;
}

.tabtopspace
{
     height: 4px;
     width: 2px;
     overflow: hidden;
}



/* ----- CONTENT ----- */

.contentframe
{
	background: white url(/images/content_shadow.gif) repeat-y left;

    width: 908px;

    margin-left: auto;
    margin-right: auto;
}

.content
{
    font-family: Lucida Sans, sans-serif;
    font-size: 12px;
    color: #666666;


    padding: 5px 10px 0px 50px;
}

.content a			{ color: #666666; text-decoration: underline; }
.content a:hover	{ color: #ff9900; text-decoration: underline; }

.content h5
{
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 5px;
	font-weight: bold;
	display: inline;
	text-align: left;
}

.content h4
{
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 6px;
	font-weight: bold;
	text-align: left;
}

.content h3
{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 7px;
	font-weight: normal;
	text-align: left;
}

.content h2
{
	font-size: 22px;
	margin-bottom: 8px;
	margin-top: 10px;
	font-weight: normal;
	text-align: left;
}

.content p			{ text-align: left; line-height: 1.4em; margin-top: 3px; margin-bottom: 7px; }

.content ul			{ text-align: left; list-style-image:url(/images/bullet.gif); padding-left: 9px; margin: 10px 0px 10px 15px; }
.content li			{ line-height: 1.4em; margin-bottom: 10px; margin-top: 8px; }

/*
.content table		{ border: 0px }
.content td 		{ background-color: #bebebe; padding: 7px 20px 7px 10px; vertical-align: top; font-size: 11px; line-height: 1.3em; }
.content th 		{ background-color: #a5a5a5; padding: 7px 10px 7px 10px; vertical-align: top; text-align: left; font-size: 11px; line-height: 1.3em; }
*/

.content_imgright 	{ float: right; margin: 0px 0px 15px 15px; border: 1px solid #cccccc; }
.content_imgleft 	{ float: left; margin: 0px 15px 15px 0px; border: 1px solid #cccccc; }
.content_imgcenter	{ margin: 10px 0px; width: 100%; text-align: center; font-size: 11px; color: #cccccc; }

.contact_header		{}
.contact_header	td 	{ font-size: 16px }

.image_right		{ float: right }
.image_right div	{ font-size: 10px }
.image_left			{ float: left }
.image_left div		{ font-size: 10px }
.image_normal		{ margin: 5px 8px }
.image_normal div	{ font-size: 10px }

.content_topnavigation
{
	width: 100%;
	height: 32px;
	font-size: 11px;
	margin-bottom: 15px;
	background: white url(/images/line.gif) repeat-x bottom;

}

.content_topnavigation a		{ color: #afc505; text-decoration: none; }
.content_topnavigation a:hover	{ color: #afc505; text-decoration: underline; }

.content_footer
{
	width: 100%;
}

.content_footer a 		{ text-decoration: none; color: #666666; font-size: 10px; }
.content_footer a:hover { text-decoration: none; color: #666666; font-size: 10px; }

.line   { float: right; width: 900px; height: 1px; background: white url(/images/line.gif) repeat-x; overflow: hidden; }

/* ----- FOOTER ----- */

.footercenterframe
{
    width: 908px;
    /*height: 30px;  */

    margin-left: auto;
    margin-right: auto;

    text-align: right;
    overflow: hidden;

}

.footer
{
    width: 908px;
    height: 22px;

    background: url(/images/back_footer.gif) no-repeat 8px 0px;
}

.footer_shadowleft
{
    width: 8px;
    height: 22px;

    float: left;
    background: url(/images/footer_shadowleft.gif) no-repeat bottom left;
}

.footer_shadowbottom
{
    width: 908px;
    height: 8px;
    /*border: 1px solid green;  */

    background: url(/images/footer_shadow_bottom.gif) repeat-x top left;
}

.footer_shadowbottomleft
{
    width: 377px;
    height: 8px;
    /*border: 1px solid red;   */

    float: left;
    background: url(/images/footer_shadow_bottomleft.gif) no-repeat top left;
}

.footer_shadowbottomright
{
    width: 79px;
    height: 8px;
   /* border: 1px solid blue; */

    float: right;
    background: url(/images/footer_shadow_bottomright.gif) no-repeat top left;
}

.footertext
{
	font-size: 9px;
    color: #999999;
	padding: 4px 10px 0px 0px;
	overflow: hidden;
}

.footertext a			{ color: #999999; text-decoration: none; }
.footertext a:hover		{ color: #afc505; text-decoration: none; }

.lentilslink a			{ color: gray; text-decoration: none; }
.lentilslink a:hover	{ color: gray; text-decoration: none; }

.copyright
{
	font-size: 9px;

	padding-right: 2px;
	color: #aaa999;
}



/* ----- MISC ----- */

.general_messages
{
	border: 1px solid #9A9A9A;
	padding: 5px 10px 5px 10px;

	background-color: #fcbfbf;

	font-size: 11px;
	text-align: left;
}

.general_message_icon
{
	margin: 1px 0px;
	padding-right: 3px;

	vertical-align: middle;
}

.general_console
{
	width: 100%;

	text-align: left;
	font-size: 9px;

	background-color: #E3E1DD;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border: 1px solid;

	margin-top: 4px;
}

.general_console_title
{
	width: 100%;
	height: 16px;

	background-color: #e66e62;
	border-bottom: 1px solid #666666;
	color: white;

	font-size: 12px;
	font-weight: bold;

	text-align: center;
	vertical-align: middle;
}

.general_console_tools { padding-left: 5px }

.general_console_messages
{
	width: 100%;
	overflow: auto;
}

.general_console_table	  { width: 100%; border-collapse: collapse }
.general_console_table th { text-align: left; padding: 1px 3px 1px 3px }
.general_console_table td { font-family: lucida console; font-size: 10px; padding: 1px 3px 1px 3px }

.general_console_message	   { }
.general_console_message_fatal { font-weight: bolder }



/* ----- SITEMAP ----- */

.sitemap_subtable a 		{ color: #003399; text-decoration: underline; }
.sitemap_subtable a:hover		{ text-decoration: underline; }
.sitemap_subtable a:visited 	{ color: #666666; }

.sitemap_table a 		{ color: #003399; text-decoration: underline; }
.sitemap_table a:hover		{ text-decoration: underline; }
.sitemap_table a:visited 	{ color: #666666; }

.sitemap_subtable
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	background-color: #f6f6f6;

}

.sitemap_table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;


}

.sitemap_titletable thead th { width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #f6f6f6; border-bottom: solid 2px #aaa999; text-align: left; padding: 4px 10px 4px 5px; font-weight: bold; color: #003399; }
.sitemap_subtable tbody td { border-top: 0px; border-right: 0px; border-bottom: 0px; text-align: left; padding: 4px 10px 4px 5px; vertical-align: top; }

.sitemap_table td { text-align: left; padding: 4px 10px 4px 5px; vertical-align: top; }



/**************************************************************************/
/* shop module                                                            */
/**************************************************************************/
.productpanel
{
	float: left;

    width: 620px;
}

.rightbox
{
    float: right;

    width: 200px;
    background: url(/images/vertline.gif) repeat-y left;

    text-align: left;
    font-size: 14px;
}

.rightbox a   { font-weight: bold; text-decoration: none; }

.cart
{
    padding: 10px 5px 10px 15px;
    background: url(/images/line.gif) repeat-x bottom;
}

.service
{
    padding: 10px 5px 10px 15px;
    background: url(/images/line.gif) repeat-x bottom;
}

.productmenu
{
	margin-top: 7px;
}

.carttable              { border: 0px; background-color: #ecf7fd; width: 100%; font-family: Lucida Sans, sans-serif; margin: 10px 0px; padding: 5px 10px 0px 10px; border-bottom: 10px solid #ecf7fd; }
.carttable a            { text-decoration: none }
.carttable a:hover      { text-decoration: underline }
.carttable td           { background-color: #f8fbfd; background-image: url(/images/line.gif); background-repeat: repeat-x; background-position: top; vertical-align: middle; padding: 5px 10px; text-align: left; font-size: 12px; }
.carttable_dark td      { background-color: white; background-image: url(/images/line.gif) repeat-x top; vertical-align: middle; padding: 5px 10px; text-align: left; font-size: 12px; }
.carttable_result       { border-top: 1px solid #666666; font-weight: bold; }
