/* browser reset */

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,
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-style: inherit;
	font-size: 100%;
	font-family: inherit;
} /* removed vertical-align: baseline; */

:focus {
	outline: 0;
}

body {
	color: black;
	background: white;
} /* removed line-height: 1; */

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
} /* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* html elements */

/* default colors & size */

body { color: #9C6230; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px;  }

a:link { color: #9C6230; }
a:visited { color: #9C6230; }
a:hover { color: red; text-decoration: underline; }
a:active { color: red; }

/* my graphics buttons */

.btn86 { background: url('../img/button86.png') no-repeat 0 0; border: 0; height: 24px; margin: 0; padding: 0; width: 86px; }
.btn86:hover { background: url('../img/button86.png') no-repeat 0 -24px; }

.btn55 { background: url('../img/button55.png') no-repeat 0 0; border: 0; height: 24px; margin: 0; padding: 0; width: 55px; }
.btn55:hover { background: url('../img/button55.png') no-repeat 0 -24px; }

/* site wide class */

.comment { font-size: 80%; }
.halire { font-size: 80%; }

/* default css for control toolkit */

.AspNet-TreeView-Hide { display: none; }


/* block positions & dimensions */

#wrap {
	background: white url('../img/wrap-bg.png') repeat-y;
	margin: 0;
	width: 990px;
}

#header {
	
	height: 89px;
	position: relative;
}

#sidebar {
	background: #F6F5EC;
	float: left;
	width: 188px;
}
	
#main {
	background: white;
	float: right;
	width: 792px;
}

#footer {
	clear: both;
	position: relative;
}

/* main blocks elements */

#vyprodejHeader
{
    background: url('../img/vyprodej-bg.jpg') no-repeat;
    width: 990px;
    height: 50px;
    overflow: hidden;
}

#header .logo
{
    left: 680px;
    position: absolute; 
    top: 25px;
}

#header .menu 
{ 
    background-color: white; 
    height: 89px; 
    width: 835px; 
}

#header .links 
{
    position: absolute;
    font-size: 12px;
}

#header .links A { color: Black; text-decoration: none; font-weight: bold; }
#header .links A:hover { color: white; text-decoration: underline; }

#sidebar .search 
{ 
    height: 31px; 
    position: relative; 
}

#sidebar .search .field
{
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 4px;
    left: 2px;
    margin: 0;
    padding: 2px 4px 2px 4px;
    width: 100px;
    height: 16px;
    border: solid 1px #fff;
    border-color: #a0a0a0 #fff #fff #a0a0a0;
}

#sidebar .search .btn55 
{ 
    position: absolute; 
    top: 3px; 
    right: 5px; 
}


#sidebar .panel 
{
    background: #F6F5EC url('../img/menuBlock-bg.png') no-repeat bottom center; 
    padding: 0 5px 10px 5px;
}

#sidebar .ruler
{
    background-image: url('../img/ruler-menu.png');
    font-size: 1px;
    height: 2px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 5px 0;    
}

#sidebar H2 { display: block; height: 20px; margin: 0 0 5px 0; }
#sidebar H2 SPAN { visibility: hidden; }

#sidebar .titleVasKosik { background: url('../img/titles/VasKosik.gif') no-repeat; }
#sidebar .titleSortiment { background: url('../img/titles/Sortiment.gif') no-repeat; }
#sidebar .titleKategorie { background: url('../img/titles/Kategorie.gif') no-repeat; }
#sidebar .titlePoradna { background: url('../img/titles/Poradna.gif') no-repeat; }

#sidebar .basketCtrl { margin: 10px 0 0 0; }
#sidebar .basketCtrl .price { font-family: Georgia; color: Red; display: block; font-size: 150%; font-weight: bold; text-align: center; }
#sidebar .basketCtrl .comment { font-size: 70%; text-align: center; }
#sidebar .basketCtrl .checkout { width: 163px; margin: 10px auto 5px auto; }

#sidebar .animalFilter { margin: 0 10px 0 10px; }
#sidebar .animalFilter SELECT { width: 100%; }


#sidebar .shopTreeCtrl a { text-decoration: none; }
#sidebar .shopTreeCtrl a:hover { text-decoration: underline; }
#sidebar .shopTreeCtrl .AspNet-TreeView-Root { margin: 0 0 5px 0; font-weight: bold; }
#sidebar .shopTreeCtrl .AspNet-TreeView ul ul { font-size: 13px; font-weight: normal; margin-bottom: 4px; }
#sidebar .shopTreeCtrl .AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 15px; }
#sidebar .shopTreeCtrl .AspNet-TreeView li.AspNet-TreeView-Parent { margin-left: 10px; }

#sidebar .shopTreeCtrl .AspNet-TreeView li .AspNet-TreeView-Selected { font-weight: bold; }

#sidebar .shopTreeCtrl .AspNet-TreeView li li.AspNet-TreeView-Leaf { margin-left: 25px; }
#sidebar .shopTreeCtrl .AspNet-TreeView li li li.AspNet-TreeView-Leaf { margin-left: 30px; }
#sidebar .shopTreeCtrl .AspNet-TreeView .AspNet-TreeView-Collapse,
#sidebar .shopTreeCtrl .AspNet-TreeView .AspNet-TreeView-Expand { background-repeat: no-repeat; background-position: center center; width: 15px; float:left; cursor: pointer; }
#sidebar .shopTreeCtrl .AspNet-TreeView .AspNet-TreeView-Collapse { background-image: url('../img/collapse.gif'); }
#sidebar .shopTreeCtrl .AspNet-TreeView .AspNet-TreeView-Expand { background-image: url('../img/expand.gif'); }
#sidebar .shopTreeCtrl .AspNet-TreeView-Selected a { color: red; }



#main P 
{
    text-align: justify;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
}

#main H1
{
    font-size: 135%;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#main H2
{
    font-size: 135%;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#main H3
{
    font-size: 115%;
    margin: 0 0 5px 0;
    font-weight: bold;
}

#main UL
{
    list-style-type: circle;
    margin: 0 0 10px 25px;
    padding: 0 25px 0 0;
}

#main LI
{
    margin: 0 0 2px 0;
    text-align: justify;
}

/* form styling in content */
/* based on http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/P40/ */

#main .cssForm { background: #F6F5EC url('../img/forms-bg.png') no-repeat center top; width: 682px; padding: 0; margin: auto; }
#main .cssForm p { border-bottom: 1px solid #E6DECE; border-top: 1px solid white; clear: left; height: 1%; margin: 0; padding: 7px 10px 8px 0; padding-left: 205px; width: auto; }
#main .cssForm p.nolabel { padding-left: 10px; padding-right: 10px; text-align: justify; }
#main .cssForm p.notopborder { border-top: 0px; }
#main .cssForm p.nobottomborder { border-bottom: 0px; }
#main .cssForm p.first { border-width: 0 0 1px 0; padding-top: 10px; }
#main .cssForm p.last { background: #F6F5EC url('../img/forms-buttons.png') no-repeat center bottom; border-width: 1px 0 0 0; padding-bottom: 15px; }
#main .cssForm label { clear: left; float: left; font-size: 90%; margin-left: -200px; text-align: right; width: 195px; }
/* all text boxes. Not for IE6 */ /* #main .cssForm input[type="text"] { border: 0; font-family: Arial, "Courier New", Courier; font-weight: bold; margin: 0 0 2px 0; padding: 2px 4px 2px 4px; width: 232px; } */ 
/* same as above, for IE6 also .. ancestor for watermark */
#main .cssForm input.text,
#main .cssForm input.watermark { border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 0 0 2px 0; padding: 2px 4px 2px 4px; width: 232px; } 
#main .cssForm textarea { border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; height: 100px; padding: 2px 4px 2px 4px; width: 455px; }
#main .cssForm select { width: 240px; }
#main .cssForm .watermark { color: #f00; text-align: right; }
#main .cssForm .deliveryLogo { float: right; }
#main .cssForm .deliveryComment { margin-top: 0px; width: 400px; font-size: 80%; color: #9c6230; display: block; padding-top: 3px; }
#main .cssForm .optionalComment { font-size: small; color: #9c6230; }

#main .secondaryResult { clear: both; width: 682px; margin: 20px auto; }
#main .secondaryResult .secondary { width: 100%; height: 100px; }

#main .pagerSpace { clear: both; margin-bottom: 10px; } /* space instead hidden pager */
#main .pager { clear: both; }
#main .pager TABLE { margin: auto; }
#main .pager .left { height: 29px; padding: 0 5px 0 15px; background: #F6F5EC url('../img/pager-bg.png') no-repeat left; }
#main .pager .right { height: 29px; padding: 0 15px 0 5px; background: #F6F5EC url('../img/pager-bg.png') no-repeat right; }
#main .pager a { text-decoration: none; }
#main .pager a:hover { color: Orange; }

input.positive { background-color: #ecfbf0; }
input.negative { background-color: #ffe6e6; }


#detail .right { width: 300px; float: right; text-align: center; vertical-align: middle; }
#detail .left { width: 482px; float: left; }

#detail .path { font-size: 90%; }
#detail .path a { text-decoration: none; }

#detail .producer { font-size: 90%; }
#detail .notice { font-size: 90%; text-align: center; margin: 0 auto 15px auto; }

#detail #variants { margin: 10px auto 15px auto; }
#detail #variants .name { font-size: 100%; } 
#detail #variants .price { font-weight: bold; color: Red; }

#detail #variants .first { padding: 0 12px 0 15px; background: white url('../img/btn-common.png') no-repeat; background-position: 0 0; height: 29px; }
#detail #variants .middle { text-align: right; padding: 0 3px 0 0; background: white url('../img/btn-common.png') no-repeat; background-position: -10px 0; height: 29px; }
#detail #variants .last INPUT { vertical-align: top; }
#detail #variants .break { font-size: 20%; }
#detail #variants .stock { padding-left: 5px; font-size: 9px; font-weight: bold; }

.instock { color: #26be58; }
.outstock { color: #cccccc; }

#footer .left
{
    float: left;
    width: 188px;
    background: white url('../img/footer-left2.jpg') center bottom no-repeat;
    height: 80px;
    font-size: 75%;
    text-align: center;
    color: #d4b195;
}

#footer .copy
{
    position: absolute;
    width: 772px;
    left: 198px;
    bottom: 4px;
    color: #ddffdd;
    font-size: 75%;
    text-align: center;
}

#footer A
{
    text-decoration: none;
    font-weight: normal;
    color: #d4b195;
}

#footer A:hover
{
    color: red;
    text-decoration: underline;
}

#subFooter
{
    background-color: #000;
    background: white url('../img/links-bg.png') repeat-x;
    clear: both;
    color: #fff;
    font-size: 75%;
    text-align: center;
}

#subFooter P
{
    padding: 2px;
}

#subFooter A
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#subFooter A:hover
{
    color: #3dcb6c;
    text-decoration: underline;
}


/* user controls */
 
/* autocomplete bar */

.acex_list { border-style: inset; border-width: 1px; padding: 2px 4px; background-color: white; }
.acex_listItem { font-family: Arial; font-size: 12px; color: Black; }
.acex_selectedListItem { font-family: Arial; font-size: 12px; font-weight: bold; color: Red; background-color: #F6F5EC; }

.spc 
{
    float: left; 
    position: relative; 
    width: 198px; 
    margin: 0; 
    height: 255px; 
    background-image: url('../img/spc-bg.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.spc .image { position: absolute; top: 31px; left: 7px; }
.spc .ifl { position: absolute; top: 24px; left: 0px; }

.spc .nazev { position: absolute; top: 4px; left: 0; display: block; width: 188px; text-align: center; font-weight: bold; }
.spc .name { font-size: 80%; max-width: 94px; display: block; float: left; overflow: hidden; height: 1.2em; padding: 1px 0 0 0; white-space: nowrap; } 
.spc .price { font-weight: bold; color: Red; }

.spc .footerNext,
.spc .footerBuy { position: absolute; top: 208px; left: 0; text-align: center; width: 188px; }

.spc .footerNext TABLE,
.spc .footerBuy TABLE { margin: auto; }

.spc .footerNext INPUT,
.spc .footerBuy INPUT { vertical-align: top; }

.spc .footerBuy .fbutton { background: white url('../img/btn-common.png') no-repeat; padding: 0 3px 0 8px; background-position: 0 0; height: 29px; }
.spc .footerNext .fbutton { background: white url('../img/btn-common.png') no-repeat; padding: 0 3px 0 8px; background-position: 0 -30px; height: 29px; }



.basketTable,
.basketTableSum  { width: 682px; padding: 0; margin: auto; }

.basketTableSum { margin: 15px auto; }

.basketTable th { font-family: arial; font-size: 75%; color: #E5D5C7; }
.basketTable td { border-bottom: dashed 1px #F6F5EC; vertical-align: middle; }
.basketTableSum td { vertical-align: top; }

.basketTable .image { height: 50px; width: 50px; margin: 2px 0 3px 0; }
.basketTable A { text-decoration: none; }
.basketTable A:hover { text-decoration: underline; }

.basketTable .rowImage { width: 55px; }
.basketTable .rowDostupnost { width: 150px; text-align: right; }
.basketTable .rowDostupnost .stock { font-size: 9px; font-weight: bold; }
.basketTable .rowMnozstvi { width: 100px; }
.basketTable .rowDel,
.basketTableSum .rowDel { width: 24px; text-align: right; }
.basketTable .rowCena,
.basketTableSum .rowCena { font-family: Georgia; width: 130px; text-align: right; white-space: nowrap; }
.basketTableSum .rowSum { text-align: right; }
.basketTable .mnozstviText { vertical-align: middle; text-align: center; width: 35px; 
                border: solid 1px #F6F5EC;
                border-color: #a0a0a0 #F6F5EC #F6F5EC #a0a0a0;    
                padding: 2px;
                }
.basketTable .icon,
.basketTableSum .icon { vertical-align: middle; }