@charset "utf-8";
/* CSS Document */

html {width: 100%; height: 100%; padding: 0; margin: 0;}
body {width: 100%; height: 100%; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; background: url(images/bg.jpg) 0 0 repeat; text-align: center;}

.block_translator {background: none !important; height: 28px !important; font-size: 90%; line-height: 20px; padding: 4px 0 0 10px !important; margin: -30px 0 30px 0; border: 1px solid #fff; border-top: 0 !important;}
.block_translator ul {margin: 0; padding: 0; float: left;}
.block_translator ul li {margin: 0 5px 0 0; padding: 2px; display: inline; color: #fff;}
.block_translator ul li.selected {background: #0f0;}
.block_translator ul li a {text-decoration: none !important; border-bottom: 1px dashed !important; color: #fff !important;}
.block_translator ul li a:hover {color: #ff6600 !important;}

.link_edit {float: right; padding-right: 10px !important; width: auto !important;}
.link_edit a {color: #fff !important;}
.link_edit a:hover {color: #ff6600 !important;}

.block_translator .divPreEditMode {color: #000000 !important; padding: 2px 4px; border: 0 !important;}

/* Settings */
	#wrapper {max-width: 1250px; min-width: 990px; text-align: left; margin: 0 auto;}
	.main {float: left; width: 100%; margin-bottom: 20px;}
	.content {float: left; width: 92%; background: #FFFFFF; padding: 4%;}
	
	/* Index */
	.mainColumn {float: left; width: 57%; margin-right: 3%; background: #FFFFFF; padding: 3% 3% 1% 3%;}
	.rightColumn {float: left; width: 33%;}
	
	h1, h2, h3, h4, h5, p, ul, ol, dl, dt, dd {padding: 0; margin: 0;}
	ul, ol {list-style: none;}
	img {border: 0;}
	
	.contentBlock ul, ol {margin: 0 0 1.2em 35px; line-height: 1.7em; clear: both;}
	.contentBlock ul {list-style: square;}
	.contentBlock ol {list-style: decimal;}
	
	.listBlogs ul, ol { margin: 0 0 1.2em 35px; line-height: 1.7em;}
	.listBlogs ul {list-style: square;}
	.listBlogs ol {list-style: decimal;}
	
	/* Title page */
	.nameSite {text-align: center; color: #FFF; margin-bottom: 3.4em;}
	h1 {font-size: 400%; font-weight: normal; margin-bottom: 0.1em;}
	h1 a {color: #FFFFFF !important;}
	h1 a:hover {color: #FF6600 !important;}
	h2 {font-size: 210%; font-weight: normal; line-height: 1.2em; margin-bottom: 0.8em;}
	h3 {font-size: 180%; font-weight: normal; line-height: 1.2em; margin-bottom: 0.7em;}	
	h4 {font-size: 150%; font-weight: normal; margin-bottom: 0.9em;}
	h5 {font-size: 120%; margin-bottom: 0.5em;}
	p {line-height: 1.7em; margin-bottom: 1.2em;}
	
	.indentLeft {float:left; width: 9%;}
	.wrapperContent {float: left; width: 82%; padding: 2.5em 0 3.4em;}
	.indentRight {float:left; width: 9%;}
	small {font-size: 90%;}
	.textGray {color: #999;}
	.picFloatL {float: left; margin: 0 1.7em 0 0;}
	
	/* Form */	
	form {margin: 0;}
	.frmButtons input {height: 28px; padding-bottom: 2px; margin: 1.2em 0 0 0;}
	
	.msgSuccessfully {color: #009900 !important; font-weight: bold; line-height: 1.7em; margin-bottom: 1.2em;}
	
	.msgError {color: red; font-weight: bold; line-height: 1.7em; margin-bottom: 1.2em;}
	.errTitle {color: red;}
	.msgAttention {padding: 1.2em 1.2em 1.2em 65px; line-height: 1.7em; margin: 0 0 2.5em 0; background: #eef7f7 url(images/ico_attention.gif) 20px 1.4em no-repeat;}

	.addComment {float: left; width: 96%;}
	
	.tblForm table td {padding-bottom: 5px; vertical-align: top;}
	.frmTitle {padding-right: 1.7em;}
	.frmText {width: 184px;}
	.frmTextarea {width: 400px;}
	.verification {position: relative; float: left; width: 100%;}
	.verification input {display: block; margin-top: 3px;}
	.verification small {font-size: 80%;}
	.clickHere {position: absolute; left: 209px; top: 10px; line-height: 1.7em;}
	
	
/* / Settings */

/* Main links */
	a:link {color: #006699;}
	a:visited {}
	a:hover {color: #FF6600;}
	a:active {color: #FF6600;}
	
	.linkQuick {text-decoration: none; border-bottom: 1px dashed;}
/* / Main links */

/* Header */
	.header {position: relative; float: left; width: 100%; text-align: center; height: 30px; margin-bottom: 3.4em;}
	.header a {color: #FFFFFF;}
	.header a:hover {color: #FF6600;}

	/* Language */
	.language {position: absolute; left: 0; top: 10px;}
	.language span {margin-right: 5px;}
	.language a {margin-right: 5px;}
	.currentLanguage {color: #99ffff;}

	/* Admin area */
	.adminArea {padding-top: 2px;}
	.adminArea span {background: #42a4d5; padding: 5px 10px 10px;}
	.adminArea span a {line-height: 30px; margin: 0 5px;}

	/* Right links */
	.rightLinks {position: absolute; right: 0; top: 10px; width: 25%;}
	.basket {float: left; font-size: 11px; color: #ffffff;}
	.basket a { background: url(images/ico_basket.gif) 0 3px no-repeat; padding-left: 22px;}
	.loadcd a {position: absolute; right: 0; top: -28px; background: url(images/ico_to_loadcd.gif) center 0 no-repeat; line-height: 70px; height: 40px;}
/* / Header */

/* Menu */
	.menu {float: left; width: 100%; text-align: center; margin-bottom: 3.4em; margin-left: -3%;}
	.mainMenu {float: left; width: 100%; text-align: center; text-align: center;}
	.mainMenu li {display: inline; font-size: 22px; text-transform: uppercase; padding-left: 6%;}
	.mainMenu li a {color: #FFF;}
	.mainMenu li a:hover {color: #F60;}
	.currMainMenu span {background: #FFFFFF; padding: 0 10px; font-size: 120%;}
	.currMainMenu a {background: #FFFFFF; padding: 0 10px; color: #006699 !important; font-size: 120%;}
	.currMainMenu a:hover {color: #FF6600 !important;}
/* / Menu */

/* Blogs */

	/* Tabs */
	.blogsTabs {float: left; width: 100%; margin-bottom: 2.5em; border-bottom: 1px solid #ccc; padding-bottom: 2.5em;}
	.blogsTabs ul {float: left; width: 100%;}
	.blogsTabs li {float: left; font-size: 110%; margin-right: 2%; padding: 3px 0; font-weight: bold;}
	.blogsTabs li small {font-size: 65% !important; font-weight: normal; margin-left: 2px; color: #999;}
	.blogCurrent {background: #ebebcf; font-weight: bold; padding: 3px 14px !important;}

	/* List */
	.listBlogs {float: left; width: 100%;}
	.listBlogs dl {margin-bottom: 2.5em;}
	.listBlogs dt {margin-bottom: 0.5em;}
	.listBlogs dd {width: 90%;}
	.aBlogsTitle {font-size: 160%; line-height: 1.6em;}
	.blogComments {font-size: 90%; margin-top: -5px;}
	
	.introduction {font-weight: bold;}
	.listBlogs dt h2 {margin-top: 0.2em;}
	
	/* Comments */
	.comments {float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 2em; clear: both;}
	.comments dl {float: left; width: 85%; margin-bottom: 1.2em;}
	.comments dt {float: left; width: 100px; margin-right: 1.7em; font-size: 90%; line-height: 1.7em;}
	.comments dt strong {}
	.comments dd {float: left; line-height: 1.7em; width: 80%;}
	
	/* Complaint */
	.complaint {float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 2em;}
	
/* / Blogs */

/* ListSM short */
	.listSMShort {background: #FFFFFF; margin-bottom: 9%; padding: 8% 8% 3% 8%;}
	.listSMShort dl {margin: 0 0 1.3em 10px;}
	.listSMShort dt {margin-bottom: 2px; line-height: 1.7em;}
	.listSMShort dt a {font-size: 120%; font-weight: bold;}
	.listSMShort dt small {color: #999999;}
	.listSMShort dd {line-height: 1.7em; margin-bottom: 0.5em;}
/* / ListSM short */

/* About user */
	.userAboutShort {background: #FFFFFF; margin-bottom: 9%; padding: 8% 8% 1% 8%; line-height: 1.7em;}
	.userAboutShort img {float: left; margin: 0 0.9em 0 0;}
/* / About user */

/* Catalog SM */
	.catalogSM {float: left; width: 99%; margin-bottom: 3%;}
	.catalogSM table {width: 100%;}
	.catalogSM table th {color: #999999; font-weight: normal; font-size: 90%; padding-bottom: 1%; vertical-align: top;}
	.catalogSM table th a {color: #999999;}
	.catalogSM table th a:hover {color: #FF6600;}
	.catalogSM table td {line-height: 1.7em; vertical-align: top; border-bottom: 1px solid #F1F1F1; padding: 2% 0;}
	.tblSmTitle {font-size: 150%; line-height: 1.3em;}
	
	.tblCatalogTitle {width: 50%; padding-right: 4% !important;}
	.tblCatalogComposer {width: 24%; padding-top: 20px !important; padding-right: 4% !important;}
	.tblCatalogPreview {width: 9%; padding-top: 1.4em !important;}
	.tblCatalogPreview a {margin-right: 1%;}
	.tblCatalogPrice {width: 9%; text-align: right; padding-top: 20px !important;}
	
	/* Paging */
	.paging {}
	.pages {margin-bottom: 0.7em;}
	.pages span {margin: 0 0.4em; font-weight: bold;}
	.pages a {margin: 0 0.4em;}
	.pageNavigation span {margin-right: 1em; color: #999;}
	.pageNavigation a {margin-right: 1em;}
	
/* SM details */

	/* About file */
	.smAboutFile {float: left; background: #f5f5ea; padding: 1.5em 1em; width: 24%; margin: 2.5em 0 3.4em;}

	.smDetails {float: left; width: 71%; margin: 2.5em 0 0.9em 0;}
				
	.linkBack {margin-bottom: 2.5em; border-bottom: 1px solid #ccc; padding-bottom: 2.5em;}
	.linkBack b {font-size: 100%;}
	.linkBack a {font-size: 90%; color: #000;}
	.linkBack a:hover {color: #930;}

	.smID {font-size: 75%; color: #999; float: left; width: 100%;}					
	
	/* Preview */
	.smPreview {float: left; width: 160px; margin-right: 30px;}
	.smPreview img {border: 1px solid #ccc;}
	.listenSample {width: 160px; margin: 0.8em 0 0 0; text-align: center;}
	.listenSample a {width: 85px; height: 30px; line-height: 1.2em;}
	
	/* About SM */
	.smAbout {float: left; width: 63%;}
	.aboutRow {float: left; width: 100%; margin-bottom: 1em;}
	.aboutRow dl {float: left; width: 100%; margin-bottom: 0.5em; line-height: 1.7em;}
	.aboutRow dt {float: left; width: 140px; margin-right: 20px;}
	.aboutRow dd {float: left; width: 50%;}
	
	/* block price */
	.block_price {padding: 0 10px;}
	.block_price h2 {display: none;}
	.block_price p {position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 100%;}
	.block_price p input {position: absolute; top: 0; left: -7px; width: 20px;}
	.block_price p label {}
	.block_price p strong {font-size: 150%; font-weight: normal; display: block; margin-top: 5px;}
	.block_price_txt {line-height: 145%;} 
	.block_price_txt strong {font-size: 150%; font-weight: normal; display: block; margin-top: 5px;}
	
	.block_price_pdf {margin: 20px 0 20px 0; line-height: 20px;}
	.block_price_pdf img {margin-right: 4px;}
	.block_price_btn {text-align: center;}
	
	.block_price_btn .button {height: 28px; padding-bottom: 2px;}	

/* Gallery */
	.gallery {float: left;}
	.gallery img {float: left; margin: 0 25px 40px 0; height: 120px;}
	
/* Footer */	
	.footer {color: #FFFFFF;}
	.footer a {color: #FFFFFF;}
	.footer a:hover {color: #FF6600;}	
	
/* Quick popup */
    .popup_catalog{ width: 460px; position: absolute; top: 20px; left: 20px; z-index: 99;  }
    .popup_catalog_main{ width: 440px; float: left; background: #fff; }
    .popup_catalog_top2{ background: url(images/popup_catalog_top2.gif) 0 0 no-repeat; height: 6px; line-height: 0; font-size: 0; margin-top: -6px; }
    .popup_catalog_center{ background: #fff; padding: 14px 20px; color: #000; line-height: 20px; border-left: 1px solid #ccd2d6; border-right: 1px solid #ccd2d6; }
    .popup_catalog_bottom{ background: url(images/popup_catalog_bottom.gif) 0 100% no-repeat; height: 6px; line-height: 0; font-size: 0; margin-bottom: -6px; }	
	.footer a:hover {color: #FF6600;}	

/*-- for block_nojs --*/	
.block_nojs {position: fixed; top: 20px; left: 20px; width: 200px; background: #ffc; z-index: 99; line-height: 20px; padding: 10px 15px; border: 1px solid #000000; font-size: 100%; text-align: center; color: #000;}