html, body { font-family: Georgia, "Times New Roman"; background: #FFB517 url('../img/bg.jpg') top right no-repeat fixed; }

/* Stránka */
#wrapper { width: 907px; margin: 20px; position: relative; }
#wrapper .top { background: url('../img/bg_page_top.png') no-repeat; height: 4px; width: 100%; }
#wrapper .bottom { background: url('../img/bg_page_bottom.png') no-repeat; height: 4px; width: 100%; }
#page { background: url('../img/bg_page.png') repeat-y;  padding: 24px 4px 0 4px; }
#page-ie6 { background: #FFF; }

/* Hlavička */
#header { background: #5A311F url('../img/bg_header.gif') top left no-repeat; height: 64px; color: #FFF; position: relative; }
#header .logo { float: right; }
#header .marineclay { position: absolute; left: 24px; top: -15px; }

/* Patička */
#footer p { padding: 6px 20px; color: #5A311F; font-size: 0.8em; margin: 0; }

/* Menu */
#menu { float: left; width: 246px; background: url('../img/bg_menu_border.gif') top right no-repeat; margin-top: 32px; margin-bottom: 24px; min-height: 304px; }
#menu h2 { font-size: 1em; text-decoration: none; text-align: center; color: #5A311F; margin: 42px 4px 14px 4px; }
#menu ul { list-style-type: none; padding: 0; }
#menu ul.basket a { color: #1D53A3; }
#menu ul.partners li { text-align: center; }
#menu ul.partners a { padding: 10px 0; }
#menu li { width: 245px; }
#menu li a span { color: #1D53A3; }
#menu a { text-decoration: none; display: block; padding: 14px 4px 14px 24px; }
#menu ul ul a { padding: 10px 12px 6px 38px; font-size: 0.7em; color: #1D53A3; }
#menu a.selected { background: url('../img/bg_menu_sel.gif') no-repeat; color: #000; }
#menu a:hover { text-decoration: underline; }

/* Obsah */
#content { float: right; width: 600px; padding: 24px; line-height: 160%; font-size: 0.9em; margin-top: 8px; }
#bottom { background: url('../img/bg_content_bottom.gif') no-repeat; height: 7px; clear: both; }

a { color: #5A311F; }
a img { vertical-align: bottom; }
a:hover { text-decoration: none; }

hr { display: none; }

h1 { background: url('../img/title.gif') center left no-repeat; padding-left: 16px; color: #5A311F; font-size: 1.4em; font-weight: normal; margin-bottom: 0.9em; }
h2 { font-size: 1.3em; font-weight: normal; margin-top: 0.9em; margin-bottom: 0.9em; text-decoration: underline; }
h3 { font-size: 1.1em; margin: 0.9em 0; color: #9F0000; font-weight: normal; }

small { font-size: 0.7em; }

p { margin: 20px 0px; }
p.red { color: #1D53A3; }
p.done, p.done a { color: #009F00; }
p.center { text-align: center; }
p.right { text-align: right; }
p.info { margin-top: 0; font-size: 0.8em; }

p span.big { font-size: 110%; font-weight: bold; }

img.right { float: right; margin-left: 15px; }
img.left { float: left; margin-right: 15px; }

blockquote { font-style: italic; }

dt { font-weight: bold; }
dl dd { margin-bottom: 20px; }
dl.addresses dd { margin-bottom: 0; }
dl dd:last-child { margin-bottom: 0; }
dl.addresses dt { margin-top: 0.9em; }
dl.addresses dt:first-child { margin-top: 0; }

ul.products { list-style-type: none; padding: 0;  }
ul.products li { width: 190px; height: 240px;  float: left; margin: 0 8px 8px 0; }
ul.products li.nom { margin-right: 0; }
ul.products li h2 { text-decoration: none; font-size: 1em; font-weight: bold; }
ul.products li table { width: 100%; border: 1px solid transparent; }
ul.products li a:hover table { border: 1px solid #EFE32D; }
ul.products li a:hover table, ul.products li a:hover td.price { /*background-color: #EFE32D; */color: #000; }
ul.products li td { text-align: center; vertical-align: center; }
ul.products li td.image { height: 120px; padding-top: 8px; }
ul.products li td.price { background-color: #5A311F; color: #FFF; padding: 4px; }

table.list { width: 100%; margin-top: 12px; }
table.list thead th { text-align: left; background-color: #5A311F; color: #FFF; }
table.list .price, table.list .stock, table.list .qty{ text-align: right; }
table.list thead tr th { padding: 4px 8px; }
table.list tbody tr td { padding: 2px 8px; vertical-align: middle; }
table.list .discount { color: #DC0000; }

ul { list-style-type: square; padding-left: 20px; }
ul.errors { color: #DC0000; }

label { display: block; margin-top: 10px; }
label.required:after { content: " *"; color: #D00; font-weight: bold; }
span.required { color: #D00; font-weight: bold; }
input[type=submit] { padding: 4px 12px; display: block; margin-top: 10px; }
input, textarea, select	 { padding: 2px; font-family: Georgia, "Times New Roman"; font-size: 1em; }
textarea { width: 550px; }
th { vertical-align: top; }
th label { margin-top: 2px; text-align: left; }
fieldset { border: 1px solid #CCC; margin-top: 12px; }
legend { margin: 0 12px; padding: 0 4px; }
fieldset table { margin: 16px; }
fieldset table th { text-align: left; padding-right: 8px; }
fieldset p { margin: 12px 16px; }
fieldset label { margin-right: 10px; }
form.basket input[name=price] { border: none; background: transparent; color: #9F0000; }

.clear { clear: both; }

.butterfly1 { position: absolute; width: 89px; height: 93px; top: 630px; left: -40px; background: url('../img/bf.png') no-repeat; z-index: 10; }
.butterfly2 { position: absolute; width: 87px; height: 83px; top: 100px; left: 850px; background: url('../img/bf2.png') no-repeat; z-index: 10; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 8px 3px 0;
	display: block;
	text-indent: -2000px;
	color: transparent;
	overflow: hidden;
	background: url('../img/icon_calendar.gif') no-repeat; 
}
h2 a.dp-choose-date { display: inline; text-transform: none; width: auto; padding-left: 20px; font-size: 80%; color: #A60016; }
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
	margin-right: 4px;
}