﻿/* tag defaults */
body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	font-family: Tahoma;
	font-size: 11px;
	color: rgb(100,100,100);
	background-position: center;
	background-color: white;
}
A
{
	color: Maroon;
	text-decoration: underline;
}

A:hover
{
	color: Green;
	text-decoration: underline overline;
}

HR
{
	color: #deb887;
	height: 1px;
}

/* layout */
#header
{
	width: 100%;
	height: 76px;
	margin: 0 auto;
	background-image: url("images/header3_bg.png");
	background-repeat: repeat-x;
	 /*border: solid 1px gray;*/
}

/*
#headerRight
{
	float: right;
	width: 34px;
	height: 117px;
	background-image: url("images/header_right.png");
	background-repeat: no-repeat;
}
*/

#logo
{
	float: left;
	width: 91px;
	height: 53px;
	margin-left: 25px;
	background-image: url("images/header3_logo.png");
	background-repeat: no-repeat;
}

#content
{
	width: 932px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	/*background-image: url("images/content_bg.png");*/
	background-repeat: repeat-x;
}

#footer
{
	clear: both;
	width: 923px;
	margin: auto;
	padding-top: 4px;
	font-family: Trebuchet MS;
	text-align: center;
	color: Maroon;
	border-top: dotted 1px rgb(212,218,188);
}

#leftColumn
{
	float: left;
	width: 200px;
	min-height: 350px;
	padding: 5px 5px 5px 5px;
}

#rightColumn
{
	float: right;
	width: 200px;
	min-height: 350px;
	padding: 5px 5px 5px 5px;
}

#centerColumn
{
	margin-left: 210px;
	margin-right: 210px;
	padding: 5px;
}

#centerColumnWide
{
	margin-left: 210px;
	margin-right: 0px;
	padding: 5px;
}

#searchBar
{
	position: absolute;
	right: 150px;
	top: 40px;
	font-weight: bold;
	color: White;
}

/* user control */
#userPanel
{
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
	padding: 3px 0 3px 0;
	border: solid 1px rgb(220,225,225);
	background-color: rgb(243,243,243);
}

#userPanel INPUT
{
	
}

#userPanel .textbox
{
	width: 70px;
	
	font-size: 10px;
	font-weight: bold;
	
	border: solid 1px rgb(220,220,220);
	background-color: rgb(250,250,250);
}

#userPanel .userActions
{
	float: right;
	
	text-align: right;
	
	/*border: solid 1px red;*/
}

#userPanel A
{
	font-weight: bold;
	text-decoration: none;
	
	margin-right: 5px;
	
	color: Green;
}

#userPanel A:hover
{
	color: maroon;
}

#userPanel IMG
{
	margin-left: 10px;
	margin-right: 4px;
}


/* site path (breadcrumbs) */
#siteNavigator
{
	margin-bottom: 4px;
	padding-bottom: 2px;
	
	/*border-bottom: dotted 1px #85c329;
	background-color: #f6f4e8;*/
}

#siteNavigator A
{
	text-decoration: none;	
}

#siteNavigator A:hover
{
	text-decoration: overline;
}

#siteNavigator IMG
{
	margin-left: 4px;
	margin-right: 10px;
}

#siteNavigator .separator
{
	color: Gray;
	margin-left: 5px;
	margin-right: 5px;
}

/*navigation*/
#navigation
{
	position: absolute;
	left: 150px;
	top: 20px;
	
	/*border: solid 1px white;*/
}

#navigation UL
{
	list-style-position: inside;
}

#navigation UL LI
{
	display: inline;
	z-index: 100;
	
	/*border: solid 1px white;*/
}

#navigation A
{
	font-family: Trebuchet MS;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	
	padding: 0 10px 0 10px;
	
	color: white;
	/*border: solid 1px red;*/
}

#navigation A:hover
{
	color: yellow;
	text-decoration: none;
	/*background-color: #a3da51;*/
}

#navigation IMG
{
	float: left;
}

#controlPager
{
	padding: 4px;
	margin-bottom: 4px;

	text-align: center;

	border-top: dotted 1px #dcdcdc;
	border-bottom: dotted 1px #dcdcdc;
	background-color: rgb(240,240,240);
}

#controlPager INPUT
{
	margin-left: 10px;
	margin-right: 10px;
}

.sideBlock
{
	
	/*padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;*/

	margin-bottom: 20px;

	background-color: #f2f1e1;
}


.sideBlock H1
{
	margin: 10px 0 8px 2px;
	font-family: Trebuchet MS;
	font-size: 15px;
	color: rgb(155,83,42);
}

.sideBlock A
{
	text-decoration: none;
	color: #8b4513;
}

.sideBlock A:hover
{
	text-decoration: none;
	color: Orange;
}

.sideBlock A.small
{
	font-size: 11px;
	text-decoration: underline;
	color: #876f65;
}

.sideBlock A.small:hover
{
	text-decoration: underline;
	color: green;
}

A.backButton
{
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

.sideBlock .listItem
{
	padding: 4px 0 4px 10px;
	cursor: pointer;
	
	font-weight: bold;
}

.sideBlock .lt
{
	float: left;
	width: 14px;
	height: 13px;
	
	background-image: url("images/box_lt.png");
	background-repeat: no-repeat;
}

.sideBlock .rt
{
	float: right;
	width: 14px;
	height: 13px;
	
	background-image: url("images/box_rt.png");
	background-repeat: no-repeat;
}

.sideBlock .lb
{
	float: left;
	width: 14px;
	height: 12px;
	
	background-image: url("images/box_lb.png");
	background-repeat: no-repeat;
}

.sideBlock .rb
{
	float: right;
	width: 14px;
	height: 12px;
	
	background-image: url("images/box_rb.png");
	background-repeat: no-repeat;
}

.centerBlock
{
	padding: 4px;
	/*min-height: 350px;*/
	background-color: rgb(246,244,232);
	/*background-position: top left;
	background-repeat: no-repeat; border: solid 1px rgb(212,218,188);*/
}

.centerBlockTop
{
	width: 502px;
	height: 9px;
	background-image: url("images/block_top.png");
	background-position: center;
	background-repeat: no-repeat;
}

.centerBlockBottom
{
	width: 502px;
	height: 9px;
	background-image: url("images/block_bottom.png");
	background-position: center;
	background-repeat: no-repeat;
}

.centerBlockTopWide
{
	width: 712px;
	height: 9px;
	background-image: url("images/block_wide_top.png");
	background-position: center;
	background-repeat: no-repeat;
}

.centerBlockBottomWide
{
	width: 712px;
	height: 9px;
	background-image: url("images/block_wide_bottom.png");
	background-position: center;
	background-repeat: no-repeat;
}

.centerBlock H1
{
	margin: 4px 0 8px 4px;
	font-family: Trebuchet MS;
	font-size: 20px;
	color: rgb(155,83,42);
}

.centerBlock H2
{
	margin: 0 0 2px 0;
	font-family: Trebuchet MS;
	font-size: 16px;
	color: Green;
}

.centerBlock H3
{
	margin: 0 0 4px 0;
	font-family: Trebuchet MS;
	font-size: 14px;
	color: orange;
}

.sideBlock P
{
	margin: 0 0 4px 0;
}

.centerBlock P
{
	margin: 0 0 4px 0;
	font-size: 14px;
}

/*other controls*/
.searchTextbox
{
	font-family: Tahoma;
	font-size: 11px;
	color: rgb(120,120,120);
	background-color: rgb(230,230,230);
	border: solid 1px rgb(212,218,188);
}
.searchButton
{
	padding: 0 0 0 4px;
}

/* administrator tree */
.node
{
	padding: 1px 2px 1px 2px;
	margin: 0px;
	
	font-family: Tahoma;
	font-size: 11px;
}

.node A
{
	text-decoration:none;
}
.node A:hover
{
	text-decoration: none;
	background-color: rgb(240,240,240);
	border: solid 1px rgb(220,220,220);
}
.selectedNode
{
	padding: 1px 2px 1px 2px;
	margin: 0px;
	
	background-color: #71ab6b;
	color:White;
}
.selectedNode A
{
	color: white;
	text-decoration:none;
}
.selectedNode A:hover
{
	color:Black;
	text-decoration: none;
	background-color: rgb(240,240,240);
	border: solid 1px rgb(220,220,220);
}
#treeEditor
{
	margin-top: 10px;
}

#treeEditor .editTextbox
{
	width: 130px;
	
	font-family: Tahoma;
	font-size: 10px;
	
	border: solid 1px rgb(200, 200, 200);
}

/* item grid */
.tableHeader
{
	padding: 4px;
	
	font-weight: bold;
	background-color: #b2d4af;
	color: White;
}

.tablePager
{
	font-weight: bold;
	text-align: center;
	
	background-color: #f5deb3;
	color: gray;
}
.editRow
{
	vertical-align: top;
}

.editRow INPUT, .editRow.TEXTAREA, .editRow.SELECT
{
	font-family: Tahoma;
	font-size: 10px;
	
	border: solid 1px rgb(200, 200, 200);
}

.editName
{
	width: 150px;
}
.editNameLarge
{
	width: 98%;
}
.editDescription
{
	width: 350px;
}
.editDescriptionLarge
{
	width: 380px;
	height: 200px;
	
	font-family: Verdana;
	font-size:11px;
}
.editCena
{
	width: 60px;
}
.editCenaLarge
{
	width: 60px;
}

/* tag editor */
#tageditor .editTextbox
{
	width: 170px;
	
	font-family: Tahoma;
	font-size: 10px;
	
	border: solid 1px rgb(200, 200, 200);
}

/* item tag list */
#itemTagList
{
	margin-top: 20px;
	
	border-top: dotted 1px rgb(212,218,188);
}

#itemTagList UL
{
	list-style-position:inside;
	list-style-type: none;
	
	border: solid 1px red;
}

#itemTagList UL LI
{
	 /*float: left;*/
	 display: inline;
	 
	 /*margin: 1px 10px 1px 0;*/
	 padding: 2px 5px 2px 5px;
	 
	 border: solid 1px rgb(212,218,188);
}

/* item image */
#itemImage
{
	margin-top: 20px;
	
	border-top: dotted 1px rgb(212,218,188);
}

#itemImage .imagePreview
{
	float: right;
	
	padding: 5px;
	
	border: solid 1px rgb(212,218,188);
	background-color: White;
}

#itemImage INPUT
{
	width: 360px;
	
	font-family: Tahoma;
	font-size: 10px;
	
	border: solid 1px rgb(200, 200, 200);
}

/* update progress */
#updateMessage
{
	float: right;
	
	padding: 5px;
	
	font-family: Trebuchet MS;
	font-size: 14px;
	/*font-weight: bold;*/
	
	border: solid 1px rgb(212,218,188);
	background-color: White;
	color: Green;
}

#updateMessage IMG
{
	margin-right: 10px;
	margin-left: 5px;
}

/* catalog */

.subCategoryContainer
{
	margin-bottom: 20px;
	padding: 4px;

	/*border-top: dotted 1px rgb(212,218,188);
	border-left: solid 1px black;
	border-bottom: solid 1px white;
	border-right: solid 1px white;*/
	background-color: rgb(253,252,240);
	
}

.subCategory
{
	font-family: Arial;
	font-size: 12px;
	/*font-weight: bold;*/
	
	border-top: dotted 1px rgb(200,200,200);
	padding: 4px;
	cursor: pointer;
}

.subCategory IMG
{
	padding-right: 6px;
	padding-left: 4px;
	vertical-align: middle;
}

.catalogList
{
	/*border: solid 1px green;*/
}

.catalogList .itemImage
{
	float: right;
	padding: 2px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-top: 2px;
	
	border: solid 1px rgb(200,200,200);
	background-color: White;
}

.catalogList .price
{
	float: right;
	padding: 2px;
	
	font-family: Trebuchet MS;
	font-size: 12px;
	text-align:right;
	
	color: rgb(155,83,42);
	
}

.actionButtons
{
	clear: both;
	margin-top:10px;
	padding: 4px;
	
	font-weight:bold;
	
	background-color: white;
	border: solid 1px rgb(230,230,230);
}

.actionButtons IMG
{
	margin-right: 4px;
	margin-left: 4px;
	vertical-align: middle;
}

.catalogPager
{
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
	vertical-align: middle;
	
	font-size: 14px;
	text-align: center;
	
	background-color: rgb(240,240,240);
	border-bottom: dotted 1px rgb(212,218,188);
	border-top: dotted 1px rgb(212,218,188);
	
	/*border: solid 1px green;*/
}

.catalogPager A
{
	margin-right: 4px;

	font-size: 16px;	
	font-weight: bold;
	text-decoration: none;
	
	color: Orange;
}

.catalogPager A:hover
{
	text-decoration: none;
	
	color: #8b4513;
}

.previewImage
{
	width: 60px;
	margin: 2px;
}


/* registration */
.profileEdit
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	
}

.profileEdit .editRow
{
	margin-top: 4px;
	
	vertical-align: middle;
	
	/*bordeR: solid 1px red;*/
}

.profileEdit .label
{
	float: left;
	width: 100px;
	vertical-align:middle;
	
	font-weight: bold;
	/*bordeR: solid 1px blue;*/
}

.profileEdit .textbox
{
	font-size: 10px;
	width: 250px;
	
	border: solid 1px rgb(220,220,220);
	background-color: rgb(250,250,250);
}

/* bakset */
.basketGrid
{
}

.basketGrid .header
{
	padding: 4px;
	background-color: rgb(250,250,250);
}

.basketGrid .textbox
{
	font-size: 12px;
	border: solid 1px red;
}

.basketGrid .qty
{
	width: 25px;
	font-weight: bold;
}

.basketGrid .price
{
	width: 75px;
}

table.basketSum
{
	width: 450px;
	
	border: solid 1px rgb(220,220,220);
	background-color: rgb(245,245,245);
}

table.basketSum TD
{
	text-align: right;
}

table.basketSum TR.header
{
	font-size: 12px;
	background-color: rgb(235,235,235);
}

table.basketSum TR.price
{
	font-size: 16px;
}


.recipientInfo
{
	width: 100%;
	font-size: 14px;
	
	border: solid 1px rgb(220,220,220);
	background-color: rgb(245,245,245);
}

.recipientInfo TD
{
	 text-align: left;
	 line-height: 20px;
}

.recipientInfo TD.header
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.recipientInfo TD.info
{
	width: 250px;
	background-color: White;
}

.recipientInfo TD.note
{
	 text-align: right;
	 font-size: 12px;
	 vertical-align: bottom;
}

/* search results */
.searchResult
{
	padding: 4px;
	margin-bottom: 6px;
	border-bottom: solid 1px green;
}

.searchResult .description
{
	font-size: 11px;
	
	margin-left: 6px;
	margin-top: 5px;
	/*border: solid 1px red;*/
}

.searchResult .description P
{
	font-size: 11px;
}