/**
 * = Ikebana Core
 *
 * @author	Ivan Zhekov <http://joneff.info>
 */


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




/**
 * #region	Basic styling
 */




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




/**
 * == Elements
 */




/**
 * === Root elements
 */
html {
	margin: 0;
	padding: 0;
	background: #ffffff;
}
body {
	margin: 0;
	padding: 0;
	color: #000000;
	background: transparent;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
#site-wrap {
	margin: 10px 40px;
	position: relative;
}




/**
 * === Block Elements
 */
div {}
p {}
blockquotes {}




/**
 * === Headings
 */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em;
	color: #666666;
}
h1 {
	font-size: 2em;
	font-weight: normal;
}
h2 {
	font-size: 1.7em;
	font-weight: normal;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	font-size: 1.2em;
	font-weight: normal;
}
h5 {
	font-size: 1em;
	font-weight: bold;
}
h6 {
	font-size: .8em;
	font-weight: bold;
}




/**
 * === Tables
 */
table {}
caption {}
thead, tbody ,tfoot {}
th, td {
	vertical-align: top;
}




/**
 * === Lists
 */
ol, ul {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
ol:first-child, ul:first-child {
	margin-top: 0;
}
ul:last-child, ol:last-child {
	margin-bottom: 0;
}




/**
 * === Quotes
 */
blockquote {
	margin: 1em 40px;
}
cite {
	font-style: italic;
}




/**
 * === Links
 */
a {
	color: #6666cc;
	text-decoration: none;
}
a:hover {
	color: #6666cc;
	text-decoration: underline;
}
a:focus {
	outline: 1px dotted;
}




/**
 * === Phrase elements
 */
i, em {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
small {
	font-size: .8em;
}
big {
	font-size: 1.2em;
}




/**
 * === Images
 */
img, a img {
	border: none;
	vertical-align: bottom;
}




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




/**
 * == Forms
 */
form {
	margin: 0;
	padding: 0;
}


.text {
	padding: 2px 5px;
	color: #0b1867;
	border: 1px solid #e2e3e4;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}


.button {
	margin: 0;
	padding: 0;
	border: 1px solid;
}
.buttons {
	margin: 2em 0 0 0;
	text-align: center;
}




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




/**
 * == Utility classes
 */




/**
 * === Text alignment
 */
.align-left			{text-align: left;}
.align-right			{text-align: right;}
.align-center			{text-align: center;}
.align-justify			{text-align: justify;}




/**
 * === Positioning classes
 */
.float-left			{float: left;}
.float-right			{float: right;}




/**
 * === Sizing classes
 */
.half-width			{width: 49%;}
.full-width			{width: 99%;}




/**
 * === Icon classes
 */
.image-link {}
.image-icon {}
.image-button {
	vertical-align: bottom;
}




/**
 * === Hide text
 */
.hide-text span 			{display: none;}




/**
 * === Visual clear
 */
.clear {
	clear: both;
}
.empty  {
	height: 1px!important;
	font-size: 1px!important;
	line-height: 1px!important;
}


.clear-fix {
	clear: both;
	height: 1px!important;
	font-size: 1px!important;
	line-height: 1px!important;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-after {
	_height: 1%;
	min-height: 1%;
}
.clear-after:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}




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




/**
 * #region	Layout
 */




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




/**
 * == Header
 */
#header {
	padding: 0 120px 0 0;
	height: 150px;
	background: url("images/header-bg.gif") right top no-repeat;
	font-size: 11px;
	position: relative;
	overflow: hidden;
}




/**
 * === Site logo
 */
#header #site-logo {
	position: absolute;
	top: 0;
	left: 0;
}




/**
 * === Top navigation
 */
#header #top-nav {
	position: absolute;
	top: 40px;
	left: 260px;
}
#header #top-nav a {
	color: #05197a;
}
#header #top-nav a:hover {
	color: #05197a;
}




/**
 * === Top search
 */
#header #top-search {
	padding: 47px 40px 0 0;
	height: 27px;
	background: url("images/top-search-bg.gif") right bottom no-repeat;
	border-bottom: 1px solid #474b82;
	text-align: right;
}
#header #top-search .text {
	width: 150px;
}
#header #top-search .button {
	width: 75px;
	_height: 20px;
	color: #ffffff;
	background: #f4b601 url("images/top-search-button-tile.gif") left center repeat-x;
	border: 1px solid #ffe7a1;
	font-weight: bold;
}




/**
 * === Language select
 */
#header #lang-select {
	margin: 0;
	padding: 5px 10px;
	float: left;
	clear: both;
}




/**
 * === Language select
 */
#header #site-slogan {
	margin: 0;
	color: #474b82;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
}




/**
 * === Login bar
 */
#login-bar {
	height:  30px;
	padding: 10px 20px;
	color: #ffffff;
	background: #ffbe00 url("images/login-bar-bg.gif") left top no-repeat;
	font-size: 10px;
	line-height: 30px;
	overflow: hidden;
}
#login-bar a {
	color: #333300;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 10px;
}
#login-bar .text {
	color: #000000;
	border: 0;
	border-top: 2px solid #8c8c8c;
	border-bottom: 1px solid #ffe599;
	border-left: 1px solid #cfad48;
	font-size: 11px;
}
#login-bar .button {
	padding: 1px 10px;
	color: #ffffff;
	background: #474b82;
	border: 1px solid #ffffff;
	font-size: 11px;
	font-weight: bold;
}




/**
 * === Shopping cart
 */
#shopping-cart {
	margin: 0;
	padding: 10px 60px 10px 0;
	height: 30px;
	background: url("images/shopping-cart-bg.gif") right center no-repeat;
	line-height: 30px;
	position: absolute;
	bottom: 0;
	right: 140px;
}
#shopping-cart .qty {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 25px;
}




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




/**
 * == Middle
 */
#middle {
	margin: 10px 0;
	overflow: hidden;
	position: relative;
	_display: inline-block;
}


.main, .sidebar {
	overflow: hidden;
	padding-bottom: 1000em;
	margin-bottom: -999.5em;
}
.main .c-wrap,
.sidebar .c-wrap {
	height: 100%;
	position: relative;
}




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




/**
 * == Layouts
 */




/**
 * === Two column layouts
 */
.layout-sc {
	padding: 0 0 0 210px;
}
.layout-sc #content {
	width: 100%;
	float: right;
	display: inline;
}
.layout-sc #sb-a {
	margin-left: -210px;
	width: 210px;
	float: left;
	display: inline;
}




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




/**
 * == Sidebar
 */
.sidebar {
	background: #d0d5eb;
	font-size: 11px;
	line-height: 1.2;
}
.sidebar .c-wrap {}




/**
 * === Sidebar section
 */
.sidebar .section {
	margin: 0 0 3em 0;
	_height: 1%;
	min-height: 1%;
	clear: both;
}
.sidebar .section:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.sidebar .section:last-child {
	margin-bottom: 0;
}




/**
 * === Sidebar titles
 */
.sidebar h2.title {
	margin: 0;
	padding: 5px 15px;
	color: #ffffff;
	background: #484f7d url("images/sb-title-bg.gif") left top no-repeat;
	border-bottom: 2px solid #ffbe0a;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.sidebar h3.sub-title {}
.sidebar h1, .sidebar h2, .sidebar h3,
.sidebar h4, .sidebar h5, .sidebar h6 {}




/**
 * === Sidebar content
 */
.sidebar .content {
	margin: 10px;
	padding: 0;
}
.sidebar p {
	margin: .75em 0;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar ul li {
	margin: 5px 0;
	padding: 0 0 0 10px;
	_height: 1%;
	min-height: 1%;
	background-image: url("images/sb-bullet.gif");
	background-position: left 7px;
	background-repeat: no-repeat;
	clear: both;
}




/**
 * === Sidebar links
 */
.sidebar a {
	color: #00046b;
	font-weight: bold;
	text-decoration: underline;
}
.sidebar a:hover {
	color: #6666cc;
}
.sidebar a.important {
	/*color: @sb-link-hover-color;*/
}




/**
 * === Sidebar extra content
 */
.sidebar .buttons {
	margin: 1em;
	padding: .5em 0;
	text-align: center;
}
.sidebar .more {
	margin: 1em 0 0 0;
	font-size: .9em;
	text-align: right;
	clear: both;
}




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




/**
 * == Main region
 */
.main {}
.main .c-wrap {
	margin: 0 10px;
	padding: 1px 0 0 0;
}




/**
 * === Main region section
 */
.main .section {
	margin: 0 0 30px 0;
	_height: 1%;
	min-height: 1%;
}
.main .section:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}




/**
 * === Main region titles
 */
.main .page-title,
.main h2.title {
	margin-top: 0;
	height: 25px;
	border-bottom: 1px solid #d6d6d6;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
}
.main .page-title .wrap,
.main h2.title .wrap {
	width: 100%;
	background-image: url("images/main-title-bl.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.main .page-title .inner-wrap,
.main h2.title .inner-wrap {
	padding: 0 20px 10px 20px;
	background-image: url("images/main-title-br.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
}




/**
 * ==== Page title
 */
.main .page-title {
	margin: 20px 0 1em 0;
	background: url("images/page-title-bg.gif") 15px 2px no-repeat;
}
.main .page-title .inner-wrap {
	padding-left: 35px;
}




/**
 * === Main region content
 */
.main .content {
	margin: 0 0 30px 0;
	padding: 10px;
	_height: 1%;
	min-height: 1%;
}
.main .content:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.main p {}
.main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main ul li {
	padding: 0 0 0 10px;
	margin: 5px;
	background: url("images/main-sub-cat-bg.gif") left 5px no-repeat;
}
.main blockquote {}




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



/**
 * == Item
 */
.item {}
.item .thumb {}




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



/**
 * == Footer
 */
#footer {
	padding: 6px;
	height: 25px;
	color: #c0c0c0;
	background: url("images/footer-tile.gif") left top repeat-x;
	border-top: 2px solid #eceaea;
	font-size: 9px;
	line-height: 25px;
	text-align: center;
	clear: both;
}
#footer p {
	margin: 0;
}




/**
 * == Footer links
 */
#footer a {
	color: #cccccc;
}
#footer a:hover {
	color: #cccccc;
}




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




/**
 * #region	Sidebar modules
 */




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




/**
 * == Sidebar modules
 */




/**
 * === Menu
 */
.sidebar .menu {
}
.sidebar .menu .content {
	margin: 15px;
}
.sidebar .menu ul {}
.sidebar .menu ul li {
	margin: 7px 0;
	padding: 0 0 0 16px;
	background-image: url("images/sb-menu-bullet.gif");
	background-position: left 3px;
}
.sidebar .menu ul li li {
	background-image: url("images/sb-menu-bullet-b.gif");
}
.sidebar .menu ul li.collapse {
	background-image: url("images/sb-menu-bullet-collapse.gif");
}
.sidebar .menu ul li li.collapse {
	background-image: url("images/sb-menu-bullet-collapse-b.gif");
}
.sidebar .menu ul li.expand {
	background-image: url("images/sb-menu-bullet-expand.gif");
}
.sidebar .menu ul li li.expand {
	background-image: url("images/sb-menu-bullet-expand-b.gif");
}




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




/**
 * #region	Content modules
 */




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




/**
 * == Content modules
 */




/**
 * === Bread crumb
 */
.main .bc {
	width: 100%;
	color: #484f7d;
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	top: 0;
}


.main .bc h2.title {
	margin: 0;
	height: auto;
	color: #484f7d;
	border: 0;
	font-size: 10px;
	line-height: 12px;
	float: left;
	position: static;
}
.main .bc h2.title .wrap,
.main .bc h2.title .inner-wrap {
	margin: 0;
	padding: 0;
	width: auto;
	background: none;
	position: static;
}


.main .bc .content {
	margin: 0;
	padding: 0;
}


.main .bc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main .bc ul li {
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
	background-image: url("images/main-bc-bullet.gif");
	background-position: left 4px;
	background-repeat: no-repeat;
	float: left;
}
.main .bc ul li:first-child,
.main .bc ul li.first-child {
	background-image: none;
}


.main .bc a {
	color: #484f7d;
	text-decoration: underline;
}
.main .bc a:hover {
	color: #484f7d;
}




/**
 * === Product list
 */
.main .product-list {}
.main .product-list .product {
	margin: 15px 12px 20px 12px;
	padding: 2px 0 0 0;
	min-height: 210px;
	width: 142px;
	color: #484f7d;
	float: left;
}
.main .product-list .product .thumbholder {
	height: 132px;
	width: 122px;
	padding: 1px;
	border: 1px solid #d6d6d6;
}
.main .product-list .product .thumb {
}

.main .product-list .product .thumb img {
	max-width: 120px;
	max-height: 130px;
}
.main .product-list .product h3.item-title {
	margin-top: 12px;
	color: #00046b;
	font-size: 12px;
	font-weight: bold;
	height: 48px;
}
.main .product-list .product h3.item-title a {
	color: #00046b;
	text-decoration: underline;
}
.main .product-list .product .price {}
.main .product-list .product .price strong {
	color: #ff9900;
}
.main .product-list .product .more-link {
	padding: 0 10px 0 0;
	background: url("images/main-more-link-bg.gif") right 4px no-repeat;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.main .product-list .product .item-status {
	display: none;
	z-index: 2;
}
.main .product-list .not-available .item-status {
	width: 100%;
	color: #ff0000;
	font-size: 10px;
	text-align: center;
	display: block;
	position: absolute;
	top: 70px;
}
.main .product-list .promo .item-status {
	width: 68px;
	height: 68px;
	background: url("images/item-promo-bg.gif") center center no-repeat;
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
}
.main .product-list .promo .item-status span {
	display: none;
}




/**
 * === Product list B
 */
.main .product-list-b {}


.main .product-list-b h2.title {
	height: auto;
	border: none;
}
.main .product-list-b h2.title .wrap,
.main .product-list-b h2.title .inner-wrap{
	margin: 0;
	background: none;
	position: static;
}


.main .product-list-b .product {
	margin: 10px 0;
	padding: 0 0 0 120px;
	_height: 100px;
	min-height: 100px;
	color: #484f7d;
	position: relative;
	float: left;
}


.main .product-list-b .product .thumb {
	position: absolute;
	top: 0;
	left: 0;
}


.main .product-list-b .product h3.item-title {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}


.main .product-list-b .product .more-link {
	padding: 0 10px 0 0;
	background: url("images/main-more-link-bg.gif") right 4px no-repeat;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	position: absolute;
	bottom: 0;
	right: 0;
}


.main .product-list-b ul {}
.main .product-list-b ul li {
	margin: 5px;
	width: 240px;
	float: left;
	display: inline;
}




/**
 * === Single product
 */
.main .single-product {}
.main .single-product h2.title {
	display: none;
}
.main .single-product .thumb {
	margin: 0 20px 20px 0;
	border: 1px solid #d6d6d6;
	float: left;
}
.main .single-product .thumb img {
	max-width: 280px;
}


.main .single-product h3.item-title {
	margin-top: 0;
	color: #4658b4;
	font-size: 18px;
}
.main .single-product h3.item-title span {
	border-bottom: 2px solid #ffbe00;
}


.main .single-product .price {
	color: #484f7d;
	font-size: 14px;
}
.main .single-product .price strong {
	color: #ff9900;
	font-size: 18px;
	font-weight: bold;
}


.main .single-product .item-status {
	color: #484f7d;
	font-size: 14px;
}

.main .single-product .item-status span.available {
	color: #00ee00;
	text-transform: uppercase;
	font-weight: bold;
}

.main .single-product .item-status span.unavailable {
	color: #ee0000;
	text-transform: uppercase;
	font-weight: bold;
}


.main .single-product .send-link {
	padding: 1px 0 1px 18px;
	color: #4658b4;
	background: url("images/main-send-link-bg.gif") left center no-repeat;
	font-size: 10px;
	text-decoration: underline;
}
.main .single-product .print-link {
	padding: 1px 0 1px 16px;
	color: #4658b4;
	background: url("images/main-print-link-bg.gif") left center no-repeat;
	font-size: 10px;
	text-decoration: underline;
}




/**
 * === Sub categories
 */
.main .sub-categories {}
.main .sub-categories .content {}
.main .sub-categories ul {}
.main .sub-categories ul li {
	margin: 5px;
	width: 250px;
	float: left;
	display: inline;
}




/**
 * === Sub categories b
 */
.main .sub-categories-b {
	margin-bottom: 0;
	background: #f3f3f3;
	border-top: 1px dotted #000000;
}
.main .sub-categories-b .content {
	margin-bottom: 0;
}
.main .sub-categories-b ul {}
.main .sub-categories-b ul li {
	margin: 5px;
	width: 240px;
	float: left;
	display: inline;
}




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




/**
 * #region	UI components
 */




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




/**
 * == UI components
 */




/**
 * === Grid A
 */
table.grid-a {}




/**
 * === Grid B
 */
table.grid-b {
	width: 75%;
}
table.grid-b th {
	padding: 2px 5px;
	color: #333333;
	background: #d2d4ef;
	text-align: center;
}
table.grid-b td {
	padding: 2px 5px;
	color: #333333;
	background: #edeef2;
	text-align: center;
}


/* -------- Additional Styles --------- */

.th
{
    background-color: #d0d5eb;
    height:24px;
    color:#080500;
}

#admin-menu
{
	line-height: 17px;
	width: 100%;
	display: block;
	padding: 4px;
	clear: right;
}

#admin-menu a
{
	color: #000000;
	font-weight: bold;
	padding-right: 10px;
}

.reportsmenu
{
	position: relative;
	z-index: 100;
}

.reportsmenuitem
{
	padding: 3px;
	background-color: #d0d5eb;
	border: solid 1px #d0d5eb;
}

.reportsmenuitem a
{
	display: block;
	padding: 2px;
	color: #FFFFFF;
	text-decoration: none;
}

.formrow
{
    padding: 8px 0 0px 2px;
    line-height: 25px;
    font-size: 12px;
    margin: 0px;
}

.formbox
{
	height: 100%;
	width: 550px;
	margin-left: 50px;
	margin-right: auto;
	background-color: #fff;
}

.formlabel
{
    width:145px;
    display:block;
    float:left;
}

.scrollform
{
	height: 480px;
	overflow: scroll;
}

.cpanel
{
	display: block;
	width: 200px;
	padding-top: 4px;
	padding-left: 30px;
	float: left;
	min-height: 13px;
	line-height: 13px;
}

.cpanel a
{
	color: #009593;
}

.cpanelactions
{
	background-image: url(images/hammer-small.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	clear: none;
	position: relative;
	z-index: 99;
	padding-left: 27px;
}

.controlpanel
{
	padding: 5px;
	width: 150px;
	position: absolute;
	color: #fff;
	background-color: #005577;
	display: block;
	border: solid 1px #6BCFCF;
	z-index: 100;
}

.controlpanel a
{
	font-weight:bold;
	color:#fff;
}

.controlpanel label
{
	color: #66CFCF;
	padding-bottom: 3px;
	margin-bottom: 7px;
	display: block;
	border-bottom: solid 1px #6BCFCF;
}

.modalBackground
{
	background-color: #999999;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #FFFFDD;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 750px;
}

.adminCategoriesTree
{
	height: 450px;
	width: 320px;
	overflow: scroll;
}

.adminCategoriesTableCell
{
	border:solid 1px #a7a6aa;
}

#ctl00_phAjaxPopups_ctl01_upInnerPanel
{
	position: relative;
    float: left;
}

#ctl00_phAjaxPopups_ctl01_UpdateProgressImages
{
	width: 746px;
	height: 455px;
	background-color: #AABBBB;
    position: absolute;
    top: 2px;
    left: 2px;
    filter: alpha(opacity=60);
	opacity: 0.6;
}