/*
<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: 5px; }
/*    ----</  Site layout   >----    */


/*    ----<  Header wrapper   >----    */
div#header-wrapper { overflow: hidden;	position: relative; min-height: 120px;	background-image: url(../images/layout/common/background-header-wrapper.png);	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;	border: none; float: left;	position:static; }

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; }
div.menu-item { position: relative; overflow: hidden;	float: left; margin-right: 1px; }
div.menu-item a { display: block; margin: 0 7px; padding: 8px 0 7px 0; color: #767676; font-weight: bold; background-image: url(../images/layout/common/menu-button-center.png);	background-repeat: repeat-x; background-position: top left; text-decoration: none; }
div.menu-item a.selected {	background-image: url(../images/layout/common/menu-button-center-active.png);	color: #323232; }
div.menu-item-active a { background-image: url(../images/layout/common/menu-button-center-active.png); 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;	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;	position: absolute; top: 0; right: 0; }
div.menu-item-active div.right {	background-image: url(../images/layout/common/menu-button-right-active.png); }

ul#submenu-wrapper { overflow: hidden;	padding: 0 0 10px 0;	margin-bottom: 10px;	border-bottom: 1px solid #ccc; }
ul#submenu-wrapper li {	padding: 5px 21px 5px 0; float: left; background-image: url(../images/layout/common/horizontal-line.gif); background-repeat: repeat-y;	background-position: top right; }
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; }
/*    ----</  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(/mediaarchive/36342/scroll_top_flat.gif); 
	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 select { width: 160px;	margin: 10px 0; }
div#vertical-banner-wrapper div.box-wrapper-narrow { background-image: url(../images/layout/common/background-mystore.png); background-repeat: no-repeat; background-position: bottom left; color: #fff; }
div#vertical-banner-wrapper div.box-wrapper-narrow div.box-top { background-image: url(../images/layout/common/background-mystore-top.gif); background-repeat: no-repeat; }
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; }
/*    ----</  Vertical banner wrapper   >----    */

/*    ----<  Footer wrapper   >----    */
div#footer { background-image: url(../images/layout/common/background-footer-wrapper.gif); background-repeat: repeat-x; margin-top: 5px; padding: 10px 5px; font-weight: bold; clear: both; overflow: hidden; }
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%;
}