@CHARSET "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font: normal 13px/20px "Lucida Grande", "Myriad Pro", "Lucida Sans Unicode", sans-serif;
	*font-family: "Times New Roman", serif;
}
hr, img, object {
	border: 0;
}
input, select, button {
	vertical-align: middle;
}
textarea {
	vertical-align: top;
}
input, button {
	overflow: visible;
}
select[size] {
	vertical-align: top;
}
select[size="1"] {
	vertical-align: middle;
}
fieldset legend {
	*margin-left: -7px;
}
caption, td, th, tr {
	vertical-align: top;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
optgroup {
	color: black;
	background: white;
	font-style: normal;
}
optgroup option {
	padding-left: 22px;
}
hr {
	color: black;
	background-color: black;
	height: 1px;
	margin: 7px 0;
	*margin: 0;
}
body {
	line-height: 1;
}
ol li, ul li {
	vertical-align: bottom;
}
ol li {
	list-style-type: decimal;
}
ul li {
	list-style-type: disc;
}
q {
	quotes: '\00AB' '\00BB' '\201E' '\201C';
}
q:before {
	content: '\00AB';
}
q:after {
	content: '\00BB';
}
q q:before {
	content: '\00AB';
}
q q:after {
	content: '\00BB';
}
sub, sup {
	position: relative;
	font-size: 11px;
}
sub {
	top: 5px;
}
sup {
	top: -5px;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
strong {
	font-weight: bold;
}
/* ------ End of reset.css ------ */


/* ----- Основной макет ----- */
body {
	background-color: #f3f2ef;
}

.clear {
	clear: both;
}

#menu {
	padding: 8px 20px 8px 20px;
	border-bottom: 1px solid gray;
	background-color: black;
}

#menu_login {
	float: right;
	color: white;
}

#header {
	border-top: 1px solid gray;
	background: #fce990 url('http://www.gcoins.ru/images/background.jpg') repeat-x;
	height: 115px;
}

#header table {
	width: 100%;
}

#header table td {
	vertical-align: top;
}

#header_logo {
	padding-left: 80px;
}

#header_logo div {
	height: 100px;
	overflow: hidden;
}

#header_info {
	height: 100px;
	width: 230px;
}

#header_design_content {
	background: url(http://www.gcoins.ru/images/headerTopBorder.gif) top repeat-x;
}

#header_design_contentRight {
	height: 15px;
	width: 50px;
	background: url('http://www.gcoins.ru/images/headRightCorner.gif') top left no-repeat;
}

#header_design_sidebar {
	height: 15px;
	width: 240px;
}

#page {
	clear: both;
	background-color: #f3f2ef;
	width: 100%;
	margin-bottom: 20px;
}

#page_content {
	padding-left: 20px;
	padding-right: 20px;
	background-color: white;
	border-right: 2px solid #e5e5e5;
	border-top: 2px solid white;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#page_sidebar {
	width: 230px;
	background-color: #f3f2ef;
	border-top: 2px solid #e5e5e5;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 30px;
}

#footer {
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#debug {
	border: 1px solid red;
	margin: 20px;
	padding: 15px;
}
/* ----- Конец основного макета ----- */





/* ----- Стили главного меню ----- */
.topMenu ul, .topMenu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

.topMenu ul li {
	float: left;
	position: relative;
	padding-right: 20px;
}

.topMenu ul li a {
	display: block;
	margin: 1px 0;
	text-decoration: none;
	color: white;
	white-space: nowrap;
}

.topMenu ul li a:hover {
	color: yellow;
}

.topMenu ul li ul {
	padding-left: 5px;
	padding-right: 10px;
	display: none;
	position: absolute;
	background-color: black;
	border: 1px solid gray;
	border-top: 1px solid #333333;
	margin-left: -2px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
}

.topMenu ul li ul li {
	display: block;
	border-top: 0px;
	padding-right: 0;
}

.topMenu .active {
}
/* ----- Конец стилей главного меню ----- */





/* ----- Стили шапки ----- */
#loginMessage a {
	text-decoration: none;
	color: #ff5e00;
	font-size: 1.1em;
}

#loginForm {
/*	display: none;*/
}

#stocks {
/*	float: right;*/
	margin-right: 60px;
	*margin-right: 0;
	margin-left: 55px;
	margin-top: 15px;
}

#stocks table {
/*	float: right;*/
	width: auto;
}

#stocks td {
	padding-left: 10px;
	padding-right: 10px;
}

#stocks td.s {
	text-align: right;
	border-right: 1px solid black;
}

#orderInfo {
	margin-top: 10px;
}
/* ----- Конец стилей шапки ----- */





/* ----- Стили контента ----- */
#page_content h2 {
	font-size: 1.2em;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
}

#page_content h2 a {
	color: black;
	text-decoration: none;
}

#page_content h2 a:hover {
	color: blue;
}

#page_content h3 {
	font-size: 1.1em;
	text-decoration: underline;
}

#page_content p a {
	color: #000099;
}

#page_content #note a {
	color: #000099;
}

#page_content p {
	text-align: justify;
}

#page_content ul {
	margin-left: 15px;
	margin-top: 10px;
}

#page_content ul li {
	list-style: none;
	margin-bottom: 10px;
}

#coins_table, #accessories_table {
	width: 100%;
	border-collapse: collapse;
}

#coins_table form.coinSmall, #accessories_table form.accessorySmall {
	margin-left: auto;
	margin-right: auto;
	width: 180px;
}

.page_list {
	font-weight: bold;
	margin-bottom: 15px;
}

.paginationControl {
	font-weight: bold;
	margin-bottom: 15px;
}

.page_list li {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

.paginationControl a {
	margin-left: 5px;
	margin-right: 5px;
	color: black;
	text-decoration: none;
}

.paginationControl a:hover {
	color: blue;
	text-decoration: underline;
}

.page_list li.current {
	font-size: 1.2em;
	color: #990000;
}

.paginationControl span.current {
	font-size: 1.2em;
	margin-left: 6px;
	margin-right: 6px;
	color: #990000;
}

.page_list li a {
	color: black;
	text-decoration: none;
}

.page_list li a:hover {
	color: blue;
	text-decoration: underline;
	font-size: 1.1em;
}


form.coinSmall, form.accessorySmall {
	margin-bottom: 60px;
	*margin-top: 10px;
}

form.coinSmall td.coin, form.accessorySmall td.accessory, div.image_shadow {
	float: left;
	background: url(http://www.gcoins.ru/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://www.gcoins.ru/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	*padding-left: 5px;
}

form.coinSmall img.coin, form.accessorySmall img.accessory, img.shadow {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid gray;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	cursor: pointer;
}

form.coinSmall td.price, form.accessorySmall td.price,
form.coinBig td.price, form.accessoryBig td.price {
	width: 100%;
	text-align: right;
}

form.coinSmall a, form.accessorySmall a {
	color: black;
	text-decoration: none;
}

form.coinSmall a:hover, form.accessorySmall a:hover {
	color: blue;
}


form.coinBig {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}

form.coinBig td.info {
	padding-top: 40px;
	width: 100%;
	font-size: 1.1em;
	line-height: 2em;
	padding-right: 10px;
}

form.coinBig td.coin {
	background: url('http://www.gcoins.ru/images/shadowAlpha.png') no-repeat bottom right !important;
	background: url('http://www.gcoins.ru/images/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

form.coinBig img.coin {
	width: 400px;
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid gray;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	cursor: pointer;
}

form.coinBig span.details {
	font-style: italic;
	font-size: 0.9em;
}



#invoiceTable td, #accessoriesTable td {
	padding: 5px;
	padding-bottom: 20px;
}

#invoiceTable img.picture, #accessoriesTable img.picture {
	border: 1px solid gray;
	height: 150px;
	width: 150px;
}

em {
	font-style: italic;
}
/* ----- Конец стилей контента ----- */





/* ----- Стили боковой панели ----- */
#page_sidebar {
	font-size: 0.9em;
}

#page_sidebar h3 {
	font-size: 1.3em;
	border-bottom: 1px solid gray;
	margin-bottom: 5px;
}

#page_sidebar p {
	font-size: 0.9em;
}

#page_sidebar a {
	color: black;
	text-decoration: underline;
}

#page_sidebar a:hover {
	color: blue;
}

#page_sidebar ul ul {
	margin-left: 10px;
	margin-bottom: 5px;
}

#page_sidebar li {
	list-style: none;
	font-size: 0.9em;
}

#page_sidebar li.current {
	background-color: #f4f0b5;
}
/* ----- Конец стилей боковой панели ----- */





/* ----- Стандартные формы gCoins ----- */
.gcoins {
	font-size: small;
}

form li {
	padding: 4px 5px 2px 9px;
	position: relative;
	clear: both;
}

form li:after, .buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

form li, .buttons {
	display: inline-block;
}

* html form li, * html .buttons {
	height: 1%;
}

form li, .buttons {
	display: block;
}

* html form li div {
	display: inline-block;
}

form li div, form li span {
	margin: 0 4px 0 0;
	padding: 0 0 8px 0;
	color: #444;
}

form li span {
	float: left;
}

.clear {
	clear: both !important;
}

label.desc {
	line-height: 150%;
	padding: 0 0 1px 0;
	border: none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
}

form li div label, form li span label {
	margin: 0;
	padding-top: 3px;
	clear: both;
	font-size: 9px;
	line-height: 9px;
	color: #444;
	display: block;
}

input.text, input.file, textarea.textarea, select.select {
	margin: 0;
	font-size: 100%;
	color: #333;
}

input.text, textarea.textarea, .firefox select.select {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

textarea.textarea {
	width: 400px;
	height: 100px;
}

textarea.mceEditor {
	width: 700px;
	height: 300px;
}

input.text, input.file {
	padding: 2px 0 2px 0;
	width: 300px;
}

input.btTxt {
	padding: 0 7px;
	width: auto;
	overflow: visible;
}

.buttons {
	clear: both;
	margin-top: 10px;
}

.buttons input {
	margin-right: 5px;
}

form .req {
	float: none;
	color: red !important;
	font-weight: bold;
	margin: 0;
}

form li.focused {
	background-color: #fff7c0;
}

form .instruct small {
	font-size: 105%;
}

form li.focused .instruct, form li:hover .instruct {
	visibility: visible;
}

div.validation-advice {
	background-color: #ffdfdf;
	padding: 3px;
}

div.autocompleter {
	position: absolute;
	width: 600px !important;
	background-color: white;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}

div.autocompleter ul {
	list-style-type: none;
	margin: 0px !important;
	padding: 0px;
}

div.autocompleter ul li.selected {
	background-color: #ffb;
}

div.autocompleter ul li {
	font-size: 0.8em;
	list-style-type: none;
	display: block;
	margin: 0 !important;
	padding: 2px;
	cursor: pointer;
}
/* ----- Конец стандартных форм gCoins ----- */



/* ----- Стандартная таблица ----- */
.standard_table thead td {
	background-color: #f4f0b5;
}

.standard_table thead td a {
	color: red;
}

.standard_table td {
	border: 1px solid black;
	padding: 5px;
}

.standard_table td.center {
	text-align: center;
}

.standard_table td img {
	height: 18px;
}

.standard_table td a {
	font-size: 1.1em;
	color: #660000;
}

.standard_table td a:hover {
	color: #ff0000;
}

.standard_table select {
	width: 100px;
}

.even{
	background-color: #fafafa;
}
/* ----- Конец стандартной таблицы ----- */



/* ----- Вывод CoinDetails ----- */
table.coin_details {
	width: 100%;
}

table.coin_details img {
	border: 1px solid gray;
}

table.coin_details td {
	padding: 5px;
	vertical-align: top;
}

table.coin_details td.info {
	padding: 10px;
	width: 100%;
}

table.coin_details p.place {
	color: darkblue;
	font-size: 1.1em;
}

table.coin_details p.place img {
	border: none;
	height: 16px;
}

table.coin_details p.details {
	font-size: 0.8em;
	font-style: italic;
}

table.coin_details p.price {
	margin-top: 10px;
	font-weight: bold;
}

/* ----- Конец вывода CoinDetails ----- */



/* ----- Фильтры каталога ----- */
div#filters {
	display: none;
	margin-right: 50px;
	*margin-left: 50px;
}

#filters table {
	margin-left: auto;
	margin-right: auto;
}

#filters table th, #filters table td {
	padding: 5px;
}

#filters th {
	color: #000066;
}

#filters table th.l {
	text-align: right;
	width: 150px;
	border-right: 1px solid gray;
}

#filters table th.u {
	border-bottom: 1px solid gray;
	text-align: left;
}

#filters td.b {
	text-align: center;
	font-weight: bold;
	color: #880000;
}

#filters td.b a {
	color: #880000;
}

#filters select {
	width: 130px;
}

#filters input {
	*width: 40px;
}

#filters input.checkbox {
	*margin-left: -10px;
	*margin-right: -5px;
}

#filters .filterError {
	border: 2px solid red;
}
/* ----- Конец фильтров каталога ----- */



/* -----  ----- */
#realization_info {
	float: left;
}
#realization_invoice {
	width: 100%;
}
#realization_invoice table {
	float: right;
}
#realization_invoice table td.u {
	background-color: lightgreen;
	width: 150px;
	padding-left: 20px;
}
#realization_invoice table td.d {
	background-color: pink;
	width: 150px;
	padding-left: 30px;
}
#realization_invoice table td.result {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 10px;
}
/* -----  ----- */


/* --- Красивые кнопки --- */
a.button {
    background: transparent url('http://www.gcoins.ru/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
a.button span {
    background: transparent url('http://www.gcoins.ru/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* --- Конец красивых кнопок --- */

.fake_link {
	cursor: pointer;
	border-bottom: 1px dashed black;
}

/* ----- */
#debug h2 {
	font-weight: bold;
	font-size: 1.2em;
}

#debug h3 {
	font-weight: bold;
	font-size: 1.1em;
}
/* ----- */

.isNumberError {
	border: 1px solid red;
}