/*
<summary>Jula - layout.css</summary>
<author>Tomasz Okborg</author>
<date>2009-05-18</date>
<copyright>Litium E-commerce, all rights reserved</copyright>
*/

/*    ----<  Site layout   >----    */
div#site-wrapper { width: 990px; margin: 0px auto; background-color: #fff  }
/*    ----</  Site layout   >----    */


/*    ----<  Header wrapper   >----    */
div#header-wrapper {  overflow: hidden;	 height: 128px;	background-image: url(../images/layout/common/background-header-wrapper.png); background-position:left bottom;	background-repeat: no-repeat;	margin-bottom: 10px; }
/*div.header-left { position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; background-image: url(../images/layout/common/header-left.png);	background-repeat: no-repeat; }
div.header-right { position: absolute;	bottom: 0; right: 0;	width: 5px;	height: 5px; background-image: url(../images/layout/common/header-right.png);	background-repeat: no-repeat; }*/

div#logo-wrapper { width: 229px; float: left; margin: 2px; margin-right: 6px; }

div#search-login-cart-wrapper { float: left; overflow: hidden;	width: 753px; }

div#image-search-wrapper {	width: 457px; min-height: 98px; float: left;	overflow: hidden; }
div#image-search-wrapper div.left {	margin-right: 10px; }

form#search { float: left;	overflow: hidden;	margin-top: 35px; margin-left: 0px; }
form#search input.text { width: 195px;	margin-top: 1px; padding: 3px; float: left; font-size: 13px; border: 1px solid #aa171c; color: #888; }
form#search input.button, form#search a { margin-left: 8px; padding: 3px; border: 1px solid #aa171c; float: left; }

div#login-wrapper { min-height: 25px; float: right; overflow: hidden; margin-right: 8px; width: 281px; }
div#login-wrapper input { margin: 0; width: 14px; margin-top: 5px; margin-left: 5px; height: 14px; padding: 0; }
div#login-wrapper label { color: #fff;	margin-top: 5px; margin-left: 3px; }
div.top-button { overflow: hidden; float: left;	margin-right: 1px; position: relative; }
div.top-button a { display: block; text-decoration: none; background: #fff; padding: 3px 2px 5px 2px;	margin: 0 3px;	font-weight: bold; }
div.top-button a span.inactive { font-weight: normal;	color: #999; }
div.top-button div.left { background-image: url(../images/layout/common/top-button-left.png); background-repeat: no-repeat; background-position: bottom left; min-height: 18px; padding: 3px 0px 5px 0px; width: 3px; position: absolute;	bottom: 0; left: 0; }
div.top-button div.right {	background-image: url(../images/layout/common/top-button-right.png);	background-repeat: no-repeat;	background-position: bottom right; min-height: 18px; padding: 3px 0px 5px 0px; width: 3px; position: absolute; bottom: 0; right: 0; }

div#cart-wrapper { width: 265px; }
div.cart-empty, div.cart-content { float: right; padding: 13px; padding-bottom: 5px; min-height: 59px; overflow: hidden; position: relative; color: #fff; background-repeat: no-repeat; }
div.cart-empty { background-image: url(../images/layout/common/background-cart-wrapper-inactive.png); }
div.cart-content { background-image: url(../images/layout/common/background-cart-wrapper-active.png); }
div#cart-quantity { clear: both; overflow: hidden;	margin-bottom: 6px; }
div#cart-quantity span { display: block; float: right; line-height: 16px; margin-right: 3px; }
div#cart-quantity img {	float: left; }
div#cart-total { font-weight: bold;	line-height: 14px; }
div#cart-save { font-size: 10px; }
#cart-wrapper input.button { width: auto !important; position: absolute; bottom: 0px; right: 18px; }
#cart-wrapper input.checkout, #cart-wrapper img.checkout { position: absolute; bottom: 15px; right: 15px; }

div#menu-wrapper { overflow: hidden; float: left; width: 730px; }
div.menu-item { overflow: hidden; float: left; margin-right: 2px; }
div.menu-item a { display: block; float: left; margin: 0px; padding: 8px 0 7px 0; color: #fff; font-weight: bold; background-color: #aaa096; text-decoration: none;}
div#menu-wrapper.pl div.menu-item a { /*font-size: 10px; padding: 8px 0; padding: 8px 0 11px 0;*/ }
div.menu-item a.selected {	background-image: url(../images/layout/common/menu-button-center-active.png);	color: #323232; }
div.menu-item-active a { background-color: #fff; color: #323232; }
div.menu-item div.left { background-image: url(../images/layout/common/menu-button-left.png); background-repeat: no-repeat; background-position: top left; min-height: 11px; width: 7px; padding: 8px 0 7px 0;	float: left; /* position: absolute; top: 0; left: 0; */}
div.menu-item-active div.left { background-image: url(../images/layout/common/menu-button-left-active.png); }
div.menu-item div.right { background-image: url(../images/layout/common/menu-button-right.png);	background-repeat: no-repeat;	background-position: top right; min-height: 11px; width: 7px; padding: 8px 0 7px 0;	float: left; /* position: absolute; top: 0; right: 0; */}
div.menu-item-active div.right {	background-image: url(../images/layout/common/menu-button-right-active.png); }
div#speech-bubble-selector { background-image: url(../images/layout/common/menu-pointer.png); width: 80px; height: 40px; position: absolute; margin: 22px 0px 0px -30px; z-index:1; display: none }

ul#submenu-wrapper { overflow: hidden;	padding: 6px 8px; background-color:#d1ccc4; border-radius: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; display: none }
ul#submenu-wrapper li {	list-style-type: circle;  padding: 5px 21px 5px 0; float: left; }
ul#submenu-wrapper li a { font-size: 12px; text-decoration: none; }
ul#submenu-wrapper li a.active {	font-weight: bold; }
/*    ----</  Header wrapper   >----    */


/*    ----<  Tree navigation wrapper   >----    */
div#navigation-tree-box-wrapper { width: 190px;	float: left; margin-right: 10px;	margin-bottom: 10px; }
div#navigation-tree-header { padding: 4px 11px;	margin-bottom: 6px; font-weight: bold;	font-size: 12px; }
ul#navigation-tree {	overflow: hidden; }
ul.level1 {	margin-bottom: 16px;	background-color: #777;	overflow: hidden; }
li.level1 {	border-bottom: 1px solid #fff; padding: 0 2px 0px 2px; }
a.active { font-weight: bold; }
a.level1 { display: block;	padding: 5px 8px;	text-decoration: none; color: #fff;	font-weight: bold; }
li.item1, li.item2, li.item3 { background-color: #fff; border-bottom: 1px dashed #ccc; }
a.item1, a.item2, a.item3 { color: #000; }
ul.level2 { background-color: #fff; padding: 4px 0 3px 1px; margin-bottom: 2px; clear: both; }
li.level2 { padding: 3px 7px;	background: transparent; }
a.level2 { text-decoration: none; }
ul.level3 {	padding: 4px 0 4px 10px; }
li.level3 {	padding: 3px 0 0 0; background: #fff none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
div#navigation-tree-box-wrapper div.box-wrapper-narrow {	background-image: url(../images/layout/common/background-box-narrow.gif); background-repeat: repeat-y; }
div#navigation-tree-box-wrapper div.box-wrapper-narrow div.box-top {background-image: url(../images/layout/common/background-box-narrow.gif); background-repeat: no-repeat; }
div#navigation-tree-box-wrapper div.box-wrapper-narrow div.box-content { width: 160px; }
div#navigation-tree-box-wrapper div.box-wrapper-narrow div.box-bottom { background-image: url(../images/layout/common/background-box-narrow.gif); background-position: bottom left;	background-repeat: no-repeat; }

div#navigation-tree-box-wrapper h4 { height: 30px; text-indent: -9999px; }
div#navigation-tree-box-wrapper div.campaign h4.se { background-image: url(../images/layout/sv/h1-campaign.png); }
div#navigation-tree-box-wrapper div.campaign h4.no { background-image: url(../images/layout/no/h1-campaign.png); }
div#navigation-tree-box-wrapper div.campaign h4.pl { background-image: url(../images/layout/pl/h1-campaign.png); }
div#navigation-tree-box-wrapper div.catalogue h4.se { background-image: url(../images/layout/sv/h1-catalogue.png); }
div#navigation-tree-box-wrapper div.catalogue h4.no { background-image: url(../images/layout/no/h1-catalogue.png); }
div#navigation-tree-box-wrapper div.catalogue h4.pl { background-image: url(../images/layout/pl/h1-catalogue.png); }
div#navigation-tree-box-wrapper div.newsletter h4.se { background-image: url(../images/layout/sv/h1-newsletter.png); }
div#navigation-tree-box-wrapper div.newsletter h4.no { background-image: url(../images/layout/no/h1-newsletter.png); }
div#navigation-tree-box-wrapper div.newsletter h4.pl { background-image: url(../images/layout/pl/h1-newsletter.png); }
/*    ----</  Tree navigation wrapper   >----    */


/*    ----<  Content wrapper   >----    */
div#content-wrapper { width: 590px;	float: left; min-height: 400px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
div#content-wrapper.content-shopping-cart { width: 790px; margin-right: 0px; }
div#content-product-wrapper {	float:left;	margin-bottom:10px; min-height:400px; overflow:hidden; width:790px; }
div#content-product-details-wrapper { float:left; margin-bottom:10px; margin-right:10px; min-height:400px; overflow:hidden; width:590px; }
div.bread-crumbs { padding: 5px 0 10px 0;	color: #727272;  }
div.bread-crumbs a {	text-decoration: none; color: #323232; }
div.content { overflow: hidden; }
div.content p { padding: 0 0 10px 0; }

div#content-wrapper div.box-wrapper-full { background-image: url(../images/layout/common/background-box-full.gif); background-repeat: repeat-y; }
div#content-wrapper div.box-wrapper-full div.box-top { background-image: url(../images/layout/common/background-box-full.gif); background-repeat: no-repeat; }
div#content-wrapper div.box-wrapper-full div.box-bottom { background-image: url(../images/layout/common/background-box-full.gif); background-position: bottom left; background-repeat: no-repeat; }

#content-footer a:hover { text-decoration: underline; }
/*    ----</  Content wrapper   >----    */

/*    ----<  Home Page Banner   >----    */
.homepage_banner_header_wrapper {
	background-image: url(../images/layout/common/scroll_top_flat.gif); 
	background-repeat: no-repeat;
	color: #ffffff; 
	height: 40px;
}

.homepage_banner_header {
	padding-left:8px; 
	padding-top:10px; 
	font-size:13px;
}
/*    ----</  Home Page Banner   >----    */


/*    ----<  Vertical banner wrapper   >----    */
div#vertical-banner-wrapper { width: 190px; float: right; margin-bottom: 16px; }

div#vertical-banner-wrapper div#newsBox { width: 190px; border-width: 0px 1px; border-color: #aaa096; background: url(../images/layout/common/box-border-body.gif) repeat-y; margin: 60px 0px 10px 0px  }
div#vertical-banner-wrapper div#newsBox h1 { position: absolute; margin: -48px 0px 0px 10px; text-indent: -9999px; width: 116px; height: 56px }
div#vertical-banner-wrapper div#newsBox h1.sv { background: transparent url(../images/layout/sv/info.gif) no-repeat; }
div#vertical-banner-wrapper div#newsBox h1.no { background: transparent url(../images/layout/no/info.gif) no-repeat; }
div#vertical-banner-wrapper div#newsBox h1.pl { background: transparent url(../images/layout/pl/info.gif) no-repeat; }
div#vertical-banner-wrapper div#newsBox div#newsBoxTop { width: 190px; height: 10px;  background: url(../images/layout/common/box-border-top.gif) no-repeat }
div#vertical-banner-wrapper div#newsBox div#newsBoxBottom { width: 190px; height: 10px;  background: url(../images/layout/common/box-border-bottom.gif) no-repeat }
div#vertical-banner-wrapper div#newsBox ul { margin: 0px; padding: 0px 10px 0px 28px; }
div#vertical-banner-wrapper div#newsBox ul li { font-size: 12px; line-height: 16px; list-style-image: url("../images/icon/category-arrow.png"); margin-top: 6px; }

div#vertical-banner-wrapper select { width: 160px; }
div#vertical-banner-wrapper div.box-wrapper-narrow { background-image: url(../images/layout/common/background-box-narrow-gray8.gif); background-repeat: no-repeat; color: #fff; }
div#vertical-banner-wrapper div.box-wrapper-narrow div.box-top { display: none }
div#vertical-banner-wrapper div.box-wrapper-narrow div.box-bottom { display: none }
div#vertical-banner-wrapper div.box-wrapper-narrow h4 { color: #fff; }
div#vertical-banner-wrapper h2 {	font-size: 12px; padding: 4px 7px 0 7px; margin-bottom: 6px; }
div#vertical-banner-wrapper div.box-wrapper-narrow a { text-decoration: underline; color: #fff; }
div#vertical-banner-wrapper div.box-wrapper-narrow p.choose-another-store { padding-bottom: 0; margin-bottom: 0 }
/*    ----</  Vertical banner wrapper   >----    */

/*    ----<  Footer wrapper   >----    */
div#footer { background-image: url(../images/layout/common/background-footer-wrapper.png); color:#fff; background-repeat: repeat-x; margin-top: 5px; padding: 10px 15px; clear: both; overflow: hidden; }
div#footer a { color: #fff }
div#footer img { float: left; }
div#footer p { line-height: 25px; overflow: visible; }
div#footer p.left { margin-left: 12px; }
div#footer a:hover {	text-decoration: underline; }
/*    ----</  Footer wrapper   >----    */

div.suggestLayer {

background:transparent none repeat scroll 0 0;
display:none;
height:1px;
left:28px;
margin:0;
opacity:0.9;
padding:0;
position:relative;
top:0;
width:1px;
z-index:1000;
}


table.autocomplete 
{
 background-color:white;
border:1px solid #5C7997;
color:#173553;
cursor:pointer;
font-size:11px;
height:12px;
width:130px;	
}


tr.autocompleteRow {
background-color:#FCFCFC;
padding:2px 2px 2px 0;
 
}

tr.autocompleteRowTop {
background-color:#FCFCFC;
padding:2px 2px 2px 0;
 border:1px 1px 1px 1px solid #5C7997;
}


tr.autocompleteRow_selected {
background-color:#CCCCCC;
padding:2px 2px 2px 0;
}

tr.autocompleteHover{
background-color:#ffffff;
padding:2px 2px 2px 0;
}

td.suggestTextQuery {
font-weight:bold;
padding:2px 15px 2px 10px;
width:50%;
}

td.suggestTextType {
padding:2px 5px 2px 15px;
width:25%;
}

td.suggestTextAmount {
padding:2px 5px 2px 15px;
text-align:right;
width:25%;
}