html { background: #fff1d1; height: 100%;}

body { padding: 0; margin: 0; height: 100%; }

* { padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana; white-space: normal; }

p { font-size: 12px; }

.clr { clear: both; margin-top: 10px; margin-bottom: 10px; }

.br { display: block; }

.margin-bottom { margin-bottom: 5px; }

.no-left { padding-left: 215px; }

a { text-decoration: none; font-weight: normal; cursor: pointer; }

.left { float: left; }

.right { float: right; }

p.error { padding-left: 205px; color: #FF0000; }

label { font-weight: bold; }

input[type=text], input[type=password] { border: 1px solid #A20F17; height: 25px; width: 200px; }

input[type=text]:hover, input[type=password]:hover { border: 1px solid #670A15; }

input[type=text]:focus, input[type=password]:focus { outline: none; border: 1px solid #EC631D; }

input[type=submit] { min-width: 50px; min-height: 32px;}

img { border: none; }

.long { width: 500px; }



.wrapper { width: 900px; margin: 0 auto; position:relative; min-height:100%; margin-bottom: -132px;

     _height:100%; /* for IE6 as it doesnt understand min-height */ 

}

.current-page-flash { float: right; width: 40px; height: 403px; background: #FFF1D1; }

.container { width: 860px; float: left; }

.header { background: url(../img/header.jpg) 290px 63px no-repeat; }

.header h1 a { text-indent: -300em; overflow: hidden; display: block; width: 290px; height: 217px; background: url(../img/templateII_01.jpg); }



.nav { width: 238px; float: left; padding-left: 52px; background: url(../img/menu-bg.jpg) bottom center no-repeat; padding-bottom: 133px; }

.nav ul { list-style: none; margin-bottom: 10px; height: 186px;}

.nav ul li { float: left; }

.nav ul a { display: block; width: 40px; height: 186px; float: left; text-indent: -300em; overflow: hidden;  }

.nav ul .nav1 a { background: url(../img/nav1.jpg) top left no-repeat; width: 40px; }

.nav ul .nav2 a { background: url(../img/nav2.jpg) top left no-repeat; width: 41px; }

.nav ul .nav3 a { background: url(../img/nav3.jpg) top left no-repeat; width: 40px; }

.nav ul .nav4 a { background: url(../img/nav4.jpg) top left no-repeat; width: 41px; }

.nav ul .nav5 a { background: url(../img/nav5.jpg) top left no-repeat; width: 40px; }

.nav ul a:hover { background-position: bottom left; }

.basket { width: 200px; float: left; font-size: 12px; text-align: center; background: url(../img/basket.jpg); margin-bottom: 10px;  }

.basket-bottom  { background: url(../img/basket-bottom.jpg) bottom center no-repeat; padding: 10px 0; width: 200px; }

.welcome-admin { margin-bottom: 10px; }

.basket span { display: block; font-size: 18px; font-weight: bold; color: #ad181f; }

.basket a { font-weight: bold; color: #ad181f; }

.basket a:hover { text-decoration: underline; }


#facebook { width: 200px; hieght: 287px; }


.content { color: #ad181f; padding: 20px 40px 0 0; position: relative; z-index: 10; margin-bottom: 35px; width: 530px; float: left; font-size: 12px; }

.content h1, .content h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }

.content h1 a { font-weight: normal; }

h3.order-details { color: #000; width: 200px; text-align: right; margin-bottom: 10px;}

.content p { margin: 5px 0; }

.content a { color: #ad181f; font-weight: bold; text-decoration: none; }

.content a:hover { text-decoration: underline; }

.content ul.listing { padding-left: 20px; }

.content .listing li { font-size: 12px; }



.cat { list-style: none; height: 30px; margin-bottom: 20px;}

.cat li { display: block; float: left; background: url(../img/cat-left.jpg) top left no-repeat; margin-right: 1px;}

.cat li a { font-size: 12px; text-decoration: none; background: url(../img/cat-right.jpg) top right no-repeat; float: left;  padding: 6px 5px 5px 5px; color: #fff;}

.cat li a:hover { text-decoration: none; }

.cat li:hover, .cat li.active { background-position: bottom left; }

.cat li:hover a, .cat li.active a { background-position: bottom right; color: #ad181f;}



.footer { position: relative; height: 132px; z-index: 0; margin-top: -0px; margin-bottom: 0px; background: url(../img/footer.jpg) center bottom no-repeat; color: #ad181f; }

.credits { width: 900px; margin: 0 auto; font-size: 12px; padding-top: 57px; height: 75px;}

.credits .maker { background: url(../img/ck.jpg) left center no-repeat; padding-left: 50px;}

.credits span { padding: 30px 0 10px 0; color: #ad181f; } 

.credits a { color: #ad181f; text-decoration: underline; font-weight: bold; }

.rights { display: block; margin-right: 90px; margin-bottom: 30px; }

.own { color: #fff;}



.flower-panel { position: relative; *display: inline-block; display: inline-block !important; border: 1px solid #820000; margin: 3px; width: 165px; height: 240px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.flower-panel .ex { postion: relative; float: right; margin: 5px; -webkit-border-radius: 5px; }

.flower-panel .menu { width: 90px; height: auto; padding: 10px; z-index: 15; border: 1px solid #4E557F; display: none; top: 20px; left: 40px; background: #D8E5EE; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.flower-panel .menu ul { text-align: left; list-style: none; margin-bottom: 5px; height: 40px;}

.flower-panel .menu ul li { display: block float: left; }

.flower-panel .menu ul li a { font-size: 12px; cursor: pointer; width: 90px; height: 25px; border-bottom: 1px solid #fff; text-decoration: none; float: left; color: #000; }

.flower-panel .menu ul li a:hover { color: #820000; }

.flower-panel .deactivated { width: 100%; height: 20px; font-weight: bold; color: #fff; background: #ff0000; position: absolute; text-align: center; bottom: 0; }



.browse-products { text-align: center; }

.browse-products .one, .special-block .one { vertical-align: top; text-align: center; position: relative; width: 165px; margin: 0 3px 10px 3px; display: inline-block !important; *display: inline !important; zoom: 1 !important; }

.browse-products .one span, .special-block .one span { display: block; font-size: 12px; }

.browse-products .one a, .special-block .one a { text-decoration: none; font-size: 12px; }

.browse-products .one a img, .special-block .one a img { border: none; padding: 4px; background: url(../img/thumb-bg.jpg) no-repeat; }

.special-block .one a img { background-image: url(../img/thumb-small-dark.jpg); }

.one a:hover { text-decoration: underline; }



.special-block { width: 250px; background: #eedcb4 url(../img/special-top.jpg) top left no-repeat; margin-bottom: 10px; }

.special-bot { background: url(../img/special-bot.jpg) bottom no-repeat; padding: 10px 0; }

.special-block .one { width: 250px; margin-bottom: 0; }

.special-block h2 { text-align: center; }



.product-display .thumb { width: 108px; margin-right: 10px; float: left; padding-top: 5px; }

.product-display .thumb img { border: none; background: url(../img/thumb-bg.jpg); padding: 4px; }

.product-details { width: 400px; float: left; font-size: 12px; }

.product-details a { text-decoration: none; }

.product-details a:hover { text-decoration: underline; }

.presents { margin-bottom: 10px; }

.presents .add { margin-bottom: 10px; }

.remove { display: block; width: 16px; height: 16px; float: left; background: url(../img/close.png) no-repeat; text-indent: -300em; overflow: hidden; margin-right: 5px; }



.card { margin-bottom: 10px; }

textarea { font-size: 12px; width: 300px; display: block; }



form { font-size: 12px; }

label, .label { display: block; float: left; margin-right: 10px; text-align: right; width: 200px; }

.label { font-weight: bold; text-align: left; color: #000; }



table { width: 100%; font-size: 12px; margin-top: 10px; }

.odd { background: #eddebd; }

.even { background: #f8e9c7; }

.product-cell { width: 52%; font-weight: bold; }

.price-cell, .broi-cell, .obshto-cell { width: 17%; text-align: right; }

td { padding: 5px 5px; }

td .presents { padding-left: 20px; margin: 0;}

td span { font-weight: normal; }

td .add { margin-bottom: 0 !important;}



.icon { background-repeat: no-repeat; width: 16px; height: 16px; cursor: pointer; display: inline-block !important; *display: inline !important; }

.expand { background-image: url(../img/expand.png); }

.close { background: none; }



.pay-cancel { text-align: right; }

.size span { clear: both; display: block;}



.js_hide { display: none; }

#presents_list { background-color: #FFF;}

#present_modal { cursor: pointer; }

#dialog-confirm { font-size: 14px; }