/*
	Project: Sny i sekrety
	Type: CSS document
	For: main styling
	Coder: mr-woodman.antivitla.com
*/

/* Common */
.for-no-style { display: none; }
.invisible { visibility: hidden; }
.clear { clear: both; }
a { outline: none; }
a img { border: 0px; }
strong, b {
	font-weight: bold;
}

/* Shared buttons */
.order-button,
.order-button a { display: block; width: 207px; height: 28px; }
.order-button a { background-image: url('/media/img/order-button.png'); background-repeat: no-repeat; }
.back-to-shopping-button, 
.back-to-shopping-button a { display: block; width: 185px; height: 28px; }
.back-to-shopping-button a { background-image:url('/media/img/back-to-shopping-button.png'); background-repeat: no-repeat; }

/* Layout */
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; 
	background-color: #664a35; background-image: url('/media/img/background-ornament.png'); background-position: 50% 0%;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #565656; }
#page { position: relative; width: 1023px; min-height: 100%; height: auto;  margin-left: auto; margin-right: auto;
	background-image: url('/media/img/grayback-bottom.png'); background-position: bottom center; background-repeat: no-repeat; }
#header-top { height: 111px; 
	background-image:  url('/media/img/header-top-background.png'); background-repeat: no-repeat; }
#header-middle { height: 55px;
	background-image: url('/media/img/header-middle-background.png'); background-repeat: no-repeat; }
#footer { position: absolute; bottom: 0px; left: 0px; width: 1023px; height: 144px; 
	background-image: url('/media/img/footer-background.png'); background-repeat: no-repeat; }
#content { width: 1023px; padding-bottom: 204px;
	background-image: url('/media/img/grayback-top.png'); background-position: top center; background-repeat: no-repeat;} 
#content table.structure { width: 1023px; clear: both; }
td#left-bar { width: 238px; padding: 8px 0px 0px 0px; margin: 0px; }
td#content-bar { width: 745px; padding-top: 20px; padding-left: 20px; padding-right: 20px; margin: 0px; }
	
/* Top-Header */
#header-top h1,
#header-top h2,
#header-top h3,
#header-top h4,
#header-top p { 
	display: block; margin: 0px; padding: 0px; 
	font-size: 12px; font-weight: normal; }
#header-top .logo { float: left; width: 500px; height: 50px; margin-left: 23px; margin-top: 43px; }
#header-top .logo a { display: block; width: 100%; height: 100%;  }

/* Top-Header basket */
#header-top .basket { float: right; width: 400px; height: 57px; margin-top: 50px; margin-right: 28px; }
#header-top .basket .order-button { float: right; margin-left: 3px; }
#header-top .basket .title { display: block; float: right; width: 109px; height: 28px; margin-right: 5px; 
	background-image: url('/media/img/header-basket-icon.png'); background-repeat: no-repeat; background-position: 0px 2px; }
#header-top .basket .info { display: block; clear: right; padding-top: 5px; margin-right: 5px; 
	text-align: right; font-size: 13px; }
#header-top .basket .info strong { color: #0676a6; }

/* Middle-Header */
#header-middle { padding-top: 1px; height: 54px; } /* fix falling out margin */
#header-middle h4, 
#header-middle h3, 
#header-middle h2, 
#header-middle p { display: block; margin: 0px; padding: 0px; 
	font-weight: normal; font-size: 12px; }
#header-middle  .for-no-style { display: none; }
#header-middle .phone { 
	float: right; width: 171px; height: 18px; margin-right: 34px; margin-top: 17px;
	background-image: url('/media/img/header-phone.png'); background-repeat: no-repeat; }
#header-middle .profile-link { float: right; margin-right: 49px; margin-top: 23px; font-size: 11px; color: #474746; }
#header-middle .profile-link a { color: #9e9e9c; }

/* Middle-Header menu */
#header-middle .menulist { margin-left: 20px; }

/* Header promo */
#header-promo { width: 1003px; }
#header-promo td {height: 313px; padding-left: 20px; padding-top: 20px; }

/* Left-bar */
#left-bar .back-to-shopping-button { margin: 26px 0px 20px 20px; }

/* Left-bar menu */
#left-bar .leftMenu { background-image: url('/media/img/ornament-tile.png'); background-color: #563e2d; }
#left-bar .leftMenu .top-corners { width: 239px; height: 26px; 
	background-image: url('/media/img/left-bar-top-corners.png'); background-repeat: no-repeat; }
#left-bar .leftMenu .bottom-corners { width: 239px; height: 28px; 
	background-image: url('/media/img/left-bar-bottom-corners.png'); background-repeat: no-repeat; }	
#left-bar .leftMenu ul { display: block; width: 238px; margin: 0px 0px 0px 0px; padding: 0px; 
	list-style: none; border-right: solid #dfdfdc 1px; }
#left-bar .leftMenu li { display: block; margin-right: 16px; margin-left: 16px; height: 29px; padding-top: 1px;
	background-image: url('/media/img/graydots-divider.png'); background-position: top right; background-repeat: repeat-x; } 
#left-bar .leftMenu li.first { background: none; }
#left-bar .leftMenu li a { display: block; height: 23px; padding-left: 22px; padding-top: 5px;
	background-image:url('/media/img/left-bar-menu-decoration.png');
	color: #e4e4e1; font-size: 15px; line-height: 20px; text-decoration: none; }
#left-bar .leftMenu li a:hover,
#left-bar .leftMenu li.current a { background-position: bottom; }

/* Left-bar basket */
#left-bar .basket { display: block; margin: 10px 0px 35px 15px; }
#left-bar .basket .title { display: block; height: 33px; margin-left: 5px; margin-bottom: 15px;
	background-image: url('/media/img/left-bar-basket-icon.png'); background-repeat: no-repeat; }
#left-bar .basket .pics { display: block; margin-left: 5px; margin-bottom: 10px; }
#left-bar .basket .pics img { padding-right: 4px; }
#left-bar .basket .info { display: block; padding-bottom: 15px; margin-left: 5px;
	background-image: url('/media/img/graydots-divider.png'); background-position: bottom right; background-repeat: repeat-x;
	font-size: 13px; }
#left-bar .basket .info strong { color: #0676a6; }
#left-bar .basket .order-button { margin-top: 10px; }

/* Left-bar promo */
#left-bar p.promo { display: block; margin: 8px 0px 20px 20px; }
#left-bar .promo img { display: block; }

/* Content-bar */
#content-bar a { color: #0676a4; }
#content-bar a:visited { color: #565656; }
#content-bar p { line-height: 1.35em; }
#content-bar h1, 
#content-bar h2 { display: block; width: 745px; margin: 0px; padding-top: 35px; padding-bottom: 18px;
	background-image: url('/media/img/hr-back.gif'); background-position: bottom left; background-repeat: repeat-x;
	font-size: 22px; line-height: 25px; font-weight: normal; text-transform: uppercase; }
#content-bar h2 { padding-top: 10px; font-size: 17px; line-height: 17px; }
#content-bar h1.product-name { text-transform: none; }

.catalog-header { display: block; line-height: 22px; margin: 0px; padding-top: 23px; padding-bottom: 30px;
	font-weight: bold;
	background-image: url('/media/img/hr-back.gif'); background-position: bottom left; background-repeat: repeat-x; }

/* Catalog */
#content-bar #catalog { margin-right: -15px; margin-bottom: 40px; }
#catalog p.item { display: block; float: left; margin: 0px; margin-bottom: 5px; }
#catalog p.item { padding-right: 15px; padding-top: 20px; width: 238px; font-weight: bold;}
#catalog .item a { color: #565656; text-decoration: none; }
#catalog .item a:hover { text-decoration: underline; }
#catalog .item img { display: block; }
#catalog .new-line { clear: both; }
#catalog .item .price { font-weight: normal; font-size: 18px; color: #0676a4; line-height: 1.5em;  }
.old-price { padding-right: 8px; 
	background-image: url('/media/img/small-arrow.gif'); background-position: center right; background-repeat: no-repeat;
	font-weight: normal; font-size: 16px; color: none; line-height: 1.5em; }
#catalog .item { position: relative;  }
#catalog .discount { float: right; display: block; width: 84px; height: 80px; 
	position: absolute; top: 105px; left: 165px; }
#catalog .discount50 { background-image: url('/media/img/discount50.png'); }
	
/* Page navigation */
p#page-navigation { display: block; margin: 0px; height: 28px; }
#page-navigation a { display: block; float: left; height: 28px; width: 32px;
	background-image: url('/media/img/page-nav-rounds.png'); background-repeat: no-repeat; background-position: 50% 0%;
	font-size: 15px; line-height: 27px; color: #565656; text-decoration: none; text-align: center; }
#page-navigation a:hover { text-decoration: underline; }
#page-navigation .back-button { margin-right: 10px; width: 96px; 
	background-image: url('/media/img/page-back-button.png'); background-position: 0% 0%;  }
#page-navigation .forw-button { margin-left: 10px; width: 96px; 
	background-image: url('/media/img/page-forw-button.png'); background-position: 0% 0% }
#page-navigation .current { background-position: 50% 100%; font-weight: bold; }
#page-navigation .inactive { background-position: 0% 100%; cursor: default;  } 

/* Basket page */
#page-basket { margin-top: 1.5em; border: solid #cdcfd0 1px; border-bottom: 0px; background-color: #ededeb; }
#page-basket th, 
#page-basket td { border-bottom: solid #cdcfd0 1px; font-size: 13px; text-align: center; color: #565656; }
#page-basket th { padding: 10px 10px; font-weight: bold; background-color: #ddddda; }
#page-basket td { padding: 25px 0px 20px 10px; }
#page-basket .image { width: 105px; vertical-align: top; text-align: left; }
#page-basket .info { vertical-align: top; text-align: left; font-weight: bold; } 
#page-basket .info p { }
#page-basket .quantity { width: 100px; font-weight: bold; }
#page-basket .total { width: 120px; text-align: left; }
#page-basket .price { font-size: 20px; font-weight: normal; }
#page-basket .price .currency { font-size: 14px; }
#page-basket .total .price { color: #0676a4; }
#page-basket .delete { width: 110px; text-align: center; }
#page-basket .delete a,
#page-basket .delete a:visited { color: #0676a4; text-decoration: none; }
#page-basket .delete a:hover { text-decoration: underline; }
.delete-button { width: 22px; height: 22px; margin: 10px auto; margin-top: 26px; }
.delete-button a {display: block; width: 22px; height: 22px; 
	background-image: url('/media/img/delete-button.png');
	cursor: pointer; }
.delete-button a.pressed { background-position: bottom; }
#page-basket th.result { text-align: right; font-size: 18px; font-weight: normal; padding-top: 15px; padding-bottom: 15px; }
#page-basket .result .price { font-size: 22px; color: #0676a4; }
#page-basket .result .price .currency { font-size: 16px; }

/* Product page */
table#product { width: 100%; margin-bottom: 30px; }
#product .description { width: 500px; line-height: 18px; padding-bottom: 20px; padding-top: 20px;
	background-image: url('/media/img/dots.gif'); background-repeat:repeat-x; background-position: bottom left; }
#product .description p { margin: 0px; line-height: 1.35em; }
#product .description p img { margin-bottom: 20px; }
#product .additional { padding-left: 20px; padding-top: 20px;  vertical-align: top; }
#product .additional p.pics { display: block; float: left; width: 81px; margin: 0px; margin-right: 20px; }
#product .additional .pics img { margin-top: 10px; }
#product .additional .colors { display: block; float: left; width: 110px; }
#product .additional .colors a { font-size: 11px; line-height: 12px; text-decoration: none; color: #565656; }
#product .additional .colors a:hover { text-decoration: underline; }
#product .additional .colors a.current:hover { text-decoration: none; }
#product .additional .colors a.current { font-size: 11px; font-weight: bold; }
#product .additional .colors td { padding: 0px; padding-top: 10px; }
#product .additional .colors .pic { width: 30px; height:23px; background-repeat: no-repeat; }
#product .additional .colors .color1 .pic { background-image: url('/media/img/color-white.png'); }
#product .additional .colors .color2 .pic { background-image: url('/media/img/color-dark-green.png'); }
#product .additional .colors .color3 .pic { background-image: url('/media/img/color-violet.png'); }
#product .details { padding-top: 20px; padding-bottom: 20px; width: 250px; vertical-align: top;
	background-image: url('/media/img/dots.gif'); background-repeat:repeat-x; background-position: bottom left; }
#product .details p,
#product .price p { margin-top: 0px; }
#product .details ul { margin: 0px; padding: 0px; margin-left: 15px; margin-top: -5px; }
#product .price { padding-top: 20px; padding-left: 20px; width: 230px;  }
#product .price small { font-size: 11px; color: #0676a4; }
#product .price .new-price { font-size: 22px; color: #0676a4; }
#product td.order { padding-top: 20px; padding-bottom: 20px;  vertical-align: bottom; text-align: right;
	background-image: url('/media/img/dots.gif'); background-repeat:repeat-x; background-position: bottom left; }


/* Footer */
#footer p { display: block; padding: 0px; margin: 0px; }
#footer .footerMenu { padding-left: 35px; margin-top: 34px; color: #474746; }
#footer .footerMenu a { padding: 0px 10px; color: #474746; }
#footer .copyrights { position: absolute; bottom: 30px; width: 100%; text-align: center; font-size: 11px; color: #929292; }

/**/