/*
 * Project:	shesham.cz
 * Author:	Tomas -kozleek- Musiol (tomas.musiol@gmail.com)
 * Date: 11.1.2009 13:03:37	
 * 
 */

/* ---------------------------------------------- */

html, body{ height: 100%; }

body{
	margin: 0; padding: 0;
	text-align: center;
	background: #4E220E url('../img/layout/background2.gif') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif !important;
}

body, p, td { font-size: 11px; }

form, ul, p { margin: 0px; padding: 0px; }

/* *{ margin:0; padding: 0; } */

.hide{ display: none; }
.accessibility { display: none; }

.cleaner{
	clear: both;
	visibility: hidden;
	height: 1px;
	border: none;
	margin: -1px 0 0 0; padding: 0px;
}

a{ text-decoration: underline; }
a:hover{ text-decoration: none; }
ul{ list-style: none; }

/* ---------------------------------------------- */

#envelope-shadow{ margin: 0 auto; width: 981px; background: transparent url('../img/layout/background-shadow.gif') no-repeat left top; }
#envelope{ position: relative; margin: 0 auto; width: 960px; text-align: left; }
body>#envelope{ height: auto; }

/* ---------------------------------------------- */

#header-env{ height: 325px; width: 960px; position: relative; font-size: 0px; }
#headerLogo{ height: 169px; width: 305px; background: white; position: absolute; top: 17px; left: 0; z-index: 80; }
#headerLogo a{ display: block; height: 169px; width: 305px; background: transparent url('../img/layout/logo.png'); position: absolute; top: 0; left: 0; }

#headerMenu{ height: 25px; width: 600px; position: absolute; top: 10px; right: 10px; z-index: 79; }
#headerMenu p{ height: 25px; line-height: 25px; text-align: right; font-size: 12px; color: #A5522B; }
#headerMenu p a{ font-weight: bold; text-transform: uppercase; color: #DACDAB; text-decoration: none; padding: 0 5px; }
#headerMenu p a:hover{ text-decoration: underline; }

/* #headerMenu p a { background: url('../img/layout/headerMenu.png') repeat 5px center; } */

#main-env{ position: relative; width: 955px; left: 5px; }


/* ---------------------------------------------- */

#lNavigation-env{ width: 210px; float: left; _margin-right: -3px; }
#lNavigation-env *{ font-size: 12px; }

.navigation-env{ width: 208px; /* margin-left: 7px; */  }
.navigation-env.active{ width: 213px; position: relative; left: -5px; }

.navigation-env .navigation{ padding: 7px; }
.navigation-env.active .navigation{ padding: 12px; }

.navigation ul{ margin: 5px 0; }
.navigation ul li{ line-height: 140%; }
.navigation ul li a{ font-size: 11px !important; padding-left: 15px; text-decoration: none;}
.navigation ul li a.active{ font-weight: bold; }
.navigation ul li a:hover{ text-decoration: underline; }
.navigation h3, .navigation div.h3 { margin: 2px 0 2px 0; }
.navigation h3, .navigation div.h3{ font-weight: bold; text-transform: uppercase; }
.navigation h3 a, .navigation div.h3 a{ text-decoration: none; }
.navigation h3 a:hover, .navigation div.h3 a:hover{ text-decoration: underline; }

.navigation ul ul { margin: 5px 0 5px 4px; }
.navigation ul ul ul { margin: 5px 0 5px 8px; }

.navigation ul li a { font-weight: bold; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
.navigation ul ul li a { font-weight: normal; }
.navigation ul ul ul li a { font-weight: normal; }

.navDay{ background: #EDE4CC; }
.navDay *{ color: #8F5F35; }
.navDay.navigation ul li a{ background-image: url('../img/layout/navPointDay.gif'); background-repeat: no-repeat; background-position: 4px 5px; }
.navDay.navigation ul li a.active{ background: url('../img/layout/navPointDay-active.gif') no-repeat 3px 3px; }

.navNight{ background: #4E3E30; }
.navNight *{ color: #8C7867; }
.navNight.navigation ul li a{ background: url('../img/layout/navPointNight.gif') no-repeat 4px 5px; }
.navNight.navigation ul li a.active{ background: url('../img/layout/navPointNight-active.gif') no-repeat 3px 3px; }

.navGarden{ background: #C1B982; }
.navGarden *{ color: #736B37; }
.navGarden.navigation ul li a{ background: url('../img/layout/navPointGarden.gif') no-repeat 4px 5px; }
.navGarden.navigation ul li a.active{ background: url('../img/layout/navPointGarden-active.gif') no-repeat 3px 3px; }

/* ---------------------------------------------- */

#content-env{ width: 585px; _margin-left: -3px; float: left; padding-bottom: 50px; }
#content{ padding: 0 0px 20px 30px; }
.content p{ font-size: 11px; }
.content *.h{ color: #8F5F35; font-size: 14px; margin: 20px 0 15px 0; }
.content { line-height: 130%; }
.content a{ color: #a5522b; }
.content a:hover{ color: #7e2800; }

.content h1, h2, h3, h4, h5, h6 { margin: 20px 0 15px 0; }

.content h1.h { font-size: 23px; font-weight: bold; text-align: center;}

.classic-env { padding-right: 20px; }

#entryWord-env{ padding-right: 20px;}

#news-env{ }
.new-env{ height: 66px; margin-bottom: 1px; }
.new-env *{ font-size: 11px; }
.new-env .text-env{ height: 66px; width: 430px; overflow: hidden; float: left; _margin-right: -3px; }
.new-env .text{ padding: 8px 5px; padding-left: 0px; }
.new-env .picture{ height: 66px; width: 125px; margin-left: 430px; _margin-left: 427px; }
.new-env .picture img { height: 66px; width: 99px; }
.new-env a { color: #795d3e; text-decoration: none; }
.new-env a:hover {text-decoration: underline; }
.h a  {text-decoration: none; }
.h a:hover {text-decoration: underline; }

#shopItems-env{ }
#shopItems-env h1.h{ margin: 10px 0; }
.shopItem-env{ position: relative; height: 130px;  }
.shopItem-env * a{ text-decoration: none; }
.shopItemID{ position: absolute; top: 5px; right: 20px; }
.shopItem-env h2, .shopItem-env h2 a{ font-size: 14px; padding: 8px; }
.shopItem-env .picture{ height: 90px; width: 150px; float: left; _margin-right: -3px; text-align: center; }
.shopItem-env .picture a img, .shopItem-env .picture img{ border: 0px; }
.shopItem-env .description{ height: 100px; width: 370px; margin-left: 150px; _margin-left: 147px; }
.shopItem-env .description .text{ height: 50px; overflow: hidden; margin-bottom: 5px;}
.shopItem-env .description .text a{ color: #795D3E; }

.shopCart{ height: 35px; width: 390px; position: relative; }
.shopCart p.price strong{ line-height: 35px; }
.shopCart p.price *{font-size: 12px; }

.shopCart form{ position: absolute; bottom: 0; right: 0; height: 35px; width: 60px;}
.shopCart form p{ position: relative; margin: 5px; height: 20px; width: 50px;}
.shopCart form input.txt{ border: 0px; padding: 2px; height: 22px; width: 15px; font-size: 11px; color: #A37C51; position: absolute; top: 0; right: 32px;}
.shopCart form input.btn{ cursor: pointer; _cursor: hand; position: absolute; top: 0; right: 0px;}

/* ---------------------------------------------- */

#rNavigation-env{ width: 160px; margin-left: 795px; _margin-left: 792px; position: relative; top: -10px; z-index: 78; }

#search-env{ height: 45px; background: #DACDAB; }
#search{ padding: 10px; }
#search form p{ height: 20px; position: relative;}
#search form input.txt{ border: 0px; padding: 2px; height: 17px; width: 120px; font-size: 11px; color: #A37C51; position: absolute; top: 0;}
#search form input.btn{ cursor: pointer; _cursor: hand; position: absolute; top: 0; right: 0;}

.panel-box-env{ font-size: 11px; margin-bottom: 1px;}
.panel-box{ padding: 10px; }
.panel-box h3, .panel-box div.h3{ font-size: 11px; font-weight: bold; margin: 5px 0px; }
.panel-box h2, .panel-box div.h2{ font-size: 12px; font-weight: bold; margin: 5px 0px; margin-bottom: 10px; text-transform: uppercase;}
.panel-box p{ padding-bottom: 3px; }
.panel-box p.rightLink{ text-align: right; margin-top: 5px; }
.panel-box table{ width: 100%; }
.panel-box h2, .panel-box div.h2 a {text-decoration: none;}
.panel-box h2 a:hover, .panel-box div.h2 a:hover {text-decoration: underline;}

#customer p.name{ position: relative; width: 140px; }

#information ul{ margin: 10px 0; }
#information ul li{ padding-bottom: 2px; }

.shopItemSugest form input.txt{ border: 0px; padding: 6px 3px 2px 2px; margin: 0px; height: 18px; width: 14px; font-size: 11px; color: #A37C51; vertical-align: middle; text-align: right; }
.shopItemSugest form input.btn{ vertical-align: middle;  cursor: pointer; _cursor: hand; }


p.detail{ position: relative; margin-top: 5px;}
p.detail span{ position: absolute; top: 0; right: 0; }

/* ---------------------------------------------- */

.divMargin{ margin-left: 5px; }

#footer-env{ width: 955px; }
#footer{ width: 575px; padding: 10px 0; float: left; margin-left: 210px; }
#footer *{font-size: 11px; color: #95744E; }

#footer p{ padding-bottom: 5px; }
#footerLogo{  float: right;  margin-right: 20px; margin-top: 45px; margin-bottom: 15px; }
#footerLogo a img, #footerLogo img{ border: 0px; }
#footerSitemap{  float: right;  margin-right: 20px; margin-top: 20px; margin-bottom: 15px; }
#footerSitemap a { color: #95744e; }