/*
----------------------------------------------------------------------------------------------------
[Table of Contents]

1. Base page configuration and Global (.g- ) classes

2. Layout page constructor
			2.1 Header 									| .l-hdr
			2.2 Content 								| .l-cnt
			3.3 Footer 									| .l-ftr

3. Blocks
			3.1 Navigation Menu						| .b-nav
			3.2 Main Menu								| .b-mmenu
			3.3 Side Bar Title						| .b-sb-ttl
			3.4 Side Bar Text							| .b-sb-txt
			3.5 Form Constructor						| .b-form
				3.5.1 Form Layouts
				3.5.2 Input								| .b-i
				3.5.3 Textarea							| .b-ta
				3.5.4 Captcha							| .b-captcha
				3.5.5 Submit|Button					| .b-btn
			3.6 Path										| .b-path
			3.7 Product Menu							| .b-prd-menu
			3.8 Buy Button								| .b-buy
			3.9 Gallery									| .b-gal

4. Universal pages constructor
			4.1 Product page							| .p-prd

----------------------------------------------------------------------------------------------------
*/



/*
####################################################################################################
[1. Base page configuration]
####################################################################################################
*/
html { height: 100%; background: #e1f9ff url(../img/l-html-bg.jpg) 100% 0 no-repeat; }
body {
	height: auto !important;
	min-height: 100%;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.625em;	/* default page font size is 10px (1em) */
	position: relative;
	min-width: 100em;
}

	body,div,dl,dt,dd,ul,ol,li,form,table,tr,td,
	h1,h2,h3,h4,h5,h6,pre,p,span,b,i,
	input,textarea, fieldset { margin: 0; padding: 0; /*outline: none;*/ }

	ul { list-style-type: none;}
	img, fieldset { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	/* remember to define focus styles! */
	/*:focus {	outline: 0; }*/


	h1 { font-size: 1.8em; }
	h2 { font-size: 2.4em; font-weight: normal; padding-bottom: .375em; color: #fc5543; }
		h2 span { color: #fc5543; }
	h3 { font-weight: normal; font-size: 1.8em; padding: 0 0 .25em; color: #414141; }

	input, textarea, select, label { font-size: 1.2em; font-family: inherit; }
	input[type="checkbox"] { vertical-align: -2px; }
	input[type="submit"] { cursor: pointer; }

	p,a,span,b { font-size: 1.2em; }
	p,a,span { color: #4f4f4f; }

	a { text-decoration: underline; color: #00558f; }
	a:hover { text-decoration: none; }

	p a, p span, p b,
	h1 a, h2 a, h3 a, span a,
	h1 span, h2 span, h3 span,
	a b, span b, a b, label b,
	p label { font-size: 1.0em; }

	.red { color: #fc5442; }

/*
####################################################################################################
[2. Default content page constructor settings]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[2.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.l-hdr { position: relative; height: 26.0em; }

		/* layout constructor */
		div.l-hdr-center { margin-left: 19.8em; }

		/* logotype */
		div.logo {
			position: absolute;
			left: 1.8em; top: 2.3em;
			z-index: 3;
		}
			div.logo a {
				font-size: 1.0em;
				display: block;
				width: 15.6em; height: 18.3em;
				background: url(../img/l-hdr-logo-trans.png) 0 0 no-repeat;
			}

		/* top right corner image */
		div.l-hdr img.corner { position: absolute; top: 0; right: 0; z-index: 1; }

		/* goods bar */
		table.b-goods { position: absolute; top: 0; right: 22.8em; }
			div.b-bar { position: relative; }
				div.b-bar div { height: 3.1em; width: 4.7em; background: url(../img/b-goods-bar-bg.png) 0 0 no-repeat; }
				div.b-bar div.l { position: absolute; left: 0; top: 0; }
				div.b-bar div.r { position: absolute; top: 0; right: 0; background-position: 0 -3.1em; }
				div.b-bar div.c { margin: 0 4.7em; width: auto; background-position: 0 -6.2em; background-repeat: repeat-x; }

				div.b-bar p { padding-top: .5em; color: #fff; }

			/* links */
			table.b-goods tr.links {  }
				table.b-goods tr.links td { padding: 2px 0 0 45px; }

				table.b-goods tr.links a { float: right; font-size: 1.0em; display: block; margin-left: 2em; width: 3.0em; height: 3.0em; }
				table.b-goods a.home { background: url(../img/ico-lnk-home-trans.png) 0 0 no-repeat; }
				table.b-goods a.search { background: url(../img/ico-lnk-search-trans.png) 0 0 no-repeat; }
				table.b-goods a.mail { background: url(../img/ico-lnk-mail-trans.png) 0 0 no-repeat; }

		/* losung */
		div.b-losung { padding-top: 2.5em; }
			div.b-losung h1 { font-size: 3.0em; font-weight: normal;  }
				div.b-losung a { color: #fc5442; text-decoration: none; }
			div.b-losung span { color: #fc5442; }

		/* navigation menu */
		div.l-hdr div.b-nav { padding-top: 1.6em; position: relative; z-index: 3; }



/*
----------------------------------------------------------------------------------------------------
	[2.2 Content]
----------------------------------------------------------------------------------------------------
*/
	div.l-cnt { overflow: hidden; padding: 0 .6em 17.5em 0; }

		/* side bar */
		div.l-sb { float: right; width: 23em; }
			div.l-sb div.data { padding-left: 3.1em; }
			div.l-sb h2 { font-size: 1.8em; margin-top: 48px; color: #383838; }

		/* main content container */
		div.l-data { margin: 0 0 0 9.7em; overflow: hidden;  }
			div.l-data p.big { font-size: 1.4em; }

			div.l-data div.options { overflow: hidden; padding: 0 0 2.0em; }
			div.l-data div.options h2 { float: left; }
				div.l-data div.options span { float: left; }
				div.l-data div.options ul { float: left; padding-left: 6.3em; }
					div.l-data div.options li {
						float: left;
						width: 16em; height: 2.9em;
						margin-left: -6.3em;
						padding-left: 2.5em;
						background: url(../img/l-cnt-h2-options-lnk-bg.png) 0 0 no-repeat;;
					}
						div.l-data h2.options a { font-size: 1.4em; line-height: 27px; }



/*
----------------------------------------------------------------------------------------------------
	[2.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.l-ftr { position: absolute; left: 0; bottom: 0; height: 17.5em; width: 100%; background: url(../img/l-ftr-bg.jpg) 0 100% repeat-x; }
		div.l-ftr div.data { position: relative; height: 100%; }
			div.l-ftr div.copy, div.l-ftr div.dev { position: absolute; left: 11.7em; top: 12.5em; }
				div.l-ftr p { font-size: 1.4em; color: #6a6a6a; }
					div.l-ftr a { color: #0e7488; }
			div.l-ftr div.dev { left: 56.1em; }
			div.l-ftr img { position: absolute; left: 29.1em; bottom: 0; }


/*
####################################################################################################
[3. Blocks]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[3.1 Navigation Menu]
----------------------------------------------------------------------------------------------------
*/
	div.b-nav { overflow: hidden; width: 100%; }
	div.b-nav a { color: #016b80; }
		div.b-nav ul { overflow: hidden; padding: .5em 0 1.0em; margin-left: -2.1em; }
			div.b-nav li {
				float: left;
				height: 1.4em;
				padding: 0 .7em 0 2.1em;
				background: url(../img/b-nav-delimiter-trans.png) 0 0 no-repeat;
			}
				div.b-nav a { display: block; margin: -2px 0 0; }
				div.b-nav span { color: #fc5543; }


/*
----------------------------------------------------------------------------------------------------
	[3.2 Main Menu]
----------------------------------------------------------------------------------------------------
*/
	div.b-mmenu { margin: 0 16.2em 0 15.5em; /*width: 150em;*/ }
	div.b-mmenu.sublevel { margin-left: 10.6em; margin-right: 21.3em; }
	table.b-mmenu { width: 100%; /*table-layout: fixed;*/ }
		table.b-mmenu td { width: 18%; }
		table.b-mmenu td.del { width: 2%; }

			/* button constructor */
			table.b-mmenu div.btn { position: relative; height: 4.2em; margin: 0 -1.0em; }
				table.b-mmenu div.l,table.b-mmenu div.r, table.b-mmenu div.c {
					width: 4.2em; height: 4.2em;
					background: url(../img/b-mmenu-btn-bg.png) 0 0 no-repeat;
				}
				table.b-mmenu div.l { position: absolute; left: 0; top: 0; }
				table.b-mmenu div.r { position: absolute; top: 0; right: 0; background-position: 0 -4.2em; }
				table.b-mmenu div.c {
					margin: 0 4.2em;
					width: auto;
					background-position: 0 -8.4em;
					background-repeat: repeat-x;
				}
				/* link construction */
				table.b-mmenu div.lnk { position: relative; display: table; width: 100%; height: 3.6em; }
					table.b-mmenu div.lnk div { display: table-cell; vertical-align: middle; }
						table.b-mmenu div.lnk a { display: block; }
						table.b-mmenu div.lnk a { text-decoration: none; color: #016b80; }
						table.b-mmenu div.lnk a:hover { text-decoration: underline; }
							table.b-mmenu div.lnk img { display: block; }


/*
----------------------------------------------------------------------------------------------------
	[3.3 Side Bar Title]
----------------------------------------------------------------------------------------------------
*/
	div.b-sb-ttl { position: relative; }
		div.b-sb-ttl,
		div.b-sb-ttl div { height: 3.7em; width: .9em; background: url(../img/b-sb-ttl-bg.gif) 0 -7.4em; no-repeat; }
		div.b-sb-ttl { margin: 0 .9em; width: auto; background-repeat: repeat-x; }
		div.b-sb-ttl div { position: absolute; top: 0; }
		div.b-sb-ttl div.l { left: -.9em; background-position: 0 0; }
		div.b-sb-ttl div.r { right: -.9em; background-position: 0 -3.7em; }
		div.b-sb-ttl img { position: relative; top: 1.2em; display: block; }


/*
----------------------------------------------------------------------------------------------------
	[3.4 Side Bar Text]
----------------------------------------------------------------------------------------------------
*/
	div.b-sb-txt { padding: 1.3em .7em 2.0em; }

/*
----------------------------------------------------------------------------------------------------
	[3.5 Form Constructor]
----------------------------------------------------------------------------------------------------
*/
	div.b-form {  }
		div.b-form label { font-size: 1.4em; display: block; margin: 11px 0 3px 11px; }


/*
----------------------------------------------------------------------------------------------------
		[3.5.1 Form Layouts]
----------------------------------------------------------------------------------------------------
*/
		/* registration */
		table.b-reg { width: 100%; margin: 1.5em 0 0; }
			table.b-reg td { vertical-align: bottom; }
			table.b-reg td.l-col { width: 23em; }
			table.b-reg td + td { padding-left: 3.7em; }

			table.b-reg div.b-ta textarea { height: 128px; }

			table.b-reg  label.sender-msg { margin-top: 0; }

		/* authorization form */
		table.auth { width: 100%; }
			table.auth td { vertical-align: bottom; }
			table.auth tr.login td { padding-top: 1.0em; }
			table.auth tr.login td:first-child { vertical-align: middle; }
				table.auth a.forgot { font-size: 1.1em; margin-left: 11px; }


/*
----------------------------------------------------------------------------------------------------
		[3.5.2 Input]
----------------------------------------------------------------------------------------------------
*/
		div.b-i {  }
			div.b-i,
			div.b-i div { position: relative; width: .9em; height: 2.6em; background: url(../img/b-form-input.gif) 0 -5.2em no-repeat; }
			div.b-i { width: auto; margin: 0 .9em; background-repeat: repeat-x; }
			div.b-i div { position: absolute; top: 0; }
			div.b-i div.l { left: -.9em; background-position: 0 0;  }
			div.b-i div.r { right: -.9em; background-position: 0 -2.6em; }

			div.b-i div.c { position: static; width: auto; background: transparent; }
			div.b-i div.c div { width: auto; background: transparent; }
			div.b-i input {
				display: block;
				width: 100%;
				height: 20px;
				padding-top: 5px;
				border: 0;
				background: transparent;
			}


/*
----------------------------------------------------------------------------------------------------
		[3.5.3 Textarea]
----------------------------------------------------------------------------------------------------
*/
		div.b-ta {  }

			/* top and bottom constructor */
			div.b-ta div.top,
			div.b-ta div.top div,
			div.b-ta div.btm,
			div.b-ta div.btm div { height: 1em; overflow: hidden; background: url(../img/b-form-ta.gif) 0 0 no-repeat; }

			div.b-ta div.top div div,
			div.b-ta div.btm div div { background-repeat: repeat-x; margin: 0 1em; }

			div.b-ta div.top div { background-position: 100% -1em; }
			div.b-ta div.top div div { background-position: 100% -2em; }
			div.b-ta div.btm { background-position: 0 -3em; }
			div.b-ta div.btm div { background-position: 100% -4em; }
			div.b-ta div.btm div div  { background-position: 0 -5em; }

			div.b-ta div.ta { border: 1px solid #c2eef9; border-bottom: 0; border-top: 0; }
				div.b-ta div.ta div { padding-left: .9em; background: #fff; }
					div.b-ta textarea { display: block; width: 100%; border: 0; background: transparent; }

/*
----------------------------------------------------------------------------------------------------
		[3.5.4 Captcha]
----------------------------------------------------------------------------------------------------
*/
		table.b-captcha { width: 100%; }
			table.b-captcha td.img { width: 1%; }
			table.b-captcha td.field { padding-left: 1.5em; width: 10em;  }
			table.b-captcha td.btn { text-align: right; }



/*
----------------------------------------------------------------------------------------------------
		[3.5.5 Submit|Button]
----------------------------------------------------------------------------------------------------
*/
		div.b-btn { overflow: hidden; }
			div.b-btn div.button { position: relative; }
			div.b-btn div.button, div.b-btn div.button div {
				width: .9em; height: 2.6em;
				background: url(../img/b-form-btn.gif) 0 -5.2em no-repeat;
			}
			div.b-btn div.button { width: auto; margin: 0 .9em; padding: 0 1.0em; background-repeat: repeat-x; }
			div.b-btn div.button div { position: absolute; top: 0; }
			div.b-btn div.button div.l { left: -.9em; background-position: 0 0; }
			div.b-btn div.button div.r { right: -.9em; background-position: 0 -2.6em; }

			div.b-btn div.button div.c { position: static; width: auto; padding: 0; background: transparent; }
			div.b-btn input {
				font-style: italic;
				font-size: 1.4em;
				display: block;
				height: 100%;
				margin-top: -2px;
				width: 100%;
				border: 0;
				background: transparent;
				color: #007187;
			}

		/* button align */
		div.b-btn.aright {  }
			div.b-btn.aright div.button { float: right; }
		div.b-btn.aleft {  }
			div.b-btn.aleft div.button { float: left; }

/*
----------------------------------------------------------------------------------------------------
	[3.6 Path]
----------------------------------------------------------------------------------------------------
*/
	ul.path { overflow: hidden; }
		ul.path li {
			display: inline;
			padding: 0 1.2em 0 .8em;
			margin-left: -.8em;
			background: url(../img/path-pointer.gif) 0 50% no-repeat;
		}
			ul.path a {  }


/*
----------------------------------------------------------------------------------------------------
	[3.7 Product Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.b-prd-menu { padding: 5em 0 0; }
		ul.b-prd-menu li {  }
			ul.b-prd-menu a,
			ul.b-prd-menu span {
				font-size: 1.8em;
				display: block;
				height: 24px;
				padding-left: 14px;
				background: url(../img/p-prd-lnk-pointer.gif) 0 0 no-repeat;
			}
			ul.b-prd-menu span { background-position: 0 -24px; color: #fc5543; }


/*
----------------------------------------------------------------------------------------------------
	[3.8 Buy Button]
----------------------------------------------------------------------------------------------------
*/
	div.b-buy { width: 18.7em; height: 9.1em; background: url(../img/buy-btn.png) 0 0 no-repeat; }

			div.b-buy a, div.b-buy b { font-size: 2.4em; display: block; height: 42px; line-height: 40px; text-align: center; }
			div.b-buy b { font-weight: normal; color: #40cd8a; }
			div.b-buy a { position: relative; color: #2da1b8; line-height: 30px; }


/*
----------------------------------------------------------------------------------------------------
	[3.9 Gallery]
----------------------------------------------------------------------------------------------------
*/
	div.b-gal {  }
	ul.b-gal { overflow: hidden; margin-left: -7.5em; }
		ul.b-gal li { float: left; margin: 0 0 0 7.5em; width: 17em; height: 19em; }
			ul.b-gal img { display: block; margin: 0 0 6px; }
			ul.b-gal a {  }



/*
####################################################################################################
[4. Universal pages constructor]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[4.1 Product page]
----------------------------------------------------------------------------------------------------
*/
	div.p-prd { overflow: hidden; }

		div.p-prd div.pic { float: right; width: 19em; }
		div.p-prd div.about { margin-right: 19em; }
			div.p-prd div.about div.desc { padding: 1.0em 0 2em; }
			div.p-prd div.about div.spec {  }

.bbuy {text-align:center; font-size:24px; background-color:#0B2A54; border:none; color:#2da1b8; text-decoration:underline; font-style:italic; cursor: pointer; margin-left: 46px; }

span.ajaxSearch_highlight {background-color:yellow;}

.loll {background: transparent; border:none; padding-top:4px; cursor:pointer; }

div.l-data p.big-2 { font-size: 1.4em; float: left;   }

.shk-price-2 {color:  black important;}