/***********************************************************************************************************/
/* Katybaby.cz @ Katybaby.cz, 2009 */
/*	display;
	position;
	float;
	overflow;
	width;
	height;
	min-width;
	max-width;
	min-height;
	max-height;
	margin;
	padding;
	border;
	background;
	color:
	font;
	text;
/***********************************************************************************************************/

* {margin: 0; padding: 0;}

body {
	height: 100%;
	font-family: 'Arial', sans-serif;
	
}
html {
	height: 100%;
	background: #79c2ff;	
}

img {
	border: 0;
}

fieldset {
	border: 0;
}

a {
	color: #0099ff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/***********************************************************************************************************/
/* Layout */
/***********************************************************************************************************/



/* ************************************************ HEADER *********************************************** */


#header {
	height: 126px;
	background: #79c2ff;
}

#header .container {
	width: 960px;
	margin: 0 auto;
	background: url('img/header-pattern-2.jpg') no-repeat left top;
	height: 126px;
	cursor: hand;
}

#header .container p, #header .container h1 {
	display: none;
}


/* ************************************************ WINDOW *********************************************** */


#window {
	background: #4ab900;
}

#window .container {
	width: 960px;
	margin: 0 auto;
	background: url('img/window-top-pattern-2.jpg') no-repeat right top;
}

#window .windowFooter {
	height: 65px;
	line-height: 65px;
	font-size: .6em;
	color: #fff;
	text-align: center;
}


/* ************************************************ leftColumn *********************************************** */

#leftColumn {
	width: 740px;
	float: left;
}

div#registerLeftColumn {
	width: 960px;
	float: left;
}

#rightColumn {
	width: 220px;
	float: right;
}

#rightColumn .rightContainer {
	margin: 25px 0 0 20px;
}

#leftContent {
	width: 200px;
	float: left;
}

#rightContent {
	width: 540px;
	float: right;
}

div#registerRightContent {
	width: 760px;
	float: right;
}

#rightContent .content, #registerRightContent .content {
	margin: 25px 0 0 0;
}


/* ************************************************ CATEGORY MENU *********************************************** */


#categoryMenu {
	margin: 25px 0 0 0;
	background: #77cb40;
	width: 180px;
	border-bottom: 1px solid #4ab900; 
}

#categoryMenu h3 {
	display: none;
}

#categoryMenu .top {
	width: 180px;
	background: url('img/category-top.gif') no-repeat left top;
}

#categoryMenu .bottom {
	width: 180px;
	background: url('img/category-bottom.gif') no-repeat left bottom;
	font-size: .75em;
	padding: 56px 0 10px 0;
}

#categoryMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 0 10px 0 8px;
	font-weight: bold;
}

#categoryMenu ul ul {
	margin: 0 0 0 10px;
}

#categoryMenu ul li {
	margin: 4px 0 4px 0;
}

#categoryMenu ul li a.ico {
	border: 0px solid black;
}

#categoryMenu ul li a.ico img {
	margin: 4px 9px 0 0;
	float: left;
}

#categoryMenu ul li a.link {
	color: #fff;
	text-decoration: none;
	line-height: 1.6em;
}

#categoryMenu ul li a.link:hover {
	text-decoration: underline;
}

#categoryMenu ul li a.reduction {
	color: #fff;
	background-color: #ff3333;
	text-decoration: none;
	line-height: 1.6em;
	padding: 0 2px 0 2px;
}

#categoryMenu ul li a.reduction:hover {
	color: #ff3333;
	background-color: #fff;
}


/* ************************************************ BRAND *********************************************** */


#brandMenu {
	margin: 20px 0 0 0;
	background: #caefff;
	width: 180px;
	border-bottom: 1px solid #4ab900; 
}

#brandMenu h3 {
	display: none;
}

#brandMenu .top {
	width: 180px;
	background: url('img/brand-top.gif') no-repeat left top;
}

#brandMenu .bottom {
	width: 180px;
	background: url('img/brand-bottom.gif') no-repeat left bottom;
	font-size: .75em;
	padding: 62px 0 10px 0;
}

#brandMenu ul {
	padding: 0;
	list-style-type: none;
	margin: 0 10px 0 15px;
}

#brandMenu ul li {
	line-height: 1.8em;
}

#brandMenu ul li a {
	color: #3295f8;
	font-weight: bold;
	text-decoration: underline;
}

#brandMenu ul li a:hover {
	text-decoration: none;
}


/* ************************************************ STATIC MENU *********************************************** */


#staticMenu {
	margin: 20px 0 0 0;
	background: #fff;
	width: 180px;
	border-bottom: 1px solid #4ab900; 
}
#staticMenu h3 {
	display: none;
}

#staticMenu .top {
	width: 180px;
	background: url('img/static-menu-top.gif') no-repeat left top;
}

#staticMenu .bottom {
	width: 180px;
	background: url('img/static-menu-bottom.gif') no-repeat left bottom;
	font-size: .75em;
	padding: 10px 0 10px 0;
}

#staticMenu ul {
	list-style-type: none;
	margin: 0 0 0 15px;
}


#staticMenu ul li {
	line-height: 1.8em;
}

#staticMenu ul li a {
	color: #999;
	font-weight: bold;
	text-decoration: underline;
}

#staticMenu ul li a:hover {
	text-decoration: none;
}


/* ************************************************ BASKET *********************************************** */


#basket {
	margin: 0;
	background: #77cb40;
	width: 180px;
	border-bottom: 1px solid #4ab900; 
}
#basket h3 {
	display: none;
}

#basket .top {
	width: 180px;
	background: url('img/basket-top.gif') no-repeat left top;
}

#basket .bottom {
	width: 180px;
	background: url('img/basket-bottom.gif') no-repeat left bottom;
	font-size: .75em;
	padding: 56px 0 10px 0;
}

#basket .bottom p {
	font-weight: bold;
	margin: 0 13px 0 13px;
	color: #fff;
}

#basket .bottom p a {
	color: #fff;
}


/* ************************************************ LOGIN *********************************************** */


#login {
	margin: 20px 0 0 0;
	background: #fff;
	width: 180px;
	border-bottom: 1px solid #4ab900; 
}
#login h3 {
	display: none;
}

#login .top {
	width: 180px;
	background: url('img/login-top.gif') no-repeat left top;
}

#login .bottom {
	width: 180px;
	background: url('img/login-bottom.gif') no-repeat left bottom;
	font-size: .75em;
	padding: 55px 0 10px 0;
}

#login .bottom p {
	font-weight: bold;
	margin: 0 13px 0 13px;
	color: #fff;
}

#login table {
	margin: 5px 15px 5px 15px;
	border-collapse: collapse;
	font-size: 1em;
}

#login table label  {
	font-weight: bold;
	font-size: .9em;
	color: #999;
}

#login form input.text {
	width: 147px;
	height: 23px;
	background: url('img/login-input-pattern.gif') no-repeat left top;
	padding: 0;
	font-size: 1em;
	margin: 8px 0 8px 0;
	border: none;
}

#login form input.submit {
	width: 83px;
	height: 24px;
	background: url('img/login-submit-pattern.gif') no-repeat left top;
	padding: 0;
	font-size: .9em;
	margin: 8px 0 8px 0;
	border: none;
	color: #666;
}

#login p {
	margin: 10px 5px 0 5px;
	font-size: .8em;
	line-height: 1.8em;
}

#login p a {
	color: #999;
	text-decoration: underline;
}

#login p a:hover {
	text-decoration: none;
}

#login table.info {
	width: 150px;
	border: 0px solid black;
}

#login table.info td.heading {
	font-size: .9em;
	font-weight: bold;
	color: #666;
	padding: 3px 0 3px 0;
}

#login table.info td.value {
	font-size: .9em;
	color: #999;
	line-height: 1.6em;
	padding: 3px 0 3px 0;
}

#login table.info td.value a {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}

#login table.info td.value a:hover {
	text-decoration: none;
}


/* ************************************************ FACEBOOK *********************************************** */

#facebook {
	margin: 20px 0 0 0;
	width: 180px;
	height: 68px;
	background: url('img/facebook.gif') no-repeat left top;
	cursor: hand;
}

#facebook h3 {
	display: none;
}


/* ************************************************ CONTACT *********************************************** */

#contact {
	margin: 20px 0 0 0;
	width: 180px;
	background-color: #fff;
}

#contact .top {
	width: 180px;
	background: url('img/contact-top.gif') no-repeat left top;
}

#contact .bottom {
	padding: 10px 0 10px 0;
	width: 180px;
	background: url('img/contact-bottom.gif') no-repeat left bottom;
}

#contact .heading {
	width: 180px;
	height: 50px;
	background: #ededed url('img/contact-middle.gif') no-repeat left bottom;
}

#contact .heading img {
	float: left;
	margin: 0 10px 0 10px;
}

#contact .heading em {
	color: #999;
	font-size: .7em;
	font-style: normal;
}

#contact .heading h3 {
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.6em;
}

#contact ul {
	margin: 10px 15px 0 15px;
	list-style-type: none;
	font-size: .7em;
}

#contact ul li {
	color: #666;
	line-height: 1.9em;
	padding: 0 0 0 30px;
}

#contact ul li a {
	color: #666;
	text-decoration: underline;
}

#contact ul li a:hover {
	color: #666;
	text-decoration: none;
}

#contact ul li.tel {
	background: url('img/tel-ico.gif') no-repeat left center;
}

#contact ul li.email {
	background: url('img/email-ico.gif') no-repeat left center;
}

#contact ul li.skype {
	background: url('img/skype-ico.gif') no-repeat left center;
}

#contact ul li.icq {
	background: url('img/icq-ico.gif') no-repeat left center;
}

/* ************************************************ NEWS BOX *********************************************** */


#newsBox {
	margin: 20px 0 0 0;
	background: #fff;
	width: 180px;
	border-bottom: 1px solid #4ab900; 
}

#newsBox h3 {
	display: none;
}

#newsBox .top {
	width: 180px;
	background: url('img/news-top.gif') no-repeat left top;
}

#newsBox .bottom {
	width: 180px;
	background: url('img/news-bottom.gif') no-repeat left bottom;
	padding: 60px 0 15px 0;
}

#newsBox .bottom h4 {
	font-size: .8em;
	font-weight: bold;
	margin: 5px 15px 0 15px;
}

#newsBox .bottom h4 a {
	color: #999;
	text-decoration: none;
}

#newsBox .bottom h4 a:hover {
	text-decoration: underline;
}

#newsBox .bottom p {
	color: #999;
	font-size: .7em;
	line-height: 1.45em;
	margin: 5px 15px 15px 15px;
}

#newsBox .bottom p a {
	color: #999;
	font-weight: bold;
}

#newsBox .bottom a.all {
	display: block;
	margin: 20px 0 0 0;
	text-align: center;
	color: #999;
	text-decoration: underline;
	font-size: .7em;
}

#newsBox .bottom a.all:hover {
	color: #000;
	text-decoration: none;
}


/* ************************************************ HOMEPAGE BANNER *********************************************** */


#homepageBanner {
	height: 190px;
	width: 540px;
	background: url('banner/homepage-top.jpg') no-repeat left top;
	cursor: hand;
	margin: 0 0 0 0;
}

#homepageBanner h3 {
	display: none;
}


/* ************************************************ LATEST PRODUCT *********************************************** */


#latestProducts {
	width: 540px;
	margin: 20px 0 0 0;
}

#latestProducts h2 {
	display: none;
}

#latestProducts table {
	border-collapse: collapse;
	font-size: 1em;
}

#latestProducts table td {
	vertical-align: top;
	border-bottom: 22px solid #4ab900;
}

#latestProducts table td div.item {
	width: 165px;
	background-color: #fff;
}

#latestProducts table td div.item .top {
	background: url('img/catalogue-top.gif') no-repeat left top;
}

#latestProducts table td div.item .bottom {
	background: url('img/catalogue-bottom.gif') no-repeat left bottom;
	padding: 15px 5px 15px 5px;
	height: 300px;
	position: relative;
}

#latestProducts table td div.item div.image {
	margin: 5px 0 0 0;
	text-align: center;
}

#latestProducts table td div.item div.link {
	margin: 10px 0 0 0;
	text-align: center;
}

#latestProducts table td div.item div.link h3 {
	font-size: .75em;
}

#latestProducts table td div.item div.link h3 a {
	color: #0099ff;
	text-decoration: underline;
}

#latestProducts table td div.item div.link h3 a:hover {
	text-decoration: none;
}

#latestProducts table td div.item div.price {
	margin: 10px 0 0 0;
	text-align: center;
	color: #999;
	font-weight: bold;
	font-size: 1.1em;
}

#latestProducts table td div.item div.price del {
	font-weight: normal;
	font-size: .7em;
}

#latestProducts table td div.item div.basket {
	margin: 10px 0 0 0;
	text-align: center;
	height: 20px;
	position: relative;
}

#latestProducts table td div.item div.basket input.text {
	position: absolute;
	top: 0;
	left: 50px;
	width: 15px;
	border: 1px solid #a3a3a3;
	color: #000;
	font-size: .8em;
	text-align: right;
	padding: 1px 2px 1px 2px;
}

#latestProducts table td div.item div.basket input.image {
	position: absolute;
	top: 0;
	right: 60px;
	width: 20px;
	height: 20px;
}

#latestProducts .token {
	position: absolute;
	left: 13px;
	top: 11px;
}

#latestProducts .token .sale {
	width: 59px;
	height: 14px;
	background: #fff url('img/sale.gif') no-repeat left center;
}

#latestProducts .token .reduction {
	width: 37px;
	height: 14px;
	background: #fff url('img/reduction.gif') no-repeat left center;
}

#latestProducts .token .stock {
	width: 55px;
	height: 14px;
	background: #fff url('img/stock.gif') no-repeat left center;
}


/* ************************************************ CATALOGUE BOX *********************************************** */


#catalogueBox {
	width: 540px;
	background-color: #fff;
	font-size: .7em;
	padding: 0;
}

#catalogueBox .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
	padding: 0;
}

#catalogueBox .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 10px 0 10px 0;
}

#catalogueBox #subcategories {
	margin: 0 20px 15px 20px;
}

#catalogueBox #subcategories a {
	color: #666;
	text-decoration: underline;
}

#catalogueBox #subcategories a:hover {
	text-decoration: none;
}

#catalogueBox #producers {
	margin: 0 20px 0 20px;
}

#catalogueBox #producers label {
	color: #0099ff;
}

/* ************************************************ ORDER BOX *********************************************** */


#orderbyBox {
	margin: 20px 0 0 0;
	width: 540px;
	background-color: #fff;
	font-size: .75em;
}

#orderbyBox .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#orderbyBox .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 5px 20px 10px 20px;
}


/* ************************************************ CATEGORY INFO *********************************************** */


#categoryInfo {
	background-color: #fff;
	width: 540px;
	margin: 0 0 20px 0;
}

#categoryInfo .top {
	width: 540px;
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#categoryInfo .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 5px 20px 5px 20px;
}

#categoryInfo .bottom p {
	line-height: 1.6em;
	font-size: .75em;
	color: #666;
	margin: 8px 0 8px 0;
}


/* ************************************************ NEWS ARCHIVE *********************************************** */


#newsArchive {
	margin: 0;
	background-color: #fff;
	width: 540px;
}

#newsArchive .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#newsArchive .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 20px 0 30px 0px;
}

#newsArchive .content {
	margin: 0 30px 0 30px; 
}

#newsArchive h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 0 0 15px 0;
}

#newsArchive div.item {
	margin: 0 0 15px 0;
	background: url('img/news-archive-bottom.gif') repeat-x left bottom;
	padding: 0;
}

#newsArchive div.item h3 {
	font-weight: bold;
	line-height: 1.6em;
	margin: 0;
}

#newsArchive div.item h3 a {
	color: #ff3333;
	text-decoration: underline;
	font-size: .9em;
}

#newsArchive div.item h3 a:hover {
	color: #000;
	text-decoration: none;
}

#newsArchive div.item p.body {
	font-size: .7em;
	color: #666;
	line-height: 1.6em;
}

#newsArchive div.item p.body a {
	color: #0099ff;
}

#newsArchive div.item p.date {
	margin: 5px 0 0 0;
	text-align: right;
	font-size: .7em;
	font-weight: bold;
	color: #999;
}


/* ************************************************ NEWS DETAIL *********************************************** */


#newsDetail {
	margin: 0;
	background-color: #fff;
	width: 540px;
}

#newsDetail .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#newsDetail .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 20px 0 30px 0px;
}

#newsDetail .content {
	margin: 0 30px 0 30px; 
}

#newsDetail h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 0 0 15px 0;
}

#newsDetail div.text {
	margin: 0 5px 0 0;
}

#newsDetail div.text p {
	font-size: 0.8em;
	color: #666;
	line-height: 1.6em;
	margin-bottom: 15px;
}

#newsDetail p.date {
	margin: 5px 0 0 0;
	text-align: right;
	font-size: .7em;
	font-weight: bold;
	color: #999;
}


/* ************************************************ FORGOT PASS *********************************************** */


#forgotPass {
	margin: 0;
	background-color: #fff;
	width: 540px;
}

#forgotPass .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#forgotPass .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 20px 0 30px 0px;
}

#forgotPass .content {
	margin: 0 30px 0 30px; 
}

#forgotPass h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 0 0 15px 0;
}

#forgotPass p {
	margin: 5px 0 5px 0;
	line-height: 1.6em;
	font-size: .75em;
	color: #666;
}

#forgotPass table {
	border-collape: collapse;
	font-size: .75em;
}

#forgotPass table td {
	padding: 3px 10px 3px 0;
}

#forgotPass table td label {
	font-weight: bold;
}

#forgotPass .input {
	background: #fff;
	border-bottom: 1px solid #d5dddd;
	border-left: 1px solid #aab3b3;
	border-right: 1px solid #aab3b3;
	border-top: 1px solid #999999;
	padding: 4px;
	font-size: 11px;
}

#forgotPass .submit {
	width: 83px;
	_height: 24px;
	&height: 24px;
	padding: 5px 0 5px 0 !important;
	border: 0;
	background: url('img/login-submit-pattern.gif') repeat-x !important;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}


/* ************************************************ STATIC ************************************************ */


#static {
	width: 540px;
	margin: 0;
	background-color: #fff;
}

#static .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#static .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 20px 0 30px 0px;
}

#static .content {
	margin: 0 30px 0 30px; 
}

#static p {
	font-size: .75em;
	color: #999999;
	line-height: 1.6em;
	font-family: 'Arial', sans-serif;
	margin: 0 0 20px 0;
}

#static p.gray {
	color: #999;
}

#static p a {
	color: #0099ff;
	text-decoration: underline;
}

#static p a:hover {
	text-decoration: none;
}

#static h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 0 0 15px 0;
}

#static h2 {
	font-size: 1.1em;
	font-weight: normal;
	color: #0099ff;
	margin: 0 0 20px 0;
}

#static h3 {
	font-size: .85em;
	font-weight: normal;
	color: #0099ff;
	margin: 0 0 20px 0;
}

#static h4 {
	font-size: .85em;
	font-weight: normal;
	color: #0099ff;
	margin: 0 0 20px 0;
}

#static ul {
	list-style-type: square;
	margin: 0 0 20px 20px;
	color: #999;
}

#static ol {
	margin: 0 0 20px 25px;
	color: #999;
}

#static ul li, #static ol li {
	line-height: 1.6em;
	color: #999;
	font-size: .75em;
}

#static table {
	border-collapse: collapse;
	font-size: .75em;
	margin: 15px 0 15px 0;
}

#static table thead {
	background-color: #f5f5f5;
}

#static table thead th {
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 10px;
}

#static table td {
	padding: 5px 10px 5px 10px;
}

#static table tbody tr {
	background-color: #f7fcff;
	border-bottom: 1px solid #d1d3d4;
}

#static table.tableForm {
	border-collapse: collapse;
	font-size: .75em;
	margin: 15px 0 15px 0;
}

#static table.tableForm tr {
	border-bottom: 0;
}

#static table.tableForm td {
	padding: 2px 5px 2px 5px;
}

#static table.tableForm td label {
	white-space: nowrap;
	color: #636466;
}

#static table.tableForm .input {
	background: #fff;
	border-bottom: 1px solid #d5dddd;
	border-left: 1px solid #aab3b3;
	border-right: 1px solid #aab3b3;
	border-top: 1px solid #999999;
	padding: 4px;
	font-size: 11px;
}

#static table.tableForm .textarea {
	background: #fff;
	border-bottom: 1px solid #d5dddd;
	border-left: 1px solid #aab3b3;
	border-right: 1px solid #aab3b3;
	border-top: 1px solid #999999;
	padding: 4px;
	font-size: 11px;
	width: 400px;
	font-family: 'Arial', sans-serif;
}

#static table.tableForm .submit {
	width: 83px;
	_height: 24px;
	&height: 24px;
	padding: 5px 0 5px 0 !important;
	border: 0;
	background: url('img/login-submit-pattern.gif') repeat-x !important;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#static table.tableForm ul.error_list {
	list-style-type: none !important;
	margin: 5px 0 5px 0 !important;
	font-size: 1.3em;
}

#static table.tableForm ul.error_list li {
	color: #ff3366 !important;
}


/* ************************************************ REGISTER *********************************************** */


#register {
	width: 760px;
	margin: 0;
	background-color: #fff;
}

#register .top {
	background: url('img/register-top.gif') no-repeat left top;
}

#register .bottom {
	background: url('img/register-bottom.gif') no-repeat left bottom;
	padding: 20px 0 30px 0px;
}

#register h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 0 0 15px 20px;
}

#register h3.notice {
	color: #027302 !important;
	margin: 20px 0 20px 20px;
	border: 1px solid #027302;
	padding: 8px;
	background-color: #e6f2c2;
	font-size: .75em;
}

#register label {
	white-space: nowrap;
	color: #666;
}

#register label.bold {
	font-weight: bold;
}

#register table.tableGrid {
	width: 720px;
	border-collape: collapse;
	font-size: .75em;
	margin: 0 20px 0 20px;
}

#register table.tableGrid td {
	vertical-align: top;
}

#register table.tableGrid td.grid {
	width: 360px;
}

#register table.tableGrid td p.conditions {
	margin: 0px 0 20px 0;
	color: #636466;
	line-height: 1.6em;
}

#register table.tableGrid table td {
	padding: 2px 5px 2px 5px;
}

#register table.tableGrid h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #ff3333;
	margin: 10px 0 10px 0;
}

#register table.tableGrid ul.radio_list {
	margin: 0;
	list-style-type: none;
}

#register table.tableGrid ul.radio_list li {
	float: left;
	margin: 0 80px 0 0;
}

#register .login {
	width: 720px;
	_width: 700px;
	height: 42px;
	background: url('img/table-login-pattern.gif') no-repeat left top;
	margin: 0 20px 15px 20px;
	padding: 8px 10px 0 10px;
}

#register table.tableLogin {
	border-collapse: collapse;
	font-size: .75em;
}

#register table.tableLogin td.value {
	padding: 0 15px 0 15px;
}

#register table.tableLogin td.heading label {
	color: #00517a;
	font-weight: bold;
}

#register .input {
	background: #fff;
	border: 1px solid #a3a3a3;
	padding: 4px;
	font-size: 11px;
}

#register .textarea {
	background: #fff;
	border: 1px solid #a3a3a3;
	padding: 4px;
	font-size: 11px;
	width: 500px;
	font-family: 'Arial', sans-serif;
}

#register .submit {
	width: 110px;
	_height: 24px;
	&height: 24px;
	padding: 5px 0 5px 0 !important;
	border: 0;
	background: url('img/submit-long.gif') repeat-x !important;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#register .info {
	width: 720px;
	background-color: #f4f4f4;
	margin: 0 20px 15px 20px;
}

#register .info .topContent {
	background: url('img/order-info-top.gif') no-repeat left top;
}

#register .info .bottomContent {
	background: url('img/order-info-bottom.gif') no-repeat left bottom;
	padding: 10px 10px 10px 10px;
	font-size: .75em;
	line-height: 1.6em;
	color: #666;
}

#register .tableShippingPayment {
	border-collapse: collapse;
	margin: 0 20px 0 20px;	
	font-size: .75em;
}

#register .tableShippingPayment thead td {
	font-weight: bold;
	padding: 5px 5px 15px 0;
	font-size: 1.1em;
	width: 50%;
}

#register .tableShippingPayment td.radio {
	padding: 0 10px 10px 0;
	vertical-align: top;
}

#register .tableShippingPayment td.heading {
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 10px 0;
}

#register .tableShippingPayment td.note {
	color: #666;
	padding: 0 20px 0 0;
}

#register .tableShippingPayment td.note p {
	margin: 0 0 5px 0;
}

#register .tableShippingPayment td.price {
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	padding: 10px 20px 10px 0;
	color: #0099ff; 
}

#register .action {
	margin: 25px 0 0 0;
	text-align: center;
	font-size: .75em;
}

#register table.basket {
	border-collapse: separate;
	font-size: .75em;
	width: 720px;
	margin: 0 0 0 20px;
}

#register table.basket thead td {
	font-weight: bold;
	text-align: center;
	background-color: #d1d3d4;
}

#register table.basket td {
	padding: 3px 5px 3px 5px;
	background-color: #f1f1f2;
}

#register table.basket .price {
	text-align: right;
}

#register table.basket .amount {
	text-align: center;
}

#register table.basket .suma {
	border-top: 2px solid #636466;
	border-bottom: 2px solid #636466;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
}

#register table.basket .sumaBottom {
	border-bottom: 2px solid #636466;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
}

/* ************************************************ ORDER DONE *********************************************** */


#orderDone {
	width: 540px;
	background-color: #fff;
	padding: 0;
}

#orderDone .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
	padding: 0;
}

#orderDone .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 10px 0 10px 0;
}

#orderDone h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 10px 0 15px 20px;
}

#orderDone .infoShort {
	margin: 10px 20px 20px 20px;	
	font-size: .75em;
	line-height: 1.6em;
}

/* ************************************************ BASKET CONTENT *********************************************** */


#basketContent {
	width: 540px;
	margin: 0;
	background-color: #fff;
}

#basketContent .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#basketContent .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 20px 0 30px 0px;
}

#basketContent h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
	margin: 0 0 15px 20px;
}

#basketContent p {
	font-size: .75em;
	line-height: 1.6em;
	margin: 0 0 0 20px;
}

#basketContent table {
	border-collapse: separate;
	font-size: .75em;
	margin: 0 20px 0 20px;
	width: 500px;
}

#basketContent table thead td {
	font-weight: bold;
	text-align: center;
	background-color: #d1d3d4;
}

#basketContent table td {
	padding: 3px 5px 3px 5px;
	background-color: #f1f1f2;
}

#basketContent table .price {
	text-align: right;
}

#basketContent table .amount {
	text-align: center;
}

#basketContent table .suma {
	border-top: 2px solid #636466;
	border-bottom: 2px solid #636466;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
}

#basketContent .basketAction {
	margin: 10px 20px 0 20px;
	font-size: .75em;
}

#basketContent .inputAmount {
	background: #fff;
	border: 1px solid #a3a3a3;
	padding: 4px;
	font-size: 11px;
	text-align: right;
}

#basketContent .submit {
	width: 110px;
	_height: 24px;
	&height: 24px;
	padding: 5px 0 5px 0 !important;
	border: 0;
	background: url('img/submit-long.gif') no-repeat !important;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin: 0 5px 0 0;
}


/* ************************************************ PRODUCT DETAIL *********************************************** */


#productDetail {
	width: 540px;
	margin: 0;
	background-color: #fff;
}

#productDetail .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

#productDetail .bottom {
	background: url('img/product-detail-bottom.gif') no-repeat left bottom;
	padding: 20px 0 10px 0;
}

#productDetail .white {
	width: 540px;
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom !important;
	padding: 20px 0 20px 0;
}

#productDetail h1 {
	margin: 0 30px 0 30px;
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
}

#productDetail .bottom .base {
	margin: 20px 20px 0 30px;
}

#productDetail .bottom .base .left {
	width: 260px;
	float: left;
}

#productDetail .bottom .base .right {
	width: 205px;
	float: right;
}

#productDetail .left p {
	font-size: .7em;
	color: #666;
	margin: 0 0 20px 0;
	line-height: 1.8em;
}

#productDetail .left a {
	color: #0099ff;
	text-decoration: underline;
}

#productDetail .left a:hover {
	text-decoration: none;
}

#productDetail .left ul {
	list-style-type: square;
	margin: 0 0 20px 10px;
	font-size: .7em;
	color: #666;
}

#productDetail .left ol {
	margin: 0 0 20px 10px;
	font-size: .7em;
	color: #666;
}

#productDetail .left li {
	line-height: 1.6em;
}

#productDetail .left h3 {
	font-size: .7em;
	font-weight: normal;
	color: #666;
	line-height: 1.8em;
}

#productDetail .left h3 a {	
	color: #666;
	text-decoration: underline;
}

#productDetail .left h3 a:hover {	
	text-decoration: none;
}

#productDetail .right .img {
	text-align: center;
	font-size: .7em;
}

#productDetail .right .info {
	margin: 25px 0 0 0;
}

#productDetail .right .info table {
	font-size: .75em;
	border-collapse: collapse;
	width: 205px;
	background-color: #f4f4f4;
	color: #666;
}

#productDetail .right .info table td {
	padding: 10px;
	border-bottom: 1px solid white;
}

#productDetail .right .info table td.heading {
	font-weight: bold;
}

#productDetail .right .info table td.price {
	color: #0099ff;
	font-size: 1.4em;
}

#productDetail .right .info table td.price del {
	font-size: .7em;
}

#productDetail .right .info table form {
	width: 45px;
	height: 20px;
	margin: 5px 0 5px 0;
	position: relative;
}

#productDetail .right .info table input.text {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	border: 1px solid #a3a3a3;
	color: #000;
	font-size: 1.2em;
	text-align: right;
	padding: 1px 2px 1px 2px;
}

#productDetail .right .info table input.image {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

#productDetail .bottom .parameters {
	background-color: #f4f4f4;
	padding: 20px 30px 20px 30px;
	margin: 20px 0 0 0;
}

#productDetail .bottom .parameters h3.param {
	height: 25px;
	text-indent: -100em;
	background: url('img/parameter-pattern.gif') no-repeat left center;
}

#productDetail .bottom .parameters h3.set {
	height: 25px;
	text-indent: -100em;
	background: url('img/set-pattern.gif') no-repeat left center;
}

#productDetail .bottom .parameters table {
	border-collapse: collapse;
	font-size: .75em;
	color: #666;
	margin: 15px 0 0 0;
	width: 480px;
}

#productDetail .bottom .parameters table td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

#productDetail .bottom .parameters table td.heading {
	font-weight: bold;
}


/* ************************************************ FOOTER *********************************************** */


#footer {
	background: #79c2ff;
}

#footer .container {
	width: 960px;
	margin: 0 auto;
	height: 106px;
	background: url('img/footer-pattern-2.jpg') no-repeat right top;
}

/***********************************************************************************************************/
/* Hlasování (hvězdičky) */
/***********************************************************************************************************/

#vote {
	margin: 15px 0 0 70px;
	&margin: 15px 0 0 20px;
	_margin: 15px 0 0 20px;
	height: 40px;
	width: 110px;
	text-align: left;
	border: 0px solid black;
}

#vote p {
	font-size: .75em;
}

div#divStars {
	margin: 0px;
	width: 85px;
	border: 0px solid red;
}

div#divStars img {
	width: 17px !important;
	height: 16px !important;
	float: left;
	margin: 0 0 0 0 !important;
	border: 0px solid blue;
}

div#divRedStars {
	background: url('img/red-star.gif') repeat-x left top;
	height: 16px;
	border: 0px solid black;
}

div#divGrayStars {
	background: url('img/gray-star.gif') repeat-x left top;
	width: 85px;
	height: 16px;
	display: none;
	border: 0px solid black;
}

/***********************************************************************************************************/
/* PAGER */
/***********************************************************************************************************/

.pager {
	width: 540px;
	background-color: #fff;
	font-size: .75em;
	text-align: center;
	color: #666;
}

.pager .top {
	background: url('img/catalogue-box-top.gif') no-repeat left top;
}

.pager .bottom {
	background: url('img/catalogue-box-bottom.gif') no-repeat left bottom;
	padding: 10px;
}

.pager a {
	color: #666;
	text-decoration: underline;
}

.pager span.actPage {
	font-weight: bold;
}

/***********************************************************************************************************/
/* Obecne tridy */
/***********************************************************************************************************/


.no {
	display: none !important;
}

.cleaner {
	clear: both;
	height: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	border: 0 !important;
	font-size: 1px;
}

p.globalError {
	background: #ff396a;
	color: #fff;
	padding: 10px 0 10px 0;
	text-align: center;
	font-weight: bold;
	border-bottom: 5px solid #ba1319;
}

p.globalInfo {
	background: #00a664;
	color: #fff;
	padding: 10px 0 10px 0;
	text-align: center;
	font-weight: bold;
	border-bottom: 5px solid #008541;
}

span.tooltip {
	border-bottom: 1px dotted #000;
}


div.indicatorRight {
	width: 20px;
  height: 20px;
  z-index: 900;
  background: url('img/indicator.gif') no-repeat 0px 0px;
	border: 0px solid black;
	float: right;
}

div.indicatorLeft {
 	width: 20px;
  height: 20px;
  z-index: 900;
  background: url('img/indicator.gif') no-repeat 0px 0px;
	border: 0px solid black;
	float: left;
}

p.info {
	font-size: .75em;
	color: #fff; 	
}

/***********************************************************************************************************/
/* jQuery validator */
/***********************************************************************************************************/
	
	
label.error {
	color: #ff3366 !important;
	display: block;
	font-weight: bold;
}
	
input.error {
	border: 1px solid #ff3366 !important;
	background: #ffe3ea;
}
	
ul.error_list {
	list-style-type: none !important;
	margin: 5px 0 5px 0 !important;
	color: #ff3366 !important;
}