@charset "utf-8";

.no-screen { display: none; }

body {
	background: #ffe9f5;
	text-align: center;
}

#container {
	width: 950px;
	margin: 0 auto;
	text-align: justify;
	padding-top: 15px;
}

#topmenu {
	margin: 0;
	padding: .75em 1.6em .3em 0;
	list-style: none;
	text-align: right;
}

#topmenu li {
	display: inline;
	padding: 0 1.1em;
	border-right: solid 1px #000;
}

#topmenu li.last {
	border-right: none;
}

#topmenu #wholesale-msg {
	padding-right: 75px;
	border-right: none;
}

#topmenu #wholesale-msg img {
	margin: -5px 0;
	vertical-align: middle;
}


#mbody {
	background: #fff;
	border: solid 1px #bbb;
}

#mbcnr-tl {
	position: relative;
	background: url(../pix/mbcnr-tl.gif) left top no-repeat;
	height: 45px;
	top: -1px;
	left: -1px;
	margin-bottom: -45px;
}

#mbcnr-tr {
	position: relative;
	background: url(../pix/mbcnr-tr.gif) right top no-repeat;
	height: 45px;
	right: -2px;
}

#mbcnr-bl {
	position: relative;
	background: url(../pix/mbcnr-bl.gif) left bottom no-repeat;
	height: 45px;
	bottom: -1px;
	left: -1px;
	margin-top: -45px;
}

#mbcnr-br {
	position: relative;
	background: url(../pix/mbcnr-br.gif) right bottom no-repeat;
	height: 45px;
	right: -2px;
}

#logo {
	margin-top: -24px;
}

#mainmenu {
	position: relative;
	float: right;
	margin: 0;
	padding: 31px 50px 0 0;
	list-style: none;
}

#mainmenu li {
	display: inline;
	font: 18px Georgia, "Times New Roman", Times, serif;
}

#mainmenu li a, #mainmenu li a:visited {
	color: #000;
	padding: 0 .75em;
}

/* ie is stupid fix */
#top { height: 76px; }

#content {
	padding: 0 11px;
}

#content-left {
	float: left;
	width: 190px;
	padding-bottom: 1em;
}

#leftmenu {
	background: #000;
	font-size: .9em;
	margin-top: 3px;
}

#leftmenu .cnr-tl {
	background: url(../pix/leftmenu-cnr-tl.gif) left top no-repeat;
	margin-bottom: -5px;
}

#leftmenu .cnr-tr {
	background: url(../pix/leftmenu-cnr-tr.gif) right top no-repeat;
	height: 5px;
}

#leftmenu .cnr-bl {
	background: url(../pix/leftmenu-cnr-bl.gif) left bottom no-repeat;
	margin-top: -5px;
}

#leftmenu .cnr-br {
	background: url(../pix/leftmenu-cnr-br.gif) right bottom no-repeat;
	height: 5px;
}

#leftmenu .inner {
	position: relative;
	background: url(../pix/leftmenu-bg.jpg);
	margin: 5px;
}

#leftmenu .inner .cnr-tl {
	position: relative;
	background: url(../pix/leftmenu-inner-cnr-tl.gif) left top no-repeat;
	height: 35px;
	margin-bottom: -35px;
}

#leftmenu .inner .cnr-tr {
	background: url(../pix/leftmenu-inner-cnr-tr.gif) right top no-repeat;
	height: 35px;
}

#leftmenu .inner .cnr-bl {
	position: relative;
	background: url(../pix/leftmenu-inner-cnr-bl.gif) left bottom no-repeat;
	height: 35px;
	margin-top: -35px;
}

#leftmenu .inner .cnr-br {
	background: url(../pix/leftmenu-inner-cnr-br.gif) right bottom no-repeat;
	height: 35px;
}

#leftmenu ul {
	margin: 0;
	padding: 0;
	padding-bottom: 2.5em;
	list-style: none;
	text-transform: uppercase;
	border: solid 1px #871351;
	text-align: center;
}

#leftmenu ul ul {
	margin: 0;
	padding: 0;
	text-transform: none;
	background: none;
	border: none;
}

#leftmenu li {
	display: inline;
	padding: 1px 0;
}

#leftmenu ul a {
	display: block;
	position: relative;
	color: #871351;
	padding: .25em 0;
	line-height: 1.5em;
	margin: 2.5em 0 .5em 0;
}

#leftmenu ul ul a {
	margin: 0;
	padding: 3px;
	color: #fff;
}

#leftmenu ul ul a:hover, #leftmenu ul ul a:active, #leftmenu ul ul a:focus {
	padding: 2px;
	border: dotted 1px #871351;
}

#content-main {
	float: left;
	width: 500px;
	margin: 0 15px;
	padding-bottom: 20px;
	overflow: hidden;
}

#content-right {
	float: left;
	width: 203px;
}

#content-right ul {
	text-align: left;
}

#content-right .decorative-box {
	line-height: 1.25em;
}

.decorative-box .cnr-tl {
	position: relative;
	top: -4px;
	left: -6px;
	margin-bottom: -87px;
	background:  url(../pix/dbox-cnr-tl.gif) left top no-repeat;
}

.decorative-box .cnr-tr {
	position: relative;
	right: -12px;
	background:  url(../pix/dbox-cnr-tr.gif) right top no-repeat;
	height: 83px;
}

.decorative-box .cnr-bl {
	position: relative;
	margin: -1px;
	background:  url(../pix/dbox-cnr-bl.gif) left bottom no-repeat;
}

.decorative-box .cnr-br {
	position: relative;
	background:  url(../pix/dbox-cnr-br.gif) right bottom no-repeat;
	height: 5px;
}

.box .cnr-tl, .pbox .cnr-tl, .float-box .cnr-tl {
	position: relative;
	margin: -1px;
	margin-bottom: -5px;
	background: url(../pix/box-cnr-tl.gif) left top no-repeat;
}

.box .cnr-tr, .pbox .cnr-tr, .float-box .cnr-tr {
	background: url(../pix/box-cnr-tr.gif) right top no-repeat;
	height: 5px;
}

.box .cnr-bl, .pbox .cnr-bl, .float-box .cnr-bl {
	position: relative;
	margin: -1px;
	background: url(../pix/box-cnr-bl.gif) left bottom no-repeat;
}

.box .cnr-br, .pbox .cnr-br, .float-box .cnr-br {
	background: url(../pix/box-cnr-br.gif) right bottom no-repeat;
	height: 5px;
}

.pbox .cnr-tl { background-image: url(../pix/pbox-cnr-tl.gif); }
.pbox .cnr-tr { background-image: url(../pix/pbox-cnr-tr.gif); }
.pbox .cnr-bl { background-image: url(../pix/pbox-cnr-bl.gif); }
.pbox .cnr-br { background-image: url(../pix/pbox-cnr-br.gif); }

#search-box {
	text-align: right;
	margin-bottom: 1em;
	white-space: nowrap;
}

#search-box input.text {
	border: solid 1px #c6c6c6;
	width: 110px;
}

#search-box input.img {
	margin-top: -3px;
}

#cart-overview .inner {
	padding: 2em 10px 2em 0;
}

#cart-overview ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}

#cart-overview ul span {
	position: relative;
	display: block;
	float: left;
	clear: left;
	text-align: right;
	width: 30px;
	padding-right: 5px;
}

#cart-overview ul a {
	position: relative;
	display: block;
	float: left;
	width: 135px;
	margin-bottom: 1em;
	color: #6c6c6c;
}
#cart-overview li.empty-cart {
	text-align: center;
	margin: 1.5em 0 2em 0;
}


#cart-overview ul a:hover, #cart-overview ul a:active, #cart-overview ul a:focus {
	color: #00f;
}

#cart-overview .subtotal {
	clear: both;
	text-align: right;
}

#cart-overview .btm {
	border-top: dotted 1px #ababab;
	margin: 0 10px;
	text-align: center;
	padding: 7px 0;
	color: #ff399c;
}

#cart-overview .btm a {
	padding: .25em .75em;
}

#login-box {
	display: block;
	position: absolute;
	top: -1000px;
	z-index: 999;
	width: 250px;
	text-align: left;
}

#login-box form {
	padding: 10px;
}

#login-box form .fields {
	text-align: right;
	margin-right: 20px;
}

#login-box form .fields input {
	width: 115px;
}

.shadow {
	padding-right: 8px;
	padding-bottom: 8px;
	background: url(../pix/shadow.png) right bottom;
}

#footer {
	text-align: right;
	padding: .5em 20px;
	line-height: 1.5em;
	color: #9f9f9f;
}

#footer ul {
	margin: 0;
	padding: .5em 0 0 15px;
	list-style: none;
	float: left;
	width: 600px;
	text-align: left;
}

#footer li {
	display: inline;
}

#footer li a {
	margin: 0 .5em;
}