/* ---- GENERIC ---- */
	body {color:#AAA; background:black}

	a {color:#999; text-decoration:underline}
	a:hover, a:active {text-decoration:none}

	input {border:1px solid #ffcc00; background:#999}
	input.radio {border:0px none; background:white}
	select, textarea {border:1px solid #ffcc00; background:#999}

/* ---- DOCUMENT LAYOUT ---- */
	/* ---- header ---- */
	#header {height:325px; text-align:center;
			background:url(/public/img/4light/header-background.jpg) no-repeat center}
	#header h1 {height:325px; text-align:left}
	#header a {display:block; width:750px; height:325px; text-decoration:none}
	#header span {visibility:hidden}

	/* ---- express search form ---- */
	#express-search {color:#AF903D}
	#express-search form {top:-260px}
	#express-search #dd_list {background:#000000; color:#FFFFFF;
			opacity:0.90; -moz-opacity:0.90; -khtml-opacity: 0.9}
		/* + IE7- HACKS */

	#express-search .actions {height:35px; text-align:left}
	#express-search .actions br {font-size:70%}
	#express-search .actions #express-search-go {width:75px; height:35px; float:right; overflow:hidden}
	#express-search .actions #express-search-go span {display:block; width:75px; height:35px; background:url(/public/img/4light/search-button.gif) no-repeat 0 0}

	/* ---- top menu ---- */
	#menu a {position:relative; padding:0; margin:0 5px 0 0; overflow:hidden; font-size:78%}
	#menu a span {display:block; height:30px; position:absolute; left:0; top:0; z-index:2;
		background:none no-repeat 0 0; cursor:pointer}
	#menu a:hover span, #menu a.active span {background-position:0 -30px}

	#menu a.glavnaya {width:78px}
	#menu a.glavnaya span {width:78px; background-image:url(/public/img/4light/mainMenu/home.gif)}

	#menu a.o_firme {width:82px}
	#menu a.o_firme span {width:82px; background-image:url(/public/img/4light/mainMenu/about.gif)}

	#menu a.pomosh {width:79px}
	#menu a.pomosh span {width:79px; background-image:url(/public/img/4light/mainMenu/help.gif)}

	#menu a.svet_evropu {width:111px}
	#menu a.svet_evropu span {width:111px; background-image:url(/public/img/4light/mainMenu/europe.gif)}

	#menu a.svet_budushego {width:123px}
	#menu a.svet_budushego span {width:123px; background-image:url(/public/img/4light/mainMenu/future.gif)}

	#menu a.partneram {width:100px}
	#menu a.partneram span {width:100px; background-image:url(/public/img/4light/mainMenu/partners.gif)}

	/*#menu a.email {width:143px; margin:0}
	#menu a.email span {width:143px; background-image:url(/public/img/4light/mainMenu/email.png)}
	#menu a.email:hover span {background-position:0 0}*/

	/* ---- site menu ---- */
	#siteMenu.catalog {padding:40px 0 20px 0; background:url(/public/img/4light/title-catalogue.gif) no-repeat 3px 0}
	#siteMenu li a {color:#FFC000}
	#siteMenu ul ul li a {color:#999; text-decoration:none}
	#siteMenu ul ul li a:hover {text-decoration:underline}
	#siteMenu ul ul li a.current {color:#DDD; text-decoration:underline}

	/* ---- content ---- */
	#content {background:#000000 url(/public/img/4light/content-background.gif) repeat-x bottom; border-bottom:4px #ffc000 solid;}

	/* ---- navigation areas ---- */
	.navigation, .navigation a {color:#EEE; font-weight:bold}
	div.pagination .price {color:#FFC000; font-size:150%; vertical-align:middle}

	/* ---- static content block ---- */
	#static-content {margin-bottom:20px; font-size:110%}
	#static-content p {text-align:justify; text-indent:20px}
	#static-content h2.title {color:white}

	/* ---- services ---- */
	.services {border:1px solid #151515; padding:1px 1px 0; margin-bottom:10px; }
	.services .service {background:#0B0B0B; margin-bottom:1px}
	.services h3 {color:#DDD; font-size:100%; margin-bottom:10px}

	#express-cart {padding:30px 10px 10px; background:#151515 url(/public/img/4light/title-card.gif) no-repeat 10px 10px}
	#express-cart h3 {display:none; margin:0}
	#express-cart a, #express-cart a:visited {color:#FFC000; text-decoration:none; font-weight:bold}
	#express-cart a:hover {text-decoration:underline}


	#auth a {color:#FFC000}


	/* ---- footer ----*/
	#footer {background:#151515}
	#footer a {color:#FFC000}

/* ---- GOODS ---- */
	/* Table */
	table.goods .photo div {display:-moz-inline-stack; display:inline-block; border:1px solid #151515; background:#0b0b0b; padding:10px; text-align:center}
	table.goods .photo div span {display:block}
		/* + IE7- HACKS */
	table.goods .photo a {outline:none}
	table.goods .params {color:#AF903D}
	table.goods .params .style {color:#999; font-weight:normal}
	table.goods .params .name a {color:#FFC000; text-decoration:none}
	table.goods .params .name a:hover {text-decoration:underline}
	table.goods .params .code a {color:#DDD}
	table.goods .params .code em {font-style:normal}
	table.goods .params .value {color:#DDD}
	table.goods .params .price .value {color:#FFC000; font-size:150%}
	table.goods .params .availability {font-style:italic}
	table.goods .params .available {color:#0F0}
	table.goods .params .order {color:yellow}
	table.goods .params input.order {color:black}

	/* Detail */
	#article .photo {display:-moz-inline-stack; display:inline-block;
			border:1px solid #151515; background:#0b0b0b; padding:10px; text-align:center}
		/* + IE7- HACKS */
	#article .photo a {outline:none}
	#article .name {color:#FFC000; font-style:italic}
	#article .code {color:#DDD; font-weight:bold; font-size:160%}
	#article .price .value {color:#FFC000; font-size:150%}
	#article .availability {text-align:right; font-style:italic}
	#article .available {color:#0F0}
	#article .order {color:yellow}
	#article .manager {text-align:right}
	#article input.order {color:black}

	#article .details th {color:#AF903D}
	#article .description {color:#DDD; font-weight:bold}

	/* Collection */
	#collection h3 {color:white; border-bottom:1px solid #151515; padding-bottom:5px}

/* ---- CART ---- */
	#cart th, #cart td {padding:7px; border-bottom:1px solid #151515}
	#cart th {color:#FFC000}
	#cart td.count span {color:white}
	#cart tr.total th.price, #cart tr.total th.goods {color:white}

	#cart .actions form div {margin-top:10px}

/* ---- EXTENDED SEARCH ---- */
	#search .group h2 {color:#DDD; background:#151515; font-size:110%; padding:5px 10px}
	#search .field {font-size:110%; color:#e4bf4d; font-weight:bold}
	#search a {outline:none}
	#search a.field:visited {font-weight:bold}
