html { font-family: "Trebuchet MS", Calibri, Verdana; background: url(../img/footer-grass.jpg) bottom center repeat-x; min-height: 100%; background-attachment: scroll; }
body { margin: 0; padding: 0; margin-bottom: 102px; background: url(../img/sky-bg.jpg) top left repeat-x; }
body { behavior: url("styles/csshover3.htc"); }
.clr { clear: both; font-size: 1px; }

.content-body p { font-size: 12px; }
.content-body a { font-size: 12px; color: #ea6090; text-decoration: none; }

a img { border: none; }
a:active, input:active { outline: none; }
a:focus, input:focus { -moz-outline-style: none; }

.wrapper { width: 984px; margin: 0 auto; }
.contacts { background: url(../img/contacts.jpg) no-repeat; width: 984px; height: 29px; padding-top: 6px; text-align: center; }
.contacts span { color: #fff; display: inline; font-size: 14px; font-weight: bold; margin: 0 20px; }
.contacts span span { margin: 0; color: #3e3e3e; }
.contacts span a { text-decoration: none; color: #3e3e3e; }

.graphic { background: url(../img/flower-bg.jpg) top left no-repeat; width: 984px; height: 162px; }
.graphic h1 { margin: 0; }
.graphic h1 a { display:block; background: url(../img/logo.jpg) top left no-repeat; width: 126px; height: 104px; text-indent: -300em; overflow: hidden; position: relative; top: 38px; left: 23px;}


.content { width: 833px; background: url(../img/content-bg.jpg) top left repeat-y; float: right; }
.content-bottom { background: url(../img/content-bg-down.jpg) bottom left no-repeat; padding: 0 15px 17px 15px;}



.left-side { position: relative; float: left; margin-left: -167px; width: 181px; }
.left-side ul { list-style: none; margin: 0; padding:0; }
.left-side ul li { height: auto; }
.left-side ul li a { display: block; width: 161px; height: 37px; text-transform: uppercase; color: #1f1f1f; font-weight: bold; text-decoration: none; font-size: 18px; padding-left: 20px; line-height: 37px; vertical-align: middle; background: url(../img/menu-hover.jpg) -300em -300em no-repeat;}
.left-side ul li.current a { line-height: 52px; vertical-align: middle; background: url(../img/menu-active.jpg); display: block; height: 52px; width: 161px; padding-left: 20px; margin-left: 0; }
.left-side ul li a:hover { background-position: 0 0; }

.basket { background: url(../img/basket-mid.jpg) top left repeat-y; }
.basket-top { position: relative; background: url(../img/basket-top.jpg) top left no-repeat; }
.basket-bot { background: url(../img/basket-bot.jpg) bottom left no-repeat; width: 151px; padding: 10px 15px;}

.basket h2 { margin: 0; margin-bottom: 15px; padding: 0; color: #3e3e3e; font-size: 18px; }
.orders { border-bottom: 1px solid #3e3e3e; }
.orders .one { margin-bottom: 10px; }
.orders h5 { margin: 0; float: left; color: #fff; font-size: 14px; }
a.delete { float: right; display: block; width: 10px; height: 10px; background: url(../img/clr.jpg); vertical-align: middle; text-indent: 300em; overflow: hidden; margin-top: 4px;}
.orders p { margin: 0; font-size: 12px; color: #3e3e3e; }
p.total { text-align: right; font-size: 12px; color: #3e3e3e; margin: 0; font-weight: bold; }
.change-order { text-decoration: none; color: #fff; text-align: center; font-size: 14px; font-weight: bold; display: block; }

.content-body { width: 782px; float: right; padding-left: 5px; }

.content-body h1 { margin-top: 0;  margin-bottom: 10px; font-size: 24px; color: #505050;}
.content-body h1 strong { color: #ea6090; }

/* -------------------- CATEGORIES ------------------ */

ul.cat { list-style: none; margin: 0; padding: 0; display: block; }
.cat li { float: left; }
.cat li a { text-decoration: none; font-size: 12px; text-align: center; color: #3e3e3e; font-weight: bold; }
.cat li a span.def { display: inline-block; width: 86px; height: 40px; padding-bottom: 10px; background: url(../img/cat-state.jpg) bottom left no-repeat; line-height: 12px; vertical-align: middle;}
.cat li a:hover span.def { cursor: pointer; background-position: bottom center; }
.cat li.active span.def, .cat li.active a:hover span.def { background-position: bottom right; }
li.cat-1 a { display: block; background: url(../img/cat-1.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-2 a { display: block; background: url(../img/cat-2.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-3 a { display: block; background: url(../img/cat-3.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-4 a { display: block; background: url(../img/cat-5.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-5 a { display: block; background: url(../img/cat-6.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-6 a { display: block; background: url(../img/cat-4.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-7 a { display: block; background: url(../img/cat-7.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-8 a { display: block; background: url(../img/cat-8.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
li.cat-9 a { display: block; background: url(../img/cat-9.jpg) top left no-repeat; width: 86px; padding-top: 83px; }
.onerow { display: block; padding-top: 12px; }
.tworows { display: block; padding-top: 6px; }

.cat-level-2 { list-style: none; margin: 10px 0 10px 2px; padding: 0; text-align: left; margin-left: 260px; }
.cat-level-2 li { display: inline;  }
.cat-level-2 li a { text-decoration: none; font-weight: bold; color: #3e3e3e;font-size: 12px; padding: 5px 10px; background: url(../img/square-bg.jpg) left -31px repeat-x; border: 1px solid #858585; display: block; width: 80px; float: left; margin-right: 1px; text-align: center; }
.cat-level-2 li.active a, .cat-level-2 li.active a:hover  { background-position: top left; } 
.cat-level-2 li a:hover { background-position: left -62px;  }

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

.certain { margin-top: 20px; }
.certain p { font-size: 14px; }
.products .one, .edit .one { float: left; width: 365px; background: url(../img/product-bg.jpg) top left no-repeat; padding: 10px 10px 0 10px; }
.products .one .thumb-img { float: left; width: 150px; height: 150px; padding-bottom: 30px; background: url(../img/img-bg.jpg) bottom left repeat-x; }
.img { display: block; width: 150px; height: 150px; }
.products .little-thumb img { float: left; width: 75px !important; padding-bottom: 30px; background: url(../img/img-bg.jpg) bottom left repeat-x; margin-right: 10px; }
.products .little-thumb p { margin: 0 !important; font-weight: bold; }
.big-thumb img { float: left; width: 355px !important; padding-bottom: 30px; background: url(../img/img-bg.jpg) bottom left repeat-x; }
.products .one .info { width: 205px; float: right; }
.products .one h2 { margin: 0; font-size: 18px; color: #505050; }
.products .one span { color: #ea6090; font-size: 30px; font-weight: bold; }
.products .one span span { font-size: 14px; }
.products .one p { font-size: 14px; color: #505050; margin: 5px 0;}
.btn { border: none; display: inline-block; margin-right: 5px; width: 75px; height: 35px; background: url(../img/btn.jpg) top left no-repeat; line-height: 35px; vertical-align: middle; text-transform:uppercase; color: #505050 !important; text-decoration: none; text-align: center; font-weight: bold; font-size: 12px !important;}
.btn:hover { background-position: bottom; }
input.btn { font-size: 12px !important; }
.paging { margin-top: 20px; text-align: center; }
.paging a { font-size: 16px; color: #3e3e3e; margin: 0 5px; text-decoration: none; font-weight: bold; }
.paging span { font-size: 24px; font-weight: bold; color: #3e3e3e; margin: 0 10px; }

		
.footer { width: 833px; float: right; }
.footer .rights { float: left; }
.footer p { margin: 0; font-size: 12px; color: #c4c4c4; }
.footer .by { float: right; }
.footer .by p { margin: 0; }
.footer .by p a { text-indent: -300em; display: block; overflow: hidden; background: url(../img/ck-logo.jpg) top left no-repeat; width: 99px; height: 38px; } 

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

.item { float: left; }
.price { float: left; font-size: 18px; color:#ea6090; font-weight: bold; }
.price span { vertical-align: middle; }
.card-order { margin-top: 20px; float: left;}
.card { font-size: 12px; font-weight: bold; color: #505050; margin-bottom: 10px;  }
.card input { margin: 0; }
.cardbody { margin-bottom: 10px; font-size: 12px; font-weight: normal; color: #505050; }
.cardbody textarea { width: 350px; border: 1px solid #3e3e3e; }
.cardbody span { display: block; }
.price strong {color: #505050; font-size: 14px;}
.price a { margin-top: -5px; }
input.qty { width: 35px; margin: 0; padding: 0; height: 23px; vertical-align: middle; font-size:18px;  color: #ea6090; border: 1px solid #505050; text-align: center;  }
.item h1 { margin: 0; }
.item span { font-size: 12px; color: #505050; }
.item a { color: #ea6090; text-decoration: none;}
.product-body { margin-bottom: 10px; }
.product-body a { float: right; }
.product-body p { font-size: 14px; color: #505050; margin: 10px 0;}

table { border-collapse: collapse; width: 100%; margin-bottom: 20px;}
tr { width: 100%;}
td { width: 15%; text-align: right; padding: 2px 0; }
td.product-name { width: 40%; text-align: left;}
tr {font-size: 18px; color: #ea6090; padding: 0 5px;}
.table-titles, td span { font-size: 12px; color: #505050; font-weight: bold; border-bottom: 1px solid #505050;}
td span { border: none; }
.dds { width: 100%; border-top: 1px solid #505050; }

.text-right { text-align: right; }
.default { font-size: 12px; color: #505050; font-weight: bold; } 
.default span, .default a { color: #ea6090; font-weight: bold; text-decoration: none; }
.bigger { font-size: 18px; }

.user-action { float: left !important; margin-right: 10px; }
.user-action a { display: block; line-height: 10px; text-decoration: none; font-size: 12px; color: #909090;margin: 3px 0; }
.user-action a:hover { text-decoration: underline; color: #505050; }

.odd { background: #fef5fa; }
.even { background: #ffe1f1; }

.order-details { font-size: 12px; }
.order-details a { text-decoration: none; color: #ea6090; }
.order-details h2, .all-orders h2 { font-size: 14px; }
.order-details p {color: #FF0000; margin-left: 200px; }
.order-details div { margin-bottom: 5px; }
.order-details div input[type="button"] {   }
.order-details span { width: 200px; font-size: 12px; display: block; float: left; }
.order-resume p { display: block; font-size: 12px; margin: 2px 0; }
.order-resume p.sum { color: red; }
.order-resume span { width: 200px; font-size: 12px; display: block; float: left; }
.order-details input[type="text"], .order-details input[type="password"], .order-details input[type="file"] { font-size: 12px; width: 200px; text-align: left; color: #505050; padding: 1px; height: 18px;}
.order-details textarea { width: 200px; border: 1px solid #505050; }
.order-details input[type="submit"] { float: right; }
.order-details p input[type="submit"] { float: left; }
.order-details input.leva { width: 50px !important; }
.order-details select { width: 200px; border: 1px solid #505050; height: 23px; }
.margin200 { margin-left: 200px; }
.margin200 * { float: left !important; }

#overlay {
	background: url(../img/ajax-loader.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-Index: 10000;
}

.all-orders .one-order {  padding: 4px; } 
.all-orders p { margin: 0; }
.all-orders p a { text-decoration: none; float: left; vertical-align: middle; color: #505050; }
.all-orders img {  float: right; }

input.btn { font-size: 10px !important; color: #505050; }

a.add-new { display: block; width: 199px; height: 28px; background: url(../img/add.jpg) top left no-repeat; text-align: center; color: #505050; font-size: 14px; text-decoration: none; padding-top: 10px; font-weight: bold; margin-bottom: 10px; }
a.add-new:hover { background-position: bottom left; }

.picture { float: left; }
.change-product form { float: left; }
.change-product form div span { display: block; float: none; }
.change-product form input.btn { display: block; float: none !important; }

.star { margin: 10px 0;}
.star span { display: inline; float: none; }

.edit-order { float: left; }
form.edit-order { margin-right: 30px; }
.error{color:#F00;}
ol { font-size: 12px; }