/* colors
af0007 - dark
de5a66 - light


*/
h1	{font-size:18px; margin-bottom:20px;}

/* Print only */
.printOnly {display: none;}

/* item - detail */
#prePrice 			{text-decoration:line-through; color:red}
#variant			{}
.detailTable			{width:580px;}
.detailTable h4			{margin:15px 0 5px 0; color:#606060; padding:3px 0 3px 10px; font-size:12px; background: url('/template/images/row-bg.gif'); border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }
.varRow				{clear:both; padding-top:3px;}
.varRow.price			{font-size:12px; font-weight:bold; padding-top:15px;}

.varRow .l			{width:200px; font-weight:bold; float:left}
.varRow .r			{}




/* Common */
BODY {background: #adadad url(images/bg.gif) repeat-x; text-align: left; padding: 0 0 0 0; margin: 0 0 0 0; font: 11px Arial, Helvetica, sans-serif; color: #000000;}
FORM {margin: 0}
SELECT, INPUT, TEXTAREA {font: 11px Arial, Helvetica, sans-serif;}
IMG {border: 0; margin: 0;}
INPUT.button {background: #af0007; border: 1px solid #FF6600; width: 102px; color: white; font-weight: bold;}
H1 {margin: 0;}
H1 SPAN {visibility: hidden}
H2 {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; margin: 2px 0 15px 7px;}
H2.topSpace {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; margin: 30px 0 15px 7px;}
H2.testHeadline {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; margin: 2px 0 15px 0;}

H2.matice-headline {font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 2px 0 15px 7px;}

H3 {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; margin: 2px 0}
DIV, TD, P				{font-size:11px; font-family:arial; }
A	{text-decoration: none; color: #003399; }
A:visited {text-decoration:none; color:#1971b8}
A:hover	{text-decoration:underline}



.break {font-size: 1px; height: 1px; visibility: hidden; clear: both;}
#paper-holder {text-align: left; width: 1007px; margin: 0 auto; padding-bottom: 0; position: relative; background: white; border:1px solid #c0c0c0}
#page-shadow {width: auto; }


/* Page Header */
#page-header {width: auto; height: 145px; background: #af0007; margin-bottom: 9px}
#page-header #fixed-size {width: 1007px; height: 145px; background: #ffffff url(images/page-header.jpg) no-repeat}
#page-header #logo {position: absolute; top:23px; left:36px;}
#page-header #logo A {display: block; width: 106px; height: 93px; background: url(images/logo.gif) no-repeat;}
#page-header #navi-bar {width: 800px; height: 67px; position: absolute; top: 83px; left:180px; /*background: url(images/navi-bar.gif) no-repeat;*/ padding-left: 13px}
#page-header .navi-item {float: left; padding: 42px 15px 0 15px; text-align: center}
#page-header .long {width: 130px !important;}
#page-header .navi-item A {color: white; font-weight: bold}
#page-header .info {position: absolute; left: 775px; top: 98px; width: 250px; color:white}
#page-header .info a	{color:white}
/* Fulltext */
#fulltext {background:#8484c0; border: 1px solid #37414a; margin-bottom: 3px}
#fulltext H3 {color:white; margin: 2px 0 0 10px; font-size: 12px}
#fulltext .holder	{color: #ffffff; margin: 2px 5px 12px 10px}
#fulltext INPUT.inbox {width: 110px; background: #fefefe; border: 1px solid white}
#fulltext INPUT.button {background: #565673; width: 30px; border: 1px solid white; color: white; font-weight: bold}

/* Katalog */
#shop-cats {background:#af0007 url(images/box-header-ooi.jpg) no-repeat; border: 1px solid #af0007; margin-bottom: 3px;}
#shop-cats H3 {color:#FFFFFF; margin: 2px 0 0 10px; font-size: 12px}
#shop-cats A:hover	{text-decoration:underline; }
#shop-cats .holder	{color: #ffffff; margin: 76px 5px 12px 10px}
.cat.selected	{}
.cat {padding: 2px 0;}

.cat A {font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #FFFF99; font-weight: normal; text-decoration: none}
.cat A:visited {color:#FFFF99;}

.catBlock .cat {padding: 2px 0 0 14px; background:url(images/ar-square-w.gif) no-repeat 2px 7px;}
.catBlock .cat A { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #ffffff; text-decoration: none}
.catBlock .cat A:visited {color:#FFFFFF;}
.catBlock {padding-bottom: 6px; }
.opened 	{display:block}
.closed 	{display:none}

/* New products */
#new-products {background:#af0007 url(images/box-header-ggi.jpg) no-repeat; border: 1px solid #af0007; margin-bottom: 3px;}
#new-products H3 {color:#FFFFFF; margin: 2px 0 0 10px; font-size: 12px}
#new-products LI {margin: 4px 0 6px -16px; color: white}
#new-products A	{text-decoration: none; color: white; }
#new-products A:hover	{text-decoration:underline}
#new-products .holder	{color: #000000; margin: 79px 5px 12px 10px}

/* Advertisement */
#advertisement {margin-top: 30px}
#advertisement-zs {margin-bottom: 3px;}

/* Top selling products */
#top-products {background:#af0007 url(images/box-header-bb.gif) no-repeat; border: 1px solid #af0007; margin-bottom: 3px}
#top-products H3 {color:#FFFFFF; margin: 2px 0 0 10px; font-size: 12px}
#top-products A	{text-decoration: none; color: white; }
#top-products A:hover	{text-decoration:underline}
#top-products .holder	{color: #000000; margin: 20px 5px 12px 10px}
#top-products .product-holder	{margin-bottom: 20px}

/* Login */
#sign-up {background:#af0007 url(images/box-header-oy.gif) no-repeat; border: 1px solid #af0007; margin-bottom: 3px}
#sign-up H3 {color:#FFFFFF; margin: 2px 0 0 10px; font-size: 12px}
#sign-up .holder	{color: #ffffff; margin: 20px 5px 12px 10px}
#sign-up INPUT.inbox {width: 100px; background: #FFEFD6; border: 1px solid white}
#sign-up INPUT.button {background: #af0007; border: 1px solid white; width: 102px; color: white; font-weight: bold}
#sign-up .others {font: 10px Vedana, Arial, Helvetica, sans-serif;}
#sign-up .others a {color:white} 
#sign-up TABLE {color: white}

#logged	{background:#de5a66; border: 1px solid #af0007; margin-bottom: 3px; color:white}
#logged	 .holder	{margin: 12px 5px 12px 10px}
.logged-item {padding: 3px 0 0 14px; background:url(images/ar-square.gif) no-repeat 2px 7px;}
.logged-item a {color:white}


/* Footer */
#footer {text-align:center; color:white; font-size:11px; padding:5px 0 5px 0; background-color:#af0007}
#footer A {color: white; text-decoration: underline}

/* Booksellers and Schools */
.schools {width: 260px; float: left; border: 1px solid #FFC708; background: #FFF7EA; padding: 15px 10px; margin-right: 20px;  margin-bottom: 25px}
.schools H3 {font-size: 16px}
.booksellers {width: 260px; float: left; border: 1px solid #FFC708; background: #FFF7EA; padding: 15px 10px; margin-bottom: 25px}
.booksellers H3 {font-size: 16px}
.schools-item {padding: 3px 0 0 14px; background:url(images/ar-square.gif) no-repeat 2px 7px;}
.schools-empty {padding: 3px 0 0 14px;}

.booksellers-item {padding: 3px 0 0 14px; background:url(images/ar-square.gif) no-repeat 2px 7px;}

.catBlock 				{margin:2px 0px 5px 0px;}
#mirror {margin-left: 12px; width: 995px;}
#leftBar 				{float:left; width:180px;}
#middleBar				{float:left; width:616px;}
#middleBar .holder	{margin: 12px}
.warmBg {background: #FFF7EA}
.coldBg {background: #FFFFFF}

.tableEater {width:590px; height: 650px; margin-bottom:30px; overflow: auto; background: #FFCC66}
.tableEater IMG {}
.eatenTable {}
.eatenTable TH {background: #FFCC66; text-align: left; padding: 5px 3px; font-weight: normal; font-size: 11px; color: #CC0000;}
.kTableRow {background: #FFCC66; text-align: center; padding: 0 3px; width: 35px}
.kCellItem {background: #ffffff;}
.kHorizSepar {line-height: 1px; height: 2px; background: red}
.kHorizSepar2 {line-height: 1px; height: 2px; background: #FFC708}
.kVerticSepar {background:#FFCC66; width: 4px}
.kTabOn {background: #FFCC66; float: left; height: 27px; font-weight: bold; line-height: 26px}
.kTabOnLeft {float: left; width: 13px; height: 27px; background: url(images/kTabOnLeft.gif) no-repeat}
.kTabOnRight {float: left; width: 13px; height: 27px; background: url(images/kTabOnRight.gif) no-repeat}
.kTabOff {background: #CCCCCC; float: left; height: 27px; font-weight: bold;  line-height: 26px}
.kTabOffLeft {float: left; width: 13px; height: 27px; background: url(images/kTabOffLeft.gif) no-repeat}
.kTabOffRight {float: left; width: 13px; height: 27px; background: url(images/kTabOffRight.gif) no-repeat}
.tabs {padding-bottom: 0; height: 27px}




#rightBar				{float:left; width:180px; margin-top: 8px}
#midanri {float: left; width: 802px; margin-left: 7px;}

.deckList .listItem			{width:110px; height:200px; border:1px solid #f0f0f0; text-align: center}
.deckList .listItem img			{margin:4px auto; }
.deckList .listItem .imgHolder		{width:108px; height:142px; border:1px solid #e0e0e0; background-color:white; overflow:hidden}
.deckList .listItemMargin		{float:left; margin:10px}
.deckList .deckFilter			{text-align:center}
.deckList .itemsRow			{clear:both}

.product-detail {font-size: 11px !important; font-weight: normal !important; padding: 0 14px 6px 0; background:url(images/ar-fw.gif) no-repeat right 3px;}
.new		{color:#FF9650; font-weight: bold; line-height: 150%}
.priceBomb		{color:#FF9650; font-weight: bold;  line-height: 150%}
.discount		{color:#FF9650; font-weight: bold;  line-height: 150%}


.productRow .head				{padding-top:10px; font-weight:bold; font-size:13px; color:darkblue; margin:10px 0 0px 0}
.productRow .con				{padding-top:10px; font-weight:normal; font-size:13px; color:#555555; margin:0 0 10px 0}

#tableList				{margin-top:15px;}
#tableList td.darker			{background-color:#F0F0F0}
#tableList td.headL			{font-weight:bold; background-color:#e0e0e0}


.rowList .listItem			{width:570px; border:1px solid #f0f0f0; text-align: left; margin:10px 0px 0px 0px; padding:10px; }
.rowList .recommendItem .listItem			{width:570px; text-align: left; margin:10px 0px 0px 0px; padding:10px; background: #fff7ea; border: 0 }

.rowList .listImg			{border:1px solid gray; float:left; margin-right:10px}
.rowList .listItemMargin		{float:left; margin:10px}
.rowList .rowFilter			{padding: 4px 15px; background: #FFEBCA; border:1px solid #f47e20;}
.rowList .rowRecommend	{padding: 4px 15px; background: #ffcc66; border:1px solid #f47e20;}
.rowList .textBlock			{float:left;}
.rowList .textBlock a.header			{font-size:18px; font-weight: bold}

.breadCrumbs				{padding:8px;}
.breadCrumbs .bcDivider			{float:left}
.breadCrumbs .bcItem			{float:left; color:#656565;}
.breadCrumbs .bcItem a			{color:#656565; text-decoration:none; font-weight:normal; font-size: 11px}
.breadCrumbs .bcItem a:hover		{color:#656565; text-decoration:underline;}
.breadCrumbs .bcItem .cat A {color: #656565; }
.breadCrumbs .bcItem .cat A:visited {color:#656565;}



#lister .selected			{background-color:#003399; color:white; font-weight:bold}
#lister 				{clear:both; text-align: center; margin-top:10px;}
.clearIt				{clear:both; height:1px; overflow: hidden; }

.ItemDescription 			{clear:both; border:1px solid #f8f8f8; padding: 10px}
.ItemDescription2 			{ float: left; padding: 10px}
.ItemDescription P {margin: 1px 0}

#ri td					{color:gray; padding:3px 10px 2px 10px; background: white url('/template/images/row-bg.gif');}
#ri					{ background-color:#e0e0E0; margin:5px 0 0 5px;}
#ri .rc					{width:80px;}
#ri .rp					{width:130px; text-align:right}
#ri .rn					{width:290px; text-align:right; text-align:left}
#ri .rn a				{color:gray;}

.footer-fcs {padding-top: 10px}
.item-fcs {padding-left: 14px; background: #ffffff url(images/ar-back.gif) no-repeat 0 3px; float: left}
.print-fcs {padding-left: 14px; background: #ffffff url(images/ar-print.gif) no-repeat 3px 4px; float: right; margin-right: 5px}


.cms-holder {padding-left: 9px}

.itemImg 		{float:left; padding: 0px 14px 0px 5px}
.sendToFriend INPUT.button {background: #af0007; border: 1px solid #FFCC00; width: 102px; color: white; font-weight: bold}
.specials {text-align: right; margin-right: 7px}
#ItemDescription h2			{margin:10px; font-size:14px}

#itemDescription .itemTxts 		{float:left;}
#itemDescription .itemTxts .addTxts 	{margin-top:5px;}

.itemDocs				{float:left; width:240px; border:1px solid gray}
.itemDocs h3				{font-size:12px; font-weight: bold}
.itemTitles				{float:left; width:240px; margin-left:20px;  border:1px solid gray}
.itemTitles h3				{font-size:12px; font-weight: bold}

#otherImages .itemImg			{float:left; margin:5px;}
#cartTable {width: 570px}
#cartTable td				{background-color: #FFF7EA}
#cartTable th				{text-align:left; font-weight:bold; font-size:11px; background-color: #FFEBCA}

.yourAddress {margin: 20px 0 0; background-color: #FFEBCA; padding: 3px; font-weight: bold}
.listAddress {background-color: #FFF7EA; padding: 3px;}
.ifYouWish {padding: 20px 0 0}
.commonRules				{height:300px; overflow:auto; border:1px solid gray; padding:5px;}
.userNote {width: 100%; height: 100px; margin-bottom: 20px}
.iAgree {margin-bottom: 20px}
.loginAlert				{text-align: center; font-weight: bold; color: black}
.form-info {padding-left: 14px; background: #ffffff url(images/ar-fw.gif) no-repeat 0 3px; margin: 12px 0 12px; width: 550px}

.addressBlock				{border:1px solid gray; margin:10px; padding:10px}


.formRow				{clear:both; width:380px; margin:3px 0px 0px 0px; font-size:11px; }
.formRow .caption			{width:150px; text-align:left; float:left; padding-top:3px}
.formRow .formitem			{}
.formInput {width: 200px; border:1px solid gray;}
.formRow .formitem input.price		{width:80px; border:1px solid gray;}
.formRow .formitem select		{width:200px; border:1px solid gray;}
.formRow .formitem input.xbutton 	{width:120px; border:1px solid darkgray;}
.formRow .formitem textarea 		{width:350px; height:350px; border:1px solid darkgray; font-size:12px;}
.formRow .formitem textarea.xlarge 	{height:200px;}
.chkbx					{ width:18px !important;; border:0px !important;}

#PA					{border:1px solid gray; padding:15px;}
.paBlock				{float:left}
.notFoundRecords			{font-size:12px; text-align:center; font-weight:bold}
.foundRecords				{font-size:11px; text-align:center; color:gray}
.addRowItemToCart			{margin:10px 0px 0px 0px}

.self-banner {padding: 0 0 5px}

/* tests */
.question {font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; margin-top: 30px}

#results {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000;}
.info {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #006699;}
.input {display: inline; position: relative;}
.textBox {height: 14px; font-size: 12px; margin: 1px 0}
.textBoxLong {height: 14px; width: 250px; font-size: 12px; margin: 1px 0}
.assignment {display: block; margin-bottom: 10px; color:#999999 }
.error {color: red}
.pass {color: #00CC00}
.scoreContainer {border: 1px solid #ffcc66; background:#FFFFCC; padding: 14px; margin-bottom: 14px}

#popKeyboard {background: url(images/kb-bg.gif) no-repeat; padding: 6px 0 0 12px; width: 202px; height: 42px; margin-top: 2px; display: block; position: absolute; top: -50px; left: 0}
#popKeyboard INPUT {border: 1px solid #ff7f00; font-size: 11px; width: 18px; background:#ffbd7b; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 2px}
.kbHolder {position: relative;}
.dummyKb {display: inline}

.pass2 {border: 1px solid #009900; background:#ECFADA; color:#006600}
.error2 {border: 1px solid #FF0000; background:#FF9999; color:#FF0000}
.hint {display: inline;}
.hintFail {background: url(images/test-fail.gif) no-repeat 0 2px; padding-left: 26px; padding: 2px;  margin-left: 3px}
.hintPass {background: url(images/test-ok.gif) no-repeat 0 2px; padding: 4px 2px 2px 22px; margin-left: 3px;}
.hintAnswer {margin-left: 18px; display: inline; font-weight: bold; color:#990000; padding: 4px 2px 2px 2px; background:#FFFFCC}

.assiBox {border: 1px solid #999999; padding-left: 80px}
.afieldTable {border-top: 1px solid #999999; border-left: 1px solid #999999;}
.afieldTable TD {border-bottom: 1px solid #999999; border-right: 1px solid #999999;padding: 4px}

.correctedContainer {border: 1px solid #ffcc66; background:#FFFFCC; padding: 14px; margin: 14px 0; text-align: center; }
.correctedContainer2 {}
.correctedHeadline {font-weight: bold; font-size: 16px}
.recomendedContainer {border: 1px solid #ffcc66; background:#FFFFCC; padding: 14px; margin: 14px 0; text-align: center; font-weight: bold; font-size: 16px}
.myScore {text-align: center; font-weight: bold; font-size: 16px}
.nextButton {text-align: center;}
.testSubmit {text-align: center; padding: 20px 0; border: 1px solid #ffcc66; background:#FFFFCC; margin-top: 20px}
.resultText {text-align: center;}