/* 68% = 11px */
/* 87% = 14px */

/* common styles */
HTML { height: 100%; }
BODY {
	background: #fff; font-family: tahoma,verdana,arial,sans-serif; font-size: 68%; color:#333;
	margin:0; padding:0; text-align:left;
	direction:ltr; unicode-bidi:embed;
	position: relative; width: 100%; height: 100%; }

BODY * { font-size: 100%; zoom: 1; }
BODY, P, FORM { margin: 0; padding: 0; }

BODY, P, TD, TH, A, LI, INPUT, TEXTAREA, PRE, SAMP { font-family: Tahoma, Verdana, Arial, sans-serif; }
H1, H2, H3, H4 { padding: 0; margin: 0; }
H1 { color: #000; font-size: 145%; font-weight: bold; }

A { color: #a00; cursor: pointer; cursor: hand; }
A:hover { text-decoration: underline; }

LABEL { cursor: pointer; cursor: hand; }
FILEDSET { margin: 0; padding: 0; border: none; }

A IMG { border: 0; }
A#pagetop {position: absolute;}

BODY.index A { text-decoration: none; }
BODY.index A:hover { text-decoration: underline; }

DIV#result DIV.list A:hover { text-decoration: none; }
DIV#nav1 A:hover { text-decoration: none; }


INPUT[type=text], INPUT.text { border: 1px solid #5F6A77; outline-width: 0; }
INPUT[type=file], INPUT.file { border: 1px solid #5F6A77; outline-width: 0; }
INPUT[type=submit], INPUT.submit,
	INPUT[type=button], INPUT.button, BUTTON {
		cursor: pointer; cursor: hand; overflow: visible; display: inline-block;
		white-space: nowrap; width: auto; height: auto;
}
INPUT[type=submit]::-moz-focus-inner, INPUT.submit::-moz-focus-inner,
	INPUT[type=button]::-moz-focus-inner, INPUT.button::-moz-focus-inner, BUTTON::-moz-focus-inner {
		border: 0; padding: 0; } /* eta hernja privodit k normalnomu otobrazeniju buttona v FF */

INPUT.big.red {
	font-size: 145%; border: 1px solid #5f6a77; vertical-align: middle; font-family: Arial;
	font-weight: bold; padding: 3px 8px; color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23;
}

.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
.clearfix { display:block; }

FORM INPUT, FORM TEXTAREA { outline: none; resize: none; }
/*
FORM INPUT.act { background-color: #fef3f4; color: #000; }
FORM TEXTAREA.act { background-color: #fef3f4; }
*/
FORM INPUT.act { background-color: #ffffe1; color: #000; }
FORM TEXTAREA.act { background-color: #ffffe1; }
FORM FIELDSET { padding: 0; margin: 0; border: 0; }

FORM INPUT.text.r { text-align: right; }
FORM INPUT.text.c { text-align: center; }
FORM INPUT.text.big { width: 97%; }
FORM INPUT.text.med { width: 50%; }
FORM INPUT.text.tiny { width: 25%; }

DIV.wrap { position: relative; min-height: 100%; }
* html DIV.wrap { height: 100%; }

DIV.content { width: 980px; margin-left: -490px; left: 50%; position: relative; } /*z-index: 200; */
DIV.content.main { padding-top: 210px; padding-bottom: 280px; }

DIV.auth {
	background: url(../images/bg-top.gif) top left repeat-x #5f6a77;
	padding: 4px 0 5px 0; position: absolute; top: 0; width: 100%; } /* z-index: 2; */
DIV.auth A#registration { position: absolute; right: 0; top: 3px; color: #ccc; }

	#fAuth { height: 21px; vertical-align: middle; }
	#fAuth INPUT { padding: 3px; margin: 0; vertical-align: middle; color: #000; margin-right: 3px; }
	#fAuth INPUT.text { color: #777; width: 175px; }
	#fAuth INPUT.chk { width: auto; height: auto; }
	#fAuth INPUT.button {
		padding: 0 14px; outline: none; margin-right: 3px;
		border: 1px solid #999; background: url(../images/bg-bttn-1.gif) top left repeat-x #e4e4e3;
		height: 21px; line-height: auto;
	}
	#fAuth LABEL { color: #ccc; }
	#fAuth DIV.error {
		position: absolute; top: 25px; left: 0; } /* z-index: 900; */

	#profile { line-height: 21px; color: #ccc; }
	#profile A { color: #fff; }

DIV.error {
	margin-top: 10px;
	padding: 10px; font-weight: normal; font-size: 118%;
	background: #f7e7e7;
	border: 1px solid #bd0810; color: #bd0810; }
DIV.error UL { margin: 0; padding: 0; list-style: none; }
DIV.error LI { margin: 0; padding: 0; color: #bd0810; }

DIV.success {
	margin-top: 10px;
	padding: 10px; font-weight: normal; font-size: 118%;
	background: #d5f2c6;
	border: 1px solid #2a7913; color: #2a7913; }
DIV.success UL { margin: 0; padding: 0; list-style: none; }
DIV.success LI { margin: 0; padding: 0; color: #2a7913; }

DIV.top { position: absolute; top: 30px; width: 100%; height: 180px; float: left; } /* z-index: 1; z-index: 500; */

	DIV.head { margin: 15px 0 15px 0; position: relative; } /* z-index: 2000; */
	DIV.head DIV#today { position: absolute; top: -5px; right: 0; color: #888; font-weight: bold; }
	DIV.head DIV#search { position: absolute; bottom: -5px; right: 0; border: 1px solid #5f6a77; } /* z-index: 3000; */

	DIV#search INPUT { vertical-align: middle; }
	DIV#search INPUT.text { color: #777; }
	DIV#search FORM#fQS { border-top: 1px solid #ededed; }
	DIV#search INPUT#qs { width: 275px; padding: 3px; margin: 0; border: 0; }
	DIV#search INPUT#qsb { width: 23px; height: 19px; padding: 3px; margin: 0; background: url(../images/bg-bttn-qs.gif) top left no-repeat #fff; border: 0; }

	DIV#result {
		display: none;
		position: absolute; left: 0; left: -1px; top: 25px; border: 1px solid #000; background: #fff; padding: 0 8px 0 8px; } /* z-index: 3000; */
	DIV#result DIV.list { padding: 4px 0; margin: 0 -8px; position: relative; } /* z-index: 3000; */
	DIV#result DIV.list A {
		min-height: 40px;
		padding: 4px 8px; display: block; color: #000; font-weight: bold; font-family: Arial; }
	DIV#result DIV.list A:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }

	DIV#result DIV.list A IMG { float: left; margin: 0 8px 0 0; }
	DIV#result DIV.list A SPAN { color: #b3b3b3; font-size: 92%; font-weight: normal; }

	DIV#result DIV.list A:hover { background-color: #fef3f4; }
	DIV#result DIV.list A:hover SPAN { text-decoration: none; }

	DIV#result DIV.list A SPAN.lead { display: block; margin: 0 0 4px 0; }

	DIV#result DIV.total {
		background: #eaeaea; font-weight: bold; color: #5f6a77; font-size: 92%; padding: 8px; margin: 0 -8px; position: relative; text-align: center; }

	DIV#cart {
		position: absolute; top: -65px; left: 0; white-space: nowrap;
		background: url(../images/bg-cart-quick.gif) top left no-repeat; }

	DIV#cart A { display: block; height: 64px; padding: 0 0 0 70px; }
	DIV#cart A B { display: block; padding: 7px 0 7px 0; color: #333; }
	DIV#cart A:hover { text-decoration: none;}
	/*		border-bottom: 1px dashed #a0000a;*/

DIV.nav12 { margin-bottom: 0px; }

DIV.box DIV.body { margin-right: 10px; }
DIV.box A.headline {
	border-top: 1px solid #b3b3b3; border-bottom: 1px solid #eaeaea; margin-bottom: 15px;
	display: block; padding: 5px 8px 6px 3px; color: #000; font-size: 145%; font-weight: bold; } /* z-index: 1; */

DIV#nav1 { border-top: 1px solid #eee; border-bottom: 1px solid #a0000a; background: #d6d8d9; } /* z-index: 100; */
DIV#nav1 A {
	display: inline-block; padding: 4px 7px;
	color: #5f6a77; font-size: 128%; font-weight: bold; }
DIV#nav1 A:hover { background: #bdbdbd; color: #fff; }
DIV#nav1 A.act { color: #a0000a; background: #fff; border: 1px solid #a0000a; border-bottom: 1px solid #fff; position: relative; margin: -1px; } /* z-index: 900; */
DIV#nav1 A#home IMG { margin-bottom: -2px; }

DIV#nav2 A { display: inline-block; padding: 4px 7px 5px 7px; color: #5f6a77; }
DIV#nav2 A.act { color: #a0000a; background: #eaeaea; }

DIV#nav1 A.flare { color: #fff; background: #ee1d23; font-weight: bold; }
DIV#nav1 A.flare.act { border-bottom: 1px solid #ee1d23; }


DIV.index1 { margin-bottom: 20px; }
DIV.index1 DIV.promo { border-top: 1px solid #b3b3b3; background: #eaeaea; width: 50%; float: right; }
DIV.index1 DIV.promo H1 { padding: 0 8px 8px 13px; position: relative; }
DIV.index1 DIV.promo A.pic { line-height: 160px; min-height: 160px; width: 160px; float: left; margin-right: 10px;}
DIV.index1 DIV.promo A.pic IMG { vertical-align: middle; max-height: 160px; }
DIV.index1 DIV.promo form#fQB { text-align: left; bottom: 0; position: absolute; left: 195px; bottom: 0; right: 0; }
DIV.index1 DIV.promo form#fQB SPAN { margin-bottom: 4px; }
DIV.index1 DIV.promo form#fQB A:hover { text-decoration: none; border-bottom-style: solid; }
/*
DIV.index1 DIV.promo form#fQB FIELDSET A { position: absolute; bottom: 0; right: 0; }
*/
	/* promo item */
	DIV.promo DIV.body { margin: 10px; position: relative; }

	DIV.promo DIV.body.welcome { font-size: 109%; margin: 5px 10px 10px 10px; min-height: 190px;}
	DIV.promo DIV.body.welcome B { font-size: 132%; }

	DIV.promo A { }
	DIV.promo A.pic { display: block; width: 220px; border: 1px solid #5f6a77; float: left; background: #fff; text-align: center; padding: 10px; margin-right: 10px; }
	DIV.promo A.title { font-size: 145%; color: #a0000a; font-weight: bold; }
/*
	DIV.promo FORM#fQB { position: absolute; bottom: 0; left: 250px; width: 230px; }
*/
	DIV.promo FORM#fQB { text-align: right; padding-top: 7px;}
	DIV.promo FORM#fQB SPAN { display: inline-block; }
	DIV.promo FORM#fQB SPAN.price0 { color: #5f6a77; font-size: 145%; text-decoration: line-through; font-weight: bold; }
	DIV.promo FORM#fQB SPAN.price1 { color: #a0000a; font-size: 200%; font-family: Arial; padding: }
	DIV.promo FORM#fQB INPUT { font-size: 145%; border: 1px solid #5f6a77; vertical-align: middle; font-family: Arial; }

	DIV.promo FORM#fQB INPUT.quan { font-weight: bold; padding: 3px 4px; width: 25px; text-align: center; }
	DIV.promo FORM#fQB INPUT.button { font-weight: bold; padding: 3px 8px; color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23; }

	DIV.promo FORM#fQB A { font-size: 109%; margin-left: 8px; border-bottom: 1px dashed #a0000a; }
	DIV.promo FORM#fQB A:hover { border-bottom: 1px solid #a0000a; }

DIV.right DIV.promo DIV.body { margin: 0px; padding: 10px; position: relative; }
DIV.promo A.pic { float: none; width: auto; margin-right: 0; }
DIV.promo A.title { margin-bottom: 5px; display: block; text-transform: uppercase}


/* promoted item */
DIV.promo.shop { background: #EAEAEA; border-top: 1px solid #B3B3B3; }


/*
DIV.right DIV.promo.club { background: #EAEAEA; border-top: 1px solid #B3B3B3; }
*/
DIV.right DIV.promo.club { background: #fff; border-top: 1px solid #B3B3B3; }
DIV.right DIV.promo.club A.pic { margin-bottom: 5px; }
DIV.right DIV.promo.club SPAN { display: block; margin: 5px 0 0 0; color: #888; }

DIV.right DIV.promo.coach { background: #fff; border-top: 1px solid #B3B3B3; }
DIV.right DIV.promo.coach A.pic { margin-bottom: 5px; }
DIV.right DIV.promo.coach SPAN { display: block; margin: 5px 0 0 0; color: #888; }

DIV.top10 { width: 50%; float: left; }
DIV.top10 DIV.box { width: 50%; float: left; }
DIV.top10 DIV.box DIV.body UL LI A { font-size: 109%; text-decoration: underline; line-height: 125%;}

/* feeds */
DIV.index2 { position: relative; }
DIV.index2 DIV.box { float: left; width: 50%; position: relative; }
DIV.index2 DIV.box DIV.body { margin-right: 0px; padding-right: 10px; }
DIV.index2 DIV.box.art DIV.body { padding-right: 0; }

	/* news feed */
	DIV.news DIV.item { margin-bottom: 20px; clear: left; }
	DIV.news DIV.item SPAN { color: #5f6a77; display: block; }
	DIV.news DIV.item A { color: #a0000a; font-weight: normal; }
	DIV.news DIV.item A.title { color: #000; font-weight: bold; }
	DIV.news DIV.item P.lead { color: #333; }

	DIV.news DIV.item.first DIV { margin-bottom: 5px; position: relative; }
	DIV.news DIV.item.first DIV P.pic { position: relative; display: block; float: left; margin-right: 10px; }
	DIV.news DIV.item.first DIV SPAN.share { bottom: 2px; left: 100%; position: absolute; text-align: right; padding: 0 0 0 10px;}
	DIV.news DIV.item.first A.title { font-size: 128%; }
	DIV.news DIV.item.first P.lead { padding: 9px 0 0 0; font-size: 109%; }

	DIV.news DIV.item DIV.title { margin-bottom: 1px; }
	DIV.news DIV.item DIV.title A.title { font-size: 109%; }
	DIV.news DIV.item P.lead { padding: 7px 0 0 0; color: #333; }
	DIV.news DIV.item A.pic {
		text-align: center; line-height: 110px; width: 140px;
		display: inline-block; border: 1px solid #eaeaea;
		float: left; margin-right: 10px; }
	DIV.news DIV.item A.pic IMG { vertical-align: middle; }
	DIV.news DIV.item A.pic:hover { border: 1px solid #b3b3b3; } /*  */


	/* articule feed */
	DIV.art DIV.item { margin: 0 0 20px 135px; position: relative; }
	DIV.art DIV.item SPAN { color: #5f6a77; display: block; }
	DIV.art DIV.item A { color: #a0000a; font-weight: normal; }
	DIV.art DIV.item A.pic { display: block; margin-left: -135px; text-align: right; float: left; }
	DIV.art DIV.item A.pic IMG {  }
	DIV.art DIV.item A.title { color: #000; font-size: 109%; font-weight: bold; }
	DIV.art DIV.item P.lead { padding: 7px 0 0 0; color: #333; }

/* galleries */
DIV.index3 { position: relative; margin-bottom: 20px; }
DIV.index3 DIV.box { background: #eaeaea; }
DIV.index3 DIV.box DIV.body { margin: 0; padding: 0 10px 10px 10px; }
DIV.index3 DIV.box DIV.body A.headline {
	border-bottom: none; margin-bottom: 10px; padding: 5px 18px 6px 13px; margin: 0 -10px; }
DIV.index3 DIV.box DIV.item { dispaly: inline-block; float: left; width: 130px; margin-right: 8px; }
DIV.index3 DIV.box DIV.item SPAN { display: block; text-align: right; color: #b3b3b3; padding: 0 0 3px 0; }
DIV.index3 DIV.box DIV.item A.pic {
	border-top: 1px solid #6a7480; border-bottom: 1px solid #6a7480;
	display: block; text-align: center; background: #fff; padding: 5px 0; }
DIV.index3 DIV.box DIV.item A.pic IMG {  }
DIV.index3 DIV.box DIV.item DIV.title { padding: 3px 5px; text-align: left; font-size: 91%; }
DIV.index3 DIV.box DIV.item DIV.title * { font-size: 100%; }

DIV.index3 DIV.box.gall DIV.list { margin-right: -10px; }

DIV.index4 { margin-bottom: 20px; }
DIV.index4 DIV.box.events { width: 75%; float: left; }

DIV.index4 DIV.weather { width: 25%; float: right; background: #eaeaea; border-top: 1px solid #b3b3b3; }
DIV.index4 DIV.weather DIV.body { margin: 9px; padding: 35px 0; border: 1px solid #5f6a77; background: #fff; }
DIV.index4 DIV.weather DIV.davl { margin-top: 10px; }

/* calendar */
FORM#fCalendar {
	border: 1px solid #5f6a77; margin-right: 20px; float: left; position: relative; width: 209px; }
FORM#fCalendar DIV.month {
	background: #eaeaea; border-bottom: 1px solid #5f6a77;
	font-size: 145%; color: #a0000a;
	font-weight: bold; text-align: center;
	line-height: 44px; height: 44px; position: relative; right: 0; }
FORM#fCalendar DIV.month A { position: absolute; top: 6px; }
FORM#fCalendar DIV.month A.mp { left: 6px; }
FORM#fCalendar DIV.month A.mn { right: 6px; }
FORM#fCalendar DIV.month B I { font-size: 74%; color: #5F6A77; font-style: normal; font-weight: normal; line-height: 100%; }

FORM#fCalendar DIV.dates B,
	FORM#fCalendar DIV.dates EM,
		FORM#fCalendar DIV.dates U,
			FORM#fCalendar DIV.dates I {
	width: 29px; line-height: 24px; text-align: center; font-style: normal; font-size: 109%;
	display: inline-block; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea;
	text-decoration: none; font-weight: normal; }
FORM#fCalendar DIV.dates .last { border-right: none; }
FORM#fCalendar DIV.dates A { color: #ee1d23; }
FORM#fCalendar DIV.dates A * { text-decoration: underline; cursor: pointer; cursor: hand;  }
FORM#fCalendar DIV.dates I { color: #bdbdbd; }
FORM#fCalendar DIV.dates EM { background: #a0000a; color: #fff; font-weight: bold; }

DIV.left DIV.calendar { }
DIV.left FORM#fCalendar { width: auto; margin: 0 0 0 0; }
DIV.left FORM#fCalendar DIV.dates B,
	DIV.left FORM#fCalendar DIV.dates EM,
		DIV.left FORM#fCalendar DIV.dates U,
			DIV.left FORM#fCalendar DIV.dates I {
	width: 31px; }


DIV.index4 DIV.box.events DIV.list { float: left; width: 490px; }

/* event list */
DIV.events DIV.item { margin-left: 37px; position: relative; margin-bottom: 10px; }
DIV.events DIV.item A.title { font-size: 118%; color: #000; font-weight: bold; margin: 0; display: block; }
DIV.events DIV.item A.place { text-decoration: underline; }

DIV.events DIV.item SPAN { color: #b3b3b3; }
DIV.events DIV.item SPAN B { color: #000; font-weight: normal; }

DIV.events DIV.item DIV.date { margin-left: -37px; margin-top: 2px; width: 27px; text-align: center; position: relative; float: left; }
DIV.events DIV.item DIV.date EM { background: #a0000a; color: #fff; font-weight: bold; font-style: normal; display: block; padding: 0; text-transform: uppercase; font-size: 91%; }
DIV.events DIV.item DIV.date B { display: block; border: 1px solid #ccc; border-top: none; padding: 1px 0 2px 0; font-size: 127%; }
DIV.events DIV.item DIV.date I { display: block; text-align: center; font-style: normal; font-size: 91%; color: #5f6a77; margin-top: 1px;  }


DIV.events DIV.subtitle { padding: 4px 0 10px 0; margin-bottom: 0; }
DIV.events DIV.subtitle B { font-size: 145%; color: #000; font-weight: bold; margin: 0; }
DIV.events DIV.subtitle SPAN { color: #b3b3b3; display: block; margin-top: -2px; }

#zoomIn { display: none; }

DIV.right { width: 240px; float: right; }

DIV.document { width: 730px; float: left; }
DIV.document DIV.text { float: right; width: 490px; padding-bottom: 20px; }
DIV.document DIV.left { float: left; width: 240px; padding-bottom: 20px; }

DIV.document DIV.text DIV.pic { position: relative; }
DIV.document DIV.text DIV.pic IMG { float: left; margin-right: 10px; }
DIV.document DIV.text DIV.pic DIV.date { float: left; color: #888; }

DIV.document DIV.text DIV.lead { padding: 10px 0 10px 0; font: bold 14px Arial, Tahoma, Verdana, sans-serif; }

DIV.document DIV.text DIV.part IMG { max-width: 100%; }

/*
DIV.document DIV.text H2 { font-size: 125%; margin-bottom: 10px; }
*/

DIV.document DIV.text H2 { font-size: 109%; margin-bottom: 10px; }
DIV.document DIV.text.list H2 { margin-top: 10px; margin-bottom: 20px; }

DIV.document DIV.text.wide { width: 730px; }

DIV.document A.src {
	display: block; padding: 0 0 0 20px; line-height: 13px;
	background-image: url(../images/icon-url.gif);
	background-repeat: no-repeat;
	background-position: left -13px; clear: both; margin: 5px 0 0 0;
	color: #656565; text-decoration: none; }
DIV.document A.src:hover {
	color: #cc1f24; background-position: -13px 0px; }


/* left side */

DIV.box1 { margin: 0 10px 10px 0; }
DIV.box1 DIV.title {
	padding: 5px 8px 6px 8px; color: #000; font-size: 145%; font-weight: bold;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #b3b3b3; margin-bottom: 0;
}
DIV.box1 DIV.pic { padding: 10px 0; text-align: center; background: #eaeaea; }
DIV.box1 DIV.links A {
	display: block; padding: 4px 5px 3px 8px; color: #5f6a77;
	border-bottom: 1px solid #eaeaea; font-size: 109%;
	position: relative; }
DIV.box1 DIV.links A:hover { color: #a0000a; border-bottom: 1px solid #b3b3b3; }
DIV.box1 DIV.links A.act { color: #000; border-bottom: 1px solid #b3b3b3; background: #f8f8f8; }

/* menu 2 */
DIV.box1 DIV.links DIV.nav2 { padding: 5px 0; border-bottom: 1px solid #b3b3b3; }
DIV.box1 DIV.links DIV.nav2 A { padding: 3px 16px; font-size: 100%; border: 0; }

DIV.box1 DIV.links.nav B { position: absolute; right: 2px; top: 4px; color: #f00; font-size: 92%; font-weight: normal; }
DIV.box1 DIV.links.nav .nav2 B { position: absolute; right: 2px; top: 2px; color: #f00; font-size: 92%; font-weight: normal; }
DIV.box1 DIV.links.nav A:hover { text-decoration: none; }
DIV.box1 DIV.links.nav .nav2 A:hover { text-decoration: underline; }


/* calendar */
DIV.box1 DIV.links.years A, DIV.box1 DIV.links.years SPAN,
	DIV.box1 DIV.links.monthes A, DIV.box1 DIV.links.monthes SPAN {
		display: block; padding: 4px 10px;
}
DIV.box1 DIV.links.years A, DIV.box1 DIV.links.monthes A
	{ color: #EE1D23; }
DIV.box1 DIV.links.years SPAN, DIV.box1 DIV.links.monthes SPAN
	{ font-size: 109%; }
DIV.box1 DIV.links.years A.act { color: #000; font-wegiht: bold; }

/*
	DIV.box1 DIV.links A:hover { color: #a0000a; background: #eaeaea; }
*/

DIV.box2 {}
DIV.box2 { margin: 0 10px 10px 0; margin-bottom: 25px; }
DIV.box2 H2 {
	font-size: 119%;
	padding: 5px 8px 5px 8px; border-bottom: 1px solid #eaeaea; }
DIV.box2 DIV.links A {
	display: block; padding: 4px 5px 3px 8px; color: #5f6a77;
	border-bottom: 1px solid #eaeaea; font-size: 109%; }
DIV.box2 DIV.links A:hover { color: #a0000a; border-bottom: 1px solid #b3b3b3; }

/* document */
DIV.text H1 {
	padding: 5px 18px 6px 3px;
	border-top: 1px solid #b3b3b3; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; }
DIV.text.list H1 { margin-bottom: 0; }


/* right side main box */
DIV.box5 {}

/* left side filter box */
DIV.filter { position: relative; }
DIV.filter DIV.list { padding: 5px; }
DIV.filter DIV.list DIV { padding: 4px 27px 2px 3px; position: relative; }
DIV.filter DIV.list DIV B { position: absolute; top: 5px; right: 20px; color: #F00; font-weight: normal; }
DIV.filter DIV.list DIV INPUT { position: absolute; top: 3px; right: 0px; }
DIV.filter DIV.list DIV A {  display: block; color: #1e1e1e; }
DIV.filter DIV.list DIV A:hover { color: #1e1e1e; }

DIV.filter DIV.list DIV.act B { color: #aaa; }
DIV.filter DIV.list DIV.act A { color: #aaa; }
DIV.filter DIV.list DIV.act LABEL { color: #aaa; }

DIV.filter DIV.list DIV.more { display: none; }

DIV.filter DIV.list.passive { color: #999; }

DIV.filter DIV.link { padding: 5px; }
DIV.filter DIV.link A.all { float: left; }
DIV.filter DIV.link A.clear { float: right; }

DIV.filter DIV.link A.less { display: none; }

DIV.filter DIV.link.fold { position: relative; margin-top: 0px; padding: 5px 6px 10px 8px; border-top: 1px solid #eee; }
DIV.filter DIV.link.sort { position: relative; margin-top: 0px; padding: 2px 6px 0px 8px; }

DIV.filter DIV.link.sort A.right { float: right; }

DIV.filter DIV.added { background: #FFFFED; }
DIV.filter DIV.act { background: #fefefe; }
DIV.filter DIV.full { display: none; }

	DIV.full_wrap { background: #fff; position: absolute; display: none; }
	DIV.full { background: #fff; }
	DIV.full DIV.body { padding: 8px; }
	DIV.full H2 { position: relative; padding: 2px 13px; font-size: 127%; color: #111; }
	DIV.full H2 A { position: absolute; right: 6px; top: 6px; font-size: 86%; font-weight: normal; }

	DIV.full H3 {  padding: 3px; text-transform: uppercase; border-bottom: 1px solid #eee; color: #333; }
	DIV.full H3 A { color: #333; }
	DIV.full H3 A:hover { color: #111; }

	DIV.full TABLE { width: 100%; }
	DIV.full TABLE * { vertical-align: top; }
	DIV.full TABLE A { color: #222; display: block; padding: 2px; position: relative; padding-right: 20px; }
	DIV.full TABLE A:hover { color: #000; }
	DIV.full TABLE A:hover B { text-decoration: underline; }

	DIV.full TABLE A B { position: absolute; top: 2px; right: 0px; color: #F00; font-weight: normal; }
	DIV.full TABLE SPAN { color: #aaa; display: block; padding: 2px; }
	DIV.full TABLE TD { width: 25%; }

	DIV.full TABLE DIV.menu { overflow: none; }
	DIV.full TABLE DIV.menu DIV { padding: 0; margin-right: 10px; }
	DIV.full TABLE DIV.menu DIV { padding: 4px; color: #000; cursor: pointer; cursor: hand; position: relative; }
	DIV.full TABLE DIV.menu DIV A { display: inline-block; color: #f00; position: absolute; right: 2px; top: 2px; }
	DIV.full TABLE DIV.menu DIV.act { font-weight: bold; background: #eee; }


DIV.pages { margin-right: -4px; position: relative; text-align: center; padding: 10px 0 0 0; }
DIV.pages A { display: inline-block; width: 14px; text-align: center; cursor: pointer; cursor: hand; padding: 1px 0 2px 0; }
DIV.pages A.act { color: #fff; background: #cc1f24; }

UL.clubs { padding: 0; margin: 0 70px 0 50px; list-style: none; }
UL.clubs LI {
	padding: 5px; margin: 0; list-style: none;
	position: relative; clear: both; border-bottom: 1px dashed #e3e3e3;
}

UL.clubs LI A { display: block; font-size: 124%; }
UL.clubs LI A.thumb { display: block; position: relative; margin-right: -70px; text-align: center; width: 70px; float: right; }
UL.clubs LI DIV.icons { float: right; text-align: right; }
UL.clubs LI DIV.icons IMG { margin-left: 2px; }

UL.clubs LI.char { min-height: auto; padding-top: 15px; border-bottom: 1px solid #b3b3b3; }
UL.clubs LI.char B {
	display: inline-block; width: 40px; line-height: 35px;
	font: normal 250% Tahoma; position: absolute; left: -50px; text-align: center; bottom: -33px; background: #f0f0f0; color: #5f6a77; }

UL.clubs LI.promo { background: #ffffed; font-weight: bold; }

UL.clubs LI.char.search { border-bottom: none; }
UL.clubs LI.char.search B { bottom: 0px; }
UL.clubs LI.char.search B IMG { margin-top: 5px; }
UL.clubs LI.char.search INPUT { font-weight: bold; padding: 3px 4px; font-size: 145%; font-family: Arial; color: #5F6A77; }


DIV.filter-selected { padding: 10px; background: #f0f0f0; font-size: 109%; margin: 10px 0;}
DIV.filter-selected H2 { font-size: 119%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #b3b3b3; color: #5f6a77; }
DIV.filter-selected UL { padding: 0; margin: 0; list-style: none; position: relative; }
DIV.filter-selected UL LI { padding: 0; margin: 0 0 4px 25%; font-size: 92%; }
DIV.filter-selected UL LI B { left: 0; position: absolute; text-align: right; display: block; width: 23%; font-weight: normal; color: #888; }
DIV.filter-selected UL LI SPAN { display: inline-block; font-weight: normal; color: #000; }
DIV.filter-selected A { text-decoration: underline; }
DIV.filter-selected A IMG {
	vertical-align: bottom; width: 12px; height: 12px; cursor: pointer; cursor: hand;
	background-image: url(../images/bg-filter-remove.gif); background-position: top left; margin-left: 0px;}
DIV.filter-selected A:hover IMG { background-position: bottom right; }

/* footer */
DIV#footer { position: absolute; bottom: 0; width: 100%; }
DIV#footer DIV.content DIV.body { padding: 10px 10px 40px 10px; border-top: 1px solid #b3b3b3; background: #eaeaea; }
DIV#footer UL.links { padding: 0; margin: 0 20px; list-style: none; }
DIV#footer UL.links LI { float: left; margin: 0 40px 0 0; }
DIV#footer UL.links LI B { font-size: 109%; display: block; margin: 0 0 5px 0; }
DIV#footer UL.links LI A { display: block; margin: 2px 5px; }


#map { border: 10px solid #eaeaea; }
#map_canvas { border: 1px solid #fff; background: #fff; height: 350px; width: 100%; zoom: 1; }
#map_canvas DIV.hint { font-family: tahoma; font-size: 11px; zoom: 1; padding: 0 0 10px 0; margin-top: -6px; position: relative; }
#map_canvas DIV.hint H3 { margin: 0 10px 7px 0; padding: 0; border: none; font-size: 115%; line-height: 100%; }
#map_canvas DIV.hint A.thumb { margin-right: 10px; float: left; }
#map_canvas DIV.hint A.place { color: #888; display: inline-block; margin-top: 4px; }
#map_canvas DIV.hint P.addr { }
#map_canvas.big { height: 450px; }


FORM.form LEGEND { display: block; padding: 10px 0; font: bold 118% Tahoma; }
FORM.form UL { margin: 0; padding: 6px; list-style: none; margin-left: 30%; background: #eaeaea; }
FORM.form UL LI { margin: 0; padding: 4px; list-style: none; }
FORM.form UL LI I {
	position: relative; float: left; margin-left: -45%; display: block;
	font: normal 125% Arial; font-style: normal; padding-top: 4px; width: 45%;
}
FORM.form UL LI I B { color: #a00; font-weight: bold; margin-left: 3px; }
FORM.form UL LI INPUT,
	FORM.form UL LI SELECT,
		FORM.form UL LI TEXTAREA { vertical-align: middle; }
FORM.form UL LI INPUT.text, FORM.form UL LI INPUT.file, FORM.form UL LI INPUT.button,
	FORM.form UL LI TEXTAREA,
		FORM.form UL LI SELECT { font-size: 145%; border: 1px solid #5f6a77; font-family: Arial;}
FORM.form UL LI INPUT.text { font-weight: bold; padding: 3px 4px; }
FORM.form UL LI TEXTAREA { font-weight: normal; padding: 3px 4px; overflow: auto; width: 97%; }
FORM.form UL LI INPUT.button { font-weight: bold; padding: 3px 8px; color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23; }
FORM.form UL LI LABEL.radio { display: block; font-size: 109%; padding: 1px 0 3px 22px; position: relative; margin: 0; }
FORM.form UL LI LABEL.radio INPUT { position: absolute; left: 2px; top: 2px; margin: 0; }

FORM.form UL LI.err I { color: #ee1d23; }

FORM.form UL.nobg { background: none; }

FORM.form FIELDSET A { font-size: 109%; margin-left: 8px; border-bottom: 1px dashed #a0000a; }
FORM.form FIELDSET A:hover { border-bottom: 1px solid #a0000a; }
FORM.form FIELDSET A.r { float: right; display: inline-block; margin: 8px 0;}

/* item list in catalogue */
DIV.items DIV.item { float: left; width: 33%; margin-bottom: 10px; }
DIV.items DIV.item FORM { border: 1px solid #fff; margin: 0 0 10px 5px; position: relative; cursor: pointer; cursor: hand; }

DIV.items DIV.item A { }
DIV.items DIV.item A.pic { display: block; background: #fff; text-align: center; line-height: 165px; }
DIV.items DIV.item A.pic IMG { vertical-align: middle; }
DIV.items DIV.item A.title { display: block; height: 40px; position: relative; color: #333; }
DIV.items DIV.item A.title B { vertical-align: middle; display: block; text-align: center; padding: 0 5px; font-family: Arial; }


DIV.items DIV.item BUTTON,
	DIV.items DIV.item INPUT { border: 1px solid #5f6a77; vertical-align: middle; font-family: Arial; }
DIV.items DIV.item INPUT.quan { text-align: center; width: 20px; }
DIV.items DIV.item INPUT.button { color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23; }
DIV.items DIV.item BUTTON { color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23; display: inline-block; padding-top: 3px; border: 0; }
DIV.items DIV.item BUTTON IMG { }

DIV.items DIV.item FIELDSET { border: 1px solid #ddd; background: #eee; padding: 5px; margin: 1px; text-align: right; }

DIV.items DIV.item FIELDSET A { margin-left: 3px; border-bottom: 1px dashed #a0000a; text-decoration: none; }
DIV.items DIV.item FIELDSET A:hover { border-bottom: 1px solid #a0000a; }

DIV.items DIV.item FIELDSET SPAN.price { color: #a0000a; font: bold 125% Arial; display: block; padding-bottom: 3px; }
DIV.items DIV.item FIELDSET SPAN.price S { color: #999; font-size: 75%; }
DIV.items DIV.item FORM A.zoom { display: none; }

DIV.items DIV.item FORM.over { border: 1px solid #ddd; margin: 0 0 10px 5px; }
DIV.items DIV.item FORM.over FIELDSET { border-color: #eee; border-top: 1px solid #ddd; background: #eee; padding: 5px; }
DIV.items DIV.item FORM.over A.title { text-decoration: underline; color: #000; }
DIV.items DIV.item FORM.over A.zoom { display: block; right: 0; top: 0; position: absolute; padding: 6px;
	opacity:0.2;filter:alpha(opacity=20); }
DIV.items DIV.item FORM.over A.zoom:hover { opacity:1;filter:alpha(opacity=100) }

/* open item in catalogue */
DIV.text.item {}
DIV.text.item DIV.info DIV.article { padding: 0 10px; }
DIV.text.item DIV.info DIV.article UL { margin: 10px 0; padding: 0 0 0 18px; }
DIV.text.item DIV.info DIV.article UL LI { margin: 0 0; padding: 0; }

DIV.text.item FORM.order { padding-right: 250px; position: relative; }
DIV.text.item FORM.order DIV.pic { float: left; width: 240px; height: 330px; text-align: center; position: relative; }
DIV.text.item FORM.order DIV.pic A.img { min-height: 140px; display: block; line-height: 140px; }
DIV.text.item FORM.order DIV.pic A.img IMG { vertical-align: middle; }
DIV.text.item FORM.order IMG.zoom { display: block; right: 0; top: 0; position: absolute; padding: 6px; opacity:0.2;filter:alpha(opacity=20) }

DIV.text.item FORM.order FIELDSET SPAN.price { color: #a0000a; font: normal 175% Arial; display: block; padding-bottom: 3px; }
DIV.text.item FORM.order FIELDSET SPAN.price S { color: #999; font-size: 75%; }

DIV.text.item FORM.order FIELDSET {
	float: right; width: 220px; margin-right: -250px; position: relative;
	border: 1px solid #ddd; background: #eee; padding: 10px; }
DIV.text.item FORM.order FIELDSET INPUT { vertical-align: middle; }
DIV.text.item FORM.order FIELDSET INPUT.quan { font-size: 125%; text-align: center; }
DIV.text.item FORM.order FIELDSET INPUT.button { font-size: 125%; text-align: center;
	color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23; display: inline-block; padding: 1px 5px 2px 5px; border: 1px solid #5F6A77; font-size: 119%;

}

DIV.right DIV.promo DIV.body { margin: 0px; padding: 10px; position: relative; }
DIV.right DIV.promo A.pic { float: none; width: auto; margin-right: 0; }
DIV.right DIV.promo A.title { margin-bottom: 5px; display: block; text-transform: uppercase}
/*
DIV.right DIV.promo FORM#fQB { position: relative; bottom: 0; left: auto; width: auto; }
*/

DIV.right DIV.promo H2 {
	font-size: 119%; margin-bottom: 10px;
	padding: 5px 8px 5px 8px; border-bottom: 1px solid #eaeaea; }
DIV.right DIV.promo H2 A { color: #333; }
DIV.right DIV.promo H2 A I { color: #888; font-style: normal; font-size: 92%; }

DIV.right DIV.promo UL { padding: 0; margin: 0 8px; list-style: none; }
DIV.right DIV.promo UL LI { padding: 0; margin: 0; position: relative; }

DIV.right DIV.promo.events,
	DIV.right DIV.promo.news { margin-bottom: 20px; }
DIV.right DIV.promo.events DIV.list { margin: 0 8px; }
DIV.right DIV.promo.events DIV.list DIV.item DIV.date { margin-top: 0; }
DIV.right DIV.promo.events DIV.title A.title { text-transform: none; color: #333; font-size: 100%; }
DIV.right DIV.promo.events DIV.title A.title:hover { color: #000; }

DIV.right DIV.promo.video.events DIV.list { margin-right: -16px; }

/* tiny news list */
DIV.promo.news DIV.list DIV.item DIV.date B { border: none; font-size: 100%; color: #888; font-weight: normal;  }
DIV.promo.news.events DIV.title A.title { font-weight: normal; }


DIV.promo.video.events DIV.item { margin-left: 0px; width: 108px; float: left; margin-right: 8px; }
DIV.promo.video.events DIV.title A.title { font-weight: normal; }
DIV.promo.video.events DIV.title A.title B { display: inline-block; position: relative; margin: 3px 0; }
DIV.promo.video.events DIV.title A.title IMG.pic { }
DIV.promo.video.events DIV.title A.title IMG.play { position: absolute; left: 7px; bottom: 7px; opacity:0.5;filter:alpha(opacity=50) }
DIV.promo.video.events DIV.title A.title:hover { text-decoration: none; }
DIV.promo.video.events DIV.title A.title:hover IMG.play { opacity:1;filter:alpha(opacity=100) }

DIV.right DIV.cart DIV.title {
	font-size: 119%; font-weight: bold;
	padding: 5px 8px 6px 8px; border-bottom: 1px solid #eaeaea; }

DIV.placeBox {}
DIV.placeBox A.act { color: #888; font-weight: bold; }

DIV.placeBox H2 {font-size: 118%; margin-bottom: 5px; }
DIV.placeBox DIV.placeInfo { height: 100px; position: relative; }
DIV.placeBox DIV.placeInfo A.pic { display: block; float: left; margin-right: 10px; }
DIV.placeBox DIV.placeInfo INPUT.button { font-size: 100%; }

DIV.placeBox DIV.placePath { background: #eaeaea; padding: 5px 10px; border-top: 1px solid #b3b3b3; margin: 10px 0; }

DIV.placeBox DIV.placeMenu { float: left; width: 20%; }
DIV.placeBox DIV.placeMenu A { font-size: 109%; display: block; padding: 2px 0; }

DIV.placeBox DIV.placeSelect { float: left; width: 80%; }
DIV.placeBox DIV.placeSelect A { width: 20%; display: block; float: left; margin: 0 0 2px 0; }

DIV.placeBox DIV.placeCities { padding-bottom: 20px; }
DIV.placeBox DIV.placeCities A { font-size: 109%; }
DIV.placeBox DIV.placeCities A.large { font-weight: bold; margin-bottom: 10px; }

DIV.placeBox DIV.placeRegion { padding-bottom: 20px;}
DIV.placeBox DIV.placeDistrict { padding-bottom: 20px; font-size: 92%;}


/* info panel (club, coach, item) */
DIV.info { position: relative; padding: 0 0 20px 0; }
DIV.info H3 { font-size: 109%; color: #555; border-bottom: 1px solid #B3B3B3; padding: 0 0 3px 10px; margin-bottom: 7px; position: relative; }
DIV.info H3 A { position: absolute; right: 10px; top: 0; font-weight: normal; font-size: 92%; }
DIV.info DL DT { float: left; display: block; width: 30%; margin: 0; color: #888; padding: 3px 0 3px 10px; clear: both; }
DIV.info DL DD { float: right; display: block; width: 65%; margin: 0; color: #000; padding: 3px 0; }

DIV.info DIV.body { padding: 5px 10px; }

DIV.hint H3 { color: #000; }

DIV.promo.clubs DIV.list { padding: 5px 8px; }
DIV.promo.clubs DIV.item { padding-bottom: 5px; color: #888; }
DIV.promo.clubs DIV.item A { display: block; margin: 0 0 -1px 0; }
DIV.promo.clubs DIV.list SPAN { display: block; color: #888; font-size: 92%; }

DIV.promo.clubs DIV.item.big { color: #000; }
DIV.promo.clubs DIV.item.big A { font-size: 109%; font-weight: bold; }

DIV.promo.places DIV.list { padding: 5px 8px; }
DIV.promo.places DIV.item { padding-bottom: 5px; color: #888; }
DIV.promo.places DIV.item A { display: block; margin: 0 0 -1px 0; }
DIV.promo.places DIV.list SPAN { display: block; color: #888; font-size: 92%; }

DIV.promo.places DIV.item.big { color: #000; }
DIV.promo.places DIV.item.big A { font-size: 109%; font-weight: bold; }

DIV.glry { margin-right: -40px; }
DIV.glry H4 { padding: 5px 8px; }
DIV.glry A {
	text-align: center; line-height: 120px; width: 152px;
	display: inline-block; padding: 3px 3px; border: 1px solid #eaeaea; float: left; margin: 0 5px 5px 0; }
DIV.glry A IMG { vertical-align: middle; }
DIV.glry A:hover { border: 1px solid #b3b3b3; }

DIV.glry H3 { font-size: 109%; color: #555; border-bottom: 1px solid #B3B3B3; padding: 0 0 3px 10px; margin-bottom: 7px; position: relative; }

DIV#colors { margin-right: 0; }
DIV#colors DIV { margin-right: -20px; position: relative; }
DIV#colors DIV A { display: block; width: 120px; text-align: center; padding: 3px 0; float: left; margin: 1px; } /*border: 1px solid #eaeaea; */
DIV#colors DIV A:hover { border: 1px solid #eaeaea; margin: 0px; } /* b3b3b3 */
DIV#colors DIV A.act { border: 1px solid #a00; margin: 0px; }
DIV#colors DIV A IMG { vertical-align: middle; }

DIV.fb { position: relative; height: 25px; overflow: hidden; margin: -5px 0 20px 0; }
DIV.fb A:hover { text-decoration: none; }

DIV.fb.wide { height: auto; margin: auto; }
DIV.fb.vert { height: auto; margin: 15px 0; text-align: left; }

DIV.fbLike { position: absolute; left: 0; top: 0; }
DIV.fbShare { position: absolute; right: 0; top: 0; }

div.document div.text DIV.subtitle { position: relative; padding: 0 10px 15px 10px; }
div.document div.text DIV.subtitle H2 { font-size: 129%; margin-bottom: 2px; }
div.document div.text DIV.subtitle SPAN { font-size: 109%; display: block; position: relative; }

DIV.subtitle DIV.pic { float: right; }

DIV.doc.styles TABLE TD { width: 25%; position: relative; }
DIV.doc.styles TABLE TD SPAN { display: block; position: relative; }
DIV.doc.styles TABLE TD H3 { font-size: 121%; padding: 0 5px; margin: 5px 0 10px 0; color: #000; border-bottom: 1px solid #eee; clear: both; }
DIV.doc.styles TABLE TD H3 A { color: #000;}
DIV.doc.styles TABLE TD A { display: block; position: relative; padding: 1px 0; color: #000; }
DIV.doc.styles TABLE TD B { position: absolute; top: 1px; right: 20px; color: #F00; font-weight: normal; text-decoration: none; }


DIV.downloads { padding-top: 20px; }
DIV.downloads B { font-size: 129%; display: inline-block; padding-bottom: 7px;}

DIV.downloads A U { display: block; text-decoration: none; }
DIV.downloads A I { color: #999; font-style: normal; }
DIV.downloads A:hover { text-decoration: none; }
DIV.downloads A:hover U { text-decoration: underline; }

DIV.downloads A.file {
	display: block; padding: 3px 10px 7px 20px;
	background-position: left top; background-repeat: no-repeat; background-image: url(../images/types/data.png);
}
DIV.downloads A.file.avi { background-image: url(../images/types/avi.png); }
DIV.downloads A.file.doc { background-image: url(../images/types/doc.png); }
DIV.downloads A.file.mp3 { background-image: url(../images/types/mp3.png); }
DIV.downloads A.file.pdf { background-image: url(../images/types/pdf.png); }
DIV.downloads A.file.pic { background-image: url(../images/types/pic.png); }
DIV.downloads A.file.ppt { background-image: url(../images/types/ppt.png); }
DIV.downloads A.file.txt { background-image: url(../images/types/txt.png); }
DIV.downloads A.file.xls { background-image: url(../images/types/xls.png); }
DIV.downloads A.file.zip { background-image: url(../images/types/zip.png); }

DIV#bannerright { text-align: center; padding: 20px 0; }

DIV.copyright { padding: 20px 30px; }
DIV.designed { padding: 20px 10px; position: absolute; right: 0; bottom: 0; text-align: right; }

/* bill cart */
#billHead { font-size: 145%;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #B3B3B3;
    margin-bottom: 10px;
    padding: 5px 18px 6px 3px;
}

#billBody A { display: block; position: relative; padding: 4px; color: #333; }
#billBody A SPAN { position: relative; min-height: 50px; }
#billBody A SPAN.thumb { background: #fff; border: 1px solid #eaeaea; line-height: 50px; display: block; width: 60px; text-align: center; padding: 3px 0; float: left; margin: 1px 7px 1px 1px; }
#billBody A SPAN.thumb IMG { vertical-align: middle; }

#billBody A B { display: block; position: relative; padding: 0 60px 0 10px; font: normal 115% Tahoma; }
#billBody A EM { margin-top: 3px;}
#billBody A EM B { font-size: 100%; color: #888; margin-top: 3px; }

#billBody A I, #billBody A U { position: absolute; font-size: 109%; text-decoration: none; font-style: normal; line-height: 13px; color: #333; font-weight: bold; }

#billBody A I { top: 2px; right: 10px; text-align: center; width: 25px; }
#billBody A U { top: 20px; right: 0; text-align: right; color: #A0000A }
#billBody A TT { position: absolute; left: 0; top: 7px; display: block; background: #0a0; color: #fff; line-height: 100%; padding: 1px 3px; float: left; }
#billBody A TT.m { background: #a00; }
#billBody A I IMG { width: 10px; height: 10px; position: absolute; top: 2px; opacity:0.5;filter:alpha(opacity=50);cursor:pointer; }

#billBody A IMG.dn { background-image: url(../images/icon-less.png); left: -10px; }
#billBody A IMG.up { background-image: url(../images/icon-more.png); right: -10px; }

#billBody A IMG.rm {
	position: absolute; right: 0; bottom: 0; width: 10px; height: 10px;
	background-image: url(../images/icon-remove.png); opacity:0.5;filter:alpha(opacity=50);cursor:pointer; }

#billBody A:hover { background: #eee; text-decoration: none; }
#billBody A:hover IMG { opacity:1;filter:alpha(opacity=100); }
#billBody A:hover B { color: #a00; }

#billBody DIV.total { padding: 0 0 0 5px; margin: 15px 0 5px 0; background: #eee; }
#billBody DIV.total P { padding: 2px; position: relative; margin-right: 5px; line-height: 25px; }
#billBody DIV.total P B { position: absolute; right: 0; top: 2px; text-align: right; line-height: 25px; font-size: 125%; }


#billFooter { margin: 1px; padding-left: 10px; }
#billFooter A.clear { color: #888; text-decoration: underline; text-align: center; cursor: pointer; cursor: hand; vertical-align: middle; line-height: 24px; }
#billFooter A.clear:hover { color: #333; background: none; }
#billFooter INPUT.button {
	font-size: 145%; border: 1px solid #5f6a77; font-family: Arial;
	padding: 3px 8px; float: right;
	color: #fff; background: url(../images/bg-bttn-2.gif) top left repeat-x #ee1d23; }

#billFooter DIV.total A { }

/* notify box */
#notify {
	padding: 10px; font-size: 100%; width: 320px;
	background: #ffffe1; position: fixed; bottom: 21px; right: 0; border: 1px solid #000000; } /* z-index: 3000; */
#notify .body { } /* z-index: 1; */
#notify .close {
	display: block; width: 18px; height: 18px; position: absolute; right: 10px; top: 10px;
	background-image: url(../images/icons/close.gif); background-position: top left; background-repeat: no-repeat;
} /* z-index: 2; z-index: 999; */
#notify .close:hover { background-position: bottom left;}

#notify .point { position: absolute; bottom: -21px; right: 11px; }

#notify H1 { font: bold 114% Arial; display: inline-block; position: relative; }
#notify FORM { position: absolute; right: 34px; top: 11px; line-height: 114%; } /* z-index: 1; */
#notify FORM INPUT { vertical-align: middle; margin-right: 3px; } /* z-index: 2;  */
#notify UL { margin: 10px 0 0 0; padding: 0; }
#notify LI { margin: 0; padding: 0 0 5px 0 ; list-style: none; clear: both; list-style: none; position: relative; margin: 0; }
#notify LI IMG { float: right; margin: 0 0 10px 10px; }
#notify LI B { color: #000; font: bold 86% Verdana; text-decoration: none; }
#notify A.read { display: block; margin-top: 10px; }

DIV.info {}

DIV.sizes { position: relative; }
DIV.sizes TABLE { position: relative; height: 220px; border-collapse: collapse; width: 100%; }
DIV.sizes TABLE THEAD { position: absolute; left: 0; top: 0; right: 36px; }
DIV.sizes TABLE TBODY { position: absolute; padding-right: 18px; top: 25px; left: 0; right: 0; height: 200px; overflow: auto; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto; }

DIV.sizes TH {
	padding: 3px 0; width: 40px;
	cursor: pointer; cursor: hand; text-align: center; }
DIV.sizes TD { text-align: center; white-space: nowrap; padding: 3px 0; width: 40px; }
DIV.sizes LABEL { display: block; text-align: center; width: 40px; }
DIV.sizes INPUT { vertical-align: middle; margin: 0 0 0 4px; padding: 0; }
DIV.sizes TR.over * { font-weight: bold; }
DIV.sizes TR.act * { color: red; font-weight: bold; background: #ddd; }

/* checkout */
#myCartFull { border-collapse: collapse; margin-bottom: 20px; }
#myCartFull TD,
	#myCartFull TH { font-size: 109%; padding: 2px 5px; }
#myCartFull TD { border-bottom: 1px solid #eee; }
#myCartFull TD A { text-decoration: underline; }

#myCartFull .money { white-space: nowrap; text-align: right; }
#myCartFull .money.big { font-size: 125%; }

#myCartFull TR.grand TH { font-size: 109%; }
#myCartFull TR.head TH { background: #eee; border-bottom: 1px solid #ddd; padding: 8px 10px; }
#myCartFull TR TD EM { display: block; font-size: 92%; font-style: normal; margin-top: 2px; }
#myCartFull TR TD EM B { font-weight: normal; color: #888; }

#myCartFull SPAN.thumb { background: #fff; line-height: 50px; display: block; width: 60px; text-align: center; float: left; }
#myCartFull SPAN.thumb IMG { vertical-align: middle; }


#myCartFull TD.quan { white-space: nowrap; text-align: center; }
#myCartFull TD.quan A { display: inline-block; display: inline-block; cursor: pointer; cursor: hand; text-decoration: none; }
#myCartFull TD.quan A:hover { background: #eee; }
#myCartFull TD.quan INPUT { font-weight: bold; padding: 3px 4px; width: 25px; text-align: center; border: 1px solid #888; }
#myCartFull TD.quan P * { vertical-align: middle; line-height: 100%; }
#myCartFull TD.quan A.up,
	#myCartFull TD.quan A.dn { margin: 0 1px; display: inline-block; width: 22px; height: 22px; line-height: 22px;}
#myCartFull TD.quan A.rm { font-size: 92%; color: #888; height: auto; line-height: auto; margin-top: 2px; }
#myCartFull TD.quan A.rm:hover { background: none; text-decoration: underline; }

#myCartFull TR.footer TH { font-size: 119%; font-weight: normal; padding: 10px 5px 0 0; }
#myCartFull TR.footer.grand TH { font-size: 125%; font-weight: bold; }

#delivery LI LABEL SPAN { display: block; color: #777; font-size: 92%; padding-top: 2px 0 4px 0; }
#cartList { margin-bottom: 15px; }

#overlay {
	position: absolute;
	background: url(../images/loader-35.gif) center 50px no-repeat #fff;
	opacity:0.8;filter:alpha(opacity=80);
} /* z-index: 9999; */


DIv.block H2 { padding: 5px 10px; border-bottom: 1px solid #888; }

SPAN.sort { float: right; position: relative; margin-right: -10px; }
SPAN.sort A { display: inline-block; padding: 0 10px 0 2px; font-weight: normal; font-size: 92%; color: #aaa; margin-left: 10px; }
SPAN.sort A:hover { color: #a00; }

SPAN.sort A.sort { background-image: url(../images/bg-sort-up-dn.gif); background-repeat: no-repeat; background-position: right up; color: #a00; }
SPAN.sort A.sort.up { background-position: right 6px; color: #000; text-decoration: none; }
SPAN.sort A.sort.dn { background-position: right -6px; color: #000; text-decoration: none; }


DIV.index1 DIV#banner-content { width: 50%; float: right; height: 230px; }
DIV.index1 DIV#banner-content DIV A.name { font: normal 20px Arial; color: #fff; }
DIV.index1 DIV#banner-content DIV U { font: bold 22px Arial; }

DIV.right DIV#banner-content { height: 200px; }
DIV.right DIV#banner-content DIV A.name { font: bold 14px Arial; color: #fff; }
DIV.right DIV#banner-content DIV U { font: normal 18px Arial; }

DIV.left.links DIV#banner-content { height: 200px; }
DIV.left.links DIV#banner-content DIV A.name { font: bold 14px Arial; color: #fff; }
DIV.left.links DIV#banner-content DIV U { font: normal 18px Arial; }

#banner-content {
	position: relative;
	background-repeat: no-repeat;
	border-top: 1px solid #B3B3B3;
}

#banner-content .title {
	position: absolute; top: -1px; width: 100%;
	color: #fff; display: none; }


#banner-content .title SPAN {
	background: #000; /* z-index: 1;*/
	position: absolute; top: 0; bottom: 0; width: 100%;
}

#banner-content .title DIV {
	/* z-index: 2; */
	position: relative;
	padding: 2px 15px 10px 15px; display: block; font: normal 11px Arial; color: #aaa;
}
#banner-content .title DIV A.name {
	padding: 2px 0; display: block; color: #fff;
}

#banner-content .title DIV A.cat { color: #aaa; }
#banner-content .title DIV A.cat:hover { color: #eee; }
#banner-content .title DIV U {
	color: #fff; display: block; padding: 4px 13px;
	position: absolute; left: 0; bottom: -75%; text-decoration: none; background: #ee1d23; }

#fbLikeSocial {
	overflow: hidden;
	width: 230px;
}
#fbLikeSocial .box {
	margin: -1px 0 -25px -4px;
}

#fbActivitySocial {
	overflow: hidden;
}

#fbActivitySocial .box {
	margin: -1px -10px -25px -10px;
}

DIV.adCenter { text-align: center; }
DIV.adCenter.textList { padding-bottom: 15px; }