body {
	height: 100%; margin: 0; padding: 0; background: #e0e0e0 url('../img/spanos/bg-body.gif') repeat-x top;
	text-align: center; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000; }
body:after { content: "."; display: block; clear: both; line-height: 0; height: 0; color: #fff; }

img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* remove outline */
a, a:hover, a:active, a:focus { outline: 0 none; }
input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] { border: 1px dotted transparent; } 

/* layout full screen size */
.layoutie6sucks {
	position: relative; clear: both; width: 100%; margin: 0; padding: 0; min-height: 54px; height: auto !important; height: 54px;
	margin: 0; padding: 0; border-bottom: 3px solid #fff41f; background: #fffbb2; z-index: 1;
}

	/* IE 6 sucks */
	.ie6sucks { width: 860px; margin: 0 auto; font-size: 12px; text-align: left; }
	.ie6sucks div { float: right; margin: 3px 0 3px 10px; }
	.ie6sucks img { margin-right: 3px; vertical-align: middle; }
	.ie6sucks p { margin-top: 2px; }

/* main keyword */
#main_keyword {
	position: relative; clear: both; width: 850px; margin: 0 auto; padding: 3px 5px 0;
	border-bottom: 1px solid #c10000; background: #d71d24; text-align: left; color: #fff;
}
#main_keyword h1 { margin: 0; padding: 0 0 2px; font-weight: normal; font-size: 12px; }
#main_keyword h1 b { font-style: italic; font-size: 13px; }

/* container */
.container {
	position: relative; clear: both; width: 820px; margin: 0 auto; padding: 5px 20px; border-top: 5px solid #d71d24;
	background: #fff url('../img/spanos/bg-header.gif') repeat-x top; text-align: left;
}
.container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
html[xmlns] .container { display: block; }
* html .container { height: 1%; }

	/* header */
	#header { position: relative; clear: both; height: 100px; text-align: left; }
		
		/* logo */
		#spanos { position: absolute; top: 20px; left: 0; }
		
		/* keywords */
		#keywords { position: absolute; top: 65px; left: 0; }
		#keywords h1, #keywords h2 { margin: 0; padding: 0; font-weight: bold; font-size: 13px; }
		
		/* account */
		#account {
			position: absolute; width: 250px; min-height: 15px; height: auto !important; height: 15px; top: 0; left: 308px; padding: 5px;
			border: 1px solid #efefef; background: #fff url('../img/spanos/bg-search.gif') repeat-x bottom;
		}
		#account a { text-decoration: underline; color: #696969; }
		#account a:hover { text-decoration: none; color: #000; }
		
		/* cart */
		#cart {
			position: absolute; width: 476px; height: 25px; top: 32px; right: 0; padding: 9px 0 0 32px;
			background: url('../img/spanos/shopping-cart.gif') no-repeat; color: #696969;
		}
		#cart a { text-decoration: underline; color: #696969; }
		#cart a:hover { text-decoration: none; color: #000; }
		
		/* search */
		#search {
			position: absolute; width: 500px; height: 30px; top: 60px; right: 0; margin: 0; padding: 3px 5px; border: 1px solid #efefef;
			background: #fff url('../img/spanos/bg-search.gif') repeat-x bottom;
		}
		#search input { width: 416px; margin-top: 3px; height: 20px; }
		#search img { position: absolute; top: 6px; right: 5px; }
		* html #search img { position: relative; top: 3px; right: -5px; }
		
		/* phone contact */
		#phone-contact { position: absolute; top: 5px; right: 0; }
		
	/* menu */
	#menu {
		position: relative; clear: both; margin: 10px 0; height: 30px;
		border-top: 1px solid #e5e3db; border-bottom: 1px solid #e5e3db; background: #edede5;
	}
	#menu ul { float: right; width: 560px; margin: 0; padding: 2px; list-style: none; }
	#menu ul li { display: inline; margin: 0; padding: 0; }
	#menu ul li a { 
		float: left; margin: 0 2px 0 0; padding: 5px 5px 6px 7px; 
		text-decoration: none; font: bold 12px Arial, Tahoma; color: #000;
	}
	#menu ul li a:hover, #menu ul li a.selected { background: #d71d24; color: #fff; }
		
		/* languages */
		#languages { position: absolute; top: 2px; left: 10px; z-index: 2; }
		#languages img { margin-left: 3px; }
	
	#content { position: relative; clear: both; height: 100%; margin: 0 0 10px; }
	#content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
	html[xmlns] #content { display: block; }
	* html #content { height: 1%; }
	
		/* middle */
		#middle { position: relative; clear: both; margin: 0; padding: 0; font-size: 12px; }
		#middle h2 { border: 0; }
		
		/* middle */
		.middle { position: relative; clear: both; margin: 0 0 0 5px; padding: 5px; border: 1px solid #eee; }
			
			/* 4 sitemap */
			.middle .box-catalog h2.smpcat { margin: 10px 0; padding: 0; }
		
		/* left */
		#left { position: relative; float: left; width: 200px; margin: 0; padding: 0; }
			
			/* box */
			.box { position: relative; clear: both; margin: 0; padding: 0; border: 1px solid #eee; }
				
				/* title */
				.box-title {
					clear: left; height: auto; margin: 0; padding: 7px 5px 7px 20px;
					background: #d71d24; font-weight: bold; font-size: 12px; color: #fff;
				}
				
				/* content panel */
				.box-content { position: relative; margin: 0; padding: 2px; }
				.box-content form { margin: 0; text-indent: 0; word-spacing: 0; }
				.box-content input {
					height: 20px; margin: 0 0 3px 0; padding: 3px 0 0 3px; border: 1px solid #b0ddf7; background: #dbf1ff; font-size: 11px; color: #000;
				}
				.box-content a { color: #000; }
				.box-content a.log { line-height: 20px; }
					
					/* list for content */
					.content-list ul { clear: both; margin: 10px 0 0; padding: 0; list-style-type: none; }
					.content-list ul li { display: block; width: 100%; line-height: 16px; padding: 5px 0; }
					.content-list ul li a { color: #000; }
						
						/* catalog list */
						.box-catalog { position: relative; clear: both; margin: 0 0 15px; height: 100%; padding: 5px; }
						.box-catalog h2 { position: relative; clear: both; margin: 7px 0 2px; padding: 0; font: bold 12px Arial, Tahoma; }
						.box-catalog h2 a { text-decoration: none; color: #d71d24; }
						/*.box-catalog h2 { margin: 0; padding: 5px; border: 1px solid #eee; font: bold 13px Arial, Tahoma; color: #fff; }*/
						.box-catalog ul { position: relative; clear: both; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
						.box-catalog li {
							display: block; margin: 2px 0; padding: 0 2px 0 16px; background: url("../img/arrows/arrow-subcatalog.gif") no-repeat 0 5px; color: #000;
						}
						.box-catalog li span a { color: #fff; }
						.box-catalog li span { line-height: 15px; padding: 2px; background: #c10000; color: #fff; }
						.box-catalog li a { line-height: 15px; padding: 2px; text-decoration: none; color: #a92015; }
						.box-catalog li a:hover { background: #a92015; color: #fff; }
							
							/* space for levels li */
							li.level1 { margin-left: 15px; }
							li.level2 { margin-left: 30px; }
							li.level3 { margin-left: 45px; }
							li.level4 { margin-left: 60px; }
							li.level5 { margin-left: 75px; }
						
					/* offer */
					.offer { clear: both; text-align: center; border-bottom: 1px solid #eee; }
					.offer img { margin-top: 3px; }
					.offer h2 { margin: 0; padding: 3px; font-weight: bold; font-size: 11px; }
					.offer h2 a { line-height: 18px; margin: 5px 0 0 0; padding: 2px 5px; text-decoration: underline; color: #000; }
					.offer h2 a:hover { text-decoration: none; color: #696969; }
					.offer p { margin: 0; padding: 3px; font-weight: bold; color: #813b3d; }
					.offer p strong { margin: 0 0 0 10px; text-decoration: line-through; color: #d71d24; }
						
						/* background for authentication */
						.authentication { background: #ffe3fa; }
				
				/* ads */
				.ads { clear: both; height: 100%; margin: 0; padding: 5px 0; text-align: center; }
				.ads ul { margin: 0; padding: 0; list-style: none; }
				.ads li { display: block; margin: 2px 0; padding: 0; }
				.ads li a { margin: 0; padding: 0; color: #000; }
				
		/* right */
		#right { position: relative; float: left; width: 603px; margin: 0 0 0 5px; padding: 5px; border: 1px solid #eee; }
		#right p { margin: 5px 0; padding: 0; }
		#right h3.auth { margin: 5px 0; padding: 0; font: bold 12px Arial, Tahoma; color: orange; }
		#right .editor a { text-decoration: underline; color: #d71d24; }
		#right .editor a:hover { text-decoration: none; color: #000; }
			
			/* logged menu - user bar account */
			.logged_menu {
				clear: both; height: 100%; line-height: 20px; margin: 5px 0; padding: 5px 5px 2px; border: 1px solid #d71d24; border-top-width: 3px;
				background: #fff4f4;
			}
			* html .logged_menu { padding-bottom: 5px; }
			.logged_menu a { font-size: 12px; color: #000; }
			.logged_menu a:hover { color: #d71d24; }
			.logged_menu img { vertical-align: middle; }
			
			/* you are here */
			.here { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #eeeef6; font-weight: bold; }
			
			/* last holded products */
			.last-hold { clear: both; margin: 25px 0 0; padding: 5px 0 0; border-top: 2px solid #eee; color: #000; }
			.last-hold strong { font-size: 12px; }
			.last-hold ul { clear: both; display: block; margin: 0; padding: 5px 0; text-align: justify; }
			.last-hold li { clear: both; margin: 0; padding: 2px; border-bottom: 1px solid #e0e0e0; list-style-type: none; }
			.last-hold li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
			html[xmlns] .last-hold li { display: block; }
			* html .last-hold li { height: 1%; }
			.last-hold li div { display: inline; float: left; width: 50px; height: 100%; margin-right: 5px; }
			.last-hold li img { max-width: 50px; max-height: 50px; vertical-align: middle; }
			.last-hold li a { line-height: 18px; margin: 5px 0 0; padding: 2px 0; text-decoration: none; font-size: 11px; color: #000; }
			.last-hold li a big { font-weight: bold; font-size: 12px; color: #ad0e0e; }
			.last-hold li a:hover { text-decoration: underline; color: #696969; }
	
	/* content-container */
	/* content slider - special selection from portfolio*/
	#slider { position: relative; height: 250px; margin: 0; padding: 0; z-index: 0; }
		
		/* slider wrapper */
		.sliderwrapper { position: relative; height: 250px; margin: 0 0 10px; padding: 0; overflow: hidden; z-index: 1; }
		.sliderwrapper .contentdiv { position: absolute; visibility: hidden; width: 770px; height: 100%; top: 0; left: 0; padding: 0; background: #f5f8fc; }
		.sliderwrapper .contentdiv img { margin: 0; left: 0; }
		.pagination {
			position: absolute; width: 200px; height: 20px; top: 220px; right: 0; padding: 5px 10px 0; border-top: 1px solid #ddd;
			background: #fff; z-index: 4;
		}
		.pagination a { padding: 0 5px; background: #aaa; text-decoration: none; color: #000; }
		.pagination a:hover, .pagination a.selected { background: #d71d24; text-decoration: none; color: #fff; }
			
			/* slide info */
			#slide-info { position: absolute; background: #d71d24; width: 220px; height: 250px; top: 0; right: 0; z-index: 2; }
			#slide-info-text {
				position: absolute; width: 190px; height: 250px; line-height: 25px; top: 0; right: 0; z-index: 3; padding: 40px 15px 0;
				text-align: center; font-size: 16px; color: #fff;
			}
	
	/* footer */
	#footer { position: relative; clear: both; height: 22px; margin: 0; padding: 7px 0 0; border-bottom: 1px solid #e5e3db; background: #edede5; }
		
		/* footer left */
		#ft-left { float: left; width: 255px; margin: 1px 0 0 5px; padding: 0; font-size: 12px; color: #000; }
		#ft-left span { font-weight: bold; color: #d71d24; }
		
		/* footer right */
		#ft-right { float: left; margin: 0; padding: 0; }
		#ft-right a { text-decoration: underline; font-size: 12px; color: #d71d24; }
		#ft-right a:hover { text-decoration: none; color: #000; }
	
	/* validation */
	#validation { display: inline; position: relative; clear: both; margin: 5px 15px 0 0; padding: 0; text-align: left; }
	#validation a { margin: 0; padding: 2px 2px 2px 3px; text-decoration: none; }
	#validation a:hover {  }
	#validation a.html { background: #d71d24; font-size: 10px; color: #fff; }
	#validation a.html:hover { background: #fee6e7; color: #000; }
	#validation a.css { background: #fee6e7; font-size: 10px; color: #000; }
	#validation a.css:hover { background: #d71d24; color: #fff; }
	
	/* footer bottom line */
	#fbline { position: relative; clear: both; margin: 7px 0 5px; padding: 0; }
		
		/* rss */
		#rss { display: inline; float: right; position: relative; margin: 0; padding: 0; text-align: right; color: #c10000; }
		#rss img { margin-left: 5px; vertical-align: middle; }
		#rss a { margin: 0; padding: 5px 0 0; color: #c10000; }
		
		/* footer bottom line inner */
		#fblineinner { display: inline; float: left; position: relative; margin: 0; padding: 0; }
		
		/* web design author */
		#creator { display: inline; position: relative; clear: both; margin: 10px 0 0; padding: 0 5px; color: #b8a7a5; }
		#creator a { margin-left: 2px; text-decoration: none; font-weight: bold; font-size: 10px; color: #696969; }
		#creator a:hover { color: #000; }
		#creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
		#creator strong { color: #000; }

/* >>> form in page <<< */

form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
form br { clear: both; }

input, textarea { display: block; }

/* label clear: both; */
label { float: left; width: 135px; margin: 0;  padding: 0 10px 3px 0; text-align: left; font-weight: bold; color: #000; }
label span { color: #c10000; }
	
	/* label properties */
	/* radio */
	label.radio { float: none; clear: none; width: auto; display: inline; vertical-align: top; font-weight: normal; cursor: pointer; }
	/* status */
	label.status { float: none; width: auto; display: inline; vertical-align: top; font-weight: normal; cursor: pointer; }

/* input */
input {
	float: left; height: 18px; margin: 0 5px 5px 0; padding: 3px 0 0 3px;
	border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #ddd #ddd #ddd; background: #fff; font-size: 11px;
}
input[type="file"] { height: 20px; }
input[type="hidden"] { display: none; }
input[type="radio"] { float: none; display: inline; border: 0; background: none; }

	/* input properties */
	/* hidden */
	input.hidden { display: none; border: none; }
	/* no background - for checkbox and radio buttons */
	input.no-bg { display: inline; float: left; width: 30px; margin: 0 5px 5px; border: none; vertical-align: middle; background: #fff; }
	/* filebrowser */
	input.filebrowser { height: 20px; }
	/* chars left */
	input.ch-left { position: relative; width: 30px; margin-left: 10px; top: 0; }
	/* radio active buttons */
	input.active { display: inline; float: none; width: 30px; border: none; vertical-align: top; background: #fff; }

/* select */
select {
	display: inline; /*float: left;*/ margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #ddd #ddd #ddd;
	background: #fff; font: 11px "Trebuchet", Tahoma;  z-index: 0;
}

/* textarea */
textarea {
	float: left; margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #ddd #ddd #ddd;
	background: #fff; font: 11px "Trebuchet", Tahoma;
}

/* fieldset */
.fieldset { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }
.fieldset fieldset { margin: 0; padding: 5px 5px 0; border: 1px solid #e9e9e9; /*background: #f7f7f7;*/ }
* html .fieldset fieldset { padding-top: 0; }
.fieldset legend { margin: 5px 0; padding: 2px 3px; border: 1px solid #eee; background: #af0a0a; color: #fff; }
* html .fieldset legend { margin: 5px 0 5px -6px; }
.fieldset img { border: 0; cursor: pointer; }
.fieldset a { color: #6a447c; }
	
	/* important fieldset */
	.impfiled { background: #fffdcc; }
	
	/* form text */
	.form-text { clear: both; margin: 5px 0; padding: 0; color: #000; }
	
	/* form tip */
	.form-tip { clear: both; margin: 5px 0; padding: 0; color: #000; }
	.form-tip img { vertical-align: middle; }

/* >>> autocomplete <<< */

/* Big box with list of options */
#ajax_listOfOptions{
	position: absolute; width: 420px; height: 250px; overflow: auto;
	border: 1px solid #dbdbdb; /* Dark green border */
	background: #fcf4ff; /* White background color */
	text-align: left; font-size: 12px; z-index: 100;
}
#ajax_listOfOptions div { /* General rule for both .optionDiv and .optionDivSelected */
	margin: 1px; padding: 1px; cursor: pointer; font-size: 11px;
}
#ajax_listOfOptions div b { text-decoration: underline; font-size: 13px; color: #000; }
#ajax_listOfOptions div big { font-size: 12px; color: #d90000; }
#ajax_listOfOptions .optionDiv { /* Div for each item in list */ }
#ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
	background: #d71d24; color: #fff;
}
#ajax_listOfOptions .optionDivSelected a:hover { color: #000; }
#ajax_listOfOptions_iframe { position: absolute; background: #f00; z-index: 5; }


/* >>> products <<< */

/* title products / combo category (catalog position) / show category products / products from same category */
.show-content { position: relative; clear: both; height: 100%; margin: 0 0 5px; padding: 3px; border: 1px solid #ddd; background: #efefef; color: #000; }
* html .show-content select { vertical-align: top; }
.show-content a { text-decoration: underline; color: #d71d24; }
.show-content a:hover { text-decoration: none; color: #000; }
.show-content ul { margin: 0; padding: 0; }
.show-content li { float: left; width: 48%; margin: 3px 0; padding: 0; list-style: none; text-align: left; }
.show-content li a { padding: 2px 0; text-decoration: none; font-weight: bold; color: #d71d24; }
.show-content li a span { font-weight: normal; font-size: 10px; color: #c10000; }
.show-content li a:hover { text-decoration: underline; color: #000;}

	/* show content list properties */
	.show-content-list { background: #f7f7f7; }
	
	/**/
	.associations-content { margin-top: 15px; margin-bottom: 0; }
	
/* products */
.products { clear: both; height: 100%; margin: 15px 0 5px; padding: 0; text-align: left; }
	
	/* product item */
	.item {
		position: relative; float: left; width: 145px; min-height: 228px; height: auto !important; height: 228px; margin: 0 4px 5px 0; padding: 0;
		border: 1px solid #cbd5bd; text-align: center; overflow: inherit;
	}
	.item h2 { margin: 2px auto 3px; padding: 0 2px; font-size: 11px; }
	.item h2 a { padding: 0; text-decoration: underline; color: #000; }
	.item h2 a:hover { text-decoration: none; color: #696969; }
	.item img { margin: 3px auto; padding: 0; border: 0; }
	#right .item p, .item p { clear: both; line-height: 15px; margin: 0; padding: 0; font-weight: bold; font-size: 11px; color: #813b3d;}
	#right .item p strong, .item p strong { margin: 0; text-decoration: line-through; color: #d71d24; }
		
		/* no right margin */
		.nrm { margin-right: 0; }
	
	/* product image */
	.image { min-height: 100px; height: auto !important; height: 100px; }
	
	/* product description */
	.item .description { clear: both; margin: 10px 0 0; padding: 0; }
	
	/* directly add 2 cart product */
	.item .add2cart { position: absolute; margin: 0; bottom: 0; left: 5px; padding: 0; text-align: left; }
	* html .item .add2cart { bottom: -3px; }
	.item .add2cart form { margin: 0; text-indent: 0; word-spacing: 0; }
	.item .add2cart input { width: 35px; height: 18px; margin: 0; padding: 3px 3px 0 5px; border: 1px solid #dcdcdc; font-size: 11px; }
	.item .add2cart input.hidden { display: none; }
	.item .add2cart a.addme { position: absolute; top: 0; left: 45px; }
	.item .add2cart img { margin-left: 3px; }


/* detailed product */
.detailed-product { clear: both; height: 100%; margin: 15px 0 0; padding: 0; }
.detailed-product h2 { margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #d71d24; font-size: 13px; color: #000; }
.detailed-product .item h2 { margin: 2px auto 3px; padding: 0 2px; border: 0; font-size: 11px; }
.detailed-product h3 { margin: 5px 0; padding: 0; font-size: 12px; color: #000; }

	/* product image gallery */
	.image-gallery { float: left; width: 47%; margin: 5px 0; }
	* html .image-gallery { width: 46%; }
	.image-gallery a { text-decoration: underline; font-size: 12px; color: #000; }
	.image-gallery a.comments { clear: both; line-height: 40px; padding: 20px 0 10px 36px; background: url('../img/icons/comments.gif') no-repeat 0 10px; }
	.image-gallery a.product { clear: both; line-height: 40px; padding: 20px 0 10px 36px; background: url('../img/icons/back-to-product.gif') no-repeat 0 10px; }
	.image-gallery a:hover { text-decoration: none; color: #c10000; }
		
		/* big thumbs */
		#big-thumbs { clear: both; min-height: 110px; height: auto !important; height: 110px; padding: 3px 1px; border: 1px solid #eee; text-align: center; }
		
		/* small thumbs */
		ul.small-thumbs {
			clear: both; height: 100%; margin: 5px 0 0; padding: 5px 2px; list-style-type: none;
			border: 1px solid #eee; background: #f7f7f7; text-align: center;
		}
		ul.small-thumbs li { display: inline; cursor: pointer; }
		ul.small-thumbs li img { max-width: 50px; max-height: 50px; margin: 3px 2px 3px 0; padding: 1px; border: 1px solid #ccc; }
	
	/* product code, price, add2cart, product options, delivery */
	.right-product-panel { float: right; width: 50%; height: 100%; margin: 5px 0 0; padding: 5px; border: 1px solid #ffcccf; }
		
		/* center infos product */
		.info-center { clear: both; width: auto; margin: 5px auto; text-align: center; }
		.info-center p { margin: 5px 0; padding: 0; font-weight: bold; font-size: 18px; color: #279827; }
		.info-center p span { font-weight: bold; font-size: 12px; color: #000054; }
		.info-center p strong { margin: 5px 0; padding: 0; font-size: 16px; text-decoration: line-through; color: #d90000; }
			
			/* show price */
			.show-optionals { clear: both; width: auto; margin: 0 auto 5px; padding: 0 5px; border: 1px solid #dbdbdb; background: #fff; text-align: left; }
			.show-optionals p { font-size: 12px; color: #000; }
			.show-optionals p a { color: #6a447c; }
			
			/* show price */
			.show-price { clear: both; width: auto; margin: 5px auto; padding: 0 5px 5px; border: 1px solid #dbdbdb; background: #fcf4ff; }
			
			/* directly add 2 cart product */
			.addtocart { position: relative; width: 60%; margin: 20px auto 0; padding: 0; }
			.addtocart form { margin: 0; text-indent: 0; word-spacing: 0; }
			.addtocart div { width: 160px; margin: 0 auto; padding: 0; }
			.addtocart div img { display: inline; margin: 0; padding: 0; vertical-align: middle; }
			.addtocart form { vertical-align: middle; }
			.addtocart form input { margin-left: 5px; display: inline; float: none; }
		
		/* ops list */
		ul.ops { clear: both; margin: 5px 0 0; padding: 5px; list-style: none; border: 1px solid #dbdbdb; background: #fcf4ff; }
		ul.ops li { display: block; width: 100%; margin: 0; padding: 2px 0; }
		ul.ops li a { padding: 2px 0; text-decoration: underline; color: #000; }
		ul.ops li a:hover { text-decoration: none; color: #697569; }
		
		/* delivery tip */
		.delivery {
			clear: both; min-height: 20px; height: auto !important; height: 20px; padding: 3px 0 0;
			border: 1px solid #dbdbdb; border-top: 0; background: #eee; text-align: center; color: #000;
		}
		.delivery a { color: #d71d24; }
		
	/* back to product category */
	.backto-product-category { clear: both; margin: 0; padding: 5px 0 0; }
	
	a.backto { text-decoration: underline; font-size: 12px; color: #000; }
	a.backto { clear: both; line-height: 40px; padding: 20px 0 10px 36px; background: url('../img/icons/back-to-product.gif') no-repeat 0 10px; }
	
	/* download_doc style */
	a.download {
		line-height: 40px; padding: 10px 0 10px 35px; background: url('../img/icons/icon-download-big.gif') no-repeat 0 0;
		text-decoration: underline; color: #000; outline: none;
	}
	a.download:hover { text-decoration: none; }
	
	/* product note */
	.product-note { clear: both; margin: 30px 0 5px 5px; padding: 5px 0; border-top: 1px solid #ccc; text-align: justify; font-weight: normal; color: #a8a8a8; }
	.product-note strong { padding: 0 2px; color: #696969; }

/* >>> category <<< */

/* category */

.item_n { clear: both; margin: 10px 0 20px; padding: 0; overflow: inherit; }
.item_n-alternative { clear: both; display: block; margin: 10px 0 20px; padding: 0 0 3px; border-top: 1px solid #d71d24; background: #fcf4ff; overflow: inherit; }

#detailed-item { font-size: 11px; }

/* category content */
.itembody { position: relative; clear: both; width: 100%; line-height: 20px; margin: 0; padding: 0; }
.itembody a { text-decoration: underline; color: #000; }
.itembody a:hover { text-decoration: none; color: #d71d24; }
.itembody h2 { position: relative; margin: 0; padding: 0; border: none; font-size: 13px; font-weight: bold; color: #000; }
.itembody h2 span { margin: 0 5px 0 5px; font-weight: bold; color: #1a6bf0; }
.itembody h2 strong { color: #e10000; }
.itembody img { float: left; margin: 5px 5px 0 0; padding: 0 5px; border: 1px solid #c8d8ef; vertical-align: text-top; }
.itembody span { font-weight: bold; }

/* category main options */
.itemoptions { clear: both; position: relative; height: 20px; margin: 5px 0; padding: 0 3px; border-bottom: solid 1px #d1d1d1; color: #c9292f; }
* html .itemoptions { padding: 3px; }
.itemoptions a { text-decoration: none; color: #d71d24; }
.itemoptions a:hover { text-decoration: underline; color: #000; }
.itemoptions img { float: none; margin: 0 5px 0; padding: 0; border: 0; vertical-align: middle; }

/* counter */
.views { font-size: 11px; color: #d71d24; }

/* font chager */
.font-size { position: absolute; top: 0; right: 10px; }
* html .font-size { top: 3px; }

/* voting system */
.votesarea { position: relative; clear: both; width: auto; height: 100%; margin: 10px 0; padding: 3px 3px 10px; border: 1px solid #e8efe6; }
	/* info */
	.votes-box { clear: both; margin: 3px 0 0; line-height: 15px; font-size: 11px; color: #818181; vertical-align: top; }
	.votes-box span { font-weight: bold; color: #6bb806; }
	.votes-box img { margin: 0 5px 0 0; padding: 0; border: 0; vertical-align: middle; cursor: pointer; }
	.votes-box .item { float: none; width: 100%; min-height: 16px; height: auto !important; height: 16px; margin: 0; border: 0; text-align: left; }
	/* vote stars */
	.vote-stars { clear: both; margin: 5px 0 10px; }

/* social bookmarking */
.bookmarking { clear: both; position: relative; height: 100%; margin: 10px 0; padding: 3px; border: 1px solid #eee; overflow: inherit; }
.bookmarking strong { margin-left: 4px; padding: 1px 2px; color: #d71d24; }
.bookmarking ul { margin: 3px 0 0; padding: 0; list-style-type: none; }
.bookmarking li { float: left; width: auto; margin: 0 1px; padding: 0; }
.bookmarking li a { float: left; margin: 0; padding: 2px; }
.bookmarking li a img { margin: 0; padding: 3px; border: 1px solid #eee; }
.bookmarking li a:hover img { border: 1px solid #d71d24; }

/* >>> general users comments <<< */

ul.comms { clear: both; width: auto; margin: 3px 0px; padding: 0; list-style: none; }
ul.comms li { clear: both; position: relative; height: 100%; margin: 2px 0 2px 0; padding: 2px 5px 0; border-bottom: 1px solid #dcdcdc; color: #c9292f; }
ul.comms li.alt { margin: 0 0 2px; background: #fde8ea; }
ul.comms li.reply { float: right; margin: 0 0 2px; border-bottom: 1px solid #f4d9d9; background: #ffddf0; }
ul.comms li .rep { position: relative; float: right; width: 85px; top: 7px; right: 5px; }
ul.comms li p { line-height: 18px; margin: 5px 0 0; color: #000; }
ul.comms li strong { color: #d90000; }
ul.comms li a { text-decoration: underline; font-weight: bold; font-size: 10px; color: #000; }
ul.comms li a:hover { text-decoration: none; font-weight: bold; font-size: 10px; color: #696969; }
ul.comms li a img { margin: 0; border: 0; vertical-align: middle; }
ul.comms li img { margin: 0; border: 0; vertical-align: middle; }

/* total comments */
.total-entries {
	clear: both; width: auto; margin: 0; padding: 3px; border-bottom: 1px solid #dbdbdb; background: #eee;
	text-transform: uppercase; font-weight: bold; font-size: 11px; color: #000;
}
.total-entries span { font-weight: bold; font-size: 11px; color: #b40b0b; }

/* >>> editor <<< */

.editor { clear: both; height: 100%; line-height: 100%; margin: 10px 0 0; padding: 0; text-align: justify; font: 11px Arial "Trebuchet MS", Tahoma; }
.editor h1 { font-size: 15px; }
.editor h2 { font-size: 14px; }
.editor h3 { font-size: 13px; }
.editor h4 { font-size: 12px; }
.editor h5 { font-size: 11px; }
.editor h6 { font-size: 10px; }
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin: 5px 0; padding: 0; color: #e68700; }
.editor blockquote { margin: 5px 0 5px 25px; padding: 3px ; border: solid 1px #eee; }
.editor p { margin: 0; padding: 0; line-height: 20px; }
.editor p { color: #000; }
.editor p strong { color: #000; }
.editor p ol, .editor p ul { display: block; clear: both; width: auto; margin: 0; padding: 5px; text-align: justify; }
.editor ol li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: decimal; }
.editor ul li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: disc; }
.editor a { padding: 2px 0; text-decoration: underline; font-size: 11px; color: #000; }
.editor a:hover { text-decoration: none; }
.editor img { float: left; }

/*
 * common properties for unordered list - like table creation
 * 
 * Copyright (c) 2005 Adplus (www.adplus.ro)
 * 
 * $Date: 2009-05-25 (Mon, 25 May 2009) $
 * 
*/

/*
	unordered list | width = #middle width - 10px (padding left + padding right)
	overflow: auto; - in this case fix margin-bottom (10px) for FireFox
*/
ul.ul { display: block; width: 603px; height: 100%; margin: 0 0 10px 0; padding: 0; overflow: auto;/*overflow: inherit;*/ }
/* set margin bottom to 0 - no space after header and no space before list items (table rows/cells) */
ul.non { margin: 0; /*overflow: inherit;*/ }

/* table header made from list items | width = ul width - 1px (border right) */
li.hli {
	position: relative; float: left; clear: both; width: 602px; min-height: 22px; height: auto !important; height: 22px; margin: 0; padding: 0;
	border: 1px solid #ddd; border-left: 0; list-style: none; background: #efefef; font-weight: bold; color: #000;
}
* html li.hli { min-height: 18px; height: auto !important; height: 18px; }
li.hli img { margin: 0 0 0 2px; padding: 0; }
/* 
	width for rows = li's span width + 1px (padding right) + 3px (padding left) + 1px (border left)
	span class(name) is recommended to be database table name
*/
li.hli span { position: relative; float: left; height: 100%; margin: 0; padding: 3px 1px 5px 3px; border-left: 1px solid #ddd; }

/* some of common header rows properties */
li.hli span.sort_order { width: 70px; }
li.hli span.sort_order img { margin-top: -5px;  border: 0; vertical-align: bottom; cursor: pointer; }
li.hli span.active { width: 45px; text-align: center; }
li.hli span.date_added { width: 110px; }
li.hli span.op { text-align: center; }

/* ^ ^ ^ ^ ^ ^ ^ */

/* list items | width = ul width - 1px (border right) */
li.li {
	position: relative; float: left; clear: both; width: 602px; height: 100%; margin: 0; padding: 0;
	border-right: 1px solid #eee; border-bottom: 1px solid #eee; list-style: none;
}
li.li:hover { background: #f7eff5; }
/* 
	width for rows = li's span width + 1px (padding right) + 3 px (padding left) + 1px (border left)
	span class(name) is recommended to be database table name
	height: 100%; - for maximize height of rows(cells)
*/
li.li span { position: relative; float: left; min-height: 20px; height: auto !important; height: 20px; margin: 0; padding: 2px 1px 5px 3px; border-left: 1px solid #eee; }
li.li span a { text-decoration: underline; color: #000; }
li.li span a:hover { text-decoration: none; color: #d71d24; }

/* some of common rows properties */
li.li span.sort_order { width: 70px; }
li.li span.sort_order input { width: 65px; border: 1px solid #eee; }
li.li span.active { width: 45px; text-align: center; font-weight: bold; }
li.li span.active a.activ { text-decoration: none; color: #43b300; }
li.li span.active a.inactiv { text-decoration: none; color: #d90000; }
li.li span.date_added { width: 110px; font-weight: bold; }
li.li span.op img { margin: 0 0 0 2px; padding: 0; text-align: center; cursor: pointer; }

/* total rows */
li.sum {
	position: relative; float: left; clear: both; width: 603px; height: 100%; margin: 1px 0 0; padding: 0;
	border-bottom: 1px solid #ffeaea; background: #fff7f7; list-style: none;
}
li.sum span {
	position: relative; float: left; min-height: 14px; height: auto !important; height: 14px;
	margin: 0; padding: 2px 1px 5px 3px; border-left: 1px solid #ffeaea;
}
li.sum span big a { text-decoration: underline; }
li.sum span.text { width: 410px; text-align: right; font-weight: bold; color: #000; }
li.sum span.text select {
	display: inline; width: 132px; margin-bottom: 5px; border: 1px solid #d31717; background: #fff7f7; vertical-align: middle; font-size: 11px; z-index: 0;
}
li.sum span.price { width: 160px; font-size: 10px; color: #000 }
li.sum span.price strong { font-size: 11px; color: #d71d24; }

/* >>> cart <<< */

/* header rows */
li.hli span.pic { width: 40px; }
li.hli span.product { width: 365px; }
li.hli span.price { width: 80px; padding-right: 5px; text-align: right; }
li.hli span.quantity { width: 40px; }
li.hli span.op { width: 45px; text-align: center; }

/* list rows */
li.li span.pic { width: 40px; }
li.li span.pic img { width: 35px; }
li.li span.product { width: 365px; color: #6f2d38; }
li.li span.price { width: 80px; padding-right: 5px; text-align: right; font-weight: bold; color: #ce0144; }
li.li span.price em { font-style: normal; font-weight: normal; font-size: 10px; color: #000; }
li.li span.price strong { text-decoration: line-through; color: #d90000; }
li.li span.quantity { width: 40px; }
li.li span.quantity input { width: 27px; height: 16px; padding: 1px; border: 1px solid #eee; }
* html li.li span.quantity input { width: 26px; }
li.li span.op { width: 45px; text-align: center; cursor: pointer; }
li.li span.op img { margin-right: 2px; padding: 0; text-align: center; cursor: pointer; }

/* footer */
.footer { position: relative; clear: both; width: 100%; background: #fff; font-weight: normal; font-size: 11px; color: #707070; }
.footer a { color: #000; }

/* >>> shopping history <<< */

/* order item */
.order { position: relative; clear: both; line-height: 20px; margin: 10px 0; font-size: 11px; color: #000; }
.order em { padding: 0 2px; background: #91ce0e; font-weight: bold; font-style: normal; color: #fff; }
.order strong { color: #d90000; }
.order img { border: 0; vertical-align: middle; }
.order form { display: inline; margin: 0; text-indent: 0; word-spacing: 0; }
.order div { clear: both; }

span.date_added { text-decoration: underline; font-weight: bold; font-size: 11px; color: #16a12d; }

/* header rows */
li.hli span.history-product { width: 415px; }
/* list rows */
li.li span.history-product { width: 415px; }

/* >>> customer addresses <<< */

.caddresses { position: relative; clear: both; margin: 5px 0; }
.caddresses a.opt { text-decoration: underline; font-weight: bold; color: #6a447c; }
.caddresses a.opt:hover { text-decoration: none; color: #c10000; }

/* header rows */
li.hli span.address { width: 415px; }

/* list rows */
li.li span.address { width: 415px; font-weight: bold; color: #26b40a; }
li.li span.address a em { font-style: normal; font-weight: normal; color: #000; }
li.li span.address strong { font-weight: normal; color: #000; }

/* >>> clearfix <<< */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 3px 5px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 3px 5px; border: 1px solid #ac1111; background: #872525; color: #fff; } 
	.navigator input {
		display: inline; float: none; width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
		font-weight: bold; font-size: 11px;
	}
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }

/* search highlight */
.highlight { padding: 2px 2px; background: #fff778; color: #000; }

/* image calendar */
img.calendar { margin-left: 2px; padding: 0; border: 0; }

/* logout link */
a.logout { padding: 0 0 0 18px; background: url('../img/icons/icon-logout.gif') no-repeat; }

/* required */
strong.required { font-weight: bold; color: #d90000; }

/* general link style */
a.lnk { text-decoration: underline; color: #d71d24; }
a.lnk:hover { text-decoration: none; color: #000; }

	/* show/hidden div */
	.hiddenDiv { display: none; position: relative; clear: both; }
	.visibleDiv { display: block; clear: both; height: 100%; padding: 5px; border: 1px solid #ccc; }
	.visibleDiv b { font-size: 12px; }
	.visibleDiv:after { display: block; clear: both; content: "."; height: 0; line-height: 0; visibility: hidden; }
	html[xmlns] .visibleDiv { display: block; }

/* order tips */
.order-tips { clear: both; display: block; line-height: 18px; }
.order-tips p { margin: 5px 0; font-size: 12px; }

/* antispam operation */
.codeop { display: block; float: left; margin: 0; }
.codeop img { margin-bottom: 5px; vertical-align: middle; cursor: pointer; }
.codeop span { margin-left: 5px; font-size: 10px; color: orange; }

/* error */
.frmerror {
	clear: both; display: block; line-height: 18px; padding: 2px 0 0 16px;
	background: url('../img/icons/icon-form-error.gif') no-repeat 0 4px; color: #ff1418;
}

/* site messages */
.msg-success, .msg-error, .msg-warning, .msg-tip {
	display: block; clear: both; /*min-height: 25px; height: auto !important; height: 25px;*/ margin: 5px 0; padding: 5px; font-size: 11px;
}
.msg-success, .msg-error, .msg-warning big { font-weight: bold; font-size: 12px; }
.msg-success { border: 1px solid #87d30e; background: #e7ffb2; color: #3d9711; }
.msg-warning { border: 1px solid #f2cf6f; background: #fff1b8; color: #d87b0e; }
.msg-error { border: 1px solid #c07e7e; background: #ffe3e4; color: #df0510; }
.msg-tip {
	min-height: 18px; height: auto !important; height: 18px; padding: 3px 0 5px 22px; border: 1px solid #fff778;
	background: #fffdcc url('../img/icons/message-tip.gif') no-repeat 2px 1px; color: #000;
}
.msg-tip em { font-style: normal; }