/*
@import url('/pict/sp/showpic.css');
html, body {
	margin: 0px;
	padding: 0px;
    height: 100%;
}
body {
	overflow: auto;
	background-color: #ffffff;
}
body, td, p, input, select, textarea  {
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color: #3d6bac;
}
a {
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color: #3d6bac;
	text-decration: underline;
}
a:hover {
	text-decration: none;
}
td.right {
	padding-right: 6px;
	vertical-align: top;
	background-color: #efefef;
}
td.left {
	padding-left: 10px;
	vertical-align: top;
	background-color: #efefef;
}
td.bottomcontent {
	padding: 0px 6px;
	vertical-align: top;
	background-color: #efefef;
}

td.bottomcontent * {
	text-decoration: none;
}
td.bg1 {
	width: 100%;
	text-align: right;
	background: url(/pict/bg1.gif) top left repeat-x;
}
td.bg8 {
	width: 25%;
	background: url(/pict/bg8.gif) top left repeat-x;
}
td.bg2 {
    height: 100% !important;
	background: url(/pict/bg2.gif) top left repeat-y;
}
td.bg3 {
	background: url(/pict/bg3.gif) top left repeat-y;
}
td.content {
	width: 100%;
	height: 100% !important;
	text-align: left;
	vertical-align: top;
	padding: 25px;
	line-height: 16px;
}
td.bg7 {
	background: url(/pict/bg7.gif) top left repeat-x;
}
td.bg4 {
	width: 100%;
	background: url(/pict/bg4.gif) top left repeat-x;
}
td.bg2b {
	width: 100%;
	background: url(/pict/bg2b.gif) top left repeat-x;
}
td.bottom {
	color: #ffffff;
	padding: 15px;
	vertical-align: top;
	height: 63px;
	background-color: #fd9939;
}
td.bottom a
{
	color: #ffffff;
	text-decoration: none;
}
td.bottom a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
td.top
{
	background-color: #efefef;
	padding-right: 11px;
}
td.cccmos
{
	width: 100%;
	color: #fed7b0;
	padding: 15px;
	vertical-align: top;
	text-align: right;
	background-color: #fd9939;
}
td.cccmos a
{
	color: #fed7b0;
	text-decoration: none;
}
td.cccmos a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
input.input
{
	width: 100px;
	background-color: transparent;
	border: #61a0f5 1px solid;
	color: #a8a8a8;
	padding-left: 3px;
}
.transferer1
{
	border: 2px solid #FF7C1B;
}

#bigPhoto {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border: solid 1px black;
}
#bigPhoto .img {
    background-color: white;
    padding: 10px;
}
#bigPhoto .caption {
    background-color: red;
    text-align: right;
    padding-right: 10px;
    color: white;
}
#formContainer {
    width: 400px;
    text-align: center;
    border: dashed 1px #EFEFEF;
    padding: 10px;
}

#feedback textarea {height: 135px;}

#formContainer label {
    float: left;
    width: 130px;
    text-align: right;
}

#formContainer input, #formContainer textarea{
    float: right;
    width: 260px;
    border: solid 1px #1F5EB2;
    font-family: Tahoma;
    font-size: 11px;
    margin-bottom: 10px;
}

#formContainer select {
    border: solid 1px #1F5EB2;
    font-family: Tahoma;
    font-size: 11px;
    margin-bottom: 10px;
}
#formContainer textarea {
    height: 140px;
}
#formContainer input.sbmt {
    background-color: transparent;
    font-weight: bold;
}

div.eraser {
    clear: both;
    height: 1px;
}

#orderContaner {
    float: right;
    width: 200px;
}
#orderContaner img {
	float: left;
}
#orderCaption {
    height: 20px;
    vertical-align: center;
    text-align: center;
    background-color: #eeeeee;
}
#orderContent {
    padding: 10px;
}

table.std {
    width: 100%;
    border-collapse: collapse;
}
table.std, table.std td, table.std th {
    border: solid 1px black;
    text-align: center;
    vertical-align: center;
}

input.count {
    width: 40px;
    border: solid 1px black;
}

table.std td.total_title {
    text-align: right;
    font-weight: bold;
}

div.product {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 170px;
    height: 270px;
}
div.prod_header {
    background-color: #eeeeee;
    text-align: center;
    height: 20px;
    vertical-align: center;
    font-weight: bold;
    border-bottom: solid 1px #D5D5D5;
}

div.prod_container {
    padding: 10px;
}
div.prod_price {
    margin-top: 10px;
    font-weight: bold;
}
img.prod_pict {
    display: block;
}
div.prod_descr_container {
    text-align: left;
    padding-left: 10px;
}
div.product img.add {
    margin-top: 10px;
    cursor: pointer;
}
*/
/*
table.content_container, table.content_container td{
    height: 300% !important;
}
*/

input.count {
    text-align: center;
    height: 19px;
}

INPUT.spin-button {
    padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url('/pict/spinbtn_updn.gif');
}

INPUT.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}
/*
div.warn {
    text-align: center;
    color: red;
    font-weight: bold;
}
.page_title{
	font-family: Tahoma, Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #dd0000;
	padding-bottom: 20px;
}
#orderContaner {
    float: right;
    width: 200px;
}
#orderContaner img {
	float: left;
}
.ui-effects-transfer { border: 2px solid orange; } 

h1{
font-size: 18px;
}
h2{
font-size: 16px;
}

h3{
font-size: 14px;
}*/

table.form td {
    padding: 10px;
}
table.form tr {
    border: 1px solid #FA6F86;
}
table.form .info {
    font-size: 80%;
    color: #FA6F86;
    line-height: 1em;
}

.ui-dialog-content {
    font-size: 80%;
}